@alfadocs/ui-kit 1.51.0 → 1.53.0

package/dist/_chunks/{data-table-tabs-Dd_O1nPY.js → data-table-tabs-Dc6zvoI_.js}

@@ -4,8 +4,8 @@ import * as ce from "@radix-ui/react-tabs";
 import { a as ne, c as ke } from "./index-D2ZczOXr.js";
 import { useTranslation as Ae } from "react-i18next";
 import { I as le } from "./icon-button-JAXAkqWC.js";
-import { P as ue } from "./popover-SASSeAdY.js";
-import { T as ze } from "./text-input-CUvCb6ST.js";
+import { P as ue } from "./popover-CGYPYIVi.js";
+import { T as ze } from "./text-input-CLaItY93.js";
 import { u as Ke } from "./use-direction-Dp8h70PP.js";
 import { u as Me } from "./registry-DvAUVLHh.js";
 import { u as Ie } from "./use-controllable-state-BiY4xTzM.js";
@@ -164,7 +164,7 @@ function Ve(n) {
     maxTabs: V = 8,
     createTab: C,
     makeTabId: _ = Oe
-  } = n, { t: $ } = Ae(), U = v !== void 0, G = de(() => A && A.length > 0 ? A : [
+  } = n, { t: $ } = Ae("ui"), U = v !== void 0, G = de(() => A && A.length > 0 ? A : [
     {
       id: "default",
       label: $("dataTableTabs.newTabName", { number: 1 }),
@@ -436,7 +436,7 @@ const He = De(function({
   "aria-label": W,
   children: Y
 }, S) {
-  const { t: o } = Ae(), Z = T(null), D = Ke(Z), H = Ge(), m = Fe(), f = `${m}-panel`, M = `${m}-hint`, {
+  const { t: o } = Ae("ui"), Z = T(null), D = Ke(Z), H = Ge(), m = Fe(), f = `${m}-panel`, M = `${m}-hint`, {
     tabs: b,
     activeTabId: x,
     selectTab: y,
@@ -725,4 +725,4 @@ export {
   $e as b,
   Le as d
 };
-//# sourceMappingURL=data-table-tabs-Dd_O1nPY.js.map
+//# sourceMappingURL=data-table-tabs-Dc6zvoI_.js.map

package/dist/_chunks/{date-picker-6tFnKFty.js → date-picker-p9yz3pxc.js}

@@ -1,16 +1,17 @@
 import { jsx as r, jsxs as v } from "react/jsx-runtime";
-import { forwardRef as ie, useContext as oe, useState as y, useRef as K, useEffect as de, useCallback as R, useMemo as le, useImperativeHandle as ce } from "react";
-import { useTranslation as pe } from "react-i18next";
-import * as k from "@radix-ui/react-popover";
-import { u as ue } from "./use-controllable-state-BiY4xTzM.js";
-import { u as fe, F as me } from "./form-field-context-B3APVHKx.js";
-import { u as he } from "./registry-DvAUVLHh.js";
-import { u as ge, g as ve, b as ye, i as ke, c as be, t as Ce, d as De, p as xe, D as Pe, C as Se, e as we, f as Ie } from "./date-picker-variants-B9NLAfUK.js";
-import { f as T, i as Oe, b as Ne } from "./format-4HNwNGrN.js";
-import { C as Ve } from "./calendar-days-BGWklvE-.js";
-import { C as Fe } from "./check-DrFSN__t.js";
-import { p as Ae } from "./parse-DPqj4JtD.js";
-const Ke = {
+import { forwardRef as oe, useContext as le, useState as y, useRef as K, useEffect as de, useCallback as R, useMemo as ce, useImperativeHandle as pe } from "react";
+import { useTranslation as ue } from "react-i18next";
+import * as b from "@radix-ui/react-popover";
+import { S as fe } from "./spinner-DxjSZLD-.js";
+import { u as me, b as he, g as ge, c as ve, i as ye, d as be, t as ke, e as Ce, p as De, D as Se, C as Pe, f as xe, h as we } from "./date-picker-variants-B3AFKDSu.js";
+import { u as Ie } from "./use-controllable-state-BiY4xTzM.js";
+import { u as Oe, F as Ne } from "./form-field-context-B3APVHKx.js";
+import { u as Ve } from "./registry-DvAUVLHh.js";
+import { f as T, i as Fe, b as Ae } from "./format-D-1gTdHF.js";
+import { C as Ke } from "./calendar-days-BGWklvE-.js";
+import { C as Re } from "./check-DrFSN__t.js";
+import { p as Te } from "./parse-DeDYl04y.js";
+const Me = {
   id: "date-picker",
   // Persisted single date (value state + set_date) → select_single + set_value,
   // plus open/close of the calendar popover.
@@ -21,8 +22,8 @@ const Ke = {
       descriptionKey: "ui.agent.datePicker.state.value",
       description: "Currently-selected ISO date, or null.",
       read: (a) => {
-        var l;
-        return ((l = a.getValue()) == null ? void 0 : l.toISOString()) ?? null;
+        var d;
+        return ((d = a.getValue()) == null ? void 0 : d.toISOString()) ?? null;
       }
     },
     isOpen: {
@@ -51,8 +52,8 @@ const Ke = {
       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, l) => {
-        a.setValue(new Date(l.date));
+      invoke: (a, d) => {
+        a.setValue(new Date(d.date));
       }
     },
     clear: {
@@ -96,41 +97,41 @@ const Ke = {
       description: "Sourced from the id prop."
     }
   }
-}, Re = ie(
+}, Le = oe(
   ({
     value: a,
-    defaultValue: l,
+    defaultValue: d,
     onChange: M,
     minDate: m,
     maxDate: h,
     disabledDates: c,
-    weekStartsOn: j,
-    presets: b,
-    size: S = "md",
-    chrome: q = "input",
-    disabled: B,
-    placeholder: E,
-    className: L,
+    weekStartsOn: L,
+    presets: k,
+    size: w = "md",
+    chrome: j = "input",
+    disabled: q,
+    placeholder: B,
+    className: E,
     id: _,
     "aria-label": H,
     "aria-labelledby": W
   }, J) => {
-    const { t: w, i18n: I } = pe(), p = fe(), O = oe(me) !== null, C = _ ?? p.id, N = p.disabled || B, z = p.invalid ? "error" : "default", u = ge(I.language), f = ve(I.language), G = E ?? w("inputs.datePicker.placeholder", "Select date"), [Q, V] = ue({
+    const { t: I, i18n: C } = ue("ui"), p = Oe(), O = le(Ne) !== null, D = _ ?? p.id, N = p.disabled || q, z = p.invalid ? "error" : "default", u = me(C.language), G = he(), f = ge(C.language), Q = B ?? I("inputs.datePicker.placeholder", "Select date"), [U, V] = Ie({
       value: a,
-      defaultValue: l,
+      defaultValue: d,
       onChange: M
-    }), n = Q, [i, s] = y(!1), [U, D] = y(
+    }), n = U, [i, s] = y(!1), [X, S] = y(
       n ? T(n, f, { locale: u }) : ""
-    ), [F, g] = y(!1), [X, x] = y(n ?? /* @__PURE__ */ new Date()), P = K(null);
+    ), [F, g] = y(!1), [Y, P] = y(n ?? /* @__PURE__ */ new Date()), x = K(null);
     de(() => {
-      n ? (D(T(n, f, { locale: u })), g(!1)) : D("");
+      n ? (S(T(n, f, { locale: u })), g(!1)) : S("");
     }, [n, f, u]);
-    const Y = ye(
+    const Z = ve(
       m,
       h,
       c
-    ), Z = R(
-      (e) => m && ke(e, m) || h && be(e, h) ? !0 : Array.isArray(c) ? c.some(
+    ), $ = R(
+      (e) => m && ye(e, m) || h && be(e, h) ? !0 : Array.isArray(c) ? c.some(
         (t) => t.toDateString() === e.toDateString()
       ) : typeof c == "function" ? c(e) : !1,
       [m, h, c]
@@ -139,24 +140,24 @@ const Ke = {
         V(e);
       },
       [V]
-    ), $ = (e) => {
+    ), ee = (e) => {
       const t = e.target.value;
-      if (D(t), t.length === 0) {
+      if (S(t), t.length === 0) {
         g(!1), o(void 0);
         return;
       }
-      const d = Ae(t, f, /* @__PURE__ */ new Date(), { locale: u });
-      Oe(d) && !Z(d) ? (g(!1), o(d), x(d)) : t.length === f.length && g(!0);
-    }, ee = (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));
+      const l = Te(t, f, /* @__PURE__ */ new Date(), { locale: u });
+      Fe(l) && !$(l) ? (g(!1), o(l), P(l)) : t.length === f.length && g(!0);
     }, te = (e) => {
-      var t;
-      e && (o(e), s(!1), (t = P.current) == null || t.focus());
+      e.key === "Enter" && i && (e.preventDefault(), s(!1)), e.key === "Escape" && i && (e.preventDefault(), s(!1)), e.key === "ArrowDown" && !i && (e.preventDefault(), s(!0));
     }, ae = (e) => {
-      var d;
+      var t;
+      e && (o(e), s(!1), (t = x.current) == null || t.focus());
+    }, re = (e) => {
+      var l;
       const t = e.date();
-      o(t), x(t), s(!1), (d = P.current) == null || d.focus();
-    }, re = (e) => n ? Ne(e.date(), n) : !1, ne = w("inputs.datePicker.gridLabel", "Calendar"), se = le(
+      o(t), P(t), s(!1), (l = x.current) == null || l.focus();
+    }, ne = (e) => n ? Ae(e.date(), n) : !1, se = I("inputs.datePicker.gridLabel", "Calendar"), ie = ce(
       () => ({
         getValue: () => n,
         setValue: (e) => o(e),
@@ -167,24 +168,24 @@ const Ke = {
       }),
       [n, o, i]
     ), A = K(null);
-    return ce(J, () => A.current, []), he(Ke, se, C), /* @__PURE__ */ r(k.Root, { open: i, onOpenChange: s, children: /* @__PURE__ */ v(
+    return pe(J, () => A.current, []), Ve(Me, ie, D), /* @__PURE__ */ r(b.Root, { open: i, onOpenChange: s, children: /* @__PURE__ */ v(
       "div",
       {
         ref: A,
-        className: L,
+        className: E,
         "data-component": "date-picker",
-        "data-component-id": C,
+        "data-component-id": D,
         children: [
           /* @__PURE__ */ v("div", { className: "ds:relative", children: [
-            /* @__PURE__ */ r(k.Trigger, { asChild: !0, disabled: N, children: /* @__PURE__ */ r(
+            /* @__PURE__ */ r(b.Trigger, { asChild: !0, disabled: N, children: /* @__PURE__ */ r(
               "input",
               {
-                ref: P,
-                id: C,
+                ref: x,
+                id: D,
                 type: "text",
                 role: "combobox",
-                value: U,
-                placeholder: G,
+                value: X,
+                placeholder: Q,
                 disabled: N,
                 "aria-label": O ? void 0 : H,
                 "aria-labelledby": O ? void 0 : W,
@@ -193,42 +194,42 @@ const Ke = {
                 "aria-required": p.required || void 0,
                 "aria-haspopup": "dialog",
                 "aria-expanded": i,
-                onChange: $,
-                onKeyDown: ee,
+                onChange: ee,
+                onKeyDown: te,
                 onClick: () => !i && s(!0),
-                className: Ce({
-                  size: S,
+                className: ke({
+                  size: w,
                   tone: F ? "error" : z,
-                  chrome: q
+                  chrome: j
                 })
               }
             ) }),
-            /* @__PURE__ */ r("span", { "aria-hidden": "true", className: De({ size: S }), children: /* @__PURE__ */ r(Ve, {}) })
+            /* @__PURE__ */ r("span", { "aria-hidden": "true", className: Ce({ size: w }), children: /* @__PURE__ */ r(Ke, {}) })
           ] }),
-          /* @__PURE__ */ r(k.Portal, { children: /* @__PURE__ */ r(
-            k.Content,
+          /* @__PURE__ */ r(b.Portal, { children: /* @__PURE__ */ r(
+            b.Content,
             {
               sideOffset: 4,
               align: "start",
               "data-component": "date-picker-content",
-              className: Ie(),
+              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 = re(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 = ne(e);
                   return /* @__PURE__ */ v(
                     "button",
                     {
                       type: "button",
                       "aria-pressed": t,
-                      onClick: () => ae(e),
-                      className: xe({ active: t }),
+                      onClick: () => re(e),
+                      className: De({ active: t }),
                       children: [
                         /* @__PURE__ */ r("span", { className: "ds:min-w-0 ds:truncate", children: e.label }),
                         t ? /* @__PURE__ */ r(
-                          Fe,
+                          Re,
                           {
                             "aria-hidden": "true",
                             className: "ds:size-4 ds:shrink-0 ds:text-primary"
@@ -239,23 +240,25 @@ const Ke = {
                     e.label
                   );
                 }) }) : null,
-                /* @__PURE__ */ r("div", { role: "region", "aria-label": ne, children: /* @__PURE__ */ r(
-                  Pe,
+                /* @__PURE__ */ r("div", { role: "region", "aria-label": se, children: u ? /* @__PURE__ */ r(
+                  Se,
                   {
                     mode: "single",
                     selected: n,
-                    onSelect: te,
-                    month: X,
-                    onMonthChange: x,
-                    disabled: Y,
-                    weekStartsOn: j,
+                    onSelect: ae,
+                    month: Y,
+                    onMonthChange: P,
+                    disabled: Z,
+                    weekStartsOn: L,
                     locale: u,
+                    labels: G,
+                    dir: C.dir(),
                     showOutsideDays: !0,
                     fixedWeeks: !0,
-                    classNames: we,
-                    components: { Chevron: Se }
+                    classNames: xe,
+                    components: { Chevron: Pe }
                   }
-                ) })
+                ) : /* @__PURE__ */ r(fe, {}) })
               ] })
             }
           ) })
@@ -264,9 +267,9 @@ const Ke = {
     ) });
   }
 );
-Re.displayName = "DatePicker";
+Le.displayName = "DatePicker";
 export {
-  Re as D,
-  Ke as d
+  Le as D,
+  Me as d
 };
-//# sourceMappingURL=date-picker-6tFnKFty.js.map
+//# sourceMappingURL=date-picker-p9yz3pxc.js.map