@react-spectrum/s2 1.3.1 → 1.5.0

package/style/dist/style-macro.mjs

@@ -1,7 +1,7 @@
-import $5VBDY$propertiesmjs2 from "./properties.mjs";
-import {resolve as $5VBDY$resolve, dirname as $5VBDY$dirname} from "path";
-import {fileURLToPath as $5VBDY$fileURLToPath} from "url";
-import $5VBDY$fs from "fs";
+import $21kDB$propertiesmjs2 from "./properties.mjs";
+import {resolve as $21kDB$resolve, dirname as $21kDB$dirname} from "path";
+import {fileURLToPath as $21kDB$fileURLToPath} from "url";
+import $21kDB$fs from "fs";
 
 /*
  * Copyright 2024 Adobe. All rights reserved.
@@ -18,11 +18,11 @@ import $5VBDY$fs from "fs";
 
 
 
-var $e3c5b37c91268204$var$$parcel$__dirname = $5VBDY$resolve($5VBDY$dirname($5VBDY$fileURLToPath(import.meta.url)), "..");
+var $2b02e40735e2ad11$var$$parcel$__dirname = $21kDB$resolve($21kDB$dirname($21kDB$fileURLToPath(import.meta.url)), "..");
 // Postfix all class names with version for now.
-const $e3c5b37c91268204$var$json = JSON.parse((0, $5VBDY$fs).readFileSync($e3c5b37c91268204$var$$parcel$__dirname + '/../package.json', 'utf8'));
-const $e3c5b37c91268204$var$POSTFIX = $e3c5b37c91268204$var$json.version.includes('nightly') ? $e3c5b37c91268204$var$json.version.match(/-nightly-(.*)/)[1] : $e3c5b37c91268204$var$json.version.replace(/[0.]/g, '');
-class $e3c5b37c91268204$export$d03475ad9df06cd2 {
+const $2b02e40735e2ad11$var$json = JSON.parse((0, $21kDB$fs).readFileSync($2b02e40735e2ad11$var$$parcel$__dirname + '/../package.json', 'utf8'));
+const $2b02e40735e2ad11$var$POSTFIX = $2b02e40735e2ad11$var$json.version.includes('nightly') ? $2b02e40735e2ad11$var$json.version.match(/-nightly-(.*)/)[1] : $2b02e40735e2ad11$var$json.version.replace(/[0.]/g, '');
+class $2b02e40735e2ad11$export$d03475ad9df06cd2 {
     constructor(property, toCSS){
         this.property = property;
         this.toCSS = toCSS || ((value)=>String(value));
@@ -36,14 +36,14 @@ class $e3c5b37c91268204$export$d03475ad9df06cd2 {
         return this.toCSS(value);
     }
     toCSSProperties(customProperty, value) {
-        return $e3c5b37c91268204$var$mapConditionalValue(value, (value)=>[
+        return $2b02e40735e2ad11$var$mapConditionalValue(value, (value)=>[
                 {
                     [customProperty || this.property]: String(value)
                 }
             ]);
     }
 }
-class $e3c5b37c91268204$export$965169194d2485f7 extends $e3c5b37c91268204$export$d03475ad9df06cd2 {
+class $2b02e40735e2ad11$export$965169194d2485f7 extends $2b02e40735e2ad11$export$d03475ad9df06cd2 {
     constructor(property, mapping){
         super(property);
         this.mapping = mapping;
@@ -59,15 +59,15 @@ class $e3c5b37c91268204$export$965169194d2485f7 extends $e3c5b37c91268204$export
         }
     }
 }
-class $e3c5b37c91268204$export$40ae678e65d951f2 extends $e3c5b37c91268204$export$965169194d2485f7 {
+class $2b02e40735e2ad11$export$40ae678e65d951f2 extends $2b02e40735e2ad11$export$965169194d2485f7 {
     toCSSValue(value) {
         let [color, opacity] = value.split('/');
-        return $e3c5b37c91268204$var$mapConditionalValue(this.mapping[color], (value)=>{
+        return $2b02e40735e2ad11$var$mapConditionalValue(this.mapping[color], (value)=>{
             return opacity ? `rgb(from ${value} r g b / ${opacity}%)` : value;
         });
     }
 }
-class $e3c5b37c91268204$export$6bff0717a72a8669 extends $e3c5b37c91268204$export$965169194d2485f7 {
+class $2b02e40735e2ad11$export$6bff0717a72a8669 extends $2b02e40735e2ad11$export$965169194d2485f7 {
     constructor(property, mapping){
         super(property, mapping);
     }
@@ -76,7 +76,7 @@ class $e3c5b37c91268204$export$6bff0717a72a8669 extends $e3c5b37c91268204$export
         return super.toCSSValue(value);
     }
 }
-class $e3c5b37c91268204$export$8c6b4dc3755476bb extends $e3c5b37c91268204$export$6bff0717a72a8669 {
+class $2b02e40735e2ad11$export$8c6b4dc3755476bb extends $2b02e40735e2ad11$export$6bff0717a72a8669 {
     constructor(property, mapping, numberToCSS){
         super(property, mapping);
         this.numberToCSS = numberToCSS;
@@ -86,12 +86,12 @@ class $e3c5b37c91268204$export$8c6b4dc3755476bb extends $e3c5b37c91268204$export
         return super.toCSSValue(value);
     }
 }
-class $e3c5b37c91268204$export$1b6028cfca42adca {
+class $2b02e40735e2ad11$export$1b6028cfca42adca {
     constructor(properties, expand, mapping){
         this.cssProperties = properties;
         this.expand = expand;
-        if (mapping instanceof $e3c5b37c91268204$export$965169194d2485f7) this.mapping = mapping;
-        else if (mapping) this.mapping = new $e3c5b37c91268204$export$965169194d2485f7(properties[0], mapping);
+        if (mapping instanceof $2b02e40735e2ad11$export$965169194d2485f7) this.mapping = mapping;
+        else if (mapping) this.mapping = new $2b02e40735e2ad11$export$965169194d2485f7(properties[0], mapping);
         else this.mapping = null;
     }
     toCSSValue(value) {
@@ -100,23 +100,23 @@ class $e3c5b37c91268204$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 $e3c5b37c91268204$var$mapConditionalValue(value, (value)=>[
+        return $2b02e40735e2ad11$var$mapConditionalValue(value, (value)=>[
                 this.expand(value)
             ]);
     }
 }
-function $e3c5b37c91268204$var$mapConditionalValue(value, fn) {
+function $2b02e40735e2ad11$var$mapConditionalValue(value, fn) {
     if (typeof value === 'object' && !Array.isArray(value)) {
         let res = {};
-        for(let condition in value)res[condition] = $e3c5b37c91268204$var$mapConditionalValue(value[condition], fn);
+        for(let condition in value)res[condition] = $2b02e40735e2ad11$var$mapConditionalValue(value[condition], fn);
         return res;
     } else return fn(value);
 }
-function $e3c5b37c91268204$var$mapConditionalShorthand(value, fn) {
+function $2b02e40735e2ad11$var$mapConditionalShorthand(value, fn) {
     if (typeof value === 'object') {
         let res = {};
         for(let condition in value){
-            let properties = $e3c5b37c91268204$var$mapConditionalShorthand(value[condition], fn);
+            let properties = $2b02e40735e2ad11$var$mapConditionalShorthand(value[condition], fn);
             for(let property in properties){
                 res[property] ??= {};
                 res[property][condition] = properties[property];
@@ -125,22 +125,22 @@ function $e3c5b37c91268204$var$mapConditionalShorthand(value, fn) {
         return res;
     } else return fn(value);
 }
-function $e3c5b37c91268204$export$22a8270399010c94(value) {
+function $2b02e40735e2ad11$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 $e3c5b37c91268204$var$shortCSSPropertyName(property) {
-    return $5VBDY$propertiesmjs1.properties[property] ?? $e3c5b37c91268204$var$generateArbitraryValueSelector(property, true);
+function $2b02e40735e2ad11$var$shortCSSPropertyName(property) {
+    return $21kDB$propertiesmjs1.properties[property] ?? $2b02e40735e2ad11$var$generateArbitraryValueSelector(property, true);
 }
-function $e3c5b37c91268204$var$classNamePrefix(property, cssProperty) {
-    let className = $5VBDY$propertiesmjs1.properties[cssProperty];
+function $2b02e40735e2ad11$var$classNamePrefix(property, cssProperty) {
+    let className = $21kDB$propertiesmjs1.properties[cssProperty];
     if (className && property === '--' + className) return '-' + className + '_-';
     if (className && !property.startsWith('--')) return className;
-    return '-' + $e3c5b37c91268204$var$generateArbitraryValueSelector(property, true) + '-';
+    return '-' + $2b02e40735e2ad11$var$generateArbitraryValueSelector(property, true) + '-';
 }
-let $e3c5b37c91268204$var$isCompilingDependencies = false;
-function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
+let $2b02e40735e2ad11$var$isCompilingDependencies = false;
+function $2b02e40735e2ad11$export$25d302a5b900a763(theme) {
     let properties = new Map(Object.entries(theme.properties).map(([k, v])=>{
         if (!Array.isArray(v) && v.cssProperties) return [
             k,
@@ -148,7 +148,7 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
         ];
         return [
             k,
-            new $e3c5b37c91268204$export$965169194d2485f7(k, v)
+            new $2b02e40735e2ad11$export$965169194d2485f7(k, v)
         ];
     }));
     let dependencies = new Set();
@@ -166,7 +166,7 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
         let usedPriorities = 0;
         let setRules = (key, value)=>{
             usedPriorities = Math.max(usedPriorities, value[0]);
-            rules.set(key, new $e3c5b37c91268204$var$GroupRule(value[1]));
+            rules.set(key, new $2b02e40735e2ad11$var$GroupRule(value[1]));
         };
         hasConditions = false;
         for(let key in style){
@@ -182,7 +182,7 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
             if (theme.shorthands[key]) {
                 let shorthand = theme.shorthands[key];
                 if (typeof shorthand === 'function') {
-                    let expanded = $e3c5b37c91268204$var$mapConditionalShorthand(value, shorthand);
+                    let expanded = $2b02e40735e2ad11$var$mapConditionalShorthand(value, shorthand);
                     for(let k in expanded){
                         let v = expanded[k];
                         values.set(k, v);
@@ -201,13 +201,13 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
             if (value != null) {
                 if (!(dep in theme.properties)) throw new Error(`Unknown dependency ${dep}`);
                 let prop = properties.get(dep);
-                let name = `--${$e3c5b37c91268204$var$shortCSSPropertyName(prop.cssProperties[0])}`;
+                let name = `--${$2b02e40735e2ad11$var$shortCSSPropertyName(prop.cssProperties[0])}`;
                 // Could potentially use @property to prevent the var from inheriting in children.
-                $e3c5b37c91268204$var$isCompilingDependencies = dep;
+                $2b02e40735e2ad11$var$isCompilingDependencies = dep;
                 setRules(name, compileValue(name, dep, value));
-                $e3c5b37c91268204$var$isCompilingDependencies = null;
+                $2b02e40735e2ad11$var$isCompilingDependencies = null;
                 setRules(dep, compileValue(dep, dep, name));
-                $e3c5b37c91268204$var$isCompilingDependencies = false;
+                $2b02e40735e2ad11$var$isCompilingDependencies = false;
             }
         }
         dependencies.clear();
@@ -218,7 +218,7 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
         for(let i = 0; i <= usedPriorities; i++){
             if (first) first = false;
             else css += ', ';
-            css += $e3c5b37c91268204$var$layerName($e3c5b37c91268204$var$generateName(i, true));
+            css += $2b02e40735e2ad11$var$layerName($2b02e40735e2ad11$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.
@@ -246,14 +246,15 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
             for (let property of rules.keys()){
                 let prop = properties.get(property);
                 if (prop) {
-                    for (let property of prop.cssProperties)if (property && allowedOverridesSet.has(property)) {
-                        let selector = $e3c5b37c91268204$var$classNamePrefix(property, property);
+                    for (let property of prop.cssProperties)// oxlint-disable-next-line max-depth
+                    if (property && allowedOverridesSet.has(property)) {
+                        let selector = $2b02e40735e2ad11$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 = $e3c5b37c91268204$var$classNamePrefix(property, property);
+                    let selector = $2b02e40735e2ad11$var$classNamePrefix(property, property);
                     let p = property.replace('--', '__');
                     js += `let ${p} = false;\n`;
                     loop += `  if (p[1] === ${JSON.stringify(selector)}) ${p} = true;\n`;
@@ -262,7 +263,7 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
             let macroPart = process.env.NODE_ENV !== 'production' ? '|-macro\\$' : '';
             let regex = `/(?:^|\\s)(${[
                 ...allowedOverridesSet
-            ].map((p)=>$e3c5b37c91268204$var$classNamePrefix(p, p)).join('|')}${macroPart})[^\\s]+/g`;
+            ].map((p)=>$2b02e40735e2ad11$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';
@@ -275,21 +276,21 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
         let isStatic = !(hasConditions || allowedOverrides);
         let className = '';
         let rulesByLayer = new Map();
-        let rootRule = new $e3c5b37c91268204$var$GroupRule([
+        let rootRule = new $2b02e40735e2ad11$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 ${$e3c5b37c91268204$var$layerName(layer)} {\n`;
+            css += `@layer ${$2b02e40735e2ad11$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 = $e3c5b37c91268204$var$toBase62($e3c5b37c91268204$var$hash(className + loc));
+            let id = $2b02e40735e2ad11$var$toBase62($2b02e40735e2ad11$var$hash(className + loc));
             css += `.-macro-static-${id} {
         --macro-data-${id}: ${JSON.stringify({
                 style: style,
@@ -355,7 +356,7 @@ function $e3c5b37c91268204$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 $e3c5b37c91268204$var$GroupRule(rules)
+                    new $2b02e40735e2ad11$var$GroupRule(rules)
                 ];
                 wasCSSCondition = isCSSCondition;
                 // Increment the current priority whenever we see a new CSS condition.
@@ -395,7 +396,7 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
     }
     function compileCondition(conditions, condition, priority, rules) {
         if (condition === 'default' || conditions.has(condition)) return [
-            new $e3c5b37c91268204$var$GroupRule(rules)
+            new $2b02e40735e2ad11$var$GroupRule(rules)
         ];
         if (condition in theme.conditions || /^[@:]/.test(condition)) {
             // Conditions starting with : are CSS pseudo classes. Nest them inside the parent rule.
@@ -410,18 +411,18 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
                         rule.addPseudo(prelude);
                         return rule;
                     });
-                    return new $e3c5b37c91268204$var$GroupRule(rulesWithPseudo, $e3c5b37c91268204$var$generateName(priority, true));
+                    return new $2b02e40735e2ad11$var$GroupRule(rulesWithPseudo, $2b02e40735e2ad11$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 = `${$e3c5b37c91268204$var$generateName(priority, true)}.${$5VBDY$propertiesmjs.conditions[prelude] || $e3c5b37c91268204$var$generateArbitraryValueSelector(condition, true)}`;
-                return new $e3c5b37c91268204$var$AtRule(rules, prelude, layer, condition);
+                let layer = `${$2b02e40735e2ad11$var$generateName(priority, true)}.${$21kDB$propertiesmjs.conditions[prelude] || $2b02e40735e2ad11$var$generateArbitraryValueSelector(condition, true)}`;
+                return new $2b02e40735e2ad11$var$AtRule(rules, prelude, layer, condition);
             });
         }
         hasConditions = true;
         return [
-            new $e3c5b37c91268204$var$ConditionalRule(rules, condition)
+            new $2b02e40735e2ad11$var$ConditionalRule(rules, condition)
         ];
     }
     function compileRule(property, themeProperty, value, priority, conditions, skipConditions) {
@@ -429,7 +430,7 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
         if (propertyFunction) {
             // Expand value to conditional CSS values, and then to rules.
             let propertyValue = value;
-            let arbitrary = $e3c5b37c91268204$export$22a8270399010c94(value);
+            let arbitrary = $2b02e40735e2ad11$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)=>{
@@ -446,23 +447,23 @@ function $e3c5b37c91268204$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(--${$e3c5b37c91268204$var$shortCSSPropertyName(cssProperties[0])}`;
+                        return `var(--${$2b02e40735e2ad11$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 = $e3c5b37c91268204$var$classNamePrefix(key, cssProperty);
+                    let className = $2b02e40735e2ad11$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 += $5VBDY$propertiesmjs.conditions[prelude] || $e3c5b37c91268204$var$generateArbitraryValueSelector(condition);
+                        for (let prelude of preludes)className += $21kDB$propertiesmjs.conditions[prelude] || $2b02e40735e2ad11$var$generateArbitraryValueSelector(condition);
                     }
-                    if (cssProperty !== key) className += $e3c5b37c91268204$var$shortCSSPropertyName(cssProperty);
-                    className += $5VBDY$propertiesmjs2.values[cssProperty]?.[String(value)] ?? $e3c5b37c91268204$var$generateArbitraryValueSelector(String(value));
-                    className += $e3c5b37c91268204$var$POSTFIX;
-                    rules.push(new $e3c5b37c91268204$var$StyleRule(className, key, String(value), $e3c5b37c91268204$var$isCompilingDependencies ? themeProperty : property, propertyValue));
+                    if (cssProperty !== key) className += $2b02e40735e2ad11$var$shortCSSPropertyName(cssProperty);
+                    className += $21kDB$propertiesmjs2.values[cssProperty]?.[String(value)] ?? $2b02e40735e2ad11$var$generateArbitraryValueSelector(String(value));
+                    className += $2b02e40735e2ad11$var$POSTFIX;
+                    rules.push(new $2b02e40735e2ad11$var$StyleRule(className, key, String(value), $2b02e40735e2ad11$var$isCompilingDependencies ? themeProperty : property, propertyValue));
                 }
                 return [
                     0,
@@ -472,7 +473,7 @@ function $e3c5b37c91268204$export$25d302a5b900a763(theme) {
         } else throw new Error('Unknown property ' + themeProperty);
     }
 }
-function $e3c5b37c91268204$var$kebab(property) {
+function $2b02e40735e2ad11$var$kebab(property) {
     if (property.startsWith('--')) return property;
     return property.replace(/([a-z])([A-Z])/g, (_, a, b)=>`${a}-${b.toLowerCase()}`);
 }
@@ -480,57 +481,57 @@ function $e3c5b37c91268204$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 $e3c5b37c91268204$var$generateName(index, atStart = false) {
+function $2b02e40735e2ad11$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 '_' + $e3c5b37c91268204$var$generateName(index - (atStart ? 52 : 62));
+    return '_' + $2b02e40735e2ad11$var$generateName(index - (atStart ? 52 : 62));
 }
 // For arbitrary values, we use a hash of the string to generate the class name.
-function $e3c5b37c91268204$var$generateArbitraryValueSelector(v, atStart = false) {
-    let c = $e3c5b37c91268204$var$toBase62($e3c5b37c91268204$var$hash(v));
+function $2b02e40735e2ad11$var$generateArbitraryValueSelector(v, atStart = false) {
+    let c = $2b02e40735e2ad11$var$toBase62($2b02e40735e2ad11$var$hash(v));
     if (atStart && /^[0-9]/.test(c)) c = `_${c}`;
     return c;
 }
-function $e3c5b37c91268204$var$toBase62(value) {
-    if (value === 0) return $e3c5b37c91268204$var$generateName(value);
+function $2b02e40735e2ad11$var$toBase62(value) {
+    if (value === 0) return $2b02e40735e2ad11$var$generateName(value);
     let res = '';
     while(value){
         let remainder = value % 62;
-        res += $e3c5b37c91268204$var$generateName(remainder);
+        res += $2b02e40735e2ad11$var$generateName(remainder);
         value = Math.floor((value - remainder) / 62);
     }
     return res;
 }
 // djb2 hash function.
 // http://www.cse.yorku.ca/~oz/hash.html
-function $e3c5b37c91268204$var$hash(v) {
+function $2b02e40735e2ad11$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 $e3c5b37c91268204$var$layerName(name) {
+function $2b02e40735e2ad11$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 $e3c5b37c91268204$var$conditionStack = [];
-/** A CSS style rule. */ class $e3c5b37c91268204$var$StyleRule {
+let $2b02e40735e2ad11$var$conditionStack = [];
+/** A CSS style rule. */ class $2b02e40735e2ad11$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' && $e3c5b37c91268204$var$isCompilingDependencies !== null) {
+        if (process.env.NODE_ENV !== 'production' && $2b02e40735e2ad11$var$isCompilingDependencies !== null) {
             this.themeProperty = themeProperty;
             this.themeValue = themeValue;
         }
     }
     copy() {
-        let rule = new $e3c5b37c91268204$var$StyleRule(this.className, this.property, this.value, this.themeProperty, this.themeValue);
+        let rule = new $2b02e40735e2ad11$var$StyleRule(this.className, this.property, this.value, this.themeProperty, this.themeValue);
         rule.pseudos = this.pseudos;
         return rule;
     }
@@ -548,7 +549,7 @@ let $e3c5b37c91268204$var$conditionStack = [];
         preludes.forEach((p, i)=>{
             content += `${p} {\n${' '.repeat((i + 2) * 2)}`;
         });
-        content += `${$e3c5b37c91268204$var$kebab(this.property)}: ${this.value};\n`;
+        content += `${$2b02e40735e2ad11$var$kebab(this.property)}: ${this.value};\n`;
         preludes.map((_, i)=>{
             content += `${' '.repeat((preludes.length - i) * 2)}}\n`;
         });
@@ -567,29 +568,29 @@ let $e3c5b37c91268204$var$conditionStack = [];
         res += `${indent}rules += ' ${this.className}';`;
         if (process.env.NODE_ENV !== 'production' && this.themeProperty) {
             let name = this.themeProperty;
-            if (this.pseudos) $e3c5b37c91268204$var$conditionStack.push(this.pseudos);
+            if (this.pseudos) $2b02e40735e2ad11$var$conditionStack.push(this.pseudos);
             let propertyName = JSON.stringify(name);
             let valueJson = JSON.stringify(this.themeValue);
-            if ($e3c5b37c91268204$var$conditionStack.length) {
+            if ($2b02e40735e2ad11$var$conditionStack.length) {
                 // name += ` (${conditionStack.join(', ')})`;
-                let conditionKey = JSON.stringify($e3c5b37c91268204$var$conditionStack.join(' && '));
+                let conditionKey = JSON.stringify($2b02e40735e2ad11$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) $e3c5b37c91268204$var$conditionStack.pop();
+            if (this.pseudos) $2b02e40735e2ad11$var$conditionStack.pop();
         }
         return res;
     }
 }
-/** Base class for rules that contain other rules. */ class $e3c5b37c91268204$var$GroupRule {
+/** Base class for rules that contain other rules. */ class $2b02e40735e2ad11$var$GroupRule {
     constructor(rules, layer){
         this.rules = rules;
         this.layer = layer ?? null;
     }
     copy() {
-        return new $e3c5b37c91268204$var$GroupRule(this.rules.map((rule)=>rule.copy()), this.layer);
+        return new $2b02e40735e2ad11$var$GroupRule(this.rules.map((rule)=>rule.copy()), this.layer);
     }
     addPseudo(prelude) {
         for (let rule of this.rules)rule.addPseudo(prelude);
@@ -602,23 +603,23 @@ let $e3c5b37c91268204$var$conditionStack = [];
     }
     toJS(allowedOverridesSet, indent = '') {
         let rules = this.rules.slice();
-        let conditional = rules.filter((rule)=>rule instanceof $e3c5b37c91268204$var$ConditionalRule).reverse().map((rule, i)=>{
+        let conditional = rules.filter((rule)=>rule instanceof $2b02e40735e2ad11$var$ConditionalRule).reverse().map((rule, i)=>{
             return `${i > 0 ? ' else ' : ''}${rule.toJS(allowedOverridesSet, indent)}`;
         });
-        let elseCases = rules.filter((rule)=>!(rule instanceof $e3c5b37c91268204$var$ConditionalRule)).map((rule)=>rule.toJS(allowedOverridesSet, indent));
+        let elseCases = rules.filter((rule)=>!(rule instanceof $2b02e40735e2ad11$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 $e3c5b37c91268204$var$AtRule extends $e3c5b37c91268204$var$GroupRule {
+/** A rule that applies conditionally in CSS (e.g. @media). */ class $2b02e40735e2ad11$var$AtRule extends $2b02e40735e2ad11$var$GroupRule {
     constructor(rules, prelude, layer, themeCondition){
         super(rules, layer);
         this.prelude = prelude;
         this.themeCondition = themeCondition;
     }
     copy() {
-        return new $e3c5b37c91268204$var$AtRule(this.rules.map((rule)=>rule.copy()), this.prelude, this.layer, this.themeCondition);
+        return new $2b02e40735e2ad11$var$AtRule(this.rules.map((rule)=>rule.copy()), this.prelude, this.layer, this.themeCondition);
     }
     toCSS(rulesByLayer, preludes = [], layer) {
         preludes.push(this.prelude);
@@ -626,37 +627,37 @@ let $e3c5b37c91268204$var$conditionStack = [];
         preludes?.pop();
     }
     toJS(allowedOverridesSet, indent) {
-        $e3c5b37c91268204$var$conditionStack.push(this.themeCondition || this.prelude);
+        $2b02e40735e2ad11$var$conditionStack.push(this.themeCondition || this.prelude);
         let res = super.toJS(allowedOverridesSet, indent);
-        $e3c5b37c91268204$var$conditionStack.pop();
+        $2b02e40735e2ad11$var$conditionStack.pop();
         return res;
     }
 }
-/** A rule that applies conditionally at runtime. */ class $e3c5b37c91268204$var$ConditionalRule extends $e3c5b37c91268204$var$GroupRule {
+/** A rule that applies conditionally at runtime. */ class $2b02e40735e2ad11$var$ConditionalRule extends $2b02e40735e2ad11$var$GroupRule {
     constructor(rules, condition){
         super(rules);
         this.condition = condition;
     }
     copy() {
-        return new $e3c5b37c91268204$var$ConditionalRule(this.rules.map((rule)=>rule.copy()), this.condition);
+        return new $2b02e40735e2ad11$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 = '') {
-        $e3c5b37c91268204$var$conditionStack.push(this.condition);
+        $2b02e40735e2ad11$var$conditionStack.push(this.condition);
         let res = `${indent}if (props.${this.condition}) {\n${super.toJS(allowedOverridesSet, indent + '  ')}\n${indent}}`;
-        $e3c5b37c91268204$var$conditionStack.pop();
+        $2b02e40735e2ad11$var$conditionStack.pop();
         return res;
     }
 }
-function $e3c5b37c91268204$export$dbf350e5966cf602(content, layer = '_.a') {
+function $2b02e40735e2ad11$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 = $e3c5b37c91268204$var$generateArbitraryValueSelector(content, true);
+    let className = $2b02e40735e2ad11$var$generateArbitraryValueSelector(content, true);
     content = `@layer ${layer} {
   .${className} {
   ${content}
@@ -670,13 +671,13 @@ function $e3c5b37c91268204$export$dbf350e5966cf602(content, layer = '_.a') {
     });
     return className;
 }
-function $e3c5b37c91268204$export$d25ddfdf17c3ad3e(css) {
+function $2b02e40735e2ad11$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 = $e3c5b37c91268204$var$generateArbitraryValueSelector(css, true);
+    let name = $2b02e40735e2ad11$var$generateArbitraryValueSelector(css, true);
     css = `@keyframes ${name} {
   ${css}
 }`;
@@ -688,5 +689,5 @@ function $e3c5b37c91268204$export$d25ddfdf17c3ad3e(css) {
 }
 
 
-export {$e3c5b37c91268204$export$d03475ad9df06cd2 as ArbitraryProperty, $e3c5b37c91268204$export$965169194d2485f7 as MappedProperty, $e3c5b37c91268204$export$40ae678e65d951f2 as ColorProperty, $e3c5b37c91268204$export$6bff0717a72a8669 as PercentageProperty, $e3c5b37c91268204$export$8c6b4dc3755476bb as SizingProperty, $e3c5b37c91268204$export$1b6028cfca42adca as ExpandedProperty, $e3c5b37c91268204$export$22a8270399010c94 as parseArbitraryValue, $e3c5b37c91268204$export$25d302a5b900a763 as createTheme, $e3c5b37c91268204$export$dbf350e5966cf602 as css, $e3c5b37c91268204$export$d25ddfdf17c3ad3e as keyframes};
+export {$2b02e40735e2ad11$export$d03475ad9df06cd2 as ArbitraryProperty, $2b02e40735e2ad11$export$965169194d2485f7 as MappedProperty, $2b02e40735e2ad11$export$40ae678e65d951f2 as ColorProperty, $2b02e40735e2ad11$export$6bff0717a72a8669 as PercentageProperty, $2b02e40735e2ad11$export$8c6b4dc3755476bb as SizingProperty, $2b02e40735e2ad11$export$1b6028cfca42adca as ExpandedProperty, $2b02e40735e2ad11$export$22a8270399010c94 as parseArbitraryValue, $2b02e40735e2ad11$export$25d302a5b900a763 as createTheme, $2b02e40735e2ad11$export$dbf350e5966cf602 as css, $2b02e40735e2ad11$export$d25ddfdf17c3ad3e as keyframes};
 //# sourceMappingURL=style-macro.mjs.map