@alfadocs/ui-kit 1.3.12 → 1.4.0

package/dist/_chunks/{date-picker-BP_W6VtE.js → date-picker-Bp64zk2p.js}

@@ -1,16 +1,16 @@
 import { jsx as r, jsxs as v } from "react/jsx-runtime";
-import { forwardRef as ae, useState as y, useRef as K, useEffect as re, useCallback as R, useMemo as ne, useImperativeHandle as se } from "react";
-import { useTranslation as ie } from "react-i18next";
-import * as k from "@radix-ui/react-popover";
-import { u as oe } from "./use-controllable-state-BiY4xTzM.js";
-import { u as de } from "./form-field-context-B3APVHKx.js";
-import { u as ce } from "./registry-DvAUVLHh.js";
-import { u as le, g as pe, f as T, b as ue, c as fe, i as me, t as he, d as ge, p as ve, D as ye, C as ke, e as be, h as Ce, j as De } from "./date-picker-variants-eL6HjWvw.js";
-import { C as Pe } from "./calendar-days-BGWklvE-.js";
-import { C as Se } from "./check-DrFSN__t.js";
-import { p as xe } from "./parse-DvA97ro9.js";
-import { i as we } from "./isSameDay-DUEiAT0G.js";
-const Ie = {
+import { forwardRef as se, useContext as ie, useState as y, useRef as K, useEffect as oe, useCallback as R, useMemo as le, useImperativeHandle as de } from "react";
+import { useTranslation as ce } from "react-i18next";
+import * as b from "@radix-ui/react-popover";
+import { u as pe } from "./use-controllable-state-BiY4xTzM.js";
+import { u as ue, F as fe } from "./form-field-context-B3APVHKx.js";
+import { u as me } from "./registry-DvAUVLHh.js";
+import { u as he, g as ge, b as ve, i as ye, c as be, t as ke, d as Ce, p as De, D as Pe, C as Se, e as xe, f as we } from "./date-picker-variants-pKAJfnWr.js";
+import { f as T, i as Ie, b as Oe } from "./format-4HNwNGrN.js";
+import { C as Ne } from "./calendar-days-BGWklvE-.js";
+import { C as Ve } from "./check-DrFSN__t.js";
+import { p as Fe } from "./parse-JqixfsU0.js";
+const Ae = {
   id: "date-picker",
   // Persisted single date (value state + set_date) → select_single + set_value,
   // plus open/close of the calendar popover.
@@ -21,8 +21,8 @@ const Ie = {
       descriptionKey: "ui.agent.datePicker.state.value",
       description: "Currently-selected ISO date, or null.",
       read: (a) => {
-        var c;
-        return ((c = a.getValue()) == null ? void 0 : c.toISOString()) ?? null;
+        var d;
+        return ((d = a.getValue()) == null ? void 0 : d.toISOString()) ?? null;
       }
     },
     isOpen: {
@@ -51,8 +51,8 @@ const Ie = {
       descriptionKey: "ui.agent.datePicker.actions.setDate",
       description: "Select a specific date (ISO yyyy-mm-dd).",
       examples: [{ args: { date: "2026-06-23" }, note: "Select 23 Jun 2026." }],
-      invoke: (a, c) => {
-        a.setValue(new Date(c.date));
+      invoke: (a, d) => {
+        a.setValue(new Date(d.date));
       }
     },
     clear: {
@@ -96,64 +96,66 @@ const Ie = {
       description: "Sourced from the id prop."
     }
   }
-}, Oe = ae(
+}, Ke = se(
   ({
     value: a,
-    defaultValue: c,
-    onChange: F,
+    defaultValue: d,
+    onChange: M,
     minDate: m,
     maxDate: h,
-    disabledDates: l,
-    weekStartsOn: M,
-    presets: b,
+    disabledDates: c,
+    weekStartsOn: j,
+    presets: k,
     size: x = "md",
-    disabled: j,
-    placeholder: q,
-    className: B,
-    id: E
-  }, L) => {
-    const { t: w, i18n: I } = ie(), p = de(), C = E ?? p.id, O = p.disabled || j, _ = p.invalid ? "error" : "default", u = le(I.language), f = pe(I.language), H = q ?? w("inputs.datePicker.placeholder", "Select date"), [W, N] = oe({
+    disabled: q,
+    placeholder: B,
+    className: E,
+    id: L,
+    "aria-label": _,
+    "aria-labelledby": H
+  }, W) => {
+    const { t: w, i18n: I } = ce(), p = ue(), O = ie(fe) !== null, C = L ?? p.id, N = p.disabled || q, J = p.invalid ? "error" : "default", u = he(I.language), f = ge(I.language), z = B ?? w("inputs.datePicker.placeholder", "Select date"), [G, V] = pe({
       value: a,
-      defaultValue: c,
-      onChange: F
-    }), n = W, [i, s] = y(!1), [J, D] = y(
+      defaultValue: d,
+      onChange: M
+    }), n = G, [i, s] = y(!1), [Q, D] = y(
       n ? T(n, f, { locale: u }) : ""
-    ), [V, g] = y(!1), [z, P] = y(n ?? /* @__PURE__ */ new Date()), S = K(null);
-    re(() => {
+    ), [F, g] = y(!1), [U, P] = y(n ?? /* @__PURE__ */ new Date()), S = K(null);
+    oe(() => {
       n ? (D(T(n, f, { locale: u })), g(!1)) : D("");
     }, [n, f, u]);
-    const G = ue(
+    const X = ve(
       m,
       h,
-      l
-    ), Q = R(
-      (e) => m && fe(e, m) || h && me(e, h) ? !0 : Array.isArray(l) ? l.some(
+      c
+    ), Y = R(
+      (e) => m && ye(e, m) || h && be(e, h) ? !0 : Array.isArray(c) ? c.some(
         (t) => t.toDateString() === e.toDateString()
-      ) : typeof l == "function" ? l(e) : !1,
-      [m, h, l]
+      ) : typeof c == "function" ? c(e) : !1,
+      [m, h, c]
     ), o = R(
       (e) => {
-        N(e);
+        V(e);
       },
-      [N]
-    ), U = (e) => {
+      [V]
+    ), Z = (e) => {
       const t = e.target.value;
       if (D(t), t.length === 0) {
         g(!1), o(void 0);
         return;
       }
-      const d = xe(t, f, /* @__PURE__ */ new Date(), { locale: u });
-      De(d) && !Q(d) ? (g(!1), o(d), P(d)) : t.length === f.length && g(!0);
-    }, X = (e) => {
+      const l = Fe(t, f, /* @__PURE__ */ new Date(), { locale: u });
+      Ie(l) && !Y(l) ? (g(!1), o(l), P(l)) : t.length === f.length && g(!0);
+    }, $ = (e) => {
       e.key === "Enter" && i && (e.preventDefault(), s(!1)), e.key === "Escape" && i && (e.preventDefault(), s(!1)), e.key === "ArrowDown" && !i && (e.preventDefault(), s(!0));
-    }, Y = (e) => {
+    }, ee = (e) => {
       var t;
       e && (o(e), s(!1), (t = S.current) == null || t.focus());
-    }, Z = (e) => {
-      var d;
+    }, te = (e) => {
+      var l;
       const t = e.date();
-      o(t), P(t), s(!1), (d = S.current) == null || d.focus();
-    }, $ = (e) => n ? we(e.date(), n) : !1, ee = w("inputs.datePicker.gridLabel", "Calendar"), te = ne(
+      o(t), P(t), s(!1), (l = S.current) == null || l.focus();
+    }, ae = (e) => n ? Oe(e.date(), n) : !1, re = w("inputs.datePicker.gridLabel", "Calendar"), ne = le(
       () => ({
         getValue: () => n,
         setValue: (e) => o(e),
@@ -164,64 +166,66 @@ const Ie = {
       }),
       [n, o, i]
     ), A = K(null);
-    return se(L, () => A.current, []), ce(Ie, te, C), /* @__PURE__ */ r(k.Root, { open: i, onOpenChange: s, children: /* @__PURE__ */ v(
+    return de(W, () => A.current, []), me(Ae, ne, C), /* @__PURE__ */ r(b.Root, { open: i, onOpenChange: s, children: /* @__PURE__ */ v(
       "div",
       {
         ref: A,
-        className: B,
+        className: E,
         "data-component": "date-picker",
         "data-component-id": C,
         children: [
           /* @__PURE__ */ v("div", { className: "ds:relative", children: [
-            /* @__PURE__ */ r(k.Trigger, { asChild: !0, disabled: O, children: /* @__PURE__ */ r(
+            /* @__PURE__ */ r(b.Trigger, { asChild: !0, disabled: N, children: /* @__PURE__ */ r(
               "input",
               {
                 ref: S,
                 id: C,
                 type: "text",
                 role: "combobox",
-                value: J,
-                placeholder: H,
-                disabled: O,
+                value: Q,
+                placeholder: z,
+                disabled: N,
+                "aria-label": O ? void 0 : _,
+                "aria-labelledby": O ? void 0 : H,
                 "aria-describedby": p.describedBy || void 0,
-                "aria-invalid": p.invalid || V || void 0,
+                "aria-invalid": p.invalid || F || void 0,
                 "aria-required": p.required || void 0,
                 "aria-haspopup": "dialog",
                 "aria-expanded": i,
-                onChange: U,
-                onKeyDown: X,
+                onChange: Z,
+                onKeyDown: $,
                 onClick: () => !i && s(!0),
-                className: he({
+                className: ke({
                   size: x,
-                  tone: V ? "error" : _
+                  tone: F ? "error" : J
                 })
               }
             ) }),
-            /* @__PURE__ */ r("span", { "aria-hidden": "true", className: ge({ size: x }), children: /* @__PURE__ */ r(Pe, {}) })
+            /* @__PURE__ */ r("span", { "aria-hidden": "true", className: Ce({ size: x }), children: /* @__PURE__ */ r(Ne, {}) })
           ] }),
-          /* @__PURE__ */ r(k.Portal, { children: /* @__PURE__ */ r(
-            k.Content,
+          /* @__PURE__ */ r(b.Portal, { children: /* @__PURE__ */ r(
+            b.Content,
             {
               sideOffset: 4,
               align: "start",
-              className: Ce(),
+              className: we(),
               onOpenAutoFocus: (e) => {
                 e.preventDefault();
               },
               children: /* @__PURE__ */ v("div", { className: "ds:flex ds:gap-[var(--spacing-md)]", children: [
-                b && b.length > 0 ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-[8rem] ds:border-e ds:border-border ds:pe-[var(--spacing-md)]", children: b.map((e) => {
-                  const t = $(e);
+                k && k.length > 0 ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-[8rem] ds:border-e ds:border-border ds:pe-[var(--spacing-md)]", children: k.map((e) => {
+                  const t = ae(e);
                   return /* @__PURE__ */ v(
                     "button",
                     {
                       type: "button",
                       "aria-pressed": t,
-                      onClick: () => Z(e),
-                      className: ve({ active: t }),
+                      onClick: () => te(e),
+                      className: De({ active: t }),
                       children: [
                         /* @__PURE__ */ r("span", { className: "ds:min-w-0 ds:truncate", children: e.label }),
                         t ? /* @__PURE__ */ r(
-                          Se,
+                          Ve,
                           {
                             "aria-hidden": "true",
                             className: "ds:size-4 ds:shrink-0 ds:text-primary"
@@ -232,21 +236,21 @@ const Ie = {
                     e.label
                   );
                 }) }) : null,
-                /* @__PURE__ */ r("div", { role: "region", "aria-label": ee, children: /* @__PURE__ */ r(
-                  ye,
+                /* @__PURE__ */ r("div", { role: "region", "aria-label": re, children: /* @__PURE__ */ r(
+                  Pe,
                   {
                     mode: "single",
                     selected: n,
-                    onSelect: Y,
-                    month: z,
+                    onSelect: ee,
+                    month: U,
                     onMonthChange: P,
-                    disabled: G,
-                    weekStartsOn: M,
+                    disabled: X,
+                    weekStartsOn: j,
                     locale: u,
                     showOutsideDays: !0,
                     fixedWeeks: !0,
-                    classNames: be,
-                    components: { Chevron: ke }
+                    classNames: xe,
+                    components: { Chevron: Se }
                   }
                 ) })
               ] })
@@ -257,9 +261,9 @@ const Ie = {
     ) });
   }
 );
-Oe.displayName = "DatePicker";
+Ke.displayName = "DatePicker";
 export {
-  Oe as D,
-  Ie as d
+  Ke as D,
+  Ae as d
 };
-//# sourceMappingURL=date-picker-BP_W6VtE.js.map
+//# sourceMappingURL=date-picker-Bp64zk2p.js.map