@react-spectrum/s2 3.0.0-nightly-63d4359d6-250428 → 3.0.0-nightly-1dd65ffc5-250429

package/style/dist/spectrum-theme.mjs

@@ -1,4 +1,4 @@
-import {createArbitraryProperty as $1d6343f16443be39$export$e33e260cb0fb20f7, createColorProperty as $1d6343f16443be39$export$852145629bb0d58b, createMappedProperty as $1d6343f16443be39$export$40f4ff17b27355ab, createRenamedProperty as $1d6343f16443be39$export$7fdf8c7af26ba416, createSizingProperty as $1d6343f16443be39$export$fa08b74e8bc1d2a7, createTheme as $1d6343f16443be39$export$25d302a5b900a763, parseArbitraryValue as $1d6343f16443be39$export$22a8270399010c94} from "./style-macro.mjs";
+import {ArbitraryProperty as $1d6343f16443be39$export$d03475ad9df06cd2, ColorProperty as $1d6343f16443be39$export$40ae678e65d951f2, createTheme as $1d6343f16443be39$export$25d302a5b900a763, ExpandedProperty as $1d6343f16443be39$export$1b6028cfca42adca, MappedProperty as $1d6343f16443be39$export$965169194d2485f7, parseArbitraryValue as $1d6343f16443be39$export$22a8270399010c94, SizingProperty as $1d6343f16443be39$export$8c6b4dc3755476bb} from "./style-macro.mjs";
 
 /*
  * Copyright 2024 Adobe. All rights reserved.
@@ -630,8 +630,8 @@ const $a81f2c98f3b7c89e$var$width = {
     ...$a81f2c98f3b7c89e$var$sizing,
     screen: '100vw'
 };
-function $a81f2c98f3b7c89e$var$createSpectrumSizingProperty(values) {
-    return (0, $1d6343f16443be39$export$fa08b74e8bc1d2a7)(values, (px)=>`calc(${$a81f2c98f3b7c89e$var$pxToRem(px)} * var(--s2-scale))`);
+function $a81f2c98f3b7c89e$var$createSpectrumSizingProperty(property, values) {
+    return new (0, $1d6343f16443be39$export$8c6b4dc3755476bb)(property, values, (px)=>`calc(${$a81f2c98f3b7c89e$var$pxToRem(px)} * var(--s2-scale))`);
 }
 const $a81f2c98f3b7c89e$var$margin = {
     ...$a81f2c98f3b7c89e$var$spacing,
@@ -675,8 +675,8 @@ let $a81f2c98f3b7c89e$var$gridTrackSize = (value)=>{
 const $a81f2c98f3b7c89e$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',
-    colors: 'color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke',
+    default: 'color, background-color, var(--gp, color), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter',
+    colors: 'color, background-color, var(--gp, color), border-color, text-decoration-color, fill, stroke',
     opacity: 'opacity',
     shadow: 'box-shadow',
     transform: 'transform, translate, scale, rotate',
@@ -692,10 +692,7 @@ const $a81f2c98f3b7c89e$var$timingFunction = {
     'in-out': 'cubic-bezier(0.45, 0, 0.4, 1)'
 };
 // TODO: do these need tokens or are arbitrary values ok?
-let $a81f2c98f3b7c89e$var$durationProperty = (0, $1d6343f16443be39$export$e33e260cb0fb20f7)((value, property)=>({
-        [property]: typeof value === 'number' ? value + 'ms' : value
-    }));
-// const colorWithAlpha = createColorProperty(color);
+let $a81f2c98f3b7c89e$var$durationValue = (value)=>typeof value === 'number' ? value + 'ms' : value;
 const $a81f2c98f3b7c89e$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?
@@ -705,6 +702,21 @@ const $a81f2c98f3b7c89e$var$fontWeightBase = {
     'extra-bold': '800',
     black: '900'
 };
+const $a81f2c98f3b7c89e$var$fontWeight = {
+    ...$a81f2c98f3b7c89e$var$fontWeightBase,
+    heading: {
+        default: $a81f2c98f3b7c89e$var$fontWeightBase["extra-bold"],
+        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $a81f2c98f3b7c89e$var$fontWeightBase["extra-bold"]
+    },
+    title: {
+        default: $a81f2c98f3b7c89e$var$fontWeightBase["bold"],
+        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $a81f2c98f3b7c89e$var$fontWeightBase["bold"]
+    },
+    detail: {
+        default: $a81f2c98f3b7c89e$var$fontWeightBase["medium"],
+        ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $a81f2c98f3b7c89e$var$fontWeightBase["bold"]
+    }
+};
 const $a81f2c98f3b7c89e$var$i18nFonts = {
     ':lang(ar)': 'myriad-arabic, ui-sans-serif, system-ui, sans-serif',
     ':lang(he)': 'myriad-hebrew, ui-sans-serif, system-ui, sans-serif',
@@ -902,7 +914,7 @@ const $a81f2c98f3b7c89e$var$fontSize = {
 const $a81f2c98f3b7c89e$export$1d567c320f4763bc = (0, $1d6343f16443be39$export$25d302a5b900a763)({
     properties: {
         // colors
-        color: (0, $1d6343f16443be39$export$852145629bb0d58b)({
+        color: new (0, $1d6343f16443be39$export$40ae678e65d951f2)('color', {
             ...$a81f2c98f3b7c89e$var$color,
             accent: {
                 default: "light-dark(rgb(59, 99, 251), rgb(86, 129, 255))",
@@ -938,7 +950,7 @@ const $a81f2c98f3b7c89e$export$1d567c320f4763bc = (0, $1d6343f16443be39$export$2
             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, $1d6343f16443be39$export$852145629bb0d58b)({
+        backgroundColor: new (0, $1d6343f16443be39$export$40ae678e65d951f2)('backgroundColor', {
             ...$a81f2c98f3b7c89e$var$color,
             accent: {
                 default: "light-dark(rgb(59, 99, 251), rgb(64, 105, 253))",
@@ -1028,7 +1040,7 @@ const $a81f2c98f3b7c89e$export$1d567c320f4763bc = (0, $1d6343f16443be39$export$2
             pasteboard: "light-dark(rgb(233, 233, 233), rgb(17, 17, 17))",
             elevated: "light-dark(rgb(255, 255, 255), rgb(34, 34, 34))"
         }),
-        borderColor: (0, $1d6343f16443be39$export$852145629bb0d58b)({
+        borderColor: new (0, $1d6343f16443be39$export$40ae678e65d951f2)('borderColor', {
             ...$a81f2c98f3b7c89e$var$color,
             negative: {
                 default: "light-dark(rgb(215, 50, 32), rgb(252, 67, 46))",
@@ -1038,17 +1050,14 @@ const $a81f2c98f3b7c89e$export$1d567c320f4763bc = (0, $1d6343f16443be39$export$2
             },
             disabled: "light-dark(rgb(218, 218, 218), rgb(57, 57, 57))"
         }),
-        outlineColor: (0, $1d6343f16443be39$export$852145629bb0d58b)({
+        outlineColor: new (0, $1d6343f16443be39$export$40ae678e65d951f2)('outlineColor', {
             ...$a81f2c98f3b7c89e$var$color,
             'focus-ring': {
                 default: "light-dark(rgb(75, 117, 255), rgb(64, 105, 253))",
                 forcedColors: 'Highlight'
             }
         }),
-        // textDecorationColor: colorWithAlpha,
-        // accentColor: colorWithAlpha,
-        // caretColor: colorWithAlpha,
-        fill: (0, $1d6343f16443be39$export$852145629bb0d58b)({
+        fill: new (0, $1d6343f16443be39$export$40ae678e65d951f2)('fill', {
             none: 'none',
             currentColor: 'currentColor',
             accent: "light-dark(rgb(75, 117, 255), rgb(86, 129, 255))",
@@ -1078,7 +1087,7 @@ const $a81f2c98f3b7c89e$export$1d567c320f4763bc = (0, $1d6343f16443be39$export$2
             silver: "light-dark(rgb(128, 128, 128), rgb(137, 137, 137))",
             ...$a81f2c98f3b7c89e$var$color
         }),
-        stroke: (0, $1d6343f16443be39$export$852145629bb0d58b)({
+        stroke: new (0, $1d6343f16443be39$export$40ae678e65d951f2)('stroke', {
             none: 'none',
             currentColor: 'currentColor',
             ...$a81f2c98f3b7c89e$var$color
@@ -1092,22 +1101,22 @@ const $a81f2c98f3b7c89e$export$1d567c320f4763bc = (0, $1d6343f16443be39$export$2
         },
         rowGap: $a81f2c98f3b7c89e$var$spacing,
         columnGap: $a81f2c98f3b7c89e$var$spacing,
-        height: $a81f2c98f3b7c89e$var$createSpectrumSizingProperty($a81f2c98f3b7c89e$var$height),
-        width: $a81f2c98f3b7c89e$var$createSpectrumSizingProperty($a81f2c98f3b7c89e$var$width),
-        containIntrinsicWidth: $a81f2c98f3b7c89e$var$createSpectrumSizingProperty($a81f2c98f3b7c89e$var$width),
-        containIntrinsicHeight: $a81f2c98f3b7c89e$var$createSpectrumSizingProperty($a81f2c98f3b7c89e$var$height),
-        minHeight: $a81f2c98f3b7c89e$var$createSpectrumSizingProperty($a81f2c98f3b7c89e$var$height),
-        maxHeight: $a81f2c98f3b7c89e$var$createSpectrumSizingProperty({
+        height: $a81f2c98f3b7c89e$var$createSpectrumSizingProperty('height', $a81f2c98f3b7c89e$var$height),
+        width: $a81f2c98f3b7c89e$var$createSpectrumSizingProperty('width', $a81f2c98f3b7c89e$var$width),
+        containIntrinsicWidth: $a81f2c98f3b7c89e$var$createSpectrumSizingProperty('containIntrinsicWidth', $a81f2c98f3b7c89e$var$width),
+        containIntrinsicHeight: $a81f2c98f3b7c89e$var$createSpectrumSizingProperty('containIntrinsicHeight', $a81f2c98f3b7c89e$var$height),
+        minHeight: $a81f2c98f3b7c89e$var$createSpectrumSizingProperty('minHeight', $a81f2c98f3b7c89e$var$height),
+        maxHeight: $a81f2c98f3b7c89e$var$createSpectrumSizingProperty('maxHeight', {
             ...$a81f2c98f3b7c89e$var$height,
             none: 'none'
         }),
-        minWidth: $a81f2c98f3b7c89e$var$createSpectrumSizingProperty($a81f2c98f3b7c89e$var$width),
-        maxWidth: $a81f2c98f3b7c89e$var$createSpectrumSizingProperty({
+        minWidth: $a81f2c98f3b7c89e$var$createSpectrumSizingProperty('minWidth', $a81f2c98f3b7c89e$var$width),
+        maxWidth: $a81f2c98f3b7c89e$var$createSpectrumSizingProperty('maxWidth', {
             ...$a81f2c98f3b7c89e$var$width,
             none: 'none'
         }),
-        borderStartWidth: (0, $1d6343f16443be39$export$7fdf8c7af26ba416)('borderInlineStartWidth', $a81f2c98f3b7c89e$var$borderWidth),
-        borderEndWidth: (0, $1d6343f16443be39$export$7fdf8c7af26ba416)('borderInlineEndWidth', $a81f2c98f3b7c89e$var$borderWidth),
+        borderStartWidth: new (0, $1d6343f16443be39$export$965169194d2485f7)('borderInlineStartWidth', $a81f2c98f3b7c89e$var$borderWidth),
+        borderEndWidth: new (0, $1d6343f16443be39$export$965169194d2485f7)('borderInlineEndWidth', $a81f2c98f3b7c89e$var$borderWidth),
         borderTopWidth: $a81f2c98f3b7c89e$var$borderWidth,
         borderBottomWidth: $a81f2c98f3b7c89e$var$borderWidth,
         borderStyle: [
@@ -1123,43 +1132,53 @@ const $a81f2c98f3b7c89e$export$1d567c320f4763bc = (0, $1d6343f16443be39$export$2
             1: '1',
             2: '2'
         },
-        marginStart: (0, $1d6343f16443be39$export$7fdf8c7af26ba416)('marginInlineStart', $a81f2c98f3b7c89e$var$margin),
-        marginEnd: (0, $1d6343f16443be39$export$7fdf8c7af26ba416)('marginInlineEnd', $a81f2c98f3b7c89e$var$margin),
+        marginStart: new (0, $1d6343f16443be39$export$965169194d2485f7)('marginInlineStart', $a81f2c98f3b7c89e$var$margin),
+        marginEnd: new (0, $1d6343f16443be39$export$965169194d2485f7)('marginInlineEnd', $a81f2c98f3b7c89e$var$margin),
         marginTop: $a81f2c98f3b7c89e$var$margin,
         marginBottom: $a81f2c98f3b7c89e$var$margin,
-        paddingStart: (0, $1d6343f16443be39$export$7fdf8c7af26ba416)('paddingInlineStart', $a81f2c98f3b7c89e$var$spacing),
-        paddingEnd: (0, $1d6343f16443be39$export$7fdf8c7af26ba416)('paddingInlineEnd', $a81f2c98f3b7c89e$var$spacing),
+        paddingStart: new (0, $1d6343f16443be39$export$965169194d2485f7)('paddingInlineStart', $a81f2c98f3b7c89e$var$spacing),
+        paddingEnd: new (0, $1d6343f16443be39$export$965169194d2485f7)('paddingInlineEnd', $a81f2c98f3b7c89e$var$spacing),
         paddingTop: $a81f2c98f3b7c89e$var$spacing,
         paddingBottom: $a81f2c98f3b7c89e$var$spacing,
-        scrollMarginStart: (0, $1d6343f16443be39$export$7fdf8c7af26ba416)('scrollMarginInlineStart', $a81f2c98f3b7c89e$var$baseSpacing),
-        scrollMarginEnd: (0, $1d6343f16443be39$export$7fdf8c7af26ba416)('scrollMarginInlineEnd', $a81f2c98f3b7c89e$var$baseSpacing),
+        scrollMarginStart: new (0, $1d6343f16443be39$export$965169194d2485f7)('scrollMarginInlineStart', $a81f2c98f3b7c89e$var$baseSpacing),
+        scrollMarginEnd: new (0, $1d6343f16443be39$export$965169194d2485f7)('scrollMarginInlineEnd', $a81f2c98f3b7c89e$var$baseSpacing),
         scrollMarginTop: $a81f2c98f3b7c89e$var$baseSpacing,
         scrollMarginBottom: $a81f2c98f3b7c89e$var$baseSpacing,
-        scrollPaddingStart: (0, $1d6343f16443be39$export$7fdf8c7af26ba416)('scrollPaddingInlineStart', $a81f2c98f3b7c89e$var$baseSpacing),
-        scrollPaddingEnd: (0, $1d6343f16443be39$export$7fdf8c7af26ba416)('scrollPaddingInlineEnd', $a81f2c98f3b7c89e$var$baseSpacing),
+        scrollPaddingStart: new (0, $1d6343f16443be39$export$965169194d2485f7)('scrollPaddingInlineStart', $a81f2c98f3b7c89e$var$baseSpacing),
+        scrollPaddingEnd: new (0, $1d6343f16443be39$export$965169194d2485f7)('scrollPaddingInlineEnd', $a81f2c98f3b7c89e$var$baseSpacing),
         scrollPaddingTop: $a81f2c98f3b7c89e$var$baseSpacing,
         scrollPaddingBottom: $a81f2c98f3b7c89e$var$baseSpacing,
         textIndent: $a81f2c98f3b7c89e$var$baseSpacing,
-        translateX: (0, $1d6343f16443be39$export$40f4ff17b27355ab)((value)=>({
-                '--translateX': value,
+        translateX: new (0, $1d6343f16443be39$export$1b6028cfca42adca)([
+            '--translateX',
+            'translate'
+        ], (value)=>({
+                '--translateX': String(value),
                 translate: 'var(--translateX, 0) var(--translateY, 0)'
             }), $a81f2c98f3b7c89e$var$translate),
-        translateY: (0, $1d6343f16443be39$export$40f4ff17b27355ab)((value)=>({
-                '--translateY': value,
+        translateY: new (0, $1d6343f16443be39$export$1b6028cfca42adca)([
+            '--translateY',
+            'translate'
+        ], (value)=>({
+                '--translateY': String(value),
                 translate: 'var(--translateX, 0) var(--translateY, 0)'
             }), $a81f2c98f3b7c89e$var$translate),
-        rotate: (0, $1d6343f16443be39$export$e33e260cb0fb20f7)((value, property)=>({
-                [property]: typeof value === 'number' ? `${value}deg` : value
-            })),
-        scaleX: (0, $1d6343f16443be39$export$e33e260cb0fb20f7)((value)=>({
-                '--scaleX': value,
+        rotate: new (0, $1d6343f16443be39$export$d03475ad9df06cd2)('rotate', (value)=>typeof value === 'number' ? `${value}deg` : value),
+        scaleX: new (0, $1d6343f16443be39$export$1b6028cfca42adca)([
+            '--scaleX',
+            'scale'
+        ], (value)=>({
+                '--scaleX': String(value),
                 scale: 'var(--scaleX, 1) var(--scaleY, 1)'
             })),
-        scaleY: (0, $1d6343f16443be39$export$e33e260cb0fb20f7)((value)=>({
-                '--scaleY': value,
+        scaleY: new (0, $1d6343f16443be39$export$1b6028cfca42adca)([
+            '--scaleY',
+            'scale'
+        ], (value)=>({
+                '--scaleY': String(value),
                 scale: 'var(--scaleX, 1) var(--scaleY, 1)'
             })),
-        transform: (0, $1d6343f16443be39$export$e33e260cb0fb20f7)(),
+        transform: new (0, $1d6343f16443be39$export$d03475ad9df06cd2)('transform'),
         position: [
             'absolute',
             'fixed',
@@ -1167,8 +1186,8 @@ const $a81f2c98f3b7c89e$export$1d567c320f4763bc = (0, $1d6343f16443be39$export$2
             'sticky',
             'static'
         ],
-        insetStart: (0, $1d6343f16443be39$export$7fdf8c7af26ba416)('insetInlineStart', $a81f2c98f3b7c89e$var$inset),
-        insetEnd: (0, $1d6343f16443be39$export$7fdf8c7af26ba416)('insetInlineEnd', $a81f2c98f3b7c89e$var$inset),
+        insetStart: new (0, $1d6343f16443be39$export$965169194d2485f7)('insetInlineStart', $a81f2c98f3b7c89e$var$inset),
+        insetEnd: new (0, $1d6343f16443be39$export$965169194d2485f7)('insetInlineEnd', $a81f2c98f3b7c89e$var$inset),
         top: $a81f2c98f3b7c89e$var$inset,
         left: $a81f2c98f3b7c89e$var$inset,
         bottom: $a81f2c98f3b7c89e$var$inset,
@@ -1191,31 +1210,18 @@ const $a81f2c98f3b7c89e$export$1d567c320f4763bc = (0, $1d6343f16443be39$export$2
             code: 'source-code-pro, "Source Code Pro", Monaco, monospace'
         },
         fontSize: $a81f2c98f3b7c89e$var$fontSize,
-        fontWeight: (0, $1d6343f16443be39$export$40f4ff17b27355ab)((value, property)=>{
-            if (property === 'fontWeight') return {
+        fontWeight: new (0, $1d6343f16443be39$export$1b6028cfca42adca)([
+            'fontWeight',
+            'fontVariationSettings',
+            'fontSynthesisWeight'
+        ], (value)=>{
+            return {
                 // Set font-variation-settings in addition to font-weight to work around typekit issue.
                 fontVariationSettings: value === 'inherit' ? 'inherit' : `"wght" ${value}`,
                 fontWeight: value,
                 fontSynthesisWeight: 'none'
             };
-            return {
-                [property]: value
-            };
-        }, {
-            ...$a81f2c98f3b7c89e$var$fontWeightBase,
-            heading: {
-                default: $a81f2c98f3b7c89e$var$fontWeightBase["extra-bold"],
-                ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $a81f2c98f3b7c89e$var$fontWeightBase["extra-bold"]
-            },
-            title: {
-                default: $a81f2c98f3b7c89e$var$fontWeightBase["bold"],
-                ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $a81f2c98f3b7c89e$var$fontWeightBase["bold"]
-            },
-            detail: {
-                default: $a81f2c98f3b7c89e$var$fontWeightBase["medium"],
-                ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $a81f2c98f3b7c89e$var$fontWeightBase["bold"]
-            }
-        }),
+        }, $a81f2c98f3b7c89e$var$fontWeight),
         lineHeight: {
             // See https://spectrum.corp.adobe.com/page/typography/#Line-height
             ui: {
@@ -1274,24 +1280,27 @@ const $a81f2c98f3b7c89e$export$1d567c320f4763bc = (0, $1d6343f16443be39$export$2
             'sub',
             'super'
         ],
-        textDecoration: (0, $1d6343f16443be39$export$40f4ff17b27355ab)((value)=>({
+        textDecoration: new (0, $1d6343f16443be39$export$1b6028cfca42adca)([
+            'textDecoration',
+            'textUnderlineOffset'
+        ], (value)=>({
                 textDecoration: value === 'none' ? 'none' : `${value} ${"1px"}`,
                 textUnderlineOffset: value === 'underline' ? "1px" : undefined
-            }), [
-            'underline',
-            'overline',
-            'line-through',
-            'none'
-        ]),
+            })),
         textOverflow: [
             'ellipsis',
             'clip'
         ],
-        lineClamp: (0, $1d6343f16443be39$export$e33e260cb0fb20f7)((value)=>({
+        lineClamp: new (0, $1d6343f16443be39$export$1b6028cfca42adca)([
+            'overflow',
+            'display',
+            '-webkit-box-orient',
+            '-webkit-line-clamp'
+        ], (value)=>({
                 overflow: 'hidden',
                 display: '-webkit-box',
                 '-webkit-box-orient': 'vertical',
-                '-webkit-line-clamp': value
+                '-webkit-line-clamp': String(value)
             })),
         hyphens: [
             'none',
@@ -1334,10 +1343,10 @@ const $a81f2c98f3b7c89e$export$1d567c320f4763bc = (0, $1d6343f16443be39$export$2
             dragged: `drop-shadow${"0px"} ${"6px"} ${"16px"} ${"light-dark(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6))"}`,
             none: 'none'
         },
-        borderTopStartRadius: (0, $1d6343f16443be39$export$7fdf8c7af26ba416)('borderStartStartRadius', $a81f2c98f3b7c89e$var$radius),
-        borderTopEndRadius: (0, $1d6343f16443be39$export$7fdf8c7af26ba416)('borderStartEndRadius', $a81f2c98f3b7c89e$var$radius),
-        borderBottomStartRadius: (0, $1d6343f16443be39$export$7fdf8c7af26ba416)('borderEndStartRadius', $a81f2c98f3b7c89e$var$radius),
-        borderBottomEndRadius: (0, $1d6343f16443be39$export$7fdf8c7af26ba416)('borderEndEndRadius', $a81f2c98f3b7c89e$var$radius),
+        borderTopStartRadius: new (0, $1d6343f16443be39$export$965169194d2485f7)('borderStartStartRadius', $a81f2c98f3b7c89e$var$radius),
+        borderTopEndRadius: new (0, $1d6343f16443be39$export$965169194d2485f7)('borderStartEndRadius', $a81f2c98f3b7c89e$var$radius),
+        borderBottomStartRadius: new (0, $1d6343f16443be39$export$965169194d2485f7)('borderEndStartRadius', $a81f2c98f3b7c89e$var$radius),
+        borderBottomEndRadius: new (0, $1d6343f16443be39$export$965169194d2485f7)('borderEndEndRadius', $a81f2c98f3b7c89e$var$radius),
         forcedColorAdjust: [
             'auto',
             'none'
@@ -1347,13 +1356,19 @@ const $a81f2c98f3b7c89e$export$1d567c320f4763bc = (0, $1d6343f16443be39$export$2
             'dark',
             'light dark'
         ],
-        backgroundImage: (0, $1d6343f16443be39$export$e33e260cb0fb20f7)((value, property)=>{
+        backgroundImage: new (0, $1d6343f16443be39$export$1b6028cfca42adca)([
+            'backgroundImage',
+            '--g0',
+            '--g1',
+            '--g2',
+            '--gp'
+        ], (value)=>{
             if (typeof value === 'string') return {
-                [property]: value
+                backgroundImage: value
             };
             else if (Array.isArray(value) && value[0]?.type === 'linear-gradient') {
                 let values = {
-                    [property]: `linear-gradient(${value[0].angle}, ${value[0].stops.map(([, stop], i)=>`var(--g${i}) ${stop}%`)})`
+                    backgroundImage: `linear-gradient(${value[0].angle}, ${value[0].stops.map(([, stop], i)=>`var(--g${i}) ${stop}%`)})`
                 };
                 // Create a CSS var for each color stop so the gradient can be transitioned.
                 // These are registered via @property in the `linearGradient` macro.
@@ -1446,7 +1461,7 @@ const $a81f2c98f3b7c89e$export$1d567c320f4763bc = (0, $1d6343f16443be39$export$2
             'plus-darker',
             'plus-lighter'
         ],
-        opacity: (0, $1d6343f16443be39$export$e33e260cb0fb20f7)(),
+        opacity: new (0, $1d6343f16443be39$export$d03475ad9df06cd2)('opacity'),
         outlineStyle: [
             'none',
             'solid',
@@ -1455,19 +1470,15 @@ const $a81f2c98f3b7c89e$export$1d567c320f4763bc = (0, $1d6343f16443be39$export$2
             'double',
             'inset'
         ],
-        outlineOffset: (0, $1d6343f16443be39$export$e33e260cb0fb20f7)((v, property)=>({
-                [property]: `${v}px`
-            })),
+        outlineOffset: new (0, $1d6343f16443be39$export$d03475ad9df06cd2)('outlineOffset', (v)=>`${v}px`),
         outlineWidth: $a81f2c98f3b7c89e$var$borderWidth,
-        transition: (0, $1d6343f16443be39$export$7fdf8c7af26ba416)('transitionProperty', $a81f2c98f3b7c89e$var$transitionProperty),
-        transitionDelay: $a81f2c98f3b7c89e$var$durationProperty,
-        transitionDuration: $a81f2c98f3b7c89e$var$durationProperty,
+        transition: new (0, $1d6343f16443be39$export$965169194d2485f7)('transitionProperty', $a81f2c98f3b7c89e$var$transitionProperty),
+        transitionDelay: new (0, $1d6343f16443be39$export$d03475ad9df06cd2)('transitionDelay', $a81f2c98f3b7c89e$var$durationValue),
+        transitionDuration: new (0, $1d6343f16443be39$export$d03475ad9df06cd2)('transitionDuration', $a81f2c98f3b7c89e$var$durationValue),
         transitionTimingFunction: $a81f2c98f3b7c89e$var$timingFunction,
-        animation: (0, $1d6343f16443be39$export$e33e260cb0fb20f7)((value, property)=>({
-                [property === 'animation' ? 'animationName' : property]: value
-            })),
-        animationDuration: $a81f2c98f3b7c89e$var$durationProperty,
-        animationDelay: $a81f2c98f3b7c89e$var$durationProperty,
+        animation: new (0, $1d6343f16443be39$export$d03475ad9df06cd2)('animationName'),
+        animationDuration: new (0, $1d6343f16443be39$export$d03475ad9df06cd2)('animationDuration', $a81f2c98f3b7c89e$var$durationValue),
+        animationDelay: new (0, $1d6343f16443be39$export$d03475ad9df06cd2)('animationDelay', $a81f2c98f3b7c89e$var$durationValue),
         animationDirection: [
             'normal',
             'reverse',
@@ -1480,7 +1491,7 @@ const $a81f2c98f3b7c89e$export$1d567c320f4763bc = (0, $1d6343f16443be39$export$2
             'backwards',
             'both'
         ],
-        animationIterationCount: (0, $1d6343f16443be39$export$e33e260cb0fb20f7)(),
+        animationIterationCount: new (0, $1d6343f16443be39$export$d03475ad9df06cd2)('animationIterationCount'),
         animationTimingFunction: $a81f2c98f3b7c89e$var$timingFunction,
         // layout
         display: [
@@ -1555,12 +1566,12 @@ const $a81f2c98f3b7c89e$export$1d567c320f4763bc = (0, $1d6343f16443be39$export$2
             'wrap-reverse',
             'nowrap'
         ],
-        flexShrink: (0, $1d6343f16443be39$export$e33e260cb0fb20f7)(),
-        flexGrow: (0, $1d6343f16443be39$export$e33e260cb0fb20f7)(),
-        gridColumnStart: (0, $1d6343f16443be39$export$e33e260cb0fb20f7)(),
-        gridColumnEnd: (0, $1d6343f16443be39$export$e33e260cb0fb20f7)(),
-        gridRowStart: (0, $1d6343f16443be39$export$e33e260cb0fb20f7)(),
-        gridRowEnd: (0, $1d6343f16443be39$export$e33e260cb0fb20f7)(),
+        flexShrink: new (0, $1d6343f16443be39$export$d03475ad9df06cd2)('flexShrink'),
+        flexGrow: new (0, $1d6343f16443be39$export$d03475ad9df06cd2)('flexGrow'),
+        gridColumnStart: new (0, $1d6343f16443be39$export$d03475ad9df06cd2)('gridColumnStart'),
+        gridColumnEnd: new (0, $1d6343f16443be39$export$d03475ad9df06cd2)('gridColumnEnd'),
+        gridRowStart: new (0, $1d6343f16443be39$export$d03475ad9df06cd2)('gridRowStart'),
+        gridRowEnd: new (0, $1d6343f16443be39$export$d03475ad9df06cd2)('gridRowEnd'),
         gridAutoFlow: [
             'row',
             'column',
@@ -1568,21 +1579,11 @@ const $a81f2c98f3b7c89e$export$1d567c320f4763bc = (0, $1d6343f16443be39$export$2
             'row dense',
             'column dense'
         ],
-        gridAutoRows: (0, $1d6343f16443be39$export$e33e260cb0fb20f7)((value, property)=>({
-                [property]: $a81f2c98f3b7c89e$var$gridTrackSize(value)
-            })),
-        gridAutoColumns: (0, $1d6343f16443be39$export$e33e260cb0fb20f7)((value, property)=>({
-                [property]: $a81f2c98f3b7c89e$var$gridTrackSize(value)
-            })),
-        gridTemplateColumns: (0, $1d6343f16443be39$export$e33e260cb0fb20f7)((value, property)=>({
-                [property]: $a81f2c98f3b7c89e$var$gridTrack(value)
-            })),
-        gridTemplateRows: (0, $1d6343f16443be39$export$e33e260cb0fb20f7)((value, property)=>({
-                [property]: $a81f2c98f3b7c89e$var$gridTrack(value)
-            })),
-        gridTemplateAreas: (0, $1d6343f16443be39$export$e33e260cb0fb20f7)((value, property)=>({
-                [property]: value.map((v)=>`"${v}"`).join('')
-            })),
+        gridAutoRows: new (0, $1d6343f16443be39$export$d03475ad9df06cd2)('gridAutoRows', $a81f2c98f3b7c89e$var$gridTrackSize),
+        gridAutoColumns: new (0, $1d6343f16443be39$export$d03475ad9df06cd2)('gridAutoColumns', $a81f2c98f3b7c89e$var$gridTrackSize),
+        gridTemplateColumns: new (0, $1d6343f16443be39$export$d03475ad9df06cd2)('gridTemplateColumns', $a81f2c98f3b7c89e$var$gridTrack),
+        gridTemplateRows: new (0, $1d6343f16443be39$export$d03475ad9df06cd2)('gridTemplateRows', $a81f2c98f3b7c89e$var$gridTrack),
+        gridTemplateAreas: new (0, $1d6343f16443be39$export$d03475ad9df06cd2)('gridTemplateAreas', (value)=>value.map((v)=>`"${v}"`).join('')),
         float: [
             'inline-start',
             'inline-end',
@@ -1707,7 +1708,7 @@ const $a81f2c98f3b7c89e$export$1d567c320f4763bc = (0, $1d6343f16443be39$export$2
             'auto',
             'smooth'
         ],
-        order: (0, $1d6343f16443be39$export$e33e260cb0fb20f7)(),
+        order: new (0, $1d6343f16443be39$export$d03475ad9df06cd2)('order'),
         pointerEvents: [
             'none',
             'auto'
@@ -1835,11 +1836,9 @@ const $a81f2c98f3b7c89e$export$1d567c320f4763bc = (0, $1d6343f16443be39$export$2
             'contents',
             'transform'
         ],
-        zIndex: (0, $1d6343f16443be39$export$e33e260cb0fb20f7)(),
+        zIndex: new (0, $1d6343f16443be39$export$d03475ad9df06cd2)('zIndex'),
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        disableTapHighlight: (0, $1d6343f16443be39$export$e33e260cb0fb20f7)((_value)=>({
-                '-webkit-tap-highlight-color': 'rgba(0,0,0,0)'
-            })),
+        disableTapHighlight: new (0, $1d6343f16443be39$export$d03475ad9df06cd2)('-webkit-tap-highlight-color', (_value)=>'rgba(0,0,0,0)'),
         unicodeBidi: [
             'normal',
             'embed',