@alfadocs/ui-kit-debug 1.103.1 → 1.105.0

package/dist/_chunks/{time-picker-DSt-ns5F.js → time-picker-DDr5vhwQ.js}

@@ -1,14 +1,14 @@
-import { jsxs as $e, jsx as v, Fragment as Lt } from "react/jsx-runtime";
-import { forwardRef as Ht, useContext as Ft, useState as le, useMemo as ce, useRef as d, useCallback as U, useEffect as Ce, useImperativeHandle as It } from "react";
+import { jsxs as Je, jsx as v, Fragment as Ot } from "react/jsx-runtime";
+import { forwardRef as Rt, useContext as It, useState as Z, useMemo as de, useRef as d, useCallback as W, useEffect as Ce, useImperativeHandle as St } from "react";
 import { c as L } from "./index-D2ZczOXr.js";
-import { useTranslation as Ot } from "react-i18next";
-import * as Z from "@radix-ui/react-popover";
-import { u as Rt, F as St, a as Kt } from "./form-field-context-DtiROUJV.js";
-import { u as Je } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as Nt } from "./registry-DvAUVLHh.js";
-import { X as Et } from "./x-B5YnXwCz.js";
-import { C as jt } from "./clock-Drd4Wtis.js";
-const Vt = {
+import { useTranslation as Kt } from "react-i18next";
+import * as ee from "@radix-ui/react-popover";
+import { u as Nt, F as Et, a as jt } from "./form-field-context-DtiROUJV.js";
+import { u as Ae } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as Vt } from "./registry-DvAUVLHh.js";
+import { X as Bt } from "./x-B5YnXwCz.js";
+import { C as Ut } from "./clock-Drd4Wtis.js";
+const Wt = {
   id: "time-picker",
   capabilities: ["select_single", "set_value", "open", "close"],
   state: {
@@ -16,18 +16,18 @@ const Vt = {
       type: "HH:MM | null",
       descriptionKey: "ui.agent.timePicker.state.value",
       description: "Currently selected time as 24h HH:MM. Null when unset with allowEmpty; otherwise defaults to 00:00.",
-      read: (r) => {
-        const o = r.getValue();
+      read: (n) => {
+        const o = n.getValue();
         if (!o) return null;
-        const l = String(o.hours).padStart(2, "0"), f = String(o.minutes).padStart(2, "0");
-        return `${l}:${f}`;
+        const u = String(o.hours).padStart(2, "0"), f = String(o.minutes).padStart(2, "0");
+        return `${u}:${f}`;
       }
     },
     isOpen: {
       type: "boolean",
       descriptionKey: "ui.agent.timePicker.state.isOpen",
       description: "Whether the time dropdown is open. Always false unless the picker has the dropdown prop.",
-      read: (r) => r.isOpen()
+      read: (n) => n.isOpen()
     }
   },
   actions: {
@@ -45,10 +45,10 @@ const Vt = {
       descriptionKey: "ui.agent.timePicker.actions.setTime",
       description: "Set the time using a 24h HH:MM string.",
       examples: [{ args: { time: "14:30" }, note: "2:30 PM in 24h form." }],
-      invoke: (r, o) => {
-        const [l, f] = o.time.split(":");
-        r.setValue({
-          hours: Number.parseInt(l ?? "0", 10),
+      invoke: (n, o) => {
+        const [u, f] = o.time.split(":");
+        n.setValue({
+          hours: Number.parseInt(u ?? "0", 10),
           minutes: Number.parseInt(f ?? "0", 10)
         });
       }
@@ -58,24 +58,24 @@ const Vt = {
       idempotent: !0,
       descriptionKey: "ui.agent.timePicker.actions.clear",
       description: "Clear to null with allowEmpty; otherwise reset to 00:00.",
-      invoke: (r) => {
-        r.clear();
+      invoke: (n) => {
+        n.clear();
       }
     },
     open: {
       safety: "read",
       descriptionKey: "ui.agent.timePicker.actions.open",
       description: "Open the time dropdown without moving focus. A no-op unless the picker has the dropdown prop and is enabled.",
-      invoke: (r) => {
-        r.open();
+      invoke: (n) => {
+        n.open();
       }
     },
     close: {
       safety: "read",
       descriptionKey: "ui.agent.timePicker.actions.close",
       description: "Close the time dropdown. A no-op unless the picker has the dropdown prop.",
-      invoke: (r) => {
-        r.close();
+      invoke: (n) => {
+        n.close();
       }
     }
   },
@@ -92,9 +92,9 @@ const Vt = {
     }
   }
 };
-function Bt(r) {
+function _t(n) {
   try {
-    const o = new Intl.DateTimeFormat(r, {
+    const o = new Intl.DateTimeFormat(n, {
       hour: "numeric"
     }).resolvedOptions();
     return o.hourCycle === "h12" || o.hourCycle === "h11";
@@ -102,60 +102,61 @@ function Bt(r) {
     return !1;
   }
 }
-function Ut(r) {
-  var o, l;
+function qt(n) {
+  var o, u;
   try {
-    const f = ((o = new Intl.DateTimeFormat(r, {
+    const f = ((o = new Intl.DateTimeFormat(n, {
       hour: "numeric",
       hour12: !0
-    }).formatToParts(new Date(2e3, 0, 1, 9)).find((b) => b.type === "dayPeriod")) == null ? void 0 : o.value) ?? "AM", C = ((l = new Intl.DateTimeFormat(r, {
+    }).formatToParts(new Date(2e3, 0, 1, 9)).find((b) => b.type === "dayPeriod")) == null ? void 0 : o.value) ?? "AM", z = ((u = new Intl.DateTimeFormat(n, {
       hour: "numeric",
       hour12: !0
-    }).formatToParts(new Date(2e3, 0, 1, 15)).find((b) => b.type === "dayPeriod")) == null ? void 0 : l.value) ?? "PM";
-    return { am: f, pm: C };
+    }).formatToParts(new Date(2e3, 0, 1, 15)).find((b) => b.type === "dayPeriod")) == null ? void 0 : u.value) ?? "PM";
+    return { am: f, pm: z };
   } catch {
     return { am: "AM", pm: "PM" };
   }
 }
-function O(r, o, l) {
-  return Math.min(l, Math.max(o, r));
+function R(n, o, u) {
+  return Math.min(u, Math.max(o, n));
 }
-function Qe(r) {
-  return Math.floor(59 / r) * r;
+function et(n) {
+  return Math.floor(59 / n) * n;
 }
-function _t(r, o) {
-  const l = Math.round(O(r, 0, 59) / o) * o;
-  return O(l, 0, Qe(o));
+function $t(n, o) {
+  const u = Math.round(R(n, 0, 59) / o) * o;
+  return R(u, 0, et(o));
 }
-function qt(r, o, l) {
-  const f = Qe(o);
-  if (l === 1) {
-    const b = Math.floor(r / o) * o + o;
+function Gt(n, o, u) {
+  const f = et(o);
+  if (u === 1) {
+    const b = Math.floor(n / o) * o + o;
     return b > f ? 0 : b;
   }
-  const C = Math.ceil(r / o) * o - o;
-  return C < 0 ? f : C;
+  const z = Math.ceil(n / o) * o - o;
+  return z < 0 ? f : z;
 }
-function $t(r) {
-  const o = (l) => Number.isFinite(l) ? Math.trunc(l) : 0;
+function Xt(n) {
+  const o = (u) => Number.isFinite(u) ? Math.trunc(u) : 0;
   return {
-    hours: O(o(r.hours), 0, 23),
-    minutes: O(o(r.minutes), 0, 59)
+    hours: R(o(n.hours), 0, 23),
+    minutes: R(o(n.minutes), 0, 59)
   };
 }
-function ze(r) {
-  return r === 0 ? 12 : r > 12 ? r - 12 : r;
+function Me(n) {
+  return n === 0 ? 12 : n > 12 ? n - 12 : n;
 }
-function We(r, o) {
-  return o ? r === 12 ? 12 : r + 12 : r === 12 ? 0 : r;
+function Qe(n, o) {
+  return o ? n === 12 ? 12 : n + 12 : n === 12 ? 0 : n;
 }
-const ee = (r) => String(r).padStart(2, "0");
-function Wt(r) {
-  r.stopPropagation();
+const te = (n) => String(n).padStart(2, "0");
+function Jt(n) {
+  n.stopPropagation();
 }
-const Gt = L(
+const Qt = L(
   [
-    "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
+    "ds:inline-flex ds:max-w-full ds:min-w-0 ds:items-center ds:gap-[var(--spacing-xs)]",
+    "ds:[&>*]:shrink-0",
     "ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--control-border)] ds:bg-background",
     "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
     "ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid",
@@ -190,7 +191,7 @@ const Gt = L(
       opensOnClick: !1
     }
   }
-), Ge = L(
+), Ye = L(
   [
     "ds:inline-flex ds:items-center ds:justify-center",
     "ds:rounded-[var(--radius-sm)] ds:text-center ds:tabular-nums",
@@ -209,7 +210,7 @@ const Gt = L(
     },
     defaultVariants: { size: "md" }
   }
-), Xt = L(
+), Yt = L(
   [
     "ds:inline-flex ds:items-center ds:justify-center",
     "ds:rounded-[var(--radius-sm)] ds:text-center",
@@ -230,7 +231,7 @@ const Gt = L(
     },
     defaultVariants: { size: "md" }
   }
-), Jt = L("ds:text-muted-foreground ds:select-none", {
+), Zt = L("ds:text-muted-foreground ds:select-none", {
   variants: {
     size: {
       sm: "ds:text-[length:var(--font-size-sm)]",
@@ -239,7 +240,7 @@ const Gt = L(
     }
   },
   defaultVariants: { size: "md" }
-}), Xe = L(
+}), Ze = L(
   [
     "ds:relative ds:inline-flex ds:shrink-0 ds:self-stretch ds:items-center ds:justify-center",
     "ds:before:absolute ds:before:inset-x-0 ds:before:-inset-y-px",
@@ -271,7 +272,7 @@ const Gt = L(
       }
     ]
   }
-), Qt = L(
+), er = L(
   [
     "ds:z-[var(--z-popover)] ds:flex ds:rounded-[var(--radius-md)]",
     "ds:border ds:border-border ds:bg-background ds:text-foreground ds:shadow-[var(--shadow-lg)]",
@@ -287,7 +288,7 @@ const Gt = L(
     },
     defaultVariants: { size: "md" }
   }
-), Yt = L(
+), tr = L(
   [
     "ds:relative ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
     "ds:max-h-[calc(var(--time-picker-option-size)*6.5)] ds:overflow-y-auto ds:overscroll-contain",
@@ -302,7 +303,7 @@ const Gt = L(
     },
     defaultVariants: { separated: !1 }
   }
-), Zt = L(
+), rr = L(
   [
     "ds:flex ds:shrink-0 ds:items-center ds:justify-center",
     "ds:h-[var(--time-picker-option-size)] ds:min-w-[var(--time-picker-option-size)]",
@@ -335,24 +336,24 @@ const Gt = L(
     defaultVariants: { selected: !1 }
   }
 );
-function er({
-  columns: r,
+function nr({
+  columns: n,
   columnRefs: o,
-  onPick: l,
+  onPick: u,
   onOptionKeyDown: f
 }) {
-  const C = r.map((g) => g.selectedIndex).join(":"), b = d(!1);
-  return Je(() => {
+  const z = n.map((g) => g.selectedIndex).join(":"), b = d(!1);
+  return Ae(() => {
     const g = !b.current;
     b.current = !0;
     for (const m of Object.values(o.current)) {
       if (!m) continue;
       const k = m.querySelector('[aria-selected="true"]') ?? m.querySelector('[role="option"][tabindex="0"]');
       if (!k) continue;
-      const z = k.offsetTop, x = z + k.offsetHeight, c = z >= m.scrollTop && x <= m.scrollTop + m.clientHeight;
-      (g || !c) && (m.scrollTop = z - (m.clientHeight - k.offsetHeight) / 2);
+      const C = k.offsetTop, x = C + k.offsetHeight, c = C >= m.scrollTop && x <= m.scrollTop + m.clientHeight;
+      (g || !c) && (m.scrollTop = C - (m.clientHeight - k.offsetHeight) / 2);
     }
-  }, [C, o]), /* @__PURE__ */ v(Lt, { children: r.map((g, m) => /* @__PURE__ */ v(
+  }, [z, o]), /* @__PURE__ */ v(Ot, { children: n.map((g, m) => /* @__PURE__ */ v(
     "div",
     {
       ref: (k) => {
@@ -361,19 +362,19 @@ function er({
       role: "listbox",
       "aria-label": g.label,
       "data-column": g.key,
-      className: Yt({ separated: m > 0 }),
-      children: g.options.map((k, z) => {
-        const x = z === g.selectedIndex;
+      className: tr({ separated: m > 0 }),
+      children: g.options.map((k, C) => {
+        const x = C === g.selectedIndex;
         return /* @__PURE__ */ v(
           "div",
           {
             role: "option",
             "aria-selected": x,
-            tabIndex: z === g.anchorIndex ? 0 : -1,
+            tabIndex: C === g.anchorIndex ? 0 : -1,
             "data-value": k.value,
-            className: Zt({ selected: x }),
-            onClick: () => l(g.key, k.value),
-            onKeyDown: (c) => f(c, m, z),
+            className: rr({ selected: x }),
+            onClick: () => u(g.key, k.value),
+            onKeyDown: (c) => f(c, m, C),
             children: k.label
           },
           k.value
@@ -383,139 +384,150 @@ function er({
     g.key
   )) });
 }
-const tr = Ht(
-  (r, o) => {
+const sr = Rt(
+  (n, o) => {
     const {
-      value: l,
+      value: u,
       allowEmpty: f = !1,
-      defaultValue: C,
+      defaultValue: z,
       onChange: b,
       hour12: g,
       minuteStep: m = 1,
       fullWidthSeparator: k = !1,
-      periodLabels: z,
+      periodLabels: C,
       size: x = "md",
       dropdown: c = !1,
-      disabled: Ye,
-      className: Ze,
-      id: et,
-      "aria-label": de,
-      "aria-labelledby": tt
-    } = r, te = r.allowEmpty ? r.onChange : void 0, { t: M, i18n: Me } = Ot("ui"), A = Rt(), rt = Ft(St) !== null, R = Kt(A, et), u = !!(A.disabled || Ye), nt = A.invalid ? "error" : "default", h = g !== void 0 ? g : Bt(Me.language), st = Ut(Me.language), S = z ?? st, fe = l !== void 0, [ot, it] = le(
-      l !== void 0 ? l : C !== void 0 ? C : f ? null : { hours: 0, minutes: 0 }
-    ), pe = fe ? l : ot, i = ce(
-      () => f ? pe : pe ?? { hours: 0, minutes: 0 },
-      [f, pe]
+      disabled: tt,
+      className: rt,
+      id: nt,
+      "aria-label": fe,
+      "aria-labelledby": st
+    } = n, re = n.allowEmpty ? n.onChange : void 0, { t: M, i18n: Le } = Kt("ui"), A = Nt(), ot = It(Et) !== null, I = jt(A, nt), l = !!(A.disabled || tt), it = A.invalid ? "error" : "default", h = g !== void 0 ? g : _t(Le.language), at = qt(Le.language), S = C ?? at, pe = u !== void 0, [lt, ut] = Z(
+      u !== void 0 ? u : z !== void 0 ? z : f ? null : { hours: 0, minutes: 0 }
+    ), me = pe ? u : lt, i = de(
+      () => f ? me : me ?? { hours: 0, minutes: 0 },
+      [f, me]
     ), K = () => H.current ?? { hours: 0, minutes: 0 }, H = d(i);
     H.current = i;
-    const y = U(
+    const y = W(
       (e) => {
-        H.current = e, fe || it(e), e === null ? te == null || te(null) : b == null || b(e);
+        H.current = e, pe || ut(e), e === null ? re == null || re(null) : b == null || b(e);
       },
-      [fe, b, te]
-    ), _ = d(null), F = d(null), N = d(null), re = d(null), q = d(""), $ = d(""), D = d(null), P = d(null), E = () => {
-      q.current = "", D.current && (clearTimeout(D.current), D.current = null);
-    }, j = () => {
-      $.current = "", P.current && (clearTimeout(P.current), P.current = null);
+      [pe, b, re]
+    ), N = d(null), F = d(null), E = d(null), ne = d(null), _ = d(""), q = d(""), D = d(null), P = d(null), j = () => {
+      _.current = "", D.current && (clearTimeout(D.current), D.current = null);
+    }, V = () => {
+      q.current = "", P.current && (clearTimeout(P.current), P.current = null);
     };
-    Je(() => {
-      (l === null || u) && (E(), j());
-    }, [l, u]);
-    const ne = U(() => {
-      q.current = "", $.current = "", D.current && clearTimeout(D.current), P.current && clearTimeout(P.current), D.current = null, P.current = null, y(f ? null : { hours: 0, minutes: 0 });
-    }, [f, y]), me = (e) => !f || e.key !== "Backspace" && e.key !== "Delete" ? !1 : (e.preventDefault(), ne(), !0), Ae = (e) => {
-      const t = K(), n = O(
+    Ae(() => {
+      (u === null || l) && (j(), V());
+    }, [u, l]);
+    const se = W(() => {
+      _.current = "", q.current = "", D.current && clearTimeout(D.current), P.current && clearTimeout(P.current), D.current = null, P.current = null, y(f ? null : { hours: 0, minutes: 0 });
+    }, [f, y]), he = (e) => !f || e.key !== "Backspace" && e.key !== "Delete" ? !1 : (e.preventDefault(), se(), !0), He = (e) => {
+      const t = K(), r = R(
         parseInt(e, 10),
         h ? 1 : 0,
         h ? 12 : 23
       );
       y({
         ...t,
-        hours: h ? We(n, t.hours >= 12) : n
+        hours: h ? Qe(r, t.hours >= 12) : r
       });
-    }, Le = (e) => {
+    }, Fe = (e) => {
       y({
         ...K(),
-        minutes: _t(parseInt(e, 10), m)
+        minutes: $t(parseInt(e, 10), m)
       });
-    }, se = () => {
-      const e = q.current;
-      E(), e && Ae(e);
     }, oe = () => {
-      const e = $.current;
-      j(), e && Le(e);
-    }, he = d({
-      hour: se,
-      minute: oe
+      const e = _.current;
+      j(), e && He(e);
+    }, ie = () => {
+      const e = q.current;
+      V(), e && Fe(e);
+    }, ve = d({
+      hour: oe,
+      minute: ie
     });
-    he.current = { hour: se, minute: oe }, Ce(() => () => {
+    ve.current = { hour: oe, minute: ie }, Ce(() => () => {
       D.current && clearTimeout(D.current), P.current && clearTimeout(P.current);
     }, []);
-    const at = k ? "：" : ":", ve = M("inputs.timePicker.unset", "No time set"), He = i === null ? "--" : ee(h ? ze(i.hours) : i.hours), Fe = i === null ? "--" : ee(i.minutes), W = ((i == null ? void 0 : i.hours) ?? 0) >= 12, [I, ut] = le(!1), lt = c && I, ge = d(I);
-    ge.current = I;
-    const T = U((e) => {
-      ge.current = e, ut(e);
-    }, []), [Ie, ct] = le("ltr"), ie = d("pointer"), be = d("hour"), G = d(null), X = d(!1), J = d(null), ye = d(null), we = d(
+    const ct = k ? "：" : ":", ge = M("inputs.timePicker.unset", "No time set"), Oe = i === null ? "--" : te(h ? Me(i.hours) : i.hours), Re = i === null ? "--" : te(i.minutes), $ = ((i == null ? void 0 : i.hours) ?? 0) >= 12, [O, dt] = Z(!1), ft = c && O, be = d(O);
+    be.current = O;
+    const T = W((e) => {
+      be.current = e, dt(e);
+    }, []), [Ie, pt] = Z("ltr"), ae = d("pointer"), ye = d("hour"), G = d(null), X = d(!1), J = d(null), we = d(null), [le, Se] = Z(!1), Ke = d(0);
+    Ae(() => {
+      const e = N.current;
+      if (!e || typeof ResizeObserver > "u") return;
+      const t = () => {
+        le ? e.clientWidth >= Ke.current && Se(!1) : e.scrollWidth > e.clientWidth + 1 && (Ke.current = e.scrollWidth, Se(!0));
+      };
+      t();
+      const r = new ResizeObserver(t);
+      return r.observe(e), () => r.disconnect();
+    }, [le]);
+    const ke = d(
       {}
-    ), ke = U((e) => {
-      var t, n;
-      (n = (t = we.current[e]) == null ? void 0 : t.querySelector('[role="option"][tabindex="0"]')) == null || n.focus({ preventScroll: !0 });
-    }, []), ae = U(
+    ), xe = W((e) => {
+      var t, r;
+      (r = (t = ke.current[e]) == null ? void 0 : t.querySelector('[role="option"][tabindex="0"]')) == null || r.focus({ preventScroll: !0 });
+    }, []), ue = W(
       (e) => {
         if (e) {
-          if (u) return;
-          const t = _.current;
-          ct(
+          if (l) return;
+          const t = N.current;
+          pt(
             t && window.getComputedStyle(t).direction === "rtl" ? "rtl" : "ltr"
           ), X.current = !1;
         }
         T(e);
       },
-      [u, T]
-    ), Oe = (e, t, n) => {
-      if (!(!c || u)) {
-        if (ie.current = e, be.current = t, G.current = n, I) {
-          e === "keyboard" && ke(t);
+      [l, T]
+    ), Ne = (e, t, r) => {
+      if (!(!c || l)) {
+        if (ae.current = e, ye.current = t, G.current = r, O) {
+          e === "keyboard" && xe(t);
           return;
         }
-        ae(!0);
+        ue(!0);
       }
     };
     Ce(() => {
-      I && (!c || u) && T(!1);
-    }, [I, c, u, T]);
-    const xe = (e, t) => !c || !e.altKey ? !1 : e.key === "ArrowUp" && I ? (e.preventDefault(), T(!1), !0) : e.key !== "ArrowDown" ? !1 : (e.preventDefault(), se(), oe(), Oe("keyboard", t, e.currentTarget), !0), dt = (e) => {
-      var t, n;
-      if (!u && !me(e) && !xe(e, "hour")) {
+      O && (!c || l) && T(!1);
+    }, [O, c, l, T]);
+    const De = (e, t) => !c || !e.altKey ? !1 : e.key === "ArrowUp" && O ? (e.preventDefault(), T(!1), !0) : e.key !== "ArrowDown" ? !1 : (e.preventDefault(), oe(), ie(), Ne("keyboard", t, e.currentTarget), !0), mt = (e) => {
+      var t, r;
+      if (!l && !he(e) && !De(e, "hour")) {
         if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-          e.preventDefault(), E();
+          e.preventDefault(), j();
           const s = K(), a = e.key === "ArrowUp" ? 1 : -1, w = 23;
           let p = s.hours + a;
           p < 0 && (p = w), p > w && (p = 0), y({ ...s, hours: p });
           return;
         }
         if (e.key === "Tab" && !e.shiftKey) {
-          e.preventDefault(), (t = N.current) == null || t.focus();
+          e.preventDefault(), (t = E.current) == null || t.focus();
           return;
         }
         if (e.key.length === 1 && e.key >= "0" && e.key <= "9") {
           e.preventDefault(), D.current && clearTimeout(D.current);
-          const s = q.current + e.key;
-          s.length >= 2 || parseInt(s, 10) > (h ? 1 : 2) ? (E(), Ae(s), (n = N.current) == null || n.focus()) : (q.current = s, D.current = setTimeout(
-            () => he.current.hour(),
+          const s = _.current + e.key;
+          s.length >= 2 || parseInt(s, 10) > (h ? 1 : 2) ? (j(), He(s), (r = E.current) == null || r.focus()) : (_.current = s, D.current = setTimeout(
+            () => ve.current.hour(),
             1e3
           ));
         }
       }
-    }, ft = (e) => {
-      var t, n, s;
-      if (!u && !me(e) && !xe(e, "minute")) {
+    }, ht = (e) => {
+      var t, r, s;
+      if (!l && !he(e) && !De(e, "minute")) {
         if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-          e.preventDefault(), j();
+          e.preventDefault(), V();
           const a = K();
           y({
             ...a,
-            minutes: qt(
+            minutes: Gt(
               a.minutes,
               m,
               e.key === "ArrowUp" ? 1 : -1
@@ -524,134 +536,134 @@ const tr = Ht(
           return;
         }
         if (e.key === "Tab" && !e.shiftKey && h) {
-          e.preventDefault(), (t = re.current) == null || t.focus();
+          e.preventDefault(), (t = ne.current) == null || t.focus();
           return;
         }
         if (e.key === "Tab" && e.shiftKey) {
-          e.preventDefault(), (n = F.current) == null || n.focus();
+          e.preventDefault(), (r = F.current) == null || r.focus();
           return;
         }
         if (e.key.length === 1 && e.key >= "0" && e.key <= "9") {
           e.preventDefault(), P.current && clearTimeout(P.current);
-          const a = $.current + e.key;
-          a.length >= 2 || parseInt(a, 10) > 5 ? (j(), Le(a), h && ((s = re.current) == null || s.focus())) : ($.current = a, P.current = setTimeout(
-            () => he.current.minute(),
+          const a = q.current + e.key;
+          a.length >= 2 || parseInt(a, 10) > 5 ? (V(), Fe(a), h && ((s = ne.current) == null || s.focus())) : (q.current = a, P.current = setTimeout(
+            () => ve.current.minute(),
             1e3
           ));
         }
       }
-    }, pt = (e) => {
+    }, vt = (e) => {
       var s;
-      if (u || me(e) || xe(e, "period")) return;
-      const t = K(), n = t.hours >= 12;
+      if (l || he(e) || De(e, "period")) return;
+      const t = K(), r = t.hours >= 12;
       if (e.key === "ArrowUp" || e.key === "ArrowDown") {
         e.preventDefault();
-        const a = n ? t.hours - 12 : t.hours + 12;
-        y({ ...t, hours: O(a, 0, 23) });
+        const a = r ? t.hours - 12 : t.hours + 12;
+        y({ ...t, hours: R(a, 0, 23) });
         return;
       }
       if (e.key === "Tab" && e.shiftKey) {
-        e.preventDefault(), (s = N.current) == null || s.focus();
+        e.preventDefault(), (s = E.current) == null || s.focus();
         return;
       }
-      (e.key === "a" || e.key === "A") && (e.preventDefault(), (H.current === null || n) && y({ ...t, hours: n ? t.hours - 12 : t.hours })), (e.key === "p" || e.key === "P") && (e.preventDefault(), n || y({ ...t, hours: t.hours + 12 }));
-    }, mt = () => {
-      se();
-    }, ht = () => {
+      (e.key === "a" || e.key === "A") && (e.preventDefault(), (H.current === null || r) && y({ ...t, hours: r ? t.hours - 12 : t.hours })), (e.key === "p" || e.key === "P") && (e.preventDefault(), r || y({ ...t, hours: t.hours + 12 }));
+    }, gt = () => {
       oe();
-    }, Re = M("inputs.timePicker.hour", "Hour"), Se = M("inputs.timePicker.minute", "Minute"), Ke = M("inputs.timePicker.period", "Period"), vt = M("inputs.timePicker.groupLabel", "Time"), gt = M(
+    }, bt = () => {
+      ie();
+    }, Ee = M("inputs.timePicker.hour", "Hour"), je = M("inputs.timePicker.minute", "Minute"), Ve = M("inputs.timePicker.period", "Period"), yt = M("inputs.timePicker.groupLabel", "Time"), wt = M(
       "inputs.timePicker.openDropdown",
       "Choose time"
-    ), De = `${A.id}-label`, ue = rt && !!A.label, [bt, Ne] = le(!0), Pe = tt ?? (!de && ue && bt ? De : void 0), Ee = Pe ? void 0 : de ?? vt, je = de ?? (ue ? A.label : void 0), yt = je ? M("inputs.timePicker.clearNamed", { label: je }) : M("inputs.text.clear");
+    ), Pe = `${A.id}-label`, ce = ot && !!A.label, [kt, Be] = Z(!0), Te = st ?? (!fe && ce && kt ? Pe : void 0), Ue = Te ? void 0 : fe ?? yt, We = fe ?? (ce ? A.label : void 0), xt = We ? M("inputs.timePicker.clearNamed", { label: We }) : M("inputs.text.clear");
     Ce(() => {
       var w;
-      if (!ue) return;
-      const e = (w = _.current) == null ? void 0 : w.getRootNode(), t = e instanceof Document || e instanceof ShadowRoot ? e.getElementById(De) : null;
+      if (!ce) return;
+      const e = (w = N.current) == null ? void 0 : w.getRootNode(), t = e instanceof Document || e instanceof ShadowRoot ? e.getElementById(Pe) : null;
       if (!(t instanceof HTMLLabelElement)) {
-        Ne(!1);
+        Be(!1);
         return;
       }
-      const n = () => Ne(t.htmlFor === R);
-      n();
-      const s = new MutationObserver(n);
+      const r = () => Be(t.htmlFor === I);
+      r();
+      const s = new MutationObserver(r);
       s.observe(t, { attributes: !0, attributeFilter: ["for"] });
       const a = () => {
         var p;
-        t.htmlFor !== R || u || (p = F.current) == null || p.focus();
+        t.htmlFor !== I || l || (p = F.current) == null || p.focus();
       };
       return t.addEventListener("click", a), () => {
         s.disconnect(), t.removeEventListener("click", a);
       };
-    }, [ue, De, R, u]);
-    const Ve = ce(
+    }, [ce, Pe, I, l]);
+    const _e = de(
       () => Array.from(
         { length: h ? 12 : 24 },
         (e, t) => h ? t + 1 : t
-      ).map((e) => ({ value: e, label: ee(e) })),
+      ).map((e) => ({ value: e, label: te(e) })),
       [h]
-    ), Te = ce(() => {
+    ), ze = de(() => {
       const e = [];
       for (let t = 0; t <= 59; t += m)
-        e.push({ value: t, label: ee(t) });
+        e.push({ value: t, label: te(t) });
       return e;
-    }, [m]), V = [];
+    }, [m]), B = [];
     if (c) {
-      const e = Ve.findIndex(
-        (n) => n.value === (i === null ? void 0 : h ? ze(i.hours) : i.hours)
+      const e = _e.findIndex(
+        (r) => r.value === (i === null ? void 0 : h ? Me(i.hours) : i.hours)
       );
-      V.push({
+      B.push({
         key: "hour",
-        label: Re,
-        options: Ve,
+        label: Ee,
+        options: _e,
         selectedIndex: e,
         anchorIndex: Math.max(e, 0)
       });
-      const t = Te.findIndex(
-        (n) => n.value === (i == null ? void 0 : i.minutes)
+      const t = ze.findIndex(
+        (r) => r.value === (i == null ? void 0 : i.minutes)
       );
-      V.push({
+      B.push({
         key: "minute",
-        label: Se,
-        options: Te,
+        label: je,
+        options: ze,
         selectedIndex: t,
-        anchorIndex: t >= 0 ? t : O(
+        anchorIndex: t >= 0 ? t : R(
           Math.floor(((i == null ? void 0 : i.minutes) ?? 0) / m),
           0,
-          Te.length - 1
+          ze.length - 1
         )
-      }), h && V.push({
+      }), h && B.push({
         key: "period",
-        label: Ke,
+        label: Ve,
         options: [
           { value: 0, label: S.am },
           { value: 1, label: S.pm }
         ],
-        selectedIndex: i === null ? -1 : W ? 1 : 0,
-        anchorIndex: W ? 1 : 0
+        selectedIndex: i === null ? -1 : $ ? 1 : 0,
+        anchorIndex: $ ? 1 : 0
       });
     }
-    const Be = (e, t) => {
+    const qe = (e, t) => {
       var s;
-      E(), j();
-      const n = K();
+      j(), V();
+      const r = K();
       if (e === "hour") {
-        const a = h ? We(t, n.hours >= 12) : t;
-        (H.current === null || a !== n.hours) && y({ ...n, hours: a });
+        const a = h ? Qe(t, r.hours >= 12) : t;
+        (H.current === null || a !== r.hours) && y({ ...r, hours: a });
         return;
       }
       if (e === "period") {
         const a = t === 1;
-        (H.current === null || a !== n.hours >= 12) && y({ ...n, hours: n.hours % 12 + (a ? 12 : 0) });
+        (H.current === null || a !== r.hours >= 12) && y({ ...r, hours: r.hours % 12 + (a ? 12 : 0) });
         return;
       }
-      (H.current === null || t !== n.minutes) && y({ ...n, minutes: t }), (s = N.current) == null || s.focus(), T(!1);
-    }, wt = (e, t, n) => {
-      var p, Q, _e;
-      const s = V[t];
+      (H.current === null || t !== r.minutes) && y({ ...r, minutes: t }), (s = E.current) == null || s.focus(), T(!1);
+    }, Dt = (e, t, r) => {
+      var p, Q, Ge;
+      const s = B[t];
       if (!s) return;
-      const a = s.options.length - 1, w = (B) => {
-        var Y, qe;
-        (qe = (Y = we.current[s.key]) == null ? void 0 : Y.querySelectorAll('[role="option"]')[B]) == null || qe.focus();
+      const a = s.options.length - 1, w = (U) => {
+        var Y, Xe;
+        (Xe = (Y = ke.current[s.key]) == null ? void 0 : Y.querySelectorAll('[role="option"]')[U]) == null || Xe.focus();
       };
       if (e.altKey && e.key === "ArrowUp") {
         e.preventDefault(), (p = G.current) == null || p.focus(), T(!1);
@@ -659,10 +671,10 @@ const tr = Ht(
       }
       switch (e.key) {
         case "ArrowDown":
-          e.preventDefault(), w(Math.min(n + 1, a));
+          e.preventDefault(), w(Math.min(r + 1, a));
           break;
         case "ArrowUp":
-          e.preventDefault(), w(Math.max(n - 1, 0));
+          e.preventDefault(), w(Math.max(r - 1, 0));
           break;
         case "Home":
           e.preventDefault(), w(0);
@@ -673,70 +685,70 @@ const tr = Ht(
         case "ArrowLeft":
         case "ArrowRight": {
           e.preventDefault();
-          const B = e.key === "ArrowRight" == (Ie === "ltr"), Y = V[t + (B ? 1 : -1)];
-          Y && ke(Y.key);
+          const U = e.key === "ArrowRight" == (Ie === "ltr"), Y = B[t + (U ? 1 : -1)];
+          Y && xe(Y.key);
           break;
         }
         case "Enter":
         case " ": {
           e.preventDefault();
-          const B = s.options[n];
-          B && Be(s.key, B.value);
+          const U = s.options[r];
+          U && qe(s.key, U.value);
           break;
         }
         case "Tab":
-          X.current = !0, e.shiftKey ? (Q = F.current) == null || Q.focus() : (_e = ye.current) == null || _e.focus(), T(!1);
+          X.current = !0, e.shiftKey ? (Q = F.current) == null || Q.focus() : (Ge = we.current) == null || Ge.focus(), T(!1);
           break;
       }
-    }, kt = (e) => {
+    }, Pt = (e) => {
       var a, w;
-      if (!c || u) return;
+      if (!c || l) return;
       const t = e.target;
-      if (!(t instanceof Node) || (a = ye.current) != null && a.contains(t)) return;
-      const n = [F.current, N.current, re.current];
-      let s = n.find((p) => p == null ? void 0 : p.contains(t)) ?? null;
+      if (!(t instanceof Node) || (a = we.current) != null && a.contains(t)) return;
+      const r = [F.current, E.current, ne.current];
+      let s = r.find((p) => p == null ? void 0 : p.contains(t)) ?? null;
       if (!s) {
         const p = (w = t.ownerDocument) == null ? void 0 : w.activeElement;
-        s = n.find((Q) => Q && Q === p) ?? F.current, s && s !== p && s.focus();
+        s = r.find((Q) => Q && Q === p) ?? F.current, s && s !== p && s.focus();
       }
-      Oe("pointer", "hour", s);
-    }, xt = (e) => {
-      ie.current = e.detail === 0 ? "keyboard" : "pointer", be.current = "hour", G.current = e.currentTarget;
-    }, Dt = (e) => {
-      e.preventDefault(), ie.current === "keyboard" && ke(be.current);
-    }, Pt = (e) => {
+      Ne("pointer", "hour", s);
+    }, Tt = (e) => {
+      ae.current = e.detail === 0 ? "keyboard" : "pointer", ye.current = "hour", G.current = e.currentTarget;
+    }, zt = (e) => {
+      e.preventDefault(), ae.current === "keyboard" && xe(ye.current);
+    }, Ct = (e) => {
       var s;
       e.preventDefault();
       const t = X.current;
       if (X.current = !1, t) return;
-      const n = document.activeElement;
-      (!n || n === document.body) && ((s = G.current) == null || s.focus());
-    }, Tt = (e) => {
-      var n;
+      const r = document.activeElement;
+      (!r || r === document.body) && ((s = G.current) == null || s.focus());
+    }, Mt = (e) => {
+      var r;
       const t = e.target;
-      if (t instanceof Node && ((n = _.current) != null && n.contains(t))) {
+      if (t instanceof Node && ((r = N.current) != null && r.contains(t))) {
         e.preventDefault();
         return;
       }
       X.current = !0;
-    }, Ct = () => {
+    }, At = () => {
       var e, t;
       (e = J.current) != null && e.contains(document.activeElement) && ((t = G.current) == null || t.focus());
-    }, zt = U((e) => {
-      var n, s;
-      const t = Wt;
-      (n = J.current) == null || n.removeEventListener("wheel", t), (s = J.current) == null || s.removeEventListener("touchmove", t), J.current = e, e == null || e.addEventListener("wheel", t, { passive: !0 }), e == null || e.addEventListener("touchmove", t, { passive: !0 });
-    }, []), Mt = (e) => {
+    }, Lt = W((e) => {
+      var r, s;
+      const t = Jt;
+      (r = J.current) == null || r.removeEventListener("wheel", t), (s = J.current) == null || s.removeEventListener("touchmove", t), J.current = e, e == null || e.addEventListener("wheel", t, { passive: !0 }), e == null || e.addEventListener("touchmove", t, { passive: !0 });
+    }, []), Ht = (e) => {
       var t;
       (t = J.current) != null && t.contains(document.activeElement) || e.preventDefault();
-    }, At = ce(
+    }, Ft = de(
       () => ({
         getValue: () => i,
-        setValue: (e) => y($t(e)),
-        clear: ne,
-        isOpen: () => c && ge.current,
+        setValue: (e) => y(Xt(e)),
+        clear: se,
+        isOpen: () => c && be.current,
         open: () => {
-          !c || u || (ie.current = "pointer", ae(!0));
+          !c || l || (ae.current = "pointer", ue(!0));
         },
         close: () => {
           c && T(!1);
@@ -745,170 +757,170 @@ const tr = Ht(
       [
         i,
         y,
-        ne,
+        se,
         c,
-        u,
-        ae,
+        l,
+        ue,
         T
       ]
     );
-    It(o, () => _.current, []), Nt(Vt, At, R);
-    const Ue = (
+    St(o, () => N.current, []), Vt(Wt, Ft, I);
+    const $e = (
       // eslint-disable-next-line jsx-a11y/role-supports-aria-props, jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions -- aria-invalid is a global ARIA state conveying group-level validation; the click is a pointer shortcut to the list, which the keyboard opens with Alt+ArrowDown or the clock button
-      /* @__PURE__ */ $e(
+      /* @__PURE__ */ Je(
         "div",
         {
-          ref: _,
-          id: R,
+          ref: N,
+          id: I,
           role: "group",
-          "aria-label": Ee,
-          "aria-labelledby": Pe,
+          "aria-label": Ue,
+          "aria-labelledby": Te,
           "aria-describedby": A.describedBy || void 0,
           "aria-invalid": A.invalid || void 0,
-          "aria-disabled": u || void 0,
+          "aria-disabled": l || void 0,
           "data-component": "time-picker",
-          "data-component-id": R,
-          className: Gt({
+          "data-component-id": I,
+          className: Qt({
             size: x,
-            tone: nt,
-            isDisabled: u,
-            opensOnClick: c && !u,
-            className: Ze
+            tone: it,
+            isDisabled: l,
+            opensOnClick: c && !l,
+            className: rt
           }),
-          onClick: c ? kt : void 0,
+          onClick: c ? Pt : void 0,
           children: [
             /* @__PURE__ */ v(
               "span",
               {
                 ref: F,
                 role: "spinbutton",
-                "aria-disabled": u || void 0,
-                "aria-label": Re,
+                "aria-disabled": l || void 0,
+                "aria-label": Ee,
                 "aria-valuemin": h ? 1 : 0,
                 "aria-valuemax": h ? 12 : 23,
-                "aria-valuenow": i === null ? void 0 : h ? ze(i.hours) : i.hours,
-                "aria-valuetext": i === null ? ve : He,
+                "aria-valuenow": i === null ? void 0 : h ? Me(i.hours) : i.hours,
+                "aria-valuetext": i === null ? ge : Oe,
                 "aria-keyshortcuts": c ? "Alt+ArrowDown" : void 0,
-                tabIndex: u ? -1 : 0,
+                tabIndex: l ? -1 : 0,
                 inputMode: "numeric",
-                onKeyDown: dt,
-                onBlur: mt,
-                className: Ge({ size: x }),
-                children: He
+                onKeyDown: mt,
+                onBlur: gt,
+                className: Ye({ size: x }),
+                children: Oe
               }
             ),
-            /* @__PURE__ */ v("span", { "aria-hidden": "true", className: Jt({ size: x }), children: at }),
+            /* @__PURE__ */ v("span", { "aria-hidden": "true", className: Zt({ size: x }), children: ct }),
             /* @__PURE__ */ v(
               "span",
               {
-                ref: N,
+                ref: E,
                 role: "spinbutton",
-                "aria-disabled": u || void 0,
-                "aria-label": Se,
+                "aria-disabled": l || void 0,
+                "aria-label": je,
                 "aria-valuemin": 0,
                 "aria-valuemax": 59,
                 "aria-valuenow": i == null ? void 0 : i.minutes,
-                "aria-valuetext": i === null ? ve : Fe,
+                "aria-valuetext": i === null ? ge : Re,
                 "aria-keyshortcuts": c ? "Alt+ArrowDown" : void 0,
-                tabIndex: u ? -1 : 0,
+                tabIndex: l ? -1 : 0,
                 inputMode: "numeric",
-                onKeyDown: ft,
-                onBlur: ht,
-                className: Ge({ size: x }),
-                children: Fe
+                onKeyDown: ht,
+                onBlur: bt,
+                className: Ye({ size: x }),
+                children: Re
               }
             ),
             h ? /* @__PURE__ */ v(
               "span",
               {
-                ref: re,
+                ref: ne,
                 role: "spinbutton",
-                "aria-disabled": u || void 0,
-                "aria-label": Ke,
+                "aria-disabled": l || void 0,
+                "aria-label": Ve,
                 "aria-valuemin": 0,
                 "aria-valuemax": 1,
-                "aria-valuenow": i === null ? void 0 : W ? 1 : 0,
-                "aria-valuetext": i === null ? ve : W ? S.pm : S.am,
+                "aria-valuenow": i === null ? void 0 : $ ? 1 : 0,
+                "aria-valuetext": i === null ? ge : $ ? S.pm : S.am,
                 "aria-keyshortcuts": c ? "Alt+ArrowDown" : void 0,
-                tabIndex: u ? -1 : 0,
-                onKeyDown: pt,
-                className: Xt({ size: x }),
-                children: i === null ? "--" : W ? S.pm : S.am
+                tabIndex: l ? -1 : 0,
+                onKeyDown: vt,
+                className: Yt({ size: x }),
+                children: i === null ? "--" : $ ? S.pm : S.am
               }
             ) : null,
-            f ? /* @__PURE__ */ v(
+            f && !le ? /* @__PURE__ */ v(
               "button",
               {
                 type: "button",
-                "aria-label": yt,
-                disabled: u || i === null,
+                "aria-label": xt,
+                disabled: l || i === null,
                 onPointerDown: (e) => {
-                  e.preventDefault(), E(), j();
+                  e.preventDefault(), j(), V();
                 },
                 onClick: (e) => {
                   var t;
-                  e.stopPropagation(), ne(), (t = F.current) == null || t.focus();
+                  e.stopPropagation(), se(), (t = F.current) == null || t.focus();
                 },
-                className: Xe({
+                className: Ze({
                   size: x,
                   trailing: !c,
                   className: i === null ? "ds:invisible" : void 0
                 }),
-                children: /* @__PURE__ */ v(Et, { "aria-hidden": "true" })
+                children: /* @__PURE__ */ v(Bt, { "aria-hidden": "true" })
               }
             ) : null,
-            c ? /* @__PURE__ */ v(Z.Trigger, { asChild: !0, children: /* @__PURE__ */ v(
+            c && !le ? /* @__PURE__ */ v(ee.Trigger, { asChild: !0, children: /* @__PURE__ */ v(
               "button",
               {
-                ref: ye,
+                ref: we,
                 type: "button",
-                "aria-label": gt,
-                disabled: u,
-                onClick: xt,
-                className: Xe({ size: x }),
-                children: /* @__PURE__ */ v(jt, { "aria-hidden": "true" })
+                "aria-label": wt,
+                disabled: l,
+                onClick: Tt,
+                className: Ze({ size: x }),
+                children: /* @__PURE__ */ v(Ut, { "aria-hidden": "true" })
               }
             ) }) : null
           ]
         }
       )
     );
-    return c ? /* @__PURE__ */ $e(Z.Root, { open: lt, onOpenChange: ae, children: [
-      /* @__PURE__ */ v(Z.Anchor, { asChild: !0, children: Ue }),
-      /* @__PURE__ */ v(Z.Portal, { children: /* @__PURE__ */ v(
-        Z.Content,
+    return c ? /* @__PURE__ */ Je(ee.Root, { open: ft, onOpenChange: ue, children: [
+      /* @__PURE__ */ v(ee.Anchor, { asChild: !0, children: $e }),
+      /* @__PURE__ */ v(ee.Portal, { children: /* @__PURE__ */ v(
+        ee.Content,
         {
-          ref: zt,
+          ref: Lt,
           side: "bottom",
           align: "start",
           sideOffset: 4,
           dir: Ie,
           "data-component": "time-picker-dropdown",
-          "aria-label": Ee,
-          "aria-labelledby": Pe,
-          className: Qt({ size: x }),
-          onOpenAutoFocus: Dt,
-          onCloseAutoFocus: Pt,
-          onInteractOutside: Tt,
-          onEscapeKeyDown: Ct,
-          onMouseDown: Mt,
+          "aria-label": Ue,
+          "aria-labelledby": Te,
+          className: er({ size: x }),
+          onOpenAutoFocus: zt,
+          onCloseAutoFocus: Ct,
+          onInteractOutside: Mt,
+          onEscapeKeyDown: At,
+          onMouseDown: Ht,
           children: /* @__PURE__ */ v(
-            er,
+            nr,
             {
-              columns: V,
-              columnRefs: we,
-              onPick: Be,
-              onOptionKeyDown: wt
+              columns: B,
+              columnRefs: ke,
+              onPick: qe,
+              onOptionKeyDown: Dt
             }
           )
         }
       ) })
-    ] }) : Ue;
+    ] }) : $e;
   }
 );
-tr.displayName = "TimePicker";
+sr.displayName = "TimePicker";
 export {
-  tr as T,
-  Vt as t
+  sr as T,
+  Wt as t
 };
-//# sourceMappingURL=time-picker-DSt-ns5F.js.map
+//# sourceMappingURL=time-picker-DDr5vhwQ.js.map