@alfadocs/ui-kit 0.1.9 → 0.2.0

package/dist/_chunks/{time-picker-B8AMIrX7.js → time-picker-DvPUmHH-.js}

@@ -1,10 +1,10 @@
-import { jsxs as ve, jsx as B } from "react/jsx-runtime";
-import { forwardRef as ge, useState as O, useCallback as U, useRef as z, useEffect as ye, useMemo as be, useImperativeHandle as we } from "react";
+import { jsxs as ge, jsx as B } from "react/jsx-runtime";
+import { forwardRef as ye, useState as F, useCallback as O, useRef as k, useEffect as be, useMemo as we, useImperativeHandle as ke } from "react";
 import { c as N } from "./index-D2ZczOXr.js";
-import { useTranslation as ke } from "react-i18next";
-import { u as xe } from "./form-field-context-94LwgYTQ.js";
-import { u as Te } from "./registry-C9nwlNyL.js";
-const De = {
+import { useTranslation as xe } from "react-i18next";
+import { u as Te } from "./form-field-context-B3APVHKx.js";
+import { u as De } from "./registry-C9nwlNyL.js";
+const Pe = {
   id: "time-picker",
   capabilities: ["pick", "open", "close"],
   state: {
@@ -13,9 +13,9 @@ const De = {
       descriptionKey: "ui.agent.timePicker.state.value",
       description: "Currently-selected time as 24h HH:MM (always present — defaults to 00:00 when unset).",
       read: (t) => {
-        const n = t.getValue();
-        if (!n) return null;
-        const u = String(n.hours).padStart(2, "0"), f = String(n.minutes).padStart(2, "0");
+        const s = t.getValue();
+        if (!s) return null;
+        const u = String(s.hours).padStart(2, "0"), f = String(s.minutes).padStart(2, "0");
         return `${u}:${f}`;
       }
     },
@@ -32,8 +32,8 @@ const De = {
       argsType: "{ time: string }",
       descriptionKey: "ui.agent.timePicker.actions.setTime",
       description: "Set the time using a 24h HH:MM string.",
-      invoke: (t, n) => {
-        const [u, f] = n.time.split(":");
+      invoke: (t, s) => {
+        const [u, f] = s.time.split(":");
         t.setValue({
           hours: Number.parseInt(u ?? "0", 10),
           minutes: Number.parseInt(f ?? "0", 10)
@@ -78,44 +78,44 @@ const De = {
     }
   }
 };
-function Pe(t) {
+function Me(t) {
   try {
-    const n = new Intl.DateTimeFormat(t, {
+    const s = new Intl.DateTimeFormat(t, {
       hour: "numeric"
     }).resolvedOptions();
-    return n.hourCycle === "h12" || n.hourCycle === "h11";
+    return s.hourCycle === "h12" || s.hourCycle === "h11";
   } catch {
     return !1;
   }
 }
-function Me(t) {
-  var n, u;
+function He(t) {
+  var s, u;
   try {
-    const f = ((n = new Intl.DateTimeFormat(t, {
+    const f = ((s = new Intl.DateTimeFormat(t, {
       hour: "numeric",
       hour12: !0
-    }).formatToParts(new Date(2e3, 0, 1, 9)).find((k) => k.type === "dayPeriod")) == null ? void 0 : n.value) ?? "AM", m = ((u = new Intl.DateTimeFormat(t, {
+    }).formatToParts(new Date(2e3, 0, 1, 9)).find((x) => x.type === "dayPeriod")) == null ? void 0 : s.value) ?? "AM", m = ((u = new Intl.DateTimeFormat(t, {
       hour: "numeric",
       hour12: !0
-    }).formatToParts(new Date(2e3, 0, 1, 15)).find((k) => k.type === "dayPeriod")) == null ? void 0 : u.value) ?? "PM";
+    }).formatToParts(new Date(2e3, 0, 1, 15)).find((x) => x.type === "dayPeriod")) == null ? void 0 : u.value) ?? "PM";
     return { am: f, pm: m };
   } catch {
     return { am: "AM", pm: "PM" };
   }
 }
-function w(t, n, u) {
-  return Math.min(u, Math.max(n, t));
+function w(t, s, u) {
+  return Math.min(u, Math.max(s, t));
 }
-function S(t, n) {
-  return Math.round(t / n) * n;
+function S(t, s) {
+  return Math.round(t / s) * s;
 }
 function q(t) {
   return t === 0 ? 12 : t > 12 ? t - 12 : t;
 }
-function C(t, n) {
-  return n ? t === 12 ? 12 : t + 12 : t === 12 ? 0 : t;
+function U(t, s) {
+  return s ? t === 12 ? 12 : t + 12 : t === 12 ? 0 : t;
 }
-const He = N(
+const ze = N(
   [
     "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
     "ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-background",
@@ -165,7 +165,7 @@ const He = N(
     },
     defaultVariants: { size: "md" }
   }
-), ze = N(
+), Ke = N(
   [
     "ds:inline-flex ds:items-center ds:justify-center",
     "ds:rounded-[var(--radius-sm)] ds:text-center",
@@ -186,7 +186,7 @@ const He = N(
     },
     defaultVariants: { size: "md" }
   }
-), Ke = N("ds:text-muted-foreground ds:select-none", {
+), Ve = N("ds:text-muted-foreground ds:select-none", {
   variants: {
     size: {
       sm: "ds:text-[length:var(--font-size-sm)]",
@@ -195,75 +195,75 @@ const He = N(
     }
   },
   defaultVariants: { size: "md" }
-}), Ve = ge(
+}), Ie = ye(
   ({
     value: t,
-    defaultValue: n,
+    defaultValue: s,
     onChange: u,
     hour12: f,
     minuteStep: m = 1,
-    fullWidthSeparator: k = !1,
+    fullWidthSeparator: x = !1,
     periodLabels: J,
-    size: x = "md",
+    size: T = "md",
     disabled: Q,
     className: X,
     id: Y
   }, Z) => {
-    const { t: K, i18n: _ } = ke(), T = xe(), L = Y ?? T.id, p = T.disabled || Q, ee = T.invalid ? "error" : "default", i = f !== void 0 ? f : Pe(_.language), te = Me(_.language), V = J ?? te, R = t !== void 0, [re, se] = O(
-      t ?? n ?? { hours: 0, minutes: 0 }
-    ), r = R ? t : re, o = U(
+    const { t: K, i18n: C } = xe(), D = Te(), R = Y ?? D.id, p = D.disabled || Q, ee = D.invalid ? "error" : "default", i = f !== void 0 ? f : Me(C.language), te = He(C.language), V = J ?? te, L = t !== void 0, [re, ne] = F(
+      t ?? s ?? { hours: 0, minutes: 0 }
+    ), r = L ? t : re, o = O(
       (e) => {
-        R || se(e), u == null || u(e);
+        L || ne(e), u == null || u(e);
       },
-      [R, u]
-    ), $ = z(null), D = z(null), I = z(null), [ne, P] = O(""), [ie, M] = O(""), h = z(null), v = z(null), j = U(() => {
-      P(""), h.current && (clearTimeout(h.current), h.current = null);
-    }, []), A = U(() => {
-      M(""), v.current && (clearTimeout(v.current), v.current = null);
+      [L, u]
+    ), _ = k(null), P = k(null), I = k(null), [se, M] = F(""), [ie, H] = F(""), h = k(null), v = k(null), j = O(() => {
+      M(""), h.current && (clearTimeout(h.current), h.current = null);
+    }, []), A = O(() => {
+      H(""), v.current && (clearTimeout(v.current), v.current = null);
     }, []);
-    ye(() => () => {
+    be(() => () => {
       h.current && clearTimeout(h.current), v.current && clearTimeout(v.current);
     }, []);
-    const oe = k ? "：" : ":", E = i ? String(q(r.hours)).padStart(2, "0") : String(r.hours).padStart(2, "0"), W = String(r.minutes).padStart(2, "0"), l = r.hours >= 12, ae = (e) => {
-      var g, b, H;
+    const oe = x ? "：" : ":", $ = i ? String(q(r.hours)).padStart(2, "0") : String(r.hours).padStart(2, "0"), E = String(r.minutes).padStart(2, "0"), l = r.hours >= 12, ae = (e) => {
+      var g, b, z;
       if (!p) {
         if (e.key === "ArrowUp" || e.key === "ArrowDown") {
           e.preventDefault();
           const y = e.key === "ArrowUp" ? 1 : -1, d = 23;
-          let s = r.hours + y;
-          s < 0 && (s = d), s > d && (s = 0), o({ ...r, hours: s }), j();
+          let n = r.hours + y;
+          n < 0 && (n = d), n > d && (n = 0), o({ ...r, hours: n }), j();
           return;
         }
         if (e.key === "Tab" && !e.shiftKey) {
-          e.preventDefault(), (g = D.current) == null || g.focus(), j();
+          e.preventDefault(), (g = P.current) == null || g.focus(), j();
           return;
         }
         if (e.key >= "0" && e.key <= "9") {
           e.preventDefault();
-          const y = ne + e.key;
-          P(y), h.current && clearTimeout(h.current);
-          const d = parseInt(y, 10), s = i ? 12 : 23;
+          const y = se + e.key;
+          M(y), h.current && clearTimeout(h.current);
+          const d = parseInt(y, 10), n = i ? 12 : 23;
           if (y.length >= 2) {
-            const a = w(d, i ? 1 : 0, s), c = i ? C(a, l) : a;
-            o({ ...r, hours: c }), P(""), (b = D.current) == null || b.focus();
+            const a = w(d, i ? 1 : 0, n), c = i ? U(a, l) : a;
+            o({ ...r, hours: c }), M(""), (b = P.current) == null || b.focus();
           } else if (d > (i ? 1 : 2)) {
-            const a = w(d, i ? 1 : 0, s), c = i ? C(a, l) : a;
-            o({ ...r, hours: c }), P(""), (H = D.current) == null || H.focus();
+            const a = w(d, i ? 1 : 0, n), c = i ? U(a, l) : a;
+            o({ ...r, hours: c }), M(""), (z = P.current) == null || z.focus();
           } else
             h.current = setTimeout(() => {
-              const a = w(d, i ? 1 : 0, s), c = i ? C(a, l) : a;
-              o({ ...r, hours: c }), P("");
+              const a = w(d, i ? 1 : 0, n), c = i ? U(a, l) : a;
+              o({ ...r, hours: c }), M("");
             }, 1e3);
         }
       }
     }, ue = (e) => {
-      var g, b, H, y;
+      var g, b, z, y;
       if (!p) {
         if (e.key === "ArrowUp" || e.key === "ArrowDown") {
           e.preventDefault();
           const d = e.key === "ArrowUp" ? m : -m;
-          let s = r.minutes + d;
-          s < 0 && (s = 60 + s), s >= 60 && (s = s - 60), o({ ...r, minutes: s }), A();
+          let n = r.minutes + d;
+          n < 0 && (n = 60 + n), n >= 60 && (n = n - 60), o({ ...r, minutes: n }), A();
           return;
         }
         if (e.key === "Tab" && !e.shiftKey && i) {
@@ -271,24 +271,24 @@ const He = N(
           return;
         }
         if (e.key === "Tab" && e.shiftKey) {
-          e.preventDefault(), (b = $.current) == null || b.focus(), A();
+          e.preventDefault(), (b = _.current) == null || b.focus(), A();
           return;
         }
         if (e.key >= "0" && e.key <= "9") {
           e.preventDefault();
           const d = ie + e.key;
-          M(d), v.current && clearTimeout(v.current);
-          const s = parseInt(d, 10);
+          H(d), v.current && clearTimeout(v.current);
+          const n = parseInt(d, 10);
           if (d.length >= 2) {
-            const a = w(s, 0, 59), c = S(a, m);
-            o({ ...r, minutes: c }), M(""), i && ((H = I.current) == null || H.focus());
-          } else if (s > 5) {
-            const a = w(s, 0, 59), c = S(a, m);
-            o({ ...r, minutes: c }), M(""), i && ((y = I.current) == null || y.focus());
+            const a = w(n, 0, 59), c = S(a, m);
+            o({ ...r, minutes: c }), H(""), i && ((z = I.current) == null || z.focus());
+          } else if (n > 5) {
+            const a = w(n, 0, 59), c = S(a, m);
+            o({ ...r, minutes: c }), H(""), i && ((y = I.current) == null || y.focus());
           } else
             v.current = setTimeout(() => {
-              const a = w(s, 0, 59), c = S(a, m);
-              o({ ...r, minutes: c }), M("");
+              const a = w(n, 0, 59), c = S(a, m);
+              o({ ...r, minutes: c }), H("");
             }, 1e3);
         }
       }
@@ -302,7 +302,7 @@ const He = N(
           return;
         }
         if (e.key === "Tab" && e.shiftKey) {
-          e.preventDefault(), (g = D.current) == null || g.focus();
+          e.preventDefault(), (g = P.current) == null || g.focus();
           return;
         }
         (e.key === "a" || e.key === "A") && (e.preventDefault(), l && o({ ...r, hours: r.hours - 12 })), (e.key === "p" || e.key === "P") && (e.preventDefault(), l || o({ ...r, hours: r.hours + 12 }));
@@ -313,7 +313,7 @@ const He = N(
       A();
       const e = S(r.minutes, m);
       e !== r.minutes && o({ ...r, minutes: e });
-    }, fe = K("ui.inputs.timePicker.hour", "Hour"), me = K("ui.inputs.timePicker.minute", "Minute"), pe = K("ui.inputs.timePicker.period", "Period"), he = K("ui.inputs.timePicker.groupLabel", "Time"), F = be(
+    }, fe = K("ui.inputs.timePicker.hour", "Hour"), me = K("ui.inputs.timePicker.minute", "Minute"), pe = K("ui.inputs.timePicker.period", "Period"), he = K("ui.inputs.timePicker.groupLabel", "Time"), ve = we(
       () => ({
         getValue: () => r,
         setValue: (e) => o(e),
@@ -325,20 +325,22 @@ const He = N(
         }
       }),
       [r, o]
-    );
-    return we(Z, () => F, [F]), Te(De, F, L), /* @__PURE__ */ ve(
+    ), W = k(null);
+    return ke(Z, () => W.current, []), De(Pe, ve, R), // eslint-disable-next-line jsx-a11y/role-supports-aria-props -- aria-invalid is a global ARIA state; conveys group-level validation
+    /* @__PURE__ */ ge(
       "div",
       {
-        id: L,
+        ref: W,
+        id: R,
         role: "group",
         "aria-label": he,
-        "aria-describedby": T.describedBy || void 0,
-        "aria-invalid": T.invalid || void 0,
+        "aria-describedby": D.describedBy || void 0,
+        "aria-invalid": D.invalid || void 0,
         "aria-disabled": p || void 0,
         "data-component": "time-picker",
-        "data-component-id": L,
-        className: He({
-          size: x,
+        "data-component-id": R,
+        className: ze({
+          size: T,
           tone: ee,
           isDisabled: p ?? !1,
           className: X
@@ -347,38 +349,38 @@ const He = N(
           /* @__PURE__ */ B(
             "span",
             {
-              ref: $,
+              ref: _,
               role: "spinbutton",
               "aria-label": fe,
               "aria-valuemin": i ? 1 : 0,
               "aria-valuemax": i ? 12 : 23,
               "aria-valuenow": i ? q(r.hours) : r.hours,
-              "aria-valuetext": E,
+              "aria-valuetext": $,
               tabIndex: p ? -1 : 0,
               inputMode: "numeric",
               onKeyDown: ae,
               onBlur: ce,
-              className: G({ size: x }),
-              children: E
+              className: G({ size: T }),
+              children: $
             }
           ),
-          /* @__PURE__ */ B("span", { "aria-hidden": "true", className: Ke({ size: x }), children: oe }),
+          /* @__PURE__ */ B("span", { "aria-hidden": "true", className: Ve({ size: T }), children: oe }),
           /* @__PURE__ */ B(
             "span",
             {
-              ref: D,
+              ref: P,
               role: "spinbutton",
               "aria-label": me,
               "aria-valuemin": 0,
               "aria-valuemax": 59,
               "aria-valuenow": r.minutes,
-              "aria-valuetext": W,
+              "aria-valuetext": E,
               tabIndex: p ? -1 : 0,
               inputMode: "numeric",
               onKeyDown: ue,
               onBlur: le,
-              className: G({ size: x }),
-              children: W
+              className: G({ size: T }),
+              children: E
             }
           ),
           i ? /* @__PURE__ */ B(
@@ -393,7 +395,7 @@ const He = N(
               "aria-valuetext": l ? V.pm : V.am,
               tabIndex: p ? -1 : 0,
               onKeyDown: de,
-              className: ze({ size: x }),
+              className: Ke({ size: T }),
               children: l ? V.pm : V.am
             }
           ) : null
@@ -402,9 +404,9 @@ const He = N(
     );
   }
 );
-Ve.displayName = "TimePicker";
+Ie.displayName = "TimePicker";
 export {
-  Ve as T,
-  De as t
+  Ie as T,
+  Pe as t
 };
-//# sourceMappingURL=time-picker-B8AMIrX7.js.map
+//# sourceMappingURL=time-picker-DvPUmHH-.js.map