@bridge-ui/vue 0.1.0 → 0.2.0

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

@@ -1,9 +1,10 @@
 import e from "../Button/Button.js";
-import t from "../TimePanel/TimePanel.js";
-import { useTimeRangePicker as n } from "./composables/useTimeRangePicker.js";
-import { createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode 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, withCtx as _ } from "vue";
+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";
 //#region src/Components/TimeRangePicker/TimeRangePicker.vue?vue&type=script&setup=true&lang.ts
-var v = /*@__PURE__*/ c({
+var y = /*@__PURE__*/ l({
 	inheritAttrs: !1,
 	__name: "TimeRangePicker",
 	props: {
@@ -20,7 +21,6 @@ var v = /*@__PURE__*/ c({
 		interval: {},
 		maxTime: {},
 		minTime: {},
-		orientation: {},
 		readOnly: { type: Boolean },
 		rounded: {},
 		showFooter: {
@@ -30,7 +30,6 @@ var v = /*@__PURE__*/ c({
 		showSeconds: { type: Boolean },
 		startTitle: {},
 		timeZone: {},
-		tokens: {},
 		value: {}
 	},
 	emits: [
@@ -38,98 +37,108 @@ var v = /*@__PURE__*/ c({
 		"cancel",
 		"change"
 	],
-	setup(c, { emit: v }) {
-		let { merged: y, endBind: b, rootBind: x, endTitle: S, startBind: C, startTitle: w, footerBind: T, panelsBind: E, showFooter: D, applyLabel: O, timeTokens: k, handleApply: A, cancelLabel: j, endTitleBind: M, handleCancel: N, startTitleBind: P, endDisplayValue: F, handleEndChange: I, applyButtonProps: L, startDisplayValue: R, cancelButtonProps: z, handleStartChange: B } = n(c, {
+	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, {
 			ampm: !1,
 			interval: 1,
 			rounded: "md",
 			color: "primary",
-			showSeconds: !1,
-			orientation: "horizontal"
-		}, v);
-		return (n, c) => (p(), i("div", f(l(g(x))), [a("div", f(l(g(E))), [a("div", f(l(g(C))), [a("p", { class: d(g(P)) }, h(g(w)), 3), s(g(t), {
-			ampm: g(y).ampm,
-			fill: g(y).fill,
-			tokens: g(k),
-			color: g(y).color,
-			error: g(y).error,
-			rounded: g(y).rounded,
-			value: g(R),
-			"max-time": g(y).maxTime,
-			"min-time": g(y).minTime,
-			disabled: g(y).disabled,
-			interval: g(y).interval,
-			"read-only": g(y).readOnly,
-			"time-zone": g(y).timeZone,
-			onChange: g(B),
-			"show-seconds": g(y).showSeconds,
-			"disable-times": g(y).disableTimes
-		}, null, 8, [
-			"ampm",
-			"fill",
-			"tokens",
-			"color",
-			"error",
-			"rounded",
-			"value",
-			"max-time",
-			"min-time",
-			"disabled",
-			"interval",
-			"read-only",
-			"time-zone",
-			"onChange",
-			"show-seconds",
-			"disable-times"
-		])], 16), a("div", f(l(g(b))), [a("p", { class: d(g(M)) }, h(g(S)), 3), s(g(t), {
-			ampm: g(y).ampm,
-			fill: g(y).fill,
-			tokens: g(k),
-			color: g(y).color,
-			error: g(y).error,
-			value: g(F),
-			rounded: g(y).rounded,
-			"max-time": g(y).maxTime,
-			"min-time": g(y).minTime,
-			disabled: g(y).disabled,
-			interval: g(y).interval,
-			"read-only": g(y).readOnly,
-			"time-zone": g(y).timeZone,
-			onChange: g(I),
-			"show-seconds": g(y).showSeconds,
-			"disable-times": g(y).disableTimes
-		}, null, 8, [
-			"ampm",
-			"fill",
-			"tokens",
-			"color",
-			"error",
-			"value",
-			"rounded",
-			"max-time",
-			"min-time",
-			"disabled",
-			"interval",
-			"read-only",
-			"time-zone",
-			"onChange",
-			"show-seconds",
-			"disable-times"
-		])], 16)], 16), g(D) ? (p(), i("div", f(u({ key: 0 }, g(T))), [m(n.$slots, "footer", {
-			apply: g(A),
-			cancel: g(N)
-		}, () => [s(g(e), u({
-			variant: "flat",
-			color: "secondary",
-			onClick: g(N)
-		}, g(z)), {
-			default: _(() => [o(h(g(j)), 1)]),
-			_: 1
-		}, 16, ["onClick"]), s(g(e), u({ color: "primary" }, g(L), { onClick: g(A) }), {
-			default: _(() => [o(h(g(O)), 1)]),
-			_: 1
-		}, 16, ["onClick"])])], 16)) : r("", !0)], 16));
+			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),
+				o("span", {
+					"aria-hidden": "true",
+					class: f(_(N))
+				}, null, 2),
+				o("p", { class: f(_(P)) }, g(_(C)), 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
+				}, null, 8, [
+					"ampm",
+					"fill",
+					"color",
+					"error",
+					"rounded",
+					"value",
+					"max-time",
+					"min-time",
+					"disabled",
+					"interval",
+					"read-only",
+					"time-zone",
+					"onChange",
+					"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
+				}, null, 8, [
+					"ampm",
+					"fill",
+					"color",
+					"error",
+					"value",
+					"rounded",
+					"max-time",
+					"min-time",
+					"disabled",
+					"interval",
+					"read-only",
+					"time-zone",
+					"onChange",
+					"show-seconds",
+					"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)
+		], 16));
 	}
 });
 //#endregion
-export { v as default };
+export { y as default };

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

@@ -2,7 +2,7 @@ import { MaybeRefOrGetter, SetupContext } from 'vue';
 import { TimeValue } from '@bridge-ui/core/Domain';
 import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { TimeRangePickerEmits, TimeRangePickerOwnProps } from '../timeRangePicker.types';
-type TimeRangePickerLibDefaults = LibDefaultsShape<TimeRangePickerOwnProps, "ampm" | "color" | "rounded" | "interval" | "orientation" | "showSeconds">;
+type TimeRangePickerLibDefaults = LibDefaultsShape<TimeRangePickerOwnProps, "ampm" | "color" | "rounded" | "interval" | "showSeconds">;
 type TimeRangePickerMerged = MergeLibDefaults<TimeRangePickerOwnProps, TimeRangePickerLibDefaults>;
 /**
  * Owns controlled/uncontrolled range value, optional footer draft, and dual panel binds.
@@ -10,16 +10,14 @@ 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" | "orientation" | "value" | "classes" | "tokens" | "showFooter" | "customProps" | "rounded" | "disabled" | "defaultValue" | "readOnly" | "timeZone" | "ampm" | "disableTimes" | "interval" | "maxTime" | "minTime" | "showSeconds" | "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" | "rounded" | "disabled" | "defaultValue" | "readOnly" | "timeZone" | "ampm" | "disableTimes" | "interval" | "maxTime" | "minTime" | "showSeconds" | "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>;
     panelsBind: 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;
-    }>;
     handleApply: () => void;
+    titleGapBind: import('vue').ComputedRef<string>;
     displayValue: import('vue').ComputedRef<[Date, Date] | null>;
     handleCancel: () => void;
     endTitleBind: import('vue').ComputedRef<string>;

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

@@ -1,20 +1,19 @@
 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 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";
+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";
 //#region src/Components/TimeRangePicker/composables/useTimeRangePicker.ts
-var y = [
+var b = [
 	"ampm",
 	"fill",
 	"color",
 	"error",
 	"value",
-	"tokens",
 	"classes",
 	"maxTime",
 	"minTime",
@@ -27,115 +26,112 @@ var y = [
 	"showFooter",
 	"startTitle",
 	"customProps",
-	"orientation",
 	"showSeconds",
 	"defaultValue",
 	"disableTimes"
 ];
-function b(b, x, S) {
-	let C = u(), w = s(ee, {
+function x(x, S, C) {
+	let w = d(), T = c(o, {
 		apply: () => void 0,
 		cancel: () => void 0
-	}), T = e(), E = t(), D = n(), O = o(() => v({
-		bridgeKeys: y,
+	}), E = e(), ee = t(), D = n(), O = s(() => y({
+		bridgeKeys: b,
 		props: {
-			...C,
-			...l(b)
+			...w,
+			...u(x)
 		}
 	})), { merged: k, entry: A } = i({
-		libDefaults: x,
+		libDefaults: S,
 		componentName: "TimeRangePicker",
 		props: () => O.value.componentProps
-	}), j = o(() => k.value.customProps), M = o(() => m(O.value.inheritedAttrs, [
+	}), j = s(() => k.value.customProps), M = s(() => h(O.value.inheritedAttrs, [
 		"onApply",
 		"onCancel",
 		"onChange"
 	])), N = a({
 		entry: A,
 		props: () => O.value.componentProps
-	}), 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]) => {
+	}), 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]) => {
 		t && (z.value = 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 = o(() => ({
-		color: k.value.tokens?.time?.color ?? k.value.tokens?.color,
-		rounded: k.value.tokens?.time?.rounded ?? k.value.tokens?.rounded
-	})), W = (e) => {
-		I.value || (L.value = e), S("change", e);
-	}, G = (e) => {
-		let t = h(e, T.value, F.value);
+	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);
+	}, W = (e) => {
+		let t = g(e, E.value, F.value);
 		if (k.value.showFooter) {
 			z.value = t;
 			return;
 		}
-		W(t);
+		U(t);
+	}, G = (e) => {
+		if (m(e)) return;
+		let t = B.value?.[1] ?? E.value.now(F.value);
+		W([e, t]);
 	}, K = (e) => {
-		if (p(e)) return;
-		let t = B.value?.[1] ?? T.value.now(F.value);
-		G([e, t]);
-	}, q = (e) => {
-		if (p(e)) return;
-		let t = B.value?.[0] ?? T.value.now(F.value);
-		G([t, e]);
+		if (m(e)) return;
+		let t = B.value?.[0] ?? E.value.now(F.value);
+		W([t, e]);
+	}, q = () => {
+		U(z.value), C("apply"), T.apply();
 	}, J = () => {
-		W(z.value), S("apply"), w.apply();
-	}, Y = () => {
-		z.value = R.value, S("cancel"), w.cancel();
-	}, X = o(() => {
-		let e = f(g, k.value.rounded ?? "md");
-		return r(j.value?.root, M.value, _({
+		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({
 			"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
 		}));
-	}), Z = o(() => k.value.orientation === "vertical"), Q = o(() => r(j.value?.panels, {}, _({
-		"flex w-full gap-2 px-2.5": !0,
-		"flex-row": !Z.value,
-		"flex-col": Z.value,
+	}), 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({
+		"flex w-full flex-row px-2.5 pb-2.5": !0,
 		[N.value.panels ?? ""]: !0
-	}))), te = o(() => r(j.value?.start, {}, _({
-		"flex min-w-0 flex-1 flex-col gap-1": !0,
+	}))), te = s(() => r(j.value?.start, {}, v({
+		"flex min-w-0 flex-1 flex-col pr-2.5": !0,
 		[N.value.start ?? ""]: !0
-	}))), ne = o(() => r(j.value?.end, {}, _({
-		"flex min-w-0 flex-1 flex-col gap-1": !0,
+	}))), ne = s(() => r(j.value?.end, {}, v({
+		"flex min-w-0 flex-1 flex-col pl-2.5": !0,
 		[N.value.end ?? ""]: !0
-	}))), $ = o(() => _({ "px-2 py-2 text-center text-xs font-medium tracking-wide text-dark-500 uppercase dark:text-dark-400": !0 })), re = o(() => _({
+	}))), $ = 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({
 		[$.value]: !0,
+		"pr-2.5": !0,
 		[N.value.startTitle ?? ""]: !0
-	})), ie = o(() => _({
+	})), ie = s(() => v({
 		[$.value]: !0,
+		"pl-2.5": !0,
 		[N.value.endTitle ?? ""]: !0
 	}));
 	return {
 		merged: k,
 		endBind: ne,
-		rootBind: X,
+		rootBind: Y,
 		startBind: te,
-		footerBind: o(() => r(j.value?.footer, {}, _({
+		footerBind: s(() => r(j.value?.footer, {}, v({
 			"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: o(() => !!k.value.showFooter),
-		timeTokens: U,
-		handleApply: J,
+		showFooter: s(() => !!k.value.showFooter),
+		handleApply: q,
+		titleGapBind: Z,
 		displayValue: B,
-		handleCancel: Y,
+		handleCancel: J,
 		endTitleBind: ie,
 		startTitleBind: re,
 		endDisplayValue: H,
-		handleEndChange: q,
+		handleEndChange: K,
 		startDisplayValue: V,
-		handleStartChange: K,
-		applyLabel: o(() => D("Apply")),
-		cancelLabel: o(() => D("Cancel")),
-		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"))
+		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"))
 	};
 }
 //#endregion
-export { b as useTimeRangePicker };
+export { x as useTimeRangePicker };

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

@@ -1,3 +1,3 @@
 export { useTimeRangePicker } from './composables/useTimeRangePicker';
-export type { TimeRangePickerClasses, TimeRangePickerColorOverrides, TimeRangePickerCustomProps, TimeRangePickerEmits, TimeRangePickerOwnProps, TimeRangePickerProps, TimeRangePickerRoundedOverrides, TimeRangePickerSlots, TimeRangePickerTokens, } from './timeRangePicker.types';
+export type { TimeRangePickerClasses, TimeRangePickerColorOverrides, TimeRangePickerCustomProps, TimeRangePickerEmits, TimeRangePickerOwnProps, TimeRangePickerProps, TimeRangePickerRoundedOverrides, TimeRangePickerSlots, } from './timeRangePicker.types';
 export { default as TimeRangePicker } from './TimeRangePicker.vue';

package/dist/Components/TimeRangePicker/timeRangePicker.types.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes, Slot } from 'vue';
-import { DisableTimesInput, FieldOverlayFooterSlotProps, RangePickerOrientation, TimeRangeValue } from '@bridge-ui/core/Domain';
-import { TimeColor, TimeColorItem, TimeRounded } from '@bridge-ui/core/Tokens';
+import { DisableTimesInput, FieldOverlayFooterSlotProps, TimeRangeValue } from '@bridge-ui/core/Domain';
+import { TimeColor, TimeRounded } from '@bridge-ui/core/Tokens';
 import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { ButtonProps } from '../Button/button.types';
 export interface TimeRangePickerColorOverrides {}
@@ -173,12 +173,6 @@ export interface TimeRangePickerOwnProps {
      * @default undefined
      */
     minTime?: Date;
-    /**
-     * Layout of start / end time panels.
-     *
-     * @default "horizontal"
-     */
-    orientation?: RangePickerOrientation;
     /**
      * Prevents selection.
      *
@@ -222,12 +216,6 @@ export interface TimeRangePickerOwnProps {
      * @default undefined
      */
     timeZone?: string;
-    /**
-     * Token overrides.
-     *
-     * @default undefined
-     */
-    tokens?: TimeRangePickerTokens;
     /**
      * Controlled value.
      *
@@ -244,21 +232,4 @@ export interface TimeRangePickerSlots {
      */
     footer?: Slot<FieldOverlayFooterSlotProps>;
 }
-export interface TimeRangePickerTokens {
-    /**
-     * 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 TimeRangePickerProps = MergeHtmlProps<TimeRangePickerOwnProps, HTMLAttributes>;

package/dist/index.d.ts

@@ -23,37 +23,41 @@ export type { BreadcrumbItemClasses, BreadcrumbItemCustomProps, BreadcrumbItemOw
 export { Button, useButton } from './Components/Button';
 export type { ButtonClasses, ButtonColorOverrides, ButtonDensityOverrides, ButtonProps, ButtonRoundedOverrides, ButtonSizeOverrides, ButtonSlots, ButtonVariantOverrides, } from './Components/Button';
 export { Calendar, useCalendar } from './Components/Calendar';
-export type { CalendarClasses, CalendarColorOverrides, CalendarCustomProps, CalendarEmits, CalendarOwnProps, CalendarProps, CalendarRoundedOverrides, CalendarSlots, CalendarTokens, CalendarView, } from './Components/Calendar';
+export type { CalendarClasses, CalendarColorOverrides, CalendarCustomProps, CalendarEmits, CalendarOwnProps, CalendarProps, CalendarRoundedOverrides, CalendarSlots, CalendarView, } from './Components/Calendar';
 export { CalendarDate, useCalendarDate } from './Components/CalendarDate';
-export type { CalendarDateClasses, CalendarDateColorOverrides, CalendarDateCustomProps, CalendarDateDayCell, CalendarDateEmits, CalendarDateOwnProps, CalendarDateProps, CalendarDateRoundedOverrides, CalendarDateSlots, CalendarDateTokens, } from './Components/CalendarDate';
+export type { CalendarDateClasses, CalendarDateColorOverrides, CalendarDateCustomProps, CalendarDateDayCell, CalendarDateEmits, CalendarDateOwnProps, CalendarDateProps, CalendarDateRoundedOverrides, CalendarDateSlots, } from './Components/CalendarDate';
 export { CalendarMonth, useCalendarMonth } from './Components/CalendarMonth';
-export type { CalendarMonthCell, CalendarMonthClasses, CalendarMonthColorOverrides, CalendarMonthCustomProps, CalendarMonthEmits, CalendarMonthOwnProps, CalendarMonthProps, CalendarMonthRoundedOverrides, CalendarMonthTokens, } from './Components/CalendarMonth';
+export type { CalendarMonthCell, CalendarMonthClasses, CalendarMonthColorOverrides, CalendarMonthCustomProps, CalendarMonthEmits, CalendarMonthOwnProps, CalendarMonthProps, CalendarMonthRoundedOverrides, } from './Components/CalendarMonth';
 export { CalendarRange, useCalendarRange } from './Components/CalendarRange';
-export type { CalendarRangeClasses, CalendarRangeColorOverrides, CalendarRangeCustomProps, CalendarRangeEmits, CalendarRangeOwnProps, CalendarRangeProps, CalendarRangeRoundedOverrides, CalendarRangeSlots, CalendarRangeTokens, } from './Components/CalendarRange';
+export type { CalendarRangeClasses, CalendarRangeColorOverrides, CalendarRangeCustomProps, CalendarRangeEmits, CalendarRangeOwnProps, CalendarRangeProps, CalendarRangeRoundedOverrides, CalendarRangeSlots, } from './Components/CalendarRange';
 export { CalendarYear, useCalendarYear } from './Components/CalendarYear';
-export type { CalendarYearCell, CalendarYearClasses, CalendarYearColorOverrides, CalendarYearCustomProps, CalendarYearEmits, CalendarYearOwnProps, CalendarYearProps, CalendarYearRoundedOverrides, CalendarYearTokens, } from './Components/CalendarYear';
+export type { CalendarYearCell, CalendarYearClasses, CalendarYearColorOverrides, CalendarYearCustomProps, CalendarYearEmits, CalendarYearOwnProps, CalendarYearProps, CalendarYearRoundedOverrides, } from './Components/CalendarYear';
 export { Card, useCard } from './Components/Card';
 export type { CardClasses, CardCustomProps, CardOwnProps, CardPaddingOverrides, CardProps, CardRoundedOverrides, CardShadowOverrides, CardSlots, CardVariantOverrides, } from './Components/Card';
 export { Checkbox, useCheckbox } from './Components/Checkbox';
 export type { CheckboxClasses, CheckboxColorOverrides, CheckboxCustomProps, CheckboxOwnProps, CheckboxProps, CheckboxRoundedOverrides, CheckboxSizeOverrides, CheckboxSlots, } from './Components/Checkbox';
 export { Chip, useChip } from './Components/Chip';
 export type { ChipClasses, ChipCustomProps, ChipEmits, ChipOwnProps, ChipProps, ChipSizeOverrides, ChipSlots, } from './Components/Chip';
+export { ColorField, useColorField } from './Components/ColorField';
+export type { ColorFieldClasses, ColorFieldCustomProps, ColorFieldEmits, ColorFieldOwnProps, ColorFieldProps, ColorFieldSlots, } from './Components/ColorField';
+export { ColorPicker, useColorPicker } from './Components/ColorPicker';
+export type { ColorPickerClasses, ColorPickerCustomProps, ColorPickerEmits, ColorPickerOwnProps, ColorPickerProps, ColorPickerRoundedOverrides, ColorPickerSlots, } from './Components/ColorPicker';
 export { DateField, useDateField } from './Components/DateField';
 export type { DateFieldClasses, DateFieldCustomProps, DateFieldEmits, DateFieldOwnProps, DateFieldProps, DateFieldSlots, } from './Components/DateField';
 export { DatePicker, useDatePicker } from './Components/DatePicker';
-export type { DatePickerClasses, DatePickerColorOverrides, DatePickerCustomProps, DatePickerEmits, DatePickerOwnProps, DatePickerProps, DatePickerRoundedOverrides, DatePickerSlots, DatePickerTokens, } from './Components/DatePicker';
+export type { DatePickerClasses, DatePickerColorOverrides, DatePickerCustomProps, DatePickerEmits, DatePickerOwnProps, DatePickerProps, DatePickerRoundedOverrides, DatePickerSlots, } from './Components/DatePicker';
 export { DateRangeField, useDateRangeField } from './Components/DateRangeField';
 export type { DateRangeFieldClasses, DateRangeFieldCustomProps, DateRangeFieldEmits, DateRangeFieldOwnProps, DateRangeFieldProps, DateRangeFieldSlots, } from './Components/DateRangeField';
 export { DateRangePicker, useDateRangePicker, } from './Components/DateRangePicker';
-export type { DateRangePickerClasses, DateRangePickerColorOverrides, DateRangePickerCustomProps, DateRangePickerEmits, DateRangePickerOwnProps, DateRangePickerProps, DateRangePickerRoundedOverrides, DateRangePickerSlots, DateRangePickerTokens, } from './Components/DateRangePicker';
+export type { DateRangePickerClasses, DateRangePickerColorOverrides, DateRangePickerCustomProps, DateRangePickerEmits, DateRangePickerOwnProps, DateRangePickerProps, DateRangePickerRoundedOverrides, DateRangePickerSlots, } from './Components/DateRangePicker';
 export { DateTimeField, useDateTimeField } from './Components/DateTimeField';
 export type { DateTimeFieldClasses, DateTimeFieldCustomProps, DateTimeFieldEmits, DateTimeFieldOwnProps, DateTimeFieldProps, DateTimeFieldSlots, } from './Components/DateTimeField';
 export { DateTimePicker, useDateTimePicker } from './Components/DateTimePicker';
-export type { DateTimePickerClasses, DateTimePickerColorOverrides, DateTimePickerCustomProps, DateTimePickerEmits, DateTimePickerOwnProps, DateTimePickerProps, DateTimePickerRoundedOverrides, DateTimePickerSlots, DateTimePickerTokens, } from './Components/DateTimePicker';
+export type { DateTimePickerClasses, DateTimePickerColorOverrides, DateTimePickerCustomProps, DateTimePickerEmits, DateTimePickerOwnProps, DateTimePickerProps, DateTimePickerRoundedOverrides, DateTimePickerSlots, } from './Components/DateTimePicker';
 export { DateTimeRangeField, useDateTimeRangeField, } from './Components/DateTimeRangeField';
 export type { DateTimeRangeFieldClasses, DateTimeRangeFieldCustomProps, DateTimeRangeFieldEmits, DateTimeRangeFieldOwnProps, DateTimeRangeFieldProps, DateTimeRangeFieldSlots, } from './Components/DateTimeRangeField';
 export { DateTimeRangePicker, useDateTimeRangePicker, } from './Components/DateTimeRangePicker';
-export type { DateTimeRangePickerClasses, DateTimeRangePickerColorOverrides, DateTimeRangePickerCustomProps, DateTimeRangePickerEmits, DateTimeRangePickerOwnProps, DateTimeRangePickerProps, DateTimeRangePickerRoundedOverrides, DateTimeRangePickerSlots, DateTimeRangePickerTokens, } from './Components/DateTimeRangePicker';
+export type { DateTimeRangePickerClasses, DateTimeRangePickerColorOverrides, DateTimeRangePickerCustomProps, DateTimeRangePickerEmits, DateTimeRangePickerOwnProps, DateTimeRangePickerProps, DateTimeRangePickerRoundedOverrides, DateTimeRangePickerSlots, } from './Components/DateTimeRangePicker';
 export { Divider, useDivider } from './Components/Divider';
 export type { DividerClasses, DividerColorOverrides, DividerOrientationOverrides, DividerOwnProps, DividerProps, } from './Components/Divider';
 export { Drawer, useDrawer } from './Components/Drawer';
@@ -104,6 +108,10 @@ export { Snackbar, useSnackbar } from './Components/Snackbar';
 export type { SnackbarClasses, SnackbarColorOverrides, SnackbarCustomProps, SnackbarEmits, SnackbarOwnProps, SnackbarPaddingOverrides, SnackbarProps, SnackbarSlots, SnackbarTransitionOverrides, } from './Components/Snackbar';
 export { Spinner, useSpinner } from './Components/Spinner';
 export type { SpinnerClasses, SpinnerColorOverrides, SpinnerCustomProps, SpinnerOwnProps, SpinnerProps, SpinnerSizeOverrides, SpinnerVariantOverrides, } from './Components/Spinner';
+export { Step, useStep } from './Components/Step';
+export type { StepClasses, StepCustomProps, StepOwnProps, StepProps, StepSlots, } from './Components/Step';
+export { Stepper, useStepper } from './Components/Stepper';
+export type { StepperClasses, StepperColorOverrides, StepperContextValue, StepperCustomProps, StepperEmits, StepperOrientationOverrides, StepperOwnProps, StepperProps, StepperSizeOverrides, StepperSlots, StepperStepMeta, } from './Components/Stepper';
 export { Switch, useSwitch } from './Components/Switch';
 export type { SwitchClasses, SwitchColorOverrides, SwitchCustomProps, SwitchOwnProps, SwitchProps, SwitchRoundedOverrides, SwitchSizeOverrides, SwitchSlots, } from './Components/Switch';
 export { Tab, useTab } from './Components/Tab';
@@ -123,13 +131,13 @@ export type { TextFieldClasses, TextFieldCustomProps, TextFieldOwnProps, TextFie
 export { TimeField, useTimeField } from './Components/TimeField';
 export type { TimeFieldClasses, TimeFieldCustomProps, TimeFieldEmits, TimeFieldOwnProps, TimeFieldProps, TimeFieldSlots, } from './Components/TimeField';
 export { TimePanel, useTimePanel } from './Components/TimePanel';
-export type { TimePanelClasses, TimePanelColorOverrides, TimePanelCustomProps, TimePanelEmits, TimePanelItem, TimePanelOwnProps, TimePanelProps, TimePanelRoundedOverrides, TimePanelTokens, } from './Components/TimePanel';
+export type { TimePanelClasses, TimePanelColorOverrides, TimePanelCustomProps, TimePanelEmits, TimePanelItem, TimePanelOwnProps, TimePanelProps, TimePanelRoundedOverrides, } from './Components/TimePanel';
 export { TimePicker, useTimePicker } from './Components/TimePicker';
-export type { TimePickerClasses, TimePickerColorOverrides, TimePickerCustomProps, TimePickerEmits, TimePickerOwnProps, TimePickerProps, TimePickerRoundedOverrides, TimePickerTokens, } from './Components/TimePicker';
+export type { TimePickerClasses, TimePickerColorOverrides, TimePickerCustomProps, TimePickerEmits, TimePickerOwnProps, TimePickerProps, TimePickerRoundedOverrides, } from './Components/TimePicker';
 export { TimeRangeField, useTimeRangeField } from './Components/TimeRangeField';
 export type { TimeRangeFieldClasses, TimeRangeFieldCustomProps, TimeRangeFieldEmits, TimeRangeFieldOwnProps, TimeRangeFieldProps, TimeRangeFieldSlots, } from './Components/TimeRangeField';
 export { TimeRangePicker, useTimeRangePicker, } from './Components/TimeRangePicker';
-export type { TimeRangePickerClasses, TimeRangePickerColorOverrides, TimeRangePickerCustomProps, TimeRangePickerEmits, TimeRangePickerOwnProps, TimeRangePickerProps, TimeRangePickerRoundedOverrides, TimeRangePickerTokens, } from './Components/TimeRangePicker';
+export type { TimeRangePickerClasses, TimeRangePickerColorOverrides, TimeRangePickerCustomProps, TimeRangePickerEmits, TimeRangePickerOwnProps, TimeRangePickerProps, TimeRangePickerRoundedOverrides, } from './Components/TimeRangePicker';
 export { TOGGLE_GROUP_INJECTION_KEY, ToggleGroup, useToggleGroup, } from './Components/ToggleGroup';
 export type { ToggleGroupClasses, ToggleGroupColorOverrides, ToggleGroupContextValue, ToggleGroupCustomProps, ToggleGroupEmits, ToggleGroupOrientationOverrides, ToggleGroupOwnProps, ToggleGroupProps, ToggleGroupRoundedOverrides, ToggleGroupSizeOverrides, ToggleGroupSlots, ToggleGroupTokenClasses, ToggleGroupVariantOverrides, } from './Components/ToggleGroup';
 export { ToggleItem, useToggleItem } from './Components/ToggleItem';