@react-spectrum/s2 0.11.2 → 0.12.0

package/style/dist/spectrum-theme.mjs

@@ -1,4 +1,4 @@
-import {ArbitraryProperty as $1619a4f0ddc7ccfb$export$d03475ad9df06cd2, createTheme as $1619a4f0ddc7ccfb$export$25d302a5b900a763, ExpandedProperty as $1619a4f0ddc7ccfb$export$1b6028cfca42adca, MappedProperty as $1619a4f0ddc7ccfb$export$965169194d2485f7, parseArbitraryValue as $1619a4f0ddc7ccfb$export$22a8270399010c94, PercentageProperty as $1619a4f0ddc7ccfb$export$6bff0717a72a8669, SizingProperty as $1619a4f0ddc7ccfb$export$8c6b4dc3755476bb} from "./style-macro.mjs";
+import {ArbitraryProperty as $6aa8bfe5ed29b83a$export$d03475ad9df06cd2, createTheme as $6aa8bfe5ed29b83a$export$25d302a5b900a763, ExpandedProperty as $6aa8bfe5ed29b83a$export$1b6028cfca42adca, MappedProperty as $6aa8bfe5ed29b83a$export$965169194d2485f7, parseArbitraryValue as $6aa8bfe5ed29b83a$export$22a8270399010c94, PercentageProperty as $6aa8bfe5ed29b83a$export$6bff0717a72a8669, SizingProperty as $6aa8bfe5ed29b83a$export$8c6b4dc3755476bb} from "./style-macro.mjs";
 
 /*
  * Copyright 2024 Adobe. All rights reserved.
@@ -11,11 +11,11 @@ import {ArbitraryProperty as $1619a4f0ddc7ccfb$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 $27684d56c53d4b5c$var$pxToRem(px) {
+function $204ce7e475877bb1$var$pxToRem(px) {
     if (typeof px === 'string') px = parseFloat(px);
     return px / 16 + 'rem';
 }
-const $27684d56c53d4b5c$var$baseColors = {
+const $204ce7e475877bb1$var$baseColors = {
     transparent: 'transparent',
     black: 'black',
     white: 'white',
@@ -1976,36 +1976,36 @@ const $27684d56c53d4b5c$var$baseColors = {
     LinkText: 'LinkText'
 };
 // Resolves a color to its most basic form, following all aliases.
-function $27684d56c53d4b5c$var$resolveColorToken(token) {
+function $204ce7e475877bb1$var$resolveColorToken(token) {
     if (typeof token === 'string') return {
         type: 'color',
         light: token,
         dark: token
     };
     if (token.type === 'color') return token;
-    let lightToken = $27684d56c53d4b5c$var$baseColors[token.light];
+    let lightToken = $204ce7e475877bb1$var$baseColors[token.light];
     if (!lightToken) throw new Error(`${token.light} is not a valid color reference`);
-    let darkToken = $27684d56c53d4b5c$var$baseColors[token.dark];
+    let darkToken = $204ce7e475877bb1$var$baseColors[token.dark];
     if (!darkToken) throw new Error(`${token.dark} is not a valid color reference`);
-    let light = $27684d56c53d4b5c$var$resolveColorToken(lightToken);
-    let dark = $27684d56c53d4b5c$var$resolveColorToken(darkToken);
+    let light = $204ce7e475877bb1$var$resolveColorToken(lightToken);
+    let dark = $204ce7e475877bb1$var$resolveColorToken(darkToken);
     return {
         type: 'color',
         light: light.light,
         dark: dark.dark
     };
 }
-function $27684d56c53d4b5c$var$colorTokenToString(token, opacity) {
+function $204ce7e475877bb1$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 $27684d56c53d4b5c$var$colorList = Object.keys($27684d56c53d4b5c$var$baseColors);
-function $27684d56c53d4b5c$var$nextColorStop(name, token) {
+let $204ce7e475877bb1$var$colorList = Object.keys($204ce7e475877bb1$var$baseColors);
+function $204ce7e475877bb1$var$nextColorStop(name, token) {
     if (typeof token === 'object' && token.type === 'ref') {
-        let light = $27684d56c53d4b5c$var$nextColorStop(token.light, $27684d56c53d4b5c$var$baseColors[token.light]);
-        let dark = $27684d56c53d4b5c$var$nextColorStop(token.dark, $27684d56c53d4b5c$var$baseColors[token.dark]);
+        let light = $204ce7e475877bb1$var$nextColorStop(token.light, $204ce7e475877bb1$var$baseColors[token.light]);
+        let dark = $204ce7e475877bb1$var$nextColorStop(token.dark, $204ce7e475877bb1$var$baseColors[token.dark]);
         return {
             type: 'color',
             light: light.light,
@@ -2013,13 +2013,13 @@ function $27684d56c53d4b5c$var$nextColorStop(name, token) {
             forcedColors: token.forcedColors
         };
     }
-    let index = $27684d56c53d4b5c$var$colorList.indexOf(name);
+    let index = $204ce7e475877bb1$var$colorList.indexOf(name);
     if (index === -1) throw new Error(`${name} does not support states`);
-    let key = $27684d56c53d4b5c$var$colorList[index + 1];
+    let key = $204ce7e475877bb1$var$colorList[index + 1];
     if (key.split('-')[0] !== name.split('-')[0]) throw new Error(`${name} does not support states`);
-    return $27684d56c53d4b5c$var$resolveColorToken($27684d56c53d4b5c$var$baseColors[key]);
+    return $204ce7e475877bb1$var$resolveColorToken($204ce7e475877bb1$var$baseColors[key]);
 }
-class $27684d56c53d4b5c$var$SpectrumColorProperty extends (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2) {
+class $204ce7e475877bb1$var$SpectrumColorProperty extends (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2) {
     constructor(property, mapping){
         super(property);
         this.mapping = mapping;
@@ -2029,9 +2029,9 @@ class $27684d56c53d4b5c$var$SpectrumColorProperty extends (0, $1619a4f0ddc7ccfb$
         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 = $27684d56c53d4b5c$var$nextColorStop(color, token);
-        else token = $27684d56c53d4b5c$var$resolveColorToken(token);
-        let result = $27684d56c53d4b5c$var$colorTokenToString(token, opacity);
+        if (state === 'hovered' || state === 'pressed' || state === 'focused') token = $204ce7e475877bb1$var$nextColorStop(color, token);
+        else token = $204ce7e475877bb1$var$resolveColorToken(token);
+        let result = $204ce7e475877bb1$var$colorTokenToString(token, opacity);
         if (token.forcedColors) return {
             default: result,
             forcedColors: token.forcedColors
@@ -2039,7 +2039,7 @@ class $27684d56c53d4b5c$var$SpectrumColorProperty extends (0, $1619a4f0ddc7ccfb$
         return result;
     }
 }
-function $27684d56c53d4b5c$export$49bbad2a916ab57c(base) {
+function $204ce7e475877bb1$export$49bbad2a916ab57c(base) {
     return {
         default: base,
         isHovered: `${base}:hovered`,
@@ -2047,19 +2047,19 @@ function $27684d56c53d4b5c$export$49bbad2a916ab57c(base) {
         isPressed: `${base}:pressed`
     };
 }
-function $27684d56c53d4b5c$export$35e9368ef982300f(value) {
-    let arbitrary = (0, $1619a4f0ddc7ccfb$export$22a8270399010c94)(value);
+function $204ce7e475877bb1$export$35e9368ef982300f(value) {
+    let arbitrary = (0, $6aa8bfe5ed29b83a$export$22a8270399010c94)(value);
     if (arbitrary) return arbitrary;
     let [colorValue, opacity] = value.split('/');
-    return $27684d56c53d4b5c$var$colorTokenToString($27684d56c53d4b5c$var$resolveColorToken($27684d56c53d4b5c$var$baseColors[colorValue]), opacity);
+    return $204ce7e475877bb1$var$colorTokenToString($204ce7e475877bb1$var$resolveColorToken($204ce7e475877bb1$var$baseColors[colorValue]), opacity);
 }
-function $27684d56c53d4b5c$export$d19e682d444755ed(light, dark) {
-    return `[light-dark(${$27684d56c53d4b5c$export$35e9368ef982300f(light)}, ${$27684d56c53d4b5c$export$35e9368ef982300f(dark)})]`;
+function $204ce7e475877bb1$export$d19e682d444755ed(light, dark) {
+    return `[light-dark(${$204ce7e475877bb1$export$35e9368ef982300f(light)}, ${$204ce7e475877bb1$export$35e9368ef982300f(dark)})]`;
 }
-function $27684d56c53d4b5c$export$9b476054b78b89cd(a, b, percent) {
-    return `[color-mix(in srgb, ${$27684d56c53d4b5c$export$35e9368ef982300f(a)}, ${$27684d56c53d4b5c$export$35e9368ef982300f(b)} ${percent}%)]`;
+function $204ce7e475877bb1$export$9b476054b78b89cd(a, b, percent) {
+    return `[color-mix(in srgb, ${$204ce7e475877bb1$export$35e9368ef982300f(a)}, ${$204ce7e475877bb1$export$35e9368ef982300f(b)} ${percent}%)]`;
 }
-function $27684d56c53d4b5c$export$46def8197cf4dd4c(angle, ...tokens) {
+function $204ce7e475877bb1$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} {
@@ -2080,11 +2080,11 @@ function $27684d56c53d4b5c$export$46def8197cf4dd4c(angle, ...tokens) {
     ];
 }
 // Spacing uses rems, padding does not.
-function $27684d56c53d4b5c$var$generateSpacing(px) {
+function $204ce7e475877bb1$var$generateSpacing(px) {
     let spacing = {};
     let padding = {};
     for (let p of px){
-        spacing[p] = $27684d56c53d4b5c$var$pxToRem(p);
+        spacing[p] = $204ce7e475877bb1$var$pxToRem(p);
         padding[p] = p + 'px';
     }
     return {
@@ -2092,7 +2092,7 @@ function $27684d56c53d4b5c$var$generateSpacing(px) {
         padding: padding
     };
 }
-const { spacing: $27684d56c53d4b5c$var$baseSpacing, padding: $27684d56c53d4b5c$var$basePadding } = $27684d56c53d4b5c$var$generateSpacing([
+const { spacing: $204ce7e475877bb1$var$baseSpacing, padding: $204ce7e475877bb1$var$basePadding } = $204ce7e475877bb1$var$generateSpacing([
     0,
     2,
     4,
@@ -2115,7 +2115,7 @@ const { spacing: $27684d56c53d4b5c$var$baseSpacing, padding: $27684d56c53d4b5c$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: $27684d56c53d4b5c$var$negativeSpacing, padding: $27684d56c53d4b5c$var$negativePadding } = $27684d56c53d4b5c$var$generateSpacing([
+const { spacing: $204ce7e475877bb1$var$negativeSpacing, padding: $204ce7e475877bb1$var$negativePadding } = $204ce7e475877bb1$var$generateSpacing([
     -2,
     -4,
     -8,
@@ -2135,94 +2135,94 @@ const { spacing: $27684d56c53d4b5c$var$negativeSpacing, padding: $27684d56c53d4b
     -80,
     -96 // spacing-1000
 ]);
-function $27684d56c53d4b5c$export$ba024f4caf693d15(base, baseFontSize = 14) {
+function $204ce7e475877bb1$export$ba024f4caf693d15(base, baseFontSize = 14) {
     return base / baseFontSize + 'em';
 }
-function $27684d56c53d4b5c$export$17b63977b35bb6d2(height) {
-    return `calc(${$27684d56c53d4b5c$var$baseSpacing[height]} * 3 / 8)`;
+function $204ce7e475877bb1$export$17b63977b35bb6d2(height) {
+    return `calc(${$204ce7e475877bb1$var$baseSpacing[height]} * 3 / 8)`;
 }
-function $27684d56c53d4b5c$export$a941ed4b947d12f8(px) {
-    return $27684d56c53d4b5c$var$pxToRem(px);
+function $204ce7e475877bb1$export$a941ed4b947d12f8(px) {
+    return $204ce7e475877bb1$var$pxToRem(px);
 }
-const $27684d56c53d4b5c$var$relativeSpacing = {
+const $204ce7e475877bb1$var$relativeSpacing = {
     // font-size relative values
-    'text-to-control': $27684d56c53d4b5c$export$ba024f4caf693d15(10),
+    'text-to-control': $204ce7e475877bb1$export$ba024f4caf693d15(10),
     'text-to-visual': {
-        default: $27684d56c53d4b5c$export$ba024f4caf693d15(6),
-        touch: $27684d56c53d4b5c$export$ba024f4caf693d15(8, 17) // -> 6px, 7px, 8px, 9px, 10px, should be 7px, 7px, 8px, 9px, 11px
+        default: $204ce7e475877bb1$export$ba024f4caf693d15(6),
+        touch: $204ce7e475877bb1$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 $27684d56c53d4b5c$var$spacing = {
-    ...$27684d56c53d4b5c$var$baseSpacing,
-    ...$27684d56c53d4b5c$var$relativeSpacing
+const $204ce7e475877bb1$var$spacing = {
+    ...$204ce7e475877bb1$var$baseSpacing,
+    ...$204ce7e475877bb1$var$relativeSpacing
 };
-const $27684d56c53d4b5c$var$padding = {
-    ...$27684d56c53d4b5c$var$basePadding,
-    ...$27684d56c53d4b5c$var$relativeSpacing
+const $204ce7e475877bb1$var$padding = {
+    ...$204ce7e475877bb1$var$basePadding,
+    ...$204ce7e475877bb1$var$relativeSpacing
 };
-function $27684d56c53d4b5c$export$346677f925de839c(px) {
-    return `calc(${$27684d56c53d4b5c$var$pxToRem(px)} * var(--s2-scale))`;
+function $204ce7e475877bb1$export$346677f925de839c(px) {
+    return `calc(${$204ce7e475877bb1$var$pxToRem(px)} * var(--s2-scale))`;
 }
-const $27684d56c53d4b5c$var$sizing = {
+const $204ce7e475877bb1$var$sizing = {
     auto: 'auto',
     full: '100%',
     min: 'min-content',
     max: 'max-content',
     fit: 'fit-content'
 };
-const $27684d56c53d4b5c$var$height = {
-    ...$27684d56c53d4b5c$var$sizing,
+const $204ce7e475877bb1$var$height = {
+    ...$204ce7e475877bb1$var$sizing,
     screen: '100vh'
 };
-const $27684d56c53d4b5c$var$width = {
-    ...$27684d56c53d4b5c$var$sizing,
+const $204ce7e475877bb1$var$width = {
+    ...$204ce7e475877bb1$var$sizing,
     screen: '100vw'
 };
-function $27684d56c53d4b5c$var$createSpectrumSizingProperty(property, values) {
-    return new (0, $1619a4f0ddc7ccfb$export$8c6b4dc3755476bb)(property, values, (px)=>`calc(${$27684d56c53d4b5c$var$pxToRem(px)} * var(--s2-scale))`);
+function $204ce7e475877bb1$var$createSpectrumSizingProperty(property, values) {
+    return new (0, $6aa8bfe5ed29b83a$export$8c6b4dc3755476bb)(property, values, (px)=>`calc(${$204ce7e475877bb1$var$pxToRem(px)} * var(--s2-scale))`);
 }
-const $27684d56c53d4b5c$var$margin = {
-    ...$27684d56c53d4b5c$var$spacing,
-    ...$27684d56c53d4b5c$var$negativeSpacing,
+const $204ce7e475877bb1$var$margin = {
+    ...$204ce7e475877bb1$var$spacing,
+    ...$204ce7e475877bb1$var$negativeSpacing,
     auto: 'auto'
 };
-const $27684d56c53d4b5c$var$inset = {
-    ...$27684d56c53d4b5c$var$basePadding,
-    ...$27684d56c53d4b5c$var$negativePadding,
+const $204ce7e475877bb1$var$inset = {
+    ...$204ce7e475877bb1$var$basePadding,
+    ...$204ce7e475877bb1$var$negativePadding,
     auto: 'auto',
     full: '100%'
 };
-const $27684d56c53d4b5c$var$translate = {
-    ...$27684d56c53d4b5c$var$basePadding,
-    ...$27684d56c53d4b5c$var$negativePadding,
+const $204ce7e475877bb1$var$translate = {
+    ...$204ce7e475877bb1$var$basePadding,
+    ...$204ce7e475877bb1$var$negativePadding,
     full: '100%'
 };
-const $27684d56c53d4b5c$var$borderWidth = {
+const $204ce7e475877bb1$var$borderWidth = {
     0: '0px',
     1: "1px",
     2: "2px",
     4: "4px"
 };
-const $27684d56c53d4b5c$var$radius = {
+const $204ce7e475877bb1$var$radius = {
     none: "0px",
-    sm: $27684d56c53d4b5c$var$pxToRem("4px"),
-    default: $27684d56c53d4b5c$var$pxToRem("8px"),
-    lg: $27684d56c53d4b5c$var$pxToRem("10px"),
-    xl: $27684d56c53d4b5c$var$pxToRem("16px"),
+    sm: $204ce7e475877bb1$var$pxToRem("4px"),
+    default: $204ce7e475877bb1$var$pxToRem("8px"),
+    lg: $204ce7e475877bb1$var$pxToRem("10px"),
+    xl: $204ce7e475877bb1$var$pxToRem("16px"),
     full: '9999px',
     pill: 'calc(self(height, self(minHeight, 9999px)) / 2)'
 };
-let $27684d56c53d4b5c$var$gridTrack = (value)=>{
+let $204ce7e475877bb1$var$gridTrack = (value)=>{
     if (typeof value === 'string') return value;
-    return value.map((v)=>$27684d56c53d4b5c$var$gridTrackSize(v)).join(' ');
+    return value.map((v)=>$204ce7e475877bb1$var$gridTrackSize(v)).join(' ');
 };
-let $27684d56c53d4b5c$var$gridTrackSize = (value)=>{
-    return value in $27684d56c53d4b5c$var$baseSpacing ? $27684d56c53d4b5c$var$baseSpacing[value] : value;
+let $204ce7e475877bb1$var$gridTrackSize = (value)=>{
+    return value in $204ce7e475877bb1$var$baseSpacing ? $204ce7e475877bb1$var$baseSpacing[value] : value;
 };
-const $27684d56c53d4b5c$var$transitionProperty = {
+const $204ce7e475877bb1$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',
@@ -2234,15 +2234,15 @@ const $27684d56c53d4b5c$var$transitionProperty = {
     none: 'none'
 };
 // TODO
-const $27684d56c53d4b5c$var$timingFunction = {
+const $204ce7e475877bb1$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 $27684d56c53d4b5c$var$durationValue = (value)=>typeof value === 'number' ? value + 'ms' : value;
-const $27684d56c53d4b5c$var$fontWeightBase = {
+let $204ce7e475877bb1$var$durationValue = (value)=>typeof value === 'number' ? value + 'ms' : value;
+const $204ce7e475877bb1$var$fontWeightBase = {
     normal: '400',
     medium: {
         default: '500',
@@ -2259,22 +2259,22 @@ const $27684d56c53d4b5c$var$fontWeightBase = {
     },
     black: '900'
 };
-const $27684d56c53d4b5c$var$fontWeight = {
-    ...$27684d56c53d4b5c$var$fontWeightBase,
+const $204ce7e475877bb1$var$fontWeight = {
+    ...$204ce7e475877bb1$var$fontWeightBase,
     heading: {
-        default: $27684d56c53d4b5c$var$fontWeightBase["extra-bold"],
-        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $27684d56c53d4b5c$var$fontWeightBase["extra-bold"]
+        default: $204ce7e475877bb1$var$fontWeightBase["extra-bold"],
+        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $204ce7e475877bb1$var$fontWeightBase["extra-bold"]
     },
     title: {
-        default: $27684d56c53d4b5c$var$fontWeightBase["bold"],
-        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $27684d56c53d4b5c$var$fontWeightBase["bold"]
+        default: $204ce7e475877bb1$var$fontWeightBase["bold"],
+        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $204ce7e475877bb1$var$fontWeightBase["bold"]
     },
     detail: {
-        default: $27684d56c53d4b5c$var$fontWeightBase["medium"],
-        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $27684d56c53d4b5c$var$fontWeightBase["bold"]
+        default: $204ce7e475877bb1$var$fontWeightBase["medium"],
+        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $204ce7e475877bb1$var$fontWeightBase["bold"]
     }
 };
-const $27684d56c53d4b5c$var$i18nFonts = {
+const $204ce7e475877bb1$var$i18nFonts = {
     ':lang(ar)': 'myriad-arabic, ui-sans-serif, system-ui, sans-serif',
     ':lang(he)': '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",
@@ -2285,7 +2285,7 @@ const $27684d56c53d4b5c$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 $27684d56c53d4b5c$var$fontSize = {
+const $204ce7e475877bb1$var$fontSize = {
     // The default font size scale is for use within UI components.
     'ui-xs': -2,
     'ui-sm': -1,
@@ -2330,17 +2330,17 @@ const $27684d56c53d4b5c$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 $27684d56c53d4b5c$var$fontSizeCalc = 'var(--s2-font-size-base, 14) * var(--fs)';
-const $27684d56c53d4b5c$var$minFontScale = 1.15;
-const $27684d56c53d4b5c$var$maxFontScale = 1.3;
-const $27684d56c53d4b5c$var$minFontSize = 10;
-const $27684d56c53d4b5c$var$maxFontSize = 32;
-const $27684d56c53d4b5c$var$lineHeightCalc = `round(1em * (${$27684d56c53d4b5c$var$minFontScale} + (1 - ((min(${$27684d56c53d4b5c$var$maxFontSize}, ${$27684d56c53d4b5c$var$fontSizeCalc}) - ${$27684d56c53d4b5c$var$minFontSize})) / ${$27684d56c53d4b5c$var$maxFontSize - $27684d56c53d4b5c$var$minFontSize}) * ${($27684d56c53d4b5c$var$maxFontScale - $27684d56c53d4b5c$var$minFontScale).toFixed(2)}), 2px)`;
-const $27684d56c53d4b5c$export$1d567c320f4763bc = (0, $1619a4f0ddc7ccfb$export$25d302a5b900a763)({
+const $204ce7e475877bb1$var$fontSizeCalc = 'var(--s2-font-size-base, 14) * var(--fs)';
+const $204ce7e475877bb1$var$minFontScale = 1.15;
+const $204ce7e475877bb1$var$maxFontScale = 1.3;
+const $204ce7e475877bb1$var$minFontSize = 10;
+const $204ce7e475877bb1$var$maxFontSize = 32;
+const $204ce7e475877bb1$var$lineHeightCalc = `round(1em * (${$204ce7e475877bb1$var$minFontScale} + (1 - ((min(${$204ce7e475877bb1$var$maxFontSize}, ${$204ce7e475877bb1$var$fontSizeCalc}) - ${$204ce7e475877bb1$var$minFontSize})) / ${$204ce7e475877bb1$var$maxFontSize - $204ce7e475877bb1$var$minFontSize}) * ${($204ce7e475877bb1$var$maxFontScale - $204ce7e475877bb1$var$minFontScale).toFixed(2)}), 2px)`;
+const $204ce7e475877bb1$export$1d567c320f4763bc = (0, $6aa8bfe5ed29b83a$export$25d302a5b900a763)({
     properties: {
         // colors
-        color: new $27684d56c53d4b5c$var$SpectrumColorProperty('color', {
-            ...$27684d56c53d4b5c$var$baseColors,
+        color: new $204ce7e475877bb1$var$SpectrumColorProperty('color', {
+            ...$204ce7e475877bb1$var$baseColors,
             accent: {
                 type: "ref",
                 light: "accent-900",
@@ -2393,8 +2393,8 @@ const $27684d56c53d4b5c$export$1d567c320f4763bc = (0, $1619a4f0ddc7ccfb$export$2
             },
             auto: "lch(from self(backgroundColor, var(--s2-container-bg)) calc((49.44 - l) * infinity) 0 0 / 1)"
         }),
-        backgroundColor: new $27684d56c53d4b5c$var$SpectrumColorProperty('backgroundColor', {
-            ...$27684d56c53d4b5c$var$baseColors,
+        backgroundColor: new $204ce7e475877bb1$var$SpectrumColorProperty('backgroundColor', {
+            ...$204ce7e475877bb1$var$baseColors,
             accent: {
                 type: "ref",
                 light: "accent-900",
@@ -2681,8 +2681,8 @@ const $27684d56c53d4b5c$export$1d567c320f4763bc = (0, $1619a4f0ddc7ccfb$export$2
                 dark: "gray-75"
             }
         }),
-        borderColor: new $27684d56c53d4b5c$var$SpectrumColorProperty('borderColor', {
-            ...$27684d56c53d4b5c$var$baseColors,
+        borderColor: new $204ce7e475877bb1$var$SpectrumColorProperty('borderColor', {
+            ...$204ce7e475877bb1$var$baseColors,
             negative: {
                 type: "ref",
                 light: "negative-900",
@@ -2694,8 +2694,8 @@ const $27684d56c53d4b5c$export$1d567c320f4763bc = (0, $1619a4f0ddc7ccfb$export$2
                 dark: "gray-300"
             }
         }),
-        outlineColor: new $27684d56c53d4b5c$var$SpectrumColorProperty('outlineColor', {
-            ...$27684d56c53d4b5c$var$baseColors,
+        outlineColor: new $204ce7e475877bb1$var$SpectrumColorProperty('outlineColor', {
+            ...$204ce7e475877bb1$var$baseColors,
             'focus-ring': {
                 type: "ref",
                 light: "blue-800",
@@ -2703,7 +2703,7 @@ const $27684d56c53d4b5c$export$1d567c320f4763bc = (0, $1619a4f0ddc7ccfb$export$2
                 forcedColors: 'Highlight'
             }
         }),
-        fill: new $27684d56c53d4b5c$var$SpectrumColorProperty('fill', {
+        fill: new $204ce7e475877bb1$var$SpectrumColorProperty('fill', {
             none: 'none',
             currentColor: 'currentColor',
             accent: {
@@ -2831,39 +2831,39 @@ const $27684d56c53d4b5c$export$1d567c320f4763bc = (0, $1619a4f0ddc7ccfb$export$2
                 light: "silver-800",
                 dark: "silver-900"
             },
-            ...$27684d56c53d4b5c$var$baseColors
+            ...$204ce7e475877bb1$var$baseColors
         }),
-        stroke: new $27684d56c53d4b5c$var$SpectrumColorProperty('stroke', {
+        stroke: new $204ce7e475877bb1$var$SpectrumColorProperty('stroke', {
             none: 'none',
             currentColor: 'currentColor',
-            ...$27684d56c53d4b5c$var$baseColors
+            ...$204ce7e475877bb1$var$baseColors
         }),
         // dimensions
-        borderSpacing: $27684d56c53d4b5c$var$baseSpacing,
-        flexBasis: $27684d56c53d4b5c$var$createSpectrumSizingProperty('flexBasis', {
+        borderSpacing: $204ce7e475877bb1$var$baseSpacing,
+        flexBasis: $204ce7e475877bb1$var$createSpectrumSizingProperty('flexBasis', {
             auto: 'auto',
             full: '100%'
         }),
-        rowGap: $27684d56c53d4b5c$var$spacing,
-        columnGap: $27684d56c53d4b5c$var$spacing,
-        height: $27684d56c53d4b5c$var$createSpectrumSizingProperty('height', $27684d56c53d4b5c$var$height),
-        width: $27684d56c53d4b5c$var$createSpectrumSizingProperty('width', $27684d56c53d4b5c$var$width),
-        containIntrinsicWidth: $27684d56c53d4b5c$var$createSpectrumSizingProperty('containIntrinsicWidth', $27684d56c53d4b5c$var$width),
-        containIntrinsicHeight: $27684d56c53d4b5c$var$createSpectrumSizingProperty('containIntrinsicHeight', $27684d56c53d4b5c$var$height),
-        minHeight: $27684d56c53d4b5c$var$createSpectrumSizingProperty('minHeight', $27684d56c53d4b5c$var$height),
-        maxHeight: $27684d56c53d4b5c$var$createSpectrumSizingProperty('maxHeight', {
-            ...$27684d56c53d4b5c$var$height,
+        rowGap: $204ce7e475877bb1$var$spacing,
+        columnGap: $204ce7e475877bb1$var$spacing,
+        height: $204ce7e475877bb1$var$createSpectrumSizingProperty('height', $204ce7e475877bb1$var$height),
+        width: $204ce7e475877bb1$var$createSpectrumSizingProperty('width', $204ce7e475877bb1$var$width),
+        containIntrinsicWidth: $204ce7e475877bb1$var$createSpectrumSizingProperty('containIntrinsicWidth', $204ce7e475877bb1$var$width),
+        containIntrinsicHeight: $204ce7e475877bb1$var$createSpectrumSizingProperty('containIntrinsicHeight', $204ce7e475877bb1$var$height),
+        minHeight: $204ce7e475877bb1$var$createSpectrumSizingProperty('minHeight', $204ce7e475877bb1$var$height),
+        maxHeight: $204ce7e475877bb1$var$createSpectrumSizingProperty('maxHeight', {
+            ...$204ce7e475877bb1$var$height,
             none: 'none'
         }),
-        minWidth: $27684d56c53d4b5c$var$createSpectrumSizingProperty('minWidth', $27684d56c53d4b5c$var$width),
-        maxWidth: $27684d56c53d4b5c$var$createSpectrumSizingProperty('maxWidth', {
-            ...$27684d56c53d4b5c$var$width,
+        minWidth: $204ce7e475877bb1$var$createSpectrumSizingProperty('minWidth', $204ce7e475877bb1$var$width),
+        maxWidth: $204ce7e475877bb1$var$createSpectrumSizingProperty('maxWidth', {
+            ...$204ce7e475877bb1$var$width,
             none: 'none'
         }),
-        borderStartWidth: new (0, $1619a4f0ddc7ccfb$export$965169194d2485f7)('borderInlineStartWidth', $27684d56c53d4b5c$var$borderWidth),
-        borderEndWidth: new (0, $1619a4f0ddc7ccfb$export$965169194d2485f7)('borderInlineEndWidth', $27684d56c53d4b5c$var$borderWidth),
-        borderTopWidth: $27684d56c53d4b5c$var$borderWidth,
-        borderBottomWidth: $27684d56c53d4b5c$var$borderWidth,
+        borderStartWidth: new (0, $6aa8bfe5ed29b83a$export$965169194d2485f7)('borderInlineStartWidth', $204ce7e475877bb1$var$borderWidth),
+        borderEndWidth: new (0, $6aa8bfe5ed29b83a$export$965169194d2485f7)('borderInlineEndWidth', $204ce7e475877bb1$var$borderWidth),
+        borderTopWidth: $204ce7e475877bb1$var$borderWidth,
+        borderBottomWidth: $204ce7e475877bb1$var$borderWidth,
         borderStyle: [
             'solid',
             'dashed',
@@ -2877,54 +2877,54 @@ const $27684d56c53d4b5c$export$1d567c320f4763bc = (0, $1619a4f0ddc7ccfb$export$2
             1: '1',
             2: '2'
         },
-        marginStart: new (0, $1619a4f0ddc7ccfb$export$6bff0717a72a8669)('marginInlineStart', $27684d56c53d4b5c$var$margin),
-        marginEnd: new (0, $1619a4f0ddc7ccfb$export$6bff0717a72a8669)('marginInlineEnd', $27684d56c53d4b5c$var$margin),
-        marginTop: new (0, $1619a4f0ddc7ccfb$export$6bff0717a72a8669)('marginTop', $27684d56c53d4b5c$var$margin),
-        marginBottom: new (0, $1619a4f0ddc7ccfb$export$6bff0717a72a8669)('marginBottom', $27684d56c53d4b5c$var$margin),
-        paddingStart: new (0, $1619a4f0ddc7ccfb$export$6bff0717a72a8669)('paddingInlineStart', $27684d56c53d4b5c$var$padding),
-        paddingEnd: new (0, $1619a4f0ddc7ccfb$export$6bff0717a72a8669)('paddingInlineEnd', $27684d56c53d4b5c$var$padding),
-        paddingTop: new (0, $1619a4f0ddc7ccfb$export$6bff0717a72a8669)('paddingTop', $27684d56c53d4b5c$var$padding),
-        paddingBottom: new (0, $1619a4f0ddc7ccfb$export$6bff0717a72a8669)('paddingBottom', $27684d56c53d4b5c$var$padding),
-        scrollMarginStart: new (0, $1619a4f0ddc7ccfb$export$965169194d2485f7)('scrollMarginInlineStart', $27684d56c53d4b5c$var$baseSpacing),
-        scrollMarginEnd: new (0, $1619a4f0ddc7ccfb$export$965169194d2485f7)('scrollMarginInlineEnd', $27684d56c53d4b5c$var$baseSpacing),
-        scrollMarginTop: $27684d56c53d4b5c$var$baseSpacing,
-        scrollMarginBottom: $27684d56c53d4b5c$var$baseSpacing,
+        marginStart: new (0, $6aa8bfe5ed29b83a$export$6bff0717a72a8669)('marginInlineStart', $204ce7e475877bb1$var$margin),
+        marginEnd: new (0, $6aa8bfe5ed29b83a$export$6bff0717a72a8669)('marginInlineEnd', $204ce7e475877bb1$var$margin),
+        marginTop: new (0, $6aa8bfe5ed29b83a$export$6bff0717a72a8669)('marginTop', $204ce7e475877bb1$var$margin),
+        marginBottom: new (0, $6aa8bfe5ed29b83a$export$6bff0717a72a8669)('marginBottom', $204ce7e475877bb1$var$margin),
+        paddingStart: new (0, $6aa8bfe5ed29b83a$export$6bff0717a72a8669)('paddingInlineStart', $204ce7e475877bb1$var$padding),
+        paddingEnd: new (0, $6aa8bfe5ed29b83a$export$6bff0717a72a8669)('paddingInlineEnd', $204ce7e475877bb1$var$padding),
+        paddingTop: new (0, $6aa8bfe5ed29b83a$export$6bff0717a72a8669)('paddingTop', $204ce7e475877bb1$var$padding),
+        paddingBottom: new (0, $6aa8bfe5ed29b83a$export$6bff0717a72a8669)('paddingBottom', $204ce7e475877bb1$var$padding),
+        scrollMarginStart: new (0, $6aa8bfe5ed29b83a$export$965169194d2485f7)('scrollMarginInlineStart', $204ce7e475877bb1$var$baseSpacing),
+        scrollMarginEnd: new (0, $6aa8bfe5ed29b83a$export$965169194d2485f7)('scrollMarginInlineEnd', $204ce7e475877bb1$var$baseSpacing),
+        scrollMarginTop: $204ce7e475877bb1$var$baseSpacing,
+        scrollMarginBottom: $204ce7e475877bb1$var$baseSpacing,
         // Using rems instead of px here (unlike regular padding) because this often needs to match the height of something.
-        scrollPaddingStart: new (0, $1619a4f0ddc7ccfb$export$965169194d2485f7)('scrollPaddingInlineStart', $27684d56c53d4b5c$var$baseSpacing),
-        scrollPaddingEnd: new (0, $1619a4f0ddc7ccfb$export$965169194d2485f7)('scrollPaddingInlineEnd', $27684d56c53d4b5c$var$baseSpacing),
-        scrollPaddingTop: $27684d56c53d4b5c$var$baseSpacing,
-        scrollPaddingBottom: $27684d56c53d4b5c$var$baseSpacing,
-        textIndent: new (0, $1619a4f0ddc7ccfb$export$6bff0717a72a8669)('textIndent', $27684d56c53d4b5c$var$baseSpacing),
-        translateX: new (0, $1619a4f0ddc7ccfb$export$1b6028cfca42adca)([
+        scrollPaddingStart: new (0, $6aa8bfe5ed29b83a$export$965169194d2485f7)('scrollPaddingInlineStart', $204ce7e475877bb1$var$baseSpacing),
+        scrollPaddingEnd: new (0, $6aa8bfe5ed29b83a$export$965169194d2485f7)('scrollPaddingInlineEnd', $204ce7e475877bb1$var$baseSpacing),
+        scrollPaddingTop: $204ce7e475877bb1$var$baseSpacing,
+        scrollPaddingBottom: $204ce7e475877bb1$var$baseSpacing,
+        textIndent: new (0, $6aa8bfe5ed29b83a$export$6bff0717a72a8669)('textIndent', $204ce7e475877bb1$var$baseSpacing),
+        translateX: new (0, $6aa8bfe5ed29b83a$export$1b6028cfca42adca)([
             '--translateX',
             'translate'
         ], (value)=>({
                 '--translateX': String(value),
                 translate: 'var(--translateX, 0) var(--translateY, 0)'
-            }), new (0, $1619a4f0ddc7ccfb$export$6bff0717a72a8669)('--translateX', $27684d56c53d4b5c$var$translate)),
-        translateY: new (0, $1619a4f0ddc7ccfb$export$1b6028cfca42adca)([
+            }), new (0, $6aa8bfe5ed29b83a$export$6bff0717a72a8669)('--translateX', $204ce7e475877bb1$var$translate)),
+        translateY: new (0, $6aa8bfe5ed29b83a$export$1b6028cfca42adca)([
             '--translateY',
             'translate'
         ], (value)=>({
                 '--translateY': String(value),
                 translate: 'var(--translateX, 0) var(--translateY, 0)'
-            }), new (0, $1619a4f0ddc7ccfb$export$6bff0717a72a8669)('--translateY', $27684d56c53d4b5c$var$translate)),
-        rotate: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('rotate', (value)=>typeof value === 'number' ? `${value}deg` : value),
-        scaleX: new (0, $1619a4f0ddc7ccfb$export$1b6028cfca42adca)([
+            }), new (0, $6aa8bfe5ed29b83a$export$6bff0717a72a8669)('--translateY', $204ce7e475877bb1$var$translate)),
+        rotate: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('rotate', (value)=>typeof value === 'number' ? `${value}deg` : value),
+        scaleX: new (0, $6aa8bfe5ed29b83a$export$1b6028cfca42adca)([
             '--scaleX',
             'scale'
         ], (value)=>({
                 '--scaleX': String(value),
                 scale: 'var(--scaleX, 1) var(--scaleY, 1)'
             })),
-        scaleY: new (0, $1619a4f0ddc7ccfb$export$1b6028cfca42adca)([
+        scaleY: new (0, $6aa8bfe5ed29b83a$export$1b6028cfca42adca)([
             '--scaleY',
             'scale'
         ], (value)=>({
                 '--scaleY': String(value),
                 scale: 'var(--scaleX, 1) var(--scaleY, 1)'
             })),
-        transform: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('transform'),
+        transform: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('transform'),
         position: [
             'absolute',
             'fixed',
@@ -2932,13 +2932,13 @@ const $27684d56c53d4b5c$export$1d567c320f4763bc = (0, $1619a4f0ddc7ccfb$export$2
             'sticky',
             'static'
         ],
-        insetStart: new (0, $1619a4f0ddc7ccfb$export$6bff0717a72a8669)('insetInlineStart', $27684d56c53d4b5c$var$inset),
-        insetEnd: new (0, $1619a4f0ddc7ccfb$export$6bff0717a72a8669)('insetInlineEnd', $27684d56c53d4b5c$var$inset),
-        top: new (0, $1619a4f0ddc7ccfb$export$6bff0717a72a8669)('top', $27684d56c53d4b5c$var$inset),
-        left: new (0, $1619a4f0ddc7ccfb$export$6bff0717a72a8669)('left', $27684d56c53d4b5c$var$inset),
-        bottom: new (0, $1619a4f0ddc7ccfb$export$6bff0717a72a8669)('bottom', $27684d56c53d4b5c$var$inset),
-        right: new (0, $1619a4f0ddc7ccfb$export$6bff0717a72a8669)('right', $27684d56c53d4b5c$var$inset),
-        aspectRatio: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('aspectRatio', (value)=>{
+        insetStart: new (0, $6aa8bfe5ed29b83a$export$6bff0717a72a8669)('insetInlineStart', $204ce7e475877bb1$var$inset),
+        insetEnd: new (0, $6aa8bfe5ed29b83a$export$6bff0717a72a8669)('insetInlineEnd', $204ce7e475877bb1$var$inset),
+        top: new (0, $6aa8bfe5ed29b83a$export$6bff0717a72a8669)('top', $204ce7e475877bb1$var$inset),
+        left: new (0, $6aa8bfe5ed29b83a$export$6bff0717a72a8669)('left', $204ce7e475877bb1$var$inset),
+        bottom: new (0, $6aa8bfe5ed29b83a$export$6bff0717a72a8669)('bottom', $204ce7e475877bb1$var$inset),
+        right: new (0, $6aa8bfe5ed29b83a$export$6bff0717a72a8669)('right', $204ce7e475877bb1$var$inset),
+        aspectRatio: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('aspectRatio', (value)=>{
             if (value === 'square') return '1/1';
             if (value === 'video') return '16/9';
             return value;
@@ -2947,24 +2947,24 @@ const $27684d56c53d4b5c$export$1d567c320f4763bc = (0, $1619a4f0ddc7ccfb$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',
-                ...$27684d56c53d4b5c$var$i18nFonts
+                ...$204ce7e475877bb1$var$i18nFonts
             },
             serif: {
                 default: 'var(--s2-font-family-serif, adobe-clean-spectrum-srf-vf), adobe-clean-serif, "Source Serif", Georgia, serif',
-                ...$27684d56c53d4b5c$var$i18nFonts
+                ...$204ce7e475877bb1$var$i18nFonts
             },
             code: 'source-code-pro, "Source Code Pro", Monaco, monospace'
         },
-        fontSize: new (0, $1619a4f0ddc7ccfb$export$1b6028cfca42adca)([
+        fontSize: new (0, $6aa8bfe5ed29b83a$export$1b6028cfca42adca)([
             'fontSize',
             'lineHeight'
         ], (value)=>{
             return {
                 '--fs': `pow(1.125, ${value})`,
-                fontSize: `round(${$27684d56c53d4b5c$var$fontSizeCalc} / 16 * 1rem, 1px)`
+                fontSize: `round(${$204ce7e475877bb1$var$fontSizeCalc} / 16 * 1rem, 1px)`
             };
-        }, $27684d56c53d4b5c$var$fontSize),
-        fontWeight: new (0, $1619a4f0ddc7ccfb$export$1b6028cfca42adca)([
+        }, $204ce7e475877bb1$var$fontSize),
+        fontWeight: new (0, $6aa8bfe5ed29b83a$export$1b6028cfca42adca)([
             'fontWeight',
             'fontVariationSettings',
             'fontSynthesisWeight'
@@ -2976,24 +2976,24 @@ const $27684d56c53d4b5c$export$1d567c320f4763bc = (0, $1619a4f0ddc7ccfb$export$2
                 fontWeight: value,
                 fontSynthesisWeight: 'none'
             };
-        }, $27684d56c53d4b5c$var$fontWeight),
+        }, $204ce7e475877bb1$var$fontWeight),
         lineHeight: {
             // See https://spectrum.corp.adobe.com/page/typography/#Line-height
             ui: {
                 // Calculate line-height based on font size.
-                default: $27684d56c53d4b5c$var$lineHeightCalc,
+                default: $204ce7e475877bb1$var$lineHeightCalc,
                 // Arabic and hebrew use the old line-height for now since they are on Myriad instead of Adobe Clean.
                 ':lang(ar, he)': 1.3,
                 // CJK fonts use a larger line-height.
                 ':lang(ja, ko, zh, zh-Hant, zh-Hans, zh-CN, zh-SG)': 1.5
             },
             heading: {
-                default: $27684d56c53d4b5c$var$lineHeightCalc,
+                default: $204ce7e475877bb1$var$lineHeightCalc,
                 ':lang(ar, he)': 1.3,
                 ':lang(ja, ko, zh, zh-Hant, zh-Hans, zh-CN, zh-SG)': 1.5
             },
             title: {
-                default: $27684d56c53d4b5c$var$lineHeightCalc,
+                default: $204ce7e475877bb1$var$lineHeightCalc,
                 ':lang(ar, he)': 1.3,
                 ':lang(ja, ko, zh, zh-Hant, zh-Hans, zh-CN, zh-SG)': 1.5
             },
@@ -3003,7 +3003,7 @@ const $27684d56c53d4b5c$export$1d567c320f4763bc = (0, $1619a4f0ddc7ccfb$export$2
                 ':lang(ja, ko, zh, zh-Hant, zh-Hans, zh-CN, zh-SG)': 1.7
             },
             detail: {
-                default: $27684d56c53d4b5c$var$lineHeightCalc,
+                default: $204ce7e475877bb1$var$lineHeightCalc,
                 ':lang(ar, he)': 1.3,
                 ':lang(ja, ko, zh, zh-Hant, zh-Hans, zh-CN, zh-SG)': 1.5
             },
@@ -3043,7 +3043,7 @@ const $27684d56c53d4b5c$export$1d567c320f4763bc = (0, $1619a4f0ddc7ccfb$export$2
             'sub',
             'super'
         ],
-        textDecoration: new (0, $1619a4f0ddc7ccfb$export$1b6028cfca42adca)([
+        textDecoration: new (0, $6aa8bfe5ed29b83a$export$1b6028cfca42adca)([
             'textDecoration',
             'textUnderlineOffset'
         ], (value)=>({
@@ -3054,7 +3054,7 @@ const $27684d56c53d4b5c$export$1d567c320f4763bc = (0, $1619a4f0ddc7ccfb$export$2
             'ellipsis',
             'clip'
         ],
-        lineClamp: new (0, $1619a4f0ddc7ccfb$export$1b6028cfca42adca)([
+        lineClamp: new (0, $6aa8bfe5ed29b83a$export$1b6028cfca42adca)([
             'overflow',
             'display',
             '-webkit-box-orient',
@@ -3089,27 +3089,57 @@ const $27684d56c53d4b5c$export$1d567c320f4763bc = (0, $1619a4f0ddc7ccfb$export$2
             'break-all',
             'keep-all'
         ],
+        overflowWrap: [
+            'normal',
+            'anywhere',
+            'break-word'
+        ],
         boxDecorationBreak: [
             'slice',
             'clone'
         ],
         // effects
         boxShadow: {
-            emphasized: `${"0px"} ${"1px"} ${"6px"} ${"light-dark(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.36))"}`,
-            elevated: `${"0px"} ${"2px"} ${"8px"} ${"light-dark(rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.48))"}`,
-            dragged: `${"0px"} ${"6px"} ${"16px"} ${"light-dark(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6))"}`,
+            emphasized: [
+                "0px 2px 8px light-dark(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.24))",
+                "0px 1px 4px light-dark(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.12))",
+                "0px 0px 1px light-dark(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.24))"
+            ].join(', '),
+            elevated: [
+                "0px 4px 12px light-dark(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.24))",
+                "0px 2px 6px light-dark(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.12))",
+                "0px 0px 2px light-dark(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.36))"
+            ].join(', '),
+            dragged: [
+                "0px 12px 16px light-dark(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.24))",
+                "0px 6px 8px light-dark(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.12))",
+                "0px 0px 6px light-dark(rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.48))"
+            ].join(', '),
             none: 'none'
         },
         filter: {
-            emphasized: `drop-shadow(${"0px"} ${"1px"} ${"6px"} ${"light-dark(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.36))"})`,
-            elevated: `drop-shadow(${"0px"} ${"2px"} ${"8px"} ${"light-dark(rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.48))"})`,
-            dragged: `drop-shadow${"0px"} ${"6px"} ${"16px"} ${"light-dark(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6))"}`,
+            // layer order is reversed for filter property. filters are applied in the order they are specified.
+            emphasized: [
+                "0px 2px 8px light-dark(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.24))",
+                "0px 1px 4px light-dark(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.12))",
+                "0px 0px 1px light-dark(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.24))"
+            ].reverse().map((s)=>`drop-shadow(${s})`).join(' '),
+            elevated: [
+                "0px 4px 12px light-dark(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.24))",
+                "0px 2px 6px light-dark(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.12))",
+                "0px 0px 2px light-dark(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.36))"
+            ].reverse().map((s)=>`drop-shadow(${s})`).join(' '),
+            dragged: [
+                "0px 12px 16px light-dark(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.24))",
+                "0px 6px 8px light-dark(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.12))",
+                "0px 0px 6px light-dark(rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.48))"
+            ].reverse().map((s)=>`drop-shadow(${s})`).join(' '),
             none: 'none'
         },
-        borderTopStartRadius: new (0, $1619a4f0ddc7ccfb$export$965169194d2485f7)('borderStartStartRadius', $27684d56c53d4b5c$var$radius),
-        borderTopEndRadius: new (0, $1619a4f0ddc7ccfb$export$965169194d2485f7)('borderStartEndRadius', $27684d56c53d4b5c$var$radius),
-        borderBottomStartRadius: new (0, $1619a4f0ddc7ccfb$export$965169194d2485f7)('borderEndStartRadius', $27684d56c53d4b5c$var$radius),
-        borderBottomEndRadius: new (0, $1619a4f0ddc7ccfb$export$965169194d2485f7)('borderEndEndRadius', $27684d56c53d4b5c$var$radius),
+        borderTopStartRadius: new (0, $6aa8bfe5ed29b83a$export$965169194d2485f7)('borderStartStartRadius', $204ce7e475877bb1$var$radius),
+        borderTopEndRadius: new (0, $6aa8bfe5ed29b83a$export$965169194d2485f7)('borderStartEndRadius', $204ce7e475877bb1$var$radius),
+        borderBottomStartRadius: new (0, $6aa8bfe5ed29b83a$export$965169194d2485f7)('borderEndStartRadius', $204ce7e475877bb1$var$radius),
+        borderBottomEndRadius: new (0, $6aa8bfe5ed29b83a$export$965169194d2485f7)('borderEndEndRadius', $204ce7e475877bb1$var$radius),
         forcedColorAdjust: [
             'auto',
             'none'
@@ -3119,7 +3149,7 @@ const $27684d56c53d4b5c$export$1d567c320f4763bc = (0, $1619a4f0ddc7ccfb$export$2
             'dark',
             'light dark'
         ],
-        backgroundImage: new (0, $1619a4f0ddc7ccfb$export$1b6028cfca42adca)([
+        backgroundImage: new (0, $6aa8bfe5ed29b83a$export$1b6028cfca42adca)([
             'backgroundImage',
             '--g0',
             '--g1',
@@ -3138,7 +3168,7 @@ const $27684d56c53d4b5c$export$1d567c320f4763bc = (0, $1619a4f0ddc7ccfb$export$2
                 let properties = [];
                 value[0].stops.forEach(([colorValue], i)=>{
                     properties.push(`--g${i}`);
-                    values[`--g${i}`] = $27684d56c53d4b5c$export$35e9368ef982300f(colorValue);
+                    values[`--g${i}`] = $204ce7e475877bb1$export$35e9368ef982300f(colorValue);
                 });
                 // This is used by transition-property so we automatically transition all of the color stops.
                 values['--gp'] = properties.join(', ');
@@ -3224,7 +3254,7 @@ const $27684d56c53d4b5c$export$1d567c320f4763bc = (0, $1619a4f0ddc7ccfb$export$2
             'plus-darker',
             'plus-lighter'
         ],
-        opacity: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('opacity'),
+        opacity: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('opacity'),
         outlineStyle: [
             'none',
             'solid',
@@ -3233,15 +3263,15 @@ const $27684d56c53d4b5c$export$1d567c320f4763bc = (0, $1619a4f0ddc7ccfb$export$2
             'double',
             'inset'
         ],
-        outlineOffset: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('outlineOffset', (v)=>`${v}px`),
-        outlineWidth: $27684d56c53d4b5c$var$borderWidth,
-        transition: new (0, $1619a4f0ddc7ccfb$export$965169194d2485f7)('transitionProperty', $27684d56c53d4b5c$var$transitionProperty),
-        transitionDelay: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('transitionDelay', $27684d56c53d4b5c$var$durationValue),
-        transitionDuration: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('transitionDuration', $27684d56c53d4b5c$var$durationValue),
-        transitionTimingFunction: $27684d56c53d4b5c$var$timingFunction,
-        animation: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('animationName'),
-        animationDuration: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('animationDuration', $27684d56c53d4b5c$var$durationValue),
-        animationDelay: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('animationDelay', $27684d56c53d4b5c$var$durationValue),
+        outlineOffset: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('outlineOffset', (v)=>`${v}px`),
+        outlineWidth: $204ce7e475877bb1$var$borderWidth,
+        transition: new (0, $6aa8bfe5ed29b83a$export$965169194d2485f7)('transitionProperty', $204ce7e475877bb1$var$transitionProperty),
+        transitionDelay: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('transitionDelay', $204ce7e475877bb1$var$durationValue),
+        transitionDuration: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('transitionDuration', $204ce7e475877bb1$var$durationValue),
+        transitionTimingFunction: $204ce7e475877bb1$var$timingFunction,
+        animation: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('animationName'),
+        animationDuration: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('animationDuration', $204ce7e475877bb1$var$durationValue),
+        animationDelay: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('animationDelay', $204ce7e475877bb1$var$durationValue),
         animationDirection: [
             'normal',
             'reverse',
@@ -3254,8 +3284,8 @@ const $27684d56c53d4b5c$export$1d567c320f4763bc = (0, $1619a4f0ddc7ccfb$export$2
             'backwards',
             'both'
         ],
-        animationIterationCount: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('animationIterationCount'),
-        animationTimingFunction: $27684d56c53d4b5c$var$timingFunction,
+        animationIterationCount: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('animationIterationCount'),
+        animationTimingFunction: $204ce7e475877bb1$var$timingFunction,
         animationPlayState: [
             'paused',
             'running'
@@ -3333,12 +3363,12 @@ const $27684d56c53d4b5c$export$1d567c320f4763bc = (0, $1619a4f0ddc7ccfb$export$2
             'wrap-reverse',
             'nowrap'
         ],
-        flexShrink: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('flexShrink'),
-        flexGrow: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('flexGrow'),
-        gridColumnStart: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('gridColumnStart'),
-        gridColumnEnd: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('gridColumnEnd'),
-        gridRowStart: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('gridRowStart'),
-        gridRowEnd: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('gridRowEnd'),
+        flexShrink: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('flexShrink'),
+        flexGrow: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('flexGrow'),
+        gridColumnStart: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('gridColumnStart'),
+        gridColumnEnd: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('gridColumnEnd'),
+        gridRowStart: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('gridRowStart'),
+        gridRowEnd: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('gridRowEnd'),
         gridAutoFlow: [
             'row',
             'column',
@@ -3346,11 +3376,11 @@ const $27684d56c53d4b5c$export$1d567c320f4763bc = (0, $1619a4f0ddc7ccfb$export$2
             'row dense',
             'column dense'
         ],
-        gridAutoRows: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('gridAutoRows', $27684d56c53d4b5c$var$gridTrackSize),
-        gridAutoColumns: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('gridAutoColumns', $27684d56c53d4b5c$var$gridTrackSize),
-        gridTemplateColumns: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('gridTemplateColumns', $27684d56c53d4b5c$var$gridTrack),
-        gridTemplateRows: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('gridTemplateRows', $27684d56c53d4b5c$var$gridTrack),
-        gridTemplateAreas: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('gridTemplateAreas', (value)=>value.map((v)=>`"${v}"`).join('')),
+        gridAutoRows: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('gridAutoRows', $204ce7e475877bb1$var$gridTrackSize),
+        gridAutoColumns: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('gridAutoColumns', $204ce7e475877bb1$var$gridTrackSize),
+        gridTemplateColumns: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('gridTemplateColumns', $204ce7e475877bb1$var$gridTrack),
+        gridTemplateRows: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('gridTemplateRows', $204ce7e475877bb1$var$gridTrack),
+        gridTemplateAreas: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('gridTemplateAreas', (value)=>value.map((v)=>`"${v}"`).join('')),
         float: [
             'inline-start',
             'inline-end',
@@ -3446,7 +3476,7 @@ const $27684d56c53d4b5c$export$1d567c320f4763bc = (0, $1619a4f0ddc7ccfb$export$2
             'auto',
             'smooth'
         ],
-        order: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('order'),
+        order: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('order'),
         pointerEvents: [
             'none',
             'auto'
@@ -3574,9 +3604,9 @@ const $27684d56c53d4b5c$export$1d567c320f4763bc = (0, $1619a4f0ddc7ccfb$export$2
             'contents',
             'transform'
         ],
-        zIndex: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('zIndex'),
+        zIndex: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('zIndex'),
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        disableTapHighlight: new (0, $1619a4f0ddc7ccfb$export$d03475ad9df06cd2)('-webkit-tap-highlight-color', (_value)=>'rgba(0,0,0,0)'),
+        disableTapHighlight: new (0, $6aa8bfe5ed29b83a$export$d03475ad9df06cd2)('-webkit-tap-highlight-color', (_value)=>'rgba(0,0,0,0)'),
         unicodeBidi: [
             'normal',
             'embed',
@@ -3786,14 +3816,14 @@ const $27684d56c53d4b5c$export$1d567c320f4763bc = (0, $1619a4f0ddc7ccfb$export$2
         // Windows tablet matches the same as iPhone. No difference when a mouse is connected.
         // Windows touch laptop matches same as macOS: (any-pointer: fine), (pointer: fine), (any-hover: hover), (hover: hover).
         touch: '@media not ((hover: hover) and (pointer: fine))',
-        sm: `@media (min-width: ${$27684d56c53d4b5c$var$pxToRem(640)})`,
-        md: `@media (min-width: ${$27684d56c53d4b5c$var$pxToRem(768)})`,
-        lg: `@media (min-width: ${$27684d56c53d4b5c$var$pxToRem(1024)})`,
-        xl: `@media (min-width: ${$27684d56c53d4b5c$var$pxToRem(1280)})`,
-        '2xl': `@media (min-width: ${$27684d56c53d4b5c$var$pxToRem(1536)})`
+        sm: `@media (min-width: ${$204ce7e475877bb1$var$pxToRem(640)})`,
+        md: `@media (min-width: ${$204ce7e475877bb1$var$pxToRem(768)})`,
+        lg: `@media (min-width: ${$204ce7e475877bb1$var$pxToRem(1024)})`,
+        xl: `@media (min-width: ${$204ce7e475877bb1$var$pxToRem(1280)})`,
+        '2xl': `@media (min-width: ${$204ce7e475877bb1$var$pxToRem(1536)})`
     }
 });
 
 
-export {$27684d56c53d4b5c$export$49bbad2a916ab57c as baseColor, $27684d56c53d4b5c$export$35e9368ef982300f as color, $27684d56c53d4b5c$export$d19e682d444755ed as lightDark, $27684d56c53d4b5c$export$9b476054b78b89cd as colorMix, $27684d56c53d4b5c$export$46def8197cf4dd4c as linearGradient, $27684d56c53d4b5c$export$ba024f4caf693d15 as fontRelative, $27684d56c53d4b5c$export$17b63977b35bb6d2 as edgeToText, $27684d56c53d4b5c$export$a941ed4b947d12f8 as space, $27684d56c53d4b5c$export$346677f925de839c as size, $27684d56c53d4b5c$export$1d567c320f4763bc as style};
+export {$204ce7e475877bb1$export$49bbad2a916ab57c as baseColor, $204ce7e475877bb1$export$35e9368ef982300f as color, $204ce7e475877bb1$export$d19e682d444755ed as lightDark, $204ce7e475877bb1$export$9b476054b78b89cd as colorMix, $204ce7e475877bb1$export$46def8197cf4dd4c as linearGradient, $204ce7e475877bb1$export$ba024f4caf693d15 as fontRelative, $204ce7e475877bb1$export$17b63977b35bb6d2 as edgeToText, $204ce7e475877bb1$export$a941ed4b947d12f8 as space, $204ce7e475877bb1$export$346677f925de839c as size, $204ce7e475877bb1$export$1d567c320f4763bc as style};
 //# sourceMappingURL=spectrum-theme.mjs.map