@logicplanes/kaeso-ui 0.4.3 → 0.4.5

package/dist/components/date-picker.js

@@ -1,147 +1,153 @@
 "use client";
-import { t as e } from "../chunks/cn-Dj6sRgkF.js";
+import { t as e } from "../chunks/cn-BjnOAUrA.js";
 import { t } from "../chunks/use-controllable-B5Fd12Bx.js";
 import { i as n, n as r } from "../chunks/context-BELWW79w.js";
 import { formatDate as i, formatDateRange as a } from "../format.js";
-import { t as o } from "../chunks/icon-D7ja-_Yk.js";
-import { c as s, l as c } from "../chunks/tooltip-OcwO0VUT.js";
-import { a as l, o as u, s as d } from "../chunks/field-TviMvYa2.js";
-import { i as f, n as p } from "../chunks/input-group-DQ_4DoXg.js";
-import { n as m, r as h } from "../chunks/popover-root-D3q89WNF.js";
-import { r as g, t as _ } from "../chunks/hidden-description-B2zSmLcn.js";
-import { t as v } from "../chunks/when-idle-Cy3pinqO.js";
-import { forwardRef as y, useCallback as b, useEffect as x, useId as S, useMemo as C, useReducer as w, useRef as T, useState as E } from "react";
-import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
-import { Calendar03Icon as A, Clock01Icon as j } from "@hugeicons/core-free-icons";
+import { t as o } from "../chunks/icon-CBzOwqrX.js";
+import { c as s, d as c, p as l, s as u } from "../chunks/tooltip-Tkm-urbi.js";
+import { i as d, r as f } from "../chunks/loader-zo8CCIGJ.js";
+import { a as p, o as m, s as h } from "../chunks/field-D7m-yl-D.js";
+import { i as g, n as _ } from "../chunks/input-group-jPcK9T_a.js";
+import { n as v, r as y } from "../chunks/popover-root-D3q89WNF.js";
+import { t as b } from "../chunks/when-idle-Cy3pinqO.js";
+import { forwardRef as x, useCallback as S, useEffect as C, useId as w, useMemo as T, useReducer as E, useRef as D, useState as O } from "react";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { Calendar03Icon as M, Clock01Icon as N } from "@hugeicons/core-free-icons";
 //#region src/components/date-picker/date-picker.tsx
-var M = { size: {
+var P = { size: {
 	sm: { classes: "h-32 pl-10 pr-12 gap-6 text-body" },
 	md: { classes: "h-36 pl-14 pr-16 gap-8 text-body" },
 	lg: { classes: "h-40 pl-16 pr-18 gap-8 text-body" }
-} }, N = { size: "md" }, P = /* @__PURE__ */ s(() => import("../chunks/date-popup-CPA_zt6o.js"), { base: () => import.meta.url }), F = /* @__PURE__ */ s(() => import("../chunks/range-popup-CRyWYUB1.js"), { base: () => import.meta.url }), I = () => c(P), L = () => c(F);
-function R(e) {
-	let [t, n] = E(!1), [, r] = w((e) => e + 1, 0), i = !!e.current(), a = t && !i;
-	x(() => {
+} }, F = { size: "md" }, I = /* @__PURE__ */ u(() => import("../chunks/date-popup-DAnjptFt.js"), { base: () => import.meta.url }), L = /* @__PURE__ */ u(() => import("../chunks/range-popup-lGiZsG3s.js"), { base: () => import.meta.url }), R = () => s(I), z = () => s(L);
+function B(e) {
+	let [t, n] = O(!1), [, r] = E((e) => e + 1, 0), i = !!e.current(), a = t && !i;
+	C(() => {
 		if (!a) return;
 		let t = !0;
 		return e.load().then(() => t && r(), () => t && n(!1)), () => {
 			t = !1;
 		};
 	}, [a, e]);
-	let o = b((t) => n((n) => t && n && !e.current() ? !1 : t), [e]);
+	let o = S((t) => n((n) => t && n && !e.current() ? !1 : t), [e]);
 	return {
 		open: t && i,
 		pending: a,
 		setOpen: o
 	};
 }
-var z = /* @__PURE__ */ y(function({ size: t, children: n, placeholder: r, invalid: i, disabled: a, id: s, controlProps: c, force: l, preload: u, pending: d, onCancel: f, labelled: p, "aria-label": m, "aria-labelledby": h, className: y, ...C }, w) {
-	let E = S(), j = g(h ? void 0 : m), N = T(null), P = b((e) => {
-		N.current = e, typeof w == "function" ? w(e) : w && (w.current = e);
-	}, [w]);
-	x(() => v(u), [u]), x(() => {
-		if (!d) return;
-		let e = N.current?.ownerDocument ?? document, t = (e) => {
-			e.key === "Escape" && (e.stopPropagation(), f());
+var V = /* @__PURE__ */ x(function({ size: t, children: n, placeholder: r, invalid: i, disabled: a, id: s, controlProps: u, force: p, preload: m, pending: h, onCancel: g, labelled: _, "aria-label": v, "aria-labelledby": y, className: x, ...T }, E) {
+	let N = w(), [F, I] = O(!1), L = d(h), R = !!a && F, z = l(y ? void 0 : v), B = D(null), V = S((e) => {
+		B.current = e, typeof E == "function" ? E(e) : E && (E.current = e);
+	}, [E]);
+	C(() => b(m), [m]), C(() => {
+		if (!h) return;
+		let e = B.current?.ownerDocument ?? document, t = (e) => {
+			e.key === "Escape" && (e.stopPropagation(), g());
 		}, n = (e) => {
-			N.current?.contains(e.target) || f();
+			B.current?.contains(e.target) || g();
 		};
 		return e.addEventListener("keydown", t, !0), e.addEventListener("pointerdown", n, !0), () => {
 			e.removeEventListener("keydown", t, !0), e.removeEventListener("pointerdown", n, !0);
 		};
-	}, [d, f]);
-	let F = c ?? {}, I = _(j.id, p && !h && E, F["aria-describedby"]);
-	return /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ k("button", {
-		ref: P,
+	}, [h, g]);
+	let H = u ?? {}, U = c(z.id, _ && !y && N, H["aria-describedby"]);
+	return /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j("button", {
+		ref: V,
 		type: "button",
-		...C,
-		...d ? {
+		...T,
+		...h ? {
 			"aria-expanded": !0,
 			"data-popup-open": ""
 		} : {},
 		onPointerEnter: (e) => {
-			u(), C.onPointerEnter?.(e);
+			m(), T.onPointerEnter?.(e);
 		},
 		onFocus: (e) => {
-			u(), C.onFocus?.(e);
+			I(!0), m(), T.onFocus?.(e);
+		},
+		onClickCapture: (e) => {
+			R && (e.preventDefault(), e.stopPropagation());
 		},
 		onBlur: (e) => {
-			d && e.relatedTarget && !e.currentTarget.contains(e.relatedTarget) && f(), C.onBlur?.(e);
+			I(!1), h && e.relatedTarget && !e.currentTarget.contains(e.relatedTarget) && g(), T.onBlur?.(e);
 		},
-		disabled: a,
-		...F,
-		...h ? { "aria-labelledby": `${h} ${E}` } : {},
-		...I ? { "aria-describedby": I } : {},
+		...R ? {
+			"aria-disabled": !0,
+			"data-disabled": ""
+		} : { disabled: a },
+		...H,
+		...y ? { "aria-labelledby": `${y} ${N}` } : {},
+		...U ? { "aria-describedby": U } : {},
 		...s ? { id: s } : {},
 		...i ? { "aria-invalid": !0 } : {},
-		...l ? { "data-force": l } : {},
-		className: e("inline-flex min-w-0 cursor-pointer items-center rounded-pill font-medium whitespace-nowrap material-selector transition-control disabled:cursor-not-allowed", M.size[t].classes, y),
-		children: [/* @__PURE__ */ O(o, {
-			icon: A,
+		...p ? { "data-force": p } : {},
+		className: e("group/date inline-flex min-w-0 cursor-pointer items-center rounded-pill font-medium whitespace-nowrap material-selector transition-control disabled:cursor-not-allowed", P.size[t].classes, x),
+		children: [L ? /* @__PURE__ */ A(f, { className: "text-fg-secondary" }) : /* @__PURE__ */ A(o, {
+			icon: M,
 			size: "sm",
-			className: "text-fg-secondary"
-		}), /* @__PURE__ */ O("span", {
-			id: E,
-			className: e("truncate tabular", r && "font-regular text-fg-tertiary"),
+			className: "text-fg-secondary group-disabled/date:text-fg-disabled"
+		}), /* @__PURE__ */ A("span", {
+			id: N,
+			className: e("truncate tabular", r && "font-regular text-fg-tertiary group-disabled/date:text-fg-disabled"),
 			children: n
 		})]
-	}), j.node] });
+	}), z.node] });
 });
-process.env.NODE_ENV !== "production" && (z.displayName = "TriggerButton");
-var B = /* @__PURE__ */ y(function(r, a) {
-	let { value: o, defaultValue: s = null, onValueChange: c, placeholder: f, size: p = "md", weekStartsOn: g = 1, disabledDays: _, disabled: v, id: y, className: x, label: S, description: C, error: w, optional: T, required: E, layout: D, "aria-label": A, "aria-labelledby": j, "data-force": M } = r, N = l(), F = u(r), L = n(), B = {
-		...A ? { "aria-label": A } : {},
-		...j ? { "aria-labelledby": j } : {}
-	}, V = !!(S || N), [H, U] = t(o, s, c), { open: W, pending: G, setOpen: K } = R(P), q = b(() => K(!1), [K]), J = P.current()?.DatePopup, Y = /* @__PURE__ */ O("div", {
+process.env.NODE_ENV !== "production" && (V.displayName = "TriggerButton");
+var H = /* @__PURE__ */ x(function(r, a) {
+	let { value: o, defaultValue: s = null, onValueChange: c, placeholder: l, size: u = "md", weekStartsOn: d = 1, disabledDays: f, disabled: g, id: _, className: b, label: x, description: C, error: w, optional: T, required: E, layout: D, "aria-label": O, "aria-labelledby": k, "data-force": M } = r, N = p(), P = m(r), F = n(), L = {
+		...O ? { "aria-label": O } : {},
+		...k ? { "aria-labelledby": k } : {}
+	}, z = !!(x || N), [H, U] = t(o, s, c), { open: W, pending: G, setOpen: K } = B(I), q = S(() => K(!1), [K]), J = I.current()?.DatePopup, Y = /* @__PURE__ */ A("div", {
 		ref: a,
-		className: e("inline-flex", !(S || C || w) && x),
-		children: /* @__PURE__ */ k(m, {
+		className: e("inline-flex", !(x || C || w) && b),
+		children: /* @__PURE__ */ j(v, {
 			open: W,
 			onOpenChange: K,
-			children: [/* @__PURE__ */ O(h, { children: /* @__PURE__ */ O(z, {
-				size: p,
+			children: [/* @__PURE__ */ A(y, { children: /* @__PURE__ */ A(V, {
+				size: u,
 				placeholder: !H,
 				invalid: !!w,
-				disabled: v,
-				id: y,
-				controlProps: F.controlProps,
+				disabled: g,
+				id: _,
+				controlProps: P.controlProps,
 				force: M,
-				preload: I,
+				preload: R,
 				pending: G,
 				onCancel: q,
-				labelled: V,
-				...B,
-				children: H ? i(H) : f ?? L("datePicker.pickDate", "Pick a date")
-			}) }), J && /* @__PURE__ */ O(J, {
+				labelled: z,
+				...L,
+				children: H ? i(H) : l ?? F("datePicker.chooseDate", "Choose a date")
+			}) }), J && /* @__PURE__ */ A(J, {
 				date: H,
 				onDateChange: U,
 				onClose: () => K(!1),
-				weekStartsOn: g,
-				disabledDays: _
+				weekStartsOn: d,
+				disabledDays: f
 			})]
 		})
 	});
-	return N ? Y : d({
-		label: S,
+	return N ? Y : h({
+		label: x,
 		description: C,
 		error: w,
 		optional: T,
 		required: E,
 		layout: D,
-		id: F.wrapId ?? y,
-		disabled: v,
-		className: x
+		id: P.wrapId ?? _,
+		disabled: g,
+		className: b
 	}, Y);
 });
-process.env.NODE_ENV !== "production" && (B.displayName = "DatePicker");
-var V = 864e5, H = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate());
-function U(e) {
+process.env.NODE_ENV !== "production" && (H.displayName = "DatePicker");
+var U = 864e5, W = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate());
+function G(e) {
 	return [
 		{
 			id: "Last 24 hours",
 			label: e("datePicker.last24Hours", "Last 24 hours"),
 			range: () => ({
-				from: /* @__PURE__ */ new Date(Date.now() - V),
+				from: /* @__PURE__ */ new Date(Date.now() - U),
 				to: /* @__PURE__ */ new Date()
 			})
 		},
@@ -149,7 +155,7 @@ function U(e) {
 			id: "Last 7 days",
 			label: e("datePicker.last7Days", "Last 7 days"),
 			range: () => ({
-				from: H(/* @__PURE__ */ new Date(Date.now() - 6 * V)),
+				from: W(/* @__PURE__ */ new Date(Date.now() - 6 * U)),
 				to: /* @__PURE__ */ new Date()
 			})
 		},
@@ -157,7 +163,7 @@ function U(e) {
 			id: "Last 30 days",
 			label: e("datePicker.last30Days", "Last 30 days"),
 			range: () => ({
-				from: H(/* @__PURE__ */ new Date(Date.now() - 29 * V)),
+				from: W(/* @__PURE__ */ new Date(Date.now() - 29 * U)),
 				to: /* @__PURE__ */ new Date()
 			})
 		},
@@ -182,150 +188,155 @@ function U(e) {
 		}
 	];
 }
-var W = /* @__PURE__ */ U(r), G = (e) => e.id ?? e.label, K = (e) => e ? G(e) : null, q = (e) => `${e?.from?.toDateString()}/${e?.to?.toDateString()}`, J = /* @__PURE__ */ y(function(t, r) {
-	let { value: o, defaultValue: s = null, onValueChange: c, placeholder: f, size: p = "md", weekStartsOn: g = 1, disabledDays: _, disabled: v, id: y, className: x, presets: S, preset: w, label: T, description: D, error: A, optional: j, required: M, layout: N, "aria-label": P, "aria-labelledby": I, "data-force": B } = t, V = l(), H = u(t), W = n(), J = C(() => U(W), [W]), Y = S ?? J, ee = {
+var K = /* @__PURE__ */ G(r), q = (e) => e.id ?? e.label, J = (e) => e ? q(e) : null, Y = (e) => `${e?.from?.toDateString()}/${e?.to?.toDateString()}`, X = /* @__PURE__ */ x(function(t, r) {
+	let { value: o, defaultValue: s = null, onValueChange: c, placeholder: l, size: u = "md", weekStartsOn: d = 1, disabledDays: f, disabled: g, id: _, className: b, presets: x, preset: C, label: w, description: E, error: D, optional: k, required: M, layout: N, "aria-label": P, "aria-labelledby": F, "data-force": I } = t, R = p(), H = m(t), U = n(), W = T(() => G(U), [U]), K = x ?? W, X = {
 		...P ? { "aria-label": P } : {},
-		...I ? { "aria-labelledby": I } : {}
-	}, X = !!(T || V), [te, ne] = E(s), Z = o === void 0 ? te : o, [re, ie] = E(null), ae = q(Z), Q = w === void 0 ? K(Y.find((e) => G(e) === re && q(e.range()) === ae)) : w, { open: oe, pending: se, setOpen: $ } = R(F), ce = b(() => $(!1), [$]), [le, ue] = E(0), de = b((e) => {
+		...F ? { "aria-labelledby": F } : {}
+	}, ee = !!(w || R), [te, ne] = O(s), Z = o === void 0 ? te : o, [re, ie] = O(null), ae = Y(Z), Q = C === void 0 ? J(K.find((e) => q(e) === re && Y(e.range()) === ae)) : C, { open: oe, pending: se, setOpen: $ } = B(L), ce = S(() => $(!1), [$]), [le, ue] = O(0), de = S((e) => {
 		e && !oe && ue((e) => e + 1), $(e);
-	}, [oe, $]), fe = F.current()?.RangePopup, pe = (Q === null ? null : Y.find((e) => G(e) === Q)?.label ?? Q) ?? (Z?.from && Z.to ? a(Z.from, Z.to) : Z?.from ? i(Z.from) : f ?? W("datePicker.pickRange", "Pick a range")), me = /* @__PURE__ */ O("div", {
+	}, [oe, $]), fe = L.current()?.RangePopup, pe = (Q === null ? null : K.find((e) => q(e) === Q)?.label ?? Q) ?? (Z?.from && Z.to ? a(Z.from, Z.to) : Z?.from ? i(Z.from) : l ?? U("datePicker.chooseRange", "Choose a date range")), me = /* @__PURE__ */ A("div", {
 		ref: r,
-		className: e("inline-flex", !(T || D || A) && x),
-		children: /* @__PURE__ */ k(m, {
+		className: e("inline-flex", !(w || E || D) && b),
+		children: /* @__PURE__ */ j(v, {
 			open: oe,
 			onOpenChange: de,
-			children: [/* @__PURE__ */ O(h, { children: /* @__PURE__ */ O(z, {
-				size: p,
+			children: [/* @__PURE__ */ A(y, { children: /* @__PURE__ */ A(V, {
+				size: u,
 				placeholder: !Z?.from && !Q,
-				invalid: !!A,
-				disabled: v,
-				id: y,
+				invalid: !!D,
+				disabled: g,
+				id: _,
 				controlProps: H.controlProps,
-				force: B,
-				preload: L,
+				force: I,
+				preload: z,
 				pending: se,
 				onCancel: ce,
-				labelled: X,
-				...ee,
+				labelled: ee,
+				...X,
 				children: pe
-			}) }), fe && /* @__PURE__ */ O(fe, {
+			}) }), fe && /* @__PURE__ */ A(fe, {
 				range: Z,
 				preset: Q,
-				presets: Y,
+				presets: K,
 				onPick: (e, t) => {
 					o === void 0 && ne(e), ie(t), c?.(e, { preset: t }), $(!1);
 				},
 				onClose: () => $(!1),
-				weekStartsOn: g,
-				disabledDays: _
+				weekStartsOn: d,
+				disabledDays: f
 			}, le)]
 		})
 	});
-	return V ? me : d({
-		label: T,
-		description: D,
-		error: A,
-		optional: j,
+	return R ? me : h({
+		label: w,
+		description: E,
+		error: D,
+		optional: k,
 		required: M,
 		layout: N,
-		id: H.wrapId ?? y,
-		disabled: v,
-		className: x
+		id: H.wrapId ?? _,
+		disabled: g,
+		className: b
 	}, me);
 });
-process.env.NODE_ENV !== "production" && (J.displayName = "DateRangePicker");
+process.env.NODE_ENV !== "production" && (X.displayName = "DateRangePicker");
 //#endregion
 //#region src/components/date-picker/time-input.tsx
-var Y = { size: f.size }, ee = { size: "md" }, X = (e) => String(e).padStart(2, "0"), te = /* @__PURE__ */ y(function(r, i) {
-	let { value: a, defaultValue: s = "09:00", onValueChange: c, size: f = "md", disabled: m, utc: h, id: g, className: _, label: v, description: y, error: b, optional: x, required: S, layout: C, "aria-label": w, "data-force": D } = r, A = l(), M = u(r), N = n(), P = A ? A.labelId : v && M.wrapId ? `${M.wrapId}-label` : void 0, [F, I] = t(a, s, c), [L, R] = E({}), z = T(L), B = (e) => {
+var ee = { size: g.size }, te = { size: "md" }, ne = (e) => String(e).padStart(2, "0"), Z = /* @__PURE__ */ x(function(r, i) {
+	let { value: a, defaultValue: s = "09:00", onValueChange: c, size: l = "md", disabled: u, utc: d, id: f, className: g, label: v, description: y, error: b, optional: x, required: S, layout: C, "aria-label": w, "data-force": T } = r, E = p(), k = m(r), M = n(), P = E ? E.labelId : v && k.wrapId ? `${k.wrapId}-label` : void 0, [F, I] = t(a, s, c), [L, R] = O({}), z = D(L), B = (e) => {
 		z.current = e, R(e);
-	}, [V = "00", H = "00"] = F.split(":"), U = T(null), W = (e) => z.current[e] ?? (e === "h" ? V : H), G = (e, t) => {
+	}, [V = "00", H = "00"] = F.split(":"), U = D(null), W = (e) => z.current[e] ?? (e === "h" ? V : H), G = (e, t) => {
 		B({});
-		let n = `${X((e % 24 + 24) % 24)}:${X((t % 60 + 60) % 60)}`;
+		let n = `${ne((e % 24 + 24) % 24)}:${ne((t % 60 + 60) % 60)}`;
 		n !== F && I(n);
 	}, K = (e, t) => {
 		let n = Number(t || 0);
 		e === "h" ? G(Math.min(23, n), Number(W("m") || 0)) : G(Number(W("h") || 0), Math.min(59, n));
-	}, q = (e) => ({
+	}, q = (t) => ({
 		inputMode: "numeric",
 		maxLength: 2,
-		disabled: m,
-		value: L[e] ?? (e === "h" ? V : H),
+		disabled: u,
+		value: L[t] ?? (t === "h" ? V : H),
 		onFocus: (e) => e.target.select(),
-		onKeyDown: (t) => {
-			let n = t.key === "ArrowUp" ? 1 : t.key === "ArrowDown" ? -1 : 0;
+		onKeyDown: (e) => {
+			let n = e.key === "ArrowUp" ? 1 : e.key === "ArrowDown" ? -1 : 0;
 			if (n) {
-				t.preventDefault();
+				e.preventDefault();
 				let r = Number(W("h") || 0), i = Number(W("m") || 0);
-				e === "h" ? G(r + n, i) : G(r, i + n);
+				if (t === "h") G(r + n, i);
+				else {
+					let e = ((r * 60 + i + n) % 1440 + 1440) % 1440;
+					G(Math.floor(e / 60), e % 60);
+				}
 			}
 		},
-		onChange: (t) => {
-			let n = t.target.value.replace(/\D/g, "").slice(0, 2);
+		onChange: (e) => {
+			let n = e.target.value.replace(/\D/g, "").slice(0, 2);
 			if (n.length < 2) return B({
 				...z.current,
-				[e]: n
+				[t]: n
 			});
-			K(e, n), e === "h" && U.current?.focus();
+			K(t, n), t === "h" && U.current?.focus();
 		},
 		onBlur: () => {
-			let t = z.current[e];
-			t !== void 0 && K(e, t);
+			let e = z.current[t];
+			e !== void 0 && K(t, e);
 		},
-		className: "w-20 flex-none bg-transparent text-center tabular text-fg outline-none coarse:w-24"
-	}), J = /* @__PURE__ */ k(p, {
+		className: e("w-20 flex-none bg-transparent tabular text-fg outline-none disabled:text-fg-disabled coarse:w-24", t === "h" ? "text-right" : "text-left")
+	}), J = /* @__PURE__ */ j(_, {
 		ref: i,
-		size: f,
+		size: l,
 		leadingIcon: !0,
-		disabled: m,
+		disabled: u,
 		invalid: !!b,
-		className: e("w-auto", !(v || y || b) && _),
-		...D ? { "data-force": D } : {},
+		className: e("w-auto self-start", !(v || y || b) && g),
+		...T ? { "data-force": T } : {},
 		role: "group",
-		...P && !w ? { "aria-labelledby": P } : { "aria-label": w ?? N("timeInput.time", "Time") },
+		...P && !w ? { "aria-labelledby": P } : { "aria-label": w ?? M("timeInput.time", "Time") },
 		children: [
-			/* @__PURE__ */ O(o, {
-				icon: j,
+			/* @__PURE__ */ A(o, {
+				icon: N,
 				size: "sm",
 				className: "text-fg-tertiary"
 			}),
-			/* @__PURE__ */ k("span", {
-				className: "flex items-center gap-2",
+			/* @__PURE__ */ j("span", {
+				className: "flex items-center",
 				children: [
-					/* @__PURE__ */ O("input", {
+					/* @__PURE__ */ A("input", {
 						...q("h"),
-						"aria-label": N("timeInput.hours", "Hours"),
-						...g ? { id: g } : {},
-						...M.controlProps
+						"aria-label": M("timeInput.hours", "Hours"),
+						...f ? { id: f } : {},
+						...k.controlProps
 					}),
-					/* @__PURE__ */ O("span", {
-						className: "text-fg-tertiary",
+					/* @__PURE__ */ A("span", {
+						className: "px-1 text-fg-tertiary",
+						"aria-hidden": !0,
 						children: ":"
 					}),
-					/* @__PURE__ */ O("input", {
+					/* @__PURE__ */ A("input", {
 						ref: U,
 						...q("m"),
-						"aria-label": N("timeInput.minutes", "Minutes")
+						"aria-label": M("timeInput.minutes", "Minutes")
 					})
 				]
 			}),
-			h && /* @__PURE__ */ O(p.Addon, { children: "UTC" })
+			d && /* @__PURE__ */ A(_.Addon, { children: "UTC" })
 		]
 	});
-	return A ? J : d({
+	return E ? J : h({
 		label: v,
 		description: y,
 		error: b,
 		optional: x,
 		required: S,
 		layout: C,
-		id: M.wrapId ?? g,
-		disabled: m,
-		className: _
+		id: k.wrapId ?? f,
+		disabled: u,
+		className: g
 	}, J);
 });
-process.env.NODE_ENV !== "production" && (te.displayName = "TimeInput");
+process.env.NODE_ENV !== "production" && (Z.displayName = "TimeInput");
 //#endregion
-export { W as DEFAULT_RANGE_PRESETS, B as DatePicker, J as DateRangePicker, N as KAESO_DATE_PICKER_DEFAULT_VARIANTS, M as KAESO_DATE_PICKER_VARIANTS, ee as KAESO_TIME_INPUT_DEFAULT_VARIANTS, Y as KAESO_TIME_INPUT_VARIANTS, te as TimeInput };
+export { K as DEFAULT_RANGE_PRESETS, H as DatePicker, X as DateRangePicker, F as KAESO_DATE_PICKER_DEFAULT_VARIANTS, P as KAESO_DATE_PICKER_VARIANTS, te as KAESO_TIME_INPUT_DEFAULT_VARIANTS, ee as KAESO_TIME_INPUT_VARIANTS, Z as TimeInput };
 
 //# sourceMappingURL=date-picker.js.map