{"version":3,"file":"Examples_1.D1R4Up2E.mjs","names":[],"sources":["https:/framerusercontent.com/modules/pf9ZFJBpdmXoycF1UJMa/W0GjtlVEYjoRmivDRfqr/Examples_1.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\":{\"framerDescription\":\"Applies `height: 100lvh` (Large Viewport Height) to the element. Uses the largest possible viewport size.\",\"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.\"}},\"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.\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Examples_1.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"}