unframer 4.1.9 → 4.2.0

package/src/framer.js

@@ -12,7 +12,8 @@ import {
   __require,
   __runInitializers,
   __toESM,
-} from './framer-chunks/chunk-WYG6DFEF.js';
+} from './framer-chunks/chunk-7ZLQTYXQ.js';
+import './framer-chunks/chunk-IKQSD2QC.js';
 
 // /:https://app.framerstatic.com/chunk-7KEO2DXG.mjs
 import { createContext, } from 'react';
@@ -12752,7 +12753,7 @@ function ReorderItemComponent({
 }
 var ReorderItem = /* @__PURE__ */ forwardRef(ReorderItemComponent,);
 
-// /:https://app.framerstatic.com/framer.7GWEWZBL.mjs
+// /:https://app.framerstatic.com/framer.SZORHXMV.mjs
 
 import React42 from 'react';
 import { startTransition as startTransition2, useDeferredValue, useSyncExternalStore, } from 'react';
@@ -14252,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
@@ -14268,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,) {
@@ -14326,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,);
 }
@@ -14489,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;
@@ -14514,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': {
@@ -14565,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;
@@ -14602,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 = [];
@@ -14615,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 {
@@ -14638,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(),);
@@ -14729,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;
@@ -14802,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}"]`;
@@ -14866,7 +14860,6 @@ var mockWindow = {
   innerHeight: 0,
   innerWidth: 0,
   SVGSVGElement: {},
-  scheduler: void 0,
   open: function (_url, _target, _features,) {},
   __framer_events: [],
 };
@@ -15153,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();
@@ -15210,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 {
@@ -23286,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 {
@@ -23294,14 +23295,14 @@ 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',);
@@ -23773,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,);
 }
@@ -24025,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. */
@@ -24044,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);
         }
@@ -24060,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: ${
@@ -24084,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 */
   `
@@ -24095,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',)
@@ -24109,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)));
@@ -24122,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 */
@@ -24139,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',)
   };
@@ -24164,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 */
   `
@@ -24174,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',)
@@ -24421,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.
@@ -24432,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 {
@@ -24501,6 +24514,7 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
         td.framer-text,
         th.framer-text {
             min-width: 16ch;
+            overflow-wrap: anywhere;
             vertical-align: top;
         }
     `,
@@ -34992,8 +35006,8 @@ var Scroll = /* @__PURE__ */ (() => {
       disabledTitle: 'Off',
       defaultValue: true,
       hidden: ({
-        native,
-      },) => native === true,
+        native: native2,
+      },) => native2 === true,
     },
     dragEnabled: {
       type: 'boolean',
@@ -35009,8 +35023,8 @@ var Scroll = /* @__PURE__ */ (() => {
       disabledTitle: 'Off',
       defaultValue: true,
       hidden: ({
-        native,
-      },) => native === true,
+        native: native2,
+      },) => native2 === true,
     },
     wheelEnabled: {
       type: 'boolean',
@@ -35019,8 +35033,8 @@ var Scroll = /* @__PURE__ */ (() => {
       disabledTitle: 'Off',
       defaultValue: true,
       hidden: ({
-        native,
-      },) => native === true,
+        native: native2,
+      },) => native2 === true,
     },
     scrollBarVisible: {
       type: 'boolean',
@@ -35029,8 +35043,8 @@ var Scroll = /* @__PURE__ */ (() => {
       disabledTitle: 'Hidden',
       defaultValue: false,
       hidden: ({
-        native,
-      },) => native === false,
+        native: native2,
+      },) => native2 === false,
     },
     resetOffset: {
       type: 'boolean',
@@ -39498,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,) {
@@ -39704,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;
@@ -39728,7 +39738,6 @@ function useHoneypotFields(isEnabled,) {
     },);
   }, [states,],);
   const replaceHoneypotWithMetadata = React42.useCallback((formData) => {
-    if (!isEnabled) return;
     const honeypotCount = states.length;
     let honeypotFilled = 0;
     const filledFieldsData = [];
@@ -39760,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,
@@ -39802,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',
 };
@@ -39930,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,
@@ -40029,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',
@@ -40084,7 +40022,7 @@ var FormContainer = /* @__PURE__ */ React42.forwardRef(function FormContainer2({
     ref,
     children: [
       children(state,),
-      shouldUseHoneypot && /* @__PURE__ */ jsx(HoneypotFields, {
+      /* @__PURE__ */ jsx(HoneypotFields, {
         suppressHydrationWarning: true,
         states: honeypotStateRefs,
       },),
@@ -40103,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',
@@ -46873,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) {
@@ -46934,7 +46872,7 @@ function getCacheKey(query, locale,) {
 async function executeServerDatabaseQuery(sql,) {
   const {
     executeServerDatabaseQuery: executeServerDatabaseQueryWithSqlite,
-  } = await import('./framer-chunks/SqliteDatabase-VAKIICSG-W43ZSXBO.js');
+  } = await import('./framer-chunks/SqliteDatabase-VAKIICSG-OPV4MG3Y.js');
   return executeServerDatabaseQueryWithSqlite(sql,);
 }
 var queryEngine = /* @__PURE__ */ new QueryEngine();
@@ -48536,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,);
     }
   },);
@@ -48623,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__ */ (() => {
@@ -48633,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,) => {
@@ -48726,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;
       }
@@ -48739,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,
@@ -48749,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: {
@@ -48756,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,
@@ -48816,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(() => {
@@ -48829,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;
@@ -48862,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,);
@@ -48890,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();
       }
@@ -48909,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();
@@ -48934,6 +48884,9 @@ function compareTabIndexes(a, b,) {
   }
   return 0;
 }
+function isHTMLElement2(element,) {
+  return element instanceof HTMLElement;
+}
 function calcItemLength(itemPosition,) {
   return itemPosition.end - itemPosition.start;
 }
@@ -48972,6 +48925,8 @@ function TickerComponent({
   snap,
   safeMargin = 0,
   fade = 0,
+  fadeTransition,
+  pageTransition,
   ...props
 }, ref,) {
   const internalContainerRef = useRef(null,);
@@ -48988,6 +48943,9 @@ 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, {
@@ -48996,6 +48954,7 @@ function TickerComponent({
         ...state,
         gap,
         clampOffset: noop,
+        offset: renderedOffset2,
         renderedOffset: renderedOffset2,
       },
       children: /* @__PURE__ */ jsx(ListView, {
@@ -49016,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(),);
@@ -49100,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,);
       }
@@ -49153,15 +49110,16 @@ function TickerComponent({
     }
   }
   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, {
@@ -49195,6 +49153,9 @@ function TickerComponent({
       loop,
       as,
       fade,
+      sign,
+      fadeTransition,
+      pageTransition,
     },),
   },);
 }
@@ -49226,6 +49187,9 @@ function ListView({
   loop,
   as,
   fade,
+  sign,
+  fadeTransition = defaultFadeTransition,
+  pageTransition,
 },) {
   const MotionComponent = useMemo(() => motion.create(as,), [as,],);
   let dragConstraints = {};
@@ -49234,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,
@@ -49250,7 +49219,6 @@ function ListView({
     _dragX,
     _dragY,
     dragMomentum = false,
-    onDragStart,
     onDragEnd,
     onPointerDown,
     ...remainingProps
@@ -49285,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],
@@ -49323,27 +49296,29 @@ 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, {
@@ -49361,10 +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',
@@ -49379,14 +49360,6 @@ function ListView({
             maxHeight: '100%',
             maxWidth: '100%',
           },
-          drag: drag2,
-          _dragX,
-          _dragY,
-          dragConstraints,
-          dragMomentum,
-          onPointerDown,
-          onDragStart,
-          onDragEnd,
           children: [
             items.map((item, index,) =>
               /* @__PURE__ */ jsx(TickerItemWrapper, {
@@ -49413,6 +49386,11 @@ function ListView({
     ],
   },);
 }
+function invariant2(condition, message,) {
+  if (!condition) {
+    throw new Error(message,);
+  }
+}
 var defaultBounds = {
   start: 0,
   end: 0,
@@ -49430,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',
 };
@@ -50372,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',);
@@ -50582,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__';
@@ -50644,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(', ',)
+          }.`,
         );
       }
     }
@@ -51802,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(),);
@@ -51820,6 +51797,7 @@ function useShaderMouse(containerRef, mouseConfig,) {
       __unframerWindow2.removeEventListener('scroll', updateRect, {
         capture: true,
       },);
+      cleanupWindowResize();
       cleanupResize();
       cleanupHover();
       cleanupPress();
@@ -51850,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,),));
@@ -51869,7 +51841,7 @@ function useShaderPoolSlot(id3, isSelected, isVisible,) {
     return () => {
       unsub();
     };
-  }, [pool, id3, priority,],);
+  }, [pool, id3, isSelected, isVisible,],);
   useEffect(() => {
     if (!pool || !id3) return;
     return () => {
@@ -53089,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,
@@ -53096,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,),
       };
@@ -53118,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,
@@ -53268,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, '-',);
 }
@@ -53655,11 +53638,11 @@ function getAssetOwnerType(asset,) {
 async function loadFontsWithOpenType(source,) {
   switch (source) {
     case 'google': {
-      const supportedFonts = await import('./framer-chunks/google-3SZHWBC6-MIC5SCB4.js');
+      const supportedFonts = await import('./framer-chunks/google-3SZHWBC6-2VTQEQ7J.js');
       return supportedFonts.default;
     }
     case 'fontshare': {
-      const supportedFonts = await import('./framer-chunks/fontshare-B2QLD7YB-ZLNQ44LW.js');
+      const supportedFonts = await import('./framer-chunks/fontshare-B2QLD7YB-5V3XZJAH.js');
       return supportedFonts.default;
     }
     default:
@@ -53669,15 +53652,15 @@ async function loadFontsWithOpenType(source,) {
 async function loadFontToOpenTypeFeatures(source,) {
   switch (source) {
     case 'google': {
-      const features = await import('./framer-chunks/google-3FCAKCAC-K2ZVMKHN.js');
+      const features = await import('./framer-chunks/google-3FCAKCAC-AM34UPJK.js');
       return features.default;
     }
     case 'fontshare': {
-      const features = await import('./framer-chunks/fontshare-4THNDPMZ-L3NZDIOE.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-Z3XHDH5K.js');
+      const features = await import('./framer-chunks/framer-font-45AI7UCZ-CKGC4MJC.js');
       return features.default;
     }
     default:
@@ -54221,10 +54204,10 @@ function loadVariationAxes(source,) {
       const axes = (async () => {
         switch (source) {
           case 'google': {
-            return (await import('./framer-chunks/google-GXDJLGJB-356NWSZ7.js')).default;
+            return (await import('./framer-chunks/google-GXDJLGJB-JNEJGCGD.js')).default;
           }
           case 'fontshare': {
-            return (await import('./framer-chunks/fontshare-O22OBJ3D-VY7WF3BB.js')).default;
+            return (await import('./framer-chunks/fontshare-O22OBJ3D-FIG3CRN3.js')).default;
           }
           default:
             assertNever(source,);
@@ -56921,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,);
@@ -56968,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;
@@ -57096,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,);
 }
@@ -57121,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,
@@ -57510,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',);
   }
@@ -58296,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;
@@ -58306,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';
       }
     }
@@ -59710,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',