var $=this,t=({_:e,o:n,p:r})=>{const o=e.length; for(let i=0;i<o;i++){r[i]=n(e[i],i)};return r}; const a=({d:e,f:o})=>e.map($=>t({_:$,o,p:[]})); const i={setup(e){return e.bind(this)},getDefaults(){return{}}}; const n={Color:0,Number:1,String:2,Boolean:3,Enum:4,File:5,ComponentInstance:6}; var r=({stroke:s="#000",speed:c=1.2})=>e.createElement(o.svg, {viewBox:"0 0 24 24",animate:{pathLength:[0,1]}, transition:{duration:c,repeat:1/0}},e.createElement(o.path, {d:"M 4 12 L 11 19 L 20 5",stroke:s,strokeWidth:2})); const e=Object.assign(t({setup:i.setup,getDefaults:i.getDefaults, properties:{stroke:{type:n.Color,defaultValue:"#000"}, speed:{type:n.Number,defaultValue:1.2,min:0,max:5}}, __framer_codeComponent:true,render:r}),{displayName:"HelloLoader"}); function l(e){return e.replace(/[A-Z]/g,n=>"-"+n.toLowerCase())} const u=(e,n)=>Object.keys(e).reduce((t,o)=>(t[l(o)]=e[o],t),{}); e.createElement("button",{className:"_button_a3b1c _primary_z9p4q", onClick:r,disabled:i},e.createElement("span",{className:"_label_kx21m"},x)); var k=({size:n=24,fill:s="currentColor"})=>e.createElement("svg", {width:n,height:n,viewBox:"0 0 16 16"},e.createElement("circle", {cx:8,cy:8,r:7,fill:s})); const m=async e=>{const n=await fetch(e);return await n.json()}; e.createElement(o.section,{className:"_hero_2p9k1 _dark_x7w3z"}, e.createElement(o.h1,{className:"_heading_b8m4r"},"Hello")); const q=({theme:e="dark"})=>e==="dark"?"#0a0e1a":"#fafafa"; var $=this,t=({_:e,o:n,p:r})=>{const o=e.length; for(let i=0;i<o;i++){r[i]=n(e[i],i)};return r}; const a=({d:e,f:o})=>e.map($=>t({_:$,o,p:[]})); const i={setup(e){return e.bind(this)},getDefaults(){return{}}}; const n={Color:0,Number:1,String:2,Boolean:3,Enum:4,File:5,ComponentInstance:6}; var r=({stroke:s="#000",speed:c=1.2})=>e.createElement(o.svg, {viewBox:"0 0 24 24",animate:{pathLength:[0,1]}, transition:{duration:c,repeat:1/0}},e.createElement(o.path, {d:"M 4 12 L 11 19 L 20 5",stroke:s,strokeWidth:2})); const e=Object.assign(t({setup:i.setup,getDefaults:i.getDefaults, properties:{stroke:{type:n.Color,defaultValue:"#000"}, speed:{type:n.Number,defaultValue:1.2,min:0,max:5}}, __framer_codeComponent:true,render:r}),{displayName:"HelloLoader"}); function l(e){return e.replace(/[A-Z]/g,n=>"-"+n.toLowerCase())} const u=(e,n)=>Object.keys(e).reduce((t,o)=>(t[l(o)]=e[o],t),{}); e.createElement("button",{className:"_button_a3b1c _primary_z9p4q", onClick:r,disabled:i},e.createElement("span",{className:"_label_kx21m"},x)); var k=({size:n=24,fill:s="currentColor"})=>e.createElement("svg", {width:n,height:n,viewBox:"0 0 16 16"},e.createElement("circle", {cx:8,cy:8,r:7,fill:s})); const m=async e=>{const n=await fetch(e);return await n.json()}; e.createElement(o.section,{className:"_hero_2p9k1 _dark_x7w3z"}, e.createElement(o.h1,{className:"_heading_b8m4r"},"Hello")); const q=({theme:e="dark"})=>e==="dark"?"#0a0e1a":"#fafafa";
Framer's Code Components are developer-authored .tsx files marked in the bundle with __framer_codeComponent: true. yank identifies them via this marker, locates the original source via source maps (or class-anchor recovery when stripped), and writes them to /components/code/ verbatim — zero transformations.