npm - @alfadocs/ui-kit-debug - Versions diffs - 1.54.0 → 1.54.2 - Mend

@alfadocs/ui-kit-debug 1.54.0 → 1.54.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (35) hide show

package/dist/_chunks/error-page-C15GfNEj.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"error-page-C15GfNEj.js","sources":["../../node_modules/lucide-react/dist/esm/icons/circle-question-mark.mjs","../../node_modules/lucide-react/dist/esm/icons/house.mjs","../../src/patterns/error-page/error-page-statuses.ts","../../src/patterns/error-page/error-page-locale.ts","../../src/patterns/error-page/error-page.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"path\", { d: \"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\", key: \"1u773s\" }],\n [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n];\nconst CircleQuestionMark = createLucideIcon(\"circle-question-mark\", __iconNode);\n\nexport { __iconNode, CircleQuestionMark as default };\n//# sourceMappingURL=circle-question-mark.mjs.map\n","/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"path\", { d: \"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\", key: \"5wwlr5\" }],\n [\n \"path\",\n {\n 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\",\n key: \"r6nss1\"\n }\n ]\n];\nconst House = createLucideIcon(\"house\", __iconNode);\n\nexport { __iconNode, House as default };\n//# sourceMappingURL=house.mjs.map\n","import type { ErrorPageMood } from './error-page-illustration';\n\n/** The statuses with their own copy. Anything else shows `generic`. */\nexport const ERROR_PAGE_STATUSES = [\n 400,\n 401,\n 403,\n 404,\n 405,\n 410,\n 419,\n 429,\n 500,\n 502,\n 503,\n 504,\n 'offline',\n 'maintenance',\n] as const;\n\nexport type ErrorPageKnownStatus = (typeof ERROR_PAGE_STATUSES)[number];\n\n/** What the status's main button does. */\nexport type ErrorPagePrimaryAction = 'home' | 'retry' | 'login';\n\nexport interface ErrorPageStatusSpec {\n /** Key under `ui.errorPage.status.*`. */\n key: string;\n /** How the Alfadocs mark shows the trouble. */\n mood: ErrorPageMood;\n primary: ErrorPagePrimaryAction;\n}\n\nconst SPECS: Record<ErrorPageKnownStatus | 'generic', ErrorPageStatusSpec> = {\n 400: { key: 'badRequest', mood: 'jumbled', primary: 'home' },\n 401: { key: 'unauthorised', mood: 'locked', primary: 'login' },\n 403: { key: 'forbidden', mood: 'roped', primary: 'home' },\n 404: { key: 'notFound', mood: 'lost', primary: 'home' },\n 405: { key: 'methodNotAllowed', mood: 'wrong-way', primary: 'home' },\n 410: { key: 'gone', mood: 'vanished', primary: 'home' },\n 419: { key: 'expired', mood: 'asleep', primary: 'login' },\n 429: { key: 'tooManyRequests', mood: 'melt', primary: 'retry' },\n 500: { key: 'serverError', mood: 'patched', primary: 'retry' },\n 502: { key: 'badGateway', mood: 'unplugged', primary: 'retry' },\n 503: { key: 'maintenance', mood: 'rebuild', primary: 'retry' },\n 504: { key: 'timeout', mood: 'snail', primary: 'retry' },\n offline: { key: 'offline', mood: 'adrift', primary: 'retry' },\n maintenance: { key: 'maintenance', mood: 'rebuild', primary: 'retry' },\n generic: { key: 'generic', mood: 'puzzled', primary: 'home' },\n};\n\n/** The spec for any status; unknown ones fall back to `generic`. */\nexport function errorPageStatusSpec(\n status: number | 'offline' | 'maintenance',\n): ErrorPageStatusSpec {\n return (ERROR_PAGE_STATUSES as readonly (number | string)[]).includes(status)\n ? SPECS[status as ErrorPageKnownStatus]\n : SPECS.generic;\n}\n","import type { i18n as I18n } from 'i18next';\nimport { loadLocale } from '../../i18n/config';\nimport { LOCALES_WITH_BUNDLES } from '../../i18n/supported-locales';\n\n/** Where LocalePicker and HeaderSettings save a language the visitor\n * picked: `LOCALE_STORAGE_KEY` in locale-picker.tsx, copied so the error\n * page does not bundle the picker. */\nexport const SAVED_LOCALE_KEY = 'alfadocs-ui.locale';\n\n/** Used when nothing else names a language the kit ships. */\nexport const ERROR_PAGE_FALLBACK_LOCALE = 'it';\n\nexport interface ErrorPageLocaleSources {\n /** Host-supplied locale. Always wins when the kit ships it. */\n locale?: string;\n /** True when `<html lang>` is only the site default, not the visitor's\n * language: for example an error raised before routing read it. */\n hostLocaleIsDefault?: boolean;\n /** Test seams; the browser values are read when omitted. */\n saved?: string | null;\n browser?: readonly string[];\n document?: string;\n}\n\nconst shipped = (tag: string | null | undefined): string | undefined => {\n if (!tag) return undefined;\n const base = tag.toLowerCase().replaceAll('_', '-').split('-')[0];\n // The legacy `cn` code is Chinese.\n const code = base === 'cn' ? 'zh' : base;\n return (LOCALES_WITH_BUNDLES as readonly string[]).includes(code)\n ? code\n : undefined;\n};\n\nconst readSaved = (): string | null => {\n try {\n return window.localStorage.getItem(SAVED_LOCALE_KEY);\n } catch {\n return null;\n }\n};\n\n/**\n * The language to show an error in. First match wins:\n * 1. the `locale` prop;\n * 2. the language the visitor picked before in the kit;\n * 3. the browser's languages, in order;\n * 4. `<html lang>`, unless the host says it is only its default;\n * 5. Italian.\n * Only languages the kit ships count at each step.\n */\nexport function resolveErrorPageLocale(\n sources: ErrorPageLocaleSources = {},\n): string {\n const inBrowser = typeof window !== 'undefined';\n const saved =\n sources.saved !== undefined\n ? sources.saved\n : inBrowser\n ? readSaved()\n : null;\n const browser =\n sources.browser ??\n (inBrowser && typeof navigator !== 'undefined'\n ? navigator.languages?.length\n ? navigator.languages\n : [navigator.language]\n : []);\n const documentLang =\n sources.document ??\n (typeof document !== 'undefined' ? document.documentElement.lang : '');\n\n const candidates = [\n sources.locale,\n saved,\n ...browser,\n sources.hostLocaleIsDefault ? undefined : documentLang,\n ];\n for (const candidate of candidates) {\n const code = shipped(candidate);\n if (code) return code;\n }\n return ERROR_PAGE_FALLBACK_LOCALE;\n}\n\n/** Fetches the kit's bundle for a language without changing the host's\n * active language. Rejects when the bundle cannot load. */\nexport const loadErrorPageLocale = (\n language: string,\n instance: I18n,\n): Promise<void> => loadLocale(language, instance);\n","/* -------------------------------------------------------------------- */\n/* ErrorPage — one branded, translated page for every HTTP error. */\n/* */\n/* A status picks the illustration, the copy and the main action (home, */\n/* retry or log in); a host may override each, e.g. to show an outcome */\n/* of its own. The language is chosen in the browser, so a host */\n/* whose server rendered the error before it knew the visitor's */\n/* language still shows the right one: see `resolveErrorPageLocale`. */\n/* -------------------------------------------------------------------- */\n\nimport {\n forwardRef,\n useEffect,\n useMemo,\n useRef,\n useState,\n type HTMLAttributes,\n type ReactNode,\n type Ref,\n} from 'react';\nimport type { i18n as I18n } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { CircleQuestionMark, House, LogIn, RotateCcw } from 'lucide-react';\nimport { Button } from '../../components/button';\nimport { Logo } from '../../components/logo';\nimport { isSafeHref } from '../../components/_shared/safe-href';\nimport { errorPageStatusSpec } from './error-page-statuses';\nimport {\n ErrorPageIllustration,\n type ErrorPageMood,\n} from './error-page-illustration';\nimport {\n loadErrorPageLocale,\n resolveErrorPageLocale,\n} from './error-page-locale';\n\nconst errorPageVariants = cva(\n '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)]',\n {\n variants: {\n layout: {\n /** Fills the viewport: the whole page is the error. */\n page: 'ds:min-h-screen',\n /** Fills its container, under the host's own header. */\n embedded: 'ds:[min-block-size:100%]',\n },\n surface: {\n /** The page background. */\n background: '',\n /** A card's surface, for a page set inside a `Card`. The mark\n * cuts its holes with `--background`, so that is re-pointed too. */\n card: 'ds:[--background:var(--card)] ds:[--foreground:var(--card-foreground)]',\n },\n },\n defaultVariants: { layout: 'page', surface: 'background' },\n },\n);\n\nconst RTL = new Set(['ar']);\n\n/** How long to wait for the chosen language before showing English. An\n * error page often appears because the network is failing. */\nconst LANGUAGE_PATIENCE = 1500;\n\n/** \"22:00\" today, \"30 set, 22:00\" on another day, and with the year when\n * it is not this year. Undefined for a date that does not parse, so a\n * bad value shows nothing. */\nfunction formatBackAt(\n value: Date | string,\n locale: string,\n): string | undefined {\n const at = value instanceof Date ? value : new Date(value);\n if (Number.isNaN(at.getTime())) return undefined;\n const now = new Date();\n const day =\n now.toDateString() === at.toDateString()\n ? {}\n : ({\n day: 'numeric',\n month: 'short',\n ...(now.getFullYear() === at.getFullYear()\n ? {}\n : { year: 'numeric' }),\n } as const);\n // Plain `en` formats the US way; the kit writes British English.\n return new Intl.DateTimeFormat(locale === 'en' ? 'en-GB' : locale, {\n ...day,\n hour: '2-digit',\n minute: '2-digit',\n }).format(at);\n}\n\n/** True when the instance holds error page copy for a language. A host\n * may register its own `ui` bundle, even a partial one for this page:\n * the kit's full bundle is still merged in, and English backs every\n * key, so a gap never shows as a raw key. */\nconst hasCopy = (instance: I18n, language: string): boolean =>\n Boolean(instance.getResource(language, 'ui', 'errorPage'));\n\n/** Links the page may render: paths on the same site, and web, mail and\n * phone addresses written out in full. Anything else becomes `#`. */\nconst safeHref = (href: string): string => (isSafeHref(href) ? href : '#');\n\n/** A host's own main action: a link (`href`) or a button (`onClick`).\n * The label is shown as given, so pass it already translated. */\nexport type ErrorPageCustomAction =\n | { label: string; href: string; onClick?: never; icon?: ReactNode }\n | { label: string; onClick: () => void; href?: never; icon?: ReactNode };\n\nexport interface ErrorPageProps\n extends\n Omit<HTMLAttributes<HTMLElement>, 'title'>,\n VariantProps<typeof errorPageVariants> {\n /** HTTP status, `'offline'` for a network error in the browser, or\n * `'maintenance'` for planned downtime with no HTTP error behind it.\n * Statuses without their own copy show the generic page. */\n status: number | 'offline' | 'maintenance';\n /** Where \"Go to the home page\" leads. Default `/`. Like every link\n * here it may be a path on the same site or an `http(s)`, `mailto:`\n * or `tel:` address; anything else is replaced with `#`. */\n homeHref?: string;\n /** Where \"Log in\" leads for 401 and 419. Without it, those statuses\n * offer \"Try again\" instead. */\n loginHref?: string;\n /** Adds \"Contact support\". A path, a web address, `mailto:` or `tel:`. */\n supportHref?: string;\n /** \"Try again\". Default: reload the page. */\n onRetry?: () => void;\n /** Shown for support to quote, e.g. the host's X-Request-Id. */\n requestId?: string;\n /** When planned maintenance should end, for 503 and `'maintenance'`.\n * Shown in the visitor's own time zone and language. Pass a `Date`, or\n * an ISO string with its offset (`2026-10-01T22:00:00+02:00`): without\n * one the browser reads it as the visitor's local time. */\n backAt?: Date | string;\n /** The host's language. Always wins when the kit ships it. */\n locale?: string;\n /** True when `<html lang>` is only the site default, as on an error\n * raised before routing: the page then skips it when choosing. */\n hostLocaleIsDefault?: boolean;\n /** Replaces the status title. Pass it already translated. */\n title?: string;\n /** Replaces the status message. Pass it already translated. */\n message?: string;\n /** Replaces the status's main button with the host's own, e.g. \"Book\n * an appointment\". Where the main button was Home (400, 403, 404,\n * 405, 410 and any status without its own copy), the home link goes\n * with it; where it was \"Try again\" or \"Log in\", the home link\n * stays as the second button. */\n primaryAction?: ErrorPageCustomAction;\n /** Picks the mark's mood whatever the status, e.g. for a status\n * without its own copy. */\n mood?: ErrorPageMood;\n /** Shows \"Error 404\" above the title. Default true. Turn it off when\n * the page reports an outcome inside an app rather than an HTTP\n * error. */\n showStatusLabel?: boolean;\n /** Signs the page with the Alfadocs wordmark. Default true. */\n showLogo?: boolean;\n /** Renders as `<main>` (default) or `<div>` when the host already has\n * a main landmark. */\n as?: 'main' | 'div';\n /** Moves focus to the heading once shown, and again when the status\n * changes. Default true. */\n focusHeading?: boolean;\n /** The heading's level. Default 1; pass 2 inside an app page that\n * already has its own `h1`. */\n headingLevel?: 1 | 2 | 3;\n}\n\nexport const ErrorPage = forwardRef<HTMLElement, ErrorPageProps>(\n (\n {\n status,\n homeHref = '/',\n loginHref,\n supportHref,\n onRetry,\n requestId,\n backAt,\n locale,\n hostLocaleIsDefault = false,\n title,\n message,\n primaryAction,\n mood,\n showStatusLabel = true,\n showLogo = true,\n as: Root = 'main',\n focusHeading = true,\n headingLevel = 1,\n layout,\n surface,\n className,\n ...rest\n },\n ref,\n ) => {\n const { i18n } = useTranslation('ui');\n const language = useMemo(\n () => resolveErrorPageLocale({ locale, hostLocaleIsDefault }),\n [locale, hostLocaleIsDefault],\n );\n // The chosen language may not be loaded yet. Until it is, the page\n // stays hidden rather than flashing English. If it cannot load, or\n // takes too long (offline, a failing gateway), the page shows in\n // English and switches over if the language arrives after all.\n const [shown, setShown] = useState<string | null>(() =>\n hasCopy(i18n, language) ? language : null,\n );\n // Bumped when a bundle lands, so copy that arrives then is drawn.\n const [, setLoaded] = useState(0);\n useEffect(() => {\n let current = true;\n const ready = hasCopy(i18n, language);\n setShown(ready ? language : null);\n const landed = () => current && setLoaded((count) => count + 1);\n // The kit's full bundles: English backs every key, and a host's own\n // instance may hold neither yet. A loaded bundle resolves at once.\n void loadErrorPageLocale('en', i18n)\n .then(landed)\n .catch(() => undefined);\n const patience = ready\n ? undefined\n : setTimeout(\n () => current && setShown((now) => now ?? 'en'),\n LANGUAGE_PATIENCE,\n );\n loadErrorPageLocale(language, i18n)\n .then(() => {\n if (!current) return;\n setShown(language);\n landed();\n })\n .catch(() => current && setShown((now) => now ?? 'en'));\n return () => {\n current = false;\n clearTimeout(patience);\n };\n }, [i18n, language]);\n\n // The chosen language first, English for any key it lacks.\n const t = i18n.getFixedT(\n shown && shown !== 'en' ? [shown, 'en'] : 'en',\n 'ui',\n );\n const spec = errorPageStatusSpec(status);\n const backTime =\n spec.key === 'maintenance' && backAt\n ? formatBackAt(backAt, shown ?? 'en')\n : undefined;\n\n const headingRef = useRef<HTMLHeadingElement | null>(null);\n // Once per status: copy that arrives late (the kit's language or the\n // host's) must not pull focus back, but a different status shown in\n // place must be announced.\n const focusedFor = useRef<string | null>(null);\n useEffect(() => {\n const key = String(status);\n if (!shown || !focusHeading || focusedFor.current === key) return;\n focusedFor.current = key;\n headingRef.current?.focus({ preventScroll: true });\n }, [shown, focusHeading, status]);\n const Heading = (['h1', 'h2', 'h3'] as const)[headingLevel - 1];\n\n const retry = onRetry ?? (() => window.location.reload());\n const primary =\n spec.primary === 'login' && !loginHref ? 'retry' : spec.primary;\n\n const link = (\n action: 'home' | 'login' | 'support',\n href: string,\n icon: ReactNode,\n intent: 'primary' | 'secondary' | 'ghost',\n ) => (\n <Button\n key={action}\n intent={intent}\n size=\"lg\"\n flipIconInRtl={action === 'login'}\n asChild\n startIcon={icon}\n data-action={action}\n >\n <a href={safeHref(href)}>{t(`errorPage.actions.${action}`)}</a>\n </Button>\n );\n\n const actions: ReactNode[] = [];\n if (primaryAction) {\n actions.push(\n typeof primaryAction.href === 'string' ? (\n <Button\n key=\"custom\"\n intent=\"primary\"\n size=\"lg\"\n asChild\n startIcon={primaryAction.icon}\n data-action=\"custom\"\n >\n <a href={safeHref(primaryAction.href)}>{primaryAction.label}</a>\n </Button>\n ) : (\n <Button\n key=\"custom\"\n intent=\"primary\"\n size=\"lg\"\n startIcon={primaryAction.icon}\n onClick={primaryAction.onClick}\n data-action=\"custom\"\n >\n {primaryAction.label}\n </Button>\n ),\n );\n } else if (primary === 'retry') {\n actions.push(\n <Button\n key=\"retry\"\n intent=\"primary\"\n size=\"lg\"\n startIcon={<RotateCcw aria-hidden=\"true\" />}\n onClick={retry}\n data-action=\"retry\"\n >\n {t('errorPage.actions.retry')}\n </Button>,\n );\n } else if (primary === 'login' && loginHref) {\n actions.push(\n link('login', loginHref, <LogIn aria-hidden=\"true\" />, 'primary'),\n );\n }\n // Always a way back, except offline or during maintenance, where\n // there is nowhere to go, and where the host's own action replaced it.\n if (\n status !== 'offline' &&\n spec.key !== 'maintenance' &&\n !(primaryAction && primary === 'home')\n ) {\n actions.push(\n link(\n 'home',\n homeHref,\n <House aria-hidden=\"true\" />,\n primary === 'home' ? 'primary' : 'secondary',\n ),\n );\n }\n if (supportHref) {\n actions.push(\n link(\n 'support',\n supportHref,\n <CircleQuestionMark aria-hidden=\"true\" />,\n 'ghost',\n ),\n );\n }\n\n return (\n <Root\n ref={ref as Ref<HTMLDivElement>}\n data-component=\"error-page\"\n data-status={String(status)}\n lang={shown ?? undefined}\n aria-busy={shown ? undefined : true}\n dir={shown && RTL.has(shown) ? 'rtl' : 'ltr'}\n className={errorPageVariants({ layout, surface, className })}\n {...rest}\n >\n <div\n className={\n shown\n ? 'ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center ds:[max-inline-size:32rem]'\n : 'ds:invisible'\n }\n >\n <ErrorPageIllustration mood={mood ?? spec.mood} />\n <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n {/* Focus lands here, so the status label sits inside the\n heading: a screen reader would never read a label before\n it. No outline: the heading is focused by script only and\n is not in the tab order. */}\n <Heading\n ref={headingRef}\n tabIndex={-1}\n className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:outline-none\"\n >\n {showStatusLabel && typeof status === 'number' && (\n <span className=\"type-label ds:text-[var(--muted-foreground)]\">\n {t('errorPage.statusLabel', { status })}\n </span>\n )}\n <span className=\"type-title-page\">\n {title ?? t(`errorPage.status.${spec.key}.title`)}\n </span>\n </Heading>\n <p className=\"type-body ds:text-[var(--muted-foreground)]\">\n {message ?? t(`errorPage.status.${spec.key}.message`)}\n </p>\n {backTime && (\n <p className=\"type-body ds:font-semibold\">\n {t('errorPage.backAt', { time: backTime })}\n </p>\n )}\n </div>\n {actions.length > 0 && (\n <div className=\"ds:flex ds:flex-wrap ds:items-center ds:justify-center ds:gap-[var(--spacing-sm)]\">\n {actions}\n </div>\n )}\n {requestId && (\n <p className=\"type-body-sm ds:text-[var(--muted-foreground)]\">\n {t('errorPage.reference', { id: requestId })}\n <br />\n {t('errorPage.referenceHint')}\n </p>\n )}\n {showLogo && <Logo decorative size=\"sm\" className=\"ds:opacity-70\" />}\n </div>\n </Root>\n );\n },\n);\nErrorPage.displayName = 'ErrorPage';\n"],"names":["__iconNode","CircleQuestionMark","createLucideIcon","House","ERROR_PAGE_STATUSES","SPECS","errorPageStatusSpec","status","SAVED_LOCALE_KEY","ERROR_PAGE_FALLBACK_LOCALE","shipped","tag","base","code","LOCALES_WITH_BUNDLES","readSaved","resolveErrorPageLocale","sources","inBrowser","saved","browser","_a","documentLang","candidates","candidate","loadErrorPageLocale","language","instance","loadLocale","errorPageVariants","cva","RTL","LANGUAGE_PATIENCE","formatBackAt","value","locale","at","now","day","hasCopy","safeHref","href","isSafeHref","ErrorPage","forwardRef","homeHref","loginHref","supportHref","onRetry","requestId","backAt","hostLocaleIsDefault","title","message","primaryAction","mood","showStatusLabel","showLogo","Root","focusHeading","headingLevel","layout","surface","className","rest","ref","i18n","useTranslation","useMemo","shown","setShown","useState","setLoaded","useEffect","current","ready","landed","count","patience","t","spec","backTime","headingRef","useRef","focusedFor","key","Heading","retry","primary","link","action","icon","intent","jsx","Button","actions","RotateCcw","LogIn","jsxs","ErrorPageIllustration","Logo"],"mappings":"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","x_google_ignoreList":[0,1]}

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

@@ -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 ADDED Viewed

@@ -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/{login-dev-card-C7wo-Hv1.js → login-dev-card-q7iTojvV.js} RENAMED Viewed

@@ -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