@cck-ui/core 0.2.0

package/esm/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.mjs

@@ -0,0 +1,9 @@
+"use client";
+//#region packages/@cck-ui/core/src/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.ts
+function getSelectorClassName({ selector, classes, unstyled }) {
+	return unstyled ? void 0 : classes[selector];
+}
+//#endregion
+export { getSelectorClassName };
+
+//# sourceMappingURL=get-selector-class-name.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"get-selector-class-name.mjs","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"}

package/esm/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.mjs

@@ -0,0 +1,10 @@
+"use client";
+//#region packages/@cck-ui/core/src/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.ts
+function getStaticClassNames({ themeName, classNamesPrefix, selector, withStaticClass }) {
+	if (withStaticClass === false) return [];
+	return themeName.map((n) => `${classNamesPrefix}-${n}-${selector}`);
+}
+//#endregion
+export { getStaticClassNames };
+
+//# sourceMappingURL=get-static-class-names.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"get-static-class-names.mjs","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/esm/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.mjs

@@ -0,0 +1,12 @@
+"use client";
+//#region packages/@cck-ui/core/src/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.ts
+/**
+* @returns Variant className, variant is always separated from selector with `--`, for example, `tab--default`
+*/
+function getVariantClassName({ options, classes, selector, unstyled }) {
+	return options?.variant && !unstyled ? classes[`${selector}--${options.variant}`] : void 0;
+}
+//#endregion
+export { getVariantClassName };
+
+//# sourceMappingURL=get-variant-class-name.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"get-variant-class-name.mjs","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"}

package/esm/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.mjs

@@ -0,0 +1,21 @@
+"use client";
+import cx from "clsx";
+//#region packages/@cck-ui/core/src/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.ts
+const EMPTY_CLASS_NAMES = {};
+function mergeClassNames(objects) {
+	const merged = {};
+	objects.forEach((obj) => {
+		Object.entries(obj).forEach(([key, value]) => {
+			if (merged[key]) merged[key] = cx(merged[key], value);
+			else merged[key] = value;
+		});
+	});
+	return merged;
+}
+function resolveClassNames({ theme, classNames, props, stylesCtx }) {
+	return mergeClassNames((Array.isArray(classNames) ? classNames : [classNames]).map((item) => typeof item === "function" ? item(theme, props, stylesCtx) : item || EMPTY_CLASS_NAMES));
+}
+//#endregion
+export { resolveClassNames };
+
+//# sourceMappingURL=resolve-class-names.mjs.map

package/esm/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-class-names.mjs","names":[],"sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.ts"],"sourcesContent":["import cx from 'clsx'\nimport { CTheme } from '../../../../config-provider'\nimport { _ClassNames } from '../get-class-name'\n\nexport interface ResolveClassNamesInput {\n  theme: CTheme\n  classNames: _ClassNames\n  props: Record<string, any>\n  stylesCtx: Record<string, any> | undefined\n}\n\nconst EMPTY_CLASS_NAMES: Partial<Record<string, string>> = {}\n\nfunction mergeClassNames(objects: Partial<Record<string, string>>[]) {\n  const merged: Partial<Record<string, string>> = {}\n\n  objects.forEach((obj) => {\n    Object.entries(obj).forEach(([key, value]) => {\n      if (merged[key]) {\n        merged[key] = cx(merged[key], value)\n      } else {\n        merged[key] = value\n      }\n    })\n  })\n\n  return merged\n}\n\nexport function resolveClassNames({ theme, classNames, props, stylesCtx }: ResolveClassNamesInput) {\n  const arrayClassNames = Array.isArray(classNames) ? classNames : [classNames]\n  const resolvedClassNames = arrayClassNames.map((item) =>\n    typeof item === 'function' ? item(theme, props, stylesCtx) : item || EMPTY_CLASS_NAMES\n  )\n\n  return mergeClassNames(resolvedClassNames)\n}\n"],"mappings":";;;AAWA,MAAM,oBAAqD,CAAC;AAE5D,SAAS,gBAAgB,SAA4C;CACnE,MAAM,SAA0C,CAAC;CAEjD,QAAQ,SAAS,QAAQ;EACvB,OAAO,QAAQ,GAAG,CAAC,CAAC,SAAS,CAAC,KAAK,WAAW;GAC5C,IAAI,OAAO,MACT,OAAO,OAAO,GAAG,OAAO,MAAM,KAAK;QAEnC,OAAO,OAAO;EAElB,CAAC;CACH,CAAC;CAED,OAAO;AACT;AAEA,SAAgB,kBAAkB,EAAE,OAAO,YAAY,OAAO,aAAqC;CAMjG,OAAO,iBALiB,MAAM,QAAQ,UAAU,IAAI,aAAa,CAAC,UAAU,EAAA,CACjC,KAAK,SAC9C,OAAO,SAAS,aAAa,KAAK,OAAO,OAAO,SAAS,IAAI,QAAQ,iBAG/B,CAAC;AAC3C"}

package/esm/core/styles-api/use-styles/get-style/get-style.mjs

@@ -0,0 +1,26 @@
+"use client";
+import { resolveStyles } from "./resolve-styles/resolve-styles.mjs";
+import { resolveStyle } from "./resolve-style/resolve-style.mjs";
+//#region packages/@cck-ui/core/src/core/styles-api/use-styles/get-style/get-style.ts
+function getStyle({ theme, selector, options, props, stylesCtx, rootSelector, withStylesTransform, resolvedStyles, resolvedThemeStyles, resolvedVars, resolvedRootStyle }) {
+	return {
+		...resolvedThemeStyles[selector],
+		...resolvedStyles[selector],
+		...!withStylesTransform && resolveStyles({
+			theme,
+			styles: options?.styles,
+			props: options?.props || props,
+			stylesCtx
+		})[selector],
+		...resolvedVars[selector],
+		...rootSelector === selector ? resolvedRootStyle : null,
+		...resolveStyle({
+			style: options?.style,
+			theme
+		})
+	};
+}
+//#endregion
+export { getStyle };
+
+//# sourceMappingURL=get-style.mjs.map

package/esm/core/styles-api/use-styles/get-style/get-style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-style.mjs","names":[],"sources":["../../../../../src/core/styles-api/use-styles/get-style/get-style.ts"],"sourcesContent":["import { Properties } from 'csstype'\nimport { GetStylesApiOptions } from '../../styles-api.types'\nimport { resolveStyle } from './resolve-style/resolve-style'\nimport { resolveStyles } from './resolve-styles/resolve-styles'\nimport { CTheme } from '../../../config-provider'\n\ntype __Styles =\n  | undefined\n  | Partial<Record<string, Properties>>\n  | ((\n      theme: CTheme,\n      props: Record<string, any>,\n      ctx: Record<string, any> | undefined\n    ) => Partial<Record<string, Properties>>)\n\nexport type _Styles = __Styles | __Styles[]\n\nexport interface GetStyleInput {\n  theme: CTheme\n  selector: string\n  rootSelector: string\n  options: GetStylesApiOptions | undefined\n  props: Record<string, any>\n  stylesCtx: Record<string, any> | undefined\n  withStylesTransform?: boolean\n  resolvedStyles: Record<string, any>\n  resolvedThemeStyles: Record<string, any>\n  resolvedVars: Record<string, any>\n  resolvedRootStyle: Properties\n}\n\nexport function getStyle({\n  theme,\n  selector,\n  options,\n  props,\n  stylesCtx,\n  rootSelector,\n  withStylesTransform,\n  resolvedStyles,\n  resolvedThemeStyles,\n  resolvedVars,\n  resolvedRootStyle,\n}: GetStyleInput) {\n  return {\n    ...resolvedThemeStyles[selector],\n    ...resolvedStyles[selector],\n    ...(!withStylesTransform &&\n      resolveStyles({\n        theme,\n        styles: options?.styles,\n        props: options?.props || props,\n        stylesCtx,\n      })[selector]),\n    ...resolvedVars[selector],\n    ...(rootSelector === selector ? resolvedRootStyle : null),\n    ...resolveStyle({ style: options?.style, theme }),\n  }\n}\n"],"mappings":";;;;AA+BA,SAAgB,SAAS,EACvB,OACA,UACA,SACA,OACA,WACA,cACA,qBACA,gBACA,qBACA,cACA,qBACgB;CAChB,OAAO;EACL,GAAG,oBAAoB;EACvB,GAAG,eAAe;EAClB,GAAI,CAAC,uBACH,cAAc;GACZ;GACA,QAAQ,SAAS;GACjB,OAAO,SAAS,SAAS;GACzB;EACF,CAAC,CAAC,CAAC;EACL,GAAG,aAAa;EAChB,GAAI,iBAAiB,WAAW,oBAAoB;EACpD,GAAG,aAAa;GAAE,OAAO,SAAS;GAAO;EAAM,CAAC;CAClD;AACF"}

package/esm/core/styles-api/use-styles/get-style/resolve-style/resolve-style.mjs

@@ -0,0 +1,18 @@
+"use client";
+//#region packages/@cck-ui/core/src/core/styles-api/use-styles/get-style/resolve-style/resolve-style.ts
+function resolveStyle({ style, theme }) {
+	if (Array.isArray(style)) return style.reduce((acc, item) => ({
+		...acc,
+		...resolveStyle({
+			style: item,
+			theme
+		})
+	}), {});
+	if (typeof style === "function") return style(theme);
+	if (style === void 0) return {};
+	return style;
+}
+//#endregion
+export { resolveStyle };
+
+//# sourceMappingURL=resolve-style.mjs.map

package/esm/core/styles-api/use-styles/get-style/resolve-style/resolve-style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-style.mjs","names":[],"sources":["../../../../../../src/core/styles-api/use-styles/get-style/resolve-style/resolve-style.ts"],"sourcesContent":["import { Properties } from 'csstype'\nimport { CStyleProp } from '../../../../box'\nimport { CTheme } from '../../../../config-provider'\n\ninterface ResolveStyleInput {\n  style: CStyleProp | undefined\n  theme: CTheme\n}\n\nexport function resolveStyle({ style, theme }: ResolveStyleInput): Properties {\n  if (Array.isArray(style)) {\n    return style.reduce<Record<string, any>>(\n      (acc, item) => ({ ...acc, ...resolveStyle({ style: item, theme }) }),\n      {}\n    )\n  }\n\n  if (typeof style === 'function') {\n    return style(theme)\n  }\n\n  if (style === undefined) {\n    return {}\n  }\n\n  return style\n}\n"],"mappings":";;AASA,SAAgB,aAAa,EAAE,OAAO,SAAwC;CAC5E,IAAI,MAAM,QAAQ,KAAK,GACrB,OAAO,MAAM,QACV,KAAK,UAAU;EAAE,GAAG;EAAK,GAAG,aAAa;GAAE,OAAO;GAAM;EAAM,CAAC;CAAE,IAClE,CAAC,CACH;CAGF,IAAI,OAAO,UAAU,YACnB,OAAO,MAAM,KAAK;CAGpB,IAAI,UAAU,KAAA,GACZ,OAAO,CAAC;CAGV,OAAO;AACT"}

package/esm/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.mjs

@@ -0,0 +1,13 @@
+"use client";
+//#region packages/@cck-ui/core/src/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.ts
+function resolveStyles({ theme, styles, props, stylesCtx }) {
+	const arrayStyles = Array.isArray(styles) ? styles : [styles];
+	const result = {};
+	for (const style of arrayStyles) if (typeof style === "function") Object.assign(result, style(theme, props, stylesCtx));
+	else if (style) Object.assign(result, style);
+	return result;
+}
+//#endregion
+export { resolveStyles };
+
+//# sourceMappingURL=resolve-styles.mjs.map

package/esm/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-styles.mjs","names":[],"sources":["../../../../../../src/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.ts"],"sourcesContent":["import { CTheme } from '../../../../config-provider'\nimport { _Styles } from '../get-style'\n\nexport interface ResolveStylesInput {\n  theme: CTheme\n  styles: _Styles\n  props: Record<string, any>\n  stylesCtx: Record<string, any> | undefined\n}\n\nexport function resolveStyles({ theme, styles, props, stylesCtx }: ResolveStylesInput) {\n  const arrayStyles = Array.isArray(styles) ? styles : [styles]\n  const result: Record<string, any> = {}\n\n  for (const style of arrayStyles) {\n    if (typeof style === 'function') {\n      Object.assign(result, style(theme, props, stylesCtx))\n    } else if (style) {\n      Object.assign(result, style)\n    }\n  }\n\n  return result\n}\n"],"mappings":";;AAUA,SAAgB,cAAc,EAAE,OAAO,QAAQ,OAAO,aAAiC;CACrF,MAAM,cAAc,MAAM,QAAQ,MAAM,IAAI,SAAS,CAAC,MAAM;CAC5D,MAAM,SAA8B,CAAC;CAErC,KAAK,MAAM,SAAS,aAClB,IAAI,OAAO,UAAU,YACnB,OAAO,OAAO,QAAQ,MAAM,OAAO,OAAO,SAAS,CAAC;MAC/C,IAAI,OACT,OAAO,OAAO,QAAQ,KAAK;CAI/B,OAAO;AACT"}

package/esm/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.mjs

@@ -0,0 +1,18 @@
+"use client";
+import { filterProps } from "../../../../utils/filter-props/filter-props.mjs";
+//#region packages/@cck-ui/core/src/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.ts
+function mergeVars(vars) {
+	return vars.reduce((acc, current) => {
+		if (current) Object.keys(current).forEach((key) => {
+			acc[key] = {
+				...acc[key],
+				...filterProps(current[key])
+			};
+		});
+		return acc;
+	}, {});
+}
+//#endregion
+export { mergeVars };
+
+//# sourceMappingURL=merge-vars.mjs.map

package/esm/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-vars.mjs","names":[],"sources":["../../../../../../src/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.ts"],"sourcesContent":["import { CssVariable } from '../../../../box'\nimport { filterProps } from '../../../../utils'\n\nexport type ResolvedVars = Partial<Record<string, Record<CssVariable, string | undefined>>>\n\nexport function mergeVars(vars: (ResolvedVars | undefined)[]) {\n  return vars.reduce<ResolvedVars>((acc, current) => {\n    if (current) {\n      Object.keys(current).forEach((key) => {\n        acc[key] = { ...acc[key], ...filterProps(current[key]!) }\n      })\n    }\n    return acc\n  }, {})\n}\n"],"mappings":";;;AAKA,SAAgB,UAAU,MAAoC;CAC5D,OAAO,KAAK,QAAsB,KAAK,YAAY;EACjD,IAAI,SACF,OAAO,KAAK,OAAO,CAAC,CAAC,SAAS,QAAQ;GACpC,IAAI,OAAO;IAAE,GAAG,IAAI;IAAM,GAAG,YAAY,QAAQ,IAAK;GAAE;EAC1D,CAAC;EAEH,OAAO;CACT,GAAG,CAAC,CAAC;AACP"}

package/esm/core/styles-api/use-styles/use-styles.mjs

@@ -0,0 +1,104 @@
+"use client";
+import { THEME_KEY } from "../../config-provider/config-provider.types.mjs";
+import { useCckClassNamesPrefix, useCckIsHeadless, useCckWithStaticClasses } from "../../config-provider/config-provider.context.mjs";
+import { DEFAULT_THEME } from "../../config-provider/default-theme.mjs";
+import { resolveClassNames } from "./get-class-name/resolve-class-names/resolve-class-names.mjs";
+import { resolveStyles } from "./get-style/resolve-styles/resolve-styles.mjs";
+import { useStylesTransform } from "./use-transformed-styles.mjs";
+import { mergeVars } from "./get-style/resolve-vars/merge-vars.mjs";
+import { resolveStyle } from "./get-style/resolve-style/resolve-style.mjs";
+import { getClassName } from "./get-class-name/get-class-name.mjs";
+import { getStyle } from "./get-style/get-style.mjs";
+import { inject } from "vue";
+//#region packages/@cck-ui/core/src/core/styles-api/use-styles/use-styles.ts
+function useStyles({ name, classes, props, stylesCtx, className, style, rootSelector = "root", unstyled, classNames, styles, vars, varsResolver, attributes }) {
+	const theme = inject(THEME_KEY, DEFAULT_THEME);
+	const classNamesPrefix = useCckClassNamesPrefix();
+	const withStaticClasses = useCckWithStaticClasses();
+	const headless = useCckIsHeadless();
+	const themeName = (Array.isArray(name) ? name : [name]).filter((n) => n);
+	const { withStylesTransform, getTransformedStyles } = useStylesTransform({
+		props,
+		stylesCtx,
+		themeName,
+		theme
+	});
+	const resolvedClassNames = resolveClassNames({
+		theme,
+		classNames,
+		props,
+		stylesCtx
+	});
+	const resolvedThemeClassNames = themeName.map((n) => resolveClassNames({
+		theme,
+		classNames: theme.components?.[n]?.classNames,
+		props,
+		stylesCtx
+	}));
+	const resolvedComponentStyles = withStylesTransform ? {} : resolveStyles({
+		theme,
+		styles,
+		props,
+		stylesCtx
+	});
+	const resolvedThemeStyles = {};
+	if (!withStylesTransform) for (const n of themeName) {
+		const resolved = resolveStyles({
+			theme,
+			styles: theme.components?.[n]?.styles,
+			props,
+			stylesCtx
+		});
+		for (const key of Object.keys(resolved)) resolvedThemeStyles[key] = {
+			...resolvedThemeStyles[key],
+			...resolved[key]
+		};
+	}
+	const resolvedVars = mergeVars([
+		headless ? {} : varsResolver?.(theme, props, stylesCtx),
+		...themeName.map((n) => theme.components?.[n]?.vars?.(theme, props, stylesCtx)),
+		vars?.(theme, props, stylesCtx)
+	]);
+	const resolvedRootStyle = resolveStyle({
+		style,
+		theme
+	});
+	return (selector, options) => ({
+		...attributes?.[selector],
+		className: getClassName({
+			theme,
+			options,
+			themeName,
+			selector,
+			classNamesPrefix,
+			resolvedClassNames,
+			resolvedThemeClassNames,
+			classes,
+			unstyled,
+			className,
+			rootSelector,
+			props,
+			stylesCtx,
+			withStaticClasses,
+			headless,
+			transformedStyles: getTransformedStyles([options?.styles, styles])
+		}),
+		style: getStyle({
+			theme,
+			selector,
+			options,
+			props,
+			stylesCtx,
+			rootSelector,
+			withStylesTransform,
+			resolvedStyles: resolvedComponentStyles,
+			resolvedThemeStyles,
+			resolvedVars,
+			resolvedRootStyle
+		})
+	});
+}
+//#endregion
+export { useStyles };
+
+//# sourceMappingURL=use-styles.mjs.map

package/esm/core/styles-api/use-styles/use-styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-styles.mjs","names":[],"sources":["../../../../src/core/styles-api/use-styles/use-styles.ts"],"sourcesContent":["import { inject } from 'vue'\nimport {\n  Attributes,\n  ClassNames,\n  ClassNamesArray,\n  GetStylesApiOptions,\n  Styles,\n} from '../styles-api.types'\nimport { PartialVarsResolver, VarsResolver } from '../create-vars-resolver/create-vars-resolver'\nimport { useStylesTransform } from './use-transformed-styles'\nimport { resolveClassNames } from './get-class-name/resolve-class-names/resolve-class-names'\nimport { resolveStyles } from './get-style/resolve-styles/resolve-styles'\nimport { mergeVars } from './get-style/resolve-vars/merge-vars'\nimport { resolveStyle } from './get-style/resolve-style/resolve-style'\nimport { getClassName } from './get-class-name/get-class-name'\nimport { Properties } from 'csstype'\nimport { getStyle } from './get-style/get-style'\nimport { FactoryPayload } from '../../factory'\nimport { CStyleProp } from '../../box'\nimport {\n  DEFAULT_THEME,\n  THEME_KEY,\n  useCckClassNamesPrefix,\n  useCckIsHeadless,\n  useCckWithStaticClasses,\n} from '../../config-provider'\n\nexport interface UseStylesInput<Payload extends FactoryPayload> {\n  name: string | (string | undefined)[]\n  classes: Payload['stylesNames'] extends string ? Record<string, string> : never\n  props: Payload['props']\n  stylesCtx?: Payload['ctx']\n  className?: string | undefined\n  style?: CStyleProp\n  rootSelector?: Payload['stylesNames']\n  unstyled?: boolean\n  classNames?: ClassNames<Payload> | ClassNamesArray<Payload>\n  styles?: Styles<Payload>\n  vars?: PartialVarsResolver<Payload>\n  varsResolver?: VarsResolver<Payload>\n  attributes?: Attributes<Payload>\n}\n\nexport type GetStylesApi<Payload extends FactoryPayload> = (\n  selector: NonNullable<Payload['stylesNames']>,\n  options?: GetStylesApiOptions\n) => {\n  className: string\n  style: Properties\n}\n\nexport function useStyles<Payload extends FactoryPayload>({\n  name,\n  classes,\n  props,\n  stylesCtx,\n  className,\n  style,\n  rootSelector = 'root' as NonNullable<Payload['stylesNames']>,\n  unstyled,\n  classNames,\n  styles,\n  vars,\n  varsResolver,\n  attributes,\n}: UseStylesInput<Payload>): GetStylesApi<Payload> {\n  const theme = inject(THEME_KEY, DEFAULT_THEME)\n  const classNamesPrefix = useCckClassNamesPrefix()\n  const withStaticClasses = useCckWithStaticClasses()\n  const headless = useCckIsHeadless()\n\n  const themeNames = Array.isArray(name) ? name : [name]\n  const themeName = themeNames.filter((n) => n) as string[]\n  const { withStylesTransform, getTransformedStyles } = useStylesTransform({\n    props,\n    stylesCtx,\n    themeName,\n    theme,\n  })\n\n  const resolvedClassNames = resolveClassNames({\n    theme,\n    classNames,\n    props,\n    stylesCtx,\n  })\n  const resolvedThemeClassNames = themeName.map((n) =>\n    resolveClassNames({\n      theme,\n      classNames: theme.components?.[n]?.classNames,\n      props,\n      stylesCtx,\n    })\n  )\n\n  const resolvedComponentStyles = withStylesTransform\n    ? {}\n    : resolveStyles({ theme, styles, props, stylesCtx })\n\n  const resolvedThemeStyles: Record<string, any> = {}\n\n  if (!withStylesTransform) {\n    for (const n of themeName) {\n      const resolved = resolveStyles({\n        theme,\n        styles: theme.components?.[n]?.styles,\n        props,\n        stylesCtx,\n      })\n      for (const key of Object.keys(resolved)) {\n        resolvedThemeStyles[key] = {\n          ...resolvedThemeStyles[key],\n          ...resolved[key],\n        }\n      }\n    }\n  }\n\n  const resolvedVars = mergeVars([\n    headless ? {} : varsResolver?.(theme, props, stylesCtx),\n    ...themeName.map((n) => theme.components?.[n]?.vars?.(theme, props, stylesCtx)),\n    vars?.(theme, props, stylesCtx),\n  ])\n\n  const resolvedRootStyle = resolveStyle({ style, theme })\n\n  return (selector, options) => ({\n    ...attributes?.[selector],\n\n    className: getClassName({\n      theme,\n      options,\n      themeName,\n      selector,\n      classNamesPrefix,\n      resolvedClassNames,\n      resolvedThemeClassNames,\n      classes,\n      unstyled,\n      className,\n      rootSelector,\n      props,\n      stylesCtx,\n      withStaticClasses,\n      headless,\n      transformedStyles: getTransformedStyles([options?.styles, styles]),\n    }),\n\n    style: getStyle({\n      theme,\n      selector,\n      options,\n      props,\n      stylesCtx,\n      rootSelector,\n      withStylesTransform,\n      resolvedStyles: resolvedComponentStyles,\n      resolvedThemeStyles,\n      resolvedVars,\n      resolvedRootStyle,\n    }),\n  })\n}\n"],"mappings":";;;;;;;;;;;;;AAmDA,SAAgB,UAA0C,EACxD,MACA,SACA,OACA,WACA,WACA,OACA,eAAe,QACf,UACA,YACA,QACA,MACA,cACA,cACiD;CACjD,MAAM,QAAQ,OAAO,WAAW,aAAa;CAC7C,MAAM,mBAAmB,uBAAuB;CAChD,MAAM,oBAAoB,wBAAwB;CAClD,MAAM,WAAW,iBAAiB;CAGlC,MAAM,aADa,MAAM,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI,EAAA,CACxB,QAAQ,MAAM,CAAC;CAC5C,MAAM,EAAE,qBAAqB,yBAAyB,mBAAmB;EACvE;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,qBAAqB,kBAAkB;EAC3C;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,0BAA0B,UAAU,KAAK,MAC7C,kBAAkB;EAChB;EACA,YAAY,MAAM,aAAa,EAAE,EAAE;EACnC;EACA;CACF,CAAC,CACH;CAEA,MAAM,0BAA0B,sBAC5B,CAAC,IACD,cAAc;EAAE;EAAO;EAAQ;EAAO;CAAU,CAAC;CAErD,MAAM,sBAA2C,CAAC;CAElD,IAAI,CAAC,qBACH,KAAK,MAAM,KAAK,WAAW;EACzB,MAAM,WAAW,cAAc;GAC7B;GACA,QAAQ,MAAM,aAAa,EAAE,EAAE;GAC/B;GACA;EACF,CAAC;EACD,KAAK,MAAM,OAAO,OAAO,KAAK,QAAQ,GACpC,oBAAoB,OAAO;GACzB,GAAG,oBAAoB;GACvB,GAAG,SAAS;EACd;CAEJ;CAGF,MAAM,eAAe,UAAU;EAC7B,WAAW,CAAC,IAAI,eAAe,OAAO,OAAO,SAAS;EACtD,GAAG,UAAU,KAAK,MAAM,MAAM,aAAa,EAAE,EAAE,OAAO,OAAO,OAAO,SAAS,CAAC;EAC9E,OAAO,OAAO,OAAO,SAAS;CAChC,CAAC;CAED,MAAM,oBAAoB,aAAa;EAAE;EAAO;CAAM,CAAC;CAEvD,QAAQ,UAAU,aAAa;EAC7B,GAAG,aAAa;EAEhB,WAAW,aAAa;GACtB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,mBAAmB,qBAAqB,CAAC,SAAS,QAAQ,MAAM,CAAC;EACnE,CAAC;EAED,OAAO,SAAS;GACd;GACA;GACA;GACA;GACA;GACA;GACA;GACA,gBAAgB;GAChB;GACA;GACA;EACF,CAAC;CACH;AACF"}

package/esm/core/styles-api/use-styles/use-transformed-styles.mjs

@@ -0,0 +1,26 @@
+"use client";
+import { useCckStylesTransform } from "../../config-provider/config-provider.context.mjs";
+//#region packages/@cck-ui/core/src/core/styles-api/use-styles/use-transformed-styles.ts
+function useStylesTransform({ props, stylesCtx, themeName, theme }) {
+	const stylesTransform = useCckStylesTransform()?.();
+	const getTransformedStyles = (styles) => {
+		if (!stylesTransform) return [];
+		return [...styles.map((style) => stylesTransform(style, {
+			props,
+			theme,
+			ctx: stylesCtx
+		})), ...themeName.map((n) => stylesTransform(theme.components[n]?.styles, {
+			props,
+			theme,
+			ctx: stylesCtx
+		}))].filter(Boolean);
+	};
+	return {
+		getTransformedStyles,
+		withStylesTransform: !!stylesTransform
+	};
+}
+//#endregion
+export { useStylesTransform };
+
+//# sourceMappingURL=use-transformed-styles.mjs.map

package/esm/core/styles-api/use-styles/use-transformed-styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-transformed-styles.mjs","names":[],"sources":["../../../../src/core/styles-api/use-styles/use-transformed-styles.ts"],"sourcesContent":["import { CTheme, useCckStylesTransform } from '../../config-provider'\n\ninterface UseTransformedStylesInput {\n  props: Record<string, any>\n  stylesCtx: Record<string, any> | undefined\n  themeName: string[]\n  theme: CTheme\n}\n\nexport function useStylesTransform({\n  props,\n  stylesCtx,\n  themeName,\n  theme,\n}: UseTransformedStylesInput) {\n  const stylesTransform = useCckStylesTransform()?.()\n\n  const getTransformedStyles = (styles: any[]) => {\n    if (!stylesTransform) {\n      return []\n    }\n\n    const transformedStyles = styles.map((style) =>\n      stylesTransform(style, { props, theme, ctx: stylesCtx })\n    )\n\n    return [\n      ...transformedStyles,\n      ...themeName.map((n) =>\n        stylesTransform(theme.components[n]?.styles, {\n          props,\n          theme,\n          ctx: stylesCtx,\n        })\n      ),\n    ].filter(Boolean) as Record<string, string>[]\n  }\n\n  return {\n    getTransformedStyles,\n    withStylesTransform: !!stylesTransform,\n  }\n}\n"],"mappings":";;;AASA,SAAgB,mBAAmB,EACjC,OACA,WACA,WACA,SAC4B;CAC5B,MAAM,kBAAkB,sBAAsB,CAAC,GAAG;CAElD,MAAM,wBAAwB,WAAkB;EAC9C,IAAI,CAAC,iBACH,OAAO,CAAC;EAOV,OAAO,CACL,GALwB,OAAO,KAAK,UACpC,gBAAgB,OAAO;GAAE;GAAO;GAAO,KAAK;EAAU,CAAC,CAIpC,GACnB,GAAG,UAAU,KAAK,MAChB,gBAAgB,MAAM,WAAW,EAAE,EAAE,QAAQ;GAC3C;GACA;GACA,KAAK;EACP,CAAC,CACH,CACF,CAAC,CAAC,OAAO,OAAO;CAClB;CAEA,OAAO;EACL;EACA,qBAAqB,CAAC,CAAC;CACzB;AACF"}

package/esm/core/utils/camel-to-kebab-case/camel-to-kebab-case.mjs

@@ -0,0 +1,9 @@
+"use client";
+//#region packages/@cck-ui/core/src/core/utils/camel-to-kebab-case/camel-to-kebab-case.ts
+function camelToKebabCase(value) {
+	return value.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);
+}
+//#endregion
+export { camelToKebabCase };
+
+//# sourceMappingURL=camel-to-kebab-case.mjs.map

package/esm/core/utils/camel-to-kebab-case/camel-to-kebab-case.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"camel-to-kebab-case.mjs","names":[],"sources":["../../../../src/core/utils/camel-to-kebab-case/camel-to-kebab-case.ts"],"sourcesContent":["export function camelToKebabCase(value: string) {\n  return value.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`)\n}\n"],"mappings":";;AAAA,SAAgB,iBAAiB,OAAe;CAC9C,OAAO,MAAM,QAAQ,WAAW,WAAW,IAAI,OAAO,YAAY,GAAG;AACvE"}

package/esm/core/utils/color.mjs

@@ -0,0 +1,110 @@
+"use client";
+import { TinyColor } from "@ctrl/tinycolor";
+//#region packages/@cck-ui/core/src/core/utils/color.ts
+const SATURATIONS = [
+	8,
+	15,
+	30,
+	55,
+	78,
+	95,
+	95,
+	92,
+	88,
+	85
+];
+const LIGHTNESSES = [
+	95,
+	88,
+	75,
+	62,
+	50,
+	40,
+	32,
+	27,
+	22,
+	18
+];
+const shadeCache = /* @__PURE__ */ new Map();
+function getNormalizedKey(colorStr) {
+	const tc = new TinyColor(colorStr);
+	if (!tc.isValid) return null;
+	return tc.toHexString();
+}
+function getFormat(colorStr) {
+	const fmt = new TinyColor(colorStr).format;
+	return fmt === "name" ? "hex" : fmt;
+}
+/**
+* Generates 10 shades (index 0~9, 0 lightest, 9 darkest) from a given color.
+* The output format matches the input format (hex / rgb / rgba / hsl / hsla).
+* Results are cached so repeated calls with the same color (even different formats) return instantly.
+* @param originalColor - Any valid CSS color string
+* @returns An array of 10 color strings representing the shades
+* @throws If the input color is invalid
+*/
+function generateColorShades(originalColor) {
+	const normKey = getNormalizedKey(originalColor);
+	if (!normKey) throw new Error(`Invalid color: ${originalColor}`);
+	const targetFormat = getFormat(originalColor);
+	const cacheKey = `${normKey}|${targetFormat}`;
+	if (shadeCache.has(cacheKey)) return shadeCache.get(cacheKey);
+	const base = new TinyColor(originalColor);
+	if (!base.isValid) throw new Error(`Invalid color: ${originalColor}`);
+	const { h } = base.toHsl();
+	const shades = [];
+	for (let i = 0; i < 10; i++) {
+		const color = new TinyColor({
+			h,
+			s: SATURATIONS[i] / 100,
+			l: LIGHTNESSES[i] / 100
+		});
+		let output;
+		switch (targetFormat) {
+			case "hex":
+				output = color.toHexString();
+				break;
+			case "rgb":
+				output = color.toRgbString();
+				break;
+			case "hsl":
+				output = color.toHslString();
+				break;
+			case "hsv":
+				output = color.toHsvString();
+				break;
+			default: output = color.toHexString();
+		}
+		shades.push(output);
+	}
+	shadeCache.set(cacheKey, shades);
+	return shades;
+}
+function clearShadeCache() {
+	shadeCache.clear();
+}
+function setColorAlpha(originalColor, alpha) {
+	if (Number.isNaN(Number(alpha))) throw new TypeError(`Invalid alpha: ${alpha}`);
+	const tc = new TinyColor(originalColor);
+	if (!tc.isValid) throw new Error(`Invalid color: ${originalColor}`);
+	const targetFormat = getFormat(originalColor);
+	tc.setAlpha(alpha);
+	let output;
+	switch (targetFormat) {
+		case "rgb":
+			output = tc.toRgbString();
+			break;
+		case "hsl":
+			output = tc.toHslString();
+			break;
+		case "hsv":
+			output = tc.toHsvString();
+			break;
+		default: output = tc.toRgbString();
+	}
+	return output;
+}
+//#endregion
+export { clearShadeCache, generateColorShades, setColorAlpha };
+
+//# sourceMappingURL=color.mjs.map

package/esm/core/utils/color.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.mjs","names":[],"sources":["../../../src/core/utils/color.ts"],"sourcesContent":["import { TinyColor } from '@ctrl/tinycolor'\n\nconst SATURATIONS = [8, 15, 30, 55, 78, 95, 95, 92, 88, 85]\n\nconst LIGHTNESSES = [95, 88, 75, 62, 50, 40, 32, 27, 22, 18]\n\nconst shadeCache = new Map<string, string[]>()\n\nfunction getNormalizedKey(colorStr: string): string | null {\n  const tc = new TinyColor(colorStr)\n  if (!tc.isValid) return null\n  return tc.toHexString()\n}\n\nfunction getFormat(colorStr: string): string {\n  const tc = new TinyColor(colorStr)\n  const fmt = tc.format\n  return fmt === 'name' ? 'hex' : fmt\n}\n\n/**\n * Generates 10 shades (index 0~9, 0 lightest, 9 darkest) from a given color.\n * The output format matches the input format (hex / rgb / rgba / hsl / hsla).\n * Results are cached so repeated calls with the same color (even different formats) return instantly.\n * @param originalColor - Any valid CSS color string\n * @returns An array of 10 color strings representing the shades\n * @throws If the input color is invalid\n */\nexport function generateColorShades(originalColor: string): string[] {\n  const normKey = getNormalizedKey(originalColor)\n  if (!normKey) {\n    throw new Error(`Invalid color: ${originalColor}`)\n  }\n\n  const targetFormat = getFormat(originalColor)\n  const cacheKey = `${normKey}|${targetFormat}`\n\n  if (shadeCache.has(cacheKey)) {\n    return shadeCache.get(cacheKey)!\n  }\n\n  const base = new TinyColor(originalColor)\n  if (!base.isValid) {\n    throw new Error(`Invalid color: ${originalColor}`)\n  }\n\n  const { h } = base.toHsl()\n\n  const shades: string[] = []\n\n  for (let i = 0; i < 10; i++) {\n    const color = new TinyColor({\n      h,\n      s: SATURATIONS[i] / 100,\n      l: LIGHTNESSES[i] / 100\n    })\n\n    let output: string\n    switch (targetFormat) {\n      case 'hex':\n        output = color.toHexString()\n        break\n      case 'rgb':\n        output = color.toRgbString()\n        break\n      case 'hsl':\n        output = color.toHslString()\n        break\n      case 'hsv':\n        output = color.toHsvString()\n        break\n      default:\n        output = color.toHexString()\n    }\n    shades.push(output)\n  }\n\n  shadeCache.set(cacheKey, shades)\n  return shades\n}\n\nexport function clearShadeCache(): void {\n  shadeCache.clear()\n}\n\nexport function setColorAlpha(originalColor: string, alpha: number): string {\n  if (Number.isNaN(Number(alpha))) {\n    throw new TypeError(`Invalid alpha: ${alpha}`)\n  }\n\n  const tc = new TinyColor(originalColor)\n  if (!tc.isValid) {\n    throw new Error(`Invalid color: ${originalColor}`)\n  }\n\n  const targetFormat = getFormat(originalColor)\n  tc.setAlpha(alpha)\n\n  let output: string\n  switch (targetFormat) {\n    case 'rgb':\n      output = tc.toRgbString()\n      break\n    case 'hsl':\n      output = tc.toHslString()\n      break\n    case 'hsv':\n      output = tc.toHsvString()\n      break\n    default:\n      output = tc.toRgbString()\n  }\n\n  return output\n}\n"],"mappings":";;;AAEA,MAAM,cAAc;CAAC;CAAG;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;AAAE;AAE1D,MAAM,cAAc;CAAC;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;AAAE;AAE3D,MAAM,6BAAa,IAAI,IAAsB;AAE7C,SAAS,iBAAiB,UAAiC;CACzD,MAAM,KAAK,IAAI,UAAU,QAAQ;CACjC,IAAI,CAAC,GAAG,SAAS,OAAO;CACxB,OAAO,GAAG,YAAY;AACxB;AAEA,SAAS,UAAU,UAA0B;CAE3C,MAAM,MAAM,IADG,UAAU,QACZ,CAAC,CAAC;CACf,OAAO,QAAQ,SAAS,QAAQ;AAClC;;;;;;;;;AAUA,SAAgB,oBAAoB,eAAiC;CACnE,MAAM,UAAU,iBAAiB,aAAa;CAC9C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,kBAAkB,eAAe;CAGnD,MAAM,eAAe,UAAU,aAAa;CAC5C,MAAM,WAAW,GAAG,QAAQ,GAAG;CAE/B,IAAI,WAAW,IAAI,QAAQ,GACzB,OAAO,WAAW,IAAI,QAAQ;CAGhC,MAAM,OAAO,IAAI,UAAU,aAAa;CACxC,IAAI,CAAC,KAAK,SACR,MAAM,IAAI,MAAM,kBAAkB,eAAe;CAGnD,MAAM,EAAE,MAAM,KAAK,MAAM;CAEzB,MAAM,SAAmB,CAAC;CAE1B,KAAK,IAAI,IAAI,GAAG,IAAI,IAAI,KAAK;EAC3B,MAAM,QAAQ,IAAI,UAAU;GAC1B;GACA,GAAG,YAAY,KAAK;GACpB,GAAG,YAAY,KAAK;EACtB,CAAC;EAED,IAAI;EACJ,QAAQ,cAAR;GACE,KAAK;IACH,SAAS,MAAM,YAAY;IAC3B;GACF,KAAK;IACH,SAAS,MAAM,YAAY;IAC3B;GACF,KAAK;IACH,SAAS,MAAM,YAAY;IAC3B;GACF,KAAK;IACH,SAAS,MAAM,YAAY;IAC3B;GACF,SACE,SAAS,MAAM,YAAY;EAC/B;EACA,OAAO,KAAK,MAAM;CACpB;CAEA,WAAW,IAAI,UAAU,MAAM;CAC/B,OAAO;AACT;AAEA,SAAgB,kBAAwB;CACtC,WAAW,MAAM;AACnB;AAEA,SAAgB,cAAc,eAAuB,OAAuB;CAC1E,IAAI,OAAO,MAAM,OAAO,KAAK,CAAC,GAC5B,MAAM,IAAI,UAAU,kBAAkB,OAAO;CAG/C,MAAM,KAAK,IAAI,UAAU,aAAa;CACtC,IAAI,CAAC,GAAG,SACN,MAAM,IAAI,MAAM,kBAAkB,eAAe;CAGnD,MAAM,eAAe,UAAU,aAAa;CAC5C,GAAG,SAAS,KAAK;CAEjB,IAAI;CACJ,QAAQ,cAAR;EACE,KAAK;GACH,SAAS,GAAG,YAAY;GACxB;EACF,KAAK;GACH,SAAS,GAAG,YAAY;GACxB;EACF,KAAK;GACH,SAAS,GAAG,YAAY;GACxB;EACF,SACE,SAAS,GAAG,YAAY;CAC5B;CAEA,OAAO;AACT"}

package/esm/core/utils/dom/style.mjs

@@ -0,0 +1,12 @@
+"use client";
+import { isNumber, isString, isStringNumber } from "../types/index.mjs";
+//#region packages/@cck-ui/core/src/core/utils/dom/style.ts
+function addUnit(value, defaultUnit = "px") {
+	if (!value && value !== 0) return "";
+	if (isNumber(value) || isStringNumber(value)) return `${value}${defaultUnit}`;
+	else if (isString(value)) return value;
+}
+//#endregion
+export { addUnit };
+
+//# sourceMappingURL=style.mjs.map

package/esm/core/utils/dom/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../../src/core/utils/dom/style.ts"],"sourcesContent":["import { isNumber, isString, isStringNumber } from '../types'\n\n// const SCOPE = 'utils/dom/style'\n\nexport function addUnit(value?: string | number, defaultUnit = 'px') {\n  if (!value && value !== 0) return ''\n  if (isNumber(value) || isStringNumber(value)) {\n    return `${value}${defaultUnit}`\n  } else if (isString(value)) {\n    return value\n  }\n  // debugWarn(SCOPE, 'binding value must be a string or number')\n}\n"],"mappings":";;;AAIA,SAAgB,QAAQ,OAAyB,cAAc,MAAM;CACnE,IAAI,CAAC,SAAS,UAAU,GAAG,OAAO;CAClC,IAAI,SAAS,KAAK,KAAK,eAAe,KAAK,GACzC,OAAO,GAAG,QAAQ;MACb,IAAI,SAAS,KAAK,GACvB,OAAO;AAGX"}

package/esm/core/utils/filter-props/filter-props.mjs

@@ -0,0 +1,12 @@
+"use client";
+//#region packages/@cck-ui/core/src/core/utils/filter-props/filter-props.ts
+function filterProps(props) {
+	return Object.keys(props).reduce((acc, key) => {
+		if (props[key] !== void 0) acc[key] = props[key];
+		return acc;
+	}, {});
+}
+//#endregion
+export { filterProps };
+
+//# sourceMappingURL=filter-props.mjs.map

package/esm/core/utils/filter-props/filter-props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-props.mjs","names":[],"sources":["../../../../src/core/utils/filter-props/filter-props.ts"],"sourcesContent":["type FilterPropsRes<T extends Record<string, any>> = {\n  [Key in keyof T]-?: T[Key] extends undefined ? never : T[Key]\n}\n\nexport function filterProps<T extends Record<string, any>>(props: T) {\n  return Object.keys(props).reduce<FilterPropsRes<T>>((acc, key: keyof T) => {\n    if (props[key] !== undefined) {\n      acc[key] = props[key]\n    }\n    return acc\n  }, {} as FilterPropsRes<T>)\n}\n"],"mappings":";;AAIA,SAAgB,YAA2C,OAAU;CACnE,OAAO,OAAO,KAAK,KAAK,CAAC,CAAC,QAA2B,KAAK,QAAiB;EACzE,IAAI,MAAM,SAAS,KAAA,GACjB,IAAI,OAAO,MAAM;EAEnB,OAAO;CACT,GAAG,CAAC,CAAsB;AAC5B"}

package/esm/core/utils/get-base-value/get-base-value.mjs

@@ -0,0 +1,13 @@
+"use client";
+//#region packages/@cck-ui/core/src/core/utils/get-base-value/get-base-value.ts
+function getBaseValue(value) {
+	if (typeof value === "object" && value !== null) {
+		if ("base" in value) return value.base;
+		return;
+	}
+	return value;
+}
+//#endregion
+export { getBaseValue };
+
+//# sourceMappingURL=get-base-value.mjs.map

package/esm/core/utils/get-base-value/get-base-value.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-base-value.mjs","names":[],"sources":["../../../../src/core/utils/get-base-value/get-base-value.ts"],"sourcesContent":["import { StyleProp } from '../../box'\n\nexport function getBaseValue<Value = any>(value: StyleProp<Value>) {\n  if (typeof value === 'object' && value !== null) {\n    if ('base' in value) {\n      return value.base\n    }\n\n    return undefined\n  }\n\n  return value\n}\n"],"mappings":";;AAEA,SAAgB,aAA0B,OAAyB;CACjE,IAAI,OAAO,UAAU,YAAY,UAAU,MAAM;EAC/C,IAAI,UAAU,OACZ,OAAO,MAAM;EAGf;CACF;CAEA,OAAO;AACT"}

package/esm/core/utils/get-breakpoint-value/get-breakpoint-value.mjs

@@ -0,0 +1,11 @@
+"use client";
+import { px } from "../units-converters/px.mjs";
+//#region packages/@cck-ui/core/src/core/utils/get-breakpoint-value/get-breakpoint-value.ts
+function getBreakpointValue(breakpoint, breakpoints) {
+	if (breakpoint in breakpoints) return px(breakpoints[breakpoint]);
+	return px(breakpoint);
+}
+//#endregion
+export { getBreakpointValue };
+
+//# sourceMappingURL=get-breakpoint-value.mjs.map

package/esm/core/utils/get-breakpoint-value/get-breakpoint-value.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-breakpoint-value.mjs","names":[],"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,OAAO,GAAG,YAAY,WAA0B;CAElD,OAAO,GAAG,UAAU;AACtB"}

package/esm/core/utils/get-size/get-size.mjs

@@ -0,0 +1,29 @@
+"use client";
+import { rem } from "../units-converters/rem.mjs";
+import { isNumberLike } from "../is-number-like/is-number-like.mjs";
+//#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;
+	return isNumberLike(size) ? convertToRem ? rem(size) : size : `var(--${prefix}-${size})`;
+}
+function getSpacing(size) {
+	return getSize(size, "c-spacing");
+}
+function getRadius(size) {
+	if (size === void 0) return `var(--c-radius-default)`;
+	return getSize(size, "c-radius");
+}
+function getFontSize(size) {
+	return getSize(size, "c-font-size");
+}
+function getLineHeight(size) {
+	return getSize(size, "c-line-height", false);
+}
+function getShadow(size) {
+	if (!size) return void 0;
+	return getSize(size, "c-shadow", false);
+}
+//#endregion
+export { getFontSize, getLineHeight, getRadius, getShadow, getSize, getSpacing };
+
+//# sourceMappingURL=get-size.mjs.map

package/esm/core/utils/get-size/get-size.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-size.mjs","names":[],"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,OAAO,aAAa,IAAI,IACpB,eACE,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"}

package/esm/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.mjs

@@ -0,0 +1,15 @@
+"use client";
+import { getBreakpointValue } from "../get-breakpoint-value/get-breakpoint-value.mjs";
+//#region packages/@cck-ui/core/src/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.ts
+function getSortedBreakpoints(values, breakpoints) {
+	const convertedBreakpoints = values.map((breakpoint) => ({
+		value: breakpoint,
+		px: getBreakpointValue(breakpoint, breakpoints)
+	}));
+	convertedBreakpoints.sort((a, b) => a.px - b.px);
+	return convertedBreakpoints;
+}
+//#endregion
+export { getSortedBreakpoints };
+
+//# sourceMappingURL=get-sorted-breakpoints.mjs.map

package/esm/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-sorted-breakpoints.mjs","names":[],"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,IAAI,mBAAmB,YAAY,WAAW;CAChD,EAAE;CAEF,qBAAqB,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,EAAE;CAC/C,OAAO;AACT"}

package/esm/core/utils/is-number-like/is-number-like.mjs

@@ -0,0 +1,15 @@
+"use client";
+//#region packages/@cck-ui/core/src/core/utils/is-number-like/is-number-like.ts
+function isNumberLike(value) {
+	if (typeof value === "number") return true;
+	if (typeof value === "string") {
+		if (value.startsWith("calc(") || value.startsWith("var(") || value.includes(" ") && value.trim() !== "") return true;
+		const cssUnitsRegex = /^[+-]?[0-9]+(\.[0-9]+)?(px|em|rem|ex|ch|lh|rlh|vw|vh|vmin|vmax|vb|vi|svw|svh|lvw|lvh|dvw|dvh|cm|mm|in|pt|pc|q|cqw|cqh|cqi|cqb|cqmin|cqmax|%)?$/;
+		return value.trim().split(/\s+/).every((val) => cssUnitsRegex.test(val));
+	}
+	return false;
+}
+//#endregion
+export { isNumberLike };
+
+//# sourceMappingURL=is-number-like.mjs.map

package/esm/core/utils/is-number-like/is-number-like.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-number-like.mjs","names":[],"sources":["../../../../src/core/utils/is-number-like/is-number-like.ts"],"sourcesContent":["export function isNumberLike(value: unknown) {\n  if (typeof value === 'number') {\n    return true\n  }\n\n  if (typeof value === 'string') {\n    if (\n      value.startsWith('calc(') ||\n      value.startsWith('var(') ||\n      (value.includes(' ') && value.trim() !== '')\n    ) {\n      return true\n    }\n\n    const cssUnitsRegex =\n      /^[+-]?[0-9]+(\\.[0-9]+)?(px|em|rem|ex|ch|lh|rlh|vw|vh|vmin|vmax|vb|vi|svw|svh|lvw|lvh|dvw|dvh|cm|mm|in|pt|pc|q|cqw|cqh|cqi|cqb|cqmin|cqmax|%)?$/\n    const values = value.trim().split(/\\s+/)\n    return values.every((val) => cssUnitsRegex.test(val))\n  }\n\n  return false\n}\n"],"mappings":";;AAAA,SAAgB,aAAa,OAAgB;CAC3C,IAAI,OAAO,UAAU,UACnB,OAAO;CAGT,IAAI,OAAO,UAAU,UAAU;EAC7B,IACE,MAAM,WAAW,OAAO,KACxB,MAAM,WAAW,MAAM,KACtB,MAAM,SAAS,GAAG,KAAK,MAAM,KAAK,MAAM,IAEzC,OAAO;EAGT,MAAM,gBACJ;EAEF,OADe,MAAM,KAAK,CAAC,CAAC,MAAM,KACtB,CAAC,CAAC,OAAO,QAAQ,cAAc,KAAK,GAAG,CAAC;CACtD;CAEA,OAAO;AACT"}