@bridge-ui/vue 0.0.9 → 0.0.10

package/dist/Components/Listbox/Listbox.vue_vue_type_script_setup_true_lang.js

@@ -1,21 +1,21 @@
 import { useResolveMessage as e } from "../../Adapters/I18n/useI18nAdapter.js";
-import { hasNamedSlot as t, resolveNamedSlot as n } from "../../Utils/slotOrProp.js";
-import { mergeNestedComponentProps as r } from "../../Utils/index.js";
+import { hasNamedSlot as t } from "../../Utils/slotOrProp.js";
+import { mergeNestedComponentProps as n } from "../../Utils/index.js";
 import { useListbox as ee } from "./composables/useListbox.js";
-import i from "../Button/Button.js";
+import r from "../Button/Button.js";
 import te from "../FieldOverlay/FieldOverlay.js";
 import ne from "../List/List.js";
 import { LISTBOX_INJECTION_KEY as re } from "./listboxInjectionKey.js";
-import ie from "../ListItem/ListItem.js";
+import i from "../ListItem/ListItem.js";
 import a from "../ListSection/ListSection.js";
-import o from "../Progress/Progress.js";
-import { Fragment 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 _, mergeModels as v, mergeProps as y, normalizeClass as b, normalizeProps as x, openBlock as S, provide as C, ref as w, renderList as T, renderSlot as E, resolveDynamicComponent as D, toDisplayString as O, unref as k, useModel as ae, useSlots as oe, watch as A, withCtx as j } from "vue";
-import { cn as se, entriesFromListboxOptions as ce, flattenListboxOptions as M, mapListboxEntriesToRows as N } from "@bridge-ui/core";
-import { isNil as P } from "es-toolkit/compat";
+import ie from "../Progress/Progress.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as f, createTextVNode as p, createVNode as m, defineComponent as h, guardReactiveProps as g, mergeModels as _, mergeProps as v, normalizeClass as y, normalizeProps as b, openBlock as x, provide as S, ref as C, renderList as ae, renderSlot as w, toDisplayString as T, unref as E, useModel as oe, useSlots as se, watch as D, withCtx as O } from "vue";
+import { cn as ce, entriesFromListboxOptions as le, flattenListboxOptions as k, mapListboxEntriesToRows as A } from "@bridge-ui/core";
+import { isNil as j } from "es-toolkit/compat";
 //#region src/Components/Listbox/Listbox.vue?vue&type=script&setup=true&lang.ts
-var F = { key: 1 }, I = /*@__PURE__*/ g({
+var M = { key: 1 }, N = /*@__PURE__*/ h({
 	__name: "Listbox",
-	props: /*@__PURE__*/ v({
+	props: /*@__PURE__*/ _({
 		anchorEl: {},
 		classes: {},
 		color: { default: "primary" },
@@ -64,106 +64,106 @@ var F = { key: 1 }, I = /*@__PURE__*/ g({
 		},
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ v([
+	emits: /*@__PURE__*/ _([
 		"apply",
 		"cancel",
 		"registered-options-change",
 		"select",
 		"show-change"
 	], ["update:modelValue"]),
-	setup(g, { emit: v }) {
-		let I = oe(), L = v, R = ae(g, "modelValue");
-		A(R, (e) => {
-			L("show-change", e);
+	setup(h, { emit: _ }) {
+		let N = se(), P = _, F = oe(h, "modelValue");
+		D(F, (e) => {
+			P("show-change", e);
 		});
-		let z = g, B = e(), V = c(() => z.emptyMessage ?? B("No options")), H = c(() => z.loadingMessage ?? B("Loading...")), { merged: U, checkClass: W, scrollBind: G, footerBind: le, showFooter: ue, applyLabel: de, cancelLabel: fe, messageBind: K, surfaceBind: pe, sizeClasses: me, mergedClasses: q, applyButtonProps: he, cancelButtonProps: ge, optionSelectedClass: _e, optionHighlightedClass: ve } = ee(z, {
+		let I = h, L = e(), R = s(() => I.emptyMessage ?? L("No options")), z = s(() => I.loadingMessage ?? L("Loading...")), { merged: B, checkClass: V, scrollBind: H, footerBind: U, showFooter: W, applyLabel: ue, cancelLabel: de, messageBind: G, surfaceBind: fe, sizeClasses: pe, mergedClasses: K, applyButtonProps: me, cancelButtonProps: he, optionSelectedClass: ge, optionHighlightedClass: _e } = ee(I, {
 			size: "md",
 			color: "primary"
-		}, { componentName: z.componentName }), ye = c(() => z.options ?? []), J = c(() => z.entries ? z.entries : ce(ye.value)), Y = c(() => M(J.value)), X = c(() => t(I, "default")), Z = c(() => !z.loading && !X.value && Y.value.length === 0 && z.hideEmptyMessage !== !0), be = c(() => se(W.value, q.value.check)), Q = w([]);
-		function $(e) {
-			return z.isSelected?.(e) ?? !1;
+		}, { componentName: I.componentName }), ve = s(() => I.options ?? []), q = s(() => I.entries ? I.entries : le(ve.value)), J = s(() => k(q.value)), Y = s(() => t(N, "default")), X = s(() => !I.loading && !Y.value && J.value.length === 0 && I.hideEmptyMessage !== !0), ye = s(() => ce(V.value, K.value.check)), Z = C([]);
+		function Q(e) {
+			return I.isSelected?.(e) ?? !1;
 		}
-		function xe(e) {
-			e.disabled || L("select", e);
+		function be(e) {
+			e.disabled || P("select", e);
 		}
-		function Se(e) {
-			return Q.value.some((t) => String(t.value) === String(e.value)) || (Q.value = [...Q.value, e]), () => {
-				Q.value = Q.value.filter((t) => String(t.value) !== String(e.value));
+		function xe(e) {
+			return Z.value.some((t) => String(t.value) === String(e.value)) || (Z.value = [...Z.value, e]), () => {
+				Z.value = Z.value.filter((t) => String(t.value) !== String(e.value));
 			};
 		}
-		function Ce(e) {
-			return (X.value ? Q.value : Y.value).findIndex((t) => String(t.value) === String(e));
+		function Se(e) {
+			return (Y.value ? Z.value : J.value).findIndex((t) => String(t.value) === String(e));
 		}
-		A(Q, (e) => {
-			X.value && L("registered-options-change", e);
+		D(Z, (e) => {
+			Y.value && P("registered-options-change", e);
 		}, { deep: !0 });
-		let we = c(() => ({
-			getOptionIndex: Ce,
-			registerOption: Se,
-			onSelect: xe,
-			listboxId: z.listboxId,
-			isSelected: $,
-			sizeClasses: me.value,
-			showCheckmark: z.showCheckmark,
-			checkClass: be.value,
-			highlightedIndex: z.highlightedIndex,
-			optionSelectedClass: _e.value,
-			optionHighlightedClass: ve.value,
+		let Ce = s(() => ({
+			getOptionIndex: Se,
+			registerOption: xe,
+			onSelect: be,
+			listboxId: I.listboxId,
+			isSelected: Q,
+			sizeClasses: pe.value,
+			showCheckmark: I.showCheckmark,
+			checkClass: ye.value,
+			highlightedIndex: I.highlightedIndex,
+			optionSelectedClass: ge.value,
+			optionHighlightedClass: _e.value,
 			mergedClasses: {
-				optionSelected: q.value.optionSelected,
-				optionHighlighted: q.value.optionHighlighted
+				optionSelected: K.value.optionSelected,
+				optionHighlighted: K.value.optionHighlighted
 			}
 		}));
-		C(re, we);
-		let Te = c(() => N(J.value, $)), Ee = c(() => U.value.customProps?.menu), De = c(() => U.value.customProps?.modal), Oe = c(() => U.value.customProps?.drawer), ke = c(() => U.value.customProps?.list), Ae = c(() => U.value.customProps?.listItem), je = c(() => U.value.customProps?.progress), Me = c(() => U.value.customProps?.listSection), Ne = c(() => ({
-			modal: De.value,
-			drawer: Oe.value,
+		S(re, Ce);
+		let we = s(() => A(q.value, Q)), Te = s(() => B.value.customProps?.menu), Ee = s(() => B.value.customProps?.modal), De = s(() => B.value.customProps?.drawer), $ = s(() => B.value.customProps?.list), Oe = s(() => B.value.customProps?.listItem), ke = s(() => B.value.customProps?.progress), Ae = s(() => B.value.customProps?.listSection), je = s(() => ({
+			modal: Ee.value,
+			drawer: De.value,
 			menu: {
-				anchorEl: z.anchorEl,
-				placement: z.placement,
-				disableAutoFocus: z.disableAutoFocus,
-				...P(z.rounded) ? {} : { rounded: z.rounded },
-				...Ee.value
+				anchorEl: I.anchorEl,
+				placement: I.placement,
+				disableAutoFocus: I.disableAutoFocus,
+				...j(I.rounded) ? {} : { rounded: I.rounded },
+				...Te.value
 			}
-		})), Pe = c(() => ({
+		})), Me = s(() => ({
 			size: "xs",
 			"aria-hidden": !0,
-			color: U.value.color,
-			...r(je.value, {
+			color: B.value.color,
+			...n(ke.value, {
 				class: "shrink-0",
-				classes: { bar: q.value.loading }
+				classes: { bar: K.value.loading }
 			})
-		})), Fe = c(() => ({
+		})), Ne = s(() => ({
 			dense: !0,
 			role: "listbox",
-			id: z.listboxId,
-			"aria-labelledby": z.labelledBy,
-			"aria-multiselectable": z.multiple || void 0,
-			...r(ke.value, { class: "p-0" })
+			id: I.listboxId,
+			"aria-labelledby": I.labelledBy,
+			"aria-multiselectable": I.multiple || void 0,
+			...n($.value, { class: "p-0" })
 		}));
-		return (e, r) => (S(), l(k(te), {
-			modelValue: R.value,
-			"onUpdate:modelValue": r[2] ||= (e) => R.value = e,
-			overlay: g.overlay,
-			"custom-props": Ne.value
+		return (e, n) => (x(), c(E(te), {
+			modelValue: F.value,
+			"onUpdate:modelValue": n[2] ||= (e) => F.value = e,
+			overlay: h.overlay,
+			"custom-props": je.value
 		}, {
-			default: j(() => [f("div", { class: b(k(pe)) }, [
-				k(t)(k(I), "beforeOptions") ? (S(), l(D(k(n)(k(I), "beforeOptions")), { key: 0 })) : u("", !0),
-				g.loading ? (S(), d(s, { key: 1 }, [h(k(o), x(_(Pe.value)), null, 16), f("div", x(_(k(K))), [k(t)(k(I), "loading") ? (S(), l(D(k(n)(k(I), "loading")), { key: 0 })) : (S(), d("span", F, O(H.value), 1))], 16)], 64)) : (S(), d("div", x(y({ key: 2 }, k(G))), [h(k(ne), x(_(Fe.value)), {
-					default: j(() => [X.value ? E(e.$slots, "default", {}, void 0, void 0, 0) : (S(!0), d(s, { key: 1 }, T(Te.value, (n) => (S(), d(s, { key: n.key }, [n.kind === "section" ? (S(), l(k(a), y({
+			default: O(() => [d("div", { class: y(E(fe)) }, [
+				E(t)(E(N), "beforeOptions") ? w(e.$slots, "beforeOptions", {}, void 0, void 0, 0) : l("", !0),
+				h.loading ? (x(), u(o, { key: 1 }, [m(E(ie), b(g(Me.value)), null, 16), d("div", b(g(E(G))), [E(t)(E(N), "loading") ? w(e.$slots, "loading", {}, void 0, void 0, 0) : (x(), u("span", M, T(z.value), 1))], 16)], 64)) : (x(), u("div", b(v({ key: 2 }, E(H))), [m(E(ne), b(g(Ne.value)), {
+					default: O(() => [Y.value ? w(e.$slots, "default", {}, void 0, void 0, 0) : (x(!0), u(o, { key: 1 }, ae(we.value, (n) => (x(), u(o, { key: n.key }, [n.kind === "section" ? (x(), c(E(a), v({
 						key: 0,
 						title: n.title,
 						sticky: n.sticky
-					}, { ref_for: !0 }, Me.value), null, 16, ["title", "sticky"])) : (S(), l(k(ie), y({
+					}, { ref_for: !0 }, Ae.value), null, 16, ["title", "sticky"])) : (x(), c(E(i), v({
 						key: 1,
 						interactive: "",
 						value: n.option.value,
 						disabled: n.option.disabled,
 						secondary: n.option.description,
-						primary: k(t)(k(I), "option") ? void 0 : n.option.label
-					}, { ref_for: !0 }, Ae.value), p({ _: 2 }, [k(t)(k(I), "option") ? {
+						primary: E(t)(E(N), "option") ? void 0 : n.option.label
+					}, { ref_for: !0 }, Oe.value), f({ _: 2 }, [E(t)(E(N), "option") ? {
 						name: "default",
-						fn: j(() => [E(e.$slots, "option", {
+						fn: O(() => [w(e.$slots, "option", {
 							option: n.option,
 							selected: n.selected
 						})]),
@@ -176,18 +176,18 @@ var F = { key: 1 }, I = /*@__PURE__*/ g({
 					]))], 64))), 128))]),
 					_: 3
 				}, 16)], 16)),
-				Z.value && !k(t)(k(I), "empty") ? (S(), d("div", x(y({ key: 3 }, k(K))), O(V.value), 17)) : Z.value && k(t)(k(I), "empty") ? (S(), l(D(k(n)(k(I), "empty")), { key: 4 })) : u("", !0),
-				k(t)(k(I), "afterOptions") ? (S(), l(D(k(n)(k(I), "afterOptions")), { key: 5 })) : u("", !0),
-				k(ue) ? (S(), d("div", x(y({ key: 6 }, k(le))), [h(k(i), y({
+				X.value && !E(t)(E(N), "empty") ? (x(), u("div", b(v({ key: 3 }, E(G))), T(R.value), 17)) : X.value && E(t)(E(N), "empty") ? w(e.$slots, "empty", {}, void 0, void 0, 4) : l("", !0),
+				E(t)(E(N), "afterOptions") ? w(e.$slots, "afterOptions", {}, void 0, void 0, 5) : l("", !0),
+				E(W) ? (x(), u("div", b(v({ key: 6 }, E(U))), [m(E(r), v({
 					variant: "flat",
 					color: "secondary"
-				}, k(ge), { onClick: r[0] ||= (e) => L("cancel") }), {
-					default: j(() => [m(O(k(fe)), 1)]),
+				}, E(he), { onClick: n[0] ||= (e) => P("cancel") }), {
+					default: O(() => [p(T(E(de)), 1)]),
 					_: 1
-				}, 16), h(k(i), y({ color: "primary" }, k(he), { onClick: r[1] ||= (e) => L("apply") }), {
-					default: j(() => [m(O(k(de)), 1)]),
+				}, 16), m(E(r), v({ color: "primary" }, E(me), { onClick: n[1] ||= (e) => P("apply") }), {
+					default: O(() => [p(T(E(ue)), 1)]),
 					_: 1
-				}, 16)], 16)) : u("", !0)
+				}, 16)], 16)) : l("", !0)
 			], 2)]),
 			_: 3
 		}, 8, [
@@ -198,4 +198,4 @@ var F = { key: 1 }, I = /*@__PURE__*/ g({
 	}
 });
 //#endregion
-export { I as default };
+export { N as default };

package/dist/Components/Menu/Menu.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,11 @@
-import { hasNamedSlot as e, resolveNamedSlot as t } from "../../Utils/slotOrProp.js";
-import { useMenu as n } from "./composables/useMenu.js";
-import { Fragment as r, Teleport as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, mergeModels as d, mergeProps as f, normalizeProps as p, openBlock as m, resolveDynamicComponent as h, unref as g, useModel as _, useSlots as v } from "vue";
+import { hasNamedSlot as e } from "../../Utils/slotOrProp.js";
+import { useMenu as t } from "./composables/useMenu.js";
+import { Fragment as n, Teleport as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, mergeModels as u, mergeProps as d, normalizeProps as f, openBlock as p, renderSlot as m, unref as h, useModel as g, useSlots as _ } from "vue";
 //#region src/Components/Menu/Menu.vue?vue&type=script&setup=true&lang.ts
-var y = /*@__PURE__*/ u({
+var v = /*@__PURE__*/ l({
 	inheritAttrs: !1,
 	__name: "Menu",
-	props: /*@__PURE__*/ d({
+	props: /*@__PURE__*/ u({
 		anchorEl: { default: null },
 		classes: {},
 		closeOnClickAway: {
@@ -50,9 +50,9 @@ var y = /*@__PURE__*/ u({
 		},
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ d(["close"], ["update:modelValue"]),
-	setup(u, { emit: d }) {
-		let y = v(), b = d, x = u, S = _(u, "modelValue"), { merged: C, mounted: w, rootBind: T, triggerBind: E, contentBind: D, setTriggerRef: O, setContentRef: k } = n(x, {
+	emits: /*@__PURE__*/ u(["close"], ["update:modelValue"]),
+	setup(l, { emit: u }) {
+		let v = _(), y = u, b = l, x = g(l, "modelValue"), { merged: S, mounted: C, rootBind: w, triggerBind: T, contentBind: E, setTriggerRef: D, setContentRef: O } = t(b, {
 			offset: 4,
 			shadow: "md",
 			rounded: "md",
@@ -63,18 +63,18 @@ var y = /*@__PURE__*/ u({
 			disableScrollLock: !0,
 			placement: "bottom-start"
 		}, {
-			show: S,
-			onClose: () => b("close"),
-			onShowChange: (e) => x.onShowChange?.(e)
-		}), A = a(() => e(y, "trigger")), j = a(() => C.value.teleportTo === !1), M = a(() => C.value.teleportTo === !1 ? "body" : C.value.teleportTo);
-		return (e, n) => (m(), c(r, null, [A.value ? (m(), c("div", p(f({ key: 0 }, g(T))), [l("div", f({ ref: g(O) }, g(E)), [(m(), o(h(g(t)(g(y), "trigger"))))], 16)], 16)) : s("", !0), (m(), o(i, {
-			to: M.value,
-			disabled: j.value
-		}, [g(w) ? (m(), c("div", f({
+			show: x,
+			onClose: () => y("close"),
+			onShowChange: (e) => b.onShowChange?.(e)
+		}), k = i(() => S.value.teleportTo === !1), A = i(() => S.value.teleportTo === !1 ? "body" : S.value.teleportTo);
+		return (t, i) => (p(), s(n, null, [h(e)(h(v), "trigger") ? (p(), s("div", f(d({ key: 0 }, h(w))), [c("div", d({ ref: h(D) }, h(T)), [m(t.$slots, "trigger")], 16)], 16)) : o("", !0), (p(), a(r, {
+			to: A.value,
+			disabled: k.value
+		}, [h(C) ? (p(), s("div", d({
 			key: 0,
-			ref: g(k)
-		}, g(D)), [(m(), o(h(g(t)(g(y), "default"))))], 16)) : s("", !0)], 8, ["to", "disabled"]))], 64));
+			ref: h(O)
+		}, h(E)), [m(t.$slots, "default")], 16)) : o("", !0)], 8, ["to", "disabled"]))], 64));
 	}
 });
 //#endregion
-export { y as default };
+export { v as default };

package/dist/Components/Modal/Modal.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,10 @@
-import { resolveNamedSlot as e } from "../../Utils/slotOrProp.js";
-import { useModal as t } from "./composables/useModal.js";
-import { Teleport as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, guardReactiveProps as l, mergeModels as u, mergeProps as d, normalizeProps as f, openBlock as p, resolveDynamicComponent as m, unref as h, useModel as g, useSlots as _ } from "vue";
+import { useModal as e } from "./composables/useModal.js";
+import { Teleport as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, guardReactiveProps as c, mergeModels as l, mergeProps as u, normalizeProps as d, openBlock as f, renderSlot as p, unref as m, useModel as h } from "vue";
 //#region src/Components/Modal/Modal.vue?vue&type=script&setup=true&lang.ts
-var v = /*@__PURE__*/ c({
+var g = /*@__PURE__*/ s({
 	inheritAttrs: !1,
 	__name: "Modal",
-	props: /*@__PURE__*/ u({
+	props: /*@__PURE__*/ l({
 		align: {},
 		autoFocus: {
 			type: Boolean,
@@ -61,9 +60,9 @@ var v = /*@__PURE__*/ c({
 		},
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ u(["close", "show-change"], ["update:modelValue"]),
-	setup(c, { expose: u, emit: v }) {
-		let y = _(), b = v, x = c, S = g(c, "modelValue"), { merged: C, mounted: w, rootBind: T, panelBind: E, overlayBind: D, wrapperBind: O, setPanelRef: k, layerStackId: A } = t(x, {
+	emits: /*@__PURE__*/ l(["close", "show-change"], ["update:modelValue"]),
+	setup(s, { expose: l, emit: g }) {
+		let _ = g, v = s, y = h(s, "modelValue"), { merged: b, mounted: x, rootBind: S, panelBind: C, overlayBind: w, wrapperBind: T, setPanelRef: E, layerStackId: D } = e(v, {
 			size: "md",
 			blur: "none",
 			scroll: "body",
@@ -74,21 +73,21 @@ var v = /*@__PURE__*/ c({
 			closeOnOverlay: !0,
 			align: "middle-center"
 		}, {
-			show: S,
-			stackId: x.stackId,
-			onClose: () => b("close"),
-			onShowChange: (e) => b("show-change", e)
+			show: y,
+			stackId: v.stackId,
+			onClose: () => _("close"),
+			onShowChange: (e) => _("show-change", e)
 		});
-		u({ stackId: r(() => x.stackId ?? A.value) });
-		let j = r(() => C.value.teleportTo === !1), M = r(() => C.value.teleportTo === !1 ? "body" : C.value.teleportTo), N = r(() => x.hideBackdrop !== !0 && C.value.hideBackdrop !== !0);
-		return (t, r) => (p(), i(n, {
-			to: M.value,
-			disabled: j.value
-		}, [h(w) ? (p(), o("div", f(d({ key: 0 }, h(T))), [N.value ? (p(), o("div", d({
+		l({ stackId: n(() => v.stackId ?? D.value) });
+		let O = n(() => b.value.teleportTo === !1), k = n(() => b.value.teleportTo === !1 ? "body" : b.value.teleportTo), A = n(() => v.hideBackdrop !== !0 && b.value.hideBackdrop !== !0);
+		return (e, n) => (f(), r(t, {
+			to: k.value,
+			disabled: O.value
+		}, [m(x) ? (f(), a("div", d(u({ key: 0 }, m(S))), [A.value ? (f(), a("div", u({
 			key: 0,
 			"aria-hidden": "true"
-		}, h(D)), null, 16)) : a("", !0), s("div", f(l(h(O))), [s("div", d({ ref: h(k) }, h(E)), [(p(), i(m(h(e)(h(y), "default"))))], 16)], 16)], 16)) : a("", !0)], 8, ["to", "disabled"]));
+		}, m(w)), null, 16)) : i("", !0), o("div", d(c(m(T))), [o("div", u({ ref: m(E) }, m(C)), [p(e.$slots, "default")], 16)], 16)], 16)) : i("", !0)], 8, ["to", "disabled"]));
 	}
 });
 //#endregion
-export { v as default };
+export { g as default };

package/dist/Components/NumberField/NumberField.vue_vue_type_script_setup_true_lang.js

@@ -1,17 +1,19 @@
 import { useResolveMessage as e } from "../../Adapters/I18n/useI18nAdapter.js";
-import { useHoldRepeat as t } from "../../Utils/useHoldRepeat.js";
-import { mergePartBind as n, resolveFieldAdornmentIconSize as r } from "../../Utils/index.js";
-import i from "../Icon/Icon.js";
-import a from "../FormField/FormField.js";
-import { useNumberField as o } from "./composables/useNumberField.js";
-import { computed as s, createBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, isRef as p, mergeModels as m, mergeProps as h, normalizeProps as g, openBlock as _, ref as v, unref as y, useModel as b, vModelDynamic as x, withCtx as S, withDirectives as C } from "vue";
-import { cn as w } from "@bridge-ui/core";
-import { isUndefined as T } from "es-toolkit/compat";
+import { presentSlotNames as t } from "../../Utils/slotOrProp.js";
+import { useHoldRepeat as n } from "../../Utils/useHoldRepeat.js";
+import { mergePartBind as r, resolveFieldAdornmentIconSize as i } from "../../Utils/index.js";
+import a from "../Icon/Icon.js";
+import { FORM_FIELD_CHROME_SLOT_NAMES as o } from "../FormField/formField.types.js";
+import s from "../FormField/FormField.js";
+import { useNumberField as c } from "./composables/useNumberField.js";
+import { computed as l, createBlock as u, createElementVNode as d, createSlots as f, createVNode as p, defineComponent as m, guardReactiveProps as h, isRef as g, mergeModels as _, mergeProps as v, normalizeProps as y, openBlock as b, ref as x, renderList as S, renderSlot as C, unref as w, useModel as T, vModelDynamic as E, withCtx as D, withDirectives as O } from "vue";
+import { cn as k } from "@bridge-ui/core";
+import { isUndefined as A } from "es-toolkit/compat";
 //#region src/Components/NumberField/NumberField.vue?vue&type=script&setup=true&lang.ts
-var E = { class: "bridge-end-adornment flex h-full min-w-9 flex-col gap-px overflow-hidden" }, D = /*@__PURE__*/ d({
+var j = { class: "bridge-end-adornment flex h-full min-w-9 flex-col gap-px overflow-hidden" }, M = /*@__PURE__*/ m({
 	inheritAttrs: !1,
 	__name: "NumberField",
-	props: /*@__PURE__*/ m({
+	props: /*@__PURE__*/ _({
 		classes: {},
 		customProps: {},
 		defaultValue: {},
@@ -41,48 +43,51 @@ var E = { class: "bridge-end-adornment flex h-full min-w-9 flex-col gap-px overf
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ m(["change", "update:modelValue"], ["update:modelValue"]),
-	setup(d, { emit: m }) {
-		let D = m, O = b(d, "modelValue"), k = d, A = v(k.defaultValue), j = s({
+	emits: /*@__PURE__*/ _(["change", "update:modelValue"], ["update:modelValue"]),
+	setup(m, { emit: _ }) {
+		let M = _, N = T(m, "modelValue"), P = m, F = x(P.defaultValue), I = l({
 			set: (e) => {
-				O.value = e, A.value = e;
+				N.value = e, F.value = e;
 			},
-			get: () => T(O.value) ? A.value : O.value
-		}), M = e(), { decrement: N, formField: P, increment: F, inputBind: I, stringModel: L, mergedClasses: R } = o(k, j, { onChange: (e) => D("change", e) }), z = t(() => F(), () => ({ disabled: k.disabled })), B = t(() => N(), () => ({ disabled: k.disabled })), V = s(() => r(k.size)), H = s(() => n(k.customProps?.increment, {
+			get: () => A(N.value) ? F.value : N.value
+		}), L = e(), { decrement: R, formField: z, increment: B, inputBind: V, stringModel: H, mergedClasses: U } = c(P, I, { onChange: (e) => M("change", e) }), W = n(() => B(), () => ({ disabled: P.disabled })), G = n(() => R(), () => ({ disabled: P.disabled })), K = l(() => i(P.size)), q = l(() => r(P.customProps?.increment, {
 			type: "button",
-			disabled: k.disabled,
-			onClick: z.onPressClick,
-			onPointerup: z.onPressPointerUp,
-			onPointerdown: z.onPressPointerDown,
-			"aria-label": M("Increment value"),
-			onLostpointercapture: z.onPressLostPointerCapture
-		}, w({
+			disabled: P.disabled,
+			onClick: W.onPressClick,
+			onPointerup: W.onPressPointerUp,
+			onPointerdown: W.onPressPointerDown,
+			"aria-label": L("Increment value"),
+			onLostpointercapture: W.onPressLostPointerCapture
+		}, k({
 			"bridge-field-adornment-button inline-flex min-h-0 min-w-8 flex-1 items-center justify-center": !0,
-			[R.value.increment ?? ""]: !0
-		}))), U = s(() => n(k.customProps?.decrement, {
+			[U.value.increment ?? ""]: !0
+		}))), J = l(() => r(P.customProps?.decrement, {
 			type: "button",
-			disabled: k.disabled,
-			onClick: B.onPressClick,
-			onPointerup: B.onPressPointerUp,
-			onPointerdown: B.onPressPointerDown,
-			"aria-label": M("Decrement value"),
-			onLostpointercapture: B.onPressLostPointerCapture
-		}, w({
+			disabled: P.disabled,
+			onClick: G.onPressClick,
+			onPointerup: G.onPressPointerUp,
+			onPointerdown: G.onPressPointerDown,
+			"aria-label": L("Decrement value"),
+			onLostpointercapture: G.onPressLostPointerCapture
+		}, k({
 			"bridge-field-adornment-button inline-flex min-h-0 min-w-8 flex-1 items-center justify-center": !0,
-			[R.value.decrement ?? ""]: !0
+			[U.value.decrement ?? ""]: !0
 		})));
-		return (e, t) => (_(), c(y(a), { field: y(P) }, {
-			end: S(() => [l("div", E, [l("button", g(f(H.value)), [u(y(i), h({
+		return (e, n) => (b(), u(w(s), { field: w(z) }, f({
+			end: D(() => [d("div", j, [d("button", y(h(q.value)), [p(w(a), v({
 				icon: "chevronUp",
-				size: V.value
-			}, k.customProps?.incrementIcon), null, 16, ["size"])], 16), l("button", g(f(U.value)), [u(y(i), h({
+				size: K.value
+			}, P.customProps?.incrementIcon), null, 16, ["size"])], 16), d("button", y(h(J.value)), [p(w(a), v({
 				icon: "chevronDown",
-				size: V.value
-			}, k.customProps?.decrementIcon), null, 16, ["size"])], 16)])]),
-			default: S(() => [C(l("input", h({ "onUpdate:modelValue": t[0] ||= (e) => p(L) ? L.value = e : null }, y(I)), null, 16), [[x, y(L)]])]),
-			_: 1
-		}, 8, ["field"]));
+				size: K.value
+			}, P.customProps?.decrementIcon), null, 16, ["size"])], 16)])]),
+			default: D(() => [O(d("input", v({ "onUpdate:modelValue": n[0] ||= (e) => g(H) ? H.value = e : null }, w(V)), null, 16), [[E, w(H)]])]),
+			_: 2
+		}, [S(w(t)(w(o).filter((e) => e !== "end"), e.$slots), (t) => ({
+			name: t,
+			fn: D((n) => [C(e.$slots, t, y(h(n || {})))])
+		}))]), 1032, ["field"]));
 	}
 });
 //#endregion
-export { D as default };
+export { M as default };

package/dist/Components/OtpField/OtpField.vue_vue_type_script_setup_true_lang.js

@@ -1,17 +1,19 @@
-import e from "../BaseField/BaseField.js";
-import { useOtpField as t } from "./composables/useOtpField.js";
-import { Fragment as n, createBlock as r, createElementBlock as i, createElementVNode as a, defineComponent as o, guardReactiveProps as s, mergeModels as c, mergeProps as l, normalizeProps as u, openBlock as d, renderList as f, unref as p, useModel as m, withCtx as h } from "vue";
+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 { useOtpField as r } from "./composables/useOtpField.js";
+import { Fragment as i, createBlock as a, createElementBlock as o, createElementVNode as s, createSlots as c, defineComponent as l, guardReactiveProps as u, mergeModels as d, mergeProps as f, normalizeProps as p, openBlock as m, renderList as h, renderSlot as g, unref as _, useModel as v, withCtx as y } from "vue";
 //#region src/Components/OtpField/OtpField.vue?vue&type=script&setup=true&lang.ts
-var g = [
+var b = [
 	"value",
 	"onFocus",
 	"onPaste",
 	"onInput",
 	"onKeydown"
-], _ = /*@__PURE__*/ o({
+], x = /*@__PURE__*/ l({
 	inheritAttrs: !1,
 	__name: "OtpField",
-	props: /*@__PURE__*/ c({
+	props: /*@__PURE__*/ d({
 		autoFocus: { type: Boolean },
 		classes: {},
 		color: { default: "primary" },
@@ -38,25 +40,28 @@ var g = [
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ c(["change", "complete"], ["update:modelValue"]),
-	setup(o, { emit: c }) {
-		let _ = c, v = m(o, "modelValue"), { digits: y, pinBind: b, pinsBind: x, baseField: S, inputBind: C, setPinRef: w, handlePinInput: T, handlePinFocus: E, handlePinPaste: D, handlePinKeyDown: O } = t(o, v, {
-			onChange: (e) => _("change", e),
-			onComplete: (e) => _("complete", e)
+	emits: /*@__PURE__*/ d(["change", "complete"], ["update:modelValue"]),
+	setup(l, { emit: d }) {
+		let x = d, S = v(l, "modelValue"), { digits: C, pinBind: w, pinsBind: T, baseField: E, inputBind: D, setPinRef: O, handlePinInput: k, handlePinFocus: A, handlePinPaste: j, handlePinKeyDown: M } = r(l, S, {
+			onChange: (e) => x("change", e),
+			onComplete: (e) => x("complete", e)
 		});
-		return (t, o) => (d(), r(e, { field: p(S) }, {
-			default: h(() => [a("div", u(s(p(x))), [(d(!0), i(n, null, f(p(y), (e, t) => (d(), i("div", l({ key: t }, { ref_for: !0 }, p(b)(t)), [a("input", l({ ref_for: !0 }, p(C)(t), {
+		return (r, l) => (m(), a(n, { field: _(E) }, c({
+			default: y(() => [s("div", p(u(_(T))), [(m(!0), o(i, null, h(_(C), (e, t) => (m(), o("div", f({ key: t }, { ref_for: !0 }, _(w)(t)), [s("input", f({ ref_for: !0 }, _(D)(t), {
 				value: e,
-				onFocus: (e) => p(E)(t),
-				onPaste: (e) => p(D)(t, e),
-				onInput: (e) => p(T)(t, e),
-				onKeydown: (e) => p(O)(t, e),
+				onFocus: (e) => _(A)(t),
+				onPaste: (e) => _(j)(t, e),
+				onInput: (e) => _(k)(t, e),
+				onKeydown: (e) => _(M)(t, e),
 				ref_for: !0,
-				ref: (e) => p(w)(t, e)
-			}), null, 16, g)], 16))), 128))], 16)]),
-			_: 1
-		}, 8, ["field"]));
+				ref: (e) => _(O)(t, e)
+			}), null, 16, b)], 16))), 128))], 16)]),
+			_: 2
+		}, [h(_(e)(_(t), r.$slots), (e) => ({
+			name: e,
+			fn: y((t) => [g(r.$slots, e, p(u(t || {})))])
+		}))]), 1032, ["field"]));
 	}
 });
 //#endregion
-export { _ as default };
+export { x as default };