@alfadocs/ui-kit 1.54.1 → 1.54.2

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

@@ -0,0 +1,312 @@
+import { jsx as r, jsxs as E } from "react/jsx-runtime";
+import { forwardRef as ee, useMemo as re, useState as I, useEffect as T, useRef as z } from "react";
+import { useTranslation as oe } from "react-i18next";
+import { c as ae } from "./index-D2ZczOXr.js";
+import { B as L } from "./button-CYPx2xFq.js";
+import { L as te } from "./logo-CuaqxTGK.js";
+import { i as ne } from "./safe-href-5dbsfbQn.js";
+import { a as se } from "./error-page-illustration-bFti0VEc.js";
+import { loadLocale as ie, LOCALES_WITH_BUNDLES as de } from "../i18n/config.js";
+import { R as ce } from "./rotate-ccw-BBQnIVTr.js";
+import { L as le } from "./log-in-OQUEoGhX.js";
+import { c as M } 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 me = [
+  ["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" }]
+], ue = M("circle-question-mark", me);
+/**
+ * @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 ge = [
+  ["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"
+    }
+  ]
+], pe = M("house", ge), fe = [
+  400,
+  401,
+  403,
+  404,
+  405,
+  410,
+  419,
+  429,
+  500,
+  502,
+  503,
+  504,
+  "offline",
+  "maintenance"
+], A = {
+  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 ye(e) {
+  return fe.includes(e) ? A[e] : A.generic;
+}
+const he = "alfadocs-ui.locale", ve = "it", ke = (e) => {
+  if (!e) return;
+  const o = e.toLowerCase().replaceAll("_", "-").split("-")[0], a = o === "cn" ? "zh" : o;
+  return de.includes(a) ? a : void 0;
+}, be = () => {
+  try {
+    return window.localStorage.getItem(he);
+  } catch {
+    return null;
+  }
+};
+function xe(e = {}) {
+  var f;
+  const o = typeof window < "u", a = e.saved !== void 0 ? e.saved : o ? be() : null, d = e.browser ?? (o && typeof navigator < "u" ? (f = navigator.languages) != null && f.length ? navigator.languages : [navigator.language] : []), p = e.document ?? (typeof document < "u" ? document.documentElement.lang : ""), v = [
+    e.locale,
+    a,
+    ...d,
+    e.hostLocaleIsDefault ? void 0 : p
+  ];
+  for (const k of v) {
+    const y = ke(k);
+    if (y) return y;
+  }
+  return ve;
+}
+const B = (e, o) => ie(e, o), we = ae(
+  "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%]"
+      },
+      surface: {
+        /** The page background. */
+        background: "",
+        /** A card's surface, for a page set inside a `Card`. The mark
+         *  cuts its holes with `--background`, so that is re-pointed too. */
+        card: "ds:[--background:var(--card)] ds:[--foreground:var(--card-foreground)]"
+      }
+    },
+    defaultVariants: { layout: "page", surface: "background" }
+  }
+), Ee = /* @__PURE__ */ new Set(["ar"]), Le = 1500;
+function Ne(e, o) {
+  const a = e instanceof Date ? e : new Date(e);
+  if (Number.isNaN(a.getTime())) return;
+  const d = /* @__PURE__ */ new Date(), p = d.toDateString() === a.toDateString() ? {} : {
+    day: "numeric",
+    month: "short",
+    ...d.getFullYear() === a.getFullYear() ? {} : { year: "numeric" }
+  };
+  return new Intl.DateTimeFormat(o === "en" ? "en-GB" : o, {
+    ...p,
+    hour: "2-digit",
+    minute: "2-digit"
+  }).format(a);
+}
+const D = (e, o) => !!e.getResource(o, "ui", "errorPage"), F = (e) => ne(e) ? e : "#", Se = ee(
+  ({
+    status: e,
+    homeHref: o = "/",
+    loginHref: a,
+    supportHref: d,
+    onRetry: p,
+    requestId: v,
+    backAt: f,
+    locale: k,
+    hostLocaleIsDefault: y = !1,
+    title: G,
+    message: j,
+    primaryAction: s,
+    mood: O,
+    showStatusLabel: $ = !0,
+    showLogo: H = !0,
+    as: U = "main",
+    focusHeading: P = !0,
+    headingLevel: V = 1,
+    layout: Y,
+    surface: q,
+    className: K,
+    ...Q
+  }, W) => {
+    const { i18n: g } = oe("ui"), c = re(
+      () => xe({ locale: k, hostLocaleIsDefault: y }),
+      [k, y]
+    ), [n, b] = I(
+      () => D(g, c) ? c : null
+    ), [, J] = I(0);
+    T(() => {
+      let t = !0;
+      const u = D(g, c);
+      b(u ? c : null);
+      const w = () => t && J((h) => h + 1);
+      B("en", g).then(w).catch(() => {
+      });
+      const S = u ? void 0 : setTimeout(
+        () => t && b((h) => h ?? "en"),
+        Le
+      );
+      return B(c, g).then(() => {
+        t && (b(c), w());
+      }).catch(() => t && b((h) => h ?? "en")), () => {
+        t = !1, clearTimeout(S);
+      };
+    }, [g, c]);
+    const i = g.getFixedT(
+      n && n !== "en" ? [n, "en"] : "en",
+      "ui"
+    ), l = ye(e), R = l.key === "maintenance" && f ? Ne(f, n ?? "en") : void 0, C = z(null), _ = z(null);
+    T(() => {
+      var u;
+      const t = String(e);
+      !n || !P || _.current === t || (_.current = t, (u = C.current) == null || u.focus({ preventScroll: !0 }));
+    }, [n, P, e]);
+    const X = ["h1", "h2", "h3"][V - 1], Z = p ?? (() => window.location.reload()), x = l.primary === "login" && !a ? "retry" : l.primary, N = (t, u, w, S) => /* @__PURE__ */ r(
+      L,
+      {
+        intent: S,
+        size: "lg",
+        flipIconInRtl: t === "login",
+        asChild: !0,
+        startIcon: w,
+        "data-action": t,
+        children: /* @__PURE__ */ r("a", { href: F(u), children: i(`errorPage.actions.${t}`) })
+      },
+      t
+    ), m = [];
+    return s ? m.push(
+      typeof s.href == "string" ? /* @__PURE__ */ r(
+        L,
+        {
+          intent: "primary",
+          size: "lg",
+          asChild: !0,
+          startIcon: s.icon,
+          "data-action": "custom",
+          children: /* @__PURE__ */ r("a", { href: F(s.href), children: s.label })
+        },
+        "custom"
+      ) : /* @__PURE__ */ r(
+        L,
+        {
+          intent: "primary",
+          size: "lg",
+          startIcon: s.icon,
+          onClick: s.onClick,
+          "data-action": "custom",
+          children: s.label
+        },
+        "custom"
+      )
+    ) : x === "retry" ? m.push(
+      /* @__PURE__ */ r(
+        L,
+        {
+          intent: "primary",
+          size: "lg",
+          startIcon: /* @__PURE__ */ r(ce, { "aria-hidden": "true" }),
+          onClick: Z,
+          "data-action": "retry",
+          children: i("errorPage.actions.retry")
+        },
+        "retry"
+      )
+    ) : x === "login" && a && m.push(
+      N("login", a, /* @__PURE__ */ r(le, { "aria-hidden": "true" }), "primary")
+    ), e !== "offline" && l.key !== "maintenance" && !(s && x === "home") && m.push(
+      N(
+        "home",
+        o,
+        /* @__PURE__ */ r(pe, { "aria-hidden": "true" }),
+        x === "home" ? "primary" : "secondary"
+      )
+    ), d && m.push(
+      N(
+        "support",
+        d,
+        /* @__PURE__ */ r(ue, { "aria-hidden": "true" }),
+        "ghost"
+      )
+    ), /* @__PURE__ */ r(
+      U,
+      {
+        ref: W,
+        "data-component": "error-page",
+        "data-status": String(e),
+        lang: n ?? void 0,
+        "aria-busy": n ? void 0 : !0,
+        dir: n && Ee.has(n) ? "rtl" : "ltr",
+        className: we({ layout: Y, surface: q, className: K }),
+        ...Q,
+        children: /* @__PURE__ */ E(
+          "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(se, { mood: O ?? l.mood }),
+              /* @__PURE__ */ E("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ E(
+                  X,
+                  {
+                    ref: C,
+                    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: i("errorPage.statusLabel", { status: e }) }),
+                      /* @__PURE__ */ r("span", { className: "type-title-page", children: G ?? i(`errorPage.status.${l.key}.title`) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ r("p", { className: "type-body ds:text-[var(--muted-foreground)]", children: j ?? i(`errorPage.status.${l.key}.message`) }),
+                R && /* @__PURE__ */ r("p", { className: "type-body ds:font-semibold", children: i("errorPage.backAt", { time: R }) })
+              ] }),
+              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 }),
+              v && /* @__PURE__ */ E("p", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: [
+                i("errorPage.reference", { id: v }),
+                /* @__PURE__ */ r("br", {}),
+                i("errorPage.referenceHint")
+              ] }),
+              H && /* @__PURE__ */ r(te, { decorative: !0, size: "sm", className: "ds:opacity-70" })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Se.displayName = "ErrorPage";
+export {
+  ve as E,
+  fe as a,
+  Se as b,
+  ye as e,
+  xe as r
+};
+//# sourceMappingURL=error-page-C15GfNEj.js.map

package/dist/_chunks/{error-page-illustration-QGJAvuFB.js → error-page-illustration-bFti0VEc.js}

@@ -1,6 +1,22 @@
-import { jsx as r, jsxs as t, Fragment as a } from "react/jsx-runtime";
-import { useRef as w, useState as N, useEffect as $ } from "react";
-import { M as s, A as x, P as l, C as W } from "./mark-pieces-m_rn1mAc.js";
+import { jsx as r, jsxs as t, Fragment as i } from "react/jsx-runtime";
+import { useRef as L, useState as N, useEffect as $ } from "react";
+import { M as s, A as x, P as l, C as E } from "./mark-pieces-m_rn1mAc.js";
+const rr = [
+  "jumbled",
+  "locked",
+  "roped",
+  "lost",
+  "wrong-way",
+  "vanished",
+  "asleep",
+  "patched",
+  "melt",
+  "unplugged",
+  "rebuild",
+  "snail",
+  "adrift",
+  "puzzled"
+];
 function h({ name: n }) {
   return /* @__PURE__ */ r(
     l,
@@ -27,24 +43,24 @@ function c({ cx: n = 74, rx: e = 46 }) {
     }
   );
 }
-const E = "ds:[transform-box:fill-box] ds:origin-top ds:motion-safe:animate-[error-page-drip_calc(var(--animation-duration)*15)_ease-in-out_1]", O = "ds:motion-safe:animate-[error-page-drop_calc(var(--animation-duration)*12)_ease-in_2]", y = "ds:[transform-box:fill-box] ds:origin-bottom ds:motion-safe:animate-[error-page-rock_calc(var(--animation-duration)*20)_ease-in-out_1]", b = "ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-bob_calc(var(--animation-duration)*14)_ease-in-out_1]", v = "ds:[transform-box:fill-box] ds:origin-top ds:motion-safe:animate-[error-page-swing_calc(var(--animation-duration)*18)_ease-in-out_1]", R = "ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-wiggle_calc(var(--animation-duration)*10)_ease-in-out_2]", _ = "ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-rise_calc(var(--animation-duration)*16)_ease-out_1]", M = "ds:motion-safe:animate-[error-page-flicker_calc(var(--animation-duration)*6)_steps(1)_4]", P = "ds:motion-safe:animate-[error-page-crawl_calc(var(--animation-duration)*24)_ease-in-out_1]", A = "ds:motion-safe:animate-[error-page-bump_calc(var(--animation-duration)*12)_ease-in-out_2]", L = "ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-breathe_calc(var(--animation-duration)*20)_ease-in-out_1]", u = "ds:[animation-delay:calc(var(--animation-duration)*5)]", m = "ds:[animation-delay:calc(var(--animation-duration)*9)]", j = "ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-pop_calc(var(--animation-duration)*3)_ease-out_1]";
-function I() {
+const O = "ds:[transform-box:fill-box] ds:origin-top ds:motion-safe:animate-[error-page-drip_calc(var(--animation-duration)*15)_ease-in-out_1]", W = "ds:motion-safe:animate-[error-page-drop_calc(var(--animation-duration)*12)_ease-in_2]", y = "ds:[transform-box:fill-box] ds:origin-bottom ds:motion-safe:animate-[error-page-rock_calc(var(--animation-duration)*20)_ease-in-out_1]", b = "ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-bob_calc(var(--animation-duration)*14)_ease-in-out_1]", v = "ds:[transform-box:fill-box] ds:origin-top ds:motion-safe:animate-[error-page-swing_calc(var(--animation-duration)*18)_ease-in-out_1]", R = "ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-wiggle_calc(var(--animation-duration)*10)_ease-in-out_2]", _ = "ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-rise_calc(var(--animation-duration)*16)_ease-out_1]", M = "ds:motion-safe:animate-[error-page-flicker_calc(var(--animation-duration)*6)_steps(1)_4]", P = "ds:motion-safe:animate-[error-page-crawl_calc(var(--animation-duration)*24)_ease-in-out_1]", A = "ds:motion-safe:animate-[error-page-bump_calc(var(--animation-duration)*12)_ease-in-out_2]", w = "ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-breathe_calc(var(--animation-duration)*20)_ease-in-out_1]", u = "ds:[animation-delay:calc(var(--animation-duration)*5)]", m = "ds:[animation-delay:calc(var(--animation-duration)*9)]", j = "ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-pop_calc(var(--animation-duration)*3)_ease-out_1]";
+function S() {
   const n = {
     top: 75,
     right: -60,
     left: 40,
     bottom: -95
   };
-  return /* @__PURE__ */ t(a, { children: [
-    x.map((e, o) => {
-      const [i, d] = W[e];
-      return /* @__PURE__ */ r("g", { transform: `rotate(${n[e]} ${i} ${d})`, children: /* @__PURE__ */ r("g", { className: `${R} ${o % 2 ? u : ""}`, children: /* @__PURE__ */ r(l, { name: e }) }) }, e);
+  return /* @__PURE__ */ t(i, { children: [
+    x.map((e, a) => {
+      const [o, d] = E[e];
+      return /* @__PURE__ */ r("g", { transform: `rotate(${n[e]} ${o} ${d})`, children: /* @__PURE__ */ r("g", { className: `${R} ${a % 2 ? u : ""}`, children: /* @__PURE__ */ r(l, { name: e }) }) }, e);
     }),
     /* @__PURE__ */ r(c, {})
   ] });
 }
-function S() {
-  return /* @__PURE__ */ t(a, { children: [
+function D() {
+  return /* @__PURE__ */ t(i, { children: [
     /* @__PURE__ */ r(s, {}),
     /* @__PURE__ */ t("g", { className: v, children: [
       /* @__PURE__ */ r(
@@ -84,13 +100,13 @@ function S() {
     /* @__PURE__ */ r(c, {})
   ] });
 }
-function T() {
+function I() {
   const n = (e) => /* @__PURE__ */ t("g", { fill: "var(--muted-foreground)", children: [
     /* @__PURE__ */ r("rect", { x: e - 3, y: "158", width: "6", height: "48", rx: "3" }),
     /* @__PURE__ */ r("circle", { cx: e, cy: "157", r: "6" }),
     /* @__PURE__ */ r("rect", { x: e - 11, y: "202", width: "22", height: "5", rx: "2.5" })
   ] });
-  return /* @__PURE__ */ t(a, { children: [
+  return /* @__PURE__ */ t(i, { children: [
     /* @__PURE__ */ r(s, {}),
     n(8),
     n(140),
@@ -106,8 +122,8 @@ function T() {
     ) })
   ] });
 }
-function D() {
-  return /* @__PURE__ */ t(a, { children: [
+function T() {
+  return /* @__PURE__ */ t(i, { children: [
     /* @__PURE__ */ r(s, { except: ["right"] }),
     /* @__PURE__ */ r(h, { name: "right" }),
     /* @__PURE__ */ r(c, { cx: 150, rx: 28 }),
@@ -125,7 +141,7 @@ function D() {
   ] });
 }
 function B() {
-  return /* @__PURE__ */ t(a, { children: [
+  return /* @__PURE__ */ t(i, { children: [
     /* @__PURE__ */ r(s, { except: ["right"] }),
     /* @__PURE__ */ r(h, { name: "right" }),
     /* @__PURE__ */ r("g", { className: A, children: /* @__PURE__ */ r("g", { transform: "translate(40 0) rotate(90 121 70)", children: /* @__PURE__ */ r(l, { name: "right" }) }) }),
@@ -140,28 +156,28 @@ function C() {
     [62, 118, u],
     [20, 96, m]
   ];
-  return /* @__PURE__ */ t(a, { children: [
+  return /* @__PURE__ */ t(i, { children: [
     x.map((e) => /* @__PURE__ */ r(h, { name: e }, e)),
-    n.map(([e, o, i]) => /* @__PURE__ */ r(
+    n.map(([e, a, o]) => /* @__PURE__ */ r(
       "rect",
       {
         x: e,
-        y: o,
+        y: a,
         width: "6",
         height: "6",
         rx: "1.5",
-        className: `${_} ${i}`
+        className: `${_} ${o}`
       },
-      `${e}-${o}`
+      `${e}-${a}`
     )),
     /* @__PURE__ */ r(c, {})
   ] });
 }
 function F() {
-  const n = (e, o, i, d) => /* @__PURE__ */ r(
+  const n = (e, a, o, d) => /* @__PURE__ */ r(
     "path",
     {
-      d: `M${e} ${o} h${i} l-${i} ${i} h${i}`,
+      d: `M${e} ${a} h${o} l-${o} ${o} h${o}`,
       fill: "none",
       stroke: "var(--muted-foreground)",
       strokeWidth: "3",
@@ -170,8 +186,8 @@ function F() {
       className: `${_} ${d}`
     }
   );
-  return /* @__PURE__ */ t(a, { children: [
-    /* @__PURE__ */ r("g", { transform: "rotate(14 74 74)", children: /* @__PURE__ */ r("g", { className: L, children: /* @__PURE__ */ r(s, {}) }) }),
+  return /* @__PURE__ */ t(i, { children: [
+    /* @__PURE__ */ r("g", { transform: "rotate(14 74 74)", children: /* @__PURE__ */ r("g", { className: w, children: /* @__PURE__ */ r(s, {}) }) }),
     n(122, 22, 10, ""),
     n(140, 2, 13, u),
     n(160, -16, 16, m),
@@ -179,8 +195,8 @@ function F() {
   ] });
 }
 function G() {
-  return /* @__PURE__ */ t(a, { children: [
-    /* @__PURE__ */ t("g", { className: L, children: [
+  return /* @__PURE__ */ t(i, { children: [
+    /* @__PURE__ */ t("g", { className: w, children: [
       /* @__PURE__ */ r(s, {}),
       /* @__PURE__ */ r(
         "polyline",
@@ -232,27 +248,27 @@ function G() {
 function p({
   cx: n,
   top: e,
-  length: o,
-  className: i = ""
+  length: a,
+  className: o = ""
 }) {
-  return /* @__PURE__ */ t("g", { className: `${E} ${i}`, children: [
-    /* @__PURE__ */ r("rect", { x: n - 3.5, y: e, width: "7", height: o, rx: "3.5" }),
-    /* @__PURE__ */ r("circle", { cx: n, cy: e + o, r: "4.2" })
+  return /* @__PURE__ */ t("g", { className: `${O} ${o}`, children: [
+    /* @__PURE__ */ r("rect", { x: n - 3.5, y: e, width: "7", height: a, rx: "3.5" }),
+    /* @__PURE__ */ r("circle", { cx: n, cy: e + a, r: "4.2" })
   ] });
 }
-function Q() {
-  return /* @__PURE__ */ t(a, { children: [
+function z() {
+  return /* @__PURE__ */ t(i, { children: [
     /* @__PURE__ */ r(s, {}),
     /* @__PURE__ */ r("path", { d: "M67 139 L99 131 L101 138 Q92 151 80 152 Q70 153 68 143 Z" }),
     /* @__PURE__ */ r(p, { cx: 75, top: 144, length: 20, className: u }),
     /* @__PURE__ */ r(p, { cx: 85.5, top: 141, length: 32 }),
     /* @__PURE__ */ r(p, { cx: 96, top: 137, length: 13, className: m }),
-    /* @__PURE__ */ r("circle", { cx: "85.5", cy: "179", r: "3.2", className: O }),
+    /* @__PURE__ */ r("circle", { cx: "85.5", cy: "179", r: "3.2", className: W }),
     /* @__PURE__ */ r("ellipse", { cx: "86", cy: "204", rx: "30", ry: "5.5", fillOpacity: "0.3" })
   ] });
 }
-function z() {
-  return /* @__PURE__ */ t(a, { children: [
+function Q() {
+  return /* @__PURE__ */ t(i, { children: [
     /* @__PURE__ */ t("g", { transform: "translate(-12 -8)", children: [
       /* @__PURE__ */ r(l, { name: "top" }),
       /* @__PURE__ */ r(l, { name: "left" })
@@ -277,7 +293,7 @@ function z() {
   ] });
 }
 function K() {
-  return /* @__PURE__ */ t(a, { children: [
+  return /* @__PURE__ */ t(i, { children: [
     /* @__PURE__ */ r(s, { except: ["right"] }),
     /* @__PURE__ */ r(h, { name: "right" }),
     /* @__PURE__ */ t("g", { className: v, children: [
@@ -309,7 +325,7 @@ function K() {
   ] });
 }
 function U() {
-  return /* @__PURE__ */ t(a, { children: [
+  return /* @__PURE__ */ t(i, { children: [
     /* @__PURE__ */ r(s, { except: ["right"] }),
     /* @__PURE__ */ r(h, { name: "right" }),
     /* @__PURE__ */ r(c, { cx: 140, rx: 34 }),
@@ -373,16 +389,16 @@ function H() {
     left: [-14, 0, m],
     bottom: [0, 14, u]
   };
-  return /* @__PURE__ */ t(a, { children: [
+  return /* @__PURE__ */ t(i, { children: [
     /* @__PURE__ */ r(c, {}),
     x.map((e) => {
-      const [o, i, d] = n[e];
-      return /* @__PURE__ */ r("g", { transform: `translate(${o} ${i})`, children: /* @__PURE__ */ r("g", { className: `${b} ${d}`, children: /* @__PURE__ */ r(l, { name: e }) }) }, e);
+      const [a, o, d] = n[e];
+      return /* @__PURE__ */ r("g", { transform: `translate(${a} ${o})`, children: /* @__PURE__ */ r("g", { className: `${b} ${d}`, children: /* @__PURE__ */ r(l, { name: e }) }) }, e);
     })
   ] });
 }
 function J() {
-  return /* @__PURE__ */ t(a, { children: [
+  return /* @__PURE__ */ t(i, { children: [
     /* @__PURE__ */ r("g", { className: y, children: /* @__PURE__ */ r(s, {}) }),
     /* @__PURE__ */ t("g", { className: b, children: [
       /* @__PURE__ */ r(
@@ -402,31 +418,31 @@ function J() {
   ] });
 }
 const V = {
-  jumbled: I,
-  locked: S,
-  roped: T,
-  lost: D,
+  jumbled: S,
+  locked: D,
+  roped: I,
+  lost: T,
   "wrong-way": B,
   vanished: C,
   asleep: F,
   patched: G,
-  melt: Q,
-  unplugged: z,
+  melt: z,
+  unplugged: Q,
   rebuild: K,
   snail: U,
   adrift: H,
   puzzled: J
 }, X = 3e3;
-function rr({
+function er({
   mood: n
 }) {
-  const e = w(null), [o, i] = N(!1);
+  const e = L(null), [a, o] = N(!1);
   $(() => {
     const f = e.current;
     if (!f) return;
     let g;
     const k = () => {
-      i(!0), clearTimeout(g), g = setTimeout(() => i(!1), X);
+      o(!0), clearTimeout(g), g = setTimeout(() => o(!1), X);
     };
     return f.addEventListener("click", k), () => {
       f.removeEventListener("click", k), clearTimeout(g);
@@ -438,7 +454,7 @@ function rr({
     {
       ref: e,
       "aria-hidden": "true",
-      "data-mood": o ? "fixed" : n,
+      "data-mood": a ? "fixed" : n,
       className: "ds:w-48 ds:select-none",
       children: /* @__PURE__ */ r(
         "svg",
@@ -447,13 +463,14 @@ function rr({
           viewBox: "-20 -24 200 240",
           fill: "var(--primary)",
           className: "ds:block ds:w-full ds:h-auto ds:overflow-visible",
-          children: o ? /* @__PURE__ */ r("g", { className: j, children: /* @__PURE__ */ r(s, {}) }) : /* @__PURE__ */ r(d, {})
+          children: a ? /* @__PURE__ */ r("g", { className: j, children: /* @__PURE__ */ r(s, {}) }) : /* @__PURE__ */ r(d, {})
         }
       )
     }
   );
 }
 export {
-  rr as E
+  rr as E,
+  er as a
 };
-//# sourceMappingURL=error-page-illustration-QGJAvuFB.js.map
+//# sourceMappingURL=error-page-illustration-bFti0VEc.js.map

package/dist/_chunks/{login-dev-card-C7wo-Hv1.js → login-dev-card-q7iTojvV.js}

@@ -11,7 +11,7 @@ import { i as rs } from "./safe-href-5dbsfbQn.js";
 import { u as ws, a as xs, A as Fs, b as bs, E as Ns, d as ys, c as Es } from "./auth-form-parts-Celi-TLV.js";
 import { u as Is } from "./use-registration-submit-DxCWic5_.js";
 import { M as Rs } from "./matrix-rain-sDOUUwZp.js";
-import { E as Ls } from "./error-page-illustration-QGJAvuFB.js";
+import { a as Ls } from "./error-page-illustration-bFti0VEc.js";
 const Cs = ["email", "password"], Bs = z(
   "ds:flex ds:w-full ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-lg)] ds:text-start ds:text-[var(--foreground)] ds:lg:flex-row ds:lg:items-stretch"
 ), V = z("ds:w-full ds:max-w-[400px]"), As = (t) => Object.values(t).some(Boolean), ss = (t) => Cs.find((i) => t[i]) ?? (t.form ? "password" : void 0), qs = es(
@@ -272,4 +272,4 @@ export {
   Ms as a,
   qs as b
 };
-//# sourceMappingURL=login-dev-card-C7wo-Hv1.js.map
+//# sourceMappingURL=login-dev-card-q7iTojvV.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "1.54.1",
+  "packageVersion": "1.54.2",
   "components": [
     {
       "kind": "component",
@@ -19019,6 +19019,10 @@
         {
           "component": "button",
           "as": "support"
+        },
+        {
+          "component": "button",
+          "as": "custom"
         }
       ],
       "workflows": [