@bridge-ui/vue 0.0.10 → 0.0.11

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>;

package/dist/Components/TimeField/TimeField.vue_vue_type_script_setup_true_lang.js

@@ -6,13 +6,13 @@ import i from "../FormField/FormField.js";
 import a from "../FieldOverlay/FieldOverlay.js";
 import { useTimeField as o } from "./composables/useTimeField.js";
 import s from "../TimePicker/TimePicker.js";
-import { Fragment as c, computed as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as p, createVNode as m, defineComponent as h, guardReactiveProps as g, isRef as _, mergeModels as v, mergeProps as y, normalizeClass as b, normalizeProps as x, openBlock as S, ref as C, renderList as w, renderSlot as T, unref as E, useModel as D, withCtx as O, withKeys as k, withModifiers as A } from "vue";
-import { isUndefined as j } from "es-toolkit/compat";
+import { Fragment as c, computed as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as p, createVNode as m, defineComponent as h, guardReactiveProps as g, mergeModels as _, mergeProps as v, normalizeClass as y, normalizeProps as b, openBlock as x, ref as S, renderList as C, renderSlot as w, unref as T, useModel as E, withCtx as D, withKeys as O, withModifiers as k } from "vue";
+import { isUndefined as A } from "es-toolkit/compat";
 //#region src/Components/TimeField/TimeField.vue?vue&type=script&setup=true&lang.ts
-var M = { class: "flex min-w-0 flex-1 items-center gap-1" }, N = ["aria-label"], P = /*@__PURE__*/ h({
+var j = { class: "flex min-w-0 flex-1 items-center gap-1" }, M = ["aria-label"], N = /*@__PURE__*/ h({
 	inheritAttrs: !1,
 	__name: "TimeField",
-	props: /*@__PURE__*/ v({
+	props: /*@__PURE__*/ _({
 		ampm: { type: Boolean },
 		classes: {},
 		clearable: {
@@ -26,7 +26,10 @@ var M = { class: "flex min-w-0 flex-1 items-center gap-1" }, N = ["aria-label"],
 		maxTime: {},
 		minTime: {},
 		overlay: {},
-		showFooter: { type: Boolean },
+		showFooter: {
+			type: Boolean,
+			default: void 0
+		},
 		showSeconds: { type: Boolean },
 		timeZone: {},
 		color: {},
@@ -57,57 +60,63 @@ var M = { class: "flex min-w-0 flex-1 items-center gap-1" }, N = ["aria-label"],
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ v([
+	emits: /*@__PURE__*/ _([
+		"apply",
+		"cancel",
 		"change",
 		"clear",
 		"close",
 		"open"
 	], ["update:modelValue"]),
-	setup(h, { emit: v }) {
-		let P = D(h, "modelValue"), F = h, I = v, L = e(), R = C(F.defaultValue ?? null), z = l({
+	setup(h, { emit: _ }) {
+		let N = E(h, "modelValue"), P = h, F = _, I = e(), L = S(P.defaultValue ?? null), R = l({
 			set: (e) => {
-				P.value = e, R.value = e;
+				N.value = e, L.value = e;
 			},
-			get: () => j(P.value) ? R.value : P.value
-		}), { open: B, overlay: V, timeOnly: H, formField: U, inputBind: W, clearBind: G, clearValue: K, modelValue: q, showFooter: J, pickerClass: Y, clearIconSize: X, showClearIcon: Z, handleOpenChange: Q, handlePickerChange: $, handlePickerCancel: ee, overlayCustomProps: te, timePickerCustomProps: ne } = o(F, z, I);
-		return (e, o) => (S(), d(c, null, [m(E(i), { field: E(U) }, p({
-			default: O(() => [f("div", M, [f("input", x(g(E(W))), null, 16), E(Z) ? (S(), d("span", y({ key: 0 }, E(G), {
-				onClick: o[0] ||= (...e) => E(K) && E(K)(...e),
-				"aria-label": E(L)("Clear"),
-				onKeydown: [o[1] ||= k(A((...e) => E(K) && E(K)(...e), ["prevent"]), ["enter"]), o[2] ||= k(A((...e) => E(K) && E(K)(...e), ["prevent"]), ["space"])]
-			}), [m(E(n), y({
+			get: () => A(N.value) ? L.value : N.value
+		}), { open: z, overlay: B, timeOnly: V, formField: H, inputBind: U, clearBind: W, clearValue: G, modelValue: K, showFooter: q, pickerClass: J, clearIconSize: Y, showClearIcon: X, handleOpenChange: Z, handlePickerChange: Q, handlePickerCancel: $, overlayCustomProps: ee, timePickerCustomProps: te } = o(P, R, F);
+		return (e, o) => (x(), d(c, null, [m(T(i), { field: T(H) }, p({
+			default: D(() => [f("div", j, [f("input", b(g(T(U))), null, 16), T(X) ? (x(), d("span", v({ key: 0 }, T(W), {
+				onClick: o[0] ||= (...e) => T(G) && T(G)(...e),
+				"aria-label": T(I)("Clear"),
+				onKeydown: [o[1] ||= O(k((...e) => T(G) && T(G)(...e), ["prevent"]), ["enter"]), o[2] ||= O(k((...e) => T(G) && T(G)(...e), ["prevent"]), ["space"])]
+			}), [m(T(n), v({
 				icon: "clear",
-				size: E(X)
-			}, F.customProps?.clearIcon), null, 16, ["size"])], 16, N)) : u("", !0)])]),
+				size: T(Y)
+			}, P.customProps?.clearIcon), null, 16, ["size"])], 16, M)) : u("", !0)])]),
 			_: 2
-		}, [w(E(t)(E(r), e.$slots), (t) => ({
+		}, [C(T(t)(T(r), e.$slots), (t) => ({
 			name: t,
-			fn: O((n) => [T(e.$slots, t, x(g(n || {})))])
-		}))]), 1032, ["field"]), m(E(a), {
-			modelValue: E(B),
-			"onUpdate:modelValue": [o[3] ||= (e) => _(B) ? B.value = e : null, E(Q)],
-			overlay: E(V),
-			"custom-props": E(te)
+			fn: D((n) => [w(e.$slots, t, b(g(n || {})))])
+		}))]), 1032, ["field"]), m(T(a), {
+			overlay: T(B),
+			"model-value": T(z),
+			"custom-props": T(ee),
+			"onUpdate:modelValue": T(Z)
 		}, {
-			default: O(() => [m(E(s), {
-				value: E(q),
-				class: b(E(Y)),
-				ampm: E(H).ampm,
-				"show-footer": E(J),
-				"read-only": F.readonly,
-				"max-time": E(H).maxTime,
-				"min-time": E(H).minTime,
-				interval: E(H).interval,
-				"time-zone": E(H).timeZone,
-				onChange: E($),
-				onCancel: E(ee),
-				"show-seconds": E(H).showSeconds,
-				color: E(U).merged.value.color,
-				"custom-props": E(ne),
-				disabled: E(U).isDisabled.value,
-				"disable-times": E(H).disableTimes,
-				rounded: E(U).merged.value.rounded
-			}, null, 8, [
+			default: D(() => [m(T(s), {
+				value: T(K),
+				class: y(T(J)),
+				ampm: T(V).ampm,
+				"show-footer": T(q),
+				"read-only": P.readonly,
+				"max-time": T(V).maxTime,
+				"min-time": T(V).minTime,
+				interval: T(V).interval,
+				"time-zone": T(V).timeZone,
+				onChange: T(Q),
+				onCancel: T($),
+				"show-seconds": T(V).showSeconds,
+				color: T(H).merged.value.color,
+				"custom-props": T(te),
+				disabled: T(H).isDisabled.value,
+				"disable-times": T(V).disableTimes,
+				rounded: T(H).merged.value.rounded
+			}, p({ _: 2 }, [e.$slots.footer ? {
+				name: "footer",
+				fn: D((t) => [w(e.$slots, "footer", b(g(t)))]),
+				key: "0"
+			} : void 0]), 1032, [
 				"value",
 				"class",
 				"ampm",
@@ -126,14 +135,14 @@ var M = { class: "flex min-w-0 flex-1 items-center gap-1" }, N = ["aria-label"],
 				"disable-times",
 				"rounded"
 			])]),
-			_: 1
+			_: 3
 		}, 8, [
-			"modelValue",
 			"overlay",
+			"model-value",
 			"custom-props",
 			"onUpdate:modelValue"
 		])], 64));
 	}
 });
 //#endregion
-export { P as default };
+export { N as default };

package/dist/Components/TimeField/composables/useTimeField.d.ts

@@ -1,5 +1,5 @@
 import { Ref, SetupContext } from 'vue';
-import { TimeValue } from '@bridge-ui/core';
+import { TimeValue } from '@bridge-ui/core/Domain';
 import { FormFieldOwnProps } from '../../FormField/formField.types';
 import { TimeFieldEmits, TimeFieldOwnProps } from '../timeField.types';
 /**
@@ -7,24 +7,24 @@ import { TimeFieldEmits, TimeFieldOwnProps } from '../timeField.types';
  */
 export declare function useTimeField(props: TimeFieldOwnProps, model: Ref<null | TimeValue | undefined>, emit: SetupContext<TimeFieldEmits>["emit"]): {
     open: Ref<boolean, boolean>;
-    overlay: import('vue').ComputedRef<import('@bridge-ui/core').FieldOverlayMode | undefined>;
+    overlay: import('vue').ComputedRef<import('@bridge-ui/core/Domain').FieldOverlayMode | undefined>;
     hasValue: import('vue').ComputedRef<boolean>;
-    timeOnly: import('vue').ComputedRef<Pick<TimeFieldOwnProps & Record<string, unknown>, "classes" | "customProps" | "overlay" | "showFooter" | "clearable" | "defaultValue" | "timeZone" | "ampm" | "disableTimes" | "interval" | "maxTime" | "minTime" | "showSeconds">>;
+    timeOnly: import('vue').ComputedRef<Pick<TimeFieldOwnProps & Record<string, unknown>, "classes" | "overlay" | "showFooter" | "customProps" | "clearable" | "defaultValue" | "timeZone" | "ampm" | "disableTimes" | "interval" | "maxTime" | "minTime" | "showSeconds">>;
     formField: {
         slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
         merged: import('vue').ComputedRef<Omit<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;
@@ -144,7 +144,7 @@ export declare function useTimeField(props: TimeFieldOwnProps, model: Ref<null |
             '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;
@@ -180,7 +180,7 @@ export declare function useTimeField(props: TimeFieldOwnProps, model: Ref<null |
             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;
@@ -214,9 +214,9 @@ export declare function useTimeField(props: TimeFieldOwnProps, model: Ref<null |
             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;
@@ -440,31 +440,31 @@ export declare function useTimeField(props: TimeFieldOwnProps, model: Ref<null |
         }, Partial<Omit<Omit<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<import('@bridge-ui/core').MergePartBind<object, "class", {
+    inputBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {
         id: string;
         disabled: boolean;
         readonly: boolean;
@@ -692,7 +692,7 @@ export declare function useTimeField(props: TimeFieldOwnProps, model: Ref<null |
         onKeydown: (event: KeyboardEvent) => void;
     }, undefined>>;
     clearable: import('vue').ComputedRef<boolean>;
-    clearBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    clearBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         tabindex: number;
         role: string;
         "data-field-clear": boolean;
@@ -704,7 +704,7 @@ export declare function useTimeField(props: TimeFieldOwnProps, model: Ref<null |
     showFooter: import('vue').ComputedRef<boolean>;
     pickerClass: import('vue').ComputedRef<"w-full shadow-none" | undefined>;
     containerRef: Ref<HTMLElement | null, HTMLElement | null>;
-    clearIconSize: import('vue').ComputedRef<keyof import('@bridge-ui/core').IconSize>;
+    clearIconSize: import('vue').ComputedRef<keyof import('@bridge-ui/core/Tokens').IconSize>;
     showClearIcon: import('vue').ComputedRef<boolean>;
     handleOpenChange: (next: boolean) => void;
     handlePickerChange: (next: null | TimeValue) => void;
@@ -733,9 +733,9 @@ export declare function useTimeField(props: TimeFieldOwnProps, model: Ref<null |
             onShowChange?: (show: boolean) => void;
             persistent?: boolean;
             placement: import('@floating-ui/utils').Placement;
-            rounded?: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').MenuRounded, import('../../Menu').MenuRoundedOverrides>;
-            shadow?: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').MenuShadow, import('../../Menu').MenuShadowOverrides>;
-            strategy?: import('@bridge-ui/core').PositionStrategy;
+            rounded?: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').MenuRounded, import('../../Menu').MenuRoundedOverrides>;
+            shadow?: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').MenuShadow, import('../../Menu').MenuShadowOverrides>;
+            strategy?: import('@bridge-ui/core/Runtime').PositionStrategy;
             teleportTo?: false | string;
         };
     }>;

package/dist/Components/TimeField/composables/useTimeField.js

@@ -1,12 +1,13 @@
 import { useDateAdapter as e, useDateAdapterContext as t } from "../../../Adapters/Date/useDateAdapter.js";
 import { hasNamedSlot as n } from "../../../Utils/slotOrProp.js";
 import { useBreakpoint as r } from "../../../Utils/useBreakpoint.js";
-import { mergePartBind as i, resolveFieldAdornmentIconSize as a } from "../../../Utils/index.js";
-import { formFieldBridgeKeys as o, useFormField as s } from "../../FormField/composables/useFormField.js";
-import { computed as c, ref as l, useAttrs as u, useSlots as d } from "vue";
-import { cn as f, isFieldOverlayDialog as p, resolveFieldOverlay as m, resolveFieldShowFooter as h, splitComponentProps as g } from "@bridge-ui/core";
-import { get as _, isNil as v, omit as y } from "es-toolkit/compat";
-import { colorProps as b } from "@bridge-ui/core/Tokens/Listbox";
+import { mergePartBind as i, resolveFieldAdornmentIconSize as a, useFieldShowFooter as o } from "../../../Utils/index.js";
+import { formFieldBridgeKeys as s, useFormField as c } from "../../FormField/composables/useFormField.js";
+import { computed as l, ref as u, useAttrs as d, useSlots as f } from "vue";
+import { get as p, isNil as m, omit as h } from "es-toolkit/compat";
+import { isFieldOverlayDialog as g, resolveFieldOverlay as _ } from "@bridge-ui/core/Domain";
+import { listboxColorProps as v } from "@bridge-ui/core/Tokens";
+import { cn as y, splitComponentProps as b } from "@bridge-ui/core/Utils";
 //#region src/Components/TimeField/composables/useTimeField.ts
 var x = [
 	"ampm",
@@ -24,29 +25,29 @@ var x = [
 	"disableTimes"
 ];
 function S(e, t, n, r, i) {
-	return v(e) ? "" : t.formatTime(e, n, {
+	return m(e) ? "" : t.formatTime(e, n, {
 		ampm: r,
 		showSeconds: i
 	});
 }
 function C(C, w, T) {
-	let E = u(), D = d(), O = e(), k = r(), A = t(), j = l(!1), M = l(null), N = c(() => g({
+	let E = d(), D = f(), O = e(), k = r(), A = t(), j = u(!1), M = u(null), N = l(() => b({
 		props: {
 			...E,
 			...C
 		},
 		bridgeKeys: x
-	})), P = c(() => N.value.componentProps), F = c(() => A(P.value.timeZone)), I = c(() => w.value ?? null), L = c(() => P.value.clearable !== !1), R = c(() => !v(I.value)), z = c(() => m(P.value.overlay, k.mobile)), B = c(() => p(z.value) ? "w-full shadow-none" : void 0), ee = (e) => {
+	})), P = l(() => N.value.componentProps), F = l(() => A(P.value.timeZone)), I = l(() => w.value ?? null), L = l(() => P.value.clearable !== !1), R = l(() => !m(I.value)), z = l(() => _(P.value.overlay, k.mobile)), B = l(() => g(z.value) ? "w-full shadow-none" : void 0), V = (e) => {
 		M.value = e instanceof HTMLElement ? e : null;
 	};
-	function V(e) {
-		j.value = e, T(e ? "open" : "close");
+	function H(e) {
+		j.value !== e && (j.value = e, T(e ? "open" : "close"));
 	}
-	let H = c(() => y(N.value.inheritedAttrs, ["class"])), U = c(() => {
-		let e = g({
-			bridgeKeys: o,
-			props: H.value
-		}).componentProps, t = e.endIcon ?? (n(D, "end") ? void 0 : "clock"), { menu: r, clearIcon: a, timePicker: s, ...c } = P.value.customProps ?? {};
+	let ee = l(() => h(N.value.inheritedAttrs, ["class"])), U = l(() => {
+		let e = b({
+			bridgeKeys: s,
+			props: ee.value
+		}).componentProps, t = e.endIcon ?? (n(D, "end") ? void 0 : "clock"), { menu: r, clearIcon: a, timePicker: o, ...c } = P.value.customProps ?? {};
 		return {
 			...e,
 			endIcon: t,
@@ -54,47 +55,55 @@ function C(C, w, T) {
 			customProps: {
 				...c,
 				container: i(c.container, {}, {
-					ref: ee,
-					class: f({ "cursor-pointer": !C.disabled && !C.readonly }),
+					ref: V,
+					class: y({ "cursor-pointer": !C.disabled && !C.readonly }),
 					onClick: (e) => {
-						C.disabled || C.readonly || e.target.closest("[data-field-clear]") || V(!0);
+						C.disabled || C.readonly || e.target.closest("[data-field-clear]") || H(!0);
 					}
 				})
 			}
 		};
-	}), W = s(() => U.value, {
+	}), W = c(() => U.value, {
 		size: "md",
 		rounded: "md",
 		color: "primary",
 		variant: "outline",
 		showErrorIcon: !0
-	}, { componentName: "TimeField" }), G = c(() => R.value && L.value && !C.readonly && !W.isDisabled.value), K = c(() => S(I.value, O.value, F.value, P.value.ampm, P.value.showSeconds));
+	}, { componentName: "TimeField" }), G = l(() => R.value && L.value && !C.readonly && !W.isDisabled.value), K = l(() => S(I.value, O.value, F.value, P.value.ampm, P.value.showSeconds));
 	function q(e) {
 		w.value = e, T("change", e);
 	}
-	let J = c(() => h(P.value.showFooter, k.mobile));
+	let J = o({
+		overlay: z,
+		componentName: "TimeField",
+		showFooter: () => P.value.showFooter
+	});
 	function Y(e) {
-		q(e), V(!1);
+		if (q(e), J.value) {
+			T("apply");
+			return;
+		}
+		H(!1);
 	}
 	function X() {
-		V(!1);
+		T("cancel");
 	}
 	function Z(e) {
-		e?.preventDefault(), e?.stopPropagation(), !(C.disabled || C.readonly) && (q(null), T("clear"), V(!1));
+		e?.preventDefault(), e?.stopPropagation(), !(C.disabled || C.readonly) && (q(null), T("clear"), H(!1));
 	}
 	function Q(e) {
 		e.preventDefault();
 	}
-	let $ = c(() => i({
+	let $ = l(() => i({
 		readonly: !0,
 		value: K.value,
 		onFocus: (e) => {
-			W.inputBind.value.onFocus?.(e), V(!0);
+			W.inputBind.value.onFocus?.(e), H(!0);
 		},
 		onKeydown: (e) => {
-			W.inputBind.value.onKeydown?.(e), e.key === "Escape" && V(!1);
+			W.inputBind.value.onKeydown?.(e), e.key === "Escape" && H(!1);
 		}
-	}, void 0, W.inputBind.value)), te = c(() => P.value.overlay), ne = c(() => {
+	}, void 0, W.inputBind.value)), te = l(() => P.value.overlay), ne = l(() => {
 		let e = P.value.customProps?.menu;
 		return {
 			modal: P.value.customProps?.modal,
@@ -105,11 +114,11 @@ function C(C, w, T) {
 				...e,
 				classes: {
 					...e?.classes,
-					content: f("min-w-0", e?.classes?.content)
+					content: y("min-w-0", e?.classes?.content)
 				}
 			}
 		};
-	}), re = c(() => P.value.customProps?.timePicker), ie = c(() => a(W.merged.value.size)), ae = c(() => _(b, [W.merged.value.color ?? "primary", "clear"]) ?? "text-dark-400 hover:text-dark-600 dark:text-dark-500 dark:hover:text-dark-300");
+	}), re = l(() => P.value.customProps?.timePicker), ie = l(() => a(W.merged.value.size)), ae = l(() => p(v, [W.merged.value.color ?? "primary", "clear"]) ?? "text-dark-400 hover:text-dark-600 dark:text-dark-500 dark:hover:text-dark-300");
 	return {
 		open: j,
 		overlay: te,
@@ -118,12 +127,12 @@ function C(C, w, T) {
 		formField: W,
 		inputBind: $,
 		clearable: L,
-		clearBind: c(() => i({}, {}, {
+		clearBind: l(() => i({}, {}, {
 			tabindex: 0,
 			role: "button",
 			"data-field-clear": !0,
 			onMousedown: Q,
-			class: f({
+			class: y({
 				"inline-flex shrink-0 cursor-pointer items-center justify-center rounded-sm transition-colors duration-150": !0,
 				[ae.value]: !0,
 				[P.value.classes?.clear ?? ""]: !0
@@ -136,7 +145,7 @@ function C(C, w, T) {
 		containerRef: M,
 		clearIconSize: ie,
 		showClearIcon: G,
-		handleOpenChange: V,
+		handleOpenChange: H,
 		handlePickerChange: Y,
 		handlePickerCancel: X,
 		overlayCustomProps: ne,

package/dist/Components/TimeField/timeField.types.d.ts

@@ -1,5 +1,6 @@
-import { InputHTMLAttributes } from 'vue';
-import { DisableTimesInput, FieldOverlayMode, MergeHtmlProps, TimeValue } from '@bridge-ui/core';
+import { InputHTMLAttributes, Slot } from 'vue';
+import { DisableTimesInput, FieldOverlayFooterSlotProps, FieldOverlayMode, TimeValue } from '@bridge-ui/core/Domain';
+import { MergeHtmlProps } from '@bridge-ui/core/Utils';
 import { DrawerOwnProps } from '../Drawer/drawer.types';
 import { FormFieldClasses, FormFieldCustomProps, FormFieldOwnProps, FormFieldSlots } from '../FormField/formField.types';
 import { IconProps } from '../Icon';
@@ -45,6 +46,14 @@ export interface TimeFieldCustomProps extends FormFieldCustomProps {
     timePicker?: TimePickerCustomProps;
 }
 export interface TimeFieldEmits {
+    /**
+     * Emitted when Apply is pressed (`showFooter`).
+     */
+    apply: [];
+    /**
+     * Emitted when Cancel is pressed (`showFooter`).
+     */
+    cancel: [];
     /**
      * Emitted when the selected time changes.
      */
@@ -125,10 +134,10 @@ export interface TimeFieldOwnProps extends Omit<FormFieldOwnProps, "field" | "cl
      */
     overlay?: FieldOverlayMode;
     /**
-     * Shows Cancel / Apply on the nested picker. When unset, defaults to `true`
-     * on mobile.
+     * Shows Cancel / Apply on the nested picker. When unset, defaults to `true` for dialog
+     * shells (`modal` / `drawer`).
      *
-     * @default false
+     * @default false (`true` for `modal` / `drawer` when unset)
      */
     showFooter?: boolean;
     /**
@@ -144,7 +153,15 @@ export interface TimeFieldOwnProps extends Omit<FormFieldOwnProps, "field" | "cl
      */
     timeZone?: string;
 }
-export interface TimeFieldSlots extends FormFieldSlots {}
+export interface TimeFieldSlots extends FormFieldSlots {
+    /**
+     * Custom footer. Replaces Cancel / Apply. Call `apply()` to commit and close
+     * the overlay, or `cancel()` to discard and close.
+     *
+     * @default undefined
+     */
+    footer?: Slot<FieldOverlayFooterSlotProps>;
+}
 export type TimeFieldProps = MergeHtmlProps<TimeFieldOwnProps, InputHTMLAttributes> & {
     /**
      * Bound with `v-model` on the component (`defineModel` internally).

package/dist/Components/TimePanel/TimePanel.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
 import { useTimePanel as e } from "./composables/useTimePanel.js";
 import { Fragment as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, nextTick as c, normalizeProps as l, onBeforeUnmount as u, onMounted as d, openBlock as f, ref as p, renderList as m, toDisplayString as h, unref as g, watch as _ } from "vue";
-import { observeTimePanelSelectedScroll as v } from "@bridge-ui/core";
+import { observeTimePanelSelectedScroll as v } from "@bridge-ui/core/Domain";
 //#region src/Components/TimePanel/TimePanel.vue?vue&type=script&setup=true&lang.ts
 var y = /*@__PURE__*/ a({
 	inheritAttrs: !1,