@bridge-ui/vue 0.1.0 → 0.2.0

package/dist/Components/Stepper/stepperInjectionKey.js

@@ -0,0 +1,4 @@
+//#region src/Components/Stepper/stepperInjectionKey.ts
+var e = Symbol("bridge-stepper");
+//#endregion
+export { e as STEPPER_INJECTION_KEY };

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

@@ -21,7 +21,6 @@ var y = /*@__PURE__*/ a({
 		rounded: {},
 		showSeconds: { type: Boolean },
 		timeZone: {},
-		tokens: {},
 		value: {}
 	},
 	emits: ["change"],

package/dist/Components/TimePanel/composables/useTimePanel.d.ts

@@ -22,11 +22,12 @@ export type TimePanelItem = {
  */
 export declare function useTimePanel(props: MaybeRefOrGetter<TimePanelOwnProps>, libDefaults: TimePanelLibDefaults, emit: (event: "change", value: Date | null) => void): {
     merged: import('vue').ComputedRef<TimePanelMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<TimePanelOwnProps, "error" | "color" | "fill" | "value" | "classes" | "tokens" | "customProps" | "rounded" | "disabled" | "readOnly" | "timeZone" | "ampm" | "disableTimes" | "interval" | "maxTime" | "minTime" | "showSeconds">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<TimePanelOwnProps, "error" | "color" | "fill" | "value" | "classes" | "customProps" | "rounded" | "disabled" | "readOnly" | "timeZone" | "ampm" | "disableTimes" | "interval" | "maxTime" | "minTime" | "showSeconds">>>>;
     hourItems: import('vue').ComputedRef<TimePanelItem[]>;
     columnBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     getHourBind: (item: TimePanelItem) => import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').ButtonHTMLAttributes | undefined, {
         type: "button";
+        "aria-label": string;
         disabled: boolean;
         "aria-pressed": boolean;
         onClick: () => void;
@@ -38,12 +39,14 @@ export declare function useTimePanel(props: MaybeRefOrGetter<TimePanelOwnProps>,
     showMeridiem: import('vue').ComputedRef<boolean>;
     getMinuteBind: (item: TimePanelItem) => import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').ButtonHTMLAttributes | undefined, {
         type: "button";
+        "aria-label": string;
         disabled: boolean;
         "aria-pressed": boolean;
         onClick: () => void;
     }>;
     getSecondBind: (item: TimePanelItem) => import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').ButtonHTMLAttributes | undefined, {
         type: "button";
+        "aria-label": string;
         disabled: boolean;
         "aria-pressed": boolean;
         onClick: () => void;
@@ -51,6 +54,7 @@ export declare function useTimePanel(props: MaybeRefOrGetter<TimePanelOwnProps>,
     meridiemItems: import('vue').ComputedRef<TimePanelItem[]>;
     getMeridiemBind: (item: TimePanelItem) => import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').ButtonHTMLAttributes | undefined, {
         type: "button";
+        "aria-label": string;
         disabled: boolean;
         "aria-pressed": boolean;
         onClick: () => void;

package/dist/Components/TimePanel/composables/useTimePanel.js

@@ -2,17 +2,16 @@ import { useDateAdapter as e, useDateAdapterContext as t } from "../../../Adapte
 import { mergePartBind as n, useBridgeUIComponent as r, useBridgeUIMergedRegistryClasses as i } from "../../../Utils/index.js";
 import { computed as a, toValue as o, useAttrs as s } from "vue";
 import { get as c, omit as l } from "es-toolkit/compat";
-import { buildHourOptions as u, buildMinuteOptions as d, buildSecondOptions as f, isTimeDisabled as p, resolveCalendarDayInteractionState as m, snapMinutes as h, to12Hour as g, to24Hour as _, toMeridiem as v } from "@bridge-ui/core/Domain";
-import { timeColorProps as y, timeRoundedProps as b } from "@bridge-ui/core/Tokens";
-import { cn as x, getColorToken as S, mergeBridgeUILayeredClasses as C, splitComponentProps as ee } from "@bridge-ui/core/Utils";
+import { buildHourOptions as u, buildMinuteOptions as d, buildSecondOptions as f, isTimeDisabled as p, resolveCalendarDayInteractionState as m, snapMinutes as ee, to12Hour as h, to24Hour as g, toMeridiem as te } from "@bridge-ui/core/Domain";
+import { timeColorProps as _, timeRoundedProps as v } from "@bridge-ui/core/Tokens";
+import { cn as y, getColorToken as b, mergeBridgeUILayeredClasses as x, splitComponentProps as S } from "@bridge-ui/core/Utils";
 //#region src/Components/TimePanel/composables/useTimePanel.ts
-var te = [
+var C = [
 	"ampm",
 	"fill",
 	"color",
 	"error",
 	"value",
-	"tokens",
 	"classes",
 	"maxTime",
 	"minTime",
@@ -26,57 +25,58 @@ var te = [
 	"disableTimes"
 ], w = "w-[3.75rem]", T = "min-w-[3.75rem]";
 function E(w, E, D) {
-	let O = s(), k = e(), A = t(), j = a(() => ee({
-		bridgeKeys: te,
+	let O = s(), k = e(), A = t(), j = a(() => S({
+		bridgeKeys: C,
 		props: {
 			...O,
 			...o(w)
 		}
-	})), { merged: M } = r({
+	})), { merged: M, entry: N } = r({
 		libDefaults: E,
+		componentName: "TimePanel",
 		props: () => j.value.componentProps
-	}), N = a(() => M.value.customProps), P = a(() => l(j.value.inheritedAttrs, ["onChange"])), F = i({
+	}), P = a(() => M.value.customProps), F = a(() => l(j.value.inheritedAttrs, ["onChange"])), I = i({
 		props: () => j.value.componentProps,
 		entry: a(() => {})
-	}), I = a(() => A(M.value.timeZone)), L = a(() => {
-		let e = C(b, M.value.tokens?.rounded);
+	}), L = a(() => A(M.value.timeZone)), R = a(() => {
+		let e = x(v, N.value?.tokens?.rounded);
 		return c(e, M.value.rounded);
-	}), R = a(() => {
-		let e = C(y, M.value.tokens?.color);
-		return S({
+	}), z = a(() => {
+		let e = x(_, N.value?.tokens?.color);
+		return b({
 			tokens: e,
 			color: M.value.color,
 			invalid: M.value.error
 		});
-	}), z = a(() => {
-		let e = M.value.value ?? k.value.now(I.value), t = h(k.value.getMinutes(e, I.value), M.value.interval), n = M.value.showSeconds ? k.value.getSeconds(e, I.value) : 0, r = k.value.setHours(e, k.value.getHours(e, I.value), I.value);
-		return r = k.value.setMinutes(r, t, I.value), r = k.value.setSeconds(r, n, I.value), r;
-	}), ne = a(() => u({ ampm: M.value.ampm })), B = a(() => d({ interval: M.value.interval })), V = a(() => f()), H = a(() => v(k.value.getHours(z.value, I.value))), U = (e) => !!M.value.disabled || p(e, {
+	}), B = a(() => {
+		let e = M.value.value ?? k.value.now(L.value), t = ee(k.value.getMinutes(e, L.value), M.value.interval), n = M.value.showSeconds ? k.value.getSeconds(e, L.value) : 0, r = k.value.setHours(e, k.value.getHours(e, L.value), L.value);
+		return r = k.value.setMinutes(r, t, L.value), r = k.value.setSeconds(r, n, L.value), r;
+	}), ne = a(() => u({ ampm: M.value.ampm })), V = a(() => d({ interval: M.value.interval })), H = a(() => f()), U = a(() => te(k.value.getHours(B.value, L.value))), W = (e) => !!M.value.disabled || p(e, {
 		adapter: k.value,
-		context: I.value,
+		context: L.value,
 		maxTime: M.value.maxTime,
 		minTime: M.value.minTime,
 		disableTimes: M.value.disableTimes
-	}), W = (e) => {
-		M.value.disabled || M.value.readOnly || U(e) || D("change", e);
-	}, G = (e) => {
-		let t = M.value.ampm ? _(e, H.value) : e, n = k.value.setHours(z.value, t, I.value);
-		n = k.value.setMinutes(n, k.value.getMinutes(z.value, I.value), I.value), W(n);
+	}), G = (e) => {
+		M.value.disabled || M.value.readOnly || W(e) || D("change", e);
 	}, K = (e) => {
-		let t = k.value.setMinutes(z.value, e, I.value);
-		W(t);
+		let t = M.value.ampm ? g(e, U.value) : e, n = k.value.setHours(B.value, t, L.value);
+		n = k.value.setMinutes(n, k.value.getMinutes(B.value, L.value), L.value), G(n);
 	}, q = (e) => {
-		let t = k.value.setSeconds(z.value, e, I.value);
-		W(t);
+		let t = k.value.setMinutes(B.value, e, L.value);
+		G(t);
 	}, J = (e) => {
-		let t = g(k.value.getHours(z.value, I.value)), n = _(t, e), r = k.value.setHours(z.value, n, I.value);
-		r = k.value.setMinutes(r, k.value.getMinutes(z.value, I.value), I.value), W(r);
-	}, Y = a(() => {
-		let e = k.value.getHours(z.value, I.value), t = M.value.ampm ? g(e) : e;
+		let t = k.value.setSeconds(B.value, e, L.value);
+		G(t);
+	}, Y = (e) => {
+		let t = h(k.value.getHours(B.value, L.value)), n = g(t, e), r = k.value.setHours(B.value, n, L.value);
+		r = k.value.setMinutes(r, k.value.getMinutes(B.value, L.value), L.value), G(r);
+	}, X = a(() => {
+		let e = k.value.getHours(B.value, L.value), t = M.value.ampm ? h(e) : e;
 		return ne.value.map((e) => {
-			let n = M.value.ampm ? _(e, H.value) : e, r = k.value.setHours(z.value, n, I.value);
-			r = k.value.setMinutes(r, k.value.getMinutes(z.value, I.value), I.value);
-			let i = U(r), a = e === t;
+			let n = M.value.ampm ? g(e, U.value) : e, r = k.value.setHours(B.value, n, L.value);
+			r = k.value.setMinutes(r, k.value.getMinutes(B.value, L.value), L.value);
+			let i = W(r), a = e === t;
 			return {
 				state: m({
 					disabled: i,
@@ -89,10 +89,10 @@ function E(w, E, D) {
 				label: M.value.ampm ? String(e) : String(e).padStart(2, "0")
 			};
 		});
-	}), X = a(() => {
-		let e = k.value.getMinutes(z.value, I.value);
-		return B.value.map((t) => {
-			let n = k.value.setMinutes(z.value, t, I.value), r = U(n), i = t === e;
+	}), Z = a(() => {
+		let e = k.value.getMinutes(B.value, L.value);
+		return V.value.map((t) => {
+			let n = k.value.setMinutes(B.value, t, L.value), r = W(n), i = t === e;
 			return {
 				state: m({
 					disabled: r,
@@ -105,11 +105,11 @@ function E(w, E, D) {
 				disabled: r || !!M.value.readOnly
 			};
 		});
-	}), Z = a(() => {
+	}), re = a(() => {
 		if (!M.value.showSeconds) return [];
-		let e = k.value.getSeconds(z.value, I.value);
-		return V.value.map((t) => {
-			let n = k.value.setSeconds(z.value, t, I.value), r = U(n), i = t === e;
+		let e = k.value.getSeconds(B.value, L.value);
+		return H.value.map((t) => {
+			let n = k.value.setSeconds(B.value, t, L.value), r = W(n), i = t === e;
 			return {
 				state: m({
 					disabled: r,
@@ -122,10 +122,10 @@ function E(w, E, D) {
 				disabled: r || !!M.value.readOnly
 			};
 		});
-	}), re = a(() => M.value.ampm ? ["AM", "PM"].map((e) => {
-		let t = g(k.value.getHours(z.value, I.value)), n = _(t, e), r = k.value.setHours(z.value, n, I.value);
-		r = k.value.setMinutes(r, k.value.getMinutes(z.value, I.value), I.value);
-		let i = U(r), a = e === H.value;
+	}), ie = a(() => M.value.ampm ? ["AM", "PM"].map((e) => {
+		let t = h(k.value.getHours(B.value, L.value)), n = g(t, e), r = k.value.setHours(B.value, n, L.value);
+		r = k.value.setMinutes(r, k.value.getMinutes(B.value, L.value), L.value);
+		let i = W(r), a = e === U.value;
 		return {
 			state: m({
 				disabled: i,
@@ -137,55 +137,56 @@ function E(w, E, D) {
 			value: e,
 			disabled: i || !!M.value.readOnly
 		};
-	}) : []), ie = a(() => n(N.value?.root, P.value, x({
+	}) : []), ae = a(() => n(P.value?.root, F.value, y({
 		"flex h-72 flex-row gap-2": !0,
 		"w-full min-w-fit": M.value.fill,
 		"w-fit min-w-fit": !M.value.fill,
-		[F.value.root ?? ""]: !0
-	}))), ae = a(() => n(N.value?.column, {}, x({
-		"box-border flex h-full min-w-0 flex-1 flex-col items-stretch gap-1 overflow-x-hidden overflow-y-auto [scrollbar-width:thin] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-button]:hidden [&::-webkit-scrollbar-corner]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-dark-300 dark:[&::-webkit-scrollbar-thumb]:bg-dark-600": !0,
+		[I.value.root ?? ""]: !0
+	}))), Q = a(() => n(P.value?.column, {}, y({
+		"box-border flex h-full min-w-0 flex-1 flex-col items-stretch gap-1 overflow-x-hidden overflow-y-auto bridge-scroll-fade-y bridge-hide-scrollbar": !0,
 		[T]: !0,
-		[F.value.column ?? ""]: !0
-	}))), Q = (e, t) => {
-		let r = R.value;
-		return n(N.value?.item, {
+		[I.value.column ?? ""]: !0
+	}))), $ = (e, t, r) => {
+		let i = z.value;
+		return n(P.value?.item, {
 			type: "button",
+			"aria-label": r,
 			disabled: e.disabled,
 			"aria-pressed": e.selected,
 			onClick: () => t(e.value)
-		}, x({
-			"w-full cursor-pointer px-3 py-2 text-sm transition-all duration-150 ease-in-out outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed": !0,
-			[L.value ?? ""]: !0,
-			[r?.base ?? ""]: e.state === "base" || e.state === "hover",
-			[r?.hover ?? ""]: e.state === "base" || e.state === "hover",
-			[r?.selected ?? ""]: e.state === "selected",
-			[r?.disabled ?? ""]: e.state === "disabled",
-			[F.value.item ?? ""]: !0
+		}, y({
+			"w-full cursor-pointer px-3 py-2 text-sm transition-colors duration-150 ease-in-out outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed": !0,
+			[R.value ?? ""]: !0,
+			[i?.base ?? ""]: e.state === "base" || e.state === "hover",
+			[i?.hover ?? ""]: e.state === "base" || e.state === "hover",
+			[i?.selected ?? ""]: e.state === "selected",
+			[i?.disabled ?? ""]: e.state === "disabled",
+			[I.value.item ?? ""]: !0
 		}));
-	}, oe = (e) => Q(e, (e) => {
-		typeof e == "number" && G(e);
-	}), $ = (e) => Q(e, (e) => {
+	}, oe = (e) => $(e, (e) => {
 		typeof e == "number" && K(e);
-	}), se = (e) => Q(e, (e) => {
+	}, `Hour ${e.label}`), se = (e) => $(e, (e) => {
 		typeof e == "number" && q(e);
-	}), ce = (e) => Q(e, (e) => {
-		(e === "AM" || e === "PM") && J(e);
-	}), le = a(() => !!M.value.ampm);
+	}, `Minute ${e.label}`), ce = (e) => $(e, (e) => {
+		typeof e == "number" && J(e);
+	}, `Second ${e.label}`), le = (e) => $(e, (e) => {
+		(e === "AM" || e === "PM") && Y(e);
+	}, String(e.label)), ue = a(() => !!M.value.ampm);
 	return {
 		merged: M,
-		rootBind: ie,
-		hourItems: Y,
-		columnBind: ae,
+		rootBind: ae,
+		hourItems: X,
+		columnBind: Q,
 		getHourBind: oe,
-		minuteItems: X,
-		secondItems: Z,
-		displayDate: z,
+		minuteItems: Z,
+		secondItems: re,
+		displayDate: B,
 		showSeconds: a(() => !!M.value.showSeconds),
-		showMeridiem: le,
-		getMinuteBind: $,
-		getSecondBind: se,
-		meridiemItems: re,
-		getMeridiemBind: ce
+		showMeridiem: ue,
+		getMinuteBind: se,
+		getSecondBind: ce,
+		meridiemItems: ie,
+		getMeridiemBind: le
 	};
 }
 //#endregion

package/dist/Components/TimePanel/index.d.ts

@@ -1,3 +1,3 @@
 export { TIME_PANEL_COLUMN_WIDTH_CLASS, useTimePanel, type TimePanelItem, } from './composables/useTimePanel';
-export type { TimePanelClasses, TimePanelColorOverrides, TimePanelCustomProps, TimePanelEmits, TimePanelOwnProps, TimePanelProps, TimePanelRoundedOverrides, TimePanelTokens, } from './timePanel.types';
+export type { TimePanelClasses, TimePanelColorOverrides, TimePanelCustomProps, TimePanelEmits, TimePanelOwnProps, TimePanelProps, TimePanelRoundedOverrides, } from './timePanel.types';
 export { default as TimePanel } from './TimePanel.vue';

package/dist/Components/TimePanel/timePanel.types.d.ts

@@ -1,6 +1,6 @@
 import { ButtonHTMLAttributes, HTMLAttributes } from 'vue';
 import { DisableTimesInput, TimeValue } from '@bridge-ui/core/Domain';
-import { TimeColor, TimeColorItem, TimeRounded } from '@bridge-ui/core/Tokens';
+import { TimeColor, TimeRounded } from '@bridge-ui/core/Tokens';
 import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 export interface TimePanelColorOverrides {}
 export interface TimePanelRoundedOverrides {}
@@ -44,16 +44,6 @@ export interface TimePanelEmits {
      */
     change: [value: Date | null];
 }
-export interface TimePanelTokens {
-    /**
-     * Color token map overrides.
-     */
-    color?: Record<string, Partial<TimeColorItem>>;
-    /**
-     * Border radius token map overrides.
-     */
-    rounded?: Record<string, string>;
-}
 export interface TimePanelOwnProps {
     /**
      * Uses a 12-hour clock with an AM/PM column.
@@ -146,12 +136,6 @@ export interface TimePanelOwnProps {
      * @default undefined
      */
     timeZone?: string;
-    /**
-     * Token overrides.
-     *
-     * @default undefined
-     */
-    tokens?: TimePanelTokens;
     /**
      * Selected time (`Date` wall clock).
      *

package/dist/Components/TimePicker/TimePicker.vue_vue_type_script_setup_true_lang.js

@@ -27,7 +27,6 @@ var v = /*@__PURE__*/ c({
 		},
 		showSeconds: { type: Boolean },
 		timeZone: {},
-		tokens: {},
 		value: {}
 	},
 	emits: [
@@ -36,19 +35,18 @@ var v = /*@__PURE__*/ c({
 		"change"
 	],
 	setup(c, { emit: v }) {
-		let { merged: y, rootBind: b, footerBind: x, showFooter: S, applyLabel: C, timeTokens: w, contentBind: T, handleApply: E, cancelLabel: D, displayValue: O, handleCancel: k, applyButtonProps: A, cancelButtonProps: j, handlePanelChange: M } = n(c, {
+		let { merged: y, rootBind: b, footerBind: x, showFooter: S, applyLabel: C, contentBind: w, handleApply: T, cancelLabel: E, displayValue: D, handleCancel: O, applyButtonProps: k, cancelButtonProps: A, handlePanelChange: j } = n(c, {
 			ampm: !1,
 			interval: 1,
 			rounded: "md",
 			color: "primary",
 			showSeconds: !1
 		}, v);
-		return (n, c) => (p(), i("div", f(l(g(b))), [a("div", { class: d(g(T)) }, [s(g(t), {
+		return (n, c) => (p(), i("div", f(l(g(b))), [a("div", { class: d(g(w)) }, [s(g(t), {
 			ampm: g(y).ampm,
 			fill: g(y).fill,
-			tokens: g(w),
 			color: g(y).color,
-			value: g(O),
+			value: g(D),
 			error: g(y).error,
 			rounded: g(y).rounded,
 			"max-time": g(y).maxTime,
@@ -57,13 +55,12 @@ var v = /*@__PURE__*/ c({
 			interval: g(y).interval,
 			"read-only": g(y).readOnly,
 			"time-zone": g(y).timeZone,
-			onChange: g(M),
+			onChange: g(j),
 			"show-seconds": g(y).showSeconds,
 			"disable-times": g(y).disableTimes
 		}, null, 8, [
 			"ampm",
 			"fill",
-			"tokens",
 			"color",
 			"value",
 			"error",
@@ -78,16 +75,16 @@ var v = /*@__PURE__*/ c({
 			"show-seconds",
 			"disable-times"
 		])], 2), g(S) ? (p(), i("div", f(u({ key: 0 }, g(x))), [m(n.$slots, "footer", {
-			apply: g(E),
-			cancel: g(k)
+			apply: g(T),
+			cancel: g(O)
 		}, () => [s(g(e), u({
 			variant: "flat",
 			color: "secondary",
-			onClick: g(k)
-		}, g(j)), {
-			default: _(() => [o(h(g(D)), 1)]),
+			onClick: g(O)
+		}, g(A)), {
+			default: _(() => [o(h(g(E)), 1)]),
 			_: 1
-		}, 16, ["onClick"]), s(g(e), u({ color: "primary" }, g(A), { onClick: g(E) }), {
+		}, 16, ["onClick"]), s(g(e), u({ color: "primary" }, g(k), { onClick: g(T) }), {
 			default: _(() => [o(h(g(C)), 1)]),
 			_: 1
 		}, 16, ["onClick"])])], 16)) : r("", !0)], 16));

package/dist/Components/TimePicker/composables/useTimePicker.d.ts

@@ -9,13 +9,9 @@ type TimePickerMerged = MergeLibDefaults<TimePickerOwnProps, TimePickerLibDefaul
  */
 export declare function useTimePicker(props: MaybeRefOrGetter<TimePickerOwnProps>, libDefaults: TimePickerLibDefaults, emit: SetupContext<TimePickerEmits>["emit"]): {
     merged: import('vue').ComputedRef<TimePickerMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<TimePickerOwnProps, "error" | "color" | "fill" | "value" | "classes" | "tokens" | "showFooter" | "customProps" | "rounded" | "disabled" | "defaultValue" | "readOnly" | "timeZone" | "ampm" | "disableTimes" | "interval" | "maxTime" | "minTime" | "showSeconds">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<TimePickerOwnProps, "error" | "color" | "fill" | "value" | "classes" | "showFooter" | "customProps" | "rounded" | "disabled" | "defaultValue" | "readOnly" | "timeZone" | "ampm" | "disableTimes" | "interval" | "maxTime" | "minTime" | "showSeconds">>>>;
     footerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     showFooter: import('vue').ComputedRef<boolean>;
-    timeTokens: import('vue').ComputedRef<{
-        color: Record<string, Partial<import('@bridge-ui/core/Tokens').TimeColorItem>> | undefined;
-        rounded: Record<string, string> | undefined;
-    }>;
     contentBind: import('vue').ComputedRef<string>;
     handleApply: () => void;
     displayValue: import('vue').ComputedRef<Date | null>;

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

@@ -12,7 +12,6 @@ var _ = [
 	"color",
 	"error",
 	"value",
-	"tokens",
 	"classes",
 	"maxTime",
 	"minTime",
@@ -52,22 +51,19 @@ function v(v, y, b) {
 	u(() => [N.value, T.value.showFooter], ([e, t]) => {
 		t && (P.value = e);
 	});
-	let F = a(() => T.value.showFooter ? P.value : N.value), I = a(() => ({
-		color: T.value.tokens?.time?.color ?? T.value.tokens?.color,
-		rounded: T.value.tokens?.time?.rounded ?? T.value.tokens?.rounded
-	})), L = (e) => {
+	let F = a(() => T.value.showFooter ? P.value : N.value), I = (e) => {
 		j.value || (M.value = e), b("change", e);
-	}, R = (e) => {
+	}, L = (e) => {
 		if (T.value.showFooter) {
 			P.value = e;
 			return;
 		}
-		L(e);
+		I(e);
+	}, R = () => {
+		I(P.value), b("apply"), S.apply();
 	}, z = () => {
-		L(P.value), b("apply"), S.apply();
-	}, B = () => {
 		P.value = N.value, b("cancel"), S.cancel();
-	}, V = a(() => {
+	}, B = a(() => {
 		let e = d(m, T.value.rounded ?? "md");
 		return t(D.value?.root, O.value, h({
 			"flex flex-col overflow-hidden bg-white shadow-lg dark:bg-dark-900": !0,
@@ -76,21 +72,20 @@ function v(v, y, b) {
 			[e]: !0,
 			[k.value.root ?? ""]: !0
 		}));
-	}), H = a(() => h({ "px-2.5": !0 }));
+	}), V = a(() => h({ "px-2.5": !0 }));
 	return {
 		merged: T,
-		rootBind: V,
+		rootBind: B,
 		footerBind: a(() => t(D.value?.footer, {}, h({
 			"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
 		}))),
 		showFooter: a(() => !!T.value.showFooter),
-		timeTokens: I,
-		contentBind: H,
-		handleApply: z,
+		contentBind: V,
+		handleApply: R,
 		displayValue: F,
-		handleCancel: B,
-		handlePanelChange: R,
+		handleCancel: z,
+		handlePanelChange: L,
 		applyLabel: a(() => C("Apply")),
 		cancelLabel: a(() => C("Cancel")),
 		applyButtonProps: a(() => D.value?.applyButton),

package/dist/Components/TimePicker/index.d.ts

@@ -1,3 +1,3 @@
 export { useTimePicker } from './composables/useTimePicker';
-export type { TimePickerClasses, TimePickerColorOverrides, TimePickerCustomProps, TimePickerEmits, TimePickerOwnProps, TimePickerProps, TimePickerRoundedOverrides, TimePickerSlots, TimePickerTokens, } from './timePicker.types';
+export type { TimePickerClasses, TimePickerColorOverrides, TimePickerCustomProps, TimePickerEmits, TimePickerOwnProps, TimePickerProps, TimePickerRoundedOverrides, TimePickerSlots, } from './timePicker.types';
 export { default as TimePicker } from './TimePicker.vue';

package/dist/Components/TimePicker/timePicker.types.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes, Slot } from 'vue';
 import { DisableTimesInput, FieldOverlayFooterSlotProps, TimeValue } from '@bridge-ui/core/Domain';
-import { TimeColor, TimeColorItem, TimeRounded } from '@bridge-ui/core/Tokens';
+import { TimeColor, TimeRounded } from '@bridge-ui/core/Tokens';
 import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { ButtonProps } from '../Button/button.types';
 export interface TimePickerColorOverrides {}
@@ -166,12 +166,6 @@ export interface TimePickerOwnProps {
      * @default undefined
      */
     timeZone?: string;
-    /**
-     * Token overrides.
-     *
-     * @default undefined
-     */
-    tokens?: TimePickerTokens;
     /**
      * Controlled value.
      *
@@ -188,21 +182,4 @@ export interface TimePickerSlots {
      */
     footer?: Slot<FieldOverlayFooterSlotProps>;
 }
-export interface TimePickerTokens {
-    /**
-     * Color token map overrides.
-     */
-    color?: Record<string, Partial<TimeColorItem>>;
-    /**
-     * Border radius token map overrides.
-     */
-    rounded?: Record<string, string>;
-    /**
-     * Nested time panel token overrides.
-     */
-    time?: {
-        color?: Record<string, Partial<TimeColorItem>>;
-        rounded?: Record<string, string>;
-    };
-}
 export type TimePickerProps = MergeHtmlProps<TimePickerOwnProps, HTMLAttributes>;