gridsmith-ui 0.32.0 → 0.33.0

package/dist/chunk-6XCWKLJZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../showcase/src/components/Skeleton.tsx","../../../showcase/src/components/SegmentedControl.tsx","../../../showcase/src/lib/title-text.ts","../../../showcase/src/lib/dashboard-frame.ts","../../../showcase/src/lib/cell-frame.ts"],"names":["jsx","jsxs"],"mappings":"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","file":"chunk-6XCWKLJZ.js","sourcesContent":["import { cn } from \"../lib/utils\";\n\ninterface SkeletonProps {\n  variant?: \"text\" | \"avatar\" | \"card\" | \"table-row\" | \"custom\";\n  lines?: number;\n  width?: string;\n  height?: string;\n  className?: string;\n}\n\nfunction Bone({ className, style, \"data-gs\": marker }: { className?: string; style?: React.CSSProperties; \"data-gs\"?: string }) {\n  return (\n    <div\n      data-gs={marker}\n      className={cn(\"rounded-[var(--ds-radius-sm)] bg-[var(--ds-bg-emphasis)] animate-pulse\", className)}\n      style={style}\n    />\n  );\n}\n\nexport function Skeleton({ variant = \"text\", lines = 3, width, height, className }: SkeletonProps) {\n  if (variant === \"custom\") {\n    return <Bone data-gs=\"skeleton\" className={className} style={{ width, height }} />;\n  }\n\n  if (variant === \"avatar\") {\n    return <Bone data-gs=\"skeleton\" className={cn(\"h-10 w-10 rounded-[var(--ds-radius-full)]\", className)} />;\n  }\n\n  if (variant === \"card\") {\n    return (\n      <div data-gs=\"skeleton\" className={cn(\"space-y-ds-3\", className)}>\n        <Bone className=\"h-32 w-full rounded-[var(--ds-radius-md)]\" />\n        <Bone className=\"h-4 w-3/4\" />\n        <Bone className=\"h-4 w-1/2\" />\n      </div>\n    );\n  }\n\n  if (variant === \"table-row\") {\n    return (\n      <div data-gs=\"skeleton\" className={cn(\"flex gap-ds-4\", className)}>\n        <Bone className=\"h-4 flex-[3]\" />\n        <Bone className=\"h-4 flex-[2]\" />\n        <Bone className=\"h-4 flex-1\" />\n        <Bone className=\"h-4 flex-1\" />\n      </div>\n    );\n  }\n\n  // text variant\n  const widths = [\"w-3/4\", \"w-1/2\", \"w-5/6\", \"w-2/3\", \"w-4/5\"];\n  return (\n    <div data-gs=\"skeleton\" className={cn(\"space-y-ds-3\", className)}>\n      {Array.from({ length: lines }, (_, i) => (\n        <Bone key={i} className={cn(\"h-4\", widths[i % widths.length])} />\n      ))}\n    </div>\n  );\n}\n","import { useRef, useState, useLayoutEffect, useEffect, useCallback, useContext } from \"react\";\nimport { cn, FOCUS_RING } from \"../lib/utils\";\nimport { rovingTabStop } from \"../lib/focus\";\nimport { Dropdown } from \"./Dropdown\";\nimport { ControlSizeContext } from \"./Button\";\nimport { useFieldControl, type FieldControlWiring } from \"./Field\";\nimport { useReportedChange } from \"../lib/form-context\";\n\ninterface SegmentedControlOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\ntype SegmentedControlSize = \"xs\" | \"sm\" | \"md\" | \"lg\";\n\ninterface SegmentedControlProps extends FieldControlWiring {\n  value: string;\n  onChange: (value: string) => void;\n  options: SegmentedControlOption[];\n  /** xs is for dense tool chrome (toolbars, inspectors): 24px tall. */\n  size?: SegmentedControlSize;\n  variant?: \"default\" | \"ghost\";\n  /** Stretch to the container and share the width equally between options. */\n  fullWidth?: boolean;\n  /**\n   * Called with an option's value while the pointer is over it and with null\n   * when it leaves, so a picker can preview a choice before committing it.\n   */\n  onHoverChange?: (value: string | null) => void;\n  className?: string;\n  /**\n   * Accessible name for the radiogroup, for when there is no visible label (e.g. in a toolbar). A control with a visible\n   * label sits in a Field instead, which names it and stacks the label above: `<Field label=\"Status\"><SegmentedControl …/></Field>`.\n   */\n  \"aria-label\"?: string;\n  /**\n   * Above this many options the control renders a Dropdown with the same value, onChange and options — a row of\n   * eleven segments runs off the page (bench round 3). Default 6; raise it only where the row is known to fit. A row\n   * that does not fit its container (a four-option range on a phone) renders the Dropdown too, and comes back as a\n   * row when the container widens (round 10).\n   */\n  maxOptions?: number;\n}\n\n/** The options as one string, so the fit re-measures when the labels change. */\nfunction optionsKeyForFit(options: SegmentedControlOption[]): string { return options.map((o) => `${o.value}:${o.label}`).join(\"|\"); }\n\n// Option padding is part of the size (tailwind-merge cannot resolve two ds-\n// spacing classes against each other, so it is not appended as an override).\nconst sizes: Record<SegmentedControlSize, string> = {\n  xs: \"text-xs px-ds-2\",\n  sm: \"text-xs px-ds-3\",\n  md: \"text-sm px-ds-3\",\n  lg: \"text-base px-ds-3\",\n};\n\n// xs uses a 2px inset so the whole control stays 24px tall.\nconst containerPadding: Record<SegmentedControlSize, string> = {\n  xs: \"p-[2px] gap-[2px]\",\n  sm: \"p-ds-1 gap-ds-0.5\",\n  md: \"p-ds-1 gap-ds-0.5\",\n  lg: \"p-ds-1 gap-ds-0.5\",\n};\n\nconst indicatorInset: Record<SegmentedControlSize, string> = {\n  xs: \"2px\",\n  sm: \"4px\",\n  md: \"4px\",\n  lg: \"4px\",\n};\n\n/**\n * The segments' corner: the frame's (a field's, --ds-radius-md) less the gap between the two edges, the selected\n * segment's inset and the frame's border when it draws one, so the curves sit evenly inside each other; never sharper\n * than the theme's small radius, so on a theme of small corners the segments stay slightly rounded, not square (a\n * square theme stays square).\n */\nfunction segmentRadius(inset: string, bordered: boolean): string {\n  return `max(var(--ds-radius-sm), calc(var(--ds-radius-md) - ${inset}${bordered ? \" - var(--ds-border-width)\" : \"\"}))`;\n}\n\nexport function SegmentedControl({\n  value,\n  onChange: onChangeProp,\n  options,\n  size: sizeProp,\n  variant = \"default\",\n  fullWidth = false,\n  onHoverChange,\n  className,\n  \"aria-label\": ariaLabel,\n  maxOptions = 6,\n  ...wiring\n}: SegmentedControlProps) {\n  // Sprint 25.12 A15: a new value the user gives this control marks the form's overlay; the page's onChange runs as given\n  const onChange = useReportedChange(onChangeProp, value);\n  const contextSize = useContext(ControlSizeContext);\n  // Inside a Field it takes the Field's label (round 27, R27-10): a radio group is named by aria-labelledby, since\n  // <label for> cannot name it, and the Field stacks its label above. It takes the Field's id, hint, error and\n  // required state too (round 27 review: without them the summary had no link and focus skipped it); a radio group\n  // carries aria-invalid and aria-required itself. As a Dropdown, the Dropdown reads the same Field. The name follows the\n  // one rule (useFieldControl; the final review of Sprint 25.31, 2): the Field's label on screen leads it, where a\n  // page's aria-label won before (\"Calendar view\" over \"View\"), and a page's name beside it is left out, with a warning\n  const control = useFieldControl({ ...wiring, \"aria-label\": ariaLabel }, { component: \"SegmentedControl\" });\n  // as a Dropdown, only the names the rule left: the page gave them to this control, not to a Dropdown, which would warn\n  const { \"aria-labelledby\": _pageLabelledBy, ...dropdownWiring } = wiring;\n  const size: SegmentedControlSize = sizeProp ?? (contextSize as SegmentedControlSize | null) ?? \"md\";\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [indicator, setIndicator] = useState({ left: 0, width: 0 });\n\n  // Round 10 (the owner's review of the analytics overview on a phone): a row that does not fit its container renders\n  // the Dropdown too, not only a row of too many options. The row's natural width is remembered from the last time\n  // it was laid out; the container (the filters row, the toolbar) is observed in both states, so the row comes back\n  // when the container widens. 8 px of hysteresis keeps a row sitting on the edge from flapping.\n  const parentRef = useRef<HTMLElement | null>(null);\n  const neededRef = useRef(0);\n  const [overflows, setOverflows] = useState(false);\n  const measureFit = useCallback(() => {\n    const row = containerRef.current;\n    if (row) {\n      parentRef.current = row.parentElement;\n      if (row.scrollWidth > 0) neededRef.current = row.scrollWidth;\n    }\n    const parent = parentRef.current;\n    const needed = neededRef.current;\n    if (!parent || !needed) return;\n    const style = getComputedStyle(parent);\n    const available = parent.clientWidth - (parseFloat(style.paddingLeft) || 0) - (parseFloat(style.paddingRight) || 0);\n    if (available <= 0) return;\n    setOverflows((prev) => (prev ? needed > available - 8 : needed > available));\n  }, []);\n  useLayoutEffect(() => {\n    measureFit();\n    const parent = parentRef.current;\n    if (!parent || typeof ResizeObserver === \"undefined\") return;\n    const observer = new ResizeObserver(measureFit);\n    observer.observe(parent);\n    return () => observer.disconnect();\n  }, [measureFit, optionsKeyForFit(options)]); // eslint-disable-line react-hooks/exhaustive-deps\n  const collapsed = options.length > maxOptions || overflows;\n\n  const updateIndicator = useCallback(() => {\n    if (!containerRef.current) return;\n    const active = containerRef.current.querySelector<HTMLElement>(\"[data-active='true']\");\n    if (active) {\n      setIndicator({\n        left: active.offsetLeft,\n        width: active.offsetWidth,\n      });\n    }\n  }, []);\n\n  // The option set can change under the control (a configurator hiding an\n  // option), which moves the active segment without changing `value`: re-measure\n  // on that too, and watch every segment, not just the container, so a label\n  // that changes width also moves the thumb.\n  const optionsKey = options.map((o) => `${o.value}:${o.label}`).join(\"|\");\n  useLayoutEffect(() => {\n    updateIndicator();\n  }, [value, optionsKey, updateIndicator]);\n\n  // The web font can land after the first measurement and widen the segments (round 5: the thumb was caught\n  // mid-slide on every load). Re-measure when the fonts are ready, and animate only after the user's first change:\n  // the initial position and the font re-measure snap into place.\n  useEffect(() => {\n    const fonts = (document as Document & { fonts?: { ready?: Promise<unknown> } }).fonts;\n    if (!fonts?.ready) return;\n    let live = true;\n    fonts.ready.then(() => { if (live) updateIndicator(); });\n    return () => { live = false; };\n  }, [updateIndicator]);\n  const [animate, setAnimate] = useState(false);\n  const select = useCallback((v: string) => { setAnimate(true); onChange(v); }, [onChange]);\n\n  useLayoutEffect(() => {\n    if (collapsed || !containerRef.current || typeof ResizeObserver === \"undefined\") return;\n    const observer = new ResizeObserver(updateIndicator);\n    observer.observe(containerRef.current);\n    containerRef.current.querySelectorAll<HTMLElement>(\"button\").forEach((b) => observer.observe(b));\n    return () => observer.disconnect();\n  }, [updateIndicator, optionsKey, collapsed]);\n\n  const containerHeight: Record<SegmentedControlSize, string> = {\n    xs: \"h-ds-6\",\n    sm: \"h-[var(--ds-control-height-sm)]\",\n    md: \"h-[var(--ds-control-height-md)]\",\n    lg: \"h-[var(--ds-control-height-lg)]\",\n  };\n\n  // Radio-group keyboard pattern: one tab stop (the checked option, or the\n  // first enabled one when nothing is checked), arrows move selection between\n  // enabled options, Home/End jump to the ends.\n  const tabStop = rovingTabStop(options, (o) => o.value === value, (o) => !!o.disabled);\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    const enabled = options.filter((o) => !o.disabled);\n    if (enabled.length === 0) return;\n    const idx = Math.max(0, enabled.findIndex((o) => o.value === value));\n    let next: number | null = null;\n    if (e.key === \"ArrowRight\" || e.key === \"ArrowDown\") next = (idx + 1) % enabled.length;\n    else if (e.key === \"ArrowLeft\" || e.key === \"ArrowUp\") next = (idx - 1 + enabled.length) % enabled.length;\n    else if (e.key === \"Home\") next = 0;\n    else if (e.key === \"End\") next = enabled.length - 1;\n    if (next === null) return;\n    e.preventDefault();\n    select(enabled[next].value);\n    const buttons = containerRef.current?.querySelectorAll<HTMLButtonElement>('[role=\"radio\"]');\n    buttons?.forEach((b) => { if (b.dataset.value === enabled[next!].value) b.focus(); });\n  };\n\n  if (collapsed) {\n    return (\n      <Dropdown\n        {...dropdownWiring}\n        aria-label={control.shown ? undefined : control.label}\n        aria-labelledby={control.shown ? undefined : wiring[\"aria-labelledby\"]}\n        size={size === \"md\" || size === \"lg\" ? \"md\" : \"sm\"}\n        options={options.filter((o) => !o.disabled).map((o) => ({ id: o.value, label: o.label }))}\n        value={value}\n        onChange={(v) => onChange(v as string)}\n        className={cn(\"inline-block\", fullWidth ? \"w-full\" : \"w-auto\", className)}\n      />\n    );\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      role=\"radiogroup\"\n      id={control.id}\n      aria-label={control.labelId ? undefined : control.label}\n      aria-labelledby={control.labelId}\n      aria-describedby={control.describedBy}\n      aria-invalid={control.invalid || undefined}\n      aria-required={control.required || undefined}\n      onKeyDown={handleKeyDown}\n      className={cn(\n        \"relative items-center\",\n        // Sprint 25.14 A21: in a Field's column a track that isn't full width keeps its own width; w-fit, not self-start,\n        // so a row or a centred column still aligns it (the review of 30 September)\n        fullWidth ? \"flex w-full\" : \"inline-flex w-fit\",\n        containerPadding[size],\n        containerHeight[size],\n        \"bg-[var(--ds-bg-muted)]\",\n        // The owner's review of 1 October 2026: the frame's corner is a field's, so the two change together with the\n        // theme's radius; the segments inside sit concentric with it (SEGMENT_RADIUS)\n        \"rounded-[var(--ds-radius-md)]\",\n        // The frame's edge is a button's: each segment is a labelled button, so the frame isn't what identifies the\n        // control, and WCAG 1.4.11 asks no 3:1 of it\n        variant === \"default\" && \"border-[length:var(--ds-border-width)] border-[var(--ds-border-default)]\",\n        control.invalid && \"border-[length:var(--ds-border-width)] border-[var(--ds-status-error)]\",\n        className,\n      )}\n      style={{ \"--ds-segment-radius\": segmentRadius(indicatorInset[size], variant === \"default\" || !!control.invalid) } as React.CSSProperties}\n    >\n      <div\n        className={cn(\n          \"absolute rounded-[var(--ds-segment-radius)]\",\n          \"bg-[var(--ds-bg-surface)]\",\n          // The selected segment is a kind of button, so it takes a secondary button's surface and edge, as the frame\n          // takes a button's edge (the owner, 3 October 2026: the 3:1 strong edge it kept from Sprint 25.14 drew the\n          // darker outline 25.19 took off the fields). It shows its state as the raised surface on the muted track, with\n          // the default variant's shadow and its label's stronger colour. While its segment has keyboard focus the shadow\n          // steps aside, as a button's does, so the segment's outline sits clear (Sprint 30, D7)\n          \"border-[length:var(--ds-border-width)] border-[var(--ds-border-default)]\",\n          variant === \"default\" && \"shadow-[var(--ds-shadow-sm)]\",\n          \"[[role=radiogroup]:has([aria-checked=true]:focus-visible)_&]:shadow-none\",\n          \"transition-all motion-reduce:transition-none\",\n        )}\n        data-animate={animate ? \"true\" : \"false\"}\n        style={{\n          left: indicator.left,\n          width: indicator.width,\n          top: indicatorInset[size],\n          bottom: indicatorInset[size],\n          transitionDuration: animate ? \"var(--ds-transition-speed)\" : \"0ms\",\n          transitionTimingFunction: \"var(--ds-transition-ease)\",\n        }}\n      />\n      {options.map((opt, i) => (\n        <button\n          key={opt.value}\n          type=\"button\"\n          role=\"radio\"\n          aria-checked={opt.value === value}\n          data-active={opt.value === value}\n          data-value={opt.value}\n          tabIndex={i === tabStop ? 0 : -1}\n          disabled={opt.disabled}\n          onClick={() => !opt.disabled && select(opt.value)}\n          onMouseEnter={onHoverChange && !opt.disabled ? () => onHoverChange(opt.value) : undefined}\n          onMouseLeave={onHoverChange ? () => onHoverChange(null) : undefined}\n          className={cn(\n            \"relative z-10 inline-flex items-center justify-center self-stretch font-medium whitespace-nowrap\",\n            fullWidth && \"flex-1\",\n            \"rounded-[var(--ds-segment-radius)]\",\n            \"transition-colors cursor-pointer\",\n            FOCUS_RING,\n            sizes[size],\n            opt.value === value\n              ? \"text-[var(--ds-text-primary)]\"\n              : \"text-[var(--ds-text-muted)] hover:text-[var(--ds-text-secondary)]\",\n            opt.disabled && \"opacity-disabled cursor-not-allowed\",\n          )}\n        >\n          {opt.label}\n        </button>\n      ))}\n    </div>\n  );\n}\n","/**\n * A title's text classes: CardTitle's, which a titled Table's band and a ChartContainer's title share (Sprint 25.9, A1),\n * one definition so they cannot drift. A word or a name longer than its line breaks at the line's edge (round 27,\n * R27-16: run 70's \"primary-logo-navy.svg\" ran out of its card); break-word, not anywhere, so a title's words still\n * set its minimum and the actions beside it wrap under it before a word is broken (HEADER_LAYOUT.floor).\n */\nexport const TITLE_TEXT = \"font-[family-name:var(--ds-font-display)] text-lg font-[var(--ds-weight-heading)] text-[var(--ds-text-primary)] break-words\";\n\n/**\n * About eight characters of a title, the basis of a title beside a header's actions: a CardHeader's title truncates\n * down to it, a chart's wraps down to it (Sprint 32 F2), and below it the badges and buttons wrap under the title.\n */\nexport const TITLE_FLOOR = \"basis-[calc(var(--ds-font-size-lg)*4.5)]\";\n","/**\n * Sprint 32 (A4): what a frame does in a dashboard's cell while the grid is in its edit mode. Nothing but styles, keyed\n * on the cell's marks (lib/dashboard-cell.ts: `[data-dashboard-cell]` with `[data-editing]`, and `[data-stacked]` while\n * the grid is one column), so the frames read no context and the main entry gains only these class names. The grid's\n * controls sit beside the frame's content, laid over its header band: the move handle at the start (not on a stacked\n * grid, which has no dragging) and the ⋯ at the end:\n * - room beside the frame's first line, as a Kanban card keeps room for its Move button;\n * - but in a cell under 13rem wide (the cell is an inline-size container named `dashboard-cell`), a band above the first\n *   line instead (F2): the controls sit at the frame's top inset and the first line moves down by their height and a\n *   gap, so a title keeps the frame's width (beside it, the room left a title under its floor: 2 × 40 px of a quarter of\n *   a 640 px grid's 148). The same rule for every frame; each band class undoes the room beside, by the same selector.\n * Each class keys on the cell's own frame (`[data-dashboard-content] >` its root, a paged Table's under its pager's\n * wrapper) and that frame's own header part, never a frame nested in the widget (G8): a titled Table inside a Card\n * widget keeps its actions and its own inset.\n *\n * Literal class names, each written out whole, so a Tailwind that reads the library generates them.\n */\n\n/**\n * Room for the move handle and the ⋯ on a frame's top block that is inset at CardHeader's inset itself (a CardHeader,\n * a titled Table's band): beside it, its inset, the control and a gap, at each end; in a narrow cell, its own inset\n * again at each end and the band above.\n */\nexport const CELL_ROOM = [\n  \"[[data-dashboard-cell][data-editing]:not([data-stacked])_:is([data-dashboard-content],[data-dashboard-content]>[data-gs-paged])>*>&]:ps-[calc(var(--ds-space-5)+var(--ds-control-height-sm)+var(--ds-space-2))]\",\n  \"[[data-dashboard-cell][data-editing]_:is([data-dashboard-content],[data-dashboard-content]>[data-gs-paged])>*>&]:pe-[calc(var(--ds-space-5)+var(--ds-control-height-sm)+var(--ds-space-2))]\",\n  \"[[data-dashboard-cell][data-editing]:not([data-stacked])_:is([data-dashboard-content],[data-dashboard-content]>[data-gs-paged])>*>&]:@max-[13rem]/dashboard-cell:ps-ds-5\",\n  \"[[data-dashboard-cell][data-editing]_:is([data-dashboard-content],[data-dashboard-content]>[data-gs-paged])>*>&]:@max-[13rem]/dashboard-cell:pe-ds-5\",\n  \"[[data-dashboard-cell][data-editing]_:is([data-dashboard-content],[data-dashboard-content]>[data-gs-paged])>*>&]:@max-[13rem]/dashboard-cell:pt-[calc(var(--ds-space-4)+var(--ds-control-height-sm)+var(--ds-space-2))]\",\n].join(\" \");\n\n/**\n * The same room on a top block inside its frame's own padding (a ChartContainer's title row, a StatsCard's first row):\n * beside it, the control and a gap at each end; in a narrow cell, none beside and the band above. Beside a stat's first\n * row there is none: its room is on its label's line alone (CELL_STAT_ROOM), so its value keeps its width (F4).\n */\nexport const CELL_ROOM_INNER = [\n  \"[[data-dashboard-cell][data-editing]:not([data-stacked])_[data-dashboard-content]>:not([data-stats-card])>&]:ps-[calc(var(--ds-control-height-sm)+var(--ds-space-2))]\",\n  \"[[data-dashboard-cell][data-editing]_[data-dashboard-content]>:not([data-stats-card])>&]:pe-[calc(var(--ds-control-height-sm)+var(--ds-space-2))]\",\n  \"[[data-dashboard-cell][data-editing]:not([data-stacked])_[data-dashboard-content]>:not([data-stats-card])>&]:@max-[13rem]/dashboard-cell:ps-0\",\n  \"[[data-dashboard-cell][data-editing]_[data-dashboard-content]>:not([data-stats-card])>&]:@max-[13rem]/dashboard-cell:pe-0\",\n  \"[[data-dashboard-cell][data-editing]_[data-dashboard-content]>*>&]:@max-[13rem]/dashboard-cell:pt-[calc(var(--ds-control-height-sm)+var(--ds-space-2))]\",\n].join(\" \");\n\n/**\n * A StatsCard's room beside its label's line only (F4), so the value keeps its width: the handle's at the line's start,\n * and (CELL_STAT_ROOM_END) the ⋯'s at its end, needed only without an icon, as the icon's tile moves down to the value's\n * line, the second of the stat's grid rows (CELL_STAT_TILE), leaving the ⋯ the label line's end. In a narrow cell the stat\n * takes the band (CELL_ROOM_INNER), its whole label below it, and its tile, a picture, is hidden while it's edited: the\n * tile's row is twice the label's, and with the band it pushed the value past a two-row widget's foot (Sprint 32's look\n * check).\n */\nexport const CELL_STAT_ROOM = [\n  \"[[data-dashboard-cell][data-editing]:not([data-stacked])_[data-dashboard-content]>[data-stats-card]_&]:ps-[calc(var(--ds-control-height-sm)+var(--ds-space-2))]\",\n  \"[[data-dashboard-cell][data-editing]:not([data-stacked])_[data-dashboard-content]>[data-stats-card]_&]:@max-[13rem]/dashboard-cell:ps-0\",\n].join(\" \");\nexport const CELL_STAT_ROOM_END = [\n  \"[[data-dashboard-cell][data-editing]_[data-dashboard-content]>[data-stats-card]_&]:pe-[calc(var(--ds-control-height-sm)+var(--ds-space-2))]\",\n  \"[[data-dashboard-cell][data-editing]_[data-dashboard-content]>[data-stats-card]_&]:@max-[13rem]/dashboard-cell:pe-0\",\n].join(\" \");\n/**\n * Down by however much more the ⋯, centred on the label's line, reaches below it than the rows' gap does (none in the\n * default density; a few px where a theme's controls are taller, or its spacing tighter).\n */\nexport const CELL_STAT_TILE = [\n  \"[[data-dashboard-cell][data-editing]_[data-dashboard-content]>[data-stats-card]_&]:row-[2]\",\n  \"[[data-dashboard-cell][data-editing]_[data-dashboard-content]>[data-stats-card]_&]:mt-[max(0px,calc((var(--ds-control-height-sm)-var(--ds-font-size-xs)*var(--text-xs--line-height))/2-var(--ds-space-2)))]\",\n  \"[[data-dashboard-cell][data-editing]_[data-dashboard-content]>[data-stats-card]_&]:@max-[13rem]/dashboard-cell:hidden\",\n].join(\" \");\n\n/**\n * A frame's own header controls, hidden while editing (a Card's ⋯ and actions, a Table's actions): the widget shows one ⋯,\n * the grid's, and its content is inert then anyway. A page that wants an action while editing puts it in `itemActions`.\n */\nexport const CELL_HIDE = \"[[data-dashboard-cell][data-editing]_:is([data-dashboard-content],[data-dashboard-content]>[data-gs-paged])>*>:is([data-card-header],[data-table-heading])_&]:hidden\";\n\n/** A ChartContainer's title row hides its slots while editing: the Chart / Table switch, and the page's own actions. */\nexport const CELL_HIDE_CHART_ACTIONS = \"[[data-dashboard-cell][data-editing]_[data-dashboard-content]>*>&_:is([data-chart-actions],[data-chart-page-actions])]:hidden\";\n","/**\n * Sprint 32 (A3): a frame that is a dashboard's widget, found by its cell's marks (lib/dashboard-cell.ts). The main\n * entry's frames (a Card, a titled Table) style themselves in a cell by class names keyed on these marks; what a cell's\n * frame does there that a class can't (a scroll area's Tab stop, a focused row brought into view) runs from the cell,\n * which finds each part by its own mark (lib/cell-frame-scroll.ts, the fix pass's F10). A frame reads this only for what\n * changes what it draws: a clickable Card's role, and a Table's form; a ChartContainer for its sizing (F6).\n */\n\n/** The cell's frame: the one child of the cell's content wrapper, stretched to the cell's height. */\nexport const CELL_FRAME = \"[data-dashboard-content] > *\";\n"]}

package/dist/{chunk-JHZ22HQP.js → chunk-AB4UQ4G5.js}

@@ -1,15 +1,14 @@
 "use client";
-import { useKeyboardScroll } from './chunk-H732QL56.js';
 import { PreferencesContext } from './chunk-QOMP4D6V.js';
-import { FormChangeCtx } from './chunk-72SDAX54.js';
 import { SurfaceBoundary } from './chunk-RS624TD5.js';
-import { Button } from './chunk-XBVZIN26.js';
-import { useBreakpoint, readBreakpointPx } from './chunk-ZHUVLBCC.js';
 import { useTextOverflow } from './chunk-R2IAK3J3.js';
+import { useOverlayMark, useDirtyGuard, DiscardConfirm, OverlayMarkScope, OverlayCloseCtx, OVERLAY_ROOT_ATTR } from './chunk-ZQV26NND.js';
+import { useBreakpoint } from './chunk-ZHUVLBCC.js';
+import { useKeyboardScroll } from './chunk-F2XMZOUP.js';
 import { useRevealFocus, AutoTooltip } from './chunk-HCEHTJ5E.js';
-import { Icon } from './chunk-53F7GVBQ.js';
+import { warnOnce, Icon } from './chunk-53F7GVBQ.js';
 import { cn, FOCUS_INSET_WHILE_STOP, usePopupFocus, usePosition, FOCUS_RING, FOCUS_INSET, useLatest, useOverlayLayer, lockBodyScroll, unlockBodyScroll, useReturnFocus, useFocusTrap, inertOutside, focusInitial, useNonModalDialog, OVERLAY_CLOSE_ATTR, OVERLAY_SURFACE, GLASS_OVERLAY, GROUP_FOCUS_RING } from './chunk-2724SJO2.js';
-import { createContext, version, forwardRef, useState, useCallback, useRef, useId, useEffect, useContext, useMemo, useLayoutEffect } from 'react';
+import { createContext, version, forwardRef, useState, useRef, useCallback, useLayoutEffect, useId, useEffect, useContext, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
@@ -251,182 +250,6 @@ function defaultMaxWidth(container) {
   const base = container instanceof HTMLElement ? container.clientWidth : typeof window !== "undefined" ? window.innerWidth : 1200;
   return Math.round(base * 0.6);
 }
-var OVERLAY_ROOT_ATTR = "data-overlay-root";
-function controlsOf(root) {
-  if (!root) return "";
-  const controls = root.querySelectorAll("input, select, textarea, [role='combobox'], [role='radiogroup'], [role='checkbox'], [role='switch'], [role='slider'], [role='spinbutton'], [contenteditable='true']");
-  return Array.from(controls).map((el) => el.id || el.getAttribute("name") || el.getAttribute("role") || el.tagName).join("|");
-}
-var OverlayMarkCtx = createContext(null);
-function OverlayMarkScope({ mark, children }) {
-  return /* @__PURE__ */ jsx(OverlayMarkCtx, { value: mark, children: /* @__PURE__ */ jsx(FormChangeCtx, { value: null, children }) });
-}
-function useOverlayMark(open) {
-  const forms = useRef(/* @__PURE__ */ new Map());
-  const count = useRef(0);
-  const round = useRef(0);
-  const [changed, setChanged] = useState(false);
-  const [holds, setHolds] = useState(0);
-  const [pends, setPends] = useState(0);
-  const [answers, setAnswers] = useState([]);
-  const [wasOpen, setWasOpen] = useState(open);
-  if (open !== wasOpen) {
-    setWasOpen(open);
-    if (!open) {
-      setChanged(false);
-      setAnswers([]);
-    }
-  }
-  useEffect(() => {
-    if (open) return;
-    round.current++;
-    for (const [id, f] of forms.current) {
-      if (f.mounted) f.stamp = 0;
-      else forms.current.delete(id);
-    }
-  }, [open]);
-  const mark = useMemo(() => ({
-    report: (form) => {
-      const f = forms.current.get(form) ?? { stamp: 0, mounted: true };
-      f.stamp = ++count.current;
-      forms.current.set(form, f);
-      setChanged(true);
-    },
-    attach: (form) => {
-      const f = forms.current.get(form) ?? { stamp: 0, mounted: true };
-      f.mounted = true;
-      forms.current.set(form, f);
-      return () => {
-        const gone = forms.current.get(form);
-        if (!gone) return;
-        if (gone.stamp > 0) gone.mounted = false;
-        else forms.current.delete(form);
-      };
-    },
-    submit: (form, from) => {
-      const root = from.element()?.closest(`[${OVERLAY_ROOT_ATTR}]`) ?? null;
-      const answer = { form, since: count.current, root, controls: controlsOf(root), ...from };
-      const at = round.current;
-      let settled = false;
-      return {
-        settle: (how) => {
-          if (settled || at !== round.current) return;
-          settled = true;
-          setAnswers((list) => [...list, { ...answer, how }]);
-        }
-      };
-    },
-    hold: () => {
-      setHolds((n) => n + 1);
-      let released = false;
-      return () => {
-        if (released) return;
-        released = true;
-        setHolds((n) => n - 1);
-      };
-    },
-    pend: () => {
-      setPends((n) => n + 1);
-      let released = false;
-      return () => {
-        if (released) return;
-        released = true;
-        setPends((n) => n - 1);
-      };
-    },
-    open
-  }), [open]);
-  useEffect(() => {
-    if (!answers.length) return;
-    for (const a of answers) {
-      const form = a.element();
-      if (form?.isConnected && (form.querySelector("[aria-invalid='true']") || a.failing())) continue;
-      if (a.how === "returned") {
-        const now = a.root?.isConnected ? controlsOf(a.root) : "";
-        if (now !== "" && now !== a.controls) continue;
-      }
-      for (const [id, f] of forms.current) {
-        if (f.stamp === 0 || f.stamp > a.since || id !== a.form && f.mounted) continue;
-        if (f.mounted) forms.current.set(id, { ...f, stamp: 0 });
-        else forms.current.delete(id);
-      }
-    }
-    setAnswers([]);
-    setChanged([...forms.current.values()].some((f) => f.stamp > 0));
-  }, [answers]);
-  return { marked: changed || holds > 0, pending: pends > 0, mark };
-}
-var OverlayCloseCtx = createContext(null);
-function useDirtyGuard(dirty, onClose, onDiscard) {
-  const [wantsConfirm, setWantsConfirm] = useState(false);
-  const confirming = wantsConfirm && !!dirty;
-  const pending = useRef(void 0);
-  const runAfter = useCallback((then) => {
-    if (typeof then === "function" && then !== onClose) then();
-  }, [onClose]);
-  const requestClose = useCallback((then) => {
-    if (!dirty) {
-      onClose();
-      runAfter(then);
-      return;
-    }
-    pending.current = then;
-    setWantsConfirm((c) => !c);
-  }, [dirty, onClose, runAfter]);
-  const keep = useCallback(() => {
-    pending.current = void 0;
-    setWantsConfirm(false);
-  }, []);
-  const discard = useCallback(() => {
-    setWantsConfirm(false);
-    onDiscard?.();
-    onClose();
-    const then = pending.current;
-    pending.current = void 0;
-    runAfter(then);
-  }, [onClose, onDiscard, runAfter]);
-  return { confirming, requestClose, keep, discard };
-}
-function DiscardConfirm({ open, onKeep, onDiscard }) {
-  const keepRef = useRef(null);
-  const returnTo = useRef(null);
-  const overlay = useRef(null);
-  useEffect(() => {
-    if (!open) return;
-    const active = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-    overlay.current = keepRef.current?.closest("[role='dialog'], [role='alertdialog']") ?? null;
-    returnTo.current = active && active !== document.body && overlay.current?.contains(active) ? active : null;
-    keepRef.current?.focus();
-    return () => {
-      if (document.activeElement !== document.body) return;
-      const back = returnTo.current;
-      if (back && back.isConnected) {
-        back.focus();
-        return;
-      }
-      const first = overlay.current?.querySelector("button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex='-1'])");
-      (first ?? overlay.current)?.focus();
-    };
-  }, [open]);
-  if (!open) return null;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "group",
-      "aria-label": "Unsaved changes",
-      "data-discard-confirm": "",
-      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)]",
-      style: { padding: "var(--ds-space-3) var(--ds-page-gutter)" },
-      children: [
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--ds-text-primary)]", children: "You have unsaved changes." }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-ds-2", children: [
-          /* @__PURE__ */ jsx(Button, { type: "button", ref: keepRef, variant: "secondary", size: "sm", onClick: onKeep, children: "Keep editing" }),
-          /* @__PURE__ */ jsx(Button, { type: "button", variant: "destructive", size: "sm", onClick: onDiscard, children: "Discard changes" })
-        ] })
-      ]
-    }
-  );
-}
 var DrawerWidthCtx = createContext(null);
 var BulkBarHostCtx = createContext(null);
 var BulkBarPresenceCtx = createContext(null);
@@ -479,6 +302,7 @@ function useScrollbarInset() {
   }, []);
 }
 var insetLessScrollbar = (gutter) => `max(0px, calc(${gutter} - var(--gs-scrollbar, 0px)))`;
+var AsideSlotContext = createContext(false);
 var DrawerFooterCtx = createContext(null);
 var DrawerScopeCtx = createContext(null);
 var slideClasses = {
@@ -815,7 +639,7 @@ function DrawerPanel({ form, open, onClose, position = "right", width = "400px",
                         ...barStack ? { scrollPaddingBottom: bulkBarRoom(barStack) } : {}
                       },
                       children: [
-                        /* @__PURE__ */ jsx(BulkBarHostCtx, { value: barHost, children: /* @__PURE__ */ jsx(SurfaceBoundary, { children }) }),
+                        /* @__PURE__ */ jsx(BulkBarHostCtx, { value: barHost, children: /* @__PURE__ */ jsx(SurfaceBoundary, { children: /* @__PURE__ */ jsx(AsideSlotContext, { value: true, children }) }) }),
                         /* @__PURE__ */ jsx(BulkBarSpacer, { room: barStack })
                       ]
                     }
@@ -901,8 +725,47 @@ var AppShell = forwardRef(function AppShell2({
 }, ref) {
   if (REACT_VERSION_PROBLEM) throw new Error(REACT_VERSION_PROBLEM);
   const [sidebarOpen, setSidebarOpen] = useState(false);
-  const [asideOpen, setAsideOpen] = useState(false);
-  const [asideFloating, setAsideFloating] = useState(false);
+  const [ownAsideOpen, setAsideOpen] = useState(false);
+  const [ownAsideFloating, setAsideFloating] = useState(false);
+  const [leftAsideHost, setLeftAsideHost] = useState(null);
+  const [rightAsideHost, setRightAsideHost] = useState(null);
+  const asides = useRef(/* @__PURE__ */ new Map());
+  const opened = useRef([]);
+  const [openings, setOpenings] = useState(0);
+  const [docked, setDocked] = useState(null);
+  const [asked, setAsked] = useState([]);
+  const reportAside = useCallback((onClose, state) => {
+    if (state) asides.current.set(onClose, state);
+    else asides.current.delete(onClose);
+    if (state?.opened) {
+      opened.current.push(onClose);
+      setOpenings((n) => n + 1);
+    }
+    let next = null;
+    for (const s of asides.current.values()) if (s.open && s.docked) next = { side: s.side, floating: s.floating };
+    setDocked((d) => d?.side === next?.side && d?.floating === next?.floating ? d : next);
+  }, []);
+  useLayoutEffect(() => {
+    const keys = opened.current.filter((key) => asides.current.get(key)?.open);
+    opened.current = [];
+    if (keys.length === 0) return;
+    let winner2 = keys[keys.length - 1];
+    for (const key of keys) if (asides.current.get(key)?.page) winner2 = key;
+    const closing = [...asides.current].filter(([key, s]) => key !== winner2 && s.open).map(([key]) => key);
+    for (const key of closing) key.current();
+    if (closing.length > 0) setAsked(closing);
+  }, [openings]);
+  useLayoutEffect(() => {
+    for (const key of asked) {
+      const s = asides.current.get(key);
+      if (!s?.open) continue;
+      const name = typeof document !== "undefined" && document.getElementById(s.name)?.textContent?.trim() || s.name;
+      warnOnce("AsidePanel", `"${name}" stayed open as another opened: one AsidePanel is open at a time in a shell, the last opened, so its onClose must close it (set its open to false).`);
+    }
+  }, [asked]);
+  const asideOpen = docked !== null || ownAsideOpen;
+  const asideFloating = docked ? docked.floating : ownAsideFloating;
+  const asideFloatingSide = docked ? docked.floating ? docked.side : null : ownAsideOpen && ownAsideFloating ? asideSide : null;
   const isMobile = useBreakpoint("md");
   const isSmallMobile = useBreakpoint("sm");
   const isTablet = isMobile && !isSmallMobile;
@@ -987,8 +850,8 @@ var AppShell = forwardRef(function AppShell2({
   return /* @__PURE__ */ jsx(PreferencesContext, { value: preferences ?? null, children: /* @__PURE__ */ jsx(DrawerWidthCtx, { value: drawerWidth, children: /* @__PURE__ */ jsx(
     AppShellContext,
     {
-      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 },
-      children: /* @__PURE__ */ jsxs("div", { ref: (el) => {
+      value: { hasSidebar, hasMobileMenu, hasMobileNav, sidebarOpen, setSidebarOpen, isMobile, isTablet, sidebarCollapsed, setSidebarCollapsed: setUserCollapsed, asideOpen, setAsideOpen, asideSide, asideFloating, setAsideFloating, asideFloatingSide, reportAside, asideHosts: { left: leftAsideHost, right: rightAsideHost }, 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 },
+      children: /* @__PURE__ */ jsx(AsideSlotContext, { value: false, children: /* @__PURE__ */ jsxs("div", { ref: (el) => {
         setShellEl(el);
         if (typeof ref === "function") ref(el);
         else if (ref) ref.current = el;
@@ -1010,7 +873,8 @@ var AppShell = forwardRef(function AppShell2({
         layout === "multi-column" && navbarSlot,
         /* @__PURE__ */ jsxs("div", { className: "flex flex-1 min-h-0", children: [
           hasSidebar && !isMobile && /* @__PURE__ */ jsx("div", { className: "shrink-0 h-full", children: sidebar }),
-          aside && asideSide === "left" && aside,
+          aside && asideSide === "left" && /* @__PURE__ */ jsx(AsideSlotContext, { value: true, children: aside }),
+          /* @__PURE__ */ jsx("div", { ref: setLeftAsideHost, "data-shell-aside-host": "left", className: "contents" }),
           /* @__PURE__ */ jsxs("div", { className: "relative flex-1 flex flex-col min-w-0 min-h-0", children: [
             layout === "sidebar" && navbarSlot,
             layout === "stacked" && navbarSlot,
@@ -1051,7 +915,8 @@ var AppShell = forwardRef(function AppShell2({
             ) }),
             /* @__PURE__ */ jsx("div", { ref: setBarLayer, "data-bulk-bar-layer": "", className: BULK_BAR_LAYER, style: { paddingBottom: `calc(${BULK_BAR_GAP}px + ${barSafe})` } })
           ] }),
-          aside && asideSide === "right" && aside
+          /* @__PURE__ */ jsx("div", { ref: setRightAsideHost, "data-shell-aside-host": "right", className: "contents" }),
+          aside && asideSide === "right" && /* @__PURE__ */ jsx(AsideSlotContext, { value: true, children: aside })
         ] }),
         showMobileDrawer && isMobile && // Under the navbar, the menu is modal over the page with the navbar in its scope: the rest inert, Tab cycling the
         // two, Escape closing it (the Authoring Practices; Sprint 25.29 item 9). The stacked shell, with no offset, traps
@@ -1076,7 +941,7 @@ var AppShell = forwardRef(function AppShell2({
         ) }),
         isSmallMobile && hasMobileNav && /* @__PURE__ */ jsx("div", { className: "sticky bottom-0 z-[var(--ds-z-sticky)]", children: mobileNav }),
         !isSmallMobile && launcher
-      ] })
+      ] }) })
     }
   ) }) });
 });
@@ -1379,33 +1244,7 @@ var Breadcrumbs = forwardRef(function Breadcrumbs2({
     dropdown
   ] });
 });
-function useCompact(ref, breakpoint, band = 0) {
-  const px = typeof breakpoint === "number" ? breakpoint : readBreakpointPx(breakpoint);
-  const width = useElementWidth(ref);
-  return useBelow(width, px, band);
-}
-function useBelow(width, threshold, band = 0) {
-  const [below, setBelow] = useState(false);
-  const next = width > 0 && width < (below ? threshold + band : threshold);
-  if (next !== below) setBelow(next);
-  return next;
-}
-function useElementWidth(ref) {
-  const [width, setWidth] = useState(0);
-  const check = useCallback(() => {
-    const next = ref.current?.offsetWidth ?? 0;
-    if (next > 0) setWidth(next);
-  }, [ref]);
-  useLayoutEffect(() => {
-    check();
-    if (!ref.current || typeof ResizeObserver === "undefined") return;
-    const observer = new ResizeObserver(check);
-    observer.observe(ref.current);
-    return () => observer.disconnect();
-  }, [check, ref]);
-  return width;
-}
 
-export { AppShell, BULK_BAR_LAYER, BULK_BAR_WINDOW_LAYER, Breadcrumbs, BulkBarHostCtx, BulkBarPresenceCtx, BulkBarSpacer, DiscardConfirm, Drawer, DrawerFooterCtx, DrawerPanel, LAUNCHER_INSET_PRIORITY, NAVBAR_INSET_PRIORITY, OVERLAY_ROOT_ATTR, OverlayCloseCtx, OverlayMarkCtx, OverlayMarkScope, PANEL_INSET_PRIORITY, REACT_VERSION_PROBLEM, ResizeEdge, SkipLink, TOAST_INSET_VARS, besideRoom, bulkBarRoom, crumbGoes, defaultMaxWidth, insetLessScrollbar, pxOf, useAppShell, useBelow, useBulkBarHost, useCloseSettle, useCompact, useCornerInset, useCrumbFollow, useDirtyGuard, useElementWidth, useOverlayMark, useRememberedWidth, useScrollbarInset, useUnsavedChanges };
-//# sourceMappingURL=chunk-JHZ22HQP.js.map
-//# sourceMappingURL=chunk-JHZ22HQP.js.map
+export { AppShell, AsideSlotContext, BULK_BAR_LAYER, BULK_BAR_WINDOW_LAYER, Breadcrumbs, BulkBarHostCtx, BulkBarPresenceCtx, BulkBarSpacer, Drawer, DrawerFooterCtx, DrawerPanel, LAUNCHER_INSET_PRIORITY, NAVBAR_INSET_PRIORITY, PANEL_INSET_PRIORITY, REACT_VERSION_PROBLEM, ResizeEdge, SkipLink, TOAST_INSET_VARS, besideRoom, bulkBarRoom, crumbGoes, defaultMaxWidth, insetLessScrollbar, pxOf, useAppShell, useBulkBarHost, useCloseSettle, useCornerInset, useCrumbFollow, useRememberedWidth, useScrollbarInset, useUnsavedChanges };
+//# sourceMappingURL=chunk-AB4UQ4G5.js.map
+//# sourceMappingURL=chunk-AB4UQ4G5.js.map