@react-spectrum/s2 1.4.0 → 1.5.0

package/style/dist/spectrum-theme.cjs

@@ -1,19 +1,19 @@
 "use strict";
-var $cf0b57705fca33e1$exports = require("./style-macro.cjs");
+var $01c7b97da92e6691$exports = require("./style-macro.cjs");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "baseColor", () => $53f7a8c49f8c6ec9$export$49bbad2a916ab57c);
-$parcel$export(module.exports, "color", () => $53f7a8c49f8c6ec9$export$35e9368ef982300f);
-$parcel$export(module.exports, "lightDark", () => $53f7a8c49f8c6ec9$export$d19e682d444755ed);
-$parcel$export(module.exports, "colorMix", () => $53f7a8c49f8c6ec9$export$9b476054b78b89cd);
-$parcel$export(module.exports, "fontRelative", () => $53f7a8c49f8c6ec9$export$ba024f4caf693d15);
-$parcel$export(module.exports, "space", () => $53f7a8c49f8c6ec9$export$a941ed4b947d12f8);
-$parcel$export(module.exports, "size", () => $53f7a8c49f8c6ec9$export$346677f925de839c);
-$parcel$export(module.exports, "style", () => $53f7a8c49f8c6ec9$export$1d567c320f4763bc);
+$parcel$export(module.exports, "baseColor", () => $f4755549bfd6a7d9$export$49bbad2a916ab57c);
+$parcel$export(module.exports, "color", () => $f4755549bfd6a7d9$export$35e9368ef982300f);
+$parcel$export(module.exports, "lightDark", () => $f4755549bfd6a7d9$export$d19e682d444755ed);
+$parcel$export(module.exports, "colorMix", () => $f4755549bfd6a7d9$export$9b476054b78b89cd);
+$parcel$export(module.exports, "fontRelative", () => $f4755549bfd6a7d9$export$ba024f4caf693d15);
+$parcel$export(module.exports, "space", () => $f4755549bfd6a7d9$export$a941ed4b947d12f8);
+$parcel$export(module.exports, "size", () => $f4755549bfd6a7d9$export$346677f925de839c);
+$parcel$export(module.exports, "style", () => $f4755549bfd6a7d9$export$1d567c320f4763bc);
 /*
  * Copyright 2024 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -25,18 +25,18 @@ $parcel$export(module.exports, "style", () => $53f7a8c49f8c6ec9$export$1d567c320
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-function $53f7a8c49f8c6ec9$var$pxToRem(px) {
+function $f4755549bfd6a7d9$var$pxToRem(px) {
     if (typeof px === 'string') px = parseFloat(px);
     // In the docs, we need to be able to simulate font size adjustment.
     if (process.env.DOCS_ENV) return `calc(${px / 16} * var(--rem, 1rem))`;
     return px / 16 + 'rem';
 }
-function $53f7a8c49f8c6ec9$var$hcmColor(color) {
+function $f4755549bfd6a7d9$var$hcmColor(color) {
     // In the docs, HCM colors can be simulated.
     if (process.env.DOCS_ENV) return `var(--hcm-${color.toLowerCase()}, ${color})`;
     return color;
 }
-const $53f7a8c49f8c6ec9$var$baseColors = {
+const $f4755549bfd6a7d9$var$baseColors = {
     transparent: 'transparent',
     black: 'black',
     white: 'white',
@@ -1986,48 +1986,48 @@ const $53f7a8c49f8c6ec9$var$baseColors = {
     "transparent-overlay-1000": "lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / 1)",
     // High contrast mode.
     // In the docs these can be simulated via variables.
-    Background: $53f7a8c49f8c6ec9$var$hcmColor('Background'),
-    ButtonBorder: $53f7a8c49f8c6ec9$var$hcmColor('ButtonBorder'),
-    ButtonFace: $53f7a8c49f8c6ec9$var$hcmColor('ButtonFace'),
-    ButtonText: $53f7a8c49f8c6ec9$var$hcmColor('ButtonText'),
-    Field: $53f7a8c49f8c6ec9$var$hcmColor('Field'),
-    Highlight: $53f7a8c49f8c6ec9$var$hcmColor('Highlight'),
-    HighlightText: $53f7a8c49f8c6ec9$var$hcmColor('HighlightText'),
-    GrayText: $53f7a8c49f8c6ec9$var$hcmColor('GrayText'),
-    Mark: $53f7a8c49f8c6ec9$var$hcmColor('Mark'),
-    LinkText: $53f7a8c49f8c6ec9$var$hcmColor('LinkText')
+    Background: $f4755549bfd6a7d9$var$hcmColor('Background'),
+    ButtonBorder: $f4755549bfd6a7d9$var$hcmColor('ButtonBorder'),
+    ButtonFace: $f4755549bfd6a7d9$var$hcmColor('ButtonFace'),
+    ButtonText: $f4755549bfd6a7d9$var$hcmColor('ButtonText'),
+    Field: $f4755549bfd6a7d9$var$hcmColor('Field'),
+    Highlight: $f4755549bfd6a7d9$var$hcmColor('Highlight'),
+    HighlightText: $f4755549bfd6a7d9$var$hcmColor('HighlightText'),
+    GrayText: $f4755549bfd6a7d9$var$hcmColor('GrayText'),
+    Mark: $f4755549bfd6a7d9$var$hcmColor('Mark'),
+    LinkText: $f4755549bfd6a7d9$var$hcmColor('LinkText')
 };
 // Resolves a color to its most basic form, following all aliases.
-function $53f7a8c49f8c6ec9$var$resolveColorToken(token) {
+function $f4755549bfd6a7d9$var$resolveColorToken(token) {
     if (typeof token === 'string') return {
         type: 'color',
         light: token,
         dark: token
     };
     if (token.type === 'color') return token;
-    let lightToken = $53f7a8c49f8c6ec9$var$baseColors[token.light];
+    let lightToken = $f4755549bfd6a7d9$var$baseColors[token.light];
     if (!lightToken) throw new Error(`${token.light} is not a valid color reference`);
-    let darkToken = $53f7a8c49f8c6ec9$var$baseColors[token.dark];
+    let darkToken = $f4755549bfd6a7d9$var$baseColors[token.dark];
     if (!darkToken) throw new Error(`${token.dark} is not a valid color reference`);
-    let light = $53f7a8c49f8c6ec9$var$resolveColorToken(lightToken);
-    let dark = $53f7a8c49f8c6ec9$var$resolveColorToken(darkToken);
+    let light = $f4755549bfd6a7d9$var$resolveColorToken(lightToken);
+    let dark = $f4755549bfd6a7d9$var$resolveColorToken(darkToken);
     return {
         type: 'color',
         light: light.light,
         dark: dark.dark
     };
 }
-function $53f7a8c49f8c6ec9$var$colorTokenToString(token, opacity) {
+function $f4755549bfd6a7d9$var$colorTokenToString(token, opacity) {
     let result = token.light === token.dark ? token.light : `light-dark(${token.light}, ${token.dark})`;
     if (opacity) result = `rgb(from ${result} r g b / ${opacity}%)`;
     return result;
 }
 // Bumps up a color token by one stop, e.g. for hover/press states.
-let $53f7a8c49f8c6ec9$var$colorList = Object.keys($53f7a8c49f8c6ec9$var$baseColors);
-function $53f7a8c49f8c6ec9$var$nextColorStop(name, token) {
+let $f4755549bfd6a7d9$var$colorList = Object.keys($f4755549bfd6a7d9$var$baseColors);
+function $f4755549bfd6a7d9$var$nextColorStop(name, token) {
     if (typeof token === 'object' && token.type === 'ref') {
-        let light = $53f7a8c49f8c6ec9$var$nextColorStop(token.light, $53f7a8c49f8c6ec9$var$baseColors[token.light]);
-        let dark = $53f7a8c49f8c6ec9$var$nextColorStop(token.dark, $53f7a8c49f8c6ec9$var$baseColors[token.dark]);
+        let light = $f4755549bfd6a7d9$var$nextColorStop(token.light, $f4755549bfd6a7d9$var$baseColors[token.light]);
+        let dark = $f4755549bfd6a7d9$var$nextColorStop(token.dark, $f4755549bfd6a7d9$var$baseColors[token.dark]);
         return {
             type: 'color',
             light: light.light,
@@ -2035,13 +2035,13 @@ function $53f7a8c49f8c6ec9$var$nextColorStop(name, token) {
             forcedColors: token.forcedColors
         };
     }
-    let index = $53f7a8c49f8c6ec9$var$colorList.indexOf(name);
+    let index = $f4755549bfd6a7d9$var$colorList.indexOf(name);
     if (index === -1) throw new Error(`${name} does not support states`);
-    let key = $53f7a8c49f8c6ec9$var$colorList[index + 1];
+    let key = $f4755549bfd6a7d9$var$colorList[index + 1];
     if (key.split('-')[0] !== name.split('-')[0]) throw new Error(`${name} does not support states`);
-    return $53f7a8c49f8c6ec9$var$resolveColorToken($53f7a8c49f8c6ec9$var$baseColors[key]);
+    return $f4755549bfd6a7d9$var$resolveColorToken($f4755549bfd6a7d9$var$baseColors[key]);
 }
-class $53f7a8c49f8c6ec9$var$SpectrumColorProperty extends (0, $cf0b57705fca33e1$exports.ArbitraryProperty) {
+class $f4755549bfd6a7d9$var$SpectrumColorProperty extends (0, $01c7b97da92e6691$exports.ArbitraryProperty) {
     constructor(property, mapping){
         super(property);
         this.mapping = mapping;
@@ -2051,9 +2051,9 @@ class $53f7a8c49f8c6ec9$var$SpectrumColorProperty extends (0, $cf0b57705fca33e1$
         let [color, opacity] = colorWithOpacity.split('/');
         let token = this.mapping[color];
         if (!token) throw new Error('Invalid color ' + value);
-        if (state === 'hovered' || state === 'pressed' || state === 'focused') token = $53f7a8c49f8c6ec9$var$nextColorStop(color, token);
-        else token = $53f7a8c49f8c6ec9$var$resolveColorToken(token);
-        let result = $53f7a8c49f8c6ec9$var$colorTokenToString(token, opacity);
+        if (state === 'hovered' || state === 'pressed' || state === 'focused') token = $f4755549bfd6a7d9$var$nextColorStop(color, token);
+        else token = $f4755549bfd6a7d9$var$resolveColorToken(token);
+        let result = $f4755549bfd6a7d9$var$colorTokenToString(token, opacity);
         if (token.forcedColors) return {
             default: result,
             forcedColors: token.forcedColors
@@ -2061,7 +2061,7 @@ class $53f7a8c49f8c6ec9$var$SpectrumColorProperty extends (0, $cf0b57705fca33e1$
         return result;
     }
 }
-function $53f7a8c49f8c6ec9$export$49bbad2a916ab57c(base) {
+function $f4755549bfd6a7d9$export$49bbad2a916ab57c(base) {
     return {
         default: base,
         isHovered: `${base}:hovered`,
@@ -2069,19 +2069,19 @@ function $53f7a8c49f8c6ec9$export$49bbad2a916ab57c(base) {
         isPressed: `${base}:pressed`
     };
 }
-function $53f7a8c49f8c6ec9$export$35e9368ef982300f(value) {
-    let arbitrary = (0, $cf0b57705fca33e1$exports.parseArbitraryValue)(value);
+function $f4755549bfd6a7d9$export$35e9368ef982300f(value) {
+    let arbitrary = (0, $01c7b97da92e6691$exports.parseArbitraryValue)(value);
     if (arbitrary) return arbitrary;
     let [colorValue, opacity] = value.split('/');
-    return $53f7a8c49f8c6ec9$var$colorTokenToString($53f7a8c49f8c6ec9$var$resolveColorToken($53f7a8c49f8c6ec9$var$baseColors[colorValue]), opacity);
+    return $f4755549bfd6a7d9$var$colorTokenToString($f4755549bfd6a7d9$var$resolveColorToken($f4755549bfd6a7d9$var$baseColors[colorValue]), opacity);
 }
-function $53f7a8c49f8c6ec9$export$d19e682d444755ed(light, dark) {
-    return `[light-dark(${$53f7a8c49f8c6ec9$export$35e9368ef982300f(light)}, ${$53f7a8c49f8c6ec9$export$35e9368ef982300f(dark)})]`;
+function $f4755549bfd6a7d9$export$d19e682d444755ed(light, dark) {
+    return `[light-dark(${$f4755549bfd6a7d9$export$35e9368ef982300f(light)}, ${$f4755549bfd6a7d9$export$35e9368ef982300f(dark)})]`;
 }
-function $53f7a8c49f8c6ec9$export$9b476054b78b89cd(a, b, percent) {
-    return `[color-mix(in srgb, ${$53f7a8c49f8c6ec9$export$35e9368ef982300f(a)}, ${$53f7a8c49f8c6ec9$export$35e9368ef982300f(b)} ${percent}%)]`;
+function $f4755549bfd6a7d9$export$9b476054b78b89cd(a, b, percent) {
+    return `[color-mix(in srgb, ${$f4755549bfd6a7d9$export$35e9368ef982300f(a)}, ${$f4755549bfd6a7d9$export$35e9368ef982300f(b)} ${percent}%)]`;
 }
-function $53f7a8c49f8c6ec9$export$46def8197cf4dd4c(angle, ...tokens) {
+function $f4755549bfd6a7d9$export$46def8197cf4dd4c(angle, ...tokens) {
     // Generate @property rules for each gradient stop color. This allows the gradient to be animated.
     let propertyDefinitions = [];
     for(let i = 0; i < tokens.length; i++)propertyDefinitions.push(`@property --g${i} {
@@ -2102,11 +2102,11 @@ function $53f7a8c49f8c6ec9$export$46def8197cf4dd4c(angle, ...tokens) {
     ];
 }
 // Spacing uses rems, padding does not.
-function $53f7a8c49f8c6ec9$var$generateSpacing(px) {
+function $f4755549bfd6a7d9$var$generateSpacing(px) {
     let spacing = {};
     let padding = {};
     for (let p of px){
-        spacing[p] = $53f7a8c49f8c6ec9$var$pxToRem(p);
+        spacing[p] = $f4755549bfd6a7d9$var$pxToRem(p);
         padding[p] = p + 'px';
     }
     return {
@@ -2114,7 +2114,7 @@ function $53f7a8c49f8c6ec9$var$generateSpacing(px) {
         padding: padding
     };
 }
-const { spacing: $53f7a8c49f8c6ec9$var$baseSpacing, padding: $53f7a8c49f8c6ec9$var$basePadding } = $53f7a8c49f8c6ec9$var$generateSpacing([
+const { spacing: $f4755549bfd6a7d9$var$baseSpacing, padding: $f4755549bfd6a7d9$var$basePadding } = $f4755549bfd6a7d9$var$generateSpacing([
     0,
     2,
     4,
@@ -2137,7 +2137,7 @@ const { spacing: $53f7a8c49f8c6ec9$var$baseSpacing, padding: $53f7a8c49f8c6ec9$v
 ]);
 // This should match the above, but negative. There's no way to negate a number
 // type in typescript so this has to be done manually for now.
-const { spacing: $53f7a8c49f8c6ec9$var$negativeSpacing, padding: $53f7a8c49f8c6ec9$var$negativePadding } = $53f7a8c49f8c6ec9$var$generateSpacing([
+const { spacing: $f4755549bfd6a7d9$var$negativeSpacing, padding: $f4755549bfd6a7d9$var$negativePadding } = $f4755549bfd6a7d9$var$generateSpacing([
     -2,
     -4,
     -8,
@@ -2157,94 +2157,94 @@ const { spacing: $53f7a8c49f8c6ec9$var$negativeSpacing, padding: $53f7a8c49f8c6e
     -80,
     -96 // spacing-1000
 ]);
-function $53f7a8c49f8c6ec9$export$ba024f4caf693d15(base, baseFontSize = 14) {
+function $f4755549bfd6a7d9$export$ba024f4caf693d15(base, baseFontSize = 14) {
     return base / baseFontSize + 'em';
 }
-function $53f7a8c49f8c6ec9$export$17b63977b35bb6d2(height) {
-    return `calc(${$53f7a8c49f8c6ec9$var$baseSpacing[height]} * 3 / 8)`;
+function $f4755549bfd6a7d9$export$17b63977b35bb6d2(height) {
+    return `calc(${$f4755549bfd6a7d9$var$baseSpacing[height]} * 3 / 8)`;
 }
-function $53f7a8c49f8c6ec9$export$a941ed4b947d12f8(px) {
-    return $53f7a8c49f8c6ec9$var$pxToRem(px);
+function $f4755549bfd6a7d9$export$a941ed4b947d12f8(px) {
+    return $f4755549bfd6a7d9$var$pxToRem(px);
 }
-const $53f7a8c49f8c6ec9$var$relativeSpacing = {
+const $f4755549bfd6a7d9$var$relativeSpacing = {
     // font-size relative values
-    'text-to-control': $53f7a8c49f8c6ec9$export$ba024f4caf693d15(10),
+    'text-to-control': $f4755549bfd6a7d9$export$ba024f4caf693d15(10),
     'text-to-visual': {
-        default: $53f7a8c49f8c6ec9$export$ba024f4caf693d15(6),
-        touch: $53f7a8c49f8c6ec9$export$ba024f4caf693d15(8, 17) // -> 6px, 7px, 8px, 9px, 10px, should be 7px, 7px, 8px, 9px, 11px
+        default: $f4755549bfd6a7d9$export$ba024f4caf693d15(6),
+        touch: $f4755549bfd6a7d9$export$ba024f4caf693d15(8, 17) // -> 6px, 7px, 8px, 9px, 10px, should be 7px, 7px, 8px, 9px, 11px
     },
     // height relative values
     'edge-to-text': 'calc(self(height, self(minHeight)) * 3 / 8)',
     pill: 'calc(self(height, self(minHeight)) / 2)'
 };
-const $53f7a8c49f8c6ec9$var$spacing = {
-    ...$53f7a8c49f8c6ec9$var$baseSpacing,
-    ...$53f7a8c49f8c6ec9$var$relativeSpacing
+const $f4755549bfd6a7d9$var$spacing = {
+    ...$f4755549bfd6a7d9$var$baseSpacing,
+    ...$f4755549bfd6a7d9$var$relativeSpacing
 };
-const $53f7a8c49f8c6ec9$var$padding = {
-    ...$53f7a8c49f8c6ec9$var$basePadding,
-    ...$53f7a8c49f8c6ec9$var$relativeSpacing
+const $f4755549bfd6a7d9$var$padding = {
+    ...$f4755549bfd6a7d9$var$basePadding,
+    ...$f4755549bfd6a7d9$var$relativeSpacing
 };
-function $53f7a8c49f8c6ec9$export$346677f925de839c(px) {
-    return `calc(${$53f7a8c49f8c6ec9$var$pxToRem(px)} * var(--s2-scale))`;
+function $f4755549bfd6a7d9$export$346677f925de839c(px) {
+    return `calc(${$f4755549bfd6a7d9$var$pxToRem(px)} * var(--s2-scale))`;
 }
-const $53f7a8c49f8c6ec9$var$sizing = {
+const $f4755549bfd6a7d9$var$sizing = {
     auto: 'auto',
     full: '100%',
     min: 'min-content',
     max: 'max-content',
     fit: 'fit-content'
 };
-const $53f7a8c49f8c6ec9$var$height = {
-    ...$53f7a8c49f8c6ec9$var$sizing,
+const $f4755549bfd6a7d9$var$height = {
+    ...$f4755549bfd6a7d9$var$sizing,
     screen: '100vh'
 };
-const $53f7a8c49f8c6ec9$var$width = {
-    ...$53f7a8c49f8c6ec9$var$sizing,
+const $f4755549bfd6a7d9$var$width = {
+    ...$f4755549bfd6a7d9$var$sizing,
     screen: '100vw'
 };
-function $53f7a8c49f8c6ec9$var$createSpectrumSizingProperty(property, values) {
-    return new (0, $cf0b57705fca33e1$exports.SizingProperty)(property, values, (px)=>`calc(${$53f7a8c49f8c6ec9$var$pxToRem(px)} * var(--s2-scale))`);
+function $f4755549bfd6a7d9$var$createSpectrumSizingProperty(property, values) {
+    return new (0, $01c7b97da92e6691$exports.SizingProperty)(property, values, (px)=>`calc(${$f4755549bfd6a7d9$var$pxToRem(px)} * var(--s2-scale))`);
 }
-const $53f7a8c49f8c6ec9$var$margin = {
-    ...$53f7a8c49f8c6ec9$var$spacing,
-    ...$53f7a8c49f8c6ec9$var$negativeSpacing,
+const $f4755549bfd6a7d9$var$margin = {
+    ...$f4755549bfd6a7d9$var$spacing,
+    ...$f4755549bfd6a7d9$var$negativeSpacing,
     auto: 'auto'
 };
-const $53f7a8c49f8c6ec9$var$inset = {
-    ...$53f7a8c49f8c6ec9$var$basePadding,
-    ...$53f7a8c49f8c6ec9$var$negativePadding,
+const $f4755549bfd6a7d9$var$inset = {
+    ...$f4755549bfd6a7d9$var$basePadding,
+    ...$f4755549bfd6a7d9$var$negativePadding,
     auto: 'auto',
     full: '100%'
 };
-const $53f7a8c49f8c6ec9$var$translate = {
-    ...$53f7a8c49f8c6ec9$var$basePadding,
-    ...$53f7a8c49f8c6ec9$var$negativePadding,
+const $f4755549bfd6a7d9$var$translate = {
+    ...$f4755549bfd6a7d9$var$basePadding,
+    ...$f4755549bfd6a7d9$var$negativePadding,
     full: '100%'
 };
-const $53f7a8c49f8c6ec9$var$borderWidth = {
+const $f4755549bfd6a7d9$var$borderWidth = {
     0: '0px',
     1: "1px",
     2: "2px",
     4: "4px"
 };
-const $53f7a8c49f8c6ec9$var$radius = {
+const $f4755549bfd6a7d9$var$radius = {
     none: "0px",
-    sm: $53f7a8c49f8c6ec9$var$pxToRem("4px"),
-    default: $53f7a8c49f8c6ec9$var$pxToRem("8px"),
-    lg: $53f7a8c49f8c6ec9$var$pxToRem("10px"),
-    xl: $53f7a8c49f8c6ec9$var$pxToRem("16px"),
+    sm: $f4755549bfd6a7d9$var$pxToRem("4px"),
+    default: $f4755549bfd6a7d9$var$pxToRem("8px"),
+    lg: $f4755549bfd6a7d9$var$pxToRem("10px"),
+    xl: $f4755549bfd6a7d9$var$pxToRem("16px"),
     full: '9999px',
     pill: 'calc(self(height, self(minHeight, 9999px)) / 2)'
 };
-let $53f7a8c49f8c6ec9$var$gridTrack = (value)=>{
+let $f4755549bfd6a7d9$var$gridTrack = (value)=>{
     if (typeof value === 'string') return value;
-    return value.map((v)=>$53f7a8c49f8c6ec9$var$gridTrackSize(v)).join(' ');
+    return value.map((v)=>$f4755549bfd6a7d9$var$gridTrackSize(v)).join(' ');
 };
-let $53f7a8c49f8c6ec9$var$gridTrackSize = (value)=>{
-    return typeof value === 'number' ? $53f7a8c49f8c6ec9$export$346677f925de839c(value) : value;
+let $f4755549bfd6a7d9$var$gridTrackSize = (value)=>{
+    return typeof value === 'number' ? $f4755549bfd6a7d9$export$346677f925de839c(value) : value;
 };
-const $53f7a8c49f8c6ec9$var$transitionProperty = {
+const $f4755549bfd6a7d9$var$transitionProperty = {
     // var(--gp) is generated by the backgroundImage property when setting a gradient.
     // It includes a list of all of the custom properties used for each color stop.
     default: 'color, background-color, var(--gp, color), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter',
@@ -2256,15 +2256,15 @@ const $53f7a8c49f8c6ec9$var$transitionProperty = {
     none: 'none'
 };
 // TODO
-const $53f7a8c49f8c6ec9$var$timingFunction = {
+const $f4755549bfd6a7d9$var$timingFunction = {
     default: 'cubic-bezier(0.45, 0, 0.4, 1)',
     linear: 'linear',
     in: 'cubic-bezier(0.5, 0, 1, 1)',
     out: 'cubic-bezier(0, 0, 0.40, 1)',
     'in-out': 'cubic-bezier(0.45, 0, 0.4, 1)'
 };
-let $53f7a8c49f8c6ec9$var$durationValue = (value)=>typeof value === 'number' ? value + 'ms' : value;
-const $53f7a8c49f8c6ec9$var$fontWeightBase = {
+let $f4755549bfd6a7d9$var$durationValue = (value)=>typeof value === 'number' ? value + 'ms' : value;
+const $f4755549bfd6a7d9$var$fontWeightBase = {
     normal: '400',
     medium: {
         default: '500'
@@ -2279,22 +2279,22 @@ const $53f7a8c49f8c6ec9$var$fontWeightBase = {
     },
     black: '900'
 };
-const $53f7a8c49f8c6ec9$var$fontWeight = {
-    ...$53f7a8c49f8c6ec9$var$fontWeightBase,
+const $f4755549bfd6a7d9$var$fontWeight = {
+    ...$f4755549bfd6a7d9$var$fontWeightBase,
     heading: {
-        default: $53f7a8c49f8c6ec9$var$fontWeightBase["extra-bold"],
-        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $53f7a8c49f8c6ec9$var$fontWeightBase["extra-bold"]
+        default: $f4755549bfd6a7d9$var$fontWeightBase["extra-bold"],
+        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $f4755549bfd6a7d9$var$fontWeightBase["extra-bold"]
     },
     title: {
-        default: $53f7a8c49f8c6ec9$var$fontWeightBase["bold"],
-        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $53f7a8c49f8c6ec9$var$fontWeightBase["bold"]
+        default: $f4755549bfd6a7d9$var$fontWeightBase["bold"],
+        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $f4755549bfd6a7d9$var$fontWeightBase["bold"]
     },
     detail: {
-        default: $53f7a8c49f8c6ec9$var$fontWeightBase["medium"],
-        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $53f7a8c49f8c6ec9$var$fontWeightBase["bold"]
+        default: $f4755549bfd6a7d9$var$fontWeightBase["medium"],
+        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $f4755549bfd6a7d9$var$fontWeightBase["bold"]
     }
 };
-const $53f7a8c49f8c6ec9$var$i18nFonts = {
+const $f4755549bfd6a7d9$var$i18nFonts = {
     ':lang(ar)': 'adobe-clean-arabic, myriad-arabic, ui-sans-serif, system-ui, sans-serif',
     ':lang(he)': 'adobe-clean-hebrew, myriad-hebrew, ui-sans-serif, system-ui, sans-serif',
     ':lang(ja)': "adobe-clean-han-japanese, 'Hiragino Kaku Gothic ProN', '\u30D2\u30E9\u30AE\u30CE\u89D2\u30B4 ProN W3', Osaka, YuGothic, 'Yu Gothic', '\u30E1\u30A4\u30EA\u30AA', Meiryo, '\uFF2D\uFF33 \uFF30\u30B4\u30B7\u30C3\u30AF', 'MS PGothic', sans-serif",
@@ -2305,7 +2305,7 @@ const $53f7a8c49f8c6ec9$var$i18nFonts = {
     ':lang(zh-HK)': "adobe-clean-han-hong-kong, source-han-hong-kong, 'MingLiu', 'Microsoft JhengHei UI', 'Microsoft JhengHei', 'Heiti TC Light', sans-serif",
     ':lang(zh-Hans, zh-CN, zh-SG)': "adobe-clean-han-simplified-c, source-han-simplified-c, 'SimSun', 'Heiti SC Light', sans-serif"
 };
-const $53f7a8c49f8c6ec9$var$fontSize = {
+const $f4755549bfd6a7d9$var$fontSize = {
     // The default font size scale is for use within UI components.
     'ui-xs': -2,
     'ui-sm': -1,
@@ -2350,17 +2350,17 @@ const $53f7a8c49f8c6ec9$var$fontSize = {
 };
 // Line heights linearly interpolate between 1.3 and 1.15 for font sizes between 10 and 32, rounded to the nearest 2px.
 // Text above 32px always has a line height of 1.15.
-const $53f7a8c49f8c6ec9$var$fontSizeCalc = 'var(--s2-font-size-base, 14) * var(--fs)';
-const $53f7a8c49f8c6ec9$var$minFontScale = 1.15;
-const $53f7a8c49f8c6ec9$var$maxFontScale = 1.3;
-const $53f7a8c49f8c6ec9$var$minFontSize = 10;
-const $53f7a8c49f8c6ec9$var$maxFontSize = 32;
-const $53f7a8c49f8c6ec9$var$lineHeightCalc = `round(1em * (${$53f7a8c49f8c6ec9$var$minFontScale} + (1 - ((min(${$53f7a8c49f8c6ec9$var$maxFontSize}, ${$53f7a8c49f8c6ec9$var$fontSizeCalc}) - ${$53f7a8c49f8c6ec9$var$minFontSize})) / ${$53f7a8c49f8c6ec9$var$maxFontSize - $53f7a8c49f8c6ec9$var$minFontSize}) * ${($53f7a8c49f8c6ec9$var$maxFontScale - $53f7a8c49f8c6ec9$var$minFontScale).toFixed(2)}), 2px)`;
-const $53f7a8c49f8c6ec9$export$1d567c320f4763bc = (0, $cf0b57705fca33e1$exports.createTheme)({
+const $f4755549bfd6a7d9$var$fontSizeCalc = 'var(--s2-font-size-base, 14) * var(--fs)';
+const $f4755549bfd6a7d9$var$minFontScale = 1.15;
+const $f4755549bfd6a7d9$var$maxFontScale = 1.3;
+const $f4755549bfd6a7d9$var$minFontSize = 10;
+const $f4755549bfd6a7d9$var$maxFontSize = 32;
+const $f4755549bfd6a7d9$var$lineHeightCalc = `round(1em * (${$f4755549bfd6a7d9$var$minFontScale} + (1 - ((min(${$f4755549bfd6a7d9$var$maxFontSize}, ${$f4755549bfd6a7d9$var$fontSizeCalc}) - ${$f4755549bfd6a7d9$var$minFontSize})) / ${$f4755549bfd6a7d9$var$maxFontSize - $f4755549bfd6a7d9$var$minFontSize}) * ${($f4755549bfd6a7d9$var$maxFontScale - $f4755549bfd6a7d9$var$minFontScale).toFixed(2)}), 2px)`;
+const $f4755549bfd6a7d9$export$1d567c320f4763bc = (0, $01c7b97da92e6691$exports.createTheme)({
     properties: {
         // colors
-        color: new $53f7a8c49f8c6ec9$var$SpectrumColorProperty('color', {
-            ...$53f7a8c49f8c6ec9$var$baseColors,
+        color: new $f4755549bfd6a7d9$var$SpectrumColorProperty('color', {
+            ...$f4755549bfd6a7d9$var$baseColors,
             accent: {
                 type: "ref",
                 light: "accent-900",
@@ -2413,8 +2413,8 @@ const $53f7a8c49f8c6ec9$export$1d567c320f4763bc = (0, $cf0b57705fca33e1$exports.
             },
             auto: "lch(from self(backgroundColor, var(--s2-container-bg)) calc((49.44 - l) * infinity) 0 0 / 1)"
         }),
-        backgroundColor: new $53f7a8c49f8c6ec9$var$SpectrumColorProperty('backgroundColor', {
-            ...$53f7a8c49f8c6ec9$var$baseColors,
+        backgroundColor: new $f4755549bfd6a7d9$var$SpectrumColorProperty('backgroundColor', {
+            ...$f4755549bfd6a7d9$var$baseColors,
             accent: {
                 type: "ref",
                 light: "accent-900",
@@ -2701,8 +2701,8 @@ const $53f7a8c49f8c6ec9$export$1d567c320f4763bc = (0, $cf0b57705fca33e1$exports.
                 dark: "gray-75"
             }
         }),
-        borderColor: new $53f7a8c49f8c6ec9$var$SpectrumColorProperty('borderColor', {
-            ...$53f7a8c49f8c6ec9$var$baseColors,
+        borderColor: new $f4755549bfd6a7d9$var$SpectrumColorProperty('borderColor', {
+            ...$f4755549bfd6a7d9$var$baseColors,
             negative: {
                 type: "ref",
                 light: "negative-900",
@@ -2714,8 +2714,8 @@ const $53f7a8c49f8c6ec9$export$1d567c320f4763bc = (0, $cf0b57705fca33e1$exports.
                 dark: "gray-300"
             }
         }),
-        outlineColor: new $53f7a8c49f8c6ec9$var$SpectrumColorProperty('outlineColor', {
-            ...$53f7a8c49f8c6ec9$var$baseColors,
+        outlineColor: new $f4755549bfd6a7d9$var$SpectrumColorProperty('outlineColor', {
+            ...$f4755549bfd6a7d9$var$baseColors,
             'focus-ring': {
                 type: "ref",
                 light: "blue-800",
@@ -2723,7 +2723,7 @@ const $53f7a8c49f8c6ec9$export$1d567c320f4763bc = (0, $cf0b57705fca33e1$exports.
                 forcedColors: 'Highlight'
             }
         }),
-        fill: new $53f7a8c49f8c6ec9$var$SpectrumColorProperty('fill', {
+        fill: new $f4755549bfd6a7d9$var$SpectrumColorProperty('fill', {
             none: 'none',
             currentColor: 'currentColor',
             accent: {
@@ -2851,49 +2851,49 @@ const $53f7a8c49f8c6ec9$export$1d567c320f4763bc = (0, $cf0b57705fca33e1$exports.
                 light: "silver-800",
                 dark: "silver-900"
             },
-            ...$53f7a8c49f8c6ec9$var$baseColors
+            ...$f4755549bfd6a7d9$var$baseColors
         }),
-        stroke: new $53f7a8c49f8c6ec9$var$SpectrumColorProperty('stroke', {
+        stroke: new $f4755549bfd6a7d9$var$SpectrumColorProperty('stroke', {
             none: 'none',
             currentColor: 'currentColor',
-            ...$53f7a8c49f8c6ec9$var$baseColors
+            ...$f4755549bfd6a7d9$var$baseColors
         }),
         // dimensions
-        borderSpacing: $53f7a8c49f8c6ec9$var$baseSpacing,
-        flexBasis: $53f7a8c49f8c6ec9$var$createSpectrumSizingProperty('flexBasis', {
+        borderSpacing: $f4755549bfd6a7d9$var$baseSpacing,
+        flexBasis: $f4755549bfd6a7d9$var$createSpectrumSizingProperty('flexBasis', {
             auto: 'auto',
             full: '100%'
         }),
-        rowGap: $53f7a8c49f8c6ec9$var$spacing,
-        columnGap: $53f7a8c49f8c6ec9$var$spacing,
-        height: $53f7a8c49f8c6ec9$var$createSpectrumSizingProperty('height', $53f7a8c49f8c6ec9$var$height),
-        width: $53f7a8c49f8c6ec9$var$createSpectrumSizingProperty('width', $53f7a8c49f8c6ec9$var$width),
-        containIntrinsicWidth: $53f7a8c49f8c6ec9$var$createSpectrumSizingProperty('containIntrinsicWidth', $53f7a8c49f8c6ec9$var$width),
-        containIntrinsicHeight: $53f7a8c49f8c6ec9$var$createSpectrumSizingProperty('containIntrinsicHeight', $53f7a8c49f8c6ec9$var$height),
-        minHeight: $53f7a8c49f8c6ec9$var$createSpectrumSizingProperty('minHeight', $53f7a8c49f8c6ec9$var$height),
-        maxHeight: $53f7a8c49f8c6ec9$var$createSpectrumSizingProperty('maxHeight', (()=>{
+        rowGap: $f4755549bfd6a7d9$var$spacing,
+        columnGap: $f4755549bfd6a7d9$var$spacing,
+        height: $f4755549bfd6a7d9$var$createSpectrumSizingProperty('height', $f4755549bfd6a7d9$var$height),
+        width: $f4755549bfd6a7d9$var$createSpectrumSizingProperty('width', $f4755549bfd6a7d9$var$width),
+        containIntrinsicWidth: $f4755549bfd6a7d9$var$createSpectrumSizingProperty('containIntrinsicWidth', $f4755549bfd6a7d9$var$width),
+        containIntrinsicHeight: $f4755549bfd6a7d9$var$createSpectrumSizingProperty('containIntrinsicHeight', $f4755549bfd6a7d9$var$height),
+        minHeight: $f4755549bfd6a7d9$var$createSpectrumSizingProperty('minHeight', $f4755549bfd6a7d9$var$height),
+        maxHeight: $f4755549bfd6a7d9$var$createSpectrumSizingProperty('maxHeight', (()=>{
             // auto is not a valid value for maxHeight
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            const { auto: auto, ...rest } = $53f7a8c49f8c6ec9$var$height;
+            const { auto: auto, ...rest } = $f4755549bfd6a7d9$var$height;
             return {
                 ...rest,
                 none: 'none'
             };
         })()),
-        minWidth: $53f7a8c49f8c6ec9$var$createSpectrumSizingProperty('minWidth', $53f7a8c49f8c6ec9$var$width),
-        maxWidth: $53f7a8c49f8c6ec9$var$createSpectrumSizingProperty('maxWidth', (()=>{
+        minWidth: $f4755549bfd6a7d9$var$createSpectrumSizingProperty('minWidth', $f4755549bfd6a7d9$var$width),
+        maxWidth: $f4755549bfd6a7d9$var$createSpectrumSizingProperty('maxWidth', (()=>{
             // auto is not a valid value for maxWidth
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            const { auto: auto, ...rest } = $53f7a8c49f8c6ec9$var$width;
+            const { auto: auto, ...rest } = $f4755549bfd6a7d9$var$width;
             return {
                 ...rest,
                 none: 'none'
             };
         })()),
-        borderStartWidth: new (0, $cf0b57705fca33e1$exports.MappedProperty)('borderInlineStartWidth', $53f7a8c49f8c6ec9$var$borderWidth),
-        borderEndWidth: new (0, $cf0b57705fca33e1$exports.MappedProperty)('borderInlineEndWidth', $53f7a8c49f8c6ec9$var$borderWidth),
-        borderTopWidth: $53f7a8c49f8c6ec9$var$borderWidth,
-        borderBottomWidth: $53f7a8c49f8c6ec9$var$borderWidth,
+        borderStartWidth: new (0, $01c7b97da92e6691$exports.MappedProperty)('borderInlineStartWidth', $f4755549bfd6a7d9$var$borderWidth),
+        borderEndWidth: new (0, $01c7b97da92e6691$exports.MappedProperty)('borderInlineEndWidth', $f4755549bfd6a7d9$var$borderWidth),
+        borderTopWidth: $f4755549bfd6a7d9$var$borderWidth,
+        borderBottomWidth: $f4755549bfd6a7d9$var$borderWidth,
         borderStyle: [
             'solid',
             'dashed',
@@ -2907,54 +2907,54 @@ const $53f7a8c49f8c6ec9$export$1d567c320f4763bc = (0, $cf0b57705fca33e1$exports.
             1: '1',
             2: '2'
         },
-        marginStart: new (0, $cf0b57705fca33e1$exports.PercentageProperty)('marginInlineStart', $53f7a8c49f8c6ec9$var$margin),
-        marginEnd: new (0, $cf0b57705fca33e1$exports.PercentageProperty)('marginInlineEnd', $53f7a8c49f8c6ec9$var$margin),
-        marginTop: new (0, $cf0b57705fca33e1$exports.PercentageProperty)('marginTop', $53f7a8c49f8c6ec9$var$margin),
-        marginBottom: new (0, $cf0b57705fca33e1$exports.PercentageProperty)('marginBottom', $53f7a8c49f8c6ec9$var$margin),
-        paddingStart: new (0, $cf0b57705fca33e1$exports.PercentageProperty)('paddingInlineStart', $53f7a8c49f8c6ec9$var$padding),
-        paddingEnd: new (0, $cf0b57705fca33e1$exports.PercentageProperty)('paddingInlineEnd', $53f7a8c49f8c6ec9$var$padding),
-        paddingTop: new (0, $cf0b57705fca33e1$exports.PercentageProperty)('paddingTop', $53f7a8c49f8c6ec9$var$padding),
-        paddingBottom: new (0, $cf0b57705fca33e1$exports.PercentageProperty)('paddingBottom', $53f7a8c49f8c6ec9$var$padding),
-        scrollMarginStart: new (0, $cf0b57705fca33e1$exports.MappedProperty)('scrollMarginInlineStart', $53f7a8c49f8c6ec9$var$baseSpacing),
-        scrollMarginEnd: new (0, $cf0b57705fca33e1$exports.MappedProperty)('scrollMarginInlineEnd', $53f7a8c49f8c6ec9$var$baseSpacing),
-        scrollMarginTop: $53f7a8c49f8c6ec9$var$baseSpacing,
-        scrollMarginBottom: $53f7a8c49f8c6ec9$var$baseSpacing,
+        marginStart: new (0, $01c7b97da92e6691$exports.PercentageProperty)('marginInlineStart', $f4755549bfd6a7d9$var$margin),
+        marginEnd: new (0, $01c7b97da92e6691$exports.PercentageProperty)('marginInlineEnd', $f4755549bfd6a7d9$var$margin),
+        marginTop: new (0, $01c7b97da92e6691$exports.PercentageProperty)('marginTop', $f4755549bfd6a7d9$var$margin),
+        marginBottom: new (0, $01c7b97da92e6691$exports.PercentageProperty)('marginBottom', $f4755549bfd6a7d9$var$margin),
+        paddingStart: new (0, $01c7b97da92e6691$exports.PercentageProperty)('paddingInlineStart', $f4755549bfd6a7d9$var$padding),
+        paddingEnd: new (0, $01c7b97da92e6691$exports.PercentageProperty)('paddingInlineEnd', $f4755549bfd6a7d9$var$padding),
+        paddingTop: new (0, $01c7b97da92e6691$exports.PercentageProperty)('paddingTop', $f4755549bfd6a7d9$var$padding),
+        paddingBottom: new (0, $01c7b97da92e6691$exports.PercentageProperty)('paddingBottom', $f4755549bfd6a7d9$var$padding),
+        scrollMarginStart: new (0, $01c7b97da92e6691$exports.MappedProperty)('scrollMarginInlineStart', $f4755549bfd6a7d9$var$baseSpacing),
+        scrollMarginEnd: new (0, $01c7b97da92e6691$exports.MappedProperty)('scrollMarginInlineEnd', $f4755549bfd6a7d9$var$baseSpacing),
+        scrollMarginTop: $f4755549bfd6a7d9$var$baseSpacing,
+        scrollMarginBottom: $f4755549bfd6a7d9$var$baseSpacing,
         // Using rems instead of px here (unlike regular padding) because this often needs to match the height of something.
-        scrollPaddingStart: new (0, $cf0b57705fca33e1$exports.MappedProperty)('scrollPaddingInlineStart', $53f7a8c49f8c6ec9$var$baseSpacing),
-        scrollPaddingEnd: new (0, $cf0b57705fca33e1$exports.MappedProperty)('scrollPaddingInlineEnd', $53f7a8c49f8c6ec9$var$baseSpacing),
-        scrollPaddingTop: $53f7a8c49f8c6ec9$var$baseSpacing,
-        scrollPaddingBottom: $53f7a8c49f8c6ec9$var$baseSpacing,
-        textIndent: new (0, $cf0b57705fca33e1$exports.PercentageProperty)('textIndent', $53f7a8c49f8c6ec9$var$baseSpacing),
-        translateX: new (0, $cf0b57705fca33e1$exports.ExpandedProperty)([
+        scrollPaddingStart: new (0, $01c7b97da92e6691$exports.MappedProperty)('scrollPaddingInlineStart', $f4755549bfd6a7d9$var$baseSpacing),
+        scrollPaddingEnd: new (0, $01c7b97da92e6691$exports.MappedProperty)('scrollPaddingInlineEnd', $f4755549bfd6a7d9$var$baseSpacing),
+        scrollPaddingTop: $f4755549bfd6a7d9$var$baseSpacing,
+        scrollPaddingBottom: $f4755549bfd6a7d9$var$baseSpacing,
+        textIndent: new (0, $01c7b97da92e6691$exports.PercentageProperty)('textIndent', $f4755549bfd6a7d9$var$baseSpacing),
+        translateX: new (0, $01c7b97da92e6691$exports.ExpandedProperty)([
             '--translateX',
             'translate'
         ], (value)=>({
                 '--translateX': String(value),
                 translate: 'var(--translateX, 0) var(--translateY, 0)'
-            }), new (0, $cf0b57705fca33e1$exports.PercentageProperty)('--translateX', $53f7a8c49f8c6ec9$var$translate)),
-        translateY: new (0, $cf0b57705fca33e1$exports.ExpandedProperty)([
+            }), new (0, $01c7b97da92e6691$exports.PercentageProperty)('--translateX', $f4755549bfd6a7d9$var$translate)),
+        translateY: new (0, $01c7b97da92e6691$exports.ExpandedProperty)([
             '--translateY',
             'translate'
         ], (value)=>({
                 '--translateY': String(value),
                 translate: 'var(--translateX, 0) var(--translateY, 0)'
-            }), new (0, $cf0b57705fca33e1$exports.PercentageProperty)('--translateY', $53f7a8c49f8c6ec9$var$translate)),
-        rotate: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('rotate', (value)=>typeof value === 'number' ? `${value}deg` : value),
-        scaleX: new (0, $cf0b57705fca33e1$exports.ExpandedProperty)([
+            }), new (0, $01c7b97da92e6691$exports.PercentageProperty)('--translateY', $f4755549bfd6a7d9$var$translate)),
+        rotate: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('rotate', (value)=>typeof value === 'number' ? `${value}deg` : value),
+        scaleX: new (0, $01c7b97da92e6691$exports.ExpandedProperty)([
             '--scaleX',
             'scale'
         ], (value)=>({
                 '--scaleX': String(value),
                 scale: 'var(--scaleX, 1) var(--scaleY, 1)'
             })),
-        scaleY: new (0, $cf0b57705fca33e1$exports.ExpandedProperty)([
+        scaleY: new (0, $01c7b97da92e6691$exports.ExpandedProperty)([
             '--scaleY',
             'scale'
         ], (value)=>({
                 '--scaleY': String(value),
                 scale: 'var(--scaleX, 1) var(--scaleY, 1)'
             })),
-        transform: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('transform'),
+        transform: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('transform'),
         position: [
             'absolute',
             'fixed',
@@ -2962,13 +2962,13 @@ const $53f7a8c49f8c6ec9$export$1d567c320f4763bc = (0, $cf0b57705fca33e1$exports.
             'sticky',
             'static'
         ],
-        insetStart: new (0, $cf0b57705fca33e1$exports.PercentageProperty)('insetInlineStart', $53f7a8c49f8c6ec9$var$inset),
-        insetEnd: new (0, $cf0b57705fca33e1$exports.PercentageProperty)('insetInlineEnd', $53f7a8c49f8c6ec9$var$inset),
-        top: new (0, $cf0b57705fca33e1$exports.PercentageProperty)('top', $53f7a8c49f8c6ec9$var$inset),
-        left: new (0, $cf0b57705fca33e1$exports.PercentageProperty)('left', $53f7a8c49f8c6ec9$var$inset),
-        bottom: new (0, $cf0b57705fca33e1$exports.PercentageProperty)('bottom', $53f7a8c49f8c6ec9$var$inset),
-        right: new (0, $cf0b57705fca33e1$exports.PercentageProperty)('right', $53f7a8c49f8c6ec9$var$inset),
-        aspectRatio: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('aspectRatio', (value)=>{
+        insetStart: new (0, $01c7b97da92e6691$exports.PercentageProperty)('insetInlineStart', $f4755549bfd6a7d9$var$inset),
+        insetEnd: new (0, $01c7b97da92e6691$exports.PercentageProperty)('insetInlineEnd', $f4755549bfd6a7d9$var$inset),
+        top: new (0, $01c7b97da92e6691$exports.PercentageProperty)('top', $f4755549bfd6a7d9$var$inset),
+        left: new (0, $01c7b97da92e6691$exports.PercentageProperty)('left', $f4755549bfd6a7d9$var$inset),
+        bottom: new (0, $01c7b97da92e6691$exports.PercentageProperty)('bottom', $f4755549bfd6a7d9$var$inset),
+        right: new (0, $01c7b97da92e6691$exports.PercentageProperty)('right', $f4755549bfd6a7d9$var$inset),
+        aspectRatio: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('aspectRatio', (value)=>{
             if (value === 'square') return '1/1';
             if (value === 'video') return '16/9';
             return value;
@@ -2977,27 +2977,27 @@ const $53f7a8c49f8c6ec9$export$1d567c320f4763bc = (0, $cf0b57705fca33e1$exports.
         fontFamily: {
             sans: {
                 default: 'var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif',
-                ...$53f7a8c49f8c6ec9$var$i18nFonts
+                ...$f4755549bfd6a7d9$var$i18nFonts
             },
             serif: {
                 default: 'var(--s2-font-family-serif, adobe-clean-spectrum-srf-vf), adobe-clean-serif, "Source Serif", Georgia, serif',
-                ...$53f7a8c49f8c6ec9$var$i18nFonts
+                ...$f4755549bfd6a7d9$var$i18nFonts
             },
             code: 'source-code-pro, "Source Code Pro", Monaco, monospace'
         },
-        fontSize: new (0, $cf0b57705fca33e1$exports.ExpandedProperty)([
+        fontSize: new (0, $01c7b97da92e6691$exports.ExpandedProperty)([
             '--fs',
             'fontSize'
         ], (value)=>{
             if (typeof value === 'number') return {
                 '--fs': `pow(1.125, ${value})`,
-                fontSize: `round(${$53f7a8c49f8c6ec9$var$fontSizeCalc} / 16 * ${process.env.DOCS_ENV ? 'var(--rem, 1rem)' : '1rem'}, 1px)`
+                fontSize: `round(${$f4755549bfd6a7d9$var$fontSizeCalc} / 16 * ${process.env.DOCS_ENV ? 'var(--rem, 1rem)' : '1rem'}, 1px)`
             };
             return {
                 fontSize: value
             };
-        }, $53f7a8c49f8c6ec9$var$fontSize),
-        fontWeight: new (0, $cf0b57705fca33e1$exports.ExpandedProperty)([
+        }, $f4755549bfd6a7d9$var$fontSize),
+        fontWeight: new (0, $01c7b97da92e6691$exports.ExpandedProperty)([
             'fontWeight',
             'fontVariationSettings',
             'fontSynthesisWeight'
@@ -3006,21 +3006,21 @@ const $53f7a8c49f8c6ec9$export$1d567c320f4763bc = (0, $cf0b57705fca33e1$exports.
                 fontWeight: value,
                 fontSynthesisWeight: 'none'
             };
-        }, $53f7a8c49f8c6ec9$var$fontWeight),
+        }, $f4755549bfd6a7d9$var$fontWeight),
         lineHeight: {
             // See https://spectrum.corp.adobe.com/page/typography/#Line-height
             ui: {
                 // Calculate line-height based on font size.
-                default: $53f7a8c49f8c6ec9$var$lineHeightCalc,
+                default: $f4755549bfd6a7d9$var$lineHeightCalc,
                 // CJK fonts use a larger line-height.
                 ':lang(ja, ko, zh, zh-Hant, zh-Hans, zh-CN, zh-SG)': 1.5
             },
             heading: {
-                default: $53f7a8c49f8c6ec9$var$lineHeightCalc,
+                default: $f4755549bfd6a7d9$var$lineHeightCalc,
                 ':lang(ja, ko, zh, zh-Hant, zh-Hans, zh-CN, zh-SG)': 1.5
             },
             title: {
-                default: $53f7a8c49f8c6ec9$var$lineHeightCalc,
+                default: $f4755549bfd6a7d9$var$lineHeightCalc,
                 ':lang(ja, ko, zh, zh-Hant, zh-Hans, zh-CN, zh-SG)': 1.5
             },
             body: {
@@ -3029,7 +3029,7 @@ const $53f7a8c49f8c6ec9$export$1d567c320f4763bc = (0, $cf0b57705fca33e1$exports.
                 ':lang(ja, ko, zh, zh-Hant, zh-Hans, zh-CN, zh-SG)': 1.7
             },
             detail: {
-                default: $53f7a8c49f8c6ec9$var$lineHeightCalc,
+                default: $f4755549bfd6a7d9$var$lineHeightCalc,
                 ':lang(ja, ko, zh, zh-Hant, zh-Hans, zh-CN, zh-SG)': 1.5
             },
             code: {
@@ -3068,7 +3068,7 @@ const $53f7a8c49f8c6ec9$export$1d567c320f4763bc = (0, $cf0b57705fca33e1$exports.
             'sub',
             'super'
         ],
-        textDecoration: new (0, $cf0b57705fca33e1$exports.ExpandedProperty)([
+        textDecoration: new (0, $01c7b97da92e6691$exports.ExpandedProperty)([
             'textDecoration',
             'textUnderlineOffset'
         ], (value)=>({
@@ -3079,7 +3079,7 @@ const $53f7a8c49f8c6ec9$export$1d567c320f4763bc = (0, $cf0b57705fca33e1$exports.
             'ellipsis',
             'clip'
         ],
-        lineClamp: new (0, $cf0b57705fca33e1$exports.ExpandedProperty)([
+        lineClamp: new (0, $01c7b97da92e6691$exports.ExpandedProperty)([
             'overflow',
             'display',
             '-webkit-box-orient',
@@ -3162,10 +3162,10 @@ const $53f7a8c49f8c6ec9$export$1d567c320f4763bc = (0, $cf0b57705fca33e1$exports.
             ].reverse().map((s)=>`drop-shadow(${s})`).join(' '),
             none: 'none'
         },
-        borderTopStartRadius: new (0, $cf0b57705fca33e1$exports.MappedProperty)('borderStartStartRadius', $53f7a8c49f8c6ec9$var$radius),
-        borderTopEndRadius: new (0, $cf0b57705fca33e1$exports.MappedProperty)('borderStartEndRadius', $53f7a8c49f8c6ec9$var$radius),
-        borderBottomStartRadius: new (0, $cf0b57705fca33e1$exports.MappedProperty)('borderEndStartRadius', $53f7a8c49f8c6ec9$var$radius),
-        borderBottomEndRadius: new (0, $cf0b57705fca33e1$exports.MappedProperty)('borderEndEndRadius', $53f7a8c49f8c6ec9$var$radius),
+        borderTopStartRadius: new (0, $01c7b97da92e6691$exports.MappedProperty)('borderStartStartRadius', $f4755549bfd6a7d9$var$radius),
+        borderTopEndRadius: new (0, $01c7b97da92e6691$exports.MappedProperty)('borderStartEndRadius', $f4755549bfd6a7d9$var$radius),
+        borderBottomStartRadius: new (0, $01c7b97da92e6691$exports.MappedProperty)('borderEndStartRadius', $f4755549bfd6a7d9$var$radius),
+        borderBottomEndRadius: new (0, $01c7b97da92e6691$exports.MappedProperty)('borderEndEndRadius', $f4755549bfd6a7d9$var$radius),
         forcedColorAdjust: [
             'auto',
             'none'
@@ -3175,7 +3175,7 @@ const $53f7a8c49f8c6ec9$export$1d567c320f4763bc = (0, $cf0b57705fca33e1$exports.
             'dark',
             'light dark'
         ],
-        backgroundImage: new (0, $cf0b57705fca33e1$exports.ExpandedProperty)([
+        backgroundImage: new (0, $01c7b97da92e6691$exports.ExpandedProperty)([
             'backgroundImage',
             '--g0',
             '--g1',
@@ -3194,7 +3194,7 @@ const $53f7a8c49f8c6ec9$export$1d567c320f4763bc = (0, $cf0b57705fca33e1$exports.
                 let properties = [];
                 value[0].stops.forEach(([colorValue], i)=>{
                     properties.push(`--g${i}`);
-                    values[`--g${i}`] = $53f7a8c49f8c6ec9$export$35e9368ef982300f(colorValue);
+                    values[`--g${i}`] = $f4755549bfd6a7d9$export$35e9368ef982300f(colorValue);
                 });
                 // This is used by transition-property so we automatically transition all of the color stops.
                 values['--gp'] = properties.join(', ');
@@ -3280,7 +3280,7 @@ const $53f7a8c49f8c6ec9$export$1d567c320f4763bc = (0, $cf0b57705fca33e1$exports.
             'plus-darker',
             'plus-lighter'
         ],
-        opacity: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('opacity'),
+        opacity: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('opacity'),
         outlineStyle: [
             'none',
             'solid',
@@ -3289,15 +3289,15 @@ const $53f7a8c49f8c6ec9$export$1d567c320f4763bc = (0, $cf0b57705fca33e1$exports.
             'double',
             'inset'
         ],
-        outlineOffset: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('outlineOffset', (v)=>`${v}px`),
-        outlineWidth: $53f7a8c49f8c6ec9$var$borderWidth,
-        transition: new (0, $cf0b57705fca33e1$exports.MappedProperty)('transitionProperty', $53f7a8c49f8c6ec9$var$transitionProperty),
-        transitionDelay: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('transitionDelay', $53f7a8c49f8c6ec9$var$durationValue),
-        transitionDuration: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('transitionDuration', $53f7a8c49f8c6ec9$var$durationValue),
-        transitionTimingFunction: $53f7a8c49f8c6ec9$var$timingFunction,
-        animation: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('animationName'),
-        animationDuration: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('animationDuration', $53f7a8c49f8c6ec9$var$durationValue),
-        animationDelay: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('animationDelay', $53f7a8c49f8c6ec9$var$durationValue),
+        outlineOffset: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('outlineOffset', (v)=>`${v}px`),
+        outlineWidth: $f4755549bfd6a7d9$var$borderWidth,
+        transition: new (0, $01c7b97da92e6691$exports.MappedProperty)('transitionProperty', $f4755549bfd6a7d9$var$transitionProperty),
+        transitionDelay: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('transitionDelay', $f4755549bfd6a7d9$var$durationValue),
+        transitionDuration: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('transitionDuration', $f4755549bfd6a7d9$var$durationValue),
+        transitionTimingFunction: $f4755549bfd6a7d9$var$timingFunction,
+        animation: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('animationName'),
+        animationDuration: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('animationDuration', $f4755549bfd6a7d9$var$durationValue),
+        animationDelay: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('animationDelay', $f4755549bfd6a7d9$var$durationValue),
         animationDirection: [
             'normal',
             'reverse',
@@ -3310,8 +3310,8 @@ const $53f7a8c49f8c6ec9$export$1d567c320f4763bc = (0, $cf0b57705fca33e1$exports.
             'backwards',
             'both'
         ],
-        animationIterationCount: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('animationIterationCount'),
-        animationTimingFunction: $53f7a8c49f8c6ec9$var$timingFunction,
+        animationIterationCount: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('animationIterationCount'),
+        animationTimingFunction: $f4755549bfd6a7d9$var$timingFunction,
         animationPlayState: [
             'paused',
             'running'
@@ -3389,12 +3389,12 @@ const $53f7a8c49f8c6ec9$export$1d567c320f4763bc = (0, $cf0b57705fca33e1$exports.
             'wrap-reverse',
             'nowrap'
         ],
-        flexShrink: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('flexShrink'),
-        flexGrow: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('flexGrow'),
-        gridColumnStart: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('gridColumnStart'),
-        gridColumnEnd: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('gridColumnEnd'),
-        gridRowStart: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('gridRowStart'),
-        gridRowEnd: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('gridRowEnd'),
+        flexShrink: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('flexShrink'),
+        flexGrow: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('flexGrow'),
+        gridColumnStart: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('gridColumnStart'),
+        gridColumnEnd: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('gridColumnEnd'),
+        gridRowStart: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('gridRowStart'),
+        gridRowEnd: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('gridRowEnd'),
         gridAutoFlow: [
             'row',
             'column',
@@ -3402,11 +3402,11 @@ const $53f7a8c49f8c6ec9$export$1d567c320f4763bc = (0, $cf0b57705fca33e1$exports.
             'row dense',
             'column dense'
         ],
-        gridAutoRows: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('gridAutoRows', $53f7a8c49f8c6ec9$var$gridTrackSize),
-        gridAutoColumns: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('gridAutoColumns', $53f7a8c49f8c6ec9$var$gridTrackSize),
-        gridTemplateColumns: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('gridTemplateColumns', $53f7a8c49f8c6ec9$var$gridTrack),
-        gridTemplateRows: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('gridTemplateRows', $53f7a8c49f8c6ec9$var$gridTrack),
-        gridTemplateAreas: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('gridTemplateAreas', (value)=>value.map((v)=>`"${v}"`).join('')),
+        gridAutoRows: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('gridAutoRows', $f4755549bfd6a7d9$var$gridTrackSize),
+        gridAutoColumns: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('gridAutoColumns', $f4755549bfd6a7d9$var$gridTrackSize),
+        gridTemplateColumns: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('gridTemplateColumns', $f4755549bfd6a7d9$var$gridTrack),
+        gridTemplateRows: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('gridTemplateRows', $f4755549bfd6a7d9$var$gridTrack),
+        gridTemplateAreas: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('gridTemplateAreas', (value)=>value.map((v)=>`"${v}"`).join('')),
         float: [
             'inline-start',
             'inline-end',
@@ -3438,7 +3438,7 @@ const $53f7a8c49f8c6ec9$export$1d567c320f4763bc = (0, $cf0b57705fca33e1$exports.
             'inline-size',
             'scroll-state'
         ],
-        containerName: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('containerName'),
+        containerName: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('containerName'),
         boxSizing: [
             'border-box',
             'content-box'
@@ -3514,7 +3514,7 @@ const $53f7a8c49f8c6ec9$export$1d567c320f4763bc = (0, $cf0b57705fca33e1$exports.
             'auto',
             'thin'
         ],
-        order: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('order'),
+        order: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('order'),
         pointerEvents: [
             'none',
             'auto'
@@ -3641,8 +3641,8 @@ const $53f7a8c49f8c6ec9$export$1d567c320f4763bc = (0, $cf0b57705fca33e1$exports.
             'contents',
             'transform'
         ],
-        zIndex: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('zIndex'),
-        disableTapHighlight: new (0, $cf0b57705fca33e1$exports.ArbitraryProperty)('-webkit-tap-highlight-color', // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        zIndex: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('zIndex'),
+        disableTapHighlight: new (0, $01c7b97da92e6691$exports.ArbitraryProperty)('-webkit-tap-highlight-color', // eslint-disable-next-line @typescript-eslint/no-unused-vars
         (_value)=>'rgba(0,0,0,0)'),
         unicodeBidi: [
             'normal',