@bridge-ui/vue 0.0.8 → 0.0.10

package/dist/Components/Menu/composables/useMenu.js

@@ -38,7 +38,13 @@ function y(y, le, b = {}) {
 	}), z = r(() => L.value.customProps), B = ee({
 		entry: R,
 		props: () => I.value.componentProps
-	}), V = r(() => L.value.keepMounted && !P.value), H = r(() => L.value.teleportTo !== !1), de = r(() => g(h(v, R.value?.tokens?.rounded), L.value.rounded)), fe = r(() => g(h(se, R.value?.tokens?.shadow), L.value.shadow)), U = r(() => !L.value.persistent), W = r(() => _(I.value.inheritedAttrs, ["anchorEl", "onShowChange"]));
+	}), V = r(() => L.value.keepMounted && !P.value), H = r(() => L.value.teleportTo !== !1), de = r(() => {
+		let e = h(v, R.value?.tokens?.rounded);
+		return g(e, L.value.rounded);
+	}), fe = r(() => {
+		let e = h(se, R.value?.tokens?.shadow);
+		return g(e, L.value.shadow);
+	}), U = r(() => !L.value.persistent), W = r(() => _(I.value.inheritedAttrs, ["anchorEl", "onShowChange"]));
 	function G() {
 		return y.anchorEl ?? w.value;
 	}
@@ -58,7 +64,7 @@ function y(y, le, b = {}) {
 		L.value.persistent && P.value || F(!P.value);
 	}
 	function he(e) {
-		e.key !== "ArrowDown" && e.key !== "Enter" && e.key !== " " || (e.preventDefault(), P.value || F(!0));
+		(e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") && (e.preventDefault(), P.value || F(!0));
 	}
 	function ge(e) {
 		let t = T.value;
@@ -77,9 +83,7 @@ function y(y, le, b = {}) {
 			case "Home":
 				e.preventDefault(), n.focusFirst();
 				break;
-			case "End":
-				e.preventDefault(), n.focusLast();
-				break;
+			case "End": e.preventDefault(), n.focusLast();
 		}
 	}
 	function Y() {

package/dist/Components/Modal/Modal.vue.d.ts

@@ -16,17 +16,17 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onShow-change"?: ((show: boolean) => any) | undefined;
 }>, {
-    closeOnEscape: boolean;
-    disableScrollLock: boolean;
-    keepMounted: boolean;
-    persistent: boolean;
-    teleportTo: false | string;
-    scroll: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').ModalScroll, import('./modal.types').ModalScrollOverrides>;
     autoFocus: boolean;
+    closeOnEscape: boolean;
     closeOnOverlay: boolean;
     disableEnforceFocus: boolean;
     disableRestoreFocus: boolean;
+    disableScrollLock: boolean;
     hideBackdrop: boolean;
+    keepMounted: boolean;
+    persistent: boolean;
+    scroll: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').ModalScroll, import('./modal.types').ModalScrollOverrides>;
+    teleportTo: false | string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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, { merged: S, mounted: C, rootBind: w, panelBind: T, overlayBind: E, wrapperBind: D, setPanelRef: O, layerStackId: k } = 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: g(c, "modelValue"),
-			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 ?? k.value) });
-		let A = r(() => S.value.teleportTo === !1), j = r(() => S.value.teleportTo === !1 ? "body" : S.value.teleportTo), M = r(() => x.hideBackdrop !== !0 && S.value.hideBackdrop !== !0);
-		return (t, r) => (p(), i(n, {
-			to: j.value,
-			disabled: A.value
-		}, [h(C) ? (p(), o("div", f(d({ key: 0 }, h(w))), [M.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(E)), null, 16)) : a("", !0), s("div", f(l(h(D))), [s("div", d({ ref: h(O) }, h(T)), [(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/Modal/composables/useModal.d.ts

@@ -34,7 +34,7 @@ export declare function useModal(props: ModalOwnProps, libDefaults: ModalLibDefa
         };
         "aria-hidden": boolean | undefined;
         class: string;
-    }, "class", import('vue').HTMLAttributes | undefined, Omit<ModalProps, "size" | "classes" | "customProps" | "closeOnEscape" | "disableScrollLock" | "keepMounted" | "persistent" | "teleportTo" | "scroll" | "blur" | "align" | "autoFocus" | "closeOnOverlay" | "disableEnforceFocus" | "disableRestoreFocus" | "hideBackdrop" | "stackId" | "transition">>>;
+    }, "class", import('vue').HTMLAttributes | undefined, Omit<ModalProps, "size" | "classes" | "customProps" | "autoFocus" | "blur" | "closeOnEscape" | "closeOnOverlay" | "disableEnforceFocus" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "persistent" | "scroll" | "stackId" | "teleportTo" | "transition" | "align">>>;
     panelBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
         "data-modal-part": string;
         "data-state": "open" | "closed";

package/dist/Components/Modal/composables/useModal.js

@@ -43,7 +43,16 @@ function x(x, ue, S = {}) {
 	}), z = n(() => L.value.customProps), B = te({
 		entry: R,
 		props: () => I.value.componentProps
-	}), V = n(() => oe(L.value.transition ?? "none")), H = n(() => p(V.value)), U = n(() => L.value.scroll ?? "body"), W = n(() => L.value.keepMounted && !w.value), fe = n(() => _(m(v, R.value?.tokens?.align), L.value.align)), pe = n(() => _(m(y, R.value?.tokens?.blur), L.value.blur)), me = n(() => _(m(b, R.value?.tokens?.size), L.value.size)), he = n(() => d(V.value)), ge = n(() => f(V.value)), G = n(() => !L.value.persistent), _e = n(() => I.value.inheritedAttrs), ve = n(() => e(z.value?.root, _e.value, {
+	}), V = n(() => oe(L.value.transition ?? "none")), H = n(() => p(V.value)), U = n(() => L.value.scroll ?? "body"), W = n(() => L.value.keepMounted && !w.value), fe = n(() => {
+		let e = m(v, R.value?.tokens?.align);
+		return _(e, L.value.align);
+	}), pe = n(() => {
+		let e = m(y, R.value?.tokens?.blur);
+		return _(e, L.value.blur);
+	}), me = n(() => {
+		let e = m(b, R.value?.tokens?.size);
+		return _(e, L.value.size);
+	}), he = n(() => d(V.value)), ge = n(() => f(V.value)), G = n(() => !L.value.persistent), _e = n(() => I.value.inheritedAttrs), ve = n(() => e(z.value?.root, _e.value, {
 		onTransitionend: we,
 		style: { zIndex: M.value },
 		"aria-hidden": W.value ? !0 : void 0,
@@ -123,7 +132,7 @@ function x(x, ue, S = {}) {
 	function we(e) {
 		if (!C.value || N.value !== "closed") return;
 		let t = e.target;
-		t?.dataset.modalPart !== "overlay" && t?.dataset.modalPart !== "panel" || e.propertyName === "none" || e.elapsedTime === 0 || (--D, D <= 0 && J());
+		(t?.dataset.modalPart === "overlay" || t?.dataset.modalPart === "panel") && e.propertyName !== "none" && e.elapsedTime !== 0 && (--D, D <= 0 && J());
 	}
 	function X() {
 		if (G.value) {

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, { digits: v, pinBind: y, pinsBind: b, baseField: x, inputBind: S, setPinRef: C, handlePinInput: w, handlePinFocus: T, handlePinPaste: E, handlePinKeyDown: D } = t(o, m(o, "modelValue"), {
-			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(x) }, {
-			default: h(() => [a("div", u(s(p(b))), [(d(!0), i(n, null, f(p(v), (e, t) => (d(), i("div", l({ key: t }, { ref_for: !0 }, p(y)(t)), [a("input", l({ ref_for: !0 }, p(S)(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(T)(t),
-				onPaste: (e) => p(E)(t, e),
-				onInput: (e) => p(w)(t, e),
-				onKeydown: (e) => p(D)(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(C)(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 };

package/dist/Components/OtpField/composables/useOtpField.js

@@ -2,10 +2,10 @@ import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistr
 import { baseFieldBridgeKeys as r, useBaseField as i } from "../../BaseField/composables/useBaseField.js";
 import { computed as a, nextTick as o, onMounted as s, ref as c, toValue as l, useAttrs as ee } from "vue";
 import { applyOtpInput as u, applyOtpKeyNavigation as d, applyOtpPaste as f, cn as p, isOtpComplete as m, joinOtpDigits as h, mergeBridgeUILayeredClasses as g, normalizeOtpValue as _, resolveOtpLength as te, splitComponentProps as ne, splitOtpValue as re } from "@bridge-ui/core";
-import { get as v, isUndefined as y, omit as ie, pick as ae } from "es-toolkit/compat";
-import { colorProps as b, invalidatedProps as x, roundedProps as S, sizeProps as C, variantProps as w } from "@bridge-ui/core/Tokens/OtpField";
+import { get as v, isUndefined as y, omit as b, pick as ie } from "es-toolkit/compat";
+import { colorProps as ae, invalidatedProps as x, roundedProps as S, sizeProps as C, variantProps as w } from "@bridge-ui/core/Tokens/OtpField";
 //#region src/Components/OtpField/composables/useOtpField.ts
-var oe = [
+var T = [
 	"mask",
 	"type",
 	"color",
@@ -17,7 +17,7 @@ var oe = [
 	"defaultValue",
 	...r
 ];
-function se(e) {
+function oe(e) {
 	if (!e) return;
 	let { pin: t, invalidated: n, input: r, ...i } = e;
 	return {
@@ -25,7 +25,7 @@ function se(e) {
 		...n?.errorMessage ? { invalidated: { errorMessage: n.errorMessage } } : {}
 	};
 }
-function T(T, E, D = {}, ce = {
+function E(E, D, O = {}, se = {
 	length: 6,
 	size: "md",
 	rounded: "md",
@@ -33,32 +33,32 @@ function T(T, E, D = {}, ce = {
 	color: "primary",
 	variant: "outline"
 }) {
-	let O = ee(), k = c([]), A = a(() => ne({
-		bridgeKeys: oe,
+	let ce = ee(), k = c([]), A = a(() => ne({
+		bridgeKeys: T,
 		props: {
-			...O,
-			...l(T)
+			...ce,
+			...l(E)
 		}
 	})), { merged: j, entry: M } = t({
-		libDefaults: ce,
+		libDefaults: se,
 		componentName: "OtpField",
 		props: () => A.value.componentProps
 	}), N = n({
 		entry: M,
 		props: () => A.value.componentProps
-	}), P = a(() => j.value.customProps), F = a(() => se(j.value.customProps)), I = a(() => ({
-		...ae(A.value.componentProps, r),
+	}), P = a(() => j.value.customProps), F = a(() => oe(j.value.customProps)), I = a(() => ({
+		...ie(A.value.componentProps, r),
 		customProps: F.value,
 		id: A.value.inheritedAttrs.id,
 		class: A.value.inheritedAttrs.class,
-		...ie(A.value.inheritedAttrs, ["class", "id"])
+		...b(A.value.inheritedAttrs, ["class", "id"])
 	})), L = i(() => I.value, {
 		size: "md",
 		hideErrorMessage: !1
 	}, {
 		componentName: "OtpField",
 		labelHtmlFor: (e) => `${e}-0`
-	}), { controlId: R, isDisabled: z, isReadonly: B, invalidated: V, ariaDescribedBy: H } = L, U = a(() => te(j.value.length)), W = a(() => j.value.type ?? "numeric"), G = a(() => j.value.variant ?? "outline"), K = a(() => G.value === "underlined"), q = a(() => !y(E.value)), J = c(_(l(T).defaultValue, U.value, W.value)), le = a(() => q.value ? _(E.value, U.value, W.value) : J.value), Y = a(() => re(le.value, U.value));
+	}), { controlId: R, isDisabled: z, isReadonly: B, invalidated: V, ariaDescribedBy: H } = L, U = a(() => te(j.value.length)), W = a(() => j.value.type ?? "numeric"), G = a(() => j.value.variant ?? "outline"), K = a(() => G.value === "underlined"), q = a(() => !y(D.value)), J = c(_(l(E).defaultValue, U.value, W.value)), le = a(() => q.value ? _(D.value, U.value, W.value) : J.value), Y = a(() => re(le.value, U.value));
 	s(() => {
 		if (!j.value.autoFocus || z.value || B.value) return;
 		let e = Y.value.findIndex((e) => e === ""), t = e === -1 ? 0 : e;
@@ -66,10 +66,22 @@ function T(T, E, D = {}, ce = {
 	});
 	let X = (e, t) => {
 		let n = h(e);
-		q.value || (J.value = n), E.value = n, D.onChange?.(n), m(n, U.value) && D.onComplete?.(n), t != null && o(() => {
+		q.value || (J.value = n), D.value = n, O.onChange?.(n), m(n, U.value) && O.onComplete?.(n), t != null && o(() => {
 			k.value[t]?.focus(), k.value[t]?.select();
 		});
-	}, Z = a(() => v(g(C, M.value?.tokens?.size), j.value.size ?? "md")), Q = a(() => v(g(b, M.value?.tokens?.color), j.value.color ?? "primary")), ue = a(() => g(x, M.value?.tokens?.invalidated, j.value.customProps?.invalidated)), $ = a(() => V.value ? ue.value : void 0), de = a(() => v(g(S, M.value?.tokens?.rounded), j.value.rounded ?? "md")), fe = a(() => v(g(w, M.value?.tokens?.variant), G.value));
+	}, Z = a(() => {
+		let e = g(C, M.value?.tokens?.size);
+		return v(e, j.value.size ?? "md");
+	}), Q = a(() => {
+		let e = g(ae, M.value?.tokens?.color);
+		return v(e, j.value.color ?? "primary");
+	}), ue = a(() => g(x, M.value?.tokens?.invalidated, j.value.customProps?.invalidated)), $ = a(() => V.value ? ue.value : void 0), de = a(() => {
+		let e = g(S, M.value?.tokens?.rounded);
+		return v(e, j.value.rounded ?? "md");
+	}), fe = a(() => {
+		let e = g(w, M.value?.tokens?.variant);
+		return v(e, G.value);
+	});
 	return {
 		merged: j,
 		digits: Y,
@@ -108,7 +120,7 @@ function T(T, E, D = {}, ce = {
 				"aria-label": `Digit ${t + 1} of ${U.value}`
 			}, {}, p({
 				"h-full w-full min-w-0 bg-transparent border-0 shadow-none text-center": !0,
-				"text-gray-900 dark:text-gray-100 placeholder:text-gray-400": !0,
+				"text-dark-900 dark:text-dark-100 placeholder:text-dark-400": !0,
 				"outline-none ring-0 focus:outline-none focus:ring-0": !0,
 				"disabled:cursor-not-allowed": !0,
 				[Z.value?.input ?? ""]: !0,
@@ -132,13 +144,13 @@ function T(T, E, D = {}, ce = {
 			k.value[e]?.select();
 		},
 		handlePinPaste: (e, t) => {
-			let n = f({
+			let n = t.clipboardData?.getData("text") ?? "", r = f({
 				index: e,
-				pasted: t.clipboardData?.getData("text") ?? "",
+				pasted: n,
 				digits: Y.value,
 				type: W.value
 			});
-			n.focusIndex == null && n.digits.every((e, t) => e === Y.value[t]) || (t.preventDefault(), X(n.digits, n.focusIndex));
+			r.focusIndex == null && r.digits.every((e, t) => e === Y.value[t]) || (t.preventDefault(), X(r.digits, r.focusIndex));
 		},
 		handlePinKeyDown: (e, t) => {
 			let n = d({
@@ -151,4 +163,4 @@ function T(T, E, D = {}, ce = {
 	};
 }
 //#endregion
-export { T as useOtpField };
+export { T as otpFieldBridgeKeys, E as useOtpField };

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/Progress/Progress.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { useProgress as e } from "./composables/useProgress.js";
 import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, guardReactiveProps as a, mergeProps as o, normalizeProps as s, openBlock as c, unref as l } from "vue";
 //#region src/Components/Progress/Progress.vue?vue&type=script&setup=true&lang.ts
-var u = /* @__PURE__ */ i({
+var u = /*@__PURE__*/ i({
 	inheritAttrs: !1,
 	__name: "Progress",
 	props: {

package/dist/Components/Progress/composables/useProgress.js

@@ -31,7 +31,19 @@ function g(l, g) {
 	}), x = n({
 		entry: b,
 		props: () => v.value.componentProps
-	}), S = r(() => y.value.customProps), C = r(() => c(o(u, b.value?.tokens?.color), y.value.color)), w = r(() => c(o(f, b.value?.tokens?.size), y.value.size)), T = r(() => c(o(d, b.value?.tokens?.rounded), y.value.rounded)), E = r(() => c(o(p, b.value?.tokens?.variant), y.value.variant)), D = r(() => y.value.variant === "buffer"), O = r(() => y.value.variant === "determinate" || y.value.variant === "buffer"), k = r(() => y.value.variant === "indeterminate" || y.value.variant === "query"), A = r(() => h(y.value.value)), j = r(() => h(y.value.valueBuffer)), M = r(() => e(S.value?.root, v.value.inheritedAttrs, {
+	}), S = r(() => y.value.customProps), C = r(() => {
+		let e = o(u, b.value?.tokens?.color);
+		return c(e, y.value.color);
+	}), w = r(() => {
+		let e = o(f, b.value?.tokens?.size);
+		return c(e, y.value.size);
+	}), T = r(() => {
+		let e = o(d, b.value?.tokens?.rounded);
+		return c(e, y.value.rounded);
+	}), E = r(() => {
+		let e = o(p, b.value?.tokens?.variant);
+		return c(e, y.value.variant);
+	}), D = r(() => y.value.variant === "buffer"), O = r(() => y.value.variant === "determinate" || y.value.variant === "buffer"), k = r(() => y.value.variant === "indeterminate" || y.value.variant === "query"), A = r(() => h(y.value.value)), j = r(() => h(y.value.valueBuffer)), M = r(() => e(S.value?.root, v.value.inheritedAttrs, {
 		role: "progressbar",
 		...O.value ? {
 			"aria-valuemin": 0,