@wirecore/wirelayer-vue 0.6.0 → 0.7.0

package/dist/{Select-DAuYpE1c.js → Select-Bd2Vpr7G.js}

@@ -1,17 +1,18 @@
 import { a as e, n as t } from "./recipes-BlM9aKyt.js";
 import { t as n } from "./attrs-KNjeRUCf.js";
-import { a as r, n as i, r as a } from "./Highlight-Cg8DvCfq.js";
-import { Fragment as o, Teleport as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as p, createTextVNode as m, createVNode as h, defineComponent as g, guardReactiveProps as _, mergeProps as v, nextTick as ee, normalizeClass as y, normalizeProps as b, onBeforeUnmount as x, onMounted as S, openBlock as C, ref as w, renderList as T, renderSlot as E, resolveDynamicComponent as D, toDisplayString as O, unref as k, useAttrs as te, useId as ne, watch as A, withCtx as j } from "vue";
+import { a as r, n as i, r as a } from "./Highlight-uwptdaUw.js";
+import { Fragment as o, Teleport as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as p, createTextVNode as m, createVNode as h, defineComponent as g, guardReactiveProps as _, mergeProps as v, nextTick as ee, normalizeClass as y, normalizeProps as b, onBeforeUnmount as te, onMounted as x, openBlock as S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as E, toDisplayString as D, unref as O, useAttrs as k, useId as ne, watch as A, withCtx as j } from "vue";
 import { Check as M, ChevronDown as re, LoaderCircle as N, X as ie } from "@lucide/vue";
-import { select as ae, spinner as P } from "@wirecore/wirelayer-recipes";
-import { createListCollection as oe } from "@ark-ui/vue/collection";
+import { controlIds as ae, select as oe, spinner as P } from "@wirecore/wirelayer-recipes";
+import { useFieldContext as se } from "@ark-ui/vue/field";
+import { createListCollection as ce } from "@ark-ui/vue/collection";
 import { Select as F } from "@ark-ui/vue/select";
 //#region src/components/Spinner/Spinner.vue?vue&type=script&setup=true&lang.ts
 var I = [
 	"aria-label",
 	"aria-valuenow",
 	"aria-valuetext"
-], se = ["stroke-dasharray"], L = /* @__PURE__ */ g({
+], L = ["stroke-dasharray"], R = /* @__PURE__ */ g({
 	inheritAttrs: !1,
 	__name: "Spinner",
 	props: {
@@ -21,24 +22,24 @@ var I = [
 		classes: {}
 	},
 	setup(n) {
-		let r = e(), i = n, a = t("spinner", P, () => i.classes), o = te(), s = c(() => a({ size: i.size })), l = c(() => Math.min(100, Math.max(0, i.value ?? 0))), u = 2 * Math.PI * 9;
-		return (e, t) => n.value === void 0 ? (C(), d("span", v({ key: 1 }, {
-			...k(o),
-			class: s.value.base({ class: y(k(o).class) })
-		}, { role: "status" }), [h(k(N), {
+		let r = e(), i = n, a = t("spinner", P, () => i.classes), o = k(), s = c(() => a({ size: i.size })), l = c(() => Math.min(100, Math.max(0, i.value ?? 0))), u = 2 * Math.PI * 9;
+		return (e, t) => n.value === void 0 ? (S(), d("span", v({ key: 1 }, {
+			...O(o),
+			class: s.value.base({ class: y(O(o).class) })
+		}, { role: "status" }), [h(O(N), {
 			class: y(s.value.icon()),
 			"aria-hidden": "true"
-		}, null, 8, ["class"]), f("span", { class: y(s.value.label()) }, O(n.label ?? k(r).common.loading), 3)], 16)) : (C(), d("span", v({ key: 0 }, {
-			...k(o),
-			class: s.value.base({ class: y(k(o).class) })
+		}, null, 8, ["class"]), f("span", { class: y(s.value.label()) }, D(n.label ?? O(r).common.loading), 3)], 16)) : (S(), d("span", v({ key: 0 }, {
+			...O(o),
+			class: s.value.base({ class: y(O(o).class) })
 		}, {
 			role: "progressbar",
-			"aria-label": n.label ?? k(r).common.loading,
+			"aria-label": n.label ?? O(r).common.loading,
 			"aria-valuemin": "0",
 			"aria-valuemax": "100",
 			"aria-valuenow": l.value,
 			"aria-valuetext": `${Math.round(l.value)} %`
-		}), [(C(), d("svg", {
+		}), [(S(), d("svg", {
 			class: y(s.value.ring()),
 			viewBox: "0 0 24 24",
 			"aria-hidden": "true"
@@ -56,9 +57,9 @@ var I = [
 			"stroke-width": "3",
 			"stroke-linecap": "round",
 			"stroke-dasharray": `${l.value / 100 * u} ${u}`
-		}, null, 10, se)], 2))], 16, I));
+		}, null, 10, L)], 2))], 16, I));
 	}
-}), R = ["data-state"], z = /* @__PURE__ */ g({
+}), z = ["data-state"], B = /* @__PURE__ */ g({
 	__name: "ListOption",
 	props: {
 		parts: {},
@@ -69,51 +70,51 @@ var I = [
 		draggable: { type: Boolean }
 	},
 	setup(e) {
-		return (t, n) => (C(), l(D(e.parts.Item), {
+		return (t, n) => (S(), l(E(e.parts.Item), {
 			item: e.option,
 			class: y(e.classes.item),
 			"data-description": e.option.description ? "" : void 0,
 			draggable: e.draggable && !e.option.disabled ? "true" : void 0
 		}, {
 			default: j(() => [
-				e.checkbox ? (C(), l(D(e.parts.ItemContext), { key: 0 }, {
+				e.checkbox ? (S(), l(E(e.parts.ItemContext), { key: 0 }, {
 					default: j((t) => [f("span", {
 						class: y(e.classes.check),
 						"data-state": t.selected ? "checked" : "unchecked",
 						"aria-hidden": "true"
-					}, [t.selected ? (C(), l(k(M), {
+					}, [t.selected ? (S(), l(O(M), {
 						key: 0,
 						class: y(e.classes.checkIcon)
-					}, null, 8, ["class"])) : u("", !0)], 10, R)]),
+					}, null, 8, ["class"])) : u("", !0)], 10, z)]),
 					_: 1
 				})) : u("", !0),
-				t.$slots.item ? (C(), l(D(e.parts.ItemContext), { key: 1 }, {
-					default: j((n) => [E(t.$slots, "item", {
+				t.$slots.item ? (S(), l(E(e.parts.ItemContext), { key: 1 }, {
+					default: j((n) => [T(t.$slots, "item", {
 						item: e.option.item,
 						selected: n.selected,
 						highlighted: n.highlighted,
 						disabled: n.disabled
 					})]),
 					_: 3
-				})) : (C(), d(o, { key: 2 }, [e.option.icon ? (C(), l(D(e.option.icon), {
+				})) : (S(), d(o, { key: 2 }, [e.option.icon ? (S(), l(E(e.option.icon), {
 					key: 0,
 					class: y(e.classes.icon),
 					"aria-hidden": "true"
-				}, null, 8, ["class"])) : u("", !0), e.option.description ? (C(), d("span", {
+				}, null, 8, ["class"])) : u("", !0), e.option.description ? (S(), d("span", {
 					key: 1,
 					class: y(e.classes.itemBody)
-				}, [(C(), l(D(e.parts.ItemText), { class: y(e.classes.itemText) }, {
-					default: j(() => [m(O(e.option.label), 1)]),
+				}, [(S(), l(E(e.parts.ItemText), { class: y(e.classes.itemText) }, {
+					default: j(() => [m(D(e.option.label), 1)]),
 					_: 1
-				}, 8, ["class"])), f("span", { class: y(e.classes.itemDescription) }, O(e.option.description), 3)], 2)) : (C(), l(D(e.parts.ItemText), {
+				}, 8, ["class"])), f("span", { class: y(e.classes.itemDescription) }, D(e.option.description), 3)], 2)) : (S(), l(E(e.parts.ItemText), {
 					key: 2,
 					class: y(e.classes.itemText)
 				}, {
-					default: j(() => [m(O(e.option.label), 1)]),
+					default: j(() => [m(D(e.option.label), 1)]),
 					_: 1
 				}, 8, ["class"]))], 64)),
-				!e.checkbox && !e.noIndicator ? (C(), l(D(e.parts.ItemIndicator), { key: 3 }, {
-					default: j(() => [h(k(M), {
+				!e.checkbox && !e.noIndicator ? (S(), l(E(e.parts.ItemIndicator), { key: 3 }, {
+					default: j(() => [h(O(M), {
 						class: y(e.classes.itemIndicator),
 						"aria-hidden": "true"
 					}, null, 8, ["class"])]),
@@ -128,7 +129,7 @@ var I = [
 			"draggable"
 		]));
 	}
-}), B = /* @__PURE__ */ g({
+}), V = /* @__PURE__ */ g({
 	__name: "LoadMore",
 	props: {
 		active: { type: Boolean },
@@ -136,19 +137,19 @@ var I = [
 	},
 	emits: ["load"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = w(null), a;
+		let n = e, r = t, i = C(null), a;
 		function o() {
 			a?.disconnect(), n.active && i.value && typeof IntersectionObserver < "u" && (a = new IntersectionObserver((e) => {
 				e.some((e) => e.isIntersecting) && r("load");
 			}), a.observe(i.value));
 		}
-		return S(o), A(() => [n.active, n.count], o), x(() => a?.disconnect()), (e, t) => (C(), d("div", {
+		return x(o), A(() => [n.active, n.count], o), te(() => a?.disconnect()), (e, t) => (S(), d("div", {
 			ref_key: "element",
 			ref: i,
 			"aria-hidden": "true"
 		}, null, 512));
 	}
-}), V = /* @__PURE__ */ g({
+}), H = /* @__PURE__ */ g({
 	__name: "ListOptions",
 	props: {
 		parts: {},
@@ -165,8 +166,8 @@ var I = [
 	emits: ["loadMore"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (C(), d(o, null, [
-			(C(!0), d(o, null, T(e.groups, (n, r) => (C(), d(o, { key: n.label ?? `#${r}` }, [n.label === void 0 ? (C(!0), d(o, { key: 1 }, T(n.options, (n) => (C(), l(z, {
+		return (t, r) => (S(), d(o, null, [
+			(S(!0), d(o, null, w(e.groups, (n, r) => (S(), d(o, { key: n.label ?? `#${r}` }, [n.label === void 0 ? (S(!0), d(o, { key: 1 }, w(n.options, (n) => (S(), l(B, {
 				key: n.key,
 				parts: e.parts,
 				option: n,
@@ -176,7 +177,7 @@ var I = [
 				draggable: e.draggable
 			}, p({ _: 2 }, [t.$slots.item ? {
 				name: "item",
-				fn: j((e) => [E(t.$slots, "item", v({ ref_for: !0 }, e))]),
+				fn: j((e) => [T(t.$slots, "item", v({ ref_for: !0 }, e))]),
 				key: "0"
 			} : void 0]), 1032, [
 				"parts",
@@ -185,14 +186,14 @@ var I = [
 				"checkbox",
 				"no-indicator",
 				"draggable"
-			]))), 128)) : (C(), l(D(e.parts.ItemGroup), {
+			]))), 128)) : (S(), l(E(e.parts.ItemGroup), {
 				key: 0,
 				class: y(e.classes.group)
 			}, {
-				default: j(() => [(C(), l(D(e.parts.ItemGroupLabel), { class: y(e.classes.groupLabel) }, {
-					default: j(() => [m(O(n.label), 1)]),
+				default: j(() => [(S(), l(E(e.parts.ItemGroupLabel), { class: y(e.classes.groupLabel) }, {
+					default: j(() => [m(D(n.label), 1)]),
 					_: 2
-				}, 1032, ["class"])), (C(!0), d(o, null, T(n.options, (n) => (C(), l(z, {
+				}, 1032, ["class"])), (S(!0), d(o, null, w(n.options, (n) => (S(), l(B, {
 					key: n.key,
 					parts: e.parts,
 					option: n,
@@ -202,7 +203,7 @@ var I = [
 					draggable: e.draggable
 				}, p({ _: 2 }, [t.$slots.item ? {
 					name: "item",
-					fn: j((e) => [E(t.$slots, "item", v({ ref_for: !0 }, e))]),
+					fn: j((e) => [T(t.$slots, "item", v({ ref_for: !0 }, e))]),
 					key: "0"
 				} : void 0]), 1032, [
 					"parts",
@@ -214,20 +215,20 @@ var I = [
 				]))), 128))]),
 				_: 2
 			}, 1032, ["class"]))], 64))), 128)),
-			e.emptyText !== void 0 && !e.loading && !e.groups.length ? (C(), d("div", {
+			e.emptyText !== void 0 && !e.loading && !e.groups.length ? (S(), d("div", {
 				key: 0,
 				role: "option",
 				"aria-disabled": "true",
 				class: y(e.classes.empty)
-			}, O(e.emptyText), 3)) : u("", !0),
-			e.loading ? (C(), d("div", {
+			}, D(e.emptyText), 3)) : u("", !0),
+			e.loading ? (S(), d("div", {
 				key: 1,
 				class: y(e.classes.loading)
-			}, [h(k(N), {
+			}, [h(O(N), {
 				class: y(e.classes.loadingIcon),
 				"aria-hidden": "true"
-			}, null, 8, ["class"]), m(" " + O(e.loadingText), 1)], 2)) : u("", !0),
-			e.hasMore ? (C(), l(B, {
+			}, null, 8, ["class"]), m(" " + D(e.loadingText), 1)], 2)) : u("", !0),
+			e.hasMore ? (S(), l(V, {
 				key: 2,
 				class: y(e.classes.sentinel),
 				active: !e.loading,
@@ -240,14 +241,14 @@ var I = [
 			])) : u("", !0)
 		], 64));
 	}
-}), ce = ["aria-label", "onClick"], le = [
+}), le = ["aria-label", "onClick"], ue = [
 	"aria-controls",
 	"aria-activedescendant",
 	"aria-label",
 	"placeholder",
 	"value",
 	"onInput"
-], H = /* @__PURE__ */ g({
+], U = /* @__PURE__ */ g({
 	inheritAttrs: !1,
 	__name: "Select",
 	props: {
@@ -286,6 +287,7 @@ var I = [
 		minSearchLength: {},
 		pageSize: {},
 		standalone: { type: Boolean },
+		id: {},
 		classes: {}
 	},
 	emits: [
@@ -293,145 +295,152 @@ var I = [
 		"filterChange",
 		"loadMore"
 	],
-	setup(g, { emit: x }) {
-		let T = e(), M = g, P = t("select", ae, () => M.classes), I = x, se = te(), L = c(() => n(se)), R = c(() => P({
+	setup(g, { emit: te }) {
+		let w = e(), M = g, P = t("select", oe, () => M.classes), I = te, L = k(), R = c(() => n(L)), z = c(() => P({
 			size: M.size,
 			clearable: M.clearable
-		})), z = T.select, B = c(() => ({
+		})), B = w.select, V = c(() => ({
 			itemValue: M.itemValue,
 			itemLabel: M.itemLabel,
 			itemDisabled: M.itemDisabled,
 			itemGroup: M.itemGroup,
 			itemKeywords: M.itemKeywords,
 			valueKey: M.valueKey
-		})), H = w(""), U = r({
+		})), U = C(""), W = r({
 			items: () => M.items,
 			source: () => M.dataSource,
-			accessors: () => B.value,
+			accessors: () => V.value,
 			pageSize: () => M.pageSize,
 			minSearchLength: () => M.minSearchLength
-		}), { options: ue, groups: W, ordered: G } = i(() => U.items.value, () => B.value, () => M.filter && !M.manualFilter && !M.dataSource ? H.value : ""), K = c(() => [...ue.value, ...U.resolvedOptions.value]), { selected: q, keys: J, commit: Y, commitKeys: de } = a({
+		}), { options: de, groups: G, ordered: K } = i(() => W.items.value, () => V.value, () => M.filter && !M.manualFilter && !M.dataSource ? U.value : ""), q = c(() => [...de.value, ...W.resolvedOptions.value]), { selected: J, keys: Y, commit: X, commitKeys: fe } = a({
 			multiple: !1,
 			model: () => M.modelValue,
 			defaultValue: M.defaultValue,
-			accessors: () => B.value,
-			items: K,
-			emit: (e) => I("update:modelValue", e)
+			accessors: () => V.value,
+			items: q,
+			emit: (e) => I("update:modelValue", e),
+			check: {
+				component: "Select",
+				ready: () => !M.dataSource && !M.loading && M.items.length > 0
+			}
 		});
-		S(() => U.resolve(J.value, K.value)), A(J, (e) => U.resolve(e, K.value));
-		let X = c(() => M.loading || U.loading.value), Z = c(() => M.hasMore || U.hasMore.value);
-		function fe() {
-			M.dataSource ? U.loadMore() : I("loadMore");
+		x(() => W.resolve(Y.value, q.value)), A(Y, (e) => W.resolve(e, q.value));
+		let Z = c(() => M.loading || W.loading.value), Q = c(() => M.hasMore || W.hasMore.value);
+		function pe() {
+			M.dataSource ? W.loadMore() : I("loadMore");
 		}
-		let Q = c(() => q.value[0]), pe = c(() => oe({
-			items: G.value,
+		let $ = c(() => J.value[0]), me = c(() => ce({
+			items: K.value,
 			itemToString: (e) => e.label,
 			itemToValue: (e) => e.key,
 			isItemDisabled: (e) => e.disabled
-		})), me = ne(), he = c(() => M.emptyText ?? U.emptyText.value ?? (H.value ? T.common.noResults : T.common.empty)), $ = c(() => ({
-			item: R.value.item(),
-			itemText: R.value.itemText(),
-			icon: R.value.icon(),
-			itemIndicator: R.value.itemIndicator(),
-			itemBody: R.value.itemBody(),
-			itemDescription: R.value.itemDescription(),
-			group: R.value.group(),
-			groupLabel: R.value.groupLabel(),
-			loading: R.value.loading(),
-			loadingIcon: R.value.loadingIcon(),
-			sentinel: R.value.sentinel(),
-			empty: R.value.empty()
+		})), he = ne(), ge = c(() => M.emptyText ?? W.emptyText.value ?? (U.value ? w.common.noResults : w.common.empty)), _e = c(() => ({
+			item: z.value.item(),
+			itemText: z.value.itemText(),
+			icon: z.value.icon(),
+			itemIndicator: z.value.itemIndicator(),
+			itemBody: z.value.itemBody(),
+			itemDescription: z.value.itemDescription(),
+			group: z.value.group(),
+			groupLabel: z.value.groupLabel(),
+			loading: z.value.loading(),
+			loadingIcon: z.value.loadingIcon(),
+			sentinel: z.value.sentinel(),
+			empty: z.value.empty()
 		}));
-		function ge(e) {
-			Y([]), e.focus();
+		function ve(e) {
+			X([]), e.focus();
 		}
-		function _e(e) {
-			M.clearable && q.value.length && (e.key === "Backspace" || e.key === "Delete") && (e.preventDefault(), Y([]));
+		function ye(e) {
+			M.clearable && J.value.length && (e.key === "Backspace" || e.key === "Delete") && (e.preventDefault(), X([]));
 		}
-		function ve(e, t) {
-			H.value = t.target.value, I("filterChange", H.value), M.dataSource && U.search(H.value), !(M.manualFilter || M.dataSource) && ee(() => {
-				let t = G.value.find((e) => !e.disabled);
+		function be(e, t) {
+			U.value = t.target.value, I("filterChange", U.value), M.dataSource && W.search(U.value), !(M.manualFilter || M.dataSource) && ee(() => {
+				let t = K.value.find((e) => !e.disabled);
 				t && e.setHighlightValue(t.key);
 			});
 		}
-		function ye(e) {
+		function xe(e) {
 			(e.key === " " || e.key === "Home" || e.key === "End") && e.stopPropagation();
 		}
-		function be(e) {
-			e && U.open(), !e && H.value && (H.value = "", I("filterChange", ""), M.dataSource && U.search(""));
+		function Se(e) {
+			e && W.open(), !e && U.value && (U.value = "", I("filterChange", ""), M.dataSource && W.search(""));
 		}
-		let xe = (e) => e.highlightedItem ? e.getItemProps({ item: e.highlightedItem }).id : void 0, Se = {
+		let Ce = (e) => e.highlightedItem ? e.getItemProps({ item: e.highlightedItem }).id : void 0, we = {
 			sameWidth: !0,
 			gutter: 4
-		};
-		return (e, t) => (C(), l(k(F).Root, v({
-			class: R.value.base({ class: L.value.className }),
-			style: L.value.style,
-			collection: pe.value,
-			"model-value": k(J),
+		}, Te = se(), Ee = c(() => ae(M.id, "trigger", {
+			label: Te?.value.ids.label,
+			hiddenSelect: Te?.value.ids.control
+		}, M.standalone));
+		return (e, t) => (S(), l(O(F).Root, v({
+			class: z.value.base({ class: R.value.className }),
+			style: R.value.style,
+			collection: me.value,
+			"model-value": O(Y),
 			disabled: g.disabled,
 			invalid: g.invalid,
 			required: g.required,
 			name: g.name,
-			positioning: Se,
+			positioning: we,
 			composite: !g.filter
-		}, g.standalone ? { ids: {} } : {}, {
+		}, Ee.value, {
 			"lazy-mount": "",
 			"unmount-on-exit": "",
-			onValueChange: t[0] ||= (e) => k(de)(e.value, e.items),
-			onOpenChange: t[1] ||= (e) => be(e.open)
+			onValueChange: t[0] ||= (e) => O(fe)(e.value, e.items),
+			onOpenChange: t[1] ||= (e) => Se(e.open)
 		}), {
 			default: j(() => [
-				h(k(F).Control, b(_(g.clearable ? { class: R.value.control() } : {})), {
-					default: j(() => [h(k(F).Trigger, v(L.value.rest, {
-						class: R.value.trigger(),
+				h(O(F).Control, b(_(g.clearable ? { class: z.value.control() } : {})), {
+					default: j(() => [h(O(F).Trigger, v(R.value.rest, {
+						class: z.value.trigger(),
 						"aria-busy": g.loading || void 0,
-						onKeydown: _e
+						onKeydown: ye
 					}), {
-						default: j(() => [f("span", { class: y(R.value.value()) }, [e.$slots.value && Q.value ? E(e.$slots, "value", { item: Q.value.item }, void 0, void 0, 0) : (C(), d(o, { key: 1 }, [Q.value?.icon ? (C(), l(D(Q.value.icon), {
+						default: j(() => [f("span", { class: y(z.value.value()) }, [e.$slots.value && $.value ? T(e.$slots, "value", { item: $.value.item }, void 0, void 0, 0) : (S(), d(o, { key: 1 }, [$.value?.icon ? (S(), l(E($.value.icon), {
 							key: 0,
-							class: y(R.value.icon()),
+							class: y(z.value.icon()),
 							"aria-hidden": "true"
-						}, null, 8, ["class"])) : u("", !0), h(k(F).ValueText, { placeholder: g.placeholder ?? k(T).common.placeholder }, p({ _: 2 }, [Q.value ? {
+						}, null, 8, ["class"])) : u("", !0), h(O(F).ValueText, { placeholder: g.placeholder ?? O(w).common.placeholder }, p({ _: 2 }, [$.value ? {
 							name: "default",
-							fn: j(() => [m(O(Q.value.label), 1)]),
+							fn: j(() => [m(D($.value.label), 1)]),
 							key: "0"
-						} : void 0]), 1032, ["placeholder"])], 64))], 2), h(k(F).Indicator, { class: y(R.value.indicator()) }, {
-							default: j(() => [g.loading ? (C(), l(k(N), {
+						} : void 0]), 1032, ["placeholder"])], 64))], 2), h(O(F).Indicator, { class: y(z.value.indicator()) }, {
+							default: j(() => [g.loading ? (S(), l(O(N), {
 								key: 0,
-								class: y(R.value.spinner()),
+								class: y(z.value.spinner()),
 								"aria-hidden": "true"
-							}, null, 8, ["class"])) : (C(), l(k(re), {
+							}, null, 8, ["class"])) : (S(), l(O(re), {
 								key: 1,
-								class: y(R.value.indicatorIcon()),
+								class: y(z.value.indicatorIcon()),
 								"aria-hidden": "true"
 							}, null, 8, ["class"]))]),
 							_: 1
 						}, 8, ["class"])]),
 						_: 3
-					}, 16, ["class", "aria-busy"]), g.clearable ? (C(), l(k(F).Context, { key: 0 }, {
-						default: j((e) => [Q.value && !e.disabled ? (C(), d("button", {
+					}, 16, ["class", "aria-busy"]), g.clearable ? (S(), l(O(F).Context, { key: 0 }, {
+						default: j((e) => [$.value && !e.disabled ? (S(), d("button", {
 							key: 0,
 							type: "button",
 							tabindex: "-1",
-							class: y(R.value.clear()),
-							"aria-label": k(z).clear,
-							onClick: (t) => ge(e)
-						}, [h(k(ie), {
-							class: y(R.value.clearIcon()),
+							class: y(z.value.clear()),
+							"aria-label": O(B).clear,
+							onClick: (t) => ve(e)
+						}, [h(O(ie), {
+							class: y(z.value.clearIcon()),
 							"aria-hidden": "true"
-						}, null, 8, ["class"])], 10, ce)) : u("", !0)]),
+						}, null, 8, ["class"])], 10, le)) : u("", !0)]),
 						_: 1
 					})) : u("", !0)]),
 					_: 3
 				}, 16),
-				(C(), l(s, { to: "body" }, [h(k(F).Positioner, null, {
-					default: j(() => [h(k(F).Content, {
-						class: y(R.value.content()),
-						"aria-busy": X.value || void 0,
-						"aria-label": g.filter ? L.value.rest["aria-label"] : void 0
+				(S(), l(s, { to: "body" }, [h(O(F).Positioner, null, {
+					default: j(() => [h(O(F).Content, {
+						class: y(z.value.content()),
+						"aria-busy": Z.value || void 0,
+						"aria-label": g.filter ? R.value.rest["aria-label"] : void 0
 					}, {
-						default: j(() => [g.filter ? (C(), d(o, { key: 0 }, [f("div", { class: y(R.value.header()) }, [h(k(F).Context, null, {
+						default: j(() => [g.filter ? (S(), d(o, { key: 0 }, [f("div", { class: y(z.value.header()) }, [h(O(F).Context, null, {
 							default: j((e) => [f("input", {
 								type: "text",
 								role: "combobox",
@@ -439,32 +448,32 @@ var I = [
 								"aria-autocomplete": "list",
 								"aria-expanded": "true",
 								"data-autofocus": "",
-								"aria-controls": k(me),
-								"aria-activedescendant": xe(e),
-								"aria-label": k(z).filter,
-								placeholder: k(T).combobox.search,
-								value: H.value,
-								class: y(R.value.search()),
-								onInput: (t) => ve(e, t),
-								onKeydown: ye
-							}, null, 42, le)]),
+								"aria-controls": O(he),
+								"aria-activedescendant": Ce(e),
+								"aria-label": O(B).filter,
+								placeholder: O(w).combobox.search,
+								value: U.value,
+								class: y(z.value.search()),
+								onInput: (t) => be(e, t),
+								onKeydown: xe
+							}, null, 42, ue)]),
 							_: 1
-						})], 2), h(k(F).List, {
-							id: k(me),
-							class: y(R.value.list())
+						})], 2), h(O(F).List, {
+							id: O(he),
+							class: y(z.value.list())
 						}, {
-							default: j(() => [h(V, {
-								parts: k(F),
-								groups: k(W),
-								classes: $.value,
-								loading: X.value,
-								"loading-text": g.loadingText ?? k(T).common.loading,
-								"has-more": Z.value,
-								"empty-text": he.value,
-								onLoadMore: fe
+							default: j(() => [h(H, {
+								parts: O(F),
+								groups: O(G),
+								classes: _e.value,
+								loading: Z.value,
+								"loading-text": g.loadingText ?? O(w).common.loading,
+								"has-more": Q.value,
+								"empty-text": ge.value,
+								onLoadMore: pe
 							}, p({ _: 2 }, [e.$slots.item ? {
 								name: "item",
-								fn: j((t) => [E(e.$slots, "item", b(_(t)))]),
+								fn: j((t) => [T(e.$slots, "item", b(_(t)))]),
 								key: "0"
 							} : void 0]), 1032, [
 								"parts",
@@ -476,19 +485,19 @@ var I = [
 								"empty-text"
 							])]),
 							_: 3
-						}, 8, ["id", "class"])], 64)) : (C(), l(V, {
+						}, 8, ["id", "class"])], 64)) : (S(), l(H, {
 							key: 1,
-							parts: k(F),
-							groups: k(W),
-							classes: $.value,
-							loading: X.value,
-							"loading-text": g.loadingText ?? k(T).common.loading,
-							"has-more": Z.value,
-							"empty-text": he.value,
-							onLoadMore: fe
+							parts: O(F),
+							groups: O(G),
+							classes: _e.value,
+							loading: Z.value,
+							"loading-text": g.loadingText ?? O(w).common.loading,
+							"has-more": Q.value,
+							"empty-text": ge.value,
+							onLoadMore: pe
 						}, p({ _: 2 }, [e.$slots.item ? {
 							name: "item",
-							fn: j((t) => [E(e.$slots, "item", b(_(t)))]),
+							fn: j((t) => [T(e.$slots, "item", b(_(t)))]),
 							key: "0"
 						} : void 0]), 1032, [
 							"parts",
@@ -507,12 +516,12 @@ var I = [
 					])]),
 					_: 3
 				})])),
-				h(k(F).HiddenSelect),
-				g.dataSource ? (C(), d("span", {
+				h(O(F).HiddenSelect),
+				g.dataSource ? (S(), d("span", {
 					key: 0,
 					role: "status",
-					class: y(R.value.status())
-				}, O(k(U).announcement.value), 3)) : u("", !0)
+					class: y(z.value.status())
+				}, D(O(W).announcement.value), 3)) : u("", !0)
 			]),
 			_: 3
 		}, 16, [
@@ -529,4 +538,4 @@ var I = [
 	}
 });
 //#endregion
-export { L as i, V as n, B as r, H as t };
+export { R as i, H as n, V as r, U as t };