@alfadocs/ui-kit 1.53.0 → 1.54.1

package/dist/_chunks/{Alfadocs_Logo_Mark-7o3L3WBI.js → Alfadocs_Logo_Mark-Z_b6ZI1g.js}

@@ -1,17 +1,19 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-const s = e((t, o) => /* @__PURE__ */ a(
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+const x = f(({ pieceClassName: t, ...o }, h) => /* @__PURE__ */ d(
   "svg",
   {
-    ref: o,
+    ref: h,
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 148 148",
     fill: "currentColor",
-    ...t,
+    ...o,
     children: [
       /* @__PURE__ */ r(
         "rect",
         {
+          "data-shape": "top",
+          className: t == null ? void 0 : t.top,
           x: "53.04",
           y: "2.54",
           width: "33.99",
@@ -24,6 +26,8 @@ const s = e((t, o) => /* @__PURE__ */ a(
       /* @__PURE__ */ r(
         "rect",
         {
+          "data-shape": "right",
+          className: t == null ? void 0 : t.right,
           x: "96.12",
           y: "53.04",
           width: "49.34",
@@ -33,10 +37,19 @@ const s = e((t, o) => /* @__PURE__ */ a(
           transform: "translate(-14.01 33.65) rotate(-15)"
         }
       ),
-      /* @__PURE__ */ r("path", { d: "M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z" }),
+      /* @__PURE__ */ r(
+        "path",
+        {
+          "data-shape": "left",
+          className: t == null ? void 0 : t.left,
+          d: "M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z"
+        }
+      ),
       /* @__PURE__ */ r(
         "rect",
         {
+          "data-shape": "bottom",
+          className: t == null ? void 0 : t.bottom,
           x: "60.97",
           y: "96.12",
           width: "33.99",
@@ -49,8 +62,8 @@ const s = e((t, o) => /* @__PURE__ */ a(
     ]
   }
 ));
-s.displayName = "AlfadocsLogoMark";
+x.displayName = "AlfadocsLogoMark";
 export {
-  s as A
+  x as A
 };
-//# sourceMappingURL=Alfadocs_Logo_Mark-7o3L3WBI.js.map
+//# sourceMappingURL=Alfadocs_Logo_Mark-Z_b6ZI1g.js.map

package/dist/_chunks/{actions-cell-renderer-DhmUGzRY.js → actions-cell-renderer-CjzSqMgn.js}

@@ -1,8 +1,8 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import { isValidElement as w, cloneElement as A, forwardRef as B } from "react";
 import { useTranslation as R } from "react-i18next";
-import { I as f } from "./icon-button-JAXAkqWC.js";
-import { I as S } from "./icon-button-group-DHRz90jY.js";
+import { I as f } from "./icon-button-mKIvw90h.js";
+import { I as S } from "./icon-button-group-BsQkbCX4.js";
 import { D as l } from "./dropdown-menu-B5mgV1kV.js";
 import { E as T } from "./ellipsis-dRo9ouSU.js";
 function h(s) {
@@ -134,4 +134,4 @@ export {
   V as A,
   G as a
 };
-//# sourceMappingURL=actions-cell-renderer-DhmUGzRY.js.map
+//# sourceMappingURL=actions-cell-renderer-CjzSqMgn.js.map

package/dist/_chunks/{address-autocomplete-Bp816Mb1.js → address-autocomplete-BBZ0u_U1.js}

@@ -1,17 +1,17 @@
-import { jsx as c, jsxs as O } from "react/jsx-runtime";
-import { forwardRef as Re, useRef as N, useMemo as ae, useId as ke, useState as H, useCallback as L, useEffect as Ne } from "react";
+import { jsx as l, jsxs as O } from "react/jsx-runtime";
+import { forwardRef as Re, useRef as P, useMemo as ae, useId as ke, useState as H, useCallback as L, useEffect as Ne } from "react";
 import { c as Q } from "./index-D2ZczOXr.js";
-import { useTranslation as le } from "react-i18next";
+import { useTranslation as ce } from "react-i18next";
 import { A as Pe, c as Ee } from "./index.modern-BeRXQVdc.js";
-import { u as Ve } from "./form-field-context-B3APVHKx.js";
+import { u as Ve, a as Fe } from "./form-field-context-DtiROUJV.js";
 import { c as De } from "./compose-refs-C0k0tdqF.js";
-import { u as Fe } from "./use-controllable-state-BiY4xTzM.js";
-import { b as Se } from "./menu-row-BAr8bx1I.js";
-import { u as Me } from "./registry-DvAUVLHh.js";
-import { I as Ue, a as X, b as J, c as Be } from "./input-surface-xyERuLU_.js";
-import { u as $e } from "./use-debounced-callback-BisrB-Fq.js";
-import { M as je } from "./map-pin-BaY37-Km.js";
-const qe = {
+import { u as Se } from "./use-controllable-state-BiY4xTzM.js";
+import { b as Me } from "./menu-row-BAr8bx1I.js";
+import { u as Ue } from "./registry-DvAUVLHh.js";
+import { I as $e, a as X, b as J, c as Be } from "./input-surface-xyERuLU_.js";
+import { u as je } from "./use-debounced-callback-BisrB-Fq.js";
+import { M as qe } from "./map-pin-BaY37-Km.js";
+const Ke = {
   id: "address-autocomplete",
   capabilities: ["select_single", "filter", "open", "close"],
   state: {
@@ -127,21 +127,21 @@ function U(t) {
 function ie(t) {
   return t.shortText ?? t.short_name ?? U(t);
 }
-function w(t, n) {
+function C(t, n) {
   return t.find((p) => p.types.includes(n));
 }
 function de(t, n = "") {
-  const p = w(t, "route"), m = w(t, "street_number"), s = w(t, "locality"), i = w(t, "postal_town"), g = w(t, "administrative_area_level_3"), P = w(t, "postal_code"), E = w(t, "administrative_area_level_2"), d = w(t, "country"), h = p ? U(p) : "", v = m ? U(m) : "", y = [h, v].filter(Boolean).join(" ").trim(), r = s ?? i ?? g, a = r ? U(r) : "", l = P ? U(P) : "", V = E ? ie(E).toUpperCase() : "", _ = d ? ie(d).toLowerCase() : "";
+  const p = C(t, "route"), m = C(t, "street_number"), s = C(t, "locality"), i = C(t, "postal_town"), g = C(t, "administrative_area_level_3"), E = C(t, "postal_code"), V = C(t, "administrative_area_level_2"), d = C(t, "country"), h = p ? U(p) : "", v = m ? U(m) : "", y = [h, v].filter(Boolean).join(" ").trim(), r = s ?? i ?? g, a = r ? U(r) : "", c = E ? U(E) : "", F = V ? ie(V).toUpperCase() : "", T = d ? ie(d).toLowerCase() : "";
   return {
     street: y,
     city: a,
-    postcode: l,
-    province: V,
-    country: _,
+    postcode: c,
+    province: F,
+    country: T,
     formatted: n
   };
 }
-const Ke = Q(
+const Oe = Q(
   ["ds:flex ds:w-full ds:items-center", Be].join(" "),
   {
     variants: {
@@ -150,41 +150,41 @@ const Ke = Q(
         md: `${X.md} ${J.md}`,
         lg: `${X.lg} ${J.lg}`
       },
-      tone: Ue
+      tone: $e
     },
     defaultVariants: { size: "md", tone: "default" }
   }
-), Oe = Q(
+), He = Q(
   [
     "ds:flex-1 ds:min-w-0 ds:ps-3 ds:pe-3 ds:bg-transparent ds:text-foreground",
     "ds:placeholder:text-muted-foreground",
     "ds:outline-none ds:focus:outline-none ds:focus-visible:outline-none",
     "ds:disabled:cursor-not-allowed ds:read-only:cursor-default"
   ].join(" ")
-), He = "ds:inline-flex ds:items-center ds:shrink-0 ds:ps-3 ds:text-muted-foreground ds:[&_svg]:size-4", Le = Q(
+), Le = "ds:inline-flex ds:items-center ds:shrink-0 ds:ps-3 ds:text-muted-foreground ds:[&_svg]:size-4", Qe = Q(
   [
     "ds:absolute ds:z-[var(--z-dropdown)] ds:mt-[var(--spacing-2xs)] ds:w-full",
     "ds:overflow-auto ds:max-h-[18rem]",
     "ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-background",
     "ds:shadow-[var(--shadow-md)] ds:p-[var(--spacing-xs)]"
   ].join(" ")
-), Qe = Q(
+), ze = Q(
   [
     "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
     "ds:ps-3 ds:pe-3 ds:py-2 ds:rounded-[var(--radius-sm)]",
     "ds:cursor-pointer ds:select-none ds:text-foreground",
     "ds:text-start",
     // Hover moves the active row, so a separate hover tint would light two.
-    Se.active
+    Me.active
   ].join(" ")
-), ce = "ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground";
-function ze({
+), le = "ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground";
+function Ge({
   forwardedRef: t,
   regionCodes: n,
   onSelect: p,
   ...m
 }) {
-  const s = Ee("places"), i = N(null), g = !!(s && "AutocompleteSuggestion" in s && "Place" in s && "AutocompleteSessionToken" in s), P = L(
+  const s = Ee("places"), i = P(null), g = !!(s && "AutocompleteSuggestion" in s && "Place" in s && "AutocompleteSessionToken" in s), E = L(
     async (d) => {
       if (!s || d.trim().length === 0) return [];
       if (g) {
@@ -195,27 +195,27 @@ function ze({
           includedRegionCodes: n
         });
         return r.map((a) => {
-          var V, _;
-          const l = a.placePrediction;
-          return l ? {
-            placeId: l.placeId,
-            primaryText: ((V = l.mainText) == null ? void 0 : V.text) ?? l.text.text,
-            secondaryText: (_ = l.secondaryText) == null ? void 0 : _.text
+          var F, T;
+          const c = a.placePrediction;
+          return c ? {
+            placeId: c.placeId,
+            primaryText: ((F = c.mainText) == null ? void 0 : F.text) ?? c.text.text,
+            secondaryText: (T = c.secondaryText) == null ? void 0 : T.text
           } : null;
         }).filter((a) => a !== null);
       }
       const h = s.AutocompleteService;
       return h ? (await new h().getPlacePredictions({ input: d })).predictions.map((r) => {
-        var a, l;
+        var a, c;
         return {
           placeId: r.place_id,
           primaryText: ((a = r.structured_formatting) == null ? void 0 : a.main_text) ?? r.description,
-          secondaryText: (l = r.structured_formatting) == null ? void 0 : l.secondary_text
+          secondaryText: (c = r.structured_formatting) == null ? void 0 : c.secondary_text
         };
       }) : [];
     },
     [s, g, n]
-  ), E = L(
+  ), V = L(
     async (d) => {
       if (d.address) return d.address;
       if (!s) return null;
@@ -257,13 +257,13 @@ function ze({
     },
     [s, g]
   );
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ l(
     Y,
     {
       ...m,
       forwardedRef: t,
-      getSuggestions: P,
-      resolveSelection: E,
+      getSuggestions: E,
+      resolveSelection: V,
       onSelect: p
     }
   );
@@ -276,51 +276,51 @@ function Y({
   onSelect: s,
   getSuggestions: i,
   resolveSelection: g,
-  placeholder: P,
-  debounceMs: E = 250,
+  placeholder: E,
+  debounceMs: V = 250,
   disabled: d,
   required: h,
   readOnly: v,
   name: y,
   id: r,
   size: a = "md",
-  tone: l = "default",
-  className: V,
-  "aria-label": _
+  tone: c = "default",
+  className: F,
+  "aria-label": T
 }) {
-  const { t: C } = le("ui"), S = Ve(), z = N(null), ue = ae(
+  const { t: I } = ce("ui"), w = Ve(), z = P(null), ue = ae(
     () => De(t, z),
     [t]
-  ), pe = ke(), B = r ?? S.id ?? pe, Z = `${B}-listbox`, fe = `${B}-live`, ee = (e) => `${B}-opt-${e}`, D = !!(S.disabled || d), me = !!(S.required || h), te = S.invalid, ge = te ? "error" : l, ve = S.describedBy || void 0, [he, I] = Fe({
+  ), pe = ke(), $ = Fe(w, r) ?? pe, Z = `${$}-listbox`, fe = `${$}-live`, ee = (e) => `${$}-opt-${e}`, D = !!(w.disabled || d), me = !!(w.required || h), te = w.invalid, ge = te ? "error" : c, ve = w.describedBy || void 0, [he, R] = Se({
     value: n,
     defaultValue: p ?? "",
     onChange: m
-  }), x = he ?? "", [R, f] = H(!1), [u, $] = H([]), [M, G] = H(!1), [T, b] = H(-1), j = N(!1), q = N(""), ye = P ?? C("inputs.addressAutocomplete.placeholder"), xe = L(
+  }), x = he ?? "", [k, f] = H(!1), [u, B] = H([]), [M, G] = H(!1), [_, b] = H(-1), j = P(!1), q = P(""), ye = E ?? I("inputs.addressAutocomplete.placeholder"), xe = L(
     (e) => {
       !i || D || v || j.current || (q.current = e, G(!0), Promise.resolve(i(e)).then((o) => {
-        q.current === e && ($(o), b(-1), G(!1));
+        q.current === e && (B(o), b(-1), G(!1));
       }).catch(() => {
-        q.current === e && ($([]), G(!1));
+        q.current === e && (B([]), G(!1));
       }));
     },
     [i, D, v]
-  ), A = $e(xe, E);
+  ), A = je(xe, V);
   Ne(() => () => A.cancel(), [A]);
   const be = (e) => {
-    I(e), !(D || v) && (R || f(!0), !j.current && A(e));
+    R(e), !(D || v) && (k || f(!0), !j.current && A(e));
   }, se = L(
     (e) => {
       var o;
-      I(e.primaryText), f(!1), b(-1), $([]), q.current = e.primaryText, g ? Promise.resolve(g(e)).then((k) => {
-        k && (s == null || s(k));
+      R(e.primaryText), f(!1), b(-1), B([]), q.current = e.primaryText, g ? Promise.resolve(g(e)).then((N) => {
+        N && (s == null || s(N));
       }).catch(() => {
       }) : e.address && (s == null || s(e.address)), (o = z.current) == null || o.focus();
     },
-    [I, g, s, z]
-  ), re = R && !M && x.trim().length > 0 && u.length === 0 && !!i, K = u.length > 0, F = R && (K || re || M), Ae = (e) => {
+    [R, g, s, z]
+  ), re = k && !M && x.trim().length > 0 && u.length === 0 && !!i, K = u.length > 0, S = k && (K || re || M), Ae = (e) => {
     if (!e.nativeEvent.isComposing) {
       if (e.key === "ArrowDown") {
-        if (e.preventDefault(), !R) {
+        if (e.preventDefault(), !k) {
           f(!0), x && A(x);
           return;
         }
@@ -336,44 +336,44 @@ function Y({
         return;
       }
       if (e.key === "Enter") {
-        F && (e.preventDefault(), T >= 0 && u[T] && se(u[T]));
+        S && (e.preventDefault(), _ >= 0 && u[_] && se(u[_]));
         return;
       }
-      e.key === "Escape" && R && (e.preventDefault(), f(!1), b(-1));
+      e.key === "Escape" && k && (e.preventDefault(), f(!1), b(-1));
     }
   }, Te = () => {
     D || v || x && (f(!0), A(x));
   }, we = (e) => {
-    var k;
+    var N;
     const o = e.relatedTarget;
-    o && ((k = oe.current) != null && k.contains(o)) || (f(!1), b(-1));
-  }, oe = N(null), _e = R && T >= 0 && u[T] ? ee(u[T].placeId) : void 0, W = N(x);
+    o && ((N = oe.current) != null && N.contains(o)) || (f(!1), b(-1));
+  }, oe = P(null), _e = k && _ >= 0 && u[_] ? ee(u[_].placeId) : void 0, W = P(x);
   W.current = x;
-  const ne = N(F);
-  ne.current = F;
+  const ne = P(S);
+  ne.current = S;
   const Ce = ae(
     () => ({
       getValue: () => W.current,
       getQuery: () => W.current,
       getIsOpen: () => ne.current,
       setValue: (e) => {
-        I(e), f(!0), A(e);
+        R(e), f(!0), A(e);
       },
       setQuery: (e) => {
-        I(e), f(!0), A(e);
+        R(e), f(!0), A(e);
       },
       clear: () => {
-        I(""), f(!1), b(-1), $([]);
+        R(""), f(!1), b(-1), B([]);
       },
       open: () => f(!0),
       close: () => {
         f(!1), b(-1);
       }
     }),
-    [I, A]
+    [R, A]
   );
-  Me(qe, Ce, r);
-  const Ie = M ? C("inputs.addressAutocomplete.loading") : R && x.trim().length > 0 ? C("inputs.addressAutocomplete.results", { count: u.length }) : "";
+  Ue(Ke, Ce, r);
+  const Ie = M ? I("inputs.addressAutocomplete.loading") : k && x.trim().length > 0 ? I("inputs.addressAutocomplete.results", { count: u.length }) : "";
   return /* @__PURE__ */ O(
     "div",
     {
@@ -384,26 +384,27 @@ function Y({
         /* @__PURE__ */ O(
           "div",
           {
-            className: Ke({ size: a, tone: ge, className: V }),
+            className: Oe({ size: a, tone: ge, className: F }),
             "data-disabled": D || void 0,
             children: [
-              /* @__PURE__ */ c("span", { "aria-hidden": "true", className: He, children: /* @__PURE__ */ c(je, {}) }),
-              /* @__PURE__ */ c(
+              /* @__PURE__ */ l("span", { "aria-hidden": "true", className: Le, children: /* @__PURE__ */ l(qe, {}) }),
+              /* @__PURE__ */ l(
                 "input",
                 {
                   ref: ue,
-                  id: B,
+                  id: $,
                   name: y,
                   type: "text",
                   autoComplete: "off",
                   role: "combobox",
                   "aria-autocomplete": "list",
-                  "aria-expanded": F,
-                  "aria-controls": F ? Z : void 0,
+                  "aria-expanded": S,
+                  "aria-controls": S ? Z : void 0,
                   "aria-activedescendant": _e,
                   "aria-describedby": ve,
                   "aria-invalid": te || void 0,
-                  "aria-label": _ ?? C("inputs.addressAutocomplete.ariaLabel"),
+                  "aria-label": T ?? (w.label ? void 0 : I("inputs.addressAutocomplete.ariaLabel")),
+                  "aria-labelledby": !T && w.label ? `${w.id}-label` : void 0,
                   placeholder: ye,
                   value: x,
                   disabled: D,
@@ -419,46 +420,46 @@ function Y({
                   onCompositionEnd: (e) => {
                     j.current = !1, A(e.currentTarget.value);
                   },
-                  className: Oe()
+                  className: He()
                 }
               )
             ]
           }
         ),
-        F ? /* @__PURE__ */ O(
+        S ? /* @__PURE__ */ O(
           "ul",
           {
             ref: oe,
             id: Z,
             role: "listbox",
-            "aria-label": _ ?? C("inputs.addressAutocomplete.listLabel"),
-            className: Le(),
+            "aria-label": T ?? I("inputs.addressAutocomplete.listLabel"),
+            className: Qe(),
             children: [
               K ? u.map((e, o) => /* @__PURE__ */ O(
                 "li",
                 {
                   id: ee(e.placeId),
                   role: "option",
-                  "aria-selected": o === T,
-                  "data-active": o === T || void 0,
-                  onMouseDown: (k) => {
-                    k.preventDefault(), se(e);
+                  "aria-selected": o === _,
+                  "data-active": o === _ || void 0,
+                  onMouseDown: (N) => {
+                    N.preventDefault(), se(e);
                   },
                   onMouseEnter: () => b(o),
-                  className: Qe(),
+                  className: ze(),
                   children: [
-                    /* @__PURE__ */ c("span", { className: "ds:truncate", children: e.primaryText }),
-                    e.secondaryText ? /* @__PURE__ */ c("span", { className: "type-meta ds:text-muted-foreground ds:truncate", children: e.secondaryText }) : null
+                    /* @__PURE__ */ l("span", { className: "ds:truncate", children: e.primaryText }),
+                    e.secondaryText ? /* @__PURE__ */ l("span", { className: "type-meta ds:text-muted-foreground ds:truncate", children: e.secondaryText }) : null
                   ]
                 },
                 e.placeId
               )) : null,
-              !K && M ? /* @__PURE__ */ c("li", { role: "presentation", className: ce, children: C("inputs.addressAutocomplete.loading") }) : null,
-              !K && !M && re ? /* @__PURE__ */ c("li", { role: "presentation", className: ce, children: C("inputs.addressAutocomplete.noResults") }) : null
+              !K && M ? /* @__PURE__ */ l("li", { role: "presentation", className: le, children: I("inputs.addressAutocomplete.loading") }) : null,
+              !K && !M && re ? /* @__PURE__ */ l("li", { role: "presentation", className: le, children: I("inputs.addressAutocomplete.noResults") }) : null
             ]
           }
         ) : null,
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ l(
           "span",
           {
             id: fe,
@@ -473,25 +474,25 @@ function Y({
     }
   );
 }
-const Ge = Re(function({ apiKey: n, getSuggestions: p, ...m }, s) {
-  const { i18n: i } = le("ui");
-  return p ? /* @__PURE__ */ c(
+const We = Re(function({ apiKey: n, getSuggestions: p, ...m }, s) {
+  const { i18n: i } = ce("ui");
+  return p ? /* @__PURE__ */ l(
     Y,
     {
       ...m,
       forwardedRef: s,
       getSuggestions: p,
-      resolveSelection: We
+      resolveSelection: Xe
     }
-  ) : n ? /* @__PURE__ */ c(Pe, { apiKey: n, language: i.language, children: /* @__PURE__ */ c(ze, { ...m, forwardedRef: s }) }) : /* @__PURE__ */ c(Y, { ...m, forwardedRef: s });
+  ) : n ? /* @__PURE__ */ l(Pe, { apiKey: n, language: i.language, children: /* @__PURE__ */ l(Ge, { ...m, forwardedRef: s }) }) : /* @__PURE__ */ l(Y, { ...m, forwardedRef: s });
 });
-Ge.displayName = "AddressAutocomplete";
-async function We(t) {
+We.displayName = "AddressAutocomplete";
+async function Xe(t) {
   return t.address ?? null;
 }
 export {
-  Ge as A,
-  qe as a,
+  We as A,
+  Ke as a,
   de as p
 };
-//# sourceMappingURL=address-autocomplete-Bp816Mb1.js.map
+//# sourceMappingURL=address-autocomplete-BBZ0u_U1.js.map