{"version":3,"file":"ArchShape.CZUDfsOW.mjs","names":["useRef","useState"],"sources":["https:/framerusercontent.com/modules/8XvxTGC1ARu83cOtmCKa/f4MBOFWDhNVHu89rM2RF/ArchShape.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";import{useEffect,useRef,useState}from\"react\";import{motion,useInView,useReducedMotion}from\"framer-motion\";const SHAPES={arch:[\"M8 90 H92\",\"M20 90 V46 A30 30 0 0 1 80 46 V90\",\"M33 90 V48 A17 17 0 0 1 67 48 V90\",\"M50 31 V90\"],house:[\"M6 90 H94\",\"M10 52 L50 18 L90 52\",\"M20 44 V90\",\"M80 44 V90\",\"M43 90 V64 H57 V90\",\"M63 56 H73 V67 H63 Z\",\"M27 56 H37 V67 H27 Z\"],plan:[\"M12 14 H88 V86 H12 Z\",\"M12 50 H40\",\"M58 50 H88\",\"M50 14 V34\",\"M50 66 V86\",\"M40 50 A14 14 0 0 1 54 36\",\"M66 14 V30 H88\",\"M20 86 V74 H34 V86\"],compass:[\"M50 10 A40 40 0 1 1 49.9 10\",\"M50 22 L59 50 L50 78 L41 50 Z\",\"M50 4 V14\",\"M50 86 V96\",\"M4 50 H14\",\"M86 50 H96\",\"M41 50 H59\"],pin:[\"M50 84 C50 84 24 58 24 38 A26 26 0 0 1 76 38 C76 58 50 84 50 84 Z\",\"M50 28 A10 10 0 1 1 49.9 28\",\"M30 88 A20 6 0 0 0 70 88\",\"M16 86 A34 10 0 0 0 84 86\"],contour:[\"M50 40 C58 38 64 44 62 52 C60 60 48 62 42 56 C36 50 42 42 50 40 Z\",\"M50 28 C66 24 78 38 74 54 C70 70 46 76 32 64 C20 52 30 32 50 28 Z\",\"M50 15 C74 10 92 32 86 56 C80 80 44 90 22 72 C4 56 20 22 50 15 Z\"],stairs:[\"M10 88 H26 V72 H42 V56 H58 V40 H74 V24 H90\",\"M10 70 L74 6\",\"M26 72 V54\",\"M42 56 V38\",\"M58 40 V22\"],window:[\"M24 90 V40 A26 26 0 0 1 76 40 V90 Z\",\"M50 14 V90\",\"M24 44 H76\",\"M24 67 H76\",\"M14 90 H86\"],skyline:[\"M4 90 H96\",\"M12 90 V52 H28 V90\",\"M28 90 V30 H46 V90\",\"M46 90 V44 H60 V90\",\"M60 90 V16 H76 V90\",\"M76 90 V58 H88 V90\",\"M34 40 H40\",\"M34 52 H40\",\"M34 64 H40\",\"M65 28 H71\",\"M65 42 H71\",\"M65 56 H71\"],sun:[\"M4 70 H96\",\"M18 70 A32 32 0 0 1 82 70\",\"M50 22 V10\",\"M24 34 L16 26\",\"M76 34 L84 26\",\"M14 82 H86\",\"M28 92 H72\"],leaf:[\"M20 84 C16 46 40 16 84 16 C84 60 56 86 20 84 Z\",\"M20 84 L64 38\",\"M38 66 H56\",\"M48 56 V40\"],cube:[\"M50 10 L86 30 V70 L50 90 L14 70 V30 Z\",\"M14 30 L50 50 L86 30\",\"M50 50 V90\"],key:[\"M34 34 A16 16 0 1 1 33.9 34\",\"M45 61 L84 22\",\"M70 36 L80 46\",\"M62 44 L70 52\"],rings:[\"M50 12 A38 38 0 1 1 49.9 12\",\"M50 26 A24 24 0 1 1 49.9 26\",\"M50 40 A10 10 0 1 1 49.9 40\"]};/**\n * Architectural line drawing that draws itself in when it scrolls into view.\n *\n * @framerIntrinsicWidth 120\n * @framerIntrinsicHeight 120\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function ArchShape(props){const{shape=\"arch\",color=\"#FFFFFF\",weight=1.5,draw=true}=props;const ref=useRef(null);const inView=useInView(ref,{once:true,amount:.35});const reduce=useReducedMotion();const still=useIsStaticRenderer();const[size,setSize]=useState(120);useEffect(()=>{const el=ref.current;if(!el||typeof ResizeObserver===\"undefined\")return;const ro=new ResizeObserver(()=>setSize(Math.max(8,Math.min(el.clientWidth,el.clientHeight))));ro.observe(el);return()=>ro.disconnect();},[]);const paths=SHAPES[shape]||SHAPES.arch;const sw=weight*100/size;const on=still||reduce||!draw||inView;return /*#__PURE__*/_jsx(\"div\",{ref:ref,style:{width:\"100%\",height:\"100%\",...props.style},children:/*#__PURE__*/_jsx(\"svg\",{viewBox:\"0 0 100 100\",width:\"100%\",height:\"100%\",fill:\"none\",style:{display:\"block\",overflow:\"visible\"},children:paths.map((d,i)=>/*#__PURE__*/_jsx(motion.path,{d:d,stroke:color,strokeWidth:sw,strokeLinecap:\"round\",strokeLinejoin:\"round\",initial:still||reduce||!draw?false:{pathLength:0,opacity:0},animate:on?{pathLength:1,opacity:1}:{pathLength:0,opacity:0},transition:{duration:1.5,delay:.12*i,ease:[.22,1,.36,1]}},shape+i))})});}addPropertyControls(ArchShape,{shape:{type:ControlType.Enum,title:\"Shape\",options:Object.keys(SHAPES),defaultValue:\"arch\"},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#FFFFFF\"},weight:{type:ControlType.Number,title:\"Line\",defaultValue:1.5,min:.5,max:8,step:.1},draw:{type:ControlType.Boolean,title:\"Draw In\",defaultValue:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ArchShape\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicWidth\":\"120\",\"framerIntrinsicHeight\":\"120\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ArchShape.map"],"mappings":"+PAOG,SAAwB,EAAU,EAAM,CAAC,GAAK,CAAC,QAAM,OAAO,QAAM,UAAU,SAAO,IAAI,OAAK,IAAM,EAAY,EAAIA,EAAO,IAAI,EAAQ,EAAO,EAAU,EAAI,CAAC,KAAK,GAAK,OAAO,GAAG,CAAC,EAAQ,EAAO,EAAiB,EAAQ,EAAM,EAAoB,EAAO,CAAC,EAAK,GAASC,EAAS,GAAG,EAAE,MAAc,CAAC,IAAM,EAAG,EAAI,QAAQ,GAAG,CAAC,GAAI,OAAO,eAAiB,IAAY,OAAO,IAAM,EAAG,IAAI,mBAAmB,EAAQ,KAAK,IAAI,EAAE,KAAK,IAAI,EAAG,YAAY,EAAG,YAAY,CAAC,CAAC,CAAC,EAAiB,OAAf,EAAG,QAAQ,CAAE,MAAY,EAAG,WAAW,CAAE,EAAE,CAAC,CAAC,EAAE,IAAM,EAAM,EAAO,IAAQ,EAAO,KAAW,EAAG,EAAO,IAAI,EAAW,EAAG,GAAO,GAAQ,CAAC,GAAM,EAAO,OAAoB,EAAK,MAAM,CAAK,MAAI,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,GAAG,EAAM,KAAK,EAAE,SAAsB,EAAK,MAAM,CAAC,QAAQ,cAAc,MAAM,OAAO,OAAO,OAAO,KAAK,OAAO,MAAM,CAAC,QAAQ,QAAQ,SAAS,SAAS,EAAE,SAAS,EAAM,KAAK,EAAE,IAAiB,EAAK,EAAO,KAAK,CAAG,IAAE,OAAO,EAAM,YAAY,EAAG,cAAc,QAAQ,eAAe,QAAQ,QAAQ,GAAO,GAAQ,CAAC,EAAK,GAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,EAAE,QAAQ,EAAG,CAAC,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,EAAE,WAAW,CAAC,SAAS,IAAI,MAAM,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,mBAPrmC,IAAwE,IAA6C,IAA6D,EAAO,EAAO,CAAC,KAAK,CAAC,YAAY,oCAAoC,oCAAoC,YAAY,EAAE,MAAM,CAAC,YAAY,uBAAuB,aAAa,aAAa,qBAAqB,uBAAuB,sBAAsB,EAAE,KAAK,CAAC,uBAAuB,aAAa,aAAa,aAAa,aAAa,4BAA4B,iBAAiB,oBAAoB,EAAE,QAAQ,CAAC,8BAA8B,gCAAgC,YAAY,aAAa,YAAY,aAAa,YAAY,EAAE,IAAI,CAAC,oEAAoE,8BAA8B,2BAA2B,2BAA2B,EAAE,QAAQ,CAAC,oEAAoE,oEAAoE,kEAAkE,EAAE,OAAO,CAAC,6CAA6C,eAAe,aAAa,aAAa,YAAY,EAAE,OAAO,CAAC,sCAAsC,aAAa,aAAa,aAAa,YAAY,EAAE,QAAQ,CAAC,YAAY,qBAAqB,qBAAqB,qBAAqB,qBAAqB,qBAAqB,aAAa,aAAa,aAAa,aAAa,aAAa,YAAY,EAAE,IAAI,CAAC,YAAY,4BAA4B,aAAa,gBAAgB,gBAAgB,aAAa,YAAY,EAAE,KAAK,CAAC,iDAAiD,gBAAgB,aAAa,YAAY,EAAE,KAAK,CAAC,wCAAwC,uBAAuB,YAAY,EAAE,IAAI,CAAC,8BAA8B,gBAAgB,gBAAgB,eAAe,EAAE,MAAM,CAAC,8BAA8B,8BAA8B,6BAA6B,CAAC,EAOr1B,EAAoB,EAAU,CAAC,MAAM,CAAC,KAAK,EAAY,KAAK,MAAM,QAAQ,QAAQ,OAAO,KAAK,CAAM,EAAE,aAAa,MAAM,EAAE,MAAM,CAAC,KAAK,EAAY,MAAM,MAAM,QAAQ,aAAa,SAAS,EAAE,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,aAAa,IAAI,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,CAAC,KAAK,EAAY,QAAQ,MAAM,UAAU,aAAa,EAAI,CAAC,CAAC"}