@cck-ui/core 0.4.10 → 0.6.0

package/cjs/core/box/box.cjs

@@ -292,6 +292,10 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 			type: null,
 			required: false
 		},
+		renderRoot: {
+			type: Function,
+			required: false
+		},
 		tag: {
 			type: null,
 			required: false,
@@ -299,7 +303,7 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 		}
 	},
 	setup(__props, { expose: __expose }) {
-		__expose();
+		const _root = (0, vue.ref)(null);
 		const props = __props;
 		const theme = require_config_provider_context.useCckTheme();
 		const parsedStyleProps = (0, vue.computed)(() => {
@@ -350,7 +354,38 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 		(0, vue.onBeforeUnmount)(() => {
 			if (currentStyleKey) require_responsive_style_manager.responsiveStyleManager.unregister(currentStyleKey);
 		});
+		const _props = (0, vue.computed)(() => {
+			const { rest, inlineStyles } = parsedStyleProps.value;
+			const finalStyle = require_get_box_style.getBoxStyle({
+				theme: theme.value,
+				style: props.style,
+				vars: props.__vars,
+				styleProps: inlineStyles
+			});
+			const finalClassName = (0, clsx.default)(props.className, responsiveClassName.value, {
+				"c-light-hidden": props.lightHidden,
+				"c-dark-hidden": props.darkHidden,
+				[`c-hidden-from-${props.hiddenFrom}`]: props.hiddenFrom,
+				[`c-visible-from-${props.visibleFrom}`]: props.visibleFrom
+			});
+			const { tag, style, __vars, className, variant, mod, size, hiddenFrom, visibleFrom, lightHidden, darkHidden, __size, ...restProps } = rest || {};
+			return {
+				...restProps,
+				style: finalStyle,
+				className: finalClassName,
+				"data-variant": props.variant,
+				"data-size": require_is_number_like.isNumberLike(props.size) ? void 0 : props.size || void 0,
+				size: props.__size,
+				...require_get_box_mod.getBoxMod(props.mod)
+			};
+		});
+		const rootTag = (0, vue.computed)(() => {
+			if (props.renderRoot) return (p) => p.renderRoot(p);
+			return props.tag;
+		});
+		__expose({ root: _root });
 		const __returned__ = {
+			_root,
 			props,
 			theme,
 			parsedStyleProps,
@@ -364,31 +399,8 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 			},
 			buildMediaQueriesFromObject,
 			updateResponsiveStyles,
-			_props: (0, vue.computed)(() => {
-				const { rest, inlineStyles } = parsedStyleProps.value;
-				const finalStyle = require_get_box_style.getBoxStyle({
-					theme: theme.value,
-					style: props.style,
-					vars: props.__vars,
-					styleProps: inlineStyles
-				});
-				const finalClassName = (0, clsx.default)(props.className, responsiveClassName.value, {
-					"c-light-hidden": props.lightHidden,
-					"c-dark-hidden": props.darkHidden,
-					[`c-hidden-from-${props.hiddenFrom}`]: props.hiddenFrom,
-					[`c-visible-from-${props.visibleFrom}`]: props.visibleFrom
-				});
-				const { tag, style, __vars, className, variant, mod, size, hiddenFrom, visibleFrom, lightHidden, darkHidden, __size, ...restProps } = rest || {};
-				return {
-					...restProps,
-					style: finalStyle,
-					className: finalClassName,
-					"data-variant": props.variant,
-					"data-size": require_is_number_like.isNumberLike(props.size) ? void 0 : props.size || void 0,
-					size: props.__size,
-					...require_get_box_mod.getBoxMod(props.mod)
-				};
-			})
+			_props,
+			rootTag
 		};
 		Object.defineProperty(__returned__, "__isScriptSetup", {
 			enumerable: false,
@@ -398,7 +410,7 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 	}
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)($props.tag), (0, vue.normalizeProps)((0, vue.guardReactiveProps)($setup._props)), {
+	return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)($setup.rootTag), (0, vue.mergeProps)({ ref: "_root" }, $setup._props), {
 		default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 		_: 3
 	}, 16);

package/cjs/core/box/box.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"box.cjs","names":[],"sources":["../../../src/core/box/box.vue"],"sourcesContent":["<template>\n  <component :is=\"tag\" v-bind=\"_props\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport cx from 'clsx'\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { isNumberLike } from '../utils'\nimport type { BoxComponentProps } from './box.types'\nimport { useCckTheme } from '../config-provider'\nimport { extractStyleProps, parseStyleProps, STYLE_PROPS_DATA } from './style-props'\nimport { getBoxStyle } from './get-box-style/get-box-style'\nimport {\n  hashStyleProps,\n  responsiveStyleManager,\n  StylesMediaQuery,\n  stylesToString,\n} from '../responsive-style-manager'\nimport { getBoxMod } from './get-box-mod/get-box-mod'\n\ndefineOptions({\n  name: 'CBox',\n})\n\nconst props = withDefaults(defineProps<BoxComponentProps & { className: string; tag?: any }>(), {\n  tag: 'div',\n})\n\nconst theme = useCckTheme()\n\nconst parsedStyleProps = computed(() => {\n  const { styleProps, rest } = extractStyleProps(props)\n  return {\n    ...parseStyleProps({\n      styleProps,\n      theme: theme.value,\n      data: STYLE_PROPS_DATA,\n    }),\n    rest,\n  }\n})\n\nconst hasResponsive = computed(() => parsedStyleProps.value.hasResponsiveStyles)\nconst responsiveClassName = ref<string | null>(null)\nlet currentStyleKey: string | null = null\n\nfunction buildMediaQueriesFromObject(\n  mediaObj: Record<string, any> | undefined\n): StylesMediaQuery[] {\n  if (!mediaObj) {\n    return []\n  }\n  return Object.entries(mediaObj).map(([query, styles]) => ({\n    query,\n    styles,\n  }))\n}\n\nfunction updateResponsiveStyles() {\n  if (currentStyleKey) {\n    responsiveStyleManager.unregister(currentStyleKey)\n    currentStyleKey = null\n    responsiveClassName.value = null\n  }\n\n  if (!hasResponsive) {\n    return\n  }\n\n  const mediaArray = buildMediaQueriesFromObject(parsedStyleProps.value.media)\n  const hash = hashStyleProps(parsedStyleProps.value.styles, mediaArray)\n  const className = hash\n\n  const cssText = stylesToString({\n    selector: className,\n    styles: parsedStyleProps.value.styles,\n    media: mediaArray,\n  })\n\n  const registeredKey = responsiveStyleManager.register(cssText, className)\n  currentStyleKey = registeredKey\n  responsiveClassName.value = className\n}\n\nupdateResponsiveStyles()\n\nwatch(\n  () => [parsedStyleProps.value.styles, parsedStyleProps.value.media],\n  () => {\n    updateResponsiveStyles()\n  },\n  { deep: true, immediate: false }\n)\n\nonBeforeUnmount(() => {\n  if (currentStyleKey) {\n    responsiveStyleManager.unregister(currentStyleKey)\n  }\n})\n\nconst _props = computed(() => {\n  const { rest, inlineStyles } = parsedStyleProps.value\n\n  const finalStyle = getBoxStyle({\n    theme: theme.value,\n    style: props.style,\n    vars: props.__vars,\n    styleProps: inlineStyles,\n  })\n\n  const finalClassName = cx(props.className, responsiveClassName.value, {\n    'c-light-hidden': props.lightHidden,\n    'c-dark-hidden': props.darkHidden,\n    [`c-hidden-from-${props.hiddenFrom}`]: props.hiddenFrom,\n    [`c-visible-from-${props.visibleFrom}`]: props.visibleFrom,\n  })\n\n  const {\n    tag,\n    style,\n    __vars,\n    className,\n    variant,\n    mod,\n    size,\n    hiddenFrom,\n    visibleFrom,\n    lightHidden,\n    darkHidden,\n    __size,\n    ...restProps\n  } = rest || {}\n\n  return {\n    ...restProps,\n    style: finalStyle,\n    className: finalClassName,\n    'data-variant': props.variant,\n    'data-size': isNumberLike(props.size) ? undefined : props.size || undefined,\n    size: props.__size,\n    ...getBoxMod(props.mod),\n  }\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"box.cjs","names":[],"sources":["../../../src/core/box/box.vue"],"sourcesContent":["<template>\n  <component ref=\"_root\" :is=\"rootTag\" v-bind=\"_props\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport cx from 'clsx'\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { isNumberLike } from '../utils'\nimport type { BoxComponentProps } from './box.types'\nimport { useCckTheme } from '../config-provider'\nimport { extractStyleProps, parseStyleProps, STYLE_PROPS_DATA } from './style-props'\nimport { getBoxStyle } from './get-box-style/get-box-style'\nimport {\n  hashStyleProps,\n  responsiveStyleManager,\n  StylesMediaQuery,\n  stylesToString,\n} from '../responsive-style-manager'\nimport { getBoxMod } from './get-box-mod/get-box-mod'\n\ndefineOptions({\n  name: 'CBox',\n})\n\nconst _root = ref<HTMLElement | null>(null)\n\nconst props = withDefaults(\n  defineProps<\n    BoxComponentProps & {\n      className: string\n      renderRoot?: (props: Record<string, any>) => any\n      tag?: any\n    }\n  >(),\n  {\n    tag: 'div',\n  }\n)\n\nconst theme = useCckTheme()\n\nconst parsedStyleProps = computed(() => {\n  const { styleProps, rest } = extractStyleProps(props)\n  return {\n    ...parseStyleProps({\n      styleProps,\n      theme: theme.value,\n      data: STYLE_PROPS_DATA,\n    }),\n    rest,\n  }\n})\n\nconst hasResponsive = computed(() => parsedStyleProps.value.hasResponsiveStyles)\nconst responsiveClassName = ref<string | null>(null)\nlet currentStyleKey: string | null = null\n\nfunction buildMediaQueriesFromObject(\n  mediaObj: Record<string, any> | undefined\n): StylesMediaQuery[] {\n  if (!mediaObj) {\n    return []\n  }\n  return Object.entries(mediaObj).map(([query, styles]) => ({\n    query,\n    styles,\n  }))\n}\n\nfunction updateResponsiveStyles() {\n  if (currentStyleKey) {\n    responsiveStyleManager.unregister(currentStyleKey)\n    currentStyleKey = null\n    responsiveClassName.value = null\n  }\n\n  if (!hasResponsive) {\n    return\n  }\n\n  const mediaArray = buildMediaQueriesFromObject(parsedStyleProps.value.media)\n  const hash = hashStyleProps(parsedStyleProps.value.styles, mediaArray)\n  const className = hash\n\n  const cssText = stylesToString({\n    selector: className,\n    styles: parsedStyleProps.value.styles,\n    media: mediaArray,\n  })\n\n  const registeredKey = responsiveStyleManager.register(cssText, className)\n  currentStyleKey = registeredKey\n  responsiveClassName.value = className\n}\n\nupdateResponsiveStyles()\n\nwatch(\n  () => [parsedStyleProps.value.styles, parsedStyleProps.value.media],\n  () => {\n    updateResponsiveStyles()\n  },\n  { deep: true, immediate: false }\n)\n\nonBeforeUnmount(() => {\n  if (currentStyleKey) {\n    responsiveStyleManager.unregister(currentStyleKey)\n  }\n})\n\nconst _props = computed(() => {\n  const { rest, inlineStyles } = parsedStyleProps.value\n\n  const finalStyle = getBoxStyle({\n    theme: theme.value,\n    style: props.style,\n    vars: props.__vars,\n    styleProps: inlineStyles,\n  })\n\n  const finalClassName = cx(props.className, responsiveClassName.value, {\n    'c-light-hidden': props.lightHidden,\n    'c-dark-hidden': props.darkHidden,\n    [`c-hidden-from-${props.hiddenFrom}`]: props.hiddenFrom,\n    [`c-visible-from-${props.visibleFrom}`]: props.visibleFrom,\n  })\n\n  const {\n    tag,\n    style,\n    __vars,\n    className,\n    variant,\n    mod,\n    size,\n    hiddenFrom,\n    visibleFrom,\n    lightHidden,\n    darkHidden,\n    __size,\n    ...restProps\n  } = rest || {}\n\n  return {\n    ...restProps,\n    style: finalStyle,\n    className: finalClassName,\n    'data-variant': props.variant,\n    'data-size': isNumberLike(props.size) ? undefined : props.size || undefined,\n    size: props.__size,\n    ...getBoxMod(props.mod),\n  }\n})\n\nconst rootTag = computed(() => {\n  if (props.renderRoot) {\n    return (p: Record<string, any>) => p.renderRoot(p)\n  }\n\n  return props.tag\n})\n\ndefineExpose({\n  root: _root,\n})\n</script>\n"],"mappings":"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"}

package/cjs/core/box/get-box-style/get-box-style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-box-style.cjs","names":[],"sources":["../../../../src/core/box/get-box-style/get-box-style.ts"],"sourcesContent":["import { Properties } from 'csstype'\nimport { CStyleProp, CssVarsProp } from '../box.types'\nimport { CTheme } from '../../config-provider'\n\ninterface GetBoxStyleOptions {\n  theme: CTheme\n  styleProps: Properties\n  style?: CStyleProp\n  vars?: CssVarsProp\n}\n\nfunction mergeStyles(\n  styles: CStyleProp | CssVarsProp | undefined,\n  theme: CTheme\n): Properties {\n  if (Array.isArray(styles)) {\n    return [...styles].reduce<Record<string, any>>(\n      (acc, item) => ({ ...acc, ...mergeStyles(item, theme) }),\n      {}\n    )\n  }\n\n  if (typeof styles === 'function') {\n    return styles(theme)\n  }\n\n  if (styles == null) {\n    return {}\n  }\n\n  return styles\n}\n\nexport function getBoxStyle({\n  style,\n  styleProps,\n  theme,\n  vars\n}: GetBoxStyleOptions): Properties {\n  const _style = mergeStyles(style, theme)\n  const _vars = mergeStyles(vars, theme)\n  return { ..._style, ..._vars, ...styleProps }\n}\n"],"mappings":";;AAWA,SAAS,YACP,QACA,OACY;CACZ,IAAI,MAAM,QAAQ,MAAM,GACtB,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC,QAChB,KAAK,UAAU;EAAE,GAAG;EAAK,GAAG,YAAY,MAAM,KAAK;CAAE,IACtD,CAAC,CACH;CAGF,IAAI,OAAO,WAAW,YACpB,OAAO,OAAO,KAAK;CAGrB,IAAI,UAAU,MACZ,OAAO,CAAC;CAGV,OAAO;AACT;AAEA,SAAgB,YAAY,EAC1B,OACA,YACA,OACA,QACiC;CACjC,MAAM,SAAS,YAAY,OAAO,KAAK;CACvC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,OAAO;EAAE,GAAG;EAAQ,GAAG;EAAO,GAAG;CAAW;AAC9C"}
+{"version":3,"file":"get-box-style.cjs","names":[],"sources":["../../../../src/core/box/get-box-style/get-box-style.ts"],"sourcesContent":["import { Properties } from 'csstype'\nimport { CStyleProp, CssVarsProp } from '../box.types'\nimport { CTheme } from '../../config-provider'\n\ninterface GetBoxStyleOptions {\n  theme: CTheme\n  styleProps: Properties\n  style?: CStyleProp\n  vars?: CssVarsProp\n}\n\nfunction mergeStyles(styles: CStyleProp | CssVarsProp | undefined, theme: CTheme): Properties {\n  if (Array.isArray(styles)) {\n    return [...styles].reduce<Record<string, any>>(\n      (acc, item) => ({ ...acc, ...mergeStyles(item, theme) }),\n      {}\n    )\n  }\n\n  if (typeof styles === 'function') {\n    return styles(theme)\n  }\n\n  if (styles == null) {\n    return {}\n  }\n\n  return styles\n}\n\nexport function getBoxStyle({ style, styleProps, theme, vars }: GetBoxStyleOptions): Properties {\n  const _style = mergeStyles(style, theme)\n  const _vars = mergeStyles(vars, theme)\n  return { ..._style, ..._vars, ...styleProps }\n}\n"],"mappings":";;AAWA,SAAS,YAAY,QAA8C,OAA2B;CAC5F,IAAI,MAAM,QAAQ,MAAM,GACtB,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC,QAChB,KAAK,UAAU;EAAE,GAAG;EAAK,GAAG,YAAY,MAAM,KAAK;CAAE,IACtD,CAAC,CACH;CAGF,IAAI,OAAO,WAAW,YACpB,OAAO,OAAO,KAAK;CAGrB,IAAI,UAAU,MACZ,OAAO,CAAC;CAGV,OAAO;AACT;AAEA,SAAgB,YAAY,EAAE,OAAO,YAAY,OAAO,QAAwC;CAC9F,MAAM,SAAS,YAAY,OAAO,KAAK;CACvC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,OAAO;EAAE,GAAG;EAAQ,GAAG;EAAO,GAAG;CAAW;AAC9C"}

package/cjs/core/box/style-props/extract-style-props/extract-style-props.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"extract-style-props.cjs","names":["filterProps"],"sources":["../../../../../src/core/box/style-props/extract-style-props/extract-style-props.ts"],"sourcesContent":["import { filterProps } from '../../../utils'\nimport { CStyleProps } from '../style-props.types'\n\nexport function extractStyleProps<T extends Record<string, any>>(\n  others: CStyleProps & T\n): { styleProps: CStyleProps & { sx?: any }; rest: T } {\n  const {\n    m,\n    mx,\n    my,\n    mt,\n    mb,\n    ml,\n    mr,\n    me,\n    ms,\n    mis,\n    mie,\n    p,\n    px,\n    py,\n    pt,\n    pb,\n    pl,\n    pr,\n    pe,\n    ps,\n    pis,\n    pie,\n    bd,\n    bdrs,\n    bg,\n    c,\n    opacity,\n    ff,\n    fz,\n    fw,\n    lts,\n    ta,\n    lh,\n    fs,\n    tt,\n    td,\n    w,\n    miw,\n    maw,\n    h,\n    mih,\n    mah,\n    bgsz,\n    bgp,\n    bgr,\n    bga,\n    pos,\n    top,\n    left,\n    bottom,\n    right,\n    inset,\n    display,\n    flex,\n    hiddenFrom,\n    visibleFrom,\n    lightHidden,\n    darkHidden,\n    sx,\n    ...rest\n  } = others\n\n  const styleProps = filterProps({\n    m,\n    mx,\n    my,\n    mt,\n    mb,\n    ml,\n    mr,\n    me,\n    ms,\n    mis,\n    mie,\n    p,\n    px,\n    py,\n    pt,\n    pb,\n    pl,\n    pr,\n    pis,\n    pie,\n    pe,\n    ps,\n    bd,\n    bg,\n    c,\n    opacity,\n    ff,\n    fz,\n    fw,\n    lts,\n    ta,\n    lh,\n    fs,\n    tt,\n    td,\n    w,\n    miw,\n    maw,\n    h,\n    mih,\n    mah,\n    bgsz,\n    bgp,\n    bgr,\n    bga,\n    pos,\n    top,\n    left,\n    bottom,\n    right,\n    inset,\n    display,\n    flex,\n    bdrs,\n    hiddenFrom,\n    visibleFrom,\n    lightHidden,\n    darkHidden,\n    sx\n  })\n\n  return { styleProps, rest: rest as unknown as T }\n}\n"],"mappings":";;;AAGA,SAAgB,kBACd,QACqD;CACrD,MAAM,EACJ,GACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,KACA,KACA,GACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,KACA,KACA,IACA,MACA,IACA,GACA,SACA,IACA,IACA,IACA,KACA,IACA,IACA,IACA,IACA,IACA,GACA,KACA,KACA,GACA,KACA,KACA,MACA,KACA,KACA,KACA,KACA,KACA,MACA,QACA,OACA,OACA,SACA,MACA,YACA,aACA,aACA,YACA,IACA,GAAG,SACD;CAgEJ,OAAO;EAAE,YA9DUA,qBAAAA,YAAY;GAC7B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAEkB;EAAS;CAAqB;AAClD"}
+{"version":3,"file":"extract-style-props.cjs","names":["filterProps"],"sources":["../../../../../src/core/box/style-props/extract-style-props/extract-style-props.ts"],"sourcesContent":["import { filterProps } from '../../../utils'\nimport { CStyleProps } from '../style-props.types'\n\nexport function extractStyleProps<T extends Record<string, any>>(\n  others: CStyleProps & T\n): { styleProps: CStyleProps & { sx?: any }; rest: T } {\n  const {\n    m,\n    mx,\n    my,\n    mt,\n    mb,\n    ml,\n    mr,\n    me,\n    ms,\n    mis,\n    mie,\n    p,\n    px,\n    py,\n    pt,\n    pb,\n    pl,\n    pr,\n    pe,\n    ps,\n    pis,\n    pie,\n    bd,\n    bdrs,\n    bg,\n    c,\n    opacity,\n    ff,\n    fz,\n    fw,\n    lts,\n    ta,\n    lh,\n    fs,\n    tt,\n    td,\n    w,\n    miw,\n    maw,\n    h,\n    mih,\n    mah,\n    bgsz,\n    bgp,\n    bgr,\n    bga,\n    pos,\n    top,\n    left,\n    bottom,\n    right,\n    inset,\n    display,\n    flex,\n    hiddenFrom,\n    visibleFrom,\n    lightHidden,\n    darkHidden,\n    sx,\n    ...rest\n  } = others\n\n  const styleProps = filterProps({\n    m,\n    mx,\n    my,\n    mt,\n    mb,\n    ml,\n    mr,\n    me,\n    ms,\n    mis,\n    mie,\n    p,\n    px,\n    py,\n    pt,\n    pb,\n    pl,\n    pr,\n    pis,\n    pie,\n    pe,\n    ps,\n    bd,\n    bg,\n    c,\n    opacity,\n    ff,\n    fz,\n    fw,\n    lts,\n    ta,\n    lh,\n    fs,\n    tt,\n    td,\n    w,\n    miw,\n    maw,\n    h,\n    mih,\n    mah,\n    bgsz,\n    bgp,\n    bgr,\n    bga,\n    pos,\n    top,\n    left,\n    bottom,\n    right,\n    inset,\n    display,\n    flex,\n    bdrs,\n    hiddenFrom,\n    visibleFrom,\n    lightHidden,\n    darkHidden,\n    sx,\n  })\n\n  return { styleProps, rest: rest as unknown as T }\n}\n"],"mappings":";;;AAGA,SAAgB,kBACd,QACqD;CACrD,MAAM,EACJ,GACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,KACA,KACA,GACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,KACA,KACA,IACA,MACA,IACA,GACA,SACA,IACA,IACA,IACA,KACA,IACA,IACA,IACA,IACA,IACA,GACA,KACA,KACA,GACA,KACA,KACA,MACA,KACA,KACA,KACA,KACA,KACA,MACA,QACA,OACA,OACA,SACA,MACA,YACA,aACA,aACA,YACA,IACA,GAAG,SACD;CAgEJ,OAAO;EAAE,YA9DUA,qBAAAA,YAAY;GAC7B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAEkB;EAAS;CAAqB;AAClD"}

package/cjs/core/box/style-props/parse-style-props/sort-media-queries.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sort-media-queries.cjs","names":[],"sources":["../../../../../src/core/box/style-props/parse-style-props/sort-media-queries.ts"],"sourcesContent":["import { StylesMediaQuery } from '../../../responsive-style-manager'\nimport { ParseStylePropsResult } from './parse-style-props'\n\nexport interface SortMediaQueriesResult extends Omit<\n  ParseStylePropsResult,\n  'media'\n> {\n  media: StylesMediaQuery[]\n}\n\nfunction replaceMediaQuery(query: string) {\n  return query.replace('(min-width: ', '').replace('em)', '')\n}\n\nexport function sortMediaQueries({\n  media,\n  ...props\n}: ParseStylePropsResult): SortMediaQueriesResult {\n  const breakpoints = Object.keys(media)\n  const sortedMedia = breakpoints\n    .sort((a, b) => Number(replaceMediaQuery(a)) - Number(replaceMediaQuery(b)))\n    .map((query) => ({ query, styles: media[query] }))\n\n  return { ...props, media: sortedMedia }\n}\n"],"mappings":";;AAUA,SAAS,kBAAkB,OAAe;CACxC,OAAO,MAAM,QAAQ,gBAAgB,EAAE,CAAC,CAAC,QAAQ,OAAO,EAAE;AAC5D;AAEA,SAAgB,iBAAiB,EAC/B,OACA,GAAG,SAC6C;CAEhD,MAAM,cADc,OAAO,KAAK,KACF,CAAC,CAC5B,MAAM,GAAG,MAAM,OAAO,kBAAkB,CAAC,CAAC,IAAI,OAAO,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAC3E,KAAK,WAAW;EAAE;EAAO,QAAQ,MAAM;CAAO,EAAE;CAEnD,OAAO;EAAE,GAAG;EAAO,OAAO;CAAY;AACxC"}
+{"version":3,"file":"sort-media-queries.cjs","names":[],"sources":["../../../../../src/core/box/style-props/parse-style-props/sort-media-queries.ts"],"sourcesContent":["import { StylesMediaQuery } from '../../../responsive-style-manager'\nimport { ParseStylePropsResult } from './parse-style-props'\n\nexport interface SortMediaQueriesResult extends Omit<ParseStylePropsResult, 'media'> {\n  media: StylesMediaQuery[]\n}\n\nfunction replaceMediaQuery(query: string) {\n  return query.replace('(min-width: ', '').replace('em)', '')\n}\n\nexport function sortMediaQueries({\n  media,\n  ...props\n}: ParseStylePropsResult): SortMediaQueriesResult {\n  const breakpoints = Object.keys(media)\n  const sortedMedia = breakpoints\n    .sort((a, b) => Number(replaceMediaQuery(a)) - Number(replaceMediaQuery(b)))\n    .map((query) => ({ query, styles: media[query] }))\n\n  return { ...props, media: sortedMedia }\n}\n"],"mappings":";;AAOA,SAAS,kBAAkB,OAAe;CACxC,OAAO,MAAM,QAAQ,gBAAgB,EAAE,CAAC,CAAC,QAAQ,OAAO,EAAE;AAC5D;AAEA,SAAgB,iBAAiB,EAC/B,OACA,GAAG,SAC6C;CAEhD,MAAM,cADc,OAAO,KAAK,KACF,CAAC,CAC5B,MAAM,GAAG,MAAM,OAAO,kBAAkB,CAAC,CAAC,IAAI,OAAO,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAC3E,KAAK,WAAW;EAAE;EAAO,QAAQ,MAAM;CAAO,EAAE;CAEnD,OAAO;EAAE,GAAG;EAAO,OAAO;CAAY;AACxC"}

package/cjs/core/box/style-props/resolvers/border-resolver/border-resolver.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"border-resolver.cjs","names":["rem","colorResolver"],"sources":["../../../../../../src/core/box/style-props/resolvers/border-resolver/border-resolver.ts"],"sourcesContent":["import { rem } from '../../../../utils'\nimport { CTheme } from '../../../../config-provider'\nimport { colorResolver } from '../color-resolver/color-resolver'\n\nexport function borderResolver(value: unknown, theme: CTheme) {\n  if (typeof value === 'number') return rem(value)\n\n  if (typeof value === 'string') {\n    const [size, style, ...colorTuple] = value\n      .split(' ')\n      .filter((val) => val.trim() !== '')\n    let result = `${rem(size)}`\n    style && (result += ` ${style}`)\n    colorTuple.length > 0 &&\n      (result += ` ${colorResolver(colorTuple.join(' '), theme)}`)\n    return result.trim()\n  }\n\n  return value\n}\n"],"mappings":";;;;AAIA,SAAgB,eAAe,OAAgB,OAAe;CAC5D,IAAI,OAAO,UAAU,UAAU,OAAOA,YAAAA,IAAI,KAAK;CAE/C,IAAI,OAAO,UAAU,UAAU;EAC7B,MAAM,CAAC,MAAM,OAAO,GAAG,cAAc,MAClC,MAAM,GAAG,CAAC,CACV,QAAQ,QAAQ,IAAI,KAAK,MAAM,EAAE;EACpC,IAAI,SAAS,GAAGA,YAAAA,IAAI,IAAI;EACxB,UAAU,UAAU,IAAI;EACxB,WAAW,SAAS,MACjB,UAAU,IAAIC,uBAAAA,cAAc,WAAW,KAAK,GAAG,GAAG,KAAK;EAC1D,OAAO,OAAO,KAAK;CACrB;CAEA,OAAO;AACT"}
+{"version":3,"file":"border-resolver.cjs","names":["rem","colorResolver"],"sources":["../../../../../../src/core/box/style-props/resolvers/border-resolver/border-resolver.ts"],"sourcesContent":["import { rem } from '../../../../utils'\nimport { CTheme } from '../../../../config-provider'\nimport { colorResolver } from '../color-resolver/color-resolver'\n\nexport function borderResolver(value: unknown, theme: CTheme) {\n  if (typeof value === 'number') {\n    return rem(value)\n  }\n\n  if (typeof value === 'string') {\n    const [size, style, ...colorTuple] = value.split(' ').filter((val) => val.trim() !== '')\n    let result = `${rem(size)}`\n    style && (result += ` ${style}`)\n    colorTuple.length > 0 && (result += ` ${colorResolver(colorTuple.join(' '), theme)}`)\n    return result.trim()\n  }\n\n  return value\n}\n"],"mappings":";;;;AAIA,SAAgB,eAAe,OAAgB,OAAe;CAC5D,IAAI,OAAO,UAAU,UACnB,OAAOA,YAAAA,IAAI,KAAK;CAGlB,IAAI,OAAO,UAAU,UAAU;EAC7B,MAAM,CAAC,MAAM,OAAO,GAAG,cAAc,MAAM,MAAM,GAAG,CAAC,CAAC,QAAQ,QAAQ,IAAI,KAAK,MAAM,EAAE;EACvF,IAAI,SAAS,GAAGA,YAAAA,IAAI,IAAI;EACxB,UAAU,UAAU,IAAI;EACxB,WAAW,SAAS,MAAM,UAAU,IAAIC,uBAAAA,cAAc,WAAW,KAAK,GAAG,GAAG,KAAK;EACjF,OAAO,OAAO,KAAK;CACrB;CAEA,OAAO;AACT"}

package/cjs/core/box/style-props/resolvers/color-resolver/color-resolver.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"color-resolver.cjs","names":["parseThemeColor"],"sources":["../../../../../../src/core/box/style-props/resolvers/color-resolver/color-resolver.ts"],"sourcesContent":["import { CTheme, parseThemeColor } from '../../../../config-provider'\n\nexport function colorResolver(color: unknown, theme: CTheme) {\n  const parsedColor = parseThemeColor({ color, theme })\n\n  if (parsedColor.color === 'dimmed') {\n    return 'var(--c-color-dimmed)'\n  }\n\n  if (parsedColor.color === 'bright') {\n    return 'var(--c-color-bright)'\n  }\n\n  return parsedColor.variable\n    ? `var(${parsedColor.variable})`\n    : parsedColor.color\n}\n\nexport function textColorResolver(color: unknown, theme: CTheme) {\n  const parsedColor = parseThemeColor({ color, theme })\n\n  if (parsedColor.isThemeColor && parsedColor.shade === undefined) {\n    return `var(--c-color-${parsedColor.color}-text)`\n  }\n\n  return colorResolver(color, theme)\n}\n"],"mappings":";;;AAEA,SAAgB,cAAc,OAAgB,OAAe;CAC3D,MAAM,cAAcA,0BAAAA,gBAAgB;EAAE;EAAO;CAAM,CAAC;CAEpD,IAAI,YAAY,UAAU,UACxB,OAAO;CAGT,IAAI,YAAY,UAAU,UACxB,OAAO;CAGT,OAAO,YAAY,WACf,OAAO,YAAY,SAAS,KAC5B,YAAY;AAClB;AAEA,SAAgB,kBAAkB,OAAgB,OAAe;CAC/D,MAAM,cAAcA,0BAAAA,gBAAgB;EAAE;EAAO;CAAM,CAAC;CAEpD,IAAI,YAAY,gBAAgB,YAAY,UAAU,KAAA,GACpD,OAAO,iBAAiB,YAAY,MAAM;CAG5C,OAAO,cAAc,OAAO,KAAK;AACnC"}
+{"version":3,"file":"color-resolver.cjs","names":["parseThemeColor"],"sources":["../../../../../../src/core/box/style-props/resolvers/color-resolver/color-resolver.ts"],"sourcesContent":["import { CTheme, parseThemeColor } from '../../../../config-provider'\n\nexport function colorResolver(color: unknown, theme: CTheme) {\n  const parsedColor = parseThemeColor({ color, theme })\n\n  if (parsedColor.color === 'dimmed') {\n    return 'var(--c-color-dimmed)'\n  }\n\n  if (parsedColor.color === 'bright') {\n    return 'var(--c-color-bright)'\n  }\n\n  return parsedColor.variable ? `var(${parsedColor.variable})` : parsedColor.color\n}\n\nexport function textColorResolver(color: unknown, theme: CTheme) {\n  const parsedColor = parseThemeColor({ color, theme })\n\n  if (parsedColor.isThemeColor && parsedColor.shade === undefined) {\n    return `var(--c-color-${parsedColor.color}-text)`\n  }\n\n  return colorResolver(color, theme)\n}\n"],"mappings":";;;AAEA,SAAgB,cAAc,OAAgB,OAAe;CAC3D,MAAM,cAAcA,0BAAAA,gBAAgB;EAAE;EAAO;CAAM,CAAC;CAEpD,IAAI,YAAY,UAAU,UACxB,OAAO;CAGT,IAAI,YAAY,UAAU,UACxB,OAAO;CAGT,OAAO,YAAY,WAAW,OAAO,YAAY,SAAS,KAAK,YAAY;AAC7E;AAEA,SAAgB,kBAAkB,OAAgB,OAAe;CAC/D,MAAM,cAAcA,0BAAAA,gBAAgB;EAAE;EAAO;CAAM,CAAC;CAEpD,IAAI,YAAY,gBAAgB,YAAY,UAAU,KAAA,GACpD,OAAO,iBAAiB,YAAY,MAAM;CAG5C,OAAO,cAAc,OAAO,KAAK;AACnC"}

package/cjs/core/box/style-props/resolvers/font-family-resolver/font-family-resolver.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"font-family-resolver.cjs","names":[],"sources":["../../../../../../src/core/box/style-props/resolvers/font-family-resolver/font-family-resolver.ts"],"sourcesContent":["const values = {\n  text: 'var(--c-font-family)',\n  mono: 'var(--c-font-family-monospace)',\n  monospace: 'var(--c-font-family-monospace)',\n  heading: 'var(--c-font-family-headings)',\n  headings: 'var(--c-font-family-headings)'\n}\n\nexport function fontFamilyResolver(fontFamily: unknown) {\n  if (typeof fontFamily === 'string' && fontFamily in values) {\n    return values[fontFamily as keyof typeof values]\n  }\n\n  return fontFamily\n}\n"],"mappings":";;AAAA,MAAM,SAAS;CACb,MAAM;CACN,MAAM;CACN,WAAW;CACX,SAAS;CACT,UAAU;AACZ;AAEA,SAAgB,mBAAmB,YAAqB;CACtD,IAAI,OAAO,eAAe,YAAY,cAAc,QAClD,OAAO,OAAO;CAGhB,OAAO;AACT"}
+{"version":3,"file":"font-family-resolver.cjs","names":[],"sources":["../../../../../../src/core/box/style-props/resolvers/font-family-resolver/font-family-resolver.ts"],"sourcesContent":["const values = {\n  text: 'var(--c-font-family)',\n  mono: 'var(--c-font-family-monospace)',\n  monospace: 'var(--c-font-family-monospace)',\n  heading: 'var(--c-font-family-headings)',\n  headings: 'var(--c-font-family-headings)',\n}\n\nexport function fontFamilyResolver(fontFamily: unknown) {\n  if (typeof fontFamily === 'string' && fontFamily in values) {\n    return values[fontFamily as keyof typeof values]\n  }\n\n  return fontFamily\n}\n"],"mappings":";;AAAA,MAAM,SAAS;CACb,MAAM;CACN,MAAM;CACN,WAAW;CACX,SAAS;CACT,UAAU;AACZ;AAEA,SAAgB,mBAAmB,YAAqB;CACtD,IAAI,OAAO,eAAe,YAAY,cAAc,QAClD,OAAO,OAAO;CAGhB,OAAO;AACT"}

package/cjs/core/box/style-props/resolvers/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["borderResolver","colorResolver","fontFamilyResolver","fontSizeResolver","identityResolver","lineHeightResolver","radiusResolver","sizeResolver","spacingResolver","textColorResolver"],"sources":["../../../../../src/core/box/style-props/resolvers/index.ts"],"sourcesContent":["import { borderResolver } from './border-resolver/border-resolver'\nimport {\n  colorResolver,\n  textColorResolver\n} from './color-resolver/color-resolver'\nimport { fontFamilyResolver } from './font-family-resolver/font-family-resolver'\nimport { fontSizeResolver } from './font-size-resolver/font-size-resolver'\nimport { identityResolver } from './identity-resolver/identity-resolver'\nimport { lineHeightResolver } from './line-height-resolver/line-height-resolver'\nimport { radiusResolver } from './radius-resolver/radius-resolver'\nimport { sizeResolver } from './size-resolver/size-resolver'\nimport { spacingResolver } from './spacing-resolver/spacing-resolver'\n\nexport const resolvers = {\n  border: borderResolver,\n  color: colorResolver,\n  fontFamily: fontFamilyResolver,\n  fontSize: fontSizeResolver,\n  identity: identityResolver,\n  lineHeight: lineHeightResolver,\n  radius: radiusResolver,\n  size: sizeResolver,\n  spacing: spacingResolver,\n  textColor: textColorResolver\n}\n\nexport type StylePropType = keyof typeof resolvers\n"],"mappings":";;;;;;;;;;;AAaA,MAAa,YAAY;CACvB,QAAQA,wBAAAA;CACR,OAAOC,uBAAAA;CACP,YAAYC,6BAAAA;CACZ,UAAUC,2BAAAA;CACV,UAAUC,0BAAAA;CACV,YAAYC,6BAAAA;CACZ,QAAQC,wBAAAA;CACR,MAAMC,sBAAAA;CACN,SAASC,yBAAAA;CACT,WAAWC,uBAAAA;AACb"}
+{"version":3,"file":"index.cjs","names":["borderResolver","colorResolver","fontFamilyResolver","fontSizeResolver","identityResolver","lineHeightResolver","radiusResolver","sizeResolver","spacingResolver","textColorResolver"],"sources":["../../../../../src/core/box/style-props/resolvers/index.ts"],"sourcesContent":["import { borderResolver } from './border-resolver/border-resolver'\nimport { colorResolver, textColorResolver } from './color-resolver/color-resolver'\nimport { fontFamilyResolver } from './font-family-resolver/font-family-resolver'\nimport { fontSizeResolver } from './font-size-resolver/font-size-resolver'\nimport { identityResolver } from './identity-resolver/identity-resolver'\nimport { lineHeightResolver } from './line-height-resolver/line-height-resolver'\nimport { radiusResolver } from './radius-resolver/radius-resolver'\nimport { sizeResolver } from './size-resolver/size-resolver'\nimport { spacingResolver } from './spacing-resolver/spacing-resolver'\n\nexport const resolvers = {\n  border: borderResolver,\n  color: colorResolver,\n  fontFamily: fontFamilyResolver,\n  fontSize: fontSizeResolver,\n  identity: identityResolver,\n  lineHeight: lineHeightResolver,\n  radius: radiusResolver,\n  size: sizeResolver,\n  spacing: spacingResolver,\n  textColor: textColorResolver,\n}\n\nexport type StylePropType = keyof typeof resolvers\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,YAAY;CACvB,QAAQA,wBAAAA;CACR,OAAOC,uBAAAA;CACP,YAAYC,6BAAAA;CACZ,UAAUC,2BAAAA;CACV,UAAUC,0BAAAA;CACV,YAAYC,6BAAAA;CACZ,QAAQC,wBAAAA;CACR,MAAMC,sBAAAA;CACN,SAASC,yBAAAA;CACT,WAAWC,uBAAAA;AACb"}

package/cjs/core/box/style-props/style-props-data.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"style-props-data.cjs","names":[],"sources":["../../../../src/core/box/style-props/style-props-data.ts"],"sourcesContent":["import { StylePropType } from './resolvers'\nimport { CStyleProps } from './style-props.types'\n\nexport interface SystemPropData {\n  type: StylePropType\n  property: string | string[]\n}\n\nexport const STYLE_PROPS_DATA: Record<keyof CStyleProps, SystemPropData> = {\n  m: { type: 'spacing', property: 'margin' },\n  mt: { type: 'spacing', property: 'marginTop' },\n  mb: { type: 'spacing', property: 'marginBottom' },\n  ml: { type: 'spacing', property: 'marginLeft' },\n  mr: { type: 'spacing', property: 'marginRight' },\n  ms: { type: 'spacing', property: 'marginInlineStart' },\n  me: { type: 'spacing', property: 'marginInlineEnd' },\n  mis: { type: 'spacing', property: 'marginInlineStart' },\n  mie: { type: 'spacing', property: 'marginInlineEnd' },\n  mx: { type: 'spacing', property: 'marginInline' },\n  my: { type: 'spacing', property: 'marginBlock' },\n\n  p: { type: 'spacing', property: 'padding' },\n  pt: { type: 'spacing', property: 'paddingTop' },\n  pb: { type: 'spacing', property: 'paddingBottom' },\n  pl: { type: 'spacing', property: 'paddingLeft' },\n  pr: { type: 'spacing', property: 'paddingRight' },\n  ps: { type: 'spacing', property: 'paddingInlineStart' },\n  pe: { type: 'spacing', property: 'paddingInlineEnd' },\n  pis: { type: 'spacing', property: 'paddingInlineStart' },\n  pie: { type: 'spacing', property: 'paddingInlineEnd' },\n  px: { type: 'spacing', property: 'paddingInline' },\n  py: { type: 'spacing', property: 'paddingBlock' },\n\n  bd: { type: 'border', property: 'border' },\n  bdrs: { type: 'radius', property: 'borderRadius' },\n  bg: { type: 'color', property: 'background' },\n  c: { type: 'textColor', property: 'color' },\n  opacity: { type: 'identity', property: 'opacity' },\n\n  ff: { type: 'fontFamily', property: 'fontFamily' },\n  fz: { type: 'fontSize', property: 'fontSize' },\n  fw: { type: 'identity', property: 'fontWeight' },\n  lts: { type: 'size', property: 'letterSpacing' },\n  ta: { type: 'identity', property: 'textAlign' },\n  lh: { type: 'lineHeight', property: 'lineHeight' },\n  fs: { type: 'identity', property: 'fontStyle' },\n  tt: { type: 'identity', property: 'textTransform' },\n  td: { type: 'identity', property: 'textDecoration' },\n\n  w: { type: 'spacing', property: 'width' },\n  miw: { type: 'spacing', property: 'minWidth' },\n  maw: { type: 'spacing', property: 'maxWidth' },\n  h: { type: 'spacing', property: 'height' },\n  mih: { type: 'spacing', property: 'minHeight' },\n  mah: { type: 'spacing', property: 'maxHeight' },\n\n  bgsz: { type: 'size', property: 'backgroundSize' },\n  bgp: { type: 'identity', property: 'backgroundPosition' },\n  bgr: { type: 'identity', property: 'backgroundRepeat' },\n  bga: { type: 'identity', property: 'backgroundAttachment' },\n\n  pos: { type: 'identity', property: 'position' },\n  top: { type: 'size', property: 'top' },\n  left: { type: 'size', property: 'left' },\n  bottom: { type: 'size', property: 'bottom' },\n  right: { type: 'size', property: 'right' },\n  inset: { type: 'size', property: 'inset' },\n\n  display: { type: 'identity', property: 'display' },\n  flex: { type: 'identity', property: 'flex' }\n}\n"],"mappings":";;AAQA,MAAa,mBAA8D;CACzE,GAAG;EAAE,MAAM;EAAW,UAAU;CAAS;CACzC,IAAI;EAAE,MAAM;EAAW,UAAU;CAAY;CAC7C,IAAI;EAAE,MAAM;EAAW,UAAU;CAAe;CAChD,IAAI;EAAE,MAAM;EAAW,UAAU;CAAa;CAC9C,IAAI;EAAE,MAAM;EAAW,UAAU;CAAc;CAC/C,IAAI;EAAE,MAAM;EAAW,UAAU;CAAoB;CACrD,IAAI;EAAE,MAAM;EAAW,UAAU;CAAkB;CACnD,KAAK;EAAE,MAAM;EAAW,UAAU;CAAoB;CACtD,KAAK;EAAE,MAAM;EAAW,UAAU;CAAkB;CACpD,IAAI;EAAE,MAAM;EAAW,UAAU;CAAe;CAChD,IAAI;EAAE,MAAM;EAAW,UAAU;CAAc;CAE/C,GAAG;EAAE,MAAM;EAAW,UAAU;CAAU;CAC1C,IAAI;EAAE,MAAM;EAAW,UAAU;CAAa;CAC9C,IAAI;EAAE,MAAM;EAAW,UAAU;CAAgB;CACjD,IAAI;EAAE,MAAM;EAAW,UAAU;CAAc;CAC/C,IAAI;EAAE,MAAM;EAAW,UAAU;CAAe;CAChD,IAAI;EAAE,MAAM;EAAW,UAAU;CAAqB;CACtD,IAAI;EAAE,MAAM;EAAW,UAAU;CAAmB;CACpD,KAAK;EAAE,MAAM;EAAW,UAAU;CAAqB;CACvD,KAAK;EAAE,MAAM;EAAW,UAAU;CAAmB;CACrD,IAAI;EAAE,MAAM;EAAW,UAAU;CAAgB;CACjD,IAAI;EAAE,MAAM;EAAW,UAAU;CAAe;CAEhD,IAAI;EAAE,MAAM;EAAU,UAAU;CAAS;CACzC,MAAM;EAAE,MAAM;EAAU,UAAU;CAAe;CACjD,IAAI;EAAE,MAAM;EAAS,UAAU;CAAa;CAC5C,GAAG;EAAE,MAAM;EAAa,UAAU;CAAQ;CAC1C,SAAS;EAAE,MAAM;EAAY,UAAU;CAAU;CAEjD,IAAI;EAAE,MAAM;EAAc,UAAU;CAAa;CACjD,IAAI;EAAE,MAAM;EAAY,UAAU;CAAW;CAC7C,IAAI;EAAE,MAAM;EAAY,UAAU;CAAa;CAC/C,KAAK;EAAE,MAAM;EAAQ,UAAU;CAAgB;CAC/C,IAAI;EAAE,MAAM;EAAY,UAAU;CAAY;CAC9C,IAAI;EAAE,MAAM;EAAc,UAAU;CAAa;CACjD,IAAI;EAAE,MAAM;EAAY,UAAU;CAAY;CAC9C,IAAI;EAAE,MAAM;EAAY,UAAU;CAAgB;CAClD,IAAI;EAAE,MAAM;EAAY,UAAU;CAAiB;CAEnD,GAAG;EAAE,MAAM;EAAW,UAAU;CAAQ;CACxC,KAAK;EAAE,MAAM;EAAW,UAAU;CAAW;CAC7C,KAAK;EAAE,MAAM;EAAW,UAAU;CAAW;CAC7C,GAAG;EAAE,MAAM;EAAW,UAAU;CAAS;CACzC,KAAK;EAAE,MAAM;EAAW,UAAU;CAAY;CAC9C,KAAK;EAAE,MAAM;EAAW,UAAU;CAAY;CAE9C,MAAM;EAAE,MAAM;EAAQ,UAAU;CAAiB;CACjD,KAAK;EAAE,MAAM;EAAY,UAAU;CAAqB;CACxD,KAAK;EAAE,MAAM;EAAY,UAAU;CAAmB;CACtD,KAAK;EAAE,MAAM;EAAY,UAAU;CAAuB;CAE1D,KAAK;EAAE,MAAM;EAAY,UAAU;CAAW;CAC9C,KAAK;EAAE,MAAM;EAAQ,UAAU;CAAM;CACrC,MAAM;EAAE,MAAM;EAAQ,UAAU;CAAO;CACvC,QAAQ;EAAE,MAAM;EAAQ,UAAU;CAAS;CAC3C,OAAO;EAAE,MAAM;EAAQ,UAAU;CAAQ;CACzC,OAAO;EAAE,MAAM;EAAQ,UAAU;CAAQ;CAEzC,SAAS;EAAE,MAAM;EAAY,UAAU;CAAU;CACjD,MAAM;EAAE,MAAM;EAAY,UAAU;CAAO;AAC7C"}
+{"version":3,"file":"style-props-data.cjs","names":[],"sources":["../../../../src/core/box/style-props/style-props-data.ts"],"sourcesContent":["import { StylePropType } from './resolvers'\nimport { CStyleProps } from './style-props.types'\n\nexport interface SystemPropData {\n  type: StylePropType\n  property: string | string[]\n}\n\nexport const STYLE_PROPS_DATA: Record<keyof CStyleProps, SystemPropData> = {\n  m: { type: 'spacing', property: 'margin' },\n  mt: { type: 'spacing', property: 'marginTop' },\n  mb: { type: 'spacing', property: 'marginBottom' },\n  ml: { type: 'spacing', property: 'marginLeft' },\n  mr: { type: 'spacing', property: 'marginRight' },\n  ms: { type: 'spacing', property: 'marginInlineStart' },\n  me: { type: 'spacing', property: 'marginInlineEnd' },\n  mis: { type: 'spacing', property: 'marginInlineStart' },\n  mie: { type: 'spacing', property: 'marginInlineEnd' },\n  mx: { type: 'spacing', property: 'marginInline' },\n  my: { type: 'spacing', property: 'marginBlock' },\n\n  p: { type: 'spacing', property: 'padding' },\n  pt: { type: 'spacing', property: 'paddingTop' },\n  pb: { type: 'spacing', property: 'paddingBottom' },\n  pl: { type: 'spacing', property: 'paddingLeft' },\n  pr: { type: 'spacing', property: 'paddingRight' },\n  ps: { type: 'spacing', property: 'paddingInlineStart' },\n  pe: { type: 'spacing', property: 'paddingInlineEnd' },\n  pis: { type: 'spacing', property: 'paddingInlineStart' },\n  pie: { type: 'spacing', property: 'paddingInlineEnd' },\n  px: { type: 'spacing', property: 'paddingInline' },\n  py: { type: 'spacing', property: 'paddingBlock' },\n\n  bd: { type: 'border', property: 'border' },\n  bdrs: { type: 'radius', property: 'borderRadius' },\n  bg: { type: 'color', property: 'background' },\n  c: { type: 'textColor', property: 'color' },\n  opacity: { type: 'identity', property: 'opacity' },\n\n  ff: { type: 'fontFamily', property: 'fontFamily' },\n  fz: { type: 'fontSize', property: 'fontSize' },\n  fw: { type: 'identity', property: 'fontWeight' },\n  lts: { type: 'size', property: 'letterSpacing' },\n  ta: { type: 'identity', property: 'textAlign' },\n  lh: { type: 'lineHeight', property: 'lineHeight' },\n  fs: { type: 'identity', property: 'fontStyle' },\n  tt: { type: 'identity', property: 'textTransform' },\n  td: { type: 'identity', property: 'textDecoration' },\n\n  w: { type: 'spacing', property: 'width' },\n  miw: { type: 'spacing', property: 'minWidth' },\n  maw: { type: 'spacing', property: 'maxWidth' },\n  h: { type: 'spacing', property: 'height' },\n  mih: { type: 'spacing', property: 'minHeight' },\n  mah: { type: 'spacing', property: 'maxHeight' },\n\n  bgsz: { type: 'size', property: 'backgroundSize' },\n  bgp: { type: 'identity', property: 'backgroundPosition' },\n  bgr: { type: 'identity', property: 'backgroundRepeat' },\n  bga: { type: 'identity', property: 'backgroundAttachment' },\n\n  pos: { type: 'identity', property: 'position' },\n  top: { type: 'size', property: 'top' },\n  left: { type: 'size', property: 'left' },\n  bottom: { type: 'size', property: 'bottom' },\n  right: { type: 'size', property: 'right' },\n  inset: { type: 'size', property: 'inset' },\n\n  display: { type: 'identity', property: 'display' },\n  flex: { type: 'identity', property: 'flex' },\n}\n"],"mappings":";;AAQA,MAAa,mBAA8D;CACzE,GAAG;EAAE,MAAM;EAAW,UAAU;CAAS;CACzC,IAAI;EAAE,MAAM;EAAW,UAAU;CAAY;CAC7C,IAAI;EAAE,MAAM;EAAW,UAAU;CAAe;CAChD,IAAI;EAAE,MAAM;EAAW,UAAU;CAAa;CAC9C,IAAI;EAAE,MAAM;EAAW,UAAU;CAAc;CAC/C,IAAI;EAAE,MAAM;EAAW,UAAU;CAAoB;CACrD,IAAI;EAAE,MAAM;EAAW,UAAU;CAAkB;CACnD,KAAK;EAAE,MAAM;EAAW,UAAU;CAAoB;CACtD,KAAK;EAAE,MAAM;EAAW,UAAU;CAAkB;CACpD,IAAI;EAAE,MAAM;EAAW,UAAU;CAAe;CAChD,IAAI;EAAE,MAAM;EAAW,UAAU;CAAc;CAE/C,GAAG;EAAE,MAAM;EAAW,UAAU;CAAU;CAC1C,IAAI;EAAE,MAAM;EAAW,UAAU;CAAa;CAC9C,IAAI;EAAE,MAAM;EAAW,UAAU;CAAgB;CACjD,IAAI;EAAE,MAAM;EAAW,UAAU;CAAc;CAC/C,IAAI;EAAE,MAAM;EAAW,UAAU;CAAe;CAChD,IAAI;EAAE,MAAM;EAAW,UAAU;CAAqB;CACtD,IAAI;EAAE,MAAM;EAAW,UAAU;CAAmB;CACpD,KAAK;EAAE,MAAM;EAAW,UAAU;CAAqB;CACvD,KAAK;EAAE,MAAM;EAAW,UAAU;CAAmB;CACrD,IAAI;EAAE,MAAM;EAAW,UAAU;CAAgB;CACjD,IAAI;EAAE,MAAM;EAAW,UAAU;CAAe;CAEhD,IAAI;EAAE,MAAM;EAAU,UAAU;CAAS;CACzC,MAAM;EAAE,MAAM;EAAU,UAAU;CAAe;CACjD,IAAI;EAAE,MAAM;EAAS,UAAU;CAAa;CAC5C,GAAG;EAAE,MAAM;EAAa,UAAU;CAAQ;CAC1C,SAAS;EAAE,MAAM;EAAY,UAAU;CAAU;CAEjD,IAAI;EAAE,MAAM;EAAc,UAAU;CAAa;CACjD,IAAI;EAAE,MAAM;EAAY,UAAU;CAAW;CAC7C,IAAI;EAAE,MAAM;EAAY,UAAU;CAAa;CAC/C,KAAK;EAAE,MAAM;EAAQ,UAAU;CAAgB;CAC/C,IAAI;EAAE,MAAM;EAAY,UAAU;CAAY;CAC9C,IAAI;EAAE,MAAM;EAAc,UAAU;CAAa;CACjD,IAAI;EAAE,MAAM;EAAY,UAAU;CAAY;CAC9C,IAAI;EAAE,MAAM;EAAY,UAAU;CAAgB;CAClD,IAAI;EAAE,MAAM;EAAY,UAAU;CAAiB;CAEnD,GAAG;EAAE,MAAM;EAAW,UAAU;CAAQ;CACxC,KAAK;EAAE,MAAM;EAAW,UAAU;CAAW;CAC7C,KAAK;EAAE,MAAM;EAAW,UAAU;CAAW;CAC7C,GAAG;EAAE,MAAM;EAAW,UAAU;CAAS;CACzC,KAAK;EAAE,MAAM;EAAW,UAAU;CAAY;CAC9C,KAAK;EAAE,MAAM;EAAW,UAAU;CAAY;CAE9C,MAAM;EAAE,MAAM;EAAQ,UAAU;CAAiB;CACjD,KAAK;EAAE,MAAM;EAAY,UAAU;CAAqB;CACxD,KAAK;EAAE,MAAM;EAAY,UAAU;CAAmB;CACtD,KAAK;EAAE,MAAM;EAAY,UAAU;CAAuB;CAE1D,KAAK;EAAE,MAAM;EAAY,UAAU;CAAW;CAC9C,KAAK;EAAE,MAAM;EAAQ,UAAU;CAAM;CACrC,MAAM;EAAE,MAAM;EAAQ,UAAU;CAAO;CACvC,QAAQ;EAAE,MAAM;EAAQ,UAAU;CAAS;CAC3C,OAAO;EAAE,MAAM;EAAQ,UAAU;CAAQ;CACzC,OAAO;EAAE,MAAM;EAAQ,UAAU;CAAQ;CAEzC,SAAS;EAAE,MAAM;EAAY,UAAU;CAAU;CACjD,MAAM;EAAE,MAAM;EAAY,UAAU;CAAO;AAC7C"}

package/cjs/core/config-provider/color-functions/get-gradient/get-gradient.cjs

@@ -3,9 +3,9 @@ const require_get_theme_color = require("../get-theme-color/get-theme-color.cjs"
 //#region packages/@cck-ui/core/src/core/config-provider/color-functions/get-gradient/get-gradient.ts
 function getGradient(gradient, theme) {
 	const merged = {
-		from: gradient?.from || theme.defaultGradient.from,
-		to: gradient?.to || theme.defaultGradient.to,
-		deg: gradient?.deg || theme.defaultGradient.deg
+		from: gradient?.from ?? theme.defaultGradient.from,
+		to: gradient?.to ?? theme.defaultGradient.to,
+		deg: gradient?.deg ?? theme.defaultGradient.deg
 	};
 	const fromColor = require_get_theme_color.getThemeColor(merged.from, theme);
 	const toColor = require_get_theme_color.getThemeColor(merged.to, theme);

package/cjs/core/config-provider/color-functions/get-gradient/get-gradient.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-gradient.cjs","names":["getThemeColor"],"sources":["../../../../../src/core/config-provider/color-functions/get-gradient/get-gradient.ts"],"sourcesContent":["import { CGradient, CTheme } from '../../'\nimport { getThemeColor } from '../get-theme-color/get-theme-color'\n\nexport function getGradient(gradient: CGradient | undefined, theme: CTheme) {\n  const merged = {\n    from: gradient?.from || theme.defaultGradient.from,\n    to: gradient?.to || theme.defaultGradient.to,\n    deg: gradient?.deg || theme.defaultGradient.deg,\n  }\n\n  const fromColor = getThemeColor(merged.from, theme)\n  const toColor = getThemeColor(merged.to, theme)\n\n  return `linear-gradient(${merged.deg}deg, ${fromColor} 0%, ${toColor} 100%)`\n}\n"],"mappings":";;;AAGA,SAAgB,YAAY,UAAiC,OAAe;CAC1E,MAAM,SAAS;EACb,MAAM,UAAU,QAAQ,MAAM,gBAAgB;EAC9C,IAAI,UAAU,MAAM,MAAM,gBAAgB;EAC1C,KAAK,UAAU,OAAO,MAAM,gBAAgB;CAC9C;CAEA,MAAM,YAAYA,wBAAAA,cAAc,OAAO,MAAM,KAAK;CAClD,MAAM,UAAUA,wBAAAA,cAAc,OAAO,IAAI,KAAK;CAE9C,OAAO,mBAAmB,OAAO,IAAI,OAAO,UAAU,OAAO,QAAQ;AACvE"}
+{"version":3,"file":"get-gradient.cjs","names":["getThemeColor"],"sources":["../../../../../src/core/config-provider/color-functions/get-gradient/get-gradient.ts"],"sourcesContent":["import { CGradient, CTheme } from '../../'\nimport { getThemeColor } from '../get-theme-color/get-theme-color'\n\nexport function getGradient(gradient: CGradient | undefined, theme: CTheme) {\n  const merged = {\n    from: gradient?.from ?? theme.defaultGradient.from,\n    to: gradient?.to ?? theme.defaultGradient.to,\n    deg: gradient?.deg ?? theme.defaultGradient.deg,\n  }\n\n  const fromColor = getThemeColor(merged.from, theme)\n  const toColor = getThemeColor(merged.to, theme)\n\n  return `linear-gradient(${merged.deg}deg, ${fromColor} 0%, ${toColor} 100%)`\n}\n"],"mappings":";;;AAGA,SAAgB,YAAY,UAAiC,OAAe;CAC1E,MAAM,SAAS;EACb,MAAM,UAAU,QAAQ,MAAM,gBAAgB;EAC9C,IAAI,UAAU,MAAM,MAAM,gBAAgB;EAC1C,KAAK,UAAU,OAAO,MAAM,gBAAgB;CAC9C;CAEA,MAAM,YAAYA,wBAAAA,cAAc,OAAO,MAAM,KAAK;CAClD,MAAM,UAAUA,wBAAAA,cAAc,OAAO,IAAI,KAAK;CAE9C,OAAO,mBAAmB,OAAO,IAAI,OAAO,UAAU,OAAO,QAAQ;AACvE"}

package/cjs/core/config-provider/color-functions/rgba/rgba.cjs

@@ -1,5 +1,12 @@
 const require_to_rgba = require("../to-rgba/to-rgba.cjs");
 //#region packages/@cck-ui/core/src/core/config-provider/color-functions/rgba/rgba.ts
+function rgb(color) {
+	if (typeof color !== "string") return "rgb(0, 0, 0)";
+	if (color.startsWith("var(")) return color;
+	if (color.startsWith("oklch")) return color;
+	const { r, g, b } = require_to_rgba.toRgba(color);
+	return `rgb(${r}, ${g}, ${b})`;
+}
 function rgba(color, alpha) {
 	if (typeof color !== "string" || alpha > 1 || alpha < 0) return `rgba(0, 0, 0, 1)`;
 	if (color.startsWith("var(")) return `color-mix(in srgb, ${color}, transparent ${(1 - alpha) * 100}%)`;
@@ -13,6 +20,7 @@ function rgba(color, alpha) {
 const alpha = rgba;
 //#endregion
 exports.alpha = alpha;
+exports.rgb = rgb;
 exports.rgba = rgba;
 
 //# sourceMappingURL=rgba.cjs.map

package/cjs/core/config-provider/color-functions/rgba/rgba.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"rgba.cjs","names":["toRgba"],"sources":["../../../../../src/core/config-provider/color-functions/rgba/rgba.ts"],"sourcesContent":["import { toRgba } from '../to-rgba/to-rgba'\n\nexport function rgba(color: string, alpha: number) {\n  if (typeof color !== 'string' || alpha > 1 || alpha < 0) {\n    return `rgba(0, 0, 0, 1)`\n  }\n\n  if (color.startsWith('var(')) {\n    const mixPercentage = (1 - alpha) * 100\n    return `color-mix(in srgb, ${color}, transparent ${mixPercentage}%)`\n  }\n\n  if (color.startsWith('oklch')) {\n    if (color.includes('/')) {\n      return color.replace(/\\/\\s*[\\d.]+\\s*\\)/, `/ ${alpha})`)\n    }\n\n    return color.replace(')', ` / ${alpha})`)\n  }\n\n  const { r, g, b } = toRgba(color)\n  return `rgba(${r}, ${g}, ${b}, ${alpha})`\n}\n\nexport const alpha = rgba\n"],"mappings":";;AAEA,SAAgB,KAAK,OAAe,OAAe;CACjD,IAAI,OAAO,UAAU,YAAY,QAAQ,KAAK,QAAQ,GACpD,OAAO;CAGT,IAAI,MAAM,WAAW,MAAM,GAEzB,OAAO,sBAAsB,MAAM,iBADZ,IAAI,SAAS,IAC6B;CAGnE,IAAI,MAAM,WAAW,OAAO,GAAG;EAC7B,IAAI,MAAM,SAAS,GAAG,GACpB,OAAO,MAAM,QAAQ,oBAAoB,KAAK,MAAM,EAAE;EAGxD,OAAO,MAAM,QAAQ,KAAK,MAAM,MAAM,EAAE;CAC1C;CAEA,MAAM,EAAE,GAAG,GAAG,MAAMA,gBAAAA,OAAO,KAAK;CAChC,OAAO,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,MAAM;AACzC;AAEA,MAAa,QAAQ"}
+{"version":3,"file":"rgba.cjs","names":["toRgba"],"sources":["../../../../../src/core/config-provider/color-functions/rgba/rgba.ts"],"sourcesContent":["import { toRgba } from '../to-rgba/to-rgba'\n\nexport function rgb(color: string): string {\n  if (typeof color !== 'string') {\n    return 'rgb(0, 0, 0)'\n  }\n\n  if (color.startsWith('var(')) {\n    return color\n  }\n\n  if (color.startsWith('oklch')) {\n    return color\n  }\n\n  const { r, g, b } = toRgba(color)\n  return `rgb(${r}, ${g}, ${b})`\n}\n\nexport function rgba(color: string, alpha: number) {\n  if (typeof color !== 'string' || alpha > 1 || alpha < 0) {\n    return `rgba(0, 0, 0, 1)`\n  }\n\n  if (color.startsWith('var(')) {\n    const mixPercentage = (1 - alpha) * 100\n    return `color-mix(in srgb, ${color}, transparent ${mixPercentage}%)`\n  }\n\n  if (color.startsWith('oklch')) {\n    if (color.includes('/')) {\n      return color.replace(/\\/\\s*[\\d.]+\\s*\\)/, `/ ${alpha})`)\n    }\n\n    return color.replace(')', ` / ${alpha})`)\n  }\n\n  const { r, g, b } = toRgba(color)\n  return `rgba(${r}, ${g}, ${b}, ${alpha})`\n}\n\nexport const alpha = rgba\n"],"mappings":";;AAEA,SAAgB,IAAI,OAAuB;CACzC,IAAI,OAAO,UAAU,UACnB,OAAO;CAGT,IAAI,MAAM,WAAW,MAAM,GACzB,OAAO;CAGT,IAAI,MAAM,WAAW,OAAO,GAC1B,OAAO;CAGT,MAAM,EAAE,GAAG,GAAG,MAAMA,gBAAAA,OAAO,KAAK;CAChC,OAAO,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE;AAC9B;AAEA,SAAgB,KAAK,OAAe,OAAe;CACjD,IAAI,OAAO,UAAU,YAAY,QAAQ,KAAK,QAAQ,GACpD,OAAO;CAGT,IAAI,MAAM,WAAW,MAAM,GAEzB,OAAO,sBAAsB,MAAM,iBADZ,IAAI,SAAS,IAC6B;CAGnE,IAAI,MAAM,WAAW,OAAO,GAAG;EAC7B,IAAI,MAAM,SAAS,GAAG,GACpB,OAAO,MAAM,QAAQ,oBAAoB,KAAK,MAAM,EAAE;EAGxD,OAAO,MAAM,QAAQ,KAAK,MAAM,MAAM,EAAE;CAC1C;CAEA,MAAM,EAAE,GAAG,GAAG,MAAMA,gBAAAA,OAAO,KAAK;CAChC,OAAO,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,MAAM;AACzC;AAEA,MAAa,QAAQ"}

package/cjs/core/config-provider/color-functions/to-rgba/to-rgba.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"to-rgba.cjs","names":[],"sources":["../../../../../src/core/config-provider/color-functions/to-rgba/to-rgba.ts"],"sourcesContent":["export interface RGBA {\n  r: number\n  g: number\n  b: number\n  a: number\n}\n\nfunction isHexColor(hex: string): boolean {\n  const HEX_REGEXP = /^#?([0-9A-F]{3}){1,2}([0-9A-F]{2})?$/i\n\n  return HEX_REGEXP.test(hex)\n}\n\nfunction hexToRgba(color: string): RGBA {\n  let hexString = color.replace('#', '')\n\n  if (hexString.length === 3) {\n    const shorthandHex = hexString.split('')\n    hexString = [\n      shorthandHex[0],\n      shorthandHex[0],\n      shorthandHex[1],\n      shorthandHex[1],\n      shorthandHex[2],\n      shorthandHex[2]\n    ].join('')\n  }\n\n  if (hexString.length === 8) {\n    const alpha = Number.parseInt(hexString.slice(6, 8), 16) / 255\n\n    return {\n      r: Number.parseInt(hexString.slice(0, 2), 16),\n      g: Number.parseInt(hexString.slice(2, 4), 16),\n      b: Number.parseInt(hexString.slice(4, 6), 16),\n      a: alpha\n    }\n  }\n\n  const parsed = Number.parseInt(hexString, 16)\n  const r = (parsed >> 16) & 255\n  const g = (parsed >> 8) & 255\n  const b = parsed & 255\n\n  return {\n    r,\n    g,\n    b,\n    a: 1\n  }\n}\n\nfunction rgbStringToRgba(color: string): RGBA {\n  const [r, g, b, a] = color\n    .replace(/[^0-9,./]/g, '')\n    .split(/[/,]/)\n    .map(Number)\n\n  return { r, g, b, a: a === undefined ? 1 : a }\n}\n\nfunction hslStringToRgba(hslaString: string): RGBA {\n  const hslaRegex =\n    /^hsla?\\(\\s*(\\d+)\\s*,\\s*(\\d+%)\\s*,\\s*(\\d+%)\\s*(,\\s*(0?\\.\\d+|\\d+(\\.\\d+)?))?\\s*\\)$/i\n\n  const matches = hslaString.match(hslaRegex)\n  if (!matches) {\n    return {\n      r: 0,\n      g: 0,\n      b: 0,\n      a: 1\n    }\n  }\n\n  const h = Number.parseInt(matches[1], 10)\n  const s = Number.parseInt(matches[2], 10) / 100\n  const l = Number.parseInt(matches[3], 10) / 100\n  const a = matches[5] ? Number.parseFloat(matches[5]) : undefined\n\n  const chroma = (1 - Math.abs(2 * l - 1)) * s\n  const huePrime = h / 60\n  const x = chroma * (1 - Math.abs((huePrime % 2) - 1))\n  const m = l - chroma / 2\n\n  let r: number\n  let g: number\n  let b: number\n\n  if (huePrime >= 0 && huePrime < 1) {\n    r = chroma\n    g = x\n    b = 0\n  } else if (huePrime >= 1 && huePrime < 2) {\n    r = x\n    g = chroma\n    b = 0\n  } else if (huePrime >= 2 && huePrime < 3) {\n    r = 0\n    g = chroma\n    b = x\n  } else if (huePrime >= 3 && huePrime < 4) {\n    r = 0\n    g = x\n    b = chroma\n  } else if (huePrime >= 4 && huePrime < 5) {\n    r = x\n    g = 0\n    b = chroma\n  } else {\n    r = chroma\n    g = 0\n    b = x\n  }\n\n  return {\n    r: Math.round((r + m) * 255),\n    g: Math.round((g + m) * 255),\n    b: Math.round((b + m) * 255),\n    a: a || 1\n  }\n}\n\nexport function toRgba(color: string): RGBA {\n  if (isHexColor(color)) {\n    return hexToRgba(color)\n  }\n\n  if (color.startsWith('rgb')) {\n    return rgbStringToRgba(color)\n  }\n\n  if (color.startsWith('hsl')) {\n    return hslStringToRgba(color)\n  }\n\n  return {\n    r: 0,\n    g: 0,\n    b: 0,\n    a: 1\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"to-rgba.cjs","names":[],"sources":["../../../../../src/core/config-provider/color-functions/to-rgba/to-rgba.ts"],"sourcesContent":["export interface RGBA {\n  r: number\n  g: number\n  b: number\n  a: number\n}\n\nfunction isHexColor(hex: string): boolean {\n  const HEX_REGEXP = /^#?([0-9A-F]{3}){1,2}([0-9A-F]{2})?$/i\n\n  return HEX_REGEXP.test(hex)\n}\n\nfunction hexToRgba(color: string): RGBA {\n  let hexString = color.replace('#', '')\n\n  if (hexString.length === 3) {\n    const shorthandHex = hexString.split('')\n    hexString = [\n      shorthandHex[0],\n      shorthandHex[0],\n      shorthandHex[1],\n      shorthandHex[1],\n      shorthandHex[2],\n      shorthandHex[2],\n    ].join('')\n  }\n\n  if (hexString.length === 8) {\n    const alpha = Number.parseInt(hexString.slice(6, 8), 16) / 255\n\n    return {\n      r: Number.parseInt(hexString.slice(0, 2), 16),\n      g: Number.parseInt(hexString.slice(2, 4), 16),\n      b: Number.parseInt(hexString.slice(4, 6), 16),\n      a: alpha,\n    }\n  }\n\n  const parsed = Number.parseInt(hexString, 16)\n  const r = (parsed >> 16) & 255\n  const g = (parsed >> 8) & 255\n  const b = parsed & 255\n\n  return {\n    r,\n    g,\n    b,\n    a: 1,\n  }\n}\n\nfunction rgbStringToRgba(color: string): RGBA {\n  const [r, g, b, a] = color\n    .replace(/[^0-9,./]/g, '')\n    .split(/[/,]/)\n    .map(Number)\n\n  return { r, g, b, a: a === undefined ? 1 : a }\n}\n\nfunction hslStringToRgba(hslaString: string): RGBA {\n  const hslaRegex =\n    /^hsla?\\(\\s*(\\d+)\\s*,\\s*(\\d+%)\\s*,\\s*(\\d+%)\\s*(,\\s*(0?\\.\\d+|\\d+(\\.\\d+)?))?\\s*\\)$/i\n\n  const matches = hslaString.match(hslaRegex)\n  if (!matches) {\n    return {\n      r: 0,\n      g: 0,\n      b: 0,\n      a: 1,\n    }\n  }\n\n  const h = Number.parseInt(matches[1], 10)\n  const s = Number.parseInt(matches[2], 10) / 100\n  const l = Number.parseInt(matches[3], 10) / 100\n  const a = matches[5] ? Number.parseFloat(matches[5]) : undefined\n\n  const chroma = (1 - Math.abs(2 * l - 1)) * s\n  const huePrime = h / 60\n  const x = chroma * (1 - Math.abs((huePrime % 2) - 1))\n  const m = l - chroma / 2\n\n  let r: number\n  let g: number\n  let b: number\n\n  if (huePrime >= 0 && huePrime < 1) {\n    r = chroma\n    g = x\n    b = 0\n  } else if (huePrime >= 1 && huePrime < 2) {\n    r = x\n    g = chroma\n    b = 0\n  } else if (huePrime >= 2 && huePrime < 3) {\n    r = 0\n    g = chroma\n    b = x\n  } else if (huePrime >= 3 && huePrime < 4) {\n    r = 0\n    g = x\n    b = chroma\n  } else if (huePrime >= 4 && huePrime < 5) {\n    r = x\n    g = 0\n    b = chroma\n  } else {\n    r = chroma\n    g = 0\n    b = x\n  }\n\n  return {\n    r: Math.round((r + m) * 255),\n    g: Math.round((g + m) * 255),\n    b: Math.round((b + m) * 255),\n    a: a || 1,\n  }\n}\n\nexport function toRgba(color: string): RGBA {\n  if (isHexColor(color)) {\n    return hexToRgba(color)\n  }\n\n  if (color.startsWith('rgb')) {\n    return rgbStringToRgba(color)\n  }\n\n  if (color.startsWith('hsl')) {\n    return hslStringToRgba(color)\n  }\n\n  return {\n    r: 0,\n    g: 0,\n    b: 0,\n    a: 1,\n  }\n}\n"],"mappings":"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"}

package/cjs/core/config-provider/config-provider.cjs

@@ -7,6 +7,7 @@ const require_default_theme = require("./default-theme.cjs");
 const require_export_helper = require("../../_virtual/_/plugin-vue/export-helper.cjs");
 const require_cck_classes_style = require("./cck-classes-style/cck-classes-style.cjs");
 const require_merge_cck_theme = require("./merge-cck-theme/merge-cck-theme.cjs");
+const require_use_component_props = require("./use-component-props/use-component-props.cjs");
 require("./baseline.cjs");
 require("./global.cjs");
 require("./default-css-variables.cjs");
@@ -22,13 +23,11 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 		},
 		colorSchemeManager: {
 			type: Object,
-			required: false,
-			default: () => require_local_storage_manager.localStorageColorSchemeManager()
+			required: false
 		},
 		defaultColorScheme: {
 			type: String,
-			required: false,
-			default: "light"
+			required: false
 		},
 		forceColorScheme: {
 			type: String,
@@ -36,33 +35,27 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 		},
 		cssVariablesSelector: {
 			type: String,
-			required: false,
-			default: ":root"
+			required: false
 		},
 		withCssVariables: {
 			type: Boolean,
-			required: false,
-			default: true
+			required: false
 		},
 		getRootElement: {
 			type: Function,
-			required: false,
-			default: () => document.documentElement
+			required: false
 		},
 		classNamesPrefix: {
 			type: String,
-			required: false,
-			default: "c"
+			required: false
 		},
 		withStaticClasses: {
 			type: Boolean,
-			required: false,
-			default: true
+			required: false
 		},
 		withGlobalClasses: {
 			type: Boolean,
-			required: false,
-			default: true
+			required: false
 		},
 		stylesTransform: {
 			type: Object,
@@ -75,8 +68,22 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 	},
 	setup(__props, { expose: __expose }) {
 		__expose();
-		const config = __props;
-		const { defaultColorScheme, forceColorScheme, colorSchemeManager, getRootElement, theme: userTheme } = config;
+		const rawProps = __props;
+		const props = require_use_component_props.useComponentProps({
+			component: "ConfigProvider",
+			defaultProps: {
+				withStaticClasses: true,
+				withGlobalClasses: true,
+				withCssVariables: true,
+				classNamesPrefix: "c",
+				defaultColorScheme: "light",
+				cssVariablesSelector: ":root",
+				colorSchemeManager: require_local_storage_manager.localStorageColorSchemeManager(),
+				getRootElement: () => document.documentElement
+			},
+			props: rawProps
+		});
+		const { defaultColorScheme, forceColorScheme, colorSchemeManager, getRootElement, theme: userTheme } = props.value;
 		const finalTheme = (0, vue.computed)(() => {
 			if (userTheme) return require_merge_cck_theme.mergeCckTheme(require_default_theme.DEFAULT_THEME, userTheme);
 			return require_default_theme.DEFAULT_THEME;
@@ -88,19 +95,23 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 			getRootElement
 		});
 		require_use_respect_reduce_motion.useRespectReduceMotion({
-			respectReduceMotion: config.theme?.respectReducedMotion || false,
+			respectReduceMotion: props.value.theme?.respectReducedMotion || false,
 			getRootElement
 		});
-		const { theme: _excludedTheme, ...configWithoutTheme } = config;
+		const { theme: _excludedTheme, ...configWithoutTheme } = props.value;
 		(0, vue.provide)(require_config_provider_types.CONFIG_KEY, {
 			...configWithoutTheme,
+			getRootElement,
+			classNamesPrefix: props.value.classNamesPrefix,
 			colorScheme,
+			cssVariablesSelector: props.value.cssVariablesSelector,
 			setColorScheme,
 			clearColorScheme
 		});
 		(0, vue.provide)(require_config_provider_types.THEME_KEY, finalTheme);
 		const __returned__ = {
-			config,
+			rawProps,
+			props,
 			defaultColorScheme,
 			forceColorScheme,
 			colorSchemeManager,
@@ -124,7 +135,7 @@ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
 	}
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [$props.withGlobalClasses ? ((0, vue.openBlock)(), (0, vue.createBlock)($setup["CckClassesStyle"], { key: 0 })) : (0, vue.createCommentVNode)("v-if", true), (0, vue.renderSlot)(_ctx.$slots, "default")], 64);
+	return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [$setup.props.withGlobalClasses ? ((0, vue.openBlock)(), (0, vue.createBlock)($setup["CckClassesStyle"], { key: 0 })) : (0, vue.createCommentVNode)("v-if", true), (0, vue.renderSlot)(_ctx.$slots, "default")], 64);
 }
 var config_provider_default = /*#__PURE__*/ require_export_helper.default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/cck-ui/cck-ui/packages/@cck-ui/core/src/core/config-provider/config-provider.vue"]]);
 //#endregion

package/cjs/core/config-provider/config-provider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"config-provider.cjs","names":[],"sources":["../../../src/core/config-provider/config-provider.vue"],"sourcesContent":["<template>\n  <cck-classes-style v-if=\"withGlobalClasses\" />\n  <slot />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\nimport { CONFIG_KEY, type ConfigProviderProps, THEME_KEY } from './config-provider.types'\nimport { useProviderColorScheme } from './use-cck-color-scheme/use-provider-color-scheme'\nimport { localStorageColorSchemeManager } from './color-scheme-managers'\nimport { useRespectReduceMotion } from './use-respect-reduce-motion/use-respect-reduce-motion'\nimport { CckClassesStyle } from './cck-classes-style'\nimport { DEFAULT_THEME } from './default-theme'\nimport { mergeCckTheme } from './merge-cck-theme'\nimport { CContextValue } from './config-provider.context'\nimport './baseline.css'\nimport './global.css'\nimport './default-css-variables.css'\n\ndefineOptions({\n  name: 'CckConfigProvider',\n})\n\nconst config = withDefaults(defineProps<ConfigProviderProps>(), {\n  withStaticClasses: true,\n  withGlobalClasses: true,\n  withCssVariables: true,\n  classNamesPrefix: 'c',\n  defaultColorScheme: 'light',\n  cssVariablesSelector: ':root',\n  colorSchemeManager: () => localStorageColorSchemeManager(),\n  getRootElement: () => document.documentElement,\n})\n\nconst {\n  defaultColorScheme,\n  forceColorScheme,\n  colorSchemeManager,\n  getRootElement,\n  theme: userTheme,\n} = config\n\nconst finalTheme = computed(() => {\n  if (userTheme) {\n    return mergeCckTheme(DEFAULT_THEME, userTheme)\n  }\n\n  return DEFAULT_THEME\n})\n\nconst { colorScheme, setColorScheme, clearColorScheme } = useProviderColorScheme({\n  defaultColorScheme,\n  forceColorScheme,\n  manager: colorSchemeManager,\n  getRootElement,\n})\n\nuseRespectReduceMotion({\n  respectReduceMotion: config.theme?.respectReducedMotion || false,\n  getRootElement,\n})\n\nconst { theme: _excludedTheme, ...configWithoutTheme } = config\nprovide<CContextValue>(CONFIG_KEY, {\n  ...configWithoutTheme,\n  colorScheme,\n  setColorScheme,\n  clearColorScheme,\n})\nprovide(THEME_KEY, finalTheme)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBA,MAAM,SAAS;EAWf,MAAM,EACJ,oBACA,kBACA,oBACA,gBACA,OAAO,cACL;EAEJ,MAAM,cAAA,GAAA,IAAA,SAAA,OAA4B;GAChC,IAAI,WACF,OAAO,wBAAA,cAAc,sBAAA,eAAe,SAAS;GAG/C,OAAO,sBAAA;EACT,CAAC;EAED,MAAM,EAAE,aAAa,gBAAgB,qBAAqB,kCAAA,uBAAuB;GAC/E;GACA;GACA,SAAS;GACT;EACF,CAAC;EAED,kCAAA,uBAAuB;GACrB,qBAAqB,OAAO,OAAO,wBAAwB;GAC3D;EACF,CAAC;EAED,MAAM,EAAE,OAAO,gBAAgB,GAAG,uBAAuB;EACzD,CAAA,GAAA,IAAA,QAAA,CAAuB,8BAAA,YAAY;GACjC,GAAG;GACH;GACA;GACA;EACF,CAAC;EACD,CAAA,GAAA,IAAA,QAAA,CAAQ,8BAAA,WAAW,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;+EApEF,OAAA,sBAAA,GAAA,IAAA,UAAA,CAAA,IAAA,GAAA,IAAA,YAAA,CAAqB,OAAA,oBAAA,EAAA,KAAA,EAAA,CAAA,MAAA,GAAA,IAAA,mBAAA,CAAA,QAAA,IAAA,IAAA,GAAA,IAAA,WAAA,CACtC,KAAA,QAAA,SAAA,CAAA,GAAA,EAAA"}
+{"version":3,"file":"config-provider.cjs","names":[],"sources":["../../../src/core/config-provider/config-provider.vue"],"sourcesContent":["<template>\n  <cck-classes-style v-if=\"props.withGlobalClasses\" />\n  <slot />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\nimport { CONFIG_KEY, type ConfigProviderProps, THEME_KEY } from './config-provider.types'\nimport { useProviderColorScheme } from './use-cck-color-scheme/use-provider-color-scheme'\nimport { localStorageColorSchemeManager } from './color-scheme-managers'\nimport { useRespectReduceMotion } from './use-respect-reduce-motion/use-respect-reduce-motion'\nimport { CckClassesStyle } from './cck-classes-style'\nimport { DEFAULT_THEME } from './default-theme'\nimport { mergeCckTheme } from './merge-cck-theme'\nimport { CContextValue } from './config-provider.context'\nimport { useComponentProps } from './use-component-props/use-component-props'\nimport './baseline.css'\nimport './global.css'\nimport './default-css-variables.css'\n\ndefineOptions({\n  name: 'CckConfigProvider',\n})\n\nconst rawProps = defineProps<ConfigProviderProps>()\n\nconst props = useComponentProps({\n  component: 'ConfigProvider',\n  defaultProps: {\n    withStaticClasses: true,\n    withGlobalClasses: true,\n    withCssVariables: true,\n    classNamesPrefix: 'c',\n    defaultColorScheme: 'light',\n    cssVariablesSelector: ':root',\n    colorSchemeManager: localStorageColorSchemeManager(),\n    getRootElement: () => document.documentElement,\n  },\n  props: rawProps,\n})\n\nconst {\n  defaultColorScheme,\n  forceColorScheme,\n  colorSchemeManager,\n  getRootElement,\n  theme: userTheme,\n} = props.value\n\nconst finalTheme = computed(() => {\n  if (userTheme) {\n    return mergeCckTheme(DEFAULT_THEME, userTheme)\n  }\n\n  return DEFAULT_THEME\n})\n\nconst { colorScheme, setColorScheme, clearColorScheme } = useProviderColorScheme({\n  defaultColorScheme: defaultColorScheme!,\n  forceColorScheme,\n  manager: colorSchemeManager!,\n  getRootElement: getRootElement!,\n})\n\nuseRespectReduceMotion({\n  respectReduceMotion: props.value.theme?.respectReducedMotion || false,\n  getRootElement: getRootElement!,\n})\n\nconst { theme: _excludedTheme, ...configWithoutTheme } = props.value\nprovide<CContextValue>(CONFIG_KEY, {\n  ...configWithoutTheme,\n  getRootElement: getRootElement!,\n  classNamesPrefix: props.value.classNamesPrefix!,\n  colorScheme: colorScheme!,\n  cssVariablesSelector: props.value.cssVariablesSelector!,\n  setColorScheme,\n  clearColorScheme,\n})\nprovide(THEME_KEY, finalTheme)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,WAAW;EAEjB,MAAM,QAAQ,4BAAA,kBAAkB;GAC9B,WAAW;GACX,cAAc;IACZ,mBAAmB;IACnB,mBAAmB;IACnB,kBAAkB;IAClB,kBAAkB;IAClB,oBAAoB;IACpB,sBAAsB;IACtB,oBAAoB,8BAAA,+BAA+B;IACnD,sBAAsB,SAAS;GACjC;GACA,OAAO;EACT,CAAC;EAED,MAAM,EACJ,oBACA,kBACA,oBACA,gBACA,OAAO,cACL,MAAM;EAEV,MAAM,cAAA,GAAA,IAAA,SAAA,OAA4B;GAChC,IAAI,WACF,OAAO,wBAAA,cAAc,sBAAA,eAAe,SAAS;GAG/C,OAAO,sBAAA;EACT,CAAC;EAED,MAAM,EAAE,aAAa,gBAAgB,qBAAqB,kCAAA,uBAAuB;GAC3D;GACpB;GACA,SAAS;GACO;EAClB,CAAC;EAED,kCAAA,uBAAuB;GACrB,qBAAqB,MAAM,MAAM,OAAO,wBAAwB;GAChD;EAClB,CAAC;EAED,MAAM,EAAE,OAAO,gBAAgB,GAAG,uBAAuB,MAAM;EAC/D,CAAA,GAAA,IAAA,QAAA,CAAuB,8BAAA,YAAY;GACjC,GAAG;GACa;GAChB,kBAAkB,MAAM,MAAM;GACjB;GACb,sBAAsB,MAAM,MAAM;GAClC;GACA;EACF,CAAC;EACD,CAAA,GAAA,IAAA,QAAA,CAAQ,8BAAA,WAAW,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;+EA9EF,OAAA,MAAM,sBAAA,GAAA,IAAA,UAAA,CAAA,IAAA,GAAA,IAAA,YAAA,CAAqB,OAAA,oBAAA,EAAA,KAAA,EAAA,CAAA,MAAA,GAAA,IAAA,mBAAA,CAAA,QAAA,IAAA,IAAA,GAAA,IAAA,WAAA,CAC5C,KAAA,QAAA,SAAA,CAAA,GAAA,EAAA"}

package/cjs/core/config-provider/default-colors.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"default-colors.cjs","names":[],"sources":["../../../src/core/config-provider/default-colors.ts"],"sourcesContent":["import type { CThemeColors } from './theme.types'\n\nexport const DEFAULT_COLORS: CThemeColors = {\n  dark: [\n    '#C9C9C9',\n    '#b8b8b8',\n    '#828282',\n    '#696969',\n    '#424242',\n    '#3b3b3b',\n    '#2e2e2e',\n    '#242424',\n    '#1f1f1f',\n    '#141414'\n  ],\n\n  gray: [\n    '#f8f9fa',\n    '#f1f3f5',\n    '#e9ecef',\n    '#dee2e6',\n    '#ced4da',\n    '#adb5bd',\n    '#868e96',\n    '#495057',\n    '#343a40',\n    '#212529'\n  ],\n\n  red: [\n    '#fff5f5',\n    '#ffe3e3',\n    '#ffc9c9',\n    '#ffa8a8',\n    '#ff8787',\n    '#ff6b6b',\n    '#fa5252',\n    '#f03e3e',\n    '#e03131',\n    '#c92a2a'\n  ],\n\n  pink: [\n    '#fff0f6',\n    '#ffdeeb',\n    '#fcc2d7',\n    '#faa2c1',\n    '#f783ac',\n    '#f06595',\n    '#e64980',\n    '#d6336c',\n    '#c2255c',\n    '#a61e4d'\n  ],\n\n  grape: [\n    '#f8f0fc',\n    '#f3d9fa',\n    '#eebefa',\n    '#e599f7',\n    '#da77f2',\n    '#cc5de8',\n    '#be4bdb',\n    '#ae3ec9',\n    '#9c36b5',\n    '#862e9c'\n  ],\n\n  violet: [\n    '#f3f0ff',\n    '#e5dbff',\n    '#d0bfff',\n    '#b197fc',\n    '#9775fa',\n    '#845ef7',\n    '#7950f2',\n    '#7048e8',\n    '#6741d9',\n    '#5f3dc4'\n  ],\n\n  indigo: [\n    '#edf2ff',\n    '#dbe4ff',\n    '#bac8ff',\n    '#91a7ff',\n    '#748ffc',\n    '#5c7cfa',\n    '#4c6ef5',\n    '#4263eb',\n    '#3b5bdb',\n    '#364fc7'\n  ],\n\n  blue: [\n    '#e7f5ff',\n    '#d0ebff',\n    '#a5d8ff',\n    '#74c0fc',\n    '#4dabf7',\n    '#339af0',\n    '#228be6',\n    '#1c7ed6',\n    '#1971c2',\n    '#1864ab'\n  ],\n\n  cyan: [\n    '#e3fafc',\n    '#c5f6fa',\n    '#99e9f2',\n    '#66d9e8',\n    '#3bc9db',\n    '#22b8cf',\n    '#15aabf',\n    '#1098ad',\n    '#0c8599',\n    '#0b7285'\n  ],\n\n  teal: [\n    '#e6fcf5',\n    '#c3fae8',\n    '#96f2d7',\n    '#63e6be',\n    '#38d9a9',\n    '#20c997',\n    '#12b886',\n    '#0ca678',\n    '#099268',\n    '#087f5b'\n  ],\n\n  green: [\n    '#ebfbee',\n    '#d3f9d8',\n    '#b2f2bb',\n    '#8ce99a',\n    '#69db7c',\n    '#51cf66',\n    '#40c057',\n    '#37b24d',\n    '#2f9e44',\n    '#2b8a3e'\n  ],\n\n  lime: [\n    '#f4fce3',\n    '#e9fac8',\n    '#d8f5a2',\n    '#c0eb75',\n    '#a9e34b',\n    '#94d82d',\n    '#82c91e',\n    '#74b816',\n    '#66a80f',\n    '#5c940d'\n  ],\n\n  yellow: [\n    '#fff9db',\n    '#fff3bf',\n    '#ffec99',\n    '#ffe066',\n    '#ffd43b',\n    '#fcc419',\n    '#fab005',\n    '#f59f00',\n    '#f08c00',\n    '#e67700'\n  ],\n\n  orange: [\n    '#fff4e6',\n    '#ffe8cc',\n    '#ffd8a8',\n    '#ffc078',\n    '#ffa94d',\n    '#ff922b',\n    '#fd7e14',\n    '#f76707',\n    '#e8590c',\n    '#d9480f'\n  ]\n}\n"],"mappings":";AAEA,MAAa,iBAA+B;CAC1C,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,KAAK;EACH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"default-colors.cjs","names":[],"sources":["../../../src/core/config-provider/default-colors.ts"],"sourcesContent":["import type { CThemeColors } from './theme.types'\n\nexport const DEFAULT_COLORS: CThemeColors = {\n  dark: [\n    '#C9C9C9',\n    '#b8b8b8',\n    '#828282',\n    '#696969',\n    '#424242',\n    '#3b3b3b',\n    '#2e2e2e',\n    '#242424',\n    '#1f1f1f',\n    '#141414',\n  ],\n\n  gray: [\n    '#f8f9fa',\n    '#f1f3f5',\n    '#e9ecef',\n    '#dee2e6',\n    '#ced4da',\n    '#adb5bd',\n    '#868e96',\n    '#495057',\n    '#343a40',\n    '#212529',\n  ],\n\n  red: [\n    '#fff5f5',\n    '#ffe3e3',\n    '#ffc9c9',\n    '#ffa8a8',\n    '#ff8787',\n    '#ff6b6b',\n    '#fa5252',\n    '#f03e3e',\n    '#e03131',\n    '#c92a2a',\n  ],\n\n  pink: [\n    '#fff0f6',\n    '#ffdeeb',\n    '#fcc2d7',\n    '#faa2c1',\n    '#f783ac',\n    '#f06595',\n    '#e64980',\n    '#d6336c',\n    '#c2255c',\n    '#a61e4d',\n  ],\n\n  grape: [\n    '#f8f0fc',\n    '#f3d9fa',\n    '#eebefa',\n    '#e599f7',\n    '#da77f2',\n    '#cc5de8',\n    '#be4bdb',\n    '#ae3ec9',\n    '#9c36b5',\n    '#862e9c',\n  ],\n\n  violet: [\n    '#f3f0ff',\n    '#e5dbff',\n    '#d0bfff',\n    '#b197fc',\n    '#9775fa',\n    '#845ef7',\n    '#7950f2',\n    '#7048e8',\n    '#6741d9',\n    '#5f3dc4',\n  ],\n\n  indigo: [\n    '#edf2ff',\n    '#dbe4ff',\n    '#bac8ff',\n    '#91a7ff',\n    '#748ffc',\n    '#5c7cfa',\n    '#4c6ef5',\n    '#4263eb',\n    '#3b5bdb',\n    '#364fc7',\n  ],\n\n  blue: [\n    '#e7f5ff',\n    '#d0ebff',\n    '#a5d8ff',\n    '#74c0fc',\n    '#4dabf7',\n    '#339af0',\n    '#228be6',\n    '#1c7ed6',\n    '#1971c2',\n    '#1864ab',\n  ],\n\n  cyan: [\n    '#e3fafc',\n    '#c5f6fa',\n    '#99e9f2',\n    '#66d9e8',\n    '#3bc9db',\n    '#22b8cf',\n    '#15aabf',\n    '#1098ad',\n    '#0c8599',\n    '#0b7285',\n  ],\n\n  teal: [\n    '#e6fcf5',\n    '#c3fae8',\n    '#96f2d7',\n    '#63e6be',\n    '#38d9a9',\n    '#20c997',\n    '#12b886',\n    '#0ca678',\n    '#099268',\n    '#087f5b',\n  ],\n\n  green: [\n    '#ebfbee',\n    '#d3f9d8',\n    '#b2f2bb',\n    '#8ce99a',\n    '#69db7c',\n    '#51cf66',\n    '#40c057',\n    '#37b24d',\n    '#2f9e44',\n    '#2b8a3e',\n  ],\n\n  lime: [\n    '#f4fce3',\n    '#e9fac8',\n    '#d8f5a2',\n    '#c0eb75',\n    '#a9e34b',\n    '#94d82d',\n    '#82c91e',\n    '#74b816',\n    '#66a80f',\n    '#5c940d',\n  ],\n\n  yellow: [\n    '#fff9db',\n    '#fff3bf',\n    '#ffec99',\n    '#ffe066',\n    '#ffd43b',\n    '#fcc419',\n    '#fab005',\n    '#f59f00',\n    '#f08c00',\n    '#e67700',\n  ],\n\n  orange: [\n    '#fff4e6',\n    '#ffe8cc',\n    '#ffd8a8',\n    '#ffc078',\n    '#ffa94d',\n    '#ff922b',\n    '#fd7e14',\n    '#f76707',\n    '#e8590c',\n    '#d9480f',\n  ],\n}\n"],"mappings":";AAEA,MAAa,iBAA+B;CAC1C,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,KAAK;EACH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/cjs/core/config-provider/index.cjs

@@ -14,12 +14,14 @@ const require_get_gradient = require("./color-functions/get-gradient/get-gradien
 const require_default_variant_colors_resolver = require("./color-functions/default-variant-colors-resolver/default-variant-colors-resolver.cjs");
 const require_default_theme = require("./default-theme.cjs");
 const require_config_provider_context = require("./config-provider.context.cjs");
+const require_use_component_props = require("./use-component-props/use-component-props.cjs");
 const require_config_provider = require("./config-provider.cjs");
 const require_virtual_color = require("./cck-css-variables/virtual-color/virtual-color.cjs");
 const require_get_css_color_variables = require("./cck-css-variables/get-css-color-variables.cjs");
 const require_default_css_variables_resolver = require("./cck-css-variables/default-css-variables-resolver.cjs");
 const require_create_theme = require("./create-theme/create-theme.cjs");
 const require_use_cck_color_scheme = require("./use-cck-color-scheme/use-cck-color-scheme.cjs");
+const require_merge_theme_overrides = require("./merge-theme-overrides/merge-theme-overrides.cjs");
 //#region packages/@cck-ui/core/src/core/config-provider/index.ts
 const CckConfigProvider = require_install.withInstall(require_config_provider.default);
 //#endregion
@@ -41,7 +43,9 @@ exports.getThemeColor = require_get_theme_color.getThemeColor;
 exports.isLightColor = require_luminance.isLightColor;
 exports.isVirtualColor = require_virtual_color.isVirtualColor;
 exports.luminance = require_luminance.luminance;
+exports.mergeThemeOverrides = require_merge_theme_overrides.mergeThemeOverrides;
 exports.parseThemeColor = require_parse_theme_color.parseThemeColor;
+exports.rgb = require_rgba.rgb;
 exports.rgba = require_rgba.rgba;
 exports.toRgba = require_to_rgba.toRgba;
 exports.useCckClassNamesPrefix = require_config_provider_context.useCckClassNamesPrefix;
@@ -54,6 +58,7 @@ exports.useCckStylesTransform = require_config_provider_context.useCckStylesTran
 exports.useCckSxTransform = require_config_provider_context.useCckSxTransform;
 exports.useCckTheme = require_config_provider_context.useCckTheme;
 exports.useCckWithStaticClasses = require_config_provider_context.useCckWithStaticClasses;
+exports.useComponentProps = require_use_component_props.useComponentProps;
 exports.useConfigContext = require_config_provider_context.useConfigContext;
 exports.useProviderColorScheme = require_use_provider_color_scheme.useProviderColorScheme;
 exports.virtualColor = require_virtual_color.virtualColor;

package/cjs/core/config-provider/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["withInstall","ConfigProvider"],"sources":["../../../src/core/config-provider/index.ts"],"sourcesContent":["import { SFCWithInstall, withInstall } from '../utils'\nimport ConfigProvider from './config-provider.vue'\n\nexport * from './cck-css-variables'\nexport * from './color-functions'\nexport * from './config-provider.context'\nexport * from './config-provider.types'\nexport * from './create-theme/create-theme'\nexport * from './default-theme'\nexport * from './theme.types'\nexport * from './use-cck-color-scheme'\n\nexport const CckConfigProvider: SFCWithInstall<typeof ConfigProvider> = withInstall(ConfigProvider)\nexport default CckConfigProvider\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAa,oBAA2DA,gBAAAA,YAAYC,wBAAAA,OAAc"}
+{"version":3,"file":"index.cjs","names":["withInstall","ConfigProvider"],"sources":["../../../src/core/config-provider/index.ts"],"sourcesContent":["import { SFCWithInstall, withInstall } from '../utils'\nimport ConfigProvider from './config-provider.vue'\n\nexport * from './cck-css-variables'\nexport * from './color-functions'\nexport * from './config-provider.context'\nexport * from './config-provider.types'\nexport * from './create-theme/create-theme'\nexport * from './default-theme'\nexport * from './theme.types'\nexport * from './use-cck-color-scheme'\nexport { useComponentProps } from './use-component-props/use-component-props'\nexport { mergeThemeOverrides } from './merge-theme-overrides/merge-theme-overrides'\n\nexport const CckConfigProvider: SFCWithInstall<typeof ConfigProvider> = withInstall(ConfigProvider)\nexport default CckConfigProvider\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAa,oBAA2DA,gBAAAA,YAAYC,wBAAAA,OAAc"}

package/cjs/core/config-provider/merge-cck-theme/merge-cck-theme.cjs

@@ -1,4 +1,4 @@
-let es_toolkit = require("es-toolkit");
+const require_deep_merge = require("../../utils/deep-merge/deep-merge.cjs");
 //#region packages/@cck-ui/core/src/core/config-provider/merge-cck-theme/merge-cck-theme.ts
 const INVALID_PRIMARY_COLOR_ERROR = "[@cck-ui/core] ConfigProvider: Invalid theme.primaryColor, it accepts only key of theme.colors";
 const INVALID_PRIMARY_SHADE_ERROR = "[@cck-ui/core] ConfigProvider: Invalid theme.primaryShade, it accepts only 0-9 integers or an object { light: 0-9, dark: 0-9 }";
@@ -18,7 +18,7 @@ function mergeCckTheme(currentTheme, themeOverride) {
 		validateCckTheme(currentTheme);
 		return currentTheme;
 	}
-	const result = (0, es_toolkit.merge)(currentTheme, themeOverride);
+	const result = require_deep_merge.deepMerge(currentTheme, themeOverride);
 	if (themeOverride.fontFamily && !themeOverride.headings?.fontFamily) result.headings = {
 		...result.headings,
 		fontFamily: themeOverride.fontFamily

package/cjs/core/config-provider/merge-cck-theme/merge-cck-theme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"merge-cck-theme.cjs","names":[],"sources":["../../../../src/core/config-provider/merge-cck-theme/merge-cck-theme.ts"],"sourcesContent":["import { merge } from 'es-toolkit'\nimport type { CTheme, CThemeOverride } from '../theme.types'\n\nexport const INVALID_PRIMARY_COLOR_ERROR =\n  '[@cck-ui/core] ConfigProvider: Invalid theme.primaryColor, it accepts only key of theme.colors'\n\nexport const INVALID_PRIMARY_SHADE_ERROR =\n  '[@cck-ui/core] ConfigProvider: Invalid theme.primaryShade, it accepts only 0-9 integers or an object { light: 0-9, dark: 0-9 }'\n\nfunction isValidPrimaryShade(shade: number) {\n  if (shade < 0 || shade > 9) {\n    return false\n  }\n\n  return parseInt(shade.toString(), 10) === shade\n}\n\nexport function validateCckTheme(theme: CTheme): asserts theme is CTheme {\n  if (!(theme.primaryColor in theme.colors)) {\n    throw new Error(INVALID_PRIMARY_COLOR_ERROR)\n  }\n\n  if (typeof theme.primaryShade === 'object') {\n    if (\n      !isValidPrimaryShade(theme.primaryShade.dark) ||\n      !isValidPrimaryShade(theme.primaryShade.light)\n    ) {\n      throw new Error(INVALID_PRIMARY_SHADE_ERROR)\n    }\n  }\n\n  if (typeof theme.primaryShade === 'number' && !isValidPrimaryShade(theme.primaryShade)) {\n    throw new Error(INVALID_PRIMARY_SHADE_ERROR)\n  }\n}\n\nexport function mergeCckTheme(currentTheme: CTheme, themeOverride?: CThemeOverride) {\n  if (!themeOverride) {\n    validateCckTheme(currentTheme)\n    return currentTheme\n  }\n\n  const result = merge(currentTheme, themeOverride)\n\n  if (themeOverride.fontFamily && !themeOverride.headings?.fontFamily) {\n    result.headings = { ...result.headings, fontFamily: themeOverride.fontFamily }\n  }\n\n  validateCckTheme(result)\n  return result\n}\n"],"mappings":";;AAGA,MAAa,8BACX;AAEF,MAAa,8BACX;AAEF,SAAS,oBAAoB,OAAe;CAC1C,IAAI,QAAQ,KAAK,QAAQ,GACvB,OAAO;CAGT,OAAO,SAAS,MAAM,SAAS,GAAG,EAAE,MAAM;AAC5C;AAEA,SAAgB,iBAAiB,OAAwC;CACvE,IAAI,EAAE,MAAM,gBAAgB,MAAM,SAChC,MAAM,IAAI,MAAM,2BAA2B;CAG7C,IAAI,OAAO,MAAM,iBAAiB;MAE9B,CAAC,oBAAoB,MAAM,aAAa,IAAI,KAC5C,CAAC,oBAAoB,MAAM,aAAa,KAAK,GAE7C,MAAM,IAAI,MAAM,2BAA2B;CAAA;CAI/C,IAAI,OAAO,MAAM,iBAAiB,YAAY,CAAC,oBAAoB,MAAM,YAAY,GACnF,MAAM,IAAI,MAAM,2BAA2B;AAE/C;AAEA,SAAgB,cAAc,cAAsB,eAAgC;CAClF,IAAI,CAAC,eAAe;EAClB,iBAAiB,YAAY;EAC7B,OAAO;CACT;CAEA,MAAM,UAAA,GAAA,WAAA,MAAA,CAAe,cAAc,aAAa;CAEhD,IAAI,cAAc,cAAc,CAAC,cAAc,UAAU,YACvD,OAAO,WAAW;EAAE,GAAG,OAAO;EAAU,YAAY,cAAc;CAAW;CAG/E,iBAAiB,MAAM;CACvB,OAAO;AACT"}
+{"version":3,"file":"merge-cck-theme.cjs","names":["deepMerge"],"sources":["../../../../src/core/config-provider/merge-cck-theme/merge-cck-theme.ts"],"sourcesContent":["import { deepMerge } from '../../utils'\nimport type { CTheme, CThemeOverride } from '../theme.types'\n\nexport const INVALID_PRIMARY_COLOR_ERROR =\n  '[@cck-ui/core] ConfigProvider: Invalid theme.primaryColor, it accepts only key of theme.colors'\n\nexport const INVALID_PRIMARY_SHADE_ERROR =\n  '[@cck-ui/core] ConfigProvider: Invalid theme.primaryShade, it accepts only 0-9 integers or an object { light: 0-9, dark: 0-9 }'\n\nfunction isValidPrimaryShade(shade: number) {\n  if (shade < 0 || shade > 9) {\n    return false\n  }\n\n  return parseInt(shade.toString(), 10) === shade\n}\n\nexport function validateCckTheme(theme: CTheme): asserts theme is CTheme {\n  if (!(theme.primaryColor in theme.colors)) {\n    throw new Error(INVALID_PRIMARY_COLOR_ERROR)\n  }\n\n  if (typeof theme.primaryShade === 'object') {\n    if (\n      !isValidPrimaryShade(theme.primaryShade.dark) ||\n      !isValidPrimaryShade(theme.primaryShade.light)\n    ) {\n      throw new Error(INVALID_PRIMARY_SHADE_ERROR)\n    }\n  }\n\n  if (typeof theme.primaryShade === 'number' && !isValidPrimaryShade(theme.primaryShade)) {\n    throw new Error(INVALID_PRIMARY_SHADE_ERROR)\n  }\n}\n\nexport function mergeCckTheme(currentTheme: CTheme, themeOverride?: CThemeOverride) {\n  if (!themeOverride) {\n    validateCckTheme(currentTheme)\n    return currentTheme\n  }\n\n  const result = deepMerge(currentTheme, themeOverride)\n\n  if (themeOverride.fontFamily && !themeOverride.headings?.fontFamily) {\n    result.headings = { ...result.headings, fontFamily: themeOverride.fontFamily }\n  }\n\n  validateCckTheme(result)\n  return result\n}\n"],"mappings":";;AAGA,MAAa,8BACX;AAEF,MAAa,8BACX;AAEF,SAAS,oBAAoB,OAAe;CAC1C,IAAI,QAAQ,KAAK,QAAQ,GACvB,OAAO;CAGT,OAAO,SAAS,MAAM,SAAS,GAAG,EAAE,MAAM;AAC5C;AAEA,SAAgB,iBAAiB,OAAwC;CACvE,IAAI,EAAE,MAAM,gBAAgB,MAAM,SAChC,MAAM,IAAI,MAAM,2BAA2B;CAG7C,IAAI,OAAO,MAAM,iBAAiB;MAE9B,CAAC,oBAAoB,MAAM,aAAa,IAAI,KAC5C,CAAC,oBAAoB,MAAM,aAAa,KAAK,GAE7C,MAAM,IAAI,MAAM,2BAA2B;CAAA;CAI/C,IAAI,OAAO,MAAM,iBAAiB,YAAY,CAAC,oBAAoB,MAAM,YAAY,GACnF,MAAM,IAAI,MAAM,2BAA2B;AAE/C;AAEA,SAAgB,cAAc,cAAsB,eAAgC;CAClF,IAAI,CAAC,eAAe;EAClB,iBAAiB,YAAY;EAC7B,OAAO;CACT;CAEA,MAAM,SAASA,mBAAAA,UAAU,cAAc,aAAa;CAEpD,IAAI,cAAc,cAAc,CAAC,cAAc,UAAU,YACvD,OAAO,WAAW;EAAE,GAAG,OAAO;EAAU,YAAY,cAAc;CAAW;CAG/E,iBAAiB,MAAM;CACvB,OAAO;AACT"}

package/cjs/core/config-provider/merge-theme-overrides/merge-theme-overrides.cjs

@@ -0,0 +1,10 @@
+"use client";
+const require_deep_merge = require("../../utils/deep-merge/deep-merge.cjs");
+//#region packages/@cck-ui/core/src/core/config-provider/merge-theme-overrides/merge-theme-overrides.ts
+function mergeThemeOverrides(...overrides) {
+	return overrides.reduce((acc, override) => require_deep_merge.deepMerge(acc, override), {});
+}
+//#endregion
+exports.mergeThemeOverrides = mergeThemeOverrides;
+
+//# sourceMappingURL=merge-theme-overrides.cjs.map

package/cjs/core/config-provider/merge-theme-overrides/merge-theme-overrides.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-theme-overrides.cjs","names":["deepMerge"],"sources":["../../../../src/core/config-provider/merge-theme-overrides/merge-theme-overrides.ts"],"sourcesContent":["import { deepMerge } from '../../utils'\nimport { CThemeOverride } from '../theme.types'\n\nexport function mergeThemeOverrides(...overrides: CThemeOverride[]): CThemeOverride {\n  return overrides.reduce((acc, override) => deepMerge(acc, override), {})\n}\n"],"mappings":";;;AAGA,SAAgB,oBAAoB,GAAG,WAA6C;CAClF,OAAO,UAAU,QAAQ,KAAK,aAAaA,mBAAAA,UAAU,KAAK,QAAQ,GAAG,CAAC,CAAC;AACzE"}