@myghf/ui 0.1.0

package/dist/index.js

@@ -0,0 +1,1543 @@
+import { clsx as e } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+import { CalendarDate as n, CalendarDateTime as r, getLocalTimeZone as i } from "@internationalized/date";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeProps as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as _, onMounted as v, openBlock as y, ref as b, renderList as x, renderSlot as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, useAttrs as E, useSlots as D, vModelText as O, vShow as k, watch as A, withCtx as j, withDirectives as M, withModifiers as N } from "vue";
+import * as P from "lucide-vue-next";
+import { Calendar as ee, Check as F, ChevronDown as I, ChevronLeft as L, ChevronRight as R, ChevronUp as te, ChevronsLeft as ne, ChevronsRight as re, ChevronsUpDown as ie, Clock as ae, Eye as oe, EyeOff as se, Search as ce, X as z } from "lucide-vue-next";
+import { tv as B } from "tailwind-variants";
+import { CheckboxIndicator as le, CheckboxRoot as ue, DialogClose as de, DialogContent as fe, DialogDescription as pe, DialogOverlay as me, DialogPortal as he, DialogRoot as ge, DialogTitle as _e, DialogTrigger as ve, DropdownMenuContent as ye, DropdownMenuItem as be, DropdownMenuPortal as xe, DropdownMenuRoot as Se, DropdownMenuTrigger as Ce, PopoverContent as we, PopoverRoot as Te, PopoverTrigger as Ee, RadioGroupIndicator as De, RadioGroupItem as Oe, RadioGroupRoot as ke, SelectContent as Ae, SelectItem as je, SelectItemIndicator as Me, SelectItemText as Ne, SelectRoot as Pe, SelectTrigger as Fe, SelectValue as Ie, TabsContent as Le, TabsList as Re, TabsRoot as ze, TabsTrigger as Be, TreeItem as Ve, TreeRoot as He } from "reka-ui";
+import { FlexRender as V, createExpandedRowModel as Ue, createPaginatedRowModel as We, createSortedRowModel as Ge, rowExpandingFeature as Ke, rowPaginationFeature as qe, rowSortingFeature as Je, sortFns as Ye, tableFeatures as Xe, useTable as Ze } from "@tanstack/vue-table";
+//#region src/lib/cn.ts
+function H(...n) {
+	return t(e(n));
+}
+//#endregion
+//#region src/lib/date.ts
+function Qe(e) {
+	return new n(e.getFullYear(), e.getMonth() + 1, e.getDate());
+}
+function $e(e) {
+	return e instanceof r ? e.toDate(i()) : new Date(e.year, e.month - 1, e.day);
+}
+function U(e) {
+	let [t, n] = e.split(":").map(Number);
+	return t * 60 + (n || 0);
+}
+function et(e) {
+	let t = Math.floor(e / 60), n = e % 60;
+	return `${String(t).padStart(2, "0")}:${String(n).padStart(2, "0")}`;
+}
+function W(e, t) {
+	let n = new Date(e);
+	return n.setHours(Math.floor(U(t) / 60), U(t) % 60, 0, 0), n;
+}
+function G(e, t) {
+	return !e || !t || e.getTime() <= t.getTime() ? [e, t] : [t, e];
+}
+function K(e) {
+	let t = e.getMonth() + 1, n = e.getDate();
+	return `${e.getFullYear()}-${String(t).padStart(2, "0")}-${String(n).padStart(2, "0")}`;
+}
+//#endregion
+//#region src/lib/icons.ts
+function tt(e) {
+	return e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("");
+}
+var nt = "circle";
+function rt(e) {
+	let t = e.trim();
+	return t ? t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase() : nt;
+}
+//#endregion
+//#region src/components/icon/Icon.vue
+var q = /* @__PURE__ */ p({
+	__name: "Icon",
+	props: {
+		name: {},
+		size: { default: 16 }
+	},
+	setup(e) {
+		let t = e, n = o(() => P[tt(rt(t.name))] ?? P.Circle);
+		return (t, r) => (y(), s(C(n.value), {
+			size: e.size,
+			"aria-hidden": "true",
+			"data-icon": "",
+			name: e.name
+		}, null, 8, ["size", "name"]));
+	}
+}), it = [
+	"type",
+	"disabled",
+	"data-loading"
+], at = {
+	key: 0,
+	class: "size-4 animate-spin rounded-full border-2 border-current border-t-transparent",
+	"aria-hidden": "true"
+}, J = /* @__PURE__ */ p({
+	__name: "Button",
+	props: {
+		variant: { default: "default" },
+		size: { default: "default" },
+		type: { default: "button" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		label: {}
+	},
+	setup(e) {
+		let t = B({
+			base: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4 data-[loading=true]:cursor-not-allowed",
+			variants: {
+				variant: {
+					default: "bg-primary-500 text-white hover:bg-primary-600",
+					secondary: "bg-secondary-500 text-white hover:bg-secondary-600",
+					destructive: "bg-error-500 text-white hover:bg-error-600",
+					outline: "border border-border bg-surface text-foreground hover:bg-surface-muted",
+					ghost: "text-foreground hover:bg-surface-muted"
+				},
+				size: {
+					sm: "h-8 px-3 text-xs",
+					default: "h-9 px-4",
+					lg: "h-10 px-6",
+					icon: "size-9",
+					"icon-sm": "size-8"
+				}
+			},
+			defaultVariants: {
+				variant: "default",
+				size: "default"
+			}
+		}), n = e, r = E(), i = o(() => n.disabled || n.loading || !!r.disabled);
+		return (n, a) => (y(), l("button", m({
+			type: e.type,
+			disabled: i.value,
+			"data-loading": e.loading || void 0,
+			class: T(t)({
+				variant: e.variant,
+				size: e.size
+			})
+		}, T(r)), [e.loading ? (y(), l("span", at)) : S(n.$slots, "default", {}, () => [d(w(e.label), 1)], void 0, 1)], 16, it));
+	}
+}), ot = { class: "relative w-full" }, st = [
+	"value",
+	"placeholder",
+	"disabled"
+], ct = /* @__PURE__ */ p({
+	__name: "Input",
+	props: {
+		modelValue: {},
+		placeholder: {},
+		disabled: { type: Boolean },
+		invalid: { type: Boolean },
+		leadingIcon: {},
+		trailingIcon: {},
+		size: { default: "default" }
+	},
+	emits: ["update:modelValue"],
+	setup(e, { expose: t, emit: n }) {
+		let r = n, i = E(), a = b();
+		return t({ focus: () => a.value?.focus() }), (t, n) => (y(), l("div", ot, [
+			e.leadingIcon ? (y(), s(q, {
+				key: 0,
+				name: e.leadingIcon,
+				class: "pointer-events-none absolute start-3 top-1/2 size-4 -translate-y-1/2 text-muted"
+			}, null, 8, ["name"])) : c("", !0),
+			u("input", m({
+				ref_key: "inputRef",
+				ref: a,
+				value: e.modelValue,
+				placeholder: e.placeholder,
+				disabled: e.disabled,
+				class: [
+					"flex w-full rounded-md border border-border bg-surface px-3 py-1 text-sm text-foreground shadow-sm transition-colors placeholder:text-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-50",
+					e.size === "sm" ? "h-8 text-xs" : e.size === "lg" ? "h-10" : "h-9",
+					e.leadingIcon ? "ps-9" : "ps-3",
+					e.trailingIcon ? "pe-9" : "pe-3",
+					e.invalid ? "border-error-500 focus-visible:ring-error-500" : ""
+				]
+			}, T(i), { onInput: n[0] ||= (e) => r("update:modelValue", e.target.value) }), null, 16, st),
+			e.trailingIcon ? (y(), s(q, {
+				key: 1,
+				name: e.trailingIcon,
+				class: "pointer-events-none absolute end-3 top-1/2 size-4 -translate-y-1/2 text-muted"
+			}, null, 8, ["name"])) : c("", !0)
+		]));
+	}
+}), lt = [
+	"value",
+	"placeholder",
+	"disabled",
+	"rows"
+], ut = /* @__PURE__ */ p({
+	__name: "Textarea",
+	props: {
+		modelValue: {},
+		placeholder: {},
+		disabled: { type: Boolean },
+		rows: { default: 3 },
+		invalid: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = t, r = E();
+		return (t, i) => (y(), l("textarea", m({
+			value: e.modelValue,
+			placeholder: e.placeholder,
+			disabled: e.disabled,
+			rows: e.rows,
+			class: ["w-full rounded-md border border-border bg-surface px-3 py-2 text-sm text-foreground shadow-sm transition-colors placeholder:text-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-50", e.invalid ? "border-error-500 focus-visible:ring-error-500" : ""]
+		}, T(r), { onInput: i[0] ||= (e) => n("update:modelValue", e.target.value) }), null, 16, lt));
+	}
+}), dt = { class: "w-full" }, ft = { class: "relative w-full" }, pt = [
+	"id",
+	"type",
+	"value",
+	"placeholder",
+	"disabled"
+], mt = ["disabled"], ht = {
+	key: 0,
+	class: "mt-1.5 flex items-center gap-1.5",
+	"aria-hidden": "true"
+}, gt = /* @__PURE__ */ p({
+	__name: "Password",
+	props: {
+		modelValue: {},
+		placeholder: {},
+		disabled: { type: Boolean },
+		invalid: { type: Boolean },
+		feedback: {
+			type: Boolean,
+			default: !1
+		},
+		id: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = E(), d = b(!1), f = o(() => d.value ? "text" : "password"), p = o(() => {
+			let e = n.modelValue ?? "";
+			if (e.length === 0) return 0;
+			let t = 0;
+			return e.length >= 8 && t++, e.length >= 12 && t++, /[A-Z]/.test(e) && /[a-z]/.test(e) && t++, /\d/.test(e) && t++, /[^A-Za-z0-9]/.test(e) && t++, Math.max(1, Math.min(4, Math.ceil(t / 5 * 4)));
+		});
+		return (t, n) => (y(), l("div", dt, [u("div", ft, [u("input", m({
+			id: e.id,
+			type: f.value,
+			value: e.modelValue,
+			placeholder: e.placeholder,
+			disabled: e.disabled,
+			class: [
+				"flex h-9 w-full rounded-md border border-border bg-surface px-3 py-1 text-sm text-foreground shadow-sm transition-colors placeholder:text-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-50",
+				e.invalid ? "border-error-500 focus-visible:ring-error-500" : "",
+				"pe-10"
+			]
+		}, T(i), { onInput: n[0] ||= (e) => r("update:modelValue", e.target.value) }), null, 16, pt), u("button", {
+			type: "button",
+			disabled: e.disabled,
+			"aria-label": "Toggle password visibility",
+			class: "absolute end-2 top-1/2 -translate-y-1/2 rounded p-1 text-muted transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+			onClick: n[1] ||= (e) => d.value = !d.value
+		}, [d.value ? (y(), s(T(se), {
+			key: 0,
+			class: "size-4"
+		})) : (y(), s(T(oe), {
+			key: 1,
+			class: "size-4"
+		}))], 8, mt)]), e.feedback && e.modelValue ? (y(), l("div", ht, [(y(), l(a, null, x(4, (e) => u("span", {
+			key: e,
+			class: h(["h-1 flex-1 rounded-full transition-colors", e <= p.value ? "bg-success-500" : "bg-surface-muted"])
+		}, null, 2)), 64))])) : c("", !0)]));
+	}
+}), Y = /* @__PURE__ */ p({
+	__name: "Checkbox",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: { type: Boolean },
+		id: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = t;
+		return (t, r) => (y(), s(T(ue), {
+			id: e.id,
+			"model-value": e.modelValue,
+			disabled: e.disabled,
+			class: "peer size-4 shrink-0 rounded border border-border bg-surface shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 data-[state=checked]:border-primary-500 data-[state=checked]:bg-primary-500 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
+			"onUpdate:modelValue": r[0] ||= (e) => n("update:modelValue", e)
+		}, {
+			default: j(() => [f(T(le), { class: "flex items-center justify-center text-white" }, {
+				default: j(() => [f(T(F), { class: "size-3.5" })]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, [
+			"id",
+			"model-value",
+			"disabled"
+		]));
+	}
+}), _t = ["aria-label"], vt = /* @__PURE__ */ p({
+	__name: "Tag",
+	props: {
+		tone: {},
+		icon: {},
+		removable: { type: Boolean },
+		removeLabel: { default: "Remove" }
+	},
+	emits: ["remove"],
+	setup(e, { emit: t }) {
+		let n = B({
+			base: "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium",
+			variants: { tone: {
+				info: "bg-primary-100 text-primary-800",
+				success: "bg-success-100 text-success-800",
+				warning: "bg-warning-100 text-warning-800",
+				danger: "bg-error-100 text-error-800",
+				secondary: "bg-surface-muted text-foreground"
+			} },
+			defaultVariants: { tone: "secondary" }
+		}), r = t;
+		return (t, i) => (y(), l("span", { class: h(T(n)({ tone: e.tone })) }, [
+			e.icon ? (y(), s(q, {
+				key: 0,
+				name: e.icon,
+				class: "size-3"
+			}, null, 8, ["name"])) : c("", !0),
+			S(t.$slots, "default"),
+			e.removable ? (y(), l("button", {
+				key: 1,
+				type: "button",
+				"aria-label": e.removeLabel,
+				class: "-me-0.5 ms-0.5 rounded-full p-0.5 transition-colors hover:bg-black/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+				onClick: i[0] ||= N((e) => r("remove"), ["stop"])
+			}, [f(T(z), { class: "size-3" })], 8, _t)) : c("", !0)
+		], 2));
+	}
+}), yt = /* @__PURE__ */ p({
+	__name: "Tabs",
+	props: { modelValue: {} },
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = t;
+		return (t, r) => (y(), s(T(ze), {
+			"model-value": e.modelValue,
+			"onUpdate:modelValue": r[0] ||= (e) => n("update:modelValue", e)
+		}, {
+			default: j(() => [S(t.$slots, "default")]),
+			_: 3
+		}, 8, ["model-value"]));
+	}
+}), bt = /* @__PURE__ */ p({
+	__name: "TabsList",
+	setup(e) {
+		return (e, t) => (y(), s(T(Re), { class: "inline-flex h-9 w-full items-center justify-start gap-1 rounded-lg bg-surface-muted p-1 text-muted" }, {
+			default: j(() => [S(e.$slots, "default")]),
+			_: 3
+		}));
+	}
+}), xt = /* @__PURE__ */ p({
+	__name: "TabsTrigger",
+	props: {
+		value: {},
+		disabled: { type: Boolean }
+	},
+	setup(e) {
+		return (t, n) => (y(), s(T(Be), {
+			value: e.value,
+			disabled: e.disabled,
+			class: "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 data-[state=active]:bg-surface data-[state=active]:text-foreground data-[state=active]:shadow-sm data-[disabled]:opacity-50"
+		}, {
+			default: j(() => [S(t.$slots, "default")]),
+			_: 3
+		}, 8, ["value", "disabled"]));
+	}
+}), St = /* @__PURE__ */ p({
+	__name: "TabsContent",
+	props: {
+		value: {},
+		padding: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(e) {
+		return (t, n) => (y(), s(T(Le), {
+			value: e.value,
+			class: h(["focus-visible:outline-none", e.padding ? "pt-4" : ""])
+		}, {
+			default: j(() => [S(t.$slots, "default")]),
+			_: 3
+		}, 8, ["value", "class"]));
+	}
+}), Ct = { class: "truncate" }, wt = { class: "ms-auto flex shrink-0 items-center gap-1" }, Tt = /* @__PURE__ */ p({
+	__name: "Select",
+	props: {
+		modelValue: {},
+		options: {},
+		optionLabel: { default: "label" },
+		optionValue: { default: "value" },
+		placeholder: { default: "" },
+		clearable: { type: Boolean },
+		disabled: { type: Boolean },
+		multiple: { type: Boolean },
+		size: { default: "default" },
+		invalid: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = b(!1);
+		function p(e) {
+			return e && typeof e == "object" && n.optionValue ? e[n.optionValue] ?? e : e;
+		}
+		function h(e) {
+			return e && typeof e == "object" && n.optionLabel ? String(e[n.optionLabel] ?? "") : e == null ? "" : String(e);
+		}
+		let g = o(() => n.multiple ? (Array.isArray(n.modelValue) ? n.modelValue : []).map((e) => h(n.options?.find((t) => p(t) === e))).filter(Boolean).join(", ") : n.modelValue == null ? "" : h(n.options?.find((e) => p(e) === n.modelValue))), _ = o(() => n.multiple && Array.isArray(n.modelValue) ? n.modelValue.length > 0 : n.modelValue != null);
+		function v() {
+			r("update:modelValue", n.multiple ? [] : null);
+		}
+		return (t, n) => (y(), s(T(Pe), {
+			open: i.value,
+			"onUpdate:open": n[0] ||= (e) => i.value = e,
+			"model-value": e.modelValue,
+			multiple: e.multiple,
+			disabled: e.disabled,
+			"onUpdate:modelValue": n[1] ||= (e) => r("update:modelValue", e)
+		}, {
+			default: j(() => [f(T(Fe), m({ class: T(H)("flex w-full items-center justify-between gap-2 rounded-md border border-border bg-surface px-3 text-sm text-foreground shadow-sm transition-colors placeholder:text-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-50", e.size === "sm" ? "h-8 text-xs" : "h-9", e.invalid ? "border-error-500 focus-visible:ring-error-500" : "", t.$attrs.class || "") }, t.$attrs), {
+				default: j(() => [f(T(Ie), { placeholder: e.placeholder }, {
+					default: j(() => [u("span", Ct, w(g.value || e.placeholder), 1)]),
+					_: 1
+				}, 8, ["placeholder"]), u("span", wt, [e.clearable && _.value ? (y(), l("button", {
+					key: 0,
+					type: "button",
+					"aria-label": "Clear selection",
+					class: "rounded p-0.5 text-muted transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+					onClick: N(v, ["stop"])
+				}, [f(T(z), { class: "size-3.5" })])) : c("", !0), f(T(I), { class: "size-4 opacity-50" })])]),
+				_: 1
+			}, 16, ["class"]), i.value ? (y(), s(T(Ae), {
+				key: 0,
+				position: "popper",
+				"side-offset": 4,
+				class: "z-50 min-w-[--reka-select-trigger-width] rounded-md border border-border bg-surface p-1 shadow-popover"
+			}, {
+				default: j(() => [(y(!0), l(a, null, x(e.options, (e) => (y(), s(T(je), {
+					key: String(p(e)),
+					value: p(e),
+					class: "relative flex cursor-pointer select-none items-center rounded px-2 py-1.5 pr-8 text-sm text-foreground outline-none transition-colors focus:bg-surface-muted data-[highlighted]:bg-surface-muted data-[disabled]:opacity-50"
+				}, {
+					default: j(() => [f(T(Ne), null, {
+						default: j(() => [d(w(h(e)), 1)]),
+						_: 2
+					}, 1024), f(T(Me), { class: "absolute end-2 flex items-center justify-center text-primary-600" }, {
+						default: j(() => [f(T(F), { class: "size-4" })]),
+						_: 1
+					})]),
+					_: 2
+				}, 1032, ["value"]))), 128))]),
+				_: 1
+			})) : c("", !0)]),
+			_: 1
+		}, 8, [
+			"open",
+			"model-value",
+			"multiple",
+			"disabled"
+		]));
+	}
+}), Et = /* @__PURE__ */ p({
+	__name: "SelectButton",
+	props: {
+		modelValue: {},
+		options: {},
+		optionLabel: { default: "label" },
+		optionValue: { default: "value" },
+		disabled: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = b(null), o = b({
+			left: 0,
+			top: 0,
+			width: 0,
+			height: 0,
+			ready: !1
+		}), c = 0;
+		function p(e) {
+			return e?.[n.optionValue] ?? e;
+		}
+		function m(e) {
+			return String(e?.[n.optionLabel] ?? e ?? "");
+		}
+		function h() {
+			let e = (i.value?.$el)?.querySelector("[role=\"radio\"][data-state=\"checked\"]");
+			if (!e) {
+				o.value.ready = !1;
+				return;
+			}
+			o.value = {
+				left: e.offsetLeft,
+				top: e.offsetTop,
+				width: e.offsetWidth,
+				height: e.offsetHeight,
+				ready: !0
+			};
+		}
+		function S() {
+			cancelAnimationFrame(c), c = requestAnimationFrame(h);
+		}
+		let C;
+		return v(() => {
+			S(), typeof ResizeObserver < "u" && i.value?.$el && (C = new ResizeObserver(S), C.observe(i.value.$el)), window.addEventListener("resize", S);
+		}), _(() => {
+			cancelAnimationFrame(c), C?.disconnect(), window.removeEventListener("resize", S);
+		}), A(() => n.modelValue, S), A(() => n.options, S, { deep: !0 }), (t, n) => (y(), s(T(ke), {
+			ref_key: "rootEl",
+			ref: i,
+			"model-value": e.modelValue,
+			disabled: e.disabled,
+			class: "relative inline-flex flex-wrap items-center gap-1 rounded-md border border-border bg-surface p-1",
+			"onUpdate:modelValue": n[0] ||= (e) => r("update:modelValue", e)
+		}, {
+			default: j(() => [M(u("span", {
+				"aria-hidden": "true",
+				class: "pointer-events-none absolute rounded bg-primary-500 transition-all duration-200 ease-out motion-reduce:transition-none",
+				style: g({
+					left: `${o.value.left}px`,
+					top: `${o.value.top}px`,
+					width: `${o.value.width}px`,
+					height: `${o.value.height}px`
+				})
+			}, null, 4), [[k, o.value.ready]]), (y(!0), l(a, null, x(e.options, (t) => (y(), s(T(Oe), {
+				key: String(p(t)),
+				value: p(t),
+				disabled: e.disabled,
+				class: "relative inline-flex items-center justify-center rounded px-3 py-1 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 data-[state=checked]:text-white data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50"
+			}, {
+				default: j(() => [f(T(De), { class: "hidden" }), d(" " + w(m(t)), 1)]),
+				_: 2
+			}, 1032, ["value", "disabled"]))), 128))]),
+			_: 1
+		}, 8, ["model-value", "disabled"]));
+	}
+}), Dt = ["id", "disabled"], Ot = { class: "flex items-center justify-between" }, kt = { class: "text-sm font-medium" }, At = { class: "mt-2 grid grid-cols-7 gap-0.5 text-center text-xs" }, jt = { key: 0 }, Mt = ["onClick"], Nt = {
+	key: 0,
+	class: "mt-3 flex items-center justify-between gap-2 border-t border-border pt-3"
+}, Pt = { class: "flex items-center gap-2 text-xs text-muted" }, Ft = { class: "flex items-center gap-2" }, It = ["disabled"], Lt = {
+	key: 1,
+	class: "mt-3 flex justify-end border-t border-border pt-3"
+}, Rt = /* @__PURE__ */ p({
+	__name: "DatePicker",
+	props: {
+		mode: { default: "date" },
+		modelValue: {},
+		placeholder: { default: "Select date" },
+		disabled: { type: Boolean },
+		invalid: { type: Boolean },
+		size: { default: "default" },
+		inputId: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = b(!1), d = b(/* @__PURE__ */ new Date()), p = b(null), m = b(null), g = b("09:00"), _ = [
+			0,
+			1,
+			2,
+			3,
+			4,
+			5,
+			6
+		];
+		A(() => n.modelValue, (e) => {
+			Array.isArray(e) ? (p.value = e[0] ?? null, m.value = e[1] ?? null) : e instanceof Date ? (p.value = e, m.value = null) : (p.value = null, m.value = null);
+		}, { immediate: !0 });
+		let v = o(() => {
+			let e = (new Date(d.value.getFullYear(), d.value.getMonth(), 1).getDay() + 6) % 7, t = Array.from({ length: e }, () => null), n = new Date(d.value.getFullYear(), d.value.getMonth() + 1, 0).getDate();
+			for (let e = 1; e <= n; e++) t.push(new Date(d.value.getFullYear(), d.value.getMonth(), e));
+			return t;
+		});
+		function S(e) {
+			if (!p.value || !m.value) return !1;
+			let [t, n] = G(p.value, m.value);
+			return e.getTime() >= t.getTime() && e.getTime() <= n.getTime();
+		}
+		function C() {
+			return d.value.toLocaleString("en", {
+				month: "long",
+				year: "numeric"
+			});
+		}
+		function E(e) {
+			d.value = new Date(d.value.getFullYear(), d.value.getMonth() + e, 1);
+		}
+		function D() {
+			return n.mode === "range" ? !!(p.value && m.value) : !!p.value;
+		}
+		function k(e) {
+			if (n.mode === "range") {
+				if (!p.value || m.value) p.value = e, m.value = null;
+				else {
+					let [t, n] = G(p.value, e);
+					p.value = t, m.value = n;
+				}
+				return;
+			}
+			p.value = e, n.mode !== "datetime" && (N(), i.value = !1);
+		}
+		function N() {
+			if (p.value) {
+				if (n.mode === "range") {
+					if (!m.value) return;
+					r("update:modelValue", [p.value, m.value]);
+				} else n.mode === "datetime" ? r("update:modelValue", W(p.value, g.value)) : r("update:modelValue", p.value);
+			}
+		}
+		function P() {
+			p.value = null, m.value = null, r("update:modelValue", null), i.value = !1;
+		}
+		let F = o(() => {
+			if (n.mode === "range") {
+				if (!p.value || !m.value) return "";
+				let [e, t] = G(p.value, m.value);
+				return `${K(e)} – ${K(t)}`;
+			}
+			if (!p.value) return "";
+			let e = n.mode === "datetime" ? W(p.value, g.value) : p.value;
+			return `${K(e)}${n.mode === "datetime" ? " " + et(e.getHours() * 60 + e.getMinutes()) : ""}`;
+		});
+		return (t, n) => (y(), s(T(Te), {
+			open: i.value,
+			"onUpdate:open": n[4] ||= (e) => i.value = e
+		}, {
+			default: j(() => [f(T(Ee), { "as-child": "" }, {
+				default: j(() => [u("button", {
+					type: "button",
+					id: e.inputId,
+					disabled: e.disabled,
+					class: h([
+						"flex w-full items-center justify-between gap-2 rounded-md border border-border bg-surface px-3 text-sm text-foreground shadow-sm transition-colors hover:bg-surface-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-50 data-[state=open]:border-primary-500",
+						e.size === "sm" ? "h-8 text-xs" : "h-9",
+						e.invalid ? "border-error-500" : ""
+					])
+				}, [u("span", { class: h(["truncate", F.value ? "text-foreground" : "text-muted"]) }, w(F.value || e.placeholder), 3), f(T(ee), { class: "size-4 shrink-0 text-muted" })], 10, Dt)]),
+				_: 1
+			}), f(T(we), {
+				"side-offset": 4,
+				class: "z-50 rounded-md border border-border bg-surface p-3 shadow-popover"
+			}, {
+				default: j(() => [
+					u("div", Ot, [
+						u("button", {
+							type: "button",
+							"aria-label": "Previous month",
+							class: "rounded p-1 text-muted transition-colors hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+							onClick: n[0] ||= (e) => E(-1)
+						}, [f(T(L), { class: "size-4" })]),
+						u("span", kt, w(C()), 1),
+						u("button", {
+							type: "button",
+							"aria-label": "Next month",
+							class: "rounded p-1 text-muted transition-colors hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+							onClick: n[1] ||= (e) => E(1)
+						}, [f(T(R), { class: "size-4" })])
+					]),
+					u("div", At, [(y(), l(a, null, x(_, (e) => u("span", {
+						key: e,
+						class: "py-1 font-medium text-muted"
+					}, w(new Date(2026, 0, 5 + e).toLocaleDateString("en", { weekday: "short" })), 1)), 64)), (y(!0), l(a, null, x(v.value, (e, t) => (y(), l(a, { key: t }, [e ? (y(), l("button", {
+						key: 1,
+						type: "button",
+						class: h([
+							"flex h-8 items-center justify-center rounded-md text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+							S(e) ? "bg-primary-100 text-primary-800" : "hover:bg-surface-muted",
+							p.value && p.value.getTime() === e.getTime() ? "bg-primary-500 text-white hover:bg-primary-500" : "",
+							m.value && m.value.getTime() === e.getTime() ? "bg-primary-500 text-white hover:bg-primary-500" : ""
+						]),
+						onClick: (t) => k(e)
+					}, w(e.getDate()), 11, Mt)) : (y(), l("span", jt))], 64))), 128))]),
+					e.mode === "datetime" ? (y(), l("div", Nt, [u("label", Pt, [f(T(ae), { class: "size-3.5" }), M(u("input", {
+						"onUpdate:modelValue": n[2] ||= (e) => g.value = e,
+						type: "time",
+						class: "rounded border border-border bg-surface px-2 py-1 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
+					}, null, 512), [[O, g.value]])]), u("div", Ft, [u("button", {
+						type: "button",
+						class: "rounded px-3 py-1 text-sm text-muted transition-colors hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+						onClick: P
+					}, " Clear "), u("button", {
+						type: "button",
+						disabled: !p.value,
+						class: "rounded bg-primary-500 px-3 py-1 text-sm text-white transition-colors hover:bg-primary-600 disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+						onClick: n[3] ||= (e) => {
+							N(), i.value = !1;
+						}
+					}, " Apply ", 8, It)])])) : D() ? (y(), l("div", Lt, [u("button", {
+						type: "button",
+						class: "rounded px-3 py-1 text-sm text-muted transition-colors hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+						onClick: P
+					}, " Clear ")])) : c("", !0)
+				]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}), zt = { class: "flex items-start justify-between gap-4 border-b border-border p-5 pb-4" }, Bt = { class: "min-w-0" }, Vt = { class: "overflow-y-auto bg-surface p-5" }, Ht = {
+	key: 0,
+	class: "flex justify-end gap-2 border-t border-border bg-surface-muted p-4"
+}, Ut = /* @__PURE__ */ p({
+	__name: "Dialog",
+	props: {
+		visible: { type: Boolean },
+		title: {},
+		description: {},
+		size: { default: "md" }
+	},
+	emits: ["update:visible", "close"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = o({
+			get: () => n.visible ?? !1,
+			set: (e) => r("update:visible", e)
+		}), a = {
+			sm: "max-w-sm",
+			md: "max-w-md",
+			lg: "max-w-2xl",
+			xl: "max-w-4xl"
+		};
+		function p(e) {
+			r("update:visible", e), e || r("close");
+		}
+		return (t, n) => (y(), s(T(ge), {
+			open: i.value,
+			"onUpdate:open": p
+		}, {
+			default: j(() => [t.$slots.trigger ? (y(), s(T(ve), {
+				key: 0,
+				"as-child": ""
+			}, {
+				default: j(() => [S(t.$slots, "trigger")]),
+				_: 3
+			})) : c("", !0), f(T(he), null, {
+				default: j(() => [f(T(me), { class: "fixed inset-0 z-50 bg-black/50" }), f(T(fe), { class: h(["fixed left-1/2 top-1/2 z-50 w-full max-h-[85vh] -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg border border-border bg-surface shadow-dialog focus-visible:outline-none", a[e.size]]) }, {
+					default: j(() => [
+						u("div", zt, [u("div", Bt, [e.title || t.$slots.header ? (y(), s(T(_e), {
+							key: 0,
+							class: "text-lg font-semibold text-foreground"
+						}, {
+							default: j(() => [S(t.$slots, "header", {}, () => [d(w(e.title), 1)])]),
+							_: 3
+						})) : c("", !0), e.description || t.$slots.description ? (y(), s(T(pe), {
+							key: 1,
+							class: "mt-1 text-sm text-muted"
+						}, {
+							default: j(() => [S(t.$slots, "description", {}, () => [d(w(e.description), 1)])]),
+							_: 3
+						})) : c("", !0)]), f(T(de), {
+							class: "rounded-md p-1 text-muted transition-colors hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+							"aria-label": "Close"
+						}, {
+							default: j(() => [f(T(z), { class: "size-4" })]),
+							_: 1
+						})]),
+						u("div", Vt, [S(t.$slots, "default")]),
+						t.$slots.footer ? (y(), l("div", Ht, [S(t.$slots, "footer")])) : c("", !0)
+					]),
+					_: 3
+				}, 8, ["class"])]),
+				_: 3
+			})]),
+			_: 3
+		}, 8, ["open"]));
+	}
+}), Wt = /* @__PURE__ */ p({
+	__name: "DropdownMenu",
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let n = t;
+		return (e, t) => (y(), s(T(Se), m(e.$attrs, { "onUpdate:open": t[0] ||= (e) => n("update:open", e) }), {
+			default: j(() => [S(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), Gt = /* @__PURE__ */ p({
+	__name: "DropdownMenuTrigger",
+	setup(e) {
+		return (e, t) => (y(), s(T(Ce), {
+			"as-child": "",
+			"focus-on-select": ""
+		}, {
+			default: j(() => [S(e.$slots, "default")]),
+			_: 3
+		}));
+	}
+}), Kt = /* @__PURE__ */ p({
+	__name: "DropdownMenuContent",
+	props: {
+		align: { default: "start" },
+		side: { default: "bottom" },
+		sideOffset: { default: 4 }
+	},
+	setup(e) {
+		return (t, n) => (y(), s(T(xe), null, {
+			default: j(() => [f(T(ye), {
+				align: e.align,
+				side: e.side,
+				"side-offset": e.sideOffset,
+				class: "z-50 min-w-40 rounded-md border border-border bg-surface p-1 shadow-popover"
+			}, {
+				default: j(() => [S(t.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"align",
+				"side",
+				"side-offset"
+			])]),
+			_: 3
+		}));
+	}
+}), qt = /* @__PURE__ */ p({
+	__name: "DropdownMenuItem",
+	props: { variant: {} },
+	emits: ["select"],
+	setup(e, { emit: t }) {
+		let n = B({
+			base: "relative flex w-full cursor-pointer select-none items-center gap-2 rounded px-2 py-1.5 text-sm outline-none transition-colors focus:bg-surface-muted data-[highlighted]:bg-surface-muted data-[highlighted]:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+			variants: { variant: {
+				default: "text-foreground",
+				destructive: "text-error-600"
+			} },
+			defaultVariants: { variant: "default" }
+		}), r = t;
+		return (t, i) => (y(), s(T(be), {
+			class: h(T(n)({ variant: e.variant })),
+			onSelect: i[0] ||= (e) => r("select")
+		}, {
+			default: j(() => [S(t.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+}), Jt = { class: "flex flex-col gap-2 sm:flex-row sm:items-stretch" }, Yt = { class: "border-b border-border px-3 py-2 text-xs font-medium text-muted" }, Xt = { class: "max-h-64 flex-1 overflow-y-auto p-1" }, Zt = ["disabled", "onClick"], Qt = { class: "truncate" }, $t = {
+	key: 0,
+	class: "px-2 py-1.5 text-sm text-muted"
+}, en = { class: "flex flex-row items-center justify-center gap-1 sm:flex-col" }, tn = { class: "border-b border-border px-3 py-2 text-xs font-medium text-muted" }, nn = { class: "max-h-64 flex-1 overflow-y-auto p-1" }, rn = ["disabled", "onClick"], an = { class: "truncate" }, on = {
+	key: 0,
+	class: "px-2 py-1.5 text-sm text-muted"
+}, sn = /* @__PURE__ */ p({
+	__name: "TransferList",
+	props: {
+		options: {},
+		modelValue: {},
+		sourceLabel: { default: "Available" },
+		targetLabel: { default: "Selected" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = b(new Set(n.modelValue ?? [])), s = b(/* @__PURE__ */ new Set()), p = b(/* @__PURE__ */ new Set()), m = o(() => n.options.filter((e) => !i.value.has(e.value))), g = o(() => n.options.filter((e) => i.value.has(e.value)));
+		function _() {
+			r("update:modelValue", g.value.map((e) => e.value));
+		}
+		function v(e, t) {
+			let n = new Set(e);
+			n.has(t) ? n.delete(t) : n.add(t), e.clear();
+			for (let t of n) e.add(t);
+		}
+		function C() {
+			for (let e of s.value) i.value.add(e);
+			s.value.clear(), _();
+		}
+		function E() {
+			for (let e of p.value) i.value.delete(e);
+			p.value.clear(), _();
+		}
+		function D() {
+			for (let e of n.options) i.value.add(e.value);
+			s.value.clear(), _();
+		}
+		function O() {
+			i.value.clear(), p.value.clear(), _();
+		}
+		return (t, n) => (y(), l("div", Jt, [
+			u("div", { class: h(["flex min-h-40 flex-1 flex-col rounded-md border border-border bg-surface", e.disabled && "opacity-50"]) }, [u("div", Yt, [S(t.$slots, "source-header", {}, () => [d(w(e.sourceLabel), 1)])]), u("ul", Xt, [(y(!0), l(a, null, x(m.value, (r) => (y(), l("li", { key: r.value }, [u("button", {
+				type: "button",
+				disabled: e.disabled,
+				class: "flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-sm transition-colors hover:bg-surface-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 disabled:cursor-not-allowed",
+				onClick: (e) => v(s.value, r.value)
+			}, [f(Y, {
+				"model-value": s.value.has(r.value),
+				disabled: e.disabled,
+				onClick: n[0] ||= N(() => {}, ["stop"]),
+				"onUpdate:modelValue": (e) => v(s.value, r.value)
+			}, null, 8, [
+				"model-value",
+				"disabled",
+				"onUpdate:modelValue"
+			]), S(t.$slots, "item", { option: r }, () => [u("span", Qt, w(r.label), 1)])], 8, Zt)]))), 128)), m.value.length === 0 ? (y(), l("li", $t, "Empty")) : c("", !0)])], 2),
+			u("div", en, [
+				f(J, {
+					variant: "outline",
+					size: "icon-sm",
+					disabled: e.disabled || s.value.size === 0,
+					"aria-label": "Move selected to target",
+					onClick: C
+				}, {
+					default: j(() => [f(T(R), { class: "size-4" })]),
+					_: 1
+				}, 8, ["disabled"]),
+				f(J, {
+					variant: "outline",
+					size: "icon-sm",
+					disabled: e.disabled || p.value.size === 0,
+					"aria-label": "Move selected to source",
+					onClick: E
+				}, {
+					default: j(() => [f(T(L), { class: "size-4" })]),
+					_: 1
+				}, 8, ["disabled"]),
+				f(J, {
+					variant: "ghost",
+					size: "icon-sm",
+					disabled: e.disabled,
+					"aria-label": "Move all to target",
+					onClick: D
+				}, {
+					default: j(() => [f(T(re), { class: "size-4" })]),
+					_: 1
+				}, 8, ["disabled"]),
+				f(J, {
+					variant: "ghost",
+					size: "icon-sm",
+					disabled: e.disabled,
+					"aria-label": "Move all to source",
+					onClick: O
+				}, {
+					default: j(() => [f(T(ne), { class: "size-4" })]),
+					_: 1
+				}, 8, ["disabled"])
+			]),
+			u("div", { class: h(["flex min-h-40 flex-1 flex-col rounded-md border border-border bg-surface", e.disabled && "opacity-50"]) }, [u("div", tn, [S(t.$slots, "target-header", {}, () => [d(w(e.targetLabel), 1)])]), u("ul", nn, [(y(!0), l(a, null, x(g.value, (r) => (y(), l("li", { key: r.value }, [u("button", {
+				type: "button",
+				disabled: e.disabled,
+				class: "flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-sm transition-colors hover:bg-surface-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 disabled:cursor-not-allowed",
+				onClick: (e) => v(p.value, r.value)
+			}, [f(Y, {
+				"model-value": p.value.has(r.value),
+				disabled: e.disabled,
+				onClick: n[1] ||= N(() => {}, ["stop"]),
+				"onUpdate:modelValue": (e) => v(p.value, r.value)
+			}, null, 8, [
+				"model-value",
+				"disabled",
+				"onUpdate:modelValue"
+			]), S(t.$slots, "item", { option: r }, () => [u("span", an, w(r.label), 1)])], 8, rn)]))), 128)), g.value.length === 0 ? (y(), l("li", on, "Empty")) : c("", !0)])], 2)
+		]));
+	}
+}), cn = /* @__PURE__ */ p({
+	__name: "Table",
+	props: {
+		striped: { type: Boolean },
+		size: { default: "default" },
+		contained: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(e) {
+		let t = e, n = o(() => H("w-full border-collapse text-start text-sm text-foreground", t.size === "sm" ? "text-xs" : "text-sm", t.striped && "[&_tbody>tr:nth-child(even)]:bg-surface-muted/40", t.contained && "overflow-hidden rounded-md border border-border bg-surface"));
+		return (e, t) => (y(), l("table", { class: h(n.value) }, [S(e.$slots, "default")], 2));
+	}
+}), ln = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, un = {}, dn = { class: "border-b border-border bg-surface-muted/60 text-xs font-medium text-muted" };
+function fn(e, t) {
+	return y(), l("thead", dn, [S(e.$slots, "default")]);
+}
+var pn = /*#__PURE__*/ ln(un, [["render", fn]]), mn = {};
+function hn(e, t) {
+	return y(), l("tbody", null, [S(e.$slots, "default")]);
+}
+var gn = /*#__PURE__*/ ln(mn, [["render", hn]]), X = /* @__PURE__ */ p({
+	__name: "TableRow",
+	props: { clickable: {
+		type: Boolean,
+		default: !1
+	} },
+	setup(e) {
+		return (t, n) => (y(), l("tr", { class: h(["border-b border-border/60 last:border-b-0", e.clickable && "cursor-pointer transition-colors hover:bg-surface-muted/50"]) }, [S(t.$slots, "default")], 2));
+	}
+}), _n = ["aria-sort"], vn = /* @__PURE__ */ p({
+	__name: "TableHead",
+	props: {
+		sortDirection: {},
+		width: {},
+		align: { default: "start" }
+	},
+	setup(e) {
+		let t = e, n = o(() => t.sortDirection && t.sortDirection !== "none" ? t.sortDirection : void 0);
+		return (t, r) => (y(), l("th", {
+			scope: "col",
+			"aria-sort": n.value,
+			style: g(e.width ? { width: e.width } : void 0),
+			class: h(T(H)("px-3 py-2 font-medium", e.align === "center" && "text-center", e.align === "end" && "text-end"))
+		}, [S(t.$slots, "default")], 14, _n));
+	}
+}), Z = /* @__PURE__ */ p({
+	__name: "TableCell",
+	props: {
+		align: { default: "start" },
+		truncate: { type: Boolean }
+	},
+	setup(e) {
+		let t = e, n = o(() => H("px-3 py-2 align-middle", t.align === "center" && "text-center", t.align === "end" && "text-end", t.truncate && "max-w-0 truncate"));
+		return (e, t) => (y(), l("td", { class: h(n.value) }, [S(e.$slots, "default")], 2));
+	}
+}), yn = ["colspan"], bn = /* @__PURE__ */ p({
+	__name: "TableEmpty",
+	props: {
+		columns: {},
+		label: {}
+	},
+	setup(e) {
+		return (t, n) => (y(), l("tr", null, [u("td", {
+			colspan: e.columns,
+			class: "px-3 py-8 text-center text-sm text-muted"
+		}, [S(t.$slots, "default", {}, () => [d(w(e.label), 1)])], 8, yn)]));
+	}
+});
+//#endregion
+//#region src/lib/pagination.ts
+function xn(e, t, n) {
+	if (n <= 0 || t <= 0) return {
+		from: 0,
+		to: 0,
+		total: Math.max(0, n)
+	};
+	let r = e * t + 1, i = Math.min(n, r + t - 1);
+	return r > n ? {
+		from: 0,
+		to: 0,
+		total: n
+	} : {
+		from: r,
+		to: i,
+		total: n
+	};
+}
+function Sn(e, t) {
+	return t <= 0 ? 1 : Math.max(1, Math.ceil(e / t));
+}
+function Cn(e, t, n = 5) {
+	if (t <= 0) return [];
+	let r = Math.floor(n / 2), i = Math.max(0, Math.min(e - r, t - n)), a = Math.max(0, i);
+	return Array.from({ length: Math.min(n, t - a) }, (e, t) => a + t + 1);
+}
+//#endregion
+//#region src/components/table/TablePagination.vue?vue&type=script&setup=true&lang.ts
+var wn = { class: "flex flex-wrap items-center justify-between gap-3 px-3 py-2 text-sm text-muted" }, Tn = { class: "flex items-center gap-2" }, En = ["value"], Dn = ["value"], On = { class: "flex items-center gap-2" }, kn = { class: "flex items-center gap-1" }, An = /* @__PURE__ */ p({
+	__name: "TablePagination",
+	props: {
+		pageIndex: {},
+		pageSize: {},
+		total: {},
+		pageSizeOptions: { default: () => [
+			5,
+			10,
+			20
+		] },
+		rowsPerPageLabel: { default: "Rows per page" },
+		ofLabel: { default: "of" },
+		previousLabel: { default: "Previous page" },
+		nextLabel: { default: "Next page" }
+	},
+	emits: ["update:pageIndex", "update:pageSize"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = o(() => Sn(n.total, n.pageSize)), c = o(() => xn(n.pageIndex, n.pageSize, n.total)), p = o(() => Cn(n.pageIndex, i.value));
+		function m(e) {
+			r("update:pageIndex", Math.max(0, Math.min(e, i.value - 1)));
+		}
+		return (t, n) => (y(), l("div", wn, [u("div", Tn, [u("span", null, w(e.rowsPerPageLabel), 1), u("select", {
+			value: e.pageSize,
+			class: "rounded-md border border-border bg-surface px-2 py-1 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+			onChange: n[0] ||= (e) => r("update:pageSize", Number(e.target.value))
+		}, [(y(!0), l(a, null, x(e.pageSizeOptions, (e) => (y(), l("option", {
+			key: e,
+			value: e
+		}, w(e), 9, Dn))), 128))], 40, En)]), u("div", On, [u("span", null, w(c.value.from) + "–" + w(c.value.to) + " " + w(e.ofLabel) + " " + w(c.value.total), 1), u("div", kn, [
+			f(J, {
+				variant: "ghost",
+				size: "icon-sm",
+				disabled: e.pageIndex <= 0,
+				"aria-label": e.previousLabel,
+				onClick: n[1] ||= (t) => m(e.pageIndex - 1)
+			}, {
+				default: j(() => [f(T(L), { class: "size-4 rtl:rotate-180" })]),
+				_: 1
+			}, 8, ["disabled", "aria-label"]),
+			(y(!0), l(a, null, x(p.value, (t) => (y(), s(J, {
+				key: t,
+				variant: t - 1 === e.pageIndex ? "default" : "ghost",
+				size: "icon-sm",
+				"aria-current": t - 1 === e.pageIndex ? "page" : void 0,
+				onClick: (e) => m(t - 1)
+			}, {
+				default: j(() => [d(w(t), 1)]),
+				_: 2
+			}, 1032, [
+				"variant",
+				"aria-current",
+				"onClick"
+			]))), 128)),
+			f(J, {
+				variant: "ghost",
+				size: "icon-sm",
+				disabled: e.pageIndex >= i.value - 1,
+				"aria-label": e.nextLabel,
+				onClick: n[2] ||= (t) => m(e.pageIndex + 1)
+			}, {
+				default: j(() => [f(T(R), { class: "size-4 rtl:rotate-180" })]),
+				_: 1
+			}, 8, ["disabled", "aria-label"])
+		])])]));
+	}
+}), jn = Xe({
+	rowSortingFeature: Je,
+	rowPaginationFeature: qe,
+	rowExpandingFeature: Ke,
+	sortedRowModel: Ge(),
+	paginatedRowModel: We(),
+	expandedRowModel: Ue(),
+	sortFns: Ye
+}), Mn = [
+	"a[href]",
+	"button",
+	"input",
+	"select",
+	"textarea",
+	"label",
+	"[role=\"checkbox\"]",
+	"[role=\"switch\"]",
+	"[role=\"combobox\"]",
+	"[role=\"menu\"]",
+	"[data-row-toggle-ignore]"
+].join(",");
+function Nn(e) {
+	let t = e;
+	return !t || typeof t.closest != "function" ? !1 : t.closest(Mn) !== null;
+}
+function Pn(e, t) {
+	return e[t] ? {} : { [t]: !0 };
+}
+//#endregion
+//#region src/components/data-table/DataTable.vue?vue&type=script&setup=true&lang.ts
+var Fn = ["onClick"], In = /* @__PURE__ */ p({
+	__name: "DataTable",
+	props: {
+		data: {},
+		columns: {},
+		getRowId: {},
+		striped: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "default" },
+		emptyLabel: { default: "No results" },
+		sortable: {
+			type: Boolean,
+			default: !0
+		},
+		expandable: {
+			type: Boolean,
+			default: !1
+		},
+		expanded: { default: () => ({}) },
+		stopRowToggleOnInteractiveCells: {
+			type: Boolean,
+			default: !0
+		},
+		maxHeight: {}
+	},
+	emits: [
+		"update:sorting",
+		"update:expanded",
+		"row-click"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = D(), u = b([]), p = n.getRowId ? (e) => n.getRowId(e) : void 0, m = Ze({
+			features: jn,
+			get columns() {
+				return n.columns;
+			},
+			get data() {
+				return n.data;
+			},
+			getRowId: p,
+			getRowCanExpand: () => n.expandable,
+			state: {
+				get sorting() {
+					return u.value;
+				},
+				get expanded() {
+					return n.expanded;
+				}
+			},
+			onSortingChange: (e) => {
+				u.value = typeof e == "function" ? e(u.value) : e, r("update:sorting", u.value.map((e) => ({
+					id: e.id,
+					desc: e.desc
+				})));
+			},
+			onExpandedChange: (e) => {
+				let t = typeof e == "function" ? e(n.expanded) : e;
+				r("update:expanded", t === !0 ? {} : t);
+			}
+		}), _ = o(() => m.getRowModel().rows), v = o(() => m.getAllLeafColumns().length);
+		function C(e) {
+			let t = m.getColumn(e);
+			return t?.getIsSorted() ? t.getIsSorted() === "desc" ? "descending" : "ascending" : "none";
+		}
+		let E = (e) => !!i[`cell-${e}`], O = (e) => {
+			let t = e.size;
+			return t ? `${t}px` : void 0;
+		};
+		function k(e, t) {
+			r("row-click", _.value.find((e) => e.id === t)?.original), n.expandable && (n.stopRowToggleOnInteractiveCells && Nn(e.target) || r("update:expanded", Pn(n.expanded, t)));
+		}
+		return (t, n) => (y(), l("div", {
+			class: h(e.maxHeight ? "overflow-auto" : void 0),
+			style: g(e.maxHeight ? { maxHeight: e.maxHeight } : void 0)
+		}, [f(cn, {
+			striped: e.striped,
+			size: e.size
+		}, {
+			default: j(() => [f(pn, null, {
+				default: j(() => [f(X, null, {
+					default: j(() => [(y(!0), l(a, null, x(T(m).getHeaderGroups()[0]?.headers ?? [], (t) => (y(), s(vn, {
+						key: t.id,
+						width: O(t.column.columnDef),
+						"sort-direction": t.column.getCanSort() ? C(t.column.id) : void 0
+					}, {
+						default: j(() => [e.sortable && t.column.getCanSort() ? (y(), l("button", {
+							key: 0,
+							type: "button",
+							class: "inline-flex items-center gap-1 rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+							onClick: (e) => t.column.toggleSorting()
+						}, [f(T(V), { header: t }, null, 8, ["header"]), C(t.column.id) === "descending" ? (y(), s(T(I), {
+							key: 0,
+							class: "size-3.5"
+						})) : C(t.column.id) === "ascending" ? (y(), s(T(te), {
+							key: 1,
+							class: "size-3.5"
+						})) : (y(), s(T(ie), {
+							key: 2,
+							class: "size-3.5 opacity-40"
+						}))], 8, Fn)) : (y(), s(T(V), {
+							key: 1,
+							header: t
+						}, null, 8, ["header"]))]),
+						_: 2
+					}, 1032, ["width", "sort-direction"]))), 128))]),
+					_: 1
+				})]),
+				_: 1
+			}), f(gn, null, {
+				default: j(() => [_.value.length === 0 ? (y(), s(bn, {
+					key: 0,
+					columns: v.value
+				}, {
+					default: j(() => [S(t.$slots, "empty", {}, () => [d(w(e.emptyLabel), 1)])]),
+					_: 3
+				}, 8, ["columns"])) : c("", !0), (y(!0), l(a, null, x(_.value, (n) => (y(), l(a, { key: n.id }, [f(X, {
+					clickable: e.expandable,
+					"data-row-id": n.id,
+					"data-state": n.getIsExpanded() ? "expanded" : void 0,
+					onClick: (e) => k(e, n.id)
+				}, {
+					default: j(() => [(y(!0), l(a, null, x(n.getAllCells(), (e) => (y(), s(Z, { key: e.id }, {
+						default: j(() => [E(e.column.id) ? S(t.$slots, `cell-${e.column.id}`, {
+							row: n,
+							cell: e,
+							value: e.getValue()
+						}, void 0, void 0, 0) : (y(), s(T(V), {
+							key: 1,
+							cell: e
+						}, null, 8, ["cell"]))]),
+						_: 2
+					}, 1024))), 128))]),
+					_: 2
+				}, 1032, [
+					"clickable",
+					"data-row-id",
+					"data-state",
+					"onClick"
+				]), n.getIsExpanded() ? (y(), s(X, {
+					key: 0,
+					class: "bg-surface-muted/30"
+				}, {
+					default: j(() => [f(Z, { colspan: v.value }, {
+						default: j(() => [S(t.$slots, "expansion", { row: n })]),
+						_: 2
+					}, 1032, ["colspan"])]),
+					_: 2
+				}, 1024)) : c("", !0)], 64))), 128))]),
+				_: 3
+			})]),
+			_: 3
+		}, 8, ["striped", "size"])], 6));
+	}
+});
+//#endregion
+//#region src/lib/tree.ts
+function Q(e, t, n = 1, r = null) {
+	return e.flatMap((e) => {
+		let i = {
+			node: e,
+			key: e.value,
+			level: n,
+			parentKey: r,
+			hasChildren: !!e.children?.length
+		};
+		return !i.hasChildren || !t.includes(e.value) ? [i] : [i, ...Q(e.children, t, n + 1, e.value)];
+	});
+}
+function Ln(e, t) {
+	for (let n of e) {
+		if (n.value === t) return n;
+		let e = n.children ? Ln(n.children, t) : void 0;
+		if (e) return e;
+	}
+}
+function $(e) {
+	return e.flatMap((e) => e.children?.length ? $(e.children) : [e.value]);
+}
+function Rn(e, t) {
+	let n = e.children?.length ? $([e]) : [e.value], r = n.filter((e) => t.includes(e)).length;
+	return r === 0 ? "unchecked" : r === n.length ? "checked" : "indeterminate";
+}
+function zn(e, t, n = (e) => e.label ?? "") {
+	let r = t.trim().toLowerCase();
+	return r ? e.reduce((e, i) => {
+		let a = i.children ? zn(i.children, t, n) : void 0;
+		return !n(i).toLowerCase().includes(r) && (!a || a.length === 0) || e.push({
+			...i,
+			children: a
+		}), e;
+	}, []) : e;
+}
+//#endregion
+//#region src/components/tree-table/TreeTable.vue?vue&type=script&setup=true&lang.ts
+var Bn = { class: "overflow-hidden rounded-md border border-border bg-surface" }, Vn = { class: "px-3 py-2" }, Hn = ["aria-label", "onClick"], Un = {
+	key: 1,
+	class: "inline-block size-4"
+}, Wn = /* @__PURE__ */ p({
+	__name: "TreeTable",
+	props: {
+		nodes: {},
+		columns: {},
+		expanded: { default: () => [] },
+		rowLabel: {
+			type: Function,
+			default: (e) => e.label ?? e.value
+		},
+		rowColumnHeader: { default: "Name" }
+	},
+	emits: ["update:expanded"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = o(() => `minmax(12rem, 1fr) ${n.columns.map((e) => e.width ?? "minmax(6rem, 1fr)").join(" ")}`), c = o(() => Q(n.nodes, n.expanded));
+		return (t, n) => (y(), l("div", Bn, [u("div", {
+			class: "grid border-b border-border bg-surface-muted/60 text-xs font-medium text-muted",
+			style: g({ gridTemplateColumns: i.value })
+		}, [u("div", Vn, [S(t.$slots, "header", {}, () => [d(w(e.rowColumnHeader), 1)])]), (y(!0), l(a, null, x(e.columns, (e) => (y(), l("div", {
+			key: e.key,
+			class: h(["px-3 py-2", [e.align === "center" && "text-center", e.align === "end" && "text-end"]])
+		}, w(e.header), 3))), 128))], 4), f(T(He), {
+			items: e.nodes,
+			"get-key": (e) => e.value,
+			"get-children": (e) => e.children,
+			expanded: e.expanded,
+			"onUpdate:expanded": n[0] ||= (e) => r("update:expanded", e)
+		}, {
+			default: j(() => [(y(!0), l(a, null, x(c.value, (n) => (y(), s(T(Ve), {
+				key: n.key,
+				value: n.node,
+				level: n.level,
+				as: "div",
+				class: "grid items-center border-b border-border/60 text-sm last:border-b-0 data-[selected]:bg-surface-muted/30",
+				style: g({ gridTemplateColumns: i.value })
+			}, {
+				default: j(({ isExpanded: r, handleToggle: i }) => [u("div", {
+					class: "flex items-center gap-1 px-3 py-2",
+					style: g({ paddingInlineStart: `calc(0.75rem + ${(n.level - 1) * 1.25}rem)` })
+				}, [n.hasChildren ? (y(), l("button", {
+					key: 0,
+					type: "button",
+					"aria-label": e.rowLabel(n.node),
+					class: h(["rounded p-0.5 text-muted transition-transform hover:bg-surface-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500", r && "rotate-90"]),
+					onClick: N(i, ["stop"])
+				}, [f(T(R), { class: "size-3.5 rtl:rotate-180" })], 10, Hn)) : (y(), l("span", Un)), S(t.$slots, "row-label", {
+					node: n.node,
+					level: n.level
+				}, () => [d(w(e.rowLabel(n.node)), 1)])], 4), (y(!0), l(a, null, x(e.columns, (e) => (y(), l("div", {
+					key: e.key,
+					class: h(["px-3 py-2", [e.align === "center" && "text-center", e.align === "end" && "text-end"]])
+				}, [S(t.$slots, `cell-${e.key}`, {
+					node: n.node,
+					row: n,
+					isExpanded: r,
+					hasChildren: n.hasChildren,
+					handleToggle: i
+				})], 2))), 128))]),
+				_: 2
+			}, 1032, [
+				"value",
+				"level",
+				"style"
+			]))), 128))]),
+			_: 3
+		}, 8, [
+			"items",
+			"get-key",
+			"get-children",
+			"expanded"
+		])]));
+	}
+}), Gn = ["disabled"], Kn = {
+	key: 0,
+	class: "truncate text-muted"
+}, qn = {
+	key: 1,
+	class: "flex flex-wrap items-center gap-1"
+}, Jn = {
+	key: 0,
+	class: "relative mb-2"
+}, Yn = ["placeholder"], Xn = {
+	key: 1,
+	class: "block h-0.5 w-2 rounded bg-white"
+}, Zn = { class: "truncate" }, Qn = {
+	key: 1,
+	class: "mt-2 flex justify-end border-t border-border pt-2"
+}, $n = /* @__PURE__ */ p({
+	__name: "TreeSelect",
+	props: {
+		modelValue: { default: () => [] },
+		nodes: {},
+		placeholder: { default: "Select" },
+		filterable: {
+			type: Boolean,
+			default: !0
+		},
+		filterPlaceholder: { default: "Search" },
+		disabled: { type: Boolean },
+		leafOnly: {
+			type: Boolean,
+			default: !0
+		},
+		size: { default: "default" }
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = b(!1), p = b(""), m = b([]), _ = o(() => zn(n.nodes, p.value)), v = o(() => Q(_.value, m.value)), S = o(() => $(n.nodes)), C = o(() => n.modelValue.map((e) => Ln(n.nodes, e)).filter((e) => !!e));
+		function E(e) {
+			return Rn(e, n.modelValue);
+		}
+		function D(e) {
+			let t = (Array.isArray(e) ? e : []).map((e) => e.value);
+			r("update:modelValue", n.leafOnly ? t.filter((e) => S.value.includes(e)) : t);
+		}
+		return (t, n) => (y(), s(T(Te), {
+			open: i.value,
+			"onUpdate:open": n[3] ||= (e) => i.value = e
+		}, {
+			default: j(() => [f(T(Ee), {
+				"as-child": "",
+				disabled: e.disabled
+			}, {
+				default: j(() => [u("button", {
+					type: "button",
+					disabled: e.disabled,
+					class: h(["flex w-full items-center justify-between gap-2 rounded-md border border-border bg-surface px-3 text-start text-sm text-foreground shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-50", e.size === "sm" ? "min-h-8 py-1 text-xs" : "min-h-9 py-1.5"])
+				}, [C.value.length === 0 ? (y(), l("span", Kn, w(e.placeholder), 1)) : (y(), l("span", qn, [(y(!0), l(a, null, x(C.value, (e) => (y(), s(vt, {
+					key: e.value,
+					tone: "secondary"
+				}, {
+					default: j(() => [d(w(e.label ?? e.value), 1)]),
+					_: 2
+				}, 1024))), 128))])), f(T(I), { class: "size-4 shrink-0 opacity-50" })], 10, Gn)]),
+				_: 1
+			}, 8, ["disabled"]), f(T(we), {
+				"side-offset": 4,
+				class: "z-50 w-72 rounded-md border border-border bg-surface p-2 shadow-popover"
+			}, {
+				default: j(() => [
+					e.filterable ? (y(), l("div", Jn, [f(T(ce), { class: "pointer-events-none absolute start-2 top-1/2 size-3.5 -translate-y-1/2 text-muted" }), M(u("input", {
+						"onUpdate:modelValue": n[0] ||= (e) => p.value = e,
+						placeholder: e.filterPlaceholder,
+						class: "w-full rounded-md border border-border bg-surface py-1.5 pe-2 ps-7 text-sm placeholder:text-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
+					}, null, 8, Yn), [[O, p.value]])])) : c("", !0),
+					f(T(He), {
+						"model-value": C.value,
+						items: _.value,
+						"get-key": (e) => e.value,
+						"get-children": (e) => e.children,
+						expanded: m.value,
+						"onUpdate:expanded": n[1] ||= (e) => m.value = e,
+						multiple: "",
+						"bubble-select": "",
+						"onUpdate:modelValue": D
+					}, {
+						default: j(() => [(y(!0), l(a, null, x(v.value, (e) => (y(), s(T(Ve), {
+							key: e.key,
+							value: e.node,
+							level: e.level,
+							as: "div",
+							class: "flex items-center gap-2 rounded py-1.5 text-sm text-foreground data-[selected]:bg-surface-muted/50",
+							style: g({ paddingInlineStart: `calc(0.5rem + ${(e.level - 1) * 1}rem)` })
+						}, {
+							default: j(() => [u("span", {
+								class: h(["flex size-4 shrink-0 items-center justify-center rounded border border-border", E(e.node) !== "unchecked" && "border-primary-500 bg-primary-500 text-white"]),
+								"aria-hidden": "true"
+							}, [E(e.node) === "checked" ? (y(), s(T(F), {
+								key: 0,
+								class: "size-3"
+							})) : E(e.node) === "indeterminate" ? (y(), l("span", Xn)) : c("", !0)], 2), u("span", Zn, w(e.node.label ?? e.node.value), 1)]),
+							_: 2
+						}, 1032, [
+							"value",
+							"level",
+							"style"
+						]))), 128))]),
+						_: 1
+					}, 8, [
+						"model-value",
+						"items",
+						"get-key",
+						"get-children",
+						"expanded"
+					]),
+					e.modelValue.length ? (y(), l("div", Qn, [u("button", {
+						type: "button",
+						class: "inline-flex items-center gap-1 rounded px-2 py-1 text-xs text-muted hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+						onClick: n[2] ||= (e) => r("update:modelValue", [])
+					}, [f(T(z), { class: "size-3" }), n[4] ||= d("Clear ", -1)])])) : c("", !0)
+				]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["open"]));
+	}
+});
+//#endregion
+export { J as Button, Y as Checkbox, In as DataTable, Rt as DatePicker, Ut as Dialog, Wt as DropdownMenu, Kt as DropdownMenuContent, qt as DropdownMenuItem, Gt as DropdownMenuTrigger, q as Icon, ct as Input, gt as Password, Tt as Select, Et as SelectButton, cn as Table, gn as TableBody, Z as TableCell, bn as TableEmpty, vn as TableHead, pn as TableHeader, An as TablePagination, X as TableRow, yt as Tabs, St as TabsContent, bt as TabsList, xt as TabsTrigger, vt as Tag, ut as Textarea, sn as TransferList, $n as TreeSelect, Wn as TreeTable, W as clampTime, H as cn, Qe as dateToValue, rt as resolveIconName, G as sortRange, K as toISODate, U as toMinutes, tt as toPascalCase, et as toTime, $e as valueToDate };
+
+//# sourceMappingURL=index.js.map