@wirecore/wirelayer-vue 0.5.0 → 0.6.0

package/dist/{ContextMenu-R23YbbaS.js → ContextMenu-C5JKyNlX.js}

@@ -1,11 +1,11 @@
 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-CUyF9-GR.js";
-import { t as o } from "./Input-C59NJK4m.js";
-import { n as s, t as c } from "./Select-BlEjQWBP.js";
-import { a as l, n as u, r as d } from "./Highlight-DvGcm2QR.js";
-import { Fragment as f, Teleport as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createSlots as y, createTextVNode as b, createVNode as x, defineComponent as S, guardReactiveProps as C, inject as w, mergeModels as T, mergeProps as E, nextTick as D, normalizeClass as O, normalizeProps as k, normalizeStyle as ee, onBeforeUnmount as A, onMounted as j, openBlock as M, provide as N, reactive as P, ref as F, renderList as I, renderSlot as L, resolveComponent as R, resolveDynamicComponent as z, shallowRef as B, toDisplayString as V, unref as H, useAttrs as te, useId as ne, useModel as re, useTemplateRef as ie, vModelText as U, watch as W, withCtx as G, withDirectives as ae, withKeys as K } from "vue";
-import { CalendarDays as q, Check as oe, ChevronDown as se, ChevronLeft as ce, ChevronRight as J, ChevronUp as le, ChevronsLeft as ue, ChevronsRight as de, Circle as fe, LoaderCircle as pe, Minus as me, Plus as he, X as ge } from "@lucide/vue";
+import { r as i, t as a } from "./InputStatus-D7kBGlew.js";
+import { t as o } from "./Input-BhnYMKjE.js";
+import { n as s, t as c } from "./Select-DAuYpE1c.js";
+import { a as l, n as u, r as d } from "./Highlight-Cg8DvCfq.js";
+import { Fragment as f, Teleport as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createSlots as y, createTextVNode as b, createVNode as x, defineComponent as S, guardReactiveProps as C, inject as w, mergeModels as T, mergeProps as E, nextTick as D, normalizeClass as O, normalizeProps as k, normalizeStyle as ee, onBeforeUnmount as A, onMounted as j, openBlock as M, provide as N, reactive as P, ref as F, renderList as I, renderSlot as L, resolveComponent as R, resolveDynamicComponent as z, shallowRef as B, toDisplayString as V, unref as H, useAttrs as te, useId as ne, useModel as re, useTemplateRef as ie, vModelText as U, watch as W, withCtx as G, withDirectives as K, withKeys as q } from "vue";
+import { CalendarDays as J, Check as ae, ChevronDown as oe, ChevronLeft as se, ChevronRight as ce, ChevronUp as le, ChevronsLeft as ue, ChevronsRight as de, Circle as fe, LoaderCircle as pe, Minus as me, Plus as he, X as ge } from "@lucide/vue";
 import { SUBMENU_GUTTER as _e, allListOptionsState as ve, anchorBox as ye, createLongPress as be, datePicker as Y, defaultNumberFormat as xe, filterMenuEntries as Se, fromWallIso as Ce, highlightFirstMenuItem as we, insertIntoTextControl as Te, isoWeekday as Ee, linkTarget as De, localeWeekInfo as Oe, menu as ke, menuSearchKey as Ae, multiSelect as je, numberInput as Me, numberInputKey as Ne, pageForSize as Pe, pagination as Fe, parseLocaleNumber as Ie, parsePastedDate as Le, parsePastedRange as Re, pluralText as ze, rowWeekNumber as Be, setTextControlValue as Ve, skeleton as He, textarea as Ue, textareaParts as We, timeSlots as Ge, timeZoneLabel as Ke, timeZoneLongLabel as qe, toNumberInputValue as Je, toOverlayAnchor as Ye, toWallIso as Xe, todayIso as Ze, toggleAllListOptions as Qe, zonedToInstant as $e } from "@wirecore/wirelayer-recipes";
 import { Menu as X } from "@ark-ui/vue/menu";
 import { useFilter as et } from "@ark-ui/vue/locale";
@@ -115,7 +115,7 @@ var _t = () => w(ht, null), vt = /* @__PURE__ */ S({
 				"onUpdate:checked": (t) => H(s)?.setChecked(e, t)
 			}, {
 				default: G(() => [v("span", { class: O(H(a).indicator()) }, [x(H(X).ItemIndicator, null, {
-					default: G(() => [x(H(oe), {
+					default: G(() => [x(H(ae), {
 						class: O(H(a).indicatorIcon()),
 						"aria-hidden": "true"
 					}, null, 8, ["class"])]),
@@ -146,7 +146,7 @@ var _t = () => w(ht, null), vt = /* @__PURE__ */ S({
 							"aria-hidden": "true"
 						}, null, 8, ["class"])) : g("", !0),
 						v("span", { class: O(H(a).label()) }, V(e.label), 3),
-						x(H(J), {
+						x(H(ce), {
 							class: O(H(a).submenuIcon()),
 							"aria-hidden": "true"
 						}, null, 8, ["class"])
@@ -371,7 +371,7 @@ var bt = ["aria-label"], xt = [
 								role: "group",
 								"aria-label": t.searchLabel ?? H(l).menu.search,
 								class: O(H(c).search())
-							}, [ae(v("input", {
+							}, [K(v("input", {
 								ref_key: "search",
 								ref: w,
 								"onUpdate:modelValue": n[0] ||= (e) => d.value = e,
@@ -455,19 +455,19 @@ var bt = ["aria-label"], xt = [
 			e.style.height = `${n}px`;
 		}
 		j(B), W(l, () => D(B));
-		let U = ne(), G = F(""), ae;
-		function K(e) {
-			I.value = e.target.value, B(), T.value && (clearTimeout(ae), ae = setTimeout(() => {
+		let U = ne(), G = F(""), K;
+		function q(e) {
+			I.value = e.target.value, B(), T.value && (clearTimeout(K), K = setTimeout(() => {
 				G.value = c.textarea.remaining(w.value - L.value, w.value);
 			}, 1e3));
 		}
-		A(() => clearTimeout(ae));
-		let q = m(() => [
+		A(() => clearTimeout(K));
+		let J = m(() => [
 			d?.value.ariaDescribedby,
 			T.value && U,
 			u["aria-describedby"]
 		].filter(Boolean).join(" ") || void 0);
-		function oe() {
+		function ae() {
 			let e = z.value?.$el;
 			e && (Ve(e), e.focus());
 		}
@@ -497,9 +497,9 @@ var bt = ["aria-label"], xt = [
 				rows: H(u).rows ?? t.minRows,
 				disabled: S.value || void 0,
 				"aria-invalid": y.value || void 0,
-				"aria-describedby": q.value,
+				"aria-describedby": J.value,
 				"aria-busy": t.loading || void 0,
-				onInput: K
+				onInput: q
 			}), null, 16, [
 				"modelValue",
 				"class",
@@ -523,7 +523,7 @@ var bt = ["aria-label"], xt = [
 					clearIcon: P.value.clearIcon(),
 					statusIcon: P.value.statusIcon()
 				},
-				onClear: oe
+				onClear: ae
 			}, null, 8, [
 				"loading",
 				"clear",
@@ -559,7 +559,7 @@ var bt = ["aria-label"], xt = [
 			rows: H(u).rows ?? t.minRows,
 			disabled: S.value || void 0,
 			"aria-invalid": y.value || void 0,
-			onInput: K
+			onInput: q
 		}), null, 16, [
 			"modelValue",
 			"rows",
@@ -673,7 +673,7 @@ var bt = ["aria-label"], xt = [
 						}, 1024)) : g("", !0),
 						x(H(Z).PrevTrigger, { "as-child": "" }, {
 							default: G(() => [(M(), h(z(w.value), E({ class: u.value.trigger() }, T(e.page === 1)), {
-								default: G(() => [x(H(ce), {
+								default: G(() => [x(H(se), {
 									class: O(u.value.triggerIcon()),
 									"aria-hidden": "true"
 								}, null, 8, ["class"])]),
@@ -705,7 +705,7 @@ var bt = ["aria-label"], xt = [
 						}, 8, ["index", "class"]))], 64))), 128)),
 						x(H(Z).NextTrigger, { "as-child": "" }, {
 							default: G(() => [(M(), h(z(w.value), E({ class: u.value.trigger() }, T(e.page === e.totalPages)), {
-								default: G(() => [x(H(J), {
+								default: G(() => [x(H(ce), {
 									class: O(u.value.triggerIcon()),
 									"aria-hidden": "true"
 								}, null, 8, ["class"])]),
@@ -736,7 +736,7 @@ var bt = ["aria-label"], xt = [
 						inputmode: "numeric",
 						autocomplete: "off",
 						"aria-label": H(d).pagination.jumper,
-						onKeydown: K((t) => j(t, e), ["enter"])
+						onKeydown: q((t) => j(t, e), ["enter"])
 					}, null, 8, [
 						"class",
 						"aria-label",
@@ -876,7 +876,7 @@ var bt = ["aria-label"], xt = [
 		return (e, t) => (M(), h(H($).ViewControl, { class: O(H(a).header()) }, {
 			default: G(() => [
 				x(H($).PrevTrigger, { class: O(H(a).nav()) }, {
-					default: G(() => [x(H(ce), {
+					default: G(() => [x(H(se), {
 						class: O(H(a).navIcon()),
 						"aria-hidden": "true"
 					}, null, 8, ["class"])]),
@@ -893,7 +893,7 @@ var bt = ["aria-label"], xt = [
 					_: 1
 				}),
 				x(H($).NextTrigger, { class: O(H(a).nav()) }, {
-					default: G(() => [x(H(J), {
+					default: G(() => [x(H(ce), {
 						class: O(H(a).navIcon()),
 						"aria-hidden": "true"
 					}, null, 8, ["class"])]),
@@ -1195,7 +1195,11 @@ function Jt(e) {
 	let [t = 0, n = 0, r = 0] = e.split(":").map(Number);
 	return new st(qt.year, qt.month, qt.day, t, n, r);
 }
-var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e ? `${Yt(e.hour)}:${Yt(e.minute)}${t ? `:${Yt(e.second)}` : ""}` : null, Zt = (e, t, n, r = !1) => Ge(e, t, n, r), Qt = ["id", "data-placeholder"], $t = ["name", "value"], en = ["id"], tn = ["id"], nn = /* @__PURE__ */ S({
+var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e ? `${Yt(e.hour)}:${Yt(e.minute)}${t ? `:${Yt(e.second)}` : ""}` : null, Zt = (e, t, n, r = !1) => Ge(e, t, n, r), Qt = ["id", "data-placeholder"], $t = ["name", "value"], en = ["id"], tn = [
+	"id",
+	"data-hidden",
+	"onClick"
+], nn = ["id"], rn = /* @__PURE__ */ S({
 	__name: "DatePickerBase",
 	props: {
 		mode: {},
@@ -1211,6 +1215,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 		required: { type: Boolean },
 		name: {},
 		label: {},
+		placeholder: {},
 		className: {},
 		period: {},
 		classes: {},
@@ -1249,8 +1254,8 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 				short: Ke(a.timeZone, a.locale, t),
 				long: i.calendar.timeZone(qe(a.timeZone, a.locale, t))
 			};
-		}), F = m(() => [u?.value.ariaDescribedby, P.value ? `${l}tz` : void 0].filter(Boolean).join(" ") || void 0), R = m(() => {
-			if (!a.dates.length) return i.calendar.noDates;
+		}), F = m(() => [u?.value.ariaDescribedby, P.value ? `${l}tz` : void 0].filter(Boolean).join(" ") || void 0), R = (e) => w.every((t) => e.getSegments({ index: t }).every((e) => e.type === "literal" || e.isPlaceholder)), z = (e) => !!a.placeholder && R(e) && !e.focused, B = (e) => a.placeholder && R(e) ? [F.value, `${l}ph`].filter(Boolean).join(" ") : F.value, te = m(() => {
+			if (!a.dates.length) return a.placeholder ?? i.calendar.noDates;
 			if (a.dates.length > 3) return ze(i.calendar.datesSelected, a.dates.length, a.locale);
 			let e = new ct(a.locale, {
 				day: "2-digit",
@@ -1259,7 +1264,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 				timeZone: "UTC"
 			});
 			return a.dates.map((t) => e.format(t.toDate("UTC"))).join(", ");
-		}), z = m(() => ({
+		}), re = m(() => ({
 			presets: a.presets,
 			showWeekNumbers: a.showWeekNumbers,
 			numberOfMonths: a.numberOfMonths,
@@ -1271,10 +1276,10 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 			timeZone: a.timeZone,
 			responsive: a.responsive
 		}));
-		function B(e) {
+		function ie(e) {
 			s("change", a.withTime ? e.map((e, t) => Kt(e, a.dates[t])) : e);
 		}
-		function te(e, t) {
+		function U(e, t) {
 			if (a.period) return !1;
 			if (p) {
 				let t = Re(e, a.locale, a.withTime);
@@ -1285,7 +1290,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 			let r = [...a.dates];
 			return r[t] = Vt(n, a.withTime), s("change", r.filter(Boolean)), !0;
 		}
-		let re = {
+		let W = {
 			placement: "bottom-start",
 			gutter: 4
 		};
@@ -1303,11 +1308,11 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 			"num-of-months": t.numberOfMonths,
 			"time-zone": t.timeZone
 		}, d.value, {
-			positioning: re,
+			positioning: W,
 			translations: H(A),
 			"lazy-mount": "",
 			"unmount-on-exit": "",
-			onValueChange: n[1] ||= (e) => B(e.value)
+			onValueChange: n[1] ||= (e) => ie(e.value)
 		}), {
 			default: G(() => [x(H($).Control, { class: O(c.value.control()) }, {
 				default: G(() => [
@@ -1315,7 +1320,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 						id: `${H(l)}v`,
 						class: O(c.value.multiValue()),
 						"data-placeholder": t.dates.length ? void 0 : ""
-					}, V(R.value), 11, Qt), t.name ? (M(!0), _(f, { key: 0 }, I(t.dates, (e, n) => (M(), _("input", {
+					}, V(te.value), 11, Qt), t.name ? (M(!0), _(f, { key: 0 }, I(t.dates, (e, n) => (M(), _("input", {
 						key: e.toString(),
 						type: "hidden",
 						name: `${t.name}[${n}]`,
@@ -1338,34 +1343,46 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 						translations: H(i).dateInput,
 						onValueChange: n[0] ||= (e) => s("change", e.value)
 					}), {
-						default: G(() => [x(H(at).Control, { class: O(c.value.dateControl()) }, {
-							default: G(() => [(M(!0), _(f, null, I(H(w), (e) => (M(), _(f, { key: e }, [
-								e === 1 ? (M(), _("span", {
-									key: 0,
-									class: O(c.value.rangeSeparator()),
-									"aria-hidden": "true"
-								}, "–", 2)) : g("", !0),
-								p && H(u) ? (M(), _("span", {
-									key: 1,
-									id: `${H(l)}r${e}`,
-									class: O(c.value.rangeLabel())
-								}, V(T[e]), 11, en)) : g("", !0),
-								x(zt, {
-									index: e,
-									label: ee(e),
-									describedby: F.value,
-									paste: t.period ? void 0 : te,
-									size: t.size
-								}, null, 8, [
-									"index",
-									"label",
-									"describedby",
-									"paste",
-									"size"
-								])
-							], 64))), 128))]),
+						default: G(() => [x(H(at).Context, null, {
+							default: G((e) => [x(H(at).Control, {
+								class: O(c.value.dateControl()),
+								"data-placeholder-shown": z(e) || void 0
+							}, {
+								default: G(() => [(M(!0), _(f, null, I(H(w), (n) => (M(), _(f, { key: n }, [
+									n === 1 ? (M(), _("span", {
+										key: 0,
+										class: O(c.value.rangeSeparator()),
+										"aria-hidden": "true"
+									}, "–", 2)) : g("", !0),
+									p && H(u) ? (M(), _("span", {
+										key: 1,
+										id: `${H(l)}r${n}`,
+										class: O(c.value.rangeLabel())
+									}, V(T[n]), 11, en)) : g("", !0),
+									x(zt, {
+										index: n,
+										label: ee(n),
+										describedby: B(e),
+										paste: t.period ? void 0 : U,
+										size: t.size
+									}, null, 8, [
+										"index",
+										"label",
+										"describedby",
+										"paste",
+										"size"
+									])
+								], 64))), 128))]),
+								_: 2
+							}, 1032, ["class", "data-placeholder-shown"]), t.placeholder && R(e) ? (M(), _("span", {
+								key: 0,
+								id: `${H(l)}ph`,
+								class: O(c.value.placeholder()),
+								"data-hidden": z(e) ? void 0 : "",
+								onClick: (t) => e.focus()
+							}, V(t.placeholder), 11, tn)) : g("", !0)]),
 							_: 1
-						}, 8, ["class"]), (M(!0), _(f, null, I(H(w), (e) => (M(), h(H(at).HiddenInput, {
+						}), (M(!0), _(f, null, I(H(w), (e) => (M(), h(H(at).HiddenInput, {
 							key: e,
 							index: e
 						}, null, 8, ["index"]))), 128))]),
@@ -1390,7 +1407,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 					}, V(P.value.short), 3), v("span", {
 						id: `${H(l)}tz`,
 						hidden: ""
-					}, V(P.value.long), 9, tn)], 64)) : g("", !0),
+					}, V(P.value.long), 9, nn)], 64)) : g("", !0),
 					t.hideClear ? g("", !0) : (M(), h(H($).ClearTrigger, {
 						key: 3,
 						class: O(c.value.clear())
@@ -1402,7 +1419,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 						_: 1
 					}, 8, ["class"])),
 					x(H($).Trigger, E({ class: c.value.trigger() }, b ? { "aria-describedby": `${H(l)}v` } : {}), {
-						default: G(() => [x(H(q), {
+						default: G(() => [x(H(J), {
 							class: O(c.value.triggerIcon()),
 							"aria-hidden": "true"
 						}, null, 8, ["class"])]),
@@ -1410,7 +1427,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 					}, 16, ["class"])
 				]),
 				_: 1
-			}, 8, ["class"]), x(Rt, k(C(z.value)), y({ _: 2 }, [e.$slots.day ? {
+			}, 8, ["class"]), x(Rt, k(C(re.value)), y({ _: 2 }, [e.$slots.day ? {
 				name: "day",
 				fn: G((t) => [L(e.$slots, "day", k(C(t)))]),
 				key: "0"
@@ -1432,7 +1449,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 			"translations"
 		]));
 	}
-}), rn = /* @__PURE__ */ S({
+}), an = /* @__PURE__ */ S({
 	inheritAttrs: !1,
 	__name: "DatePicker",
 	props: {
@@ -1466,6 +1483,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 			default: void 0
 		},
 		name: {},
+		placeholder: {},
 		size: {},
 		clearable: {
 			type: Boolean,
@@ -1500,7 +1518,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 			min: Ht(a.min, a.withTime, a.timeZone, "min"),
 			max: Ht(a.max, a.withTime, a.timeZone, "max")
 		})), x = m(() => Gt(a.isDateUnavailable, a.excludeDates));
-		return (t, n) => (M(), h(nn, E({
+		return (t, n) => (M(), h(rn, E({
 			mode: e.selectionMode,
 			dates: g.value,
 			"with-time": e.withTime
@@ -1513,6 +1531,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 			required: e.required,
 			name: e.name,
 			label: u.value,
+			placeholder: e.placeholder,
 			classes: e.classes,
 			"class-name": l.value.className,
 			style: l.value.style,
@@ -1534,16 +1553,16 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 			name: "day",
 			fn: G((e) => [L(t.$slots, "day", k(C(e)))]),
 			key: "0"
-		} : void 0]), 1040, /* @__PURE__ */ "mode.dates.with-time.is-date-unavailable.locale.disabled.read-only.invalid.required.name.label.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(".")));
+		} : void 0]), 1040, /* @__PURE__ */ "mode.dates.with-time.is-date-unavailable.locale.disabled.read-only.invalid.required.name.label.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(".")));
 	}
-}), an = ["aria-label", "onClick"], on = ["data-placeholder-shown"], sn = ["data-placeholder-shown"], cn = ["aria-label", "onClick"], ln = [
+}), on = ["aria-label", "onClick"], sn = ["data-placeholder-shown"], cn = ["data-placeholder-shown"], ln = ["aria-label", "onClick"], un = [
 	"aria-controls",
 	"aria-activedescendant",
 	"aria-label",
 	"placeholder",
 	"value",
 	"onInput"
-], un = ["aria-checked"], dn = ["data-state"], fn = /* @__PURE__ */ S({
+], dn = ["aria-checked"], fn = ["data-state"], pn = /* @__PURE__ */ S({
 	inheritAttrs: !1,
 	__name: "MultiSelect",
 	props: {
@@ -1570,6 +1589,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 		itemLabel: {},
 		itemDisabled: {},
 		itemGroup: {},
+		itemKeywords: {},
 		valueKey: {},
 		display: { default: "text" },
 		checkboxes: {
@@ -1605,6 +1625,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 			itemLabel: o.itemLabel,
 			itemDisabled: o.itemDisabled,
 			itemGroup: o.itemGroup,
+			itemKeywords: o.itemKeywords,
 			valueKey: o.valueKey
 		})), z = F(""), B = l({
 			items: () => o.items,
@@ -1612,23 +1633,23 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 			accessors: () => R.value,
 			pageSize: () => o.pageSize,
 			minSearchLength: () => o.minSearchLength
-		}), { options: re, visible: ie, groups: U, ordered: ae } = u(() => B.items.value, () => R.value, () => o.filter && !o.manualFilter && !o.dataSource ? z.value : ""), K = m(() => [...re.value, ...B.resolvedOptions.value]), { selected: q, keys: ce, commit: J, commitKeys: le } = d({
+		}), { options: re, visible: ie, groups: U, ordered: K } = u(() => B.items.value, () => R.value, () => o.filter && !o.manualFilter && !o.dataSource ? z.value : ""), q = m(() => [...re.value, ...B.resolvedOptions.value]), { selected: J, keys: se, commit: ce, commitKeys: le } = d({
 			multiple: !0,
 			model: () => o.modelValue,
 			defaultValue: o.defaultValue,
 			accessors: () => R.value,
-			items: K,
+			items: q,
 			emit: (e) => S("update:modelValue", e)
 		});
-		j(() => B.resolve(ce.value, K.value)), W(ce, (e) => B.resolve(e, K.value));
+		j(() => B.resolve(se.value, q.value)), W(se, (e) => B.resolve(e, q.value));
 		let ue = m(() => o.loading || B.loading.value), de = m(() => o.hasMore || B.hasMore.value);
 		function fe() {
 			o.dataSource ? B.loadMore() : S("loadMore");
 		}
-		let he = m(() => o.max !== void 0 && q.value.length >= o.max), _e = m(() => {
-			let e = new Set(ce.value);
+		let he = m(() => o.max !== void 0 && J.value.length >= o.max), _e = m(() => {
+			let e = new Set(se.value);
 			return it({
-				items: ae.value,
+				items: K.value,
 				itemToString: (e) => e.label,
 				itemToValue: (e) => e.key,
 				isItemDisabled: (t) => t.disabled || he.value && !e.has(t.key)
@@ -1648,28 +1669,28 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 			empty: N.value.empty(),
 			check: N.value.check(),
 			checkIcon: N.value.checkIcon()
-		})), Se = m(() => 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 = m(() => ie.value.filter((e) => !e.disabled)), we = m(() => ve(q.value, Ce.value)), Te = F("");
+		})), Se = m(() => J.value.length ? J.value.length > o.maxShown ? (o.summary ?? a.common.selectedCount)(J.value.length) : J.value.map((e) => e.label).join(", ") : o.placeholder ?? a.common.placeholder), Ce = m(() => ie.value.filter((e) => !e.disabled)), we = m(() => ve(J.value, Ce.value)), Te = F("");
 		function Ee(e) {
-			let t = o.max !== void 0 && e.length >= o.max && q.value.length < o.max;
-			J(e), t && (Te.value = P.maxReached(o.max));
+			let t = o.max !== void 0 && e.length >= o.max && J.value.length < o.max;
+			ce(e), t && (Te.value = P.maxReached(o.max));
 		}
 		function De(e, t) {
-			let n = o.max !== void 0 && e.length >= o.max && q.value.length < o.max;
+			let n = o.max !== void 0 && e.length >= o.max && J.value.length < o.max;
 			le(e, t), n && (Te.value = P.maxReached(o.max));
 		}
 		function Oe(e) {
-			J(q.value.filter((t) => t.key !== e.key)), Te.value = P.removed(e.label);
+			ce(J.value.filter((t) => t.key !== e.key)), Te.value = P.removed(e.label);
 		}
 		function ke(e) {
-			let t = q.value.at(-1);
-			t && (A.value && e.key === "Backspace" ? (e.preventDefault(), Oe(t)) : o.clearable && (e.key === "Delete" || e.key === "Backspace") && (e.preventDefault(), J([])));
+			let t = J.value.at(-1);
+			t && (A.value && e.key === "Backspace" ? (e.preventDefault(), Oe(t)) : o.clearable && (e.key === "Delete" || e.key === "Backspace") && (e.preventDefault(), ce([])));
 		}
 		function Ae(e) {
-			J([]), e.focus();
+			ce([]), e.focus();
 		}
 		function Me(e, t) {
 			z.value = t.target.value, S("filterChange", z.value), o.dataSource && B.search(z.value), !(o.manualFilter || o.dataSource) && D(() => {
-				let t = ae.value.find((e) => !e.disabled);
+				let t = K.value.find((e) => !e.disabled);
 				t && e.setHighlightValue(t.key);
 			});
 		}
@@ -1692,7 +1713,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 			collection: _e.value,
 			multiple: "",
 			"close-on-select": !1,
-			"model-value": H(ce),
+			"model-value": H(se),
 			disabled: t.disabled,
 			invalid: t.invalid,
 			required: t.required,
@@ -1708,7 +1729,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 				x(H(Q).Context, null, {
 					default: G((n) => [x(H(Q).Control, k(C(A.value || t.clearable ? { class: A.value ? N.value.chipsControl() : N.value.control() } : {})), {
 						default: G(() => [
-							A.value ? (M(!0), _(f, { key: 0 }, I(H(q), (e) => (M(), _("span", {
+							A.value ? (M(!0), _(f, { key: 0 }, I(H(J), (e) => (M(), _("span", {
 								key: e.key,
 								class: O(N.value.chip())
 							}, [v("span", { class: O(N.value.chipText()) }, V(e.label), 3), n.disabled ? g("", !0) : (M(), _("button", {
@@ -1721,7 +1742,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 							}, [x(H(ge), {
 								class: O(N.value.chipRemoveIcon()),
 								"aria-hidden": "true"
-							}, null, 8, ["class"])], 10, an))], 2))), 128)) : g("", !0),
+							}, null, 8, ["class"])], 10, on))], 2))), 128)) : g("", !0),
 							x(H(Q).Trigger, E(T.value.rest, {
 								class: A.value ? N.value.chipsTrigger() : N.value.trigger(),
 								"aria-busy": t.loading || void 0,
@@ -1730,20 +1751,20 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 								default: G(() => [A.value ? (M(), _("span", {
 									key: 0,
 									class: O(N.value.value()),
-									"data-placeholder-shown": !H(q).length || void 0
-								}, [H(q).length ? (M(), _("span", {
+									"data-placeholder-shown": !H(J).length || void 0
+								}, [H(J).length ? (M(), _("span", {
 									key: 0,
 									class: O(N.value.hiddenValue())
-								}, V(H(q).map((e) => e.label).join(", ")), 3)) : (M(), _(f, { key: 1 }, [b(V(t.placeholder ?? H(a).common.placeholder), 1)], 64))], 10, on)) : (M(), _("span", {
+								}, V(H(J).map((e) => e.label).join(", ")), 3)) : (M(), _(f, { key: 1 }, [b(V(t.placeholder ?? H(a).common.placeholder), 1)], 64))], 10, sn)) : (M(), _("span", {
 									key: 1,
 									class: O(N.value.value()),
-									"data-placeholder-shown": !H(q).length || void 0
-								}, [e.$slots.value && H(q).length ? L(e.$slots, "value", { items: H(q).map((e) => e.item) }, void 0, void 0, 0) : (M(), _(f, { key: 1 }, [b(V(Se.value), 1)], 64))], 10, sn)), x(H(Q).Indicator, { class: O(N.value.indicator()) }, {
+									"data-placeholder-shown": !H(J).length || void 0
+								}, [e.$slots.value && H(J).length ? L(e.$slots, "value", { items: H(J).map((e) => e.item) }, void 0, void 0, 0) : (M(), _(f, { key: 1 }, [b(V(Se.value), 1)], 64))], 10, cn)), x(H(Q).Indicator, { class: O(N.value.indicator()) }, {
 									default: G(() => [t.loading ? (M(), h(H(pe), {
 										key: 0,
 										class: O(N.value.spinner()),
 										"aria-hidden": "true"
-									}, null, 8, ["class"])) : (M(), h(H(se), {
+									}, null, 8, ["class"])) : (M(), h(H(oe), {
 										key: 1,
 										class: O(N.value.indicatorIcon()),
 										"aria-hidden": "true"
@@ -1752,7 +1773,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 								}, 8, ["class"])]),
 								_: 3
 							}, 16, ["class", "aria-busy"]),
-							t.clearable && H(q).length && !n.disabled ? (M(), _("button", {
+							t.clearable && H(J).length && !n.disabled ? (M(), _("button", {
 								key: 1,
 								type: "button",
 								tabindex: "-1",
@@ -1762,7 +1783,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 							}, [x(H(ge), {
 								class: O(N.value.clearIcon()),
 								"aria-hidden": "true"
-							}, null, 8, ["class"])], 10, cn)) : g("", !0)
+							}, null, 8, ["class"])], 10, ln)) : g("", !0)
 						]),
 						_: 2
 					}, 1040)]),
@@ -1796,7 +1817,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 								class: O(N.value.search()),
 								onInput: (t) => Me(e, t),
 								onKeydown: Ne
-							}, null, 42, ln)) : g("", !0)]),
+							}, null, 42, un)) : g("", !0)]),
 							_: 1
 						}), t.selectAll && Ce.value.length ? (M(), _("button", {
 							key: 0,
@@ -1804,7 +1825,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 							role: "checkbox",
 							"aria-checked": we.value,
 							class: O(N.value.selectAll()),
-							onClick: n[0] ||= (e) => Ee(H(Qe)(H(q), H(ie), t.max)),
+							onClick: n[0] ||= (e) => Ee(H(Qe)(H(J), H(ie), t.max)),
 							onKeydown: Pe
 						}, [v("span", {
 							class: O(N.value.check()),
@@ -1813,10 +1834,10 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 						}, [we.value === "mixed" ? (M(), h(H(me), {
 							key: 0,
 							class: O(N.value.checkIcon())
-						}, null, 8, ["class"])) : we.value ? (M(), h(H(oe), {
+						}, null, 8, ["class"])) : we.value ? (M(), h(H(ae), {
 							key: 1,
 							class: O(N.value.checkIcon())
-						}, null, 8, ["class"])) : g("", !0)], 10, dn), b(" " + V(H(P).selectAll), 1)], 42, un)) : g("", !0)], 2), x(H(Q).List, {
+						}, null, 8, ["class"])) : g("", !0)], 10, fn), b(" " + V(H(P).selectAll), 1)], 42, dn)) : g("", !0)], 2), x(H(Q).List, {
 							id: H(be),
 							class: O(N.value.list()),
 							"data-autofocus": t.filter ? void 0 : ""
@@ -1898,7 +1919,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 			"composite"
 		]));
 	}
-}), pn = ["id"], mn = ["id"], hn = /* @__PURE__ */ S({
+}), mn = ["id"], hn = ["id"], gn = /* @__PURE__ */ S({
 	inheritAttrs: !1,
 	__name: "NumberInput",
 	props: {
@@ -2011,9 +2032,9 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 			u.prefix && B,
 			u.suffix && re,
 			b.value.rest["aria-describedby"]
-		].filter(Boolean).join(" ") : void 0), ae = m(() => !!u.disabled || !!u.readOnly || !!S?.value.disabled || !!S?.value.readOnly), K = ie("control");
-		function q() {
-			let e = K.value?.$el.querySelector("input");
+		].filter(Boolean).join(" ") : void 0), K = m(() => !!u.disabled || !!u.readOnly || !!S?.value.disabled || !!S?.value.readOnly), q = ie("control");
+		function J() {
+			let e = q.value?.$el.querySelector("input");
 			e && (Ve(e), e.focus());
 		}
 		return (e, t) => (M(), h(H(pt).RootProvider, {
@@ -2023,7 +2044,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 		}, {
 			default: G(() => [x(H(pt).Control, {
 				ref_key: "control",
-				ref: K,
+				ref: q,
 				class: O(D.value.control())
 			}, {
 				default: G(() => [
@@ -2031,7 +2052,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 						key: 0,
 						id: H(B),
 						class: O(D.value.prefix())
-					}, V(o.prefix), 11, pn)) : g("", !0),
+					}, V(o.prefix), 11, mn)) : g("", !0),
 					x(H(pt).Input, E({
 						...b.value.rest,
 						...U.value ? { "aria-describedby": U.value } : {}
@@ -2050,7 +2071,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 					o.loading || o.clearable || T.value ? (M(), h(a, {
 						key: 1,
 						loading: o.loading,
-						clear: o.clearable && !!P.value && !ae.value,
+						clear: o.clearable && !!P.value && !K.value,
 						"clear-label": o.clearLabel ?? H(l).field.clear,
 						success: T.value,
 						classes: {
@@ -2059,7 +2080,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 							clearIcon: D.value.clearIcon(),
 							statusIcon: D.value.statusIcon()
 						},
-						onClear: q
+						onClear: J
 					}, null, 8, [
 						"loading",
 						"clear",
@@ -2071,7 +2092,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 						key: 2,
 						id: H(re),
 						class: O(D.value.suffix())
-					}, V(o.suffix), 11, mn)) : g("", !0),
+					}, V(o.suffix), 11, hn)) : g("", !0),
 					o.stepper && o.stepperLayout === "stacked" ? (M(), _("div", {
 						key: 3,
 						class: O(D.value.stepper())
@@ -2082,7 +2103,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 						}, null, 8, ["class"])]),
 						_: 1
 					}, 8, ["class"]), x(H(pt).DecrementTrigger, { class: O(D.value.button()) }, {
-						default: G(() => [x(H(se), {
+						default: G(() => [x(H(oe), {
 							class: O(D.value.buttonIcon()),
 							"aria-hidden": "true"
 						}, null, 8, ["class"])]),
@@ -2110,7 +2131,7 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 			"style"
 		]));
 	}
-}), gn = /* @__PURE__ */ S({
+}), _n = /* @__PURE__ */ S({
 	__name: "ContextMenu",
 	props: {
 		items: {},
@@ -2185,4 +2206,4 @@ var Yt = (e) => String(e).padStart(2, "0"), Xt = (e, t = !1) => e && "hour" in e
 	}
 });
 //#endregion
-export { gt as S, Ot as _, nn as a, yt as b, Jt as c, Xt as d, Gt as f, kt as g, Lt as h, rn as i, Zt as l, zt as m, hn as n, Ht as o, Wt as p, fn as r, Vt as s, gn as t, Ut as u, Tt as v, vt as x, Ct as y };
+export { gt as S, Ot as _, rn as a, yt as b, Jt as c, Xt as d, Gt as f, kt as g, Lt as h, an as i, Zt as l, zt as m, gn as n, Ht as o, Wt as p, pn as r, Vt as s, _n as t, Ut as u, Tt as v, vt as x, Ct as y };