@wirecore/wirelayer-vue 0.5.0 → 0.7.0

package/dist/ContextMenu-BEOEyUa6.js

@@ -0,0 +1,2235 @@
+import { a as e, i as t, n } from "./recipes-BlM9aKyt.js";
+import { t as r } from "./attrs-KNjeRUCf.js";
+import { r as i, t as a } from "./InputStatus-D7kBGlew.js";
+import { t as o } from "./Input-Cn5q0yVE.js";
+import { t as s } from "./label-for-eQvYjsM5.js";
+import { n as c, t as l } from "./Select-Bd2Vpr7G.js";
+import { a as u, n as d, r as f } from "./Highlight-uwptdaUw.js";
+import { Fragment as p, Teleport as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createSlots as b, createTextVNode as x, createVNode as S, defineComponent as C, guardReactiveProps as w, inject as T, mergeModels as E, mergeProps as D, nextTick as O, normalizeClass as k, normalizeProps as A, normalizeStyle as j, onBeforeUnmount as M, onMounted as ee, openBlock as N, provide as P, reactive as F, ref as I, renderList as L, renderSlot as R, resolveComponent as z, resolveDynamicComponent as B, shallowRef as V, toDisplayString as H, unref as U, useAttrs as te, useId as ne, useModel as re, useTemplateRef as ie, vModelText as W, watch as G, withCtx as K, withDirectives as q, withKeys as J } from "vue";
+import { CalendarDays as ae, Check as oe, ChevronDown as se, ChevronLeft as ce, ChevronRight as le, ChevronUp as ue, ChevronsLeft as de, ChevronsRight as fe, Circle as pe, LoaderCircle as me, Minus as he, Plus as ge, X as _e } from "@lucide/vue";
+import { SUBMENU_GUTTER as ve, allListOptionsState as ye, anchorBox as be, controlIds as xe, createLongPress as Se, datePicker as Y, defaultNumberFormat as Ce, filterMenuEntries as we, fromWallIso as Te, highlightFirstMenuItem as Ee, insertIntoTextControl as De, isoWeekday as Oe, linkTarget as ke, localeWeekInfo as Ae, menu as je, menuSearchKey as Me, multiSelect as Ne, numberInput as Pe, numberInputKey as Fe, pageForSize as Ie, pagination as Le, parseLocaleNumber as Re, parsePastedDate as ze, parsePastedRange as Be, pluralText as Ve, rowWeekNumber as He, setTextControlValue as Ue, skeleton as We, textarea as Ge, textareaParts as Ke, timeSlots as qe, timeZoneLabel as Je, timeZoneLongLabel as Ye, toNumberInputValue as Xe, toOverlayAnchor as Ze, toWallIso as Qe, todayIso as $e, toggleAllListOptions as et, zonedToInstant as tt } from "@wirecore/wirelayer-recipes";
+import { Menu as X } from "@ark-ui/vue/menu";
+import { useFilter as nt } from "@ark-ui/vue/locale";
+import { Field as rt, useFieldContext as it } from "@ark-ui/vue/field";
+import { Pagination as Z, usePagination as at } from "@ark-ui/vue/pagination";
+import { createListCollection as ot } from "@ark-ui/vue/collection";
+import { Select as Q } from "@ark-ui/vue/select";
+import { DateInput as st } from "@ark-ui/vue/date-input";
+import { DatePicker as $, useDatePickerContext as ct } from "@ark-ui/vue/date-picker";
+import { CalendarDateTime as lt, DateFormatter as ut, Time as dt, parseDate as ft, parseDateTime as pt, toCalendarDateTime as mt } from "@internationalized/date";
+import { NumberInput as ht, useNumberInput as gt } from "@ark-ui/vue/number-input";
+//#region src/components/Menu/state.ts
+var _t = Symbol("wirecore-menu-state");
+function vt(e) {
+	let t = F({
+		checked: {},
+		radio: {}
+	});
+	G(e.items, () => {
+		t.checked = {}, t.radio = {};
+	});
+	let n = {
+		checked: (e) => t.checked[e.value] ?? e.checked ?? !1,
+		setChecked: (n, r) => {
+			t.checked[n.value] = r, e.onCheckedChange(n.value, r);
+		},
+		radio: (e) => t.radio[e.name] ?? e.value,
+		setRadio: (n, r) => {
+			t.radio[n.name] = r, e.onValueChange(n.name, r);
+		},
+		linkAs: () => e.linkAs() ?? "a"
+	};
+	return P(_t, n), n;
+}
+var yt = () => T(_t, null), bt = /* @__PURE__ */ C({
+	name: "MenuEntries",
+	__name: "MenuEntries",
+	props: { entries: {} },
+	emits: ["select"],
+	setup(e, { emit: t }) {
+		let r = n("menu", je), i = t, a = r(), o = {
+			placement: "right-start",
+			offset: { mainAxis: ve }
+		}, s = yt(), c = (e, t) => !("type" in e) || e.type === "checkbox" ? e.value : e.type === "radio" ? `radio-${e.name}` : `${e.type}-${t}`;
+		return (t, n) => {
+			let l = z("MenuEntries", !0);
+			return N(!0), v(p, null, L(e.entries, (e, u) => (N(), v(p, { key: c(e, u) }, ["type" in e && e.type === "separator" ? (N(), g(U(X).Separator, {
+				key: 0,
+				class: k(U(a).separator())
+			}, null, 8, ["class"])) : "type" in e && e.type === "group" ? (N(), g(U(X).ItemGroup, { key: 1 }, {
+				default: K(() => [S(U(X).ItemGroupLabel, { class: k(U(a).groupLabel()) }, {
+					default: K(() => [x(H(e.label), 1)]),
+					_: 2
+				}, 1032, ["class"]), S(l, {
+					entries: e.items,
+					onSelect: n[0] ||= (e) => i("select", e)
+				}, b({ _: 2 }, [t.$slots.item ? {
+					name: "item",
+					fn: K((e) => [R(t.$slots, "item", D({ ref_for: !0 }, e))]),
+					key: "0"
+				} : void 0]), 1032, ["entries"])]),
+				_: 2
+			}, 1024)) : "type" in e && e.type === "radio" ? (N(), g(U(X).RadioItemGroup, {
+				key: 2,
+				"model-value": U(s)?.radio(e),
+				"onUpdate:modelValue": (t) => U(s)?.setRadio(e, t)
+			}, {
+				default: K(() => [e.label ? (N(), g(U(X).ItemGroupLabel, {
+					key: 0,
+					class: k(U(a).groupLabel())
+				}, {
+					default: K(() => [x(H(e.label), 1)]),
+					_: 2
+				}, 1032, ["class"])) : _("", !0), (N(!0), v(p, null, L(e.items, (e) => (N(), g(U(X).RadioItem, {
+					key: e.value,
+					value: e.value,
+					disabled: e.disabled,
+					"close-on-select": e.closeOnSelect ?? !1,
+					class: k(U(a).item())
+				}, {
+					default: K(() => [y("span", { class: k(U(a).indicator()) }, [S(U(X).ItemIndicator, null, {
+						default: K(() => [S(U(pe), {
+							class: k(U(a).indicatorDot()),
+							"aria-hidden": "true"
+						}, null, 8, ["class"])]),
+						_: 1
+					})], 2), R(t.$slots, "item", { item: e }, () => [e.icon ? (N(), g(B(e.icon), {
+						key: 0,
+						class: k(U(a).icon()),
+						"aria-hidden": "true"
+					}, null, 8, ["class"])) : _("", !0), y("span", { class: k(U(a).label()) }, H(e.label), 3)])]),
+					_: 2
+				}, 1032, [
+					"value",
+					"disabled",
+					"close-on-select",
+					"class"
+				]))), 128))]),
+				_: 2
+			}, 1032, ["model-value", "onUpdate:modelValue"])) : "type" in e && e.type === "checkbox" ? (N(), g(U(X).CheckboxItem, {
+				key: 3,
+				value: e.value,
+				checked: U(s)?.checked(e) ?? !!e.checked,
+				disabled: e.disabled,
+				"close-on-select": e.closeOnSelect ?? !1,
+				class: k(U(a).item()),
+				"onUpdate:checked": (t) => U(s)?.setChecked(e, t)
+			}, {
+				default: K(() => [y("span", { class: k(U(a).indicator()) }, [S(U(X).ItemIndicator, null, {
+					default: K(() => [S(U(oe), {
+						class: k(U(a).indicatorIcon()),
+						"aria-hidden": "true"
+					}, null, 8, ["class"])]),
+					_: 1
+				})], 2), R(t.$slots, "item", { item: e }, () => [e.icon ? (N(), g(B(e.icon), {
+					key: 0,
+					class: k(U(a).icon()),
+					"aria-hidden": "true"
+				}, null, 8, ["class"])) : _("", !0), y("span", { class: k(U(a).label()) }, H(e.label), 3)])]),
+				_: 2
+			}, 1032, [
+				"value",
+				"checked",
+				"disabled",
+				"close-on-select",
+				"class",
+				"onUpdate:checked"
+			])) : !("type" in e) && e.children ? (N(), g(U(X).Root, {
+				key: 4,
+				positioning: o,
+				onSelect: n[2] ||= (e) => i("select", e.value)
+			}, {
+				default: K(() => [S(U(X).TriggerItem, { class: k(U(a).item()) }, {
+					default: K(() => [
+						e.icon ? (N(), g(B(e.icon), {
+							key: 0,
+							class: k(U(a).icon()),
+							"aria-hidden": "true"
+						}, null, 8, ["class"])) : _("", !0),
+						y("span", { class: k(U(a).label()) }, H(e.label), 3),
+						S(U(le), {
+							class: k(U(a).submenuIcon()),
+							"aria-hidden": "true"
+						}, null, 8, ["class"])
+					]),
+					_: 2
+				}, 1032, ["class"]), (N(), g(m, { to: "body" }, [S(U(X).Positioner, null, {
+					default: K(() => [S(U(X).Content, { class: k(U(a).content()) }, {
+						default: K(() => [S(l, {
+							entries: e.children,
+							onSelect: n[1] ||= (e) => i("select", e)
+						}, b({ _: 2 }, [t.$slots.item ? {
+							name: "item",
+							fn: K((e) => [R(t.$slots, "item", D({ ref_for: !0 }, e))]),
+							key: "0"
+						} : void 0]), 1032, ["entries"])]),
+						_: 2
+					}, 1032, ["class"])]),
+					_: 2
+				}, 1024)]))]),
+				_: 2
+			}, 1024)) : !("type" in e) && (e.href || e.to) ? (N(), g(U(X).Item, {
+				key: 5,
+				value: e.value,
+				disabled: e.disabled,
+				"close-on-select": e.closeOnSelect,
+				"as-child": ""
+			}, {
+				default: K(() => [(N(), g(B(U(s)?.linkAs() ?? "a"), D({ ref_for: !0 }, U(ke)(e.href, e.to), { class: U(r)({ danger: e.danger }).item() }), {
+					default: K(() => [R(t.$slots, "item", { item: e }, () => [
+						e.icon ? (N(), g(B(e.icon), {
+							key: 0,
+							class: k(U(a).icon()),
+							"aria-hidden": "true"
+						}, null, 8, ["class"])) : _("", !0),
+						y("span", { class: k(U(a).label()) }, H(e.label), 3),
+						e.shortcut ? (N(), v("span", {
+							key: 1,
+							class: k(U(a).shortcut()),
+							"aria-hidden": "true"
+						}, H(e.shortcut), 3)) : _("", !0)
+					])]),
+					_: 2
+				}, 1040, ["class"]))]),
+				_: 2
+			}, 1032, [
+				"value",
+				"disabled",
+				"close-on-select"
+			])) : "type" in e ? _("", !0) : (N(), g(U(X).Item, {
+				key: 6,
+				value: e.value,
+				disabled: e.disabled,
+				"close-on-select": e.closeOnSelect,
+				class: k(U(r)({ danger: e.danger }).item())
+			}, {
+				default: K(() => [R(t.$slots, "item", { item: e }, () => [
+					e.icon ? (N(), g(B(e.icon), {
+						key: 0,
+						class: k(U(a).icon()),
+						"aria-hidden": "true"
+					}, null, 8, ["class"])) : _("", !0),
+					y("span", { class: k(U(a).label()) }, H(e.label), 3),
+					e.shortcut ? (N(), v("span", {
+						key: 1,
+						class: k(U(a).shortcut()),
+						"aria-hidden": "true"
+					}, H(e.shortcut), 3)) : _("", !0)
+				])]),
+				_: 2
+			}, 1032, [
+				"value",
+				"disabled",
+				"close-on-select",
+				"class"
+			]))], 64))), 128);
+		};
+	}
+});
+//#endregion
+//#region src/overlay.ts
+function xt(e) {
+	let t = I(e.defaultOpen?.() ?? !1), n = V(null), r = null, i = h(() => e.open() ?? t.value), a = h(() => n.value ?? e.anchor() ?? null);
+	G(i, (t) => {
+		if (typeof document < "u") {
+			if (t) r = document.activeElement;
+			else if (e.restoreFocus) {
+				let e = r, t = () => {
+					if (i.value) return;
+					let t = document.activeElement;
+					(!t || t === document.body || !t.isConnected || t.closest("[data-scope=menu]")) && e?.focus();
+				};
+				requestAnimationFrame(() => {
+					t(), setTimeout(t, 50);
+				});
+			}
+		}
+	});
+	let o = (n) => {
+		t.value = n, e.onOpenChange(n);
+	}, s = (e) => {
+		e && (n.value = null), o(e);
+	}, c = {
+		open(e) {
+			n.value = Ze(e), o(!0);
+		},
+		close: () => o(!1),
+		toggle(e) {
+			i.value ? c.close() : c.open(e);
+		}
+	};
+	return {
+		isOpen: i,
+		anchor: a,
+		anchorPoint: h(() => a.value && !("getBoundingClientRect" in a.value) ? a.value : void 0),
+		onOpenChange: s,
+		handle: c,
+		positioning: (e) => {
+			let t = a.value;
+			return t ? "getBoundingClientRect" in t ? {
+				...e,
+				getAnchorElement: () => t
+			} : {
+				...e,
+				getAnchorRect: () => be(t)
+			} : e;
+		},
+		finalFocusEl: () => a.value ? r : null
+	};
+}
+//#endregion
+//#region src/components/Menu/Menu.vue?vue&type=script&setup=true&lang.ts
+var St = ["aria-label"], Ct = [
+	"placeholder",
+	"aria-label",
+	"aria-activedescendant",
+	"onKeydown",
+	"onInput"
+], wt = { role: "status" }, Tt = /* @__PURE__ */ C({
+	__name: "Menu",
+	props: {
+		items: {},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: void 0
+		},
+		anchor: { default: void 0 },
+		searchable: { type: Boolean },
+		searchLabel: {},
+		placement: { default: "bottom-start" },
+		arrow: { type: Boolean },
+		linkAs: {},
+		classes: {}
+	},
+	emits: [
+		"select",
+		"checked-change",
+		"value-change",
+		"update:open"
+	],
+	setup(t, { expose: r, emit: i }) {
+		let a = t, o = n("menu", je, () => a.classes), s = i, c = o(), l = e();
+		vt({
+			items: () => a.items,
+			linkAs: () => a.linkAs,
+			onCheckedChange: (e, t) => s("checked-change", e, t),
+			onValueChange: (e, t) => s("value-change", e, t)
+		});
+		let u = xt({
+			open: () => a.open,
+			defaultOpen: () => a.defaultOpen,
+			anchor: () => a.anchor,
+			onOpenChange: (e) => s("update:open", e),
+			restoreFocus: !0
+		});
+		r(u.handle);
+		let d = I(""), f = I(), p = nt({
+			sensitivity: "base",
+			usage: "sort"
+		}), x = h(() => a.searchable && d.value ? we(a.items, (e) => p.value.contains(e, d.value)) : a.items), C = I(null);
+		async function T(e, t) {
+			let n = e.target;
+			await O(), f.value = Ee(n, t);
+		}
+		G(u.isOpen, async (e) => {
+			d.value = "", f.value = void 0, e && a.searchable && (await O(), requestAnimationFrame(() => requestAnimationFrame(() => C.value?.focus())));
+		});
+		let E = h(() => u.positioning({
+			placement: a.placement,
+			gutter: a.arrow ? 10 : 8
+		}));
+		return (e, n) => (N(), g(U(X).Root, {
+			open: U(u).isOpen.value,
+			positioning: E.value,
+			"anchor-point": U(u).anchorPoint.value,
+			"lazy-mount": "",
+			"unmount-on-exit": "",
+			"onUpdate:open": n[2] ||= (e) => U(u).onOpenChange(e),
+			onSelect: n[3] ||= (e) => s("select", e.value)
+		}, {
+			default: K(() => [e.$slots.default ? (N(), g(U(X).Trigger, {
+				key: 0,
+				"as-child": ""
+			}, {
+				default: K(() => [R(e.$slots, "default")]),
+				_: 3
+			})) : _("", !0), (N(), g(m, { to: "body" }, [S(U(X).Positioner, null, {
+				default: K(() => [S(U(X).Content, { class: k(U(c).content()) }, {
+					default: K(() => [
+						t.arrow ? (N(), g(U(X).Arrow, {
+							key: 0,
+							class: k(U(c).arrow())
+						}, {
+							default: K(() => [S(U(X).ArrowTip, { class: k(U(c).arrowTip()) }, null, 8, ["class"])]),
+							_: 1
+						}, 8, ["class"])) : _("", !0),
+						t.searchable ? (N(), g(U(X).Context, { key: 1 }, {
+							default: K((e) => [y("div", {
+								role: "group",
+								"aria-label": t.searchLabel ?? U(l).menu.search,
+								class: k(U(c).search())
+							}, [q(y("input", {
+								ref_key: "search",
+								ref: C,
+								"onUpdate:modelValue": n[0] ||= (e) => d.value = e,
+								type: "text",
+								autocomplete: "off",
+								class: k(U(c).searchInput()),
+								placeholder: t.searchLabel ?? U(l).menu.search,
+								"aria-label": t.searchLabel ?? U(l).menu.search,
+								"aria-activedescendant": f.value,
+								onKeydown: (t) => f.value = U(Me)(t, e) ?? f.value,
+								onInput: (t) => T(t, e)
+							}, null, 42, Ct), [[W, d.value]])], 10, St)]),
+							_: 1
+						})) : _("", !0),
+						S(bt, {
+							entries: x.value,
+							onSelect: n[1] ||= (e) => s("select", e)
+						}, b({ _: 2 }, [e.$slots.item ? {
+							name: "item",
+							fn: K((t) => [R(e.$slots, "item", A(w(t)))]),
+							key: "0"
+						} : void 0]), 1032, ["entries"]),
+						t.searchable && !x.value.length ? (N(), v("div", {
+							key: 2,
+							role: "group",
+							class: k(U(c).empty())
+						}, [y("span", wt, H(U(l).common.noResults), 1)], 2)) : _("", !0)
+					]),
+					_: 3
+				}, 8, ["class"])]),
+				_: 3
+			})]))]),
+			_: 3
+		}, 8, [
+			"open",
+			"positioning",
+			"anchor-point"
+		]));
+	}
+}), Et = ["id"], Dt = /* @__PURE__ */ C({
+	inheritAttrs: !1,
+	__name: "Textarea",
+	props: /*@__PURE__*/ E({
+		defaultValue: {},
+		size: {},
+		invalid: { type: Boolean },
+		success: { type: Boolean },
+		disabled: { type: Boolean },
+		autoResize: { type: Boolean },
+		minRows: {},
+		maxRows: {},
+		showCount: { type: Boolean },
+		loading: { type: Boolean },
+		clearable: { type: Boolean },
+		clearLabel: {},
+		classes: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(t) {
+		let r = t, o = n("textarea", Ge, () => r.classes), s = n("textareaParts", Ke, () => r.classes), c = e(), l = re(t, "modelValue"), u = te(), d = it(), f = i(), m = h(() => r.invalid || !!d?.value.invalid), b = h(() => !m.value && (r.success || f.value.success)), x = h(() => r.disabled || !!d?.value.disabled), C = h(() => u.readonly !== void 0 && u.readonly !== !1), w = h(() => {
+			let e = Number(u.maxlength ?? u.maxLength);
+			return Number.isFinite(e) && e > 0 ? e : void 0;
+		}), T = h(() => r.showCount && w.value !== void 0), E = h(() => r.loading || r.clearable || b.value), A = h(() => T.value || r.loading || r.clearable), P = h(() => s()), F = I(r.defaultValue ?? ""), L = h(() => (l.value ?? F.value).length), R = h({
+			get: () => l.value ?? F.value,
+			set: (e) => {
+				F.value = e, l.value = e;
+			}
+		}), z = ie("element");
+		function B() {
+			let e = z.value?.$el;
+			if (!r.autoResize || !e) return;
+			e.style.height = "auto";
+			let t = e.offsetHeight - e.clientHeight, n = e.scrollHeight + t;
+			if (r.minRows || r.maxRows) {
+				let i = getComputedStyle(e), a = parseFloat(i.lineHeight) || parseFloat(i.fontSize) * 1.5, o = parseFloat(i.paddingTop) + parseFloat(i.paddingBottom) + t, s = r.maxRows ? r.maxRows * a + o : Infinity;
+				e.style.overflowY = n > s ? "auto" : "", n = Math.min(Math.max(n, r.minRows ? r.minRows * a + o : 0), s);
+			}
+			e.style.height = `${n}px`;
+		}
+		ee(B), G(l, () => O(B));
+		let V = ne(), W = I(""), K;
+		function q(e) {
+			F.value = e.target.value, B(), T.value && (clearTimeout(K), K = setTimeout(() => {
+				W.value = c.textarea.remaining(w.value - L.value, w.value);
+			}, 1e3));
+		}
+		M(() => clearTimeout(K));
+		let J = h(() => [
+			d?.value.ariaDescribedby,
+			T.value && V,
+			u["aria-describedby"]
+		].filter(Boolean).join(" ") || void 0);
+		function ae() {
+			let e = z.value?.$el;
+			e && (Ue(e), e.focus());
+		}
+		return (e, n) => A.value ? (N(), v("div", {
+			key: 1,
+			class: k(P.value.base({ class: k(U(u).class) })),
+			style: j(U(u).style)
+		}, [
+			S(U(rt).Textarea, D({
+				ref_key: "element",
+				ref: z,
+				modelValue: R.value,
+				"onUpdate:modelValue": n[1] ||= (e) => R.value = e
+			}, {
+				...U(u),
+				class: void 0,
+				style: void 0
+			}, {
+				class: U(o)({
+					size: t.size,
+					invalid: m.value,
+					success: b.value,
+					disabled: x.value,
+					autoResize: t.autoResize,
+					hasTrailing: E.value
+				}),
+				rows: U(u).rows ?? t.minRows,
+				disabled: x.value || void 0,
+				"aria-invalid": m.value || void 0,
+				"aria-describedby": J.value,
+				"aria-busy": t.loading || void 0,
+				onInput: q
+			}), null, 16, [
+				"modelValue",
+				"class",
+				"rows",
+				"disabled",
+				"aria-invalid",
+				"aria-describedby",
+				"aria-busy"
+			]),
+			E.value ? (N(), v("div", {
+				key: 0,
+				class: k(P.value.trailing())
+			}, [S(a, {
+				loading: t.loading,
+				clear: t.clearable && L.value > 0 && !x.value && !C.value,
+				"clear-label": t.clearLabel ?? U(c).field.clear,
+				success: b.value,
+				classes: {
+					spinner: P.value.spinner(),
+					clear: P.value.clear(),
+					clearIcon: P.value.clearIcon(),
+					statusIcon: P.value.statusIcon()
+				},
+				onClear: ae
+			}, null, 8, [
+				"loading",
+				"clear",
+				"clear-label",
+				"success",
+				"classes"
+			])], 2)) : _("", !0),
+			T.value ? (N(), v(p, { key: 1 }, [y("span", {
+				id: U(V),
+				class: k(P.value.counter()),
+				"aria-hidden": "true"
+			}, H(U(c).textarea.counter(L.value, w.value)), 11, Et), y("span", {
+				class: k(P.value.status()),
+				role: "status"
+			}, H(W.value), 3)], 64)) : _("", !0)
+		], 6)) : (N(), g(U(rt).Textarea, D({
+			key: 0,
+			ref_key: "element",
+			ref: z,
+			modelValue: R.value,
+			"onUpdate:modelValue": n[0] ||= (e) => R.value = e
+		}, {
+			...U(u),
+			class: U(o)({
+				size: t.size,
+				invalid: m.value,
+				success: b.value,
+				disabled: x.value,
+				autoResize: t.autoResize,
+				class: k(U(u).class)
+			})
+		}, {
+			rows: U(u).rows ?? t.minRows,
+			disabled: x.value || void 0,
+			"aria-invalid": m.value || void 0,
+			onInput: q
+		}), null, 16, [
+			"modelValue",
+			"rows",
+			"disabled",
+			"aria-invalid"
+		]));
+	}
+}), Ot = { "aria-hidden": "true" }, kt = { "aria-hidden": "true" }, At = /* @__PURE__ */ C({
+	inheritAttrs: !1,
+	__name: "Pagination",
+	props: {
+		count: {},
+		pageSize: { default: 10 },
+		page: { default: void 0 },
+		defaultPage: { default: void 0 },
+		siblingCount: { default: 1 },
+		boundaryCount: {},
+		showSummary: {
+			type: Boolean,
+			default: !0
+		},
+		summary: {},
+		pageSizes: {},
+		jumper: { type: Boolean },
+		variant: { default: "full" },
+		withEdges: { type: Boolean },
+		hideSinglePage: { type: Boolean },
+		getPageHref: {},
+		translations: {},
+		classes: {}
+	},
+	emits: ["update:page", "update:pageSize"],
+	setup(t, { emit: r }) {
+		let i = t, a = n("pagination", Le, () => i.classes), s = r, c = te(), u = h(() => a({ responsive: i.variant === "auto" })), d = e(), f = h(() => ({
+			...d.pagination,
+			...i.translations
+		})), m = I(i.pageSize);
+		G(() => i.pageSize, (e) => m.value = e);
+		let b = (e) => ({
+			start: Math.min((e - 1) * m.value + 1, i.count),
+			end: Math.min(e * m.value, i.count),
+			count: i.count
+		}), C = h(() => i.hideSinglePage && i.count <= m.value), w = h(() => i.getPageHref ? "a" : "button"), T = (e) => i.getPageHref && e ? {
+			role: "link",
+			"aria-disabled": "true"
+		} : {}, E = h(() => (i.pageSizes ?? []).map((e) => ({
+			value: e,
+			label: String(e)
+		}))), A = at(h(() => ({
+			count: i.count,
+			pageSize: m.value,
+			page: i.page,
+			defaultPage: i.defaultPage,
+			siblingCount: i.siblingCount,
+			boundaryCount: i.boundaryCount,
+			type: i.getPageHref ? "link" : "button",
+			getPageUrl: i.getPageHref ? ({ page: e }) => i.getPageHref(e) : void 0,
+			translations: f.value,
+			onPageChange: ({ page: e }) => s("update:page", e)
+		})));
+		async function j(e, t) {
+			if (!t || t === m.value) return;
+			let n = Ie(e.page, m.value, t);
+			m.value = t, s("update:pageSize", t), await O(), e.setPage(n);
+		}
+		function M(e, t) {
+			let n = e.target, r = Number.parseInt(n.value, 10);
+			Number.isNaN(r) || (e.preventDefault(), t.setPage(Math.min(Math.max(r, 1), t.totalPages)), n.value = "");
+		}
+		return (e, n) => C.value ? _("", !0) : (N(), g(U(Z).RootProvider, D({ key: 0 }, {
+			...U(c),
+			class: u.value.base({ class: k(U(c).class) })
+		}, { value: U(A) }), {
+			default: K(() => [S(U(Z).Context, null, {
+				default: K((e) => [
+					t.showSummary ? (N(), v("span", {
+						key: 0,
+						class: k(u.value.summary()),
+						"aria-live": "polite"
+					}, H((t.summary ?? U(d).pagination.summary)(b(e.page))), 3)) : _("", !0),
+					t.pageSizes?.length ? (N(), v("div", {
+						key: 1,
+						class: k(u.value.pageSize())
+					}, [y("span", Ot, H(U(d).pagination.pageSize), 1), S(l, {
+						class: k(u.value.pageSizeSelect()),
+						size: "sm",
+						items: E.value,
+						"model-value": m.value,
+						"aria-label": U(d).pagination.pageSize,
+						"onUpdate:modelValue": (t) => j(e, t)
+					}, null, 8, [
+						"class",
+						"items",
+						"model-value",
+						"aria-label",
+						"onUpdate:modelValue"
+					])], 2)) : _("", !0),
+					y("div", { class: k(u.value.list()) }, [
+						t.withEdges ? (N(), g(U(Z).FirstTrigger, {
+							key: 0,
+							"as-child": ""
+						}, {
+							default: K(() => [(N(), g(B(w.value), D({ class: u.value.trigger() }, T(e.page === 1)), {
+								default: K(() => [S(U(de), {
+									class: k(u.value.triggerIcon()),
+									"aria-hidden": "true"
+								}, null, 8, ["class"])]),
+								_: 1
+							}, 16, ["class"]))]),
+							_: 2
+						}, 1024)) : _("", !0),
+						S(U(Z).PrevTrigger, { "as-child": "" }, {
+							default: K(() => [(N(), g(B(w.value), D({ class: u.value.trigger() }, T(e.page === 1)), {
+								default: K(() => [S(U(ce), {
+									class: k(u.value.triggerIcon()),
+									"aria-hidden": "true"
+								}, null, 8, ["class"])]),
+								_: 1
+							}, 16, ["class"]))]),
+							_: 2
+						}, 1024),
+						t.variant === "full" ? _("", !0) : (N(), v("span", {
+							key: 1,
+							class: k(u.value.compact())
+						}, H(U(d).pagination.compact(e.page, e.totalPages)), 3)),
+						t.variant === "compact" ? _("", !0) : (N(!0), v(p, { key: 2 }, L(e.pages, (e, t) => (N(), v(p, { key: t }, [e.type === "page" ? (N(), g(U(Z).Item, D({
+							key: 0,
+							ref_for: !0
+						}, e, { "as-child": "" }), {
+							default: K(() => [(N(), g(B(w.value), { class: k(u.value.item()) }, {
+								default: K(() => [x(H(e.value), 1)]),
+								_: 2
+							}, 1032, ["class"]))]),
+							_: 2
+						}, 1040)) : (N(), g(U(Z).Ellipsis, {
+							key: 1,
+							index: t,
+							class: k(u.value.ellipsis()),
+							"aria-hidden": "true"
+						}, {
+							default: K(() => [...n[0] ||= [x(" … ", -1)]]),
+							_: 1
+						}, 8, ["index", "class"]))], 64))), 128)),
+						S(U(Z).NextTrigger, { "as-child": "" }, {
+							default: K(() => [(N(), g(B(w.value), D({ class: u.value.trigger() }, T(e.page === e.totalPages)), {
+								default: K(() => [S(U(le), {
+									class: k(u.value.triggerIcon()),
+									"aria-hidden": "true"
+								}, null, 8, ["class"])]),
+								_: 1
+							}, 16, ["class"]))]),
+							_: 2
+						}, 1024),
+						t.withEdges ? (N(), g(U(Z).LastTrigger, {
+							key: 3,
+							"as-child": ""
+						}, {
+							default: K(() => [(N(), g(B(w.value), D({ class: u.value.trigger() }, T(e.page === e.totalPages)), {
+								default: K(() => [S(U(fe), {
+									class: k(u.value.triggerIcon()),
+									"aria-hidden": "true"
+								}, null, 8, ["class"])]),
+								_: 1
+							}, 16, ["class"]))]),
+							_: 2
+						}, 1024)) : _("", !0)
+					], 2),
+					t.jumper ? (N(), v("div", {
+						key: 2,
+						class: k(u.value.jumper())
+					}, [y("span", kt, H(U(d).pagination.jumper), 1), S(o, {
+						class: k(u.value.jumperInput()),
+						size: "sm",
+						inputmode: "numeric",
+						autocomplete: "off",
+						"aria-label": U(d).pagination.jumper,
+						onKeydown: J((t) => M(t, e), ["enter"])
+					}, null, 8, [
+						"class",
+						"aria-label",
+						"onKeydown"
+					])], 2)) : _("", !0)
+				]),
+				_: 1
+			})]),
+			_: 1
+		}, 16, ["value"]));
+	}
+}), jt = /* @__PURE__ */ C({
+	inheritAttrs: !1,
+	__name: "Skeleton",
+	props: {
+		shape: {},
+		width: {},
+		height: {},
+		classes: {}
+	},
+	setup(e) {
+		let t = e, r = n("skeleton", We, () => t.classes), i = te(), a = (e) => typeof e == "number" ? `${e}px` : e, o = h(() => [{
+			width: a(t.width),
+			height: a(t.height)
+		}, j(i.style)]);
+		return (t, n) => (N(), v("span", D({ "aria-hidden": "true" }, {
+			...U(i),
+			class: U(r)({
+				shape: e.shape,
+				class: k(U(i).class)
+			}),
+			style: o.value
+		}), null, 16));
+	}
+}), Mt = ["title"], Nt = ["title"], Pt = ["aria-label"], Ft = /* @__PURE__ */ C({
+	__name: "DatePickerDayTable",
+	props: {
+		weeks: {},
+		visibleRange: {},
+		showWeekNumbers: { type: Boolean },
+		plainToday: { type: Boolean },
+		hideOutsideDays: { type: Boolean },
+		weekendDays: {},
+		allowDeselect: { type: Boolean }
+	},
+	setup(t) {
+		let r = e(), i = t, a = n("datePicker", Y), o = h(() => a({
+			plainToday: i.plainToday,
+			hideOutsideDays: i.hideOutsideDays
+		})), s = ct(), c = (e) => e.toString().slice(0, 10), l = (e) => !!i.visibleRange && (e.month !== i.visibleRange.start.month || e.year !== i.visibleRange.start.year), u = (e) => He(e.map(c));
+		function d(e) {
+			let t = s.value.getDayTableCellState({
+				value: e,
+				visibleRange: i.visibleRange
+			});
+			return {
+				day: e.day,
+				today: t.today,
+				selected: t.selected,
+				outside: t.outsideRange,
+				unavailable: t.unavailable || !!t.disabled,
+				weekend: i.weekendDays ? i.weekendDays.includes(Oe(c(e))) : t.weekend
+			};
+		}
+		let f = (e) => s.value.selectionMode === "single" && s.value.getDayTableCellState({
+			value: e,
+			visibleRange: i.visibleRange
+		}).selected;
+		function m(e, t) {
+			e instanceof KeyboardEvent && e.key !== "Enter" && e.key !== " " || f(t) && (e.preventDefault(), s.value.clearValue({ focus: !1 }));
+		}
+		function b(e) {
+			let t = {};
+			return i.weekendDays?.includes(Oe(c(e))) && (t["data-weekend"] = ""), i.allowDeselect && (t.onClickCapture = (t) => m(t, e), t.onKeydownCapture = (t) => m(t, e)), t;
+		}
+		return (e, n) => (N(), g(U($).Table, { class: k(o.value.table()) }, {
+			default: K(() => [S(U($).TableHead, null, {
+				default: K(() => [S(U($).TableRow, null, {
+					default: K(() => [t.showWeekNumbers ? (N(), v("th", {
+						key: 0,
+						scope: "col",
+						class: k(o.value.weekNumberHeader())
+					}, [y("abbr", { title: U(r).datePicker.weekColumnHeader }, H(U(r).datePicker.weekColumnShort), 9, Mt)], 2)) : _("", !0), (N(!0), v(p, null, L(U(s).weekDays, (e) => (N(), g(U($).TableHeader, {
+						key: e.long,
+						class: k(o.value.columnHeader())
+					}, {
+						default: K(() => [y("abbr", { title: e.long }, H(e.short), 9, Nt)]),
+						_: 2
+					}, 1032, ["class"]))), 128))]),
+					_: 1
+				})]),
+				_: 1
+			}), S(U($).TableBody, null, {
+				default: K(() => [(N(!0), v(p, null, L(t.weeks, (n) => (N(), g(U($).TableRow, { key: n[0]?.toString() }, {
+					default: K(() => [t.showWeekNumbers ? (N(), v("th", {
+						key: 0,
+						scope: "row",
+						class: k(o.value.weekNumber()),
+						"aria-label": U(r).datePicker.weekNumberCell(u(n))
+					}, H(u(n)), 11, Pt)) : _("", !0), (N(!0), v(p, null, L(n, (n) => (N(), v(p, { key: n.toString() }, [l(n) ? (N(), v("td", {
+						key: 0,
+						class: k(o.value.cell())
+					}, null, 2)) : (N(), g(U($).TableCell, D({
+						key: 1,
+						value: n,
+						"visible-range": t.visibleRange,
+						class: o.value.cell()
+					}, { ref_for: !0 }, b(n)), {
+						default: K(() => [S(U($).TableCellTrigger, { class: k(o.value.day()) }, {
+							default: K(() => [e.$slots.day ? (N(), v("span", {
+								key: 0,
+								class: k(o.value.dayContent())
+							}, [R(e.$slots, "day", D({ date: c(n) }, { ref_for: !0 }, d(n)))], 2)) : (N(), v(p, { key: 1 }, [x(H(n.day), 1)], 64))]),
+							_: 2
+						}, 1032, ["class"])]),
+						_: 2
+					}, 1040, [
+						"value",
+						"visible-range",
+						"class"
+					]))], 64))), 128))]),
+					_: 2
+				}, 1024))), 128))]),
+				_: 3
+			})]),
+			_: 3
+		}, 8, ["class"]));
+	}
+}), It = /* @__PURE__ */ C({
+	__name: "DatePickerHeader",
+	setup(t) {
+		let r = n("datePicker", Y), i = e(), a = r(), o = {
+			day: "month",
+			month: "year",
+			year: void 0
+		}, s = (e, t) => `${e}, ${i.datePicker.viewTrigger(t, o[t])}`;
+		return (e, t) => (N(), g(U($).ViewControl, { class: k(U(a).header()) }, {
+			default: K(() => [
+				S(U($).PrevTrigger, { class: k(U(a).nav()) }, {
+					default: K(() => [S(U(ce), {
+						class: k(U(a).navIcon()),
+						"aria-hidden": "true"
+					}, null, 8, ["class"])]),
+					_: 1
+				}, 8, ["class"]),
+				S(U($).Context, null, {
+					default: K((e) => [S(U($).ViewTrigger, {
+						class: k(U(a).viewTrigger()),
+						"aria-label": s(e.numOfMonths > 1 && e.view === "day" ? e.visibleRangeText.formatted : e.visibleRangeText.start, e.view)
+					}, {
+						default: K(() => [S(U($).RangeText)]),
+						_: 1
+					}, 8, ["class", "aria-label"])]),
+					_: 1
+				}),
+				S(U($).NextTrigger, { class: k(U(a).nav()) }, {
+					default: K(() => [S(U(le), {
+						class: k(U(a).navIcon()),
+						"aria-hidden": "true"
+					}, null, 8, ["class"])]),
+					_: 1
+				}, 8, ["class"])
+			]),
+			_: 1
+		}, 8, ["class"]));
+	}
+}), Lt = ["onClick"], Rt = ["disabled", "onClick"], zt = /* @__PURE__ */ C({
+	__name: "DatePickerViews",
+	props: {
+		presets: {},
+		showWeekNumbers: { type: Boolean },
+		numberOfMonths: {},
+		showButtonBar: { type: Boolean },
+		plainToday: { type: Boolean },
+		hideOutsideDays: { type: Boolean },
+		weekendDays: {},
+		allowDeselect: { type: Boolean },
+		timeZone: {}
+	},
+	setup(t) {
+		let r = e(), i = t, a = n("datePicker", Y)(), o = (e) => typeof e == "string" ? r.rangePresets[e] ?? e : e.label, s = h(() => Math.max(1, Math.floor(i.numberOfMonths ?? 1))), c = h(() => ({
+			showWeekNumbers: i.showWeekNumbers,
+			plainToday: i.plainToday,
+			hideOutsideDays: i.hideOutsideDays || s.value > 1,
+			weekendDays: i.weekendDays,
+			allowDeselect: i.allowDeselect
+		}));
+		function l(e) {
+			return Array.from({ length: s.value }, (t, n) => {
+				let r = e.getOffset({ months: n }), i = e.visibleRange.start.add({ months: n });
+				return {
+					title: r.visibleRangeText.start,
+					weeks: r.weeks,
+					visibleRange: {
+						start: i,
+						end: i.add({ months: 1 }).subtract({ days: 1 })
+					}
+				};
+			});
+		}
+		function u(e) {
+			if (e.selectionMode === "single") return e.selectToday();
+			let [t = 0, n = 1, r = 1] = $e(i.timeZone).split("-").map(Number);
+			e.setFocusedValue(e.focusedValue.set({
+				year: t,
+				month: n,
+				day: r
+			}));
+		}
+		return (e, n) => (N(), v(p, null, [
+			S(U($).View, { view: "day" }, {
+				default: K(() => [S(U($).Context, null, {
+					default: K((t) => [S(It), s.value > 1 ? (N(), v("div", {
+						key: 0,
+						class: k(U(a).months())
+					}, [(N(!0), v(p, null, L(l(t), (t) => (N(), v("div", {
+						key: t.title,
+						class: k(U(a).month())
+					}, [y("div", { class: k(U(a).monthTitle()) }, H(t.title), 3), S(Ft, D({
+						weeks: t.weeks,
+						"visible-range": t.visibleRange
+					}, { ref_for: !0 }, c.value), b({ _: 2 }, [e.$slots.day ? {
+						name: "day",
+						fn: K((t) => [R(e.$slots, "day", D({ ref_for: !0 }, t))]),
+						key: "0"
+					} : void 0]), 1040, ["weeks", "visible-range"])], 2))), 128))], 2)) : (N(), g(Ft, D({
+						key: 1,
+						weeks: t.weeks
+					}, c.value), b({ _: 2 }, [e.$slots.day ? {
+						name: "day",
+						fn: K((t) => [R(e.$slots, "day", A(w(t)))]),
+						key: "0"
+					} : void 0]), 1040, ["weeks"]))]),
+					_: 3
+				})]),
+				_: 3
+			}),
+			S(U($).View, { view: "month" }, {
+				default: K(() => [S(U($).Context, null, {
+					default: K((e) => [S(It), S(U($).Table, { class: k(U(a).table()) }, {
+						default: K(() => [S(U($).TableBody, null, {
+							default: K(() => [(N(!0), v(p, null, L(e.getMonthsGrid({
+								columns: 4,
+								format: "short"
+							}), (e) => (N(), g(U($).TableRow, { key: e[0]?.value }, {
+								default: K(() => [(N(!0), v(p, null, L(e, (e) => (N(), g(U($).TableCell, {
+									key: e.value,
+									value: e.value,
+									class: k(U(a).cell())
+								}, {
+									default: K(() => [S(U($).TableCellTrigger, { class: k(U(a).period()) }, {
+										default: K(() => [x(H(e.label), 1)]),
+										_: 2
+									}, 1032, ["class"])]),
+									_: 2
+								}, 1032, ["value", "class"]))), 128))]),
+								_: 2
+							}, 1024))), 128))]),
+							_: 2
+						}, 1024)]),
+						_: 2
+					}, 1032, ["class"])]),
+					_: 1
+				})]),
+				_: 1
+			}),
+			S(U($).View, { view: "year" }, {
+				default: K(() => [S(U($).Context, null, {
+					default: K((e) => [S(It), S(U($).Table, { class: k(U(a).table()) }, {
+						default: K(() => [S(U($).TableBody, null, {
+							default: K(() => [(N(!0), v(p, null, L(e.getYearsGrid({ columns: 4 }), (e) => (N(), g(U($).TableRow, { key: e[0]?.value }, {
+								default: K(() => [(N(!0), v(p, null, L(e, (e) => (N(), g(U($).TableCell, {
+									key: e.value,
+									value: e.value,
+									class: k(U(a).cell())
+								}, {
+									default: K(() => [S(U($).TableCellTrigger, { class: k(U(a).period()) }, {
+										default: K(() => [x(H(e.label), 1)]),
+										_: 2
+									}, 1032, ["class"])]),
+									_: 2
+								}, 1032, ["value", "class"]))), 128))]),
+								_: 2
+							}, 1024))), 128))]),
+							_: 2
+						}, 1024)]),
+						_: 2
+					}, 1032, ["class"])]),
+					_: 1
+				})]),
+				_: 1
+			}),
+			t.presets?.length ? (N(), v("div", {
+				key: 0,
+				class: k(U(a).presets())
+			}, [(N(!0), v(p, null, L(t.presets, (e) => (N(), g(U($).PresetTrigger, {
+				key: o(e),
+				value: typeof e == "string" ? e : e.value,
+				class: k(U(a).preset()),
+				"aria-label": o(e)
+			}, {
+				default: K(() => [x(H(o(e)), 1)]),
+				_: 2
+			}, 1032, [
+				"value",
+				"class",
+				"aria-label"
+			]))), 128))], 2)) : _("", !0),
+			t.showButtonBar ? (N(), g(U($).Context, { key: 1 }, {
+				default: K((e) => [y("div", { class: k(U(a).buttonBar()) }, [y("button", {
+					type: "button",
+					class: k(U(a).buttonBarButton()),
+					onClick: (t) => u(e)
+				}, H(U(r).calendar.today), 11, Lt), y("button", {
+					type: "button",
+					class: k(U(a).buttonBarButton()),
+					disabled: !e.value.length,
+					onClick: (t) => e.clearValue({ focus: !1 })
+				}, H(U(r).calendar.clear), 11, Rt)], 2)]),
+				_: 1
+			})) : _("", !0)
+		], 64));
+	}
+}), Bt = /* @__PURE__ */ C({
+	__name: "DatePickerCalendar",
+	props: {
+		presets: {},
+		responsive: { type: Boolean },
+		showWeekNumbers: { type: Boolean },
+		numberOfMonths: {},
+		showButtonBar: { type: Boolean },
+		plainToday: { type: Boolean },
+		hideOutsideDays: { type: Boolean },
+		weekendDays: {},
+		allowDeselect: { type: Boolean },
+		timeZone: {}
+	},
+	setup(e) {
+		let t = e, r = n("datePicker", Y), i = r(), a = h(() => ({
+			presets: t.presets,
+			showWeekNumbers: t.showWeekNumbers,
+			numberOfMonths: t.numberOfMonths,
+			showButtonBar: t.showButtonBar,
+			plainToday: t.plainToday,
+			hideOutsideDays: t.hideOutsideDays,
+			weekendDays: t.weekendDays,
+			allowDeselect: t.allowDeselect,
+			timeZone: t.timeZone
+		})), o = h(() => (t.numberOfMonths ?? 1) > 1), s = I(!1), c, l = () => s.value = !!c?.matches;
+		return ee(() => {
+			t.responsive && typeof window.matchMedia == "function" && (c = window.matchMedia("(max-width: 639.98px)"), l(), c.addEventListener("change", l));
+		}), M(() => c?.removeEventListener("change", l)), (e, t) => (N(), g(m, { to: "body" }, [s.value ? (N(), v(p, { key: 0 }, [S(U($).Context, null, {
+			default: K((e) => [e.open ? (N(), v("div", {
+				key: 0,
+				class: k(U(i).backdrop()),
+				"aria-hidden": "true"
+			}, null, 2)) : _("", !0)]),
+			_: 1
+		}), y("div", { class: k(U(i).sheet()) }, [S(U($).Content, { class: k(U(r)({
+			multiMonth: o.value,
+			bottomSheet: !0
+		}).content()) }, {
+			default: K(() => [S(zt, A(w(a.value)), b({ _: 2 }, [e.$slots.day ? {
+				name: "day",
+				fn: K((t) => [R(e.$slots, "day", A(w(t)))]),
+				key: "0"
+			} : void 0]), 1040)]),
+			_: 3
+		}, 8, ["class"])], 2)], 64)) : (N(), g(U($).Positioner, { key: 1 }, {
+			default: K(() => [S(U($).Content, { class: k(o.value ? U(r)({ multiMonth: o.value }).content() : U(i).content()) }, {
+				default: K(() => [S(zt, A(w(a.value)), b({ _: 2 }, [e.$slots.day ? {
+					name: "day",
+					fn: K((t) => [R(e.$slots, "day", A(w(t)))]),
+					key: "0"
+				} : void 0]), 1040)]),
+				_: 3
+			}, 8, ["class"])]),
+			_: 3
+		}))]));
+	}
+}), Vt = /* @__PURE__ */ C({
+	__name: "DateSegments",
+	props: {
+		index: {},
+		label: {},
+		describedby: {},
+		paste: { type: Function },
+		size: {}
+	},
+	setup(t) {
+		let r = e(), i = t;
+		function a(e) {
+			let t = e.clipboardData?.getData("text/plain") ?? "";
+			i.paste?.(t, i.index) && (e.preventDefault(), e.stopPropagation());
+		}
+		let o = n("datePicker", Y), s = h(() => o({ size: i.size }));
+		return (e, n) => (N(), g(U(st).SegmentGroup, D({
+			index: t.index,
+			class: s.value.segments(),
+			"aria-label": t.label,
+			"aria-describedby": t.describedby
+		}, t.paste ? { onPasteCapture: a } : {}), {
+			default: K(() => [S(U(st).Context, null, {
+				default: K((e) => [(N(!0), v(p, null, L(e.getSegments({ index: t.index }), (e, t) => (N(), g(U(st).Segment, {
+					key: t,
+					segment: e,
+					class: k(s.value.segment()),
+					"aria-label": U(r).dateSegments[e.type]
+				}, null, 8, [
+					"segment",
+					"class",
+					"aria-label"
+				]))), 128))]),
+				_: 1
+			})]),
+			_: 1
+		}, 16, [
+			"index",
+			"class",
+			"aria-label",
+			"aria-describedby"
+		]));
+	}
+}), Ht = (e, t) => e ? e.toString().slice(0, t ? 16 : 10) : null;
+function Ut(e, t, n) {
+	return t ? e.includes("T") ? pt(e.slice(0, 16)) : pt(`${e}T${n === "max" ? "23:59" : "00:00"}`) : ft(e.slice(0, 10));
+}
+function Wt(e, t, n, r) {
+	let i = typeof e == "string" && !e.includes("T"), a = Qe(e, t && !i, n);
+	return a ? Ut(a, t, r) : void 0;
+}
+var Gt = (e, t, n, r) => Te(Ht(e, t), {
+	valueType: n,
+	timeZone: r,
+	withTime: t
+}), Kt = (e, t, n) => Qe(e, t, n);
+function qt(e, t) {
+	if (!e && !t?.length) return;
+	let n = new Set(t?.map((e) => Qe(e, !1)));
+	return (t) => {
+		let r = Ht(t, !1);
+		return n.has(r) || !!e?.(r);
+	};
+}
+function Jt(e, t) {
+	if ("hour" in e) return e;
+	let n = t && "hour" in t ? new dt(t.hour, t.minute) : new dt();
+	return mt(e, n);
+}
+var Yt = {
+	year: 2e3,
+	month: 1,
+	day: 1
+};
+function Xt(e) {
+	let [t = 0, n = 0, r = 0] = e.split(":").map(Number);
+	return new lt(Yt.year, Yt.month, Yt.day, t, n, r);
+}
+var Zt = (e) => String(e).padStart(2, "0"), Qt = (e, t = !1) => e && "hour" in e ? `${Zt(e.hour)}:${Zt(e.minute)}${t ? `:${Zt(e.second)}` : ""}` : null, $t = (e, t, n, r = !1) => qe(e, t, n, r), en = ["id", "data-placeholder"], tn = ["name", "value"], nn = ["id"], rn = [
+	"id",
+	"data-hidden",
+	"onClick"
+], an = ["id"], on = /* @__PURE__ */ C({
+	__name: "DatePickerBase",
+	props: {
+		mode: {},
+		dates: {},
+		withTime: { type: Boolean },
+		min: {},
+		max: {},
+		isDateUnavailable: { type: Function },
+		locale: {},
+		disabled: { type: Boolean },
+		readOnly: { type: Boolean },
+		invalid: { type: Boolean },
+		required: { type: Boolean },
+		name: {},
+		label: {},
+		ownId: {},
+		placeholder: {},
+		className: {},
+		period: {},
+		classes: {},
+		presets: {},
+		size: {},
+		hideClear: { type: Boolean },
+		firstDayOfWeek: {},
+		timeZone: {},
+		showTimeZone: { type: Boolean },
+		responsive: { type: Boolean },
+		showWeekNumbers: { type: Boolean },
+		numberOfMonths: {},
+		showButtonBar: { type: Boolean },
+		plainToday: { type: Boolean },
+		hideOutsideDays: { type: Boolean },
+		weekendDays: {},
+		allowDeselect: { type: Boolean }
+	},
+	emits: ["change"],
+	setup(t, { emit: r }) {
+		let i = e(), a = t, o = n("datePicker", Y, () => a.classes), s = r, c = h(() => o({ size: a.size })), l = ne(), u = it(), d = h(() => ({
+			disabled: a.disabled ?? u?.value.disabled,
+			readOnly: a.readOnly ?? u?.value.readOnly,
+			invalid: a.invalid ?? u?.value.invalid,
+			required: a.required ?? u?.value.required
+		})), f = a.mode === "range", m = a.mode === "multiple", x = f ? "range" : "single", C = f ? [0, 1] : [0], T = [i.dateRange.start, i.dateRange.end], E = h(() => {
+			let e = a.ownId, t = u?.value ? { label: (e) => f ? `${u.value.ids.label} ${l}r${e}` : u.value.ids.label } : {}, n = e ? { segmentGroup: (t) => t === 0 ? e : void 0 } : {};
+			return u?.value || e ? {
+				...t,
+				...n
+			} : void 0;
+		}), O = (e) => u?.value ? void 0 : f ? [a.label, T[e]].filter(Boolean).join(", ") : a.label, j = f ? {
+			...i.datePicker,
+			clearTrigger: i.dateRange.clearTrigger
+		} : i.datePicker, M = h(() => a.period ? new ut(a.locale, a.period === "month" ? {
+			month: "2-digit",
+			year: "numeric"
+		} : { year: "numeric" }) : void 0), ee = h(() => a.firstDayOfWeek ?? Ae(a.locale).firstDay), P = h(() => {
+			if (!a.showTimeZone || !a.timeZone) return;
+			let e = a.dates[0], t = e ? tt(e.toString().slice(0, 16), a.timeZone) : /* @__PURE__ */ new Date();
+			return {
+				short: Je(a.timeZone, a.locale, t),
+				long: i.calendar.timeZone(Ye(a.timeZone, a.locale, t))
+			};
+		}), F = h(() => [u?.value.ariaDescribedby, P.value ? `${l}tz` : void 0].filter(Boolean).join(" ") || void 0), I = (e) => C.every((t) => e.getSegments({ index: t }).every((e) => e.type === "literal" || e.isPlaceholder)), z = (e) => !!a.placeholder && I(e) && !e.focused, B = (e) => a.placeholder && I(e) ? [F.value, `${l}ph`].filter(Boolean).join(" ") : F.value, V = h(() => {
+			if (!a.dates.length) return a.placeholder ?? i.calendar.noDates;
+			if (a.dates.length > 3) return Ve(i.calendar.datesSelected, a.dates.length, a.locale);
+			let e = new ut(a.locale, {
+				day: "2-digit",
+				month: "2-digit",
+				year: "numeric",
+				timeZone: "UTC"
+			});
+			return a.dates.map((t) => e.format(t.toDate("UTC"))).join(", ");
+		}), te = h(() => ({
+			presets: a.presets,
+			showWeekNumbers: a.showWeekNumbers,
+			numberOfMonths: a.numberOfMonths,
+			showButtonBar: a.showButtonBar,
+			plainToday: a.plainToday,
+			hideOutsideDays: a.hideOutsideDays,
+			weekendDays: a.weekendDays,
+			allowDeselect: a.allowDeselect,
+			timeZone: a.timeZone,
+			responsive: a.responsive
+		}));
+		function re(e) {
+			s("change", a.withTime ? e.map((e, t) => Jt(e, a.dates[t])) : e);
+		}
+		function ie(e, t) {
+			if (a.period) return !1;
+			if (f) {
+				let t = Be(e, a.locale, a.withTime);
+				if (t) return s("change", [Ut(t.start, a.withTime), Ut(t.end, a.withTime)]), !0;
+			}
+			let n = ze(e, a.locale, a.withTime);
+			if (!n) return !1;
+			let r = [...a.dates];
+			return r[t] = Ut(n, a.withTime), s("change", r.filter(Boolean)), !0;
+		}
+		let W = {
+			placement: "bottom-start",
+			gutter: 4
+		};
+		return (e, n) => (N(), g(U($).Root, D({
+			class: c.value.base({ class: t.className }),
+			"model-value": t.dates,
+			"selection-mode": t.mode,
+			min: t.min,
+			max: t.max,
+			"is-date-unavailable": t.isDateUnavailable,
+			locale: t.locale,
+			"start-of-week": ee.value,
+			"min-view": t.period,
+			"default-view": t.period,
+			"num-of-months": t.numberOfMonths,
+			"time-zone": t.timeZone
+		}, d.value, {
+			positioning: W,
+			translations: U(j),
+			"lazy-mount": "",
+			"unmount-on-exit": "",
+			onValueChange: n[1] ||= (e) => re(e.value)
+		}), {
+			default: K(() => [S(U($).Control, { class: k(c.value.control()) }, {
+				default: K(() => [
+					m ? (N(), v(p, { key: 0 }, [y("span", {
+						id: `${U(l)}v`,
+						class: k(c.value.multiValue()),
+						"data-placeholder": t.dates.length ? void 0 : ""
+					}, H(V.value), 11, en), t.name ? (N(!0), v(p, { key: 0 }, L(t.dates, (e, n) => (N(), v("input", {
+						key: e.toString(),
+						type: "hidden",
+						name: `${t.name}[${n}]`,
+						value: e.toString()
+					}, null, 8, tn))), 128)) : _("", !0)], 64)) : (N(), g(U(st).Root, D({
+						key: 1,
+						class: c.value.dateInput(),
+						ids: E.value,
+						"model-value": t.dates,
+						"selection-mode": U(x),
+						granularity: t.withTime ? "minute" : "day",
+						formatter: M.value,
+						min: t.min,
+						max: t.max,
+						"is-date-unavailable": t.isDateUnavailable,
+						locale: t.locale,
+						"should-force-leading-zeros": "",
+						name: t.name
+					}, d.value, {
+						translations: U(i).dateInput,
+						onValueChange: n[0] ||= (e) => s("change", e.value)
+					}), {
+						default: K(() => [S(U(st).Context, null, {
+							default: K((e) => [S(U(st).Control, {
+								class: k(c.value.dateControl()),
+								"data-placeholder-shown": z(e) || void 0
+							}, {
+								default: K(() => [(N(!0), v(p, null, L(U(C), (n) => (N(), v(p, { key: n }, [
+									n === 1 ? (N(), v("span", {
+										key: 0,
+										class: k(c.value.rangeSeparator()),
+										"aria-hidden": "true"
+									}, "–", 2)) : _("", !0),
+									f && U(u) ? (N(), v("span", {
+										key: 1,
+										id: `${U(l)}r${n}`,
+										class: k(c.value.rangeLabel())
+									}, H(T[n]), 11, nn)) : _("", !0),
+									S(Vt, {
+										index: n,
+										label: O(n),
+										describedby: B(e),
+										paste: t.period ? void 0 : ie,
+										size: t.size
+									}, null, 8, [
+										"index",
+										"label",
+										"describedby",
+										"paste",
+										"size"
+									])
+								], 64))), 128))]),
+								_: 2
+							}, 1032, ["class", "data-placeholder-shown"]), t.placeholder && I(e) ? (N(), v("span", {
+								key: 0,
+								id: `${U(l)}ph`,
+								class: k(c.value.placeholder()),
+								"data-hidden": z(e) ? void 0 : "",
+								onClick: (t) => e.focus()
+							}, H(t.placeholder), 11, rn)) : _("", !0)]),
+							_: 1
+						}), (N(!0), v(p, null, L(U(C), (e) => (N(), g(U(st).HiddenInput, {
+							key: e,
+							index: e
+						}, null, 8, ["index"]))), 128))]),
+						_: 1
+					}, 16, [
+						"class",
+						"ids",
+						"model-value",
+						"selection-mode",
+						"granularity",
+						"formatter",
+						"min",
+						"max",
+						"is-date-unavailable",
+						"locale",
+						"name",
+						"translations"
+					])),
+					P.value ? (N(), v(p, { key: 2 }, [y("span", {
+						class: k(c.value.timeZone()),
+						"aria-hidden": "true"
+					}, H(P.value.short), 3), y("span", {
+						id: `${U(l)}tz`,
+						hidden: ""
+					}, H(P.value.long), 9, an)], 64)) : _("", !0),
+					t.hideClear ? _("", !0) : (N(), g(U($).ClearTrigger, {
+						key: 3,
+						class: k(c.value.clear())
+					}, {
+						default: K(() => [S(U(_e), {
+							class: k(c.value.clearIcon()),
+							"aria-hidden": "true"
+						}, null, 8, ["class"])]),
+						_: 1
+					}, 8, ["class"])),
+					S(U($).Trigger, D({ class: c.value.trigger() }, m ? { "aria-describedby": `${U(l)}v` } : {}), {
+						default: K(() => [S(U(ae), {
+							class: k(c.value.triggerIcon()),
+							"aria-hidden": "true"
+						}, null, 8, ["class"])]),
+						_: 1
+					}, 16, ["class"])
+				]),
+				_: 1
+			}, 8, ["class"]), S(Bt, A(w(te.value)), b({ _: 2 }, [e.$slots.day ? {
+				name: "day",
+				fn: K((t) => [R(e.$slots, "day", A(w(t)))]),
+				key: "0"
+			} : void 0]), 1040)]),
+			_: 3
+		}, 16, [
+			"class",
+			"model-value",
+			"selection-mode",
+			"min",
+			"max",
+			"is-date-unavailable",
+			"locale",
+			"start-of-week",
+			"min-view",
+			"default-view",
+			"num-of-months",
+			"time-zone",
+			"translations"
+		]));
+	}
+}), sn = /* @__PURE__ */ C({
+	inheritAttrs: !1,
+	__name: "DatePicker",
+	props: {
+		modelValue: { default: void 0 },
+		defaultValue: { default: void 0 },
+		selectionMode: { default: "single" },
+		valueType: { default: "string" },
+		withTime: {
+			type: Boolean,
+			default: !1
+		},
+		min: {},
+		max: {},
+		isDateUnavailable: {},
+		excludeDates: {},
+		locale: {},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		readOnly: {
+			type: Boolean,
+			default: void 0
+		},
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		required: {
+			type: Boolean,
+			default: void 0
+		},
+		name: {},
+		placeholder: {},
+		size: {},
+		clearable: {
+			type: Boolean,
+			default: !0
+		},
+		showButtonBar: { type: Boolean },
+		showWeekNumbers: { type: Boolean },
+		numberOfMonths: {},
+		highlightToday: {
+			type: Boolean,
+			default: !0
+		},
+		hideOutsideDays: { type: Boolean },
+		firstDayOfWeek: {},
+		weekendDays: {},
+		allowDeselect: { type: Boolean },
+		timeZone: {},
+		showTimeZone: { type: Boolean },
+		responsive: { type: Boolean },
+		id: {},
+		classes: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: n }) {
+		let i = t(), a = e, o = h(() => a.locale ?? i.value.locale), c = n, l = te(), u = h(() => r(l)), d = h(() => u.value.rest["aria-label"]);
+		s("DatePicker", () => a.id);
+		let f = I(a.defaultValue ?? null), p = h(() => a.modelValue === void 0 ? f.value : a.modelValue), m = h(() => Array.isArray(p.value) ? p.value : p.value ? [p.value] : []), _ = h(() => m.value.map((e) => Wt(e, a.withTime, a.timeZone)).filter((e) => !!e)), v = (e) => e.map((e) => Kt(e, a.withTime, a.timeZone)).join();
+		function y(e) {
+			let t = e.map((e) => Gt(e, a.withTime, a.valueType, a.timeZone));
+			if (v(t) === v(m.value)) return;
+			let n = a.selectionMode === "multiple" ? t : t[0] ?? null;
+			f.value = n, c("update:modelValue", n);
+		}
+		let x = h(() => ({
+			min: Wt(a.min, a.withTime, a.timeZone, "min"),
+			max: Wt(a.max, a.withTime, a.timeZone, "max")
+		})), S = h(() => qt(a.isDateUnavailable, a.excludeDates));
+		return (t, n) => (N(), g(on, D({
+			mode: e.selectionMode,
+			dates: _.value,
+			"with-time": e.withTime
+		}, x.value, {
+			"is-date-unavailable": S.value,
+			locale: o.value,
+			disabled: e.disabled,
+			"read-only": e.readOnly,
+			invalid: e.invalid,
+			required: e.required,
+			name: e.name,
+			label: d.value,
+			"own-id": e.id,
+			placeholder: e.placeholder,
+			classes: e.classes,
+			"class-name": u.value.className,
+			style: u.value.style,
+			size: e.size,
+			"hide-clear": !e.clearable,
+			"show-button-bar": e.showButtonBar,
+			"show-week-numbers": e.showWeekNumbers,
+			"number-of-months": e.numberOfMonths,
+			"plain-today": !e.highlightToday,
+			"hide-outside-days": e.hideOutsideDays,
+			"first-day-of-week": e.firstDayOfWeek,
+			"weekend-days": e.weekendDays,
+			"allow-deselect": e.allowDeselect,
+			"time-zone": e.timeZone,
+			"show-time-zone": e.showTimeZone,
+			responsive: e.responsive,
+			onChange: y
+		}), b({ _: 2 }, [t.$slots.day ? {
+			name: "day",
+			fn: K((e) => [R(t.$slots, "day", A(w(e)))]),
+			key: "0"
+		} : void 0]), 1040, /* @__PURE__ */ "mode.dates.with-time.is-date-unavailable.locale.disabled.read-only.invalid.required.name.label.own-id.placeholder.classes.class-name.style.size.hide-clear.show-button-bar.show-week-numbers.number-of-months.plain-today.hide-outside-days.first-day-of-week.weekend-days.allow-deselect.time-zone.show-time-zone.responsive".split(".")));
+	}
+}), cn = ["aria-label", "onClick"], ln = ["data-placeholder-shown"], un = ["data-placeholder-shown"], dn = ["aria-label", "onClick"], fn = [
+	"aria-controls",
+	"aria-activedescendant",
+	"aria-label",
+	"placeholder",
+	"value",
+	"onInput"
+], pn = ["aria-checked"], mn = ["data-state"], hn = /* @__PURE__ */ C({
+	inheritAttrs: !1,
+	__name: "MultiSelect",
+	props: {
+		items: {},
+		modelValue: { default: void 0 },
+		defaultValue: { default: void 0 },
+		placeholder: {},
+		summary: {},
+		maxShown: { default: 2 },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		required: {
+			type: Boolean,
+			default: void 0
+		},
+		name: {},
+		itemValue: {},
+		itemLabel: {},
+		itemDisabled: {},
+		itemGroup: {},
+		itemKeywords: {},
+		valueKey: {},
+		display: { default: "text" },
+		checkboxes: {
+			type: Boolean,
+			default: !0
+		},
+		selectAll: { type: Boolean },
+		max: {},
+		clearable: { type: Boolean },
+		loading: { type: Boolean },
+		loadingText: {},
+		size: {},
+		filter: { type: Boolean },
+		manualFilter: { type: Boolean },
+		emptyText: {},
+		hasMore: { type: Boolean },
+		dataSource: {},
+		minSearchLength: {},
+		pageSize: {},
+		id: {},
+		classes: {}
+	},
+	emits: [
+		"update:modelValue",
+		"filterChange",
+		"loadMore"
+	],
+	setup(t, { emit: i }) {
+		let a = e(), o = t, s = n("multiSelect", Ne, () => o.classes), l = i, C = te(), T = h(() => r(C)), E = h(() => o.display === "chips"), j = h(() => s({
+			size: o.size,
+			clearable: o.clearable && !E.value
+		})), M = a.select, P = h(() => ({
+			itemValue: o.itemValue,
+			itemLabel: o.itemLabel,
+			itemDisabled: o.itemDisabled,
+			itemGroup: o.itemGroup,
+			itemKeywords: o.itemKeywords,
+			valueKey: o.valueKey
+		})), F = I(""), z = u({
+			items: () => o.items,
+			source: () => o.dataSource,
+			accessors: () => P.value,
+			pageSize: () => o.pageSize,
+			minSearchLength: () => o.minSearchLength
+		}), { options: B, visible: V, groups: re, ordered: ie } = d(() => z.items.value, () => P.value, () => o.filter && !o.manualFilter && !o.dataSource ? F.value : ""), W = h(() => [...B.value, ...z.resolvedOptions.value]), { selected: q, keys: J, commit: ae, commitKeys: ce } = f({
+			multiple: !0,
+			model: () => o.modelValue,
+			defaultValue: o.defaultValue,
+			accessors: () => P.value,
+			items: W,
+			emit: (e) => l("update:modelValue", e),
+			check: {
+				component: "MultiSelect",
+				ready: () => !o.dataSource && !o.loading && o.items.length > 0
+			}
+		});
+		ee(() => z.resolve(J.value, W.value)), G(J, (e) => z.resolve(e, W.value));
+		let le = h(() => o.loading || z.loading.value), ue = h(() => o.hasMore || z.hasMore.value);
+		function de() {
+			o.dataSource ? z.loadMore() : l("loadMore");
+		}
+		let fe = h(() => o.max !== void 0 && q.value.length >= o.max), pe = h(() => {
+			let e = new Set(J.value);
+			return ot({
+				items: ie.value,
+				itemToString: (e) => e.label,
+				itemToValue: (e) => e.key,
+				isItemDisabled: (t) => t.disabled || fe.value && !e.has(t.key)
+			});
+		}), ge = h(() => o.filter || o.selectAll), ve = ne(), be = h(() => o.emptyText ?? z.emptyText.value ?? (F.value ? a.common.noResults : a.common.empty)), Se = h(() => ({
+			item: j.value.item(),
+			itemText: j.value.itemText(),
+			icon: j.value.icon(),
+			itemIndicator: j.value.itemIndicator(),
+			itemBody: j.value.itemBody(),
+			itemDescription: j.value.itemDescription(),
+			group: j.value.group(),
+			groupLabel: j.value.groupLabel(),
+			loading: j.value.loading(),
+			loadingIcon: j.value.loadingIcon(),
+			sentinel: j.value.sentinel(),
+			empty: j.value.empty(),
+			check: j.value.check(),
+			checkIcon: j.value.checkIcon()
+		})), Y = h(() => q.value.length ? q.value.length > o.maxShown ? (o.summary ?? a.common.selectedCount)(q.value.length) : q.value.map((e) => e.label).join(", ") : o.placeholder ?? a.common.placeholder), Ce = h(() => V.value.filter((e) => !e.disabled)), we = h(() => ye(q.value, Ce.value)), Te = I("");
+		function Ee(e) {
+			let t = o.max !== void 0 && e.length >= o.max && q.value.length < o.max;
+			ae(e), t && (Te.value = M.maxReached(o.max));
+		}
+		function De(e, t) {
+			let n = o.max !== void 0 && e.length >= o.max && q.value.length < o.max;
+			ce(e, t), n && (Te.value = M.maxReached(o.max));
+		}
+		function Oe(e) {
+			ae(q.value.filter((t) => t.key !== e.key)), Te.value = M.removed(e.label);
+		}
+		function ke(e) {
+			let t = q.value.at(-1);
+			t && (E.value && e.key === "Backspace" ? (e.preventDefault(), Oe(t)) : o.clearable && (e.key === "Delete" || e.key === "Backspace") && (e.preventDefault(), ae([])));
+		}
+		function Ae(e) {
+			ae([]), e.focus();
+		}
+		function je(e, t) {
+			F.value = t.target.value, l("filterChange", F.value), o.dataSource && z.search(F.value), !(o.manualFilter || o.dataSource) && O(() => {
+				let t = ie.value.find((e) => !e.disabled);
+				t && e.setHighlightValue(t.key);
+			});
+		}
+		function Me(e) {
+			(e.key === " " || e.key === "Home" || e.key === "End") && e.stopPropagation();
+		}
+		function Pe(e) {
+			(e.key === " " || e.key === "Enter") && e.stopPropagation();
+		}
+		function Fe(e) {
+			e && z.open(), !e && F.value && (F.value = "", l("filterChange", ""), o.dataSource && z.search(""));
+		}
+		let Ie = (e) => e.highlightedItem ? e.getItemProps({ item: e.highlightedItem }).id : void 0, Le = {
+			sameWidth: !0,
+			gutter: 4
+		}, Re = it(), ze = h(() => xe(o.id, "trigger", {
+			label: Re?.value.ids.label,
+			hiddenSelect: Re?.value.ids.control
+		}));
+		return (e, n) => (N(), g(U(Q).Root, D({
+			class: j.value.base({ class: T.value.className }),
+			style: T.value.style,
+			collection: pe.value,
+			multiple: "",
+			"close-on-select": !1,
+			"model-value": U(J),
+			disabled: t.disabled,
+			invalid: t.invalid,
+			required: t.required,
+			name: t.name,
+			positioning: Le,
+			composite: !ge.value
+		}, ze.value, {
+			"lazy-mount": "",
+			"unmount-on-exit": "",
+			onValueChange: n[1] ||= (e) => De(e.value, e.items),
+			onOpenChange: n[2] ||= (e) => Fe(e.open)
+		}), {
+			default: K(() => [
+				S(U(Q).Context, null, {
+					default: K((n) => [S(U(Q).Control, A(w(E.value || t.clearable ? { class: E.value ? j.value.chipsControl() : j.value.control() } : {})), {
+						default: K(() => [
+							E.value ? (N(!0), v(p, { key: 0 }, L(U(q), (e) => (N(), v("span", {
+								key: e.key,
+								class: k(j.value.chip())
+							}, [y("span", { class: k(j.value.chipText()) }, H(e.label), 3), n.disabled ? _("", !0) : (N(), v("button", {
+								key: 0,
+								type: "button",
+								tabindex: "-1",
+								class: k(j.value.chipRemove()),
+								"aria-label": U(M).removeItem(e.label),
+								onClick: (t) => Oe(e)
+							}, [S(U(_e), {
+								class: k(j.value.chipRemoveIcon()),
+								"aria-hidden": "true"
+							}, null, 8, ["class"])], 10, cn))], 2))), 128)) : _("", !0),
+							S(U(Q).Trigger, D(T.value.rest, {
+								class: E.value ? j.value.chipsTrigger() : j.value.trigger(),
+								"aria-busy": t.loading || void 0,
+								onKeydown: ke
+							}), {
+								default: K(() => [E.value ? (N(), v("span", {
+									key: 0,
+									class: k(j.value.value()),
+									"data-placeholder-shown": !U(q).length || void 0
+								}, [U(q).length ? (N(), v("span", {
+									key: 0,
+									class: k(j.value.hiddenValue())
+								}, H(U(q).map((e) => e.label).join(", ")), 3)) : (N(), v(p, { key: 1 }, [x(H(t.placeholder ?? U(a).common.placeholder), 1)], 64))], 10, ln)) : (N(), v("span", {
+									key: 1,
+									class: k(j.value.value()),
+									"data-placeholder-shown": !U(q).length || void 0
+								}, [e.$slots.value && U(q).length ? R(e.$slots, "value", { items: U(q).map((e) => e.item) }, void 0, void 0, 0) : (N(), v(p, { key: 1 }, [x(H(Y.value), 1)], 64))], 10, un)), S(U(Q).Indicator, { class: k(j.value.indicator()) }, {
+									default: K(() => [t.loading ? (N(), g(U(me), {
+										key: 0,
+										class: k(j.value.spinner()),
+										"aria-hidden": "true"
+									}, null, 8, ["class"])) : (N(), g(U(se), {
+										key: 1,
+										class: k(j.value.indicatorIcon()),
+										"aria-hidden": "true"
+									}, null, 8, ["class"]))]),
+									_: 1
+								}, 8, ["class"])]),
+								_: 3
+							}, 16, ["class", "aria-busy"]),
+							t.clearable && U(q).length && !n.disabled ? (N(), v("button", {
+								key: 1,
+								type: "button",
+								tabindex: "-1",
+								class: k(E.value ? j.value.chipsClear() : j.value.clear()),
+								"aria-label": U(M).clear,
+								onClick: (e) => Ae(n)
+							}, [S(U(_e), {
+								class: k(j.value.clearIcon()),
+								"aria-hidden": "true"
+							}, null, 8, ["class"])], 10, dn)) : _("", !0)
+						]),
+						_: 2
+					}, 1040)]),
+					_: 3
+				}),
+				E.value || t.max !== void 0 || t.dataSource ? (N(), v("span", {
+					key: 0,
+					role: "status",
+					class: k(j.value.status())
+				}, H(Te.value || U(z).announcement.value), 3)) : _("", !0),
+				(N(), g(m, { to: "body" }, [S(U(Q).Positioner, null, {
+					default: K(() => [S(U(Q).Content, {
+						class: k(j.value.content()),
+						"aria-busy": le.value || void 0,
+						"aria-label": ge.value ? T.value.rest["aria-label"] : void 0
+					}, {
+						default: K(() => [ge.value ? (N(), v(p, { key: 0 }, [y("div", { class: k(j.value.header()) }, [S(U(Q).Context, null, {
+							default: K((e) => [t.filter ? (N(), v("input", {
+								key: 0,
+								type: "text",
+								role: "combobox",
+								autocomplete: "off",
+								"aria-autocomplete": "list",
+								"aria-expanded": "true",
+								"data-autofocus": "",
+								"aria-controls": U(ve),
+								"aria-activedescendant": Ie(e),
+								"aria-label": U(M).filter,
+								placeholder: U(a).combobox.search,
+								value: F.value,
+								class: k(j.value.search()),
+								onInput: (t) => je(e, t),
+								onKeydown: Me
+							}, null, 42, fn)) : _("", !0)]),
+							_: 1
+						}), t.selectAll && Ce.value.length ? (N(), v("button", {
+							key: 0,
+							type: "button",
+							role: "checkbox",
+							"aria-checked": we.value,
+							class: k(j.value.selectAll()),
+							onClick: n[0] ||= (e) => Ee(U(et)(U(q), U(V), t.max)),
+							onKeydown: Pe
+						}, [y("span", {
+							class: k(j.value.check()),
+							"data-state": we.value === "mixed" ? "indeterminate" : we.value ? "checked" : "unchecked",
+							"aria-hidden": "true"
+						}, [we.value === "mixed" ? (N(), g(U(he), {
+							key: 0,
+							class: k(j.value.checkIcon())
+						}, null, 8, ["class"])) : we.value ? (N(), g(U(oe), {
+							key: 1,
+							class: k(j.value.checkIcon())
+						}, null, 8, ["class"])) : _("", !0)], 10, mn), x(" " + H(U(M).selectAll), 1)], 42, pn)) : _("", !0)], 2), S(U(Q).List, {
+							id: U(ve),
+							class: k(j.value.list()),
+							"data-autofocus": t.filter ? void 0 : ""
+						}, {
+							default: K(() => [S(c, {
+								parts: U(Q),
+								groups: U(re),
+								classes: Se.value,
+								checkbox: t.checkboxes,
+								loading: le.value,
+								"loading-text": t.loadingText ?? U(a).common.loading,
+								"has-more": ue.value,
+								"empty-text": be.value,
+								onLoadMore: de
+							}, b({ _: 2 }, [e.$slots.item ? {
+								name: "item",
+								fn: K((t) => [R(e.$slots, "item", A(w(t)))]),
+								key: "0"
+							} : void 0]), 1032, [
+								"parts",
+								"groups",
+								"classes",
+								"checkbox",
+								"loading",
+								"loading-text",
+								"has-more",
+								"empty-text"
+							])]),
+							_: 3
+						}, 8, [
+							"id",
+							"class",
+							"data-autofocus"
+						])], 64)) : (N(), g(c, {
+							key: 1,
+							parts: U(Q),
+							groups: U(re),
+							classes: Se.value,
+							checkbox: t.checkboxes,
+							loading: le.value,
+							"loading-text": t.loadingText ?? U(a).common.loading,
+							"has-more": ue.value,
+							"empty-text": be.value,
+							onLoadMore: de
+						}, b({ _: 2 }, [e.$slots.item ? {
+							name: "item",
+							fn: K((t) => [R(e.$slots, "item", A(w(t)))]),
+							key: "0"
+						} : void 0]), 1032, [
+							"parts",
+							"groups",
+							"classes",
+							"checkbox",
+							"loading",
+							"loading-text",
+							"has-more",
+							"empty-text"
+						]))]),
+						_: 3
+					}, 8, [
+						"class",
+						"aria-busy",
+						"aria-label"
+					])]),
+					_: 3
+				})])),
+				S(U(Q).HiddenSelect)
+			]),
+			_: 3
+		}, 16, [
+			"class",
+			"style",
+			"collection",
+			"model-value",
+			"disabled",
+			"invalid",
+			"required",
+			"name",
+			"composite"
+		]));
+	}
+}), gn = ["id"], _n = ["id"], vn = /* @__PURE__ */ C({
+	inheritAttrs: !1,
+	__name: "NumberInput",
+	props: {
+		modelValue: { default: void 0 },
+		defaultValue: { default: void 0 },
+		min: {},
+		max: {},
+		step: {},
+		formatOptions: { default: () => Ce },
+		locale: {},
+		size: {},
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		success: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		readOnly: {
+			type: Boolean,
+			default: void 0
+		},
+		required: {
+			type: Boolean,
+			default: void 0
+		},
+		name: {},
+		stepper: {
+			type: Boolean,
+			default: !0
+		},
+		stepperLayout: { default: "inline" },
+		prefix: {},
+		suffix: {},
+		allowNegative: {
+			type: Boolean,
+			default: !0
+		},
+		allowDecimal: {
+			type: Boolean,
+			default: !0
+		},
+		decimals: {},
+		clampBehavior: { default: "blur" },
+		selectOnFocus: { type: Boolean },
+		loading: { type: Boolean },
+		clearable: { type: Boolean },
+		clearLabel: {},
+		id: {},
+		classes: {}
+	},
+	emits: ["update:modelValue"],
+	setup(o, { emit: s }) {
+		let c = t(), l = e(), u = o, d = n("numberInput", Pe, () => u.classes), f = h(() => u.locale ?? c.value.locale), m = s, y = te(), b = h(() => r(y)), x = it(), C = i(), w = h(() => !!u.invalid || !!x?.value.invalid), T = h(() => !w.value && (!!u.success || C.value.success)), E = h(() => d({
+			size: u.size,
+			stacked: u.stepperLayout === "stacked",
+			success: T.value
+		})), O = h(() => u.decimals === void 0 ? u.allowDecimal ? u.formatOptions : {
+			...u.formatOptions,
+			maximumFractionDigits: 0
+		} : {
+			...u.formatOptions,
+			minimumFractionDigits: u.decimals,
+			maximumFractionDigits: u.decimals
+		}), A = h(() => u.allowNegative ? u.min : Math.max(u.min ?? 0, 0)), M, ee = Xe(u.modelValue ?? u.defaultValue, f.value, O.value), P = I(ee ?? ""), F = gt(h(() => ({
+			defaultValue: ee,
+			min: A.value,
+			max: u.max,
+			step: u.step,
+			formatOptions: O.value,
+			locale: f.value,
+			invalid: u.invalid,
+			disabled: u.disabled,
+			readOnly: u.readOnly,
+			required: u.required,
+			name: u.name,
+			clampValueOnBlur: u.clampBehavior !== "none",
+			allowOverflow: u.clampBehavior !== "strict",
+			translations: l.numberInput,
+			...xe(u.id, "input", {
+				label: x?.value.ids.label,
+				input: x?.value.ids.control
+			}),
+			onValueChange: (e) => {
+				P.value = e.value, M = Number.isNaN(e.valueAsNumber) ? null : e.valueAsNumber, m("update:modelValue", M);
+			}
+		})));
+		G(() => u.modelValue, (e) => {
+			e !== void 0 && e !== M && (e === null ? F.value.clearValue() : F.value.setValue(e));
+		});
+		function L(e) {
+			if (e.ctrlKey || e.metaKey || e.altKey) return;
+			let t = e.currentTarget, n = t.selectionStart ?? t.value.length, r = t.value.slice(0, n) + t.value.slice(t.selectionEnd ?? n), i = Fe(e.key, r, f.value, {
+				allowDecimal: u.allowDecimal && u.decimals !== 0,
+				allowNegative: u.allowNegative
+			});
+			i && (e.preventDefault(), i !== "block" && De(t, i.insert));
+		}
+		function R(e) {
+			let t = e.currentTarget, n = (t.selectionStart ?? 0) === 0 && (t.selectionEnd ?? 0) === t.value.length, r = Re(e.clipboardData?.getData("text") ?? "", f.value);
+			n && r !== null && (e.preventDefault(), Ue(t, Xe(r, f.value, O.value)));
+		}
+		function z(e) {
+			if (!u.selectOnFocus) return;
+			let t = e.currentTarget;
+			requestAnimationFrame(() => t.select());
+		}
+		let B = ne(), V = ne(), re = h(() => u.prefix || u.suffix ? [
+			x?.value.ariaDescribedby,
+			u.prefix && B,
+			u.suffix && V,
+			b.value.rest["aria-describedby"]
+		].filter(Boolean).join(" ") : void 0), W = h(() => !!u.disabled || !!u.readOnly || !!x?.value.disabled || !!x?.value.readOnly), q = ie("control");
+		function J() {
+			let e = q.value?.$el.querySelector("input");
+			e && (Ue(e), e.focus());
+		}
+		return (e, t) => (N(), g(U(ht).RootProvider, {
+			value: U(F),
+			class: k(E.value.base({ class: b.value.className })),
+			style: j(b.value.style)
+		}, {
+			default: K(() => [S(U(ht).Control, {
+				ref_key: "control",
+				ref: q,
+				class: k(E.value.control())
+			}, {
+				default: K(() => [
+					o.prefix ? (N(), v("span", {
+						key: 0,
+						id: U(B),
+						class: k(E.value.prefix())
+					}, H(o.prefix), 11, gn)) : _("", !0),
+					S(U(ht).Input, D({
+						...b.value.rest,
+						...re.value ? { "aria-describedby": re.value } : {}
+					}, {
+						value: P.value,
+						class: E.value.input(),
+						"aria-busy": o.loading || void 0,
+						onKeydown: L,
+						onPaste: R,
+						onFocus: z
+					}), null, 16, [
+						"value",
+						"class",
+						"aria-busy"
+					]),
+					o.loading || o.clearable || T.value ? (N(), g(a, {
+						key: 1,
+						loading: o.loading,
+						clear: o.clearable && !!P.value && !W.value,
+						"clear-label": o.clearLabel ?? U(l).field.clear,
+						success: T.value,
+						classes: {
+							spinner: E.value.spinner(),
+							clear: E.value.clear(),
+							clearIcon: E.value.clearIcon(),
+							statusIcon: E.value.statusIcon()
+						},
+						onClear: J
+					}, null, 8, [
+						"loading",
+						"clear",
+						"clear-label",
+						"success",
+						"classes"
+					])) : _("", !0),
+					o.suffix ? (N(), v("span", {
+						key: 2,
+						id: U(V),
+						class: k(E.value.suffix())
+					}, H(o.suffix), 11, _n)) : _("", !0),
+					o.stepper && o.stepperLayout === "stacked" ? (N(), v("div", {
+						key: 3,
+						class: k(E.value.stepper())
+					}, [S(U(ht).IncrementTrigger, { class: k(E.value.button()) }, {
+						default: K(() => [S(U(ue), {
+							class: k(E.value.buttonIcon()),
+							"aria-hidden": "true"
+						}, null, 8, ["class"])]),
+						_: 1
+					}, 8, ["class"]), S(U(ht).DecrementTrigger, { class: k(E.value.button()) }, {
+						default: K(() => [S(U(se), {
+							class: k(E.value.buttonIcon()),
+							"aria-hidden": "true"
+						}, null, 8, ["class"])]),
+						_: 1
+					}, 8, ["class"])], 2)) : o.stepper ? (N(), v(p, { key: 4 }, [S(U(ht).DecrementTrigger, { class: k(E.value.button()) }, {
+						default: K(() => [S(U(he), {
+							class: k(E.value.buttonIcon()),
+							"aria-hidden": "true"
+						}, null, 8, ["class"])]),
+						_: 1
+					}, 8, ["class"]), S(U(ht).IncrementTrigger, { class: k(E.value.button()) }, {
+						default: K(() => [S(U(ge), {
+							class: k(E.value.buttonIcon()),
+							"aria-hidden": "true"
+						}, null, 8, ["class"])]),
+						_: 1
+					}, 8, ["class"])], 64)) : _("", !0)
+				]),
+				_: 1
+			}, 8, ["class"])]),
+			_: 1
+		}, 8, [
+			"value",
+			"class",
+			"style"
+		]));
+	}
+}), yn = /* @__PURE__ */ C({
+	__name: "ContextMenu",
+	props: {
+		items: {},
+		label: {},
+		linkAs: {},
+		classes: {}
+	},
+	emits: [
+		"select",
+		"checked-change",
+		"value-change"
+	],
+	setup(e, { expose: t, emit: r }) {
+		let i = e, a = n("menu", je, () => i.classes), o = r, s = a();
+		vt({
+			items: () => i.items,
+			linkAs: () => i.linkAs,
+			onCheckedChange: (e, t) => o("checked-change", e, t),
+			onValueChange: (e, t) => o("value-change", e, t)
+		});
+		let c = xt({
+			open: () => void 0,
+			anchor: () => void 0,
+			onOpenChange: () => {},
+			restoreFocus: !0
+		});
+		t(c.handle);
+		let l = Se((e) => c.handle.open(e));
+		M(l.cancel);
+		let u = h(() => c.positioning({}));
+		return (t, n) => (N(), g(U(X).Root, {
+			open: U(c).isOpen.value,
+			positioning: u.value,
+			"anchor-point": U(c).anchorPoint.value,
+			"lazy-mount": "",
+			"unmount-on-exit": "",
+			"onUpdate:open": n[5] ||= (e) => U(c).onOpenChange(e),
+			onSelect: n[6] ||= (e) => o("select", e.value)
+		}, {
+			default: K(() => [S(U(X).ContextTrigger, {
+				"as-child": "",
+				onPointerdown: n[0] ||= (e) => U(l).down(e),
+				onPointermove: n[1] ||= (e) => U(l).move(e),
+				onPointerup: n[2] ||= (e) => U(l).cancel(),
+				onPointercancel: n[3] ||= (e) => U(l).cancel()
+			}, {
+				default: K(() => [R(t.$slots, "default")]),
+				_: 3
+			}), (N(), g(m, { to: "body" }, [S(U(X).Positioner, null, {
+				default: K(() => [S(U(X).Content, D({ class: U(s).content() }, e.label ? {
+					"aria-label": e.label,
+					"aria-labelledby": void 0
+				} : {}), {
+					default: K(() => [S(bt, {
+						entries: e.items,
+						onSelect: n[4] ||= (e) => o("select", e)
+					}, b({ _: 2 }, [t.$slots.item ? {
+						name: "item",
+						fn: K((e) => [R(t.$slots, "item", A(w(e)))]),
+						key: "0"
+					} : void 0]), 1032, ["entries"])]),
+					_: 3
+				}, 16, ["class"])]),
+				_: 3
+			})]))]),
+			_: 3
+		}, 8, [
+			"open",
+			"positioning",
+			"anchor-point"
+		]));
+	}
+});
+//#endregion
+export { vt as S, At as _, on as a, xt as b, Xt as c, Qt as d, qt as f, jt as g, zt as h, sn as i, $t as l, Vt as m, vn as n, Wt as o, Kt as p, hn as r, Ut as s, yn as t, Gt as u, Dt as v, bt as x, Tt as y };