@bridge-ui/vue 0.5.0 → 0.6.0

package/dist/Components/Slider/composables/useSlider.js

@@ -2,10 +2,10 @@ import { useBridgeUI as e } from "../../../Provider/useBridgeUI.js";
 import { mergePartBind as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as r } from "../../../Utils/index.js";
 import { baseFieldBridgeKeys as i, useBaseField as a } from "../../BaseField/composables/useBaseField.js";
 import { computed as o, ref as s, toValue as ee, useAttrs as te, watch as ne } from "vue";
-import { get as c, omit as l, pick as u } from "es-toolkit/compat";
-import { getSliderBarGeometry as re, getSliderPointerClientX as d, isSliderStopCovered as ie, normalizeSliderStops as ae, percentFromSliderPointer as f, percentToValue as p, pickClosestSliderThumb as oe, resolveSliderBounds as m, snapSliderValue as h, sortSliderRangeValue as se, stepSliderValue as g, valueToPercent as _, writeSliderRangeThumb as v } from "@bridge-ui/core/Domain";
-import { sliderColorProps as ce, sliderRoundedProps as le, sliderSizeProps as ue } from "@bridge-ui/core/Tokens";
-import { cn as y, getColorToken as de, mergeBridgeUILayeredClasses as b, splitComponentProps as fe } from "@bridge-ui/core/Utils";
+import { get as c, isNumber as l, omit as u, pick as d } from "es-toolkit/compat";
+import { getSliderBarGeometry as re, getSliderPointerClientX as f, isSliderStopCovered as ie, normalizeSliderStops as ae, percentFromSliderPointer as p, percentToValue as m, pickClosestSliderThumb as oe, resolveSliderBounds as se, snapSliderValue as h, sortSliderRangeValue as ce, stepSliderValue as g, valueToPercent as _, writeSliderRangeThumb as v } from "@bridge-ui/core/Domain";
+import { sliderColorProps as le, sliderRoundedProps as ue, sliderSizeProps as de } from "@bridge-ui/core/Tokens";
+import { cn as y, getColorToken as fe, mergeBridgeUILayeredClasses as b, splitComponentProps as pe } from "@bridge-ui/core/Utils";
 //#region src/Components/Slider/composables/useSlider.ts
 var x = [
 	"max",
@@ -28,14 +28,14 @@ function w(e, t, n, r) {
 		value: n
 	} : v(e, t, n);
 }
-function T(v, T, E, pe = {}) {
-	let me = te(), he = e(), D = s(null), O = s(null), k = s(null), A = s(null), j = o(() => fe({
+function T(v, T, E, me = {}) {
+	let he = te(), ge = e(), D = s(null), O = s(null), k = s(null), A = s(null), j = o(() => pe({
 		bridgeKeys: S,
 		props: {
-			...me,
+			...he,
 			...ee(v)
 		}
-	})), ge = o(() => u(j.value.componentProps, i)), M = a(ge, {
+	})), _e = o(() => d(j.value.componentProps, i)), M = a(_e, {
 		error: !1,
 		hideErrorMessage: !1,
 		size: T.size ?? "md"
@@ -46,7 +46,7 @@ function T(v, T, E, pe = {}) {
 		libDefaults: T,
 		componentName: "Slider",
 		props: () => ({
-			...u(j.value.componentProps, x),
+			...d(j.value.componentProps, x),
 			size: M.merged.value.size,
 			classes: j.value.componentProps.classes,
 			customProps: j.value.componentProps.customProps
@@ -54,18 +54,18 @@ function T(v, T, E, pe = {}) {
 	}), F = o(() => N.value.customProps), I = r({
 		entry: P,
 		props: () => j.value.componentProps
-	}), L = o(() => m({
+	}), L = o(() => se({
 		min: N.value.min,
 		max: N.value.max,
 		step: N.value.step
-	})), R = o(() => !!N.value.range), z = o(() => N.value.showTooltip !== !1), B = o(() => he?.global.value.direction === "rtl"), { controlId: V, isDisabled: H, isReadonly: U, invalidated: W, ariaDescribedBy: _e } = M, G = o(() => {
+	})), R = o(() => !!N.value.range), z = o(() => N.value.showTooltip !== !1), B = o(() => ge?.global.value.direction === "rtl"), { controlId: V, isDisabled: H, isReadonly: U, invalidated: W, ariaDescribedBy: ve } = M, G = o(() => {
 		let e = E.value, t = L.value;
 		if (R.value) {
-			if (Array.isArray(e)) return se(h(e[0], t.min, t.max, t.step), h(e[1], t.min, t.max, t.step));
-			let n = h(typeof e == "number" ? e : t.min, t.min, t.max, t.step);
+			if (Array.isArray(e)) return ce(h(e[0], t.min, t.max, t.step), h(e[1], t.min, t.max, t.step));
+			let n = h(l(e) ? e : t.min, t.min, t.max, t.step);
 			return [n, n];
 		}
-		return h(Array.isArray(e) ? e[0] : typeof e == "number" ? e : t.min, t.min, t.max, t.step);
+		return h(Array.isArray(e) ? e[0] : l(e) ? e : t.min, t.min, t.max, t.step);
 	}), K = o(() => ae({
 		min: L.value.min,
 		max: L.value.max,
@@ -78,43 +78,43 @@ function T(v, T, E, pe = {}) {
 		max: L.value.max,
 		value: G.value
 	})), J = o(() => {
-		let e = b(ce, P.value?.tokens?.color);
-		return de({
+		let e = b(le, P.value?.tokens?.color);
+		return fe({
 			tokens: e,
 			color: N.value.color,
 			invalid: W.value
 		});
 	}), Y = o(() => {
-		let e = b(ue, P.value?.tokens?.size);
+		let e = b(de, P.value?.tokens?.size);
 		return c(e, N.value.size ?? "md");
 	}), X = o(() => {
-		let e = b(le, P.value?.tokens?.rounded);
+		let e = b(ue, P.value?.tokens?.rounded);
 		return c(e, N.value.rounded ?? "full");
-	}), ve = o(() => K.value.some((e) => !!e.label)), Z = (e) => {
-		E.value = e, pe.onChange?.(e);
-	}, ye = (e) => {
+	}), ye = o(() => K.value.some((e) => !!e.label)), Z = (e) => {
+		E.value = e, me.onChange?.(e);
+	}, be = (e) => {
 		D.value &&= { thumbIndex: e }, O.value !== null && (O.value = e);
-	}, be = (e, t) => {
+	}, xe = (e, t) => {
 		if (H.value || U.value) return;
-		let n = L.value, r = p(t, n.min, n.max, n.step), i = w(G.value, e, r, R.value);
-		i.thumbIndex !== e && ye(i.thumbIndex), Z(i.value);
+		let n = L.value, r = m(t, n.min, n.max, n.step), i = w(G.value, e, r, R.value);
+		i.thumbIndex !== e && be(i.thumbIndex), Z(i.value);
 	}, Q = (e, t) => {
 		H.value || U.value || (e.preventDefault(), D.value = { thumbIndex: t }, O.value = t);
-	}, xe = (e) => {
+	}, Se = (e) => {
 		if (H.value || U.value || e.target.closest("[data-bridge-slider-thumb]")) return;
 		let t = A.value?.getBoundingClientRect();
 		if (!t) return;
-		let n = f({
+		let n = p({
 			rect: t,
 			isRtl: B.value,
-			clientX: d(e)
-		}), r = L.value, i = p(n, r.min, r.max, r.step), a = 0, o = G.value;
+			clientX: f(e)
+		}), r = L.value, i = m(n, r.min, r.max, r.step), a = 0, o = G.value;
 		R.value && Array.isArray(o) && (a = oe(i, o[0], o[1]));
 		let s = w(o, a, i, R.value);
 		Z(s.value), Q(e, s.thumbIndex);
-	}, Se = (e) => (t) => {
-		Q(t, e);
 	}, Ce = (e) => (t) => {
+		Q(t, e);
+	}, we = (e) => (t) => {
 		if (H.value || U.value) return;
 		let n = L.value, r = C(G.value, e, R.value), i = null, a = B.value;
 		switch (t.key) {
@@ -151,12 +151,12 @@ function T(v, T, E, pe = {}) {
 		let r = (e) => {
 			let t = A.value?.getBoundingClientRect();
 			if (!t || D.value === null) return;
-			let n = f({
+			let n = p({
 				rect: t,
 				isRtl: B.value,
-				clientX: d(e)
+				clientX: f(e)
 			});
-			be(D.value.thumbIndex, n);
+			xe(D.value.thumbIndex, n);
 		}, i = () => {
 			D.value = null, O.value = null;
 		};
@@ -164,9 +164,9 @@ function T(v, T, E, pe = {}) {
 			window.removeEventListener("pointermove", r), window.removeEventListener("pointerup", i), window.removeEventListener("pointercancel", i);
 		});
 	});
-	let we = o(() => t({}, {}, y("relative w-full min-w-0 flex-1"))), Te = o(() => t({
-		...l(F.value?.track ?? {}, ["style"]),
-		onPointerdown: xe
+	let $ = o(() => t({}, {}, y("relative w-full min-w-0 flex-1"))), Te = o(() => t({
+		...u(F.value?.track ?? {}, ["style"]),
+		onPointerdown: Se
 	}, {}, y({
 		"relative w-full select-none touch-none": !0,
 		"cursor-pointer": !H.value && !U.value,
@@ -175,7 +175,7 @@ function T(v, T, E, pe = {}) {
 		[X.value ?? ""]: !0,
 		[J.value?.track ?? ""]: !0,
 		[I.value.track ?? ""]: !0
-	}))), Ee = o(() => t(l(F.value?.bar ?? {}, ["style"]), {
+	}))), Ee = o(() => t(u(F.value?.bar ?? {}, ["style"]), {
 		"aria-hidden": !0,
 		style: {
 			width: q.value.width,
@@ -186,10 +186,10 @@ function T(v, T, E, pe = {}) {
 		[X.value ?? ""]: !0,
 		[J.value?.bar ?? ""]: !0,
 		[I.value.bar ?? ""]: !0
-	}))), $ = (e) => {
+	}))), De = (e) => {
 		let n = C(G.value, e, R.value), r = _(n, L.value.min, L.value.max), i = O.value === e;
 		return t({
-			...l(F.value?.thumb ?? {}, ["style"]),
+			...u(F.value?.thumb ?? {}, ["style"]),
 			role: "slider",
 			type: "button",
 			"aria-valuenow": n,
@@ -199,13 +199,13 @@ function T(v, T, E, pe = {}) {
 			"data-bridge-slider-thumb": e,
 			disabled: H.value || void 0,
 			"aria-orientation": "horizontal",
-			"aria-describedby": _e.value,
-			onKeydown: Ce(e),
+			"aria-describedby": ve.value,
+			onKeydown: we(e),
 			id: `${V.value}-thumb-${e}`,
 			"aria-disabled": H.value || void 0,
 			"aria-readonly": U.value || void 0,
 			"aria-invalid": W.value || void 0,
-			onPointerdown: Se(e),
+			onPointerdown: Ce(e),
 			style: { insetInlineStart: `${r}%` },
 			onFocus: () => {
 				k.value = e;
@@ -228,7 +228,7 @@ function T(v, T, E, pe = {}) {
 			[Y.value?.thumb ?? ""]: !0,
 			[I.value.thumb ?? ""]: !0
 		}));
-	}, De = (e) => {
+	}, Oe = (e) => {
 		let n = O.value === e;
 		return t(F.value?.thumbKnob, { "aria-hidden": !0 }, y({
 			"block rounded-full border-2 shadow-sm transition-transform duration-100": !0,
@@ -239,7 +239,7 @@ function T(v, T, E, pe = {}) {
 			[J.value?.thumb ?? ""]: !0,
 			[I.value.thumbKnob ?? ""]: !0
 		}));
-	}, Oe = (e) => {
+	}, ke = (e) => {
 		let n = _(e.value, L.value.min, L.value.max), r = ie({
 			range: R.value,
 			min: L.value.min,
@@ -247,7 +247,7 @@ function T(v, T, E, pe = {}) {
 			stopValue: e.value,
 			value: G.value
 		});
-		return t(l(F.value?.stop ?? {}, ["style"]), {
+		return t(u(F.value?.stop ?? {}, ["style"]), {
 			"aria-hidden": !0,
 			style: {
 				insetInlineStart: `${n}%`,
@@ -257,7 +257,7 @@ function T(v, T, E, pe = {}) {
 			"absolute top-1/2 h-2 w-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-white dark:bg-dark-400": !0,
 			[I.value.stop ?? ""]: !0
 		}));
-	}, ke = o(() => t(F.value?.stopLabels, { "aria-hidden": !0 }, y({
+	}, Ae = o(() => t(F.value?.stopLabels, { "aria-hidden": !0 }, y({
 		"relative h-[1lh] w-full text-xs": !0,
 		[I.value.stopLabels ?? ""]: !0
 	})));
@@ -269,26 +269,26 @@ function T(v, T, E, pe = {}) {
 		trackRef: A,
 		baseField: M,
 		trackBind: Te,
-		controlBind: we,
+		controlBind: $,
 		showTooltip: z,
-		getStopBind: Oe,
+		getStopBind: ke,
 		thumbIndexes: o(() => R.value ? [0, 1] : [0]),
-		getThumbBind: $,
+		getThumbBind: De,
 		resolvedStops: K,
 		resolvedValue: G,
 		isTooltipOpen: (e) => z.value && (O.value === e || k.value === e),
-		hasStopLabels: ve,
-		stopLabelsBind: ke,
+		hasStopLabels: ye,
+		stopLabelsBind: Ae,
 		getStopLabelBind: (e) => {
 			let n = _(e.value, L.value.min, L.value.max);
-			return t(l(F.value?.stopLabel ?? {}, ["style"]), { style: { insetInlineStart: `${n}%` } }, y({
+			return t(u(F.value?.stopLabel ?? {}, ["style"]), { style: { insetInlineStart: `${n}%` } }, y({
 				"absolute top-0 -translate-x-1/2 whitespace-nowrap": !0,
 				"text-dark-700 dark:text-dark-400": !W.value,
 				"text-error-600 dark:text-error-400": W.value,
 				[I.value.stopLabel ?? ""]: !0
 			}));
 		},
-		getThumbKnobBind: De,
+		getThumbKnobBind: Oe,
 		tooltipProps: o(() => F.value?.tooltip),
 		readThumbValue: (e) => C(G.value, e, R.value)
 	};

package/dist/Components/Snackbar/snackbarDefaultIcons.js

@@ -2,6 +2,7 @@
 var e = {
 	dark: "info",
 	info: "alert",
+	black: "info",
 	error: "error",
 	primary: "bell",
 	secondary: "info",

package/dist/Components/Tabs/Tabs.vue_vue_type_script_setup_true_lang.js

@@ -4,8 +4,9 @@ import n from "../TabList/TabList.js";
 import r from "../TabPanel/TabPanel.js";
 import { useTabs as i } from "./composables/useTabs.js";
 import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createSlots as u, createTextVNode as d, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeModels as h, mergeProps as g, normalizeProps as _, openBlock as v, renderList as y, renderSlot as b, toDisplayString as x, unref as S, useModel as C, withCtx as w } from "vue";
+import { isString as T } from "es-toolkit/compat";
 //#region src/Components/Tabs/Tabs.vue?vue&type=script&setup=true&lang.ts
-var T = /*@__PURE__*/ p({
+var E = /*@__PURE__*/ p({
 	inheritAttrs: !1,
 	__name: "Tabs",
 	props: /*@__PURE__*/ h({
@@ -26,23 +27,23 @@ var T = /*@__PURE__*/ p({
 	}),
 	emits: /*@__PURE__*/ h(["change", "update:modelValue"], ["update:modelValue"]),
 	setup(p, { emit: h }) {
-		let T = h, E = p, D = C(p, "modelValue"), { rootBind: O, tabItems: k } = i(E, {
+		let E = h, D = p, O = C(p, "modelValue"), { rootBind: k, tabItems: A } = i(D, {
 			size: "md",
 			variant: "line",
 			color: "primary",
 			keepMounted: !0,
 			activation: "automatic",
 			orientation: "horizontal"
-		}, D, T), A = o(() => k.value.length > 0);
-		return (i, o) => (v(), l("div", _(m(S(O))), [A.value ? (v(), l(a, { key: 0 }, [f(n, _(m(E.customProps?.tabList)), {
-			default: w(() => [(v(!0), l(a, null, y(S(k), (n) => (v(), s(t, g({
+		}, O, E), j = o(() => A.value.length > 0);
+		return (i, o) => (v(), l("div", _(m(S(k))), [j.value ? (v(), l(a, { key: 0 }, [f(n, _(m(D.customProps?.tabList)), {
+			default: w(() => [(v(!0), l(a, null, y(S(A), (n) => (v(), s(t, g({
 				key: n.value,
 				value: n.value,
 				"end-icon": n.endIcon,
 				disabled: n.disabled,
 				"start-icon": n.startIcon
-			}, { ref_for: !0 }, E.customProps?.tab), u({
-				default: w(() => [typeof n.label == "string" ? (v(), l(a, { key: 0 }, [d(x(n.label), 1)], 64)) : (v(), s(S(e), {
+			}, { ref_for: !0 }, D.customProps?.tab), u({
+				default: w(() => [S(T)(n.label) ? (v(), l(a, { key: 0 }, [d(x(n.label), 1)], 64)) : (v(), s(S(e), {
 					key: 1,
 					fn: n.label
 				}, null, 8, ["fn"]))]),
@@ -62,15 +63,15 @@ var T = /*@__PURE__*/ p({
 				"start-icon"
 			]))), 128))]),
 			_: 1
-		}, 16), (v(!0), l(a, null, y(S(k), (t) => (v(), s(r, g({
+		}, 16), (v(!0), l(a, null, y(S(A), (t) => (v(), s(r, g({
 			key: t.value,
 			value: t.value,
 			"keep-mounted": t.keepMounted
-		}, { ref_for: !0 }, E.customProps?.tabPanel), {
+		}, { ref_for: !0 }, D.customProps?.tabPanel), {
 			default: w(() => [f(S(e), { fn: t.panel }, null, 8, ["fn"])]),
 			_: 2
 		}, 1040, ["value", "keep-mounted"]))), 128))], 64)) : c("", !0), b(i.$slots, "default")], 16));
 	}
 });
 //#endregion
-export { T as default };
+export { E as default };

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

@@ -1,12 +1,12 @@
 import { useDateAdapter as e, useDateAdapterContext as t } from "../../../Adapters/Date/useDateAdapter.js";
 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 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";
+import { computed as a, toValue as ee, useAttrs as o } from "vue";
+import { get as s, isNumber 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 w } from "@bridge-ui/core/Utils";
 //#region src/Components/TimePanel/composables/useTimePanel.ts
-var C = [
+var T = [
 	"ampm",
 	"fill",
 	"color",
@@ -23,171 +23,171 @@ var C = [
 	"customProps",
 	"showSeconds",
 	"disableTimes"
-], w = "w-[3.75rem]", T = "min-w-[3.75rem]";
-function E(w, E, D) {
-	let O = s(), k = e(), A = t(), j = a(() => S({
-		bridgeKeys: C,
+], E = "w-[3.75rem]", D = "min-w-[3.75rem]";
+function O(E, O, k) {
+	let A = o(), j = e(), M = t(), N = a(() => w({
+		bridgeKeys: T,
 		props: {
-			...O,
-			...o(w)
+			...A,
+			...ee(E)
 		}
-	})), { merged: M, entry: N } = r({
-		libDefaults: E,
+	})), { merged: P, entry: F } = r({
+		libDefaults: O,
 		componentName: "TimePanel",
-		props: () => j.value.componentProps
-	}), P = a(() => M.value.customProps), F = a(() => l(j.value.inheritedAttrs, ["onChange"])), I = i({
-		props: () => j.value.componentProps,
+		props: () => N.value.componentProps
+	}), I = a(() => P.value.customProps), L = a(() => l(N.value.inheritedAttrs, ["onChange"])), R = i({
+		props: () => N.value.componentProps,
 		entry: a(() => {})
-	}), L = a(() => A(M.value.timeZone)), R = a(() => {
-		let e = x(v, N.value?.tokens?.rounded);
-		return c(e, M.value.rounded);
-	}), z = a(() => {
-		let e = x(_, N.value?.tokens?.color);
-		return b({
+	}), z = a(() => M(P.value.timeZone)), B = a(() => {
+		let e = C(b, F.value?.tokens?.rounded);
+		return s(e, P.value.rounded);
+	}), V = a(() => {
+		let e = C(y, F.value?.tokens?.color);
+		return S({
 			tokens: e,
-			color: M.value.color,
-			invalid: M.value.error
+			color: P.value.color,
+			invalid: P.value.error
 		});
-	}), 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: L.value,
-		maxTime: M.value.maxTime,
-		minTime: M.value.minTime,
-		disableTimes: M.value.disableTimes
-	}), G = (e) => {
-		M.value.disabled || M.value.readOnly || W(e) || D("change", e);
-	}, K = (e) => {
-		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.setMinutes(B.value, e, L.value);
-		G(t);
+	}), H = a(() => {
+		let e = P.value.value ?? j.value.now(z.value), t = h(j.value.getMinutes(e, z.value), P.value.interval), n = P.value.showSeconds ? j.value.getSeconds(e, z.value) : 0, r = j.value.setHours(e, j.value.getHours(e, z.value), z.value);
+		return r = j.value.setMinutes(r, t, z.value), r = j.value.setSeconds(r, n, z.value), r;
+	}), te = a(() => u({ ampm: P.value.ampm })), U = a(() => d({ interval: P.value.interval })), W = a(() => f()), G = a(() => v(j.value.getHours(H.value, z.value))), K = (e) => !!P.value.disabled || p(e, {
+		adapter: j.value,
+		context: z.value,
+		maxTime: P.value.maxTime,
+		minTime: P.value.minTime,
+		disableTimes: P.value.disableTimes
+	}), q = (e) => {
+		P.value.disabled || P.value.readOnly || K(e) || k("change", e);
 	}, J = (e) => {
-		let t = k.value.setSeconds(B.value, e, L.value);
-		G(t);
+		let t = P.value.ampm ? _(e, G.value) : e, n = j.value.setHours(H.value, t, z.value);
+		n = j.value.setMinutes(n, j.value.getMinutes(H.value, z.value), z.value), q(n);
 	}, 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 ? 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;
+		let t = j.value.setMinutes(H.value, e, z.value);
+		q(t);
+	}, X = (e) => {
+		let t = j.value.setSeconds(H.value, e, z.value);
+		q(t);
+	}, Z = (e) => {
+		let t = g(j.value.getHours(H.value, z.value)), n = _(t, e), r = j.value.setHours(H.value, n, z.value);
+		r = j.value.setMinutes(r, j.value.getMinutes(H.value, z.value), z.value), q(r);
+	}, Q = a(() => {
+		let e = j.value.getHours(H.value, z.value), t = P.value.ampm ? g(e) : e;
+		return te.value.map((e) => {
+			let n = P.value.ampm ? _(e, G.value) : e, r = j.value.setHours(H.value, n, z.value);
+			r = j.value.setMinutes(r, j.value.getMinutes(H.value, z.value), z.value);
+			let i = K(r), a = e === t;
 			return {
 				state: m({
 					disabled: i,
 					selected: a,
-					readOnly: M.value.readOnly
+					readOnly: P.value.readOnly
 				}),
 				selected: a,
 				value: e,
-				disabled: i || !!M.value.readOnly,
-				label: M.value.ampm ? String(e) : String(e).padStart(2, "0")
+				disabled: i || !!P.value.readOnly,
+				label: P.value.ampm ? String(e) : String(e).padStart(2, "0")
 			};
 		});
-	}), 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;
+	}), ne = a(() => {
+		let e = j.value.getMinutes(H.value, z.value);
+		return U.value.map((t) => {
+			let n = j.value.setMinutes(H.value, t, z.value), r = K(n), i = t === e;
 			return {
 				state: m({
 					disabled: r,
 					selected: i,
-					readOnly: M.value.readOnly
+					readOnly: P.value.readOnly
 				}),
 				selected: i,
 				value: t,
 				label: String(t).padStart(2, "0"),
-				disabled: r || !!M.value.readOnly
+				disabled: r || !!P.value.readOnly
 			};
 		});
 	}), re = a(() => {
-		if (!M.value.showSeconds) return [];
-		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;
+		if (!P.value.showSeconds) return [];
+		let e = j.value.getSeconds(H.value, z.value);
+		return W.value.map((t) => {
+			let n = j.value.setSeconds(H.value, t, z.value), r = K(n), i = t === e;
 			return {
 				state: m({
 					disabled: r,
 					selected: i,
-					readOnly: M.value.readOnly
+					readOnly: P.value.readOnly
 				}),
 				selected: i,
 				value: t,
 				label: String(t).padStart(2, "0"),
-				disabled: r || !!M.value.readOnly
+				disabled: r || !!P.value.readOnly
 			};
 		});
-	}), 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;
+	}), ie = a(() => P.value.ampm ? ["AM", "PM"].map((e) => {
+		let t = g(j.value.getHours(H.value, z.value)), n = _(t, e), r = j.value.setHours(H.value, n, z.value);
+		r = j.value.setMinutes(r, j.value.getMinutes(H.value, z.value), z.value);
+		let i = K(r), a = e === G.value;
 		return {
 			state: m({
 				disabled: i,
 				selected: a,
-				readOnly: M.value.readOnly
+				readOnly: P.value.readOnly
 			}),
 			selected: a,
 			label: e,
 			value: e,
-			disabled: i || !!M.value.readOnly
+			disabled: i || !!P.value.readOnly
 		};
-	}) : []), ae = a(() => n(P.value?.root, F.value, y({
+	}) : []), ae = a(() => n(I.value?.root, L.value, x({
 		"flex h-72 flex-row gap-2": !0,
-		"w-full min-w-fit": M.value.fill,
-		"w-fit min-w-fit": !M.value.fill,
-		[I.value.root ?? ""]: !0
-	}))), Q = a(() => n(P.value?.column, {}, y({
+		"w-full min-w-fit": P.value.fill,
+		"w-fit min-w-fit": !P.value.fill,
+		[R.value.root ?? ""]: !0
+	}))), oe = a(() => n(I.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 bridge-scroll-fade-y bridge-hide-scrollbar": !0,
-		[T]: !0,
-		[I.value.column ?? ""]: !0
+		[D]: !0,
+		[R.value.column ?? ""]: !0
 	}))), $ = (e, t, r) => {
-		let i = z.value;
-		return n(P.value?.item, {
+		let i = V.value;
+		return n(I.value?.item, {
 			type: "button",
 			"aria-label": r,
 			disabled: e.disabled,
 			"aria-pressed": e.selected,
 			onClick: () => t(e.value)
-		}, y({
+		}, x({
 			"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,
+			[B.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
+			[R.value.item ?? ""]: !0
 		}));
-	}, oe = (e) => $(e, (e) => {
-		typeof e == "number" && K(e);
-	}, `Hour ${e.label}`), se = (e) => $(e, (e) => {
-		typeof e == "number" && q(e);
-	}, `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);
+	}, se = (e) => $(e, (e) => {
+		c(e) && J(e);
+	}, `Hour ${e.label}`), ce = (e) => $(e, (e) => {
+		c(e) && Y(e);
+	}, `Minute ${e.label}`), le = (e) => $(e, (e) => {
+		c(e) && X(e);
+	}, `Second ${e.label}`), ue = (e) => $(e, (e) => {
+		(e === "AM" || e === "PM") && Z(e);
+	}, String(e.label)), de = a(() => !!P.value.ampm);
 	return {
-		merged: M,
+		merged: P,
 		rootBind: ae,
-		hourItems: X,
-		columnBind: Q,
-		getHourBind: oe,
-		minuteItems: Z,
+		hourItems: Q,
+		columnBind: oe,
+		getHourBind: se,
+		minuteItems: ne,
 		secondItems: re,
-		displayDate: B,
-		showSeconds: a(() => !!M.value.showSeconds),
-		showMeridiem: ue,
-		getMinuteBind: se,
-		getSecondBind: ce,
+		displayDate: H,
+		showSeconds: a(() => !!P.value.showSeconds),
+		showMeridiem: de,
+		getMinuteBind: ce,
+		getSecondBind: le,
 		meridiemItems: ie,
-		getMeridiemBind: le
+		getMeridiemBind: ue
 	};
 }
 //#endregion
-export { T as TIME_PANEL_COLUMN_MIN_WIDTH_CLASS, w as TIME_PANEL_COLUMN_WIDTH_CLASS, E as useTimePanel };
+export { D as TIME_PANEL_COLUMN_MIN_WIDTH_CLASS, E as TIME_PANEL_COLUMN_WIDTH_CLASS, O as useTimePanel };

package/dist/augments.d.ts

@@ -3,6 +3,7 @@ import { AutocompleteClasses, AutocompleteProps } from './Components/Autocomplet
 import { AvatarClasses, AvatarProps } from './Components/Avatar';
 import { BadgeClasses, BadgeProps } from './Components/Badge';
 import { ButtonClasses, ButtonProps } from './Components/Button';
+import { ButtonGroupClasses, ButtonGroupProps } from './Components/ButtonGroup';
 import { CardClasses, CardProps } from './Components/Card';
 import { CheckboxClasses, CheckboxProps } from './Components/Checkbox';
 import { ChipClasses, ChipProps } from './Components/Chip';
@@ -51,6 +52,10 @@ declare module "@bridge-ui/core/Config" {
         classes: ButtonClasses;
         defaultProps: Partial<Pick<ButtonProps, "size" | "color" | "density" | "rounded" | "variant">>;
     }
+    interface ButtonGroupConfigOverrides {
+        classes: ButtonGroupClasses;
+        defaultProps: Partial<Pick<ButtonGroupProps, "full" | "size" | "color" | "density" | "rounded" | "variant" | "separator" | "orientation">>;
+    }
     interface CardConfigOverrides {
         classes: CardClasses;
         defaultProps: Partial<Pick<CardProps, "shadow" | "padding" | "rounded" | "variant">>;