@alfadocs/ui-kit 1.54.3 → 1.56.0

package/dist/components/stat/stat.d.ts

@@ -5,6 +5,8 @@ declare const statVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
     align?: "center" | "end" | "start" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/** Which way is good news for a metric's trend. */
+export type StatTrendPolarity = 'higher-is-better' | 'lower-is-better';
 export interface StatProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof statVariants> {
     /** Metric label rendered above the value. */
     label: string;
@@ -20,6 +22,13 @@ export interface StatProps extends HTMLAttributes<HTMLDivElement>, VariantProps<
     trend?: 'up' | 'down' | 'flat';
     /** Trend delta magnitude, e.g. 12 for "↑ 12%". */
     delta?: number | string;
+    /**
+     * Which way is good news. `higher-is-better` (default) shows a rise in
+     * the success colour; `lower-is-better` (a no-show or cancellation rate,
+     * a waiting time) shows a fall in it instead. The arrow always points the
+     * way the number moved, and screen readers hear "better" or "worse".
+     */
+    trendPolarity?: StatTrendPolarity;
     /** Number formatting style for the delta. Default "decimal". */
     deltaFormat?: 'decimal' | 'percent';
     /** Optional leading icon rendered at the start of the label row. */

package/dist/components/stepper-accordion/index.js

@@ -1,4 +1,4 @@
-import { S as e } from "../../_chunks/stepper-accordion-BPNS6J6B.js";
+import { S as e } from "../../_chunks/stepper-accordion-DDTSOUHc.js";
 import { s as t } from "../../_chunks/stepper-accordion.agent-cmEguIdx.js";
 export {
   e as StepperAccordion,

package/dist/components/streaming-text/index.js

@@ -1,4 +1,4 @@
-import { S as t } from "../../_chunks/streaming-text-BAPn_sZs.js";
+import { S as t } from "../../_chunks/streaming-text-BKZmbW1Q.js";
 export {
   t as StreamingText
 };

package/dist/components/tab-bar/index.js

@@ -1,4 +1,4 @@
-import { T as o } from "../../_chunks/tab-bar-DRKiomgj.js";
+import { T as o } from "../../_chunks/tab-bar-Bm-rJB7Y.js";
 export {
   o as TabBar
 };

package/dist/components/tabs/index.js

@@ -1,4 +1,4 @@
-import { T as t, a as b, b as T, c as e, t as r } from "../../_chunks/tabs-yIY-RySP.js";
+import { T as t, a as b, b as T, c as e, t as r } from "../../_chunks/tabs-I2wf_nC7.js";
 export {
   t as Tabs,
   b as TabsContent,

package/dist/components/task-card/index.js

@@ -1,4 +1,4 @@
-import { T as s, i as t } from "../../_chunks/task-card-C02Km4Gb.js";
+import { T as s, i as t } from "../../_chunks/task-card-BMXMh3uE.js";
 import { t as o } from "../../_chunks/task-card.agent-CF2N_uu4.js";
 export {
   s as TaskCard,

package/dist/components/task-editor/index.js

@@ -1,4 +1,4 @@
-import { T as o, t as r } from "../../_chunks/task-editor-i-juLk76.js";
+import { T as o, t as r } from "../../_chunks/task-editor-ByyRu29Y.js";
 export {
   o as TaskEditor,
   r as taskEditorAgent

package/dist/components/task-tray/index.js

@@ -1,4 +1,4 @@
-import { T as s, t } from "../../_chunks/task-tray-By6DPwbT.js";
+import { T as s, t } from "../../_chunks/task-tray-DsBO-AaP.js";
 export {
   s as TaskTray,
   t as taskTrayAgent

package/dist/components/tasks-panel/index.js

@@ -1,4 +1,4 @@
-import { T as e, t } from "../../_chunks/tasks-panel-BkN9sROF.js";
+import { T as e, t } from "../../_chunks/tasks-panel-CdgZQQgG.js";
 export {
   e as TasksPanel,
   t as tasksPanelAgent

package/dist/components/text-area/index.js

@@ -1,4 +1,4 @@
-import { T as a } from "../../_chunks/text-area-CDuItrvL.js";
+import { T as a } from "../../_chunks/text-area-COMVJ1yE.js";
 export {
   a as TextArea
 };

package/dist/components/text-input/index.js

@@ -1,4 +1,4 @@
-import { T as o } from "../../_chunks/text-input-rzLEKhRU.js";
+import { T as o } from "../../_chunks/text-input-CaG9ApoE.js";
 export {
   o as TextInput
 };

package/dist/components/theme-toggle/index.js

@@ -1,4 +1,4 @@
-import { T as o, t } from "../../_chunks/theme-toggle-BAHz3itd.js";
+import { T as o, t } from "../../_chunks/theme-toggle-PpFcFoYK.js";
 export {
   o as ThemeToggle,
   t as themeToggleAgent

package/dist/components/time-picker/index.js

@@ -1,4 +1,4 @@
-import { T as r, t } from "../../_chunks/time-picker-DKKmpFh3.js";
+import { T as r, t } from "../../_chunks/time-picker-DVfyAR81.js";
 export {
   r as TimePicker,
   t as timePickerAgent

package/dist/components/time-picker/time-picker.d.ts

@@ -1,24 +1,28 @@
 import { type VariantProps } from 'class-variance-authority';
 import type { TimeValue } from '../_shared/time';
-/** Curated imperative handle exposed via `ref` — also consumed by the agent adapter. */
+/**
+ * Curated imperative handle, registered with the agent registry and consumed
+ * by the agent adapter. (The forwarded `ref` is the root element.)
+ */
 export interface TimePickerHandle {
     /** Get the current time value, or null when unset. */
     getValue: () => TimeValue | null;
-    /** Set the time value. */
+    /** Set the time value. Hours are kept within 0–23 and minutes within 0–59. */
     setValue: (value: TimeValue) => void;
     /** Clear the value (resets to 00:00). */
     clear: () => void;
-    /** Whether a popover is open. TimePicker has no popover; always false. */
+    /** Whether the time dropdown is open. Always false unless `dropdown` is on. */
     isOpen: () => boolean;
-    /** No-op: TimePicker has no popover. */
+    /** Open the time dropdown without moving focus. A no-op unless `dropdown` is on and the picker is enabled. */
     open: () => void;
-    /** No-op: TimePicker has no popover. */
+    /** Close the time dropdown. A no-op unless `dropdown` is on. */
     close: () => void;
 }
 declare const wrapperVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
     tone?: "default" | "error" | null | undefined;
     isDisabled?: boolean | null | undefined;
+    opensOnClick?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type MinuteStep = 1 | 5 | 10 | 15 | 30;
 export interface TimePickerProps extends Pick<VariantProps<typeof wrapperVariants>, 'size'> {
@@ -41,12 +45,29 @@ export interface TimePickerProps extends Pick<VariantProps<typeof wrapperVariant
     };
     /** Component size. */
     size?: 'sm' | 'md' | 'lg';
+    /**
+     * Adds a list to pick the time from: a clock button at the field's end,
+     * and a click anywhere on the field opens a panel with an hour column, a
+     * minute column (in `minuteStep` steps) and, in 12h mode, an AM/PM column.
+     * Typing still works while it is open. For pointer and touch-first forms
+     * such as business hours. Off by default: the typed field is unchanged.
+     */
+    dropdown?: boolean;
     /** Whether the input is disabled. */
     disabled?: boolean;
     /** Additional class names. */
     className?: string;
     /** id override. */
     id?: string;
+    /**
+     * Accessible name for the time group when it is NOT in a `FormField`, or
+     * to override the field's label (two pickers in one field, say). Without
+     * a name of its own the group is called "Time". Inside a `FormField` the
+     * group takes the field's label.
+     */
+    'aria-label'?: string;
+    /** Accessible name by reference. Wins over `aria-label` and the FormField label. */
+    'aria-labelledby'?: string;
 }
 export declare const TimePicker: import("react").ForwardRefExoticComponent<TimePickerProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/timeline/index.js

@@ -1,4 +1,4 @@
-import { T as t, t as m } from "../../_chunks/timeline-CVLjybJ3.js";
+import { T as t, t as m } from "../../_chunks/timeline-DG8wAlAx.js";
 export {
   t as Timeline,
   m as timelineAgent

package/dist/components/toast/index.js

@@ -1,4 +1,4 @@
-import { T as s, t as o, a as r, b as e, c as n, d as c } from "../../_chunks/toast-UMUvXFsA.js";
+import { T as s, t as o, a as r, b as e, c as n, d as c } from "../../_chunks/toast-CPqguP7G.js";
 import { t as g } from "../../_chunks/toast.agent-DNQ0JYGv.js";
 export {
   s as Toaster,

package/dist/components/token-insert-menu/index.js

@@ -1,4 +1,4 @@
-import { T as t, t as o } from "../../_chunks/token-insert-menu-DgtBIbNu.js";
+import { T as t, t as o } from "../../_chunks/token-insert-menu-B-pWFDKX.js";
 export {
   t as TokenInsertMenu,
   o as tokenInsertMenuAgent

package/dist/components/tool-rail/index.js

@@ -1,4 +1,4 @@
-import { T as l, t } from "../../_chunks/tool-rail-CwXN-sDC.js";
+import { T as l, t } from "../../_chunks/tool-rail-Bwyuw_Ot.js";
 export {
   l as ToolRail,
   t as toolRailAgent

package/dist/components/tooth-scheme/index.js

@@ -1,4 +1,4 @@
-import { T as s, t, r as e } from "../../_chunks/tooth-scheme-BAMhwCZe.js";
+import { T as s, t, r as e } from "../../_chunks/tooth-scheme-BAO_voUO.js";
 import { C as i, a as T, b as S, c as l, d as r, e as I, F as O, f as N, g as _, h as c, I as E, P as C, i as A, S as m, j as L, k as d, l as h, m as D, n as F, T as y, o as P, p as b, q as R, r as U, s as p, t as M, u, v as K, w as f, x as B, y as Y, z as H, A as g, B as z, D as w, E as x, G as V, H as k, J as G, K as j, L as q, M as v, N as J, O as Q, Q as W, R as X, U as Z, V as $, W as aa, X as oa, Y as sa, Z as ta, _ as ea, $ as na } from "../../_chunks/tooth-data-DR8Kdnup.js";
 export {
   i as CONDITION_COLORS,

package/dist/components/transcript-panel/index.js

@@ -1,4 +1,4 @@
-import { T as t, t as n } from "../../_chunks/transcript-panel-jOCW4Ycl.js";
+import { T as t, t as n } from "../../_chunks/transcript-panel-CjsiDB1K.js";
 export {
   t as TranscriptPanel,
   n as transcriptPanelAgent

package/dist/components/treatment-receipt/index.js

@@ -1,4 +1,4 @@
-import { T as r } from "../../_chunks/treatment-receipt-DF2Slh-x.js";
+import { T as r } from "../../_chunks/treatment-receipt-BSVOfStA.js";
 import { t as m } from "../../_chunks/treatment-receipt.agent-bpFm2RPH.js";
 export {
   r as TreatmentReceipt,

package/dist/components/typing-indicator/index.js

@@ -1,4 +1,4 @@
-import { T as a } from "../../_chunks/typing-indicator-BmwMQSxw.js";
+import { T as a } from "../../_chunks/typing-indicator-B1RkE8jD.js";
 export {
   a as TypingIndicator
 };

package/dist/components/unit-converter/index.js

@@ -1,4 +1,4 @@
-import { C as r, U as t, a as U, b as e, c as n } from "../../_chunks/unit-converter-Bvhj9r3m.js";
+import { C as r, U as t, a as U, b as e, c as n } from "../../_chunks/unit-converter-DS4UB_59.js";
 export {
   r as CATEGORIES,
   t as UNITS,

package/dist/components/voice-control-panel/index.d.ts

@@ -0,0 +1,5 @@
+export { VoiceControlPanel } from './voice-control-panel';
+export type { VoiceControlPanelProps, VoiceControlPanelHandle, VoiceControlStatus, VoiceControlTone, VoiceControlError, VoiceControlMessage, VoiceControlTranscript, VoiceControlLanguage, VoiceControlCandidate, VoiceControlCommand, VoiceControlToggle, VoiceControlLayout, VoiceControlPosition, } from './voice-control-panel';
+export type { AiConsentGate } from '../ai-permission-notice';
+export { voiceControlPanelAgent } from './voice-control-panel.agent';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/voice-control-panel/index.js

@@ -0,0 +1,6 @@
+import { V as n, v as a } from "../../_chunks/voice-control-panel-Bg1eklL0.js";
+export {
+  n as VoiceControlPanel,
+  a as voiceControlPanelAgent
+};
+//# sourceMappingURL=index.js.map

package/dist/components/voice-control-panel/voice-control-panel.agent.d.ts

@@ -0,0 +1,4 @@
+import type { AgentAdapter } from '../../agent/types';
+import type { VoiceControlPanelHandle } from './voice-control-panel';
+export declare const voiceControlPanelAgent: AgentAdapter<VoiceControlPanelHandle>;
+//# sourceMappingURL=voice-control-panel.agent.d.ts.map

package/dist/components/voice-control-panel/voice-control-panel.d.ts

@@ -0,0 +1,179 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import { type AiConsentBannerHeadingLevel, type AiConsentGate } from '../ai-permission-notice';
+import { type KbdNamedKey } from '../kbd';
+/** Where the host's voice session is. */
+export type VoiceControlStatus = 'idle' | 'starting' | 'listening' | 'paused' | 'error';
+/** How a message reads: the tone decides the colour and the icon. */
+export type VoiceControlTone = 'info' | 'success' | 'warning' | 'error';
+/** Generic failures the kit words itself, translated. */
+export type VoiceControlError = 'microphoneDenied' | 'connectionLost' | 'startFailed' | 'recordingFailed' | 'unsupported';
+/** A host message, already translated by the host. */
+export interface VoiceControlMessage {
+    tone: VoiceControlTone;
+    text: string;
+    /**
+     * Change it to announce the same words again (the live region only speaks
+     * when the message changes), e.g. a counter for "Not recognised" twice.
+     */
+    id?: string | number;
+}
+/** What the speech service heard. `partial` may still change. */
+export interface VoiceControlTranscript {
+    final?: string;
+    partial?: string;
+}
+/** One dictation language the host's speech service accepts. */
+export interface VoiceControlLanguage {
+    value: string;
+    label: string;
+}
+/** One match the user can pick by voice ("option 1") or by hand. */
+export interface VoiceControlCandidate {
+    id: string;
+    label: string;
+    detail?: string;
+}
+/** One voice command shown in the commands disclosure. */
+export interface VoiceControlCommand {
+    phrase: ReactNode;
+    description: ReactNode;
+}
+/** What a press asks the host to do: start (or resume), or stop (or cancel
+ *  a start). */
+export type VoiceControlToggle = 'start' | 'stop';
+/** Inline in the page flow, or a floating pill that opens the panel. */
+export type VoiceControlLayout = 'inline' | 'floating';
+/** The viewport corner of the floating pill. Logical: mirrors in RTL. */
+export type VoiceControlPosition = 'bottom-end' | 'bottom-start';
+/** Curated imperative handle for agent / external automation. */
+export interface VoiceControlPanelHandle {
+    getStatus: () => VoiceControlStatus;
+    /** Ask the host to start (`onToggle('start')`) unless already starting
+     *  or listening, or disabled. Gated by `aiConsent` like a press. */
+    start: () => void;
+    /** Ask the host to stop or cancel a start (`onToggle('stop')`); a no-op
+     *  when not starting or listening. Never gated. */
+    stop: () => void;
+    getCandidateIds: () => string[];
+    pickCandidate: (id: string) => void;
+    isCommandsOpen: () => boolean;
+    openCommands: () => void;
+    closeCommands: () => void;
+    /** Floating layout: whether the panel above the pill is open. Always
+     *  false inline. */
+    isPanelOpen: () => boolean;
+    /** Floating layout: open the panel (no focus move). A no-op inline. */
+    openPanel: () => void;
+    /** Floating layout: close the panel; listening carries on. A no-op inline. */
+    closePanel: () => void;
+}
+export interface VoiceControlPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children' | 'onToggle'> {
+    /** Where the host's voice session is. Drives the button, dot and status. */
+    status: VoiceControlStatus;
+    /**
+     * The start/stop button, the pill's voice segment, the shortcut and the
+     * agent call this, saying which way: `'start'` when idle, paused or
+     * stopped, `'stop'` when starting or listening (stop, or cancel a start).
+     * Every stop is passed on, so act on the argument rather than flip your
+     * own state. A host that ignores the argument keeps working.
+     */
+    onToggle: (next: VoiceControlToggle) => void;
+    /**
+     * Stops a session from starting: disables the button, the shortcut, the
+     * settings and the matches. A session already starting or listening can
+     * still be stopped, so the microphone is never trapped on.
+     */
+    disabled?: boolean;
+    /** Panel title. Default: the kit's "Voice control". */
+    title?: ReactNode;
+    /** Shows a "Beta" badge beside the title. */
+    beta?: boolean;
+    /** A host notice under the title, e.g. "Free during the beta." */
+    betaNotice?: ReactNode;
+    /** The current dictation language (a `languages` value). */
+    language?: string;
+    /** Dictation languages. The select shows only with two or more. */
+    languages?: VoiceControlLanguage[];
+    onLanguageChange?: (value: string) => void;
+    /** Extra settings beside the language, e.g. the periodontal route select. */
+    extraControls?: ReactNode;
+    /** The bold "where am I" line: the field or elements voice acts on. */
+    target?: ReactNode;
+    /** What the speech service heard: `final` reads normal, `partial` muted. */
+    transcript?: VoiceControlTranscript;
+    /** A host message. The tone sets colour and icon; not every message is red. */
+    message?: VoiceControlMessage | null;
+    /** A generic failure, worded and translated by the kit (tone: error). */
+    error?: VoiceControlError | null;
+    /** Several matches to choose from, numbered as they are spoken. */
+    candidates?: VoiceControlCandidate[];
+    /** Host label above the matches, e.g. "Several matches: say 'option 1'…". */
+    candidatesLabel?: string;
+    onCandidatePick?: (id: string) => void;
+    /** Voice commands listed in the disclosure under the panel. */
+    commands?: VoiceControlCommand[];
+    /** Start with the commands disclosure open. */
+    defaultCommandsOpen?: boolean;
+    /**
+     * Keyboard shortcut the kit binds document-wide to toggle, e.g. `"Alt+V"`
+     * (default). Modifiers: Alt, Control, Shift, Meta. `false` turns it off.
+     */
+    shortcut?: string | false;
+    /** Opaque instance id: `data-component-id` and agent registration. */
+    id?: string;
+    /**
+     * `inline` (default): the panel sits in the page flow, above the chart.
+     * `floating`: the RichTextEditor's AI pill (mic | panel) fixed to a
+     * viewport corner; the second segment opens this panel above it, non-modal.
+     */
+    layout?: VoiceControlLayout;
+    /**
+     * Floating only: the viewport corner. Default `bottom-end`; `bottom-start`
+     * moves the pill away from another floating widget (a chat bubble).
+     */
+    position?: VoiceControlPosition;
+    /** Floating only: whether the panel above the pill is open (controlled). */
+    open?: boolean;
+    /** Floating only: the open state when uncontrolled. Default `false`. */
+    defaultOpen?: boolean;
+    /**
+     * Floating only: called when the panel opens or closes, by the pill, the
+     * close button, Escape, or on its own for an error or a set of matches.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Floating only: the pill's sparkle, as on the RichTextEditor's pill. It
+     * plays once when the pill first shows and again when a success message
+     * arrives (a write landed); never in a loop while listening. Default `true`.
+     */
+    aiSparkle?: boolean;
+    /**
+     * Patient AI-consent gate: voice sends patient audio to the host's speech
+     * service. Same contract as RichTextEditor's `aiConsent`. While present and
+     * not granted, every way of starting shows the `AiConsentBanner` instead of
+     * calling `onToggle`; stopping is never gated. Omit for ungated behaviour.
+     */
+    aiConsent?: AiConsentGate;
+    /** Heading level for the `AiConsentBanner` title. Default: the banner's. */
+    aiConsentHeadingLevel?: AiConsentBannerHeadingLevel;
+}
+type ShortcutModifier = Extract<KbdNamedKey, 'Alt' | 'Control' | 'Shift' | 'Meta'>;
+interface ParsedShortcut {
+    modifiers: Set<ShortcutModifier>;
+    key: string;
+    /** `aria-keyshortcuts` value, e.g. `Alt+V`. */
+    aria: string;
+    /** Keys for the kit Kbd, e.g. `['Alt', 'V']`. */
+    keys: string[];
+}
+/** Parse `"Alt+V"`-style shortcuts. Returns null for an unusable string. */
+export declare function parseVoiceShortcut(shortcut: string): ParsedShortcut | null;
+/**
+ * VoiceControlPanel: the kit UI for a host-driven voice control session.
+ * The host keeps the microphone and the speech service; the panel shows the
+ * state, what was heard, where the voice acts, messages and matches, and
+ * calls `onToggle` from its button and its keyboard shortcut.
+ */
+export declare const VoiceControlPanel: import("react").ForwardRefExoticComponent<VoiceControlPanelProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=voice-control-panel.d.ts.map

package/dist/components/wallet-pay-button/index.js

@@ -1,4 +1,4 @@
-import { W as o } from "../../_chunks/wallet-pay-button-Dew8Pmgq.js";
+import { W as o } from "../../_chunks/wallet-pay-button-DFP5FW0D.js";
 export {
   o as WalletPayButton
 };

package/dist/components/warning-stack/index.js

@@ -1,4 +1,4 @@
-import { W as n } from "../../_chunks/warning-stack-B_v_qMBI.js";
+import { W as n } from "../../_chunks/warning-stack-ubD0IZCy.js";
 export {
   n as WarningStack
 };

package/dist/components/widget-picker/index.js

@@ -1,4 +1,4 @@
-import { W as r, w as t } from "../../_chunks/widget-picker-Ck8HTsil.js";
+import { W as r, w as t } from "../../_chunks/widget-picker-DXYBMTfe.js";
 export {
   r as WidgetPicker,
   t as widgetPickerAgent

package/dist/components/workflow/index.js

@@ -1,4 +1,4 @@
-import { C as r, W as e, a as s, b as d, c as w, i as t, l as f, m as l, r as i, w as k, d as n, e as A, f as C } from "../../_chunks/workflow-map-PzamnfJK.js";
+import { C as r, W as e, a as s, b as d, c as w, i as t, l as f, m as l, r as i, w as k, d as n, e as A, f as C } from "../../_chunks/workflow-map-Demlpy39.js";
 export {
   r as CORE_PATIENT_FIELDS,
   e as WorkflowCard,

package/dist/components/workflow-status/index.js

@@ -1,5 +1,5 @@
-import { W as o, a as s, w as r } from "../../_chunks/workflow-status-DDnsIrLt.js";
-import { A as T, a as e, i as l, u } from "../../_chunks/appointment-workflow-status-DrWCNLbB.js";
+import { W as o, a as s, w as r } from "../../_chunks/workflow-status-BT27_fQp.js";
+import { A as T, a as e, i as l, u } from "../../_chunks/appointment-workflow-status-DMjuIK90.js";
 export {
   T as APPOINTMENT_NO_STATUS,
   e as APPOINTMENT_WORKFLOW_STATUSES,

package/dist/error-pages/400.ar.html

@@ -29,7 +29,7 @@ h1{margin:0;display:flex;flex-direction:column;gap:8px;font-size:1rem}
 </head>
 <body>
 <main data-component="error-page" data-status="400">
-<div class="art" aria-hidden="true"><div aria-hidden="true" data-mood="jumbled"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -24 200 240" fill="var(--primary)"><g transform="rotate(75 70 27)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><rect x="53.04" y="2.54" width="33.99" height="49.34" rx="4.56" transform="translate(-4.66 19.05) rotate(-15)"></rect></g></g><g transform="rotate(-60 121 70)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5)"><rect x="96.12" y="53.04" width="49.34" height="33.99" rx="4.56" transform="translate(-14.01 33.65) rotate(-15)"></rect></g></g><g transform="rotate(40 27 78)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><path d="M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z"></path></g></g><g transform="rotate(-95 78 121)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5)"><rect x="60.97" y="96.12" width="33.99" height="49.34" rx="4.56" transform="translate(-28.61 24.29) rotate(-15)"></rect></g></g><ellipse cx="74" cy="206" rx="46" ry="4" fill="var(--muted-foreground)" fill-opacity="0.2"></ellipse></svg></div></div>
+<div class="art" aria-hidden="true"><div aria-hidden="true" data-mood="jumbled"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -24 200 240" fill="var(--primary)"><g transform="rotate(75 70 27)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><rect x="53.04" y="2.54" width="33.99" height="49.34" rx="4.56" transform="translate(-4.66 19.05) rotate(-15)"></rect></g></g><g transform="rotate(-60 121 70)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5);animation-fill-mode:backwards"><rect x="96.12" y="53.04" width="49.34" height="33.99" rx="4.56" transform="translate(-14.01 33.65) rotate(-15)"></rect></g></g><g transform="rotate(40 27 78)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><path d="M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z"></path></g></g><g transform="rotate(-95 78 121)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5);animation-fill-mode:backwards"><rect x="60.97" y="96.12" width="33.99" height="49.34" rx="4.56" transform="translate(-28.61 24.29) rotate(-15)"></rect></g></g><ellipse cx="74" cy="206" rx="46" ry="4" fill="var(--muted-foreground)" fill-opacity="0.2"></ellipse></svg></div></div>
 <div class="copy">
 <h1><span class="label">خطأ 400</span><span class="title">تعذّر تنفيذ هذا الطلب</span></h1>
 <p class="message">حدث خطأ في الطلب. يرجى إعادة المحاولة.</p>

package/dist/error-pages/400.de.html

@@ -29,7 +29,7 @@ h1{margin:0;display:flex;flex-direction:column;gap:8px;font-size:1rem}
 </head>
 <body>
 <main data-component="error-page" data-status="400">
-<div class="art" aria-hidden="true"><div aria-hidden="true" data-mood="jumbled"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -24 200 240" fill="var(--primary)"><g transform="rotate(75 70 27)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><rect x="53.04" y="2.54" width="33.99" height="49.34" rx="4.56" transform="translate(-4.66 19.05) rotate(-15)"></rect></g></g><g transform="rotate(-60 121 70)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5)"><rect x="96.12" y="53.04" width="49.34" height="33.99" rx="4.56" transform="translate(-14.01 33.65) rotate(-15)"></rect></g></g><g transform="rotate(40 27 78)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><path d="M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z"></path></g></g><g transform="rotate(-95 78 121)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5)"><rect x="60.97" y="96.12" width="33.99" height="49.34" rx="4.56" transform="translate(-28.61 24.29) rotate(-15)"></rect></g></g><ellipse cx="74" cy="206" rx="46" ry="4" fill="var(--muted-foreground)" fill-opacity="0.2"></ellipse></svg></div></div>
+<div class="art" aria-hidden="true"><div aria-hidden="true" data-mood="jumbled"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -24 200 240" fill="var(--primary)"><g transform="rotate(75 70 27)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><rect x="53.04" y="2.54" width="33.99" height="49.34" rx="4.56" transform="translate(-4.66 19.05) rotate(-15)"></rect></g></g><g transform="rotate(-60 121 70)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5);animation-fill-mode:backwards"><rect x="96.12" y="53.04" width="49.34" height="33.99" rx="4.56" transform="translate(-14.01 33.65) rotate(-15)"></rect></g></g><g transform="rotate(40 27 78)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><path d="M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z"></path></g></g><g transform="rotate(-95 78 121)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5);animation-fill-mode:backwards"><rect x="60.97" y="96.12" width="33.99" height="49.34" rx="4.56" transform="translate(-28.61 24.29) rotate(-15)"></rect></g></g><ellipse cx="74" cy="206" rx="46" ry="4" fill="var(--muted-foreground)" fill-opacity="0.2"></ellipse></svg></div></div>
 <div class="copy">
 <h1><span class="label">Fehler 400</span><span class="title">Diese Anfrage konnte nicht verarbeitet werden</span></h1>
 <p class="message">Etwas an der Anfrage war nicht korrekt. Bitte erneut versuchen.</p>

package/dist/error-pages/400.el.html

@@ -29,7 +29,7 @@ h1{margin:0;display:flex;flex-direction:column;gap:8px;font-size:1rem}
 </head>
 <body>
 <main data-component="error-page" data-status="400">
-<div class="art" aria-hidden="true"><div aria-hidden="true" data-mood="jumbled"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -24 200 240" fill="var(--primary)"><g transform="rotate(75 70 27)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><rect x="53.04" y="2.54" width="33.99" height="49.34" rx="4.56" transform="translate(-4.66 19.05) rotate(-15)"></rect></g></g><g transform="rotate(-60 121 70)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5)"><rect x="96.12" y="53.04" width="49.34" height="33.99" rx="4.56" transform="translate(-14.01 33.65) rotate(-15)"></rect></g></g><g transform="rotate(40 27 78)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><path d="M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z"></path></g></g><g transform="rotate(-95 78 121)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5)"><rect x="60.97" y="96.12" width="33.99" height="49.34" rx="4.56" transform="translate(-28.61 24.29) rotate(-15)"></rect></g></g><ellipse cx="74" cy="206" rx="46" ry="4" fill="var(--muted-foreground)" fill-opacity="0.2"></ellipse></svg></div></div>
+<div class="art" aria-hidden="true"><div aria-hidden="true" data-mood="jumbled"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -24 200 240" fill="var(--primary)"><g transform="rotate(75 70 27)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><rect x="53.04" y="2.54" width="33.99" height="49.34" rx="4.56" transform="translate(-4.66 19.05) rotate(-15)"></rect></g></g><g transform="rotate(-60 121 70)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5);animation-fill-mode:backwards"><rect x="96.12" y="53.04" width="49.34" height="33.99" rx="4.56" transform="translate(-14.01 33.65) rotate(-15)"></rect></g></g><g transform="rotate(40 27 78)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><path d="M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z"></path></g></g><g transform="rotate(-95 78 121)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5);animation-fill-mode:backwards"><rect x="60.97" y="96.12" width="33.99" height="49.34" rx="4.56" transform="translate(-28.61 24.29) rotate(-15)"></rect></g></g><ellipse cx="74" cy="206" rx="46" ry="4" fill="var(--muted-foreground)" fill-opacity="0.2"></ellipse></svg></div></div>
 <div class="copy">
 <h1><span class="label">Σφάλμα 400</span><span class="title">Δεν μπορέσαμε να επεξεργαστούμε αυτό το αίτημα</span></h1>
 <p class="message">Κάτι στο αίτημα δεν ήταν σωστό. Δοκιμάστε ξανά.</p>

package/dist/error-pages/400.en.html

@@ -29,7 +29,7 @@ h1{margin:0;display:flex;flex-direction:column;gap:8px;font-size:1rem}
 </head>
 <body>
 <main data-component="error-page" data-status="400">
-<div class="art" aria-hidden="true"><div aria-hidden="true" data-mood="jumbled"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -24 200 240" fill="var(--primary)"><g transform="rotate(75 70 27)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><rect x="53.04" y="2.54" width="33.99" height="49.34" rx="4.56" transform="translate(-4.66 19.05) rotate(-15)"></rect></g></g><g transform="rotate(-60 121 70)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5)"><rect x="96.12" y="53.04" width="49.34" height="33.99" rx="4.56" transform="translate(-14.01 33.65) rotate(-15)"></rect></g></g><g transform="rotate(40 27 78)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><path d="M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z"></path></g></g><g transform="rotate(-95 78 121)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5)"><rect x="60.97" y="96.12" width="33.99" height="49.34" rx="4.56" transform="translate(-28.61 24.29) rotate(-15)"></rect></g></g><ellipse cx="74" cy="206" rx="46" ry="4" fill="var(--muted-foreground)" fill-opacity="0.2"></ellipse></svg></div></div>
+<div class="art" aria-hidden="true"><div aria-hidden="true" data-mood="jumbled"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -24 200 240" fill="var(--primary)"><g transform="rotate(75 70 27)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><rect x="53.04" y="2.54" width="33.99" height="49.34" rx="4.56" transform="translate(-4.66 19.05) rotate(-15)"></rect></g></g><g transform="rotate(-60 121 70)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5);animation-fill-mode:backwards"><rect x="96.12" y="53.04" width="49.34" height="33.99" rx="4.56" transform="translate(-14.01 33.65) rotate(-15)"></rect></g></g><g transform="rotate(40 27 78)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><path d="M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z"></path></g></g><g transform="rotate(-95 78 121)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5);animation-fill-mode:backwards"><rect x="60.97" y="96.12" width="33.99" height="49.34" rx="4.56" transform="translate(-28.61 24.29) rotate(-15)"></rect></g></g><ellipse cx="74" cy="206" rx="46" ry="4" fill="var(--muted-foreground)" fill-opacity="0.2"></ellipse></svg></div></div>
 <div class="copy">
 <h1><span class="label">Error 400</span><span class="title">We couldn't handle that request</span></h1>
 <p class="message">Something in the request was not right. Please try again.</p>

package/dist/error-pages/400.es.html

@@ -29,7 +29,7 @@ h1{margin:0;display:flex;flex-direction:column;gap:8px;font-size:1rem}
 </head>
 <body>
 <main data-component="error-page" data-status="400">
-<div class="art" aria-hidden="true"><div aria-hidden="true" data-mood="jumbled"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -24 200 240" fill="var(--primary)"><g transform="rotate(75 70 27)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><rect x="53.04" y="2.54" width="33.99" height="49.34" rx="4.56" transform="translate(-4.66 19.05) rotate(-15)"></rect></g></g><g transform="rotate(-60 121 70)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5)"><rect x="96.12" y="53.04" width="49.34" height="33.99" rx="4.56" transform="translate(-14.01 33.65) rotate(-15)"></rect></g></g><g transform="rotate(40 27 78)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><path d="M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z"></path></g></g><g transform="rotate(-95 78 121)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5)"><rect x="60.97" y="96.12" width="33.99" height="49.34" rx="4.56" transform="translate(-28.61 24.29) rotate(-15)"></rect></g></g><ellipse cx="74" cy="206" rx="46" ry="4" fill="var(--muted-foreground)" fill-opacity="0.2"></ellipse></svg></div></div>
+<div class="art" aria-hidden="true"><div aria-hidden="true" data-mood="jumbled"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -24 200 240" fill="var(--primary)"><g transform="rotate(75 70 27)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><rect x="53.04" y="2.54" width="33.99" height="49.34" rx="4.56" transform="translate(-4.66 19.05) rotate(-15)"></rect></g></g><g transform="rotate(-60 121 70)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5);animation-fill-mode:backwards"><rect x="96.12" y="53.04" width="49.34" height="33.99" rx="4.56" transform="translate(-14.01 33.65) rotate(-15)"></rect></g></g><g transform="rotate(40 27 78)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><path d="M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z"></path></g></g><g transform="rotate(-95 78 121)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5);animation-fill-mode:backwards"><rect x="60.97" y="96.12" width="33.99" height="49.34" rx="4.56" transform="translate(-28.61 24.29) rotate(-15)"></rect></g></g><ellipse cx="74" cy="206" rx="46" ry="4" fill="var(--muted-foreground)" fill-opacity="0.2"></ellipse></svg></div></div>
 <div class="copy">
 <h1><span class="label">Error 400</span><span class="title">No hemos podido procesar esta solicitud</span></h1>
 <p class="message">Algo en la solicitud no era correcto. Inténtelo de nuevo.</p>

package/dist/error-pages/400.fr.html

@@ -29,7 +29,7 @@ h1{margin:0;display:flex;flex-direction:column;gap:8px;font-size:1rem}
 </head>
 <body>
 <main data-component="error-page" data-status="400">
-<div class="art" aria-hidden="true"><div aria-hidden="true" data-mood="jumbled"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -24 200 240" fill="var(--primary)"><g transform="rotate(75 70 27)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><rect x="53.04" y="2.54" width="33.99" height="49.34" rx="4.56" transform="translate(-4.66 19.05) rotate(-15)"></rect></g></g><g transform="rotate(-60 121 70)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5)"><rect x="96.12" y="53.04" width="49.34" height="33.99" rx="4.56" transform="translate(-14.01 33.65) rotate(-15)"></rect></g></g><g transform="rotate(40 27 78)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><path d="M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z"></path></g></g><g transform="rotate(-95 78 121)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5)"><rect x="60.97" y="96.12" width="33.99" height="49.34" rx="4.56" transform="translate(-28.61 24.29) rotate(-15)"></rect></g></g><ellipse cx="74" cy="206" rx="46" ry="4" fill="var(--muted-foreground)" fill-opacity="0.2"></ellipse></svg></div></div>
+<div class="art" aria-hidden="true"><div aria-hidden="true" data-mood="jumbled"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -24 200 240" fill="var(--primary)"><g transform="rotate(75 70 27)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><rect x="53.04" y="2.54" width="33.99" height="49.34" rx="4.56" transform="translate(-4.66 19.05) rotate(-15)"></rect></g></g><g transform="rotate(-60 121 70)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5);animation-fill-mode:backwards"><rect x="96.12" y="53.04" width="49.34" height="33.99" rx="4.56" transform="translate(-14.01 33.65) rotate(-15)"></rect></g></g><g transform="rotate(40 27 78)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><path d="M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z"></path></g></g><g transform="rotate(-95 78 121)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5);animation-fill-mode:backwards"><rect x="60.97" y="96.12" width="33.99" height="49.34" rx="4.56" transform="translate(-28.61 24.29) rotate(-15)"></rect></g></g><ellipse cx="74" cy="206" rx="46" ry="4" fill="var(--muted-foreground)" fill-opacity="0.2"></ellipse></svg></div></div>
 <div class="copy">
 <h1><span class="label">Erreur 400</span><span class="title">Nous n'avons pas pu traiter cette demande</span></h1>
 <p class="message">Une information de la demande n'était pas correcte. Veuillez réessayer.</p>

package/dist/error-pages/400.hi.html

@@ -29,7 +29,7 @@ h1{margin:0;display:flex;flex-direction:column;gap:8px;font-size:1rem}
 </head>
 <body>
 <main data-component="error-page" data-status="400">
-<div class="art" aria-hidden="true"><div aria-hidden="true" data-mood="jumbled"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -24 200 240" fill="var(--primary)"><g transform="rotate(75 70 27)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><rect x="53.04" y="2.54" width="33.99" height="49.34" rx="4.56" transform="translate(-4.66 19.05) rotate(-15)"></rect></g></g><g transform="rotate(-60 121 70)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5)"><rect x="96.12" y="53.04" width="49.34" height="33.99" rx="4.56" transform="translate(-14.01 33.65) rotate(-15)"></rect></g></g><g transform="rotate(40 27 78)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><path d="M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z"></path></g></g><g transform="rotate(-95 78 121)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5)"><rect x="60.97" y="96.12" width="33.99" height="49.34" rx="4.56" transform="translate(-28.61 24.29) rotate(-15)"></rect></g></g><ellipse cx="74" cy="206" rx="46" ry="4" fill="var(--muted-foreground)" fill-opacity="0.2"></ellipse></svg></div></div>
+<div class="art" aria-hidden="true"><div aria-hidden="true" data-mood="jumbled"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -24 200 240" fill="var(--primary)"><g transform="rotate(75 70 27)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><rect x="53.04" y="2.54" width="33.99" height="49.34" rx="4.56" transform="translate(-4.66 19.05) rotate(-15)"></rect></g></g><g transform="rotate(-60 121 70)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5);animation-fill-mode:backwards"><rect x="96.12" y="53.04" width="49.34" height="33.99" rx="4.56" transform="translate(-14.01 33.65) rotate(-15)"></rect></g></g><g transform="rotate(40 27 78)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2"><path d="M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z"></path></g></g><g transform="rotate(-95 78 121)"><g style="transform-box:fill-box;transform-origin:center;animation:error-page-wiggle calc(var(--animation-duration)*10) ease-in-out 2;animation-delay:calc(var(--animation-duration)*5);animation-fill-mode:backwards"><rect x="60.97" y="96.12" width="33.99" height="49.34" rx="4.56" transform="translate(-28.61 24.29) rotate(-15)"></rect></g></g><ellipse cx="74" cy="206" rx="46" ry="4" fill="var(--muted-foreground)" fill-opacity="0.2"></ellipse></svg></div></div>
 <div class="copy">
 <h1><span class="label">त्रुटि 400</span><span class="title">हम यह अनुरोध पूरा नहीं कर सके</span></h1>
 <p class="message">अनुरोध में कुछ सही नहीं था। कृपया पुनः प्रयास करें।</p>