@kerfjs/ui 5.0.0-beta.63 → 5.0.0-beta.65

package/dist/{chunk-OBAFAH5B.js → chunk-TJK44RQC.js}

@@ -85,23 +85,22 @@ function wireWorkbenchOverlays(root, findWorkbench, panels, exclusive = false) {
   const inlineState = /* @__PURE__ */ new Map();
   const sync = () => {
     const workbench = findWorkbench();
-    const width = workbench?.getBoundingClientRect().width ?? 0;
+    let width;
     for (const panel of panels) {
       const element = panelElement(panel);
       if (!element) continue;
       const at = Number(element.dataset.responsiveOverlayAt);
-      const custom = element.dataset.responsiveOverlayAt !== void 0 && Number.isFinite(at) && at > 0;
-      const customActive = custom && element.dataset.presentation === "inline" && width <= at;
+      const customActive = element.dataset.responsiveOverlayAt !== void 0 && Number.isFinite(at) && at > 0 && element.dataset.presentation === "inline" && (width ??= workbench.getBoundingClientRect().width) <= at;
       if (customActive) {
         if (element.dataset.responsiveOverlayActive !== "true")
           element.dataset.responsiveOverlayActive = "true";
       } else if (element.hasAttribute("data-responsive-overlay-active"))
         element.removeAttribute("data-responsive-overlay-active");
-      const active = responsive(element);
-      if (active && !inlineState.has(panel)) {
+      const active2 = responsive(element);
+      if (active2 && !inlineState.has(panel)) {
         inlineState.set(panel, panel.collapsed.peek());
         adapt(panel, element, true);
-      } else if (!active && inlineState.has(panel)) {
+      } else if (!active2 && inlineState.has(panel)) {
         const remembered = inlineState.get(panel);
         inlineState.delete(panel);
         adapt(panel, element, remembered);
@@ -110,6 +109,31 @@ function wireWorkbenchOverlays(root, findWorkbench, panels, exclusive = false) {
       if (rendered && customActive && rendered.dataset.responsiveOverlayActive !== "true")
         rendered.dataset.responsiveOverlayActive = "true";
     }
+    if (!workbench) return;
+    const active = (key) => {
+      const element = workbench.querySelector(
+        PANEL_SELECTORS[key]
+      );
+      return element?.dataset.responsiveOverlayActive === "true" ? element : null;
+    };
+    const left = active("leftRail");
+    const right = active("rightRail");
+    const drawer = active("bottomDrawer");
+    const railOpen = [left, right].some(
+      (element) => element && element.dataset.collapsed !== "true"
+    );
+    const markers = [
+      left && "left",
+      right && "right",
+      drawer && "drawer",
+      railOpen && "rail-open",
+      (railOpen || drawer && drawer.dataset.collapsed !== "true") && "open"
+    ].filter(Boolean).join(" ");
+    if (markers) {
+      if (workbench.dataset.numericOverlays !== markers)
+        workbench.dataset.numericOverlays = markers;
+    } else if (workbench.hasAttribute("data-numeric-overlays"))
+      workbench.removeAttribute("data-numeric-overlays");
   };
   let observed = null;
   const resizeObserver = typeof globalThis.ResizeObserver === "function" ? new globalThis.ResizeObserver(() => sync()) : void 0;
@@ -130,7 +154,8 @@ function wireWorkbenchOverlays(root, findWorkbench, panels, exclusive = false) {
     attributeFilter: [
       "data-presentation",
       "data-responsive-overlay-at",
-      "data-responsive-overlay-active"
+      "data-responsive-overlay-active",
+      "data-collapsed"
     ],
     childList: true,
     subtree: true
@@ -424,4 +449,4 @@ function wireWorkbench(root, {
 
 export { wireWorkbench };
 
-//# sourceMappingURL=chunk-OBAFAH5B.js.map
+//# sourceMappingURL=chunk-TJK44RQC.js.map

package/dist/chunk-TJK44RQC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/workbench-overlays.ts","../src/wire-workbench.ts"],"names":["active","element","panel","inside","effect","selector"],"mappings":"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","file":"chunk-TJK44RQC.js","sourcesContent":["// The transient-overlay behavior `wireWorkbench` gives Workbench panels that\n// present as overlays: a responsive overlay starts collapsed when its\n// breakpoint begins to apply, an open overlay takes focus and keeps Tab inside\n// it, and it closes on Escape or a press outside it. It mirrors `wireSidebar`'s\n// compact overlay (the ARIA dialog pattern). Internal.\n\nimport { effect, type Signal } from 'kerfjs';\n\nimport type { WorkbenchPanelKey } from './workbench-resize.js';\n\n/** A Workbench panel whose app-owned `collapsed` signal the wiring may write. */\nexport interface WorkbenchOverlayPanel {\n  key: WorkbenchPanelKey;\n  collapsed: Signal<boolean>;\n  keepOpenOn?: (target: Node) => boolean;\n}\n\n/** Each panel's own element, never a nested Workbench's. */\nconst PANEL_SELECTORS: Record<WorkbenchPanelKey, string> = {\n  leftRail: ':scope > [data-workbench-rail=\"left\"]',\n  rightRail: ':scope > [data-workbench-rail=\"right\"]',\n  bottomDrawer: ':scope > .kui-workbench__center > [data-workbench-drawer]',\n};\n\nconst RESTORE_PANELS: Record<WorkbenchPanelKey, string> = {\n  leftRail: 'left',\n  rightRail: 'right',\n  bottomDrawer: 'bottom',\n};\n\nconst FOCUSABLE =\n  'a[href],area[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])';\n\n/**\n * The panel's focusable controls, in tab order. Only an open panel is ever\n * asked. The selector drops disabled controls and `tabindex=\"-1\"`; a\n * rendered control the CSS hides (the separator of a panel whose responsive\n * overlay breakpoint applies is `display: none`) is dropped too, or Tab would\n * wrap from a control focus can never reach. Where `checkVisibility` is\n * missing, every matched control counts.\n */\nconst focusables = (element: HTMLElement): HTMLElement[] =>\n  [...element.querySelectorAll<HTMLElement>(FOCUSABLE)].filter(\n    (control) =>\n      typeof control.checkVisibility !== 'function' ||\n      control.checkVisibility(),\n  );\n\n/**\n * Wire transient overlay behavior for the given panels of the Workbench that\n * `findWorkbench` returns (looked up on use, so the Workbench may render after\n * wire-up). The app still owns each `collapsed` signal; this wiring only\n * writes it:\n *\n * - When a panel's `responsiveOverlayAt` breakpoint begins to apply (at\n *   wire-up, on first render, or on a crossing), its inline collapsed state is\n *   remembered and the panel collapses, so no overlay covers the work area\n *   until the user opens it. When the breakpoint stops applying (or on\n *   disposal) the remembered state comes back. These presentation changes\n *   skip the collapse motion.\n * - A panel that opens while it presents as an overlay takes focus: its\n *   first focusable control (else the panel itself) is focused, without\n *   scrolling its sliding content. While an overlay is open, Tab and\n *   Shift+Tab cycle through the controls of the overlay that holds focus\n *   (else the most recently opened one) and never reach the work area it\n *   covers — the ARIA dialog pattern `wireSidebar`'s compact overlay follows.\n *   Inline panels are left alone.\n * - Escape closes the open overlay panel that holds focus, else the most\n *   recently opened one; a press that starts and ends outside an open overlay\n *   panel closes it. Static `presentation: \"overlay\"` panels are included.\n * - Focus stranded in a panel that closes — however it closed, including\n *   through the app's own control inside it — returns to the control that\n *   had it when the panel opened, else to the panel's restore control, else\n *   to a control outside it whose `aria-controls` names the panel (or an\n *   element inside it). The last covers a panel that was already open at\n *   wire-up, which has no recorded opener. Focus a press inside the panel\n *   dropped to the body counts as stranded too: Safari and macOS WebKit\n *   never focus a clicked button, so pressing the panel's own close control\n *   blurs the focused control before the click closes the panel. Focus the\n *   user has since moved to any element is left where it is.\n * - With `exclusive`, a panel that opens while it presents as an overlay\n *   closes every other open overlay panel, so overlays never cover each\n *   other's controls. Inline panels are never closed by it.\n *\n * Returns a disposer.\n */\nexport function wireWorkbenchOverlays(\n  root: HTMLElement,\n  findWorkbench: () => HTMLElement | null,\n  panels: readonly WorkbenchOverlayPanel[],\n  exclusive = false,\n): () => void {\n  const ownerDocument = root.ownerDocument;\n  const disposers: Array<() => void> = [];\n  // Open panels, most recently opened last, and each one's opener: the\n  // control that had focus when it opened.\n  const openOrder: WorkbenchOverlayPanel[] = [];\n  const openers = new Map<WorkbenchOverlayPanel, HTMLElement>();\n  // The open panel the latest press started in while focus was inside it,\n  // until focus next lands anywhere. Safari and macOS WebKit never focus a\n  // clicked button, so pressing a panel's own close control blurs the focused\n  // control to the body before the click closes the panel; this is how the\n  // close still counts as leaving focus stranded in it.\n  let pressedFocus: WorkbenchOverlayPanel | undefined;\n  /**\n   * The `aria-controls` control a click just activated, kept for a couple of\n   * frames: the toggle a panel opens or closes from, even once the app's\n   * render has removed it.\n   */\n  let activated: HTMLElement | undefined;\n\n  const panelElement = (panel: WorkbenchOverlayPanel): HTMLElement | null =>\n    findWorkbench()?.querySelector<HTMLElement>(PANEL_SELECTORS[panel.key]) ??\n    null;\n  /** Whether the panel's responsive overlay breakpoint currently applies. */\n  const responsive = (element: HTMLElement): boolean =>\n    element.dataset.presentation === 'inline' &&\n    element.hasAttribute('data-responsive-overlay-at') &&\n    globalThis.getComputedStyle(element).position === 'absolute';\n  const overlaid = (element: HTMLElement): boolean =>\n    element.dataset.presentation === 'overlay' || responsive(element);\n\n  /** Where focus goes when a panel it was in closes. */\n  const restoreTarget = (\n    panel: WorkbenchOverlayPanel,\n    element: HTMLElement | null,\n  ): HTMLElement | undefined => {\n    const opener = openers.get(panel);\n    // An opener inside another panel that has closed since (an exclusive\n    // overlay closes the one it was opened from) would strand focus there too.\n    if (\n      opener?.isConnected &&\n      !element?.contains(opener) &&\n      !panels.some(\n        (other) =>\n          other.collapsed.peek() && panelElement(other)?.contains(opener),\n      )\n    )\n      return opener;\n    const side = RESTORE_PANELS[panel.key];\n    const restore = findWorkbench()\n      ?.querySelector<HTMLElement>(\n        `.kui-workbench__restore[data-panel=\"${side}\"]`,\n      )\n      ?.querySelector<HTMLElement>(FOCUSABLE);\n    return restore ?? (element ? controller(element) : undefined);\n  };\n  /**\n   * A control outside the panel that names it, or an element inside it, in\n   * its `aria-controls`: the app's toggle for a panel with no opener.\n   */\n  const controller = (element: HTMLElement): HTMLElement | undefined => {\n    const ids = new Set(\n      [element, ...element.querySelectorAll('[id]')].map((node) => node.id),\n    );\n    ids.delete('');\n    return [\n      ...ownerDocument.querySelectorAll<HTMLElement>('[aria-controls]'),\n    ].find(\n      (control) =>\n        !element.contains(control) &&\n        control.matches(FOCUSABLE) &&\n        control\n          .getAttribute('aria-controls')!\n          .split(/\\s+/)\n          .some((id) => ids.has(id)),\n    );\n  };\n  /** Whether a control's `aria-controls` (always present) names panel `id`. */\n  const namesPanel = (control: Element, id: string): boolean =>\n    control.getAttribute('aria-controls')!.split(/\\s+/).includes(id);\n  /** The panel's own control for itself: its toggle inside it. */\n  const controlInside = (element: HTMLElement): HTMLElement | undefined =>\n    [...element.querySelectorAll<HTMLElement>('[aria-controls]')].find(\n      (control) =>\n        control.matches(FOCUSABLE) && namesPanel(control, element.id),\n    );\n  const rescueFocus = (panel: WorkbenchOverlayPanel): void => {\n    const element = panelElement(panel);\n    const target = restoreTarget(panel, element);\n    if (target) {\n      target.focus();\n      return;\n    }\n    // An app that renders its restore control after this write has not\n    // produced it yet; look again once the current batch settles.\n    globalThis.queueMicrotask(() => {\n      if (!panel.collapsed.peek()) return;\n      const later = restoreTarget(panel, panelElement(panel));\n      const active = ownerDocument.activeElement;\n      if (later) later.focus();\n      else if (active instanceof HTMLElement && element?.contains(active))\n        active.blur();\n    });\n  };\n\n  /**\n   * A presentation-driven write: no collapse motion, because nothing the user\n   * did moved the panel. The app's render has normally applied the new state\n   * by the time the write returns, so the content's transition is suspended\n   * across one style flush.\n   */\n  const adapt = (\n    panel: WorkbenchOverlayPanel,\n    element: HTMLElement,\n    collapsed: boolean,\n  ): void => {\n    if (panel.collapsed.peek() === collapsed) return;\n    const stranded = collapsed && element.contains(ownerDocument.activeElement);\n    panel.collapsed.value = collapsed;\n    // Every Workbench panel renders its content wrapper, and never with a\n    // style of its own, so the attribute goes again once the flush is done.\n    const content = element.querySelector<HTMLElement>(\n      ':scope > .kui-workbench__panel-content',\n    )!;\n    content.style.transition = 'none';\n    void globalThis.getComputedStyle(content).transform;\n    content.removeAttribute('style');\n    // The collapse effect has normally returned the focus already; on\n    // disposal, after the effects are gone, this is what returns it.\n    if (stranded && element.contains(ownerDocument.activeElement))\n      rescueFocus(panel);\n  };\n\n  // The inline collapsed state of each panel whose responsive overlay\n  // currently applies, restored when it stops applying.\n  const inlineState = new Map<WorkbenchOverlayPanel, boolean>();\n  const sync = (): void => {\n    const workbench = findWorkbench();\n    let width: number | undefined;\n    for (const panel of panels) {\n      const element = panelElement(panel);\n      if (!element) continue;\n      // CSS container queries cannot take a runtime pixel value. For a\n      // numeric threshold the same measured Workbench width drives the CSS\n      // presentation hook and the collapsed-state transition below.\n      const at = Number(element.dataset.responsiveOverlayAt);\n      const customActive =\n        element.dataset.responsiveOverlayAt !== undefined &&\n        Number.isFinite(at) &&\n        at > 0 &&\n        element.dataset.presentation === 'inline' &&\n        (width ??= workbench!.getBoundingClientRect().width) <= at;\n      if (customActive) {\n        if (element.dataset.responsiveOverlayActive !== 'true')\n          element.dataset.responsiveOverlayActive = 'true';\n      } else if (element.hasAttribute('data-responsive-overlay-active'))\n        element.removeAttribute('data-responsive-overlay-active');\n      const active = responsive(element);\n      if (active && !inlineState.has(panel)) {\n        inlineState.set(panel, panel.collapsed.peek());\n        adapt(panel, element, true);\n      } else if (!active && inlineState.has(panel)) {\n        const remembered = inlineState.get(panel)!;\n        inlineState.delete(panel);\n        adapt(panel, element, remembered);\n      }\n      // A signal write can patch or replace the panel synchronously. Preserve\n      // the measured presentation marker on the rendered element too.\n      const rendered = panelElement(panel);\n      if (\n        rendered &&\n        customActive &&\n        rendered.dataset.responsiveOverlayActive !== 'true'\n      )\n        rendered.dataset.responsiveOverlayActive = 'true';\n    }\n    if (!workbench) return;\n    // A direct root attribute limits style invalidation to overlay changes.\n    // Descendant :has() selectors on the Workbench caused every ordinary\n    // work-area mutation to restyle the entire center subtree.\n    const active = (key: WorkbenchPanelKey): HTMLElement | null => {\n      const element = workbench.querySelector<HTMLElement>(\n        PANEL_SELECTORS[key],\n      );\n      return element?.dataset.responsiveOverlayActive === 'true'\n        ? element\n        : null;\n    };\n    const left = active('leftRail');\n    const right = active('rightRail');\n    const drawer = active('bottomDrawer');\n    const railOpen = [left, right].some(\n      (element) => element && element.dataset.collapsed !== 'true',\n    );\n    const markers = [\n      left && 'left',\n      right && 'right',\n      drawer && 'drawer',\n      railOpen && 'rail-open',\n      (railOpen || (drawer && drawer.dataset.collapsed !== 'true')) && 'open',\n    ]\n      .filter(Boolean)\n      .join(' ');\n    if (markers) {\n      if (workbench.dataset.numericOverlays !== markers)\n        workbench.dataset.numericOverlays = markers;\n    } else if (workbench.hasAttribute('data-numeric-overlays'))\n      workbench.removeAttribute('data-numeric-overlays');\n  };\n\n  // The Workbench is its own breakpoint container, so its size is what moves a\n  // panel across the breakpoint. It may render after wire-up or be replaced,\n  // and the app may change a presentation, so both are observed too.\n  let observed: HTMLElement | null = null;\n  const resizeObserver =\n    typeof globalThis.ResizeObserver === 'function'\n      ? new globalThis.ResizeObserver(() => sync())\n      : undefined;\n  /** Observe the current Workbench; whether it changed. */\n  const track = (): boolean => {\n    const workbench = findWorkbench();\n    if (workbench === observed) return false;\n    if (observed) resizeObserver?.unobserve(observed);\n    observed = workbench;\n    if (workbench) resizeObserver?.observe(workbench);\n    return true;\n  };\n  const mutationObserver = new MutationObserver((records) => {\n    if (track() || records.some((record) => record.type === 'attributes'))\n      sync();\n  });\n  mutationObserver.observe(root, {\n    attributes: true,\n    attributeFilter: [\n      'data-presentation',\n      'data-responsive-overlay-at',\n      'data-responsive-overlay-active',\n      'data-collapsed',\n    ],\n    childList: true,\n    subtree: true,\n  });\n  // The breakpoints are in rem, so a root font-size change (a text-size\n  // setting applied after load) moves a panel across them without resizing\n  // the Workbench. A 1rem probe outside the app's tree reports that change.\n  const remProbe = ownerDocument.createElement('div');\n  remProbe.setAttribute('aria-hidden', 'true');\n  remProbe.style.cssText =\n    'position:absolute;width:1rem;height:0;overflow:hidden;visibility:hidden;pointer-events:none';\n  if (resizeObserver) {\n    ownerDocument.body.append(remProbe);\n    resizeObserver.observe(remProbe);\n  }\n  disposers.push(() => {\n    mutationObserver.disconnect();\n    resizeObserver?.disconnect();\n    remProbe.remove();\n  });\n  track();\n  sync();\n\n  for (const panel of panels) {\n    let previous = panel.collapsed.peek();\n    if (!previous) openOrder.push(panel);\n    disposers.push(\n      effect(() => {\n        const collapsed = panel.collapsed.value;\n        if (collapsed === previous) return;\n        previous = collapsed;\n        const index = openOrder.indexOf(panel);\n        if (index >= 0) openOrder.splice(index, 1);\n        if (collapsed) {\n          // Whatever closed the panel — Escape, an outside press, a\n          // breakpoint, or the app's own control inside it — focus left in\n          // it would be stranded in a hidden panel. So would focus that a\n          // press inside it dropped to the body (see `pressedFocus`).\n          const active = ownerDocument.activeElement;\n          const element = panelElement(panel);\n          if (\n            element?.contains(active) ||\n            // The panel's own control closed it (focused or not), so hand\n            // focus to the control that reopens it.\n            (activated !== undefined && element?.contains(activated)) ||\n            (pressedFocus === panel &&\n              (active === null || active === ownerDocument.body))\n          )\n            rescueFocus(panel);\n          return;\n        }\n        openOrder.push(panel);\n        const element = panelElement(panel);\n        const active = ownerDocument.activeElement;\n        if (\n          active instanceof HTMLElement &&\n          active !== ownerDocument.body &&\n          !element?.contains(active)\n        )\n          openers.set(panel, active);\n        else openers.delete(panel);\n        // A focused toggle the app's render removes as the panel opens — a\n        // Workbench toolbar toggle leaves the work-area toolbar for the\n        // panel's own — would drop focus to the body. Hand it to the panel's\n        // own control for it, so a keyboard user keeps their place. The\n        // render may land before this effect (the toggle is gone already, so\n        // the activated control stands in for the opener) or after it, in a\n        // microtask or a later frame.\n        const toggle =\n          openers.get(panel) ??\n          (activated && element && namesPanel(activated, element.id)\n            ? activated\n            : undefined);\n        if (toggle) {\n          const handOff = (frames: number): void => {\n            const focused = ownerDocument.activeElement;\n            if (panel.collapsed.peek()) return;\n            if (toggle.isConnected) {\n              if (toggle === focused && frames > 0)\n                globalThis.requestAnimationFrame(() => handOff(frames - 1));\n              return;\n            }\n            if (focused !== null && focused !== ownerDocument.body) return;\n            const current = panelElement(panel);\n            if (current) controlInside(current)?.focus({ preventScroll: true });\n          };\n          globalThis.queueMicrotask(() => handOff(5));\n        }\n        if (!element || !overlaid(element)) return;\n        // Opening an overlay closes the others. Their collapse effects run\n        // after this one, by which time focus has moved into this panel, so\n        // none of them hands it back to an opener.\n        if (exclusive)\n          for (const [other] of openOverlays())\n            if (other !== panel) other.collapsed.value = true;\n        // An overlay covers the work area, so focus moves in with it rather\n        // than staying on a control it may cover. Without preventScroll the\n        // browser scrolls the panel's clipped, still-sliding content to reveal\n        // the target, which then unwinds as the slide finishes.\n        (focusables(element)[0] ?? element).focus({ preventScroll: true });\n      }),\n    );\n  }\n\n  /** The open overlay panels with their elements, most recent last. */\n  const openOverlays = (): Array<[WorkbenchOverlayPanel, HTMLElement]> =>\n    openOrder.flatMap((panel): Array<[WorkbenchOverlayPanel, HTMLElement]> => {\n      const element = panelElement(panel);\n      return !panel.collapsed.peek() && element && overlaid(element)\n        ? [[panel, element]]\n        : [];\n    });\n\n  const inAllowedPortal = (\n    panel: WorkbenchOverlayPanel,\n    path: EventTarget[],\n  ): boolean => {\n    const keepOpenOn = panel.keepOpenOn;\n    return Boolean(\n      keepOpenOn &&\n      path.some((target) => target instanceof Node && keepOpenOn(target)),\n    );\n  };\n\n  const onKeydown = (event: KeyboardEvent): void => {\n    if (\n      (event.key !== 'Escape' && event.key !== 'Tab') ||\n      event.defaultPrevented\n    )\n      return;\n    const open = openOverlays();\n    if (open.length === 0) return;\n    // A dialog or menu launched from a panel owns its own keyboard handling.\n    if (open.some(([panel]) => inAllowedPortal(panel, event.composedPath())))\n      return;\n    const active = ownerDocument.activeElement;\n    const [panel, element] =\n      open.find(([, candidate]) => candidate.contains(active)) ??\n      open[open.length - 1]!;\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      // The collapse effect returns focus stranded inside it.\n      panel.collapsed.value = true;\n      return;\n    }\n    // Tab stays inside the open overlay: it wraps at either end, and focus\n    // that is somewhere else (the app moved it, or the panel had no control\n    // to take it when it opened) comes back in.\n    const items = focusables(element);\n    if (items.length === 0) return;\n    const first = items[0]!;\n    const last = items[items.length - 1]!;\n    const inside = element.contains(active);\n    if (event.shiftKey && (!inside || active === first)) {\n      event.preventDefault();\n      last.focus();\n    } else if (!event.shiftKey && (!inside || active === last)) {\n      event.preventDefault();\n      first.focus();\n    }\n  };\n\n  // An outside press closes an open overlay when it both starts and ends\n  // outside it. Deciding at the click lets an app toggle that closes the panel\n  // run first, and a press that opens a panel never closes it.\n  let pressed: WorkbenchOverlayPanel[] = [];\n  const inside = (\n    panel: WorkbenchOverlayPanel,\n    element: HTMLElement,\n    path: EventTarget[],\n  ): boolean => path.includes(element) || inAllowedPortal(panel, path);\n  const onPointerdown = (event: PointerEvent): void => {\n    const path = event.composedPath();\n    pressed = openOverlays()\n      .filter(([panel, element]) => !inside(panel, element, path))\n      .map(([panel]) => panel);\n    // Before the press's default action moves focus: the open panel it\n    // started in, when focus was inside that panel too.\n    const active = ownerDocument.activeElement;\n    pressedFocus = panels.find((panel) => {\n      if (panel.collapsed.peek()) return false;\n      const element = panelElement(panel);\n      return !!element && path.includes(element) && element.contains(active);\n    });\n  };\n  // Focus landing anywhere is a deliberate move the rescue must not undo.\n  const onFocusin = (): void => {\n    pressedFocus = undefined;\n  };\n  const onClick = (event: MouseEvent): void => {\n    const candidates = pressed;\n    pressed = [];\n    const path = event.composedPath();\n    for (const [panel, element] of openOverlays())\n      if (candidates.includes(panel) && !inside(panel, element, path))\n        panel.collapsed.value = true;\n  };\n  const onActivate = (event: MouseEvent): void => {\n    const target = event.target;\n    const control =\n      target instanceof Element\n        ? target.closest<HTMLElement>('[aria-controls]')\n        : null;\n    // Recorded whether or not it took focus: Safari and macOS WebKit never\n    // focus a clicked button.\n    if (!control) return;\n    activated = control;\n    // The collapse effect may run after the click's dispatch (the app can\n    // batch its write), so keep the control for a couple of frames.\n    globalThis.requestAnimationFrame(() =>\n      globalThis.requestAnimationFrame(() => {\n        if (activated === control) activated = undefined;\n      }),\n    );\n  };\n  ownerDocument.addEventListener('keydown', onKeydown);\n  ownerDocument.addEventListener('pointerdown', onPointerdown, true);\n  ownerDocument.addEventListener('click', onActivate, true);\n  ownerDocument.addEventListener('click', onClick);\n  ownerDocument.addEventListener('focusin', onFocusin, true);\n  disposers.push(() => {\n    ownerDocument.removeEventListener('keydown', onKeydown);\n    ownerDocument.removeEventListener('pointerdown', onPointerdown, true);\n    ownerDocument.removeEventListener('click', onActivate, true);\n    ownerDocument.removeEventListener('click', onClick);\n    ownerDocument.removeEventListener('focusin', onFocusin, true);\n  });\n\n  return () => {\n    for (const dispose of disposers.splice(0)) dispose();\n    for (const panel of panels)\n      panelElement(panel)?.removeAttribute('data-responsive-overlay-active');\n    // After every observer and effect is gone, so handing the inline state\n    // back cannot re-enter the wiring.\n    for (const [panel, remembered] of inlineState) {\n      const element = panelElement(panel);\n      if (element) adapt(panel, element, remembered);\n      else panel.collapsed.value = remembered;\n    }\n    inlineState.clear();\n  };\n}\n","import { effect, type ReadonlySignal, type Signal } from 'kerfjs';\n\nimport type { DeviceClass } from './device-class.js';\nimport { type ResizeLimit, wireResizeHandles } from './resize-wiring.js';\nimport {\n  wireWorkbenchOverlays,\n  type WorkbenchOverlayPanel,\n} from './workbench-overlays.js';\nimport {\n  type WorkbenchPanelKey,\n  workbenchRegionId,\n} from './workbench-resize.js';\n\nexport type { WorkbenchPanelKey };\n\n/** Minimal `localStorage`-shaped store, so the persistence hook is testable. */\nexport interface WorkbenchStorage {\n  getItem(key: string): string | null;\n  setItem(key: string, value: string): void;\n}\n\n/** One Workbench panel's app-owned state. */\nexport interface WireWorkbenchPanel {\n  /**\n   * The app-owned size signal a `resizable` panel renders as its `size`.\n   * `wireWorkbench` writes each committed resize here; collapsing never\n   * touches it, so an expanded panel returns at the size it had. Omit it for\n   * a panel that is not resizable.\n   */\n  size?: Signal<number>;\n  /**\n   * When set with `size`, the size is loaded from and saved to `storage`\n   * under this key, so the panel remembers the user's size.\n   */\n  storageKey?: string;\n  /**\n   * The app-owned signal the panel renders as its `collapsed`. With it (and\n   * `dismissOverlays`, on by default) `wireWorkbench` treats the panel as a\n   * transient overlay while it presents as one: it collapses when its\n   * `responsiveOverlayAt` breakpoint begins to apply and gets its inline state\n   * back when the breakpoint stops applying, an open overlay takes focus and\n   * keeps Tab inside it, and it closes on Escape or a press outside it.\n   */\n  collapsed?: Signal<boolean>;\n  /**\n   * Treat presses in a portal surface launched by this panel (for example a\n   * body-level menu or dialog) as inside it. The predicate receives each Node\n   * in the press's composed path; return true for the portal root. Ordinary\n   * presses outside the panel and its allowed surfaces still dismiss it.\n   */\n  keepOpenOn?: (target: Node) => boolean;\n}\n\n/** A resize the user made, after `wireWorkbench` wrote it to the size signal. */\nexport interface WorkbenchResize {\n  panel: WorkbenchPanelKey;\n  size: number;\n  source: 'keyboard' | 'pointer';\n}\n\nexport interface WireWorkbenchOptions {\n  /** The `id` the `Workbench` was rendered with. */\n  id: string;\n  /**\n   * The wired panels, keyed like the `Workbench` props. Render a panel given\n   * a `size` with `resizable` and `size={panel.size.value}`, and one given a\n   * `collapsed` signal with `collapsed={panel.collapsed.value}`.\n   */\n  panels: Partial<Record<WorkbenchPanelKey, WireWorkbenchPanel>>;\n  /**\n   * When provided, resizing is suspended while `deviceClass.compact` is true —\n   * the classes where rails become overlay drawers or are replaced.\n   */\n  deviceClass?: ReadonlySignal<DeviceClass>;\n  /** Persistence store (default `globalThis.localStorage`, if present). */\n  storage?: WorkbenchStorage;\n  /** Keyboard step in px (default 16). */\n  step?: number;\n  /** Shift+arrow step in px (default 64). */\n  largeStep?: number;\n  /** Called after each committed resize. */\n  onResize?: (change: WorkbenchResize) => void;\n  /**\n   * Treat the panels given a `collapsed` signal as transient overlays while\n   * they present as overlays (default `true`), like `wireSidebar`'s compact\n   * overlay: a panel whose `responsiveOverlayAt` breakpoint begins to apply\n   * starts collapsed, with no collapse motion, and gets its inline collapsed\n   * state back when the breakpoint stops applying (and on disposal); an open\n   * overlay panel, responsive or `presentation: \"overlay\"`, closes on Escape\n   * or a press that starts and ends outside it. A panel that opens as an\n   * overlay takes focus on its first focusable control, and while it is open\n   * Tab and Shift+Tab cycle through its controls instead of reaching the\n   * work area it covers (the ARIA dialog pattern of `wireSidebar`'s compact\n   * overlay); inline panels never move focus. Focus stranded in a closing\n   * panel — however it closed, the app's own control inside it included —\n   * returns to the control that had it when the panel opened, else to the\n   * panel's restore control, else to a control outside the panel whose\n   * `aria-controls` names it (each panel's `id` is its region id, e.g.\n   * `studio-left-rail`) — the fallback for a panel already open at wire-up.\n   * An opener inside a panel that has closed since is skipped. `false` leaves\n   * every `collapsed` write and all focus handling to the app.\n   */\n  dismissOverlays?: boolean;\n  /**\n   * Keep overlays exclusive (default `true`), like `wireSidebar`'s\n   * `exclusiveCompact`: when a panel opens while it presents as an overlay,\n   * every other open overlay panel — rails and the bottom drawer alike —\n   * closes, so one overlay never covers another's controls. Panels presenting\n   * inline are never closed by it. Applies only with `dismissOverlays`.\n   */\n  exclusiveOverlays?: boolean;\n}\n\nfunction defaultStorage(): WorkbenchStorage | undefined {\n  try {\n    return globalThis.localStorage ?? undefined;\n  } catch {\n    return undefined;\n  }\n}\n\n/** A stored size, or undefined when the stored text is not a usable size. */\nfunction storedSize(text: string | null) {\n  if (text === null) return undefined;\n  const size = Number(text);\n  return Number.isFinite(size) && size > 0 ? Math.round(size) : undefined;\n}\n\n/** A double-quoted CSS attribute-selector value. */\nconst quoted = (value: string) =>\n  `\"${value.replaceAll('\\\\', '\\\\\\\\').replaceAll('\"', '\\\\\"')}\"`;\n\nconst px = (value: string) => Number.parseFloat(value) || 0;\n\n/**\n * The largest size a resizable panel may take while the work area keeps its\n * minimum: for a rail, its minimum width (the Workbench's `mainMinSize`,\n * rendered as `data-main-min-size`) — the Workbench width, less that minimum,\n * the other in-flow rails as shown, and the rail's own safe-area extent and\n * border; for the bottom drawer, its minimum height (`mainMinHeight`, rendered\n * as `data-main-min-height`) — the work-area column's height, less that\n * minimum and the drawer's own safe-area extent and border. A panel the\n * container has already squeezed is held at the size it shows, so it can\n * shrink but not grow. Without layout (no box yet) or a minimum, the panel's\n * own maximum stands.\n */\nconst mainRoomLimit: ResizeLimit = (region, { max }) => {\n  const horizontal = region.dataset.axis === 'horizontal';\n  // A rail's parent is the Workbench; the drawer's is the work-area column.\n  const container = region.parentElement;\n  const workbench = horizontal ? container : container?.parentElement;\n  const mainMin = Number(\n    horizontal\n      ? workbench?.dataset.mainMinSize\n      : workbench?.dataset.mainMinHeight,\n  );\n  if (!container || !(mainMin > 0)) return max;\n  const box = container.getBoundingClientRect();\n  const room = horizontal ? box.width : box.height;\n  if (room <= 0) return max;\n  let others = 0;\n  if (horizontal)\n    for (const rail of container.children) {\n      if (\n        rail === region ||\n        !rail.matches('.kui-workbench__rail') ||\n        globalThis.getComputedStyle(rail).position === 'absolute'\n      )\n        continue;\n      others += rail.getBoundingClientRect().width;\n    }\n  const style = globalThis.getComputedStyle(region);\n  const size = px(region.style.getPropertyValue('--kui-resizable-region-size'));\n  const border =\n    style.boxSizing === 'border-box'\n      ? 0\n      : horizontal\n        ? px(style.borderInlineStartWidth) + px(style.borderInlineEndWidth)\n        : px(style.borderBlockStartWidth) + px(style.borderBlockEndWidth);\n  // The track is the size plus the panel's safe-area extent (its flex basis).\n  const extent = px(style.flexBasis) - size + border;\n  return Math.floor(room - Math.min(mainMin, room) - others - extent);\n};\n\n/**\n * Wire a `Workbench`'s panels. For `resizable` panels given a `size` signal:\n * pointer drags and arrow / Shift+arrow / Home / End on each panel's\n * separator, clamped to the panel's limits and to the room that leaves the\n * work area its minimum width and height, committed to the app-owned size signals.\n * Optional persistence loads and saves each size; optional `deviceClass`\n * suspends resizing on compact classes. Collapse stays the app's `collapsed`\n * flag and never changes a size. For panels given a `collapsed` signal,\n * overlays are transient (`dismissOverlays`): a responsive overlay starts\n * collapsed, an open overlay takes focus and keeps Tab inside it, it closes\n * on Escape or an outside press, and\n * opening one overlay closes the others (`exclusiveOverlays`). Returns a disposer. See `docs/23-app-layouts.md` §3.3.\n */\nexport function wireWorkbench(\n  root: HTMLElement,\n  {\n    id,\n    panels,\n    deviceClass,\n    storage = defaultStorage(),\n    step,\n    largeStep,\n    onResize,\n    dismissOverlays = true,\n    exclusiveOverlays = true,\n  }: WireWorkbenchOptions,\n): () => void {\n  const keys = Object.keys(panels) as WorkbenchPanelKey[];\n  const entries = keys.flatMap((key) => {\n    const size = panels[key]?.size;\n    return size\n      ? [\n          {\n            key,\n            size,\n            storageKey: panels[key]!.storageKey,\n            regionId: workbenchRegionId(id, key),\n          },\n        ]\n      : [];\n  });\n  const byRegion = new Map(entries.map((entry) => [entry.regionId, entry]));\n  const disposers: Array<() => void> = [];\n\n  // Seed from storage before any effect runs, so the first render after\n  // wire-up already has the remembered size; then mirror every size change.\n  for (const { size, storageKey } of entries) {\n    if (!storageKey || !storage) continue;\n    const seed = storedSize(storage.getItem(storageKey));\n    if (seed !== undefined) size.value = seed;\n    disposers.push(\n      effect(() => {\n        storage.setItem(storageKey, String(size.value));\n      }),\n    );\n  }\n\n  // Each panel is matched by its own region id, so this wiring never drives a\n  // ResizableRegion or another Workbench below the same root.\n  const selector = entries\n    .map(\n      ({ regionId }) =>\n        `[data-resizable=\"true\"][data-region-id=${quoted(regionId)}]`,\n    )\n    .join(', ');\n  const start = () =>\n    wireResizeHandles(\n      root,\n      {\n        step,\n        largeStep,\n        onCommit: ({ id: regionId, size, source }) => {\n          // The selector only matches configured panels.\n          const entry = byRegion.get(regionId)!;\n          entry.size.value = size;\n          onResize?.({ panel: entry.key, size, source });\n        },\n      },\n      selector,\n      mainRoomLimit,\n    );\n\n  let stopResize: (() => void) | undefined;\n  if (selector) {\n    if (deviceClass) {\n      disposers.push(\n        effect(() => {\n          const compact = deviceClass.value.compact;\n          stopResize?.();\n          stopResize = compact ? undefined : start();\n        }),\n      );\n    } else {\n      stopResize = start();\n    }\n  }\n\n  const overlayPanels = keys.flatMap((key): WorkbenchOverlayPanel[] => {\n    const collapsed = panels[key]?.collapsed;\n    return collapsed\n      ? [{ key, collapsed, keepOpenOn: panels[key]?.keepOpenOn }]\n      : [];\n  });\n  if (dismissOverlays && overlayPanels.length > 0) {\n    const selector = `[data-component=\"workbench\"][id=${quoted(id)}]`;\n    disposers.push(\n      wireWorkbenchOverlays(\n        root,\n        () =>\n          root.matches(selector)\n            ? root\n            : root.querySelector<HTMLElement>(selector),\n        overlayPanels,\n        exclusiveOverlays,\n      ),\n    );\n  }\n\n  return () => {\n    stopResize?.();\n    stopResize = undefined;\n    for (const dispose of disposers.splice(0)) dispose();\n  };\n}\n"]}

package/dist/{chunk-NAPE7WUS.js → chunk-W2AC6Q2A.js}

@@ -25,6 +25,8 @@ var spaceNames = [
 ];
 function List({
   children,
+  selectionMode,
+  ariaLabel,
   gap = false,
   flex = false,
   fill = false,
@@ -38,6 +40,9 @@ function List({
   rootAttributes = {},
   slot
 }) {
+  if (selectionMode === "multiple" && !ariaLabel) {
+    throw new Error("Multi-select List requires an ariaLabel");
+  }
   const safeRootAttributes = filterDataAttributes(
     rootAttributes,
     listProtectedAttributes
@@ -54,6 +59,9 @@ function List({
       ...safeRootAttributes,
       class: `kui-list ${className}`.trim(),
       "data-component": "list",
+      role: selectionMode === "multiple" ? "grid" : void 0,
+      "aria-label": selectionMode === "multiple" ? ariaLabel : void 0,
+      "aria-multiselectable": selectionMode === "multiple" ? "true" : void 0,
       "data-gap": String(Boolean(gap)),
       "data-flex": String(Boolean(flex)),
       "data-fill": fill ? "true" : void 0,
@@ -72,4 +80,4 @@ function List({
 
 export { List };
 
-//# sourceMappingURL=chunk-NAPE7WUS.js.map
+//# sourceMappingURL=chunk-W2AC6Q2A.js.map

package/dist/chunk-W2AC6Q2A.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/list.tsx"],"names":[],"mappings":"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","file":"chunk-W2AC6Q2A.js","sourcesContent":["import {\n  type CssFlex,\n  type CssFlexKeyword,\n  type CssLength,\n  space,\n  type UiSpaceName,\n} from './css-values.js';\nimport { filterDataAttributes } from './extension-attributes.js';\nimport {\n  type HorizontalAlignment,\n  horizontalAlignment,\n  type ListVerticalAlignment,\n  verticalAlignment,\n} from './flex-alignment.js';\nimport type { KerfUiContent } from './semantic-content.js';\nimport type { Sides } from './sides.js';\n\nconst listProtectedAttributes = new Set([\n  'data-component',\n  'data-gap',\n  'data-flex',\n  'data-fill',\n  'data-h-align',\n  'data-v-align',\n  'data-scrollable',\n  'data-text-insets',\n  'data-control-insets',\n]);\n\ntype ListRootAttributes = Readonly<\n  Record<`data-${string}`, string | undefined> & {\n    'data-component'?: never;\n    'data-gap'?: never;\n    'data-flex'?: never;\n    'data-fill'?: never;\n    'data-h-align'?: never;\n    'data-v-align'?: never;\n    'data-scrollable'?: never;\n    'data-text-insets'?: never;\n    'data-control-insets'?: never;\n  }\n>;\n\nconst spaceNames: readonly UiSpaceName[] = [\n  'none',\n  '2xs',\n  'xs',\n  's',\n  'm',\n  'l',\n  'xl',\n];\n\nexport interface ListProps {\n  children?: KerfUiContent;\n  /** Make this list a labeled multi-select grid for `ContentItem selectionMode=\"multiple\"` rows. */\n  selectionMode?: 'multiple';\n  /** Accessible name for the multi-select grid. */\n  ariaLabel?: string;\n  /** Use the standard item gap, a named UI spacing token, or a typed CSS length. Defaults to no gap. */\n  gap?: boolean | UiSpaceName | CssLength;\n  /** Allow this list to grow/shrink, use a keyword, or supply a typed CSS flex shorthand. */\n  flex?: boolean | CssFlexKeyword | CssFlex;\n  /**\n   * Fill the height of a parent with a definite height, such as an app root or\n   * a fixed-height frame, when this list is that parent's layout root. Inside a\n   * flex layout use `flex` instead. Defaults to false.\n   */\n  fill?: boolean;\n  /** Horizontal alignment. Defaults to full to preserve stretch-aligned list children. */\n  hAlign?: HorizontalAlignment;\n  /** Vertical distribution. Defaults to top. */\n  vAlign?: ListVerticalAlignment;\n  /** Own vertical scrolling and overscroll containment. */\n  scrollable?: boolean;\n  /** Physical divider edges in canonical top/right/bottom/left order. */\n  dividerSides?: Sides;\n  /** Physical sides that receive the standard 17px text inset. */\n  textInsets?: Sides;\n  /** Physical sides that receive the standard 8px control inset. Text insets win on overlap. */\n  controlInsets?: Sides;\n  className?: string;\n  /** Safe `data-*` metadata; List-owned structural attributes remain protected. */\n  rootAttributes?: ListRootAttributes;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\n/**\n * A list's configuration, apart from its content and styling hooks: the props a\n * composite that renders a `List` for the app (the Workbench's `mainHeader` /\n * `mainFooter` chrome) forwards, so the app configures that list instead of\n * styling it. An omitted or `undefined` field keeps the composite's default.\n */\nexport type ListConfig = Pick<\n  ListProps,\n  'gap' | 'hAlign' | 'vAlign' | 'dividerSides' | 'textInsets' | 'controlInsets'\n>;\n\n/** A stretch-aligned vertical stack with optional gap, flex, fill, scroll, and dividers. */\nexport function List({\n  children,\n  selectionMode,\n  ariaLabel,\n  gap = false,\n  flex = false,\n  fill = false,\n  hAlign = 'full',\n  vAlign = 'top',\n  scrollable = false,\n  dividerSides = '',\n  textInsets = '',\n  controlInsets = '',\n  className = '',\n  rootAttributes = {},\n  slot,\n}: ListProps) {\n  if (selectionMode === 'multiple' && !ariaLabel) {\n    throw new Error('Multi-select List requires an ariaLabel');\n  }\n  const safeRootAttributes = filterDataAttributes(\n    rootAttributes,\n    listProtectedAttributes,\n  );\n  const gapValue =\n    gap === true\n      ? 'var(--kui-list-gap)'\n      : spaceNames.includes(gap as UiSpaceName)\n        ? space(gap as UiSpaceName)\n        : gap || undefined;\n  const flexValue = flex === true ? '1 1 auto' : flex || undefined;\n  const style = [\n    gapValue ? `--_kui-list-gap:${gapValue}` : '',\n    flexValue ? `--_kui-list-flex:${flexValue}` : '',\n  ]\n    .filter(Boolean)\n    .join(';');\n\n  return (\n    <div\n      {...safeRootAttributes}\n      class={`kui-list ${className}`.trim()}\n      data-component=\"list\"\n      role={selectionMode === 'multiple' ? 'grid' : undefined}\n      aria-label={selectionMode === 'multiple' ? ariaLabel : undefined}\n      aria-multiselectable={selectionMode === 'multiple' ? 'true' : undefined}\n      data-gap={String(Boolean(gap))}\n      data-flex={String(Boolean(flex))}\n      data-fill={fill ? 'true' : undefined}\n      data-h-align={horizontalAlignment(hAlign)}\n      data-v-align={verticalAlignment(vAlign)}\n      data-scrollable={String(scrollable)}\n      divider-sides={dividerSides || undefined}\n      data-text-insets={textInsets || undefined}\n      data-control-insets={controlInsets || undefined}\n      style={style || undefined}\n      slot={slot}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport type {\n  CssFlex,\n  CssFlexKeyword,\n  CssLength,\n  UiSpaceName,\n} from './css-values.js';\nexport type {\n  HorizontalAlignment,\n  ListVerticalAlignment,\n  VerticalAlignment,\n} from './flex-alignment.js';\nexport type { Sides } from './sides.js';\n"]}

package/dist/collapsible-panel.js

@@ -1,5 +1,5 @@
-import { collapsiblePanelToggleIcon, composedPanelBody, relocatedPanelGroups } from './chunk-IA4D5XNT.js';
-export { collapsiblePanelToggleIcon } from './chunk-IA4D5XNT.js';
+import { collapsiblePanelToggleIcon, composedPanelBody, relocatedPanelGroups } from './chunk-FJSZYEBM.js';
+export { collapsiblePanelToggleIcon } from './chunk-FJSZYEBM.js';
 
 
 

package/dist/content-item.d.ts

@@ -5,8 +5,8 @@ import { K as KerfUiContent } from './semantic-content-BbzjvSu9.js';
 type ContentItemFrame = 'none' | 'framed';
 /** Corner shape: the 12px rounded rectangle or the 22px pill. */
 type ContentItemShape = 'rounded' | 'pill';
-/** `single` uses option selection; `toggle` uses a pressed button. */
-type ContentItemSelectionMode = 'none' | 'single' | 'toggle';
+/** `single` uses an option; `multiple` uses a grid row; `toggle` uses a pressed button. */
+type ContentItemSelectionMode = 'none' | 'single' | 'multiple' | 'toggle';
 type ContentItemRootAttributes = Readonly<Record<`data-${string}`, string | undefined> & {
     'data-component'?: never;
 }>;
@@ -29,8 +29,12 @@ interface ContentItemBaseProps {
      * marks a real distinction. Defaults to `none` (transparent border).
      */
     frame?: ContentItemFrame;
+    /** Remove block padding and block borders while retaining inline geometry. */
+    flush?: boolean;
     /** Corner shape. Defaults to `rounded`. */
     shape?: ContentItemShape;
+    /** Native hover tooltip. */
+    title?: string;
     /**
      * Names the item as a distinct region (`role="region"`). Omit it for an
      * ordinary item, which stays a non-landmark grouping.
@@ -72,6 +76,6 @@ type ContentItemProps = ContentItemBaseProps & ({
  * border (transparent unless `framed`), 8px padding, and a rounded or pill
  * radius. It owns that whole geometry, so wrappers must not add more.
  */
-declare function ContentItem({ children, frame, shape, ariaLabel, focusTarget, interactive, action, itemId, selectionMode, selected, disabled, className, rootAttributes, slot, }: ContentItemProps): kerfjs.SafeHtml;
+declare function ContentItem({ children, frame, flush, shape, title, ariaLabel, focusTarget, interactive, action, itemId, selectionMode, selected, disabled, className, rootAttributes, slot, }: ContentItemProps): kerfjs.SafeHtml;
 
 export { ContentItem, type ContentItemFrame, type ContentItemProps, type ContentItemSelectionMode, type ContentItemShape };

package/dist/content-item.js

@@ -1,4 +1,4 @@
-export { ContentItem } from './chunk-7AKGPBCC.js';
+export { ContentItem } from './chunk-NCSWXG7G.js';
 
 
 //# sourceMappingURL=content-item.js.map

package/dist/grid.d.ts

@@ -6,6 +6,7 @@ type GridRootAttributes = Readonly<Record<`data-${string}`, string | undefined>
     'data-component'?: never;
     'data-columns'?: never;
     'data-min-column-width'?: never;
+    'data-auto-fill'?: never;
     'data-flex'?: never;
     'data-fill'?: never;
 }>;
@@ -31,12 +32,15 @@ type GridProps = GridCommonProps & ({
     /** Number of equal-width columns. Must be a positive safe integer. */
     columns: number;
     minColumnWidth?: never;
+    autoFill?: never;
 } | {
     columns?: never;
     /** Fit equal columns of at least this width; collapse as the container narrows. */
     minColumnWidth: CssLength;
+    /** Keep empty tracks instead of stretching a sparse row. Defaults to false. */
+    autoFill?: boolean;
 });
 /** Render equal tracks with a fixed count or a responsive minimum width. */
-declare function Grid({ children, columns, minColumnWidth, gap, flex, fill, className, rootAttributes, slot, }: GridProps): kerfjs.SafeHtml;
+declare function Grid({ children, columns, minColumnWidth, autoFill, gap, flex, fill, className, rootAttributes, slot, }: GridProps): kerfjs.SafeHtml;
 
 export { CssFlex, CssFlexKeyword, CssLength, Grid, type GridProps, UiSpaceName };

package/dist/grid.js

@@ -1,4 +1,4 @@
-export { Grid } from './chunk-UCKKT6KO.js';
+export { Grid } from './chunk-2EKHENQK.js';
 
 
 

package/dist/index.d.ts

@@ -29,7 +29,7 @@ export { SunkenPanel, SunkenPanelProps, SunkenPanelShape } from './sunken-panel.
 export { DialogSurface, DialogSurfacePresentation, DialogSurfaceProps, DialogSurfaceSize, PopupSurface, PopupSurfaceInset, PopupSurfaceProps, SurfaceInset } from './surface-scaffold.js';
 export { TabActivation, TabBar, TabBarAllocation, TabBarPresentation, TabBarProps, TabBarTrailingPlacement } from './tab-bar.js';
 export { Text, TextContent, TextFont, TextProps, TextSize, TextTone, TextVariant } from './text.js';
-export { T as TokenSearchEditorAttributes, a as TokenSearchField, b as TokenSearchFieldProps, c as TokenSearchFieldValue, d as TokenSearchModel, e as TokenSearchModelOptions, f as TokenSearchResolvedToken, g as TokenSearchRule, h as TokenSearchState, i as TokenSearchSuggestion, j as TokenSearchToken, k as createTokenSearchModel, p as placeTokenSearchCaret, r as readTokenSearchField } from './token-search-field-DvgFLhLL.js';
+export { T as TokenSearchEditorAttributes, a as TokenSearchField, b as TokenSearchFieldProps, c as TokenSearchFieldValue, d as TokenSearchModel, e as TokenSearchModelOptions, f as TokenSearchResolvedToken, g as TokenSearchRule, h as TokenSearchState, i as TokenSearchSuggestion, j as TokenSearchToken, k as TokenSearchTrailingAction, l as createTokenSearchModel, p as placeTokenSearchCaret, r as readTokenSearchField } from './token-search-field-CVGwDn2y.js';
 export { Toolbar, ToolbarConfig, ToolbarPosition, ToolbarProps } from './toolbar.js';
 export { ToolbarActionLink, ToolbarActionLinkProps, ToolbarControlGroup, ToolbarControlGroupAppearance, ToolbarControlGroupButtonAppearance, ToolbarControlGroupContent, ToolbarControlGroupDensity, ToolbarControlGroupMenuInset, ToolbarControlGroupOverflow, ToolbarControlGroupProps, ToolbarControlGroupSelectedChrome, ToolbarControlGroupSelectedTone, ToolbarControlGroupShape, ToolbarControlGroupSize, ToolbarControlGroupTone, ToolbarControlGroupVisibility } from './toolbar-control-group.js';
 export { HeadingLevel, ToolbarText, ToolbarTextProps, ToolbarTextSize } from './toolbar-text.js';

package/dist/index.js

@@ -1,9 +1,9 @@
-export { wireTokenSearchFields } from './chunk-R75GGNWY.js';
+export { wireTokenSearchFields } from './chunk-P4UXSYIJ.js';
 export { wireResizableRegions } from './chunk-UIDKY4UB.js';
 
 export { wireScrollDividers } from './chunk-JCV4GXWB.js';
 export { reorderTabs, wireTabBars } from './chunk-UA6JW52D.js';
-export { TokenSearchField, placeTokenSearchCaret, readTokenSearchField } from './chunk-RTJNJTG3.js';
+export { TokenSearchField, placeTokenSearchCaret, readTokenSearchField } from './chunk-5SYE4CCT.js';
 export { createTokenSearchModel } from './chunk-4SQK27MR.js';
 export { ValueTable, ValueTableRow } from './chunk-P7D3EMXM.js';
 export { Spacer } from './chunk-MEY33VWB.js';
@@ -15,10 +15,10 @@ export { SegmentedControl } from './chunk-X5QSICJ3.js';
 export { Select } from './chunk-F7OCOBTG.js';
 export { ListInsetControl } from './chunk-5I7QGQVT.js';
 export { EmptyState } from './chunk-E36EVCKG.js';
-export { Grid } from './chunk-UCKKT6KO.js';
+export { Grid } from './chunk-2EKHENQK.js';
 export { ListActionRow } from './chunk-IAOAZUOO.js';
 export { AppTab } from './chunk-Q6YU3BT7.js';
-export { PopupMenu, closePopupMenu, openPopupMenuAt } from './chunk-ZRWXFDDS.js';
+export { PopupMenu, closePopupMenu, openPopupMenuAt } from './chunk-J3KGJ6P6.js';
 export { ResizableRegion, clampRegionSize, resizeRegionFromPointer } from './chunk-KLJKU6ZL.js';
 export { Row } from './chunk-VZOFZPSO.js';
 export { ListHeader } from './chunk-5IJ6UGNZ.js';
@@ -33,13 +33,13 @@ export { Skeleton } from './chunk-AHEG27M7.js';
 export { Badge } from './chunk-MP2GDBQZ.js';
 export { Chip } from './chunk-SMZGAPCU.js';
 export { Pane } from './chunk-3BYFWTP3.js';
-export { List } from './chunk-NAPE7WUS.js';
+export { List } from './chunk-W2AC6Q2A.js';
 
 export { ToolbarActionLink, ToolbarControlGroup } from './chunk-NXWE5S57.js';
 export { Toolbar } from './chunk-RGS4WX2M.js';
 export { LucideIcon } from './chunk-MOSIE4Z2.js';
 export { LoadingSpinner } from './chunk-ZLWQZUGF.js';
-export { ContentItem } from './chunk-7AKGPBCC.js';
+export { ContentItem } from './chunk-NCSWXG7G.js';
 
 export { calc, colorVar, em, flex, foregroundColorVar, lengthVar, pct, plus, px, rem, space, uiColor } from './chunk-2G2ZJQYK.js';
 

package/dist/list.d.ts

@@ -18,6 +18,10 @@ type ListRootAttributes = Readonly<Record<`data-${string}`, string | undefined>
 }>;
 interface ListProps {
     children?: KerfUiContent;
+    /** Make this list a labeled multi-select grid for `ContentItem selectionMode="multiple"` rows. */
+    selectionMode?: 'multiple';
+    /** Accessible name for the multi-select grid. */
+    ariaLabel?: string;
     /** Use the standard item gap, a named UI spacing token, or a typed CSS length. Defaults to no gap. */
     gap?: boolean | UiSpaceName | CssLength;
     /** Allow this list to grow/shrink, use a keyword, or supply a typed CSS flex shorthand. */
@@ -54,6 +58,6 @@ interface ListProps {
  */
 type ListConfig = Pick<ListProps, 'gap' | 'hAlign' | 'vAlign' | 'dividerSides' | 'textInsets' | 'controlInsets'>;
 /** A stretch-aligned vertical stack with optional gap, flex, fill, scroll, and dividers. */
-declare function List({ children, gap, flex, fill, hAlign, vAlign, scrollable, dividerSides, textInsets, controlInsets, className, rootAttributes, slot, }: ListProps): kerfjs.SafeHtml;
+declare function List({ children, selectionMode, ariaLabel, gap, flex, fill, hAlign, vAlign, scrollable, dividerSides, textInsets, controlInsets, className, rootAttributes, slot, }: ListProps): kerfjs.SafeHtml;
 
 export { CssFlex, CssFlexKeyword, CssLength, HorizontalAlignment, List, type ListConfig, type ListProps, ListVerticalAlignment, Sides, UiSpaceName };

package/dist/list.js

@@ -1,4 +1,4 @@
-export { List } from './chunk-NAPE7WUS.js';
+export { List } from './chunk-W2AC6Q2A.js';