@cck-ui/core 0.4.10 → 0.6.0

package/cjs/core/config-provider/use-component-props/use-component-props.cjs

@@ -0,0 +1,35 @@
+"use client";
+const require_config_provider_context = require("../config-provider.context.cjs");
+let vue = require("vue");
+//#region packages/@cck-ui/core/src/core/config-provider/use-component-props/use-component-props.ts
+function useComponentProps(options) {
+	const { component, defaultProps = {}, props } = options;
+	const theme = require_config_provider_context.useCckTheme();
+	const names = Array.isArray(component) ? component : [component];
+	const contextProps = (0, vue.computed)(() => {
+		const components = theme.value.components;
+		if (!components) return {};
+		let result = {};
+		for (const name of names) if (name) {
+			const config = components[name];
+			if (config?.defaultProps) result = {
+				...result,
+				...config.defaultProps
+			};
+		}
+		return result;
+	});
+	return (0, vue.computed)(() => {
+		const filteredProps = {};
+		for (const key in props) if (props[key] !== void 0) filteredProps[key] = props[key];
+		return {
+			...defaultProps,
+			...contextProps.value,
+			...filteredProps
+		};
+	});
+}
+//#endregion
+exports.useComponentProps = useComponentProps;
+
+//# sourceMappingURL=use-component-props.cjs.map

package/cjs/core/config-provider/use-component-props/use-component-props.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-component-props.cjs","names":["useCckTheme"],"sources":["../../../../src/core/config-provider/use-component-props/use-component-props.ts"],"sourcesContent":["import { computed, ComputedRef } from 'vue'\nimport { useCckTheme } from '../config-provider.context'\n\nexport interface UseComponentPropsOptions<\n  T extends Record<string, any>,\n  U extends Partial<T> | null = {},\n> {\n  component: string | (string | undefined)[]\n  defaultProps: U\n  props: T\n}\n\nexport function useComponentProps<T extends Record<string, any>, U extends Partial<T> | null = {}>(\n  options: UseComponentPropsOptions<T, U>\n): ComputedRef<T> {\n  const { component, defaultProps = {} as U, props } = options\n\n  const theme = useCckTheme()\n  const names = Array.isArray(component) ? component : [component]\n\n  const contextProps = computed(() => {\n    const components = theme.value.components\n    if (!components) {\n      return {} as Partial<T>\n    }\n\n    let result: Partial<T> = {}\n    for (const name of names) {\n      if (name) {\n        const config = components[name]\n        if (config?.defaultProps) {\n          result = { ...result, ...config.defaultProps }\n        }\n      }\n    }\n    return result\n  })\n\n  const mergedProps = computed(() => {\n    const filteredProps: Partial<T> = {}\n    for (const key in props) {\n      if (props[key] !== undefined) {\n        filteredProps[key] = props[key]\n      }\n    }\n    return {\n      ...(defaultProps as any),\n      ...contextProps.value,\n      ...filteredProps,\n    }\n  }) as ComputedRef<T>\n\n  return mergedProps\n}\n"],"mappings":";;;;AAYA,SAAgB,kBACd,SACgB;CAChB,MAAM,EAAE,WAAW,eAAe,CAAC,GAAQ,UAAU;CAErD,MAAM,QAAQA,gCAAAA,YAAY;CAC1B,MAAM,QAAQ,MAAM,QAAQ,SAAS,IAAI,YAAY,CAAC,SAAS;CAE/D,MAAM,gBAAA,GAAA,IAAA,SAAA,OAA8B;EAClC,MAAM,aAAa,MAAM,MAAM;EAC/B,IAAI,CAAC,YACH,OAAO,CAAC;EAGV,IAAI,SAAqB,CAAC;EAC1B,KAAK,MAAM,QAAQ,OACjB,IAAI,MAAM;GACR,MAAM,SAAS,WAAW;GAC1B,IAAI,QAAQ,cACV,SAAS;IAAE,GAAG;IAAQ,GAAG,OAAO;GAAa;EAEjD;EAEF,OAAO;CACT,CAAC;CAgBD,QAAA,GAAA,IAAA,SAAA,OAdmC;EACjC,MAAM,gBAA4B,CAAC;EACnC,KAAK,MAAM,OAAO,OAChB,IAAI,MAAM,SAAS,KAAA,GACjB,cAAc,OAAO,MAAM;EAG/B,OAAO;GACL,GAAI;GACJ,GAAG,aAAa;GAChB,GAAG;EACL;CACF,CAEiB;AACnB"}

package/cjs/core/responsive-style-manager/css-object-to-string/css-object-to-string.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"css-object-to-string.cjs","names":["keys","camelToKebabCase"],"sources":["../../../../src/core/responsive-style-manager/css-object-to-string/css-object-to-string.ts"],"sourcesContent":["import { Properties } from 'csstype'\nimport { camelToKebabCase, keys } from '../../utils'\n\nexport function cssObjectToString(css: Properties) {\n  return keys(css)\n    .reduce(\n      (acc, rule) =>\n        css[rule] !== undefined\n          ? `${acc}${camelToKebabCase(rule)}:${css[rule]};`\n          : acc,\n      ''\n    )\n    .trim()\n}\n"],"mappings":";;;;AAGA,SAAgB,kBAAkB,KAAiB;CACjD,OAAOA,aAAAA,KAAK,GAAG,CAAC,CACb,QACE,KAAK,SACJ,IAAI,UAAU,KAAA,IACV,GAAG,MAAMC,4BAAAA,iBAAiB,IAAI,EAAE,GAAG,IAAI,MAAM,KAC7C,KACN,EACF,CAAC,CACA,KAAK;AACV"}
+{"version":3,"file":"css-object-to-string.cjs","names":["keys","camelToKebabCase"],"sources":["../../../../src/core/responsive-style-manager/css-object-to-string/css-object-to-string.ts"],"sourcesContent":["import { Properties } from 'csstype'\nimport { camelToKebabCase, keys } from '../../utils'\n\nexport function cssObjectToString(css: Properties) {\n  return keys(css)\n    .reduce(\n      (acc, rule) =>\n        css[rule] !== undefined ? `${acc}${camelToKebabCase(rule)}:${css[rule]};` : acc,\n      ''\n    )\n    .trim()\n}\n"],"mappings":";;;;AAGA,SAAgB,kBAAkB,KAAiB;CACjD,OAAOA,aAAAA,KAAK,GAAG,CAAC,CACb,QACE,KAAK,SACJ,IAAI,UAAU,KAAA,IAAY,GAAG,MAAMC,4BAAAA,iBAAiB,IAAI,EAAE,GAAG,IAAI,MAAM,KAAK,KAC9E,EACF,CAAC,CACA,KAAK;AACV"}

package/cjs/core/responsive-style-manager/normalize-number-like-string-prop/normalize-number-like-string-prop.cjs

@@ -2,7 +2,7 @@
 const require_number_like_string_to_number = require("../../utils/number-like-string-to-number/number-like-string-to-number.cjs");
 //#region packages/@cck-ui/core/src/core/responsive-style-manager/normalize-number-like-string-prop/normalize-number-like-string-prop.ts
 function normalizeNumberLikeStringProp(prop) {
-	if (prop === void 0 || prop === null) return void 0;
+	if (prop === void 0 || prop === null) return;
 	if (typeof prop === "number" || typeof prop === "string") return require_number_like_string_to_number.numberLikeStringToNumber(prop);
 	const normalized = {};
 	for (const [key, value] of Object.entries(prop)) if (value !== void 0) normalized[key] = require_number_like_string_to_number.numberLikeStringToNumber(value);

package/cjs/core/responsive-style-manager/normalize-number-like-string-prop/normalize-number-like-string-prop.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"normalize-number-like-string-prop.cjs","names":["numberLikeStringToNumber"],"sources":["../../../../src/core/responsive-style-manager/normalize-number-like-string-prop/normalize-number-like-string-prop.ts"],"sourcesContent":["import { NumberLikeString, StyleProp } from '../../box'\nimport { CBreakpoint } from '../../config-provider'\nimport { numberLikeStringToNumber } from '../../utils'\n\nexport function normalizeNumberLikeStringProp(\n  prop: StyleProp<NumberLikeString | undefined>\n): StyleProp<number> | undefined {\n  if (prop === undefined || prop === null) return undefined\n\n  if (typeof prop === 'number' || typeof prop === 'string')\n    return numberLikeStringToNumber(prop)\n\n  const normalized: Partial<Record<CBreakpoint | (string & {}), number>> = {}\n  for (const [key, value] of Object.entries(prop)) {\n    if (value !== undefined) {\n      normalized[key] = numberLikeStringToNumber(value as NumberLikeString)\n    }\n  }\n  return normalized\n}\n"],"mappings":";;;AAIA,SAAgB,8BACd,MAC+B;CAC/B,IAAI,SAAS,KAAA,KAAa,SAAS,MAAM,OAAO,KAAA;CAEhD,IAAI,OAAO,SAAS,YAAY,OAAO,SAAS,UAC9C,OAAOA,qCAAAA,yBAAyB,IAAI;CAEtC,MAAM,aAAmE,CAAC;CAC1E,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,IAAI,GAC5C,IAAI,UAAU,KAAA,GACZ,WAAW,OAAOA,qCAAAA,yBAAyB,KAAyB;CAGxE,OAAO;AACT"}
+{"version":3,"file":"normalize-number-like-string-prop.cjs","names":["numberLikeStringToNumber"],"sources":["../../../../src/core/responsive-style-manager/normalize-number-like-string-prop/normalize-number-like-string-prop.ts"],"sourcesContent":["import { NumberLikeString, StyleProp } from '../../box'\nimport { CBreakpoint } from '../../config-provider'\nimport { numberLikeStringToNumber } from '../../utils'\n\nexport function normalizeNumberLikeStringProp(\n  prop: StyleProp<NumberLikeString | undefined>\n): StyleProp<number> | undefined {\n  if (prop === undefined || prop === null) {\n    return undefined\n  }\n\n  if (typeof prop === 'number' || typeof prop === 'string') {\n    return numberLikeStringToNumber(prop)\n  }\n\n  const normalized: Partial<Record<CBreakpoint | (string & {}), number>> = {}\n  for (const [key, value] of Object.entries(prop)) {\n    if (value !== undefined) {\n      normalized[key] = numberLikeStringToNumber(value as NumberLikeString)\n    }\n  }\n  return normalized\n}\n"],"mappings":";;;AAIA,SAAgB,8BACd,MAC+B;CAC/B,IAAI,SAAS,KAAA,KAAa,SAAS,MACjC;CAGF,IAAI,OAAO,SAAS,YAAY,OAAO,SAAS,UAC9C,OAAOA,qCAAAA,yBAAyB,IAAI;CAGtC,MAAM,aAAmE,CAAC;CAC1E,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,IAAI,GAC5C,IAAI,UAAU,KAAA,GACZ,WAAW,OAAOA,qCAAAA,yBAAyB,KAAyB;CAGxE,OAAO;AACT"}

package/cjs/core/responsive-style-manager/responsive-style-manager.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"responsive-style-manager.cjs","names":[],"sources":["../../../src/core/responsive-style-manager/responsive-style-manager.ts"],"sourcesContent":["export interface StyleManagerEntry {\n  refCount: number\n  styleEl: HTMLStyleElement\n  cssText: string\n}\n\nfunction hashString(str: string): string {\n  let hash = 0\n  for (let i = 0; i < str.length; i++) {\n    hash = (hash << 5) - hash + str.charCodeAt(i)\n    hash = Math.trunc(hash)\n  }\n  return `rsp_${Math.abs(hash)}`\n}\n\nclass ResponsiveStyleManager {\n  private styleMap: Map<string, StyleManagerEntry> = new Map()\n\n  public register(cssText: string, key?: string): string {\n    const finalKey = key || hashString(cssText)\n    const existing = this.styleMap.get(finalKey)\n\n    if (existing) {\n      existing.refCount++\n      return finalKey\n    }\n\n    if (typeof document !== 'undefined') {\n      const styleEl = document.createElement('style')\n      styleEl.textContent = cssText\n      document.head.appendChild(styleEl)\n\n      this.styleMap.set(finalKey, {\n        refCount: 1,\n        styleEl,\n        cssText\n      })\n    } else {\n      this.styleMap.set(finalKey, {\n        refCount: 1,\n        styleEl: null as any,\n        cssText\n      })\n    }\n\n    return finalKey\n  }\n\n  public unregister(styleKey: string): void {\n    const entry = this.styleMap.get(styleKey)\n    if (!entry) return\n\n    entry.refCount--\n    if (entry.refCount === 0) {\n      if (typeof document !== 'undefined' && entry.styleEl.parentNode) {\n        entry.styleEl.parentNode.removeChild(entry.styleEl)\n      }\n      this.styleMap.delete(styleKey)\n    }\n  }\n}\n\nexport const responsiveStyleManager = new ResponsiveStyleManager()\n"],"mappings":";;AAMA,SAAS,WAAW,KAAqB;CACvC,IAAI,OAAO;CACX,KAAK,IAAI,IAAI,GAAG,IAAI,IAAI,QAAQ,KAAK;EACnC,QAAQ,QAAQ,KAAK,OAAO,IAAI,WAAW,CAAC;EAC5C,OAAO,KAAK,MAAM,IAAI;CACxB;CACA,OAAO,OAAO,KAAK,IAAI,IAAI;AAC7B;AAEA,IAAM,yBAAN,MAA6B;;kCACwB,IAAI,IAAI;;CAE3D,SAAgB,SAAiB,KAAsB;EACrD,MAAM,WAAW,OAAO,WAAW,OAAO;EAC1C,MAAM,WAAW,KAAK,SAAS,IAAI,QAAQ;EAE3C,IAAI,UAAU;GACZ,SAAS;GACT,OAAO;EACT;EAEA,IAAI,OAAO,aAAa,aAAa;GACnC,MAAM,UAAU,SAAS,cAAc,OAAO;GAC9C,QAAQ,cAAc;GACtB,SAAS,KAAK,YAAY,OAAO;GAEjC,KAAK,SAAS,IAAI,UAAU;IAC1B,UAAU;IACV;IACA;GACF,CAAC;EACH,OACE,KAAK,SAAS,IAAI,UAAU;GAC1B,UAAU;GACV,SAAS;GACT;EACF,CAAC;EAGH,OAAO;CACT;CAEA,WAAkB,UAAwB;EACxC,MAAM,QAAQ,KAAK,SAAS,IAAI,QAAQ;EACxC,IAAI,CAAC,OAAO;EAEZ,MAAM;EACN,IAAI,MAAM,aAAa,GAAG;GACxB,IAAI,OAAO,aAAa,eAAe,MAAM,QAAQ,YACnD,MAAM,QAAQ,WAAW,YAAY,MAAM,OAAO;GAEpD,KAAK,SAAS,OAAO,QAAQ;EAC/B;CACF;AACF;AAEA,MAAa,yBAAyB,IAAI,uBAAuB"}
+{"version":3,"file":"responsive-style-manager.cjs","names":[],"sources":["../../../src/core/responsive-style-manager/responsive-style-manager.ts"],"sourcesContent":["export interface StyleManagerEntry {\n  refCount: number\n  styleEl: HTMLStyleElement\n  cssText: string\n}\n\nfunction hashString(str: string): string {\n  let hash = 0\n  for (let i = 0; i < str.length; i++) {\n    hash = (hash << 5) - hash + str.charCodeAt(i)\n    hash = Math.trunc(hash)\n  }\n  return `rsp_${Math.abs(hash)}`\n}\n\nclass ResponsiveStyleManager {\n  private styleMap: Map<string, StyleManagerEntry>\n\n  constructor() {\n    this.styleMap = new Map()\n  }\n\n  public register(cssText: string, key?: string): string {\n    const finalKey = key || hashString(cssText)\n    const existing = this.styleMap.get(finalKey)\n\n    if (existing) {\n      existing.refCount++\n      return finalKey\n    }\n\n    if (typeof document !== 'undefined') {\n      const styleEl = document.createElement('style')\n      styleEl.textContent = cssText\n      document.head.appendChild(styleEl)\n\n      this.styleMap.set(finalKey, {\n        refCount: 1,\n        styleEl,\n        cssText,\n      })\n    } else {\n      this.styleMap.set(finalKey, {\n        refCount: 1,\n        styleEl: null as any,\n        cssText,\n      })\n    }\n\n    return finalKey\n  }\n\n  public unregister(styleKey: string): void {\n    const entry = this.styleMap.get(styleKey)\n    if (!entry) {\n      return\n    }\n\n    entry.refCount--\n    if (entry.refCount === 0) {\n      if (typeof document !== 'undefined' && entry.styleEl.parentNode) {\n        entry.styleEl.parentNode.removeChild(entry.styleEl)\n      }\n      this.styleMap.delete(styleKey)\n    }\n  }\n}\n\nexport const responsiveStyleManager = new ResponsiveStyleManager()\n"],"mappings":";;AAMA,SAAS,WAAW,KAAqB;CACvC,IAAI,OAAO;CACX,KAAK,IAAI,IAAI,GAAG,IAAI,IAAI,QAAQ,KAAK;EACnC,QAAQ,QAAQ,KAAK,OAAO,IAAI,WAAW,CAAC;EAC5C,OAAO,KAAK,MAAM,IAAI;CACxB;CACA,OAAO,OAAO,KAAK,IAAI,IAAI;AAC7B;AAEA,IAAM,yBAAN,MAA6B;CAG3B,cAAc;EACZ,KAAK,2BAAW,IAAI,IAAI;CAC1B;CAEA,SAAgB,SAAiB,KAAsB;EACrD,MAAM,WAAW,OAAO,WAAW,OAAO;EAC1C,MAAM,WAAW,KAAK,SAAS,IAAI,QAAQ;EAE3C,IAAI,UAAU;GACZ,SAAS;GACT,OAAO;EACT;EAEA,IAAI,OAAO,aAAa,aAAa;GACnC,MAAM,UAAU,SAAS,cAAc,OAAO;GAC9C,QAAQ,cAAc;GACtB,SAAS,KAAK,YAAY,OAAO;GAEjC,KAAK,SAAS,IAAI,UAAU;IAC1B,UAAU;IACV;IACA;GACF,CAAC;EACH,OACE,KAAK,SAAS,IAAI,UAAU;GAC1B,UAAU;GACV,SAAS;GACT;EACF,CAAC;EAGH,OAAO;CACT;CAEA,WAAkB,UAAwB;EACxC,MAAM,QAAQ,KAAK,SAAS,IAAI,QAAQ;EACxC,IAAI,CAAC,OACH;EAGF,MAAM;EACN,IAAI,MAAM,aAAa,GAAG;GACxB,IAAI,OAAO,aAAa,eAAe,MAAM,QAAQ,YACnD,MAAM,QAAQ,WAAW,YAAY,MAAM,OAAO;GAEpD,KAAK,SAAS,OAAO,QAAQ;EAC/B;CACF;AACF;AAEA,MAAa,yBAAyB,IAAI,uBAAuB"}

package/cjs/core/responsive-style-manager/styles-to-string/styles-to-string.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles-to-string.cjs","names":["cssObjectToString"],"sources":["../../../../src/core/responsive-style-manager/styles-to-string/styles-to-string.ts"],"sourcesContent":["import { Properties } from 'csstype'\nimport { cssObjectToString } from '../css-object-to-string/css-object-to-string'\n\nexport interface StylesMediaQuery {\n  query: string\n  styles: Properties\n}\n\nexport interface StylesInput {\n  selector: string\n  styles?: Properties\n  media?: StylesMediaQuery[]\n  container?: StylesMediaQuery[]\n}\n\nexport function stylesToString({\n  container,\n  media,\n  selector,\n  styles\n}: StylesInput) {\n  const baseStyles = styles ? cssObjectToString(styles) : ''\n\n  const mediaQueryStyles = !Array.isArray(media)\n    ? []\n    : media.map(\n        (item) =>\n          `@media${item.query}{.${selector}{${cssObjectToString(item.styles)}}}`\n      )\n  const containerStyles = !Array.isArray(container)\n    ? []\n    : container.map(\n        (item) =>\n          `@container ${item.query}{.${selector}{${cssObjectToString(item.styles)}}}`\n      )\n\n  return `${baseStyles ? `.${selector}{${baseStyles}}` : ''}${mediaQueryStyles.join('')}${containerStyles.join('')}`.trim()\n}\n"],"mappings":";;;AAeA,SAAgB,eAAe,EAC7B,WACA,OACA,UACA,UACc;CACd,MAAM,aAAa,SAASA,6BAAAA,kBAAkB,MAAM,IAAI;CAExD,MAAM,mBAAmB,CAAC,MAAM,QAAQ,KAAK,IACzC,CAAC,IACD,MAAM,KACH,SACC,SAAS,KAAK,MAAM,IAAI,SAAS,GAAGA,6BAAAA,kBAAkB,KAAK,MAAM,EAAE,GACvE;CACJ,MAAM,kBAAkB,CAAC,MAAM,QAAQ,SAAS,IAC5C,CAAC,IACD,UAAU,KACP,SACC,cAAc,KAAK,MAAM,IAAI,SAAS,GAAGA,6BAAAA,kBAAkB,KAAK,MAAM,EAAE,GAC5E;CAEJ,OAAO,GAAG,aAAa,IAAI,SAAS,GAAG,WAAW,KAAK,KAAK,iBAAiB,KAAK,EAAE,IAAI,gBAAgB,KAAK,EAAE,IAAI,KAAK;AAC1H"}
+{"version":3,"file":"styles-to-string.cjs","names":["cssObjectToString"],"sources":["../../../../src/core/responsive-style-manager/styles-to-string/styles-to-string.ts"],"sourcesContent":["import { Properties } from 'csstype'\nimport { cssObjectToString } from '../css-object-to-string/css-object-to-string'\n\nexport interface StylesMediaQuery {\n  query: string\n  styles: Properties\n}\n\nexport interface StylesInput {\n  selector: string\n  styles?: Properties\n  media?: StylesMediaQuery[]\n  container?: StylesMediaQuery[]\n}\n\nexport function stylesToString({ container, media, selector, styles }: StylesInput) {\n  const baseStyles = styles ? cssObjectToString(styles) : ''\n\n  const mediaQueryStyles = !Array.isArray(media)\n    ? []\n    : media.map((item) => `@media${item.query}{.${selector}{${cssObjectToString(item.styles)}}}`)\n  const containerStyles = !Array.isArray(container)\n    ? []\n    : container.map(\n        (item) => `@container ${item.query}{.${selector}{${cssObjectToString(item.styles)}}}`\n      )\n\n  return `${baseStyles ? `.${selector}{${baseStyles}}` : ''}${mediaQueryStyles.join('')}${containerStyles.join('')}`.trim()\n}\n"],"mappings":";;;AAeA,SAAgB,eAAe,EAAE,WAAW,OAAO,UAAU,UAAuB;CAClF,MAAM,aAAa,SAASA,6BAAAA,kBAAkB,MAAM,IAAI;CAExD,MAAM,mBAAmB,CAAC,MAAM,QAAQ,KAAK,IACzC,CAAC,IACD,MAAM,KAAK,SAAS,SAAS,KAAK,MAAM,IAAI,SAAS,GAAGA,6BAAAA,kBAAkB,KAAK,MAAM,EAAE,GAAG;CAC9F,MAAM,kBAAkB,CAAC,MAAM,QAAQ,SAAS,IAC5C,CAAC,IACD,UAAU,KACP,SAAS,cAAc,KAAK,MAAM,IAAI,SAAS,GAAGA,6BAAAA,kBAAkB,KAAK,MAAM,EAAE,GACpF;CAEJ,OAAO,GAAG,aAAa,IAAI,SAAS,GAAG,WAAW,KAAK,KAAK,iBAAiB,KAAK,EAAE,IAAI,gBAAgB,KAAK,EAAE,IAAI,KAAK;AAC1H"}

package/cjs/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-options-class-names.cjs","names":["resolveClassNames"],"sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.ts"],"sourcesContent":["import { GetStylesApiOptions } from '../../../styles-api.types'\nimport {\n  ResolveClassNamesInput,\n  resolveClassNames\n} from '../resolve-class-names/resolve-class-names'\n\ninterface GetOptionsClassNamesInput extends Omit<\n  ResolveClassNamesInput,\n  'classNames'\n> {\n  selector: string\n  options: GetStylesApiOptions | undefined\n}\n\nexport function getOptionsClassNames({\n  selector,\n  stylesCtx,\n  options,\n  props,\n  theme\n}: GetOptionsClassNamesInput) {\n  return resolveClassNames({\n    theme,\n    classNames: options?.classNames,\n    props: options?.props || props,\n    stylesCtx\n  })[selector]\n}\n"],"mappings":";;;AAcA,SAAgB,qBAAqB,EACnC,UACA,WACA,SACA,OACA,SAC4B;CAC5B,OAAOA,4BAAAA,kBAAkB;EACvB;EACA,YAAY,SAAS;EACrB,OAAO,SAAS,SAAS;EACzB;CACF,CAAC,CAAC,CAAC;AACL"}
+{"version":3,"file":"get-options-class-names.cjs","names":["resolveClassNames"],"sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.ts"],"sourcesContent":["import { GetStylesApiOptions } from '../../../styles-api.types'\nimport {\n  ResolveClassNamesInput,\n  resolveClassNames,\n} from '../resolve-class-names/resolve-class-names'\n\ninterface GetOptionsClassNamesInput extends Omit<ResolveClassNamesInput, 'classNames'> {\n  selector: string\n  options: GetStylesApiOptions | undefined\n}\n\nexport function getOptionsClassNames({\n  selector,\n  stylesCtx,\n  options,\n  props,\n  theme,\n}: GetOptionsClassNamesInput) {\n  return resolveClassNames({\n    theme,\n    classNames: options?.classNames,\n    props: options?.props || props,\n    stylesCtx,\n  })[selector]\n}\n"],"mappings":";;;AAWA,SAAgB,qBAAqB,EACnC,UACA,WACA,SACA,OACA,SAC4B;CAC5B,OAAOA,4BAAAA,kBAAkB;EACvB;EACA,YAAY,SAAS;EACrB,OAAO,SAAS,SAAS;EACzB;CACF,CAAC,CAAC,CAAC;AACL"}

package/cjs/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-resolved-class-names.cjs","names":["resolveClassNames"],"sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.ts"],"sourcesContent":["import {\n  ResolveClassNamesInput,\n  resolveClassNames\n} from '../resolve-class-names/resolve-class-names'\n\ninterface GetResolvedClassNamesOptions extends ResolveClassNamesInput {\n  selector: string\n}\n\nexport function getResolvedClassNames({\n  selector,\n  stylesCtx,\n  theme,\n  classNames,\n  props\n}: GetResolvedClassNamesOptions) {\n  return resolveClassNames({ theme, classNames, props, stylesCtx })[selector]\n}\n"],"mappings":";;;AASA,SAAgB,sBAAsB,EACpC,UACA,WACA,OACA,YACA,SAC+B;CAC/B,OAAOA,4BAAAA,kBAAkB;EAAE;EAAO;EAAY;EAAO;CAAU,CAAC,CAAC,CAAC;AACpE"}
+{"version":3,"file":"get-resolved-class-names.cjs","names":["resolveClassNames"],"sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.ts"],"sourcesContent":["import {\n  ResolveClassNamesInput,\n  resolveClassNames,\n} from '../resolve-class-names/resolve-class-names'\n\ninterface GetResolvedClassNamesOptions extends ResolveClassNamesInput {\n  selector: string\n}\n\nexport function getResolvedClassNames({\n  selector,\n  stylesCtx,\n  theme,\n  classNames,\n  props,\n}: GetResolvedClassNamesOptions) {\n  return resolveClassNames({ theme, classNames, props, stylesCtx })[selector]\n}\n"],"mappings":";;;AASA,SAAgB,sBAAsB,EACpC,UACA,WACA,OACA,YACA,SAC+B;CAC/B,OAAOA,4BAAAA,kBAAkB;EAAE;EAAO;EAAY;EAAO;CAAU,CAAC,CAAC,CAAC;AACpE"}

package/cjs/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-root-class-name.cjs","names":[],"sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.ts"],"sourcesContent":["interface GetRootClassNameInput {\n  rootSelector: string\n  selector: string\n  className: string | undefined\n}\n\nexport function getRootClassName({\n  rootSelector,\n  selector,\n  className\n}: GetRootClassNameInput) {\n  return rootSelector === selector ? className : undefined\n}\n"],"mappings":";;AAMA,SAAgB,iBAAiB,EAC/B,cACA,UACA,aACwB;CACxB,OAAO,iBAAiB,WAAW,YAAY,KAAA;AACjD"}
+{"version":3,"file":"get-root-class-name.cjs","names":[],"sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.ts"],"sourcesContent":["interface GetRootClassNameInput {\n  rootSelector: string\n  selector: string\n  className: string | undefined\n}\n\nexport function getRootClassName({ rootSelector, selector, className }: GetRootClassNameInput) {\n  return rootSelector === selector ? className : undefined\n}\n"],"mappings":";;AAMA,SAAgB,iBAAiB,EAAE,cAAc,UAAU,aAAoC;CAC7F,OAAO,iBAAiB,WAAW,YAAY,KAAA;AACjD"}

package/cjs/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-selector-class-name.cjs","names":[],"sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.ts"],"sourcesContent":["interface GetSelectorClassNameInput {\n  selector: string\n  classes: Record<string, string>\n  unstyled: boolean | undefined\n}\n\nexport function getSelectorClassName({\n  selector,\n  classes,\n  unstyled\n}: GetSelectorClassNameInput) {\n  return unstyled ? undefined : classes[selector]\n}\n"],"mappings":";;AAMA,SAAgB,qBAAqB,EACnC,UACA,SACA,YAC4B;CAC5B,OAAO,WAAW,KAAA,IAAY,QAAQ;AACxC"}
+{"version":3,"file":"get-selector-class-name.cjs","names":[],"sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.ts"],"sourcesContent":["interface GetSelectorClassNameInput {\n  selector: string\n  classes: Record<string, string>\n  unstyled: boolean | undefined\n}\n\nexport function getSelectorClassName({ selector, classes, unstyled }: GetSelectorClassNameInput) {\n  return unstyled ? undefined : classes[selector]\n}\n"],"mappings":";;AAMA,SAAgB,qBAAqB,EAAE,UAAU,SAAS,YAAuC;CAC/F,OAAO,WAAW,KAAA,IAAY,QAAQ;AACxC"}

package/cjs/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-static-class-names.cjs","names":[],"sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.ts"],"sourcesContent":["interface GetStaticClassNamesInput {\n  themeName: string[]\n  selector: string\n  classNamesPrefix: string\n  withStaticClass?: boolean\n}\n\nexport function getStaticClassNames({\n  themeName,\n  classNamesPrefix,\n  selector,\n  withStaticClass\n}: GetStaticClassNamesInput) {\n  if (withStaticClass === false) {\n    return []\n  }\n\n  return themeName.map((n) => `${classNamesPrefix}-${n}-${selector}`)\n}\n"],"mappings":";;AAOA,SAAgB,oBAAoB,EAClC,WACA,kBACA,UACA,mBAC2B;CAC3B,IAAI,oBAAoB,OACtB,OAAO,CAAC;CAGV,OAAO,UAAU,KAAK,MAAM,GAAG,iBAAiB,GAAG,EAAE,GAAG,UAAU;AACpE"}
+{"version":3,"file":"get-static-class-names.cjs","names":[],"sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.ts"],"sourcesContent":["interface GetStaticClassNamesInput {\n  themeName: string[]\n  selector: string\n  classNamesPrefix: string\n  withStaticClass?: boolean\n}\n\nexport function getStaticClassNames({\n  themeName,\n  classNamesPrefix,\n  selector,\n  withStaticClass,\n}: GetStaticClassNamesInput) {\n  if (withStaticClass === false) {\n    return []\n  }\n\n  return themeName.map((n) => `${classNamesPrefix}-${n}-${selector}`)\n}\n"],"mappings":";;AAOA,SAAgB,oBAAoB,EAClC,WACA,kBACA,UACA,mBAC2B;CAC3B,IAAI,oBAAoB,OACtB,OAAO,CAAC;CAGV,OAAO,UAAU,KAAK,MAAM,GAAG,iBAAiB,GAAG,EAAE,GAAG,UAAU;AACpE"}

package/cjs/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-variant-class-name.cjs","names":[],"sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.ts"],"sourcesContent":["import { GetStylesApiOptions } from '../../../styles-api.types'\n\ninterface GetVariantClassNameInput {\n  options: GetStylesApiOptions | undefined\n  classes: Record<string, string>\n  selector: string\n  unstyled: boolean | undefined\n}\n\n/**\n * @returns Variant className, variant is always separated from selector with `--`, for example, `tab--default`\n */\nexport function getVariantClassName({\n  options,\n  classes,\n  selector,\n  unstyled\n}: GetVariantClassNameInput) {\n  return options?.variant && !unstyled\n    ? classes[`${selector}--${options.variant}`]\n    : undefined\n}\n"],"mappings":";;;;;AAYA,SAAgB,oBAAoB,EAClC,SACA,SACA,UACA,YAC2B;CAC3B,OAAO,SAAS,WAAW,CAAC,WACxB,QAAQ,GAAG,SAAS,IAAI,QAAQ,aAChC,KAAA;AACN"}
+{"version":3,"file":"get-variant-class-name.cjs","names":[],"sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.ts"],"sourcesContent":["import { GetStylesApiOptions } from '../../../styles-api.types'\n\ninterface GetVariantClassNameInput {\n  options: GetStylesApiOptions | undefined\n  classes: Record<string, string>\n  selector: string\n  unstyled: boolean | undefined\n}\n\n/**\n * @returns Variant className, variant is always separated from selector with `--`, for example, `tab--default`\n */\nexport function getVariantClassName({\n  options,\n  classes,\n  selector,\n  unstyled,\n}: GetVariantClassNameInput) {\n  return options?.variant && !unstyled ? classes[`${selector}--${options.variant}`] : undefined\n}\n"],"mappings":";;;;;AAYA,SAAgB,oBAAoB,EAClC,SACA,SACA,UACA,YAC2B;CAC3B,OAAO,SAAS,WAAW,CAAC,WAAW,QAAQ,GAAG,SAAS,IAAI,QAAQ,aAAa,KAAA;AACtF"}

package/cjs/core/utils/deep-merge/deep-merge.cjs

@@ -0,0 +1,18 @@
+//#region packages/@cck-ui/core/src/core/utils/deep-merge/deep-merge.ts
+function isObject(item) {
+	return item && typeof item === "object" && !Array.isArray(item);
+}
+function deepMerge(target, source) {
+	const result = { ...target };
+	const _source = source;
+	if (isObject(target) && isObject(source)) Object.keys(source).forEach((key) => {
+		if (isObject(_source[key])) if (!(key in target)) result[key] = _source[key];
+		else result[key] = deepMerge(result[key], _source[key]);
+		else result[key] = _source[key];
+	});
+	return result;
+}
+//#endregion
+exports.deepMerge = deepMerge;
+
+//# sourceMappingURL=deep-merge.cjs.map

package/cjs/core/utils/deep-merge/deep-merge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"deep-merge.cjs","names":[],"sources":["../../../../src/core/utils/deep-merge/deep-merge.ts"],"sourcesContent":["function isObject(item: unknown) {\n  return item && typeof item === 'object' && !Array.isArray(item)\n}\n\nexport function deepMerge<T extends object>(target: T, source: any): T {\n  const result: Record<string, any> = { ...target }\n  const _source: Record<string, any> = source\n\n  if (isObject(target) && isObject(source)) {\n    Object.keys(source).forEach((key) => {\n      if (isObject(_source[key])) {\n        if (!(key in target)) {\n          result[key] = _source[key]\n        } else {\n          result[key] = deepMerge(result[key], _source[key])\n        }\n      } else {\n        result[key] = _source[key]\n      }\n    })\n  }\n\n  return result as T\n}\n"],"mappings":";AAAA,SAAS,SAAS,MAAe;CAC/B,OAAO,QAAQ,OAAO,SAAS,YAAY,CAAC,MAAM,QAAQ,IAAI;AAChE;AAEA,SAAgB,UAA4B,QAAW,QAAgB;CACrE,MAAM,SAA8B,EAAE,GAAG,OAAO;CAChD,MAAM,UAA+B;CAErC,IAAI,SAAS,MAAM,KAAK,SAAS,MAAM,GACrC,OAAO,KAAK,MAAM,CAAC,CAAC,SAAS,QAAQ;EACnC,IAAI,SAAS,QAAQ,IAAI,GACvB,IAAI,EAAE,OAAO,SACX,OAAO,OAAO,QAAQ;OAEtB,OAAO,OAAO,UAAU,OAAO,MAAM,QAAQ,IAAI;OAGnD,OAAO,OAAO,QAAQ;CAE1B,CAAC;CAGH,OAAO;AACT"}

package/cjs/core/utils/get-breakpoint-value/get-breakpoint-value.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-breakpoint-value.cjs","names":["px"],"sources":["../../../../src/core/utils/get-breakpoint-value/get-breakpoint-value.ts"],"sourcesContent":["import { CBreakpoint } from '../../config-provider'\nimport { px } from '../units-converters'\n\nexport type BreakpointsSource = Record<CBreakpoint, number | string>\n\nexport function getBreakpointValue(\n  breakpoint: number | string,\n  breakpoints: BreakpointsSource\n) {\n  if (breakpoint in breakpoints) {\n    return px(breakpoints[breakpoint as CBreakpoint]) as number\n  }\n  return px(breakpoint) as number\n}\n"],"mappings":";;;AAKA,SAAgB,mBACd,YACA,aACA;CACA,IAAI,cAAc,aAChB,OAAOA,WAAAA,GAAG,YAAY,WAA0B;CAElD,OAAOA,WAAAA,GAAG,UAAU;AACtB"}
+{"version":3,"file":"get-breakpoint-value.cjs","names":["px"],"sources":["../../../../src/core/utils/get-breakpoint-value/get-breakpoint-value.ts"],"sourcesContent":["import { CBreakpoint } from '../../config-provider'\nimport { px } from '../units-converters'\n\nexport type BreakpointsSource = Record<CBreakpoint, number | string>\n\nexport function getBreakpointValue(breakpoint: number | string, breakpoints: BreakpointsSource) {\n  if (breakpoint in breakpoints) {\n    return px(breakpoints[breakpoint as CBreakpoint]) as number\n  }\n  return px(breakpoint) as number\n}\n"],"mappings":";;;AAKA,SAAgB,mBAAmB,YAA6B,aAAgC;CAC9F,IAAI,cAAc,aAChB,OAAOA,WAAAA,GAAG,YAAY,WAA0B;CAElD,OAAOA,WAAAA,GAAG,UAAU;AACtB"}

package/cjs/core/utils/get-size/get-size.cjs

@@ -3,7 +3,7 @@ const require_rem = require("../units-converters/rem.cjs");
 const require_is_number_like = require("../is-number-like/is-number-like.cjs");
 //#region packages/@cck-ui/core/src/core/utils/get-size/get-size.ts
 function getSize(size, prefix = "size", convertToRem = true) {
-	if (size === void 0) return void 0;
+	if (size === void 0) return;
 	return require_is_number_like.isNumberLike(size) ? convertToRem ? require_rem.rem(size) : size : `var(--${prefix}-${size})`;
 }
 function getSpacing(size) {
@@ -20,7 +20,7 @@ function getLineHeight(size) {
 	return getSize(size, "c-line-height", false);
 }
 function getShadow(size) {
-	if (!size) return void 0;
+	if (!size) return;
 	return getSize(size, "c-shadow", false);
 }
 //#endregion

package/cjs/core/utils/get-size/get-size.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-size.cjs","names":["isNumberLike","rem"],"sources":["../../../../src/core/utils/get-size/get-size.ts"],"sourcesContent":["import { isNumberLike } from '../is-number-like/is-number-like'\nimport { rem } from '../units-converters'\n\nexport function getSize(\n  size: unknown,\n  prefix = 'size',\n  convertToRem = true\n): string | undefined {\n  if (size === undefined) return undefined\n\n  return isNumberLike(size)\n    ? convertToRem\n      ? rem(size)\n      : (size as string)\n    : `var(--${prefix}-${size})`\n}\n\nexport function getSpacing(size: unknown) {\n  return getSize(size, 'c-spacing')\n}\n\nexport function getRadius(size: unknown) {\n  if (size === undefined) {\n    return `var(--c-radius-default)`\n  }\n\n  return getSize(size, 'c-radius')\n}\n\nexport function getFontSize(size: unknown) {\n  return getSize(size, 'c-font-size')\n}\n\nexport function getLineHeight(size: unknown) {\n  return getSize(size, 'c-line-height', false)\n}\n\nexport function getShadow(size: unknown) {\n  if (!size) return undefined\n\n  return getSize(size, 'c-shadow', false)\n}\n"],"mappings":";;;;AAGA,SAAgB,QACd,MACA,SAAS,QACT,eAAe,MACK;CACpB,IAAI,SAAS,KAAA,GAAW,OAAO,KAAA;CAE/B,OAAOA,uBAAAA,aAAa,IAAI,IACpB,eACEC,YAAAA,IAAI,IAAI,IACP,OACH,SAAS,OAAO,GAAG,KAAK;AAC9B;AAEA,SAAgB,WAAW,MAAe;CACxC,OAAO,QAAQ,MAAM,WAAW;AAClC;AAEA,SAAgB,UAAU,MAAe;CACvC,IAAI,SAAS,KAAA,GACX,OAAO;CAGT,OAAO,QAAQ,MAAM,UAAU;AACjC;AAEA,SAAgB,YAAY,MAAe;CACzC,OAAO,QAAQ,MAAM,aAAa;AACpC;AAEA,SAAgB,cAAc,MAAe;CAC3C,OAAO,QAAQ,MAAM,iBAAiB,KAAK;AAC7C;AAEA,SAAgB,UAAU,MAAe;CACvC,IAAI,CAAC,MAAM,OAAO,KAAA;CAElB,OAAO,QAAQ,MAAM,YAAY,KAAK;AACxC"}
+{"version":3,"file":"get-size.cjs","names":["isNumberLike","rem"],"sources":["../../../../src/core/utils/get-size/get-size.ts"],"sourcesContent":["import { isNumberLike } from '../is-number-like/is-number-like'\nimport { rem } from '../units-converters'\n\nexport function getSize(size: unknown, prefix = 'size', convertToRem = true): string | undefined {\n  if (size === undefined) {\n    return undefined\n  }\n\n  return isNumberLike(size)\n    ? convertToRem\n      ? rem(size)\n      : (size as string)\n    : `var(--${prefix}-${size})`\n}\n\nexport function getSpacing(size: unknown) {\n  return getSize(size, 'c-spacing')\n}\n\nexport function getRadius(size: unknown) {\n  if (size === undefined) {\n    return `var(--c-radius-default)`\n  }\n\n  return getSize(size, 'c-radius')\n}\n\nexport function getFontSize(size: unknown) {\n  return getSize(size, 'c-font-size')\n}\n\nexport function getLineHeight(size: unknown) {\n  return getSize(size, 'c-line-height', false)\n}\n\nexport function getShadow(size: unknown) {\n  if (!size) {\n    return undefined\n  }\n\n  return getSize(size, 'c-shadow', false)\n}\n"],"mappings":";;;;AAGA,SAAgB,QAAQ,MAAe,SAAS,QAAQ,eAAe,MAA0B;CAC/F,IAAI,SAAS,KAAA,GACX;CAGF,OAAOA,uBAAAA,aAAa,IAAI,IACpB,eACEC,YAAAA,IAAI,IAAI,IACP,OACH,SAAS,OAAO,GAAG,KAAK;AAC9B;AAEA,SAAgB,WAAW,MAAe;CACxC,OAAO,QAAQ,MAAM,WAAW;AAClC;AAEA,SAAgB,UAAU,MAAe;CACvC,IAAI,SAAS,KAAA,GACX,OAAO;CAGT,OAAO,QAAQ,MAAM,UAAU;AACjC;AAEA,SAAgB,YAAY,MAAe;CACzC,OAAO,QAAQ,MAAM,aAAa;AACpC;AAEA,SAAgB,cAAc,MAAe;CAC3C,OAAO,QAAQ,MAAM,iBAAiB,KAAK;AAC7C;AAEA,SAAgB,UAAU,MAAe;CACvC,IAAI,CAAC,MACH;CAGF,OAAO,QAAQ,MAAM,YAAY,KAAK;AACxC"}

package/cjs/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-sorted-breakpoints.cjs","names":["getBreakpointValue"],"sources":["../../../../src/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.ts"],"sourcesContent":["import {\n  BreakpointsSource,\n  getBreakpointValue\n} from '../get-breakpoint-value/get-breakpoint-value'\n\nexport function getSortedBreakpoints(\n  values: string[],\n  breakpoints: BreakpointsSource\n) {\n  const convertedBreakpoints = values.map((breakpoint) => ({\n    value: breakpoint,\n    px: getBreakpointValue(breakpoint, breakpoints)\n  }))\n\n  convertedBreakpoints.sort((a, b) => a.px - b.px)\n  return convertedBreakpoints\n}\n"],"mappings":";;;AAKA,SAAgB,qBACd,QACA,aACA;CACA,MAAM,uBAAuB,OAAO,KAAK,gBAAgB;EACvD,OAAO;EACP,IAAIA,6BAAAA,mBAAmB,YAAY,WAAW;CAChD,EAAE;CAEF,qBAAqB,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,EAAE;CAC/C,OAAO;AACT"}
+{"version":3,"file":"get-sorted-breakpoints.cjs","names":["getBreakpointValue"],"sources":["../../../../src/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.ts"],"sourcesContent":["import { BreakpointsSource, getBreakpointValue } from '../get-breakpoint-value/get-breakpoint-value'\n\nexport function getSortedBreakpoints(values: string[], breakpoints: BreakpointsSource) {\n  const convertedBreakpoints = values.map((breakpoint) => ({\n    value: breakpoint,\n    px: getBreakpointValue(breakpoint, breakpoints),\n  }))\n\n  convertedBreakpoints.sort((a, b) => a.px - b.px)\n  return convertedBreakpoints\n}\n"],"mappings":";;;AAEA,SAAgB,qBAAqB,QAAkB,aAAgC;CACrF,MAAM,uBAAuB,OAAO,KAAK,gBAAgB;EACvD,OAAO;EACP,IAAIA,6BAAAA,mBAAmB,YAAY,WAAW;CAChD,EAAE;CAEF,qBAAqB,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,EAAE;CAC/C,OAAO;AACT"}

package/cjs/core/utils/number-like-string-to-number/number-like-string-to-number.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"number-like-string-to-number.cjs","names":[],"sources":["../../../../src/core/utils/number-like-string-to-number/number-like-string-to-number.ts"],"sourcesContent":["import { NumberLikeString } from '../../box'\n\nexport function numberLikeStringToNumber(\n  value: NumberLikeString,\n  fallback: number = 0\n): number {\n  if (typeof value === 'number') return value\n  const parsed = Number(value)\n  return Number.isNaN(parsed) ? fallback : parsed\n}\n"],"mappings":";;AAEA,SAAgB,yBACd,OACA,WAAmB,GACX;CACR,IAAI,OAAO,UAAU,UAAU,OAAO;CACtC,MAAM,SAAS,OAAO,KAAK;CAC3B,OAAO,OAAO,MAAM,MAAM,IAAI,WAAW;AAC3C"}
+{"version":3,"file":"number-like-string-to-number.cjs","names":[],"sources":["../../../../src/core/utils/number-like-string-to-number/number-like-string-to-number.ts"],"sourcesContent":["import { NumberLikeString } from '../../box'\n\nexport function numberLikeStringToNumber(value: NumberLikeString, fallback: number = 0): number {\n  if (typeof value === 'number') {\n    return value\n  }\n  const parsed = Number(value)\n  return Number.isNaN(parsed) ? fallback : parsed\n}\n"],"mappings":";;AAEA,SAAgB,yBAAyB,OAAyB,WAAmB,GAAW;CAC9F,IAAI,OAAO,UAAU,UACnB,OAAO;CAET,MAAM,SAAS,OAAO,KAAK;CAC3B,OAAO,OAAO,MAAM,MAAM,IAAI,WAAW;AAC3C"}

package/cjs/core/utils/units-converters/px.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"px.cjs","names":[],"sources":["../../../../src/core/utils/units-converters/px.ts"],"sourcesContent":["function getTransformdScaledValue(value: unknown) {\n  if (typeof value !== 'string' || !value.includes('var(--c-scale)'))\n    return value\n\n  return value\n    .match(/^calc\\((.*?)\\)$/)?.[1]\n    .split('*')[0]\n    .trim()\n}\n\nexport function px(value: unknown) {\n  const transformedValue = getTransformdScaledValue(value)\n\n  if (typeof transformedValue === 'number') return transformedValue\n\n  if (typeof transformedValue === 'string') {\n    if (transformedValue.includes('calc') || transformedValue.includes('var'))\n      return transformedValue\n\n    if (transformedValue.includes('px'))\n      return Number(transformedValue.replace('px', ''))\n\n    if (transformedValue.includes('rem'))\n      return Number(transformedValue.replace('rem', '')) * 16\n\n    if (transformedValue.includes('em'))\n      return Number(transformedValue.replace('em', '')) * 16\n\n    return Number(transformedValue)\n  }\n\n  return Number.NaN\n}\n"],"mappings":";AAAA,SAAS,yBAAyB,OAAgB;CAChD,IAAI,OAAO,UAAU,YAAY,CAAC,MAAM,SAAS,gBAAgB,GAC/D,OAAO;CAET,OAAO,MACJ,MAAM,iBAAiB,CAAC,GAAG,EAAE,CAC7B,MAAM,GAAG,CAAC,CAAC,EAAE,CACb,KAAK;AACV;AAEA,SAAgB,GAAG,OAAgB;CACjC,MAAM,mBAAmB,yBAAyB,KAAK;CAEvD,IAAI,OAAO,qBAAqB,UAAU,OAAO;CAEjD,IAAI,OAAO,qBAAqB,UAAU;EACxC,IAAI,iBAAiB,SAAS,MAAM,KAAK,iBAAiB,SAAS,KAAK,GACtE,OAAO;EAET,IAAI,iBAAiB,SAAS,IAAI,GAChC,OAAO,OAAO,iBAAiB,QAAQ,MAAM,EAAE,CAAC;EAElD,IAAI,iBAAiB,SAAS,KAAK,GACjC,OAAO,OAAO,iBAAiB,QAAQ,OAAO,EAAE,CAAC,IAAI;EAEvD,IAAI,iBAAiB,SAAS,IAAI,GAChC,OAAO,OAAO,iBAAiB,QAAQ,MAAM,EAAE,CAAC,IAAI;EAEtD,OAAO,OAAO,gBAAgB;CAChC;CAEA,OAAO;AACT"}
+{"version":3,"file":"px.cjs","names":[],"sources":["../../../../src/core/utils/units-converters/px.ts"],"sourcesContent":["function getTransformdScaledValue(value: unknown) {\n  if (typeof value !== 'string' || !value.includes('var(--c-scale)')) {\n    return value\n  }\n\n  return value\n    .match(/^calc\\((.*?)\\)$/)?.[1]\n    .split('*')[0]\n    .trim()\n}\n\nexport function px(value: unknown) {\n  const transformedValue = getTransformdScaledValue(value)\n\n  if (typeof transformedValue === 'number') {\n    return transformedValue\n  }\n\n  if (typeof transformedValue === 'string') {\n    if (transformedValue.includes('calc') || transformedValue.includes('var')) {\n      return transformedValue\n    }\n\n    if (transformedValue.includes('px')) {\n      return Number(transformedValue.replace('px', ''))\n    }\n\n    if (transformedValue.includes('rem')) {\n      return Number(transformedValue.replace('rem', '')) * 16\n    }\n\n    if (transformedValue.includes('em')) {\n      return Number(transformedValue.replace('em', '')) * 16\n    }\n\n    return Number(transformedValue)\n  }\n\n  return Number.NaN\n}\n"],"mappings":";AAAA,SAAS,yBAAyB,OAAgB;CAChD,IAAI,OAAO,UAAU,YAAY,CAAC,MAAM,SAAS,gBAAgB,GAC/D,OAAO;CAGT,OAAO,MACJ,MAAM,iBAAiB,CAAC,GAAG,EAAE,CAC7B,MAAM,GAAG,CAAC,CAAC,EAAE,CACb,KAAK;AACV;AAEA,SAAgB,GAAG,OAAgB;CACjC,MAAM,mBAAmB,yBAAyB,KAAK;CAEvD,IAAI,OAAO,qBAAqB,UAC9B,OAAO;CAGT,IAAI,OAAO,qBAAqB,UAAU;EACxC,IAAI,iBAAiB,SAAS,MAAM,KAAK,iBAAiB,SAAS,KAAK,GACtE,OAAO;EAGT,IAAI,iBAAiB,SAAS,IAAI,GAChC,OAAO,OAAO,iBAAiB,QAAQ,MAAM,EAAE,CAAC;EAGlD,IAAI,iBAAiB,SAAS,KAAK,GACjC,OAAO,OAAO,iBAAiB,QAAQ,OAAO,EAAE,CAAC,IAAI;EAGvD,IAAI,iBAAiB,SAAS,IAAI,GAChC,OAAO,OAAO,iBAAiB,QAAQ,MAAM,EAAE,CAAC,IAAI;EAGtD,OAAO,OAAO,gBAAgB;CAChC;CAEA,OAAO;AACT"}

package/cjs/core/utils/units-converters/rem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"rem.cjs","names":[],"sources":["../../../../src/core/utils/units-converters/rem.ts"],"sourcesContent":["function scaleRem(remValue: string) {\n  if (remValue === '0rem') return '0rem'\n  return `calc(${remValue} * var(--c-scale))`\n}\n\nfunction createConverter(units: string, { shouldScale = false } = {}) {\n  function converter(value: unknown): string {\n    if (value === 0 || value === '0') return `0${units}`\n\n    if (typeof value === 'number') {\n      const val = `${value / 16}${units}`\n      return shouldScale ? scaleRem(val) : val\n    }\n\n    if (typeof value === 'string') {\n      if (value === '') return value\n\n      if (\n        value.startsWith('calc(') ||\n        value.startsWith('clamp(') ||\n        value.includes('rgba(')\n      )\n        return value\n\n      if (value.includes(',')) {\n        return value\n          .split(',')\n          .map((val) => converter(val))\n          .join(',')\n      }\n\n      if (value.includes(' ')) {\n        return value\n          .split(' ')\n          .map((val) => converter(val))\n          .join(' ')\n      }\n\n      const replaced = value.replace('px', '')\n      if (!Number.isNaN(Number(replaced))) {\n        const val = `${Number(replaced) / 16}${units}`\n        return shouldScale ? scaleRem(val) : val\n      }\n    }\n\n    return value as string\n  }\n\n  return converter\n}\n\nexport const rem = createConverter('rem', { shouldScale: true })\nexport const em = createConverter('em')\n"],"mappings":";AAAA,SAAS,SAAS,UAAkB;CAClC,IAAI,aAAa,QAAQ,OAAO;CAChC,OAAO,QAAQ,SAAS;AAC1B;AAEA,SAAS,gBAAgB,OAAe,EAAE,cAAc,UAAU,CAAC,GAAG;CACpE,SAAS,UAAU,OAAwB;EACzC,IAAI,UAAU,KAAK,UAAU,KAAK,OAAO,IAAI;EAE7C,IAAI,OAAO,UAAU,UAAU;GAC7B,MAAM,MAAM,GAAG,QAAQ,KAAK;GAC5B,OAAO,cAAc,SAAS,GAAG,IAAI;EACvC;EAEA,IAAI,OAAO,UAAU,UAAU;GAC7B,IAAI,UAAU,IAAI,OAAO;GAEzB,IACE,MAAM,WAAW,OAAO,KACxB,MAAM,WAAW,QAAQ,KACzB,MAAM,SAAS,OAAO,GAEtB,OAAO;GAET,IAAI,MAAM,SAAS,GAAG,GACpB,OAAO,MACJ,MAAM,GAAG,CAAC,CACV,KAAK,QAAQ,UAAU,GAAG,CAAC,CAAC,CAC5B,KAAK,GAAG;GAGb,IAAI,MAAM,SAAS,GAAG,GACpB,OAAO,MACJ,MAAM,GAAG,CAAC,CACV,KAAK,QAAQ,UAAU,GAAG,CAAC,CAAC,CAC5B,KAAK,GAAG;GAGb,MAAM,WAAW,MAAM,QAAQ,MAAM,EAAE;GACvC,IAAI,CAAC,OAAO,MAAM,OAAO,QAAQ,CAAC,GAAG;IACnC,MAAM,MAAM,GAAG,OAAO,QAAQ,IAAI,KAAK;IACvC,OAAO,cAAc,SAAS,GAAG,IAAI;GACvC;EACF;EAEA,OAAO;CACT;CAEA,OAAO;AACT;AAEA,MAAa,MAAM,gBAAgB,OAAO,EAAE,aAAa,KAAK,CAAC;AAC/D,MAAa,KAAK,gBAAgB,IAAI"}
+{"version":3,"file":"rem.cjs","names":[],"sources":["../../../../src/core/utils/units-converters/rem.ts"],"sourcesContent":["function scaleRem(remValue: string) {\n  if (remValue === '0rem') {\n    return '0rem'\n  }\n  return `calc(${remValue} * var(--c-scale))`\n}\n\nfunction createConverter(units: string, { shouldScale = false } = {}) {\n  function converter(value: unknown): string {\n    if (value === 0 || value === '0') {\n      return `0${units}`\n    }\n\n    if (typeof value === 'number') {\n      const val = `${value / 16}${units}`\n      return shouldScale ? scaleRem(val) : val\n    }\n\n    if (typeof value === 'string') {\n      if (value === '') {\n        return value\n      }\n\n      if (value.startsWith('calc(') || value.startsWith('clamp(') || value.includes('rgba(')) {\n        return value\n      }\n\n      if (value.includes(',')) {\n        return value\n          .split(',')\n          .map((val) => converter(val))\n          .join(',')\n      }\n\n      if (value.includes(' ')) {\n        return value\n          .split(' ')\n          .map((val) => converter(val))\n          .join(' ')\n      }\n\n      const replaced = value.replace('px', '')\n      if (!Number.isNaN(Number(replaced))) {\n        const val = `${Number(replaced) / 16}${units}`\n        return shouldScale ? scaleRem(val) : val\n      }\n    }\n\n    return value as string\n  }\n\n  return converter\n}\n\nexport const rem = createConverter('rem', { shouldScale: true })\nexport const em = createConverter('em')\n"],"mappings":";AAAA,SAAS,SAAS,UAAkB;CAClC,IAAI,aAAa,QACf,OAAO;CAET,OAAO,QAAQ,SAAS;AAC1B;AAEA,SAAS,gBAAgB,OAAe,EAAE,cAAc,UAAU,CAAC,GAAG;CACpE,SAAS,UAAU,OAAwB;EACzC,IAAI,UAAU,KAAK,UAAU,KAC3B,OAAO,IAAI;EAGb,IAAI,OAAO,UAAU,UAAU;GAC7B,MAAM,MAAM,GAAG,QAAQ,KAAK;GAC5B,OAAO,cAAc,SAAS,GAAG,IAAI;EACvC;EAEA,IAAI,OAAO,UAAU,UAAU;GAC7B,IAAI,UAAU,IACZ,OAAO;GAGT,IAAI,MAAM,WAAW,OAAO,KAAK,MAAM,WAAW,QAAQ,KAAK,MAAM,SAAS,OAAO,GACnF,OAAO;GAGT,IAAI,MAAM,SAAS,GAAG,GACpB,OAAO,MACJ,MAAM,GAAG,CAAC,CACV,KAAK,QAAQ,UAAU,GAAG,CAAC,CAAC,CAC5B,KAAK,GAAG;GAGb,IAAI,MAAM,SAAS,GAAG,GACpB,OAAO,MACJ,MAAM,GAAG,CAAC,CACV,KAAK,QAAQ,UAAU,GAAG,CAAC,CAAC,CAC5B,KAAK,GAAG;GAGb,MAAM,WAAW,MAAM,QAAQ,MAAM,EAAE;GACvC,IAAI,CAAC,OAAO,MAAM,OAAO,QAAQ,CAAC,GAAG;IACnC,MAAM,MAAM,GAAG,OAAO,QAAQ,IAAI,KAAK;IACvC,OAAO,cAAc,SAAS,GAAG,IAAI;GACvC;EACF;EAEA,OAAO;CACT;CAEA,OAAO;AACT;AAEA,MAAa,MAAM,gBAAgB,OAAO,EAAE,aAAa,KAAK,CAAC;AAC/D,MAAa,KAAK,gBAAgB,IAAI"}

package/cjs/core/utils/vue/component.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"component.cjs","names":[],"sources":["../../../../src/core/utils/vue/component.ts"],"sourcesContent":["export function getComponentName(component: any): string {\n  if (typeof component === 'string') return component\n  if (component && typeof component === 'object') {\n    return component.name || component.__name || 'unknown component'\n  }\n  return String(component)\n}\n"],"mappings":";;AAAA,SAAgB,iBAAiB,WAAwB;CACvD,IAAI,OAAO,cAAc,UAAU,OAAO;CAC1C,IAAI,aAAa,OAAO,cAAc,UACpC,OAAO,UAAU,QAAQ,UAAU,UAAU;CAE/C,OAAO,OAAO,SAAS;AACzB"}
+{"version":3,"file":"component.cjs","names":[],"sources":["../../../../src/core/utils/vue/component.ts"],"sourcesContent":["export function getComponentName(component: any): string {\n  if (typeof component === 'string') {\n    return component\n  }\n  if (component && typeof component === 'object') {\n    return component.name || component.__name || 'unknown component'\n  }\n  return String(component)\n}\n"],"mappings":";;AAAA,SAAgB,iBAAiB,WAAwB;CACvD,IAAI,OAAO,cAAc,UACvB,OAAO;CAET,IAAI,aAAa,OAAO,cAAc,UACpC,OAAO,UAAU,QAAQ,UAAU,UAAU;CAE/C,OAAO,OAAO,SAAS;AACzB"}

package/cjs/core/utils/vue/install.cjs

@@ -1,15 +1,15 @@
 "use client";
-let _vue_shared = require("@vue/shared");
 let es_toolkit = require("es-toolkit");
 //#region packages/@cck-ui/core/src/core/utils/vue/install.ts
+const hasOwn = (obj, key) => Object.hasOwn(obj, key);
 const withPropsDefaultSetter = (target) => {
 	const _p = target.props;
-	const props = (0, _vue_shared.isArray)(_p) ? Object.fromEntries(_p.map((key) => [key, {}])) : _p;
+	const props = Array.isArray(_p) ? Object.fromEntries(_p.map((key) => [key, {}])) : _p;
 	target.setPropsDefaults = (defaults) => {
 		if (!props) return;
 		for (const [key, value] of Object.entries(defaults)) {
 			const prop = props[key];
-			if (!(0, _vue_shared.hasOwn)(props, key)) continue;
+			if (!hasOwn(props, key)) continue;
 			if ((0, es_toolkit.isPlainObject)(prop)) {
 				props[key] = {
 					...props,

package/cjs/core/utils/vue/install.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"install.cjs","names":[],"sources":["../../../../src/core/utils/vue/install.ts"],"sourcesContent":["import { hasOwn, isArray } from '@vue/shared'\nimport { isPlainObject } from 'es-toolkit'\nimport type { SFCWithInstall } from './typescript'\n\nexport const withPropsDefaultSetter = (target: any) => {\n  const _p = target.props\n  const props = isArray(_p)\n    ? Object.fromEntries(_p.map((key) => [key, {}]))\n    : _p\n\n  target.setPropsDefaults = (defaults: Record<string, any>) => {\n    if (!props) return\n\n    for (const [key, value] of Object.entries(defaults)) {\n      const prop = props[key]\n\n      if (!hasOwn(props, key)) continue\n\n      if (isPlainObject(prop)) {\n        props[key] = {\n          ...props,\n          default: value\n        }\n        continue\n      }\n\n      props[key] = {\n        type: prop,\n        default: value\n      }\n    }\n\n    target.props = props\n  }\n}\n\nexport const withInstall = <T, E extends Record<string, any>>(\n  main: T,\n  extra?: E\n) => {\n  ;(main as SFCWithInstall<T>).install = (app): void => {\n    for (const comp of [main, ...Object.values(extra ?? [])]) {\n      app.component(comp.name, comp)\n    }\n  }\n\n  if (extra) {\n    for (const [key, comp] of Object.entries(extra)) {\n      ;(main as any)[key] = comp\n    }\n  }\n  withPropsDefaultSetter(main)\n  return main as SFCWithInstall<T> & E\n}\n"],"mappings":";;;;AAIA,MAAa,0BAA0B,WAAgB;CACrD,MAAM,KAAK,OAAO;CAClB,MAAM,SAAA,GAAA,YAAA,QAAA,CAAgB,EAAE,IACpB,OAAO,YAAY,GAAG,KAAK,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAC7C;CAEJ,OAAO,oBAAoB,aAAkC;EAC3D,IAAI,CAAC,OAAO;EAEZ,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,QAAQ,GAAG;GACnD,MAAM,OAAO,MAAM;GAEnB,IAAI,EAAA,GAAA,YAAA,OAAA,CAAQ,OAAO,GAAG,GAAG;GAEzB,KAAA,GAAA,WAAA,cAAA,CAAkB,IAAI,GAAG;IACvB,MAAM,OAAO;KACX,GAAG;KACH,SAAS;IACX;IACA;GACF;GAEA,MAAM,OAAO;IACX,MAAM;IACN,SAAS;GACX;EACF;EAEA,OAAO,QAAQ;CACjB;AACF;AAEA,MAAa,eACX,MACA,UACG;CACF,KAA4B,WAAW,QAAc;EACpD,KAAK,MAAM,QAAQ,CAAC,MAAM,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,CAAC,GACrD,IAAI,UAAU,KAAK,MAAM,IAAI;CAEjC;CAEA,IAAI,OACF,KAAK,MAAM,CAAC,KAAK,SAAS,OAAO,QAAQ,KAAK,GAC3C,KAAc,OAAO;CAG1B,uBAAuB,IAAI;CAC3B,OAAO;AACT"}
+{"version":3,"file":"install.cjs","names":[],"sources":["../../../../src/core/utils/vue/install.ts"],"sourcesContent":["import { isPlainObject } from 'es-toolkit'\nimport type { SFCWithInstall } from './typescript'\n\nconst hasOwn = (obj: object, key: string | symbol): boolean => Object.hasOwn(obj, key)\n\nexport const withPropsDefaultSetter = (target: any) => {\n  const _p = target.props\n  const props = Array.isArray(_p) ? Object.fromEntries(_p.map((key) => [key, {}])) : _p\n\n  target.setPropsDefaults = (defaults: Record<string, any>) => {\n    if (!props) {\n      return\n    }\n\n    for (const [key, value] of Object.entries(defaults)) {\n      const prop = props[key]\n\n      if (!hasOwn(props, key)) {\n        continue\n      }\n\n      if (isPlainObject(prop)) {\n        props[key] = {\n          ...props,\n          default: value,\n        }\n        continue\n      }\n\n      props[key] = {\n        type: prop,\n        default: value,\n      }\n    }\n\n    target.props = props\n  }\n}\n\nexport const withInstall = <T, E extends Record<string, any>>(main: T, extra?: E) => {\n  ;(main as SFCWithInstall<T>).install = (app): void => {\n    for (const comp of [main, ...Object.values(extra ?? [])]) {\n      app.component(comp.name, comp)\n    }\n  }\n\n  if (extra) {\n    for (const [key, comp] of Object.entries(extra)) {\n      ;(main as any)[key] = comp\n    }\n  }\n  withPropsDefaultSetter(main)\n  return main as SFCWithInstall<T> & E\n}\n"],"mappings":";;;AAGA,MAAM,UAAU,KAAa,QAAkC,OAAO,OAAO,KAAK,GAAG;AAErF,MAAa,0BAA0B,WAAgB;CACrD,MAAM,KAAK,OAAO;CAClB,MAAM,QAAQ,MAAM,QAAQ,EAAE,IAAI,OAAO,YAAY,GAAG,KAAK,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;CAEnF,OAAO,oBAAoB,aAAkC;EAC3D,IAAI,CAAC,OACH;EAGF,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,QAAQ,GAAG;GACnD,MAAM,OAAO,MAAM;GAEnB,IAAI,CAAC,OAAO,OAAO,GAAG,GACpB;GAGF,KAAA,GAAA,WAAA,cAAA,CAAkB,IAAI,GAAG;IACvB,MAAM,OAAO;KACX,GAAG;KACH,SAAS;IACX;IACA;GACF;GAEA,MAAM,OAAO;IACX,MAAM;IACN,SAAS;GACX;EACF;EAEA,OAAO,QAAQ;CACjB;AACF;AAEA,MAAa,eAAiD,MAAS,UAAc;CAClF,KAA4B,WAAW,QAAc;EACpD,KAAK,MAAM,QAAQ,CAAC,MAAM,GAAG,OAAO,OAAO,SAAS,CAAC,CAAC,CAAC,GACrD,IAAI,UAAU,KAAK,MAAM,IAAI;CAEjC;CAEA,IAAI,OACF,KAAK,MAAM,CAAC,KAAK,SAAS,OAAO,QAAQ,KAAK,GAC3C,KAAc,OAAO;CAG1B,uBAAuB,IAAI;CAC3B,OAAO;AACT"}

package/cjs/core/utils/vue/statics.cjs

@@ -0,0 +1,38 @@
+"use client";
+let vue = require("vue");
+//#region packages/@cck-ui/core/src/core/utils/vue/statics.ts
+function withExtend(component) {
+	component.extend = (config) => config;
+	return component;
+}
+const withClasses = (component, classes) => {
+	component.classes = classes;
+	return component;
+};
+const withVarsResolver = (component, varsResolver) => {
+	component.varsResolver = varsResolver;
+	return component;
+};
+const withPropsFactory = (component) => {
+	component.withProps = (defaultProps) => {
+		return (0, vue.defineComponent)({
+			name: `WithProps(${component.name || "Component"})`,
+			props: component.props || {},
+			setup(props, { slots }) {
+				const mergedProps = (0, vue.computed)(() => ({
+					...defaultProps,
+					...props
+				}));
+				return () => (0, vue.h)(component, mergedProps.value, slots);
+			}
+		});
+	};
+	return component;
+};
+//#endregion
+exports.withClasses = withClasses;
+exports.withExtend = withExtend;
+exports.withPropsFactory = withPropsFactory;
+exports.withVarsResolver = withVarsResolver;
+
+//# sourceMappingURL=statics.cjs.map

package/cjs/core/utils/vue/statics.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"statics.cjs","names":[],"sources":["../../../../src/core/utils/vue/statics.ts"],"sourcesContent":["import { computed, defineComponent, h } from 'vue'\nimport { CThemeComponent } from '../../config-provider'\nimport { VarsResolver } from '../../styles-api'\n\nexport function withExtend<T>(\n  component: T\n): T & { extend: (config: CThemeComponent) => CThemeComponent } {\n  ;(component as any).extend = (config: CThemeComponent) => config\n  return component as T & { extend: (config: CThemeComponent) => CThemeComponent }\n}\n\nexport const withClasses = <T, C extends Record<string, string>>(\n  component: T,\n  classes: C\n): T & { classes: C } => {\n  ;(component as any).classes = classes\n  return component as T & { classes: C }\n}\n\nexport const withVarsResolver = <T, V extends VarsResolver<any>>(\n  component: T,\n  varsResolver: V\n): T & { varsResolver: V } => {\n  ;(component as any).varsResolver = varsResolver\n  return component as T & { varsResolver: V }\n}\n\nexport const withPropsFactory = <T extends Record<string, any>>(component: T) => {\n  ;(component as any).withProps = (defaultProps: Partial<T>) => {\n    return defineComponent({\n      name: `WithProps(${(component as any).name || 'Component'})`,\n      props: (component as any).props || {},\n      setup(props, { slots }) {\n        const mergedProps = computed(() => ({\n          ...defaultProps,\n          ...props,\n        }))\n\n        return () => h(component, mergedProps.value, slots)\n      },\n    })\n  }\n\n  return component as T & { withProps: (defaultProps: Partial<T>) => any }\n}\n"],"mappings":";;;AAIA,SAAgB,WACd,WAC8D;CAC7D,UAAmB,UAAU,WAA4B;CAC1D,OAAO;AACT;AAEA,MAAa,eACX,WACA,YACuB;CACtB,UAAmB,UAAU;CAC9B,OAAO;AACT;AAEA,MAAa,oBACX,WACA,iBAC4B;CAC3B,UAAmB,eAAe;CACnC,OAAO;AACT;AAEA,MAAa,oBAAmD,cAAiB;CAC9E,UAAmB,aAAa,iBAA6B;EAC5D,QAAA,GAAA,IAAA,gBAAA,CAAuB;GACrB,MAAM,aAAc,UAAkB,QAAQ,YAAY;GAC1D,OAAQ,UAAkB,SAAS,CAAC;GACpC,MAAM,OAAO,EAAE,SAAS;IACtB,MAAM,eAAA,GAAA,IAAA,SAAA,QAA8B;KAClC,GAAG;KACH,GAAG;IACL,EAAE;IAEF,cAAA,GAAA,IAAA,EAAA,CAAe,WAAW,YAAY,OAAO,KAAK;GACpD;EACF,CAAC;CACH;CAEA,OAAO;AACT"}

package/cjs/index.cjs

@@ -2,6 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
+const require_deep_merge = require("./core/utils/deep-merge/deep-merge.cjs");
 const require_camel_to_kebab_case = require("./core/utils/camel-to-kebab-case/camel-to-kebab-case.cjs");
 const require_filter_props = require("./core/utils/filter-props/filter-props.cjs");
 const require_get_base_value = require("./core/utils/get-base-value/get-base-value.cjs");
@@ -15,9 +16,8 @@ const require_number_like_string_to_number = require("./core/utils/number-like-s
 const require_keys = require("./core/utils/keys/keys.cjs");
 const require_component = require("./core/utils/vue/component.cjs");
 const require_install = require("./core/utils/vue/install.cjs");
-const require_color = require("./core/utils/color.cjs");
+const require_statics = require("./core/utils/vue/statics.cjs");
 const require_index = require("./core/utils/types/index.cjs");
-const require_style = require("./core/utils/dom/style.cjs");
 const require_config_provider_types = require("./core/config-provider/config-provider.types.cjs");
 const require_use_provider_color_scheme = require("./core/config-provider/use-cck-color-scheme/use-provider-color-scheme.cjs");
 const require_colors_tuple = require("./core/config-provider/color-functions/colors-tuple/colors-tuple.cjs");
@@ -32,11 +32,13 @@ const require_get_gradient = require("./core/config-provider/color-functions/get
 const require_default_variant_colors_resolver = require("./core/config-provider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.cjs");
 const require_default_theme = require("./core/config-provider/default-theme.cjs");
 const require_config_provider_context = require("./core/config-provider/config-provider.context.cjs");
+const require_use_component_props = require("./core/config-provider/use-component-props/use-component-props.cjs");
 const require_virtual_color = require("./core/config-provider/cck-css-variables/virtual-color/virtual-color.cjs");
 const require_get_css_color_variables = require("./core/config-provider/cck-css-variables/get-css-color-variables.cjs");
 const require_default_css_variables_resolver = require("./core/config-provider/cck-css-variables/default-css-variables-resolver.cjs");
 const require_create_theme = require("./core/config-provider/create-theme/create-theme.cjs");
 const require_use_cck_color_scheme = require("./core/config-provider/use-cck-color-scheme/use-cck-color-scheme.cjs");
+const require_merge_theme_overrides = require("./core/config-provider/merge-theme-overrides/merge-theme-overrides.cjs");
 const require_index$1 = require("./core/config-provider/index.cjs");
 const require_extract_style_props = require("./core/box/style-props/extract-style-props/extract-style-props.cjs");
 const require_parse_style_props = require("./core/box/style-props/parse-style-props/parse-style-props.cjs");
@@ -110,20 +112,18 @@ exports.FOCUS_CLASS_NAMES = require_get_global_class_names.FOCUS_CLASS_NAMES;
 exports.STYLE_PROPS_DATA = require_style_props_data.STYLE_PROPS_DATA;
 exports.THEME_KEY = require_config_provider_types.THEME_KEY;
 exports.UnstyledButton = require_index$3.UnstyledButton;
-exports.addUnit = require_style.addUnit;
 exports.alpha = require_rgba.alpha;
 exports.camelToKebabCase = require_camel_to_kebab_case.camelToKebabCase;
-exports.clearShadeCache = require_color.clearShadeCache;
 exports.colorsTuple = require_colors_tuple.colorsTuple;
 exports.createTheme = require_create_theme.createTheme;
 exports.createVarsResolver = require_create_vars_resolver.createVarsResolver;
 exports.darken = require_darken.darken;
+exports.deepMerge = require_deep_merge.deepMerge;
 exports.defaultCssVariablesResolver = require_default_css_variables_resolver.defaultCssVariablesResolver;
 exports.defaultVariantColorsResolver = require_default_variant_colors_resolver.defaultVariantColorsResolver;
 exports.em = require_rem.em;
 exports.extractStyleProps = require_extract_style_props.extractStyleProps;
 exports.filterProps = require_filter_props.filterProps;
-exports.generateColorShades = require_color.generateColorShades;
 exports.getBaseValue = require_get_base_value.getBaseValue;
 exports.getBreakpointValue = require_get_breakpoint_value.getBreakpointValue;
 exports.getCSSColorVariables = require_get_css_color_variables.getCSSColorVariables;
@@ -154,6 +154,7 @@ exports.isUndefined = require_index.isUndefined;
 exports.isVirtualColor = require_virtual_color.isVirtualColor;
 exports.keys = require_keys.keys;
 exports.luminance = require_luminance.luminance;
+exports.mergeThemeOverrides = require_merge_theme_overrides.mergeThemeOverrides;
 exports.normalizeNumberLikeStringProp = require_normalize_number_like_string_prop.normalizeNumberLikeStringProp;
 exports.numberLikeStringToNumber = require_number_like_string_to_number.numberLikeStringToNumber;
 exports.parseStyleProps = require_parse_style_props.parseStyleProps;
@@ -163,8 +164,8 @@ exports.rem = require_rem.rem;
 exports.resolveClassNames = require_resolve_class_names.resolveClassNames;
 exports.resolveStyles = require_resolve_styles.resolveStyles;
 exports.responsiveStyleManager = require_responsive_style_manager.responsiveStyleManager;
+exports.rgb = require_rgba.rgb;
 exports.rgba = require_rgba.rgba;
-exports.setColorAlpha = require_color.setColorAlpha;
 exports.stylesToString = require_styles_to_string.stylesToString;
 exports.toRgba = require_to_rgba.toRgba;
 exports.useCckClassNamesPrefix = require_config_provider_context.useCckClassNamesPrefix;
@@ -177,12 +178,17 @@ 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.useRandomClassName = require_use_random_classname.useRandomClassName;
 exports.useStyles = require_use_styles.useStyles;
 exports.virtualColor = require_virtual_color.virtualColor;
+exports.withClasses = require_statics.withClasses;
+exports.withExtend = require_statics.withExtend;
 exports.withInstall = require_install.withInstall;
 exports.withPropsDefaultSetter = require_install.withPropsDefaultSetter;
+exports.withPropsFactory = require_statics.withPropsFactory;
+exports.withVarsResolver = require_statics.withVarsResolver;
 
 //# sourceMappingURL=index.cjs.map

package/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["CckConfigProvider","CBox","CButton","CButtonGroup","CButtonGroupSection","CGrid","CCol","CGroup","CLoader","CSimpleGrid","CText","CTransition","UnstyledButton"],"sources":["../src/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\nimport {\n  CButton,\n  CButtonGroup,\n  CButtonGroupSection,\n  CCol,\n  CGrid,\n  CGroup,\n  CLoader,\n  CSimpleGrid,\n  CText,\n  CTransition,\n  UnstyledButton,\n} from './components'\nimport { CckConfigProvider, CBox } from './core'\n\nconst INSTALLED_KEY = Symbol('INSTALLED_KEY')\n\nconst components = [\n  CckConfigProvider,\n  CBox,\n  CButton,\n  CButtonGroup,\n  CButtonGroupSection,\n  CGrid,\n  CCol,\n  CGroup,\n  CLoader,\n  CSimpleGrid,\n  CText,\n  CTransition,\n  UnstyledButton,\n]\n\nconst CckUI: Plugin = {\n  install(app: App) {\n    if ((app as any)[INSTALLED_KEY]) {\n      return\n    }\n    ;(app as any)[INSTALLED_KEY] = true\n    components.forEach((c) => {\n      if (c.name) {\n        app.component(c.name, c)\n      }\n    })\n  },\n}\n\nexport default CckUI\nexport { CckUI }\n\nexport * from './components'\nexport * from './core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,gBAAgB,OAAO,eAAe;AAE5C,MAAM,aAAa;CACjBA,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,iBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;AACF;AAEA,MAAM,QAAgB,EACpB,QAAQ,KAAU;CAChB,IAAK,IAAY,gBACf;CAED,IAAa,iBAAiB;CAC/B,WAAW,SAAS,MAAM;EACxB,IAAI,EAAE,MACJ,IAAI,UAAU,EAAE,MAAM,CAAC;CAE3B,CAAC;AACH,EACF"}
+{"version":3,"file":"index.cjs","names":["CckConfigProvider","CBox","CButton","CButtonGroup","CButtonGroupSection","CGrid","CCol","CGroup","CLoader","CSimpleGrid","CText","CTransition","UnstyledButton"],"sources":["../src/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\nimport {\n  CButton,\n  CButtonGroup,\n  CButtonGroupSection,\n  CCol,\n  CGrid,\n  CGroup,\n  CLoader,\n  CSimpleGrid,\n  CText,\n  CTransition,\n  UnstyledButton,\n} from './components'\nimport { CckConfigProvider, CBox } from './core'\n\nconst INSTALLED_KEY = Symbol('INSTALLED_KEY')\n\nconst components = [\n  CckConfigProvider,\n  CBox,\n  CButton,\n  CButtonGroup,\n  CButtonGroupSection,\n  CGrid,\n  CCol,\n  CGroup,\n  CLoader,\n  CSimpleGrid,\n  CText,\n  CTransition,\n  UnstyledButton,\n]\n\nconst CckUI: Plugin = {\n  install(app: App) {\n    if ((app as any)[INSTALLED_KEY]) {\n      return\n    }\n    ;(app as any)[INSTALLED_KEY] = true\n    components.forEach((c) => {\n      if (c.name) {\n        app.component(c.name, c)\n      }\n    })\n  },\n}\n\nexport default CckUI\nexport { CckUI }\n\nexport * from './components'\nexport * from './core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,gBAAgB,OAAO,eAAe;AAE5C,MAAM,aAAa;CACjBA,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,iBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;AACF;AAEA,MAAM,QAAgB,EACpB,QAAQ,KAAU;CAChB,IAAK,IAAY,gBACf;CAED,IAAa,iBAAiB;CAC/B,WAAW,SAAS,MAAM;EACxB,IAAI,EAAE,MACJ,IAAI,UAAU,EAAE,MAAM,CAAC;CAE3B,CAAC;AACH,EACF"}

package/esm/components/button/button-group/button-group.mjs

@@ -1,12 +1,12 @@
 "use client";
-import { rem } from "../../../core/utils/units-converters/rem.mjs";
 import export_helper_default from "../../../_virtual/_/plugin-vue/export-helper.mjs";
+import { useComponentProps } from "../../../core/config-provider/use-component-props/use-component-props.mjs";
 import { CBox } from "../../../core/box/index.mjs";
-import { createVarsResolver } from "../../../core/styles-api/create-vars-resolver/create-vars-resolver.mjs";
 import { useStyles } from "../../../core/styles-api/use-styles/use-styles.mjs";
 import button_module_default from "../button.module.mjs";
 import { useButtonGroup } from "./use-button-group.mjs";
-import { Fragment, computed, createBlock, createElementBlock, defineComponent, mergeProps, openBlock, renderList, resolveDynamicComponent, useSlots, withCtx } from "vue";
+import { varsResolver } from "./button-group.utils.mjs";
+import { Fragment, computed, createBlock, createElementBlock, defineComponent, mergeProps, openBlock, ref, renderList, resolveDynamicComponent, useAttrs, useSlots, withCtx } from "vue";
 //#region packages/@cck-ui/core/src/components/button/button-group/button-group.vue
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "CButtonGroup",
@@ -14,8 +14,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	props: {
 		orientation: {
 			type: String,
-			required: false,
-			default: "horizontal"
+			required: false
 		},
 		borderWidth: {
 			type: [Number, String],
@@ -312,47 +311,71 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		}
 	},
 	setup(__props, { expose: __expose }) {
-		__expose();
+		const _group = ref(null);
+		const attrs = useAttrs();
 		const slots = useSlots();
-		const varsResolver = createVarsResolver((_, { borderWidth }) => ({ group: { "--button-border-width": rem(borderWidth) } }));
-		const props = __props;
-		const { className, style, classNames, styles, unstyled, orientation, vars, borderWidth, mod, attributes, ...others } = props;
+		const rawProps = __props;
+		const props = useComponentProps({
+			component: "CButtonGroup",
+			defaultProps: { orientation: "horizontal" },
+			props: rawProps
+		});
+		const knownProps = [
+			"className",
+			"style",
+			"classNames",
+			"styles",
+			"unstyled",
+			"orientation",
+			"vars",
+			"borderWidth",
+			"mod",
+			"attributes"
+		];
 		const getStyles = useStyles({
 			name: "ButtonGroup",
-			props,
+			props: {
+				...props.value,
+				...attrs
+			},
 			classes: button_module_default,
-			className,
-			style,
-			classNames,
-			styles,
-			unstyled,
-			attributes,
-			vars,
+			className: props.value.className,
+			style: props.value.style,
+			classNames: props.value.classNames,
+			styles: props.value.styles,
+			unstyled: props.value.unstyled,
+			attributes: props.value.attributes,
+			vars: props.value.vars,
 			varsResolver,
 			rootSelector: "group"
 		});
+		const modList = computed(() => [{ orientation: props.value.orientation }]);
 		const groupAttrs = computed(() => getStyles("group"));
-		const mergedAttrs = computed(() => ({
-			...others,
-			...groupAttrs.value
-		}));
+		const mergedAttrs = computed(() => {
+			const others = {};
+			const propsValue = props.value;
+			Object.keys(propsValue).forEach((key) => {
+				if (!knownProps.includes(key)) others[key] = propsValue[key];
+			});
+			const userMod = props.value.mod;
+			const mergedMod = [...Array.isArray(userMod) ? userMod : [userMod].filter(Boolean), ...modList.value || []];
+			return {
+				...others,
+				mod: mergedMod,
+				...groupAttrs.value
+			};
+		});
 		const { validChildren } = useButtonGroup(slots);
+		__expose({ group: computed(() => _group.value?.root ?? null) });
 		const __returned__ = {
+			_group,
+			attrs,
 			slots,
-			varsResolver,
+			rawProps,
 			props,
-			className,
-			style,
-			classNames,
-			styles,
-			unstyled,
-			orientation,
-			vars,
-			borderWidth,
-			mod,
-			attributes,
-			others,
+			knownProps,
 			getStyles,
+			modList,
 			groupAttrs,
 			mergedAttrs,
 			validChildren,
@@ -368,12 +391,15 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	}
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return openBlock(), createBlock($setup["CBox"], mergeProps({ rol: "group" }, $setup.mergedAttrs, { mod: [{ "data-orientation": $setup.orientation }, $setup.mod] }), {
+	return openBlock(), createBlock($setup["CBox"], mergeProps({
+		ref: "_group",
+		role: "group"
+	}, $setup.mergedAttrs), {
 		default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList($setup.validChildren, (child, index) => {
 			return openBlock(), createBlock(resolveDynamicComponent(child), { key: child.key ?? index });
 		}), 128))]),
 		_: 1
-	}, 16, ["mod"]);
+	}, 16);
 }
 var button_group_default = /*#__PURE__*/ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/cck-ui/cck-ui/packages/@cck-ui/core/src/components/button/button-group/button-group.vue"]]);
 //#endregion