{"version":3,"file":"Examples.pDa56AXQ.mjs","names":["useRef"],"sources":["https:/framerusercontent.com/modules/3NNKKHYRn0ppGKHUIQUb/Wbb4vSueYYiIMJc9z952/Examples.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useRef,useEffect}from\"react\";import{addPropertyControls,ControlType}from\"framer\";export default function Negative_Margin(props){const qrRef=useRef(null);useEffect(()=>{const parent=qrRef.current?.parentNode;if(parent){parent.style.marginLeft=`${props.margin}${props.unit}`;parent.style.marginTop=`${props.margin}${props.unit}`;}return()=>{// Reset margins on unmount or prop change\nif(parent){parent.style.marginLeft=\"\";parent.style.marginTop=\"\";}};},[props.margin,props.unit])// Runs only when these values change\n;return /*#__PURE__*/_jsx(\"div\",{ref:qrRef});}addPropertyControls(Negative_Margin,{unit:{type:ControlType.Enum,defaultValue:\"px\",displaySegmentedControl:true,segmentedControlDirection:\"horizontal\",options:[\"px\",\"%\"],optionTitles:[\"Pixel\",\"Percent\"]},margin:{type:ControlType.Number,max:0,min:-1e3,defaultValue:-3}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Negative_Margin\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Examples.map"],"mappings":"iLAAmI,SAAwB,EAAgB,EAAM,CAAC,IAAM,EAAMA,EAAO,KAAK,CAEzM,OAF0M,MAAc,CAAC,IAAM,EAAO,EAAM,SAAS,WAAoI,OAAtH,IAAQ,EAAO,MAAM,WAAW,GAAG,EAAM,SAAS,EAAM,OAAO,EAAO,MAAM,UAAU,GAAG,EAAM,SAAS,EAAM,YAAkB,CACjY,IAAQ,EAAO,MAAM,WAAW,GAAG,EAAO,MAAM,UAAU,MAAQ,CAAC,EAAM,OAAO,EAAM,KAAK,CAAC,CAC1E,EAAK,MAAM,CAAC,IAAI,EAAM,CAAC,kBAFD,IAAoC,IAAoD,CAErF,EAAoB,EAAgB,CAAC,KAAK,CAAC,KAAK,EAAY,KAAK,aAAa,KAAK,wBAAwB,GAAK,0BAA0B,aAAa,QAAQ,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,QAAQ,UAAU,CAAC,CAAC,OAAO,CAAC,KAAK,EAAY,OAAO,IAAI,EAAE,IAAI,KAAK,aAAa,GAAG,CAAC,CAAC"}