{"version":3,"file":"DynamicHeight.CPbb0Q8T.mjs","names":[],"sources":["https:/framerusercontent.com/modules/Nc6OoIKQx6aWrUzro23r/3BqlxoyHsGm1hRptppeJ/DynamicHeight.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";export function withDynamicAndRelativeUnits(Component){return props=>{const name=props[\"data-framer-name\"]||\"\";const declarations=name.toLowerCase().split(\"|\");let dynamicStyle={...props.style};// Regex to match width or height followed by a valid CSS value\nconst regex=/(width|height):\\s*([0-9.]+[a-z%]+)/i;declarations.forEach(declaration=>{const match=declaration.match(regex);if(match){const property=match[1]// Extracted property (width or height)\n;const value=match[2]// Extracted value (e.g., \"100vh\", \"50vh\", \"10dvh\")\n;dynamicStyle[property]=value;}});return /*#__PURE__*/_jsx(Component,{...props,style:dynamicStyle});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withDynamicAndRelativeUnits\":{\"type\":\"reactHoc\",\"name\":\"withDynamicAndRelativeUnits\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DynamicHeight.map"],"mappings":"oGAA2C,SAAgB,EAA4B,EAAU,CAAC,MAAO,IAAO,CAA0C,IAAM,GAApC,EAAM,qBAAqB,GAAA,CAA2B,YAAY,CAAC,CAAC,MAAM,GAAG,EAAM,EAAa,CAAC,GAAG,EAAM,KAAK,EACrO,EAAM,sCAEsB,OAFgB,EAAa,QAAQ,GAAa,CAAC,IAAM,EAAM,EAAY,MAAM,CAAK,EAAE,GAAG,EAAM,CAAC,IAAM,EAAS,EAAM,GAClJ,EAAM,EAAM,GAClB,EAAa,GAAU,CAAM,CAAC,CAAC,EAAsB,EAAK,EAAU,CAAC,GAAG,EAAM,MAAM,CAAY,CAAC,CAAE,CAAE,iBAH5D"}