@yamada-ui/react 2.2.1-dev-20260504103143 → 2.2.1-dev-20260509050741

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

@@ -1,13 +1,11 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_ref = require('../../utils/ref.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_conditions = require('../css/conditions.cjs');
-const require_styles = require('../css/styles.cjs');
-require('../css/index.cjs');
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_ref = require("../../utils/ref.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_conditions = require("../css/conditions.cjs");
+const require_styles = require("../css/styles.cjs");
 let react = require("react");
 let react_fast_compare = require("react-fast-compare");
-react_fast_compare = require_rolldown_runtime.__toESM(react_fast_compare);
-
+react_fast_compare = require_runtime.__toESM(react_fast_compare, 1);
 //#region src/core/components/props.ts
 function isEvent(key) {
 	return /^on[A-Z]/.test(key);
@@ -94,7 +92,6 @@ function extractProps(props, keys) {
 function useExtractProps(props, keys) {
 	return (0, react.useMemo)(() => extractProps(props, keys), [props, keys]);
 }
-
 //#endregion
 exports.chainProps = chainProps;
 exports.createShouldForwardProp = createShouldForwardProp;
@@ -104,4 +101,5 @@ exports.isEqualProps = isEqualProps;
 exports.mergeProps = mergeProps;
 exports.useExtractProps = useExtractProps;
 exports.useSplitProps = useSplitProps;
+
 //# sourceMappingURL=props.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"props.cjs","names":["conditionProperties","styleProperties","result: Dict","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,16 +1,12 @@
 "use client";
-
-const require_rolldown_runtime = 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');
-require('../system/index.cjs');
-const require_conditions = require('../css/conditions.cjs');
-const require_merge_css = require('../css/merge-css.cjs');
-require('../css/index.cjs');
-const require_props = require('./props.cjs');
+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");
+const require_conditions = require("../css/conditions.cjs");
+const require_merge_css = require("../css/merge-css.cjs");
+const require_props = require("./props.cjs");
 let react = require("react");
-
 //#region src/core/components/use-component-style.ts
 function getSelectorStyle(selectors, style) {
 	return selectors.reduceRight((prev, key) => key ? { [key]: prev } : prev, style);
@@ -18,19 +14,19 @@ function getSelectorStyle(selectors, style) {
 function getStyle(style) {
 	return function({ name: rootName, hasSlot = false, modifier, selectors = [], value }) {
 		if (!style || (0, require_utils_index.utils_exports.isEmptyObject)(style)) return;
-		if (hasSlot) return Object.fromEntries(Object.entries(style).map(([name, style$1]) => {
+		if (hasSlot) return Object.fromEntries(Object.entries(style).map(([name, style]) => {
 			if (selectors.length) {
-				if (value && modifier) style$1 = {
+				if (value && modifier) style = {
 					[`--${rootName}-${name}-${modifier}`]: `"${value}"`,
-					...style$1
+					...style
 				};
-				return [name, getSelectorStyle(selectors, style$1 ?? {})];
+				return [name, getSelectorStyle(selectors, style ?? {})];
 			} else {
-				if (value && modifier) style$1 = {
+				if (value && modifier) style = {
 					[`--${rootName}-${name}-${modifier}`]: `"${value}"`,
-					...style$1
+					...style
 				};
-				return [name, style$1];
+				return [name, style];
 			}
 		}));
 		else if (selectors.length) {
@@ -96,17 +92,17 @@ function getPropStyle(props, propVariants, style = {}) {
 	const variants = Object.entries(propVariants);
 	return function(options) {
 		if (!variants.length) return style;
-		variants.forEach(([modifier, variants$1]) => {
+		variants.forEach(([modifier, variants]) => {
 			const value = props[modifier];
 			if (value) {
-				const propStyle = getModifierStyle(value, variants$1)({
+				const propStyle = getModifierStyle(value, variants)({
 					modifier,
 					value,
 					...options
 				});
 				if (propStyle) style = (0, require_utils_index.utils_exports.merge)(style, wrapStyle("props", propStyle)(options));
-			} else if (Object.keys(variants$1).every((key) => (0, require_utils_index.utils_exports.isBooleanish)(key))) {
-				const propStyle = getModifierStyle("false", variants$1)({
+			} else if (Object.keys(variants).every((key) => (0, require_utils_index.utils_exports.isBooleanish)(key))) {
+				const propStyle = getModifierStyle("false", variants)({
 					modifier,
 					value: "true",
 					...options
@@ -121,9 +117,9 @@ function getCompoundStyle(props, compounds, style = {}) {
 	return function(options) {
 		if (!compounds.length) return style;
 		compounds.forEach(({ css, layer, ...rest }) => {
-			const conditions$1 = Object.entries(rest);
-			if (!conditions$1.length) return;
-			if (!conditions$1.every(([key, value]) => (0, require_utils_index.utils_exports.isArray)(value) ? value.includes(props[key]) : (0, require_utils_index.utils_exports.isRegExp)(value) ? value.test(props[key]) : props[key] === value)) return;
+			const conditions = Object.entries(rest);
+			if (!conditions.length) return;
+			if (!conditions.every(([key, value]) => (0, require_utils_index.utils_exports.isArray)(value) ? value.includes(props[key]) : (0, require_utils_index.utils_exports.isRegExp)(value) ? value.test(props[key]) : props[key] === value)) return;
 			style = (0, require_utils_index.utils_exports.merge)(style, wrapStyle(layer ?? "compounds", css)(options));
 		});
 		return style;
@@ -142,8 +138,8 @@ function getSlotClassName(className, slot) {
 function mergeSlotCSS(slot, style, css) {
 	if (!style || !slot) return css;
 	const temp = [];
-	if ((0, require_utils_index.utils_exports.isArray)(slot)) temp.push(...slot.map((slot$1) => style[slot$1]));
-	else if ((0, require_utils_index.utils_exports.isObject)(slot)) if ((0, require_utils_index.utils_exports.isArray)(slot.slot)) temp.push(...slot.slot.map((slot$1) => style[slot$1]));
+	if ((0, require_utils_index.utils_exports.isArray)(slot)) temp.push(...slot.map((slot) => style[slot]));
+	else if ((0, require_utils_index.utils_exports.isObject)(slot)) if ((0, require_utils_index.utils_exports.isArray)(slot.slot)) temp.push(...slot.slot.map((slot) => style[slot]));
 	else temp.push(style[slot.slot]);
 	else temp.push(style[slot]);
 	if (css) temp.push(...(0, require_utils_index.utils_exports.toArray)(css));
@@ -158,7 +154,7 @@ function wrapStyle(layer, style) {
 	return function({ hasSlot, wrap }) {
 		if (hasSlot) {
 			if (!style) return void 0;
-			return Object.fromEntries(Object.entries(style).map(([slot, style$1]) => [slot, wrap?.(layer, style$1) ?? style$1]));
+			return Object.fromEntries(Object.entries(style).map(([slot, style]) => [slot, wrap?.(layer, style) ?? style]));
 		} else return wrap?.(layer, style) ?? style;
 	};
 }
@@ -173,8 +169,8 @@ function getHasAtRuleStyle(css) {
 		const variantAtRule = getAtRule("variant");
 		const sizeAtRule = getAtRule("size");
 		css = (0, require_utils_index.utils_exports.toArray)(css);
-		css.forEach((css$1) => {
-			const keys = Object.keys(css$1);
+		css.forEach((css) => {
+			const keys = Object.keys(css);
 			if (keys.includes(variantAtRule)) hasVariant = true;
 			if (keys.includes(sizeAtRule)) hasSize = true;
 		});
@@ -262,10 +258,10 @@ function useComponentSlotStyle(props, options = {}) {
 		hasSlot: true
 	});
 }
-
 //#endregion
 exports.getSlotClassName = getSlotClassName;
 exports.mergeSlotCSS = mergeSlotCSS;
 exports.useComponentSlotStyle = useComponentSlotStyle;
 exports.useComponentStyle = useComponentStyle;
+
 //# sourceMappingURL=use-component-style.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-component-style.cjs","names":["style","conditions","getCondition","style: Style<Y> | undefined","variants","temp: (CSSObject | undefined)[]","slot","css","useSystem","useColorSchemeContext","isEqualProps","style: Style<H>","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

@@ -1,5 +1,4 @@
-const require_utils_index = require('../../utils/index.cjs');
-
+const require_utils_index = require("../../utils/index.cjs");
 //#region src/core/components/utils.ts
 function getDisplayName(name, fallback = "StyledComponent") {
 	return name ? (0, require_utils_index.utils_exports.toPascalCase)(name.replace(/--|__/g, "-")) : fallback;
@@ -9,8 +8,8 @@ function getClassName(nameOrClassName, fallback) {
 		return nameOrClassName ? system.utils.getClassName((0, require_utils_index.utils_exports.toKebabCase)(nameOrClassName)) : fallback;
 	};
 }
-
 //#endregion
 exports.getClassName = getClassName;
 exports.getDisplayName = getDisplayName;
+
 //# sourceMappingURL=utils.cjs.map

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;AACA,QAAO,2DAAoB,KAAK,QAAQ,UAAU,IAAI,CAAC,GAAG;;AAmB5D,SAAgB,aACd,iBACA,UACA;AACA,QAAO,SAAU,QAAgB;AAC/B,SAAO,kBACH,OAAO,MAAM,gEAAyB,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,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"}

package/dist/cjs/core/constant.cjs

@@ -1,4 +1,3 @@
-
 //#region src/core/constant.ts
 const COLOR_MODE_STORAGE_KEY = "color-mode";
 const THEME_SCHEME_STORAGE_KEY = "theme-scheme";
@@ -39,7 +38,6 @@ const DEFAULT_LAYERS = {
 		order: 0
 	}
 };
-
 //#endregion
 exports.COLOR_MODE_STORAGE_KEY = COLOR_MODE_STORAGE_KEY;
 exports.DEFAULT_DIRECTION = DEFAULT_DIRECTION;
@@ -47,4 +45,5 @@ exports.DEFAULT_LAYERS = DEFAULT_LAYERS;
 exports.DEFAULT_LOCALE = DEFAULT_LOCALE;
 exports.DEFAULT_VAR_PREFIX = DEFAULT_VAR_PREFIX;
 exports.THEME_SCHEME_STORAGE_KEY = THEME_SCHEME_STORAGE_KEY;
+
 //# sourceMappingURL=constant.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"constant.cjs","names":["DEFAULT_LAYERS: LayersConfig"],"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,MAAaA,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;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"}

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

@@ -1,22 +1,20 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_utils = require('./utils.cjs');
+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");
 let _emotion_sheet = require("@emotion/sheet");
-
 //#region src/core/css/animation.ts
 const styleSheet = (0, require_utils_index.utils_exports.createdDom)() ? new _emotion_sheet.StyleSheet({
 	key: "css",
 	container: document.head
 }) : void 0;
 function transformAnimationValue(value) {
-	return Object.entries(value).reduce((prev, [key, value$1]) => {
-		if (key === "keyframes") prev._keyframes = value$1;
-		else if (key === "duration") prev.animationDuration = value$1;
-		else if (key === "timingFunction") prev.animationTimingFunction = value$1;
-		else prev[key] = value$1;
+	return Object.entries(value).reduce((prev, [key, value]) => {
+		if (key === "keyframes") prev._keyframes = value;
+		else if (key === "duration") prev.animationDuration = value;
+		else if (key === "timingFunction") prev.animationTimingFunction = value;
+		else prev[key] = value;
 		return prev;
 	}, {});
 }
@@ -31,10 +29,10 @@ function animation(value, { css, system, theme }) {
 		const { animationDuration = "0s", animationName, animationTimingFunction = "ease", delay = "0s", direction = "normal", fillMode = "none", iterationCount = "1", playState = "running" } = css?.(system, theme)(transformAnimationValue(value)) ?? {};
 		return `${animationName} ${animationDuration} ${animationTimingFunction} ${delay} ${iterationCount} ${direction} ${fillMode} ${playState}`;
 	} else if (value.includes(",")) {
-		value = value.split(",").map((value$1) => {
-			value$1 = value$1.trim();
-			value$1 = require_utils.tokenToVar(system)("animations", value$1);
-			return value$1;
+		value = value.split(",").map((value) => {
+			value = value.trim();
+			value = require_utils.tokenToVar(system)("animations", value);
+			return value;
 		}).join(",");
 		return value;
 	} else {
@@ -49,9 +47,9 @@ function keyframes(value, { css, system, theme }) {
 		return injectKeyframes(value);
 	} else return value;
 }
-
 //#endregion
 exports.animation = animation;
 exports.injectKeyframes = injectKeyframes;
 exports.keyframes = keyframes;
+
 //# sourceMappingURL=animation.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"animation.cjs","names":["StyleSheet","value","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,gEAAyB,GAC3B,IAAIA,0BAAW;CAAE,KAAK;CAAO,WAAW,SAAS;CAAM,CAAC,GACxD;AAEJ,SAAS,wBAAwB,OAAa;AAC5C,QAAO,OAAO,QAAQ,MAAM,CAAC,QAAc,MAAM,CAAC,KAAKC,aAAW;AAChE,MAAI,QAAQ,YACV,MAAK,aAAaA;WACT,QAAQ,WACjB,MAAK,oBAAoBA;WAChB,QAAQ,iBACjB,MAAK,0BAA0BA;MAE/B,MAAK,OAAOA;AAGd,SAAO;IACN,EAAE,CAAC;;AAGR,SAAgB,gBAAgB,OAAY;CAC1C,MAAM,EAAE,MAAM,yCAA4B,MAAM;AAEhD,aAAY,OAAO,OAAO;AAE1B,QAAO;;AAGT,SAAgB,UACd,OACA,EAAE,KAAK,QAAQ,SACf;AACA,KAAI,SAAS,QAAQC,2BAAa,IAAI,MAAM,CAAE,QAAO;AAErD,qDAAa,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;AAE9D,SAAO,GAAG,cAAc,GAAG,kBAAkB,GAAG,wBAAwB,GAAG,MAAM,GAAG,eAAe,GAAG,UAAU,GAAG,SAAS,GAAG;YACtH,MAAM,SAAS,IAAI,EAAE;AAC9B,UAAQ,MACL,MAAM,IAAI,CACV,KAAK,YAAkB;AACtB,aAAQD,QAAM,MAAM;AAEpB,aAAQE,yBAAW,OAAO,CAAC,cAAcF,QAAM;AAE/C,UAAOA;IACP,CACD,KAAK,IAAI;AAEZ,SAAO;QACF;AACL,UAAQE,yBAAW,OAAO,CAAC,cAAc,MAAM;AAE/C,SAAO;;;AAIX,SAAgB,UACd,OACA,EAAE,KAAK,QAAQ,SACf;AACA,KAAI,SAAS,KAAM,QAAO;AAE1B,qDAAa,MAAM,EAAE;AACnB,UAAQ,MAAM,QAAQ,MAAM,CAAC,MAAM;AAInC,SAFa,gBAAgB,MAAM;OAInC,QAAO"}
+{"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"}

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

@@ -1,6 +1,5 @@
-const require_utils_index = require('../../utils/index.cjs');
-const require_utils = require('./utils.cjs');
-
+const require_utils_index = require("../../utils/index.cjs");
+const require_utils = require("./utils.cjs");
 //#region src/core/css/at-rule.ts
 const generateAtRule = (identifier) => (values, { system }) => {
 	if (!(0, require_utils_index.utils_exports.isArray)(values)) return values;
@@ -11,7 +10,7 @@ const generateAtRule = (identifier) => (values, { system }) => {
 		height ??= h;
 		minHeight ??= minH;
 		maxHeight ??= maxH;
-		if (!query) if (style) query = (0, require_utils_index.utils_exports.toArray)(style).map((style$1) => `style(${style$1})`).join(" and ");
+		if (!query) if (style) query = (0, require_utils_index.utils_exports.toArray)(style).map((style) => `style(${style})`).join(" and ");
 		else {
 			const resolvedRest = (0, require_utils_index.utils_exports.filterUndefined)({
 				height,
@@ -36,7 +35,7 @@ const generateAtRule = (identifier) => (values, { system }) => {
 		return prev;
 	}, {});
 };
-
 //#endregion
 exports.generateAtRule = generateAtRule;
+
 //# sourceMappingURL=at-rule.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"at-rule.cjs","names":["style","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;AACtB,KAAI,gDAAS,OAAO,CAAE,QAAO;AAE7B,QAAO,OAAO,QAEV,MACA,EACE,MACA,MACA,KACA,OACA,GACA,QACA,MACA,WACA,MACA,UACA,MACA,WACA,MACA,UACA,kBACA,OACA,GACA,OACA,GAAG,WAEF;AACH,YAAU;AACV,eAAa;AACb,eAAa;AACb,aAAW;AACX,gBAAc;AACd,gBAAc;AAEd,MAAI,CAAC,MACH,KAAI,MACF,wDAAgB,MAAM,CACnB,KAAK,YAAU,SAASA,QAAM,GAAG,CACjC,KAAK,QAAQ;OACX;GACL,MAAM,sEAAqC;IACzC;IACA;IACA;IACA;IACA;IACA,oBAAoB;IACpB;IACA,GAAG;IACJ,CAAC;AAEF,WAAQ,OAAO,QAAQ,aAAa,CACjC,KAAK,CAAC,KAAK,WAAW;AACrB,YAAQC,yBAAW,OAAO,CAAC,SAAS,MAAM;AAE1C,WAAO,uDAAgB,IAAI,CAAC,IAAI,MAAM;KACtC,CACD,KAAK,QAAQ;;EAIpB,MAAM,aAAa,CAAC,IAAI,aAAa;AAErC,MAAI,KAAM,YAAW,KAAK,KAAK;AAC/B,MAAI,KAAM,YAAW,KAAK,KAAK;AAC/B,MAAI,MAAO,YAAW,KAAK,MAAM;AAEjC,OAAK,WAAW,KAAK,IAAI,IAAI;AAE7B,SAAO;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,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"}

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

@@ -1,6 +1,5 @@
-const require_utils_index = require('../../utils/index.cjs');
-const require_utils = require('./utils.cjs');
-
+const require_utils_index = require("../../utils/index.cjs");
+const require_utils = require("./utils.cjs");
 //#region src/core/css/calc.ts
 const OPERATORS = [
 	"+",
@@ -24,7 +23,7 @@ function getValue(value, fallbackValue = "") {
 	};
 }
 function isOperator(value) {
-	return (/* @__PURE__ */ new RegExp(`\\s[${OPERATORS.join("\\")}]\\s`)).test(value);
+	return new RegExp(`\\s[${OPERATORS.join("\\")}]\\s`).test(value);
 }
 function generateCalc(token) {
 	return function(value, options) {
@@ -33,16 +32,16 @@ function generateCalc(token) {
 		let { type, values } = require_utils.getCSSFunction(value);
 		if (!type || !values) return value;
 		switch (type) {
-			case "calc": return `calc(${require_utils.splitValues(values, (char, prev, next) => isOperator(`${prev}${char}${next}`), true).map((value$1) => {
-				if (value$1 && OPERATORS.includes(value$1)) return value$1;
-				return getValue(value$1)(token, options);
+			case "calc": return `calc(${require_utils.splitValues(values, (char, prev, next) => isOperator(`${prev}${char}${next}`), true).map((value) => {
+				if (value && OPERATORS.includes(value)) return value;
+				return getValue(value)(token, options);
 			}).join(" ")})`;
 			case "min":
 			case "max": {
 				let [firstValue, secondValue, ...otherValues] = require_utils.splitValues(values);
 				firstValue = getValue(firstValue, "100%")(token, options);
 				secondValue = getValue(secondValue, "100%")(token, options);
-				otherValues = otherValues.map((value$1) => getValue(value$1)(token, options));
+				otherValues = otherValues.map((value) => getValue(value)(token, options));
 				return `${type}(${firstValue}, ${secondValue}` + (otherValues.length ? `, ${otherValues.join(", ")}` : "") + ")";
 			}
 			case "clamp": {
@@ -63,15 +62,15 @@ function generateCalc(token) {
 				return `minmax(${min}, ${max})`;
 			}
 			case "fit-content": {
-				let [value$1] = require_utils.splitValues(values);
-				value$1 = getValue(value$1)(token, options);
-				return `fit-content(${value$1})`;
+				let [value] = require_utils.splitValues(values);
+				value = getValue(value)(token, options);
+				return `fit-content(${value})`;
 			}
 			default: return value;
 		}
 	};
 }
-
 //#endregion
 exports.generateCalc = generateCalc;
+
 //# sourceMappingURL=calc.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"calc.cjs","names":["isCSSFunction","isCSSToken","globalValues","getCSSFunction","splitValues","value"],"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;AAC1E,QAAO,SAAU,OAAO,EAAE,QAAQ,GAAG,QAAQ;AAC3C,MAAI,CAAC,MAAO,QAAO;AAInB,MAFgBA,4BAAc,MAAM,CAGlC,QAAO,aAAa,MAAM,CAAC,OAAO;GAAE;GAAQ,GAAG;GAAM,CAAC;OACjD;AACL,wDAAc,MAAM,CAAE,QAAO;GAE7B,MAAM,gBAAgB,GAAG,MAAM,GAAG;AAElC,OAAIC,yBAAW,OAAO,CAAC,cAAc,CACnC,QAAO,OAAO,OAAO,eAAgB;OAErC,QAAO;;;;AAMf,SAAS,WAAW,OAAe;AACjC,yBAAO,IAAI,OAAO,OAAO,UAAU,KAAK,KAAK,CAAC,MAAM,EAAC,KAAK,MAAM;;AAGlE,SAAgB,aAAa,OAA8B;AACzD,QAAO,SAAU,OAAO,SAAS;AAC/B,MAAI,SAAS,QAAQC,2BAAa,IAAI,MAAM,CAAE,QAAO;AAIrD,MAAI,CAFYF,4BAAc,MAAM,CAEtB,QAAO;EAErB,IAAI,EAAE,MAAM,WAAWG,6BAAe,MAAM;AAE5C,MAAI,CAAC,QAAQ,CAAC,OAAQ,QAAO;AAE7B,UAAQ,MAAR;GACE,KAAK,OAWH,QAAO,QAVgBC,0BACrB,SACC,MAAM,MAAM,SAAS,WAAW,GAAG,OAAO,OAAO,OAAO,EACzD,KACD,CAAC,KAAK,YAAU;AACf,QAAIC,WAAS,UAAU,SAASA,QAAM,CAAE,QAAOA;AAE/C,WAAO,SAASA,QAAM,CAAC,OAAO,QAAQ;KACtC,CAE4B,KAAK,IAAI,CAAC;GAG1C,KAAK;GACL,KAAK,OAAO;IACV,IAAI,CAAC,YAAY,aAAa,GAAG,eAAeD,0BAAY,OAAO;AAEnE,iBAAa,SAAS,YAAY,OAAO,CAAC,OAAO,QAAQ;AACzD,kBAAc,SAAS,aAAa,OAAO,CAAC,OAAO,QAAQ;AAC3D,kBAAc,YAAY,KAAK,YAC7B,SAASC,QAAM,CAAC,OAAO,QAAQ,CAChC;AAED,WACE,GAAG,KAAK,GACL,WAAW,IAAI,iBACjB,YAAY,SAAS,KAAK,YAAY,KAAK,KAAK,KAAK,MACtD;;GAIJ,KAAK,SAAS;IACZ,IAAI,CAAC,KAAK,WAAW,OAAOD,0BAAY,OAAO;AAE/C,QAAI,CAAC,KAAK;AACR,WAAM;AACN,iBAAY;;AAGd,UAAM,SAAS,IAAI,CAAC,OAAO,QAAQ;AACnC,gBAAY,SAAS,WAAW,OAAO,CAAC,OAAO,QAAQ;AACvD,UAAM,SAAS,IAAI,CAAC,OAAO,QAAQ;AAEnC,WAAO,SAAS,IAAI,IAAI,UAAU,IAAI,IAAI;;GAG5C,KAAK,UAAU;IACb,IAAI,CAAC,KAAK,OAAOA,0BAAY,OAAO;AAEpC,UAAM,SAAS,IAAI,CAAC,OAAO,QAAQ;AACnC,UAAM,SAAS,IAAI,CAAC,OAAO,QAAQ;AAEnC,WAAO,UAAU,IAAI,IAAI,IAAI;;GAG/B,KAAK,eAAe;IAClB,IAAI,CAACC,WAASD,0BAAY,OAAO;AAEjC,cAAQ,SAASC,QAAM,CAAC,OAAO,QAAQ;AAEvC,WAAO,eAAeA,QAAM;;GAG9B,QACE,QAAO"}
+{"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"}