{"version":3,"file":"Examples.DAqrRAM_.mjs","names":[],"sources":["https:/framerusercontent.com/modules/PmoWIGgbcLKz37repLLk/eoaIIWz6ONzfXjkusXJs/Examples.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";// --- Exported Overrides for Framer UI ---\n/**\n * @framerDescription Applies `height: 100dvh` (Dynamic Viewport Height) to the element. Adapts to dynamic browser UI changes.\n * @param Component The component to wrap.\n * @returns A new component with the override applied.\n */export function withDynamicViewportHeight(Component){return props=>{// Combine the original styles with the new height\nconst combinedStyle={...props.style,height:\"100dvh\"};// Render the original component with modified style\nreturn /*#__PURE__*/_jsx(Component,{...props,style:combinedStyle});};}/**\n * @framerDescription Applies `height: 100lvh` (Large Viewport Height) to the element. Uses the largest possible viewport size.\n * @param Component The component to wrap.\n * @returns A new component with the override applied.\n */export function withLargeViewportHeight(Component){return props=>{// Combine the original styles with the new height\nconst combinedStyle={...props.style,height:\"100lvh\"};// Render the original component with modified style\nreturn /*#__PURE__*/_jsx(Component,{...props,style:combinedStyle});};}/**\n * @framerDescription Applies `height: 100svh` (Small Viewport Height) to the element. Uses the smallest possible viewport size, accounting for browser UI.\n * @param Component The component to wrap.\n * @returns A new component with the override applied.\n */export function withSmallViewportHeight(Component){return props=>{// Combine the original styles with the new height\nconst combinedStyle={...props.style,height:\"100svh\"};// Render the original component with modified style\nreturn /*#__PURE__*/_jsx(Component,{...props,style:combinedStyle});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withDynamicViewportHeight\":{\"type\":\"reactHoc\",\"name\":\"withDynamicViewportHeight\",\"annotations\":{\"framerContractVersion\":\"1\",\"framerDescription\":\"Applies `height: 100dvh` (Dynamic Viewport Height) to the element. Adapts to dynamic browser UI changes.\"}},\"withSmallViewportHeight\":{\"type\":\"reactHoc\",\"name\":\"withSmallViewportHeight\",\"annotations\":{\"framerContractVersion\":\"1\",\"framerDescription\":\"Applies `height: 100svh` (Small Viewport Height) to the element. Uses the smallest possible viewport size, accounting for browser UI.\"}},\"withLargeViewportHeight\":{\"type\":\"reactHoc\",\"name\":\"withLargeViewportHeight\",\"annotations\":{\"framerDescription\":\"Applies `height: 100lvh` (Large Viewport Height) to the element. Uses the largest possible viewport size.\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Examples.map"],"mappings":"oGAKG,SAAgB,EAA0B,EAAU,CAAC,MAAO,IAAO,CACtE,IAAM,EAAc,CAAC,GAAG,EAAM,MAAM,OAAO,SAAS,CACpD,OAAoB,EAAK,EAAU,CAAC,GAAG,EAAM,MAAM,EAAc,CAAC,mBAPvB"}