@alfadocs/ui-kit 1.52.0 → 1.53.0

package/dist/_chunks/{empty-state-DActfjdn.js → empty-state-C62P_6kr.js}

@@ -1,8 +1,15 @@
 import { jsx as e, jsxs as d, Fragment as U } from "react/jsx-runtime";
-import { forwardRef as u, useId as H, useRef as F, useState as P, useCallback as N, useEffect as q, useContext as g, createContext as M } from "react";
+import { forwardRef as p, useId as H, useRef as P, useState as F, useCallback as N, useEffect as q, useContext as x, createContext as M } from "react";
 import { c as m } from "./index-D2ZczOXr.js";
 import { useTranslation as Z } from "react-i18next";
-import { B as x } from "./button-CYPx2xFq.js";
+import { B as v } from "./button-CYPx2xFq.js";
+function _() {
+  try {
+    return process.env.NODE_ENV !== "production";
+  } catch {
+    return !1;
+  }
+}
 function G(t, s) {
   t && (typeof t == "function" ? t(s) : t.current = s);
 }
@@ -85,7 +92,7 @@ function Y() {
     }
   );
 }
-function _() {
+function $() {
   return /* @__PURE__ */ d(
     "svg",
     {
@@ -124,7 +131,7 @@ function _() {
     }
   );
 }
-function $() {
+function A() {
   return /* @__PURE__ */ d(
     "svg",
     {
@@ -172,8 +179,8 @@ function $() {
     }
   );
 }
-const v = u(({ children: t, className: s, ...a }, r) => {
-  const { size: i } = g(h);
+const g = p(({ children: t, className: s, ...a }, r) => {
+  const { size: i } = x(h);
   return /* @__PURE__ */ e(
     "div",
     {
@@ -185,18 +192,18 @@ const v = u(({ children: t, className: s, ...a }, r) => {
     }
   );
 });
-v.displayName = "EmptyState.Illustration";
-const w = u(({ children: t, className: s, ...a }, r) => {
-  const { size: i, titleId: l, registerTitle: p } = g(h), f = N(
-    (c) => {
-      c && p(), typeof r == "function" ? r(c) : r && (r.current = c);
+g.displayName = "EmptyState.Illustration";
+const w = p(({ children: t, className: s, ...a }, r) => {
+  const { size: i, titleId: l, registerTitle: f } = x(h), c = N(
+    (u) => {
+      u && f(), typeof r == "function" ? r(u) : r && (r.current = u);
     },
-    [r, p]
+    [r, f]
   );
   return /* @__PURE__ */ e(
     "h3",
     {
-      ref: f,
+      ref: c,
       id: l,
       className: Q({ size: i, className: s }),
       ...a,
@@ -205,8 +212,8 @@ const w = u(({ children: t, className: s, ...a }, r) => {
   );
 });
 w.displayName = "EmptyState.Title";
-const S = u(({ children: t, className: s, ...a }, r) => {
-  const { size: i } = g(h);
+const S = p(({ children: t, className: s, ...a }, r) => {
+  const { size: i } = x(h);
   return /* @__PURE__ */ e(
     "p",
     {
@@ -218,11 +225,11 @@ const S = u(({ children: t, className: s, ...a }, r) => {
   );
 });
 S.displayName = "EmptyState.Description";
-const A = m(
+const tt = m(
   "ds:flex ds:flex-row ds:flex-wrap ds:items-center ds:justify-center ds:gap-[var(--spacing-md)]"
-), k = u(({ children: t, className: s, ...a }, r) => /* @__PURE__ */ e("div", { ref: r, className: A({ className: s }), ...a, children: t }));
+), k = p(({ children: t, className: s, ...a }, r) => /* @__PURE__ */ e("div", { ref: r, className: tt({ className: s }), ...a, children: t }));
 k.displayName = "EmptyState.Actions";
-const C = u(
+const C = p(
   ({
     variant: t,
     size: s = "md",
@@ -230,63 +237,67 @@ const C = u(
     description: r,
     primaryAction: i,
     secondaryAction: l,
-    autoFocus: p = !1,
-    children: f,
-    className: c,
-    ...I
-  }, R) => {
-    const { t: n } = Z("ui"), z = H(), b = F(null), [T, V] = P(!1), j = N(() => V(!0), []);
+    autoFocus: f = !1,
+    children: c,
+    className: u,
+    ...T
+  }, I) => {
+    const { t: n } = Z("ui");
+    _() && c != null && (a !== void 0 || r !== void 0 || i !== void 0 || l !== void 0) && console.warn(
+      "[EmptyState] `title`, `description`, `primaryAction` and `secondaryAction` are ignored when children are passed. Put EmptyState.Title, EmptyState.Description and EmptyState.Actions in the children instead, or drop the children."
+    );
+    const z = H(), E = P(null), [R, V] = F(!1), D = N(() => V(!0), []);
     q(() => {
-      var E;
-      if (!p) return;
-      const o = (E = b.current) == null ? void 0 : E.querySelector(
+      var b;
+      if (!f) return;
+      const o = (b = E.current) == null ? void 0 : b.querySelector(
         "button:not([disabled]), a[href]"
       );
       o == null || o.focus();
     }, []);
-    const L = t === "no-results" ? { role: "status", "aria-live": "polite" } : { role: "region" }, O = n(t === "first-use" ? "emptyState.firstUse.title" : t === "no-results" ? "emptyState.noResults.title" : "emptyState.error.title"), W = n(t === "first-use" ? "emptyState.firstUse.description" : t === "no-results" ? "emptyState.noResults.description" : "emptyState.error.description"), B = n(t === "first-use" ? "emptyState.firstUse.cta" : t === "no-results" ? "emptyState.noResults.cta" : "emptyState.error.cta"), y = s === "sm" ? "sm" : "md", D = (o) => /^(https?:\/\/|\/|#)/.test(o) ? o : "#";
+    const j = t === "no-results" ? { role: "status", "aria-live": "polite" } : { role: "region" }, O = n(t === "first-use" ? "emptyState.firstUse.title" : t === "no-results" ? "emptyState.noResults.title" : "emptyState.error.title"), L = n(t === "first-use" ? "emptyState.firstUse.description" : t === "no-results" ? "emptyState.noResults.description" : "emptyState.error.description"), W = n(t === "first-use" ? "emptyState.firstUse.cta" : t === "no-results" ? "emptyState.noResults.cta" : "emptyState.error.cta"), y = s === "sm" ? "sm" : "md", B = (o) => /^(https?:\/\/|\/|#)/.test(o) ? o : "#";
     return /* @__PURE__ */ e(
       h.Provider,
       {
-        value: { size: s, variant: t, titleId: z, registerTitle: j },
+        value: { size: s, variant: t, titleId: z, registerTitle: D },
         children: /* @__PURE__ */ e(
           "div",
           {
             ref: (o) => {
-              b.current = o, G(R, o);
+              E.current = o, G(I, o);
             },
-            "aria-labelledby": T || !f ? z : void 0,
-            ...L,
-            className: J({ size: s, className: c }),
+            "aria-labelledby": R || !c ? z : void 0,
+            ...j,
+            className: J({ size: s, className: u }),
             "data-component": "empty-state",
-            ...I,
-            children: f ?? /* @__PURE__ */ d(U, { children: [
-              /* @__PURE__ */ d(v, { children: [
+            ...T,
+            children: c ?? /* @__PURE__ */ d(U, { children: [
+              /* @__PURE__ */ d(g, { children: [
                 t === "first-use" && /* @__PURE__ */ e(Y, {}),
-                t === "no-results" && /* @__PURE__ */ e(_, {}),
-                t === "error" && /* @__PURE__ */ e($, {})
+                t === "no-results" && /* @__PURE__ */ e($, {}),
+                t === "error" && /* @__PURE__ */ e(A, {})
               ] }),
               /* @__PURE__ */ e(w, { children: a ?? O }),
-              /* @__PURE__ */ e(S, { children: r ?? W }),
+              /* @__PURE__ */ e(S, { children: r ?? L }),
               (i || l) && /* @__PURE__ */ d(k, { children: [
                 i && /* @__PURE__ */ e(
-                  x,
+                  v,
                   {
                     intent: "primary",
                     size: y,
                     onClick: i.onClick,
-                    children: i.label ?? B
+                    children: i.label ?? W
                   }
                 ),
-                l && (l.href ? /* @__PURE__ */ e(x, { intent: "ghost", size: y, asChild: !0, children: /* @__PURE__ */ e(
+                l && (l.href ? /* @__PURE__ */ e(v, { intent: "ghost", size: y, asChild: !0, children: /* @__PURE__ */ e(
                   "a",
                   {
-                    href: D(l.href),
+                    href: B(l.href),
                     onClick: l.onClick,
                     children: l.label
                   }
                 ) }) : /* @__PURE__ */ e(
-                  x,
+                  v,
                   {
                     intent: "ghost",
                     size: y,
@@ -303,13 +314,13 @@ const C = u(
   }
 );
 C.displayName = "EmptyState";
-const lt = Object.assign(C, {
-  Illustration: v,
+const at = Object.assign(C, {
+  Illustration: g,
   Title: w,
   Description: S,
   Actions: k
 });
 export {
-  lt as E
+  at as E
 };
-//# sourceMappingURL=empty-state-DActfjdn.js.map
+//# sourceMappingURL=empty-state-C62P_6kr.js.map

package/dist/_chunks/{error-boundary--w5hYiQ-.js → error-boundary-Cvs23EzK.js}

@@ -4,7 +4,7 @@ var i = (n, e, r) => u(n, typeof e != "symbol" ? e + "" : e, r);
 import { jsx as a, Fragment as y } from "react/jsx-runtime";
 import { Component as f } from "react";
 import { useTranslation as v } from "react-i18next";
-import { E } from "./empty-state-DActfjdn.js";
+import { E } from "./empty-state-C62P_6kr.js";
 function p({
   size: n,
   title: e,
@@ -87,4 +87,4 @@ i(b, "displayName", "ErrorBoundary");
 export {
   b as E
 };
-//# sourceMappingURL=error-boundary--w5hYiQ-.js.map
+//# sourceMappingURL=error-boundary-Cvs23EzK.js.map