@yamada-ui/react 2.2.2-dev-20260525091318 → 2.2.2-dev-20260525152928

package/dist/esm/core/css/color-mix.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-mix.js","names":[],"sources":["../../../../src/core/css/color-mix.ts"],"sourcesContent":["import type { System } from \"../system\"\nimport type { TransformOptions } from \"./utils\"\nimport { isArray, isString } from \"../../utils\"\nimport { getColorSchemeVar, isColorScheme } from \"../system\"\nimport { getCSSFunction, globalValues, splitValues, tokenToVar } from \"./utils\"\n\nconst DEFAULT_METHOD = \"in srgb\"\n\nconst methods: { [key: string]: string } = {\n  \"a98-rgb\": \"in a98-rgb\",\n  \"display-p3\": \"in display-p3\",\n  lab: \"in lab\",\n  oklab: \"in oklab\",\n  \"prophoto-rgb\": \"in prophoto-rgb\",\n  rec2020: \"in rec2020\",\n  srgb: \"in srgb\",\n  \"srgb-linear\": \"in srgb-linear\",\n  xyz: \"in xyz\",\n  \"xyz-d50\": \"in xyz-d50\",\n  \"xyz-d65\": \"in xyz-d65\",\n}\n\nfunction getColor(system: System) {\n  return function (value: string | undefined, fallbackColor?: string) {\n    if (!isString(value) || !value) return \"\"\n\n    let [color, percent, ...rest] = value.split(\" \").filter(Boolean)\n\n    if (rest.length) return value\n\n    if (color?.startsWith(\"colors.\")) color = color.replace(\"colors.\", \"\")\n\n    if (isColorScheme(color)) {\n      color = getColorSchemeVar(system)(color)\n    } else {\n      color = tokenToVar(system)(\"colors\", color, fallbackColor)\n    }\n\n    if (percent && !percent.startsWith(\"var\") && !percent.endsWith(\"%\"))\n      percent = `${percent}%`\n\n    return !percent ? color : `${color} ${percent}`\n  }\n}\n\nfunction omitPercent(value?: string) {\n  if (!value) return value\n\n  if (value.endsWith(\"%\")) return value.replace(/\\d{1,3}%$/, \"\").trim()\n\n  const values = value.trim().match(/[a-z-]+\\([^)]*\\)|[^\\s]+/gi) ?? []\n\n  if (values.length > 1) return values[0]\n\n  return value\n}\n\nfunction createVariable(\n  value: string,\n  fallbackValue?: string,\n  properties?: string[],\n) {\n  if (!properties) return value\n\n  const key =\n    \"--mix-\" + (isArray(properties) ? properties.join(\"-\") : properties)\n\n  const result = { [key]: value }\n\n  properties.forEach((property) => {\n    result[property] = fallbackValue\n      ? `var(${key}, ${fallbackValue})`\n      : `var(${key})`\n  })\n\n  return result\n}\n\nexport function colorMix(\n  value: any,\n  { fallback, properties, system }: TransformOptions,\n) {\n  if (value == null || globalValues.has(value)) return value\n\n  if (isString(value) && value.includes(\"/\")) {\n    const [color, percent] = value.split(\"/\")\n\n    value = `transparentize(${color}, ${percent})`\n  }\n\n  const { type, values } = getCSSFunction(value)\n\n  if (!values) return getColor(system)(value, fallback)\n\n  switch (type) {\n    case \"mix\":\n    case \"color-mix\": {\n      let [color2, color1, method] = splitValues(values).reverse()\n\n      if (method) {\n        method = method in methods ? methods[method] : method\n      } else {\n        method = DEFAULT_METHOD\n      }\n\n      color1 = getColor(system)(color1, fallback)\n      color2 = getColor(system)(color2, fallback)\n\n      return createVariable(\n        `color-mix(${method}` +\n          (color1 ? `, ${color1}` : \"\") +\n          (color2 ? `, ${color2}` : \"\") +\n          \")\",\n        omitPercent(color1),\n        properties,\n      )\n    }\n\n    case \"tint\":\n    case \"shade\":\n    case \"transparentize\": {\n      const [color, percent] = splitValues(values)\n\n      const color1 = getColor(system)(\n        percent ? `${color} ${percent}` : color,\n        fallback,\n      )\n      const color2 =\n        type === \"transparentize\"\n          ? \"transparent\"\n          : type === \"tint\"\n            ? \"#fff\"\n            : \"#000\"\n\n      return createVariable(\n        `color-mix(${DEFAULT_METHOD}, ${color1}, ${color2})`,\n        omitPercent(color1),\n        properties,\n      )\n    }\n\n    case \"tone\": {\n      const [color, tone] = splitValues(values)\n\n      const color1 = getColor(system)(color, fallback)\n\n      if (!tone) return color1\n\n      let ratio = parseInt(tone) || 500\n\n      if (ratio < 50 || 950 < ratio) ratio = 500\n      if (ratio === 500) return color1\n\n      const color2 = ratio < 500 ? \"#fff\" : \"#000\"\n      const percent = `${100 - (Math.abs(ratio - 500) * 2) / 10}%`\n\n      return createVariable(\n        `color-mix(${DEFAULT_METHOD}, ${color1} ${percent}, ${color2})`,\n        omitPercent(color1),\n        properties,\n      )\n    }\n\n    default: {\n      return value\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"color-mix.js","names":[],"sources":["../../../../src/core/css/color-mix.ts"],"sourcesContent":["import type { System } from \"../system\"\nimport type { TransformOptions } from \"./utils\"\nimport { isArray, isString } from \"../../utils\"\nimport { getColorSchemeVar, isColorScheme } from \"../system\"\nimport { getCSSFunction, globalValues, splitValues, tokenToVar } from \"./utils\"\n\nconst DEFAULT_METHOD = \"in srgb\"\n\nconst methods: { [key: string]: string } = {\n  \"a98-rgb\": \"in a98-rgb\",\n  \"display-p3\": \"in display-p3\",\n  lab: \"in lab\",\n  oklab: \"in oklab\",\n  \"prophoto-rgb\": \"in prophoto-rgb\",\n  rec2020: \"in rec2020\",\n  srgb: \"in srgb\",\n  \"srgb-linear\": \"in srgb-linear\",\n  xyz: \"in xyz\",\n  \"xyz-d50\": \"in xyz-d50\",\n  \"xyz-d65\": \"in xyz-d65\",\n}\n\nfunction getColor(system: System) {\n  return function (value: string | undefined, fallbackColor?: string) {\n    if (!isString(value) || !value) return \"\"\n\n    let [color, percent, ...rest] = value.split(\" \").filter(Boolean)\n\n    if (rest.length) return value\n\n    if (color?.startsWith(\"colors.\")) color = color.replace(\"colors.\", \"\")\n\n    if (isColorScheme(color)) {\n      color = getColorSchemeVar(system)(color)\n    } else {\n      color = tokenToVar(system)(\"colors\", color, fallbackColor)\n    }\n\n    if (percent && !percent.startsWith(\"var\") && !percent.endsWith(\"%\"))\n      percent = `${percent}%`\n\n    return !percent ? color : `${color} ${percent}`\n  }\n}\n\nfunction omitPercent(value?: string) {\n  if (!value) return value\n\n  if (value.endsWith(\"%\")) return value.replace(/\\d{1,3}%$/, \"\").trim()\n\n  const values = value.trim().match(/[a-z-]+\\([^)]*\\)|[^\\s]+/gi) ?? []\n\n  if (values.length > 1) return values[0]\n\n  return value\n}\n\nfunction createVariable(\n  value: string,\n  fallbackValue?: string,\n  properties?: string[],\n) {\n  if (!properties) return value\n\n  const key =\n    \"--mix-\" + (isArray(properties) ? properties.join(\"-\") : properties)\n\n  const result = { [key]: value }\n\n  properties.forEach((property) => {\n    result[property] = fallbackValue\n      ? `var(${key}, ${fallbackValue})`\n      : `var(${key})`\n  })\n\n  return result\n}\n\nexport function colorMix(\n  value: any,\n  { fallback, properties, system }: TransformOptions,\n) {\n  if (value == null || globalValues.has(value)) return value\n\n  if (isString(value) && value.includes(\"/\")) {\n    const [color, percent] = value.split(\"/\")\n\n    value = `transparentize(${color}, ${percent})`\n  }\n\n  const { type, values } = getCSSFunction(value)\n\n  if (!values) return getColor(system)(value, fallback)\n\n  switch (type) {\n    case \"mix\":\n    case \"color-mix\": {\n      let [color2, color1, method] = splitValues(values).reverse()\n\n      if (method) {\n        method = method in methods ? methods[method] : method\n      } else {\n        method = DEFAULT_METHOD\n      }\n\n      color1 = getColor(system)(color1, fallback)\n      color2 = getColor(system)(color2, fallback)\n\n      return createVariable(\n        `color-mix(${method}` +\n          (color1 ? `, ${color1}` : \"\") +\n          (color2 ? `, ${color2}` : \"\") +\n          \")\",\n        omitPercent(color1),\n        properties,\n      )\n    }\n\n    case \"tint\":\n    case \"shade\":\n    case \"transparentize\": {\n      const [color, percent] = splitValues(values)\n\n      const color1 = getColor(system)(\n        percent ? `${color} ${percent}` : color,\n        fallback,\n      )\n      const color2 =\n        type === \"transparentize\"\n          ? \"transparent\"\n          : type === \"tint\"\n            ? \"#fff\"\n            : \"#000\"\n\n      return createVariable(\n        `color-mix(${DEFAULT_METHOD}, ${color1}, ${color2})`,\n        omitPercent(color1),\n        properties,\n      )\n    }\n\n    case \"tone\": {\n      const [color, tone] = splitValues(values)\n\n      const color1 = getColor(system)(color, fallback)\n\n      if (!tone) return color1\n\n      let ratio = parseInt(tone) || 500\n\n      if (ratio < 50 || 950 < ratio) ratio = 500\n      if (ratio === 500) return color1\n\n      const color2 = ratio < 500 ? \"#fff\" : \"#000\"\n      const percent = `${100 - (Math.abs(ratio - 500) * 2) / 10}%`\n\n      return createVariable(\n        `color-mix(${DEFAULT_METHOD}, ${color1} ${percent}, ${color2})`,\n        omitPercent(color1),\n        properties,\n      )\n    }\n\n    default: {\n      return value\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/esm/core/css/color-scheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-scheme.js","names":["TONES"],"sources":["../../../../src/core/css/color-scheme.ts"],"sourcesContent":["import type { ColorScheme } from \"../system\"\nimport type { TransformOptions } from \"./utils\"\nimport { isArray, TONES } from \"../../utils\"\nimport { getVarName } from \"../system\"\nimport { conditions } from \"./conditions\"\nimport { tokenToVar } from \"./utils\"\n\nfunction createColorSchemeVariables(value: Exclude<ColorScheme, Array<any>>) {\n  return function ({ system }: TransformOptions) {\n    return {\n      ...Object.fromEntries(\n        TONES.map((tone) => [\n          getVarName(system)(`colorScheme-${tone}`),\n          tokenToVar(system)(\"colors\", `${value}.${tone}`),\n        ]),\n      ),\n      ...Object.fromEntries(\n        [\n          \"contrast\",\n          \"fg\",\n          \"subtle\",\n          \"muted\",\n          \"emphasized\",\n          \"bg\",\n          \"ghost\",\n          \"solid\",\n          \"outline\",\n        ].map((token) => [\n          getVarName(system)(`colorScheme-${token}`),\n          tokenToVar(system)(\"colors\", `${value}.${token}`),\n        ]),\n      ),\n    }\n  }\n}\n\nexport function colorScheme(value: any, options: TransformOptions) {\n  if (isArray(value)) {\n    const [lightValue, darkValue] = value\n\n    return {\n      ...createColorSchemeVariables(lightValue)(options),\n      [conditions._dark]: createColorSchemeVariables(darkValue)(options),\n    }\n  } else {\n    return createColorSchemeVariables(value)(options)\n  }\n}\n"],"mappings":";;;;;AAOA,SAAS,2BAA2B,OAAyC;CAC3E,OAAO,SAAU,EAAE,UAA4B;EAC7C,OAAO;GACL,GAAG,OAAO,YACRA,cAAAA,MAAM,KAAK,SAAS,CAClB,WAAW,OAAO,CAAC,eAAe,OAAO,EACzC,WAAW,OAAO,CAAC,UAAU,GAAG,MAAM,GAAG,OAAO,CACjD,CAAC,CACH;GACD,GAAG,OAAO,YACR;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,CAAC,KAAK,UAAU,CACf,WAAW,OAAO,CAAC,eAAe,QAAQ,EAC1C,WAAW,OAAO,CAAC,UAAU,GAAG,MAAM,GAAG,QAAQ,CAClD,CAAC,CACH;GACF;;;AAIL,SAAgB,YAAY,OAAY,SAA2B;CACjE,KAAA,GAAA,cAAA,SAAY,MAAM,EAAE;EAClB,MAAM,CAAC,YAAY,aAAa;EAEhC,OAAO;GACL,GAAG,2BAA2B,WAAW,CAAC,QAAQ;IACjD,WAAW,QAAQ,2BAA2B,UAAU,CAAC,QAAQ;GACnE;QAED,OAAO,2BAA2B,MAAM,CAAC,QAAQ"}
+{"version":3,"file":"color-scheme.js","names":["TONES"],"sources":["../../../../src/core/css/color-scheme.ts"],"sourcesContent":["import type { ColorScheme } from \"../system\"\nimport type { TransformOptions } from \"./utils\"\nimport { isArray, TONES } from \"../../utils\"\nimport { getVarName } from \"../system\"\nimport { conditions } from \"./conditions\"\nimport { tokenToVar } from \"./utils\"\n\nfunction createColorSchemeVariables(value: Exclude<ColorScheme, Array<any>>) {\n  return function ({ system }: TransformOptions) {\n    return {\n      ...Object.fromEntries(\n        TONES.map((tone) => [\n          getVarName(system)(`colorScheme-${tone}`),\n          tokenToVar(system)(\"colors\", `${value}.${tone}`),\n        ]),\n      ),\n      ...Object.fromEntries(\n        [\n          \"contrast\",\n          \"fg\",\n          \"subtle\",\n          \"muted\",\n          \"emphasized\",\n          \"bg\",\n          \"ghost\",\n          \"solid\",\n          \"outline\",\n        ].map((token) => [\n          getVarName(system)(`colorScheme-${token}`),\n          tokenToVar(system)(\"colors\", `${value}.${token}`),\n        ]),\n      ),\n    }\n  }\n}\n\nexport function colorScheme(value: any, options: TransformOptions) {\n  if (isArray(value)) {\n    const [lightValue, darkValue] = value\n\n    return {\n      ...createColorSchemeVariables(lightValue)(options),\n      [conditions._dark]: createColorSchemeVariables(darkValue)(options),\n    }\n  } else {\n    return createColorSchemeVariables(value)(options)\n  }\n}\n"],"mappings":";;;;;AAOA,SAAS,2BAA2B,OAAyC;CAC3E,OAAO,SAAU,EAAE,UAA4B;EAC7C,OAAO;GACL,GAAG,OAAO,YACRA,cAAAA,MAAM,KAAK,SAAS,CAClB,WAAW,MAAM,EAAE,eAAe,MAAM,GACxC,WAAW,MAAM,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,CACjD,CAAC,CACH;GACA,GAAG,OAAO,YACR;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,EAAE,KAAK,UAAU,CACf,WAAW,MAAM,EAAE,eAAe,OAAO,GACzC,WAAW,MAAM,EAAE,UAAU,GAAG,MAAM,GAAG,OAAO,CAClD,CAAC,CACH;EACF;CACF;AACF;AAEA,SAAgB,YAAY,OAAY,SAA2B;CACjE,KAAA,GAAA,cAAA,SAAY,KAAK,GAAG;EAClB,MAAM,CAAC,YAAY,aAAa;EAEhC,OAAO;GACL,GAAG,2BAA2B,UAAU,EAAE,OAAO;IAChD,WAAW,QAAQ,2BAA2B,SAAS,EAAE,OAAO;EACnE;CACF,OACE,OAAO,2BAA2B,KAAK,EAAE,OAAO;AAEpD"}

package/dist/esm/core/css/conditions.js.map

@@ -1 +1 @@
-{"version":3,"file":"conditions.js","names":[],"sources":["../../../../src/core/css/conditions.ts"],"sourcesContent":["import type { Length } from \"../../utils\"\nimport type { DOMElement } from \"../components\"\nimport type { CSSObject } from \"./index.types\"\n\ntype ReplaceSelector<\n  Y extends string[],\n  M extends string,\n  D extends string,\n> = Y extends [infer H extends string, ...infer R extends string[]]\n  ? `${H}${M extends `&${infer T}` ? `${T} ${D}` : `${M} ${D}`}${Length<R> extends 0 ? \"\" : `, `}${ReplaceSelector<R, M, D>}`\n  : \"\"\n\nconst toGroup = <Y extends string>(selector: Y) =>\n  [\"[role=group]\", \"[data-group]\", \".group\"]\n    .map((prefix) => `${prefix}${selector.slice(1)} &`)\n    .join(\", \") as ReplaceSelector<\n    [\"[role=group]\", \"[data-group]\", \".group\"],\n    Y,\n    \"&\"\n  >\n\nconst toPeer = <Y extends string>(selector?: Y) =>\n  [\n    ...[\"[data-peer]\", \".peer\"].flatMap((prefix) => [\n      selector\n        ? `&:has(~ ${prefix}${selector.slice(1)})`\n        : `&:has(~ ${prefix})`,\n      selector ? `${prefix}${selector.slice(1)} ~ &` : `${prefix} ~ &`,\n    ]),\n    ...(selector\n      ? [\"[data-peer]\", \".peer\"].flatMap((prefix) => [\n          `&:has(~ ${prefix} *${selector.slice(1)})`,\n          `${prefix}:has(*${selector.slice(1)}) ~ &`,\n        ])\n      : []),\n  ].join(\", \") as ReplaceSelector<[\"[data-peer]\", \".peer\"], Y, \"~ &\">\n\nexport type AnySelector =\n  | `${string}${\" \" | \"#\" | \"*\" | \"+\" | \",\" | \".\" | \":\" | \">\" | \"@\" | \"[\" | \"]\" | \"~\"}${string}`\n  | DOMElement\n\nexport const attributes = {\n  /**\n   * The CSS `&[data-inactive]` attribute selector.\n   */\n  _inactive: \"&[data-inactive]\",\n  /**\n   * The CSS `&[data-accept]` attribute selector.\n   */\n  _accept: \"&[data-accept]\",\n  /**\n   * The CSS `&[data-animated]` attribute selector.\n   */\n  _animated: \"&[data-animated]\",\n  /**\n   * The CSS `&[data-between]` attribute selector.\n   */\n  _between: \"&[data-between]\",\n  /**\n   * The CSS `&:is([data-center], [data-group-center])` attribute selector.\n   */\n  _center: \"&:is([data-center], [data-group-center])\",\n  /**\n   * The CSS `&:is([data-collapsed], :not([data-expanded]), [aria-expanded=false])` attribute selector.\n   */\n  _collapsed:\n    \"&:is([data-collapsed], :not([data-expanded]), [aria-expanded=false])\",\n  /**\n   * The CSS `&[data-complete]` attribute selector.\n   */\n  _complete: \"&[data-complete]\",\n  /**\n   * The CSS `&:is([aria-current], [data-current]):not([aria-current='false'])` attribute selector.\n   */\n  _current: \"&:is([aria-current], [data-current]):not([aria-current='false'])\",\n  /**\n   * Styles for when `data-mode` is applied to any parent of this component or element.\n   */\n  _dark:\n    \".dark &:not([data-mode]), [data-mode=dark] &:not([data-mode]), &[data-mode=dark]\",\n  /**\n   * The CSS `&:is([data-end], [data-group-end])` attribute selector.\n   */\n  _end: \"&:is([data-end], [data-group-end])\",\n  /**\n   * The CSS `&:is([data-expanded], [aria-expanded=true])` attribute selector.\n   */\n  _expanded: \"&:is([data-expanded], [aria-expanded=true])\",\n  /**\n   * The CSS `&[data-fallback]` attribute selector.\n   */\n  _fallback: \"&[data-fallback]\",\n  /**\n   * The CSS `&[data-filled]` attribute selector.\n   */\n  _filled: \"&[data-filled]\",\n  /**\n   * The CSS `&:is([data-grabbed], [aria-grabbed=true])` attribute selector.\n   */\n  _grabbed: \"&:is([data-grabbed], [aria-grabbed=true])\",\n  /**\n   * The CSS `&:is([role=grid], [data-grid])` attribute selector.\n   */\n  _grid: \"&:is([role=grid], [data-grid])\",\n  /**\n   * The CSS `&:is(:has(> [role=group]), :has(> [data-group]), :has(> .group))` attribute selector.\n   */\n  _hasGroup: \"&:is(:has(> [role=group]), :has(> [data-group]), :has(> .group))\",\n  /**\n   * The CSS `&:has(> [data-icon])` attribute selector.\n   */\n  _hasIcon: \"&:has(> [data-icon])\",\n  /**\n   * The CSS `&[data-idle]` attribute selector.\n   */\n  _idle: \"&[data-idle]\",\n  /**\n   * The CSS `&[data-incomplete]` attribute selector.\n   */\n  _incomplete: \"&[data-incomplete]\",\n  /**\n   * Styles for when `data-mode` is applied to any parent of this component or element.\n   */\n  _light:\n    \".light &:not([data-mode]), [data-mode=light] &:not([data-mode]), &[data-mode=light]\",\n  /**\n   * The CSS `&[data-loaded]` attribute selector.\n   */\n  _loaded: \"&[data-loaded]\",\n  /**\n   * The CSS `&:is([data-loading], [aria-busy=true])` attribute selector.\n   */\n  _loading: \"&:is([data-loading], [aria-busy=true])\",\n  /**\n   * The CSS `&[dir=ltr]` attribute selector.\n   */\n  _ltr: \"[dir=ltr] &\",\n  /**\n   * The CSS `&[hidden]` attribute selector.\n   */\n  _nativeHidden: \"&[hidden]\",\n  /**\n   * The CSS `&[data-not-allowed]` attribute selector.\n   */\n  _notAllowed: \"&[data-not-allowed]\",\n  /**\n   * The CSS `&[aria-current='false']` attribute selector.\n   */\n  _notCurrent: \"&:not([aria-current], [data-current]), &[aria-current='false']\",\n  /**\n   * The CSS `&:not([data-fallback])` attribute selector.\n   */\n  _notFallback: \"&:not([data-fallback])\",\n  /**\n   * The CSS `&:not(:has(> [role=group]), :has(> [data-group]), :has(> .group))` attribute selector.\n   */\n  _notHasGroup:\n    \"&:not(:has(> [role=group]), :has(> [data-group]), :has(> .group))\",\n  /**\n   * The CSS `&:not([data-selected]):not([aria-selected=true])` attribute selector.\n   */\n  _notSelected: \"&:not([data-selected]):not([aria-selected=true])\",\n  /**\n   * The CSS `&[data-numeric]` attribute selector.\n   */\n  _numeric: \"&[data-numeric]\",\n  /**\n   * The CSS `&:is([open], [data-open])` attribute selector.\n   */\n  _open: \"&:is([open], [data-open])\",\n  /**\n   * The CSS `&:is([data-pressed], [aria-pressed=true])` attribute selector.\n   */\n  _pressed: \"&:is([data-pressed], [aria-pressed=true])\",\n  /**\n   * The CSS `&:is([data-range])` attribute selector.\n   */\n  _range: \"&:is([data-range])\",\n  /**\n   * The CSS `&[data-reject]` attribute selector.\n   */\n  _reject: \"&[data-reject]\",\n  /**\n   * The CSS `& .ui-ripple` attribute selector.\n   */\n  _ripple: \"& .ui-ripple\",\n  /**\n   * The CSS `&[dir=rtl]` attribute selector.\n   */\n  _rtl: \"[dir=rtl] &\",\n  /**\n   * The CSS `&:is([data-start], [data-group-start])` attribute selector.\n   */\n  _start: \"&:is([data-start], [data-group-start])\",\n  /**\n   * The CSS `&:is([data-selected], [aria-selected=true])` attribute selector.\n   */\n  _selected: \"&:is([data-selected], [aria-selected=true])\",\n  /**\n   * The CSS `&:is([hidden], [data-hidden])` attribute selector.\n   */\n  _hidden: \"&:is([hidden], [data-hidden])\",\n  /**\n   * The CSS `&[data-never]` attribute selector.\n   */\n  _never: \"&[data-never]\",\n} as const\n\nexport type Attributes = typeof attributes\nexport type AttributeProperty = keyof Attributes\nexport type AttributeProps = {\n  [K in AttributeProperty]?: CSSObject\n}\n\nexport const attributeProperties = Object.keys(\n  attributes,\n) as AttributeProperty[]\nexport const attributeSelectors = Object.values(attributes)\n\nexport const pseudoElements = {\n  /**\n   * The CSS `&::after` pseudo-element.\n   */\n  _after: \"&::after\",\n  /**\n   * The CSS `&::backdrop` pseudo-element.\n   */\n  _backdrop: \"&::backdrop\",\n  /**\n   * The CSS `&::before` pseudo-element.\n   */\n  _before: \"&::before\",\n  /**\n   * The CSS `&::cue` pseudo-element.\n   */\n  _cue: \"&::cue\",\n  /**\n   * The CSS `&::cue-region` pseudo-element.\n   */\n  _cueRegion: \"&::cue-region\",\n  /**\n   * The CSS `&::details-content` pseudo-element.\n   */\n  _detailsContent: \"&::details-content\",\n  /**\n   * The CSS `&::file-selector-button` pseudo-element.\n   */\n  _fileSelector: \"&::file-selector-button\",\n  /**\n   * The CSS `&::first-letter` pseudo-element.\n   */\n  _firstLetter: \"&::first-letter\",\n  /**\n   * The CSS `&::first-line` pseudo-element.\n   */\n  _firstLine: \"&::first-line\",\n  /**\n   * The CSS `&::marker` pseudo-element.\n   */\n  _marker: \"&::marker\",\n  /**\n   * The CSS `&::placeholder, &[data-placeholder]` pseudo-element.\n   */\n  _placeholder: \"&::placeholder, &[data-placeholder]\",\n  /**\n   * The CSS `&::-webkit-scrollbar, &[data-scrollbar]` pseudo-element.\n   */\n  _scrollbar: \"&::-webkit-scrollbar, &[data-scrollbar]\",\n  /**\n   * The CSS `&::-webkit-scrollbar-button` pseudo-element.\n   */\n  _scrollbarButton: \"&::-webkit-scrollbar-button\",\n  /**\n   * The CSS `&::-webkit-scrollbar-corner` pseudo-element.\n   */\n  _scrollbarCorner: \"&::-webkit-scrollbar-corner\",\n  /**\n   * The CSS `&::-webkit-scrollbar-thumb` pseudo-element.\n   */\n  _scrollbarThumb: \"&::-webkit-scrollbar-thumb\",\n  /**\n   * The CSS `&::-webkit-scrollbar-track` pseudo-element.\n   */\n  _scrollbarTrack: \"&::-webkit-scrollbar-track\",\n  /**\n   * The CSS `&::-webkit-scrollbar-track-piece` pseudo-element.\n   */\n  _scrollbarTrackPiece: \"&::-webkit-scrollbar-track-piece\",\n  /**\n   * The CSS `&::selection` pseudo-element.\n   */\n  _selection: \"&::selection\",\n} as const\n\nexport type PseudoElements = typeof pseudoElements\nexport type PseudoElementProperty = keyof PseudoElements\nexport type PseudoElementProps = {\n  [K in PseudoElementProperty]?: CSSObject\n}\n\nexport const pseudoElementProperties = Object.keys(\n  pseudoElements,\n) as PseudoElementProperty[]\nexport const pseudoElementSelectors = Object.values(pseudoElements)\n\nexport const pseudoClasses = {\n  /**\n   * The CSS `&:is([data-activedescendant])` pseudo-class.\n   */\n  _activedescendant: \"&:is([data-activedescendant])\",\n  /**\n   * The CSS `:any-link` pseudo-class.\n   */\n  _anyLink: \"&:is(:any-link, [data-any-link])\",\n  /**\n   * The CSS `&:autofill` pseudo-class.\n   */\n  _autofill: \"&:autofill\",\n  /**\n   * The CSS `&:is(:blank, [data-blank])` pseudo-class.\n   */\n  _blank: \"&:is(:blank, [data-blank])\",\n  /**\n   * The CSS `&:is(:checked, [data-checked], [aria-checked=true])` pseudo-class.\n   */\n  _checked: \"&:is(:checked, [data-checked], [aria-checked=true])\",\n  /**\n   * The CSS `& > *` child combinator selector.\n   */\n  _child: \"& > *\",\n  /**\n   * The CSS `& > [data-content]` child combinator attribute selector.\n   */\n  _content: \"& > [data-content]\",\n  /**\n   * The CSS `&:default` pseudo-class.\n   */\n  _default: \"&:default\",\n  /**\n   * The CSS `&:empty` pseudo-class.\n   */\n  _empty: \"&:empty\",\n  /**\n   * The CSS `&:is(:enabled, [data-enabled])` pseudo-class.\n   */\n  _enabled: \"&:is(:enabled, [data-enabled])\",\n  /**\n   * The CSS `&:nth-of-type(even)` pseudo-class.\n   */\n  _even: \"&:nth-of-type(even)\",\n  /**\n   * The CSS `&:first-of-type` pseudo-class.\n   */\n  _first: \"&:first-of-type\",\n  /**\n   * The CSS `& > *:first-child` pseudo-class.\n   */\n  _firstChild: \"& > *:first-child\",\n  /**\n   * The CSS `&:not(:focus-within, [data-focus-within])` pseudo-class.\n   */\n  _focusWithin: \"&:not(:focus-within, [data-focus-within])\",\n  /**\n   * The CSS `&:fullscreen` pseudo-class.\n   */\n  _fullScreen: \"&:fullscreen\",\n  /**\n   * The CSS `&:is([data-orientation=horizontal], [aria-orientation=horizontal])` pseudo-class.\n   */\n  _horizontal:\n    \"&:is([data-orientation=horizontal], [aria-orientation=horizontal])\",\n  /**\n   * The CSS `&:where(svg:not([data-loading])), & > [data-icon]` pseudo-class.\n   */\n  _icon: \"&:where(svg:not([data-loading])), & > [data-icon]\",\n  /**\n   * The CSS `&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])` pseudo-class.\n   */\n  _indeterminate:\n    \"&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])\",\n  /**\n   * The CSS `& > [data-indicator]` pseudo-class.\n   */\n  _indicator: \"& > [data-indicator]\",\n  /**\n   * The CSS `&:is(:in-range, [data-in-range])` pseudo-class.\n   */\n  _inRange: \"&:is(:in-range, [data-in-range])\",\n  /**\n   * The CSS `&:last-of-type` pseudo-class.\n   */\n  _last: \"&:last-of-type\",\n  /**\n   * The CSS `& > *:last-child` pseudo-class.\n   */\n  _lastChild: \"& > *:last-child\",\n  /**\n   * The CSS `&:is(:link, [data-link])` pseudo-class.\n   */\n  _link: \"&:is(:link, [data-link])\",\n  /**\n   * The CSS `&:modal` pseudo-class.\n   */\n  _modal: \"&:modal\",\n  /**\n   * The CSS `&:active` pseudo-class.\n   */\n  _nativeActive: \"&:active\",\n  /**\n   * The CSS `&:checked` pseudo-class.\n   */\n  _nativeChecked: \"&:checked\",\n  /**\n   * The CSS `&:is(disabled, [disabled])` pseudo-class.\n   */\n  _nativeDisabled: \"&:is(disabled, [disabled])\",\n  /**\n   * The CSS `&:focus` pseudo-class.\n   */\n  _nativeFocus: \"&:focus\",\n  /**\n   * The CSS `&:focus-visible` pseudo-class.\n   */\n  _nativeFocusVisible: \"&:focus-visible\",\n  /**\n   * The CSS `&:focus-within` pseudo-class.\n   */\n  _nativeFocusWithin: \"&:focus-within\",\n  /**\n   * The CSS `&:hover` pseudo-class.\n   */\n  _nativeHover: \"&:hover\",\n  /**\n   * The CSS `&:is([readonly], [aria-readonly=true])` pseudo-class.\n   */\n  _nativeReadOnly: \"&:is([readonly], [aria-readonly=true])\",\n  /**\n   * The CSS `&:target` pseudo-class.\n   */\n  _nativeTarget: \"&:target\",\n  /**\n   * The CSS `&:valid` pseudo-class.\n   */\n  _nativeValid: \"&:valid\",\n  /**\n   * The CSS `&:not(:checked):not([data-checked]):not([aria-checked=true])` pseudo-class.\n   */\n  _notChecked: \"&:not(:checked):not([data-checked]):not([aria-checked=true])\",\n  /**\n   * The CSS `&:not(:empty)` pseudo-class.\n   */\n  _notEmpty: \"&:not(:empty)\",\n  /**\n   * The CSS `&:not(:first-of-type)` pseudo-class.\n   */\n  _notFirst: \"&:not(:first-of-type)\",\n  /**\n   * The CSS `& > *:not(:first-child)` pseudo-class.\n   */\n  _notFirstChild: \"& > *:not(:first-child)\",\n  /**\n   * The CSS `&:not(:last-of-type)` pseudo-class.\n   */\n  _notLast: \"&:not(:last-of-type)\",\n  /**\n   * The CSS `& > *:not(:last-child)` pseudo-class.\n   */\n  _notLastChild: \"& > *:not(:last-child)\",\n  /**\n   * The CSS `&:not(:target)` pseudo-class.\n   */\n  _notTarget: \"&:not(:target)\",\n  /**\n   * The CSS `&:nth-of-type(odd)` pseudo-class.\n   */\n  _odd: \"&:nth-of-type(odd)\",\n  /**\n   * The CSS `&:only-of-type` pseudo-class.\n   */\n  _only: \"&:only-of-type\",\n  /**\n   * The CSS `&:only-child` pseudo-class.\n   */\n  _onlyChild: \"&:only-child\",\n  /**\n   * The CSS `&:is(:optional, [data-optional])` pseudo-class.\n   */\n  _optional: \"&:is(:optional, [data-optional])\",\n  /**\n   * The CSS `&:is(:out-of-range, [data-out-of-range])` pseudo-class.\n   */\n  _outRange: \"&:is(:out-of-range, [data-out-of-range])\",\n  /**\n   * The CSS `&:is(:paused, [data-paused])` pseudo-class.\n   */\n  _paused: \"&:is(:paused, [data-paused])\",\n  /**\n   * The CSS `&:picture-in-picture` pseudo-class.\n   */\n  _picture: \"&:picture-in-picture\",\n  /**\n   * The CSS `&:placeholder-shown` pseudo-class.\n   */\n  _placeholderShown: \"&:placeholder-shown\",\n  /**\n   * The CSS `&:is(:playing, [data-playing])` pseudo-class.\n   */\n  _playing: \"&:is(:playing, [data-playing])\",\n  /**\n   * The CSS `&:popover-open` pseudo-class.\n   */\n  _popoverOpen: \"&:popover-open\",\n  /**\n   * The CSS `&:is(:read-write, [data-read-write])` pseudo-class.\n   */\n  _readWrite: \"&:is(:read-write, [data-read-write])\",\n  /**\n   * The CSS `&:is(:required, [required])` pseudo-class.\n   */\n  _required: \"&:is(:required, [required])\",\n  /**\n   * The CSS `&:is(:target, [data-target])` pseudo-class.\n   */\n  _target: \"&:is(:target, [data-target])\",\n  /**\n   * The CSS `&:is(:user-invalid, [data-user-invalid])` pseudo-class.\n   */\n  _userInvalid: \"&:is(:user-invalid, [data-user-invalid])\",\n  /**\n   * The CSS `&:is(:valid, [data-valid])` pseudo-class.\n   */\n  _valid: \"&:is(:valid, [data-valid])\",\n  /**\n   * The CSS `&:is([data-orientation=vertical], [aria-orientation=vertical])` pseudo-class.\n   */\n  _vertical: \"&:is([data-orientation=vertical], [aria-orientation=vertical])\",\n  /**\n   * The CSS `&:visited` pseudo-class.\n   */\n  _visited: \"&:visited\",\n  /**\n   * The CSS `&:is(:hover, [data-hover])` pseudo-class.\n   */\n  _hover:\n    \"&:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])\",\n  /**\n   * The CSS `&:is(:active, [data-active])` pseudo-class.\n   */\n  _active:\n    \"&:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])\",\n  /**\n   * The CSS `&:is(:focus, [data-focus])` pseudo-class.\n   */\n  _focus: \"&:is(:focus, [data-focus])\",\n  /**\n   * The CSS `&:is(:focus-visible, [data-focus-visible])` pseudo-class.\n   */\n  _focusVisible: \"&:is(:focus-visible, [data-focus-visible])\",\n  /**\n   * The CSS `&:is([data-invalid], [aria-invalid=true])` attribute selector.\n   */\n  _invalid: \"&:is([data-invalid], [aria-invalid=true])\",\n  /**\n   * The CSS `&:is([readonly], [data-readonly], [aria-readonly=true])` pseudo-class.\n   */\n  _readOnly: \"&:is([readonly], [data-readonly], [aria-readonly=true])\",\n  /**\n   * The CSS `&:is(:disabled, [disabled], [data-disabled])` pseudo-class.\n   */\n  _disabled: \"&:is(:disabled, [disabled], [data-disabled])\",\n} as const\n\nexport type PseudoClasses = typeof pseudoClasses\nexport type PseudoClassProperty = keyof PseudoClasses\nexport type PseudoClassProps = {\n  [K in PseudoClassProperty]?: CSSObject\n}\n\nexport const pseudoClassProperties = Object.keys(\n  pseudoClasses,\n) as PseudoClassProperty[]\nexport const pseudoClassSelectors = Object.values(pseudoClasses)\n\nexport const groupAttributes = {\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is accepted.\n   */\n  _groupAccept: toGroup(attributes._accept),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is activedescendant.\n   */\n  _groupActivedescendant: toGroup(pseudoClasses._activedescendant),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is animated.\n   */\n  _groupAnimated: toGroup(attributes._animated),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is blank.\n   */\n  _groupBlank: toGroup(pseudoClasses._blank),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is checked.\n   */\n  _groupChecked: toGroup(pseudoClasses._checked),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is collapsed.\n   */\n  _groupCollapsed: toGroup(attributes._collapsed),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is complete.\n   */\n  _groupComplete: toGroup(attributes._complete),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is current.\n   */\n  _groupCurrent: toGroup(attributes._current),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is enabled.\n   */\n  _groupEnabled: toGroup(pseudoClasses._enabled),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is expanded.\n   */\n  _groupExpanded: toGroup(attributes._expanded),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is focus-within.\n   */\n  _groupFocusWithin: toGroup(pseudoClasses._focusWithin),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is grabbed.\n   */\n  _groupGrabbed: toGroup(attributes._grabbed),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is horizontal.\n   */\n  _groupHorizontal: toGroup(pseudoClasses._horizontal),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is idle.\n   */\n  _groupIdle: toGroup(attributes._idle),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is incomplete.\n   */\n  _groupIncomplete: toGroup(attributes._incomplete),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is loaded.\n   */\n  _groupLoaded: toGroup(attributes._loaded),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is loading.\n   */\n  _groupLoading: toGroup(attributes._loading),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is open.\n   */\n  _groupOpen: toGroup(attributes._open),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is optional.\n   */\n  _groupOptional: toGroup(pseudoClasses._optional),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` has a placeholder shown.\n   */\n  _groupPlaceholderShown: toGroup(pseudoClasses._placeholderShown),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is pressed.\n   */\n  _groupPressed: toGroup(attributes._pressed),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is range.\n   */\n  _groupRange: toGroup(attributes._range),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is read-write.\n   */\n  _groupReadWrite: toGroup(pseudoClasses._readWrite),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is rejected.\n   */\n  _groupReject: toGroup(attributes._reject),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is required.\n   */\n  _groupRequired: toGroup(pseudoClasses._required),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is user-invalid.\n   */\n  _groupUserInvalid: toGroup(pseudoClasses._userInvalid),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is valid.\n   */\n  _groupValid: toGroup(pseudoClasses._valid),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is vertical.\n   */\n  _groupVertical: toGroup(pseudoClasses._vertical),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is hovered.\n   */\n  _groupHover: toGroup(pseudoClasses._hover),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is active.\n   */\n  _groupActive: toGroup(pseudoClasses._active),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is focused.\n   */\n  _groupFocus: toGroup(pseudoClasses._focus),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is focused-visible.\n   */\n  _groupFocusVisible: toGroup(pseudoClasses._focusVisible),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is selected.\n   */\n  _groupSelected: toGroup(attributes._selected),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is invalid.\n   */\n  _groupInvalid: toGroup(pseudoClasses._invalid),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is read-only.\n   */\n  _groupReadOnly: toGroup(pseudoClasses._readOnly),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is disabled.\n   */\n  _groupDisabled: toGroup(pseudoClasses._disabled),\n} as const\n\nexport type GroupAttributes = typeof groupAttributes\nexport type GroupAttributeProperty = keyof GroupAttributes\nexport type GroupAttributeProps = {\n  [K in GroupAttributeProperty]?: CSSObject\n}\n\nexport const groupAttributeProperties = Object.keys(\n  groupAttributes,\n) as GroupAttributeProperty[]\nexport const groupAttributeSelectors = Object.values(groupAttributes)\n\nexport const peerAttributes = {\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` exists.\n   */\n  _peer: toPeer(),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is accepted.\n   */\n  _peerAccept: toPeer(attributes._accept),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is animated.\n   */\n  _peerAnimated: toPeer(attributes._animated),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is blank.\n   */\n  _peerBlank: toPeer(pseudoClasses._blank),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is checked.\n   */\n  _peerChecked: toPeer(pseudoClasses._checked),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is collapsed.\n   */\n  _peerCollapsed: toPeer(attributes._collapsed),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is complete.\n   */\n  _peerComplete: toPeer(attributes._complete),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is current.\n   */\n  _peerCurrent: toPeer(attributes._current),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is enabled.\n   */\n  _peerEnabled: toPeer(pseudoClasses._enabled),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is expanded.\n   */\n  _peerExpanded: toPeer(attributes._expanded),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is focus-within.\n   */\n  _peerFocusWithin: toPeer(pseudoClasses._focusWithin),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is grabbed.\n   */\n  _peerGrabbed: toPeer(attributes._grabbed),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is horizontal.\n   */\n  _peerHorizontal: toPeer(pseudoClasses._horizontal),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is idle.\n   */\n  _peerIdle: toPeer(attributes._idle),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is incomplete.\n   */\n  _peerIncomplete: toPeer(attributes._incomplete),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is loaded.\n   */\n  _peerLoaded: toPeer(attributes._loaded),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is loading.\n   */\n  _peerLoading: toPeer(attributes._loading),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is optional.\n   */\n  _peerOptional: toPeer(pseudoClasses._optional),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` has a placeholder shown.\n   */\n  _peerPlaceholderShown: toPeer(pseudoClasses._placeholderShown),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is pressed.\n   */\n  _peerPressed: toPeer(attributes._pressed),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is range.\n   */\n  _peerRange: toPeer(attributes._range),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is read-write.\n   */\n  _peerReadWrite: toPeer(pseudoClasses._readWrite),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is rejected.\n   */\n  _peerReject: toPeer(attributes._reject),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is required.\n   */\n  _peerRequired: toPeer(pseudoClasses._required),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is user-invalid.\n   */\n  _peerUserInvalid: toPeer(pseudoClasses._userInvalid),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is valid.\n   */\n  _peerValid: toPeer(pseudoClasses._valid),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is vertical.\n   */\n  _peerVertical: toPeer(pseudoClasses._vertical),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is hovered.\n   */\n  _peerHover: toPeer(pseudoClasses._hover),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is active.\n   */\n  _peerActive: toPeer(pseudoClasses._active),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is focused.\n   */\n  _peerFocus: toPeer(pseudoClasses._focus),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is focused-visible.\n   */\n  _peerFocusVisible: toPeer(pseudoClasses._focusVisible),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is selected.\n   */\n  _peerSelected: toPeer(attributes._selected),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is invalid.\n   */\n  _peerInvalid: toPeer(pseudoClasses._invalid),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is read-only.\n   */\n  _peerReadOnly: toPeer(pseudoClasses._readOnly),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is disabled.\n   */\n  _peerDisabled: toPeer(pseudoClasses._disabled),\n} as const\n\nexport type PeerAttributes = typeof peerAttributes\nexport type PeerAttributeProperty = keyof PeerAttributes\nexport type PeerAttributeProps = {\n  [K in PeerAttributeProperty]?: CSSObject\n}\n\nexport const peerAttributeProperties = Object.keys(\n  peerAttributes,\n) as PeerAttributeProperty[]\nexport const peerAttributeSelectors = Object.values(peerAttributes)\n\nexport const conditions = {\n  ...pseudoElements,\n  ...attributes,\n  ...pseudoClasses,\n  ...groupAttributes,\n  ...peerAttributes,\n} as const\n\nexport type Conditions = typeof conditions\nexport type ConditionProperty = keyof Conditions\nexport type ConditionSelector = Conditions[ConditionProperty]\nexport type ConditionProps = {\n  [K in keyof Conditions]?: CSSObject\n}\n\nexport const conditionProperties = Object.keys(\n  conditions,\n) as ConditionProperty[]\nexport const conditionSelectors = Object.values(conditions)\n\nexport function getCondition(key: string) {\n  return key in conditions ? conditions[key as ConditionProperty] : key\n}\n"],"mappings":"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"}
+{"version":3,"file":"conditions.js","names":[],"sources":["../../../../src/core/css/conditions.ts"],"sourcesContent":["import type { Length } from \"../../utils\"\nimport type { DOMElement } from \"../components\"\nimport type { CSSObject } from \"./index.types\"\n\ntype ReplaceSelector<\n  Y extends string[],\n  M extends string,\n  D extends string,\n> = Y extends [infer H extends string, ...infer R extends string[]]\n  ? `${H}${M extends `&${infer T}` ? `${T} ${D}` : `${M} ${D}`}${Length<R> extends 0 ? \"\" : `, `}${ReplaceSelector<R, M, D>}`\n  : \"\"\n\nconst toGroup = <Y extends string>(selector: Y) =>\n  [\"[role=group]\", \"[data-group]\", \".group\"]\n    .map((prefix) => `${prefix}${selector.slice(1)} &`)\n    .join(\", \") as ReplaceSelector<\n    [\"[role=group]\", \"[data-group]\", \".group\"],\n    Y,\n    \"&\"\n  >\n\nconst toPeer = <Y extends string>(selector?: Y) =>\n  [\n    ...[\"[data-peer]\", \".peer\"].flatMap((prefix) => [\n      selector\n        ? `&:has(~ ${prefix}${selector.slice(1)})`\n        : `&:has(~ ${prefix})`,\n      selector ? `${prefix}${selector.slice(1)} ~ &` : `${prefix} ~ &`,\n    ]),\n    ...(selector\n      ? [\"[data-peer]\", \".peer\"].flatMap((prefix) => [\n          `&:has(~ ${prefix} *${selector.slice(1)})`,\n          `${prefix}:has(*${selector.slice(1)}) ~ &`,\n        ])\n      : []),\n  ].join(\", \") as ReplaceSelector<[\"[data-peer]\", \".peer\"], Y, \"~ &\">\n\nexport type AnySelector =\n  | `${string}${\" \" | \"#\" | \"*\" | \"+\" | \",\" | \".\" | \":\" | \">\" | \"@\" | \"[\" | \"]\" | \"~\"}${string}`\n  | DOMElement\n\nexport const attributes = {\n  /**\n   * The CSS `&[data-inactive]` attribute selector.\n   */\n  _inactive: \"&[data-inactive]\",\n  /**\n   * The CSS `&[data-accept]` attribute selector.\n   */\n  _accept: \"&[data-accept]\",\n  /**\n   * The CSS `&[data-animated]` attribute selector.\n   */\n  _animated: \"&[data-animated]\",\n  /**\n   * The CSS `&[data-between]` attribute selector.\n   */\n  _between: \"&[data-between]\",\n  /**\n   * The CSS `&:is([data-center], [data-group-center])` attribute selector.\n   */\n  _center: \"&:is([data-center], [data-group-center])\",\n  /**\n   * The CSS `&:is([data-collapsed], :not([data-expanded]), [aria-expanded=false])` attribute selector.\n   */\n  _collapsed:\n    \"&:is([data-collapsed], :not([data-expanded]), [aria-expanded=false])\",\n  /**\n   * The CSS `&[data-complete]` attribute selector.\n   */\n  _complete: \"&[data-complete]\",\n  /**\n   * The CSS `&:is([aria-current], [data-current]):not([aria-current='false'])` attribute selector.\n   */\n  _current: \"&:is([aria-current], [data-current]):not([aria-current='false'])\",\n  /**\n   * Styles for when `data-mode` is applied to any parent of this component or element.\n   */\n  _dark:\n    \".dark &:not([data-mode]), [data-mode=dark] &:not([data-mode]), &[data-mode=dark]\",\n  /**\n   * The CSS `&:is([data-end], [data-group-end])` attribute selector.\n   */\n  _end: \"&:is([data-end], [data-group-end])\",\n  /**\n   * The CSS `&:is([data-expanded], [aria-expanded=true])` attribute selector.\n   */\n  _expanded: \"&:is([data-expanded], [aria-expanded=true])\",\n  /**\n   * The CSS `&[data-fallback]` attribute selector.\n   */\n  _fallback: \"&[data-fallback]\",\n  /**\n   * The CSS `&[data-filled]` attribute selector.\n   */\n  _filled: \"&[data-filled]\",\n  /**\n   * The CSS `&:is([data-grabbed], [aria-grabbed=true])` attribute selector.\n   */\n  _grabbed: \"&:is([data-grabbed], [aria-grabbed=true])\",\n  /**\n   * The CSS `&:is([role=grid], [data-grid])` attribute selector.\n   */\n  _grid: \"&:is([role=grid], [data-grid])\",\n  /**\n   * The CSS `&:is(:has(> [role=group]), :has(> [data-group]), :has(> .group))` attribute selector.\n   */\n  _hasGroup: \"&:is(:has(> [role=group]), :has(> [data-group]), :has(> .group))\",\n  /**\n   * The CSS `&:has(> [data-icon])` attribute selector.\n   */\n  _hasIcon: \"&:has(> [data-icon])\",\n  /**\n   * The CSS `&[data-idle]` attribute selector.\n   */\n  _idle: \"&[data-idle]\",\n  /**\n   * The CSS `&[data-incomplete]` attribute selector.\n   */\n  _incomplete: \"&[data-incomplete]\",\n  /**\n   * Styles for when `data-mode` is applied to any parent of this component or element.\n   */\n  _light:\n    \".light &:not([data-mode]), [data-mode=light] &:not([data-mode]), &[data-mode=light]\",\n  /**\n   * The CSS `&[data-loaded]` attribute selector.\n   */\n  _loaded: \"&[data-loaded]\",\n  /**\n   * The CSS `&:is([data-loading], [aria-busy=true])` attribute selector.\n   */\n  _loading: \"&:is([data-loading], [aria-busy=true])\",\n  /**\n   * The CSS `&[dir=ltr]` attribute selector.\n   */\n  _ltr: \"[dir=ltr] &\",\n  /**\n   * The CSS `&[hidden]` attribute selector.\n   */\n  _nativeHidden: \"&[hidden]\",\n  /**\n   * The CSS `&[data-not-allowed]` attribute selector.\n   */\n  _notAllowed: \"&[data-not-allowed]\",\n  /**\n   * The CSS `&[aria-current='false']` attribute selector.\n   */\n  _notCurrent: \"&:not([aria-current], [data-current]), &[aria-current='false']\",\n  /**\n   * The CSS `&:not([data-fallback])` attribute selector.\n   */\n  _notFallback: \"&:not([data-fallback])\",\n  /**\n   * The CSS `&:not(:has(> [role=group]), :has(> [data-group]), :has(> .group))` attribute selector.\n   */\n  _notHasGroup:\n    \"&:not(:has(> [role=group]), :has(> [data-group]), :has(> .group))\",\n  /**\n   * The CSS `&:not([data-selected]):not([aria-selected=true])` attribute selector.\n   */\n  _notSelected: \"&:not([data-selected]):not([aria-selected=true])\",\n  /**\n   * The CSS `&[data-numeric]` attribute selector.\n   */\n  _numeric: \"&[data-numeric]\",\n  /**\n   * The CSS `&:is([open], [data-open])` attribute selector.\n   */\n  _open: \"&:is([open], [data-open])\",\n  /**\n   * The CSS `&:is([data-pressed], [aria-pressed=true])` attribute selector.\n   */\n  _pressed: \"&:is([data-pressed], [aria-pressed=true])\",\n  /**\n   * The CSS `&:is([data-range])` attribute selector.\n   */\n  _range: \"&:is([data-range])\",\n  /**\n   * The CSS `&[data-reject]` attribute selector.\n   */\n  _reject: \"&[data-reject]\",\n  /**\n   * The CSS `& .ui-ripple` attribute selector.\n   */\n  _ripple: \"& .ui-ripple\",\n  /**\n   * The CSS `&[dir=rtl]` attribute selector.\n   */\n  _rtl: \"[dir=rtl] &\",\n  /**\n   * The CSS `&:is([data-start], [data-group-start])` attribute selector.\n   */\n  _start: \"&:is([data-start], [data-group-start])\",\n  /**\n   * The CSS `&:is([data-selected], [aria-selected=true])` attribute selector.\n   */\n  _selected: \"&:is([data-selected], [aria-selected=true])\",\n  /**\n   * The CSS `&:is([hidden], [data-hidden])` attribute selector.\n   */\n  _hidden: \"&:is([hidden], [data-hidden])\",\n  /**\n   * The CSS `&[data-never]` attribute selector.\n   */\n  _never: \"&[data-never]\",\n} as const\n\nexport type Attributes = typeof attributes\nexport type AttributeProperty = keyof Attributes\nexport type AttributeProps = {\n  [K in AttributeProperty]?: CSSObject\n}\n\nexport const attributeProperties = Object.keys(\n  attributes,\n) as AttributeProperty[]\nexport const attributeSelectors = Object.values(attributes)\n\nexport const pseudoElements = {\n  /**\n   * The CSS `&::after` pseudo-element.\n   */\n  _after: \"&::after\",\n  /**\n   * The CSS `&::backdrop` pseudo-element.\n   */\n  _backdrop: \"&::backdrop\",\n  /**\n   * The CSS `&::before` pseudo-element.\n   */\n  _before: \"&::before\",\n  /**\n   * The CSS `&::cue` pseudo-element.\n   */\n  _cue: \"&::cue\",\n  /**\n   * The CSS `&::cue-region` pseudo-element.\n   */\n  _cueRegion: \"&::cue-region\",\n  /**\n   * The CSS `&::details-content` pseudo-element.\n   */\n  _detailsContent: \"&::details-content\",\n  /**\n   * The CSS `&::file-selector-button` pseudo-element.\n   */\n  _fileSelector: \"&::file-selector-button\",\n  /**\n   * The CSS `&::first-letter` pseudo-element.\n   */\n  _firstLetter: \"&::first-letter\",\n  /**\n   * The CSS `&::first-line` pseudo-element.\n   */\n  _firstLine: \"&::first-line\",\n  /**\n   * The CSS `&::marker` pseudo-element.\n   */\n  _marker: \"&::marker\",\n  /**\n   * The CSS `&::placeholder, &[data-placeholder]` pseudo-element.\n   */\n  _placeholder: \"&::placeholder, &[data-placeholder]\",\n  /**\n   * The CSS `&::-webkit-scrollbar, &[data-scrollbar]` pseudo-element.\n   */\n  _scrollbar: \"&::-webkit-scrollbar, &[data-scrollbar]\",\n  /**\n   * The CSS `&::-webkit-scrollbar-button` pseudo-element.\n   */\n  _scrollbarButton: \"&::-webkit-scrollbar-button\",\n  /**\n   * The CSS `&::-webkit-scrollbar-corner` pseudo-element.\n   */\n  _scrollbarCorner: \"&::-webkit-scrollbar-corner\",\n  /**\n   * The CSS `&::-webkit-scrollbar-thumb` pseudo-element.\n   */\n  _scrollbarThumb: \"&::-webkit-scrollbar-thumb\",\n  /**\n   * The CSS `&::-webkit-scrollbar-track` pseudo-element.\n   */\n  _scrollbarTrack: \"&::-webkit-scrollbar-track\",\n  /**\n   * The CSS `&::-webkit-scrollbar-track-piece` pseudo-element.\n   */\n  _scrollbarTrackPiece: \"&::-webkit-scrollbar-track-piece\",\n  /**\n   * The CSS `&::selection` pseudo-element.\n   */\n  _selection: \"&::selection\",\n} as const\n\nexport type PseudoElements = typeof pseudoElements\nexport type PseudoElementProperty = keyof PseudoElements\nexport type PseudoElementProps = {\n  [K in PseudoElementProperty]?: CSSObject\n}\n\nexport const pseudoElementProperties = Object.keys(\n  pseudoElements,\n) as PseudoElementProperty[]\nexport const pseudoElementSelectors = Object.values(pseudoElements)\n\nexport const pseudoClasses = {\n  /**\n   * The CSS `&:is([data-activedescendant])` pseudo-class.\n   */\n  _activedescendant: \"&:is([data-activedescendant])\",\n  /**\n   * The CSS `:any-link` pseudo-class.\n   */\n  _anyLink: \"&:is(:any-link, [data-any-link])\",\n  /**\n   * The CSS `&:autofill` pseudo-class.\n   */\n  _autofill: \"&:autofill\",\n  /**\n   * The CSS `&:is(:blank, [data-blank])` pseudo-class.\n   */\n  _blank: \"&:is(:blank, [data-blank])\",\n  /**\n   * The CSS `&:is(:checked, [data-checked], [aria-checked=true])` pseudo-class.\n   */\n  _checked: \"&:is(:checked, [data-checked], [aria-checked=true])\",\n  /**\n   * The CSS `& > *` child combinator selector.\n   */\n  _child: \"& > *\",\n  /**\n   * The CSS `& > [data-content]` child combinator attribute selector.\n   */\n  _content: \"& > [data-content]\",\n  /**\n   * The CSS `&:default` pseudo-class.\n   */\n  _default: \"&:default\",\n  /**\n   * The CSS `&:empty` pseudo-class.\n   */\n  _empty: \"&:empty\",\n  /**\n   * The CSS `&:is(:enabled, [data-enabled])` pseudo-class.\n   */\n  _enabled: \"&:is(:enabled, [data-enabled])\",\n  /**\n   * The CSS `&:nth-of-type(even)` pseudo-class.\n   */\n  _even: \"&:nth-of-type(even)\",\n  /**\n   * The CSS `&:first-of-type` pseudo-class.\n   */\n  _first: \"&:first-of-type\",\n  /**\n   * The CSS `& > *:first-child` pseudo-class.\n   */\n  _firstChild: \"& > *:first-child\",\n  /**\n   * The CSS `&:not(:focus-within, [data-focus-within])` pseudo-class.\n   */\n  _focusWithin: \"&:not(:focus-within, [data-focus-within])\",\n  /**\n   * The CSS `&:fullscreen` pseudo-class.\n   */\n  _fullScreen: \"&:fullscreen\",\n  /**\n   * The CSS `&:is([data-orientation=horizontal], [aria-orientation=horizontal])` pseudo-class.\n   */\n  _horizontal:\n    \"&:is([data-orientation=horizontal], [aria-orientation=horizontal])\",\n  /**\n   * The CSS `&:where(svg:not([data-loading])), & > [data-icon]` pseudo-class.\n   */\n  _icon: \"&:where(svg:not([data-loading])), & > [data-icon]\",\n  /**\n   * The CSS `&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])` pseudo-class.\n   */\n  _indeterminate:\n    \"&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])\",\n  /**\n   * The CSS `& > [data-indicator]` pseudo-class.\n   */\n  _indicator: \"& > [data-indicator]\",\n  /**\n   * The CSS `&:is(:in-range, [data-in-range])` pseudo-class.\n   */\n  _inRange: \"&:is(:in-range, [data-in-range])\",\n  /**\n   * The CSS `&:last-of-type` pseudo-class.\n   */\n  _last: \"&:last-of-type\",\n  /**\n   * The CSS `& > *:last-child` pseudo-class.\n   */\n  _lastChild: \"& > *:last-child\",\n  /**\n   * The CSS `&:is(:link, [data-link])` pseudo-class.\n   */\n  _link: \"&:is(:link, [data-link])\",\n  /**\n   * The CSS `&:modal` pseudo-class.\n   */\n  _modal: \"&:modal\",\n  /**\n   * The CSS `&:active` pseudo-class.\n   */\n  _nativeActive: \"&:active\",\n  /**\n   * The CSS `&:checked` pseudo-class.\n   */\n  _nativeChecked: \"&:checked\",\n  /**\n   * The CSS `&:is(disabled, [disabled])` pseudo-class.\n   */\n  _nativeDisabled: \"&:is(disabled, [disabled])\",\n  /**\n   * The CSS `&:focus` pseudo-class.\n   */\n  _nativeFocus: \"&:focus\",\n  /**\n   * The CSS `&:focus-visible` pseudo-class.\n   */\n  _nativeFocusVisible: \"&:focus-visible\",\n  /**\n   * The CSS `&:focus-within` pseudo-class.\n   */\n  _nativeFocusWithin: \"&:focus-within\",\n  /**\n   * The CSS `&:hover` pseudo-class.\n   */\n  _nativeHover: \"&:hover\",\n  /**\n   * The CSS `&:is([readonly], [aria-readonly=true])` pseudo-class.\n   */\n  _nativeReadOnly: \"&:is([readonly], [aria-readonly=true])\",\n  /**\n   * The CSS `&:target` pseudo-class.\n   */\n  _nativeTarget: \"&:target\",\n  /**\n   * The CSS `&:valid` pseudo-class.\n   */\n  _nativeValid: \"&:valid\",\n  /**\n   * The CSS `&:not(:checked):not([data-checked]):not([aria-checked=true])` pseudo-class.\n   */\n  _notChecked: \"&:not(:checked):not([data-checked]):not([aria-checked=true])\",\n  /**\n   * The CSS `&:not(:empty)` pseudo-class.\n   */\n  _notEmpty: \"&:not(:empty)\",\n  /**\n   * The CSS `&:not(:first-of-type)` pseudo-class.\n   */\n  _notFirst: \"&:not(:first-of-type)\",\n  /**\n   * The CSS `& > *:not(:first-child)` pseudo-class.\n   */\n  _notFirstChild: \"& > *:not(:first-child)\",\n  /**\n   * The CSS `&:not(:last-of-type)` pseudo-class.\n   */\n  _notLast: \"&:not(:last-of-type)\",\n  /**\n   * The CSS `& > *:not(:last-child)` pseudo-class.\n   */\n  _notLastChild: \"& > *:not(:last-child)\",\n  /**\n   * The CSS `&:not(:target)` pseudo-class.\n   */\n  _notTarget: \"&:not(:target)\",\n  /**\n   * The CSS `&:nth-of-type(odd)` pseudo-class.\n   */\n  _odd: \"&:nth-of-type(odd)\",\n  /**\n   * The CSS `&:only-of-type` pseudo-class.\n   */\n  _only: \"&:only-of-type\",\n  /**\n   * The CSS `&:only-child` pseudo-class.\n   */\n  _onlyChild: \"&:only-child\",\n  /**\n   * The CSS `&:is(:optional, [data-optional])` pseudo-class.\n   */\n  _optional: \"&:is(:optional, [data-optional])\",\n  /**\n   * The CSS `&:is(:out-of-range, [data-out-of-range])` pseudo-class.\n   */\n  _outRange: \"&:is(:out-of-range, [data-out-of-range])\",\n  /**\n   * The CSS `&:is(:paused, [data-paused])` pseudo-class.\n   */\n  _paused: \"&:is(:paused, [data-paused])\",\n  /**\n   * The CSS `&:picture-in-picture` pseudo-class.\n   */\n  _picture: \"&:picture-in-picture\",\n  /**\n   * The CSS `&:placeholder-shown` pseudo-class.\n   */\n  _placeholderShown: \"&:placeholder-shown\",\n  /**\n   * The CSS `&:is(:playing, [data-playing])` pseudo-class.\n   */\n  _playing: \"&:is(:playing, [data-playing])\",\n  /**\n   * The CSS `&:popover-open` pseudo-class.\n   */\n  _popoverOpen: \"&:popover-open\",\n  /**\n   * The CSS `&:is(:read-write, [data-read-write])` pseudo-class.\n   */\n  _readWrite: \"&:is(:read-write, [data-read-write])\",\n  /**\n   * The CSS `&:is(:required, [required])` pseudo-class.\n   */\n  _required: \"&:is(:required, [required])\",\n  /**\n   * The CSS `&:is(:target, [data-target])` pseudo-class.\n   */\n  _target: \"&:is(:target, [data-target])\",\n  /**\n   * The CSS `&:is(:user-invalid, [data-user-invalid])` pseudo-class.\n   */\n  _userInvalid: \"&:is(:user-invalid, [data-user-invalid])\",\n  /**\n   * The CSS `&:is(:valid, [data-valid])` pseudo-class.\n   */\n  _valid: \"&:is(:valid, [data-valid])\",\n  /**\n   * The CSS `&:is([data-orientation=vertical], [aria-orientation=vertical])` pseudo-class.\n   */\n  _vertical: \"&:is([data-orientation=vertical], [aria-orientation=vertical])\",\n  /**\n   * The CSS `&:visited` pseudo-class.\n   */\n  _visited: \"&:visited\",\n  /**\n   * The CSS `&:is(:hover, [data-hover])` pseudo-class.\n   */\n  _hover:\n    \"&:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])\",\n  /**\n   * The CSS `&:is(:active, [data-active])` pseudo-class.\n   */\n  _active:\n    \"&:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])\",\n  /**\n   * The CSS `&:is(:focus, [data-focus])` pseudo-class.\n   */\n  _focus: \"&:is(:focus, [data-focus])\",\n  /**\n   * The CSS `&:is(:focus-visible, [data-focus-visible])` pseudo-class.\n   */\n  _focusVisible: \"&:is(:focus-visible, [data-focus-visible])\",\n  /**\n   * The CSS `&:is([data-invalid], [aria-invalid=true])` attribute selector.\n   */\n  _invalid: \"&:is([data-invalid], [aria-invalid=true])\",\n  /**\n   * The CSS `&:is([readonly], [data-readonly], [aria-readonly=true])` pseudo-class.\n   */\n  _readOnly: \"&:is([readonly], [data-readonly], [aria-readonly=true])\",\n  /**\n   * The CSS `&:is(:disabled, [disabled], [data-disabled])` pseudo-class.\n   */\n  _disabled: \"&:is(:disabled, [disabled], [data-disabled])\",\n} as const\n\nexport type PseudoClasses = typeof pseudoClasses\nexport type PseudoClassProperty = keyof PseudoClasses\nexport type PseudoClassProps = {\n  [K in PseudoClassProperty]?: CSSObject\n}\n\nexport const pseudoClassProperties = Object.keys(\n  pseudoClasses,\n) as PseudoClassProperty[]\nexport const pseudoClassSelectors = Object.values(pseudoClasses)\n\nexport const groupAttributes = {\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is accepted.\n   */\n  _groupAccept: toGroup(attributes._accept),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is activedescendant.\n   */\n  _groupActivedescendant: toGroup(pseudoClasses._activedescendant),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is animated.\n   */\n  _groupAnimated: toGroup(attributes._animated),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is blank.\n   */\n  _groupBlank: toGroup(pseudoClasses._blank),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is checked.\n   */\n  _groupChecked: toGroup(pseudoClasses._checked),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is collapsed.\n   */\n  _groupCollapsed: toGroup(attributes._collapsed),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is complete.\n   */\n  _groupComplete: toGroup(attributes._complete),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is current.\n   */\n  _groupCurrent: toGroup(attributes._current),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is enabled.\n   */\n  _groupEnabled: toGroup(pseudoClasses._enabled),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is expanded.\n   */\n  _groupExpanded: toGroup(attributes._expanded),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is focus-within.\n   */\n  _groupFocusWithin: toGroup(pseudoClasses._focusWithin),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is grabbed.\n   */\n  _groupGrabbed: toGroup(attributes._grabbed),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is horizontal.\n   */\n  _groupHorizontal: toGroup(pseudoClasses._horizontal),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is idle.\n   */\n  _groupIdle: toGroup(attributes._idle),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is incomplete.\n   */\n  _groupIncomplete: toGroup(attributes._incomplete),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is loaded.\n   */\n  _groupLoaded: toGroup(attributes._loaded),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is loading.\n   */\n  _groupLoading: toGroup(attributes._loading),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is open.\n   */\n  _groupOpen: toGroup(attributes._open),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is optional.\n   */\n  _groupOptional: toGroup(pseudoClasses._optional),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` has a placeholder shown.\n   */\n  _groupPlaceholderShown: toGroup(pseudoClasses._placeholderShown),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is pressed.\n   */\n  _groupPressed: toGroup(attributes._pressed),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is range.\n   */\n  _groupRange: toGroup(attributes._range),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is read-write.\n   */\n  _groupReadWrite: toGroup(pseudoClasses._readWrite),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is rejected.\n   */\n  _groupReject: toGroup(attributes._reject),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is required.\n   */\n  _groupRequired: toGroup(pseudoClasses._required),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is user-invalid.\n   */\n  _groupUserInvalid: toGroup(pseudoClasses._userInvalid),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is valid.\n   */\n  _groupValid: toGroup(pseudoClasses._valid),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is vertical.\n   */\n  _groupVertical: toGroup(pseudoClasses._vertical),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is hovered.\n   */\n  _groupHover: toGroup(pseudoClasses._hover),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is active.\n   */\n  _groupActive: toGroup(pseudoClasses._active),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is focused.\n   */\n  _groupFocus: toGroup(pseudoClasses._focus),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is focused-visible.\n   */\n  _groupFocusVisible: toGroup(pseudoClasses._focusVisible),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is selected.\n   */\n  _groupSelected: toGroup(attributes._selected),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is invalid.\n   */\n  _groupInvalid: toGroup(pseudoClasses._invalid),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is read-only.\n   */\n  _groupReadOnly: toGroup(pseudoClasses._readOnly),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is disabled.\n   */\n  _groupDisabled: toGroup(pseudoClasses._disabled),\n} as const\n\nexport type GroupAttributes = typeof groupAttributes\nexport type GroupAttributeProperty = keyof GroupAttributes\nexport type GroupAttributeProps = {\n  [K in GroupAttributeProperty]?: CSSObject\n}\n\nexport const groupAttributeProperties = Object.keys(\n  groupAttributes,\n) as GroupAttributeProperty[]\nexport const groupAttributeSelectors = Object.values(groupAttributes)\n\nexport const peerAttributes = {\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` exists.\n   */\n  _peer: toPeer(),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is accepted.\n   */\n  _peerAccept: toPeer(attributes._accept),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is animated.\n   */\n  _peerAnimated: toPeer(attributes._animated),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is blank.\n   */\n  _peerBlank: toPeer(pseudoClasses._blank),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is checked.\n   */\n  _peerChecked: toPeer(pseudoClasses._checked),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is collapsed.\n   */\n  _peerCollapsed: toPeer(attributes._collapsed),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is complete.\n   */\n  _peerComplete: toPeer(attributes._complete),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is current.\n   */\n  _peerCurrent: toPeer(attributes._current),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is enabled.\n   */\n  _peerEnabled: toPeer(pseudoClasses._enabled),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is expanded.\n   */\n  _peerExpanded: toPeer(attributes._expanded),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is focus-within.\n   */\n  _peerFocusWithin: toPeer(pseudoClasses._focusWithin),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is grabbed.\n   */\n  _peerGrabbed: toPeer(attributes._grabbed),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is horizontal.\n   */\n  _peerHorizontal: toPeer(pseudoClasses._horizontal),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is idle.\n   */\n  _peerIdle: toPeer(attributes._idle),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is incomplete.\n   */\n  _peerIncomplete: toPeer(attributes._incomplete),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is loaded.\n   */\n  _peerLoaded: toPeer(attributes._loaded),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is loading.\n   */\n  _peerLoading: toPeer(attributes._loading),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is optional.\n   */\n  _peerOptional: toPeer(pseudoClasses._optional),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` has a placeholder shown.\n   */\n  _peerPlaceholderShown: toPeer(pseudoClasses._placeholderShown),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is pressed.\n   */\n  _peerPressed: toPeer(attributes._pressed),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is range.\n   */\n  _peerRange: toPeer(attributes._range),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is read-write.\n   */\n  _peerReadWrite: toPeer(pseudoClasses._readWrite),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is rejected.\n   */\n  _peerReject: toPeer(attributes._reject),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is required.\n   */\n  _peerRequired: toPeer(pseudoClasses._required),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is user-invalid.\n   */\n  _peerUserInvalid: toPeer(pseudoClasses._userInvalid),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is valid.\n   */\n  _peerValid: toPeer(pseudoClasses._valid),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is vertical.\n   */\n  _peerVertical: toPeer(pseudoClasses._vertical),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is hovered.\n   */\n  _peerHover: toPeer(pseudoClasses._hover),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is active.\n   */\n  _peerActive: toPeer(pseudoClasses._active),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is focused.\n   */\n  _peerFocus: toPeer(pseudoClasses._focus),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is focused-visible.\n   */\n  _peerFocusVisible: toPeer(pseudoClasses._focusVisible),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is selected.\n   */\n  _peerSelected: toPeer(attributes._selected),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is invalid.\n   */\n  _peerInvalid: toPeer(pseudoClasses._invalid),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is read-only.\n   */\n  _peerReadOnly: toPeer(pseudoClasses._readOnly),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is disabled.\n   */\n  _peerDisabled: toPeer(pseudoClasses._disabled),\n} as const\n\nexport type PeerAttributes = typeof peerAttributes\nexport type PeerAttributeProperty = keyof PeerAttributes\nexport type PeerAttributeProps = {\n  [K in PeerAttributeProperty]?: CSSObject\n}\n\nexport const peerAttributeProperties = Object.keys(\n  peerAttributes,\n) as PeerAttributeProperty[]\nexport const peerAttributeSelectors = Object.values(peerAttributes)\n\nexport const conditions = {\n  ...pseudoElements,\n  ...attributes,\n  ...pseudoClasses,\n  ...groupAttributes,\n  ...peerAttributes,\n} as const\n\nexport type Conditions = typeof conditions\nexport type ConditionProperty = keyof Conditions\nexport type ConditionSelector = Conditions[ConditionProperty]\nexport type ConditionProps = {\n  [K in keyof Conditions]?: CSSObject\n}\n\nexport const conditionProperties = Object.keys(\n  conditions,\n) as ConditionProperty[]\nexport const conditionSelectors = Object.values(conditions)\n\nexport function getCondition(key: string) {\n  return key in conditions ? conditions[key as ConditionProperty] : key\n}\n"],"mappings":"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"}

package/dist/esm/core/css/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","names":[],"sources":["../../../../src/core/css/config.ts"],"sourcesContent":["import type { CSSObject } from \"@emotion/styled\"\nimport type { ThemeToken } from \"../system\"\nimport type { CSSProperties } from \"./index.types\"\nimport type { Transform } from \"./utils\"\nimport { isNumber, isObject } from \"../../utils\"\nimport { animation, keyframes } from \"./animation\"\nimport { generateAtRule } from \"./at-rule\"\nimport { generateCalc } from \"./calc\"\nimport { colorMix } from \"./color-mix\"\nimport { colorScheme } from \"./color-scheme\"\nimport { display } from \"./display\"\nimport { generateFilter } from \"./filter\"\nimport { generateFocusRing } from \"./focus-ring\"\nimport { generateFunction } from \"./function\"\nimport { gradient } from \"./gradient\"\nimport { grid } from \"./grid\"\nimport { generateStyle } from \"./style\"\nimport { generateToken } from \"./token\"\nimport { transform } from \"./transform\"\nimport { generateTransition } from \"./transition\"\nimport { analyzeCSSValue, isCSSVar } from \"./utils\"\n\nexport interface StyleConfig {\n  important?: boolean\n  properties?: CSSProperties[]\n  static?: CSSObject\n  token?: ThemeToken\n  transform?: Transform\n}\n\nexport interface StyleConfigs {\n  [key: string]: StyleConfig | true\n}\n\nexport const transforms = {\n  style: generateStyle,\n  colorScheme,\n  animation,\n  bgClip: (value, { prev }) => {\n    if (value === \"text\") {\n      prev ??= {}\n      prev.color ??= \"transparent\"\n\n      return value\n    } else {\n      return value\n    }\n  },\n  calc: generateCalc,\n  colorMix,\n  container: generateAtRule(\"container\"),\n  content: (value) => {\n    if (isObject(value)) {\n      return { content: \"''\", ...value }\n    } else {\n      return value\n    }\n  },\n  deg: (value) => {\n    if (isCSSVar(value) || value == null) return value\n\n    const isUnitless =\n      typeof value === \"string\" &&\n      !value.endsWith(\"deg\") &&\n      !value.endsWith(\"grad\") &&\n      !value.endsWith(\"turn\") &&\n      !value.endsWith(\"rad\")\n\n    return isUnitless || isNumber(value) ? `${value}deg` : value\n  },\n  display,\n  filter: generateFilter,\n  focusRing: generateFocusRing,\n  fraction: (value) => {\n    if (isNumber(value) && value <= 1) value = `${value * 100}%`\n\n    return value\n  },\n  function: generateFunction,\n  gradient,\n  grid,\n  keyframes,\n  media: generateAtRule(\"media\"),\n  px: (value) => {\n    if (value == null) return value\n\n    const { unitless } = analyzeCSSValue(value)\n\n    return unitless || isNumber(value) ? `${value}px` : value\n  },\n  supports: generateAtRule(\"supports\"),\n  token: generateToken,\n  transform,\n  transition: generateTransition,\n  truncated: (value: boolean) => {\n    if (value) {\n      return {\n        overflow: \"hidden\",\n        textOverflow: \"ellipsis\",\n        whiteSpace: \"nowrap\",\n      }\n    }\n  },\n} satisfies { [key: string]: Transform }\n\nexport type Transforms = keyof typeof transforms\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkCA,MAAa,aAAa;CACxB,OAAO;CACP;CACA;CACA,SAAS,OAAO,EAAE,WAAW;EAC3B,IAAI,UAAU,QAAQ;GACpB,SAAS,EAAE;GACX,KAAK,UAAU;GAEf,OAAO;SAEP,OAAO;;CAGX,MAAM;CACN;CACA,WAAW,eAAe,YAAY;CACtC,UAAU,UAAU;EAClB,KAAA,GAAA,cAAA,UAAa,MAAM,EACjB,OAAO;GAAE,SAAS;GAAM,GAAG;GAAO;OAElC,OAAO;;CAGX,MAAM,UAAU;EACd,IAAI,SAAS,MAAM,IAAI,SAAS,MAAM,OAAO;EAS7C,OANE,OAAO,UAAU,YACjB,CAAC,MAAM,SAAS,MAAM,IACtB,CAAC,MAAM,SAAS,OAAO,IACvB,CAAC,MAAM,SAAS,OAAO,IACvB,CAAC,MAAM,SAAS,MAAM,KAAA,GAAA,cAAA,UAEM,MAAM,GAAG,GAAG,MAAM,OAAO;;CAEzD;CACA,QAAQ;CACR,WAAW;CACX,WAAW,UAAU;EACnB,KAAA,GAAA,cAAA,UAAa,MAAM,IAAI,SAAS,GAAG,QAAQ,GAAG,QAAQ,IAAI;EAE1D,OAAO;;CAET,UAAU;CACV;CACA;CACA;CACA,OAAO,eAAe,QAAQ;CAC9B,KAAK,UAAU;EACb,IAAI,SAAS,MAAM,OAAO;EAE1B,MAAM,EAAE,aAAa,gBAAgB,MAAM;EAE3C,OAAO,aAAA,GAAA,cAAA,UAAqB,MAAM,GAAG,GAAG,MAAM,MAAM;;CAEtD,UAAU,eAAe,WAAW;CACpC,OAAO;CACP;CACA,YAAY;CACZ,YAAY,UAAmB;EAC7B,IAAI,OACF,OAAO;GACL,UAAU;GACV,cAAc;GACd,YAAY;GACb;;CAGN"}
+{"version":3,"file":"config.js","names":[],"sources":["../../../../src/core/css/config.ts"],"sourcesContent":["import type { CSSObject } from \"@emotion/styled\"\nimport type { ThemeToken } from \"../system\"\nimport type { CSSProperties } from \"./index.types\"\nimport type { Transform } from \"./utils\"\nimport { isNumber, isObject } from \"../../utils\"\nimport { animation, keyframes } from \"./animation\"\nimport { generateAtRule } from \"./at-rule\"\nimport { generateCalc } from \"./calc\"\nimport { colorMix } from \"./color-mix\"\nimport { colorScheme } from \"./color-scheme\"\nimport { display } from \"./display\"\nimport { generateFilter } from \"./filter\"\nimport { generateFocusRing } from \"./focus-ring\"\nimport { generateFunction } from \"./function\"\nimport { gradient } from \"./gradient\"\nimport { grid } from \"./grid\"\nimport { generateStyle } from \"./style\"\nimport { generateToken } from \"./token\"\nimport { transform } from \"./transform\"\nimport { generateTransition } from \"./transition\"\nimport { analyzeCSSValue, isCSSVar } from \"./utils\"\n\nexport interface StyleConfig {\n  important?: boolean\n  properties?: CSSProperties[]\n  static?: CSSObject\n  token?: ThemeToken\n  transform?: Transform\n}\n\nexport interface StyleConfigs {\n  [key: string]: StyleConfig | true\n}\n\nexport const transforms = {\n  style: generateStyle,\n  colorScheme,\n  animation,\n  bgClip: (value, { prev }) => {\n    if (value === \"text\") {\n      prev ??= {}\n      prev.color ??= \"transparent\"\n\n      return value\n    } else {\n      return value\n    }\n  },\n  calc: generateCalc,\n  colorMix,\n  container: generateAtRule(\"container\"),\n  content: (value) => {\n    if (isObject(value)) {\n      return { content: \"''\", ...value }\n    } else {\n      return value\n    }\n  },\n  deg: (value) => {\n    if (isCSSVar(value) || value == null) return value\n\n    const isUnitless =\n      typeof value === \"string\" &&\n      !value.endsWith(\"deg\") &&\n      !value.endsWith(\"grad\") &&\n      !value.endsWith(\"turn\") &&\n      !value.endsWith(\"rad\")\n\n    return isUnitless || isNumber(value) ? `${value}deg` : value\n  },\n  display,\n  filter: generateFilter,\n  focusRing: generateFocusRing,\n  fraction: (value) => {\n    if (isNumber(value) && value <= 1) value = `${value * 100}%`\n\n    return value\n  },\n  function: generateFunction,\n  gradient,\n  grid,\n  keyframes,\n  media: generateAtRule(\"media\"),\n  px: (value) => {\n    if (value == null) return value\n\n    const { unitless } = analyzeCSSValue(value)\n\n    return unitless || isNumber(value) ? `${value}px` : value\n  },\n  supports: generateAtRule(\"supports\"),\n  token: generateToken,\n  transform,\n  transition: generateTransition,\n  truncated: (value: boolean) => {\n    if (value) {\n      return {\n        overflow: \"hidden\",\n        textOverflow: \"ellipsis\",\n        whiteSpace: \"nowrap\",\n      }\n    }\n  },\n} satisfies { [key: string]: Transform }\n\nexport type Transforms = keyof typeof transforms\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkCA,MAAa,aAAa;CACxB,OAAO;CACP;CACA;CACA,SAAS,OAAO,EAAE,WAAW;EAC3B,IAAI,UAAU,QAAQ;GACpB,SAAS,CAAC;GACV,KAAK,UAAU;GAEf,OAAO;EACT,OACE,OAAO;CAEX;CACA,MAAM;CACN;CACA,WAAW,eAAe,WAAW;CACrC,UAAU,UAAU;EAClB,KAAA,GAAA,cAAA,UAAa,KAAK,GAChB,OAAO;GAAE,SAAS;GAAM,GAAG;EAAM;OAEjC,OAAO;CAEX;CACA,MAAM,UAAU;EACd,IAAI,SAAS,KAAK,KAAK,SAAS,MAAM,OAAO;EAS7C,OANE,OAAO,UAAU,YACjB,CAAC,MAAM,SAAS,KAAK,KACrB,CAAC,MAAM,SAAS,MAAM,KACtB,CAAC,MAAM,SAAS,MAAM,KACtB,CAAC,MAAM,SAAS,KAAK,MAAA,GAAA,cAAA,UAEO,KAAK,IAAI,GAAG,MAAM,OAAO;CACzD;CACA;CACA,QAAQ;CACR,WAAW;CACX,WAAW,UAAU;EACnB,KAAA,GAAA,cAAA,UAAa,KAAK,KAAK,SAAS,GAAG,QAAQ,GAAG,QAAQ,IAAI;EAE1D,OAAO;CACT;CACA,UAAU;CACV;CACA;CACA;CACA,OAAO,eAAe,OAAO;CAC7B,KAAK,UAAU;EACb,IAAI,SAAS,MAAM,OAAO;EAE1B,MAAM,EAAE,aAAa,gBAAgB,KAAK;EAE1C,OAAO,aAAA,GAAA,cAAA,UAAqB,KAAK,IAAI,GAAG,MAAM,MAAM;CACtD;CACA,UAAU,eAAe,UAAU;CACnC,OAAO;CACP;CACA,YAAY;CACZ,YAAY,UAAmB;EAC7B,IAAI,OACF,OAAO;GACL,UAAU;GACV,cAAc;GACd,YAAY;EACd;CAEJ;AACF"}

package/dist/esm/core/css/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","names":[],"sources":["../../../../src/core/css/css.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { Breakpoints, System, UsageTheme } from \"../system\"\nimport type { StyleConfig } from \"./config\"\nimport type { CSSObjectOrFunction } from \"./index.types\"\nimport type { StyleProperty, VariableLengthProperty } from \"./styles\"\nimport type { TransformOptions } from \"./utils\"\nimport {\n  isArray,\n  isObject,\n  isString,\n  isUndefined,\n  merge,\n  runIfFn,\n} from \"../../utils\"\nimport { getColorSchemeVar, getVar, transformInterpolation } from \"../system\"\nimport { colorMix } from \"./color-mix\"\nimport { conditions, getCondition } from \"./conditions\"\nimport { styles, variableLengthProperties } from \"./styles\"\nimport {\n  insertImportant,\n  isCSSToken,\n  isImportant,\n  omitImportant,\n} from \"./utils\"\n\nfunction isVariableLength(key: string): boolean {\n  return variableLengthProperties.includes(key as VariableLengthProperty)\n}\n\nfunction isConditionalObject(breakpoints: Breakpoints) {\n  return function (value: any): boolean {\n    if (!isObject(value)) return false\n\n    const keys = Object.keys(value)\n\n    if (!keys.length) return false\n\n    if (!keys.includes(\"base\")) return false\n\n    return keys.every((key) => {\n      return (\n        breakpoints.isResponsiveKey(key) ||\n        key.startsWith(\"@\") ||\n        key.startsWith(\"_\")\n      )\n    })\n  }\n}\n\nfunction transformColorModeArray(breakpoints: Breakpoints) {\n  return function (key: string, [lightValue, darkValue]: any[]): Dict {\n    let computedCSS: Dict = {}\n\n    if (isConditionalObject(breakpoints)(lightValue)) {\n      computedCSS = transformConditionalObject(breakpoints)(key, lightValue)\n    } else {\n      computedCSS[key] = lightValue\n    }\n\n    if (isConditionalObject(breakpoints)(darkValue)) {\n      computedCSS[conditions._dark] = transformConditionalObject(breakpoints)(\n        key,\n        darkValue,\n      )\n    } else {\n      computedCSS[conditions._dark] = { [key]: darkValue }\n    }\n\n    return computedCSS\n  }\n}\n\nfunction transformConditionalObject(breakpoints: Breakpoints) {\n  return function (key: string, value: Dict) {\n    const conditionalKeys = Object.keys(value).filter(\n      (key) => !breakpoints.isResponsiveKey(key),\n    )\n\n    const breakpointObj = breakpoints.queries.reduce<Dict>(\n      (prev, { breakpoint, query }) => {\n        const breakpointValue = value[breakpoint]\n\n        if (!isUndefined(breakpointValue)) {\n          if (isArray(breakpointValue)) {\n            const colorModeValue = transformColorModeArray(breakpoints)(\n              key,\n              breakpointValue,\n            )\n\n            prev = merge(\n              prev,\n              query ? { [query]: colorModeValue } : colorModeValue,\n            )\n          } else if (isConditionalObject(breakpoints)(breakpointValue)) {\n            const conditionalValue = transformConditionalObject(breakpoints)(\n              key,\n              breakpointValue,\n            )\n\n            prev = merge(\n              prev,\n              query ? { [query]: conditionalValue } : conditionalValue,\n            )\n          } else {\n            prev = merge(\n              prev,\n              query\n                ? { [query]: { [key]: breakpointValue } }\n                : { [key]: breakpointValue },\n            )\n          }\n        }\n\n        return prev\n      },\n      {},\n    )\n\n    const additionalObj = conditionalKeys.reduce<Dict>(\n      (prev, conditionalKey) => {\n        const query = getCondition(conditionalKey)\n\n        prev[query] = { [key]: value[conditionalKey] }\n\n        return prev\n      },\n      {},\n    )\n\n    return merge(breakpointObj, additionalObj)\n  }\n}\n\nexport function transformConditionalValue({ breakpoints }: System) {\n  return function (key: string, value: any) {\n    if (isArray(value)) {\n      return transformColorModeArray(breakpoints)(key, value)\n    } else if (isConditionalObject(breakpoints)(value)) {\n      return transformConditionalObject(breakpoints)(key, value)\n    } else {\n      return { [key]: value }\n    }\n  }\n}\n\nfunction expandCSS(system: System) {\n  return function (css: Dict): Dict {\n    let computedCSS: Dict = {}\n\n    for (let [key, value] of Object.entries(css)) {\n      if (value == null) continue\n\n      if (!isVariableLength(key)) {\n        computedCSS = merge(\n          computedCSS,\n          transformConditionalValue(system)(key, value),\n        )\n      } else {\n        computedCSS = merge(computedCSS, { [key]: value })\n      }\n    }\n\n    return computedCSS\n  }\n}\n\nfunction valueToVar(system: System) {\n  return function (prop: string, value: any) {\n    const result = transformInterpolation(\n      value,\n      function (value: string, fallbackValue?: string) {\n        if (value.includes(\"colorScheme.\")) {\n          return getColorSchemeVar(system)(value)\n        } else if (value.includes(\"colors.\")) {\n          return colorMix(value, { fallback: fallbackValue, system })\n        } else if (isCSSToken(system)(value)) {\n          return system.cssMap[value]!.ref\n        } else if (fallbackValue) {\n          fallbackValue = isCSSToken(system)(fallbackValue)\n            ? system.cssMap[fallbackValue]!.ref\n            : fallbackValue\n\n          return getVar(value, fallbackValue)\n        } else {\n          return getVar(value)\n        }\n      },\n    )\n\n    if (prop.startsWith(\"--\") && isString(result)) {\n      if (result.includes(\"colorScheme.\")) {\n        return getColorSchemeVar(system)(result)\n      } else if (result.includes(\"colors.\")) {\n        return colorMix(result, { system })\n      } else if (isCSSToken(system)(result)) {\n        return system.cssMap[result]!.ref\n      } else {\n        return result\n      }\n    } else {\n      return result\n    }\n  }\n}\n\nfunction mergeCSS(prev: Dict, value: any, prop: string, properties?: string[]) {\n  if (properties) {\n    for (const property of properties) {\n      prev[property] = prev[property] ?? {}\n      prev[property] = merge(prev[property], value)\n    }\n  } else {\n    prev[prop] = prev[prop] ?? {}\n    prev[prop] = merge(prev[prop], value)\n  }\n\n  return prev\n}\n\nfunction insertCSS(\n  prev: Dict,\n  value: any,\n  prop: string,\n  properties?: string[],\n) {\n  if (properties) {\n    for (const property of properties) {\n      prev[property] = value\n    }\n  } else {\n    prev[prop] = value\n  }\n\n  return prev\n}\n\nexport function getStyle(prop: string) {\n  const style = styles[prop as StyleProperty] as StyleConfig | true | undefined\n\n  return style === true ? { properties: [prop] } : style\n}\n\nexport function css(system: System, theme: UsageTheme = {}) {\n  return function (cssOrFn: CSSObjectOrFunction) {\n    function createCSS(cssOrFn: CSSObjectOrFunction): Dict {\n      const cssObj = runIfFn(cssOrFn, system)\n      const computedCSS = expandCSS(system)(cssObj)\n\n      let prev: Dict = {}\n\n      for (let [prop, value] of Object.entries(computedCSS)) {\n        value = valueToVar(system)(prop, value)\n\n        if (value == null) continue\n\n        prop = getCondition(prop)\n\n        const style = getStyle(prop)\n        const options: TransformOptions = {\n          css,\n          prev,\n          properties: style?.properties,\n          system,\n          theme,\n        }\n\n        if (isObject(value)) {\n          value = style?.transform?.(value, options) ?? value\n\n          if (isObject(value)) {\n            prev = mergeCSS(prev, createCSS(value), prop, style?.properties)\n          } else {\n            prev = insertCSS(prev, value, prop, style?.properties)\n          }\n\n          continue\n        }\n\n        const important = isImportant(value)\n\n        value = omitImportant(value)\n        value = style?.transform?.(value, options) ?? value\n\n        if (important) value = insertImportant(value, style)\n\n        if (style?.static) prev = merge(prev, style.static)\n\n        if (isObject(value)) {\n          prev = merge(prev, createCSS(value))\n\n          continue\n        }\n\n        prev = insertCSS(prev, value, prop, style?.properties)\n      }\n\n      return prev\n    }\n\n    return createCSS(cssOrFn)\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"css.js","names":[],"sources":["../../../../src/core/css/css.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { Breakpoints, System, UsageTheme } from \"../system\"\nimport type { StyleConfig } from \"./config\"\nimport type { CSSObjectOrFunction } from \"./index.types\"\nimport type { StyleProperty, VariableLengthProperty } from \"./styles\"\nimport type { TransformOptions } from \"./utils\"\nimport {\n  isArray,\n  isObject,\n  isString,\n  isUndefined,\n  merge,\n  runIfFn,\n} from \"../../utils\"\nimport { getColorSchemeVar, getVar, transformInterpolation } from \"../system\"\nimport { colorMix } from \"./color-mix\"\nimport { conditions, getCondition } from \"./conditions\"\nimport { styles, variableLengthProperties } from \"./styles\"\nimport {\n  insertImportant,\n  isCSSToken,\n  isImportant,\n  omitImportant,\n} from \"./utils\"\n\nfunction isVariableLength(key: string): boolean {\n  return variableLengthProperties.includes(key as VariableLengthProperty)\n}\n\nfunction isConditionalObject(breakpoints: Breakpoints) {\n  return function (value: any): boolean {\n    if (!isObject(value)) return false\n\n    const keys = Object.keys(value)\n\n    if (!keys.length) return false\n\n    if (!keys.includes(\"base\")) return false\n\n    return keys.every((key) => {\n      return (\n        breakpoints.isResponsiveKey(key) ||\n        key.startsWith(\"@\") ||\n        key.startsWith(\"_\")\n      )\n    })\n  }\n}\n\nfunction transformColorModeArray(breakpoints: Breakpoints) {\n  return function (key: string, [lightValue, darkValue]: any[]): Dict {\n    let computedCSS: Dict = {}\n\n    if (isConditionalObject(breakpoints)(lightValue)) {\n      computedCSS = transformConditionalObject(breakpoints)(key, lightValue)\n    } else {\n      computedCSS[key] = lightValue\n    }\n\n    if (isConditionalObject(breakpoints)(darkValue)) {\n      computedCSS[conditions._dark] = transformConditionalObject(breakpoints)(\n        key,\n        darkValue,\n      )\n    } else {\n      computedCSS[conditions._dark] = { [key]: darkValue }\n    }\n\n    return computedCSS\n  }\n}\n\nfunction transformConditionalObject(breakpoints: Breakpoints) {\n  return function (key: string, value: Dict) {\n    const conditionalKeys = Object.keys(value).filter(\n      (key) => !breakpoints.isResponsiveKey(key),\n    )\n\n    const breakpointObj = breakpoints.queries.reduce<Dict>(\n      (prev, { breakpoint, query }) => {\n        const breakpointValue = value[breakpoint]\n\n        if (!isUndefined(breakpointValue)) {\n          if (isArray(breakpointValue)) {\n            const colorModeValue = transformColorModeArray(breakpoints)(\n              key,\n              breakpointValue,\n            )\n\n            prev = merge(\n              prev,\n              query ? { [query]: colorModeValue } : colorModeValue,\n            )\n          } else if (isConditionalObject(breakpoints)(breakpointValue)) {\n            const conditionalValue = transformConditionalObject(breakpoints)(\n              key,\n              breakpointValue,\n            )\n\n            prev = merge(\n              prev,\n              query ? { [query]: conditionalValue } : conditionalValue,\n            )\n          } else {\n            prev = merge(\n              prev,\n              query\n                ? { [query]: { [key]: breakpointValue } }\n                : { [key]: breakpointValue },\n            )\n          }\n        }\n\n        return prev\n      },\n      {},\n    )\n\n    const additionalObj = conditionalKeys.reduce<Dict>(\n      (prev, conditionalKey) => {\n        const query = getCondition(conditionalKey)\n\n        prev[query] = { [key]: value[conditionalKey] }\n\n        return prev\n      },\n      {},\n    )\n\n    return merge(breakpointObj, additionalObj)\n  }\n}\n\nexport function transformConditionalValue({ breakpoints }: System) {\n  return function (key: string, value: any) {\n    if (isArray(value)) {\n      return transformColorModeArray(breakpoints)(key, value)\n    } else if (isConditionalObject(breakpoints)(value)) {\n      return transformConditionalObject(breakpoints)(key, value)\n    } else {\n      return { [key]: value }\n    }\n  }\n}\n\nfunction expandCSS(system: System) {\n  return function (css: Dict): Dict {\n    let computedCSS: Dict = {}\n\n    for (let [key, value] of Object.entries(css)) {\n      if (value == null) continue\n\n      if (!isVariableLength(key)) {\n        computedCSS = merge(\n          computedCSS,\n          transformConditionalValue(system)(key, value),\n        )\n      } else {\n        computedCSS = merge(computedCSS, { [key]: value })\n      }\n    }\n\n    return computedCSS\n  }\n}\n\nfunction valueToVar(system: System) {\n  return function (prop: string, value: any) {\n    const result = transformInterpolation(\n      value,\n      function (value: string, fallbackValue?: string) {\n        if (value.includes(\"colorScheme.\")) {\n          return getColorSchemeVar(system)(value)\n        } else if (value.includes(\"colors.\")) {\n          return colorMix(value, { fallback: fallbackValue, system })\n        } else if (isCSSToken(system)(value)) {\n          return system.cssMap[value]!.ref\n        } else if (fallbackValue) {\n          fallbackValue = isCSSToken(system)(fallbackValue)\n            ? system.cssMap[fallbackValue]!.ref\n            : fallbackValue\n\n          return getVar(value, fallbackValue)\n        } else {\n          return getVar(value)\n        }\n      },\n    )\n\n    if (prop.startsWith(\"--\") && isString(result)) {\n      if (result.includes(\"colorScheme.\")) {\n        return getColorSchemeVar(system)(result)\n      } else if (result.includes(\"colors.\")) {\n        return colorMix(result, { system })\n      } else if (isCSSToken(system)(result)) {\n        return system.cssMap[result]!.ref\n      } else {\n        return result\n      }\n    } else {\n      return result\n    }\n  }\n}\n\nfunction mergeCSS(prev: Dict, value: any, prop: string, properties?: string[]) {\n  if (properties) {\n    for (const property of properties) {\n      prev[property] = prev[property] ?? {}\n      prev[property] = merge(prev[property], value)\n    }\n  } else {\n    prev[prop] = prev[prop] ?? {}\n    prev[prop] = merge(prev[prop], value)\n  }\n\n  return prev\n}\n\nfunction insertCSS(\n  prev: Dict,\n  value: any,\n  prop: string,\n  properties?: string[],\n) {\n  if (properties) {\n    for (const property of properties) {\n      prev[property] = value\n    }\n  } else {\n    prev[prop] = value\n  }\n\n  return prev\n}\n\nexport function getStyle(prop: string) {\n  const style = styles[prop as StyleProperty] as StyleConfig | true | undefined\n\n  return style === true ? { properties: [prop] } : style\n}\n\nexport function css(system: System, theme: UsageTheme = {}) {\n  return function (cssOrFn: CSSObjectOrFunction) {\n    function createCSS(cssOrFn: CSSObjectOrFunction): Dict {\n      const cssObj = runIfFn(cssOrFn, system)\n      const computedCSS = expandCSS(system)(cssObj)\n\n      let prev: Dict = {}\n\n      for (let [prop, value] of Object.entries(computedCSS)) {\n        value = valueToVar(system)(prop, value)\n\n        if (value == null) continue\n\n        prop = getCondition(prop)\n\n        const style = getStyle(prop)\n        const options: TransformOptions = {\n          css,\n          prev,\n          properties: style?.properties,\n          system,\n          theme,\n        }\n\n        if (isObject(value)) {\n          value = style?.transform?.(value, options) ?? value\n\n          if (isObject(value)) {\n            prev = mergeCSS(prev, createCSS(value), prop, style?.properties)\n          } else {\n            prev = insertCSS(prev, value, prop, style?.properties)\n          }\n\n          continue\n        }\n\n        const important = isImportant(value)\n\n        value = omitImportant(value)\n        value = style?.transform?.(value, options) ?? value\n\n        if (important) value = insertImportant(value, style)\n\n        if (style?.static) prev = merge(prev, style.static)\n\n        if (isObject(value)) {\n          prev = merge(prev, createCSS(value))\n\n          continue\n        }\n\n        prev = insertCSS(prev, value, prop, style?.properties)\n      }\n\n      return prev\n    }\n\n    return createCSS(cssOrFn)\n  }\n}\n"],"mappings":"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"}

package/dist/esm/core/css/display.js.map

@@ -1 +1 @@
-{"version":3,"file":"display.js","names":[],"sources":["../../../../src/core/css/display.ts"],"sourcesContent":["import type { TransformOptions } from \"./utils\"\nimport { visuallyHiddenAttributes } from \"../../utils\"\n\nexport function display(value: any, { prev }: TransformOptions) {\n  switch (value) {\n    case \"center\":\n      return {\n        display: \"flex\",\n        placeContent: prev?.placeContent ?? \"center\",\n        placeItems: prev?.placeItems ?? \"center\",\n      }\n    case \"inline-center\":\n      return {\n        display: \"inline-flex\",\n        placeContent: prev?.placeContent ?? \"center\",\n        placeItems: prev?.placeItems ?? \"center\",\n      }\n    case \"absolute-center\":\n      return {\n        insetBlockStart: \"50%\",\n        insetInlineStart: \"50%\",\n        position: \"absolute\",\n        translateX: \"-50%\",\n        translateY: \"-50%\",\n      }\n    case \"hidden\":\n      return visuallyHiddenAttributes.style\n    default:\n      return value\n  }\n}\n"],"mappings":";;AAGA,SAAgB,QAAQ,OAAY,EAAE,QAA0B;CAC9D,QAAQ,OAAR;EACE,KAAK,UACH,OAAO;GACL,SAAS;GACT,cAAc,MAAM,gBAAgB;GACpC,YAAY,MAAM,cAAc;GACjC;EACH,KAAK,iBACH,OAAO;GACL,SAAS;GACT,cAAc,MAAM,gBAAgB;GACpC,YAAY,MAAM,cAAc;GACjC;EACH,KAAK,mBACH,OAAO;GACL,iBAAiB;GACjB,kBAAkB;GAClB,UAAU;GACV,YAAY;GACZ,YAAY;GACb;EACH,KAAK,UACH,OAAO,yBAAyB;EAClC,SACE,OAAO"}
+{"version":3,"file":"display.js","names":[],"sources":["../../../../src/core/css/display.ts"],"sourcesContent":["import type { TransformOptions } from \"./utils\"\nimport { visuallyHiddenAttributes } from \"../../utils\"\n\nexport function display(value: any, { prev }: TransformOptions) {\n  switch (value) {\n    case \"center\":\n      return {\n        display: \"flex\",\n        placeContent: prev?.placeContent ?? \"center\",\n        placeItems: prev?.placeItems ?? \"center\",\n      }\n    case \"inline-center\":\n      return {\n        display: \"inline-flex\",\n        placeContent: prev?.placeContent ?? \"center\",\n        placeItems: prev?.placeItems ?? \"center\",\n      }\n    case \"absolute-center\":\n      return {\n        insetBlockStart: \"50%\",\n        insetInlineStart: \"50%\",\n        position: \"absolute\",\n        translateX: \"-50%\",\n        translateY: \"-50%\",\n      }\n    case \"hidden\":\n      return visuallyHiddenAttributes.style\n    default:\n      return value\n  }\n}\n"],"mappings":";;AAGA,SAAgB,QAAQ,OAAY,EAAE,QAA0B;CAC9D,QAAQ,OAAR;EACE,KAAK,UACH,OAAO;GACL,SAAS;GACT,cAAc,MAAM,gBAAgB;GACpC,YAAY,MAAM,cAAc;EAClC;EACF,KAAK,iBACH,OAAO;GACL,SAAS;GACT,cAAc,MAAM,gBAAgB;GACpC,YAAY,MAAM,cAAc;EAClC;EACF,KAAK,mBACH,OAAO;GACL,iBAAiB;GACjB,kBAAkB;GAClB,UAAU;GACV,YAAY;GACZ,YAAY;EACd;EACF,KAAK,UACH,OAAO,yBAAyB;EAClC,SACE,OAAO;CACX;AACF"}

package/dist/esm/core/css/filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter.js","names":[],"sources":["../../../../src/core/css/filter.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { CSSObject } from \"./index.types\"\nimport type { Transform } from \"./utils\"\n\nexport function generateFilter(\n  type: \"backdropFilter\" | \"filter\" = \"filter\",\n): Transform {\n  return function (value, { prev, properties }) {\n    const result: Dict = {}\n\n    properties?.forEach((property) => {\n      result[type] = [prev?.[type] ?? \"\", `var(${property})`].join(\" \")\n      result[property] = value\n    })\n\n    return result as CSSObject\n  }\n}\n"],"mappings":";AAIA,SAAgB,eACd,OAAoC,UACzB;CACX,OAAO,SAAU,OAAO,EAAE,MAAM,cAAc;EAC5C,MAAM,SAAe,EAAE;EAEvB,YAAY,SAAS,aAAa;GAChC,OAAO,QAAQ,CAAC,OAAO,SAAS,IAAI,OAAO,SAAS,GAAG,CAAC,KAAK,IAAI;GACjE,OAAO,YAAY;IACnB;EAEF,OAAO"}
+{"version":3,"file":"filter.js","names":[],"sources":["../../../../src/core/css/filter.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { CSSObject } from \"./index.types\"\nimport type { Transform } from \"./utils\"\n\nexport function generateFilter(\n  type: \"backdropFilter\" | \"filter\" = \"filter\",\n): Transform {\n  return function (value, { prev, properties }) {\n    const result: Dict = {}\n\n    properties?.forEach((property) => {\n      result[type] = [prev?.[type] ?? \"\", `var(${property})`].join(\" \")\n      result[property] = value\n    })\n\n    return result as CSSObject\n  }\n}\n"],"mappings":";AAIA,SAAgB,eACd,OAAoC,UACzB;CACX,OAAO,SAAU,OAAO,EAAE,MAAM,cAAc;EAC5C,MAAM,SAAe,CAAC;EAEtB,YAAY,SAAS,aAAa;GAChC,OAAO,QAAQ,CAAC,OAAO,SAAS,IAAI,OAAO,SAAS,EAAE,EAAE,KAAK,GAAG;GAChE,OAAO,YAAY;EACrB,CAAC;EAED,OAAO;CACT;AACF"}

package/dist/esm/core/css/focus-ring.js.map

@@ -1 +1 @@
-{"version":3,"file":"focus-ring.js","names":[],"sources":["../../../../src/core/css/focus-ring.ts"],"sourcesContent":["import type { CSSObject } from \"./index.types\"\nimport type { Transform } from \"./utils\"\n\nexport const focusRingStyle = {\n  inline: {\n    outlineOffset: \"{focus-ring-offset, -5px}\",\n    outlineStyle: \"{focus-ring-style, solid}\",\n    outlineWidth: \"{focus-ring-width, 1px}\",\n  },\n  inside: {\n    borderColor: \"{focus-ring-color}\",\n    boxShadow: \"inset 0 0 0 1px {focus-ring-color}\",\n    outlineOffset: \"inherit\",\n    outlineStyle: \"inherit\",\n    outlineWidth: \"inherit\",\n  },\n  mixed: {\n    borderColor: \"{focus-ring-color}\",\n    outlineOffset: \"{focus-ring-offset, 0px}\",\n    outlineStyle: \"{focus-ring-style, solid}\",\n    outlineWidth: \"{focus-ring-width, 2px}\",\n  },\n  none: {\n    outline: \"none\",\n  },\n  outline: {\n    outlineOffset: \"{focus-ring-offset, 2px}\",\n    outlineStyle: \"{focus-ring-style, solid}\",\n    outlineWidth: \"{focus-ring-width, 2px}\",\n  },\n  outside: {\n    borderColor: \"{focus-ring-color}\",\n    boxShadow: \"0 0 0 1px {focus-ring-color}\",\n    outlineOffset: \"inherit\",\n    outlineStyle: \"inherit\",\n    outlineWidth: \"inherit\",\n  },\n} satisfies { [key: string]: CSSObject }\n\nexport function generateFocusRing(selector: string): Transform {\n  return function (value, { prev }) {\n    const focusRingColor =\n      prev?.[\"--focus-ring-color\"] ?? \"{colorScheme.outline}\"\n\n    const result = {\n      \"--focus-ring-color\": focusRingColor,\n      outlineColor: \"{focus-ring-color}\",\n      [selector]: {\n        ...(value in focusRingStyle\n          ? focusRingStyle[value as keyof typeof focusRingStyle]\n          : focusRingStyle.none),\n      },\n    }\n\n    return result\n  }\n}\n"],"mappings":";AAGA,MAAa,iBAAiB;CAC5B,QAAQ;EACN,eAAe;EACf,cAAc;EACd,cAAc;EACf;CACD,QAAQ;EACN,aAAa;EACb,WAAW;EACX,eAAe;EACf,cAAc;EACd,cAAc;EACf;CACD,OAAO;EACL,aAAa;EACb,eAAe;EACf,cAAc;EACd,cAAc;EACf;CACD,MAAM,EACJ,SAAS,QACV;CACD,SAAS;EACP,eAAe;EACf,cAAc;EACd,cAAc;EACf;CACD,SAAS;EACP,aAAa;EACb,WAAW;EACX,eAAe;EACf,cAAc;EACd,cAAc;EACf;CACF;AAED,SAAgB,kBAAkB,UAA6B;CAC7D,OAAO,SAAU,OAAO,EAAE,QAAQ;EAchC,OAAO;GATL,sBAHA,OAAO,yBAAyB;GAIhC,cAAc;IACb,WAAW,EACV,GAAI,SAAS,iBACT,eAAe,SACf,eAAe,MACpB;GAGU"}
+{"version":3,"file":"focus-ring.js","names":[],"sources":["../../../../src/core/css/focus-ring.ts"],"sourcesContent":["import type { CSSObject } from \"./index.types\"\nimport type { Transform } from \"./utils\"\n\nexport const focusRingStyle = {\n  inline: {\n    outlineOffset: \"{focus-ring-offset, -5px}\",\n    outlineStyle: \"{focus-ring-style, solid}\",\n    outlineWidth: \"{focus-ring-width, 1px}\",\n  },\n  inside: {\n    borderColor: \"{focus-ring-color}\",\n    boxShadow: \"inset 0 0 0 1px {focus-ring-color}\",\n    outlineOffset: \"inherit\",\n    outlineStyle: \"inherit\",\n    outlineWidth: \"inherit\",\n  },\n  mixed: {\n    borderColor: \"{focus-ring-color}\",\n    outlineOffset: \"{focus-ring-offset, 0px}\",\n    outlineStyle: \"{focus-ring-style, solid}\",\n    outlineWidth: \"{focus-ring-width, 2px}\",\n  },\n  none: {\n    outline: \"none\",\n  },\n  outline: {\n    outlineOffset: \"{focus-ring-offset, 2px}\",\n    outlineStyle: \"{focus-ring-style, solid}\",\n    outlineWidth: \"{focus-ring-width, 2px}\",\n  },\n  outside: {\n    borderColor: \"{focus-ring-color}\",\n    boxShadow: \"0 0 0 1px {focus-ring-color}\",\n    outlineOffset: \"inherit\",\n    outlineStyle: \"inherit\",\n    outlineWidth: \"inherit\",\n  },\n} satisfies { [key: string]: CSSObject }\n\nexport function generateFocusRing(selector: string): Transform {\n  return function (value, { prev }) {\n    const focusRingColor =\n      prev?.[\"--focus-ring-color\"] ?? \"{colorScheme.outline}\"\n\n    const result = {\n      \"--focus-ring-color\": focusRingColor,\n      outlineColor: \"{focus-ring-color}\",\n      [selector]: {\n        ...(value in focusRingStyle\n          ? focusRingStyle[value as keyof typeof focusRingStyle]\n          : focusRingStyle.none),\n      },\n    }\n\n    return result\n  }\n}\n"],"mappings":";AAGA,MAAa,iBAAiB;CAC5B,QAAQ;EACN,eAAe;EACf,cAAc;EACd,cAAc;CAChB;CACA,QAAQ;EACN,aAAa;EACb,WAAW;EACX,eAAe;EACf,cAAc;EACd,cAAc;CAChB;CACA,OAAO;EACL,aAAa;EACb,eAAe;EACf,cAAc;EACd,cAAc;CAChB;CACA,MAAM,EACJ,SAAS,OACX;CACA,SAAS;EACP,eAAe;EACf,cAAc;EACd,cAAc;CAChB;CACA,SAAS;EACP,aAAa;EACb,WAAW;EACX,eAAe;EACf,cAAc;EACd,cAAc;CAChB;AACF;AAEA,SAAgB,kBAAkB,UAA6B;CAC7D,OAAO,SAAU,OAAO,EAAE,QAAQ;EAchC,OAAO;GATL,sBAHA,OAAO,yBAAyB;GAIhC,cAAc;IACb,WAAW,EACV,GAAI,SAAS,iBACT,eAAe,SACf,eAAe,KACrB;EAGU;CACd;AACF"}

package/dist/esm/core/css/function.js.map

@@ -1 +1 @@
-{"version":3,"file":"function.js","names":[],"sources":["../../../../src/core/css/function.ts"],"sourcesContent":["import type { Transform } from \"./utils\"\n\nexport function generateFunction(func: string): Transform {\n  return function (value) {\n    return `${func}(${value})`\n  }\n}\n"],"mappings":";AAEA,SAAgB,iBAAiB,MAAyB;CACxD,OAAO,SAAU,OAAO;EACtB,OAAO,GAAG,KAAK,GAAG,MAAM"}
+{"version":3,"file":"function.js","names":[],"sources":["../../../../src/core/css/function.ts"],"sourcesContent":["import type { Transform } from \"./utils\"\n\nexport function generateFunction(func: string): Transform {\n  return function (value) {\n    return `${func}(${value})`\n  }\n}\n"],"mappings":";AAEA,SAAgB,iBAAiB,MAAyB;CACxD,OAAO,SAAU,OAAO;EACtB,OAAO,GAAG,KAAK,GAAG,MAAM;CAC1B;AACF"}

package/dist/esm/core/css/gradient.js.map

@@ -1 +1 @@
-{"version":3,"file":"gradient.js","names":[],"sources":["../../../../src/core/css/gradient.ts"],"sourcesContent":["import type { TransformOptions } from \"./utils\"\nimport { isArray, isUndefined } from \"../../utils\"\nimport {\n  getCSSFunction,\n  globalValues,\n  isCSSFunction,\n  isCSSToken,\n  splitValues,\n} from \"./utils\"\n\nconst directions: { [key: string]: string } = {\n  \"to-b\": \"to bottom\",\n  \"to-bl\": \"to bottom left\",\n  \"to-br\": \"to bottom right\",\n  \"to-l\": \"to left\",\n  \"to-r\": \"to right\",\n  \"to-t\": \"to top\",\n  \"to-tl\": \"to top left\",\n  \"to-tr\": \"to top right\",\n}\n\nconst directionValues = new Set(Object.values(directions))\n\nexport function gradient(value: any, { system }: TransformOptions) {\n  if (value == null || globalValues.has(value)) return value\n\n  const prevent = isCSSFunction(value)\n\n  if (!prevent) return `url('${value}')`\n\n  let { type, values } = getCSSFunction(value)\n\n  if (!type || !values) return value\n\n  type = type.includes(\"-gradient\") ? type : `${type}-gradient`\n\n  const [maybeDirection, ...colors] = splitValues(values)\n\n  if (!colors.length) return value\n\n  const direction =\n    maybeDirection && maybeDirection in directions\n      ? directions[maybeDirection]\n      : maybeDirection\n\n  if (!isUndefined(direction)) colors.unshift(direction)\n\n  const computedValues = colors.map((_color) => {\n    if (isUndefined(_color)) return _color\n\n    if (directionValues.has(_color)) return _color\n\n    const i = _color.indexOf(\" \")\n\n    let [color, _ratio] =\n      i !== -1 ? [_color.slice(0, i), _color.slice(i + 1)] : [_color]\n\n    const ratio = isCSSFunction(_ratio) ? _ratio : _ratio?.split(\" \")\n\n    const token = `colors.${color}`\n\n    color = isCSSToken(system)(token) ? system.cssMap[token]!.ref : color\n\n    if (ratio) {\n      return [color, ...(isArray(ratio) ? ratio : [ratio])].join(\" \")\n    } else {\n      return color\n    }\n  })\n\n  return `${type}(${computedValues.join(\", \")})`\n}\n"],"mappings":";;;AAUA,MAAM,aAAwC;CAC5C,QAAQ;CACR,SAAS;CACT,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;CACV;AAED,MAAM,kBAAkB,IAAI,IAAI,OAAO,OAAO,WAAW,CAAC;AAE1D,SAAgB,SAAS,OAAY,EAAE,UAA4B;CACjE,IAAI,SAAS,QAAQ,aAAa,IAAI,MAAM,EAAE,OAAO;CAIrD,IAAI,CAFY,cAAc,MAElB,EAAE,OAAO,QAAQ,MAAM;CAEnC,IAAI,EAAE,MAAM,WAAW,eAAe,MAAM;CAE5C,IAAI,CAAC,QAAQ,CAAC,QAAQ,OAAO;CAE7B,OAAO,KAAK,SAAS,YAAY,GAAG,OAAO,GAAG,KAAK;CAEnD,MAAM,CAAC,gBAAgB,GAAG,UAAU,YAAY,OAAO;CAEvD,IAAI,CAAC,OAAO,QAAQ,OAAO;CAE3B,MAAM,YACJ,kBAAkB,kBAAkB,aAChC,WAAW,kBACX;CAEN,IAAI,EAAA,GAAA,cAAA,aAAa,UAAU,EAAE,OAAO,QAAQ,UAAU;CAEtD,MAAM,iBAAiB,OAAO,KAAK,WAAW;EAC5C,KAAA,GAAA,cAAA,aAAgB,OAAO,EAAE,OAAO;EAEhC,IAAI,gBAAgB,IAAI,OAAO,EAAE,OAAO;EAExC,MAAM,IAAI,OAAO,QAAQ,IAAI;EAE7B,IAAI,CAAC,OAAO,UACV,MAAM,KAAK,CAAC,OAAO,MAAM,GAAG,EAAE,EAAE,OAAO,MAAM,IAAI,EAAE,CAAC,GAAG,CAAC,OAAO;EAEjE,MAAM,QAAQ,cAAc,OAAO,GAAG,SAAS,QAAQ,MAAM,IAAI;EAEjE,MAAM,QAAQ,UAAU;EAExB,QAAQ,WAAW,OAAO,CAAC,MAAM,GAAG,OAAO,OAAO,OAAQ,MAAM;EAEhE,IAAI,OACF,OAAO,CAAC,OAAO,IAAA,GAAA,cAAA,SAAY,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAE,CAAC,KAAK,IAAI;OAE/D,OAAO;GAET;CAEF,OAAO,GAAG,KAAK,GAAG,eAAe,KAAK,KAAK,CAAC"}
+{"version":3,"file":"gradient.js","names":[],"sources":["../../../../src/core/css/gradient.ts"],"sourcesContent":["import type { TransformOptions } from \"./utils\"\nimport { isArray, isUndefined } from \"../../utils\"\nimport {\n  getCSSFunction,\n  globalValues,\n  isCSSFunction,\n  isCSSToken,\n  splitValues,\n} from \"./utils\"\n\nconst directions: { [key: string]: string } = {\n  \"to-b\": \"to bottom\",\n  \"to-bl\": \"to bottom left\",\n  \"to-br\": \"to bottom right\",\n  \"to-l\": \"to left\",\n  \"to-r\": \"to right\",\n  \"to-t\": \"to top\",\n  \"to-tl\": \"to top left\",\n  \"to-tr\": \"to top right\",\n}\n\nconst directionValues = new Set(Object.values(directions))\n\nexport function gradient(value: any, { system }: TransformOptions) {\n  if (value == null || globalValues.has(value)) return value\n\n  const prevent = isCSSFunction(value)\n\n  if (!prevent) return `url('${value}')`\n\n  let { type, values } = getCSSFunction(value)\n\n  if (!type || !values) return value\n\n  type = type.includes(\"-gradient\") ? type : `${type}-gradient`\n\n  const [maybeDirection, ...colors] = splitValues(values)\n\n  if (!colors.length) return value\n\n  const direction =\n    maybeDirection && maybeDirection in directions\n      ? directions[maybeDirection]\n      : maybeDirection\n\n  if (!isUndefined(direction)) colors.unshift(direction)\n\n  const computedValues = colors.map((_color) => {\n    if (isUndefined(_color)) return _color\n\n    if (directionValues.has(_color)) return _color\n\n    const i = _color.indexOf(\" \")\n\n    let [color, _ratio] =\n      i !== -1 ? [_color.slice(0, i), _color.slice(i + 1)] : [_color]\n\n    const ratio = isCSSFunction(_ratio) ? _ratio : _ratio?.split(\" \")\n\n    const token = `colors.${color}`\n\n    color = isCSSToken(system)(token) ? system.cssMap[token]!.ref : color\n\n    if (ratio) {\n      return [color, ...(isArray(ratio) ? ratio : [ratio])].join(\" \")\n    } else {\n      return color\n    }\n  })\n\n  return `${type}(${computedValues.join(\", \")})`\n}\n"],"mappings":";;;AAUA,MAAM,aAAwC;CAC5C,QAAQ;CACR,SAAS;CACT,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;AACX;AAEA,MAAM,kBAAkB,IAAI,IAAI,OAAO,OAAO,UAAU,CAAC;AAEzD,SAAgB,SAAS,OAAY,EAAE,UAA4B;CACjE,IAAI,SAAS,QAAQ,aAAa,IAAI,KAAK,GAAG,OAAO;CAIrD,IAAI,CAFY,cAAc,KAEnB,GAAG,OAAO,QAAQ,MAAM;CAEnC,IAAI,EAAE,MAAM,WAAW,eAAe,KAAK;CAE3C,IAAI,CAAC,QAAQ,CAAC,QAAQ,OAAO;CAE7B,OAAO,KAAK,SAAS,WAAW,IAAI,OAAO,GAAG,KAAK;CAEnD,MAAM,CAAC,gBAAgB,GAAG,UAAU,YAAY,MAAM;CAEtD,IAAI,CAAC,OAAO,QAAQ,OAAO;CAE3B,MAAM,YACJ,kBAAkB,kBAAkB,aAChC,WAAW,kBACX;CAEN,IAAI,EAAA,GAAA,cAAA,aAAa,SAAS,GAAG,OAAO,QAAQ,SAAS;CAErD,MAAM,iBAAiB,OAAO,KAAK,WAAW;EAC5C,KAAA,GAAA,cAAA,aAAgB,MAAM,GAAG,OAAO;EAEhC,IAAI,gBAAgB,IAAI,MAAM,GAAG,OAAO;EAExC,MAAM,IAAI,OAAO,QAAQ,GAAG;EAE5B,IAAI,CAAC,OAAO,UACV,MAAM,KAAK,CAAC,OAAO,MAAM,GAAG,CAAC,GAAG,OAAO,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM;EAEhE,MAAM,QAAQ,cAAc,MAAM,IAAI,SAAS,QAAQ,MAAM,GAAG;EAEhE,MAAM,QAAQ,UAAU;EAExB,QAAQ,WAAW,MAAM,EAAE,KAAK,IAAI,OAAO,OAAO,OAAQ,MAAM;EAEhE,IAAI,OACF,OAAO,CAAC,OAAO,IAAA,GAAA,cAAA,SAAY,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAE,EAAE,KAAK,GAAG;OAE9D,OAAO;CAEX,CAAC;CAED,OAAO,GAAG,KAAK,GAAG,eAAe,KAAK,IAAI,EAAE;AAC9C"}

package/dist/esm/core/css/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","names":[],"sources":["../../../../src/core/css/grid.ts"],"sourcesContent":["import type { TransformOptions } from \"./utils\"\nimport { generateCalc } from \"./calc\"\nimport {\n  getCSSFunction,\n  globalValues,\n  isCSSFunction,\n  isCSSToken,\n  splitValues,\n} from \"./utils\"\n\nconst repeats: { [key: string]: string } = {\n  fill: \"auto-fill\",\n  fit: \"auto-fit\",\n}\n\nexport function grid(value: any, { system, ...rest }: TransformOptions) {\n  if (value == null || globalValues.has(value)) return value\n\n  const values = splitValues(value, (current) => current === \" \")\n\n  if (!values.length) return value\n\n  const computedValues = values.map((value): string => {\n    const prevent = isCSSFunction(value)\n\n    if (!prevent) {\n      const token = `sizes.${value}`\n\n      if (isCSSToken(system)(token)) {\n        return system.cssMap[token]!.ref\n      } else {\n        return value\n      }\n    }\n\n    const { type, values } = getCSSFunction(value)\n\n    if (!type || !values) return value\n\n    if (type === \"repeat\") {\n      let [repeat, tracks] = splitValues(values)\n\n      repeat = repeat && repeat in repeats ? repeats[repeat] : repeat\n      tracks = grid(tracks, { system, ...rest })\n\n      return `repeat(${repeat}, ${tracks})`\n    } else {\n      return generateCalc(\"sizes\")(value, { system, ...rest })\n    }\n  })\n\n  return computedValues.join(\" \")\n}\n"],"mappings":";;;AAUA,MAAM,UAAqC;CACzC,MAAM;CACN,KAAK;CACN;AAED,SAAgB,KAAK,OAAY,EAAE,QAAQ,GAAG,QAA0B;CACtE,IAAI,SAAS,QAAQ,aAAa,IAAI,MAAM,EAAE,OAAO;CAErD,MAAM,SAAS,YAAY,QAAQ,YAAY,YAAY,IAAI;CAE/D,IAAI,CAAC,OAAO,QAAQ,OAAO;CA+B3B,OA7BuB,OAAO,KAAK,UAAkB;EAGnD,IAAI,CAFY,cAAc,MAElB,EAAE;GACZ,MAAM,QAAQ,SAAS;GAEvB,IAAI,WAAW,OAAO,CAAC,MAAM,EAC3B,OAAO,OAAO,OAAO,OAAQ;QAE7B,OAAO;;EAIX,MAAM,EAAE,MAAM,WAAW,eAAe,MAAM;EAE9C,IAAI,CAAC,QAAQ,CAAC,QAAQ,OAAO;EAE7B,IAAI,SAAS,UAAU;GACrB,IAAI,CAAC,QAAQ,UAAU,YAAY,OAAO;GAE1C,SAAS,UAAU,UAAU,UAAU,QAAQ,UAAU;GACzD,SAAS,KAAK,QAAQ;IAAE;IAAQ,GAAG;IAAM,CAAC;GAE1C,OAAO,UAAU,OAAO,IAAI,OAAO;SAEnC,OAAO,aAAa,QAAQ,CAAC,OAAO;GAAE;GAAQ,GAAG;GAAM,CAAC;GAIvC,CAAC,KAAK,IAAI"}
+{"version":3,"file":"grid.js","names":[],"sources":["../../../../src/core/css/grid.ts"],"sourcesContent":["import type { TransformOptions } from \"./utils\"\nimport { generateCalc } from \"./calc\"\nimport {\n  getCSSFunction,\n  globalValues,\n  isCSSFunction,\n  isCSSToken,\n  splitValues,\n} from \"./utils\"\n\nconst repeats: { [key: string]: string } = {\n  fill: \"auto-fill\",\n  fit: \"auto-fit\",\n}\n\nexport function grid(value: any, { system, ...rest }: TransformOptions) {\n  if (value == null || globalValues.has(value)) return value\n\n  const values = splitValues(value, (current) => current === \" \")\n\n  if (!values.length) return value\n\n  const computedValues = values.map((value): string => {\n    const prevent = isCSSFunction(value)\n\n    if (!prevent) {\n      const token = `sizes.${value}`\n\n      if (isCSSToken(system)(token)) {\n        return system.cssMap[token]!.ref\n      } else {\n        return value\n      }\n    }\n\n    const { type, values } = getCSSFunction(value)\n\n    if (!type || !values) return value\n\n    if (type === \"repeat\") {\n      let [repeat, tracks] = splitValues(values)\n\n      repeat = repeat && repeat in repeats ? repeats[repeat] : repeat\n      tracks = grid(tracks, { system, ...rest })\n\n      return `repeat(${repeat}, ${tracks})`\n    } else {\n      return generateCalc(\"sizes\")(value, { system, ...rest })\n    }\n  })\n\n  return computedValues.join(\" \")\n}\n"],"mappings":";;;AAUA,MAAM,UAAqC;CACzC,MAAM;CACN,KAAK;AACP;AAEA,SAAgB,KAAK,OAAY,EAAE,QAAQ,GAAG,QAA0B;CACtE,IAAI,SAAS,QAAQ,aAAa,IAAI,KAAK,GAAG,OAAO;CAErD,MAAM,SAAS,YAAY,QAAQ,YAAY,YAAY,GAAG;CAE9D,IAAI,CAAC,OAAO,QAAQ,OAAO;CA+B3B,OA7BuB,OAAO,KAAK,UAAkB;EAGnD,IAAI,CAFY,cAAc,KAEnB,GAAG;GACZ,MAAM,QAAQ,SAAS;GAEvB,IAAI,WAAW,MAAM,EAAE,KAAK,GAC1B,OAAO,OAAO,OAAO,OAAQ;QAE7B,OAAO;EAEX;EAEA,MAAM,EAAE,MAAM,WAAW,eAAe,KAAK;EAE7C,IAAI,CAAC,QAAQ,CAAC,QAAQ,OAAO;EAE7B,IAAI,SAAS,UAAU;GACrB,IAAI,CAAC,QAAQ,UAAU,YAAY,MAAM;GAEzC,SAAS,UAAU,UAAU,UAAU,QAAQ,UAAU;GACzD,SAAS,KAAK,QAAQ;IAAE;IAAQ,GAAG;GAAK,CAAC;GAEzC,OAAO,UAAU,OAAO,IAAI,OAAO;EACrC,OACE,OAAO,aAAa,OAAO,EAAE,OAAO;GAAE;GAAQ,GAAG;EAAK,CAAC;CAE3D,CAEoB,EAAE,KAAK,GAAG;AAChC"}

package/dist/esm/core/css/merge-css.js.map

@@ -1 +1 @@
-{"version":3,"file":"merge-css.js","names":[],"sources":["../../../../src/core/css/merge-css.ts"],"sourcesContent":["import type { CSSObject } from \"./index.types\"\nimport { filterEmpty } from \"../../utils\"\n\nexport const mergeCSS = (...css: (CSSObject | CSSObject[] | undefined)[]) => {\n  return filterEmpty(css).flat()\n}\n"],"mappings":";;AAGA,MAAa,YAAY,GAAG,QAAiD;CAC3E,QAAA,GAAA,cAAA,aAAmB,IAAI,CAAC,MAAM"}
+{"version":3,"file":"merge-css.js","names":[],"sources":["../../../../src/core/css/merge-css.ts"],"sourcesContent":["import type { CSSObject } from \"./index.types\"\nimport { filterEmpty } from \"../../utils\"\n\nexport const mergeCSS = (...css: (CSSObject | CSSObject[] | undefined)[]) => {\n  return filterEmpty(css).flat()\n}\n"],"mappings":";;AAGA,MAAa,YAAY,GAAG,QAAiD;CAC3E,QAAA,GAAA,cAAA,aAAmB,GAAG,EAAE,KAAK;AAC/B"}

package/dist/esm/core/css/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["../../../../src/core/css/style.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { CSSObject } from \"./index.types\"\nimport type { Transform } from \"./utils\"\nimport { isString } from \"../../utils\"\n\nexport function generateStyle(prefix?: string): Transform {\n  return function (value, { prev = {}, theme }) {\n    const result: Dict = {}\n\n    let style: Dict = {}\n\n    if (prefix) {\n      style = theme?.styles?.[prefix]?.[value] ?? {}\n    } else if (isString(value)) {\n      const [key, ...rest] = value.split(\".\")\n\n      if (key) style = theme?.styles?.[key]?.[rest.join(\".\")] ?? {}\n    }\n\n    for (const prop in style) {\n      const done = prop in prev && prev[prop] != null\n\n      if (!done) result[prop] = style[prop]\n    }\n\n    return result as CSSObject\n  }\n}\n"],"mappings":";;AAKA,SAAgB,cAAc,QAA4B;CACxD,OAAO,SAAU,OAAO,EAAE,OAAO,EAAE,EAAE,SAAS;EAC5C,MAAM,SAAe,EAAE;EAEvB,IAAI,QAAc,EAAE;EAEpB,IAAI,QACF,QAAQ,OAAO,SAAS,UAAU,UAAU,EAAE;OACzC,KAAA,GAAA,cAAA,UAAa,MAAM,EAAE;GAC1B,MAAM,CAAC,KAAK,GAAG,QAAQ,MAAM,MAAM,IAAI;GAEvC,IAAI,KAAK,QAAQ,OAAO,SAAS,OAAO,KAAK,KAAK,IAAI,KAAK,EAAE;;EAG/D,KAAK,MAAM,QAAQ,OAGjB,IAAI,EAFS,QAAQ,QAAQ,KAAK,SAAS,OAEhC,OAAO,QAAQ,MAAM;EAGlC,OAAO"}
+{"version":3,"file":"style.js","names":[],"sources":["../../../../src/core/css/style.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { CSSObject } from \"./index.types\"\nimport type { Transform } from \"./utils\"\nimport { isString } from \"../../utils\"\n\nexport function generateStyle(prefix?: string): Transform {\n  return function (value, { prev = {}, theme }) {\n    const result: Dict = {}\n\n    let style: Dict = {}\n\n    if (prefix) {\n      style = theme?.styles?.[prefix]?.[value] ?? {}\n    } else if (isString(value)) {\n      const [key, ...rest] = value.split(\".\")\n\n      if (key) style = theme?.styles?.[key]?.[rest.join(\".\")] ?? {}\n    }\n\n    for (const prop in style) {\n      const done = prop in prev && prev[prop] != null\n\n      if (!done) result[prop] = style[prop]\n    }\n\n    return result as CSSObject\n  }\n}\n"],"mappings":";;AAKA,SAAgB,cAAc,QAA4B;CACxD,OAAO,SAAU,OAAO,EAAE,OAAO,CAAC,GAAG,SAAS;EAC5C,MAAM,SAAe,CAAC;EAEtB,IAAI,QAAc,CAAC;EAEnB,IAAI,QACF,QAAQ,OAAO,SAAS,UAAU,UAAU,CAAC;OACxC,KAAA,GAAA,cAAA,UAAa,KAAK,GAAG;GAC1B,MAAM,CAAC,KAAK,GAAG,QAAQ,MAAM,MAAM,GAAG;GAEtC,IAAI,KAAK,QAAQ,OAAO,SAAS,OAAO,KAAK,KAAK,GAAG,MAAM,CAAC;EAC9D;EAEA,KAAK,MAAM,QAAQ,OAGjB,IAAI,EAFS,QAAQ,QAAQ,KAAK,SAAS,OAEhC,OAAO,QAAQ,MAAM;EAGlC,OAAO;CACT;AACF"}