@react-spectrum/s2 1.4.0 → 1.5.0

package/style/dist/style-macro.cjs

@@ -1,6 +1,6 @@
-var $09b3dbf96fabdf23$exports = require("./properties.cjs");
-var $7PGF6$path = require("path");
-var $7PGF6$fs = require("fs");
+var $5ead8b4c6b503f30$exports = require("./properties.cjs");
+var $56lN2$path = require("path");
+var $56lN2$fs = require("fs");
 
 
 function $parcel$interopDefault(a) {
@@ -11,14 +11,14 @@ function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "ArbitraryProperty", () => $cf0b57705fca33e1$export$d03475ad9df06cd2);
-$parcel$export(module.exports, "MappedProperty", () => $cf0b57705fca33e1$export$965169194d2485f7);
-$parcel$export(module.exports, "PercentageProperty", () => $cf0b57705fca33e1$export$6bff0717a72a8669);
-$parcel$export(module.exports, "SizingProperty", () => $cf0b57705fca33e1$export$8c6b4dc3755476bb);
-$parcel$export(module.exports, "ExpandedProperty", () => $cf0b57705fca33e1$export$1b6028cfca42adca);
-$parcel$export(module.exports, "parseArbitraryValue", () => $cf0b57705fca33e1$export$22a8270399010c94);
-$parcel$export(module.exports, "createTheme", () => $cf0b57705fca33e1$export$25d302a5b900a763);
-$parcel$export(module.exports, "css", () => $cf0b57705fca33e1$export$dbf350e5966cf602);
+$parcel$export(module.exports, "ArbitraryProperty", () => $01c7b97da92e6691$export$d03475ad9df06cd2);
+$parcel$export(module.exports, "MappedProperty", () => $01c7b97da92e6691$export$965169194d2485f7);
+$parcel$export(module.exports, "PercentageProperty", () => $01c7b97da92e6691$export$6bff0717a72a8669);
+$parcel$export(module.exports, "SizingProperty", () => $01c7b97da92e6691$export$8c6b4dc3755476bb);
+$parcel$export(module.exports, "ExpandedProperty", () => $01c7b97da92e6691$export$1b6028cfca42adca);
+$parcel$export(module.exports, "parseArbitraryValue", () => $01c7b97da92e6691$export$22a8270399010c94);
+$parcel$export(module.exports, "createTheme", () => $01c7b97da92e6691$export$25d302a5b900a763);
+$parcel$export(module.exports, "css", () => $01c7b97da92e6691$export$dbf350e5966cf602);
 /*
  * Copyright 2024 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -32,11 +32,11 @@ $parcel$export(module.exports, "css", () => $cf0b57705fca33e1$export$dbf350e5966
  */ 
 
 
-var $cf0b57705fca33e1$var$$parcel$__dirname = $7PGF6$path.resolve(__dirname, "..");
+var $01c7b97da92e6691$var$$parcel$__dirname = $56lN2$path.resolve(__dirname, "..");
 // Postfix all class names with version for now.
-const $cf0b57705fca33e1$var$json = JSON.parse((0, ($parcel$interopDefault($7PGF6$fs))).readFileSync($cf0b57705fca33e1$var$$parcel$__dirname + '/../package.json', 'utf8'));
-const $cf0b57705fca33e1$var$POSTFIX = $cf0b57705fca33e1$var$json.version.includes('nightly') ? $cf0b57705fca33e1$var$json.version.match(/-nightly-(.*)/)[1] : $cf0b57705fca33e1$var$json.version.replace(/[0.]/g, '');
-class $cf0b57705fca33e1$export$d03475ad9df06cd2 {
+const $01c7b97da92e6691$var$json = JSON.parse((0, ($parcel$interopDefault($56lN2$fs))).readFileSync($01c7b97da92e6691$var$$parcel$__dirname + '/../package.json', 'utf8'));
+const $01c7b97da92e6691$var$POSTFIX = $01c7b97da92e6691$var$json.version.includes('nightly') ? $01c7b97da92e6691$var$json.version.match(/-nightly-(.*)/)[1] : $01c7b97da92e6691$var$json.version.replace(/[0.]/g, '');
+class $01c7b97da92e6691$export$d03475ad9df06cd2 {
     constructor(property, toCSS){
         this.property = property;
         this.toCSS = toCSS || ((value)=>String(value));
@@ -50,14 +50,14 @@ class $cf0b57705fca33e1$export$d03475ad9df06cd2 {
         return this.toCSS(value);
     }
     toCSSProperties(customProperty, value) {
-        return $cf0b57705fca33e1$var$mapConditionalValue(value, (value)=>[
+        return $01c7b97da92e6691$var$mapConditionalValue(value, (value)=>[
                 {
                     [customProperty || this.property]: String(value)
                 }
             ]);
     }
 }
-class $cf0b57705fca33e1$export$965169194d2485f7 extends $cf0b57705fca33e1$export$d03475ad9df06cd2 {
+class $01c7b97da92e6691$export$965169194d2485f7 extends $01c7b97da92e6691$export$d03475ad9df06cd2 {
     constructor(property, mapping){
         super(property);
         this.mapping = mapping;
@@ -73,15 +73,15 @@ class $cf0b57705fca33e1$export$965169194d2485f7 extends $cf0b57705fca33e1$export
         }
     }
 }
-class $cf0b57705fca33e1$export$40ae678e65d951f2 extends $cf0b57705fca33e1$export$965169194d2485f7 {
+class $01c7b97da92e6691$export$40ae678e65d951f2 extends $01c7b97da92e6691$export$965169194d2485f7 {
     toCSSValue(value) {
         let [color, opacity] = value.split('/');
-        return $cf0b57705fca33e1$var$mapConditionalValue(this.mapping[color], (value)=>{
+        return $01c7b97da92e6691$var$mapConditionalValue(this.mapping[color], (value)=>{
             return opacity ? `rgb(from ${value} r g b / ${opacity}%)` : value;
         });
     }
 }
-class $cf0b57705fca33e1$export$6bff0717a72a8669 extends $cf0b57705fca33e1$export$965169194d2485f7 {
+class $01c7b97da92e6691$export$6bff0717a72a8669 extends $01c7b97da92e6691$export$965169194d2485f7 {
     constructor(property, mapping){
         super(property, mapping);
     }
@@ -90,7 +90,7 @@ class $cf0b57705fca33e1$export$6bff0717a72a8669 extends $cf0b57705fca33e1$export
         return super.toCSSValue(value);
     }
 }
-class $cf0b57705fca33e1$export$8c6b4dc3755476bb extends $cf0b57705fca33e1$export$6bff0717a72a8669 {
+class $01c7b97da92e6691$export$8c6b4dc3755476bb extends $01c7b97da92e6691$export$6bff0717a72a8669 {
     constructor(property, mapping, numberToCSS){
         super(property, mapping);
         this.numberToCSS = numberToCSS;
@@ -100,12 +100,12 @@ class $cf0b57705fca33e1$export$8c6b4dc3755476bb extends $cf0b57705fca33e1$export
         return super.toCSSValue(value);
     }
 }
-class $cf0b57705fca33e1$export$1b6028cfca42adca {
+class $01c7b97da92e6691$export$1b6028cfca42adca {
     constructor(properties, expand, mapping){
         this.cssProperties = properties;
         this.expand = expand;
-        if (mapping instanceof $cf0b57705fca33e1$export$965169194d2485f7) this.mapping = mapping;
-        else if (mapping) this.mapping = new $cf0b57705fca33e1$export$965169194d2485f7(properties[0], mapping);
+        if (mapping instanceof $01c7b97da92e6691$export$965169194d2485f7) this.mapping = mapping;
+        else if (mapping) this.mapping = new $01c7b97da92e6691$export$965169194d2485f7(properties[0], mapping);
         else this.mapping = null;
     }
     toCSSValue(value) {
@@ -114,23 +114,23 @@ class $cf0b57705fca33e1$export$1b6028cfca42adca {
     }
     toCSSProperties(customProperty, value) {
         if (customProperty) throw new Error('Style properties that expand into multiple CSS properties cannot be set as CSS variables.');
-        return $cf0b57705fca33e1$var$mapConditionalValue(value, (value)=>[
+        return $01c7b97da92e6691$var$mapConditionalValue(value, (value)=>[
                 this.expand(value)
             ]);
     }
 }
-function $cf0b57705fca33e1$var$mapConditionalValue(value, fn) {
+function $01c7b97da92e6691$var$mapConditionalValue(value, fn) {
     if (typeof value === 'object' && !Array.isArray(value)) {
         let res = {};
-        for(let condition in value)res[condition] = $cf0b57705fca33e1$var$mapConditionalValue(value[condition], fn);
+        for(let condition in value)res[condition] = $01c7b97da92e6691$var$mapConditionalValue(value[condition], fn);
         return res;
     } else return fn(value);
 }
-function $cf0b57705fca33e1$var$mapConditionalShorthand(value, fn) {
+function $01c7b97da92e6691$var$mapConditionalShorthand(value, fn) {
     if (typeof value === 'object') {
         let res = {};
         for(let condition in value){
-            let properties = $cf0b57705fca33e1$var$mapConditionalShorthand(value[condition], fn);
+            let properties = $01c7b97da92e6691$var$mapConditionalShorthand(value[condition], fn);
             for(let property in properties){
                 res[property] ??= {};
                 res[property][condition] = properties[property];
@@ -139,22 +139,22 @@ function $cf0b57705fca33e1$var$mapConditionalShorthand(value, fn) {
         return res;
     } else return fn(value);
 }
-function $cf0b57705fca33e1$export$22a8270399010c94(value) {
+function $01c7b97da92e6691$export$22a8270399010c94(value) {
     if (typeof value === 'string' && value.startsWith('--')) return `var(${value})`;
     else if (typeof value === 'string' && value[0] === '[' && value[value.length - 1] === ']') return value.slice(1, -1);
     else if (typeof value === 'string' && (/^(var|calc|min|max|clamp|round|mod|rem|sin|cos|tan|asin|acos|atan|atan2|pow|sqrt|hypot|log|exp|abs|sign)\(.+\)$/.test(value) || /^(inherit|initial|unset)$/.test(value))) return value;
 }
-function $cf0b57705fca33e1$var$shortCSSPropertyName(property) {
-    return $09b3dbf96fabdf23$exports.properties[property] ?? $cf0b57705fca33e1$var$generateArbitraryValueSelector(property, true);
+function $01c7b97da92e6691$var$shortCSSPropertyName(property) {
+    return $5ead8b4c6b503f30$exports.properties[property] ?? $01c7b97da92e6691$var$generateArbitraryValueSelector(property, true);
 }
-function $cf0b57705fca33e1$var$classNamePrefix(property, cssProperty) {
-    let className = $09b3dbf96fabdf23$exports.properties[cssProperty];
+function $01c7b97da92e6691$var$classNamePrefix(property, cssProperty) {
+    let className = $5ead8b4c6b503f30$exports.properties[cssProperty];
     if (className && property === '--' + className) return '-' + className + '_-';
     if (className && !property.startsWith('--')) return className;
-    return '-' + $cf0b57705fca33e1$var$generateArbitraryValueSelector(property, true) + '-';
+    return '-' + $01c7b97da92e6691$var$generateArbitraryValueSelector(property, true) + '-';
 }
-let $cf0b57705fca33e1$var$isCompilingDependencies = false;
-function $cf0b57705fca33e1$export$25d302a5b900a763(theme) {
+let $01c7b97da92e6691$var$isCompilingDependencies = false;
+function $01c7b97da92e6691$export$25d302a5b900a763(theme) {
     let properties = new Map(Object.entries(theme.properties).map(([k, v])=>{
         if (!Array.isArray(v) && v.cssProperties) return [
             k,
@@ -162,7 +162,7 @@ function $cf0b57705fca33e1$export$25d302a5b900a763(theme) {
         ];
         return [
             k,
-            new $cf0b57705fca33e1$export$965169194d2485f7(k, v)
+            new $01c7b97da92e6691$export$965169194d2485f7(k, v)
         ];
     }));
     let dependencies = new Set();
@@ -180,7 +180,7 @@ function $cf0b57705fca33e1$export$25d302a5b900a763(theme) {
         let usedPriorities = 0;
         let setRules = (key, value)=>{
             usedPriorities = Math.max(usedPriorities, value[0]);
-            rules.set(key, new $cf0b57705fca33e1$var$GroupRule(value[1]));
+            rules.set(key, new $01c7b97da92e6691$var$GroupRule(value[1]));
         };
         hasConditions = false;
         for(let key in style){
@@ -196,7 +196,7 @@ function $cf0b57705fca33e1$export$25d302a5b900a763(theme) {
             if (theme.shorthands[key]) {
                 let shorthand = theme.shorthands[key];
                 if (typeof shorthand === 'function') {
-                    let expanded = $cf0b57705fca33e1$var$mapConditionalShorthand(value, shorthand);
+                    let expanded = $01c7b97da92e6691$var$mapConditionalShorthand(value, shorthand);
                     for(let k in expanded){
                         let v = expanded[k];
                         values.set(k, v);
@@ -215,13 +215,13 @@ function $cf0b57705fca33e1$export$25d302a5b900a763(theme) {
             if (value != null) {
                 if (!(dep in theme.properties)) throw new Error(`Unknown dependency ${dep}`);
                 let prop = properties.get(dep);
-                let name = `--${$cf0b57705fca33e1$var$shortCSSPropertyName(prop.cssProperties[0])}`;
+                let name = `--${$01c7b97da92e6691$var$shortCSSPropertyName(prop.cssProperties[0])}`;
                 // Could potentially use @property to prevent the var from inheriting in children.
-                $cf0b57705fca33e1$var$isCompilingDependencies = dep;
+                $01c7b97da92e6691$var$isCompilingDependencies = dep;
                 setRules(name, compileValue(name, dep, value));
-                $cf0b57705fca33e1$var$isCompilingDependencies = null;
+                $01c7b97da92e6691$var$isCompilingDependencies = null;
                 setRules(dep, compileValue(dep, dep, name));
-                $cf0b57705fca33e1$var$isCompilingDependencies = false;
+                $01c7b97da92e6691$var$isCompilingDependencies = false;
             }
         }
         dependencies.clear();
@@ -232,7 +232,7 @@ function $cf0b57705fca33e1$export$25d302a5b900a763(theme) {
         for(let i = 0; i <= usedPriorities; i++){
             if (first) first = false;
             else css += ', ';
-            css += $cf0b57705fca33e1$var$layerName($cf0b57705fca33e1$var$generateName(i, true));
+            css += $01c7b97da92e6691$var$layerName($01c7b97da92e6691$var$generateName(i, true));
         }
         css += ';\n\n';
         // If allowed overrides are provided, generate code to match the input override string and include only allowed classes.
@@ -262,13 +262,13 @@ function $cf0b57705fca33e1$export$25d302a5b900a763(theme) {
                 if (prop) {
                     for (let property of prop.cssProperties)// oxlint-disable-next-line max-depth
                     if (property && allowedOverridesSet.has(property)) {
-                        let selector = $cf0b57705fca33e1$var$classNamePrefix(property, property);
+                        let selector = $01c7b97da92e6691$var$classNamePrefix(property, property);
                         let p = property.replace('--', '__');
                         js += `let ${p} = false;\n`;
                         loop += `  if (p[1] === ${JSON.stringify(selector)}) ${p} = true;\n`;
                     }
                 } else if (property.startsWith('--') && allowedOverridesSet.has(property)) {
-                    let selector = $cf0b57705fca33e1$var$classNamePrefix(property, property);
+                    let selector = $01c7b97da92e6691$var$classNamePrefix(property, property);
                     let p = property.replace('--', '__');
                     js += `let ${p} = false;\n`;
                     loop += `  if (p[1] === ${JSON.stringify(selector)}) ${p} = true;\n`;
@@ -277,7 +277,7 @@ function $cf0b57705fca33e1$export$25d302a5b900a763(theme) {
             let macroPart = process.env.NODE_ENV !== 'production' ? '|-macro\\$' : '';
             let regex = `/(?:^|\\s)(${[
                 ...allowedOverridesSet
-            ].map((p)=>$cf0b57705fca33e1$var$classNamePrefix(p, p)).join('|')}${macroPart})[^\\s]+/g`;
+            ].map((p)=>$01c7b97da92e6691$var$classNamePrefix(p, p)).join('|')}${macroPart})[^\\s]+/g`;
             if (loop) {
                 js += `let matches = String(overrides || '').matchAll(${regex});\n`;
                 js += 'for (let p of matches) {\n';
@@ -290,21 +290,21 @@ function $cf0b57705fca33e1$export$25d302a5b900a763(theme) {
         let isStatic = !(hasConditions || allowedOverrides);
         let className = '';
         let rulesByLayer = new Map();
-        let rootRule = new $cf0b57705fca33e1$var$GroupRule([
+        let rootRule = new $01c7b97da92e6691$var$GroupRule([
             ...rules.values()
         ]);
         if (isStatic) className += rootRule.getStaticClassName();
         else js += rootRule.toJS(allowedOverridesSet) + '\n';
         rootRule.toCSS(rulesByLayer);
         for (let [layer, rules] of rulesByLayer){
-            css += `@layer ${$cf0b57705fca33e1$var$layerName(layer)} {\n`;
+            css += `@layer ${$01c7b97da92e6691$var$layerName(layer)} {\n`;
             css += rules.join('\n\n');
             css += '}\n\n';
         }
         // @ts-expect-error
         let loc = this?.loc?.filePath + ':' + this?.loc?.line + ':' + this?.loc?.col;
         if (isStatic && process.env.NODE_ENV !== 'production') {
-            let id = $cf0b57705fca33e1$var$toBase62($cf0b57705fca33e1$var$hash(className + loc));
+            let id = $01c7b97da92e6691$var$toBase62($01c7b97da92e6691$var$hash(className + loc));
             css += `.-macro-static-${id} {
         --macro-data-${id}: ${JSON.stringify({
                 style: style,
@@ -370,7 +370,7 @@ function $cf0b57705fca33e1$export$25d302a5b900a763(theme) {
                 // The @layer order in the generated CSS will ensure that it overrides classes applied by runtime conditions.
                 let isCSSCondition = condition in theme.conditions || /^[@:]/.test(condition);
                 if (!wasCSSCondition && isCSSCondition && rules.length) rules = [
-                    new $cf0b57705fca33e1$var$GroupRule(rules)
+                    new $01c7b97da92e6691$var$GroupRule(rules)
                 ];
                 wasCSSCondition = isCSSCondition;
                 // Increment the current priority whenever we see a new CSS condition.
@@ -410,7 +410,7 @@ function $cf0b57705fca33e1$export$25d302a5b900a763(theme) {
     }
     function compileCondition(conditions, condition, priority, rules) {
         if (condition === 'default' || conditions.has(condition)) return [
-            new $cf0b57705fca33e1$var$GroupRule(rules)
+            new $01c7b97da92e6691$var$GroupRule(rules)
         ];
         if (condition in theme.conditions || /^[@:]/.test(condition)) {
             // Conditions starting with : are CSS pseudo classes. Nest them inside the parent rule.
@@ -425,18 +425,18 @@ function $cf0b57705fca33e1$export$25d302a5b900a763(theme) {
                         rule.addPseudo(prelude);
                         return rule;
                     });
-                    return new $cf0b57705fca33e1$var$GroupRule(rulesWithPseudo, $cf0b57705fca33e1$var$generateName(priority, true));
+                    return new $01c7b97da92e6691$var$GroupRule(rulesWithPseudo, $01c7b97da92e6691$var$generateName(priority, true));
                 }
                 // Otherwise, wrap the rule in the condition (e.g. @media).
                 // Top level layer is based on the priority of the rule, not the condition.
                 // Also group in a sub-layer based on the condition so that lightningcss can more effectively deduplicate rules.
-                let layer = `${$cf0b57705fca33e1$var$generateName(priority, true)}.${$09b3dbf96fabdf23$exports.conditions[prelude] || $cf0b57705fca33e1$var$generateArbitraryValueSelector(condition, true)}`;
-                return new $cf0b57705fca33e1$var$AtRule(rules, prelude, layer, condition);
+                let layer = `${$01c7b97da92e6691$var$generateName(priority, true)}.${$5ead8b4c6b503f30$exports.conditions[prelude] || $01c7b97da92e6691$var$generateArbitraryValueSelector(condition, true)}`;
+                return new $01c7b97da92e6691$var$AtRule(rules, prelude, layer, condition);
             });
         }
         hasConditions = true;
         return [
-            new $cf0b57705fca33e1$var$ConditionalRule(rules, condition)
+            new $01c7b97da92e6691$var$ConditionalRule(rules, condition)
         ];
     }
     function compileRule(property, themeProperty, value, priority, conditions, skipConditions) {
@@ -444,7 +444,7 @@ function $cf0b57705fca33e1$export$25d302a5b900a763(theme) {
         if (propertyFunction) {
             // Expand value to conditional CSS values, and then to rules.
             let propertyValue = value;
-            let arbitrary = $cf0b57705fca33e1$export$22a8270399010c94(value);
+            let arbitrary = $01c7b97da92e6691$export$22a8270399010c94(value);
             let cssValue = arbitrary ? arbitrary : propertyFunction.toCSSValue(value);
             let cssProperties = propertyFunction.toCSSProperties(property.startsWith('--') ? property : null, cssValue);
             return conditionalToRules(cssProperties, priority, conditions, skipConditions, (value, priority, conditions)=>{
@@ -461,23 +461,23 @@ function $cf0b57705fca33e1$export$25d302a5b900a763(theme) {
                         let cssProperties = prop.cssProperties;
                         if (cssProperties.length !== 1) throw new Error(`self(${v}) is not supported. ${v} expands to multiple CSS properties.`);
                         dependencies.add(v);
-                        return `var(--${$cf0b57705fca33e1$var$shortCSSPropertyName(cssProperties[0])}`;
+                        return `var(--${$01c7b97da92e6691$var$shortCSSPropertyName(cssProperties[0])}`;
                     });
                     // Generate selector. This consists of three parts: property, conditions, value.
                     let cssProperty = key;
                     if (property.startsWith('--')) cssProperty = propertyFunction.cssProperties[0];
-                    let className = $cf0b57705fca33e1$var$classNamePrefix(key, cssProperty);
+                    let className = $01c7b97da92e6691$var$classNamePrefix(key, cssProperty);
                     if (conditions.size > 0) for (let condition of conditions){
                         let prelude = theme.conditions[condition] || condition;
                         let preludes = Array.isArray(prelude) ? prelude : [
                             prelude
                         ];
-                        for (let prelude of preludes)className += $09b3dbf96fabdf23$exports.conditions[prelude] || $cf0b57705fca33e1$var$generateArbitraryValueSelector(condition);
+                        for (let prelude of preludes)className += $5ead8b4c6b503f30$exports.conditions[prelude] || $01c7b97da92e6691$var$generateArbitraryValueSelector(condition);
                     }
-                    if (cssProperty !== key) className += $cf0b57705fca33e1$var$shortCSSPropertyName(cssProperty);
-                    className += $09b3dbf96fabdf23$exports.values[cssProperty]?.[String(value)] ?? $cf0b57705fca33e1$var$generateArbitraryValueSelector(String(value));
-                    className += $cf0b57705fca33e1$var$POSTFIX;
-                    rules.push(new $cf0b57705fca33e1$var$StyleRule(className, key, String(value), $cf0b57705fca33e1$var$isCompilingDependencies ? themeProperty : property, propertyValue));
+                    if (cssProperty !== key) className += $01c7b97da92e6691$var$shortCSSPropertyName(cssProperty);
+                    className += $5ead8b4c6b503f30$exports.values[cssProperty]?.[String(value)] ?? $01c7b97da92e6691$var$generateArbitraryValueSelector(String(value));
+                    className += $01c7b97da92e6691$var$POSTFIX;
+                    rules.push(new $01c7b97da92e6691$var$StyleRule(className, key, String(value), $01c7b97da92e6691$var$isCompilingDependencies ? themeProperty : property, propertyValue));
                 }
                 return [
                     0,
@@ -487,7 +487,7 @@ function $cf0b57705fca33e1$export$25d302a5b900a763(theme) {
         } else throw new Error('Unknown property ' + themeProperty);
     }
 }
-function $cf0b57705fca33e1$var$kebab(property) {
+function $01c7b97da92e6691$var$kebab(property) {
     if (property.startsWith('--')) return property;
     return property.replace(/([a-z])([A-Z])/g, (_, a, b)=>`${a}-${b.toLowerCase()}`);
 }
@@ -495,57 +495,57 @@ function $cf0b57705fca33e1$var$kebab(property) {
 // This maps to an alphabet containing lower case letters, upper case letters, and numbers.
 // For numbers larger than 62, an underscore is prepended.
 // This encoding allows easy parsing to enable runtime merging by property.
-function $cf0b57705fca33e1$var$generateName(index, atStart = false) {
+function $01c7b97da92e6691$var$generateName(index, atStart = false) {
     if (index < 26) // lower case letters
     return String.fromCharCode(index + 97);
     if (index < 52) // upper case letters
     return String.fromCharCode(index - 26 + 65);
     if (index < 62 && !atStart) // numbers
     return String.fromCharCode(index - 52 + 48);
-    return '_' + $cf0b57705fca33e1$var$generateName(index - (atStart ? 52 : 62));
+    return '_' + $01c7b97da92e6691$var$generateName(index - (atStart ? 52 : 62));
 }
 // For arbitrary values, we use a hash of the string to generate the class name.
-function $cf0b57705fca33e1$var$generateArbitraryValueSelector(v, atStart = false) {
-    let c = $cf0b57705fca33e1$var$toBase62($cf0b57705fca33e1$var$hash(v));
+function $01c7b97da92e6691$var$generateArbitraryValueSelector(v, atStart = false) {
+    let c = $01c7b97da92e6691$var$toBase62($01c7b97da92e6691$var$hash(v));
     if (atStart && /^[0-9]/.test(c)) c = `_${c}`;
     return c;
 }
-function $cf0b57705fca33e1$var$toBase62(value) {
-    if (value === 0) return $cf0b57705fca33e1$var$generateName(value);
+function $01c7b97da92e6691$var$toBase62(value) {
+    if (value === 0) return $01c7b97da92e6691$var$generateName(value);
     let res = '';
     while(value){
         let remainder = value % 62;
-        res += $cf0b57705fca33e1$var$generateName(remainder);
+        res += $01c7b97da92e6691$var$generateName(remainder);
         value = Math.floor((value - remainder) / 62);
     }
     return res;
 }
 // djb2 hash function.
 // http://www.cse.yorku.ca/~oz/hash.html
-function $cf0b57705fca33e1$var$hash(v) {
+function $01c7b97da92e6691$var$hash(v) {
     let hash = 5381;
     for(let i = 0; i < v.length; i++)hash = (hash << 5) + hash + v.charCodeAt(i) >>> 0;
     return hash;
 }
-function $cf0b57705fca33e1$var$layerName(name) {
+function $01c7b97da92e6691$var$layerName(name) {
     // All of our layers should be sub-layers of a single parent layer, so that
     // the unsafe overrides layer always comes after.
     return `_.${name}`;
 }
-let $cf0b57705fca33e1$var$conditionStack = [];
-/** A CSS style rule. */ class $cf0b57705fca33e1$var$StyleRule {
+let $01c7b97da92e6691$var$conditionStack = [];
+/** A CSS style rule. */ class $01c7b97da92e6691$var$StyleRule {
     constructor(className, property, value, themeProperty, themeValue){
         this.className = className;
         this.pseudos = '';
         this.property = property;
         this.value = value;
-        if (process.env.NODE_ENV !== 'production' && $cf0b57705fca33e1$var$isCompilingDependencies !== null) {
+        if (process.env.NODE_ENV !== 'production' && $01c7b97da92e6691$var$isCompilingDependencies !== null) {
             this.themeProperty = themeProperty;
             this.themeValue = themeValue;
         }
     }
     copy() {
-        let rule = new $cf0b57705fca33e1$var$StyleRule(this.className, this.property, this.value, this.themeProperty, this.themeValue);
+        let rule = new $01c7b97da92e6691$var$StyleRule(this.className, this.property, this.value, this.themeProperty, this.themeValue);
         rule.pseudos = this.pseudos;
         return rule;
     }
@@ -563,7 +563,7 @@ let $cf0b57705fca33e1$var$conditionStack = [];
         preludes.forEach((p, i)=>{
             content += `${p} {\n${' '.repeat((i + 2) * 2)}`;
         });
-        content += `${$cf0b57705fca33e1$var$kebab(this.property)}: ${this.value};\n`;
+        content += `${$01c7b97da92e6691$var$kebab(this.property)}: ${this.value};\n`;
         preludes.map((_, i)=>{
             content += `${' '.repeat((preludes.length - i) * 2)}}\n`;
         });
@@ -582,29 +582,29 @@ let $cf0b57705fca33e1$var$conditionStack = [];
         res += `${indent}rules += ' ${this.className}';`;
         if (process.env.NODE_ENV !== 'production' && this.themeProperty) {
             let name = this.themeProperty;
-            if (this.pseudos) $cf0b57705fca33e1$var$conditionStack.push(this.pseudos);
+            if (this.pseudos) $01c7b97da92e6691$var$conditionStack.push(this.pseudos);
             let propertyName = JSON.stringify(name);
             let valueJson = JSON.stringify(this.themeValue);
-            if ($cf0b57705fca33e1$var$conditionStack.length) {
+            if ($01c7b97da92e6691$var$conditionStack.length) {
                 // name += ` (${conditionStack.join(', ')})`;
-                let conditionKey = JSON.stringify($cf0b57705fca33e1$var$conditionStack.join(' && '));
+                let conditionKey = JSON.stringify($01c7b97da92e6691$var$conditionStack.join(' && '));
                 // Ensure currentRules[name] is an object, converting from simple value if needed
                 res += ` currentRules[${propertyName}] = typeof currentRules[${propertyName}] === 'object' ? currentRules[${propertyName}] : {"default": currentRules[${propertyName}]};`;
                 // Set the value for this specific condition
                 res += ` currentRules[${propertyName}][${conditionKey}] = ${valueJson};`;
             } else res += ` currentRules[${propertyName}] = ${valueJson};`;
-            if (this.pseudos) $cf0b57705fca33e1$var$conditionStack.pop();
+            if (this.pseudos) $01c7b97da92e6691$var$conditionStack.pop();
         }
         return res;
     }
 }
-/** Base class for rules that contain other rules. */ class $cf0b57705fca33e1$var$GroupRule {
+/** Base class for rules that contain other rules. */ class $01c7b97da92e6691$var$GroupRule {
     constructor(rules, layer){
         this.rules = rules;
         this.layer = layer ?? null;
     }
     copy() {
-        return new $cf0b57705fca33e1$var$GroupRule(this.rules.map((rule)=>rule.copy()), this.layer);
+        return new $01c7b97da92e6691$var$GroupRule(this.rules.map((rule)=>rule.copy()), this.layer);
     }
     addPseudo(prelude) {
         for (let rule of this.rules)rule.addPseudo(prelude);
@@ -617,23 +617,23 @@ let $cf0b57705fca33e1$var$conditionStack = [];
     }
     toJS(allowedOverridesSet, indent = '') {
         let rules = this.rules.slice();
-        let conditional = rules.filter((rule)=>rule instanceof $cf0b57705fca33e1$var$ConditionalRule).reverse().map((rule, i)=>{
+        let conditional = rules.filter((rule)=>rule instanceof $01c7b97da92e6691$var$ConditionalRule).reverse().map((rule, i)=>{
             return `${i > 0 ? ' else ' : ''}${rule.toJS(allowedOverridesSet, indent)}`;
         });
-        let elseCases = rules.filter((rule)=>!(rule instanceof $cf0b57705fca33e1$var$ConditionalRule)).map((rule)=>rule.toJS(allowedOverridesSet, indent));
+        let elseCases = rules.filter((rule)=>!(rule instanceof $01c7b97da92e6691$var$ConditionalRule)).map((rule)=>rule.toJS(allowedOverridesSet, indent));
         if (conditional.length && elseCases.length) return `${conditional.join('')} else {\n${indent}  ${elseCases.join('\n' + indent + '  ')}\n${indent}}`;
         if (conditional.length) return conditional.join('');
         return elseCases.join('\n' + indent);
     }
 }
-/** A rule that applies conditionally in CSS (e.g. @media). */ class $cf0b57705fca33e1$var$AtRule extends $cf0b57705fca33e1$var$GroupRule {
+/** A rule that applies conditionally in CSS (e.g. @media). */ class $01c7b97da92e6691$var$AtRule extends $01c7b97da92e6691$var$GroupRule {
     constructor(rules, prelude, layer, themeCondition){
         super(rules, layer);
         this.prelude = prelude;
         this.themeCondition = themeCondition;
     }
     copy() {
-        return new $cf0b57705fca33e1$var$AtRule(this.rules.map((rule)=>rule.copy()), this.prelude, this.layer, this.themeCondition);
+        return new $01c7b97da92e6691$var$AtRule(this.rules.map((rule)=>rule.copy()), this.prelude, this.layer, this.themeCondition);
     }
     toCSS(rulesByLayer, preludes = [], layer) {
         preludes.push(this.prelude);
@@ -641,37 +641,37 @@ let $cf0b57705fca33e1$var$conditionStack = [];
         preludes?.pop();
     }
     toJS(allowedOverridesSet, indent) {
-        $cf0b57705fca33e1$var$conditionStack.push(this.themeCondition || this.prelude);
+        $01c7b97da92e6691$var$conditionStack.push(this.themeCondition || this.prelude);
         let res = super.toJS(allowedOverridesSet, indent);
-        $cf0b57705fca33e1$var$conditionStack.pop();
+        $01c7b97da92e6691$var$conditionStack.pop();
         return res;
     }
 }
-/** A rule that applies conditionally at runtime. */ class $cf0b57705fca33e1$var$ConditionalRule extends $cf0b57705fca33e1$var$GroupRule {
+/** A rule that applies conditionally at runtime. */ class $01c7b97da92e6691$var$ConditionalRule extends $01c7b97da92e6691$var$GroupRule {
     constructor(rules, condition){
         super(rules);
         this.condition = condition;
     }
     copy() {
-        return new $cf0b57705fca33e1$var$ConditionalRule(this.rules.map((rule)=>rule.copy()), this.condition);
+        return new $01c7b97da92e6691$var$ConditionalRule(this.rules.map((rule)=>rule.copy()), this.condition);
     }
     getStaticClassName() {
         throw new Error('Conditional rules cannot be compiled to a static class name. This is a bug.');
     }
     toJS(allowedOverridesSet, indent = '') {
-        $cf0b57705fca33e1$var$conditionStack.push(this.condition);
+        $01c7b97da92e6691$var$conditionStack.push(this.condition);
         let res = `${indent}if (props.${this.condition}) {\n${super.toJS(allowedOverridesSet, indent + '  ')}\n${indent}}`;
-        $cf0b57705fca33e1$var$conditionStack.pop();
+        $01c7b97da92e6691$var$conditionStack.pop();
         return res;
     }
 }
-function $cf0b57705fca33e1$export$dbf350e5966cf602(content, layer = '_.a') {
+function $01c7b97da92e6691$export$dbf350e5966cf602(content, layer = '_.a') {
     // Check if `this` is undefined, which means style was not called as a macro but as a normal function.
     // We also check if this is globalThis, which happens in non-strict mode bundles.
     // Also allow style to be called as a normal function in tests.
     // @ts-ignore
     if ((this == null || this === globalThis) && process.env.NODE_ENV !== 'test') throw new Error('The css macro must be imported with {type: "macro"}.');
-    let className = $cf0b57705fca33e1$var$generateArbitraryValueSelector(content, true);
+    let className = $01c7b97da92e6691$var$generateArbitraryValueSelector(content, true);
     content = `@layer ${layer} {
   .${className} {
   ${content}
@@ -685,13 +685,13 @@ function $cf0b57705fca33e1$export$dbf350e5966cf602(content, layer = '_.a') {
     });
     return className;
 }
-function $cf0b57705fca33e1$export$d25ddfdf17c3ad3e(css) {
+function $01c7b97da92e6691$export$d25ddfdf17c3ad3e(css) {
     // Check if `this` is undefined, which means style was not called as a macro but as a normal function.
     // We also check if this is globalThis, which happens in non-strict mode bundles.
     // Also allow style to be called as a normal function in tests.
     // @ts-ignore
     if ((this == null || this === globalThis) && process.env.NODE_ENV !== 'test') throw new Error('The keyframes macro must be imported with {type: "macro"}.');
-    let name = $cf0b57705fca33e1$var$generateArbitraryValueSelector(css, true);
+    let name = $01c7b97da92e6691$var$generateArbitraryValueSelector(css, true);
     css = `@keyframes ${name} {
   ${css}
 }`;