@wirecore/wirelayer-vue 0.6.0 → 0.7.0

package/dist/{Tree-DWxqSrO6.js → Tree-fd9LXqgZ.js}

@@ -1,10 +1,10 @@
 import { a as e, n as t } from "./recipes-BlM9aKyt.js";
 import { t as n } from "./attrs-KNjeRUCf.js";
 import { r, t as i } from "./InputStatus-D7kBGlew.js";
-import { a, i as o, n as s, r as c, t as l } from "./useTree-H8XsFHMk.js";
-import { Fragment as u, Teleport as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as _, createTextVNode as v, createVNode as y, defineComponent as b, inject as x, mergeModels as S, mergeProps as C, normalizeClass as w, normalizeProps as T, normalizeStyle as E, onBeforeUnmount as D, onMounted as O, openBlock as k, provide as A, ref as j, renderList as M, renderSlot as N, resolveDynamicComponent as P, toDisplayString as F, toHandlers as I, toRef as L, unref as R, useAttrs as z, useId as ee, useModel as B, useSlots as V, useTemplateRef as H, watch as U, withCtx as W } from "vue";
-import { Check as te, ChevronLeft as ne, ChevronRight as G, Circle as re, Eye as ie, EyeOff as ae, Maximize2 as oe, Minimize2 as K, X as q } from "@lucide/vue";
-import { checkPasswordRequirements as se, clampDialogOffset as ce, closeTab as le, dialog as ue, dialogMoveForKey as de, dialogMoveKeys as fe, passwordInput as pe, passwordStrength as me, scrollEdges as he, setTextControlValue as ge, tabs as J, tree as _e } from "@wirecore/wirelayer-recipes";
+import { a, i as o, n as s, r as c, t as l } from "./useTree-UhG1TMeM.js";
+import { Fragment as u, Teleport as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as _, createTextVNode as v, createVNode as y, defineComponent as b, inject as x, mergeModels as S, mergeProps as C, normalizeClass as w, normalizeProps as T, onBeforeUnmount as E, onMounted as D, openBlock as O, provide as k, ref as A, renderList as j, renderSlot as M, resolveDynamicComponent as N, toDisplayString as P, toHandlers as F, toRef as I, unref as L, useAttrs as R, useId as z, useModel as ee, useSlots as B, useTemplateRef as V, watch as H, withCtx as U } from "vue";
+import { Check as W, ChevronLeft as G, ChevronRight as te, Circle as ne, Eye as re, EyeOff as ie, Maximize2 as ae, Minimize2 as oe, X as K } from "@lucide/vue";
+import { checkPasswordRequirements as se, clampDialogOffset as ce, closeTab as q, controlIds as le, dialog as ue, dialogMoveForKey as de, dialogMoveKeys as fe, passwordInput as pe, passwordStrength as me, scrollEdges as he, setTextControlValue as ge, tabs as J, tree as _e } from "@wirecore/wirelayer-recipes";
 import { useFieldContext as ve } from "@ark-ui/vue/field";
 import { Tabs as Y } from "@ark-ui/vue/tabs";
 import { Dialog as X, useDialogContext as ye } from "@ark-ui/vue/dialog";
@@ -33,10 +33,10 @@ var be = /* @__PURE__ */ b({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: n }) {
-		let r = e, i = t("tabs", J, () => r.classes), a = n, o = z(), s = i();
-		return (t, n) => (k(), p(R(Y).Root, C({
-			...R(o),
-			class: R(s).base({ class: w(R(o).class) })
+		let r = e, i = t("tabs", J, () => r.classes), a = n, o = R(), s = i();
+		return (t, n) => (O(), p(L(Y).Root, C({
+			...L(o),
+			class: L(s).base({ class: w(L(o).class) })
 		}, {
 			"model-value": e.modelValue,
 			"default-value": e.defaultValue,
@@ -47,7 +47,7 @@ var be = /* @__PURE__ */ b({
 			translations: e.label ? { listLabel: e.label } : void 0,
 			"onUpdate:modelValue": n[0] ||= (e) => a("update:modelValue", e)
 		}), {
-			default: W(() => [N(t.$slots, "default")]),
+			default: U(() => [M(t.$slots, "default")]),
 			_: 3
 		}, 16, [
 			"model-value",
@@ -67,12 +67,12 @@ var be = /* @__PURE__ */ b({
 		classes: {}
 	},
 	setup(e) {
-		let n = e, r = t("tabs", J, () => n.classes), i = z(), a = r();
-		return (t, n) => (k(), p(R(Y).Content, C({
-			...R(i),
-			class: R(a).content({ class: w(R(i).class) })
+		let n = e, r = t("tabs", J, () => n.classes), i = R(), a = r();
+		return (t, n) => (O(), p(L(Y).Content, C({
+			...L(i),
+			class: L(a).content({ class: w(L(i).class) })
 		}, { value: e.value }), {
-			default: W(() => [N(t.$slots, "default")]),
+			default: U(() => [M(t.$slots, "default")]),
 			_: 3
 		}, 16, ["value"]));
 	}
@@ -81,15 +81,15 @@ var be = /* @__PURE__ */ b({
 	__name: "TabsList",
 	props: { scrollable: { type: Boolean } },
 	setup(e) {
-		let n = e, r = t("tabs", J), i = z(), a = r(), o = H("list"), s = j({
+		let n = e, r = t("tabs", J), i = R(), a = r(), o = V("list"), s = A({
 			start: !1,
 			end: !1
 		}), c = () => {
 			o.value?.$el && (s.value = he(o.value.$el));
 		}, l;
-		O(() => {
+		D(() => {
 			n.scrollable && o.value?.$el && (c(), l = new ResizeObserver(c), l.observe(o.value.$el));
-		}), D(() => l?.disconnect());
+		}), E(() => l?.disconnect());
 		function u(e) {
 			let t = o.value?.$el;
 			if (!t) return;
@@ -99,43 +99,43 @@ var be = /* @__PURE__ */ b({
 				behavior: i ? "smooth" : "auto"
 			});
 		}
-		return (t, n) => e.scrollable ? (k(), h("div", {
+		return (t, n) => e.scrollable ? (O(), h("div", {
 			key: 0,
-			class: w(R(a).scroller())
+			class: w(L(a).scroller())
 		}, [
-			s.value.start ? (k(), h("button", {
+			s.value.start ? (O(), h("button", {
 				key: 0,
 				type: "button",
 				tabindex: "-1",
 				"aria-hidden": "true",
 				"data-side": "start",
-				class: w(R(a).scrollButton()),
+				class: w(L(a).scrollButton()),
 				onClick: n[0] ||= (e) => u(!1)
-			}, [y(R(ne), { class: w(R(a).scrollIcon()) }, null, 8, ["class"])], 2)) : m("", !0),
-			y(R(Y).List, C({
+			}, [y(L(G), { class: w(L(a).scrollIcon()) }, null, 8, ["class"])], 2)) : m("", !0),
+			y(L(Y).List, C({
 				ref_key: "list",
 				ref: o
 			}, {
-				...R(i),
-				class: R(a).list({ class: [R(a).scrollList(), w(R(i).class)] })
+				...L(i),
+				class: L(a).list({ class: [L(a).scrollList(), w(L(i).class)] })
 			}, { onScroll: c }), {
-				default: W(() => [N(t.$slots, "default")]),
+				default: U(() => [M(t.$slots, "default")]),
 				_: 3
 			}, 16),
-			s.value.end ? (k(), h("button", {
+			s.value.end ? (O(), h("button", {
 				key: 1,
 				type: "button",
 				tabindex: "-1",
 				"aria-hidden": "true",
 				"data-side": "end",
-				class: w(R(a).scrollButton()),
+				class: w(L(a).scrollButton()),
 				onClick: n[1] ||= (e) => u(!0)
-			}, [y(R(G), { class: w(R(a).scrollIcon()) }, null, 8, ["class"])], 2)) : m("", !0)
-		], 2)) : (k(), p(R(Y).List, T(C({ key: 1 }, {
-			...R(i),
-			class: R(a).list({ class: w(R(i).class) })
+			}, [y(L(te), { class: w(L(a).scrollIcon()) }, null, 8, ["class"])], 2)) : m("", !0)
+		], 2)) : (O(), p(L(Y).List, T(C({ key: 1 }, {
+			...L(i),
+			class: L(a).list({ class: w(L(i).class) })
 		})), {
-			default: W(() => [N(t.$slots, "default")]),
+			default: U(() => [M(t.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
@@ -157,32 +157,32 @@ var be = /* @__PURE__ */ b({
 	},
 	emits: ["close"],
 	setup(e, { emit: n }) {
-		let r = e, i = n, a = t("tabs", J, () => r.classes), o = z(), s = f(() => a({ closable: r.closable }));
+		let r = e, i = n, a = t("tabs", J, () => r.classes), o = R(), s = f(() => a({ closable: r.closable }));
 		function c(e) {
-			!r.closable || e.key !== "Delete" || e.defaultPrevented || r.disabled || (e.preventDefault(), le(e.currentTarget, () => i("close", r.value)));
+			!r.closable || e.key !== "Delete" || e.defaultPrevented || r.disabled || (e.preventDefault(), q(e.currentTarget, () => i("close", r.value)));
 		}
 		function l(e) {
 			let t = e.currentTarget.parentElement?.querySelector("[role=tab]");
-			t && le(t, () => i("close", r.value));
+			t && q(t, () => i("close", r.value));
 		}
-		return (t, n) => e.closable ? (k(), h("span", {
+		return (t, n) => e.closable ? (O(), h("span", {
 			key: 0,
 			role: "presentation",
 			class: w(s.value.tab())
-		}, [y(R(Y).Trigger, C({
-			...R(o),
-			class: s.value.trigger({ class: w(R(o).class) })
+		}, [y(L(Y).Trigger, C({
+			...L(o),
+			class: s.value.trigger({ class: w(L(o).class) })
 		}, {
 			value: e.value,
 			disabled: e.disabled,
 			"aria-keyshortcuts": "Delete",
 			onKeydown: c
 		}), {
-			default: W(() => [e.icon ? (k(), p(P(e.icon), {
+			default: U(() => [e.icon ? (O(), p(N(e.icon), {
 				key: 0,
 				class: w(s.value.icon()),
 				"aria-hidden": "true"
-			}, null, 8, ["class"])) : m("", !0), N(t.$slots, "default")]),
+			}, null, 8, ["class"])) : m("", !0), M(t.$slots, "default")]),
 			_: 3
 		}, 16, ["value", "disabled"]), g("button", {
 			type: "button",
@@ -191,18 +191,18 @@ var be = /* @__PURE__ */ b({
 			class: w(s.value.close()),
 			disabled: e.disabled,
 			onClick: l
-		}, [y(R(q), { class: w(s.value.closeIcon()) }, null, 8, ["class"])], 10, Ce)], 2)) : (k(), p(R(Y).Trigger, C({ key: 1 }, {
-			...R(o),
-			class: s.value.trigger({ class: w(R(o).class) })
+		}, [y(L(K), { class: w(s.value.closeIcon()) }, null, 8, ["class"])], 10, Ce)], 2)) : (O(), p(L(Y).Trigger, C({ key: 1 }, {
+			...L(o),
+			class: s.value.trigger({ class: w(L(o).class) })
 		}, {
 			value: e.value,
 			disabled: e.disabled
 		}), {
-			default: W(() => [e.icon ? (k(), p(P(e.icon), {
+			default: U(() => [e.icon ? (O(), p(N(e.icon), {
 				key: 0,
 				class: w(s.value.icon()),
 				"aria-hidden": "true"
-			}, null, 8, ["class"])) : m("", !0), N(t.$slots, "default")]),
+			}, null, 8, ["class"])) : m("", !0), M(t.$slots, "default")]),
 			_: 3
 		}, 16, ["value", "disabled"]));
 	}
@@ -234,7 +234,7 @@ var be = /* @__PURE__ */ b({
 	emits: ["update:open"],
 	setup(e, { emit: t }) {
 		let n = e, r = t;
-		return A($, f(() => ({ modal: n.modal }))), (t, n) => (k(), p(R(X).Root, {
+		return k($, f(() => ({ modal: n.modal }))), (t, n) => (O(), p(L(X).Root, {
 			open: e.open,
 			"default-open": e.defaultOpen,
 			role: e.role,
@@ -245,7 +245,7 @@ var be = /* @__PURE__ */ b({
 			"unmount-on-exit": "",
 			"onUpdate:open": n[0] ||= (e) => r("update:open", e)
 		}, {
-			default: W(() => [N(t.$slots, "default")]),
+			default: U(() => [M(t.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"open",
@@ -260,7 +260,7 @@ var be = /* @__PURE__ */ b({
 //#endregion
 //#region src/components/Dialog/drag.ts
 function Ee(e) {
-	let t = j({
+	let t = A({
 		x: 0,
 		y: 0
 	}), n = null, r = (e, n) => {
@@ -328,6 +328,7 @@ var De = ["aria-label"], Oe = /* @__PURE__ */ b({
 	__name: "DialogContent",
 	props: {
 		title: {},
+		hideTitle: { type: Boolean },
 		description: {},
 		icon: {},
 		status: {},
@@ -358,13 +359,13 @@ var De = ["aria-label"], Oe = /* @__PURE__ */ b({
 	},
 	emits: ["update:maximized"],
 	setup(n, { emit: r }) {
-		let i = e(), a = n, o = r, s = t("dialog", ue, () => a.classes), c = z(), l = x($, null), u = f(() => l?.value.modal ?? !0), _ = j(a.defaultMaximized ?? !1), b = f(() => a.maximized ?? _.value);
+		let i = e(), a = n, o = r, s = t("dialog", ue, () => a.classes), c = R(), l = x($, null), u = f(() => l?.value.modal ?? !0), _ = A(a.defaultMaximized ?? !1), b = f(() => a.maximized ?? _.value);
 		function S() {
 			let e = !b.value;
 			_.value = e, o("update:maximized", e);
 		}
 		let T = Ee(() => a.draggable && !b.value && !a.fullscreen), E = ye();
-		U(() => E.value.open, (e) => !e && T.reset());
+		H(() => E.value.open, (e) => !e && T.reset());
 		let D = f(() => s({
 			status: a.status,
 			size: a.size,
@@ -373,43 +374,44 @@ var De = ["aria-label"], Oe = /* @__PURE__ */ b({
 			fullscreen: a.fullscreen || b.value,
 			responsive: a.responsive,
 			draggable: a.draggable && !b.value,
-			maximizable: a.maximizable
+			maximizable: a.maximizable,
+			hideTitle: a.hideTitle
 		}));
-		return (e, t) => (k(), p(d, { to: n.portalTarget ?? "body" }, [u.value ? (k(), p(R(X).Backdrop, {
+		return (e, t) => (O(), p(d, { to: n.portalTarget ?? "body" }, [u.value ? (O(), p(L(X).Backdrop, {
 			key: 0,
 			class: w(D.value.backdrop())
-		}, null, 8, ["class"])) : m("", !0), y(R(X).Positioner, { class: w(D.value.positioner()) }, {
-			default: W(() => [y(R(X).Content, C({
-				...R(c),
-				class: D.value.content({ class: w(R(c).class) }),
-				...R(T).style.value ? { style: [R(c).style, R(T).style.value] } : {},
-				...n.draggable ? { "aria-keyshortcuts": R(fe) } : {}
-			}, { onKeydown: t[0] ||= (e) => n.draggable && R(T).onKeyDown(e) }), {
-				default: W(() => [
-					g("div", C({ class: D.value.header() }, I(n.draggable ? R(T).header : {}, !0)), [
-						n.icon ? (k(), h("span", {
+		}, null, 8, ["class"])) : m("", !0), y(L(X).Positioner, { class: w(D.value.positioner()) }, {
+			default: U(() => [y(L(X).Content, C({
+				...L(c),
+				class: D.value.content({ class: w(L(c).class) }),
+				...L(T).style.value ? { style: [L(c).style, L(T).style.value] } : {},
+				...n.draggable ? { "aria-keyshortcuts": L(fe) } : {}
+			}, { onKeydown: t[0] ||= (e) => n.draggable && L(T).onKeyDown(e) }), {
+				default: U(() => [
+					g("div", C({ class: D.value.header() }, F(n.draggable ? L(T).header : {}, !0)), [
+						n.icon ? (O(), h("span", {
 							key: 0,
 							class: w(D.value.iconBox())
-						}, [(k(), p(P(n.icon), {
+						}, [(O(), p(N(n.icon), {
 							class: w(D.value.icon()),
 							"aria-hidden": "true"
 						}, null, 8, ["class"]))], 2)) : m("", !0),
-						n.maximizable ? (k(), h("button", {
+						n.maximizable ? (O(), h("button", {
 							key: 1,
 							type: "button",
 							class: w(D.value.maximize()),
-							"aria-label": b.value ? n.restoreLabel ?? R(i).dialog.restore : n.maximizeLabel ?? R(i).dialog.maximize,
+							"aria-label": b.value ? n.restoreLabel ?? L(i).dialog.restore : n.maximizeLabel ?? L(i).dialog.maximize,
 							onClick: S
-						}, [(k(), p(P(b.value ? R(K) : R(oe)), {
+						}, [(O(), p(N(b.value ? L(oe) : L(ae)), {
 							class: w(D.value.maximizeIcon()),
 							"aria-hidden": "true"
 						}, null, 8, ["class"]))], 10, De)) : m("", !0),
-						n.closable ? (k(), p(R(X).CloseTrigger, {
+						n.closable ? (O(), p(L(X).CloseTrigger, {
 							key: 2,
 							class: w(D.value.close()),
-							"aria-label": n.closeLabel ?? R(i).common.close
+							"aria-label": n.closeLabel ?? L(i).common.close
 						}, {
-							default: W(() => [y(R(q), {
+							default: U(() => [y(L(K), {
 								class: w(D.value.closeIcon()),
 								"aria-hidden": "true"
 							}, null, 8, ["class"])]),
@@ -417,23 +419,23 @@ var De = ["aria-label"], Oe = /* @__PURE__ */ b({
 						}, 8, ["class", "aria-label"])) : m("", !0)
 					], 16),
 					g("div", { class: w(D.value.body()) }, [
-						y(R(X).Title, { class: w(D.value.title()) }, {
-							default: W(() => [v(F(n.title), 1)]),
+						y(L(X).Title, { class: w(D.value.title()) }, {
+							default: U(() => [v(P(n.title), 1)]),
 							_: 1
 						}, 8, ["class"]),
-						n.description ? (k(), p(R(X).Description, {
+						n.description ? (O(), p(L(X).Description, {
 							key: 0,
 							class: w(D.value.description())
 						}, {
-							default: W(() => [v(F(n.description), 1)]),
+							default: U(() => [v(P(n.description), 1)]),
 							_: 1
 						}, 8, ["class"])) : m("", !0),
-						N(e.$slots, "default")
+						M(e.$slots, "default")
 					], 2),
-					e.$slots.footer ? (k(), h("div", {
+					e.$slots.footer ? (O(), h("div", {
 						key: 0,
 						class: w(D.value.footer())
-					}, [N(e.$slots, "footer")], 2)) : m("", !0)
+					}, [M(e.$slots, "footer")], 2)) : m("", !0)
 				]),
 				_: 3
 			}, 16)]),
@@ -484,6 +486,7 @@ var De = ["aria-label"], Oe = /* @__PURE__ */ b({
 		clearable: { type: Boolean },
 		clearLabel: {},
 		defaultValue: { default: void 0 },
+		id: {},
 		classes: {}
 	}, {
 		modelValue: {},
@@ -491,25 +494,26 @@ var De = ["aria-label"], Oe = /* @__PURE__ */ b({
 	}),
 	emits: /*@__PURE__*/ S(["update:visible"], ["update:modelValue"]),
 	setup(a, { emit: o }) {
-		let s = e(), c = a, l = o, d = t("passwordInput", pe, () => c.classes), _ = B(a, "modelValue"), b = z(), x = f(() => n(b)), S = ve(), T = r(), D = f(() => !!c.invalid || !!S?.value.invalid), O = f(() => !D.value && (!!c.success || T.value.success)), A = f(() => d({
+		let s = e(), c = a, l = o, d = t("passwordInput", pe, () => c.classes), _ = ee(a, "modelValue"), b = R(), x = f(() => n(b)), S = ve(), T = r(), E = f(() => !!c.invalid || !!S?.value.invalid), D = f(() => !E.value && (!!c.success || T.value.success)), k = f(() => d({
 			size: c.size,
-			success: O.value
-		})), N = ee(), P = j(c.defaultValue), I = f(() => _.value ?? P.value), L = f(() => me(I.value ?? "")), V = f(() => I.value ? s.passwordStrength.levels[L.value] : ""), U = f(() => se(I.value ?? "", c.requirements ?? []));
-		function ne(e) {
-			P.value = e.target.value, _.value = P.value;
+			success: D.value
+		})), M = z(), N = A(c.defaultValue), F = f(() => _.value ?? N.value), I = f(() => me(F.value ?? "")), B = f(() => F.value ? s.passwordStrength.levels[I.value] : ""), H = f(() => se(F.value ?? "", c.requirements ?? []));
+		function G(e) {
+			N.value = e.target.value, _.value = N.value;
 		}
-		let G = f(() => c.strength || c.requirements?.length ? [
+		let te = f(() => c.strength || c.requirements?.length ? [
 			S?.value.ariaDescribedby,
-			c.strength && `${N}strength`,
-			c.requirements?.length && `${N}requirements`
-		].filter(Boolean).join(" ") : void 0), oe = f(() => !!c.disabled || !!S?.value.disabled), K = f(() => !!c.readOnly || !!S?.value.readOnly), q = H("control");
+			c.strength && `${M}strength`,
+			c.requirements?.length && `${M}requirements`
+		].filter(Boolean).join(" ") : void 0), ae = f(() => !!c.disabled || !!S?.value.disabled), oe = f(() => !!c.readOnly || !!S?.value.readOnly), K = V("control");
 		function ce() {
-			let e = q.value?.$el.querySelector("input");
+			let e = K.value?.$el.querySelector("input");
 			e && (ge(e), e.focus());
 		}
-		return (e, t) => (k(), p(R(Z).Root, {
-			class: w(A.value.base({ class: x.value.className })),
-			style: E(x.value.style),
+		let q = f(() => le(c.id, "input", { input: S?.value.ids.control }));
+		return (e, t) => (O(), p(L(Z).Root, C({
+			class: k.value.base({ class: x.value.className }),
+			style: x.value.style,
 			invalid: a.invalid,
 			disabled: a.disabled,
 			"read-only": a.readOnly,
@@ -518,39 +522,38 @@ var De = ["aria-label"], Oe = /* @__PURE__ */ b({
 			"default-visible": a.defaultVisible,
 			visible: a.visible,
 			"auto-complete": a.autocomplete,
-			translations: R(s).passwordInput,
-			onVisibilityChange: t[0] ||= (e) => l("update:visible", e.visible)
-		}, {
-			default: W(() => [
-				y(R(Z).Control, {
+			translations: L(s).passwordInput
+		}, q.value, { onVisibilityChange: t[0] ||= (e) => l("update:visible", e.visible) }), {
+			default: U(() => [
+				y(L(Z).Control, {
 					ref_key: "control",
-					ref: q,
-					class: w(A.value.control())
+					ref: K,
+					class: w(k.value.control())
 				}, {
-					default: W(() => [
-						y(R(Z).Input, C(x.value.rest, {
-							"aria-describedby": G.value,
+					default: U(() => [
+						y(L(Z).Input, C(x.value.rest, {
+							"aria-describedby": te.value,
 							"aria-busy": a.loading || void 0,
-							value: I.value,
-							class: A.value.input(),
-							onInput: ne
+							value: F.value,
+							class: k.value.input(),
+							onInput: G
 						}), null, 16, [
 							"aria-describedby",
 							"aria-busy",
 							"value",
 							"class"
 						]),
-						a.loading || a.clearable || O.value ? (k(), p(i, {
+						a.loading || a.clearable || D.value ? (O(), p(i, {
 							key: 0,
 							loading: a.loading,
-							clear: a.clearable && !!I.value && !oe.value && !K.value,
-							"clear-label": a.clearLabel ?? R(s).field.clear,
-							success: O.value,
+							clear: a.clearable && !!F.value && !ae.value && !oe.value,
+							"clear-label": a.clearLabel ?? L(s).field.clear,
+							success: D.value,
 							classes: {
-								spinner: A.value.spinner(),
-								clear: A.value.clear(),
-								clearIcon: A.value.clearIcon(),
-								statusIcon: A.value.statusIcon()
+								spinner: k.value.spinner(),
+								clear: k.value.clear(),
+								clearIcon: k.value.clearIcon(),
+								statusIcon: k.value.statusIcon()
 							},
 							onClear: ce
 						}, null, 8, [
@@ -560,14 +563,14 @@ var De = ["aria-label"], Oe = /* @__PURE__ */ b({
 							"success",
 							"classes"
 						])) : m("", !0),
-						y(R(Z).VisibilityTrigger, { class: w(A.value.toggle()) }, {
-							default: W(() => [y(R(Z).Indicator, null, {
-								fallback: W(() => [y(R(ie), {
-									class: w(A.value.toggleIcon()),
+						y(L(Z).VisibilityTrigger, { class: w(k.value.toggle()) }, {
+							default: U(() => [y(L(Z).Indicator, null, {
+								fallback: U(() => [y(L(re), {
+									class: w(k.value.toggleIcon()),
 									"aria-hidden": "true"
 								}, null, 8, ["class"])]),
-								default: W(() => [y(R(ae), {
-									class: w(A.value.toggleIcon()),
+								default: U(() => [y(L(ie), {
+									class: w(k.value.toggleIcon()),
 									"aria-hidden": "true"
 								}, null, 8, ["class"])]),
 								_: 1
@@ -577,47 +580,47 @@ var De = ["aria-label"], Oe = /* @__PURE__ */ b({
 					]),
 					_: 1
 				}, 8, ["class"]),
-				a.strength ? (k(), h("div", {
+				a.strength ? (O(), h("div", {
 					key: 0,
-					class: w(A.value.strength())
+					class: w(k.value.strength())
 				}, [g("div", {
-					class: w(A.value.meter()),
+					class: w(k.value.meter()),
 					"aria-hidden": "true"
-				}, [(k(), h(u, null, M(4, (e) => g("span", {
+				}, [(O(), h(u, null, j(4, (e) => g("span", {
 					key: e,
-					class: w(A.value.bar()),
-					"data-level": L.value,
-					"data-filled": e <= L.value || void 0
+					class: w(k.value.bar()),
+					"data-level": I.value,
+					"data-filled": e <= I.value || void 0
 				}, null, 10, ke)), 64))], 2), g("span", {
-					id: `${R(N)}strength`,
-					class: w(A.value.strengthText()),
+					id: `${L(M)}strength`,
+					class: w(k.value.strengthText()),
 					"aria-live": "polite"
-				}, [V.value ? (k(), h(u, { key: 0 }, [v(F(R(s).passwordStrength.label(V.value)), 1)], 64)) : m("", !0)], 10, Ae)], 2)) : m("", !0),
-				a.requirements?.length ? (k(), h("ul", {
+				}, [B.value ? (O(), h(u, { key: 0 }, [v(P(L(s).passwordStrength.label(B.value)), 1)], 64)) : m("", !0)], 10, Ae)], 2)) : m("", !0),
+				a.requirements?.length ? (O(), h("ul", {
 					key: 1,
-					id: `${R(N)}requirements`,
-					class: w(A.value.requirements()),
-					"aria-label": R(s).passwordRequirements.label
-				}, [(k(!0), h(u, null, M(a.requirements, (e, t) => (k(), h("li", {
+					id: `${L(M)}requirements`,
+					class: w(k.value.requirements()),
+					"aria-label": L(s).passwordRequirements.label
+				}, [(O(!0), h(u, null, j(a.requirements, (e, t) => (O(), h("li", {
 					key: e.label,
-					class: w(A.value.requirement()),
-					"data-met": U.value[t] || void 0
+					class: w(k.value.requirement()),
+					"data-met": H.value[t] || void 0
 				}, [
-					U.value[t] ? (k(), p(R(te), {
+					H.value[t] ? (O(), p(L(W), {
 						key: 0,
-						class: w(A.value.requirementIcon()),
+						class: w(k.value.requirementIcon()),
 						"aria-hidden": "true"
-					}, null, 8, ["class"])) : (k(), p(R(re), {
+					}, null, 8, ["class"])) : (O(), p(L(ne), {
 						key: 1,
-						class: w(A.value.requirementIcon()),
+						class: w(k.value.requirementIcon()),
 						"aria-hidden": "true"
 					}, null, 8, ["class"])),
-					v(" " + F(e.label), 1),
-					g("span", { class: w(A.value.requirementState()) }, F(`: ${U.value[t] ? R(s).passwordRequirements.met : R(s).passwordRequirements.unmet}`), 3)
+					v(" " + P(e.label), 1),
+					g("span", { class: w(k.value.requirementState()) }, P(`: ${H.value[t] ? L(s).passwordRequirements.met : L(s).passwordRequirements.unmet}`), 3)
 				], 10, Me))), 128))], 10, je)) : m("", !0)
 			]),
 			_: 1
-		}, 8, [
+		}, 16, [
 			"class",
 			"style",
 			"invalid",
@@ -689,46 +692,46 @@ var De = ["aria-label"], Oe = /* @__PURE__ */ b({
 		"loadChildren"
 	],
 	setup(n, { expose: r, emit: i }) {
-		let d = e(), g = n, b = t("tree", _e, () => g.classes), x = i, S = V(), T = z(), E = b(), D = d.tree, O = j(null), P = f(() => O.value?.$el ?? null), I = l(g, x, P);
-		A(o, I.drag), A(a, {
-			...I,
-			showLines: L(g, "showLines")
+		let d = e(), g = n, b = t("tree", _e, () => g.classes), x = i, S = B(), T = R(), E = b(), D = d.tree, N = A(null), F = f(() => N.value?.$el ?? null), z = l(g, x, F);
+		k(o, z.drag), k(a, {
+			...z,
+			showLines: I(g, "showLines")
 		});
-		let ee = f(() => g.label ?? T["aria-label"] ?? d.tree.treeLabel), B = f(() => g.filter || g.filterValue !== void 0), H = f(() => !I.view.value.length && (U.value !== void 0 || !!S.empty || g.group !== void 0)), U = f(() => g.emptyText ?? (I.query.value.trim() ? D.noMatches : g.group === void 0 ? void 0 : d.common.empty)), te = f(() => g.reorderable || I.lazy.value || B.value || g.group !== void 0);
+		let ee = f(() => g.label ?? T["aria-label"] ?? d.tree.treeLabel), V = f(() => g.filter || g.filterValue !== void 0), H = f(() => !z.view.value.length && (W.value !== void 0 || !!S.empty || g.group !== void 0)), W = f(() => g.emptyText ?? (z.query.value.trim() ? D.noMatches : g.group === void 0 ? void 0 : d.common.empty)), G = f(() => g.reorderable || z.lazy.value || V.value || g.group !== void 0);
 		return r({
-			expandAll: I.expandAll,
-			collapseAll: I.collapseAll,
-			invalidate: I.invalidate,
-			focusNode: I.focusNode
-		}), (e, t) => (k(), p(R(Q).Root, C({
+			expandAll: z.expandAll,
+			collapseAll: z.collapseAll,
+			invalidate: z.invalidate,
+			focusNode: z.focusNode
+		}), (e, t) => (O(), p(L(Q).Root, C({
 			ref_key: "root",
-			ref: O,
-			class: R(E).base({ class: w(R(T).class) }),
-			style: R(T).style,
-			collection: R(I).collection.value,
+			ref: N,
+			class: L(E).base({ class: w(L(T).class) }),
+			style: L(T).style,
+			collection: L(z).collection.value,
 			"selection-mode": n.selectionMode,
-			"selected-value": R(I).selected.value,
-			"expanded-value": R(I).expanded.value
-		}, R(I).ownChecks.value ? {} : {
+			"selected-value": L(z).selected.value,
+			"expanded-value": L(z).expanded.value
+		}, L(z).ownChecks.value ? {} : {
 			checkedValue: n.checkedValue,
 			defaultCheckedValue: n.defaultCheckedValue
 		}, {
 			translations: { treeLabel: ee.value },
-			onSelectionChange: t[2] ||= (e) => R(I).onSelectionChange(e.selectedValue),
-			onExpandedChange: t[3] ||= (e) => R(I).setExpanded(e.expandedValue),
-			onCheckedChange: t[4] ||= (e) => R(I).ownChecks.value || R(I).onArkCheckedChange(e.checkedValue),
-			onKeydownCapture: R(I).onKeydown
+			onSelectionChange: t[2] ||= (e) => L(z).onSelectionChange(e.selectedValue),
+			onExpandedChange: t[3] ||= (e) => L(z).setExpanded(e.expandedValue),
+			onCheckedChange: t[4] ||= (e) => L(z).ownChecks.value || L(z).onArkCheckedChange(e.checkedValue),
+			onKeydownCapture: L(z).onKeydown
 		}), {
-			default: W(() => [
-				n.label ? (k(), p(R(Q).Label, {
+			default: U(() => [
+				n.label ? (O(), p(L(Q).Label, {
 					key: 0,
-					class: w(R(E).label())
+					class: w(L(E).label())
 				}, {
-					default: W(() => [v(F(n.label), 1)]),
+					default: U(() => [v(P(n.label), 1)]),
 					_: 1
 				}, 8, ["class"])) : m("", !0),
 				y(s, {
-					model: R(I),
+					model: L(z),
 					filter: n.filter,
 					"filter-mode": n.filterMode,
 					"expand-controls": n.expandControls,
@@ -740,18 +743,18 @@ var De = ["aria-label"], Oe = /* @__PURE__ */ b({
 					"expand-controls",
 					"classes"
 				]),
-				y(R(Q).Tree, {
-					class: w(R(E).tree()),
+				y(L(Q).Tree, {
+					class: w(L(E).tree()),
 					hidden: H.value || void 0
 				}, {
-					default: W(() => [(k(!0), h(u, null, M(R(I).view.value, (t, r) => (k(), p(c, {
+					default: U(() => [(O(!0), h(u, null, j(L(z).view.value, (t, r) => (O(), p(c, {
 						key: t.id,
 						node: t,
 						"index-path": [r],
 						checkable: n.checkable
 					}, _({ _: 2 }, [e.$slots.node ? {
 						name: "node",
-						fn: W((t) => [N(e.$slots, "node", C({ ref_for: !0 }, t))]),
+						fn: U((t) => [M(e.$slots, "node", C({ ref_for: !0 }, t))]),
 						key: "0"
 					} : void 0]), 1032, [
 						"node",
@@ -760,17 +763,17 @@ var De = ["aria-label"], Oe = /* @__PURE__ */ b({
 					]))), 128))]),
 					_: 3
 				}, 8, ["class", "hidden"]),
-				H.value ? (k(), h("div", {
+				H.value ? (O(), h("div", {
 					key: 1,
-					class: w(R(E).empty()),
-					onDragover: t[0] ||= (...e) => R(I).onEmptyDragOver && R(I).onEmptyDragOver(...e),
-					onDrop: t[1] ||= (...e) => R(I).onEmptyDrop && R(I).onEmptyDrop(...e)
-				}, [N(e.$slots, "empty", {}, () => [v(F(U.value), 1)])], 34)) : m("", !0),
-				te.value ? (k(), h("p", {
+					class: w(L(E).empty()),
+					onDragover: t[0] ||= (...e) => L(z).onEmptyDragOver && L(z).onEmptyDragOver(...e),
+					onDrop: t[1] ||= (...e) => L(z).onEmptyDrop && L(z).onEmptyDrop(...e)
+				}, [M(e.$slots, "empty", {}, () => [v(P(W.value), 1)])], 34)) : m("", !0),
+				G.value ? (O(), h("p", {
 					key: 2,
 					role: "status",
-					class: w(R(E).status())
-				}, F(R(I).status.value), 3)) : m("", !0)
+					class: w(L(E).status())
+				}, P(L(z).status.value), 3)) : m("", !0)
 			]),
 			_: 3
 		}, 16, [