@yamada-ui/react 2.0.0-dev-20250626073729 → 2.0.0-dev-20250626191018

package/dist/esm/core/components/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","names":["key: string","forwardProps?: string[]","prop: string","result: Dict","options: MergePropsOptions","a: Y","b: Y","c: Y","b: M","omitKeys: D[]","props: Dict","keys: readonly string[] | string[]"],"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 MergeAll<Y extends Dict[]> = Y extends [infer M]\n  ? M\n  : Y extends [infer D, ...infer H]\n    ? H extends any[]\n      ? Merge<D, MergeAll<H>>\n      : 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[]>(...args: Y) {\n  return function ({\n    mergeClassName = true,\n    mergeCSS = true,\n    mergeEvent = true,\n    mergeRef = true,\n    mergeStyle = true,\n  }: MergePropsOptions = {}): MergeAll<Y> {\n    let result: Dict = {}\n\n    for (const props of args) {\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(props: Dict, keys: readonly string[] | string[]) {\n  return useMemo(() => splitObject(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.js","names":["key: string","forwardProps?: string[]","prop: string","result: Dict","options: MergePropsOptions","a: Y","b: Y","c: Y","b: M","omitKeys: D[]","props: Dict","keys: readonly string[] | string[]"],"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 MergeAll<Y extends Dict[]> = Y extends [infer M]\n  ? M\n  : Y extends [infer D, ...infer H]\n    ? H extends any[]\n      ? Merge<D, MergeAll<H>>\n      : 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[]>(...args: Y) {\n  return function ({\n    mergeClassName = true,\n    mergeCSS = true,\n    mergeEvent = true,\n    mergeRef = true,\n    mergeStyle = true,\n  }: MergePropsOptions = {}): MergeAll<Y> {\n    let result: Dict = {}\n\n    for (const props of args) {\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(props: Dict, keys: readonly string[] | string[]) {\n  return useMemo(() => splitObject(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/esm/core/components/use-component-style.js

@@ -1,7 +1,10 @@
 "use client";
 
 
-import { utils_exports } from "../../utils/index.js";
+import { isArray, isBooleanish, isEmptyObject, isObject, isRegExp } from "../../utils/common/assertion.js";
+import { toArray } from "../../utils/common/array.js";
+import { merge, omitObject } from "../../utils/common/object.js";
+import { bem, cx, toKebabCase } from "../../utils/common/string.js";
 import { conditions, getCondition } from "../css/conditions.js";
 import { mergeCSS } from "../css/merge-css.js";
 import { useSystem } from "../system/system-provider.js";
@@ -16,7 +19,7 @@ function getSelectorStyle(selectors, style) {
 }
 function getStyle(style) {
 	return function({ hasSlot = false, selectors = [] }) {
-		if (!style || (0, utils_exports.isEmptyObject)(style)) return;
+		if (!style || isEmptyObject(style)) return;
 		if (hasSlot) return Object.fromEntries(Object.entries(style).map(([name, style$1]) => {
 			if (selectors.length) return [name, getSelectorStyle(selectors, style$1 ?? {})];
 			else return [name, style$1];
@@ -36,7 +39,7 @@ function getColorModeStyle(value, mergedStyle) {
 			...rest,
 			selectors: [...selectors, conditions._dark]
 		});
-		return (0, utils_exports.merge)(lightStyle, darkStyle);
+		return merge(lightStyle, darkStyle);
 	};
 }
 function getConditionStyle(value, mergedStyle) {
@@ -44,14 +47,14 @@ function getConditionStyle(value, mergedStyle) {
 		const { isResponsiveKey, queries = [], selectors = [] } = options;
 		const conditionalKeys = Object.keys(value).filter((key) => !isResponsiveKey?.(key));
 		const breakpointObj = queries.reduce((prev, { breakpoint, query }) => {
-			if (value[breakpoint]) prev = (0, utils_exports.merge)(prev, getModifierStyle(value[breakpoint], mergedStyle)({
+			if (value[breakpoint]) prev = merge(prev, getModifierStyle(value[breakpoint], mergedStyle)({
 				...options,
 				selectors: [...selectors, query]
 			}));
 			return prev;
 		}, {});
 		const additionalObj = conditionalKeys.reduce((prev, key) => {
-			prev = (0, utils_exports.merge)(prev, getModifierStyle(value[key], mergedStyle)({
+			prev = merge(prev, getModifierStyle(value[key], mergedStyle)({
 				...options,
 				selectors: [...selectors, getCondition(key)]
 			}));
@@ -67,8 +70,8 @@ function getModifierStyle(value, mergedStyle) {
 	return function(options) {
 		let style = void 0;
 		if (!value) return style;
-		if ((0, utils_exports.isArray)(value)) style = getColorModeStyle(value, mergedStyle)(options);
-		else if ((0, utils_exports.isObject)(value)) style = getConditionStyle(value, mergedStyle)(options);
+		if (isArray(value)) style = getColorModeStyle(value, mergedStyle)(options);
+		else if (isObject(value)) style = getConditionStyle(value, mergedStyle)(options);
 		else style = getStyle(mergedStyle[value])(options);
 		return style;
 	};
@@ -81,12 +84,12 @@ function getPropStyle(props, propVariants, style = {}) {
 			const prop = props[name];
 			if (prop) {
 				const propStyle = getModifierStyle(prop, variants$1)(options);
-				if (propStyle) style = (0, utils_exports.merge)(style, wrapStyle("props", propStyle)(options));
+				if (propStyle) style = merge(style, wrapStyle("props", propStyle)(options));
 			} else {
-				const boolean = Object.keys(variants$1).every((key) => (0, utils_exports.isBooleanish)(key));
+				const boolean = Object.keys(variants$1).every((key) => isBooleanish(key));
 				if (boolean) {
 					const propStyle = getModifierStyle("false", variants$1)(options);
-					if (propStyle) style = (0, utils_exports.merge)(style, wrapStyle("props", propStyle)(options));
+					if (propStyle) style = merge(style, wrapStyle("props", propStyle)(options));
 				}
 			}
 		});
@@ -99,28 +102,28 @@ function getCompoundStyle(props, compounds, style = {}) {
 		compounds.forEach(({ css, layer,...rest }) => {
 			const conditions$1 = Object.entries(rest);
 			if (!conditions$1.length) return;
-			const apply = conditions$1.every(([key, value]) => (0, utils_exports.isArray)(value) ? value.includes(props[key]) : (0, utils_exports.isRegExp)(value) ? value.test(props[key]) : props[key] === value);
+			const apply = conditions$1.every(([key, value]) => isArray(value) ? value.includes(props[key]) : isRegExp(value) ? value.test(props[key]) : props[key] === value);
 			if (!apply) return;
-			style = (0, utils_exports.merge)(style, wrapStyle(layer ?? "compounds", css)(options));
+			style = merge(style, wrapStyle(layer ?? "compounds", css)(options));
 		});
 		return style;
 	};
 }
 function getSlotClassName(className, slot) {
 	if (!className || !slot) return className;
-	if ((0, utils_exports.isArray)(slot)) {
-		const [element, modifier] = slot.map((value) => (0, utils_exports.toKebabCase)(value));
-		return (0, utils_exports.cx)((0, utils_exports.bem)(className, element), (0, utils_exports.bem)(className, element, modifier));
-	} else if ((0, utils_exports.isObject)(slot)) {
-		const slotArray = (0, utils_exports.toArray)(slot.slot);
-		const [element, modifier] = slotArray.map((value) => (0, utils_exports.toKebabCase)(value));
-		return (0, utils_exports.cx)((0, utils_exports.bem)(className, element), (0, utils_exports.bem)(className, element, modifier));
-	} else return (0, utils_exports.bem)(className, (0, utils_exports.toKebabCase)(slot));
+	if (isArray(slot)) {
+		const [element, modifier] = slot.map((value) => toKebabCase(value));
+		return cx(bem(className, element), bem(className, element, modifier));
+	} else if (isObject(slot)) {
+		const slotArray = toArray(slot.slot);
+		const [element, modifier] = slotArray.map((value) => toKebabCase(value));
+		return cx(bem(className, element), bem(className, element, modifier));
+	} else return bem(className, toKebabCase(slot));
 }
 function getSlotCSS(slot, slotCSS) {
 	if (!slotCSS || !slot) return [];
-	if ((0, utils_exports.isArray)(slot)) return slot.map((slot$1) => slotCSS[slot$1]);
-	else if ((0, utils_exports.isObject)(slot)) if ((0, utils_exports.isArray)(slot.slot)) return slot.slot.map((slot$1) => slotCSS[slot$1]);
+	if (isArray(slot)) return slot.map((slot$1) => slotCSS[slot$1]);
+	else if (isObject(slot)) if (isArray(slot.slot)) return slot.slot.map((slot$1) => slotCSS[slot$1]);
 	else return [slotCSS[slot.slot]];
 	else return [slotCSS[slot]];
 }
@@ -128,12 +131,12 @@ function mergeSlotCSS(slot, slotCSS, css) {
 	if (!slotCSS || !slot) return css;
 	const result = [];
 	result.push(...getSlotCSS(slot, slotCSS));
-	if (css) result.push(...(0, utils_exports.toArray)(css));
+	if (css) result.push(...toArray(css));
 	return result;
 }
 function omitThemeProps(props, omitKeys = [], transferProps) {
 	if (transferProps) omitKeys = omitKeys.filter((key) => !transferProps.includes(key));
-	return (0, utils_exports.omitObject)(props, omitKeys);
+	return omitObject(props, omitKeys);
 }
 function wrapStyle(layer, style) {
 	return function({ hasSlot, wrap }) {
@@ -153,7 +156,7 @@ function getHasAtRuleStyle(css) {
 		};
 		const variantAtRule = getAtRule("variant");
 		const sizeAtRule = getAtRule("size");
-		css = (0, utils_exports.toArray)(css);
+		css = toArray(css);
 		css.forEach((css$1) => {
 			const keys = Object.keys(css$1);
 			if (keys.includes(variantAtRule)) hasVariant = true;
@@ -186,7 +189,7 @@ function useStyle(props, { className: defaultClassName, style: componentStyle, h
 	if (hasComponentStyle) {
 		const { className: customClassName, base, compounds, props: propVariants, sizes, variants, defaultProps = {} } = componentStyle;
 		const colorScheme = props.colorScheme ?? rootColorScheme;
-		const className = (0, utils_exports.cx)(defaultClassName ?? customClassName, props.className);
+		const className = cx(defaultClassName ?? customClassName, props.className);
 		const mergedProps = {
 			...mergeDefaultProps(defaultProps, props),
 			className,
@@ -202,15 +205,15 @@ function useStyle(props, { className: defaultClassName, style: componentStyle, h
 			let style = {};
 			if (base) {
 				const baseStyle = getStyle(base)(options);
-				style = (0, utils_exports.merge)(style, wrapStyle("base", baseStyle)(options));
+				style = merge(style, wrapStyle("base", baseStyle)(options));
 			}
 			if (sizes && !hasSize) {
-				const sizeStyle = (0, utils_exports.merge)(sizes.base, getModifierStyle(size, sizes)(options));
-				style = (0, utils_exports.merge)(style, wrapStyle("size", sizeStyle)(options));
+				const sizeStyle = merge(sizes.base, getModifierStyle(size, sizes)(options));
+				style = merge(style, wrapStyle("size", sizeStyle)(options));
 			}
 			if (variants && !hasVariant) {
-				const variantStyle = (0, utils_exports.merge)(variants.base, getModifierStyle(variant, variants)(options));
-				style = (0, utils_exports.merge)(style, wrapStyle("variant", variantStyle)(options));
+				const variantStyle = merge(variants.base, getModifierStyle(variant, variants)(options));
+				style = merge(style, wrapStyle("variant", variantStyle)(options));
 			}
 			if (propVariants) style = getPropStyle(mergedProps, propVariants, style)(options);
 			if (compounds) style = getCompoundStyle(mergedProps, compounds, style)(options);
@@ -222,7 +225,7 @@ function useStyle(props, { className: defaultClassName, style: componentStyle, h
 		} else computedProps.css = propsRef.current.css;
 		if (!isEqualProps(propsRef.current, computedProps)) propsRef.current = computedProps;
 	} else {
-		props.className = (0, utils_exports.cx)(defaultClassName, props.className);
+		props.className = cx(defaultClassName, props.className);
 		if (!isEqualProps(propsRef.current, props)) propsRef.current = props;
 	}
 	return [styleRef.current ?? {}, propsRef.current];

package/dist/esm/core/components/use-component-style.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-component-style.js","names":["selectors: (string | undefined)[]","style: Y","style: CSSObject | CSSSlotObject | undefined","style","value: ColorModeArray<string>","mergedStyle: MergedStyle","value: ResponsiveWithConditionObject<string>","options: GetStyleOptions","value: StyleValueWithCondition<string> | undefined","style: Style<Y> | undefined","props: Dict","propVariants: CSSPropObject | CSSPropObject<CSSSlotObject>","variants","compounds: ComponentCompound<CSSSlotObject>[] | ComponentCompound[]","conditions","className?: string","slot?: ComponentSlot<Y>","slotCSS?: CSSSlotObject<Y>","slot","css?: CSSObject | CSSObject[]","result: CSSObject[]","props: Y","omitKeys: string[]","transferProps?: D[]","layer: LayerScheme","style?: Style<Y>","getAtRule?: Layers[\"getAtRule\"]","css","defaultProps: Y[\"defaultProps\"]","props: M","style: Style<H>","options: UseComponentStyleOptions<Y, M, D>","options: UseComponentSlotStyleOptions<Y, M, D>"],"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 isEqual from \"react-fast-compare\"\nimport {\n  bem,\n  cx,\n  isArray,\n  isBooleanish,\n  isEmptyObject,\n  isObject,\n  isRegExp,\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>,\n    Pick<Partial<Layers>, \"wrap\"> {\n  hasSlot?: boolean\n  selectors?: (string | undefined)[]\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    hasSlot = false,\n    selectors = [],\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            return [name, getSelectorStyle(selectors, style ?? {})]\n          } else {\n            return [name, style]\n          }\n        }),\n      ) as Style<Y>\n    } else if (selectors.length) {\n      return getSelectorStyle(selectors, style) as Style<Y>\n    } else {\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 (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 { ...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)\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(([name, variants]) => {\n      const prop = props[name as keyof typeof props]\n\n      if (prop) {\n        const propStyle = getModifierStyle<Y>(prop, variants)(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>(\"false\", variants)(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\nfunction getSlotCSS<Y extends string>(\n  slot?: ComponentSlot<Y>,\n  slotCSS?: CSSSlotObject<Y>,\n): CSSObject[] {\n  if (!slotCSS || !slot) return []\n\n  if (isArray(slot)) {\n    return slot.map((slot) => slotCSS[slot]!)\n  } else if (isObject(slot)) {\n    if (isArray(slot.slot)) {\n      return slot.slot.map((slot) => slotCSS[slot]!)\n    } else {\n      return [slotCSS[slot.slot]!]\n    }\n  } else {\n    return [slotCSS[slot]!]\n  }\n}\n\nexport function mergeSlotCSS<Y extends string>(\n  slot?: ComponentSlot<Y>,\n  slotCSS?: CSSSlotObject<Y>,\n  css?: CSSObject | CSSObject[],\n) {\n  if (!slotCSS || !slot) return css\n\n  const result: CSSObject[] = []\n\n  result.push(...getSlotCSS(slot, slotCSS))\n\n  if (css) result.push(...toArray(css))\n\n  return result\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  style?: M\n  hasSlot?: H\n  slot?: ComponentSlot<ComponentSlotName<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    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, hasSlot, wrap }\n\n  const propsRef = 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 = {},\n    } = componentStyle\n\n    const colorScheme = props.colorScheme ?? rootColorScheme\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 (!isEqualProps(propsRef.current, computedProps, [\"css\", \"children\"])) {\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)(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>(variant, variants)(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      if (!isEqual(styleRef.current, style)) {\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    } else {\n      computedProps.css = propsRef.current.css\n    }\n\n    if (!isEqualProps(propsRef.current, computedProps))\n      propsRef.current = computedProps\n  } else {\n    props.className = cx(defaultClassName, props.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.js","names":["selectors: (string | undefined)[]","style: Y","style: CSSObject | CSSSlotObject | undefined","style","value: ColorModeArray<string>","mergedStyle: MergedStyle","value: ResponsiveWithConditionObject<string>","options: GetStyleOptions","value: StyleValueWithCondition<string> | undefined","style: Style<Y> | undefined","props: Dict","propVariants: CSSPropObject | CSSPropObject<CSSSlotObject>","variants","compounds: ComponentCompound<CSSSlotObject>[] | ComponentCompound[]","conditions","className?: string","slot?: ComponentSlot<Y>","slotCSS?: CSSSlotObject<Y>","slot","css?: CSSObject | CSSObject[]","result: CSSObject[]","props: Y","omitKeys: string[]","transferProps?: D[]","layer: LayerScheme","style?: Style<Y>","getAtRule?: Layers[\"getAtRule\"]","css","defaultProps: Y[\"defaultProps\"]","props: M","style: Style<H>","options: UseComponentStyleOptions<Y, M, D>","options: UseComponentSlotStyleOptions<Y, M, D>"],"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 isEqual from \"react-fast-compare\"\nimport {\n  bem,\n  cx,\n  isArray,\n  isBooleanish,\n  isEmptyObject,\n  isObject,\n  isRegExp,\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>,\n    Pick<Partial<Layers>, \"wrap\"> {\n  hasSlot?: boolean\n  selectors?: (string | undefined)[]\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    hasSlot = false,\n    selectors = [],\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            return [name, getSelectorStyle(selectors, style ?? {})]\n          } else {\n            return [name, style]\n          }\n        }),\n      ) as Style<Y>\n    } else if (selectors.length) {\n      return getSelectorStyle(selectors, style) as Style<Y>\n    } else {\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 (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 { ...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)\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(([name, variants]) => {\n      const prop = props[name as keyof typeof props]\n\n      if (prop) {\n        const propStyle = getModifierStyle<Y>(prop, variants)(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>(\"false\", variants)(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\nfunction getSlotCSS<Y extends string>(\n  slot?: ComponentSlot<Y>,\n  slotCSS?: CSSSlotObject<Y>,\n): CSSObject[] {\n  if (!slotCSS || !slot) return []\n\n  if (isArray(slot)) {\n    return slot.map((slot) => slotCSS[slot]!)\n  } else if (isObject(slot)) {\n    if (isArray(slot.slot)) {\n      return slot.slot.map((slot) => slotCSS[slot]!)\n    } else {\n      return [slotCSS[slot.slot]!]\n    }\n  } else {\n    return [slotCSS[slot]!]\n  }\n}\n\nexport function mergeSlotCSS<Y extends string>(\n  slot?: ComponentSlot<Y>,\n  slotCSS?: CSSSlotObject<Y>,\n  css?: CSSObject | CSSObject[],\n) {\n  if (!slotCSS || !slot) return css\n\n  const result: CSSObject[] = []\n\n  result.push(...getSlotCSS(slot, slotCSS))\n\n  if (css) result.push(...toArray(css))\n\n  return result\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  style?: M\n  hasSlot?: H\n  slot?: ComponentSlot<ComponentSlotName<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    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, hasSlot, wrap }\n\n  const propsRef = 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 = {},\n    } = componentStyle\n\n    const colorScheme = props.colorScheme ?? rootColorScheme\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 (!isEqualProps(propsRef.current, computedProps, [\"css\", \"children\"])) {\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)(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>(variant, variants)(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      if (!isEqual(styleRef.current, style)) {\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    } else {\n      computedProps.css = propsRef.current.css\n    }\n\n    if (!isEqualProps(propsRef.current, computedProps))\n      propsRef.current = computedProps\n  } else {\n    props.className = cx(defaultClassName, props.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/esm/core/components/utils.js

@@ -1,12 +1,12 @@
-import { utils_exports } from "../../utils/index.js";
+import { toKebabCase, toPascalCase } from "../../utils/common/string.js";
 
 //#region src/core/components/utils.ts
 function getDisplayName(name, fallback = "StyledComponent") {
-	return name ? (0, utils_exports.toPascalCase)(name.replace(/--|__/g, "-")) : fallback;
+	return name ? toPascalCase(name.replace(/--|__/g, "-")) : fallback;
 }
 function getClassName(nameOrClassName, fallback) {
 	return function(system) {
-		return nameOrClassName ? system.utils.getClassName((0, utils_exports.toKebabCase)(nameOrClassName)) : fallback;
+		return nameOrClassName ? system.utils.getClassName(toKebabCase(nameOrClassName)) : fallback;
 	};
 }
 

package/dist/esm/core/components/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["name: string | undefined","nameOrClassName: string | undefined","fallback?: string","system: System"],"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,eACdA,MACA,WAAW,mBACX;AACA,QAAO,OAAO,gCAAa,KAAK,QAAQ,UAAU,IAAI,CAAC,GAAG;AAC3D;AAkBD,SAAgB,aACdC,iBACAC,UACA;AACA,QAAO,SAAUC,QAAgB;AAC/B,SAAO,kBACH,OAAO,MAAM,aAAa,+BAAY,gBAAgB,CAAC,GACvD;CACL;AACF"}
+{"version":3,"file":"utils.js","names":["name: string | undefined","nameOrClassName: string | undefined","fallback?: string","system: System"],"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,eACdA,MACA,WAAW,mBACX;AACA,QAAO,OAAO,aAAa,KAAK,QAAQ,UAAU,IAAI,CAAC,GAAG;AAC3D;AAkBD,SAAgB,aACdC,iBACAC,UACA;AACA,QAAO,SAAUC,QAAgB;AAC/B,SAAO,kBACH,OAAO,MAAM,aAAa,YAAY,gBAAgB,CAAC,GACvD;CACL;AACF"}

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

@@ -1,13 +1,14 @@
 "use client";
 
 
-import { utils_exports } from "../../utils/index.js";
+import { isObject } from "../../utils/common/assertion.js";
+import { createdDom } from "../../utils/common/dom.js";
 import { globalValues, tokenToVar } from "./utils.js";
 import { keyframes as keyframes$1 } from "@emotion/react";
 import { StyleSheet } from "@emotion/sheet";
 
 //#region src/core/css/animation.ts
-const styleSheet = (0, utils_exports.createdDom)() ? new StyleSheet({
+const styleSheet = createdDom() ? new StyleSheet({
 	key: "css",
 	container: document.head
 }) : void 0;
@@ -26,7 +27,7 @@ function injectKeyframes(value) {
 }
 function animation(value, { css, system, theme }) {
 	if (value == null || globalValues.has(value)) return value;
-	if ((0, utils_exports.isObject)(value)) {
+	if (isObject(value)) {
 		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(",")) {
@@ -43,7 +44,7 @@ function animation(value, { css, system, theme }) {
 }
 function keyframes(value, { css, system, theme }) {
 	if (value == null) return value;
-	if ((0, utils_exports.isObject)(value)) {
+	if (isObject(value)) {
 		value = css?.(system, theme)(value);
 		const name = injectKeyframes(value);
 		return name;

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

@@ -1 +1 @@
-{"version":3,"file":"animation.js","names":["value: Dict","value","value: any","value: string"],"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 === \"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,aAAa,+BAAY,GAC3B,IAAI,WAAW;CAAE,KAAK;CAAO,WAAW,SAAS;AAAM;AAG3D,SAAS,wBAAwBA,OAAa;AAC5C,QAAO,OAAO,QAAQ,MAAM,CAAC,OAAa,CAAC,MAAM,CAAC,KAAKC,QAAM,KAAK;AAChE,MAAI,QAAQ,WACV,MAAK,oBAAoBA;WAChB,QAAQ,iBACjB,MAAK,0BAA0BA;MAE/B,MAAK,OAAOA;AAGd,SAAO;CACR,GAAE,CAAE,EAAC;AACP;AAED,SAAgB,gBAAgBC,OAAY;CAC1C,MAAM,EAAE,MAAM,QAAQ,GAAG,YAAiB,MAAM;AAEhD,aAAY,OAAO,OAAO;AAE1B,QAAO;AACR;AAED,SAAgB,UACdA,OACA,EAAE,KAAK,QAAQ,OAAyB,EACxC;AACA,KAAI,SAAS,QAAQ,aAAa,IAAI,MAAM,CAAE,QAAO;AAErD,KAAI,4BAAS,MAAM,EAAE;EACnB,MAAM,EACJ,oBAAoB,MACpB,eACA,0BAA0B,QAC1B,QAAQ,MACR,YAAY,UACZ,WAAW,QACX,iBAAiB,KACjB,YAAY,WACb,GAAG,MAAM,QAAQ,MAAM,CAAC,wBAAwB,MAAM,CAAC,IAAI,CAAE;AAE9D,YAAU,cAAc,GAAG,kBAAkB,GAAG,wBAAwB,GAAG,MAAM,GAAG,eAAe,GAAG,UAAU,GAAG,SAAS,GAAG;CAChI,WAAU,MAAM,SAAS,IAAI,EAAE;AAC9B,UAAQ,MACL,MAAM,IAAI,CACV,IAAI,CAACC,YAAkB;AACtB,aAAQ,QAAM,MAAM;AAEpB,aAAQ,WAAW,OAAO,CAAC,cAAcF,QAAM;AAE/C,UAAOA;EACR,EAAC,CACD,KAAK,IAAI;AAEZ,SAAO;CACR,OAAM;AACL,UAAQ,WAAW,OAAO,CAAC,cAAc,MAAM;AAE/C,SAAO;CACR;AACF;AAED,SAAgB,UACdC,OACA,EAAE,KAAK,QAAQ,OAAyB,EACxC;AACA,KAAI,SAAS,KAAM,QAAO;AAE1B,KAAI,4BAAS,MAAM,EAAE;AACnB,UAAQ,MAAM,QAAQ,MAAM,CAAC,MAAM;EAEnC,MAAM,OAAO,gBAAgB,MAAM;AAEnC,SAAO;CACR,MACC,QAAO;AAEV"}
+{"version":3,"file":"animation.js","names":["value: Dict","value","value: any","value: string"],"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 === \"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,aAAa,YAAY,GAC3B,IAAI,WAAW;CAAE,KAAK;CAAO,WAAW,SAAS;AAAM;AAG3D,SAAS,wBAAwBA,OAAa;AAC5C,QAAO,OAAO,QAAQ,MAAM,CAAC,OAAa,CAAC,MAAM,CAAC,KAAKC,QAAM,KAAK;AAChE,MAAI,QAAQ,WACV,MAAK,oBAAoBA;WAChB,QAAQ,iBACjB,MAAK,0BAA0BA;MAE/B,MAAK,OAAOA;AAGd,SAAO;CACR,GAAE,CAAE,EAAC;AACP;AAED,SAAgB,gBAAgBC,OAAY;CAC1C,MAAM,EAAE,MAAM,QAAQ,GAAG,YAAiB,MAAM;AAEhD,aAAY,OAAO,OAAO;AAE1B,QAAO;AACR;AAED,SAAgB,UACdA,OACA,EAAE,KAAK,QAAQ,OAAyB,EACxC;AACA,KAAI,SAAS,QAAQ,aAAa,IAAI,MAAM,CAAE,QAAO;AAErD,KAAI,SAAS,MAAM,EAAE;EACnB,MAAM,EACJ,oBAAoB,MACpB,eACA,0BAA0B,QAC1B,QAAQ,MACR,YAAY,UACZ,WAAW,QACX,iBAAiB,KACjB,YAAY,WACb,GAAG,MAAM,QAAQ,MAAM,CAAC,wBAAwB,MAAM,CAAC,IAAI,CAAE;AAE9D,YAAU,cAAc,GAAG,kBAAkB,GAAG,wBAAwB,GAAG,MAAM,GAAG,eAAe,GAAG,UAAU,GAAG,SAAS,GAAG;CAChI,WAAU,MAAM,SAAS,IAAI,EAAE;AAC9B,UAAQ,MACL,MAAM,IAAI,CACV,IAAI,CAACC,YAAkB;AACtB,aAAQ,QAAM,MAAM;AAEpB,aAAQ,WAAW,OAAO,CAAC,cAAcF,QAAM;AAE/C,UAAOA;EACR,EAAC,CACD,KAAK,IAAI;AAEZ,SAAO;CACR,OAAM;AACL,UAAQ,WAAW,OAAO,CAAC,cAAc,MAAM;AAE/C,SAAO;CACR;AACF;AAED,SAAgB,UACdC,OACA,EAAE,KAAK,QAAQ,OAAyB,EACxC;AACA,KAAI,SAAS,KAAM,QAAO;AAE1B,KAAI,SAAS,MAAM,EAAE;AACnB,UAAQ,MAAM,QAAQ,MAAM,CAAC,MAAM;EAEnC,MAAM,OAAO,gBAAgB,MAAM;AAEnC,SAAO;CACR,MACC,QAAO;AAEV"}

package/dist/esm/core/css/at-rule.js

@@ -1,9 +1,11 @@
-import { utils_exports } from "../../utils/index.js";
+import { isArray } from "../../utils/common/assertion.js";
+import { filterUndefined } from "../../utils/common/object.js";
+import { toKebabCase } from "../../utils/common/string.js";
 import { tokenToVar } from "./utils.js";
 
 //#region src/core/css/at-rule.ts
 const generateAtRule = (identifier) => (values, { system }) => {
-	if (!(0, utils_exports.isArray)(values)) return values;
+	if (!isArray(values)) return values;
 	return values.reduce((prev, { type, name, css, h, height, maxH, maxHeight, maxW, maxWidth, minH, minHeight, minW, minWidth, prefersColorMode, query, w, width,...rest }) => {
 		width ??= w;
 		minWidth ??= minW;
@@ -12,7 +14,7 @@ const generateAtRule = (identifier) => (values, { system }) => {
 		minHeight ??= minH;
 		maxHeight ??= maxH;
 		if (!query) {
-			const resolvedRest = (0, utils_exports.filterUndefined)({
+			const resolvedRest = filterUndefined({
 				height,
 				maxHeight,
 				maxWidth,
@@ -24,7 +26,7 @@ const generateAtRule = (identifier) => (values, { system }) => {
 			});
 			query = Object.entries(resolvedRest).map(([key, value]) => {
 				value = tokenToVar(system)("sizes", value);
-				return `(${(0, utils_exports.toKebabCase)(key)}: ${value})`;
+				return `(${toKebabCase(key)}: ${value})`;
 			}).join(" and ");
 		}
 		const condition = `@${identifier} ${type ?? name ?? ""} ${query}`;

package/dist/esm/core/css/at-rule.js.map

@@ -1 +1 @@
-{"version":3,"file":"at-rule.js","names":["identifier: string"],"sources":["../../../../src/core/css/at-rule.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { Transform } from \"./utils\"\nimport { filterUndefined, isArray, 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          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          const resolvedRest = filterUndefined({\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        const condition = `@${identifier} ${type ?? name ?? \"\"} ${query}`\n\n        prev[condition] = css\n\n        return prev\n      },\n      {},\n    )\n  }\n"],"mappings":";;;;AAKA,MAAa,iBACX,CAACA,eACD,CAAC,QAAQ,EAAE,QAAQ,KAAK;AACtB,MAAK,2BAAQ,OAAO,CAAE,QAAO;AAE7B,QAAO,OAAO,OACZ,CACE,MACA,EACE,MACA,MACA,KACA,GACA,QACA,MACA,WACA,MACA,UACA,MACA,WACA,MACA,UACA,kBACA,OACA,GACA,MACA,GAAG,MACJ,KACE;AACH,YAAU;AACV,eAAa;AACb,eAAa;AACb,aAAW;AACX,gBAAc;AACd,gBAAc;AAEd,OAAK,OAAO;GACV,MAAM,eAAe,mCAAgB;IACnC;IACA;IACA;IACA;IACA;IACA,oBAAoB;IACpB;IACA,GAAG;GACJ,EAAC;AAEF,WAAQ,OAAO,QAAQ,aAAa,CACjC,IAAI,CAAC,CAAC,KAAK,MAAM,KAAK;AACrB,YAAQ,WAAW,OAAO,CAAC,SAAS,MAAM;AAE1C,YAAQ,GAAG,+BAAY,IAAI,CAAC,IAAI,MAAM;GACvC,EAAC,CACD,KAAK,QAAQ;EACjB;EAED,MAAM,aAAa,GAAG,WAAW,GAAG,QAAQ,QAAQ,GAAG,GAAG;AAE1D,OAAK,aAAa;AAElB,SAAO;CACR,GACD,CAAE,EACH;AACF"}
+{"version":3,"file":"at-rule.js","names":["identifier: string"],"sources":["../../../../src/core/css/at-rule.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { Transform } from \"./utils\"\nimport { filterUndefined, isArray, 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          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          const resolvedRest = filterUndefined({\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        const condition = `@${identifier} ${type ?? name ?? \"\"} ${query}`\n\n        prev[condition] = css\n\n        return prev\n      },\n      {},\n    )\n  }\n"],"mappings":";;;;;;AAKA,MAAa,iBACX,CAACA,eACD,CAAC,QAAQ,EAAE,QAAQ,KAAK;AACtB,MAAK,QAAQ,OAAO,CAAE,QAAO;AAE7B,QAAO,OAAO,OACZ,CACE,MACA,EACE,MACA,MACA,KACA,GACA,QACA,MACA,WACA,MACA,UACA,MACA,WACA,MACA,UACA,kBACA,OACA,GACA,MACA,GAAG,MACJ,KACE;AACH,YAAU;AACV,eAAa;AACb,eAAa;AACb,aAAW;AACX,gBAAc;AACd,gBAAc;AAEd,OAAK,OAAO;GACV,MAAM,eAAe,gBAAgB;IACnC;IACA;IACA;IACA;IACA;IACA,oBAAoB;IACpB;IACA,GAAG;GACJ,EAAC;AAEF,WAAQ,OAAO,QAAQ,aAAa,CACjC,IAAI,CAAC,CAAC,KAAK,MAAM,KAAK;AACrB,YAAQ,WAAW,OAAO,CAAC,SAAS,MAAM;AAE1C,YAAQ,GAAG,YAAY,IAAI,CAAC,IAAI,MAAM;GACvC,EAAC,CACD,KAAK,QAAQ;EACjB;EAED,MAAM,aAAa,GAAG,WAAW,GAAG,QAAQ,QAAQ,GAAG,GAAG;AAE1D,OAAK,aAAa;AAElB,SAAO;CACR,GACD,CAAE,EACH;AACF"}

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

@@ -1,4 +1,4 @@
-import { utils_exports } from "../../utils/index.js";
+import { isNumeric } from "../../utils/common/assertion.js";
 import { getCSSFunction, globalValues, isCSSFunction, isCSSToken, splitValues } from "./utils.js";
 
 //#region src/core/css/calc.ts
@@ -17,7 +17,7 @@ function getValue(value, fallbackValue = "") {
 			...rest
 		});
 		else {
-			if ((0, utils_exports.isNumeric)(value)) return value;
+			if (isNumeric(value)) return value;
 			const resolvedToken = `${token}.${value}`;
 			if (isCSSToken(system)(resolvedToken)) return system.cssMap[resolvedToken].ref;
 			else return value;

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

@@ -1 +1 @@
-{"version":3,"file":"calc.js","names":["value: string | undefined","value: string","token: ThemeToken","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;AAAI;AAEtC,SAAS,SAASA,OAA2B,gBAAgB,IAAe;AAC1E,QAAO,SAAU,OAAO,EAAE,OAAQ,GAAG,MAAM,EAAE;AAC3C,OAAK,MAAO,QAAO;EAEnB,MAAM,UAAU,cAAc,MAAM;AAEpC,MAAI,QACF,QAAO,aAAa,MAAM,CAAC,OAAO;GAAE;GAAQ,GAAG;EAAM,EAAC;OACjD;AACL,OAAI,6BAAU,MAAM,CAAE,QAAO;GAE7B,MAAM,mBAAmB,MAAM,GAAG;AAElC,OAAI,WAAW,OAAO,CAAC,cAAc,CACnC,QAAO,OAAO,OAAQ,eAAgB;OAEtC,QAAO;EAEV;CACF;AACF;AAED,SAAS,WAAWC,OAAe;AACjC,QAAO,qBAAI,QAAQ,MAAM,UAAU,KAAK,KAAK,CAAC,QAAO,KAAK,MAAM;AACjE;AAED,SAAgB,aAAaC,OAA8B;AACzD,QAAO,SAAU,OAAO,SAAS;AAC/B,MAAI,SAAS,QAAQ,aAAa,IAAI,MAAM,CAAE,QAAO;EAErD,MAAM,UAAU,cAAc,MAAM;AAEpC,OAAK,QAAS,QAAO;EAErB,IAAI,EAAE,MAAM,QAAQ,GAAG,eAAe,MAAM;AAE5C,OAAK,SAAS,OAAQ,QAAO;AAE7B,UAAQ,MAAR;GACE,KAAK,QAAQ;IACX,MAAM,iBAAiB,YACrB,QACA,CAAC,MAAM,MAAM,SAAS,cAAc,OAAO,OAAO,OAAO,EACzD,KACD,CAAC,IAAI,CAACC,YAAU;AACf,SAAIA,WAAS,UAAU,SAASA,QAAM,CAAE,QAAOA;AAE/C,YAAO,SAASA,QAAM,CAAC,OAAO,QAAQ;IACvC,EAAC;AAEF,YAAQ,OAAO,eAAe,KAAK,IAAI,CAAC;GACzC;GAED,KAAK;GACL,KAAK,OAAO;IACV,IAAI,CAAC,YAAY,aAAa,GAAG,YAAY,GAAG,YAAY,OAAO;AAEnE,iBAAa,SAAS,YAAY,OAAO,CAAC,OAAO,QAAQ;AACzD,kBAAc,SAAS,aAAa,OAAO,CAAC,OAAO,QAAQ;AAC3D,kBAAc,YAAY,IAAI,CAACA,YAC7B,SAASA,QAAM,CAAC,OAAO,QAAQ,CAChC;AAED,cACK,KAAK,GACL,WAAW,IAAI,iBACjB,YAAY,UAAU,IAAI,YAAY,KAAK,KAAK,KAAK,MACtD;GAEH;GAED,KAAK,SAAS;IACZ,IAAI,CAAC,KAAK,WAAW,IAAI,GAAG,YAAY,OAAO;AAE/C,SAAK,KAAK;AACR,WAAM;AACN,iBAAY;IACb;AAED,UAAM,SAAS,IAAI,CAAC,OAAO,QAAQ;AACnC,gBAAY,SAAS,WAAW,OAAO,CAAC,OAAO,QAAQ;AACvD,UAAM,SAAS,IAAI,CAAC,OAAO,QAAQ;AAEnC,YAAQ,QAAQ,IAAI,IAAI,UAAU,IAAI,IAAI;GAC3C;GAED,KAAK,UAAU;IACb,IAAI,CAAC,KAAK,IAAI,GAAG,YAAY,OAAO;AAEpC,UAAM,SAAS,IAAI,CAAC,OAAO,QAAQ;AACnC,UAAM,SAAS,IAAI,CAAC,OAAO,QAAQ;AAEnC,YAAQ,SAAS,IAAI,IAAI,IAAI;GAC9B;GAED,KAAK,eAAe;IAClB,IAAI,CAACA,QAAM,GAAG,YAAY,OAAO;AAEjC,cAAQ,SAASA,QAAM,CAAC,OAAO,QAAQ;AAEvC,YAAQ,cAAcA,QAAM;GAC7B;GAED,QACE,QAAO;EACV;CACF;AACF"}
+{"version":3,"file":"calc.js","names":["value: string | undefined","value: string","token: ThemeToken","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;AAAI;AAEtC,SAAS,SAASA,OAA2B,gBAAgB,IAAe;AAC1E,QAAO,SAAU,OAAO,EAAE,OAAQ,GAAG,MAAM,EAAE;AAC3C,OAAK,MAAO,QAAO;EAEnB,MAAM,UAAU,cAAc,MAAM;AAEpC,MAAI,QACF,QAAO,aAAa,MAAM,CAAC,OAAO;GAAE;GAAQ,GAAG;EAAM,EAAC;OACjD;AACL,OAAI,UAAU,MAAM,CAAE,QAAO;GAE7B,MAAM,mBAAmB,MAAM,GAAG;AAElC,OAAI,WAAW,OAAO,CAAC,cAAc,CACnC,QAAO,OAAO,OAAQ,eAAgB;OAEtC,QAAO;EAEV;CACF;AACF;AAED,SAAS,WAAWC,OAAe;AACjC,QAAO,qBAAI,QAAQ,MAAM,UAAU,KAAK,KAAK,CAAC,QAAO,KAAK,MAAM;AACjE;AAED,SAAgB,aAAaC,OAA8B;AACzD,QAAO,SAAU,OAAO,SAAS;AAC/B,MAAI,SAAS,QAAQ,aAAa,IAAI,MAAM,CAAE,QAAO;EAErD,MAAM,UAAU,cAAc,MAAM;AAEpC,OAAK,QAAS,QAAO;EAErB,IAAI,EAAE,MAAM,QAAQ,GAAG,eAAe,MAAM;AAE5C,OAAK,SAAS,OAAQ,QAAO;AAE7B,UAAQ,MAAR;GACE,KAAK,QAAQ;IACX,MAAM,iBAAiB,YACrB,QACA,CAAC,MAAM,MAAM,SAAS,cAAc,OAAO,OAAO,OAAO,EACzD,KACD,CAAC,IAAI,CAACC,YAAU;AACf,SAAIA,WAAS,UAAU,SAASA,QAAM,CAAE,QAAOA;AAE/C,YAAO,SAASA,QAAM,CAAC,OAAO,QAAQ;IACvC,EAAC;AAEF,YAAQ,OAAO,eAAe,KAAK,IAAI,CAAC;GACzC;GAED,KAAK;GACL,KAAK,OAAO;IACV,IAAI,CAAC,YAAY,aAAa,GAAG,YAAY,GAAG,YAAY,OAAO;AAEnE,iBAAa,SAAS,YAAY,OAAO,CAAC,OAAO,QAAQ;AACzD,kBAAc,SAAS,aAAa,OAAO,CAAC,OAAO,QAAQ;AAC3D,kBAAc,YAAY,IAAI,CAACA,YAC7B,SAASA,QAAM,CAAC,OAAO,QAAQ,CAChC;AAED,cACK,KAAK,GACL,WAAW,IAAI,iBACjB,YAAY,UAAU,IAAI,YAAY,KAAK,KAAK,KAAK,MACtD;GAEH;GAED,KAAK,SAAS;IACZ,IAAI,CAAC,KAAK,WAAW,IAAI,GAAG,YAAY,OAAO;AAE/C,SAAK,KAAK;AACR,WAAM;AACN,iBAAY;IACb;AAED,UAAM,SAAS,IAAI,CAAC,OAAO,QAAQ;AACnC,gBAAY,SAAS,WAAW,OAAO,CAAC,OAAO,QAAQ;AACvD,UAAM,SAAS,IAAI,CAAC,OAAO,QAAQ;AAEnC,YAAQ,QAAQ,IAAI,IAAI,UAAU,IAAI,IAAI;GAC3C;GAED,KAAK,UAAU;IACb,IAAI,CAAC,KAAK,IAAI,GAAG,YAAY,OAAO;AAEpC,UAAM,SAAS,IAAI,CAAC,OAAO,QAAQ;AACnC,UAAM,SAAS,IAAI,CAAC,OAAO,QAAQ;AAEnC,YAAQ,SAAS,IAAI,IAAI,IAAI;GAC9B;GAED,KAAK,eAAe;IAClB,IAAI,CAACA,QAAM,GAAG,YAAY,OAAO;AAEjC,cAAQ,SAASA,QAAM,CAAC,OAAO,QAAQ;AAEvC,YAAQ,cAAcA,QAAM;GAC7B;GAED,QACE,QAAO;EACV;CACF;AACF"}

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

@@ -1,4 +1,4 @@
-import { utils_exports } from "../../utils/index.js";
+import { isArray } from "../../utils/common/assertion.js";
 import { getCSSFunction, globalValues, splitValues, tokenToVar } from "./utils.js";
 import { getColorSchemeVar, isColorScheme } from "../system/var.js";
 
@@ -35,7 +35,7 @@ function omitPercent(value) {
 }
 function createVariable(value, fallbackValue, properties) {
 	if (!properties) return value;
-	const key = "--mix-" + ((0, utils_exports.isArray)(properties) ? properties.join("-") : properties);
+	const key = "--mix-" + (isArray(properties) ? properties.join("-") : properties);
 	const result = { [key]: value };
 	properties.forEach((property) => {
 		result[property] = fallbackValue ? `var(${key}, ${fallbackValue})` : `var(${key})`;

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

@@ -1 +1 @@
-{"version":3,"file":"color-mix.js","names":["methods: { [key: string]: string }","system: System","value: string | undefined","fallbackColor?: string","value?: string","value: string","fallbackValue?: string","properties?: string[]","value: any"],"sources":["../../../../src/core/css/color-mix.ts"],"sourcesContent":["import type { System } from \"../system\"\nimport type { TransformOptions } from \"./utils\"\nimport { isArray } 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 (!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.endsWith(\"%\")) percent = `${percent}%`\n\n    return !percent ? color : `${color} ${percent}`\n  }\n}\n\nfunction omitPercent(value?: string) {\n  if (value?.endsWith(\"%\")) return value.replace(/\\d{1,3}%$/, \"\")\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 (value.includes(\"/\")) {\n    const [color, percent] = value.split(\"/\")\n\n    value = `transparentize(${color}, ${percent})`\n  }\n\n  const { type, values } = getCSSFunction(value)\n\n  if (!values) return getColor(system)(value, fallback)\n\n  switch (type) {\n    case \"mix\":\n    case \"color-mix\": {\n      let [color2, color1, method] = splitValues(values).reverse()\n\n      if (method) {\n        method = method in methods ? methods[method] : method\n      } else {\n        method = DEFAULT_METHOD\n      }\n\n      color1 = getColor(system)(color1, fallback)\n      color2 = getColor(system)(color2, fallback)\n\n      return createVariable(\n        `color-mix(${method}` +\n          (color1 ? `, ${color1}` : \"\") +\n          (color2 ? `, ${color2}` : \"\") +\n          \")\",\n        omitPercent(color1),\n        properties,\n      )\n    }\n\n    case \"tint\":\n    case \"shade\":\n    case \"transparentize\": {\n      const [color, percent] = splitValues(values)\n\n      const color1 = getColor(system)(\n        percent ? `${color} ${percent}` : color,\n        fallback,\n      )\n      const color2 =\n        type === \"transparentize\"\n          ? \"transparent\"\n          : type === \"tint\"\n            ? \"#fff\"\n            : \"#000\"\n\n      return createVariable(\n        `color-mix(${DEFAULT_METHOD}, ${color1}, ${color2})`,\n        omitPercent(color1),\n        properties,\n      )\n    }\n\n    case \"tone\": {\n      const [color, tone] = splitValues(values)\n\n      const color1 = getColor(system)(color, fallback)\n\n      if (!tone) return color1\n\n      let ratio = parseInt(tone) || 500\n\n      if (ratio < 50 && 950 < ratio) ratio = 500\n      if (ratio === 500) return color1\n\n      const color2 = ratio < 500 ? \"#fff\" : \"#000\"\n      const percent = `${100 - (Math.abs(ratio - 500) * 2) / 10}%`\n\n      return createVariable(\n        `color-mix(${DEFAULT_METHOD}, ${color1} ${percent}, ${color2})`,\n        omitPercent(color1),\n        properties,\n      )\n    }\n\n    default: {\n      return value\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"color-mix.js","names":["methods: { [key: string]: string }","system: System","value: string | undefined","fallbackColor?: string","value?: string","value: string","fallbackValue?: string","properties?: string[]","value: any"],"sources":["../../../../src/core/css/color-mix.ts"],"sourcesContent":["import type { System } from \"../system\"\nimport type { TransformOptions } from \"./utils\"\nimport { isArray } 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 (!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.endsWith(\"%\")) percent = `${percent}%`\n\n    return !percent ? color : `${color} ${percent}`\n  }\n}\n\nfunction omitPercent(value?: string) {\n  if (value?.endsWith(\"%\")) return value.replace(/\\d{1,3}%$/, \"\")\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 (value.includes(\"/\")) {\n    const [color, percent] = value.split(\"/\")\n\n    value = `transparentize(${color}, ${percent})`\n  }\n\n  const { type, values } = getCSSFunction(value)\n\n  if (!values) return getColor(system)(value, fallback)\n\n  switch (type) {\n    case \"mix\":\n    case \"color-mix\": {\n      let [color2, color1, method] = splitValues(values).reverse()\n\n      if (method) {\n        method = method in methods ? methods[method] : method\n      } else {\n        method = DEFAULT_METHOD\n      }\n\n      color1 = getColor(system)(color1, fallback)\n      color2 = getColor(system)(color2, fallback)\n\n      return createVariable(\n        `color-mix(${method}` +\n          (color1 ? `, ${color1}` : \"\") +\n          (color2 ? `, ${color2}` : \"\") +\n          \")\",\n        omitPercent(color1),\n        properties,\n      )\n    }\n\n    case \"tint\":\n    case \"shade\":\n    case \"transparentize\": {\n      const [color, percent] = splitValues(values)\n\n      const color1 = getColor(system)(\n        percent ? `${color} ${percent}` : color,\n        fallback,\n      )\n      const color2 =\n        type === \"transparentize\"\n          ? \"transparent\"\n          : type === \"tint\"\n            ? \"#fff\"\n            : \"#000\"\n\n      return createVariable(\n        `color-mix(${DEFAULT_METHOD}, ${color1}, ${color2})`,\n        omitPercent(color1),\n        properties,\n      )\n    }\n\n    case \"tone\": {\n      const [color, tone] = splitValues(values)\n\n      const color1 = getColor(system)(color, fallback)\n\n      if (!tone) return color1\n\n      let ratio = parseInt(tone) || 500\n\n      if (ratio < 50 && 950 < ratio) ratio = 500\n      if (ratio === 500) return color1\n\n      const color2 = ratio < 500 ? \"#fff\" : \"#000\"\n      const percent = `${100 - (Math.abs(ratio - 500) * 2) / 10}%`\n\n      return createVariable(\n        `color-mix(${DEFAULT_METHOD}, ${color1} ${percent}, ${color2})`,\n        omitPercent(color1),\n        properties,\n      )\n    }\n\n    default: {\n      return value\n    }\n  }\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,5 @@
-import { utils_exports } from "../../utils/index.js";
+import { isArray } from "../../utils/common/assertion.js";
+import { TONES } from "../../utils/common/color.js";
 import { tokenToVar } from "./utils.js";
 import { conditions } from "./conditions.js";
 import { getVarName } from "../system/var.js";
@@ -7,7 +8,7 @@ import { getVarName } from "../system/var.js";
 function createColorSchemeVariables(value) {
 	return function({ system }) {
 		return {
-			...Object.fromEntries(utils_exports.TONES.map((tone) => [getVarName(system)(`colorScheme-${tone}`), tokenToVar(system)("colors", `${value}.${tone}`)])),
+			...Object.fromEntries(TONES.map((tone) => [getVarName(system)(`colorScheme-${tone}`), tokenToVar(system)("colors", `${value}.${tone}`)])),
 			...Object.fromEntries([
 				"contrast",
 				"fg",
@@ -23,7 +24,7 @@ function createColorSchemeVariables(value) {
 	};
 }
 function colorScheme(value, options) {
-	if ((0, utils_exports.isArray)(value)) {
+	if (isArray(value)) {
 		const [lightValue, darkValue] = value;
 		return {
 			...createColorSchemeVariables(lightValue)(options),

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

@@ -1 +1 @@
-{"version":3,"file":"color-scheme.js","names":["value: ColorScheme","value: any","options: TransformOptions"],"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: ColorScheme) {\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,2BAA2BA,OAAoB;AACtD,QAAO,SAAU,EAAE,QAA0B,EAAE;AAC7C,SAAO;GACL,GAAG,OAAO,YACR,oBAAM,IAAI,CAAC,SAAS,CAClB,WAAW,OAAO,EAAE,cAAc,OAAO,EACzC,WAAW,OAAO,CAAC,aAAa,MAAM,GAAG,OAAO,AACjD,EAAC,CACH;GACD,GAAG,OAAO,YACR;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACD,EAAC,IAAI,CAAC,UAAU,CACf,WAAW,OAAO,EAAE,cAAc,QAAQ,EAC1C,WAAW,OAAO,CAAC,aAAa,MAAM,GAAG,QAAQ,AAClD,EAAC,CACH;EACF;CACF;AACF;AAED,SAAgB,YAAYC,OAAYC,SAA2B;AACjE,KAAI,2BAAQ,MAAM,EAAE;EAClB,MAAM,CAAC,YAAY,UAAU,GAAG;AAEhC,SAAO;GACL,GAAG,2BAA2B,WAAW,CAAC,QAAQ;IACjD,WAAW,QAAQ,2BAA2B,UAAU,CAAC,QAAQ;EACnE;CACF,MACC,QAAO,2BAA2B,MAAM,CAAC,QAAQ;AAEpD"}
+{"version":3,"file":"color-scheme.js","names":["value: ColorScheme","value: any","options: TransformOptions"],"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: ColorScheme) {\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,2BAA2BA,OAAoB;AACtD,QAAO,SAAU,EAAE,QAA0B,EAAE;AAC7C,SAAO;GACL,GAAG,OAAO,YACR,MAAM,IAAI,CAAC,SAAS,CAClB,WAAW,OAAO,EAAE,cAAc,OAAO,EACzC,WAAW,OAAO,CAAC,aAAa,MAAM,GAAG,OAAO,AACjD,EAAC,CACH;GACD,GAAG,OAAO,YACR;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACD,EAAC,IAAI,CAAC,UAAU,CACf,WAAW,OAAO,EAAE,cAAc,QAAQ,EAC1C,WAAW,OAAO,CAAC,aAAa,MAAM,GAAG,QAAQ,AAClD,EAAC,CACH;EACF;CACF;AACF;AAED,SAAgB,YAAYC,OAAYC,SAA2B;AACjE,KAAI,QAAQ,MAAM,EAAE;EAClB,MAAM,CAAC,YAAY,UAAU,GAAG;AAEhC,SAAO;GACL,GAAG,2BAA2B,WAAW,CAAC,QAAQ;IACjD,WAAW,QAAQ,2BAA2B,UAAU,CAAC,QAAQ;EACnE;CACF,MACC,QAAO,2BAA2B,MAAM,CAAC,QAAQ;AAEpD"}