@eifi1/ui-kit 0.51.4 → 0.51.6

package/dist/components/list.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/list.tsx"],"sourcesContent":["import { Children, createContext, useContext, useId, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, HTMLAttributes, MouseEvent, ReactElement, ReactNode, Ref } from \"react\";\nimport { ChevronDown, ExternalLink } from \"lucide-react\";\nimport type { LucideIcon } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\nimport { FOCUS_RING } from \"./focus-ring\";\nimport { Spinner } from \"./spinner\";\nimport { StatusDot } from \"./status-dot\";\nimport { Collapse } from \"./disclosure\";\nimport { toneTextClass } from \"./signed-amount\";\nimport type { TextTone } from \"./signed-amount\";\nimport { useKitLabels, useKitLink } from \"../i18n/kit-labels\";\nimport { pickLinkRenderer } from \"./text-link\";\nimport { LockedReason, mergeDescribedBy, useLockReason, type DisabledReasonDisplay } from \"./field-parts\";\nimport type { CommitScope } from \"./write-lock\";\nimport { DEFAULT_LIST_LABELS } from \"./list-labels\";\nimport { Button } from \"./button\";\n\n/* ── Labels ───────────────────────────────────────────────────────────────── */\n\nexport interface ListLabels {\n  /** Read after an unread row's title — the dot alone says nothing to a screen reader. */\n  unread: string;\n  /** Read after an external row's title: the row leaves the app in a new tab. */\n  opensInNewTab: string;\n  /** 0.51.4: the row under a {@link ListProps.limit}ed list that opens the rest, with\n   *  the WHOLE list's count — \"Show all (12)\". Optional, as every key added to a\n   *  namespace an app may annotate: left out, the provider's, then English. */\n  showAll?: (count: number) => string;\n  /** 0.51.4: the same row once the list is open, folding it back. */\n  showFewer?: string;\n}\n\n// Defined in ./list-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_LIST_LABELS };\n\n/* ── List ─────────────────────────────────────────────────────────────────── */\n\n/**\n * `compact` 36px-ish rows for a dense panel (an inbox in a menu), `default` the ~44px\n * row every site draws with `py-2.5`, `comfortable` for a list that is the page.\n */\nexport type ListDensity = \"compact\" | \"default\" | \"comfortable\";\n/** `divider`: a rule between rows (kastlan's `divide-y` lists); `gap`: a small space\n *  between rows (lenkbank's `space-y-2`, kastlan's `space-y-1`); `none`: flush. */\nexport type ListSeparator = \"divider\" | \"gap\" | \"none\";\n\nconst ListContext = createContext<{ density: ListDensity; separator: ListSeparator }>({\n  density: \"default\",\n  separator: \"gap\",\n});\n\nexport interface ListProps extends Omit<ComponentPropsWithoutRef<\"ul\">, \"role\"> {\n  /** `ol` when the order means something (a ranked list, numbered segments). */\n  as?: \"ul\" | \"ol\";\n  /** Every row's density, unless a row says otherwise. Default `default`. */\n  density?: ListDensity;\n  /** Default `gap`. */\n  separator?: ListSeparator;\n  /** The `<ul>` (or `<ol>`). A React 19 ref prop since 0.34 (MOD-4, refactor audit\n   *  2026-10); it was `forwardRef`. */\n  ref?: Ref<HTMLUListElement>;\n  /**\n   * Show the first `limit` rows, then a \"Show all (n)\" row that opens the rest and turns\n   * into \"Show fewer\" (0.51.4, keksdose run 89: a long \"Placed only roughly\" list on its\n   * Matching report could only fold as a whole, so it opened as nothing or everything).\n   * A list of `limit` rows or fewer draws them all, with no such row. Rows are counted as\n   * `Children` counts them: one per `ListItem`, a fragment as one.\n   *\n   * The row is a button with `aria-expanded`, controlling the list; it sits in the list\n   * as `role=\"none\"`, so a reader still hears \"list, 5 items\" for five rows.\n   */\n  limit?: number;\n}\n\n/** The show-all row's inset, in step with each density's row padding (`PAD`). */\nconst MORE_PAD: Record<ListDensity, string> = {\n  compact: \"px-2 py-1\",\n  default: \"px-3 py-1.5\",\n  comfortable: \"px-4 py-2\",\n};\n\n/**\n * The list of {@link ListItem}s.\n *\n * A `<ul>` with an explicit `role=\"list\"`: Safari drops a list's semantics once its\n * bullets are styled away, and \"list, 7 items\" is exactly what a screen-reader user\n * wants to hear before the first row.\n */\nexport function List({\n  ref,\n  as = \"ul\",\n  density = \"default\",\n  separator = \"gap\",\n  limit,\n  className,\n  children,\n  ...rest\n}: ListProps) {\n  const Tag = as;\n  const labels = useKitLabels(\"list\", DEFAULT_LIST_LABELS);\n  const [open, setOpen] = useState(false);\n  const generatedId = useId();\n  const id = rest.id ?? generatedId;\n  const rows = limit === undefined ? null : Children.toArray(children);\n  const folds = rows !== null && rows.length > Math.max(0, limit!);\n  return (\n    <ListContext.Provider value={{ density, separator }}>\n      <Tag\n        {...rest}\n        id={folds ? id : rest.id}\n        ref={ref as Ref<HTMLUListElement & HTMLOListElement>}\n        role=\"list\"\n        className={cn(\n          \"m-0 flex list-none flex-col p-0\",\n          separator === \"gap\" && (density === \"compact\" ? \"gap-0.5\" : \"gap-1\"),\n          className,\n        )}\n      >\n        {folds && !open ? rows.slice(0, Math.max(0, limit!)) : children}\n        {folds && (\n          <li role=\"none\" className={MORE_PAD[density]}>\n            <Button\n              type=\"button\"\n              variant=\"link\"\n              size=\"sm\"\n              className=\"h-auto p-0\"\n              aria-expanded={open}\n              aria-controls={id}\n              onClick={() => setOpen((was) => !was)}\n            >\n              {open\n                ? (labels.showFewer ?? DEFAULT_LIST_LABELS.showFewer)\n                : (labels.showAll ?? DEFAULT_LIST_LABELS.showAll!)(rows.length)}\n            </Button>\n          </li>\n        )}\n      </Tag>\n    </ListContext.Provider>\n  );\n}\n\n/* ── ListItem ─────────────────────────────────────────────────────────────── */\n\n/** What {@link ListItemProps.renderLink} is handed. Spread it onto your router's link,\n *  mapping `href` to what it calls it — `({ href, ...p }) => <Link to={href} {...p} />`. */\nexport interface ListItemLinkProps {\n  href: string;\n  /** The row's target look — keep it, or the row's padding and focus ring go. */\n  className: string;\n  children: ReactNode;\n  ref?: Ref<HTMLAnchorElement>;\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n  onAuxClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n  \"aria-current\"?: \"true\";\n  \"aria-busy\"?: true;\n  id?: string;\n  [key: `aria-${string}`]: string | boolean | number | undefined;\n  [key: `data-${string}`]: unknown;\n}\n\nconst PAD: Record<\n  ListDensity,\n  { target: string; actions: string; leadingActions: string; gap: string; body: string }\n> = {\n  compact: { target: \"gap-2 px-2 py-1.5\", actions: \"pe-1.5\", leadingActions: \"ps-1.5\", gap: \"gap-0.5\", body: \"px-2 pb-1.5\" },\n  default: { target: \"gap-3 px-3 py-2.5\", actions: \"pe-2\", leadingActions: \"ps-2\", gap: \"gap-1\", body: \"px-3 pb-2.5\" },\n  comfortable: { target: \"gap-3 px-4 py-3\", actions: \"pe-3\", leadingActions: \"ps-3\", gap: \"gap-1\", body: \"px-4 pb-3\" },\n};\n\n/** {@link ListItemBaseProps.trailingTone}: a {@link TextTone}, or `inherit` — no\n *  colour of the slot's own, so an element's colour (or the row's) stands. */\nexport type ListItemTrailingTone = TextTone | \"inherit\";\n\n// The kit's focus frame (§5), inset so the row's own border and its neighbours do not\n// clip it.\nconst TARGET_RING = cn(FOCUS_RING, \"focus-visible:ring-inset\");\n\n/**\n * §4 \"ListItem: title, subtitle and meta wrap instead of truncating\" at Large and Extra\n * large (docs/text-size-harmonization.md). `large:` variants over the Normal look, so\n * a list keeps its one-height rows at Normal and costs no render to switch: a one-line\n * line is `truncate-until-large` (tokens.css, 0.33 §10.17: `truncate`, and at Large a\n * wrap that breaks a word too long for the row — the kit's one name for what this file\n * spelt as `WRAP_AT_LARGE`), a `line-clamp-2` lets go. An ellipsis hides the end of a\n * name, which is the part a reader who needs big type cannot recover by squinting.\n */\nconst UNCLAMP_AT_LARGE = \"large:line-clamp-none\";\n\ninterface ListItemBaseProps {\n  /** The row's name: one line, truncated — unless {@link titleLines} says otherwise. */\n  title: ReactNode;\n  /**\n   * How many lines the title may take. `1` (default) truncates with an ellipsis, which\n   * is right for a name the app chose — a unit number, a user, a file — where the\n   * cut-off end is still recognisable and every row keeps one height.\n   *\n   * `2` clamps at two lines; `\"all\"` shows every line, breaking inside a long word\n   * rather than overflowing. For rows whose only name is free text a person typed\n   * (kastlan 44): a defect or a note titled by its description, where the first 30\n   * characters on a phone say nothing and there is no other field to tell two rows\n   * apart. Pair it with `align=\"start\"` so the icon stays by the first line.\n   */\n  titleLines?: 1 | 2 | \"all\";\n  /** The line under it: one line, truncated — or two, with `subtitleLines={2}`. */\n  subtitle?: ReactNode;\n  /** `2` for a line that is a body rather than a label (keksdose's notification text). */\n  subtitleLines?: 1 | 2;\n  /**\n   * A small line ABOVE the title, in the caption type: the group a row belongs to, a\n   * date heading, a category (\"Groceries · weekly\"). Part of the target and of its\n   * name, read before the title. One line, truncated.\n   */\n  overline?: ReactNode;\n  /** A third line in the caption type: a timestamp, \"Updated …\" (lenkbank's projects). */\n  meta?: ReactNode;\n  /**\n   * Let {@link meta} wrap: it becomes a wrapping row (`flex-wrap`, a small gap)\n   * instead of one truncated line — for a run of chips (keksdose's payee-backfill\n   * tags), which otherwise had nowhere to go but the body, outside the target. Still\n   * inside the target, so still no controls: chips that only show, not ones that\n   * remove themselves.\n   */\n  metaWrap?: boolean;\n  /**\n   * Content INSIDE the main target, under the title, subtitle and meta: a progress or\n   * budget bar, a sparkline, a strip of figures (keksdose's food-group bars). Unlike\n   * {@link children}, which sits outside the target, a click on it is a click on the\n   * row, and its hover fill covers it.\n   *\n   * Because it is inside the button or link it obeys the {@link trailing} rule: shown,\n   * never operated — no buttons, links or inputs (invalid HTML in a button, and folded\n   * into its name). Its text joins the row's accessible name, so give a bar that only\n   * repeats a figure already in the row `aria-hidden`. Rendered in a block `<span>`,\n   * full width of the TEXT COLUMN only — the column the title and subtitle are in, not\n   * the whole row: it starts after the {@link icon} / {@link leading} and stops where\n   * {@link trailing} begins, so a meter under a row with a trailing figure is as wide as\n   * the title, not run on under the figure (keksdose's budget rows). For a bar across\n   * the full row, put it in {@link children} (outside the target) or leave `trailing`\n   * off and show the figure in `meta`. Strictly a button holds phrasing content only; the\n   * kit's `ProgressBar` draws `<div>`s, which every browser lays out and reads fine\n   * there but an HTML validator flags.\n   */\n  content?: ReactNode;\n  /** A Lucide icon before the text, muted, at 16px. */\n  icon?: LucideIcon;\n  /** Anything else before the text — an avatar, a file-type badge, a drag handle. */\n  leading?: ReactNode;\n  /**\n   * Inside the main target, at its end: a status chip, a file size, a count. It is part\n   * of what the row's click does and part of its accessible name — so never a control.\n   * Controls go in {@link actions}.\n   */\n  trailing?: ReactNode;\n  /**\n   * The colour of the {@link trailing} slot. Default `muted` — today's look, right for\n   * a size or a count in plain text. `inherit` sets none, so an element's own colour\n   * (an amount coloured by its sign) stands without a second override; any\n   * {@link TextTone} colours a plain-text figure (`\"danger\"` for an overdue count).\n   */\n  trailingTone?: ListItemTrailingTone;\n  /**\n   * Controls BESIDE the main target, never inside it: copy, delete, \"Open\".\n   *\n   * A button inside a button (or a link) is invalid HTML, and a screen reader folds the\n   * inner one into the outer one's name where it cannot be reached. lenkbank found this\n   * three times (profile-bar.tsx:110, projects-page.tsx:61, segment-list.tsx:165) and\n   * solved it the same way each time: the row's target and its actions are siblings in\n   * one bordered box. That is this slot — and being siblings is also what stops a click\n   * on \"Copy\" from selecting the row.\n   */\n  actions?: ReactNode;\n  /**\n   * Controls BEFORE the main target, never inside it: a selection checkbox, a drag\n   * handle that is a button. The mirror of {@link actions} at the start edge — a\n   * sibling of the target, so checking the box does not activate (or expand) the row\n   * and the checkbox keeps its own name. Give the control an `aria-label` naming the\n   * row (\"Select Groceries\"), since it is not inside the row's name. Anything that only\n   * shows goes in {@link leading}, inside the target.\n   */\n  leadingActions?: ReactNode;\n  /**\n   * Rich content UNDER the title row and outside its target: photos, per-row buttons,\n   * form fields — kastlan's handover room inspector (room-inspector.tsx), the handover\n   * detail page and the wizard's defects step (wizard/defects-step.tsx), which draw\n   * each room or defect as a `Card variant=\"inset\"` because a row could not hold a\n   * photo strip with its own buttons.\n   *\n   * The same rule as {@link actions}, one row down: the title area stays ONE named\n   * target (the button or link, with the title and subtitle as its name), and the body\n   * is its sibling, never nested in it — a thumbnail's \"Remove\" inside the row's button\n   * would be invalid HTML and unreachable by a screen reader. The body is a\n   * `role=\"group\"` named by the row's title (`aria-labelledby`), so tabbing into the\n   * third photo's button of the second room is heard as \"Kitchen, group\" first rather\n   * than as a button floating free of any row. Inside the row's box, so a `selected`\n   * border and a `divider` hold both; the hover fill stays on the target alone, since\n   * the body is not what a click on the row does.\n   */\n  children?: ReactNode;\n  /** Classes on the {@link children} body. */\n  bodyClassName?: string;\n  /**\n   * The unread mark: a brand dot at the row's end, the title in semibold, and \"Unread\"\n   * read after the title (keksdose notification-inbox.tsx:215). For another status,\n   * pass your own mark in {@link status}.\n   */\n  unread?: boolean;\n  /** A mark in the unread dot's place — a `StatusDot` of another tone, a count. */\n  status?: ReactNode;\n  /**\n   * The row is the chosen one — a brand border on the raised surface (lenkbank's\n   * profile bar and segment list). `aria-current=\"true\"` on the target: the row is the\n   * current one of a set, which is what those lists mean, not a pressed toggle.\n   */\n  selected?: boolean;\n  disabled?: boolean;\n  /**\n   * Work under way on the row — keksdose's attachment download (support-attachments\n   * .tsx:91). A spinner takes the trailing edge, the target is `aria-busy`, and a\n   * second click is ignored. The row keeps focus: `aria-disabled`, not `disabled`, so\n   * a keyboard user is not dropped back to the top of the page mid-download.\n   */\n  loading?: boolean;\n  /** Overrides the {@link List}'s density for this row. */\n  density?: ListDensity;\n  /** `start` for rows whose text runs to two or three lines, so the icon sits by the\n   *  title rather than the middle of the paragraph. Default `center`. */\n  align?: \"center\" | \"start\";\n  /** Classes on the visible row (the bordered box). */\n  className?: string;\n  /** Classes on the main target (the button, link or static block). */\n  targetClassName?: string;\n  /**\n   * Extra attributes and handlers for the main target — e.g. HTML5 drag-and-drop\n   * (`draggable`, `onDragStart`, `onDragEnd`): lenkbank's segment list drags the WHOLE\n   * 44px row, and a grip inside the button cannot start a drag in Firefox. Spread first,\n   * so the row's own role, name, state and click handling always win.\n   */\n  targetProps?: HTMLAttributes<HTMLElement>;\n  /**\n   * A visible border while unselected, instead of the transparent one. For rows laid out\n   * as a wrapping strip (lenkbank's profile bar), where borderless rows read as loose\n   * text. The selected row's brand border is unchanged.\n   */\n  bordered?: boolean;\n  /** `div` for a single row outside a {@link List}; an `<li>` must sit in a list. */\n  as?: \"li\" | \"div\";\n  /**\n   * Wraps the visible row (the bordered box: target, actions and body) in an element\n   * of your own, INSIDE the `<li>` — a `<Tooltip>` explaining why the row is disabled,\n   * an app's save guard: `renderRow={(row) => <Tooltip label=\"Locked\">{row}</Tooltip>}`.\n   *\n   * The wrapper otherwise had to go round the whole `ListItem`, which put a `<span>`\n   * between the `<ul>` and its `<li>` (invalid; the list stops counting items), so\n   * callers wrote `<li><Wrapper><ListItem as=\"div\" /></Wrapper></li>` — and lost the\n   * divider and its spacing, which sit on the row's own `<li>`. Here the `<li>` stays\n   * the list's child and keeps both. The `<li>` becomes a column and the row takes the\n   * full width, so an inline wrapper (the tooltip's `inline-flex` span) still stretches\n   * the row across the list.\n   *\n   * `row` is the row BOX (a `<div>`), not the target: a wrapper that forces a prop onto\n   * its child with `cloneElement` — a save guard that injects `disabled` while a form is\n   * dirty (keksdose's SaveGuard) — sets it on that div, where it does nothing, and the\n   * button inside stays live. Pass `disabled` (or `loading`) to the ListItem yourself,\n   * from the same state the guard reads, and let the wrapper only explain it:\n   * `<ListItem disabled={dirty} renderRow={(row) => <Tooltip label=\"Save first\">{row}</Tooltip>} />`.\n   */\n  renderRow?: (row: ReactElement) => ReactNode;\n  /** Reaches the main target — the element with the row's name and action. */\n  id?: string;\n  [key: `aria-${string}`]: string | boolean | number | undefined;\n  [key: `data-${string}`]: unknown;\n  /** The main target — the row's `<a>`, `<button>` or `<div>`, where `id` goes. A React\n   *  19 ref prop since 0.34 (MOD-4, refactor audit 2026-10); it was `forwardRef`. */\n  ref?: Ref<HTMLElement>;\n}\n\n/**\n * The row is ONE thing to activate, so the types allow one: a button, an in-app link,\n * an external link, or nothing (a static row, like kastlan's passkey and user lists).\n */\nexport type ListItemProps = ListItemBaseProps &\n  (\n    | ({\n        /** Makes the row a button — select, open, mark read. */\n        onClick: (event: MouseEvent<HTMLButtonElement>) => void;\n        /**\n         * Why the row's click is not available — {@link Button}'s `disabledReason`, for\n         * a row whose click WRITES (mark read, assign, toggle a grant). keksdose K3: such\n         * rows sat behind a `SaveGuard` that forced a native `disabled`, out of the tab\n         * order, so the reason never reached a keyboard; `renderRow` with a Tooltip could\n         * explain it but not keep the row reachable.\n         *\n         * With a reason the row's button is `aria-disabled` instead: still focusable, a\n         * click does nothing, the reason is a line under the row at Large and on a touch\n         * screen, else in the kit {@link Tooltip} over the row (`disabledReasonDisplay`),\n         * and on its `aria-describedby`, and the row wears the disabled look. It wins over\n         * `disabled`. The row's `actions` are untouched — each control there is its own.\n         */\n        disabledReason?: ReactNode;\n        /** Where the reason shows — {@link Button}'s `disabledReasonDisplay`. A long list\n         *  of locked rows under a banner that already says why can keep it to the\n         *  tooltip with `\"tooltip\"` (DUP-3). */\n        disabledReasonDisplay?: DisabledReasonDisplay;\n        /**\n         * The row's click COMMITS. Under a locked {@link WriteLockProvider} it is locked\n         * the `disabledReason` way with the lock's reason (which wins over its own). No\n         * provider, or an unlocked one: no effect. Button's `commit`, for keksdose K3.\n         */\n        commit?: CommitScope;\n        href?: never;\n        renderLink?: never;\n        external?: never;\n        onAuxClick?: never;\n      } & NotExpandable)\n    | ({\n        /**\n         * Makes the row a link. A real `<a href>`, so a middle click opens it in a\n         * background tab (keksdose feedback #451) — which a button calling `navigate`\n         * cannot do.\n         */\n        href: string;\n        /** Your router's link for an in-app `href`. Default: the `<UiKitProvider\n         *  linkComponent>`, then `<a>`. The API `Chip`, `StatTile` and `MenuItem`\n         *  share. Ignored for an `external` row. */\n        renderLink?: (props: ListItemLinkProps) => ReactElement;\n        /**\n         * The link leaves the app: a plain `<a target=\"_blank\" rel=\"noopener\n         * noreferrer\">` with an external-link mark, and \"opens in a new tab\" read\n         * after the title. keksdose's inbox rows whose URL is absolute.\n         */\n        external?: boolean;\n        /** Runs on a click, before the navigation (mark the row read). */\n        onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n        /** Runs on a middle click, which fires no `click` — keksdose marks a\n         *  notification read here too, so a row opened into a background tab does not\n         *  stay unread. */\n        onAuxClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n        disabledReason?: never;\n        disabledReasonDisplay?: never;\n        commit?: never;\n      } & NotExpandable)\n    | ({\n        onClick?: never;\n        href?: never;\n        renderLink?: never;\n        external?: never;\n        onAuxClick?: never;\n        disabledReason?: never;\n        disabledReasonDisplay?: never;\n        commit?: never;\n      } & NotExpandable)\n    | {\n        /**\n         * Makes the row a disclosure: the target is a button with `aria-expanded` and a\n         * turning chevron at its end, and this opens under the row, outside the target\n         * (so it may hold controls), animated by {@link Collapse}. keksdose's collapsible\n         * groups — a group row with a select-all checkbox before it\n         * ({@link ListItemBaseProps.leadingActions}) and its members inside.\n         *\n         * The row's ONE action is the toggle, so it takes no `onClick` or `href`. The\n         * content is a `role=\"group\"` named by the title, unmounted while shut (as a\n         * `Disclosure`'s body is).\n         */\n        expandedContent: ReactNode;\n        /** Controlled open state. Leave it out for the row to keep its own. */\n        expanded?: boolean;\n        /** The uncontrolled row's first state. Default `false`. */\n        defaultExpanded?: boolean;\n        /** Runs on every toggle with the new state. */\n        onExpandedChange?: (expanded: boolean) => void;\n        onClick?: never;\n        href?: never;\n        renderLink?: never;\n        external?: never;\n        onAuxClick?: never;\n        disabledReason?: never;\n        disabledReasonDisplay?: never;\n        commit?: never;\n      }\n  );\n\ninterface NotExpandable {\n  expandedContent?: never;\n  expanded?: never;\n  defaultExpanded?: never;\n  onExpandedChange?: never;\n}\n\n/**\n * One row of a {@link List}: leading icon or avatar, title and subtitle (both\n * truncating by default), a trailing slot, and — beside the row, not inside it — its actions.\n *\n * At Large and Extra large (0.32, docs/text-size-harmonization.md §4) nothing in it\n * truncates: the overline, title, subtitle and meta wrap, a two-line clamp lets go, and\n * a trailing slot drops under the text when the two no longer fit side by side. The\n * rows lose their one height there; that is the trade the reader asked for.\n *\n * All three apps draw this row by hand, a dozen times: kastlan's units\n * (building-detail-page.tsx:402), open tickets (group-overview-page.tsx:160), activity\n * feed (activity-feed.tsx:53), company users (platform-company-detail-page.tsx:140)\n * and passkeys (passkeys-card.tsx:75); keksdose's notification inbox and attachment\n * downloads; lenkbank's profiles, projects and segments. The copies differ in the\n * details that are easy to get wrong — which of them truncate, whether the actions\n * are nested in the button, whether a link row is a link at all.\n */\nexport function ListItem({\n  ref,\n  title,\n  titleLines = 1,\n  overline,\n  subtitle,\n  subtitleLines = 1,\n  meta,\n  metaWrap = false,\n  content,\n  icon: Icon,\n  leading,\n  trailing,\n  trailingTone = \"muted\",\n  actions,\n  leadingActions,\n  unread = false,\n  status,\n  selected = false,\n  disabled = false,\n  loading = false,\n  density: densityProp,\n  align = \"center\",\n  className,\n  targetClassName,\n  targetProps,\n  bordered = false,\n  as = \"li\",\n  renderRow,\n  children,\n  bodyClassName,\n  href,\n  renderLink,\n  external = false,\n  onClick,\n  onAuxClick,\n  disabledReason,\n  disabledReasonDisplay,\n  commit,\n  expandedContent,\n  expanded: expandedProp,\n  defaultExpanded = false,\n  onExpandedChange,\n  ...rest\n}: ListItemProps) {\n  const list = useContext(ListContext);\n  const labels = useKitLabels(\"list\", DEFAULT_LIST_LABELS);\n  const kitLink = useKitLink();\n  const [ownExpanded, setOwnExpanded] = useState(defaultExpanded);\n  const density = densityProp ?? list.density;\n  const pad = PAD[density];\n  const expandable = expandedContent !== undefined;\n  const expanded = expandable && (expandedProp ?? ownExpanded);\n  const isLink = href !== undefined && !disabled;\n  const isButton = !isLink && (onClick !== undefined || expandable) && href === undefined;\n  const interactive = isLink || isButton;\n  // Only an onClick row takes a reason (the types allow no other); the hook runs on\n  // every row so the hook order never depends on which kind of row this is.\n  const lock = useLockReason(commit, disabledReason);\n  const locked = lock.locked && isButton && !expandable;\n  const inert = disabled || loading || locked;\n  const hasBody = children !== undefined && children !== null && children !== false;\n  // Anything under the row's own line: the box turns into a column, and the target\n  // takes its own corners and hover fill (see `children`).\n  const stacked = hasBody || expandable;\n  const titleId = useId();\n  const expandedId = useId();\n\n  const toggle = () => {\n    const next = !expanded;\n    if (expandedProp === undefined) setOwnExpanded(next);\n    onExpandedChange?.(next);\n  };\n\n  const mark =\n    status ??\n    (unread ? <StatusDot tone=\"brand\" size=\"sm\" className={align === \"start\" ? \"mt-1.5\" : undefined} /> : null);\n\n  const body = (\n    <>\n      {Icon && (\n        <Icon\n          className={cn(\"size-4 shrink-0 text-muted\", align === \"start\" && \"mt-0.5\")}\n          aria-hidden\n        />\n      )}\n      {leading}\n      {/* With a trailing slot, a basis at Large: below it the trailing chip or figure\n          wraps under the text (the target wraps, see `target`) rather than squeezing the\n          now-wrapping title into a column one word wide (§4, 240 px effective width). */}\n      <span className={cn(\"flex min-w-0 flex-1 flex-col\", trailing != null && \"large:basis-40\")}>\n        {overline != null && (\n          <span className=\"block truncate-until-large text-caption font-medium leading-snug text-muted\">\n            {overline}\n          </span>\n        )}\n        <span\n          // Names the body's and the expanded content's group; harmless without one.\n          id={stacked ? titleId : undefined}\n          className={cn(\n            \"block text-sm text-primary\",\n            titleLines === 1\n              ? \"truncate-until-large\"\n              : titleLines === 2\n                ? cn(\"line-clamp-2 break-words\", UNCLAMP_AT_LARGE)\n                : \"break-words\",\n            unread ? \"font-semibold\" : \"font-medium\",\n          )}\n        >\n          {title}\n          {unread && <span className=\"sr-only\"> ({labels.unread})</span>}\n          {external && href !== undefined && <span className=\"sr-only\"> ({labels.opensInNewTab})</span>}\n        </span>\n        {subtitle != null && (\n          <span\n            className={cn(\n              \"block text-xs text-muted\",\n              subtitleLines === 2 ? cn(\"line-clamp-2 break-words\", UNCLAMP_AT_LARGE) : \"truncate-until-large\",\n            )}\n          >\n            {subtitle}\n          </span>\n        )}\n        {meta != null && (\n          <span\n            className={cn(\n              \"mt-0.5 text-caption leading-snug text-muted\",\n              metaWrap ? \"flex flex-wrap items-center gap-1\" : \"block truncate-until-large\",\n            )}\n          >\n            {meta}\n          </span>\n        )}\n        {content != null && <span className=\"mt-1.5 block min-w-0\">{content}</span>}\n      </span>\n      {trailing != null && (\n        <span\n          className={cn(\n            \"flex shrink-0 items-center gap-2 text-xs large:ms-auto\",\n            trailingTone !== \"inherit\" && toneTextClass(trailingTone),\n          )}\n        >\n          {trailing}\n        </span>\n      )}\n      {loading ? (\n        <Spinner label={null} className=\"size-3.5 shrink-0\" />\n      ) : (\n        external && href !== undefined && (\n          <ExternalLink className=\"size-3.5 shrink-0 text-muted rtl:-scale-x-100\" aria-hidden />\n        )\n      )}\n      {mark}\n      {expandable && (\n        // Turned, not swapped — the Disclosure card's convention: down while shut, up\n        // while open. A rotation is its own mirror, so RTL needs nothing.\n        <ChevronDown\n          aria-hidden\n          className={cn(\n            \"size-4 shrink-0 text-muted transition-transform duration-200 ease-out motion-reduce:transition-none\",\n            align === \"start\" && \"mt-0.5\",\n            expanded && \"rotate-180\",\n          )}\n        />\n      )}\n    </>\n  );\n\n  const target = cn(\n    \"flex min-w-0 flex-1 text-start\",\n    // §4 at Large: the trailing slot drops under the text when both no longer fit.\n    trailing != null && \"large:flex-wrap\",\n    align === \"start\" ? \"items-start\" : \"items-center\",\n    pad.target,\n    // When stacked the target is the top of the box, not all of it, so it takes its\n    // own corners and its own hover fill (see `children`).\n    stacked ? \"rounded-md\" : \"rounded-[inherit]\",\n    stacked && interactive && !inert && !selected && \"transition-colors hover:bg-hover\",\n    interactive && TARGET_RING,\n    interactive && !inert && \"cursor-pointer\",\n    loading && \"cursor-progress\",\n    locked && !loading && \"cursor-not-allowed\",\n    targetClassName,\n  );\n\n  // `role` is the row's own (a button, a link, or nothing on a static block): a\n  // targetProps role would silently turn the row into something else.\n  const { role: _ignoredRole, ...targetExtras } = targetProps ?? {};\n\n  let main: ReactNode;\n  if (isLink) {\n    const linkProps: ListItemLinkProps = {\n      ...(targetExtras as Partial<ListItemLinkProps>),\n      ...rest,\n      ref: ref as Ref<HTMLAnchorElement>,\n      href,\n      className: target,\n      \"aria-current\": selected ? \"true\" : undefined,\n      \"aria-busy\": loading || undefined,\n      onClick: loading\n        ? (e) => e.preventDefault()\n        : (onClick as ListItemLinkProps[\"onClick\"]),\n      onAuxClick,\n      children: body,\n    };\n    const { children: linkBody, ...anchorProps } = linkProps;\n    const render = external ? undefined : pickLinkRenderer(renderLink, kitLink, href);\n    main = render ? (\n      <RenderedLink render={render} {...linkProps} />\n    ) : (\n      <a {...anchorProps} {...(external ? { target: \"_blank\", rel: \"noopener noreferrer\" } : null)}>\n        {linkBody}\n      </a>\n    );\n  } else if (isButton) {\n    main = (\n      <button\n        {...(targetExtras as HTMLAttributes<HTMLButtonElement>)}\n        {...rest}\n        ref={ref as Ref<HTMLButtonElement>}\n        type=\"button\"\n        // A disabled row is `disabled`: nothing to do there, and nothing to reach. A\n        // loading row is only `aria-disabled` — see `loading` — and so is a locked one:\n        // a reason wins over `disabled`, so the row stays reachable to say it.\n        disabled={locked ? undefined : disabled}\n        aria-disabled={loading || locked || undefined}\n        aria-busy={loading || undefined}\n        aria-current={selected ? \"true\" : undefined}\n        aria-expanded={expandable ? expanded : undefined}\n        aria-controls={expandable ? expandedId : undefined}\n        aria-describedby={\n          locked\n            ? mergeDescribedBy(rest[\"aria-describedby\"] as string | undefined, lock.reasonId)\n            : (rest[\"aria-describedby\"] as string | undefined)\n        }\n        onClick={\n          loading || locked\n            ? undefined\n            : expandable\n              ? toggle\n              : (onClick as (event: MouseEvent<HTMLButtonElement>) => void)\n        }\n        className={target}\n      >\n        {body}\n      </button>\n    );\n    if (locked) {\n      // The frame takes the target's place in the row, so it takes its flex sizing too;\n      // the button fills it (`items-stretch` in the line's column). The line takes the\n      // row's body padding, so its words start where the title's do.\n      main = (\n        <LockedReason\n          lock={lock}\n          display={disabledReasonDisplay}\n          className=\"flex min-w-0 flex-1 items-stretch\"\n          lineClassName={pad.body}\n        >\n          {main}\n        </LockedReason>\n      );\n    }\n  } else {\n    main = (\n      <div\n        {...(targetExtras as HTMLAttributes<HTMLDivElement>)}\n        {...rest}\n        ref={ref as Ref<HTMLDivElement>}\n        aria-disabled={disabled || undefined}\n        aria-busy={loading || undefined}\n        className={target}\n      >\n        {body}\n      </div>\n    );\n  }\n\n  const leadingActionsEl =\n    leadingActions != null ? (\n      <div className={cn(\"flex shrink-0 items-center\", pad.gap, pad.leadingActions)}>{leadingActions}</div>\n    ) : null;\n  const actionsEl =\n    actions != null ? <div className={cn(\"flex shrink-0 items-center\", pad.gap, pad.actions)}>{actions}</div> : null;\n\n  const row = (\n    <div\n      className={cn(\n        \"flex min-w-0 rounded-md border transition-colors\",\n        stacked ? \"flex-col\" : \"items-center\",\n        // See `renderRow`: the wrapper may be inline, the row is not.\n        renderRow && \"w-full\",\n        selected\n          ? \"border-brand bg-surface-2\"\n          : bordered\n            ? \"border-subtle\"\n            : \"border-transparent\",\n        !stacked && interactive && !inert && !selected && \"hover:bg-hover\",\n        (disabled || locked) && \"opacity-50\",\n        className,\n      )}\n    >\n      {stacked ? (\n        <>\n          <div className=\"flex min-w-0 items-center\">\n            {leadingActionsEl}\n            {main}\n            {actionsEl}\n          </div>\n          {expandable && (\n            <Collapse open={expanded}>\n              <div id={expandedId} role=\"group\" aria-labelledby={titleId} className={cn(\"min-w-0\", pad.body)}>\n                {expandedContent}\n              </div>\n            </Collapse>\n          )}\n          {hasBody && (\n            <div role=\"group\" aria-labelledby={titleId} className={cn(\"min-w-0\", pad.body, bodyClassName)}>\n              {children}\n            </div>\n          )}\n        </>\n      ) : (\n        <>\n          {leadingActionsEl}\n          {main}\n          {actionsEl}\n        </>\n      )}\n    </div>\n  );\n\n  const Tag = as;\n  return (\n    <Tag\n      className={cn(\n        list.separator === \"divider\" && \"border-b border-subtle last:border-b-0\",\n        list.separator === \"divider\" && as === \"li\" && \"py-0.5\",\n        renderRow && \"flex flex-col\",\n      )}\n    >\n      {renderRow ? renderRow(row) : row}\n    </Tag>\n  );\n}\n\nfunction RenderedLink({\n  render,\n  ...props\n}: ListItemLinkProps & { render: (props: ListItemLinkProps) => ReactElement }) {\n  return render(props);\n}\n"],"mappings":";AA4GM,SA6dF,UA/cQ,KAdN;AA5GN,SAAS,UAAU,eAAe,YAAY,OAAO,gBAAgB;AAErE,SAAS,aAAa,oBAAoB;AAE1C,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAE9B,SAAS,cAAc,kBAAkB;AACzC,SAAS,wBAAwB;AACjC,SAAS,cAAc,kBAAkB,qBAAiD;AAE1F,SAAS,2BAA2B;AACpC,SAAS,cAAc;AA+BvB,MAAM,cAAc,cAAkE;AAAA,EACpF,SAAS;AAAA,EACT,WAAW;AACb,CAAC;AA0BD,MAAM,WAAwC;AAAA,EAC5C,SAAS;AAAA,EACT,SAAS;AAAA,EACT,aAAa;AACf;AASO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA,KAAK;AAAA,EACL,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAc;AACZ,QAAM,MAAM;AACZ,QAAM,SAAS,aAAa,QAAQ,mBAAmB;AACvD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,cAAc,MAAM;AAC1B,QAAM,KAAK,KAAK,MAAM;AACtB,QAAM,OAAO,UAAU,SAAY,OAAO,SAAS,QAAQ,QAAQ;AACnE,QAAM,QAAQ,SAAS,QAAQ,KAAK,SAAS,KAAK,IAAI,GAAG,KAAM;AAC/D,SACE,oBAAC,YAAY,UAAZ,EAAqB,OAAO,EAAE,SAAS,UAAU,GAChD;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,IAAI,QAAQ,KAAK,KAAK;AAAA,MACtB;AAAA,MACA,MAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACA,cAAc,UAAU,YAAY,YAAY,YAAY;AAAA,QAC5D;AAAA,MACF;AAAA,MAEC;AAAA,iBAAS,CAAC,OAAO,KAAK,MAAM,GAAG,KAAK,IAAI,GAAG,KAAM,CAAC,IAAI;AAAA,QACtD,SACC,oBAAC,QAAG,MAAK,QAAO,WAAW,SAAS,OAAO,GACzC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YACV,iBAAe;AAAA,YACf,iBAAe;AAAA,YACf,SAAS,MAAM,QAAQ,CAAC,QAAQ,CAAC,GAAG;AAAA,YAEnC,iBACI,OAAO,aAAa,oBAAoB,aACxC,OAAO,WAAW,oBAAoB,SAAU,KAAK,MAAM;AAAA;AAAA,QAClE,GACF;AAAA;AAAA;AAAA,EAEJ,GACF;AAEJ;AAqBA,MAAM,MAGF;AAAA,EACF,SAAS,EAAE,QAAQ,qBAAqB,SAAS,UAAU,gBAAgB,UAAU,KAAK,WAAW,MAAM,cAAc;AAAA,EACzH,SAAS,EAAE,QAAQ,qBAAqB,SAAS,QAAQ,gBAAgB,QAAQ,KAAK,SAAS,MAAM,cAAc;AAAA,EACnH,aAAa,EAAE,QAAQ,mBAAmB,SAAS,QAAQ,gBAAgB,QAAQ,KAAK,SAAS,MAAM,YAAY;AACrH;AAQA,MAAM,cAAc,GAAG,YAAY,0BAA0B;AAW7D,MAAM,mBAAmB;AA+TlB,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,KAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,OAAO,WAAW,WAAW;AACnC,QAAM,SAAS,aAAa,QAAQ,mBAAmB;AACvD,QAAM,UAAU,WAAW;AAC3B,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,eAAe;AAC9D,QAAM,UAAU,eAAe,KAAK;AACpC,QAAM,MAAM,IAAI,OAAO;AACvB,QAAM,aAAa,oBAAoB;AACvC,QAAM,WAAW,eAAe,gBAAgB;AAChD,QAAM,SAAS,SAAS,UAAa,CAAC;AACtC,QAAM,WAAW,CAAC,WAAW,YAAY,UAAa,eAAe,SAAS;AAC9E,QAAM,cAAc,UAAU;AAG9B,QAAM,OAAO,cAAc,QAAQ,cAAc;AACjD,QAAM,SAAS,KAAK,UAAU,YAAY,CAAC;AAC3C,QAAM,QAAQ,YAAY,WAAW;AACrC,QAAM,UAAU,aAAa,UAAa,aAAa,QAAQ,aAAa;AAG5E,QAAM,UAAU,WAAW;AAC3B,QAAM,UAAU,MAAM;AACtB,QAAM,aAAa,MAAM;AAEzB,QAAM,SAAS,MAAM;AACnB,UAAM,OAAO,CAAC;AACd,QAAI,iBAAiB,OAAW,gBAAe,IAAI;AACnD,uBAAmB,IAAI;AAAA,EACzB;AAEA,QAAM,OACJ,WACC,SAAS,oBAAC,aAAU,MAAK,SAAQ,MAAK,MAAK,WAAW,UAAU,UAAU,WAAW,QAAW,IAAK;AAExG,QAAM,OACJ,iCACG;AAAA,YACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,8BAA8B,UAAU,WAAW,QAAQ;AAAA,QACzE,eAAW;AAAA;AAAA,IACb;AAAA,IAED;AAAA,IAID,qBAAC,UAAK,WAAW,GAAG,gCAAgC,YAAY,QAAQ,gBAAgB,GACrF;AAAA,kBAAY,QACX,oBAAC,UAAK,WAAU,+EACb,oBACH;AAAA,MAEF;AAAA,QAAC;AAAA;AAAA,UAEC,IAAI,UAAU,UAAU;AAAA,UACxB,WAAW;AAAA,YACT;AAAA,YACA,eAAe,IACX,yBACA,eAAe,IACb,GAAG,4BAA4B,gBAAgB,IAC/C;AAAA,YACN,SAAS,kBAAkB;AAAA,UAC7B;AAAA,UAEC;AAAA;AAAA,YACA,UAAU,qBAAC,UAAK,WAAU,WAAU;AAAA;AAAA,cAAG,OAAO;AAAA,cAAO;AAAA,eAAC;AAAA,YACtD,YAAY,SAAS,UAAa,qBAAC,UAAK,WAAU,WAAU;AAAA;AAAA,cAAG,OAAO;AAAA,cAAc;AAAA,eAAC;AAAA;AAAA;AAAA,MACxF;AAAA,MACC,YAAY,QACX;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,kBAAkB,IAAI,GAAG,4BAA4B,gBAAgB,IAAI;AAAA,UAC3E;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,MAED,QAAQ,QACP;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,WAAW,sCAAsC;AAAA,UACnD;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,MAED,WAAW,QAAQ,oBAAC,UAAK,WAAU,wBAAwB,mBAAQ;AAAA,OACtE;AAAA,IACC,YAAY,QACX;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,iBAAiB,aAAa,cAAc,YAAY;AAAA,QAC1D;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IAED,UACC,oBAAC,WAAQ,OAAO,MAAM,WAAU,qBAAoB,IAEpD,YAAY,SAAS,UACnB,oBAAC,gBAAa,WAAU,iDAAgD,eAAW,MAAC;AAAA,IAGvF;AAAA,IACA;AAAA;AAAA,IAGC;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,QACX,WAAW;AAAA,UACT;AAAA,UACA,UAAU,WAAW;AAAA,UACrB,YAAY;AAAA,QACd;AAAA;AAAA,IACF;AAAA,KAEJ;AAGF,QAAM,SAAS;AAAA,IACb;AAAA;AAAA,IAEA,YAAY,QAAQ;AAAA,IACpB,UAAU,UAAU,gBAAgB;AAAA,IACpC,IAAI;AAAA;AAAA;AAAA,IAGJ,UAAU,eAAe;AAAA,IACzB,WAAW,eAAe,CAAC,SAAS,CAAC,YAAY;AAAA,IACjD,eAAe;AAAA,IACf,eAAe,CAAC,SAAS;AAAA,IACzB,WAAW;AAAA,IACX,UAAU,CAAC,WAAW;AAAA,IACtB;AAAA,EACF;AAIA,QAAM,EAAE,MAAM,cAAc,GAAG,aAAa,IAAI,eAAe,CAAC;AAEhE,MAAI;AACJ,MAAI,QAAQ;AACV,UAAM,YAA+B;AAAA,MACnC,GAAI;AAAA,MACJ,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,gBAAgB,WAAW,SAAS;AAAA,MACpC,aAAa,WAAW;AAAA,MACxB,SAAS,UACL,CAAC,MAAM,EAAE,eAAe,IACvB;AAAA,MACL;AAAA,MACA,UAAU;AAAA,IACZ;AACA,UAAM,EAAE,UAAU,UAAU,GAAG,YAAY,IAAI;AAC/C,UAAM,SAAS,WAAW,SAAY,iBAAiB,YAAY,SAAS,IAAI;AAChF,WAAO,SACL,oBAAC,gBAAa,QAAiB,GAAG,WAAW,IAE7C,oBAAC,OAAG,GAAG,aAAc,GAAI,WAAW,EAAE,QAAQ,UAAU,KAAK,sBAAsB,IAAI,MACpF,oBACH;AAAA,EAEJ,WAAW,UAAU;AACnB,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAI;AAAA,QACJ,GAAG;AAAA,QACJ;AAAA,QACA,MAAK;AAAA,QAIL,UAAU,SAAS,SAAY;AAAA,QAC/B,iBAAe,WAAW,UAAU;AAAA,QACpC,aAAW,WAAW;AAAA,QACtB,gBAAc,WAAW,SAAS;AAAA,QAClC,iBAAe,aAAa,WAAW;AAAA,QACvC,iBAAe,aAAa,aAAa;AAAA,QACzC,oBACE,SACI,iBAAiB,KAAK,kBAAkB,GAAyB,KAAK,QAAQ,IAC7E,KAAK,kBAAkB;AAAA,QAE9B,SACE,WAAW,SACP,SACA,aACE,SACC;AAAA,QAET,WAAW;AAAA,QAEV;AAAA;AAAA,IACH;AAEF,QAAI,QAAQ;AAIV,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,SAAS;AAAA,UACT,WAAU;AAAA,UACV,eAAe,IAAI;AAAA,UAElB;AAAA;AAAA,MACH;AAAA,IAEJ;AAAA,EACF,OAAO;AACL,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAI;AAAA,QACJ,GAAG;AAAA,QACJ;AAAA,QACA,iBAAe,YAAY;AAAA,QAC3B,aAAW,WAAW;AAAA,QACtB,WAAW;AAAA,QAEV;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,QAAM,mBACJ,kBAAkB,OAChB,oBAAC,SAAI,WAAW,GAAG,8BAA8B,IAAI,KAAK,IAAI,cAAc,GAAI,0BAAe,IAC7F;AACN,QAAM,YACJ,WAAW,OAAO,oBAAC,SAAI,WAAW,GAAG,8BAA8B,IAAI,KAAK,IAAI,OAAO,GAAI,mBAAQ,IAAS;AAE9G,QAAM,MACJ;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,UAAU,aAAa;AAAA;AAAA,QAEvB,aAAa;AAAA,QACb,WACI,8BACA,WACE,kBACA;AAAA,QACN,CAAC,WAAW,eAAe,CAAC,SAAS,CAAC,YAAY;AAAA,SACjD,YAAY,WAAW;AAAA,QACxB;AAAA,MACF;AAAA,MAEC,oBACC,iCACE;AAAA,6BAAC,SAAI,WAAU,6BACZ;AAAA;AAAA,UACA;AAAA,UACA;AAAA,WACH;AAAA,QACC,cACC,oBAAC,YAAS,MAAM,UACd,8BAAC,SAAI,IAAI,YAAY,MAAK,SAAQ,mBAAiB,SAAS,WAAW,GAAG,WAAW,IAAI,IAAI,GAC1F,2BACH,GACF;AAAA,QAED,WACC,oBAAC,SAAI,MAAK,SAAQ,mBAAiB,SAAS,WAAW,GAAG,WAAW,IAAI,MAAM,aAAa,GACzF,UACH;AAAA,SAEJ,IAEA,iCACG;AAAA;AAAA,QACA;AAAA,QACA;AAAA,SACH;AAAA;AAAA,EAEJ;AAGF,QAAM,MAAM;AACZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,KAAK,cAAc,aAAa;AAAA,QAChC,KAAK,cAAc,aAAa,OAAO,QAAQ;AAAA,QAC/C,aAAa;AAAA,MACf;AAAA,MAEC,sBAAY,UAAU,GAAG,IAAI;AAAA;AAAA,EAChC;AAEJ;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,GAAG;AACL,GAA+E;AAC7E,SAAO,OAAO,KAAK;AACrB;","names":[]}
+{"version":3,"sources":["../../src/components/list.tsx"],"sourcesContent":["import { Children, createContext, useContext, useId, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, HTMLAttributes, MouseEvent, ReactElement, ReactNode, Ref } from \"react\";\nimport { ChevronDown, ExternalLink } from \"lucide-react\";\nimport type { LucideIcon } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\nimport { FOCUS_RING } from \"./focus-ring\";\nimport { Spinner } from \"./spinner\";\nimport { StatusDot } from \"./status-dot\";\nimport { Collapse } from \"./disclosure\";\nimport { toneTextClass } from \"./signed-amount\";\nimport type { TextTone } from \"./signed-amount\";\nimport { useKitLabels, useKitLink } from \"../i18n/kit-labels\";\nimport { pickLinkRenderer } from \"./text-link\";\nimport { LockedReason, mergeDescribedBy, useLockReason, type DisabledReasonDisplay } from \"./field-parts\";\nimport type { CommitScope } from \"./write-lock\";\nimport { DEFAULT_LIST_LABELS } from \"./list-labels\";\nimport { Button } from \"./button\";\n\n/* ── Labels ───────────────────────────────────────────────────────────────── */\n\nexport interface ListLabels {\n  /** Read after an unread row's title — the dot alone says nothing to a screen reader. */\n  unread: string;\n  /** Read after an external row's title: the row leaves the app in a new tab. */\n  opensInNewTab: string;\n  /** 0.51.4: the row under a {@link ListProps.limit}ed list that opens the rest, with\n   *  the WHOLE list's count — \"Show all (12)\". Optional, as every key added to a\n   *  namespace an app may annotate: left out, the provider's, then English. */\n  showAll?: (count: number) => string;\n  /** 0.51.4: the same row once the list is open, folding it back. */\n  showFewer?: string;\n}\n\n// Defined in ./list-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_LIST_LABELS };\n\n/* ── List ─────────────────────────────────────────────────────────────────── */\n\n/**\n * `compact` 36px-ish rows for a dense panel (an inbox in a menu), `default` the ~44px\n * row every site draws with `py-2.5`, `comfortable` for a list that is the page.\n */\nexport type ListDensity = \"compact\" | \"default\" | \"comfortable\";\n/** `divider`: a rule between rows (kastlan's `divide-y` lists); `gap`: a small space\n *  between rows (lenkbank's `space-y-2`, kastlan's `space-y-1`); `none`: flush. */\nexport type ListSeparator = \"divider\" | \"gap\" | \"none\";\n\nconst ListContext = createContext<{ density: ListDensity; separator: ListSeparator }>({\n  density: \"default\",\n  separator: \"gap\",\n});\n\nexport interface ListProps extends Omit<ComponentPropsWithoutRef<\"ul\">, \"role\"> {\n  /** `ol` when the order means something (a ranked list, numbered segments). */\n  as?: \"ul\" | \"ol\";\n  /** Every row's density, unless a row says otherwise. Default `default`. */\n  density?: ListDensity;\n  /** Default `gap`. */\n  separator?: ListSeparator;\n  /** The `<ul>` (or `<ol>`). A React 19 ref prop since 0.34 (MOD-4, refactor audit\n   *  2026-10); it was `forwardRef`. */\n  ref?: Ref<HTMLUListElement>;\n  /**\n   * Show the first `limit` rows, then a \"Show all (n)\" row that opens the rest and turns\n   * into \"Show fewer\" (0.51.4, keksdose run 89: a long \"Placed only roughly\" list on its\n   * Matching report could only fold as a whole, so it opened as nothing or everything).\n   * A list of `limit` rows or fewer draws them all, with no such row. Rows are counted as\n   * `Children` counts them: one per `ListItem`, a fragment as one.\n   *\n   * The row is a button with `aria-expanded`, controlling the list; it sits in the list\n   * as `role=\"none\"`, so a reader still hears \"list, 5 items\" for five rows.\n   */\n  limit?: number;\n}\n\n/** The show-all row's inset, in step with each density's row padding (`PAD`). */\nconst MORE_PAD: Record<ListDensity, string> = {\n  compact: \"px-2 py-1\",\n  default: \"px-3 py-1.5\",\n  comfortable: \"px-4 py-2\",\n};\n\n/**\n * The list of {@link ListItem}s.\n *\n * A `<ul>` with an explicit `role=\"list\"`: Safari drops a list's semantics once its\n * bullets are styled away, and \"list, 7 items\" is exactly what a screen-reader user\n * wants to hear before the first row.\n */\nexport function List({\n  ref,\n  as = \"ul\",\n  density = \"default\",\n  separator = \"gap\",\n  limit,\n  className,\n  children,\n  ...rest\n}: ListProps) {\n  const Tag = as;\n  const labels = useKitLabels(\"list\", DEFAULT_LIST_LABELS);\n  const [open, setOpen] = useState(false);\n  const generatedId = useId();\n  const id = rest.id ?? generatedId;\n  const rows = limit === undefined ? null : Children.toArray(children);\n  const folds = rows !== null && rows.length > Math.max(0, limit!);\n  return (\n    <ListContext.Provider value={{ density, separator }}>\n      <Tag\n        {...rest}\n        id={folds ? id : rest.id}\n        ref={ref as Ref<HTMLUListElement & HTMLOListElement>}\n        role=\"list\"\n        className={cn(\n          \"m-0 flex list-none flex-col p-0\",\n          separator === \"gap\" && (density === \"compact\" ? \"gap-0.5\" : \"gap-1\"),\n          className,\n        )}\n      >\n        {folds && !open ? rows.slice(0, Math.max(0, limit!)) : children}\n        {folds && (\n          <li role=\"none\" className={MORE_PAD[density]}>\n            <Button\n              type=\"button\"\n              variant=\"link\"\n              size=\"sm\"\n              className=\"h-auto p-0\"\n              aria-expanded={open}\n              aria-controls={id}\n              onClick={() => setOpen((was) => !was)}\n            >\n              {open\n                ? (labels.showFewer ?? DEFAULT_LIST_LABELS.showFewer)\n                : (labels.showAll ?? DEFAULT_LIST_LABELS.showAll!)(rows.length)}\n            </Button>\n          </li>\n        )}\n      </Tag>\n    </ListContext.Provider>\n  );\n}\n\n/* ── ListItem ─────────────────────────────────────────────────────────────── */\n\n/** What {@link ListItemProps.renderLink} is handed. Spread it onto your router's link,\n *  mapping `href` to what it calls it — `({ href, ...p }) => <Link to={href} {...p} />`. */\nexport interface ListItemLinkProps {\n  href: string;\n  /** The row's target look — keep it, or the row's padding and focus ring go. */\n  className: string;\n  children: ReactNode;\n  ref?: Ref<HTMLAnchorElement>;\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n  onAuxClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n  \"aria-current\"?: \"true\";\n  \"aria-busy\"?: true;\n  id?: string;\n  [key: `aria-${string}`]: string | boolean | number | undefined;\n  [key: `data-${string}`]: unknown;\n}\n\nconst PAD: Record<ListDensity, { target: string; actions: string; leadingActions: string; gap: string; body: string }> =\n  {\n    compact: {\n      target: \"gap-2 px-2 py-1.5\",\n      actions: \"pe-1.5\",\n      leadingActions: \"ps-1.5\",\n      gap: \"gap-0.5\",\n      body: \"px-2 pb-1.5\",\n    },\n    default: {\n      target: \"gap-3 px-3 py-2.5\",\n      actions: \"pe-2\",\n      leadingActions: \"ps-2\",\n      gap: \"gap-1\",\n      body: \"px-3 pb-2.5\",\n    },\n    comfortable: {\n      target: \"gap-3 px-4 py-3\",\n      actions: \"pe-3\",\n      leadingActions: \"ps-3\",\n      gap: \"gap-1\",\n      body: \"px-4 pb-3\",\n    },\n  };\n\n/** {@link ListItemBaseProps.trailingTone}: a {@link TextTone}, or `inherit` — no\n *  colour of the slot's own, so an element's colour (or the row's) stands. */\nexport type ListItemTrailingTone = TextTone | \"inherit\";\n\n// The kit's focus frame (§5), inset so the row's own border and its neighbours do not\n// clip it.\nconst TARGET_RING = cn(FOCUS_RING, \"focus-visible:ring-inset\");\n\n/**\n * §4 \"ListItem: title, subtitle and meta wrap instead of truncating\" at Large and Extra\n * large (docs/text-size-harmonization.md). `large:` variants over the Normal look, so\n * a list keeps its one-height rows at Normal and costs no render to switch: a one-line\n * line is `truncate-until-large` (tokens.css, 0.33 §10.17: `truncate`, and at Large a\n * wrap that breaks a word too long for the row — the kit's one name for what this file\n * spelt as `WRAP_AT_LARGE`), a `line-clamp-2` lets go. An ellipsis hides the end of a\n * name, which is the part a reader who needs big type cannot recover by squinting.\n */\nconst UNCLAMP_AT_LARGE = \"large:line-clamp-none\";\n\ninterface ListItemBaseProps {\n  /** The row's name: one line, truncated — unless {@link titleLines} says otherwise. */\n  title: ReactNode;\n  /**\n   * How many lines the title may take. `1` (default) truncates with an ellipsis, which\n   * is right for a name the app chose — a unit number, a user, a file — where the\n   * cut-off end is still recognisable and every row keeps one height.\n   *\n   * `2` clamps at two lines; `\"all\"` shows every line, breaking inside a long word\n   * rather than overflowing. For rows whose only name is free text a person typed\n   * (kastlan 44): a defect or a note titled by its description, where the first 30\n   * characters on a phone say nothing and there is no other field to tell two rows\n   * apart. Pair it with `align=\"start\"` so the icon stays by the first line.\n   */\n  titleLines?: 1 | 2 | \"all\";\n  /** The line under it: one line, truncated — or two, with `subtitleLines={2}`. */\n  subtitle?: ReactNode;\n  /** `2` for a line that is a body rather than a label (keksdose's notification text). */\n  subtitleLines?: 1 | 2;\n  /**\n   * A small line ABOVE the title, in the caption type: the group a row belongs to, a\n   * date heading, a category (\"Groceries · weekly\"). Part of the target and of its\n   * name, read before the title. One line, truncated.\n   */\n  overline?: ReactNode;\n  /** A third line in the caption type: a timestamp, \"Updated …\" (lenkbank's projects). */\n  meta?: ReactNode;\n  /**\n   * Let {@link meta} wrap: it becomes a wrapping row (`flex-wrap`, a small gap)\n   * instead of one truncated line — for a run of chips (keksdose's payee-backfill\n   * tags), which otherwise had nowhere to go but the body, outside the target. Still\n   * inside the target, so still no controls: chips that only show, not ones that\n   * remove themselves.\n   */\n  metaWrap?: boolean;\n  /**\n   * Content INSIDE the main target, under the title, subtitle and meta: a progress or\n   * budget bar, a sparkline, a strip of figures (keksdose's food-group bars). Unlike\n   * {@link children}, which sits outside the target, a click on it is a click on the\n   * row, and its hover fill covers it.\n   *\n   * Because it is inside the button or link it obeys the {@link trailing} rule: shown,\n   * never operated — no buttons, links or inputs (invalid HTML in a button, and folded\n   * into its name). Its text joins the row's accessible name, so give a bar that only\n   * repeats a figure already in the row `aria-hidden`. Rendered in a block `<span>`,\n   * full width of the TEXT COLUMN only — the column the title and subtitle are in, not\n   * the whole row: it starts after the {@link icon} / {@link leading} and stops where\n   * {@link trailing} begins, so a meter under a row with a trailing figure is as wide as\n   * the title, not run on under the figure (keksdose's budget rows). For a bar across\n   * the full row, put it in {@link children} (outside the target) or leave `trailing`\n   * off and show the figure in `meta`. Strictly a button holds phrasing content only; the\n   * kit's `ProgressBar` draws `<div>`s, which every browser lays out and reads fine\n   * there but an HTML validator flags.\n   */\n  content?: ReactNode;\n  /** A Lucide icon before the text, muted, at 16px. */\n  icon?: LucideIcon;\n  /** Anything else before the text — an avatar, a file-type badge, a drag handle. */\n  leading?: ReactNode;\n  /**\n   * Inside the main target, at its end: a status chip, a file size, a count. It is part\n   * of what the row's click does and part of its accessible name — so never a control.\n   * Controls go in {@link actions}.\n   */\n  trailing?: ReactNode;\n  /**\n   * The colour of the {@link trailing} slot. Default `muted` — today's look, right for\n   * a size or a count in plain text. `inherit` sets none, so an element's own colour\n   * (an amount coloured by its sign) stands without a second override; any\n   * {@link TextTone} colours a plain-text figure (`\"danger\"` for an overdue count).\n   */\n  trailingTone?: ListItemTrailingTone;\n  /**\n   * Controls BESIDE the main target, never inside it: copy, delete, \"Open\".\n   *\n   * A button inside a button (or a link) is invalid HTML, and a screen reader folds the\n   * inner one into the outer one's name where it cannot be reached. lenkbank found this\n   * three times (profile-bar.tsx:110, projects-page.tsx:61, segment-list.tsx:165) and\n   * solved it the same way each time: the row's target and its actions are siblings in\n   * one bordered box. That is this slot — and being siblings is also what stops a click\n   * on \"Copy\" from selecting the row.\n   */\n  actions?: ReactNode;\n  /**\n   * Controls BEFORE the main target, never inside it: a selection checkbox, a drag\n   * handle that is a button. The mirror of {@link actions} at the start edge — a\n   * sibling of the target, so checking the box does not activate (or expand) the row\n   * and the checkbox keeps its own name. Give the control an `aria-label` naming the\n   * row (\"Select Groceries\"), since it is not inside the row's name. Anything that only\n   * shows goes in {@link leading}, inside the target.\n   */\n  leadingActions?: ReactNode;\n  /**\n   * Rich content UNDER the title row and outside its target: photos, per-row buttons,\n   * form fields — kastlan's handover room inspector (room-inspector.tsx), the handover\n   * detail page and the wizard's defects step (wizard/defects-step.tsx), which draw\n   * each room or defect as a `Card variant=\"inset\"` because a row could not hold a\n   * photo strip with its own buttons.\n   *\n   * The same rule as {@link actions}, one row down: the title area stays ONE named\n   * target (the button or link, with the title and subtitle as its name), and the body\n   * is its sibling, never nested in it — a thumbnail's \"Remove\" inside the row's button\n   * would be invalid HTML and unreachable by a screen reader. The body is a\n   * `role=\"group\"` named by the row's title (`aria-labelledby`), so tabbing into the\n   * third photo's button of the second room is heard as \"Kitchen, group\" first rather\n   * than as a button floating free of any row. Inside the row's box, so a `selected`\n   * border and a `divider` hold both; the hover fill stays on the target alone, since\n   * the body is not what a click on the row does.\n   */\n  children?: ReactNode;\n  /** Classes on the {@link children} body. */\n  bodyClassName?: string;\n  /**\n   * The unread mark: a brand dot at the row's end, the title in semibold, and \"Unread\"\n   * read after the title (keksdose notification-inbox.tsx:215). For another status,\n   * pass your own mark in {@link status}.\n   */\n  unread?: boolean;\n  /** A mark in the unread dot's place — a `StatusDot` of another tone, a count. */\n  status?: ReactNode;\n  /**\n   * The row is the chosen one — a brand border on the raised surface (lenkbank's\n   * profile bar and segment list). `aria-current=\"true\"` on the target: the row is the\n   * current one of a set, which is what those lists mean, not a pressed toggle.\n   */\n  selected?: boolean;\n  disabled?: boolean;\n  /**\n   * Work under way on the row — keksdose's attachment download (support-attachments\n   * .tsx:91). A spinner takes the trailing edge, the target is `aria-busy`, and a\n   * second click is ignored. The row keeps focus: `aria-disabled`, not `disabled`, so\n   * a keyboard user is not dropped back to the top of the page mid-download.\n   */\n  loading?: boolean;\n  /** Overrides the {@link List}'s density for this row. */\n  density?: ListDensity;\n  /** `start` for rows whose text runs to two or three lines, so the icon sits by the\n   *  title rather than the middle of the paragraph. Default `center`. */\n  align?: \"center\" | \"start\";\n  /** Classes on the visible row (the bordered box). */\n  className?: string;\n  /** Classes on the main target (the button, link or static block). */\n  targetClassName?: string;\n  /**\n   * Extra attributes and handlers for the main target — e.g. HTML5 drag-and-drop\n   * (`draggable`, `onDragStart`, `onDragEnd`): lenkbank's segment list drags the WHOLE\n   * 44px row, and a grip inside the button cannot start a drag in Firefox. Spread first,\n   * so the row's own role, name, state and click handling always win.\n   */\n  targetProps?: HTMLAttributes<HTMLElement>;\n  /**\n   * A visible border while unselected, instead of the transparent one. For rows laid out\n   * as a wrapping strip (lenkbank's profile bar), where borderless rows read as loose\n   * text. The selected row's brand border is unchanged.\n   */\n  bordered?: boolean;\n  /** `div` for a single row outside a {@link List}; an `<li>` must sit in a list. */\n  as?: \"li\" | \"div\";\n  /**\n   * Wraps the visible row (the bordered box: target, actions and body) in an element\n   * of your own, INSIDE the `<li>` — a `<Tooltip>` explaining why the row is disabled,\n   * an app's save guard: `renderRow={(row) => <Tooltip label=\"Locked\">{row}</Tooltip>}`.\n   *\n   * The wrapper otherwise had to go round the whole `ListItem`, which put a `<span>`\n   * between the `<ul>` and its `<li>` (invalid; the list stops counting items), so\n   * callers wrote `<li><Wrapper><ListItem as=\"div\" /></Wrapper></li>` — and lost the\n   * divider and its spacing, which sit on the row's own `<li>`. Here the `<li>` stays\n   * the list's child and keeps both. The `<li>` becomes a column and the row takes the\n   * full width, so an inline wrapper (the tooltip's `inline-flex` span) still stretches\n   * the row across the list.\n   *\n   * `row` is the row BOX (a `<div>`), not the target: a wrapper that forces a prop onto\n   * its child with `cloneElement` — a save guard that injects `disabled` while a form is\n   * dirty (keksdose's SaveGuard) — sets it on that div, where it does nothing, and the\n   * button inside stays live. Pass `disabled` (or `loading`) to the ListItem yourself,\n   * from the same state the guard reads, and let the wrapper only explain it:\n   * `<ListItem disabled={dirty} renderRow={(row) => <Tooltip label=\"Save first\">{row}</Tooltip>} />`.\n   */\n  renderRow?: (row: ReactElement) => ReactNode;\n  /** Reaches the main target — the element with the row's name and action. */\n  id?: string;\n  [key: `aria-${string}`]: string | boolean | number | undefined;\n  [key: `data-${string}`]: unknown;\n  /** The main target — the row's `<a>`, `<button>` or `<div>`, where `id` goes. A React\n   *  19 ref prop since 0.34 (MOD-4, refactor audit 2026-10); it was `forwardRef`. */\n  ref?: Ref<HTMLElement>;\n}\n\n/**\n * The row is ONE thing to activate, so the types allow one: a button, an in-app link,\n * an external link, or nothing (a static row, like kastlan's passkey and user lists).\n */\nexport type ListItemProps = ListItemBaseProps &\n  (\n    | ({\n        /** Makes the row a button — select, open, mark read. */\n        onClick: (event: MouseEvent<HTMLButtonElement>) => void;\n        /**\n         * Why the row's click is not available — {@link Button}'s `disabledReason`, for\n         * a row whose click WRITES (mark read, assign, toggle a grant). keksdose K3: such\n         * rows sat behind a `SaveGuard` that forced a native `disabled`, out of the tab\n         * order, so the reason never reached a keyboard; `renderRow` with a Tooltip could\n         * explain it but not keep the row reachable.\n         *\n         * With a reason the row's button is `aria-disabled` instead: still focusable, a\n         * click does nothing, the reason is a line under the row at Large and on a touch\n         * screen, else in the kit {@link Tooltip} over the row (`disabledReasonDisplay`),\n         * and on its `aria-describedby`, and the row wears the disabled look. It wins over\n         * `disabled`. The row's `actions` are untouched — each control there is its own.\n         */\n        disabledReason?: ReactNode;\n        /** Where the reason shows — {@link Button}'s `disabledReasonDisplay`. A long list\n         *  of locked rows under a banner that already says why can keep it to the\n         *  tooltip with `\"tooltip\"` (DUP-3). */\n        disabledReasonDisplay?: DisabledReasonDisplay;\n        /**\n         * The row's click COMMITS. Under a locked {@link WriteLockProvider} it is locked\n         * the `disabledReason` way with the lock's reason (which wins over its own). No\n         * provider, or an unlocked one: no effect. Button's `commit`, for keksdose K3.\n         */\n        commit?: CommitScope;\n        href?: never;\n        renderLink?: never;\n        external?: never;\n        onAuxClick?: never;\n      } & NotExpandable)\n    | ({\n        /**\n         * Makes the row a link. A real `<a href>`, so a middle click opens it in a\n         * background tab (keksdose feedback #451) — which a button calling `navigate`\n         * cannot do.\n         */\n        href: string;\n        /** Your router's link for an in-app `href`. Default: the `<UiKitProvider\n         *  linkComponent>`, then `<a>`. The API `Chip`, `StatTile` and `MenuItem`\n         *  share. Ignored for an `external` row. */\n        renderLink?: (props: ListItemLinkProps) => ReactElement;\n        /**\n         * The link leaves the app: a plain `<a target=\"_blank\" rel=\"noopener\n         * noreferrer\">` with an external-link mark, and \"opens in a new tab\" read\n         * after the title. keksdose's inbox rows whose URL is absolute.\n         */\n        external?: boolean;\n        /** Runs on a click, before the navigation (mark the row read). */\n        onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n        /** Runs on a middle click, which fires no `click` — keksdose marks a\n         *  notification read here too, so a row opened into a background tab does not\n         *  stay unread. */\n        onAuxClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n        disabledReason?: never;\n        disabledReasonDisplay?: never;\n        commit?: never;\n      } & NotExpandable)\n    | ({\n        onClick?: never;\n        href?: never;\n        renderLink?: never;\n        external?: never;\n        onAuxClick?: never;\n        disabledReason?: never;\n        disabledReasonDisplay?: never;\n        commit?: never;\n      } & NotExpandable)\n    | {\n        /**\n         * Makes the row a disclosure: the target is a button with `aria-expanded` and a\n         * turning chevron at its end, and this opens under the row, outside the target\n         * (so it may hold controls), animated by {@link Collapse}. keksdose's collapsible\n         * groups — a group row with a select-all checkbox before it\n         * ({@link ListItemBaseProps.leadingActions}) and its members inside.\n         *\n         * The row's ONE action is the toggle, so it takes no `onClick` or `href`. The\n         * content is a `role=\"group\"` named by the title, unmounted while shut (as a\n         * `Disclosure`'s body is).\n         */\n        expandedContent: ReactNode;\n        /** Controlled open state. Leave it out for the row to keep its own. */\n        expanded?: boolean;\n        /** The uncontrolled row's first state. Default `false`. */\n        defaultExpanded?: boolean;\n        /** Runs on every toggle with the new state. */\n        onExpandedChange?: (expanded: boolean) => void;\n        onClick?: never;\n        href?: never;\n        renderLink?: never;\n        external?: never;\n        onAuxClick?: never;\n        disabledReason?: never;\n        disabledReasonDisplay?: never;\n        commit?: never;\n      }\n  );\n\ninterface NotExpandable {\n  expandedContent?: never;\n  expanded?: never;\n  defaultExpanded?: never;\n  onExpandedChange?: never;\n}\n\n/**\n * One row of a {@link List}: leading icon or avatar, title and subtitle (both\n * truncating by default), a trailing slot, and — beside the row, not inside it — its actions.\n *\n * At Large and Extra large (0.32, docs/text-size-harmonization.md §4) nothing in it\n * truncates: the overline, title, subtitle and meta wrap, a two-line clamp lets go, and\n * a trailing slot drops under the text when the two no longer fit side by side. The\n * rows lose their one height there; that is the trade the reader asked for.\n *\n * All three apps draw this row by hand, a dozen times: kastlan's units\n * (building-detail-page.tsx:402), open tickets (group-overview-page.tsx:160), activity\n * feed (activity-feed.tsx:53), company users (platform-company-detail-page.tsx:140)\n * and passkeys (passkeys-card.tsx:75); keksdose's notification inbox and attachment\n * downloads; lenkbank's profiles, projects and segments. The copies differ in the\n * details that are easy to get wrong — which of them truncate, whether the actions\n * are nested in the button, whether a link row is a link at all.\n */\nexport function ListItem({\n  ref,\n  title,\n  titleLines = 1,\n  overline,\n  subtitle,\n  subtitleLines = 1,\n  meta,\n  metaWrap = false,\n  content,\n  icon: Icon,\n  leading,\n  trailing,\n  trailingTone = \"muted\",\n  actions,\n  leadingActions,\n  unread = false,\n  status,\n  selected = false,\n  disabled = false,\n  loading = false,\n  density: densityProp,\n  align = \"center\",\n  className,\n  targetClassName,\n  targetProps,\n  bordered = false,\n  as = \"li\",\n  renderRow,\n  children,\n  bodyClassName,\n  href,\n  renderLink,\n  external = false,\n  onClick,\n  onAuxClick,\n  disabledReason,\n  disabledReasonDisplay,\n  commit,\n  expandedContent,\n  expanded: expandedProp,\n  defaultExpanded = false,\n  onExpandedChange,\n  ...rest\n}: ListItemProps) {\n  const list = useContext(ListContext);\n  const labels = useKitLabels(\"list\", DEFAULT_LIST_LABELS);\n  const kitLink = useKitLink();\n  const [ownExpanded, setOwnExpanded] = useState(defaultExpanded);\n  const density = densityProp ?? list.density;\n  const pad = PAD[density];\n  const expandable = expandedContent !== undefined;\n  const expanded = expandable && (expandedProp ?? ownExpanded);\n  const isLink = href !== undefined && !disabled;\n  const isButton = !isLink && (onClick !== undefined || expandable) && href === undefined;\n  const interactive = isLink || isButton;\n  // Only an onClick row takes a reason (the types allow no other); the hook runs on\n  // every row so the hook order never depends on which kind of row this is.\n  const lock = useLockReason(commit, disabledReason);\n  const locked = lock.locked && isButton && !expandable;\n  const inert = disabled || loading || locked;\n  const hasBody = children !== undefined && children !== null && children !== false;\n  // Anything under the row's own line: the box turns into a column, and the target\n  // takes its own corners and hover fill (see `children`).\n  const stacked = hasBody || expandable;\n  const titleId = useId();\n  const expandedId = useId();\n\n  const toggle = () => {\n    const next = !expanded;\n    if (expandedProp === undefined) setOwnExpanded(next);\n    onExpandedChange?.(next);\n  };\n\n  const mark =\n    status ??\n    (unread ? <StatusDot tone=\"brand\" size=\"sm\" className={align === \"start\" ? \"mt-1.5\" : undefined} /> : null);\n\n  const body = (\n    <>\n      {Icon && <Icon className={cn(\"size-4 shrink-0 text-muted\", align === \"start\" && \"mt-0.5\")} aria-hidden />}\n      {leading}\n      {/* With a trailing slot, a basis at Large: below it the trailing chip or figure\n          wraps under the text (the target wraps, see `target`) rather than squeezing the\n          now-wrapping title into a column one word wide (§4, 240 px effective width). */}\n      <span className={cn(\"flex min-w-0 flex-1 flex-col\", trailing != null && \"large:basis-40\")}>\n        {overline != null && (\n          <span className=\"block truncate-until-large text-caption font-medium leading-snug text-muted\">\n            {overline}\n          </span>\n        )}\n        <span\n          // Names the body's and the expanded content's group; harmless without one.\n          id={stacked ? titleId : undefined}\n          className={cn(\n            \"block text-sm text-primary\",\n            titleLines === 1\n              ? \"truncate-until-large\"\n              : titleLines === 2\n                ? cn(\"line-clamp-2 break-words\", UNCLAMP_AT_LARGE)\n                : \"break-words\",\n            unread ? \"font-semibold\" : \"font-medium\",\n          )}\n        >\n          {title}\n          {unread && <span className=\"sr-only\"> ({labels.unread})</span>}\n          {external && href !== undefined && <span className=\"sr-only\"> ({labels.opensInNewTab})</span>}\n        </span>\n        {subtitle != null && (\n          <span\n            className={cn(\n              \"block text-xs text-muted\",\n              subtitleLines === 2 ? cn(\"line-clamp-2 break-words\", UNCLAMP_AT_LARGE) : \"truncate-until-large\",\n            )}\n          >\n            {subtitle}\n          </span>\n        )}\n        {meta != null && (\n          <span\n            className={cn(\n              \"mt-0.5 text-caption leading-snug text-muted\",\n              metaWrap ? \"flex flex-wrap items-center gap-1\" : \"block truncate-until-large\",\n            )}\n          >\n            {meta}\n          </span>\n        )}\n        {content != null && <span className=\"mt-1.5 block min-w-0\">{content}</span>}\n      </span>\n      {trailing != null && (\n        <span\n          className={cn(\n            \"flex shrink-0 items-center gap-2 text-xs large:ms-auto\",\n            trailingTone !== \"inherit\" && toneTextClass(trailingTone),\n          )}\n        >\n          {trailing}\n        </span>\n      )}\n      {loading ? (\n        <Spinner label={null} className=\"size-3.5 shrink-0\" />\n      ) : (\n        external &&\n        href !== undefined && <ExternalLink className=\"size-3.5 shrink-0 text-muted rtl:-scale-x-100\" aria-hidden />\n      )}\n      {mark}\n      {expandable && (\n        // Turned, not swapped — the Disclosure card's convention: down while shut, up\n        // while open. A rotation is its own mirror, so RTL needs nothing.\n        <ChevronDown\n          aria-hidden\n          className={cn(\n            \"size-4 shrink-0 text-muted transition-transform duration-200 ease-out motion-reduce:transition-none\",\n            align === \"start\" && \"mt-0.5\",\n            expanded && \"rotate-180\",\n          )}\n        />\n      )}\n    </>\n  );\n\n  const target = cn(\n    \"flex min-w-0 flex-1 text-start\",\n    // §4 at Large: the trailing slot drops under the text when both no longer fit.\n    trailing != null && \"large:flex-wrap\",\n    align === \"start\" ? \"items-start\" : \"items-center\",\n    pad.target,\n    // When stacked the target is the top of the box, not all of it, so it takes its\n    // own corners and its own hover fill (see `children`).\n    stacked ? \"rounded-md\" : \"rounded-[inherit]\",\n    stacked && interactive && !inert && !selected && \"transition-colors hover:bg-hover\",\n    interactive && TARGET_RING,\n    interactive && !inert && \"cursor-pointer\",\n    loading && \"cursor-progress\",\n    locked && !loading && \"cursor-not-allowed\",\n    targetClassName,\n  );\n\n  // `role` is the row's own (a button, a link, or nothing on a static block): a\n  // targetProps role would silently turn the row into something else.\n  const { role: _ignoredRole, ...targetExtras } = targetProps ?? {};\n\n  let main: ReactNode;\n  if (isLink) {\n    const linkProps: ListItemLinkProps = {\n      ...(targetExtras as Partial<ListItemLinkProps>),\n      ...rest,\n      ref: ref as Ref<HTMLAnchorElement>,\n      href,\n      className: target,\n      \"aria-current\": selected ? \"true\" : undefined,\n      \"aria-busy\": loading || undefined,\n      onClick: loading ? (e) => e.preventDefault() : (onClick as ListItemLinkProps[\"onClick\"]),\n      onAuxClick,\n      children: body,\n    };\n    const { children: linkBody, ...anchorProps } = linkProps;\n    const render = external ? undefined : pickLinkRenderer(renderLink, kitLink, href);\n    main = render ? (\n      <RenderedLink render={render} {...linkProps} />\n    ) : (\n      <a {...anchorProps} {...(external ? { target: \"_blank\", rel: \"noopener noreferrer\" } : null)}>\n        {linkBody}\n      </a>\n    );\n  } else if (isButton) {\n    main = (\n      <button\n        {...(targetExtras as HTMLAttributes<HTMLButtonElement>)}\n        {...rest}\n        ref={ref as Ref<HTMLButtonElement>}\n        type=\"button\"\n        // A disabled row is `disabled`: nothing to do there, and nothing to reach. A\n        // loading row is only `aria-disabled` — see `loading` — and so is a locked one:\n        // a reason wins over `disabled`, so the row stays reachable to say it.\n        disabled={locked ? undefined : disabled}\n        aria-disabled={loading || locked || undefined}\n        aria-busy={loading || undefined}\n        aria-current={selected ? \"true\" : undefined}\n        aria-expanded={expandable ? expanded : undefined}\n        aria-controls={expandable ? expandedId : undefined}\n        aria-describedby={\n          locked\n            ? mergeDescribedBy(rest[\"aria-describedby\"] as string | undefined, lock.reasonId)\n            : (rest[\"aria-describedby\"] as string | undefined)\n        }\n        onClick={\n          loading || locked\n            ? undefined\n            : expandable\n              ? toggle\n              : (onClick as (event: MouseEvent<HTMLButtonElement>) => void)\n        }\n        className={target}\n      >\n        {body}\n      </button>\n    );\n    if (locked) {\n      // The frame takes the target's place in the row, so it takes its flex sizing too;\n      // the button fills it (`items-stretch` in the line's column). The line takes the\n      // row's body padding, so its words start where the title's do.\n      main = (\n        <LockedReason\n          lock={lock}\n          display={disabledReasonDisplay}\n          className=\"flex min-w-0 flex-1 items-stretch\"\n          lineClassName={pad.body}\n        >\n          {main}\n        </LockedReason>\n      );\n    }\n  } else {\n    main = (\n      <div\n        {...(targetExtras as HTMLAttributes<HTMLDivElement>)}\n        {...rest}\n        ref={ref as Ref<HTMLDivElement>}\n        aria-disabled={disabled || undefined}\n        aria-busy={loading || undefined}\n        className={target}\n      >\n        {body}\n      </div>\n    );\n  }\n\n  const leadingActionsEl =\n    leadingActions != null ? (\n      <div className={cn(\"flex shrink-0 items-center\", pad.gap, pad.leadingActions)}>{leadingActions}</div>\n    ) : null;\n  const actionsEl =\n    actions != null ? <div className={cn(\"flex shrink-0 items-center\", pad.gap, pad.actions)}>{actions}</div> : null;\n\n  const row = (\n    <div\n      className={cn(\n        \"flex min-w-0 rounded-md border transition-colors\",\n        stacked ? \"flex-col\" : \"items-center\",\n        // See `renderRow`: the wrapper may be inline, the row is not.\n        renderRow && \"w-full\",\n        selected ? \"border-brand bg-surface-2\" : bordered ? \"border-subtle\" : \"border-transparent\",\n        !stacked && interactive && !inert && !selected && \"hover:bg-hover\",\n        (disabled || locked) && \"opacity-50\",\n        className,\n      )}\n    >\n      {stacked ? (\n        <>\n          <div className=\"flex min-w-0 items-center\">\n            {leadingActionsEl}\n            {main}\n            {actionsEl}\n          </div>\n          {expandable && (\n            <Collapse open={expanded}>\n              <div id={expandedId} role=\"group\" aria-labelledby={titleId} className={cn(\"min-w-0\", pad.body)}>\n                {expandedContent}\n              </div>\n            </Collapse>\n          )}\n          {hasBody && (\n            <div role=\"group\" aria-labelledby={titleId} className={cn(\"min-w-0\", pad.body, bodyClassName)}>\n              {children}\n            </div>\n          )}\n        </>\n      ) : (\n        <>\n          {leadingActionsEl}\n          {main}\n          {actionsEl}\n        </>\n      )}\n    </div>\n  );\n\n  const Tag = as;\n  return (\n    <Tag\n      className={cn(\n        list.separator === \"divider\" && \"border-b border-subtle last:border-b-0\",\n        list.separator === \"divider\" && as === \"li\" && \"py-0.5\",\n        renderRow && \"flex flex-col\",\n      )}\n    >\n      {renderRow ? renderRow(row) : row}\n    </Tag>\n  );\n}\n\nfunction RenderedLink({\n  render,\n  ...props\n}: ListItemLinkProps & { render: (props: ListItemLinkProps) => ReactElement }) {\n  return render(props);\n}\n"],"mappings":";AA4GM,SA6eF,UA/dQ,KAdN;AA5GN,SAAS,UAAU,eAAe,YAAY,OAAO,gBAAgB;AAErE,SAAS,aAAa,oBAAoB;AAE1C,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAE9B,SAAS,cAAc,kBAAkB;AACzC,SAAS,wBAAwB;AACjC,SAAS,cAAc,kBAAkB,qBAAiD;AAE1F,SAAS,2BAA2B;AACpC,SAAS,cAAc;AA+BvB,MAAM,cAAc,cAAkE;AAAA,EACpF,SAAS;AAAA,EACT,WAAW;AACb,CAAC;AA0BD,MAAM,WAAwC;AAAA,EAC5C,SAAS;AAAA,EACT,SAAS;AAAA,EACT,aAAa;AACf;AASO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA,KAAK;AAAA,EACL,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAc;AACZ,QAAM,MAAM;AACZ,QAAM,SAAS,aAAa,QAAQ,mBAAmB;AACvD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,cAAc,MAAM;AAC1B,QAAM,KAAK,KAAK,MAAM;AACtB,QAAM,OAAO,UAAU,SAAY,OAAO,SAAS,QAAQ,QAAQ;AACnE,QAAM,QAAQ,SAAS,QAAQ,KAAK,SAAS,KAAK,IAAI,GAAG,KAAM;AAC/D,SACE,oBAAC,YAAY,UAAZ,EAAqB,OAAO,EAAE,SAAS,UAAU,GAChD;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,IAAI,QAAQ,KAAK,KAAK;AAAA,MACtB;AAAA,MACA,MAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACA,cAAc,UAAU,YAAY,YAAY,YAAY;AAAA,QAC5D;AAAA,MACF;AAAA,MAEC;AAAA,iBAAS,CAAC,OAAO,KAAK,MAAM,GAAG,KAAK,IAAI,GAAG,KAAM,CAAC,IAAI;AAAA,QACtD,SACC,oBAAC,QAAG,MAAK,QAAO,WAAW,SAAS,OAAO,GACzC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YACV,iBAAe;AAAA,YACf,iBAAe;AAAA,YACf,SAAS,MAAM,QAAQ,CAAC,QAAQ,CAAC,GAAG;AAAA,YAEnC,iBACI,OAAO,aAAa,oBAAoB,aACxC,OAAO,WAAW,oBAAoB,SAAU,KAAK,MAAM;AAAA;AAAA,QAClE,GACF;AAAA;AAAA;AAAA,EAEJ,GACF;AAEJ;AAqBA,MAAM,MACJ;AAAA,EACE,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EACA,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AACF;AAQF,MAAM,cAAc,GAAG,YAAY,0BAA0B;AAW7D,MAAM,mBAAmB;AA+TlB,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,KAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,OAAO,WAAW,WAAW;AACnC,QAAM,SAAS,aAAa,QAAQ,mBAAmB;AACvD,QAAM,UAAU,WAAW;AAC3B,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,eAAe;AAC9D,QAAM,UAAU,eAAe,KAAK;AACpC,QAAM,MAAM,IAAI,OAAO;AACvB,QAAM,aAAa,oBAAoB;AACvC,QAAM,WAAW,eAAe,gBAAgB;AAChD,QAAM,SAAS,SAAS,UAAa,CAAC;AACtC,QAAM,WAAW,CAAC,WAAW,YAAY,UAAa,eAAe,SAAS;AAC9E,QAAM,cAAc,UAAU;AAG9B,QAAM,OAAO,cAAc,QAAQ,cAAc;AACjD,QAAM,SAAS,KAAK,UAAU,YAAY,CAAC;AAC3C,QAAM,QAAQ,YAAY,WAAW;AACrC,QAAM,UAAU,aAAa,UAAa,aAAa,QAAQ,aAAa;AAG5E,QAAM,UAAU,WAAW;AAC3B,QAAM,UAAU,MAAM;AACtB,QAAM,aAAa,MAAM;AAEzB,QAAM,SAAS,MAAM;AACnB,UAAM,OAAO,CAAC;AACd,QAAI,iBAAiB,OAAW,gBAAe,IAAI;AACnD,uBAAmB,IAAI;AAAA,EACzB;AAEA,QAAM,OACJ,WACC,SAAS,oBAAC,aAAU,MAAK,SAAQ,MAAK,MAAK,WAAW,UAAU,UAAU,WAAW,QAAW,IAAK;AAExG,QAAM,OACJ,iCACG;AAAA,YAAQ,oBAAC,QAAK,WAAW,GAAG,8BAA8B,UAAU,WAAW,QAAQ,GAAG,eAAW,MAAC;AAAA,IACtG;AAAA,IAID,qBAAC,UAAK,WAAW,GAAG,gCAAgC,YAAY,QAAQ,gBAAgB,GACrF;AAAA,kBAAY,QACX,oBAAC,UAAK,WAAU,+EACb,oBACH;AAAA,MAEF;AAAA,QAAC;AAAA;AAAA,UAEC,IAAI,UAAU,UAAU;AAAA,UACxB,WAAW;AAAA,YACT;AAAA,YACA,eAAe,IACX,yBACA,eAAe,IACb,GAAG,4BAA4B,gBAAgB,IAC/C;AAAA,YACN,SAAS,kBAAkB;AAAA,UAC7B;AAAA,UAEC;AAAA;AAAA,YACA,UAAU,qBAAC,UAAK,WAAU,WAAU;AAAA;AAAA,cAAG,OAAO;AAAA,cAAO;AAAA,eAAC;AAAA,YACtD,YAAY,SAAS,UAAa,qBAAC,UAAK,WAAU,WAAU;AAAA;AAAA,cAAG,OAAO;AAAA,cAAc;AAAA,eAAC;AAAA;AAAA;AAAA,MACxF;AAAA,MACC,YAAY,QACX;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,kBAAkB,IAAI,GAAG,4BAA4B,gBAAgB,IAAI;AAAA,UAC3E;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,MAED,QAAQ,QACP;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,WAAW,sCAAsC;AAAA,UACnD;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,MAED,WAAW,QAAQ,oBAAC,UAAK,WAAU,wBAAwB,mBAAQ;AAAA,OACtE;AAAA,IACC,YAAY,QACX;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,iBAAiB,aAAa,cAAc,YAAY;AAAA,QAC1D;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IAED,UACC,oBAAC,WAAQ,OAAO,MAAM,WAAU,qBAAoB,IAEpD,YACA,SAAS,UAAa,oBAAC,gBAAa,WAAU,iDAAgD,eAAW,MAAC;AAAA,IAE3G;AAAA,IACA;AAAA;AAAA,IAGC;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,QACX,WAAW;AAAA,UACT;AAAA,UACA,UAAU,WAAW;AAAA,UACrB,YAAY;AAAA,QACd;AAAA;AAAA,IACF;AAAA,KAEJ;AAGF,QAAM,SAAS;AAAA,IACb;AAAA;AAAA,IAEA,YAAY,QAAQ;AAAA,IACpB,UAAU,UAAU,gBAAgB;AAAA,IACpC,IAAI;AAAA;AAAA;AAAA,IAGJ,UAAU,eAAe;AAAA,IACzB,WAAW,eAAe,CAAC,SAAS,CAAC,YAAY;AAAA,IACjD,eAAe;AAAA,IACf,eAAe,CAAC,SAAS;AAAA,IACzB,WAAW;AAAA,IACX,UAAU,CAAC,WAAW;AAAA,IACtB;AAAA,EACF;AAIA,QAAM,EAAE,MAAM,cAAc,GAAG,aAAa,IAAI,eAAe,CAAC;AAEhE,MAAI;AACJ,MAAI,QAAQ;AACV,UAAM,YAA+B;AAAA,MACnC,GAAI;AAAA,MACJ,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,gBAAgB,WAAW,SAAS;AAAA,MACpC,aAAa,WAAW;AAAA,MACxB,SAAS,UAAU,CAAC,MAAM,EAAE,eAAe,IAAK;AAAA,MAChD;AAAA,MACA,UAAU;AAAA,IACZ;AACA,UAAM,EAAE,UAAU,UAAU,GAAG,YAAY,IAAI;AAC/C,UAAM,SAAS,WAAW,SAAY,iBAAiB,YAAY,SAAS,IAAI;AAChF,WAAO,SACL,oBAAC,gBAAa,QAAiB,GAAG,WAAW,IAE7C,oBAAC,OAAG,GAAG,aAAc,GAAI,WAAW,EAAE,QAAQ,UAAU,KAAK,sBAAsB,IAAI,MACpF,oBACH;AAAA,EAEJ,WAAW,UAAU;AACnB,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAI;AAAA,QACJ,GAAG;AAAA,QACJ;AAAA,QACA,MAAK;AAAA,QAIL,UAAU,SAAS,SAAY;AAAA,QAC/B,iBAAe,WAAW,UAAU;AAAA,QACpC,aAAW,WAAW;AAAA,QACtB,gBAAc,WAAW,SAAS;AAAA,QAClC,iBAAe,aAAa,WAAW;AAAA,QACvC,iBAAe,aAAa,aAAa;AAAA,QACzC,oBACE,SACI,iBAAiB,KAAK,kBAAkB,GAAyB,KAAK,QAAQ,IAC7E,KAAK,kBAAkB;AAAA,QAE9B,SACE,WAAW,SACP,SACA,aACE,SACC;AAAA,QAET,WAAW;AAAA,QAEV;AAAA;AAAA,IACH;AAEF,QAAI,QAAQ;AAIV,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,SAAS;AAAA,UACT,WAAU;AAAA,UACV,eAAe,IAAI;AAAA,UAElB;AAAA;AAAA,MACH;AAAA,IAEJ;AAAA,EACF,OAAO;AACL,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAI;AAAA,QACJ,GAAG;AAAA,QACJ;AAAA,QACA,iBAAe,YAAY;AAAA,QAC3B,aAAW,WAAW;AAAA,QACtB,WAAW;AAAA,QAEV;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,QAAM,mBACJ,kBAAkB,OAChB,oBAAC,SAAI,WAAW,GAAG,8BAA8B,IAAI,KAAK,IAAI,cAAc,GAAI,0BAAe,IAC7F;AACN,QAAM,YACJ,WAAW,OAAO,oBAAC,SAAI,WAAW,GAAG,8BAA8B,IAAI,KAAK,IAAI,OAAO,GAAI,mBAAQ,IAAS;AAE9G,QAAM,MACJ;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,UAAU,aAAa;AAAA;AAAA,QAEvB,aAAa;AAAA,QACb,WAAW,8BAA8B,WAAW,kBAAkB;AAAA,QACtE,CAAC,WAAW,eAAe,CAAC,SAAS,CAAC,YAAY;AAAA,SACjD,YAAY,WAAW;AAAA,QACxB;AAAA,MACF;AAAA,MAEC,oBACC,iCACE;AAAA,6BAAC,SAAI,WAAU,6BACZ;AAAA;AAAA,UACA;AAAA,UACA;AAAA,WACH;AAAA,QACC,cACC,oBAAC,YAAS,MAAM,UACd,8BAAC,SAAI,IAAI,YAAY,MAAK,SAAQ,mBAAiB,SAAS,WAAW,GAAG,WAAW,IAAI,IAAI,GAC1F,2BACH,GACF;AAAA,QAED,WACC,oBAAC,SAAI,MAAK,SAAQ,mBAAiB,SAAS,WAAW,GAAG,WAAW,IAAI,MAAM,aAAa,GACzF,UACH;AAAA,SAEJ,IAEA,iCACG;AAAA;AAAA,QACA;AAAA,QACA;AAAA,SACH;AAAA;AAAA,EAEJ;AAGF,QAAM,MAAM;AACZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,KAAK,cAAc,aAAa;AAAA,QAChC,KAAK,cAAc,aAAa,OAAO,QAAQ;AAAA,QAC/C,aAAa;AAAA,MACf;AAAA,MAEC,sBAAY,UAAU,GAAG,IAAI;AAAA;AAAA,EAChC;AAEJ;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,GAAG;AACL,GAA+E;AAC7E,SAAO,OAAO,KAAK;AACrB;","names":[]}

package/dist/components/measured-grid.js

@@ -154,9 +154,7 @@ function CellGrid({
   useEffect(() => {
     const target = pending.current;
     if (!target) return;
-    const element = scrollRef.current?.querySelector(
-      `[data-cell="${target.row}:${target.column}"]`
-    );
+    const element = scrollRef.current?.querySelector(`[data-cell="${target.row}:${target.column}"]`);
     if (!element) return;
     pending.current = null;
     element.focus({ preventScroll: true });
@@ -311,26 +309,11 @@ function CellGrid({
                     children: "#"
                   }
                 ),
-                columns.map((column, index) => /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    role: "columnheader",
-                    className: "min-w-0 border-s border-subtle px-2 py-1 text-end",
-                    children: [
-                      /* @__PURE__ */ jsx("span", { className: "block truncate font-medium text-primary", children: column.label }),
-                      column.unit && /* @__PURE__ */ jsx("span", { className: "block truncate text-micro text-muted", children: column.unit })
-                    ]
-                  },
-                  index
-                )),
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    role: "columnheader",
-                    "aria-label": labels.rowActions,
-                    className: "border-s border-subtle"
-                  }
-                )
+                columns.map((column, index) => /* @__PURE__ */ jsxs("div", { role: "columnheader", className: "min-w-0 border-s border-subtle px-2 py-1 text-end", children: [
+                  /* @__PURE__ */ jsx("span", { className: "block truncate font-medium text-primary", children: column.label }),
+                  column.unit && /* @__PURE__ */ jsx("span", { className: "block truncate text-micro text-muted", children: column.unit })
+                ] }, index)),
+                /* @__PURE__ */ jsx("div", { role: "columnheader", "aria-label": labels.rowActions, className: "border-s border-subtle" })
               ]
             }
           ) }),
@@ -414,38 +397,31 @@ function CellGrid({
                       }
                     ) }, columnIndex);
                   }),
-                  /* @__PURE__ */ jsx(
-                    "div",
+                  /* @__PURE__ */ jsx("div", { role: "gridcell", className: "flex items-center justify-center border-s border-subtle", children: /* @__PURE__ */ jsx(
+                    "button",
                     {
-                      role: "gridcell",
-                      className: "flex items-center justify-center border-s border-subtle",
-                      children: /* @__PURE__ */ jsx(
-                        "button",
-                        {
-                          type: "button",
-                          "data-cell": `${index}:${width}`,
-                          disabled: !removable,
-                          tabIndex: at.row === index && at.column === width ? 0 : -1,
-                          "aria-label": labels.removeRow(index + 1),
-                          className: cn(
-                            "rounded p-1 text-placeholder outline-none hover:text-danger disabled:cursor-default disabled:hover:text-placeholder",
-                            FOCUS_RING
-                          ),
-                          onKeyDown: (event) => onCellKeyDown(event, index, width),
-                          onFocus: () => {
-                            if (at.row !== index || at.column !== width) setCaret({ row: index, column: width });
-                          },
-                          onClick: () => {
-                            const next = grid.filter((_, other) => other !== index);
-                            onCells(next);
-                            if (next.length) focusCell(Math.min(index, next.length - 1), width);
-                            else focusCell(0, 0);
-                          },
-                          children: /* @__PURE__ */ jsx(Trash2, { "aria-hidden": true, className: "size-3.5" })
-                        }
-                      )
+                      type: "button",
+                      "data-cell": `${index}:${width}`,
+                      disabled: !removable,
+                      tabIndex: at.row === index && at.column === width ? 0 : -1,
+                      "aria-label": labels.removeRow(index + 1),
+                      className: cn(
+                        "rounded p-1 text-placeholder outline-none hover:text-danger disabled:cursor-default disabled:hover:text-placeholder",
+                        FOCUS_RING
+                      ),
+                      onKeyDown: (event) => onCellKeyDown(event, index, width),
+                      onFocus: () => {
+                        if (at.row !== index || at.column !== width) setCaret({ row: index, column: width });
+                      },
+                      onClick: () => {
+                        const next = grid.filter((_, other) => other !== index);
+                        onCells(next);
+                        if (next.length) focusCell(Math.min(index, next.length - 1), width);
+                        else focusCell(0, 0);
+                      },
+                      children: /* @__PURE__ */ jsx(Trash2, { "aria-hidden": true, className: "size-3.5" })
                     }
-                  )
+                  ) })
                 ]
               },
               index

package/dist/components/measured-grid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/measured-grid.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport type { ComponentPropsWithRef, KeyboardEvent, ReactNode } from \"react\";\nimport { ClipboardPaste, Eraser, Plus, Trash2 } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\nimport { horizontalStep } from \"../lib/direction\";\n// The locale's mark as far as a cell can hold it — the fields' answer, the same reason\n// (DUP-11, refactor audit 2026-10: a verbatim copy lived here).\nimport { decimalMark } from \"../lib/decimal-marks\";\n// The cell pair reads ONE cell, where a comma has no columns to separate and so is\n// always a decimal mark; `splitRow` and `parseRows` read a pasted table, where it may\n// be either and the line decides. See the three named rules at the top of table-text.\nimport { cellNumber, isCellNumber, parseRows, splitRow } from \"../lib/table-text\";\nimport { useKitLabels, useKitLocale, type LabelOverride } from \"../i18n/kit-labels\";\nimport { useWindowedRows, WINDOWED_ROW_INDEX } from \"../hooks/use-windowed-rows\";\nimport { ToggleGroup } from \"./toggle-group\";\nimport { Button } from \"./button\";\nimport { FIELD_INVALID, FIELD_TOUCH_TEXT } from \"./field-base\";\nimport { FOCUS_RING } from \"./focus-ring\";\nimport { Textarea } from \"./textarea\";\nimport { DEFAULT_MEASURED_GRID_LABELS } from \"./measured-grid-labels\";\n\n/**\n * A measured table: a fixed set of numeric columns, typed cell by cell or pasted as a\n * block out of a spreadsheet — and the hook that holds it as a draft.\n *\n * Moved from Lenkbank (`shared/ui/measured-grid.tsx`), where four gear editors and a\n * setpoint dialog type rig measurements into it. Nothing in it knows what a column\n * holds: the caller passes `{ label, unit }[]`, and the vocabulary of this file is\n * cells, rows, a caret and a paste. The lexing under it is `@eifi1/ui-kit/table-text`.\n *\n * What it is NOT: a `DataTable` mode (that one finds rows among many; this one types\n * numbers into columns), a spreadsheet (no formulas, no multi-cell selection, no undo\n * beyond the browser's per-input one), or typed columns — every cell is a string that\n * should read as a number.\n */\n\n/**\n * Every string the grid can speak — the `measuredGrid` namespace of\n * `<UiKitProvider labels>`, overridable per instance through the `labels` prop. The\n * ones that carry a number are functions of it, for the reason `DataTableLabels` gives:\n * the grammar around a count moves with it in most languages.\n */\nexport interface MeasuredGridLabels {\n  /** Accessible name of the cells/text toggle. */\n  view: string;\n  cellsView: string;\n  textView: string;\n  addRow: string;\n  /** The row's remove button, given its 1-based number. */\n  removeRow: (row: number) => string;\n  /** Empties the whole table. */\n  clear: string;\n  /** The footer's standing note that a block can be pasted into any cell. */\n  pasteHint: string;\n  /**\n   * Accessible name of one cell's input, given its column's label and 1-based row.\n   * A screen reader in a grid announces the headers on its own when the caret crosses\n   * one; this is what it reads when the caret lands on an input with no crossing — and\n   * what a voice-control user says to reach it.\n   */\n  cell: (column: string, row: number) => string;\n  /** The row-number column's header, which shows only \"#\". */\n  rowNumber: string;\n  /** The remove-button column's header, which shows nothing. */\n  rowActions: string;\n  /** The grid's description: how its keyboard works. Read once, on entry. */\n  keyboardHint: string;\n  /** The text view could not read this 1-based line of what was typed or pasted. */\n  lineError: (line: number) => string;\n  /** How many filled rows (measured points) the table holds. */\n  points: (count: number) => string;\n  /** How many cells are typed but are not numbers. */\n  problems: (count: number) => string;\n}\n\n// Defined in ./measured-grid-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_MEASURED_GRID_LABELS };\n\n/** One column of a measured table: what it holds and what it is measured in. The unit\n *  is separate from the name because the header shows it small and underneath, and\n *  because a column with no unit (a count, an index) should not render empty brackets. */\nexport interface MeasuredGridColumn {\n  label: string;\n  unit?: string;\n}\n\n/** The two ways to look at the same table. */\nexport type MeasuredGridView = \"cells\" | \"text\";\n\n/** A cell that has not been typed into yet. Distinguished from `\"0\"` on purpose: an\n *  empty cell is a hole in the measurement, and a table with a hole is not one to save. */\nconst BLANK = \"\";\n\n/** Height of one grid row at Normal text size, in px — the windowing's ESTIMATE since\n *  0.32 (docs/text-size-harmonization.md §10.9): `useWindowedRows` multiplies it by the\n *  text size's scale (35 px at Large, 42 at Extra large) and then measures the rows it\n *  renders, so a row is never cut to a height the type has outgrown. */\nconst DEFAULT_ROW_HEIGHT = 28;\n\nconst ALL_VIEWS: readonly MeasuredGridView[] = [\"cells\", \"text\"];\n\n/** A number-shaped cell written with the locale's mark. The lexer hands back points;\n *  a German user typed commas and should read commas back. Anything that is not a\n *  number is left exactly as it was, so the mistake stays visible where it was made. */\nconst withMark = (cell: string, mark: \",\" | \".\") =>\n  mark === \",\" && isCellNumber(cell) ? cell.replace(\".\", \",\") : cell;\n\n/** A computed number as a draft cell: rounded to `digits`, with no trailing zeros. */\nconst formatCell = (value: number, digits: number, mark: \",\" | \".\") =>\n  withMark(String(Number(value.toFixed(digits))), mark);\n\nconst hasContent = (row: readonly string[]) => row.some((cell) => cell.trim() !== \"\");\n\nexport interface UseMeasuredRowsOptions {\n  /** Decimals a computed number is rounded to on its way into a cell. Default 4. */\n  digits?: number;\n  /** BCP 47 tag whose decimal mark the cells are written with, else the\n   *  `<UiKitProvider locale>`, else the runtime's. */\n  locale?: string;\n}\n\nexport interface MeasuredRows {\n  /** The draft, as text — what the grid shows and edits. */\n  cells: string[][];\n  setCells: (next: string[][]) => void;\n  /** The filled rows as numbers — EMPTY until the table is `ready`. */\n  rows: number[][];\n  /** Replace the whole table with computed numbers (a generated shape, say). */\n  setRows: (next: number[][]) => void;\n  /** At least two filled rows, and every cell in them is a number. */\n  ready: boolean;\n  /** How many cells are typed but are not numbers — what the grid marks invalid. */\n  problems: number;\n  /** Everything `MeasuredGrid` needs, so a caller spreads it in one line. */\n  props: { cells: string[][]; onCells: (next: string[][]) => void };\n}\n\n/**\n * The draft a measured table is edited as.\n *\n * **Strings, not numbers.** A cell is text while it is being typed — `\"-\"`, `\"1.\"` and\n * `\"1e\"` are all states a number passes through on its way to being one, and a grid\n * that parses on every keystroke turns each of them into a `NaN` and then into a `0`.\n * So the draft is text, and the numbers are what falls out when every cell is one.\n *\n * **\"Whole\" is a question this answers**, because every editor asks it before it\n * offers to save: `ready` wants at least two filled rows with a number in every cell.\n * An empty cell is a hole in the measurement, not a zero; a wholly empty row is not a\n * row at all (it is what walking off the bottom of the grid leaves behind).\n *\n * `initial` is read once, like `useState`'s.\n */\nexport function useMeasuredRows(\n  initial: number[][] | (() => number[][]),\n  options: UseMeasuredRowsOptions = {},\n): MeasuredRows {\n  const { digits = 4 } = options;\n  const mark = decimalMark(useKitLocale(options.locale));\n  const [cells, setCells] = useState<string[][]>(() =>\n    (typeof initial === \"function\" ? initial() : initial).map((row) =>\n      row.map((value) => formatCell(value, digits, mark)),\n    ),\n  );\n\n  const { rows, ready, problems } = useMemo(() => {\n    const filled = cells.filter(hasContent);\n    const whole = filled.length >= 2 && filled.every((row) => row.every(isCellNumber));\n    return {\n      rows: whole ? filled.map((row) => row.map(cellNumber)) : [],\n      ready: whole,\n      problems: filled.flat().filter((cell) => cell.trim() !== \"\" && !isCellNumber(cell)).length,\n    };\n  }, [cells]);\n\n  const setRows = useCallback(\n    (next: number[][]) => setCells(next.map((row) => row.map((value) => formatCell(value, digits, mark)))),\n    [digits, mark],\n  );\n  const props = useMemo(() => ({ cells, onCells: setCells }), [cells]);\n\n  return { cells, setCells, rows, setRows, ready, problems, props };\n}\n\nexport interface MeasuredGridProps\n  extends Omit<ComponentPropsWithRef<\"div\">, \"children\" | \"onChange\"> {\n  /** What the table is — shown above it, and the grid's accessible name. */\n  label: string;\n  /** A note under the table (which columns a layout expects, say). Also the grid's\n   *  description. */\n  hint?: ReactNode;\n  columns: MeasuredGridColumn[];\n  /** The draft — typically `useMeasuredRows().props`. */\n  cells: string[][];\n  onCells: (next: string[][]) => void;\n  /** Read-only: the cells can still be walked and read, nothing can be changed. */\n  disabled?: boolean;\n  /** Which views the toggle offers, the first being where it opens. Default both;\n   *  one view hides the toggle. */\n  views?: ReadonlyArray<MeasuredGridView>;\n  /** A row's height at Normal text size, in px. Default 28. Since 0.32 it is the\n   *  windowing's estimate and each row's minimum, multiplied by the text size's scale;\n   *  the rendered rows are measured (docs/text-size-harmonization.md §10.9). */\n  rowHeight?: number;\n  /** BCP 47 tag for the decimal mark of cells written by a paste or the text view,\n   *  and for the row numbers; else the `<UiKitProvider locale>`. */\n  locale?: string;\n  labels?: LabelOverride<MeasuredGridLabels>;\n}\n\n/**\n * A measured table as a grid of cells, one number each, with a text view beside it.\n *\n * The grid is the primary form because a linkage typed off a drawing arrives as\n * numbers somebody reads out loud, and a textarea made that an exercise in counting\n * tab characters. The paste still works: a block pasted into any cell fills from that\n * cell outwards, growing the table to fit. The text view is kept for what a grid is\n * worst at — reading a thousand-row export back in one piece.\n *\n * **It is a grid in the APG sense**, which the Lenkbank original was not (a `<table>`\n * of inputs, fifteen tab stops per row). One tab stop — the roving tabindex — and the\n * keyboard inside it, as a spreadsheet has it:\n *\n *   - **Arrows** move between cells. Left/Right flip under `dir=\"rtl\"`.\n *   - **Home/End** go to the first/last column; with Ctrl (or ⌘), to the first/last\n *     cell of the table. **PageUp/PageDown** move a screenful.\n *   - **Enter** (and ArrowDown) move down a column, and past the last row ADD one —\n *     typing down a column is how measured data is entered, and stopping at the last\n *     row to reach for a button is what makes people paste instead. Shift+Enter moves up.\n *   - **Typing** replaces the cell: arriving by keyboard selects its text, so the first\n *     key overwrites it. That is the edit mode data entry wants, entered without a key.\n *     **F2** edits in place instead (caret at the end). Either way the cell is then\n *     *editing*: Left/Right move the caret, and cross to the next cell only at the edge\n *     of the text; Home/End stay in the text. **Escape** puts back what the cell held\n *     when the caret arrived, and leaves editing.\n *\n * APG's grid pattern pairs Enter with F2 as the keys that start editing. Enter is\n * spent on \"next row\" here on purpose — it is the one key a person typing a column of\n * numbers presses between every one of them, and every spreadsheet spends it the same\n * way — and typing-to-replace makes an explicit \"start editing\" key unnecessary for\n * the common case. F2 remains for the uncommon one.\n */\nexport function MeasuredGrid({\n  label,\n  hint,\n  columns,\n  cells,\n  onCells,\n  disabled,\n  views = ALL_VIEWS,\n  rowHeight = DEFAULT_ROW_HEIGHT,\n  locale: localeProp,\n  labels: labelsProp,\n  className,\n  ...rest\n}: MeasuredGridProps) {\n  const labels = useKitLabels(\"measuredGrid\", DEFAULT_MEASURED_GRID_LABELS, labelsProp);\n  const locale = useKitLocale(localeProp);\n  const mark = decimalMark(locale);\n  const id = useId();\n  const labelId = `${id}-label`;\n  const hintId = `${id}-hint`;\n  const keysId = `${id}-keys`;\n  const offered = views.length ? views : ALL_VIEWS;\n  const [chosen, setChosen] = useState<MeasuredGridView>(offered[0]);\n  const view = offered.includes(chosen) ? chosen : offered[0];\n\n  return (\n    // `relative` so the keyboard description below can be `sr-only` without escaping\n    // to the initial containing block (see sr-only-containment.test).\n    <div {...rest} className={cn(\"relative\", className)}>\n      <div className=\"mb-1 flex flex-wrap items-center justify-between gap-2\">\n        <span id={labelId} className=\"text-caption font-medium text-muted\">\n          {label}\n        </span>\n        {offered.length > 1 && (\n          <ToggleGroup\n            className=\"w-auto\"\n            aria-label={labels.view}\n            value={view}\n            onChange={setChosen}\n            options={offered.map((value) => ({\n              value,\n              label: value === \"cells\" ? labels.cellsView : labels.textView,\n            }))}\n          />\n        )}\n      </div>\n      {view === \"cells\" ? (\n        <CellGrid\n          columns={columns}\n          cells={cells}\n          onCells={onCells}\n          disabled={disabled}\n          rowHeight={rowHeight}\n          locale={locale}\n          mark={mark}\n          labels={labels}\n          labelledBy={labelId}\n          describedBy={hint ? `${keysId} ${hintId}` : keysId}\n        />\n      ) : (\n        <TextView\n          columns={columns}\n          cells={cells}\n          onCells={onCells}\n          disabled={disabled}\n          mark={mark}\n          labels={labels}\n          labelledBy={labelId}\n          describedBy={hint ? hintId : undefined}\n        />\n      )}\n      {hint && (\n        <p id={hintId} className=\"mt-1 px-1 text-caption text-muted\">\n          {hint}\n        </p>\n      )}\n      {view === \"cells\" && (\n        <span id={keysId} className=\"sr-only\">\n          {labels.keyboardHint}\n        </span>\n      )}\n    </div>\n  );\n}\n\n/** Where the caret is. Held in state rather than read off `document`, because a\n *  windowed grid unmounts the cell being walked towards: the move is decided first and\n *  focused after the row it lands on has been rendered. */\ninterface Caret {\n  row: number;\n  column: number;\n}\n\ninterface ViewProps {\n  columns: MeasuredGridColumn[];\n  cells: string[][];\n  onCells: (next: string[][]) => void;\n  disabled?: boolean;\n  mark: \",\" | \".\";\n  labels: MeasuredGridLabels;\n  labelledBy: string;\n  describedBy?: string;\n}\n\nfunction CellGrid({\n  columns,\n  cells,\n  onCells,\n  disabled,\n  rowHeight,\n  locale,\n  mark,\n  labels,\n  labelledBy,\n  describedBy,\n}: ViewProps & { rowHeight: number; locale: string | undefined }) {\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const headRef = useRef<HTMLDivElement>(null);\n  const width = columns.length;\n  const blankRow = () => columns.map(() => BLANK);\n  // At least one row to type into: a grid with nothing in it has nowhere to put the\n  // first number, and \"add a row\" is not the first thing to ask of someone who has\n  // just opened an empty table. It is not written back until something is typed.\n  const grid = cells.length ? cells : [blankRow()];\n  const { first, last, totalHeight, offsetOf, heightOf, estimate, measureRef } = useWindowedRows(\n    grid.length,\n    rowHeight,\n    scrollRef,\n  );\n  const rowNumber = useMemo(() => new Intl.NumberFormat(locale), [locale]);\n\n  // The remove buttons are the last column of the grid, reachable by the arrows like\n  // any cell — except where they are disabled (a read-only grid, or the placeholder\n  // row of an empty one), because a disabled button cannot hold the tab stop.\n  const removable = !disabled && cells.length > 0;\n  const lastColumn = removable ? width : width - 1;\n\n  const [caret, setCaret] = useState<Caret>({ row: 0, column: 0 });\n  // Clamped on read, not corrected in an effect: rows removed or columns changed from\n  // outside must never leave the tab stop on a cell that is not there.\n  const at = { row: Math.min(caret.row, grid.length - 1), column: Math.min(caret.column, lastColumn) };\n  /** Whether the caret cell is being edited in place (see the component note). */\n  const [editing, setEditing] = useState(false);\n  /** A cell that has to take focus once it exists — one commit away when the move\n   *  crossed the edge of the window. `select` is arrival by keyboard. */\n  const pending = useRef<(Caret & { select: boolean }) | null>(null);\n  /** What the caret cell held when the caret arrived: what Escape puts back. */\n  const origin = useRef(BLANK);\n  /** The next focus was a pointer's: place the caret where it was clicked, edit. */\n  const pointer = useRef(false);\n\n  useEffect(() => {\n    const target = pending.current;\n    if (!target) return;\n    const element = scrollRef.current?.querySelector<HTMLElement>(\n      `[data-cell=\"${target.row}:${target.column}\"]`,\n    );\n    if (!element) return;\n    pending.current = null;\n    // `preventScroll`: `reveal` already scrolled the row clear of the sticky header,\n    // which the browser's own scroll-into-view does not know is there.\n    element.focus({ preventScroll: true });\n    if (target.select && element instanceof HTMLInputElement) element.select();\n  });\n\n  const pad = (row: readonly string[] | undefined) =>\n    Array.from({ length: width }, (_, index) => row?.[index] ?? BLANK);\n\n  const setCell = (row: number, column: number, value: string) => {\n    const next = grid.map(pad);\n    next[row][column] = value;\n    onCells(next);\n  };\n\n  /** Scroll `row` into the band below the sticky header. */\n  const reveal = (row: number) => {\n    const element = scrollRef.current;\n    if (!element) return;\n    const room = element.clientHeight - (headRef.current?.offsetHeight ?? 0);\n    if (room <= 0) return;\n    // Measured where the row has been rendered, the scaled estimate where not (§10.9).\n    const top = offsetOf(row);\n    const height = heightOf(row);\n    if (top < element.scrollTop) element.scrollTop = top;\n    else if (top + height > element.scrollTop + room) element.scrollTop = top + height - room;\n  };\n\n  const focusCell = (row: number, column: number) => {\n    reveal(row);\n    pending.current = { row, column, select: true };\n    setCaret({ row, column });\n    setEditing(false);\n  };\n\n  const go = (row: number, column: number) => {\n    const target = {\n      row: Math.max(0, Math.min(row, grid.length - 1)),\n      column: Math.max(0, Math.min(column, lastColumn)),\n    };\n    if (target.row === at.row && target.column === at.column) return;\n    focusCell(target.row, target.column);\n  };\n\n  /** Down a column — and off the bottom, a new row, unless the last one is still\n   *  empty: holding ArrowDown should not leave a trail of blank rows behind it. */\n  const down = (row: number, column: number) => {\n    if (row + 1 < grid.length) return go(row + 1, column);\n    if (disabled || !hasContent(grid[row])) return;\n    onCells([...grid.map(pad), blankRow()]);\n    focusCell(row + 1, Math.min(column, width - 1));\n  };\n\n  const page = () => {\n    const element = scrollRef.current;\n    const room = element ? element.clientHeight - (headRef.current?.offsetHeight ?? 0) : 0;\n    // No layout (a hidden pane, jsdom): a fixed ten rather than one row at a time.\n    return room > 0 ? Math.max(1, Math.floor(room / estimate) - 1) : 10;\n  };\n\n  /**\n   * On each cell rather than once on the grid, for the reason `MiniCalendar` gives:\n   * the cell is where focus is, and a container listening for keys it cannot receive\n   * is the shape `jsx-a11y/interactive-supports-focus` objects to.\n   */\n  const onCellKeyDown = (event: KeyboardEvent<HTMLElement>, row: number, column: number) => {\n    const input = event.currentTarget instanceof HTMLInputElement ? event.currentTarget : null;\n    const inText = Boolean(input) && editing;\n    const modified = event.ctrlKey || event.metaKey;\n    switch (event.key) {\n      case \"ArrowUp\":\n        event.preventDefault();\n        return go(row - 1, column);\n      case \"ArrowDown\":\n        event.preventDefault();\n        return down(row, column);\n      case \"Enter\":\n        // On the remove button Enter is the button's own.\n        if (!input) return;\n        event.preventDefault();\n        return event.shiftKey ? go(row - 1, column) : down(row, column);\n      case \"ArrowLeft\":\n      case \"ArrowRight\": {\n        // Along the reading direction: ArrowLeft is \"next column\" in RTL.\n        const forward = horizontalStep(event.key, event.currentTarget) === 1;\n        if (inText && input) {\n          const edge = forward ? input.value.length : 0;\n          // Inside the text the caret moves; only at its edge does it leave the cell.\n          if (input.selectionStart !== edge || input.selectionEnd !== edge) return;\n        }\n        event.preventDefault();\n        return go(row, column + (forward ? 1 : -1));\n      }\n      case \"Home\":\n      case \"End\": {\n        if (inText && !modified) return;\n        event.preventDefault();\n        const home = event.key === \"Home\";\n        if (modified) return go(home ? 0 : grid.length - 1, home ? 0 : width - 1);\n        return go(row, home ? 0 : width - 1);\n      }\n      case \"PageUp\":\n        event.preventDefault();\n        return go(row - page(), column);\n      case \"PageDown\":\n        event.preventDefault();\n        return go(row + page(), column);\n      case \"F2\":\n        if (!input || disabled) return;\n        event.preventDefault();\n        setEditing(true);\n        input.setSelectionRange(input.value.length, input.value.length);\n        return;\n      case \"Escape\":\n        // Not editing: nothing of ours to undo, so the key belongs to whatever the\n        // grid sits in — the dialog it is in closes, as it should.\n        if (!input || !editing) return;\n        event.preventDefault();\n        event.stopPropagation();\n        if (input.value !== origin.current) setCell(row, column, origin.current);\n        pending.current = { row, column, select: true };\n        setEditing(false);\n        return;\n    }\n  };\n\n  /**\n   * A pasted block, written in from the cell it was pasted into.\n   *\n   * Rows past the end grow the table; columns past the last are dropped, because a\n   * paste wider than the measurement is a paste with a trailing timestamp column and\n   * not an error worth refusing. One header line is skipped — pasted data almost\n   * always has one. Each line is read on its own evidence (`splitRow`, the per-line\n   * comma rule), so one line cannot change what another means.\n   */\n  const paste = (row: number, column: number, text: string) => {\n    const lines = text.split(/\\r?\\n/).filter((line) => line.trim() !== \"\");\n    if (!lines.length) return;\n    const block = lines.map(splitRow);\n    if (block.length > 1 && block[0].some((cell) => !isCellNumber(cell))) block.shift();\n\n    const height = Math.max(grid.length, row + block.length);\n    const next = Array.from({ length: height }, (_, index) => pad(grid[index]));\n    block.forEach((line, downwards) => {\n      line.forEach((cell, across) => {\n        const target = column + across;\n        if (target < width) next[row + downwards][target] = withMark(cell.trim(), mark);\n      });\n    });\n    onCells(next);\n    pending.current = { row, column, select: true };\n    setEditing(false);\n  };\n\n  const template = `2.5rem repeat(${width}, minmax(5.5rem, 1fr)) 2rem`;\n  // The caret's row is mounted even when it has been scrolled out of the window: it\n  // holds the grid's only tab stop, and a tab stop that is not in the DOM is a grid\n  // Tab walks straight past.\n  const mounted: number[] = [];\n  for (let index = first; index < last; index += 1) mounted.push(index);\n  if (at.row < first || at.row >= last) mounted.push(at.row);\n\n  const filled = cells.filter(hasContent);\n  const problems = filled.flat().filter((cell) => cell.trim() !== \"\" && !isCellNumber(cell)).length;\n\n  return (\n    <div className=\"rounded-md border border-subtle bg-surface\">\n      <div ref={scrollRef} className=\"max-h-72 overflow-auto\">\n        <div\n          role=\"grid\"\n          aria-labelledby={labelledBy}\n          aria-describedby={describedBy}\n          // The true size, not the mounted one: a screen reader otherwise reports the\n          // thirty rows in the window as the whole table.\n          aria-rowcount={grid.length + 1}\n          aria-colcount={width + 2}\n          aria-readonly={disabled || undefined}\n          className=\"text-xs\"\n          style={{ minWidth: `calc(4.5rem + ${width} * 5.5rem)` }}\n        >\n          {/* The header stays put vertically and scrolls sideways with the body, so a\n              fifteen-column linkage can be read without losing which column is which. */}\n          <div ref={headRef} role=\"rowgroup\" className=\"sticky top-0 z-10 bg-surface-2\">\n            <div\n              role=\"row\"\n              aria-rowindex={1}\n              className=\"grid border-b border-subtle\"\n              style={{ gridTemplateColumns: template }}\n            >\n              <div\n                role=\"columnheader\"\n                aria-label={labels.rowNumber}\n                className=\"flex items-end justify-end px-1 py-1 text-micro text-placeholder\"\n              >\n                #\n              </div>\n              {columns.map((column, index) => (\n                <div\n                  key={index}\n                  role=\"columnheader\"\n                  className=\"min-w-0 border-s border-subtle px-2 py-1 text-end\"\n                >\n                  <span className=\"block truncate font-medium text-primary\">\n                    {column.label}\n                  </span>\n                  {column.unit && (\n                    <span className=\"block truncate text-micro text-muted\">\n                      {column.unit}\n                    </span>\n                  )}\n                </div>\n              ))}\n              <div\n                role=\"columnheader\"\n                aria-label={labels.rowActions}\n                className=\"border-s border-subtle\"\n              />\n            </div>\n          </div>\n          {/* Only the rows in the window are mounted — a swept linkage is thousands of\n              them across fifteen inputs — each placed at its own offset, so mounting\n              one more (the caret's) costs nothing in the arithmetic. Since 0.32 a row\n              is at least the scaled estimate tall and measured as it renders (§10.9):\n              `minHeight`, not `height`, so the type at Extra large is never cut. */}\n          <div role=\"rowgroup\" className=\"relative\" style={{ height: totalHeight }}>\n            {mounted.map((index) => {\n              const row = grid[index];\n              return (\n                <div\n                  key={index}\n                  ref={measureRef}\n                  {...{ [WINDOWED_ROW_INDEX]: index }}\n                  role=\"row\"\n                  aria-rowindex={index + 2}\n                  className=\"absolute inset-x-0 grid hover:bg-hover\"\n                  style={{ top: offsetOf(index), minHeight: estimate, gridTemplateColumns: template }}\n                >\n                  <div\n                    role=\"rowheader\"\n                    className=\"flex items-center justify-end px-1 text-micro tabular-nums text-placeholder\"\n                  >\n                    {rowNumber.format(index + 1)}\n                  </div>\n                  {columns.map((column, columnIndex) => {\n                    const value = row[columnIndex] ?? BLANK;\n                    const bad = value.trim() !== \"\" && !isCellNumber(value);\n                    const isCaret = at.row === index && at.column === columnIndex;\n                    return (\n                      <div key={columnIndex} role=\"gridcell\" className=\"min-w-0 border-s border-subtle\">\n                        <input\n                          data-cell={`${index}:${columnIndex}`}\n                          value={value}\n                          // `readOnly`, not `disabled`: a disabled input cannot take\n                          // focus, and a read-only table should still be walkable.\n                          readOnly={disabled}\n                          tabIndex={isCaret ? 0 : -1}\n                          inputMode=\"decimal\"\n                          spellCheck={false}\n                          autoComplete=\"off\"\n                          aria-label={labels.cell(column.label, index + 1)}\n                          // Said, not only painted: the ring is what a sighted user\n                          // sees, `aria-invalid` is what a screen reader reads.\n                          aria-invalid={bad || undefined}\n                          className={cn(\n                            \"block size-full bg-transparent px-2 text-end tabular-nums text-primary outline-none\",\n                            // A cell is a field: 16 px on touch, or iOS zooms on focus (§10.1).\n                            FIELD_TOUCH_TEXT,\n                            // Arriving selects the text (typing replaces it); editing\n                            // in place is the plain surface with a caret in it.\n                            // The kit's focus frame (§5), inset so the next cell's\n                            // border does not paint over it. A text input is\n                            // `:focus-visible` however it was focused.\n                            \"focus:bg-brand-soft\",\n                            FOCUS_RING,\n                            \"focus-visible:ring-inset\",\n                            isCaret && editing && \"focus:bg-surface\",\n                            disabled && \"text-muted\",\n                            bad && cn(FIELD_INVALID, \"ring-inset\"),\n                          )}\n                          onMouseDown={(event) => {\n                            // A click places a caret, which is editing. On the cell\n                            // already focused there is no focus event to say so.\n                            if (document.activeElement === event.currentTarget) setEditing(!disabled);\n                            else pointer.current = true;\n                          }}\n                          onFocus={(event) => {\n                            origin.current = event.currentTarget.value;\n                            if (!isCaret) setCaret({ row: index, column: columnIndex });\n                            const byPointer = pointer.current;\n                            pointer.current = false;\n                            setEditing(byPointer && !disabled);\n                            if (!byPointer) event.currentTarget.select();\n                          }}\n                          onBlur={() => setEditing(false)}\n                          onChange={(event) => {\n                            setCell(index, columnIndex, event.target.value);\n                            setEditing(true);\n                          }}\n                          onPaste={(event) => {\n                            if (disabled) return;\n                            const text = event.clipboardData.getData(\"text/plain\");\n                            // One cell's worth of text is an ordinary paste, and the\n                            // browser does it better than this would; only a block is\n                            // the grid's business.\n                            if (!/[\\t\\n;]/.test(text)) return;\n                            event.preventDefault();\n                            paste(index, columnIndex, text);\n                          }}\n                          onKeyDown={(event) => onCellKeyDown(event, index, columnIndex)}\n                        />\n                      </div>\n                    );\n                  })}\n                  <div\n                    role=\"gridcell\"\n                    className=\"flex items-center justify-center border-s border-subtle\"\n                  >\n                    <button\n                      type=\"button\"\n                      data-cell={`${index}:${width}`}\n                      disabled={!removable}\n                      tabIndex={at.row === index && at.column === width ? 0 : -1}\n                      aria-label={labels.removeRow(index + 1)}\n                      className={cn(\n                        \"rounded p-1 text-placeholder outline-none hover:text-danger disabled:cursor-default disabled:hover:text-placeholder\",\n                        FOCUS_RING,\n                      )}\n                      onKeyDown={(event) => onCellKeyDown(event, index, width)}\n                      onFocus={() => {\n                        if (at.row !== index || at.column !== width) setCaret({ row: index, column: width });\n                      }}\n                      onClick={() => {\n                        const next = grid.filter((_, other) => other !== index);\n                        onCells(next);\n                        // Focus stays in the column, on the row that moved up into\n                        // this one; an emptied table sends it to the first cell.\n                        if (next.length) focusCell(Math.min(index, next.length - 1), width);\n                        else focusCell(0, 0);\n                      }}\n                    >\n                      <Trash2 aria-hidden className=\"size-3.5\" />\n                    </button>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      </div>\n      <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1 border-t border-subtle px-2 py-1.5\">\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          disabled={disabled}\n          onClick={() => {\n            onCells([...grid.map(pad), blankRow()]);\n            focusCell(grid.length, 0);\n          }}\n        >\n          <Plus aria-hidden className=\"size-3.5\" /> {labels.addRow}\n        </Button>\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"text-muted\"\n          disabled={disabled || !cells.length}\n          onClick={() => {\n            onCells([]);\n            // The button is about to disable itself; focus must not go down with it.\n            focusCell(0, 0);\n          }}\n        >\n          <Eraser aria-hidden className=\"size-3.5\" /> {labels.clear}\n        </Button>\n        <span className=\"text-caption tabular-nums text-muted\">\n          {/* bdi: an LTR label (\"3 points\") in an RTL grid would reorder to \"points 3\". */}\n          <bdi>{labels.points(filled.length)}</bdi>\n        </span>\n        {problems > 0 && (\n          <span className=\"text-caption text-danger\">{labels.problems(problems)}</span>\n        )}\n        <span className=\"ms-auto flex items-center gap-1 text-caption text-muted\">\n          <ClipboardPaste aria-hidden className=\"size-3.5\" /> {labels.pasteHint}\n        </span>\n      </div>\n    </div>\n  );\n}\n\nconst textOf = (cells: string[][]) => cells.map((row) => row.join(\"\\t\")).join(\"\\n\");\n\n/**\n * The same table as text.\n *\n * Kept because the grid is worst at exactly what a textarea is best at: reading a long\n * export back in one piece. It commits on blur — through `parseRows`, the paste door —\n * and a line it cannot read is NAMED rather than dropped: half a sweep saved as a\n * measurement is worse than a refusal.\n */\nfunction TextView({ columns, cells, onCells, disabled, mark, labels, labelledBy, describedBy }: ViewProps) {\n  const text = textOf(cells);\n  const [draft, setDraft] = useState(text);\n  const [errorLine, setErrorLine] = useState<number | null>(null);\n  // Follow the table when it changes from outside (a generated shape, a cleared form).\n  // Compared as text, so a caller that rebuilds the same cells every render does not\n  // wipe what is being typed.\n  const [seen, setSeen] = useState(text);\n  if (seen !== text) {\n    setSeen(text);\n    setDraft(text);\n    setErrorLine(null);\n  }\n\n  const commit = () => {\n    // Untouched: nothing to read back, and re-reading would rewrite every cell in the\n    // lexer's spelling of it.\n    if (draft === text) return;\n    if (!draft.trim()) {\n      setErrorLine(null);\n      onCells([]);\n      return;\n    }\n    const parsed = parseRows(draft, columns.length);\n    if (\"error\" in parsed) {\n      setErrorLine(parsed.error);\n      return;\n    }\n    setErrorLine(null);\n    onCells(parsed.rows.map((row) => row.map((value) => withMark(String(value), mark))));\n  };\n\n  const lines = draft.split(\"\\n\").filter((line) => line.trim()).length;\n\n  return (\n    <div>\n      <Textarea\n        aria-labelledby={labelledBy}\n        aria-describedby={describedBy}\n        rows={10}\n        value={draft}\n        readOnly={disabled}\n        spellCheck={false}\n        className=\"font-mono text-xs\"\n        error={errorLine !== null ? labels.lineError(errorLine) : undefined}\n        onChange={(event) => setDraft(event.target.value)}\n        onBlur={commit}\n      />\n      <p className=\"mt-1 px-1 text-caption text-muted\">\n        {columns.map((column) => column.label).join(\" · \")}\n        {\" — \"}\n        <bdi>{labels.points(lines)}</bdi>\n      </p>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/measured-grid.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport type { ComponentPropsWithRef, KeyboardEvent, ReactNode } from \"react\";\nimport { ClipboardPaste, Eraser, Plus, Trash2 } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\nimport { horizontalStep } from \"../lib/direction\";\n// The locale's mark as far as a cell can hold it — the fields' answer, the same reason\n// (DUP-11, refactor audit 2026-10: a verbatim copy lived here).\nimport { decimalMark } from \"../lib/decimal-marks\";\n// The cell pair reads ONE cell, where a comma has no columns to separate and so is\n// always a decimal mark; `splitRow` and `parseRows` read a pasted table, where it may\n// be either and the line decides. See the three named rules at the top of table-text.\nimport { cellNumber, isCellNumber, parseRows, splitRow } from \"../lib/table-text\";\nimport { useKitLabels, useKitLocale, type LabelOverride } from \"../i18n/kit-labels\";\nimport { useWindowedRows, WINDOWED_ROW_INDEX } from \"../hooks/use-windowed-rows\";\nimport { ToggleGroup } from \"./toggle-group\";\nimport { Button } from \"./button\";\nimport { FIELD_INVALID, FIELD_TOUCH_TEXT } from \"./field-base\";\nimport { FOCUS_RING } from \"./focus-ring\";\nimport { Textarea } from \"./textarea\";\nimport { DEFAULT_MEASURED_GRID_LABELS } from \"./measured-grid-labels\";\n\n/**\n * A measured table: a fixed set of numeric columns, typed cell by cell or pasted as a\n * block out of a spreadsheet — and the hook that holds it as a draft.\n *\n * Moved from Lenkbank (`shared/ui/measured-grid.tsx`), where four gear editors and a\n * setpoint dialog type rig measurements into it. Nothing in it knows what a column\n * holds: the caller passes `{ label, unit }[]`, and the vocabulary of this file is\n * cells, rows, a caret and a paste. The lexing under it is `@eifi1/ui-kit/table-text`.\n *\n * What it is NOT: a `DataTable` mode (that one finds rows among many; this one types\n * numbers into columns), a spreadsheet (no formulas, no multi-cell selection, no undo\n * beyond the browser's per-input one), or typed columns — every cell is a string that\n * should read as a number.\n */\n\n/**\n * Every string the grid can speak — the `measuredGrid` namespace of\n * `<UiKitProvider labels>`, overridable per instance through the `labels` prop. The\n * ones that carry a number are functions of it, for the reason `DataTableLabels` gives:\n * the grammar around a count moves with it in most languages.\n */\nexport interface MeasuredGridLabels {\n  /** Accessible name of the cells/text toggle. */\n  view: string;\n  cellsView: string;\n  textView: string;\n  addRow: string;\n  /** The row's remove button, given its 1-based number. */\n  removeRow: (row: number) => string;\n  /** Empties the whole table. */\n  clear: string;\n  /** The footer's standing note that a block can be pasted into any cell. */\n  pasteHint: string;\n  /**\n   * Accessible name of one cell's input, given its column's label and 1-based row.\n   * A screen reader in a grid announces the headers on its own when the caret crosses\n   * one; this is what it reads when the caret lands on an input with no crossing — and\n   * what a voice-control user says to reach it.\n   */\n  cell: (column: string, row: number) => string;\n  /** The row-number column's header, which shows only \"#\". */\n  rowNumber: string;\n  /** The remove-button column's header, which shows nothing. */\n  rowActions: string;\n  /** The grid's description: how its keyboard works. Read once, on entry. */\n  keyboardHint: string;\n  /** The text view could not read this 1-based line of what was typed or pasted. */\n  lineError: (line: number) => string;\n  /** How many filled rows (measured points) the table holds. */\n  points: (count: number) => string;\n  /** How many cells are typed but are not numbers. */\n  problems: (count: number) => string;\n}\n\n// Defined in ./measured-grid-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_MEASURED_GRID_LABELS };\n\n/** One column of a measured table: what it holds and what it is measured in. The unit\n *  is separate from the name because the header shows it small and underneath, and\n *  because a column with no unit (a count, an index) should not render empty brackets. */\nexport interface MeasuredGridColumn {\n  label: string;\n  unit?: string;\n}\n\n/** The two ways to look at the same table. */\nexport type MeasuredGridView = \"cells\" | \"text\";\n\n/** A cell that has not been typed into yet. Distinguished from `\"0\"` on purpose: an\n *  empty cell is a hole in the measurement, and a table with a hole is not one to save. */\nconst BLANK = \"\";\n\n/** Height of one grid row at Normal text size, in px — the windowing's ESTIMATE since\n *  0.32 (docs/text-size-harmonization.md §10.9): `useWindowedRows` multiplies it by the\n *  text size's scale (35 px at Large, 42 at Extra large) and then measures the rows it\n *  renders, so a row is never cut to a height the type has outgrown. */\nconst DEFAULT_ROW_HEIGHT = 28;\n\nconst ALL_VIEWS: readonly MeasuredGridView[] = [\"cells\", \"text\"];\n\n/** A number-shaped cell written with the locale's mark. The lexer hands back points;\n *  a German user typed commas and should read commas back. Anything that is not a\n *  number is left exactly as it was, so the mistake stays visible where it was made. */\nconst withMark = (cell: string, mark: \",\" | \".\") =>\n  mark === \",\" && isCellNumber(cell) ? cell.replace(\".\", \",\") : cell;\n\n/** A computed number as a draft cell: rounded to `digits`, with no trailing zeros. */\nconst formatCell = (value: number, digits: number, mark: \",\" | \".\") =>\n  withMark(String(Number(value.toFixed(digits))), mark);\n\nconst hasContent = (row: readonly string[]) => row.some((cell) => cell.trim() !== \"\");\n\nexport interface UseMeasuredRowsOptions {\n  /** Decimals a computed number is rounded to on its way into a cell. Default 4. */\n  digits?: number;\n  /** BCP 47 tag whose decimal mark the cells are written with, else the\n   *  `<UiKitProvider locale>`, else the runtime's. */\n  locale?: string;\n}\n\nexport interface MeasuredRows {\n  /** The draft, as text — what the grid shows and edits. */\n  cells: string[][];\n  setCells: (next: string[][]) => void;\n  /** The filled rows as numbers — EMPTY until the table is `ready`. */\n  rows: number[][];\n  /** Replace the whole table with computed numbers (a generated shape, say). */\n  setRows: (next: number[][]) => void;\n  /** At least two filled rows, and every cell in them is a number. */\n  ready: boolean;\n  /** How many cells are typed but are not numbers — what the grid marks invalid. */\n  problems: number;\n  /** Everything `MeasuredGrid` needs, so a caller spreads it in one line. */\n  props: { cells: string[][]; onCells: (next: string[][]) => void };\n}\n\n/**\n * The draft a measured table is edited as.\n *\n * **Strings, not numbers.** A cell is text while it is being typed — `\"-\"`, `\"1.\"` and\n * `\"1e\"` are all states a number passes through on its way to being one, and a grid\n * that parses on every keystroke turns each of them into a `NaN` and then into a `0`.\n * So the draft is text, and the numbers are what falls out when every cell is one.\n *\n * **\"Whole\" is a question this answers**, because every editor asks it before it\n * offers to save: `ready` wants at least two filled rows with a number in every cell.\n * An empty cell is a hole in the measurement, not a zero; a wholly empty row is not a\n * row at all (it is what walking off the bottom of the grid leaves behind).\n *\n * `initial` is read once, like `useState`'s.\n */\nexport function useMeasuredRows(\n  initial: number[][] | (() => number[][]),\n  options: UseMeasuredRowsOptions = {},\n): MeasuredRows {\n  const { digits = 4 } = options;\n  const mark = decimalMark(useKitLocale(options.locale));\n  const [cells, setCells] = useState<string[][]>(() =>\n    (typeof initial === \"function\" ? initial() : initial).map((row) =>\n      row.map((value) => formatCell(value, digits, mark)),\n    ),\n  );\n\n  const { rows, ready, problems } = useMemo(() => {\n    const filled = cells.filter(hasContent);\n    const whole = filled.length >= 2 && filled.every((row) => row.every(isCellNumber));\n    return {\n      rows: whole ? filled.map((row) => row.map(cellNumber)) : [],\n      ready: whole,\n      problems: filled.flat().filter((cell) => cell.trim() !== \"\" && !isCellNumber(cell)).length,\n    };\n  }, [cells]);\n\n  const setRows = useCallback(\n    (next: number[][]) => setCells(next.map((row) => row.map((value) => formatCell(value, digits, mark)))),\n    [digits, mark],\n  );\n  const props = useMemo(() => ({ cells, onCells: setCells }), [cells]);\n\n  return { cells, setCells, rows, setRows, ready, problems, props };\n}\n\nexport interface MeasuredGridProps extends Omit<ComponentPropsWithRef<\"div\">, \"children\" | \"onChange\"> {\n  /** What the table is — shown above it, and the grid's accessible name. */\n  label: string;\n  /** A note under the table (which columns a layout expects, say). Also the grid's\n   *  description. */\n  hint?: ReactNode;\n  columns: MeasuredGridColumn[];\n  /** The draft — typically `useMeasuredRows().props`. */\n  cells: string[][];\n  onCells: (next: string[][]) => void;\n  /** Read-only: the cells can still be walked and read, nothing can be changed. */\n  disabled?: boolean;\n  /** Which views the toggle offers, the first being where it opens. Default both;\n   *  one view hides the toggle. */\n  views?: ReadonlyArray<MeasuredGridView>;\n  /** A row's height at Normal text size, in px. Default 28. Since 0.32 it is the\n   *  windowing's estimate and each row's minimum, multiplied by the text size's scale;\n   *  the rendered rows are measured (docs/text-size-harmonization.md §10.9). */\n  rowHeight?: number;\n  /** BCP 47 tag for the decimal mark of cells written by a paste or the text view,\n   *  and for the row numbers; else the `<UiKitProvider locale>`. */\n  locale?: string;\n  labels?: LabelOverride<MeasuredGridLabels>;\n}\n\n/**\n * A measured table as a grid of cells, one number each, with a text view beside it.\n *\n * The grid is the primary form because a linkage typed off a drawing arrives as\n * numbers somebody reads out loud, and a textarea made that an exercise in counting\n * tab characters. The paste still works: a block pasted into any cell fills from that\n * cell outwards, growing the table to fit. The text view is kept for what a grid is\n * worst at — reading a thousand-row export back in one piece.\n *\n * **It is a grid in the APG sense**, which the Lenkbank original was not (a `<table>`\n * of inputs, fifteen tab stops per row). One tab stop — the roving tabindex — and the\n * keyboard inside it, as a spreadsheet has it:\n *\n *   - **Arrows** move between cells. Left/Right flip under `dir=\"rtl\"`.\n *   - **Home/End** go to the first/last column; with Ctrl (or ⌘), to the first/last\n *     cell of the table. **PageUp/PageDown** move a screenful.\n *   - **Enter** (and ArrowDown) move down a column, and past the last row ADD one —\n *     typing down a column is how measured data is entered, and stopping at the last\n *     row to reach for a button is what makes people paste instead. Shift+Enter moves up.\n *   - **Typing** replaces the cell: arriving by keyboard selects its text, so the first\n *     key overwrites it. That is the edit mode data entry wants, entered without a key.\n *     **F2** edits in place instead (caret at the end). Either way the cell is then\n *     *editing*: Left/Right move the caret, and cross to the next cell only at the edge\n *     of the text; Home/End stay in the text. **Escape** puts back what the cell held\n *     when the caret arrived, and leaves editing.\n *\n * APG's grid pattern pairs Enter with F2 as the keys that start editing. Enter is\n * spent on \"next row\" here on purpose — it is the one key a person typing a column of\n * numbers presses between every one of them, and every spreadsheet spends it the same\n * way — and typing-to-replace makes an explicit \"start editing\" key unnecessary for\n * the common case. F2 remains for the uncommon one.\n */\nexport function MeasuredGrid({\n  label,\n  hint,\n  columns,\n  cells,\n  onCells,\n  disabled,\n  views = ALL_VIEWS,\n  rowHeight = DEFAULT_ROW_HEIGHT,\n  locale: localeProp,\n  labels: labelsProp,\n  className,\n  ...rest\n}: MeasuredGridProps) {\n  const labels = useKitLabels(\"measuredGrid\", DEFAULT_MEASURED_GRID_LABELS, labelsProp);\n  const locale = useKitLocale(localeProp);\n  const mark = decimalMark(locale);\n  const id = useId();\n  const labelId = `${id}-label`;\n  const hintId = `${id}-hint`;\n  const keysId = `${id}-keys`;\n  const offered = views.length ? views : ALL_VIEWS;\n  const [chosen, setChosen] = useState<MeasuredGridView>(offered[0]);\n  const view = offered.includes(chosen) ? chosen : offered[0];\n\n  return (\n    // `relative` so the keyboard description below can be `sr-only` without escaping\n    // to the initial containing block (see sr-only-containment.test).\n    <div {...rest} className={cn(\"relative\", className)}>\n      <div className=\"mb-1 flex flex-wrap items-center justify-between gap-2\">\n        <span id={labelId} className=\"text-caption font-medium text-muted\">\n          {label}\n        </span>\n        {offered.length > 1 && (\n          <ToggleGroup\n            className=\"w-auto\"\n            aria-label={labels.view}\n            value={view}\n            onChange={setChosen}\n            options={offered.map((value) => ({\n              value,\n              label: value === \"cells\" ? labels.cellsView : labels.textView,\n            }))}\n          />\n        )}\n      </div>\n      {view === \"cells\" ? (\n        <CellGrid\n          columns={columns}\n          cells={cells}\n          onCells={onCells}\n          disabled={disabled}\n          rowHeight={rowHeight}\n          locale={locale}\n          mark={mark}\n          labels={labels}\n          labelledBy={labelId}\n          describedBy={hint ? `${keysId} ${hintId}` : keysId}\n        />\n      ) : (\n        <TextView\n          columns={columns}\n          cells={cells}\n          onCells={onCells}\n          disabled={disabled}\n          mark={mark}\n          labels={labels}\n          labelledBy={labelId}\n          describedBy={hint ? hintId : undefined}\n        />\n      )}\n      {hint && (\n        <p id={hintId} className=\"mt-1 px-1 text-caption text-muted\">\n          {hint}\n        </p>\n      )}\n      {view === \"cells\" && (\n        <span id={keysId} className=\"sr-only\">\n          {labels.keyboardHint}\n        </span>\n      )}\n    </div>\n  );\n}\n\n/** Where the caret is. Held in state rather than read off `document`, because a\n *  windowed grid unmounts the cell being walked towards: the move is decided first and\n *  focused after the row it lands on has been rendered. */\ninterface Caret {\n  row: number;\n  column: number;\n}\n\ninterface ViewProps {\n  columns: MeasuredGridColumn[];\n  cells: string[][];\n  onCells: (next: string[][]) => void;\n  disabled?: boolean;\n  mark: \",\" | \".\";\n  labels: MeasuredGridLabels;\n  labelledBy: string;\n  describedBy?: string;\n}\n\nfunction CellGrid({\n  columns,\n  cells,\n  onCells,\n  disabled,\n  rowHeight,\n  locale,\n  mark,\n  labels,\n  labelledBy,\n  describedBy,\n}: ViewProps & { rowHeight: number; locale: string | undefined }) {\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const headRef = useRef<HTMLDivElement>(null);\n  const width = columns.length;\n  const blankRow = () => columns.map(() => BLANK);\n  // At least one row to type into: a grid with nothing in it has nowhere to put the\n  // first number, and \"add a row\" is not the first thing to ask of someone who has\n  // just opened an empty table. It is not written back until something is typed.\n  const grid = cells.length ? cells : [blankRow()];\n  const { first, last, totalHeight, offsetOf, heightOf, estimate, measureRef } = useWindowedRows(\n    grid.length,\n    rowHeight,\n    scrollRef,\n  );\n  const rowNumber = useMemo(() => new Intl.NumberFormat(locale), [locale]);\n\n  // The remove buttons are the last column of the grid, reachable by the arrows like\n  // any cell — except where they are disabled (a read-only grid, or the placeholder\n  // row of an empty one), because a disabled button cannot hold the tab stop.\n  const removable = !disabled && cells.length > 0;\n  const lastColumn = removable ? width : width - 1;\n\n  const [caret, setCaret] = useState<Caret>({ row: 0, column: 0 });\n  // Clamped on read, not corrected in an effect: rows removed or columns changed from\n  // outside must never leave the tab stop on a cell that is not there.\n  const at = { row: Math.min(caret.row, grid.length - 1), column: Math.min(caret.column, lastColumn) };\n  /** Whether the caret cell is being edited in place (see the component note). */\n  const [editing, setEditing] = useState(false);\n  /** A cell that has to take focus once it exists — one commit away when the move\n   *  crossed the edge of the window. `select` is arrival by keyboard. */\n  const pending = useRef<(Caret & { select: boolean }) | null>(null);\n  /** What the caret cell held when the caret arrived: what Escape puts back. */\n  const origin = useRef(BLANK);\n  /** The next focus was a pointer's: place the caret where it was clicked, edit. */\n  const pointer = useRef(false);\n\n  useEffect(() => {\n    const target = pending.current;\n    if (!target) return;\n    const element = scrollRef.current?.querySelector<HTMLElement>(`[data-cell=\"${target.row}:${target.column}\"]`);\n    if (!element) return;\n    pending.current = null;\n    // `preventScroll`: `reveal` already scrolled the row clear of the sticky header,\n    // which the browser's own scroll-into-view does not know is there.\n    element.focus({ preventScroll: true });\n    if (target.select && element instanceof HTMLInputElement) element.select();\n  });\n\n  const pad = (row: readonly string[] | undefined) =>\n    Array.from({ length: width }, (_, index) => row?.[index] ?? BLANK);\n\n  const setCell = (row: number, column: number, value: string) => {\n    const next = grid.map(pad);\n    next[row][column] = value;\n    onCells(next);\n  };\n\n  /** Scroll `row` into the band below the sticky header. */\n  const reveal = (row: number) => {\n    const element = scrollRef.current;\n    if (!element) return;\n    const room = element.clientHeight - (headRef.current?.offsetHeight ?? 0);\n    if (room <= 0) return;\n    // Measured where the row has been rendered, the scaled estimate where not (§10.9).\n    const top = offsetOf(row);\n    const height = heightOf(row);\n    if (top < element.scrollTop) element.scrollTop = top;\n    else if (top + height > element.scrollTop + room) element.scrollTop = top + height - room;\n  };\n\n  const focusCell = (row: number, column: number) => {\n    reveal(row);\n    pending.current = { row, column, select: true };\n    setCaret({ row, column });\n    setEditing(false);\n  };\n\n  const go = (row: number, column: number) => {\n    const target = {\n      row: Math.max(0, Math.min(row, grid.length - 1)),\n      column: Math.max(0, Math.min(column, lastColumn)),\n    };\n    if (target.row === at.row && target.column === at.column) return;\n    focusCell(target.row, target.column);\n  };\n\n  /** Down a column — and off the bottom, a new row, unless the last one is still\n   *  empty: holding ArrowDown should not leave a trail of blank rows behind it. */\n  const down = (row: number, column: number) => {\n    if (row + 1 < grid.length) return go(row + 1, column);\n    if (disabled || !hasContent(grid[row])) return;\n    onCells([...grid.map(pad), blankRow()]);\n    focusCell(row + 1, Math.min(column, width - 1));\n  };\n\n  const page = () => {\n    const element = scrollRef.current;\n    const room = element ? element.clientHeight - (headRef.current?.offsetHeight ?? 0) : 0;\n    // No layout (a hidden pane, jsdom): a fixed ten rather than one row at a time.\n    return room > 0 ? Math.max(1, Math.floor(room / estimate) - 1) : 10;\n  };\n\n  /**\n   * On each cell rather than once on the grid, for the reason `MiniCalendar` gives:\n   * the cell is where focus is, and a container listening for keys it cannot receive\n   * is the shape `jsx-a11y/interactive-supports-focus` objects to.\n   */\n  const onCellKeyDown = (event: KeyboardEvent<HTMLElement>, row: number, column: number) => {\n    const input = event.currentTarget instanceof HTMLInputElement ? event.currentTarget : null;\n    const inText = Boolean(input) && editing;\n    const modified = event.ctrlKey || event.metaKey;\n    switch (event.key) {\n      case \"ArrowUp\":\n        event.preventDefault();\n        return go(row - 1, column);\n      case \"ArrowDown\":\n        event.preventDefault();\n        return down(row, column);\n      case \"Enter\":\n        // On the remove button Enter is the button's own.\n        if (!input) return;\n        event.preventDefault();\n        return event.shiftKey ? go(row - 1, column) : down(row, column);\n      case \"ArrowLeft\":\n      case \"ArrowRight\": {\n        // Along the reading direction: ArrowLeft is \"next column\" in RTL.\n        const forward = horizontalStep(event.key, event.currentTarget) === 1;\n        if (inText && input) {\n          const edge = forward ? input.value.length : 0;\n          // Inside the text the caret moves; only at its edge does it leave the cell.\n          if (input.selectionStart !== edge || input.selectionEnd !== edge) return;\n        }\n        event.preventDefault();\n        return go(row, column + (forward ? 1 : -1));\n      }\n      case \"Home\":\n      case \"End\": {\n        if (inText && !modified) return;\n        event.preventDefault();\n        const home = event.key === \"Home\";\n        if (modified) return go(home ? 0 : grid.length - 1, home ? 0 : width - 1);\n        return go(row, home ? 0 : width - 1);\n      }\n      case \"PageUp\":\n        event.preventDefault();\n        return go(row - page(), column);\n      case \"PageDown\":\n        event.preventDefault();\n        return go(row + page(), column);\n      case \"F2\":\n        if (!input || disabled) return;\n        event.preventDefault();\n        setEditing(true);\n        input.setSelectionRange(input.value.length, input.value.length);\n        return;\n      case \"Escape\":\n        // Not editing: nothing of ours to undo, so the key belongs to whatever the\n        // grid sits in — the dialog it is in closes, as it should.\n        if (!input || !editing) return;\n        event.preventDefault();\n        event.stopPropagation();\n        if (input.value !== origin.current) setCell(row, column, origin.current);\n        pending.current = { row, column, select: true };\n        setEditing(false);\n        return;\n    }\n  };\n\n  /**\n   * A pasted block, written in from the cell it was pasted into.\n   *\n   * Rows past the end grow the table; columns past the last are dropped, because a\n   * paste wider than the measurement is a paste with a trailing timestamp column and\n   * not an error worth refusing. One header line is skipped — pasted data almost\n   * always has one. Each line is read on its own evidence (`splitRow`, the per-line\n   * comma rule), so one line cannot change what another means.\n   */\n  const paste = (row: number, column: number, text: string) => {\n    const lines = text.split(/\\r?\\n/).filter((line) => line.trim() !== \"\");\n    if (!lines.length) return;\n    const block = lines.map(splitRow);\n    if (block.length > 1 && block[0].some((cell) => !isCellNumber(cell))) block.shift();\n\n    const height = Math.max(grid.length, row + block.length);\n    const next = Array.from({ length: height }, (_, index) => pad(grid[index]));\n    block.forEach((line, downwards) => {\n      line.forEach((cell, across) => {\n        const target = column + across;\n        if (target < width) next[row + downwards][target] = withMark(cell.trim(), mark);\n      });\n    });\n    onCells(next);\n    pending.current = { row, column, select: true };\n    setEditing(false);\n  };\n\n  const template = `2.5rem repeat(${width}, minmax(5.5rem, 1fr)) 2rem`;\n  // The caret's row is mounted even when it has been scrolled out of the window: it\n  // holds the grid's only tab stop, and a tab stop that is not in the DOM is a grid\n  // Tab walks straight past.\n  const mounted: number[] = [];\n  for (let index = first; index < last; index += 1) mounted.push(index);\n  if (at.row < first || at.row >= last) mounted.push(at.row);\n\n  const filled = cells.filter(hasContent);\n  const problems = filled.flat().filter((cell) => cell.trim() !== \"\" && !isCellNumber(cell)).length;\n\n  return (\n    <div className=\"rounded-md border border-subtle bg-surface\">\n      <div ref={scrollRef} className=\"max-h-72 overflow-auto\">\n        <div\n          role=\"grid\"\n          aria-labelledby={labelledBy}\n          aria-describedby={describedBy}\n          // The true size, not the mounted one: a screen reader otherwise reports the\n          // thirty rows in the window as the whole table.\n          aria-rowcount={grid.length + 1}\n          aria-colcount={width + 2}\n          aria-readonly={disabled || undefined}\n          className=\"text-xs\"\n          style={{ minWidth: `calc(4.5rem + ${width} * 5.5rem)` }}\n        >\n          {/* The header stays put vertically and scrolls sideways with the body, so a\n              fifteen-column linkage can be read without losing which column is which. */}\n          <div ref={headRef} role=\"rowgroup\" className=\"sticky top-0 z-10 bg-surface-2\">\n            <div\n              role=\"row\"\n              aria-rowindex={1}\n              className=\"grid border-b border-subtle\"\n              style={{ gridTemplateColumns: template }}\n            >\n              <div\n                role=\"columnheader\"\n                aria-label={labels.rowNumber}\n                className=\"flex items-end justify-end px-1 py-1 text-micro text-placeholder\"\n              >\n                #\n              </div>\n              {columns.map((column, index) => (\n                <div key={index} role=\"columnheader\" className=\"min-w-0 border-s border-subtle px-2 py-1 text-end\">\n                  <span className=\"block truncate font-medium text-primary\">{column.label}</span>\n                  {column.unit && <span className=\"block truncate text-micro text-muted\">{column.unit}</span>}\n                </div>\n              ))}\n              <div role=\"columnheader\" aria-label={labels.rowActions} className=\"border-s border-subtle\" />\n            </div>\n          </div>\n          {/* Only the rows in the window are mounted — a swept linkage is thousands of\n              them across fifteen inputs — each placed at its own offset, so mounting\n              one more (the caret's) costs nothing in the arithmetic. Since 0.32 a row\n              is at least the scaled estimate tall and measured as it renders (§10.9):\n              `minHeight`, not `height`, so the type at Extra large is never cut. */}\n          <div role=\"rowgroup\" className=\"relative\" style={{ height: totalHeight }}>\n            {mounted.map((index) => {\n              const row = grid[index];\n              return (\n                <div\n                  key={index}\n                  ref={measureRef}\n                  {...{ [WINDOWED_ROW_INDEX]: index }}\n                  role=\"row\"\n                  aria-rowindex={index + 2}\n                  className=\"absolute inset-x-0 grid hover:bg-hover\"\n                  style={{ top: offsetOf(index), minHeight: estimate, gridTemplateColumns: template }}\n                >\n                  <div\n                    role=\"rowheader\"\n                    className=\"flex items-center justify-end px-1 text-micro tabular-nums text-placeholder\"\n                  >\n                    {rowNumber.format(index + 1)}\n                  </div>\n                  {columns.map((column, columnIndex) => {\n                    const value = row[columnIndex] ?? BLANK;\n                    const bad = value.trim() !== \"\" && !isCellNumber(value);\n                    const isCaret = at.row === index && at.column === columnIndex;\n                    return (\n                      <div key={columnIndex} role=\"gridcell\" className=\"min-w-0 border-s border-subtle\">\n                        <input\n                          data-cell={`${index}:${columnIndex}`}\n                          value={value}\n                          // `readOnly`, not `disabled`: a disabled input cannot take\n                          // focus, and a read-only table should still be walkable.\n                          readOnly={disabled}\n                          tabIndex={isCaret ? 0 : -1}\n                          inputMode=\"decimal\"\n                          spellCheck={false}\n                          autoComplete=\"off\"\n                          aria-label={labels.cell(column.label, index + 1)}\n                          // Said, not only painted: the ring is what a sighted user\n                          // sees, `aria-invalid` is what a screen reader reads.\n                          aria-invalid={bad || undefined}\n                          className={cn(\n                            \"block size-full bg-transparent px-2 text-end tabular-nums text-primary outline-none\",\n                            // A cell is a field: 16 px on touch, or iOS zooms on focus (§10.1).\n                            FIELD_TOUCH_TEXT,\n                            // Arriving selects the text (typing replaces it); editing\n                            // in place is the plain surface with a caret in it.\n                            // The kit's focus frame (§5), inset so the next cell's\n                            // border does not paint over it. A text input is\n                            // `:focus-visible` however it was focused.\n                            \"focus:bg-brand-soft\",\n                            FOCUS_RING,\n                            \"focus-visible:ring-inset\",\n                            isCaret && editing && \"focus:bg-surface\",\n                            disabled && \"text-muted\",\n                            bad && cn(FIELD_INVALID, \"ring-inset\"),\n                          )}\n                          onMouseDown={(event) => {\n                            // A click places a caret, which is editing. On the cell\n                            // already focused there is no focus event to say so.\n                            if (document.activeElement === event.currentTarget) setEditing(!disabled);\n                            else pointer.current = true;\n                          }}\n                          onFocus={(event) => {\n                            origin.current = event.currentTarget.value;\n                            if (!isCaret) setCaret({ row: index, column: columnIndex });\n                            const byPointer = pointer.current;\n                            pointer.current = false;\n                            setEditing(byPointer && !disabled);\n                            if (!byPointer) event.currentTarget.select();\n                          }}\n                          onBlur={() => setEditing(false)}\n                          onChange={(event) => {\n                            setCell(index, columnIndex, event.target.value);\n                            setEditing(true);\n                          }}\n                          onPaste={(event) => {\n                            if (disabled) return;\n                            const text = event.clipboardData.getData(\"text/plain\");\n                            // One cell's worth of text is an ordinary paste, and the\n                            // browser does it better than this would; only a block is\n                            // the grid's business.\n                            if (!/[\\t\\n;]/.test(text)) return;\n                            event.preventDefault();\n                            paste(index, columnIndex, text);\n                          }}\n                          onKeyDown={(event) => onCellKeyDown(event, index, columnIndex)}\n                        />\n                      </div>\n                    );\n                  })}\n                  <div role=\"gridcell\" className=\"flex items-center justify-center border-s border-subtle\">\n                    <button\n                      type=\"button\"\n                      data-cell={`${index}:${width}`}\n                      disabled={!removable}\n                      tabIndex={at.row === index && at.column === width ? 0 : -1}\n                      aria-label={labels.removeRow(index + 1)}\n                      className={cn(\n                        \"rounded p-1 text-placeholder outline-none hover:text-danger disabled:cursor-default disabled:hover:text-placeholder\",\n                        FOCUS_RING,\n                      )}\n                      onKeyDown={(event) => onCellKeyDown(event, index, width)}\n                      onFocus={() => {\n                        if (at.row !== index || at.column !== width) setCaret({ row: index, column: width });\n                      }}\n                      onClick={() => {\n                        const next = grid.filter((_, other) => other !== index);\n                        onCells(next);\n                        // Focus stays in the column, on the row that moved up into\n                        // this one; an emptied table sends it to the first cell.\n                        if (next.length) focusCell(Math.min(index, next.length - 1), width);\n                        else focusCell(0, 0);\n                      }}\n                    >\n                      <Trash2 aria-hidden className=\"size-3.5\" />\n                    </button>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      </div>\n      <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1 border-t border-subtle px-2 py-1.5\">\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          disabled={disabled}\n          onClick={() => {\n            onCells([...grid.map(pad), blankRow()]);\n            focusCell(grid.length, 0);\n          }}\n        >\n          <Plus aria-hidden className=\"size-3.5\" /> {labels.addRow}\n        </Button>\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"text-muted\"\n          disabled={disabled || !cells.length}\n          onClick={() => {\n            onCells([]);\n            // The button is about to disable itself; focus must not go down with it.\n            focusCell(0, 0);\n          }}\n        >\n          <Eraser aria-hidden className=\"size-3.5\" /> {labels.clear}\n        </Button>\n        <span className=\"text-caption tabular-nums text-muted\">\n          {/* bdi: an LTR label (\"3 points\") in an RTL grid would reorder to \"points 3\". */}\n          <bdi>{labels.points(filled.length)}</bdi>\n        </span>\n        {problems > 0 && <span className=\"text-caption text-danger\">{labels.problems(problems)}</span>}\n        <span className=\"ms-auto flex items-center gap-1 text-caption text-muted\">\n          <ClipboardPaste aria-hidden className=\"size-3.5\" /> {labels.pasteHint}\n        </span>\n      </div>\n    </div>\n  );\n}\n\nconst textOf = (cells: string[][]) => cells.map((row) => row.join(\"\\t\")).join(\"\\n\");\n\n/**\n * The same table as text.\n *\n * Kept because the grid is worst at exactly what a textarea is best at: reading a long\n * export back in one piece. It commits on blur — through `parseRows`, the paste door —\n * and a line it cannot read is NAMED rather than dropped: half a sweep saved as a\n * measurement is worse than a refusal.\n */\nfunction TextView({ columns, cells, onCells, disabled, mark, labels, labelledBy, describedBy }: ViewProps) {\n  const text = textOf(cells);\n  const [draft, setDraft] = useState(text);\n  const [errorLine, setErrorLine] = useState<number | null>(null);\n  // Follow the table when it changes from outside (a generated shape, a cleared form).\n  // Compared as text, so a caller that rebuilds the same cells every render does not\n  // wipe what is being typed.\n  const [seen, setSeen] = useState(text);\n  if (seen !== text) {\n    setSeen(text);\n    setDraft(text);\n    setErrorLine(null);\n  }\n\n  const commit = () => {\n    // Untouched: nothing to read back, and re-reading would rewrite every cell in the\n    // lexer's spelling of it.\n    if (draft === text) return;\n    if (!draft.trim()) {\n      setErrorLine(null);\n      onCells([]);\n      return;\n    }\n    const parsed = parseRows(draft, columns.length);\n    if (\"error\" in parsed) {\n      setErrorLine(parsed.error);\n      return;\n    }\n    setErrorLine(null);\n    onCells(parsed.rows.map((row) => row.map((value) => withMark(String(value), mark))));\n  };\n\n  const lines = draft.split(\"\\n\").filter((line) => line.trim()).length;\n\n  return (\n    <div>\n      <Textarea\n        aria-labelledby={labelledBy}\n        aria-describedby={describedBy}\n        rows={10}\n        value={draft}\n        readOnly={disabled}\n        spellCheck={false}\n        className=\"font-mono text-xs\"\n        error={errorLine !== null ? labels.lineError(errorLine) : undefined}\n        onChange={(event) => setDraft(event.target.value)}\n        onBlur={commit}\n      />\n      <p className=\"mt-1 px-1 text-caption text-muted\">\n        {columns.map((column) => column.label).join(\" · \")}\n        {\" — \"}\n        <bdi>{labels.points(lines)}</bdi>\n      </p>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}