minm-ui 1.0.0 → 1.0.1

package/dist/minm-ui.js

@@ -0,0 +1,1041 @@
+import { Fragment as e, Teleport as t, Transition as n, TransitionGroup as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, normalizeStyle as p, onUnmounted as m, openBlock as h, reactive as g, ref as _, renderList as v, renderSlot as y, toDisplayString as b, unref as x, watch as S, withCtx as C, withKeys as w, withModifiers as T } from "vue";
+//#region src/components/UiIcon.vue?vue&type=script&setup=true&lang.ts
+var ee = [
+	"width",
+	"height",
+	"innerHTML"
+], E = /* @__PURE__ */ d({
+	__name: "UiIcon",
+	props: {
+		name: {},
+		size: { default: 20 }
+	},
+	setup(e) {
+		let t = e, n = {
+			menu: "<path d=\"M3 6h18M3 12h18M3 18h18\"/>",
+			dashboard: "<rect x=\"3\" y=\"3\" width=\"7\" height=\"9\" rx=\"1\"/><rect x=\"14\" y=\"3\" width=\"7\" height=\"5\" rx=\"1\"/><rect x=\"14\" y=\"12\" width=\"7\" height=\"9\" rx=\"1\"/><rect x=\"3\" y=\"16\" width=\"7\" height=\"5\" rx=\"1\"/>",
+			pin: "<path d=\"M12 21s-7-6.2-7-11a7 7 0 0 1 14 0c0 4.8-7 11-7 11z\"/><circle cx=\"12\" cy=\"10\" r=\"2.5\"/>",
+			cabin: "<path d=\"M3 11.5 12 4l9 7.5\"/><path d=\"M5 10v10h14V10\"/><path d=\"M9 20v-5h6v5\"/>",
+			package: "<path d=\"M21 8 12 3 3 8v8l9 5 9-5V8z\"/><path d=\"m3 8 9 5 9-5\"/><path d=\"M12 13v8\"/>",
+			calendar: "<rect x=\"3\" y=\"4.5\" width=\"18\" height=\"17\" rx=\"2\"/><path d=\"M3 9h18M8 2.5v4M16 2.5v4\"/>",
+			users: "<path d=\"M17 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"/><circle cx=\"9.5\" cy=\"7\" r=\"4\"/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"/><path d=\"M16 3.13A4 4 0 0 1 16 11\"/>",
+			user: "<circle cx=\"12\" cy=\"8\" r=\"4\"/><path d=\"M4 21v-1a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6v1\"/>",
+			shield: "<path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"/>",
+			card: "<rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"/><path d=\"M2 10h20\"/>",
+			bell: "<path d=\"M18 8a6 6 0 1 0-12 0c0 7-3 9-3 9h18s-3-2-3-9\"/><path d=\"M13.7 21a2 2 0 0 1-3.4 0\"/>",
+			settings: "<circle cx=\"12\" cy=\"12\" r=\"3\"/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"/>",
+			search: "<circle cx=\"11\" cy=\"11\" r=\"7\"/><path d=\"m21 21-4.3-4.3\"/>",
+			plus: "<path d=\"M12 5v14M5 12h14\"/>",
+			edit: "<path d=\"M12 20h9\"/><path d=\"M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4z\"/>",
+			trash: "<path d=\"M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m2 0v14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V6\"/><path d=\"M10 11v6M14 11v6\"/>",
+			x: "<path d=\"M18 6 6 18M6 6l12 12\"/>",
+			check: "<path d=\"M20 6 9 17l-5-5\"/>",
+			"chevron-down": "<path d=\"m6 9 6 6 6-6\"/>",
+			"chevron-up": "<path d=\"m18 15-6-6-6 6\"/>",
+			"chevron-left": "<path d=\"m15 18-6-6 6-6\"/>",
+			"chevron-right": "<path d=\"m9 18 6-6-6-6\"/>",
+			sun: "<circle cx=\"12\" cy=\"12\" r=\"4.5\"/><path d=\"M12 1.5v2M12 20.5v2M4.2 4.2l1.4 1.4M18.4 18.4l1.4 1.4M1.5 12h2M20.5 12h2M4.2 19.8l1.4-1.4M18.4 5.6l1.4-1.4\"/>",
+			moon: "<path d=\"M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z\"/>",
+			logout: "<path d=\"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4\"/><path d=\"m16 17 5-5-5-5\"/><path d=\"M21 12H9\"/>",
+			filter: "<path d=\"M3 4h18l-7 8v6l-4 2v-8z\"/>",
+			download: "<path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><path d=\"m7 10 5 5 5-5\"/><path d=\"M12 15V3\"/>",
+			database: "<ellipse cx=\"12\" cy=\"6\" rx=\"8\" ry=\"3\"/><path d=\"M4 6v6c0 1.7 3.6 3 8 3s8-1.3 8-3V6\"/><path d=\"M4 12v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6\"/>",
+			broom: "<path d=\"M3 21h18\"/><path d=\"M7 21c0-3 1-5 3-7l7-7\"/><path d=\"M13 5l6 6\"/><path d=\"M16 2l6 6\"/>",
+			alert: "<path d=\"M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z\"/><path d=\"M12 9v4M12 17h.01\"/>",
+			"arrow-up": "<path d=\"M12 19V5M5 12l7-7 7 7\"/>",
+			"arrow-down": "<path d=\"M12 5v14M19 12l-7 7-7-7\"/>",
+			"trend-up": "<path d=\"M23 6l-9.5 9.5-5-5L1 18\"/><path d=\"M17 6h6v6\"/>",
+			"trend-down": "<path d=\"M23 18l-9.5-9.5-5 5L1 6\"/><path d=\"M17 18h6v-6\"/>",
+			eye: "<path d=\"M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7z\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/>",
+			refresh: "<path d=\"M23 4v6h-6M1 20v-6h6\"/><path d=\"M3.5 9a9 9 0 0 1 14.9-3.4L23 10M1 14l4.6 4.4A9 9 0 0 0 20.5 15\"/>",
+			globe: "<circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M3 12h18M12 3a15 15 0 0 1 0 18 15 15 0 0 1 0-18z\"/>",
+			tag: "<path d=\"M20.6 13.4 12 22l-9-9V4h9l8.6 8.6a2 2 0 0 1 0 2.8z\"/><circle cx=\"7.5\" cy=\"7.5\" r=\"1.2\"/>",
+			check_circle: "<circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m9 12 2 2 4-4\"/>",
+			clock: "<circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M12 7v5l3 2\"/>",
+			logo: "<path d=\"M3 11.5 12 4l9 7.5\"/><path d=\"M5 10v10h14V10\"/><path d=\"M10 20v-4h4v4\"/>",
+			dollar: "<path d=\"M12 1v22M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"/>",
+			activity: "<path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"/>"
+		}, r = i(() => n[t.name] ?? n.x), a = i(() => typeof t.size == "number" ? `${t.size}px` : t.size);
+		return (e, t) => (h(), s("svg", {
+			width: a.value,
+			height: a.value,
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "1.75",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			"aria-hidden": "true",
+			innerHTML: r.value
+		}, null, 8, ee));
+	}
+}), te = ["type", "disabled"], ne = /* @__PURE__ */ d({
+	__name: "UiButton",
+	props: {
+		variant: { default: "primary" },
+		size: { default: "md" },
+		icon: {},
+		iconRight: {},
+		loading: { type: Boolean },
+		disabled: { type: Boolean },
+		block: { type: Boolean },
+		type: { default: "button" }
+	},
+	setup(e) {
+		let t = e, n = {
+			primary: "bg-accent text-accent-fg hover:bg-accent-hover shadow-sm",
+			secondary: "bg-surface text-content border border-border hover:bg-surface-hover",
+			ghost: "text-muted hover:text-content hover:bg-surface-hover",
+			subtle: "bg-accent-soft text-accent-soft-fg hover:brightness-95",
+			danger: "bg-danger text-white hover:brightness-110 shadow-sm"
+		}, r = {
+			sm: "h-8 px-3 text-[13px] gap-1.5 rounded-md",
+			md: "h-10 px-4 text-sm gap-2 rounded-md",
+			lg: "h-11 px-5 text-[15px] gap-2 rounded-lg"
+		}, c = i(() => t.size === "sm" ? 15 : t.size === "lg" ? 19 : 17);
+		return (t, i) => (h(), s("button", {
+			type: e.type,
+			disabled: e.disabled || e.loading,
+			class: f([
+				"inline-flex items-center justify-center font-medium transition-all duration-150 select-none",
+				"disabled:opacity-55 disabled:pointer-events-none whitespace-nowrap",
+				n[e.variant],
+				r[e.size],
+				e.block ? "w-full" : ""
+			])
+		}, [
+			e.loading ? (h(), a(E, {
+				key: 0,
+				name: "refresh",
+				size: c.value,
+				class: "animate-spin"
+			}, null, 8, ["size"])) : e.icon ? (h(), a(E, {
+				key: 1,
+				name: e.icon,
+				size: c.value
+			}, null, 8, ["name", "size"])) : o("", !0),
+			y(t.$slots, "default"),
+			e.iconRight && !e.loading ? (h(), a(E, {
+				key: 2,
+				name: e.iconRight,
+				size: c.value
+			}, null, 8, ["name", "size"])) : o("", !0)
+		], 10, te));
+	}
+}), re = { class: "block" }, ie = {
+	key: 0,
+	class: "mb-1.5 block text-[13px] font-medium text-content"
+}, ae = {
+	key: 0,
+	class: "text-danger"
+}, oe = { class: "relative" }, se = [
+	"value",
+	"type",
+	"placeholder",
+	"disabled"
+], ce = {
+	key: 1,
+	class: "mt-1 text-xs text-danger"
+}, le = {
+	key: 2,
+	class: "mt-1 text-xs text-muted"
+}, ue = /* @__PURE__ */ d({
+	__name: "UiInput",
+	props: {
+		modelValue: {},
+		label: {},
+		type: {},
+		placeholder: {},
+		icon: {},
+		error: {},
+		hint: {},
+		disabled: { type: Boolean },
+		required: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(e) {
+		return (t, n) => (h(), s("label", re, [
+			e.label ? (h(), s("span", ie, [l(b(e.label) + " ", 1), e.required ? (h(), s("span", ae, "*")) : o("", !0)])) : o("", !0),
+			c("div", oe, [e.icon ? (h(), a(E, {
+				key: 0,
+				name: e.icon,
+				size: 17,
+				class: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-subtle"
+			}, null, 8, ["name"])) : o("", !0), c("input", {
+				value: e.modelValue,
+				type: e.type || "text",
+				placeholder: e.placeholder,
+				disabled: e.disabled,
+				class: f([
+					"h-10 w-full rounded-md border bg-surface text-sm text-content transition-colors",
+					"placeholder:text-subtle focus:outline-none focus:ring-2 focus:ring-[var(--ring)]",
+					"disabled:opacity-60",
+					e.icon ? "pl-9 pr-3" : "px-3",
+					e.error ? "border-danger" : "border-border focus:border-accent"
+				]),
+				onInput: n[0] ||= (e) => t.$emit("update:modelValue", e.target.value)
+			}, null, 42, se)]),
+			e.error ? (h(), s("p", ce, b(e.error), 1)) : e.hint ? (h(), s("p", le, b(e.hint), 1)) : o("", !0)
+		]));
+	}
+}), de = { class: "block" }, D = {
+	key: 0,
+	class: "mb-1.5 block text-[13px] font-medium text-content"
+}, O = {
+	key: 0,
+	class: "text-danger"
+}, k = { class: "relative" }, A = ["value", "disabled"], j = ["selected"], M = ["value"], N = {
+	key: 1,
+	class: "mt-1 text-xs text-danger"
+}, P = {
+	key: 2,
+	class: "mt-1 text-xs text-muted"
+}, F = /* @__PURE__ */ d({
+	__name: "UiSelect",
+	props: {
+		modelValue: { type: [
+			String,
+			Number,
+			Boolean,
+			null
+		] },
+		label: {},
+		options: {},
+		placeholder: {},
+		error: {},
+		hint: {},
+		disabled: { type: Boolean },
+		required: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(t) {
+		return (n, r) => (h(), s("label", de, [
+			t.label ? (h(), s("span", D, [l(b(t.label) + " ", 1), t.required ? (h(), s("span", O, "*")) : o("", !0)])) : o("", !0),
+			c("div", k, [c("select", {
+				value: t.modelValue,
+				disabled: t.disabled,
+				class: f([
+					"h-10 w-full appearance-none rounded-md border bg-surface pl-3 pr-9 text-sm text-content transition-colors",
+					"focus:outline-none focus:ring-2 focus:ring-[var(--ring)] disabled:opacity-60",
+					t.error ? "border-danger" : "border-border focus:border-accent"
+				]),
+				onChange: r[0] ||= (e) => n.$emit("update:modelValue", e.target.value)
+			}, [t.placeholder ? (h(), s("option", {
+				key: 0,
+				value: "",
+				disabled: "",
+				selected: t.modelValue === "" || t.modelValue == null
+			}, b(t.placeholder), 9, j)) : o("", !0), (h(!0), s(e, null, v(t.options, (e) => (h(), s("option", {
+				key: String(e.value),
+				value: e.value
+			}, b(e.label), 9, M))), 128))], 42, A), u(E, {
+				name: "chevron-down",
+				size: 17,
+				class: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-subtle"
+			})]),
+			t.error ? (h(), s("p", N, b(t.error), 1)) : t.hint ? (h(), s("p", P, b(t.hint), 1)) : o("", !0)
+		]));
+	}
+}), I = { class: "block" }, L = {
+	key: 0,
+	class: "mb-1.5 block text-[13px] font-medium text-content"
+}, R = {
+	key: 0,
+	class: "text-danger"
+}, z = [
+	"value",
+	"rows",
+	"placeholder"
+], B = {
+	key: 1,
+	class: "mt-1 text-xs text-danger"
+}, V = {
+	key: 2,
+	class: "mt-1 text-xs text-muted"
+}, H = /* @__PURE__ */ d({
+	__name: "UiTextarea",
+	props: {
+		modelValue: {},
+		label: {},
+		placeholder: {},
+		rows: {},
+		error: {},
+		hint: {},
+		required: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(e) {
+		return (t, n) => (h(), s("label", I, [
+			e.label ? (h(), s("span", L, [l(b(e.label) + " ", 1), e.required ? (h(), s("span", R, "*")) : o("", !0)])) : o("", !0),
+			c("textarea", {
+				value: e.modelValue,
+				rows: e.rows || 3,
+				placeholder: e.placeholder,
+				class: f([
+					"w-full rounded-md border bg-surface px-3 py-2 text-sm text-content transition-colors resize-y",
+					"placeholder:text-subtle focus:outline-none focus:ring-2 focus:ring-[var(--ring)]",
+					e.error ? "border-danger" : "border-border focus:border-accent"
+				]),
+				onInput: n[0] ||= (e) => t.$emit("update:modelValue", e.target.value)
+			}, null, 42, z),
+			e.error ? (h(), s("p", B, b(e.error), 1)) : e.hint ? (h(), s("p", V, b(e.hint), 1)) : o("", !0)
+		]));
+	}
+}), fe = /* @__PURE__ */ d({
+	__name: "UiBadge",
+	props: {
+		variant: { default: "neutral" },
+		dot: { type: Boolean }
+	},
+	setup(e) {
+		let t = e, n = {
+			neutral: "bg-surface-2 text-muted border-border",
+			success: "bg-success-bg text-success border-transparent",
+			warning: "bg-warning-bg text-warning border-transparent",
+			danger: "bg-danger-bg text-danger border-transparent",
+			info: "bg-info-bg text-info border-transparent",
+			accent: "bg-accent-soft text-accent-soft-fg border-transparent"
+		}, r = i(() => ({
+			neutral: "bg-subtle",
+			success: "bg-success",
+			warning: "bg-warning",
+			danger: "bg-danger",
+			info: "bg-info",
+			accent: "bg-accent"
+		})[t.variant]);
+		return (t, i) => (h(), s("span", { class: f(["inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5 text-xs font-medium whitespace-nowrap", n[e.variant]]) }, [e.dot ? (h(), s("span", {
+			key: 0,
+			class: f(["h-1.5 w-1.5 rounded-full", r.value])
+		}, null, 2)) : o("", !0), y(t.$slots, "default")], 2));
+	}
+}), pe = { class: "rounded-lg border border-border bg-surface shadow-sm" }, me = {
+	key: 0,
+	class: "flex items-center justify-between gap-4 border-b border-border px-5 py-4"
+}, he = {
+	key: 0,
+	class: "min-w-0"
+}, ge = { class: "truncate text-[15px] font-semibold text-content" }, _e = {
+	key: 0,
+	class: "mt-0.5 truncate text-[13px] text-muted"
+}, ve = {
+	key: 1,
+	class: "flex shrink-0 items-center gap-2"
+}, ye = /* @__PURE__ */ d({
+	__name: "UiCard",
+	props: {
+		title: {},
+		subtitle: {},
+		padded: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(e) {
+		return (t, n) => (h(), s("section", pe, [e.title || t.$slots.header || t.$slots.actions ? (h(), s("header", me, [
+			e.title || e.subtitle ? (h(), s("div", he, [c("h3", ge, b(e.title), 1), e.subtitle ? (h(), s("p", _e, b(e.subtitle), 1)) : o("", !0)])) : o("", !0),
+			y(t.$slots, "header"),
+			t.$slots.actions ? (h(), s("div", ve, [y(t.$slots, "actions")])) : o("", !0)
+		])) : o("", !0), c("div", { class: f(e.padded ? "p-5" : "") }, [y(t.$slots, "default")], 2)]));
+	}
+}), be = { class: "rounded-lg border border-border bg-surface p-5 shadow-sm transition-shadow hover:shadow-md" }, xe = { class: "flex items-start justify-between gap-3" }, Se = { class: "text-[13px] font-medium text-muted" }, Ce = { class: "tabular mt-3 text-[28px] font-semibold leading-none text-content" }, we = { class: "mt-2 flex items-center gap-2 text-xs" }, Te = {
+	key: 1,
+	class: "text-subtle"
+}, Ee = /* @__PURE__ */ d({
+	__name: "UiStatTile",
+	props: {
+		label: {},
+		value: {},
+		icon: {},
+		tone: {},
+		delta: {},
+		deltaLabel: {},
+		hint: {}
+	},
+	setup(e) {
+		let t = e, n = {
+			accent: "bg-accent-soft text-accent-soft-fg",
+			success: "bg-success-bg text-success",
+			warning: "bg-warning-bg text-warning",
+			danger: "bg-danger-bg text-danger",
+			info: "bg-info-bg text-info"
+		}, r = i(() => (t.delta ?? 0) >= 0);
+		return (t, i) => (h(), s("div", be, [
+			c("div", xe, [c("p", Se, b(e.label), 1), e.icon ? (h(), s("span", {
+				key: 0,
+				class: f(["flex h-9 w-9 shrink-0 items-center justify-center rounded-lg", n[e.tone || "accent"]])
+			}, [u(E, {
+				name: e.icon,
+				size: 18
+			}, null, 8, ["name"])], 2)) : o("", !0)]),
+			c("p", Ce, b(e.value), 1),
+			c("div", we, [e.delta !== null && e.delta !== void 0 ? (h(), s("span", {
+				key: 0,
+				class: f(["inline-flex items-center gap-0.5 font-medium", r.value ? "text-success" : "text-danger"])
+			}, [u(E, {
+				name: r.value ? "trend-up" : "trend-down",
+				size: 14
+			}, null, 8, ["name"]), l(" " + b(Math.abs(e.delta)) + "% ", 1)], 2)) : o("", !0), e.deltaLabel || e.hint ? (h(), s("span", Te, b(e.deltaLabel || e.hint), 1)) : o("", !0)])
+		]));
+	}
+}), De = { class: "flex items-center justify-center gap-2 text-muted" }, Oe = {
+	key: 0,
+	class: "text-sm"
+}, ke = /* @__PURE__ */ d({
+	__name: "UiSpinner",
+	props: {
+		size: { default: 22 },
+		label: {}
+	},
+	setup(e) {
+		return (t, n) => (h(), s("div", De, [u(E, {
+			name: "refresh",
+			size: e.size,
+			class: "animate-spin"
+		}, null, 8, ["size"]), e.label ? (h(), s("span", Oe, b(e.label), 1)) : o("", !0)]));
+	}
+}), U = /* @__PURE__ */ d({
+	__name: "UiSkeleton",
+	props: {
+		width: {},
+		height: { default: "1rem" },
+		rounded: {}
+	},
+	setup(e) {
+		return (t, n) => (h(), s("span", {
+			class: "relative block overflow-hidden bg-surface-2",
+			style: p({
+				width: e.width || "100%",
+				height: e.height,
+				borderRadius: e.rounded || "var(--radius-sm)"
+			})
+		}, [...n[0] ||= [c("span", {
+			class: "absolute inset-0 -translate-x-full",
+			style: {
+				background: "linear-gradient(90deg, transparent, color-mix(in srgb, var(--border-strong) 40%, transparent), transparent)",
+				animation: "shimmer 1.5s infinite"
+			}
+		}, null, -1)]], 4));
+	}
+}), Ae = { class: "flex flex-col items-center justify-center px-6 py-14 text-center" }, je = { class: "mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-surface-2 text-subtle" }, Me = { class: "text-[15px] font-semibold text-content" }, Ne = {
+	key: 0,
+	class: "mt-1 max-w-sm text-sm text-muted"
+}, Pe = {
+	key: 1,
+	class: "mt-5"
+}, Fe = /* @__PURE__ */ d({
+	__name: "UiEmptyState",
+	props: {
+		icon: {},
+		title: {},
+		description: {}
+	},
+	setup(e) {
+		return (t, n) => (h(), s("div", Ae, [
+			c("span", je, [u(E, {
+				name: e.icon || "search",
+				size: 26
+			}, null, 8, ["name"])]),
+			c("h4", Me, b(e.title), 1),
+			e.description ? (h(), s("p", Ne, b(e.description), 1)) : o("", !0),
+			t.$slots.default ? (h(), s("div", Pe, [y(t.$slots, "default")])) : o("", !0)
+		]));
+	}
+}), Ie = {
+	key: 0,
+	class: "flex items-center justify-between gap-4 border-b border-border px-5 py-4"
+}, Le = { class: "text-base font-semibold text-content" }, Re = { class: "px-5 py-4" }, ze = {
+	key: 1,
+	class: "flex items-center justify-end gap-2 border-t border-border px-5 py-4"
+}, Be = /*@__PURE__*/ d({
+	__name: "UiModal",
+	props: {
+		modelValue: { type: Boolean },
+		title: {},
+		size: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: r }) {
+		let i = e, l = r, d = {
+			sm: "max-w-sm",
+			md: "max-w-lg",
+			lg: "max-w-2xl"
+		};
+		function p() {
+			l("update:modelValue", !1);
+		}
+		function g(e) {
+			e.key === "Escape" && p();
+		}
+		return S(() => i.modelValue, (e) => {
+			document.body.style.overflow = e ? "hidden" : "", e ? document.addEventListener("keydown", g) : document.removeEventListener("keydown", g);
+		}), m(() => {
+			document.removeEventListener("keydown", g), document.body.style.overflow = "";
+		}), (r, i) => (h(), a(t, { to: "body" }, [u(n, { name: "overlay" }, {
+			default: C(() => [e.modelValue ? (h(), s("div", {
+				key: 0,
+				class: "fixed inset-0 z-50 flex items-start justify-center overflow-y-auto bg-black/40 p-4 pt-[8vh] backdrop-blur-sm",
+				onClick: T(p, ["self"]),
+				onKeydown: w(p, ["esc"])
+			}, [c("div", {
+				class: f(["w-full animate-slide-up rounded-lg border border-border bg-surface shadow-lg", d[e.size || "md"]]),
+				role: "dialog",
+				"aria-modal": "true"
+			}, [
+				e.title || r.$slots.header ? (h(), s("header", Ie, [c("h3", Le, b(e.title), 1), c("button", {
+					class: "rounded-md p-1 text-subtle transition-colors hover:bg-surface-hover hover:text-content",
+					onClick: p
+				}, [u(E, {
+					name: "x",
+					size: 18
+				})])])) : o("", !0),
+				c("div", Re, [y(r.$slots, "default", {}, void 0, !0)]),
+				r.$slots.footer ? (h(), s("footer", ze, [y(r.$slots, "footer", {}, void 0, !0)])) : o("", !0)
+			], 2)], 32)) : o("", !0)]),
+			_: 3
+		})]));
+	}
+}), W = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, Ve = /*#__PURE__*/ W(Be, [["__scopeId", "data-v-0a48c32b"]]), He = { class: "flex items-start justify-between gap-4 border-b border-border px-6 py-4" }, Ue = { class: "min-w-0" }, We = { class: "truncate text-base font-semibold text-content" }, Ge = {
+	key: 0,
+	class: "mt-0.5 truncate text-[13px] text-muted"
+}, Ke = { class: "flex-1 overflow-y-auto px-6 py-5" }, qe = {
+	key: 0,
+	class: "flex items-center justify-end gap-2 border-t border-border px-6 py-4"
+}, Je = /*#__PURE__*/ W(/* @__PURE__ */ d({
+	__name: "UiDrawer",
+	props: {
+		modelValue: { type: Boolean },
+		title: {},
+		subtitle: {},
+		width: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: r }) {
+		let i = e, l = r;
+		function d() {
+			l("update:modelValue", !1);
+		}
+		function f(e) {
+			e.key === "Escape" && d();
+		}
+		return S(() => i.modelValue, (e) => {
+			document.body.style.overflow = e ? "hidden" : "", e ? document.addEventListener("keydown", f) : document.removeEventListener("keydown", f);
+		}), m(() => {
+			document.removeEventListener("keydown", f), document.body.style.overflow = "";
+		}), (r, i) => (h(), a(t, { to: "body" }, [u(n, { name: "overlay" }, {
+			default: C(() => [e.modelValue ? (h(), s("div", {
+				key: 0,
+				class: "fixed inset-0 z-50 bg-black/40 backdrop-blur-sm",
+				onClick: T(d, ["self"]),
+				onKeydown: w(d, ["esc"])
+			}, [c("aside", {
+				class: "absolute right-0 top-0 flex h-full w-full flex-col border-l border-border bg-surface shadow-lg animate-slide-in-right",
+				style: p({ maxWidth: e.width || "30rem" }),
+				role: "dialog",
+				"aria-modal": "true"
+			}, [
+				c("header", He, [c("div", Ue, [c("h3", We, b(e.title), 1), e.subtitle ? (h(), s("p", Ge, b(e.subtitle), 1)) : o("", !0)]), c("button", {
+					class: "rounded-md p-1 text-subtle transition-colors hover:bg-surface-hover hover:text-content",
+					onClick: d
+				}, [u(E, {
+					name: "x",
+					size: 18
+				})])]),
+				c("div", Ke, [y(r.$slots, "default", {}, void 0, !0)]),
+				r.$slots.footer ? (h(), s("footer", qe, [y(r.$slots, "footer", {}, void 0, !0)])) : o("", !0)
+			], 4)], 32)) : o("", !0)]),
+			_: 3
+		})]));
+	}
+}), [["__scopeId", "data-v-ed2c5461"]]), Ye = { class: "overflow-x-auto" }, Xe = { class: "w-full border-collapse text-sm" }, Ze = { class: "border-b border-border" }, Qe = {
+	key: 0,
+	class: "w-10 px-4 py-3"
+}, $e = ["checked"], et = ["onClick"], tt = {
+	key: 0,
+	class: "px-4 py-3.5"
+}, nt = ["onClick"], rt = ["checked", "onChange"], it = { key: 0 }, at = /*#__PURE__*/ W(/* @__PURE__ */ d({
+	__name: "UiTable",
+	props: {
+		columns: {},
+		rows: {},
+		loading: { type: Boolean },
+		sort: {},
+		order: {},
+		rowKey: {},
+		clickable: { type: Boolean },
+		selectable: { type: Boolean },
+		selected: {}
+	},
+	emits: [
+		"sort",
+		"row-click",
+		"update:selected"
+	],
+	setup(t, { emit: n }) {
+		let r = t, d = n;
+		function m(e) {
+			return e === "right" ? "text-right" : e === "center" ? "text-center" : "text-left";
+		}
+		function g(e) {
+			e.sortable && d("sort", e.key);
+		}
+		let _ = (e) => e[r.rowKey || "id"], x = i(() => new Set(r.selected ?? [])), S = i(() => r.rows.length > 0 && r.rows.every((e) => x.value.has(_(e))));
+		function C(e) {
+			let t = _(e), n = new Set(r.selected ?? []);
+			n.has(t) ? n.delete(t) : n.add(t), d("update:selected", [...n]);
+		}
+		function w() {
+			d("update:selected", S.value ? [] : r.rows.map(_));
+		}
+		return (n, r) => (h(), s("div", Ye, [c("table", Xe, [c("thead", null, [c("tr", Ze, [t.selectable ? (h(), s("th", Qe, [c("input", {
+			type: "checkbox",
+			class: "ui-checkbox",
+			checked: S.value,
+			onChange: w
+		}, null, 40, $e)])) : o("", !0), (h(!0), s(e, null, v(t.columns, (e) => (h(), s("th", {
+			key: e.key,
+			style: p(e.width ? { width: e.width } : void 0),
+			class: f([
+				"whitespace-nowrap px-4 py-3 text-[12px] font-semibold uppercase tracking-wide text-subtle",
+				m(e.align),
+				e.sortable ? "cursor-pointer select-none hover:text-content" : ""
+			]),
+			onClick: (t) => g(e)
+		}, [c("span", { class: f(["inline-flex items-center gap-1", e.align === "right" ? "flex-row-reverse" : ""]) }, [l(b(e.label) + " ", 1), e.sortable && t.sort === e.key ? (h(), a(E, {
+			key: 0,
+			name: t.order === "asc" ? "chevron-up" : "chevron-down",
+			size: 14,
+			class: "text-accent"
+		}, null, 8, ["name"])) : o("", !0)], 2)], 14, et))), 128))])]), c("tbody", null, [t.loading ? (h(), s(e, { key: 0 }, v(6, (n) => c("tr", {
+			key: `sk-${n}`,
+			class: "border-b border-border"
+		}, [t.selectable ? (h(), s("td", tt, [u(U, {
+			width: "1rem",
+			height: "1rem"
+		})])) : o("", !0), (h(!0), s(e, null, v(t.columns, (e) => (h(), s("td", {
+			key: e.key,
+			class: "px-4 py-3.5"
+		}, [u(U, {
+			width: e.key === t.columns[0].key ? "60%" : "80%",
+			height: "0.9rem"
+		}, null, 8, ["width"])]))), 128))])), 64)) : (h(!0), s(e, { key: 1 }, v(t.rows, (i, a) => (h(), s("tr", {
+			key: t.rowKey ? i[t.rowKey] : a,
+			class: f([
+				"border-b border-border transition-colors",
+				x.value.has(_(i)) ? "bg-accent-soft/40" : "",
+				t.clickable ? "cursor-pointer hover:bg-surface-hover" : "hover:bg-surface-2"
+			]),
+			onClick: (e) => t.clickable && d("row-click", i)
+		}, [t.selectable ? (h(), s("td", {
+			key: 0,
+			class: "px-4 py-3",
+			onClick: r[0] ||= T(() => {}, ["stop"])
+		}, [c("input", {
+			type: "checkbox",
+			class: "ui-checkbox",
+			checked: x.value.has(_(i)),
+			onChange: (e) => C(i)
+		}, null, 40, rt)])) : o("", !0), (h(!0), s(e, null, v(t.columns, (e) => (h(), s("td", {
+			key: e.key,
+			class: f([
+				"px-4 py-3 align-middle text-content",
+				m(e.align),
+				e.class
+			])
+		}, [y(n.$slots, `cell-${e.key}`, {
+			row: i,
+			value: i[e.key]
+		}, () => [l(b(i[e.key] ?? "—"), 1)], !0)], 2))), 128))], 10, nt))), 128))])]), !t.loading && t.rows.length === 0 ? (h(), s("div", it, [y(n.$slots, "empty", {}, () => [r[1] ||= c("div", { class: "px-4 py-12 text-center text-sm text-muted" }, "No records found.", -1)], !0)])) : o("", !0)]));
+	}
+}), [["__scopeId", "data-v-1e40b378"]]), ot = { class: "flex flex-wrap items-center justify-between gap-3 px-4 py-3 text-sm" }, st = { class: "text-muted" }, ct = {
+	key: 0,
+	class: "tabular"
+}, lt = { class: "font-medium text-content" }, ut = { class: "font-medium text-content" }, dt = { class: "font-medium text-content" }, ft = {
+	key: 0,
+	class: "flex items-center gap-1"
+}, pt = ["disabled"], mt = ["disabled", "onClick"], ht = ["disabled"], gt = /* @__PURE__ */ d({
+	__name: "UiPagination",
+	props: {
+		currentPage: {},
+		lastPage: {},
+		total: {},
+		from: {},
+		to: {}
+	},
+	emits: ["change"],
+	setup(t, { emit: n }) {
+		let r = t, a = n, d = i(() => {
+			let { currentPage: e, lastPage: t } = r, n = [], i = (e) => n.push(e);
+			for (let r = 1; r <= t; r++) r === 1 || r === t || r >= e - 1 && r <= e + 1 ? i(r) : n[n.length - 1] !== "…" && i("…");
+			return n;
+		});
+		function p(e) {
+			e >= 1 && e <= r.lastPage && e !== r.currentPage && a("change", e);
+		}
+		return (n, r) => (h(), s("div", ot, [c("p", st, [t.total == null ? o("", !0) : (h(), s("span", ct, [
+			r[2] ||= l(" Showing ", -1),
+			c("span", lt, b(t.from ?? 0), 1),
+			r[3] ||= l("–", -1),
+			c("span", ut, b(t.to ?? 0), 1),
+			r[4] ||= l(" of ", -1),
+			c("span", dt, b(t.total), 1)
+		]))]), t.lastPage > 1 ? (h(), s("div", ft, [
+			c("button", {
+				class: "flex h-8 w-8 items-center justify-center rounded-md border border-border text-muted transition-colors hover:bg-surface-hover disabled:opacity-40",
+				disabled: t.currentPage <= 1,
+				onClick: r[0] ||= (e) => p(t.currentPage - 1)
+			}, [u(E, {
+				name: "chevron-left",
+				size: 16
+			})], 8, pt),
+			(h(!0), s(e, null, v(d.value, (e, n) => (h(), s("button", {
+				key: n,
+				disabled: e === "…",
+				class: f(["tabular flex h-8 min-w-8 items-center justify-center rounded-md px-2 text-[13px] font-medium transition-colors", e === t.currentPage ? "bg-accent text-accent-fg" : e === "…" ? "text-subtle" : "border border-border text-muted hover:bg-surface-hover"]),
+				onClick: (t) => typeof e == "number" && p(e)
+			}, b(e), 11, mt))), 128)),
+			c("button", {
+				class: "flex h-8 w-8 items-center justify-center rounded-md border border-border text-muted transition-colors hover:bg-surface-hover disabled:opacity-40",
+				disabled: t.currentPage >= t.lastPage,
+				onClick: r[1] ||= (e) => p(t.currentPage + 1)
+			}, [u(E, {
+				name: "chevron-right",
+				size: 16
+			})], 8, ht)
+		])) : o("", !0)]));
+	}
+}), G = g({ items: [] }), _t = 0;
+function K(e, t, n, r = 4e3) {
+	let i = ++_t;
+	return G.items.push({
+		id: i,
+		type: e,
+		title: t,
+		message: n
+	}), r > 0 && setTimeout(() => q(i), r), i;
+}
+function q(e) {
+	let t = G.items.findIndex((t) => t.id === e);
+	t !== -1 && G.items.splice(t, 1);
+}
+function J() {
+	return {
+		items: G.items,
+		dismiss: q,
+		success: (e, t) => K("success", e, t),
+		error: (e, t) => K("error", e, t, 6e3),
+		info: (e, t) => K("info", e, t),
+		warning: (e, t) => K("warning", e, t)
+	};
+}
+//#endregion
+//#region src/components/UiToaster.vue?vue&type=script&setup=true&lang.ts
+var vt = { class: "pointer-events-none fixed bottom-4 right-4 z-[100] flex w-full max-w-sm flex-col gap-2.5" }, yt = { class: "min-w-0" }, bt = { class: "text-sm font-semibold text-content" }, xt = {
+	key: 0,
+	class: "mt-0.5 text-[13px] text-muted"
+}, St = ["onClick"], Ct = /*#__PURE__*/ W(/* @__PURE__ */ d({
+	__name: "UiToaster",
+	setup(n) {
+		let i = J(), l = {
+			success: {
+				icon: "check_circle",
+				class: "text-success",
+				bar: "bg-success"
+			},
+			error: {
+				icon: "alert",
+				class: "text-danger",
+				bar: "bg-danger"
+			},
+			warning: {
+				icon: "alert",
+				class: "text-warning",
+				bar: "bg-warning"
+			},
+			info: {
+				icon: "bell",
+				class: "text-info",
+				bar: "bg-info"
+			}
+		};
+		return (n, d) => (h(), a(t, { to: "body" }, [c("div", vt, [u(r, { name: "toast" }, {
+			default: C(() => [(h(!0), s(e, null, v(x(i).items, (e) => (h(), s("div", {
+				key: e.id,
+				class: "pointer-events-auto relative flex items-start gap-3 overflow-hidden rounded-lg border border-border bg-surface p-4 pr-10 shadow-lg"
+			}, [
+				c("span", { class: f(["absolute inset-y-0 left-0 w-1", l[e.type].bar]) }, null, 2),
+				u(E, {
+					name: l[e.type].icon,
+					size: 19,
+					class: f(["mt-0.5 shrink-0", l[e.type].class])
+				}, null, 8, ["name", "class"]),
+				c("div", yt, [c("p", bt, b(e.title), 1), e.message ? (h(), s("p", xt, b(e.message), 1)) : o("", !0)]),
+				c("button", {
+					class: "absolute right-2 top-2 rounded-md p-1 text-subtle transition-colors hover:bg-surface-hover hover:text-content",
+					onClick: (t) => x(i).dismiss(e.id)
+				}, [u(E, {
+					name: "x",
+					size: 15
+				})], 8, St)
+			]))), 128))]),
+			_: 1
+		})])]));
+	}
+}), [["__scopeId", "data-v-2b500649"]]), wt = { class: "relative w-full" }, Tt = ["viewBox", "height"], Et = ["id"], Dt = [
+	"x2",
+	"y1",
+	"y2",
+	"stroke-dasharray"
+], Ot = ["d", "fill"], kt = ["d"], At = ["cx", "cy"], jt = ["cx", "cy"], Mt = [
+	"x",
+	"width",
+	"height",
+	"onMouseenter"
+], Nt = { class: "mt-1 flex justify-between px-1" }, Pt = { class: "font-semibold text-content tabular" }, Ft = { class: "text-subtle" }, Y = 1e3, X = 12, Z = 26, Q = 8, It = /* @__PURE__ */ d({
+	__name: "UiAreaChart",
+	props: {
+		data: {},
+		height: { default: 220 },
+		format: {}
+	},
+	setup(t) {
+		let n = t, r = i(() => n.height), a = i(() => Math.max(1, ...n.data.map((e) => e.value))), l = i(() => {
+			let e = n.data.length, t = Y - Q * 2, i = r.value - X - Z;
+			return n.data.map((n, r) => ({
+				x: e <= 1 ? Y / 2 : Q + r / (e - 1) * t,
+				y: X + i - n.value / a.value * i,
+				...n
+			}));
+		}), u = i(() => l.value.map((e, t) => `${t === 0 ? "M" : "L"} ${e.x.toFixed(1)} ${e.y.toFixed(1)}`).join(" ")), d = i(() => {
+			if (!l.value.length) return "";
+			let e = r.value - Z, t = l.value[0], n = l.value[l.value.length - 1];
+			return `M ${t.x} ${e} ${l.value.map((e) => `L ${e.x.toFixed(1)} ${e.y.toFixed(1)}`).join(" ")} L ${n.x} ${e} Z`;
+		}), f = i(() => {
+			let e = r.value - X - Z;
+			return [
+				0,
+				.25,
+				.5,
+				.75,
+				1
+			].map((t) => X + e * t);
+		}), m = Math.random().toString(36).slice(2, 8), g = _(null), y = (e) => n.format ? n.format(e) : String(e), S = i(() => Math.ceil(n.data.length / 6));
+		return (n, i) => (h(), s("div", wt, [
+			(h(), s("svg", {
+				viewBox: `0 0 ${Y} ${r.value}`,
+				height: r.value,
+				width: "100%",
+				preserveAspectRatio: "none",
+				class: "overflow-visible"
+			}, [
+				c("defs", null, [c("linearGradient", {
+					id: `area-${x(m)}`,
+					x1: "0",
+					y1: "0",
+					x2: "0",
+					y2: "1"
+				}, [...i[1] ||= [c("stop", {
+					offset: "0%",
+					"stop-color": "var(--accent)",
+					"stop-opacity": "0.22"
+				}, null, -1), c("stop", {
+					offset: "100%",
+					"stop-color": "var(--accent)",
+					"stop-opacity": "0"
+				}, null, -1)]], 8, Et)]),
+				(h(!0), s(e, null, v(f.value, (e, t) => (h(), s("line", {
+					key: t,
+					x1: Q,
+					x2: Y - Q,
+					y1: e,
+					y2: e,
+					stroke: "var(--border)",
+					"stroke-width": "1",
+					"vector-effect": "non-scaling-stroke",
+					"stroke-dasharray": t === f.value.length - 1 ? "0" : "3 4"
+				}, null, 8, Dt))), 128)),
+				c("path", {
+					d: d.value,
+					fill: `url(#area-${x(m)})`
+				}, null, 8, Ot),
+				c("path", {
+					d: u.value,
+					fill: "none",
+					stroke: "var(--accent)",
+					"stroke-width": "2.5",
+					"vector-effect": "non-scaling-stroke",
+					"stroke-linejoin": "round",
+					"stroke-linecap": "round"
+				}, null, 8, kt),
+				l.value.length ? (h(), s("circle", {
+					key: 0,
+					cx: l.value[l.value.length - 1].x,
+					cy: l.value[l.value.length - 1].y,
+					r: "4",
+					fill: "var(--accent)",
+					stroke: "var(--surface)",
+					"stroke-width": "2",
+					"vector-effect": "non-scaling-stroke"
+				}, null, 8, At)) : o("", !0),
+				(h(!0), s(e, null, v(l.value, (e, t) => (h(), s("g", { key: `h-${t}` }, [g.value === t ? (h(), s("circle", {
+					key: 0,
+					cx: e.x,
+					cy: e.y,
+					r: "4",
+					fill: "var(--surface)",
+					stroke: "var(--accent)",
+					"stroke-width": "2",
+					"vector-effect": "non-scaling-stroke"
+				}, null, 8, jt)) : o("", !0), c("rect", {
+					x: e.x - Y / l.value.length / 2,
+					y: 0,
+					width: Y / l.value.length,
+					height: r.value,
+					fill: "transparent",
+					onMouseenter: (e) => g.value = t,
+					onMouseleave: i[0] ||= (e) => g.value = null
+				}, null, 40, Mt)]))), 128))
+			], 8, Tt)),
+			c("div", Nt, [(h(!0), s(e, null, v(t.data, (e, n) => (h(), s("span", {
+				key: n,
+				class: "text-[11px] text-subtle",
+				style: p({ visibility: n % S.value === 0 || n === t.data.length - 1 ? "visible" : "hidden" })
+			}, b(e.label), 5))), 128))]),
+			g.value === null ? o("", !0) : (h(), s("div", {
+				key: 0,
+				class: "pointer-events-none absolute -translate-x-1/2 -translate-y-full rounded-md border border-border bg-surface px-2.5 py-1.5 text-xs shadow-md",
+				style: p({
+					left: `${l.value[g.value].x / Y * 100}%`,
+					top: `${l.value[g.value].y / r.value * 100}%`
+				})
+			}, [c("p", Pt, b(y(l.value[g.value].value)), 1), c("p", Ft, b(l.value[g.value].label), 1)], 4))
+		]));
+	}
+}), Lt = { class: "w-full" }, Rt = ["onMouseenter"], zt = {
+	key: 0,
+	class: "pointer-events-none absolute bottom-full left-1/2 mb-1.5 -translate-x-1/2 whitespace-nowrap rounded-md border border-border bg-surface px-2 py-1 text-xs shadow-md"
+}, Bt = { class: "font-semibold text-content tabular" }, Vt = { class: "ml-1 text-subtle" }, Ht = { class: "mt-1.5 flex gap-1.5" }, Ut = /* @__PURE__ */ d({
+	__name: "UiBarChart",
+	props: {
+		data: {},
+		height: { default: 220 },
+		format: {}
+	},
+	setup(t) {
+		let n = t, r = i(() => Math.max(1, ...n.data.map((e) => e.value))), a = _(null), l = (e) => n.format ? n.format(e) : String(e), u = i(() => Math.ceil(n.data.length / 8));
+		return (n, i) => (h(), s("div", Lt, [c("div", {
+			class: "flex items-end gap-1.5",
+			style: p({ height: `${t.height}px` })
+		}, [(h(!0), s(e, null, v(t.data, (e, t) => (h(), s("div", {
+			key: t,
+			class: "group relative flex flex-1 flex-col justify-end",
+			onMouseenter: (e) => a.value = t,
+			onMouseleave: i[0] ||= (e) => a.value = null
+		}, [c("div", {
+			class: f(["w-full rounded-t transition-all duration-200", a.value === t ? "bg-accent" : "bg-accent/55"]),
+			style: p({ height: `${Math.max(2, e.value / r.value * 100)}%` })
+		}, null, 6), a.value === t ? (h(), s("div", zt, [c("span", Bt, b(l(e.value)), 1), c("span", Vt, b(e.label), 1)])) : o("", !0)], 40, Rt))), 128))], 4), c("div", Ht, [(h(!0), s(e, null, v(t.data, (e, n) => (h(), s("span", {
+			key: n,
+			class: "flex-1 truncate text-center text-[11px] text-subtle",
+			style: p({ visibility: n % u.value === 0 || n === t.data.length - 1 ? "visible" : "hidden" })
+		}, b(e.label), 5))), 128))])]));
+	}
+}), Wt = { class: "flex flex-wrap items-center gap-6" }, Gt = [
+	"width",
+	"height",
+	"viewBox"
+], Kt = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width"
+], $ = [
+	"cx",
+	"cy",
+	"r",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray",
+	"stroke-dashoffset"
+], qt = { class: "absolute inset-0 flex flex-col items-center justify-center" }, Jt = { class: "tabular text-2xl font-semibold text-content" }, Yt = {
+	key: 0,
+	class: "text-[11px] uppercase tracking-wide text-subtle"
+}, Xt = { class: "flex min-w-0 flex-1 flex-col gap-2" }, Zt = { class: "truncate capitalize text-muted" }, Qt = { class: "tabular ml-auto font-medium text-content" }, $t = { class: "tabular w-9 text-right text-xs text-subtle" }, en = /* @__PURE__ */ d({
+	__name: "UiDonutChart",
+	props: {
+		data: {},
+		size: { default: 180 },
+		thickness: { default: 20 },
+		centerLabel: {},
+		centerValue: {}
+	},
+	setup(t) {
+		let n = t, r = [
+			"var(--brand-500)",
+			"var(--info)",
+			"var(--warning)",
+			"var(--brand-300)",
+			"var(--danger)",
+			"var(--success)"
+		], a = i(() => n.data.reduce((e, t) => e + t.value, 0) || 1), l = i(() => (n.size - n.thickness) / 2), u = i(() => 2 * Math.PI * l.value), d = i(() => {
+			let e = 0;
+			return n.data.map((t, n) => {
+				let i = t.value / a.value, o = {
+					...t,
+					color: t.color || r[n % r.length],
+					dash: i * u.value,
+					gap: u.value - i * u.value,
+					offset: -e * u.value,
+					pct: Math.round(i * 100)
+				};
+				return e += i, o;
+			});
+		});
+		return (n, r) => (h(), s("div", Wt, [c("div", {
+			class: "relative shrink-0",
+			style: p({
+				width: `${t.size}px`,
+				height: `${t.size}px`
+			})
+		}, [(h(), s("svg", {
+			width: t.size,
+			height: t.size,
+			viewBox: `0 0 ${t.size} ${t.size}`,
+			class: "-rotate-90"
+		}, [c("circle", {
+			cx: t.size / 2,
+			cy: t.size / 2,
+			r: l.value,
+			fill: "none",
+			stroke: "var(--surface-2)",
+			"stroke-width": t.thickness
+		}, null, 8, Kt), (h(!0), s(e, null, v(d.value, (e, n) => (h(), s("circle", {
+			key: n,
+			cx: t.size / 2,
+			cy: t.size / 2,
+			r: l.value,
+			fill: "none",
+			stroke: e.color,
+			"stroke-width": t.thickness,
+			"stroke-dasharray": `${e.dash} ${e.gap}`,
+			"stroke-dashoffset": e.offset,
+			"stroke-linecap": "butt"
+		}, null, 8, $))), 128))], 8, Gt)), c("div", qt, [c("span", Jt, b(t.centerValue ?? a.value), 1), t.centerLabel ? (h(), s("span", Yt, b(t.centerLabel), 1)) : o("", !0)])], 4), c("ul", Xt, [(h(!0), s(e, null, v(d.value, (e, t) => (h(), s("li", {
+			key: t,
+			class: "flex items-center gap-2.5 text-sm"
+		}, [
+			c("span", {
+				class: "h-2.5 w-2.5 shrink-0 rounded-full",
+				style: p({ background: e.color })
+			}, null, 4),
+			c("span", Zt, b(e.label), 1),
+			c("span", Qt, b(e.value), 1),
+			c("span", $t, b(e.pct) + "%", 1)
+		]))), 128))])]));
+	}
+});
+//#endregion
+export { It as UiAreaChart, fe as UiBadge, Ut as UiBarChart, ne as UiButton, ye as UiCard, en as UiDonutChart, Je as UiDrawer, Fe as UiEmptyState, E as UiIcon, ue as UiInput, Ve as UiModal, gt as UiPagination, F as UiSelect, U as UiSkeleton, ke as UiSpinner, Ee as UiStatTile, at as UiTable, H as UiTextarea, Ct as UiToaster, J as useToast };