@icc-grow/web-components 1.0.0

package/dist/es/_virtual/_plugin-vue_export-helper.mjs

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+//#endregion
+export { e as default };

package/dist/es/components/i-avatar/index.mjs

@@ -0,0 +1,6 @@
+import { withInstall as e } from "../../utils/install.mjs";
+import t from "./src/avatar.mjs";
+//#region src/components/i-avatar/index.ts
+var n = e(t);
+//#endregion
+export { n as default };

package/dist/es/components/i-avatar/src/avatar.mjs

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./avatar.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                        */
+//#region src/components/i-avatar/src/avatar.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-631d6d46"]]);
+//#endregion
+export { n as default };

package/dist/es/components/i-avatar/src/avatar.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,58 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, inject as a, normalizeStyle as o, openBlock as s, ref as c, renderSlot as l, toDisplayString as u, unref as d } from "vue";
+//#region src/components/i-avatar/src/avatar.vue?vue&type=script&setup=true&lang.ts
+var f = { class: "i-avatar inline-flex items-center" }, p = ["src", "alt"], m = {
+	key: 0,
+	class: "i-avatar__content ml-2 flex flex-col justify-center"
+}, h = /* @__PURE__ */ i({
+	name: "i-avatar",
+	__name: "avatar",
+	props: {
+		src: { default: "" },
+		name: { default: "" },
+		size: { default: 26 },
+		shape: { default: "circle" }
+	},
+	setup(i) {
+		let h = i, g = c(!1);
+		function _() {
+			g.value = !0;
+		}
+		let v = a("IAvatarGroupSize", c(void 0)), y = e(() => d(v) || h.size), b = e(() => h.name ? h.name.startsWith("+") ? h.name : h.name.charAt(0) : ""), x = e(() => h.name && h.name.startsWith("+") ? { fontSize: "calc(100% * 0.7)" } : {}), S = e(() => {
+			let e = y.value, t = typeof e == "string" && /^\d+(\.\d+)?$/.test(e), n = typeof e == "number" || t ? `${e}px` : e, r = [
+				"var(--i-color-primary)",
+				"var(--i-color-success)",
+				"var(--i-color-warning)",
+				"var(--i-color-danger)"
+			], i = "var(--i-color-black-10)";
+			if ((!h.src || g.value) && h.name) if (h.name.startsWith("+")) i = "var(--i-color-black-20)";
+			else {
+				let e = 0;
+				for (let t = 0; t < h.name.length; t++) e += h.name.charCodeAt(t);
+				i = r[e % r.length];
+			}
+			return {
+				width: n,
+				height: n,
+				fontSize: `calc(${n} * 0.45)`,
+				backgroundColor: i,
+				borderRadius: h.shape === "circle" ? "9999px" : "5px"
+			};
+		});
+		return (e, a) => (s(), n("div", f, [r("div", {
+			class: "i-avatar__inner relative overflow-hidden flex items-center justify-center shrink-0 box-border bg-transparent",
+			style: o(S.value)
+		}, [i.src && !g.value ? (s(), n("img", {
+			key: 0,
+			src: i.src,
+			alt: i.name,
+			class: "w-full h-full object-cover",
+			onError: _
+		}, null, 40, p)) : (s(), n("span", {
+			key: 1,
+			class: "text-white fill-current truncate leading-none",
+			style: o(x.value)
+		}, u(b.value), 5))], 4), e.$slots.default ? (s(), n("div", m, [l(e.$slots, "default", {}, void 0, !0)])) : t("", !0)]));
+	}
+});
+//#endregion
+export { h as default };

package/dist/es/components/i-avatar-group/index.mjs

@@ -0,0 +1,6 @@
+import { withInstall as e } from "../../utils/install.mjs";
+import t from "./src/avatar-group.mjs";
+//#region src/components/i-avatar-group/index.ts
+var n = e(t);
+//#endregion
+export { n as default };

package/dist/es/components/i-avatar-group/src/avatar-group.mjs

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./avatar-group.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                              */
+//#region src/components/i-avatar-group/src/avatar-group.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-8246286e"]]);
+//#endregion
+export { n as default };

package/dist/es/components/i-avatar-group/src/avatar-group.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,39 @@
+import e from "../../i-avatar/src/avatar.mjs";
+import { Fragment as t, computed as n, createBlock as r, createElementBlock as i, defineComponent as a, h as o, openBlock as s, provide as c, renderList as l, resolveDynamicComponent as u, useSlots as d } from "vue";
+//#region src/components/i-avatar-group/src/avatar-group.vue?vue&type=script&setup=true&lang.ts
+var f = { class: "i-avatar-group flex items-center" }, p = /* @__PURE__ */ a({
+	name: "i-avatar-group",
+	__name: "avatar-group",
+	props: {
+		size: { default: void 0 },
+		limit: { default: void 0 }
+	},
+	setup(a) {
+		let p = a;
+		c("IAvatarGroupSize", n(() => p.size));
+		let m = d(), h = n(() => {
+			let n = m.default?.() || [], r = [], i = (e) => {
+				e.forEach((e) => {
+					e.type === t && Array.isArray(e.children) ? i(e.children) : r.push(e);
+				});
+			};
+			i(n);
+			let a = p.limit === void 0 ? 0 : Number(p.limit), s = a > 0 && r.length > a, c = s ? r.slice(0, a) : r, l = c.map((e, t) => o(e, {
+				class: ["relative transition-transform hover:z-20", t > 0 ? "-ml-10" : ""],
+				style: { zIndex: t + 10 }
+			}));
+			if (s) {
+				let t = r.length - a;
+				l.push(o(e, {
+					class: ["relative", a > 0 ? "-ml-10" : ""],
+					style: { zIndex: c.length + 10 },
+					name: `+${t}`
+				}));
+			}
+			return l;
+		});
+		return (e, n) => (s(), i("div", f, [(s(!0), i(t, null, l(h.value, (e, t) => (s(), r(u(e), { key: t }))), 128))]));
+	}
+});
+//#endregion
+export { p as default };

package/dist/es/components/i-badge/index.mjs

@@ -0,0 +1,6 @@
+import { withInstall as e } from "../../utils/install.mjs";
+import t from "./src/badge.mjs";
+//#region src/components/i-badge/index.ts
+var n = e(t);
+//#endregion
+export { n as default };

package/dist/es/components/i-badge/src/badge.mjs

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./badge.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                       */
+//#region src/components/i-badge/src/badge.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-ef409702"]]);
+//#endregion
+export { n as default };

package/dist/es/components/i-badge/src/badge.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,40 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderSlot as c, toDisplayString as l } from "vue";
+//#region src/components/i-badge/src/badge.vue?vue&type=script&setup=true&lang.ts
+var u = { class: "i-badge inline-flex align-middle" }, d = { class: "i-badge__wrapper relative inline-flex max-w-full" }, f = ["aria-label"], p = { class: "i-badge__value" }, m = {
+	key: 0,
+	class: "i-badge__plus relative block w-6 h-6",
+	"aria-hidden": "true"
+}, h = /* @__PURE__ */ a({
+	name: "i-badge",
+	__name: "badge",
+	props: {
+		count: { default: void 0 },
+		max: { default: 99 },
+		showZero: {
+			type: Boolean,
+			default: !1
+		},
+		dot: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(a) {
+		let h = a, g = t(() => Math.max(0, h.max ?? 99)), _ = t(() => {
+			let e = h.count;
+			return e === void 0 || Number.isNaN(e) || e < 0 ? !1 : e === 0 ? h.showZero : !0;
+		}), v = t(() => h.dot || _.value), y = t(() => _.value ? (h.count ?? 0) > g.value : !1), b = t(() => {
+			let e = h.count ?? 0, t = g.value;
+			return e > t ? `${t}` : `${e}`;
+		}), x = t(() => {
+			if (!h.dot) return y.value ? `${g.value}+` : b.value;
+		}), S = t(() => h.dot ? "w-10 h-10 rounded-full bg-danger translate-x-1/4 -translate-y-1/4" : y.value ? "h-16 gap-1 pl-6 pr-5 pt-1 rounded-full bg-danger text-11 translate-x-1/2 -translate-y-1/2" : b.value.length > 1 ? "h-16 px-6 pt-1 rounded-full bg-danger text-11 translate-x-1/2 -translate-y-1/2" : "w-16 h-16 pt-1 rounded-full bg-danger text-11 translate-x-1/2 -translate-y-1/2");
+		return (t, a) => (s(), r("div", u, [i("span", d, [c(t.$slots, "default", {}, void 0, !0), v.value ? (s(), r("sup", {
+			key: 0,
+			class: o(["i-badge__content absolute top-0 right-0 z-1 box-border flex items-center justify-center whitespace-nowrap border border-solid border-white text-white font-medium leading-none pointer-events-none select-none", S.value]),
+			"aria-label": x.value
+		}, [h.dot ? n("", !0) : (s(), r(e, { key: 0 }, [i("span", p, l(b.value), 1), y.value ? (s(), r("span", m, [...a[0] ||= [i("span", { class: "absolute top-1/2 left-0 w-6 h-1 -translate-y-1/2 rounded-full bg-white" }, null, -1), i("span", { class: "absolute top-0 left-1/2 w-1 h-6 -translate-x-1/2 rounded-full bg-white" }, null, -1)]])) : n("", !0)], 64))], 10, f)) : n("", !0)])]));
+	}
+});
+//#endregion
+export { h as default };

package/dist/es/components/i-button/index.mjs

@@ -0,0 +1,6 @@
+import { withInstall as e } from "../../utils/install.mjs";
+import t from "./src/button.mjs";
+//#region src/components/i-button/index.ts
+var n = e(t);
+//#endregion
+export { n as default };

package/dist/es/components/i-button/src/button.mjs

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./button.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                        */
+//#region src/components/i-button/src/button.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-90704770"]]);
+//#endregion
+export { n as default };

package/dist/es/components/i-button/src/button.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,94 @@
+import e from "../../i-icon/index.mjs";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderSlot as l, unref as u } from "vue";
+//#region src/components/i-button/src/button.vue?vue&type=script&setup=true&lang.ts
+var d = ["type", "disabled"], f = {
+	key: 0,
+	class: "i-button__loading inline-flex"
+}, p = {
+	key: 2,
+	class: "i-button__content"
+}, m = /* @__PURE__ */ o({
+	name: "i-button",
+	__name: "button",
+	props: {
+		type: { default: "primary" },
+		size: { default: "large" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		icon: { default: void 0 },
+		iconSize: { default: 13 },
+		text: {
+			type: Boolean,
+			default: !1
+		},
+		plain: {
+			type: Boolean,
+			default: !1
+		},
+		nativeType: { default: "button" }
+	},
+	emits: ["click"],
+	setup(o, { emit: m }) {
+		let h = o, g = m, _ = {
+			primary: {
+				solid: "bg-primary text-white border-transparent",
+				plain: "bg-primary-5 border-primary-20 text-primary",
+				text: "bg-transparent border-transparent text-primary"
+			},
+			danger: {
+				solid: "bg-danger text-white border-transparent",
+				plain: "bg-danger-10 border-danger-30 text-danger",
+				text: "bg-transparent border-transparent text-danger"
+			},
+			black: {
+				solid: "bg-black text-white border-transparent",
+				plain: "bg-white border-black-20 text-black",
+				text: "bg-transparent border-transparent text-black"
+			}
+		}, v = {
+			large: "h-38 px-28 rounded-10 gap-8 text-13",
+			medium: "h-32 px-10 rounded-7 gap-8 text-12",
+			small: "h-22 px-6 rounded-3 gap-3 text-10"
+		}, y = {
+			solid: "is-disabled bg-black-10 border-transparent text-black-30 cursor-not-allowed pointer-events-none",
+			plain: "is-disabled bg-black-5 border-black-5 text-black-30 cursor-not-allowed pointer-events-none",
+			text: "is-disabled bg-transparent border-transparent text-black-30 cursor-not-allowed pointer-events-none"
+		}, b = t(() => {
+			let e = h.type ?? "primary", t = h.size ?? "large", n = h.disabled ? "disabled" : h.text ? "text" : h.plain ? "plain" : "solid", r = h.text ? "text" : h.plain ? "plain" : "solid", i = [
+				`i-button--${e}`,
+				v[t],
+				n === "disabled" ? y[r] : _[e][n]
+			];
+			return n === "plain" && i.push("is-plain"), n === "text" && i.push("is-text"), h.loading && i.push("cursor-wait"), i;
+		}), x = t(() => !h.disabled && !h.loading);
+		function S(e) {
+			x.value && g("click", e);
+		}
+		return (t, m) => (c(), i("button", {
+			class: s(["i-button box-border inline-flex items-center justify-center font-normal select-none text-13 leading-16 transition-all duration-200 border border-solid cursor-pointer shrink-0", b.value]),
+			type: o.nativeType,
+			disabled: o.disabled || o.loading,
+			onClick: S
+		}, [
+			o.loading ? (c(), i("span", f, [a(u(e), {
+				name: "icon-loading",
+				class: "animate-spin",
+				size: o.iconSize
+			}, null, 8, ["size"])])) : r("", !0),
+			o.icon && !o.loading ? (c(), n(u(e), {
+				key: 1,
+				name: o.icon,
+				size: o.iconSize
+			}, null, 8, ["name", "size"])) : r("", !0),
+			t.$slots.default ? (c(), i("span", p, [l(t.$slots, "default", {}, void 0, !0)])) : r("", !0)
+		], 10, d));
+	}
+});
+//#endregion
+export { m as default };

package/dist/es/components/i-card/index.mjs

@@ -0,0 +1,6 @@
+import { withInstall as e } from "../../utils/install.mjs";
+import t from "./src/card.mjs";
+//#region src/components/i-card/index.ts
+var n = e(t);
+//#endregion
+export { n as default };

package/dist/es/components/i-card/src/card.mjs

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./card.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                      */
+//#region src/components/i-card/src/card.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-bf5b4a3e"]]);
+//#endregion
+export { n as default };

package/dist/es/components/i-card/src/card.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,32 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, toDisplayString as c } from "vue";
+//#region src/components/i-card/src/card.vue?vue&type=script&setup=true&lang.ts
+var l = { class: "i-card__header shrink-0" }, u = { class: "i-card__body min-w-0 flex-1" }, d = {
+	key: 0,
+	class: "i-card__footer shrink-0"
+}, f = /* @__PURE__ */ i({
+	name: "i-card",
+	__name: "card",
+	props: {
+		title: { default: "" },
+		size: { default: "small" }
+	},
+	setup(i) {
+		let f = i, p = {
+			small: "i-card--small rounded-7 border border-solid border-primary-5 bg-primary-2 p-15",
+			large: "i-card--large rounded-10 border-0  bg-white p-30"
+		}, m = {
+			small: "text-13 font-medium leading-16",
+			large: "text-15 font-medium leading-18"
+		}, h = e(() => p[f.size]), g = e(() => m[f.size]);
+		return (e, f) => (o(), n("div", { class: a(["i-card box-border flex w-full flex-col", h.value]) }, [
+			r("div", l, [s(e.$slots, "header", {}, () => [i.title ? (o(), n("span", {
+				key: 0,
+				class: a(["i-card__title text-black", g.value])
+			}, c(i.title), 3)) : t("", !0)], !0)]),
+			r("div", u, [s(e.$slots, "default", {}, void 0, !0)]),
+			e.$slots.footer ? (o(), n("div", d, [s(e.$slots, "footer", {}, void 0, !0)])) : t("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { f as default };

package/dist/es/components/i-checkbox/index.mjs

@@ -0,0 +1,7 @@
+import { withInstall as e } from "../../utils/install.mjs";
+import t from "./src/checkbox.mjs";
+import n from "./src/checkbox-group.mjs";
+//#region src/components/i-checkbox/index.ts
+var r = e(t), i = e(n);
+//#endregion
+export { i as ICheckboxGroup, r as default };

package/dist/es/components/i-checkbox/src/checkbox-group.mjs

@@ -0,0 +1,5 @@
+import e from "./checkbox-group.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/i-checkbox/src/checkbox-group.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/i-checkbox/src/checkbox-group.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,65 @@
+import { useFormItemA11y as e } from "../../i-form-item/src/useFormItemA11y.mjs";
+import { checkboxGroupContextKey as t } from "./constants.mjs";
+import n from "../../i-space/index.mjs";
+import { computed as r, createBlock as i, defineComponent as a, openBlock as o, provide as s, renderSlot as c, unref as l, withCtx as u } from "vue";
+//#region src/components/i-checkbox/src/checkbox-group.vue?vue&type=script&setup=true&lang.ts
+var d = /* @__PURE__ */ a({
+	name: "i-checkbox-group",
+	__name: "checkbox-group",
+	props: {
+		modelValue: { default: () => [] },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: 50 },
+		min: { default: void 0 },
+		max: { default: void 0 },
+		validateEvent: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(a, { emit: d }) {
+		let f = a, p = d, { formItemContext: m, labelId: h, isRequired: g, isError: _, ariaDescribedby: v } = e({ labelMode: "none" });
+		return s(t, {
+			modelValue: r({
+				get() {
+					return f.modelValue;
+				},
+				set(e) {
+					p("update:modelValue", e);
+				}
+			}),
+			disabled: r(() => f.disabled),
+			min: r(() => f.min),
+			max: r(() => f.max),
+			validateEvent: r(() => f.validateEvent),
+			changeEvent: (e) => {
+				p("update:modelValue", e), p("change", e), f.validateEvent && m?.validate("change");
+			}
+		}), (e, t) => (o(), i(l(n), {
+			size: f.size,
+			wrap: "",
+			align: "center",
+			class: "i-checkbox-group",
+			role: "group",
+			"aria-labelledby": l(h),
+			"aria-describedby": l(v),
+			"aria-invalid": l(_) ? "true" : void 0,
+			"aria-required": l(g) ? "true" : void 0
+		}, {
+			default: u(() => [c(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"size",
+			"aria-labelledby",
+			"aria-describedby",
+			"aria-invalid",
+			"aria-required"
+		]));
+	}
+});
+//#endregion
+export { d as default };

package/dist/es/components/i-checkbox/src/checkbox.mjs

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./checkbox.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                          */
+//#region src/components/i-checkbox/src/checkbox.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-d01b63b4"]]);
+//#endregion
+export { n as default };

package/dist/es/components/i-checkbox/src/checkbox.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,122 @@
+import { useFormItemA11y as e } from "../../i-form-item/src/useFormItemA11y.mjs";
+import { checkboxGroupContextKey as t } from "./constants.mjs";
+import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, inject as s, normalizeClass as c, openBlock as l, renderSlot as u, unref as d } from "vue";
+//#region src/components/i-checkbox/src/checkbox.vue?vue&type=script&setup=true&lang.ts
+var f = [
+	"id",
+	"name",
+	"disabled",
+	"checked",
+	"value",
+	"aria-invalid",
+	"aria-required",
+	"aria-describedby"
+], p = /* @__PURE__ */ o({
+	name: "i-checkbox",
+	__name: "checkbox",
+	props: {
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: void 0
+		},
+		value: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: void 0
+		},
+		trueValue: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: !0
+		},
+		falseValue: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		indeterminate: {
+			type: Boolean,
+			default: !1
+		},
+		validateEvent: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(o, { emit: p }) {
+		let m = o, h = p, g = s(t, void 0), { formItemContext: _, inputId: v, isError: y, isRequired: b, ariaDescribedby: x } = e({ labelMode: g ? "none" : "for" }), S = n(() => v.value), C = n(() => g ? g.modelValue.value.includes(m.value) : m.modelValue === m.trueValue), w = n(() => {
+			if (g?.disabled.value || m.disabled) return !0;
+			if (g) {
+				let e = g.min.value, t = g.max.value, n = g.modelValue.value.length;
+				if (t !== void 0 && n >= t && !C.value || e !== void 0 && n <= e && C.value) return !0;
+			}
+			return !1;
+		});
+		function T(e) {
+			if (w.value) return;
+			let t = e.target.checked;
+			if (g) {
+				let e = [...g.modelValue.value], n = m.value;
+				if (t) e.push(n);
+				else {
+					let t = e.indexOf(n);
+					t > -1 && e.splice(t, 1);
+				}
+				g.changeEvent(e);
+				return;
+			}
+			let n = t ? m.trueValue : m.falseValue;
+			h("update:modelValue", n), h("change", n), m.validateEvent && _?.validate("change");
+		}
+		let E = n(() => [
+			w.value ? "is-disabled cursor-not-allowed" : "cursor-pointer",
+			C.value ? "is-checked" : "",
+			m.indeterminate ? "is-indeterminate" : ""
+		]), D = n(() => [
+			w.value ? "is-disabled" : "",
+			C.value ? "is-checked" : "",
+			m.indeterminate ? "is-indeterminate" : ""
+		]), O = n(() => [
+			"w-16 h-16 rounded-3",
+			C.value && !m.indeterminate ? "is-checked" : "",
+			m.indeterminate ? "is-indeterminate" : "",
+			w.value ? C.value || m.indeterminate ? "border-black-10 bg-black-10" : "border-black-10 bg-transparent" : C.value || m.indeterminate ? "border-primary bg-primary" : "border-primary-20 bg-transparent group-hover:border-primary"
+		]), k = n(() => w.value ? ["text-black-30"] : [C.value || m.indeterminate ? "text-black" : "text-black-50"]);
+		return (e, t) => (l(), i("label", { class: c(["i-checkbox group inline-flex items-center select-none box-border", E.value]) }, [a("span", { class: c(["i-checkbox__input relative inline-flex shrink-0 box-border", D.value]) }, [a("input", {
+			id: d(v),
+			name: S.value,
+			type: "checkbox",
+			class: "absolute opacity-0 w-0 h-0 m-0 z-[-1]",
+			disabled: w.value,
+			checked: C.value,
+			value: o.value,
+			"aria-invalid": d(y) ? "true" : void 0,
+			"aria-required": d(b) ? "true" : void 0,
+			"aria-describedby": d(x),
+			onChange: T
+		}, null, 40, f), a("span", { class: c(["i-checkbox__inner relative inline-block box-border border-solid border transition-colors duration-200", O.value]) }, null, 2)], 2), e.$slots.default ? (l(), i("span", {
+			key: 0,
+			class: c(["i-checkbox__label ml-10 text-13 leading-16", k.value])
+		}, [u(e.$slots, "default", {}, void 0, !0)], 2)) : r("", !0)], 2));
+	}
+});
+//#endregion
+export { p as default };

package/dist/es/components/i-checkbox/src/constants.mjs

@@ -0,0 +1,4 @@
+//#region src/components/i-checkbox/src/constants.ts
+var e = Symbol("checkboxGroupContextKey");
+//#endregion
+export { e as checkboxGroupContextKey };

package/dist/es/components/i-color-picker/index.mjs

@@ -0,0 +1,7 @@
+import { withInstall as e } from "../../utils/install.mjs";
+import t from "./src/color-picker-panel.mjs";
+import n from "./src/color-picker.mjs";
+//#region src/components/i-color-picker/index.ts
+var r = e(n), i = e(t);
+//#endregion
+export { i as IColorPickerPanel, r as default };

package/dist/es/components/i-color-picker/src/color-picker-panel.mjs

@@ -0,0 +1,5 @@
+import e from "./color-picker-panel.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/i-color-picker/src/color-picker-panel.vue
+var t = e;
+//#endregion
+export { t as default };