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

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

@@ -0,0 +1,246 @@
+"use client";
+
+
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_utils_index = require('../../utils/index.cjs');
+const require_core_css_conditions = require('../css/conditions.cjs');
+const require_core_css_merge_css = require('../css/merge-css.cjs');
+const require_core_system_system_provider = require('../system/system-provider.cjs');
+const require_core_system_styled = require('../system/styled.cjs');
+const require_core_components_props = require('./props.cjs');
+const react = require_rolldown_runtime.__toESM(require("react"));
+const react_fast_compare = require_rolldown_runtime.__toESM(require("react-fast-compare"));
+
+//#region src/core/components/use-component-style.ts
+function getSelectorStyle(selectors, style) {
+	return selectors.reduceRight((prev, key) => key ? { [key]: prev } : prev, style);
+}
+function getStyle(style) {
+	return function({ hasSlot = false, selectors = [] }) {
+		if (!style || (0, require_utils_index.utils_exports.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];
+		}));
+		else if (selectors.length) return getSelectorStyle(selectors, style);
+		else return style;
+	};
+}
+function getColorModeStyle(value, mergedStyle) {
+	return function({ selectors = [],...rest }) {
+		const [lightValue, darkValue] = value;
+		const lightStyle = getModifierStyle(lightValue, mergedStyle)({
+			...rest,
+			selectors
+		});
+		const darkStyle = getModifierStyle(darkValue, mergedStyle)({
+			...rest,
+			selectors: [...selectors, require_core_css_conditions.conditions._dark]
+		});
+		return (0, require_utils_index.utils_exports.merge)(lightStyle, darkStyle);
+	};
+}
+function getConditionStyle(value, mergedStyle) {
+	return function(options) {
+		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, require_utils_index.utils_exports.merge)(prev, getModifierStyle(value[breakpoint], mergedStyle)({
+				...options,
+				selectors: [...selectors, query]
+			}));
+			return prev;
+		}, {});
+		const additionalObj = conditionalKeys.reduce((prev, key) => {
+			prev = (0, require_utils_index.utils_exports.merge)(prev, getModifierStyle(value[key], mergedStyle)({
+				...options,
+				selectors: [...selectors, require_core_css_conditions.getCondition(key)]
+			}));
+			return prev;
+		}, {});
+		return {
+			...breakpointObj,
+			...additionalObj
+		};
+	};
+}
+function getModifierStyle(value, mergedStyle) {
+	return function(options) {
+		let style = void 0;
+		if (!value) return style;
+		if ((0, require_utils_index.utils_exports.isArray)(value)) style = getColorModeStyle(value, mergedStyle)(options);
+		else if ((0, require_utils_index.utils_exports.isObject)(value)) style = getConditionStyle(value, mergedStyle)(options);
+		else style = getStyle(mergedStyle[value])(options);
+		return style;
+	};
+}
+function getPropStyle(props, propVariants, style = {}) {
+	const variants = Object.entries(propVariants);
+	return function(options) {
+		if (!variants.length) return style;
+		variants.forEach(([name, variants$1]) => {
+			const prop = props[name];
+			if (prop) {
+				const propStyle = getModifierStyle(prop, variants$1)(options);
+				if (propStyle) style = (0, require_utils_index.utils_exports.merge)(style, wrapStyle("props", propStyle)(options));
+			} else {
+				const boolean = Object.keys(variants$1).every((key) => (0, require_utils_index.utils_exports.isBooleanish)(key));
+				if (boolean) {
+					const propStyle = getModifierStyle("false", variants$1)(options);
+					if (propStyle) style = (0, require_utils_index.utils_exports.merge)(style, wrapStyle("props", propStyle)(options));
+				}
+			}
+		});
+		return style;
+	};
+}
+function getCompoundStyle(props, compounds, style = {}) {
+	return function(options) {
+		if (!compounds.length) return style;
+		compounds.forEach(({ css, layer,...rest }) => {
+			const conditions$1 = Object.entries(rest);
+			if (!conditions$1.length) return;
+			const apply = conditions$1.every(([key, value]) => (0, require_utils_index.utils_exports.isArray)(value) ? value.includes(props[key]) : (0, require_utils_index.utils_exports.isRegExp)(value) ? value.test(props[key]) : props[key] === value);
+			if (!apply) return;
+			style = (0, require_utils_index.utils_exports.merge)(style, wrapStyle(layer ?? "compounds", css)(options));
+		});
+		return style;
+	};
+}
+function getSlotClassName(className, slot) {
+	if (!className || !slot) return className;
+	if ((0, require_utils_index.utils_exports.isArray)(slot)) {
+		const [element, modifier] = slot.map((value) => (0, require_utils_index.utils_exports.toKebabCase)(value));
+		return (0, require_utils_index.utils_exports.cx)((0, require_utils_index.utils_exports.bem)(className, element), (0, require_utils_index.utils_exports.bem)(className, element, modifier));
+	} else if ((0, require_utils_index.utils_exports.isObject)(slot)) {
+		const slotArray = (0, require_utils_index.utils_exports.toArray)(slot.slot);
+		const [element, modifier] = slotArray.map((value) => (0, require_utils_index.utils_exports.toKebabCase)(value));
+		return (0, require_utils_index.utils_exports.cx)((0, require_utils_index.utils_exports.bem)(className, element), (0, require_utils_index.utils_exports.bem)(className, element, modifier));
+	} else return (0, require_utils_index.utils_exports.bem)(className, (0, require_utils_index.utils_exports.toKebabCase)(slot));
+}
+function getSlotCSS(slot, slotCSS) {
+	if (!slotCSS || !slot) return [];
+	if ((0, require_utils_index.utils_exports.isArray)(slot)) return slot.map((slot$1) => slotCSS[slot$1]);
+	else if ((0, require_utils_index.utils_exports.isObject)(slot)) if ((0, require_utils_index.utils_exports.isArray)(slot.slot)) return slot.slot.map((slot$1) => slotCSS[slot$1]);
+	else return [slotCSS[slot.slot]];
+	else return [slotCSS[slot]];
+}
+function mergeSlotCSS(slot, slotCSS, css) {
+	if (!slotCSS || !slot) return css;
+	const result = [];
+	result.push(...getSlotCSS(slot, slotCSS));
+	if (css) result.push(...(0, require_utils_index.utils_exports.toArray)(css));
+	return result;
+}
+function omitThemeProps(props, omitKeys = [], transferProps) {
+	if (transferProps) omitKeys = omitKeys.filter((key) => !transferProps.includes(key));
+	return (0, require_utils_index.utils_exports.omitObject)(props, omitKeys);
+}
+function wrapStyle(layer, style) {
+	return function({ hasSlot, wrap }) {
+		if (hasSlot) {
+			if (!style) return void 0;
+			return Object.fromEntries(Object.entries(style).map(([slot, style$1]) => [slot, wrap?.(layer, style$1) ?? style$1]));
+		} else return wrap?.(layer, style) ?? style;
+	};
+}
+function getHasAtRuleStyle(css) {
+	return (getAtRule) => {
+		let hasVariant = false;
+		let hasSize = false;
+		if (!css || !getAtRule) return {
+			hasSize,
+			hasVariant
+		};
+		const variantAtRule = getAtRule("variant");
+		const sizeAtRule = getAtRule("size");
+		css = (0, require_utils_index.utils_exports.toArray)(css);
+		css.forEach((css$1) => {
+			const keys = Object.keys(css$1);
+			if (keys.includes(variantAtRule)) hasVariant = true;
+			if (keys.includes(sizeAtRule)) hasSize = true;
+		});
+		return {
+			hasSize,
+			hasVariant
+		};
+	};
+}
+function mergeDefaultProps(defaultProps, props) {
+	return Object.entries(defaultProps ?? {}).reduce((prev, [key, value]) => {
+		prev[key] ??= value;
+		return prev;
+	}, props);
+}
+function useStyle(props, { className: defaultClassName, style: componentStyle, hasSlot, slot, transferProps } = {}) {
+	const system = require_core_system_system_provider.useSystem();
+	const { getAtRule, wrap } = system.layers;
+	const rootColorScheme = require_core_system_styled.useColorSchemeContext();
+	const options = {
+		...system.breakpoints,
+		hasSlot,
+		wrap
+	};
+	const propsRef = (0, react.useRef)({});
+	const styleRef = (0, react.useRef)(void 0);
+	const hasComponentStyle = componentStyle && !!Object.keys(componentStyle).length;
+	if (hasComponentStyle) {
+		const { className: customClassName, base, compounds, props: propVariants, sizes, variants, defaultProps = {} } = componentStyle;
+		const colorScheme = props.colorScheme ?? rootColorScheme;
+		const className = (0, require_utils_index.utils_exports.cx)(defaultClassName ?? customClassName, props.className);
+		const mergedProps = {
+			...mergeDefaultProps(defaultProps, props),
+			className,
+			colorScheme
+		};
+		const omitProps = Object.keys(propVariants ?? {});
+		const { size, variant } = mergedProps;
+		if (variants) omitProps.push("variant");
+		if (sizes) omitProps.push("size");
+		const computedProps = omitThemeProps(mergedProps, omitProps, transferProps);
+		if (!require_core_components_props.isEqualProps(propsRef.current, computedProps, ["css", "children"])) {
+			const { hasSize, hasVariant } = getHasAtRuleStyle(props.css)(getAtRule);
+			let style = {};
+			if (base) {
+				const baseStyle = getStyle(base)(options);
+				style = (0, require_utils_index.utils_exports.merge)(style, wrapStyle("base", baseStyle)(options));
+			}
+			if (sizes && !hasSize) {
+				const sizeStyle = (0, require_utils_index.utils_exports.merge)(sizes.base, getModifierStyle(size, sizes)(options));
+				style = (0, require_utils_index.utils_exports.merge)(style, wrapStyle("size", sizeStyle)(options));
+			}
+			if (variants && !hasVariant) {
+				const variantStyle = (0, require_utils_index.utils_exports.merge)(variants.base, getModifierStyle(variant, variants)(options));
+				style = (0, require_utils_index.utils_exports.merge)(style, wrapStyle("variant", variantStyle)(options));
+			}
+			if (propVariants) style = getPropStyle(mergedProps, propVariants, style)(options);
+			if (compounds) style = getCompoundStyle(mergedProps, compounds, style)(options);
+			if (!(0, react_fast_compare.default)(styleRef.current, style)) {
+				styleRef.current = style;
+				if (hasSlot) computedProps.css = mergeSlotCSS(slot, style, computedProps.css);
+				else computedProps.css = require_core_css_merge_css.mergeCSS(style, computedProps.css);
+			} else computedProps.css = propsRef.current.css;
+		} else computedProps.css = propsRef.current.css;
+		if (!require_core_components_props.isEqualProps(propsRef.current, computedProps)) propsRef.current = computedProps;
+	} else {
+		props.className = (0, require_utils_index.utils_exports.cx)(defaultClassName, props.className);
+		if (!require_core_components_props.isEqualProps(propsRef.current, props)) propsRef.current = props;
+	}
+	return [styleRef.current ?? {}, propsRef.current];
+}
+function useComponentStyle(props, options = {}) {
+	return useStyle(props, options);
+}
+function useComponentSlotStyle(props, options = {}) {
+	return useStyle(props, {
+		...options,
+		hasSlot: true
+	});
+}
+
+//#endregion
+exports.getSlotClassName = getSlotClassName;
+exports.mergeSlotCSS = mergeSlotCSS;
+exports.useComponentSlotStyle = useComponentSlotStyle;
+exports.useComponentStyle = useComponentStyle;
+//# sourceMappingURL=use-component-style.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-component-style.cjs","names":["selectors: (string | undefined)[]","style: Y","style: CSSObject | CSSSlotObject | undefined","style","value: ColorModeArray<string>","mergedStyle: MergedStyle","conditions","value: ResponsiveWithConditionObject<string>","options: GetStyleOptions","value: StyleValueWithCondition<string> | undefined","style: Style<Y> | undefined","props: Dict","propVariants: CSSPropObject | CSSPropObject<CSSSlotObject>","variants","compounds: ComponentCompound<CSSSlotObject>[] | ComponentCompound[]","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/cjs/core/components/utils.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","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,oDAAa,KAAK,QAAQ,UAAU,IAAI,CAAC,GAAG;AAC3D;AAkBD,SAAgB,aACdC,iBACAC,UACA;AACA,QAAO,SAAUC,QAAgB;AAC/B,SAAO,kBACH,OAAO,MAAM,aAAa,mDAAY,gBAAgB,CAAC,GACvD;CACL;AACF"}

package/dist/cjs/core/constant.cjs

@@ -0,0 +1,46 @@
+
+//#region src/core/constant.ts
+const DEFAULT_VAR_PREFIX = "ui";
+const DEFAULT_LOCALE = "en-US";
+const DEFAULT_DIRECTION = "ltr";
+const DEFAULT_LAYERS = {
+	size: {
+		name: "size",
+		order: 4
+	},
+	variant: {
+		name: "variant",
+		order: 5
+	},
+	base: {
+		name: "base",
+		order: 3
+	},
+	compounds: {
+		name: "compounds",
+		order: 7
+	},
+	global: {
+		name: "global",
+		order: 2
+	},
+	props: {
+		name: "props",
+		order: 6
+	},
+	reset: {
+		name: "reset",
+		order: 1
+	},
+	tokens: {
+		name: "tokens",
+		order: 0
+	}
+};
+
+//#endregion
+exports.DEFAULT_DIRECTION = DEFAULT_DIRECTION;
+exports.DEFAULT_LAYERS = DEFAULT_LAYERS;
+exports.DEFAULT_LOCALE = DEFAULT_LOCALE;
+exports.DEFAULT_VAR_PREFIX = DEFAULT_VAR_PREFIX;
+//# sourceMappingURL=constant.cjs.map

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

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

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

@@ -0,0 +1,58 @@
+"use client";
+
+
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_utils_index = require('../../utils/index.cjs');
+const require_core_css_utils = require('./utils.cjs');
+const __emotion_react = require_rolldown_runtime.__toESM(require("@emotion/react"));
+const __emotion_sheet = require_rolldown_runtime.__toESM(require("@emotion/sheet"));
+
+//#region src/core/css/animation.ts
+const styleSheet = (0, require_utils_index.utils_exports.createdDom)() ? new __emotion_sheet.StyleSheet({
+	key: "css",
+	container: document.head
+}) : void 0;
+function transformAnimationValue(value) {
+	return Object.entries(value).reduce((prev, [key, value$1]) => {
+		if (key === "duration") prev.animationDuration = value$1;
+		else if (key === "timingFunction") prev.animationTimingFunction = value$1;
+		else prev[key] = value$1;
+		return prev;
+	}, {});
+}
+function injectKeyframes(value) {
+	const { name, styles } = (0, __emotion_react.keyframes)(value);
+	styleSheet?.insert(styles);
+	return name;
+}
+function animation(value, { css, system, theme }) {
+	if (value == null || require_core_css_utils.globalValues.has(value)) return value;
+	if ((0, require_utils_index.utils_exports.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(",")) {
+		value = value.split(",").map((value$1) => {
+			value$1 = value$1.trim();
+			value$1 = require_core_css_utils.tokenToVar(system)("animations", value$1);
+			return value$1;
+		}).join(",");
+		return value;
+	} else {
+		value = require_core_css_utils.tokenToVar(system)("animations", value);
+		return value;
+	}
+}
+function keyframes(value, { css, system, theme }) {
+	if (value == null) return value;
+	if ((0, require_utils_index.utils_exports.isObject)(value)) {
+		value = css?.(system, theme)(value);
+		const name = injectKeyframes(value);
+		return name;
+	} else return value;
+}
+
+//#endregion
+exports.animation = animation;
+exports.injectKeyframes = injectKeyframes;
+exports.keyframes = keyframes;
+//# sourceMappingURL=animation.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"animation.cjs","names":["StyleSheet","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,mDAAY,GAC3B,IAAIA,2BAAW;CAAE,KAAK;CAAO,WAAW,SAAS;AAAM;AAG3D,SAAS,wBAAwBC,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,+BAAiB,MAAM;AAEhD,aAAY,OAAO,OAAO;AAE1B,QAAO;AACR;AAED,SAAgB,UACdA,OACA,EAAE,KAAK,QAAQ,OAAyB,EACxC;AACA,KAAI,SAAS,QAAQ,oCAAa,IAAI,MAAM,CAAE,QAAO;AAErD,KAAI,gDAAS,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,kCAAW,OAAO,CAAC,cAAcF,QAAM;AAE/C,UAAOA;EACR,EAAC,CACD,KAAK,IAAI;AAEZ,SAAO;CACR,OAAM;AACL,UAAQ,kCAAW,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,gDAAS,MAAM,EAAE;AACnB,UAAQ,MAAM,QAAQ,MAAM,CAAC,MAAM;EAEnC,MAAM,OAAO,gBAAgB,MAAM;AAEnC,SAAO;CACR,MACC,QAAO;AAEV"}

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

@@ -0,0 +1,38 @@
+const require_utils_index = require('../../utils/index.cjs');
+const require_core_css_utils = require('./utils.cjs');
+
+//#region src/core/css/at-rule.ts
+const generateAtRule = (identifier) => (values, { system }) => {
+	if (!(0, require_utils_index.utils_exports.isArray)(values)) return values;
+	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;
+		maxWidth ??= maxW;
+		height ??= h;
+		minHeight ??= minH;
+		maxHeight ??= maxH;
+		if (!query) {
+			const resolvedRest = (0, require_utils_index.utils_exports.filterUndefined)({
+				height,
+				maxHeight,
+				maxWidth,
+				minHeight,
+				minWidth,
+				prefersColorScheme: prefersColorMode,
+				width,
+				...rest
+			});
+			query = Object.entries(resolvedRest).map(([key, value]) => {
+				value = require_core_css_utils.tokenToVar(system)("sizes", value);
+				return `(${(0, require_utils_index.utils_exports.toKebabCase)(key)}: ${value})`;
+			}).join(" and ");
+		}
+		const condition = `@${identifier} ${type ?? name ?? ""} ${query}`;
+		prev[condition] = css;
+		return prev;
+	}, {});
+};
+
+//#endregion
+exports.generateAtRule = generateAtRule;
+//# sourceMappingURL=at-rule.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"at-rule.cjs","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,+CAAQ,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,uDAAgB;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,kCAAW,OAAO,CAAC,SAAS,MAAM;AAE1C,YAAQ,GAAG,mDAAY,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/cjs/core/css/calc.cjs

@@ -0,0 +1,82 @@
+const require_utils_index = require('../../utils/index.cjs');
+const require_core_css_utils = require('./utils.cjs');
+
+//#region src/core/css/calc.ts
+const OPERATORS = [
+	"+",
+	"-",
+	"*",
+	"/"
+];
+function getValue(value, fallbackValue = "") {
+	return function(token, { system,...rest }) {
+		if (!value) return fallbackValue;
+		const prevent = require_core_css_utils.isCSSFunction(value);
+		if (prevent) return generateCalc(token)(value, {
+			system,
+			...rest
+		});
+		else {
+			if ((0, require_utils_index.utils_exports.isNumeric)(value)) return value;
+			const resolvedToken = `${token}.${value}`;
+			if (require_core_css_utils.isCSSToken(system)(resolvedToken)) return system.cssMap[resolvedToken].ref;
+			else return value;
+		}
+	};
+}
+function isOperator(value) {
+	return (/* @__PURE__ */ new RegExp(`\\s[${OPERATORS.join("\\")}]\\s`)).test(value);
+}
+function generateCalc(token) {
+	return function(value, options) {
+		if (value == null || require_core_css_utils.globalValues.has(value)) return value;
+		const prevent = require_core_css_utils.isCSSFunction(value);
+		if (!prevent) return value;
+		let { type, values } = require_core_css_utils.getCSSFunction(value);
+		if (!type || !values) return value;
+		switch (type) {
+			case "calc": {
+				const computedValues = require_core_css_utils.splitValues(values, (char, prev, next) => isOperator(`${prev}${char}${next}`), true).map((value$1) => {
+					if (value$1 && OPERATORS.includes(value$1)) return value$1;
+					return getValue(value$1)(token, options);
+				});
+				return `calc(${computedValues.join(" ")})`;
+			}
+			case "min":
+			case "max": {
+				let [firstValue, secondValue, ...otherValues] = require_core_css_utils.splitValues(values);
+				firstValue = getValue(firstValue, "100%")(token, options);
+				secondValue = getValue(secondValue, "100%")(token, options);
+				otherValues = otherValues.map((value$1) => getValue(value$1)(token, options));
+				return `${type}(${firstValue}, ${secondValue}` + (otherValues.length ? `, ${otherValues.join(", ")}` : "") + ")";
+			}
+			case "clamp": {
+				let [min, preferred, max] = require_core_css_utils.splitValues(values);
+				if (!max) {
+					max = preferred;
+					preferred = "";
+				}
+				min = getValue(min)(token, options);
+				preferred = getValue(preferred, "100%")(token, options);
+				max = getValue(max)(token, options);
+				return `clamp(${min}, ${preferred}, ${max})`;
+			}
+			case "minmax": {
+				let [min, max] = require_core_css_utils.splitValues(values);
+				min = getValue(min)(token, options);
+				max = getValue(max)(token, options);
+				return `minmax(${min}, ${max})`;
+			}
+			case "fit-content": {
+				let [value$1] = require_core_css_utils.splitValues(values);
+				value$1 = getValue(value$1)(token, options);
+				return `fit-content(${value$1})`;
+			}
+			default: return value;
+		}
+	};
+}
+
+//#endregion
+exports.generateCalc = generateCalc;
+//# sourceMappingURL=calc.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calc.cjs","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,qCAAc,MAAM;AAEpC,MAAI,QACF,QAAO,aAAa,MAAM,CAAC,OAAO;GAAE;GAAQ,GAAG;EAAM,EAAC;OACjD;AACL,OAAI,iDAAU,MAAM,CAAE,QAAO;GAE7B,MAAM,mBAAmB,MAAM,GAAG;AAElC,OAAI,kCAAW,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,oCAAa,IAAI,MAAM,CAAE,QAAO;EAErD,MAAM,UAAU,qCAAc,MAAM;AAEpC,OAAK,QAAS,QAAO;EAErB,IAAI,EAAE,MAAM,QAAQ,GAAG,sCAAe,MAAM;AAE5C,OAAK,SAAS,OAAQ,QAAO;AAE7B,UAAQ,MAAR;GACE,KAAK,QAAQ;IACX,MAAM,iBAAiB,mCACrB,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,mCAAY,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,mCAAY,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,mCAAY,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,mCAAY,OAAO;AAEjC,cAAQ,SAASA,QAAM,CAAC,OAAO,QAAQ;AAEvC,YAAQ,cAAcA,QAAM;GAC7B;GAED,QACE,QAAO;EACV;CACF;AACF"}