@alfadocs/ui-kit 1.52.0 → 1.54.0

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

@@ -1,9 +1,10 @@
 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 { c as m } from "./index-D2ZczOXr.js";
+import { forwardRef as m, 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 p } from "./index-D2ZczOXr.js";
 import { useTranslation as Z } from "react-i18next";
-import { B as x } from "./button-CYPx2xFq.js";
-function G(t, s) {
+import { B as v } from "./button-CYPx2xFq.js";
+import { i as G } from "./is-development-CLUAnsU7.js";
+function J(t, s) {
   t && (typeof t == "function" ? t(s) : t.current = s);
 }
 const h = M({
@@ -12,7 +13,7 @@ const h = M({
   titleId: "",
   registerTitle: () => {
   }
-}), J = m(
+}), K = p(
   "ds:flex ds:flex-col ds:items-center ds:text-center ds:max-w-md ds:ms-auto ds:me-auto ds:w-full",
   {
     variants: {
@@ -24,7 +25,7 @@ const h = M({
     },
     defaultVariants: { size: "md" }
   }
-), K = m(
+), Q = p(
   "ds:flex ds:items-center ds:justify-center ds:flex-shrink-0",
   {
     variants: {
@@ -36,7 +37,7 @@ const h = M({
     },
     defaultVariants: { size: "md" }
   }
-), Q = m("type-title-card ds:text-[var(--foreground)]", {
+), X = p("type-title-card ds:text-[var(--foreground)]", {
   variants: {
     size: {
       sm: "ds:[--type-title-card-size:var(--font-size-sm)]",
@@ -45,7 +46,7 @@ const h = M({
     }
   },
   defaultVariants: { size: "md" }
-}), X = m(
+}), Y = p(
   "type-body-sm ds:text-[var(--muted-foreground)]",
   {
     variants: {
@@ -58,7 +59,7 @@ const h = M({
     defaultVariants: { size: "md" }
   }
 );
-function Y() {
+function _() {
   return /* @__PURE__ */ d(
     "svg",
     {
@@ -85,7 +86,7 @@ function Y() {
     }
   );
 }
-function _() {
+function $() {
   return /* @__PURE__ */ d(
     "svg",
     {
@@ -124,7 +125,7 @@ function _() {
     }
   );
 }
-function $() {
+function A() {
   return /* @__PURE__ */ d(
     "svg",
     {
@@ -172,79 +173,83 @@ function $() {
     }
   );
 }
-const v = u(({ children: t, className: s, ...a }, r) => {
-  const { size: i } = g(h);
+const g = m(({ children: t, className: s, ...a }, i) => {
+  const { size: r } = x(h);
   return /* @__PURE__ */ e(
     "div",
     {
-      ref: r,
+      ref: i,
       "aria-hidden": "true",
-      className: K({ size: i, className: s }),
+      className: Q({ size: r, className: s }),
       ...a,
       children: t
     }
   );
 });
-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 = m(({ children: t, className: s, ...a }, i) => {
+  const { size: r, titleId: l, registerTitle: f } = x(h), c = N(
+    (u) => {
+      u && f(), typeof i == "function" ? i(u) : i && (i.current = u);
     },
-    [r, p]
+    [i, f]
   );
   return /* @__PURE__ */ e(
     "h3",
     {
-      ref: f,
+      ref: c,
       id: l,
-      className: Q({ size: i, className: s }),
+      className: X({ size: r, className: s }),
       ...a,
       children: t
     }
   );
 });
 w.displayName = "EmptyState.Title";
-const S = u(({ children: t, className: s, ...a }, r) => {
-  const { size: i } = g(h);
+const S = m(({ children: t, className: s, ...a }, i) => {
+  const { size: r } = x(h);
   return /* @__PURE__ */ e(
     "p",
     {
-      ref: r,
-      className: X({ size: i, className: s }),
+      ref: i,
+      className: Y({ size: r, className: s }),
       ...a,
       children: t
     }
   );
 });
 S.displayName = "EmptyState.Description";
-const A = m(
+const tt = p(
   "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 = m(({ children: t, className: s, ...a }, i) => /* @__PURE__ */ e("div", { ref: i, className: tt({ className: s }), ...a, children: t }));
 k.displayName = "EmptyState.Actions";
-const C = u(
+const C = m(
   ({
     variant: t,
     size: s = "md",
     title: a,
-    description: r,
-    primaryAction: i,
+    description: i,
+    primaryAction: r,
     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");
+    G() && c != null && (a !== void 0 || i !== void 0 || r !== 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), j = 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 D = t === "no-results" ? { role: "status", "aria-live": "polite" } : { role: "region" }, L = n(t === "first-use" ? "emptyState.firstUse.title" : t === "no-results" ? "emptyState.noResults.title" : "emptyState.error.title"), O = 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,
       {
@@ -253,40 +258,40 @@ const C = u(
           "div",
           {
             ref: (o) => {
-              b.current = o, G(R, o);
+              E.current = o, J(I, o);
             },
-            "aria-labelledby": T || !f ? z : void 0,
-            ...L,
-            className: J({ size: s, className: c }),
+            "aria-labelledby": R || !c ? z : void 0,
+            ...D,
+            className: K({ size: s, className: u }),
             "data-component": "empty-state",
-            ...I,
-            children: f ?? /* @__PURE__ */ d(U, { children: [
-              /* @__PURE__ */ d(v, { children: [
-                t === "first-use" && /* @__PURE__ */ e(Y, {}),
-                t === "no-results" && /* @__PURE__ */ e(_, {}),
-                t === "error" && /* @__PURE__ */ e($, {})
+            ...T,
+            children: c ?? /* @__PURE__ */ d(U, { children: [
+              /* @__PURE__ */ d(g, { children: [
+                t === "first-use" && /* @__PURE__ */ e(_, {}),
+                t === "no-results" && /* @__PURE__ */ e($, {}),
+                t === "error" && /* @__PURE__ */ e(A, {})
               ] }),
-              /* @__PURE__ */ e(w, { children: a ?? O }),
-              /* @__PURE__ */ e(S, { children: r ?? W }),
-              (i || l) && /* @__PURE__ */ d(k, { children: [
-                i && /* @__PURE__ */ e(
-                  x,
+              /* @__PURE__ */ e(w, { children: a ?? L }),
+              /* @__PURE__ */ e(S, { children: i ?? O }),
+              (r || l) && /* @__PURE__ */ d(k, { children: [
+                r && /* @__PURE__ */ e(
+                  v,
                   {
                     intent: "primary",
                     size: y,
-                    onClick: i.onClick,
-                    children: i.label ?? B
+                    onClick: r.onClick,
+                    children: r.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 +308,13 @@ const C = u(
   }
 );
 C.displayName = "EmptyState";
-const lt = Object.assign(C, {
-  Illustration: v,
+const nt = Object.assign(C, {
+  Illustration: g,
   Title: w,
   Description: S,
   Actions: k
 });
 export {
-  lt as E
+  nt as E
 };
-//# sourceMappingURL=empty-state-DActfjdn.js.map
+//# sourceMappingURL=empty-state-CgvmPPvW.js.map

package/dist/_chunks/{entity-summary-oW3_jFhU.js → entity-summary-C3E4JKVr.js}

@@ -4,9 +4,9 @@ import { useTranslation as D } from "react-i18next";
 import { A as I } from "./alert-BhCstf2h.js";
 import { A as H } from "./avatar-DYtwj1-R.js";
 import { B as $ } from "./button-CYPx2xFq.js";
-import { I as O } from "./icon-button-JAXAkqWC.js";
+import { I as O } from "./icon-button-mKIvw90h.js";
 import { C } from "./card-DPmk26CL.js";
-import { L as F } from "./link-BlVUIKk1.js";
+import { L as F } from "./link-2HokYuIi.js";
 import { P as G } from "./panel-header-D_mTdhUp.js";
 import { T as W } from "./timestamp-DPLDWdxA.js";
 import { u as X } from "./registry-DvAUVLHh.js";
@@ -274,4 +274,4 @@ function ae({ section: t }) {
 export {
   be as E
 };
-//# sourceMappingURL=entity-summary-oW3_jFhU.js.map
+//# sourceMappingURL=entity-summary-C3E4JKVr.js.map

package/dist/_chunks/{error-boundary--w5hYiQ-.js → error-boundary-Bzjk9Q2l.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-CgvmPPvW.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-Bzjk9Q2l.js.map

package/dist/_chunks/error-page-CKFJlekz.js

@@ -0,0 +1,275 @@
+import { jsx as r, jsxs as x } from "react/jsx-runtime";
+import { forwardRef as H, useMemo as K, useState as R, useEffect as _, useRef as C } from "react";
+import { useTranslation as Q } from "react-i18next";
+import { c as W } from "./index-D2ZczOXr.js";
+import { B as T } from "./button-CYPx2xFq.js";
+import { L as J } from "./logo-CuaqxTGK.js";
+import { i as X } from "./safe-href-5dbsfbQn.js";
+import { E as Z } from "./error-page-illustration-QGJAvuFB.js";
+import { loadLocale as ee, LOCALES_WITH_BUNDLES as re } from "../i18n/config.js";
+import { R as oe } from "./rotate-ccw-BBQnIVTr.js";
+import { L as te } from "./log-in-OQUEoGhX.js";
+import { c as D } from "./createLucideIcon-DhHxpK9K.js";
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ae = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+], ne = D("circle-question-mark", ae);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const se = [
+  ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
+  [
+    "path",
+    {
+      d: "M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",
+      key: "r6nss1"
+    }
+  ]
+], ie = D("house", se), de = [
+  400,
+  401,
+  403,
+  404,
+  405,
+  410,
+  419,
+  429,
+  500,
+  502,
+  503,
+  504,
+  "offline",
+  "maintenance"
+], I = {
+  400: { key: "badRequest", mood: "jumbled", primary: "home" },
+  401: { key: "unauthorised", mood: "locked", primary: "login" },
+  403: { key: "forbidden", mood: "roped", primary: "home" },
+  404: { key: "notFound", mood: "lost", primary: "home" },
+  405: { key: "methodNotAllowed", mood: "wrong-way", primary: "home" },
+  410: { key: "gone", mood: "vanished", primary: "home" },
+  419: { key: "expired", mood: "asleep", primary: "login" },
+  429: { key: "tooManyRequests", mood: "melt", primary: "retry" },
+  500: { key: "serverError", mood: "patched", primary: "retry" },
+  502: { key: "badGateway", mood: "unplugged", primary: "retry" },
+  503: { key: "maintenance", mood: "rebuild", primary: "retry" },
+  504: { key: "timeout", mood: "snail", primary: "retry" },
+  offline: { key: "offline", mood: "adrift", primary: "retry" },
+  maintenance: { key: "maintenance", mood: "rebuild", primary: "retry" },
+  generic: { key: "generic", mood: "puzzled", primary: "home" }
+};
+function ce(e) {
+  return de.includes(e) ? I[e] : I.generic;
+}
+const le = "alfadocs-ui.locale", me = "it", ue = (e) => {
+  if (!e) return;
+  const o = e.toLowerCase().replaceAll("_", "-").split("-")[0], t = o === "cn" ? "zh" : o;
+  return re.includes(t) ? t : void 0;
+}, pe = () => {
+  try {
+    return window.localStorage.getItem(le);
+  } catch {
+    return null;
+  }
+};
+function ye(e = {}) {
+  var p;
+  const o = typeof window < "u", t = e.saved !== void 0 ? e.saved : o ? pe() : null, i = e.browser ?? (o && typeof navigator < "u" ? (p = navigator.languages) != null && p.length ? navigator.languages : [navigator.language] : []), u = e.document ?? (typeof document < "u" ? document.documentElement.lang : ""), f = [
+    e.locale,
+    t,
+    ...i,
+    e.hostLocaleIsDefault ? void 0 : u
+  ];
+  for (const h of f) {
+    const y = ue(h);
+    if (y) return y;
+  }
+  return me;
+}
+const z = (e, o) => ee(e, o), ge = W(
+  "ds:flex ds:flex-col ds:items-center ds:justify-center ds:bg-[var(--background)] ds:text-[var(--foreground)] ds:px-[var(--spacing-md)] ds:py-[var(--spacing-2xl)]",
+  {
+    variants: {
+      layout: {
+        /** Fills the viewport: the whole page is the error. */
+        page: "ds:min-h-screen",
+        /** Fills its container, under the host's own header. */
+        embedded: "ds:[min-block-size:100%]"
+      }
+    },
+    defaultVariants: { layout: "page" }
+  }
+), fe = /* @__PURE__ */ new Set(["ar"]), he = 1500;
+function ve(e, o) {
+  const t = e instanceof Date ? e : new Date(e);
+  if (Number.isNaN(t.getTime())) return;
+  const i = /* @__PURE__ */ new Date(), u = i.toDateString() === t.toDateString() ? {} : {
+    day: "numeric",
+    month: "short",
+    ...i.getFullYear() === t.getFullYear() ? {} : { year: "numeric" }
+  };
+  return new Intl.DateTimeFormat(o === "en" ? "en-GB" : o, {
+    ...u,
+    hour: "2-digit",
+    minute: "2-digit"
+  }).format(t);
+}
+const B = (e, o) => !!e.getResource(o, "ui", "errorPage"), ke = (e) => X(e) ? e : "#", be = H(
+  ({
+    status: e,
+    homeHref: o = "/",
+    loginHref: t,
+    supportHref: i,
+    onRetry: u,
+    requestId: f,
+    backAt: p,
+    locale: h,
+    hostLocaleIsDefault: y = !1,
+    title: M,
+    message: F,
+    showLogo: G = !0,
+    as: j = "main",
+    focusHeading: N = !0,
+    layout: O,
+    className: $,
+    ...U
+  }, V) => {
+    const { i18n: l } = Q("ui"), d = K(
+      () => ye({ locale: h, hostLocaleIsDefault: y }),
+      [h, y]
+    ), [n, v] = R(
+      () => B(l, d) ? d : null
+    ), [, Y] = R(0);
+    _(() => {
+      let a = !0;
+      const k = B(l, d);
+      v(k ? d : null);
+      const b = () => a && Y((g) => g + 1);
+      z("en", l).then(b).catch(() => {
+      });
+      const L = k ? void 0 : setTimeout(
+        () => a && v((g) => g ?? "en"),
+        he
+      );
+      return z(d, l).then(() => {
+        a && (v(d), b());
+      }).catch(() => a && v((g) => g ?? "en")), () => {
+        a = !1, clearTimeout(L);
+      };
+    }, [l, d]);
+    const s = l.getFixedT(
+      n && n !== "en" ? [n, "en"] : "en",
+      "ui"
+    ), c = ce(e), P = c.key === "maintenance" && p ? ve(p, n ?? "en") : void 0, S = C(null), A = C(!1);
+    _(() => {
+      var a;
+      !n || !N || A.current || (A.current = !0, (a = S.current) == null || a.focus({ preventScroll: !0 }));
+    }, [n, N]);
+    const q = u ?? (() => window.location.reload()), w = c.primary === "login" && !t ? "retry" : c.primary, E = (a, k, b, L) => /* @__PURE__ */ r(
+      T,
+      {
+        intent: L,
+        size: "lg",
+        flipIconInRtl: a === "login",
+        asChild: !0,
+        startIcon: b,
+        "data-action": a,
+        children: /* @__PURE__ */ r("a", { href: ke(k), children: s(`errorPage.actions.${a}`) })
+      },
+      a
+    ), m = [];
+    return w === "retry" ? m.push(
+      /* @__PURE__ */ r(
+        T,
+        {
+          intent: "primary",
+          size: "lg",
+          startIcon: /* @__PURE__ */ r(oe, { "aria-hidden": "true" }),
+          onClick: q,
+          "data-action": "retry",
+          children: s("errorPage.actions.retry")
+        },
+        "retry"
+      )
+    ) : w === "login" && t && m.push(
+      E("login", t, /* @__PURE__ */ r(te, { "aria-hidden": "true" }), "primary")
+    ), e !== "offline" && c.key !== "maintenance" && m.push(
+      E(
+        "home",
+        o,
+        /* @__PURE__ */ r(ie, { "aria-hidden": "true" }),
+        w === "home" ? "primary" : "secondary"
+      )
+    ), i && m.push(
+      E(
+        "support",
+        i,
+        /* @__PURE__ */ r(ne, { "aria-hidden": "true" }),
+        "ghost"
+      )
+    ), /* @__PURE__ */ r(
+      j,
+      {
+        ref: V,
+        "data-component": "error-page",
+        "data-status": String(e),
+        lang: n ?? void 0,
+        "aria-busy": n ? void 0 : !0,
+        dir: n && fe.has(n) ? "rtl" : "ltr",
+        className: ge({ layout: O, className: $ }),
+        ...U,
+        children: /* @__PURE__ */ x(
+          "div",
+          {
+            className: n ? "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center ds:[max-inline-size:32rem]" : "ds:invisible",
+            children: [
+              /* @__PURE__ */ r(Z, { mood: c.mood }),
+              /* @__PURE__ */ x("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ x(
+                  "h1",
+                  {
+                    ref: S,
+                    tabIndex: -1,
+                    className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:outline-none",
+                    children: [
+                      typeof e == "number" && /* @__PURE__ */ r("span", { className: "type-label ds:text-[var(--muted-foreground)]", children: s("errorPage.statusLabel", { status: e }) }),
+                      /* @__PURE__ */ r("span", { className: "type-title-page", children: M ?? s(`errorPage.status.${c.key}.title`) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ r("p", { className: "type-body ds:text-[var(--muted-foreground)]", children: F ?? s(`errorPage.status.${c.key}.message`) }),
+                P && /* @__PURE__ */ r("p", { className: "type-body ds:font-semibold", children: s("errorPage.backAt", { time: P }) })
+              ] }),
+              m.length > 0 && /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-center ds:gap-[var(--spacing-sm)]", children: m }),
+              f && /* @__PURE__ */ x("p", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: [
+                s("errorPage.reference", { id: f }),
+                /* @__PURE__ */ r("br", {}),
+                s("errorPage.referenceHint")
+              ] }),
+              G && /* @__PURE__ */ r(J, { decorative: !0, size: "sm", className: "ds:opacity-70" })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+be.displayName = "ErrorPage";
+export {
+  me as E,
+  de as a,
+  be as b,
+  ce as e,
+  ye as r
+};
+//# sourceMappingURL=error-page-CKFJlekz.js.map