@wirecore/wirelayer-vue 0.6.0 → 0.8.0

package/dist/{Select-DAuYpE1c.js → Select-CeZbSy6K.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 { 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 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 { 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: {
@@ -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: {},
@@ -84,7 +85,7 @@ var I = [
 					}, [t.selected ? (C(), l(k(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 }, {
@@ -128,7 +129,7 @@ var I = [
 			"draggable"
 		]));
 	}
-}), B = /* @__PURE__ */ g({
+}), V = /* @__PURE__ */ g({
 	__name: "LoadMore",
 	props: {
 		active: { type: Boolean },
@@ -148,7 +149,7 @@ var I = [
 			"aria-hidden": "true"
 		}, null, 512));
 	}
-}), V = /* @__PURE__ */ g({
+}), H = /* @__PURE__ */ g({
 	__name: "ListOptions",
 	props: {
 		parts: {},
@@ -166,7 +167,7 @@ var I = [
 	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, {
+			(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(B, {
 				key: n.key,
 				parts: e.parts,
 				option: n,
@@ -192,7 +193,7 @@ var I = [
 				default: j(() => [(C(), l(D(e.parts.ItemGroupLabel), { class: y(e.classes.groupLabel) }, {
 					default: j(() => [m(O(n.label), 1)]),
 					_: 2
-				}, 1032, ["class"])), (C(!0), d(o, null, T(n.options, (n) => (C(), l(z, {
+				}, 1032, ["class"])), (C(!0), d(o, null, T(n.options, (n) => (C(), l(B, {
 					key: n.key,
 					parts: e.parts,
 					option: n,
@@ -227,7 +228,7 @@ var I = [
 				class: y(e.classes.loadingIcon),
 				"aria-hidden": "true"
 			}, null, 8, ["class"]), m(" " + O(e.loadingText), 1)], 2)) : u("", !0),
-			e.hasMore ? (C(), l(B, {
+			e.hasMore ? (C(), 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,152 +287,175 @@ var I = [
 		minSearchLength: {},
 		pageSize: {},
 		standalone: { type: Boolean },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		stopKeyPropagation: { type: Boolean },
+		id: {},
 		classes: {}
 	},
 	emits: [
 		"update:modelValue",
 		"filterChange",
-		"loadMore"
+		"loadMore",
+		"update:open"
 	],
 	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({
+		let T = e(), M = g, P = t("select", oe, () => M.classes), I = x, L = te(), R = c(() => n(L)), z = c(() => P({
 			size: M.size,
 			clearable: M.clearable
-		})), z = T.select, B = c(() => ({
+		})), B = T.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 = w(""), 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");
+		S(() => 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 ? T.common.noResults : T.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.stopKeyPropagation && e.key === "Enter" && e.stopPropagation(), 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) {
+			M.stopKeyPropagation && [
+				"Enter",
+				"Escape",
+				"Tab"
+			].includes(e.key) && e.stopPropagation();
+		}
+		function Ce(e) {
+			I("update:open", 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 we = (e) => e.highlightedItem ? e.getItemProps({ item: e.highlightedItem }).id : void 0, Te = {
 			sameWidth: !0,
 			gutter: 4
-		};
+		}, Ee = se(), De = c(() => ae(M.id, "trigger", {
+			label: Ee?.value.ids.label,
+			hiddenSelect: Ee?.value.ids.control
+		}, M.standalone));
 		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),
+			class: z.value.base({ class: R.value.className }),
+			style: R.value.style,
+			collection: me.value,
+			"model-value": k(Y),
 			disabled: g.disabled,
 			invalid: g.invalid,
 			required: g.required,
 			name: g.name,
-			positioning: Se,
-			composite: !g.filter
-		}, g.standalone ? { ids: {} } : {}, {
+			positioning: Te,
+			composite: !g.filter,
+			open: g.open
+		}, De.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) => k(fe)(e.value, e.items),
+			onOpenChange: t[1] ||= (e) => Ce(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(k(F).Control, b(_(g.clearable ? { class: z.value.control() } : {})), {
+					default: j(() => [h(k(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 ? E(e.$slots, "value", { item: $.value.item }, void 0, void 0, 0) : (C(), d(o, { key: 1 }, [$.value?.icon ? (C(), l(D($.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(k(F).ValueText, { placeholder: g.placeholder ?? k(T).common.placeholder }, p({ _: 2 }, [$.value ? {
 							name: "default",
-							fn: j(() => [m(O(Q.value.label), 1)]),
+							fn: j(() => [m(O($.value.label), 1)]),
 							key: "0"
-						} : void 0]), 1032, ["placeholder"])], 64))], 2), h(k(F).Indicator, { class: y(R.value.indicator()) }, {
+						} : void 0]), 1032, ["placeholder"])], 64))], 2), h(k(F).Indicator, { class: y(z.value.indicator()) }, {
 							default: j(() => [g.loading ? (C(), l(k(N), {
 								key: 0,
-								class: y(R.value.spinner()),
+								class: y(z.value.spinner()),
 								"aria-hidden": "true"
 							}, null, 8, ["class"])) : (C(), l(k(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", {
+						default: j((e) => [$.value && !e.disabled ? (C(), d("button", {
 							key: 0,
 							type: "button",
 							tabindex: "-1",
-							class: y(R.value.clear()),
-							"aria-label": k(z).clear,
-							onClick: (t) => ge(e)
+							class: y(z.value.clear()),
+							"aria-label": k(B).clear,
+							onClick: (t) => ve(e)
 						}, [h(k(ie), {
-							class: y(R.value.clearIcon()),
+							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
+						class: y(z.value.content()),
+						"aria-busy": Z.value || void 0,
+						"aria-label": g.filter ? R.value.rest["aria-label"] : void 0,
+						onKeydown: Se
 					}, {
-						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 ? (C(), d(o, { key: 0 }, [f("div", { class: y(z.value.header()) }, [h(k(F).Context, null, {
 							default: j((e) => [f("input", {
 								type: "text",
 								role: "combobox",
@@ -439,29 +463,29 @@ var I = [
 								"aria-autocomplete": "list",
 								"aria-expanded": "true",
 								"data-autofocus": "",
-								"aria-controls": k(me),
-								"aria-activedescendant": xe(e),
-								"aria-label": k(z).filter,
+								"aria-controls": k(he),
+								"aria-activedescendant": we(e),
+								"aria-label": k(B).filter,
 								placeholder: k(T).combobox.search,
-								value: H.value,
-								class: y(R.value.search()),
-								onInput: (t) => ve(e, t),
-								onKeydown: ye
-							}, null, 42, le)]),
+								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())
+							id: k(he),
+							class: y(z.value.list())
 						}, {
-							default: j(() => [h(V, {
+							default: j(() => [h(H, {
 								parts: k(F),
-								groups: k(W),
-								classes: $.value,
-								loading: X.value,
+								groups: k(G),
+								classes: _e.value,
+								loading: Z.value,
 								"loading-text": g.loadingText ?? k(T).common.loading,
-								"has-more": Z.value,
-								"empty-text": he.value,
-								onLoadMore: fe
+								"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)))]),
@@ -476,16 +500,16 @@ var I = [
 								"empty-text"
 							])]),
 							_: 3
-						}, 8, ["id", "class"])], 64)) : (C(), l(V, {
+						}, 8, ["id", "class"])], 64)) : (C(), l(H, {
 							key: 1,
 							parts: k(F),
-							groups: k(W),
-							classes: $.value,
-							loading: X.value,
+							groups: k(G),
+							classes: _e.value,
+							loading: Z.value,
 							"loading-text": g.loadingText ?? k(T).common.loading,
-							"has-more": Z.value,
-							"empty-text": he.value,
-							onLoadMore: fe
+							"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)))]),
@@ -511,8 +535,8 @@ var I = [
 				g.dataSource ? (C(), d("span", {
 					key: 0,
 					role: "status",
-					class: y(R.value.status())
-				}, O(k(U).announcement.value), 3)) : u("", !0)
+					class: y(z.value.status())
+				}, O(k(W).announcement.value), 3)) : u("", !0)
 			]),
 			_: 3
 		}, 16, [
@@ -524,9 +548,10 @@ var I = [
 			"invalid",
 			"required",
 			"name",
-			"composite"
+			"composite",
+			"open"
 		]));
 	}
 });
 //#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 };

package/dist/Slider-Cpv7Vj3B.js

@@ -0,0 +1,143 @@
+import { a as e, n as t } from "./recipes-BlM9aKyt.js";
+import { t as n } from "./label-for-eQvYjsM5.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, ref as h, renderList as g, toDisplayString as _, unref as v, useAttrs as y, useId as b, withCtx as x } from "vue";
+import { slider as S, snapToMarks as C } from "@wirecore/wirelayer-recipes";
+import { Slider as w } from "@ark-ui/vue/slider";
+//#region src/components/Slider/Slider.vue?vue&type=script&setup=true&lang.ts
+var T = ["id"], E = ["data-orientation"], D = /* @__PURE__ */ d({
+	inheritAttrs: !1,
+	__name: "Slider",
+	props: {
+		modelValue: { default: void 0 },
+		defaultValue: { default: () => [0] },
+		min: { default: 0 },
+		max: { default: 100 },
+		step: { default: 1 },
+		label: {},
+		thumbLabels: {},
+		showValue: {
+			type: Boolean,
+			default: !0
+		},
+		hideLabel: { type: Boolean },
+		formatValue: {
+			type: Function,
+			default: String
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		name: {},
+		orientation: { default: void 0 },
+		marks: { default: void 0 },
+		restrictToMarks: { type: Boolean },
+		minRange: { default: void 0 },
+		classes: {}
+	},
+	emits: ["update:modelValue", "valueChangeEnd"],
+	setup(d, { emit: D }) {
+		let O = e(), k = d, A = t("slider", S, () => k.classes), j = D, M = y();
+		n("Slider", () => M.id);
+		let N = i(() => A({
+			withMarks: !!k.marks?.length,
+			hideLabel: k.hideLabel,
+			hideHeader: k.hideLabel && !k.showValue
+		})), P = i(() => (k.marks ?? []).map((e) => typeof e == "number" ? { value: e } : e)), F = h(k.defaultValue), I = i(() => k.restrictToMarks && P.value.length > 0), L = i(() => I.value ? k.modelValue ?? F.value : k.modelValue);
+		function R(e) {
+			if (!I.value) return j("update:modelValue", e);
+			let t = C(e, L.value ?? k.defaultValue, P.value.map((e) => e.value));
+			F.value = t, j("update:modelValue", t);
+		}
+		let z = b(), B = `${z}label`, V = i(() => (k.modelValue ?? k.defaultValue).length);
+		return (e, t) => (m(), a(v(w).Root, f({
+			...v(M),
+			class: N.value.base({ class: p(v(M).class) })
+		}, {
+			ids: { label: B },
+			"model-value": L.value,
+			"default-value": d.defaultValue,
+			min: d.min,
+			max: d.max,
+			step: d.step,
+			disabled: d.disabled,
+			name: d.name,
+			orientation: d.orientation,
+			"min-steps-between-thumbs": d.minRange ? Math.ceil(d.minRange / d.step) : void 0,
+			"get-aria-value-text": (e) => d.formatValue(e.value),
+			onValueChange: t[0] ||= (e) => R(e.value),
+			onValueChangeEnd: t[1] ||= (e) => j("valueChangeEnd", e.value)
+		}), {
+			default: x(() => [c("div", { class: p(N.value.header()) }, [u(v(w).Label, {
+				id: B,
+				class: p(N.value.label())
+			}, {
+				default: x(() => [l(_(d.label), 1)]),
+				_: 1
+			}, 8, ["class"]), d.showValue ? (m(), a(v(w).Context, { key: 0 }, {
+				default: x((e) => [c("span", {
+					class: p(N.value.value()),
+					"aria-hidden": "true"
+				}, _(e.value.map(d.formatValue).join(" – ")), 3)]),
+				_: 1
+			})) : o("", !0)], 2), u(v(w).Control, { class: p(N.value.control()) }, {
+				default: x(() => [
+					u(v(w).Track, { class: p(N.value.track()) }, {
+						default: x(() => [u(v(w).Range, { class: p(N.value.range()) }, null, 8, ["class"])]),
+						_: 1
+					}, 8, ["class"]),
+					(m(!0), s(r, null, g(V.value, (e) => (m(), a(v(w).Thumb, {
+						key: e,
+						index: e - 1,
+						class: p(N.value.thumb()),
+						"aria-labelledby": V.value > 1 ? `${B} ${v(z)}thumb${e - 1}` : B
+					}, {
+						default: x(() => [V.value > 1 ? (m(), s("span", {
+							key: 0,
+							id: `${v(z)}thumb${e - 1}`,
+							class: p(N.value.thumbLabel())
+						}, _((d.thumbLabels ?? v(O).slider.thumbs)[e - 1]), 11, T)) : o("", !0), u(v(w).HiddenInput)]),
+						_: 2
+					}, 1032, [
+						"index",
+						"class",
+						"aria-labelledby"
+					]))), 128)),
+					P.value.length ? (m(), a(v(w).MarkerGroup, {
+						key: 0,
+						class: p(N.value.markerGroup())
+					}, {
+						default: x(() => [(m(!0), s(r, null, g(P.value, (e) => (m(), a(v(w).Marker, {
+							key: e.value,
+							value: e.value,
+							class: p(N.value.marker())
+						}, {
+							default: x(() => [c("span", {
+								class: p(N.value.markerTick()),
+								"data-orientation": d.orientation ?? "horizontal"
+							}, null, 10, E), l(_(e.label), 1)]),
+							_: 2
+						}, 1032, ["value", "class"]))), 128))]),
+						_: 1
+					}, 8, ["class"])) : o("", !0)
+				]),
+				_: 1
+			}, 8, ["class"])]),
+			_: 1
+		}, 16, [
+			"ids",
+			"model-value",
+			"default-value",
+			"min",
+			"max",
+			"step",
+			"disabled",
+			"name",
+			"orientation",
+			"min-steps-between-thumbs",
+			"get-aria-value-text"
+		]));
+	}
+});
+//#endregion
+export { D as t };