@react-spectrum/s2 0.11.2 → 0.12.0

package/style/dist/spectrum-theme.cjs

@@ -1,21 +1,21 @@
 "use strict";
-var $1382b9520f7f9773$exports = require("./style-macro.cjs");
+var $39b83c690be83e1d$exports = require("./style-macro.cjs");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "baseColor", () => $364a8b5208b4a0ee$export$49bbad2a916ab57c);
-$parcel$export(module.exports, "color", () => $364a8b5208b4a0ee$export$35e9368ef982300f);
-$parcel$export(module.exports, "lightDark", () => $364a8b5208b4a0ee$export$d19e682d444755ed);
-$parcel$export(module.exports, "colorMix", () => $364a8b5208b4a0ee$export$9b476054b78b89cd);
-$parcel$export(module.exports, "linearGradient", () => $364a8b5208b4a0ee$export$46def8197cf4dd4c);
-$parcel$export(module.exports, "fontRelative", () => $364a8b5208b4a0ee$export$ba024f4caf693d15);
-$parcel$export(module.exports, "edgeToText", () => $364a8b5208b4a0ee$export$17b63977b35bb6d2);
-$parcel$export(module.exports, "space", () => $364a8b5208b4a0ee$export$a941ed4b947d12f8);
-$parcel$export(module.exports, "size", () => $364a8b5208b4a0ee$export$346677f925de839c);
-$parcel$export(module.exports, "style", () => $364a8b5208b4a0ee$export$1d567c320f4763bc);
+$parcel$export(module.exports, "baseColor", () => $709ed173fa1293ee$export$49bbad2a916ab57c);
+$parcel$export(module.exports, "color", () => $709ed173fa1293ee$export$35e9368ef982300f);
+$parcel$export(module.exports, "lightDark", () => $709ed173fa1293ee$export$d19e682d444755ed);
+$parcel$export(module.exports, "colorMix", () => $709ed173fa1293ee$export$9b476054b78b89cd);
+$parcel$export(module.exports, "linearGradient", () => $709ed173fa1293ee$export$46def8197cf4dd4c);
+$parcel$export(module.exports, "fontRelative", () => $709ed173fa1293ee$export$ba024f4caf693d15);
+$parcel$export(module.exports, "edgeToText", () => $709ed173fa1293ee$export$17b63977b35bb6d2);
+$parcel$export(module.exports, "space", () => $709ed173fa1293ee$export$a941ed4b947d12f8);
+$parcel$export(module.exports, "size", () => $709ed173fa1293ee$export$346677f925de839c);
+$parcel$export(module.exports, "style", () => $709ed173fa1293ee$export$1d567c320f4763bc);
 /*
  * Copyright 2024 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -27,11 +27,11 @@ $parcel$export(module.exports, "style", () => $364a8b5208b4a0ee$export$1d567c320
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-function $364a8b5208b4a0ee$var$pxToRem(px) {
+function $709ed173fa1293ee$var$pxToRem(px) {
     if (typeof px === 'string') px = parseFloat(px);
     return px / 16 + 'rem';
 }
-const $364a8b5208b4a0ee$var$baseColors = {
+const $709ed173fa1293ee$var$baseColors = {
     transparent: 'transparent',
     black: 'black',
     white: 'white',
@@ -1992,36 +1992,36 @@ const $364a8b5208b4a0ee$var$baseColors = {
     LinkText: 'LinkText'
 };
 // Resolves a color to its most basic form, following all aliases.
-function $364a8b5208b4a0ee$var$resolveColorToken(token) {
+function $709ed173fa1293ee$var$resolveColorToken(token) {
     if (typeof token === 'string') return {
         type: 'color',
         light: token,
         dark: token
     };
     if (token.type === 'color') return token;
-    let lightToken = $364a8b5208b4a0ee$var$baseColors[token.light];
+    let lightToken = $709ed173fa1293ee$var$baseColors[token.light];
     if (!lightToken) throw new Error(`${token.light} is not a valid color reference`);
-    let darkToken = $364a8b5208b4a0ee$var$baseColors[token.dark];
+    let darkToken = $709ed173fa1293ee$var$baseColors[token.dark];
     if (!darkToken) throw new Error(`${token.dark} is not a valid color reference`);
-    let light = $364a8b5208b4a0ee$var$resolveColorToken(lightToken);
-    let dark = $364a8b5208b4a0ee$var$resolveColorToken(darkToken);
+    let light = $709ed173fa1293ee$var$resolveColorToken(lightToken);
+    let dark = $709ed173fa1293ee$var$resolveColorToken(darkToken);
     return {
         type: 'color',
         light: light.light,
         dark: dark.dark
     };
 }
-function $364a8b5208b4a0ee$var$colorTokenToString(token, opacity) {
+function $709ed173fa1293ee$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 $364a8b5208b4a0ee$var$colorList = Object.keys($364a8b5208b4a0ee$var$baseColors);
-function $364a8b5208b4a0ee$var$nextColorStop(name, token) {
+let $709ed173fa1293ee$var$colorList = Object.keys($709ed173fa1293ee$var$baseColors);
+function $709ed173fa1293ee$var$nextColorStop(name, token) {
     if (typeof token === 'object' && token.type === 'ref') {
-        let light = $364a8b5208b4a0ee$var$nextColorStop(token.light, $364a8b5208b4a0ee$var$baseColors[token.light]);
-        let dark = $364a8b5208b4a0ee$var$nextColorStop(token.dark, $364a8b5208b4a0ee$var$baseColors[token.dark]);
+        let light = $709ed173fa1293ee$var$nextColorStop(token.light, $709ed173fa1293ee$var$baseColors[token.light]);
+        let dark = $709ed173fa1293ee$var$nextColorStop(token.dark, $709ed173fa1293ee$var$baseColors[token.dark]);
         return {
             type: 'color',
             light: light.light,
@@ -2029,13 +2029,13 @@ function $364a8b5208b4a0ee$var$nextColorStop(name, token) {
             forcedColors: token.forcedColors
         };
     }
-    let index = $364a8b5208b4a0ee$var$colorList.indexOf(name);
+    let index = $709ed173fa1293ee$var$colorList.indexOf(name);
     if (index === -1) throw new Error(`${name} does not support states`);
-    let key = $364a8b5208b4a0ee$var$colorList[index + 1];
+    let key = $709ed173fa1293ee$var$colorList[index + 1];
     if (key.split('-')[0] !== name.split('-')[0]) throw new Error(`${name} does not support states`);
-    return $364a8b5208b4a0ee$var$resolveColorToken($364a8b5208b4a0ee$var$baseColors[key]);
+    return $709ed173fa1293ee$var$resolveColorToken($709ed173fa1293ee$var$baseColors[key]);
 }
-class $364a8b5208b4a0ee$var$SpectrumColorProperty extends (0, $1382b9520f7f9773$exports.ArbitraryProperty) {
+class $709ed173fa1293ee$var$SpectrumColorProperty extends (0, $39b83c690be83e1d$exports.ArbitraryProperty) {
     constructor(property, mapping){
         super(property);
         this.mapping = mapping;
@@ -2045,9 +2045,9 @@ class $364a8b5208b4a0ee$var$SpectrumColorProperty extends (0, $1382b9520f7f9773$
         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 = $364a8b5208b4a0ee$var$nextColorStop(color, token);
-        else token = $364a8b5208b4a0ee$var$resolveColorToken(token);
-        let result = $364a8b5208b4a0ee$var$colorTokenToString(token, opacity);
+        if (state === 'hovered' || state === 'pressed' || state === 'focused') token = $709ed173fa1293ee$var$nextColorStop(color, token);
+        else token = $709ed173fa1293ee$var$resolveColorToken(token);
+        let result = $709ed173fa1293ee$var$colorTokenToString(token, opacity);
         if (token.forcedColors) return {
             default: result,
             forcedColors: token.forcedColors
@@ -2055,7 +2055,7 @@ class $364a8b5208b4a0ee$var$SpectrumColorProperty extends (0, $1382b9520f7f9773$
         return result;
     }
 }
-function $364a8b5208b4a0ee$export$49bbad2a916ab57c(base) {
+function $709ed173fa1293ee$export$49bbad2a916ab57c(base) {
     return {
         default: base,
         isHovered: `${base}:hovered`,
@@ -2063,19 +2063,19 @@ function $364a8b5208b4a0ee$export$49bbad2a916ab57c(base) {
         isPressed: `${base}:pressed`
     };
 }
-function $364a8b5208b4a0ee$export$35e9368ef982300f(value) {
-    let arbitrary = (0, $1382b9520f7f9773$exports.parseArbitraryValue)(value);
+function $709ed173fa1293ee$export$35e9368ef982300f(value) {
+    let arbitrary = (0, $39b83c690be83e1d$exports.parseArbitraryValue)(value);
     if (arbitrary) return arbitrary;
     let [colorValue, opacity] = value.split('/');
-    return $364a8b5208b4a0ee$var$colorTokenToString($364a8b5208b4a0ee$var$resolveColorToken($364a8b5208b4a0ee$var$baseColors[colorValue]), opacity);
+    return $709ed173fa1293ee$var$colorTokenToString($709ed173fa1293ee$var$resolveColorToken($709ed173fa1293ee$var$baseColors[colorValue]), opacity);
 }
-function $364a8b5208b4a0ee$export$d19e682d444755ed(light, dark) {
-    return `[light-dark(${$364a8b5208b4a0ee$export$35e9368ef982300f(light)}, ${$364a8b5208b4a0ee$export$35e9368ef982300f(dark)})]`;
+function $709ed173fa1293ee$export$d19e682d444755ed(light, dark) {
+    return `[light-dark(${$709ed173fa1293ee$export$35e9368ef982300f(light)}, ${$709ed173fa1293ee$export$35e9368ef982300f(dark)})]`;
 }
-function $364a8b5208b4a0ee$export$9b476054b78b89cd(a, b, percent) {
-    return `[color-mix(in srgb, ${$364a8b5208b4a0ee$export$35e9368ef982300f(a)}, ${$364a8b5208b4a0ee$export$35e9368ef982300f(b)} ${percent}%)]`;
+function $709ed173fa1293ee$export$9b476054b78b89cd(a, b, percent) {
+    return `[color-mix(in srgb, ${$709ed173fa1293ee$export$35e9368ef982300f(a)}, ${$709ed173fa1293ee$export$35e9368ef982300f(b)} ${percent}%)]`;
 }
-function $364a8b5208b4a0ee$export$46def8197cf4dd4c(angle, ...tokens) {
+function $709ed173fa1293ee$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} {
@@ -2096,11 +2096,11 @@ function $364a8b5208b4a0ee$export$46def8197cf4dd4c(angle, ...tokens) {
     ];
 }
 // Spacing uses rems, padding does not.
-function $364a8b5208b4a0ee$var$generateSpacing(px) {
+function $709ed173fa1293ee$var$generateSpacing(px) {
     let spacing = {};
     let padding = {};
     for (let p of px){
-        spacing[p] = $364a8b5208b4a0ee$var$pxToRem(p);
+        spacing[p] = $709ed173fa1293ee$var$pxToRem(p);
         padding[p] = p + 'px';
     }
     return {
@@ -2108,7 +2108,7 @@ function $364a8b5208b4a0ee$var$generateSpacing(px) {
         padding: padding
     };
 }
-const { spacing: $364a8b5208b4a0ee$var$baseSpacing, padding: $364a8b5208b4a0ee$var$basePadding } = $364a8b5208b4a0ee$var$generateSpacing([
+const { spacing: $709ed173fa1293ee$var$baseSpacing, padding: $709ed173fa1293ee$var$basePadding } = $709ed173fa1293ee$var$generateSpacing([
     0,
     2,
     4,
@@ -2131,7 +2131,7 @@ const { spacing: $364a8b5208b4a0ee$var$baseSpacing, padding: $364a8b5208b4a0ee$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: $364a8b5208b4a0ee$var$negativeSpacing, padding: $364a8b5208b4a0ee$var$negativePadding } = $364a8b5208b4a0ee$var$generateSpacing([
+const { spacing: $709ed173fa1293ee$var$negativeSpacing, padding: $709ed173fa1293ee$var$negativePadding } = $709ed173fa1293ee$var$generateSpacing([
     -2,
     -4,
     -8,
@@ -2151,94 +2151,94 @@ const { spacing: $364a8b5208b4a0ee$var$negativeSpacing, padding: $364a8b5208b4a0
     -80,
     -96 // spacing-1000
 ]);
-function $364a8b5208b4a0ee$export$ba024f4caf693d15(base, baseFontSize = 14) {
+function $709ed173fa1293ee$export$ba024f4caf693d15(base, baseFontSize = 14) {
     return base / baseFontSize + 'em';
 }
-function $364a8b5208b4a0ee$export$17b63977b35bb6d2(height) {
-    return `calc(${$364a8b5208b4a0ee$var$baseSpacing[height]} * 3 / 8)`;
+function $709ed173fa1293ee$export$17b63977b35bb6d2(height) {
+    return `calc(${$709ed173fa1293ee$var$baseSpacing[height]} * 3 / 8)`;
 }
-function $364a8b5208b4a0ee$export$a941ed4b947d12f8(px) {
-    return $364a8b5208b4a0ee$var$pxToRem(px);
+function $709ed173fa1293ee$export$a941ed4b947d12f8(px) {
+    return $709ed173fa1293ee$var$pxToRem(px);
 }
-const $364a8b5208b4a0ee$var$relativeSpacing = {
+const $709ed173fa1293ee$var$relativeSpacing = {
     // font-size relative values
-    'text-to-control': $364a8b5208b4a0ee$export$ba024f4caf693d15(10),
+    'text-to-control': $709ed173fa1293ee$export$ba024f4caf693d15(10),
     'text-to-visual': {
-        default: $364a8b5208b4a0ee$export$ba024f4caf693d15(6),
-        touch: $364a8b5208b4a0ee$export$ba024f4caf693d15(8, 17) // -> 6px, 7px, 8px, 9px, 10px, should be 7px, 7px, 8px, 9px, 11px
+        default: $709ed173fa1293ee$export$ba024f4caf693d15(6),
+        touch: $709ed173fa1293ee$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 $364a8b5208b4a0ee$var$spacing = {
-    ...$364a8b5208b4a0ee$var$baseSpacing,
-    ...$364a8b5208b4a0ee$var$relativeSpacing
+const $709ed173fa1293ee$var$spacing = {
+    ...$709ed173fa1293ee$var$baseSpacing,
+    ...$709ed173fa1293ee$var$relativeSpacing
 };
-const $364a8b5208b4a0ee$var$padding = {
-    ...$364a8b5208b4a0ee$var$basePadding,
-    ...$364a8b5208b4a0ee$var$relativeSpacing
+const $709ed173fa1293ee$var$padding = {
+    ...$709ed173fa1293ee$var$basePadding,
+    ...$709ed173fa1293ee$var$relativeSpacing
 };
-function $364a8b5208b4a0ee$export$346677f925de839c(px) {
-    return `calc(${$364a8b5208b4a0ee$var$pxToRem(px)} * var(--s2-scale))`;
+function $709ed173fa1293ee$export$346677f925de839c(px) {
+    return `calc(${$709ed173fa1293ee$var$pxToRem(px)} * var(--s2-scale))`;
 }
-const $364a8b5208b4a0ee$var$sizing = {
+const $709ed173fa1293ee$var$sizing = {
     auto: 'auto',
     full: '100%',
     min: 'min-content',
     max: 'max-content',
     fit: 'fit-content'
 };
-const $364a8b5208b4a0ee$var$height = {
-    ...$364a8b5208b4a0ee$var$sizing,
+const $709ed173fa1293ee$var$height = {
+    ...$709ed173fa1293ee$var$sizing,
     screen: '100vh'
 };
-const $364a8b5208b4a0ee$var$width = {
-    ...$364a8b5208b4a0ee$var$sizing,
+const $709ed173fa1293ee$var$width = {
+    ...$709ed173fa1293ee$var$sizing,
     screen: '100vw'
 };
-function $364a8b5208b4a0ee$var$createSpectrumSizingProperty(property, values) {
-    return new (0, $1382b9520f7f9773$exports.SizingProperty)(property, values, (px)=>`calc(${$364a8b5208b4a0ee$var$pxToRem(px)} * var(--s2-scale))`);
+function $709ed173fa1293ee$var$createSpectrumSizingProperty(property, values) {
+    return new (0, $39b83c690be83e1d$exports.SizingProperty)(property, values, (px)=>`calc(${$709ed173fa1293ee$var$pxToRem(px)} * var(--s2-scale))`);
 }
-const $364a8b5208b4a0ee$var$margin = {
-    ...$364a8b5208b4a0ee$var$spacing,
-    ...$364a8b5208b4a0ee$var$negativeSpacing,
+const $709ed173fa1293ee$var$margin = {
+    ...$709ed173fa1293ee$var$spacing,
+    ...$709ed173fa1293ee$var$negativeSpacing,
     auto: 'auto'
 };
-const $364a8b5208b4a0ee$var$inset = {
-    ...$364a8b5208b4a0ee$var$basePadding,
-    ...$364a8b5208b4a0ee$var$negativePadding,
+const $709ed173fa1293ee$var$inset = {
+    ...$709ed173fa1293ee$var$basePadding,
+    ...$709ed173fa1293ee$var$negativePadding,
     auto: 'auto',
     full: '100%'
 };
-const $364a8b5208b4a0ee$var$translate = {
-    ...$364a8b5208b4a0ee$var$basePadding,
-    ...$364a8b5208b4a0ee$var$negativePadding,
+const $709ed173fa1293ee$var$translate = {
+    ...$709ed173fa1293ee$var$basePadding,
+    ...$709ed173fa1293ee$var$negativePadding,
     full: '100%'
 };
-const $364a8b5208b4a0ee$var$borderWidth = {
+const $709ed173fa1293ee$var$borderWidth = {
     0: '0px',
     1: "1px",
     2: "2px",
     4: "4px"
 };
-const $364a8b5208b4a0ee$var$radius = {
+const $709ed173fa1293ee$var$radius = {
     none: "0px",
-    sm: $364a8b5208b4a0ee$var$pxToRem("4px"),
-    default: $364a8b5208b4a0ee$var$pxToRem("8px"),
-    lg: $364a8b5208b4a0ee$var$pxToRem("10px"),
-    xl: $364a8b5208b4a0ee$var$pxToRem("16px"),
+    sm: $709ed173fa1293ee$var$pxToRem("4px"),
+    default: $709ed173fa1293ee$var$pxToRem("8px"),
+    lg: $709ed173fa1293ee$var$pxToRem("10px"),
+    xl: $709ed173fa1293ee$var$pxToRem("16px"),
     full: '9999px',
     pill: 'calc(self(height, self(minHeight, 9999px)) / 2)'
 };
-let $364a8b5208b4a0ee$var$gridTrack = (value)=>{
+let $709ed173fa1293ee$var$gridTrack = (value)=>{
     if (typeof value === 'string') return value;
-    return value.map((v)=>$364a8b5208b4a0ee$var$gridTrackSize(v)).join(' ');
+    return value.map((v)=>$709ed173fa1293ee$var$gridTrackSize(v)).join(' ');
 };
-let $364a8b5208b4a0ee$var$gridTrackSize = (value)=>{
-    return value in $364a8b5208b4a0ee$var$baseSpacing ? $364a8b5208b4a0ee$var$baseSpacing[value] : value;
+let $709ed173fa1293ee$var$gridTrackSize = (value)=>{
+    return value in $709ed173fa1293ee$var$baseSpacing ? $709ed173fa1293ee$var$baseSpacing[value] : value;
 };
-const $364a8b5208b4a0ee$var$transitionProperty = {
+const $709ed173fa1293ee$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',
@@ -2250,15 +2250,15 @@ const $364a8b5208b4a0ee$var$transitionProperty = {
     none: 'none'
 };
 // TODO
-const $364a8b5208b4a0ee$var$timingFunction = {
+const $709ed173fa1293ee$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 $364a8b5208b4a0ee$var$durationValue = (value)=>typeof value === 'number' ? value + 'ms' : value;
-const $364a8b5208b4a0ee$var$fontWeightBase = {
+let $709ed173fa1293ee$var$durationValue = (value)=>typeof value === 'number' ? value + 'ms' : value;
+const $709ed173fa1293ee$var$fontWeightBase = {
     normal: '400',
     medium: {
         default: '500',
@@ -2275,22 +2275,22 @@ const $364a8b5208b4a0ee$var$fontWeightBase = {
     },
     black: '900'
 };
-const $364a8b5208b4a0ee$var$fontWeight = {
-    ...$364a8b5208b4a0ee$var$fontWeightBase,
+const $709ed173fa1293ee$var$fontWeight = {
+    ...$709ed173fa1293ee$var$fontWeightBase,
     heading: {
-        default: $364a8b5208b4a0ee$var$fontWeightBase["extra-bold"],
-        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $364a8b5208b4a0ee$var$fontWeightBase["extra-bold"]
+        default: $709ed173fa1293ee$var$fontWeightBase["extra-bold"],
+        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $709ed173fa1293ee$var$fontWeightBase["extra-bold"]
     },
     title: {
-        default: $364a8b5208b4a0ee$var$fontWeightBase["bold"],
-        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $364a8b5208b4a0ee$var$fontWeightBase["bold"]
+        default: $709ed173fa1293ee$var$fontWeightBase["bold"],
+        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $709ed173fa1293ee$var$fontWeightBase["bold"]
     },
     detail: {
-        default: $364a8b5208b4a0ee$var$fontWeightBase["medium"],
-        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $364a8b5208b4a0ee$var$fontWeightBase["bold"]
+        default: $709ed173fa1293ee$var$fontWeightBase["medium"],
+        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $709ed173fa1293ee$var$fontWeightBase["bold"]
     }
 };
-const $364a8b5208b4a0ee$var$i18nFonts = {
+const $709ed173fa1293ee$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",
@@ -2301,7 +2301,7 @@ const $364a8b5208b4a0ee$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 $364a8b5208b4a0ee$var$fontSize = {
+const $709ed173fa1293ee$var$fontSize = {
     // The default font size scale is for use within UI components.
     'ui-xs': -2,
     'ui-sm': -1,
@@ -2346,17 +2346,17 @@ const $364a8b5208b4a0ee$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 $364a8b5208b4a0ee$var$fontSizeCalc = 'var(--s2-font-size-base, 14) * var(--fs)';
-const $364a8b5208b4a0ee$var$minFontScale = 1.15;
-const $364a8b5208b4a0ee$var$maxFontScale = 1.3;
-const $364a8b5208b4a0ee$var$minFontSize = 10;
-const $364a8b5208b4a0ee$var$maxFontSize = 32;
-const $364a8b5208b4a0ee$var$lineHeightCalc = `round(1em * (${$364a8b5208b4a0ee$var$minFontScale} + (1 - ((min(${$364a8b5208b4a0ee$var$maxFontSize}, ${$364a8b5208b4a0ee$var$fontSizeCalc}) - ${$364a8b5208b4a0ee$var$minFontSize})) / ${$364a8b5208b4a0ee$var$maxFontSize - $364a8b5208b4a0ee$var$minFontSize}) * ${($364a8b5208b4a0ee$var$maxFontScale - $364a8b5208b4a0ee$var$minFontScale).toFixed(2)}), 2px)`;
-const $364a8b5208b4a0ee$export$1d567c320f4763bc = (0, $1382b9520f7f9773$exports.createTheme)({
+const $709ed173fa1293ee$var$fontSizeCalc = 'var(--s2-font-size-base, 14) * var(--fs)';
+const $709ed173fa1293ee$var$minFontScale = 1.15;
+const $709ed173fa1293ee$var$maxFontScale = 1.3;
+const $709ed173fa1293ee$var$minFontSize = 10;
+const $709ed173fa1293ee$var$maxFontSize = 32;
+const $709ed173fa1293ee$var$lineHeightCalc = `round(1em * (${$709ed173fa1293ee$var$minFontScale} + (1 - ((min(${$709ed173fa1293ee$var$maxFontSize}, ${$709ed173fa1293ee$var$fontSizeCalc}) - ${$709ed173fa1293ee$var$minFontSize})) / ${$709ed173fa1293ee$var$maxFontSize - $709ed173fa1293ee$var$minFontSize}) * ${($709ed173fa1293ee$var$maxFontScale - $709ed173fa1293ee$var$minFontScale).toFixed(2)}), 2px)`;
+const $709ed173fa1293ee$export$1d567c320f4763bc = (0, $39b83c690be83e1d$exports.createTheme)({
     properties: {
         // colors
-        color: new $364a8b5208b4a0ee$var$SpectrumColorProperty('color', {
-            ...$364a8b5208b4a0ee$var$baseColors,
+        color: new $709ed173fa1293ee$var$SpectrumColorProperty('color', {
+            ...$709ed173fa1293ee$var$baseColors,
             accent: {
                 type: "ref",
                 light: "accent-900",
@@ -2409,8 +2409,8 @@ const $364a8b5208b4a0ee$export$1d567c320f4763bc = (0, $1382b9520f7f9773$exports.
             },
             auto: "lch(from self(backgroundColor, var(--s2-container-bg)) calc((49.44 - l) * infinity) 0 0 / 1)"
         }),
-        backgroundColor: new $364a8b5208b4a0ee$var$SpectrumColorProperty('backgroundColor', {
-            ...$364a8b5208b4a0ee$var$baseColors,
+        backgroundColor: new $709ed173fa1293ee$var$SpectrumColorProperty('backgroundColor', {
+            ...$709ed173fa1293ee$var$baseColors,
             accent: {
                 type: "ref",
                 light: "accent-900",
@@ -2697,8 +2697,8 @@ const $364a8b5208b4a0ee$export$1d567c320f4763bc = (0, $1382b9520f7f9773$exports.
                 dark: "gray-75"
             }
         }),
-        borderColor: new $364a8b5208b4a0ee$var$SpectrumColorProperty('borderColor', {
-            ...$364a8b5208b4a0ee$var$baseColors,
+        borderColor: new $709ed173fa1293ee$var$SpectrumColorProperty('borderColor', {
+            ...$709ed173fa1293ee$var$baseColors,
             negative: {
                 type: "ref",
                 light: "negative-900",
@@ -2710,8 +2710,8 @@ const $364a8b5208b4a0ee$export$1d567c320f4763bc = (0, $1382b9520f7f9773$exports.
                 dark: "gray-300"
             }
         }),
-        outlineColor: new $364a8b5208b4a0ee$var$SpectrumColorProperty('outlineColor', {
-            ...$364a8b5208b4a0ee$var$baseColors,
+        outlineColor: new $709ed173fa1293ee$var$SpectrumColorProperty('outlineColor', {
+            ...$709ed173fa1293ee$var$baseColors,
             'focus-ring': {
                 type: "ref",
                 light: "blue-800",
@@ -2719,7 +2719,7 @@ const $364a8b5208b4a0ee$export$1d567c320f4763bc = (0, $1382b9520f7f9773$exports.
                 forcedColors: 'Highlight'
             }
         }),
-        fill: new $364a8b5208b4a0ee$var$SpectrumColorProperty('fill', {
+        fill: new $709ed173fa1293ee$var$SpectrumColorProperty('fill', {
             none: 'none',
             currentColor: 'currentColor',
             accent: {
@@ -2847,39 +2847,39 @@ const $364a8b5208b4a0ee$export$1d567c320f4763bc = (0, $1382b9520f7f9773$exports.
                 light: "silver-800",
                 dark: "silver-900"
             },
-            ...$364a8b5208b4a0ee$var$baseColors
+            ...$709ed173fa1293ee$var$baseColors
         }),
-        stroke: new $364a8b5208b4a0ee$var$SpectrumColorProperty('stroke', {
+        stroke: new $709ed173fa1293ee$var$SpectrumColorProperty('stroke', {
             none: 'none',
             currentColor: 'currentColor',
-            ...$364a8b5208b4a0ee$var$baseColors
+            ...$709ed173fa1293ee$var$baseColors
         }),
         // dimensions
-        borderSpacing: $364a8b5208b4a0ee$var$baseSpacing,
-        flexBasis: $364a8b5208b4a0ee$var$createSpectrumSizingProperty('flexBasis', {
+        borderSpacing: $709ed173fa1293ee$var$baseSpacing,
+        flexBasis: $709ed173fa1293ee$var$createSpectrumSizingProperty('flexBasis', {
             auto: 'auto',
             full: '100%'
         }),
-        rowGap: $364a8b5208b4a0ee$var$spacing,
-        columnGap: $364a8b5208b4a0ee$var$spacing,
-        height: $364a8b5208b4a0ee$var$createSpectrumSizingProperty('height', $364a8b5208b4a0ee$var$height),
-        width: $364a8b5208b4a0ee$var$createSpectrumSizingProperty('width', $364a8b5208b4a0ee$var$width),
-        containIntrinsicWidth: $364a8b5208b4a0ee$var$createSpectrumSizingProperty('containIntrinsicWidth', $364a8b5208b4a0ee$var$width),
-        containIntrinsicHeight: $364a8b5208b4a0ee$var$createSpectrumSizingProperty('containIntrinsicHeight', $364a8b5208b4a0ee$var$height),
-        minHeight: $364a8b5208b4a0ee$var$createSpectrumSizingProperty('minHeight', $364a8b5208b4a0ee$var$height),
-        maxHeight: $364a8b5208b4a0ee$var$createSpectrumSizingProperty('maxHeight', {
-            ...$364a8b5208b4a0ee$var$height,
+        rowGap: $709ed173fa1293ee$var$spacing,
+        columnGap: $709ed173fa1293ee$var$spacing,
+        height: $709ed173fa1293ee$var$createSpectrumSizingProperty('height', $709ed173fa1293ee$var$height),
+        width: $709ed173fa1293ee$var$createSpectrumSizingProperty('width', $709ed173fa1293ee$var$width),
+        containIntrinsicWidth: $709ed173fa1293ee$var$createSpectrumSizingProperty('containIntrinsicWidth', $709ed173fa1293ee$var$width),
+        containIntrinsicHeight: $709ed173fa1293ee$var$createSpectrumSizingProperty('containIntrinsicHeight', $709ed173fa1293ee$var$height),
+        minHeight: $709ed173fa1293ee$var$createSpectrumSizingProperty('minHeight', $709ed173fa1293ee$var$height),
+        maxHeight: $709ed173fa1293ee$var$createSpectrumSizingProperty('maxHeight', {
+            ...$709ed173fa1293ee$var$height,
             none: 'none'
         }),
-        minWidth: $364a8b5208b4a0ee$var$createSpectrumSizingProperty('minWidth', $364a8b5208b4a0ee$var$width),
-        maxWidth: $364a8b5208b4a0ee$var$createSpectrumSizingProperty('maxWidth', {
-            ...$364a8b5208b4a0ee$var$width,
+        minWidth: $709ed173fa1293ee$var$createSpectrumSizingProperty('minWidth', $709ed173fa1293ee$var$width),
+        maxWidth: $709ed173fa1293ee$var$createSpectrumSizingProperty('maxWidth', {
+            ...$709ed173fa1293ee$var$width,
             none: 'none'
         }),
-        borderStartWidth: new (0, $1382b9520f7f9773$exports.MappedProperty)('borderInlineStartWidth', $364a8b5208b4a0ee$var$borderWidth),
-        borderEndWidth: new (0, $1382b9520f7f9773$exports.MappedProperty)('borderInlineEndWidth', $364a8b5208b4a0ee$var$borderWidth),
-        borderTopWidth: $364a8b5208b4a0ee$var$borderWidth,
-        borderBottomWidth: $364a8b5208b4a0ee$var$borderWidth,
+        borderStartWidth: new (0, $39b83c690be83e1d$exports.MappedProperty)('borderInlineStartWidth', $709ed173fa1293ee$var$borderWidth),
+        borderEndWidth: new (0, $39b83c690be83e1d$exports.MappedProperty)('borderInlineEndWidth', $709ed173fa1293ee$var$borderWidth),
+        borderTopWidth: $709ed173fa1293ee$var$borderWidth,
+        borderBottomWidth: $709ed173fa1293ee$var$borderWidth,
         borderStyle: [
             'solid',
             'dashed',
@@ -2893,54 +2893,54 @@ const $364a8b5208b4a0ee$export$1d567c320f4763bc = (0, $1382b9520f7f9773$exports.
             1: '1',
             2: '2'
         },
-        marginStart: new (0, $1382b9520f7f9773$exports.PercentageProperty)('marginInlineStart', $364a8b5208b4a0ee$var$margin),
-        marginEnd: new (0, $1382b9520f7f9773$exports.PercentageProperty)('marginInlineEnd', $364a8b5208b4a0ee$var$margin),
-        marginTop: new (0, $1382b9520f7f9773$exports.PercentageProperty)('marginTop', $364a8b5208b4a0ee$var$margin),
-        marginBottom: new (0, $1382b9520f7f9773$exports.PercentageProperty)('marginBottom', $364a8b5208b4a0ee$var$margin),
-        paddingStart: new (0, $1382b9520f7f9773$exports.PercentageProperty)('paddingInlineStart', $364a8b5208b4a0ee$var$padding),
-        paddingEnd: new (0, $1382b9520f7f9773$exports.PercentageProperty)('paddingInlineEnd', $364a8b5208b4a0ee$var$padding),
-        paddingTop: new (0, $1382b9520f7f9773$exports.PercentageProperty)('paddingTop', $364a8b5208b4a0ee$var$padding),
-        paddingBottom: new (0, $1382b9520f7f9773$exports.PercentageProperty)('paddingBottom', $364a8b5208b4a0ee$var$padding),
-        scrollMarginStart: new (0, $1382b9520f7f9773$exports.MappedProperty)('scrollMarginInlineStart', $364a8b5208b4a0ee$var$baseSpacing),
-        scrollMarginEnd: new (0, $1382b9520f7f9773$exports.MappedProperty)('scrollMarginInlineEnd', $364a8b5208b4a0ee$var$baseSpacing),
-        scrollMarginTop: $364a8b5208b4a0ee$var$baseSpacing,
-        scrollMarginBottom: $364a8b5208b4a0ee$var$baseSpacing,
+        marginStart: new (0, $39b83c690be83e1d$exports.PercentageProperty)('marginInlineStart', $709ed173fa1293ee$var$margin),
+        marginEnd: new (0, $39b83c690be83e1d$exports.PercentageProperty)('marginInlineEnd', $709ed173fa1293ee$var$margin),
+        marginTop: new (0, $39b83c690be83e1d$exports.PercentageProperty)('marginTop', $709ed173fa1293ee$var$margin),
+        marginBottom: new (0, $39b83c690be83e1d$exports.PercentageProperty)('marginBottom', $709ed173fa1293ee$var$margin),
+        paddingStart: new (0, $39b83c690be83e1d$exports.PercentageProperty)('paddingInlineStart', $709ed173fa1293ee$var$padding),
+        paddingEnd: new (0, $39b83c690be83e1d$exports.PercentageProperty)('paddingInlineEnd', $709ed173fa1293ee$var$padding),
+        paddingTop: new (0, $39b83c690be83e1d$exports.PercentageProperty)('paddingTop', $709ed173fa1293ee$var$padding),
+        paddingBottom: new (0, $39b83c690be83e1d$exports.PercentageProperty)('paddingBottom', $709ed173fa1293ee$var$padding),
+        scrollMarginStart: new (0, $39b83c690be83e1d$exports.MappedProperty)('scrollMarginInlineStart', $709ed173fa1293ee$var$baseSpacing),
+        scrollMarginEnd: new (0, $39b83c690be83e1d$exports.MappedProperty)('scrollMarginInlineEnd', $709ed173fa1293ee$var$baseSpacing),
+        scrollMarginTop: $709ed173fa1293ee$var$baseSpacing,
+        scrollMarginBottom: $709ed173fa1293ee$var$baseSpacing,
         // Using rems instead of px here (unlike regular padding) because this often needs to match the height of something.
-        scrollPaddingStart: new (0, $1382b9520f7f9773$exports.MappedProperty)('scrollPaddingInlineStart', $364a8b5208b4a0ee$var$baseSpacing),
-        scrollPaddingEnd: new (0, $1382b9520f7f9773$exports.MappedProperty)('scrollPaddingInlineEnd', $364a8b5208b4a0ee$var$baseSpacing),
-        scrollPaddingTop: $364a8b5208b4a0ee$var$baseSpacing,
-        scrollPaddingBottom: $364a8b5208b4a0ee$var$baseSpacing,
-        textIndent: new (0, $1382b9520f7f9773$exports.PercentageProperty)('textIndent', $364a8b5208b4a0ee$var$baseSpacing),
-        translateX: new (0, $1382b9520f7f9773$exports.ExpandedProperty)([
+        scrollPaddingStart: new (0, $39b83c690be83e1d$exports.MappedProperty)('scrollPaddingInlineStart', $709ed173fa1293ee$var$baseSpacing),
+        scrollPaddingEnd: new (0, $39b83c690be83e1d$exports.MappedProperty)('scrollPaddingInlineEnd', $709ed173fa1293ee$var$baseSpacing),
+        scrollPaddingTop: $709ed173fa1293ee$var$baseSpacing,
+        scrollPaddingBottom: $709ed173fa1293ee$var$baseSpacing,
+        textIndent: new (0, $39b83c690be83e1d$exports.PercentageProperty)('textIndent', $709ed173fa1293ee$var$baseSpacing),
+        translateX: new (0, $39b83c690be83e1d$exports.ExpandedProperty)([
             '--translateX',
             'translate'
         ], (value)=>({
                 '--translateX': String(value),
                 translate: 'var(--translateX, 0) var(--translateY, 0)'
-            }), new (0, $1382b9520f7f9773$exports.PercentageProperty)('--translateX', $364a8b5208b4a0ee$var$translate)),
-        translateY: new (0, $1382b9520f7f9773$exports.ExpandedProperty)([
+            }), new (0, $39b83c690be83e1d$exports.PercentageProperty)('--translateX', $709ed173fa1293ee$var$translate)),
+        translateY: new (0, $39b83c690be83e1d$exports.ExpandedProperty)([
             '--translateY',
             'translate'
         ], (value)=>({
                 '--translateY': String(value),
                 translate: 'var(--translateX, 0) var(--translateY, 0)'
-            }), new (0, $1382b9520f7f9773$exports.PercentageProperty)('--translateY', $364a8b5208b4a0ee$var$translate)),
-        rotate: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('rotate', (value)=>typeof value === 'number' ? `${value}deg` : value),
-        scaleX: new (0, $1382b9520f7f9773$exports.ExpandedProperty)([
+            }), new (0, $39b83c690be83e1d$exports.PercentageProperty)('--translateY', $709ed173fa1293ee$var$translate)),
+        rotate: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('rotate', (value)=>typeof value === 'number' ? `${value}deg` : value),
+        scaleX: new (0, $39b83c690be83e1d$exports.ExpandedProperty)([
             '--scaleX',
             'scale'
         ], (value)=>({
                 '--scaleX': String(value),
                 scale: 'var(--scaleX, 1) var(--scaleY, 1)'
             })),
-        scaleY: new (0, $1382b9520f7f9773$exports.ExpandedProperty)([
+        scaleY: new (0, $39b83c690be83e1d$exports.ExpandedProperty)([
             '--scaleY',
             'scale'
         ], (value)=>({
                 '--scaleY': String(value),
                 scale: 'var(--scaleX, 1) var(--scaleY, 1)'
             })),
-        transform: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('transform'),
+        transform: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('transform'),
         position: [
             'absolute',
             'fixed',
@@ -2948,13 +2948,13 @@ const $364a8b5208b4a0ee$export$1d567c320f4763bc = (0, $1382b9520f7f9773$exports.
             'sticky',
             'static'
         ],
-        insetStart: new (0, $1382b9520f7f9773$exports.PercentageProperty)('insetInlineStart', $364a8b5208b4a0ee$var$inset),
-        insetEnd: new (0, $1382b9520f7f9773$exports.PercentageProperty)('insetInlineEnd', $364a8b5208b4a0ee$var$inset),
-        top: new (0, $1382b9520f7f9773$exports.PercentageProperty)('top', $364a8b5208b4a0ee$var$inset),
-        left: new (0, $1382b9520f7f9773$exports.PercentageProperty)('left', $364a8b5208b4a0ee$var$inset),
-        bottom: new (0, $1382b9520f7f9773$exports.PercentageProperty)('bottom', $364a8b5208b4a0ee$var$inset),
-        right: new (0, $1382b9520f7f9773$exports.PercentageProperty)('right', $364a8b5208b4a0ee$var$inset),
-        aspectRatio: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('aspectRatio', (value)=>{
+        insetStart: new (0, $39b83c690be83e1d$exports.PercentageProperty)('insetInlineStart', $709ed173fa1293ee$var$inset),
+        insetEnd: new (0, $39b83c690be83e1d$exports.PercentageProperty)('insetInlineEnd', $709ed173fa1293ee$var$inset),
+        top: new (0, $39b83c690be83e1d$exports.PercentageProperty)('top', $709ed173fa1293ee$var$inset),
+        left: new (0, $39b83c690be83e1d$exports.PercentageProperty)('left', $709ed173fa1293ee$var$inset),
+        bottom: new (0, $39b83c690be83e1d$exports.PercentageProperty)('bottom', $709ed173fa1293ee$var$inset),
+        right: new (0, $39b83c690be83e1d$exports.PercentageProperty)('right', $709ed173fa1293ee$var$inset),
+        aspectRatio: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('aspectRatio', (value)=>{
             if (value === 'square') return '1/1';
             if (value === 'video') return '16/9';
             return value;
@@ -2963,24 +2963,24 @@ const $364a8b5208b4a0ee$export$1d567c320f4763bc = (0, $1382b9520f7f9773$exports.
         fontFamily: {
             sans: {
                 default: 'var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif',
-                ...$364a8b5208b4a0ee$var$i18nFonts
+                ...$709ed173fa1293ee$var$i18nFonts
             },
             serif: {
                 default: 'var(--s2-font-family-serif, adobe-clean-spectrum-srf-vf), adobe-clean-serif, "Source Serif", Georgia, serif',
-                ...$364a8b5208b4a0ee$var$i18nFonts
+                ...$709ed173fa1293ee$var$i18nFonts
             },
             code: 'source-code-pro, "Source Code Pro", Monaco, monospace'
         },
-        fontSize: new (0, $1382b9520f7f9773$exports.ExpandedProperty)([
+        fontSize: new (0, $39b83c690be83e1d$exports.ExpandedProperty)([
             'fontSize',
             'lineHeight'
         ], (value)=>{
             return {
                 '--fs': `pow(1.125, ${value})`,
-                fontSize: `round(${$364a8b5208b4a0ee$var$fontSizeCalc} / 16 * 1rem, 1px)`
+                fontSize: `round(${$709ed173fa1293ee$var$fontSizeCalc} / 16 * 1rem, 1px)`
             };
-        }, $364a8b5208b4a0ee$var$fontSize),
-        fontWeight: new (0, $1382b9520f7f9773$exports.ExpandedProperty)([
+        }, $709ed173fa1293ee$var$fontSize),
+        fontWeight: new (0, $39b83c690be83e1d$exports.ExpandedProperty)([
             'fontWeight',
             'fontVariationSettings',
             'fontSynthesisWeight'
@@ -2992,24 +2992,24 @@ const $364a8b5208b4a0ee$export$1d567c320f4763bc = (0, $1382b9520f7f9773$exports.
                 fontWeight: value,
                 fontSynthesisWeight: 'none'
             };
-        }, $364a8b5208b4a0ee$var$fontWeight),
+        }, $709ed173fa1293ee$var$fontWeight),
         lineHeight: {
             // See https://spectrum.corp.adobe.com/page/typography/#Line-height
             ui: {
                 // Calculate line-height based on font size.
-                default: $364a8b5208b4a0ee$var$lineHeightCalc,
+                default: $709ed173fa1293ee$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: $364a8b5208b4a0ee$var$lineHeightCalc,
+                default: $709ed173fa1293ee$var$lineHeightCalc,
                 ':lang(ar, he)': 1.3,
                 ':lang(ja, ko, zh, zh-Hant, zh-Hans, zh-CN, zh-SG)': 1.5
             },
             title: {
-                default: $364a8b5208b4a0ee$var$lineHeightCalc,
+                default: $709ed173fa1293ee$var$lineHeightCalc,
                 ':lang(ar, he)': 1.3,
                 ':lang(ja, ko, zh, zh-Hant, zh-Hans, zh-CN, zh-SG)': 1.5
             },
@@ -3019,7 +3019,7 @@ const $364a8b5208b4a0ee$export$1d567c320f4763bc = (0, $1382b9520f7f9773$exports.
                 ':lang(ja, ko, zh, zh-Hant, zh-Hans, zh-CN, zh-SG)': 1.7
             },
             detail: {
-                default: $364a8b5208b4a0ee$var$lineHeightCalc,
+                default: $709ed173fa1293ee$var$lineHeightCalc,
                 ':lang(ar, he)': 1.3,
                 ':lang(ja, ko, zh, zh-Hant, zh-Hans, zh-CN, zh-SG)': 1.5
             },
@@ -3059,7 +3059,7 @@ const $364a8b5208b4a0ee$export$1d567c320f4763bc = (0, $1382b9520f7f9773$exports.
             'sub',
             'super'
         ],
-        textDecoration: new (0, $1382b9520f7f9773$exports.ExpandedProperty)([
+        textDecoration: new (0, $39b83c690be83e1d$exports.ExpandedProperty)([
             'textDecoration',
             'textUnderlineOffset'
         ], (value)=>({
@@ -3070,7 +3070,7 @@ const $364a8b5208b4a0ee$export$1d567c320f4763bc = (0, $1382b9520f7f9773$exports.
             'ellipsis',
             'clip'
         ],
-        lineClamp: new (0, $1382b9520f7f9773$exports.ExpandedProperty)([
+        lineClamp: new (0, $39b83c690be83e1d$exports.ExpandedProperty)([
             'overflow',
             'display',
             '-webkit-box-orient',
@@ -3105,27 +3105,57 @@ const $364a8b5208b4a0ee$export$1d567c320f4763bc = (0, $1382b9520f7f9773$exports.
             '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, $1382b9520f7f9773$exports.MappedProperty)('borderStartStartRadius', $364a8b5208b4a0ee$var$radius),
-        borderTopEndRadius: new (0, $1382b9520f7f9773$exports.MappedProperty)('borderStartEndRadius', $364a8b5208b4a0ee$var$radius),
-        borderBottomStartRadius: new (0, $1382b9520f7f9773$exports.MappedProperty)('borderEndStartRadius', $364a8b5208b4a0ee$var$radius),
-        borderBottomEndRadius: new (0, $1382b9520f7f9773$exports.MappedProperty)('borderEndEndRadius', $364a8b5208b4a0ee$var$radius),
+        borderTopStartRadius: new (0, $39b83c690be83e1d$exports.MappedProperty)('borderStartStartRadius', $709ed173fa1293ee$var$radius),
+        borderTopEndRadius: new (0, $39b83c690be83e1d$exports.MappedProperty)('borderStartEndRadius', $709ed173fa1293ee$var$radius),
+        borderBottomStartRadius: new (0, $39b83c690be83e1d$exports.MappedProperty)('borderEndStartRadius', $709ed173fa1293ee$var$radius),
+        borderBottomEndRadius: new (0, $39b83c690be83e1d$exports.MappedProperty)('borderEndEndRadius', $709ed173fa1293ee$var$radius),
         forcedColorAdjust: [
             'auto',
             'none'
@@ -3135,7 +3165,7 @@ const $364a8b5208b4a0ee$export$1d567c320f4763bc = (0, $1382b9520f7f9773$exports.
             'dark',
             'light dark'
         ],
-        backgroundImage: new (0, $1382b9520f7f9773$exports.ExpandedProperty)([
+        backgroundImage: new (0, $39b83c690be83e1d$exports.ExpandedProperty)([
             'backgroundImage',
             '--g0',
             '--g1',
@@ -3154,7 +3184,7 @@ const $364a8b5208b4a0ee$export$1d567c320f4763bc = (0, $1382b9520f7f9773$exports.
                 let properties = [];
                 value[0].stops.forEach(([colorValue], i)=>{
                     properties.push(`--g${i}`);
-                    values[`--g${i}`] = $364a8b5208b4a0ee$export$35e9368ef982300f(colorValue);
+                    values[`--g${i}`] = $709ed173fa1293ee$export$35e9368ef982300f(colorValue);
                 });
                 // This is used by transition-property so we automatically transition all of the color stops.
                 values['--gp'] = properties.join(', ');
@@ -3240,7 +3270,7 @@ const $364a8b5208b4a0ee$export$1d567c320f4763bc = (0, $1382b9520f7f9773$exports.
             'plus-darker',
             'plus-lighter'
         ],
-        opacity: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('opacity'),
+        opacity: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('opacity'),
         outlineStyle: [
             'none',
             'solid',
@@ -3249,15 +3279,15 @@ const $364a8b5208b4a0ee$export$1d567c320f4763bc = (0, $1382b9520f7f9773$exports.
             'double',
             'inset'
         ],
-        outlineOffset: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('outlineOffset', (v)=>`${v}px`),
-        outlineWidth: $364a8b5208b4a0ee$var$borderWidth,
-        transition: new (0, $1382b9520f7f9773$exports.MappedProperty)('transitionProperty', $364a8b5208b4a0ee$var$transitionProperty),
-        transitionDelay: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('transitionDelay', $364a8b5208b4a0ee$var$durationValue),
-        transitionDuration: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('transitionDuration', $364a8b5208b4a0ee$var$durationValue),
-        transitionTimingFunction: $364a8b5208b4a0ee$var$timingFunction,
-        animation: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('animationName'),
-        animationDuration: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('animationDuration', $364a8b5208b4a0ee$var$durationValue),
-        animationDelay: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('animationDelay', $364a8b5208b4a0ee$var$durationValue),
+        outlineOffset: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('outlineOffset', (v)=>`${v}px`),
+        outlineWidth: $709ed173fa1293ee$var$borderWidth,
+        transition: new (0, $39b83c690be83e1d$exports.MappedProperty)('transitionProperty', $709ed173fa1293ee$var$transitionProperty),
+        transitionDelay: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('transitionDelay', $709ed173fa1293ee$var$durationValue),
+        transitionDuration: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('transitionDuration', $709ed173fa1293ee$var$durationValue),
+        transitionTimingFunction: $709ed173fa1293ee$var$timingFunction,
+        animation: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('animationName'),
+        animationDuration: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('animationDuration', $709ed173fa1293ee$var$durationValue),
+        animationDelay: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('animationDelay', $709ed173fa1293ee$var$durationValue),
         animationDirection: [
             'normal',
             'reverse',
@@ -3270,8 +3300,8 @@ const $364a8b5208b4a0ee$export$1d567c320f4763bc = (0, $1382b9520f7f9773$exports.
             'backwards',
             'both'
         ],
-        animationIterationCount: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('animationIterationCount'),
-        animationTimingFunction: $364a8b5208b4a0ee$var$timingFunction,
+        animationIterationCount: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('animationIterationCount'),
+        animationTimingFunction: $709ed173fa1293ee$var$timingFunction,
         animationPlayState: [
             'paused',
             'running'
@@ -3349,12 +3379,12 @@ const $364a8b5208b4a0ee$export$1d567c320f4763bc = (0, $1382b9520f7f9773$exports.
             'wrap-reverse',
             'nowrap'
         ],
-        flexShrink: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('flexShrink'),
-        flexGrow: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('flexGrow'),
-        gridColumnStart: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('gridColumnStart'),
-        gridColumnEnd: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('gridColumnEnd'),
-        gridRowStart: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('gridRowStart'),
-        gridRowEnd: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('gridRowEnd'),
+        flexShrink: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('flexShrink'),
+        flexGrow: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('flexGrow'),
+        gridColumnStart: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('gridColumnStart'),
+        gridColumnEnd: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('gridColumnEnd'),
+        gridRowStart: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('gridRowStart'),
+        gridRowEnd: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('gridRowEnd'),
         gridAutoFlow: [
             'row',
             'column',
@@ -3362,11 +3392,11 @@ const $364a8b5208b4a0ee$export$1d567c320f4763bc = (0, $1382b9520f7f9773$exports.
             'row dense',
             'column dense'
         ],
-        gridAutoRows: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('gridAutoRows', $364a8b5208b4a0ee$var$gridTrackSize),
-        gridAutoColumns: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('gridAutoColumns', $364a8b5208b4a0ee$var$gridTrackSize),
-        gridTemplateColumns: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('gridTemplateColumns', $364a8b5208b4a0ee$var$gridTrack),
-        gridTemplateRows: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('gridTemplateRows', $364a8b5208b4a0ee$var$gridTrack),
-        gridTemplateAreas: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('gridTemplateAreas', (value)=>value.map((v)=>`"${v}"`).join('')),
+        gridAutoRows: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('gridAutoRows', $709ed173fa1293ee$var$gridTrackSize),
+        gridAutoColumns: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('gridAutoColumns', $709ed173fa1293ee$var$gridTrackSize),
+        gridTemplateColumns: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('gridTemplateColumns', $709ed173fa1293ee$var$gridTrack),
+        gridTemplateRows: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('gridTemplateRows', $709ed173fa1293ee$var$gridTrack),
+        gridTemplateAreas: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('gridTemplateAreas', (value)=>value.map((v)=>`"${v}"`).join('')),
         float: [
             'inline-start',
             'inline-end',
@@ -3462,7 +3492,7 @@ const $364a8b5208b4a0ee$export$1d567c320f4763bc = (0, $1382b9520f7f9773$exports.
             'auto',
             'smooth'
         ],
-        order: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('order'),
+        order: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('order'),
         pointerEvents: [
             'none',
             'auto'
@@ -3590,9 +3620,9 @@ const $364a8b5208b4a0ee$export$1d567c320f4763bc = (0, $1382b9520f7f9773$exports.
             'contents',
             'transform'
         ],
-        zIndex: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('zIndex'),
+        zIndex: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('zIndex'),
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        disableTapHighlight: new (0, $1382b9520f7f9773$exports.ArbitraryProperty)('-webkit-tap-highlight-color', (_value)=>'rgba(0,0,0,0)'),
+        disableTapHighlight: new (0, $39b83c690be83e1d$exports.ArbitraryProperty)('-webkit-tap-highlight-color', (_value)=>'rgba(0,0,0,0)'),
         unicodeBidi: [
             'normal',
             'embed',
@@ -3802,11 +3832,11 @@ const $364a8b5208b4a0ee$export$1d567c320f4763bc = (0, $1382b9520f7f9773$exports.
         // 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: ${$364a8b5208b4a0ee$var$pxToRem(640)})`,
-        md: `@media (min-width: ${$364a8b5208b4a0ee$var$pxToRem(768)})`,
-        lg: `@media (min-width: ${$364a8b5208b4a0ee$var$pxToRem(1024)})`,
-        xl: `@media (min-width: ${$364a8b5208b4a0ee$var$pxToRem(1280)})`,
-        '2xl': `@media (min-width: ${$364a8b5208b4a0ee$var$pxToRem(1536)})`
+        sm: `@media (min-width: ${$709ed173fa1293ee$var$pxToRem(640)})`,
+        md: `@media (min-width: ${$709ed173fa1293ee$var$pxToRem(768)})`,
+        lg: `@media (min-width: ${$709ed173fa1293ee$var$pxToRem(1024)})`,
+        xl: `@media (min-width: ${$709ed173fa1293ee$var$pxToRem(1280)})`,
+        '2xl': `@media (min-width: ${$709ed173fa1293ee$var$pxToRem(1536)})`
     }
 });