@alfadocs/ui-kit-debug 1.57.0 → 1.58.0

package/dist/_chunks/{list-RRN2TJ_7.js → list-CNnn7DOD.js}

@@ -1,5 +1,5 @@
 import { jsx as n, jsxs as W, Fragment as $ } from "react/jsx-runtime";
-import { forwardRef as X, useMemo as D, useState as V, useRef as J, useCallback as p, useImperativeHandle as C, useContext as ee, Children as te, isValidElement as se, createContext as ie } from "react";
+import { forwardRef as X, useMemo as j, useState as V, useRef as J, useCallback as p, useImperativeHandle as C, useContext as ee, Children as te, isValidElement as se, createContext as ie } from "react";
 import { c as Y } from "./index-D2ZczOXr.js";
 import { useTranslation as re } from "react-i18next";
 import { u as ne } from "./use-controllable-state-BiY4xTzM.js";
@@ -81,7 +81,7 @@ const de = {
   registerItemRef: () => {
   },
   divider: "spaced"
-}), ce = Y("ds:flex ds:flex-col ds:p-0 ds:m-0", {
+}), le = Y("ds:flex ds:flex-col ds:p-0 ds:m-0", {
   variants: {
     divider: {
       spaced: "",
@@ -103,7 +103,7 @@ const de = {
     density: "default",
     ordered: !1
   }
-}), le = Y(
+}), ce = Y(
   "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
   {
     variants: {
@@ -181,102 +181,102 @@ const Q = X(
     disabled: o = !1,
     className: N,
     children: f,
-    "aria-label": P,
+    "aria-label": k,
     ...r
   }, B) => {
-    const { t: T } = re("ui"), a = w !== "none", g = w === "multiple", U = D(() => {
+    const { t: T } = re("ui"), a = w !== "none", g = w === "multiple", U = j(() => {
       if (m !== void 0)
         return Array.isArray(m) ? m : [m];
-    }, [m]), K = D(() => S === void 0 ? [] : Array.isArray(S) ? S : [S], []), [j, E] = ne({
+    }, [m]), K = j(() => S === void 0 ? [] : Array.isArray(S) ? S : [S], []), [E, _] = ne({
       value: U,
       defaultValue: K
-    }), u = D(
-      () => new Set(j ?? []),
-      [j]
-    ), q = D(() => me(f), [f]), i = D(
+    }), u = j(
+      () => new Set(E ?? []),
+      [E]
+    ), q = j(() => me(f), [f]), i = j(
       () => q.filter((e) => !e.disabled && !o).map((e) => e.value),
       [q, o]
-    ), [h, _] = V(null), F = J(/* @__PURE__ */ new Map()), G = p(
-      (e, c) => {
-        c ? F.current.set(e, c) : F.current.delete(e);
+    ), [h, F] = V(null), P = J(/* @__PURE__ */ new Map()), G = p(
+      (e, l) => {
+        l ? P.current.set(e, l) : P.current.delete(e);
       },
       []
     ), x = p((e) => {
-      _(e), requestAnimationFrame(() => {
-        var c;
-        (c = F.current.get(e)) == null || c.focus();
+      F(e), requestAnimationFrame(() => {
+        var l;
+        (l = P.current.get(e)) == null || l.focus();
       });
     }, []), d = p(
       (e) => {
-        E(e), g ? b == null || b(e) : b == null || b(e[0] ?? "");
+        _(e), g ? b == null || b(e) : b == null || b(e[0] ?? "");
       },
-      [E, g, b]
-    ), k = p(
+      [_, g, b]
+    ), A = p(
       (e) => {
         if (!o && a)
           if (g) {
-            const c = [...u];
-            u.has(e) ? d(c.filter((O) => O !== e)) : d([...c, e]);
+            const l = [...u];
+            u.has(e) ? d(l.filter((O) => O !== e)) : d([...l, e]);
           } else
             u.has(e) ? d([]) : d([e]);
       },
       [o, a, g, u, d]
     ), H = p((e) => {
-      _(e);
+      F(e);
     }, []), M = p(
-      (e, c) => {
+      (e, l) => {
         if (!a) return;
-        const O = i.indexOf(c);
+        const O = i.indexOf(l);
         switch (e.key) {
           case "ArrowDown": {
             e.preventDefault();
-            const l = i[O + 1];
-            l !== void 0 && x(l);
+            const c = i[O + 1];
+            c !== void 0 && x(c);
             break;
           }
           case "ArrowUp": {
             e.preventDefault();
-            const l = i[O - 1];
-            l !== void 0 && x(l);
+            const c = i[O - 1];
+            c !== void 0 && x(c);
             break;
           }
           case "Home": {
             e.preventDefault();
-            const l = i[0];
-            l !== void 0 && x(l);
+            const c = i[0];
+            c !== void 0 && x(c);
             break;
           }
           case "End": {
             e.preventDefault();
-            const l = i[i.length - 1];
-            l !== void 0 && x(l);
+            const c = i[i.length - 1];
+            c !== void 0 && x(c);
             break;
           }
           case " ":
           case "Enter": {
-            e.preventDefault(), k(c);
+            e.preventDefault(), A(l);
             break;
           }
         }
       },
-      [a, i, x, k]
-    ), A = {
+      [a, i, x, A]
+    ), R = {
       selection: w,
       selectedValues: u,
       focusedValue: h,
       disabled: o,
       enabledItemValues: i,
-      onItemSelect: k,
+      onItemSelect: A,
       onItemFocus: H,
       onItemKeyDown: M,
       registerItemRef: G,
       divider: I
-    }, L = ce({
+    }, D = le({
       divider: I,
       density: y,
       ordered: t === "ol",
       className: N
-    }), R = J(null), s = D(
+    }), L = J(null), s = j(
       () => ({
         getSelection: () => Array.from(u),
         setSelection: (e) => {
@@ -289,16 +289,16 @@ const Q = X(
       [u, a, g, d]
     );
     if (C(B, () => s, [s]), ae(de, s, r.id), a) {
-      const e = P ?? T("list.label", "List");
-      return /* @__PURE__ */ n(z.Provider, { value: A, children: /* @__PURE__ */ n(
+      const e = k ?? T("list.label", "List");
+      return /* @__PURE__ */ n(z.Provider, { value: R, children: /* @__PURE__ */ n(
         "div",
         {
-          ref: R,
+          ref: L,
           role: "listbox",
           "aria-label": e,
           "aria-multiselectable": g ? !0 : void 0,
           "aria-disabled": o ? !0 : void 0,
-          className: L,
+          className: D,
           "data-component": "list",
           "data-component-id": r.id,
           ...r,
@@ -306,24 +306,26 @@ const Q = X(
         }
       ) });
     }
-    return t === "ol" ? /* @__PURE__ */ n(z.Provider, { value: A, children: /* @__PURE__ */ n(
+    return t === "ol" ? /* @__PURE__ */ n(z.Provider, { value: R, children: /* @__PURE__ */ n(
       "ol",
       {
-        ref: R,
+        ref: L,
         start: v,
         role: "list",
-        className: L,
+        "aria-label": k,
+        className: D,
         "data-component": "list",
         "data-component-id": r.id,
         ...r,
         children: f
       }
-    ) }) : /* @__PURE__ */ n(z.Provider, { value: A, children: /* @__PURE__ */ n(
+    ) }) : /* @__PURE__ */ n(z.Provider, { value: R, children: /* @__PURE__ */ n(
       "ul",
       {
-        ref: R,
+        ref: L,
         role: "list",
-        className: L,
+        "aria-label": k,
+        className: D,
         "data-component": "list",
         "data-component-id": r.id,
         ...r,
@@ -346,7 +348,7 @@ const Z = X(
     onClick: o,
     onFocus: N,
     onKeyDown: f,
-    ...P
+    ...k
   }, r) => {
     const {
       selection: B,
@@ -355,16 +357,16 @@ const Z = X(
       disabled: g,
       enabledItemValues: U,
       onItemSelect: K,
-      onItemFocus: j,
-      onItemKeyDown: E,
+      onItemFocus: E,
+      onItemKeyDown: _,
       registerItemRef: u,
       divider: q
-    } = ee(z), i = B !== "none", h = g || S, _ = t !== void 0 ? T.has(t) : !1, F = t !== void 0 && a === t, G = t !== void 0 && U[0] === t, x = i ? a !== null ? F && !h ? 0 : -1 : G && !h ? 0 : -1 : void 0, d = J(null);
+    } = ee(z), i = B !== "none", h = g || S, F = t !== void 0 ? T.has(t) : !1, P = t !== void 0 && a === t, G = t !== void 0 && U[0] === t, x = i ? a !== null ? P && !h ? 0 : -1 : G && !h ? 0 : -1 : void 0, d = J(null);
     oe(() => {
       const s = d.current;
       s && (m != null ? s.style.setProperty("--list-item-clamp", String(m)) : s.style.removeProperty("--list-item-clamp"));
     }, [m]);
-    const k = p(
+    const A = p(
       (s) => {
         t && u(t, s), typeof r == "function" ? r(s) : r && (r.current = s);
       },
@@ -376,21 +378,21 @@ const Z = X(
       [i, t, h, K, o]
     ), M = p(
       (s) => {
-        t && j(t), N == null || N(s);
+        t && E(t), N == null || N(s);
       },
-      [t, j, N]
-    ), A = p(
+      [t, E, N]
+    ), R = p(
       (s) => {
-        t && E(s, t), f == null || f(s);
+        t && _(s, t), f == null || f(s);
       },
-      [t, E, f]
-    ), L = le({
+      [t, _, f]
+    ), D = ce({
       divider: q,
       interactive: i,
-      selected: _,
+      selected: F,
       disabled: h,
       className: b
-    }), R = /* @__PURE__ */ W($, { children: [
+    }), L = /* @__PURE__ */ W($, { children: [
       v && /* @__PURE__ */ n("span", { className: "ds:shrink-0 ds:flex ds:items-center ds:justify-center", children: v }),
       /* @__PURE__ */ W("div", { className: "ds:flex-1 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0", children: [
         /* @__PURE__ */ n("span", { className: "ds:text-[color:var(--foreground)] ds:text-[length:var(--font-size-sm)] ds:font-medium ds:leading-[var(--line-height-base)] ds:[overflow-wrap:anywhere]", children: I }),
@@ -411,32 +413,32 @@ const Z = X(
     return i ? /* @__PURE__ */ n(
       "div",
       {
-        ref: k,
+        ref: A,
         role: "option",
-        "aria-selected": _,
+        "aria-selected": F,
         "aria-disabled": h ? !0 : void 0,
         tabIndex: x,
         onClick: H,
         onFocus: M,
-        onKeyDown: A,
-        className: L,
+        onKeyDown: R,
+        className: D,
         "data-item-id": t,
-        ...P,
-        children: R
+        ...k,
+        children: L
       }
     ) : (
       // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- non-interactive list items still surface click/keyboard handlers when selection mode is enabled (handlers no-op when selection==='none')
       /* @__PURE__ */ n(
         "li",
         {
-          ref: k,
+          ref: A,
           onClick: H,
           onFocus: M,
-          onKeyDown: A,
-          className: L,
+          onKeyDown: R,
+          className: D,
           "data-item-id": t,
-          ...P,
-          children: /* @__PURE__ */ n("div", { className: "ds:flex ds:items-center ds:gap-x-[var(--spacing-sm)]", children: R })
+          ...k,
+          children: /* @__PURE__ */ n("div", { className: "ds:flex ds:items-center ds:gap-x-[var(--spacing-sm)]", children: L })
         }
       )
     );
@@ -451,4 +453,4 @@ export {
   he as L,
   de as l
 };
-//# sourceMappingURL=list-RRN2TJ_7.js.map
+//# sourceMappingURL=list-CNnn7DOD.js.map

package/dist/_chunks/list-CNnn7DOD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-CNnn7DOD.js","sources":["../../src/components/list/list.agent.ts","../../src/components/list/list.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — List.                                                  */\n/*                                                                        */\n/* The agent surface is only meaningful for selectable lists (`selection` */\n/* prop set to `single` or `multiple`). Presentational lists still emit   */\n/* the root + item DOM hooks so the registry can address them, but the    */\n/* state and actions are no-ops when selection is `none`.                 */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ListHandle } from './list';\n\nexport const listAgent: AgentAdapter<ListHandle> = {\n  id: 'list',\n  capabilities: ['select_single', 'select_multiple'],\n  state: {\n    selection: {\n      type: 'string[]',\n      descriptionKey: 'ui.agent.list.state.selection',\n      description:\n        'Ids of currently-selected list items. Empty array when none selected or list is presentational.',\n      read: (handle) => handle.getSelection(),\n    },\n  },\n  actions: {\n    set_selection: {\n      // Transient list selection (data-table-style ephemeral UI state) → read.\n      safety: 'read',\n      argsType: '{ ids: string[] }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          ids: {\n            type: 'array',\n            items: { type: 'string' },\n            description:\n              'Opaque item ids to select (from each ListItem `value`).',\n          },\n        },\n        required: ['ids'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.list.actions.setSelection',\n      description:\n        'Replace the current selection with the given item ids. No-op on presentational lists.',\n      invoke: (handle, args: { ids: string[] }) => {\n        handle.setSelection(args.ids);\n      },\n    },\n    clear_selection: {\n      // Transient list selection reset → read.\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.list.actions.clearSelection',\n      description: 'Deselect all items.',\n      invoke: (handle) => {\n        handle.clearSelection();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'list',\n      description: 'Marks the List root.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-item-id',\n      description:\n        'Opaque item id; sourced from each ListItem `value` prop. Emitted only when `value` is set.',\n    },\n  },\n};\n","import {\n  Children,\n  createContext,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { listAgent } from './list.agent';\n\n/* ------------------------------------------------------------------ */\n/* Context                                                             */\n/* ------------------------------------------------------------------ */\n\ninterface ListContextValue {\n  selection: 'none' | 'single' | 'multiple';\n  selectedValues: Set<string>;\n  focusedValue: string | null;\n  disabled: boolean;\n  enabledItemValues: string[];\n  onItemSelect: (value: string) => void;\n  onItemFocus: (value: string) => void;\n  onItemKeyDown: (e: KeyboardEvent<HTMLElement>, value: string) => void;\n  registerItemRef: (value: string, el: HTMLElement | null) => void;\n  divider: 'spaced' | 'divided' | 'bordered';\n}\n\nconst ListContext = createContext<ListContextValue>({\n  selection: 'none',\n  selectedValues: new Set(),\n  focusedValue: null,\n  disabled: false,\n  enabledItemValues: [],\n  onItemSelect: () => {},\n  onItemFocus: () => {},\n  onItemKeyDown: () => {},\n  registerItemRef: () => {},\n  divider: 'spaced',\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA variants                                                        */\n/* ------------------------------------------------------------------ */\n\nconst listVariants = cva('ds:flex ds:flex-col ds:p-0 ds:m-0', {\n  variants: {\n    divider: {\n      spaced: '',\n      divided: '',\n      bordered:\n        'ds:border ds:border-[color:var(--border)] ds:rounded-[var(--radius-md)] ds:overflow-hidden',\n    },\n    density: {\n      compact: 'ds:gap-[var(--spacing-xs)]',\n      default: 'ds:gap-[var(--spacing-sm)]',\n      relaxed: 'ds:gap-[var(--spacing-md)]',\n    },\n    ordered: {\n      true: 'ds:list-decimal ds:ps-[var(--spacing-lg)]',\n      false: 'ds:list-none',\n    },\n  },\n  defaultVariants: {\n    divider: 'spaced',\n    density: 'default',\n    ordered: false,\n  },\n});\n\nconst listItemVariants = cva(\n  'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]',\n  {\n    variants: {\n      divider: {\n        spaced: '',\n        divided:\n          'ds:[&:not(:last-child)]:[border-block-end:1px_solid_var(--border)]',\n        bordered:\n          'ds:[&:not(:last-child)]:[border-block-end:1px_solid_var(--border)]',\n      },\n      interactive: {\n        // flex lives on the outer <div role=\"option\"> so it doesn't suppress ::marker on <li>\n        true: [\n          'ds:flex ds:items-center ds:gap-x-[var(--spacing-sm)]',\n          'ds:min-h-[var(--min-target-size)] ds:cursor-pointer ds:select-none',\n          'ds:rounded-[var(--radius-sm)]',\n          'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n          'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n          'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n        ].join(' '),\n        // no flex here — <li> keeps display:list-item so ::marker renders correctly\n        false: '',\n      },\n      selected: {\n        true: '',\n        false: '',\n      },\n      disabled: {\n        true: '',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      {\n        interactive: true,\n        selected: false,\n        disabled: false,\n        className: 'ds:hover:bg-[color:var(--muted)]/20',\n      },\n      {\n        interactive: true,\n        selected: true,\n        className: 'ds:bg-[color:var(--primary)]/10',\n      },\n      {\n        interactive: true,\n        disabled: true,\n        className: 'ds:opacity-50 ds:cursor-not-allowed ds:pointer-events-none',\n      },\n    ],\n    defaultVariants: {\n      divider: 'spaced',\n      interactive: false,\n      selected: false,\n      disabled: false,\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\n/** Curated imperative handle for agent / external automation. */\nexport interface ListHandle {\n  getSelection: () => string[];\n  setSelection: (ids: string[]) => void;\n  clearSelection: () => void;\n}\n\nexport interface ListProps extends HTMLAttributes<HTMLElement> {\n  as?: 'ul' | 'ol';\n  start?: number;\n  divider?: 'spaced' | 'divided' | 'bordered';\n  density?: 'compact' | 'default' | 'relaxed';\n  selection?: 'none' | 'single' | 'multiple';\n  value?: string | string[];\n  defaultValue?: string | string[];\n  onValueChange?: (value: string | string[]) => void;\n  disabled?: boolean;\n  children: ReactNode;\n  className?: string;\n}\n\nexport interface ListItemProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'title'\n> {\n  value?: string;\n  leading?: ReactNode;\n  title: ReactNode;\n  description?: ReactNode;\n  trailing?: ReactNode;\n  lineClamp?: number;\n  disabled?: boolean;\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nfunction collectItemInfo(\n  children: ReactNode,\n): Array<{ value: string; disabled: boolean }> {\n  const items: Array<{ value: string; disabled: boolean }> = [];\n  Children.forEach(children, (child) => {\n    if (!isValidElement(child)) return;\n    const props = child.props as { value?: unknown; disabled?: unknown };\n    if (typeof props.value === 'string') {\n      items.push({ value: props.value, disabled: Boolean(props.disabled) });\n    }\n  });\n  return items;\n}\n\n/* ------------------------------------------------------------------ */\n/* ListRoot                                                            */\n/* ------------------------------------------------------------------ */\n\nconst ListRoot = forwardRef<ListHandle, ListProps>(\n  (\n    {\n      as = 'ul',\n      start,\n      divider = 'spaced',\n      density = 'default',\n      selection = 'none',\n      value: controlledValue,\n      defaultValue,\n      onValueChange,\n      disabled = false,\n      className,\n      children,\n      'aria-label': ariaLabel,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const isSelectable = selection !== 'none';\n    const isMultiple = selection === 'multiple';\n\n    // Normalize the array of selected values onto the canonical `string[]`\n    // shape that the rest of the component renders against. The hook owns\n    // state in both modes; the consumer-facing `onValueChange` is invoked\n    // with either a single string or the array, depending on `selection`.\n    const controlledArray = useMemo<string[] | undefined>(() => {\n      if (controlledValue === undefined) return undefined;\n      return Array.isArray(controlledValue)\n        ? controlledValue\n        : [controlledValue];\n    }, [controlledValue]);\n\n    const initialArray = useMemo<string[]>(() => {\n      if (defaultValue === undefined) return [];\n      return Array.isArray(defaultValue) ? defaultValue : [defaultValue];\n      // Default value is read once at mount.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const [internalArray, setInternalArray] = useControllableState<string[]>({\n      value: controlledArray,\n      defaultValue: initialArray,\n    });\n\n    const selectedValues = useMemo<Set<string>>(\n      () => new Set(internalArray ?? []),\n      [internalArray],\n    );\n\n    const allItemInfo = useMemo(() => collectItemInfo(children), [children]);\n    const enabledItemValues = useMemo(\n      () =>\n        allItemInfo.filter((i) => !i.disabled && !disabled).map((i) => i.value),\n      [allItemInfo, disabled],\n    );\n\n    const [focusedValue, setFocusedValue] = useState<string | null>(null);\n\n    const itemRefs = useRef<Map<string, HTMLElement>>(new Map());\n\n    const registerItemRef = useCallback(\n      (value: string, el: HTMLElement | null) => {\n        if (el) {\n          itemRefs.current.set(value, el);\n        } else {\n          itemRefs.current.delete(value);\n        }\n      },\n      [],\n    );\n\n    const focusItem = useCallback((value: string) => {\n      setFocusedValue(value);\n      requestAnimationFrame(() => {\n        itemRefs.current.get(value)?.focus();\n      });\n    }, []);\n\n    const commit = useCallback(\n      (next: string[]) => {\n        setInternalArray(next);\n        if (isMultiple) {\n          onValueChange?.(next);\n        } else {\n          onValueChange?.(next[0] ?? '');\n        }\n      },\n      [setInternalArray, isMultiple, onValueChange],\n    );\n\n    const handleItemSelect = useCallback(\n      (itemValue: string) => {\n        if (disabled) return;\n        if (!isSelectable) return;\n        if (isMultiple) {\n          const current = [...selectedValues];\n          if (selectedValues.has(itemValue)) {\n            commit(current.filter((v) => v !== itemValue));\n          } else {\n            commit([...current, itemValue]);\n          }\n        } else {\n          if (selectedValues.has(itemValue)) {\n            commit([]);\n          } else {\n            commit([itemValue]);\n          }\n        }\n      },\n      [disabled, isSelectable, isMultiple, selectedValues, commit],\n    );\n\n    const handleItemFocus = useCallback((value: string) => {\n      setFocusedValue(value);\n    }, []);\n\n    const handleItemKeyDown = useCallback(\n      (e: KeyboardEvent<HTMLElement>, itemValue: string) => {\n        if (!isSelectable) return;\n        const currentIndex = enabledItemValues.indexOf(itemValue);\n\n        switch (e.key) {\n          case 'ArrowDown': {\n            e.preventDefault();\n            const next = enabledItemValues[currentIndex + 1];\n            if (next !== undefined) focusItem(next);\n            break;\n          }\n          case 'ArrowUp': {\n            e.preventDefault();\n            const prev = enabledItemValues[currentIndex - 1];\n            if (prev !== undefined) focusItem(prev);\n            break;\n          }\n          case 'Home': {\n            e.preventDefault();\n            const first = enabledItemValues[0];\n            if (first !== undefined) focusItem(first);\n            break;\n          }\n          case 'End': {\n            e.preventDefault();\n            const last = enabledItemValues[enabledItemValues.length - 1];\n            if (last !== undefined) focusItem(last);\n            break;\n          }\n          case ' ':\n          case 'Enter': {\n            e.preventDefault();\n            handleItemSelect(itemValue);\n            break;\n          }\n        }\n      },\n      [isSelectable, enabledItemValues, focusItem, handleItemSelect],\n    );\n\n    const ctxValue: ListContextValue = {\n      selection,\n      selectedValues,\n      focusedValue,\n      disabled,\n      enabledItemValues,\n      onItemSelect: handleItemSelect,\n      onItemFocus: handleItemFocus,\n      onItemKeyDown: handleItemKeyDown,\n      registerItemRef,\n      divider,\n    };\n\n    const classes = listVariants({\n      divider,\n      density,\n      ordered: as === 'ol',\n      className,\n    });\n\n    const rootRef = useRef<HTMLElement>(null);\n\n    const agentHandle = useMemo<ListHandle>(\n      () => ({\n        getSelection: () => Array.from(selectedValues),\n        setSelection: (ids: string[]) => {\n          if (!isSelectable) return;\n          commit(isMultiple ? ids : ids.slice(0, 1));\n        },\n        clearSelection: () => {\n          if (!isSelectable) return;\n          commit([]);\n        },\n      }),\n      [selectedValues, isSelectable, isMultiple, commit],\n    );\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n    useAgentRegistration(listAgent, agentHandle, props.id);\n\n    if (isSelectable) {\n      if (import.meta.env.DEV && !ariaLabel && !props['aria-labelledby']) {\n        console.warn(\n          'List: a selectable list (role=\"listbox\") should have an accessible name. ' +\n            'Pass aria-label or aria-labelledby to satisfy WCAG 4.1.2.',\n        );\n      }\n      const resolvedAriaLabel = ariaLabel ?? t('list.label', 'List');\n      return (\n        <ListContext.Provider value={ctxValue}>\n          <div\n            ref={rootRef as Ref<HTMLDivElement>}\n            role=\"listbox\"\n            aria-label={resolvedAriaLabel}\n            aria-multiselectable={isMultiple ? true : undefined}\n            aria-disabled={disabled ? true : undefined}\n            className={classes}\n            data-component=\"list\"\n            data-component-id={props.id}\n            {...props}\n          >\n            {children}\n          </div>\n        </ListContext.Provider>\n      );\n    }\n\n    if (as === 'ol') {\n      return (\n        <ListContext.Provider value={ctxValue}>\n          {/* eslint-disable-next-line jsx-a11y/no-redundant-roles -- Safari strips the implicit list role on <ol>/<ul> with list-style:none; this guard puts it back in the accessibility tree */}\n          <ol\n            ref={rootRef as Ref<HTMLOListElement>}\n            start={start}\n            role=\"list\"\n            aria-label={ariaLabel}\n            className={classes}\n            data-component=\"list\"\n            data-component-id={props.id}\n            {...(props as HTMLAttributes<HTMLOListElement>)}\n          >\n            {children}\n          </ol>\n        </ListContext.Provider>\n      );\n    }\n\n    return (\n      <ListContext.Provider value={ctxValue}>\n        {/* eslint-disable-next-line jsx-a11y/no-redundant-roles -- Safari strips the implicit list role on <ol>/<ul> with list-style:none; this guard puts it back in the accessibility tree */}\n        <ul\n          ref={rootRef as Ref<HTMLUListElement>}\n          role=\"list\"\n          aria-label={ariaLabel}\n          className={classes}\n          data-component=\"list\"\n          data-component-id={props.id}\n          {...(props as HTMLAttributes<HTMLUListElement>)}\n        >\n          {children}\n        </ul>\n      </ListContext.Provider>\n    );\n  },\n);\nListRoot.displayName = 'List';\n\n/* ------------------------------------------------------------------ */\n/* ListItem                                                            */\n/* ------------------------------------------------------------------ */\n\nconst ListItem = forwardRef<HTMLElement, ListItemProps>(\n  (\n    {\n      value,\n      leading,\n      title,\n      description,\n      trailing,\n      lineClamp,\n      disabled: itemDisabled = false,\n      className,\n      onClick,\n      onFocus,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const {\n      selection,\n      selectedValues,\n      focusedValue,\n      disabled: groupDisabled,\n      enabledItemValues,\n      onItemSelect,\n      onItemFocus,\n      onItemKeyDown,\n      registerItemRef,\n      divider,\n    } = useContext(ListContext);\n\n    const isSelectable = selection !== 'none';\n    const isDisabled = groupDisabled || itemDisabled;\n    const isSelected = value !== undefined ? selectedValues.has(value) : false;\n    const isFocused = value !== undefined && focusedValue === value;\n    const isFirstEnabled =\n      value !== undefined && enabledItemValues[0] === value;\n    const tabIndex = isSelectable\n      ? focusedValue !== null\n        ? isFocused && !isDisabled\n          ? 0\n          : -1\n        : isFirstEnabled && !isDisabled\n          ? 0\n          : -1\n      : undefined;\n\n    const descRef = useRef<HTMLSpanElement>(null);\n    useIsomorphicLayoutEffect(() => {\n      const el = descRef.current;\n      if (!el) return;\n      if (lineClamp != null) {\n        el.style.setProperty('--list-item-clamp', String(lineClamp));\n      } else {\n        el.style.removeProperty('--list-item-clamp');\n      }\n    }, [lineClamp]);\n\n    const internalRef = useCallback(\n      (el: HTMLElement | null) => {\n        if (value) registerItemRef(value, el);\n        if (typeof ref === 'function') {\n          ref(el);\n        } else if (ref) {\n          (ref as React.MutableRefObject<HTMLElement | null>).current = el;\n        }\n      },\n      [value, registerItemRef, ref],\n    );\n\n    const handleClick = useCallback(\n      (e: React.MouseEvent<HTMLElement>) => {\n        if (isSelectable && value && !isDisabled) {\n          onItemSelect(value);\n        }\n        (onClick as React.MouseEventHandler<HTMLElement> | undefined)?.(e);\n      },\n      [isSelectable, value, isDisabled, onItemSelect, onClick],\n    );\n\n    const handleFocus = useCallback(\n      (e: React.FocusEvent<HTMLElement>) => {\n        if (value) onItemFocus(value);\n        (onFocus as React.FocusEventHandler<HTMLElement> | undefined)?.(e);\n      },\n      [value, onItemFocus, onFocus],\n    );\n\n    const handleKeyDown = useCallback(\n      (e: KeyboardEvent<HTMLElement>) => {\n        if (value) onItemKeyDown(e, value);\n        (onKeyDown as React.KeyboardEventHandler<HTMLElement> | undefined)?.(e);\n      },\n      [value, onItemKeyDown, onKeyDown],\n    );\n\n    const itemClasses = listItemVariants({\n      divider,\n      interactive: isSelectable,\n      selected: isSelected,\n      disabled: isDisabled,\n      className,\n    });\n\n    const content = (\n      <>\n        {leading && (\n          <span className=\"ds:shrink-0 ds:flex ds:items-center ds:justify-center\">\n            {leading}\n          </span>\n        )}\n        <div className=\"ds:flex-1 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0\">\n          <span className=\"ds:text-[color:var(--foreground)] ds:text-[length:var(--font-size-sm)] ds:font-medium ds:leading-[var(--line-height-base)] ds:[overflow-wrap:anywhere]\">\n            {title}\n          </span>\n          {description && (\n            <span\n              ref={descRef}\n              className={[\n                'ds:text-[color:var(--muted-foreground)] ds:text-[length:var(--font-size-xs)] ds:leading-[var(--line-height-base)]',\n                lineClamp != null\n                  ? 'ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:var(--list-item-clamp)]'\n                  : '',\n              ]\n                .filter(Boolean)\n                .join(' ')}\n            >\n              {description}\n            </span>\n          )}\n        </div>\n        {trailing && (\n          <span className=\"ds:shrink-0 ds:flex ds:items-center ds:justify-center\">\n            {trailing}\n          </span>\n        )}\n      </>\n    );\n\n    if (isSelectable) {\n      return (\n        <div\n          ref={internalRef as React.Ref<HTMLDivElement>}\n          role=\"option\"\n          aria-selected={isSelected}\n          aria-disabled={isDisabled ? true : undefined}\n          tabIndex={tabIndex}\n          onClick={handleClick}\n          onFocus={handleFocus}\n          onKeyDown={handleKeyDown}\n          className={itemClasses}\n          data-item-id={value}\n          {...props}\n        >\n          {content}\n        </div>\n      );\n    }\n\n    return (\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- non-interactive list items still surface click/keyboard handlers when selection mode is enabled (handlers no-op when selection==='none')\n      <li\n        ref={internalRef as React.Ref<HTMLLIElement>}\n        onClick={handleClick}\n        onFocus={handleFocus}\n        onKeyDown={handleKeyDown}\n        className={itemClasses}\n        data-item-id={value}\n        {...props}\n      >\n        {/* Inner flex wrapper keeps <li> as display:list-item so ::marker renders */}\n        <div className=\"ds:flex ds:items-center ds:gap-x-[var(--spacing-sm)]\">\n          {content}\n        </div>\n      </li>\n    );\n  },\n);\nListItem.displayName = 'List.Item';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const List = Object.assign(ListRoot, {\n  Root: ListRoot,\n  Item: ListItem,\n});\n\nexport type { ListContextValue };\n"],"names":["listAgent","handle","args","ListContext","createContext","listVariants","cva","listItemVariants","collectItemInfo","children","items","Children","child","isValidElement","props","ListRoot","forwardRef","as","start","divider","density","selection","controlledValue","defaultValue","onValueChange","disabled","className","ariaLabel","ref","t","useTranslation","isSelectable","isMultiple","controlledArray","useMemo","initialArray","internalArray","setInternalArray","useControllableState","selectedValues","allItemInfo","enabledItemValues","i","focusedValue","setFocusedValue","useState","itemRefs","useRef","registerItemRef","useCallback","value","el","focusItem","_a","commit","next","handleItemSelect","itemValue","current","v","handleItemFocus","handleItemKeyDown","currentIndex","prev","first","last","ctxValue","classes","rootRef","agentHandle","ids","useImperativeHandle","useAgentRegistration","resolvedAriaLabel","jsx","ListItem","leading","title","description","trailing","lineClamp","itemDisabled","onClick","onFocus","onKeyDown","groupDisabled","onItemSelect","onItemFocus","onItemKeyDown","useContext","isDisabled","isSelected","isFocused","isFirstEnabled","tabIndex","descRef","useIsomorphicLayoutEffect","internalRef","handleClick","e","handleFocus","handleKeyDown","itemClasses","content","jsxs","Fragment","List"],"mappings":"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"}

package/dist/_chunks/{login-dev-card-DmZ1B0lB.js → login-dev-card-CIim81VB.js}

@@ -9,7 +9,7 @@ import { E as Ns } from "./error-summary-BhM8FEkl.js";
 import { F as rs } from "./form-field-Ani72sVY.js";
 import { P as Is } from "./password-input-BokZ_rnT.js";
 import { i as is } from "./safe-href-5dbsfbQn.js";
-import { u as Bs } from "./use-state-backed-input-C7ESmxKB.js";
+import { u as Bs } from "./use-state-backed-input-DhRQo6gM.js";
 import { u as Rs, a as Ls, A as As, b as Cs, E as Ms, d as Ss, c as ks } from "./auth-form-parts-CravOf0L.js";
 import { u as qs, b as zs, a as js } from "./use-registration-submit-eWAECgUC.js";
 import { M as $s } from "./matrix-rain-sDOUUwZp.js";
@@ -306,4 +306,4 @@ export {
   Gs as a,
   Hs as b
 };
-//# sourceMappingURL=login-dev-card-DmZ1B0lB.js.map
+//# sourceMappingURL=login-dev-card-CIim81VB.js.map

package/dist/_chunks/{login-dev-card-DmZ1B0lB.js.map → login-dev-card-CIim81VB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"login-dev-card-DmZ1B0lB.js","sources":["../../src/patterns/login-form/login-form.tsx","../../src/patterns/login-form/login-dev-card.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* LoginForm — the sign-in card.                                          */\n/*                                                                        */\n/* One export for the card: the mark, the heading, email and password,   */\n/* the button and the way to a new password. The host keeps the page     */\n/* around it and every server rule. The card checks what a browser can   */\n/* check, then hands the values to `onSubmit` or posts a real form to    */\n/* the host's own field names.                                           */\n/*                                                                        */\n/* The email must be an email address. A server that also signs people   */\n/* in by a username cannot use this card for those accounts.             */\n/* -------------------------------------------------------------------- */\n\nimport {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { cva } from 'class-variance-authority';\n// The validator EmailInput itself uses, so the two never disagree.\nimport isEmail from 'validator/lib/isEmail';\nimport { Button } from '../../components/button';\nimport { Card } from '../../components/card';\nimport { EmailInput } from '../../components/email-input';\nimport { ErrorSummary } from '../../components/error-summary';\nimport { FormField } from '../../components/form-field';\nimport { PasswordInput } from '../../components/password-input';\nimport { isSafeHref } from '../../components/_shared/safe-href';\nimport { useStateBackedInput } from '../../components/_shared/use-state-backed-input';\nimport {\n  AuthCardHeading,\n  AuthFormMessage,\n  AuthFormStatus,\n  AuthTextLink,\n  ExtraFields,\n  useExtraFields,\n  useFormAction,\n} from '../_shared/auth-form-parts';\nimport type { BrandMarkMotion } from '../_shared/brand-mark';\nimport {\n  useErrorSummary,\n  useFormMessageAnnounce,\n} from '../_shared/use-error-summary';\nimport { useRegistrationSubmit } from '../registration-form/use-registration-submit';\n\n/* -------------------------------------------------------------------- */\n/* Types                                                                  */\n/* -------------------------------------------------------------------- */\n\n/** The fields of the form, in the order they appear. */\nexport const LOGIN_FORM_FIELDS = ['email', 'password'] as const;\n\nexport type LoginFormField = (typeof LOGIN_FORM_FIELDS)[number];\n\n/** What `onSubmit` receives once both checks have passed. */\nexport interface LoginFormValues {\n  email: string;\n  password: string;\n}\n\n/** Values to show when the form opens. There is no password here, on\n *  purpose: a password is never sent back to the browser. */\nexport type LoginFormInitialValues = Partial<Pick<LoginFormValues, 'email'>>;\n\n/** Messages from the server, already translated: one per field, plus\n *  `form` for a message about the whole form, such as \"the email or\n *  password is incorrect\". */\nexport type LoginFormErrors = Partial<Record<LoginFormField | 'form', string>>;\n\n/** The host's own form field names, for a native form post. Both are\n *  needed: a field without a name is not posted. */\nexport type LoginFormFieldNames = Record<LoginFormField, string>;\n\nexport interface LoginFormProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title' | 'onSubmit'\n> {\n  /** Replaces the heading \"Sign in to Alfadocs\". Pass it translated. */\n  title?: string;\n  /** A line under the heading. Pass it translated. */\n  description?: string;\n  /**\n   * The heading's level. Default 1: a sign-in page usually has no other\n   * heading. Pass 2 on a page that has its own `h1`.\n   */\n  headingLevel?: 1 | 2 | 3;\n  /**\n   * Shows the Alfadocs mark above the heading, with the heading and its\n   * line centred under it. Default true. With `false` the heading sits\n   * at the start edge, for a host that shows its own logo.\n   */\n  showLogo?: boolean;\n  /**\n   * How the mark arrives when the card opens: its pieces come together\n   * (`assemble`, the default), it turns once (`spin`), it beats\n   * (`pulse`), or it is still (`none`). It plays once and rests, and\n   * holds still under reduced motion and in the accessible themes.\n   */\n  logoMotion?: BrandMarkMotion;\n  /**\n   * Host content between the heading and the fields, such as a notice\n   * (\"You have been signed out\"). It sits outside the form, so nothing in\n   * it is posted. Keep any heading inside it below the card's own level.\n   */\n  children?: ReactNode;\n  /** The email to show when the form opens, such as the one last used.\n   *  Read once. There is never an initial password. */\n  initialValues?: LoginFormInitialValues;\n  /**\n   * Messages from the server, already translated. A field's message\n   * shows on that field until the user changes it; `form` shows above\n   * the fields.\n   *\n   * When messages arrive, the password is emptied and focus moves: to\n   * the error summary at the top of the form, which lists each field\n   * with a message, or, when only `form` says something, to the\n   * password, which is then described by that message. The same happens\n   * for messages present when the form opens (a page the server rendered\n   * after a failed post).\n   *\n   * Never say which of the two values was wrong: one message for both.\n   * Set `submitting` while you send, so the form also notices an answer\n   * that says the same as the last one.\n   */\n  errors?: LoginFormErrors;\n  /**\n   * Adds \"Forgot password?\" under the button. A path on the same site,\n   * or an address written in full (`https://…`). Anything else shows no\n   * link.\n   */\n  forgotPasswordHref?: string;\n  /** Replaces the button's \"Sign in\". Pass it translated. */\n  submitLabel?: string;\n  /**\n   * True while the host sends the values: the button shows a spinner and\n   * a second submit is ignored. Set it inside `onSubmit`, before anything\n   * is awaited: until it is true, a second press sends a second sign-in.\n   */\n  submitting?: boolean;\n  /** For React hosts: called with the values once both checks have\n   *  passed. Not called when `fieldNames` is set. */\n  onSubmit?: (values: LoginFormValues) => void;\n  /**\n   * For a native form post: the host's own field names, both of them,\n   * e.g. `{ email: 'email', password: 'password' }`. When set, the inputs\n   * carry these names and the browser posts the form.\n   */\n  fieldNames?: LoginFormFieldNames;\n  /**\n   * Where a native form post goes. Default: the current address. Only a\n   * path, or an address on the page's own origin, is accepted: another\n   * origin is never sent what the user typed, and the post then goes to\n   * the current address. Does nothing without `fieldNames`.\n   */\n  action?: string;\n  /**\n   * Extra hidden inputs posted with a native form, by name: a CSRF token,\n   * a return address. Not used with `onSubmit`. A name that is also one\n   * of `fieldNames` is left out: the form's own field wins. The server\n   * must check a return address itself: anyone can change a hidden input.\n   */\n  hiddenFields?: Readonly<Record<string, string>>;\n  /**\n   * A second card beside the sign-in, the same height: the development\n   * quick sign-in (`LoginDevCard`). Pass it only when the server says\n   * this is a development environment: the kit never decides that\n   * itself. The two sit side by side where there is room and stack on a\n   * phone.\n   */\n  devCard?: ReactNode;\n}\n\n/* -------------------------------------------------------------------- */\n/* Styles                                                                 */\n/* -------------------------------------------------------------------- */\n\n// The card is 400px wide at most, written in px: a host whose root font\n// size is not 16px would stretch or squeeze a width in rem.\nconst loginFormVariants = cva(\n  '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',\n);\n\nconst columnVariants = cva('ds:w-full ds:max-w-[400px]');\n\n/* -------------------------------------------------------------------- */\n/* Helpers                                                                */\n/* -------------------------------------------------------------------- */\n\nconst hasMessage = (errors: LoginFormErrors): boolean =>\n  Object.values(errors).some(Boolean);\n\nconst hasFieldMessage = (errors: LoginFormErrors): boolean =>\n  LOGIN_FORM_FIELDS.some((field) => Boolean(errors[field]));\n\n/**\n * Where to send the user for a set of server messages: the first field\n * that has one. A message about the whole form sends them to the\n * password, the field they will have to type again.\n */\nconst focusTargetFor = (\n  messages: LoginFormErrors,\n): LoginFormField | undefined =>\n  LOGIN_FORM_FIELDS.find((field) => messages[field]) ??\n  (messages.form ? 'password' : undefined);\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\n/**\n * The sign-in card. Mount it on the login page, inside `SignedOutFrame`\n * or the host's own chrome.\n */\nexport const LoginForm = forwardRef<HTMLDivElement, LoginFormProps>(\n  (\n    {\n      title,\n      description,\n      headingLevel = 1,\n      showLogo = true,\n      logoMotion = 'assemble',\n      children,\n      initialValues,\n      errors,\n      forgotPasswordHref,\n      submitLabel,\n      submitting = false,\n      onSubmit,\n      fieldNames,\n      action,\n      hiddenFields,\n      devCard,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const titleId = useId();\n    const formMessageId = useId();\n    const fieldIdBase = useId();\n    /** The id of a field's wrapper: where the summary's link leads. */\n    const fieldId = (field: LoginFormField) => `${fieldIdBase}-${field}`;\n    const native = fieldNames !== undefined;\n\n    /* ------------------------------ State ----------------------------- */\n\n    // Read once. The password always starts empty.\n    const [email, setEmail] = useState(() => initialValues?.email ?? '');\n    const [password, setPassword] = useState('');\n    // A field the user has filled in and left. An email that arrives\n    // filled in counts: a bad one is then flagged at once, with its\n    // message. An empty field is not flagged for being passed through: a\n    // keyboard user on the way to \"Forgot password?\" has made no mistake.\n    // Its message waits for a submit.\n    const [touched, setTouched] = useState<\n      Partial<Record<LoginFormField, boolean>>\n    >(() => ({ email: Boolean(initialValues?.email) }));\n    const [submitted, setSubmitted] = useState(false);\n    const [serverErrors, setServerErrors] = useState<LoginFormErrors>(\n      () => errors ?? {},\n    );\n\n    const leave = (field: LoginFormField) =>\n      setTouched((previous) =>\n        previous[field] ? previous : { ...previous, [field]: true },\n      );\n    // The server's message was about the old value.\n    const forget = (field: LoginFormField) =>\n      setServerErrors((previous) =>\n        previous[field] ? { ...previous, [field]: undefined } : previous,\n      );\n\n    const emailInput = useRef<HTMLInputElement>(null);\n    const passwordInput = useRef<HTMLInputElement>(null);\n    // The address stays out of the input's `value` attribute, where a\n    // copied outerHTML or a session replay could read it.\n    const emailField = useStateBackedInput(email, emailInput);\n\n    const emptyPassword = () => {\n      setPassword('');\n      setTouched((previous) => ({ ...previous, password: false }));\n    };\n    /**\n     * What the two inputs hold now. Read from the inputs, not from state:\n     * a browser or a password manager can fill a field without telling\n     * React, and the form must not refuse a field that is visibly filled.\n     */\n    const held = (): LoginFormValues => {\n      const values = {\n        email: emailInput.current?.value ?? email,\n        password: passwordInput.current?.value ?? password,\n      };\n      if (values.email !== email) setEmail(values.email);\n      if (values.password !== password) setPassword(values.password);\n      return values;\n    };\n\n    /* ---------------------------- Validation -------------------------- */\n\n    /** What stops a submit, whether or not the message shows yet. The\n     *  password only has to be there: its rules are for a new password. */\n    const invalid: Record<LoginFormField, boolean> = {\n      email: !isEmail(email),\n      password: password === '',\n    };\n    // A message shows once the user has filled in and left the field, or\n    // tried to submit.\n    const due = (field: LoginFormField) => submitted || touched[field] === true;\n    const ownErrors: Record<LoginFormField, string | undefined> = {\n      email:\n        due('email') && invalid.email\n          ? email === ''\n            ? t('loginForm.emailRequired')\n            : t('inputs.email.invalid')\n          : undefined,\n      password:\n        due('password') && invalid.password\n          ? t('loginForm.passwordRequired')\n          : undefined,\n    };\n    const errorFor = (field: LoginFormField) =>\n      serverErrors[field] ?? ownErrors[field];\n\n    /* ------------------------------ Focus ----------------------------- */\n\n    // Every field with a message after a refused submit, or after a server\n    // answer, is listed at the top of the form, and focus goes there. A\n    // page the server rendered after a failed post opens that way too: it\n    // announces nothing itself.\n    const [openedWithFieldMessage] = useState(() =>\n      hasFieldMessage(errors ?? {}),\n    );\n    const summary = useErrorSummary(\n      LOGIN_FORM_FIELDS,\n      errorFor,\n      openedWithFieldMessage,\n    );\n\n    // Any other place focus goes: the password, when only the message\n    // about the whole form says something. A new object for each request,\n    // so asking twice for the same place moves focus twice. The effect runs\n    // after the messages are drawn, so a screen reader lands on something\n    // that already says what is wrong.\n    const [focusRequest, setFocusRequest] = useState<{\n      target: LoginFormField;\n    } | null>(() => {\n      const target = openedWithFieldMessage\n        ? undefined\n        : focusTargetFor(errors ?? {});\n      return target ? { target } : null;\n    });\n    useEffect(() => {\n      if (!focusRequest) return;\n      (focusRequest.target === 'email'\n        ? emailInput\n        : passwordInput\n      ).current?.focus();\n    }, [focusRequest]);\n\n    /* ------------------------------ Submit ---------------------------- */\n\n    const submit = useRegistrationSubmit<LoginFormField>({\n      errors,\n      submitting,\n      native,\n      captcha: false,\n      firstProblem: () => {\n        const values = held();\n        if (!isEmail(values.email)) return 'email';\n        return values.password === '' ? 'password' : undefined;\n      },\n      onRefused: (field) => {\n        // Both messages now show, listed in the summary, which takes focus.\n        setSubmitted(true);\n        summary.open(() => setFocusRequest({ target: field }));\n      },\n      // Only a React host gets here: a native post is the browser's own.\n      deliver: () => onSubmit?.(held()),\n      onAnswer: (answer) => {\n        const next: LoginFormErrors = answer;\n        setServerErrors(next);\n        if (!hasMessage(next)) return;\n        // Never keep a password the server did not accept.\n        emptyPassword();\n        setSubmitted(false);\n        // The summary when a field has a message, else the password.\n        summary.open(() => {\n          const target = focusTargetFor(next);\n          if (target) setFocusRequest({ target });\n        });\n      },\n      // The page came back from the browser's cache as it was left: the\n      // password must not come back with it.\n      onRestore: emptyPassword,\n    });\n    const { busy } = submit;\n\n    /* ------------------------------ Render ---------------------------- */\n\n    const formAction = useFormAction('LoginForm', native, action);\n    const forgotLink =\n      forgotPasswordHref && isSafeHref(forgotPasswordHref)\n        ? forgotPasswordHref\n        : undefined;\n    const extraFields = useExtraFields(\n      'LoginForm',\n      native,\n      fieldNames,\n      hiddenFields,\n    );\n    const formError = serverErrors.form;\n    // Quiet while the summary lists a field: the summary reads it then.\n    const formMessageAnnounce = useFormMessageAnnounce(\n      formError,\n      summary.listed.length > 0,\n    );\n\n    return (\n      <div\n        ref={ref}\n        {...rest}\n        data-component=\"login-form\"\n        className={loginFormVariants({ className })}\n      >\n        <div className={columnVariants()}>\n          <Card variant=\"elevated\" className=\"ds:h-full\">\n            <Card.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]\">\n              <AuthCardHeading\n                id={titleId}\n                title={title ?? t('loginForm.title')}\n                description={description}\n                level={headingLevel}\n                showLogo={showLogo}\n                logoMotion={logoMotion}\n              />\n\n              {children ? (\n                <div\n                  data-slot=\"host-content\"\n                  className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\"\n                >\n                  {children}\n                </div>\n              ) : null}\n\n              {/* Always POST, in both modes: should the script ever fail to\n                  run, the browser must not put a password in the address. */}\n              <form\n                noValidate\n                method=\"post\"\n                action={formAction}\n                aria-labelledby={titleId}\n                aria-busy={busy || undefined}\n                onSubmit={submit.handleSubmit}\n                className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\"\n              >\n                <ErrorSummary\n                  ref={summary.ref}\n                  headingLevel={(headingLevel + 1) as 2 | 3 | 4}\n                  // The message about the whole form is read with it.\n                  aria-describedby={formError ? formMessageId : undefined}\n                  errors={summary.listed.map((field) => ({\n                    field,\n                    message: errorFor(field) ?? '',\n                    targetId: fieldId(field),\n                  }))}\n                />\n\n                {formError && (\n                  <AuthFormMessage\n                    id={formMessageId}\n                    announce={formMessageAnnounce}\n                  >\n                    {formError}\n                  </AuthFormMessage>\n                )}\n\n                <FormField\n                  id={fieldId('email')}\n                  label={t('loginForm.email')}\n                  required\n                  error={errorFor('email')}\n                  // Quiet while the summary lists it: the summary reads it.\n                  announceError={!summary.lists('email')}\n                  data-field=\"email\"\n                >\n                  {/* One check, above, drives the message, the red mark and\n                      aria-invalid through FormField. EmailInput's own check\n                      is off so the two cannot disagree. `username` is the\n                      name browsers and password managers give the field\n                      that goes with `current-password`. */}\n                  <EmailInput\n                    ref={emailField.ref}\n                    name={native ? fieldNames.email : 'email'}\n                    autoComplete=\"username\"\n                    disableBuiltInValidation\n                    onChange={emailField.quiet((event) => {\n                      setEmail(event.target.value);\n                      forget('email');\n                    })}\n                    onBlur={(event) => {\n                      // Whatever a browser filled in without saying so.\n                      setEmail(event.target.value);\n                      if (event.target.value !== '') leave('email');\n                    }}\n                  />\n                </FormField>\n\n                <FormField\n                  id={fieldId('password')}\n                  label={t('loginForm.password')}\n                  required\n                  error={errorFor('password')}\n                  announceError={!summary.lists('password')}\n                  data-field=\"password\"\n                >\n                  {/* Described by the message above the fields when there is\n                      one: focus lands here after a refused sign-in, and a\n                      screen reader then reads why. */}\n                  <PasswordInput\n                    ref={passwordInput}\n                    name={native ? fieldNames.password : 'password'}\n                    autoComplete=\"current-password\"\n                    aria-describedby={formError ? formMessageId : undefined}\n                    value={password}\n                    onChange={(event) => {\n                      setPassword(event.target.value);\n                      forget('password');\n                    }}\n                    onBlur={(event) => {\n                      setPassword(event.target.value);\n                      if (event.target.value !== '') leave('password');\n                    }}\n                  />\n                </FormField>\n\n                <ExtraFields fields={extraFields} />\n\n                <Button\n                  type=\"submit\"\n                  intent=\"primary\"\n                  size=\"lg\"\n                  loading={busy}\n                  className=\"ds:w-full\"\n                  data-action=\"submit\"\n                >\n                  {submitLabel ?? t('loginForm.submit')}\n                </Button>\n\n                {forgotLink && (\n                  <AuthTextLink href={forgotLink} action=\"forgot-password\">\n                    {t('loginForm.forgot')}\n                  </AuthTextLink>\n                )}\n              </form>\n              {/* Outside the form: a screen reader may hold back what\n                  changes inside a busy region. */}\n              <AuthFormStatus busy={busy} />\n            </Card.Body>\n          </Card>\n        </div>\n        {devCard ? <div className={columnVariants()}>{devCard}</div> : null}\n      </div>\n    );\n  },\n);\nLoginForm.displayName = 'LoginForm';\n","/* -------------------------------------------------------------------- */\n/* LoginDevCard — the development quick sign-in card.                     */\n/*                                                                        */\n/* A second card beside the login, for developers: one link per test     */\n/* account the host's server can sign in. The kit only draws it. The     */\n/* host decides whether it is rendered, supplies every word on it, and   */\n/* its server must refuse the routes outside development.                */\n/* -------------------------------------------------------------------- */\n\nimport { forwardRef, useId, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Button } from '../../components/button';\nimport { Card } from '../../components/card';\nimport { MatrixRain } from '../../components/matrix-rain';\nimport { isSafeHref } from '../../components/_shared/safe-href';\nimport { ErrorPageIllustration } from '../error-page/error-page-illustration';\n\nexport interface LoginDevOption {\n  /** The link's text, e.g. \"Sign in as admin\". The host supplies it, so\n   *  the kit ships no text for a card that users never see. */\n  label: string;\n  /** The development-only route that signs the test account in. A path\n   *  on the same site, or an address written in full. */\n  href: string;\n  /** A Lucide icon for the link, passed bare: `<ShieldUser />`. */\n  icon?: ReactNode;\n}\n\nexport interface LoginDevCardProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title'\n> {\n  /** The card's heading, e.g. \"Developer quick login\". */\n  title: string;\n  /** One link per test account. An option with an unsafe address is\n   *  left out. */\n  options: readonly LoginDevOption[];\n  /** The heading's level. Default 2, under the login's own heading. */\n  headingLevel?: 2 | 3;\n}\n\n// As tall as the login beside it, so the two cards read as a pair.\nconst loginDevCardVariants = cva('ds:h-full ds:w-full');\n\n/**\n * The development quick sign-in card. Render it only when the server\n * says this is a development environment: it never checks the\n * environment itself. Pass it to `LoginForm` as `devCard`.\n */\nexport const LoginDevCard = forwardRef<HTMLDivElement, LoginDevCardProps>(\n  ({ title, options, headingLevel = 2, className, ...rest }, ref) => {\n    const titleId = useId();\n    const Heading = `h${headingLevel}` as const;\n    const links = options.filter((option) => isSafeHref(option.href));\n    return (\n      <div\n        ref={ref}\n        {...rest}\n        data-component=\"login-dev-card\"\n        className={loginDevCardVariants({ className })}\n      >\n        <Card\n          variant=\"elevated\"\n          aria-labelledby={titleId}\n          className=\"ds:relative ds:isolate ds:flex ds:h-full ds:flex-col ds:overflow-hidden\"\n        >\n          {/* Code rain round the edges, clear in the middle so it never runs\n            behind the links. MatrixRain holds still under reduced motion by\n            itself; it does not know the accessible themes, so the rain is\n            taken out there, like the kit's other decorative motion. */}\n          <div className=\"ds:absolute ds:inset-0 ds:z-0 ds:[display:var(--accessible-off,block)]\">\n            <MatrixRain\n              glyphs=\"hex\"\n              decay=\"fast\"\n              mask=\"center\"\n              maskRadius=\"xl\"\n              className=\"ds:size-full\"\n            />\n          </div>\n          <Card.Header className=\"ds:relative ds:z-[1]\">\n            <div className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-sm)] ds:text-center\">\n              {/* The melting mark from the error pages, at half its size\n                there. */}\n              <div className=\"ds:[&>div]:w-24\">\n                <ErrorPageIllustration mood=\"melt\" />\n              </div>\n              <Heading\n                id={titleId}\n                className=\"type-title-card ds:text-[var(--foreground)]\"\n              >\n                {title}\n              </Heading>\n            </div>\n          </Card.Header>\n          <Card.Body className=\"ds:relative ds:z-[1] ds:flex ds:flex-1 ds:flex-col ds:justify-center\">\n            {/* The top margin keeps the heading clear of the links when the\n              cards stack and this one is only as tall as its content. */}\n            <div className=\"ds:mt-[var(--spacing-md)] ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n              {links.map((option, index) => (\n                <Button\n                  // Two options may share an address, so the place in the\n                  // list is part of the key.\n                  key={`${index}:${option.href}`}\n                  asChild\n                  intent=\"primary\"\n                  startIcon={option.icon}\n                  className=\"ds:min-h-[var(--min-target-size)] ds:w-full\"\n                >\n                  <a href={option.href} data-action=\"dev-login\">\n                    {option.label}\n                  </a>\n                </Button>\n              ))}\n            </div>\n          </Card.Body>\n        </Card>\n      </div>\n    );\n  },\n);\nLoginDevCard.displayName = 'LoginDevCard';\n"],"names":["LOGIN_FORM_FIELDS","loginFormVariants","cva","columnVariants","hasMessage","errors","hasFieldMessage","field","focusTargetFor","messages","LoginForm","forwardRef","title","description","headingLevel","showLogo","logoMotion","children","initialValues","forgotPasswordHref","submitLabel","submitting","onSubmit","fieldNames","action","hiddenFields","devCard","className","rest","ref","t","useTranslation","titleId","useId","formMessageId","fieldIdBase","fieldId","native","email","setEmail","useState","password","setPassword","touched","setTouched","submitted","setSubmitted","serverErrors","setServerErrors","leave","previous","forget","emailInput","useRef","passwordInput","emailField","useStateBackedInput","emptyPassword","held","values","_a","_b","invalid","isEmail","due","ownErrors","errorFor","openedWithFieldMessage","summary","useErrorSummary","focusRequest","setFocusRequest","target","useEffect","submit","useRegistrationSubmit","answer","next","busy","formAction","useFormAction","forgotLink","isSafeHref","extraFields","useExtraFields","formError","formMessageAnnounce","useFormMessageAnnounce","jsxs","jsx","Card","AuthCardHeading","ErrorSummary","AuthFormMessage","FormField","EmailInput","event","PasswordInput","ExtraFields","Button","AuthTextLink","AuthFormStatus","loginDevCardVariants","LoginDevCard","options","Heading","links","option","MatrixRain","ErrorPageIllustration","index"],"mappings":"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"}
+{"version":3,"file":"login-dev-card-CIim81VB.js","sources":["../../src/patterns/login-form/login-form.tsx","../../src/patterns/login-form/login-dev-card.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* LoginForm — the sign-in card.                                          */\n/*                                                                        */\n/* One export for the card: the mark, the heading, email and password,   */\n/* the button and the way to a new password. The host keeps the page     */\n/* around it and every server rule. The card checks what a browser can   */\n/* check, then hands the values to `onSubmit` or posts a real form to    */\n/* the host's own field names.                                           */\n/*                                                                        */\n/* The email must be an email address. A server that also signs people   */\n/* in by a username cannot use this card for those accounts.             */\n/* -------------------------------------------------------------------- */\n\nimport {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { cva } from 'class-variance-authority';\n// The validator EmailInput itself uses, so the two never disagree.\nimport isEmail from 'validator/lib/isEmail';\nimport { Button } from '../../components/button';\nimport { Card } from '../../components/card';\nimport { EmailInput } from '../../components/email-input';\nimport { ErrorSummary } from '../../components/error-summary';\nimport { FormField } from '../../components/form-field';\nimport { PasswordInput } from '../../components/password-input';\nimport { isSafeHref } from '../../components/_shared/safe-href';\nimport { useStateBackedInput } from '../../components/_shared/use-state-backed-input';\nimport {\n  AuthCardHeading,\n  AuthFormMessage,\n  AuthFormStatus,\n  AuthTextLink,\n  ExtraFields,\n  useExtraFields,\n  useFormAction,\n} from '../_shared/auth-form-parts';\nimport type { BrandMarkMotion } from '../_shared/brand-mark';\nimport {\n  useErrorSummary,\n  useFormMessageAnnounce,\n} from '../_shared/use-error-summary';\nimport { useRegistrationSubmit } from '../registration-form/use-registration-submit';\n\n/* -------------------------------------------------------------------- */\n/* Types                                                                  */\n/* -------------------------------------------------------------------- */\n\n/** The fields of the form, in the order they appear. */\nexport const LOGIN_FORM_FIELDS = ['email', 'password'] as const;\n\nexport type LoginFormField = (typeof LOGIN_FORM_FIELDS)[number];\n\n/** What `onSubmit` receives once both checks have passed. */\nexport interface LoginFormValues {\n  email: string;\n  password: string;\n}\n\n/** Values to show when the form opens. There is no password here, on\n *  purpose: a password is never sent back to the browser. */\nexport type LoginFormInitialValues = Partial<Pick<LoginFormValues, 'email'>>;\n\n/** Messages from the server, already translated: one per field, plus\n *  `form` for a message about the whole form, such as \"the email or\n *  password is incorrect\". */\nexport type LoginFormErrors = Partial<Record<LoginFormField | 'form', string>>;\n\n/** The host's own form field names, for a native form post. Both are\n *  needed: a field without a name is not posted. */\nexport type LoginFormFieldNames = Record<LoginFormField, string>;\n\nexport interface LoginFormProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title' | 'onSubmit'\n> {\n  /** Replaces the heading \"Sign in to Alfadocs\". Pass it translated. */\n  title?: string;\n  /** A line under the heading. Pass it translated. */\n  description?: string;\n  /**\n   * The heading's level. Default 1: a sign-in page usually has no other\n   * heading. Pass 2 on a page that has its own `h1`.\n   */\n  headingLevel?: 1 | 2 | 3;\n  /**\n   * Shows the Alfadocs mark above the heading, with the heading and its\n   * line centred under it. Default true. With `false` the heading sits\n   * at the start edge, for a host that shows its own logo.\n   */\n  showLogo?: boolean;\n  /**\n   * How the mark arrives when the card opens: its pieces come together\n   * (`assemble`, the default), it turns once (`spin`), it beats\n   * (`pulse`), or it is still (`none`). It plays once and rests, and\n   * holds still under reduced motion and in the accessible themes.\n   */\n  logoMotion?: BrandMarkMotion;\n  /**\n   * Host content between the heading and the fields, such as a notice\n   * (\"You have been signed out\"). It sits outside the form, so nothing in\n   * it is posted. Keep any heading inside it below the card's own level.\n   */\n  children?: ReactNode;\n  /** The email to show when the form opens, such as the one last used.\n   *  Read once. There is never an initial password. */\n  initialValues?: LoginFormInitialValues;\n  /**\n   * Messages from the server, already translated. A field's message\n   * shows on that field until the user changes it; `form` shows above\n   * the fields.\n   *\n   * When messages arrive, the password is emptied and focus moves: to\n   * the error summary at the top of the form, which lists each field\n   * with a message, or, when only `form` says something, to the\n   * password, which is then described by that message. The same happens\n   * for messages present when the form opens (a page the server rendered\n   * after a failed post).\n   *\n   * Never say which of the two values was wrong: one message for both.\n   * Set `submitting` while you send, so the form also notices an answer\n   * that says the same as the last one.\n   */\n  errors?: LoginFormErrors;\n  /**\n   * Adds \"Forgot password?\" under the button. A path on the same site,\n   * or an address written in full (`https://…`). Anything else shows no\n   * link.\n   */\n  forgotPasswordHref?: string;\n  /** Replaces the button's \"Sign in\". Pass it translated. */\n  submitLabel?: string;\n  /**\n   * True while the host sends the values: the button shows a spinner and\n   * a second submit is ignored. Set it inside `onSubmit`, before anything\n   * is awaited: until it is true, a second press sends a second sign-in.\n   */\n  submitting?: boolean;\n  /** For React hosts: called with the values once both checks have\n   *  passed. Not called when `fieldNames` is set. */\n  onSubmit?: (values: LoginFormValues) => void;\n  /**\n   * For a native form post: the host's own field names, both of them,\n   * e.g. `{ email: 'email', password: 'password' }`. When set, the inputs\n   * carry these names and the browser posts the form.\n   */\n  fieldNames?: LoginFormFieldNames;\n  /**\n   * Where a native form post goes. Default: the current address. Only a\n   * path, or an address on the page's own origin, is accepted: another\n   * origin is never sent what the user typed, and the post then goes to\n   * the current address. Does nothing without `fieldNames`.\n   */\n  action?: string;\n  /**\n   * Extra hidden inputs posted with a native form, by name: a CSRF token,\n   * a return address. Not used with `onSubmit`. A name that is also one\n   * of `fieldNames` is left out: the form's own field wins. The server\n   * must check a return address itself: anyone can change a hidden input.\n   */\n  hiddenFields?: Readonly<Record<string, string>>;\n  /**\n   * A second card beside the sign-in, the same height: the development\n   * quick sign-in (`LoginDevCard`). Pass it only when the server says\n   * this is a development environment: the kit never decides that\n   * itself. The two sit side by side where there is room and stack on a\n   * phone.\n   */\n  devCard?: ReactNode;\n}\n\n/* -------------------------------------------------------------------- */\n/* Styles                                                                 */\n/* -------------------------------------------------------------------- */\n\n// The card is 400px wide at most, written in px: a host whose root font\n// size is not 16px would stretch or squeeze a width in rem.\nconst loginFormVariants = cva(\n  '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',\n);\n\nconst columnVariants = cva('ds:w-full ds:max-w-[400px]');\n\n/* -------------------------------------------------------------------- */\n/* Helpers                                                                */\n/* -------------------------------------------------------------------- */\n\nconst hasMessage = (errors: LoginFormErrors): boolean =>\n  Object.values(errors).some(Boolean);\n\nconst hasFieldMessage = (errors: LoginFormErrors): boolean =>\n  LOGIN_FORM_FIELDS.some((field) => Boolean(errors[field]));\n\n/**\n * Where to send the user for a set of server messages: the first field\n * that has one. A message about the whole form sends them to the\n * password, the field they will have to type again.\n */\nconst focusTargetFor = (\n  messages: LoginFormErrors,\n): LoginFormField | undefined =>\n  LOGIN_FORM_FIELDS.find((field) => messages[field]) ??\n  (messages.form ? 'password' : undefined);\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\n/**\n * The sign-in card. Mount it on the login page, inside `SignedOutFrame`\n * or the host's own chrome.\n */\nexport const LoginForm = forwardRef<HTMLDivElement, LoginFormProps>(\n  (\n    {\n      title,\n      description,\n      headingLevel = 1,\n      showLogo = true,\n      logoMotion = 'assemble',\n      children,\n      initialValues,\n      errors,\n      forgotPasswordHref,\n      submitLabel,\n      submitting = false,\n      onSubmit,\n      fieldNames,\n      action,\n      hiddenFields,\n      devCard,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const titleId = useId();\n    const formMessageId = useId();\n    const fieldIdBase = useId();\n    /** The id of a field's wrapper: where the summary's link leads. */\n    const fieldId = (field: LoginFormField) => `${fieldIdBase}-${field}`;\n    const native = fieldNames !== undefined;\n\n    /* ------------------------------ State ----------------------------- */\n\n    // Read once. The password always starts empty.\n    const [email, setEmail] = useState(() => initialValues?.email ?? '');\n    const [password, setPassword] = useState('');\n    // A field the user has filled in and left. An email that arrives\n    // filled in counts: a bad one is then flagged at once, with its\n    // message. An empty field is not flagged for being passed through: a\n    // keyboard user on the way to \"Forgot password?\" has made no mistake.\n    // Its message waits for a submit.\n    const [touched, setTouched] = useState<\n      Partial<Record<LoginFormField, boolean>>\n    >(() => ({ email: Boolean(initialValues?.email) }));\n    const [submitted, setSubmitted] = useState(false);\n    const [serverErrors, setServerErrors] = useState<LoginFormErrors>(\n      () => errors ?? {},\n    );\n\n    const leave = (field: LoginFormField) =>\n      setTouched((previous) =>\n        previous[field] ? previous : { ...previous, [field]: true },\n      );\n    // The server's message was about the old value.\n    const forget = (field: LoginFormField) =>\n      setServerErrors((previous) =>\n        previous[field] ? { ...previous, [field]: undefined } : previous,\n      );\n\n    const emailInput = useRef<HTMLInputElement>(null);\n    const passwordInput = useRef<HTMLInputElement>(null);\n    // The address stays out of the input's `value` attribute, where a\n    // copied outerHTML or a session replay could read it.\n    const emailField = useStateBackedInput(email, emailInput);\n\n    const emptyPassword = () => {\n      setPassword('');\n      setTouched((previous) => ({ ...previous, password: false }));\n    };\n    /**\n     * What the two inputs hold now. Read from the inputs, not from state:\n     * a browser or a password manager can fill a field without telling\n     * React, and the form must not refuse a field that is visibly filled.\n     */\n    const held = (): LoginFormValues => {\n      const values = {\n        email: emailInput.current?.value ?? email,\n        password: passwordInput.current?.value ?? password,\n      };\n      if (values.email !== email) setEmail(values.email);\n      if (values.password !== password) setPassword(values.password);\n      return values;\n    };\n\n    /* ---------------------------- Validation -------------------------- */\n\n    /** What stops a submit, whether or not the message shows yet. The\n     *  password only has to be there: its rules are for a new password. */\n    const invalid: Record<LoginFormField, boolean> = {\n      email: !isEmail(email),\n      password: password === '',\n    };\n    // A message shows once the user has filled in and left the field, or\n    // tried to submit.\n    const due = (field: LoginFormField) => submitted || touched[field] === true;\n    const ownErrors: Record<LoginFormField, string | undefined> = {\n      email:\n        due('email') && invalid.email\n          ? email === ''\n            ? t('loginForm.emailRequired')\n            : t('inputs.email.invalid')\n          : undefined,\n      password:\n        due('password') && invalid.password\n          ? t('loginForm.passwordRequired')\n          : undefined,\n    };\n    const errorFor = (field: LoginFormField) =>\n      serverErrors[field] ?? ownErrors[field];\n\n    /* ------------------------------ Focus ----------------------------- */\n\n    // Every field with a message after a refused submit, or after a server\n    // answer, is listed at the top of the form, and focus goes there. A\n    // page the server rendered after a failed post opens that way too: it\n    // announces nothing itself.\n    const [openedWithFieldMessage] = useState(() =>\n      hasFieldMessage(errors ?? {}),\n    );\n    const summary = useErrorSummary(\n      LOGIN_FORM_FIELDS,\n      errorFor,\n      openedWithFieldMessage,\n    );\n\n    // Any other place focus goes: the password, when only the message\n    // about the whole form says something. A new object for each request,\n    // so asking twice for the same place moves focus twice. The effect runs\n    // after the messages are drawn, so a screen reader lands on something\n    // that already says what is wrong.\n    const [focusRequest, setFocusRequest] = useState<{\n      target: LoginFormField;\n    } | null>(() => {\n      const target = openedWithFieldMessage\n        ? undefined\n        : focusTargetFor(errors ?? {});\n      return target ? { target } : null;\n    });\n    useEffect(() => {\n      if (!focusRequest) return;\n      (focusRequest.target === 'email'\n        ? emailInput\n        : passwordInput\n      ).current?.focus();\n    }, [focusRequest]);\n\n    /* ------------------------------ Submit ---------------------------- */\n\n    const submit = useRegistrationSubmit<LoginFormField>({\n      errors,\n      submitting,\n      native,\n      captcha: false,\n      firstProblem: () => {\n        const values = held();\n        if (!isEmail(values.email)) return 'email';\n        return values.password === '' ? 'password' : undefined;\n      },\n      onRefused: (field) => {\n        // Both messages now show, listed in the summary, which takes focus.\n        setSubmitted(true);\n        summary.open(() => setFocusRequest({ target: field }));\n      },\n      // Only a React host gets here: a native post is the browser's own.\n      deliver: () => onSubmit?.(held()),\n      onAnswer: (answer) => {\n        const next: LoginFormErrors = answer;\n        setServerErrors(next);\n        if (!hasMessage(next)) return;\n        // Never keep a password the server did not accept.\n        emptyPassword();\n        setSubmitted(false);\n        // The summary when a field has a message, else the password.\n        summary.open(() => {\n          const target = focusTargetFor(next);\n          if (target) setFocusRequest({ target });\n        });\n      },\n      // The page came back from the browser's cache as it was left: the\n      // password must not come back with it.\n      onRestore: emptyPassword,\n    });\n    const { busy } = submit;\n\n    /* ------------------------------ Render ---------------------------- */\n\n    const formAction = useFormAction('LoginForm', native, action);\n    const forgotLink =\n      forgotPasswordHref && isSafeHref(forgotPasswordHref)\n        ? forgotPasswordHref\n        : undefined;\n    const extraFields = useExtraFields(\n      'LoginForm',\n      native,\n      fieldNames,\n      hiddenFields,\n    );\n    const formError = serverErrors.form;\n    // Quiet while the summary lists a field: the summary reads it then.\n    const formMessageAnnounce = useFormMessageAnnounce(\n      formError,\n      summary.listed.length > 0,\n    );\n\n    return (\n      <div\n        ref={ref}\n        {...rest}\n        data-component=\"login-form\"\n        className={loginFormVariants({ className })}\n      >\n        <div className={columnVariants()}>\n          <Card variant=\"elevated\" className=\"ds:h-full\">\n            <Card.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]\">\n              <AuthCardHeading\n                id={titleId}\n                title={title ?? t('loginForm.title')}\n                description={description}\n                level={headingLevel}\n                showLogo={showLogo}\n                logoMotion={logoMotion}\n              />\n\n              {children ? (\n                <div\n                  data-slot=\"host-content\"\n                  className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\"\n                >\n                  {children}\n                </div>\n              ) : null}\n\n              {/* Always POST, in both modes: should the script ever fail to\n                  run, the browser must not put a password in the address. */}\n              <form\n                noValidate\n                method=\"post\"\n                action={formAction}\n                aria-labelledby={titleId}\n                aria-busy={busy || undefined}\n                onSubmit={submit.handleSubmit}\n                className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\"\n              >\n                <ErrorSummary\n                  ref={summary.ref}\n                  headingLevel={(headingLevel + 1) as 2 | 3 | 4}\n                  // The message about the whole form is read with it.\n                  aria-describedby={formError ? formMessageId : undefined}\n                  errors={summary.listed.map((field) => ({\n                    field,\n                    message: errorFor(field) ?? '',\n                    targetId: fieldId(field),\n                  }))}\n                />\n\n                {formError && (\n                  <AuthFormMessage\n                    id={formMessageId}\n                    announce={formMessageAnnounce}\n                  >\n                    {formError}\n                  </AuthFormMessage>\n                )}\n\n                <FormField\n                  id={fieldId('email')}\n                  label={t('loginForm.email')}\n                  required\n                  error={errorFor('email')}\n                  // Quiet while the summary lists it: the summary reads it.\n                  announceError={!summary.lists('email')}\n                  data-field=\"email\"\n                >\n                  {/* One check, above, drives the message, the red mark and\n                      aria-invalid through FormField. EmailInput's own check\n                      is off so the two cannot disagree. `username` is the\n                      name browsers and password managers give the field\n                      that goes with `current-password`. */}\n                  <EmailInput\n                    ref={emailField.ref}\n                    name={native ? fieldNames.email : 'email'}\n                    autoComplete=\"username\"\n                    disableBuiltInValidation\n                    onChange={emailField.quiet((event) => {\n                      setEmail(event.target.value);\n                      forget('email');\n                    })}\n                    onBlur={(event) => {\n                      // Whatever a browser filled in without saying so.\n                      setEmail(event.target.value);\n                      if (event.target.value !== '') leave('email');\n                    }}\n                  />\n                </FormField>\n\n                <FormField\n                  id={fieldId('password')}\n                  label={t('loginForm.password')}\n                  required\n                  error={errorFor('password')}\n                  announceError={!summary.lists('password')}\n                  data-field=\"password\"\n                >\n                  {/* Described by the message above the fields when there is\n                      one: focus lands here after a refused sign-in, and a\n                      screen reader then reads why. */}\n                  <PasswordInput\n                    ref={passwordInput}\n                    name={native ? fieldNames.password : 'password'}\n                    autoComplete=\"current-password\"\n                    aria-describedby={formError ? formMessageId : undefined}\n                    value={password}\n                    onChange={(event) => {\n                      setPassword(event.target.value);\n                      forget('password');\n                    }}\n                    onBlur={(event) => {\n                      setPassword(event.target.value);\n                      if (event.target.value !== '') leave('password');\n                    }}\n                  />\n                </FormField>\n\n                <ExtraFields fields={extraFields} />\n\n                <Button\n                  type=\"submit\"\n                  intent=\"primary\"\n                  size=\"lg\"\n                  loading={busy}\n                  className=\"ds:w-full\"\n                  data-action=\"submit\"\n                >\n                  {submitLabel ?? t('loginForm.submit')}\n                </Button>\n\n                {forgotLink && (\n                  <AuthTextLink href={forgotLink} action=\"forgot-password\">\n                    {t('loginForm.forgot')}\n                  </AuthTextLink>\n                )}\n              </form>\n              {/* Outside the form: a screen reader may hold back what\n                  changes inside a busy region. */}\n              <AuthFormStatus busy={busy} />\n            </Card.Body>\n          </Card>\n        </div>\n        {devCard ? <div className={columnVariants()}>{devCard}</div> : null}\n      </div>\n    );\n  },\n);\nLoginForm.displayName = 'LoginForm';\n","/* -------------------------------------------------------------------- */\n/* LoginDevCard — the development quick sign-in card.                     */\n/*                                                                        */\n/* A second card beside the login, for developers: one link per test     */\n/* account the host's server can sign in. The kit only draws it. The     */\n/* host decides whether it is rendered, supplies every word on it, and   */\n/* its server must refuse the routes outside development.                */\n/* -------------------------------------------------------------------- */\n\nimport { forwardRef, useId, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Button } from '../../components/button';\nimport { Card } from '../../components/card';\nimport { MatrixRain } from '../../components/matrix-rain';\nimport { isSafeHref } from '../../components/_shared/safe-href';\nimport { ErrorPageIllustration } from '../error-page/error-page-illustration';\n\nexport interface LoginDevOption {\n  /** The link's text, e.g. \"Sign in as admin\". The host supplies it, so\n   *  the kit ships no text for a card that users never see. */\n  label: string;\n  /** The development-only route that signs the test account in. A path\n   *  on the same site, or an address written in full. */\n  href: string;\n  /** A Lucide icon for the link, passed bare: `<ShieldUser />`. */\n  icon?: ReactNode;\n}\n\nexport interface LoginDevCardProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title'\n> {\n  /** The card's heading, e.g. \"Developer quick login\". */\n  title: string;\n  /** One link per test account. An option with an unsafe address is\n   *  left out. */\n  options: readonly LoginDevOption[];\n  /** The heading's level. Default 2, under the login's own heading. */\n  headingLevel?: 2 | 3;\n}\n\n// As tall as the login beside it, so the two cards read as a pair.\nconst loginDevCardVariants = cva('ds:h-full ds:w-full');\n\n/**\n * The development quick sign-in card. Render it only when the server\n * says this is a development environment: it never checks the\n * environment itself. Pass it to `LoginForm` as `devCard`.\n */\nexport const LoginDevCard = forwardRef<HTMLDivElement, LoginDevCardProps>(\n  ({ title, options, headingLevel = 2, className, ...rest }, ref) => {\n    const titleId = useId();\n    const Heading = `h${headingLevel}` as const;\n    const links = options.filter((option) => isSafeHref(option.href));\n    return (\n      <div\n        ref={ref}\n        {...rest}\n        data-component=\"login-dev-card\"\n        className={loginDevCardVariants({ className })}\n      >\n        <Card\n          variant=\"elevated\"\n          aria-labelledby={titleId}\n          className=\"ds:relative ds:isolate ds:flex ds:h-full ds:flex-col ds:overflow-hidden\"\n        >\n          {/* Code rain round the edges, clear in the middle so it never runs\n            behind the links. MatrixRain holds still under reduced motion by\n            itself; it does not know the accessible themes, so the rain is\n            taken out there, like the kit's other decorative motion. */}\n          <div className=\"ds:absolute ds:inset-0 ds:z-0 ds:[display:var(--accessible-off,block)]\">\n            <MatrixRain\n              glyphs=\"hex\"\n              decay=\"fast\"\n              mask=\"center\"\n              maskRadius=\"xl\"\n              className=\"ds:size-full\"\n            />\n          </div>\n          <Card.Header className=\"ds:relative ds:z-[1]\">\n            <div className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-sm)] ds:text-center\">\n              {/* The melting mark from the error pages, at half its size\n                there. */}\n              <div className=\"ds:[&>div]:w-24\">\n                <ErrorPageIllustration mood=\"melt\" />\n              </div>\n              <Heading\n                id={titleId}\n                className=\"type-title-card ds:text-[var(--foreground)]\"\n              >\n                {title}\n              </Heading>\n            </div>\n          </Card.Header>\n          <Card.Body className=\"ds:relative ds:z-[1] ds:flex ds:flex-1 ds:flex-col ds:justify-center\">\n            {/* The top margin keeps the heading clear of the links when the\n              cards stack and this one is only as tall as its content. */}\n            <div className=\"ds:mt-[var(--spacing-md)] ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n              {links.map((option, index) => (\n                <Button\n                  // Two options may share an address, so the place in the\n                  // list is part of the key.\n                  key={`${index}:${option.href}`}\n                  asChild\n                  intent=\"primary\"\n                  startIcon={option.icon}\n                  className=\"ds:min-h-[var(--min-target-size)] ds:w-full\"\n                >\n                  <a href={option.href} data-action=\"dev-login\">\n                    {option.label}\n                  </a>\n                </Button>\n              ))}\n            </div>\n          </Card.Body>\n        </Card>\n      </div>\n    );\n  },\n);\nLoginDevCard.displayName = 'LoginDevCard';\n"],"names":["LOGIN_FORM_FIELDS","loginFormVariants","cva","columnVariants","hasMessage","errors","hasFieldMessage","field","focusTargetFor","messages","LoginForm","forwardRef","title","description","headingLevel","showLogo","logoMotion","children","initialValues","forgotPasswordHref","submitLabel","submitting","onSubmit","fieldNames","action","hiddenFields","devCard","className","rest","ref","t","useTranslation","titleId","useId","formMessageId","fieldIdBase","fieldId","native","email","setEmail","useState","password","setPassword","touched","setTouched","submitted","setSubmitted","serverErrors","setServerErrors","leave","previous","forget","emailInput","useRef","passwordInput","emailField","useStateBackedInput","emptyPassword","held","values","_a","_b","invalid","isEmail","due","ownErrors","errorFor","openedWithFieldMessage","summary","useErrorSummary","focusRequest","setFocusRequest","target","useEffect","submit","useRegistrationSubmit","answer","next","busy","formAction","useFormAction","forgotLink","isSafeHref","extraFields","useExtraFields","formError","formMessageAnnounce","useFormMessageAnnounce","jsxs","jsx","Card","AuthCardHeading","ErrorSummary","AuthFormMessage","FormField","EmailInput","event","PasswordInput","ExtraFields","Button","AuthTextLink","AuthFormStatus","loginDevCardVariants","LoginDevCard","options","Heading","links","option","MatrixRain","ErrorPageIllustration","index"],"mappings":"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"}