@alfadocs/ui-kit 1.55.0 → 1.57.0

package/dist/_chunks/{date-time-picker-CLeLKuv9.js → date-time-picker-CjxTkblD.js}

@@ -1,26 +1,27 @@
-import { jsx as s, jsxs as k } from "react/jsx-runtime";
-import { forwardRef as oe, useState as C, useRef as de, useCallback as H, useMemo as le, useImperativeHandle as ce } from "react";
-import { c as ue } from "./index-D2ZczOXr.js";
-import { useTranslation as me } from "react-i18next";
-import * as D from "@radix-ui/react-popover";
-import { S as pe } from "./spinner-CoflYlEx.js";
-import { u as fe, b as ge, c as he, i as ve, d as be, e as ye, t as Te, D as ke, C as Ce, f as De, h as we } from "./date-picker-variants-BnF-sHzq.js";
-import { u as Pe } from "./use-controllable-state-BiY4xTzM.js";
-import { u as xe, a as Se } from "./form-field-context-DtiROUJV.js";
-import { T as Oe } from "./time-picker-DVfyAR81.js";
-import { f as Ne } from "./intl-locale-ySteXlDD.js";
-import { u as Ie } from "./registry-DvAUVLHh.js";
-import { C as Le } from "./calendar-days-BGWklvE-.js";
-import { t as A } from "./format-D-1gTdHF.js";
-function K(e, t, r) {
-  const i = A(e, r == null ? void 0 : r.in);
+import { jsx as r, jsxs as k } from "react/jsx-runtime";
+import { forwardRef as de, useState as D, useRef as le, useCallback as A, useMemo as ce, useImperativeHandle as ue } from "react";
+import { c as me } from "./index-D2ZczOXr.js";
+import { useTranslation as pe } from "react-i18next";
+import * as w from "@radix-ui/react-popover";
+import { u as fe, f as ge } from "./non-modal-tab-exit-j3CPOuE3.js";
+import { S as he } from "./spinner-CoflYlEx.js";
+import { u as ve, b as be, c as ye, i as Te, d as ke, e as De, t as we, D as Ce, C as Pe, f as xe, h as Se } from "./date-picker-variants-BnF-sHzq.js";
+import { u as Oe } from "./use-controllable-state-BiY4xTzM.js";
+import { u as Ne, a as Ie } from "./form-field-context-DtiROUJV.js";
+import { T as Le } from "./time-picker-DVfyAR81.js";
+import { f as Re } from "./intl-locale-ySteXlDD.js";
+import { u as Ve } from "./registry-DvAUVLHh.js";
+import { C as Me } from "./calendar-days-BGWklvE-.js";
+import { t as _ } from "./format-D-1gTdHF.js";
+function H(e, t, s) {
+  const i = _(e, s == null ? void 0 : s.in);
   return i.setHours(t), i;
 }
-function Z(e, t, r) {
-  const i = A(e, r == null ? void 0 : r.in);
+function Z(e, t, s) {
+  const i = _(e, s == null ? void 0 : s.in);
   return i.setMinutes(t), i;
 }
-const Ve = {
+const Fe = {
   id: "date-time-picker",
   // Persisted single datetime (value state + set_datetime) → select_single +
   // set_value, plus open/close of the combined popover.
@@ -112,18 +113,18 @@ const Ve = {
     }
   }
 };
-function Re(e, t) {
-  var r;
+function Ke(e, t) {
+  var s;
   try {
     const i = { timeZoneName: "short" };
-    return t && t !== "local" && (i.timeZone = t === "utc" ? "UTC" : t), ((r = new Intl.DateTimeFormat(e, i).formatToParts(
+    return t && t !== "local" && (i.timeZone = t === "utc" ? "UTC" : t), ((s = new Intl.DateTimeFormat(e, i).formatToParts(
       /* @__PURE__ */ new Date()
-    ).find((d) => d.type === "timeZoneName")) == null ? void 0 : r.value) ?? "";
+    ).find((d) => d.type === "timeZoneName")) == null ? void 0 : s.value) ?? "";
   } catch {
     return "";
   }
 }
-function Me(e) {
+function Ae(e) {
   if (!e || e === "local") return !1;
   try {
     const t = Intl.DateTimeFormat().resolvedOptions().timeZone;
@@ -132,7 +133,7 @@ function Me(e) {
     return !1;
   }
 }
-const Fe = ue(
+const He = me(
   [
     "ds:w-full ds:rounded-[var(--radius-sm)]",
     "ds:bg-primary ds:text-primary-foreground",
@@ -152,51 +153,51 @@ const Fe = ue(
     },
     defaultVariants: { size: "md" }
   }
-), He = oe(
+), Ze = de(
   ({
     value: e,
     defaultValue: t,
-    onChange: r,
+    onChange: s,
     timezone: i,
-    showTimezone: w,
+    showTimezone: C,
     minDate: d,
     maxDate: p,
-    hour12: _,
-    minuteStep: j = 1,
+    hour12: j,
+    minuteStep: B = 1,
     size: f = "md",
-    disabled: B,
+    disabled: E,
     placeholder: U,
     className: z,
-    id: E
-  }, W) => {
-    const { t: l, i18n: g } = me("ui"), c = xe(), h = Se(c, E), N = c.disabled || B, q = c.invalid ? "error" : "default", I = fe(g.language), J = ge(), $ = U ?? l("inputs.dateTimePicker.placeholder", "Select date and time"), G = l("inputs.dateTimePicker.apply", "Apply"), Q = l(
+    id: W
+  }, q) => {
+    const { t: l, i18n: g } = pe("ui"), c = Ne(), h = Ie(c, W), N = c.disabled || E, J = c.invalid ? "error" : "default", I = ve(g.language), $ = be(), G = U ?? l("inputs.dateTimePicker.placeholder", "Select date and time"), Q = l("inputs.dateTimePicker.apply", "Apply"), X = l(
       "inputs.dateTimePicker.outOfRange",
       "Date/time is out of allowed range"
-    ), L = (w !== void 0 ? w : Me(i)) ? Re(g.language, i) : "", [X, V] = Pe({
+    ), L = (C !== void 0 ? C : Ae(i)) ? Ke(g.language, i) : "", [Y, R] = Oe({
       value: e,
       defaultValue: t,
-      onChange: r
-    }), n = X, [o, v] = C(n), [b, y] = C(!1), [Y, P] = C(n ?? /* @__PURE__ */ new Date()), [R, u] = C(!1), M = de(null), T = H(
+      onChange: s
+    }), n = Y, [o, v] = D(n), [b, y] = D(!1), [ee, P] = D(n ?? /* @__PURE__ */ new Date()), [V, u] = D(!1), M = le(null), T = A(
       (a) => {
-        V(a);
+        R(a);
       },
-      [V]
-    ), ee = he(d, p), x = H(
-      (a) => !(d && ve(a, d) || p && be(a, p)),
+      [R]
+    ), te = ye(d, p), x = A(
+      (a) => !(d && Te(a, d) || p && ke(a, p)),
       [d, p]
-    ), te = (a) => {
+    ), F = (a) => {
       a && (v(n ?? /* @__PURE__ */ new Date()), P(n ?? /* @__PURE__ */ new Date()), u(!1)), y(a);
     }, ae = (a) => {
       if (!a) return;
       const O = o ?? /* @__PURE__ */ new Date(), m = Z(
-        K(a, O.getHours()),
+        H(a, O.getHours()),
         O.getMinutes()
       );
       v(m), u(!x(m));
-    }, se = (a) => {
-      const m = Z(K(o ?? /* @__PURE__ */ new Date(), a.hours), a.minutes);
+    }, re = (a) => {
+      const m = Z(H(o ?? /* @__PURE__ */ new Date(), a.hours), a.minutes);
       v(m), u(!x(m));
-    }, re = () => {
+    }, se = () => {
       var a;
       if (o) {
         if (!x(o)) {
@@ -205,12 +206,12 @@ const Fe = ue(
         }
         T(o), y(!1), (a = M.current) == null || a.focus();
       }
-    }, F = n ? new Intl.DateTimeFormat(Ne(g.language), {
+    }, K = n ? new Intl.DateTimeFormat(Re(g.language), {
       calendar: "gregory",
       dateStyle: "medium",
       timeStyle: "short",
       hourCycle: "h23"
-    }).format(n) : "", ie = l("inputs.datePicker.gridLabel", "Calendar"), ne = l("inputs.timePicker.groupLabel", "Time"), S = le(
+    }).format(n) : "", ie = l("inputs.datePicker.gridLabel", "Calendar"), ne = l("inputs.timePicker.groupLabel", "Time"), S = ce(
       () => ({
         getValue: () => n,
         setValue: (a) => T(a),
@@ -224,14 +225,19 @@ const Fe = ue(
       }),
       [n, T, b]
     );
-    return ce(W, () => S, [S]), Ie(Ve, S, h), /* @__PURE__ */ s(D.Root, { open: b, onOpenChange: te, children: /* @__PURE__ */ k(
+    ue(q, () => S, [S]), Ve(Fe, S, h);
+    const oe = fe(!0, {
+      getAnchor: ge,
+      onReturnToTrigger: () => F(!1)
+    });
+    return /* @__PURE__ */ r(w.Root, { open: b, onOpenChange: F, children: /* @__PURE__ */ k(
       "div",
       {
         className: z,
         "data-component": "date-time-picker",
         "data-component-id": h,
         children: [
-          /* @__PURE__ */ s(D.Trigger, { asChild: !0, disabled: N, children: /* @__PURE__ */ k(
+          /* @__PURE__ */ r(w.Trigger, { asChild: !0, disabled: N, children: /* @__PURE__ */ k(
             "button",
             {
               ref: M,
@@ -242,51 +248,52 @@ const Fe = ue(
               "aria-invalid": c.invalid || void 0,
               "aria-haspopup": "dialog",
               "aria-expanded": b,
-              className: Te({ size: f, tone: q }),
+              className: we({ size: f, tone: J }),
               children: [
-                /* @__PURE__ */ s(
+                /* @__PURE__ */ r(
                   "span",
                   {
-                    className: F ? "ds:text-foreground" : "ds:text-muted-foreground",
-                    children: F || $
+                    className: K ? "ds:text-foreground" : "ds:text-muted-foreground",
+                    children: K || G
                   }
                 ),
-                /* @__PURE__ */ s(
+                /* @__PURE__ */ r(
                   "span",
                   {
                     "aria-hidden": "true",
-                    className: ye({ size: f }),
-                    children: /* @__PURE__ */ s(Le, {})
+                    className: De({ size: f }),
+                    children: /* @__PURE__ */ r(Me, {})
                   }
                 )
               ]
             }
           ) }),
-          /* @__PURE__ */ s(D.Portal, { children: /* @__PURE__ */ s(
-            D.Content,
+          /* @__PURE__ */ r(w.Portal, { children: /* @__PURE__ */ r(
+            w.Content,
             {
               sideOffset: 4,
               align: "start",
-              className: we(),
+              onKeyDown: oe,
+              className: Se(),
               children: /* @__PURE__ */ k("div", { className: "ds:flex ds:flex-col ds:sm:flex-row ds:gap-[var(--spacing-md)]", children: [
-                /* @__PURE__ */ s("div", { role: "region", "aria-label": ie, children: I ? /* @__PURE__ */ s(
-                  ke,
+                /* @__PURE__ */ r("div", { role: "region", "aria-label": ie, children: I ? /* @__PURE__ */ r(
+                  Ce,
                   {
                     mode: "single",
                     selected: o,
                     onSelect: ae,
-                    month: Y,
+                    month: ee,
                     onMonthChange: P,
-                    disabled: ee,
+                    disabled: te,
                     locale: I,
-                    labels: J,
+                    labels: $,
                     dir: g.dir(),
                     showOutsideDays: !0,
                     fixedWeeks: !0,
-                    classNames: De,
-                    components: { Chevron: Ce }
+                    classNames: xe,
+                    components: { Chevron: Pe }
                   }
-                ) : /* @__PURE__ */ s(pe, {}) }),
+                ) : /* @__PURE__ */ r(he, {}) }),
                 /* @__PURE__ */ k(
                   "div",
                   {
@@ -294,37 +301,37 @@ const Fe = ue(
                     "aria-label": ne,
                     className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:sm:border-s ds:sm:border-border ds:sm:ps-[var(--spacing-md)] ds:min-w-[10rem]",
                     children: [
-                      /* @__PURE__ */ s(
-                        Oe,
+                      /* @__PURE__ */ r(
+                        Le,
                         {
                           id: `${h}-time`,
                           value: o ? {
                             hours: o.getHours(),
                             minutes: o.getMinutes()
                           } : { hours: 0, minutes: 0 },
-                          onChange: se,
-                          hour12: _,
-                          minuteStep: j,
+                          onChange: re,
+                          hour12: j,
+                          minuteStep: B,
                           size: f
                         }
                       ),
-                      L ? /* @__PURE__ */ s("span", { className: "type-meta ds:text-muted-foreground", children: L }) : null,
-                      R ? /* @__PURE__ */ s(
+                      L ? /* @__PURE__ */ r("span", { className: "type-meta ds:text-muted-foreground", children: L }) : null,
+                      V ? /* @__PURE__ */ r(
                         "span",
                         {
                           role: "alert",
                           className: "type-meta ds:text-destructive",
-                          children: Q
+                          children: X
                         }
                       ) : null,
-                      /* @__PURE__ */ s(
+                      /* @__PURE__ */ r(
                         "button",
                         {
                           type: "button",
-                          onClick: re,
-                          disabled: !o || R,
-                          className: Fe({ size: f }),
-                          children: G
+                          onClick: se,
+                          disabled: !o || V,
+                          className: He({ size: f }),
+                          children: Q
                         }
                       )
                     ]
@@ -338,9 +345,9 @@ const Fe = ue(
     ) });
   }
 );
-He.displayName = "DateTimePicker";
+Ze.displayName = "DateTimePicker";
 export {
-  He as D,
-  Ve as d
+  Ze as D,
+  Fe as d
 };
-//# sourceMappingURL=date-time-picker-CLeLKuv9.js.map
+//# sourceMappingURL=date-time-picker-CjxTkblD.js.map