@bridge-ui/vue 0.0.9 → 0.0.11

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/TextField.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,14 @@
-import e from "../FormField/FormField.js";
-import { useTextField as t } from "./composables/useTextField.js";
-import { computed as n, createBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, openBlock as c, ref as l, unref as u, useModel as d, vModelDynamic as f, withCtx as p, withDirectives as m } from "vue";
-import { isUndefined as h } from "es-toolkit/compat";
+import { presentSlotNames as e } from "../../Utils/slotOrProp.js";
+import { FORM_FIELD_CHROME_SLOT_NAMES as t } from "../FormField/formField.types.js";
+import n from "../FormField/FormField.js";
+import { useTextField as r } from "./composables/useTextField.js";
+import { computed as i, createBlock as a, createElementVNode as o, createSlots as s, defineComponent as c, guardReactiveProps as l, mergeModels as u, mergeProps as d, normalizeProps as f, openBlock as p, ref as m, renderList as h, renderSlot as g, unref as _, useModel as v, vModelDynamic as y, withCtx as b, withDirectives as x } from "vue";
+import { isUndefined as S } from "es-toolkit/compat";
 //#region src/Components/TextField/TextField.vue?vue&type=script&setup=true&lang.ts
-var g = /*@__PURE__*/ a({
+var C = /*@__PURE__*/ c({
 	inheritAttrs: !1,
 	__name: "TextField",
-	props: /*@__PURE__*/ o({
+	props: /*@__PURE__*/ u({
 		defaultValue: {},
 		classes: {},
 		color: {},
@@ -39,18 +41,21 @@ var g = /*@__PURE__*/ a({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(a) {
-		let o = d(a, "modelValue"), g = a, _ = l(g.defaultValue), v = n({
+	setup(c) {
+		let u = v(c, "modelValue"), C = c, w = m(C.defaultValue), T = i({
 			set: (e) => {
-				o.value = e, _.value = e;
+				u.value = e, w.value = e;
 			},
-			get: () => h(o.value) ? _.value : o.value
-		}), { formField: y, inputBind: b } = t(g);
-		return (t, n) => (c(), r(u(e), { field: u(y) }, {
-			default: p(() => [m(i("input", s({ "onUpdate:modelValue": n[0] ||= (e) => v.value = e }, u(b)), null, 16), [[f, v.value]])]),
-			_: 1
-		}, 8, ["field"]));
+			get: () => S(u.value) ? w.value : u.value
+		}), { formField: E, inputBind: D } = r(C);
+		return (r, i) => (p(), a(_(n), { field: _(E) }, s({
+			default: b(() => [x(o("input", d({ "onUpdate:modelValue": i[0] ||= (e) => T.value = e }, _(D)), null, 16), [[y, T.value]])]),
+			_: 2
+		}, [h(_(e)(_(t), r.$slots), (e) => ({
+			name: e,
+			fn: b((t) => [g(r.$slots, e, f(l(t || {})))])
+		}))]), 1032, ["field"]));
 	}
 });
 //#endregion
-export { g as default };
+export { C as default };

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/Textarea.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,14 @@
-import e from "../FormField/FormField.js";
-import { useTextarea as t } from "./composables/useTextarea.js";
-import { computed as n, createBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, openBlock as c, ref as l, unref as u, useModel as d, useTemplateRef as f, vModelText as p, watch as m, withCtx as h, withDirectives as g } from "vue";
-import { isUndefined as _ } from "es-toolkit/compat";
+import { presentSlotNames as e } from "../../Utils/slotOrProp.js";
+import { FORM_FIELD_CHROME_SLOT_NAMES as t } from "../FormField/formField.types.js";
+import n from "../FormField/FormField.js";
+import { useTextarea as r } from "./composables/useTextarea.js";
+import { computed as i, createBlock as a, createElementVNode as o, createSlots as s, defineComponent as c, guardReactiveProps as l, mergeModels as u, mergeProps as d, normalizeProps as f, openBlock as p, ref as m, renderList as h, renderSlot as g, unref as _, useModel as v, useTemplateRef as y, vModelText as b, watch as x, withCtx as S, withDirectives as C } from "vue";
+import { isUndefined as w } from "es-toolkit/compat";
 //#region src/Components/Textarea/Textarea.vue?vue&type=script&setup=true&lang.ts
-var v = /*@__PURE__*/ a({
+var T = /*@__PURE__*/ c({
 	inheritAttrs: !1,
 	__name: "Textarea",
-	props: /*@__PURE__*/ o({
+	props: /*@__PURE__*/ u({
 		autosize: { type: Boolean },
 		defaultValue: {},
 		likeInput: { type: Boolean },
@@ -42,23 +44,26 @@ var v = /*@__PURE__*/ a({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(a) {
-		let o = d(a, "modelValue"), v = a, y = l(v.defaultValue), b = n({
+	setup(c) {
+		let u = v(c, "modelValue"), T = c, E = m(T.defaultValue), D = i({
 			set: (e) => {
-				o.value = e, y.value = e;
+				u.value = e, E.value = e;
 			},
-			get: () => _(o.value) ? y.value : o.value
-		}), x = f("textarea"), { formField: S, textareaBind: C, adjustHeight: w } = t(v, x);
-		return m(b, () => {
-			w(x.value);
-		}), (t, n) => (c(), r(u(e), { field: u(S) }, {
-			default: h(() => [g(i("textarea", s({
+			get: () => w(u.value) ? E.value : u.value
+		}), O = y("textarea"), { formField: k, textareaBind: A, adjustHeight: j } = r(T, O);
+		return x(D, () => {
+			j(O.value);
+		}), (r, i) => (p(), a(_(n), { field: _(k) }, s({
+			default: S(() => [C(o("textarea", d({
 				ref: "textarea",
-				"onUpdate:modelValue": n[0] ||= (e) => b.value = e
-			}, u(C)), null, 16), [[p, b.value]])]),
-			_: 1
-		}, 8, ["field"]));
+				"onUpdate:modelValue": i[0] ||= (e) => D.value = e
+			}, _(A)), null, 16), [[b, D.value]])]),
+			_: 2
+		}, [h(_(e)(_(t), r.$slots), (e) => ({
+			name: e,
+			fn: S((t) => [g(r.$slots, e, f(l(t || {})))])
+		}))]), 1032, ["field"]));
 	}
 });
 //#endregion
-export { v as default };
+export { T as default };

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;

package/dist/Components/Textarea/composables/useTextarea.js

@@ -1,9 +1,9 @@
 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, onMounted as a, useAttrs as o, watch as s } from "vue";
-import { adjustAutosizeTextareaHeight as c, cn as l, mergeBridgeUILayeredClasses as u } from "@bridge-ui/core";
-import { get as d, isNil as f, omit as p } from "es-toolkit/compat";
-import { resizeProps as m } from "@bridge-ui/core/Tokens/Textarea";
+import { get as c, isNil as l, omit as u } from "es-toolkit/compat";
+import { textareaResizeProps as d } from "@bridge-ui/core/Tokens";
+import { adjustAutosizeTextareaHeight as f, cn as p, mergeBridgeUILayeredClasses as m } from "@bridge-ui/core/Utils";
 //#region src/Components/Textarea/composables/useTextarea.ts
 function h(h, g) {
 	let _ = o(), v = i(() => ({
@@ -24,8 +24,8 @@ function h(h, g) {
 		let e = _.rows;
 		return S.value ? e ?? 1 : e;
 	}), T = r(() => ({
-		...p(_, ["rows"]),
-		...p(h, [
+		...u(_, ["rows"]),
+		...u(h, [
 			"autosize",
 			"resize",
 			"likeInput",
@@ -43,16 +43,16 @@ function h(h, g) {
 		control: () => "textarea",
 		likeInput: () => S.value
 	}), E = i(() => C.value ? "none" : b.value.resize ?? "none"), D = i(() => {
-		let e = u(m, y.value?.tokens?.resize);
-		return d(e, E.value ?? "none");
+		let e = m(d, y.value?.tokens?.resize);
+		return c(e, E.value ?? "none");
 	}), O = i(() => _.onInput), k = (e) => {
-		!e || !C.value || c(e);
+		!e || !C.value || f(e);
 	}, A = (e) => {
 		k(e.target), O.value?.(e);
 	}, j = i(() => e(T.inputBind.value, {
 		...C.value ? { onInput: A } : {},
-		...f(w.value) ? {} : { rows: w.value }
-	}, l({
+		...l(w.value) ? {} : { rows: w.value }
+	}, p({
 		"flex-1 min-w-0": S.value,
 		"overflow-hidden": C.value,
 		"min-w-0 flex-none": !S.value,

package/dist/Components/Textarea/textarea.types.d.ts

@@ -1,5 +1,6 @@
 import { TextareaHTMLAttributes } from 'vue';
-import { MergeHtmlProps, MergeProps, TextareaResize } from '@bridge-ui/core';
+import { TextareaResize } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { FormFieldClasses, FormFieldCustomProps, FormFieldOwnProps, FormFieldSlots } from '../FormField/formField.types';
 export interface TextareaResizeOverrides {}
 export interface TextareaClasses extends FormFieldClasses {}

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

@@ -1,4 +1,4 @@
-import { TimeValue } from '@bridge-ui/core';
+import { TimeValue } from '@bridge-ui/core/Domain';
 import { TimeFieldOwnProps, TimeFieldSlots } from './timeField.types';
 type __VLS_Slots = TimeFieldSlots;
 type __VLS_Props = TimeFieldOwnProps;
@@ -8,17 +8,22 @@ type __VLS_ModelProps = {
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     clear: () => any;
+    apply: () => any;
+    cancel: () => any;
     change: (value: Date | null) => any;
     close: () => any;
     open: () => any;
     "update:modelValue": (value: Date | null | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClear?: (() => any) | undefined;
+    onApply?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
     onChange?: ((value: Date | null) => any) | undefined;
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: Date | null | undefined) => any) | undefined;
 }>, {
+    showFooter: boolean;
     showErrorIcon: boolean;
     clearable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;