{"version":3,"file":"Padding_GJ.DM6d_Uno.mjs","names":["useRef","useState","useMemo"],"sources":["https:/framerusercontent.com/modules/5O3XDJ6Gty3V1moLJamh/CFn8UqjiRc4kv80HvJGd/Padding_GJ.js"],"sourcesContent":["// SmartSpacer responsive spacing component.\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useEffect,useRef,useMemo}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * SmartSpacer: Responsive spacer with dual mode and debug visuals\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function SmartSpacer(props){const{mode,desktop,tablet,mobile,debug,fillContainer,crossAxis,style={}}=props;const containerRef=useRef(null);const[parentWidth,setParentWidth]=useState(1200);useEffect(()=>{const element=containerRef.current;if(!element)return;// Traverses upward to find Framer's top-level variant/breakpoint container wrapper\nconst section=element.closest(\"[data-framer-component-type='Frame']\")||element.parentElement;if(!section)return;const observer=new ResizeObserver(entries=>{for(let entry of entries){// Uses contentRect to cleanly get the exact pixel width of the active canvas breakpoint\nsetParentWidth(entry.contentRect.width);}});observer.observe(section);return()=>observer.disconnect();},[]);const px=useMemo(()=>{// Matches your Framer Breakpoints:\n// Desktop: >= 1200px\n// Tablet: 810px to 1199px\n// Phone: <= 809px\nif(parentWidth>=1200)return desktop;if(parentWidth>=810)return tablet;return mobile;},[parentWidth,desktop,tablet,mobile]);const isVertical=mode===\"vertical\";const mainAxis=isVertical?{height:px}:{width:px};const crossAxisStyle=fillContainer?isVertical?{width:\"100%\"}:{height:\"100%\"}:isVertical?{width:crossAxis}:{height:crossAxis};const debugLabel=isVertical?`↕ ${px}px`:`↔ ${px}px`;return /*#__PURE__*/_jsx(\"div\",{ref:containerRef,style:{...mainAxis,...crossAxisStyle,flexShrink:0,background:debug?\"#e6f2ff\":\"transparent\",border:debug?\"2px dashed #94CAE6\":\"none\",boxSizing:\"border-box\",position:\"relative\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",...style},\"aria-hidden\":\"true\",children:debug&&/*#__PURE__*/_jsx(\"span\",{style:{color:\"#2576AC\",fontSize:15,fontFamily:\"monospace\",fontWeight:600,opacity:.85,userSelect:\"none\"},children:debugLabel})});}addPropertyControls(SmartSpacer,{mode:{type:ControlType.Enum,title:\"Mode\",options:[\"vertical\",\"horizontal\"],optionTitles:[\"Vertical\",\"Horizontal\"],defaultValue:\"vertical\"},desktop:{type:ControlType.Number,title:\"Desktop\",defaultValue:80,min:0,step:1},tablet:{type:ControlType.Number,title:\"Tablet\",defaultValue:56,min:0,step:1},mobile:{type:ControlType.Number,title:\"Mobile\",defaultValue:32,min:0,step:1},debug:{type:ControlType.Boolean,title:\"Debug Mode\",defaultValue:false},fillContainer:{type:ControlType.Boolean,title:\"Fill Container\",defaultValue:true},crossAxis:{type:ControlType.Number,title:\"Cross-Axis px\",defaultValue:24,min:0,step:1,hidden:({fillContainer})=>fillContainer}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SmartSpacer\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Padding_GJ.map"],"mappings":"+LAMG,SAAwB,EAAY,EAAM,CAAC,GAAK,CAAC,OAAK,UAAQ,SAAO,SAAO,QAAM,gBAAc,YAAU,QAAM,CAAC,GAAG,EAAY,EAAaA,EAAO,IAAI,EAAO,CAAC,EAAY,GAAgBC,EAAS,IAAI,EAAE,MAAc,CAAC,IAAM,EAAQ,EAAa,QAAQ,GAAG,CAAC,EAAQ,OAC5Q,IAAM,EAAQ,EAAQ,QAAQ,sCAAsC,GAAG,EAAQ,cAAc,GAAG,CAAC,EAAQ,OAAO,IAAM,EAAS,IAAI,eAAe,GAAS,CAAC,IAAI,IAAI,KAAS,EAC7K,EAAe,EAAM,YAAY,KAAK,CAAG,CAAC,EAA4B,OAA1B,EAAS,QAAQ,CAAO,MAAY,EAAS,WAAW,CAAE,EAAE,CAAC,CAAC,EAAE,IAAM,EAAGC,MAIlH,GAAa,KAAY,EAAW,GAAa,IAAW,EAAc,EAAS,CAAC,EAAY,EAAQ,EAAO,CAAM,CAAC,EAAQ,EAAW,IAAO,WAAiB,EAAS,EAAW,CAAC,OAAO,CAAE,EAAE,CAAC,MAAM,CAAE,EAAQ,EAAe,EAAc,EAAW,CAAC,MAAM,MAAM,EAAE,CAAC,OAAO,MAAM,EAAE,EAAW,CAAC,MAAM,CAAS,EAAE,CAAC,OAAO,CAAS,EAAQ,EAAW,EAAW,KAAK,EAAG,IAAI,KAAK,EAAG,IAAI,OAAoB,EAAK,MAAM,CAAC,IAAI,EAAa,MAAM,CAAC,GAAG,EAAS,GAAG,EAAe,WAAW,EAAE,WAAW,EAAM,UAAU,cAAc,OAAO,EAAM,qBAAqB,OAAO,UAAU,aAAa,SAAS,WAAW,QAAQ,OAAO,WAAW,SAAS,eAAe,SAAS,GAAG,CAAK,EAAE,cAAc,OAAO,SAAS,GAAoB,EAAK,OAAO,CAAC,MAAM,CAAC,MAAM,UAAU,SAAS,GAAG,WAAW,YAAY,WAAW,IAAI,QAAQ,IAAI,WAAW,MAAM,EAAE,SAAS,CAAU,CAAC,CAAC,CAAC,CAAE,iBAX1zB,IAAqD,IAAoD,EAWktB,EAAoB,EAAY,CAAC,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,QAAQ,CAAC,WAAW,YAAY,EAAE,aAAa,CAAC,WAAW,YAAY,EAAE,aAAa,UAAU,EAAE,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,aAAa,GAAG,IAAI,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,GAAG,IAAI,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,GAAG,IAAI,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,KAAK,EAAY,QAAQ,MAAM,aAAa,aAAa,EAAK,EAAE,cAAc,CAAC,KAAK,EAAY,QAAQ,MAAM,iBAAiB,aAAa,EAAI,EAAE,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,gBAAgB,aAAa,GAAG,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,mBAAiB,CAAa,CAAC,CAAC"}