@alfadocs/ui-kit 1.54.2 → 1.55.0

package/dist/_chunks/editor-overlay-NMxzcO6J.js

@@ -0,0 +1,90 @@
+import { jsx as s, jsxs as p } from "react/jsx-runtime";
+import { useRef as i, useId as j, useEffect as v, useCallback as k } from "react";
+import { useTranslation as I } from "react-i18next";
+import { c as N } from "./index-D2ZczOXr.js";
+import { I as R } from "./icon-button-COX76Jdj.js";
+import { g as z, a as C } from "./glass-surface-CPok0jEe.js";
+import { X as F } from "./x-B5YnXwCz.js";
+const q = N(
+  [
+    // Spans the editor's block-end edge (a docked bar) and expands from the pill.
+    "ds:absolute ds:z-20",
+    "ds:[inset-inline-start:var(--spacing-md)] ds:[inset-inline-end:var(--spacing-md)]",
+    "ds:[inset-block-end:var(--spacing-md)]",
+    // Slim docked bar — compact but with a little breathing room.
+    "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+    // Apple "Liquid Glass": the kit's shared AI-card surface (translucent
+    // base, backdrop blur, rim, hairline ring, shadow), which the
+    // VoiceControlPanel's floating panel uses too. Solid in the accessible
+    // themes, under more contrast or reduced transparency, and in forced
+    // colours (1.55.0). See _shared/glass-surface.
+    z,
+    // Liquid-glass grow out of the pill (bottom-inline-end origin).
+    "ds:origin-bottom-right ds:rtl:origin-bottom-left",
+    C
+  ].join(" ")
+), A = "ds:text-[length:var(--font-size-base)] ds:font-medium ds:text-[color:var(--foreground)]";
+function T({
+  open: r,
+  onClose: n,
+  title: t,
+  ariaLabel: g,
+  children: b,
+  footer: d,
+  id: x,
+  className: y
+}) {
+  const { t: h } = I("ui"), o = i(null), c = i(null), l = j(), m = i(n);
+  v(() => {
+    m.current = n;
+  }, [n]);
+  const w = k(() => n(), [n]);
+  return v(() => {
+    if (!r) return;
+    c.current = document.activeElement;
+    const E = window.requestAnimationFrame(() => {
+      var a, f;
+      (f = ((a = o.current) == null ? void 0 : a.querySelector(
+        'input, textarea, button, [tabindex]:not([tabindex="-1"])'
+      )) ?? o.current) == null || f.focus();
+    }), u = (e) => {
+      e.key === "Escape" && !e.defaultPrevented && (e.stopPropagation(), m.current());
+    };
+    return document.addEventListener("keydown", u), () => {
+      var e, a;
+      window.cancelAnimationFrame(E), document.removeEventListener("keydown", u), (a = (e = c.current) == null ? void 0 : e.focus) == null || a.call(e);
+    };
+  }, [r]), r ? /* @__PURE__ */ s("div", { "data-component": "editor-overlay", "data-component-id": x, children: /* @__PURE__ */ p(
+    "div",
+    {
+      ref: o,
+      role: "dialog",
+      "aria-modal": "false",
+      "aria-labelledby": t ? l : void 0,
+      "aria-label": t ? void 0 : g,
+      tabIndex: -1,
+      className: [q(), y].filter(Boolean).join(" "),
+      children: [
+        t ? /* @__PURE__ */ p("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ s("div", { id: l, className: A, children: t }),
+          /* @__PURE__ */ s(
+            R,
+            {
+              size: "sm",
+              intent: "ghost",
+              icon: /* @__PURE__ */ s(F, {}),
+              "aria-label": h("common.close"),
+              onClick: w
+            }
+          )
+        ] }) : null,
+        /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: b }),
+        d ? /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]", children: d }) : null
+      ]
+    }
+  ) }) : null;
+}
+export {
+  T as E
+};
+//# sourceMappingURL=editor-overlay-NMxzcO6J.js.map

package/dist/_chunks/{email-input-Cmeo4zdT.js → email-input-C7THAwh2.js}

@@ -2,7 +2,7 @@ import { jsxs as W, jsx as C } from "react/jsx-runtime";
 import { forwardRef as se, useRef as K, useId as oe, useState as X, useMemo as Q, useEffect as fe, useCallback as Z } from "react";
 import { useTranslation as ce } from "react-i18next";
 import { g as de } from "./_commonjsHelpers-DaMA6jEr.js";
-import { T as me } from "./text-input-lZ2-t-p2.js";
+import { T as me } from "./text-input-CaG9ApoE.js";
 import { u as pe } from "./form-field-context-DtiROUJV.js";
 import { c as ve } from "./compose-refs-C0k0tdqF.js";
 import { u as _e } from "./registry-DvAUVLHh.js";
@@ -346,7 +346,7 @@ const Se = se(
       M,
       y,
       q
-    ]), E = v === !0 || v === "true", le = y || l === null && E ? "error" : "default", ie = y || I.invalid || E || void 0, ue = l !== void 0 ? l : b("inputs.email.invalid", "Invalid email");
+    ]), E = v === !0 || v === "true", le = y || l === null && E ? "error" : "default", ie = y || I.invalid || E || void 0, ue = l !== void 0 ? l : b("inputs.email.invalid", "Enter a valid email address.");
     return /* @__PURE__ */ W(
       "div",
       {
@@ -396,4 +396,4 @@ export {
   Ee as e,
   ne as i
 };
-//# sourceMappingURL=email-input-Cmeo4zdT.js.map
+//# sourceMappingURL=email-input-C7THAwh2.js.map

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

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as d, Fragment as U } from "react/jsx-runtime";
 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 v } from "./button-CYPx2xFq.js";
+import { B as v } from "./button-Bn16lcFM.js";
 import { i as G } from "./is-development-CLUAnsU7.js";
 function J(t, s) {
   t && (typeof t == "function" ? t(s) : t.current = s);
@@ -317,4 +317,4 @@ const nt = Object.assign(C, {
 export {
   nt as E
 };
-//# sourceMappingURL=empty-state-CgvmPPvW.js.map
+//# sourceMappingURL=empty-state-gNG3qYCX.js.map

package/dist/_chunks/{entity-card-D1Yrh9wf.js → entity-card-fpm-KUKc.js}

@@ -1,8 +1,8 @@
 import { c as t } from "./index-D2ZczOXr.js";
 import { U as c, B as s, T as i } from "./user-x-DYszNtIg.js";
-import { C as l } from "./check-DrFSN__t.js";
-import { S as d } from "./stethoscope-sZXGC43m.js";
-import { C as a } from "./clock-Drd4Wtis.js";
+import { C as d } from "./check-DrFSN__t.js";
+import { S as l } from "./stethoscope-sZXGC43m.js";
+import { C as e } from "./clock-Drd4Wtis.js";
 const T = t(
   [
     "ds:relative ds:rounded-[var(--radius-lg)]",
@@ -14,9 +14,8 @@ const T = t(
       surface: {
         flat: "",
         elevated: [
-          "ds:bg-[var(--card)] ds:border ds:border-[color:var(--card-border)]",
-          "ds:shadow-[var(--shadow-card)]",
-          "ds:[.theme-accessible_&]:border-2"
+          "ds:bg-[var(--card)] ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]",
+          "ds:shadow-[var(--shadow-card)]"
         ].join(" ")
       },
       density: {
@@ -29,23 +28,23 @@ const T = t(
       density: "comfortable"
     }
   }
-), h = {
+), _ = {
   estimate: "info",
   accepted: "success",
   discarded: "error",
   closed: "neutral"
 }, v = {
   confirmed: { tone: "success", Icon: i },
-  waiting: { tone: "info", Icon: a },
-  in_care: { tone: "accent", Icon: d },
-  done: { tone: "success", Icon: l },
+  waiting: { tone: "info", Icon: e },
+  in_care: { tone: "accent", Icon: l },
+  done: { tone: "success", Icon: d },
   cancelled: { tone: "error", Icon: s },
   absent: { tone: "warning", Icon: c }
 };
-function I(o) {
-  return v[o] ?? { tone: "neutral", Icon: a };
+function I(r) {
+  return v[r] ?? { tone: "neutral", Icon: e };
 }
-const e = [
+const a = [
   "var(--color-violet-500)",
   "var(--color-purple-500)",
   "var(--color-magenta-500)",
@@ -56,7 +55,7 @@ const e = [
   "var(--color-indigo-500)",
   "var(--color-orange-500)",
   "var(--color-fuchsia-500)"
-], u = "var(--color-grey-700)", m = [
+], u = "var(--color-grey-700)", f = [
   "var(--color-violet-700)",
   "var(--color-purple-700)",
   "var(--color-magenta-700)",
@@ -67,26 +66,26 @@ const e = [
   "var(--color-indigo-700)",
   "var(--color-orange-700)",
   "var(--color-fuchsia-700)"
-], f = "var(--color-grey-900)";
-function n(o) {
-  if (o == null) return -1;
-  const r = typeof o == "number" ? o : Number.parseInt(o, 10);
-  return Number.isFinite(r) ? (Math.trunc(r) % e.length + e.length) % e.length : -1;
+], m = "var(--color-grey-900)";
+function n(r) {
+  if (r == null) return -1;
+  const o = typeof r == "number" ? r : Number.parseInt(r, 10);
+  return Number.isFinite(o) ? (Math.trunc(o) % a.length + a.length) % a.length : -1;
 }
-function O(o) {
-  const r = n(o);
-  return r < 0 ? u : e[r];
+function O(r) {
+  const o = n(r);
+  return o < 0 ? u : a[o];
 }
-function C(o) {
-  const r = n(o);
-  return r < 0 ? f : m[r];
+function C(r) {
+  const o = n(r);
+  return o < 0 ? m : f[o];
 }
 export {
   v as A,
-  h as C,
+  _ as C,
   I as a,
   C as b,
   O as c,
   T as e
 };
-//# sourceMappingURL=entity-card-D1Yrh9wf.js.map
+//# sourceMappingURL=entity-card-fpm-KUKc.js.map

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

@@ -2,10 +2,10 @@ import { jsxs as a, jsx as e, Fragment as _ } from "react/jsx-runtime";
 import { forwardRef as q, useId as w, useRef as f, useImperativeHandle as K, useMemo as P } from "react";
 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-mKIvw90h.js";
-import { C } from "./card-DPmk26CL.js";
+import { A as H } from "./avatar-WZY3eGE7.js";
+import { B as $ } from "./button-Bn16lcFM.js";
+import { I as O } from "./icon-button-COX76Jdj.js";
+import { C } from "./card-DMO2nkt4.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";
@@ -274,4 +274,4 @@ function ae({ section: t }) {
 export {
   be as E
 };
-//# sourceMappingURL=entity-summary-C3E4JKVr.js.map
+//# sourceMappingURL=entity-summary-DcB0fIiv.js.map

package/dist/_chunks/{error-boundary-Bzjk9Q2l.js → error-boundary-ChowhO6w.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-CgvmPPvW.js";
+import { E } from "./empty-state-gNG3qYCX.js";
 function p({
   size: n,
   title: e,
@@ -87,4 +87,4 @@ i(b, "displayName", "ErrorBoundary");
 export {
   b as E
 };
-//# sourceMappingURL=error-boundary-Bzjk9Q2l.js.map
+//# sourceMappingURL=error-boundary-ChowhO6w.js.map

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

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