cck-ui 0.0.1

package/es/packages/hooks/use-namespace/index.mjs

@@ -0,0 +1,63 @@
+import { vue_runtime_esm_bundler_exports } from "../../../node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/dist/vue.runtime.esm-bundler.mjs";
+//#region ../../packages/hooks/use-namespace/index.ts
+const defaultNamespace = "c";
+const statePrefix = "is-";
+const _bem = (namespace, block, blockSuffix, element, modifier) => {
+	let cls = `${namespace}-${block}`;
+	if (blockSuffix) cls += `-${blockSuffix}`;
+	if (element) cls += `__${element}`;
+	if (modifier) cls += `--${modifier}`;
+	return cls;
+};
+const namespaceContextKey = Symbol("namespaceContextKey");
+const useGetDerivedNamespace = (namespaceOverrides) => {
+	const derivedNamespace = namespaceOverrides || ((0, vue_runtime_esm_bundler_exports.getCurrentInstance)() ? (0, vue_runtime_esm_bundler_exports.inject)(namespaceContextKey, (0, vue_runtime_esm_bundler_exports.ref)("c")) : (0, vue_runtime_esm_bundler_exports.ref)("c"));
+	return (0, vue_runtime_esm_bundler_exports.computed)(() => {
+		return (0, vue_runtime_esm_bundler_exports.unref)(derivedNamespace) || "c";
+	});
+};
+const useNamespace = (block, namespaceOverrides) => {
+	const namespace = useGetDerivedNamespace(namespaceOverrides);
+	const b = (blockSuffix = "") => _bem(namespace.value, block, blockSuffix, "", "");
+	const e = (element) => element ? _bem(namespace.value, block, "", element, "") : "";
+	const m = (modifier) => modifier ? _bem(namespace.value, block, "", "", modifier) : "";
+	const be = (blockSuffix, element) => blockSuffix && element ? _bem(namespace.value, block, blockSuffix, element, "") : "";
+	const em = (element, modifier) => element && modifier ? _bem(namespace.value, block, "", element, modifier) : "";
+	const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(namespace.value, block, blockSuffix, "", modifier) : "";
+	const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier ? _bem(namespace.value, block, blockSuffix, element, modifier) : "";
+	const is = (name, ...args) => {
+		const state = args.length >= 1 ? args[0] : true;
+		return name && state ? `${statePrefix}${name}` : "";
+	};
+	const cssVar = (object) => {
+		const styles = {};
+		for (const key in object) if (object[key]) styles[`--${namespace.value}-${key}`] = object[key];
+		return styles;
+	};
+	const cssVarBlock = (object) => {
+		const styles = {};
+		for (const key in object) if (object[key]) styles[`--${namespace.value}-${block}-${key}`] = object[key];
+		return styles;
+	};
+	const cssVarName = (name) => `--${namespace.value}-${name}`;
+	const cssVarBlockName = (name) => `--${namespace.value}-${block}-${name}`;
+	return {
+		namespace,
+		b,
+		e,
+		m,
+		be,
+		em,
+		bm,
+		bem,
+		is,
+		cssVar,
+		cssVarName,
+		cssVarBlock,
+		cssVarBlockName
+	};
+};
+//#endregion
+export { defaultNamespace, namespaceContextKey, useGetDerivedNamespace, useNamespace };
+
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-namespace/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../../packages/hooks/use-namespace/index.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, ref, unref } from 'vue'\n\nimport type { InjectionKey, Ref } from 'vue'\n\nexport const defaultNamespace = 'c'\nconst statePrefix = 'is-'\n\nconst _bem = (\n  namespace: string,\n  block: string,\n  blockSuffix: string,\n  element: string,\n  modifier: string\n) => {\n  let cls = `${namespace}-${block}`\n  if (blockSuffix) {\n    cls += `-${blockSuffix}`\n  }\n  if (element) {\n    cls += `__${element}`\n  }\n  if (modifier) {\n    cls += `--${modifier}`\n  }\n  return cls\n}\n\nexport const namespaceContextKey: InjectionKey<Ref<string | undefined>> =\n  Symbol('namespaceContextKey')\n\nexport const useGetDerivedNamespace = (\n  namespaceOverrides?: Ref<string | undefined>\n) => {\n  const derivedNamespace =\n    namespaceOverrides ||\n    (getCurrentInstance()\n      ? inject(namespaceContextKey, ref(defaultNamespace))\n      : ref(defaultNamespace))\n  const namespace = computed(() => {\n    return unref(derivedNamespace) || defaultNamespace\n  })\n  return namespace\n}\n\nexport const useNamespace = (\n  block: string,\n  namespaceOverrides?: Ref<string | undefined>\n) => {\n  const namespace = useGetDerivedNamespace(namespaceOverrides)\n  const b = (blockSuffix = '') =>\n    _bem(namespace.value, block, blockSuffix, '', '')\n  const e = (element?: string) =>\n    element ? _bem(namespace.value, block, '', element, '') : ''\n  const m = (modifier?: string) =>\n    modifier ? _bem(namespace.value, block, '', '', modifier) : ''\n  const be = (blockSuffix?: string, element?: string) =>\n    blockSuffix && element\n      ? _bem(namespace.value, block, blockSuffix, element, '')\n      : ''\n  const em = (element?: string, modifier?: string) =>\n    element && modifier\n      ? _bem(namespace.value, block, '', element, modifier)\n      : ''\n  const bm = (blockSuffix?: string, modifier?: string) =>\n    blockSuffix && modifier\n      ? _bem(namespace.value, block, blockSuffix, '', modifier)\n      : ''\n  const bem = (blockSuffix?: string, element?: string, modifier?: string) =>\n    blockSuffix && element && modifier\n      ? _bem(namespace.value, block, blockSuffix, element, modifier)\n      : ''\n  const is: {\n    (name: string, state: boolean | undefined): string\n    (name: string): string\n  } = (name: string, ...args: [boolean | undefined] | []) => {\n    const state = args.length >= 1 ? args[0]! : true\n    return name && state ? `${statePrefix}${name}` : ''\n  }\n\n  // for css var\n  // --el-xxx: value;\n  const cssVar = (object: Record<string, string>) => {\n    const styles: Record<string, string> = {}\n    for (const key in object) {\n      if (object[key]) {\n        styles[`--${namespace.value}-${key}`] = object[key]\n      }\n    }\n    return styles\n  }\n  // with block\n  const cssVarBlock = (object: Record<string, string>) => {\n    const styles: Record<string, string> = {}\n    for (const key in object) {\n      if (object[key]) {\n        styles[`--${namespace.value}-${block}-${key}`] = object[key]\n      }\n    }\n    return styles\n  }\n\n  const cssVarName = (name: string) => `--${namespace.value}-${name}`\n  const cssVarBlockName = (name: string) =>\n    `--${namespace.value}-${block}-${name}`\n\n  return {\n    namespace,\n    b,\n    e,\n    m,\n    be,\n    em,\n    bm,\n    bem,\n    is,\n    // css\n    cssVar,\n    cssVarName,\n    cssVarBlock,\n    cssVarBlockName\n  }\n}\n\nexport type UseNamespaceReturn = ReturnType<typeof useNamespace>\n"],"mappings":";;AAIA,MAAa,mBAAmB;AAChC,MAAM,cAAc;AAEpB,MAAM,QACJ,WACA,OACA,aACA,SACA,aACG;CACH,IAAI,MAAM,GAAG,UAAU,GAAG;CAC1B,IAAI,aACF,OAAO,IAAI;CAEb,IAAI,SACF,OAAO,KAAK;CAEd,IAAI,UACF,OAAO,KAAK;CAEd,OAAO;AACT;AAEA,MAAa,sBACX,OAAO,qBAAqB;AAE9B,MAAa,0BACX,uBACG;CACH,MAAM,mBACJ,wBAAA,GAAA,gCAAA,mBAAA,CACoB,KAAA,GAAA,gCAAA,OAAA,CACT,sBAAA,GAAA,gCAAA,IAAA,CAAA,GAAyC,CAAC,KAAA,GAAA,gCAAA,IAAA,CAAA,GAC7B;CAI1B,QAAA,GAAA,gCAAA,SAAA,OAHiC;EAC/B,QAAA,GAAA,gCAAA,MAAA,CAAa,gBAAgB,KAAA;CAC/B,CACe;AACjB;AAEA,MAAa,gBACX,OACA,uBACG;CACH,MAAM,YAAY,uBAAuB,kBAAkB;CAC3D,MAAM,KAAK,cAAc,OACvB,KAAK,UAAU,OAAO,OAAO,aAAa,IAAI,EAAE;CAClD,MAAM,KAAK,YACT,UAAU,KAAK,UAAU,OAAO,OAAO,IAAI,SAAS,EAAE,IAAI;CAC5D,MAAM,KAAK,aACT,WAAW,KAAK,UAAU,OAAO,OAAO,IAAI,IAAI,QAAQ,IAAI;CAC9D,MAAM,MAAM,aAAsB,YAChC,eAAe,UACX,KAAK,UAAU,OAAO,OAAO,aAAa,SAAS,EAAE,IACrD;CACN,MAAM,MAAM,SAAkB,aAC5B,WAAW,WACP,KAAK,UAAU,OAAO,OAAO,IAAI,SAAS,QAAQ,IAClD;CACN,MAAM,MAAM,aAAsB,aAChC,eAAe,WACX,KAAK,UAAU,OAAO,OAAO,aAAa,IAAI,QAAQ,IACtD;CACN,MAAM,OAAO,aAAsB,SAAkB,aACnD,eAAe,WAAW,WACtB,KAAK,UAAU,OAAO,OAAO,aAAa,SAAS,QAAQ,IAC3D;CACN,MAAM,MAGD,MAAc,GAAG,SAAqC;EACzD,MAAM,QAAQ,KAAK,UAAU,IAAI,KAAK,KAAM;EAC5C,OAAO,QAAQ,QAAQ,GAAG,cAAc,SAAS;CACnD;CAIA,MAAM,UAAU,WAAmC;EACjD,MAAM,SAAiC,CAAC;EACxC,KAAK,MAAM,OAAO,QAChB,IAAI,OAAO,MACT,OAAO,KAAK,UAAU,MAAM,GAAG,SAAS,OAAO;EAGnD,OAAO;CACT;CAEA,MAAM,eAAe,WAAmC;EACtD,MAAM,SAAiC,CAAC;EACxC,KAAK,MAAM,OAAO,QAChB,IAAI,OAAO,MACT,OAAO,KAAK,UAAU,MAAM,GAAG,MAAM,GAAG,SAAS,OAAO;EAG5D,OAAO;CACT;CAEA,MAAM,cAAc,SAAiB,KAAK,UAAU,MAAM,GAAG;CAC7D,MAAM,mBAAmB,SACvB,KAAK,UAAU,MAAM,GAAG,MAAM,GAAG;CAEnC,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;CACF;AACF"}

package/es/packages/hooks/use-prop/index.mjs

@@ -0,0 +1,10 @@
+import { vue_runtime_esm_bundler_exports } from "../../../node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/dist/vue.runtime.esm-bundler.mjs";
+//#region ../../packages/hooks/use-prop/index.ts
+const useProp = (name) => {
+	const vm = (0, vue_runtime_esm_bundler_exports.getCurrentInstance)();
+	return (0, vue_runtime_esm_bundler_exports.computed)(() => (vm?.proxy?.$props)?.[name]);
+};
+//#endregion
+export { useProp };
+
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-prop/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../../packages/hooks/use-prop/index.ts"],"sourcesContent":["import { computed, getCurrentInstance } from 'vue'\nimport type { ComputedRef } from 'vue'\n\nexport const useProp = <T>(name: string): ComputedRef<T | undefined> => {\n  const vm = getCurrentInstance()\n  return computed(() => (vm?.proxy?.$props as any)?.[name])\n}\n"],"mappings":";;AAGA,MAAa,WAAc,SAA6C;CACtE,MAAM,MAAA,GAAA,gCAAA,mBAAA,CAAwB;CAC9B,QAAA,GAAA,gCAAA,SAAA,QAAuB,IAAI,OAAO,OAAA,GAAiB,KAAK;AAC1D"}

package/es/packages/hooks/use-theme/index.mjs

@@ -0,0 +1,19 @@
+import { vue_runtime_esm_bundler_exports } from "../../../node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/dist/vue.runtime.esm-bundler.mjs";
+//#region ../../packages/hooks/use-theme/index.ts
+const getCurrentScheme = () => {
+	if (typeof document === "undefined") return "light";
+	return document.documentElement.dataset.cColorScheme === "dark" ? "dark" : "light";
+};
+const colorScheme = (0, vue_runtime_esm_bundler_exports.ref)(getCurrentScheme());
+if (typeof window !== "undefined") new MutationObserver(() => {
+	const newScheme = getCurrentScheme();
+	if (newScheme !== colorScheme.value) colorScheme.value = newScheme;
+}).observe(document.documentElement, {
+	attributes: true,
+	attributeFilter: ["data-c-color-scheme"]
+});
+const useColorScheme = () => (0, vue_runtime_esm_bundler_exports.readonly)(colorScheme);
+//#endregion
+export { useColorScheme };
+
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-theme/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../../packages/hooks/use-theme/index.ts"],"sourcesContent":["import { readonly, ref } from 'vue'\n\nexport type ColorScheme = 'light' | 'dark'\n\nconst getCurrentScheme = (): ColorScheme => {\n  if (typeof document === 'undefined') return 'light'\n  const scheme = document.documentElement.dataset.cColorScheme\n  return scheme === 'dark' ? 'dark' : 'light'\n}\n\nconst colorScheme = ref<ColorScheme>(getCurrentScheme())\n\nif (typeof window !== 'undefined') {\n  const observer = new MutationObserver(() => {\n    const newScheme = getCurrentScheme()\n    if (newScheme !== colorScheme.value) {\n      colorScheme.value = newScheme\n    }\n  })\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: ['data-c-color-scheme']\n  })\n}\n\nexport const useColorScheme = () => readonly(colorScheme)\n"],"mappings":";;AAIA,MAAM,yBAAsC;CAC1C,IAAI,OAAO,aAAa,aAAa,OAAO;CAE5C,OADe,SAAS,gBAAgB,QAAQ,iBAC9B,SAAS,SAAS;AACtC;AAEA,MAAM,eAAA,GAAA,gCAAA,IAAA,CAA+B,iBAAiB,CAAC;AAEvD,IAAI,OAAO,WAAW,aAOpB,IANqB,uBAAuB;CAC1C,MAAM,YAAY,iBAAiB;CACnC,IAAI,cAAc,YAAY,OAC5B,YAAY,QAAQ;AAExB,CACO,CAAC,CAAC,QAAQ,SAAS,iBAAiB;CACzC,YAAY;CACZ,iBAAiB,CAAC,qBAAqB;AACzC,CAAC;AAGH,MAAa,wBAAA,GAAA,gCAAA,SAAA,CAAgC,WAAW"}

package/es/packages/utils/colors.mjs

@@ -0,0 +1,109 @@
+import { TinyColor } from "../../node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/module/index.mjs";
+//#region ../../packages/utils/colors.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=colors.mjs.map

package/es/packages/utils/colors.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.mjs","names":[],"sources":["../../../../../packages/utils/colors.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/es/packages/utils/dom/index.mjs

@@ -0,0 +1,2 @@
+import { addUnit } from "./style.mjs";
+export { addUnit };

package/es/packages/utils/dom/style.mjs

@@ -0,0 +1,11 @@
+import { isNumber, isString, isStringNumber } from "../types.mjs";
+//#region ../../packages/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/es/packages/utils/dom/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../../../../packages/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/es/packages/utils/index.mjs

@@ -0,0 +1,5 @@
+import { clearShadeCache, generateColorShades, setColorAlpha } from "./colors.mjs";
+import { isNumber, isString, isStringNumber, isUndefined } from "./types.mjs";
+import { addUnit } from "./dom/style.mjs";
+import { withInstall, withPropsDefaultSetter } from "./vue/install.mjs";
+export { addUnit, clearShadeCache, generateColorShades, isNumber, isString, isStringNumber, isUndefined, setColorAlpha, withInstall, withPropsDefaultSetter };

package/es/packages/utils/types.mjs

@@ -0,0 +1,12 @@
+import { isString, isString as isString$1 } from "@vue/shared";
+//#region ../../packages/utils/types.ts
+const isUndefined = (val) => val === void 0;
+const isNumber = (val) => typeof val === "number";
+const isStringNumber = (val) => {
+	if (!isString$1(val)) return false;
+	return !Number.isNaN(Number(val));
+};
+//#endregion
+export { isNumber, isString, isStringNumber, isUndefined };
+
+//# sourceMappingURL=types.mjs.map

package/es/packages/utils/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","names":["isString"],"sources":["../../../../../packages/utils/types.ts"],"sourcesContent":["import { isString } from '@vue/shared'\n\nexport { isString } from '@vue/shared'\n\nexport const isUndefined = (val: any): val is undefined => val === undefined\nexport const isNumber = (val: any): val is number => typeof val === 'number'\n\nexport const isStringNumber = (val: string): boolean => {\n  if (!isString(val)) {\n    return false\n  }\n  return !Number.isNaN(Number(val))\n}\n"],"mappings":";;AAIA,MAAa,eAAe,QAA+B,QAAQ,KAAA;AACnE,MAAa,YAAY,QAA4B,OAAO,QAAQ;AAEpE,MAAa,kBAAkB,QAAyB;CACtD,IAAI,CAACA,WAAS,GAAG,GACf,OAAO;CAET,OAAO,CAAC,OAAO,MAAM,OAAO,GAAG,CAAC;AAClC"}

package/es/packages/utils/vue/index.mjs

@@ -0,0 +1,2 @@
+import { withInstall, withPropsDefaultSetter } from "./install.mjs";
+export { withInstall, withPropsDefaultSetter };

package/es/packages/utils/vue/install.mjs

@@ -0,0 +1,38 @@
+import { isPlainObject } from "../../../node_modules/.pnpm/es-toolkit@1.47.0/node_modules/es-toolkit/dist/predicate/isPlainObject.mjs";
+import { hasOwn, isArray } from "@vue/shared";
+//#region ../../packages/utils/vue/install.ts
+const withPropsDefaultSetter = (target) => {
+	const _p = target.props;
+	const props = 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 (!hasOwn(props, key)) continue;
+			if (isPlainObject(prop)) {
+				props[key] = {
+					...props,
+					default: value
+				};
+				continue;
+			}
+			props[key] = {
+				type: prop,
+				default: value
+			};
+		}
+		target.props = props;
+	};
+};
+const withInstall = (main, extra) => {
+	main.install = (app) => {
+		for (const comp of [main, ...Object.values(extra ?? [])]) app.component(comp.name, comp);
+	};
+	if (extra) for (const [key, comp] of Object.entries(extra)) main[key] = comp;
+	withPropsDefaultSetter(main);
+	return main;
+};
+//#endregion
+export { withInstall, withPropsDefaultSetter };
+
+//# sourceMappingURL=install.mjs.map

package/es/packages/utils/vue/install.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"install.mjs","names":[],"sources":["../../../../../../packages/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,QAAQ,QAAQ,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,CAAC,OAAO,OAAO,GAAG,GAAG;GAEzB,IAAI,cAAc,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"}

package/es/plugin.d.ts

@@ -0,0 +1,6 @@
+import { Plugin } from "vue";
+
+//#region ../../packages/cck-ui/plugin.d.ts
+declare const _default: Plugin[];
+//#endregion
+export { _default as default };

package/es/plugin.mjs

@@ -0,0 +1,6 @@
+//#region ../../packages/cck-ui/plugin.ts
+var plugin_default = [];
+//#endregion
+export { plugin_default as default };
+
+//# sourceMappingURL=plugin.mjs.map

package/es/plugin.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.mjs","names":[],"sources":["../../../packages/cck-ui/plugin.ts"],"sourcesContent":["import type { Plugin } from 'vue'\n\nexport default [] as Plugin[]\n"],"mappings":";AAEA,IAAA,iBAAe,CAAC"}

package/es/utils/colors.d.ts

@@ -0,0 +1,14 @@
+//#region ../../packages/utils/colors.d.ts
+/**
+ * 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
+ */
+declare function generateColorShades(originalColor: string): string[];
+declare function clearShadeCache(): void;
+declare function setColorAlpha(originalColor: string, alpha: number): string;
+//#endregion
+export { clearShadeCache, generateColorShades, setColorAlpha };

package/es/utils/dom/index.d.ts

@@ -0,0 +1,2 @@
+import { addUnit } from "./style.js";
+export { addUnit };

package/es/utils/dom/style.d.ts

@@ -0,0 +1,4 @@
+//#region ../../packages/utils/dom/style.d.ts
+declare function addUnit(value?: string | number, defaultUnit?: string): string | undefined;
+//#endregion
+export { addUnit };

package/es/utils/index.d.ts

@@ -0,0 +1,6 @@
+import { clearShadeCache, generateColorShades, setColorAlpha } from "./colors.js";
+import { addUnit } from "./dom/style.js";
+import { EmitFn, SFCInstallWithContext, SFCWithInstall, SFCWithPropsDefaultSetter } from "./vue/typescript.js";
+import { withInstall, withPropsDefaultSetter } from "./vue/install.js";
+import { isNumber, isString, isStringNumber, isUndefined } from "./types.js";
+export { EmitFn, SFCInstallWithContext, SFCWithInstall, SFCWithPropsDefaultSetter, addUnit, clearShadeCache, generateColorShades, isNumber, isString, isStringNumber, isUndefined, setColorAlpha, withInstall, withPropsDefaultSetter };

package/es/utils/types.d.ts

@@ -0,0 +1,8 @@
+import { isString } from "@vue/shared";
+
+//#region ../../packages/utils/types.d.ts
+declare const isUndefined: (val: any) => val is undefined;
+declare const isNumber: (val: any) => val is number;
+declare const isStringNumber: (val: string) => boolean;
+//#endregion
+export { isNumber, isString, isStringNumber, isUndefined };

package/es/utils/vue/index.d.ts

@@ -0,0 +1,3 @@
+import { EmitFn, SFCInstallWithContext, SFCWithInstall, SFCWithPropsDefaultSetter } from "./typescript.js";
+import { withInstall, withPropsDefaultSetter } from "./install.js";
+export { EmitFn, SFCInstallWithContext, SFCWithInstall, SFCWithPropsDefaultSetter, withInstall, withPropsDefaultSetter };

package/es/utils/vue/install.d.ts

@@ -0,0 +1,7 @@
+import { SFCWithInstall } from "./typescript.js";
+
+//#region ../../packages/utils/vue/install.d.ts
+declare const withPropsDefaultSetter: (target: any) => void;
+declare const withInstall: <T, E extends Record<string, any>>(main: T, extra?: E) => SFCWithInstall<T> & E;
+//#endregion
+export { withInstall, withPropsDefaultSetter };

package/es/utils/vue/typescript.d.ts

@@ -0,0 +1,19 @@
+import { AllowedComponentProps, AppContext, Component, EmitsOptions, ObjectPlugin, SetupContext, VNodeProps } from "vue";
+import { ComponentEmit, ComponentProps } from "vue-component-type-helpers";
+
+//#region ../../packages/utils/vue/typescript.d.ts
+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]> };
+type InferDefault<T> = (() => T & {}) | (T extends NativeType ? T : never);
+type ExtractEventNames<T> = ComponentEmit<T> extends ((event: string, ...args: any[]) => any) ? never : keyof { [K in keyof ComponentProps<T> as K extends `on${infer Event}` ? ComponentEmit<T> extends ((event: Uncapitalize<Event>, ...args: any[]) => any) ? K : never : never]: unknown };
+type ExcludeProps<T> = ExtractEventNames<T> | keyof VNodeProps | keyof AllowedComponentProps;
+type SFCWithInstall<T> = T & ObjectPlugin & SFCWithPropsDefaultSetter<T>;
+type SFCInstallWithContext<T> = SFCWithInstall<T> & {
+  _context: AppContext | null;
+};
+type SFCWithPropsDefaultSetter<T> = T extends Component ? {
+  setPropsDefault: (defaults: InferDefaults<{ [K in keyof ComponentProps<T> as K extends ExcludeProps<T> ? never : K]?: ComponentProps<T>[K] }>) => void;
+} : unknown;
+type EmitFn<E extends EmitsOptions> = SetupContext<E>['emit'];
+//#endregion
+export { EmitFn, SFCInstallWithContext, SFCWithInstall, SFCWithPropsDefaultSetter };

package/global.d.ts

@@ -0,0 +1,8 @@
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    ELICON: typeof import('cck-ui')['CIcon']
+  }
+}
+
+export {}

package/lib/_virtual/_rolldown/runtime.js

@@ -0,0 +1,37 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod), cb = null), mod.exports);
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+exports.__commonJSMin = __commonJSMin;
+exports.__exportAll = __exportAll;
+exports.__reExport = __reExport;
+exports.__toESM = __toESM;

package/lib/component.d.ts

@@ -0,0 +1,6 @@
+import { Plugin } from "vue";
+
+//#region ../../packages/cck-ui/component.d.ts
+declare const _default: Plugin[];
+//#endregion
+export { _default as default };

package/lib/component.js

@@ -0,0 +1,12 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_index = require("./packages/components/button/index.js");
+const require_index$1 = require("./packages/components/icon/index.js");
+//#region ../../packages/cck-ui/component.ts
+var component_default = [require_index.CButton, require_index$1.CIcon];
+//#endregion
+exports.default = component_default;
+
+//# sourceMappingURL=component.js.map

package/lib/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","names":["CButton","CIcon"],"sources":["../../../packages/cck-ui/component.ts"],"sourcesContent":["import { CButton, CIcon } from '@cck-ui/components'\n\nimport type { Plugin } from 'vue'\n\nexport default [CButton, CIcon] as Plugin[]\n"],"mappings":";;;;;;;AAIA,IAAA,oBAAe,CAACA,cAAAA,SAASC,gBAAAA,KAAK"}

package/lib/components/base/style/css.js

@@ -0,0 +1,2 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("cck-ui/theme-slate/base.css");

package/lib/components/base/style/index.js

@@ -0,0 +1,2 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("cck-ui/theme-slate/src/base.scss");

package/lib/components/button/index.d.ts

@@ -0,0 +1,8 @@
+import { SFCWithInstall } from "../../utils/vue/typescript.js";
+import { ButtonProps, ButtonVariant } from "./src/button.types.js";
+import _default from "./src/button.vue.js";
+
+//#region ../../packages/components/button/index.d.ts
+declare const CButton: SFCWithInstall<typeof _default>;
+//#endregion
+export { ButtonProps, ButtonVariant, CButton, CButton as default };

package/lib/components/button/src/button-custom.d.ts

@@ -0,0 +1,6 @@
+import { ButtonProps } from "./button.types.js";
+
+//#region ../../packages/components/button/src/button-custom.d.ts
+declare function useButtonCustomStyle(props: ButtonProps): import("vue").ComputedRef<Record<string, string>>;
+//#endregion
+export { useButtonCustomStyle };

package/lib/components/button/src/button.types.d.ts

@@ -0,0 +1,77 @@
+import { ComponentSize } from "../../../constants/sizes.js";
+import { CSSProperties, Component } from "vue";
+
+//#region ../../packages/components/button/src/button.types.d.ts
+type ButtonVariant = 'default' | 'filled' | 'light' | 'outline' | 'transparent' | 'white' | 'subtle' | 'gradient';
+interface ButtonProps {
+  /**
+   * @description If set, adjusts text color based on background color for `filled` variant
+   */
+  autoContrast?: boolean;
+  /**
+   * @description Key of `theme.colors` or any valid CSS color
+   * @default theme.primaryColor
+   */
+  color?: string;
+  /**
+   * @description Sets `disabled` attribute, applies disabled styles
+   */
+  disabled?: boolean;
+  /**
+   * @description Sets `width: 100%`
+   * @default false
+   */
+  fullWidth?: boolean;
+  /**
+   * @description Gradient configuration used for `variant="gradient"`
+   * @default { from: 'blue', to: 'cyan', deg: 45 }
+   */
+  gradient?: {
+    from: string;
+    to: string;
+    deg: number;
+  };
+  /**
+   * @description Sets `justify-content` of `inner` element, can be used to change distribution of sections and label
+   * @default 'center'
+   */
+  justify?: CSSProperties['justify-content'];
+  /**
+   * @description Content on the left side of the button label
+   */
+  leftSection?: Component;
+  /**
+   * @description Props add to the `Loader` component (only visible when `loading` props is set)
+   */
+  loaderProps?: Record<string, string>;
+  /**
+   * @description If set, the `Loader` component is displayed over the button
+   */
+  loading?: boolean;
+  /**
+   * @description Key of `theme.radius` or any valid CSS value to set `border-radius`
+   * @default theme.defaultRadius
+   */
+  radius?: string;
+  /**
+   * @description Content on the right side of the button label
+   */
+  rightSection?: Component;
+  /**
+   * @description Controls button `height`, `font-size` and horizontal `padding`
+   * @default 'sm'
+   */
+  size?: ComponentSize;
+  /**
+   * @description custom element tag
+   * @default 'button'
+   */
+  tag?: string | Component;
+  /**
+   * @description variants of button
+   * @default 'default'
+   */
+  variant?: ButtonVariant;
+}
+//#endregion
+export { ButtonProps, ButtonVariant };