@alfadocs/ui-kit 1.56.0 → 1.57.0

package/dist/_chunks/{data-table-tabs-Xhg5G0gU.js → data-table-tabs-CHYAAeHy.js}

@@ -4,7 +4,7 @@ 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-COX76Jdj.js";
-import { P as ue } from "./popover-BI3oV3eY.js";
+import { P as ue } from "./popover-BG75rYjN.js";
 import { T as ze } from "./text-input-CaG9ApoE.js";
 import { u as Ke } from "./use-direction-Dp8h70PP.js";
 import { u as Me } from "./registry-DvAUVLHh.js";
@@ -725,4 +725,4 @@ export {
   $e as b,
   Le as d
 };
-//# sourceMappingURL=data-table-tabs-Xhg5G0gU.js.map
+//# sourceMappingURL=data-table-tabs-CHYAAeHy.js.map

package/dist/_chunks/{date-picker-wRAcq2lt.js → date-picker-BSZuKo13.js}

@@ -1,18 +1,19 @@
 import { jsx as r, jsxs as y } from "react/jsx-runtime";
-import { forwardRef as oe, useContext as le, useState as b, 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 { forwardRef as le, useContext as de, useState as b, useRef as A, useEffect as ce, useCallback as K, useMemo as pe, useImperativeHandle as ue } from "react";
+import { useTranslation as fe } from "react-i18next";
 import * as k from "@radix-ui/react-popover";
-import { S as fe } from "./spinner-CoflYlEx.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 Ie } from "./date-picker-variants-BnF-sHzq.js";
-import { u as we } from "./use-controllable-state-BiY4xTzM.js";
-import { u as Oe, F as Fe, a as Ve } from "./form-field-context-DtiROUJV.js";
-import { u as Ne } from "./use-dom-value-DTxHhQAN.js";
-import { u as Ae } from "./registry-DvAUVLHh.js";
-import { f as T, i as Ke, b as Re } from "./format-D-1gTdHF.js";
-import { C as Te } from "./calendar-days-BGWklvE-.js";
-import { C as Me } from "./check-DrFSN__t.js";
-import { p as Le } from "./parse-jZ-i8Xgj.js";
-const je = {
+import { u as me, f as ge } from "./non-modal-tab-exit-j3CPOuE3.js";
+import { S as he } from "./spinner-CoflYlEx.js";
+import { u as ve, b as ye, g as be, c as ke, i as Ce, d as De, t as xe, e as Pe, p as Se, D as we, C as Ie, f as Oe, h as Fe } from "./date-picker-variants-BnF-sHzq.js";
+import { u as Ne } from "./use-controllable-state-BiY4xTzM.js";
+import { u as Ve, F as Te, a as Ae } from "./form-field-context-DtiROUJV.js";
+import { u as Ke } from "./use-dom-value-DTxHhQAN.js";
+import { u as Re } from "./registry-DvAUVLHh.js";
+import { f as R, i as Me, b as Le } from "./format-D-1gTdHF.js";
+import { C as Ee } from "./calendar-days-BGWklvE-.js";
+import { C as je } from "./check-DrFSN__t.js";
+import { p as qe } from "./parse-jZ-i8Xgj.js";
+const Be = {
   id: "date-picker",
   // Persisted single date (value state + set_date) → select_single + set_value,
   // plus open/close of the calendar popover.
@@ -98,57 +99,57 @@ const je = {
       description: "Sourced from the id prop."
     }
   }
-}, qe = oe(
+}, _e = le(
   ({
     value: a,
     defaultValue: d,
     onChange: M,
     minDate: m,
-    maxDate: h,
+    maxDate: g,
     disabledDates: c,
     weekStartsOn: L,
     presets: C,
-    size: I = "md",
-    chrome: j = "input",
-    disabled: q,
-    placeholder: B,
-    className: E,
+    size: w = "md",
+    chrome: E = "input",
+    disabled: j,
+    placeholder: q,
+    className: B,
     id: _,
     "aria-label": H,
     "aria-labelledby": W
   }, J) => {
-    const { t: w, i18n: D } = ue("ui"), p = Oe(), O = le(Fe) !== null, S = Ve(p, _), F = p.disabled || q, z = p.invalid ? "error" : "default", u = me(D.language), G = he(), f = ge(D.language), Q = B ?? w("inputs.datePicker.placeholder", "Select date"), [U, V] = we({
+    const { t: I, i18n: D } = fe("ui"), p = Ve(), O = de(Te) !== null, x = Ae(p, _), F = p.disabled || j, z = p.invalid ? "error" : "default", u = ve(D.language), G = ye(), f = be(D.language), Q = q ?? I("inputs.datePicker.placeholder", "Select date"), [U, N] = Ne({
       value: a,
       defaultValue: d,
       onChange: M
     }), n = U, [i, s] = b(!1), [X, P] = b(
-      n ? T(n, f, { locale: u }) : ""
-    ), [N, g] = b(!1), [Y, x] = b(n ?? /* @__PURE__ */ new Date()), v = K(null);
-    Ne(v, X), de(() => {
-      n ? (P(T(n, f, { locale: u })), g(!1)) : P("");
+      n ? R(n, f, { locale: u }) : ""
+    ), [V, h] = b(!1), [Y, S] = b(n ?? /* @__PURE__ */ new Date()), v = A(null);
+    Ke(v, X), ce(() => {
+      n ? (P(R(n, f, { locale: u })), h(!1)) : P("");
     }, [n, f, u]);
-    const Z = ve(
+    const Z = ke(
       m,
-      h,
+      g,
       c
-    ), $ = R(
-      (e) => m && ye(e, m) || h && be(e, h) ? !0 : Array.isArray(c) ? c.some(
+    ), $ = K(
+      (e) => m && Ce(e, m) || g && De(e, g) ? !0 : Array.isArray(c) ? c.some(
         (t) => t.toDateString() === e.toDateString()
       ) : typeof c == "function" ? c(e) : !1,
-      [m, h, c]
-    ), o = R(
+      [m, g, c]
+    ), o = K(
       (e) => {
-        V(e);
+        N(e);
       },
-      [V]
+      [N]
     ), ee = (e) => {
       const t = e.target.value;
       if (P(t), t.length === 0) {
-        g(!1), o(void 0);
+        h(!1), o(void 0);
         return;
       }
-      const l = Le(t, f, /* @__PURE__ */ new Date(), { locale: u });
-      Ke(l) && !$(l) ? (g(!1), o(l), x(l)) : t.length === f.length && g(!0);
+      const l = qe(t, f, /* @__PURE__ */ new Date(), { locale: u });
+      Me(l) && !$(l) ? (h(!1), o(l), S(l)) : t.length === f.length && h(!0);
     }, te = (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));
     }, ae = (e) => {
@@ -157,8 +158,8 @@ const je = {
     }, re = (e) => {
       var l;
       const t = e.date();
-      o(t), x(t), s(!1), (l = v.current) == null || l.focus();
-    }, ne = (e) => n ? Re(e.date(), n) : !1, se = w("inputs.datePicker.gridLabel", "Calendar"), ie = ce(
+      o(t), S(t), s(!1), (l = v.current) == null || l.focus();
+    }, ne = (e) => n ? Le(e.date(), n) : !1, se = I("inputs.datePicker.gridLabel", "Calendar"), ie = pe(
       () => ({
         getValue: () => n,
         setValue: (e) => o(e),
@@ -168,21 +169,26 @@ const je = {
         close: () => s(!1)
       }),
       [n, o, i]
-    ), A = K(null);
-    return pe(J, () => A.current, []), Ae(je, ie, S), /* @__PURE__ */ r(k.Root, { open: i, onOpenChange: s, children: /* @__PURE__ */ y(
+    ), T = A(null);
+    ue(J, () => T.current, []), Re(Be, ie, x);
+    const oe = me(!0, {
+      getAnchor: ge,
+      onReturnToTrigger: () => s(!1)
+    });
+    return /* @__PURE__ */ r(k.Root, { open: i, onOpenChange: s, children: /* @__PURE__ */ y(
       "div",
       {
-        ref: A,
-        className: E,
+        ref: T,
+        className: B,
         "data-component": "date-picker",
-        "data-component-id": S,
+        "data-component-id": x,
         children: [
           /* @__PURE__ */ y("div", { className: "ds:relative", children: [
             /* @__PURE__ */ r(k.Trigger, { asChild: !0, disabled: F, children: /* @__PURE__ */ r(
               "input",
               {
                 ref: v,
-                id: S,
+                id: x,
                 type: "text",
                 role: "combobox",
                 placeholder: Q,
@@ -190,29 +196,30 @@ const je = {
                 "aria-label": O ? void 0 : H,
                 "aria-labelledby": O ? void 0 : W,
                 "aria-describedby": p.describedBy || void 0,
-                "aria-invalid": p.invalid || N || void 0,
+                "aria-invalid": p.invalid || V || void 0,
                 "aria-required": p.required || void 0,
                 "aria-haspopup": "dialog",
                 "aria-expanded": i,
                 onChange: ee,
                 onKeyDown: te,
                 onClick: () => !i && s(!0),
-                className: ke({
-                  size: I,
-                  tone: N ? "error" : z,
-                  chrome: j
+                className: xe({
+                  size: w,
+                  tone: V ? "error" : z,
+                  chrome: E
                 })
               }
             ) }),
-            /* @__PURE__ */ r("span", { "aria-hidden": "true", className: Ce({ size: I }), children: /* @__PURE__ */ r(Te, {}) })
+            /* @__PURE__ */ r("span", { "aria-hidden": "true", className: Pe({ size: w }), children: /* @__PURE__ */ r(Ee, {}) })
           ] }),
           /* @__PURE__ */ r(k.Portal, { children: /* @__PURE__ */ r(
             k.Content,
             {
               sideOffset: 4,
               align: "start",
+              onKeyDown: oe,
               "data-component": "date-picker-content",
-              className: Ie(),
+              className: Fe(),
               onOpenAutoFocus: (e) => {
                 e.preventDefault();
               },
@@ -225,11 +232,11 @@ const je = {
                       type: "button",
                       "aria-pressed": t,
                       onClick: () => re(e),
-                      className: De({ active: t }),
+                      className: Se({ active: t }),
                       children: [
                         /* @__PURE__ */ r("span", { className: "ds:min-w-0 ds:truncate", children: e.label }),
                         t ? /* @__PURE__ */ r(
-                          Me,
+                          je,
                           {
                             "aria-hidden": "true",
                             className: "ds:size-4 ds:shrink-0 ds:text-primary"
@@ -241,13 +248,13 @@ const je = {
                   );
                 }) }) : null,
                 /* @__PURE__ */ r("div", { role: "region", "aria-label": se, children: u ? /* @__PURE__ */ r(
-                  Se,
+                  we,
                   {
                     mode: "single",
                     selected: n,
                     onSelect: ae,
                     month: Y,
-                    onMonthChange: x,
+                    onMonthChange: S,
                     disabled: Z,
                     weekStartsOn: L,
                     locale: u,
@@ -255,10 +262,10 @@ const je = {
                     dir: D.dir(),
                     showOutsideDays: !0,
                     fixedWeeks: !0,
-                    classNames: xe,
-                    components: { Chevron: Pe }
+                    classNames: Oe,
+                    components: { Chevron: Ie }
                   }
-                ) : /* @__PURE__ */ r(fe, {}) })
+                ) : /* @__PURE__ */ r(he, {}) })
               ] })
             }
           ) })
@@ -267,9 +274,9 @@ const je = {
     ) });
   }
 );
-qe.displayName = "DatePicker";
+_e.displayName = "DatePicker";
 export {
-  qe as D,
-  je as d
+  _e as D,
+  Be as d
 };
-//# sourceMappingURL=date-picker-wRAcq2lt.js.map
+//# sourceMappingURL=date-picker-BSZuKo13.js.map