cck-ui 0.0.1

package/es/node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/dist/vue.runtime.esm-bundler.mjs

@@ -0,0 +1,22 @@
+import { __exportAll, __reExport } from "../../../../../../_virtual/_rolldown/runtime.mjs";
+export * from "@vue/runtime-dom";
+//#region ../../node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/dist/vue.runtime.esm-bundler.js
+/**
+* vue v3.5.35
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/
+var vue_runtime_esm_bundler_exports = /* @__PURE__ */ __exportAll({ compile: () => compile });
+import * as import__vue_runtime_dom from "@vue/runtime-dom";
+__reExport(vue_runtime_esm_bundler_exports, import__vue_runtime_dom);
+function initDev() {
+	initCustomFormatter();
+}
+initDev();
+const compile = () => {
+	warn("Runtime compilation is not supported in this build of Vue. Configure your bundler to alias \"vue\" to \"vue/dist/vue.esm-bundler.js\".");
+};
+//#endregion
+export { vue_runtime_esm_bundler_exports };
+
+//# sourceMappingURL=vue.runtime.esm-bundler.mjs.map

package/es/node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/dist/vue.runtime.esm-bundler.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue.runtime.esm-bundler.mjs","names":[],"sources":["../../../../../../../../../node_modules/.pnpm/vue@3.5.35_typescript@6.0.3/node_modules/vue/dist/vue.runtime.esm-bundler.js"],"sourcesContent":["/**\n* vue v3.5.35\n* (c) 2018-present Yuxi (Evan) You and Vue contributors\n* @license MIT\n**/\nimport { initCustomFormatter, warn } from '@vue/runtime-dom';\nexport * from '@vue/runtime-dom';\n\nfunction initDev() {\n  {\n    initCustomFormatter();\n  }\n}\n\nif (!!(process.env.NODE_ENV !== \"production\")) {\n  initDev();\n}\nconst compile = () => {\n  if (!!(process.env.NODE_ENV !== \"production\")) {\n    warn(\n      `Runtime compilation is not supported in this build of Vue.` + (` Configure your bundler to alias \"vue\" to \"vue/dist/vue.esm-bundler.js\".` )\n    );\n  }\n};\n\nexport { compile };\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;;;AAQA,SAAS,UAAU;CAEf,oBAAoB;AAExB;AAGE,QAAQ;AAEV,MAAM,gBAAgB;CAElB,KACE,wIACF;AAEJ"}

package/es/packages/components/button/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../../utils/vue/install.mjs";
+import button_default from "./src/button.mjs";
+//#region ../../packages/components/button/index.ts
+const CButton = withInstall(button_default);
+//#endregion
+export { CButton, CButton as default };
+
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/button/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["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,UAAyC,YAAYA,cAAM"}

package/es/packages/components/button/src/button-custom.mjs

@@ -0,0 +1,121 @@
+import { generateColorShades, setColorAlpha } from "../../../utils/colors.mjs";
+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";
+import { useColorScheme } from "../../../hooks/use-theme/index.mjs";
+//#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 = useColorScheme();
+	return (0, vue_runtime_esm_bundler_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 = 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 = 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 = generateColorShades(color);
+					styles["--button-hover"] = 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 = generateColorShades(color);
+					styles["--button-hover"] = 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"] = 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"] = 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
+export { useButtonCustomStyle };
+
+//# sourceMappingURL=button-custom.mjs.map

package/es/packages/components/button/src/button-custom.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-custom.mjs","names":[],"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/es/packages/components/button/src/button.mjs

@@ -0,0 +1,7 @@
+import button_vue_vue_type_script_setup_true_lang_default from "./button.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../../packages/components/button/src/button.vue
+var button_default = button_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { button_default as default };
+
+//# sourceMappingURL=button.mjs.map

package/es/packages/components/button/src/button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.mjs","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/es/packages/components/button/src/button.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,139 @@
+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";
+import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
+import { useButton } from "./use-button.mjs";
+import { useButtonCustomStyle } from "./button-custom.mjs";
+//#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, vue_runtime_esm_bundler_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, vue_runtime_esm_bundler_exports.useSlots)();
+		const hasLeftSlot = (0, vue_runtime_esm_bundler_exports.computed)(() => !!slots["left-section"]);
+		const hasRightSlot = (0, vue_runtime_esm_bundler_exports.computed)(() => !!slots["right-section"]);
+		const props = __props;
+		const { _disabled, _props, _ref, handleClick } = useButton(props, {
+			hasLeftSlot: hasLeftSlot.value,
+			hasRightSlot: hasRightSlot.value
+		});
+		const buttonStyle = useButtonCustomStyle(props);
+		const ns = useNamespace("button");
+		const buttonClass = (0, vue_runtime_esm_bundler_exports.computed)(() => [
+			useNamespace("focus").b("auto"),
+			!_disabled.value && useNamespace("active").b(),
+			ns.e("root"),
+			ns.is("loading", props.loading)
+		]);
+		const innerClass = (0, vue_runtime_esm_bundler_exports.computed)(() => [ns.e("inner")]);
+		const labelClass = (0, vue_runtime_esm_bundler_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, vue_runtime_esm_bundler_exports.openBlock)(), (0, vue_runtime_esm_bundler_exports.createBlock)((0, vue_runtime_esm_bundler_exports.resolveDynamicComponent)(__props.tag), (0, vue_runtime_esm_bundler_exports.mergeProps)((0, vue_runtime_esm_bundler_exports.unref)(_props), {
+				class: buttonClass.value,
+				style: (0, vue_runtime_esm_bundler_exports.unref)(buttonStyle),
+				onClick: (0, vue_runtime_esm_bundler_exports.unref)(handleClick)
+			}), {
+				default: (0, vue_runtime_esm_bundler_exports.withCtx)(() => [(0, vue_runtime_esm_bundler_exports.createElementVNode)("span", { class: (0, vue_runtime_esm_bundler_exports.normalizeClass)(innerClass.value) }, [
+					_ctx.$slots["left-section"] ? ((0, vue_runtime_esm_bundler_exports.openBlock)(), (0, vue_runtime_esm_bundler_exports.createElementBlock)("span", _hoisted_1, [(0, vue_runtime_esm_bundler_exports.renderSlot)(_ctx.$slots, "left-section")])) : __props.leftSection ? ((0, vue_runtime_esm_bundler_exports.openBlock)(), (0, vue_runtime_esm_bundler_exports.createElementBlock)("span", _hoisted_2, [((0, vue_runtime_esm_bundler_exports.openBlock)(), (0, vue_runtime_esm_bundler_exports.createBlock)((0, vue_runtime_esm_bundler_exports.resolveDynamicComponent)(__props.leftSection)))])) : (0, vue_runtime_esm_bundler_exports.createCommentVNode)("v-if", true),
+					(0, vue_runtime_esm_bundler_exports.createElementVNode)("span", { class: (0, vue_runtime_esm_bundler_exports.normalizeClass)(labelClass.value) }, [(0, vue_runtime_esm_bundler_exports.renderSlot)(_ctx.$slots, "default")], 2),
+					_ctx.$slots["right-section"] ? ((0, vue_runtime_esm_bundler_exports.openBlock)(), (0, vue_runtime_esm_bundler_exports.createElementBlock)("span", _hoisted_3, [(0, vue_runtime_esm_bundler_exports.renderSlot)(_ctx.$slots, "right-section")])) : __props.rightSection ? ((0, vue_runtime_esm_bundler_exports.openBlock)(), (0, vue_runtime_esm_bundler_exports.createElementBlock)("span", _hoisted_4, [((0, vue_runtime_esm_bundler_exports.openBlock)(), (0, vue_runtime_esm_bundler_exports.createBlock)((0, vue_runtime_esm_bundler_exports.resolveDynamicComponent)(__props.rightSection)))])) : (0, vue_runtime_esm_bundler_exports.createCommentVNode)("v-if", true)
+				], 2)]),
+				_: 3
+			}, 16, [
+				"class",
+				"style",
+				"onClick"
+			]);
+		};
+	}
+});
+//#endregion
+export { button_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=button.vue_vue_type_script_setup_true_lang.mjs.map

package/es/packages/components/button/src/button.vue_vue_type_script_setup_true_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.vue_vue_type_script_setup_true_lang.mjs","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CA,MAAM,SAAA,GAAA,gCAAA,SAAA,CAAiB;EAEvB,MAAM,eAAA,GAAA,gCAAA,SAAA,OAA6B,CAAC,CAAC,MAAM,eAAe;EAC1D,MAAM,gBAAA,GAAA,gCAAA,SAAA,OAA8B,CAAC,CAAC,MAAM,gBAAgB;EAE5D,MAAM,QAAQ;EAOd,MAAM,EAAE,WAAW,QAAQ,MAAM,gBAAgB,UAAU,OAAO;GAChE,aAAa,YAAY;GACzB,cAAc,aAAa;EAC7B,CAAC;EAED,MAAM,cAAc,qBAAqB,KAAK;EAC9C,MAAM,KAAK,aAAa,QAAQ;EAChC,MAAM,eAAA,GAAA,gCAAA,SAAA,OAA6B;GACjC,aAAa,OAAO,CAAC,CAAC,EAAE,MAAM;GAC9B,CAAC,UAAU,SAAS,aAAa,QAAQ,CAAC,CAAC,EAAE;GAC7C,GAAG,EAAE,MAAM;GACX,GAAG,GAAG,WAAW,MAAM,OAAO;EAChC,CAAC;EACD,MAAM,cAAA,GAAA,gCAAA,SAAA,OAA4B,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;EACjD,MAAM,cAAA,GAAA,gCAAA,SAAA,OAA4B,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;EAEjD,SAAa;;GAEX,UAAU,UAAU;;GAEpB,KAAK;;GAEL,MAAM,MAAM;;GAEZ,SAAS,MAAM;EACjB,CAAC;;0KC9EQ,QAAA,GAAG,IAAA,GAAA,gCAAA,WAAA,EAAA,GAAA,gCAAA,MAAA,CAqBE,MAAA,GAvBI;IACb,OAAO,YAAA;IAEP,QAAA,GAAA,gCAAA,MAAA,CAAO,WAAA;IACP,UAAA,GAAA,gCAAA,MAAA,CAAO,WAAA;;gEAkBD,EAAA,GAAA,gCAAA,mBAAA,CAAA,QAAA,EAhBA,QAAA,GAAA,gCAAA,eAAA,CAAO,WAAA,KAAU,EAAA,GAAA;KACWA,KAAAA,OAAM,oBAAA,GAAA,gCAAA,UAAA,CAAA,IAAA,GAAA,gCAAA,mBAAA,CAEhC,QAFP,YAEO,EAAA,GAAA,gCAAA,WAAA,CAD4B,KAAA,QAAA,cAAA,CAAA,CAAA,KAEG,QAAA,gBAAA,GAAA,gCAAA,UAAA,CAAA,IAAA,GAAA,gCAAA,mBAAA,CAE/B,QAFP,YAEO,GAAA,GAAA,gCAAA,UAAA,CAAA,IAAA,GAAA,gCAAA,YAAA,EAAA,GAAA,gCAAA,wBAAA,CADW,QAAA,WAAW,CAAA,EAAA,CAAA,MAAA,GAAA,gCAAA,mBAAA,CAAA,QAAA,IAAA;6DAItB,QAAA,EAFA,QAAA,GAAA,gCAAA,eAAA,CAAO,WAAA,KAAU,EAAA,GAAA,EAAA,GAAA,gCAAA,WAAA,CACd,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA;KAEwBA,KAAAA,OAAM,qBAAA,GAAA,gCAAA,UAAA,CAAA,IAAA,GAAA,gCAAA,mBAAA,CAEjC,QAFP,YAEO,EAAA,GAAA,gCAAA,WAAA,CAD6B,KAAA,QAAA,eAAA,CAAA,CAAA,KAEG,QAAA,iBAAA,GAAA,gCAAA,UAAA,CAAA,IAAA,GAAA,gCAAA,mBAAA,CAEhC,QAFP,YAEO,GAAA,GAAA,gCAAA,UAAA,CAAA,IAAA,GAAA,gCAAA,YAAA,EAAA,GAAA,gCAAA,wBAAA,CADW,QAAA,YAAY,CAAA,EAAA,CAAA,MAAA,GAAA,gCAAA,mBAAA,CAAA,QAAA,IAAA"}

package/es/packages/components/button/src/use-button.mjs

@@ -0,0 +1,41 @@
+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";
+import { useFormDisabled } from "../../form/src/hooks/use-form-common-props.mjs";
+//#region ../../packages/components/button/src/use-button.ts
+const useButton = (props, slots) => {
+	const _disabled = useFormDisabled();
+	const _ref = (0, vue_runtime_esm_bundler_exports.ref)();
+	const { hasLeftSlot, hasRightSlot } = slots;
+	const hasLeftSection = hasLeftSlot || !!props.leftSection;
+	const hasRightSection = hasRightSlot || !!props.rightSection;
+	const _props = (0, vue_runtime_esm_bundler_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
+export { useButton };
+
+//# sourceMappingURL=use-button.mjs.map

package/es/packages/components/button/src/use-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-button.mjs","names":[],"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,YAAY,gBAAgB;CAClC,MAAM,QAAA,GAAA,gCAAA,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,gCAAA,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/es/packages/components/form/index.mjs

@@ -0,0 +1,3 @@
+import { formContextKey } from "./src/constants.mjs";
+import { useDisabled, useFormDisabled } from "./src/hooks/use-form-common-props.mjs";
+export { formContextKey, useDisabled, useFormDisabled };

package/es/packages/components/form/src/constants.mjs

@@ -0,0 +1,6 @@
+//#region ../../packages/components/form/src/constants.ts
+const formContextKey = Symbol("formContextKey");
+//#endregion
+export { formContextKey };
+
+//# sourceMappingURL=constants.mjs.map

package/es/packages/components/form/src/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","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/es/packages/components/form/src/hooks/index.mjs

@@ -0,0 +1,2 @@
+import { useDisabled, useFormDisabled } from "./use-form-common-props.mjs";
+export { useDisabled, useFormDisabled };

package/es/packages/components/form/src/hooks/use-form-common-props.mjs

@@ -0,0 +1,16 @@
+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";
+import { useProp } from "../../../../hooks/use-prop/index.mjs";
+import { formContextKey } from "../constants.mjs";
+//#region ../../packages/components/form/src/hooks/use-form-common-props.ts
+const useFormDisabled = (fallback) => {
+	const disabled = useProp("disabled");
+	const form = (0, vue_runtime_esm_bundler_exports.inject)(formContextKey, void 0);
+	return (0, vue_runtime_esm_bundler_exports.computed)(() => {
+		return disabled.value ?? (0, vue_runtime_esm_bundler_exports.unref)(fallback) ?? form?.disabled ?? false;
+	});
+};
+const useDisabled = useFormDisabled;
+//#endregion
+export { useDisabled, useFormDisabled };
+
+//# sourceMappingURL=use-form-common-props.mjs.map

package/es/packages/components/form/src/hooks/use-form-common-props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-common-props.mjs","names":[],"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,WAAW,QAAiB,UAAU;CAC5C,MAAM,QAAA,GAAA,gCAAA,OAAA,CAAc,gBAAgB,KAAA,CAAS;CAE7C,QAAA,GAAA,gCAAA,SAAA,OAAsB;EACpB,OAAO,SAAS,UAAA,GAAA,gCAAA,MAAA,CAAe,QAAQ,KAAK,MAAM,YAAY;CAChE,CAAC;AACH;AAEA,MAAa,cAAc"}

package/es/packages/components/icon/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../../utils/vue/install.mjs";
+import icon_default from "./src/icon.mjs";
+//#region ../../packages/components/icon/index.ts
+const CIcon = withInstall(icon_default);
+//#endregion
+export { CIcon, CIcon as default };
+
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/icon/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["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,QAAQ,YAAYA,YAAI"}

package/es/packages/components/icon/src/icon.mjs

@@ -0,0 +1,7 @@
+import icon_vue_vue_type_script_setup_true_lang_default from "./icon.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../../packages/components/icon/src/icon.vue
+var icon_default = icon_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { icon_default as default };
+
+//# sourceMappingURL=icon.mjs.map

package/es/packages/components/icon/src/icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.mjs","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/es/packages/components/icon/src/icon.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,42 @@
+import { isUndefined } from "../../../utils/types.mjs";
+import { addUnit } from "../../../utils/dom/style.mjs";
+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";
+import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
+//#region ../../packages/components/icon/src/icon.vue?vue&type=script&setup=true&lang.ts
+var icon_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue_runtime_esm_bundler_exports.defineComponent)({
+	name: "CIcon",
+	inheritAttrs: false,
+	__name: "icon",
+	props: {
+		size: {
+			type: [Number, String],
+			required: false
+		},
+		color: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const ns = useNamespace("icon");
+		const style = (0, vue_runtime_esm_bundler_exports.computed)(() => {
+			const { size, color } = props;
+			if (!size && !color) return {};
+			return {
+				fontSize: isUndefined(size) ? void 0 : addUnit(size),
+				"--color": color
+			};
+		});
+		return (_ctx, _cache) => {
+			return (0, vue_runtime_esm_bundler_exports.openBlock)(), (0, vue_runtime_esm_bundler_exports.createElementBlock)("i", (0, vue_runtime_esm_bundler_exports.mergeProps)({
+				class: (0, vue_runtime_esm_bundler_exports.unref)(ns).b(),
+				style: style.value
+			}, _ctx.$attrs), [(0, vue_runtime_esm_bundler_exports.renderSlot)(_ctx.$slots, "default")], 16);
+		};
+	}
+});
+//#endregion
+export { icon_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=icon.vue_vue_type_script_setup_true_lang.mjs.map

package/es/packages/components/icon/src/icon.vue_vue_type_script_setup_true_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.vue_vue_type_script_setup_true_lang.mjs","names":["$attrs"],"sources":["../../../../../../../packages/components/icon/src/icon.vue","../../../../../../../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","<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":";;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EACd,MAAM,KAAK,aAAa,MAAM;EAE9B,MAAM,SAAA,GAAA,gCAAA,SAAA,OAAsC;GAC1C,MAAM,EAAE,MAAM,UAAU;GACxB,IAAI,CAAC,QAAQ,CAAC,OAAO,OAAO,CAAC;GAE7B,OAAO;IACL,UAAU,YAAY,IAAI,IAAI,KAAA,IAAY,QAAQ,IAAI;IACtD,WAAW;GACb;EACF,CAAC;;oHCxBK,MAAA,GAAA,gCAAA,WAAA,CAAA;IAFA,QAAA,GAAA,gCAAA,MAAA,CAAO,EAAA,CAAE,CAAC,EAAC;IAAK,OAAO,MAAA;MAAeA,KAAAA,MAAM,GAAA,EAAA,GAAA,gCAAA,WAAA,CACtC,KAAA,QAAA,SAAA,CAAA,GAAA,EAAA"}

package/es/packages/components/index.mjs

@@ -0,0 +1,3 @@
+import { CButton } from "./button/index.mjs";
+import { CIcon } from "./icon/index.mjs";
+export { CButton, CIcon };

package/es/packages/constants/index.mjs

@@ -0,0 +1,3 @@
+import { INSTALLED_KEY } from "./key.mjs";
+import { componentSizeMap, componentSizes } from "./sizes.mjs";
+export { INSTALLED_KEY, componentSizeMap, componentSizes };

package/es/packages/constants/key.mjs

@@ -0,0 +1,6 @@
+//#region ../../packages/constants/key.ts
+const INSTALLED_KEY = Symbol("INSTALLED_KEY");
+//#endregion
+export { INSTALLED_KEY };
+
+//# sourceMappingURL=key.mjs.map

package/es/packages/constants/key.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"key.mjs","names":[],"sources":["../../../../../packages/constants/key.ts"],"sourcesContent":["export const INSTALLED_KEY = Symbol('INSTALLED_KEY')\n"],"mappings":";AAAA,MAAa,gBAAgB,OAAO,eAAe"}

package/es/packages/constants/sizes.mjs

@@ -0,0 +1,24 @@
+//#region ../../packages/constants/sizes.ts
+const componentSizes = [
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"xl",
+	"compact-xs",
+	"compact-sm",
+	"compact-md",
+	"compact-lg",
+	"compact-xl"
+];
+const componentSizeMap = {
+	xl: 60,
+	lg: 50,
+	md: 42,
+	sm: 36,
+	xs: 30
+};
+//#endregion
+export { componentSizeMap, componentSizes };
+
+//# sourceMappingURL=sizes.mjs.map

package/es/packages/constants/sizes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.mjs","names":[],"sources":["../../../../../packages/constants/sizes.ts"],"sourcesContent":["export const componentSizes = [\n  'xs',\n  'sm',\n  'md',\n  'lg',\n  'xl',\n  'compact-xs',\n  'compact-sm',\n  'compact-md',\n  'compact-lg',\n  'compact-xl'\n]\n\nexport type ComponentSize = (typeof componentSizes)[number]\n\nexport const componentSizeMap = {\n  xl: 60,\n  lg: 50,\n  md: 42,\n  sm: 36,\n  xs: 30\n} as const\n"],"mappings":";AAAA,MAAa,iBAAiB;CAC5B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAIA,MAAa,mBAAmB;CAC9B,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN"}

package/es/packages/hooks/index.mjs

@@ -0,0 +1,4 @@
+import { defaultNamespace, namespaceContextKey, useGetDerivedNamespace, useNamespace } from "./use-namespace/index.mjs";
+import { useProp } from "./use-prop/index.mjs";
+import { useColorScheme } from "./use-theme/index.mjs";
+export { defaultNamespace, namespaceContextKey, useColorScheme, useGetDerivedNamespace, useNamespace, useProp };