@react-spectrum/s2 0.7.1 → 0.8.0

package/style/dist/spectrum-theme.cjs

@@ -1,20 +1,20 @@
 "use strict";
-var $b3643cb9d2948e30$exports = require("./style-macro.cjs");
+var $1fbf4471ec698c01$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", () => $7dddb03c6ef7d79c$export$49bbad2a916ab57c);
-$parcel$export(module.exports, "lightDark", () => $7dddb03c6ef7d79c$export$d19e682d444755ed);
-$parcel$export(module.exports, "colorMix", () => $7dddb03c6ef7d79c$export$9b476054b78b89cd);
-$parcel$export(module.exports, "linearGradient", () => $7dddb03c6ef7d79c$export$46def8197cf4dd4c);
-$parcel$export(module.exports, "fontRelative", () => $7dddb03c6ef7d79c$export$ba024f4caf693d15);
-$parcel$export(module.exports, "edgeToText", () => $7dddb03c6ef7d79c$export$17b63977b35bb6d2);
-$parcel$export(module.exports, "space", () => $7dddb03c6ef7d79c$export$a941ed4b947d12f8);
-$parcel$export(module.exports, "size", () => $7dddb03c6ef7d79c$export$346677f925de839c);
-$parcel$export(module.exports, "style", () => $7dddb03c6ef7d79c$export$1d567c320f4763bc);
+$parcel$export(module.exports, "baseColor", () => $12a2a05e8e1964c5$export$49bbad2a916ab57c);
+$parcel$export(module.exports, "lightDark", () => $12a2a05e8e1964c5$export$d19e682d444755ed);
+$parcel$export(module.exports, "colorMix", () => $12a2a05e8e1964c5$export$9b476054b78b89cd);
+$parcel$export(module.exports, "linearGradient", () => $12a2a05e8e1964c5$export$46def8197cf4dd4c);
+$parcel$export(module.exports, "fontRelative", () => $12a2a05e8e1964c5$export$ba024f4caf693d15);
+$parcel$export(module.exports, "edgeToText", () => $12a2a05e8e1964c5$export$17b63977b35bb6d2);
+$parcel$export(module.exports, "space", () => $12a2a05e8e1964c5$export$a941ed4b947d12f8);
+$parcel$export(module.exports, "size", () => $12a2a05e8e1964c5$export$346677f925de839c);
+$parcel$export(module.exports, "style", () => $12a2a05e8e1964c5$export$1d567c320f4763bc);
 /*
  * Copyright 2024 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -26,11 +26,11 @@ $parcel$export(module.exports, "style", () => $7dddb03c6ef7d79c$export$1d567c320
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-function $7dddb03c6ef7d79c$var$pxToRem(px) {
+function $12a2a05e8e1964c5$var$pxToRem(px) {
     if (typeof px === 'string') px = parseFloat(px);
     return px / 16 + 'rem';
 }
-const $7dddb03c6ef7d79c$var$color = {
+const $12a2a05e8e1964c5$var$color = {
     transparent: 'transparent',
     black: 'black',
     white: 'white',
@@ -466,8 +466,8 @@ const $7dddb03c6ef7d79c$var$color = {
     Mark: 'Mark',
     LinkText: 'LinkText'
 };
-function $7dddb03c6ef7d79c$export$49bbad2a916ab57c(base) {
-    let keys = Object.keys($7dddb03c6ef7d79c$var$color);
+function $12a2a05e8e1964c5$export$49bbad2a916ab57c(base) {
+    let keys = Object.keys($12a2a05e8e1964c5$var$color);
     let index = keys.indexOf(base);
     if (index === -1) throw new Error('Invalid base color ' + base);
     return {
@@ -477,21 +477,21 @@ function $7dddb03c6ef7d79c$export$49bbad2a916ab57c(base) {
         isPressed: keys[index + 1]
     };
 }
-function $7dddb03c6ef7d79c$var$parseColor(value) {
-    let arbitrary = (0, $b3643cb9d2948e30$exports.parseArbitraryValue)(value);
+function $12a2a05e8e1964c5$var$parseColor(value) {
+    let arbitrary = (0, $1fbf4471ec698c01$exports.parseArbitraryValue)(value);
     if (arbitrary) return arbitrary[0];
     let [colorValue, opacity] = value.split('/');
-    colorValue = $7dddb03c6ef7d79c$var$color[colorValue];
+    colorValue = $12a2a05e8e1964c5$var$color[colorValue];
     if (opacity) colorValue = `rgb(from ${colorValue} r g b / ${opacity}%)`;
     return colorValue;
 }
-function $7dddb03c6ef7d79c$export$d19e682d444755ed(light, dark) {
-    return `[light-dark(${$7dddb03c6ef7d79c$var$parseColor(light)}, ${$7dddb03c6ef7d79c$var$parseColor(dark)})]`;
+function $12a2a05e8e1964c5$export$d19e682d444755ed(light, dark) {
+    return `[light-dark(${$12a2a05e8e1964c5$var$parseColor(light)}, ${$12a2a05e8e1964c5$var$parseColor(dark)})]`;
 }
-function $7dddb03c6ef7d79c$export$9b476054b78b89cd(a, b, percent) {
-    return `[color-mix(in srgb, ${$7dddb03c6ef7d79c$var$parseColor(a)}, ${$7dddb03c6ef7d79c$var$parseColor(b)} ${percent}%)]`;
+function $12a2a05e8e1964c5$export$9b476054b78b89cd(a, b, percent) {
+    return `[color-mix(in srgb, ${$12a2a05e8e1964c5$var$parseColor(a)}, ${$12a2a05e8e1964c5$var$parseColor(b)} ${percent}%)]`;
 }
-function $7dddb03c6ef7d79c$export$46def8197cf4dd4c(angle, ...tokens) {
+function $12a2a05e8e1964c5$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} {
@@ -511,12 +511,12 @@ function $7dddb03c6ef7d79c$export$46def8197cf4dd4c(angle, ...tokens) {
         }
     ];
 }
-function $7dddb03c6ef7d79c$var$generateSpacing(px) {
+function $12a2a05e8e1964c5$var$generateSpacing(px) {
     let res = {};
-    for (let p of px)res[p] = $7dddb03c6ef7d79c$var$pxToRem(p);
+    for (let p of px)res[p] = $12a2a05e8e1964c5$var$pxToRem(p);
     return res;
 }
-const $7dddb03c6ef7d79c$var$baseSpacing = $7dddb03c6ef7d79c$var$generateSpacing([
+const $12a2a05e8e1964c5$var$baseSpacing = $12a2a05e8e1964c5$var$generateSpacing([
     0,
     2,
     4,
@@ -553,7 +553,7 @@ const $7dddb03c6ef7d79c$var$baseSpacing = $7dddb03c6ef7d79c$var$generateSpacing(
 ]);
 // 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 $7dddb03c6ef7d79c$var$negativeSpacing = $7dddb03c6ef7d79c$var$generateSpacing([
+const $12a2a05e8e1964c5$var$negativeSpacing = $12a2a05e8e1964c5$var$generateSpacing([
     // -2, // spacing-50 !! TODO: should we support this?
     -4,
     -8,
@@ -587,107 +587,107 @@ const $7dddb03c6ef7d79c$var$negativeSpacing = $7dddb03c6ef7d79c$var$generateSpac
     -320,
     -384
 ]);
-function $7dddb03c6ef7d79c$export$ba024f4caf693d15(base, baseFontSize = 14) {
+function $12a2a05e8e1964c5$export$ba024f4caf693d15(base, baseFontSize = 14) {
     return base / baseFontSize + 'em';
 }
-function $7dddb03c6ef7d79c$export$17b63977b35bb6d2(height) {
-    return `calc(${$7dddb03c6ef7d79c$var$baseSpacing[height]} * 3 / 8)`;
+function $12a2a05e8e1964c5$export$17b63977b35bb6d2(height) {
+    return `calc(${$12a2a05e8e1964c5$var$baseSpacing[height]} * 3 / 8)`;
 }
-function $7dddb03c6ef7d79c$export$a941ed4b947d12f8(px) {
-    return $7dddb03c6ef7d79c$var$pxToRem(px);
+function $12a2a05e8e1964c5$export$a941ed4b947d12f8(px) {
+    return $12a2a05e8e1964c5$var$pxToRem(px);
 }
-const $7dddb03c6ef7d79c$var$spacing = {
-    ...$7dddb03c6ef7d79c$var$baseSpacing,
+const $12a2a05e8e1964c5$var$spacing = {
+    ...$12a2a05e8e1964c5$var$baseSpacing,
     // font-size relative values
-    'text-to-control': $7dddb03c6ef7d79c$export$ba024f4caf693d15(10),
+    'text-to-control': $12a2a05e8e1964c5$export$ba024f4caf693d15(10),
     'text-to-visual': {
-        default: $7dddb03c6ef7d79c$export$ba024f4caf693d15(6),
-        touch: $7dddb03c6ef7d79c$export$ba024f4caf693d15(8, 17) // -> 6px, 7px, 8px, 9px, 10px, should be 7px, 7px, 8px, 9px, 11px
+        default: $12a2a05e8e1964c5$export$ba024f4caf693d15(6),
+        touch: $12a2a05e8e1964c5$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)'
 };
-function $7dddb03c6ef7d79c$export$346677f925de839c(px) {
-    return `calc(${$7dddb03c6ef7d79c$var$pxToRem(px)} * var(--s2-scale))`;
+function $12a2a05e8e1964c5$export$346677f925de839c(px) {
+    return `calc(${$12a2a05e8e1964c5$var$pxToRem(px)} * var(--s2-scale))`;
 }
-const $7dddb03c6ef7d79c$var$sizing = {
+const $12a2a05e8e1964c5$var$sizing = {
     auto: 'auto',
     full: '100%',
     min: 'min-content',
     max: 'max-content',
     fit: 'fit-content',
     control: {
-        default: $7dddb03c6ef7d79c$export$346677f925de839c(32),
+        default: $12a2a05e8e1964c5$export$346677f925de839c(32),
         size: {
-            XS: $7dddb03c6ef7d79c$export$346677f925de839c(20),
-            S: $7dddb03c6ef7d79c$export$346677f925de839c(24),
-            L: $7dddb03c6ef7d79c$export$346677f925de839c(40),
-            XL: $7dddb03c6ef7d79c$export$346677f925de839c(48)
+            XS: $12a2a05e8e1964c5$export$346677f925de839c(20),
+            S: $12a2a05e8e1964c5$export$346677f925de839c(24),
+            L: $12a2a05e8e1964c5$export$346677f925de839c(40),
+            XL: $12a2a05e8e1964c5$export$346677f925de839c(48)
         }
     },
     // With browser support for round() we could do this:
     // 'control-sm': `round(${16 / 14}em, 2px)`
     'control-sm': {
-        default: $7dddb03c6ef7d79c$export$346677f925de839c(16),
+        default: $12a2a05e8e1964c5$export$346677f925de839c(16),
         size: {
-            S: $7dddb03c6ef7d79c$export$346677f925de839c(14),
-            L: $7dddb03c6ef7d79c$export$346677f925de839c(18),
-            XL: $7dddb03c6ef7d79c$export$346677f925de839c(20)
+            S: $12a2a05e8e1964c5$export$346677f925de839c(14),
+            L: $12a2a05e8e1964c5$export$346677f925de839c(18),
+            XL: $12a2a05e8e1964c5$export$346677f925de839c(20)
         }
     }
 };
-const $7dddb03c6ef7d79c$var$height = {
-    ...$7dddb03c6ef7d79c$var$sizing,
+const $12a2a05e8e1964c5$var$height = {
+    ...$12a2a05e8e1964c5$var$sizing,
     screen: '100vh'
 };
-const $7dddb03c6ef7d79c$var$width = {
-    ...$7dddb03c6ef7d79c$var$sizing,
+const $12a2a05e8e1964c5$var$width = {
+    ...$12a2a05e8e1964c5$var$sizing,
     screen: '100vw'
 };
-function $7dddb03c6ef7d79c$var$createSpectrumSizingProperty(values) {
-    return (0, $b3643cb9d2948e30$exports.createSizingProperty)(values, (px)=>`calc(${$7dddb03c6ef7d79c$var$pxToRem(px)} * var(--s2-scale))`);
+function $12a2a05e8e1964c5$var$createSpectrumSizingProperty(values) {
+    return (0, $1fbf4471ec698c01$exports.createSizingProperty)(values, (px)=>`calc(${$12a2a05e8e1964c5$var$pxToRem(px)} * var(--s2-scale))`);
 }
-const $7dddb03c6ef7d79c$var$margin = {
-    ...$7dddb03c6ef7d79c$var$spacing,
-    ...$7dddb03c6ef7d79c$var$negativeSpacing,
+const $12a2a05e8e1964c5$var$margin = {
+    ...$12a2a05e8e1964c5$var$spacing,
+    ...$12a2a05e8e1964c5$var$negativeSpacing,
     auto: 'auto'
 };
-const $7dddb03c6ef7d79c$var$inset = {
-    ...$7dddb03c6ef7d79c$var$baseSpacing,
+const $12a2a05e8e1964c5$var$inset = {
+    ...$12a2a05e8e1964c5$var$baseSpacing,
     auto: 'auto',
     full: '100%'
 };
-const $7dddb03c6ef7d79c$var$translate = {
-    ...$7dddb03c6ef7d79c$var$baseSpacing,
-    ...$7dddb03c6ef7d79c$var$negativeSpacing,
+const $12a2a05e8e1964c5$var$translate = {
+    ...$12a2a05e8e1964c5$var$baseSpacing,
+    ...$12a2a05e8e1964c5$var$negativeSpacing,
     full: '100%'
 };
-const $7dddb03c6ef7d79c$var$borderWidth = {
+const $12a2a05e8e1964c5$var$borderWidth = {
     0: '0px',
     1: "1px",
     2: "2px",
     4: "4px"
 };
-const $7dddb03c6ef7d79c$var$radius = {
+const $12a2a05e8e1964c5$var$radius = {
     none: "0px",
-    sm: $7dddb03c6ef7d79c$var$pxToRem("4px"),
-    default: $7dddb03c6ef7d79c$var$pxToRem("8px"),
-    lg: $7dddb03c6ef7d79c$var$pxToRem("10px"),
-    xl: $7dddb03c6ef7d79c$var$pxToRem("16px"),
+    sm: $12a2a05e8e1964c5$var$pxToRem("4px"),
+    default: $12a2a05e8e1964c5$var$pxToRem("8px"),
+    lg: $12a2a05e8e1964c5$var$pxToRem("10px"),
+    xl: $12a2a05e8e1964c5$var$pxToRem("16px"),
     full: '9999px',
     pill: 'calc(self(height, self(minHeight, 9999px)) / 2)',
-    control: $7dddb03c6ef7d79c$export$ba024f4caf693d15(8),
-    'control-sm': $7dddb03c6ef7d79c$export$ba024f4caf693d15(4)
+    control: $12a2a05e8e1964c5$export$ba024f4caf693d15(8),
+    'control-sm': $12a2a05e8e1964c5$export$ba024f4caf693d15(4)
 };
-let $7dddb03c6ef7d79c$var$gridTrack = (value)=>{
+let $12a2a05e8e1964c5$var$gridTrack = (value)=>{
     if (typeof value === 'string') return value;
-    return value.map((v)=>$7dddb03c6ef7d79c$var$gridTrackSize(v)).join(' ');
+    return value.map((v)=>$12a2a05e8e1964c5$var$gridTrackSize(v)).join(' ');
 };
-let $7dddb03c6ef7d79c$var$gridTrackSize = (value)=>{
-    return value in $7dddb03c6ef7d79c$var$baseSpacing ? $7dddb03c6ef7d79c$var$baseSpacing[value] : value;
+let $12a2a05e8e1964c5$var$gridTrackSize = (value)=>{
+    return value in $12a2a05e8e1964c5$var$baseSpacing ? $12a2a05e8e1964c5$var$baseSpacing[value] : value;
 };
-const $7dddb03c6ef7d79c$var$transitionProperty = {
+const $12a2a05e8e1964c5$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), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter',
@@ -699,7 +699,7 @@ const $7dddb03c6ef7d79c$var$transitionProperty = {
     none: 'none'
 };
 // TODO
-const $7dddb03c6ef7d79c$var$timingFunction = {
+const $12a2a05e8e1964c5$var$timingFunction = {
     default: 'cubic-bezier(0.45, 0, 0.4, 1)',
     linear: 'linear',
     in: 'cubic-bezier(0.5, 0, 1, 1)',
@@ -707,11 +707,11 @@ const $7dddb03c6ef7d79c$var$timingFunction = {
     'in-out': 'cubic-bezier(0.45, 0, 0.4, 1)'
 };
 // TODO: do these need tokens or are arbitrary values ok?
-let $7dddb03c6ef7d79c$var$durationProperty = (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>({
+let $12a2a05e8e1964c5$var$durationProperty = (0, $1fbf4471ec698c01$exports.createArbitraryProperty)((value, property)=>({
         [property]: typeof value === 'number' ? value + 'ms' : value
     }));
 // const colorWithAlpha = createColorProperty(color);
-const $7dddb03c6ef7d79c$var$fontWeightBase = {
+const $12a2a05e8e1964c5$var$fontWeightBase = {
     light: '300',
     // TODO: spectrum calls this "regular" but CSS calls it "normal". We also call other properties "default". What do we want to match?
     normal: '400',
@@ -720,7 +720,7 @@ const $7dddb03c6ef7d79c$var$fontWeightBase = {
     'extra-bold': '800',
     black: '900'
 };
-const $7dddb03c6ef7d79c$var$i18nFonts = {
+const $12a2a05e8e1964c5$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",
@@ -730,7 +730,7 @@ const $7dddb03c6ef7d79c$var$i18nFonts = {
     ':lang(zh-hant)': "adobe-clean-han-traditional, source-han-traditional, '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 $7dddb03c6ef7d79c$var$fontSize = {
+const $12a2a05e8e1964c5$var$fontSize = {
     // The default font size scale is for use within UI components.
     'ui-xs': {
         "default": "0.6875rem",
@@ -914,11 +914,11 @@ const $7dddb03c6ef7d79c$var$fontSize = {
         touch: "1.5rem"
     }
 };
-const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.createTheme)({
+const $12a2a05e8e1964c5$export$1d567c320f4763bc = (0, $1fbf4471ec698c01$exports.createTheme)({
     properties: {
         // colors
-        color: (0, $b3643cb9d2948e30$exports.createColorProperty)({
-            ...$7dddb03c6ef7d79c$var$color,
+        color: (0, $1fbf4471ec698c01$exports.createColorProperty)({
+            ...$12a2a05e8e1964c5$var$color,
             accent: {
                 default: "light-dark(rgb(59, 99, 251), rgb(86, 129, 255))",
                 isHovered: "light-dark(rgb(39, 77, 234), rgb(105, 149, 254))",
@@ -953,8 +953,8 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
             code: "light-dark(rgb(41, 41, 41), rgb(219, 219, 219))",
             auto: "lch(from self(backgroundColor, var(--s2-container-bg)) calc((49.44 - l) * infinity) 0 0 / 1)"
         }),
-        backgroundColor: (0, $b3643cb9d2948e30$exports.createColorProperty)({
-            ...$7dddb03c6ef7d79c$var$color,
+        backgroundColor: (0, $1fbf4471ec698c01$exports.createColorProperty)({
+            ...$12a2a05e8e1964c5$var$color,
             accent: {
                 default: "light-dark(rgb(59, 99, 251), rgb(64, 105, 253))",
                 isHovered: "light-dark(rgb(39, 77, 234), rgb(52, 91, 248))",
@@ -1043,8 +1043,8 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
             pasteboard: "light-dark(rgb(233, 233, 233), rgb(17, 17, 17))",
             elevated: "light-dark(rgb(255, 255, 255), rgb(34, 34, 34))"
         }),
-        borderColor: (0, $b3643cb9d2948e30$exports.createColorProperty)({
-            ...$7dddb03c6ef7d79c$var$color,
+        borderColor: (0, $1fbf4471ec698c01$exports.createColorProperty)({
+            ...$12a2a05e8e1964c5$var$color,
             negative: {
                 default: "light-dark(rgb(215, 50, 32), rgb(252, 67, 46))",
                 isHovered: "light-dark(rgb(183, 40, 24), rgb(255, 103, 86))",
@@ -1053,8 +1053,8 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
             },
             disabled: "light-dark(rgb(218, 218, 218), rgb(57, 57, 57))"
         }),
-        outlineColor: (0, $b3643cb9d2948e30$exports.createColorProperty)({
-            ...$7dddb03c6ef7d79c$var$color,
+        outlineColor: (0, $1fbf4471ec698c01$exports.createColorProperty)({
+            ...$12a2a05e8e1964c5$var$color,
             'focus-ring': {
                 default: "light-dark(rgb(75, 117, 255), rgb(64, 105, 253))",
                 forcedColors: 'Highlight'
@@ -1063,7 +1063,7 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
         // textDecorationColor: colorWithAlpha,
         // accentColor: colorWithAlpha,
         // caretColor: colorWithAlpha,
-        fill: (0, $b3643cb9d2948e30$exports.createColorProperty)({
+        fill: (0, $1fbf4471ec698c01$exports.createColorProperty)({
             none: 'none',
             currentColor: 'currentColor',
             accent: "light-dark(rgb(75, 117, 255), rgb(86, 129, 255))",
@@ -1091,40 +1091,40 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
             cinnamon: "light-dark(rgb(184, 109, 70), rgb(192, 119, 80))",
             brown: "light-dark(rgb(154, 123, 77), rgb(163, 132, 84))",
             silver: "light-dark(rgb(128, 128, 128), rgb(137, 137, 137))",
-            ...$7dddb03c6ef7d79c$var$color
+            ...$12a2a05e8e1964c5$var$color
         }),
-        stroke: (0, $b3643cb9d2948e30$exports.createColorProperty)({
+        stroke: (0, $1fbf4471ec698c01$exports.createColorProperty)({
             none: 'none',
             currentColor: 'currentColor',
-            ...$7dddb03c6ef7d79c$var$color
+            ...$12a2a05e8e1964c5$var$color
         }),
         // dimensions
-        borderSpacing: $7dddb03c6ef7d79c$var$baseSpacing,
+        borderSpacing: $12a2a05e8e1964c5$var$baseSpacing,
         flexBasis: {
             auto: 'auto',
             full: '100%',
-            ...$7dddb03c6ef7d79c$var$baseSpacing
+            ...$12a2a05e8e1964c5$var$baseSpacing
         },
-        rowGap: $7dddb03c6ef7d79c$var$spacing,
-        columnGap: $7dddb03c6ef7d79c$var$spacing,
-        height: $7dddb03c6ef7d79c$var$createSpectrumSizingProperty($7dddb03c6ef7d79c$var$height),
-        width: $7dddb03c6ef7d79c$var$createSpectrumSizingProperty($7dddb03c6ef7d79c$var$width),
-        containIntrinsicWidth: $7dddb03c6ef7d79c$var$createSpectrumSizingProperty($7dddb03c6ef7d79c$var$width),
-        containIntrinsicHeight: $7dddb03c6ef7d79c$var$createSpectrumSizingProperty($7dddb03c6ef7d79c$var$height),
-        minHeight: $7dddb03c6ef7d79c$var$createSpectrumSizingProperty($7dddb03c6ef7d79c$var$height),
-        maxHeight: $7dddb03c6ef7d79c$var$createSpectrumSizingProperty({
-            ...$7dddb03c6ef7d79c$var$height,
+        rowGap: $12a2a05e8e1964c5$var$spacing,
+        columnGap: $12a2a05e8e1964c5$var$spacing,
+        height: $12a2a05e8e1964c5$var$createSpectrumSizingProperty($12a2a05e8e1964c5$var$height),
+        width: $12a2a05e8e1964c5$var$createSpectrumSizingProperty($12a2a05e8e1964c5$var$width),
+        containIntrinsicWidth: $12a2a05e8e1964c5$var$createSpectrumSizingProperty($12a2a05e8e1964c5$var$width),
+        containIntrinsicHeight: $12a2a05e8e1964c5$var$createSpectrumSizingProperty($12a2a05e8e1964c5$var$height),
+        minHeight: $12a2a05e8e1964c5$var$createSpectrumSizingProperty($12a2a05e8e1964c5$var$height),
+        maxHeight: $12a2a05e8e1964c5$var$createSpectrumSizingProperty({
+            ...$12a2a05e8e1964c5$var$height,
             none: 'none'
         }),
-        minWidth: $7dddb03c6ef7d79c$var$createSpectrumSizingProperty($7dddb03c6ef7d79c$var$width),
-        maxWidth: $7dddb03c6ef7d79c$var$createSpectrumSizingProperty({
-            ...$7dddb03c6ef7d79c$var$width,
+        minWidth: $12a2a05e8e1964c5$var$createSpectrumSizingProperty($12a2a05e8e1964c5$var$width),
+        maxWidth: $12a2a05e8e1964c5$var$createSpectrumSizingProperty({
+            ...$12a2a05e8e1964c5$var$width,
             none: 'none'
         }),
-        borderStartWidth: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('borderInlineStartWidth', $7dddb03c6ef7d79c$var$borderWidth),
-        borderEndWidth: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('borderInlineEndWidth', $7dddb03c6ef7d79c$var$borderWidth),
-        borderTopWidth: $7dddb03c6ef7d79c$var$borderWidth,
-        borderBottomWidth: $7dddb03c6ef7d79c$var$borderWidth,
+        borderStartWidth: (0, $1fbf4471ec698c01$exports.createRenamedProperty)('borderInlineStartWidth', $12a2a05e8e1964c5$var$borderWidth),
+        borderEndWidth: (0, $1fbf4471ec698c01$exports.createRenamedProperty)('borderInlineEndWidth', $12a2a05e8e1964c5$var$borderWidth),
+        borderTopWidth: $12a2a05e8e1964c5$var$borderWidth,
+        borderBottomWidth: $12a2a05e8e1964c5$var$borderWidth,
         borderStyle: [
             'solid',
             'dashed',
@@ -1138,43 +1138,43 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
             1: '1',
             2: '2'
         },
-        marginStart: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('marginInlineStart', $7dddb03c6ef7d79c$var$margin),
-        marginEnd: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('marginInlineEnd', $7dddb03c6ef7d79c$var$margin),
-        marginTop: $7dddb03c6ef7d79c$var$margin,
-        marginBottom: $7dddb03c6ef7d79c$var$margin,
-        paddingStart: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('paddingInlineStart', $7dddb03c6ef7d79c$var$spacing),
-        paddingEnd: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('paddingInlineEnd', $7dddb03c6ef7d79c$var$spacing),
-        paddingTop: $7dddb03c6ef7d79c$var$spacing,
-        paddingBottom: $7dddb03c6ef7d79c$var$spacing,
-        scrollMarginStart: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('scrollMarginInlineStart', $7dddb03c6ef7d79c$var$baseSpacing),
-        scrollMarginEnd: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('scrollMarginInlineEnd', $7dddb03c6ef7d79c$var$baseSpacing),
-        scrollMarginTop: $7dddb03c6ef7d79c$var$baseSpacing,
-        scrollMarginBottom: $7dddb03c6ef7d79c$var$baseSpacing,
-        scrollPaddingStart: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('scrollPaddingInlineStart', $7dddb03c6ef7d79c$var$baseSpacing),
-        scrollPaddingEnd: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('scrollPaddingInlineEnd', $7dddb03c6ef7d79c$var$baseSpacing),
-        scrollPaddingTop: $7dddb03c6ef7d79c$var$baseSpacing,
-        scrollPaddingBottom: $7dddb03c6ef7d79c$var$baseSpacing,
-        textIndent: $7dddb03c6ef7d79c$var$baseSpacing,
-        translateX: (0, $b3643cb9d2948e30$exports.createMappedProperty)((value)=>({
+        marginStart: (0, $1fbf4471ec698c01$exports.createRenamedProperty)('marginInlineStart', $12a2a05e8e1964c5$var$margin),
+        marginEnd: (0, $1fbf4471ec698c01$exports.createRenamedProperty)('marginInlineEnd', $12a2a05e8e1964c5$var$margin),
+        marginTop: $12a2a05e8e1964c5$var$margin,
+        marginBottom: $12a2a05e8e1964c5$var$margin,
+        paddingStart: (0, $1fbf4471ec698c01$exports.createRenamedProperty)('paddingInlineStart', $12a2a05e8e1964c5$var$spacing),
+        paddingEnd: (0, $1fbf4471ec698c01$exports.createRenamedProperty)('paddingInlineEnd', $12a2a05e8e1964c5$var$spacing),
+        paddingTop: $12a2a05e8e1964c5$var$spacing,
+        paddingBottom: $12a2a05e8e1964c5$var$spacing,
+        scrollMarginStart: (0, $1fbf4471ec698c01$exports.createRenamedProperty)('scrollMarginInlineStart', $12a2a05e8e1964c5$var$baseSpacing),
+        scrollMarginEnd: (0, $1fbf4471ec698c01$exports.createRenamedProperty)('scrollMarginInlineEnd', $12a2a05e8e1964c5$var$baseSpacing),
+        scrollMarginTop: $12a2a05e8e1964c5$var$baseSpacing,
+        scrollMarginBottom: $12a2a05e8e1964c5$var$baseSpacing,
+        scrollPaddingStart: (0, $1fbf4471ec698c01$exports.createRenamedProperty)('scrollPaddingInlineStart', $12a2a05e8e1964c5$var$baseSpacing),
+        scrollPaddingEnd: (0, $1fbf4471ec698c01$exports.createRenamedProperty)('scrollPaddingInlineEnd', $12a2a05e8e1964c5$var$baseSpacing),
+        scrollPaddingTop: $12a2a05e8e1964c5$var$baseSpacing,
+        scrollPaddingBottom: $12a2a05e8e1964c5$var$baseSpacing,
+        textIndent: $12a2a05e8e1964c5$var$baseSpacing,
+        translateX: (0, $1fbf4471ec698c01$exports.createMappedProperty)((value)=>({
                 '--translateX': value,
                 translate: 'var(--translateX, 0) var(--translateY, 0)'
-            }), $7dddb03c6ef7d79c$var$translate),
-        translateY: (0, $b3643cb9d2948e30$exports.createMappedProperty)((value)=>({
+            }), $12a2a05e8e1964c5$var$translate),
+        translateY: (0, $1fbf4471ec698c01$exports.createMappedProperty)((value)=>({
                 '--translateY': value,
                 translate: 'var(--translateX, 0) var(--translateY, 0)'
-            }), $7dddb03c6ef7d79c$var$translate),
-        rotate: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>({
+            }), $12a2a05e8e1964c5$var$translate),
+        rotate: (0, $1fbf4471ec698c01$exports.createArbitraryProperty)((value, property)=>({
                 [property]: typeof value === 'number' ? `${value}deg` : value
             })),
-        scaleX: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value)=>({
+        scaleX: (0, $1fbf4471ec698c01$exports.createArbitraryProperty)((value)=>({
                 '--scaleX': value,
                 scale: 'var(--scaleX, 1) var(--scaleY, 1)'
             })),
-        scaleY: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value)=>({
+        scaleY: (0, $1fbf4471ec698c01$exports.createArbitraryProperty)((value)=>({
                 '--scaleY': value,
                 scale: 'var(--scaleX, 1) var(--scaleY, 1)'
             })),
-        transform: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
+        transform: (0, $1fbf4471ec698c01$exports.createArbitraryProperty)(),
         position: [
             'absolute',
             'fixed',
@@ -1182,12 +1182,12 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
             'sticky',
             'static'
         ],
-        insetStart: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('insetInlineStart', $7dddb03c6ef7d79c$var$inset),
-        insetEnd: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('insetInlineEnd', $7dddb03c6ef7d79c$var$inset),
-        top: $7dddb03c6ef7d79c$var$inset,
-        left: $7dddb03c6ef7d79c$var$inset,
-        bottom: $7dddb03c6ef7d79c$var$inset,
-        right: $7dddb03c6ef7d79c$var$inset,
+        insetStart: (0, $1fbf4471ec698c01$exports.createRenamedProperty)('insetInlineStart', $12a2a05e8e1964c5$var$inset),
+        insetEnd: (0, $1fbf4471ec698c01$exports.createRenamedProperty)('insetInlineEnd', $12a2a05e8e1964c5$var$inset),
+        top: $12a2a05e8e1964c5$var$inset,
+        left: $12a2a05e8e1964c5$var$inset,
+        bottom: $12a2a05e8e1964c5$var$inset,
+        right: $12a2a05e8e1964c5$var$inset,
         aspectRatio: {
             auto: 'auto',
             square: '1 / 1',
@@ -1197,16 +1197,16 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
         fontFamily: {
             sans: {
                 default: 'adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif',
-                ...$7dddb03c6ef7d79c$var$i18nFonts
+                ...$12a2a05e8e1964c5$var$i18nFonts
             },
             serif: {
                 default: 'adobe-clean-serif, "Source Serif", Georgia, serif',
-                ...$7dddb03c6ef7d79c$var$i18nFonts
+                ...$12a2a05e8e1964c5$var$i18nFonts
             },
             code: 'source-code-pro, "Source Code Pro", Monaco, monospace'
         },
-        fontSize: $7dddb03c6ef7d79c$var$fontSize,
-        fontWeight: (0, $b3643cb9d2948e30$exports.createMappedProperty)((value, property)=>{
+        fontSize: $12a2a05e8e1964c5$var$fontSize,
+        fontWeight: (0, $1fbf4471ec698c01$exports.createMappedProperty)((value, property)=>{
             if (property === 'fontWeight') return {
                 // Set font-variation-settings in addition to font-weight to work around typekit issue.
                 fontVariationSettings: value === 'inherit' ? 'inherit' : `"wght" ${value}`,
@@ -1217,18 +1217,18 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
                 [property]: value
             };
         }, {
-            ...$7dddb03c6ef7d79c$var$fontWeightBase,
+            ...$12a2a05e8e1964c5$var$fontWeightBase,
             heading: {
-                default: $7dddb03c6ef7d79c$var$fontWeightBase["extra-bold"],
-                ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $7dddb03c6ef7d79c$var$fontWeightBase["extra-bold"]
+                default: $12a2a05e8e1964c5$var$fontWeightBase["extra-bold"],
+                ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $12a2a05e8e1964c5$var$fontWeightBase["extra-bold"]
             },
             title: {
-                default: $7dddb03c6ef7d79c$var$fontWeightBase["bold"],
-                ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $7dddb03c6ef7d79c$var$fontWeightBase["bold"]
+                default: $12a2a05e8e1964c5$var$fontWeightBase["bold"],
+                ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $12a2a05e8e1964c5$var$fontWeightBase["bold"]
             },
             detail: {
-                default: $7dddb03c6ef7d79c$var$fontWeightBase["medium"],
-                ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $7dddb03c6ef7d79c$var$fontWeightBase["bold"]
+                default: $12a2a05e8e1964c5$var$fontWeightBase["medium"],
+                ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $12a2a05e8e1964c5$var$fontWeightBase["bold"]
             }
         }),
         lineHeight: {
@@ -1289,7 +1289,7 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
             'sub',
             'super'
         ],
-        textDecoration: (0, $b3643cb9d2948e30$exports.createMappedProperty)((value)=>({
+        textDecoration: (0, $1fbf4471ec698c01$exports.createMappedProperty)((value)=>({
                 textDecoration: value === 'none' ? 'none' : `${value} ${"1px"}`,
                 textUnderlineOffset: value === 'underline' ? "1px" : undefined
             }), [
@@ -1302,7 +1302,7 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
             'ellipsis',
             'clip'
         ],
-        lineClamp: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value)=>({
+        lineClamp: (0, $1fbf4471ec698c01$exports.createArbitraryProperty)((value)=>({
                 overflow: 'hidden',
                 display: '-webkit-box',
                 '-webkit-box-orient': 'vertical',
@@ -1349,10 +1349,10 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
             dragged: `drop-shadow${"0px"} ${"6px"} ${"16px"} ${"light-dark(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6))"}`,
             none: 'none'
         },
-        borderTopStartRadius: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('borderStartStartRadius', $7dddb03c6ef7d79c$var$radius),
-        borderTopEndRadius: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('borderStartEndRadius', $7dddb03c6ef7d79c$var$radius),
-        borderBottomStartRadius: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('borderEndStartRadius', $7dddb03c6ef7d79c$var$radius),
-        borderBottomEndRadius: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('borderEndEndRadius', $7dddb03c6ef7d79c$var$radius),
+        borderTopStartRadius: (0, $1fbf4471ec698c01$exports.createRenamedProperty)('borderStartStartRadius', $12a2a05e8e1964c5$var$radius),
+        borderTopEndRadius: (0, $1fbf4471ec698c01$exports.createRenamedProperty)('borderStartEndRadius', $12a2a05e8e1964c5$var$radius),
+        borderBottomStartRadius: (0, $1fbf4471ec698c01$exports.createRenamedProperty)('borderEndStartRadius', $12a2a05e8e1964c5$var$radius),
+        borderBottomEndRadius: (0, $1fbf4471ec698c01$exports.createRenamedProperty)('borderEndEndRadius', $12a2a05e8e1964c5$var$radius),
         forcedColorAdjust: [
             'auto',
             'none'
@@ -1362,7 +1362,7 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
             'dark',
             'light dark'
         ],
-        backgroundImage: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>{
+        backgroundImage: (0, $1fbf4471ec698c01$exports.createArbitraryProperty)((value, property)=>{
             if (typeof value === 'string') return {
                 [property]: value
             };
@@ -1375,7 +1375,7 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
                 let properties = [];
                 value[0].stops.forEach(([color], i)=>{
                     properties.push(`--g${i}`);
-                    values[`--g${i}`] = $7dddb03c6ef7d79c$var$parseColor(color);
+                    values[`--g${i}`] = $12a2a05e8e1964c5$var$parseColor(color);
                 });
                 // This is used by transition-property so we automatically transition all of the color stops.
                 values['--gp'] = properties.join(', ');
@@ -1461,7 +1461,7 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
             'plus-darker',
             'plus-lighter'
         ],
-        opacity: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
+        opacity: (0, $1fbf4471ec698c01$exports.createArbitraryProperty)(),
         outlineStyle: [
             'none',
             'solid',
@@ -1470,19 +1470,19 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
             'double',
             'inset'
         ],
-        outlineOffset: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((v, property)=>({
+        outlineOffset: (0, $1fbf4471ec698c01$exports.createArbitraryProperty)((v, property)=>({
                 [property]: `${v}px`
             })),
-        outlineWidth: $7dddb03c6ef7d79c$var$borderWidth,
-        transition: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('transitionProperty', $7dddb03c6ef7d79c$var$transitionProperty),
-        transitionDelay: $7dddb03c6ef7d79c$var$durationProperty,
-        transitionDuration: $7dddb03c6ef7d79c$var$durationProperty,
-        transitionTimingFunction: $7dddb03c6ef7d79c$var$timingFunction,
-        animation: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>({
+        outlineWidth: $12a2a05e8e1964c5$var$borderWidth,
+        transition: (0, $1fbf4471ec698c01$exports.createRenamedProperty)('transitionProperty', $12a2a05e8e1964c5$var$transitionProperty),
+        transitionDelay: $12a2a05e8e1964c5$var$durationProperty,
+        transitionDuration: $12a2a05e8e1964c5$var$durationProperty,
+        transitionTimingFunction: $12a2a05e8e1964c5$var$timingFunction,
+        animation: (0, $1fbf4471ec698c01$exports.createArbitraryProperty)((value, property)=>({
                 [property === 'animation' ? 'animationName' : property]: value
             })),
-        animationDuration: $7dddb03c6ef7d79c$var$durationProperty,
-        animationDelay: $7dddb03c6ef7d79c$var$durationProperty,
+        animationDuration: $12a2a05e8e1964c5$var$durationProperty,
+        animationDelay: $12a2a05e8e1964c5$var$durationProperty,
         animationDirection: [
             'normal',
             'reverse',
@@ -1495,8 +1495,8 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
             'backwards',
             'both'
         ],
-        animationIterationCount: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
-        animationTimingFunction: $7dddb03c6ef7d79c$var$timingFunction,
+        animationIterationCount: (0, $1fbf4471ec698c01$exports.createArbitraryProperty)(),
+        animationTimingFunction: $12a2a05e8e1964c5$var$timingFunction,
         // layout
         display: [
             'block',
@@ -1570,12 +1570,12 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
             'wrap-reverse',
             'nowrap'
         ],
-        flexShrink: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
-        flexGrow: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
-        gridColumnStart: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
-        gridColumnEnd: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
-        gridRowStart: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
-        gridRowEnd: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
+        flexShrink: (0, $1fbf4471ec698c01$exports.createArbitraryProperty)(),
+        flexGrow: (0, $1fbf4471ec698c01$exports.createArbitraryProperty)(),
+        gridColumnStart: (0, $1fbf4471ec698c01$exports.createArbitraryProperty)(),
+        gridColumnEnd: (0, $1fbf4471ec698c01$exports.createArbitraryProperty)(),
+        gridRowStart: (0, $1fbf4471ec698c01$exports.createArbitraryProperty)(),
+        gridRowEnd: (0, $1fbf4471ec698c01$exports.createArbitraryProperty)(),
         gridAutoFlow: [
             'row',
             'column',
@@ -1583,19 +1583,19 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
             'row dense',
             'column dense'
         ],
-        gridAutoRows: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>({
-                [property]: $7dddb03c6ef7d79c$var$gridTrackSize(value)
+        gridAutoRows: (0, $1fbf4471ec698c01$exports.createArbitraryProperty)((value, property)=>({
+                [property]: $12a2a05e8e1964c5$var$gridTrackSize(value)
             })),
-        gridAutoColumns: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>({
-                [property]: $7dddb03c6ef7d79c$var$gridTrackSize(value)
+        gridAutoColumns: (0, $1fbf4471ec698c01$exports.createArbitraryProperty)((value, property)=>({
+                [property]: $12a2a05e8e1964c5$var$gridTrackSize(value)
             })),
-        gridTemplateColumns: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>({
-                [property]: $7dddb03c6ef7d79c$var$gridTrack(value)
+        gridTemplateColumns: (0, $1fbf4471ec698c01$exports.createArbitraryProperty)((value, property)=>({
+                [property]: $12a2a05e8e1964c5$var$gridTrack(value)
             })),
-        gridTemplateRows: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>({
-                [property]: $7dddb03c6ef7d79c$var$gridTrack(value)
+        gridTemplateRows: (0, $1fbf4471ec698c01$exports.createArbitraryProperty)((value, property)=>({
+                [property]: $12a2a05e8e1964c5$var$gridTrack(value)
             })),
-        gridTemplateAreas: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>({
+        gridTemplateAreas: (0, $1fbf4471ec698c01$exports.createArbitraryProperty)((value, property)=>({
                 [property]: value.map((v)=>`"${v}"`).join('')
             })),
         float: [
@@ -1722,7 +1722,7 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
             'auto',
             'smooth'
         ],
-        order: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
+        order: (0, $1fbf4471ec698c01$exports.createArbitraryProperty)(),
         pointerEvents: [
             'none',
             'auto'
@@ -1850,9 +1850,9 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
             'contents',
             'transform'
         ],
-        zIndex: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
+        zIndex: (0, $1fbf4471ec698c01$exports.createArbitraryProperty)(),
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        disableTapHighlight: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((_value)=>({
+        disableTapHighlight: (0, $1fbf4471ec698c01$exports.createArbitraryProperty)((_value)=>({
                 '-webkit-tap-highlight-color': 'rgba(0,0,0,0)'
             }))
     },