cck-ui 0.0.1

package/lib/node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/dist/vue.cjs.prod.js

@@ -0,0 +1,56 @@
+"use strict";
+//#region ../../node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/dist/vue.cjs.prod.js
+/**
+* vue v3.5.35
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/
+var require_vue_cjs_prod = /* @__PURE__ */ require("../../../../../../_virtual/_rolldown/runtime.js").__commonJSMin(((exports) => {
+	Object.defineProperty(exports, "__esModule", { value: true });
+	var compilerDom = require("@vue/compiler-dom");
+	var runtimeDom = require("@vue/runtime-dom");
+	var shared = require("@vue/shared");
+	function _interopNamespaceDefault(e) {
+		var n = Object.create(null);
+		if (e) for (var k in e) n[k] = e[k];
+		n.default = e;
+		return Object.freeze(n);
+	}
+	var runtimeDom__namespace = /*#__PURE__*/ _interopNamespaceDefault(runtimeDom);
+	const compileCache = /* @__PURE__ */ Object.create(null);
+	function compileToFunction(template, options) {
+		if (!shared.isString(template)) if (template.nodeType) template = template.innerHTML;
+		else return shared.NOOP;
+		const key = shared.genCacheKey(template, options);
+		const cached = compileCache[key];
+		if (cached) return cached;
+		if (template[0] === "#") {
+			const el = document.querySelector(template);
+			template = el ? el.innerHTML : ``;
+		}
+		const opts = shared.extend({
+			hoistStatic: true,
+			onError: void 0,
+			onWarn: shared.NOOP
+		}, options);
+		if (!opts.isCustomElement && typeof customElements !== "undefined") opts.isCustomElement = (tag) => !!customElements.get(tag);
+		const { code } = compilerDom.compile(template, opts);
+		const render = new Function("Vue", code)(runtimeDom__namespace);
+		render._rc = true;
+		return compileCache[key] = render;
+	}
+	runtimeDom.registerRuntimeCompiler(compileToFunction);
+	exports.compile = compileToFunction;
+	Object.keys(runtimeDom).forEach(function(k) {
+		if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) exports[k] = runtimeDom[k];
+	});
+}));
+//#endregion
+Object.defineProperty(exports, "default", {
+	enumerable: true,
+	get: function() {
+		return require_vue_cjs_prod();
+	}
+});
+
+//# sourceMappingURL=vue.cjs.prod.js.map

package/lib/node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/dist/vue.cjs.prod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue.cjs.prod.js","names":[],"sources":["../../../../../../../../../node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/dist/vue.cjs.prod.js"],"sourcesContent":["/**\n* vue v3.5.35\n* (c) 2018-present Yuxi (Evan) You and Vue contributors\n* @license MIT\n**/\n'use strict';\n\nObject.defineProperty(exports, '__esModule', { value: true });\n\nvar compilerDom = require('@vue/compiler-dom');\nvar runtimeDom = require('@vue/runtime-dom');\nvar shared = require('@vue/shared');\n\nfunction _interopNamespaceDefault(e) {\n  var n = Object.create(null);\n  if (e) {\n    for (var k in e) {\n      n[k] = e[k];\n    }\n  }\n  n.default = e;\n  return Object.freeze(n);\n}\n\nvar runtimeDom__namespace = /*#__PURE__*/_interopNamespaceDefault(runtimeDom);\n\nconst compileCache = /* @__PURE__ */ Object.create(null);\nfunction compileToFunction(template, options) {\n  if (!shared.isString(template)) {\n    if (template.nodeType) {\n      template = template.innerHTML;\n    } else {\n      return shared.NOOP;\n    }\n  }\n  const key = shared.genCacheKey(template, options);\n  const cached = compileCache[key];\n  if (cached) {\n    return cached;\n  }\n  if (template[0] === \"#\") {\n    const el = document.querySelector(template);\n    template = el ? el.innerHTML : ``;\n  }\n  const opts = shared.extend(\n    {\n      hoistStatic: true,\n      onError: void 0,\n      onWarn: shared.NOOP\n    },\n    options\n  );\n  if (!opts.isCustomElement && typeof customElements !== \"undefined\") {\n    opts.isCustomElement = (tag) => !!customElements.get(tag);\n  }\n  const { code } = compilerDom.compile(template, opts);\n  const render = new Function(\"Vue\", code)(runtimeDom__namespace);\n  render._rc = true;\n  return compileCache[key] = render;\n}\nruntimeDom.registerRuntimeCompiler(compileToFunction);\n\nexports.compile = compileToFunction;\nObject.keys(runtimeDom).forEach(function (k) {\n  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) exports[k] = runtimeDom[k];\n});\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;CAOA,OAAO,eAAe,SAAS,cAAc,EAAE,OAAO,KAAK,CAAC;CAE5D,IAAI,cAAc,QAAQ,mBAAmB;CAC7C,IAAI,aAAa,QAAQ,kBAAkB;CAC3C,IAAI,SAAS,QAAQ,aAAa;CAElC,SAAS,yBAAyB,GAAG;EACnC,IAAI,IAAI,OAAO,OAAO,IAAI;EAC1B,IAAI,GACF,KAAK,IAAI,KAAK,GACZ,EAAE,KAAK,EAAE;EAGb,EAAE,UAAU;EACZ,OAAO,OAAO,OAAO,CAAC;CACxB;CAEA,IAAI,wBAAqC,uCAAyB,UAAU;CAE5E,MAAM,eAA+B,uBAAO,OAAO,IAAI;CACvD,SAAS,kBAAkB,UAAU,SAAS;EAC5C,IAAI,CAAC,OAAO,SAAS,QAAQ,GAC3B,IAAI,SAAS,UACX,WAAW,SAAS;OAEpB,OAAO,OAAO;EAGlB,MAAM,MAAM,OAAO,YAAY,UAAU,OAAO;EAChD,MAAM,SAAS,aAAa;EAC5B,IAAI,QACF,OAAO;EAET,IAAI,SAAS,OAAO,KAAK;GACvB,MAAM,KAAK,SAAS,cAAc,QAAQ;GAC1C,WAAW,KAAK,GAAG,YAAY;EACjC;EACA,MAAM,OAAO,OAAO,OAClB;GACE,aAAa;GACb,SAAS,KAAK;GACd,QAAQ,OAAO;EACjB,GACA,OACF;EACA,IAAI,CAAC,KAAK,mBAAmB,OAAO,mBAAmB,aACrD,KAAK,mBAAmB,QAAQ,CAAC,CAAC,eAAe,IAAI,GAAG;EAE1D,MAAM,EAAE,SAAS,YAAY,QAAQ,UAAU,IAAI;EACnD,MAAM,SAAS,IAAI,SAAS,OAAO,IAAI,CAAC,CAAC,qBAAqB;EAC9D,OAAO,MAAM;EACb,OAAO,aAAa,OAAO;CAC7B;CACA,WAAW,wBAAwB,iBAAiB;CAEpD,QAAQ,UAAU;CAClB,OAAO,KAAK,UAAU,CAAC,CAAC,QAAQ,SAAU,GAAG;EAC3C,IAAI,MAAM,aAAa,CAAC,OAAO,UAAU,eAAe,KAAK,SAAS,CAAC,GAAG,QAAQ,KAAK,WAAW;CACpG,CAAC"}

package/lib/node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/index.js

@@ -0,0 +1,18 @@
+"use strict";
+const require_runtime = require("../../../../../_virtual/_rolldown/runtime.js");
+const require_vue_cjs_prod$1 = require("./dist/vue.cjs.prod.js");
+const require_vue_cjs$1 = require("./dist/vue.cjs.js");
+//#region ../../node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/index.js
+var require_vue = /* @__PURE__ */ require_runtime.__commonJSMin(((exports, module) => {
+	if (process.env.NODE_ENV === "production") module.exports = require_vue_cjs_prod$1.default;
+	else module.exports = require_vue_cjs$1.default;
+}));
+//#endregion
+Object.defineProperty(exports, "default", {
+	enumerable: true,
+	get: function() {
+		return require_vue();
+	}
+});
+
+//# sourceMappingURL=index.js.map

package/lib/node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../../../node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/index.js"],"sourcesContent":["'use strict'\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./dist/vue.cjs.prod.js')\n} else {\n  module.exports = require('./dist/vue.cjs.js')\n}\n"],"x_google_ignoreList":[0],"mappings":";;;;;;CAEA,IAAI,QAAQ,IAAI,aAAa,cAC3B,OAAO,UAAA,uBAAA;MAEP,OAAO,UAAA,kBAAA"}

package/lib/node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/index2.js

@@ -0,0 +1,14 @@
+const require_runtime = require("../../../../../_virtual/_rolldown/runtime.js");
+const require_index = require("./index.js");
+//#region ../../node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/index.mjs
+var vue_exports = /* @__PURE__ */ require_runtime.__exportAll({});
+require_runtime.__reExport(vue_exports, /* @__PURE__ */ require_runtime.__toESM(require_index.default(), 1));
+//#endregion
+Object.defineProperty(exports, "vue_exports", {
+	enumerable: true,
+	get: function() {
+		return vue_exports;
+	}
+});
+
+//# sourceMappingURL=index2.js.map

package/lib/node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/index2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.js","names":[],"sources":["../../../../../../../../node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/index.mjs"],"sourcesContent":["export * from './index.js'\n"],"x_google_ignoreList":[0],"mappings":""}

package/lib/packages/components/button/index.js

@@ -0,0 +1,13 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_install = require("../../utils/vue/install.js");
+const require_button = require("./src/button.js");
+//#region ../../packages/components/button/index.ts
+const CButton = require_install.withInstall(require_button.default);
+//#endregion
+exports.CButton = CButton;
+exports.default = CButton;
+
+//# sourceMappingURL=index.js.map

package/lib/packages/components/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["withInstall","Button"],"sources":["../../../../../../packages/components/button/index.ts"],"sourcesContent":["import { type SFCWithInstall, withInstall } from '@cck-ui/utils'\nimport Button from './src/button.vue'\n\nexport const CButton: SFCWithInstall<typeof Button> = withInstall(Button)\nexport default CButton\n\nexport * from './src/button.types'\n"],"mappings":";;;;;;;AAGA,MAAa,UAAyCA,gBAAAA,YAAYC,eAAAA,OAAM"}

package/lib/packages/components/button/src/button-custom.js

@@ -0,0 +1,122 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_colors = require("../../../utils/colors.js");
+const require_index = require("../../../../node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/index2.js");
+const require_index$1 = require("../../../hooks/use-theme/index.js");
+//#region ../../packages/components/button/src/button-custom.ts
+const PRESET_COLORS = [
+	"red",
+	"pink",
+	"grape",
+	"violet",
+	"indigo",
+	"blue",
+	"cyan",
+	"teal",
+	"green",
+	"lime",
+	"yellow",
+	"orange",
+	"gray",
+	"dark"
+];
+const getShadeIndexes = (scheme) => {
+	if (scheme === "light") return {
+		bg: 6,
+		hover: 7,
+		lightBg: 1,
+		lightHover: 2,
+		lightColor: 9,
+		outlineColor: 6,
+		outlineHoverBgAlpha: .05
+	};
+	else return {
+		bg: 8,
+		hover: 9,
+		lightBg: 1,
+		lightHover: 2,
+		lightColor: 9,
+		outlineColor: 4,
+		outlineHoverBgAlpha: .05
+	};
+};
+function useButtonCustomStyle(props) {
+	const colorScheme = require_index$1.useColorScheme();
+	return (0, require_index.vue_exports.computed)(() => {
+		const styles = {};
+		const { color, gradient, justify, variant } = props;
+		const scheme = colorScheme.value;
+		const idx = getShadeIndexes(scheme);
+		if (justify) styles["--button-justify"] = justify;
+		switch (variant) {
+			case "default": break;
+			case "filled":
+				if (color) if (PRESET_COLORS.includes(color)) {
+					styles["--button-bg"] = `var(--c-color-${color}-filled)`;
+					styles["--button-hover"] = `var(--c-color-${color}-filled-hover)`;
+				} else {
+					const shades = require_colors.generateColorShades(color);
+					styles["--button-bg"] = shades[idx.bg];
+					styles["--button-hover"] = shades[idx.hover];
+				}
+				break;
+			case "light":
+				if (color) if (PRESET_COLORS.includes(color)) {
+					styles["--button-bg"] = `var(--c-color-${color}-light)`;
+					styles["--button-hover"] = `var(--c-color-${color}-light-hover)`;
+					styles["--button-color"] = `var(--c-color-${color}-light-color)`;
+				} else {
+					const shades = require_colors.generateColorShades(color);
+					styles["--button-bg"] = shades[idx.lightBg];
+					styles["--button-hover"] = shades[idx.lightHover];
+					styles["--button-color"] = shades[idx.lightColor];
+				}
+				break;
+			case "outline":
+				if (color) if (PRESET_COLORS.includes(color)) {
+					styles["--button-hover"] = `var(--c-color-${color}-outline-hover)`;
+					styles["--button-color"] = `var(--c-color-${color}-outline)`;
+					styles["--button-bd"] = `calc(0.0625rem * var(--c-scale)) solid var(--c-color-${color}-outline)`;
+				} else {
+					const shades = require_colors.generateColorShades(color);
+					styles["--button-hover"] = require_colors.setColorAlpha(shades[idx.outlineColor], idx.outlineHoverBgAlpha);
+					styles["--button-color"] = shades[idx.outlineColor];
+					styles["--button-bd"] = `calc(0.0625rem * var(--c-scale)) solid ${shades[idx.outlineColor]}`;
+				}
+				break;
+			case "subtle":
+				if (color) if (PRESET_COLORS.includes(color)) {
+					styles["--button-hover"] = `var(--c-color-${color}-outline-hover)`;
+					styles["--button-color"] = `var(--c-color-${color}-outline)`;
+				} else {
+					const shades = require_colors.generateColorShades(color);
+					styles["--button-hover"] = require_colors.setColorAlpha(shades[idx.outlineColor], idx.outlineHoverBgAlpha);
+					styles["--button-color"] = shades[idx.outlineColor];
+				}
+				break;
+			case "transparent":
+				if (color) if (PRESET_COLORS.includes(color)) styles["--button-color"] = `var(--c-color-${color}-light-color)`;
+				else styles["--button-color"] = require_colors.generateColorShades(color)[idx.lightColor];
+				break;
+			case "white":
+				if (color) if (PRESET_COLORS.includes(color)) styles["--button-color"] = `var(--c-color-${color}-filled)`;
+				else styles["--button-color"] = require_colors.generateColorShades(color)[idx.bg];
+				break;
+			case "gradient":
+				const from = gradient?.from || "blue";
+				const to = gradient?.to || "cyan";
+				const deg = gradient?.deg || "45";
+				let finalFrom = from;
+				let finalTo = to;
+				if (PRESET_COLORS.includes(from)) finalFrom = `var(--c-color-${from}-filled)`;
+				if (PRESET_COLORS.includes(to)) finalTo = `var(--c-color-${to}-filled)`;
+				styles["--button-bg"] = `linear-gradient(${deg}deg, ${finalFrom} 0%, ${finalTo} 100%)`;
+				break;
+			default: break;
+		}
+		return styles;
+	});
+}
+//#endregion
+exports.useButtonCustomStyle = useButtonCustomStyle;
+
+//# sourceMappingURL=button-custom.js.map

package/lib/packages/components/button/src/button-custom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-custom.js","names":["useColorScheme","generateColorShades","setColorAlpha"],"sources":["../../../../../../../packages/components/button/src/button-custom.ts"],"sourcesContent":["import { ColorScheme, useColorScheme } from '@cck-ui/hooks'\nimport { generateColorShades, setColorAlpha } from '@cck-ui/utils'\nimport { computed } from 'vue'\nimport { ButtonProps } from './button.types'\n\nconst PRESET_COLORS = [\n  'red',\n  'pink',\n  'grape',\n  'violet',\n  'indigo',\n  'blue',\n  'cyan',\n  'teal',\n  'green',\n  'lime',\n  'yellow',\n  'orange',\n  'gray',\n  'dark'\n]\n\nconst getShadeIndexes = (scheme: ColorScheme) => {\n  if (scheme === 'light') {\n    return {\n      bg: 6,\n      hover: 7,\n      lightBg: 1,\n      lightHover: 2,\n      lightColor: 9,\n      outlineColor: 6,\n      outlineHoverBgAlpha: 0.05\n    }\n  } else {\n    return {\n      bg: 8,\n      hover: 9,\n      lightBg: 1,\n      lightHover: 2,\n      lightColor: 9,\n      outlineColor: 4,\n      outlineHoverBgAlpha: 0.05\n    }\n  }\n}\n\nexport function useButtonCustomStyle(props: ButtonProps) {\n  const colorScheme = useColorScheme()\n\n  return computed(() => {\n    const styles: Record<string, string> = {}\n\n    const { color, gradient, justify, variant } = props\n    const scheme = colorScheme.value\n    const idx = getShadeIndexes(scheme)\n\n    if (justify) {\n      styles['--button-justify'] = justify\n    }\n\n    switch (variant) {\n      case 'default':\n        break\n      case 'filled':\n        if (color) {\n          if (PRESET_COLORS.includes(color)) {\n            styles['--button-bg'] = `var(--c-color-${color}-filled)`\n            styles['--button-hover'] = `var(--c-color-${color}-filled-hover)`\n          } else {\n            const shades = generateColorShades(color)\n            styles['--button-bg'] = shades[idx.bg]\n            styles['--button-hover'] = shades[idx.hover]\n          }\n        }\n        break\n      case 'light':\n        if (color) {\n          if (PRESET_COLORS.includes(color)) {\n            styles['--button-bg'] = `var(--c-color-${color}-light)`\n            styles['--button-hover'] = `var(--c-color-${color}-light-hover)`\n            styles['--button-color'] = `var(--c-color-${color}-light-color)`\n          } else {\n            const shades = generateColorShades(color)\n            styles['--button-bg'] = shades[idx.lightBg]\n            styles['--button-hover'] = shades[idx.lightHover]\n            styles['--button-color'] = shades[idx.lightColor]\n          }\n        }\n        break\n      case 'outline':\n        if (color) {\n          if (PRESET_COLORS.includes(color)) {\n            styles['--button-hover'] = `var(--c-color-${color}-outline-hover)`\n            styles['--button-color'] = `var(--c-color-${color}-outline)`\n            styles['--button-bd'] =\n              `calc(0.0625rem * var(--c-scale)) solid var(--c-color-${color}-outline)`\n          } else {\n            const shades = generateColorShades(color)\n            styles['--button-hover'] = setColorAlpha(\n              shades[idx.outlineColor],\n              idx.outlineHoverBgAlpha\n            )\n            styles['--button-color'] = shades[idx.outlineColor]\n            styles['--button-bd'] =\n              `calc(0.0625rem * var(--c-scale)) solid ${shades[idx.outlineColor]}`\n          }\n        }\n        break\n      case 'subtle':\n        if (color) {\n          if (PRESET_COLORS.includes(color)) {\n            styles['--button-hover'] = `var(--c-color-${color}-outline-hover)`\n            styles['--button-color'] = `var(--c-color-${color}-outline)`\n          } else {\n            const shades = generateColorShades(color)\n            styles['--button-hover'] = setColorAlpha(\n              shades[idx.outlineColor],\n              idx.outlineHoverBgAlpha\n            )\n            styles['--button-color'] = shades[idx.outlineColor]\n          }\n        }\n        break\n      case 'transparent':\n        if (color) {\n          if (PRESET_COLORS.includes(color)) {\n            styles['--button-color'] = `var(--c-color-${color}-light-color)`\n          } else {\n            const shades = generateColorShades(color)\n            styles['--button-color'] = shades[idx.lightColor]\n          }\n        }\n        break\n      case 'white':\n        if (color) {\n          if (PRESET_COLORS.includes(color)) {\n            styles['--button-color'] = `var(--c-color-${color}-filled)`\n          } else {\n            const shades = generateColorShades(color)\n            styles['--button-color'] = shades[idx.bg]\n          }\n        }\n        break\n      case 'gradient':\n        const from = gradient?.from || 'blue'\n        const to = gradient?.to || 'cyan'\n        const deg = gradient?.deg || '45'\n\n        let finalFrom: string = from\n        let finalTo: string = to\n        if (PRESET_COLORS.includes(from)) {\n          finalFrom = `var(--c-color-${from}-filled)`\n        }\n        if (PRESET_COLORS.includes(to)) {\n          finalTo = `var(--c-color-${to}-filled)`\n        }\n\n        styles['--button-bg'] =\n          `linear-gradient(${deg}deg, ${finalFrom} 0%, ${finalTo} 100%)`\n        break\n      default:\n        break\n    }\n\n    return styles\n  })\n}\n"],"mappings":"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"}

package/lib/packages/components/button/src/button.js

@@ -0,0 +1,10 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+//#region ../../packages/components/button/src/button.vue
+var button_default = require("./button.vue_vue_type_script_setup_true_lang.js").default;
+//#endregion
+exports.default = button_default;
+
+//# sourceMappingURL=button.js.map

package/lib/packages/components/button/src/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","names":[],"sources":["../../../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<template>\n  <component\n    v-bind=\"_props\"\n    :class=\"buttonClass\"\n    :is=\"tag\"\n    :style=\"buttonStyle\"\n    @click=\"handleClick\"\n  >\n    <span :class=\"innerClass\">\n      <span data-position=\"left\" v-if=\"$slots['left-section']\">\n        <slot name=\"left-section\"></slot>\n      </span>\n      <span data-position=\"left\" v-else-if=\"leftSection\">\n        <component :is=\"leftSection\" />\n      </span>\n      <span :class=\"labelClass\">\n        <slot />\n      </span>\n      <span data-position=\"right\" v-if=\"$slots['right-section']\">\n        <slot name=\"right-section\"></slot>\n      </span>\n      <span data-position=\"right\" v-else-if=\"rightSection\">\n        <component :is=\"rightSection\" />\n      </span>\n    </span>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\nimport type { ButtonProps } from './button.types'\nimport { useNamespace } from '@cck-ui/hooks'\nimport { useButton } from './use-button'\nimport { useButtonCustomStyle } from './button-custom'\n\ndefineOptions({\n  name: 'CButton'\n})\n\ndefineSlots<{\n  'left-section': any\n  'right-section': any\n  default: any\n}>()\n\nconst slots = useSlots()\n\nconst hasLeftSlot = computed(() => !!slots['left-section'])\nconst hasRightSlot = computed(() => !!slots['right-section'])\n\nconst props = withDefaults(defineProps<ButtonProps>(), {\n  radius: '4px',\n  size: 'sm',\n  tag: 'button',\n  variant: 'default'\n})\n\nconst { _disabled, _props, _ref, handleClick } = useButton(props, {\n  hasLeftSlot: hasLeftSlot.value,\n  hasRightSlot: hasRightSlot.value\n})\n\nconst buttonStyle = useButtonCustomStyle(props)\nconst ns = useNamespace('button')\nconst buttonClass = computed(() => [\n  useNamespace('focus').b('auto'),\n  !_disabled.value && useNamespace('active').b(),\n  ns.e('root'),\n  ns.is('loading', props.loading)\n])\nconst innerClass = computed(() => [ns.e('inner')])\nconst labelClass = computed(() => [ns.e('label')])\n\ndefineExpose({\n  /** @description if button is disabled */\n  disabled: _disabled.value,\n  /** @description button html element */\n  ref: _ref,\n  /** @description button size */\n  size: props.size,\n  /** @description button variant */\n  variant: props.variant\n})\n</script>\n"],"mappings":""}

package/lib/packages/components/button/src/button.types.js

@@ -0,0 +1 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });

package/lib/packages/components/button/src/button.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,139 @@
+const require_index = require("../../../../node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/index2.js");
+const require_index$1 = require("../../../hooks/use-namespace/index.js");
+const require_use_button = require("./use-button.js");
+const require_button_custom = require("./button-custom.js");
+//#region ../../packages/components/button/src/button.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = {
+	key: 0,
+	"data-position": "left"
+};
+const _hoisted_2 = {
+	key: 1,
+	"data-position": "left"
+};
+const _hoisted_3 = {
+	key: 2,
+	"data-position": "right"
+};
+const _hoisted_4 = {
+	key: 3,
+	"data-position": "right"
+};
+var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, require_index.vue_exports.defineComponent)({
+	name: "CButton",
+	__name: "button",
+	props: {
+		autoContrast: {
+			type: Boolean,
+			required: false
+		},
+		color: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		fullWidth: {
+			type: Boolean,
+			required: false
+		},
+		gradient: {
+			type: Object,
+			required: false
+		},
+		justify: {
+			type: void 0,
+			required: false
+		},
+		leftSection: {
+			type: null,
+			required: false
+		},
+		loaderProps: {
+			type: Object,
+			required: false
+		},
+		loading: {
+			type: Boolean,
+			required: false
+		},
+		radius: {
+			type: String,
+			required: false,
+			default: "4px"
+		},
+		rightSection: {
+			type: null,
+			required: false
+		},
+		size: {
+			type: null,
+			required: false,
+			default: "sm"
+		},
+		tag: {
+			type: null,
+			required: false,
+			default: "button"
+		},
+		variant: {
+			type: String,
+			required: false,
+			default: "default"
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		const slots = (0, require_index.vue_exports.useSlots)();
+		const hasLeftSlot = (0, require_index.vue_exports.computed)(() => !!slots["left-section"]);
+		const hasRightSlot = (0, require_index.vue_exports.computed)(() => !!slots["right-section"]);
+		const props = __props;
+		const { _disabled, _props, _ref, handleClick } = require_use_button.useButton(props, {
+			hasLeftSlot: hasLeftSlot.value,
+			hasRightSlot: hasRightSlot.value
+		});
+		const buttonStyle = require_button_custom.useButtonCustomStyle(props);
+		const ns = require_index$1.useNamespace("button");
+		const buttonClass = (0, require_index.vue_exports.computed)(() => [
+			require_index$1.useNamespace("focus").b("auto"),
+			!_disabled.value && require_index$1.useNamespace("active").b(),
+			ns.e("root"),
+			ns.is("loading", props.loading)
+		]);
+		const innerClass = (0, require_index.vue_exports.computed)(() => [ns.e("inner")]);
+		const labelClass = (0, require_index.vue_exports.computed)(() => [ns.e("label")]);
+		__expose({
+			/** @description if button is disabled */
+			disabled: _disabled.value,
+			/** @description button html element */
+			ref: _ref,
+			/** @description button size */
+			size: props.size,
+			/** @description button variant */
+			variant: props.variant
+		});
+		return (_ctx, _cache) => {
+			return (0, require_index.vue_exports.openBlock)(), (0, require_index.vue_exports.createBlock)((0, require_index.vue_exports.resolveDynamicComponent)(__props.tag), (0, require_index.vue_exports.mergeProps)((0, require_index.vue_exports.unref)(_props), {
+				class: buttonClass.value,
+				style: (0, require_index.vue_exports.unref)(buttonStyle),
+				onClick: (0, require_index.vue_exports.unref)(handleClick)
+			}), {
+				default: (0, require_index.vue_exports.withCtx)(() => [(0, require_index.vue_exports.createElementVNode)("span", { class: (0, require_index.vue_exports.normalizeClass)(innerClass.value) }, [
+					_ctx.$slots["left-section"] ? ((0, require_index.vue_exports.openBlock)(), (0, require_index.vue_exports.createElementBlock)("span", _hoisted_1, [(0, require_index.vue_exports.renderSlot)(_ctx.$slots, "left-section")])) : __props.leftSection ? ((0, require_index.vue_exports.openBlock)(), (0, require_index.vue_exports.createElementBlock)("span", _hoisted_2, [((0, require_index.vue_exports.openBlock)(), (0, require_index.vue_exports.createBlock)((0, require_index.vue_exports.resolveDynamicComponent)(__props.leftSection)))])) : (0, require_index.vue_exports.createCommentVNode)("v-if", true),
+					(0, require_index.vue_exports.createElementVNode)("span", { class: (0, require_index.vue_exports.normalizeClass)(labelClass.value) }, [(0, require_index.vue_exports.renderSlot)(_ctx.$slots, "default")], 2),
+					_ctx.$slots["right-section"] ? ((0, require_index.vue_exports.openBlock)(), (0, require_index.vue_exports.createElementBlock)("span", _hoisted_3, [(0, require_index.vue_exports.renderSlot)(_ctx.$slots, "right-section")])) : __props.rightSection ? ((0, require_index.vue_exports.openBlock)(), (0, require_index.vue_exports.createElementBlock)("span", _hoisted_4, [((0, require_index.vue_exports.openBlock)(), (0, require_index.vue_exports.createBlock)((0, require_index.vue_exports.resolveDynamicComponent)(__props.rightSection)))])) : (0, require_index.vue_exports.createCommentVNode)("v-if", true)
+				], 2)]),
+				_: 3
+			}, 16, [
+				"class",
+				"style",
+				"onClick"
+			]);
+		};
+	}
+});
+//#endregion
+exports.default = button_vue_vue_type_script_setup_true_lang_default;
+
+//# sourceMappingURL=button.vue_vue_type_script_setup_true_lang.js.map

package/lib/packages/components/button/src/button.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../../../../../packages/components/button/src/button.vue","../../../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<template>\n  <component\n    v-bind=\"_props\"\n    :class=\"buttonClass\"\n    :is=\"tag\"\n    :style=\"buttonStyle\"\n    @click=\"handleClick\"\n  >\n    <span :class=\"innerClass\">\n      <span data-position=\"left\" v-if=\"$slots['left-section']\">\n        <slot name=\"left-section\"></slot>\n      </span>\n      <span data-position=\"left\" v-else-if=\"leftSection\">\n        <component :is=\"leftSection\" />\n      </span>\n      <span :class=\"labelClass\">\n        <slot />\n      </span>\n      <span data-position=\"right\" v-if=\"$slots['right-section']\">\n        <slot name=\"right-section\"></slot>\n      </span>\n      <span data-position=\"right\" v-else-if=\"rightSection\">\n        <component :is=\"rightSection\" />\n      </span>\n    </span>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\nimport type { ButtonProps } from './button.types'\nimport { useNamespace } from '@cck-ui/hooks'\nimport { useButton } from './use-button'\nimport { useButtonCustomStyle } from './button-custom'\n\ndefineOptions({\n  name: 'CButton'\n})\n\ndefineSlots<{\n  'left-section': any\n  'right-section': any\n  default: any\n}>()\n\nconst slots = useSlots()\n\nconst hasLeftSlot = computed(() => !!slots['left-section'])\nconst hasRightSlot = computed(() => !!slots['right-section'])\n\nconst props = withDefaults(defineProps<ButtonProps>(), {\n  radius: '4px',\n  size: 'sm',\n  tag: 'button',\n  variant: 'default'\n})\n\nconst { _disabled, _props, _ref, handleClick } = useButton(props, {\n  hasLeftSlot: hasLeftSlot.value,\n  hasRightSlot: hasRightSlot.value\n})\n\nconst buttonStyle = useButtonCustomStyle(props)\nconst ns = useNamespace('button')\nconst buttonClass = computed(() => [\n  useNamespace('focus').b('auto'),\n  !_disabled.value && useNamespace('active').b(),\n  ns.e('root'),\n  ns.is('loading', props.loading)\n])\nconst innerClass = computed(() => [ns.e('inner')])\nconst labelClass = computed(() => [ns.e('label')])\n\ndefineExpose({\n  /** @description if button is disabled */\n  disabled: _disabled.value,\n  /** @description button html element */\n  ref: _ref,\n  /** @description button size */\n  size: props.size,\n  /** @description button variant */\n  variant: props.variant\n})\n</script>\n","<template>\n  <component\n    v-bind=\"_props\"\n    :class=\"buttonClass\"\n    :is=\"tag\"\n    :style=\"buttonStyle\"\n    @click=\"handleClick\"\n  >\n    <span :class=\"innerClass\">\n      <span data-position=\"left\" v-if=\"$slots['left-section']\">\n        <slot name=\"left-section\"></slot>\n      </span>\n      <span data-position=\"left\" v-else-if=\"leftSection\">\n        <component :is=\"leftSection\" />\n      </span>\n      <span :class=\"labelClass\">\n        <slot />\n      </span>\n      <span data-position=\"right\" v-if=\"$slots['right-section']\">\n        <slot name=\"right-section\"></slot>\n      </span>\n      <span data-position=\"right\" v-else-if=\"rightSection\">\n        <component :is=\"rightSection\" />\n      </span>\n    </span>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\nimport type { ButtonProps } from './button.types'\nimport { useNamespace } from '@cck-ui/hooks'\nimport { useButton } from './use-button'\nimport { useButtonCustomStyle } from './button-custom'\n\ndefineOptions({\n  name: 'CButton'\n})\n\ndefineSlots<{\n  'left-section': any\n  'right-section': any\n  default: any\n}>()\n\nconst slots = useSlots()\n\nconst hasLeftSlot = computed(() => !!slots['left-section'])\nconst hasRightSlot = computed(() => !!slots['right-section'])\n\nconst props = withDefaults(defineProps<ButtonProps>(), {\n  radius: '4px',\n  size: 'sm',\n  tag: 'button',\n  variant: 'default'\n})\n\nconst { _disabled, _props, _ref, handleClick } = useButton(props, {\n  hasLeftSlot: hasLeftSlot.value,\n  hasRightSlot: hasRightSlot.value\n})\n\nconst buttonStyle = useButtonCustomStyle(props)\nconst ns = useNamespace('button')\nconst buttonClass = computed(() => [\n  useNamespace('focus').b('auto'),\n  !_disabled.value && useNamespace('active').b(),\n  ns.e('root'),\n  ns.is('loading', props.loading)\n])\nconst innerClass = computed(() => [ns.e('inner')])\nconst labelClass = computed(() => [ns.e('label')])\n\ndefineExpose({\n  /** @description if button is disabled */\n  disabled: _disabled.value,\n  /** @description button html element */\n  ref: _ref,\n  /** @description button size */\n  size: props.size,\n  /** @description button variant */\n  variant: props.variant\n})\n</script>\n"],"mappings":"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"}

package/lib/packages/components/button/src/use-button.js

@@ -0,0 +1,42 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_index = require("../../../../node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/index2.js");
+const require_use_form_common_props = require("../../form/src/hooks/use-form-common-props.js");
+//#region ../../packages/components/button/src/use-button.ts
+const useButton = (props, slots) => {
+	const _disabled = require_use_form_common_props.useFormDisabled();
+	const _ref = (0, require_index.vue_exports.ref)();
+	const { hasLeftSlot, hasRightSlot } = slots;
+	const hasLeftSection = hasLeftSlot || !!props.leftSection;
+	const hasRightSection = hasRightSlot || !!props.rightSection;
+	const _props = (0, require_index.vue_exports.computed)(() => {
+		const _attrs = {
+			"data-disabled": _disabled.value || props.loading || void 0,
+			"data-block": props.fullWidth || void 0,
+			"data-size": props.size && props.size !== "sm" ? props.size : void 0,
+			"data-with-left-section": hasLeftSection || void 0,
+			"data-with-right-section": hasRightSection || void 0,
+			"data-variant": props.variant || "default"
+		};
+		if (props.tag === "button") {
+			_attrs["aria-disabled"] = _disabled.value || props.loading || void 0;
+			_attrs["disabled"] = _disabled.value || props.loading;
+		}
+		return _attrs;
+	});
+	const handleClick = (evt) => {
+		if (_disabled.value || props.loading) {
+			evt.stopPropagation();
+			return;
+		}
+	};
+	return {
+		_disabled,
+		_ref,
+		_props,
+		handleClick
+	};
+};
+//#endregion
+exports.useButton = useButton;
+
+//# sourceMappingURL=use-button.js.map

package/lib/packages/components/button/src/use-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-button.js","names":["useFormDisabled"],"sources":["../../../../../../../packages/components/button/src/use-button.ts"],"sourcesContent":["import {} from '@cck-ui/components'\nimport { computed, ref } from 'vue'\nimport { ButtonProps } from './button.types'\nimport { useFormDisabled } from '@cck-ui/components/form'\n\nexport const useButton = (\n  props: ButtonProps,\n  slots: {\n    hasLeftSlot: boolean\n    hasRightSlot: boolean\n  }\n) => {\n  const _disabled = useFormDisabled()\n  const _ref = ref<HTMLButtonElement>()\n\n  const { hasLeftSlot, hasRightSlot } = slots\n\n  const hasLeftSection = hasLeftSlot || !!props.leftSection\n  const hasRightSection = hasRightSlot || !!props.rightSection\n\n  const _props = computed(() => {\n    const _attrs: Record<string, any> = {\n      'data-disabled': _disabled.value || props.loading || undefined,\n      'data-block': props.fullWidth || undefined,\n      'data-size': props.size && props.size !== 'sm' ? props.size : undefined,\n      'data-with-left-section': hasLeftSection || undefined,\n      'data-with-right-section': hasRightSection || undefined,\n      'data-variant': props.variant || 'default'\n    }\n    if (props.tag === 'button') {\n      _attrs['aria-disabled'] = _disabled.value || props.loading || undefined\n      _attrs['disabled'] = _disabled.value || props.loading\n    }\n    return _attrs\n  })\n\n  const handleClick = (evt: MouseEvent) => {\n    if (_disabled.value || props.loading) {\n      evt.stopPropagation()\n      return\n    }\n  }\n\n  return {\n    _disabled,\n    _ref,\n    _props,\n    handleClick\n  }\n}\n"],"mappings":";;;;AAKA,MAAa,aACX,OACA,UAIG;CACH,MAAM,YAAYA,8BAAAA,gBAAgB;CAClC,MAAM,QAAA,GAAA,cAAA,YAAA,IAAA,CAA8B;CAEpC,MAAM,EAAE,aAAa,iBAAiB;CAEtC,MAAM,iBAAiB,eAAe,CAAC,CAAC,MAAM;CAC9C,MAAM,kBAAkB,gBAAgB,CAAC,CAAC,MAAM;CAEhD,MAAM,UAAA,GAAA,cAAA,YAAA,SAAA,OAAwB;EAC5B,MAAM,SAA8B;GAClC,iBAAiB,UAAU,SAAS,MAAM,WAAW,KAAA;GACrD,cAAc,MAAM,aAAa,KAAA;GACjC,aAAa,MAAM,QAAQ,MAAM,SAAS,OAAO,MAAM,OAAO,KAAA;GAC9D,0BAA0B,kBAAkB,KAAA;GAC5C,2BAA2B,mBAAmB,KAAA;GAC9C,gBAAgB,MAAM,WAAW;EACnC;EACA,IAAI,MAAM,QAAQ,UAAU;GAC1B,OAAO,mBAAmB,UAAU,SAAS,MAAM,WAAW,KAAA;GAC9D,OAAO,cAAc,UAAU,SAAS,MAAM;EAChD;EACA,OAAO;CACT,CAAC;CAED,MAAM,eAAe,QAAoB;EACvC,IAAI,UAAU,SAAS,MAAM,SAAS;GACpC,IAAI,gBAAgB;GACpB;EACF;CACF;CAEA,OAAO;EACL;EACA;EACA;EACA;CACF;AACF"}

package/lib/packages/components/form/index.js

@@ -0,0 +1,6 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_constants = require("./src/constants.js");
+const require_use_form_common_props = require("./src/hooks/use-form-common-props.js");
+exports.formContextKey = require_constants.formContextKey;
+exports.useDisabled = require_use_form_common_props.useDisabled;
+exports.useFormDisabled = require_use_form_common_props.useFormDisabled;

package/lib/packages/components/form/src/constants.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region ../../packages/components/form/src/constants.ts
+const formContextKey = Symbol("formContextKey");
+//#endregion
+exports.formContextKey = formContextKey;
+
+//# sourceMappingURL=constants.js.map

package/lib/packages/components/form/src/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":[],"sources":["../../../../../../../packages/components/form/src/constants.ts"],"sourcesContent":["import { InjectionKey } from 'vue'\nimport { FormContext } from './form.types'\n\nexport const formContextKey: InjectionKey<FormContext> =\n  Symbol('formContextKey')\n"],"mappings":";;AAGA,MAAa,iBACX,OAAO,gBAAgB"}

package/lib/packages/components/form/src/form.types.js

@@ -0,0 +1 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });

package/lib/packages/components/form/src/hooks/index.js

@@ -0,0 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_use_form_common_props = require("./use-form-common-props.js");
+exports.useDisabled = require_use_form_common_props.useDisabled;
+exports.useFormDisabled = require_use_form_common_props.useFormDisabled;

package/lib/packages/components/form/src/hooks/use-form-common-props.js

@@ -0,0 +1,18 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_index = require("../../../../../node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/index2.js");
+const require_index$1 = require("../../../../hooks/use-prop/index.js");
+const require_constants = require("../constants.js");
+//#region ../../packages/components/form/src/hooks/use-form-common-props.ts
+const useFormDisabled = (fallback) => {
+	const disabled = require_index$1.useProp("disabled");
+	const form = (0, require_index.vue_exports.inject)(require_constants.formContextKey, void 0);
+	return (0, require_index.vue_exports.computed)(() => {
+		return disabled.value ?? (0, require_index.vue_exports.unref)(fallback) ?? form?.disabled ?? false;
+	});
+};
+const useDisabled = useFormDisabled;
+//#endregion
+exports.useDisabled = useDisabled;
+exports.useFormDisabled = useFormDisabled;
+
+//# sourceMappingURL=use-form-common-props.js.map

package/lib/packages/components/form/src/hooks/use-form-common-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-common-props.js","names":["useProp","formContextKey"],"sources":["../../../../../../../../packages/components/form/src/hooks/use-form-common-props.ts"],"sourcesContent":["import { useProp } from '@cck-ui/hooks'\nimport { computed, inject, MaybeRef, unref } from 'vue'\nimport { formContextKey } from '../constants'\n\nexport const useFormDisabled = (fallback?: MaybeRef<boolean | undefined>) => {\n  const disabled = useProp<boolean>('disabled')\n  const form = inject(formContextKey, undefined)\n\n  return computed(() => {\n    return disabled.value ?? unref(fallback) ?? form?.disabled ?? false\n  })\n}\n\nexport const useDisabled = useFormDisabled\n"],"mappings":";;;;;AAIA,MAAa,mBAAmB,aAA6C;CAC3E,MAAM,WAAWA,gBAAAA,QAAiB,UAAU;CAC5C,MAAM,QAAA,GAAA,cAAA,YAAA,OAAA,CAAcC,kBAAAA,gBAAgB,KAAA,CAAS;CAE7C,QAAA,GAAA,cAAA,YAAA,SAAA,OAAsB;EACpB,OAAO,SAAS,UAAA,GAAA,cAAA,YAAA,MAAA,CAAe,QAAQ,KAAK,MAAM,YAAY;CAChE,CAAC;AACH;AAEA,MAAa,cAAc"}

package/lib/packages/components/icon/index.js

@@ -0,0 +1,13 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_install = require("../../utils/vue/install.js");
+const require_icon = require("./src/icon.js");
+//#region ../../packages/components/icon/index.ts
+const CIcon = require_install.withInstall(require_icon.default);
+//#endregion
+exports.CIcon = CIcon;
+exports.default = CIcon;
+
+//# sourceMappingURL=index.js.map

package/lib/packages/components/icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["withInstall","Icon"],"sources":["../../../../../../packages/components/icon/index.ts"],"sourcesContent":["import { withInstall } from '@cck-ui/utils'\nimport Icon from './src/icon.vue'\n\nexport const CIcon = withInstall(Icon)\nexport default CIcon\nexport * from './src/icon.types'\n"],"mappings":";;;;;;;AAGA,MAAa,QAAQA,gBAAAA,YAAYC,aAAAA,OAAI"}

package/lib/packages/components/icon/src/icon.js

@@ -0,0 +1,10 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+//#region ../../packages/components/icon/src/icon.vue
+var icon_default = require("./icon.vue_vue_type_script_setup_true_lang.js").default;
+//#endregion
+exports.default = icon_default;
+
+//# sourceMappingURL=icon.js.map

package/lib/packages/components/icon/src/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","names":[],"sources":["../../../../../../../packages/components/icon/src/icon.vue"],"sourcesContent":["<template>\n  <i :class=\"ns.b()\" :style=\"style\" v-bind=\"$attrs\">\n    <slot />\n  </i>\n</template>\n\n<script setup lang=\"ts\">\nimport { type CSSProperties, computed } from 'vue'\nimport { useNamespace } from '@cck-ui/hooks'\nimport { addUnit, isUndefined } from '@cck-ui/utils'\nimport { type IconProps } from './icon.types'\n\ndefineOptions({\n  name: 'CIcon',\n  inheritAttrs: false\n})\nconst props = defineProps<IconProps>()\nconst ns = useNamespace('icon')\n\nconst style = computed<CSSProperties>(() => {\n  const { size, color } = props\n  if (!size && !color) return {}\n\n  return {\n    fontSize: isUndefined(size) ? undefined : addUnit(size),\n    '--color': color\n  }\n})\n</script>\n"],"mappings":""}

package/lib/packages/components/icon/src/icon.types.js

@@ -0,0 +1 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });