@alfadocs/ui-kit-debug 1.54.1 → 1.54.3

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/error-page-illustration-bFti0VEc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-page-illustration-bFti0VEc.js","sources":["../../src/patterns/error-page/error-page-illustration.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* ErrorPageIllustration — the Alfadocs mark, having a bad day.          */\n/*                                                                        */\n/* One mood per error, all drawn from the four pieces of the mark.       */\n/* Easter egg: click the mark and it snaps back together for a moment.  */\n/* Decorative and pointer-only on purpose: nothing here is needed to    */\n/* recover from the error. Every motion scales off                       */\n/* --animation-duration, so reduced motion and the accessible themes    */\n/* hold it still, and each mood settles after about five seconds.       */\n/* -------------------------------------------------------------------- */\n\nimport { useEffect, useRef, useState, type ReactNode } from 'react';\nimport {\n  ALL,\n  CENTRE,\n  Mark,\n  Piece,\n  type PieceName,\n} from '../_shared/mark-pieces';\n\n/** Every mood the mark can show, in the order of the status table. */\nexport const ERROR_PAGE_MOODS = [\n  'jumbled',\n  'locked',\n  'roped',\n  'lost',\n  'wrong-way',\n  'vanished',\n  'asleep',\n  'patched',\n  'melt',\n  'unplugged',\n  'rebuild',\n  'snail',\n  'adrift',\n  'puzzled',\n] as const;\n\nexport type ErrorPageMood = (typeof ERROR_PAGE_MOODS)[number];\n\n/* ---- The mark ------------------------------------------------------ */\n/* Its four pieces live in `_shared/mark-pieces`, shared with the\n   animated brand mark. */\n\n/** A dashed outline where a piece belongs. */\nfunction Slot({ name }: { name: PieceName }): ReactNode {\n  return (\n    <Piece\n      name={name}\n      fill=\"none\"\n      stroke=\"var(--primary)\"\n      strokeWidth=\"2\"\n      strokeDasharray=\"5 5\"\n      strokeOpacity=\"0.55\"\n    />\n  );\n}\n\nfunction Ground({ cx = 74, rx = 46 }: { cx?: number; rx?: number }) {\n  return (\n    <ellipse\n      cx={cx}\n      cy=\"206\"\n      rx={rx}\n      ry=\"4\"\n      fill=\"var(--muted-foreground)\"\n      fillOpacity=\"0.2\"\n    />\n  );\n}\n\n/* ---- Motion ---------------------------------------------------------- */\n/* Every class is written out in full: Tailwind only generates the ones it\n   can read as a whole string. Each mood plays for about five seconds and\n   then rests, so nothing moves for longer without the visitor asking\n   (WCAG 2.2.2); a click on the mark plays it again. */\n\nconst DRIP =\n  'ds:[transform-box:fill-box] ds:origin-top ds:motion-safe:animate-[error-page-drip_calc(var(--animation-duration)*15)_ease-in-out_1]';\nconst DROP =\n  'ds:motion-safe:animate-[error-page-drop_calc(var(--animation-duration)*12)_ease-in_2]';\nconst ROCK =\n  'ds:[transform-box:fill-box] ds:origin-bottom ds:motion-safe:animate-[error-page-rock_calc(var(--animation-duration)*20)_ease-in-out_1]';\nconst BOB =\n  'ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-bob_calc(var(--animation-duration)*14)_ease-in-out_1]';\nconst SWING =\n  'ds:[transform-box:fill-box] ds:origin-top ds:motion-safe:animate-[error-page-swing_calc(var(--animation-duration)*18)_ease-in-out_1]';\nconst WIGGLE =\n  'ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-wiggle_calc(var(--animation-duration)*10)_ease-in-out_2]';\nconst RISE =\n  'ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-rise_calc(var(--animation-duration)*16)_ease-out_1]';\nconst FLICKER =\n  'ds:motion-safe:animate-[error-page-flicker_calc(var(--animation-duration)*6)_steps(1)_4]';\nconst CRAWL =\n  'ds:motion-safe:animate-[error-page-crawl_calc(var(--animation-duration)*24)_ease-in-out_1]';\nconst BUMP =\n  'ds:motion-safe:animate-[error-page-bump_calc(var(--animation-duration)*12)_ease-in-out_2]';\nconst BREATHE =\n  'ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-breathe_calc(var(--animation-duration)*20)_ease-in-out_1]';\nconst LATE = 'ds:[animation-delay:calc(var(--animation-duration)*5)]';\nconst LATER = 'ds:[animation-delay:calc(var(--animation-duration)*9)]';\nconst POP =\n  'ds:[transform-box:fill-box] ds:origin-center ds:motion-safe:animate-[error-page-pop_calc(var(--animation-duration)*3)_ease-out_1]';\n\n/* ---- Moods ----------------------------------------------------------- */\n\n/** 400: the pieces have been put together the wrong way round. */\nfunction Jumbled(): ReactNode {\n  const turns: Record<PieceName, number> = {\n    top: 75,\n    right: -60,\n    left: 40,\n    bottom: -95,\n  };\n  return (\n    <>\n      {ALL.map((name, i) => {\n        const [cx, cy] = CENTRE[name];\n        return (\n          <g key={name} transform={`rotate(${turns[name]} ${cx} ${cy})`}>\n            <g className={`${WIGGLE} ${i % 2 ? LATE : ''}`}>\n              <Piece name={name} />\n            </g>\n          </g>\n        );\n      })}\n      <Ground />\n    </>\n  );\n}\n\n/** 401: a padlock hangs on the mark until you log in. */\nfunction Locked(): ReactNode {\n  return (\n    <>\n      <Mark />\n      <g className={SWING}>\n        <path\n          d=\"M60 84 v-12 a14 14 0 0 1 28 0 v12\"\n          fill=\"none\"\n          stroke=\"var(--muted-foreground)\"\n          strokeWidth=\"6\"\n          strokeLinecap=\"round\"\n        />\n        <rect\n          x=\"50\"\n          y=\"82\"\n          width=\"48\"\n          height=\"38\"\n          rx=\"7\"\n          fill=\"var(--muted-foreground)\"\n        />\n        <circle cx=\"74\" cy=\"97\" r=\"4.5\" fill=\"var(--background)\" />\n        <rect\n          x=\"72\"\n          y=\"99\"\n          width=\"4\"\n          height=\"10\"\n          rx=\"2\"\n          fill=\"var(--background)\"\n        />\n      </g>\n      <Ground />\n    </>\n  );\n}\n\n/** 403: roped off, like a VIP area. */\nfunction Roped(): ReactNode {\n  const post = (x: number) => (\n    <g fill=\"var(--muted-foreground)\">\n      <rect x={x - 3} y=\"158\" width=\"6\" height=\"48\" rx=\"3\" />\n      <circle cx={x} cy=\"157\" r=\"6\" />\n      <rect x={x - 11} y=\"202\" width=\"22\" height=\"5\" rx=\"2.5\" />\n    </g>\n  );\n  return (\n    <>\n      <Mark />\n      {post(8)}\n      {post(140)}\n      <g className={SWING}>\n        <path\n          d=\"M8 160 Q74 196 140 160\"\n          fill=\"none\"\n          stroke=\"var(--destructive)\"\n          strokeWidth=\"6\"\n          strokeLinecap=\"round\"\n        />\n      </g>\n    </>\n  );\n}\n\n/** 404: a piece has fallen off and rocks on the ground. */\nfunction Lost(): ReactNode {\n  return (\n    <>\n      <Mark except={['right']} />\n      <Slot name=\"right\" />\n      <Ground cx={150} rx={28} />\n      <g transform=\"translate(150 204)\">\n        <g className={ROCK}>\n          <rect\n            x=\"-24.67\"\n            y=\"-35\"\n            width=\"49.34\"\n            height=\"33.99\"\n            rx=\"4.56\"\n            transform=\"rotate(10)\"\n          />\n        </g>\n      </g>\n    </>\n  );\n}\n\n/** 405: a piece turned the wrong way keeps bumping into its slot. */\nfunction WrongWay(): ReactNode {\n  return (\n    <>\n      <Mark except={['right']} />\n      <Slot name=\"right\" />\n      <g className={BUMP}>\n        <g transform=\"translate(40 0) rotate(90 121 70)\">\n          <Piece name=\"right\" />\n        </g>\n      </g>\n      <Ground />\n    </>\n  );\n}\n\n/** 410: only a ghost of the mark is left, drifting away. */\nfunction Vanished(): ReactNode {\n  const bits: [number, number, string][] = [\n    [34, 44, ''],\n    [96, 18, LATE],\n    [118, 92, LATER],\n    [62, 118, LATE],\n    [20, 96, LATER],\n  ];\n  return (\n    <>\n      {ALL.map((name) => (\n        <Slot key={name} name={name} />\n      ))}\n      {bits.map(([x, y, delay]) => (\n        <rect\n          key={`${x}-${y}`}\n          x={x}\n          y={y}\n          width=\"6\"\n          height=\"6\"\n          rx=\"1.5\"\n          className={`${RISE} ${delay}`}\n        />\n      ))}\n      <Ground />\n    </>\n  );\n}\n\n/** 419: the page was left open so long the mark fell asleep. */\nfunction Asleep(): ReactNode {\n  const z = (x: number, y: number, size: number, delay: string) => (\n    <path\n      d={`M${x} ${y} h${size} l-${size} ${size} h${size}`}\n      fill=\"none\"\n      stroke=\"var(--muted-foreground)\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={`${RISE} ${delay}`}\n    />\n  );\n  return (\n    <>\n      <g transform=\"rotate(14 74 74)\">\n        <g className={BREATHE}>\n          <Mark />\n        </g>\n      </g>\n      {z(122, 22, 10, '')}\n      {z(140, 2, 13, LATE)}\n      {z(160, -16, 16, LATER)}\n      <Ground />\n    </>\n  );\n}\n\n/** 500: something broke on our side, and it is being patched up. */\nfunction Patched(): ReactNode {\n  return (\n    <>\n      <g className={BREATHE}>\n        <Mark />\n        {/* The crack, cut through the bottom piece. */}\n        <polyline\n          points=\"62,102 75,113 67,119 83,128 75,137 91,145\"\n          fill=\"none\"\n          stroke=\"var(--background)\"\n          strokeWidth=\"4.5\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n        {/* A sticking plaster across it. */}\n        <g transform=\"rotate(-40 78 122)\">\n          <rect\n            x=\"46\"\n            y=\"111\"\n            width=\"64\"\n            height=\"22\"\n            rx=\"11\"\n            fill=\"var(--muted)\"\n            stroke=\"var(--border)\"\n            strokeWidth=\"1.5\"\n          />\n          <rect\n            x=\"68\"\n            y=\"111\"\n            width=\"20\"\n            height=\"22\"\n            fill=\"var(--border)\"\n            fillOpacity=\"0.6\"\n          />\n          <g fill=\"var(--muted-foreground)\" fillOpacity=\"0.5\">\n            <circle cx=\"55\" cy=\"118\" r=\"1.4\" />\n            <circle cx=\"55\" cy=\"126\" r=\"1.4\" />\n            <circle cx=\"101\" cy=\"118\" r=\"1.4\" />\n            <circle cx=\"101\" cy=\"126\" r=\"1.4\" />\n          </g>\n        </g>\n      </g>\n      <Ground />\n    </>\n  );\n}\n\n/** A drip hanging from the melting edge, with a round bead at its end. */\nfunction Drip({\n  cx,\n  top,\n  length,\n  className = '',\n}: {\n  cx: number;\n  top: number;\n  length: number;\n  className?: string;\n}): ReactNode {\n  return (\n    <g className={`${DRIP} ${className}`}>\n      <rect x={cx - 3.5} y={top} width=\"7\" height={length} rx=\"3.5\" />\n      <circle cx={cx} cy={top + length} r=\"4.2\" />\n    </g>\n  );\n}\n\n/** 429: so many requests the mark has overheated and melted. */\nfunction Melt(): ReactNode {\n  return (\n    <>\n      <Mark />\n      {/* The bottom edge sags as it melts. */}\n      <path d=\"M67 139 L99 131 L101 138 Q92 151 80 152 Q70 153 68 143 Z\" />\n      <Drip cx={75} top={144} length={20} className={LATE} />\n      <Drip cx={85.5} top={141} length={32} />\n      <Drip cx={96} top={137} length={13} className={LATER} />\n      <circle cx=\"85.5\" cy=\"179\" r=\"3.2\" className={DROP} />\n      <ellipse cx=\"86\" cy=\"204\" rx=\"30\" ry=\"5.5\" fillOpacity=\"0.3\" />\n    </>\n  );\n}\n\n/** 502: the mark has come apart, with a spark where it broke. */\nfunction Unplugged(): ReactNode {\n  return (\n    <>\n      <g transform=\"translate(-12 -8)\">\n        <Piece name=\"top\" />\n        <Piece name=\"left\" />\n      </g>\n      <g transform=\"translate(12 8)\">\n        <Piece name=\"right\" />\n        <Piece name=\"bottom\" />\n      </g>\n      <polyline\n        points=\"66,62 80,72 68,78 84,90\"\n        fill=\"none\"\n        stroke=\"var(--accent)\"\n        strokeWidth=\"4\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className={FLICKER}\n      />\n      <Ground />\n    </>\n  );\n}\n\n/** 503 and maintenance: a crane lowers a piece back into place. */\nfunction Rebuild(): ReactNode {\n  return (\n    <>\n      <Mark except={['right']} />\n      <Slot name=\"right\" />\n      <g className={SWING}>\n        <line\n          x1=\"121\"\n          y1=\"-24\"\n          x2=\"121\"\n          y2=\"6\"\n          stroke=\"var(--muted-foreground)\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n        />\n        <path\n          d=\"M121 6 v5 a4 4 0 1 1 -4 4\"\n          fill=\"none\"\n          stroke=\"var(--muted-foreground)\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n        />\n        <g transform=\"translate(0 -36)\">\n          <Piece name=\"right\" />\n        </g>\n      </g>\n      <Ground />\n    </>\n  );\n}\n\n/** 504: the missing piece is on its way, by snail. */\nfunction Snail(): ReactNode {\n  return (\n    <>\n      <Mark except={['right']} />\n      <Slot name=\"right\" />\n      <Ground cx={140} rx={34} />\n      <g className={CRAWL}>\n        <g fill=\"var(--muted-foreground)\" fillOpacity=\"0.45\">\n          <rect x=\"110\" y=\"198\" width=\"58\" height=\"8\" rx=\"4\" />\n          <rect x=\"110\" y=\"184\" width=\"12\" height=\"22\" rx=\"6\" />\n        </g>\n        <g\n          stroke=\"var(--muted-foreground)\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n        >\n          <line x1=\"113\" y1=\"186\" x2=\"108\" y2=\"173\" />\n          <line x1=\"119\" y1=\"186\" x2=\"121\" y2=\"172\" />\n        </g>\n        <circle cx=\"108\" cy=\"172\" r=\"2.5\" fill=\"var(--muted-foreground)\" />\n        <circle cx=\"121\" cy=\"171\" r=\"2.5\" fill=\"var(--muted-foreground)\" />\n        <circle\n          cx=\"146\"\n          cy=\"185\"\n          r=\"16\"\n          fill=\"var(--muted-foreground)\"\n          fillOpacity=\"0.7\"\n        />\n        <path\n          d=\"M146 185 a3 3 0 1 1 3 3 a7 7 0 1 1 -7 -7 a11 11 0 1 1 11 11\"\n          fill=\"none\"\n          stroke=\"var(--background)\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n        />\n        <rect\n          x=\"-13\"\n          y=\"-9\"\n          width=\"26\"\n          height=\"18\"\n          rx=\"3\"\n          transform=\"translate(147 161) rotate(-15)\"\n        />\n      </g>\n    </>\n  );\n}\n\n/** Offline: the pieces have drifted apart. */\nfunction Adrift(): ReactNode {\n  const drift: Record<PieceName, [number, number, string]> = {\n    top: [0, -12, ''],\n    right: [14, 0, LATE],\n    left: [-14, 0, LATER],\n    bottom: [0, 14, LATE],\n  };\n  return (\n    <>\n      <Ground />\n      {ALL.map((name) => {\n        const [x, y, delay] = drift[name];\n        return (\n          <g key={name} transform={`translate(${x} ${y})`}>\n            <g className={`${BOB} ${delay}`}>\n              <Piece name={name} />\n            </g>\n          </g>\n        );\n      })}\n    </>\n  );\n}\n\n/** Any other error: the mark is as puzzled as you are. */\nfunction Puzzled(): ReactNode {\n  return (\n    <>\n      <g className={ROCK}>\n        <Mark />\n      </g>\n      <g className={BOB}>\n        <path\n          d=\"M140 -2 a10 10 0 1 1 10 10 v7\"\n          fill=\"none\"\n          stroke=\"var(--muted-foreground)\"\n          strokeWidth=\"5\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n        <circle cx=\"150\" cy=\"27\" r=\"3\" fill=\"var(--muted-foreground)\" />\n      </g>\n      <Ground />\n    </>\n  );\n}\n\nconst MOODS: Record<ErrorPageMood, () => ReactNode> = {\n  jumbled: Jumbled,\n  locked: Locked,\n  roped: Roped,\n  lost: Lost,\n  'wrong-way': WrongWay,\n  vanished: Vanished,\n  asleep: Asleep,\n  patched: Patched,\n  melt: Melt,\n  unplugged: Unplugged,\n  rebuild: Rebuild,\n  snail: Snail,\n  adrift: Adrift,\n  puzzled: Puzzled,\n};\n\n/** How long the mark stays fixed after a click, in milliseconds. */\nconst FIXED_FOR = 3000;\n\nexport function ErrorPageIllustration({\n  mood,\n}: {\n  mood: ErrorPageMood;\n}): ReactNode {\n  const ref = useRef<HTMLDivElement | null>(null);\n  const [fixed, setFixed] = useState(false);\n\n  // A listener rather than onClick: the egg is for the pointer only, and\n  // the element stays out of the accessibility tree.\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return undefined;\n    let timer: ReturnType<typeof setTimeout> | undefined;\n    const fix = () => {\n      setFixed(true);\n      clearTimeout(timer);\n      timer = setTimeout(() => setFixed(false), FIXED_FOR);\n    };\n    element.addEventListener('click', fix);\n    return () => {\n      element.removeEventListener('click', fix);\n      clearTimeout(timer);\n    };\n  }, []);\n\n  const Scene = MOODS[mood];\n  return (\n    <div\n      ref={ref}\n      aria-hidden=\"true\"\n      data-mood={fixed ? 'fixed' : mood}\n      className=\"ds:w-48 ds:select-none\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"-20 -24 200 240\"\n        fill=\"var(--primary)\"\n        className=\"ds:block ds:w-full ds:h-auto ds:overflow-visible\"\n      >\n        {fixed ? (\n          <g className={POP}>\n            <Mark />\n          </g>\n        ) : (\n          <Scene />\n        )}\n      </svg>\n    </div>\n  );\n}\n"],"names":["ERROR_PAGE_MOODS","Slot","name","jsx","Piece","Ground","cx","rx","DRIP","DROP","ROCK","BOB","SWING","WIGGLE","RISE","FLICKER","CRAWL","BUMP","BREATHE","LATE","LATER","POP","Jumbled","turns","jsxs","Fragment","ALL","i","cy","CENTRE","Locked","Mark","Roped","post","x","Lost","WrongWay","Vanished","bits","y","delay","Asleep","z","size","Patched","Drip","top","length","className","Melt","Unplugged","Rebuild","Snail","Adrift","drift","Puzzled","MOODS","FIXED_FOR","ErrorPageIllustration","mood","ref","useRef","fixed","setFixed","useState","useEffect","element","timer","fix","Scene"],"mappings":"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"}

package/dist/_chunks/{face-scheme-pZgT26gB.js → face-scheme-Doodi6A6.js}

@@ -10,7 +10,7 @@ import { I as Ke } from "./icon-button-mKIvw90h.js";
 import { B as es } from "./button-group-CpEycMps.js";
 import { C as ts } from "./combobox-DppVSuUm.js";
 import { I as vn } from "./icon-button-group-BsQkbCX4.js";
-import { T as Ar } from "./text-input-lZ2-t-p2.js";
+import { T as Ar } from "./text-input-rzLEKhRU.js";
 import { C as Ze } from "./card-DPmk26CL.js";
 import { S as Tt } from "./separator-CYU_bGFn.js";
 import { S as ns } from "./slider-pZ95bEm7.js";
@@ -3127,4 +3127,4 @@ export {
   Nn as t,
   Kr as u
 };
-//# sourceMappingURL=face-scheme-pZgT26gB.js.map
+//# sourceMappingURL=face-scheme-Doodi6A6.js.map