gridsmith-ui 0.28.0 → 0.29.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/CHANGELOG.md +47 -1
  2. package/dist/charts.d.ts +7 -2
  3. package/dist/charts.js +2 -2
  4. package/dist/charts.js.map +1 -1
  5. package/dist/chat.js +5 -5
  6. package/dist/{chunk-GXMTS3YD.js → chunk-37WOC7F7.js} +29 -12
  7. package/dist/chunk-37WOC7F7.js.map +1 -0
  8. package/dist/{chunk-OPFJEL3Z.js → chunk-4TUJXDRU.js} +96 -15
  9. package/dist/chunk-4TUJXDRU.js.map +1 -0
  10. package/dist/{chunk-EIWXVICU.js → chunk-6A5RHW2W.js} +3 -3
  11. package/dist/{chunk-EIWXVICU.js.map → chunk-6A5RHW2W.js.map} +1 -1
  12. package/dist/{chunk-XVB55M3N.js → chunk-72SDAX54.js} +2 -2
  13. package/dist/chunk-72SDAX54.js.map +1 -0
  14. package/dist/{chunk-YUTF2X6B.js → chunk-FUKSLQ77.js} +8 -8
  15. package/dist/{chunk-YUTF2X6B.js.map → chunk-FUKSLQ77.js.map} +1 -1
  16. package/dist/{chunk-DQCHCLEJ.js → chunk-I3MTQ3CS.js} +5 -5
  17. package/dist/{chunk-DQCHCLEJ.js.map → chunk-I3MTQ3CS.js.map} +1 -1
  18. package/dist/{chunk-66JJCQU3.js → chunk-JTU7OBYJ.js} +5 -3
  19. package/dist/chunk-JTU7OBYJ.js.map +1 -0
  20. package/dist/{chunk-2ROVDVLZ.js → chunk-MFAWJSMJ.js} +3 -3
  21. package/dist/{chunk-2ROVDVLZ.js.map → chunk-MFAWJSMJ.js.map} +1 -1
  22. package/dist/{chunk-TJEV7YAY.js → chunk-MKFWHWBK.js} +2 -2
  23. package/dist/{chunk-TJEV7YAY.js.map → chunk-MKFWHWBK.js.map} +1 -1
  24. package/dist/{chunk-BRAXJEEP.js → chunk-QNHVPE2B.js} +4 -4
  25. package/dist/{chunk-BRAXJEEP.js.map → chunk-QNHVPE2B.js.map} +1 -1
  26. package/dist/{chunk-TRDXWHD2.js → chunk-RECCCA7Z.js} +6 -6
  27. package/dist/chunk-RECCCA7Z.js.map +1 -0
  28. package/dist/{chunk-R4GXKH4U.js → chunk-RJEUQ7RL.js} +10 -8
  29. package/dist/chunk-RJEUQ7RL.js.map +1 -0
  30. package/dist/{chunk-CRQ6KCRD.js → chunk-ZHUVLBCC.js} +7 -4
  31. package/dist/chunk-ZHUVLBCC.js.map +1 -0
  32. package/dist/data-grid.d.ts +2 -2
  33. package/dist/data-grid.js +9 -9
  34. package/dist/data-grid.js.map +1 -1
  35. package/dist/editor-mentions.js +2 -2
  36. package/dist/editor.js +4 -4
  37. package/dist/icons.d.ts +9 -0
  38. package/dist/icons.js +1 -1
  39. package/dist/index.d.ts +45 -35
  40. package/dist/index.js +142 -164
  41. package/dist/index.js.map +1 -1
  42. package/dist/kanban.js +6 -6
  43. package/dist/kanban.js.map +1 -1
  44. package/dist/resizable.js +7 -7
  45. package/dist/roots.css +2 -0
  46. package/dist/{table-utils-BkjNEWts.d.ts → table-utils-CxnpFHRF.d.ts} +5 -4
  47. package/dist/{use-pagination-BxcRlNQG.d.ts → use-pagination-QykGSREv.d.ts} +7 -0
  48. package/dist/utils.js.map +1 -1
  49. package/dist/virtualized.d.ts +1 -1
  50. package/dist/virtualized.js +6 -6
  51. package/package.json +2 -2
  52. package/dist/chunk-66JJCQU3.js.map +0 -1
  53. package/dist/chunk-CRQ6KCRD.js.map +0 -1
  54. package/dist/chunk-GXMTS3YD.js.map +0 -1
  55. package/dist/chunk-OPFJEL3Z.js.map +0 -1
  56. package/dist/chunk-R4GXKH4U.js.map +0 -1
  57. package/dist/chunk-TRDXWHD2.js.map +0 -1
  58. package/dist/chunk-XVB55M3N.js.map +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../showcase/src/lib/use-close-settle.ts","../../../showcase/src/lib/corner-insets.ts","../../../showcase/src/lib/edge-resize.tsx","../../../showcase/src/components/DiscardConfirm.tsx","../../../showcase/src/lib/drawer-width.ts","../../../showcase/src/lib/use-scrollbar-inset.ts","../../../showcase/src/components/Drawer.tsx","../../../showcase/src/components/SkipLink.tsx","../../../showcase/src/lib/react-version.ts","../../../showcase/src/components/AppShell.tsx","../../../showcase/src/components/Breadcrumbs.tsx","../../../showcase/src/lib/use-compact.ts"],"names":["t","useEffect","jsx","useRef","useState","useCallback","jsxs","createContext","useMemo","useContext","AppShell","forwardRef","Breadcrumbs","Fragment","createPortal","label"],"mappings":"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","file":"chunk-4TUJXDRU.js","sourcesContent":["import { useEffect, type RefObject } from \"react\";\nimport { useLatest } from \"./use-latest\";\n\n/** Longest transition (duration + delay) declared on `el`, in milliseconds. */\nfunction transitionMs(el: HTMLElement): number {\n const cs = getComputedStyle(el);\n const parse = (list: string) =>\n list.split(\",\").map((raw) => {\n const s = raw.trim();\n if (!s) return 0;\n const n = parseFloat(s);\n if (Number.isNaN(n)) return 0;\n return s.endsWith(\"ms\") ? n : n * 1000;\n });\n const durations = parse(cs.transitionDuration || \"0s\");\n const delays = parse(cs.transitionDelay || \"0s\");\n let max = 0;\n durations.forEach((d, i) => {\n const total = d + (delays[i] ?? delays[0] ?? 0);\n if (total > max) max = total;\n });\n return max;\n}\n\n/**\n * Run `onSettled` once an overlay's close transition has finished.\n *\n * Overlays used to unmount on `transitionend`, but a transition of zero\n * duration never fires that event — and `prefers-reduced-motion` sets every\n * transition to zero — so a closed Drawer stayed mounted off-screen with its\n * controls still in the Tab order. This settles on the event when there is a\n * transition, immediately (next tick) when there is none, and on a timeout if\n * the browser never reports the end. Reopening during the close cancels it.\n */\nexport function useCloseSettle(open: boolean, elRef: RefObject<HTMLElement | null>, onSettled: () => void) {\n const cb = useLatest(onSettled);\n useEffect(() => {\n if (open) return;\n const el = elRef.current;\n const ms = el ? transitionMs(el) : 0;\n let done = false;\n const finish = () => {\n if (done) return;\n done = true;\n cb.current();\n };\n if (!el || ms === 0) {\n const t = setTimeout(finish, 0);\n return () => clearTimeout(t);\n }\n const onEnd = (e: TransitionEvent) => {\n if (e.target === el) finish();\n };\n el.addEventListener(\"transitionend\", onEnd);\n const t = setTimeout(finish, ms + 50);\n return () => {\n el.removeEventListener(\"transitionend\", onEnd);\n clearTimeout(t);\n };\n }, [open, elRef, cb]);\n}\n","import { useEffect } from \"react\";\n\n/**\n * Corner-inset registry.\n *\n * Fixed chrome that occupies a bottom corner — a Launcher, an open CornerPanel —\n * claims the corner so the toast stack lands above it rather than over it.\n * Each claim is a CSS length expression (usually a calc()), so claims cannot be\n * compared numerically; instead every claimant declares a priority and the\n * highest active priority wins, ties going to the most recent claim. The\n * winner is written to the matching --ds-toast-inset-* custom property on the\n * target element (document root by default; a preview frame when the chrome is\n * rendered inside a container). Releasing the last claim removes the override\n * so roots.css's default applies again.\n */\n\n/**\n * A bottom corner (Launcher, CornerPanel), the middle of the bottom edge (a mid-edge bottom ribbon, a bottom panel), a\n * whole side edge (a docked AsidePanel, a non-modal side Drawer, a mid-edge side ribbon), or the top edge (the app's\n * Navbar, round 21).\n */\nexport type InsetEdge = \"bottom-right\" | \"bottom-left\" | \"bottom-center\" | \"right\" | \"left\" | \"top\";\n\nexport const TOAST_INSET_VARS: Record<InsetEdge, string> = {\n \"bottom-right\": \"--ds-toast-inset-bottom-right\",\n \"bottom-left\": \"--ds-toast-inset-bottom-left\",\n \"bottom-center\": \"--ds-toast-inset-bottom-center\",\n right: \"--ds-toast-inset-right\",\n left: \"--ds-toast-inset-left\",\n top: \"--ds-toast-inset-top\",\n};\n\n/**\n * A side claim for a panel beside the stack, capped so a toast still fits beside it at its narrowest (Toast's min-w,\n * 280 px) with a gutter: on a window with no such room the stack overlaps the panel's outer part rather than leaving the\n * window. The percentage is the stack's containing block, the window (or the preview frame).\n */\nexport function besideRoom(room: string): string {\n return `min(${room}, calc(100% - 280px - var(--ds-space-4)))`;\n}\n\n/** Launcher sits under everything else in its corner. */\nexport const LAUNCHER_INSET_PRIORITY = 1;\n/** A corner panel is taller than the launcher beneath it. */\nexport const PANEL_INSET_PRIORITY = 2;\n/** The app's top bar: a toast at the top lands below it, not over the user menu (round 21). */\nexport const NAVBAR_INSET_PRIORITY = 1;\n\ninterface Claim {\n inset: string;\n priority: number;\n seq: number;\n}\n\ntype CornerClaims = Record<InsetEdge, Claim[]>;\n\nconst registry = new WeakMap<Element, CornerClaims>();\nlet seq = 0;\n\nfunction claimsFor(target: Element): CornerClaims {\n let entry = registry.get(target);\n if (!entry) {\n entry = { \"bottom-right\": [], \"bottom-left\": [], \"bottom-center\": [], right: [], left: [], top: [] };\n registry.set(target, entry);\n }\n return entry;\n}\n\nfunction winner(claims: Claim[]): Claim | null {\n let best: Claim | null = null;\n for (const c of claims) {\n if (!best || c.priority > best.priority || (c.priority === best.priority && c.seq > best.seq)) best = c;\n }\n return best;\n}\n\nfunction apply(target: Element, corner: InsetEdge) {\n const style = (target as HTMLElement).style;\n if (!style) return;\n const best = winner(claimsFor(target)[corner]);\n if (best) style.setProperty(TOAST_INSET_VARS[corner], best.inset);\n else style.removeProperty(TOAST_INSET_VARS[corner]);\n}\n\n/**\n * Register a claim on `corner` for `target`. Returns the release function.\n * Imperative form, used by the hook and directly testable.\n */\nexport function claimCornerInset(corner: InsetEdge, inset: string, priority: number, target: Element): () => void {\n const claim: Claim = { inset, priority, seq: ++seq };\n const list = claimsFor(target)[corner];\n list.push(claim);\n apply(target, corner);\n return () => {\n const i = list.indexOf(claim);\n if (i >= 0) list.splice(i, 1);\n apply(target, corner);\n };\n}\n\n/** Test seam: the active claims on a corner of `target`, winner first. */\nexport function getCornerInsetClaims(corner: InsetEdge, target: Element): { inset: string; priority: number }[] {\n const list = registry.get(target)?.[corner] ?? [];\n return [...list]\n .sort((a, b) => (b.priority - a.priority) || (b.seq - a.seq))\n .map(({ inset, priority }) => ({ inset, priority }));\n}\n\n/**\n * Hold a corner claim while `corner` and `inset` are non-null. Pass the\n * container element when the chrome renders inside a frame; otherwise the\n * document root is used so the app-level ToastProvider sees the inset.\n */\nexport function useCornerInset(corner: InsetEdge | null, inset: string | null, priority: number, target?: Element | null) {\n useEffect(() => {\n if (!corner || !inset) return;\n const el = target ?? document.documentElement;\n return claimCornerInset(corner, inset, priority, el);\n }, [corner, inset, priority, target]);\n}\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { cn, GROUP_FOCUS_RING } from \"./utils\";\nimport { Icon } from \"./icons\";\nimport { useLatest } from \"./use-latest\";\n\n/**\n * A drag-to-resize edge shared by the docked AsidePanel and the non-modal\n * Drawer. Visually it is the panel's page-side edge: hover shows the resize\n * cursor and the line thickens in the accent colour; it stays lit while\n * dragging. Nothing else appears for mouse users.\n *\n * Keyboard, invisibly: the same edge is a focusable separator (WAI-ARIA\n * window-splitter pattern). On focus it lights up as on hover; Left/Right\n * nudge the width by a step (Shift for a larger one), Home/End snap to the\n * bounds, Escape restores the width from before the interaction, and a\n * double-click (or Enter) snaps back to the default. This is what satisfies\n * WCAG 2.1.1 and 2.5.7 without a visible button.\n *\n * The width the user chose is remembered for the session (per `memoryKey`),\n * like the sidebar's collapsed state — never persisted.\n */\n\nexport interface ResizeEdgeProps {\n /** Which edge of the panel the handle sits on — the side facing the page. A right-docked panel's handle is on its \"left\" edge. */\n edge: \"left\" | \"right\";\n /** Current width in px. */\n width: number;\n /** Lower bound in px — the width the app configured. */\n min: number;\n /** Upper bound in px; a function so it can follow the viewport. */\n max: () => number;\n /** The width to snap back to. */\n defaultWidth: number;\n onResize: (width: number) => void;\n /** Accessible name, e.g. \"Resize assistant\". */\n label: string;\n /** Called when a pointer drag starts and ends — panels switch off their width animation while it runs so the edge follows the pointer exactly. */\n onDraggingChange?: (dragging: boolean) => void;\n className?: string;\n}\n\nconst STEP = 16;\nconst BIG_STEP = 64;\n\nfunction clamp(v: number, min: number, max: number) {\n return Math.min(Math.max(v, min), max);\n}\n\nexport function ResizeEdge({ edge, width, min, max, defaultWidth, onResize, label, onDraggingChange, className }: ResizeEdgeProps) {\n const [dragging, setDragging] = useState(false);\n const start = useRef<{ x: number; width: number } | null>(null);\n const latestOnResize = useLatest(onResize);\n\n // Dragging the handle away from the panel makes it wider: for a handle on the\n // panel's left edge that is a leftward drag (negative dx), on its right edge a rightward one.\n const direction = edge === \"left\" ? -1 : 1;\n\n const onPointerDown = useCallback(\n (e: React.PointerEvent<HTMLDivElement>) => {\n if (e.button !== 0) return;\n e.preventDefault();\n start.current = { x: e.clientX, width };\n setDragging(true);\n e.currentTarget.setPointerCapture(e.pointerId);\n },\n [width],\n );\n\n const onPointerMove = useCallback(\n (e: React.PointerEvent<HTMLDivElement>) => {\n if (!start.current) return;\n const next = clamp(start.current.width + direction * (e.clientX - start.current.x), min, max());\n latestOnResize.current(next);\n },\n [direction, min, max, latestOnResize],\n );\n\n const endDrag = useCallback(() => {\n start.current = null;\n setDragging(false);\n }, []);\n\n const latestOnDraggingChange = useLatest(onDraggingChange);\n useEffect(() => {\n latestOnDraggingChange.current?.(dragging);\n }, [dragging, latestOnDraggingChange]);\n\n // Escape during a drag reverts to the width before it (corpus: Escape cancels\n // any in-progress pointer interaction).\n useEffect(() => {\n if (!dragging) return;\n const onKey = (e: KeyboardEvent) => {\n if (e.key !== \"Escape\" || !start.current) return;\n latestOnResize.current(start.current.width);\n endDrag();\n };\n document.addEventListener(\"keydown\", onKey);\n return () => document.removeEventListener(\"keydown\", onKey);\n }, [dragging, endDrag, latestOnResize]);\n\n const onKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n const step = e.shiftKey ? BIG_STEP : STEP;\n let next: number | null = null;\n // Left/Right move the edge itself; which way that widens depends on the edge.\n if (e.key === \"ArrowLeft\") next = width - direction * step;\n else if (e.key === \"ArrowRight\") next = width + direction * step;\n else if (e.key === \"Home\") next = min;\n else if (e.key === \"End\") next = max();\n else if (e.key === \"Enter\") next = defaultWidth;\n if (next === null) return;\n e.preventDefault();\n onResize(clamp(next, min, max()));\n };\n\n return (\n <div\n role=\"separator\"\n tabIndex={0}\n aria-orientation=\"vertical\"\n aria-label={label}\n aria-valuemin={min}\n aria-valuemax={max()}\n aria-valuenow={Math.round(width)}\n data-resize-edge={edge}\n data-dragging={dragging || undefined}\n onPointerDown={onPointerDown}\n onPointerMove={onPointerMove}\n onPointerUp={endDrag}\n onPointerCancel={endDrag}\n onDoubleClick={() => onResize(clamp(defaultWidth, min, max()))}\n onKeyDown={onKeyDown}\n className={cn(\n // A narrow absolutely-positioned strip over the edge — never a flex child that takes width. Its keyboard focus is\n // drawn round a grip it shows while focused (Sprint 30): an outline round the whole strip would be cut off at its\n // ends, which run the panel's full height, as ResizablePanels' handle draws its own.\n \"group group/edge absolute top-0 bottom-0 z-10 w-ds-2 cursor-col-resize touch-none select-none outline-none\",\n edge === \"left\" ? \"-left-ds-1\" : \"-right-ds-1\",\n className,\n )}\n >\n {/* The visible line: the panel's own border at rest, thicker and accent on hover / focus / drag. */}\n <div\n aria-hidden=\"true\"\n className={cn(\n \"absolute top-0 bottom-0 left-1/2 w-px -translate-x-1/2 transition-[width,background-color] duration-[var(--ds-transition-speed)]\",\n \"group-hover/edge:w-[3px] group-hover/edge:bg-[var(--ds-accent-primary)]\",\n \"group-focus-visible/edge:w-[3px] group-focus-visible/edge:bg-[var(--ds-accent-primary)]\",\n dragging && \"w-[3px] bg-[var(--ds-accent-primary)]\",\n )}\n />\n {/* the grip, inside the panel beside its edge, so the panel, which clips what lies past it, shows its outline whole:\n the strip sits a space's width over the edge, and the outline reaches 4 px past the grip */}\n <div\n aria-hidden=\"true\"\n className={cn(\n \"absolute top-1/2 hidden h-4 w-3 -translate-y-1/2 items-center justify-center group-focus-visible:flex\",\n edge === \"left\" ? \"left-[calc(var(--ds-space-1)+4px)]\" : \"right-[calc(var(--ds-space-1)+4px)]\",\n \"rounded-[var(--ds-radius-sm)] border-[length:var(--ds-border-width)] border-[var(--ds-border-default)] bg-[var(--ds-bg-surface)]\",\n GROUP_FOCUS_RING,\n )}\n >\n <Icon name=\"grip-vertical\" size={10} className=\"text-[var(--ds-text-muted)]\" />\n </div>\n </div>\n );\n}\n\n// ─── Session memory for chosen widths ────────────────────────────────────────\n\nconst remembered = new Map<string, number>();\n\n/**\n * The width a user dragged a panel to, kept for the session under `key`.\n * Returns [width | null, remember].\n */\nexport function useRememberedWidth(key: string | undefined): [number | null, (w: number | null) => void] {\n const [width, setWidth] = useState<number | null>(() => (key ? remembered.get(key) ?? null : null));\n const remember = useCallback(\n (w: number | null) => {\n setWidth(w);\n if (!key) return;\n if (w === null) remembered.delete(key);\n else remembered.set(key, w);\n },\n [key],\n );\n return [width, remember];\n}\n\n/** Test seam. */\nexport function clearRememberedWidths() {\n remembered.clear();\n}\n\n/** Parse a px length; anything else (a token, a percentage) reads as null and the panel measures itself instead. */\nexport function pxOf(length: string | undefined): number | null {\n if (!length) return null;\n const m = /^(\\d+(?:\\.\\d+)?)px$/.exec(length.trim());\n return m ? parseFloat(m[1]) : null;\n}\n\n/** Default upper bound: sixty percent of the viewport (or of the container). */\nexport function defaultMaxWidth(container?: Element | null): number {\n const base = container instanceof HTMLElement ? container.clientWidth : typeof window !== \"undefined\" ? window.innerWidth : 1200;\n return Math.round(base * 0.6);\n}\n","import { createContext, useCallback, useEffect, useMemo, useRef, useState, type ReactNode } from \"react\";\nimport { Button } from \"./Button\";\nimport { FormChangeCtx } from \"../lib/form-context\";\n\n/** Marks an overlay's panel: the part of the page whose controls a submit's answer is read from (0.21.0). */\nexport const OVERLAY_ROOT_ATTR = \"data-overlay-root\";\n\n/**\n * The controls a part of the page shows, by id or name: a save that keeps its form shows the same ones afterwards, a\n * step flow that moves on shows others, and a confirmation that replaces the form shows none (Sprint 25.12 A15).\n */\nfunction controlsOf(root: Element | null): string {\n if (!root) return \"\";\n const controls = root.querySelectorAll<HTMLElement>(\"input, select, textarea, [role='combobox'], [role='radiogroup'], [role='checkbox'], [role='switch'], [role='slider'], [role='spinbutton'], [contenteditable='true']\");\n return Array.from(controls).map((el) => el.id || el.getAttribute(\"name\") || el.getAttribute(\"role\") || el.tagName).join(\"|\");\n}\n\n/** A submitted form's answer, which the overlay reads once the page's answer is on screen. */\nexport interface OverlaySubmit {\n /** The page answered: its promise resolved (\"resolved\"), or its onSubmit returned no promise (\"returned\"). */\n settle: (how: \"resolved\" | \"returned\") => void;\n}\n\n/**\n * Sprint 25.12 A15 (R28-25): what an overlay knows of the forms inside it. A FormWrapper reports each change the user\n * makes, and the overlay asks before discarding while any form holds one. The overlay owns the marks, so a step flow\n * with one form per step keeps its changes after Next. A `dirty` prop the page passes wins over them. Hand-written flags\n * failed both ways in one run: the seats drawer had none, and the event drawer's was true before anything was typed.\n *\n * 0.21.0 (the review of 29 September): one mark per form, and a save clears only its own form's changes, and only those\n * made before its submit: two forms in one drawer, or a change typed while a save was running, were lost when the other\n * save cleared the drawer's single mark. A form that's gone keeps its changes until a later save or the overlay closing.\n */\nexport interface OverlayMark {\n /** The user gave one of this form's controls a new value. */\n report: (form: string) => void;\n /** This form is in the overlay until the returned function runs. */\n attach: (form: string) => () => void;\n /**\n * This form was submitted. Call before the page's onSubmit runs, then settle with its answer: the overlay reads it\n * once the answer is on screen, and clears the form's changes if it saved (FormWrapper's onSubmit says when).\n */\n submit: (form: string, from: { element: () => HTMLFormElement | null; failing: () => boolean }) => OverlaySubmit;\n /**\n * Work that closing would lose, such as a running upload (Sprint 25.12 A33): the overlay asks before closing while any\n * is held. Returns the release.\n */\n hold: () => () => void;\n /** Whether the overlay is open: work held inside a kept-mounted overlay stops when it closes. */\n open: boolean;\n}\n\nexport const OverlayMarkCtx = createContext<OverlayMark | null>(null);\n\n/**\n * An overlay's children, with its mark. Controls inside answer to a FormWrapper inside the overlay, never to a form\n * around it (0.21.0): a \"New label\" dialog opened from an edit drawer's form, or a delete's typed confirmation, marked the\n * drawer.\n */\nexport function OverlayMarkScope({ mark, children }: { mark: OverlayMark; children: ReactNode }) {\n return <OverlayMarkCtx value={mark}><FormChangeCtx value={null}>{children}</FormChangeCtx></OverlayMarkCtx>;\n}\n\n/** A form's changes in its overlay: the last one's number (0: none since it saved), and whether the form is still there. */\ninterface FormMark { stamp: number; mounted: boolean }\n\ninterface Answer { form: string; since: number; root: HTMLElement | null; controls: string; how: \"resolved\" | \"returned\"; element: () => HTMLFormElement | null; failing: () => boolean }\n\n/** An overlay's marks: set by a change, cleared by a save of the same form, and reset whenever the overlay closes; held while work runs. */\nexport function useOverlayMark(open: boolean): { marked: boolean; mark: OverlayMark } {\n const forms = useRef(new Map<string, FormMark>());\n const count = useRef(0);\n // answers from before the overlay last closed are void\n const round = useRef(0);\n const [changed, setChanged] = useState(false);\n const [holds, setHolds] = useState(0);\n const [answers, setAnswers] = useState<Answer[]>([]);\n const [wasOpen, setWasOpen] = useState(open);\n if (open !== wasOpen) {\n setWasOpen(open);\n if (!open) {\n setChanged(false);\n setAnswers([]);\n }\n }\n useEffect(() => {\n if (open) return;\n round.current++;\n for (const [id, f] of forms.current) {\n if (f.mounted) f.stamp = 0;\n else forms.current.delete(id);\n }\n }, [open]);\n const mark = useMemo<OverlayMark>(() => ({\n report: (form) => {\n const f = forms.current.get(form) ?? { stamp: 0, mounted: true };\n f.stamp = ++count.current;\n forms.current.set(form, f);\n setChanged(true);\n },\n attach: (form) => {\n const f = forms.current.get(form) ?? { stamp: 0, mounted: true };\n f.mounted = true;\n forms.current.set(form, f);\n return () => {\n const gone = forms.current.get(form);\n if (!gone) return;\n if (gone.stamp > 0) gone.mounted = false;\n else forms.current.delete(form);\n };\n },\n submit: (form, from) => {\n // the overlay's controls before the page answers, and the last change the save can carry\n const root = from.element()?.closest<HTMLElement>(`[${OVERLAY_ROOT_ATTR}]`) ?? null;\n const answer = { form, since: count.current, root, controls: controlsOf(root), ...from };\n const at = round.current;\n let settled = false;\n return {\n settle: (how) => {\n if (settled || at !== round.current) return;\n settled = true;\n setAnswers((list) => [...list, { ...answer, how }]);\n },\n };\n },\n hold: () => {\n setHolds((n) => n + 1);\n let released = false;\n return () => {\n if (released) return;\n released = true;\n setHolds((n) => n - 1);\n };\n },\n open,\n }), [open]);\n\n // An answer is read once it is on screen (this runs after the commit that carries the page's answer):\n // - a field still invalid in the form, or a check of its own failing: nothing saved;\n // - a submit that returned no promise and now shows other controls: a step flow moved on, and saves at its end;\n // - otherwise it saved: its form's changes up to its submit clear, with those of forms that have gone (a flow's steps).\n /* eslint-disable react-hooks/set-state-in-effect -- the answer is a DOM read after the page's answer commits */\n useEffect(() => {\n if (!answers.length) return;\n for (const a of answers) {\n const form = a.element();\n if (form?.isConnected && (form.querySelector(\"[aria-invalid='true']\") || a.failing())) continue;\n if (a.how === \"returned\") {\n const now = a.root?.isConnected ? controlsOf(a.root) : \"\";\n if (now !== \"\" && now !== a.controls) continue;\n }\n for (const [id, f] of forms.current) {\n if (f.stamp === 0 || f.stamp > a.since || (id !== a.form && f.mounted)) continue;\n if (f.mounted) forms.current.set(id, { ...f, stamp: 0 });\n else forms.current.delete(id);\n }\n }\n setAnswers([]);\n setChanged([...forms.current.values()].some((f) => f.stamp > 0));\n }, [answers]);\n /* eslint-enable react-hooks/set-state-in-effect */\n return { marked: changed || holds > 0, mark };\n}\n\n/**\n * The open overlay's guarded close (round 21): a Drawer, Dialog, or a Sheet given `dirty`, provides it so a form inside\n * can close the overlay through the same unsaved-changes question Escape and the close control ask. FormWrapper's\n * `onCancel` uses it; run 58's hand-wired Cancel closed a half-filled invite with no question while Escape asked.\n * `then` runs once the overlay has closed — never when the user keeps editing (the review of 23 September: the\n * form's own onCancel was dropped inside an overlay).\n */\nexport const OverlayCloseCtx = createContext<((then?: () => void) => void) | null>(null);\n\n/**\n * The dirty guard an overlay with a form shares (Sprint 25.2, C1): while the\n * content is dirty, every close path — Escape, backdrop, the close control —\n * asks first, inside the overlay rather than in a second dialog. The page\n * passes `dirty`; the overlay does the rest.\n */\nexport function useDirtyGuard(dirty: boolean | undefined, onClose: () => void, onDiscard?: () => void) {\n const [wantsConfirm, setWantsConfirm] = useState(false);\n const confirming = wantsConfirm && !!dirty;\n // What runs after the close goes ahead (a form's own onCancel). A close path wired as a click handler passes its event\n // here, so only a function counts; the overlay's own onClose is not run twice.\n const pending = useRef<unknown>(undefined);\n const runAfter = useCallback((then: unknown) => { if (typeof then === \"function\" && then !== onClose) (then as () => void)(); }, [onClose]);\n const requestClose = useCallback((then?: unknown) => {\n if (!dirty) { onClose(); runAfter(then); return; }\n pending.current = then;\n // A second close request while the question is showing (Escape again, another backdrop click) keeps editing.\n setWantsConfirm((c) => !c);\n }, [dirty, onClose, runAfter]);\n const keep = useCallback(() => { pending.current = undefined; setWantsConfirm(false); }, []);\n const discard = useCallback(() => {\n setWantsConfirm(false);\n onDiscard?.();\n onClose();\n const then = pending.current;\n pending.current = undefined;\n runAfter(then);\n }, [onClose, onDiscard, runAfter]);\n return { confirming, requestClose, keep, discard };\n}\n\nexport function DiscardConfirm({ open, onKeep, onDiscard }: { open: boolean; onKeep: () => void; onDiscard: () => void }) {\n const keepRef = useRef<HTMLButtonElement>(null);\n const returnTo = useRef<HTMLElement | null>(null);\n const overlay = useRef<HTMLElement | null>(null);\n // Focus moves to \"Keep editing\" while the question shows and goes back where it was when it closes — or to the\n // overlay's first control when nothing inside it had focus — so a non-modal drawer keeps answering Escape and a\n // screen reader keeps its place (Sprint 25.2 review).\n useEffect(() => {\n if (!open) return;\n const active = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n overlay.current = keepRef.current?.closest<HTMLElement>(\"[role='dialog'], [role='alertdialog']\") ?? null;\n returnTo.current = active && active !== document.body && overlay.current?.contains(active) ? active : null;\n keepRef.current?.focus();\n return () => {\n if (document.activeElement !== document.body) return;\n const back = returnTo.current;\n if (back && back.isConnected) { back.focus(); return; }\n const first = overlay.current?.querySelector<HTMLElement>(\"button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex='-1'])\");\n (first ?? overlay.current)?.focus();\n };\n }, [open]);\n if (!open) return null;\n return (\n <div\n role=\"group\"\n aria-label=\"Unsaved changes\"\n data-discard-confirm=\"\"\n className=\"shrink-0 flex flex-wrap items-center justify-between gap-ds-3 border-t-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)] bg-[var(--ds-status-warning-bg)]\"\n // at the overlay's inset, as its header, body and footer are (Sprint 25.14 A36)\n style={{ padding: \"var(--ds-space-3) var(--ds-page-gutter)\" }}\n >\n <p className=\"text-sm text-[var(--ds-text-primary)]\">You have unsaved changes.</p>\n <div className=\"flex items-center gap-ds-2\">\n <Button type=\"button\" ref={keepRef} variant=\"secondary\" size=\"sm\" onClick={onKeep}>Keep editing</Button>\n <Button type=\"button\" variant=\"destructive\" size=\"sm\" onClick={onDiscard}>Discard changes</Button>\n </div>\n </div>\n );\n}\n","import { createContext } from \"react\";\n\n/**\n * Sprint 25.14 A24: the width a Drawer given none takes. AppShell provides its drawerWidth here (520 px by default), so a\n * page's drawers share one width with nothing passed; a lib context, so the Drawer never imports the shell that renders\n * it. Null outside a shell, where a Drawer keeps 400 px.\n */\nexport const DrawerWidthCtx = createContext<string | null>(null);\n","import { useCallback, useRef } from \"react\";\n\n/**\n * Sprint 25.14 (the review of 30 September): an overlay's scrolling body whose scrollbar takes room (Windows, Linux, a\n * Mac set to always show scroll bars) loses the scrollbar's width from its right inset, so its fields end short of the\n * header's and the footer's. This measures the scrollbar and publishes its width as `--gs-scrollbar` on the element,\n * which the body's right padding takes from the gutter. A scrollbar that overlays the content (a Mac's default, a\n * phone's) measures 0. Returns a callback ref.\n */\nexport function useScrollbarInset<T extends HTMLElement = HTMLDivElement>() {\n const observer = useRef<ResizeObserver | null>(null);\n return useCallback((el: T | null) => {\n observer.current?.disconnect();\n observer.current = null;\n if (!el) return;\n const measure = () => {\n const style = getComputedStyle(el);\n const borders = (parseFloat(style.borderLeftWidth) || 0) + (parseFloat(style.borderRightWidth) || 0);\n el.style.setProperty(\"--gs-scrollbar\", `${Math.max(0, el.offsetWidth - el.clientWidth - borders)}px`);\n };\n measure();\n if (typeof ResizeObserver === \"undefined\") return;\n // a scrollbar that appears or goes narrows or widens the content box, which the observer reports\n const o = new ResizeObserver(measure);\n o.observe(el);\n observer.current = o;\n }, []);\n}\n\n/** The right padding of a body inset by `gutter`, less the scrollbar's width where it takes room. */\nexport const insetLessScrollbar = (gutter: string) => `max(0px, calc(${gutter} - var(--gs-scrollbar, 0px)))`;\n","import { useContext, useEffect, useRef, useState, useId, useCallback, useMemo, createContext, type ReactNode, type CSSProperties } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn, OVERLAY_SURFACE, GLASS_OVERLAY, FOCUS_RING, lockBodyScroll, unlockBodyScroll } from \"../lib/utils\";\nimport { Icon } from \"../lib/icons\";\nimport { focusInitial, useReturnFocus, useFocusTrap, useOverlayLayer, useNonModalDialog, OVERLAY_CLOSE_ATTR } from \"../lib/focus\";\nimport { useCloseSettle } from \"../lib/use-close-settle\";\nimport { besideRoom, PANEL_INSET_PRIORITY, useCornerInset } from \"../lib/corner-insets\";\nimport { ResizeEdge, useRememberedWidth, pxOf, defaultMaxWidth } from \"../lib/edge-resize\";\nimport { AutoTooltip } from \"./Tooltip\";\nimport { useTextOverflow } from \"../lib/use-text-overflow\";\nimport { useBreakpoint } from \"../lib/use-breakpoint\";\nimport { useDirtyGuard, DiscardConfirm, OverlayCloseCtx, OverlayMarkScope, OVERLAY_ROOT_ATTR, useOverlayMark } from \"./DiscardConfirm\";\nimport { useLatest } from \"../lib/use-latest\";\nimport { DrawerWidthCtx } from \"../lib/drawer-width\";\nimport { SurfaceBoundary } from \"../lib/surface-context\";\nimport { insetLessScrollbar, useScrollbarInset } from \"../lib/use-scrollbar-inset\";\n\n// ---------------------------------------------------------------------------\n// DrawerFooterContext — FormWrapper registers its actions here so the overlay\n// renders them in its footer area (outside the form's DOM tree, linked by the\n// HTML form attribute). An explicit `footer` prop on Drawer/Sheet wins.\n// ---------------------------------------------------------------------------\n\nexport interface DrawerFooterContextValue {\n registerActions: (id: string, actions: ReactNode) => void;\n unregisterActions: (id: string) => void;\n}\n\nexport const DrawerFooterCtx = createContext<DrawerFooterContextValue | null>(null);\n\ninterface DrawerProps {\n open: boolean;\n onClose: () => void;\n position?: \"left\" | \"right\" | \"bottom\";\n /** Pass none: the Drawer takes the app's width, which the shell carries (AppShell's drawerWidth, 520 px by default; 400 px outside a shell). For a deliberate wide or narrow drawer only. A non-modal side panel (modal={false}, such as the shell's assistant) keeps the width it is given. */\n width?: string;\n title?: ReactNode;\n children: ReactNode;\n footer?: ReactNode;\n container?: Element | DocumentFragment;\n /** Remove default content padding — use when the child (e.g. Sidebar) handles its own spacing. */\n flush?: boolean;\n /** Use a lighter backdrop (no blur, subtle dim). Use for compact overlays. */\n lightBackdrop?: boolean;\n /** Offset the drawer from the top of its container. When set, the area above this offset remains visible and interactive (e.g. keeping a navbar accessible). */\n topOffset?: string;\n /**\n * What the drawer becomes at phone width (≤ the sm breakpoint).\n * \"sheet\" (default for right and bottom, and for a non-modal drawer on any side): a draggable bottom Sheet with snap\n * points, always modal.\n * \"panel\" (default for a modal left drawer, which is the navigation convention): a full-height side panel.\n * lightBackdrop and topOffset do not apply in sheet mode.\n */\n mobile?: \"sheet\" | \"panel\";\n /** Snap points for the phone-width Sheet, as fractions of the viewport. Default [0.5, 0.92]. */\n snapPoints?: number[];\n /**\n * Default true. false makes the drawer a persistent, non-modal panel the user works alongside\n * (an assistant, help): no backdrop, no scroll lock, no focus trap — the page stays operable.\n * It closes only on Escape while focus is inside it, its close control, or onClose from the\n * consumer; an outside click does nothing. At phone width the sheet it becomes is modal: a backdrop, the focus trap,\n * the scroll lock and Escape from anywhere, and focus moves in if the window narrows while it is open.\n */\n modal?: boolean;\n /**\n * Keep the panel in the DOM while closed (hidden and out of the tab order) so a half-typed\n * message, the scroll position and any in-progress rendering survive close and reopen.\n * Default false — the panel unmounts after its close transition, as it always has.\n */\n keepMounted?: boolean;\n /** id applied to the dialog element, for an opener's aria-controls. */\n id?: string;\n /** id of the element that names the dialog when no title is rendered — e.g. ChatPanel's heading. */\n labelledBy?: string;\n /**\n * Let the user drag the page-side edge to widen a non-modal side drawer,\n * between `width` and maxWidth (default 60% of the viewport). Default false —\n * ordinary drawers keep the one shared width. Ignored when modal or at phone width.\n */\n resizable?: boolean;\n maxWidth?: string;\n /** The content has unsaved changes: every close path asks before discarding, inside the drawer (Sprint 25.2, C1). */\n dirty?: boolean;\n /** Called when the user chooses to discard, before onClose. */\n onDiscard?: () => void;\n}\n\nconst slideClasses: Record<string, { panel: string; open: string; closed: string }> = {\n right: {\n panel: \"top-0 right-0 h-full\",\n open: \"translate-x-0\",\n closed: \"translate-x-full\",\n },\n left: {\n panel: \"top-0 left-0 h-full\",\n open: \"translate-x-0\",\n closed: \"-translate-x-full\",\n },\n bottom: {\n panel: \"bottom-0 left-0 right-0\",\n open: \"translate-y-0\",\n closed: \"translate-y-full\",\n },\n};\n\nconst borderByPosition: Record<string, string> = {\n right: \"border-l-[length:var(--ds-border-width)] border-l-[var(--ds-border-default)]\",\n left: \"border-r-[length:var(--ds-border-width)] border-r-[var(--ds-border-default)]\",\n bottom: \"border-t-[length:var(--ds-border-width)] border-t-[var(--ds-border-default)]\",\n};\n\nexport function Drawer(props: DrawerProps) {\n const { position = \"right\", mobile, open, onClose, footer, dirty, onDiscard } = props;\n // Sprint 25.14 A24: a Drawer given no width takes the app's, which the shell carries (520 px by default); outside a\n // shell it keeps 400 px. A width prop wins.\n const shellWidth = useContext(DrawerWidthCtx) ?? undefined;\n const isPhone = useBreakpoint(\"sm\");\n // A non-modal panel on a phone covers the page it was beside, so it becomes the modal sheet whatever its side: a left\n // one too, which would otherwise be a full-width panel with nothing to keep focus in it (the review of 21.6 session B).\n const mobileMode = mobile ?? (position === \"left\" && props.modal !== false ? \"panel\" : \"sheet\");\n // Sprint 25.12 A15: a form inside marks the drawer when the user changes something; a `dirty` prop still wins. The\n // drawer owns the mark in both its forms, so the sheet it becomes on a phone asks with the drawer's question.\n const { marked, mark } = useOverlayMark(open);\n const guard = useDirtyGuard(dirty ?? marked, onClose, onDiscard);\n const confirm = <DiscardConfirm open={guard.confirming} onKeep={guard.keep} onDiscard={guard.discard} />;\n\n // Registered actions from FormWrapper children (C10).\n const [actionsMap, setActionsMap] = useState<Map<string, ReactNode>>(new Map());\n const registerActions = useCallback((formId: string, acts: ReactNode) => {\n setActionsMap((prev) => new Map(prev).set(formId, acts));\n }, []);\n const unregisterActions = useCallback((formId: string) => {\n setActionsMap((prev) => { const next = new Map(prev); next.delete(formId); return next; });\n }, []);\n const registeredActions = actionsMap.size > 0\n ? <>{Array.from(actionsMap.values())}</>\n : null;\n // An explicit footer wins; otherwise fall back to FormWrapper-registered actions.\n const effectiveFooter = footer ?? registeredActions;\n const footerCtx = useMemo<DrawerFooterContextValue>(\n () => ({ registerActions, unregisterActions }),\n [registerActions, unregisterActions]\n );\n\n // Sprint 25.14 A50: one panel in both forms. Below `sm` it takes the sheet's form in place, so a phone turned\n // sideways and back keeps the content's elements (typed text, an upload, an editor's history, the unsaved-changes\n // mark) and focus; a Sheet here and a panel there were two trees, and crossing 640 px rebuilt the content.\n return (\n <DrawerFooterCtx value={footerCtx}>\n <OverlayMarkScope mark={mark}>\n <OverlayCloseCtx value={guard.requestClose}>\n <DrawerPanel {...props} width={props.width ?? shellWidth} form={isPhone && mobileMode === \"sheet\" ? \"sheet\" : \"panel\"} footer={effectiveFooter} onClose={guard.requestClose} confirm={confirm} />\n </OverlayCloseCtx>\n </OverlayMarkScope>\n </DrawerFooterCtx>\n );\n}\n\n/** The inset an overlay's header, body and footer share: the page's gutter (Sprint 25.14 A36, D34). */\nconst INSET = \"var(--ds-page-gutter)\";\nconst DEFAULT_SNAPS = [0.5, 0.92];\n\nexport interface DrawerPanelProps extends DrawerProps {\n /**\n * \"panel\": a side or bottom panel. \"sheet\": the phone's bottom sheet, with a drag handle and snap heights, always\n * modal. The Drawer switches between them at the `sm` breakpoint; the Sheet is always \"sheet\".\n */\n form: \"panel\" | \"sheet\";\n /** Between the body and the footer: the unsaved-changes question. */\n confirm?: ReactNode;\n}\n\n/** The Drawer's panel and the Sheet: one frame, so a Drawer changing form keeps its content (Sprint 25.14 A50). */\nexport function DrawerPanel({ form, open, onClose, position = \"right\", width = \"400px\", title, children, footer, container, flush, lightBackdrop, topOffset, modal = true, keepMounted = false, id, labelledBy, resizable = false, maxWidth, snapPoints = DEFAULT_SNAPS, confirm }: DrawerPanelProps) {\n const sheet = form === \"sheet\";\n const nonModal = !modal;\n // At phone width the sheet is always modal: the backdrop, the focus trap and the scroll lock. Focus on open and on\n // close follows `modal` alone, so a drawer that changes form while open leaves focus where it is.\n const blocking = !nonModal || sheet;\n // Drag-to-resize (non-modal side drawers only): the configured width is the\n // minimum; the user's choice is remembered for the session.\n const [chosen, remember] = useRememberedWidth(id ?? labelledBy);\n const canResize = !sheet && nonModal && resizable && position !== \"bottom\";\n const effectiveWidth = canResize && chosen !== null ? `${chosen}px` : width;\n const minPx = pxOf(width) ?? 320;\n const maxPx = () => pxOf(maxWidth) ?? defaultMaxWidth(container instanceof Element ? container : null);\n const titleId = useId();\n const { ref: titleOverflowRef, isTruncated: titleTruncated } = useTextOverflow({ lines: 1 });\n const isMobile = useBreakpoint(\"sm\");\n const panelRef = useRef<HTMLDivElement>(null);\n const [mounted, setMounted] = useState(open);\n // keepMounted: the panel stays in the DOM and this flips instead of `mounted`.\n const [hidden, setHidden] = useState(!open);\n // The sheet's height: a snap point, plus the distance of a drag in progress.\n const [snapIdx, setSnapIdx] = useState(0);\n const [dragOffset, setDragOffset] = useState(0);\n const [dragging, setDragging] = useState(false);\n const dragStartY = useRef(0);\n const startHeight = useRef(0);\n const onCloseRef = useLatest(onClose);\n // Every open starts at the first snap point. React's \"adjust state when a prop changes\": it runs before commit, so\n // the first painted frame is already right.\n const [prevOpen, setPrevOpen] = useState(open);\n if (open !== prevOpen) {\n setPrevOpen(open);\n if (open) { setSnapIdx(0); setDragOffset(0); }\n }\n // Mount (or unhide) as soon as `open` flips, checked on every render (the visual pass of 23 September: the close\n // settle runs once at load and sets `mounted` false while it already is; React keeps that update and replays it\n // after the first open, so a panel mounted only on the change of `open` vanished on the first open after a load).\n if (open && !mounted) setMounted(true);\n if (open && hidden) setHidden(false);\n\n const isTopLayer = useOverlayLayer(open);\n\n // ── Modal mechanics (the default, and the phone's sheet, which is always modal) ──\n useEffect(() => {\n if (!open || !blocking) return;\n\n // An Escape a control inside already handled (a list closing) is its own; a non-modal drawer's own handler marks\n // the event handled, so a drawer that is both never closes twice.\n const onKeyDown = (e: KeyboardEvent) => {\n if (e.key !== \"Escape\" || e.defaultPrevented || !isTopLayer()) return;\n e.preventDefault();\n onCloseRef.current();\n };\n\n document.addEventListener(\"keydown\", onKeyDown);\n return () => document.removeEventListener(\"keydown\", onKeyDown);\n }, [open, blocking, onCloseRef, isTopLayer]);\n\n useEffect(() => {\n if (!open || !blocking || container) return;\n lockBodyScroll();\n return () => unlockBodyScroll();\n }, [open, blocking, container]);\n\n useReturnFocus(open && !nonModal, panelRef);\n // A drawer offset below a navbar leaves that navbar interactive by design,\n // so it is not modal and must not trap focus; the phone's sheet always traps.\n useFocusTrap(panelRef, open && blocking && (sheet || !topOffset), isTopLayer);\n\n // The panel only exists once `mounted` flips, so depend on it too — an\n // [open]-only effect ran before the panel rendered and focused nothing.\n useEffect(() => {\n if (!open || !mounted || nonModal) return;\n const raf = requestAnimationFrame(() => focusInitial(panelRef.current));\n return () => cancelAnimationFrame(raf);\n }, [open, mounted, nonModal]);\n\n // ── Non-modal mechanics ──\n useNonModalDialog(panelRef, open && mounted && nonModal, onClose, isTopLayer);\n\n // A panel the user works alongside keeps the toast stack off it while it is open, as the docked column and the corner\n // window do: a side panel holds its side (toasts slide past it), a bottom panel the bottom edge (toasts land above it,\n // by its measured height). A modal drawer and the phone's sheet cover the page under a backdrop, so they hold nothing.\n const holdsRoom = open && mounted && nonModal && !sheet;\n const horizontal = position === \"left\" || position === \"right\";\n const [panelHeight, setPanelHeight] = useState<number | null>(null);\n useEffect(() => {\n const el = panelRef.current;\n if (!holdsRoom || horizontal || !el || typeof ResizeObserver === \"undefined\") return;\n const ro = new ResizeObserver(([entry]) => {\n const height = ((entry?.target ?? el) as HTMLElement).offsetHeight;\n setPanelHeight(height > 0 ? height : null);\n });\n ro.observe(el);\n return () => ro.disconnect();\n }, [holdsRoom, horizontal]);\n const claimTarget = container instanceof Element ? container : null;\n const sideRoom = holdsRoom && horizontal ? besideRoom(`calc(${effectiveWidth} + var(--ds-space-4))`) : null;\n const bottomRoom = holdsRoom && !horizontal && panelHeight ? `calc(${panelHeight}px + var(--ds-space-3))` : null;\n useCornerInset(sideRoom ? (position as \"left\" | \"right\") : null, sideRoom, PANEL_INSET_PRIORITY, claimTarget);\n useCornerInset(bottomRoom ? \"bottom-right\" : null, bottomRoom, PANEL_INSET_PRIORITY, claimTarget);\n useCornerInset(bottomRoom ? \"bottom-left\" : null, bottomRoom, PANEL_INSET_PRIORITY, claimTarget);\n useCornerInset(bottomRoom ? \"bottom-center\" : null, bottomRoom, PANEL_INSET_PRIORITY, claimTarget);\n\n // A non-modal drawer that becomes the phone's modal sheet while open (the window narrowed, a phone turned) takes focus\n // in, as a modal does when it opens: its backdrop and its Tab trap now cover the page, so focus left out there typed\n // into a field no one could see (the review of 30 September).\n const wasBlocking = useRef(blocking);\n useEffect(() => {\n const was = wasBlocking.current;\n wasBlocking.current = blocking;\n if (!open || !mounted || !blocking || was) return;\n const panel = panelRef.current;\n if (panel && !panel.contains(document.activeElement)) focusInitial(panel);\n }, [open, mounted, blocking]);\n\n // the body keeps its right inset when a scrollbar takes room\n const bodyRef = useScrollbarInset<HTMLDivElement>();\n\n // After the close transition settles (at once under reduced motion): unmount,\n // or just hide when the consumer wants the panel's state preserved.\n useCloseSettle(open, panelRef, () => {\n if (keepMounted) setHidden(true);\n else setMounted(false);\n });\n\n // ── The sheet's drag ──\n // Snap fractions are relative to the viewport, or to the container when one is given.\n const viewportHeight = useCallback(\n () => (container instanceof HTMLElement ? container.clientHeight : window.innerHeight),\n [container],\n );\n const handlePointerDown = useCallback((e: React.PointerEvent) => {\n setDragging(true);\n dragStartY.current = e.clientY;\n startHeight.current = (snapPoints[snapIdx] ?? snapPoints[0]) * viewportHeight();\n setDragOffset(0);\n (e.target as HTMLElement).setPointerCapture(e.pointerId);\n }, [snapIdx, snapPoints, viewportHeight]);\n const handlePointerMove = useCallback((e: React.PointerEvent) => {\n if (!dragging) return;\n setDragOffset(dragStartY.current - e.clientY);\n }, [dragging]);\n const handlePointerUp = useCallback(() => {\n if (!dragging) return;\n setDragging(false);\n const currentFraction = (startHeight.current + dragOffset) / viewportHeight();\n if (currentFraction < snapPoints[0] * 0.6) {\n onClose();\n setDragOffset(0);\n return;\n }\n let bestIdx = 0;\n let bestDist = Math.abs(currentFraction - snapPoints[0]);\n for (let i = 1; i < snapPoints.length; i++) {\n const dist = Math.abs(currentFraction - snapPoints[i]);\n if (dist < bestDist) { bestDist = dist; bestIdx = i; }\n }\n setSnapIdx(bestIdx);\n setDragOffset(0);\n }, [dragging, dragOffset, snapPoints, onClose, viewportHeight]);\n\n if (!mounted) return null;\n\n const slide = slideClasses[position];\n const isHorizontal = position === \"left\" || position === \"right\";\n const positionClass = container ? \"absolute\" : \"fixed\";\n // lightBackdrop and topOffset do not apply to the sheet\n const offset = sheet ? undefined : topOffset;\n const baseHeight = (snapPoints[snapIdx] ?? snapPoints[0]) * 100;\n const heightUnit = container ? \"%\" : \"vh\";\n const dragPx = dragging ? dragOffset : 0;\n const heading = \"font-[family-name:var(--ds-font-display)] text-lg font-[var(--ds-weight-heading)] text-[var(--ds-text-primary)] truncate\";\n\n // Every element from here to the content is the same in both forms, so the content keeps its place in the tree when\n // the form changes (A50): what differs is classes and styles, and the handle and the resize edge beside the body.\n return createPortal(\n <div\n hidden={keepMounted && hidden ? true : undefined}\n className={cn(\n `${positionClass} transition-opacity duration-[var(--ds-transition-speed)]`,\n // A non-modal panel never intercepts the page: the wrapper is inert to the\n // pointer and only the panel itself accepts events.\n blocking ? cn(\"z-[var(--ds-z-modal)]\", open ? \"pointer-events-auto\" : \"pointer-events-none\") : \"z-[var(--ds-z-overlay)] pointer-events-none\",\n offset ? \"left-0 right-0 bottom-0\" : \"inset-0\",\n )}\n style={offset ? { top: offset } : undefined}\n >\n {/* Backdrop — modal only */}\n {blocking && (\n <div\n className={cn(\n \"absolute inset-0 transition-opacity duration-[var(--ds-transition-speed)]\",\n sheet\n ? \"bg-black/50\"\n : lightBackdrop\n ? \"bg-black/15\"\n : cn(\"bg-black/50\", \"[backdrop-filter:blur(calc(var(--ds-glass-blur)*0.3))] [-webkit-backdrop-filter:blur(calc(var(--ds-glass-blur)*0.3))]\"),\n open ? \"opacity-100\" : \"opacity-0\"\n )}\n onClick={onClose}\n />\n )}\n\n {/* Panel */}\n <div\n ref={panelRef}\n id={id}\n role=\"dialog\"\n data-gs={sheet ? \"sheet\" : \"drawer\"}\n data-ds-sheet={sheet ? \"\" : undefined}\n {...{ [OVERLAY_ROOT_ATTR]: \"\" }}\n aria-modal={blocking ? \"true\" : undefined}\n aria-labelledby={title ? titleId : labelledBy}\n // a form in it takes the drawer's width, not the page's reading width (Sprint 25.16 A8)\n style={sheet ? {\n containerType: \"inline-size\",\n \"--ds-form-max\": \"none\",\n height: dragPx ? `calc(${baseHeight}${heightUnit} + ${dragPx}px)` : `${baseHeight}${heightUnit}`,\n } as CSSProperties : {\n containerType: \"inline-size\",\n \"--ds-form-max\": \"none\",\n width: isHorizontal ? effectiveWidth : undefined,\n maxWidth: isHorizontal ? \"100%\" : undefined,\n height: isMobile ? \"100%\" : undefined,\n maxHeight: !isMobile && !isHorizontal ? \"80vh\" : undefined,\n } as CSSProperties}\n className={cn(\n `${positionClass} z-10 flex flex-col`,\n !blocking && \"pointer-events-auto\",\n OVERLAY_SURFACE, \"text-[var(--ds-text-primary)]\",\n GLASS_OVERLAY,\n sheet ? cn(\n \"bottom-0 left-0 right-0\",\n \"border-t-[length:var(--ds-border-width)] border-[var(--ds-border-default)]\",\n \"rounded-t-[var(--ds-radius-xl)]\",\n !dragging && \"transition-[transform,height] duration-[var(--ds-transition-speed)] ease-[var(--ds-transition-ease)]\",\n open ? \"translate-y-0\" : \"translate-y-full\",\n ) : cn(\n // flush drops the edge border for children that draw their own (the mobile\n // menu's Sidebar); a non-modal panel has no backdrop to separate it from\n // the page, so it always keeps the border.\n (!flush || nonModal) && borderByPosition[position],\n \"transition-transform duration-[var(--ds-transition-speed)] ease-[var(--ds-transition-ease)]\",\n isHorizontal && position === \"left\" && \"rounded-r-[var(--ds-radius-lg)] overflow-hidden\",\n isHorizontal && position === \"right\" && \"rounded-l-[var(--ds-radius-lg)] overflow-hidden\",\n !isHorizontal && \"rounded-t-[var(--ds-radius-lg)] overflow-hidden\",\n (lightBackdrop || nonModal) && \"shadow-[var(--ds-shadow-overlay)]\",\n slide.panel,\n open ? slide.open : slide.closed\n ),\n )}\n >\n {sheet && (\n <div\n className=\"flex justify-center pt-ds-2 pb-ds-1 cursor-grab active:cursor-grabbing touch-none\"\n onPointerDown={handlePointerDown}\n onPointerMove={handlePointerMove}\n onPointerUp={handlePointerUp}\n onPointerCancel={handlePointerUp}\n >\n <div className=\"w-10 h-1 rounded-[var(--ds-radius-full)] bg-[var(--ds-border-default)]\" />\n </div>\n )}\n\n {canResize && open && (\n <ResizeEdge\n edge={position === \"right\" ? \"left\" : \"right\"}\n width={chosen ?? minPx}\n min={minPx}\n max={maxPx}\n defaultWidth={minPx}\n onResize={(w) => remember(w === minPx ? null : w)}\n label=\"Resize panel\"\n />\n )}\n\n {/* Header */}\n {title && (\n <div\n className=\"flex items-center justify-between gap-ds-3 shrink-0 border-b-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)]\"\n style={sheet ? { padding: `var(--ds-space-2) ${INSET}` } : {\n padding: `var(--ds-space-3) ${INSET}`,\n minHeight: \"calc(var(--ds-space-unit) * 6 + 1.75rem + 2px + var(--ds-border-width))\",\n }}\n >\n {!sheet && titleTruncated ? (\n <AutoTooltip content={title}>\n <h2 ref={titleOverflowRef} id={titleId} className={heading}>{title}</h2>\n </AutoTooltip>\n ) : (\n <h2 ref={titleOverflowRef} id={titleId} className={heading}>{title}</h2>\n )}\n <button type=\"button\"\n onClick={onClose}\n {...{ [OVERLAY_CLOSE_ATTR]: \"\" }}\n className={cn(\"text-[var(--ds-text-muted)] hover:text-[var(--ds-text-primary)] transition-colors cursor-pointer\", FOCUS_RING)}\n aria-label=\"Close\"\n >\n <Icon name=\"close\" size={18} />\n </button>\n </div>\n )}\n\n {/* Content: a surface of its own, so a Card or a pane the drawer was declared in tells its content nothing */}\n <div\n ref={bodyRef}\n className=\"flex-1 overflow-y-auto\"\n style={flush ? undefined : { padding: `var(--ds-space-5) ${insetLessScrollbar(INSET)} var(--ds-space-5) ${INSET}` }}\n >\n <SurfaceBoundary>{children}</SurfaceBoundary>\n </div>\n\n {confirm}\n\n {/* Footer */}\n {footer && (\n <div\n className=\"shrink-0 flex items-center justify-end gap-ds-2 border-t-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)]\"\n style={{ padding: `var(--ds-space-3) ${INSET}` }}\n >\n {footer}\n </div>\n )}\n </div>\n </div>,\n container ?? document.body,\n );\n}\n","import { cn, FOCUS_RING } from \"../lib/utils\";\n\ninterface SkipLinkProps {\n /** The id of the main region (AppShell names its <main> \"main\"). */\n href?: string;\n children?: string;\n className?: string;\n}\n\n/**\n * The first focusable element on a page with repeated navigation: invisible\n * until it receives keyboard focus, then a small floating button that jumps\n * past the sidebar and navbar to the main content (WCAG 2.4.1). AppShell\n * renders one by default; a page outside AppShell composes it first.\n */\nexport function SkipLink({ href = \"#main\", children = \"Skip to content\", className }: SkipLinkProps) {\n return (\n <a\n href={href}\n className={cn(\n \"sr-only focus:not-sr-only focus:fixed focus:top-[var(--ds-space-2)] focus:left-[var(--ds-space-2)] focus:z-[var(--ds-z-tooltip)]\",\n \"focus:px-[var(--ds-space-3)] focus:py-[var(--ds-space-2)] focus:rounded-[var(--ds-radius-md)] focus:text-sm focus:font-medium\",\n \"focus:bg-[var(--ds-bg-surface-elevated)] focus:text-[var(--ds-text-primary)] focus:shadow-[var(--ds-shadow-md)]\",\n FOCUS_RING,\n className\n )}\n >\n {children}\n </a>\n );\n}\n","import { version } from \"react\";\n\n/**\n * gridsmith-ui needs React 19: its components render React 19's context providers and take `ref` as a prop, so on\n * React 18 the shell crashes with React's own \"render is not a function\". The words a React 18 app gets instead, so\n * the fix is named (Sprint 25.7, the owner's call of 26 September 2026: the package says React 19 only). An\n * experimental build (0.0.0-…) is taken as current.\n */\nexport function reactVersionProblem(v: string = version): string | null {\n if (v.startsWith(\"0.0.0\")) return null;\n const major = Number.parseInt(v, 10);\n return Number.isFinite(major) && major < 19\n ? `gridsmith-ui needs React 19, and this app has React ${v}. Upgrade react, react-dom, @types/react and @types/react-dom to 19, then reinstall; an install forced with --force or --legacy-peer-deps cannot run.`\n : null;\n}\n\n/** Evaluated once: the shell and the page container throw it before rendering anything React 18 cannot. */\nexport const REACT_VERSION_PROBLEM = reactVersionProblem();\n","import { useState, useCallback, useEffect, useRef, forwardRef, createContext, useContext, type ReactNode } from \"react\";\nimport { REACT_VERSION_PROBLEM } from \"../lib/react-version\";\nimport type { AppShellTheme, ChromePosition } from \"../lib/shell-theme\";\nimport { PreferencesContext, type AppShellPreferences } from \"../lib/preferences\";\nimport { SkipLink } from \"./SkipLink\";\nimport { cn } from \"../lib/utils\";\nimport { useBreakpoint } from \"../lib/use-breakpoint\";\nimport { Drawer } from \"./Drawer\";\nimport { DrawerWidthCtx } from \"../lib/drawer-width\";\n\nexport interface AppShellContextValue {\n hasSidebar: boolean;\n hasMobileMenu: boolean;\n hasMobileNav: boolean;\n sidebarOpen: boolean;\n setSidebarOpen: (open: boolean) => void;\n isMobile: boolean;\n /** True only for tablet-sized viewports (between sm and md breakpoints). Drawer shows here, not on small mobile. */\n isTablet: boolean;\n /**\n * Effective sidebar collapse for a traditional Sidebar rendered in the shell.\n * The user's explicit choice wins; otherwise the auto tier applies — collapsed\n * to a rail below the `lg` breakpoint, expanded from it. Lives here rather\n * than in Sidebar so it survives the sidebar unmounting in the drawer range.\n */\n sidebarCollapsed: boolean;\n /** Records an explicit user choice. Overrides the auto tier in both directions for the session. */\n setSidebarCollapsed: (collapsed: boolean) => void;\n /** True while a docked AsidePanel in the aside slot is open beside the content. Pages may hide non-essential chrome on it. */\n asideOpen: boolean;\n /** Set by AsidePanel; not for pages to call. */\n setAsideOpen: (open: boolean) => void;\n /** Which side the aside slot is on (AppShell's asideSide). */\n asideSide: \"right\" | \"left\";\n /** True while the docked AsidePanel is floating — a floating PageHeader drops its gutter on that side, as it does beside a floating Sidebar. */\n asideFloating: boolean;\n /** Set by AsidePanel; not for pages to call. */\n setAsideFloating: (floating: boolean) => void;\n /**\n * The shell's root element, for previews that need to render overlays inside their frame\n * (the dashboard builder passes it to Launcher, CornerPanel and Drawer as `container`).\n * Components never read it themselves: a container moves the toast-inset claim onto that\n * element, where a body-level ToastProvider cannot see it.\n */\n container: HTMLElement | null;\n /** The theme's shell-level decisions (Sprint 25). PageHeader and PageContainer resolve their defaults from it. */\n theme: AppShellTheme | null;\n /** The current route is the home page (`currentPath === homePath`); decides `colourfulHomeOnly`. */\n isHome: boolean;\n /** The rendered Navbar floats (registered by the Navbar; the theme's `navbarPosition` until it has). */\n navbarFloating: boolean;\n /** The rendered Sidebar floats, and is a sidebar rather than a drawer: false below md and in stacked layouts. */\n sidebarFloating: boolean;\n /** Called by Sidebar and Navbar so the shell knows the chrome that is actually rendered. Returns the unregister. */\n registerChrome: (kind: \"navbar\" | \"sidebar\", position: ChromePosition) => () => void;\n /** True when the shell renders a Launcher above sm — PageContainer adjusts its bottom padding to clear the launcher. */\n hasLauncher: boolean;\n /** The bottom corner a bubble or pill launcher occupies, so the container's bottom padding reads that corner's inset variable. The page's padding ignores a ribbon, which hugs the window's edge (its claim keeps only toasts off it). */\n launcherCorner: \"bottom-right\" | \"bottom-left\" | null;\n /** Called by a Launcher inside the shell with the corner it occupies (null for a ribbon), so the padding follows the Launcher itself however the slot wraps it. Returns the unregister. */\n registerLauncher: (corner: \"bottom-right\" | \"bottom-left\" | null) => () => void;\n /** The shell renders an app footer under the page. Its children sit in a wrapper whose height is not definite, so a\n * `fill` SplitView reads `--ds-main-height` (published on the shell element) instead of `h-full`. */\n hasFooter: boolean;\n /** The flow this shell is in focus mode for (Sprint 25.7, C1), or null. The Navbar and PageHeader read it. */\n focus: AppShellFocus | null;\n /** A page inside the shell has unsaved changes (useUnsavedChanges): focus mode's Exit asks before it leaves. */\n hasUnsavedChanges: boolean;\n /** Set by useUnsavedChanges; not for pages to call. Returns the release. */\n addUnsavedChanges: () => () => void;\n /** The width every Drawer in the app takes when it is given none (Sprint 25.14 A24): AppShell's drawerWidth, 520 px by default. */\n drawerWidth: string;\n /** The app's router (AppShell's `navigate`), or null: the library's links in the shell (a breadcrumb's crumb) and a flow's steps go through it. */\n navigate: ((href: string, options?: { replace?: boolean }) => void) | null;\n /** A page that has left the flow is showing (<FlowSaved>, Sprint 25.16 A30): focus mode draws no exit control. */\n flowLeft: boolean;\n /** Set by FlowSaved; not for pages to call. Returns the release. */\n markFlowLeft: () => () => void;\n}\n\n/**\n * Focus mode (Sprint 25.7, C1): a task flow the user completes before or outside the app — setup, onboarding,\n * checkout, an import — renders in the same shell with the navigation taken away. The header keeps the logo and the\n * assistant, and its one way out is the exit control.\n */\nexport interface AppShellFocus {\n /**\n * `before-app`: a flow before the app (setup, onboarding). The exit control, \"Save and log out\", takes the user\n * menu's place. `in-app`: a flow inside the app (checkout, an import). \"Exit\" goes back to where the user came from,\n * asks first while the page has unsaved changes, and the user menu stays.\n */\n kind: \"before-app\" | \"in-app\";\n /** The exit control's label. Default \"Save and log out\" before the app, \"Exit\" inside it. */\n exitLabel?: string;\n /** What the exit control does: save and log out, or return to where the user came from. */\n onExit?: () => void;\n}\n\nconst AppShellContext = createContext<AppShellContextValue | null>(null);\n\n/**\n * The app shell around this component, or null outside one: its layout state — whether it has a sidebar, a mobile menu\n * and a mobile nav, whether the sidebar is open or collapsed and the aside open (each with its setter), the viewport tier\n * (`isMobile`, `isTablet`), the theme it was given and whether its navbar and sidebar float. For telling the shell about\n * unsaved changes, use `useUnsavedChanges`.\n */\nexport function useAppShell() {\n return useContext(AppShellContext);\n}\n\n/**\n * Tells the shell this page has unsaved changes, so focus mode's Exit asks before it leaves (Sprint 25.7, C1). Pass the\n * same `dirty` a Drawer takes; outside a shell it does nothing.\n */\nexport function useUnsavedChanges(dirty: boolean) {\n const add = useContext(AppShellContext)?.addUnsavedChanges;\n useEffect(() => {\n if (!dirty || !add) return;\n return add();\n }, [dirty, add]);\n}\n\ntype AppShellLayout = \"sidebar\" | \"stacked\" | \"sidebar-header\" | \"multi-column\";\n\ninterface AppShellProps {\n layout?: AppShellLayout;\n sidebar?: ReactNode;\n /** Content to render in the mobile drawer. For sidebar layouts, this is typically a Sidebar+SidebarNav. For header layouts, a MobileHeaderMenu. */\n mobileMenu?: ReactNode;\n /** Override drawer width for the mobile menu. Defaults to --ds-drawer-width. */\n mobileMenuWidth?: string;\n /** Use a lighter backdrop for the mobile menu drawer. */\n mobileMenuLightBackdrop?: boolean;\n /** Remove drawer padding and borders. Default true. Set false for compact overlays. */\n mobileMenuFlush?: boolean;\n navbar?: ReactNode;\n mobileNav?: ReactNode;\n /** Rendered below the page content inside the scrolling region and pinned to the bottom on short pages. Ignored when `scrollable` is false. */\n footer?: ReactNode;\n /** Render a SkipLink as the first focusable element (default true); it targets `mainId`. */\n skipLink?: boolean;\n /** The id of the <main> region the skip link jumps to. */\n mainId?: string;\n /** A docked AsidePanel rendered beside the content column: the page narrows to make room. Rendered at every width — the panel decides its own fallbacks. */\n aside?: ReactNode;\n /** Which side of the content the aside sits on. Default \"right\". Pass the same value to the AsidePanel. */\n asideSide?: \"right\" | \"left\";\n /**\n * A Launcher for the assistant. Rendered from the sm breakpoint up, where Tailwind's `sm:` starts — a conditional\n * render, because the Launcher portals out of any wrapper — so below it, on phones, the Navbar button is the entry\n * point and it never collides with BottomNav.\n */\n launcher?: ReactNode;\n children: ReactNode;\n className?: string;\n /** When false, main area won't scroll — use for full-height layouts like ResizablePanelGroup. Default true. */\n scrollable?: boolean;\n /** The theme's shell-level decisions: what the generated shell passes once so pages carry nothing (Sprint 25). */\n theme?: AppShellTheme;\n /** The customer's UX preferences, passed once by the generated shell so pages and components carry nothing (Sprint 25.6). */\n preferences?: AppShellPreferences;\n /**\n * The width of every Drawer in the app that is given none (Sprint 25.14 A24): pages pass no width, so the app's\n * drawers share one. Default \"520px\". A Drawer's own width prop still wins, for a deliberate wide or narrow one.\n */\n drawerWidth?: string;\n /** The current route's path, so the shell knows which page is home. */\n currentPath?: string;\n /** The home page's path. Default \"/\". */\n homePath?: string;\n /**\n * The app's router: `(href, options) => navigate(href, options)` with React Router, `(href, options) =>\n * (options?.replace ? router.replace(href) : router.push(href))` with Next.js. The library's links in the shell — a\n * breadcrumb's crumb, a SplitView's path — go through it on a plain click, so the page changes with no reload, and so\n * do a flow's steps (useFlowSteps), which replace an address that isn't a step reached (Sprint 25.16 A19, A30).\n * Without it they are ordinary links. The generated layout passes it.\n */\n navigate?: (href: string, options?: { replace?: boolean }) => void;\n /**\n * Focus mode for a flow outside the navigation (setup, onboarding, checkout). The sidebar, mobile menu and bottom\n * nav are not rendered, and the Navbar drops its links and search; the logo, the assistant (its launcher and its\n * docked panel in the aside slot), the skip link, the theme, the preferences and the page spacing stay. The\n * generated layout passes it; a page never does.\n */\n focus?: AppShellFocus;\n}\n\nexport const AppShell = forwardRef<HTMLDivElement, AppShellProps>(function AppShell({\n layout = \"sidebar\",\n sidebar,\n mobileMenu,\n mobileMenuWidth,\n mobileMenuLightBackdrop,\n mobileMenuFlush = true,\n navbar,\n mobileNav,\n footer,\n skipLink = true,\n mainId = \"main\",\n aside,\n asideSide = \"right\",\n launcher,\n children,\n className,\n scrollable = true,\n theme,\n preferences,\n currentPath,\n homePath = \"/\",\n navigate,\n focus,\n drawerWidth = \"520px\",\n}, ref) {\n // gridsmith-ui needs React 19: say so before rendering anything React 18 cannot (the package says React 19 only)\n if (REACT_VERSION_PROBLEM) throw new Error(REACT_VERSION_PROBLEM);\n const [sidebarOpen, setSidebarOpen] = useState(false);\n const [asideOpen, setAsideOpen] = useState(false);\n const [asideFloating, setAsideFloating] = useState(false);\n const isMobile = useBreakpoint(\"md\");\n const isSmallMobile = useBreakpoint(\"sm\");\n const isTablet = isMobile && !isSmallMobile;\n // Sidebar tiers, where Tailwind's md: and lg: start (Sprint 25.28): expanded from lg, the auto-rail from md to lg, the\n // drawer below md.\n // `userCollapsed` is null until the collapse button is used; from then on it wins.\n const autoCollapsed = useBreakpoint(\"lg\");\n const [userCollapsed, setUserCollapsed] = useState<boolean | null>(null);\n const sidebarCollapsed = userCollapsed ?? autoCollapsed;\n // Focus mode takes the navigation away: no sidebar, mobile menu or bottom nav, and the context says so. The aside\n // stays: in the generated shell it is the assistant's docked panel, and a flow keeps the assistant (D9).\n const inFocus = focus != null;\n const hasSidebar = !inFocus && (layout === \"sidebar\" || layout === \"sidebar-header\") && sidebar != null;\n const hasMobileMenu = !inFocus && mobileMenu != null;\n const hasMobileNav = !inFocus && mobileNav != null;\n const [unsavedCount, setUnsavedCount] = useState(0);\n const addUnsavedChanges = useCallback(() => {\n setUnsavedCount((n) => n + 1);\n let released = false;\n return () => { if (released) return; released = true; setUnsavedCount((n) => n - 1); };\n }, []);\n // Sprint 25.16 A30: \"Your progress has been saved\" has left the flow, so the flow's way out goes while it shows\n const [leftCount, setLeftCount] = useState(0);\n const markFlowLeft = useCallback(() => {\n setLeftCount((n) => n + 1);\n let released = false;\n return () => { if (released) return; released = true; setLeftCount((n) => n - 1); };\n }, []);\n const showMobileDrawer = hasMobileMenu && !(isSmallMobile && hasMobileNav);\n const [shellEl, setShellEl] = useState<HTMLDivElement | null>(null);\n // The chrome that is actually rendered, reported by Sidebar and Navbar; the theme's positions until they report.\n const [chrome, setChrome] = useState<{ navbar?: ChromePosition; sidebar?: ChromePosition }>({});\n const registerChrome = useCallback((kind: \"navbar\" | \"sidebar\", position: ChromePosition) => {\n setChrome((c) => (c[kind] === position ? c : { ...c, [kind]: position }));\n return () => setChrome((c) => { if (!(kind in c)) return c; const next = { ...c }; delete next[kind]; return next; });\n }, []);\n const navbarFloating = (chrome.navbar ?? theme?.navbarPosition) === \"floating\";\n const sidebarFloating = hasSidebar && !isMobile && (chrome.sidebar ?? theme?.sidebarPosition) === \"floating\";\n const isHome = currentPath != null && currentPath === homePath;\n // With a footer the children wrapper is `min-h-full`, which gives a child no definite height to fill (C6): main's\n // height is published as --ds-main-height on the shell element for the fill SplitView. Written straight to the\n // element from a ResizeObserver; nothing re-renders.\n const hasFooter = footer != null && scrollable;\n const mainRef = useRef<HTMLElement | null>(null);\n useEffect(() => {\n const main = mainRef.current;\n if (!hasFooter || !shellEl || !main || typeof ResizeObserver === \"undefined\") { shellEl?.style.removeProperty(\"--ds-main-height\"); return; }\n const ro = new ResizeObserver(() => shellEl.style.setProperty(\"--ds-main-height\", `${main.clientHeight}px`));\n ro.observe(main);\n return () => { ro.disconnect(); shellEl.style.removeProperty(\"--ds-main-height\"); };\n }, [hasFooter, shellEl]);\n\n // C7: the page's padding clears the corner the Launcher occupies, which the Launcher reports itself (a ribbon none), so\n // it holds however the slot wraps it: a preview's launcher beside an overlay of its own, an app's own wrapper. Read\n // from the slot's element, a Fragment or a wrapper read as bottom-right (the review of 21.6 session B).\n const hasLauncher = !!launcher && !isSmallMobile;\n const [launcherClaim, setLauncherClaim] = useState<{ corner: AppShellContextValue[\"launcherCorner\"] } | null>(null);\n const registerLauncher = useCallback((corner: AppShellContextValue[\"launcherCorner\"]) => {\n const claim = { corner };\n setLauncherClaim(claim);\n return () => setLauncherClaim((c) => (c === claim ? null : c));\n }, []);\n const launcherCorner: AppShellContextValue[\"launcherCorner\"] = hasLauncher ? (launcherClaim?.corner ?? null) : null;\n\n return (\n <PreferencesContext value={preferences ?? null}>\n <DrawerWidthCtx value={drawerWidth}>\n <AppShellContext\n value={{ hasSidebar, hasMobileMenu, hasMobileNav, sidebarOpen, setSidebarOpen, isMobile, isTablet, sidebarCollapsed, setSidebarCollapsed: setUserCollapsed, asideOpen, setAsideOpen, asideSide, asideFloating, setAsideFloating, container: shellEl, theme: theme ?? null, isHome, navbarFloating, sidebarFloating, registerChrome, hasLauncher, launcherCorner, registerLauncher, hasFooter, focus: focus ?? null, hasUnsavedChanges: unsavedCount > 0, addUnsavedChanges, drawerWidth, navigate: navigate ?? null, flowLeft: leftCount > 0, markFlowLeft }}\n >\n <div ref={(el) => {\n setShellEl(el);\n if (typeof ref === \"function\") ref(el);\n else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = el;\n }} className={cn(\n // Sprint 25.16 A42: the dynamic viewport, so nothing hides under a phone browser's toolbar (100vh is the height\n // with the toolbar hidden). Sprint 25.21 S1: h-dvh alone, which an app's own height class replaces through cn();\n // the supports-[…] variant that stood beside it survived that merge and beat the app's class (the builder's\n // preview ran under its footer). Every browser that draws the themes' oklch() colours has dvh.\n \"relative h-dvh flex flex-col bg-[var(--ds-bg-canvas)] overflow-hidden\",\n className,\n )}>\n {skipLink && <SkipLink href={`#${mainId}`} />}\n {layout === \"sidebar-header\" && navbar}\n {layout === \"multi-column\" && navbar}\n\n <div className=\"flex flex-1 min-h-0\">\n {hasSidebar && !isMobile && (\n <div className=\"shrink-0 h-full\">\n {sidebar}\n </div>\n )}\n\n {/* A left-docked aside sits between the sidebar and the content. */}\n {aside && asideSide === \"left\" && aside}\n\n <div className=\"flex-1 flex flex-col min-w-0 min-h-0\">\n {layout === \"sidebar\" && navbar}\n {layout === \"stacked\" && navbar}\n\n <main\n ref={mainRef}\n id={mainId}\n data-shell-main=\"\" /* Sprint 25.16 A42: the page's height, which a view that fills takes (useFillHeight) */\n tabIndex={-1} /* the skip link's target: focusable by script, never by Tab */\n className={cn(\n \"flex-1 min-h-0 focus:outline-none\",\n scrollable ? \"overflow-y-auto\" : \"relative\",\n layout === \"multi-column\" && \"flex\",\n )}\n style={{ containerType: \"inline-size\" }}\n >\n {scrollable ? (\n footer ? (\n <div className=\"min-h-full flex flex-col\">\n {/* the page's own content: a view that fills it stops here, and the footer sits below the fold */}\n <div className=\"flex-1\" data-shell-content=\"\">{children}</div>\n {footer}\n </div>\n ) : children\n ) : (\n <div className=\"absolute inset-0\">{children}</div>\n )}\n </main>\n </div>\n\n {/* The content column is flex-1 min-w-0, so it gives up width to the aside and <main>'s container query fires. */}\n {aside && asideSide === \"right\" && aside}\n </div>\n\n {showMobileDrawer && isMobile && (\n <Drawer\n open={sidebarOpen}\n onClose={() => setSidebarOpen(false)}\n position=\"left\"\n width={mobileMenuWidth ?? \"var(--ds-drawer-width)\"}\n container={shellEl ?? undefined}\n flush={mobileMenuFlush}\n lightBackdrop={mobileMenuLightBackdrop}\n topOffset={layout !== \"stacked\" && navbar != null ? \"var(--ds-navbar-height)\" : undefined}\n >\n {mobileMenu}\n </Drawer>\n )}\n\n {isSmallMobile && hasMobileNav && (\n <div className=\"sticky bottom-0 z-[var(--ds-z-sticky)]\">\n {mobileNav}\n </div>\n )}\n\n {/* Phone width: the Navbar button is the entry point; the launcher is not rendered at all. */}\n {!isSmallMobile && launcher}\n </div>\n </AppShellContext>\n </DrawerWidthCtx>\n </PreferencesContext>\n );\n});\n","import { useState, useRef, useEffect, useCallback, forwardRef, type KeyboardEvent as ReactKeyboardEvent, type MouseEvent as ReactMouseEvent } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { usePopupFocus } from \"../lib/focus\";\nimport { cn, FOCUS_RING, FOCUS_INSET } from \"../lib/utils\";\nimport { useRevealFocus } from \"../lib/reveal-focus\";\nimport { Icon, type IconName } from \"../lib/icons\";\nimport { usePosition } from \"../lib/use-position\";\nimport { useAppShell } from \"./AppShell\";\n\nexport interface BreadcrumbItem {\n label: string;\n href?: string;\n onClick?: () => void;\n icon?: IconName;\n}\n\nexport type BreadcrumbsVariant = \"inline\" | \"contained\" | \"pill\";\nexport type BreadcrumbsSeparator = \"slash\" | \"chevron\" | \"dot\" | \"arrow\";\nexport type BreadcrumbsSize = \"sm\" | \"md\";\n\ninterface BreadcrumbsProps {\n items: BreadcrumbItem[];\n separator?: BreadcrumbsSeparator;\n variant?: BreadcrumbsVariant;\n /** Visual treatment of individual breadcrumb items — independent of layout variant. */\n itemVariant?: \"default\" | \"pill\";\n size?: BreadcrumbsSize;\n showIcons?: boolean;\n maxItems?: number;\n /** Full-bleed: contained background extends edge-to-edge, breaking out of parent padding. Text stays aligned with sibling content. */\n bleed?: boolean;\n /** Max-width for bleed content alignment. Defaults to --ds-bp-xl. */\n contentMaxWidth?: string;\n className?: string;\n container?: Element | DocumentFragment;\n /** The landmark's name. Default \"Breadcrumb\"; a second trail on the page names itself (SplitView's path: \"Path\"). */\n \"aria-label\"?: string;\n}\n\n/**\n * Sprint 25.16 A19: how a crumb is followed, for Breadcrumbs and for PageHeader's own crumbs. A crumb that is a page\n * goes there, through the app's router when the shell has one (AppShell's navigate), so the page changes with no\n * reload; with none it is an ordinary link. A crumb's onClick runs instead. A click with a modifier key or another\n * button (a new tab, a new window) on a crumb with an address keeps the browser's own behaviour, whatever handler the\n * crumb has; an address on another site is an ordinary link, as a router's own Link leaves it (the review of 1\n * October). Every click used to be cancelled, so a crumb with only an address did nothing (runs 11, 18 and 33).\n */\nexport function useCrumbFollow() {\n const navigate = useAppShell()?.navigate ?? null;\n return useCallback((e: ReactMouseEvent, item: BreadcrumbItem) => {\n if (item.href && (e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey)) return;\n if (item.onClick) { e.preventDefault(); item.onClick(); return; }\n if (!item.href) { e.preventDefault(); return; }\n if (!navigate || e.defaultPrevented || !onThisSite(item.href)) return;\n e.preventDefault();\n navigate(item.href);\n }, [navigate]);\n}\n\n/** An address this app's router can go to: relative, or on this page's own origin. */\nfunction onThisSite(href: string): boolean {\n if (typeof window === \"undefined\") return false;\n try {\n return new URL(href, window.location.href).origin === window.location.origin;\n } catch {\n return false;\n }\n}\n\n/** A crumb that goes somewhere: a page (href) or an item the app selects (onClick). Any other is text. */\nexport const crumbGoes = (item: BreadcrumbItem) => !!(item.href || item.onClick);\n\nfunction SeparatorIcon({ type, size }: { type: BreadcrumbsSeparator; size: BreadcrumbsSize }) {\n const iconSize = size === \"sm\" ? 10 : 12;\n if (type === \"chevron\") return <Icon name=\"chevron-right\" size={iconSize} />;\n if (type === \"arrow\") return <Icon name=\"arrow-right\" size={iconSize} />;\n if (type === \"dot\") return <span>·</span>;\n return <span>/</span>;\n}\n\nexport const Breadcrumbs = forwardRef<HTMLElement, BreadcrumbsProps>(function Breadcrumbs({\n items,\n separator = \"chevron\",\n variant = \"inline\",\n itemVariant,\n size = \"md\",\n showIcons = false,\n maxItems,\n bleed = false,\n contentMaxWidth,\n className,\n container,\n \"aria-label\": label = \"Breadcrumb\",\n}, ref) {\n const [dropdownOpen, setDropdownOpen] = useState(false);\n const follow = useCrumbFollow();\n const [activeIdx, setActiveIdx] = useState(0);\n const ellipsisBtnRef = useRef<HTMLButtonElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n // the menu scrolls: the arrows' item comes into view whole (Sprint 30, P3)\n const [menu, setMenu] = useState<HTMLDivElement | null>(null);\n const setDropdown = useCallback((node: HTMLDivElement | null) => { dropdownRef.current = node; setMenu(node); }, []);\n useRevealFocus(menu);\n const closeDropdown = useCallback(() => setDropdownOpen(false), []);\n // Sprint 25.7: the hidden crumbs are a menu. The arrows move through it, Tab leaves it and carries on from the\n // \"···\" button (\"any\"), Escape hands focus back to the button, and a choice leaves focus to the page it opens.\n const { isTop, returnFocus } = usePopupFocus(dropdownOpen, { trigger: ellipsisBtnRef, panel: dropdownRef, close: closeDropdown, tabExits: \"any\" });\n\n const pos = usePosition(ellipsisBtnRef, dropdownRef, dropdownOpen, { side: \"bottom\", align: \"start\", offset: 4, flip: true });\n\n const effectiveMaxItems = maxItems ? Math.max(maxItems, 2) : undefined;\n const shouldCollapse = effectiveMaxItems && items.length > effectiveMaxItems;\n const collapsedItems = shouldCollapse ? items.slice(1, -(effectiveMaxItems - 1)) : [];\n const visibleItems = shouldCollapse\n ? [...items.slice(0, 1), null, ...items.slice(-(effectiveMaxItems - 1))]\n : items;\n\n useEffect(() => {\n if (!dropdownOpen) return;\n const handler = (e: MouseEvent) => {\n const target = e.target as Node;\n if (ellipsisBtnRef.current?.contains(target) || dropdownRef.current?.contains(target)) return;\n setDropdownOpen(false);\n };\n const onKeyDown = (e: KeyboardEvent) => {\n if (e.key !== \"Escape\" || e.defaultPrevented || !isTop()) return;\n e.preventDefault();\n returnFocus();\n setDropdownOpen(false);\n };\n document.addEventListener(\"mousedown\", handler);\n document.addEventListener(\"keydown\", onKeyDown);\n return () => {\n document.removeEventListener(\"mousedown\", handler);\n document.removeEventListener(\"keydown\", onKeyDown);\n };\n }, [dropdownOpen, isTop, returnFocus]);\n\n // Focus follows the active item, from the first one on open.\n useEffect(() => {\n if (!dropdownOpen) return;\n const id = requestAnimationFrame(() => dropdownRef.current?.querySelector<HTMLElement>(`[data-index=\"${activeIdx}\"]`)?.focus());\n return () => cancelAnimationFrame(id);\n }, [dropdownOpen, activeIdx]);\n\n function onMenuKeyDown(e: ReactKeyboardEvent) {\n const last = collapsedItems.length - 1;\n const next = e.key === \"ArrowDown\" ? (activeIdx >= last ? 0 : activeIdx + 1)\n : e.key === \"ArrowUp\" ? (activeIdx <= 0 ? last : activeIdx - 1)\n : e.key === \"Home\" ? 0\n : e.key === \"End\" ? last\n : null;\n if (next === null) return;\n e.preventDefault();\n setActiveIdx(next);\n }\n\n // Links, separators and the overflow button read --ds-text-secondary, not\n // --ds-text-muted: neutral-400 is 2.4:1 on canvas and 2.2:1 on the contained\n // band, well short of AA; neutral-600 clears it on both in light and dark.\n const textClass = size === \"sm\" ? \"text-xs\" : \"text-sm\";\n const gapClass = size === \"sm\" ? \"gap-ds-1\" : \"gap-ds-1.5\";\n const iconSize = size === \"sm\" ? 12 : 14;\n\n const isContainedBleed = variant === \"contained\" && bleed;\n\n const wrapperClasses = cn(\n variant === \"contained\" && !bleed && cn(\n \"bg-[var(--ds-bg-muted)] rounded-[var(--ds-radius-md)]\",\n size === \"sm\" ? \"py-ds-1 px-ds-2\" : \"py-ds-1.5 px-ds-3\",\n ),\n !isContainedBleed && className,\n );\n\n function renderItem(item: BreadcrumbItem, _index: number, isLast: boolean) {\n const isPill = itemVariant === \"pill\" || (variant === \"pill\" && !itemVariant);\n const insideContained = variant === \"contained\";\n const pillClasses = isPill\n ? cn(\n \"rounded-[var(--ds-radius-full)]\",\n insideContained ? \"bg-[var(--ds-bg-surface)]\" : \"bg-[var(--ds-bg-muted)]\",\n size === \"sm\" ? \"px-ds-2 py-[2px]\" : \"px-ds-2.5 py-ds-0.5\",\n )\n : \"\";\n\n const content = (\n <>\n {showIcons && item.icon && (\n <Icon name={item.icon} size={iconSize} className=\"shrink-0\" />\n )}\n <span className=\"truncate\">{item.label}</span>\n </>\n );\n\n // a crumb that goes nowhere is text, never a link to \"#\", and the last such is the current page; a crumb that goes\n // somewhere is a link wherever it stands, as PageHeader's are: a trail that ends at the page's parent (a SplitView's\n // path, the owner's review of 1 October) ends with its way back\n if (!crumbGoes(item)) {\n return (\n <span\n aria-current={isLast ? \"page\" : undefined}\n className={cn(\n \"flex items-center\",\n isLast ? \"font-medium text-[var(--ds-text-primary)]\" : \"text-[var(--ds-text-secondary)]\",\n gapClass,\n pillClasses,\n )}\n >\n {content}\n </span>\n );\n }\n\n return (\n <a\n href={item.href ?? \"#\"}\n onClick={(e) => follow(e, item)}\n className={cn(\n \"text-[var(--ds-text-secondary)] flex items-center\",\n \"hover:text-[var(--ds-text-primary)]\",\n \"transition-colors duration-[var(--ds-transition-speed)]\",\n FOCUS_RING,\n gapClass,\n pillClasses,\n )}\n >\n {content}\n </a>\n );\n }\n\n const listContent = (\n <ol className={cn(\"flex items-center flex-wrap\", gapClass, textClass)}>\n {visibleItems.map((item, i) => {\n if (item === null) {\n return (\n <li key=\"__ellipsis\" className={cn(\"flex items-center\", gapClass)}>\n {i > 0 && (\n <span aria-hidden className=\"text-[var(--ds-text-secondary)] select-none flex items-center\">\n <SeparatorIcon type={separator} size={size} />\n </span>\n )}\n <button type=\"button\"\n ref={ellipsisBtnRef}\n onClick={() => { if (!dropdownOpen) setActiveIdx(0); setDropdownOpen(!dropdownOpen); }}\n aria-label=\"Show hidden breadcrumbs\"\n aria-expanded={dropdownOpen}\n aria-haspopup=\"menu\"\n className={cn(\n \"text-[var(--ds-text-secondary)] hover:text-[var(--ds-text-primary)]\",\n \"transition-colors duration-[var(--ds-transition-speed)] cursor-pointer\",\n \"flex items-center\",\n FOCUS_RING,\n (itemVariant === \"pill\" || (variant === \"pill\" && !itemVariant)) && cn(\n \"rounded-[var(--ds-radius-full)]\",\n variant === \"contained\" ? \"bg-[var(--ds-bg-surface)]\" : \"bg-[var(--ds-bg-muted)]\",\n size === \"sm\" ? \"px-ds-2 py-[2px]\" : \"px-ds-2.5 py-ds-0.5\",\n ),\n )}\n >\n ···\n </button>\n </li>\n );\n }\n\n const isLast = i === visibleItems.length - 1;\n return (\n <li key={i} className={cn(\"flex items-center\", gapClass)}>\n {i > 0 && (\n <span aria-hidden className=\"text-[var(--ds-text-secondary)] select-none flex items-center\">\n <SeparatorIcon type={separator} size={size} />\n </span>\n )}\n {renderItem(item, i, isLast)}\n </li>\n );\n })}\n </ol>\n );\n\n const dropdown = dropdownOpen && collapsedItems.length > 0 && createPortal(\n <div\n ref={setDropdown}\n role=\"menu\"\n aria-label=\"Hidden breadcrumbs\"\n onKeyDown={onMenuKeyDown}\n className={cn(\n \"fixed z-[var(--ds-z-popover)] min-w-[160px] max-h-60 overflow-auto\",\n \"bg-[var(--ds-bg-surface-elevated)]\",\n \"[backdrop-filter:var(--ds-glass-filter)] [-webkit-backdrop-filter:var(--ds-glass-filter)]\",\n \"border-[length:var(--ds-border-width)] border-[var(--ds-border-default)]\",\n \"rounded-[var(--ds-radius-md)]\",\n \"shadow-[var(--ds-shadow-dropdown),var(--ds-glass-inset)]\",\n \"py-ds-1\",\n )}\n style={{ top: pos.top, left: pos.left }}\n >\n {collapsedItems.map((ci, idx) => {\n const itemClass = cn(\n \"flex items-center w-full text-left text-sm cursor-pointer\",\n \"px-ds-3 py-ds-1.5 transition-colors\",\n \"text-[var(--ds-text-secondary)]\",\n \"hover:bg-[var(--ds-bg-muted)] hover:text-[var(--ds-text-primary)]\",\n \"focus-visible:bg-[var(--ds-bg-muted)] focus-visible:text-[var(--ds-text-primary)]\",\n // full-width rows the menu clips, never filled solid: the outline sits inside (P3, D8)\n FOCUS_INSET,\n gapClass,\n );\n const label = <>{showIcons && ci.icon && <Icon name={ci.icon} size={iconSize} className=\"shrink-0\" />}{ci.label}</>;\n // Sprint 25.16 A19: a hidden crumb that is a page is a link, as a drawn one is: the router on a plain click, a new\n // tab on a modified one, and its address to copy. Space chooses it too, as it does any menu item.\n return ci.href && !ci.onClick ? (\n <a\n key={idx}\n data-index={idx}\n role=\"menuitem\"\n href={ci.href}\n tabIndex={idx === activeIdx ? 0 : -1}\n className={itemClass}\n onClick={(e) => { setDropdownOpen(false); follow(e, ci); }}\n onKeyDown={(e) => { if (e.key === \" \") { e.preventDefault(); e.currentTarget.click(); } }}\n >\n {label}\n </a>\n ) : (\n <button type=\"button\"\n key={idx}\n data-index={idx}\n role=\"menuitem\"\n tabIndex={idx === activeIdx ? 0 : -1}\n aria-disabled={!crumbGoes(ci) || undefined}\n className={itemClass}\n onClick={() => { if (!ci.onClick) return; setDropdownOpen(false); ci.onClick(); }}\n >\n {label}\n </button>\n );\n })}\n </div>,\n container ?? document.body\n );\n\n if (isContainedBleed) {\n return (\n <nav\n ref={ref}\n aria-label={label}\n className={cn(\n \"w-full bg-[var(--ds-bg-muted)]\",\n // Hairline under the band: it sits within ~1.2:1 of both canvas and a tinted header, so the edge needs a line.\n \"border-b-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)]\",\n className,\n )}\n >\n <div\n className={cn(\"w-full mx-auto px-ds-6\", size === \"sm\" ? \"py-ds-1\" : \"py-ds-1.5\")}\n style={{ maxWidth: contentMaxWidth ?? \"var(--ds-bp-xl)\" }}\n >\n {listContent}\n </div>\n {dropdown}\n </nav>\n );\n }\n\n return (\n <nav ref={ref} aria-label={label} className={wrapperClasses}>\n {listContent}\n {dropdown}\n </nav>\n );\n});\n","import { useState, useCallback, useLayoutEffect, type RefObject } from \"react\";\nimport { readBreakpointPx, type BreakpointKey } from \"./use-breakpoint\";\n\n/**\n * True when the observed element is narrower than the breakpoint — a container\n * measurement, not the viewport, so a layout inside a sidebar shell or the\n * builder's canvas answers for the width it actually has. One implementation\n * for TableToolbar, SettingsLayout and the examples (Sprint 25.2).\n *\n * An unlaid-out element (tests, SSR) reports width 0 and is treated as not\n * compact; tests inject a width by overriding `offsetWidth`.\n */\nexport function useCompact(ref: RefObject<HTMLElement | null>, breakpoint: number | BreakpointKey, band = 0): boolean {\n const px = typeof breakpoint === \"number\" ? breakpoint : readBreakpointPx(breakpoint);\n const width = useElementWidth(ref);\n return useBelow(width, px, band);\n}\n\n/**\n * Whether a width is below a threshold, held across `band` px above it once it is (round 27 review): a layout whose\n * answer changes the width it measures — an aside that collapses removes a page scrollbar, which widens the layout\n * back over the threshold — otherwise flips on every frame at the edge (SplitView's aside toggled about 90 times in\n * 1.5 s with a 15 px scrollbar). The answer turns true below `threshold` and false again only at `threshold + band`.\n * A width of 0 (no layout yet) is never below.\n */\nexport function useBelow(width: number, threshold: number, band = 0): boolean {\n const [below, setBelow] = useState(false);\n const next = width > 0 && width < (below ? threshold + band : threshold);\n // render-time state adjustment: the answer is known now, so no frame paints the other one\n if (next !== below) setBelow(next);\n return next;\n}\n\n/** The element's laid-out width in px, kept current by a ResizeObserver; 0 until it has a layout (tests, SSR). */\nexport function useElementWidth(ref: RefObject<HTMLElement | null>): number {\n const [width, setWidth] = useState(0);\n const check = useCallback(() => {\n const next = ref.current?.offsetWidth ?? 0;\n if (next > 0) setWidth(next);\n }, [ref]);\n useLayoutEffect(() => {\n check();\n if (!ref.current || typeof ResizeObserver === \"undefined\") return;\n const observer = new ResizeObserver(check);\n observer.observe(ref.current);\n return () => observer.disconnect();\n }, [check, ref]);\n return width;\n}\n"]}
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { usePosition } from './chunk-HP7WUZPK.js';
3
3
  import { useLatest } from './chunk-WH2FUFAC.js';
4
- import { cn } from './chunk-66JJCQU3.js';
4
+ import { cn } from './chunk-JTU7OBYJ.js';
5
5
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
6
6
  import { useRef, useLayoutEffect, useMemo } from 'react';
7
7
  import { createPortal } from 'react-dom';
@@ -206,5 +206,5 @@ function MentionList({ id, label, items, more = 0, activeIndex, onActiveIndexCha
206
206
  }
207
207
 
208
208
  export { Avatar, MentionList, foldForSearch, initialsOf, matchMentions, mentionOptionId, shownMentions, useActiveOptionInView };
209
- //# sourceMappingURL=chunk-EIWXVICU.js.map
210
- //# sourceMappingURL=chunk-EIWXVICU.js.map
209
+ //# sourceMappingURL=chunk-6A5RHW2W.js.map
210
+ //# sourceMappingURL=chunk-6A5RHW2W.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../showcase/src/lib/initials.ts","../../../showcase/src/components/Avatar.tsx","../../../showcase/src/lib/use-active-option.ts","../../../showcase/src/lib/search-text.ts","../../../showcase/src/components/MentionList.tsx"],"names":["useRef","jsxs","jsx"],"mappings":"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","file":"chunk-EIWXVICU.js","sourcesContent":["/**\n * Initials for an avatar. Round 21 (run 58): a builder passed each person's full name as `initials`, and the avatar\n * printed \"Amara Haddad\" across a 40 px circle on every row of the Team table. The avatar now reads what it is given:\n * up to three characters with no space are initials already and stay as they are (\"JB\", \"ABC\"); anything longer is a\n * name, and its first two words give the letters.\n */\n\n/** \"Sarah Chen\" → \"SC\"; \"Acme\" → \"A\"; \"Mary Jane Watson\" → \"MJ\". */\nexport function initialsOf(name: string): string {\n return name\n .trim()\n .split(/\\s+/)\n .filter(Boolean)\n .slice(0, 2)\n .map((word) => Array.from(word)[0] ?? \"\")\n .join(\"\")\n .toUpperCase();\n}\n\n/** What an avatar shows for an `initials` value: initials as given, or the initials of a name. */\nexport function toInitials(value: string): string {\n const s = value.trim();\n if (!s) return \"\";\n if (!/\\s/.test(s) && Array.from(s).length <= 3) return s;\n return initialsOf(s);\n}\n","import { cn } from \"../lib/utils\";\nimport { toInitials } from \"../lib/initials\";\n\nexport type AvatarStatus = \"online\" | \"away\" | \"busy\" | \"offline\";\nexport type AvatarColor = \"auto\" | \"accent\" | \"neutral\" | 1 | 2 | 3 | 4 | 5;\n\ninterface AvatarProps {\n /** One to three letters (\"JB\"). A name passed here shows its initials (\"Amara Haddad\" → \"AH\"), never the whole name. */\n initials?: string;\n src?: string;\n alt?: string;\n size?: \"sm\" | \"md\" | \"lg\";\n status?: AvatarStatus;\n /** Initials background. \"auto\" (default) derives a stable palette tint from alt/initials so groups vary; use \"accent\" sparingly. */\n color?: AvatarColor;\n className?: string;\n}\n\nconst sizeStyles = {\n sm: \"h-8 w-8 text-xs\",\n md: \"h-10 w-10 text-sm\",\n lg: \"h-12 w-12 text-base\",\n};\n\n// Fallbacks cover themes whose tokens CSS predates the decorative palette.\nconst paletteStyles = {\n 1: \"bg-[var(--ds-palette-1-bg,var(--ds-bg-muted))] text-[var(--ds-palette-1-text,var(--ds-text-secondary))]\",\n 2: \"bg-[var(--ds-palette-2-bg,var(--ds-bg-muted))] text-[var(--ds-palette-2-text,var(--ds-text-secondary))]\",\n 3: \"bg-[var(--ds-palette-3-bg,var(--ds-bg-muted))] text-[var(--ds-palette-3-text,var(--ds-text-secondary))]\",\n 4: \"bg-[var(--ds-palette-4-bg,var(--ds-bg-muted))] text-[var(--ds-palette-4-text,var(--ds-text-secondary))]\",\n 5: \"bg-[var(--ds-palette-5-bg,var(--ds-bg-muted))] text-[var(--ds-palette-5-text,var(--ds-text-secondary))]\",\n} as const;\n\nfunction paletteFor(seed: string): keyof typeof paletteStyles {\n let h = 0;\n for (const ch of seed) h = (h * 31 + ch.charCodeAt(0)) >>> 0;\n return ((h % 5) + 1) as keyof typeof paletteStyles;\n}\n\nfunction colorStyles(color: AvatarColor, seed: string): string {\n if (color === \"accent\") return \"bg-[var(--ds-accent-primary)] text-[var(--ds-text-on-primary)]\";\n if (color === \"neutral\") return \"bg-[var(--ds-bg-muted)] text-[var(--ds-text-secondary)]\";\n return paletteStyles[color === \"auto\" ? paletteFor(seed) : color];\n}\n\n/**\n * Presence as a shape as well as a colour (Sprint 25.12 A48, WCAG 1.4.1), as Fluent's presence badges do: online a filled\n * dot, away a ring, busy a dot with a bar, offline a ring with a slash. The words are in the avatar's name.\n */\nfunction PresenceMark({ status }: { status: AvatarStatus }) {\n return (\n <svg viewBox=\"0 0 10 10\" width=\"10\" height=\"10\" aria-hidden=\"true\" focusable=\"false\" data-presence={status} className=\"block\">\n {status === \"online\" && <circle cx=\"5\" cy=\"5\" r=\"5\" className=\"fill-[var(--ds-status-success)]\" />}\n {status === \"away\" && <circle cx=\"5\" cy=\"5\" r=\"4\" fill=\"none\" strokeWidth=\"2\" className=\"stroke-[var(--ds-status-warning)]\" />}\n {status === \"busy\" && (\n <>\n <circle cx=\"5\" cy=\"5\" r=\"5\" className=\"fill-[var(--ds-status-error)]\" />\n <rect x=\"2.5\" y=\"4.1\" width=\"5\" height=\"1.8\" rx=\"0.9\" className=\"fill-[var(--ds-bg-canvas)]\" />\n </>\n )}\n {status === \"offline\" && (\n <>\n <circle cx=\"5\" cy=\"5\" r=\"4\" fill=\"none\" strokeWidth=\"2\" className=\"stroke-[var(--ds-text-muted)]\" />\n <line x1=\"3.1\" y1=\"6.9\" x2=\"6.9\" y2=\"3.1\" strokeWidth=\"1.5\" strokeLinecap=\"round\" className=\"stroke-[var(--ds-text-muted)]\" />\n </>\n )}\n </svg>\n );\n}\n\nexport function Avatar({ initials, src, alt, size = \"md\", status, color = \"auto\", className }: AvatarProps) {\n // A48: presence can't show words beside a small avatar, so the avatar's own name carries it (\"Priya Nair, online\")\n const who = alt ?? initials ?? \"\";\n const named = status ? [who, status].filter(Boolean).join(\", \") : undefined;\n const base = cn(\n \"inline-flex items-center justify-center font-medium shrink-0\",\n \"rounded-[var(--ds-radius-full)]\",\n sizeStyles[size],\n className,\n );\n\n // data-avatar: the Table and DataGrid card mode stacks a cell that holds an avatar (Sprint 25.4 C-2).\n const avatarElement = src ? (\n <img\n data-avatar=\"\"\n src={src}\n alt={named ?? alt ?? initials ?? \"\"}\n className={cn(base, \"object-cover\")}\n />\n ) : (\n <div\n data-avatar=\"\"\n role={named ? \"img\" : undefined}\n aria-label={named}\n className={cn(\n base,\n colorStyles(color, alt ?? initials ?? \"\"),\n \"border-[length:var(--ds-border-width)] border-transparent\",\n )}\n >\n {/* round 21: a full name passed as initials shows its initials, not the name squeezed into the circle */}\n {initials != null ? toInitials(initials) : null}\n </div>\n );\n\n if (!status) return avatarElement;\n\n return (\n <div className=\"relative inline-flex\">\n {avatarElement}\n <span\n className={cn(\n \"absolute\",\n size === \"sm\" && \"bottom-[-2px] right-[-2px]\",\n size === \"md\" && \"bottom-[0px] right-[0px]\",\n size === \"lg\" && \"bottom-[2px] right-[2px]\",\n )}\n aria-hidden=\"true\"\n >\n {/* the canvas behind the mark fills a ring's middle and draws the 2px halo that separates it from the photo */}\n <span className=\"block rounded-[var(--ds-radius-full)] bg-[var(--ds-bg-canvas)] shadow-[0_0_0_2px_var(--ds-bg-canvas)]\">\n <PresenceMark status={status} />\n </span>\n </span>\n </div>\n );\n}\n","import { useLayoutEffect, useRef, type RefObject } from \"react\";\n\n/**\n * Keeps the active option of a list driven by aria-activedescendant in view (Sprint 25.17's review; WCAG 2.4.11): when\n * the list opens and when the active option changes, the list scrolls just enough to show it. Only the list's own box\n * scrolls, never the page: the list sits fixed over it. The option is found by its id, in the list's own document or\n * shadow root.\n *\n * Only a change brings it back into view (the second review): a render that leaves the same option active — the page\n * scrolling, the list scrolled by touch or by its scrollbar — leaves the list where the user put it.\n */\nexport function useActiveOptionInView(list: RefObject<HTMLElement | null>, activeId: string | undefined): void {\n // the option last brought into view, by its id and its text: a filtered list reuses an id for another option\n const shown = useRef<string | null>(null);\n useLayoutEffect(() => {\n const box = list.current;\n if (!box || !activeId) {\n shown.current = null;\n return;\n }\n const root = box.getRootNode() as Document | ShadowRoot;\n const option = typeof root.getElementById === \"function\" ? root.getElementById(activeId) : null;\n if (!option || !box.contains(option)) return;\n const seen = `${activeId}\\u0000${option.textContent ?? \"\"}`;\n if (seen === shown.current) return;\n shown.current = seen;\n const top = option.getBoundingClientRect().top - box.getBoundingClientRect().top + box.scrollTop;\n const bottom = top + option.offsetHeight;\n if (top < box.scrollTop) box.scrollTo({ top });\n else if (bottom > box.scrollTop + box.clientHeight) box.scrollTo({ top: bottom - box.clientHeight });\n });\n}\n","/**\n * Text as a search reads it, one way for every picker (Sprint 25.17's second review): no case, no accents, and \"_\" as a\n * space, so \"@toma\" finds Tomás, \"Sao Paulo\" and \"São Paulo\" find America/Sao_Paulo, and \"New_York\" finds New York.\n */\nexport function foldForSearch(text: string): string {\n return text.normalize(\"NFD\").replace(/\\p{M}/gu, \"\").replace(/_/g, \" \").toLowerCase();\n}\n","import { useMemo, useRef, type RefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../lib/utils\";\nimport { usePosition } from \"../lib/use-position\";\nimport { useLatest } from \"../lib/use-latest\";\nimport { useActiveOptionInView } from \"../lib/use-active-option\";\nimport { foldForSearch } from \"../lib/search-text\";\nimport { Avatar } from \"./Avatar\";\n\nexport interface MentionSuggestion {\n id: string;\n label: string;\n avatar?: string;\n description?: string;\n}\n\n/** Text as a search reads it: no case, no accents (\"@toma\" finds Tomás, \"@zoe\" Zoë), as every picker reads it. */\nconst fold = foldForSearch;\n\n/**\n * The suggestions a query matches, by name or by description, ignoring case and accents, best first: a name that starts with it\n * (\"@Mar\": Marcus Chen), then a name with a word that does (Tomás Martin), then a name holding it anywhere (Amara), then\n * a description that does; in their own order within each.\n */\nexport function matchMentions(items: MentionSuggestion[], query: string): MentionSuggestion[] {\n const q = fold(query);\n const rank = (s: MentionSuggestion): number => {\n const name = fold(s.label);\n if (name.startsWith(q)) return 0;\n if (name.split(/\\s+/).some((word) => word.startsWith(q))) return 1;\n if (name.includes(q)) return 2;\n return s.description && fold(s.description).includes(q) ? 3 : -1;\n };\n return items.map((s) => ({ s, r: rank(s) })).filter(({ r }) => r >= 0).sort((a, b) => a.r - b.r).map(({ s }) => s);\n}\n\n/** An option's id, for the field's aria-activedescendant. */\nexport const mentionOptionId = (listId: string, index: number) => `${listId}-option-${index}`;\n\n/**\n * The most people a list shows (Sprint 25.17's second review: two thousand drawn at once took a key a third of a second\n * to paint): the best matches, and a line saying how many more match, which typing narrows.\n */\nexport const MENTION_LIST_LIMIT = 10;\n\n/** The matches a list shows, best first, and how many more there are. */\nexport function shownMentions(found: MentionSuggestion[]): { items: MentionSuggestion[]; more: number } {\n return { items: found.slice(0, MENTION_LIST_LIMIT), more: Math.max(0, found.length - MENTION_LIST_LIMIT) };\n}\n\nexport interface MentionListProps {\n /** The listbox's id: the field's aria-controls, and the stem of its options' ids. */\n id: string;\n /** The listbox's name (\"People\", \"Suggestions\"). */\n label: string;\n /** The people shown, at most MENTION_LIST_LIMIT (shownMentions). */\n items: MentionSuggestion[];\n /** How many more match than are shown: the list says so under its people. */\n more?: number;\n activeIndex: number;\n onActiveIndexChange: (index: number) => void;\n onPick: (item: MentionSuggestion) => void;\n /** Where the mention being typed is, in the viewport: the list opens under it, above it when the screen runs out below. */\n anchorRect: () => DOMRect | null;\n /** The list's element, for the owner's checks (a click outside, focus moving into it). */\n listRef?: RefObject<HTMLDivElement | null>;\n}\n\n/**\n * The list of suggestions while a mention is typed (Sprint 25.17 A17): MentionInput's and the editor's, so a mention\n * looks and works the same in a comment box and a document. The field keeps focus and carries aria-activedescendant\n * (the field's owner wires the keys: arrows move, Enter or Tab inserts, Escape closes); the options are no Tab stops,\n * and a pointer picks one without taking focus from the field.\n */\nexport function MentionList({ id, label, items, more = 0, activeIndex, onActiveIndexChange, onPick, anchorRect, listRef }: MentionListProps) {\n const ownRef = useRef<HTMLDivElement | null>(null);\n const floatingRef = listRef ?? ownRef;\n const boxRef = useRef<HTMLDivElement | null>(null);\n const anchorRef = useLatest(anchorRect);\n // the caret as an element for usePosition, which reads only its rectangle\n const anchor = useMemo(() => ({ current: { getBoundingClientRect: () => anchorRef.current() ?? new DOMRect() } as HTMLElement }), [anchorRef]);\n const pos = usePosition(anchor, floatingRef, items.length > 0, { side: \"bottom\", align: \"start\", offset: 4 });\n // the arrows move through a list longer than its box: the active person stays in view\n useActiveOptionInView(boxRef, items.length > 0 ? mentionOptionId(id, activeIndex) : undefined);\n if (items.length === 0) return null;\n\n return createPortal(\n <div\n ref={floatingRef}\n className={cn(\n \"fixed z-[var(--ds-z-popover)] min-w-[200px] flex flex-col\",\n \"bg-[var(--ds-bg-surface-elevated)]\",\n \"[backdrop-filter:var(--ds-glass-filter)] [-webkit-backdrop-filter:var(--ds-glass-filter)]\",\n \"border-[length:var(--ds-border-width)] border-[var(--ds-border-default)]\",\n \"rounded-[var(--ds-radius-md)] shadow-[var(--ds-shadow-dropdown),var(--ds-glass-inset)]\",\n )}\n style={{ top: pos.top, left: pos.left }}\n >\n {/* rows inset in the list, rounded, as Combobox's and the menus' are (the second review: full-width square rows) */}\n <div ref={boxRef} id={id} role=\"listbox\" aria-label={label} className=\"max-h-[200px] overflow-y-auto p-ds-1\">\n {items.map((s, i) => (\n <button\n key={s.id}\n id={mentionOptionId(id, i)}\n type=\"button\"\n role=\"option\"\n tabIndex={-1}\n aria-selected={i === activeIndex}\n className={cn(\n \"flex items-center gap-ds-2.5 w-full px-ds-2 py-ds-1.5 text-left text-sm cursor-pointer rounded-[var(--ds-radius-sm)]\",\n \"transition-colors duration-[var(--ds-transition-speed)]\",\n i === activeIndex ? \"bg-[var(--ds-bg-muted)] text-[var(--ds-text-primary)]\" : \"text-[var(--ds-text-secondary)]\",\n )}\n // the field keeps focus, so the pick lands where the mention is being typed\n onMouseDown={(e) => e.preventDefault()}\n onClick={() => onPick(s)}\n onMouseEnter={() => onActiveIndexChange(i)}\n >\n {/* the name follows as text, so the picture is decoration */}\n <span aria-hidden=\"true\" className=\"inline-flex shrink-0\">\n <Avatar src={s.avatar} initials={s.label} size=\"sm\" className=\"!h-6 !w-6 !text-2xs\" />\n </span>\n <span className=\"min-w-0\">\n <span className=\"block font-medium text-[var(--ds-text-primary)] truncate\">{s.label}</span>\n {s.description && <span className=\"block text-xs text-[var(--ds-text-muted)] truncate\">{s.description}</span>}\n </span>\n </button>\n ))}\n </div>\n {more > 0 && (\n <p className=\"px-ds-3 py-ds-1.5 text-xs text-[var(--ds-text-muted)] border-t-[length:var(--ds-divider-width)] border-[var(--ds-border-subtle)]\">\n {more} more {more === 1 ? \"matches\" : \"match\"}: keep typing to narrow\n </p>\n )}\n </div>,\n document.body,\n );\n}\n"]}
1
+ {"version":3,"sources":["../../../showcase/src/lib/initials.ts","../../../showcase/src/components/Avatar.tsx","../../../showcase/src/lib/use-active-option.ts","../../../showcase/src/lib/search-text.ts","../../../showcase/src/components/MentionList.tsx"],"names":["useRef","jsxs","jsx"],"mappings":";;;;;;;;;AAQO,SAAS,WAAW,IAAA,EAAsB;AAC/C,EAAA,OAAO,IAAA,CACJ,IAAA,EAAK,CACL,KAAA,CAAM,KAAK,CAAA,CACX,MAAA,CAAO,OAAO,CAAA,CACd,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA,CACV,GAAA,CAAI,CAAC,IAAA,KAAS,KAAA,CAAM,IAAA,CAAK,IAAI,CAAA,CAAE,CAAC,CAAA,IAAK,EAAE,CAAA,CACvC,IAAA,CAAK,EAAE,CAAA,CACP,WAAA,EAAY;AACjB;AAGO,SAAS,WAAW,KAAA,EAAuB;AAChD,EAAA,MAAM,CAAA,GAAI,MAAM,IAAA,EAAK;AACrB,EAAA,IAAI,CAAC,GAAG,OAAO,EAAA;AACf,EAAA,IAAI,CAAC,IAAA,CAAK,IAAA,CAAK,CAAC,CAAA,IAAK,KAAA,CAAM,IAAA,CAAK,CAAC,CAAA,CAAE,MAAA,IAAU,CAAA,EAAG,OAAO,CAAA;AACvD,EAAA,OAAO,WAAW,CAAC,CAAA;AACrB;ACPA,IAAM,UAAA,GAAa;AAAA,EACjB,EAAA,EAAI,iBAAA;AAAA,EACJ,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAGA,IAAM,aAAA,GAAgB;AAAA,EACpB,CAAA,EAAG,yGAAA;AAAA,EACH,CAAA,EAAG,yGAAA;AAAA,EACH,CAAA,EAAG,yGAAA;AAAA,EACH,CAAA,EAAG,yGAAA;AAAA,EACH,CAAA,EAAG;AACL,CAAA;AAEA,SAAS,WAAW,IAAA,EAA0C;AAC5D,EAAA,IAAI,CAAA,GAAI,CAAA;AACR,EAAA,KAAA,MAAW,EAAA,IAAM,MAAM,CAAA,GAAK,CAAA,GAAI,KAAK,EAAA,CAAG,UAAA,CAAW,CAAC,CAAA,KAAO,CAAA;AAC3D,EAAA,OAAS,IAAI,CAAA,GAAK,CAAA;AACpB;AAEA,SAAS,WAAA,CAAY,OAAoB,IAAA,EAAsB;AAC7D,EAAA,IAAI,KAAA,KAAU,UAAU,OAAO,gEAAA;AAC/B,EAAA,IAAI,KAAA,KAAU,WAAW,OAAO,yDAAA;AAChC,EAAA,OAAO,cAAc,KAAA,KAAU,MAAA,GAAS,UAAA,CAAW,IAAI,IAAI,KAAK,CAAA;AAClE;AAMA,SAAS,YAAA,CAAa,EAAE,MAAA,EAAO,EAA6B;AAC1D,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,OAAA,EAAQ,WAAA,EAAY,OAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,aAAA,EAAY,QAAO,SAAA,EAAU,OAAA,EAAQ,eAAA,EAAe,MAAA,EAAQ,WAAU,OAAA,EACnH,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,QAAA,oBAAY,GAAA,CAAC,QAAA,EAAA,EAAO,EAAA,EAAG,GAAA,EAAI,IAAG,GAAA,EAAI,CAAA,EAAE,GAAA,EAAI,SAAA,EAAU,iCAAA,EAAkC,CAAA;AAAA,IAC/F,MAAA,KAAW,MAAA,oBAAU,GAAA,CAAC,QAAA,EAAA,EAAO,IAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EAAI,CAAA,EAAE,KAAI,IAAA,EAAK,MAAA,EAAO,WAAA,EAAY,GAAA,EAAI,WAAU,mCAAA,EAAoC,CAAA;AAAA,IAC3H,MAAA,KAAW,0BACV,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAA,EAAA,EAAO,IAAG,GAAA,EAAI,EAAA,EAAG,KAAI,CAAA,EAAE,GAAA,EAAI,WAAU,+BAAA,EAAgC,CAAA;AAAA,sBACtE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,KAAA,EAAM,CAAA,EAAE,KAAA,EAAM,KAAA,EAAM,GAAA,EAAI,MAAA,EAAO,KAAA,EAAM,EAAA,EAAG,KAAA,EAAM,WAAU,4BAAA,EAA6B;AAAA,KAAA,EAC/F,CAAA;AAAA,IAED,MAAA,KAAW,6BACV,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAA,EAAA,EAAO,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EAAI,CAAA,EAAE,GAAA,EAAI,IAAA,EAAK,MAAA,EAAO,WAAA,EAAY,GAAA,EAAI,SAAA,EAAU,+BAAA,EAAgC,CAAA;AAAA,sBAClG,GAAA,CAAC,MAAA,EAAA,EAAK,EAAA,EAAG,KAAA,EAAM,IAAG,KAAA,EAAM,EAAA,EAAG,KAAA,EAAM,EAAA,EAAG,OAAM,WAAA,EAAY,KAAA,EAAM,aAAA,EAAc,OAAA,EAAQ,WAAU,+BAAA,EAAgC;AAAA,KAAA,EAC9H;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAEO,SAAS,MAAA,CAAO,EAAE,QAAA,EAAU,GAAA,EAAK,GAAA,EAAK,IAAA,GAAO,IAAA,EAAM,MAAA,EAAQ,KAAA,GAAQ,MAAA,EAAQ,SAAA,EAAU,EAAgB;AAE1G,EAAA,MAAM,GAAA,GAAM,OAAO,QAAA,IAAY,EAAA;AAC/B,EAAA,MAAM,KAAA,GAAQ,MAAA,GAAS,CAAC,GAAA,EAAK,MAAM,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,IAAI,CAAA,GAAI,MAAA;AAClE,EAAA,MAAM,IAAA,GAAO,EAAA;AAAA,IACX,8DAAA;AAAA,IACA,iCAAA;AAAA,IACA,WAAW,IAAI,CAAA;AAAA,IACf;AAAA,GACF;AAGA,EAAA,MAAM,gBAAgB,GAAA,mBACpB,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,EAAA;AAAA,MACZ,GAAA;AAAA,MACA,GAAA,EAAK,KAAA,IAAS,GAAA,IAAO,QAAA,IAAY,EAAA;AAAA,MACjC,SAAA,EAAW,EAAA,CAAG,IAAA,EAAM,cAAc;AAAA;AAAA,GACpC,mBAEA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,EAAA;AAAA,MACZ,IAAA,EAAM,QAAQ,KAAA,GAAQ,MAAA;AAAA,MACtB,YAAA,EAAY,KAAA;AAAA,MACZ,SAAA,EAAW,EAAA;AAAA,QACT,IAAA;AAAA,QACA,WAAA,CAAY,KAAA,EAAO,GAAA,IAAO,QAAA,IAAY,EAAE,CAAA;AAAA,QACxC;AAAA,OACF;AAAA,MAGC,QAAA,EAAA,QAAA,IAAY,IAAA,GAAO,UAAA,CAAW,QAAQ,CAAA,GAAI;AAAA;AAAA,GAC7C;AAGF,EAAA,IAAI,CAAC,QAAQ,OAAO,aAAA;AAEpB,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sBAAA,EACZ,QAAA,EAAA;AAAA,IAAA,aAAA;AAAA,oBACD,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,UAAA;AAAA,UACA,SAAS,IAAA,IAAQ,4BAAA;AAAA,UACjB,SAAS,IAAA,IAAQ,0BAAA;AAAA,UACjB,SAAS,IAAA,IAAQ;AAAA,SACnB;AAAA,QACA,aAAA,EAAY,MAAA;AAAA,QAGZ,8BAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yGACd,QAAA,kBAAA,GAAA,CAAC,YAAA,EAAA,EAAa,QAAgB,CAAA,EAChC;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;ACnHO,SAAS,qBAAA,CAAsB,MAAqC,QAAA,EAAoC;AAE7G,EAAA,MAAM,KAAA,GAAQ,OAAsB,IAAI,CAAA;AACxC,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,MAAM,IAAA,CAAK,OAAA;AACjB,IAAA,IAAI,CAAC,GAAA,IAAO,CAAC,QAAA,EAAU;AACrB,MAAA,KAAA,CAAM,OAAA,GAAU,IAAA;AAChB,MAAA;AAAA,IACF;AACA,IAAA,MAAM,IAAA,GAAO,IAAI,WAAA,EAAY;AAC7B,IAAA,MAAM,MAAA,GAAS,OAAO,IAAA,CAAK,cAAA,KAAmB,aAAa,IAAA,CAAK,cAAA,CAAe,QAAQ,CAAA,GAAI,IAAA;AAC3F,IAAA,IAAI,CAAC,MAAA,IAAU,CAAC,GAAA,CAAI,QAAA,CAAS,MAAM,CAAA,EAAG;AACtC,IAAA,MAAM,OAAO,CAAA,EAAG,QAAQ,CAAA,EAAA,EAAS,MAAA,CAAO,eAAe,EAAE,CAAA,CAAA;AACzD,IAAA,IAAI,IAAA,KAAS,MAAM,OAAA,EAAS;AAC5B,IAAA,KAAA,CAAM,OAAA,GAAU,IAAA;AAChB,IAAA,MAAM,GAAA,GAAM,OAAO,qBAAA,EAAsB,CAAE,MAAM,GAAA,CAAI,qBAAA,EAAsB,CAAE,GAAA,GAAM,GAAA,CAAI,SAAA;AACvF,IAAA,MAAM,MAAA,GAAS,MAAM,MAAA,CAAO,YAAA;AAC5B,IAAA,IAAI,MAAM,GAAA,CAAI,SAAA,MAAe,QAAA,CAAS,EAAE,KAAK,CAAA;AAAA,SAAA,IACpC,MAAA,GAAS,GAAA,CAAI,SAAA,GAAY,GAAA,CAAI,YAAA,EAAc,GAAA,CAAI,QAAA,CAAS,EAAE,GAAA,EAAK,MAAA,GAAS,GAAA,CAAI,YAAA,EAAc,CAAA;AAAA,EACrG,CAAC,CAAA;AACH;;;AC3BO,SAAS,cAAc,IAAA,EAAsB;AAClD,EAAA,OAAO,IAAA,CAAK,SAAA,CAAU,KAAK,CAAA,CAAE,OAAA,CAAQ,SAAA,EAAW,EAAE,CAAA,CAAE,OAAA,CAAQ,IAAA,EAAM,GAAG,CAAA,CAAE,WAAA,EAAY;AACrF;ACWA,IAAM,IAAA,GAAO,aAAA;AAON,SAAS,aAAA,CAAc,OAA4B,KAAA,EAAoC;AAC5F,EAAA,MAAM,CAAA,GAAI,KAAK,KAAK,CAAA;AACpB,EAAA,MAAM,IAAA,GAAO,CAAC,CAAA,KAAiC;AAC7C,IAAA,MAAM,IAAA,GAAO,IAAA,CAAK,CAAA,CAAE,KAAK,CAAA;AACzB,IAAA,IAAI,IAAA,CAAK,UAAA,CAAW,CAAC,CAAA,EAAG,OAAO,CAAA;AAC/B,IAAA,IAAI,IAAA,CAAK,KAAA,CAAM,KAAK,CAAA,CAAE,IAAA,CAAK,CAAC,IAAA,KAAS,IAAA,CAAK,UAAA,CAAW,CAAC,CAAC,CAAA,EAAG,OAAO,CAAA;AACjE,IAAA,IAAI,IAAA,CAAK,QAAA,CAAS,CAAC,CAAA,EAAG,OAAO,CAAA;AAC7B,IAAA,OAAO,CAAA,CAAE,eAAe,IAAA,CAAK,CAAA,CAAE,WAAW,CAAA,CAAE,QAAA,CAAS,CAAC,CAAA,GAAI,CAAA,GAAI,EAAA;AAAA,EAChE,CAAA;AACA,EAAA,OAAO,KAAA,CAAM,GAAA,CAAI,CAAC,CAAA,MAAO,EAAE,CAAA,EAAG,CAAA,EAAG,IAAA,CAAK,CAAC,GAAE,CAAE,CAAA,CAAE,MAAA,CAAO,CAAC,EAAE,CAAA,EAAE,KAAM,CAAA,IAAK,CAAC,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,EAAG,MAAM,CAAA,CAAE,CAAA,GAAI,CAAA,CAAE,CAAC,EAAE,GAAA,CAAI,CAAC,EAAE,CAAA,OAAQ,CAAC,CAAA;AACnH;AAGO,IAAM,kBAAkB,CAAC,MAAA,EAAgB,UAAkB,CAAA,EAAG,MAAM,WAAW,KAAK,CAAA;AAMpF,IAAM,kBAAA,GAAqB,EAAA;AAG3B,SAAS,cAAc,KAAA,EAA0E;AACtG,EAAA,OAAO,EAAE,KAAA,EAAO,KAAA,CAAM,KAAA,CAAM,GAAG,kBAAkB,CAAA,EAAG,IAAA,EAAM,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,KAAA,CAAM,MAAA,GAAS,kBAAkB,CAAA,EAAE;AAC3G;AA0BO,SAAS,WAAA,CAAY,EAAE,EAAA,EAAI,KAAA,EAAO,KAAA,EAAO,IAAA,GAAO,CAAA,EAAG,WAAA,EAAa,mBAAA,EAAqB,MAAA,EAAQ,UAAA,EAAY,OAAA,EAAQ,EAAqB;AAC3I,EAAA,MAAM,MAAA,GAASA,OAA8B,IAAI,CAAA;AACjD,EAAA,MAAM,cAAc,OAAA,IAAW,MAAA;AAC/B,EAAA,MAAM,MAAA,GAASA,OAA8B,IAAI,CAAA;AACjD,EAAA,MAAM,SAAA,GAAY,UAAU,UAAU,CAAA;AAEtC,EAAA,MAAM,SAAS,OAAA,CAAQ,OAAO,EAAE,OAAA,EAAS,EAAE,uBAAuB,MAAM,SAAA,CAAU,OAAA,EAAQ,IAAK,IAAI,OAAA,EAAQ,IAAmB,CAAA,EAAI,CAAC,SAAS,CAAC,CAAA;AAC7I,EAAA,MAAM,GAAA,GAAM,WAAA,CAAY,MAAA,EAAQ,WAAA,EAAa,MAAM,MAAA,GAAS,CAAA,EAAG,EAAE,IAAA,EAAM,QAAA,EAAU,KAAA,EAAO,OAAA,EAAS,MAAA,EAAQ,GAAG,CAAA;AAE5G,EAAA,qBAAA,CAAsB,MAAA,EAAQ,MAAM,MAAA,GAAS,CAAA,GAAI,gBAAgB,EAAA,EAAI,WAAW,IAAI,MAAS,CAAA;AAC7F,EAAA,IAAI,KAAA,CAAM,MAAA,KAAW,CAAA,EAAG,OAAO,IAAA;AAE/B,EAAA,OAAO,YAAA;AAAA,oBACLC,IAAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,WAAA;AAAA,QACL,SAAA,EAAW,EAAA;AAAA,UACT,2DAAA;AAAA,UACA,oCAAA;AAAA,UACA,2FAAA;AAAA,UACA,0EAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,OAAO,EAAE,GAAA,EAAK,IAAI,GAAA,EAAK,IAAA,EAAM,IAAI,IAAA,EAAK;AAAA,QAGtC,QAAA,EAAA;AAAA,0BAAAC,IAAC,KAAA,EAAA,EAAI,GAAA,EAAK,MAAA,EAAQ,EAAA,EAAQ,MAAK,SAAA,EAAU,YAAA,EAAY,KAAA,EAAO,SAAA,EAAU,wCACrE,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,CAAA,EAAG,sBACbD,IAAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cAEC,EAAA,EAAI,eAAA,CAAgB,EAAA,EAAI,CAAC,CAAA;AAAA,cACzB,IAAA,EAAK,QAAA;AAAA,cACL,IAAA,EAAK,QAAA;AAAA,cACL,QAAA,EAAU,EAAA;AAAA,cACV,iBAAe,CAAA,KAAM,WAAA;AAAA,cACrB,SAAA,EAAW,EAAA;AAAA,gBACT,sHAAA;AAAA,gBACA,yDAAA;AAAA,gBACA,CAAA,KAAM,cAAc,uDAAA,GAA0D;AAAA,eAChF;AAAA,cAEA,WAAA,EAAa,CAAC,CAAA,KAAM,CAAA,CAAE,cAAA,EAAe;AAAA,cACrC,OAAA,EAAS,MAAM,MAAA,CAAO,CAAC,CAAA;AAAA,cACvB,YAAA,EAAc,MAAM,mBAAA,CAAoB,CAAC,CAAA;AAAA,cAGzC,QAAA,EAAA;AAAA,gCAAAC,IAAC,MAAA,EAAA,EAAK,aAAA,EAAY,QAAO,SAAA,EAAU,sBAAA,EACjC,0BAAAA,GAAAA,CAAC,MAAA,EAAA,EAAO,KAAK,CAAA,CAAE,MAAA,EAAQ,UAAU,CAAA,CAAE,KAAA,EAAO,MAAK,IAAA,EAAK,SAAA,EAAU,uBAAsB,CAAA,EACtF,CAAA;AAAA,gCACAD,IAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EACd,QAAA,EAAA;AAAA,kCAAAC,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0DAAA,EAA4D,YAAE,KAAA,EAAM,CAAA;AAAA,kBACnF,CAAA,CAAE,+BAAeA,GAAAA,CAAC,UAAK,SAAA,EAAU,oDAAA,EAAsD,YAAE,WAAA,EAAY;AAAA,iBAAA,EACxG;AAAA;AAAA,aAAA;AAAA,YAvBK,CAAA,CAAE;AAAA,WAyBV,CAAA,EACD,CAAA;AAAA,UACC,OAAO,CAAA,oBACND,IAAAA,CAAC,GAAA,EAAA,EAAE,WAAU,kIAAA,EACV,QAAA,EAAA;AAAA,YAAA,IAAA;AAAA,YAAK,QAAA;AAAA,YAAO,IAAA,KAAS,IAAI,SAAA,GAAY,OAAA;AAAA,YAAQ;AAAA,WAAA,EAChD;AAAA;AAAA;AAAA,KAEJ;AAAA,IACA,QAAA,CAAS;AAAA,GACX;AACF","file":"chunk-6A5RHW2W.js","sourcesContent":["/**\n * Initials for an avatar. Round 21 (run 58): a builder passed each person's full name as `initials`, and the avatar\n * printed \"Amara Haddad\" across a 40 px circle on every row of the Team table. The avatar now reads what it is given:\n * up to three characters with no space are initials already and stay as they are (\"JB\", \"ABC\"); anything longer is a\n * name, and its first two words give the letters.\n */\n\n/** \"Sarah Chen\" → \"SC\"; \"Acme\" → \"A\"; \"Mary Jane Watson\" → \"MJ\". */\nexport function initialsOf(name: string): string {\n return name\n .trim()\n .split(/\\s+/)\n .filter(Boolean)\n .slice(0, 2)\n .map((word) => Array.from(word)[0] ?? \"\")\n .join(\"\")\n .toUpperCase();\n}\n\n/** What an avatar shows for an `initials` value: initials as given, or the initials of a name. */\nexport function toInitials(value: string): string {\n const s = value.trim();\n if (!s) return \"\";\n if (!/\\s/.test(s) && Array.from(s).length <= 3) return s;\n return initialsOf(s);\n}\n","import { cn } from \"../lib/utils\";\nimport { toInitials } from \"../lib/initials\";\n\nexport type AvatarStatus = \"online\" | \"away\" | \"busy\" | \"offline\";\nexport type AvatarColor = \"auto\" | \"accent\" | \"neutral\" | 1 | 2 | 3 | 4 | 5;\n\ninterface AvatarProps {\n /** One to three letters (\"JB\"). A name passed here shows its initials (\"Amara Haddad\" → \"AH\"), never the whole name. */\n initials?: string;\n src?: string;\n alt?: string;\n size?: \"sm\" | \"md\" | \"lg\";\n status?: AvatarStatus;\n /** Initials background. \"auto\" (default) derives a stable palette tint from alt/initials so groups vary; use \"accent\" sparingly. */\n color?: AvatarColor;\n className?: string;\n}\n\nconst sizeStyles = {\n sm: \"h-8 w-8 text-xs\",\n md: \"h-10 w-10 text-sm\",\n lg: \"h-12 w-12 text-base\",\n};\n\n// Fallbacks cover themes whose tokens CSS predates the decorative palette.\nconst paletteStyles = {\n 1: \"bg-[var(--ds-palette-1-bg,var(--ds-bg-muted))] text-[var(--ds-palette-1-text,var(--ds-text-secondary))]\",\n 2: \"bg-[var(--ds-palette-2-bg,var(--ds-bg-muted))] text-[var(--ds-palette-2-text,var(--ds-text-secondary))]\",\n 3: \"bg-[var(--ds-palette-3-bg,var(--ds-bg-muted))] text-[var(--ds-palette-3-text,var(--ds-text-secondary))]\",\n 4: \"bg-[var(--ds-palette-4-bg,var(--ds-bg-muted))] text-[var(--ds-palette-4-text,var(--ds-text-secondary))]\",\n 5: \"bg-[var(--ds-palette-5-bg,var(--ds-bg-muted))] text-[var(--ds-palette-5-text,var(--ds-text-secondary))]\",\n} as const;\n\nfunction paletteFor(seed: string): keyof typeof paletteStyles {\n let h = 0;\n for (const ch of seed) h = (h * 31 + ch.charCodeAt(0)) >>> 0;\n return ((h % 5) + 1) as keyof typeof paletteStyles;\n}\n\nfunction colorStyles(color: AvatarColor, seed: string): string {\n if (color === \"accent\") return \"bg-[var(--ds-accent-primary)] text-[var(--ds-text-on-primary)]\";\n if (color === \"neutral\") return \"bg-[var(--ds-bg-muted)] text-[var(--ds-text-secondary)]\";\n return paletteStyles[color === \"auto\" ? paletteFor(seed) : color];\n}\n\n/**\n * Presence as a shape as well as a colour (Sprint 25.12 A48, WCAG 1.4.1), as Fluent's presence badges do: online a filled\n * dot, away a ring, busy a dot with a bar, offline a ring with a slash. The words are in the avatar's name.\n */\nfunction PresenceMark({ status }: { status: AvatarStatus }) {\n return (\n <svg viewBox=\"0 0 10 10\" width=\"10\" height=\"10\" aria-hidden=\"true\" focusable=\"false\" data-presence={status} className=\"block\">\n {status === \"online\" && <circle cx=\"5\" cy=\"5\" r=\"5\" className=\"fill-[var(--ds-status-success)]\" />}\n {status === \"away\" && <circle cx=\"5\" cy=\"5\" r=\"4\" fill=\"none\" strokeWidth=\"2\" className=\"stroke-[var(--ds-status-warning)]\" />}\n {status === \"busy\" && (\n <>\n <circle cx=\"5\" cy=\"5\" r=\"5\" className=\"fill-[var(--ds-status-error)]\" />\n <rect x=\"2.5\" y=\"4.1\" width=\"5\" height=\"1.8\" rx=\"0.9\" className=\"fill-[var(--ds-bg-canvas)]\" />\n </>\n )}\n {status === \"offline\" && (\n <>\n <circle cx=\"5\" cy=\"5\" r=\"4\" fill=\"none\" strokeWidth=\"2\" className=\"stroke-[var(--ds-text-muted)]\" />\n <line x1=\"3.1\" y1=\"6.9\" x2=\"6.9\" y2=\"3.1\" strokeWidth=\"1.5\" strokeLinecap=\"round\" className=\"stroke-[var(--ds-text-muted)]\" />\n </>\n )}\n </svg>\n );\n}\n\nexport function Avatar({ initials, src, alt, size = \"md\", status, color = \"auto\", className }: AvatarProps) {\n // A48: presence can't show words beside a small avatar, so the avatar's own name carries it (\"Priya Nair, online\")\n const who = alt ?? initials ?? \"\";\n const named = status ? [who, status].filter(Boolean).join(\", \") : undefined;\n const base = cn(\n \"inline-flex items-center justify-center font-medium shrink-0\",\n \"rounded-[var(--ds-radius-full)]\",\n sizeStyles[size],\n className,\n );\n\n // data-avatar: the Table and DataGrid card mode stacks a cell that holds an avatar (Sprint 25.4 C-2).\n const avatarElement = src ? (\n <img\n data-avatar=\"\"\n src={src}\n alt={named ?? alt ?? initials ?? \"\"}\n className={cn(base, \"object-cover\")}\n />\n ) : (\n <div\n data-avatar=\"\"\n role={named ? \"img\" : undefined}\n aria-label={named}\n className={cn(\n base,\n colorStyles(color, alt ?? initials ?? \"\"),\n \"border-[length:var(--ds-border-width)] border-transparent\",\n )}\n >\n {/* round 21: a full name passed as initials shows its initials, not the name squeezed into the circle */}\n {initials != null ? toInitials(initials) : null}\n </div>\n );\n\n if (!status) return avatarElement;\n\n return (\n <div className=\"relative inline-flex\">\n {avatarElement}\n <span\n className={cn(\n \"absolute\",\n size === \"sm\" && \"bottom-[-2px] right-[-2px]\",\n size === \"md\" && \"bottom-[0px] right-[0px]\",\n size === \"lg\" && \"bottom-[2px] right-[2px]\",\n )}\n aria-hidden=\"true\"\n >\n {/* the canvas behind the mark fills a ring's middle and draws the 2px halo that separates it from the photo */}\n <span className=\"block rounded-[var(--ds-radius-full)] bg-[var(--ds-bg-canvas)] shadow-[0_0_0_2px_var(--ds-bg-canvas)]\">\n <PresenceMark status={status} />\n </span>\n </span>\n </div>\n );\n}\n","import { useLayoutEffect, useRef, type RefObject } from \"react\";\n\n/**\n * Keeps the active option of a list driven by aria-activedescendant in view (Sprint 25.17's review; WCAG 2.4.11): when\n * the list opens and when the active option changes, the list scrolls just enough to show it. Only the list's own box\n * scrolls, never the page: the list sits fixed over it. The option is found by its id, in the list's own document or\n * shadow root.\n *\n * Only a change brings it back into view (the second review): a render that leaves the same option active — the page\n * scrolling, the list scrolled by touch or by its scrollbar — leaves the list where the user put it.\n */\nexport function useActiveOptionInView(list: RefObject<HTMLElement | null>, activeId: string | undefined): void {\n // the option last brought into view, by its id and its text: a filtered list reuses an id for another option\n const shown = useRef<string | null>(null);\n useLayoutEffect(() => {\n const box = list.current;\n if (!box || !activeId) {\n shown.current = null;\n return;\n }\n const root = box.getRootNode() as Document | ShadowRoot;\n const option = typeof root.getElementById === \"function\" ? root.getElementById(activeId) : null;\n if (!option || !box.contains(option)) return;\n const seen = `${activeId}\\u0000${option.textContent ?? \"\"}`;\n if (seen === shown.current) return;\n shown.current = seen;\n const top = option.getBoundingClientRect().top - box.getBoundingClientRect().top + box.scrollTop;\n const bottom = top + option.offsetHeight;\n if (top < box.scrollTop) box.scrollTo({ top });\n else if (bottom > box.scrollTop + box.clientHeight) box.scrollTo({ top: bottom - box.clientHeight });\n });\n}\n","/**\n * Text as a search reads it, one way for every picker (Sprint 25.17's second review): no case, no accents, and \"_\" as a\n * space, so \"@toma\" finds Tomás, \"Sao Paulo\" and \"São Paulo\" find America/Sao_Paulo, and \"New_York\" finds New York.\n */\nexport function foldForSearch(text: string): string {\n return text.normalize(\"NFD\").replace(/\\p{M}/gu, \"\").replace(/_/g, \" \").toLowerCase();\n}\n","import { useMemo, useRef, type RefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../lib/utils\";\nimport { usePosition } from \"../lib/use-position\";\nimport { useLatest } from \"../lib/use-latest\";\nimport { useActiveOptionInView } from \"../lib/use-active-option\";\nimport { foldForSearch } from \"../lib/search-text\";\nimport { Avatar } from \"./Avatar\";\n\nexport interface MentionSuggestion {\n id: string;\n label: string;\n avatar?: string;\n description?: string;\n}\n\n/** Text as a search reads it: no case, no accents (\"@toma\" finds Tomás, \"@zoe\" Zoë), as every picker reads it. */\nconst fold = foldForSearch;\n\n/**\n * The suggestions a query matches, by name or by description, ignoring case and accents, best first: a name that starts with it\n * (\"@Mar\": Marcus Chen), then a name with a word that does (Tomás Martin), then a name holding it anywhere (Amara), then\n * a description that does; in their own order within each.\n */\nexport function matchMentions(items: MentionSuggestion[], query: string): MentionSuggestion[] {\n const q = fold(query);\n const rank = (s: MentionSuggestion): number => {\n const name = fold(s.label);\n if (name.startsWith(q)) return 0;\n if (name.split(/\\s+/).some((word) => word.startsWith(q))) return 1;\n if (name.includes(q)) return 2;\n return s.description && fold(s.description).includes(q) ? 3 : -1;\n };\n return items.map((s) => ({ s, r: rank(s) })).filter(({ r }) => r >= 0).sort((a, b) => a.r - b.r).map(({ s }) => s);\n}\n\n/** An option's id, for the field's aria-activedescendant. */\nexport const mentionOptionId = (listId: string, index: number) => `${listId}-option-${index}`;\n\n/**\n * The most people a list shows (Sprint 25.17's second review: two thousand drawn at once took a key a third of a second\n * to paint): the best matches, and a line saying how many more match, which typing narrows.\n */\nexport const MENTION_LIST_LIMIT = 10;\n\n/** The matches a list shows, best first, and how many more there are. */\nexport function shownMentions(found: MentionSuggestion[]): { items: MentionSuggestion[]; more: number } {\n return { items: found.slice(0, MENTION_LIST_LIMIT), more: Math.max(0, found.length - MENTION_LIST_LIMIT) };\n}\n\nexport interface MentionListProps {\n /** The listbox's id: the field's aria-controls, and the stem of its options' ids. */\n id: string;\n /** The listbox's name (\"People\", \"Suggestions\"). */\n label: string;\n /** The people shown, at most MENTION_LIST_LIMIT (shownMentions). */\n items: MentionSuggestion[];\n /** How many more match than are shown: the list says so under its people. */\n more?: number;\n activeIndex: number;\n onActiveIndexChange: (index: number) => void;\n onPick: (item: MentionSuggestion) => void;\n /** Where the mention being typed is, in the viewport: the list opens under it, above it when the screen runs out below. */\n anchorRect: () => DOMRect | null;\n /** The list's element, for the owner's checks (a click outside, focus moving into it). */\n listRef?: RefObject<HTMLDivElement | null>;\n}\n\n/**\n * The list of suggestions while a mention is typed (Sprint 25.17 A17): MentionInput's and the editor's, so a mention\n * looks and works the same in a comment box and a document. The field keeps focus and carries aria-activedescendant\n * (the field's owner wires the keys: arrows move, Enter or Tab inserts, Escape closes); the options are no Tab stops,\n * and a pointer picks one without taking focus from the field.\n */\nexport function MentionList({ id, label, items, more = 0, activeIndex, onActiveIndexChange, onPick, anchorRect, listRef }: MentionListProps) {\n const ownRef = useRef<HTMLDivElement | null>(null);\n const floatingRef = listRef ?? ownRef;\n const boxRef = useRef<HTMLDivElement | null>(null);\n const anchorRef = useLatest(anchorRect);\n // the caret as an element for usePosition, which reads only its rectangle\n const anchor = useMemo(() => ({ current: { getBoundingClientRect: () => anchorRef.current() ?? new DOMRect() } as HTMLElement }), [anchorRef]);\n const pos = usePosition(anchor, floatingRef, items.length > 0, { side: \"bottom\", align: \"start\", offset: 4 });\n // the arrows move through a list longer than its box: the active person stays in view\n useActiveOptionInView(boxRef, items.length > 0 ? mentionOptionId(id, activeIndex) : undefined);\n if (items.length === 0) return null;\n\n return createPortal(\n <div\n ref={floatingRef}\n className={cn(\n \"fixed z-[var(--ds-z-popover)] min-w-[200px] flex flex-col\",\n \"bg-[var(--ds-bg-surface-elevated)]\",\n \"[backdrop-filter:var(--ds-glass-filter)] [-webkit-backdrop-filter:var(--ds-glass-filter)]\",\n \"border-[length:var(--ds-border-width)] border-[var(--ds-border-default)]\",\n \"rounded-[var(--ds-radius-md)] shadow-[var(--ds-shadow-dropdown),var(--ds-glass-inset)]\",\n )}\n style={{ top: pos.top, left: pos.left }}\n >\n {/* rows inset in the list, rounded, as Combobox's and the menus' are (the second review: full-width square rows) */}\n <div ref={boxRef} id={id} role=\"listbox\" aria-label={label} className=\"max-h-[200px] overflow-y-auto p-ds-1\">\n {items.map((s, i) => (\n <button\n key={s.id}\n id={mentionOptionId(id, i)}\n type=\"button\"\n role=\"option\"\n tabIndex={-1}\n aria-selected={i === activeIndex}\n className={cn(\n \"flex items-center gap-ds-2.5 w-full px-ds-2 py-ds-1.5 text-left text-sm cursor-pointer rounded-[var(--ds-radius-sm)]\",\n \"transition-colors duration-[var(--ds-transition-speed)]\",\n i === activeIndex ? \"bg-[var(--ds-bg-muted)] text-[var(--ds-text-primary)]\" : \"text-[var(--ds-text-secondary)]\",\n )}\n // the field keeps focus, so the pick lands where the mention is being typed\n onMouseDown={(e) => e.preventDefault()}\n onClick={() => onPick(s)}\n onMouseEnter={() => onActiveIndexChange(i)}\n >\n {/* the name follows as text, so the picture is decoration */}\n <span aria-hidden=\"true\" className=\"inline-flex shrink-0\">\n <Avatar src={s.avatar} initials={s.label} size=\"sm\" className=\"!h-6 !w-6 !text-2xs\" />\n </span>\n <span className=\"min-w-0\">\n <span className=\"block font-medium text-[var(--ds-text-primary)] truncate\">{s.label}</span>\n {s.description && <span className=\"block text-xs text-[var(--ds-text-muted)] truncate\">{s.description}</span>}\n </span>\n </button>\n ))}\n </div>\n {more > 0 && (\n <p className=\"px-ds-3 py-ds-1.5 text-xs text-[var(--ds-text-muted)] border-t-[length:var(--ds-divider-width)] border-[var(--ds-border-subtle)]\">\n {more} more {more === 1 ? \"matches\" : \"match\"}: keep typing to narrow\n </p>\n )}\n </div>,\n document.body,\n );\n}\n"]}
@@ -39,5 +39,5 @@ function useReportedChange(onChange, current, read = (...args) => args[0]) {
39
39
  }
40
40
 
41
41
  export { FormChangeCtx, FormCtx, useFormContext, useOptionalFormContext, useReportedChange };
42
- //# sourceMappingURL=chunk-XVB55M3N.js.map
43
- //# sourceMappingURL=chunk-XVB55M3N.js.map
42
+ //# sourceMappingURL=chunk-72SDAX54.js.map
43
+ //# sourceMappingURL=chunk-72SDAX54.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../showcase/src/lib/form-context.ts"],"names":[],"mappings":";;;;AA0BO,IAAM,OAAA,GAAU,cAAuC,IAAI;AAO3D,SAAS,cAAA,GAAmC;AACjD,EAAA,MAAM,GAAA,GAAM,WAAW,OAAO,CAAA;AAC9B,EAAA,IAAI,CAAC,GAAA,EAAK,MAAM,IAAI,MAAM,gDAAgD,CAAA;AAC1E,EAAA,OAAO,GAAA;AACT;AAGO,SAAS,sBAAA,GAAkD;AAChE,EAAA,OAAO,WAAW,OAAO,CAAA;AAC3B;AAOO,IAAM,aAAA,GAAgB,cAAmC,IAAI;AAG7D,SAAS,SAAA,CAAU,GAAY,CAAA,EAAqB;AACzD,EAAA,IAAI,MAAA,CAAO,EAAA,CAAG,CAAA,EAAG,CAAC,GAAG,OAAO,IAAA;AAC5B,EAAA,IAAI,CAAA,YAAa,QAAQ,CAAA,YAAa,IAAA,SAAa,CAAA,CAAE,OAAA,EAAQ,KAAM,CAAA,CAAE,OAAA,EAAQ;AAC7E,EAAA,IAAI,KAAA,CAAM,QAAQ,CAAC,CAAA,IAAK,MAAM,OAAA,CAAQ,CAAC,CAAA,EAAG,OAAO,CAAA,CAAE,MAAA,KAAW,EAAE,MAAA,IAAU,CAAA,CAAE,KAAA,CAAM,CAAC,CAAA,EAAG,CAAA,KAAM,UAAU,CAAA,EAAG,CAAA,CAAE,CAAC,CAAC,CAAC,CAAA;AAC9G,EAAA,IAAI,KAAK,CAAA,IAAK,OAAO,MAAM,QAAA,IAAY,OAAO,MAAM,QAAA,IAAY,MAAA,CAAO,eAAe,CAAC,CAAA,KAAM,OAAO,SAAA,IAAa,MAAA,CAAO,eAAe,CAAC,CAAA,KAAM,OAAO,SAAA,EAAW;AAC9J,IAAA,MAAM,EAAA,GAAK,MAAA,CAAO,IAAA,CAAK,CAA4B,CAAA;AACnD,IAAA,MAAM,EAAA,GAAK,MAAA,CAAO,IAAA,CAAK,CAA4B,CAAA;AACnD,IAAA,OAAO,EAAA,CAAG,MAAA,KAAW,EAAA,CAAG,MAAA,IAAU,GAAG,KAAA,CAAM,CAAC,CAAA,KAAM,SAAA,CAAW,EAA8B,CAAC,CAAA,EAAI,CAAA,CAA8B,CAAC,CAAC,CAAC,CAAA;AAAA,EACnI;AAEA,EAAA,IAAK,CAAA,KAAM,EAAA,KAAO,CAAA,KAAM,MAAA,IAAa,CAAA,KAAM,IAAA,CAAA,IAAW,CAAA,KAAM,EAAA,KAAO,CAAA,KAAM,MAAA,IAAa,CAAA,KAAM,IAAA,CAAA,EAAQ,OAAO,IAAA;AAC3G,EAAA,OAAO,KAAA;AACT;AAUO,SAAS,iBAAA,CACd,UACA,OAAA,EACA,IAAA,GAAgC,IAAI,IAAA,KAAY,IAAA,CAAK,CAAC,CAAA,EAChC;AACtB,EAAA,MAAM,MAAA,GAAS,WAAW,aAAa,CAAA;AACvC,EAAA,MAAM,UAAA,GAAa,OAAO,OAAO,CAAA;AACjC,EAAA,UAAA,CAAW,OAAA,GAAU,OAAA;AACrB,EAAA,MAAM,WAAA,GAAc,OAAO,QAAQ,CAAA;AACnC,EAAA,WAAA,CAAY,OAAA,GAAU,QAAA;AACtB,EAAA,MAAM,OAAA,GAAU,OAAO,IAAI,CAAA;AAC3B,EAAA,OAAA,CAAQ,OAAA,GAAU,IAAA;AAClB,EAAA,OAAO,WAAA,CAAY,IAAI,IAAA,KAAY;AACjC,IAAA,IAAI,MAAA,IAAU,CAAC,SAAA,CAAU,UAAA,CAAW,OAAA,EAAS,OAAA,CAAQ,OAAA,CAAQ,GAAG,IAAI,CAAC,CAAA,EAAG,MAAA,EAAO;AAC/E,IAAA,WAAA,CAAY,OAAA,GAAU,GAAG,IAAI,CAAA;AAAA,EAC/B,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AACb","file":"chunk-72SDAX54.js","sourcesContent":["import { createContext, useCallback, useContext, useRef } from \"react\";\n\n/** When a form's fields check themselves: the project's forms.validationTiming, through FormWrapper. */\nexport type ValidationMode = \"onBlur\" | \"onSubmit\" | \"onChange\";\n\nexport interface FormErrors {\n [field: string]: string | undefined;\n}\n\n/** A field's check: the message for what is wrong with its value now, or nothing. */\nexport type FieldCheck = () => string | undefined;\n\nexport interface FormContextValue {\n errors: FormErrors;\n setError: (field: string, message: string | undefined) => void;\n clearErrors: () => void;\n validationMode: ValidationMode;\n submitted: boolean;\n /**\n * A Field given `validate` registers its check under its id, and the form runs every check on each submit (round 26,\n * R26-2: the forms of both runs checked their fields only on submit, although the project said on blur). Returns\n * the unregister.\n */\n register: (field: string, check: FieldCheck) => () => void;\n}\n\nexport const FormCtx = createContext<FormContextValue | null>(null);\n\n/**\n * The FormWrapper a field sits in: its errors with `setError` and `clearErrors`, the project's validation timing\n * (`validationMode`, forms.validationTiming through FormWrapper), whether it has been submitted, and `register` for a\n * field's own check, which the form runs on each submit. Throws outside a FormWrapper.\n */\nexport function useFormContext(): FormContextValue {\n const ctx = useContext(FormCtx);\n if (!ctx) throw new Error(\"useFormContext must be used within FormWrapper\");\n return ctx;\n}\n\n/** The FormWrapper a component sits in, or null. */\nexport function useOptionalFormContext(): FormContextValue | null {\n return useContext(FormCtx);\n}\n\n/**\n * Sprint 25.12 A15 (R28-25): the nearest FormWrapper's change reporter. A control calls it when the user gives it a new\n * value; the form passes it on to the overlay that holds it, so the overlay asks before discarding only after a change.\n * Null outside a FormWrapper: controls there never mark anything (a page that saves as you go has nothing to discard).\n */\nexport const FormChangeCtx = createContext<(() => void) | null>(null);\n\n/** Whether two control values are the same value: dates by time, arrays and plain objects by their parts. */\nexport function sameValue(a: unknown, b: unknown): boolean {\n if (Object.is(a, b)) return true;\n if (a instanceof Date && b instanceof Date) return a.getTime() === b.getTime();\n if (Array.isArray(a) && Array.isArray(b)) return a.length === b.length && a.every((x, i) => sameValue(x, b[i]));\n if (a && b && typeof a === \"object\" && typeof b === \"object\" && Object.getPrototypeOf(a) === Object.prototype && Object.getPrototypeOf(b) === Object.prototype) {\n const ka = Object.keys(a as Record<string, unknown>);\n const kb = Object.keys(b as Record<string, unknown>);\n return ka.length === kb.length && ka.every((k) => sameValue((a as Record<string, unknown>)[k], (b as Record<string, unknown>)[k]));\n }\n // an empty text field and an unset value are the same answer: a control that commits \"\" over undefined changed nothing\n if ((a === \"\" && (b === undefined || b === null)) || (b === \"\" && (a === undefined || a === null))) return true;\n return false;\n}\n\n/**\n * Sprint 25.12 A15: a control's `onChange`, wrapped so a new value the user gives it reports a change to the nearest\n * FormWrapper before the page hears of it. `current` is the control's value now (its prop, or its own state when it\n * keeps one); `read` takes the new value from onChange's arguments (the first argument by default; an event's\n * `target.value` for native inputs). Only a different value reports: NumberInput committing the same number on blur,\n * or a search inside a Dropdown, changes nothing. Call it only from the user's own actions, never from an effect, so a\n * value the page sets, or one a control settles on by itself, never counts.\n */\nexport function useReportedChange<A extends unknown[]>(\n onChange: ((...args: A) => void) | undefined,\n current: unknown,\n read: (...args: A) => unknown = (...args: A) => args[0],\n): (...args: A) => void {\n const report = useContext(FormChangeCtx);\n const currentRef = useRef(current);\n currentRef.current = current;\n const onChangeRef = useRef(onChange);\n onChangeRef.current = onChange;\n const readRef = useRef(read);\n readRef.current = read;\n return useCallback((...args: A) => {\n if (report && !sameValue(currentRef.current, readRef.current(...args))) report();\n onChangeRef.current?.(...args);\n }, [report]);\n}\n"]}
@@ -1,16 +1,16 @@
1
1
  "use client";
2
- import { ControlSizeContext, triggerType, Button, useShellPreferences, PREFERENCE_HOUSE_DEFAULTS } from './chunk-R4GXKH4U.js';
2
+ import { ControlSizeContext, triggerType, Button, useShellPreferences, PREFERENCE_HOUSE_DEFAULTS } from './chunk-RJEUQ7RL.js';
3
3
  import { useInputModality } from './chunk-7RKC5C7G.js';
4
- import { useReportedChange, useOptionalFormContext, FormChangeCtx } from './chunk-XVB55M3N.js';
4
+ import { useReportedChange, useOptionalFormContext, FormChangeCtx } from './chunk-72SDAX54.js';
5
5
  import { RowsCtx } from './chunk-QM4SJKWV.js';
6
6
  import { useRevealFocus } from './chunk-HTXP5BMM.js';
7
7
  import { usePopupFocus, focusAfterRemoval, usePressMarks, focusInitial } from './chunk-ZI3OQDET.js';
8
- import { useTextOverflow, Tooltip } from './chunk-GXMTS3YD.js';
8
+ import { useTextOverflow, AutoTooltip } from './chunk-37WOC7F7.js';
9
9
  import { Slot } from './chunk-7Q46JXSK.js';
10
- import { Icon, warnOnce } from './chunk-TJEV7YAY.js';
10
+ import { Icon, warnOnce } from './chunk-MKFWHWBK.js';
11
11
  import { usePosition } from './chunk-HP7WUZPK.js';
12
12
  import { useLatest } from './chunk-WH2FUFAC.js';
13
- import { cn, ERROR_HAS_FOCUS_RING, FIELD_HAS_FOCUS_RING, ERROR_FOCUS_RING, FIELD_FOCUS_RING, FOCUS_RING, ERROR_ACTIVE_RING, ACTIVE_RING, ERROR_FOCUS_WITHIN_RING, FIELD_FOCUS_WITHIN_RING, GLASS_DROPDOWN } from './chunk-66JJCQU3.js';
13
+ import { cn, ERROR_HAS_FOCUS_RING, FIELD_HAS_FOCUS_RING, ERROR_FOCUS_RING, FIELD_FOCUS_RING, FOCUS_RING, ERROR_ACTIVE_RING, ACTIVE_RING, ERROR_FOCUS_WITHIN_RING, FIELD_FOCUS_WITHIN_RING, GLASS_DROPDOWN } from './chunk-JTU7OBYJ.js';
14
14
  import { createContext, useContext, useRef, useCallback, useEffect, useId, useState, Children, isValidElement, useMemo, cloneElement, useLayoutEffect } from 'react';
15
15
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
16
16
  import { createPortal } from 'react-dom';
@@ -633,7 +633,7 @@ function Dropdown({
633
633
  !selectedValues.length && "text-[var(--ds-text-muted)]"
634
634
  ),
635
635
  children: [
636
- isTruncated ? /* @__PURE__ */ jsx(Tooltip, { content: displayLabel, children: /* @__PURE__ */ jsx("span", { ref: overflowRef, className: "truncate", children: displayLabel }) }) : /* @__PURE__ */ jsx("span", { ref: overflowRef, className: "truncate", children: displayLabel }),
636
+ isTruncated ? /* @__PURE__ */ jsx(AutoTooltip, { content: displayLabel, children: /* @__PURE__ */ jsx("span", { ref: overflowRef, className: "truncate", children: displayLabel }) }) : /* @__PURE__ */ jsx("span", { ref: overflowRef, className: "truncate", children: displayLabel }),
637
637
  /* @__PURE__ */ jsx("span", { className: cn("transition-transform", open && "rotate-180"), children: /* @__PURE__ */ jsx(Icon, { name: "chevron-right", size: 14, className: "rotate-90" }) })
638
638
  ]
639
639
  }
@@ -1370,5 +1370,5 @@ function useWholeListCheck(component, length, pager) {
1370
1370
  }
1371
1371
 
1372
1372
  export { AddAnotherRowCtx, CHECK_FILL, Dropdown, Field, FilterRowContext, InlineFieldError, Input, Label, NumberInput, OutsideField, Pagination, Popover, SWITCH_KNOB_MOTION, SWITCH_KNOB_OFF, SWITCH_KNOB_ON, SWITCH_TRACK_OFF, SWITCH_TRACK_ON, Textarea, Toggle, pagerPart, useField, useFieldControl, usePagination, useWholeListCheck };
1373
- //# sourceMappingURL=chunk-YUTF2X6B.js.map
1374
- //# sourceMappingURL=chunk-YUTF2X6B.js.map
1373
+ //# sourceMappingURL=chunk-FUKSLQ77.js.map
1374
+ //# sourceMappingURL=chunk-FUKSLQ77.js.map