@bridge-ui/vue 0.8.0 → 0.9.0

package/dist/Components/TimePicker/composables/useTimePicker.js

@@ -1,12 +1,11 @@
-import { useResolveMessage as e } from "../../../Adapters/I18n/useI18nAdapter.js";
-import { mergePartBind as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as r } from "../../../Utils/index.js";
-import { FIELD_OVERLAY_INJECTION_KEY as i } from "../../FieldOverlay/fieldOverlayInjectionKey.js";
-import { computed as a, inject as o, ref as s, toValue as c, useAttrs as l, watch as u } from "vue";
-import { get as d, isNil as f, omit as p } from "es-toolkit/compat";
-import { menuRoundedProps as m } from "@bridge-ui/core/Tokens";
-import { cn as h, splitComponentProps as g } from "@bridge-ui/core/Utils";
+import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
+import { FIELD_OVERLAY_INJECTION_KEY as r } from "../../FieldOverlay/fieldOverlayInjectionKey.js";
+import { computed as i, inject as a, ref as o, toValue as s, useAttrs as c, watch as l } from "vue";
+import { get as u, isNil as d, omit as f } from "es-toolkit/compat";
+import { menuRoundedProps as p } from "@bridge-ui/core/Tokens";
+import { cn as m, splitComponentProps as h } from "@bridge-ui/core/Utils";
 //#region src/Components/TimePicker/composables/useTimePicker.ts
-var _ = [
+var g = [
 	"ampm",
 	"fill",
 	"color",
@@ -26,71 +25,69 @@ var _ = [
 	"defaultValue",
 	"disableTimes"
 ];
-function v(v, y, b) {
-	let x = l(), S = o(i, {
+function _(_, v, y) {
+	let b = c(), x = a(r, {
 		apply: () => void 0,
 		cancel: () => void 0
-	}), C = e(), w = a(() => g({
-		bridgeKeys: _,
+	}), S = i(() => h({
+		bridgeKeys: g,
 		props: {
-			...x,
-			...c(v)
+			...b,
+			...s(_)
 		}
-	})), { merged: T, entry: E } = n({
-		libDefaults: y,
+	})), { merged: C, entry: w } = t({
+		libDefaults: v,
 		componentName: "TimePicker",
-		props: () => w.value.componentProps
-	}), D = a(() => T.value.customProps), O = a(() => p(w.value.inheritedAttrs, [
+		props: () => S.value.componentProps
+	}), T = i(() => C.value.customProps), E = i(() => f(S.value.inheritedAttrs, [
 		"onApply",
 		"onCancel",
 		"onChange"
-	])), k = r({
-		entry: E,
-		props: () => w.value.componentProps
-	}), A = a(() => c(v)), j = a(() => !f(A.value.value)), M = s(T.value.defaultValue ?? null), N = a(() => j.value ? A.value.value ?? null : M.value), P = s(N.value);
-	u(() => [N.value, T.value.showFooter], ([e, t]) => {
-		t && (P.value = e);
+	])), D = n({
+		entry: w,
+		props: () => S.value.componentProps
+	}), O = i(() => s(_)), k = i(() => !d(O.value.value)), A = o(C.value.defaultValue ?? null), j = i(() => k.value ? O.value.value ?? null : A.value), M = o(j.value);
+	l(() => [j.value, C.value.showFooter], ([e, t]) => {
+		t && (M.value = e);
 	});
-	let F = a(() => T.value.showFooter ? P.value : N.value), I = (e) => {
-		j.value || (M.value = e), b("change", e);
-	}, L = (e) => {
-		if (T.value.showFooter) {
-			P.value = e;
+	let N = i(() => C.value.showFooter ? M.value : j.value), P = (e) => {
+		k.value || (A.value = e), y("change", e);
+	}, F = (e) => {
+		if (C.value.showFooter) {
+			M.value = e;
 			return;
 		}
-		I(e);
-	}, R = () => {
-		I(P.value), b("apply"), S.apply();
-	}, z = () => {
-		P.value = N.value, b("cancel"), S.cancel();
-	}, B = a(() => {
-		let e = d(m, T.value.rounded ?? "md");
-		return t(D.value?.root, O.value, h({
+		P(e);
+	}, I = () => {
+		P(M.value), y("apply"), x.apply();
+	}, L = () => {
+		M.value = j.value, y("cancel"), x.cancel();
+	}, R = i(() => {
+		let t = u(p, C.value.rounded ?? "md");
+		return e(T.value?.root, E.value, m({
 			"flex flex-col overflow-hidden bg-white shadow-lg dark:bg-dark-900": !0,
-			"w-full": T.value.fill,
-			"w-fit": !T.value.fill,
-			[e]: !0,
-			[k.value.root ?? ""]: !0
+			"w-full": C.value.fill,
+			"w-fit": !C.value.fill,
+			[t]: !0,
+			[D.value.root ?? ""]: !0
 		}));
-	}), V = a(() => h({ "px-2.5": !0 }));
+	}), z = i(() => m({ "px-2.5": !0 }));
 	return {
-		merged: T,
-		rootBind: B,
-		footerBind: a(() => t(D.value?.footer, {}, h({
+		merged: C,
+		rootBind: R,
+		footerBind: i(() => e(T.value?.footer, {}, m({
 			"flex items-center justify-end gap-2 border-t border-dark-100 bg-dark-50 px-3 py-2 dark:border-dark-800 dark:bg-dark-950/40": !0,
-			[k.value.footer ?? ""]: !0
+			[D.value.footer ?? ""]: !0
 		}))),
-		showFooter: a(() => !!T.value.showFooter),
-		contentBind: V,
-		handleApply: R,
-		displayValue: F,
-		handleCancel: z,
-		handlePanelChange: L,
-		applyLabel: a(() => C("Apply")),
-		cancelLabel: a(() => C("Cancel")),
-		applyButtonProps: a(() => D.value?.applyButton),
-		cancelButtonProps: a(() => D.value?.cancelButton)
+		showFooter: i(() => !!C.value.showFooter),
+		contentBind: z,
+		handleApply: I,
+		displayValue: N,
+		handleCancel: L,
+		handlePanelChange: F,
+		applyButtonProps: i(() => T.value?.applyButton),
+		cancelButtonProps: i(() => T.value?.cancelButton)
 	};
 }
 //#endregion
-export { v as useTimePicker };
+export { _ as useTimePicker };

package/dist/Components/TimeRangeField/TimeRangeField.vue_vue_type_script_setup_true_lang.js

@@ -17,7 +17,7 @@ var A = { class: "flex min-w-0 flex-1 items-center gap-1" }, j = ["aria-label"],
 		classes: {},
 		clearable: {
 			type: Boolean,
-			default: !0
+			default: !1
 		},
 		customProps: {},
 		defaultValue: {},

package/dist/Components/TimeRangeField/composables/useTimeRangeField.d.ts

@@ -438,7 +438,7 @@ export declare function useTimeRangeField(props: TimeRangeFieldOwnProps, model:
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>>;
+        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "disabled" | "endIcon" | "rounded" | "startIcon" | "variant" | "label" | "start" | "required" | "corner" | "description" | "errorMessage" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon">>>>;
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
@@ -689,7 +689,7 @@ export declare function useTimeRangeField(props: TimeRangeFieldOwnProps, model:
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>, "class", {
+    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "disabled" | "endIcon" | "rounded" | "startIcon" | "variant" | "label" | "start" | "required" | "corner" | "description" | "errorMessage" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon">>>, "class", {
         value: string;
         readonly: boolean;
         onFocus: (event: FocusEvent) => void;

package/dist/Components/TimeRangeField/composables/useTimeRangeField.js

@@ -42,7 +42,7 @@ function T(_, T, E) {
 			..._
 		},
 		bridgeKeys: C
-	})), N = u(() => M.value.componentProps), P = u(() => k(N.value.timeZone)), F = u(() => T.value ?? null), I = u(() => N.value.clearable !== !1), L = u(() => !h(F.value)), R = (e) => {
+	})), N = u(() => M.value.componentProps), P = u(() => k(N.value.timeZone)), F = u(() => T.value ?? null), I = u(() => N.value.clearable === !0), L = u(() => !h(F.value)), R = (e) => {
 		j.value = e instanceof HTMLElement ? e : null;
 	};
 	function z(e) {

package/dist/Components/TimeRangeField/timeRangeField.types.d.ts

@@ -87,7 +87,7 @@ export interface TimeRangeFieldOwnProps extends Omit<FormFieldOwnProps, "field"
     /**
      * Whether the value can be cleared.
      *
-     * @default true
+     * @default false
      */
     clearable?: boolean;
     /**

package/dist/Components/TimeRangePicker/TimeRangePicker.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,10 @@
-import e from "../Button/Button.js";
+import e from "../ActionFooter/ActionFooter.js";
 import t from "../Divider/Divider.js";
 import n from "../TimePanel/TimePanel.js";
 import { useTimeRangePicker as r } from "./composables/useTimeRangePicker.js";
-import { createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, normalizeClass as f, normalizeProps as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
+import { createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeProps as u, normalizeClass as d, normalizeProps as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g } from "vue";
 //#region src/Components/TimeRangePicker/TimeRangePicker.vue?vue&type=script&setup=true&lang.ts
-var y = /*@__PURE__*/ l({
+var _ = /*@__PURE__*/ c({
 	inheritAttrs: !1,
 	__name: "TimeRangePicker",
 	props: {
@@ -37,40 +37,40 @@ var y = /*@__PURE__*/ l({
 		"cancel",
 		"change"
 	],
-	setup(l, { emit: y }) {
-		let { merged: b, endBind: x, rootBind: S, endTitle: C, startBind: w, startTitle: T, footerBind: E, titlesBind: D, panelsBind: O, showFooter: k, applyLabel: A, handleApply: j, cancelLabel: M, titleGapBind: N, endTitleBind: P, handleCancel: F, startTitleBind: I, endDisplayValue: L, handleEndChange: R, applyButtonProps: z, startDisplayValue: B, cancelButtonProps: V, handleStartChange: H } = r(l, {
+	setup(c, { emit: _ }) {
+		let { merged: v, endBind: y, rootBind: b, endTitle: x, startBind: S, startTitle: C, footerBind: w, titlesBind: T, panelsBind: E, showFooter: D, handleApply: O, titleGapBind: k, endTitleBind: A, handleCancel: j, startTitleBind: M, endDisplayValue: N, handleEndChange: P, applyButtonProps: F, startDisplayValue: I, cancelButtonProps: L, handleStartChange: R } = r(c, {
 			ampm: !1,
 			interval: 1,
 			rounded: "md",
 			color: "primary",
 			showSeconds: !1
-		}, y);
-		return (r, l) => (m(), a("div", p(u(_(S))), [
-			o("div", { class: f(_(D)) }, [
-				o("p", { class: f(_(I)) }, g(_(T)), 3),
+		}, _);
+		return (r, c) => (p(), a("div", f(l(g(b))), [
+			o("div", { class: d(g(T)) }, [
+				o("p", { class: d(g(M)) }, h(g(C)), 3),
 				o("span", {
 					"aria-hidden": "true",
-					class: f(_(N))
+					class: d(g(k))
 				}, null, 2),
-				o("p", { class: f(_(P)) }, g(_(C)), 3)
+				o("p", { class: d(g(A)) }, h(g(x)), 3)
 			], 2),
-			o("div", p(u(_(O))), [
-				o("div", p(u(_(w))), [c(_(n), {
-					ampm: _(b).ampm,
-					fill: _(b).fill,
-					color: _(b).color,
-					error: _(b).error,
-					rounded: _(b).rounded,
-					value: _(B),
-					"max-time": _(b).maxTime,
-					"min-time": _(b).minTime,
-					disabled: _(b).disabled,
-					interval: _(b).interval,
-					"read-only": _(b).readOnly,
-					"time-zone": _(b).timeZone,
-					onChange: _(H),
-					"show-seconds": _(b).showSeconds,
-					"disable-times": _(b).disableTimes
+			o("div", f(l(g(E))), [
+				o("div", f(l(g(S))), [s(g(n), {
+					ampm: g(v).ampm,
+					fill: g(v).fill,
+					color: g(v).color,
+					error: g(v).error,
+					rounded: g(v).rounded,
+					value: g(I),
+					"max-time": g(v).maxTime,
+					"min-time": g(v).minTime,
+					disabled: g(v).disabled,
+					interval: g(v).interval,
+					"read-only": g(v).readOnly,
+					"time-zone": g(v).timeZone,
+					onChange: g(R),
+					"show-seconds": g(v).showSeconds,
+					"disable-times": g(v).disableTimes
 				}, null, 8, [
 					"ampm",
 					"fill",
@@ -88,23 +88,23 @@ var y = /*@__PURE__*/ l({
 					"show-seconds",
 					"disable-times"
 				])], 16),
-				c(_(t), { orientation: "vertical" }),
-				o("div", p(u(_(x))), [c(_(n), {
-					ampm: _(b).ampm,
-					fill: _(b).fill,
-					color: _(b).color,
-					error: _(b).error,
-					value: _(L),
-					rounded: _(b).rounded,
-					"max-time": _(b).maxTime,
-					"min-time": _(b).minTime,
-					disabled: _(b).disabled,
-					interval: _(b).interval,
-					"read-only": _(b).readOnly,
-					"time-zone": _(b).timeZone,
-					onChange: _(R),
-					"show-seconds": _(b).showSeconds,
-					"disable-times": _(b).disableTimes
+				s(g(t), { orientation: "vertical" }),
+				o("div", f(l(g(y))), [s(g(n), {
+					ampm: g(v).ampm,
+					fill: g(v).fill,
+					color: g(v).color,
+					error: g(v).error,
+					value: g(N),
+					rounded: g(v).rounded,
+					"max-time": g(v).maxTime,
+					"min-time": g(v).minTime,
+					disabled: g(v).disabled,
+					interval: g(v).interval,
+					"read-only": g(v).readOnly,
+					"time-zone": g(v).timeZone,
+					onChange: g(P),
+					"show-seconds": g(v).showSeconds,
+					"disable-times": g(v).disableTimes
 				}, null, 8, [
 					"ampm",
 					"fill",
@@ -123,22 +123,23 @@ var y = /*@__PURE__*/ l({
 					"disable-times"
 				])], 16)
 			], 16),
-			_(k) ? (m(), a("div", p(d({ key: 0 }, _(E))), [h(r.$slots, "footer", {
-				apply: _(j),
-				cancel: _(F)
-			}, () => [c(_(e), d({
-				variant: "flat",
-				color: "secondary",
-				onClick: _(F)
-			}, _(V)), {
-				default: v(() => [s(g(_(M)), 1)]),
-				_: 1
-			}, 16, ["onClick"]), c(_(e), d({ color: "primary" }, _(z), { onClick: _(j) }), {
-				default: v(() => [s(g(_(A)), 1)]),
-				_: 1
-			}, 16, ["onClick"])])], 16)) : i("", !0)
+			g(D) ? (p(), a("div", f(u({ key: 0 }, g(w))), [m(r.$slots, "footer", {
+				apply: g(O),
+				cancel: g(j)
+			}, () => [s(g(e), {
+				onApply: g(O),
+				onCancel: g(j),
+				"custom-props": {
+					applyButton: g(F),
+					cancelButton: g(L)
+				}
+			}, null, 8, [
+				"onApply",
+				"onCancel",
+				"custom-props"
+			])])], 16)) : i("", !0)
 		], 16));
 	}
 });
 //#endregion
-export { y as default };
+export { _ as default };

package/dist/Components/TimeRangePicker/composables/useTimeRangePicker.d.ts

@@ -10,7 +10,7 @@ type TimeRangePickerMerged = MergeLibDefaults<TimeRangePickerOwnProps, TimeRange
 export declare function useTimeRangePicker(props: MaybeRefOrGetter<TimeRangePickerOwnProps>, libDefaults: TimeRangePickerLibDefaults, emit: SetupContext<TimeRangePickerEmits>["emit"]): {
     merged: import('vue').ComputedRef<TimeRangePickerMerged>;
     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, Partial<Omit<TimeRangePickerOwnProps, "error" | "color" | "fill" | "value" | "classes" | "showFooter" | "customProps" | "rounded" | "disabled" | "timeZone" | "ampm" | "interval" | "showSeconds" | "defaultValue" | "readOnly" | "disableTimes" | "maxTime" | "minTime" | "endTitle" | "startTitle">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<TimeRangePickerOwnProps, "error" | "color" | "fill" | "value" | "classes" | "showFooter" | "customProps" | "disabled" | "rounded" | "timeZone" | "ampm" | "interval" | "showSeconds" | "defaultValue" | "readOnly" | "disableTimes" | "maxTime" | "minTime" | "endTitle" | "startTitle">>>>;
     startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     footerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     titlesBind: import('vue').ComputedRef<string>;
@@ -26,8 +26,6 @@ export declare function useTimeRangePicker(props: MaybeRefOrGetter<TimeRangePick
     handleEndChange: (next: null | TimeValue) => void;
     startDisplayValue: import('vue').ComputedRef<Date>;
     handleStartChange: (next: null | TimeValue) => void;
-    applyLabel: import('vue').ComputedRef<string>;
-    cancelLabel: import('vue').ComputedRef<string>;
     applyButtonProps: import('vue').ComputedRef<Partial<import('../../Button').ButtonProps> | undefined>;
     cancelButtonProps: import('vue').ComputedRef<Partial<import('../../Button').ButtonProps> | undefined>;
     endTitle: import('vue').ComputedRef<string>;

package/dist/Components/TimeRangePicker/composables/useTimeRangePicker.js

@@ -1,14 +1,14 @@
 import { useDateAdapter as e, useDateAdapterContext as t } from "../../../Adapters/Date/useDateAdapter.js";
 import { useResolveMessage as n } from "../../../Adapters/I18n/useI18nAdapter.js";
 import { mergePartBind as r, useBridgeUIComponent as i, useBridgeUIMergedRegistryClasses as a } from "../../../Utils/index.js";
-import { FIELD_OVERLAY_INJECTION_KEY as o } from "../../FieldOverlay/fieldOverlayInjectionKey.js";
-import { computed as s, inject as c, ref as l, toValue as u, useAttrs as d, watch as f } from "vue";
-import { get as p, isNil as m, omit as h } from "es-toolkit/compat";
-import { sortTimeRangeValue as g } from "@bridge-ui/core/Domain";
-import { menuRoundedProps as _ } from "@bridge-ui/core/Tokens";
-import { cn as v, splitComponentProps as y } from "@bridge-ui/core/Utils";
+import { FIELD_OVERLAY_INJECTION_KEY as ee } from "../../FieldOverlay/fieldOverlayInjectionKey.js";
+import { computed as o, inject as s, ref as c, toValue as l, useAttrs as u, watch as d } from "vue";
+import { get as f, isNil as p, omit as m } from "es-toolkit/compat";
+import { sortTimeRangeValue as h } from "@bridge-ui/core/Domain";
+import { menuRoundedProps as g } from "@bridge-ui/core/Tokens";
+import { cn as _, splitComponentProps as v } from "@bridge-ui/core/Utils";
 //#region src/Components/TimeRangePicker/composables/useTimeRangePicker.ts
-var b = [
+var y = [
 	"ampm",
 	"fill",
 	"color",
@@ -30,75 +30,75 @@ var b = [
 	"defaultValue",
 	"disableTimes"
 ];
-function x(x, S, C) {
-	let w = d(), T = c(o, {
+function b(b, x, S) {
+	let C = u(), w = s(ee, {
 		apply: () => void 0,
 		cancel: () => void 0
-	}), E = e(), ee = t(), D = n(), O = s(() => y({
-		bridgeKeys: b,
+	}), T = e(), E = t(), D = n(), O = o(() => v({
+		bridgeKeys: y,
 		props: {
-			...w,
-			...u(x)
+			...C,
+			...l(b)
 		}
 	})), { merged: k, entry: A } = i({
-		libDefaults: S,
+		libDefaults: x,
 		componentName: "TimeRangePicker",
 		props: () => O.value.componentProps
-	}), j = s(() => k.value.customProps), M = s(() => h(O.value.inheritedAttrs, [
+	}), j = o(() => k.value.customProps), M = o(() => m(O.value.inheritedAttrs, [
 		"onApply",
 		"onCancel",
 		"onChange"
 	])), N = a({
 		entry: A,
 		props: () => O.value.componentProps
-	}), P = s(() => u(x)), F = s(() => ee(k.value.timeZone)), I = s(() => !m(P.value.value)), L = l(k.value.defaultValue ?? null), R = s(() => I.value ? P.value.value ?? null : L.value), z = l(R.value);
-	f(() => [R.value, k.value.showFooter], ([e, t]) => {
+	}), P = o(() => l(b)), F = o(() => E(k.value.timeZone)), I = o(() => !p(P.value.value)), L = c(k.value.defaultValue ?? null), R = o(() => I.value ? P.value.value ?? null : L.value), z = c(R.value);
+	d(() => [R.value, k.value.showFooter], ([e, t]) => {
 		t && (z.value = e);
 	});
-	let B = s(() => k.value.showFooter ? z.value : R.value), V = s(() => B.value?.[0] ?? E.value.now(F.value)), H = s(() => B.value?.[1] ?? E.value.now(F.value)), U = (e) => {
-		I.value || (L.value = e), C("change", e);
+	let B = o(() => k.value.showFooter ? z.value : R.value), V = o(() => B.value?.[0] ?? T.value.now(F.value)), H = o(() => B.value?.[1] ?? T.value.now(F.value)), U = (e) => {
+		I.value || (L.value = e), S("change", e);
 	}, W = (e) => {
-		let t = g(e, E.value, F.value);
+		let t = h(e, T.value, F.value);
 		if (k.value.showFooter) {
 			z.value = t;
 			return;
 		}
 		U(t);
 	}, G = (e) => {
-		if (m(e)) return;
-		let t = B.value?.[1] ?? E.value.now(F.value);
+		if (p(e)) return;
+		let t = B.value?.[1] ?? T.value.now(F.value);
 		W([e, t]);
 	}, K = (e) => {
-		if (m(e)) return;
-		let t = B.value?.[0] ?? E.value.now(F.value);
+		if (p(e)) return;
+		let t = B.value?.[0] ?? T.value.now(F.value);
 		W([t, e]);
 	}, q = () => {
-		U(z.value), C("apply"), T.apply();
+		U(z.value), S("apply"), w.apply();
 	}, J = () => {
-		z.value = R.value, C("cancel"), T.cancel();
-	}, Y = s(() => {
-		let e = p(_, k.value.rounded ?? "md");
-		return r(j.value?.root, M.value, v({
+		z.value = R.value, S("cancel"), w.cancel();
+	}, Y = o(() => {
+		let e = f(g, k.value.rounded ?? "md");
+		return r(j.value?.root, M.value, _({
 			"flex flex-col overflow-hidden bg-white shadow-lg dark:bg-dark-900": !0,
 			"w-full": k.value.fill,
 			"w-fit": !k.value.fill,
 			[e]: !0,
 			[N.value.root ?? ""]: !0
 		}));
-	}), X = s(() => v({ "flex w-full px-2.5": !0 })), Z = s(() => v({ "w-px shrink-0": !0 })), Q = s(() => r(j.value?.panels, {}, v({
+	}), X = o(() => _({ "flex w-full px-2.5": !0 })), Z = o(() => _({ "w-px shrink-0": !0 })), Q = o(() => r(j.value?.panels, {}, _({
 		"flex w-full flex-row px-2.5 pb-2.5": !0,
 		[N.value.panels ?? ""]: !0
-	}))), te = s(() => r(j.value?.start, {}, v({
+	}))), te = o(() => r(j.value?.start, {}, _({
 		"flex min-w-0 flex-1 flex-col pr-2.5": !0,
 		[N.value.start ?? ""]: !0
-	}))), ne = s(() => r(j.value?.end, {}, v({
+	}))), ne = o(() => r(j.value?.end, {}, _({
 		"flex min-w-0 flex-1 flex-col pl-2.5": !0,
 		[N.value.end ?? ""]: !0
-	}))), $ = s(() => v({ "min-w-0 flex-1 px-2 py-2 text-center text-xs font-medium tracking-wide text-dark-500 uppercase dark:text-dark-400": !0 })), re = s(() => v({
+	}))), $ = o(() => _({ "min-w-0 flex-1 px-2 py-2 text-center text-xs font-medium tracking-wide text-dark-500 uppercase dark:text-dark-400": !0 })), re = o(() => _({
 		[$.value]: !0,
 		"pr-2.5": !0,
 		[N.value.startTitle ?? ""]: !0
-	})), ie = s(() => v({
+	})), ie = o(() => _({
 		[$.value]: !0,
 		"pl-2.5": !0,
 		[N.value.endTitle ?? ""]: !0
@@ -108,13 +108,13 @@ function x(x, S, C) {
 		endBind: ne,
 		rootBind: Y,
 		startBind: te,
-		footerBind: s(() => r(j.value?.footer, {}, v({
+		footerBind: o(() => r(j.value?.footer, {}, _({
 			"flex items-center justify-end gap-2 border-t border-dark-100 bg-dark-50 px-3 py-2 dark:border-dark-800 dark:bg-dark-950/40": !0,
 			[N.value.footer ?? ""]: !0
 		}))),
 		titlesBind: X,
 		panelsBind: Q,
-		showFooter: s(() => !!k.value.showFooter),
+		showFooter: o(() => !!k.value.showFooter),
 		handleApply: q,
 		titleGapBind: Z,
 		displayValue: B,
@@ -125,13 +125,11 @@ function x(x, S, C) {
 		handleEndChange: K,
 		startDisplayValue: V,
 		handleStartChange: G,
-		applyLabel: s(() => D("Apply")),
-		cancelLabel: s(() => D("Cancel")),
-		applyButtonProps: s(() => j.value?.applyButton),
-		cancelButtonProps: s(() => j.value?.cancelButton),
-		endTitle: s(() => k.value.endTitle ?? D("End time")),
-		startTitle: s(() => k.value.startTitle ?? D("Start time"))
+		applyButtonProps: o(() => j.value?.applyButton),
+		cancelButtonProps: o(() => j.value?.cancelButton),
+		endTitle: o(() => k.value.endTitle ?? D("End time")),
+		startTitle: o(() => k.value.startTitle ?? D("Start time"))
 	};
 }
 //#endregion
-export { x as useTimeRangePicker };
+export { b as useTimeRangePicker };

package/dist/Components/ToggleGroup/composables/useToggleGroup.d.ts

@@ -17,7 +17,7 @@ export declare function useToggleGroup(props: ToggleGroupOwnProps, libDefaults:
         role: string;
         "aria-disabled": true | undefined;
         class: string;
-    }, "class", import('vue').HTMLAttributes | undefined, Omit<ToggleGroupProps, "color" | "orientation" | "size" | "classes" | "customProps" | "full" | "rounded" | "variant" | "disabled" | "multiple">>>;
+    }, "class", import('vue').HTMLAttributes | undefined, Omit<ToggleGroupProps, "color" | "orientation" | "size" | "classes" | "customProps" | "full" | "disabled" | "rounded" | "variant" | "multiple">>>;
     contextValue: import('vue').ComputedRef<ToggleGroupContextValue>;
 };
 export { getToggleItemId };

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

@@ -15,8 +15,8 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     color: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').TooltipColor, import('./tooltip.types').TooltipColorOverrides>;
     offset: number;
     size: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').TooltipSize, import('./tooltip.types').TooltipSizeOverrides>;
-    rounded: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').TooltipRounded, import('./tooltip.types').TooltipRoundedOverrides>;
     disabled: boolean;
+    rounded: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').TooltipRounded, import('./tooltip.types').TooltipRoundedOverrides>;
     placement: import('@floating-ui/utils').Placement;
     teleportTo: false | string;
     anchorEl: null | HTMLElement;

package/dist/Components/Tooltip/composables/useTooltip.d.ts

@@ -19,7 +19,7 @@ export declare function useTooltip(props: TooltipOwnProps, libDefaults: TooltipL
     show: import('vue').ComputedRef<boolean>;
     merged: import('vue').ComputedRef<TooltipMerged>;
     mounted: Ref<boolean, boolean>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<TooltipProps, "color" | "offset" | "size" | "classes" | "customProps" | "rounded" | "disabled" | "content" | "placement" | "teleportTo" | "strategy" | "arrow" | "closeDelay" | "openDelay">, "anchorEl" | "onShowChange">>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<TooltipProps, "color" | "offset" | "size" | "classes" | "customProps" | "disabled" | "rounded" | "content" | "placement" | "teleportTo" | "strategy" | "arrow" | "closeDelay" | "openDelay">, "anchorEl" | "onShowChange">>>;
     tooltipId: string;
     arrowBind: import('vue').ComputedRef<({
         "aria-hidden": boolean;

package/dist/Components/Tooltip/composables/useTooltip.js

@@ -151,6 +151,8 @@ function b(b, ae, x = {}) {
 	}, { immediate: !0 }), u([
 		I,
 		w,
+		O,
+		D,
 		() => b.anchorEl,
 		() => z.value.arrow,
 		() => z.value.offset,
@@ -162,7 +164,10 @@ function b(b, ae, x = {}) {
 			return;
 		}
 		await a(), fe();
-	}, { flush: "post" }), u(I, () => {
+	}, {
+		flush: "post",
+		immediate: !0
+	}), u(I, () => {
 		pe();
 	}, { immediate: !0 }), o(() => {
 		J(), Z(), Q();

package/dist/augments.d.ts

@@ -1,3 +1,4 @@
+import { ActionFooterClasses, ActionFooterProps } from './Components/ActionFooter';
 import { AlertClasses, AlertProps } from './Components/Alert';
 import { AutocompleteClasses, AutocompleteProps } from './Components/Autocomplete';
 import { AvatarClasses, AvatarProps } from './Components/Avatar';
@@ -32,6 +33,10 @@ import { SwitchClasses, SwitchProps } from './Components/Switch';
 import { TextareaClasses, TextareaProps } from './Components/Textarea';
 import { TextFieldClasses, TextFieldProps } from './Components/TextField';
 declare module "@bridge-ui/core/Config" {
+    interface ActionFooterConfigOverrides {
+        classes: ActionFooterClasses;
+        defaultProps: Partial<Pick<ActionFooterProps, "applyColor" | "cancelColor" | "applyVariant" | "cancelVariant">>;
+    }
     interface AlertConfigOverrides {
         classes: AlertClasses;
         defaultProps: Partial<Pick<AlertProps, "color" | "shadow" | "padding" | "rounded" | "variant">>;

package/dist/index.d.ts

@@ -6,6 +6,8 @@ export { ACCORDION_INJECTION_KEY, Accordion, useAccordion, } from './Components/
 export type { AccordionClasses, AccordionColorOverrides, AccordionContextValue, AccordionCustomProps, AccordionEmits, AccordionOwnProps, AccordionProps, AccordionSizeOverrides, AccordionSlots, AccordionTokenClasses, AccordionVariantOverrides, } from './Components/Accordion';
 export { AccordionItem, useAccordionItem } from './Components/AccordionItem';
 export type { AccordionItemClasses, AccordionItemCustomProps, AccordionItemOwnProps, AccordionItemProps, AccordionItemSlots, } from './Components/AccordionItem';
+export { ActionFooter, useActionFooter } from './Components/ActionFooter';
+export type { ActionFooterClasses, ActionFooterCustomProps, ActionFooterEmits, ActionFooterOwnProps, ActionFooterProps, } from './Components/ActionFooter';
 export { Alert, useAlert } from './Components/Alert';
 export type { AlertClasses, AlertColorOverrides, AlertPaddingOverrides, AlertProps, AlertRoundedOverrides, AlertShadowOverrides, AlertSlots, AlertVariantOverrides, } from './Components/Alert';
 export { Autocomplete, AutocompleteOption } from './Components/Autocomplete';