@bridge-ui/vue 0.8.0 → 0.9.0

package/dist/Components/DateTimeRangePicker/composables/useDateTimeRangePicker.js

@@ -1,120 +1,117 @@
 import { useDateAdapter as e, useDateAdapterContext as t } from "../../../Adapters/Date/useDateAdapter.js";
-import { useResolveMessage as n } from "../../../Adapters/I18n/useI18nAdapter.js";
-import { mergePartBind as r, useBridgeUIComponent as i, useBridgeUIMergedRegistryClasses as a } from "../../../Utils/index.js";
-import { FIELD_OVERLAY_INJECTION_KEY as o } from "../../FieldOverlay/fieldOverlayInjectionKey.js";
-import { computed as s, inject as c, ref as l, toValue as u, useAttrs as d, watch as f } from "vue";
-import { get as p, isNil as m, omit as h } from "es-toolkit/compat";
-import { combineDateAndTime as g } from "@bridge-ui/core/Domain";
-import { menuRoundedProps as _ } from "@bridge-ui/core/Tokens";
-import { cn as v, splitComponentProps as y } from "@bridge-ui/core/Utils";
+import { mergePartBind as n, useBridgeUIComponent as r, useBridgeUIMergedRegistryClasses as i } from "../../../Utils/index.js";
+import { FIELD_OVERLAY_INJECTION_KEY as a } from "../../FieldOverlay/fieldOverlayInjectionKey.js";
+import { computed as o, inject as s, ref as c, toValue as l, useAttrs as u, watch as d } from "vue";
+import { get as f, isNil as p, omit as m } from "es-toolkit/compat";
+import { combineDateAndTime as h } from "@bridge-ui/core/Domain";
+import { menuRoundedProps as g } from "@bridge-ui/core/Tokens";
+import { cn as _, splitComponentProps as v } from "@bridge-ui/core/Utils";
 //#region src/Components/DateTimeRangePicker/composables/useDateTimeRangePicker.ts
-var b = /* @__PURE__ */ "ampm.fill.color.error.value.classes.maxDate.maxTime.minDate.minTime.rounded.disabled.interval.readOnly.timeZone.hideYears.hideMonths.showFooter.customProps.orientation.showSeconds.startOfWeek.defaultValue.disableDates.disableTimes.disableYears.hideWeekdays.disableMonths.hideOutsideDays".split(".");
-function x(e, t, n) {
+var y = /* @__PURE__ */ "ampm.fill.color.error.value.classes.maxDate.maxTime.minDate.minTime.rounded.disabled.interval.readOnly.timeZone.hideYears.hideMonths.showFooter.customProps.orientation.showSeconds.startOfWeek.defaultValue.disableDates.disableTimes.disableYears.hideWeekdays.disableMonths.hideOutsideDays".split(".");
+function b(e, t, n) {
 	let [r, i] = e;
 	return t.isAfter(r, i, n) ? [i, r] : e;
 }
-function S(S, C, w) {
-	let T = d(), E = c(o, {
+function x(x, S, C) {
+	let w = u(), T = s(a, {
 		apply: () => void 0,
 		cancel: () => void 0
-	}), D = e(), O = n(), k = t(), A = s(() => y({
+	}), E = e(), D = t(), O = o(() => v({
 		props: {
-			...T,
-			...u(S)
+			...w,
+			...l(x)
 		},
-		bridgeKeys: b
-	})), { merged: j, entry: M } = i({
-		libDefaults: C,
+		bridgeKeys: y
+	})), { merged: k, entry: A } = r({
+		libDefaults: S,
 		componentName: "DateTimeRangePicker",
-		props: () => A.value.componentProps
-	}), N = s(() => j.value.customProps), P = s(() => h(A.value.inheritedAttrs, [
+		props: () => O.value.componentProps
+	}), j = o(() => k.value.customProps), M = o(() => m(O.value.inheritedAttrs, [
 		"onApply",
 		"onCancel",
 		"onChange"
-	])), F = a({
-		entry: M,
-		props: () => A.value.componentProps
-	}), I = s(() => u(S)), L = s(() => k(j.value.timeZone)), R = s(() => !m(I.value.value)), z = l(j.value.defaultValue ?? null), B = s(() => R.value ? I.value.value ?? null : z.value), V = l(B.value);
-	f(() => [B.value, j.value.showFooter], ([e, t]) => {
-		t && (V.value = e);
+	])), N = i({
+		entry: A,
+		props: () => O.value.componentProps
+	}), P = o(() => l(x)), F = o(() => D(k.value.timeZone)), I = o(() => !p(P.value.value)), L = c(k.value.defaultValue ?? null), R = o(() => I.value ? P.value.value ?? null : L.value), z = c(R.value);
+	d(() => [R.value, k.value.showFooter], ([e, t]) => {
+		t && (z.value = e);
 	});
-	let H = s(() => j.value.showFooter ? V.value : B.value), U = s(() => H.value?.[0] ?? null), W = s(() => H.value?.[1] ?? null), G = (e) => {
-		R.value || (z.value = e), w("change", e);
-	}, K = (e) => {
-		if (j.value.showFooter) {
-			V.value = e;
+	let B = o(() => k.value.showFooter ? z.value : R.value), V = o(() => B.value?.[0] ?? null), H = o(() => B.value?.[1] ?? null), U = (e) => {
+		I.value || (L.value = e), C("change", e);
+	}, W = (e) => {
+		if (k.value.showFooter) {
+			z.value = e;
 			return;
 		}
-		G(e);
-	}, q = (e) => {
-		if (m(e)) {
-			K(null);
+		U(e);
+	}, G = (e) => {
+		if (p(e)) {
+			W(null);
 			return;
 		}
-		let t = D.value.now(L.value), n = g(e[0], H.value?.[0] ?? t, D.value, L.value), r = g(e[1], H.value?.[1] ?? t, D.value, L.value);
-		K(x([n, r], D.value, L.value));
-	}, J = (e) => {
-		if (m(e)) {
-			K(null);
+		let t = E.value.now(F.value), n = h(e[0], B.value?.[0] ?? t, E.value, F.value), r = h(e[1], B.value?.[1] ?? t, E.value, F.value);
+		W(b([n, r], E.value, F.value));
+	}, K = (e) => {
+		if (p(e)) {
+			W(null);
 			return;
 		}
-		let t = D.value.now(L.value), n = g(H.value?.[0] ?? t, e, D.value, L.value), r = H.value?.[1] ?? t;
-		K(x([n, r], D.value, L.value));
-	}, Y = (e) => {
-		if (m(e)) {
-			K(null);
+		let t = E.value.now(F.value), n = h(B.value?.[0] ?? t, e, E.value, F.value), r = B.value?.[1] ?? t;
+		W(b([n, r], E.value, F.value));
+	}, q = (e) => {
+		if (p(e)) {
+			W(null);
 			return;
 		}
-		let t = D.value.now(L.value), n = H.value?.[0] ?? t, r = g(H.value?.[1] ?? t, e, D.value, L.value);
-		K(x([n, r], D.value, L.value));
-	}, X = () => {
-		G(V.value), w("apply"), E.apply();
-	}, Z = () => {
-		V.value = B.value, w("cancel"), E.cancel();
-	}, Q = s(() => {
-		let e = p(_, j.value.rounded ?? "md");
-		return r(N.value?.root, P.value, v({
+		let t = E.value.now(F.value), n = B.value?.[0] ?? t, r = h(B.value?.[1] ?? t, e, E.value, F.value);
+		W(b([n, r], E.value, F.value));
+	}, J = () => {
+		U(z.value), C("apply"), T.apply();
+	}, Y = () => {
+		z.value = R.value, C("cancel"), T.cancel();
+	}, X = o(() => {
+		let e = f(g, k.value.rounded ?? "md");
+		return n(j.value?.root, M.value, _({
 			"flex flex-col overflow-hidden bg-white shadow-lg dark:bg-dark-900": !0,
-			"w-full": j.value.fill,
-			"w-fit": !j.value.fill,
+			"w-full": k.value.fill,
+			"w-fit": !k.value.fill,
 			[e]: !0,
-			[F.value.root ?? ""]: !0
+			[N.value.root ?? ""]: !0
 		}));
-	}), $ = s(() => v({ "flex w-full min-w-max flex-col": !0 })), ee = s(() => v({
+	}), Z = o(() => _({ "flex w-full min-w-max flex-col": !0 })), Q = o(() => _({
 		"min-w-max": !0,
-		"w-full": j.value.fill,
-		[F.value.calendar ?? ""]: !0
-	})), te = s(() => v({
+		"w-full": k.value.fill,
+		[N.value.calendar ?? ""]: !0
+	})), $ = o(() => _({
 		"relative isolate shrink-0 self-stretch overflow-hidden border-l border-dark-100 dark:border-dark-800": !0,
-		[F.value.time ?? ""]: !0
-	})), ne = s(() => ({ root: { class: "h-full max-h-full overflow-hidden" } })), re = s(() => v({ "invisible flex h-px w-fit gap-2 overflow-hidden px-2.5": !0 })), ie = s(() => v({ "absolute inset-0 flex w-full px-2.5": !0 }));
+		[N.value.time ?? ""]: !0
+	})), ee = o(() => ({ root: { class: "h-full max-h-full overflow-hidden" } })), te = o(() => _({ "invisible flex h-px w-fit gap-2 overflow-hidden px-2.5": !0 })), ne = o(() => _({ "absolute inset-0 flex w-full px-2.5": !0 }));
 	return {
-		merged: j,
-		rootBind: Q,
-		timeBind: te,
-		footerBind: s(() => r(N.value?.footer, {}, v({
+		merged: k,
+		rootBind: X,
+		timeBind: $,
+		footerBind: o(() => n(j.value?.footer, {}, _({
 			"flex items-center justify-end gap-2 border-t border-dark-100 bg-dark-50 px-3 py-2 dark:border-dark-800 dark:bg-dark-950/40": !0,
-			[F.value.footer ?? ""]: !0
+			[N.value.footer ?? ""]: !0
 		}))),
-		showFooter: s(() => !!j.value.showFooter),
-		handleApply: X,
-		contentBind: $,
-		displayValue: H,
-		handleCancel: Z,
-		calendarBind: ee,
-		timeFillBind: ie,
-		endTimeValue: W,
-		timeSizerBind: re,
-		startTimeValue: U,
-		handleCalendarChange: q,
-		handleEndPanelChange: Y,
-		timePanelCustomProps: ne,
-		handleStartPanelChange: J,
-		applyLabel: s(() => O("Apply")),
-		cancelLabel: s(() => O("Cancel")),
-		applyButtonProps: s(() => N.value?.applyButton),
-		cancelButtonProps: s(() => N.value?.cancelButton)
+		showFooter: o(() => !!k.value.showFooter),
+		handleApply: J,
+		contentBind: Z,
+		displayValue: B,
+		handleCancel: Y,
+		calendarBind: Q,
+		timeFillBind: ne,
+		endTimeValue: H,
+		timeSizerBind: te,
+		startTimeValue: V,
+		handleCalendarChange: G,
+		handleEndPanelChange: q,
+		timePanelCustomProps: ee,
+		handleStartPanelChange: K,
+		applyButtonProps: o(() => j.value?.applyButton),
+		cancelButtonProps: o(() => j.value?.cancelButton)
 	};
 }
 //#endregion
-export { S as useDateTimeRangePicker };
+export { x as useDateTimeRangePicker };

package/dist/Components/Drawer/composables/useDrawer.js

@@ -1,12 +1,12 @@
-import { mergePartBind as e, resolveVnodeRefElement as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as ee } from "../../../Utils/index.js";
-import { computed as r, nextTick as i, onBeforeUnmount as te, ref as a, toValue as ne, useAttrs as re, watch as o } from "vue";
+import { mergePartBind as e, resolveVnodeRefElement as t, useBridgeUIComponent as ee, useBridgeUIMergedRegistryClasses as te } from "../../../Utils/index.js";
+import { computed as n, nextTick as r, onBeforeUnmount as i, ref as a, toValue as ne, useAttrs as re, watch as o } from "vue";
 import { get as s } from "es-toolkit/compat";
-import { drawerBlurProps as c, drawerPlacementPanelProps as ie, drawerPlacementProps as ae, drawerSizeProps as oe } from "@bridge-ui/core/Tokens";
-import { cn as l, mergeBridgeUILayeredClasses as u, splitComponentProps as d } from "@bridge-ui/core/Utils";
-import { createFocusTrap as f, isModalBackdropClick as p } from "@bridge-ui/core/Runtime";
-import { DRAWER_LEAVE_FALLBACK_MS as se, LAYER_STACK_BASE_Z_INDEX as m, acquireLayerStackOrder as ce, countDrawerTransitionLayers as le, getDrawerOverlayTransitionClass as ue, getDrawerPanelTransitionClass as de, getLayerStackEntry as fe, hasDrawerTransition as pe, pushLayerStack as me, resolveEffectiveDrawerTransition as he, subscribeLayerStack as ge } from "@bridge-ui/core/Layer";
+import { drawerBlurProps as ie, drawerPlacementPanelProps as ae, drawerPlacementProps as oe, drawerSizeProps as se } from "@bridge-ui/core/Tokens";
+import { cn as c, mergeBridgeUILayeredClasses as l, splitComponentProps as u } from "@bridge-ui/core/Utils";
+import { createFocusTrap as d, isModalBackdropClick as f } from "@bridge-ui/core/Runtime";
+import { DRAWER_LEAVE_FALLBACK_MS as ce, LAYER_STACK_BASE_Z_INDEX as p, acquireLayerStackOrder as le, countDrawerTransitionLayers as ue, getDrawerOverlayTransitionClass as de, getDrawerPanelTransitionClass as fe, getLayerFocusTrapGuards as pe, getLayerStackEntry as me, hasDrawerTransition as he, pushLayerStack as ge, resolveEffectiveDrawerTransition as _e, subscribeLayerStack as ve } from "@bridge-ui/core/Layer";
 //#region src/Components/Drawer/composables/useDrawer.ts
-var _e = [
+var ye = [
 	"blur",
 	"size",
 	"scroll",
@@ -28,58 +28,58 @@ var _e = [
 	"disableEnforceFocus",
 	"disableRestoreFocus"
 ];
-function h(h, g, _ = {}) {
-	let ve = re(), v = a(!1), y = a(!1), b = a(""), x = !1, S = 0, C = null, w = null, T = a(null), E = null, D = a(m), O = null, k = a("closed"), A = null, j = r(() => ne(_.show ?? !1));
+function m(m, h, g = {}) {
+	let _ = re(), v = a(!1), y = a(!1), b = a(""), x = !1, S = 0, C = null, w = null, T = a(null), E = null, D = a(p), O = null, k = a("closed"), A = null, j = n(() => ne(g.show ?? !1));
 	function M(e) {
-		e || _.onClose?.(), _.show && (_.show.value = e), _.onShowChange?.(e);
+		e || g.onClose?.(), g.show && (g.show.value = e), g.onShowChange?.(e);
 	}
-	let N = r(() => d({
-		bridgeKeys: _e,
+	let N = n(() => u({
+		bridgeKeys: ye,
 		props: {
-			...ve,
-			...h
+			..._,
+			...m
 		}
-	})), { merged: P, entry: F } = n({
-		libDefaults: g,
+	})), { merged: P, entry: F } = ee({
+		libDefaults: h,
 		componentName: "Drawer",
 		props: () => N.value.componentProps
-	}), I = r(() => P.value.customProps), L = ee({
+	}), I = n(() => P.value.customProps), L = te({
 		entry: F,
 		props: () => N.value.componentProps
-	}), R = r(() => he(P.value.transition ?? "none")), z = r(() => pe(R.value)), B = r(() => P.value.scroll ?? "paper"), V = r(() => P.value.keepMounted && !v.value), H = r(() => P.value.placement ?? "left"), U = r(() => H.value === "left" || H.value === "right" ? "horizontal" : "vertical"), ye = r(() => {
-		let e = u(ae, F.value?.tokens?.placement);
+	}), R = n(() => _e(P.value.transition ?? "none")), z = n(() => he(R.value)), B = n(() => P.value.scroll ?? "paper"), V = n(() => P.value.keepMounted && !v.value), H = n(() => P.value.placement ?? "left"), be = n(() => H.value === "left" || H.value === "right" ? "horizontal" : "vertical"), xe = n(() => {
+		let e = l(oe, F.value?.tokens?.placement);
 		return s(e, H.value);
-	}), be = r(() => s(ie, H.value)), xe = r(() => {
-		let e = u(c, F.value?.tokens?.blur);
+	}), Se = n(() => s(ae, H.value)), Ce = n(() => {
+		let e = l(ie, F.value?.tokens?.blur);
 		return s(e, P.value.blur);
-	}), Se = r(() => {
-		let e = u(oe, F.value?.tokens?.size);
-		return s(e, [P.value.size, U.value]);
-	}), Ce = r(() => ue(R.value)), we = r(() => de(R.value, H.value)), W = r(() => !P.value.persistent), Te = r(() => N.value.inheritedAttrs), Ee = r(() => e(I.value?.root, Te.value, {
-		onTransitionend: Me,
+	}), we = n(() => {
+		let e = l(se, F.value?.tokens?.size);
+		return s(e, [P.value.size, be.value]);
+	}), Te = n(() => de(R.value)), Ee = n(() => fe(R.value, H.value)), U = n(() => !P.value.persistent), De = n(() => N.value.inheritedAttrs), Oe = n(() => e(I.value?.root, De.value, {
+		onTransitionend: Ne,
 		style: { zIndex: D.value },
 		"aria-hidden": V.value ? !0 : void 0,
-		class: l({
+		class: c({
 			"fixed inset-0": !0,
 			"overflow-y-auto": B.value === "body",
 			"overflow-hidden": B.value === "paper",
 			"invisible pointer-events-none": V.value,
 			[s(L.value, "root") ?? ""]: !0
 		})
-	})), De = r(() => e(I.value?.overlay, { onClick: Z }, {
+	})), ke = n(() => e(I.value?.overlay, { onClick: Z }, {
 		"data-drawer-part": "overlay",
 		"data-state": k.value,
-		class: l({
+		class: c({
 			"fixed inset-0 bg-black/50": !0,
-			[xe.value ?? ""]: !0,
-			[Ce.value]: z.value,
+			[Ce.value ?? ""]: !0,
+			[Te.value]: z.value,
 			[s(L.value, "overlay") ?? ""]: !0
 		})
-	})), Oe = r(() => e(I.value?.wrapper, { onClick: Q }, l({
+	})), Ae = n(() => e(I.value?.wrapper, { onClick: Q }, c({
 		"flex min-h-full w-full transform": !0,
-		[ye.value ?? ""]: !0,
+		[xe.value ?? ""]: !0,
 		[s(L.value, "wrapper") ?? ""]: !0
-	}))), ke = r(() => e(I.value?.panel, {
+	}))), je = n(() => e(I.value?.panel, {
 		role: "dialog",
 		"aria-modal": !0,
 		"aria-label": P.value.ariaLabel,
@@ -87,70 +87,71 @@ function h(h, g, _ = {}) {
 	}, {
 		"data-drawer-part": "panel",
 		"data-state": k.value,
-		class: l({
+		class: c({
 			"relative rounded-none": !0,
-			[be.value ?? ""]: !0,
 			[Se.value ?? ""]: !0,
+			[we.value ?? ""]: !0,
 			"overflow-y-auto bridge-scroll-fade-y bridge-hide-scrollbar": B.value === "paper",
-			[we.value]: z.value,
+			[Ee.value]: z.value,
 			[s(L.value, "panel") ?? ""]: !0
 		})
 	}));
-	function G() {
+	function W() {
 		w?.release(), w = null;
 	}
-	function K() {
+	function G() {
 		if (!v.value || k.value !== "open" || !T.value) {
-			G();
+			W();
 			return;
 		}
-		G(), w = f({
+		E?.setContainer(T.value), W(), w = d({
 			container: T.value,
 			disableAutoFocus: !P.value.autoFocus,
 			disableEnforceFocus: P.value.disableEnforceFocus,
-			disableRestoreFocus: P.value.disableRestoreFocus
+			disableRestoreFocus: P.value.disableRestoreFocus,
+			...pe(() => b.value)
 		});
 	}
-	function Ae(e) {
-		T.value = t(e), K();
+	function K(e) {
+		T.value = t(e), G();
 	}
 	function q() {
 		A !== null && (clearTimeout(A), A = null);
 	}
 	function J() {
-		x && (x = !1, q(), S = 0, v.value = !1, G(), j.value ? M(!1) : _.onShowChange?.(!1), k.value = "closed", P.value.keepMounted || (y.value = !1));
+		x && (x = !1, q(), S = 0, v.value = !1, W(), j.value ? M(!1) : g.onShowChange?.(!1), k.value = "closed", P.value.keepMounted || (y.value = !1));
 	}
 	function Y() {
 		if (E?.releaseScrollLock(), x = !0, !z.value) {
 			J();
 			return;
 		}
-		if (k.value = "closed", S = le(R.value, { hideBackdrop: P.value.hideBackdrop }), S === 0) {
+		if (k.value = "closed", S = ue(R.value, { hideBackdrop: P.value.hideBackdrop }), S === 0) {
 			J();
 			return;
 		}
 		q(), A = setTimeout(() => {
 			A = null, S > 0 && J();
-		}, se);
+		}, ce);
 	}
-	function je() {
+	function Me() {
 		if (x = !1, q(), S = 0, !z.value) {
 			k.value = "open";
 			return;
 		}
-		k.value = "closed", i(() => {
+		k.value = "closed", r(() => {
 			requestAnimationFrame(() => {
 				k.value = "open";
 			});
 		});
 	}
-	function Me(e) {
+	function Ne(e) {
 		if (!x || !y.value || k.value !== "closed") return;
 		let t = e.target;
 		(t?.dataset.drawerPart === "overlay" || t?.dataset.drawerPart === "panel") && e.propertyName !== "none" && e.elapsedTime !== 0 && (--S, S <= 0 && J());
 	}
 	function X() {
-		if (W.value) {
+		if (U.value) {
 			if (!z.value) {
 				M(!1);
 				return;
@@ -159,17 +160,17 @@ function h(h, g, _ = {}) {
 		}
 	}
 	function Z() {
-		P.value.closeOnOverlay === !1 || !W.value || X();
+		P.value.closeOnOverlay === !1 || !U.value || X();
 	}
 	function Q(e) {
-		p(e) && Z();
+		f(e) && Z();
 	}
-	function Ne() {
-		!j.value || P.value.closeOnEscape === !1 || !W.value || X();
+	function Pe() {
+		!j.value || P.value.closeOnEscape === !1 || !U.value || X();
 	}
 	o(j, (e) => {
 		if (e) {
-			y.value = !0, v.value = !0, je();
+			y.value = !0, v.value = !0, Me();
 			return;
 		}
 		y.value && Y();
@@ -180,39 +181,41 @@ function h(h, g, _ = {}) {
 		() => P.value.disableEnforceFocus,
 		() => P.value.disableRestoreFocus
 	], () => {
-		i(() => {
-			K();
+		r(() => {
+			G();
 		});
 	});
 	function $() {
-		let e = fe(b.value);
+		let e = me(b.value);
 		e && (D.value = e.zIndex);
 	}
 	return o(v, (e) => {
 		if (e) {
-			C === null && (C = ce()), E = me({
+			C === null && (C = le()), E = ge({
+				trapsFocus: !0,
 				order: C,
-				id: _.stackId,
-				onEscape: Ne,
+				id: g.stackId,
+				onEscape: Pe,
+				container: T.value ?? void 0,
 				lockScroll: P.value.disableScrollLock !== !0
-			}), b.value = E.id, D.value = E.zIndex, $(), O = ge($);
+			}), b.value = E.id, D.value = E.zIndex, $(), O = ve($);
 			return;
 		}
-		O?.(), O = null, E?.release(), E = null, b.value = "", D.value = m, y.value || (C = null);
-	}, { immediate: !0 }), te(() => {
-		q(), O?.(), O = null, G(), E?.release(), E = null, C = null;
+		O?.(), O = null, E?.release(), E = null, b.value = "", D.value = p, y.value || (C = null);
+	}, { immediate: !0 }), i(() => {
+		q(), O?.(), O = null, W(), E?.release(), E = null, C = null;
 	}), {
 		merged: P,
 		mounted: y,
-		rootBind: Ee,
-		panelBind: ke,
-		overlayBind: De,
-		wrapperBind: Oe,
-		setPanelRef: Ae,
+		rootBind: Oe,
+		panelBind: je,
+		overlayBind: ke,
+		wrapperBind: Ae,
+		setPanelRef: K,
 		layerStackId: b,
 		handleOverlayClick: Z,
 		handleWrapperClick: Q
 	};
 }
 //#endregion
-export { h as useDrawer };
+export { m as useDrawer };

package/dist/Components/FormField/composables/useFormField.d.ts

@@ -449,7 +449,7 @@ export declare function useFormField(props: MaybeRefOrGetter<Omit<FormFieldOwnPr
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         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" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>>;
+    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "disabled" | "endIcon" | "rounded" | "startIcon" | "variant" | "label" | "start" | "required" | "corner" | "description" | "errorMessage" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon">>>>;
     isNotched: import('vue').ComputedRef<boolean>;
     isStacked: import('vue').ComputedRef<boolean>;
     startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;

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

@@ -2,8 +2,8 @@ import { ListItemOwnProps, ListItemSlots } from './listItem.types';
 type __VLS_Slots = ListItemSlots;
 declare const __VLS_base: import('vue').DefineComponent<ListItemOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ListItemOwnProps> & Readonly<{}>, {
     role: "button" | "option" | "menuitem";
-    disabled: boolean;
     as: "li" | "div";
+    disabled: boolean;
     selected: boolean;
     divider: boolean;
     interactive: boolean;

package/dist/Components/ListItem/composables/useListItem.d.ts

@@ -11,7 +11,7 @@ export declare function useListItem(props: ListItemOwnProps, libDefaults: ListIt
     rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         class: string;
         id: string | undefined;
-    }, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<ListItemProps, "role" | "value" | "classes" | "customProps" | "primary" | "secondary" | "disabled" | "as" | "selected" | "dense" | "divider" | "interactive" | "selectedIcon">, never>>>;
+    }, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<ListItemProps, "role" | "value" | "classes" | "customProps" | "primary" | "secondary" | "as" | "disabled" | "selected" | "dense" | "divider" | "interactive" | "selectedIcon">, never>>>;
     rowClass: import('vue').ComputedRef<string>;
     startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     hasPrimary: import('vue').ComputedRef<boolean>;

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

@@ -7,16 +7,16 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    select: (option: ListboxOption) => any;
     apply: () => any;
     cancel: () => any;
+    select: (option: ListboxOption) => any;
     "update:modelValue": (value: boolean) => any;
     "show-change": (show: boolean) => any;
     "registered-options-change": (options: ListboxOption[]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onSelect?: ((option: ListboxOption) => any) | undefined;
     onApply?: (() => any) | undefined;
     onCancel?: (() => any) | undefined;
+    onSelect?: ((option: ListboxOption) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onShow-change"?: ((show: boolean) => any) | undefined;
     "onRegistered-options-change"?: ((options: ListboxOption[]) => any) | undefined;
@@ -25,9 +25,9 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     size: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').ListboxSize, import('./listbox.types').ListboxSizeOverrides>;
     overlay: import('@bridge-ui/core/Domain').FieldOverlayMode;
     showFooter: boolean;
+    loading: boolean;
     multiple: boolean;
     hideEmptyMessage: boolean;
-    loading: boolean;
     placement: import('@floating-ui/utils').Placement;
     disableAutoFocus: boolean;
     highlightedIndex: number;