@alfadocs/ui-kit 1.50.1 → 1.52.0

package/dist/_chunks/{date-time-picker-DijEae25.js → date-time-picker-C3UVzqOm.js}

@@ -1,15 +1,17 @@
-import { jsx as s, jsxs as y } from "react/jsx-runtime";
-import { forwardRef as ne, useState as T, useRef as oe, useCallback as F, useMemo as de, useImperativeHandle as le } from "react";
-import { c as ce } from "./index-D2ZczOXr.js";
-import { useTranslation as ue } from "react-i18next";
-import * as k from "@radix-ui/react-popover";
-import { u as me } from "./use-controllable-state-BiY4xTzM.js";
-import { u as pe } from "./form-field-context-B3APVHKx.js";
-import { T as fe } from "./time-picker-D0RS391l.js";
-import { u as ge } from "./registry-DvAUVLHh.js";
-import { u as he, b as ve, i as be, c as ye, d as Te, t as ke, D as we, C as Ce, e as De, f as Pe } from "./date-picker-variants-B9NLAfUK.js";
-import { t as A, f as xe } from "./format-4HNwNGrN.js";
-import { C as Oe } from "./calendar-days-BGWklvE-.js";
+import { jsx as s, jsxs as T } from "react/jsx-runtime";
+import { forwardRef as oe, useState as k, 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-DxjSZLD-.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 De, f as we, h as Ce } from "./date-picker-variants-B3AFKDSu.js";
+import { u as Pe } from "./use-controllable-state-BiY4xTzM.js";
+import { u as xe } from "./form-field-context-B3APVHKx.js";
+import { T as Se } from "./time-picker-BG7G3ujX.js";
+import { f as Oe } from "./intl-locale-CXM-B8EP.js";
+import { u as Ne } from "./registry-DvAUVLHh.js";
+import { C as Ie } 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);
   return i.setHours(t), i;
@@ -18,7 +20,7 @@ function Z(e, t, r) {
   const i = A(e, r == null ? void 0 : r.in);
   return i.setMinutes(t), i;
 }
-const Ne = {
+const Le = {
   id: "date-time-picker",
   // Persisted single datetime (value state + set_datetime) → select_single +
   // set_value, plus open/close of the combined popover.
@@ -110,7 +112,7 @@ const Ne = {
     }
   }
 };
-function Se(e, t) {
+function Ve(e, t) {
   var r;
   try {
     const i = { timeZoneName: "short" };
@@ -121,7 +123,7 @@ function Se(e, t) {
     return "";
   }
 }
-function Me(e) {
+function Re(e) {
   if (!e || e === "local") return !1;
   try {
     const t = Intl.DateTimeFormat().resolvedOptions().timeZone;
@@ -130,7 +132,7 @@ function Me(e) {
     return !1;
   }
 }
-const Ve = ce(
+const Me = ue(
   [
     "ds:w-full ds:rounded-[var(--radius-sm)]",
     "ds:bg-primary ds:text-primary-foreground",
@@ -150,7 +152,7 @@ const Ve = ce(
     },
     defaultVariants: { size: "md" }
   }
-), Ie = ne(
+), Fe = oe(
   ({
     value: e,
     defaultValue: t,
@@ -167,154 +169,161 @@ const Ve = ce(
     className: z,
     id: E
   }, W) => {
-    const { t: l, i18n: N } = ue(), c = pe(), C = E ?? c.id, S = c.disabled || B, q = c.invalid ? "error" : "default", M = he(N.language), J = U ?? l("inputs.dateTimePicker.placeholder", "Select date and time"), G = l("inputs.dateTimePicker.apply", "Apply"), Q = l(
+    const { t: l, i18n: g } = me("ui"), c = xe(), C = E ?? c.id, N = c.disabled || B, q = c.invalid ? "error" : "default", I = fe(g.language), J = ge(), 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"
-    ), V = (w !== void 0 ? w : Me(i)) ? Se(N.language, i) : "", [X, I] = me({
+    ), L = (w !== void 0 ? w : Re(i)) ? Ve(g.language, i) : "", [Y, V] = Pe({
       value: e,
       defaultValue: t,
       onChange: r
-    }), n = X, [o, g] = T(n), [h, v] = T(!1), [Y, D] = T(n ?? /* @__PURE__ */ new Date()), [R, u] = T(!1), L = oe(null), b = F(
+    }), n = Y, [o, h] = k(n), [v, b] = k(!1), [$, P] = k(n ?? /* @__PURE__ */ new Date()), [R, u] = k(!1), M = de(null), y = H(
       (a) => {
-        I(a);
+        V(a);
       },
-      [I]
-    ), $ = ve(d, p), P = F(
-      (a) => !(d && be(a, d) || p && ye(a, p)),
+      [V]
+    ), ee = he(d, p), x = H(
+      (a) => !(d && ve(a, d) || p && be(a, p)),
       [d, p]
-    ), ee = (a) => {
-      a && (g(n ?? /* @__PURE__ */ new Date()), D(n ?? /* @__PURE__ */ new Date()), u(!1)), v(a);
-    }, te = (a) => {
+    ), te = (a) => {
+      a && (h(n ?? /* @__PURE__ */ new Date()), P(n ?? /* @__PURE__ */ new Date()), u(!1)), b(a);
+    }, ae = (a) => {
       if (!a) return;
       const O = o ?? /* @__PURE__ */ new Date(), m = Z(
         K(a, O.getHours()),
         O.getMinutes()
       );
-      g(m), u(!P(m));
-    }, ae = (a) => {
+      h(m), u(!x(m));
+    }, se = (a) => {
       const m = Z(K(o ?? /* @__PURE__ */ new Date(), a.hours), a.minutes);
-      g(m), u(!P(m));
-    }, se = () => {
+      h(m), u(!x(m));
+    }, re = () => {
       var a;
       if (o) {
-        if (!P(o)) {
+        if (!x(o)) {
           u(!0);
           return;
         }
-        b(o), v(!1), (a = L.current) == null || a.focus();
+        y(o), b(!1), (a = M.current) == null || a.focus();
       }
-    }, H = n ? xe(n, "MMM d, yyyy HH:mm", { locale: M }) : "", re = l("inputs.datePicker.gridLabel", "Calendar"), ie = l("inputs.timePicker.groupLabel", "Time"), x = de(
+    }, F = n ? new Intl.DateTimeFormat(Oe(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(
       () => ({
         getValue: () => n,
-        setValue: (a) => b(a),
-        clear: () => b(void 0),
-        isOpen: () => h,
+        setValue: (a) => y(a),
+        clear: () => y(void 0),
+        isOpen: () => v,
         // Mirror the trigger's open behaviour so draft state seeds correctly.
         open: () => {
-          g(n ?? /* @__PURE__ */ new Date()), D(n ?? /* @__PURE__ */ new Date()), u(!1), v(!0);
+          h(n ?? /* @__PURE__ */ new Date()), P(n ?? /* @__PURE__ */ new Date()), u(!1), b(!0);
         },
-        close: () => v(!1)
+        close: () => b(!1)
       }),
-      [n, b, h]
+      [n, y, v]
     );
-    return le(W, () => x, [x]), ge(Ne, x, C), /* @__PURE__ */ s(k.Root, { open: h, onOpenChange: ee, children: /* @__PURE__ */ y(
+    return ce(W, () => S, [S]), Ne(Le, S, C), /* @__PURE__ */ s(D.Root, { open: v, onOpenChange: te, children: /* @__PURE__ */ T(
       "div",
       {
         className: z,
         "data-component": "date-time-picker",
         "data-component-id": C,
         children: [
-          /* @__PURE__ */ s(k.Trigger, { asChild: !0, disabled: S, children: /* @__PURE__ */ y(
+          /* @__PURE__ */ s(D.Trigger, { asChild: !0, disabled: N, children: /* @__PURE__ */ T(
             "button",
             {
-              ref: L,
+              ref: M,
               id: C,
               type: "button",
-              disabled: S,
+              disabled: N,
               "aria-describedby": c.describedBy || void 0,
               "aria-invalid": c.invalid || void 0,
               "aria-haspopup": "dialog",
-              "aria-expanded": h,
-              className: ke({ size: f, tone: q }),
+              "aria-expanded": v,
+              className: Te({ size: f, tone: q }),
               children: [
                 /* @__PURE__ */ s(
                   "span",
                   {
-                    className: H ? "ds:text-foreground" : "ds:text-muted-foreground",
-                    children: H || J
+                    className: F ? "ds:text-foreground" : "ds:text-muted-foreground",
+                    children: F || G
                   }
                 ),
                 /* @__PURE__ */ s(
                   "span",
                   {
                     "aria-hidden": "true",
-                    className: Te({ size: f }),
-                    children: /* @__PURE__ */ s(Oe, {})
+                    className: ye({ size: f }),
+                    children: /* @__PURE__ */ s(Ie, {})
                   }
                 )
               ]
             }
           ) }),
-          /* @__PURE__ */ s(k.Portal, { children: /* @__PURE__ */ s(
-            k.Content,
+          /* @__PURE__ */ s(D.Portal, { children: /* @__PURE__ */ s(
+            D.Content,
             {
               sideOffset: 4,
               align: "start",
-              className: Pe(),
-              children: /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:sm:flex-row ds:gap-[var(--spacing-md)]", children: [
-                /* @__PURE__ */ s("div", { role: "region", "aria-label": re, children: /* @__PURE__ */ s(
-                  we,
+              className: Ce(),
+              children: /* @__PURE__ */ T("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,
                   {
                     mode: "single",
                     selected: o,
-                    onSelect: te,
-                    month: Y,
-                    onMonthChange: D,
-                    disabled: $,
-                    locale: M,
+                    onSelect: ae,
+                    month: $,
+                    onMonthChange: P,
+                    disabled: ee,
+                    locale: I,
+                    labels: J,
+                    dir: g.dir(),
                     showOutsideDays: !0,
                     fixedWeeks: !0,
-                    classNames: De,
-                    components: { Chevron: Ce }
+                    classNames: we,
+                    components: { Chevron: De }
                   }
-                ) }),
-                /* @__PURE__ */ y(
+                ) : /* @__PURE__ */ s(pe, {}) }),
+                /* @__PURE__ */ T(
                   "div",
                   {
                     role: "region",
-                    "aria-label": ie,
+                    "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(
-                        fe,
+                        Se,
                         {
                           value: o ? {
                             hours: o.getHours(),
                             minutes: o.getMinutes()
                           } : { hours: 0, minutes: 0 },
-                          onChange: ae,
+                          onChange: se,
                           hour12: _,
                           minuteStep: j,
                           size: f
                         }
                       ),
-                      V ? /* @__PURE__ */ s("span", { className: "type-meta ds:text-muted-foreground", children: V }) : null,
+                      L ? /* @__PURE__ */ s("span", { className: "type-meta ds:text-muted-foreground", children: L }) : null,
                       R ? /* @__PURE__ */ s(
                         "span",
                         {
                           role: "alert",
                           className: "type-meta ds:text-destructive",
-                          children: Q
+                          children: X
                         }
                       ) : null,
                       /* @__PURE__ */ s(
                         "button",
                         {
                           type: "button",
-                          onClick: se,
+                          onClick: re,
                           disabled: !o || R,
-                          className: Ve({ size: f }),
-                          children: G
+                          className: Me({ size: f }),
+                          children: Q
                         }
                       )
                     ]
@@ -328,9 +337,9 @@ const Ve = ce(
     ) });
   }
 );
-Ie.displayName = "DateTimePicker";
+Fe.displayName = "DateTimePicker";
 export {
-  Ie as D,
-  Ne as d
+  Fe as D,
+  Le as d
 };
-//# sourceMappingURL=date-time-picker-DijEae25.js.map
+//# sourceMappingURL=date-time-picker-C3UVzqOm.js.map

package/dist/_chunks/{de-3iM4rGqo.js → de-lVkJRPnh.js}

@@ -1,4 +1,4 @@
-import { g as s, h as n, j as o, k as u } from "./format-4HNwNGrN.js";
+import { d as s, o as n, p as o, q as u } from "./format-D-1gTdHF.js";
 const d = {
   lessThanXSeconds: {
     standalone: {
@@ -353,7 +353,7 @@ const d = {
     formattingValues: W,
     defaultFormattingWidth: "wide"
   })
-}, k = /^(\d+)(\.)?/i, D = /\d+/i, z = {
+}, D = /^(\d+)(\.)?/i, k = /\d+/i, z = {
   narrow: /^(v\.? ?Chr\.?|n\.? ?Chr\.?)/i,
   abbreviated: /^(v\.? ?Chr\.?|n\.? ?Chr\.?)/i,
   wide: /^(vor Christus|vor unserer Zeitrechnung|nach Christus|unserer Zeitrechnung)/i
@@ -424,8 +424,8 @@ const d = {
   }
 }, T = {
   ordinalNumber: u({
-    matchPattern: k,
-    parsePattern: D,
+    matchPattern: D,
+    parsePattern: k,
     valueCallback: (t) => parseInt(t)
   }),
   era: o({
@@ -474,4 +474,4 @@ const d = {
 export {
   O as de
 };
-//# sourceMappingURL=de-3iM4rGqo.js.map
+//# sourceMappingURL=de-lVkJRPnh.js.map

package/dist/_chunks/{dependent-selector-58hTg5rB.js → dependent-selector-CPiolWiw.js}

@@ -3,8 +3,8 @@ import { forwardRef as le, useId as ce, useRef as f, useEffect as P, useMemo as
 import * as E from "@radix-ui/react-radio-group";
 import { c as G } from "./index-D2ZczOXr.js";
 import { useTranslation as pe } from "react-i18next";
-import { A as ue } from "./avatar-BVvjKNTp.js";
-import { B as fe } from "./badge-BAkd6_Pj.js";
+import { A as ue } from "./avatar-DYtwj1-R.js";
+import { B as fe } from "./badge-hnBt8o7n.js";
 import { T as ge } from "./tooltip-Cp-PLePW.js";
 import { c as ve } from "./compose-refs-C0k0tdqF.js";
 import { u as be } from "./registry-DvAUVLHh.js";
@@ -143,7 +143,7 @@ const xe = {
     "aria-labelledby": z,
     ...U
   }, W) => {
-    const o = F ?? "md", N = J ?? "checkin", { t: a } = pe(), b = ce(), k = `${b}-legend`, B = `${b}-description`, R = `${b}-error`;
+    const o = F ?? "md", N = J ?? "checkin", { t: a } = pe("ui"), b = ce(), k = `${b}-legend`, B = `${b}-description`, R = `${b}-error`;
     f(!1), P(() => {
     }, [v, w, z]);
     const I = q(
@@ -335,4 +335,4 @@ export {
   ke as D,
   xe as d
 };
-//# sourceMappingURL=dependent-selector-58hTg5rB.js.map
+//# sourceMappingURL=dependent-selector-CPiolWiw.js.map

package/dist/_chunks/{description-list-1A2DEbE6.js → description-list-9rchqp5q.js}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as V } from "react/jsx-runtime";
 import { forwardRef as c, useMemo as x, Children as C, isValidElement as T, useContext as R, useState as b, useCallback as j, createContext as P } from "react";
 import { c as m } from "./index-D2ZczOXr.js";
 import { useTranslation as z } from "react-i18next";
-import { I as A } from "./icon-button-CY7GU_Se.js";
+import { I as A } from "./icon-button-JAXAkqWC.js";
 import { C as S } from "./check-DrFSN__t.js";
 import { C as B } from "./copy-vRpqqHtY.js";
 function E(s) {
@@ -220,7 +220,7 @@ const w = c(
     children: o,
     ...d
   }, u) => {
-    const { layout: f, divider: v, hasIcons: l } = R(y), { t: i } = z(), [h, g] = b(!1), [I, n] = b(""), L = j(async () => {
+    const { layout: f, divider: v, hasIcons: l } = R(y), { t: i } = z("ui"), [h, g] = b(!1), [I, n] = b(""), L = j(async () => {
       if (a)
         try {
           await navigator.clipboard.writeText(a), g(!0), n(i("keyValuePair.copied")), setTimeout(() => {
@@ -316,4 +316,4 @@ const Z = Object.assign(k, {
 export {
   Z as D
 };
-//# sourceMappingURL=description-list-1A2DEbE6.js.map
+//# sourceMappingURL=description-list-9rchqp5q.js.map

package/dist/_chunks/{dialog-BJiLqhx6.js → dialog-D52AI4nF.js}

@@ -123,7 +123,7 @@ const _ = i(
     children: p,
     ...g
   }, n) => {
-    const { t: d } = S(), r = B(y), m = o === "alert" ? { role: "alertdialog" } : {}, O = l ?? o !== "default";
+    const { t: d } = S("ui"), r = B(y), m = o === "alert" ? { role: "alertdialog" } : {}, O = l ?? o !== "default";
     return /* @__PURE__ */ f(s.Portal, { children: [
       /* @__PURE__ */ t(
         s.Overlay,
@@ -235,4 +235,4 @@ export {
   $ as D,
   w as d
 };
-//# sourceMappingURL=dialog-BJiLqhx6.js.map
+//# sourceMappingURL=dialog-D52AI4nF.js.map

package/dist/_chunks/{document-preview-Od2Hz4z5.js → document-preview-1CZJg6CX.js}

@@ -2,12 +2,12 @@ import { jsxs as m, Fragment as W, jsx as i } from "react/jsx-runtime";
 import { forwardRef as j, useMemo as I, useState as q, useImperativeHandle as E, Fragment as H } from "react";
 import { c as $ } from "./index-D2ZczOXr.js";
 import { useTranslation as U } from "react-i18next";
-import { B as b } from "./badge-BAkd6_Pj.js";
+import { B as b } from "./badge-hnBt8o7n.js";
 import { C as B } from "./card-DPmk26CL.js";
-import { E as G } from "./empty-state-DTBZ1ENT.js";
+import { E as G } from "./empty-state-DActfjdn.js";
 import { P as Y } from "./panel-header-D_mTdhUp.js";
-import { P as J } from "./pdf-viewer-DUKdn5iq.js";
-import { T as O, b as Q, c as X, a as Z } from "./tabs-CFsuMQ5H.js";
+import { P as J } from "./pdf-viewer-hzfM5pZf.js";
+import { T as O, b as Q, c as X, a as Z } from "./tabs-DLXVEDsa.js";
 import { u as ee } from "./registry-DvAUVLHh.js";
 import { F as ie } from "./file-image-cDgE-BTy.js";
 import { F as te } from "./file-text-5yv6r2ls.js";
@@ -101,7 +101,7 @@ function me(a, r, u) {
   }).format(l)} ${u(ce[o], F[o])}`;
 }
 const ue = j(({ id: a, name: r, mimeType: u, src: l, metadata: o, documents: h, className: S }, M) => {
-  const { t: s, i18n: T } = U(), c = I(() => h && h.length > 0 ? h : r ? [{ id: a ?? r, name: r, mimeType: u, src: l, metadata: o }] : [], [h, a, r, u, l, o]), P = c.length > 1, [R, C] = q(void 0), n = c.find((t) => t.id === R) ?? c[0], x = I(
+  const { t: s, i18n: T } = U("ui"), c = I(() => h && h.length > 0 ? h : r ? [{ id: a ?? r, name: r, mimeType: u, src: l, metadata: o }] : [], [h, a, r, u, l, o]), P = c.length > 1, [R, C] = q(void 0), n = c.find((t) => t.id === R) ?? c[0], x = I(
     () => ({
       getKind: () => n ? z(n.name, n.mimeType, n.src) : "empty",
       getName: () => n == null ? void 0 : n.name
@@ -288,4 +288,4 @@ export {
   ue as D,
   de as d
 };
-//# sourceMappingURL=document-preview-Od2Hz4z5.js.map
+//# sourceMappingURL=document-preview-1CZJg6CX.js.map

package/dist/_chunks/{document-scanner-p0aGlzCy.js → document-scanner-T5jHiraQ.js}

@@ -2,9 +2,9 @@ import { jsxs as p, jsx as a } from "react/jsx-runtime";
 import { forwardRef as Fe, useId as Me, useRef as m, useState as W, useEffect as z, useCallback as h, useMemo as Te, useImperativeHandle as We } from "react";
 import { c as k } from "./index-D2ZczOXr.js";
 import { useTranslation as Ye } from "react-i18next";
-import { B as K } from "./button-18oBsI3n.js";
-import { A as ae } from "./alert-CiQ5Pa3Q.js";
-import { F as Xe } from "./file-upload-B242a_Y1.js";
+import { B as K } from "./button-CYPx2xFq.js";
+import { A as ae } from "./alert-BhCstf2h.js";
+import { F as Xe } from "./file-upload-OMlGHz70.js";
 import { u as Ze } from "./use-controllable-state-BiY4xTzM.js";
 import { u as $e } from "./registry-DvAUVLHh.js";
 import { R as Ge } from "./rotate-ccw-BBQnIVTr.js";
@@ -208,7 +208,7 @@ const ir = {
     ariaLabel: Ne,
     className: je
   }, Re) => {
-    const { t: s } = Ye(), ce = `ds-${Me().replace(/[^a-zA-Z0-9-_]/g, "")}-hint`, [y, N] = Ze({
+    const { t: s } = Ye("ui"), ce = `ds-${Me().replace(/[^a-zA-Z0-9-_]/g, "")}-hint`, [y, N] = Ze({
       value: o,
       defaultValue: f
     }), j = m(f != null || o != null), [t, v] = W(
@@ -677,4 +677,4 @@ export {
   or as D,
   Qe as d
 };
-//# sourceMappingURL=document-scanner-p0aGlzCy.js.map
+//# sourceMappingURL=document-scanner-T5jHiraQ.js.map