@alfadocs/ui-kit 1.57.0 → 1.59.0

package/dist/_chunks/{data-table-fAMTeAjM.js → data-table-DjDuXaQB.js}

@@ -1,19 +1,19 @@
 import { jsx as s, jsxs as _ } from "react/jsx-runtime";
 import { useMemo as z, forwardRef as U, useState as M, useCallback as F, useEffect as $, useRef as q, createContext as De, useContext as Ge, isValidElement as Mt, cloneElement as Ot, useImperativeHandle as Lt } from "react";
 import { S as Vt } from "./skeleton-B1KTdJ4N.js";
-import { E as zt } from "./empty-state-gNG3qYCX.js";
+import { E as zt } from "./empty-state-BN_R5AzQ.js";
 import { c as qt } from "./index-D2ZczOXr.js";
 import { useTranslation as A } from "react-i18next";
 import { useGridFilter as _t, AgGridReact as jt } from "ag-grid-react";
 import { ModuleRegistry as Wt, AllCommunityModule as Bt } from "ag-grid-community";
-import { I as $t } from "./icon-button-group-C5hhI-R5.js";
-import { B as de } from "./button-Bn16lcFM.js";
-import { I as ie } from "./icon-button-COX76Jdj.js";
-import { P as he } from "./popover-BG75rYjN.js";
+import { I as $t } from "./icon-button-group-Cap4-Idv.js";
+import { B as de } from "./button-CnUVJg1Y.js";
+import { I as ie } from "./icon-button-CsOGhuRB.js";
+import { P as he } from "./popover-CltTC2Rg.js";
 import { C as Ut } from "./checkbox--ndmyokr.js";
 import { T as Kt } from "./text-input-CaG9ApoE.js";
 import { T as We } from "./tag-CS5cXpfx.js";
-import { D as ye } from "./dropdown-menu-BQSNVp4x.js";
+import { D as ye } from "./dropdown-menu-D1we7oAY.js";
 import { X as $e } from "./x-B5YnXwCz.js";
 import { R as Ht } from "./refresh-cw-DnI0cLFC.js";
 import { S as Fe } from "./search-QbWPlY5f.js";
@@ -24,8 +24,8 @@ import { F as Ue } from "./file-text-5yv6r2ls.js";
 import { D as we } from "./download-CfYKJO_j.js";
 import { F as Jt } from "./file-spreadsheet-DmwyfV4O.js";
 import Zt from "i18next";
-import { S as Ke } from "./state-backed-text-input-DECQy5aA.js";
-import { S as ea } from "./select-Ce5RMk93.js";
+import { S as Ke } from "./state-backed-text-input-Cgh4ms3p.js";
+import { S as ea } from "./select-k4gBdS8N.js";
 import { u as ta } from "./registry-DvAUVLHh.js";
 import { u as aa } from "./use-prefers-reduced-motion-BMwIQRjB.js";
 import { u as ra } from "./use-theme-CAuo6EYT.js";
@@ -128,7 +128,7 @@ const Ye = U(
     {
       ref: r,
       className: [
-        "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
+        "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
         "ds:ms-auto",
         e ?? ""
       ].join(" ").trim(),
@@ -847,7 +847,7 @@ function wa(e) {
             startAdornment: /* @__PURE__ */ s(Fe, { "aria-hidden": "true", className: "ds:size-4" })
           }
         ),
-        /* @__PURE__ */ _("div", { className: "ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)] ds:border-t ds:border-[var(--border)]", children: [
+        /* @__PURE__ */ _("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)] ds:border-t ds:border-[var(--border)]", children: [
           /* @__PURE__ */ s(de, { intent: "ghost", size: "sm", onClick: d, type: "button", children: m("dataTable.textFilter.clear") }),
           /* @__PURE__ */ s(de, { intent: "primary", size: "sm", onClick: v, type: "button", children: m("dataTable.textFilter.apply") })
         ] })
@@ -1990,4 +1990,4 @@ export {
   Cr as h,
   B as i
 };
-//# sourceMappingURL=data-table-fAMTeAjM.js.map
+//# sourceMappingURL=data-table-DjDuXaQB.js.map

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

@@ -3,8 +3,8 @@ import { useMemo as de, useCallback as u, useRef as T, useEffect as me, forwardR
 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-BG75rYjN.js";
+import { I as le } from "./icon-button-CsOGhuRB.js";
+import { P as ue } from "./popover-CltTC2Rg.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-CHYAAeHy.js.map
+//# sourceMappingURL=data-table-tabs-BsCll8sH.js.map

package/dist/_chunks/{description-list-DkLeHiew.js → description-list-ZWlFfbOy.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-COX76Jdj.js";
+import { I as A } from "./icon-button-CsOGhuRB.js";
 import { C as S } from "./check-DrFSN__t.js";
 import { C as B } from "./copy-vRpqqHtY.js";
 function E(s) {
@@ -316,4 +316,4 @@ const Z = Object.assign(k, {
 export {
   Z as D
 };
-//# sourceMappingURL=description-list-DkLeHiew.js.map
+//# sourceMappingURL=description-list-ZWlFfbOy.js.map

package/dist/_chunks/{dev-bypass-button-BhGn6evf.js → dev-bypass-button-m-eXU2PU.js}

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
 import { c as r } from "./index-D2ZczOXr.js";
-import { I as c } from "./icon-button-COX76Jdj.js";
+import { I as c } from "./icon-button-CsOGhuRB.js";
 import { c as i } from "./createLucideIcon-DhHxpK9K.js";
 /**
  * @license lucide-react v1.22.0 - ISC
@@ -30,4 +30,4 @@ f.displayName = "DevBypassButton";
 export {
   f as D
 };
-//# sourceMappingURL=dev-bypass-button-BhGn6evf.js.map
+//# sourceMappingURL=dev-bypass-button-m-eXU2PU.js.map

package/dist/_chunks/{dialog-Dn-iQ0Jp.js → dialog-D6fkpRc4.js}

@@ -1,13 +1,13 @@
-import { jsx as t, jsxs as b } from "react/jsx-runtime";
-import { useRef as E, useEffect as H, useMemo as v, forwardRef as i, useContext as S, createContext as A } from "react";
+import { jsx as t, jsxs as D } from "react/jsx-runtime";
+import { useRef as H, useEffect as S, useMemo as b, forwardRef as i, useContext as V, createContext as A } from "react";
 import * as s from "@radix-ui/react-dialog";
-import { c as z } from "./index-D2ZczOXr.js";
-import { useTranslation as F } from "react-i18next";
-import { u as I } from "./use-controllable-state-BiY4xTzM.js";
-import { u as V } from "./registry-DvAUVLHh.js";
-import { u as L } from "./non-modal-tab-exit-j3CPOuE3.js";
-import { X as M } from "./x-B5YnXwCz.js";
-const P = {
+import { c as _ } from "./index-D2ZczOXr.js";
+import { useTranslation as z } from "react-i18next";
+import { u as F } from "./use-controllable-state-BiY4xTzM.js";
+import { u as I } from "./registry-DvAUVLHh.js";
+import { u as w } from "./non-modal-tab-exit-j3CPOuE3.js";
+import { X as L } from "./x-B5YnXwCz.js";
+const M = {
   id: "dialog",
   capabilities: ["open", "close", "dismiss"],
   state: {
@@ -55,7 +55,7 @@ const P = {
       description: "Sourced from the id prop on Dialog.Root."
     }
   }
-}, w = [
+}, P = [
   "ds-dialog__backdrop",
   "ds:backdrop-blur-sm",
   "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0",
@@ -66,7 +66,7 @@ const P = {
   "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0 ds:data-[state=open]:zoom-in-95",
   "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95",
   "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), U = z(`ds-dialog ds-dialog__surface ${K}`, {
+].join(" "), U = _(`ds-dialog ds-dialog__surface ${K}`, {
   variants: {
     size: {
       sm: "ds-dialog__surface--sm",
@@ -83,24 +83,24 @@ const P = {
     }
   },
   defaultVariants: { size: "md", scroll: "surface" }
-}), _ = A({ modal: !0 }), y = ({
+}), C = A({ modal: !0 }), y = ({
   children: e,
   id: o,
   open: a,
   defaultOpen: r,
-  onOpenChange: m,
+  onOpenChange: g,
   modal: l = !0,
   ...c
 }) => {
-  const [g, n] = I({
+  const [m, n] = F({
     value: a,
     defaultValue: r ?? !1,
-    onChange: m
-  }), d = g ?? !1, p = E(d);
-  H(() => {
+    onChange: g
+  }), d = m ?? !1, p = H(d);
+  S(() => {
     p.current = d;
   }, [d]);
-  const u = v(
+  const u = b(
     () => ({
       getIsOpen: () => p.current,
       open: () => n(!0),
@@ -108,9 +108,9 @@ const P = {
     }),
     [n]
   );
-  V(P, u, o);
-  const f = v(() => ({ id: o, modal: l }), [o, l]);
-  return /* @__PURE__ */ t(_.Provider, { value: f, children: /* @__PURE__ */ t(
+  I(M, u, o);
+  const f = b(() => ({ id: o, modal: l }), [o, l]);
+  return /* @__PURE__ */ t(C.Provider, { value: f, children: /* @__PURE__ */ t(
     s.Root,
     {
       open: d,
@@ -122,45 +122,45 @@ const P = {
   ) });
 };
 y.displayName = "Dialog.Root";
-const C = i(({ children: e, ...o }, a) => /* @__PURE__ */ t(s.Trigger, { ref: a, ...o, children: e }));
-C.displayName = "Dialog.Trigger";
-const N = i(({ children: e, ...o }, a) => /* @__PURE__ */ t(s.Close, { ref: a, ...o, children: e }));
-N.displayName = "Dialog.Close";
-const h = i(
+const N = i(({ children: e, ...o }, a) => /* @__PURE__ */ t(s.Trigger, { ref: a, ...o, children: e }));
+N.displayName = "Dialog.Trigger";
+const h = i(({ children: e, ...o }, a) => /* @__PURE__ */ t(s.Close, { ref: a, ...o, children: e }));
+h.displayName = "Dialog.Close";
+const x = i(
   ({
     size: e = "md",
     variant: o = "default",
     scroll: a = "surface",
     hideCloseButton: r,
-    className: m,
+    className: g,
     children: l,
     onKeyDown: c,
-    ...g
+    ...m
   }, n) => {
-    const { t: d } = F("ui"), { id: p, modal: u } = S(_), f = L(!u), B = o === "alert" ? { role: "alertdialog" } : {}, k = r ?? o !== "default";
-    return /* @__PURE__ */ b(s.Portal, { children: [
+    const { t: d } = z("ui"), { id: p, modal: u } = V(C), f = w(!u), B = o === "alert" ? { role: "alertdialog" } : {}, E = r ?? o !== "default";
+    return /* @__PURE__ */ D(s.Portal, { children: [
       /* @__PURE__ */ t(
         s.Overlay,
         {
           "data-component": "dialog-overlay",
-          className: w
+          className: P
         }
       ),
-      /* @__PURE__ */ b(
+      /* @__PURE__ */ D(
         s.Content,
         {
           ref: n,
           ...B,
           "data-component": "dialog",
           "data-component-id": p,
-          className: U({ size: e, scroll: a, className: m }),
-          ...g,
-          onKeyDown: (D) => {
-            c == null || c(D), f(D);
+          className: U({ size: e, scroll: a, className: g }),
+          ...m,
+          onKeyDown: (v) => {
+            c == null || c(v), f(v);
           },
           children: [
             l,
-            !k && // The close is a plain button carrying the `ds-dialog__close`
+            !E && // The close is a plain button carrying the `ds-dialog__close`
             // contract class — the SAME class a vanilla host renders. The CSS
             // (src/styles.css) owns its position, sizing, glyph size, hover
             // wash, and focus ring from tokens, so the React and non-React
@@ -171,7 +171,7 @@ const h = i(
                 type: "button",
                 className: "ds-dialog__close",
                 "aria-label": d("common.close", "Close"),
-                children: /* @__PURE__ */ t(M, { "aria-hidden": "true" })
+                children: /* @__PURE__ */ t(L, { "aria-hidden": "true" })
               }
             )
           ]
@@ -180,7 +180,7 @@ const h = i(
     ] });
   }
 );
-h.displayName = "Dialog.Content";
+x.displayName = "Dialog.Content";
 const R = i(
   ({ className: e, ...o }, a) => /* @__PURE__ */ t(
     "div",
@@ -203,7 +203,7 @@ const O = i(
   )
 );
 O.displayName = "Dialog.Body";
-const x = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
+const T = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
   s.Title,
   {
     ref: a,
@@ -211,8 +211,8 @@ const x = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
     ...o
   }
 ));
-x.displayName = "Dialog.Title";
-const T = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
+T.displayName = "Dialog.Title";
+const j = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
   s.Description,
   {
     ref: a,
@@ -220,36 +220,47 @@ const T = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
     ...o
   }
 ));
-T.displayName = "Dialog.Description";
-const j = i(
+j.displayName = "Dialog.Description";
+const X = _(
+  [
+    "ds:@container/dialog-footer",
+    "ds:flex ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]",
+    "ds:@max-[384px]/dialog-footer:[&>*]:w-full",
+    "ds:mt-[var(--spacing-md)]"
+  ].join(" "),
+  {
+    variants: {
+      divider: {
+        true: "ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-md)]",
+        false: ""
+      }
+    },
+    defaultVariants: { divider: !1 }
+  }
+), k = i(
   ({ className: e, divider: o = !1, ...a }, r) => /* @__PURE__ */ t(
     "div",
     {
       ref: r,
-      className: [
-        "ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]",
-        "ds:mt-[var(--spacing-md)]",
-        o && "ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-md)]",
-        e
-      ].filter(Boolean).join(" "),
+      className: X({ divider: o, className: e }),
       ...a
     }
   )
 );
-j.displayName = "Dialog.Footer";
-const Z = Object.assign(y, {
+k.displayName = "Dialog.Footer";
+const ee = Object.assign(y, {
   Root: y,
-  Trigger: C,
-  Content: h,
+  Trigger: N,
+  Content: x,
   Header: R,
-  Title: x,
-  Description: T,
+  Title: T,
+  Description: j,
   Body: O,
-  Footer: j,
-  Close: N
+  Footer: k,
+  Close: h
 });
 export {
-  Z as D,
-  P as d
+  ee as D,
+  M as d
 };
-//# sourceMappingURL=dialog-Dn-iQ0Jp.js.map
+//# sourceMappingURL=dialog-D6fkpRc4.js.map

package/dist/_chunks/{document-preview-CHGGG0l_.js → document-preview-E6od-Yy0.js}

@@ -3,11 +3,11 @@ import { forwardRef as j, useMemo as I, useState as q, useImperativeHandle as E,
 import { c as $ } from "./index-D2ZczOXr.js";
 import { useTranslation as U } from "react-i18next";
 import { B as b } from "./badge-hnBt8o7n.js";
-import { C as B } from "./card-DMO2nkt4.js";
-import { E as G } from "./empty-state-gNG3qYCX.js";
+import { C as B } from "./card-BA4Ig_kn.js";
+import { E as G } from "./empty-state-BN_R5AzQ.js";
 import { P as Y } from "./panel-header-D_mTdhUp.js";
 import { P as J } from "./pdf-viewer-CNQxa4tv.js";
-import { T as O, b as Q, c as X, a as Z } from "./tabs-I2wf_nC7.js";
+import { T as O, b as Q, c as X, a as Z } from "./tabs-2x3L13jn.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";
@@ -288,4 +288,4 @@ export {
   ue as D,
   de as d
 };
-//# sourceMappingURL=document-preview-CHGGG0l_.js.map
+//# sourceMappingURL=document-preview-E6od-Yy0.js.map

package/dist/_chunks/{document-scanner-CQS9kv84.js → document-scanner-DDOMMswN.js}

@@ -2,7 +2,7 @@ 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-Bn16lcFM.js";
+import { B as K } from "./button-CnUVJg1Y.js";
 import { A as ae } from "./alert-BhCstf2h.js";
 import { F as Xe } from "./file-upload-CxjCs7TX.js";
 import { u as Ze } from "./use-controllable-state-BiY4xTzM.js";
@@ -677,4 +677,4 @@ export {
   or as D,
   Qe as d
 };
-//# sourceMappingURL=document-scanner-CQS9kv84.js.map
+//# sourceMappingURL=document-scanner-DDOMMswN.js.map