@react-spectrum/s2 1.3.1 → 1.5.0

package/style/dist/style-macro.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/s2/style/style-macro.ts"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport type {Condition, CSSProperties, CSSValue, CustomValue, Property, PropertyValueDefinition, PropertyValueMap, RenderProps, ShorthandProperty, StyleFunction, StyleValue, Theme, ThemeProperties, Value} from './types';\nimport fs from 'fs';\nimport * as propertyInfo from './properties.json';\n\n// Postfix all class names with version for now.\nconst json = JSON.parse(fs.readFileSync(__dirname + '/../package.json', 'utf8'));\nconst POSTFIX = json.version.includes('nightly') ? json.version.match(/-nightly-(.*)/)[1] : json.version.replace(/[0.]/g, '');\n\nexport class ArbitraryProperty<T extends Value> implements Property<T> {\n  property: string;\n  toCSS: (value: T) => CSSValue;\n\n  constructor(property: string, toCSS?: (value: T) => CSSValue) {\n    this.property = property;\n    this.toCSS = toCSS || ((value) => String(value));\n  }\n\n  get cssProperties(): string[] {\n    return [this.property];\n  }\n\n  toCSSValue(value: T): PropertyValueDefinition<Value> {\n    return this.toCSS(value);\n  }\n\n  toCSSProperties(customProperty: string | null, value: PropertyValueDefinition<Value>): PropertyValueDefinition<[CSSProperties]> {\n    return mapConditionalValue(value, value => [{[customProperty || this.property]: String(value)}]);\n  }\n}\n\nexport class MappedProperty<T extends CSSValue> extends ArbitraryProperty<T> implements Property<T> {\n  mapping: PropertyValueMap<T> | string[];\n\n  constructor(property: string, mapping: PropertyValueMap<T> | string[]) {\n    super(property);\n    this.mapping = mapping;\n  }\n\n  toCSSValue(value: T): PropertyValueDefinition<Value> {\n    if (Array.isArray(this.mapping)) {\n      if (!this.mapping.includes(String(value))) {\n        throw new Error('Invalid style value: ' + value);\n      }\n      return value;\n    } else {\n      let res = this.mapping[String(value)];\n      if (res == null) {\n        throw new Error('Invalid style value: ' + value);\n      }\n      return res;\n    }\n  }\n}\n\nexport type Color<C extends string> = C | `${string}/${number}`;\nexport class ColorProperty<C extends string> extends MappedProperty<C> implements Property<Color<C>> {\n  toCSSValue(value: Color<C>): PropertyValueDefinition<Value> {\n    let [color, opacity] = value.split('/');\n    return mapConditionalValue(this.mapping[color], value => {\n      return opacity ? `rgb(from ${value} r g b / ${opacity}%)` : value;\n    });\n  }\n}\n\nexport type LengthPercentageUnit = '%' | 'vw' | 'svw' | 'dvw' | 'vh' | 'svh' | 'dvh' | 'vmin' | 'svmin' | 'dvmin' | 'vmax' | 'svmax' | 'dvmax' | 'cqw' | 'cqh' | 'cqmin' | 'cqmax';\nexport type LengthPercentage = `${number}${LengthPercentageUnit}`;\n\nexport class PercentageProperty<T extends CSSValue> extends MappedProperty<T> implements Property<T | LengthPercentage> {\n  constructor(property: string, mapping: PropertyValueMap<T> | string[]) {\n    super(property, mapping);\n  }\n\n  toCSSValue(value: T | LengthPercentage): PropertyValueDefinition<Value> {\n    if (typeof value === 'string' && /^-?\\d+(?:\\.\\d+)?(%|vw|svw|dvw|vh|svh|dvh|vmin|svmin|dvmin|vmax|svmax|dvmax|cqw|cqh|cqmin|cqmax)$/.test(value)) {\n      return value;\n    }\n\n    return super.toCSSValue(value as T);\n  }\n}\n\nexport class SizingProperty<T extends CSSValue> extends PercentageProperty<T> implements Property<T | number | LengthPercentage> {\n  numberToCSS: (value: number) => string;\n\n  constructor(property: string, mapping: PropertyValueMap<T> | string[], numberToCSS: (value: number) => string) {\n    super(property, mapping);\n    this.numberToCSS = numberToCSS;\n  }\n\n  toCSSValue(value: T | LengthPercentage | number): PropertyValueDefinition<Value> {\n    if (typeof value === 'number') {\n      return value === 0 ? '0px' : this.numberToCSS(value);\n    }\n\n    return super.toCSSValue(value);\n  }\n}\n\nexport class ExpandedProperty<T extends Value> implements Property<T> {\n  cssProperties: string[];\n  mapping: Property<T> | null;\n  expand: (v: T | CSSValue) => CSSProperties;\n\n  constructor(properties: string[], expand: (v: T | CSSValue) => CSSProperties, mapping?: Property<T> | PropertyValueMap<CSSValue>) {\n    this.cssProperties = properties;\n    this.expand = expand;\n    if (mapping instanceof MappedProperty) {\n      this.mapping = mapping;\n    } else if (mapping) {\n      this.mapping = new MappedProperty<any>(properties[0], mapping as any);\n    } else {\n      this.mapping = null;\n    }\n  }\n\n  toCSSValue(value: T): PropertyValueDefinition<Value> {\n    if (!this.mapping) {\n      return value;\n    }\n\n    return this.mapping.toCSSValue(value);\n  }\n\n  toCSSProperties(customProperty: string | null, value: PropertyValueDefinition<T>): PropertyValueDefinition<[CSSProperties]> {\n    if (customProperty) {\n      throw new Error('Style properties that expand into multiple CSS properties cannot be set as CSS variables.');\n    }\n    return mapConditionalValue(value, value => [this.expand(value)]);\n  }\n}\n\nfunction mapConditionalValue<T, U>(value: PropertyValueDefinition<T>, fn: (value: T) => U): PropertyValueDefinition<U> {\n  if (typeof value === 'object' && !Array.isArray(value)) {\n    let res: PropertyValueDefinition<U> = {};\n    for (let condition in value) {\n      res[condition] = mapConditionalValue((value as any)[condition], fn);\n    }\n    return res;\n  } else {\n    return fn(value);\n  }\n}\n\nfunction mapConditionalShorthand<T, C extends string, R extends RenderProps<string>>(value: PropertyValueDefinition<T>, fn: ShorthandProperty<T>): {[property: string]: StyleValue<Value, C, R>} {\n  if (typeof value === 'object') {\n    let res = {};\n    for (let condition in value) {\n      let properties = mapConditionalShorthand(value[condition], fn);\n      for (let property in properties) {\n        res[property] ??= {};\n        res[property][condition] = properties[property];\n      }\n    }\n    return res;\n  } else {\n    return fn(value);\n  }\n}\n\nexport function parseArbitraryValue(value: Value): string | undefined {\n  if (typeof value === 'string' && value.startsWith('--')) {\n    return `var(${value})`;\n  } else if (typeof value === 'string' && value[0] === '[' && value[value.length - 1] === ']') {\n    return value.slice(1, -1);\n  } else if (\n    typeof value === 'string' && (\n      /^(var|calc|min|max|clamp|round|mod|rem|sin|cos|tan|asin|acos|atan|atan2|pow|sqrt|hypot|log|exp|abs|sign)\\(.+\\)$/.test(value) ||\n      /^(inherit|initial|unset)$/.test(value)\n    )\n  ) {\n    return value;\n  }\n}\n\nfunction shortCSSPropertyName(property: string) {\n  return propertyInfo.properties[property] ?? generateArbitraryValueSelector(property, true);\n}\n\nfunction classNamePrefix(property: string, cssProperty: string) {\n  let className = propertyInfo.properties[cssProperty];\n  if (className && property === '--' + className) {\n    return '-' + className + '_-';\n  }\n\n  if (className && !property.startsWith('--')) {\n    return className;\n  }\n\n  return '-' + generateArbitraryValueSelector(property, true) + '-';\n}\n\ninterface MacroContext {\n  addAsset(asset: {type: string, content: string}): void\n}\n\nlet isCompilingDependencies: boolean | null | string = false;\n\nexport function createTheme<T extends Theme>(theme: T): StyleFunction<ThemeProperties<T>, 'default' | Extract<keyof T['conditions'], string>> {\n  let properties = new Map<string, Property<any>>(Object.entries(theme.properties).map(([k, v]) => {\n    if (!Array.isArray(v) && v.cssProperties) {\n      return [k, v as Property<any>];\n    }\n\n    return [k, new MappedProperty(k, v as any)];\n  }));\n\n  let dependencies = new Set<string>();\n  let hasConditions = false;\n  return function style(this: MacroContext | void, style, allowedOverrides?: readonly string[]) {\n    // Check if `this` is undefined, which means style was not called as a macro but as a normal function.\n    // We also check if this is globalThis, which happens in non-strict mode bundles.\n    // Also allow style to be called as a normal function in tests.\n    // @ts-ignore\n\n    if ((this == null || this === globalThis) && process.env.NODE_ENV !== 'test') {\n      throw new Error('The style macro must be imported with {type: \"macro\"}.');\n    }\n\n    // Generate rules for each property.\n    let rules = new Map<string, Rule>();\n    let values =  new Map();\n    dependencies.clear();\n    let usedPriorities = 0;\n    let setRules = (key: string, value: [number, Rule[]]) => {\n      usedPriorities = Math.max(usedPriorities, value[0]);\n      rules.set(key, new GroupRule(value[1]));\n    };\n\n    hasConditions = false;\n    for (let key in style) {\n      let value = style[key]!;\n      let themeProperty = key;\n      values.set(key, value);\n\n      // Get the type of custom properties in the theme.\n      if (key.startsWith('--')) {\n        themeProperty = value.type;\n        value = value.value;\n      }\n\n      // Expand shorthands to longhands so that merging works as expected.\n      if (theme.shorthands[key]) {\n        let shorthand = theme.shorthands[key];\n        if (typeof shorthand === 'function') {\n          let expanded = mapConditionalShorthand(value, shorthand);\n          for (let k in expanded) {\n            let v = expanded[k];\n            values.set(k, v);\n            setRules(k, compileValue(k, k, v));\n          }\n        } else {\n          for (let prop of shorthand) {\n            values.set(prop, value);\n            setRules(prop, compileValue(prop, prop, value));\n          }\n        }\n      } else if (themeProperty in theme.properties) {\n        setRules(key, compileValue(key, themeProperty, value));\n      }\n    }\n\n    // For properties referenced by self(), rewrite the declarations to assign\n    // to an intermediary custom property so we can access the value.\n    for (let dep of dependencies) {\n      let value = values.get(dep);\n      if (value != null) {\n        if (!(dep in theme.properties)) {\n          throw new Error(`Unknown dependency ${dep}`);\n        }\n        let prop = properties.get(dep)!;\n        let name = `--${shortCSSPropertyName(prop.cssProperties[0])}`;\n        // Could potentially use @property to prevent the var from inheriting in children.\n        isCompilingDependencies = dep;\n        setRules(name, compileValue(name, dep, value));\n        isCompilingDependencies = null;\n        setRules(dep, compileValue(dep, dep, name));\n        isCompilingDependencies = false;\n      }\n    }\n    dependencies.clear();\n\n    let css = '';\n\n    // Declare layers for each priority ahead of time so the order is always correct.\n    css += '@layer ';\n    let first = true;\n    for (let i = 0; i <= usedPriorities; i++) {\n      if (first) {\n        first = false;\n      } else {\n        css += ', ';\n      }\n      css += layerName(generateName(i, true));\n    }\n    css += ';\\n\\n';\n\n    // If allowed overrides are provided, generate code to match the input override string and include only allowed classes.\n    // Also generate a variable for each overridable property that overlaps with the style definition. If those are defined,\n    // the defaults from the style definition are omitted.\n    let allowedOverridesSet = new Set<string>();\n    let js = process.env.NODE_ENV !== 'production'\n      ? 'let rules = \" \", currentRules = {};\\n'\n      : 'let rules = \" \";\\n';\n    if (allowedOverrides?.length) {\n      for (let property of allowedOverrides) {\n        let shorthand = theme.shorthands[property];\n        let props = Array.isArray(shorthand) ? shorthand : [property];\n        for (let property of props) {\n          if (property.startsWith('--')) {\n            allowedOverridesSet.add(property);\n            continue;\n          }\n\n          let prop = properties.get(property);\n          if (!prop) {\n            throw new Error(`Invalid property ${property} in allowedOverrides`);\n          }\n          for (let property of prop.cssProperties) {\n            allowedOverridesSet.add(property);\n          }\n        }\n      }\n\n      let loop = '';\n      for (let property of rules.keys()) {\n        let prop = properties.get(property);\n        if (prop) {\n          for (let property of prop.cssProperties) {\n            if (property && allowedOverridesSet.has(property)) {\n              let selector = classNamePrefix(property, property);\n              let p = property.replace('--', '__');\n              js += `let ${p} = false;\\n`;\n              loop += `  if (p[1] === ${JSON.stringify(selector)}) ${p} = true;\\n`;\n            }\n          }\n        } else if (property.startsWith('--') && allowedOverridesSet.has(property)) {\n          let selector = classNamePrefix(property, property);\n          let p = property.replace('--', '__');\n          js += `let ${p} = false;\\n`;\n          loop += `  if (p[1] === ${JSON.stringify(selector)}) ${p} = true;\\n`;\n        }\n      }\n\n      let macroPart = process.env.NODE_ENV !== 'production' ? '|-macro\\\\$' : '';\n      let regex = `/(?:^|\\\\s)(${[...allowedOverridesSet].map(p => classNamePrefix(p, p)).join('|')}${macroPart})[^\\\\s]+/g`;\n      if (loop) {\n        js += `let matches = String(overrides || '').matchAll(${regex});\\n`;\n        js += 'for (let p of matches) {\\n';\n        js += loop;\n        js += '  rules += p[0];\\n';\n        js += '}\\n';\n      } else {\n        js += `rules += (String(overrides || '').match(${regex}) || []).join('')\\n`;\n      }\n    }\n\n    // Generate JS and CSS for each rule.\n    let isStatic = !(hasConditions || allowedOverrides);\n    let className = '';\n    let rulesByLayer = new Map<string, string[]>();\n    let rootRule = new GroupRule([...rules.values()]);\n    if (isStatic) {\n      className += rootRule.getStaticClassName();\n    } else {\n      js += rootRule.toJS(allowedOverridesSet) + '\\n';\n    }\n    rootRule.toCSS(rulesByLayer);\n\n    for (let [layer, rules] of rulesByLayer) {\n      css += `@layer ${layerName(layer)} {\\n`;\n      css += rules.join('\\n\\n');\n      css += '}\\n\\n';\n    }\n    // @ts-expect-error\n    let loc = this?.loc?.filePath + ':' + this?.loc?.line + ':' + this?.loc?.col;\n    if (isStatic && process.env.NODE_ENV !== 'production') {\n      let id = toBase62(hash(className + loc));\n      css += `.-macro-static-${id} {\n        --macro-data-${id}: ${JSON.stringify({style, loc})};\n      }\\n\\n`;\n      className += ` -macro-static-${id}`;\n    }\n\n    if (this && typeof this.addAsset === 'function') {\n      this.addAsset({\n        type: 'css',\n        content: css\n      });\n    }\n\n    if (isStatic) {\n      return className;\n    }\n\n    if (process.env.NODE_ENV !== 'production') {\n      js += `let targetRules = rules + ${JSON.stringify(loc)};\\n`;\n      js += 'let hash = 5381;for (let i = 0; i < targetRules.length; i++) { hash = ((hash << 5) + hash) + targetRules.charCodeAt(i) >>> 0; }\\n';\n      js += 'let hashStr = hash.toString(36);\\n';\n      js += 'rules += \" -macro-dynamic-\" + hashStr;\\n';\n      // Skip global __styleMacroDynamic__ in Jest so we dont' pollute the test environment and don't cause issues with timer advancement.\n      if (!process.env.JEST_WORKER_ID) {\n        js += 'if (typeof window !== \"undefined\") {\\n';\n        js += '  let g = window.__styleMacroDynamic__;\\n';\n        js += '  if (!g) {\\n';\n        js += '    g = window.__styleMacroDynamic__ = { map: {}, _timer: null };\\n';\n        js += '    g._timer = setInterval(function() {\\n';\n        js += '      for (let k in g.map) {\\n';\n        js += '        try { if (!document.querySelector(\".\" + CSS.escape(k))) delete g.map[k]; } catch (e) {}\\n';\n        js += '      }\\n';\n        js += '    }, 300000);\\n';\n        js += '  }\\n';\n        js += `  g.map[\"-macro-dynamic-\" + hashStr] = { style: currentRules, loc: ${JSON.stringify(loc)} };\\n`;\n        js += '}\\n';\n      }\n    }\n    js += 'return rules;';\n    if (allowedOverrides) {\n      return new Function('props', 'overrides', js) as any;\n    }\n    return new Function('props', js) as any;\n  };\n\n  function compileValue(property: string, themeProperty: string, value: StyleValue<Value, Condition<T>, any>) {\n    return conditionalToRules(value as any, 0, new Set(), new Set(), (value, priority, conditions, skipConditions) => {\n      return compileRule(property, themeProperty, value, priority, conditions, skipConditions);\n    });\n  }\n\n  function conditionalToRules<P extends CustomValue | any[]>(\n    value: PropertyValueDefinition<P>,\n    parentPriority: number,\n    currentConditions: Set<string>,\n    skipConditions: Set<string>,\n    fn: (value: P, priority: number, conditions: Set<string>, skipConditions: Set<string>) => [number, Rule[]]\n  ): [number, Rule[]] {\n    if (value && typeof value === 'object' && !Array.isArray(value)) {\n      let rules: Rule[] = [];\n\n      // Later conditions in parent rules override conditions in child rules.\n      let subSkipConditions = new Set([...skipConditions, ...Object.keys(value)]);\n\n      // Skip the default condition if we're already filtering by one of the other possible conditions.\n      // For example, if someone specifies `dark: 'gray-400'`, only include the dark version of `gray-400` from the theme.\n      let skipDefault = Object.keys(value).some(k => currentConditions.has(k));\n      let wasCSSCondition = false;\n      let priority = parentPriority;\n\n      for (let condition in value) {\n        if (skipConditions.has(condition) || (condition === 'default' && skipDefault)) {\n          continue;\n        }\n        subSkipConditions.delete(condition);\n\n        let val = value[condition];\n\n        // If a theme condition comes after runtime conditions, create a new grouping.\n        // This makes the CSS class unconditional so it appears outside the `else` block in the JS.\n        // The @layer order in the generated CSS will ensure that it overrides classes applied by runtime conditions.\n        let isCSSCondition = condition in theme.conditions || /^[@:]/.test(condition);\n        if (!wasCSSCondition && isCSSCondition && rules.length) {\n          rules = [new GroupRule(rules)];\n        }\n        wasCSSCondition = isCSSCondition;\n\n        // Increment the current priority whenever we see a new CSS condition.\n        if (isCSSCondition) {\n          priority++;\n        }\n\n        // If this is a runtime condition, inherit the priority from the parent rule.\n        // Otherwise, use the current maximum of the parent and current priorities.\n        let rulePriority = isCSSCondition ? priority : parentPriority;\n\n        if (condition === 'default' || isCSSCondition || /^is[A-Z]/.test(condition) || /^allows[A-Z]/.test(condition)) {\n          let subConditions = currentConditions;\n          if (isCSSCondition) {\n            subConditions = new Set([...currentConditions, condition]);\n          }\n          let [subPriority, subRules] = conditionalToRules(val, rulePriority, subConditions, subSkipConditions, fn);\n          rules.push(...compileCondition(currentConditions, condition, priority, subRules));\n          priority = Math.max(priority, subPriority);\n        } else if (val && typeof val === 'object' && !Array.isArray(val)) {\n          for (let key in val) {\n            let branchValue = val[key];\n            // If this branch has no default, inherit the parent's default so e.g. forcedColors.default\n            // applies when selectionStyle.highlight doesn't define its own default.\n            // eslint-disable-next-line max-depth\n            if (value.default !== undefined && branchValue && typeof branchValue === 'object' && !Array.isArray(branchValue) && !('default' in branchValue)) {\n              branchValue = {default: value.default, ...branchValue};\n            }\n            let [subPriority, subRules] = conditionalToRules(branchValue, rulePriority, currentConditions, subSkipConditions, fn);\n            rules.push(...compileCondition(currentConditions, `${condition} === ${JSON.stringify(key)}`, priority, subRules));\n            priority = Math.max(priority, subPriority);\n          }\n        }\n      }\n      return [priority, rules];\n    } else {\n      // @ts-ignore - broken in non-strict?\n      return fn(value, parentPriority, currentConditions, skipConditions);\n    }\n  }\n\n  function compileCondition(conditions: Set<string>, condition: string, priority: number, rules: Rule[]): Rule[] {\n    if (condition === 'default' || conditions.has(condition)) {\n      return [new GroupRule(rules)];\n    }\n\n    if (condition in theme.conditions || /^[@:]/.test(condition)) {\n      // Conditions starting with : are CSS pseudo classes. Nest them inside the parent rule.\n      let prelude = theme.conditions[condition] || condition;\n      let preludes = Array.isArray(prelude) ? prelude : [prelude];\n      return preludes.map(prelude => {\n        if (prelude.startsWith(':')) {\n          let rulesWithPseudo = rules.map(rule => {\n            rule = rule.copy();\n            rule.addPseudo(prelude);\n            return rule;\n          });\n\n          return new GroupRule(rulesWithPseudo, generateName(priority, true));\n        }\n\n        // Otherwise, wrap the rule in the condition (e.g. @media).\n        // Top level layer is based on the priority of the rule, not the condition.\n        // Also group in a sub-layer based on the condition so that lightningcss can more effectively deduplicate rules.\n        let layer = `${generateName(priority, true)}.${propertyInfo.conditions[prelude] || generateArbitraryValueSelector(condition, true)}`;\n        return new AtRule(rules, prelude, layer, condition);\n      });\n    }\n\n    hasConditions = true;\n    return [new ConditionalRule(rules, condition)];\n  }\n\n  function compileRule(property: string, themeProperty: string, value: Value, priority: number, conditions: Set<string>, skipConditions: Set<string>): [number, Rule[]] {\n    let propertyFunction = properties.get(themeProperty);\n    if (propertyFunction) {\n      // Expand value to conditional CSS values, and then to rules.\n      let propertyValue = value;\n      let arbitrary = parseArbitraryValue(value);\n      let cssValue = arbitrary ? arbitrary : propertyFunction.toCSSValue(value);\n      let cssProperties = propertyFunction.toCSSProperties(property.startsWith('--') ? property : null, cssValue);\n\n      return conditionalToRules(cssProperties, priority, conditions, skipConditions, (value, priority, conditions) => {\n        let [obj] = value;\n        let rules: Rule[] = [];\n        for (let key in obj) {\n          let k = key as any;\n          let value = obj[k];\n          if (value === undefined) {\n            continue;\n          }\n          if (typeof value === 'string') {\n            // Replace self() references with variables and track the dependencies.\n            value = value.replace(/self\\(([a-zA-Z]+)/g, (_, v) => {\n              let prop = properties.get(v);\n              if (!prop) {\n                throw new Error(`self(${v}) is invalid. ${v} is not a known property.`);\n              }\n              let cssProperties = prop.cssProperties;\n              if (cssProperties.length !== 1) {\n                throw new Error(`self(${v}) is not supported. ${v} expands to multiple CSS properties.`);\n              }\n              dependencies.add(v);\n              return `var(--${shortCSSPropertyName(cssProperties[0])}`;\n            });\n          }\n\n          // Generate selector. This consists of three parts: property, conditions, value.\n          let cssProperty = key;\n          if (property.startsWith('--')) {\n            cssProperty = propertyFunction.cssProperties[0];\n          }\n\n          let className = classNamePrefix(key, cssProperty);\n          if (conditions.size > 0) {\n            for (let condition of conditions) {\n              let prelude = theme.conditions[condition] || condition;\n              let preludes = Array.isArray(prelude) ? prelude : [prelude];\n              for (let prelude of preludes) {\n                className += propertyInfo.conditions[prelude] || generateArbitraryValueSelector(condition);\n              }\n            }\n          }\n\n          if (cssProperty !== key) {\n            className += shortCSSPropertyName(cssProperty);\n          }\n\n          className += propertyInfo.values[cssProperty]?.[String(value)] ?? generateArbitraryValueSelector(String(value));\n          className += POSTFIX;\n          rules.push(new StyleRule(className, key, String(value), isCompilingDependencies ? themeProperty : property, propertyValue));\n        }\n\n        return [0, rules];\n      });\n    } else {\n      throw new Error('Unknown property ' + themeProperty);\n    }\n  }\n}\n\nfunction kebab(property: string) {\n  if (property.startsWith('--')) {\n    return property;\n  }\n  return property.replace(/([a-z])([A-Z])/g, (_, a, b) => `${a}-${b.toLowerCase()}`);\n}\n\n// Generate a class name from a number, e.g. index within the theme.\n// This maps to an alphabet containing lower case letters, upper case letters, and numbers.\n// For numbers larger than 62, an underscore is prepended.\n// This encoding allows easy parsing to enable runtime merging by property.\nfunction generateName(index: number, atStart = false): string {\n  if (index < 26) {\n    // lower case letters\n    return String.fromCharCode(index + 97);\n  }\n\n  if (index < 52) {\n    // upper case letters\n    return String.fromCharCode((index - 26) + 65);\n  }\n\n  if (index < 62 && !atStart) {\n    // numbers\n    return String.fromCharCode((index - 52) + 48);\n  }\n\n  return '_' + generateName(index - (atStart ? 52 : 62));\n}\n\n// For arbitrary values, we use a hash of the string to generate the class name.\nfunction generateArbitraryValueSelector(v: string, atStart = false) {\n  let c = toBase62(hash(v));\n  if (atStart && /^[0-9]/.test(c)) {\n    c = `_${c}`;\n  }\n  return c;\n}\n\nfunction toBase62(value: number) {\n  if (value === 0) {\n    return generateName(value);\n  }\n\n  let res = '';\n  while (value) {\n    let remainder = value % 62;\n    res += generateName(remainder);\n    value = Math.floor((value - remainder) / 62);\n  }\n\n  return res;\n}\n\n// djb2 hash function.\n// http://www.cse.yorku.ca/~oz/hash.html\nfunction hash(v: string) {\n  let hash = 5381;\n  for (let i = 0; i < v.length; i++) {\n    hash = ((hash << 5) + hash) + v.charCodeAt(i) >>> 0;\n  }\n  return hash;\n}\n\nfunction layerName(name: string) {\n  // All of our layers should be sub-layers of a single parent layer, so that\n  // the unsafe overrides layer always comes after.\n  return `_.${name}`;\n}\n\ninterface Rule {\n  addPseudo(prelude: string): void,\n  getStaticClassName(): string,\n  toCSS(rulesByLayer: Map<string, string[]>, preludes?: string[], layer?: string): void,\n  toJS(allowedOverridesSet: Set<string>, indent?: string): string,\n  copy(): Rule\n}\n\nlet conditionStack: string[] = [];\n\n/** A CSS style rule. */\nclass StyleRule implements Rule {\n  className: string;\n  pseudos: string;\n  property: string;\n  value: string;\n  themeProperty: string | undefined;\n  themeValue: Value | undefined;\n\n  constructor(className: string, property: string, value: string, themeProperty: string | undefined, themeValue: Value | undefined) {\n    this.className = className;\n    this.pseudos = '';\n    this.property = property;\n    this.value = value;\n    if (process.env.NODE_ENV !== 'production' && isCompilingDependencies !== null) {\n      this.themeProperty = themeProperty;\n      this.themeValue = themeValue;\n    }\n  }\n\n  copy(): Rule {\n    let rule = new StyleRule(this.className, this.property, this.value, this.themeProperty, this.themeValue);\n    rule.pseudos = this.pseudos;\n    return rule;\n  }\n\n  addPseudo(prelude: string) {\n    this.pseudos += prelude;\n  }\n\n  getStaticClassName(): string {\n    return ' ' + this.className;\n  }\n\n  toCSS(rulesByLayer: Map<string, string[]>, preludes: string[] = [], layer = 'a') {\n    let prelude = `.${this.className}${this.pseudos}`;\n    preludes.push(prelude);\n\n    // Nest rule in our stack of preludes (e.g. media queries/selectors).\n    let content = '  ';\n    preludes.forEach((p, i) => {\n      content += `${p} {\\n${' '.repeat((i + 2) * 2)}`;\n    });\n    content += `${kebab(this.property)}: ${this.value};\\n`;\n    preludes.map((_, i) => {\n      content += `${' '.repeat((preludes.length - i) * 2)}}\\n`;\n    });\n\n    // Group rule into the appropriate layer.\n    let rules = rulesByLayer.get(layer);\n    if (!rules) {\n      rules = [];\n      rulesByLayer.set(layer, rules);\n    }\n    rules.push(content);\n    preludes.pop();\n  }\n\n  toJS(allowedOverridesSet: Set<string>, indent = ''): string {\n    let res = '';\n    if (allowedOverridesSet.has(this.property)) {\n      res += `${indent}if (!${this.property.replace('--', '__')}) `;\n    }\n    res +=  `${indent}rules += ' ${this.className}';`;\n    if (process.env.NODE_ENV !== 'production' && this.themeProperty) {\n      let name = this.themeProperty;\n      if (this.pseudos) {\n        conditionStack.push(this.pseudos);\n      }\n      let propertyName = JSON.stringify(name);\n      let valueJson = JSON.stringify(this.themeValue);\n      if (conditionStack.length) {\n        // name += ` (${conditionStack.join(', ')})`;\n        let conditionKey = JSON.stringify(conditionStack.join(' && '));\n        // Ensure currentRules[name] is an object, converting from simple value if needed\n        res += ` currentRules[${propertyName}] = typeof currentRules[${propertyName}] === 'object' ? currentRules[${propertyName}] : {\"default\": currentRules[${propertyName}]};`;\n        // Set the value for this specific condition\n        res += ` currentRules[${propertyName}][${conditionKey}] = ${valueJson};`;\n      } else {\n        res += ` currentRules[${propertyName}] = ${valueJson};`;\n      }\n      if (this.pseudos) {\n        conditionStack.pop();\n      }\n    }\n    return res;\n  }\n}\n\n/** Base class for rules that contain other rules. */\nclass GroupRule implements Rule {\n  rules: Rule[];\n  layer: string | null;\n\n  constructor(rules: Rule[], layer?: string | null) {\n    this.rules = rules;\n    this.layer = layer ?? null;\n  }\n\n  copy(): Rule {\n    return new GroupRule(this.rules.map(rule => rule.copy()), this.layer);\n  }\n\n  addPseudo(prelude: string) {\n    for (let rule of this.rules) {\n      rule.addPseudo(prelude);\n    }\n  }\n\n  getStaticClassName(): string {\n    return this.rules.map(rule => rule.getStaticClassName()).join('');\n  }\n\n  toCSS(rulesByLayer: Map<string, string[]>, preludes?: string[], layer?: string) {\n    for (let rule of this.rules) {\n      rule.toCSS(rulesByLayer, preludes, this.layer || layer);\n    }\n  }\n\n  toJS(allowedOverridesSet: Set<string>, indent = ''): string {\n    let rules = this.rules.slice();\n    let conditional = rules.filter(rule => rule instanceof ConditionalRule).reverse().map((rule, i) => {\n      return `${i > 0 ? ' else ' : ''}${rule.toJS(allowedOverridesSet, indent)}`;\n    });\n\n    let elseCases = rules.filter(rule => !(rule instanceof ConditionalRule)).map(rule => rule.toJS(allowedOverridesSet, indent));\n    if (conditional.length && elseCases.length) {\n      return `${conditional.join('')} else {\\n${indent}  ${elseCases.join('\\n' + indent + '  ')}\\n${indent}}`;\n    }\n\n    if (conditional.length) {\n      return conditional.join('');\n    }\n\n    return elseCases.join('\\n' + indent);\n  }\n}\n\n/** A rule that applies conditionally in CSS (e.g. @media). */\nclass AtRule extends GroupRule {\n  prelude: string;\n  themeCondition: string | null;\n\n  constructor(rules: Rule[], prelude: string, layer: string | null, themeCondition: string | null) {\n    super(rules, layer);\n    this.prelude = prelude;\n    this.themeCondition = themeCondition;\n  }\n\n  copy(): Rule {\n    return new AtRule(this.rules.map(rule => rule.copy()), this.prelude, this.layer, this.themeCondition);\n  }\n\n  toCSS(rulesByLayer: Map<string, string[]>, preludes: string[] = [], layer?: string): void {\n    preludes.push(this.prelude);\n    super.toCSS(rulesByLayer, preludes, layer);\n    preludes?.pop();\n  }\n\n  toJS(allowedOverridesSet: Set<string>, indent?: string): string {\n    conditionStack.push(this.themeCondition || this.prelude);\n    let res = super.toJS(allowedOverridesSet, indent);\n    conditionStack.pop();\n    return res;\n  }\n}\n\n/** A rule that applies conditionally at runtime. */\nclass ConditionalRule extends GroupRule {\n  condition: string;\n\n  constructor(rules: Rule[], condition: string) {\n    super(rules);\n    this.condition = condition;\n  }\n\n  copy(): Rule {\n    return new ConditionalRule(this.rules.map(rule => rule.copy()), this.condition);\n  }\n\n  getStaticClassName(): string {\n    throw new Error('Conditional rules cannot be compiled to a static class name. This is a bug.');\n  }\n\n  toJS(allowedOverridesSet: Set<string>, indent = ''): string {\n    conditionStack.push(this.condition);\n    let res = `${indent}if (props.${this.condition}) {\\n${super.toJS(allowedOverridesSet, indent + '  ')}\\n${indent}}`;\n    conditionStack.pop();\n    return res;\n  }\n}\n\n/**\n * Injects a raw CSS string into the style system. The CSS is wrapped in a generated\n * class name and placed within the specified `@layer`. Returns the generated class name.\n * This is an escape hatch for advanced cases (e.g. pseudo selectors or features not yet\n * available in the style macro API), and should be used sparingly.\n * Must be imported with `{type: 'macro'}`.\n *\n * @param content - The CSS declarations to inject.\n * @param layer - The CSS `@layer` to place the styles in. Defaults to `'_.a'`.\n * @returns The generated class name that applies the styles.\n *\n * @example\n * ```tsx\n * import {css} from '@react-spectrum/s2/style' with {type: 'macro'};\n *\n * const styles = css(`\n *   backdrop-filter: blur(8px);\n * `);\n * ```\n */\nexport function css(this: MacroContext | void, content: string, layer = '_.a'): string {\n  // Check if `this` is undefined, which means style was not called as a macro but as a normal function.\n  // We also check if this is globalThis, which happens in non-strict mode bundles.\n  // Also allow style to be called as a normal function in tests.\n  // @ts-ignore\n\n  if ((this == null || this === globalThis) && process.env.NODE_ENV !== 'test') {\n    throw new Error('The css macro must be imported with {type: \"macro\"}.');\n  }\n  let className = generateArbitraryValueSelector(content, true);\n  content = `@layer ${layer} {\n  .${className} {\n  ${content}\n  }\n}`;\n\n  // Ensure layer is always declared after the _ layer used by style macro.\n  if (!layer.startsWith('_.')) {\n    content = `@layer _, ${layer};\\n` + content;\n  }\n\n  if (this && typeof this.addAsset === 'function') {\n    this.addAsset({\n      type: 'css',\n      content\n    });\n  }\n  return className;\n}\n\nexport function keyframes(this: MacroContext | void, css: string): string {\n  // Check if `this` is undefined, which means style was not called as a macro but as a normal function.\n  // We also check if this is globalThis, which happens in non-strict mode bundles.\n  // Also allow style to be called as a normal function in tests.\n  // @ts-ignore\n\n  if ((this == null || this === globalThis) && process.env.NODE_ENV !== 'test') {\n    throw new Error('The keyframes macro must be imported with {type: \"macro\"}.');\n  }\n  let name = generateArbitraryValueSelector(css, true);\n  css = `@keyframes ${name} {\n  ${css}\n}`;\n  if (this && typeof this.addAsset === 'function') {\n    this.addAsset({\n      type: 'css',\n      content: css\n    });\n  }\n  return name;\n}\n"],"names":[],"version":3,"file":"style-macro.mjs.map","sourceRoot":"../../../../../"}
+{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAqBD,gDAAgD;AAChD,MAAM,6BAAO,KAAK,KAAK,CAAC,CAAA,GAAA,SAAC,EAAE,YAAY,CAAC,0CAAY,oBAAoB;AACxE,MAAM,gCAAU,2BAAK,OAAO,CAAC,QAAQ,CAAC,aAClC,2BAAK,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,GACtC,2BAAK,OAAO,CAAC,OAAO,CAAC,SAAS;AAE3B,MAAM;IAIX,YAAY,QAAgB,EAAE,KAA8B,CAAE;QAC5D,IAAI,CAAC,QAAQ,GAAG;QAChB,IAAI,CAAC,KAAK,GAAG,SAAU,CAAA,CAAA,QAAS,OAAO,MAAK;IAC9C;IAEA,IAAI,gBAA0B;QAC5B,OAAO;YAAC,IAAI,CAAC,QAAQ;SAAC;IACxB;IAEA,WAAW,KAAQ,EAAkC;QACnD,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB;IAEA,gBACE,cAA6B,EAC7B,KAAqC,EACK;QAC1C,OAAO,0CAAoB,OAAO,CAAA,QAAS;gBACzC;oBAAC,CAAC,kBAAkB,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO;gBAAM;aAClD;IACH;AACF;AAEO,MAAM,kDACH;IAKR,YAAY,QAAgB,EAAE,OAAuC,CAAE;QACrE,KAAK,CAAC;QACN,IAAI,CAAC,OAAO,GAAG;IACjB;IAEA,WAAW,KAAQ,EAAkC;QACnD,IAAI,MAAM,OAAO,CAAC,IAAI,CAAC,OAAO,GAAG;YAC/B,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,SAChC,MAAM,IAAI,MAAM,0BAA0B;YAE5C,OAAO;QACT,OAAO;YACL,IAAI,MAAM,IAAI,CAAC,OAAO,CAAC,OAAO,OAAO;YACrC,IAAI,OAAO,MACT,MAAM,IAAI,MAAM,0BAA0B;YAE5C,OAAO;QACT;IACF;AACF;AAGO,MAAM,kDACH;IAGR,WAAW,KAAe,EAAkC;QAC1D,IAAI,CAAC,OAAO,QAAQ,GAAG,MAAM,KAAK,CAAC;QACnC,OAAO,0CAAoB,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAA;YAC9C,OAAO,UAAU,CAAC,SAAS,EAAE,MAAM,SAAS,EAAE,QAAQ,EAAE,CAAC,GAAG;QAC9D;IACF;AACF;AAsBO,MAAM,kDACH;IAGR,YAAY,QAAgB,EAAE,OAAuC,CAAE;QACrE,KAAK,CAAC,UAAU;IAClB;IAEA,WAAW,KAA2B,EAAkC;QACtE,IACE,OAAO,UAAU,YACjB,mGAAmG,IAAI,CACrG,QAGF,OAAO;QAGT,OAAO,KAAK,CAAC,WAAW;IAC1B;AACF;AAEO,MAAM,kDACH;IAKR,YACE,QAAgB,EAChB,OAAuC,EACvC,WAAsC,CACtC;QACA,KAAK,CAAC,UAAU;QAChB,IAAI,CAAC,WAAW,GAAG;IACrB;IAEA,WAAW,KAAoC,EAAkC;QAC/E,IAAI,OAAO,UAAU,UACnB,OAAO,UAAU,IAAI,QAAQ,IAAI,CAAC,WAAW,CAAC;QAGhD,OAAO,KAAK,CAAC,WAAW;IAC1B;AACF;AAEO,MAAM;IAKX,YACE,UAAoB,EACpB,MAA0C,EAC1C,OAAkD,CAClD;QACA,IAAI,CAAC,aAAa,GAAG;QACrB,IAAI,CAAC,MAAM,GAAG;QACd,IAAI,mBAAmB,2CACrB,IAAI,CAAC,OAAO,GAAG;aACV,IAAI,SACT,IAAI,CAAC,OAAO,GAAG,IAAI,0CAAoB,UAAU,CAAC,EAAE,EAAE;aAEtD,IAAI,CAAC,OAAO,GAAG;IAEnB;IAEA,WAAW,KAAQ,EAAkC;QACnD,IAAI,CAAC,IAAI,CAAC,OAAO,EACf,OAAO;QAGT,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;IACjC;IAEA,gBACE,cAA6B,EAC7B,KAAiC,EACS;QAC1C,IAAI,gBACF,MAAM,IAAI,MACR;QAGJ,OAAO,0CAAoB,OAAO,CAAA,QAAS;gBAAC,IAAI,CAAC,MAAM,CAAC;aAAO;IACjE;AACF;AAEA,SAAS,0CACP,KAAiC,EACjC,EAAmB;IAEnB,IAAI,OAAO,UAAU,YAAY,CAAC,MAAM,OAAO,CAAC,QAAQ;QACtD,IAAI,MAAkC,CAAC;QACvC,IAAK,IAAI,aAAa,MACpB,GAAG,CAAC,UAAU,GAAG,0CAAoB,AAAC,KAAa,CAAC,UAAU,EAAE;QAElE,OAAO;IACT,OACE,OAAO,GAAG;AAEd;AAEA,SAAS,8CACP,KAAiC,EACjC,EAAwB;IAExB,IAAI,OAAO,UAAU,UAAU;QAC7B,IAAI,MAAM,CAAC;QACX,IAAK,IAAI,aAAa,MAAO;YAC3B,IAAI,aAAa,8CAAwB,KAAK,CAAC,UAAU,EAAE;YAC3D,IAAK,IAAI,YAAY,WAAY;gBAC/B,GAAG,CAAC,SAAS,KAAK,CAAC;gBACnB,GAAG,CAAC,SAAS,CAAC,UAAU,GAAG,UAAU,CAAC,SAAS;YACjD;QACF;QACA,OAAO;IACT,OACE,OAAO,GAAG;AAEd;AAEO,SAAS,0CAAoB,KAAY;IAC9C,IAAI,OAAO,UAAU,YAAY,MAAM,UAAU,CAAC,OAChD,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;SACjB,IAAI,OAAO,UAAU,YAAY,KAAK,CAAC,EAAE,KAAK,OAAO,KAAK,CAAC,MAAM,MAAM,GAAG,EAAE,KAAK,KACtF,OAAO,MAAM,KAAK,CAAC,GAAG;SACjB,IACL,OAAO,UAAU,YAChB,CAAA,kHAAkH,IAAI,CACrH,UAEA,4BAA4B,IAAI,CAAC,MAAK,GAExC,OAAO;AAEX;AAEA,SAAS,2CAAqB,QAAgB;IAC5C,OAAO,gCAAuB,CAAC,SAAS,IAAI,qDAA+B,UAAU;AACvF;AAEA,SAAS,sCAAgB,QAAgB,EAAE,WAAmB;IAC5D,IAAI,YAAY,gCAAuB,CAAC,YAAY;IACpD,IAAI,aAAa,aAAa,OAAO,WACnC,OAAO,MAAM,YAAY;IAG3B,IAAI,aAAa,CAAC,SAAS,UAAU,CAAC,OACpC,OAAO;IAGT,OAAO,MAAM,qDAA+B,UAAU,QAAQ;AAChE;AAMA,IAAI,gDAAmD;AAEhD,SAAS,0CACd,KAAQ;IAER,IAAI,aAAa,IAAI,IACnB,OAAO,OAAO,CAAC,MAAM,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,MAAM,OAAO,CAAC,MAAM,EAAE,aAAa,EACtC,OAAO;YAAC;YAAG;SAAmB;QAGhC,OAAO;YAAC;YAAG,IAAI,0CAAe,GAAG;SAAU;IAC7C;IAGF,IAAI,eAAe,IAAI;IACvB,IAAI,gBAAgB;IACpB,OAAO,SAAS,MAAiC,KAAK,EAAE,gBAAoC;QAC1F,sGAAsG;QACtG,iFAAiF;QACjF,+DAA+D;QAC/D,aAAa;QAEb,IAAI,AAAC,CAAA,IAAI,IAAI,QAAQ,IAAI,KAAK,UAAS,KAAM,QAAQ,GAAG,CAAC,QAAQ,KAAK,QACpE,MAAM,IAAI,MAAM;QAGlB,oCAAoC;QACpC,IAAI,QAAQ,IAAI;QAChB,IAAI,SAAS,IAAI;QACjB,aAAa,KAAK;QAClB,IAAI,iBAAiB;QACrB,IAAI,WAAW,CAAC,KAAa;YAC3B,iBAAiB,KAAK,GAAG,CAAC,gBAAgB,KAAK,CAAC,EAAE;YAClD,MAAM,GAAG,CAAC,KAAK,IAAI,gCAAU,KAAK,CAAC,EAAE;QACvC;QAEA,gBAAgB;QAChB,IAAK,IAAI,OAAO,MAAO;YACrB,IAAI,QAAQ,KAAK,CAAC,IAAI;YACtB,IAAI,gBAAgB;YACpB,OAAO,GAAG,CAAC,KAAK;YAEhB,kDAAkD;YAClD,IAAI,IAAI,UAAU,CAAC,OAAO;gBACxB,gBAAgB,MAAM,IAAI;gBAC1B,QAAQ,MAAM,KAAK;YACrB;YAEA,oEAAoE;YACpE,IAAI,MAAM,UAAU,CAAC,IAAI,EAAE;gBACzB,IAAI,YAAY,MAAM,UAAU,CAAC,IAAI;gBACrC,IAAI,OAAO,cAAc,YAAY;oBACnC,IAAI,WAAW,8CAAwB,OAAO;oBAC9C,IAAK,IAAI,KAAK,SAAU;wBACtB,IAAI,IAAI,QAAQ,CAAC,EAAE;wBACnB,OAAO,GAAG,CAAC,GAAG;wBACd,SAAS,GAAG,aAAa,GAAG,GAAG;oBACjC;gBACF,OACE,KAAK,IAAI,QAAQ,UAAW;oBAC1B,OAAO,GAAG,CAAC,MAAM;oBACjB,SAAS,MAAM,aAAa,MAAM,MAAM;gBAC1C;YAEJ,OAAO,IAAI,iBAAiB,MAAM,UAAU,EAC1C,SAAS,KAAK,aAAa,KAAK,eAAe;QAEnD;QAEA,0EAA0E;QAC1E,iEAAiE;QACjE,KAAK,IAAI,OAAO,aAAc;YAC5B,IAAI,QAAQ,OAAO,GAAG,CAAC;YACvB,IAAI,SAAS,MAAM;gBACjB,IAAI,CAAE,CAAA,OAAO,MAAM,UAAU,AAAD,GAC1B,MAAM,IAAI,MAAM,CAAC,mBAAmB,EAAE,KAAK;gBAE7C,IAAI,OAAO,WAAW,GAAG,CAAC;gBAC1B,IAAI,OAAO,CAAC,EAAE,EAAE,2CAAqB,KAAK,aAAa,CAAC,EAAE,GAAG;gBAC7D,kFAAkF;gBAClF,gDAA0B;gBAC1B,SAAS,MAAM,aAAa,MAAM,KAAK;gBACvC,gDAA0B;gBAC1B,SAAS,KAAK,aAAa,KAAK,KAAK;gBACrC,gDAA0B;YAC5B;QACF;QACA,aAAa,KAAK;QAElB,IAAI,MAAM;QAEV,iFAAiF;QACjF,OAAO;QACP,IAAI,QAAQ;QACZ,IAAK,IAAI,IAAI,GAAG,KAAK,gBAAgB,IAAK;YACxC,IAAI,OACF,QAAQ;iBAER,OAAO;YAET,OAAO,gCAAU,mCAAa,GAAG;QACnC;QACA,OAAO;QAEP,wHAAwH;QACxH,wHAAwH;QACxH,sDAAsD;QACtD,IAAI,sBAAsB,IAAI;QAC9B,IAAI,KACF,QAAQ,GAAG,CAAC,QAAQ,KAAK,eACrB,0CACA;QACN,IAAI,kBAAkB,QAAQ;YAC5B,KAAK,IAAI,YAAY,iBAAkB;gBACrC,IAAI,YAAY,MAAM,UAAU,CAAC,SAAS;gBAC1C,IAAI,QAAQ,MAAM,OAAO,CAAC,aAAa,YAAY;oBAAC;iBAAS;gBAC7D,KAAK,IAAI,YAAY,MAAO;oBAC1B,IAAI,SAAS,UAAU,CAAC,OAAO;wBAC7B,oBAAoB,GAAG,CAAC;wBACxB;oBACF;oBAEA,IAAI,OAAO,WAAW,GAAG,CAAC;oBAC1B,IAAI,CAAC,MACH,MAAM,IAAI,MAAM,CAAC,iBAAiB,EAAE,SAAS,oBAAoB,CAAC;oBAEpE,KAAK,IAAI,YAAY,KAAK,aAAa,CACrC,oBAAoB,GAAG,CAAC;gBAE5B;YACF;YAEA,IAAI,OAAO;YACX,KAAK,IAAI,YAAY,MAAM,IAAI,GAAI;gBACjC,IAAI,OAAO,WAAW,GAAG,CAAC;gBAC1B,IAAI,MAAM;oBACR,KAAK,IAAI,YAAY,KAAK,aAAa,CACrC,qCAAqC;oBACrC,IAAI,YAAY,oBAAoB,GAAG,CAAC,WAAW;wBACjD,IAAI,WAAW,sCAAgB,UAAU;wBACzC,IAAI,IAAI,SAAS,OAAO,CAAC,MAAM;wBAC/B,MAAM,CAAC,IAAI,EAAE,EAAE,WAAW,CAAC;wBAC3B,QAAQ,CAAC,eAAe,EAAE,KAAK,SAAS,CAAC,UAAU,EAAE,EAAE,EAAE,UAAU,CAAC;oBACtE;gBAEJ,OAAO,IAAI,SAAS,UAAU,CAAC,SAAS,oBAAoB,GAAG,CAAC,WAAW;oBACzE,IAAI,WAAW,sCAAgB,UAAU;oBACzC,IAAI,IAAI,SAAS,OAAO,CAAC,MAAM;oBAC/B,MAAM,CAAC,IAAI,EAAE,EAAE,WAAW,CAAC;oBAC3B,QAAQ,CAAC,eAAe,EAAE,KAAK,SAAS,CAAC,UAAU,EAAE,EAAE,EAAE,UAAU,CAAC;gBACtE;YACF;YAEA,IAAI,YAAY,QAAQ,GAAG,CAAC,QAAQ,KAAK,eAAe,eAAe;YACvE,IAAI,QAAQ,CAAC,WAAW,EAAE;mBAAI;aAAoB,CAAC,GAAG,CAAC,CAAA,IAAK,sCAAgB,GAAG,IAAI,IAAI,CAAC,OAAO,UAAU,UAAU,CAAC;YACpH,IAAI,MAAM;gBACR,MAAM,CAAC,+CAA+C,EAAE,MAAM,IAAI,CAAC;gBACnE,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;YACR,OACE,MAAM,CAAC,wCAAwC,EAAE,MAAM,mBAAmB,CAAC;QAE/E;QAEA,qCAAqC;QACrC,IAAI,WAAW,CAAE,CAAA,iBAAiB,gBAAe;QACjD,IAAI,YAAY;QAChB,IAAI,eAAe,IAAI;QACvB,IAAI,WAAW,IAAI,gCAAU;eAAI,MAAM,MAAM;SAAG;QAChD,IAAI,UACF,aAAa,SAAS,kBAAkB;aAExC,MAAM,SAAS,IAAI,CAAC,uBAAuB;QAE7C,SAAS,KAAK,CAAC;QAEf,KAAK,IAAI,CAAC,OAAO,MAAM,IAAI,aAAc;YACvC,OAAO,CAAC,OAAO,EAAE,gCAAU,OAAO,IAAI,CAAC;YACvC,OAAO,MAAM,IAAI,CAAC;YAClB,OAAO;QACT;QACA,mBAAmB;QACnB,IAAI,MAAM,IAAI,EAAE,KAAK,WAAW,MAAM,IAAI,EAAE,KAAK,OAAO,MAAM,IAAI,EAAE,KAAK;QACzE,IAAI,YAAY,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YACrD,IAAI,KAAK,+BAAS,2BAAK,YAAY;YACnC,OAAO,CAAC,eAAe,EAAE,GAAG;qBACb,EAAE,GAAG,EAAE,EAAE,KAAK,SAAS,CAAC;uBAAC;qBAAO;YAAG,GAAG;WAChD,CAAC;YACN,aAAa,CAAC,eAAe,EAAE,IAAI;QACrC;QAEA,IAAI,IAAI,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,YACnC,IAAI,CAAC,QAAQ,CAAC;YACZ,MAAM;YACN,SAAS;QACX;QAGF,IAAI,UACF,OAAO;QAGT,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YACzC,MAAM,CAAC,0BAA0B,EAAE,KAAK,SAAS,CAAC,KAAK,GAAG,CAAC;YAC3D,MACE;YACF,MAAM;YACN,MAAM;YACN,oIAAoI;YACpI,IAAI,CAAC,QAAQ,GAAG,CAAC,cAAc,EAAE;gBAC/B,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MACE;gBACF,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM,CAAC,mEAAmE,EAAE,KAAK,SAAS,CAAC,KAAK,KAAK,CAAC;gBACtG,MAAM;YACR;QACF;QACA,MAAM;QACN,IAAI,kBACF,OAAO,IAAI,SAAS,SAAS,aAAa;QAE5C,OAAO,IAAI,SAAS,SAAS;IAC/B;IAEA,SAAS,aACP,QAAgB,EAChB,aAAqB,EACrB,KAA2C;QAE3C,OAAO,mBACL,OACA,GACA,IAAI,OACJ,IAAI,OACJ,CAAC,OAAO,UAAU,YAAY;YAC5B,OAAO,YAAY,UAAU,eAAe,OAAO,UAAU,YAAY;QAC3E;IAEJ;IAEA,SAAS,mBACP,KAAiC,EACjC,cAAsB,EACtB,iBAA8B,EAC9B,cAA2B,EAC3B,EAKqB;QAErB,IAAI,SAAS,OAAO,UAAU,YAAY,CAAC,MAAM,OAAO,CAAC,QAAQ;YAC/D,IAAI,QAAgB,EAAE;YAEtB,uEAAuE;YACvE,IAAI,oBAAoB,IAAI,IAAI;mBAAI;mBAAmB,OAAO,IAAI,CAAC;aAAO;YAE1E,iGAAiG;YACjG,oHAAoH;YACpH,IAAI,cAAc,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,CAAA,IAAK,kBAAkB,GAAG,CAAC;YACrE,IAAI,kBAAkB;YACtB,IAAI,WAAW;YAEf,IAAK,IAAI,aAAa,MAAO;gBAC3B,IAAI,eAAe,GAAG,CAAC,cAAe,cAAc,aAAa,aAC/D;gBAEF,kBAAkB,MAAM,CAAC;gBAEzB,IAAI,MAAM,KAAK,CAAC,UAAU;gBAE1B,8EAA8E;gBAC9E,2FAA2F;gBAC3F,6GAA6G;gBAC7G,IAAI,iBAAiB,aAAa,MAAM,UAAU,IAAI,QAAQ,IAAI,CAAC;gBACnE,IAAI,CAAC,mBAAmB,kBAAkB,MAAM,MAAM,EACpD,QAAQ;oBAAC,IAAI,gCAAU;iBAAO;gBAEhC,kBAAkB;gBAElB,sEAAsE;gBACtE,IAAI,gBACF;gBAGF,6EAA6E;gBAC7E,2EAA2E;gBAC3E,IAAI,eAAe,iBAAiB,WAAW;gBAE/C,IACE,cAAc,aACd,kBACA,WAAW,IAAI,CAAC,cAChB,eAAe,IAAI,CAAC,YACpB;oBACA,IAAI,gBAAgB;oBACpB,IAAI,gBACF,gBAAgB,IAAI,IAAI;2BAAI;wBAAmB;qBAAU;oBAE3D,IAAI,CAAC,aAAa,SAAS,GAAG,mBAC5B,KACA,cACA,eACA,mBACA;oBAEF,MAAM,IAAI,IAAI,iBAAiB,mBAAmB,WAAW,UAAU;oBACvE,WAAW,KAAK,GAAG,CAAC,UAAU;gBAChC,OAAO,IAAI,OAAO,OAAO,QAAQ,YAAY,CAAC,MAAM,OAAO,CAAC,MAC1D,IAAK,IAAI,OAAO,IAAK;oBACnB,IAAI,cAAc,GAAG,CAAC,IAAI;oBAC1B,2FAA2F;oBAC3F,wEAAwE;oBACxE,qCAAqC;oBACrC,IACE,MAAM,OAAO,KAAK,aAClB,eACA,OAAO,gBAAgB,YACvB,CAAC,MAAM,OAAO,CAAC,gBACf,CAAE,CAAA,aAAa,WAAU,GAEzB,cAAc;wBAAC,SAAS,MAAM,OAAO;wBAAE,GAAG,WAAW;oBAAA;oBAEvD,IAAI,CAAC,aAAa,SAAS,GAAG,mBAC5B,aACA,cACA,mBACA,mBACA;oBAEF,MAAM,IAAI,IACL,iBACD,mBACA,GAAG,UAAU,KAAK,EAAE,KAAK,SAAS,CAAC,MAAM,EACzC,UACA;oBAGJ,WAAW,KAAK,GAAG,CAAC,UAAU;gBAChC;YAEJ;YACA,OAAO;gBAAC;gBAAU;aAAM;QAC1B,OACE,qCAAqC;QACrC,OAAO,GAAG,OAAO,gBAAgB,mBAAmB;IAExD;IAEA,SAAS,iBACP,UAAuB,EACvB,SAAiB,EACjB,QAAgB,EAChB,KAAa;QAEb,IAAI,cAAc,aAAa,WAAW,GAAG,CAAC,YAC5C,OAAO;YAAC,IAAI,gCAAU;SAAO;QAG/B,IAAI,aAAa,MAAM,UAAU,IAAI,QAAQ,IAAI,CAAC,YAAY;YAC5D,uFAAuF;YACvF,IAAI,UAAU,MAAM,UAAU,CAAC,UAAU,IAAI;YAC7C,IAAI,WAAW,MAAM,OAAO,CAAC,WAAW,UAAU;gBAAC;aAAQ;YAC3D,OAAO,SAAS,GAAG,CAAC,CAAA;gBAClB,IAAI,QAAQ,UAAU,CAAC,MAAM;oBAC3B,IAAI,kBAAkB,MAAM,GAAG,CAAC,CAAA;wBAC9B,OAAO,KAAK,IAAI;wBAChB,KAAK,SAAS,CAAC;wBACf,OAAO;oBACT;oBAEA,OAAO,IAAI,gCAAU,iBAAiB,mCAAa,UAAU;gBAC/D;gBAEA,2DAA2D;gBAC3D,2EAA2E;gBAC3E,gHAAgH;gBAChH,IAAI,QAAQ,GAAG,mCAAa,UAAU,MAAM,CAAC,EAAE,+BAAuB,CAAC,QAAQ,IAAI,qDAA+B,WAAW,OAAO;gBACpI,OAAO,IAAI,6BAAO,OAAO,SAAS,OAAO;YAC3C;QACF;QAEA,gBAAgB;QAChB,OAAO;YAAC,IAAI,sCAAgB,OAAO;SAAW;IAChD;IAEA,SAAS,YACP,QAAgB,EAChB,aAAqB,EACrB,KAAY,EACZ,QAAgB,EAChB,UAAuB,EACvB,cAA2B;QAE3B,IAAI,mBAAmB,WAAW,GAAG,CAAC;QACtC,IAAI,kBAAkB;YACpB,6DAA6D;YAC7D,IAAI,gBAAgB;YACpB,IAAI,YAAY,0CAAoB;YACpC,IAAI,WAAW,YAAY,YAAY,iBAAiB,UAAU,CAAC;YACnE,IAAI,gBAAgB,iBAAiB,eAAe,CAClD,SAAS,UAAU,CAAC,QAAQ,WAAW,MACvC;YAGF,OAAO,mBACL,eACA,UACA,YACA,gBACA,CAAC,OAAO,UAAU;gBAChB,IAAI,CAAC,IAAI,GAAG;gBACZ,IAAI,QAAgB,EAAE;gBACtB,IAAK,IAAI,OAAO,IAAK;oBACnB,IAAI,IAAI;oBACR,IAAI,QAAQ,GAAG,CAAC,EAAE;oBAClB,IAAI,UAAU,WACZ;oBAEF,IAAI,OAAO,UAAU,UACnB,uEAAuE;oBACvE,QAAQ,MAAM,OAAO,CAAC,sBAAsB,CAAC,GAAG;wBAC9C,IAAI,OAAO,WAAW,GAAG,CAAC;wBAC1B,IAAI,CAAC,MACH,MAAM,IAAI,MAAM,CAAC,KAAK,EAAE,EAAE,cAAc,EAAE,EAAE,yBAAyB,CAAC;wBAExE,IAAI,gBAAgB,KAAK,aAAa;wBACtC,IAAI,cAAc,MAAM,KAAK,GAC3B,MAAM,IAAI,MACR,CAAC,KAAK,EAAE,EAAE,oBAAoB,EAAE,EAAE,oCAAoC,CAAC;wBAG3E,aAAa,GAAG,CAAC;wBACjB,OAAO,CAAC,MAAM,EAAE,2CAAqB,aAAa,CAAC,EAAE,GAAG;oBAC1D;oBAGF,gFAAgF;oBAChF,IAAI,cAAc;oBAClB,IAAI,SAAS,UAAU,CAAC,OACtB,cAAc,iBAAiB,aAAa,CAAC,EAAE;oBAGjD,IAAI,YAAY,sCAAgB,KAAK;oBACrC,IAAI,WAAW,IAAI,GAAG,GACpB,KAAK,IAAI,aAAa,WAAY;wBAChC,IAAI,UAAU,MAAM,UAAU,CAAC,UAAU,IAAI;wBAC7C,IAAI,WAAW,MAAM,OAAO,CAAC,WAAW,UAAU;4BAAC;yBAAQ;wBAC3D,KAAK,IAAI,WAAW,SAClB,aACE,+BAAuB,CAAC,QAAQ,IAAI,qDAA+B;oBAEzE;oBAGF,IAAI,gBAAgB,KAClB,aAAa,2CAAqB;oBAGpC,aACE,4BAAmB,CAAC,YAAY,EAAE,CAAC,OAAO,OAAO,IACjD,qDAA+B,OAAO;oBACxC,aAAa;oBACb,MAAM,IAAI,CACR,IAAI,gCACF,WACA,KACA,OAAO,QACP,gDAA0B,gBAAgB,UAC1C;gBAGN;gBAEA,OAAO;oBAAC;oBAAG;iBAAM;YACnB;QAEJ,OACE,MAAM,IAAI,MAAM,sBAAsB;IAE1C;AACF;AAEA,SAAS,4BAAM,QAAgB;IAC7B,IAAI,SAAS,UAAU,CAAC,OACtB,OAAO;IAET,OAAO,SAAS,OAAO,CAAC,mBAAmB,CAAC,GAAG,GAAG,IAAM,GAAG,EAAE,CAAC,EAAE,EAAE,WAAW,IAAI;AACnF;AAEA,oEAAoE;AACpE,2FAA2F;AAC3F,0DAA0D;AAC1D,2EAA2E;AAC3E,SAAS,mCAAa,KAAa,EAAE,UAAU,KAAK;IAClD,IAAI,QAAQ,IACV,qBAAqB;IACrB,OAAO,OAAO,YAAY,CAAC,QAAQ;IAGrC,IAAI,QAAQ,IACV,qBAAqB;IACrB,OAAO,OAAO,YAAY,CAAC,QAAQ,KAAK;IAG1C,IAAI,QAAQ,MAAM,CAAC,SACjB,UAAU;IACV,OAAO,OAAO,YAAY,CAAC,QAAQ,KAAK;IAG1C,OAAO,MAAM,mCAAa,QAAS,CAAA,UAAU,KAAK,EAAC;AACrD;AAEA,gFAAgF;AAChF,SAAS,qDAA+B,CAAS,EAAE,UAAU,KAAK;IAChE,IAAI,IAAI,+BAAS,2BAAK;IACtB,IAAI,WAAW,SAAS,IAAI,CAAC,IAC3B,IAAI,CAAC,CAAC,EAAE,GAAG;IAEb,OAAO;AACT;AAEA,SAAS,+BAAS,KAAa;IAC7B,IAAI,UAAU,GACZ,OAAO,mCAAa;IAGtB,IAAI,MAAM;IACV,MAAO,MAAO;QACZ,IAAI,YAAY,QAAQ;QACxB,OAAO,mCAAa;QACpB,QAAQ,KAAK,KAAK,CAAC,AAAC,CAAA,QAAQ,SAAQ,IAAK;IAC3C;IAEA,OAAO;AACT;AAEA,sBAAsB;AACtB,wCAAwC;AACxC,SAAS,2BAAK,CAAS;IACrB,IAAI,OAAO;IACX,IAAK,IAAI,IAAI,GAAG,IAAI,EAAE,MAAM,EAAE,IAC5B,OAAO,AAAE,CAAA,QAAQ,CAAA,IAAK,OAAO,EAAE,UAAU,CAAC,OAAQ;IAEpD,OAAO;AACT;AAEA,SAAS,gCAAU,IAAY;IAC7B,2EAA2E;IAC3E,iDAAiD;IACjD,OAAO,CAAC,EAAE,EAAE,MAAM;AACpB;AAUA,IAAI,uCAA2B,EAAE;AAEjC,sBAAsB,GACtB,MAAM;IAQJ,YACE,SAAiB,EACjB,QAAgB,EAChB,KAAa,EACb,aAAiC,EACjC,UAA6B,CAC7B;QACA,IAAI,CAAC,SAAS,GAAG;QACjB,IAAI,CAAC,OAAO,GAAG;QACf,IAAI,CAAC,QAAQ,GAAG;QAChB,IAAI,CAAC,KAAK,GAAG;QACb,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,gBAAgB,kDAA4B,MAAM;YAC7E,IAAI,CAAC,aAAa,GAAG;YACrB,IAAI,CAAC,UAAU,GAAG;QACpB;IACF;IAEA,OAAa;QACX,IAAI,OAAO,IAAI,gCACb,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,UAAU;QAEjB,KAAK,OAAO,GAAG,IAAI,CAAC,OAAO;QAC3B,OAAO;IACT;IAEA,UAAU,OAAe,EAAE;QACzB,IAAI,CAAC,OAAO,IAAI;IAClB;IAEA,qBAA6B;QAC3B,OAAO,MAAM,IAAI,CAAC,SAAS;IAC7B;IAEA,MAAM,YAAmC,EAAE,WAAqB,EAAE,EAAE,QAAQ,GAAG,EAAE;QAC/E,IAAI,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,EAAE;QACjD,SAAS,IAAI,CAAC;QAEd,qEAAqE;QACrE,IAAI,UAAU;QACd,SAAS,OAAO,CAAC,CAAC,GAAG;YACnB,WAAW,GAAG,EAAE,IAAI,EAAE,IAAI,MAAM,CAAC,AAAC,CAAA,IAAI,CAAA,IAAK,IAAI;QACjD;QACA,WAAW,GAAG,4BAAM,IAAI,CAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;QACtD,SAAS,GAAG,CAAC,CAAC,GAAG;YACf,WAAW,GAAG,IAAI,MAAM,CAAC,AAAC,CAAA,SAAS,MAAM,GAAG,CAAA,IAAK,GAAG,GAAG,CAAC;QAC1D;QAEA,yCAAyC;QACzC,IAAI,QAAQ,aAAa,GAAG,CAAC;QAC7B,IAAI,CAAC,OAAO;YACV,QAAQ,EAAE;YACV,aAAa,GAAG,CAAC,OAAO;QAC1B;QACA,MAAM,IAAI,CAAC;QACX,SAAS,GAAG;IACd;IAEA,KAAK,mBAAgC,EAAE,SAAS,EAAE,EAAU;QAC1D,IAAI,MAAM;QACV,IAAI,oBAAoB,GAAG,CAAC,IAAI,CAAC,QAAQ,GACvC,OAAO,GAAG,OAAO,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,MAAM,EAAE,CAAC;QAE/D,OAAO,GAAG,OAAO,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;QAChD,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,gBAAgB,IAAI,CAAC,aAAa,EAAE;YAC/D,IAAI,OAAO,IAAI,CAAC,aAAa;YAC7B,IAAI,IAAI,CAAC,OAAO,EACd,qCAAe,IAAI,CAAC,IAAI,CAAC,OAAO;YAElC,IAAI,eAAe,KAAK,SAAS,CAAC;YAClC,IAAI,YAAY,KAAK,SAAS,CAAC,IAAI,CAAC,UAAU;YAC9C,IAAI,qCAAe,MAAM,EAAE;gBACzB,6CAA6C;gBAC7C,IAAI,eAAe,KAAK,SAAS,CAAC,qCAAe,IAAI,CAAC;gBACtD,iFAAiF;gBACjF,OAAO,CAAC,cAAc,EAAE,aAAa,wBAAwB,EAAE,aAAa,8BAA8B,EAAE,aAAa,6BAA6B,EAAE,aAAa,GAAG,CAAC;gBACzK,4CAA4C;gBAC5C,OAAO,CAAC,cAAc,EAAE,aAAa,EAAE,EAAE,aAAa,IAAI,EAAE,UAAU,CAAC,CAAC;YAC1E,OACE,OAAO,CAAC,cAAc,EAAE,aAAa,IAAI,EAAE,UAAU,CAAC,CAAC;YAEzD,IAAI,IAAI,CAAC,OAAO,EACd,qCAAe,GAAG;QAEtB;QACA,OAAO;IACT;AACF;AAEA,mDAAmD,GACnD,MAAM;IAIJ,YAAY,KAAa,EAAE,KAAqB,CAAE;QAChD,IAAI,CAAC,KAAK,GAAG;QACb,IAAI,CAAC,KAAK,GAAG,SAAS;IACxB;IAEA,OAAa;QACX,OAAO,IAAI,gCACT,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA,OAAQ,KAAK,IAAI,KAChC,IAAI,CAAC,KAAK;IAEd;IAEA,UAAU,OAAe,EAAE;QACzB,KAAK,IAAI,QAAQ,IAAI,CAAC,KAAK,CACzB,KAAK,SAAS,CAAC;IAEnB;IAEA,qBAA6B;QAC3B,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA,OAAQ,KAAK,kBAAkB,IAAI,IAAI,CAAC;IAChE;IAEA,MAAM,YAAmC,EAAE,QAAmB,EAAE,KAAc,EAAE;QAC9E,KAAK,IAAI,QAAQ,IAAI,CAAC,KAAK,CACzB,KAAK,KAAK,CAAC,cAAc,UAAU,IAAI,CAAC,KAAK,IAAI;IAErD;IAEA,KAAK,mBAAgC,EAAE,SAAS,EAAE,EAAU;QAC1D,IAAI,QAAQ,IAAI,CAAC,KAAK,CAAC,KAAK;QAC5B,IAAI,cAAc,MACf,MAAM,CAAC,CAAA,OAAQ,gBAAgB,uCAC/B,OAAO,GACP,GAAG,CAAC,CAAC,MAAM;YACV,OAAO,GAAG,IAAI,IAAI,WAAW,KAAK,KAAK,IAAI,CAAC,qBAAqB,SAAS;QAC5E;QAEF,IAAI,YAAY,MACb,MAAM,CAAC,CAAA,OAAQ,CAAE,CAAA,gBAAgB,qCAAc,GAC/C,GAAG,CAAC,CAAA,OAAQ,KAAK,IAAI,CAAC,qBAAqB;QAC9C,IAAI,YAAY,MAAM,IAAI,UAAU,MAAM,EACxC,OAAO,GAAG,YAAY,IAAI,CAAC,IAAI,SAAS,EAAE,OAAO,EAAE,EAAE,UAAU,IAAI,CAAC,OAAO,SAAS,MAAM,EAAE,EAAE,OAAO,CAAC,CAAC;QAGzG,IAAI,YAAY,MAAM,EACpB,OAAO,YAAY,IAAI,CAAC;QAG1B,OAAO,UAAU,IAAI,CAAC,OAAO;IAC/B;AACF;AAEA,4DAA4D,GAC5D,MAAM,qCAAe;IAInB,YAAY,KAAa,EAAE,OAAe,EAAE,KAAoB,EAAE,cAA6B,CAAE;QAC/F,KAAK,CAAC,OAAO;QACb,IAAI,CAAC,OAAO,GAAG;QACf,IAAI,CAAC,cAAc,GAAG;IACxB;IAEA,OAAa;QACX,OAAO,IAAI,6BACT,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA,OAAQ,KAAK,IAAI,KAChC,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,cAAc;IAEvB;IAEA,MAAM,YAAmC,EAAE,WAAqB,EAAE,EAAE,KAAc,EAAQ;QACxF,SAAS,IAAI,CAAC,IAAI,CAAC,OAAO;QAC1B,KAAK,CAAC,MAAM,cAAc,UAAU;QACpC,UAAU;IACZ;IAEA,KAAK,mBAAgC,EAAE,MAAe,EAAU;QAC9D,qCAAe,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,OAAO;QACvD,IAAI,MAAM,KAAK,CAAC,KAAK,qBAAqB;QAC1C,qCAAe,GAAG;QAClB,OAAO;IACT;AACF;AAEA,kDAAkD,GAClD,MAAM,8CAAwB;IAG5B,YAAY,KAAa,EAAE,SAAiB,CAAE;QAC5C,KAAK,CAAC;QACN,IAAI,CAAC,SAAS,GAAG;IACnB;IAEA,OAAa;QACX,OAAO,IAAI,sCACT,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA,OAAQ,KAAK,IAAI,KAChC,IAAI,CAAC,SAAS;IAElB;IAEA,qBAA6B;QAC3B,MAAM,IAAI,MAAM;IAClB;IAEA,KAAK,mBAAgC,EAAE,SAAS,EAAE,EAAU;QAC1D,qCAAe,IAAI,CAAC,IAAI,CAAC,SAAS;QAClC,IAAI,MAAM,GAAG,OAAO,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,qBAAqB,SAAS,MAAM,EAAE,EAAE,OAAO,CAAC,CAAC;QAClH,qCAAe,GAAG;QAClB,OAAO;IACT;AACF;AAoBO,SAAS,0CAA+B,OAAe,EAAE,QAAQ,KAAK;IAC3E,sGAAsG;IACtG,iFAAiF;IACjF,+DAA+D;IAC/D,aAAa;IAEb,IAAI,AAAC,CAAA,IAAI,IAAI,QAAQ,IAAI,KAAK,UAAS,KAAM,QAAQ,GAAG,CAAC,QAAQ,KAAK,QACpE,MAAM,IAAI,MAAM;IAElB,IAAI,YAAY,qDAA+B,SAAS;IACxD,UAAU,CAAC,OAAO,EAAE,MAAM;GACzB,EAAE,UAAU;EACb,EAAE,QAAQ;;CAEX,CAAC;IAEA,yEAAyE;IACzE,IAAI,CAAC,MAAM,UAAU,CAAC,OACpB,UAAU,CAAC,UAAU,EAAE,MAAM,GAAG,CAAC,GAAG;IAGtC,IAAI,IAAI,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,YACnC,IAAI,CAAC,QAAQ,CAAC;QACZ,MAAM;iBACN;IACF;IAEF,OAAO;AACT;AAEO,SAAS,0CAAqC,GAAW;IAC9D,sGAAsG;IACtG,iFAAiF;IACjF,+DAA+D;IAC/D,aAAa;IAEb,IAAI,AAAC,CAAA,IAAI,IAAI,QAAQ,IAAI,KAAK,UAAS,KAAM,QAAQ,GAAG,CAAC,QAAQ,KAAK,QACpE,MAAM,IAAI,MAAM;IAElB,IAAI,OAAO,qDAA+B,KAAK;IAC/C,MAAM,CAAC,WAAW,EAAE,KAAK;EACzB,EAAE,IAAI;CACP,CAAC;IACA,IAAI,IAAI,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,YACnC,IAAI,CAAC,QAAQ,CAAC;QACZ,MAAM;QACN,SAAS;IACX;IAEF,OAAO;AACT","sources":["packages/@react-spectrum/s2/style/style-macro.ts"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport type {\n  Condition,\n  CSSProperties,\n  CSSValue,\n  CustomValue,\n  Property,\n  PropertyValueDefinition,\n  PropertyValueMap,\n  RenderProps,\n  ShorthandProperty,\n  StyleFunction,\n  StyleValue,\n  Theme,\n  ThemeProperties,\n  Value\n} from './types';\nimport fs from 'fs';\nimport * as propertyInfo from './properties.json';\n\n// Postfix all class names with version for now.\nconst json = JSON.parse(fs.readFileSync(__dirname + '/../package.json', 'utf8'));\nconst POSTFIX = json.version.includes('nightly')\n  ? json.version.match(/-nightly-(.*)/)[1]\n  : json.version.replace(/[0.]/g, '');\n\nexport class ArbitraryProperty<T extends Value> implements Property<T> {\n  property: string;\n  toCSS: (value: T) => CSSValue;\n\n  constructor(property: string, toCSS?: (value: T) => CSSValue) {\n    this.property = property;\n    this.toCSS = toCSS || (value => String(value));\n  }\n\n  get cssProperties(): string[] {\n    return [this.property];\n  }\n\n  toCSSValue(value: T): PropertyValueDefinition<Value> {\n    return this.toCSS(value);\n  }\n\n  toCSSProperties(\n    customProperty: string | null,\n    value: PropertyValueDefinition<Value>\n  ): PropertyValueDefinition<[CSSProperties]> {\n    return mapConditionalValue(value, value => [\n      {[customProperty || this.property]: String(value)}\n    ]);\n  }\n}\n\nexport class MappedProperty<T extends CSSValue>\n  extends ArbitraryProperty<T>\n  implements Property<T>\n{\n  mapping: PropertyValueMap<T> | string[];\n\n  constructor(property: string, mapping: PropertyValueMap<T> | string[]) {\n    super(property);\n    this.mapping = mapping;\n  }\n\n  toCSSValue(value: T): PropertyValueDefinition<Value> {\n    if (Array.isArray(this.mapping)) {\n      if (!this.mapping.includes(String(value))) {\n        throw new Error('Invalid style value: ' + value);\n      }\n      return value;\n    } else {\n      let res = this.mapping[String(value)];\n      if (res == null) {\n        throw new Error('Invalid style value: ' + value);\n      }\n      return res;\n    }\n  }\n}\n\nexport type Color<C extends string> = C | `${string}/${number}`;\nexport class ColorProperty<C extends string>\n  extends MappedProperty<C>\n  implements Property<Color<C>>\n{\n  toCSSValue(value: Color<C>): PropertyValueDefinition<Value> {\n    let [color, opacity] = value.split('/');\n    return mapConditionalValue(this.mapping[color], value => {\n      return opacity ? `rgb(from ${value} r g b / ${opacity}%)` : value;\n    });\n  }\n}\n\nexport type LengthPercentageUnit =\n  | '%'\n  | 'vw'\n  | 'svw'\n  | 'dvw'\n  | 'vh'\n  | 'svh'\n  | 'dvh'\n  | 'vmin'\n  | 'svmin'\n  | 'dvmin'\n  | 'vmax'\n  | 'svmax'\n  | 'dvmax'\n  | 'cqw'\n  | 'cqh'\n  | 'cqmin'\n  | 'cqmax';\nexport type LengthPercentage = `${number}${LengthPercentageUnit}`;\n\nexport class PercentageProperty<T extends CSSValue>\n  extends MappedProperty<T>\n  implements Property<T | LengthPercentage>\n{\n  constructor(property: string, mapping: PropertyValueMap<T> | string[]) {\n    super(property, mapping);\n  }\n\n  toCSSValue(value: T | LengthPercentage): PropertyValueDefinition<Value> {\n    if (\n      typeof value === 'string' &&\n      /^-?\\d+(?:\\.\\d+)?(%|vw|svw|dvw|vh|svh|dvh|vmin|svmin|dvmin|vmax|svmax|dvmax|cqw|cqh|cqmin|cqmax)$/.test(\n        value\n      )\n    ) {\n      return value;\n    }\n\n    return super.toCSSValue(value as T);\n  }\n}\n\nexport class SizingProperty<T extends CSSValue>\n  extends PercentageProperty<T>\n  implements Property<T | number | LengthPercentage>\n{\n  numberToCSS: (value: number) => string;\n\n  constructor(\n    property: string,\n    mapping: PropertyValueMap<T> | string[],\n    numberToCSS: (value: number) => string\n  ) {\n    super(property, mapping);\n    this.numberToCSS = numberToCSS;\n  }\n\n  toCSSValue(value: T | LengthPercentage | number): PropertyValueDefinition<Value> {\n    if (typeof value === 'number') {\n      return value === 0 ? '0px' : this.numberToCSS(value);\n    }\n\n    return super.toCSSValue(value);\n  }\n}\n\nexport class ExpandedProperty<T extends Value> implements Property<T> {\n  cssProperties: string[];\n  mapping: Property<T> | null;\n  expand: (v: T | CSSValue) => CSSProperties;\n\n  constructor(\n    properties: string[],\n    expand: (v: T | CSSValue) => CSSProperties,\n    mapping?: Property<T> | PropertyValueMap<CSSValue>\n  ) {\n    this.cssProperties = properties;\n    this.expand = expand;\n    if (mapping instanceof MappedProperty) {\n      this.mapping = mapping;\n    } else if (mapping) {\n      this.mapping = new MappedProperty<any>(properties[0], mapping as any);\n    } else {\n      this.mapping = null;\n    }\n  }\n\n  toCSSValue(value: T): PropertyValueDefinition<Value> {\n    if (!this.mapping) {\n      return value;\n    }\n\n    return this.mapping.toCSSValue(value);\n  }\n\n  toCSSProperties(\n    customProperty: string | null,\n    value: PropertyValueDefinition<T>\n  ): PropertyValueDefinition<[CSSProperties]> {\n    if (customProperty) {\n      throw new Error(\n        'Style properties that expand into multiple CSS properties cannot be set as CSS variables.'\n      );\n    }\n    return mapConditionalValue(value, value => [this.expand(value)]);\n  }\n}\n\nfunction mapConditionalValue<T, U>(\n  value: PropertyValueDefinition<T>,\n  fn: (value: T) => U\n): PropertyValueDefinition<U> {\n  if (typeof value === 'object' && !Array.isArray(value)) {\n    let res: PropertyValueDefinition<U> = {};\n    for (let condition in value) {\n      res[condition] = mapConditionalValue((value as any)[condition], fn);\n    }\n    return res;\n  } else {\n    return fn(value);\n  }\n}\n\nfunction mapConditionalShorthand<T, C extends string, R extends RenderProps<string>>(\n  value: PropertyValueDefinition<T>,\n  fn: ShorthandProperty<T>\n): {[property: string]: StyleValue<Value, C, R>} {\n  if (typeof value === 'object') {\n    let res = {};\n    for (let condition in value) {\n      let properties = mapConditionalShorthand(value[condition], fn);\n      for (let property in properties) {\n        res[property] ??= {};\n        res[property][condition] = properties[property];\n      }\n    }\n    return res;\n  } else {\n    return fn(value);\n  }\n}\n\nexport function parseArbitraryValue(value: Value): string | undefined {\n  if (typeof value === 'string' && value.startsWith('--')) {\n    return `var(${value})`;\n  } else if (typeof value === 'string' && value[0] === '[' && value[value.length - 1] === ']') {\n    return value.slice(1, -1);\n  } else if (\n    typeof value === 'string' &&\n    (/^(var|calc|min|max|clamp|round|mod|rem|sin|cos|tan|asin|acos|atan|atan2|pow|sqrt|hypot|log|exp|abs|sign)\\(.+\\)$/.test(\n      value\n    ) ||\n      /^(inherit|initial|unset)$/.test(value))\n  ) {\n    return value;\n  }\n}\n\nfunction shortCSSPropertyName(property: string) {\n  return propertyInfo.properties[property] ?? generateArbitraryValueSelector(property, true);\n}\n\nfunction classNamePrefix(property: string, cssProperty: string) {\n  let className = propertyInfo.properties[cssProperty];\n  if (className && property === '--' + className) {\n    return '-' + className + '_-';\n  }\n\n  if (className && !property.startsWith('--')) {\n    return className;\n  }\n\n  return '-' + generateArbitraryValueSelector(property, true) + '-';\n}\n\ninterface MacroContext {\n  addAsset(asset: {type: string; content: string}): void;\n}\n\nlet isCompilingDependencies: boolean | null | string = false;\n\nexport function createTheme<T extends Theme>(\n  theme: T\n): StyleFunction<ThemeProperties<T>, 'default' | Extract<keyof T['conditions'], string>> {\n  let properties = new Map<string, Property<any>>(\n    Object.entries(theme.properties).map(([k, v]) => {\n      if (!Array.isArray(v) && v.cssProperties) {\n        return [k, v as Property<any>];\n      }\n\n      return [k, new MappedProperty(k, v as any)];\n    })\n  );\n\n  let dependencies = new Set<string>();\n  let hasConditions = false;\n  return function style(this: MacroContext | void, style, allowedOverrides?: readonly string[]) {\n    // Check if `this` is undefined, which means style was not called as a macro but as a normal function.\n    // We also check if this is globalThis, which happens in non-strict mode bundles.\n    // Also allow style to be called as a normal function in tests.\n    // @ts-ignore\n\n    if ((this == null || this === globalThis) && process.env.NODE_ENV !== 'test') {\n      throw new Error('The style macro must be imported with {type: \"macro\"}.');\n    }\n\n    // Generate rules for each property.\n    let rules = new Map<string, Rule>();\n    let values = new Map();\n    dependencies.clear();\n    let usedPriorities = 0;\n    let setRules = (key: string, value: [number, Rule[]]) => {\n      usedPriorities = Math.max(usedPriorities, value[0]);\n      rules.set(key, new GroupRule(value[1]));\n    };\n\n    hasConditions = false;\n    for (let key in style) {\n      let value = style[key]!;\n      let themeProperty = key;\n      values.set(key, value);\n\n      // Get the type of custom properties in the theme.\n      if (key.startsWith('--')) {\n        themeProperty = value.type;\n        value = value.value;\n      }\n\n      // Expand shorthands to longhands so that merging works as expected.\n      if (theme.shorthands[key]) {\n        let shorthand = theme.shorthands[key];\n        if (typeof shorthand === 'function') {\n          let expanded = mapConditionalShorthand(value, shorthand);\n          for (let k in expanded) {\n            let v = expanded[k];\n            values.set(k, v);\n            setRules(k, compileValue(k, k, v));\n          }\n        } else {\n          for (let prop of shorthand) {\n            values.set(prop, value);\n            setRules(prop, compileValue(prop, prop, value));\n          }\n        }\n      } else if (themeProperty in theme.properties) {\n        setRules(key, compileValue(key, themeProperty, value));\n      }\n    }\n\n    // For properties referenced by self(), rewrite the declarations to assign\n    // to an intermediary custom property so we can access the value.\n    for (let dep of dependencies) {\n      let value = values.get(dep);\n      if (value != null) {\n        if (!(dep in theme.properties)) {\n          throw new Error(`Unknown dependency ${dep}`);\n        }\n        let prop = properties.get(dep)!;\n        let name = `--${shortCSSPropertyName(prop.cssProperties[0])}`;\n        // Could potentially use @property to prevent the var from inheriting in children.\n        isCompilingDependencies = dep;\n        setRules(name, compileValue(name, dep, value));\n        isCompilingDependencies = null;\n        setRules(dep, compileValue(dep, dep, name));\n        isCompilingDependencies = false;\n      }\n    }\n    dependencies.clear();\n\n    let css = '';\n\n    // Declare layers for each priority ahead of time so the order is always correct.\n    css += '@layer ';\n    let first = true;\n    for (let i = 0; i <= usedPriorities; i++) {\n      if (first) {\n        first = false;\n      } else {\n        css += ', ';\n      }\n      css += layerName(generateName(i, true));\n    }\n    css += ';\\n\\n';\n\n    // If allowed overrides are provided, generate code to match the input override string and include only allowed classes.\n    // Also generate a variable for each overridable property that overlaps with the style definition. If those are defined,\n    // the defaults from the style definition are omitted.\n    let allowedOverridesSet = new Set<string>();\n    let js =\n      process.env.NODE_ENV !== 'production'\n        ? 'let rules = \" \", currentRules = {};\\n'\n        : 'let rules = \" \";\\n';\n    if (allowedOverrides?.length) {\n      for (let property of allowedOverrides) {\n        let shorthand = theme.shorthands[property];\n        let props = Array.isArray(shorthand) ? shorthand : [property];\n        for (let property of props) {\n          if (property.startsWith('--')) {\n            allowedOverridesSet.add(property);\n            continue;\n          }\n\n          let prop = properties.get(property);\n          if (!prop) {\n            throw new Error(`Invalid property ${property} in allowedOverrides`);\n          }\n          for (let property of prop.cssProperties) {\n            allowedOverridesSet.add(property);\n          }\n        }\n      }\n\n      let loop = '';\n      for (let property of rules.keys()) {\n        let prop = properties.get(property);\n        if (prop) {\n          for (let property of prop.cssProperties) {\n            // oxlint-disable-next-line max-depth\n            if (property && allowedOverridesSet.has(property)) {\n              let selector = classNamePrefix(property, property);\n              let p = property.replace('--', '__');\n              js += `let ${p} = false;\\n`;\n              loop += `  if (p[1] === ${JSON.stringify(selector)}) ${p} = true;\\n`;\n            }\n          }\n        } else if (property.startsWith('--') && allowedOverridesSet.has(property)) {\n          let selector = classNamePrefix(property, property);\n          let p = property.replace('--', '__');\n          js += `let ${p} = false;\\n`;\n          loop += `  if (p[1] === ${JSON.stringify(selector)}) ${p} = true;\\n`;\n        }\n      }\n\n      let macroPart = process.env.NODE_ENV !== 'production' ? '|-macro\\\\$' : '';\n      let regex = `/(?:^|\\\\s)(${[...allowedOverridesSet].map(p => classNamePrefix(p, p)).join('|')}${macroPart})[^\\\\s]+/g`;\n      if (loop) {\n        js += `let matches = String(overrides || '').matchAll(${regex});\\n`;\n        js += 'for (let p of matches) {\\n';\n        js += loop;\n        js += '  rules += p[0];\\n';\n        js += '}\\n';\n      } else {\n        js += `rules += (String(overrides || '').match(${regex}) || []).join('')\\n`;\n      }\n    }\n\n    // Generate JS and CSS for each rule.\n    let isStatic = !(hasConditions || allowedOverrides);\n    let className = '';\n    let rulesByLayer = new Map<string, string[]>();\n    let rootRule = new GroupRule([...rules.values()]);\n    if (isStatic) {\n      className += rootRule.getStaticClassName();\n    } else {\n      js += rootRule.toJS(allowedOverridesSet) + '\\n';\n    }\n    rootRule.toCSS(rulesByLayer);\n\n    for (let [layer, rules] of rulesByLayer) {\n      css += `@layer ${layerName(layer)} {\\n`;\n      css += rules.join('\\n\\n');\n      css += '}\\n\\n';\n    }\n    // @ts-expect-error\n    let loc = this?.loc?.filePath + ':' + this?.loc?.line + ':' + this?.loc?.col;\n    if (isStatic && process.env.NODE_ENV !== 'production') {\n      let id = toBase62(hash(className + loc));\n      css += `.-macro-static-${id} {\n        --macro-data-${id}: ${JSON.stringify({style, loc})};\n      }\\n\\n`;\n      className += ` -macro-static-${id}`;\n    }\n\n    if (this && typeof this.addAsset === 'function') {\n      this.addAsset({\n        type: 'css',\n        content: css\n      });\n    }\n\n    if (isStatic) {\n      return className;\n    }\n\n    if (process.env.NODE_ENV !== 'production') {\n      js += `let targetRules = rules + ${JSON.stringify(loc)};\\n`;\n      js +=\n        'let hash = 5381;for (let i = 0; i < targetRules.length; i++) { hash = ((hash << 5) + hash) + targetRules.charCodeAt(i) >>> 0; }\\n';\n      js += 'let hashStr = hash.toString(36);\\n';\n      js += 'rules += \" -macro-dynamic-\" + hashStr;\\n';\n      // Skip global __styleMacroDynamic__ in Jest so we dont' pollute the test environment and don't cause issues with timer advancement.\n      if (!process.env.JEST_WORKER_ID) {\n        js += 'if (typeof window !== \"undefined\") {\\n';\n        js += '  let g = window.__styleMacroDynamic__;\\n';\n        js += '  if (!g) {\\n';\n        js += '    g = window.__styleMacroDynamic__ = { map: {}, _timer: null };\\n';\n        js += '    g._timer = setInterval(function() {\\n';\n        js += '      for (let k in g.map) {\\n';\n        js +=\n          '        try { if (!document.querySelector(\".\" + CSS.escape(k))) delete g.map[k]; } catch (e) {}\\n';\n        js += '      }\\n';\n        js += '    }, 300000);\\n';\n        js += '  }\\n';\n        js += `  g.map[\"-macro-dynamic-\" + hashStr] = { style: currentRules, loc: ${JSON.stringify(loc)} };\\n`;\n        js += '}\\n';\n      }\n    }\n    js += 'return rules;';\n    if (allowedOverrides) {\n      return new Function('props', 'overrides', js) as any;\n    }\n    return new Function('props', js) as any;\n  };\n\n  function compileValue(\n    property: string,\n    themeProperty: string,\n    value: StyleValue<Value, Condition<T>, any>\n  ) {\n    return conditionalToRules(\n      value as any,\n      0,\n      new Set(),\n      new Set(),\n      (value, priority, conditions, skipConditions) => {\n        return compileRule(property, themeProperty, value, priority, conditions, skipConditions);\n      }\n    );\n  }\n\n  function conditionalToRules<P extends CustomValue | any[]>(\n    value: PropertyValueDefinition<P>,\n    parentPriority: number,\n    currentConditions: Set<string>,\n    skipConditions: Set<string>,\n    fn: (\n      value: P,\n      priority: number,\n      conditions: Set<string>,\n      skipConditions: Set<string>\n    ) => [number, Rule[]]\n  ): [number, Rule[]] {\n    if (value && typeof value === 'object' && !Array.isArray(value)) {\n      let rules: Rule[] = [];\n\n      // Later conditions in parent rules override conditions in child rules.\n      let subSkipConditions = new Set([...skipConditions, ...Object.keys(value)]);\n\n      // Skip the default condition if we're already filtering by one of the other possible conditions.\n      // For example, if someone specifies `dark: 'gray-400'`, only include the dark version of `gray-400` from the theme.\n      let skipDefault = Object.keys(value).some(k => currentConditions.has(k));\n      let wasCSSCondition = false;\n      let priority = parentPriority;\n\n      for (let condition in value) {\n        if (skipConditions.has(condition) || (condition === 'default' && skipDefault)) {\n          continue;\n        }\n        subSkipConditions.delete(condition);\n\n        let val = value[condition];\n\n        // If a theme condition comes after runtime conditions, create a new grouping.\n        // This makes the CSS class unconditional so it appears outside the `else` block in the JS.\n        // The @layer order in the generated CSS will ensure that it overrides classes applied by runtime conditions.\n        let isCSSCondition = condition in theme.conditions || /^[@:]/.test(condition);\n        if (!wasCSSCondition && isCSSCondition && rules.length) {\n          rules = [new GroupRule(rules)];\n        }\n        wasCSSCondition = isCSSCondition;\n\n        // Increment the current priority whenever we see a new CSS condition.\n        if (isCSSCondition) {\n          priority++;\n        }\n\n        // If this is a runtime condition, inherit the priority from the parent rule.\n        // Otherwise, use the current maximum of the parent and current priorities.\n        let rulePriority = isCSSCondition ? priority : parentPriority;\n\n        if (\n          condition === 'default' ||\n          isCSSCondition ||\n          /^is[A-Z]/.test(condition) ||\n          /^allows[A-Z]/.test(condition)\n        ) {\n          let subConditions = currentConditions;\n          if (isCSSCondition) {\n            subConditions = new Set([...currentConditions, condition]);\n          }\n          let [subPriority, subRules] = conditionalToRules(\n            val,\n            rulePriority,\n            subConditions,\n            subSkipConditions,\n            fn\n          );\n          rules.push(...compileCondition(currentConditions, condition, priority, subRules));\n          priority = Math.max(priority, subPriority);\n        } else if (val && typeof val === 'object' && !Array.isArray(val)) {\n          for (let key in val) {\n            let branchValue = val[key];\n            // If this branch has no default, inherit the parent's default so e.g. forcedColors.default\n            // applies when selectionStyle.highlight doesn't define its own default.\n            // eslint-disable-next-line max-depth\n            if (\n              value.default !== undefined &&\n              branchValue &&\n              typeof branchValue === 'object' &&\n              !Array.isArray(branchValue) &&\n              !('default' in branchValue)\n            ) {\n              branchValue = {default: value.default, ...branchValue};\n            }\n            let [subPriority, subRules] = conditionalToRules(\n              branchValue,\n              rulePriority,\n              currentConditions,\n              subSkipConditions,\n              fn\n            );\n            rules.push(\n              ...compileCondition(\n                currentConditions,\n                `${condition} === ${JSON.stringify(key)}`,\n                priority,\n                subRules\n              )\n            );\n            priority = Math.max(priority, subPriority);\n          }\n        }\n      }\n      return [priority, rules];\n    } else {\n      // @ts-ignore - broken in non-strict?\n      return fn(value, parentPriority, currentConditions, skipConditions);\n    }\n  }\n\n  function compileCondition(\n    conditions: Set<string>,\n    condition: string,\n    priority: number,\n    rules: Rule[]\n  ): Rule[] {\n    if (condition === 'default' || conditions.has(condition)) {\n      return [new GroupRule(rules)];\n    }\n\n    if (condition in theme.conditions || /^[@:]/.test(condition)) {\n      // Conditions starting with : are CSS pseudo classes. Nest them inside the parent rule.\n      let prelude = theme.conditions[condition] || condition;\n      let preludes = Array.isArray(prelude) ? prelude : [prelude];\n      return preludes.map(prelude => {\n        if (prelude.startsWith(':')) {\n          let rulesWithPseudo = rules.map(rule => {\n            rule = rule.copy();\n            rule.addPseudo(prelude);\n            return rule;\n          });\n\n          return new GroupRule(rulesWithPseudo, generateName(priority, true));\n        }\n\n        // Otherwise, wrap the rule in the condition (e.g. @media).\n        // Top level layer is based on the priority of the rule, not the condition.\n        // Also group in a sub-layer based on the condition so that lightningcss can more effectively deduplicate rules.\n        let layer = `${generateName(priority, true)}.${propertyInfo.conditions[prelude] || generateArbitraryValueSelector(condition, true)}`;\n        return new AtRule(rules, prelude, layer, condition);\n      });\n    }\n\n    hasConditions = true;\n    return [new ConditionalRule(rules, condition)];\n  }\n\n  function compileRule(\n    property: string,\n    themeProperty: string,\n    value: Value,\n    priority: number,\n    conditions: Set<string>,\n    skipConditions: Set<string>\n  ): [number, Rule[]] {\n    let propertyFunction = properties.get(themeProperty);\n    if (propertyFunction) {\n      // Expand value to conditional CSS values, and then to rules.\n      let propertyValue = value;\n      let arbitrary = parseArbitraryValue(value);\n      let cssValue = arbitrary ? arbitrary : propertyFunction.toCSSValue(value);\n      let cssProperties = propertyFunction.toCSSProperties(\n        property.startsWith('--') ? property : null,\n        cssValue\n      );\n\n      return conditionalToRules(\n        cssProperties,\n        priority,\n        conditions,\n        skipConditions,\n        (value, priority, conditions) => {\n          let [obj] = value;\n          let rules: Rule[] = [];\n          for (let key in obj) {\n            let k = key as any;\n            let value = obj[k];\n            if (value === undefined) {\n              continue;\n            }\n            if (typeof value === 'string') {\n              // Replace self() references with variables and track the dependencies.\n              value = value.replace(/self\\(([a-zA-Z]+)/g, (_, v) => {\n                let prop = properties.get(v);\n                if (!prop) {\n                  throw new Error(`self(${v}) is invalid. ${v} is not a known property.`);\n                }\n                let cssProperties = prop.cssProperties;\n                if (cssProperties.length !== 1) {\n                  throw new Error(\n                    `self(${v}) is not supported. ${v} expands to multiple CSS properties.`\n                  );\n                }\n                dependencies.add(v);\n                return `var(--${shortCSSPropertyName(cssProperties[0])}`;\n              });\n            }\n\n            // Generate selector. This consists of three parts: property, conditions, value.\n            let cssProperty = key;\n            if (property.startsWith('--')) {\n              cssProperty = propertyFunction.cssProperties[0];\n            }\n\n            let className = classNamePrefix(key, cssProperty);\n            if (conditions.size > 0) {\n              for (let condition of conditions) {\n                let prelude = theme.conditions[condition] || condition;\n                let preludes = Array.isArray(prelude) ? prelude : [prelude];\n                for (let prelude of preludes) {\n                  className +=\n                    propertyInfo.conditions[prelude] || generateArbitraryValueSelector(condition);\n                }\n              }\n            }\n\n            if (cssProperty !== key) {\n              className += shortCSSPropertyName(cssProperty);\n            }\n\n            className +=\n              propertyInfo.values[cssProperty]?.[String(value)] ??\n              generateArbitraryValueSelector(String(value));\n            className += POSTFIX;\n            rules.push(\n              new StyleRule(\n                className,\n                key,\n                String(value),\n                isCompilingDependencies ? themeProperty : property,\n                propertyValue\n              )\n            );\n          }\n\n          return [0, rules];\n        }\n      );\n    } else {\n      throw new Error('Unknown property ' + themeProperty);\n    }\n  }\n}\n\nfunction kebab(property: string) {\n  if (property.startsWith('--')) {\n    return property;\n  }\n  return property.replace(/([a-z])([A-Z])/g, (_, a, b) => `${a}-${b.toLowerCase()}`);\n}\n\n// Generate a class name from a number, e.g. index within the theme.\n// This maps to an alphabet containing lower case letters, upper case letters, and numbers.\n// For numbers larger than 62, an underscore is prepended.\n// This encoding allows easy parsing to enable runtime merging by property.\nfunction generateName(index: number, atStart = false): string {\n  if (index < 26) {\n    // lower case letters\n    return String.fromCharCode(index + 97);\n  }\n\n  if (index < 52) {\n    // upper case letters\n    return String.fromCharCode(index - 26 + 65);\n  }\n\n  if (index < 62 && !atStart) {\n    // numbers\n    return String.fromCharCode(index - 52 + 48);\n  }\n\n  return '_' + generateName(index - (atStart ? 52 : 62));\n}\n\n// For arbitrary values, we use a hash of the string to generate the class name.\nfunction generateArbitraryValueSelector(v: string, atStart = false) {\n  let c = toBase62(hash(v));\n  if (atStart && /^[0-9]/.test(c)) {\n    c = `_${c}`;\n  }\n  return c;\n}\n\nfunction toBase62(value: number) {\n  if (value === 0) {\n    return generateName(value);\n  }\n\n  let res = '';\n  while (value) {\n    let remainder = value % 62;\n    res += generateName(remainder);\n    value = Math.floor((value - remainder) / 62);\n  }\n\n  return res;\n}\n\n// djb2 hash function.\n// http://www.cse.yorku.ca/~oz/hash.html\nfunction hash(v: string) {\n  let hash = 5381;\n  for (let i = 0; i < v.length; i++) {\n    hash = ((hash << 5) + hash + v.charCodeAt(i)) >>> 0;\n  }\n  return hash;\n}\n\nfunction layerName(name: string) {\n  // All of our layers should be sub-layers of a single parent layer, so that\n  // the unsafe overrides layer always comes after.\n  return `_.${name}`;\n}\n\ninterface Rule {\n  addPseudo(prelude: string): void;\n  getStaticClassName(): string;\n  toCSS(rulesByLayer: Map<string, string[]>, preludes?: string[], layer?: string): void;\n  toJS(allowedOverridesSet: Set<string>, indent?: string): string;\n  copy(): Rule;\n}\n\nlet conditionStack: string[] = [];\n\n/** A CSS style rule. */\nclass StyleRule implements Rule {\n  className: string;\n  pseudos: string;\n  property: string;\n  value: string;\n  themeProperty: string | undefined;\n  themeValue: Value | undefined;\n\n  constructor(\n    className: string,\n    property: string,\n    value: string,\n    themeProperty: string | undefined,\n    themeValue: Value | undefined\n  ) {\n    this.className = className;\n    this.pseudos = '';\n    this.property = property;\n    this.value = value;\n    if (process.env.NODE_ENV !== 'production' && isCompilingDependencies !== null) {\n      this.themeProperty = themeProperty;\n      this.themeValue = themeValue;\n    }\n  }\n\n  copy(): Rule {\n    let rule = new StyleRule(\n      this.className,\n      this.property,\n      this.value,\n      this.themeProperty,\n      this.themeValue\n    );\n    rule.pseudos = this.pseudos;\n    return rule;\n  }\n\n  addPseudo(prelude: string) {\n    this.pseudos += prelude;\n  }\n\n  getStaticClassName(): string {\n    return ' ' + this.className;\n  }\n\n  toCSS(rulesByLayer: Map<string, string[]>, preludes: string[] = [], layer = 'a') {\n    let prelude = `.${this.className}${this.pseudos}`;\n    preludes.push(prelude);\n\n    // Nest rule in our stack of preludes (e.g. media queries/selectors).\n    let content = '  ';\n    preludes.forEach((p, i) => {\n      content += `${p} {\\n${' '.repeat((i + 2) * 2)}`;\n    });\n    content += `${kebab(this.property)}: ${this.value};\\n`;\n    preludes.map((_, i) => {\n      content += `${' '.repeat((preludes.length - i) * 2)}}\\n`;\n    });\n\n    // Group rule into the appropriate layer.\n    let rules = rulesByLayer.get(layer);\n    if (!rules) {\n      rules = [];\n      rulesByLayer.set(layer, rules);\n    }\n    rules.push(content);\n    preludes.pop();\n  }\n\n  toJS(allowedOverridesSet: Set<string>, indent = ''): string {\n    let res = '';\n    if (allowedOverridesSet.has(this.property)) {\n      res += `${indent}if (!${this.property.replace('--', '__')}) `;\n    }\n    res += `${indent}rules += ' ${this.className}';`;\n    if (process.env.NODE_ENV !== 'production' && this.themeProperty) {\n      let name = this.themeProperty;\n      if (this.pseudos) {\n        conditionStack.push(this.pseudos);\n      }\n      let propertyName = JSON.stringify(name);\n      let valueJson = JSON.stringify(this.themeValue);\n      if (conditionStack.length) {\n        // name += ` (${conditionStack.join(', ')})`;\n        let conditionKey = JSON.stringify(conditionStack.join(' && '));\n        // Ensure currentRules[name] is an object, converting from simple value if needed\n        res += ` currentRules[${propertyName}] = typeof currentRules[${propertyName}] === 'object' ? currentRules[${propertyName}] : {\"default\": currentRules[${propertyName}]};`;\n        // Set the value for this specific condition\n        res += ` currentRules[${propertyName}][${conditionKey}] = ${valueJson};`;\n      } else {\n        res += ` currentRules[${propertyName}] = ${valueJson};`;\n      }\n      if (this.pseudos) {\n        conditionStack.pop();\n      }\n    }\n    return res;\n  }\n}\n\n/** Base class for rules that contain other rules. */\nclass GroupRule implements Rule {\n  rules: Rule[];\n  layer: string | null;\n\n  constructor(rules: Rule[], layer?: string | null) {\n    this.rules = rules;\n    this.layer = layer ?? null;\n  }\n\n  copy(): Rule {\n    return new GroupRule(\n      this.rules.map(rule => rule.copy()),\n      this.layer\n    );\n  }\n\n  addPseudo(prelude: string) {\n    for (let rule of this.rules) {\n      rule.addPseudo(prelude);\n    }\n  }\n\n  getStaticClassName(): string {\n    return this.rules.map(rule => rule.getStaticClassName()).join('');\n  }\n\n  toCSS(rulesByLayer: Map<string, string[]>, preludes?: string[], layer?: string) {\n    for (let rule of this.rules) {\n      rule.toCSS(rulesByLayer, preludes, this.layer || layer);\n    }\n  }\n\n  toJS(allowedOverridesSet: Set<string>, indent = ''): string {\n    let rules = this.rules.slice();\n    let conditional = rules\n      .filter(rule => rule instanceof ConditionalRule)\n      .reverse()\n      .map((rule, i) => {\n        return `${i > 0 ? ' else ' : ''}${rule.toJS(allowedOverridesSet, indent)}`;\n      });\n\n    let elseCases = rules\n      .filter(rule => !(rule instanceof ConditionalRule))\n      .map(rule => rule.toJS(allowedOverridesSet, indent));\n    if (conditional.length && elseCases.length) {\n      return `${conditional.join('')} else {\\n${indent}  ${elseCases.join('\\n' + indent + '  ')}\\n${indent}}`;\n    }\n\n    if (conditional.length) {\n      return conditional.join('');\n    }\n\n    return elseCases.join('\\n' + indent);\n  }\n}\n\n/** A rule that applies conditionally in CSS (e.g. @media). */\nclass AtRule extends GroupRule {\n  prelude: string;\n  themeCondition: string | null;\n\n  constructor(rules: Rule[], prelude: string, layer: string | null, themeCondition: string | null) {\n    super(rules, layer);\n    this.prelude = prelude;\n    this.themeCondition = themeCondition;\n  }\n\n  copy(): Rule {\n    return new AtRule(\n      this.rules.map(rule => rule.copy()),\n      this.prelude,\n      this.layer,\n      this.themeCondition\n    );\n  }\n\n  toCSS(rulesByLayer: Map<string, string[]>, preludes: string[] = [], layer?: string): void {\n    preludes.push(this.prelude);\n    super.toCSS(rulesByLayer, preludes, layer);\n    preludes?.pop();\n  }\n\n  toJS(allowedOverridesSet: Set<string>, indent?: string): string {\n    conditionStack.push(this.themeCondition || this.prelude);\n    let res = super.toJS(allowedOverridesSet, indent);\n    conditionStack.pop();\n    return res;\n  }\n}\n\n/** A rule that applies conditionally at runtime. */\nclass ConditionalRule extends GroupRule {\n  condition: string;\n\n  constructor(rules: Rule[], condition: string) {\n    super(rules);\n    this.condition = condition;\n  }\n\n  copy(): Rule {\n    return new ConditionalRule(\n      this.rules.map(rule => rule.copy()),\n      this.condition\n    );\n  }\n\n  getStaticClassName(): string {\n    throw new Error('Conditional rules cannot be compiled to a static class name. This is a bug.');\n  }\n\n  toJS(allowedOverridesSet: Set<string>, indent = ''): string {\n    conditionStack.push(this.condition);\n    let res = `${indent}if (props.${this.condition}) {\\n${super.toJS(allowedOverridesSet, indent + '  ')}\\n${indent}}`;\n    conditionStack.pop();\n    return res;\n  }\n}\n\n/**\n * Injects a raw CSS string into the style system. The CSS is wrapped in a generated\n * class name and placed within the specified `@layer`. Returns the generated class name.\n * This is an escape hatch for advanced cases (e.g. pseudo selectors or features not yet\n * available in the style macro API), and should be used sparingly.\n * Must be imported with `{type: 'macro'}`.\n *\n * @example\n *   import {css} from '@react-spectrum/s2/style' with {type: 'macro'};\n *\n *   const styles = css(`\n *   backdrop-filter: blur(8px);\n *   `);\n *\n * @param content - The CSS declarations to inject.\n * @param layer - The CSS `@layer` to place the styles in. Defaults to `'_.a'`.\n * @returns The generated class name that applies the styles.\n */\nexport function css(this: MacroContext | void, content: string, layer = '_.a'): string {\n  // Check if `this` is undefined, which means style was not called as a macro but as a normal function.\n  // We also check if this is globalThis, which happens in non-strict mode bundles.\n  // Also allow style to be called as a normal function in tests.\n  // @ts-ignore\n\n  if ((this == null || this === globalThis) && process.env.NODE_ENV !== 'test') {\n    throw new Error('The css macro must be imported with {type: \"macro\"}.');\n  }\n  let className = generateArbitraryValueSelector(content, true);\n  content = `@layer ${layer} {\n  .${className} {\n  ${content}\n  }\n}`;\n\n  // Ensure layer is always declared after the _ layer used by style macro.\n  if (!layer.startsWith('_.')) {\n    content = `@layer _, ${layer};\\n` + content;\n  }\n\n  if (this && typeof this.addAsset === 'function') {\n    this.addAsset({\n      type: 'css',\n      content\n    });\n  }\n  return className;\n}\n\nexport function keyframes(this: MacroContext | void, css: string): string {\n  // Check if `this` is undefined, which means style was not called as a macro but as a normal function.\n  // We also check if this is globalThis, which happens in non-strict mode bundles.\n  // Also allow style to be called as a normal function in tests.\n  // @ts-ignore\n\n  if ((this == null || this === globalThis) && process.env.NODE_ENV !== 'test') {\n    throw new Error('The keyframes macro must be imported with {type: \"macro\"}.');\n  }\n  let name = generateArbitraryValueSelector(css, true);\n  css = `@keyframes ${name} {\n  ${css}\n}`;\n  if (this && typeof this.addAsset === 'function') {\n    this.addAsset({\n      type: 'css',\n      content: css\n    });\n  }\n  return name;\n}\n"],"names":[],"version":3,"file":"style-macro.mjs.map","sourceRoot":"../../../../../"}

package/style/dist/style-utils.cjs

@@ -1,12 +1,12 @@
-var $53f7a8c49f8c6ec9$exports = require("./spectrum-theme.cjs");
+var $f4755549bfd6a7d9$exports = require("./spectrum-theme.cjs");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "centerPadding", () => $247833060df99ecf$export$dc7aad089b8f5c30);
-$parcel$export(module.exports, "setColorScheme", () => $247833060df99ecf$export$f2d00fe8ce80fd84);
+$parcel$export(module.exports, "centerPadding", () => $173789cf89bf6810$export$dc7aad089b8f5c30);
+$parcel$export(module.exports, "setColorScheme", () => $173789cf89bf6810$export$f2d00fe8ce80fd84);
 /*
  * Copyright 2024 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -18,13 +18,13 @@ $parcel$export(module.exports, "setColorScheme", () => $247833060df99ecf$export$
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-function $247833060df99ecf$export$dc7aad089b8f5c30(minHeight = 'self(minHeight)') {
+function $173789cf89bf6810$export$dc7aad089b8f5c30(minHeight = 'self(minHeight)') {
     return `[calc((${minHeight} - self(borderTopWidth, 0px) - self(borderBottomWidth, 0px) - 1lh) / 2)]`;
 }
-function $247833060df99ecf$var$fontRelative(base, baseFontSize = 14) {
-    return `[${(0, $53f7a8c49f8c6ec9$exports.fontRelative)(base, baseFontSize)}]`;
+function $173789cf89bf6810$var$fontRelative(base, baseFontSize = 14) {
+    return `[${(0, $f4755549bfd6a7d9$exports.fontRelative)(base, baseFontSize)}]`;
 }
-const $247833060df99ecf$export$e0f35d825088c098 = ()=>({
+const $173789cf89bf6810$export$e0f35d825088c098 = ()=>({
         display: 'grid',
         gridColumnStart: {
             isInForm: 1
@@ -76,12 +76,12 @@ const $247833060df99ecf$export$e0f35d825088c098 = ()=>({
                 ]
             }
         },
-        fontSize: $247833060df99ecf$export$78327973879c938a(),
+        fontSize: $173789cf89bf6810$export$78327973879c938a(),
         alignItems: 'baseline',
         lineHeight: 'ui',
         '--field-height': {
             type: 'height',
-            value: $247833060df99ecf$export$28c38c60b8df41e1()
+            value: $173789cf89bf6810$export$28c38c60b8df41e1()
         },
         // Spectrum defines the field label/help text with a (minimum) height, with text centered inside.
         // Calculate what the gap should be based on the height and line height.
@@ -90,13 +90,13 @@ const $247833060df99ecf$export$e0f35d825088c098 = ()=>({
         // Eventually this may be possible to do in pure CSS: https://github.com/w3c/csswg-drafts/issues/5813
         '--field-gap': {
             type: 'rowGap',
-            value: $247833060df99ecf$export$dc7aad089b8f5c30('var(--field-height)')
+            value: $173789cf89bf6810$export$dc7aad089b8f5c30('var(--field-height)')
         },
         columnGap: 12,
         disableTapHighlight: true
     });
-const $247833060df99ecf$export$48db87e3f4768880 = ()=>({
-        font: $247833060df99ecf$export$78327973879c938a(),
+const $173789cf89bf6810$export$48db87e3f4768880 = ()=>({
+        font: $173789cf89bf6810$export$78327973879c938a(),
         cursor: 'default',
         color: {
             default: 'neutral-subdued',
@@ -105,9 +105,9 @@ const $247833060df99ecf$export$48db87e3f4768880 = ()=>({
             forcedColors: 'ButtonText'
         }
     });
-const $247833060df99ecf$export$62d8db6a307a015a = ()=>({
+const $173789cf89bf6810$export$62d8db6a307a015a = ()=>({
         gridArea: 'input',
-        minWidth: $247833060df99ecf$export$28c38c60b8df41e1(),
+        minWidth: $173789cf89bf6810$export$28c38c60b8df41e1(),
         contain: {
             // Only apply size containment if contain-intrinsic-width is supported.
             // In older browsers, this will fall back to the default browser intrinsic width.
@@ -128,7 +128,7 @@ const $247833060df99ecf$export$62d8db6a307a015a = ()=>({
         // contain-intrinsic-width only includes the width of children, not the padding or borders.
         containIntrinsicWidth: 'calc(var(--defaultWidth) - self(paddingStart, 0px) - self(paddingEnd, 0px) - self(borderStartWidth, 0px) - self(borderEndWidth, 0px))'
     });
-const $247833060df99ecf$export$f2d00fe8ce80fd84 = ()=>({
+const $173789cf89bf6810$export$f2d00fe8ce80fd84 = ()=>({
         '--s2-color-scheme': {
             type: 'colorScheme',
             value: {
@@ -170,7 +170,7 @@ const $247833060df99ecf$export$f2d00fe8ce80fd84 = ()=>({
             }
         }
     });
-function $247833060df99ecf$export$1750a8f222a9157d() {
+function $173789cf89bf6810$export$1750a8f222a9157d() {
     return {
         '--s2-container-bg': {
             type: 'backgroundColor',
@@ -183,7 +183,7 @@ function $247833060df99ecf$export$1750a8f222a9157d() {
         }
     };
 }
-const $247833060df99ecf$export$78327973879c938a = ()=>({
+const $173789cf89bf6810$export$78327973879c938a = ()=>({
         default: 'ui',
         size: {
             XS: 'ui-xs',
@@ -192,8 +192,8 @@ const $247833060df99ecf$export$78327973879c938a = ()=>({
             XL: 'ui-xl'
         }
     });
-const $247833060df99ecf$export$28c38c60b8df41e1 = (size = 'md')=>size === 'sm' ? $247833060df99ecf$var$controlSizeS : $247833060df99ecf$var$controlSizeM;
-const $247833060df99ecf$var$controlSizeM = {
+const $173789cf89bf6810$export$28c38c60b8df41e1 = (size = 'md')=>size === 'sm' ? $173789cf89bf6810$var$controlSizeS : $173789cf89bf6810$var$controlSizeM;
+const $173789cf89bf6810$var$controlSizeM = {
     default: 32,
     size: {
         XS: 20,
@@ -202,7 +202,7 @@ const $247833060df99ecf$var$controlSizeM = {
         XL: 48
     }
 };
-const $247833060df99ecf$var$controlSizeS = {
+const $173789cf89bf6810$var$controlSizeS = {
     default: 16,
     size: {
         S: 14,
@@ -210,7 +210,7 @@ const $247833060df99ecf$var$controlSizeS = {
         XL: 20
     }
 };
-const $247833060df99ecf$export$6565fa6b916ade8 = (size = 'default')=>({
+const $173789cf89bf6810$export$6565fa6b916ade8 = (size = 'default')=>({
         '--size': {
             type: 'order',
             value: {
@@ -229,50 +229,50 @@ const $247833060df99ecf$export$6565fa6b916ade8 = (size = 'default')=>({
         },
         borderRadius: 'round(var(--radius) * var(--size), 1px)'
     });
-const $247833060df99ecf$var$iconOnly = ':has([slot=icon]):not(:has([data-rsp-slot=text]))';
-function $247833060df99ecf$export$b5cde1de278b4330(options) {
+const $173789cf89bf6810$var$iconOnly = ':has([slot=icon]):not(:has([data-rsp-slot=text]))';
+function $173789cf89bf6810$export$b5cde1de278b4330(options) {
     let paddingX = options.shape === 'pill' ? 'pill' : 'edge-to-text';
     let result = {
-        font: $247833060df99ecf$export$78327973879c938a(),
+        font: $173789cf89bf6810$export$78327973879c938a(),
         display: 'flex',
         alignItems: 'center',
         boxSizing: 'border-box',
         paddingX: paddingX,
-        minWidth: $247833060df99ecf$export$28c38c60b8df41e1()
+        minWidth: $173789cf89bf6810$export$28c38c60b8df41e1()
     };
     if (options.shape === 'pill') result.borderRadius = 'pill';
-    else Object.assign(result, $247833060df99ecf$export$6565fa6b916ade8());
+    else Object.assign(result, $173789cf89bf6810$export$6565fa6b916ade8());
     if (options.icon) {
         result.columnGap = 'text-to-visual';
         result.paddingX = {
             default: paddingX,
-            [$247833060df99ecf$var$iconOnly]: 0
+            [$173789cf89bf6810$var$iconOnly]: 0
         };
         result['--iconMargin'] = {
             type: 'marginStart',
             value: {
-                default: $247833060df99ecf$var$fontRelative(-2),
-                [$247833060df99ecf$var$iconOnly]: 0
+                default: $173789cf89bf6810$var$fontRelative(-2),
+                [$173789cf89bf6810$var$iconOnly]: 0
             }
         };
     }
     if (options.wrap) {
-        result.minHeight = $247833060df99ecf$export$28c38c60b8df41e1();
+        result.minHeight = $173789cf89bf6810$export$28c38c60b8df41e1();
         if (options.icon) {
             result.paddingY = 0;
             result['--labelPadding'] = {
                 type: 'paddingTop',
-                value: $247833060df99ecf$export$dc7aad089b8f5c30()
+                value: $173789cf89bf6810$export$dc7aad089b8f5c30()
             };
             result.alignItems = {
                 default: 'baseline',
-                [$247833060df99ecf$var$iconOnly]: 'center'
+                [$173789cf89bf6810$var$iconOnly]: 'center'
             };
-        } else result.paddingY = $247833060df99ecf$export$dc7aad089b8f5c30();
-    } else result.height = $247833060df99ecf$export$28c38c60b8df41e1();
+        } else result.paddingY = $173789cf89bf6810$export$dc7aad089b8f5c30();
+    } else result.height = $173789cf89bf6810$export$28c38c60b8df41e1();
     return result;
 }
-const $247833060df99ecf$var$allowedOverrides = [
+const $173789cf89bf6810$var$allowedOverrides = [
     'margin',
     'marginStart',
     'marginEnd',
@@ -302,19 +302,31 @@ const $247833060df99ecf$var$allowedOverrides = [
     'insetEnd',
     'visibility'
 ];
-const $247833060df99ecf$export$c79e0499b545f2e4 = [
+const $173789cf89bf6810$export$c79e0499b545f2e4 = [
     'width',
     'minWidth',
     'maxWidth'
 ];
-const $247833060df99ecf$export$dc00e1c899b7e80d = [
+const $173789cf89bf6810$export$dc00e1c899b7e80d = [
     'size',
     'height',
     'minHeight',
     'maxHeight'
 ];
-function $247833060df99ecf$export$6c84136e3de2766e({ width: width = true, height: height = false } = {}) {
-    return $247833060df99ecf$var$allowedOverrides.concat(width ? $247833060df99ecf$export$c79e0499b545f2e4 : []).concat(height ? $247833060df99ecf$export$dc00e1c899b7e80d : []);
+const $173789cf89bf6810$export$7950b8a4437e5013 = [
+    'font',
+    'fontFamily',
+    'fontWeight',
+    'lineHeight',
+    'fontSize'
+];
+function $173789cf89bf6810$export$6c84136e3de2766e({ width: width = true, height: height = false, font: font = false } = {}) {
+    return $173789cf89bf6810$var$allowedOverrides.concat(width ? $173789cf89bf6810$export$c79e0499b545f2e4 : []).concat(height ? $173789cf89bf6810$export$dc00e1c899b7e80d : []).concat(font ? [
+        'fontFamily',
+        'fontWeight',
+        'lineHeight',
+        'fontSize'
+    ] : []);
 }
 
 

package/style/dist/style-utils.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/s2/src/style-utils.ts"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {CSSProperties} from 'react';\nimport {fontRelative as internalFontRelative} from '../style/spectrum-theme';\nimport {StyleString} from '../style/types';\n\n/**\n * Calculates vertical padding to center a single line of text within a container.\n * Uses the CSS `self()` function and `1lh` unit to compute the padding based on\n * the container's minimum height and border widths.\n * This is useful for precise vertical centering without introducing a flex/grid layout to the container.\n *\n * @param minHeight - A CSS expression for the minimum height to center within. Defaults to `'self(minHeight)'`.\n * @returns A CSS `calc()` expression wrapped as an arbitrary style value.\n *\n * @example\n * ```tsx\n * import {centerPadding, style} from '@react-spectrum/s2/style' with {type: 'macro'};\n *\n * const styles = style({\n *   paddingY: centerPadding()\n * });\n * ```\n */\nexport function centerPadding(minHeight: string = 'self(minHeight)'): `[${string}]` {\n  return `[calc((${minHeight} - self(borderTopWidth, 0px) - self(borderBottomWidth, 0px) - 1lh) / 2)]`;\n}\n\nfunction fontRelative(base: number, baseFontSize = 14): `[${string}]` {\n  return `[${internalFontRelative(base, baseFontSize)}]`;\n}\n\nexport const field = () => ({\n  display: 'grid',\n  gridColumnStart: {\n    isInForm: 1\n  },\n  gridColumnEnd: {\n    isInForm: {\n      labelPosition: {\n        side: 'span 2'\n      }\n    }\n  },\n  gridTemplateColumns: {\n    default: {\n      labelPosition: {\n        top: ['1fr'],\n        side: ['auto', '1fr']\n      }\n    },\n    isInForm: 'subgrid'\n  },\n  gridTemplateRows: {\n    labelPosition: {\n      top: ['auto', '1fr', 'auto'],\n      side: ['auto', '1fr']\n    }\n  },\n  gridTemplateAreas: {\n    labelPosition: {\n      top: [\n        'label',\n        'input',\n        'helptext'\n      ],\n      side: [\n        'label input',\n        'label helptext'\n      ]\n    }\n  },\n  fontSize: controlFont(),\n  alignItems: 'baseline',\n  lineHeight: 'ui',\n  '--field-height': {\n    type: 'height',\n    value: controlSize()\n  },\n  // Spectrum defines the field label/help text with a (minimum) height, with text centered inside.\n  // Calculate what the gap should be based on the height and line height.\n  // Use a variable here rather than rowGap since it is applied to the children as padding.\n  // This allows the gap to collapse when the label/help text is not present.\n  // Eventually this may be possible to do in pure CSS: https://github.com/w3c/csswg-drafts/issues/5813\n  '--field-gap': {\n    type: 'rowGap',\n    value: centerPadding('var(--field-height)')\n  },\n  columnGap: 12,\n  disableTapHighlight: true\n} as const);\n\nexport const fieldLabel = () => ({\n  font: controlFont(),\n  cursor: 'default',\n  color: {\n    default: 'neutral-subdued',\n    isDisabled: 'disabled',\n    isStaticColor: 'transparent-overlay-1000',\n    forcedColors: 'ButtonText'\n  }\n} as const);\n\nexport const fieldInput = () => ({\n  gridArea: 'input',\n  minWidth: controlSize(),\n  contain: {\n    // Only apply size containment if contain-intrinsic-width is supported.\n    // In older browsers, this will fall back to the default browser intrinsic width.\n    '@supports (contain-intrinsic-width: 1px)': 'inline-size',\n    isQuiet: 'none'\n  },\n  '--defaultWidth': {\n    type: 'width',\n    value: {\n      default: 208,\n      size: {\n        S: 192,\n        L: 224,\n        XL: 240\n      }\n    }\n  },\n  // contain-intrinsic-width only includes the width of children, not the padding or borders.\n  containIntrinsicWidth: 'calc(var(--defaultWidth) - self(paddingStart, 0px) - self(paddingEnd, 0px) - self(borderStartWidth, 0px) - self(borderEndWidth, 0px))'\n} as const);\n\n/**\n * Returns style properties that set the CSS `color-scheme` for a component.\n * Defaults to the page's color scheme and supports `'light'`, `'dark'`, and `'light dark'` values\n * via the `colorScheme` render prop condition.\n * Intended for root containers (e.g. providers, modals, and popovers), and not needed for individual components.\n *\n * @example\n * ```tsx\n * import {setColorScheme, style} from '@react-spectrum/s2/style' with {type: 'macro'};\n *\n * const styles = style({\n *   ...setColorScheme(),\n *   backgroundColor: 'layer-1'\n * });\n * ```\n */\nexport const setColorScheme = () => ({\n  '--s2-color-scheme': {\n    type: 'colorScheme',\n    value: {\n      colorScheme: {\n        'light dark': 'light dark',\n        light: 'light',\n        dark: 'dark'\n      }\n    }\n  },\n  colorScheme: '--s2-color-scheme',\n  // For backward compatibility in two cases:\n  // 1. When a component compiled with an earlier version of S2 is embedded in a newer provider.\n  // 2. When S2 CSS is compiled with lightningcss, setting color-scheme via a variable does not work.\n  '--lightningcss-light': {\n    type: 'transform', // arbitrary string\n    value: {\n      colorScheme: {\n        'light dark': {\n          default: 'initial',\n          '@media (prefers-color-scheme: dark)': ' '\n        },\n        light: 'initial',\n        dark: ' '\n      }\n    }\n  },\n  '--lightningcss-dark': {\n    type: 'transform', // arbitrary string\n    value: {\n      colorScheme: {\n        'light dark': {\n          default: ' ',\n          '@media (prefers-color-scheme: dark)': 'initial'\n        },\n        light: ' ',\n        dark: 'initial'\n      }\n    }\n  }\n} as const);\n\nexport function staticColor(): Record<string, any> {\n  return {\n    '--s2-container-bg': {\n      type: 'backgroundColor',\n      value: {\n        staticColor: {\n          black: 'white',\n          white: 'black'\n        }\n      }\n    }\n  } as const;\n}\n\nexport const controlFont = () => ({\n  default: 'ui',\n  size: {\n    XS: 'ui-xs',\n    S: 'ui-sm',\n    L: 'ui-lg',\n    XL: 'ui-xl'\n  }\n} as const);\n\nexport const controlSize = (size: 'sm' | 'md' = 'md'): typeof controlSizeM | typeof controlSizeS => (\n  size === 'sm' ? controlSizeS : controlSizeM\n);\n\nconst controlSizeM = {\n  default: 32,\n  size: {\n    XS: 20,\n    S: 24,\n    L: 40,\n    XL: 48\n  }\n} as const;\n\nconst controlSizeS = {\n  default: 16,\n  size: {\n    S: 14,\n    L: 18,\n    XL: 20\n  }\n} as const;\n\n// This generates the border radius for t-shirt sizes using the\n// Major Second logarithmic scale.\nexport const controlBorderRadius = (size: 'default' | 'sm' = 'default') => ({\n  '--size': {\n    type: 'order',\n    value: {\n      default: 1,\n      size: {\n        XS: Math.pow(1.125, -2),\n        S: Math.pow(1.125, -1),\n        L: Math.pow(1.125, 1),\n        XL: Math.pow(1.125, 2)\n      }\n    }\n  },\n  '--radius': {\n    type: 'borderTopStartRadius',\n    value: size\n  },\n  borderRadius: 'round(var(--radius) * var(--size), 1px)'\n} as const);\n\ninterface ControlOptions {\n  shape?: 'default' | 'pill',\n  wrap?: boolean,\n  icon?: boolean\n}\n\ninterface ControlResult {\n  font: ReturnType<typeof controlFont>,\n  boxSizing?: 'border-box',\n  borderRadius?: 'pill' | `[${string}]`,\n  minWidth?: ReturnType<typeof controlSize>,\n  minHeight?: ReturnType<typeof controlSize>,\n  height?: ReturnType<typeof controlSize>,\n  display?: 'flex',\n  alignItems?: 'center' | {default: 'baseline', [iconOnly]: 'center'},\n  columnGap?: 'text-to-visual',\n  paddingX?: 'pill' | 'edge-to-text' | {default: 'pill' | 'edge-to-text', [iconOnly]: 0},\n  paddingY?: 0 | `[${string}]`\n}\n\nconst iconOnly = ':has([slot=icon]):not(:has([data-rsp-slot=text]))';\n\n/**\n * Common styles for a pill or round rect shaped container with text and icon slots.\n * The text can optionally wrap, aligning the icon with the first line of text.\n */\nexport function control(options: ControlOptions): ControlResult {\n  let paddingX = options.shape === 'pill' ? 'pill' as const : 'edge-to-text' as const;\n  let result: ControlResult = {\n    font: controlFont(),\n    display: 'flex',\n    alignItems: 'center',\n    boxSizing: 'border-box',\n    paddingX: paddingX,\n    minWidth: controlSize()\n  };\n\n  if (options.shape === 'pill') {\n    result.borderRadius = 'pill';\n  } else {\n    Object.assign(result, controlBorderRadius());\n  }\n\n  if (options.icon) {\n    result.columnGap = 'text-to-visual';\n    result.paddingX = {\n      default: paddingX,\n      [iconOnly]: 0\n    };\n    result['--iconMargin'] = {\n      type: 'marginStart',\n      value: {\n        default: fontRelative(-2),\n        [iconOnly]: 0\n      }\n    };\n  }\n\n  if (options.wrap) {\n    result.minHeight = controlSize();\n\n    if (options.icon) {\n      result.paddingY = 0;\n      result['--labelPadding'] = {\n        type: 'paddingTop',\n        value: centerPadding()\n      };\n      result.alignItems = {\n        default: 'baseline',\n        [iconOnly]: 'center'\n      };\n    } else {\n      result.paddingY = centerPadding();\n    }\n  } else {\n    result.height = controlSize();\n  }\n\n  return result;\n}\n\nconst allowedOverrides = [\n  'margin',\n  'marginStart',\n  'marginEnd',\n  'marginTop',\n  'marginBottom',\n  'marginX',\n  'marginY',\n  'flexGrow',\n  'flexShrink',\n  'flexBasis',\n  'justifySelf',\n  'alignSelf',\n  'order',\n  'gridArea',\n  'gridRowStart',\n  'gridRowEnd',\n  'gridColumnStart',\n  'gridColumnEnd',\n  'position',\n  'zIndex',\n  'top',\n  'bottom',\n  'inset',\n  'insetX',\n  'insetY',\n  'insetStart',\n  'insetEnd',\n  'visibility'\n] as const;\n\nexport const widthProperties = [\n  'width',\n  'minWidth',\n  'maxWidth'\n] as const;\n\nexport const heightProperties = [\n  'size',\n  'height',\n  'minHeight',\n  'maxHeight'\n] as const;\n\nexport type StylesProp = StyleString<(typeof allowedOverrides)[number] | (typeof widthProperties)[number]>;\nexport type StylesPropWithHeight = StyleString<(typeof allowedOverrides)[number] | (typeof widthProperties)[number] | (typeof heightProperties)[number]>;\nexport type StylesPropWithoutWidth = StyleString<(typeof allowedOverrides)[number]>;\nexport type UnsafeClassName = string & {properties?: never};\nexport interface UnsafeStyles {\n  /** Sets the CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. Only use as a **last resort**. Use the `style` macro via the `styles` prop instead. */\n  UNSAFE_className?: UnsafeClassName,\n  /** Sets inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. Only use as a **last resort**. Use the `style` macro via the `styles` prop instead. */\n  UNSAFE_style?: CSSProperties\n}\n\nexport interface StyleProps extends UnsafeStyles {\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesProp\n}\n\nexport function getAllowedOverrides({width = true, height = false} = {}): string[] {\n  return (allowedOverrides as unknown as string[]).concat(width ? widthProperties : []).concat(height ? heightProperties : []);\n}\n"],"names":[],"version":3,"file":"style-utils.cjs.map","sourceRoot":"../../../../../"}
+{"mappings":"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","sources":["packages/@react-spectrum/s2/src/style-utils.ts"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {CSSProperties} from 'react';\nimport {fontRelative as internalFontRelative} from '../style/spectrum-theme';\nimport {StyleString} from '../style/types';\n\n/**\n * Calculates vertical padding to center a single line of text within a container. Uses the CSS\n * `self()` function and `1lh` unit to compute the padding based on the container's minimum height\n * and border widths. This is useful for precise vertical centering without introducing a flex/grid\n * layout to the container.\n *\n * @example\n *   import {centerPadding, style} from '@react-spectrum/s2/style' with {type: 'macro'};\n *\n *   const styles = style({\n *     paddingY: centerPadding()\n *   });\n *\n * @param minHeight - A CSS expression for the minimum height to center within. Defaults to\n *   `'self(minHeight)'`.\n * @returns A CSS `calc()` expression wrapped as an arbitrary style value.\n */\nexport function centerPadding(minHeight: string = 'self(minHeight)'): `[${string}]` {\n  return `[calc((${minHeight} - self(borderTopWidth, 0px) - self(borderBottomWidth, 0px) - 1lh) / 2)]`;\n}\n\nfunction fontRelative(base: number, baseFontSize = 14): `[${string}]` {\n  return `[${internalFontRelative(base, baseFontSize)}]`;\n}\n\nexport const field = () =>\n  ({\n    display: 'grid',\n    gridColumnStart: {\n      isInForm: 1\n    },\n    gridColumnEnd: {\n      isInForm: {\n        labelPosition: {\n          side: 'span 2'\n        }\n      }\n    },\n    gridTemplateColumns: {\n      default: {\n        labelPosition: {\n          top: ['1fr'],\n          side: ['auto', '1fr']\n        }\n      },\n      isInForm: 'subgrid'\n    },\n    gridTemplateRows: {\n      labelPosition: {\n        top: ['auto', '1fr', 'auto'],\n        side: ['auto', '1fr']\n      }\n    },\n    gridTemplateAreas: {\n      labelPosition: {\n        top: ['label', 'input', 'helptext'],\n        side: ['label input', 'label helptext']\n      }\n    },\n    fontSize: controlFont(),\n    alignItems: 'baseline',\n    lineHeight: 'ui',\n    '--field-height': {\n      type: 'height',\n      value: controlSize()\n    },\n    // Spectrum defines the field label/help text with a (minimum) height, with text centered inside.\n    // Calculate what the gap should be based on the height and line height.\n    // Use a variable here rather than rowGap since it is applied to the children as padding.\n    // This allows the gap to collapse when the label/help text is not present.\n    // Eventually this may be possible to do in pure CSS: https://github.com/w3c/csswg-drafts/issues/5813\n    '--field-gap': {\n      type: 'rowGap',\n      value: centerPadding('var(--field-height)')\n    },\n    columnGap: 12,\n    disableTapHighlight: true\n  }) as const;\n\nexport const fieldLabel = () =>\n  ({\n    font: controlFont(),\n    cursor: 'default',\n    color: {\n      default: 'neutral-subdued',\n      isDisabled: 'disabled',\n      isStaticColor: 'transparent-overlay-1000',\n      forcedColors: 'ButtonText'\n    }\n  }) as const;\n\nexport const fieldInput = () =>\n  ({\n    gridArea: 'input',\n    minWidth: controlSize(),\n    contain: {\n      // Only apply size containment if contain-intrinsic-width is supported.\n      // In older browsers, this will fall back to the default browser intrinsic width.\n      '@supports (contain-intrinsic-width: 1px)': 'inline-size',\n      isQuiet: 'none'\n    },\n    '--defaultWidth': {\n      type: 'width',\n      value: {\n        default: 208,\n        size: {\n          S: 192,\n          L: 224,\n          XL: 240\n        }\n      }\n    },\n    // contain-intrinsic-width only includes the width of children, not the padding or borders.\n    containIntrinsicWidth:\n      'calc(var(--defaultWidth) - self(paddingStart, 0px) - self(paddingEnd, 0px) - self(borderStartWidth, 0px) - self(borderEndWidth, 0px))'\n  }) as const;\n\n/**\n * Returns style properties that set the CSS `color-scheme` for a component. Defaults to the page's\n * color scheme and supports `'light'`, `'dark'`, and `'light dark'` values via the `colorScheme`\n * render prop condition. Intended for root containers (e.g. providers, modals, and popovers), and\n * not needed for individual components.\n *\n * @example\n *   import {setColorScheme, style} from '@react-spectrum/s2/style' with {type: 'macro'};\n *\n *   const styles = style({\n *     ...setColorScheme(),\n *     backgroundColor: 'layer-1'\n *   });\n */\nexport const setColorScheme = () =>\n  ({\n    '--s2-color-scheme': {\n      type: 'colorScheme',\n      value: {\n        colorScheme: {\n          'light dark': 'light dark',\n          light: 'light',\n          dark: 'dark'\n        }\n      }\n    },\n    colorScheme: '--s2-color-scheme',\n    // For backward compatibility in two cases:\n    // 1. When a component compiled with an earlier version of S2 is embedded in a newer provider.\n    // 2. When S2 CSS is compiled with lightningcss, setting color-scheme via a variable does not work.\n    '--lightningcss-light': {\n      type: 'transform', // arbitrary string\n      value: {\n        colorScheme: {\n          'light dark': {\n            default: 'initial',\n            '@media (prefers-color-scheme: dark)': ' '\n          },\n          light: 'initial',\n          dark: ' '\n        }\n      }\n    },\n    '--lightningcss-dark': {\n      type: 'transform', // arbitrary string\n      value: {\n        colorScheme: {\n          'light dark': {\n            default: ' ',\n            '@media (prefers-color-scheme: dark)': 'initial'\n          },\n          light: ' ',\n          dark: 'initial'\n        }\n      }\n    }\n  }) as const;\n\nexport function staticColor(): Record<string, any> {\n  return {\n    '--s2-container-bg': {\n      type: 'backgroundColor',\n      value: {\n        staticColor: {\n          black: 'white',\n          white: 'black'\n        }\n      }\n    }\n  } as const;\n}\n\nexport const controlFont = () =>\n  ({\n    default: 'ui',\n    size: {\n      XS: 'ui-xs',\n      S: 'ui-sm',\n      L: 'ui-lg',\n      XL: 'ui-xl'\n    }\n  }) as const;\n\nexport const controlSize = (size: 'sm' | 'md' = 'md'): typeof controlSizeM | typeof controlSizeS =>\n  size === 'sm' ? controlSizeS : controlSizeM;\n\nconst controlSizeM = {\n  default: 32,\n  size: {\n    XS: 20,\n    S: 24,\n    L: 40,\n    XL: 48\n  }\n} as const;\n\nconst controlSizeS = {\n  default: 16,\n  size: {\n    S: 14,\n    L: 18,\n    XL: 20\n  }\n} as const;\n\n// This generates the border radius for t-shirt sizes using the\n// Major Second logarithmic scale.\nexport const controlBorderRadius = (size: 'default' | 'sm' = 'default') =>\n  ({\n    '--size': {\n      type: 'order',\n      value: {\n        default: 1,\n        size: {\n          XS: Math.pow(1.125, -2),\n          S: Math.pow(1.125, -1),\n          L: Math.pow(1.125, 1),\n          XL: Math.pow(1.125, 2)\n        }\n      }\n    },\n    '--radius': {\n      type: 'borderTopStartRadius',\n      value: size\n    },\n    borderRadius: 'round(var(--radius) * var(--size), 1px)'\n  }) as const;\n\ninterface ControlOptions {\n  shape?: 'default' | 'pill';\n  wrap?: boolean;\n  icon?: boolean;\n}\n\ninterface ControlResult {\n  font: ReturnType<typeof controlFont>;\n  boxSizing?: 'border-box';\n  borderRadius?: 'pill' | `[${string}]`;\n  minWidth?: ReturnType<typeof controlSize>;\n  minHeight?: ReturnType<typeof controlSize>;\n  height?: ReturnType<typeof controlSize>;\n  display?: 'flex';\n  alignItems?: 'center' | {default: 'baseline'; [iconOnly]: 'center'};\n  columnGap?: 'text-to-visual';\n  paddingX?: 'pill' | 'edge-to-text' | {default: 'pill' | 'edge-to-text'; [iconOnly]: 0};\n  paddingY?: 0 | `[${string}]`;\n}\n\nconst iconOnly = ':has([slot=icon]):not(:has([data-rsp-slot=text]))';\n\n/**\n * Common styles for a pill or round rect shaped container with text and icon slots.\n * The text can optionally wrap, aligning the icon with the first line of text.\n */\nexport function control(options: ControlOptions): ControlResult {\n  let paddingX = options.shape === 'pill' ? ('pill' as const) : ('edge-to-text' as const);\n  let result: ControlResult = {\n    font: controlFont(),\n    display: 'flex',\n    alignItems: 'center',\n    boxSizing: 'border-box',\n    paddingX: paddingX,\n    minWidth: controlSize()\n  };\n\n  if (options.shape === 'pill') {\n    result.borderRadius = 'pill';\n  } else {\n    Object.assign(result, controlBorderRadius());\n  }\n\n  if (options.icon) {\n    result.columnGap = 'text-to-visual';\n    result.paddingX = {\n      default: paddingX,\n      [iconOnly]: 0\n    };\n    result['--iconMargin'] = {\n      type: 'marginStart',\n      value: {\n        default: fontRelative(-2),\n        [iconOnly]: 0\n      }\n    };\n  }\n\n  if (options.wrap) {\n    result.minHeight = controlSize();\n\n    if (options.icon) {\n      result.paddingY = 0;\n      result['--labelPadding'] = {\n        type: 'paddingTop',\n        value: centerPadding()\n      };\n      result.alignItems = {\n        default: 'baseline',\n        [iconOnly]: 'center'\n      };\n    } else {\n      result.paddingY = centerPadding();\n    }\n  } else {\n    result.height = controlSize();\n  }\n\n  return result;\n}\n\nconst allowedOverrides = [\n  'margin',\n  'marginStart',\n  'marginEnd',\n  'marginTop',\n  'marginBottom',\n  'marginX',\n  'marginY',\n  'flexGrow',\n  'flexShrink',\n  'flexBasis',\n  'justifySelf',\n  'alignSelf',\n  'order',\n  'gridArea',\n  'gridRowStart',\n  'gridRowEnd',\n  'gridColumnStart',\n  'gridColumnEnd',\n  'position',\n  'zIndex',\n  'top',\n  'bottom',\n  'inset',\n  'insetX',\n  'insetY',\n  'insetStart',\n  'insetEnd',\n  'visibility'\n] as const;\n\nexport const widthProperties = ['width', 'minWidth', 'maxWidth'] as const;\n\nexport const heightProperties = ['size', 'height', 'minHeight', 'maxHeight'] as const;\n\nexport const fontProperties = [\n  'font',\n  'fontFamily',\n  'fontWeight',\n  'lineHeight',\n  'fontSize'\n] as const;\n\nexport type StylesProp = StyleString<\n  (typeof allowedOverrides)[number] | (typeof widthProperties)[number]\n>;\nexport type StylesPropWithHeight = StyleString<\n  | (typeof allowedOverrides)[number]\n  | (typeof widthProperties)[number]\n  | (typeof heightProperties)[number]\n>;\nexport type StylesPropWithoutWidth = StyleString<(typeof allowedOverrides)[number]>;\n\nexport type StylesPropWithFont = StyleString<(typeof fontProperties)[number]>;\nexport type UnsafeClassName = string & {properties?: never};\nexport interface UnsafeStyles {\n  /**\n   * Sets the CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className)\n   * for the element. Only use as a **last resort**. Use the `style` macro via the `styles` prop\n   * instead.\n   */\n  UNSAFE_className?: UnsafeClassName;\n  /**\n   * Sets inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\n   * element. Only use as a **last resort**. Use the `style` macro via the `styles` prop instead.\n   */\n  UNSAFE_style?: CSSProperties;\n}\n\nexport interface StyleProps extends UnsafeStyles {\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesProp;\n}\n\nexport function getAllowedOverrides({width = true, height = false, font = false} = {}): string[] {\n  return (allowedOverrides as unknown as string[])\n    .concat(width ? widthProperties : [])\n    .concat(height ? heightProperties : [])\n    .concat(font ? ['fontFamily', 'fontWeight', 'lineHeight', 'fontSize'] : []);\n}\n"],"names":[],"version":3,"file":"style-utils.cjs.map","sourceRoot":"../../../../../"}