@react-spectrum/s2 1.4.0 → 1.5.1

package/style/dist/spectrum-theme.mjs

@@ -1,4 +1,4 @@
-import {ArbitraryProperty as $e3c5b37c91268204$export$d03475ad9df06cd2, createTheme as $e3c5b37c91268204$export$25d302a5b900a763, ExpandedProperty as $e3c5b37c91268204$export$1b6028cfca42adca, MappedProperty as $e3c5b37c91268204$export$965169194d2485f7, parseArbitraryValue as $e3c5b37c91268204$export$22a8270399010c94, PercentageProperty as $e3c5b37c91268204$export$6bff0717a72a8669, SizingProperty as $e3c5b37c91268204$export$8c6b4dc3755476bb} from "./style-macro.mjs";
+import {ArbitraryProperty as $2b02e40735e2ad11$export$d03475ad9df06cd2, createTheme as $2b02e40735e2ad11$export$25d302a5b900a763, ExpandedProperty as $2b02e40735e2ad11$export$1b6028cfca42adca, MappedProperty as $2b02e40735e2ad11$export$965169194d2485f7, parseArbitraryValue as $2b02e40735e2ad11$export$22a8270399010c94, PercentageProperty as $2b02e40735e2ad11$export$6bff0717a72a8669, SizingProperty as $2b02e40735e2ad11$export$8c6b4dc3755476bb} from "./style-macro.mjs";
 
 /*
  * Copyright 2024 Adobe. All rights reserved.
@@ -11,18 +11,18 @@ import {ArbitraryProperty as $e3c5b37c91268204$export$d03475ad9df06cd2, createTh
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-function $9440fa3fdd7adbfe$var$pxToRem(px) {
+function $03477f2c57e5e829$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 $9440fa3fdd7adbfe$var$hcmColor(color) {
+function $03477f2c57e5e829$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 $9440fa3fdd7adbfe$var$baseColors = {
+const $03477f2c57e5e829$var$baseColors = {
     transparent: 'transparent',
     black: 'black',
     white: 'white',
@@ -1972,48 +1972,48 @@ const $9440fa3fdd7adbfe$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: $9440fa3fdd7adbfe$var$hcmColor('Background'),
-    ButtonBorder: $9440fa3fdd7adbfe$var$hcmColor('ButtonBorder'),
-    ButtonFace: $9440fa3fdd7adbfe$var$hcmColor('ButtonFace'),
-    ButtonText: $9440fa3fdd7adbfe$var$hcmColor('ButtonText'),
-    Field: $9440fa3fdd7adbfe$var$hcmColor('Field'),
-    Highlight: $9440fa3fdd7adbfe$var$hcmColor('Highlight'),
-    HighlightText: $9440fa3fdd7adbfe$var$hcmColor('HighlightText'),
-    GrayText: $9440fa3fdd7adbfe$var$hcmColor('GrayText'),
-    Mark: $9440fa3fdd7adbfe$var$hcmColor('Mark'),
-    LinkText: $9440fa3fdd7adbfe$var$hcmColor('LinkText')
+    Background: $03477f2c57e5e829$var$hcmColor('Background'),
+    ButtonBorder: $03477f2c57e5e829$var$hcmColor('ButtonBorder'),
+    ButtonFace: $03477f2c57e5e829$var$hcmColor('ButtonFace'),
+    ButtonText: $03477f2c57e5e829$var$hcmColor('ButtonText'),
+    Field: $03477f2c57e5e829$var$hcmColor('Field'),
+    Highlight: $03477f2c57e5e829$var$hcmColor('Highlight'),
+    HighlightText: $03477f2c57e5e829$var$hcmColor('HighlightText'),
+    GrayText: $03477f2c57e5e829$var$hcmColor('GrayText'),
+    Mark: $03477f2c57e5e829$var$hcmColor('Mark'),
+    LinkText: $03477f2c57e5e829$var$hcmColor('LinkText')
 };
 // Resolves a color to its most basic form, following all aliases.
-function $9440fa3fdd7adbfe$var$resolveColorToken(token) {
+function $03477f2c57e5e829$var$resolveColorToken(token) {
     if (typeof token === 'string') return {
         type: 'color',
         light: token,
         dark: token
     };
     if (token.type === 'color') return token;
-    let lightToken = $9440fa3fdd7adbfe$var$baseColors[token.light];
+    let lightToken = $03477f2c57e5e829$var$baseColors[token.light];
     if (!lightToken) throw new Error(`${token.light} is not a valid color reference`);
-    let darkToken = $9440fa3fdd7adbfe$var$baseColors[token.dark];
+    let darkToken = $03477f2c57e5e829$var$baseColors[token.dark];
     if (!darkToken) throw new Error(`${token.dark} is not a valid color reference`);
-    let light = $9440fa3fdd7adbfe$var$resolveColorToken(lightToken);
-    let dark = $9440fa3fdd7adbfe$var$resolveColorToken(darkToken);
+    let light = $03477f2c57e5e829$var$resolveColorToken(lightToken);
+    let dark = $03477f2c57e5e829$var$resolveColorToken(darkToken);
     return {
         type: 'color',
         light: light.light,
         dark: dark.dark
     };
 }
-function $9440fa3fdd7adbfe$var$colorTokenToString(token, opacity) {
+function $03477f2c57e5e829$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 $9440fa3fdd7adbfe$var$colorList = Object.keys($9440fa3fdd7adbfe$var$baseColors);
-function $9440fa3fdd7adbfe$var$nextColorStop(name, token) {
+let $03477f2c57e5e829$var$colorList = Object.keys($03477f2c57e5e829$var$baseColors);
+function $03477f2c57e5e829$var$nextColorStop(name, token) {
     if (typeof token === 'object' && token.type === 'ref') {
-        let light = $9440fa3fdd7adbfe$var$nextColorStop(token.light, $9440fa3fdd7adbfe$var$baseColors[token.light]);
-        let dark = $9440fa3fdd7adbfe$var$nextColorStop(token.dark, $9440fa3fdd7adbfe$var$baseColors[token.dark]);
+        let light = $03477f2c57e5e829$var$nextColorStop(token.light, $03477f2c57e5e829$var$baseColors[token.light]);
+        let dark = $03477f2c57e5e829$var$nextColorStop(token.dark, $03477f2c57e5e829$var$baseColors[token.dark]);
         return {
             type: 'color',
             light: light.light,
@@ -2021,13 +2021,13 @@ function $9440fa3fdd7adbfe$var$nextColorStop(name, token) {
             forcedColors: token.forcedColors
         };
     }
-    let index = $9440fa3fdd7adbfe$var$colorList.indexOf(name);
+    let index = $03477f2c57e5e829$var$colorList.indexOf(name);
     if (index === -1) throw new Error(`${name} does not support states`);
-    let key = $9440fa3fdd7adbfe$var$colorList[index + 1];
+    let key = $03477f2c57e5e829$var$colorList[index + 1];
     if (key.split('-')[0] !== name.split('-')[0]) throw new Error(`${name} does not support states`);
-    return $9440fa3fdd7adbfe$var$resolveColorToken($9440fa3fdd7adbfe$var$baseColors[key]);
+    return $03477f2c57e5e829$var$resolveColorToken($03477f2c57e5e829$var$baseColors[key]);
 }
-class $9440fa3fdd7adbfe$var$SpectrumColorProperty extends (0, $e3c5b37c91268204$export$d03475ad9df06cd2) {
+class $03477f2c57e5e829$var$SpectrumColorProperty extends (0, $2b02e40735e2ad11$export$d03475ad9df06cd2) {
     constructor(property, mapping){
         super(property);
         this.mapping = mapping;
@@ -2037,9 +2037,9 @@ class $9440fa3fdd7adbfe$var$SpectrumColorProperty extends (0, $e3c5b37c91268204$
         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 = $9440fa3fdd7adbfe$var$nextColorStop(color, token);
-        else token = $9440fa3fdd7adbfe$var$resolveColorToken(token);
-        let result = $9440fa3fdd7adbfe$var$colorTokenToString(token, opacity);
+        if (state === 'hovered' || state === 'pressed' || state === 'focused') token = $03477f2c57e5e829$var$nextColorStop(color, token);
+        else token = $03477f2c57e5e829$var$resolveColorToken(token);
+        let result = $03477f2c57e5e829$var$colorTokenToString(token, opacity);
         if (token.forcedColors) return {
             default: result,
             forcedColors: token.forcedColors
@@ -2047,7 +2047,7 @@ class $9440fa3fdd7adbfe$var$SpectrumColorProperty extends (0, $e3c5b37c91268204$
         return result;
     }
 }
-function $9440fa3fdd7adbfe$export$49bbad2a916ab57c(base) {
+function $03477f2c57e5e829$export$49bbad2a916ab57c(base) {
     return {
         default: base,
         isHovered: `${base}:hovered`,
@@ -2055,19 +2055,19 @@ function $9440fa3fdd7adbfe$export$49bbad2a916ab57c(base) {
         isPressed: `${base}:pressed`
     };
 }
-function $9440fa3fdd7adbfe$export$35e9368ef982300f(value) {
-    let arbitrary = (0, $e3c5b37c91268204$export$22a8270399010c94)(value);
+function $03477f2c57e5e829$export$35e9368ef982300f(value) {
+    let arbitrary = (0, $2b02e40735e2ad11$export$22a8270399010c94)(value);
     if (arbitrary) return arbitrary;
     let [colorValue, opacity] = value.split('/');
-    return $9440fa3fdd7adbfe$var$colorTokenToString($9440fa3fdd7adbfe$var$resolveColorToken($9440fa3fdd7adbfe$var$baseColors[colorValue]), opacity);
+    return $03477f2c57e5e829$var$colorTokenToString($03477f2c57e5e829$var$resolveColorToken($03477f2c57e5e829$var$baseColors[colorValue]), opacity);
 }
-function $9440fa3fdd7adbfe$export$d19e682d444755ed(light, dark) {
-    return `[light-dark(${$9440fa3fdd7adbfe$export$35e9368ef982300f(light)}, ${$9440fa3fdd7adbfe$export$35e9368ef982300f(dark)})]`;
+function $03477f2c57e5e829$export$d19e682d444755ed(light, dark) {
+    return `[light-dark(${$03477f2c57e5e829$export$35e9368ef982300f(light)}, ${$03477f2c57e5e829$export$35e9368ef982300f(dark)})]`;
 }
-function $9440fa3fdd7adbfe$export$9b476054b78b89cd(a, b, percent) {
-    return `[color-mix(in srgb, ${$9440fa3fdd7adbfe$export$35e9368ef982300f(a)}, ${$9440fa3fdd7adbfe$export$35e9368ef982300f(b)} ${percent}%)]`;
+function $03477f2c57e5e829$export$9b476054b78b89cd(a, b, percent) {
+    return `[color-mix(in srgb, ${$03477f2c57e5e829$export$35e9368ef982300f(a)}, ${$03477f2c57e5e829$export$35e9368ef982300f(b)} ${percent}%)]`;
 }
-function $9440fa3fdd7adbfe$export$46def8197cf4dd4c(angle, ...tokens) {
+function $03477f2c57e5e829$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} {
@@ -2088,11 +2088,11 @@ function $9440fa3fdd7adbfe$export$46def8197cf4dd4c(angle, ...tokens) {
     ];
 }
 // Spacing uses rems, padding does not.
-function $9440fa3fdd7adbfe$var$generateSpacing(px) {
+function $03477f2c57e5e829$var$generateSpacing(px) {
     let spacing = {};
     let padding = {};
     for (let p of px){
-        spacing[p] = $9440fa3fdd7adbfe$var$pxToRem(p);
+        spacing[p] = $03477f2c57e5e829$var$pxToRem(p);
         padding[p] = p + 'px';
     }
     return {
@@ -2100,7 +2100,7 @@ function $9440fa3fdd7adbfe$var$generateSpacing(px) {
         padding: padding
     };
 }
-const { spacing: $9440fa3fdd7adbfe$var$baseSpacing, padding: $9440fa3fdd7adbfe$var$basePadding } = $9440fa3fdd7adbfe$var$generateSpacing([
+const { spacing: $03477f2c57e5e829$var$baseSpacing, padding: $03477f2c57e5e829$var$basePadding } = $03477f2c57e5e829$var$generateSpacing([
     0,
     2,
     4,
@@ -2123,7 +2123,7 @@ const { spacing: $9440fa3fdd7adbfe$var$baseSpacing, padding: $9440fa3fdd7adbfe$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: $9440fa3fdd7adbfe$var$negativeSpacing, padding: $9440fa3fdd7adbfe$var$negativePadding } = $9440fa3fdd7adbfe$var$generateSpacing([
+const { spacing: $03477f2c57e5e829$var$negativeSpacing, padding: $03477f2c57e5e829$var$negativePadding } = $03477f2c57e5e829$var$generateSpacing([
     -2,
     -4,
     -8,
@@ -2143,94 +2143,94 @@ const { spacing: $9440fa3fdd7adbfe$var$negativeSpacing, padding: $9440fa3fdd7adb
     -80,
     -96 // spacing-1000
 ]);
-function $9440fa3fdd7adbfe$export$ba024f4caf693d15(base, baseFontSize = 14) {
+function $03477f2c57e5e829$export$ba024f4caf693d15(base, baseFontSize = 14) {
     return base / baseFontSize + 'em';
 }
-function $9440fa3fdd7adbfe$export$17b63977b35bb6d2(height) {
-    return `calc(${$9440fa3fdd7adbfe$var$baseSpacing[height]} * 3 / 8)`;
+function $03477f2c57e5e829$export$17b63977b35bb6d2(height) {
+    return `calc(${$03477f2c57e5e829$var$baseSpacing[height]} * 3 / 8)`;
 }
-function $9440fa3fdd7adbfe$export$a941ed4b947d12f8(px) {
-    return $9440fa3fdd7adbfe$var$pxToRem(px);
+function $03477f2c57e5e829$export$a941ed4b947d12f8(px) {
+    return $03477f2c57e5e829$var$pxToRem(px);
 }
-const $9440fa3fdd7adbfe$var$relativeSpacing = {
+const $03477f2c57e5e829$var$relativeSpacing = {
     // font-size relative values
-    'text-to-control': $9440fa3fdd7adbfe$export$ba024f4caf693d15(10),
+    'text-to-control': $03477f2c57e5e829$export$ba024f4caf693d15(10),
     'text-to-visual': {
-        default: $9440fa3fdd7adbfe$export$ba024f4caf693d15(6),
-        touch: $9440fa3fdd7adbfe$export$ba024f4caf693d15(8, 17) // -> 6px, 7px, 8px, 9px, 10px, should be 7px, 7px, 8px, 9px, 11px
+        default: $03477f2c57e5e829$export$ba024f4caf693d15(6),
+        touch: $03477f2c57e5e829$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 $9440fa3fdd7adbfe$var$spacing = {
-    ...$9440fa3fdd7adbfe$var$baseSpacing,
-    ...$9440fa3fdd7adbfe$var$relativeSpacing
+const $03477f2c57e5e829$var$spacing = {
+    ...$03477f2c57e5e829$var$baseSpacing,
+    ...$03477f2c57e5e829$var$relativeSpacing
 };
-const $9440fa3fdd7adbfe$var$padding = {
-    ...$9440fa3fdd7adbfe$var$basePadding,
-    ...$9440fa3fdd7adbfe$var$relativeSpacing
+const $03477f2c57e5e829$var$padding = {
+    ...$03477f2c57e5e829$var$basePadding,
+    ...$03477f2c57e5e829$var$relativeSpacing
 };
-function $9440fa3fdd7adbfe$export$346677f925de839c(px) {
-    return `calc(${$9440fa3fdd7adbfe$var$pxToRem(px)} * var(--s2-scale))`;
+function $03477f2c57e5e829$export$346677f925de839c(px) {
+    return `calc(${$03477f2c57e5e829$var$pxToRem(px)} * var(--s2-scale))`;
 }
-const $9440fa3fdd7adbfe$var$sizing = {
+const $03477f2c57e5e829$var$sizing = {
     auto: 'auto',
     full: '100%',
     min: 'min-content',
     max: 'max-content',
     fit: 'fit-content'
 };
-const $9440fa3fdd7adbfe$var$height = {
-    ...$9440fa3fdd7adbfe$var$sizing,
+const $03477f2c57e5e829$var$height = {
+    ...$03477f2c57e5e829$var$sizing,
     screen: '100vh'
 };
-const $9440fa3fdd7adbfe$var$width = {
-    ...$9440fa3fdd7adbfe$var$sizing,
+const $03477f2c57e5e829$var$width = {
+    ...$03477f2c57e5e829$var$sizing,
     screen: '100vw'
 };
-function $9440fa3fdd7adbfe$var$createSpectrumSizingProperty(property, values) {
-    return new (0, $e3c5b37c91268204$export$8c6b4dc3755476bb)(property, values, (px)=>`calc(${$9440fa3fdd7adbfe$var$pxToRem(px)} * var(--s2-scale))`);
+function $03477f2c57e5e829$var$createSpectrumSizingProperty(property, values) {
+    return new (0, $2b02e40735e2ad11$export$8c6b4dc3755476bb)(property, values, (px)=>`calc(${$03477f2c57e5e829$var$pxToRem(px)} * var(--s2-scale))`);
 }
-const $9440fa3fdd7adbfe$var$margin = {
-    ...$9440fa3fdd7adbfe$var$spacing,
-    ...$9440fa3fdd7adbfe$var$negativeSpacing,
+const $03477f2c57e5e829$var$margin = {
+    ...$03477f2c57e5e829$var$spacing,
+    ...$03477f2c57e5e829$var$negativeSpacing,
     auto: 'auto'
 };
-const $9440fa3fdd7adbfe$var$inset = {
-    ...$9440fa3fdd7adbfe$var$basePadding,
-    ...$9440fa3fdd7adbfe$var$negativePadding,
+const $03477f2c57e5e829$var$inset = {
+    ...$03477f2c57e5e829$var$basePadding,
+    ...$03477f2c57e5e829$var$negativePadding,
     auto: 'auto',
     full: '100%'
 };
-const $9440fa3fdd7adbfe$var$translate = {
-    ...$9440fa3fdd7adbfe$var$basePadding,
-    ...$9440fa3fdd7adbfe$var$negativePadding,
+const $03477f2c57e5e829$var$translate = {
+    ...$03477f2c57e5e829$var$basePadding,
+    ...$03477f2c57e5e829$var$negativePadding,
     full: '100%'
 };
-const $9440fa3fdd7adbfe$var$borderWidth = {
+const $03477f2c57e5e829$var$borderWidth = {
     0: '0px',
     1: "1px",
     2: "2px",
     4: "4px"
 };
-const $9440fa3fdd7adbfe$var$radius = {
+const $03477f2c57e5e829$var$radius = {
     none: "0px",
-    sm: $9440fa3fdd7adbfe$var$pxToRem("4px"),
-    default: $9440fa3fdd7adbfe$var$pxToRem("8px"),
-    lg: $9440fa3fdd7adbfe$var$pxToRem("10px"),
-    xl: $9440fa3fdd7adbfe$var$pxToRem("16px"),
+    sm: $03477f2c57e5e829$var$pxToRem("4px"),
+    default: $03477f2c57e5e829$var$pxToRem("8px"),
+    lg: $03477f2c57e5e829$var$pxToRem("10px"),
+    xl: $03477f2c57e5e829$var$pxToRem("16px"),
     full: '9999px',
     pill: 'calc(self(height, self(minHeight, 9999px)) / 2)'
 };
-let $9440fa3fdd7adbfe$var$gridTrack = (value)=>{
+let $03477f2c57e5e829$var$gridTrack = (value)=>{
     if (typeof value === 'string') return value;
-    return value.map((v)=>$9440fa3fdd7adbfe$var$gridTrackSize(v)).join(' ');
+    return value.map((v)=>$03477f2c57e5e829$var$gridTrackSize(v)).join(' ');
 };
-let $9440fa3fdd7adbfe$var$gridTrackSize = (value)=>{
-    return typeof value === 'number' ? $9440fa3fdd7adbfe$export$346677f925de839c(value) : value;
+let $03477f2c57e5e829$var$gridTrackSize = (value)=>{
+    return typeof value === 'number' ? $03477f2c57e5e829$export$346677f925de839c(value) : value;
 };
-const $9440fa3fdd7adbfe$var$transitionProperty = {
+const $03477f2c57e5e829$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',
@@ -2242,15 +2242,15 @@ const $9440fa3fdd7adbfe$var$transitionProperty = {
     none: 'none'
 };
 // TODO
-const $9440fa3fdd7adbfe$var$timingFunction = {
+const $03477f2c57e5e829$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 $9440fa3fdd7adbfe$var$durationValue = (value)=>typeof value === 'number' ? value + 'ms' : value;
-const $9440fa3fdd7adbfe$var$fontWeightBase = {
+let $03477f2c57e5e829$var$durationValue = (value)=>typeof value === 'number' ? value + 'ms' : value;
+const $03477f2c57e5e829$var$fontWeightBase = {
     normal: '400',
     medium: {
         default: '500'
@@ -2265,22 +2265,22 @@ const $9440fa3fdd7adbfe$var$fontWeightBase = {
     },
     black: '900'
 };
-const $9440fa3fdd7adbfe$var$fontWeight = {
-    ...$9440fa3fdd7adbfe$var$fontWeightBase,
+const $03477f2c57e5e829$var$fontWeight = {
+    ...$03477f2c57e5e829$var$fontWeightBase,
     heading: {
-        default: $9440fa3fdd7adbfe$var$fontWeightBase["extra-bold"],
-        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $9440fa3fdd7adbfe$var$fontWeightBase["extra-bold"]
+        default: $03477f2c57e5e829$var$fontWeightBase["extra-bold"],
+        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $03477f2c57e5e829$var$fontWeightBase["extra-bold"]
     },
     title: {
-        default: $9440fa3fdd7adbfe$var$fontWeightBase["bold"],
-        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $9440fa3fdd7adbfe$var$fontWeightBase["bold"]
+        default: $03477f2c57e5e829$var$fontWeightBase["bold"],
+        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $03477f2c57e5e829$var$fontWeightBase["bold"]
     },
     detail: {
-        default: $9440fa3fdd7adbfe$var$fontWeightBase["medium"],
-        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $9440fa3fdd7adbfe$var$fontWeightBase["bold"]
+        default: $03477f2c57e5e829$var$fontWeightBase["medium"],
+        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $03477f2c57e5e829$var$fontWeightBase["bold"]
     }
 };
-const $9440fa3fdd7adbfe$var$i18nFonts = {
+const $03477f2c57e5e829$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",
@@ -2291,7 +2291,7 @@ const $9440fa3fdd7adbfe$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 $9440fa3fdd7adbfe$var$fontSize = {
+const $03477f2c57e5e829$var$fontSize = {
     // The default font size scale is for use within UI components.
     'ui-xs': -2,
     'ui-sm': -1,
@@ -2336,17 +2336,17 @@ const $9440fa3fdd7adbfe$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 $9440fa3fdd7adbfe$var$fontSizeCalc = 'var(--s2-font-size-base, 14) * var(--fs)';
-const $9440fa3fdd7adbfe$var$minFontScale = 1.15;
-const $9440fa3fdd7adbfe$var$maxFontScale = 1.3;
-const $9440fa3fdd7adbfe$var$minFontSize = 10;
-const $9440fa3fdd7adbfe$var$maxFontSize = 32;
-const $9440fa3fdd7adbfe$var$lineHeightCalc = `round(1em * (${$9440fa3fdd7adbfe$var$minFontScale} + (1 - ((min(${$9440fa3fdd7adbfe$var$maxFontSize}, ${$9440fa3fdd7adbfe$var$fontSizeCalc}) - ${$9440fa3fdd7adbfe$var$minFontSize})) / ${$9440fa3fdd7adbfe$var$maxFontSize - $9440fa3fdd7adbfe$var$minFontSize}) * ${($9440fa3fdd7adbfe$var$maxFontScale - $9440fa3fdd7adbfe$var$minFontScale).toFixed(2)}), 2px)`;
-const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$25d302a5b900a763)({
+const $03477f2c57e5e829$var$fontSizeCalc = 'var(--s2-font-size-base, 14) * var(--fs)';
+const $03477f2c57e5e829$var$minFontScale = 1.15;
+const $03477f2c57e5e829$var$maxFontScale = 1.3;
+const $03477f2c57e5e829$var$minFontSize = 10;
+const $03477f2c57e5e829$var$maxFontSize = 32;
+const $03477f2c57e5e829$var$lineHeightCalc = `round(1em * (${$03477f2c57e5e829$var$minFontScale} + (1 - ((min(${$03477f2c57e5e829$var$maxFontSize}, ${$03477f2c57e5e829$var$fontSizeCalc}) - ${$03477f2c57e5e829$var$minFontSize})) / ${$03477f2c57e5e829$var$maxFontSize - $03477f2c57e5e829$var$minFontSize}) * ${($03477f2c57e5e829$var$maxFontScale - $03477f2c57e5e829$var$minFontScale).toFixed(2)}), 2px)`;
+const $03477f2c57e5e829$export$1d567c320f4763bc = (0, $2b02e40735e2ad11$export$25d302a5b900a763)({
     properties: {
         // colors
-        color: new $9440fa3fdd7adbfe$var$SpectrumColorProperty('color', {
-            ...$9440fa3fdd7adbfe$var$baseColors,
+        color: new $03477f2c57e5e829$var$SpectrumColorProperty('color', {
+            ...$03477f2c57e5e829$var$baseColors,
             accent: {
                 type: "ref",
                 light: "accent-900",
@@ -2399,8 +2399,8 @@ const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$2
             },
             auto: "lch(from self(backgroundColor, var(--s2-container-bg)) calc((49.44 - l) * infinity) 0 0 / 1)"
         }),
-        backgroundColor: new $9440fa3fdd7adbfe$var$SpectrumColorProperty('backgroundColor', {
-            ...$9440fa3fdd7adbfe$var$baseColors,
+        backgroundColor: new $03477f2c57e5e829$var$SpectrumColorProperty('backgroundColor', {
+            ...$03477f2c57e5e829$var$baseColors,
             accent: {
                 type: "ref",
                 light: "accent-900",
@@ -2687,8 +2687,8 @@ const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$2
                 dark: "gray-75"
             }
         }),
-        borderColor: new $9440fa3fdd7adbfe$var$SpectrumColorProperty('borderColor', {
-            ...$9440fa3fdd7adbfe$var$baseColors,
+        borderColor: new $03477f2c57e5e829$var$SpectrumColorProperty('borderColor', {
+            ...$03477f2c57e5e829$var$baseColors,
             negative: {
                 type: "ref",
                 light: "negative-900",
@@ -2700,8 +2700,8 @@ const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$2
                 dark: "gray-300"
             }
         }),
-        outlineColor: new $9440fa3fdd7adbfe$var$SpectrumColorProperty('outlineColor', {
-            ...$9440fa3fdd7adbfe$var$baseColors,
+        outlineColor: new $03477f2c57e5e829$var$SpectrumColorProperty('outlineColor', {
+            ...$03477f2c57e5e829$var$baseColors,
             'focus-ring': {
                 type: "ref",
                 light: "blue-800",
@@ -2709,7 +2709,7 @@ const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$2
                 forcedColors: 'Highlight'
             }
         }),
-        fill: new $9440fa3fdd7adbfe$var$SpectrumColorProperty('fill', {
+        fill: new $03477f2c57e5e829$var$SpectrumColorProperty('fill', {
             none: 'none',
             currentColor: 'currentColor',
             accent: {
@@ -2837,49 +2837,49 @@ const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$2
                 light: "silver-800",
                 dark: "silver-900"
             },
-            ...$9440fa3fdd7adbfe$var$baseColors
+            ...$03477f2c57e5e829$var$baseColors
         }),
-        stroke: new $9440fa3fdd7adbfe$var$SpectrumColorProperty('stroke', {
+        stroke: new $03477f2c57e5e829$var$SpectrumColorProperty('stroke', {
             none: 'none',
             currentColor: 'currentColor',
-            ...$9440fa3fdd7adbfe$var$baseColors
+            ...$03477f2c57e5e829$var$baseColors
         }),
         // dimensions
-        borderSpacing: $9440fa3fdd7adbfe$var$baseSpacing,
-        flexBasis: $9440fa3fdd7adbfe$var$createSpectrumSizingProperty('flexBasis', {
+        borderSpacing: $03477f2c57e5e829$var$baseSpacing,
+        flexBasis: $03477f2c57e5e829$var$createSpectrumSizingProperty('flexBasis', {
             auto: 'auto',
             full: '100%'
         }),
-        rowGap: $9440fa3fdd7adbfe$var$spacing,
-        columnGap: $9440fa3fdd7adbfe$var$spacing,
-        height: $9440fa3fdd7adbfe$var$createSpectrumSizingProperty('height', $9440fa3fdd7adbfe$var$height),
-        width: $9440fa3fdd7adbfe$var$createSpectrumSizingProperty('width', $9440fa3fdd7adbfe$var$width),
-        containIntrinsicWidth: $9440fa3fdd7adbfe$var$createSpectrumSizingProperty('containIntrinsicWidth', $9440fa3fdd7adbfe$var$width),
-        containIntrinsicHeight: $9440fa3fdd7adbfe$var$createSpectrumSizingProperty('containIntrinsicHeight', $9440fa3fdd7adbfe$var$height),
-        minHeight: $9440fa3fdd7adbfe$var$createSpectrumSizingProperty('minHeight', $9440fa3fdd7adbfe$var$height),
-        maxHeight: $9440fa3fdd7adbfe$var$createSpectrumSizingProperty('maxHeight', (()=>{
+        rowGap: $03477f2c57e5e829$var$spacing,
+        columnGap: $03477f2c57e5e829$var$spacing,
+        height: $03477f2c57e5e829$var$createSpectrumSizingProperty('height', $03477f2c57e5e829$var$height),
+        width: $03477f2c57e5e829$var$createSpectrumSizingProperty('width', $03477f2c57e5e829$var$width),
+        containIntrinsicWidth: $03477f2c57e5e829$var$createSpectrumSizingProperty('containIntrinsicWidth', $03477f2c57e5e829$var$width),
+        containIntrinsicHeight: $03477f2c57e5e829$var$createSpectrumSizingProperty('containIntrinsicHeight', $03477f2c57e5e829$var$height),
+        minHeight: $03477f2c57e5e829$var$createSpectrumSizingProperty('minHeight', $03477f2c57e5e829$var$height),
+        maxHeight: $03477f2c57e5e829$var$createSpectrumSizingProperty('maxHeight', (()=>{
             // auto is not a valid value for maxHeight
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            const { auto: auto, ...rest } = $9440fa3fdd7adbfe$var$height;
+            const { auto: auto, ...rest } = $03477f2c57e5e829$var$height;
             return {
                 ...rest,
                 none: 'none'
             };
         })()),
-        minWidth: $9440fa3fdd7adbfe$var$createSpectrumSizingProperty('minWidth', $9440fa3fdd7adbfe$var$width),
-        maxWidth: $9440fa3fdd7adbfe$var$createSpectrumSizingProperty('maxWidth', (()=>{
+        minWidth: $03477f2c57e5e829$var$createSpectrumSizingProperty('minWidth', $03477f2c57e5e829$var$width),
+        maxWidth: $03477f2c57e5e829$var$createSpectrumSizingProperty('maxWidth', (()=>{
             // auto is not a valid value for maxWidth
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            const { auto: auto, ...rest } = $9440fa3fdd7adbfe$var$width;
+            const { auto: auto, ...rest } = $03477f2c57e5e829$var$width;
             return {
                 ...rest,
                 none: 'none'
             };
         })()),
-        borderStartWidth: new (0, $e3c5b37c91268204$export$965169194d2485f7)('borderInlineStartWidth', $9440fa3fdd7adbfe$var$borderWidth),
-        borderEndWidth: new (0, $e3c5b37c91268204$export$965169194d2485f7)('borderInlineEndWidth', $9440fa3fdd7adbfe$var$borderWidth),
-        borderTopWidth: $9440fa3fdd7adbfe$var$borderWidth,
-        borderBottomWidth: $9440fa3fdd7adbfe$var$borderWidth,
+        borderStartWidth: new (0, $2b02e40735e2ad11$export$965169194d2485f7)('borderInlineStartWidth', $03477f2c57e5e829$var$borderWidth),
+        borderEndWidth: new (0, $2b02e40735e2ad11$export$965169194d2485f7)('borderInlineEndWidth', $03477f2c57e5e829$var$borderWidth),
+        borderTopWidth: $03477f2c57e5e829$var$borderWidth,
+        borderBottomWidth: $03477f2c57e5e829$var$borderWidth,
         borderStyle: [
             'solid',
             'dashed',
@@ -2893,54 +2893,54 @@ const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$2
             1: '1',
             2: '2'
         },
-        marginStart: new (0, $e3c5b37c91268204$export$6bff0717a72a8669)('marginInlineStart', $9440fa3fdd7adbfe$var$margin),
-        marginEnd: new (0, $e3c5b37c91268204$export$6bff0717a72a8669)('marginInlineEnd', $9440fa3fdd7adbfe$var$margin),
-        marginTop: new (0, $e3c5b37c91268204$export$6bff0717a72a8669)('marginTop', $9440fa3fdd7adbfe$var$margin),
-        marginBottom: new (0, $e3c5b37c91268204$export$6bff0717a72a8669)('marginBottom', $9440fa3fdd7adbfe$var$margin),
-        paddingStart: new (0, $e3c5b37c91268204$export$6bff0717a72a8669)('paddingInlineStart', $9440fa3fdd7adbfe$var$padding),
-        paddingEnd: new (0, $e3c5b37c91268204$export$6bff0717a72a8669)('paddingInlineEnd', $9440fa3fdd7adbfe$var$padding),
-        paddingTop: new (0, $e3c5b37c91268204$export$6bff0717a72a8669)('paddingTop', $9440fa3fdd7adbfe$var$padding),
-        paddingBottom: new (0, $e3c5b37c91268204$export$6bff0717a72a8669)('paddingBottom', $9440fa3fdd7adbfe$var$padding),
-        scrollMarginStart: new (0, $e3c5b37c91268204$export$965169194d2485f7)('scrollMarginInlineStart', $9440fa3fdd7adbfe$var$baseSpacing),
-        scrollMarginEnd: new (0, $e3c5b37c91268204$export$965169194d2485f7)('scrollMarginInlineEnd', $9440fa3fdd7adbfe$var$baseSpacing),
-        scrollMarginTop: $9440fa3fdd7adbfe$var$baseSpacing,
-        scrollMarginBottom: $9440fa3fdd7adbfe$var$baseSpacing,
+        marginStart: new (0, $2b02e40735e2ad11$export$6bff0717a72a8669)('marginInlineStart', $03477f2c57e5e829$var$margin),
+        marginEnd: new (0, $2b02e40735e2ad11$export$6bff0717a72a8669)('marginInlineEnd', $03477f2c57e5e829$var$margin),
+        marginTop: new (0, $2b02e40735e2ad11$export$6bff0717a72a8669)('marginTop', $03477f2c57e5e829$var$margin),
+        marginBottom: new (0, $2b02e40735e2ad11$export$6bff0717a72a8669)('marginBottom', $03477f2c57e5e829$var$margin),
+        paddingStart: new (0, $2b02e40735e2ad11$export$6bff0717a72a8669)('paddingInlineStart', $03477f2c57e5e829$var$padding),
+        paddingEnd: new (0, $2b02e40735e2ad11$export$6bff0717a72a8669)('paddingInlineEnd', $03477f2c57e5e829$var$padding),
+        paddingTop: new (0, $2b02e40735e2ad11$export$6bff0717a72a8669)('paddingTop', $03477f2c57e5e829$var$padding),
+        paddingBottom: new (0, $2b02e40735e2ad11$export$6bff0717a72a8669)('paddingBottom', $03477f2c57e5e829$var$padding),
+        scrollMarginStart: new (0, $2b02e40735e2ad11$export$965169194d2485f7)('scrollMarginInlineStart', $03477f2c57e5e829$var$baseSpacing),
+        scrollMarginEnd: new (0, $2b02e40735e2ad11$export$965169194d2485f7)('scrollMarginInlineEnd', $03477f2c57e5e829$var$baseSpacing),
+        scrollMarginTop: $03477f2c57e5e829$var$baseSpacing,
+        scrollMarginBottom: $03477f2c57e5e829$var$baseSpacing,
         // Using rems instead of px here (unlike regular padding) because this often needs to match the height of something.
-        scrollPaddingStart: new (0, $e3c5b37c91268204$export$965169194d2485f7)('scrollPaddingInlineStart', $9440fa3fdd7adbfe$var$baseSpacing),
-        scrollPaddingEnd: new (0, $e3c5b37c91268204$export$965169194d2485f7)('scrollPaddingInlineEnd', $9440fa3fdd7adbfe$var$baseSpacing),
-        scrollPaddingTop: $9440fa3fdd7adbfe$var$baseSpacing,
-        scrollPaddingBottom: $9440fa3fdd7adbfe$var$baseSpacing,
-        textIndent: new (0, $e3c5b37c91268204$export$6bff0717a72a8669)('textIndent', $9440fa3fdd7adbfe$var$baseSpacing),
-        translateX: new (0, $e3c5b37c91268204$export$1b6028cfca42adca)([
+        scrollPaddingStart: new (0, $2b02e40735e2ad11$export$965169194d2485f7)('scrollPaddingInlineStart', $03477f2c57e5e829$var$baseSpacing),
+        scrollPaddingEnd: new (0, $2b02e40735e2ad11$export$965169194d2485f7)('scrollPaddingInlineEnd', $03477f2c57e5e829$var$baseSpacing),
+        scrollPaddingTop: $03477f2c57e5e829$var$baseSpacing,
+        scrollPaddingBottom: $03477f2c57e5e829$var$baseSpacing,
+        textIndent: new (0, $2b02e40735e2ad11$export$6bff0717a72a8669)('textIndent', $03477f2c57e5e829$var$baseSpacing),
+        translateX: new (0, $2b02e40735e2ad11$export$1b6028cfca42adca)([
             '--translateX',
             'translate'
         ], (value)=>({
                 '--translateX': String(value),
                 translate: 'var(--translateX, 0) var(--translateY, 0)'
-            }), new (0, $e3c5b37c91268204$export$6bff0717a72a8669)('--translateX', $9440fa3fdd7adbfe$var$translate)),
-        translateY: new (0, $e3c5b37c91268204$export$1b6028cfca42adca)([
+            }), new (0, $2b02e40735e2ad11$export$6bff0717a72a8669)('--translateX', $03477f2c57e5e829$var$translate)),
+        translateY: new (0, $2b02e40735e2ad11$export$1b6028cfca42adca)([
             '--translateY',
             'translate'
         ], (value)=>({
                 '--translateY': String(value),
                 translate: 'var(--translateX, 0) var(--translateY, 0)'
-            }), new (0, $e3c5b37c91268204$export$6bff0717a72a8669)('--translateY', $9440fa3fdd7adbfe$var$translate)),
-        rotate: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('rotate', (value)=>typeof value === 'number' ? `${value}deg` : value),
-        scaleX: new (0, $e3c5b37c91268204$export$1b6028cfca42adca)([
+            }), new (0, $2b02e40735e2ad11$export$6bff0717a72a8669)('--translateY', $03477f2c57e5e829$var$translate)),
+        rotate: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('rotate', (value)=>typeof value === 'number' ? `${value}deg` : value),
+        scaleX: new (0, $2b02e40735e2ad11$export$1b6028cfca42adca)([
             '--scaleX',
             'scale'
         ], (value)=>({
                 '--scaleX': String(value),
                 scale: 'var(--scaleX, 1) var(--scaleY, 1)'
             })),
-        scaleY: new (0, $e3c5b37c91268204$export$1b6028cfca42adca)([
+        scaleY: new (0, $2b02e40735e2ad11$export$1b6028cfca42adca)([
             '--scaleY',
             'scale'
         ], (value)=>({
                 '--scaleY': String(value),
                 scale: 'var(--scaleX, 1) var(--scaleY, 1)'
             })),
-        transform: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('transform'),
+        transform: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('transform'),
         position: [
             'absolute',
             'fixed',
@@ -2948,13 +2948,13 @@ const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$2
             'sticky',
             'static'
         ],
-        insetStart: new (0, $e3c5b37c91268204$export$6bff0717a72a8669)('insetInlineStart', $9440fa3fdd7adbfe$var$inset),
-        insetEnd: new (0, $e3c5b37c91268204$export$6bff0717a72a8669)('insetInlineEnd', $9440fa3fdd7adbfe$var$inset),
-        top: new (0, $e3c5b37c91268204$export$6bff0717a72a8669)('top', $9440fa3fdd7adbfe$var$inset),
-        left: new (0, $e3c5b37c91268204$export$6bff0717a72a8669)('left', $9440fa3fdd7adbfe$var$inset),
-        bottom: new (0, $e3c5b37c91268204$export$6bff0717a72a8669)('bottom', $9440fa3fdd7adbfe$var$inset),
-        right: new (0, $e3c5b37c91268204$export$6bff0717a72a8669)('right', $9440fa3fdd7adbfe$var$inset),
-        aspectRatio: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('aspectRatio', (value)=>{
+        insetStart: new (0, $2b02e40735e2ad11$export$6bff0717a72a8669)('insetInlineStart', $03477f2c57e5e829$var$inset),
+        insetEnd: new (0, $2b02e40735e2ad11$export$6bff0717a72a8669)('insetInlineEnd', $03477f2c57e5e829$var$inset),
+        top: new (0, $2b02e40735e2ad11$export$6bff0717a72a8669)('top', $03477f2c57e5e829$var$inset),
+        left: new (0, $2b02e40735e2ad11$export$6bff0717a72a8669)('left', $03477f2c57e5e829$var$inset),
+        bottom: new (0, $2b02e40735e2ad11$export$6bff0717a72a8669)('bottom', $03477f2c57e5e829$var$inset),
+        right: new (0, $2b02e40735e2ad11$export$6bff0717a72a8669)('right', $03477f2c57e5e829$var$inset),
+        aspectRatio: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('aspectRatio', (value)=>{
             if (value === 'square') return '1/1';
             if (value === 'video') return '16/9';
             return value;
@@ -2963,27 +2963,27 @@ const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$2
         fontFamily: {
             sans: {
                 default: 'var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif',
-                ...$9440fa3fdd7adbfe$var$i18nFonts
+                ...$03477f2c57e5e829$var$i18nFonts
             },
             serif: {
                 default: 'var(--s2-font-family-serif, adobe-clean-spectrum-srf-vf), adobe-clean-serif, "Source Serif", Georgia, serif',
-                ...$9440fa3fdd7adbfe$var$i18nFonts
+                ...$03477f2c57e5e829$var$i18nFonts
             },
             code: 'source-code-pro, "Source Code Pro", Monaco, monospace'
         },
-        fontSize: new (0, $e3c5b37c91268204$export$1b6028cfca42adca)([
+        fontSize: new (0, $2b02e40735e2ad11$export$1b6028cfca42adca)([
             '--fs',
             'fontSize'
         ], (value)=>{
             if (typeof value === 'number') return {
                 '--fs': `pow(1.125, ${value})`,
-                fontSize: `round(${$9440fa3fdd7adbfe$var$fontSizeCalc} / 16 * ${process.env.DOCS_ENV ? 'var(--rem, 1rem)' : '1rem'}, 1px)`
+                fontSize: `round(${$03477f2c57e5e829$var$fontSizeCalc} / 16 * ${process.env.DOCS_ENV ? 'var(--rem, 1rem)' : '1rem'}, 1px)`
             };
             return {
                 fontSize: value
             };
-        }, $9440fa3fdd7adbfe$var$fontSize),
-        fontWeight: new (0, $e3c5b37c91268204$export$1b6028cfca42adca)([
+        }, $03477f2c57e5e829$var$fontSize),
+        fontWeight: new (0, $2b02e40735e2ad11$export$1b6028cfca42adca)([
             'fontWeight',
             'fontVariationSettings',
             'fontSynthesisWeight'
@@ -2992,21 +2992,21 @@ const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$2
                 fontWeight: value,
                 fontSynthesisWeight: 'none'
             };
-        }, $9440fa3fdd7adbfe$var$fontWeight),
+        }, $03477f2c57e5e829$var$fontWeight),
         lineHeight: {
             // See https://spectrum.corp.adobe.com/page/typography/#Line-height
             ui: {
                 // Calculate line-height based on font size.
-                default: $9440fa3fdd7adbfe$var$lineHeightCalc,
+                default: $03477f2c57e5e829$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: $9440fa3fdd7adbfe$var$lineHeightCalc,
+                default: $03477f2c57e5e829$var$lineHeightCalc,
                 ':lang(ja, ko, zh, zh-Hant, zh-Hans, zh-CN, zh-SG)': 1.5
             },
             title: {
-                default: $9440fa3fdd7adbfe$var$lineHeightCalc,
+                default: $03477f2c57e5e829$var$lineHeightCalc,
                 ':lang(ja, ko, zh, zh-Hant, zh-Hans, zh-CN, zh-SG)': 1.5
             },
             body: {
@@ -3015,7 +3015,7 @@ const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$2
                 ':lang(ja, ko, zh, zh-Hant, zh-Hans, zh-CN, zh-SG)': 1.7
             },
             detail: {
-                default: $9440fa3fdd7adbfe$var$lineHeightCalc,
+                default: $03477f2c57e5e829$var$lineHeightCalc,
                 ':lang(ja, ko, zh, zh-Hant, zh-Hans, zh-CN, zh-SG)': 1.5
             },
             code: {
@@ -3054,7 +3054,7 @@ const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$2
             'sub',
             'super'
         ],
-        textDecoration: new (0, $e3c5b37c91268204$export$1b6028cfca42adca)([
+        textDecoration: new (0, $2b02e40735e2ad11$export$1b6028cfca42adca)([
             'textDecoration',
             'textUnderlineOffset'
         ], (value)=>({
@@ -3065,7 +3065,7 @@ const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$2
             'ellipsis',
             'clip'
         ],
-        lineClamp: new (0, $e3c5b37c91268204$export$1b6028cfca42adca)([
+        lineClamp: new (0, $2b02e40735e2ad11$export$1b6028cfca42adca)([
             'overflow',
             'display',
             '-webkit-box-orient',
@@ -3148,10 +3148,10 @@ const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$2
             ].reverse().map((s)=>`drop-shadow(${s})`).join(' '),
             none: 'none'
         },
-        borderTopStartRadius: new (0, $e3c5b37c91268204$export$965169194d2485f7)('borderStartStartRadius', $9440fa3fdd7adbfe$var$radius),
-        borderTopEndRadius: new (0, $e3c5b37c91268204$export$965169194d2485f7)('borderStartEndRadius', $9440fa3fdd7adbfe$var$radius),
-        borderBottomStartRadius: new (0, $e3c5b37c91268204$export$965169194d2485f7)('borderEndStartRadius', $9440fa3fdd7adbfe$var$radius),
-        borderBottomEndRadius: new (0, $e3c5b37c91268204$export$965169194d2485f7)('borderEndEndRadius', $9440fa3fdd7adbfe$var$radius),
+        borderTopStartRadius: new (0, $2b02e40735e2ad11$export$965169194d2485f7)('borderStartStartRadius', $03477f2c57e5e829$var$radius),
+        borderTopEndRadius: new (0, $2b02e40735e2ad11$export$965169194d2485f7)('borderStartEndRadius', $03477f2c57e5e829$var$radius),
+        borderBottomStartRadius: new (0, $2b02e40735e2ad11$export$965169194d2485f7)('borderEndStartRadius', $03477f2c57e5e829$var$radius),
+        borderBottomEndRadius: new (0, $2b02e40735e2ad11$export$965169194d2485f7)('borderEndEndRadius', $03477f2c57e5e829$var$radius),
         forcedColorAdjust: [
             'auto',
             'none'
@@ -3161,7 +3161,7 @@ const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$2
             'dark',
             'light dark'
         ],
-        backgroundImage: new (0, $e3c5b37c91268204$export$1b6028cfca42adca)([
+        backgroundImage: new (0, $2b02e40735e2ad11$export$1b6028cfca42adca)([
             'backgroundImage',
             '--g0',
             '--g1',
@@ -3180,7 +3180,7 @@ const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$2
                 let properties = [];
                 value[0].stops.forEach(([colorValue], i)=>{
                     properties.push(`--g${i}`);
-                    values[`--g${i}`] = $9440fa3fdd7adbfe$export$35e9368ef982300f(colorValue);
+                    values[`--g${i}`] = $03477f2c57e5e829$export$35e9368ef982300f(colorValue);
                 });
                 // This is used by transition-property so we automatically transition all of the color stops.
                 values['--gp'] = properties.join(', ');
@@ -3266,7 +3266,7 @@ const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$2
             'plus-darker',
             'plus-lighter'
         ],
-        opacity: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('opacity'),
+        opacity: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('opacity'),
         outlineStyle: [
             'none',
             'solid',
@@ -3275,15 +3275,15 @@ const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$2
             'double',
             'inset'
         ],
-        outlineOffset: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('outlineOffset', (v)=>`${v}px`),
-        outlineWidth: $9440fa3fdd7adbfe$var$borderWidth,
-        transition: new (0, $e3c5b37c91268204$export$965169194d2485f7)('transitionProperty', $9440fa3fdd7adbfe$var$transitionProperty),
-        transitionDelay: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('transitionDelay', $9440fa3fdd7adbfe$var$durationValue),
-        transitionDuration: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('transitionDuration', $9440fa3fdd7adbfe$var$durationValue),
-        transitionTimingFunction: $9440fa3fdd7adbfe$var$timingFunction,
-        animation: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('animationName'),
-        animationDuration: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('animationDuration', $9440fa3fdd7adbfe$var$durationValue),
-        animationDelay: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('animationDelay', $9440fa3fdd7adbfe$var$durationValue),
+        outlineOffset: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('outlineOffset', (v)=>`${v}px`),
+        outlineWidth: $03477f2c57e5e829$var$borderWidth,
+        transition: new (0, $2b02e40735e2ad11$export$965169194d2485f7)('transitionProperty', $03477f2c57e5e829$var$transitionProperty),
+        transitionDelay: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('transitionDelay', $03477f2c57e5e829$var$durationValue),
+        transitionDuration: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('transitionDuration', $03477f2c57e5e829$var$durationValue),
+        transitionTimingFunction: $03477f2c57e5e829$var$timingFunction,
+        animation: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('animationName'),
+        animationDuration: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('animationDuration', $03477f2c57e5e829$var$durationValue),
+        animationDelay: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('animationDelay', $03477f2c57e5e829$var$durationValue),
         animationDirection: [
             'normal',
             'reverse',
@@ -3296,8 +3296,8 @@ const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$2
             'backwards',
             'both'
         ],
-        animationIterationCount: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('animationIterationCount'),
-        animationTimingFunction: $9440fa3fdd7adbfe$var$timingFunction,
+        animationIterationCount: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('animationIterationCount'),
+        animationTimingFunction: $03477f2c57e5e829$var$timingFunction,
         animationPlayState: [
             'paused',
             'running'
@@ -3375,12 +3375,12 @@ const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$2
             'wrap-reverse',
             'nowrap'
         ],
-        flexShrink: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('flexShrink'),
-        flexGrow: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('flexGrow'),
-        gridColumnStart: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('gridColumnStart'),
-        gridColumnEnd: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('gridColumnEnd'),
-        gridRowStart: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('gridRowStart'),
-        gridRowEnd: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('gridRowEnd'),
+        flexShrink: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('flexShrink'),
+        flexGrow: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('flexGrow'),
+        gridColumnStart: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('gridColumnStart'),
+        gridColumnEnd: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('gridColumnEnd'),
+        gridRowStart: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('gridRowStart'),
+        gridRowEnd: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('gridRowEnd'),
         gridAutoFlow: [
             'row',
             'column',
@@ -3388,11 +3388,11 @@ const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$2
             'row dense',
             'column dense'
         ],
-        gridAutoRows: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('gridAutoRows', $9440fa3fdd7adbfe$var$gridTrackSize),
-        gridAutoColumns: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('gridAutoColumns', $9440fa3fdd7adbfe$var$gridTrackSize),
-        gridTemplateColumns: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('gridTemplateColumns', $9440fa3fdd7adbfe$var$gridTrack),
-        gridTemplateRows: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('gridTemplateRows', $9440fa3fdd7adbfe$var$gridTrack),
-        gridTemplateAreas: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('gridTemplateAreas', (value)=>value.map((v)=>`"${v}"`).join('')),
+        gridAutoRows: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('gridAutoRows', $03477f2c57e5e829$var$gridTrackSize),
+        gridAutoColumns: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('gridAutoColumns', $03477f2c57e5e829$var$gridTrackSize),
+        gridTemplateColumns: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('gridTemplateColumns', $03477f2c57e5e829$var$gridTrack),
+        gridTemplateRows: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('gridTemplateRows', $03477f2c57e5e829$var$gridTrack),
+        gridTemplateAreas: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('gridTemplateAreas', (value)=>value.map((v)=>`"${v}"`).join('')),
         float: [
             'inline-start',
             'inline-end',
@@ -3424,7 +3424,7 @@ const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$2
             'inline-size',
             'scroll-state'
         ],
-        containerName: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('containerName'),
+        containerName: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('containerName'),
         boxSizing: [
             'border-box',
             'content-box'
@@ -3500,7 +3500,7 @@ const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$2
             'auto',
             'thin'
         ],
-        order: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('order'),
+        order: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('order'),
         pointerEvents: [
             'none',
             'auto'
@@ -3627,8 +3627,8 @@ const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$2
             'contents',
             'transform'
         ],
-        zIndex: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('zIndex'),
-        disableTapHighlight: new (0, $e3c5b37c91268204$export$d03475ad9df06cd2)('-webkit-tap-highlight-color', // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        zIndex: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('zIndex'),
+        disableTapHighlight: new (0, $2b02e40735e2ad11$export$d03475ad9df06cd2)('-webkit-tap-highlight-color', // eslint-disable-next-line @typescript-eslint/no-unused-vars
         (_value)=>'rgba(0,0,0,0)'),
         unicodeBidi: [
             'normal',
@@ -3852,5 +3852,5 @@ const $9440fa3fdd7adbfe$export$1d567c320f4763bc = (0, $e3c5b37c91268204$export$2
 });
 
 
-export {$9440fa3fdd7adbfe$export$49bbad2a916ab57c as baseColor, $9440fa3fdd7adbfe$export$35e9368ef982300f as color, $9440fa3fdd7adbfe$export$d19e682d444755ed as lightDark, $9440fa3fdd7adbfe$export$9b476054b78b89cd as colorMix, $9440fa3fdd7adbfe$export$46def8197cf4dd4c as linearGradient, $9440fa3fdd7adbfe$export$ba024f4caf693d15 as fontRelative, $9440fa3fdd7adbfe$export$17b63977b35bb6d2 as edgeToText, $9440fa3fdd7adbfe$export$a941ed4b947d12f8 as space, $9440fa3fdd7adbfe$export$346677f925de839c as size, $9440fa3fdd7adbfe$export$1d567c320f4763bc as style};
+export {$03477f2c57e5e829$export$49bbad2a916ab57c as baseColor, $03477f2c57e5e829$export$35e9368ef982300f as color, $03477f2c57e5e829$export$d19e682d444755ed as lightDark, $03477f2c57e5e829$export$9b476054b78b89cd as colorMix, $03477f2c57e5e829$export$46def8197cf4dd4c as linearGradient, $03477f2c57e5e829$export$ba024f4caf693d15 as fontRelative, $03477f2c57e5e829$export$17b63977b35bb6d2 as edgeToText, $03477f2c57e5e829$export$a941ed4b947d12f8 as space, $03477f2c57e5e829$export$346677f925de839c as size, $03477f2c57e5e829$export$1d567c320f4763bc as style};
 //# sourceMappingURL=spectrum-theme.mjs.map