@bridge-ui/vue 0.0.10 → 0.1.0

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;

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

@@ -1,11 +1,12 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 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 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";
+import { computed as a, nextTick as o, onMounted as ee, ref as s, toValue as c, useAttrs as te } from "vue";
+import { get as l, isUndefined as ne, omit as re, pick as ie } from "es-toolkit/compat";
+import { applyOtpInput as u, applyOtpKeyNavigation as d, applyOtpPaste as f, isOtpComplete as p, joinOtpDigits as m, normalizeOtpValue as h, resolveOtpLength as g, splitOtpValue as _ } from "@bridge-ui/core/Domain";
+import { otpFieldColorProps as v, otpFieldRoundedProps as y, otpFieldSizeProps as b, otpFieldVariantProps as x } from "@bridge-ui/core/Tokens";
+import { cn as S, getColorToken as ae, mergeBridgeUILayeredClasses as C, splitComponentProps as oe } from "@bridge-ui/core/Utils";
 //#region src/Components/OtpField/composables/useOtpField.ts
-var T = [
+var w = [
 	"mask",
 	"type",
 	"color",
@@ -17,15 +18,12 @@ var T = [
 	"defaultValue",
 	...r
 ];
-function oe(e) {
+function se(e) {
 	if (!e) return;
-	let { pin: t, invalidated: n, input: r, ...i } = e;
-	return {
-		...i,
-		...n?.errorMessage ? { invalidated: { errorMessage: n.errorMessage } } : {}
-	};
+	let { pin: t, input: n, ...r } = e;
+	return r;
 }
-function E(E, D, O = {}, se = {
+function T(T, E, D = {}, O = {
 	length: 6,
 	size: "md",
 	rounded: "md",
@@ -33,134 +31,138 @@ function E(E, D, O = {}, se = {
 	color: "primary",
 	variant: "outline"
 }) {
-	let ce = ee(), k = c([]), A = a(() => ne({
-		bridgeKeys: T,
+	let k = te(), A = s([]), j = a(() => oe({
+		bridgeKeys: w,
 		props: {
-			...ce,
-			...l(E)
+			...k,
+			...c(T)
 		}
-	})), { merged: j, entry: M } = t({
-		libDefaults: se,
+	})), { merged: M, entry: N } = t({
+		libDefaults: O,
 		componentName: "OtpField",
-		props: () => A.value.componentProps
-	}), N = n({
-		entry: M,
-		props: () => A.value.componentProps
-	}), 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,
-		...b(A.value.inheritedAttrs, ["class", "id"])
-	})), L = i(() => I.value, {
+		props: () => j.value.componentProps
+	}), P = n({
+		entry: N,
+		props: () => j.value.componentProps
+	}), F = a(() => M.value.customProps), I = a(() => se(M.value.customProps)), L = a(() => ({
+		...ie(j.value.componentProps, r),
+		customProps: I.value,
+		id: j.value.inheritedAttrs.id,
+		class: j.value.inheritedAttrs.class,
+		...re(j.value.inheritedAttrs, ["class", "id"])
+	})), R = i(() => L.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(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;
-		k.value[t]?.focus();
+	}), { controlId: z, isDisabled: B, isReadonly: V, invalidated: H, ariaDescribedBy: U } = R, W = a(() => g(M.value.length)), G = a(() => M.value.type ?? "numeric"), K = a(() => M.value.variant ?? "outline"), q = a(() => K.value === "underlined"), J = a(() => !ne(E.value)), Y = s(h(c(T).defaultValue, W.value, G.value)), ce = a(() => J.value ? h(E.value, W.value, G.value) : Y.value), X = a(() => _(ce.value, W.value));
+	ee(() => {
+		if (!M.value.autoFocus || B.value || V.value) return;
+		let e = X.value.findIndex((e) => e === ""), t = e === -1 ? 0 : e;
+		A.value[t]?.focus();
 	});
-	let X = (e, t) => {
-		let n = h(e);
-		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();
+	let Z = (e, t) => {
+		let n = m(e);
+		J.value || (Y.value = n), E.value = n, D.onChange?.(n), p(n, W.value) && D.onComplete?.(n), t != null && o(() => {
+			A.value[t]?.focus(), A.value[t]?.select();
+		});
+	}, Q = a(() => {
+		let e = C(b, N.value?.tokens?.size);
+		return l(e, M.value.size ?? "md");
+	}), $ = a(() => {
+		let e = C(v, N.value?.tokens?.color);
+		return ae({
+			tokens: e,
+			color: M.value.color,
+			invalid: H.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);
+	}), le = a(() => {
+		let e = C(y, N.value?.tokens?.rounded);
+		return l(e, M.value.rounded ?? "md");
+	}), ue = a(() => {
+		let e = C(x, N.value?.tokens?.variant);
+		return l(e, K.value);
 	});
 	return {
-		merged: j,
-		digits: Y,
-		length: U,
-		pinBind: (t) => e(P.value?.pin, {}, p({
+		merged: M,
+		digits: X,
+		length: W,
+		pinBind: (t) => e(F.value?.pin, {}, S({
 			"relative flex shrink-0 items-center justify-center overflow-hidden": !0,
-			[Z.value?.pin ?? ""]: !0,
-			[fe.value?.pin ?? ""]: !0,
-			[de.value?.pin ?? ""]: !K.value,
-			[Q.value?.pin ?? ""]: !V.value && !K.value,
-			[Q.value?.underlined ?? ""]: !V.value && K.value,
-			[$.value?.pin ?? ""]: V.value && !K.value,
-			[$.value?.pinUnderlined ?? ""]: V.value && K.value,
-			[N.value.pin ?? ""]: !0
+			[Q.value?.pin ?? ""]: !0,
+			[ue.value?.pin ?? ""]: !0,
+			[le.value?.pin ?? ""]: !q.value,
+			[$.value?.pin ?? ""]: !q.value,
+			[$.value?.underlined ?? ""]: q.value,
+			"bg-error-50 ring-error-500 dark:bg-error-700/10 dark:ring-error-600": H.value && !q.value,
+			"border-error-500 dark:border-error-600": H.value && q.value,
+			[P.value.pin ?? ""]: !0
 		})),
-		pinsBind: a(() => e({}, {}, p({
+		pinsBind: a(() => e({}, {}, S({
 			"flex flex-wrap items-center": !0,
-			[L.sizeClasses.value?.group ?? ""]: !0
+			[R.sizeClasses.value?.group ?? ""]: !0
 		}))),
-		baseField: L,
+		baseField: R,
 		inputBind: (t) => {
-			let n = W.value === "numeric" ? "numeric" : "text";
+			let n = G.value === "numeric" ? "numeric" : "text";
 			return e({
-				...P.value?.input,
+				...F.value?.input,
 				inputmode: n,
-				maxlength: U.value,
-				disabled: z.value,
-				readOnly: B.value,
-				value: Y.value[t] ?? "",
-				id: `${R.value}-${t}`,
-				placeholder: j.value.placeholder,
-				"aria-describedby": H.value,
-				type: j.value.mask ? "password" : "text",
-				"aria-invalid": V.value || void 0,
+				maxlength: W.value,
+				disabled: B.value,
+				readOnly: V.value,
+				value: X.value[t] ?? "",
+				id: `${z.value}-${t}`,
+				placeholder: M.value.placeholder,
+				"aria-describedby": U.value,
+				type: M.value.mask ? "password" : "text",
+				"aria-invalid": H.value || void 0,
 				autocomplete: t === 0 ? "one-time-code" : "off",
-				"aria-label": `Digit ${t + 1} of ${U.value}`
-			}, {}, p({
+				"aria-label": `Digit ${t + 1} of ${W.value}`
+			}, {}, S({
 				"h-full w-full min-w-0 bg-transparent border-0 shadow-none text-center": !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,
-				[N.value.input ?? ""]: !0
+				[Q.value?.input ?? ""]: !0,
+				[P.value.input ?? ""]: !0
 			}));
 		},
 		setPinRef: (e, t) => {
-			k.value[e] = t;
+			A.value[e] = t;
 		},
-		inputType: W,
+		inputType: G,
 		handlePinInput: (e, t) => {
 			let n = t.target.value, r = u({
 				index: e,
 				input: n,
-				digits: Y.value,
-				type: W.value
+				digits: X.value,
+				type: G.value
 			});
-			X(r.digits, r.focusIndex);
+			Z(r.digits, r.focusIndex);
 		},
 		handlePinFocus: (e) => {
-			k.value[e]?.select();
+			A.value[e]?.select();
 		},
 		handlePinPaste: (e, t) => {
 			let n = t.clipboardData?.getData("text") ?? "", r = f({
 				index: e,
 				pasted: n,
-				digits: Y.value,
-				type: W.value
+				digits: X.value,
+				type: G.value
 			});
-			r.focusIndex == null && r.digits.every((e, t) => e === Y.value[t]) || (t.preventDefault(), X(r.digits, r.focusIndex));
+			r.focusIndex == null && r.digits.every((e, t) => e === X.value[t]) || (t.preventDefault(), Z(r.digits, r.focusIndex));
 		},
 		handlePinKeyDown: (e, t) => {
 			let n = d({
 				index: e,
 				key: t.key,
-				digits: Y.value
+				digits: X.value
 			});
-			n && (t.preventDefault(), X(n.digits, n.focusIndex));
+			n && (t.preventDefault(), Z(n.digits, n.focusIndex));
 		}
 	};
 }
 //#endregion
-export { T as otpFieldBridgeKeys, E as useOtpField };
+export { w as otpFieldBridgeKeys, T as useOtpField };

package/dist/Components/OtpField/otpField.types.d.ts

@@ -1,5 +1,7 @@
 import { HTMLAttributes, InputHTMLAttributes } from 'vue';
-import { BaseFieldInvalidated, MergeHtmlProps, MergeProps, OtpFieldColor, OtpFieldInvalidated, OtpFieldRounded, OtpFieldVariant, OtpInputType } from '@bridge-ui/core';
+import { OtpInputType } from '@bridge-ui/core/Domain';
+import { OtpFieldColor, OtpFieldRounded, OtpFieldVariant } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { BaseFieldClasses, BaseFieldCustomProps, BaseFieldOwnProps, BaseFieldSlots } from '../BaseField/baseField.types';
 export interface OtpFieldColorOverrides {}
 export interface OtpFieldRoundedOverrides {}
@@ -15,18 +17,11 @@ export interface OtpFieldClasses extends BaseFieldClasses {
      */
     pin?: string;
 }
-export interface OtpFieldCustomProps extends Omit<BaseFieldCustomProps, "invalidated"> {
+export interface OtpFieldCustomProps extends BaseFieldCustomProps {
     /**
      * Props forwarded to each pin `<input>`.
      */
     input?: Partial<InputHTMLAttributes>;
-    /**
-     * Pin error chrome (`pin` / `pinUnderlined`). Error message color comes from
-     * {@link BaseField} (`Tokens/BaseField`); pass `errorMessage` here to override.
-     *
-     * @default undefined
-     */
-    invalidated?: Partial<OtpFieldInvalidated & BaseFieldInvalidated>;
     /**
      * Props forwarded to each pin cell wrapper.
      */

package/dist/Components/Pagination/Pagination.js

@@ -0,0 +1,5 @@
+import e from "./Pagination.vue_vue_type_script_setup_true_lang.js";
+//#region src/Components/Pagination/Pagination.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,30 @@
+import { PaginationOwnProps, PaginationSlots } from './pagination.types';
+type __VLS_Slots = PaginationSlots;
+type __VLS_Props = PaginationOwnProps;
+type __VLS_ModelProps = {
+    modelValue?: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    next: () => any;
+    previous: () => any;
+    change: (page: number) => any;
+    "update:modelValue": (...args: unknown[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onNext?: (() => any) | undefined;
+    onPrevious?: (() => any) | undefined;
+    onChange?: ((page: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    hideNextButton: boolean;
+    hidePrevButton: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};