@bridge-ui/vue 0.0.8 → 0.0.9

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

@@ -2,10 +2,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";
 //#region src/Components/Modal/Modal.vue?vue&type=script&setup=true&lang.ts
-var v = /* @__PURE__ */ c({
+var v = /*@__PURE__*/ c({
 	inheritAttrs: !1,
 	__name: "Modal",
-	props: /* @__PURE__ */ u({
+	props: /*@__PURE__*/ u({
 		align: {},
 		autoFocus: {
 			type: Boolean,
@@ -61,9 +61,9 @@ var v = /* @__PURE__ */ c({
 		},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ u(["close", "show-change"], ["update:modelValue"]),
+	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, {
+		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, {
 			size: "md",
 			blur: "none",
 			scroll: "body",
@@ -74,20 +74,20 @@ var v = /* @__PURE__ */ c({
 			closeOnOverlay: !0,
 			align: "middle-center"
 		}, {
-			show: g(c, "modelValue"),
+			show: S,
 			stackId: x.stackId,
 			onClose: () => b("close"),
 			onShowChange: (e) => b("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);
+		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: j.value,
-			disabled: A.value
-		}, [h(C) ? (p(), o("div", f(d({ key: 0 }, h(w))), [M.value ? (p(), o("div", d({
+			to: M.value,
+			disabled: j.value
+		}, [h(w) ? (p(), o("div", f(d({ key: 0 }, h(T))), [N.value ? (p(), o("div", d({
 			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"]));
+		}, 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"]));
 	}
 });
 //#endregion

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

@@ -8,10 +8,10 @@ import { computed as s, createBlock as c, createElementVNode as l, createVNode a
 import { cn as w } from "@bridge-ui/core";
 import { isUndefined as T } 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 E = { class: "bridge-end-adornment flex h-full min-w-9 flex-col gap-px overflow-hidden" }, D = /*@__PURE__*/ d({
 	inheritAttrs: !1,
 	__name: "NumberField",
-	props: /* @__PURE__ */ m({
+	props: /*@__PURE__*/ m({
 		classes: {},
 		customProps: {},
 		defaultValue: {},
@@ -41,7 +41,7 @@ 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"]),
+	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({
 			set: (e) => {

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

@@ -8,10 +8,10 @@ var g = [
 	"onPaste",
 	"onInput",
 	"onKeydown"
-], _ = /* @__PURE__ */ o({
+], _ = /*@__PURE__*/ o({
 	inheritAttrs: !1,
 	__name: "OtpField",
-	props: /* @__PURE__ */ c({
+	props: /*@__PURE__*/ c({
 		autoFocus: { type: Boolean },
 		classes: {},
 		color: { default: "primary" },
@@ -38,21 +38,21 @@ var g = [
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ c(["change", "complete"], ["update:modelValue"]),
+	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"), {
+		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)
 		});
-		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 (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), {
 				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) => p(E)(t),
+				onPaste: (e) => p(D)(t, e),
+				onInput: (e) => p(T)(t, e),
+				onKeydown: (e) => p(O)(t, e),
 				ref_for: !0,
-				ref: (e) => p(C)(t, e)
+				ref: (e) => p(w)(t, e)
 			}), null, 16, g)], 16))), 128))], 16)]),
 			_: 1
 		}, 8, ["field"]));

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

@@ -7,10 +7,10 @@ import { computed as o, createBlock as s, createElementVNode as c, createVNode a
 import { cn as S } from "@bridge-ui/core";
 import { isUndefined as C } from "es-toolkit/compat";
 //#region src/Components/PasswordField/PasswordField.vue?vue&type=script&setup=true&lang.ts
-var w = /* @__PURE__ */ u({
+var w = /*@__PURE__*/ u({
 	inheritAttrs: !1,
 	__name: "PasswordField",
-	props: /* @__PURE__ */ f({
+	props: /*@__PURE__*/ f({
 		classes: {},
 		customProps: {},
 		defaultValue: {},
@@ -43,7 +43,7 @@ var w = /* @__PURE__ */ u({
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ f(["visibility-change"], ["update:modelValue"]),
+	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({
 			set: (e) => {

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,

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

@@ -3,10 +3,10 @@ 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";
 //#region src/Components/Radio/Radio.vue?vue&type=script&setup=true&lang.ts
-var _ = ["for"], v = ["checked"], y = /* @__PURE__ */ a({
+var _ = ["for"], v = ["checked"], y = /*@__PURE__*/ a({
 	inheritAttrs: !1,
 	__name: "Radio",
-	props: /* @__PURE__ */ s({
+	props: /*@__PURE__*/ s({
 		classes: {},
 		color: {},
 		customProps: {},
@@ -32,22 +32,22 @@ var _ = ["for"], v = ["checked"], y = /* @__PURE__ */ a({
 	}),
 	emits: ["update:modelValue"],
 	setup(a) {
-		let s = p(), y = a, b = m(a, "modelValue"), x = d(!!y.defaultChecked), { merged: S, dotBind: C, fieldBind: w, inputBind: T, isChecked: E, formControl: D, controlBind: O } = t(() => ({
+		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
 		}), {
 			size: "md",
 			rounded: "full",
 			color: "primary"
-		}, n(() => g(b.value) && x.value ? y.value : b.value));
-		function k() {
-			x.value = !0, g(S.value.value) || (b.value = S.value.value);
+		}, S);
+		function A() {
+			x.value = !0, g(C.value.value) || (b.value = C.value.value);
 		}
-		return (t, n) => (u(), r(f(e), { field: f(D) }, {
-			default: h(() => [i("label", c(f(w), { for: f(D).controlId.value }), [i("input", c(f(T), {
-				checked: f(E),
-				onChange: k
-			}), null, 16, v), i("span", l(o(f(O))), [i("span", l(o(f(C))), null, 16)], 16)], 16, _)]),
+		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"]));
 	}

package/dist/Components/Radio/composables/useRadio.js

@@ -36,7 +36,16 @@ function _(_, v, y) {
 	}), T = i(() => C.value.customProps), E = n({
 		entry: w,
 		props: () => S.value.componentProps
-	}), D = i(() => a(y) === C.value.value), O = i(() => u(c(f, w.value?.tokens?.color), C.value.color ?? "primary")), k = i(() => c(p, w.value?.tokens?.invalidated)), A = i(() => x.invalidated.value ? k.value : O.value), j = i(() => u(c(h, w.value?.tokens?.size), C.value.size ?? "sm")), M = i(() => u(c(m, w.value?.tokens?.rounded), C.value.rounded ?? "full")), N = i(() => e({
+	}), D = i(() => a(y) === C.value.value), O = i(() => {
+		let e = c(f, w.value?.tokens?.color);
+		return u(e, C.value.color ?? "primary");
+	}), k = i(() => c(p, w.value?.tokens?.invalidated)), A = i(() => x.invalidated.value ? k.value : O.value), j = i(() => {
+		let e = c(h, w.value?.tokens?.size);
+		return u(e, C.value.size ?? "sm");
+	}), M = i(() => {
+		let e = c(m, w.value?.tokens?.rounded);
+		return u(e, C.value.rounded ?? "full");
+	}), N = i(() => e({
 		...T.value?.input,
 		...x.controlBind.value,
 		type: "radio",

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

@@ -9,6 +9,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     clear: () => any;
     search: (query: string) => any;
     select: (option: import('@bridge-ui/core').ListboxOption) => any;
+    cancel: () => any;
     change: (value: import('@bridge-ui/core').SelectModel) => any;
     close: () => any;
     deselect: (option: import('@bridge-ui/core').ListboxOption) => any;
@@ -18,6 +19,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     onClear?: (() => any) | undefined;
     onSearch?: ((query: string) => any) | undefined;
     onSelect?: ((option: import('@bridge-ui/core').ListboxOption) => any) | undefined;
+    onCancel?: (() => any) | undefined;
     onChange?: ((value: import('@bridge-ui/core').SelectModel) => any) | undefined;
     onClose?: (() => any) | undefined;
     onDeselect?: ((option: import('@bridge-ui/core').ListboxOption) => any) | undefined;

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

@@ -21,10 +21,10 @@ var P = {
 	key: 0,
 	hidden: "",
 	"aria-hidden": "true"
-}, R = /* @__PURE__ */ h({
+}, R = /*@__PURE__*/ h({
 	inheritAttrs: !1,
 	__name: "Select",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		asyncData: {},
 		clearable: {
 			type: Boolean,
@@ -45,11 +45,13 @@ var P = {
 		optionLabel: {},
 		options: {},
 		optionValue: {},
+		overlay: {},
 		placeholder: {},
 		searchable: {
 			type: Boolean,
 			default: !1
 		},
+		showFooter: { type: Boolean },
 		classes: {},
 		color: {},
 		controlId: {},
@@ -79,7 +81,8 @@ var P = {
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v([
+	emits: /*@__PURE__*/ v([
+		"cancel",
 		"change",
 		"clear",
 		"close",
@@ -104,20 +107,20 @@ var P = {
 				W.value.some((t) => String(t.value) === String(e.value)) || (W.value = [...W.value, e]);
 			}
 		});
-		let { open: G, slots: K, hasValue: q, multiple: se, formField: J, clearable: ce, clearBind: Y, clearValue: X, removeChip: le, triggerBind: Z, selectOption: ue, containerRef: Q, listboxProps: de, clearIconSize: fe, mergedClasses: pe, selectedOptions: me, hasComposedList: $, handleRegisteredOptionsChange: he } = o(z, oe, U, B, W);
+		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(se) ? (x(), f("div", P, [(x(!0), f(c, null, ie(E(me), (t) => (x(), u(E(i), y({
+				default: k(() => [E(q) ? (x(), f("div", P, [(x(!0), f(c, null, ie(E(he), (t) => (x(), u(E(i), y({
 					dismissible: "",
 					key: String(t.value),
 					size: E(J).merged.value.size,
 					disabled: E(J).isDisabled.value,
 					"clear-label": `Remove ${t.label}`,
-					onDismiss: (e) => E(le)(t, e)
+					onDismiss: (e) => E(se)(t, e)
 				}, { ref_for: !0 }, E(ee)(z.customProps?.chip, {
 					customProps: { clear: E(Y) },
 					classes: { root: E(M)({
-						"bg-white ring-1 ring-inset ring-gray-200 dark:bg-gray-700 dark:ring-gray-600": !0,
+						"bg-white ring-1 ring-inset ring-dark-200 dark:bg-dark-700 dark:ring-dark-600": !0,
 						[E(pe).chip ?? ""]: !0
 					}) }
 				})), {
@@ -131,7 +134,7 @@ var P = {
 				]))), 128)), p("textarea", y({ ref: "trigger" }, E(Z)), null, 16)])) : (x(), f("div", F, [p("input", y({
 					ref: "trigger",
 					class: "min-w-0 flex-1"
-				}, E(Z)), null, 16), E(ce) && E(q) && !E(J).isDisabled.value ? (x(), f("span", y({ key: 0 }, E(Y), {
+				}, 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")
@@ -145,9 +148,11 @@ var P = {
 				modelValue: E(G),
 				"onUpdate:modelValue": o[3] ||= (e) => _(G) ? G.value = e : null
 			}, E(de), {
+				onApply: E(ce),
 				"anchor-el": E(Q),
-				onSelect: E(ue),
-				onRegisteredOptionsChange: E(he)
+				onCancel: E(ue),
+				onSelect: E(le),
+				onRegisteredOptionsChange: E(ge)
 			}), ne({ _: 2 }, [
 				E($) ? {
 					name: "default",
@@ -181,7 +186,9 @@ var P = {
 				} : void 0
 			]), 1040, [
 				"modelValue",
+				"onApply",
 				"anchor-el",
+				"onCancel",
 				"onSelect",
 				"onRegisteredOptionsChange"
 			]),

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

@@ -4,7 +4,7 @@ import { createElementBlock as t, defineComponent as n, inject as r, onBeforeUnm
 var s = {
 	hidden: "",
 	"aria-hidden": "true"
-}, c = /* @__PURE__ */ n({
+}, c = /*@__PURE__*/ n({
 	inheritAttrs: !1,
 	name: "SelectOption",
 	__name: "SelectOption",

package/dist/Components/Select/composables/useSelect.d.ts

@@ -721,7 +721,9 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
     }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>>>;
+    handleApply: () => void;
     selectOption: (option: SelectOption) => void;
+    handleCancel: () => void;
     containerRef: Ref<HTMLElement | null, HTMLElement | null>;
     listboxProps: import('vue').ComputedRef<{
         anchorEl?: null | HTMLElement;
@@ -744,13 +746,16 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         maxHeight: string;
         multiple: boolean;
         options: import('@bridge-ui/core').ListboxOption[];
+        overlay: import('@bridge-ui/core').FieldOverlayMode;
         placement?: import('@floating-ui/utils').Placement;
         rounded: "2xl" | "lg" | "md" | "sm" | "xl" | "xs" | "none" | "3xl" | "4xl" | "full";
         showCheckmark?: boolean;
+        showFooter: boolean;
         size: "2xl" | "2xs" | "lg" | "md" | "sm" | "xl" | "xs";
     }>;
     clearIconSize: import('vue').ComputedRef<keyof import('@bridge-ui/core').IconSize>;
     mergedClasses: import('vue').ComputedRef<Partial<SelectClasses>>;
+    showClearIcon: import('vue').ComputedRef<boolean>;
     visibleOptions: import('vue').ComputedRef<import('@bridge-ui/core').ListboxOption[]>;
     isSearchActive: import('vue').ComputedRef<boolean>;
     selectedOptions: import('vue').ComputedRef<import('@bridge-ui/core').ListboxOption[]>;