common_component_library_vue 0.1.0

package/dist-lib/common-component-library-vue.mjs

@@ -0,0 +1,818 @@
+import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeModels as d, nextTick as ee, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, onMounted as te, openBlock as h, ref as g, renderList as _, renderSlot as v, resolveDynamicComponent as y, toDisplayString as b, useCssVars as ne, useModel as x, vModelCheckbox as re, vModelRadio as ie, watch as S, withCtx as C, withDirectives as w, withModifiers as T } from "vue";
+//#region src/components/Spinner/CcSpinner.vue?vue&type=script&setup=true&lang.ts
+var ae = ["width", "height"], oe = /*@__PURE__*/ u({
+	__name: "CcSpinner",
+	props: {
+		size: { default: 20 },
+		color: { default: "var(--cc-primary)" }
+	},
+	setup(e) {
+		return ne((e) => ({ f2187a8a: e.color })), (t, n) => (h(), o("svg", {
+			class: "cc-spinner",
+			width: e.size,
+			height: e.size,
+			viewBox: "0 0 24 24",
+			fill: "none",
+			role: "status",
+			"aria-label": "loading"
+		}, [...n[0] ||= [s("circle", {
+			class: "cc-spinner__track",
+			cx: "12",
+			cy: "12",
+			r: "10",
+			stroke: "currentColor",
+			"stroke-opacity": "0.15",
+			"stroke-width": "3"
+		}, null, -1), s("path", {
+			class: "cc-spinner__arc",
+			d: "M12 2a10 10 0 0 1 10 10",
+			stroke: "currentColor",
+			"stroke-width": "3",
+			"stroke-linecap": "round"
+		}, null, -1)]], 8, ae));
+	}
+}), E = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, D = /*#__PURE__*/ E(oe, [["__scopeId", "data-v-00c109fa"]]), se = {
+	key: 0,
+	class: "cc-btn__spinner"
+}, ce = { class: "cc-btn__content" }, O = /*#__PURE__*/ E(/* @__PURE__ */ u({
+	__name: "CcButton",
+	props: {
+		variant: { default: "primary" },
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		href: { default: void 0 },
+		target: { default: void 0 },
+		block: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: "button" },
+		ariaLabel: { default: void 0 }
+	},
+	emits: ["click"],
+	setup(e, { emit: t }) {
+		let n = e, c = t, u = r(() => n.variant === "primary" || n.variant === "on-dark" ? "var(--cc-on-primary)" : "var(--cc-primary)");
+		function d(e) {
+			if (n.disabled || n.loading) {
+				e.preventDefault();
+				return;
+			}
+			c("click", e);
+		}
+		return (t, n) => (h(), i(y(e.href ? "a" : "button"), {
+			class: f(["cc-btn", [
+				`cc-btn--${e.variant}`,
+				`cc-btn--${e.size}`,
+				{
+					"cc-btn--block": e.block,
+					"cc-btn--loading": e.loading
+				}
+			]]),
+			href: e.href || void 0,
+			target: e.href ? e.target : void 0,
+			type: e.href ? void 0 : e.type,
+			disabled: e.href ? void 0 : e.disabled || e.loading,
+			"aria-label": e.ariaLabel,
+			"aria-busy": e.loading,
+			onClick: d
+		}, {
+			default: C(() => [e.loading ? (h(), o("span", se, [l(D, {
+				size: e.size === "sm" ? 14 : 16,
+				color: u.value
+			}, null, 8, ["size", "color"])])) : a("", !0), s("span", ce, [v(t.$slots, "default", {}, void 0, !0)])]),
+			_: 3
+		}, 8, [
+			"class",
+			"href",
+			"target",
+			"type",
+			"disabled",
+			"aria-label",
+			"aria-busy"
+		]));
+	}
+}), [["__scopeId", "data-v-deb42261"]]), le = ["for"], ue = {
+	key: 0,
+	class: "cc-input__prefix tnum"
+}, de = [
+	"id",
+	"type",
+	"value",
+	"name",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"autocomplete",
+	"inputmode",
+	"min",
+	"max",
+	"step",
+	"aria-invalid"
+], fe = {
+	key: 1,
+	class: "cc-input__message cc-input__message--error"
+}, pe = {
+	key: 2,
+	class: "cc-input__message"
+}, k = /*#__PURE__*/ E(/* @__PURE__ */ u({
+	__name: "CcInput",
+	props: {
+		modelValue: { default: "" },
+		label: { default: void 0 },
+		placeholder: { default: void 0 },
+		type: { default: "text" },
+		name: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		error: { default: void 0 },
+		hint: { default: void 0 },
+		prefix: { default: void 0 },
+		autocomplete: { default: void 0 },
+		inputmode: { default: void 0 },
+		min: { default: void 0 },
+		max: { default: void 0 },
+		step: { default: void 0 }
+	},
+	emits: [
+		"update:modelValue",
+		"focus",
+		"blur",
+		"change"
+	],
+	setup(e, { emit: t }) {
+		let n = e, i = t, c = r(() => !!n.error);
+		function l(e) {
+			i("update:modelValue", e.target.value);
+		}
+		return (t, n) => (h(), o("div", { class: f(["cc-input", {
+			"cc-input--error": c.value,
+			"cc-input--disabled": e.disabled
+		}]) }, [
+			e.label ? (h(), o("label", {
+				key: 0,
+				class: "cc-input__label",
+				for: e.name
+			}, b(e.label), 9, le)) : a("", !0),
+			s("div", { class: f(["cc-input__field", { "cc-input__field--prefix": e.prefix }]) }, [e.prefix ? (h(), o("span", ue, b(e.prefix), 1)) : a("", !0), s("input", {
+				id: e.name,
+				class: "cc-input__control tnum",
+				type: e.type,
+				value: e.modelValue,
+				name: e.name,
+				placeholder: e.placeholder,
+				disabled: e.disabled,
+				readonly: e.readonly,
+				autocomplete: e.autocomplete,
+				inputmode: e.inputmode,
+				min: e.min,
+				max: e.max,
+				step: e.step,
+				"aria-invalid": c.value || void 0,
+				onInput: l,
+				onFocus: n[0] ||= (e) => i("focus", e),
+				onBlur: n[1] ||= (e) => i("blur", e),
+				onChange: n[2] ||= (e) => i("change", e)
+			}, null, 40, de)], 2),
+			e.error ? (h(), o("p", fe, b(e.error), 1)) : e.hint ? (h(), o("p", pe, b(e.hint), 1)) : a("", !0)
+		], 2));
+	}
+}), [["__scopeId", "data-v-4b6c01de"]]), A = ["for"], j = [
+	"id",
+	"value",
+	"name",
+	"rows",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"autocomplete",
+	"aria-invalid"
+], M = {
+	key: 1,
+	class: "cc-textarea__message cc-textarea__message--error"
+}, N = {
+	key: 2,
+	class: "cc-textarea__message"
+}, P = /*#__PURE__*/ E(/* @__PURE__ */ u({
+	__name: "CcTextarea",
+	props: {
+		modelValue: { default: "" },
+		label: { default: void 0 },
+		placeholder: { default: void 0 },
+		name: { default: void 0 },
+		rows: { default: 4 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		error: { default: void 0 },
+		hint: { default: void 0 },
+		autocomplete: { default: void 0 }
+	},
+	emits: [
+		"update:modelValue",
+		"focus",
+		"blur"
+	],
+	setup(e, { emit: t }) {
+		let n = e, i = t, c = r(() => !!n.error);
+		function l(e) {
+			i("update:modelValue", e.target.value);
+		}
+		return (t, n) => (h(), o("div", { class: f(["cc-textarea", {
+			"cc-textarea--error": c.value,
+			"cc-textarea--disabled": e.disabled
+		}]) }, [
+			e.label ? (h(), o("label", {
+				key: 0,
+				class: "cc-textarea__label",
+				for: e.name
+			}, b(e.label), 9, A)) : a("", !0),
+			s("textarea", {
+				id: e.name,
+				class: "cc-textarea__control",
+				value: e.modelValue,
+				name: e.name,
+				rows: e.rows,
+				placeholder: e.placeholder,
+				disabled: e.disabled,
+				readonly: e.readonly,
+				autocomplete: e.autocomplete,
+				"aria-invalid": c.value || void 0,
+				onInput: l,
+				onFocus: n[0] ||= (e) => i("focus", e),
+				onBlur: n[1] ||= (e) => i("blur", e)
+			}, null, 40, j),
+			e.error ? (h(), o("p", M, b(e.error), 1)) : e.hint ? (h(), o("p", N, b(e.hint), 1)) : a("", !0)
+		], 2));
+	}
+}), [["__scopeId", "data-v-9840d15e"]]), F = ["for"], I = { class: "cc-select__wrap" }, L = [
+	"id",
+	"value",
+	"name",
+	"disabled",
+	"aria-invalid"
+], R = {
+	key: 0,
+	value: "",
+	disabled: "",
+	selected: ""
+}, z = ["value", "disabled"], B = {
+	key: 1,
+	class: "cc-select__message cc-select__message--error"
+}, me = {
+	key: 2,
+	class: "cc-select__message"
+}, V = /*#__PURE__*/ E(/* @__PURE__ */ u({
+	__name: "CcSelect",
+	props: {
+		modelValue: { default: "" },
+		options: { default: () => [] },
+		label: { default: void 0 },
+		placeholder: { default: void 0 },
+		name: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		error: { default: void 0 },
+		hint: { default: void 0 }
+	},
+	emits: ["update:modelValue", "change"],
+	setup(t, { emit: n }) {
+		let i = t, c = n, l = r(() => !!i.error);
+		function u(e) {
+			let t = e.target;
+			c("update:modelValue", t.value), c("change", e);
+		}
+		return (n, r) => (h(), o("div", { class: f(["cc-select", {
+			"cc-select--error": l.value,
+			"cc-select--disabled": t.disabled
+		}]) }, [
+			t.label ? (h(), o("label", {
+				key: 0,
+				class: "cc-select__label",
+				for: t.name
+			}, b(t.label), 9, F)) : a("", !0),
+			s("div", I, [s("select", {
+				id: t.name,
+				class: "cc-select__control",
+				value: t.modelValue,
+				name: t.name,
+				disabled: t.disabled,
+				"aria-invalid": l.value || void 0,
+				onChange: u
+			}, [t.placeholder ? (h(), o("option", R, b(t.placeholder), 1)) : a("", !0), (h(!0), o(e, null, _(t.options, (e) => (h(), o("option", {
+				key: String(e.value),
+				value: e.value,
+				disabled: e.disabled
+			}, b(e.label), 9, z))), 128))], 40, L), r[0] ||= s("svg", {
+				class: "cc-select__chevron",
+				width: "16",
+				height: "16",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				"aria-hidden": "true"
+			}, [s("path", {
+				d: "M4 6l4 4 4-4",
+				stroke: "currentColor",
+				"stroke-width": "1.5",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			})], -1)]),
+			t.error ? (h(), o("p", B, b(t.error), 1)) : t.hint ? (h(), o("p", me, b(t.hint), 1)) : a("", !0)
+		], 2));
+	}
+}), [["__scopeId", "data-v-0e1871e6"]]), he = [
+	"aria-checked",
+	"aria-label",
+	"disabled"
+], ge = {
+	key: 0,
+	class: "cc-switch__label"
+}, H = /*#__PURE__*/ E(/* @__PURE__ */ u({
+	__name: "CcSwitch",
+	props: /*@__PURE__*/ d({
+		label: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "md" }
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = x(e, "modelValue"), n = e;
+		function r() {
+			n.disabled || (t.value = !t.value);
+		}
+		return (n, i) => (h(), o("button", {
+			type: "button",
+			class: f(["cc-switch", [`cc-switch--${e.size}`, {
+				"cc-switch--checked": t.value,
+				"cc-switch--disabled": e.disabled
+			}]]),
+			role: "switch",
+			"aria-checked": t.value,
+			"aria-label": e.label || "switch",
+			disabled: e.disabled,
+			onClick: r
+		}, [i[0] ||= s("span", { class: "cc-switch__track" }, [s("span", { class: "cc-switch__knob" })], -1), e.label ? (h(), o("span", ge, b(e.label), 1)) : a("", !0)], 10, he));
+	}
+}), [["__scopeId", "data-v-cb8ad6ea"]]), _e = ["disabled"], ve = {
+	key: 0,
+	class: "cc-checkbox__label"
+}, U = /*#__PURE__*/ E(/* @__PURE__ */ u({
+	__name: "CcCheckbox",
+	props: /*@__PURE__*/ d({
+		label: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = x(e, "modelValue");
+		return (n, r) => (h(), o("label", { class: f(["cc-checkbox", { "cc-checkbox--disabled": e.disabled }]) }, [
+			w(s("input", {
+				"onUpdate:modelValue": r[0] ||= (e) => t.value = e,
+				type: "checkbox",
+				class: "cc-checkbox__native",
+				disabled: e.disabled
+			}, null, 8, _e), [[re, t.value]]),
+			r[1] ||= s("span", {
+				class: "cc-checkbox__box",
+				"aria-hidden": "true"
+			}, [s("svg", {
+				class: "cc-checkbox__check",
+				width: "12",
+				height: "12",
+				viewBox: "0 0 12 12",
+				fill: "none"
+			}, [s("path", {
+				d: "M2.5 6.2l2.4 2.4 4.6-5",
+				stroke: "currentColor",
+				"stroke-width": "1.8",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			})])], -1),
+			e.label ? (h(), o("span", ve, b(e.label), 1)) : a("", !0),
+			v(n.$slots, "default", {}, void 0, !0)
+		], 2));
+	}
+}), [["__scopeId", "data-v-bf838053"]]), ye = ["value", "disabled"], be = {
+	key: 0,
+	class: "cc-radio__label"
+}, W = /*#__PURE__*/ E(/* @__PURE__ */ u({
+	__name: "CcRadio",
+	props: /*@__PURE__*/ d({
+		value: {},
+		label: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = x(e, "modelValue");
+		return (n, r) => (h(), o("label", { class: f(["cc-radio", { "cc-radio--disabled": e.disabled }]) }, [
+			w(s("input", {
+				"onUpdate:modelValue": r[0] ||= (e) => t.value = e,
+				type: "radio",
+				class: "cc-radio__native",
+				value: e.value,
+				disabled: e.disabled
+			}, null, 8, ye), [[ie, t.value]]),
+			r[1] ||= s("span", {
+				class: "cc-radio__dot",
+				"aria-hidden": "true"
+			}, null, -1),
+			e.label ? (h(), o("span", be, b(e.label), 1)) : a("", !0),
+			v(n.$slots, "default", {}, void 0, !0)
+		], 2));
+	}
+}), [["__scopeId", "data-v-0a6c4d47"]]), xe = {
+	key: 0,
+	class: "cc-card__header"
+}, Se = {
+	key: 0,
+	class: "cc-card__title"
+}, Ce = {
+	key: 1,
+	class: "cc-card__desc"
+}, we = { class: "cc-card__body" }, Te = {
+	key: 0,
+	class: "cc-card__footer"
+}, G = /*#__PURE__*/ E(/* @__PURE__ */ u({
+	__name: "CcCard",
+	props: {
+		variant: { default: "feature" },
+		title: { default: void 0 },
+		description: { default: void 0 },
+		flush: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		return (t, n) => (h(), o("article", { class: f(["cc-card", [`cc-card--${e.variant}`, { "cc-card--flush": e.flush }]]) }, [
+			v(t.$slots, "header", {}, () => [e.title || e.description ? (h(), o("header", xe, [e.title ? (h(), o("h3", Se, b(e.title), 1)) : a("", !0), e.description ? (h(), o("p", Ce, b(e.description), 1)) : a("", !0)])) : a("", !0)], !0),
+			s("div", we, [v(t.$slots, "default", {}, void 0, !0)]),
+			t.$slots.footer ? (h(), o("footer", Te, [v(t.$slots, "footer", {}, void 0, !0)])) : a("", !0)
+		], 2));
+	}
+}), [["__scopeId", "data-v-7f39ac3e"]]), Ee = {
+	key: 0,
+	class: "cc-tag__dot"
+}, K = /*#__PURE__*/ E(/* @__PURE__ */ u({
+	__name: "CcTag",
+	props: {
+		variant: { default: "soft" },
+		size: { default: "md" },
+		dot: {
+			type: Boolean,
+			default: !1
+		},
+		closable: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["close"],
+	setup(e, { emit: t }) {
+		let n = t;
+		return (t, r) => (h(), o("span", { class: f(["cc-tag", [`cc-tag--${e.variant}`, `cc-tag--${e.size}`]]) }, [
+			e.dot ? (h(), o("span", Ee)) : a("", !0),
+			v(t.$slots, "default", {}, void 0, !0),
+			e.closable ? (h(), o("button", {
+				key: 1,
+				type: "button",
+				class: "cc-tag__close",
+				"aria-label": "close tag",
+				onClick: r[0] ||= T((e) => n("close", e), ["stop"])
+			}, [...r[1] ||= [s("svg", {
+				width: "10",
+				height: "10",
+				viewBox: "0 0 10 10",
+				fill: "none",
+				"aria-hidden": "true"
+			}, [s("path", {
+				d: "M1 1l8 8M9 1l-8 8",
+				stroke: "currentColor",
+				"stroke-width": "1.4",
+				"stroke-linecap": "round"
+			})], -1)]])) : a("", !0)
+		], 2));
+	}
+}), [["__scopeId", "data-v-858b2086"]]), De = { class: "cc-badge__text tnum" }, q = /*#__PURE__*/ E(/* @__PURE__ */ u({
+	__name: "CcBadge",
+	props: {
+		count: { default: 0 },
+		max: { default: 99 },
+		variant: { default: "soft" },
+		dot: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = e, n = r(() => {
+			if (t.dot) return "";
+			let e = Number(t.count);
+			return Number.isNaN(e) ? String(t.count) : e > t.max ? `${t.max}+` : String(e);
+		});
+		return (t, r) => (h(), o("span", { class: f(["cc-badge", [`cc-badge--${e.variant}`, { "cc-badge--dot-only": e.dot }]]) }, [s("span", De, b(n.value), 1)], 2));
+	}
+}), [["__scopeId", "data-v-466a4bd0"]]), Oe = { class: "cc-alert__content" }, ke = {
+	key: 0,
+	class: "cc-alert__title"
+}, Ae = {
+	key: 1,
+	class: "cc-alert__desc"
+}, J = /*#__PURE__*/ E(/* @__PURE__ */ u({
+	__name: "CcAlert",
+	props: {
+		variant: { default: "info" },
+		title: { default: void 0 },
+		description: { default: void 0 },
+		closable: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = e, n = g(!0), i = r(() => {
+			switch (t.variant) {
+				case "success": return "var(--cc-success)";
+				case "warning": return "var(--cc-warning)";
+				case "error": return "var(--cc-error)";
+				default: return "var(--cc-primary)";
+			}
+		});
+		return (t, r) => n.value ? (h(), o("div", {
+			key: 0,
+			class: f(["cc-alert", `cc-alert--${e.variant}`]),
+			role: "alert"
+		}, [
+			s("span", {
+				class: "cc-alert__icon",
+				style: p({ color: i.value }),
+				"aria-hidden": "true"
+			}, [...r[1] ||= [s("svg", {
+				width: "16",
+				height: "16",
+				viewBox: "0 0 16 16",
+				fill: "none"
+			}, [
+				s("path", {
+					d: "M8 1.5l6.5 11.25H1.5L8 1.5z",
+					stroke: "currentColor",
+					"stroke-width": "1.4",
+					"stroke-linejoin": "round"
+				}),
+				s("path", {
+					d: "M8 6v3.2",
+					stroke: "currentColor",
+					"stroke-width": "1.4",
+					"stroke-linecap": "round"
+				}),
+				s("circle", {
+					cx: "8",
+					cy: "11.2",
+					r: "0.9",
+					fill: "currentColor"
+				})
+			], -1)]], 4),
+			s("div", Oe, [e.title ? (h(), o("p", ke, b(e.title), 1)) : a("", !0), e.description || t.$slots.default ? (h(), o("p", Ae, [v(t.$slots, "default", {}, () => [c(b(e.description), 1)], !0)])) : a("", !0)]),
+			e.closable ? (h(), o("button", {
+				key: 0,
+				type: "button",
+				class: "cc-alert__close",
+				"aria-label": "dismiss",
+				onClick: r[0] ||= (e) => n.value = !1
+			}, [...r[2] ||= [s("svg", {
+				width: "12",
+				height: "12",
+				viewBox: "0 0 10 10",
+				fill: "none",
+				"aria-hidden": "true"
+			}, [s("path", {
+				d: "M1 1l8 8M9 1l-8 8",
+				stroke: "currentColor",
+				"stroke-width": "1.4",
+				"stroke-linecap": "round"
+			})], -1)]])) : a("", !0)
+		], 2)) : a("", !0);
+	}
+}), [["__scopeId", "data-v-8671adaf"]]), je = ["aria-label"], Y = { class: "cc-modal__header" }, Me = {
+	key: 0,
+	class: "cc-modal__title"
+}, Ne = { class: "cc-modal__body" }, Pe = {
+	key: 0,
+	class: "cc-modal__footer"
+}, X = /*#__PURE__*/ E(/* @__PURE__ */ u({
+	__name: "CcModal",
+	props: {
+		visible: {
+			type: Boolean,
+			default: !1
+		},
+		title: { default: void 0 },
+		width: { default: "480px" },
+		closable: {
+			type: Boolean,
+			default: !0
+		},
+		maskClosable: {
+			type: Boolean,
+			default: !0
+		},
+		footer: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"update:visible",
+		"open",
+		"close"
+	],
+	setup(e, { emit: r }) {
+		let c = e, u = r, d = g(null);
+		function f() {
+			u("update:visible", !1), u("close");
+		}
+		function _(e) {
+			e.key === "Escape" && c.visible && c.closable && f();
+		}
+		function y(e) {
+			c.maskClosable && e.target === e.currentTarget && f();
+		}
+		return S(() => c.visible, async (e) => {
+			e ? (u("open"), await ee(), d.value?.focus(), document.body.style.overflow = "hidden") : document.body.style.overflow = "";
+		}), te(() => {
+			document.addEventListener("keydown", _);
+		}), m(() => {
+			document.removeEventListener("keydown", _), document.body.style.overflow = "";
+		}), (r, c) => (h(), i(t, { to: "body" }, [l(n, { name: "cc-modal" }, {
+			default: C(() => [e.visible ? (h(), o("div", {
+				key: 0,
+				class: "cc-modal",
+				onClick: T(y, ["self"])
+			}, [s("div", {
+				ref_key: "panel",
+				ref: d,
+				class: "cc-modal__panel",
+				style: p({ maxWidth: e.width }),
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-label": e.title || "dialog",
+				tabindex: "-1"
+			}, [
+				s("header", Y, [e.title ? (h(), o("h3", Me, b(e.title), 1)) : a("", !0), e.closable ? (h(), o("button", {
+					key: 1,
+					type: "button",
+					class: "cc-modal__close",
+					"aria-label": "close",
+					onClick: f
+				}, [...c[0] ||= [s("svg", {
+					width: "14",
+					height: "14",
+					viewBox: "0 0 10 10",
+					fill: "none",
+					"aria-hidden": "true"
+				}, [s("path", {
+					d: "M1 1l8 8M9 1l-8 8",
+					stroke: "currentColor",
+					"stroke-width": "1.4",
+					"stroke-linecap": "round"
+				})], -1)]])) : a("", !0)]),
+				s("div", Ne, [v(r.$slots, "default", {}, void 0, !0)]),
+				r.$slots.footer ? (h(), o("footer", Pe, [v(r.$slots, "footer", {}, void 0, !0)])) : a("", !0)
+			], 12, je)])) : a("", !0)]),
+			_: 3
+		})]));
+	}
+}), [["__scopeId", "data-v-d2a6d4fd"]]), Z = /*#__PURE__*/ E(/* @__PURE__ */ u({
+	__name: "CcTooltip",
+	props: {
+		content: { default: void 0 },
+		placement: { default: "top" },
+		delay: { default: 0 }
+	},
+	setup(e) {
+		let t = e, n = g(!1), i = null, s = r(() => n.value);
+		function l() {
+			t.delay > 0 ? i = setTimeout(() => n.value = !0, t.delay) : n.value = !0;
+		}
+		function u() {
+			i && clearTimeout(i), n.value = !1;
+		}
+		return (t, n) => (h(), o("span", {
+			class: "cc-tooltip",
+			onMouseenter: l,
+			onMouseleave: u,
+			onFocusin: l,
+			onFocusout: u
+		}, [v(t.$slots, "default", {}, void 0, !0), s.value && (e.content || t.$slots.tip) ? (h(), o("span", {
+			key: 0,
+			class: f(["cc-tooltip__bubble", `cc-tooltip--${e.placement}`]),
+			role: "tooltip"
+		}, [v(t.$slots, "tip", {}, () => [c(b(e.content), 1)], !0)], 2)) : a("", !0)], 32));
+	}
+}), [["__scopeId", "data-v-2befb04b"]]), Fe = {
+	key: 0,
+	class: "cc-divider__label"
+}, Q = /*#__PURE__*/ E(/* @__PURE__ */ u({
+	__name: "CcDivider",
+	props: {
+		orientation: { default: "horizontal" },
+		height: { default: "1em" }
+	},
+	setup(e) {
+		return (t, n) => (h(), o("div", {
+			class: f(["cc-divider", [`cc-divider--${e.orientation}`]]),
+			role: "separator",
+			style: p(e.orientation === "vertical" ? { height: e.height } : void 0)
+		}, [t.$slots.default ? (h(), o("span", Fe, [v(t.$slots, "default", {}, void 0, !0)])) : a("", !0)], 6));
+	}
+}), [["__scopeId", "data-v-c42961cd"]]);
+//#endregion
+//#region src/index.ts
+function $(e) {
+	let t = [
+		["CcButton", O],
+		["CcInput", k],
+		["CcTextarea", P],
+		["CcSelect", V],
+		["CcSwitch", H],
+		["CcCheckbox", U],
+		["CcRadio", W],
+		["CcCard", G],
+		["CcTag", K],
+		["CcBadge", q],
+		["CcAlert", J],
+		["CcModal", X],
+		["CcTooltip", Z],
+		["CcSpinner", D],
+		["CcDivider", Q]
+	];
+	for (let [n, r] of t) e.component(n, r);
+}
+var Ie = {
+	install: $,
+	CcButton: O,
+	CcInput: k,
+	CcTextarea: P,
+	CcSelect: V,
+	CcSwitch: H,
+	CcCheckbox: U,
+	CcRadio: W,
+	CcCard: G,
+	CcTag: K,
+	CcBadge: q,
+	CcAlert: J,
+	CcModal: X,
+	CcTooltip: Z,
+	CcSpinner: D,
+	CcDivider: Q
+};
+//#endregion
+export { J as CcAlert, q as CcBadge, O as CcButton, G as CcCard, U as CcCheckbox, Q as CcDivider, k as CcInput, X as CcModal, W as CcRadio, V as CcSelect, D as CcSpinner, H as CcSwitch, K as CcTag, P as CcTextarea, Z as CcTooltip, Ie as default, $ as install };