@cck-ui/core 0.4.10 → 0.5.0

package/lib/core/config-provider/color-functions/rgba/rgba.d.ts

@@ -1,2 +1,3 @@
+export declare function rgb(color: string): string;
 export declare function rgba(color: string, alpha: number): string;
 export declare const alpha: typeof rgba;

package/lib/core/config-provider/index.d.ts

@@ -8,5 +8,7 @@ export * from './create-theme/create-theme';
 export * from './default-theme';
 export * from './theme.types';
 export * from './use-cck-color-scheme';
+export { useComponentProps } from './use-component-props/use-component-props';
+export { mergeThemeOverrides } from './merge-theme-overrides/merge-theme-overrides';
 export declare const CckConfigProvider: SFCWithInstall<typeof ConfigProvider>;
 export default CckConfigProvider;

package/lib/core/config-provider/merge-theme-overrides/merge-theme-overrides.d.ts

@@ -0,0 +1,2 @@
+import { CThemeOverride } from '../theme.types';
+export declare function mergeThemeOverrides(...overrides: CThemeOverride[]): CThemeOverride;

package/lib/core/config-provider/use-component-props/use-component-props.d.ts

@@ -0,0 +1,7 @@
+import { ComputedRef } from 'vue';
+export interface UseComponentPropsOptions<T extends Record<string, any>, U extends Partial<T> | null = {}> {
+    component: string | (string | undefined)[];
+    defaultProps: U;
+    props: T;
+}
+export declare function useComponentProps<T extends Record<string, any>, U extends Partial<T> | null = {}>(options: UseComponentPropsOptions<T, U>): ComputedRef<T>;

package/lib/core/responsive-style-manager/responsive-style-manager.d.ts

@@ -5,6 +5,7 @@ export interface StyleManagerEntry {
 }
 declare class ResponsiveStyleManager {
     private styleMap;
+    constructor();
     register(cssText: string, key?: string): string;
     unregister(styleKey: string): void;
 }

package/lib/core/styles-api/index.d.ts

@@ -4,4 +4,4 @@ export { resolveStyles } from './use-styles/get-style/resolve-styles/resolve-sty
 export { FOCUS_CLASS_NAMES } from './use-styles/get-class-name/get-global-class-names/get-global-class-names';
 export * from './styles-api.types';
 export * from './use-styles/use-styles';
-export type { VarsResolver, PartialVarsResolver, TransformVars, PartialTransformVars } from './create-vars-resolver/create-vars-resolver';
+export type { VarsResolver, PartialVarsResolver, TransformVars, PartialTransformVars, } from './create-vars-resolver/create-vars-resolver';

package/lib/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.d.ts

@@ -4,5 +4,5 @@ interface GetOptionsClassNamesInput extends Omit<ResolveClassNamesInput, 'classN
     selector: string;
     options: GetStylesApiOptions | undefined;
 }
-export declare function getOptionsClassNames({ selector, stylesCtx, options, props, theme }: GetOptionsClassNamesInput): string | undefined;
+export declare function getOptionsClassNames({ selector, stylesCtx, options, props, theme, }: GetOptionsClassNamesInput): string | undefined;
 export {};

package/lib/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.d.ts

@@ -2,5 +2,5 @@ import { ResolveClassNamesInput } from '../resolve-class-names/resolve-class-nam
 interface GetResolvedClassNamesOptions extends ResolveClassNamesInput {
     selector: string;
 }
-export declare function getResolvedClassNames({ selector, stylesCtx, theme, classNames, props }: GetResolvedClassNamesOptions): string | undefined;
+export declare function getResolvedClassNames({ selector, stylesCtx, theme, classNames, props, }: GetResolvedClassNamesOptions): string | undefined;
 export {};

package/lib/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.d.ts

@@ -4,5 +4,5 @@ interface GetStaticClassNamesInput {
     classNamesPrefix: string;
     withStaticClass?: boolean;
 }
-export declare function getStaticClassNames({ themeName, classNamesPrefix, selector, withStaticClass }: GetStaticClassNamesInput): string[];
+export declare function getStaticClassNames({ themeName, classNamesPrefix, selector, withStaticClass, }: GetStaticClassNamesInput): string[];
 export {};

package/lib/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.d.ts

@@ -8,5 +8,5 @@ interface GetVariantClassNameInput {
 /**
  * @returns Variant className, variant is always separated from selector with `--`, for example, `tab--default`
  */
-export declare function getVariantClassName({ options, classes, selector, unstyled }: GetVariantClassNameInput): string | undefined;
+export declare function getVariantClassName({ options, classes, selector, unstyled, }: GetVariantClassNameInput): string | undefined;
 export {};

package/lib/core/utils/deep-merge/deep-merge.d.ts

@@ -0,0 +1 @@
+export declare function deepMerge<T extends object>(target: T, source: any): T;

package/lib/core/utils/index.d.ts

@@ -1,15 +1,14 @@
+export { deepMerge } from './deep-merge/deep-merge';
 export { camelToKebabCase } from './camel-to-kebab-case/camel-to-kebab-case';
 export { filterProps } from './filter-props/filter-props';
 export { getBaseValue } from './get-base-value/get-base-value';
 export { getBreakpointValue } from './get-breakpoint-value/get-breakpoint-value';
-export { getSize, getSpacing, getShadow, getRadius, getFontSize, getLineHeight } from './get-size/get-size';
+export { getSize, getSpacing, getShadow, getRadius, getFontSize, getLineHeight, } from './get-size/get-size';
 export { getSortedBreakpoints } from './get-sorted-breakpoints/get-sorted-breakpoints';
 export { isNumberLike } from './is-number-like/is-number-like';
 export { numberLikeStringToNumber } from './number-like-string-to-number/number-like-string-to-number';
 export { keys } from './keys/keys';
 export { px, rem, em } from './units-converters';
-export { getComponentName, withInstall, withPropsDefaultSetter } from './vue';
-export type { SFCInstallWithContext, SFCWithInstall, SFCWithPropsDefaultSetter } from './vue';
-export * from './color';
-export * from './dom';
+export { getComponentName, withClasses, withExtend, withInstall, withPropsDefaultSetter, withPropsFactory, withVarsResolver, } from './vue';
+export type { SFCInstallWithContext, SFCWithInstall, SFCWithInstallAndClasses, SFCWithPropsDefaultSetter, } from './vue';
 export { isNumber, isString, isStringNumber, isUndefined } from './types';

package/lib/core/utils/vue/index.d.ts

@@ -1,3 +1,4 @@
 export * from './component';
 export * from './install';
+export * from './statics';
 export * from './typescript';

package/lib/core/utils/vue/statics.d.ts

@@ -0,0 +1,14 @@
+import { CThemeComponent } from '../../config-provider';
+import { VarsResolver } from '../../styles-api';
+export declare function withExtend<T>(component: T): T & {
+    extend: (config: CThemeComponent) => CThemeComponent;
+};
+export declare const withClasses: <T, C extends Record<string, string>>(component: T, classes: C) => T & {
+    classes: C;
+};
+export declare const withVarsResolver: <T, V extends VarsResolver<any>>(component: T, varsResolver: V) => T & {
+    varsResolver: V;
+};
+export declare const withPropsFactory: <T extends Record<string, any>>(component: T) => T & {
+    withProps: (defaultProps: Partial<T>) => any;
+};

package/lib/core/utils/vue/typescript.d.ts

@@ -1,5 +1,7 @@
 import type { AllowedComponentProps, AppContext, Component, EmitsOptions, ObjectPlugin, SetupContext, VNodeProps } from 'vue';
 import { type ComponentEmit, type ComponentProps } from 'vue-component-type-helpers';
+import { CThemeComponent } from '../../config-provider';
+import { VarsResolver } from '../../styles-api';
 type NativeType = null | undefined | number | string | boolean | symbol | Function;
 type InferDefaults<T> = {
     [K in keyof T as string extends K ? never : K]?: InferDefault<T[K]>;
@@ -18,5 +20,11 @@ export type SFCWithPropsDefaultSetter<T> = T extends Component ? {
         [K in keyof ComponentProps<T> as K extends ExcludeProps<T> ? never : K]?: ComponentProps<T>[K];
     }>) => void;
 } : unknown;
+export type SFCWithInstallAndClasses<T, Classes extends Record<string, string> = Record<string, string>, VarsFn extends VarsResolver<any> = VarsResolver<any>> = SFCWithInstall<T> & {
+    classes: Classes;
+    extend: (config: CThemeComponent) => CThemeComponent;
+    varsResolver?: VarsFn;
+    withProps?: (defaultProps: Partial<ComponentProps<T>>) => any;
+};
 export type EmitFn<E extends EmitsOptions> = SetupContext<E>['emit'];
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cck-ui/core",
-  "version": "0.4.10",
+  "version": "0.5.0",
   "description": "Vue component library focused on usability, accessibility and developer experience",
   "homepage": "https://cck-ui.jackatlas.xyz",
   "license": "ISC",
@@ -46,6 +46,7 @@
   },
   "devDependencies": {
     "@cck-ui/hooks": "workspace:*",
+    "@cck-ui-tests/core": "workspace:*",
     "@vue/shared": "^3.5.39",
     "csstype": "^3.2.3",
     "es-toolkit": "^1.49.0",

package/styles/loader.css

@@ -113,7 +113,6 @@
     border-radius: calc(625rem * var(--c-scale));
     border-width: calc(var(--loader-size) / 8);
     border-style: solid;
-    border-color: var(--loader-color) var(--loader-color) var(--loader-color)
-      transparent;
+    border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent;
     animation: m_1309882b 1.2s linear infinite;
   }

package/styles/loader.layer.css

@@ -113,8 +113,7 @@
     border-radius: calc(625rem * var(--c-scale));
     border-width: calc(var(--loader-size) / 8);
     border-style: solid;
-    border-color: var(--loader-color) var(--loader-color) var(--loader-color)
-      transparent;
+    border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent;
     animation: m_1309882b 1.2s linear infinite;
   }
 }

package/styles.css

@@ -1045,8 +1045,7 @@ fieldset:disabled .c-active:active {
     border-radius: calc(625rem * var(--c-scale));
     border-width: calc(var(--loader-size) / 8);
     border-style: solid;
-    border-color: var(--loader-color) var(--loader-color) var(--loader-color)
-      transparent;
+    border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent;
     animation: m_1309882b 1.2s linear infinite;
   }
 

package/styles.layer.css

@@ -1045,8 +1045,7 @@ fieldset:disabled .c-active:active {
     border-radius: calc(625rem * var(--c-scale));
     border-width: calc(var(--loader-size) / 8);
     border-style: solid;
-    border-color: var(--loader-color) var(--loader-color) var(--loader-color)
-      transparent;
+    border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent;
     animation: m_1309882b 1.2s linear infinite;
   }
 

package/cjs/core/utils/color.cjs

@@ -1,112 +0,0 @@
-"use client";
-let _ctrl_tinycolor = require("@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 _ctrl_tinycolor.TinyColor(colorStr);
-	if (!tc.isValid) return null;
-	return tc.toHexString();
-}
-function getFormat(colorStr) {
-	const fmt = new _ctrl_tinycolor.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 _ctrl_tinycolor.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 _ctrl_tinycolor.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 _ctrl_tinycolor.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
-exports.clearShadeCache = clearShadeCache;
-exports.generateColorShades = generateColorShades;
-exports.setColorAlpha = setColorAlpha;
-
-//# sourceMappingURL=color.cjs.map

package/cjs/core/utils/color.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"color.cjs","names":["TinyColor"],"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,IAAIA,gBAAAA,UAAU,QAAQ;CACjC,IAAI,CAAC,GAAG,SAAS,OAAO;CACxB,OAAO,GAAG,YAAY;AACxB;AAEA,SAAS,UAAU,UAA0B;CAE3C,MAAM,MAAM,IADGA,gBAAAA,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,IAAIA,gBAAAA,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,IAAIA,gBAAAA,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,IAAIA,gBAAAA,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/cjs/core/utils/dom/style.cjs

@@ -1,13 +0,0 @@
-"use client";
-const require_index = require("../types/index.cjs");
-let _vue_shared = require("@vue/shared");
-//#region packages/@cck-ui/core/src/core/utils/dom/style.ts
-function addUnit(value, defaultUnit = "px") {
-	if (!value && value !== 0) return "";
-	if (require_index.isNumber(value) || require_index.isStringNumber(value)) return `${value}${defaultUnit}`;
-	else if ((0, _vue_shared.isString)(value)) return value;
-}
-//#endregion
-exports.addUnit = addUnit;
-
-//# sourceMappingURL=style.cjs.map

package/cjs/core/utils/dom/style.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.cjs","names":["isNumber","isStringNumber"],"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,IAAIA,cAAAA,SAAS,KAAK,KAAKC,cAAAA,eAAe,KAAK,GACzC,OAAO,GAAG,QAAQ;MACb,KAAA,GAAA,YAAA,SAAA,CAAa,KAAK,GACvB,OAAO;AAGX"}

package/esm/core/utils/color.mjs

@@ -1,110 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,12 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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/lib/core/utils/color.d.ts

@@ -1,11 +0,0 @@
-/**
- * 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
- */
-export declare function generateColorShades(originalColor: string): string[];
-export declare function clearShadeCache(): void;
-export declare function setColorAlpha(originalColor: string, alpha: number): string;

package/lib/core/utils/dom/index.d.ts

@@ -1 +0,0 @@
-export * from './style';

package/lib/core/utils/dom/style.d.ts

@@ -1 +0,0 @@
-export declare function addUnit(value?: string | number, defaultUnit?: string): string | undefined;