unframer 4.1.8 → 4.2.0

package/src/framer.js

@@ -12,7 +12,8 @@ import {
   __require,
   __runInitializers,
   __toESM,
-} from './framer-chunks/chunk-2DZGP7C2.js';
+} from './framer-chunks/chunk-7ZLQTYXQ.js';
+import './framer-chunks/chunk-IKQSD2QC.js';
 
 // /:https://app.framerstatic.com/chunk-7KEO2DXG.mjs
 import { createContext, } from 'react';
@@ -8115,6 +8116,7 @@ function PopChild({
     };
   }, [isPresent2,],);
   return jsx(PopChildMeasure, {
+    suppressHydrationWarning: true,
     isPresent: isPresent2,
     childRef: ref,
     sizeRef: size,
@@ -8178,6 +8180,7 @@ var PresenceChild = ({
     !isPresent2 && !presenceChildren.size && onExitComplete && onExitComplete();
   }, [isPresent2,],);
   children = jsx(PopChild, {
+    suppressHydrationWarning: true,
     pop: mode === 'popLayout',
     isPresent: isPresent2,
     anchorX,
@@ -8186,6 +8189,7 @@ var PresenceChild = ({
     children,
   },);
   return jsx(PresenceContext.Provider, {
+    suppressHydrationWarning: true,
     value: context,
     children,
   },);
@@ -8312,6 +8316,7 @@ var AnimatePresence = ({
         }
       };
       return jsx(PresenceChild, {
+        suppressHydrationWarning: true,
         isPresent: isPresent2,
         initial: !isInitialRender.current || initial ? void 0 : false,
         custom,
@@ -8372,6 +8377,7 @@ var LayoutGroup = ({
     forceRender,
   }), [key7,],);
   return jsx(LayoutGroupContext.Provider, {
+    suppressHydrationWarning: true,
     value: memoizedContext,
     children,
   },);
@@ -8444,6 +8450,7 @@ function LazyMotion({
     }
   }, [],);
   return jsx(LazyContext.Provider, {
+    suppressHydrationWarning: true,
     value: {
       renderer: loadedRenderer.current,
       strict,
@@ -8535,6 +8542,7 @@ function MotionConfig({
     config.skipAnimations,
   ],);
   return jsx(MotionConfigContext.Provider, {
+    suppressHydrationWarning: true,
     value: context,
     children,
   },);
@@ -8795,7 +8803,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 +8986,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 +10281,7 @@ function MeasureLayout(props,) {
   const [isPresent2, safeToRemove,] = usePresence();
   const layoutGroup = useContext(LayoutGroupContext,);
   return jsx(MeasureLayoutWithContext, {
+    suppressHydrationWarning: true,
     ...props,
     layoutGroup,
     switchLayoutGroup: useContext(SwitchLayoutGroupContext,),
@@ -12549,11 +12560,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 +12718,7 @@ function ReorderItemComponent({
     groupRef,
   } = context;
   return jsx(Component33, {
+    suppressHydrationWarning: true,
     drag: axis,
     ...props,
     dragSnapToOrigin: true,
@@ -12739,7 +12753,7 @@ function ReorderItemComponent({
 }
 var ReorderItem = /* @__PURE__ */ forwardRef(ReorderItemComponent,);
 
-// /:https://app.framerstatic.com/framer.BVYWINPW.mjs
+// /:https://app.framerstatic.com/framer.SZORHXMV.mjs
 
 import React42 from 'react';
 import { startTransition as startTransition2, useDeferredValue, useSyncExternalStore, } from 'react';
@@ -13266,24 +13280,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 +13836,7 @@ function lazy(factory, moduleName = 'default', cacheHash,) {
       throw load(factory,);
     }
     return /* @__PURE__ */ jsx(LoadedComponent, {
+      suppressHydrationWarning: true,
       ref,
       ...props,
     },);
@@ -13992,6 +14007,7 @@ function RouterAPIProvider({
   children,
 },) {
   return /* @__PURE__ */ jsx(RouterContext.Provider, {
+    suppressHydrationWarning: true,
     value: api,
     children,
   },);
@@ -14008,6 +14024,7 @@ function RoutesProvider({
     getRoute,
   }), [getRoute,],);
   return /* @__PURE__ */ jsx(RouterContext.Provider, {
+    suppressHydrationWarning: true,
     value: api,
     children,
   },);
@@ -14236,6 +14253,15 @@ var LazyValue = class _LazyValue {
     return this.read();
   }
 };
+var UNDEFINED = -1;
+var HOLE = -2;
+var NAN = -3;
+var POSITIVE_INFINITY = -4;
+var NEGATIVE_INFINITY = -5;
+var NEGATIVE_ZERO = -6;
+var SPARSE = -7;
+var MAX_ARRAY_LEN = 2 ** 32 - 1;
+var MAX_ARRAY_INDEX = MAX_ARRAY_LEN - 1;
 var DevalueError = class extends Error {
   /**
    * @param {string} message
@@ -14252,7 +14278,7 @@ var DevalueError = class extends Error {
   }
 };
 function is_primitive(thing,) {
-  return Object(thing,) !== thing;
+  return thing === null || typeof thing !== 'object' && typeof thing !== 'function';
 }
 var object_proto_names = /* @__PURE__ */ Object.getOwnPropertyNames(Object.prototype,).sort().join('\0',);
 function is_plain_object(thing,) {
@@ -14310,105 +14336,72 @@ var is_identifier = /^[a-zA-Z_$][a-zA-Z_$0-9]*$/;
 function stringify_key(key7,) {
   return is_identifier.test(key7,) ? '.' + key7 : '[' + JSON.stringify(key7,) + ']';
 }
-function is_valid_array_index(s,) {
+function is_valid_array_index(n,) {
+  if (!Number.isInteger(n,)) return false;
+  if (n < 0) return false;
+  if (n > MAX_ARRAY_INDEX) return false;
+  return true;
+}
+function is_valid_array_len(n,) {
+  if (!Number.isInteger(n,)) return false;
+  if (n < 0) return false;
+  if (n > MAX_ARRAY_LEN) return false;
+  return true;
+}
+function is_valid_array_index_string(s,) {
   if (s.length === 0) return false;
   if (s.length > 1 && s.charCodeAt(0,) === 48) return false;
   for (let i = 0; i < s.length; i++) {
     const c = s.charCodeAt(i,);
     if (c < 48 || c > 57) return false;
   }
-  const n = +s;
-  if (n >= 2 ** 32 - 1) return false;
-  if (n < 0) return false;
-  return true;
+  return is_valid_array_index(+s,);
 }
 function valid_array_indices(array,) {
   const keys3 = Object.keys(array,);
   for (var i = keys3.length - 1; i >= 0; i--) {
-    if (is_valid_array_index(keys3[i],)) {
+    if (is_valid_array_index_string(keys3[i],)) {
       break;
     }
   }
   keys3.length = i + 1;
   return keys3;
 }
-function encode64(arraybuffer,) {
-  const dv = new DataView(arraybuffer,);
-  let binaryString = '';
-  for (let i = 0; i < arraybuffer.byteLength; i++) {
-    binaryString += String.fromCharCode(dv.getUint8(i,),);
-  }
-  return binaryToAscii(binaryString,);
-}
-function decode64(string,) {
-  const binaryString = asciiToBinary(string,);
-  const arraybuffer = new ArrayBuffer(binaryString.length,);
-  const dv = new DataView(arraybuffer,);
-  for (let i = 0; i < arraybuffer.byteLength; i++) {
-    dv.setUint8(i, binaryString.charCodeAt(i,),);
-  }
-  return arraybuffer;
-}
-var KEY_STRING = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
-function asciiToBinary(data2,) {
-  if (data2.length % 4 === 0) {
-    data2 = data2.replace(/==?$/, '',);
-  }
-  let output = '';
-  let buffer = 0;
-  let accumulatedBits = 0;
-  for (let i = 0; i < data2.length; i++) {
-    buffer <<= 6;
-    buffer |= KEY_STRING.indexOf(data2[i],);
-    accumulatedBits += 6;
-    if (accumulatedBits === 24) {
-      output += String.fromCharCode((buffer & 16711680) >> 16,);
-      output += String.fromCharCode((buffer & 65280) >> 8,);
-      output += String.fromCharCode(buffer & 255,);
-      buffer = accumulatedBits = 0;
-    }
-  }
-  if (accumulatedBits === 12) {
-    buffer >>= 4;
-    output += String.fromCharCode(buffer,);
-  } else if (accumulatedBits === 18) {
-    buffer >>= 2;
-    output += String.fromCharCode((buffer & 65280) >> 8,);
-    output += String.fromCharCode(buffer & 255,);
+function encode_native(array_buffer,) {
+  return new Uint8Array(array_buffer,).toBase64();
+}
+function decode_native(base64,) {
+  return Uint8Array.fromBase64(base64,).buffer;
+}
+function encode_buffer(array_buffer,) {
+  return Buffer.from(array_buffer,).toString('base64',);
+}
+function decode_buffer(base64,) {
+  return Uint8Array.from(Buffer.from(base64, 'base64',),).buffer;
+}
+function encode_legacy(array_buffer,) {
+  const array = new Uint8Array(array_buffer,);
+  let binary = '';
+  const chunk_size = 32768;
+  for (let i = 0; i < array.length; i += chunk_size) {
+    const chunk = array.subarray(i, i + chunk_size,);
+    binary += String.fromCharCode.apply(null, chunk,);
   }
-  return output;
+  return btoa(binary,);
 }
-function binaryToAscii(str,) {
-  let out = '';
-  for (let i = 0; i < str.length; i += 3) {
-    const groupsOfSix = [void 0, void 0, void 0, void 0,];
-    groupsOfSix[0] = str.charCodeAt(i,) >> 2;
-    groupsOfSix[1] = (str.charCodeAt(i,) & 3) << 4;
-    if (str.length > i + 1) {
-      groupsOfSix[1] |= str.charCodeAt(i + 1,) >> 4;
-      groupsOfSix[2] = (str.charCodeAt(i + 1,) & 15) << 2;
-    }
-    if (str.length > i + 2) {
-      groupsOfSix[2] |= str.charCodeAt(i + 2,) >> 6;
-      groupsOfSix[3] = str.charCodeAt(i + 2,) & 63;
-    }
-    for (let j = 0; j < groupsOfSix.length; j++) {
-      if (typeof groupsOfSix[j] === 'undefined') {
-        out += '=';
-      } else {
-        out += KEY_STRING[groupsOfSix[j]];
-      }
-    }
+function decode_legacy(base64,) {
+  const binary_string = atob(base64,);
+  const len = binary_string.length;
+  const array = new Uint8Array(len,);
+  for (let i = 0; i < len; i++) {
+    array[i] = binary_string.charCodeAt(i,);
   }
-  return out;
+  return array.buffer;
 }
-var UNDEFINED = -1;
-var HOLE = -2;
-var NAN = -3;
-var POSITIVE_INFINITY = -4;
-var NEGATIVE_INFINITY = -5;
-var NEGATIVE_ZERO = -6;
-var SPARSE = -7;
+var native = typeof Uint8Array.fromBase64 === 'function';
+var buffer = typeof process === 'object' && process.versions?.node !== void 0;
+var encode64 = native ? encode_native : buffer ? encode_buffer : encode_legacy;
+var decode64 = native ? decode_native : buffer ? decode_buffer : decode_legacy;
 function parse(serialized, revivers,) {
   return unflatten(JSON.parse(serialized,), revivers,);
 }
@@ -14473,13 +14466,14 @@ function unflatten(parsed, revivers,) {
           case 'RegExp':
             hydrated[index] = new RegExp(value[1], value[2],);
             break;
-          case 'Object':
-            const object = Object(value[1],);
-            if (Object.hasOwn(object, '__proto__',)) {
-              throw new Error('Cannot parse an object with a `__proto__` property',);
+          case 'Object': {
+            const wrapped_index = value[1];
+            if (typeof values[wrapped_index] === 'object' && values[wrapped_index][0] !== 'BigInt') {
+              throw new Error('Invalid input',);
             }
-            hydrated[index] = object;
+            hydrated[index] = Object(hydrate(wrapped_index,),);
             break;
+          }
           case 'BigInt':
             hydrated[index] = BigInt(value[1],);
             break;
@@ -14498,19 +14492,22 @@ function unflatten(parsed, revivers,) {
           case 'Uint8ClampedArray':
           case 'Int16Array':
           case 'Uint16Array':
+          case 'Float16Array':
           case 'Int32Array':
           case 'Uint32Array':
           case 'Float32Array':
           case 'Float64Array':
           case 'BigInt64Array':
-          case 'BigUint64Array': {
+          case 'BigUint64Array':
+          case 'DataView': {
             if (values[value[1]][0] !== 'ArrayBuffer') {
               throw new Error('Invalid data',);
             }
             const TypedArrayConstructor = globalThis[type];
-            const buffer = hydrate(value[1],);
-            const typedArray = new TypedArrayConstructor(buffer,);
-            hydrated[index] = value[2] !== void 0 ? typedArray.subarray(value[2], value[3],) : typedArray;
+            const buffer2 = hydrate(value[1],);
+            hydrated[index] = value[2] !== void 0
+              ? new TypedArrayConstructor(buffer2, value[2], value[3],)
+              : new TypedArrayConstructor(buffer2,);
             break;
           }
           case 'ArrayBuffer': {
@@ -14549,18 +14546,21 @@ function unflatten(parsed, revivers,) {
         }
       } else if (value[0] === SPARSE) {
         const len = value[1];
-        if (!Number.isInteger(len,) || len < 0) {
+        if (!is_valid_array_len(len,)) {
           throw new Error('Invalid input',);
         }
-        const array = new Array(len,);
+        const array = [];
         hydrated[index] = array;
+        array[MAX_ARRAY_INDEX] = void 0;
+        delete array[MAX_ARRAY_INDEX];
         for (let i = 2; i < value.length; i += 2) {
           const idx = value[i];
-          if (!Number.isInteger(idx,) || idx < 0 || idx >= len) {
+          if (!is_valid_array_index(idx,) || idx >= len) {
             throw new Error('Invalid input',);
           }
           array[idx] = hydrate(value[i + 1],);
         }
+        array.length = len;
       } else {
         const array = new Array(value.length,);
         hydrated[index] = array;
@@ -14586,6 +14586,10 @@ function unflatten(parsed, revivers,) {
   return hydrate(0,);
 }
 function stringify(value, reducers,) {
+  const stringified = run(false, value, reducers,);
+  return typeof stringified === 'string' ? stringified : `[${stringified.join(',',)}]`;
+}
+function run(async, value, reducers,) {
   const stringified = [];
   const indexes = /* @__PURE__ */ new Map();
   const custom = [];
@@ -14599,14 +14603,14 @@ function stringify(value, reducers,) {
   }
   const keys3 = [];
   let p = 0;
-  function flatten(thing,) {
+  function flatten(thing, index2,) {
     if (thing === void 0) return UNDEFINED;
     if (Number.isNaN(thing,)) return NAN;
     if (thing === Infinity) return POSITIVE_INFINITY;
     if (thing === -Infinity) return NEGATIVE_INFINITY;
     if (thing === 0 && 1 / thing < 0) return NEGATIVE_ZERO;
-    if (indexes.has(thing,)) return indexes.get(thing,);
-    const index2 = p++;
+    if (indexes.has(thing,)) return /** @type {number} */ indexes.get(thing,);
+    index2 ??= p++;
     indexes.set(thing, index2,);
     for (
       const {
@@ -14622,20 +14626,28 @@ function stringify(value, reducers,) {
     }
     if (typeof thing === 'function') {
       throw new DevalueError(`Cannot stringify a function`, keys3, thing, value,);
+    } else if (typeof thing === 'symbol') {
+      throw new DevalueError(`Cannot stringify a Symbol primitive`, keys3, thing, value,);
     }
     let str = '';
     if (is_primitive(thing,)) {
       str = stringify_primitive(thing,);
+    } else if (typeof thing.then === 'function') {
+      if (!async) {
+        throw new DevalueError(`Cannot stringify a Promise or thenable \u2014 use stringifyAsync instead`, keys3, thing, value,);
+      }
+      str = Promise.resolve(thing,).then((value2) => {
+        const i = flatten(value2, index2,);
+        if (i < 0) stringified[index2] = i;
+      },);
     } else {
       const type = get_type(thing,);
       switch (type) {
         case 'Number':
         case 'String':
         case 'Boolean':
-          str = `["Object",${stringify_primitive(thing,)}]`;
-          break;
         case 'BigInt':
-          str = `["BigInt",${thing}]`;
+          str = `["Object",${flatten(thing.valueOf(),)}]`;
           break;
         case 'Date':
           const valid = !isNaN(thing.getDate(),);
@@ -14713,19 +14725,18 @@ function stringify(value, reducers,) {
         case 'Uint8ClampedArray':
         case 'Int16Array':
         case 'Uint16Array':
+        case 'Float16Array':
         case 'Int32Array':
         case 'Uint32Array':
         case 'Float32Array':
         case 'Float64Array':
         case 'BigInt64Array':
-        case 'BigUint64Array': {
+        case 'BigUint64Array':
+        case 'DataView': {
           const typedArray = thing;
           str = '["' + type + '",' + flatten(typedArray.buffer,);
-          const a = thing.byteOffset;
-          const b = a + thing.byteLength;
-          if (a > 0 || b !== typedArray.buffer.byteLength) {
-            const m2 = +/(\d+)/.exec(type,)[1] / 8;
-            str += `,${a / m2},${b / m2}`;
+          if (typedArray.byteLength !== typedArray.buffer.byteLength) {
+            str += `,${typedArray.byteOffset},${typedArray.length}`;
           }
           str += ']';
           break;
@@ -14786,12 +14797,11 @@ function stringify(value, reducers,) {
   }
   const index = flatten(value,);
   if (index < 0) return `${index}`;
-  return `[${stringified.join(',',)}]`;
+  return stringified;
 }
 function stringify_primitive(thing,) {
   const type = typeof thing;
   if (type === 'string') return stringify_string(thing,);
-  if (thing instanceof String) return stringify_string(thing.toString(),);
   if (thing === void 0) return UNDEFINED.toString();
   if (thing === 0 && 1 / thing < 0) return NEGATIVE_ZERO.toString();
   if (type === 'bigint') return `["BigInt","${thing}"]`;
@@ -14850,7 +14860,6 @@ var mockWindow = {
   innerHeight: 0,
   innerWidth: 0,
   SVGSVGElement: {},
-  scheduler: void 0,
   open: function (_url, _target, _features,) {},
   __framer_events: [],
 };
@@ -15054,6 +15063,7 @@ function CollectionUtilsCacheProvider({
     };
   }, [collectionUtils,],);
   return /* @__PURE__ */ jsx(CollectionUtilsCacheContext.Provider, {
+    suppressHydrationWarning: true,
     value: getCollectionUtilsCacheMemoized,
     children,
   },);
@@ -15136,8 +15146,12 @@ var CollectionUtilsCache = class {
     return this.callUtilsMethod('getRecordIdBySlug', slug, locale,);
   }
 };
-var canUseYield = /* @__PURE__ */ (() => safeWindow.scheduler && 'yield' in safeWindow.scheduler)();
-var canUsePostTask = /* @__PURE__ */ (() => safeWindow.scheduler && 'postTask' in safeWindow.scheduler)();
+function hasScheduler(value,) {
+  return 'scheduler' in value;
+}
+var safeWindowScheduler = /* @__PURE__ */ (() => hasScheduler(safeWindow,) ? safeWindow.scheduler : void 0)();
+var canUseYield = /* @__PURE__ */ (() => safeWindowScheduler && 'yield' in safeWindowScheduler)();
+var canUsePostTask = /* @__PURE__ */ (() => safeWindowScheduler && 'postTask' in safeWindowScheduler)();
 var pendingResolvers = /* @__PURE__ */ new Set();
 function resolvePendingPromises() {
   for (const resolve of pendingResolvers) resolve();
@@ -15193,9 +15207,9 @@ function schedulerYield(options,) {
     },);
   }
   if (canUseYield) {
-    return safeWindow.scheduler.yield(options,).catch(noop22,);
+    return safeWindowScheduler.yield(options,).catch(noop22,);
   }
-  return safeWindow.scheduler.postTask(() => {}, options,).catch(noop22,);
+  return safeWindowScheduler.postTask(() => {}, options,).catch(noop22,);
 }
 function yieldToMain(options,) {
   const {
@@ -15585,6 +15599,7 @@ function PageEffectsProvider({
   value,
 },) {
   return /* @__PURE__ */ jsx(PageEffectsContext.Provider, {
+    suppressHydrationWarning: true,
     value,
     children,
   },);
@@ -16460,6 +16475,7 @@ function RenderTargetEnvironmentProvider({
   value,
 },) {
   return /* @__PURE__ */ jsx(RenderTargetEnvironmentContext.Provider, {
+    suppressHydrationWarning: true,
     value,
     children,
   },);
@@ -16697,6 +16713,7 @@ function URLSearchParamsProvider({
     replaceSearchParams,
   }), [urlSearchString, replaceSearchParams,],);
   return /* @__PURE__ */ jsx(URLSearchParamsContext.Provider, {
+    suppressHydrationWarning: true,
     value,
     children,
   },);
@@ -17500,6 +17517,7 @@ function renderPage(Page4, defaultPageStyle,) {
     'data-framer-root': '',
   };
   return React42.isValidElement(Page4,) ? React42.cloneElement(Page4, props,) : /* @__PURE__ */ jsx(Page4, {
+    suppressHydrationWarning: true,
     ...props,
   },);
 }
@@ -20452,11 +20470,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 +21219,7 @@ function LayoutIdProvider({
     enabled: true,
   },).current;
   return /* @__PURE__ */ jsx(LayoutIdContext.Provider, {
+    suppressHydrationWarning: true,
     value: contextValue,
     children,
   },);
@@ -21227,6 +21248,7 @@ function AutomaticLayoutIds({
     };
   }, [enabled,],);
   return /* @__PURE__ */ jsx(LayoutIdContext.Provider, {
+    suppressHydrationWarning: true,
     ...props,
     value: contextValue,
   },);
@@ -21286,14 +21308,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 +21406,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 +21500,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 +21530,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 +23035,7 @@ var ProvideParentSize = (props) => {
       : null;
   }
   return /* @__PURE__ */ jsx(ConstraintsContext.Provider, {
+    suppressHydrationWarning: true,
     value,
     children,
   },);
@@ -23013,6 +23048,7 @@ function getParentHeight(parentSize,) {
 }
 function useProvideParentSize(node, parentSize,) {
   return /* @__PURE__ */ jsx(ProvideParentSize, {
+    suppressHydrationWarning: true,
     parentSize,
     children: node,
   },);
@@ -23247,6 +23283,10 @@ var componentsWithServerRenderedStyles = /* @__PURE__ */ (() => {
   return new Set(componentsWithSSRStylesAttr.split(' ',),);
 })();
 var framerCSSMarker = 'data-framer-css-ssr';
+function currentCSSRenderTarget() {
+  if (isScreenshotFramerHost()) return RenderTarget.preview;
+  return RenderTarget.current();
+}
 var withCSS = (Component18, escapedCSS, componentSerializationId,) =>
   React42.forwardRef((props, ref,) => {
     const {
@@ -23255,20 +23295,21 @@ var withCSS = (Component18, escapedCSS, componentSerializationId,) =>
     } = React42.useContext(StyleSheetContext,) ?? {};
     const id3 = componentSerializationId;
     if (!isBrowser22()) {
-      if (isFunction(escapedCSS,)) escapedCSS = escapedCSS(RenderTarget.current(), props,);
+      if (isFunction(escapedCSS,)) escapedCSS = escapedCSS(currentCSSRenderTarget(), props,);
       const concatenatedCSS = Array.isArray(escapedCSS,) ? escapedCSS.join('\n',) : escapedCSS;
       cssCollector.add(concatenatedCSS, id3,);
     }
     useInsertionEffect(() => {
       if (id3 && componentsWithServerRenderedStyles.has(id3,)) return;
       const css22 = isFunction(escapedCSS,)
-        ? escapedCSS(RenderTarget.current(), props,)
+        ? escapedCSS(currentCSSRenderTarget(), props,)
         : Array.isArray(escapedCSS,)
         ? escapedCSS
         : escapedCSS.split('\n',);
       css22.forEach((rule) => rule && injectCSSRule(rule, sheet, cache2,));
     }, [],);
     return /* @__PURE__ */ jsx(Component18, {
+      suppressHydrationWarning: true,
       ...props,
       ref,
     },);
@@ -23733,6 +23774,55 @@ var inputIconCSSDeclaration = /* @__PURE__ */ (() => ({
   pointerEvents: 'none',
   ...iconImageCSS,
 }))();
+var listStyleTypeProperty = '--list-style-type';
+var maxListDigitsProperty = '--max-list-digits';
+function getMaxListDigits(start2, itemCount, listStyleType,) {
+  const lastListNumber = start2 + Math.max(itemCount, 1,) - 1;
+  switch (listStyleType) {
+    case 'decimal':
+      return decimalMaxListDigits(lastListNumber,);
+    case 'lower-alpha':
+    case 'upper-alpha':
+    case 'lower-latin':
+    case 'upper-latin':
+      return alphaMaxListDigits(lastListNumber,);
+    case 'lower-roman':
+    case 'upper-roman':
+      return romanMaxListDigits(lastListNumber,);
+    default:
+      return decimalMaxListDigits(lastListNumber,);
+  }
+}
+function decimalMaxListDigits(lastListNumber,) {
+  return String(lastListNumber,).length;
+}
+function alphaMaxListDigits(lastListNumber,) {
+  let nextCharacters = 1;
+  while (letterPermutations(nextCharacters,) < lastListNumber) {
+    nextCharacters++;
+  }
+  return nextCharacters;
+}
+function letterPermutations(characters,) {
+  let permutations = 0;
+  for (let i = 0; i < characters; i++) {
+    permutations += 26 ** (i + 1);
+  }
+  return permutations;
+}
+var romanNumeralLengthThresholds = [1, 2, 3, 8, 18, 28, 38, 88, 188, 288, 388, 888,];
+function romanMaxListDigits(lastListNumber,) {
+  let maxLength = 0;
+  for (const threshold2 of romanNumeralLengthThresholds) {
+    if (lastListNumber < threshold2) return maxLength;
+    maxLength++;
+  }
+  const thousands = Math.floor((lastListNumber - 888) / 1e3,);
+  if (thousands >= 1) {
+    return Math.max(maxLength, thousands + 12,);
+  }
+  return maxLength;
+}
 function createRGBVariableFallbacks(variables, fallback,) {
   return css2.variable(...variables.flatMap((variable) => [`${variable}-rgb`, variable,]), fallback,);
 }
@@ -23985,11 +24075,11 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
         span.framer-text[data-nested-link] span.framer-text:not([data-text-fill]) {
             /* Ensure the color is inherited from the link style rather than the parent text for nested spans */
             color: inherit;
-            font-family: var(--framer-font-family-preview, var(--framer-blockquote-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif))));
-            font-style: var(--framer-font-style-preview, var(--framer-blockquote-font-style, var(--framer-link-font-style, var(--framer-font-style, normal))));
-            font-weight: var(--framer-font-weight-preview, var(--framer-blockquote-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400))));
+            font-family: var(--framer-font-family-preview, var(--framer-link-font-family, var(--framer-blockquote-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif))));
+            font-style: var(--framer-font-style-preview, var(--framer-link-font-style, var(--framer-blockquote-font-style, var(--framer-font-style, normal))));
+            font-weight: var(--framer-font-weight-preview, var(--framer-link-font-weight, var(--framer-blockquote-font-weight, var(--framer-font-weight, 400))));
             font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1));
-            text-transform: var(--framer-blockquote-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none)));
+            text-transform: var(--framer-link-text-transform, var(--framer-blockquote-text-transform, var(--framer-text-transform, none)));
             /* Cursor inherit to overwrite the user agent stylesheet on rich text links. */
             cursor: var(--framer-custom-cursors, pointer);
             /* Don't inherit background styles from any parent text style. */
@@ -24004,13 +24094,13 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
   `
         a.framer-text,
         span.framer-text[data-nested-link] {
-            color: var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)));
-            text-decoration-line: var(--framer-blockquote-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial)));
-            text-decoration-style: var(--framer-blockquote-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial)));
-            text-decoration-color: var(--framer-blockquote-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial)));
-            text-decoration-thickness: var(--framer-blockquote-text-decoration-thickness, var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, initial)));
-            text-decoration-skip-ink: var(--framer-blockquote-text-decoration-skip-ink, var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial)));
-            text-underline-offset: var(--framer-blockquote-text-decoration-offset, var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset, initial)));
+            color: var(--framer-link-text-color, var(--framer-blockquote-text-color, var(--framer-text-color, #000)));
+            text-decoration-line: var(--framer-link-text-decoration, var(--framer-blockquote-text-decoration, var(--framer-text-decoration, initial)));
+            text-decoration-style: var(--framer-link-text-decoration-style, var(--framer-blockquote-text-decoration-style, var(--framer-text-decoration-style, initial)));
+            text-decoration-color: var(--framer-link-text-decoration-color, var(--framer-blockquote-text-decoration-color, var(--framer-text-decoration-color, initial)));
+            text-decoration-thickness: var(--framer-link-text-decoration-thickness, var(--framer-blockquote-text-decoration-thickness, var(--framer-text-decoration-thickness, initial)));
+            text-decoration-skip-ink: var(--framer-link-text-decoration-skip-ink, var(--framer-blockquote-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial)));
+            text-underline-offset: var(--framer-link-text-decoration-offset, var(--framer-blockquote-text-decoration-offset, var(--framer-text-decoration-offset, initial)));
             /* Don't inherit background styles from any parent text style. */
             background-color: var(--framer-link-text-background-color, initial);
         }
@@ -24020,7 +24110,7 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             a.framer-text,
             span.framer-text[data-nested-link] {
                 color: ${
-    createRGBVariableFallbacks(['--framer-blockquote-text-color', '--framer-link-text-color', '--framer-text-color',], '#000',)
+    createRGBVariableFallbacks(['--framer-link-text-color', '--framer-blockquote-text-color', '--framer-text-color',], '#000',)
   };
                 background-color: ${createRGBVariableFallbacks(['--framer-link-text-background-color',], 'initial',)};
                 text-decoration-color: ${
@@ -24044,7 +24134,7 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
   `
     code.framer-text a.framer-text,
     code.framer-text span.framer-text[data-nested-link] {
-        color: var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000))));
+        color: var(--framer-link-text-color, var(--framer-blockquote-text-color, var(--framer-code-text-color, var(--framer-text-color, #000))));
     }
 `, /* css */
   `
@@ -24055,8 +24145,8 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
         code.framer-text span.framer-text[data-nested-link] span.framer-text:not([data-text-fill]) {
             color: ${
     createRGBVariableFallbacks([
-      '--framer-blockquote-text-color',
       '--framer-link-text-color',
+      '--framer-blockquote-text-color',
       '--framer-code-text-color',
       '--framer-text-color',
     ], '#000',)
@@ -24069,11 +24159,11 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
         a.framer-text:hover span.framer-text:not([data-text-fill]),
         span.framer-text[data-nested-link]:hover,
         span.framer-text[data-nested-link]:hover span.framer-text:not([data-text-fill]) {
-            font-family: var(--framer-font-family-preview, var(--framer-link-hover-font-family, var(--framer-blockquote-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)))));
-            font-style: var(--framer-font-style-preview, var(--framer-link-hover-font-style, var(--framer-blockquote-font-style, var(--framer-link-font-style, var(--framer-font-style, normal)))));
-            font-weight: var(--framer-font-weight-preview, var(--framer-link-hover-font-weight, var(--framer-blockquote-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400)))));
+            font-family: var(--framer-font-family-preview, var(--framer-link-hover-font-family, var(--framer-link-font-family, var(--framer-blockquote-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)))));
+            font-style: var(--framer-font-style-preview, var(--framer-link-hover-font-style, var(--framer-link-font-style, var(--framer-blockquote-font-style, var(--framer-font-style, normal)))));
+            font-weight: var(--framer-font-weight-preview, var(--framer-link-hover-font-weight, var(--framer-link-font-weight, var(--framer-blockquote-font-weight, var(--framer-font-weight, 400)))));
             font-size: calc(var(--framer-link-hover-font-size, var(--framer-blockquote-font-size, var(--framer-font-size, 16px))) * var(--framer-font-size-scale, 1));
-            text-transform: var(--framer-link-hover-text-transform, var(--framer-blockquote-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none))));
+            text-transform: var(--framer-link-hover-text-transform, var(--framer-link-text-transform, var(--framer-blockquote-text-transform, var(--framer-text-transform, none))));
             border-radius: var(--framer-link-hover-text-background-radius, var(--framer-link-text-background-radius, var(--framer-text-background-radius, initial)));
             corner-shape: var(--framer-link-hover-text-background-corner-shape, var(--framer-link-text-background-corner-shape, var(--framer-text-background-corner-shape, initial)));
             padding: var(--framer-link-hover-text-background-padding, var(--framer-link-text-background-padding, var(--framer-text-background-padding, initial)));
@@ -24082,13 +24172,13 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
   `
         a.framer-text:hover,
         span.framer-text[data-nested-link]:hover {
-            color: var(--framer-link-hover-text-color, var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-text-color, #000))));
-            text-decoration-line: var(--framer-link-hover-text-decoration, var(--framer-blockquote-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial))));
-            text-decoration-style: var(--framer-link-hover-text-decoration-style, var(--framer-blockquote-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial))));
-            text-decoration-color: var(--framer-link-hover-text-decoration-color, var(--framer-blockquote-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial))));
-            text-decoration-thickness: var(--framer-link-hover-text-decoration-thickness, var(--framer-blockquote-text-decoration-thickness, var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, initial))));
-            text-decoration-skip-ink: var(--framer-link-hover-text-decoration-skip-ink, var(--framer-blockquote-text-decoration-skip-ink, var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial))));
-            text-underline-offset: var(--framer-link-hover-text-decoration-offset, var(--framer-blockquote-text-decoration-offset, var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset, initial))));
+            color: var(--framer-link-hover-text-color, var(--framer-link-text-color, var(--framer-blockquote-text-color, var(--framer-text-color, #000))));
+            text-decoration-line: var(--framer-link-hover-text-decoration, var(--framer-link-text-decoration, var(--framer-blockquote-text-decoration, var(--framer-text-decoration, initial))));
+            text-decoration-style: var(--framer-link-hover-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-blockquote-text-decoration-style, var(--framer-text-decoration-style, initial))));
+            text-decoration-color: var(--framer-link-hover-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-blockquote-text-decoration-color, var(--framer-text-decoration-color, initial))));
+            text-decoration-thickness: var(--framer-link-hover-text-decoration-thickness, var(--framer-link-text-decoration-thickness, var(--framer-blockquote-text-decoration-thickness, var(--framer-text-decoration-thickness, initial))));
+            text-decoration-skip-ink: var(--framer-link-hover-text-decoration-skip-ink, var(--framer-link-text-decoration-skip-ink, var(--framer-blockquote-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial))));
+            text-underline-offset: var(--framer-link-hover-text-decoration-offset, var(--framer-link-text-decoration-offset, var(--framer-blockquote-text-decoration-offset, var(--framer-text-decoration-offset, initial))));
             background-color: var(--framer-link-hover-text-background-color, var(--framer-link-text-background-color, var(--framer-text-background-color, initial)));
         }
     `, /* css */
@@ -24099,8 +24189,8 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             color: ${
     createRGBVariableFallbacks([
       '--framer-link-hover-text-color',
-      '--framer-blockquote-text-color',
       '--framer-link-text-color',
+      '--framer-blockquote-text-color',
       '--framer-text-color',
     ], '#000',)
   };
@@ -24124,7 +24214,7 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
   `
         code.framer-text a.framer-text:hover,
         code.framer-text span.framer-text[data-nested-link]:hover {
-            color: var(--framer-link-hover-text-color, var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)))));
+            color: var(--framer-link-hover-text-color, var(--framer-link-text-color, var(--framer-blockquote-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)))));
         }
     `, /* css */
   `
@@ -24134,8 +24224,8 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             color: ${
     createRGBVariableFallbacks([
       '--framer-link-hover-text-color',
-      '--framer-blockquote-text-color',
       '--framer-link-text-color',
+      '--framer-blockquote-text-color',
       '--framer-code-text-color',
       '--framer-text-color',
     ], '#000',)
@@ -24381,6 +24471,11 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             list-style: none;
             padding-inline-start: 2ch;
         }
+    `, /* css */
+  `
+        ol.framer-text > li.framer-text {
+            padding-inline-start: calc(calc(var(${maxListDigitsProperty}, 1) + 1) * 1ch);
+        }
     `,
   // font-variant-numeric: tabular-nums enables monospaced numbers (which is neat in a vertical list of numbers)
   // and makes `li`s match the default browser styles better.
@@ -24392,48 +24487,6 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             content: counter(list-item, var(--list-style-type)) ".";
             font-variant-numeric: tabular-nums;
         }
-    `,
-  // Why this? Due to `position: absolute` (see above), if a list has a lot of items, the numbers
-  // might start overlapping the text content. This compensates for that. The trick is based on
-  // https://alistapart.com/article/quantity-queries-for-css/#section6. The trick doesn’t account
-  // for lists longer than 1,000,000 items, but if you have a list of 1,000,000 items, you’ll have
-  // other problems ¯\_(ツ)_/¯
-  /* css */
-  `
-        ol.framer-text > li.framer-text:nth-last-child(n + 10),
-        ol.framer-text > li.framer-text:nth-last-child(n + 10) ~ li {
-            padding-inline-start: 3ch;
-        }
-    `, /* css */
-  `
-        ol.framer-text > li.framer-text:nth-last-child(n + 100),
-        ol.framer-text > li.framer-text:nth-last-child(n + 100) ~ li {
-            padding-inline-start: 4ch;
-        }
-    `, /* css */
-  `
-        ol.framer-text > li.framer-text:nth-last-child(n + 1000),
-        ol.framer-text > li.framer-text:nth-last-child(n + 1000) ~ li {
-            padding-inline-start: 5ch;
-        }
-    `, /* css */
-  `
-        ol.framer-text > li.framer-text:nth-last-child(n + 10000),
-        ol.framer-text > li.framer-text:nth-last-child(n + 10000) ~ li {
-            padding-inline-start: 6ch;
-        }
-    `, /* css */
-  `
-        ol.framer-text > li.framer-text:nth-last-child(n + 100000),
-        ol.framer-text > li.framer-text:nth-last-child(n + 100000) ~ li {
-            padding-inline-start: 7ch;
-        }
-    `, /* css */
-  `
-        ol.framer-text > li.framer-text:nth-last-child(n + 1000000),
-        ol.framer-text > li.framer-text:nth-last-child(n + 1000000) ~ li {
-            padding-inline-start: 8ch;
-        }
     `, /* css */
   `
         ul.framer-text > li.framer-text::before {
@@ -24461,6 +24514,7 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
         td.framer-text,
         th.framer-text {
             min-width: 16ch;
+            overflow-wrap: anywhere;
             vertical-align: top;
         }
     `,
@@ -26379,6 +26433,7 @@ var DeviceCodeComponentInner = /* @__PURE__ */ withLibraryCSS(({
   },);
   if (!deviceOptions) {
     return /* @__PURE__ */ jsx('div', {
+      suppressHydrationWarning: true,
       'data-framer-component-type': 'DeviceComponent',
       className: 'no-device',
       style: {
@@ -26386,6 +26441,7 @@ var DeviceCodeComponentInner = /* @__PURE__ */ withLibraryCSS(({
         height: '100%',
       },
       children: /* @__PURE__ */ jsx(ProvideParentSize, {
+        suppressHydrationWarning: true,
         parentSize: 1,
         children,
       },),
@@ -26399,6 +26455,7 @@ var DeviceCodeComponentInner = /* @__PURE__ */ withLibraryCSS(({
     },)
     : null;
   return /* @__PURE__ */ jsx(Device, {
+    suppressHydrationWarning: true,
     scaleTo: 'dynamic',
     deviceOptions,
     children: resizedChild,
@@ -26833,6 +26890,7 @@ function CanvasImage({
   }, [imageElement,],);
   Object.assign(imageElement.style, imageStyle,);
   return /* @__PURE__ */ jsx('div', {
+    suppressHydrationWarning: true,
     ref: wrapperRef,
     style: {
       display: 'contents',
@@ -26854,6 +26912,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 +26953,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 +26963,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 +26981,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 +27050,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 +27302,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 +27311,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 +28094,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 +28104,7 @@ var VisibleFrame = /* @__PURE__ */ forwardRef(function VisibleFrame2(props, forw
           : null,
         children,
         /* @__PURE__ */ jsx(Border, {
+          suppressHydrationWarning: true,
           ..._border,
           border,
           layoutId,
@@ -28050,6 +28120,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 +28136,7 @@ var FrameWithMotionInner = /* @__PURE__ */ forwardRef(function FrameWithMotion(p
   } = props;
   if (!visible) return null;
   return /* @__PURE__ */ jsx(VisibleFrame, {
+    suppressHydrationWarning: true,
     ...props,
     ref,
   },);
@@ -28118,6 +28190,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 +28199,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 +28210,7 @@ function EmptyState({
       ...size,
     },
     children: /* @__PURE__ */ jsx('div', {
+      suppressHydrationWarning: true,
       style: {
         display: 'flex',
         alignItems: 'center',
@@ -28144,6 +28219,7 @@ function EmptyState({
         width: '100%',
       },
       children: /* @__PURE__ */ jsxs('div', {
+        suppressHydrationWarning: true,
         style: {
           display: 'flex',
           alignItems: 'center',
@@ -28155,9 +28231,11 @@ function EmptyState({
         },
         children: [
           /* @__PURE__ */ jsx(Title, {
+            suppressHydrationWarning: true,
             children: title,
           },),
           /* @__PURE__ */ jsx(Description, {
+            suppressHydrationWarning: true,
             children: description,
           },),
         ],
@@ -28170,6 +28248,7 @@ function Title({
   children,
 },) {
   return /* @__PURE__ */ jsx('span', {
+    suppressHydrationWarning: true,
     style: {
       display: 'flex',
       flexDirection: 'column',
@@ -28186,6 +28265,7 @@ function Description({
   children,
 },) {
   return /* @__PURE__ */ jsx('span', {
+    suppressHydrationWarning: true,
     style: {
       display: 'flex',
       flexDirection: 'column',
@@ -28267,6 +28347,7 @@ var SharedLayoutRoot = class extends Component2 {
   }
   render() {
     return /* @__PURE__ */ jsx(SharedLayoutContext.Provider, {
+      suppressHydrationWarning: true,
       value: this.sharedLayoutContext,
       children: this.props.children,
     },);
@@ -28279,6 +28360,7 @@ var rootStyles = {
 };
 function MagicMotionCrossfadeRoot(props,) {
   return /* @__PURE__ */ jsx(motion.div, {
+    suppressHydrationWarning: true,
     layoutId: TREE_ROOT_ID,
     style: rootStyles,
     children: props.children,
@@ -28563,6 +28645,7 @@ var LayoutTree = class extends Component2 {
   }
   render() {
     return /* @__PURE__ */ jsx(SwitchLayoutGroupContext.Provider, {
+      suppressHydrationWarning: true,
       value: this.switchLayoutGroupContext,
       children: this.props.children,
     },);
@@ -28571,6 +28654,7 @@ var LayoutTree = class extends Component2 {
 var SharedLayoutTree = (props) => {
   const sharedLayoutContext = React42.useContext(SharedLayoutContext,);
   return /* @__PURE__ */ jsx(LayoutTree, {
+    suppressHydrationWarning: true,
     ...props,
     sharedLayoutContext,
   },);
@@ -28629,6 +28713,7 @@ var NavigationTargetWrapper = ({
   }, [isCurrent, isOverlayed, callbacks,/* constant, so should never change */
   ],);
   return /* @__PURE__ */ jsx(NavigationTargetContext.Provider, {
+    suppressHydrationWarning: true,
     value,
     children,
   },);
@@ -28796,6 +28881,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 +28900,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 +28918,7 @@ var NavigationContainer = /* @__PURE__ */ React42.memo(function NavigationContai
         onTap: !isBeingRemoved ? onTapBackdrop : void 0,
       },),
       /* @__PURE__ */ jsx(FrameWithMotion2, {
+        suppressHydrationWarning: true,
         ...layout2,
         ...animations2,
         transition: {
@@ -28858,13 +28946,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 +29695,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 +29714,7 @@ var Navigation = /* @__PURE__ */ (() => {
           withMagicMotion,
           areMagicMotionLayersPresent: areMagicMotionLayersPresent ? false : void 0,
           children: /* @__PURE__ */ jsx(MagicMotionCrossfadeRoot, {
+            suppressHydrationWarning: true,
             children: containerContent({
               component,
               transition: historyItem?.transition,
@@ -29630,6 +29724,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 +29745,7 @@ var Navigation = /* @__PURE__ */ (() => {
         }, item.key,);
       },);
       return /* @__PURE__ */ jsx(FrameWithMotion2, {
+        suppressHydrationWarning: true,
         'data-framer-component-type': 'NavigationRoot',
         top: 0,
         left: 0,
@@ -29663,11 +29759,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 +29779,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 +29791,7 @@ var Navigation = /* @__PURE__ */ (() => {
                 },),
               },),
               /* @__PURE__ */ jsx(AnimatePresence, {
+                suppressHydrationWarning: true,
                 children: overlayContainers,
               },),
             ],
@@ -29946,6 +30049,7 @@ function NavigationWrapper(props,) {
   const resetProjection = useResetProjection();
   const skipLayoutAnimation = useInstantLayoutTransition();
   return /* @__PURE__ */ jsx(Navigation, {
+    suppressHydrationWarning: true,
     ...props,
     resetProjection,
     skipLayoutAnimation,
@@ -29972,6 +30076,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 +30130,7 @@ function WithNavigator(BaseComponent, navigationTransition, navigationTransition
             props.onTap = navigate;
           }
           return /* @__PURE__ */ jsx(BaseComponent, {
+            suppressHydrationWarning: true,
             ...props,
           },);
         },
@@ -30807,10 +30913,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 +31059,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 +31377,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 +31386,7 @@ function shadowForShape(boxShadows, rect, shapeId, fillEnabled, strokeEnabled, s
         filterElements,
         shadows.length > 1
           ? /* @__PURE__ */ jsx('feMerge', {
+            suppressHydrationWarning: true,
             children: mergeElements,
           },)
           : null,
@@ -31282,14 +31394,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 +31412,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 +31458,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 +31470,7 @@ function shadowForShape(boxShadows, rect, shapeId, fillEnabled, strokeEnabled, s
         filterElements,
         insetShadows.length > 1
           ? /* @__PURE__ */ jsx('feMerge', {
+            suppressHydrationWarning: true,
             children: mergeElements,
           },)
           : null,
@@ -31362,6 +31481,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 +31501,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 +31525,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 +31555,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 +31580,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 +31602,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 +32052,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 +32089,7 @@ var DeprecatedFrame = /* @__PURE__ */ (() => {
       },);
       if (children && children.length === 1 && typeof children[0] === 'string') {
         children = [/* @__PURE__ */ jsx(Center, {
+          suppressHydrationWarning: true,
           children,
         }, '0',),];
       }
@@ -31987,6 +32124,7 @@ function Center(props,) {
     fontFamily: 'Helvetica',
   }, props.style || {},);
   return /* @__PURE__ */ jsx('div', {
+    suppressHydrationWarning: true,
     style: style2,
     children: props.children,
   },);
@@ -32058,11 +32196,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 +32255,7 @@ function withInfiniteScroll(Component18,) {
       paginationInfo: __paginationInfo,
     },);
     return /* @__PURE__ */ jsx(Component18, {
+      suppressHydrationWarning: true,
       ...props,
       ref: infiniteScrollRef,
     },);
@@ -32422,6 +32563,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 +32574,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 +32728,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 +32807,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 +32829,7 @@ function PageContainer({
       paddingBottom: hasVerticalGap ? gap : 0,
     },
     children: /* @__PURE__ */ jsx(FrameWithMotion2, {
+      suppressHydrationWarning: true,
       position: 'relative',
       'data-framer-component-type': pageContentWrapperType,
       width: wrapperWidth,
@@ -33007,6 +33153,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 +33185,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 +33199,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 +33218,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 +34427,7 @@ var EmulatedScrollInner = /* @__PURE__ */ React42.forwardRef(function EmulatedSc
     }
     : {};
   return /* @__PURE__ */ jsx(FrameWithMotion2, {
+    suppressHydrationWarning: true,
     'data-framer-component-type': 'Scroll',
     background: 'none',
     ...containerProps,
@@ -34294,6 +34445,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 +34481,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 +34919,7 @@ var NativeScrollInner = /* @__PURE__ */ React42.forwardRef(function NativeScroll
     }
     : {};
   return /* @__PURE__ */ jsxs(FrameWithMotion2, {
+    suppressHydrationWarning: true,
     ref,
     'data-framer-component-type': 'NativeScroll',
     background: 'none',
@@ -34778,6 +34932,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 +34951,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,
       },);
@@ -34849,8 +35006,8 @@ var Scroll = /* @__PURE__ */ (() => {
       disabledTitle: 'Off',
       defaultValue: true,
       hidden: ({
-        native,
-      },) => native === true,
+        native: native2,
+      },) => native2 === true,
     },
     dragEnabled: {
       type: 'boolean',
@@ -34866,8 +35023,8 @@ var Scroll = /* @__PURE__ */ (() => {
       disabledTitle: 'Off',
       defaultValue: true,
       hidden: ({
-        native,
-      },) => native === true,
+        native: native2,
+      },) => native2 === true,
     },
     wheelEnabled: {
       type: 'boolean',
@@ -34876,8 +35033,8 @@ var Scroll = /* @__PURE__ */ (() => {
       disabledTitle: 'Off',
       defaultValue: true,
       hidden: ({
-        native,
-      },) => native === true,
+        native: native2,
+      },) => native2 === true,
     },
     scrollBarVisible: {
       type: 'boolean',
@@ -34886,8 +35043,8 @@ var Scroll = /* @__PURE__ */ (() => {
       disabledTitle: 'Hidden',
       defaultValue: false,
       hidden: ({
-        native,
-      },) => native === false,
+        native: native2,
+      },) => native2 === false,
     },
     resetOffset: {
       type: 'boolean',
@@ -35031,6 +35188,7 @@ var DataObserver = class extends Component2 {
       this.observers.push(observer2,);
     },);
     return /* @__PURE__ */ jsx(DataObserverContext.Provider, {
+      suppressHydrationWarning: true,
       value: {
         ...this.state,
       },
@@ -35074,6 +35232,7 @@ function WithOverride(Component18, override,) {
       ...rest
     } = props;
     return /* @__PURE__ */ jsx(Component18, {
+      suppressHydrationWarning: true,
       ...rest,
       ...overrideProps,
       _initialStyle: style2,
@@ -35261,13 +35420,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 +35460,7 @@ function renderBranchedChildrenFromPropertyOverrides(
     return [
       ...renderedBranches,
       /* @__PURE__ */ jsx('div', {
+        suppressHydrationWarning: true,
         className: SSRVariantGroupSeparatorClassName,
       }, 'property-overrides-separator',),
     ];
@@ -35517,6 +35678,7 @@ function withOptimizedAppearEffect(Component18,) {
     }
     const disabledProps = getDisabledFXPropsInStaticRenderer(props,);
     return /* @__PURE__ */ jsx(Component18, {
+      suppressHydrationWarning: true,
       ref,
       ...props,
       ...disabledProps,
@@ -36467,6 +36629,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 +36640,7 @@ var withFX = (Component18) =>
     const disabledProps = getDisabledFXPropsInStaticRenderer(props,);
     if (disabledProps) {
       return /* @__PURE__ */ jsx(Component18, {
+        suppressHydrationWarning: true,
         ...props,
         ...disabledProps,
         ref: forwardedRef,
@@ -36572,6 +36736,7 @@ var withFX = (Component18) =>
       }
       : {};
     return /* @__PURE__ */ jsx(Component18, {
+      suppressHydrationWarning: true,
       ...forwardedProps,
       ...motionGestures,
       __withFX: true,
@@ -36600,6 +36765,7 @@ function ComponentPresetsProvider({
     lastPresets.current = presets2;
   }
   return /* @__PURE__ */ jsx(Context.Provider, {
+    suppressHydrationWarning: true,
     value: lastPresets.current,
     children,
   },);
@@ -36632,6 +36798,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 +36807,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 +36871,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 +36880,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 +36895,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 +36940,10 @@ function CodeComponentBoundary({
     return children;
   }
   return /* @__PURE__ */ jsx(ServerSideErrorBoundary, {
+    suppressHydrationWarning: true,
     fallback,
     children: /* @__PURE__ */ jsx(ClientSideErrorBoundary, {
+      suppressHydrationWarning: true,
       fallback,
       getErrorMessage,
       children,
@@ -36809,6 +36986,7 @@ function ServerSideErrorBoundary({
     // and render the actual error fallback if Suspense activates.
     /* @__PURE__ */
     jsx(Suspense2, {
+      suppressHydrationWarning: true,
       fallback,
       children,
     },)
@@ -36819,6 +36997,7 @@ function ServerSideErrorBoundary({
     // (the server has Suspense, the client doesn’t).
     /* @__PURE__ */
     jsx(SuspenseThatPreservesDom, {
+      suppressHydrationWarning: true,
       children,
     },);
 }
@@ -36881,6 +37060,7 @@ function IsExternalComponent({
     parent,
   }), [scopeId, nodeId, parent,],);
   return /* @__PURE__ */ jsx(ExternalComponentContext.Provider, {
+    suppressHydrationWarning: true,
     value: newValue,
     children,
   },);
@@ -36958,11 +37138,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 +37169,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 +37177,7 @@ function useMaybeWrapComponentWithCodeBoundary(children, scopeId, nodeId, isAuth
   }
   if (isModuleExternal) {
     children = /* @__PURE__ */ jsx(IsExternalComponent, {
+      suppressHydrationWarning: true,
       scopeId,
       nodeId,
       children,
@@ -37030,16 +37214,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 +37265,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 +37283,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 +37336,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 +37555,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 +37777,7 @@ function ResetOuterLinkContext({
   children,
 },) {
   return /* @__PURE__ */ jsx(OuterLinkContext.Provider, {
+    suppressHydrationWarning: true,
     value: void 0,
     children,
   },);
@@ -37677,6 +37879,7 @@ function useReplaceNestedLinks(children, scopeId, nodeId, href, propsAddedByLink
     },);
   }
   return /* @__PURE__ */ jsx(OuterLinkContext.Provider, {
+    suppressHydrationWarning: true,
     value: innerLink,
     children: replacedChildren,
   },);
@@ -38364,6 +38567,7 @@ function Floating({
   const inComponent = useContext(ComponentContainerContext,);
   return ReactDOM.createPortal(
     /* @__PURE__ */ jsxs(motion.div, {
+      suppressHydrationWarning: true,
       ref: floatingPositionRef,
       className: className2,
       style: {
@@ -38382,6 +38586,7 @@ function Floating({
       children: [
         safeArea
           ? /* @__PURE__ */ jsx('div', {
+            suppressHydrationWarning: true,
             ref: safeAreaRef,
             style: {
               position: 'absolute',
@@ -38391,6 +38596,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 +38605,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 +38631,7 @@ var Instance = /* @__PURE__ */ React42.forwardRef(function Instance2({
 }, ref,) {
   return Component18
     ? /* @__PURE__ */ jsx(Component18, {
+      suppressHydrationWarning: true,
       ...props,
       ref,
     },)
@@ -38450,6 +38661,7 @@ function AutoBreakpointVariant({
     };
   }
   return /* @__PURE__ */ jsx(PropertyOverrides2, {
+    suppressHydrationWarning: true,
     overrides,
     breakpoint: activeVariantId,
     children: element,
@@ -38530,13 +38742,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,
       },),
@@ -39297,8 +39512,8 @@ var maxTime = 1e4;
 function createWorkerTask() {
   return function () {
     async function sha256(text,) {
-      const buffer = new TextEncoder().encode(text,);
-      const hashBuffer = await crypto.subtle.digest('SHA-256', buffer,);
+      const buffer2 = new TextEncoder().encode(text,);
+      const hashBuffer = await crypto.subtle.digest('SHA-256', buffer2,);
       return Array.from(new Uint8Array(hashBuffer,),).map((b) => b.toString(16,).padStart(2, '0',)).join('',);
     }
     function randomCharacters(count,) {
@@ -39503,21 +39718,17 @@ var HoneypotInput = ({
     'data-bwignore': true,
   },);
 };
-function useHoneypotFields(isEnabled,) {
+function useHoneypotFields() {
   const framerSiteId = React42.useContext(FormContext,);
   const states = React42.useMemo(() =>
-    isEnabled
-      ? COMMON_FIELD_NAMES.map((fieldName) => {
-        return {
-          inputRef: React42.createRef(),
-          originalName: fieldName,
-          methodsUsed: {
-            setAttribute: false,
-            valueProperty: false,
-          },
-        };
-      },)
-      : [], [isEnabled,],);
+    COMMON_FIELD_NAMES.map((fieldName) => ({
+      inputRef: React42.createRef(),
+      originalName: fieldName,
+      methodsUsed: {
+        setAttribute: false,
+        valueProperty: false,
+      },
+    })), [],);
   const convertHoneypotFieldsForSubmission = React42.useCallback(() => {
     states.forEach((state) => {
       const currentHoneypotInput = state.inputRef.current;
@@ -39527,7 +39738,6 @@ function useHoneypotFields(isEnabled,) {
     },);
   }, [states,],);
   const replaceHoneypotWithMetadata = React42.useCallback((formData) => {
-    if (!isEnabled) return;
     const honeypotCount = states.length;
     let honeypotFilled = 0;
     const filledFieldsData = [];
@@ -39559,7 +39769,7 @@ function useHoneypotFields(isEnabled,) {
     formData.append(`${HONEYPOT_FIELD_NAME}_${METADATA_KEYS_ENUM.hpVersion}`, HONEYPOT_VERSION,);
     formData.append(`${HONEYPOT_FIELD_NAME}_${METADATA_KEYS_ENUM.siteId}`, framerSiteId || '',);
     formData.append(`${HONEYPOT_FIELD_NAME}_${METADATA_KEYS_ENUM.timeToSubmissionSinceModuleLoad}`, getTimeSinceModuleLoadInSeconds(),);
-  }, [isEnabled, states, framerSiteId,],);
+  }, [states, framerSiteId,],);
   return {
     states,
     convertHoneypotFieldsForSubmission,
@@ -39574,6 +39784,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}`,)
     ),
@@ -39600,68 +39811,6 @@ function sendFormSubmitTrackingEvent(pageviewEventData, nodeId, trackingId,) {
     trackingId: trackingId || null,
   }, 'eager',);
 }
-var RECAPTCHA_SCRIPT_URL = 'https://www.google.com/recaptcha/api.js';
-function getRecaptchaScriptUrl(siteKey,) {
-  return `${RECAPTCHA_SCRIPT_URL}?render=${encodeURIComponent(siteKey,)}&badge=bottomleft`;
-}
-var captchaScriptPromises = /* @__PURE__ */ new Map();
-function loadRecaptchaScript(siteKey,) {
-  const existing = captchaScriptPromises.get(siteKey,);
-  if (existing) return existing;
-  const scriptUrl = getRecaptchaScriptUrl(siteKey,);
-  if (document.querySelector(`script[src="${scriptUrl}"]`,)) {
-    const resolved = Promise.resolve();
-    captchaScriptPromises.set(siteKey, resolved,);
-    return resolved;
-  }
-  const promise = new Promise((resolve, reject,) => {
-    const script = document.createElement('script',);
-    script.src = scriptUrl;
-    script.onload = () => resolve();
-    script.onerror = () => {
-      captchaScriptPromises.delete(siteKey,);
-      script.remove();
-      reject(new Error('Failed to load captcha script',),);
-    };
-    document.head.appendChild(script,);
-  },);
-  captchaScriptPromises.set(siteKey, promise,);
-  return promise;
-}
-function executeRecaptcha(siteKey, _action,) {
-  return new Promise((resolve, reject,) => {
-    const {
-      grecaptcha,
-    } = __unframerWindow2;
-    if (!grecaptcha) {
-      reject(new Error('Captcha script not available',),);
-      return;
-    }
-    grecaptcha.ready(() => {
-      grecaptcha.execute(siteKey,).then(resolve, reject,);
-    },);
-  },);
-}
-function useCaptcha({
-  provider,
-  siteKey,
-},) {
-  React42.useEffect(() => {
-    if (provider === 'recaptcha_v3' && siteKey) {
-      requestIdleCallback(() => {
-        loadRecaptchaScript(siteKey,).catch(() => {},);
-      },);
-    }
-  }, [provider, siteKey,],);
-  const executeChallenge = React42.useCallback(async (action) => {
-    if (provider !== 'recaptcha_v3' || !siteKey) return void 0;
-    await loadRecaptchaScript(siteKey,);
-    return executeRecaptcha(siteKey, action,);
-  }, [provider, siteKey,],);
-  return {
-    executeChallenge,
-  };
-}
 var pendingState = {
   state: 'pending',
 };
@@ -39728,28 +39877,19 @@ var FormContainer = /* @__PURE__ */ React42.forwardRef(function FormContainer2({
   onLoading,
   submitTrackingId,
   nodeId,
-  formCaptchaProvider,
-  formCaptchaSiteKey,
   ...props
 }, forwardedRef,) {
   const fallbackRef = React42.useRef(null,);
   const ref = forwardedRef ?? fallbackRef;
-  const shouldUseHoneypot = !(formCaptchaProvider && formCaptchaSiteKey);
   const {
     states: honeypotStateRefs,
     convertHoneypotFieldsForSubmission,
     replaceHoneypotWithMetadata,
-  } = useHoneypotFields(shouldUseHoneypot,);
+  } = useHoneypotFields();
   const router = useRouter();
   const currentRoute = useCurrentRoute();
   const implicitPathVariables = useImplicitPathVariables();
   const collectionUtils = useCollectionUtils();
-  const {
-    executeChallenge,
-  } = useCaptcha({
-    provider: formCaptchaProvider,
-    siteKey: formCaptchaSiteKey,
-  },);
   const [state, dispatch,] = React42.useReducer(formReducer, incompleteState,);
   const {
     activeLocale,
@@ -39827,7 +39967,7 @@ var FormContainer = /* @__PURE__ */ React42.forwardRef(function FormContainer2({
         submitTrackingId,
         activeLocale,
       },);
-      await submitForm(action, data2, projectHash, executeChallenge,);
+      await submitForm(action, data2, projectHash,);
       startTransition2(() =>
         dispatch({
           type: 'success',
@@ -39874,6 +40014,7 @@ var FormContainer = /* @__PURE__ */ React42.forwardRef(function FormContainer2({
     );
   };
   return /* @__PURE__ */ jsxs(motion.form, {
+    suppressHydrationWarning: true,
     ...props,
     onSubmit: stateCanSubmitForm(state,) ? handleSubmit : preventDefault,
     onKeyDown: handleKeyDown,
@@ -39881,7 +40022,8 @@ var FormContainer = /* @__PURE__ */ React42.forwardRef(function FormContainer2({
     ref,
     children: [
       children(state,),
-      shouldUseHoneypot && /* @__PURE__ */ jsx(HoneypotFields, {
+      /* @__PURE__ */ jsx(HoneypotFields, {
+        suppressHydrationWarning: true,
         states: honeypotStateRefs,
       },),
     ],
@@ -39899,20 +40041,16 @@ function anyEmptyRequiredFields(element,) {
   }
   return false;
 }
-async function submitForm(action, data2, projectHash, executeChallenge,) {
+async function submitForm(action, data2, projectHash,) {
   const proofOfWork = await calculateProofOfWork();
   if (!proofOfWork) {
     throw new Error('Failed to calculate proof of work',);
   }
-  const captchaToken = await executeChallenge('submit',);
   const headers = {
     'Framer-Site-Id': projectHash,
     'Framer-POW': proofOfWork.secret,
     'Framer-Form-Fields': getEncodedFormFieldsHeader(data2,),
   };
-  if (captchaToken) {
-    headers['Framer-Captcha-Response'] = captchaToken;
-  }
   const response = await fetch(action, {
     body: data2,
     method: 'POST',
@@ -39978,8 +40116,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 +40599,7 @@ function TriggerStateProvider({
     triggerStateRef,
   }));
   return /* @__PURE__ */ jsx(TriggerStateContext.Provider, {
+    suppressHydrationWarning: true,
     value: initialState2,
     children,
   },);
@@ -40514,6 +40656,7 @@ function SnippetsProvider({
   loadSnippetsModule,
 },) {
   return /* @__PURE__ */ jsx(SnippetsContext.Provider, {
+    suppressHydrationWarning: true,
     value: loadSnippetsModule,
     children,
   },);
@@ -41259,31 +41402,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 +41455,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 +41483,7 @@ function WithLayoutTemplate({
 },) {
   if (!LayoutTemplate) return children(false,);
   return /* @__PURE__ */ jsx(LayoutTemplate, {
+    suppressHydrationWarning: true,
     webPageId,
     style: style2,
     children,
@@ -41657,8 +41819,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 +42008,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 +42055,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
@@ -46633,6 +46807,10 @@ var QueryCache = class {
     __publicField(this, 'cache', /* @__PURE__ */ new Map(),);
     __publicField(this, 'serializedCache', handoverCollector !== void 0 ? /* @__PURE__ */ new Map() : void 0,);
   }
+  clear() {
+    this.cache.clear();
+    this.serializedCache?.clear();
+  }
   prune() {
     if (this.cache.size <= this.maxSize) return;
     for (const [key7, value,] of this.cache) {
@@ -46694,7 +46872,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-OPV4MG3Y.js');
   return executeServerDatabaseQueryWithSqlite(sql,);
 }
 var queryEngine = /* @__PURE__ */ new QueryEngine();
@@ -47123,7 +47301,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 +47327,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 +47349,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 +48325,7 @@ function withCodeBoundaryForOverrides(Component18, {
     const nearestExternalComponent = useNearestExternalComponent();
     if (disableCustomCode) {
       return /* @__PURE__ */ jsx(Component18, {
+        suppressHydrationWarning: true,
         ...props,
         ref,
       },);
@@ -48154,14 +48339,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 +48364,7 @@ function withCodeBoundaryForOverrides(Component18, {
           hasErrorBeenLogged = true;
         }
         return /* @__PURE__ */ jsx(Component18, {
+          suppressHydrationWarning: true,
           ...props,
           ref,
         },);
@@ -48182,8 +48372,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 +48463,7 @@ var withV1StrokeFX = (Component18) =>
       }
       : void 0;
     return /* @__PURE__ */ jsx(Component18, {
+      suppressHydrationWarning: true,
       ...restProps,
       ...effect,
       ref: forwardedRef,
@@ -48281,7 +48474,7 @@ function flattenChildrenToTickerItems(children,) {
   Children.forEach(children, (child) => {
     if (isValidElement(child,) && child.type === Fragment) {
       result.push(...flattenChildrenToTickerItems(child.props.children,),);
-    } else {
+    } else if (child) {
       result.push(child,);
     }
   },);
@@ -48368,7 +48561,7 @@ var TickerContext = /* @__PURE__ */ (() => {
 })();
 function useTicker() {
   const context = useContext(TickerContext,);
-  invariant(Boolean(context,), 'useTicker must be used within a Ticker component',);
+  invariant2(Boolean(context,), 'useTicker must be used within a Ticker component',);
   return context;
 }
 var TickerItemContext = /* @__PURE__ */ (() => {
@@ -48378,7 +48571,7 @@ var TickerItemContext = /* @__PURE__ */ (() => {
 })();
 function useTickerItem() {
   const itemContext = useContext(TickerItemContext,);
-  invariant(Boolean(itemContext,), 'useTickerItem must be used within a TickerItem',);
+  invariant2(Boolean(itemContext,), 'useTickerItem must be used within a TickerItem',);
   return itemContext;
 }
 var ltrStrategy = (insetProp, lengthProp, viewportLengthProp, paddingStartProp, direction,) => {
@@ -48471,7 +48664,7 @@ function TickerItemWrapper({
       return listSize * sign;
     }
     if (safeMargin > 0) {
-      const rightBoundary = visibleLength - inset2 + safeMargin;
+      const rightBoundary = visibleLength - safeMargin - inset2;
       if (currentOffset * sign + bounds.start >= rightBoundary) {
         return -listSize * sign;
       }
@@ -48484,7 +48677,6 @@ function TickerItemWrapper({
     if (!start2 && !end || !listSize) return 0;
     return currentOffset * sign + start2 + currentTransform * sign;
   },);
-  const offAxisSize = alignItems === 'stretch' ? '100%' : 'fit-content';
   const ariaProps = cloneIndex === void 0
     ? {
       ['aria-hidden']: false,
@@ -48494,6 +48686,8 @@ function TickerItemWrapper({
     : {
       ['aria-hidden']: true,
     };
+  const isFill = size === 'fill';
+  const offAxisSize = alignItems === 'stretch' ? '100%' : 'fit-content';
   const props = {
     className: cloneIndex === void 0 ? 'ticker-item' : 'clone-item',
     style: {
@@ -48501,7 +48695,11 @@ function TickerItemWrapper({
       flexShrink: 0,
       position: 'relative',
       flexBasis: size === 'fill' ? '100%' : void 0,
-      display: size === 'fill' ? 'flex' : void 0,
+      display: isFill ? 'grid' : void 0,
+      gridTemplateColumns: isFill ? '1fr' : void 0,
+      gridTemplateRows: isFill ? '1fr' : void 0,
+      minWidth: isFill ? 0 : void 0,
+      minHeight: isFill ? 0 : void 0,
       height: axis === 'x' ? offAxisSize : void 0,
       width: axis === 'y' ? offAxisSize : void 0,
       x: axis === 'x' ? projection : 0,
@@ -48510,6 +48708,7 @@ function TickerItemWrapper({
     ...ariaProps,
   };
   return /* @__PURE__ */ jsx(TickerItemContext.Provider, {
+    suppressHydrationWarning: true,
     value: {
       start: start2,
       end,
@@ -48520,6 +48719,7 @@ function TickerItemWrapper({
       props,
     },
     children: size === 'manual' ? children : /* @__PURE__ */ jsx(DefaultTickerItem, {
+      suppressHydrationWarning: true,
       children,
     },),
   },);
@@ -48531,6 +48731,7 @@ function DefaultTickerItem({
     props,
   } = useTickerItem();
   return /* @__PURE__ */ jsx(motion.li, {
+    suppressHydrationWarning: true,
     ...props,
     children,
   },);
@@ -48558,7 +48759,9 @@ function useFocusNavigation(containerRef, axis, focusOffset, offset, setHasFocus
     const applyFocusOffset = () => {
       const nextFocusableElement = focusableElements[focusIndex];
       if (!nextFocusableElement) return;
-      nextFocusableElement.focus();
+      nextFocusableElement.focus({
+        preventScroll: true,
+      },);
       focusOffset.set(-nextFocusableElement[offsetProp],);
       container[scrollProp] = 0;
       frame.render(() => {
@@ -48571,7 +48774,7 @@ function useFocusNavigation(containerRef, axis, focusOffset, offset, setHasFocus
         endFocusTrap();
         const allFocusableElements = Array.from(
           document.querySelectorAll('a, button, input, textarea, select, [tabindex]:not([tabindex="-1"]), [contenteditable="true"]',),
-        ).filter(isHTMLElement,);
+        ).filter(isHTMLElement2,);
         allFocusableElements.sort(compareTabIndexes,);
         const lastFocusableElement = allFocusableElements[event.shiftKey ? 0 : allFocusableElements.length - 1];
         const initialIndex = event.shiftKey ? allFocusableElements.length - 1 : 0;
@@ -48604,7 +48807,7 @@ function useFocusNavigation(containerRef, axis, focusOffset, offset, setHasFocus
         container.querySelectorAll(
           '.ticker-item a, .ticker-item button, .ticker-item input, .ticker-item textarea, .ticker-item select, .ticker-item [tabindex]:not([tabindex="-1"]), .ticker-item [contenteditable="true"]',
         ),
-      ).filter(isHTMLElement,);
+      ).filter(isHTMLElement2,);
       focusIndex = 0;
       if (!focusableElements.length) return;
       setHasFocus(true,);
@@ -48632,7 +48835,7 @@ function useFocusNavigation(containerRef, axis, focusOffset, offset, setHasFocus
       const {
         target,
       } = event;
-      if (!isHTMLElement(target,)) return;
+      if (!isHTMLElement2(target,)) return;
       if (!isFocusTrapped.current) {
         startFocusTrap();
       }
@@ -48651,13 +48854,18 @@ function useFocusNavigation(containerRef, axis, focusOffset, offset, setHasFocus
     };
     const handleAriaHiddenClicks = (event) => {
       const target = event.target;
-      let ariaHiddenAncestor = target.closest('[aria-hidden="true"]',);
+      const ariaHiddenAncestor = target.closest('[aria-hidden="true"]',);
       if (ariaHiddenAncestor) {
         ariaHiddenAncestor.removeAttribute('aria-hidden',);
       }
     };
+    const resetScroll = () => {
+      container.scrollLeft = 0;
+      container.scrollTop = 0;
+    };
     __unframerWindow2.addEventListener('keydown', detectFocusTrapEnable, eventOptions,);
     container.addEventListener('pointerdown', handleAriaHiddenClicks, eventOptions,);
+    container.addEventListener('scroll', resetScroll, eventOptions,);
     return () => {
       abortController.abort();
       endFocusTrap();
@@ -48676,6 +48884,9 @@ function compareTabIndexes(a, b,) {
   }
   return 0;
 }
+function isHTMLElement2(element,) {
+  return element instanceof HTMLElement;
+}
 function calcItemLength(itemPosition,) {
   return itemPosition.end - itemPosition.start;
 }
@@ -48714,6 +48925,8 @@ function TickerComponent({
   snap,
   safeMargin = 0,
   fade = 0,
+  fadeTransition,
+  pageTransition,
   ...props
 }, ref,) {
   const internalContainerRef = useRef(null,);
@@ -48730,16 +48943,22 @@ function TickerComponent({
     maxInset: null,
   },);
   const alignItems = alignAlias[align] || align;
+  const {
+    sign,
+  } = getLayoutStrategy(axis, state.direction,);
   if (isStatic) {
     const renderedOffset2 = useMotionValue(0,);
     return /* @__PURE__ */ jsx(TickerContext.Provider, {
+      suppressHydrationWarning: true,
       value: {
         ...state,
         gap,
         clampOffset: noop,
+        offset: renderedOffset2,
         renderedOffset: renderedOffset2,
       },
       children: /* @__PURE__ */ jsx(ListView, {
+        suppressHydrationWarning: true,
         containerProps: props,
         containerRef,
         children,
@@ -48756,13 +48975,14 @@ function TickerComponent({
         isStatic: true,
         as,
         fade,
+        sign,
       },),
     },);
   }
   const [hasFocus, setHasFocus,] = useState(false,);
   const velocityFactor = useMotionValue(1,);
   const defaultOffset22 = useMotionValue(0,);
-  offset ?? (offset = defaultOffset22);
+  offset ??= defaultOffset22;
   const wrappedOffset = useTransform(() => {
     if (state.direction === 'rtl' && axis === 'x') {
       return wrap(state.totalItemLength + gap + state.inset, state.inset, offset.get(),);
@@ -48840,12 +49060,9 @@ function TickerComponent({
     };
   }, [items, isInView, overflow,],);
   const isMeasured = state.totalItemLength > 0;
-  const {
-    sign,
-  } = getLayoutStrategy(axis, state.direction,);
   useAnimationFrame(
     isMeasured && isInView && offset === defaultOffset22 && !isReducedMotion
-      ? (_, delta,) => {
+      ? (_time, delta,) => {
         const frameOffset = delta / 1e3 * (velocity * sign * velocityFactor.get());
         offset.set(offset.get() - frameOffset,);
       }
@@ -48870,6 +49087,7 @@ function TickerComponent({
           }
           : defaultBounds;
         clonedItems.push(/* @__PURE__ */ jsx(TickerItemWrapper, {
+          suppressHydrationWarning: true,
           offset: renderedOffset,
           axis,
           listSize: totalListSize,
@@ -48885,23 +49103,27 @@ function TickerComponent({
       },);
       const id3 = `ticker-group-${i}`;
       clonedItemGroups.push(/* @__PURE__ */ jsx(LayoutGroup, {
+        suppressHydrationWarning: true,
         id: id3,
         children: clonedItems,
       }, id3,),);
     }
   }
   useFocusNavigation(internalContainerRef, axis, focusOffset, offset, setHasFocus,);
-  const clampOffset = useCallback2((newOffset) => state.maxInset !== null ? clamp(-state.maxInset, 0, newOffset,) : newOffset, [
-    state.maxInset,
-  ],);
+  const clampOffset = useCallback2((offset2) => {
+    return state.maxInset !== null ? clamp(-state.maxInset, 0, offset2,) : offset2;
+  }, [state.maxInset,],);
   return /* @__PURE__ */ jsx(TickerContext.Provider, {
+    suppressHydrationWarning: true,
     value: {
       ...state,
       gap,
       clampOffset,
+      offset,
       renderedOffset,
     },
     children: /* @__PURE__ */ jsx(ListView, {
+      suppressHydrationWarning: true,
       containerProps: props,
       children,
       containerRef,
@@ -48931,6 +49153,9 @@ function TickerComponent({
       loop,
       as,
       fade,
+      sign,
+      fadeTransition,
+      pageTransition,
     },),
   },);
 }
@@ -48962,6 +49187,9 @@ function ListView({
   loop,
   as,
   fade,
+  sign,
+  fadeTransition = defaultFadeTransition,
+  pageTransition,
 },) {
   const MotionComponent = useMemo(() => motion.create(as,), [as,],);
   let dragConstraints = {};
@@ -48970,10 +49198,15 @@ function ListView({
   } = state;
   if (maxInset !== null) {
     if (axis === 'x') {
-      dragConstraints = {
-        left: maxInset * -1,
-        right: 0,
-      };
+      dragConstraints = sign > 0
+        ? {
+          left: maxInset * -1,
+          right: 0,
+        }
+        : {
+          right: maxInset,
+          left: 0,
+        };
     } else {
       dragConstraints = {
         top: maxInset * -1,
@@ -48986,7 +49219,6 @@ function ListView({
     _dragX,
     _dragY,
     dragMomentum = false,
-    onDragStart,
     onDragEnd,
     onPointerDown,
     ...remainingProps
@@ -49021,13 +49253,18 @@ function ListView({
             target = Math.abs(current2 - closestNext,) < Math.abs(current2 - closestPrev,) ? closestNext : closestPrev;
           }
         }
-        const constraints = loop ? {} : {
-          max: 0,
-          min: dragConstraints[axis === 'x' ? 'left' : 'top'],
-        };
+        const constraints = loop ? {} : sign > 0
+          ? {
+            max: 0,
+            min: dragConstraints[axis === 'x' ? 'left' : 'top'],
+          }
+          : {
+            min: 0,
+            max: dragConstraints.right,
+          };
         dragMomentumAnimation.current = animate(
           dragMotionValue,
-          clampOffset?.(target,),
+          clampOffset(target * sign,) * sign,
           snap ? pageTransition : {
             type: 'inertia',
             velocity: velocity[axis],
@@ -49059,32 +49296,35 @@ function ListView({
   },);
   useMotionValueEvent(renderedOffset, 'change', (value) => {
     if (maxInset === null) return;
-    if (value <= maxInset) {
-      if (!isAtLimits.current.start) {
-        animate(fadeStartOpacity, 1, fadeTransition,);
-        isAtLimits.current.start = true;
-      }
-    } else {
+    const maxOffset = maxInset * -1;
+    value *= sign;
+    if (value < 0) {
       if (isAtLimits.current.start) {
         animate(fadeStartOpacity, 0, fadeTransition,);
         isAtLimits.current.start = false;
       }
-    }
-    if (value >= 0) {
-      if (!isAtLimits.current.end) {
-        animate(fadeEndOpacity, 1, fadeTransition,);
-        isAtLimits.current.end = true;
-      }
     } else {
+      if (!isAtLimits.current.start) {
+        animate(fadeStartOpacity, 1, fadeTransition,);
+        isAtLimits.current.start = true;
+      }
+    }
+    if (value > maxOffset) {
       if (isAtLimits.current.end) {
         animate(fadeEndOpacity, 0, fadeTransition,);
         isAtLimits.current.end = false;
       }
+    } else {
+      if (!isAtLimits.current.end) {
+        animate(fadeEndOpacity, 1, fadeTransition,);
+        isAtLimits.current.end = true;
+      }
     }
   },);
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [
       /* @__PURE__ */ jsx(MotionComponent, {
+        suppressHydrationWarning: true,
         ...remainingProps,
         ref: containerRef,
         style: {
@@ -49096,9 +49336,16 @@ function ListView({
         },
         onPointerEnter,
         onPointerLeave,
+        drag: drag2,
+        _dragX,
+        _dragY,
+        dragConstraints,
+        dragMomentum,
+        onPointerDown,
+        onDragEnd,
         children: /* @__PURE__ */ jsxs(motion.ul, {
+          suppressHydrationWarning: true,
           ref: listRef,
-          role: 'group',
           style: {
             ...listStyle,
             flexDirection: axis === 'x' ? 'row' : 'column',
@@ -49113,17 +49360,10 @@ function ListView({
             maxHeight: '100%',
             maxWidth: '100%',
           },
-          drag: drag2,
-          _dragX,
-          _dragY,
-          dragConstraints,
-          dragMomentum,
-          onPointerDown,
-          onDragStart,
-          onDragEnd,
           children: [
             items.map((item, index,) =>
               /* @__PURE__ */ jsx(TickerItemWrapper, {
+                suppressHydrationWarning: true,
                 axis,
                 offset: renderedOffset,
                 listSize: totalListSize,
@@ -49146,6 +49386,11 @@ function ListView({
     ],
   },);
 }
+function invariant2(condition, message,) {
+  if (!condition) {
+    throw new Error(message,);
+  }
+}
 var defaultBounds = {
   start: 0,
   end: 0,
@@ -49163,12 +49408,7 @@ var listStyle = {
   margin: 0,
   justifyContent: 'flex-start',
 };
-var pageTransition = {
-  type: 'spring',
-  stiffness: 400,
-  damping: 40,
-};
-var fadeTransition = {
+var defaultFadeTransition = {
   duration: 0.2,
   ease: 'linear',
 };
@@ -49191,6 +49431,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 +49495,7 @@ var DraggableTicker = /* @__PURE__ */ forwardRef(function DraggableTicker2(props
     }
   }, [playState, offsetMotionValue,],);
   return /* @__PURE__ */ jsx(Ticker, {
+    suppressHydrationWarning: true,
     ref,
     as: Component18,
     ...rest,
@@ -49300,6 +49542,7 @@ var TickerContextProvider = ({
     stop: () => startTransition2(() => onPlayStateChange('paused',)),
   }), [onPlayStateChange,],);
   return /* @__PURE__ */ jsx(TickerContext2.Provider, {
+    suppressHydrationWarning: true,
     value,
     children,
   },);
@@ -49340,8 +49583,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 +49601,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 +49635,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 +49664,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 +49707,7 @@ function withMappedReactProps(Component18, info,) {
       asRecord(props,)[mapping?.[key7] ?? key7] = rawProps[key7];
     }
     return /* @__PURE__ */ jsx(Component18, {
+      suppressHydrationWarning: true,
       ...props,
     },);
   };
@@ -50091,11 +50345,11 @@ var WebGL2ShaderRenderer = class {
   }
 };
 function createStaticArrayBuffer(gl, data2,) {
-  const buffer = gl.createBuffer();
-  if (!buffer) throw new Error('Failed to create buffer',);
-  gl.bindBuffer(gl.ARRAY_BUFFER, buffer,);
+  const buffer2 = gl.createBuffer();
+  if (!buffer2) throw new Error('Failed to create buffer',);
+  gl.bindBuffer(gl.ARRAY_BUFFER, buffer2,);
   gl.bufferData(gl.ARRAY_BUFFER, data2, gl.STATIC_DRAW,);
-  return buffer;
+  return buffer2;
 }
 function bindFullScreenQuadAttribs(gl, program, positionBuffer, texCoordBuffer,) {
   const positionLocation = gl.getAttribLocation(program, 'a_position',);
@@ -50301,11 +50555,11 @@ var defaultBufferResolutionScale = 0.5;
 var defaultBufferFormat = 'rgba8';
 function resolveBufferDescriptors(buffers, common, headOptions,) {
   if (!buffers) return void 0;
-  return buffers.map((buffer) => ({
-    uniformName: toBufferUniformName(buffer.name,),
-    fragment: prepareFragmentShader(buffer.fragment, common, headOptions,),
-    resolutionScale: buffer.resolutionScale ?? defaultBufferResolutionScale,
-    format: buffer.format ?? defaultBufferFormat,
+  return buffers.map((buffer2) => ({
+    uniformName: toBufferUniformName(buffer2.name,),
+    fragment: prepareFragmentShader(buffer2.fragment, common, headOptions,),
+    resolutionScale: buffer2.resolutionScale ?? defaultBufferResolutionScale,
+    format: buffer2.format ?? defaultBufferFormat,
   }));
 }
 var shaderConfigBrand = '__framer_shaderConfig__';
@@ -50363,30 +50617,32 @@ function validateShaderInputs(shaderConfig,) {
     }
   }
   if (shaderConfig.buffers) {
-    for (const buffer of shaderConfig.buffers) {
-      if (isUniformName(buffer.name,)) {
-        throw new Error(`Shader buffer name "${buffer.name}" must not start with "${uniformPrefix}".`,);
+    for (const buffer2 of shaderConfig.buffers) {
+      if (isUniformName(buffer2.name,)) {
+        throw new Error(`Shader buffer name "${buffer2.name}" must not start with "${uniformPrefix}".`,);
       }
-      const derivedName = toBufferUniformName(buffer.name,);
+      const derivedName = toBufferUniformName(buffer2.name,);
       const collidingName = seenDerivedNames.get(derivedName,);
       if (collidingName !== void 0) {
         throw new Error(
-          collidingName === buffer.name
-            ? `Duplicate shader buffer name "${buffer.name}".`
-            : `Shader buffer names "${collidingName}" and "${buffer.name}" both resolve to the same uniform "${derivedName}".`,
+          collidingName === buffer2.name
+            ? `Duplicate shader buffer name "${buffer2.name}".`
+            : `Shader buffer names "${collidingName}" and "${buffer2.name}" both resolve to the same uniform "${derivedName}".`,
         );
       }
-      seenDerivedNames.set(derivedName, buffer.name,);
-      if (buffer.resolutionScale !== void 0) {
-        if (!isNumber2(buffer.resolutionScale,) || buffer.resolutionScale <= 0 || buffer.resolutionScale > 1) {
+      seenDerivedNames.set(derivedName, buffer2.name,);
+      if (buffer2.resolutionScale !== void 0) {
+        if (!isNumber2(buffer2.resolutionScale,) || buffer2.resolutionScale <= 0 || buffer2.resolutionScale > 1) {
           throw new Error(
-            `Shader buffer "${buffer.name}" has invalid resolutionScale ${buffer.resolutionScale}. Must be in the range (0, 1].`,
+            `Shader buffer "${buffer2.name}" has invalid resolutionScale ${buffer2.resolutionScale}. Must be in the range (0, 1].`,
           );
         }
       }
-      if (buffer.format !== void 0 && !shaderBufferFormats.has(buffer.format,)) {
+      if (buffer2.format !== void 0 && !shaderBufferFormats.has(buffer2.format,)) {
         throw new Error(
-          `Shader buffer "${buffer.name}" has invalid format "${buffer.format}". Must be one of: ${[...shaderBufferFormats,].join(', ',)}.`,
+          `Shader buffer "${buffer2.name}" has invalid format "${buffer2.format}". Must be one of: ${
+            [...shaderBufferFormats,].join(', ',)
+          }.`,
         );
       }
     }
@@ -50397,6 +50653,7 @@ var ShaderFallbackImage = /* @__PURE__ */ memo2(function ShaderFallbackImage2({
 },) {
   if (!src) return null;
   return /* @__PURE__ */ jsx(BackgroundImageComponent, {
+    suppressHydrationWarning: true,
     image: {
       src,
       fit: 'fill',
@@ -50897,9 +51154,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 +51166,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 +51583,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 +51641,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 +51665,7 @@ var ShaderWithFallbackOverlay = /* @__PURE__ */ memo2(function ShaderWithFallbac
         },),
       },),
       fallbackImage && !shouldSkipInitialFallback && /* @__PURE__ */ jsx('div', {
+        suppressHydrationWarning: true,
         style: {
           ...overlayStyle,
           opacity: shouldShowFallback ? 1 : 0,
@@ -51408,6 +51673,7 @@ var ShaderWithFallbackOverlay = /* @__PURE__ */ memo2(function ShaderWithFallbac
           pointerEvents: 'none',
         },
         children: /* @__PURE__ */ jsx(ShaderFallbackImage, {
+          suppressHydrationWarning: true,
           src: fallbackImage,
         },),
       },),
@@ -51511,8 +51777,10 @@ function useShaderMouse(containerRef, mouseConfig,) {
       passive: true,
       capture: true,
     },);
+    const cleanupWindowResize = resize(updateRect,);
     const cleanupResize = resize(el, updateRect,);
     const cleanupHover = hover(el, () => {
+      updateRect();
       if (!hasEnteredOnce) {
         hasEnteredOnce = true;
         smoothX.jump(rawX.get(),);
@@ -51529,6 +51797,7 @@ function useShaderMouse(containerRef, mouseConfig,) {
       __unframerWindow2.removeEventListener('scroll', updateRect, {
         capture: true,
       },);
+      cleanupWindowResize();
       cleanupResize();
       cleanupHover();
       cleanupPress();
@@ -51559,18 +51828,12 @@ function useConditionalAnimationFrame(enabled, callback,) {
     return () => cancelAnimationFrame(rafId,);
   }, [enabled, callback,],);
 }
-var shaderPriority = {
-  low: 0,
-  medium: 1,
-  high: 2,
-};
 function useShaderPoolSlot(id3, isSelected, isVisible,) {
   const pool = useShaderPoolContext();
-  const priority = isSelected ? shaderPriority.high : isVisible ? shaderPriority.medium : shaderPriority.low;
   const [status, setStatus,] = useState(slotStatus.noSlot,);
   useEffect(() => {
     if (!pool || !id3) return;
-    pool.register(id3, priority,);
+    pool.register(id3, isSelected, isVisible,);
     startTransition2(() => setStatus(pool.getSlotStatus(id3,),));
     const unsub = pool.subscribe(id3, () => {
       startTransition2(() => setStatus(pool.getSlotStatus(id3,),));
@@ -51578,7 +51841,7 @@ function useShaderPoolSlot(id3, isSelected, isVisible,) {
     return () => {
       unsub();
     };
-  }, [pool, id3, priority,],);
+  }, [pool, id3, isSelected, isVisible,],);
   useEffect(() => {
     if (!pool || !id3) return;
     return () => {
@@ -51681,10 +51944,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 +51959,7 @@ var Shader = /* @__PURE__ */ forwardRef(function Shader2({
           mouseDataRef,
         },),
         /* @__PURE__ */ jsx(ShaderSandboxFallbackImage, {
+          suppressHydrationWarning: true,
           src: fallbackImage,
           hidden: hideFallback,
         },),
@@ -51703,17 +51969,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 +52007,7 @@ var ShaderContainerFrame = /* @__PURE__ */ forwardRef(function ShaderContainerFr
     overflow: 'hidden',
   };
   return /* @__PURE__ */ jsx(FrameWithMotion2, {
+    suppressHydrationWarning: true,
     ref,
     __fromCanvasComponent: true,
     style: styles4,
@@ -51785,6 +52056,7 @@ var withVariantAppearEffect = (Component18) =>
   React42.forwardRef((props, forwardedRef,) => {
     if (RenderTarget.current() === RenderTarget.canvas) {
       return /* @__PURE__ */ jsx(Component18, {
+        suppressHydrationWarning: true,
         ...props,
         ref: forwardedRef,
       },);
@@ -51862,12 +52134,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 +52164,7 @@ var withVariantFX = (Component18) =>
       true,
     );
     return /* @__PURE__ */ jsx(Component18, {
+      suppressHydrationWarning: true,
       ...props,
       style: {
         ...props?.style,
@@ -52786,6 +53061,7 @@ var BuiltInFontSource = class {
       const isVariableFont2 = Array.isArray(variationAxesData,);
       const variant = isVariableFont2 ? 'variable' : properties.font.fontSubFamily || 'regular';
       const url = createAbsoluteAssetURLFromAsset(asset,);
+      const validatedVariationAxes = validateVariationAxes(variationAxesData,);
       const font = {
         assetKey: asset.key,
         family: fontFamily,
@@ -52793,9 +53069,11 @@ var BuiltInFontSource = class {
         variant,
         file: url,
         hasOpenTypeFeatures: supportsOpenType(openTypeData,),
-        variationAxes: validateVariationAxes(variationAxesData,),
+        variationAxes: validatedVariationAxes,
         category: properties.font.fontCategory,
-        weight: variantNameToWeight(variant,),
+        weight: isVariableFont2
+          ? getWeightFromVariationAxes(validatedVariationAxes, properties.font.faceDescriptors?.weight,)
+          : variantNameToWeight(variant,),
         style: getFontStyle(variant,),
         cssFamilyName: createCSSFamilyName(fontName, isVariableFont2,),
       };
@@ -52815,7 +53093,8 @@ var BuiltInFontSource = class {
   }
   static parseVariant(variant,) {
     const kebabCaseVariant = variantToKebabCase(variant,);
-    const weight = variantsNameToWeight[kebabCaseVariant];
+    const isVariable = kebabCaseVariant === 'variable' || kebabCaseVariant === 'variable-italic';
+    const weight = isVariable ? 400 : variantsNameToWeight[kebabCaseVariant];
     const style2 = getFontStyle(variant,);
     return {
       weight,
@@ -52965,6 +53244,13 @@ function variantNameToWeight(variant,) {
   const kebabCaseVariant = variantToKebabCase(variant,);
   return variantsNameToWeight[kebabCaseVariant];
 }
+function getWeightFromVariationAxes(variationAxes, faceWeight,) {
+  const axisDefault = variationAxes?.find((axis) => axis.tag === 'wght')?.defaultValue;
+  if (axisDefault !== void 0 && axisDefault >= 1 && axisDefault <= 1e3) {
+    return axisDefault;
+  }
+  return faceWeight ?? variantNameToWeight('variable',) ?? 500;
+}
 function variantToKebabCase(variant,) {
   return variant.toLowerCase().replace(/\s+/gu, '-',);
 }
@@ -53352,11 +53638,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-2VTQEQ7J.js');
       return supportedFonts.default;
     }
     case 'fontshare': {
-      const supportedFonts = await import('./framer-chunks/fontshare-B2QLD7YB-4BZEAA37.js');
+      const supportedFonts = await import('./framer-chunks/fontshare-B2QLD7YB-5V3XZJAH.js');
       return supportedFonts.default;
     }
     default:
@@ -53366,15 +53652,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-AM34UPJK.js');
       return features.default;
     }
     case 'fontshare': {
-      const features = await import('./framer-chunks/fontshare-4THNDPMZ-BJQGNHXN.js');
+      const features = await import('./framer-chunks/fontshare-4THNDPMZ-FLLTWCDO.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-CKGC4MJC.js');
       return features.default;
     }
     default:
@@ -53918,10 +54204,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-JNEJGCGD.js')).default;
           }
           case 'fontshare': {
-            return (await import('./framer-chunks/fontshare-O22OBJ3D-ALBQLFE5.js')).default;
+            return (await import('./framer-chunks/fontshare-O22OBJ3D-FIG3CRN3.js')).default;
           }
           default:
             assertNever(source,);
@@ -54313,6 +54599,7 @@ function CustomProperties({
   customProperties,
 },) {
   return /* @__PURE__ */ jsx('div', {
+    suppressHydrationWarning: true,
     style: customProperties,
     children,
   },);
@@ -54398,6 +54685,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 +54702,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 +54711,7 @@ var PlainTextInput = /* @__PURE__ */ forwardRef(function FormPlainTextInput(prop
     children: [
       type === 'textarea'
         ? /* @__PURE__ */ jsx(motion.textarea, {
+          suppressHydrationWarning: true,
           ref: setInputRef,
           ...dataProps,
           ...eventHandlers,
@@ -54434,6 +54724,7 @@ var PlainTextInput = /* @__PURE__ */ forwardRef(function FormPlainTextInput(prop
           maxLength,
         },)
         : /* @__PURE__ */ jsx(motion.input, {
+          suppressHydrationWarning: true,
           ref: setInputRef,
           ...dataProps,
           ...eventHandlers,
@@ -54450,11 +54741,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 +54760,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 +55020,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 +55187,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 +55212,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 +55585,7 @@ function withLightboxEffect(Component18,) {
     return /* @__PURE__ */ jsxs(Fragment, {
       children: [
         /* @__PURE__ */ jsx(Component18, {
+          suppressHydrationWarning: true,
           ...props,
           style: style2,
           onClick: handleClick,
@@ -55291,6 +55595,7 @@ function withLightboxEffect(Component18,) {
           transition,
         },),
         /* @__PURE__ */ jsx(AnimatePresence, {
+          suppressHydrationWarning: true,
           onExitComplete: () => {
             startTransition2(() => {
               setOpenOverrides(void 0,);
@@ -55302,6 +55607,7 @@ function withLightboxEffect(Component18,) {
               /* @__PURE__ */ jsxs(Fragment, {
                 children: [
                   /* @__PURE__ */ jsx(motion.div, {
+                    suppressHydrationWarning: true,
                     ...portalProps,
                     className: lightboxClassName,
                     onClick: onClose,
@@ -55317,6 +55623,7 @@ function withLightboxEffect(Component18,) {
                     exit: enterExitBackdropAnimation,
                   },),
                   /* @__PURE__ */ jsx(motion.div, {
+                    suppressHydrationWarning: true,
                     ...portalProps,
                     className: lightboxClassName,
                     style: {
@@ -55329,6 +55636,7 @@ function withLightboxEffect(Component18,) {
                       zIndex: lightbox.zIndex,
                     },
                     children: /* @__PURE__ */ jsx('div', {
+                      suppressHydrationWarning: true,
                       style: {
                         alignItems: 'center',
                         aspectRatio: aspectRatio2,
@@ -55340,6 +55648,7 @@ function withLightboxEffect(Component18,) {
                         maxWidth: lightbox.maxWidth,
                       },
                       children: /* @__PURE__ */ jsx(motion.div, {
+                        suppressHydrationWarning: true,
                         layoutId,
                         transition,
                         onClick: onOpen,
@@ -55357,6 +55666,7 @@ function withLightboxEffect(Component18,) {
                           ...border,
                         },
                         children: /* @__PURE__ */ jsx(BackgroundImageComponent, {
+                          suppressHydrationWarning: true,
                           image,
                           alt: image.alt,
                           draggable: props.draggable,
@@ -55414,12 +55724,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 +55756,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 +55829,7 @@ var withColumnMasonryLayout = (Component18) => {
   }, ref,) {
     if (!columnMasonryLayoutEnabled) {
       return /* @__PURE__ */ jsx(Component18, {
+        suppressHydrationWarning: true,
         ref,
         style: existingStyle,
         ...rest,
@@ -55527,10 +55841,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 +55997,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 +56312,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 +56420,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 +56442,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 +56453,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 +56476,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 +56820,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 +56835,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',
@@ -56579,7 +56904,9 @@ var RichTextContainer = /* @__PURE__ */ forwardRef(function RichTextContainer2(p
     ...rest
   } = props;
   const parentSize = useParentSize();
-  const isOnCanvas = environment2() === RenderTarget.canvas;
+  const renderTarget = environment2();
+  const isOnCanvas = renderTarget === RenderTarget.canvas;
+  const isRenderingStaticContent = isOnCanvas || renderTarget === RenderTarget.export;
   const inCodeComponent = useContext(ComponentContainerContext,);
   const layoutId = useLayoutId2(props,);
   const fallbackRef = useRef(null,);
@@ -56626,7 +56953,7 @@ var RichTextContainer = /* @__PURE__ */ forwardRef(function RichTextContainer2(p
       containerStyle2.rotate = rotation;
     }
     if (positionSticky) {
-      if (!isOnCanvas || inCodeComponent) {
+      if (!isRenderingStaticContent || inCodeComponent) {
         containerStyle2.position = 'sticky';
         containerStyle2.willChange = 'transform';
         containerStyle2.top = positionStickyTop;
@@ -56650,6 +56977,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 +56986,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 +56998,7 @@ var RichTextContainer = /* @__PURE__ */ forwardRef(function RichTextContainer2(p
       },);
     } else {
       return /* @__PURE__ */ jsx(FitText, {
+        suppressHydrationWarning: true,
         ...validRestProps,
         ref: containerRef,
         style: containerStyle2,
@@ -56683,6 +57013,7 @@ var RichTextContainer = /* @__PURE__ */ forwardRef(function RichTextContainer2(p
     }
   }
   return /* @__PURE__ */ jsx(Component18, {
+    suppressHydrationWarning: true,
     ...validRestProps,
     ref: containerRef,
     style: containerStyle2,
@@ -56739,6 +57070,7 @@ function processRichTextChildren(
       props.id = slug;
       const className2 = cx('framer-text', anchorLinkStylePresetClassName,);
       const anchorLink = /* @__PURE__ */ jsx('a', {
+        suppressHydrationWarning: true,
         href: `#${slug}`,
         className: className2,
         children,
@@ -56749,6 +57081,16 @@ function processRichTextChildren(
       };
       children = [anchorLink,];
     }
+    if (tag === 'ol') {
+      props.style = {
+        ...(props.style ?? {}),
+        [maxListDigitsProperty]: safeGetMaxListDigits(
+          props.start ?? 1,
+          Children.count(props.children,),
+          props.style?.[listStyleTypeProperty] ?? '',
+        ),
+      };
+    }
   }
   return cloneElement32(element, props, ...children,);
 }
@@ -56774,6 +57116,10 @@ function extractTextFromReactNode(node,) {
   }
   return '';
 }
+function safeGetMaxListDigits(start2, itemCount, listStyleType,) {
+  const startNumber = Number(start2,) || 1;
+  return getMaxListDigits(startNumber, itemCount, listStyleType,);
+}
 var RichTextInner = /* @__PURE__ */ forwardRef(function RichText({
   children,
   html,
@@ -56790,6 +57136,7 @@ var RichTextInner = /* @__PURE__ */ forwardRef(function RichText({
       [isString(html,) ? 'html' : 'htmlFromDesign']: content,
     };
     return /* @__PURE__ */ jsx(DeprecatedRichText, {
+      suppressHydrationWarning: true,
       ...props,
       ...contentProp,
       ref: forwardedRef,
@@ -56810,6 +57157,7 @@ var RichTextInner = /* @__PURE__ */ forwardRef(function RichText({
     }
   }
   return /* @__PURE__ */ jsx(RichTextContainer, {
+    suppressHydrationWarning: true,
     ...props,
     ref: forwardedRef,
     children: isValidElement(content,) ? content : void 0,
@@ -56992,6 +57340,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 +57349,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,
@@ -57159,7 +57509,10 @@ var SharedSVGManager = class {
     const output = [];
     output.push(`<div id="svg-templates" style="${visuallyHiddenStyle}" aria-hidden="true">`,);
     this.entries.forEach((value) => output.push(value.svg,));
-    this.vectorSetItems.forEach((value) => output.push(value.svg,));
+    this.vectorSetItems.forEach((value, revision,) => {
+      const svg = value.svg;
+      output.push(svg.includes(`id="${revision}"`,) ? svg : svg.replace(/^<svg/, `<svg id="${revision}"`,),);
+    },);
     output.push('</div>',);
     return output.join('\n',);
   }
@@ -57253,6 +57606,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 +57839,7 @@ var SVGComponent = /* @__PURE__ */ (() => {
           y2,
         } = elementPropertiesForLinearGradient(gradient, identifier,);
         fillElement = /* @__PURE__ */ jsx('svg', {
+          suppressHydrationWarning: true,
           ref: this.setSVGElement,
           width: '100%',
           height: '100%',
@@ -57493,6 +57848,7 @@ var SVGComponent = /* @__PURE__ */ (() => {
           },
           role: 'presentation',
           children: /* @__PURE__ */ jsx('linearGradient', {
+            suppressHydrationWarning: true,
             id: gradientId,
             x1,
             x2,
@@ -57500,6 +57856,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 +57870,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 +57879,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 +57899,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 +57908,9 @@ var SVGComponent = /* @__PURE__ */ (() => {
             },
             role: 'presentation',
             children: /* @__PURE__ */ jsx('defs', {
+              suppressHydrationWarning: true,
               children: /* @__PURE__ */ jsx(ImagePatternElement, {
+                suppressHydrationWarning: true,
                 ...imagePattern,
               },),
             },),
@@ -57584,7 +57947,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 +57968,7 @@ var SVGComponent = /* @__PURE__ */ (() => {
       } = this.props;
       const hasTitleOrDescription = title || description;
       return /* @__PURE__ */ jsx(MotionComponent, {
+        suppressHydrationWarning: true,
         ...dataProps,
         ...rest,
         layoutId,
@@ -57721,6 +58086,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 +58194,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 +58233,7 @@ var TextComponent = /* @__PURE__ */ (() => {
     }
     render() {
       return /* @__PURE__ */ jsx(ComponentContainerContext.Consumer, {
+        suppressHydrationWarning: true,
         children: this.renderMain,
       },);
     }
@@ -57930,9 +58298,9 @@ var TextComponent = /* @__PURE__ */ (() => {
           rotate: rotate2,
         },);
       }
-      const onCanvas = RenderTarget.current() === RenderTarget.canvas;
+      const isRenderingStaticContent = isStaticRenderer();
       if (positionSticky) {
-        if (!onCanvas || inCodeComponent) {
+        if (!isRenderingStaticContent || inCodeComponent) {
           style2.position = 'sticky';
           style2.willChange = 'transform';
           style2.top = positionStickyTop;
@@ -57940,7 +58308,7 @@ var TextComponent = /* @__PURE__ */ (() => {
           style2.bottom = positionStickyBottom;
           style2.left = positionStickyLeft;
         }
-      } else if (onCanvas && (positionFixed || positionAbsolute)) {
+      } else if (RenderTarget.current() === RenderTarget.canvas && (positionFixed || positionAbsolute)) {
         style2.position = 'absolute';
       }
     }
@@ -58038,6 +58406,7 @@ function TickerItem({
     props,
   } = itemProps;
   return /* @__PURE__ */ jsx(motion.li, {
+    suppressHydrationWarning: true,
     ...props,
     style: {
       ...props.style,
@@ -58359,6 +58728,7 @@ var LinearGradientElement = class extends Component2 {
       y2,
     } = this.props;
     return /* @__PURE__ */ jsx('linearGradient', {
+      suppressHydrationWarning: true,
       id: id3,
       x1,
       x2,
@@ -58366,6 +58736,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 +58756,7 @@ var RadialGradientElement = class extends Component2 {
       stops,
     } = this.props;
     return /* @__PURE__ */ jsx('radialGradient', {
+      suppressHydrationWarning: true,
       id: id3,
       cy: centerAnchorY,
       cx: centerAnchorX,
@@ -58392,6 +58764,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 +58817,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 +58830,7 @@ var SVGRoot = (props) => {
     }
     : void 0;
   return /* @__PURE__ */ jsx('svg', {
+    suppressHydrationWarning: true,
     role: 'presentation',
     ...svgProps,
     style: {
@@ -58463,6 +58838,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 +59002,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 +59011,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 +59029,7 @@ var Vector = /* @__PURE__ */ (() => {
             name: currentName,
           },);
           strokeElement = /* @__PURE__ */ jsx('use', {
+            suppressHydrationWarning: true,
             xlinkHref: internalShapeId.link,
             clipPath: internalStrokeClipId.urlLink,
             fill: 'transparent',
@@ -58657,6 +59038,7 @@ var Vector = /* @__PURE__ */ (() => {
           },);
         } else {
           mainElement = /* @__PURE__ */ jsx('use', {
+            suppressHydrationWarning: true,
             xlinkHref: internalShapeId.link,
             fill: vectorFill,
             fillOpacity,
@@ -58669,6 +59051,7 @@ var Vector = /* @__PURE__ */ (() => {
       } else {
         pathAttributes.id = idAttribute;
         mainElement = /* @__PURE__ */ jsx(motion.path, {
+          suppressHydrationWarning: true,
           ...{
             ...pathAttributes,
             fill: vectorFill,
@@ -58682,6 +59065,7 @@ var Vector = /* @__PURE__ */ (() => {
       }
       const imagePatternElement = imagePattern
         ? /* @__PURE__ */ jsx(ImagePatternElement, {
+          suppressHydrationWarning: true,
           ...imagePattern,
           repeat: BackgroundImage.isImageObject(fill,) && fill.fit === 'tile',
         },)
@@ -58689,22 +59073,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 +59107,7 @@ var Vector = /* @__PURE__ */ (() => {
         return this.renderElement(mainElement,);
       }
       return this.renderElement(/* @__PURE__ */ jsxs(motion.g, {
+        suppressHydrationWarning: true,
         opacity: opacityValue,
         variants,
         transition,
@@ -58740,6 +59129,7 @@ var Vector = /* @__PURE__ */ (() => {
       if (!isRootVectorNode) return element;
       if (includeTransform) return element;
       return /* @__PURE__ */ jsx(SVGRoot, {
+        suppressHydrationWarning: true,
         id: id3,
         width,
         height,
@@ -58842,6 +59232,7 @@ var VectorGroup = /* @__PURE__ */ (() => {
         }
       }
       return this.renderElement(/* @__PURE__ */ jsx('g', {
+        suppressHydrationWarning: true,
         transform: transformString2(transform2,),
         ...{
           name,
@@ -58865,6 +59256,7 @@ var VectorGroup = /* @__PURE__ */ (() => {
       if (!isRootVectorNode) return element;
       if (includeTransform) return element;
       return /* @__PURE__ */ jsx(SVGRoot, {
+        suppressHydrationWarning: true,
         id: id3,
         left,
         top,
@@ -59320,7 +59712,7 @@ var package_default = {
   },
   dependencies: {
     '@sqlite.org/sqlite-wasm': '^3.50.4-build1',
-    devalue: '^5.6.4',
+    devalue: '^5.8.1',
     eventemitter3: '^5.0.1',
     fontfaceobserver: '2.2.0',
     'hoist-non-react-statics': '^3.3.2',