{"version":3,"file":"Examples.B-QaLtwX.mjs","names":[],"sources":["https:/framerusercontent.com/modules/6I8hhvB4P80V2Xov0MgN/8Cw6Mj0uscyNTtMwDXLW/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\":{\"withLargeViewportHeight\":{\"type\":\"reactHoc\",\"name\":\"withLargeViewportHeight\",\"annotations\":{\"framerContractVersion\":\"1\",\"framerDescription\":\"Applies `height: 100lvh` (Large Viewport Height) to the element. Uses the largest possible viewport size.\"}},\"withSmallViewportHeight\":{\"type\":\"reactHoc\",\"name\":\"withSmallViewportHeight\",\"annotations\":{\"framerDescription\":\"Applies `height: 100svh` (Small Viewport Height) to the element. Uses the smallest possible viewport size, accounting for browser UI.\",\"framerContractVersion\":\"1\"}},\"withDynamicViewportHeight\":{\"type\":\"reactHoc\",\"name\":\"withDynamicViewportHeight\",\"annotations\":{\"framerContractVersion\":\"1\",\"framerDescription\":\"Applies `height: 100dvh` (Dynamic Viewport Height) to the element. Adapts to dynamic browser UI changes.\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Examples.map"],"mappings":"oGAiBG,SAAgB,EAAwB,EAAU,CAAC,MAAO,IAAO,CACpE,IAAM,EAAc,CAAC,GAAG,EAAM,MAAM,OAAO,QAAQ,EACnD,OAAoB,EAAK,EAAU,CAAC,GAAG,EAAM,MAAM,CAAa,CAAC,CAAE,CAAE,iBAnB3B"}