@bridge-ui/vue 0.0.9 → 0.0.10

package/dist/Components/PasswordField/PasswordField.vue_vue_type_script_setup_true_lang.js

@@ -1,16 +1,18 @@
 import { useResolveMessage as e } from "../../Adapters/I18n/useI18nAdapter.js";
-import { mergePartBind as t, resolveFieldAdornmentIconSize as n } from "../../Utils/index.js";
-import r from "../Icon/Icon.js";
-import i from "../FormField/FormField.js";
-import { usePasswordField as a } from "./composables/usePasswordField.js";
-import { computed as o, createBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeModels as f, mergeProps as p, normalizeProps as m, openBlock as h, ref as g, unref as _, useModel as v, vModelDynamic as y, withCtx as b, withDirectives as x } from "vue";
-import { cn as S } from "@bridge-ui/core";
-import { isUndefined as C } from "es-toolkit/compat";
+import { presentSlotNames as t } from "../../Utils/slotOrProp.js";
+import { mergePartBind as n, resolveFieldAdornmentIconSize as r } from "../../Utils/index.js";
+import i from "../Icon/Icon.js";
+import { FORM_FIELD_CHROME_SLOT_NAMES as a } from "../FormField/formField.types.js";
+import o from "../FormField/FormField.js";
+import { usePasswordField as s } from "./composables/usePasswordField.js";
+import { computed as c, createBlock as l, createElementVNode as u, createSlots as d, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeModels as h, mergeProps as g, normalizeProps as _, openBlock as v, ref as y, renderList as b, renderSlot as x, unref as S, useModel as C, vModelDynamic as w, withCtx as T, withDirectives as E } from "vue";
+import { cn as D } from "@bridge-ui/core";
+import { isUndefined as O } from "es-toolkit/compat";
 //#region src/Components/PasswordField/PasswordField.vue?vue&type=script&setup=true&lang.ts
-var w = /*@__PURE__*/ u({
+var k = /*@__PURE__*/ p({
 	inheritAttrs: !1,
 	__name: "PasswordField",
-	props: /*@__PURE__*/ f({
+	props: /*@__PURE__*/ h({
 		classes: {},
 		customProps: {},
 		defaultValue: {},
@@ -43,31 +45,34 @@ var w = /*@__PURE__*/ u({
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ f(["visibility-change"], ["update:modelValue"]),
-	setup(u, { emit: f }) {
-		let w = f, T = v(u, "modelValue"), E = u, D = g(E.defaultValue), O = o({
+	emits: /*@__PURE__*/ h(["visibility-change"], ["update:modelValue"]),
+	setup(p, { emit: h }) {
+		let k = h, A = C(p, "modelValue"), j = p, M = y(j.defaultValue), N = c({
 			set: (e) => {
-				T.value = e, D.value = e;
+				A.value = e, M.value = e;
 			},
-			get: () => C(T.value) ? D.value : T.value
-		}), k = e(), { formField: A, inputBind: j, isVisible: M, mergedClasses: N, toggleVisibility: P } = a(E, { onVisibilityChange: (e) => w("visibility-change", e) }), F = o(() => t(E.customProps?.toggle, {
+			get: () => O(A.value) ? M.value : A.value
+		}), P = e(), { formField: F, inputBind: I, isVisible: L, mergedClasses: R, toggleVisibility: z } = s(j, { onVisibilityChange: (e) => k("visibility-change", e) }), B = c(() => n(j.customProps?.toggle, {
 			type: "button",
-			disabled: E.disabled,
-			onClick: P,
-			"aria-label": M.value ? k("Hide password") : k("Show password")
-		}, S({
+			disabled: j.disabled,
+			onClick: z,
+			"aria-label": L.value ? P("Hide password") : P("Show password")
+		}, D({
 			"bridge-end-adornment bridge-field-adornment-button inline-flex h-full items-center justify-center px-2.5": !0,
-			[N.value.toggle ?? ""]: !0
+			[R.value.toggle ?? ""]: !0
 		})));
-		return (e, t) => (h(), s(_(i), { field: _(A) }, {
-			end: b(() => [c("button", m(d(F.value)), [l(_(r), p({
-				icon: _(M) ? "eyeOff" : "eye",
-				size: _(n)(E.size)
-			}, E.customProps?.toggleIcon), null, 16, ["icon", "size"])], 16)]),
-			default: b(() => [x(c("input", p({ "onUpdate:modelValue": t[0] ||= (e) => O.value = e }, _(j)), null, 16), [[y, O.value]])]),
-			_: 1
-		}, 8, ["field"]));
+		return (e, n) => (v(), l(S(o), { field: S(F) }, d({
+			end: T(() => [u("button", _(m(B.value)), [f(S(i), g({
+				icon: S(L) ? "eyeOff" : "eye",
+				size: S(r)(j.size)
+			}, j.customProps?.toggleIcon), null, 16, ["icon", "size"])], 16)]),
+			default: T(() => [E(u("input", g({ "onUpdate:modelValue": n[0] ||= (e) => N.value = e }, S(I)), null, 16), [[w, N.value]])]),
+			_: 2
+		}, [b(S(t)(S(a).filter((e) => e !== "end"), e.$slots), (t) => ({
+			name: t,
+			fn: T((n) => [x(e.$slots, t, _(m(n || {})))])
+		}))]), 1032, ["field"]));
 	}
 });
 //#endregion
-export { w as default };
+export { k as default };

package/dist/Components/Radio/Radio.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,14 @@
-import e from "../FormControl/FormControl.js";
-import { useRadio as t } from "./composables/useRadio.js";
-import { computed as n, createBlock as r, createElementVNode as i, defineComponent as a, guardReactiveProps as o, mergeModels as s, mergeProps as c, normalizeProps as l, openBlock as u, ref as d, unref as f, useAttrs as p, useModel as m, withCtx as h } from "vue";
-import { isNil as g } from "es-toolkit/compat";
+import { presentSlotNames as e } from "../../Utils/slotOrProp.js";
+import { FORM_CONTROL_CHROME_SLOT_NAMES as t } from "../FormControl/formControl.types.js";
+import n from "../FormControl/FormControl.js";
+import { useRadio as r } from "./composables/useRadio.js";
+import { computed as i, createBlock as a, createElementVNode as o, createSlots as s, defineComponent as c, guardReactiveProps as l, mergeModels as u, mergeProps as d, normalizeProps as f, openBlock as p, ref as m, renderList as h, renderSlot as g, unref as _, useAttrs as v, useModel as y, withCtx as b } from "vue";
+import { isNil as x } from "es-toolkit/compat";
 //#region src/Components/Radio/Radio.vue?vue&type=script&setup=true&lang.ts
-var _ = ["for"], v = ["checked"], y = /*@__PURE__*/ a({
+var S = ["for"], C = ["checked"], w = /*@__PURE__*/ c({
 	inheritAttrs: !1,
 	__name: "Radio",
-	props: /*@__PURE__*/ s({
+	props: /*@__PURE__*/ u({
 		classes: {},
 		color: {},
 		customProps: {},
@@ -31,26 +33,29 @@ var _ = ["for"], v = ["checked"], y = /*@__PURE__*/ a({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(a) {
-		let s = p(), y = a, b = m(a, "modelValue"), x = d(!!y.defaultChecked), S = n(() => g(b.value) && x.value ? y.value : b.value), { merged: C, dotBind: w, fieldBind: T, inputBind: E, isChecked: D, formControl: O, controlBind: k } = t(() => ({
-			...s,
-			...y
+	setup(c) {
+		let u = v(), w = c, T = y(c, "modelValue"), E = m(!!w.defaultChecked), D = i(() => x(T.value) && E.value ? w.value : T.value), { merged: O, dotBind: k, fieldBind: A, inputBind: j, isChecked: M, formControl: N, controlBind: P } = r(() => ({
+			...u,
+			...w
 		}), {
 			size: "md",
 			rounded: "full",
 			color: "primary"
-		}, S);
-		function A() {
-			x.value = !0, g(C.value.value) || (b.value = C.value.value);
+		}, D);
+		function F() {
+			E.value = !0, x(O.value.value) || (T.value = O.value.value);
 		}
-		return (t, n) => (u(), r(f(e), { field: f(O) }, {
-			default: h(() => [i("label", c(f(T), { for: f(O).controlId.value }), [i("input", c(f(E), {
-				checked: f(D),
-				onChange: A
-			}), null, 16, v), i("span", l(o(f(k))), [i("span", l(o(f(w))), null, 16)], 16)], 16, _)]),
-			_: 1
-		}, 8, ["field"]));
+		return (r, i) => (p(), a(_(n), { field: _(N) }, s({
+			default: b(() => [o("label", d(_(A), { for: _(N).controlId.value }), [o("input", d(_(j), {
+				checked: _(M),
+				onChange: F
+			}), null, 16, C), o("span", f(l(_(P))), [o("span", f(l(_(k))), null, 16)], 16)], 16, S)]),
+			_: 2
+		}, [h(_(e)(_(t), r.$slots), (e) => ({
+			name: e,
+			fn: b((t) => [g(r.$slots, e, f(l(t || {})))])
+		}))]), 1032, ["field"]));
 	}
 });
 //#endregion
-export { y as default };
+export { w as default };

package/dist/Components/Select/Select.vue_vue_type_script_setup_true_lang.js

@@ -1,30 +1,31 @@
 import { useResolveMessage as e } from "../../Adapters/I18n/useI18nAdapter.js";
-import { hasNamedSlot as t, resolveNamedSlot as n } from "../../Utils/slotOrProp.js";
+import { hasNamedSlot as t, presentSlotNames as n } from "../../Utils/slotOrProp.js";
 import { mergeNestedComponentProps as ee } from "../../Utils/index.js";
 import r from "../Icon/Icon.js";
 import i from "../Chip/Chip.js";
+import { FORM_FIELD_CHROME_SLOT_NAMES as te } from "../FormField/formField.types.js";
 import a from "../FormField/FormField.js";
-import te from "../Listbox/Listbox.js";
+import ne from "../Listbox/Listbox.js";
 import { useSelect as o } from "./composables/useSelect.js";
 import { SELECT_OPTION_KEY as s } from "./selectInjectionKey.js";
-import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as ne, createTextVNode as re, createVNode as m, defineComponent as h, guardReactiveProps as g, isRef as _, mergeModels as v, mergeProps as y, normalizeProps as b, openBlock as x, provide as S, ref as C, renderList as ie, renderSlot as w, resolveDynamicComponent as T, toDisplayString as ae, unref as E, useModel as D, useTemplateRef as O, withCtx as k, withKeys as A, withModifiers as j } from "vue";
-import { cn as M } from "@bridge-ui/core";
-import { isUndefined as N } from "es-toolkit/compat";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as m, createTextVNode as re, createVNode as h, defineComponent as g, guardReactiveProps as _, isRef as v, mergeModels as y, mergeProps as b, normalizeProps as x, openBlock as S, provide as C, ref as w, renderList as T, renderSlot as E, toDisplayString as ie, unref as D, useModel as ae, useTemplateRef as oe, withCtx as O, withKeys as k, withModifiers as A } from "vue";
+import { cn as j } from "@bridge-ui/core";
+import { isUndefined as M } from "es-toolkit/compat";
 //#region src/Components/Select/Select.vue?vue&type=script&setup=true&lang.ts
-var P = {
+var N = {
 	key: 0,
 	class: "flex min-w-0 flex-1 flex-wrap items-center gap-0.5"
-}, F = {
+}, P = {
 	key: 1,
 	class: "flex min-w-0 flex-1 items-center gap-1"
-}, I = ["aria-label"], L = {
+}, F = ["aria-label"], I = {
 	key: 0,
 	hidden: "",
 	"aria-hidden": "true"
-}, R = /*@__PURE__*/ h({
+}, L = /*@__PURE__*/ g({
 	inheritAttrs: !1,
 	__name: "Select",
-	props: /*@__PURE__*/ v({
+	props: /*@__PURE__*/ y({
 		asyncData: {},
 		clearable: {
 			type: Boolean,
@@ -81,7 +82,7 @@ var P = {
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ v([
+	emits: /*@__PURE__*/ y([
 		"cancel",
 		"change",
 		"clear",
@@ -92,14 +93,14 @@ var P = {
 		"select",
 		"update:modelValue"
 	], ["update:modelValue"]),
-	setup(h, { emit: v }) {
-		let R = D(h, "modelValue"), z = h, B = v, V = e(), H = C(z.defaultValue), oe = l({
+	setup(g, { emit: y }) {
+		let L = ae(g, "modelValue"), R = g, z = y, B = e(), V = w(R.defaultValue), H = l({
 			set: (e) => {
-				R.value = e, H.value = e;
+				L.value = e, V.value = e;
 			},
-			get: () => N(R.value) ? H.value : R.value
-		}), U = O("trigger"), W = C([]);
-		S(s, {
+			get: () => M(L.value) ? V.value : L.value
+		}), U = oe("trigger"), W = w([]);
+		C(s, {
 			unregister(e) {
 				W.value = W.value.filter((t) => String(t.value) !== String(e));
 			},
@@ -107,81 +108,84 @@ var P = {
 				W.value.some((t) => String(t.value) === String(e.value)) || (W.value = [...W.value, e]);
 			}
 		});
-		let { open: G, slots: K, multiple: q, formField: J, clearBind: Y, clearValue: X, removeChip: se, triggerBind: Z, handleApply: ce, selectOption: le, handleCancel: ue, containerRef: Q, listboxProps: de, clearIconSize: fe, mergedClasses: pe, showClearIcon: me, selectedOptions: he, hasComposedList: $, handleRegisteredOptionsChange: ge } = o(z, oe, U, B, W);
-		return (e, o) => (x(), f(c, null, [
-			m(E(a), { field: E(J) }, {
-				default: k(() => [E(q) ? (x(), f("div", P, [(x(!0), f(c, null, ie(E(he), (t) => (x(), u(E(i), y({
+		let { open: G, slots: K, multiple: q, formField: J, clearBind: Y, clearValue: X, removeChip: se, triggerBind: Z, handleApply: ce, selectOption: le, handleCancel: ue, containerRef: Q, listboxProps: de, clearIconSize: fe, mergedClasses: pe, showClearIcon: me, selectedOptions: he, hasComposedList: $, handleRegisteredOptionsChange: ge } = o(R, H, U, z, W);
+		return (e, o) => (S(), f(c, null, [
+			h(D(a), { field: D(J) }, m({
+				default: O(() => [D(q) ? (S(), f("div", N, [(S(!0), f(c, null, T(D(he), (t) => (S(), u(D(i), b({
 					dismissible: "",
 					key: String(t.value),
-					size: E(J).merged.value.size,
-					disabled: E(J).isDisabled.value,
+					size: D(J).merged.value.size,
+					disabled: D(J).isDisabled.value,
 					"clear-label": `Remove ${t.label}`,
-					onDismiss: (e) => E(se)(t, e)
-				}, { ref_for: !0 }, E(ee)(z.customProps?.chip, {
-					customProps: { clear: E(Y) },
-					classes: { root: E(M)({
+					onDismiss: (e) => D(se)(t, e)
+				}, { ref_for: !0 }, D(ee)(R.customProps?.chip, {
+					customProps: { clear: D(Y) },
+					classes: { root: D(j)({
 						"bg-white ring-1 ring-inset ring-dark-200 dark:bg-dark-700 dark:ring-dark-600": !0,
-						[E(pe).chip ?? ""]: !0
+						[D(pe).chip ?? ""]: !0
 					}) }
 				})), {
-					default: k(() => [w(e.$slots, "chip", { option: t }, () => [re(ae(t.label), 1)])]),
+					default: O(() => [E(e.$slots, "chip", { option: t }, () => [re(ie(t.label), 1)])]),
 					_: 2
 				}, 1040, [
 					"size",
 					"disabled",
 					"clear-label",
 					"onDismiss"
-				]))), 128)), p("textarea", y({ ref: "trigger" }, E(Z)), null, 16)])) : (x(), f("div", F, [p("input", y({
+				]))), 128)), p("textarea", b({ ref: "trigger" }, D(Z)), null, 16)])) : (S(), f("div", P, [p("input", b({
 					ref: "trigger",
 					class: "min-w-0 flex-1"
-				}, E(Z)), null, 16), E(me) ? (x(), f("span", y({ key: 0 }, E(Y), {
-					onClick: o[0] ||= (...e) => E(X) && E(X)(...e),
-					onKeydown: [o[1] ||= A(j((...e) => E(X) && E(X)(...e), ["prevent"]), ["enter"]), o[2] ||= A(j((...e) => E(X) && E(X)(...e), ["prevent"]), ["space"])],
-					"aria-label": E(V)("Clear selection")
-				}), [m(E(r), y({
+				}, D(Z)), null, 16), D(me) ? (S(), f("span", b({ key: 0 }, D(Y), {
+					onClick: o[0] ||= (...e) => D(X) && D(X)(...e),
+					onKeydown: [o[1] ||= k(A((...e) => D(X) && D(X)(...e), ["prevent"]), ["enter"]), o[2] ||= k(A((...e) => D(X) && D(X)(...e), ["prevent"]), ["space"])],
+					"aria-label": D(B)("Clear selection")
+				}), [h(D(r), b({
 					icon: "clear",
-					size: E(fe)
-				}, z.customProps?.clearIcon), null, 16, ["size"])], 16, I)) : d("", !0)]))]),
-				_: 3
-			}, 8, ["field"]),
-			m(E(te), y({
-				modelValue: E(G),
-				"onUpdate:modelValue": o[3] ||= (e) => _(G) ? G.value = e : null
-			}, E(de), {
-				onApply: E(ce),
-				"anchor-el": E(Q),
-				onCancel: E(ue),
-				onSelect: E(le),
-				onRegisteredOptionsChange: E(ge)
-			}), ne({ _: 2 }, [
-				E($) ? {
+					size: D(fe)
+				}, R.customProps?.clearIcon), null, 16, ["size"])], 16, F)) : d("", !0)]))]),
+				_: 2
+			}, [T(D(n)(D(te), e.$slots), (t) => ({
+				name: t,
+				fn: O((n) => [E(e.$slots, t, x(_(n || {})))])
+			}))]), 1032, ["field"]),
+			h(D(ne), b({
+				modelValue: D(G),
+				"onUpdate:modelValue": o[3] ||= (e) => v(G) ? G.value = e : null
+			}, D(de), {
+				onApply: D(ce),
+				"anchor-el": D(Q),
+				onCancel: D(ue),
+				onSelect: D(le),
+				onRegisteredOptionsChange: D(ge)
+			}), m({ _: 2 }, [
+				D($) ? {
 					name: "default",
-					fn: k(() => [w(e.$slots, "default")]),
+					fn: O(() => [E(e.$slots, "default")]),
 					key: "0"
 				} : void 0,
-				E(t)(E(K), "beforeOptions") ? {
+				D(t)(D(K), "beforeOptions") ? {
 					name: "beforeOptions",
-					fn: k(() => [(x(), u(T(E(n)(E(K), "beforeOptions"))))]),
+					fn: O(() => [E(e.$slots, "beforeOptions")]),
 					key: "1"
 				} : void 0,
-				E(t)(E(K), "loading") ? {
+				D(t)(D(K), "loading") ? {
 					name: "loading",
-					fn: k(() => [(x(), u(T(E(n)(E(K), "loading"))))]),
+					fn: O(() => [E(e.$slots, "loading")]),
 					key: "2"
 				} : void 0,
-				E(t)(E(K), "option") ? {
+				D(t)(D(K), "option") ? {
 					name: "option",
-					fn: k((t) => [w(e.$slots, "option", b(g(t)))]),
+					fn: O((t) => [E(e.$slots, "option", x(_(t)))]),
 					key: "3"
 				} : void 0,
-				E(t)(E(K), "empty") ? {
+				D(t)(D(K), "empty") ? {
 					name: "empty",
-					fn: k(() => [(x(), u(T(E(n)(E(K), "empty"))))]),
+					fn: O(() => [E(e.$slots, "empty")]),
 					key: "4"
 				} : void 0,
-				E(t)(E(K), "afterOptions") ? {
+				D(t)(D(K), "afterOptions") ? {
 					name: "afterOptions",
-					fn: k(() => [(x(), u(T(E(n)(E(K), "afterOptions"))))]),
+					fn: O(() => [E(e.$slots, "afterOptions")]),
 					key: "5"
 				} : void 0
 			]), 1040, [
@@ -192,9 +196,9 @@ var P = {
 				"onSelect",
 				"onRegisteredOptionsChange"
 			]),
-			E($) ? d("", !0) : (x(), f("div", L, [w(e.$slots, "default")]))
+			D($) ? d("", !0) : (S(), f("div", I, [E(e.$slots, "default")]))
 		], 64));
 	}
 });
 //#endregion
-export { R as default };
+export { L as default };

package/dist/Components/Slider/Slider.vue_vue_type_script_setup_true_lang.js

@@ -1,14 +1,16 @@
-import e from "../BaseField/BaseField.js";
-import { useSlider as t } from "./composables/useSlider.js";
-import n from "../Tooltip/Tooltip.js";
-import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, guardReactiveProps as u, mergeModels as d, mergeProps as f, normalizeProps as p, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, useModel as b, withCtx as x } from "vue";
-import { resolveSliderBounds as S, resolveSliderDefaultValue as C } from "@bridge-ui/core";
-import { isUndefined as w } from "es-toolkit/compat";
+import { presentSlotNames as e } from "../../Utils/slotOrProp.js";
+import { BASE_FIELD_CHROME_SLOT_NAMES as t } from "../BaseField/baseField.types.js";
+import n from "../BaseField/BaseField.js";
+import { useSlider as r } from "./composables/useSlider.js";
+import i from "../Tooltip/Tooltip.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, defineComponent as f, guardReactiveProps as p, mergeModels as m, mergeProps as h, normalizeProps as g, openBlock as _, ref as v, renderList as y, renderSlot as b, toDisplayString as x, unref as S, useModel as C, withCtx as w } from "vue";
+import { resolveSliderBounds as T, resolveSliderDefaultValue as E } from "@bridge-ui/core";
+import { isUndefined as D } from "es-toolkit/compat";
 //#region src/Components/Slider/Slider.vue?vue&type=script&setup=true&lang.ts
-var T = /*@__PURE__*/ l({
+var O = /*@__PURE__*/ f({
 	inheritAttrs: !1,
 	__name: "Slider",
-	props: /*@__PURE__*/ d({
+	props: /*@__PURE__*/ m({
 		classes: {},
 		color: {},
 		customProps: {},
@@ -39,9 +41,9 @@ var T = /*@__PURE__*/ l({
 		modelValue: { default: void 0 },
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ d(["change", "update:modelValue"], ["update:modelValue"]),
-	setup(l, { emit: d }) {
-		let T = d, E = l, D = b(l, "modelValue"), O = {
+	emits: /*@__PURE__*/ m(["change", "update:modelValue"], ["update:modelValue"]),
+	setup(f, { emit: m }) {
+		let O = m, k = f, A = C(f, "modelValue"), j = {
 			min: 0,
 			step: 1,
 			max: 100,
@@ -50,64 +52,67 @@ var T = /*@__PURE__*/ l({
 			color: "primary",
 			showStops: !1,
 			showTooltip: !0
-		}, k = S({
-			min: E.min ?? O.min,
-			max: E.max ?? O.max,
-			step: E.step ?? O.step
-		}), A = h(C({
-			min: k.min,
-			max: k.max,
-			step: k.step,
-			range: !!E.range,
-			defaultValue: E.defaultValue
-		})), j = i({
+		}, M = T({
+			min: k.min ?? j.min,
+			max: k.max ?? j.max,
+			step: k.step ?? j.step
+		}), N = v(E({
+			min: M.min,
+			max: M.max,
+			step: M.step,
+			range: !!k.range,
+			defaultValue: k.defaultValue
+		})), P = o({
 			set: (e) => {
-				D.value = e, A.value = e;
+				A.value = e, N.value = e;
 			},
-			get: () => w(D.value) ? A.value : D.value
-		}), M = h([null, null]), { barBind: N, trackRef: P, baseField: F, trackBind: I, controlBind: L, getStopBind: R, thumbIndexes: z, tooltipProps: B, getThumbBind: V, resolvedStops: H, isTooltipOpen: U, hasStopLabels: W, readThumbValue: G, stopLabelsBind: K, getStopLabelBind: q, getThumbKnobBind: J, showTooltip: Y } = t(() => E, O, j, { onChange: (e) => {
-			T("change", e);
+			get: () => D(A.value) ? N.value : A.value
+		}), F = v([null, null]), { barBind: I, trackRef: L, baseField: R, trackBind: z, controlBind: B, getStopBind: V, thumbIndexes: H, tooltipProps: U, getThumbBind: W, resolvedStops: G, isTooltipOpen: K, hasStopLabels: q, readThumbValue: J, stopLabelsBind: Y, getStopLabelBind: X, getThumbKnobBind: Z, showTooltip: Q } = r(() => k, j, P, { onChange: (e) => {
+			O("change", e);
 		} });
-		function X(e) {
-			P.value = e instanceof HTMLDivElement ? e : e?.$el ?? null;
+		function $(e) {
+			L.value = e instanceof HTMLDivElement ? e : e?.$el ?? null;
 		}
-		function Z(e, t) {
+		function ee(e, t) {
 			let n = t instanceof HTMLButtonElement ? t : t?.$el ?? null;
-			M.value[e] = n;
+			F.value[e] = n;
 		}
-		return (t, i) => (m(), a(e, { field: y(F) }, {
-			default: x(() => [c("div", p(u(y(L))), [
-				c("div", f({ ref: X }, y(I)), [
-					c("div", p(u(y(N))), null, 16),
-					(m(!0), s(r, null, g(y(H), (e) => (m(), s("div", f({ key: `stop-${e.value}` }, { ref_for: !0 }, y(R)(e)), null, 16))), 128)),
-					(m(!0), s(r, null, g(y(z), (e) => (m(), s("button", f({ key: e }, { ref_for: !0 }, y(V)(e), {
+		return (r, o) => (_(), s(n, { field: S(R) }, d({
+			default: w(() => [u("div", g(p(S(B))), [
+				u("div", h({ ref: $ }, S(z)), [
+					u("div", g(p(S(I))), null, 16),
+					(_(!0), l(a, null, y(S(G), (e) => (_(), l("div", h({ key: `stop-${e.value}` }, { ref_for: !0 }, S(V)(e)), null, 16))), 128)),
+					(_(!0), l(a, null, y(S(H), (e) => (_(), l("button", h({ key: e }, { ref_for: !0 }, S(W)(e), {
 						ref_for: !0,
-						ref: (t) => Z(e, t)
-					}), [_(t.$slots, "thumb", {}, () => [c("span", f({ ref_for: !0 }, y(J)(e)), null, 16)])], 16))), 128))
+						ref: (t) => ee(e, t)
+					}), [b(r.$slots, "thumb", {}, () => [u("span", h({ ref_for: !0 }, S(Z)(e)), null, 16)])], 16))), 128))
 				], 16),
-				y(Y) ? (m(!0), s(r, { key: 0 }, g(y(z), (e) => (m(), a(y(n), f({
+				S(Q) ? (_(!0), l(a, { key: 0 }, y(S(H), (e) => (_(), s(S(i), h({
 					arrow: "",
 					size: "sm",
 					"open-delay": 0,
 					placement: "top",
 					"close-delay": 0,
 					key: `tooltip-${e}`,
-					"anchor-el": M.value[e],
-					"model-value": y(U)(e),
-					content: String(y(G)(e))
-				}, { ref_for: !0 }, y(B)), null, 16, [
+					"anchor-el": F.value[e],
+					"model-value": S(K)(e),
+					content: String(S(J)(e))
+				}, { ref_for: !0 }, S(U)), null, 16, [
 					"anchor-el",
 					"model-value",
 					"content"
-				]))), 128)) : o("", !0),
-				y(W) ? (m(), s("div", p(f({ key: 1 }, y(K))), [(m(!0), s(r, null, g(y(H), (e) => (m(), s(r, { key: `label-${e.value}` }, [e.label ? (m(), s("div", f({
+				]))), 128)) : c("", !0),
+				S(q) ? (_(), l("div", g(h({ key: 1 }, S(Y))), [(_(!0), l(a, null, y(S(G), (e) => (_(), l(a, { key: `label-${e.value}` }, [e.label ? (_(), l("div", h({
 					key: 0,
 					ref_for: !0
-				}, y(q)(e)), v(e.label), 17)) : o("", !0)], 64))), 128))], 16)) : o("", !0)
+				}, S(X)(e)), x(e.label), 17)) : c("", !0)], 64))), 128))], 16)) : c("", !0)
 			], 16)]),
-			_: 3
-		}, 8, ["field"]));
+			_: 2
+		}, [y(S(e)(S(t), r.$slots), (e) => ({
+			name: e,
+			fn: w((t) => [b(r.$slots, e, g(p(t || {})))])
+		}))]), 1032, ["field"]));
 	}
 });
 //#endregion
-export { T as default };
+export { O as default };

package/dist/Components/Switch/Switch.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,13 @@
-import e from "../FormControl/FormControl.js";
-import { useSwitch as t } from "./composables/useSwitch.js";
-import { computed as n, createBlock as r, createElementVNode as i, defineComponent as a, guardReactiveProps as o, mergeModels as s, mergeProps as c, normalizeProps as l, openBlock as u, ref as d, unref as f, useAttrs as p, useModel as m, withCtx as h } from "vue";
+import { presentSlotNames as e } from "../../Utils/slotOrProp.js";
+import { FORM_CONTROL_CHROME_SLOT_NAMES as t } from "../FormControl/formControl.types.js";
+import n from "../FormControl/FormControl.js";
+import { useSwitch as r } from "./composables/useSwitch.js";
+import { computed as i, createBlock as a, createElementVNode as o, createSlots as s, defineComponent as c, guardReactiveProps as l, mergeModels as u, mergeProps as d, normalizeProps as f, openBlock as p, ref as m, renderList as h, renderSlot as g, unref as _, useAttrs as v, useModel as y, withCtx as b } from "vue";
 //#region src/Components/Switch/Switch.vue?vue&type=script&setup=true&lang.ts
-var g = ["checked"], _ = /*@__PURE__*/ a({
+var x = ["checked"], S = /*@__PURE__*/ c({
 	inheritAttrs: !1,
 	__name: "Switch",
-	props: /*@__PURE__*/ s({
+	props: /*@__PURE__*/ u({
 		classes: {},
 		color: {},
 		customProps: {},
@@ -31,31 +33,34 @@ var g = ["checked"], _ = /*@__PURE__*/ a({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(a) {
-		let s = p(), _ = a, v = d(!!_.defaultChecked), y = m(a, "modelValue"), b = n(() => y.value ?? v.value), { fieldBind: x, inputBind: S, isChecked: C, thumbBind: w, trackBind: T, formControl: E } = t(() => ({
-			...s,
-			..._
+	setup(c) {
+		let u = v(), S = c, C = m(!!S.defaultChecked), w = y(c, "modelValue"), T = i(() => w.value ?? C.value), { fieldBind: E, inputBind: D, isChecked: O, thumbBind: k, trackBind: A, formControl: j } = r(() => ({
+			...u,
+			...S
 		}), {
 			size: "md",
 			rounded: "full",
 			color: "primary"
-		}, b);
-		function D(e) {
+		}, T);
+		function M(e) {
 			let t = e.target;
-			y.value = t.checked, v.value = t.checked;
+			w.value = t.checked, C.value = t.checked;
 		}
-		return (t, n) => (u(), r(f(e), { field: f(E) }, {
-			default: h(() => [i("label", l(o(f(x))), [
-				i("input", c(f(S), {
-					checked: f(C),
-					onChange: D
-				}), null, 16, g),
-				i("span", l(o(f(T))), null, 16),
-				i("span", l(o(f(w))), null, 16)
+		return (r, i) => (p(), a(_(n), { field: _(j) }, s({
+			default: b(() => [o("label", f(l(_(E))), [
+				o("input", d(_(D), {
+					checked: _(O),
+					onChange: M
+				}), null, 16, x),
+				o("span", f(l(_(A))), null, 16),
+				o("span", f(l(_(k))), null, 16)
 			], 16)]),
-			_: 1
-		}, 8, ["field"]));
+			_: 2
+		}, [h(_(e)(_(t), r.$slots), (e) => ({
+			name: e,
+			fn: b((t) => [g(r.$slots, e, f(l(t || {})))])
+		}))]), 1032, ["field"]));
 	}
 });
 //#endregion
-export { _ as default };
+export { S as default };