@bridge-ui/vue 0.0.10 → 0.0.11

package/dist/Components/Tab/composables/useTab.d.ts

@@ -1,9 +1,9 @@
-import { IconSize } from '@bridge-ui/core';
+import { IconSize } from '@bridge-ui/core/Tokens';
 import { TabOwnProps, TabProps } from '../tab.types';
 export declare function useTab(props: TabOwnProps): {
     merged: import('vue').ComputedRef<TabOwnProps>;
     iconSize: import('vue').ComputedRef<keyof IconSize>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         role: string;
         type: string;
         onClick: (event: PointerEvent) => void;
@@ -16,8 +16,8 @@ export declare function useTab(props: TabOwnProps): {
         class: string;
     }, "class", import('vue').ButtonHTMLAttributes | undefined, Omit<TabProps, "value" | "classes" | "customProps" | "disabled" | "endIcon" | "startIcon">>>;
     selected: import('vue').ComputedRef<boolean>;
-    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, {}>>;
-    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, {}>>;
+    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, {}>>;
+    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, {}>>;
 };

package/dist/Components/Tab/composables/useTab.js

@@ -1,8 +1,9 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { TABS_INJECTION_KEY as r } from "../../Tabs/tabsInjectionKey.js";
 import { computed as i, inject as a, onBeforeUnmount as o, onMounted as s, useAttrs as c, watch as l } from "vue";
-import { cn as u, getTabId as d, getTabPanelId as f, splitComponentProps as p } from "@bridge-ui/core";
-import { get as m } from "es-toolkit/compat";
+import { get as u } from "es-toolkit/compat";
+import { getTabId as d, getTabPanelId as f } from "@bridge-ui/core/Domain";
+import { cn as p, splitComponentProps as m } from "@bridge-ui/core/Utils";
 //#region src/Components/Tab/composables/useTab.ts
 var h = [
 	"value",
@@ -15,7 +16,7 @@ var h = [
 function g(g) {
 	let _ = c(), v = a(r, null);
 	if (!v) throw Error("Tab must be used within a Tabs provider");
-	let y = v, b = i(() => p({
+	let y = v, b = i(() => m({
 		bridgeKeys: h,
 		props: {
 			..._,
@@ -58,7 +59,7 @@ function g(g) {
 				tabindex: T.value ? 0 : -1,
 				id: d(t.id, C.value),
 				"aria-controls": f(t.id, C.value),
-				class: u({
+				class: p({
 					"inline-flex cursor-pointer items-center justify-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/40 disabled:pointer-events-none disabled:opacity-50": !0,
 					[t.tokenClasses.iconGap ?? ""]: !0,
 					[t.tokenClasses.tabSize ?? ""]: !0,
@@ -67,19 +68,19 @@ function g(g) {
 					[t.tokenClasses.tabVariantSelected ?? ""]: T.value,
 					[t.tokenClasses.colorSelected ?? ""]: T.value,
 					[t.tokenClasses.colorSelectedSoft ?? ""]: T.value && t.tokenClasses.softFill === !0,
-					[m(O.value, "root") ?? ""]: !0
+					[u(O.value, "root") ?? ""]: !0
 				})
 			});
 		}),
 		selected: T,
-		endIconBind: i(() => e(j.value?.endIcon, {}, u({
+		endIconBind: i(() => e(j.value?.endIcon, {}, p({
 			"shrink-0": !0,
-			[m(O.value, "endIcon") ?? ""]: !0
+			[u(O.value, "endIcon") ?? ""]: !0
 		}))),
 		endSlotBind: i(() => e(j.value?.end, {}, "inline-flex shrink-0 items-center")),
-		startIconBind: i(() => e(j.value?.startIcon, {}, u({
+		startIconBind: i(() => e(j.value?.startIcon, {}, p({
 			"shrink-0": !0,
-			[m(O.value, "startIcon") ?? ""]: !0
+			[u(O.value, "startIcon") ?? ""]: !0
 		}))),
 		startSlotBind: i(() => e(j.value?.start, {}, "inline-flex shrink-0 items-center"))
 	};

package/dist/Components/Tab/tab.types.d.ts

@@ -1,5 +1,5 @@
 import { ButtonHTMLAttributes, HTMLAttributes, Slot } from 'vue';
-import { MergeHtmlProps } from '@bridge-ui/core';
+import { MergeHtmlProps } from '@bridge-ui/core/Utils';
 import { IconSource } from '../../Adapters/Icon';
 import { IconProps } from '../Icon';
 export interface TabClasses {

package/dist/Components/TabList/composables/useTabList.d.ts

@@ -1,7 +1,7 @@
 import { TabListOwnProps, TabListProps } from '../tabList.types';
 export declare function useTabList(props: TabListOwnProps): {
     merged: import('vue').ComputedRef<TabListOwnProps>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         role: string;
         onKeydown: (event: KeyboardEvent) => void;
         "aria-orientation": "horizontal" | "vertical";

package/dist/Components/TabList/composables/useTabList.js

@@ -1,14 +1,15 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { TABS_INJECTION_KEY as r } from "../../Tabs/tabsInjectionKey.js";
 import { computed as i, inject as a, useAttrs as o } from "vue";
-import { cn as s, getAdjacentTabValue as c, getTabId as l, splitComponentProps as u } from "@bridge-ui/core";
-import { get as d } from "es-toolkit/compat";
+import { get as s } from "es-toolkit/compat";
+import { getAdjacentTabValue as c, getTabId as l } from "@bridge-ui/core/Domain";
+import { cn as u, splitComponentProps as d } from "@bridge-ui/core/Utils";
 //#region src/Components/TabList/composables/useTabList.ts
 var f = ["classes", "customProps"];
 function p(p) {
 	let m = o(), h = a(r, null);
 	if (!h) throw Error("TabList must be used within a Tabs provider");
-	let g = h, _ = i(() => u({
+	let g = h, _ = i(() => d({
 		bridgeKeys: f,
 		props: {
 			...m,
@@ -50,12 +51,12 @@ function p(p) {
 				role: "tablist",
 				onKeydown: x,
 				"aria-orientation": t.orientation,
-				class: s({
+				class: u({
 					flex: !0,
 					[t.tokenClasses.listOrientation ?? ""]: !0,
 					[t.tokenClasses.listSize ?? ""]: !0,
 					[t.tokenClasses.listVariant ?? ""]: !0,
-					[d(b.value, "root") ?? ""]: !0
+					[s(b.value, "root") ?? ""]: !0
 				})
 			});
 		})

package/dist/Components/TabList/tabList.types.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, Slot } from 'vue';
-import { MergeHtmlProps } from '@bridge-ui/core';
+import { MergeHtmlProps } from '@bridge-ui/core/Utils';
 export interface TabListClasses {
     /**
      * Classes merged onto the tab list root.

package/dist/Components/TabPanel/composables/useTabPanel.d.ts

@@ -1,7 +1,7 @@
 import { TabPanelOwnProps, TabPanelProps } from '../tabPanel.types';
 export declare function useTabPanel(props: TabPanelOwnProps): {
     merged: import('vue').ComputedRef<TabPanelOwnProps>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         role: string;
         hidden: boolean;
         tabindex: number;

package/dist/Components/TabPanel/composables/useTabPanel.js

@@ -1,8 +1,9 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { TABS_INJECTION_KEY as r } from "../../Tabs/tabsInjectionKey.js";
 import { computed as i, getCurrentInstance as a, inject as o, useAttrs as s } from "vue";
-import { cn as c, getTabId as l, getTabPanelId as u, splitComponentProps as d } from "@bridge-ui/core";
-import { get as f } from "es-toolkit/compat";
+import { get as c } from "es-toolkit/compat";
+import { getTabId as l, getTabPanelId as u } from "@bridge-ui/core/Domain";
+import { cn as d, splitComponentProps as f } from "@bridge-ui/core/Utils";
 //#region src/Components/TabPanel/composables/useTabPanel.ts
 var p = [
 	"value",
@@ -13,7 +14,7 @@ var p = [
 function m(m) {
 	let h = s(), g = o(r, null);
 	if (!g) throw Error("TabPanel must be used within a Tabs provider");
-	let _ = g, v = i(() => d({
+	let _ = g, v = i(() => f({
 		props: {
 			...h,
 			...m
@@ -36,10 +37,10 @@ function m(m) {
 				tabindex: S.value ? 0 : -1,
 				id: u(t.id, x.value),
 				"aria-labelledby": l(t.id, x.value),
-				class: c({
+				class: d({
 					[t.tokenClasses.panelSize ?? ""]: !0,
 					[t.tokenClasses.panelOrientation ?? ""]: !0,
-					[f(w.value, "root") ?? ""]: !0
+					[c(w.value, "root") ?? ""]: !0
 				})
 			});
 		}),

package/dist/Components/TabPanel/tabPanel.types.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, Slot } from 'vue';
-import { MergeHtmlProps } from '@bridge-ui/core';
+import { MergeHtmlProps } from '@bridge-ui/core/Utils';
 export interface TabPanelClasses {
     /**
      * Classes merged onto the panel root.

package/dist/Components/Tabs/composables/useTabs.d.ts

@@ -1,12 +1,12 @@
 import { Ref, SetupContext } from 'vue';
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { TabsEmits, TabsOwnProps, TabsProps } from '../tabs.types';
 import { TabsContextValue, TabsItemEntry } from '../tabsInjectionKey';
 type TabsLibDefaults = LibDefaultsShape<TabsOwnProps, "size" | "color" | "variant" | "activation" | "keepMounted" | "orientation">;
 type TabsMerged = MergeLibDefaults<TabsOwnProps, TabsLibDefaults>;
 export declare function useTabs(props: TabsOwnProps, libDefaults: TabsLibDefaults, model: Ref<string | undefined>, emit: SetupContext<TabsEmits>["emit"]): {
     merged: import('vue').ComputedRef<TabsMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         class: string;
     }, "class", import('vue').HTMLAttributes | undefined, Omit<TabsProps, "color" | "orientation" | "size" | "classes" | "customProps" | "variant" | "keepMounted" | "activation">>>;
     tabItems: Ref<{
@@ -16,7 +16,7 @@ export declare function useTabs(props: TabsOwnProps, libDefaults: TabsLibDefault
             __isFragment?: never;
             __isTeleport?: never;
             __isSuspense?: never;
-        } | import('@bridge-ui/core').SemanticIconName | {
+        } | import('@bridge-ui/core/Adapters').SemanticIconName | {
             [x: string]: any;
             setup?: ((this: void, props: import('@vue/shared').LooseRequired<any>, ctx: {
                 attrs: import('vue').Attrs;
@@ -140,7 +140,7 @@ export declare function useTabs(props: TabsOwnProps, libDefaults: TabsLibDefault
             __isFragment?: never;
             __isTeleport?: never;
             __isSuspense?: never;
-        } | import('@bridge-ui/core').SemanticIconName | {
+        } | import('@bridge-ui/core/Adapters').SemanticIconName | {
             [x: string]: any;
             setup?: ((this: void, props: import('@vue/shared').LooseRequired<any>, ctx: {
                 attrs: import('vue').Attrs;
@@ -260,7 +260,7 @@ export declare function useTabs(props: TabsOwnProps, libDefaults: TabsLibDefault
             __isFragment?: never;
             __isTeleport?: never;
             __isSuspense?: never;
-        } | import('@bridge-ui/core').SemanticIconName | {
+        } | import('@bridge-ui/core/Adapters').SemanticIconName | {
             [x: string]: any;
             setup?: ((this: void, props: import('@vue/shared').LooseRequired<any>, ctx: {
                 attrs: import('vue').Attrs;
@@ -384,7 +384,7 @@ export declare function useTabs(props: TabsOwnProps, libDefaults: TabsLibDefault
             __isFragment?: never;
             __isTeleport?: never;
             __isSuspense?: never;
-        } | import('@bridge-ui/core').SemanticIconName | {
+        } | import('@bridge-ui/core/Adapters').SemanticIconName | {
             [x: string]: any;
             setup?: ((this: void, props: import('@vue/shared').LooseRequired<any>, ctx: {
                 attrs: import('vue').Attrs;

package/dist/Components/Tabs/composables/useTabs.js

@@ -1,9 +1,10 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { TABS_INJECTION_KEY as r } from "../tabsInjectionKey.js";
 import { computed as i, provide as a, ref as o, useAttrs as s, useId as c } from "vue";
-import { cn as l, getTabId as u, mergeBridgeUILayeredClasses as d, splitComponentProps as f } from "@bridge-ui/core";
-import { get as p } from "es-toolkit/compat";
-import { colorProps as m, orientationProps as h, sizeProps as g, variantProps as _ } from "@bridge-ui/core/Tokens/Tabs";
+import { get as l } from "es-toolkit/compat";
+import { getTabId as u } from "@bridge-ui/core/Domain";
+import { tabsColorProps as d, tabsOrientationProps as f, tabsSizeProps as p, tabsVariantProps as m } from "@bridge-ui/core/Tokens";
+import { cn as h, mergeBridgeUILayeredClasses as g, splitComponentProps as _ } from "@bridge-ui/core/Utils";
 //#region src/Components/Tabs/composables/useTabs.ts
 var v = [
 	"size",
@@ -16,7 +17,7 @@ var v = [
 	"orientation"
 ];
 function y(y, b, x, S) {
-	let C = c(), w = s(), T = `bridge-tabs${C}`, E = o([]), D = o([]), O = o([]), k = i(() => f({
+	let C = c(), w = s(), T = `bridge-tabs${C}`, E = o([]), D = o([]), O = o([]), k = i(() => _({
 		bridgeKeys: v,
 		props: {
 			...w,
@@ -52,7 +53,7 @@ function y(y, b, x, S) {
 	let L = n({
 		entry: j,
 		props: () => k.value.componentProps
-	}), R = i(() => d(g, j.value?.tokens?.size)), z = i(() => d(_, j.value?.tokens?.variant)), B = i(() => d(m, j.value?.tokens?.color)), V = i(() => d(h, j.value?.tokens?.orientation)), H = i(() => p(R.value, A.value.size)), U = i(() => p(z.value, A.value.variant)), W = i(() => p(B.value, A.value.color)), G = i(() => p(V.value, A.value.orientation)), K = i(() => ({
+	}), R = i(() => g(p, j.value?.tokens?.size)), z = i(() => g(m, j.value?.tokens?.variant)), B = i(() => g(d, j.value?.tokens?.color)), V = i(() => g(f, j.value?.tokens?.orientation)), H = i(() => l(R.value, A.value.size)), U = i(() => l(z.value, A.value.variant)), W = i(() => l(B.value, A.value.color)), G = i(() => l(V.value, A.value.orientation)), K = i(() => ({
 		focusTab: F,
 		id: T,
 		setSelected: N,
@@ -66,20 +67,20 @@ function y(y, b, x, S) {
 		activation: A.value.activation ?? "automatic",
 		orientation: A.value.orientation ?? "horizontal",
 		tokenClasses: {
-			tabSize: p(H.value, "tab"),
-			iconGap: p(H.value, "gap"),
-			iconSize: p(H.value, "icon"),
-			listSize: p(H.value, "list"),
-			panelSize: p(H.value, "panel"),
-			tabVariant: p(U.value, "tab"),
-			listVariant: p(U.value, "list"),
-			tabOrientation: p(G.value, "tab"),
-			colorSelected: p(W.value, "tabSelected"),
-			listOrientation: p(G.value, "list"),
-			rootOrientation: p(G.value, "root"),
-			panelOrientation: p(G.value, "panel"),
-			tabVariantSelected: p(U.value, "tabSelected"),
-			colorSelectedSoft: p(W.value, "tabSelectedSoft"),
+			tabSize: l(H.value, "tab"),
+			iconGap: l(H.value, "gap"),
+			iconSize: l(H.value, "icon"),
+			listSize: l(H.value, "list"),
+			panelSize: l(H.value, "panel"),
+			tabVariant: l(U.value, "tab"),
+			listVariant: l(U.value, "list"),
+			tabOrientation: l(G.value, "tab"),
+			colorSelected: l(W.value, "tabSelected"),
+			listOrientation: l(G.value, "list"),
+			rootOrientation: l(G.value, "root"),
+			panelOrientation: l(G.value, "panel"),
+			tabVariantSelected: l(U.value, "tabSelected"),
+			colorSelectedSoft: l(W.value, "tabSelectedSoft"),
 			softFill: A.value.variant === "pill" || A.value.variant === "solid"
 		}
 	}));
@@ -87,9 +88,9 @@ function y(y, b, x, S) {
 	let q = i(() => A.value.customProps);
 	return {
 		merged: A,
-		rootBind: i(() => e(q.value?.root, k.value.inheritedAttrs, { class: l({
-			[p(G.value, "root") ?? ""]: !0,
-			[p(L.value, "root") ?? ""]: !0
+		rootBind: i(() => e(q.value?.root, k.value.inheritedAttrs, { class: h({
+			[l(G.value, "root") ?? ""]: !0,
+			[l(L.value, "root") ?? ""]: !0
 		}) })),
 		tabItems: O,
 		contextValue: K

package/dist/Components/Tabs/tabs.types.d.ts

@@ -1,5 +1,7 @@
 import { HTMLAttributes, Slot } from 'vue';
-import { MergeHtmlProps, MergeProps, TabsActivation, TabsColor, TabsOrientation, TabsSize, TabsVariant } from '@bridge-ui/core';
+import { TabsActivation } from '@bridge-ui/core/Domain';
+import { TabsColor, TabsOrientation, TabsSize, TabsVariant } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { TabOwnProps } from '../Tab/tab.types';
 import { TabListOwnProps } from '../TabList/tabList.types';
 import { TabPanelOwnProps } from '../TabPanel/tabPanel.types';

package/dist/Components/Tabs/tabsInjectionKey.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef, InjectionKey, VNodeChild } from 'vue';
-import { TabsActivation } from '@bridge-ui/core';
+import { TabsActivation } from '@bridge-ui/core/Domain';
 import { IconSource } from '../../Adapters/Icon';
 /**
  * Merged token classes for triggers / list / panel.

package/dist/Components/TextField/composables/useTextField.d.ts

@@ -5,16 +5,16 @@ export declare function useTextField(props: TextFieldOwnProps): {
             [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;
@@ -134,7 +134,7 @@ export declare function useTextField(props: TextFieldOwnProps): {
             '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;
@@ -170,7 +170,7 @@ export declare function useTextField(props: TextFieldOwnProps): {
             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;
@@ -204,9 +204,9 @@ export declare function useTextField(props: TextFieldOwnProps): {
             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;
@@ -430,31 +430,31 @@ export declare function useTextField(props: TextFieldOwnProps): {
         }, 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>;
     };
-    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;

package/dist/Components/TextField/textField.types.d.ts

@@ -1,5 +1,5 @@
 import { 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';
 export interface TextFieldClasses extends FormFieldClasses {}
 export interface TextFieldCustomProps extends FormFieldCustomProps {}

package/dist/Components/Textarea/composables/useTextarea.d.ts

@@ -6,16 +6,16 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: 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;
@@ -135,7 +135,7 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: 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;
@@ -171,7 +171,7 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: 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;
@@ -205,9 +205,9 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: 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;
@@ -431,32 +431,32 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: 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>;
     };
     adjustHeight: (element: null | HTMLTextAreaElement) => void;
-    textareaBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('@bridge-ui/core').MergePartBind<object, "class", {
+    textareaBind: 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;