@bridge-ui/vue 0.0.10 → 0.0.11

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

@@ -1,11 +1,12 @@
-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 ne, ref as i, toValue as re, useAttrs as a, watch as o } from "vue";
-import { LAYER_STACK_BASE_Z_INDEX as s, acquireLayerStackOrder as ie, cn as c, countModalTransitionLayers as ae, createFocusTrap as l, getLayerStackEntry as u, getModalOverlayTransitionClass as d, getModalPanelTransitionClass as f, hasModalTransition as p, mergeBridgeUILayeredClasses as m, pushLayerStack as h, resolveEffectiveModalTransition as oe, splitComponentProps as g, subscribeLayerStack as se } from "@bridge-ui/core";
-import { get as _ } from "es-toolkit/compat";
-import { isModalBackdropClick as ce } from "@bridge-ui/core/Utils";
-import { alignProps as v, blurProps as y, sizeProps as b } from "@bridge-ui/core/Tokens/Modal";
+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 a, ref as o, toValue as te, useAttrs as ne, watch as s } from "vue";
+import { get as c } from "es-toolkit/compat";
+import { modalAlignProps as l, modalBlurProps as u, modalSizeProps as re } from "@bridge-ui/core/Tokens";
+import { cn as d, mergeBridgeUILayeredClasses as f, splitComponentProps as ie } from "@bridge-ui/core/Utils";
+import { createFocusTrap as p, isModalBackdropClick as m } from "@bridge-ui/core/Runtime";
+import { LAYER_STACK_BASE_Z_INDEX as h, acquireLayerStackOrder as g, countModalTransitionLayers as ae, getLayerStackEntry as oe, getModalOverlayTransitionClass as se, getModalPanelTransitionClass as ce, hasModalTransition as _, pushLayerStack as le, resolveEffectiveModalTransition as ue, subscribeLayerStack as de } from "@bridge-ui/core/Layer";
 //#region src/Components/Modal/composables/useModal.ts
-var le = [
+var fe = [
 	"blur",
 	"size",
 	"align",
@@ -25,112 +26,112 @@ var le = [
 	"disableEnforceFocus",
 	"disableRestoreFocus"
 ];
-function x(x, ue, S = {}) {
-	let de = a(), C = i(!1), w = i(!1), T = i(""), E = i(null), D = 0, O = null, k = null, A = null, j = null, M = i(s), N = i("closed"), P = n(() => re(S.show ?? !1));
+function v(v, y, b = {}) {
+	let x = ne(), S = o(!1), C = o(!1), w = o(""), T = o(null), E = !1, D = 0, O = null, k = null, A = null, j = null, M = o(h), N = o("closed"), P = r(() => te(b.show ?? !1));
 	function F(e) {
-		e || S.onClose?.(), S.show && (S.show.value = e), S.onShowChange?.(e);
+		e || b.onClose?.(), b.show && (b.show.value = e), b.onShowChange?.(e);
 	}
-	let I = n(() => g({
-		bridgeKeys: le,
+	let I = r(() => ie({
+		bridgeKeys: fe,
 		props: {
-			...de,
-			...x
+			...x,
+			...v
 		}
-	})), { merged: L, entry: R } = ee({
-		libDefaults: ue,
+	})), { merged: L, entry: R } = n({
+		libDefaults: y,
 		componentName: "Modal",
 		props: () => I.value.componentProps
-	}), z = n(() => L.value.customProps), B = te({
+	}), z = r(() => L.value.customProps), B = ee({
 		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(() => {
-		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,
+	}), V = r(() => ue(L.value.transition ?? "none")), H = r(() => _(V.value)), U = r(() => L.value.scroll ?? "body"), W = r(() => L.value.keepMounted && !S.value), pe = r(() => {
+		let e = f(l, R.value?.tokens?.align);
+		return c(e, L.value.align);
+	}), me = r(() => {
+		let e = f(u, R.value?.tokens?.blur);
+		return c(e, L.value.blur);
+	}), he = r(() => {
+		let e = f(re, R.value?.tokens?.size);
+		return c(e, L.value.size);
+	}), ge = r(() => se(V.value)), _e = r(() => ce(V.value)), G = r(() => !L.value.persistent), ve = r(() => I.value.inheritedAttrs), ye = r(() => e(z.value?.root, ve.value, {
+		onTransitionend: Te,
 		style: { zIndex: M.value },
 		"aria-hidden": W.value ? !0 : void 0,
-		class: c({
+		class: d({
 			"fixed inset-0": !0,
 			"overflow-y-auto": U.value === "body",
 			"overflow-hidden": U.value === "paper",
 			"invisible pointer-events-none": W.value,
-			[_(B.value, "root") ?? ""]: !0
+			[c(B.value, "root") ?? ""]: !0
 		})
-	})), ye = n(() => e(z.value?.overlay, { onClick: Z }, {
+	})), be = r(() => e(z.value?.overlay, { onClick: Z }, {
 		"data-modal-part": "overlay",
 		"data-state": N.value,
-		class: c({
+		class: d({
 			"fixed inset-0 bg-black/50": !0,
-			[pe.value ?? ""]: !0,
-			[he.value]: H.value,
-			[_(B.value, "overlay") ?? ""]: !0
+			[me.value ?? ""]: !0,
+			[ge.value]: H.value,
+			[c(B.value, "overlay") ?? ""]: !0
 		})
-	})), be = n(() => e(z.value?.wrapper, { onClick: Q }, c({
+	})), xe = r(() => e(z.value?.wrapper, { onClick: Q }, d({
 		"flex min-h-full w-full transform p-4": !0,
-		[fe.value ?? ""]: !0,
-		[_(B.value, "wrapper") ?? ""]: !0
-	}))), xe = n(() => e(z.value?.panel, {
+		[pe.value ?? ""]: !0,
+		[c(B.value, "wrapper") ?? ""]: !0
+	}))), Se = r(() => e(z.value?.panel, {
 		role: "dialog",
 		"aria-modal": !0
 	}, {
 		"data-modal-part": "panel",
 		"data-state": N.value,
-		class: c({
+		class: d({
 			"relative w-full": !0,
-			[me.value ?? ""]: !0,
+			[he.value ?? ""]: !0,
 			"max-h-[calc(100dvh-2rem)] overflow-y-auto": U.value === "paper",
-			[ge.value]: H.value,
-			[_(B.value, "panel") ?? ""]: !0
+			[_e.value]: H.value,
+			[c(B.value, "panel") ?? ""]: !0
 		})
 	}));
 	function K() {
 		k?.release(), k = null;
 	}
 	function q() {
-		if (!w.value || N.value !== "open" || !E.value) {
+		if (!S.value || N.value !== "open" || !T.value) {
 			K();
 			return;
 		}
-		K(), k = l({
-			container: E.value,
+		K(), k = p({
+			container: T.value,
 			disableAutoFocus: !L.value.autoFocus,
 			disableEnforceFocus: L.value.disableEnforceFocus,
 			disableRestoreFocus: L.value.disableRestoreFocus
 		});
 	}
-	function Se(e) {
-		E.value = t(e), q();
+	function Ce(e) {
+		T.value = t(e), q();
 	}
 	function J() {
-		D = 0, w.value = !1, K(), P.value ? F(!1) : S.onShowChange?.(!1), N.value = "closed", L.value.keepMounted || (C.value = !1);
+		E && (E = !1, D = 0, S.value = !1, K(), P.value ? F(!1) : b.onShowChange?.(!1), N.value = "closed", L.value.keepMounted || (C.value = !1));
 	}
 	function Y() {
-		if (A?.releaseScrollLock(), !H.value) {
+		if (A?.releaseScrollLock(), E = !0, !H.value) {
 			J();
 			return;
 		}
 		N.value = "closed", D = ae(V.value, { hideBackdrop: L.value.hideBackdrop }), D === 0 && J();
 	}
-	function Ce() {
-		if (!H.value) {
+	function we() {
+		if (E = !1, D = 0, !H.value) {
 			N.value = "open";
 			return;
 		}
-		N.value = "closed", r(() => {
+		N.value = "closed", i(() => {
 			requestAnimationFrame(() => {
 				N.value = "open";
 			});
 		});
 	}
-	function we(e) {
-		if (!C.value || N.value !== "closed") return;
+	function Te(e) {
+		if (!E || !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());
 	}
@@ -147,53 +148,53 @@ function x(x, ue, S = {}) {
 		L.value.closeOnOverlay === !1 || !G.value || X();
 	}
 	function Q(e) {
-		ce(e) && Z();
+		m(e) && Z();
 	}
-	function Te() {
+	function Ee() {
 		!P.value || L.value.closeOnEscape === !1 || !G.value || X();
 	}
-	o(P, (e) => {
+	s(P, (e) => {
 		if (e) {
-			C.value = !0, w.value = !0, Ce();
+			C.value = !0, S.value = !0, we();
 			return;
 		}
 		C.value && Y();
-	}, { immediate: !0 }), o([
-		w,
+	}, { immediate: !0 }), s([
+		S,
 		N,
 		() => L.value.autoFocus,
 		() => L.value.disableEnforceFocus,
 		() => L.value.disableRestoreFocus
 	], () => {
-		r(() => {
+		i(() => {
 			q();
 		});
 	});
 	function $() {
-		let e = u(T.value);
+		let e = oe(w.value);
 		e && (M.value = e.zIndex);
 	}
-	return o(w, (e) => {
-		e ? (O = ie(), A = h({
+	return s(S, (e) => {
+		e ? (O = g(), A = le({
 			order: O,
-			id: S.stackId,
-			onEscape: Te,
+			id: b.stackId,
+			onEscape: Ee,
 			lockScroll: L.value.disableScrollLock !== !0
-		}), T.value = A.id, M.value = A.zIndex, $(), j = se($)) : (j?.(), j = null, A?.release(), A = null, O = null, T.value = "", M.value = s);
-	}, { immediate: !0 }), ne(() => {
+		}), w.value = A.id, M.value = A.zIndex, $(), j = de($)) : (j?.(), j = null, A?.release(), A = null, O = null, w.value = "", M.value = h);
+	}, { immediate: !0 }), a(() => {
 		j?.(), j = null, K(), A?.release(), A = null;
 	}), {
 		merged: L,
 		mounted: C,
-		rootBind: ve,
-		panelBind: xe,
-		overlayBind: ye,
-		wrapperBind: be,
-		setPanelRef: Se,
-		layerStackId: T,
+		rootBind: ye,
+		panelBind: Se,
+		overlayBind: be,
+		wrapperBind: xe,
+		setPanelRef: Ce,
+		layerStackId: w,
 		handleOverlayClick: Z,
 		handleWrapperClick: Q
 	};
 }
 //#endregion
-export { x as useModal };
+export { v as useModal };

package/dist/Components/Modal/modal.types.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes, Slot } from 'vue';
-import { MergeHtmlProps, MergeProps, ModalAlign, ModalBlur, ModalScroll, ModalSize, ModalTransition } from '@bridge-ui/core';
+import { ModalAlign, ModalBlur, ModalScroll, ModalSize, ModalTransition } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 export interface ModalBlurOverrides {}
 export interface ModalSizeOverrides {}
 export interface ModalAlignOverrides {}

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

@@ -7,8 +7,8 @@ import { FORM_FIELD_CHROME_SLOT_NAMES as o } from "../FormField/formField.types.
 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";
+import { isUndefined as k } from "es-toolkit/compat";
+import { cn as A } from "@bridge-ui/core/Utils";
 //#region src/Components/NumberField/NumberField.vue?vue&type=script&setup=true&lang.ts
 var j = { class: "bridge-end-adornment flex h-full min-w-9 flex-col gap-px overflow-hidden" }, M = /*@__PURE__*/ m({
 	inheritAttrs: !1,
@@ -49,7 +49,7 @@ var j = { class: "bridge-end-adornment flex h-full min-w-9 flex-col gap-px overf
 			set: (e) => {
 				N.value = e, F.value = e;
 			},
-			get: () => A(N.value) ? F.value : N.value
+			get: () => k(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: P.disabled,
@@ -58,7 +58,7 @@ var j = { class: "bridge-end-adornment flex h-full min-w-9 flex-col gap-px overf
 			onPointerdown: W.onPressPointerDown,
 			"aria-label": L("Increment value"),
 			onLostpointercapture: W.onPressLostPointerCapture
-		}, k({
+		}, A({
 			"bridge-field-adornment-button inline-flex min-h-0 min-w-8 flex-1 items-center justify-center": !0,
 			[U.value.increment ?? ""]: !0
 		}))), J = l(() => r(P.customProps?.decrement, {
@@ -69,7 +69,7 @@ var j = { class: "bridge-end-adornment flex h-full min-w-9 flex-col gap-px overf
 			onPointerdown: G.onPressPointerDown,
 			"aria-label": L("Decrement value"),
 			onLostpointercapture: G.onPressLostPointerCapture
-		}, k({
+		}, A({
 			"bridge-field-adornment-button inline-flex min-h-0 min-w-8 flex-1 items-center justify-center": !0,
 			[U.value.decrement ?? ""]: !0
 		})));

package/dist/Components/NumberField/composables/useNumberField.d.ts

@@ -13,16 +13,16 @@ export declare function useNumberField(props: NumberFieldOwnProps, model: Ref<nu
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
         merged: import('vue').ComputedRef<Omit<import('../../FormField').FormFieldOwnProps, "color" | "size" | "rounded" | "variant" | "errorIcon" | "showErrorIcon"> & {
-            color: NonNullable<keyof import('@bridge-ui/core').FormFieldColor | undefined>;
-            size: NonNullable<keyof import('@bridge-ui/core').FormFieldSize | undefined>;
-            rounded: NonNullable<keyof import('@bridge-ui/core').FormFieldRounded | undefined>;
-            variant: NonNullable<keyof import('@bridge-ui/core').FormFieldVariant | undefined>;
+            color: NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldColor | undefined>;
+            size: NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldSize | undefined>;
+            rounded: NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldRounded | undefined>;
+            variant: NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldVariant | undefined>;
             errorIcon: NonNullable<import('../../..').IconSource | undefined>;
             showErrorIcon: NonNullable<boolean | undefined>;
         }>;
         control: import('vue').ComputedRef<string>;
-        endBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+        endBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
             onCopy?: ((payload: ClipboardEvent) => void) | undefined;
             onCut?: ((payload: ClipboardEvent) => void) | undefined;
             onPaste?: ((payload: ClipboardEvent) => void) | undefined;
@@ -142,7 +142,7 @@ export declare function useNumberField(props: NumberFieldOwnProps, model: Ref<nu
             'aria-expanded'?: (boolean | "true" | "false") | undefined;
             'aria-flowto'?: string | undefined | undefined;
             'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-            'aria-haspopup'?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+            'aria-haspopup'?: "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | "dialog" | undefined;
             'aria-hidden'?: (boolean | "true" | "false") | undefined;
             'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
             'aria-keyshortcuts'?: string | undefined | undefined;
@@ -178,7 +178,7 @@ export declare function useNumberField(props: NumberFieldOwnProps, model: Ref<nu
             dir?: string | undefined | undefined;
             draggable?: (boolean | "true" | "false") | undefined;
             enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-            enterKeyHint?: "done" | "enter" | "go" | "next" | "previous" | "search" | "send" | undefined;
+            enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
             hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
             inert?: (boolean | "true" | "false") | undefined;
             placeholder?: string | undefined | undefined;
@@ -212,9 +212,9 @@ export declare function useNumberField(props: NumberFieldOwnProps, model: Ref<nu
             class: string;
         }>>;
         controlId: import('vue').ComputedRef<string>;
-        errorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        errorBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         errorIcon: import('vue').ComputedRef<NonNullable<import('../../..').IconSource | undefined>>;
-        inputBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {
+        inputBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {
             id: string;
             disabled: boolean;
             readonly: boolean;
@@ -438,32 +438,32 @@ export declare function useNumberField(props: NumberFieldOwnProps, model: Ref<nu
         }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>>;
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
-        startBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        headerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
-        variantKey: import('vue').ComputedRef<NonNullable<keyof import('@bridge-ui/core').FormFieldVariant | undefined>>;
-        endIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
-        endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        variantKey: import('vue').ComputedRef<NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldVariant | undefined>>;
+        endIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+        endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         invalidated: import('vue').ComputedRef<boolean>;
-        containerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
-            "data-bridge-rounded": NonNullable<keyof import('@bridge-ui/core').FormFieldRounded | undefined>;
+        containerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+            "data-bridge-rounded": NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldRounded | undefined>;
         }>>;
-        startIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
-        startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        startIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+        startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         fieldLabelProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
-        descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
+        descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
-        insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
+        insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
         reservesErrorMessageSpace: import('vue').ComputedRef<boolean>;
     };
     increment: () => boolean;
-    inputBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('@bridge-ui/core').MergePartBind<object, "class", {
+    inputBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('@bridge-ui/core/Utils').MergePartBind<object, "class", {
         id: string;
         disabled: boolean;
         readonly: boolean;

package/dist/Components/NumberField/composables/useNumberField.js

@@ -1,8 +1,8 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { useFormField as r } from "../../FormField/composables/useFormField.js";
 import { computed as i, useAttrs as a } from "vue";
-import { cn as o } from "@bridge-ui/core";
-import { isNil as s } from "es-toolkit/compat";
+import { isNil as o } from "es-toolkit/compat";
+import { cn as s } from "@bridge-ui/core/Utils";
 //#region src/Components/NumberField/composables/useNumberField.ts
 function c(c, l, u = {}) {
 	let d = a(), f = i(() => c.step ?? 1), { entry: p } = t({
@@ -33,12 +33,12 @@ function c(c, l, u = {}) {
 		max: c.max,
 		type: "number",
 		step: f.value
-	}, o({ "appearance:textfield [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none": !0 }))), _ = i(() => l.value ?? void 0), v = i({
+	}, s({ "appearance:textfield [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none": !0 }))), _ = i(() => l.value ?? void 0), v = i({
 		get: () => {
-			if (!s(_.value)) return String(_.value);
+			if (!o(_.value)) return String(_.value);
 		},
 		set: (e) => {
-			if (e === "" || s(e)) {
+			if (e === "" || o(e)) {
 				l.value = void 0;
 				return;
 			}
@@ -51,12 +51,12 @@ function c(c, l, u = {}) {
 	return {
 		decrement: () => {
 			let e = (_.value ?? c.min ?? 0) - f.value;
-			return !s(c.min) && e < c.min ? !1 : (y(e), !0);
+			return !o(c.min) && e < c.min ? !1 : (y(e), !0);
 		},
 		formField: h,
 		increment: () => {
 			let e = (_.value ?? c.min ?? 0) + f.value;
-			return !s(c.max) && e > c.max ? !1 : (y(e), !0);
+			return !o(c.max) && e > c.max ? !1 : (y(e), !0);
 		},
 		inputBind: g,
 		stringModel: v,

package/dist/Components/NumberField/numberField.types.d.ts

@@ -1,5 +1,5 @@
 import { ButtonHTMLAttributes, InputHTMLAttributes } from 'vue';
-import { MergeHtmlProps } from '@bridge-ui/core';
+import { MergeHtmlProps } from '@bridge-ui/core/Utils';
 import { FormFieldClasses, FormFieldCustomProps, FormFieldOwnProps, FormFieldSlots } from '../FormField/formField.types';
 import { IconProps } from '../Icon';
 export interface NumberFieldClasses extends FormFieldClasses {

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

@@ -14,12 +14,12 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
     onComplete?: ((value: string) => any) | undefined;
 }>, {
-    color: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').OtpFieldColor, import('./otpField.types').OtpFieldColorOverrides>;
-    type: import('@bridge-ui/core').OtpInputType;
-    size: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').BaseFieldSize, import('../BaseField').BaseFieldSizeOverrides>;
+    color: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').OtpFieldColor, import('./otpField.types').OtpFieldColorOverrides>;
+    type: import('@bridge-ui/core/Domain').OtpInputType;
+    size: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').BaseFieldSize, import('../BaseField').BaseFieldSizeOverrides>;
     length: number;
-    rounded: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').OtpFieldRounded, import('./otpField.types').OtpFieldRoundedOverrides>;
-    variant: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').OtpFieldVariant, import('./otpField.types').OtpFieldVariantOverrides>;
+    rounded: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').OtpFieldRounded, import('./otpField.types').OtpFieldRoundedOverrides>;
+    variant: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').OtpFieldVariant, import('./otpField.types').OtpFieldVariantOverrides>;
 }, {}, {}, {}, 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/OtpField/composables/useOtpField.d.ts

@@ -1,5 +1,6 @@
 import { MaybeRefOrGetter, Ref } from 'vue';
-import { LibDefaultsShape, MergeLibDefaults, OtpInputType } from '@bridge-ui/core';
+import { OtpInputType } from '@bridge-ui/core/Domain';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { OtpFieldOwnProps } from '../otpField.types';
 export type UseOtpFieldOptions = {
     onChange?: (value: string) => void;
@@ -15,23 +16,23 @@ export declare function useOtpField(props: MaybeRefOrGetter<OtpFieldOwnProps>, m
     merged: import('vue').ComputedRef<OtpFieldMerged>;
     digits: import('vue').ComputedRef<string[]>;
     length: import('vue').ComputedRef<number>;
-    pinBind: (_index: number) => import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>;
-    pinsBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
+    pinBind: (_index: number) => import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>;
+    pinsBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
     baseField: {
         slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
         merged: import('vue').ComputedRef<Omit<Omit<import('../../BaseField').BaseFieldOwnProps, "field">, "error" | "size" | "hideErrorMessage"> & {
             error: NonNullable<boolean | undefined>;
-            size: NonNullable<keyof import('@bridge-ui/core').BaseFieldSize | undefined>;
+            size: NonNullable<keyof import('@bridge-ui/core/Tokens').BaseFieldSize | undefined>;
             hideErrorMessage: NonNullable<boolean | undefined>;
         }>;
-        rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+        rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
             slots?: import('../../BaseField').BaseFieldSlots | undefined;
             class: string;
         }>>;
-        errorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        groupBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+        errorBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        groupBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
             role: string;
             id: string;
             "aria-describedby": string | undefined;
@@ -39,21 +40,21 @@ export declare function useOtpField(props: MaybeRefOrGetter<OtpFieldOwnProps>, m
             "aria-invalid": true | undefined;
         }>>;
         controlId: import('vue').ComputedRef<string>;
-        headerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
-        sizeClasses: import('vue').ComputedRef<import('@bridge-ui/core').BaseFieldSizeItem | undefined>;
-        endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        sizeClasses: import('vue').ComputedRef<import('@bridge-ui/core/Tokens').BaseFieldSizeItem | undefined>;
+        endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         invalidated: import('vue').ComputedRef<boolean>;
-        startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         mergedClasses: import('vue').ComputedRef<Partial<import('../../BaseField').BaseFieldClasses>>;
         ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
         fieldLabelProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
-        descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
     };
-    inputBind: (index: number) => import('@bridge-ui/core').MergePartBind<object, "class", {
+    inputBind: (index: number) => import('@bridge-ui/core/Utils').MergePartBind<object, "class", {
         inputmode: "text" | "numeric";
         maxlength: number;
         disabled: boolean;