unframer 4.1.8 → 4.1.9

package/dist/framer.js

@@ -12,7 +12,7 @@ import {
   __require,
   __runInitializers,
   __toESM,
-} from './framer-chunks/chunk-2DZGP7C2.js';
+} from './framer-chunks/chunk-WYG6DFEF.js';
 
 // /:https://app.framerstatic.com/chunk-7KEO2DXG.mjs
 import { createContext, } from 'react';
@@ -8115,6 +8115,7 @@ function PopChild({
     };
   }, [isPresent2,],);
   return jsx(PopChildMeasure, {
+    suppressHydrationWarning: true,
     isPresent: isPresent2,
     childRef: ref,
     sizeRef: size,
@@ -8178,6 +8179,7 @@ var PresenceChild = ({
     !isPresent2 && !presenceChildren.size && onExitComplete && onExitComplete();
   }, [isPresent2,],);
   children = jsx(PopChild, {
+    suppressHydrationWarning: true,
     pop: mode === 'popLayout',
     isPresent: isPresent2,
     anchorX,
@@ -8186,6 +8188,7 @@ var PresenceChild = ({
     children,
   },);
   return jsx(PresenceContext.Provider, {
+    suppressHydrationWarning: true,
     value: context,
     children,
   },);
@@ -8312,6 +8315,7 @@ var AnimatePresence = ({
         }
       };
       return jsx(PresenceChild, {
+        suppressHydrationWarning: true,
         isPresent: isPresent2,
         initial: !isInitialRender.current || initial ? void 0 : false,
         custom,
@@ -8372,6 +8376,7 @@ var LayoutGroup = ({
     forceRender,
   }), [key7,],);
   return jsx(LayoutGroupContext.Provider, {
+    suppressHydrationWarning: true,
     value: memoizedContext,
     children,
   },);
@@ -8444,6 +8449,7 @@ function LazyMotion({
     }
   }, [],);
   return jsx(LazyContext.Provider, {
+    suppressHydrationWarning: true,
     value: {
       renderer: loadedRenderer.current,
       strict,
@@ -8535,6 +8541,7 @@ function MotionConfig({
     config.skipAnimations,
   ],);
   return jsx(MotionConfigContext.Provider, {
+    suppressHydrationWarning: true,
     value: context,
     children,
   },);
@@ -8795,7 +8802,7 @@ var useSVGVisualState = /* @__PURE__ */ makeUseVisualState({
   scrapeMotionValuesFromProps: scrapeMotionValuesFromProps2,
   createRenderState: createSvgRenderState,
 },);
-var motionComponentSymbol = Symbol.for('motionComponentSymbol',);
+var motionComponentSymbol = /* @__PURE__ */ Symbol.for('motionComponentSymbol',);
 function useMotionRef(visualState, visualElement, externalRef,) {
   const externalRefContainer = useRef(externalRef,);
   useInsertionEffect(() => {
@@ -8978,10 +8985,12 @@ function createMotionComponent(
       );
     }
     return jsxs(MotionContext.Provider, {
+      suppressHydrationWarning: true,
       value: context,
       children: [
         MeasureLayout2 && context.visualElement
           ? jsx(MeasureLayout2, {
+            suppressHydrationWarning: true,
             visualElement: context.visualElement,
             ...configAndProps,
           },)
@@ -10271,6 +10280,7 @@ function MeasureLayout(props,) {
   const [isPresent2, safeToRemove,] = usePresence();
   const layoutGroup = useContext(LayoutGroupContext,);
   return jsx(MeasureLayoutWithContext, {
+    suppressHydrationWarning: true,
     ...props,
     layoutGroup,
     switchLayoutGroup: useContext(SwitchLayoutGroupContext,),
@@ -12549,11 +12559,13 @@ function ReorderGroupComponent({
     ...props.style,
   };
   return jsx(Component33, {
+    suppressHydrationWarning: true,
     ...props,
     style: groupStyle,
     ref: setRef22,
     ignoreStrict: true,
     children: jsx(ReorderContext.Provider, {
+      suppressHydrationWarning: true,
       value: context,
       children,
     },),
@@ -12705,6 +12717,7 @@ function ReorderItemComponent({
     groupRef,
   } = context;
   return jsx(Component33, {
+    suppressHydrationWarning: true,
     drag: axis,
     ...props,
     dragSnapToOrigin: true,
@@ -12739,7 +12752,7 @@ function ReorderItemComponent({
 }
 var ReorderItem = /* @__PURE__ */ forwardRef(ReorderItemComponent,);
 
-// /:https://app.framerstatic.com/framer.BVYWINPW.mjs
+// /:https://app.framerstatic.com/framer.7GWEWZBL.mjs
 
 import React42 from 'react';
 import { startTransition as startTransition2, useDeferredValue, useSyncExternalStore, } from 'react';
@@ -13266,24 +13279,24 @@ var require_react_is_production_min = __commonJS({
     'use strict';
 
     var b = 'function' === typeof Symbol && Symbol.for;
-    var c = b ? Symbol.for('react.element',) : 60103;
-    var d = b ? Symbol.for('react.portal',) : 60106;
-    var e = b ? Symbol.for('react.fragment',) : 60107;
-    var f2 = b ? Symbol.for('react.strict_mode',) : 60108;
-    var g = b ? Symbol.for('react.profiler',) : 60114;
-    var h = b ? Symbol.for('react.provider',) : 60109;
-    var k = b ? Symbol.for('react.context',) : 60110;
-    var l2 = b ? Symbol.for('react.async_mode',) : 60111;
-    var m2 = b ? Symbol.for('react.concurrent_mode',) : 60111;
-    var n = b ? Symbol.for('react.forward_ref',) : 60112;
-    var p = b ? Symbol.for('react.suspense',) : 60113;
-    var q = b ? Symbol.for('react.suspense_list',) : 60120;
-    var r = b ? Symbol.for('react.memo',) : 60115;
-    var t = b ? Symbol.for('react.lazy',) : 60116;
-    var v = b ? Symbol.for('react.block',) : 60121;
-    var w = b ? Symbol.for('react.fundamental',) : 60117;
-    var x2 = b ? Symbol.for('react.responder',) : 60118;
-    var y2 = b ? Symbol.for('react.scope',) : 60119;
+    var c = b ? /* @__PURE__ */ Symbol.for('react.element',) : 60103;
+    var d = b ? /* @__PURE__ */ Symbol.for('react.portal',) : 60106;
+    var e = b ? /* @__PURE__ */ Symbol.for('react.fragment',) : 60107;
+    var f2 = b ? /* @__PURE__ */ Symbol.for('react.strict_mode',) : 60108;
+    var g = b ? /* @__PURE__ */ Symbol.for('react.profiler',) : 60114;
+    var h = b ? /* @__PURE__ */ Symbol.for('react.provider',) : 60109;
+    var k = b ? /* @__PURE__ */ Symbol.for('react.context',) : 60110;
+    var l2 = b ? /* @__PURE__ */ Symbol.for('react.async_mode',) : 60111;
+    var m2 = b ? /* @__PURE__ */ Symbol.for('react.concurrent_mode',) : 60111;
+    var n = b ? /* @__PURE__ */ Symbol.for('react.forward_ref',) : 60112;
+    var p = b ? /* @__PURE__ */ Symbol.for('react.suspense',) : 60113;
+    var q = b ? /* @__PURE__ */ Symbol.for('react.suspense_list',) : 60120;
+    var r = b ? /* @__PURE__ */ Symbol.for('react.memo',) : 60115;
+    var t = b ? /* @__PURE__ */ Symbol.for('react.lazy',) : 60116;
+    var v = b ? /* @__PURE__ */ Symbol.for('react.block',) : 60121;
+    var w = b ? /* @__PURE__ */ Symbol.for('react.fundamental',) : 60117;
+    var x2 = b ? /* @__PURE__ */ Symbol.for('react.responder',) : 60118;
+    var y2 = b ? /* @__PURE__ */ Symbol.for('react.scope',) : 60119;
     function z(a,) {
       if ('object' === typeof a && null !== a) {
         var u = a.$$typeof;
@@ -13822,6 +13835,7 @@ function lazy(factory, moduleName = 'default', cacheHash,) {
       throw load(factory,);
     }
     return /* @__PURE__ */ jsx(LoadedComponent, {
+      suppressHydrationWarning: true,
       ref,
       ...props,
     },);
@@ -13992,6 +14006,7 @@ function RouterAPIProvider({
   children,
 },) {
   return /* @__PURE__ */ jsx(RouterContext.Provider, {
+    suppressHydrationWarning: true,
     value: api,
     children,
   },);
@@ -14008,6 +14023,7 @@ function RoutesProvider({
     getRoute,
   }), [getRoute,],);
   return /* @__PURE__ */ jsx(RouterContext.Provider, {
+    suppressHydrationWarning: true,
     value: api,
     children,
   },);
@@ -15054,6 +15070,7 @@ function CollectionUtilsCacheProvider({
     };
   }, [collectionUtils,],);
   return /* @__PURE__ */ jsx(CollectionUtilsCacheContext.Provider, {
+    suppressHydrationWarning: true,
     value: getCollectionUtilsCacheMemoized,
     children,
   },);
@@ -15585,6 +15602,7 @@ function PageEffectsProvider({
   value,
 },) {
   return /* @__PURE__ */ jsx(PageEffectsContext.Provider, {
+    suppressHydrationWarning: true,
     value,
     children,
   },);
@@ -16460,6 +16478,7 @@ function RenderTargetEnvironmentProvider({
   value,
 },) {
   return /* @__PURE__ */ jsx(RenderTargetEnvironmentContext.Provider, {
+    suppressHydrationWarning: true,
     value,
     children,
   },);
@@ -16697,6 +16716,7 @@ function URLSearchParamsProvider({
     replaceSearchParams,
   }), [urlSearchString, replaceSearchParams,],);
   return /* @__PURE__ */ jsx(URLSearchParamsContext.Provider, {
+    suppressHydrationWarning: true,
     value,
     children,
   },);
@@ -17500,6 +17520,7 @@ function renderPage(Page4, defaultPageStyle,) {
     'data-framer-root': '',
   };
   return React42.isValidElement(Page4,) ? React42.cloneElement(Page4, props,) : /* @__PURE__ */ jsx(Page4, {
+    suppressHydrationWarning: true,
     ...props,
   },);
 }
@@ -20452,11 +20473,13 @@ var Loop = class extends EventEmitter {
   }
 };
 var MainLoop = /* @__PURE__ */ new Loop();
+function isScreenshotFramerHost() {
+  return safeWindow.location.origin === 'https://screenshot.framer.invalid';
+}
 var RenderEnvironment = {
   target:
-    // Enable static renderer when taking screenshots
-    // in screenshot-site lambda
-    safeWindow.location.origin === 'https://screenshot.framer.invalid' ? 'EXPORT' : 'PREVIEW',
+    // Enable the static renderer for screenshot lambdas.
+    isScreenshotFramerHost() ? 'EXPORT' : 'PREVIEW',
   zoom: 1,
 };
 function executeInRenderEnvironment(customEnvironment, task,) {
@@ -21199,6 +21222,7 @@ function LayoutIdProvider({
     enabled: true,
   },).current;
   return /* @__PURE__ */ jsx(LayoutIdContext.Provider, {
+    suppressHydrationWarning: true,
     value: contextValue,
     children,
   },);
@@ -21227,6 +21251,7 @@ function AutomaticLayoutIds({
     };
   }, [enabled,],);
   return /* @__PURE__ */ jsx(LayoutIdContext.Provider, {
+    suppressHydrationWarning: true,
     ...props,
     value: contextValue,
   },);
@@ -21286,14 +21311,17 @@ function ErrorPlaceholder(props,) {
   const title = file ? `Error in ${stripSlash(file,)}` : 'Error';
   const message = error instanceof Error ? error.message : '' + error;
   return /* @__PURE__ */ jsxs('div', {
+    suppressHydrationWarning: true,
     style: errorStyle,
     children: [
       /* @__PURE__ */ jsx('div', {
+        suppressHydrationWarning: true,
         className: 'text',
         style: titleStyle,
         children: title,
       },),
       message && /* @__PURE__ */ jsx('div', {
+        suppressHydrationWarning: true,
         className: 'text',
         style: messageStyle,
         children: message,
@@ -21381,6 +21409,7 @@ var ErrorBoundary = class extends Component2 {
   render() {
     if (this.state.lastError) {
       return /* @__PURE__ */ jsx(ErrorPlaceholder, {
+        suppressHydrationWarning: true,
         error: this.state.lastError.error.message,
         file: 'Prototype',
       },);
@@ -21474,24 +21503,29 @@ function Device({
     : {};
   const screenBackground = options.deviceOptions?.transparentBackground ? 'transparent' : 'white';
   return /* @__PURE__ */ jsx('div', {
+    suppressHydrationWarning: true,
     style: {
       ...containerStyle2,
       ...resizeStyles,
     },
     ref: containerRef,
     children: /* @__PURE__ */ jsxs('div', {
+      suppressHydrationWarning: true,
       style: {
         ...deviceStyle,
       },
       ref: deviceRef,
       children: [
         handStyle && /* @__PURE__ */ jsx('div', {
+          suppressHydrationWarning: true,
           style: handStyle,
         },),
         deviceAppearance === 'external-clay' && deviceImageStyle && /* @__PURE__ */ jsx('div', {
+          suppressHydrationWarning: true,
           style: deviceImageStyle,
         },),
         /* @__PURE__ */ jsx('div', {
+          suppressHydrationWarning: true,
           style: {
             ...screenStyle,
             pointerEvents: void 0,
@@ -21499,13 +21533,16 @@ function Device({
           },
           ref: screenRef,
           children: /* @__PURE__ */ jsx(MotionConfig, {
+            suppressHydrationWarning: true,
             transformPagePoint: invertScale2,
             children: /* @__PURE__ */ jsx(ErrorBoundary, {
+              suppressHydrationWarning: true,
               children,
             },),
           },),
         },),
         deviceAppearance === 'realistic' && deviceImageStyle && /* @__PURE__ */ jsx('div', {
+          suppressHydrationWarning: true,
           style: deviceImageStyle,
         },),
       ],
@@ -23001,6 +23038,7 @@ var ProvideParentSize = (props) => {
       : null;
   }
   return /* @__PURE__ */ jsx(ConstraintsContext.Provider, {
+    suppressHydrationWarning: true,
     value,
     children,
   },);
@@ -23013,6 +23051,7 @@ function getParentHeight(parentSize,) {
 }
 function useProvideParentSize(node, parentSize,) {
   return /* @__PURE__ */ jsx(ProvideParentSize, {
+    suppressHydrationWarning: true,
     parentSize,
     children: node,
   },);
@@ -23269,6 +23308,7 @@ var withCSS = (Component18, escapedCSS, componentSerializationId,) =>
       css22.forEach((rule) => rule && injectCSSRule(rule, sheet, cache2,));
     }, [],);
     return /* @__PURE__ */ jsx(Component18, {
+      suppressHydrationWarning: true,
       ...props,
       ref,
     },);
@@ -26379,6 +26419,7 @@ var DeviceCodeComponentInner = /* @__PURE__ */ withLibraryCSS(({
   },);
   if (!deviceOptions) {
     return /* @__PURE__ */ jsx('div', {
+      suppressHydrationWarning: true,
       'data-framer-component-type': 'DeviceComponent',
       className: 'no-device',
       style: {
@@ -26386,6 +26427,7 @@ var DeviceCodeComponentInner = /* @__PURE__ */ withLibraryCSS(({
         height: '100%',
       },
       children: /* @__PURE__ */ jsx(ProvideParentSize, {
+        suppressHydrationWarning: true,
         parentSize: 1,
         children,
       },),
@@ -26399,6 +26441,7 @@ var DeviceCodeComponentInner = /* @__PURE__ */ withLibraryCSS(({
     },)
     : null;
   return /* @__PURE__ */ jsx(Device, {
+    suppressHydrationWarning: true,
     scaleTo: 'dynamic',
     deviceOptions,
     children: resizedChild,
@@ -26833,6 +26876,7 @@ function CanvasImage({
   }, [imageElement,],);
   Object.assign(imageElement.style, imageStyle,);
   return /* @__PURE__ */ jsx('div', {
+    suppressHydrationWarning: true,
     ref: wrapperRef,
     style: {
       display: 'contents',
@@ -26854,6 +26898,7 @@ function OptimizedCanvasImage({
     runtime.renderOptimizedCanvasImage(wrapper, source, imageStyle, nodeId,);
   }, [nodeId, image, source,],);
   return /* @__PURE__ */ jsx('div', {
+    suppressHydrationWarning: true,
     ref: wrapperRef,
     style: {
       display: 'contents',
@@ -26894,6 +26939,7 @@ function BackgroundImageComponent({
       needsMotion = true;
     } else if (RenderTarget.current() !== RenderTarget.canvas) {
       imageNode = /* @__PURE__ */ jsx(StaticImage, {
+        suppressHydrationWarning: true,
         image,
         avoidAsyncDecoding: RenderTarget.current() === RenderTarget.export,
         ...props,
@@ -26903,11 +26949,13 @@ function BackgroundImageComponent({
       runtime.canRenderOptimizedCanvasImage(runtime.useImageSource(image,),)
     ) {
       imageNode = /* @__PURE__ */ jsx(OptimizedCanvasImage, {
+        suppressHydrationWarning: true,
         image,
         ...props,
       },);
     } else {
       imageNode = /* @__PURE__ */ jsx(CanvasImage, {
+        suppressHydrationWarning: true,
         image,
         ...props,
       },);
@@ -26919,12 +26967,14 @@ function BackgroundImageComponent({
   };
   return needsMotion
     ? /* @__PURE__ */ jsx(motion.div, {
+      suppressHydrationWarning: true,
       layoutId,
       style: style2,
       'data-framer-background-image-wrapper': true,
       children: imageNode,
     },)
     : /* @__PURE__ */ jsx('div', {
+      suppressHydrationWarning: true,
       style: style2,
       'data-framer-background-image-wrapper': true,
       children: imageNode,
@@ -26986,11 +27036,13 @@ function Border(props,) {
   if (props.border) {
     style2.border = props.border;
     return /* @__PURE__ */ jsx(motion.div, {
+      suppressHydrationWarning: true,
       style: style2,
     },);
   }
   collectBorderStyleForProps(props, style2, false,);
   return /* @__PURE__ */ jsx(motion.div, {
+    suppressHydrationWarning: true,
     'data-frame-border': true,
     style: style2,
     layoutId,
@@ -27236,6 +27288,7 @@ var withMeasuredSize = (Component18) => (props) => {
   const fallbackWidth = props.width ?? DEFAULT_SIZE;
   const fallbackHeight = props.height ?? DEFAULT_SIZE;
   return /* @__PURE__ */ jsx('div', {
+    suppressHydrationWarning: true,
     style: {
       width: '100%',
       height: '100%',
@@ -27244,6 +27297,7 @@ var withMeasuredSize = (Component18) => (props) => {
     ref,
     ...dataProps,
     children: shouldRender && /* @__PURE__ */ jsx(Component18, {
+      suppressHydrationWarning: true,
       ...props,
       width: size?.width ?? fallbackWidth,
       height: size?.height ?? fallbackHeight,
@@ -28026,6 +28080,7 @@ var VisibleFrame = /* @__PURE__ */ forwardRef(function VisibleFrame2(props, forw
       children: [
         backgroundImage
           ? /* @__PURE__ */ jsx(BackgroundImageComponent, {
+            suppressHydrationWarning: true,
             alt: props.alt ?? '',
             image: backgroundImage,
             containerSize: rect ?? void 0,
@@ -28035,6 +28090,7 @@ var VisibleFrame = /* @__PURE__ */ forwardRef(function VisibleFrame2(props, forw
           : null,
         children,
         /* @__PURE__ */ jsx(Border, {
+          suppressHydrationWarning: true,
           ..._border,
           border,
           layoutId,
@@ -28050,6 +28106,7 @@ var VisibleFrame = /* @__PURE__ */ forwardRef(function VisibleFrame2(props, forw
     currentStyle.aspectRatio = intrinsicSize.width / intrinsicSize.height;
   }
   return /* @__PURE__ */ jsxs(MotionComponent, {
+    suppressHydrationWarning: true,
     ...dataProps,
     ...motionProps,
     layoutId,
@@ -28065,6 +28122,7 @@ var FrameWithMotionInner = /* @__PURE__ */ forwardRef(function FrameWithMotion(p
   } = props;
   if (!visible) return null;
   return /* @__PURE__ */ jsx(VisibleFrame, {
+    suppressHydrationWarning: true,
     ...props,
     ref,
   },);
@@ -28118,6 +28176,7 @@ function EmptyState({
   const childCount = React42.Children.count(children,);
   if (insideUserCodeComponent && childCount === 0) {
     return /* @__PURE__ */ jsx(FrameWithMotion2, {
+      suppressHydrationWarning: true,
       ...size,
       'data-name': 'placeholder',
     },);
@@ -28126,6 +28185,7 @@ function EmptyState({
   if (hide) return null;
   if (childCount !== 0) return null;
   return /* @__PURE__ */ jsx(FrameWithMotion2, {
+    suppressHydrationWarning: true,
     className: 'framerInternalUI-canvasPlaceholder',
     top: 0,
     left: 0,
@@ -28136,6 +28196,7 @@ function EmptyState({
       ...size,
     },
     children: /* @__PURE__ */ jsx('div', {
+      suppressHydrationWarning: true,
       style: {
         display: 'flex',
         alignItems: 'center',
@@ -28144,6 +28205,7 @@ function EmptyState({
         width: '100%',
       },
       children: /* @__PURE__ */ jsxs('div', {
+        suppressHydrationWarning: true,
         style: {
           display: 'flex',
           alignItems: 'center',
@@ -28155,9 +28217,11 @@ function EmptyState({
         },
         children: [
           /* @__PURE__ */ jsx(Title, {
+            suppressHydrationWarning: true,
             children: title,
           },),
           /* @__PURE__ */ jsx(Description, {
+            suppressHydrationWarning: true,
             children: description,
           },),
         ],
@@ -28170,6 +28234,7 @@ function Title({
   children,
 },) {
   return /* @__PURE__ */ jsx('span', {
+    suppressHydrationWarning: true,
     style: {
       display: 'flex',
       flexDirection: 'column',
@@ -28186,6 +28251,7 @@ function Description({
   children,
 },) {
   return /* @__PURE__ */ jsx('span', {
+    suppressHydrationWarning: true,
     style: {
       display: 'flex',
       flexDirection: 'column',
@@ -28267,6 +28333,7 @@ var SharedLayoutRoot = class extends Component2 {
   }
   render() {
     return /* @__PURE__ */ jsx(SharedLayoutContext.Provider, {
+      suppressHydrationWarning: true,
       value: this.sharedLayoutContext,
       children: this.props.children,
     },);
@@ -28279,6 +28346,7 @@ var rootStyles = {
 };
 function MagicMotionCrossfadeRoot(props,) {
   return /* @__PURE__ */ jsx(motion.div, {
+    suppressHydrationWarning: true,
     layoutId: TREE_ROOT_ID,
     style: rootStyles,
     children: props.children,
@@ -28563,6 +28631,7 @@ var LayoutTree = class extends Component2 {
   }
   render() {
     return /* @__PURE__ */ jsx(SwitchLayoutGroupContext.Provider, {
+      suppressHydrationWarning: true,
       value: this.switchLayoutGroupContext,
       children: this.props.children,
     },);
@@ -28571,6 +28640,7 @@ var LayoutTree = class extends Component2 {
 var SharedLayoutTree = (props) => {
   const sharedLayoutContext = React42.useContext(SharedLayoutContext,);
   return /* @__PURE__ */ jsx(LayoutTree, {
+    suppressHydrationWarning: true,
     ...props,
     sharedLayoutContext,
   },);
@@ -28629,6 +28699,7 @@ var NavigationTargetWrapper = ({
   }, [isCurrent, isOverlayed, callbacks,/* constant, so should never change */
   ],);
   return /* @__PURE__ */ jsx(NavigationTargetContext.Provider, {
+    suppressHydrationWarning: true,
     value,
     children,
   },);
@@ -28796,6 +28867,7 @@ var NavigationContainer = /* @__PURE__ */ React42.memo(function NavigationContai
   const isCurrentTarget = !!isCurrent && isPresent2;
   const forceOpacity = isCurrent && isInitial;
   return /* @__PURE__ */ jsxs(FrameWithMotion2, {
+    suppressHydrationWarning: true,
     'data-framer-component-type': 'NavigationContainerWrapper',
     width: '100%',
     height: '100%',
@@ -28814,6 +28886,7 @@ var NavigationContainer = /* @__PURE__ */ React42.memo(function NavigationContai
     },
     children: [
       isLayeredContainer && /* @__PURE__ */ jsx(FrameWithMotion2, {
+        suppressHydrationWarning: true,
         width: '100%',
         height: '100%',
         'data-framer-component-type': 'NavigationContainerBackdrop',
@@ -28831,6 +28904,7 @@ var NavigationContainer = /* @__PURE__ */ React42.memo(function NavigationContai
         onTap: !isBeingRemoved ? onTapBackdrop : void 0,
       },),
       /* @__PURE__ */ jsx(FrameWithMotion2, {
+        suppressHydrationWarning: true,
         ...layout2,
         ...animations2,
         transition: {
@@ -28858,13 +28932,17 @@ var NavigationContainer = /* @__PURE__ */ React42.memo(function NavigationContai
         'data-is-present': isPresent2 ? void 0 : false,
         ref: viewportRef,
         children: /* @__PURE__ */ jsx(ViewportContext.Provider, {
+          suppressHydrationWarning: true,
           value: viewportRef,
           children: /* @__PURE__ */ jsx(NavigationContainerContext.Provider, {
+            suppressHydrationWarning: true,
             value: isCurrentTarget,
             children: /* @__PURE__ */ jsx(NavigationTargetWrapper, {
+              suppressHydrationWarning: true,
               isCurrent: isCurrentTarget,
               isOverlayed,
               children: /* @__PURE__ */ jsx(SharedLayoutTree, {
+                suppressHydrationWarning: true,
                 isLead: isCurrent,
                 animatesLayout: !!withMagicMotion,
                 transition,
@@ -29603,6 +29681,7 @@ var Navigation = /* @__PURE__ */ (() => {
         const areMagicMotionLayersPresent = isCurrent ? false : removed;
         const withMagicMotion = historyItem?.transition?.withMagicMotion || isCurrent && !!this.state.previousTransition;
         contentContainers.push(/* @__PURE__ */ jsx(NavigationContainer, {
+          suppressHydrationWarning: true,
           id: key7,
           index: visualIndex,
           isInitial,
@@ -29621,6 +29700,7 @@ var Navigation = /* @__PURE__ */ (() => {
           withMagicMotion,
           areMagicMotionLayersPresent: areMagicMotionLayersPresent ? false : void 0,
           children: /* @__PURE__ */ jsx(MagicMotionCrossfadeRoot, {
+            suppressHydrationWarning: true,
             children: containerContent({
               component,
               transition: historyItem?.transition,
@@ -29630,6 +29710,7 @@ var Navigation = /* @__PURE__ */ (() => {
       }
       const overlayContainers = this.state.overlayStack.map((item, stackIndex,) => {
         return /* @__PURE__ */ jsx(NavigationContainer, {
+          suppressHydrationWarning: true,
           isLayeredContainer: true,
           isCurrent: stackIndex === this.state.currentOverlay,
           position: item.transition.position,
@@ -29650,6 +29731,7 @@ var Navigation = /* @__PURE__ */ (() => {
         }, item.key,);
       },);
       return /* @__PURE__ */ jsx(FrameWithMotion2, {
+        suppressHydrationWarning: true,
         'data-framer-component-type': 'NavigationRoot',
         top: 0,
         left: 0,
@@ -29663,11 +29745,14 @@ var Navigation = /* @__PURE__ */ (() => {
           ...this.props.style,
         },
         children: /* @__PURE__ */ jsx(NavigationContext.Provider, {
+          suppressHydrationWarning: true,
           value: this,
           children: /* @__PURE__ */ jsxs(IsInitialNavigationContext.Provider, {
+            suppressHydrationWarning: true,
             value: isInitial,
             children: [
               /* @__PURE__ */ jsx(NavigationContainer, {
+                suppressHydrationWarning: true,
                 isLayeredContainer: true,
                 position: void 0,
                 initialProps: {},
@@ -29680,8 +29765,11 @@ var Navigation = /* @__PURE__ */ (() => {
                 onTapBackdrop: void 0,
                 index: 0,
                 children: /* @__PURE__ */ jsx(LayoutIdProvider, {
+                  suppressHydrationWarning: true,
                   children: /* @__PURE__ */ jsx(SharedLayoutRoot, {
+                    suppressHydrationWarning: true,
                     children: /* @__PURE__ */ jsx(AnimatePresence, {
+                      suppressHydrationWarning: true,
                       presenceAffectsLayout: false,
                       children: contentContainers,
                     },),
@@ -29689,6 +29777,7 @@ var Navigation = /* @__PURE__ */ (() => {
                 },),
               },),
               /* @__PURE__ */ jsx(AnimatePresence, {
+                suppressHydrationWarning: true,
                 children: overlayContainers,
               },),
             ],
@@ -29946,6 +30035,7 @@ function NavigationWrapper(props,) {
   const resetProjection = useResetProjection();
   const skipLayoutAnimation = useInstantLayoutTransition();
   return /* @__PURE__ */ jsx(Navigation, {
+    suppressHydrationWarning: true,
     ...props,
     resetProjection,
     skipLayoutAnimation,
@@ -29972,6 +30062,7 @@ function WithNavigator(BaseComponent, navigationTransition, navigationTransition
   const InternalWithNavigator = class extends React42.Component {
     render() {
       return /* @__PURE__ */ jsx(NavigationContext.Consumer, {
+        suppressHydrationWarning: true,
         children: (navigation) => {
           const navigate = () => {
             if (navigationTransition === 'goBack') {
@@ -30025,6 +30116,7 @@ function WithNavigator(BaseComponent, navigationTransition, navigationTransition
             props.onTap = navigate;
           }
           return /* @__PURE__ */ jsx(BaseComponent, {
+            suppressHydrationWarning: true,
             ...props,
           },);
         },
@@ -30807,10 +30899,12 @@ function WithDragging(Component18,) {
       originalProps.left = this.x;
       originalProps.top = this.y;
       return /* @__PURE__ */ jsx(DraggingContext.Provider, {
+        suppressHydrationWarning: true,
         value: {
           dragging: this.state.isDragging,
         },
         children: /* @__PURE__ */ jsx(Component18, {
+          suppressHydrationWarning: true,
           ...originalProps,
         },),
       },);
@@ -30951,9 +31045,11 @@ function WithEvents(BaseComponent,) {
     }
     render() {
       return /* @__PURE__ */ jsx(DraggingContext.Consumer, {
+        suppressHydrationWarning: true,
         children: (value) => {
           this.shouldCancelTap = value.dragging;
           return /* @__PURE__ */ jsx(BaseComponent, {
+            suppressHydrationWarning: true,
             ...this.props,
             ref: this.component,
           },);
@@ -31267,6 +31363,7 @@ function shadowForShape(boxShadows, rect, shapeId, fillEnabled, strokeEnabled, s
       height: `${filterHeight.toFixed(1,)}%`,
     };
     definition.push(/* @__PURE__ */ jsxs('filter', {
+      suppressHydrationWarning: true,
       id: outsideShadowId.id,
       filterUnits: 'objectBoundingBox',
       ...svgRect,
@@ -31275,6 +31372,7 @@ function shadowForShape(boxShadows, rect, shapeId, fillEnabled, strokeEnabled, s
         filterElements,
         shadows.length > 1
           ? /* @__PURE__ */ jsx('feMerge', {
+            suppressHydrationWarning: true,
             children: mergeElements,
           },)
           : null,
@@ -31282,14 +31380,17 @@ function shadowForShape(boxShadows, rect, shapeId, fillEnabled, strokeEnabled, s
     }, outsideShadowId.id,),);
     const maskId = shapeId.add('mask',);
     maskElement = /* @__PURE__ */ jsxs('mask', {
+      suppressHydrationWarning: true,
       id: maskId.id,
       ...svgRect,
       children: [
         /* @__PURE__ */ jsx('rect', {
+          suppressHydrationWarning: true,
           ...svgRect,
           fill: 'white',
         },),
         /* @__PURE__ */ jsx('use', {
+          suppressHydrationWarning: true,
           href: shapeId.link,
           fill: 'black',
           fillOpacity: fillEnabled ? void 0 : 0,
@@ -31297,10 +31398,12 @@ function shadowForShape(boxShadows, rect, shapeId, fillEnabled, strokeEnabled, s
       ],
     },);
     outsetElement = /* @__PURE__ */ jsx('g', {
+      suppressHydrationWarning: true,
       filter: outsideShadowId.urlLink,
       ...svgShadowProps,
       mask: maskId.urlLink,
       children: /* @__PURE__ */ jsx('use', {
+        suppressHydrationWarning: true,
         ...svgStrokeAttributes,
         fill: 'black',
         fillOpacity: fillEnabled ? void 0 : 0,
@@ -31341,6 +31444,7 @@ function shadowForShape(boxShadows, rect, shapeId, fillEnabled, strokeEnabled, s
       mergeElements.push(shadowElements.mergeElement,);
     }
     definition.push(/* @__PURE__ */ jsxs('filter', {
+      suppressHydrationWarning: true,
       id: insideShadowId.id,
       x: `${filterX.toFixed(1,)}%`,
       y: `${filterY.toFixed(1,)}%`,
@@ -31352,6 +31456,7 @@ function shadowForShape(boxShadows, rect, shapeId, fillEnabled, strokeEnabled, s
         filterElements,
         insetShadows.length > 1
           ? /* @__PURE__ */ jsx('feMerge', {
+            suppressHydrationWarning: true,
             children: mergeElements,
           },)
           : null,
@@ -31362,6 +31467,7 @@ function shadowForShape(boxShadows, rect, shapeId, fillEnabled, strokeEnabled, s
       clipPath = strokeClipId.urlLink;
     }
     insetElement = /* @__PURE__ */ jsx('use', {
+      suppressHydrationWarning: true,
       fill: 'black',
       fillOpacity: '1',
       filter: insideShadowId.urlLink,
@@ -31381,10 +31487,12 @@ function shadowForShape(boxShadows, rect, shapeId, fillEnabled, strokeEnabled, s
 function outerShadowElements(shapeID, shadow, index,) {
   const shadowKey = shapeID.add('_outer_shadow' + index,);
   const filterElements = /* @__PURE__ */ jsx(OuterShadowFilterElements, {
+    suppressHydrationWarning: true,
     shadow,
     shadowKey,
   }, shadowKey.id + '-filters',);
   const mergeElement = /* @__PURE__ */ jsx('feMergeNode', {
+    suppressHydrationWarning: true,
     in: shadowKey.id,
   }, shadowKey.id + '-merge',);
   return {
@@ -31403,21 +31511,25 @@ var OuterShadowFilterElements = (props) => {
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [
       /* @__PURE__ */ jsx('feOffset', {
+        suppressHydrationWarning: true,
         dx: shadow.x,
         dy: shadow.y,
         in: 'SourceAlpha',
         result: offsetId,
       },),
       /* @__PURE__ */ jsx('feGaussianBlur', {
+        suppressHydrationWarning: true,
         stdDeviation: shadow.blur / 2,
         in: offsetId,
         result: blurId,
       },),
       /* @__PURE__ */ jsx('feFlood', {
+        suppressHydrationWarning: true,
         floodColor: shadow.color,
         result: floodId,
       },),
       /* @__PURE__ */ jsx('feComposite', {
+        suppressHydrationWarning: true,
         in: floodId,
         in2: blurId,
         operator: 'in',
@@ -31429,10 +31541,12 @@ var OuterShadowFilterElements = (props) => {
 function innerShadowElements(shapeID, shadow, index,) {
   const shadowKey = shapeID.add('_inside_shadow' + index,);
   const filterElements = /* @__PURE__ */ jsx(InnerShadowFilterElements, {
+    suppressHydrationWarning: true,
     shadow,
     shadowKey,
   }, shadowKey.id + '-filters',);
   const mergeElement = /* @__PURE__ */ jsx('feMergeNode', {
+    suppressHydrationWarning: true,
     in: shadowKey.id,
   }, shadowKey.id + '-merge',);
   return {
@@ -31452,17 +31566,20 @@ var InnerShadowFilterElements = (props) => {
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [
       /* @__PURE__ */ jsx('feGaussianBlur', {
+        suppressHydrationWarning: true,
         stdDeviation: shadow.blur / 2,
         in: 'SourceAlpha',
         result: blurId,
       },),
       /* @__PURE__ */ jsx('feOffset', {
+        suppressHydrationWarning: true,
         dx: shadow.x,
         dy: shadow.y,
         in: blurId,
         result: offsetId,
       },),
       /* @__PURE__ */ jsx('feComposite', {
+        suppressHydrationWarning: true,
         in: offsetId,
         in2: 'SourceAlpha',
         operator: 'arithmetic',
@@ -31471,10 +31588,12 @@ var InnerShadowFilterElements = (props) => {
         result: compositeId,
       },),
       /* @__PURE__ */ jsx('feFlood', {
+        suppressHydrationWarning: true,
         floodColor: shadow.color,
         result: floodId,
       },),
       /* @__PURE__ */ jsx('feComposite', {
+        suppressHydrationWarning: true,
         in: floodId,
         in2: compositeId,
         operator: 'in',
@@ -31919,16 +32038,19 @@ var DeprecatedFrame = /* @__PURE__ */ (() => {
         height: rect.height,
       };
       return /* @__PURE__ */ jsxs('div', {
+        suppressHydrationWarning: true,
         id: id3,
         style: style2,
         ref: this.setElement,
         className: className2,
         children: [
           /* @__PURE__ */ jsx(ProvideParentSize, {
+            suppressHydrationWarning: true,
             parentSize,
             children: this.layoutChildren(),
           },),
           /* @__PURE__ */ jsx(Border, {
+            suppressHydrationWarning: true,
             ...this.props,
           },),
         ],
@@ -31953,6 +32075,7 @@ var DeprecatedFrame = /* @__PURE__ */ (() => {
       },);
       if (children && children.length === 1 && typeof children[0] === 'string') {
         children = [/* @__PURE__ */ jsx(Center, {
+          suppressHydrationWarning: true,
           children,
         }, '0',),];
       }
@@ -31987,6 +32110,7 @@ function Center(props,) {
     fontFamily: 'Helvetica',
   }, props.style || {},);
   return /* @__PURE__ */ jsx('div', {
+    suppressHydrationWarning: true,
     style: style2,
     children: props.children,
   },);
@@ -32058,11 +32182,13 @@ var Frame = /* @__PURE__ */ (() => {
     if (isDeprecatedFrameProps(props,)) {
       const currentParentSize = props.parentSize || deprecatedParentSize(parentSize,);
       return /* @__PURE__ */ jsx(DeprecatedFrameWithEvents, {
+        suppressHydrationWarning: true,
         ...props,
         parentSize: currentParentSize,
       },);
     }
     return /* @__PURE__ */ jsx(FrameWithMotion2, {
+      suppressHydrationWarning: true,
       ...props,
       ref,
     },);
@@ -32115,6 +32241,7 @@ function withInfiniteScroll(Component18,) {
       paginationInfo: __paginationInfo,
     },);
     return /* @__PURE__ */ jsx(Component18, {
+      suppressHydrationWarning: true,
       ...props,
       ref: infiniteScrollRef,
     },);
@@ -32422,6 +32549,7 @@ var Stack = /* @__PURE__ */ (() => {
       if (styleProp?.height) contentWrapperStyle.height = styleProp?.height;
     }
     return /* @__PURE__ */ jsx(FrameWithMotion2, {
+      suppressHydrationWarning: true,
       as,
       background: fromCanvasComponent ? void 0 : 'none',
       ...props,
@@ -32432,6 +32560,7 @@ var Stack = /* @__PURE__ */ (() => {
       className: className2,
       layoutScroll: true,
       children: /* @__PURE__ */ jsx(motion.div, {
+        suppressHydrationWarning: true,
         'data-framer-stack-content-wrapper': true,
         'data-framer-stack-direction-reverse': isReverse,
         'data-framer-stack-gap-enabled': gapEnabled,
@@ -32585,6 +32714,7 @@ function wrapInGapElementForLegacyGap(children, gap, direction, justifyContent,
     asRecord(gapStyle,)['--stack-gap-y'] = `${isVertical ? gap : 0}px`;
   }
   return /* @__PURE__ */ jsx('div', {
+    suppressHydrationWarning: true,
     'data-framer-legacy-stack-gap-enabled': gapEnabled,
     'data-framer-stack-flexbox-gap': useFlexboxGap,
     style: gapStyle,
@@ -32663,6 +32793,7 @@ function PageContainer({
   const containerWidth = hasHorizontalGap && wrapperWidth === '100%' ? `calc(100% + ${gap}px)` : wrapperWidth;
   const containerHeight = hasVerticalGap && wrapperHeight === '100%' ? `calc(100% + ${gap}px)` : wrapperHeight;
   return /* @__PURE__ */ jsx(FrameWithMotion2, {
+    suppressHydrationWarning: true,
     position: 'relative',
     'data-framer-component-type': 'PageContainer',
     width: containerWidth,
@@ -32684,6 +32815,7 @@ function PageContainer({
       paddingBottom: hasVerticalGap ? gap : 0,
     },
     children: /* @__PURE__ */ jsx(FrameWithMotion2, {
+      suppressHydrationWarning: true,
       position: 'relative',
       'data-framer-component-type': pageContentWrapperType,
       width: wrapperWidth,
@@ -33007,6 +33139,7 @@ var PageInner = /* @__PURE__ */ React42.forwardRef(function Page(props, forwarde
     }
     pageEffectValuesRef.current.push(effectDictionary,);
     return /* @__PURE__ */ jsx(PageContainer, {
+      suppressHydrationWarning: true,
       effect: effectDictionary,
       dragEnabled,
       direction,
@@ -33038,6 +33171,7 @@ var PageInner = /* @__PURE__ */ React42.forwardRef(function Page(props, forwarde
     onScrollEnd,
   },);
   return /* @__PURE__ */ jsx(FrameWithMotion2, {
+    suppressHydrationWarning: true,
     'data-framer-component-type': 'PageWrapper',
     preserve3d: false,
     perspective: hasEffect(props,) ? 1200 : void 0,
@@ -33051,6 +33185,7 @@ var PageInner = /* @__PURE__ */ React42.forwardRef(function Page(props, forwarde
     ref: containerRef,
     onLayoutMeasure: handleMeasureLifecycle,
     children: /* @__PURE__ */ jsxs(FrameWithMotion2, {
+      suppressHydrationWarning: true,
       'data-framer-component-type': 'Page',
       ref: scrollableRef,
       background: null,
@@ -33069,6 +33204,7 @@ var PageInner = /* @__PURE__ */ React42.forwardRef(function Page(props, forwarde
       },
       children: [
         /* @__PURE__ */ jsx(EmptyState, {
+          suppressHydrationWarning: true,
           title: 'Page',
           description: 'Click and drag the connector to any frame on the canvas \u2192',
           size: containerSizeRef.current,
@@ -34277,6 +34413,7 @@ var EmulatedScrollInner = /* @__PURE__ */ React42.forwardRef(function EmulatedSc
     }
     : {};
   return /* @__PURE__ */ jsx(FrameWithMotion2, {
+    suppressHydrationWarning: true,
     'data-framer-component-type': 'Scroll',
     background: 'none',
     ...containerProps,
@@ -34294,6 +34431,7 @@ var EmulatedScrollInner = /* @__PURE__ */ React42.forwardRef(function EmulatedSc
     layoutScroll: true,
     onBeforeLayoutMeasure: measureAndUpdateScrollOffset,
     children: /* @__PURE__ */ jsxs(FrameWithMotion2, {
+      suppressHydrationWarning: true,
       'data-framer-component-type': 'ScrollContentWrapper',
       animate: scrollAnimate,
       drag: dragEnabled && convertScrollDirectionToDrag(direction,),
@@ -34329,6 +34467,7 @@ var EmulatedScrollInner = /* @__PURE__ */ React42.forwardRef(function EmulatedSc
       preserve3d: containerProps.preserve3d,
       children: [
         /* @__PURE__ */ jsx(EmptyState, {
+          suppressHydrationWarning: true,
           size: {
             width: isFiniteNumber(containerProps.width,) ? containerProps.width : '100%',
             height: isFiniteNumber(containerProps.height,) ? containerProps.height : '100%',
@@ -34766,6 +34905,7 @@ var NativeScrollInner = /* @__PURE__ */ React42.forwardRef(function NativeScroll
     }
     : {};
   return /* @__PURE__ */ jsxs(FrameWithMotion2, {
+    suppressHydrationWarning: true,
     ref,
     'data-framer-component-type': 'NativeScroll',
     background: 'none',
@@ -34778,6 +34918,7 @@ var NativeScrollInner = /* @__PURE__ */ React42.forwardRef(function NativeScroll
     className: cx(className2, `direction-${direction}`, !scrollBarVisible && 'scrollbar-hidden',),
     children: [
       /* @__PURE__ */ jsx(EmptyState, {
+        suppressHydrationWarning: true,
         children,
         size: {
           width: isFiniteNumber(containerProps.width,) ? containerProps.width : '100%',
@@ -34796,11 +34937,13 @@ var Scroll = /* @__PURE__ */ (() => {
   const ScrollInner = React42.forwardRef(function ScrollInner2(props, forwardedRef,) {
     if (props.native) {
       return /* @__PURE__ */ jsx(NativeScroll2, {
+        suppressHydrationWarning: true,
         ref: forwardedRef,
         ...props,
       },);
     } else {
       return /* @__PURE__ */ jsx(EmulatedScroll2, {
+        suppressHydrationWarning: true,
         ref: forwardedRef,
         ...props,
       },);
@@ -35031,6 +35174,7 @@ var DataObserver = class extends Component2 {
       this.observers.push(observer2,);
     },);
     return /* @__PURE__ */ jsx(DataObserverContext.Provider, {
+      suppressHydrationWarning: true,
       value: {
         ...this.state,
       },
@@ -35074,6 +35218,7 @@ function WithOverride(Component18, override,) {
       ...rest
     } = props;
     return /* @__PURE__ */ jsx(Component18, {
+      suppressHydrationWarning: true,
       ...rest,
       ...overrideProps,
       _initialStyle: style2,
@@ -35261,13 +35406,14 @@ function renderBranchedChildrenFromPropertyOverrides(
     if (activeVariantId && !variants.includes(activeVariantId,)) {
       continue;
     }
-    const key7 = variants.join('+',);
+    const key7 = activeVariantId ? 'active-branch' : variants.join('+',);
     let element =
       // We could omit the SSRParentVariantsContext if variants is the same as parentVariants, but that'd require
       // comparing arrays, so it might not really be an optimization. And since it's just a context, it doesn't
       // affect the size of the generated HTML.
       /* @__PURE__ */
       jsx(SSRParentVariantsContext.Provider, {
+        suppressHydrationWarning: true,
         value: {
           primaryVariantId,
           variants: new Set(variants,),
@@ -35300,6 +35446,7 @@ function renderBranchedChildrenFromPropertyOverrides(
     return [
       ...renderedBranches,
       /* @__PURE__ */ jsx('div', {
+        suppressHydrationWarning: true,
         className: SSRVariantGroupSeparatorClassName,
       }, 'property-overrides-separator',),
     ];
@@ -35517,6 +35664,7 @@ function withOptimizedAppearEffect(Component18,) {
     }
     const disabledProps = getDisabledFXPropsInStaticRenderer(props,);
     return /* @__PURE__ */ jsx(Component18, {
+      suppressHydrationWarning: true,
       ref,
       ...props,
       ...disabledProps,
@@ -36467,6 +36615,7 @@ var withFX = (Component18) =>
   React42.forwardRef((props, forwardedRef,) => {
     if (props.__withFX) {
       return /* @__PURE__ */ jsx(Component18, {
+        suppressHydrationWarning: true,
         ...props,
         animate: void 0,
         initial: void 0,
@@ -36477,6 +36626,7 @@ var withFX = (Component18) =>
     const disabledProps = getDisabledFXPropsInStaticRenderer(props,);
     if (disabledProps) {
       return /* @__PURE__ */ jsx(Component18, {
+        suppressHydrationWarning: true,
         ...props,
         ...disabledProps,
         ref: forwardedRef,
@@ -36572,6 +36722,7 @@ var withFX = (Component18) =>
       }
       : {};
     return /* @__PURE__ */ jsx(Component18, {
+      suppressHydrationWarning: true,
       ...forwardedProps,
       ...motionGestures,
       __withFX: true,
@@ -36600,6 +36751,7 @@ function ComponentPresetsProvider({
     lastPresets.current = presets2;
   }
   return /* @__PURE__ */ jsx(Context.Provider, {
+    suppressHydrationWarning: true,
     value: lastPresets.current,
     children,
   },);
@@ -36632,6 +36784,7 @@ var ComponentViewportProvider = /* @__PURE__ */ React42.forwardRef(function Comp
   }, [width, height, y2,],);
   const cloneWithPropsAndRef = useCloneChildrenWithPropsAndRef(ref,);
   return /* @__PURE__ */ jsx(ComponentViewportContext.Provider, {
+    suppressHydrationWarning: true,
     value: componentViewport,
     children: cloneWithPropsAndRef(children, rest,),
   },);
@@ -36640,6 +36793,7 @@ var withGeneratedLayoutId = (Component18) =>
   React42.forwardRef((props, ref,) => {
     const layoutId = useLayoutId2(props,);
     return /* @__PURE__ */ jsx(Component18, {
+      suppressHydrationWarning: true,
       layoutId,
       ...props,
       layoutIdKey: void 0,
@@ -36703,6 +36857,7 @@ var suspendPromise = /* @__PURE__ */ (() => typeof __unframerWindow2 !== 'undefi
 function Suspend() {
   if (typeof __unframerWindow2 === 'undefined' || shouldSuspenseBoundariesBeActive) {
     return /* @__PURE__ */ jsx('div', {
+      suppressHydrationWarning: true,
       hidden: true,
       dangerouslySetInnerHTML: {
         __html: '<!-- SuspenseThatPreservesDOM fallback rendered -->',
@@ -36711,7 +36866,9 @@ function Suspend() {
   }
   throw suspendPromise;
 }
-var suspend = /* @__PURE__ */ jsx(Suspend, {},);
+var suspend = /* @__PURE__ */ jsx(Suspend, {
+  suppressHydrationWarning: true,
+},);
 var DisableSuspenseSuspenseThatPreservesDomContext = createContext(false,);
 DisableSuspenseSuspenseThatPreservesDomContext.displayName = 'DisableSuspenseSuspenseThatPreservesDomContext';
 function SuspenseThatPreservesDom({
@@ -36724,19 +36881,23 @@ function SuspenseThatPreservesDom({
     },);
   }
   return /* @__PURE__ */ jsx(Suspense2, {
+    suppressHydrationWarning: true,
     fallback: suspend,
     children,
   },);
 }
 function NullFallback() {
   return /* @__PURE__ */ jsx('div', {
+    suppressHydrationWarning: true,
     hidden: true,
     dangerouslySetInnerHTML: {
       __html: '<!-- Code boundary fallback rendered -->',
     },
   },);
 }
-var nullFallback = /* @__PURE__ */ jsx(NullFallback, {},);
+var nullFallback = /* @__PURE__ */ jsx(NullFallback, {
+  suppressHydrationWarning: true,
+},);
 function collectErrorToAnalytics(error, errorInfo,) {
   if (!isWindow) return;
   if (Math.random() > 0.01) return;
@@ -36765,8 +36926,10 @@ function CodeComponentBoundary({
     return children;
   }
   return /* @__PURE__ */ jsx(ServerSideErrorBoundary, {
+    suppressHydrationWarning: true,
     fallback,
     children: /* @__PURE__ */ jsx(ClientSideErrorBoundary, {
+      suppressHydrationWarning: true,
       fallback,
       getErrorMessage,
       children,
@@ -36809,6 +36972,7 @@ function ServerSideErrorBoundary({
     // and render the actual error fallback if Suspense activates.
     /* @__PURE__ */
     jsx(Suspense2, {
+      suppressHydrationWarning: true,
       fallback,
       children,
     },)
@@ -36819,6 +36983,7 @@ function ServerSideErrorBoundary({
     // (the server has Suspense, the client doesn’t).
     /* @__PURE__ */
     jsx(SuspenseThatPreservesDom, {
+      suppressHydrationWarning: true,
       children,
     },);
 }
@@ -36881,6 +37046,7 @@ function IsExternalComponent({
     parent,
   }), [scopeId, nodeId, parent,],);
   return /* @__PURE__ */ jsx(ExternalComponentContext.Provider, {
+    suppressHydrationWarning: true,
     value: newValue,
     children,
   },);
@@ -36958,11 +37124,13 @@ function useMaybeWrapComponentWithCodeBoundary(children, scopeId, nodeId, isAuth
     isUndefined(scopeId,) || isUndefined(nodeId,)
   ) {
     return /* @__PURE__ */ jsx(DeprecatedContainerErrorBoundary, {
+      suppressHydrationWarning: true,
       children,
     },);
   }
   if (disableCustomCode && isAuthoredByUser) {
     return /* @__PURE__ */ jsx('div', {
+      suppressHydrationWarning: true,
       style: {
         padding: '12px 16px',
         // Standard error box styles
@@ -36987,6 +37155,7 @@ function useMaybeWrapComponentWithCodeBoundary(children, scopeId, nodeId, isAuth
   );
   if (shouldWrapWithBoundary) {
     children = /* @__PURE__ */ jsx(CodeComponentBoundary, {
+      suppressHydrationWarning: true,
       getErrorMessage: getErrorMessageForComponent.bind(null, scopeId, nodeId,),
       fallback: null,
       children,
@@ -36994,6 +37163,7 @@ function useMaybeWrapComponentWithCodeBoundary(children, scopeId, nodeId, isAuth
   }
   if (isModuleExternal) {
     children = /* @__PURE__ */ jsx(IsExternalComponent, {
+      suppressHydrationWarning: true,
       scopeId,
       nodeId,
       children,
@@ -37030,16 +37200,21 @@ var ContainerInner = /* @__PURE__ */ React42.forwardRef(function ContainerInner2
     inComponentSlot,
   );
   return /* @__PURE__ */ jsx(MotionComponent, {
+    suppressHydrationWarning: true,
     layoutId: outerLayoutId,
     ...props,
     ref,
     children: /* @__PURE__ */ jsx(ComponentContainerContext.Provider, {
+      suppressHydrationWarning: true,
       value: true,
       children: /* @__PURE__ */ jsx(NodeIdContext.Provider, {
+        suppressHydrationWarning: true,
         value: nodeId ?? null,
         children: /* @__PURE__ */ jsx(AutomaticLayoutIds, {
+          suppressHydrationWarning: true,
           enabled: false,
           children: /* @__PURE__ */ jsx(LayoutGroup, {
+            suppressHydrationWarning: true,
             id: layoutId ?? '',
             inherit: props.layout ? true : 'id',
             children: childrenWithCodeBoundary,
@@ -37076,8 +37251,10 @@ var SmartComponentScopedContainer = /* @__PURE__ */ React42.forwardRef(function
   if (props.rendersWithMotion) {
     const Component18 = htmlElementAsMotionComponent(tagName,);
     return /* @__PURE__ */ jsx(NodeIdContext.Provider, {
+      suppressHydrationWarning: true,
       value: nodeId ?? null,
       children: /* @__PURE__ */ jsx(Component18, {
+        suppressHydrationWarning: true,
         ...otherProps,
         ref,
         style: props.style,
@@ -37092,8 +37269,10 @@ var SmartComponentScopedContainer = /* @__PURE__ */ React42.forwardRef(function
       ...plainHTMLRenderableProps
     } = otherProps;
     return /* @__PURE__ */ jsx(NodeIdContext.Provider, {
+      suppressHydrationWarning: true,
       value: nodeId ?? null,
       children: /* @__PURE__ */ jsx(Component18, {
+        suppressHydrationWarning: true,
         ...plainHTMLRenderableProps,
         ref,
         style: props.style,
@@ -37143,8 +37322,14 @@ var CustomCursorContextProvider = /* @__PURE__ */ memo2(function CustomCursorLis
   },);
   const shouldReduceMotion = useReducedMotionConfig();
   return /* @__PURE__ */ jsxs(CustomCursorContext.Provider, {
+    suppressHydrationWarning: true,
     value,
-    children: [children, !shouldReduceMotion && /* @__PURE__ */ jsx(CustomCursorComponent, {},),],
+    children: [
+      children,
+      !shouldReduceMotion && /* @__PURE__ */ jsx(CustomCursorComponent, {
+        suppressHydrationWarning: true,
+      },),
+    ],
   },);
 },);
 var CustomCursorHost =
@@ -37356,7 +37541,9 @@ var CustomCursorComponent = /* @__PURE__ */ memo2(function CustomCursorComponent
   ],);
   if (!hasHoverCapability || !cursor || !Cursor) return null;
   return /* @__PURE__ */ jsx(Suspense2, {
+    suppressHydrationWarning: true,
     children: /* @__PURE__ */ jsx(Cursor, {
+      suppressHydrationWarning: true,
       transformTemplate: transformTemplate2,
       style: {
         ...staticCursorStyle,
@@ -37576,6 +37763,7 @@ function ResetOuterLinkContext({
   children,
 },) {
   return /* @__PURE__ */ jsx(OuterLinkContext.Provider, {
+    suppressHydrationWarning: true,
     value: void 0,
     children,
   },);
@@ -37677,6 +37865,7 @@ function useReplaceNestedLinks(children, scopeId, nodeId, href, propsAddedByLink
     },);
   }
   return /* @__PURE__ */ jsx(OuterLinkContext.Provider, {
+    suppressHydrationWarning: true,
     value: innerLink,
     children: replacedChildren,
   },);
@@ -38364,6 +38553,7 @@ function Floating({
   const inComponent = useContext(ComponentContainerContext,);
   return ReactDOM.createPortal(
     /* @__PURE__ */ jsxs(motion.div, {
+      suppressHydrationWarning: true,
       ref: floatingPositionRef,
       className: className2,
       style: {
@@ -38382,6 +38572,7 @@ function Floating({
       children: [
         safeArea
           ? /* @__PURE__ */ jsx('div', {
+            suppressHydrationWarning: true,
             ref: safeAreaRef,
             style: {
               position: 'absolute',
@@ -38391,6 +38582,7 @@ function Floating({
           : // biome-ignore lint/a11y/useKeyWithClickEvents: overlays don't support key events yet.
           /* @__PURE__ */
           jsx('div', {
+            suppressHydrationWarning: true,
             style: {
               position: 'fixed',
               inset: 0,
@@ -38399,11 +38591,15 @@ function Floating({
             onClick: onDismiss,
           },),
         /* @__PURE__ */ jsx(FloatingStackingContext.Provider, {
+          suppressHydrationWarning: true,
           value: descendantContext,
           children: /* @__PURE__ */ jsx(ResetOuterLinkContext, {
+            suppressHydrationWarning: true,
             children: /* @__PURE__ */ jsx(InjectSelectionStyle, {
+              suppressHydrationWarning: true,
               triggerId: anchorRef.current?.id ?? void 0,
               children: /* @__PURE__ */ jsx('div', {
+                suppressHydrationWarning: true,
                 ref: contentRef,
                 children: childrenWithOrigin(children, origin,),
               },),
@@ -38421,6 +38617,7 @@ var Instance = /* @__PURE__ */ React42.forwardRef(function Instance2({
 }, ref,) {
   return Component18
     ? /* @__PURE__ */ jsx(Component18, {
+      suppressHydrationWarning: true,
       ...props,
       ref,
     },)
@@ -38450,6 +38647,7 @@ function AutoBreakpointVariant({
     };
   }
   return /* @__PURE__ */ jsx(PropertyOverrides2, {
+    suppressHydrationWarning: true,
     overrides,
     breakpoint: activeVariantId,
     children: element,
@@ -38530,13 +38728,16 @@ function ChildrenCanSuspend({
   children,
 },) {
   return /* @__PURE__ */ jsx(SuspenseThatPreservesDom, {
+    suppressHydrationWarning: true,
     children,
   },);
 }
 function withChildrenCanSuspend(Component18,) {
   return forwardRef(function withChildrenCanSuspendInner(props, ref,) {
     return /* @__PURE__ */ jsx(ChildrenCanSuspend, {
+      suppressHydrationWarning: true,
       children: /* @__PURE__ */ jsx(Component18, {
+        suppressHydrationWarning: true,
         ...props,
         ref,
       },),
@@ -39574,6 +39775,7 @@ function HoneypotFields({
       // Names are unique at the moment, so using the originalName is fine
       /* @__PURE__ */
       jsx(HoneypotInput, {
+        suppressHydrationWarning: true,
         inputStateRef: stateRef,
       }, `hp_${stateRef.originalName}`,)
     ),
@@ -39874,6 +40076,7 @@ var FormContainer = /* @__PURE__ */ React42.forwardRef(function FormContainer2({
     );
   };
   return /* @__PURE__ */ jsxs(motion.form, {
+    suppressHydrationWarning: true,
     ...props,
     onSubmit: stateCanSubmitForm(state,) ? handleSubmit : preventDefault,
     onKeyDown: handleKeyDown,
@@ -39882,6 +40085,7 @@ var FormContainer = /* @__PURE__ */ React42.forwardRef(function FormContainer2({
     children: [
       children(state,),
       shouldUseHoneypot && /* @__PURE__ */ jsx(HoneypotFields, {
+        suppressHydrationWarning: true,
         states: honeypotStateRefs,
       },),
     ],
@@ -39978,8 +40182,11 @@ function EditorBarLauncher({
   }, [libraryFeatures,],);
   if (!EditorBar || !framerSiteId || !enabled) return null;
   return /* @__PURE__ */ jsx(IgnoreErrors, {
+    suppressHydrationWarning: true,
     children: /* @__PURE__ */ jsx(Suspense2, {
+      suppressHydrationWarning: true,
       children: /* @__PURE__ */ jsx(EditorBar, {
+        suppressHydrationWarning: true,
         framerSiteId,
         features: editorBarFeatures,
       },),
@@ -40458,6 +40665,7 @@ function TriggerStateProvider({
     triggerStateRef,
   }));
   return /* @__PURE__ */ jsx(TriggerStateContext.Provider, {
+    suppressHydrationWarning: true,
     value: initialState2,
     children,
   },);
@@ -40514,6 +40722,7 @@ function SnippetsProvider({
   loadSnippetsModule,
 },) {
   return /* @__PURE__ */ jsx(SnippetsContext.Provider, {
+    suppressHydrationWarning: true,
     value: loadSnippetsModule,
     children,
   },);
@@ -41259,31 +41468,44 @@ function Router({
     display: 'contents',
   }));
   return /* @__PURE__ */ jsx(RouterAPIProvider, {
+    suppressHydrationWarning: true,
     api,
     children: /* @__PURE__ */ jsx(LocaleInfoContext.Provider, {
+      suppressHydrationWarning: true,
       value: localeInfo,
       children: /* @__PURE__ */ jsx(LayoutDirectionContext.Provider, {
+        suppressHydrationWarning: true,
         value: layoutDirection,
         children: /* @__PURE__ */ jsx(CustomCursorHost, {
+          suppressHydrationWarning: true,
           children: /* @__PURE__ */ jsx(URLSearchParamsProvider, {
+            suppressHydrationWarning: true,
             children: /* @__PURE__ */ jsxs(TriggerStateProvider, {
+              suppressHydrationWarning: true,
               currentRoutePath: pathWithFilledVariables,
               routerAPI: api,
               children: [
                 EditorBar && /* @__PURE__ */ jsx(EditorBarLauncher, {
+                  suppressHydrationWarning: true,
                   EditorBar,
                   fast: true,
                 },),
                 /* @__PURE__ */ jsx(SynchronousSuspenseErrorBoundary, {
+                  suppressHydrationWarning: true,
                   children: /* @__PURE__ */ jsxs(SuspenseThatPreservesDom, {
+                    suppressHydrationWarning: true,
                     children: [
                       /* @__PURE__ */ jsxs(NotFoundErrorBoundary, {
+                        suppressHydrationWarning: true,
                         notFoundPage,
                         defaultPageStyle,
                         forceUpdateKey: dep,
                         children: [
-                          /* @__PURE__ */ jsx(MarkSuspenseEffects.Start, {},),
+                          /* @__PURE__ */ jsx(MarkSuspenseEffects.Start, {
+                            suppressHydrationWarning: true,
+                          },),
                           /* @__PURE__ */ jsx(WithLayoutTemplate, {
+                            suppressHydrationWarning: true,
                             LayoutTemplate,
                             webPageId: currentRoute?.abTestingVariantId ?? currentRouteId,
                             style: defaultPageStyle,
@@ -41299,10 +41521,15 @@ function Router({
                         ],
                       },),
                       EditorBar && /* @__PURE__ */ jsx(EditorBarLauncher, {
+                        suppressHydrationWarning: true,
                         EditorBar,
                       },),
-                      /* @__PURE__ */ jsx(TurnOnReactEventHandling, {},),
-                      /* @__PURE__ */ jsx(MarkSuspenseEffects.End, {},),
+                      /* @__PURE__ */ jsx(TurnOnReactEventHandling, {
+                        suppressHydrationWarning: true,
+                      },),
+                      /* @__PURE__ */ jsx(MarkSuspenseEffects.End, {
+                        suppressHydrationWarning: true,
+                      },),
                     ],
                   },),
                 },),
@@ -41322,6 +41549,7 @@ function WithLayoutTemplate({
 },) {
   if (!LayoutTemplate) return children(false,);
   return /* @__PURE__ */ jsx(LayoutTemplate, {
+    suppressHydrationWarning: true,
     webPageId,
     style: style2,
     children,
@@ -41657,8 +41885,10 @@ var FetchClientProvider = ({
     return () => client.unmount();
   }, [client,],);
   return /* @__PURE__ */ jsx(IsRestoringCacheContext.Provider, {
+    suppressHydrationWarning: true,
     value: isRestoring,
     children: /* @__PURE__ */ jsx(FetchClientContext.Provider, {
+      suppressHydrationWarning: true,
       value: client,
       children,
     },),
@@ -41844,18 +42074,25 @@ function PageRoot(props,) {
   }, [],);
   if (isWebsite) {
     return /* @__PURE__ */ jsx(RenderTargetEnvironmentProvider, {
+      suppressHydrationWarning: true,
       value: environment2 ?? 'preview',
       children: /* @__PURE__ */ jsx(MotionConfig, {
+        suppressHydrationWarning: true,
         reducedMotion: skipAnimations ? 'always' : isReducedMotion ? 'user' : 'never',
         skipAnimations,
         children: /* @__PURE__ */ jsx(CollectionUtilsCacheProvider, {
+          suppressHydrationWarning: true,
           collectionUtils,
           children: /* @__PURE__ */ jsx(FetchClientProvider, {
+            suppressHydrationWarning: true,
             children: /* @__PURE__ */ jsx(FormContext.Provider, {
+              suppressHydrationWarning: true,
               value: framerSiteId,
               children: /* @__PURE__ */ jsx(SnippetsProvider, {
+                suppressHydrationWarning: true,
                 loadSnippetsModule,
                 children: /* @__PURE__ */ jsx(Router, {
+                  suppressHydrationWarning: true,
                   initialRoute: routeId,
                   initialPathVariables: pathVariables,
                   initialLocaleId: localeId,
@@ -41884,9 +42121,12 @@ function PageRoot(props,) {
   } else {
     const Wrapper = includeDataObserver ? DataObserver : React42.Fragment;
     return /* @__PURE__ */ jsx(Wrapper, {
+      suppressHydrationWarning: true,
       children: /* @__PURE__ */ jsx(RoutesProvider, {
+        suppressHydrationWarning: true,
         routes,
         children: /* @__PURE__ */ jsx(NavigationExport, {
+          suppressHydrationWarning: true,
           children: React42.isValidElement(RootComponent,) ? RootComponent : React42.createElement(
             // @ts-expect-error to figure out how to type this properly, as tests are using different
             // $$typeof symbol and isValidElement fails
@@ -46694,7 +46934,7 @@ function getCacheKey(query, locale,) {
 async function executeServerDatabaseQuery(sql,) {
   const {
     executeServerDatabaseQuery: executeServerDatabaseQueryWithSqlite,
-  } = await import('./framer-chunks/SqliteDatabase-VAKIICSG-R7ZS6CHH.js');
+  } = await import('./framer-chunks/SqliteDatabase-VAKIICSG-W43ZSXBO.js');
   return executeServerDatabaseQueryWithSqlite(sql,);
 }
 var queryEngine = /* @__PURE__ */ new QueryEngine();
@@ -47123,7 +47363,8 @@ function activeBreakpointHashesFromWindow(breakpoints,) {
 function useHydratedBreakpointVariants(initial, mediaQueries, hydratedWithInitial = true,) {
   const isInitialNavigation = useContext(IsInitialNavigationContext,);
   const isStaticRenderer2 = useIsStaticRenderer();
-  const usesMediaQueries = !isStaticRenderer2 && isBrowser22();
+  const isScreenshotHost = isScreenshotFramerHost();
+  const usesMediaQueries = isBrowser22() && (!isStaticRenderer2 || isScreenshotHost);
   const baseVariant = useRef(usesMediaQueries ? activeMediaQueryFromWindow(mediaQueries,) ?? initial : initial,);
   const basePropsVariant = useRef(hydratedWithInitial && isInitialNavigation ? initial : baseVariant.current,);
   const forceUpdate = useForceUpdate2();
@@ -47148,13 +47389,18 @@ function useHydratedBreakpointVariants(initial, mediaQueries, hydratedWithInitia
   }, [instantTransition, forceUpdate, isStaticRenderer2,],);
   useIsomorphicLayoutEffect2(() => {
     if (!isStaticRenderer2) return;
+    if (isScreenshotHost) {
+      setActiveVariantInstant(activeMediaQueryFromWindow(mediaQueries,) ?? initial,);
+      return;
+    }
     setActiveVariantInstant(initial,);
-  }, [initial, isStaticRenderer2, setActiveVariantInstant,],);
+  }, [initial, isScreenshotHost, isStaticRenderer2, mediaQueries, setActiveVariantInstant,],);
   useIsomorphicLayoutEffect2(() => {
     if (!hydratedWithInitial || isInitialNavigation !== true) return;
     setActiveVariantInstant(baseVariant.current,);
   }, [],);
   useEffect(() => {
+    if (!usesMediaQueries || isScreenshotHost) return;
     const callbacks = [];
     for (const [variant, query,] of Object.entries(mediaQueries,)) {
       const mql = safeWindow.matchMedia(query,);
@@ -47165,7 +47411,7 @@ function useHydratedBreakpointVariants(initial, mediaQueries, hydratedWithInitia
       callbacks.push([mql, callback,],);
     }
     return () => callbacks.forEach(([mql, callback,],) => removeMQLCallback(mql, callback,));
-  }, [mediaQueries, setActiveVariantInstant,],);
+  }, [isScreenshotHost, mediaQueries, setActiveVariantInstant, usesMediaQueries,],);
   return [baseVariant.current, basePropsVariant.current,];
 }
 function addMQLCallback(mql, callback,) {
@@ -48141,6 +48387,7 @@ function withCodeBoundaryForOverrides(Component18, {
     const nearestExternalComponent = useNearestExternalComponent();
     if (disableCustomCode) {
       return /* @__PURE__ */ jsx(Component18, {
+        suppressHydrationWarning: true,
         ...props,
         ref,
       },);
@@ -48154,14 +48401,18 @@ function withCodeBoundaryForOverrides(Component18, {
     if (shouldWrapWithBoundary) {
       if (appliedOverride.status === 'success') {
         return /* @__PURE__ */ jsx(NodeIdContext.Provider, {
+          suppressHydrationWarning: true,
           value: nodeId,
           children: /* @__PURE__ */ jsx(CodeComponentBoundary, {
+            suppressHydrationWarning: true,
             getErrorMessage: getErrorMessageForOverride.bind(null, scopeId, nodeId,),
             fallback: /* @__PURE__ */ jsx(Component18, {
+              suppressHydrationWarning: true,
               ...props,
               ref,
             },),
             children: /* @__PURE__ */ jsx(appliedOverride.Component, {
+              suppressHydrationWarning: true,
               ...props,
               ref,
             },),
@@ -48175,6 +48426,7 @@ function withCodeBoundaryForOverrides(Component18, {
           hasErrorBeenLogged = true;
         }
         return /* @__PURE__ */ jsx(Component18, {
+          suppressHydrationWarning: true,
           ...props,
           ref,
         },);
@@ -48182,8 +48434,10 @@ function withCodeBoundaryForOverrides(Component18, {
     } else {
       if (appliedOverride.status === 'success') {
         return /* @__PURE__ */ jsx(NodeIdContext.Provider, {
+          suppressHydrationWarning: true,
           value: nodeId,
           children: /* @__PURE__ */ jsx(appliedOverride.Component, {
+            suppressHydrationWarning: true,
             ...props,
             ref,
           },),
@@ -48271,6 +48525,7 @@ var withV1StrokeFX = (Component18) =>
       }
       : void 0;
     return /* @__PURE__ */ jsx(Component18, {
+      suppressHydrationWarning: true,
       ...restProps,
       ...effect,
       ref: forwardedRef,
@@ -48510,6 +48765,7 @@ function TickerItemWrapper({
     ...ariaProps,
   };
   return /* @__PURE__ */ jsx(TickerItemContext.Provider, {
+    suppressHydrationWarning: true,
     value: {
       start: start2,
       end,
@@ -48520,6 +48776,7 @@ function TickerItemWrapper({
       props,
     },
     children: size === 'manual' ? children : /* @__PURE__ */ jsx(DefaultTickerItem, {
+      suppressHydrationWarning: true,
       children,
     },),
   },);
@@ -48531,6 +48788,7 @@ function DefaultTickerItem({
     props,
   } = useTickerItem();
   return /* @__PURE__ */ jsx(motion.li, {
+    suppressHydrationWarning: true,
     ...props,
     children,
   },);
@@ -48733,6 +48991,7 @@ function TickerComponent({
   if (isStatic) {
     const renderedOffset2 = useMotionValue(0,);
     return /* @__PURE__ */ jsx(TickerContext.Provider, {
+      suppressHydrationWarning: true,
       value: {
         ...state,
         gap,
@@ -48740,6 +48999,7 @@ function TickerComponent({
         renderedOffset: renderedOffset2,
       },
       children: /* @__PURE__ */ jsx(ListView, {
+        suppressHydrationWarning: true,
         containerProps: props,
         containerRef,
         children,
@@ -48870,6 +49130,7 @@ function TickerComponent({
           }
           : defaultBounds;
         clonedItems.push(/* @__PURE__ */ jsx(TickerItemWrapper, {
+          suppressHydrationWarning: true,
           offset: renderedOffset,
           axis,
           listSize: totalListSize,
@@ -48885,6 +49146,7 @@ function TickerComponent({
       },);
       const id3 = `ticker-group-${i}`;
       clonedItemGroups.push(/* @__PURE__ */ jsx(LayoutGroup, {
+        suppressHydrationWarning: true,
         id: id3,
         children: clonedItems,
       }, id3,),);
@@ -48895,6 +49157,7 @@ function TickerComponent({
     state.maxInset,
   ],);
   return /* @__PURE__ */ jsx(TickerContext.Provider, {
+    suppressHydrationWarning: true,
     value: {
       ...state,
       gap,
@@ -48902,6 +49165,7 @@ function TickerComponent({
       renderedOffset,
     },
     children: /* @__PURE__ */ jsx(ListView, {
+      suppressHydrationWarning: true,
       containerProps: props,
       children,
       containerRef,
@@ -49085,6 +49349,7 @@ function ListView({
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [
       /* @__PURE__ */ jsx(MotionComponent, {
+        suppressHydrationWarning: true,
         ...remainingProps,
         ref: containerRef,
         style: {
@@ -49097,6 +49362,7 @@ function ListView({
         onPointerEnter,
         onPointerLeave,
         children: /* @__PURE__ */ jsxs(motion.ul, {
+          suppressHydrationWarning: true,
           ref: listRef,
           role: 'group',
           style: {
@@ -49124,6 +49390,7 @@ function ListView({
           children: [
             items.map((item, index,) =>
               /* @__PURE__ */ jsx(TickerItemWrapper, {
+                suppressHydrationWarning: true,
                 axis,
                 offset: renderedOffset,
                 listSize: totalListSize,
@@ -49191,6 +49458,7 @@ var BasicTicker = /* @__PURE__ */ forwardRef(function BasicTicker2(props, ref,)
   const baseVelocity = playState === 'paused' ? 0 : tickerEffectVelocity ?? 100;
   const velocity = baseVelocity * directionModifier;
   return /* @__PURE__ */ jsx(Ticker, {
+    suppressHydrationWarning: true,
     ref,
     as: Component18,
     ...rest,
@@ -49254,6 +49522,7 @@ var DraggableTicker = /* @__PURE__ */ forwardRef(function DraggableTicker2(props
     }
   }, [playState, offsetMotionValue,],);
   return /* @__PURE__ */ jsx(Ticker, {
+    suppressHydrationWarning: true,
     ref,
     as: Component18,
     ...rest,
@@ -49300,6 +49569,7 @@ var TickerContextProvider = ({
     stop: () => startTransition2(() => onPlayStateChange('paused',)),
   }), [onPlayStateChange,],);
   return /* @__PURE__ */ jsx(TickerContext2.Provider, {
+    suppressHydrationWarning: true,
     value,
     children,
   },);
@@ -49340,8 +49610,10 @@ var Ticker2 = /* @__PURE__ */ forwardRef(function Ticker3(props, ref,) {
   };
   if (isStatic || !tickerEffectDraggable) {
     return /* @__PURE__ */ jsx(TickerContextProvider, {
+      suppressHydrationWarning: true,
       onPlayStateChange: setPlayState,
       children: /* @__PURE__ */ jsx(BasicTicker, {
+        suppressHydrationWarning: true,
         ...rest,
         style: tickerStyle,
         ref,
@@ -49356,8 +49628,10 @@ var Ticker2 = /* @__PURE__ */ forwardRef(function Ticker3(props, ref,) {
     },);
   }
   return /* @__PURE__ */ jsx(TickerContextProvider, {
+    suppressHydrationWarning: true,
     onPlayStateChange: setPlayState,
     children: /* @__PURE__ */ jsx(DraggableTicker, {
+      suppressHydrationWarning: true,
       ...rest,
       style: tickerStyle,
       ref,
@@ -49388,11 +49662,13 @@ var withTickerFX = (Component18) => {
   return (props) => {
     if (props.tickerEffectEnabled) {
       return /* @__PURE__ */ jsx(Ticker2, {
+        suppressHydrationWarning: true,
         ...props,
         as: Component18,
       },);
     }
     return /* @__PURE__ */ jsx(Component18, {
+      suppressHydrationWarning: true,
       ...props,
     },);
   };
@@ -49415,23 +49691,27 @@ var withFlowFX = (Component18) =>
         : transition, [transition, flowEffectTransition,],);
     if (!flowEffectEnabled) {
       return /* @__PURE__ */ jsx(Component18, {
+        suppressHydrationWarning: true,
         ...forwardedProps,
         ref: forwardedRef,
         transition,
       },);
     }
     let componentWithFlowEffect = /* @__PURE__ */ jsx(Component18, {
+      suppressHydrationWarning: true,
       ...forwardedProps,
       ref: forwardedRef,
     },);
     if (flowEffectTransition) {
       componentWithFlowEffect = /* @__PURE__ */ jsx(MotionConfig, {
+        suppressHydrationWarning: true,
         transition: mergedTransition,
         children: componentWithFlowEffect,
       },);
     }
     if (!isNestedFlowEffect) {
       componentWithFlowEffect = /* @__PURE__ */ jsx(LayoutGroup, {
+        suppressHydrationWarning: true,
         children: componentWithFlowEffect,
       },);
     }
@@ -49454,6 +49734,7 @@ function withMappedReactProps(Component18, info,) {
       asRecord(props,)[mapping?.[key7] ?? key7] = rawProps[key7];
     }
     return /* @__PURE__ */ jsx(Component18, {
+      suppressHydrationWarning: true,
       ...props,
     },);
   };
@@ -50397,6 +50678,7 @@ var ShaderFallbackImage = /* @__PURE__ */ memo2(function ShaderFallbackImage2({
 },) {
   if (!src) return null;
   return /* @__PURE__ */ jsx(BackgroundImageComponent, {
+    suppressHydrationWarning: true,
     image: {
       src,
       fit: 'fill',
@@ -50897,9 +51179,11 @@ var ShaderSandboxFallbackImage = /* @__PURE__ */ memo2(function ShaderSandboxFal
     pointerEvents: hidden ? 'none' : void 0,
   };
   return /* @__PURE__ */ jsxs('div', {
+    suppressHydrationWarning: true,
     style: containerStyle2,
     children: [
       previousSrc && /* @__PURE__ */ jsx('img', {
+        suppressHydrationWarning: true,
         src: previousSrc,
         decoding: 'async',
         style: sandboxFallbackImageStyle,
@@ -50907,9 +51191,11 @@ var ShaderSandboxFallbackImage = /* @__PURE__ */ memo2(function ShaderSandboxFal
         alt: '',
       }, `prev-${previousSrc}`,),
       /* @__PURE__ */ jsx('div', {
+        suppressHydrationWarning: true,
         ref: previousSrc ? fadeRef : void 0,
         style: sandboxFallbackContainerStyle,
         children: /* @__PURE__ */ jsx('img', {
+          suppressHydrationWarning: true,
           src: displaySrc,
           style: sandboxFallbackImageStyle,
           decoding: 'async',
@@ -51322,6 +51608,7 @@ function ShaderCanvas({
   }, [haveUniformsResolved, mouseDataRef, renderSingleFrame, updateCurrentSize, maybeResize,],);
   useCanvasResize(canvasRef, handleResize,);
   return /* @__PURE__ */ jsx('canvas', {
+    suppressHydrationWarning: true,
     ref: canvasRef,
     style: canvasStyle,
     draggable: false,
@@ -51379,11 +51666,13 @@ var ShaderWithFallbackOverlay = /* @__PURE__ */ memo2(function ShaderWithFallbac
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [
       /* @__PURE__ */ jsx('div', {
+        suppressHydrationWarning: true,
         style: {
           ...overlayStyle,
           opacity: shouldHideCanvas ? 0 : 1,
         },
         children: /* @__PURE__ */ jsx(ShaderCanvas, {
+          suppressHydrationWarning: true,
           vertexShader,
           fragmentShader,
           animated,
@@ -51401,6 +51690,7 @@ var ShaderWithFallbackOverlay = /* @__PURE__ */ memo2(function ShaderWithFallbac
         },),
       },),
       fallbackImage && !shouldSkipInitialFallback && /* @__PURE__ */ jsx('div', {
+        suppressHydrationWarning: true,
         style: {
           ...overlayStyle,
           opacity: shouldShowFallback ? 1 : 0,
@@ -51408,6 +51698,7 @@ var ShaderWithFallbackOverlay = /* @__PURE__ */ memo2(function ShaderWithFallbac
           pointerEvents: 'none',
         },
         children: /* @__PURE__ */ jsx(ShaderFallbackImage, {
+          suppressHydrationWarning: true,
           src: fallbackImage,
         },),
       },),
@@ -51681,10 +51972,12 @@ var Shader = /* @__PURE__ */ forwardRef(function Shader2({
   if (isOnCanvas) {
     const hideFallback = !isFallbackOnly && (shouldSkipInitialFallback || isShaderReady);
     return /* @__PURE__ */ jsxs(ShaderContainerFrame, {
+      suppressHydrationWarning: true,
       ref: observerRef,
       ...containerFrameProps,
       children: [
         !isFallbackOnly && /* @__PURE__ */ jsx(ShaderWithFallbackOverlay, {
+          suppressHydrationWarning: true,
           mode: effectiveMode,
           skipInitialFallback: shouldSkipFallbackOverlay,
           onReady: handleShaderReady,
@@ -51694,6 +51987,7 @@ var Shader = /* @__PURE__ */ forwardRef(function Shader2({
           mouseDataRef,
         },),
         /* @__PURE__ */ jsx(ShaderSandboxFallbackImage, {
+          suppressHydrationWarning: true,
           src: fallbackImage,
           hidden: hideFallback,
         },),
@@ -51703,17 +51997,21 @@ var Shader = /* @__PURE__ */ forwardRef(function Shader2({
   }
   if (isFallbackOnly) {
     return /* @__PURE__ */ jsx(ShaderContainerFrame, {
+      suppressHydrationWarning: true,
       ref: observerRef,
       ...containerFrameProps,
       children: shouldSkipFallbackOverlay && !isIntersecting ? null : /* @__PURE__ */ jsx(ShaderFallbackImage, {
+        suppressHydrationWarning: true,
         src: fallbackImage,
       },),
     },);
   }
   return /* @__PURE__ */ jsx(ShaderContainerFrame, {
+    suppressHydrationWarning: true,
     ref: observerRef,
     ...containerFrameProps,
     children: /* @__PURE__ */ jsx(ShaderWithFallbackOverlay, {
+      suppressHydrationWarning: true,
       mode: effectiveMode,
       fallbackImage,
       skipInitialFallback: shouldSkipFallbackOverlay,
@@ -51737,6 +52035,7 @@ var ShaderContainerFrame = /* @__PURE__ */ forwardRef(function ShaderContainerFr
     overflow: 'hidden',
   };
   return /* @__PURE__ */ jsx(FrameWithMotion2, {
+    suppressHydrationWarning: true,
     ref,
     __fromCanvasComponent: true,
     style: styles4,
@@ -51785,6 +52084,7 @@ var withVariantAppearEffect = (Component18) =>
   React42.forwardRef((props, forwardedRef,) => {
     if (RenderTarget.current() === RenderTarget.canvas) {
       return /* @__PURE__ */ jsx(Component18, {
+        suppressHydrationWarning: true,
         ...props,
         ref: forwardedRef,
       },);
@@ -51862,12 +52162,14 @@ var withVariantAppearEffect = (Component18) =>
     },);
     if (!('variantAppearEffectEnabled' in options) || variantAppearEffectEnabled === true) {
       return /* @__PURE__ */ jsx(Component18, {
+        suppressHydrationWarning: true,
         ...rest,
         variant: activeVariant ?? props.variant,
         ref: observerRef,
       },);
     } else {
       return /* @__PURE__ */ jsx(Component18, {
+        suppressHydrationWarning: true,
         ...rest,
       },);
     }
@@ -51890,6 +52192,7 @@ var withVariantFX = (Component18) =>
       true,
     );
     return /* @__PURE__ */ jsx(Component18, {
+      suppressHydrationWarning: true,
       ...props,
       style: {
         ...props?.style,
@@ -53352,11 +53655,11 @@ function getAssetOwnerType(asset,) {
 async function loadFontsWithOpenType(source,) {
   switch (source) {
     case 'google': {
-      const supportedFonts = await import('./framer-chunks/google-3SZHWBC6-OBXS3UIH.js');
+      const supportedFonts = await import('./framer-chunks/google-3SZHWBC6-MIC5SCB4.js');
       return supportedFonts.default;
     }
     case 'fontshare': {
-      const supportedFonts = await import('./framer-chunks/fontshare-B2QLD7YB-4BZEAA37.js');
+      const supportedFonts = await import('./framer-chunks/fontshare-B2QLD7YB-ZLNQ44LW.js');
       return supportedFonts.default;
     }
     default:
@@ -53366,15 +53669,15 @@ async function loadFontsWithOpenType(source,) {
 async function loadFontToOpenTypeFeatures(source,) {
   switch (source) {
     case 'google': {
-      const features = await import('./framer-chunks/google-3FCAKCAC-P5EL6KGL.js');
+      const features = await import('./framer-chunks/google-3FCAKCAC-K2ZVMKHN.js');
       return features.default;
     }
     case 'fontshare': {
-      const features = await import('./framer-chunks/fontshare-4THNDPMZ-BJQGNHXN.js');
+      const features = await import('./framer-chunks/fontshare-4THNDPMZ-L3NZDIOE.js');
       return features.default;
     }
     case 'framer': {
-      const features = await import('./framer-chunks/framer-font-45AI7UCZ-LU7DEIDM.js');
+      const features = await import('./framer-chunks/framer-font-45AI7UCZ-Z3XHDH5K.js');
       return features.default;
     }
     default:
@@ -53918,10 +54221,10 @@ function loadVariationAxes(source,) {
       const axes = (async () => {
         switch (source) {
           case 'google': {
-            return (await import('./framer-chunks/google-GXDJLGJB-HHIXFE4M.js')).default;
+            return (await import('./framer-chunks/google-GXDJLGJB-356NWSZ7.js')).default;
           }
           case 'fontshare': {
-            return (await import('./framer-chunks/fontshare-O22OBJ3D-ALBQLFE5.js')).default;
+            return (await import('./framer-chunks/fontshare-O22OBJ3D-VY7WF3BB.js')).default;
           }
           default:
             assertNever(source,);
@@ -54313,6 +54616,7 @@ function CustomProperties({
   customProperties,
 },) {
   return /* @__PURE__ */ jsx('div', {
+    suppressHydrationWarning: true,
     style: customProperties,
     children,
   },);
@@ -54398,6 +54702,7 @@ var PlainTextInput = /* @__PURE__ */ forwardRef(function FormPlainTextInput(prop
   }, [setInputRef,],);
   if (type === 'hidden') {
     return /* @__PURE__ */ jsx(motion.input, {
+      suppressHydrationWarning: true,
       type: 'hidden',
       name: inputName,
       defaultValue,
@@ -54414,6 +54719,7 @@ var PlainTextInput = /* @__PURE__ */ forwardRef(function FormPlainTextInput(prop
     type === 'textarea' && textareaInputTypeWrapperClassName,
   );
   return /* @__PURE__ */ jsxs(motion.div, {
+    suppressHydrationWarning: true,
     ref,
     onClick: handleWrapperClick,
     style: style2,
@@ -54422,6 +54728,7 @@ var PlainTextInput = /* @__PURE__ */ forwardRef(function FormPlainTextInput(prop
     children: [
       type === 'textarea'
         ? /* @__PURE__ */ jsx(motion.textarea, {
+          suppressHydrationWarning: true,
           ref: setInputRef,
           ...dataProps,
           ...eventHandlers,
@@ -54434,6 +54741,7 @@ var PlainTextInput = /* @__PURE__ */ forwardRef(function FormPlainTextInput(prop
           maxLength,
         },)
         : /* @__PURE__ */ jsx(motion.input, {
+          suppressHydrationWarning: true,
           ref: setInputRef,
           ...dataProps,
           ...eventHandlers,
@@ -54450,11 +54758,14 @@ var PlainTextInput = /* @__PURE__ */ forwardRef(function FormPlainTextInput(prop
           maxLength,
         },),
       showClear && /* @__PURE__ */ jsx('button', {
+        suppressHydrationWarning: true,
         type: 'button',
         className: clearButtonClassName,
         onClick: handleClear,
         'aria-label': 'Clear',
-        children: /* @__PURE__ */ jsx(ClearIcon, {},),
+        children: /* @__PURE__ */ jsx(ClearIcon, {
+          suppressHydrationWarning: true,
+        },),
       },),
     ],
   },);
@@ -54466,12 +54777,14 @@ function normalizeValueForInputType(value, type,) {
 }
 function ClearIcon() {
   return /* @__PURE__ */ jsx('svg', {
+    suppressHydrationWarning: true,
     xmlns: 'http://www.w3.org/2000/svg',
     width: '8',
     height: '8',
     viewBox: '0 0 8 8',
     'aria-hidden': 'true',
     children: /* @__PURE__ */ jsx('path', {
+      suppressHydrationWarning: true,
       d: 'm1.5 6.5 5-5M6.5 6.5l-5-5',
       fill: 'none',
       stroke: 'currentColor',
@@ -54724,6 +55037,7 @@ var BooleanInput = /* @__PURE__ */ React42.forwardRef(function FormBooleanInput(
     setRef2(setReplayInputRef, input,);
   }, [ref, setReplayInputRef,],);
   return /* @__PURE__ */ jsx(motion.input, {
+    suppressHydrationWarning: true,
     ...rest,
     ...attributes,
     ...eventHandlers,
@@ -54890,17 +55204,20 @@ var Select = /* @__PURE__ */ React42.forwardRef(function Select2(props, measureR
   const eventHandlers = useCustomValidity(onValid, onInvalid, handleChange, onBlur, onFocus,);
   if (hidden) {
     return /* @__PURE__ */ jsx(motion.input, {
+      suppressHydrationWarning: true,
       type: 'hidden',
       name: inputName,
       defaultValue,
     },);
   }
   return /* @__PURE__ */ jsx(motion.div, {
+    suppressHydrationWarning: true,
     ref: measureRef,
     style: style2,
     className: cx(inputWrapperClassName, selectWrapperClassName, className2,),
     ...rest,
     children: /* @__PURE__ */ jsx(motion.select, {
+      suppressHydrationWarning: true,
       ref: setSelectRef,
       name: inputName,
       autoFocus,
@@ -54912,12 +55229,15 @@ var Select = /* @__PURE__ */ React42.forwardRef(function Select2(props, measureR
       children: selectOptions?.map((option, index,) => {
         switch (option.type) {
           case 'divider':
-            return /* @__PURE__ */ jsx('hr', {}, index,);
+            return /* @__PURE__ */ jsx('hr', {
+              suppressHydrationWarning: true,
+            }, index,);
           case 'option':
             return (
               // biome-ignore lint/suspicious/noArrayIndexKey: Values can be duplicated, so we could only use UUIDs here (but that isn't really better)
               /* @__PURE__ */
               jsx('option', {
+                suppressHydrationWarning: true,
                 value: option.value ?? option.title,
                 disabled: option.disabled,
                 children: option.title ?? option.value,
@@ -55282,6 +55602,7 @@ function withLightboxEffect(Component18,) {
     return /* @__PURE__ */ jsxs(Fragment, {
       children: [
         /* @__PURE__ */ jsx(Component18, {
+          suppressHydrationWarning: true,
           ...props,
           style: style2,
           onClick: handleClick,
@@ -55291,6 +55612,7 @@ function withLightboxEffect(Component18,) {
           transition,
         },),
         /* @__PURE__ */ jsx(AnimatePresence, {
+          suppressHydrationWarning: true,
           onExitComplete: () => {
             startTransition2(() => {
               setOpenOverrides(void 0,);
@@ -55302,6 +55624,7 @@ function withLightboxEffect(Component18,) {
               /* @__PURE__ */ jsxs(Fragment, {
                 children: [
                   /* @__PURE__ */ jsx(motion.div, {
+                    suppressHydrationWarning: true,
                     ...portalProps,
                     className: lightboxClassName,
                     onClick: onClose,
@@ -55317,6 +55640,7 @@ function withLightboxEffect(Component18,) {
                     exit: enterExitBackdropAnimation,
                   },),
                   /* @__PURE__ */ jsx(motion.div, {
+                    suppressHydrationWarning: true,
                     ...portalProps,
                     className: lightboxClassName,
                     style: {
@@ -55329,6 +55653,7 @@ function withLightboxEffect(Component18,) {
                       zIndex: lightbox.zIndex,
                     },
                     children: /* @__PURE__ */ jsx('div', {
+                      suppressHydrationWarning: true,
                       style: {
                         alignItems: 'center',
                         aspectRatio: aspectRatio2,
@@ -55340,6 +55665,7 @@ function withLightboxEffect(Component18,) {
                         maxWidth: lightbox.maxWidth,
                       },
                       children: /* @__PURE__ */ jsx(motion.div, {
+                        suppressHydrationWarning: true,
                         layoutId,
                         transition,
                         onClick: onOpen,
@@ -55357,6 +55683,7 @@ function withLightboxEffect(Component18,) {
                           ...border,
                         },
                         children: /* @__PURE__ */ jsx(BackgroundImageComponent, {
+                          suppressHydrationWarning: true,
                           image,
                           alt: image.alt,
                           draggable: props.draggable,
@@ -55414,12 +55741,14 @@ var Component16 = /* @__PURE__ */ React42.forwardRef(function Image2(props, ref,
   }
   const MotionComponent = htmlElementAsMotionComponent(props.as,);
   return /* @__PURE__ */ jsxs(MotionComponent, {
+    suppressHydrationWarning: true,
     ...rest,
     style: style2,
     ref,
     draggable,
     children: [
       background && /* @__PURE__ */ jsx(BackgroundImageComponent, {
+        suppressHydrationWarning: true,
         image: background,
         alt,
         draggable,
@@ -55444,6 +55773,7 @@ var ColumnMasonryLayout = /* @__PURE__ */ React42.memo(function ColumnMasonryLay
   const wrapperStyle2 = getMasonryColumnStyle(rowGap,);
   return tracks.map((trackChildren, i,) =>
     /* @__PURE__ */ jsx('div', {
+      suppressHydrationWarning: true,
       style: wrapperStyle2,
       children: trackChildren,
     }, getMasonryColumnKey(i,),)
@@ -55516,6 +55846,7 @@ var withColumnMasonryLayout = (Component18) => {
   }, ref,) {
     if (!columnMasonryLayoutEnabled) {
       return /* @__PURE__ */ jsx(Component18, {
+        suppressHydrationWarning: true,
         ref,
         style: existingStyle,
         ...rest,
@@ -55527,10 +55858,12 @@ var withColumnMasonryLayout = (Component18) => {
       gridTemplateColumns: `repeat(${trackCount}, 1fr)`,
     };
     return /* @__PURE__ */ jsx(Component18, {
+      suppressHydrationWarning: true,
       ref,
       style: mergedStyle,
       ...rest,
       children: /* @__PURE__ */ jsx(ColumnMasonryLayout, {
+        suppressHydrationWarning: true,
         trackCount,
         rowGap,
         parentIsDataRepeater,
@@ -55681,6 +56014,7 @@ var RelativeDate = /* @__PURE__ */ memo2(function RelativeDate2({
     children: [
       isWindow ? formattedRelativeDate : formattedDate,
       isWindow ? null : /* @__PURE__ */ jsx('script', {
+        suppressHydrationWarning: true,
         'data-relative-date-script': 'inline',
         dangerouslySetInnerHTML: {
           __html: createHydrationScript(targetDate, dateFormat, dateStyle, dateNumeric, dateCapitalize, locale,),
@@ -55995,6 +56329,7 @@ var DeprecatedRichTextInner = /* @__PURE__ */ React.forwardRef(function Text(pro
   collectTextShadowsForProps(props, style2,);
   Object.assign(style2, props.style,);
   return /* @__PURE__ */ jsx(motion.div, {
+    suppressHydrationWarning: true,
     id: id3,
     ref: layoutRef,
     ...rest,
@@ -56102,6 +56437,7 @@ function tokenizeText(text, tokenization = 'character', elements, shouldReduceMo
     const ref = newOverrideableRef();
     elements.add(ref,);
     return /* @__PURE__ */ jsx('span', {
+      suppressHydrationWarning: true,
       ref,
       style: style2,
       children: text,
@@ -56123,6 +56459,7 @@ function tokenizeText(text, tokenization = 'character', elements, shouldReduceMo
         return /* @__PURE__ */ jsxs(React.Fragment, {
           children: [
             /* @__PURE__ */ jsx('span', {
+              suppressHydrationWarning: true,
               style: {
                 whiteSpace: short ? 'nowrap' : 'unset',
               },
@@ -56133,6 +56470,7 @@ function tokenizeText(text, tokenization = 'character', elements, shouldReduceMo
                   // biome-ignore lint/suspicious/noArrayIndexKey: We are combining index with char.
                   /* @__PURE__ */
                   jsx('span', {
+                    suppressHydrationWarning: true,
                     ref,
                     style: style2,
                     children: char,
@@ -56155,6 +56493,7 @@ function tokenizeText(text, tokenization = 'character', elements, shouldReduceMo
         return /* @__PURE__ */ jsxs(React.Fragment, {
           children: [
             /* @__PURE__ */ jsx('span', {
+              suppressHydrationWarning: true,
               ref,
               style: style2,
               children: char,
@@ -56498,6 +56837,7 @@ var BaseSVG = /* @__PURE__ */ forwardRef(function BaseSVG2(props, forwardedRef,)
     // biome-ignore lint/a11y/noSvgWithoutTitle: FIXME: FitText might be inaccessible to screen readers because it’s wrapped in an svg
     /* @__PURE__ */
     jsx('svg', {
+      suppressHydrationWarning: true,
       ...props,
       ref: forwardedRef,
       children: props.children,
@@ -56512,10 +56852,12 @@ var FitText = /* @__PURE__ */ forwardRef(function FitText2({
   ...props
 }, forwardedRef,) {
   return /* @__PURE__ */ jsx(MotionSVG, {
+    suppressHydrationWarning: true,
     ...props,
     ref: forwardedRef,
     viewBox,
     children: /* @__PURE__ */ jsx(motion.foreignObject, {
+      suppressHydrationWarning: true,
       width: '100%',
       height: '100%',
       className: 'framer-fit-text',
@@ -56650,6 +56992,7 @@ var RichTextContainer = /* @__PURE__ */ forwardRef(function RichTextContainer2(p
   if (isString(props.viewBox,)) {
     if (props.as !== void 0) {
       return /* @__PURE__ */ jsx(Component18, {
+        suppressHydrationWarning: true,
         ...validRestProps,
         ref: containerRef,
         style: containerStyle2,
@@ -56658,6 +57001,7 @@ var RichTextContainer = /* @__PURE__ */ forwardRef(function RichTextContainer2(p
         'data-framer-name': dataFramerName,
         'data-framer-component-type': richTextContainerComponentType,
         children: /* @__PURE__ */ jsx(FitText, {
+          suppressHydrationWarning: true,
           viewBox,
           viewBoxScale,
           style: {
@@ -56669,6 +57013,7 @@ var RichTextContainer = /* @__PURE__ */ forwardRef(function RichTextContainer2(p
       },);
     } else {
       return /* @__PURE__ */ jsx(FitText, {
+        suppressHydrationWarning: true,
         ...validRestProps,
         ref: containerRef,
         style: containerStyle2,
@@ -56683,6 +57028,7 @@ var RichTextContainer = /* @__PURE__ */ forwardRef(function RichTextContainer2(p
     }
   }
   return /* @__PURE__ */ jsx(Component18, {
+    suppressHydrationWarning: true,
     ...validRestProps,
     ref: containerRef,
     style: containerStyle2,
@@ -56739,6 +57085,7 @@ function processRichTextChildren(
       props.id = slug;
       const className2 = cx('framer-text', anchorLinkStylePresetClassName,);
       const anchorLink = /* @__PURE__ */ jsx('a', {
+        suppressHydrationWarning: true,
         href: `#${slug}`,
         className: className2,
         children,
@@ -56790,6 +57137,7 @@ var RichTextInner = /* @__PURE__ */ forwardRef(function RichText({
       [isString(html,) ? 'html' : 'htmlFromDesign']: content,
     };
     return /* @__PURE__ */ jsx(DeprecatedRichText, {
+      suppressHydrationWarning: true,
       ...props,
       ...contentProp,
       ref: forwardedRef,
@@ -56810,6 +57158,7 @@ var RichTextInner = /* @__PURE__ */ forwardRef(function RichText({
     }
   }
   return /* @__PURE__ */ jsx(RichTextContainer, {
+    suppressHydrationWarning: true,
     ...props,
     ref: forwardedRef,
     children: isValidElement(content,) ? content : void 0,
@@ -56992,6 +57341,7 @@ var ImagePatternElement = ({
 },) => {
   const href = imageUrlForAsset(path,);
   return /* @__PURE__ */ jsx('pattern', {
+    suppressHydrationWarning: true,
     id: id3,
     width: repeat ? width : '100%',
     height: repeat ? height : '100%',
@@ -57000,6 +57350,7 @@ var ImagePatternElement = ({
     x: repeat ? offsetX : void 0,
     y: repeat ? offsetY : void 0,
     children: /* @__PURE__ */ jsx('image', {
+      suppressHydrationWarning: true,
       width: repeat ? width : 1,
       height: repeat ? height : 1,
       href,
@@ -57253,6 +57604,7 @@ var SVGInner = /* @__PURE__ */ forwardRef(function SVG(props, forwardedRef,) {
   const providedWindow = useProvidedWindow();
   useMeasureLayout(props, layoutRef,);
   return /* @__PURE__ */ jsx(SVGComponent, {
+    suppressHydrationWarning: true,
     ...props,
     innerRef: ref,
     parentSize,
@@ -57485,6 +57837,7 @@ var SVGComponent = /* @__PURE__ */ (() => {
           y2,
         } = elementPropertiesForLinearGradient(gradient, identifier,);
         fillElement = /* @__PURE__ */ jsx('svg', {
+          suppressHydrationWarning: true,
           ref: this.setSVGElement,
           width: '100%',
           height: '100%',
@@ -57493,6 +57846,7 @@ var SVGComponent = /* @__PURE__ */ (() => {
           },
           role: 'presentation',
           children: /* @__PURE__ */ jsx('linearGradient', {
+            suppressHydrationWarning: true,
             id: gradientId,
             x1,
             x2,
@@ -57500,6 +57854,7 @@ var SVGComponent = /* @__PURE__ */ (() => {
             y2,
             children: stops.map((stop, idx,) => {
               return /* @__PURE__ */ jsx('stop', {
+                suppressHydrationWarning: true,
                 offset: stop.position,
                 stopColor: stop.color,
                 stopOpacity: stop.alpha,
@@ -57513,6 +57868,7 @@ var SVGComponent = /* @__PURE__ */ (() => {
         outerStyle.fill = `url(#${gradientId})`;
         const elementProperties = elementPropertiesForRadialGradient(gradient, identifier,);
         fillElement = /* @__PURE__ */ jsx('svg', {
+          suppressHydrationWarning: true,
           ref: this.setSVGElement,
           width: '100%',
           height: '100%',
@@ -57521,12 +57877,14 @@ var SVGComponent = /* @__PURE__ */ (() => {
           },
           role: 'presentation',
           children: /* @__PURE__ */ jsx('radialGradient', {
+            suppressHydrationWarning: true,
             id: gradientId,
             cy: gradient.centerAnchorY,
             cx: gradient.centerAnchorX,
             r: gradient.widthFactor,
             children: elementProperties.stops.map((stop, idx,) => {
               return /* @__PURE__ */ jsx('stop', {
+                suppressHydrationWarning: true,
                 offset: stop.position,
                 stopColor: stop.color,
                 stopOpacity: stop.alpha,
@@ -57539,6 +57897,7 @@ var SVGComponent = /* @__PURE__ */ (() => {
         if (imagePattern) {
           outerStyle.fill = `url(#${imagePattern.id})`;
           fillElement = /* @__PURE__ */ jsx('svg', {
+            suppressHydrationWarning: true,
             ref: this.setSVGElement,
             width: '100%',
             height: '100%',
@@ -57547,7 +57906,9 @@ var SVGComponent = /* @__PURE__ */ (() => {
             },
             role: 'presentation',
             children: /* @__PURE__ */ jsx('defs', {
+              suppressHydrationWarning: true,
               children: /* @__PURE__ */ jsx(ImagePatternElement, {
+                suppressHydrationWarning: true,
                 ...imagePattern,
               },),
             },),
@@ -57584,7 +57945,8 @@ var SVGComponent = /* @__PURE__ */ (() => {
           children: [
             fillElement,
             /* @__PURE__ */ jsx('div', {
-              className: 'svgContainer', suppressHydrationWarning: true,
+              suppressHydrationWarning: true,
+              className: 'svgContainer',
               style: innerStyle,
               ref: this.container,
               dangerouslySetInnerHTML: {
@@ -57604,6 +57966,7 @@ var SVGComponent = /* @__PURE__ */ (() => {
       } = this.props;
       const hasTitleOrDescription = title || description;
       return /* @__PURE__ */ jsx(MotionComponent, {
+        suppressHydrationWarning: true,
         ...dataProps,
         ...rest,
         layoutId,
@@ -57721,6 +58084,7 @@ var TextInner = /* @__PURE__ */ React42.forwardRef(function Text2(props, forward
     return replaceFramerPageLinks(props.rawHTML, getRoute, currentRoute, implicitPathVariables,);
   }, [props.rawHTML, getRoute, currentRoute, implicitPathVariables,],);
   return /* @__PURE__ */ jsx(TextComponent, {
+    suppressHydrationWarning: true,
     ...props,
     innerRef: layoutRef,
     layoutId,
@@ -57828,6 +58192,7 @@ var TextComponent = /* @__PURE__ */ (() => {
           if (alignment) asRecord(style2,)['--framer-text-alignment'] = alignment;
           const tabIndexProps = getTabIndexProps(tabIndex,);
           return /* @__PURE__ */ jsx(motion.div, {
+            suppressHydrationWarning: true,
             layoutId,
             id: id3,
             ...tabIndexProps,
@@ -57866,6 +58231,7 @@ var TextComponent = /* @__PURE__ */ (() => {
     }
     render() {
       return /* @__PURE__ */ jsx(ComponentContainerContext.Consumer, {
+        suppressHydrationWarning: true,
         children: this.renderMain,
       },);
     }
@@ -58038,6 +58404,7 @@ function TickerItem({
     props,
   } = itemProps;
   return /* @__PURE__ */ jsx(motion.li, {
+    suppressHydrationWarning: true,
     ...props,
     style: {
       ...props.style,
@@ -58359,6 +58726,7 @@ var LinearGradientElement = class extends Component2 {
       y2,
     } = this.props;
     return /* @__PURE__ */ jsx('linearGradient', {
+      suppressHydrationWarning: true,
       id: id3,
       x1,
       x2,
@@ -58366,6 +58734,7 @@ var LinearGradientElement = class extends Component2 {
       y2,
       children: stops.map((stop, idx,) => {
         return /* @__PURE__ */ jsx('stop', {
+          suppressHydrationWarning: true,
           offset: stop.position,
           stopColor: stop.color,
           stopOpacity: stop.alpha,
@@ -58385,6 +58754,7 @@ var RadialGradientElement = class extends Component2 {
       stops,
     } = this.props;
     return /* @__PURE__ */ jsx('radialGradient', {
+      suppressHydrationWarning: true,
       id: id3,
       cy: centerAnchorY,
       cx: centerAnchorX,
@@ -58392,6 +58762,7 @@ var RadialGradientElement = class extends Component2 {
       gradientTransform: getRadialGradientTransform(heightFactor, widthFactor, centerAnchorX, centerAnchorY,),
       children: stops.map((stop, idx,) => {
         return /* @__PURE__ */ jsx('stop', {
+          suppressHydrationWarning: true,
           offset: stop.position,
           stopColor: stop.color,
           stopOpacity: stop.alpha,
@@ -58444,6 +58815,7 @@ var SVGRoot = (props) => {
   const needsTranslate = __unframerWindow2.devicePixelRatio === 1;
   if (!needsScale && !needsTranslate) {
     return /* @__PURE__ */ jsx('svg', {
+      suppressHydrationWarning: true,
       role: 'presentation',
       ...svgProps,
       style: svgStyle,
@@ -58456,6 +58828,7 @@ var SVGRoot = (props) => {
     }
     : void 0;
   return /* @__PURE__ */ jsx('svg', {
+    suppressHydrationWarning: true,
     role: 'presentation',
     ...svgProps,
     style: {
@@ -58463,6 +58836,7 @@ var SVGRoot = (props) => {
       ...svgTransform,
     },
     children: /* @__PURE__ */ jsx('g', {
+      suppressHydrationWarning: true,
       style: {
         // The default value of transform-origin is 0 0 for all SVG elements except
         // for root <svg> elements:
@@ -58626,6 +59000,7 @@ var Vector = /* @__PURE__ */ (() => {
       if (shadow.insetElement !== null || shadow.outsetElement !== null || insideStroke) {
         pathAttributes.id = internalShapeId.id;
         shapeReference = /* @__PURE__ */ jsx(motion.path, {
+          suppressHydrationWarning: true,
           ...{
             ...pathAttributes,
           },
@@ -58634,14 +59009,17 @@ var Vector = /* @__PURE__ */ (() => {
         },);
         if (shadow.needsStrokeClip || insideStroke) {
           strokeClipPath = /* @__PURE__ */ jsx('clipPath', {
+            suppressHydrationWarning: true,
             id: internalStrokeClipId.id,
             children: /* @__PURE__ */ jsx('use', {
+              suppressHydrationWarning: true,
               xlinkHref: internalShapeId.link,
             },),
           },);
         }
         if (shadow.insetElement !== null && strokeEnabled && strokeWidth && strokeWidth > 0) {
           mainElement = /* @__PURE__ */ jsx('use', {
+            suppressHydrationWarning: true,
             xlinkHref: internalShapeId.link,
             fill: vectorFill,
             fillOpacity,
@@ -58649,6 +59027,7 @@ var Vector = /* @__PURE__ */ (() => {
             name: currentName,
           },);
           strokeElement = /* @__PURE__ */ jsx('use', {
+            suppressHydrationWarning: true,
             xlinkHref: internalShapeId.link,
             clipPath: internalStrokeClipId.urlLink,
             fill: 'transparent',
@@ -58657,6 +59036,7 @@ var Vector = /* @__PURE__ */ (() => {
           },);
         } else {
           mainElement = /* @__PURE__ */ jsx('use', {
+            suppressHydrationWarning: true,
             xlinkHref: internalShapeId.link,
             fill: vectorFill,
             fillOpacity,
@@ -58669,6 +59049,7 @@ var Vector = /* @__PURE__ */ (() => {
       } else {
         pathAttributes.id = idAttribute;
         mainElement = /* @__PURE__ */ jsx(motion.path, {
+          suppressHydrationWarning: true,
           ...{
             ...pathAttributes,
             fill: vectorFill,
@@ -58682,6 +59063,7 @@ var Vector = /* @__PURE__ */ (() => {
       }
       const imagePatternElement = imagePattern
         ? /* @__PURE__ */ jsx(ImagePatternElement, {
+          suppressHydrationWarning: true,
           ...imagePattern,
           repeat: BackgroundImage.isImageObject(fill,) && fill.fit === 'tile',
         },)
@@ -58689,22 +59071,26 @@ var Vector = /* @__PURE__ */ (() => {
       let gradient;
       if (linearGradient) {
         gradient = /* @__PURE__ */ jsx(LinearGradientElement, {
+          suppressHydrationWarning: true,
           ...linearGradient,
         },);
       } else if (radialGradient) {
         gradient = /* @__PURE__ */ jsx(RadialGradientElement, {
+          suppressHydrationWarning: true,
           ...radialGradient,
         },);
       }
       let defs = null;
       if (shapeReference || strokeClipPath || shadow.definition && shadow.definition.length || gradient || imagePatternElement) {
         defs = /* @__PURE__ */ jsxs('defs', {
+          suppressHydrationWarning: true,
           children: [shapeReference, strokeClipPath, shadow.definition, gradient, imagePatternElement,],
         },);
       }
       const opacityValue = opacity ?? (variants ? 1 : void 0);
       if (defs === null && shadow.outsetElement === null && shadow.insetElement === null && strokeElement === null) {
         mainElement = /* @__PURE__ */ jsx(motion.path, {
+          suppressHydrationWarning: true,
           ...{
             ...pathAttributes,
             fill: vectorFill,
@@ -58719,6 +59105,7 @@ var Vector = /* @__PURE__ */ (() => {
         return this.renderElement(mainElement,);
       }
       return this.renderElement(/* @__PURE__ */ jsxs(motion.g, {
+        suppressHydrationWarning: true,
         opacity: opacityValue,
         variants,
         transition,
@@ -58740,6 +59127,7 @@ var Vector = /* @__PURE__ */ (() => {
       if (!isRootVectorNode) return element;
       if (includeTransform) return element;
       return /* @__PURE__ */ jsx(SVGRoot, {
+        suppressHydrationWarning: true,
         id: id3,
         width,
         height,
@@ -58842,6 +59230,7 @@ var VectorGroup = /* @__PURE__ */ (() => {
         }
       }
       return this.renderElement(/* @__PURE__ */ jsx('g', {
+        suppressHydrationWarning: true,
         transform: transformString2(transform2,),
         ...{
           name,
@@ -58865,6 +59254,7 @@ var VectorGroup = /* @__PURE__ */ (() => {
       if (!isRootVectorNode) return element;
       if (includeTransform) return element;
       return /* @__PURE__ */ jsx(SVGRoot, {
+        suppressHydrationWarning: true,
         id: id3,
         left,
         top,