@yamada-ui/react 2.2.2-dev-20260525083850 → 2.2.2-dev-20260525150310

package/dist/cjs/core/components/props.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"props.cjs","names":["conditionProperties","styleProperties","mergeRefs"],"sources":["../../../../src/core/components/props.ts"],"sourcesContent":["import type { Dict, Merge } from \"../../utils\"\nimport { useMemo } from \"react\"\nimport isEqual from \"react-fast-compare\"\nimport {\n  cx,\n  handlerAll,\n  isArray,\n  isEmptyObject,\n  isFunction,\n  isObject,\n  isUndefined,\n  merge,\n  mergeRefs,\n  omitObject,\n  splitObject,\n} from \"../../utils\"\nimport { conditionProperties, styleProperties } from \"../css\"\n\ntype Optionalize<Y> = [Extract<Y, undefined>] extends [never]\n  ? Y\n  : Partial<Exclude<Y, undefined>>\n\ntype MergeAll<Y extends (Dict | undefined)[]> = Y extends [infer M]\n  ? Optionalize<M>\n  : Y extends [infer D, ...infer H]\n    ? H extends (Dict | undefined)[]\n      ? Merge<Optionalize<D>, MergeAll<H>>\n      : Optionalize<D>\n    : never\n\nfunction isEvent(key: string) {\n  return /^on[A-Z]/.test(key)\n}\n\nexport const cssProps = new Set<string>([\n  ...conditionProperties,\n  ...styleProperties,\n])\n\nexport type ShouldForwardProp = (prop: string) => boolean\n\nexport function createShouldForwardProp(\n  forwardProps: string[] = [],\n): ShouldForwardProp {\n  return function (prop: string): boolean {\n    if (forwardProps.includes(prop)) return true\n\n    if (prop.startsWith(\"--\")) return false\n\n    return !cssProps.has(prop)\n  }\n}\n\ninterface MergePropsOptions {\n  mergeClassName?: boolean\n  mergeCSS?: boolean\n  mergeEvent?: boolean\n  mergeRef?: boolean\n  mergeStyle?: boolean\n}\n\nexport function mergeProps<Y extends Dict>(\n  ...args: Y[]\n): (options?: MergePropsOptions) => Y\nexport function mergeProps<Y extends (Dict | undefined)[]>(\n  ...args: Y\n): (options?: MergePropsOptions) => MergeAll<Y>\nexport function mergeProps(...args: (Dict | undefined)[]) {\n  return function ({\n    mergeClassName = true,\n    mergeCSS = true,\n    mergeEvent = true,\n    mergeRef = true,\n    mergeStyle = true,\n  }: MergePropsOptions = {}) {\n    let result: Dict = {}\n\n    for (const props of args) {\n      if (isUndefined(props)) continue\n\n      for (const key in result) {\n        if (mergeRef && key === \"ref\") {\n          result[key] = mergeRefs(result[key], props[key])\n\n          continue\n        }\n\n        if (\n          mergeEvent &&\n          isEvent(key) &&\n          isFunction(result[key]) &&\n          isFunction(props[key])\n        ) {\n          result[key] = handlerAll(result[key], props[key])\n\n          continue\n        }\n\n        if (mergeClassName && (key === \"className\" || key === \"class\")) {\n          result[key] = cx(result[key], props[key])\n\n          continue\n        }\n\n        if (mergeStyle && key === \"style\") {\n          result[key] = merge(result[key] ?? {}, props[key] ?? {})\n\n          continue\n        }\n\n        if (mergeCSS && key === \"css\") {\n          if (isArray(result[key])) {\n            result[key].push(props[key])\n          } else {\n            result[key] ??= []\n\n            result[key] = [result[key], props[key]]\n          }\n\n          continue\n        }\n\n        result[key] = !isUndefined(props[key]) ? props[key] : result[key]\n      }\n\n      for (const key in props) {\n        if (isUndefined(result[key])) result[key] = props[key]\n      }\n    }\n\n    return result as any\n  }\n}\n\ntype CallbackProps<Y extends Dict = Dict> = (props: Y) => Y\n\ntype PropsOrCallback<Y extends Dict = Dict> = CallbackProps<Y> | Y\n\nexport function chainProps<Y extends Dict = Dict>(\n  ...props: PropsOrCallback<Y>[]\n) {\n  return function (options: MergePropsOptions = {}) {\n    if (!props.length) return (a: Y) => a\n\n    if (props.length === 1)\n      return function (b: Y) {\n        const a = props[0] ?? {}\n        const c = isFunction(a) ? a(b) : mergeProps(a, b)(options)\n\n        return c\n      } as CallbackProps<Y>\n\n    return props.reduce(function (a, b) {\n      return function (c: Y = {} as Y) {\n        const d = isFunction(a) ? a(c) : mergeProps(a, c)(options)\n        const f = isFunction(b) ? b(d) : mergeProps(b, d)(options)\n\n        return f\n      }\n    }) as CallbackProps<Y>\n  }\n}\n\nexport function isEqualProps<\n  Y extends Dict,\n  M extends Dict,\n  D extends keyof M | keyof Y,\n>(a: Y, b: M, omitKeys: D[] = []) {\n  return isEqual(\n    omitObject(a, omitKeys as (keyof Y)[]),\n    omitObject(b, omitKeys as (keyof M)[]),\n  )\n}\n\nexport function useSplitProps<Y extends Dict, M extends keyof Y>(\n  props: Y,\n  keys: M[] | readonly M[],\n) {\n  return useMemo(() => splitObject<Y, M>(props, keys), [props, keys])\n}\n\nexport function extractProps(props: Dict, keys: readonly string[] | string[]) {\n  let result: Dict = {}\n\n  Object.entries(props).forEach(([key, value]) => {\n    if (!cssProps.has(key)) return\n\n    if (keys.includes(key)) {\n      result = merge(result, { [key]: value })\n    } else if (isObject(value)) {\n      value = extractProps(value, keys)\n\n      if (isEmptyObject(value)) return\n\n      result = merge(result, { [key]: value })\n    }\n  })\n\n  return result\n}\n\nexport function useExtractProps(\n  props: Dict,\n  keys: readonly string[] | string[],\n) {\n  return useMemo(() => extractProps(props, keys), [props, keys])\n}\n"],"mappings":"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"}
+{"version":3,"file":"props.cjs","names":["conditionProperties","styleProperties","mergeRefs"],"sources":["../../../../src/core/components/props.ts"],"sourcesContent":["import type { Dict, Merge } from \"../../utils\"\nimport { useMemo } from \"react\"\nimport isEqual from \"react-fast-compare\"\nimport {\n  cx,\n  handlerAll,\n  isArray,\n  isEmptyObject,\n  isFunction,\n  isObject,\n  isUndefined,\n  merge,\n  mergeRefs,\n  omitObject,\n  splitObject,\n} from \"../../utils\"\nimport { conditionProperties, styleProperties } from \"../css\"\n\ntype Optionalize<Y> = [Extract<Y, undefined>] extends [never]\n  ? Y\n  : Partial<Exclude<Y, undefined>>\n\ntype MergeAll<Y extends (Dict | undefined)[]> = Y extends [infer M]\n  ? Optionalize<M>\n  : Y extends [infer D, ...infer H]\n    ? H extends (Dict | undefined)[]\n      ? Merge<Optionalize<D>, MergeAll<H>>\n      : Optionalize<D>\n    : never\n\nfunction isEvent(key: string) {\n  return /^on[A-Z]/.test(key)\n}\n\nexport const cssProps = new Set<string>([\n  ...conditionProperties,\n  ...styleProperties,\n])\n\nexport type ShouldForwardProp = (prop: string) => boolean\n\nexport function createShouldForwardProp(\n  forwardProps: string[] = [],\n): ShouldForwardProp {\n  return function (prop: string): boolean {\n    if (forwardProps.includes(prop)) return true\n\n    if (prop.startsWith(\"--\")) return false\n\n    return !cssProps.has(prop)\n  }\n}\n\ninterface MergePropsOptions {\n  mergeClassName?: boolean\n  mergeCSS?: boolean\n  mergeEvent?: boolean\n  mergeRef?: boolean\n  mergeStyle?: boolean\n}\n\nexport function mergeProps<Y extends Dict>(\n  ...args: Y[]\n): (options?: MergePropsOptions) => Y\nexport function mergeProps<Y extends (Dict | undefined)[]>(\n  ...args: Y\n): (options?: MergePropsOptions) => MergeAll<Y>\nexport function mergeProps(...args: (Dict | undefined)[]) {\n  return function ({\n    mergeClassName = true,\n    mergeCSS = true,\n    mergeEvent = true,\n    mergeRef = true,\n    mergeStyle = true,\n  }: MergePropsOptions = {}) {\n    let result: Dict = {}\n\n    for (const props of args) {\n      if (isUndefined(props)) continue\n\n      for (const key in result) {\n        if (mergeRef && key === \"ref\") {\n          result[key] = mergeRefs(result[key], props[key])\n\n          continue\n        }\n\n        if (\n          mergeEvent &&\n          isEvent(key) &&\n          isFunction(result[key]) &&\n          isFunction(props[key])\n        ) {\n          result[key] = handlerAll(result[key], props[key])\n\n          continue\n        }\n\n        if (mergeClassName && (key === \"className\" || key === \"class\")) {\n          result[key] = cx(result[key], props[key])\n\n          continue\n        }\n\n        if (mergeStyle && key === \"style\") {\n          result[key] = merge(result[key] ?? {}, props[key] ?? {})\n\n          continue\n        }\n\n        if (mergeCSS && key === \"css\") {\n          if (isArray(result[key])) {\n            result[key].push(props[key])\n          } else {\n            result[key] ??= []\n\n            result[key] = [result[key], props[key]]\n          }\n\n          continue\n        }\n\n        result[key] = !isUndefined(props[key]) ? props[key] : result[key]\n      }\n\n      for (const key in props) {\n        if (isUndefined(result[key])) result[key] = props[key]\n      }\n    }\n\n    return result as any\n  }\n}\n\ntype CallbackProps<Y extends Dict = Dict> = (props: Y) => Y\n\ntype PropsOrCallback<Y extends Dict = Dict> = CallbackProps<Y> | Y\n\nexport function chainProps<Y extends Dict = Dict>(\n  ...props: PropsOrCallback<Y>[]\n) {\n  return function (options: MergePropsOptions = {}) {\n    if (!props.length) return (a: Y) => a\n\n    if (props.length === 1)\n      return function (b: Y) {\n        const a = props[0] ?? {}\n        const c = isFunction(a) ? a(b) : mergeProps(a, b)(options)\n\n        return c\n      } as CallbackProps<Y>\n\n    return props.reduce(function (a, b) {\n      return function (c: Y = {} as Y) {\n        const d = isFunction(a) ? a(c) : mergeProps(a, c)(options)\n        const f = isFunction(b) ? b(d) : mergeProps(b, d)(options)\n\n        return f\n      }\n    }) as CallbackProps<Y>\n  }\n}\n\nexport function isEqualProps<\n  Y extends Dict,\n  M extends Dict,\n  D extends keyof M | keyof Y,\n>(a: Y, b: M, omitKeys: D[] = []) {\n  return isEqual(\n    omitObject(a, omitKeys as (keyof Y)[]),\n    omitObject(b, omitKeys as (keyof M)[]),\n  )\n}\n\nexport function useSplitProps<Y extends Dict, M extends keyof Y>(\n  props: Y,\n  keys: M[] | readonly M[],\n) {\n  return useMemo(() => splitObject<Y, M>(props, keys), [props, keys])\n}\n\nexport function extractProps(props: Dict, keys: readonly string[] | string[]) {\n  let result: Dict = {}\n\n  Object.entries(props).forEach(([key, value]) => {\n    if (!cssProps.has(key)) return\n\n    if (keys.includes(key)) {\n      result = merge(result, { [key]: value })\n    } else if (isObject(value)) {\n      value = extractProps(value, keys)\n\n      if (isEmptyObject(value)) return\n\n      result = merge(result, { [key]: value })\n    }\n  })\n\n  return result\n}\n\nexport function useExtractProps(\n  props: Dict,\n  keys: readonly string[] | string[],\n) {\n  return useMemo(() => extractProps(props, keys), [props, keys])\n}\n"],"mappings":"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"}

package/dist/cjs/core/components/use-component-style.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_system_provider = require("../system/system-provider.cjs");
 const require_styled = require("../system/styled.cjs");

package/dist/cjs/core/components/use-component-style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-component-style.cjs","names":["conditions","getCondition","useSystem","useColorSchemeContext","isEqualProps","mergeCSS"],"sources":["../../../../src/core/components/use-component-style.ts"],"sourcesContent":["\"use client\"\n\nimport type { Dict } from \"../../utils\"\nimport type {\n  ColorModeArray,\n  CSSModifierObject,\n  CSSObject,\n  CSSPropObject,\n  CSSSlotObject,\n  ResponsiveWithConditionObject,\n  StyleValueWithCondition,\n} from \"../css\"\nimport type {\n  Breakpoints,\n  ComponentCompound,\n  ComponentSlotStyle,\n  ComponentStyle,\n  Layers,\n  LayerScheme,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../system\"\nimport type { ComponentSlot, ComponentSlotName } from \"./create-component\"\nimport type { HTMLStyledProps } from \"./index.types\"\nimport { useRef } from \"react\"\nimport {\n  bem,\n  cx,\n  filterEmpty,\n  isArray,\n  isBooleanish,\n  isEmptyObject,\n  isObject,\n  isRegExp,\n  isUndefined,\n  merge,\n  omitObject,\n  toArray,\n  toKebabCase,\n} from \"../../utils\"\nimport { conditions, getCondition, mergeCSS } from \"../css\"\nimport { useColorSchemeContext, useSystem } from \"../system\"\nimport { isEqualProps } from \"./props\"\n\ntype Style<Y extends boolean = false> = Y extends false\n  ? CSSObject\n  : CSSSlotObject\n\ntype MergedStyle = CSSModifierObject | CSSModifierObject<CSSSlotObject>\n\ninterface GetStyleOptions\n  extends Partial<Breakpoints>, Pick<Partial<Layers>, \"wrap\"> {\n  hasSlot?: boolean\n  modifier?: string\n  name?: string\n  selectors?: (string | undefined)[]\n  value?: string\n}\n\nfunction getSelectorStyle<Y extends Dict = Dict>(\n  selectors: (string | undefined)[],\n  style: Y,\n) {\n  return selectors.reduceRight<Dict>(\n    (prev, key) => (key ? { [key]: prev } : prev),\n    style,\n  ) as Y\n}\n\nfunction getStyle<Y extends boolean = false>(\n  style: CSSObject | CSSSlotObject | undefined,\n) {\n  return function ({\n    name: rootName,\n    hasSlot = false,\n    modifier,\n    selectors = [],\n    value,\n  }: GetStyleOptions): Style<Y> | undefined {\n    if (!style || isEmptyObject(style)) return\n\n    if (hasSlot) {\n      return Object.fromEntries(\n        Object.entries(style as CSSSlotObject).map(([name, style]) => {\n          if (selectors.length) {\n            if (value && modifier)\n              style = {\n                [`--${rootName}-${name}-${modifier}`]: `\"${value}\"`,\n                ...style,\n              } as CSSObject\n\n            return [name, getSelectorStyle(selectors, style ?? {})]\n          } else {\n            if (value && modifier)\n              style = {\n                [`--${rootName}-${name}-${modifier}`]: `\"${value}\"`,\n                ...style,\n              } as CSSObject\n\n            return [name, style]\n          }\n        }),\n      ) as Style<Y>\n    } else if (selectors.length) {\n      if (value && modifier)\n        style = {\n          [`--${rootName}-${modifier}`]: `\"${value}\"`,\n          ...style,\n        } as CSSObject\n\n      return getSelectorStyle(selectors, style) as Style<Y>\n    } else {\n      if (value && modifier)\n        style = {\n          [`--${rootName}-${modifier}`]: `\"${value}\"`,\n          ...style,\n        } as CSSObject\n\n      return style as Style<Y>\n    }\n  }\n}\n\nfunction getColorModeStyle<Y extends boolean = false>(\n  value: ColorModeArray<string>,\n  mergedStyle: MergedStyle,\n) {\n  return function ({ selectors = [], ...rest }: GetStyleOptions) {\n    const [lightValue, darkValue] = value\n\n    const lightStyle = getModifierStyle<Y>(\n      lightValue,\n      mergedStyle,\n    )({ ...rest, selectors })\n\n    const darkStyle = getModifierStyle<Y>(\n      darkValue,\n      mergedStyle,\n    )({ ...rest, selectors: [...selectors, conditions._dark] })\n\n    return merge(lightStyle, darkStyle)\n  }\n}\n\nfunction getConditionStyle<Y extends boolean = false>(\n  value: ResponsiveWithConditionObject<string>,\n  mergedStyle: MergedStyle,\n) {\n  return function (options: GetStyleOptions) {\n    const { isResponsiveKey, queries = [], selectors = [] } = options\n    const conditionalKeys = Object.keys(value).filter(\n      (key) => !isResponsiveKey?.(key),\n    )\n\n    const breakpointObj = queries.reduce<Style<Y>>(\n      (prev, { breakpoint, query }) => {\n        if (!isUndefined(value[breakpoint])) {\n          prev = merge(\n            prev,\n            getModifierStyle<Y>(\n              value[breakpoint],\n              mergedStyle,\n            )({ ...options, selectors: [...selectors, query] }),\n          )\n        }\n\n        return prev\n      },\n      {},\n    )\n\n    const additionalObj = conditionalKeys.reduce<Style<Y>>((prev, key) => {\n      prev = merge(\n        prev,\n        getModifierStyle<Y>(\n          value[key as keyof typeof value],\n          mergedStyle,\n        )({ ...options, selectors: [...selectors, getCondition(key)] }),\n      )\n\n      return prev\n    }, {})\n\n    return merge(breakpointObj, additionalObj)\n  }\n}\n\nfunction getModifierStyle<Y extends boolean = false>(\n  value: StyleValueWithCondition<string> | undefined,\n  mergedStyle: MergedStyle,\n) {\n  return function (options: GetStyleOptions): Style<Y> | undefined {\n    let style: Style<Y> | undefined = undefined\n\n    if (!value) return style\n\n    if (isArray(value)) {\n      style = getColorModeStyle<Y>(value, mergedStyle)(options)\n    } else if (isObject(value)) {\n      style = getConditionStyle<Y>(value, mergedStyle)(options)\n    } else {\n      style = getStyle<Y>(mergedStyle[value])({ ...options, value })\n    }\n\n    return style\n  }\n}\n\nfunction getPropStyle<Y extends boolean = false>(\n  props: Dict,\n  propVariants: CSSPropObject | CSSPropObject<CSSSlotObject>,\n  style: Style<Y> | undefined = {},\n) {\n  const variants = Object.entries(propVariants)\n\n  return function (options: GetStyleOptions) {\n    if (!variants.length) return style\n\n    variants.forEach(([modifier, variants]) => {\n      const value = props[modifier as keyof typeof props]\n\n      if (value) {\n        const propStyle = getModifierStyle<Y>(\n          value,\n          variants,\n        )({ modifier, value, ...options })\n\n        if (propStyle)\n          style = merge(style, wrapStyle<Y>(\"props\", propStyle)(options))\n      } else {\n        const boolean = Object.keys(variants).every((key) => isBooleanish(key))\n\n        if (boolean) {\n          const propStyle = getModifierStyle<Y>(\n            \"false\",\n            variants,\n          )({ modifier, value: \"true\", ...options })\n\n          if (propStyle)\n            style = merge(style, wrapStyle<Y>(\"props\", propStyle)(options))\n        }\n      }\n    })\n\n    return style\n  }\n}\n\nfunction getCompoundStyle<Y extends boolean = false>(\n  props: Dict,\n  compounds: ComponentCompound<CSSSlotObject>[] | ComponentCompound[],\n  style: Style<Y> | undefined = {},\n) {\n  return function (options: GetStyleOptions) {\n    if (!compounds.length) return style\n\n    compounds.forEach(({ css, layer, ...rest }) => {\n      const conditions = Object.entries(rest)\n\n      if (!conditions.length) return\n\n      const apply = conditions.every(([key, value]) =>\n        isArray(value)\n          ? value.includes(props[key])\n          : isRegExp(value)\n            ? value.test(props[key])\n            : props[key] === value,\n      )\n\n      if (!apply) return\n\n      style = merge(\n        style,\n        wrapStyle<Y>(layer ?? \"compounds\", css as Style<Y>)(options),\n      )\n    })\n\n    return style\n  }\n}\n\nexport function getSlotClassName<Y extends string>(\n  className?: string,\n  slot?: ComponentSlot<Y>,\n) {\n  if (!className || !slot) return className\n\n  if (isArray(slot)) {\n    const [element, modifier] = slot.map((value) =>\n      toKebabCase(value as string),\n    )\n\n    return cx(bem(className, element), bem(className, element, modifier))\n  } else if (isObject(slot)) {\n    const slotArray = toArray(slot.slot)\n    const [element, modifier] = slotArray.map((value) =>\n      toKebabCase(value as string),\n    )\n\n    return cx(bem(className, element), bem(className, element, modifier))\n  } else {\n    return bem(className, toKebabCase(slot as string))\n  }\n}\n\nexport function mergeSlotCSS<Y extends string>(\n  slot?: ComponentSlot<Y>,\n  style?: CSSSlotObject<Y>,\n  css?: CSSObject | CSSObject[],\n): CSSObject | CSSObject[] | undefined {\n  if (!style || !slot) return css\n\n  const temp: (CSSObject | undefined)[] = []\n\n  if (isArray(slot)) {\n    temp.push(...slot.map((slot) => style[slot]))\n  } else if (isObject(slot)) {\n    if (isArray(slot.slot)) {\n      temp.push(...slot.slot.map((slot) => style[slot]))\n    } else {\n      temp.push(style[slot.slot])\n    }\n  } else {\n    temp.push(style[slot])\n  }\n\n  if (css) temp.push(...toArray(css))\n\n  const result = filterEmpty(temp)\n\n  return result.length ? result : undefined\n}\n\nfunction omitThemeProps<\n  Y extends Dict = Dict,\n  M extends ComponentSlotStyle | ComponentStyle = ComponentStyle,\n  D extends keyof Y = keyof Y,\n>(props: Y, omitKeys: string[] = [], transferProps?: D[]) {\n  if (transferProps)\n    omitKeys = omitKeys.filter((key) => !transferProps.includes(key as D))\n\n  return omitObject(props, omitKeys) as unknown as WithoutThemeProps<Y, M, D>\n}\n\nfunction wrapStyle<Y extends boolean = false>(\n  layer: LayerScheme,\n  style?: Style<Y>,\n) {\n  return function ({ hasSlot, wrap }: GetStyleOptions) {\n    if (hasSlot) {\n      if (!style) return undefined\n\n      return Object.fromEntries(\n        Object.entries(style).map(([slot, style]) => [\n          slot,\n          wrap?.(layer, style) ?? style,\n        ]),\n      )\n    } else {\n      return wrap?.(layer, style) ?? style\n    }\n  }\n}\n\nfunction getHasAtRuleStyle(css?: CSSObject | CSSObject[]) {\n  return (getAtRule?: Layers[\"getAtRule\"]) => {\n    let hasVariant = false\n    let hasSize = false\n\n    if (!css || !getAtRule) return { hasSize, hasVariant }\n\n    const variantAtRule = getAtRule(\"variant\")\n    const sizeAtRule = getAtRule(\"size\")\n\n    css = toArray(css)\n\n    css.forEach((css) => {\n      const keys = Object.keys(css)\n\n      if (keys.includes(variantAtRule)) hasVariant = true\n      if (keys.includes(sizeAtRule)) hasSize = true\n    })\n\n    return { hasSize, hasVariant }\n  }\n}\n\nfunction mergeDefaultProps<\n  Y extends ComponentSlotStyle | ComponentStyle = ComponentStyle,\n  M extends Dict = Dict,\n>(defaultProps: Y[\"defaultProps\"], props: M) {\n  return Object.entries(defaultProps ?? {}).reduce<Dict>(\n    (prev, [key, value]) => {\n      prev[key] ??= value\n\n      return prev\n    },\n    props,\n  ) as M\n}\n\ninterface UseStyleOptions<\n  Y extends Dict = Dict,\n  M extends ComponentSlotStyle | ComponentStyle = ComponentStyle,\n  D extends keyof Y = keyof Y,\n  H extends boolean = false,\n> {\n  className?: string\n  hasSlot?: H\n  name?: string\n  slot?: ComponentSlot<ComponentSlotName<M>>\n  style?: M\n  transferProps?: D[]\n}\n\nfunction useStyle<\n  Y extends HTMLStyledProps & ThemeProps<{}> = Dict,\n  M extends ComponentSlotStyle | ComponentStyle = ComponentStyle,\n  D extends keyof Y = keyof Y,\n  H extends boolean = false,\n>(\n  props: Y,\n  {\n    name,\n    className: defaultClassName,\n    style: componentStyle,\n    hasSlot,\n    slot,\n    transferProps,\n  }: UseStyleOptions<Y, M, D, H> = {},\n): [Style<H>, WithoutThemeProps<Y, M, D>] {\n  const system = useSystem()\n  const { getAtRule, wrap } = system.layers\n  const rootColorScheme = useColorSchemeContext()\n  const options = { ...system.breakpoints, name, hasSlot, wrap }\n\n  const propsRef = useRef<Dict>({})\n  const mergedPropsRef = useRef<Dict>({})\n  const styleRef = useRef<Style<H> | undefined>(undefined)\n\n  const hasComponentStyle =\n    componentStyle && !!Object.keys(componentStyle).length\n\n  if (hasComponentStyle) {\n    const {\n      className: customClassName,\n      base,\n      compounds,\n      props: propVariants,\n      sizes,\n      variants,\n      defaultProps: { colorScheme: defaultColorScheme, ...defaultProps } = {},\n    } = componentStyle\n\n    const colorScheme =\n      props.colorScheme ?? rootColorScheme ?? defaultColorScheme\n\n    const className = cx(defaultClassName ?? customClassName, props.className)\n    const mergedProps = {\n      ...mergeDefaultProps(defaultProps, props),\n      className,\n      colorScheme,\n    }\n    const omitProps = Object.keys(propVariants ?? {})\n    const { size, variant } = mergedProps\n\n    if (variants) omitProps.push(\"variant\")\n    if (sizes) omitProps.push(\"size\")\n\n    const computedProps = omitThemeProps(\n      mergedProps,\n      omitProps,\n      transferProps,\n    ) as Y\n\n    if (\n      !isEqualProps(mergedPropsRef.current, mergedProps, [\"css\", \"children\"])\n    ) {\n      const { hasSize, hasVariant } = getHasAtRuleStyle(props.css)(getAtRule)\n\n      let style: Style<H> = {}\n\n      if (base) {\n        const baseStyle = getStyle<H>(base)(options)\n\n        style = merge(style, wrapStyle<H>(\"base\", baseStyle)(options))\n      }\n\n      if (sizes && !hasSize) {\n        const sizeStyle = merge(\n          sizes.base,\n          getModifierStyle<H>(size, sizes)({ modifier: \"size\", ...options }),\n        )\n\n        style = merge(style, wrapStyle<H>(\"size\", sizeStyle)(options))\n      }\n\n      if (variants && !hasVariant) {\n        const variantStyle = merge(\n          variants.base,\n          getModifierStyle<H>(\n            variant,\n            variants,\n          )({ modifier: \"variant\", ...options }),\n        )\n\n        style = merge(style, wrapStyle<H>(\"variant\", variantStyle)(options))\n      }\n\n      if (propVariants)\n        style = getPropStyle<H>(mergedProps, propVariants, style)(options)\n\n      if (compounds)\n        style = getCompoundStyle<H>(mergedProps, compounds, style)(options)\n\n      styleRef.current = style\n\n      if (hasSlot) {\n        computedProps.css = mergeSlotCSS<ComponentSlotName<M>>(\n          slot,\n          style as CSSSlotObject,\n          computedProps.css,\n        )\n      } else {\n        computedProps.css = mergeCSS(style as CSSObject, computedProps.css)\n      }\n    } else {\n      computedProps.css = propsRef.current.css\n    }\n\n    mergedPropsRef.current = mergedProps\n\n    if (!isEqualProps(propsRef.current, computedProps))\n      propsRef.current = computedProps\n  } else {\n    const className = cx(defaultClassName, props.className)\n\n    if (className) props.className = className\n\n    if (!isEqualProps(propsRef.current, props))\n      propsRef.current = props as unknown as WithoutThemeProps<Y, M, D>\n  }\n\n  return [\n    styleRef.current ?? {},\n    propsRef.current as WithoutThemeProps<Y, M, D>,\n  ]\n}\n\nexport interface UseComponentStyleOptions<\n  Y extends Dict = Dict,\n  M extends ComponentSlotStyle | ComponentStyle = ComponentStyle,\n  D extends keyof Y = keyof Y,\n> extends Omit<UseStyleOptions<Y, M, D>, \"hasSlot\" | \"slot\"> {}\n\nexport function useComponentStyle<\n  Y extends Dict = Dict,\n  M extends ComponentStyle = ComponentStyle,\n  D extends keyof Y = keyof Y,\n>(props: Y, options: UseComponentStyleOptions<Y, M, D> = {}) {\n  return useStyle<Y, M, D>(props, options)\n}\n\nexport interface UseComponentSlotStyleOptions<\n  Y extends Dict = Dict,\n  M extends ComponentSlotStyle | ComponentStyle = ComponentStyle,\n  D extends keyof Y = keyof Y,\n> extends Omit<UseStyleOptions<Y, M, D, true>, \"hasSlot\"> {}\n\nexport function useComponentSlotStyle<\n  Y extends Dict = Dict,\n  M extends ComponentSlotStyle = ComponentSlotStyle,\n  D extends keyof Y = keyof Y,\n>(props: Y, options: UseComponentSlotStyleOptions<Y, M, D> = {}) {\n  return useStyle<Y, M, D, true>(props, { ...options, hasSlot: true })\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-component-style.cjs","names":["conditions","getCondition","useSystem","useColorSchemeContext","isEqualProps","mergeCSS"],"sources":["../../../../src/core/components/use-component-style.ts"],"sourcesContent":["\"use client\"\n\nimport type { Dict } from \"../../utils\"\nimport type {\n  ColorModeArray,\n  CSSModifierObject,\n  CSSObject,\n  CSSPropObject,\n  CSSSlotObject,\n  ResponsiveWithConditionObject,\n  StyleValueWithCondition,\n} from \"../css\"\nimport type {\n  Breakpoints,\n  ComponentCompound,\n  ComponentSlotStyle,\n  ComponentStyle,\n  Layers,\n  LayerScheme,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../system\"\nimport type { ComponentSlot, ComponentSlotName } from \"./create-component\"\nimport type { HTMLStyledProps } from \"./index.types\"\nimport { useRef } from \"react\"\nimport {\n  bem,\n  cx,\n  filterEmpty,\n  isArray,\n  isBooleanish,\n  isEmptyObject,\n  isObject,\n  isRegExp,\n  isUndefined,\n  merge,\n  omitObject,\n  toArray,\n  toKebabCase,\n} from \"../../utils\"\nimport { conditions, getCondition, mergeCSS } from \"../css\"\nimport { useColorSchemeContext, useSystem } from \"../system\"\nimport { isEqualProps } from \"./props\"\n\ntype Style<Y extends boolean = false> = Y extends false\n  ? CSSObject\n  : CSSSlotObject\n\ntype MergedStyle = CSSModifierObject | CSSModifierObject<CSSSlotObject>\n\ninterface GetStyleOptions\n  extends Partial<Breakpoints>, Pick<Partial<Layers>, \"wrap\"> {\n  hasSlot?: boolean\n  modifier?: string\n  name?: string\n  selectors?: (string | undefined)[]\n  value?: string\n}\n\nfunction getSelectorStyle<Y extends Dict = Dict>(\n  selectors: (string | undefined)[],\n  style: Y,\n) {\n  return selectors.reduceRight<Dict>(\n    (prev, key) => (key ? { [key]: prev } : prev),\n    style,\n  ) as Y\n}\n\nfunction getStyle<Y extends boolean = false>(\n  style: CSSObject | CSSSlotObject | undefined,\n) {\n  return function ({\n    name: rootName,\n    hasSlot = false,\n    modifier,\n    selectors = [],\n    value,\n  }: GetStyleOptions): Style<Y> | undefined {\n    if (!style || isEmptyObject(style)) return\n\n    if (hasSlot) {\n      return Object.fromEntries(\n        Object.entries(style as CSSSlotObject).map(([name, style]) => {\n          if (selectors.length) {\n            if (value && modifier)\n              style = {\n                [`--${rootName}-${name}-${modifier}`]: `\"${value}\"`,\n                ...style,\n              } as CSSObject\n\n            return [name, getSelectorStyle(selectors, style ?? {})]\n          } else {\n            if (value && modifier)\n              style = {\n                [`--${rootName}-${name}-${modifier}`]: `\"${value}\"`,\n                ...style,\n              } as CSSObject\n\n            return [name, style]\n          }\n        }),\n      ) as Style<Y>\n    } else if (selectors.length) {\n      if (value && modifier)\n        style = {\n          [`--${rootName}-${modifier}`]: `\"${value}\"`,\n          ...style,\n        } as CSSObject\n\n      return getSelectorStyle(selectors, style) as Style<Y>\n    } else {\n      if (value && modifier)\n        style = {\n          [`--${rootName}-${modifier}`]: `\"${value}\"`,\n          ...style,\n        } as CSSObject\n\n      return style as Style<Y>\n    }\n  }\n}\n\nfunction getColorModeStyle<Y extends boolean = false>(\n  value: ColorModeArray<string>,\n  mergedStyle: MergedStyle,\n) {\n  return function ({ selectors = [], ...rest }: GetStyleOptions) {\n    const [lightValue, darkValue] = value\n\n    const lightStyle = getModifierStyle<Y>(\n      lightValue,\n      mergedStyle,\n    )({ ...rest, selectors })\n\n    const darkStyle = getModifierStyle<Y>(\n      darkValue,\n      mergedStyle,\n    )({ ...rest, selectors: [...selectors, conditions._dark] })\n\n    return merge(lightStyle, darkStyle)\n  }\n}\n\nfunction getConditionStyle<Y extends boolean = false>(\n  value: ResponsiveWithConditionObject<string>,\n  mergedStyle: MergedStyle,\n) {\n  return function (options: GetStyleOptions) {\n    const { isResponsiveKey, queries = [], selectors = [] } = options\n    const conditionalKeys = Object.keys(value).filter(\n      (key) => !isResponsiveKey?.(key),\n    )\n\n    const breakpointObj = queries.reduce<Style<Y>>(\n      (prev, { breakpoint, query }) => {\n        if (!isUndefined(value[breakpoint])) {\n          prev = merge(\n            prev,\n            getModifierStyle<Y>(\n              value[breakpoint],\n              mergedStyle,\n            )({ ...options, selectors: [...selectors, query] }),\n          )\n        }\n\n        return prev\n      },\n      {},\n    )\n\n    const additionalObj = conditionalKeys.reduce<Style<Y>>((prev, key) => {\n      prev = merge(\n        prev,\n        getModifierStyle<Y>(\n          value[key as keyof typeof value],\n          mergedStyle,\n        )({ ...options, selectors: [...selectors, getCondition(key)] }),\n      )\n\n      return prev\n    }, {})\n\n    return merge(breakpointObj, additionalObj)\n  }\n}\n\nfunction getModifierStyle<Y extends boolean = false>(\n  value: StyleValueWithCondition<string> | undefined,\n  mergedStyle: MergedStyle,\n) {\n  return function (options: GetStyleOptions): Style<Y> | undefined {\n    let style: Style<Y> | undefined = undefined\n\n    if (!value) return style\n\n    if (isArray(value)) {\n      style = getColorModeStyle<Y>(value, mergedStyle)(options)\n    } else if (isObject(value)) {\n      style = getConditionStyle<Y>(value, mergedStyle)(options)\n    } else {\n      style = getStyle<Y>(mergedStyle[value])({ ...options, value })\n    }\n\n    return style\n  }\n}\n\nfunction getPropStyle<Y extends boolean = false>(\n  props: Dict,\n  propVariants: CSSPropObject | CSSPropObject<CSSSlotObject>,\n  style: Style<Y> | undefined = {},\n) {\n  const variants = Object.entries(propVariants)\n\n  return function (options: GetStyleOptions) {\n    if (!variants.length) return style\n\n    variants.forEach(([modifier, variants]) => {\n      const value = props[modifier as keyof typeof props]\n\n      if (value) {\n        const propStyle = getModifierStyle<Y>(\n          value,\n          variants,\n        )({ modifier, value, ...options })\n\n        if (propStyle)\n          style = merge(style, wrapStyle<Y>(\"props\", propStyle)(options))\n      } else {\n        const boolean = Object.keys(variants).every((key) => isBooleanish(key))\n\n        if (boolean) {\n          const propStyle = getModifierStyle<Y>(\n            \"false\",\n            variants,\n          )({ modifier, value: \"true\", ...options })\n\n          if (propStyle)\n            style = merge(style, wrapStyle<Y>(\"props\", propStyle)(options))\n        }\n      }\n    })\n\n    return style\n  }\n}\n\nfunction getCompoundStyle<Y extends boolean = false>(\n  props: Dict,\n  compounds: ComponentCompound<CSSSlotObject>[] | ComponentCompound[],\n  style: Style<Y> | undefined = {},\n) {\n  return function (options: GetStyleOptions) {\n    if (!compounds.length) return style\n\n    compounds.forEach(({ css, layer, ...rest }) => {\n      const conditions = Object.entries(rest)\n\n      if (!conditions.length) return\n\n      const apply = conditions.every(([key, value]) =>\n        isArray(value)\n          ? value.includes(props[key])\n          : isRegExp(value)\n            ? value.test(props[key])\n            : props[key] === value,\n      )\n\n      if (!apply) return\n\n      style = merge(\n        style,\n        wrapStyle<Y>(layer ?? \"compounds\", css as Style<Y>)(options),\n      )\n    })\n\n    return style\n  }\n}\n\nexport function getSlotClassName<Y extends string>(\n  className?: string,\n  slot?: ComponentSlot<Y>,\n) {\n  if (!className || !slot) return className\n\n  if (isArray(slot)) {\n    const [element, modifier] = slot.map((value) =>\n      toKebabCase(value as string),\n    )\n\n    return cx(bem(className, element), bem(className, element, modifier))\n  } else if (isObject(slot)) {\n    const slotArray = toArray(slot.slot)\n    const [element, modifier] = slotArray.map((value) =>\n      toKebabCase(value as string),\n    )\n\n    return cx(bem(className, element), bem(className, element, modifier))\n  } else {\n    return bem(className, toKebabCase(slot as string))\n  }\n}\n\nexport function mergeSlotCSS<Y extends string>(\n  slot?: ComponentSlot<Y>,\n  style?: CSSSlotObject<Y>,\n  css?: CSSObject | CSSObject[],\n): CSSObject | CSSObject[] | undefined {\n  if (!style || !slot) return css\n\n  const temp: (CSSObject | undefined)[] = []\n\n  if (isArray(slot)) {\n    temp.push(...slot.map((slot) => style[slot]))\n  } else if (isObject(slot)) {\n    if (isArray(slot.slot)) {\n      temp.push(...slot.slot.map((slot) => style[slot]))\n    } else {\n      temp.push(style[slot.slot])\n    }\n  } else {\n    temp.push(style[slot])\n  }\n\n  if (css) temp.push(...toArray(css))\n\n  const result = filterEmpty(temp)\n\n  return result.length ? result : undefined\n}\n\nfunction omitThemeProps<\n  Y extends Dict = Dict,\n  M extends ComponentSlotStyle | ComponentStyle = ComponentStyle,\n  D extends keyof Y = keyof Y,\n>(props: Y, omitKeys: string[] = [], transferProps?: D[]) {\n  if (transferProps)\n    omitKeys = omitKeys.filter((key) => !transferProps.includes(key as D))\n\n  return omitObject(props, omitKeys) as unknown as WithoutThemeProps<Y, M, D>\n}\n\nfunction wrapStyle<Y extends boolean = false>(\n  layer: LayerScheme,\n  style?: Style<Y>,\n) {\n  return function ({ hasSlot, wrap }: GetStyleOptions) {\n    if (hasSlot) {\n      if (!style) return undefined\n\n      return Object.fromEntries(\n        Object.entries(style).map(([slot, style]) => [\n          slot,\n          wrap?.(layer, style) ?? style,\n        ]),\n      )\n    } else {\n      return wrap?.(layer, style) ?? style\n    }\n  }\n}\n\nfunction getHasAtRuleStyle(css?: CSSObject | CSSObject[]) {\n  return (getAtRule?: Layers[\"getAtRule\"]) => {\n    let hasVariant = false\n    let hasSize = false\n\n    if (!css || !getAtRule) return { hasSize, hasVariant }\n\n    const variantAtRule = getAtRule(\"variant\")\n    const sizeAtRule = getAtRule(\"size\")\n\n    css = toArray(css)\n\n    css.forEach((css) => {\n      const keys = Object.keys(css)\n\n      if (keys.includes(variantAtRule)) hasVariant = true\n      if (keys.includes(sizeAtRule)) hasSize = true\n    })\n\n    return { hasSize, hasVariant }\n  }\n}\n\nfunction mergeDefaultProps<\n  Y extends ComponentSlotStyle | ComponentStyle = ComponentStyle,\n  M extends Dict = Dict,\n>(defaultProps: Y[\"defaultProps\"], props: M) {\n  return Object.entries(defaultProps ?? {}).reduce<Dict>(\n    (prev, [key, value]) => {\n      prev[key] ??= value\n\n      return prev\n    },\n    props,\n  ) as M\n}\n\ninterface UseStyleOptions<\n  Y extends Dict = Dict,\n  M extends ComponentSlotStyle | ComponentStyle = ComponentStyle,\n  D extends keyof Y = keyof Y,\n  H extends boolean = false,\n> {\n  className?: string\n  hasSlot?: H\n  name?: string\n  slot?: ComponentSlot<ComponentSlotName<M>>\n  style?: M\n  transferProps?: D[]\n}\n\nfunction useStyle<\n  Y extends HTMLStyledProps & ThemeProps<{}> = Dict,\n  M extends ComponentSlotStyle | ComponentStyle = ComponentStyle,\n  D extends keyof Y = keyof Y,\n  H extends boolean = false,\n>(\n  props: Y,\n  {\n    name,\n    className: defaultClassName,\n    style: componentStyle,\n    hasSlot,\n    slot,\n    transferProps,\n  }: UseStyleOptions<Y, M, D, H> = {},\n): [Style<H>, WithoutThemeProps<Y, M, D>] {\n  const system = useSystem()\n  const { getAtRule, wrap } = system.layers\n  const rootColorScheme = useColorSchemeContext()\n  const options = { ...system.breakpoints, name, hasSlot, wrap }\n\n  const propsRef = useRef<Dict>({})\n  const mergedPropsRef = useRef<Dict>({})\n  const styleRef = useRef<Style<H> | undefined>(undefined)\n\n  const hasComponentStyle =\n    componentStyle && !!Object.keys(componentStyle).length\n\n  if (hasComponentStyle) {\n    const {\n      className: customClassName,\n      base,\n      compounds,\n      props: propVariants,\n      sizes,\n      variants,\n      defaultProps: { colorScheme: defaultColorScheme, ...defaultProps } = {},\n    } = componentStyle\n\n    const colorScheme =\n      props.colorScheme ?? rootColorScheme ?? defaultColorScheme\n\n    const className = cx(defaultClassName ?? customClassName, props.className)\n    const mergedProps = {\n      ...mergeDefaultProps(defaultProps, props),\n      className,\n      colorScheme,\n    }\n    const omitProps = Object.keys(propVariants ?? {})\n    const { size, variant } = mergedProps\n\n    if (variants) omitProps.push(\"variant\")\n    if (sizes) omitProps.push(\"size\")\n\n    const computedProps = omitThemeProps(\n      mergedProps,\n      omitProps,\n      transferProps,\n    ) as Y\n\n    if (\n      !isEqualProps(mergedPropsRef.current, mergedProps, [\"css\", \"children\"])\n    ) {\n      const { hasSize, hasVariant } = getHasAtRuleStyle(props.css)(getAtRule)\n\n      let style: Style<H> = {}\n\n      if (base) {\n        const baseStyle = getStyle<H>(base)(options)\n\n        style = merge(style, wrapStyle<H>(\"base\", baseStyle)(options))\n      }\n\n      if (sizes && !hasSize) {\n        const sizeStyle = merge(\n          sizes.base,\n          getModifierStyle<H>(size, sizes)({ modifier: \"size\", ...options }),\n        )\n\n        style = merge(style, wrapStyle<H>(\"size\", sizeStyle)(options))\n      }\n\n      if (variants && !hasVariant) {\n        const variantStyle = merge(\n          variants.base,\n          getModifierStyle<H>(\n            variant,\n            variants,\n          )({ modifier: \"variant\", ...options }),\n        )\n\n        style = merge(style, wrapStyle<H>(\"variant\", variantStyle)(options))\n      }\n\n      if (propVariants)\n        style = getPropStyle<H>(mergedProps, propVariants, style)(options)\n\n      if (compounds)\n        style = getCompoundStyle<H>(mergedProps, compounds, style)(options)\n\n      styleRef.current = style\n\n      if (hasSlot) {\n        computedProps.css = mergeSlotCSS<ComponentSlotName<M>>(\n          slot,\n          style as CSSSlotObject,\n          computedProps.css,\n        )\n      } else {\n        computedProps.css = mergeCSS(style as CSSObject, computedProps.css)\n      }\n    } else {\n      computedProps.css = propsRef.current.css\n    }\n\n    mergedPropsRef.current = mergedProps\n\n    if (!isEqualProps(propsRef.current, computedProps))\n      propsRef.current = computedProps\n  } else {\n    const className = cx(defaultClassName, props.className)\n\n    if (className) props.className = className\n\n    if (!isEqualProps(propsRef.current, props))\n      propsRef.current = props as unknown as WithoutThemeProps<Y, M, D>\n  }\n\n  return [\n    styleRef.current ?? {},\n    propsRef.current as WithoutThemeProps<Y, M, D>,\n  ]\n}\n\nexport interface UseComponentStyleOptions<\n  Y extends Dict = Dict,\n  M extends ComponentSlotStyle | ComponentStyle = ComponentStyle,\n  D extends keyof Y = keyof Y,\n> extends Omit<UseStyleOptions<Y, M, D>, \"hasSlot\" | \"slot\"> {}\n\nexport function useComponentStyle<\n  Y extends Dict = Dict,\n  M extends ComponentStyle = ComponentStyle,\n  D extends keyof Y = keyof Y,\n>(props: Y, options: UseComponentStyleOptions<Y, M, D> = {}) {\n  return useStyle<Y, M, D>(props, options)\n}\n\nexport interface UseComponentSlotStyleOptions<\n  Y extends Dict = Dict,\n  M extends ComponentSlotStyle | ComponentStyle = ComponentStyle,\n  D extends keyof Y = keyof Y,\n> extends Omit<UseStyleOptions<Y, M, D, true>, \"hasSlot\"> {}\n\nexport function useComponentSlotStyle<\n  Y extends Dict = Dict,\n  M extends ComponentSlotStyle = ComponentSlotStyle,\n  D extends keyof Y = keyof Y,\n>(props: Y, options: UseComponentSlotStyleOptions<Y, M, D> = {}) {\n  return useStyle<Y, M, D, true>(props, { ...options, hasSlot: true })\n}\n"],"mappings":"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"}

package/dist/cjs/core/components/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","names":[],"sources":["../../../../src/core/components/utils.ts"],"sourcesContent":["import type { System } from \"../system\"\nimport { toKebabCase, toPascalCase } from \"../../utils\"\n\nexport function getDisplayName(name: string, fallback?: string): string\nexport function getDisplayName(\n  name: string | undefined,\n  fallback: string,\n): string\nexport function getDisplayName(name: string, fallback: string): string\nexport function getDisplayName(\n  name: string | undefined,\n  fallback?: string,\n): string | undefined\nexport function getDisplayName(\n  name: string | undefined,\n  fallback = \"StyledComponent\",\n) {\n  return name ? toPascalCase(name.replace(/--|__/g, \"-\")) : fallback\n}\n\nexport function getClassName(\n  nameOrClassName: string,\n  fallback?: string,\n): { (system: System): string }\nexport function getClassName(\n  nameOrClassName: string | undefined,\n  fallback: string,\n): { (system: System): string }\nexport function getClassName(\n  nameOrClassName: string,\n  fallback: string,\n): { (system: System): string }\nexport function getClassName(\n  nameOrClassName?: string,\n  fallback?: string,\n): { (system: System): string | undefined }\nexport function getClassName(\n  nameOrClassName: string | undefined,\n  fallback?: string,\n) {\n  return function (system: System) {\n    return nameOrClassName\n      ? system.utils.getClassName(toKebabCase(nameOrClassName))\n      : fallback\n  }\n}\n"],"mappings":";;AAaA,SAAgB,eACd,MACA,WAAW,mBACX;CACA,OAAO,QAAA,GAAA,oBAAA,cAAA,cAAoB,KAAK,QAAQ,UAAU,IAAI,CAAC,GAAG;;AAmB5D,SAAgB,aACd,iBACA,UACA;CACA,OAAO,SAAU,QAAgB;EAC/B,OAAO,kBACH,OAAO,MAAM,cAAA,GAAA,oBAAA,cAAA,aAAyB,gBAAgB,CAAC,GACvD"}
+{"version":3,"file":"utils.cjs","names":[],"sources":["../../../../src/core/components/utils.ts"],"sourcesContent":["import type { System } from \"../system\"\nimport { toKebabCase, toPascalCase } from \"../../utils\"\n\nexport function getDisplayName(name: string, fallback?: string): string\nexport function getDisplayName(\n  name: string | undefined,\n  fallback: string,\n): string\nexport function getDisplayName(name: string, fallback: string): string\nexport function getDisplayName(\n  name: string | undefined,\n  fallback?: string,\n): string | undefined\nexport function getDisplayName(\n  name: string | undefined,\n  fallback = \"StyledComponent\",\n) {\n  return name ? toPascalCase(name.replace(/--|__/g, \"-\")) : fallback\n}\n\nexport function getClassName(\n  nameOrClassName: string,\n  fallback?: string,\n): { (system: System): string }\nexport function getClassName(\n  nameOrClassName: string | undefined,\n  fallback: string,\n): { (system: System): string }\nexport function getClassName(\n  nameOrClassName: string,\n  fallback: string,\n): { (system: System): string }\nexport function getClassName(\n  nameOrClassName?: string,\n  fallback?: string,\n): { (system: System): string | undefined }\nexport function getClassName(\n  nameOrClassName: string | undefined,\n  fallback?: string,\n) {\n  return function (system: System) {\n    return nameOrClassName\n      ? system.utils.getClassName(toKebabCase(nameOrClassName))\n      : fallback\n  }\n}\n"],"mappings":";;AAaA,SAAgB,eACd,MACA,WAAW,mBACX;CACA,OAAO,QAAA,GAAA,oBAAA,cAAA,cAAoB,KAAK,QAAQ,UAAU,GAAG,CAAC,IAAI;AAC5D;AAkBA,SAAgB,aACd,iBACA,UACA;CACA,OAAO,SAAU,QAAgB;EAC/B,OAAO,kBACH,OAAO,MAAM,cAAA,GAAA,oBAAA,cAAA,aAAyB,eAAe,CAAC,IACtD;CACN;AACF"}

package/dist/cjs/core/constant.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"constant.cjs","names":[],"sources":["../../../src/core/constant.ts"],"sourcesContent":["import type { LayersConfig } from \"./system\"\n\nexport const COLOR_MODE_STORAGE_KEY = \"color-mode\"\nexport const THEME_SCHEME_STORAGE_KEY = \"theme-scheme\"\n\nexport const DEFAULT_VAR_PREFIX = \"ui\"\nexport const DEFAULT_LOCALE = \"en-US\"\nexport const DEFAULT_DIRECTION = \"ltr\"\nexport const DEFAULT_LAYERS: LayersConfig = {\n  size: { name: \"size\", order: 4 },\n  variant: { name: \"variant\", order: 5 },\n  base: { name: \"base\", order: 3 },\n  compounds: { name: \"compounds\", order: 7 },\n  global: { name: \"global\", order: 2 },\n  props: { name: \"props\", order: 6 },\n  reset: { name: \"reset\", order: 1 },\n  tokens: { name: \"tokens\", order: 0 },\n}\n"],"mappings":";AAEA,MAAa,yBAAyB;AACtC,MAAa,2BAA2B;AAExC,MAAa,qBAAqB;AAClC,MAAa,iBAAiB;AAC9B,MAAa,oBAAoB;AACjC,MAAa,iBAA+B;CAC1C,MAAM;EAAE,MAAM;EAAQ,OAAO;EAAG;CAChC,SAAS;EAAE,MAAM;EAAW,OAAO;EAAG;CACtC,MAAM;EAAE,MAAM;EAAQ,OAAO;EAAG;CAChC,WAAW;EAAE,MAAM;EAAa,OAAO;EAAG;CAC1C,QAAQ;EAAE,MAAM;EAAU,OAAO;EAAG;CACpC,OAAO;EAAE,MAAM;EAAS,OAAO;EAAG;CAClC,OAAO;EAAE,MAAM;EAAS,OAAO;EAAG;CAClC,QAAQ;EAAE,MAAM;EAAU,OAAO;EAAG;CACrC"}
+{"version":3,"file":"constant.cjs","names":[],"sources":["../../../src/core/constant.ts"],"sourcesContent":["import type { LayersConfig } from \"./system\"\n\nexport const COLOR_MODE_STORAGE_KEY = \"color-mode\"\nexport const THEME_SCHEME_STORAGE_KEY = \"theme-scheme\"\n\nexport const DEFAULT_VAR_PREFIX = \"ui\"\nexport const DEFAULT_LOCALE = \"en-US\"\nexport const DEFAULT_DIRECTION = \"ltr\"\nexport const DEFAULT_LAYERS: LayersConfig = {\n  size: { name: \"size\", order: 4 },\n  variant: { name: \"variant\", order: 5 },\n  base: { name: \"base\", order: 3 },\n  compounds: { name: \"compounds\", order: 7 },\n  global: { name: \"global\", order: 2 },\n  props: { name: \"props\", order: 6 },\n  reset: { name: \"reset\", order: 1 },\n  tokens: { name: \"tokens\", order: 0 },\n}\n"],"mappings":";AAEA,MAAa,yBAAyB;AACtC,MAAa,2BAA2B;AAExC,MAAa,qBAAqB;AAClC,MAAa,iBAAiB;AAC9B,MAAa,oBAAoB;AACjC,MAAa,iBAA+B;CAC1C,MAAM;EAAE,MAAM;EAAQ,OAAO;CAAE;CAC/B,SAAS;EAAE,MAAM;EAAW,OAAO;CAAE;CACrC,MAAM;EAAE,MAAM;EAAQ,OAAO;CAAE;CAC/B,WAAW;EAAE,MAAM;EAAa,OAAO;CAAE;CACzC,QAAQ;EAAE,MAAM;EAAU,OAAO;CAAE;CACnC,OAAO;EAAE,MAAM;EAAS,OAAO;CAAE;CACjC,OAAO;EAAE,MAAM;EAAS,OAAO;CAAE;CACjC,QAAQ;EAAE,MAAM;EAAU,OAAO;CAAE;AACrC"}

package/dist/cjs/core/css/animation.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_utils = require("./utils.cjs");
 let _emotion_react = require("@emotion/react");

package/dist/cjs/core/css/animation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"animation.cjs","names":["StyleSheet","globalValues","tokenToVar"],"sources":["../../../../src/core/css/animation.ts"],"sourcesContent":["\"use client\"\n\nimport type { Dict } from \"../../utils\"\nimport type { TransformOptions } from \"./utils\"\nimport { keyframes as emotionKeyframes } from \"@emotion/react\"\nimport { StyleSheet } from \"@emotion/sheet\"\nimport { createdDom, isObject } from \"../../utils\"\nimport { globalValues, tokenToVar } from \"./utils\"\n\nconst styleSheet = createdDom()\n  ? new StyleSheet({ key: \"css\", container: document.head })\n  : undefined\n\nfunction transformAnimationValue(value: Dict) {\n  return Object.entries(value).reduce<Dict>((prev, [key, value]) => {\n    if (key === \"keyframes\") {\n      prev._keyframes = value\n    } else if (key === \"duration\") {\n      prev.animationDuration = value\n    } else if (key === \"timingFunction\") {\n      prev.animationTimingFunction = value\n    } else {\n      prev[key] = value\n    }\n\n    return prev\n  }, {})\n}\n\nexport function injectKeyframes(value: any) {\n  const { name, styles } = emotionKeyframes(value)\n\n  styleSheet?.insert(styles)\n\n  return name\n}\n\nexport function animation(\n  value: any,\n  { css, system, theme }: TransformOptions,\n) {\n  if (value == null || globalValues.has(value)) return value\n\n  if (isObject(value)) {\n    const {\n      animationDuration = \"0s\",\n      animationName,\n      animationTimingFunction = \"ease\",\n      delay = \"0s\",\n      direction = \"normal\",\n      fillMode = \"none\",\n      iterationCount = \"1\",\n      playState = \"running\",\n    } = css?.(system, theme)(transformAnimationValue(value)) ?? {}\n\n    return `${animationName} ${animationDuration} ${animationTimingFunction} ${delay} ${iterationCount} ${direction} ${fillMode} ${playState}`\n  } else if (value.includes(\",\")) {\n    value = value\n      .split(\",\")\n      .map((value: string) => {\n        value = value.trim()\n\n        value = tokenToVar(system)(\"animations\", value)\n\n        return value\n      })\n      .join(\",\")\n\n    return value\n  } else {\n    value = tokenToVar(system)(\"animations\", value)\n\n    return value\n  }\n}\n\nexport function keyframes(\n  value: any,\n  { css, system, theme }: TransformOptions,\n) {\n  if (value == null) return value\n\n  if (isObject(value)) {\n    value = css?.(system, theme)(value)\n\n    const name = injectKeyframes(value)\n\n    return name\n  } else {\n    return value\n  }\n}\n"],"mappings":";;;;;;;AASA,MAAM,cAAA,GAAA,oBAAA,cAAA,aAAyB,GAC3B,IAAIA,eAAAA,WAAW;CAAE,KAAK;CAAO,WAAW,SAAS;CAAM,CAAC,GACxD,KAAA;AAEJ,SAAS,wBAAwB,OAAa;CAC5C,OAAO,OAAO,QAAQ,MAAM,CAAC,QAAc,MAAM,CAAC,KAAK,WAAW;EAChE,IAAI,QAAQ,aACV,KAAK,aAAa;OACb,IAAI,QAAQ,YACjB,KAAK,oBAAoB;OACpB,IAAI,QAAQ,kBACjB,KAAK,0BAA0B;OAE/B,KAAK,OAAO;EAGd,OAAO;IACN,EAAE,CAAC;;AAGR,SAAgB,gBAAgB,OAAY;CAC1C,MAAM,EAAE,MAAM,YAAA,GAAA,eAAA,WAA4B,MAAM;CAEhD,YAAY,OAAO,OAAO;CAE1B,OAAO;;AAGT,SAAgB,UACd,OACA,EAAE,KAAK,QAAQ,SACf;CACA,IAAI,SAAS,QAAQC,cAAAA,aAAa,IAAI,MAAM,EAAE,OAAO;CAErD,KAAA,GAAA,oBAAA,cAAA,UAAa,MAAM,EAAE;EACnB,MAAM,EACJ,oBAAoB,MACpB,eACA,0BAA0B,QAC1B,QAAQ,MACR,YAAY,UACZ,WAAW,QACX,iBAAiB,KACjB,YAAY,cACV,MAAM,QAAQ,MAAM,CAAC,wBAAwB,MAAM,CAAC,IAAI,EAAE;EAE9D,OAAO,GAAG,cAAc,GAAG,kBAAkB,GAAG,wBAAwB,GAAG,MAAM,GAAG,eAAe,GAAG,UAAU,GAAG,SAAS,GAAG;QAC1H,IAAI,MAAM,SAAS,IAAI,EAAE;EAC9B,QAAQ,MACL,MAAM,IAAI,CACV,KAAK,UAAkB;GACtB,QAAQ,MAAM,MAAM;GAEpB,QAAQC,cAAAA,WAAW,OAAO,CAAC,cAAc,MAAM;GAE/C,OAAO;IACP,CACD,KAAK,IAAI;EAEZ,OAAO;QACF;EACL,QAAQA,cAAAA,WAAW,OAAO,CAAC,cAAc,MAAM;EAE/C,OAAO;;;AAIX,SAAgB,UACd,OACA,EAAE,KAAK,QAAQ,SACf;CACA,IAAI,SAAS,MAAM,OAAO;CAE1B,KAAA,GAAA,oBAAA,cAAA,UAAa,MAAM,EAAE;EACnB,QAAQ,MAAM,QAAQ,MAAM,CAAC,MAAM;EAInC,OAFa,gBAAgB,MAElB;QAEX,OAAO"}
+{"version":3,"file":"animation.cjs","names":["StyleSheet","globalValues","tokenToVar"],"sources":["../../../../src/core/css/animation.ts"],"sourcesContent":["\"use client\"\n\nimport type { Dict } from \"../../utils\"\nimport type { TransformOptions } from \"./utils\"\nimport { keyframes as emotionKeyframes } from \"@emotion/react\"\nimport { StyleSheet } from \"@emotion/sheet\"\nimport { createdDom, isObject } from \"../../utils\"\nimport { globalValues, tokenToVar } from \"./utils\"\n\nconst styleSheet = createdDom()\n  ? new StyleSheet({ key: \"css\", container: document.head })\n  : undefined\n\nfunction transformAnimationValue(value: Dict) {\n  return Object.entries(value).reduce<Dict>((prev, [key, value]) => {\n    if (key === \"keyframes\") {\n      prev._keyframes = value\n    } else if (key === \"duration\") {\n      prev.animationDuration = value\n    } else if (key === \"timingFunction\") {\n      prev.animationTimingFunction = value\n    } else {\n      prev[key] = value\n    }\n\n    return prev\n  }, {})\n}\n\nexport function injectKeyframes(value: any) {\n  const { name, styles } = emotionKeyframes(value)\n\n  styleSheet?.insert(styles)\n\n  return name\n}\n\nexport function animation(\n  value: any,\n  { css, system, theme }: TransformOptions,\n) {\n  if (value == null || globalValues.has(value)) return value\n\n  if (isObject(value)) {\n    const {\n      animationDuration = \"0s\",\n      animationName,\n      animationTimingFunction = \"ease\",\n      delay = \"0s\",\n      direction = \"normal\",\n      fillMode = \"none\",\n      iterationCount = \"1\",\n      playState = \"running\",\n    } = css?.(system, theme)(transformAnimationValue(value)) ?? {}\n\n    return `${animationName} ${animationDuration} ${animationTimingFunction} ${delay} ${iterationCount} ${direction} ${fillMode} ${playState}`\n  } else if (value.includes(\",\")) {\n    value = value\n      .split(\",\")\n      .map((value: string) => {\n        value = value.trim()\n\n        value = tokenToVar(system)(\"animations\", value)\n\n        return value\n      })\n      .join(\",\")\n\n    return value\n  } else {\n    value = tokenToVar(system)(\"animations\", value)\n\n    return value\n  }\n}\n\nexport function keyframes(\n  value: any,\n  { css, system, theme }: TransformOptions,\n) {\n  if (value == null) return value\n\n  if (isObject(value)) {\n    value = css?.(system, theme)(value)\n\n    const name = injectKeyframes(value)\n\n    return name\n  } else {\n    return value\n  }\n}\n"],"mappings":";;;;;;AASA,MAAM,cAAA,GAAA,oBAAA,cAAA,YAAwB,IAC1B,IAAIA,eAAAA,WAAW;CAAE,KAAK;CAAO,WAAW,SAAS;AAAK,CAAC,IACvD,KAAA;AAEJ,SAAS,wBAAwB,OAAa;CAC5C,OAAO,OAAO,QAAQ,KAAK,EAAE,QAAc,MAAM,CAAC,KAAK,WAAW;EAChE,IAAI,QAAQ,aACV,KAAK,aAAa;OACb,IAAI,QAAQ,YACjB,KAAK,oBAAoB;OACpB,IAAI,QAAQ,kBACjB,KAAK,0BAA0B;OAE/B,KAAK,OAAO;EAGd,OAAO;CACT,GAAG,CAAC,CAAC;AACP;AAEA,SAAgB,gBAAgB,OAAY;CAC1C,MAAM,EAAE,MAAM,YAAA,GAAA,eAAA,WAA4B,KAAK;CAE/C,YAAY,OAAO,MAAM;CAEzB,OAAO;AACT;AAEA,SAAgB,UACd,OACA,EAAE,KAAK,QAAQ,SACf;CACA,IAAI,SAAS,QAAQC,cAAAA,aAAa,IAAI,KAAK,GAAG,OAAO;CAErD,KAAA,GAAA,oBAAA,cAAA,UAAa,KAAK,GAAG;EACnB,MAAM,EACJ,oBAAoB,MACpB,eACA,0BAA0B,QAC1B,QAAQ,MACR,YAAY,UACZ,WAAW,QACX,iBAAiB,KACjB,YAAY,cACV,MAAM,QAAQ,KAAK,EAAE,wBAAwB,KAAK,CAAC,KAAK,CAAC;EAE7D,OAAO,GAAG,cAAc,GAAG,kBAAkB,GAAG,wBAAwB,GAAG,MAAM,GAAG,eAAe,GAAG,UAAU,GAAG,SAAS,GAAG;CACjI,OAAO,IAAI,MAAM,SAAS,GAAG,GAAG;EAC9B,QAAQ,MACL,MAAM,GAAG,EACT,KAAK,UAAkB;GACtB,QAAQ,MAAM,KAAK;GAEnB,QAAQC,cAAAA,WAAW,MAAM,EAAE,cAAc,KAAK;GAE9C,OAAO;EACT,CAAC,EACA,KAAK,GAAG;EAEX,OAAO;CACT,OAAO;EACL,QAAQA,cAAAA,WAAW,MAAM,EAAE,cAAc,KAAK;EAE9C,OAAO;CACT;AACF;AAEA,SAAgB,UACd,OACA,EAAE,KAAK,QAAQ,SACf;CACA,IAAI,SAAS,MAAM,OAAO;CAE1B,KAAA,GAAA,oBAAA,cAAA,UAAa,KAAK,GAAG;EACnB,QAAQ,MAAM,QAAQ,KAAK,EAAE,KAAK;EAIlC,OAFa,gBAAgB,KAEnB;CACZ,OACE,OAAO;AAEX"}

package/dist/cjs/core/css/at-rule.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"at-rule.cjs","names":["tokenToVar"],"sources":["../../../../src/core/css/at-rule.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { Transform } from \"./utils\"\nimport { filterUndefined, isArray, toArray, toKebabCase } from \"../../utils\"\nimport { tokenToVar } from \"./utils\"\n\nexport const generateAtRule =\n  (identifier: string): Transform =>\n  (values, { system }) => {\n    if (!isArray(values)) return values\n\n    return values.reduce<Dict>(\n      (\n        prev,\n        {\n          type,\n          name,\n          css,\n          style,\n          h,\n          height,\n          maxH,\n          maxHeight,\n          maxW,\n          maxWidth,\n          minH,\n          minHeight,\n          minW,\n          minWidth,\n          prefersColorMode,\n          query,\n          w,\n          width,\n          ...rest\n        },\n      ) => {\n        width ??= w\n        minWidth ??= minW\n        maxWidth ??= maxW\n        height ??= h\n        minHeight ??= minH\n        maxHeight ??= maxH\n\n        if (!query) {\n          if (style) {\n            query = toArray(style)\n              .map((style) => `style(${style})`)\n              .join(\" and \")\n          } else {\n            const resolvedRest = filterUndefined<Dict>({\n              height,\n              maxHeight,\n              maxWidth,\n              minHeight,\n              minWidth,\n              prefersColorScheme: prefersColorMode,\n              width,\n              ...rest,\n            })\n\n            query = Object.entries(resolvedRest)\n              .map(([key, value]) => {\n                value = tokenToVar(system)(\"sizes\", value)\n\n                return `(${toKebabCase(key)}: ${value})`\n              })\n              .join(\" and \")\n          }\n        }\n\n        const conditions = [`@${identifier}`]\n\n        if (type) conditions.push(type)\n        if (name) conditions.push(name)\n        if (query) conditions.push(query)\n\n        prev[conditions.join(\" \")] = css\n\n        return prev\n      },\n      {},\n    )\n  }\n"],"mappings":";;;AAKA,MAAa,kBACV,gBACA,QAAQ,EAAE,aAAa;CACtB,IAAI,EAAA,GAAA,oBAAA,cAAA,SAAS,OAAO,EAAE,OAAO;CAE7B,OAAO,OAAO,QAEV,MACA,EACE,MACA,MACA,KACA,OACA,GACA,QACA,MACA,WACA,MACA,UACA,MACA,WACA,MACA,UACA,kBACA,OACA,GACA,OACA,GAAG,WAEF;EACH,UAAU;EACV,aAAa;EACb,aAAa;EACb,WAAW;EACX,cAAc;EACd,cAAc;EAEd,IAAI,CAAC,OACH,IAAI,OACF,SAAA,GAAA,oBAAA,cAAA,SAAgB,MAAM,CACnB,KAAK,UAAU,SAAS,MAAM,GAAG,CACjC,KAAK,QAAQ;OACX;GACL,MAAM,gBAAA,GAAA,oBAAA,cAAA,iBAAqC;IACzC;IACA;IACA;IACA;IACA;IACA,oBAAoB;IACpB;IACA,GAAG;IACJ,CAAC;GAEF,QAAQ,OAAO,QAAQ,aAAa,CACjC,KAAK,CAAC,KAAK,WAAW;IACrB,QAAQA,cAAAA,WAAW,OAAO,CAAC,SAAS,MAAM;IAE1C,OAAO,KAAA,GAAA,oBAAA,cAAA,aAAgB,IAAI,CAAC,IAAI,MAAM;KACtC,CACD,KAAK,QAAQ;;EAIpB,MAAM,aAAa,CAAC,IAAI,aAAa;EAErC,IAAI,MAAM,WAAW,KAAK,KAAK;EAC/B,IAAI,MAAM,WAAW,KAAK,KAAK;EAC/B,IAAI,OAAO,WAAW,KAAK,MAAM;EAEjC,KAAK,WAAW,KAAK,IAAI,IAAI;EAE7B,OAAO;IAET,EAAE,CACH"}
+{"version":3,"file":"at-rule.cjs","names":["tokenToVar"],"sources":["../../../../src/core/css/at-rule.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { Transform } from \"./utils\"\nimport { filterUndefined, isArray, toArray, toKebabCase } from \"../../utils\"\nimport { tokenToVar } from \"./utils\"\n\nexport const generateAtRule =\n  (identifier: string): Transform =>\n  (values, { system }) => {\n    if (!isArray(values)) return values\n\n    return values.reduce<Dict>(\n      (\n        prev,\n        {\n          type,\n          name,\n          css,\n          style,\n          h,\n          height,\n          maxH,\n          maxHeight,\n          maxW,\n          maxWidth,\n          minH,\n          minHeight,\n          minW,\n          minWidth,\n          prefersColorMode,\n          query,\n          w,\n          width,\n          ...rest\n        },\n      ) => {\n        width ??= w\n        minWidth ??= minW\n        maxWidth ??= maxW\n        height ??= h\n        minHeight ??= minH\n        maxHeight ??= maxH\n\n        if (!query) {\n          if (style) {\n            query = toArray(style)\n              .map((style) => `style(${style})`)\n              .join(\" and \")\n          } else {\n            const resolvedRest = filterUndefined<Dict>({\n              height,\n              maxHeight,\n              maxWidth,\n              minHeight,\n              minWidth,\n              prefersColorScheme: prefersColorMode,\n              width,\n              ...rest,\n            })\n\n            query = Object.entries(resolvedRest)\n              .map(([key, value]) => {\n                value = tokenToVar(system)(\"sizes\", value)\n\n                return `(${toKebabCase(key)}: ${value})`\n              })\n              .join(\" and \")\n          }\n        }\n\n        const conditions = [`@${identifier}`]\n\n        if (type) conditions.push(type)\n        if (name) conditions.push(name)\n        if (query) conditions.push(query)\n\n        prev[conditions.join(\" \")] = css\n\n        return prev\n      },\n      {},\n    )\n  }\n"],"mappings":";;;AAKA,MAAa,kBACV,gBACA,QAAQ,EAAE,aAAa;CACtB,IAAI,EAAA,GAAA,oBAAA,cAAA,SAAS,MAAM,GAAG,OAAO;CAE7B,OAAO,OAAO,QAEV,MACA,EACE,MACA,MACA,KACA,OACA,GACA,QACA,MACA,WACA,MACA,UACA,MACA,WACA,MACA,UACA,kBACA,OACA,GACA,OACA,GAAG,WAEF;EACH,UAAU;EACV,aAAa;EACb,aAAa;EACb,WAAW;EACX,cAAc;EACd,cAAc;EAEd,IAAI,CAAC,OACH,IAAI,OACF,SAAA,GAAA,oBAAA,cAAA,SAAgB,KAAK,EAClB,KAAK,UAAU,SAAS,MAAM,EAAE,EAChC,KAAK,OAAO;OACV;GACL,MAAM,gBAAA,GAAA,oBAAA,cAAA,iBAAqC;IACzC;IACA;IACA;IACA;IACA;IACA,oBAAoB;IACpB;IACA,GAAG;GACL,CAAC;GAED,QAAQ,OAAO,QAAQ,YAAY,EAChC,KAAK,CAAC,KAAK,WAAW;IACrB,QAAQA,cAAAA,WAAW,MAAM,EAAE,SAAS,KAAK;IAEzC,OAAO,KAAA,GAAA,oBAAA,cAAA,aAAgB,GAAG,EAAE,IAAI,MAAM;GACxC,CAAC,EACA,KAAK,OAAO;EACjB;EAGF,MAAM,aAAa,CAAC,IAAI,YAAY;EAEpC,IAAI,MAAM,WAAW,KAAK,IAAI;EAC9B,IAAI,MAAM,WAAW,KAAK,IAAI;EAC9B,IAAI,OAAO,WAAW,KAAK,KAAK;EAEhC,KAAK,WAAW,KAAK,GAAG,KAAK;EAE7B,OAAO;CACT,GACA,CAAC,CACH;AACF"}

package/dist/cjs/core/css/calc.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"calc.cjs","names":["isCSSFunction","isCSSToken","globalValues","getCSSFunction","splitValues"],"sources":["../../../../src/core/css/calc.ts"],"sourcesContent":["import type { ThemeToken } from \"../system\"\nimport type { Transform } from \"./utils\"\nimport { isNumeric } from \"../../utils\"\nimport {\n  getCSSFunction,\n  globalValues,\n  isCSSFunction,\n  isCSSToken,\n  splitValues,\n} from \"./utils\"\n\nconst OPERATORS = [\"+\", \"-\", \"*\", \"/\"]\n\nfunction getValue(value: string | undefined, fallbackValue = \"\"): Transform {\n  return function (token, { system, ...rest }) {\n    if (!value) return fallbackValue\n\n    const prevent = isCSSFunction(value)\n\n    if (prevent) {\n      return generateCalc(token)(value, { system, ...rest })\n    } else {\n      if (isNumeric(value)) return value\n\n      const resolvedToken = `${token}.${value}`\n\n      if (isCSSToken(system)(resolvedToken)) {\n        return system.cssMap[resolvedToken]!.ref\n      } else {\n        return value\n      }\n    }\n  }\n}\n\nfunction isOperator(value: string) {\n  return new RegExp(`\\\\s[${OPERATORS.join(\"\\\\\")}]\\\\s`).test(value)\n}\n\nexport function generateCalc(token: ThemeToken): Transform {\n  return function (value, options) {\n    if (value == null || globalValues.has(value)) return value\n\n    const prevent = isCSSFunction(value)\n\n    if (!prevent) return value\n\n    let { type, values } = getCSSFunction(value)\n\n    if (!type || !values) return value\n\n    switch (type) {\n      case \"calc\": {\n        const computedValues = splitValues(\n          values,\n          (char, prev, next) => isOperator(`${prev}${char}${next}`),\n          true,\n        ).map((value) => {\n          if (value && OPERATORS.includes(value)) return value\n\n          return getValue(value)(token, options)\n        })\n\n        return `calc(${computedValues.join(\" \")})`\n      }\n\n      case \"min\":\n      case \"max\": {\n        let [firstValue, secondValue, ...otherValues] = splitValues(values)\n\n        firstValue = getValue(firstValue, \"100%\")(token, options)\n        secondValue = getValue(secondValue, \"100%\")(token, options)\n        otherValues = otherValues.map((value) =>\n          getValue(value)(token, options),\n        )\n\n        return (\n          `${type}(` +\n          `${firstValue}, ${secondValue}` +\n          (otherValues.length ? `, ${otherValues.join(\", \")}` : \"\") +\n          \")\"\n        )\n      }\n\n      case \"clamp\": {\n        let [min, preferred, max] = splitValues(values)\n\n        if (!max) {\n          max = preferred\n          preferred = \"\"\n        }\n\n        min = getValue(min)(token, options)\n        preferred = getValue(preferred, \"100%\")(token, options)\n        max = getValue(max)(token, options)\n\n        return `clamp(${min}, ${preferred}, ${max})`\n      }\n\n      case \"minmax\": {\n        let [min, max] = splitValues(values)\n\n        min = getValue(min)(token, options)\n        max = getValue(max)(token, options)\n\n        return `minmax(${min}, ${max})`\n      }\n\n      case \"fit-content\": {\n        let [value] = splitValues(values)\n\n        value = getValue(value)(token, options)\n\n        return `fit-content(${value})`\n      }\n\n      default:\n        return value\n    }\n  }\n}\n"],"mappings":";;;AAWA,MAAM,YAAY;CAAC;CAAK;CAAK;CAAK;CAAI;AAEtC,SAAS,SAAS,OAA2B,gBAAgB,IAAe;CAC1E,OAAO,SAAU,OAAO,EAAE,QAAQ,GAAG,QAAQ;EAC3C,IAAI,CAAC,OAAO,OAAO;EAInB,IAFgBA,cAAAA,cAAc,MAEnB,EACT,OAAO,aAAa,MAAM,CAAC,OAAO;GAAE;GAAQ,GAAG;GAAM,CAAC;OACjD;GACL,KAAA,GAAA,oBAAA,cAAA,WAAc,MAAM,EAAE,OAAO;GAE7B,MAAM,gBAAgB,GAAG,MAAM,GAAG;GAElC,IAAIC,cAAAA,WAAW,OAAO,CAAC,cAAc,EACnC,OAAO,OAAO,OAAO,eAAgB;QAErC,OAAO;;;;AAMf,SAAS,WAAW,OAAe;CACjC,OAAO,IAAI,OAAO,OAAO,UAAU,KAAK,KAAK,CAAC,MAAM,CAAC,KAAK,MAAM;;AAGlE,SAAgB,aAAa,OAA8B;CACzD,OAAO,SAAU,OAAO,SAAS;EAC/B,IAAI,SAAS,QAAQC,cAAAA,aAAa,IAAI,MAAM,EAAE,OAAO;EAIrD,IAAI,CAFYF,cAAAA,cAAc,MAElB,EAAE,OAAO;EAErB,IAAI,EAAE,MAAM,WAAWG,cAAAA,eAAe,MAAM;EAE5C,IAAI,CAAC,QAAQ,CAAC,QAAQ,OAAO;EAE7B,QAAQ,MAAR;GACE,KAAK,QAWH,OAAO,QAVgBC,cAAAA,YACrB,SACC,MAAM,MAAM,SAAS,WAAW,GAAG,OAAO,OAAO,OAAO,EACzD,KACD,CAAC,KAAK,UAAU;IACf,IAAI,SAAS,UAAU,SAAS,MAAM,EAAE,OAAO;IAE/C,OAAO,SAAS,MAAM,CAAC,OAAO,QAAQ;KAGX,CAAC,KAAK,IAAI,CAAC;GAG1C,KAAK;GACL,KAAK,OAAO;IACV,IAAI,CAAC,YAAY,aAAa,GAAG,eAAeA,cAAAA,YAAY,OAAO;IAEnE,aAAa,SAAS,YAAY,OAAO,CAAC,OAAO,QAAQ;IACzD,cAAc,SAAS,aAAa,OAAO,CAAC,OAAO,QAAQ;IAC3D,cAAc,YAAY,KAAK,UAC7B,SAAS,MAAM,CAAC,OAAO,QAAQ,CAChC;IAED,OACE,GAAG,KAAK,GACL,WAAW,IAAI,iBACjB,YAAY,SAAS,KAAK,YAAY,KAAK,KAAK,KAAK,MACtD;;GAIJ,KAAK,SAAS;IACZ,IAAI,CAAC,KAAK,WAAW,OAAOA,cAAAA,YAAY,OAAO;IAE/C,IAAI,CAAC,KAAK;KACR,MAAM;KACN,YAAY;;IAGd,MAAM,SAAS,IAAI,CAAC,OAAO,QAAQ;IACnC,YAAY,SAAS,WAAW,OAAO,CAAC,OAAO,QAAQ;IACvD,MAAM,SAAS,IAAI,CAAC,OAAO,QAAQ;IAEnC,OAAO,SAAS,IAAI,IAAI,UAAU,IAAI,IAAI;;GAG5C,KAAK,UAAU;IACb,IAAI,CAAC,KAAK,OAAOA,cAAAA,YAAY,OAAO;IAEpC,MAAM,SAAS,IAAI,CAAC,OAAO,QAAQ;IACnC,MAAM,SAAS,IAAI,CAAC,OAAO,QAAQ;IAEnC,OAAO,UAAU,IAAI,IAAI,IAAI;;GAG/B,KAAK,eAAe;IAClB,IAAI,CAAC,SAASA,cAAAA,YAAY,OAAO;IAEjC,QAAQ,SAAS,MAAM,CAAC,OAAO,QAAQ;IAEvC,OAAO,eAAe,MAAM;;GAG9B,SACE,OAAO"}
+{"version":3,"file":"calc.cjs","names":["isCSSFunction","isCSSToken","globalValues","getCSSFunction","splitValues"],"sources":["../../../../src/core/css/calc.ts"],"sourcesContent":["import type { ThemeToken } from \"../system\"\nimport type { Transform } from \"./utils\"\nimport { isNumeric } from \"../../utils\"\nimport {\n  getCSSFunction,\n  globalValues,\n  isCSSFunction,\n  isCSSToken,\n  splitValues,\n} from \"./utils\"\n\nconst OPERATORS = [\"+\", \"-\", \"*\", \"/\"]\n\nfunction getValue(value: string | undefined, fallbackValue = \"\"): Transform {\n  return function (token, { system, ...rest }) {\n    if (!value) return fallbackValue\n\n    const prevent = isCSSFunction(value)\n\n    if (prevent) {\n      return generateCalc(token)(value, { system, ...rest })\n    } else {\n      if (isNumeric(value)) return value\n\n      const resolvedToken = `${token}.${value}`\n\n      if (isCSSToken(system)(resolvedToken)) {\n        return system.cssMap[resolvedToken]!.ref\n      } else {\n        return value\n      }\n    }\n  }\n}\n\nfunction isOperator(value: string) {\n  return new RegExp(`\\\\s[${OPERATORS.join(\"\\\\\")}]\\\\s`).test(value)\n}\n\nexport function generateCalc(token: ThemeToken): Transform {\n  return function (value, options) {\n    if (value == null || globalValues.has(value)) return value\n\n    const prevent = isCSSFunction(value)\n\n    if (!prevent) return value\n\n    let { type, values } = getCSSFunction(value)\n\n    if (!type || !values) return value\n\n    switch (type) {\n      case \"calc\": {\n        const computedValues = splitValues(\n          values,\n          (char, prev, next) => isOperator(`${prev}${char}${next}`),\n          true,\n        ).map((value) => {\n          if (value && OPERATORS.includes(value)) return value\n\n          return getValue(value)(token, options)\n        })\n\n        return `calc(${computedValues.join(\" \")})`\n      }\n\n      case \"min\":\n      case \"max\": {\n        let [firstValue, secondValue, ...otherValues] = splitValues(values)\n\n        firstValue = getValue(firstValue, \"100%\")(token, options)\n        secondValue = getValue(secondValue, \"100%\")(token, options)\n        otherValues = otherValues.map((value) =>\n          getValue(value)(token, options),\n        )\n\n        return (\n          `${type}(` +\n          `${firstValue}, ${secondValue}` +\n          (otherValues.length ? `, ${otherValues.join(\", \")}` : \"\") +\n          \")\"\n        )\n      }\n\n      case \"clamp\": {\n        let [min, preferred, max] = splitValues(values)\n\n        if (!max) {\n          max = preferred\n          preferred = \"\"\n        }\n\n        min = getValue(min)(token, options)\n        preferred = getValue(preferred, \"100%\")(token, options)\n        max = getValue(max)(token, options)\n\n        return `clamp(${min}, ${preferred}, ${max})`\n      }\n\n      case \"minmax\": {\n        let [min, max] = splitValues(values)\n\n        min = getValue(min)(token, options)\n        max = getValue(max)(token, options)\n\n        return `minmax(${min}, ${max})`\n      }\n\n      case \"fit-content\": {\n        let [value] = splitValues(values)\n\n        value = getValue(value)(token, options)\n\n        return `fit-content(${value})`\n      }\n\n      default:\n        return value\n    }\n  }\n}\n"],"mappings":";;;AAWA,MAAM,YAAY;CAAC;CAAK;CAAK;CAAK;AAAG;AAErC,SAAS,SAAS,OAA2B,gBAAgB,IAAe;CAC1E,OAAO,SAAU,OAAO,EAAE,QAAQ,GAAG,QAAQ;EAC3C,IAAI,CAAC,OAAO,OAAO;EAInB,IAFgBA,cAAAA,cAAc,KAEpB,GACR,OAAO,aAAa,KAAK,EAAE,OAAO;GAAE;GAAQ,GAAG;EAAK,CAAC;OAChD;GACL,KAAA,GAAA,oBAAA,cAAA,WAAc,KAAK,GAAG,OAAO;GAE7B,MAAM,gBAAgB,GAAG,MAAM,GAAG;GAElC,IAAIC,cAAAA,WAAW,MAAM,EAAE,aAAa,GAClC,OAAO,OAAO,OAAO,eAAgB;QAErC,OAAO;EAEX;CACF;AACF;AAEA,SAAS,WAAW,OAAe;CACjC,OAAO,IAAI,OAAO,OAAO,UAAU,KAAK,IAAI,EAAE,KAAK,EAAE,KAAK,KAAK;AACjE;AAEA,SAAgB,aAAa,OAA8B;CACzD,OAAO,SAAU,OAAO,SAAS;EAC/B,IAAI,SAAS,QAAQC,cAAAA,aAAa,IAAI,KAAK,GAAG,OAAO;EAIrD,IAAI,CAFYF,cAAAA,cAAc,KAEnB,GAAG,OAAO;EAErB,IAAI,EAAE,MAAM,WAAWG,cAAAA,eAAe,KAAK;EAE3C,IAAI,CAAC,QAAQ,CAAC,QAAQ,OAAO;EAE7B,QAAQ,MAAR;GACE,KAAK,QAWH,OAAO,QAVgBC,cAAAA,YACrB,SACC,MAAM,MAAM,SAAS,WAAW,GAAG,OAAO,OAAO,MAAM,GACxD,IACF,EAAE,KAAK,UAAU;IACf,IAAI,SAAS,UAAU,SAAS,KAAK,GAAG,OAAO;IAE/C,OAAO,SAAS,KAAK,EAAE,OAAO,OAAO;GACvC,CAE4B,EAAE,KAAK,GAAG,EAAE;GAG1C,KAAK;GACL,KAAK,OAAO;IACV,IAAI,CAAC,YAAY,aAAa,GAAG,eAAeA,cAAAA,YAAY,MAAM;IAElE,aAAa,SAAS,YAAY,MAAM,EAAE,OAAO,OAAO;IACxD,cAAc,SAAS,aAAa,MAAM,EAAE,OAAO,OAAO;IAC1D,cAAc,YAAY,KAAK,UAC7B,SAAS,KAAK,EAAE,OAAO,OAAO,CAChC;IAEA,OACE,GAAG,KAAK,GACL,WAAW,IAAI,iBACjB,YAAY,SAAS,KAAK,YAAY,KAAK,IAAI,MAAM,MACtD;GAEJ;GAEA,KAAK,SAAS;IACZ,IAAI,CAAC,KAAK,WAAW,OAAOA,cAAAA,YAAY,MAAM;IAE9C,IAAI,CAAC,KAAK;KACR,MAAM;KACN,YAAY;IACd;IAEA,MAAM,SAAS,GAAG,EAAE,OAAO,OAAO;IAClC,YAAY,SAAS,WAAW,MAAM,EAAE,OAAO,OAAO;IACtD,MAAM,SAAS,GAAG,EAAE,OAAO,OAAO;IAElC,OAAO,SAAS,IAAI,IAAI,UAAU,IAAI,IAAI;GAC5C;GAEA,KAAK,UAAU;IACb,IAAI,CAAC,KAAK,OAAOA,cAAAA,YAAY,MAAM;IAEnC,MAAM,SAAS,GAAG,EAAE,OAAO,OAAO;IAClC,MAAM,SAAS,GAAG,EAAE,OAAO,OAAO;IAElC,OAAO,UAAU,IAAI,IAAI,IAAI;GAC/B;GAEA,KAAK,eAAe;IAClB,IAAI,CAAC,SAASA,cAAAA,YAAY,MAAM;IAEhC,QAAQ,SAAS,KAAK,EAAE,OAAO,OAAO;IAEtC,OAAO,eAAe,MAAM;GAC9B;GAEA,SACE,OAAO;EACX;CACF;AACF"}

package/dist/cjs/core/css/color-mix.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"color-mix.cjs","names":["isColorScheme","getColorSchemeVar","tokenToVar","globalValues","getCSSFunction","splitValues"],"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.cjs","names":["isColorScheme","getColorSchemeVar","tokenToVar","globalValues","getCSSFunction","splitValues"],"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/cjs/core/css/color-scheme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"color-scheme.cjs","names":["getVarName","tokenToVar","conditions"],"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,YAAA,oBAAA,cACR,MAAM,KAAK,SAAS,CAClBA,YAAAA,WAAW,OAAO,CAAC,eAAe,OAAO,EACzCC,cAAAA,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,CACfD,YAAAA,WAAW,OAAO,CAAC,eAAe,QAAQ,EAC1CC,cAAAA,WAAW,OAAO,CAAC,UAAU,GAAG,MAAM,GAAG,QAAQ,CAClD,CAAC,CACH;GACF;;;AAIL,SAAgB,YAAY,OAAY,SAA2B;CACjE,KAAA,GAAA,oBAAA,cAAA,SAAY,MAAM,EAAE;EAClB,MAAM,CAAC,YAAY,aAAa;EAEhC,OAAO;GACL,GAAG,2BAA2B,WAAW,CAAC,QAAQ;IACjDC,mBAAAA,WAAW,QAAQ,2BAA2B,UAAU,CAAC,QAAQ;GACnE;QAED,OAAO,2BAA2B,MAAM,CAAC,QAAQ"}
+{"version":3,"file":"color-scheme.cjs","names":["getVarName","tokenToVar","conditions"],"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,YAAA,oBAAA,cACR,MAAM,KAAK,SAAS,CAClBA,YAAAA,WAAW,MAAM,EAAE,eAAe,MAAM,GACxCC,cAAAA,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,CACfD,YAAAA,WAAW,MAAM,EAAE,eAAe,OAAO,GACzCC,cAAAA,WAAW,MAAM,EAAE,UAAU,GAAG,MAAM,GAAG,OAAO,CAClD,CAAC,CACH;EACF;CACF;AACF;AAEA,SAAgB,YAAY,OAAY,SAA2B;CACjE,KAAA,GAAA,oBAAA,cAAA,SAAY,KAAK,GAAG;EAClB,MAAM,CAAC,YAAY,aAAa;EAEhC,OAAO;GACL,GAAG,2BAA2B,UAAU,EAAE,OAAO;IAChDC,mBAAAA,WAAW,QAAQ,2BAA2B,SAAS,EAAE,OAAO;EACnE;CACF,OACE,OAAO,2BAA2B,KAAK,EAAE,OAAO;AAEpD"}

package/dist/cjs/core/css/conditions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"conditions.cjs","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.cjs","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":";AAYA,MAAM,WAA6B,aACjC;CAAC;CAAgB;CAAgB;AAAQ,EACtC,KAAK,WAAW,GAAG,SAAS,SAAS,MAAM,CAAC,EAAE,GAAG,EACjD,KAAK,IAAI;AAMd,MAAM,UAA4B,aAChC,CACE,GAAG,CAAC,eAAe,OAAO,EAAE,SAAS,WAAW,CAC9C,WACI,WAAW,SAAS,SAAS,MAAM,CAAC,EAAE,KACtC,WAAW,OAAO,IACtB,WAAW,GAAG,SAAS,SAAS,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,KAC7D,CAAC,GACD,GAAI,WACA,CAAC,eAAe,OAAO,EAAE,SAAS,WAAW,CAC3C,WAAW,OAAO,IAAI,SAAS,MAAM,CAAC,EAAE,IACxC,GAAG,OAAO,QAAQ,SAAS,MAAM,CAAC,EAAE,MACtC,CAAC,IACD,CAAC,CACP,EAAE,KAAK,IAAI;AAMb,MAAa,aAAa;;;;CAIxB,WAAW;;;;CAIX,SAAS;;;;CAIT,WAAW;;;;CAIX,UAAU;;;;CAIV,SAAS;;;;CAIT,YACE;;;;CAIF,WAAW;;;;CAIX,UAAU;;;;CAIV,OACE;;;;CAIF,MAAM;;;;CAIN,WAAW;;;;CAIX,WAAW;;;;CAIX,SAAS;;;;CAIT,UAAU;;;;CAIV,OAAO;;;;CAIP,WAAW;;;;CAIX,UAAU;;;;CAIV,OAAO;;;;CAIP,aAAa;;;;CAIb,QACE;;;;CAIF,SAAS;;;;CAIT,UAAU;;;;CAIV,MAAM;;;;CAIN,eAAe;;;;CAIf,aAAa;;;;CAIb,aAAa;;;;CAIb,cAAc;;;;CAId,cACE;;;;CAIF,cAAc;;;;CAId,UAAU;;;;CAIV,OAAO;;;;CAIP,UAAU;;;;CAIV,QAAQ;;;;CAIR,SAAS;;;;CAIT,SAAS;;;;CAIT,MAAM;;;;CAIN,QAAQ;;;;CAIR,WAAW;;;;CAIX,SAAS;;;;CAIT,QAAQ;AACV;AAQA,MAAa,sBAAsB,OAAO,KACxC,UACF;AACA,MAAa,qBAAqB,OAAO,OAAO,UAAU;AAE1D,MAAa,iBAAiB;;;;CAI5B,QAAQ;;;;CAIR,WAAW;;;;CAIX,SAAS;;;;CAIT,MAAM;;;;CAIN,YAAY;;;;CAIZ,iBAAiB;;;;CAIjB,eAAe;;;;CAIf,cAAc;;;;CAId,YAAY;;;;CAIZ,SAAS;;;;CAIT,cAAc;;;;CAId,YAAY;;;;CAIZ,kBAAkB;;;;CAIlB,kBAAkB;;;;CAIlB,iBAAiB;;;;CAIjB,iBAAiB;;;;CAIjB,sBAAsB;;;;CAItB,YAAY;AACd;AAQA,MAAa,0BAA0B,OAAO,KAC5C,cACF;AACA,MAAa,yBAAyB,OAAO,OAAO,cAAc;AAElE,MAAa,gBAAgB;;;;CAI3B,mBAAmB;;;;CAInB,UAAU;;;;CAIV,WAAW;;;;CAIX,QAAQ;;;;CAIR,UAAU;;;;CAIV,QAAQ;;;;CAIR,UAAU;;;;CAIV,UAAU;;;;CAIV,QAAQ;;;;CAIR,UAAU;;;;CAIV,OAAO;;;;CAIP,QAAQ;;;;CAIR,aAAa;;;;CAIb,cAAc;;;;CAId,aAAa;;;;CAIb,aACE;;;;CAIF,OAAO;;;;CAIP,gBACE;;;;CAIF,YAAY;;;;CAIZ,UAAU;;;;CAIV,OAAO;;;;CAIP,YAAY;;;;CAIZ,OAAO;;;;CAIP,QAAQ;;;;CAIR,eAAe;;;;CAIf,gBAAgB;;;;CAIhB,iBAAiB;;;;CAIjB,cAAc;;;;CAId,qBAAqB;;;;CAIrB,oBAAoB;;;;CAIpB,cAAc;;;;CAId,iBAAiB;;;;CAIjB,eAAe;;;;CAIf,cAAc;;;;CAId,aAAa;;;;CAIb,WAAW;;;;CAIX,WAAW;;;;CAIX,gBAAgB;;;;CAIhB,UAAU;;;;CAIV,eAAe;;;;CAIf,YAAY;;;;CAIZ,MAAM;;;;CAIN,OAAO;;;;CAIP,YAAY;;;;CAIZ,WAAW;;;;CAIX,WAAW;;;;CAIX,SAAS;;;;CAIT,UAAU;;;;CAIV,mBAAmB;;;;CAInB,UAAU;;;;CAIV,cAAc;;;;CAId,YAAY;;;;CAIZ,WAAW;;;;CAIX,SAAS;;;;CAIT,cAAc;;;;CAId,QAAQ;;;;CAIR,WAAW;;;;CAIX,UAAU;;;;CAIV,QACE;;;;CAIF,SACE;;;;CAIF,QAAQ;;;;CAIR,eAAe;;;;CAIf,UAAU;;;;CAIV,WAAW;;;;CAIX,WAAW;AACb;AAQA,MAAa,wBAAwB,OAAO,KAC1C,aACF;AACA,MAAa,uBAAuB,OAAO,OAAO,aAAa;AAE/D,MAAa,kBAAkB;;;;CAI7B,cAAc,QAAQ,WAAW,OAAO;;;;CAIxC,wBAAwB,QAAQ,cAAc,iBAAiB;;;;CAI/D,gBAAgB,QAAQ,WAAW,SAAS;;;;CAI5C,aAAa,QAAQ,cAAc,MAAM;;;;CAIzC,eAAe,QAAQ,cAAc,QAAQ;;;;CAI7C,iBAAiB,QAAQ,WAAW,UAAU;;;;CAI9C,gBAAgB,QAAQ,WAAW,SAAS;;;;CAI5C,eAAe,QAAQ,WAAW,QAAQ;;;;CAI1C,eAAe,QAAQ,cAAc,QAAQ;;;;CAI7C,gBAAgB,QAAQ,WAAW,SAAS;;;;CAI5C,mBAAmB,QAAQ,cAAc,YAAY;;;;CAIrD,eAAe,QAAQ,WAAW,QAAQ;;;;CAI1C,kBAAkB,QAAQ,cAAc,WAAW;;;;CAInD,YAAY,QAAQ,WAAW,KAAK;;;;CAIpC,kBAAkB,QAAQ,WAAW,WAAW;;;;CAIhD,cAAc,QAAQ,WAAW,OAAO;;;;CAIxC,eAAe,QAAQ,WAAW,QAAQ;;;;CAI1C,YAAY,QAAQ,WAAW,KAAK;;;;CAIpC,gBAAgB,QAAQ,cAAc,SAAS;;;;CAI/C,wBAAwB,QAAQ,cAAc,iBAAiB;;;;CAI/D,eAAe,QAAQ,WAAW,QAAQ;;;;CAI1C,aAAa,QAAQ,WAAW,MAAM;;;;CAItC,iBAAiB,QAAQ,cAAc,UAAU;;;;CAIjD,cAAc,QAAQ,WAAW,OAAO;;;;CAIxC,gBAAgB,QAAQ,cAAc,SAAS;;;;CAI/C,mBAAmB,QAAQ,cAAc,YAAY;;;;CAIrD,aAAa,QAAQ,cAAc,MAAM;;;;CAIzC,gBAAgB,QAAQ,cAAc,SAAS;;;;CAI/C,aAAa,QAAQ,cAAc,MAAM;;;;CAIzC,cAAc,QAAQ,cAAc,OAAO;;;;CAI3C,aAAa,QAAQ,cAAc,MAAM;;;;CAIzC,oBAAoB,QAAQ,cAAc,aAAa;;;;CAIvD,gBAAgB,QAAQ,WAAW,SAAS;;;;CAI5C,eAAe,QAAQ,cAAc,QAAQ;;;;CAI7C,gBAAgB,QAAQ,cAAc,SAAS;;;;CAI/C,gBAAgB,QAAQ,cAAc,SAAS;AACjD;AAQA,MAAa,2BAA2B,OAAO,KAC7C,eACF;AACA,MAAa,0BAA0B,OAAO,OAAO,eAAe;AAEpE,MAAa,iBAAiB;;;;CAI5B,OAAO,OAAO;;;;CAId,aAAa,OAAO,WAAW,OAAO;;;;CAItC,eAAe,OAAO,WAAW,SAAS;;;;CAI1C,YAAY,OAAO,cAAc,MAAM;;;;CAIvC,cAAc,OAAO,cAAc,QAAQ;;;;CAI3C,gBAAgB,OAAO,WAAW,UAAU;;;;CAI5C,eAAe,OAAO,WAAW,SAAS;;;;CAI1C,cAAc,OAAO,WAAW,QAAQ;;;;CAIxC,cAAc,OAAO,cAAc,QAAQ;;;;CAI3C,eAAe,OAAO,WAAW,SAAS;;;;CAI1C,kBAAkB,OAAO,cAAc,YAAY;;;;CAInD,cAAc,OAAO,WAAW,QAAQ;;;;CAIxC,iBAAiB,OAAO,cAAc,WAAW;;;;CAIjD,WAAW,OAAO,WAAW,KAAK;;;;CAIlC,iBAAiB,OAAO,WAAW,WAAW;;;;CAI9C,aAAa,OAAO,WAAW,OAAO;;;;CAItC,cAAc,OAAO,WAAW,QAAQ;;;;CAIxC,eAAe,OAAO,cAAc,SAAS;;;;CAI7C,uBAAuB,OAAO,cAAc,iBAAiB;;;;CAI7D,cAAc,OAAO,WAAW,QAAQ;;;;CAIxC,YAAY,OAAO,WAAW,MAAM;;;;CAIpC,gBAAgB,OAAO,cAAc,UAAU;;;;CAI/C,aAAa,OAAO,WAAW,OAAO;;;;CAItC,eAAe,OAAO,cAAc,SAAS;;;;CAI7C,kBAAkB,OAAO,cAAc,YAAY;;;;CAInD,YAAY,OAAO,cAAc,MAAM;;;;CAIvC,eAAe,OAAO,cAAc,SAAS;;;;CAI7C,YAAY,OAAO,cAAc,MAAM;;;;CAIvC,aAAa,OAAO,cAAc,OAAO;;;;CAIzC,YAAY,OAAO,cAAc,MAAM;;;;CAIvC,mBAAmB,OAAO,cAAc,aAAa;;;;CAIrD,eAAe,OAAO,WAAW,SAAS;;;;CAI1C,cAAc,OAAO,cAAc,QAAQ;;;;CAI3C,eAAe,OAAO,cAAc,SAAS;;;;CAI7C,eAAe,OAAO,cAAc,SAAS;AAC/C;AAQA,MAAa,0BAA0B,OAAO,KAC5C,cACF;AACA,MAAa,yBAAyB,OAAO,OAAO,cAAc;AAElE,MAAa,aAAa;CACxB,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;AACL;AASA,MAAa,sBAAsB,OAAO,KACxC,UACF;AACA,MAAa,qBAAqB,OAAO,OAAO,UAAU;AAE1D,SAAgB,aAAa,KAAa;CACxC,OAAO,OAAO,aAAa,WAAW,OAA4B;AACpE"}

package/dist/cjs/core/css/config.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"config.cjs","names":["generateStyle","generateCalc","generateAtRule","isCSSVar","generateFilter","generateFocusRing","generateFunction","analyzeCSSValue","generateToken","generateTransition"],"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,OAAOA,cAAAA;CACP,aAAA,qBAAA;CACA,WAAA,kBAAA;CACA,SAAS,OAAO,EAAE,WAAW;EAC3B,IAAI,UAAU,QAAQ;GACpB,SAAS,EAAE;GACX,KAAK,UAAU;GAEf,OAAO;SAEP,OAAO;;CAGX,MAAMC,aAAAA;CACN,UAAA,kBAAA;CACA,WAAWC,gBAAAA,eAAe,YAAY;CACtC,UAAU,UAAU;EAClB,KAAA,GAAA,oBAAA,cAAA,UAAa,MAAM,EACjB,OAAO;GAAE,SAAS;GAAM,GAAG;GAAO;OAElC,OAAO;;CAGX,MAAM,UAAU;EACd,IAAIC,cAAAA,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,oBAAA,cAAA,UAEM,MAAM,GAAG,GAAG,MAAM,OAAO;;CAEzD,SAAA,gBAAA;CACA,QAAQC,eAAAA;CACR,WAAWC,mBAAAA;CACX,WAAW,UAAU;EACnB,KAAA,GAAA,oBAAA,cAAA,UAAa,MAAM,IAAI,SAAS,GAAG,QAAQ,GAAG,QAAQ,IAAI;EAE1D,OAAO;;CAET,UAAUC,iBAAAA;CACV,UAAA,iBAAA;CACA,MAAA,aAAA;CACA,WAAA,kBAAA;CACA,OAAOJ,gBAAAA,eAAe,QAAQ;CAC9B,KAAK,UAAU;EACb,IAAI,SAAS,MAAM,OAAO;EAE1B,MAAM,EAAE,aAAaK,cAAAA,gBAAgB,MAAM;EAE3C,OAAO,aAAA,GAAA,oBAAA,cAAA,UAAqB,MAAM,GAAG,GAAG,MAAM,MAAM;;CAEtD,UAAUL,gBAAAA,eAAe,WAAW;CACpC,OAAOM,cAAAA;CACP,WAAA,kBAAA;CACA,YAAYC,mBAAAA;CACZ,YAAY,UAAmB;EAC7B,IAAI,OACF,OAAO;GACL,UAAU;GACV,cAAc;GACd,YAAY;GACb;;CAGN"}
+{"version":3,"file":"config.cjs","names":["generateStyle","generateCalc","generateAtRule","isCSSVar","generateFilter","generateFocusRing","generateFunction","analyzeCSSValue","generateToken","generateTransition"],"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,OAAOA,cAAAA;CACP,aAAA,qBAAA;CACA,WAAA,kBAAA;CACA,SAAS,OAAO,EAAE,WAAW;EAC3B,IAAI,UAAU,QAAQ;GACpB,SAAS,CAAC;GACV,KAAK,UAAU;GAEf,OAAO;EACT,OACE,OAAO;CAEX;CACA,MAAMC,aAAAA;CACN,UAAA,kBAAA;CACA,WAAWC,gBAAAA,eAAe,WAAW;CACrC,UAAU,UAAU;EAClB,KAAA,GAAA,oBAAA,cAAA,UAAa,KAAK,GAChB,OAAO;GAAE,SAAS;GAAM,GAAG;EAAM;OAEjC,OAAO;CAEX;CACA,MAAM,UAAU;EACd,IAAIC,cAAAA,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,oBAAA,cAAA,UAEO,KAAK,IAAI,GAAG,MAAM,OAAO;CACzD;CACA,SAAA,gBAAA;CACA,QAAQC,eAAAA;CACR,WAAWC,mBAAAA;CACX,WAAW,UAAU;EACnB,KAAA,GAAA,oBAAA,cAAA,UAAa,KAAK,KAAK,SAAS,GAAG,QAAQ,GAAG,QAAQ,IAAI;EAE1D,OAAO;CACT;CACA,UAAUC,iBAAAA;CACV,UAAA,iBAAA;CACA,MAAA,aAAA;CACA,WAAA,kBAAA;CACA,OAAOJ,gBAAAA,eAAe,OAAO;CAC7B,KAAK,UAAU;EACb,IAAI,SAAS,MAAM,OAAO;EAE1B,MAAM,EAAE,aAAaK,cAAAA,gBAAgB,KAAK;EAE1C,OAAO,aAAA,GAAA,oBAAA,cAAA,UAAqB,KAAK,IAAI,GAAG,MAAM,MAAM;CACtD;CACA,UAAUL,gBAAAA,eAAe,UAAU;CACnC,OAAOM,cAAAA;CACP,WAAA,kBAAA;CACA,YAAYC,mBAAAA;CACZ,YAAY,UAAmB;EAC7B,IAAI,OACF,OAAO;GACL,UAAU;GACV,cAAc;GACd,YAAY;EACd;CAEJ;AACF"}