@kerfjs/ui 5.0.0-beta.10 → 5.0.0-beta.100

package/dist/chunk-CA7LNX3J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/actions/icon-toggle-button/icon-toggle-button.tsx"],"names":[],"mappings":";;;;AASA,IAAM,mBAAA,uBAA0B,GAAA,CAAI;AAAA,EAClC,gBAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAC,CAAA;AAsCM,SAAS,gBAAA,CAAiB;AAAA,EAC/B,IAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA,GAAQ,MAAA;AAAA,EACR,QAAA,GAAW,KAAA;AAAA,EACX,EAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,iBAAiB,EAAC;AAAA,EAClB;AACF,CAAA,EAA0B;AACxB,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACE,GAAG,oBAAA,CAAqB,cAAA,EAAgB,mBAAmB,CAAA;AAAA,MAC5D,IAAA,EAAK,QAAA;AAAA,MACL,EAAA;AAAA,MACA,KAAA,EAAO,CAAA,uBAAA,EAA0B,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MAClD,gBAAA,EAAe,oBAAA;AAAA,MACf,aAAA,EAAa,MAAA;AAAA,MACb,YAAA,EAAY,KAAA;AAAA,MACZ,YAAA,EAAY,KAAA;AAAA,MACZ,cAAA,EAAc,UAAU,MAAA,GAAS,OAAA;AAAA,MACjC,QAAA;AAAA,MACA,IAAA;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAM,8BAAA,EAA+B,aAAA,EAAY,MAAA,EACrD,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAY,IAAA,EAAM,QAAA,EAAU,CAAA,EAC1C;AAAA;AAAA,GACF;AAEJ","file":"chunk-CA7LNX3J.js","sourcesContent":["import { filterDataAttributes } from '../../../shared/dom/extension-attributes.js';\nimport {\n  LucideIcon,\n  type LucideNode,\n} from '../../media/lucide-icon/lucide-icon.js';\n\n/** Corner shape: fully round `pill` (default) or a softer `rounded` square. */\nexport type IconToggleButtonShape = 'pill' | 'rounded';\n\nconst iconToggleProtected = new Set([\n  'data-component',\n  'data-action',\n  'data-shape',\n]);\n\ntype IconToggleButtonRootAttributes = Readonly<\n  Record<`data-${string}`, string | undefined> & {\n    'data-component'?: never;\n    'data-action'?: never;\n    'data-shape'?: never;\n  }\n>;\n\nexport interface IconToggleButtonProps {\n  /** The Lucide-compatible icon node. */\n  icon: LucideNode;\n  /** The icon's stable name, as `LucideIcon` takes it. */\n  iconName: string;\n  /** Accessible name and hover help tag; required because no text is shown. */\n  label: string;\n  /** Pressed state, exposed as `aria-pressed`; the application owns it. */\n  pressed: boolean;\n  /** Delegated `data-action` the application handles to flip `pressed`. */\n  action?: string;\n  shape?: IconToggleButtonShape;\n  disabled?: boolean;\n  id?: string;\n  className?: string;\n  /** Safe `data-*` metadata; IconToggleButton-owned markers stay protected. */\n  rootAttributes?: IconToggleButtonRootAttributes;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\n/**\n * A standalone, icon-only toggle: a native `<button aria-pressed>` with the\n * geometry and pressed chrome of a single contained `ToolbarControlGroup`\n * (44px, a 2px-inset face that rises when pressed), for content and pane\n * footers where no `Toolbar` belongs. Inside a toolbar, use a\n * `ToolbarControlGroup` instead.\n */\nexport function IconToggleButton({\n  icon,\n  iconName,\n  label,\n  pressed,\n  action,\n  shape = 'pill',\n  disabled = false,\n  id,\n  className = '',\n  rootAttributes = {},\n  slot,\n}: IconToggleButtonProps) {\n  return (\n    <button\n      {...filterDataAttributes(rootAttributes, iconToggleProtected)}\n      type=\"button\"\n      id={id}\n      class={`kui-icon-toggle-button ${className}`.trim()}\n      data-component=\"icon-toggle-button\"\n      data-action={action}\n      data-shape={shape}\n      aria-label={label}\n      aria-pressed={pressed ? 'true' : 'false'}\n      disabled={disabled}\n      slot={slot}\n    >\n      <span class=\"kui-icon-toggle-button__face\" aria-hidden=\"true\">\n        <LucideIcon icon={icon} name={iconName} />\n      </span>\n    </button>\n  );\n}\n"]}

package/dist/chunk-CEJ5FK6G.js

@@ -0,0 +1,288 @@
+import { resizeRegionFromPointer, clampRegionSize } from './chunk-Y6KT7ZTR.js';
+import { delegate } from 'kerfjs';
+
+var HANDLE_SELECTOR = "[data-kui-resize-handle]";
+var INSET_ATTRIBUTE = "data-handle-inset";
+var REPORTED_ATTRIBUTES = [
+  "aria-valuenow",
+  "aria-valuemin",
+  "aria-valuemax",
+  INSET_ATTRIBUTE
+];
+var HANDLE_OVERHANG = 10;
+function renderedSize(region, handle) {
+  const size = Number.parseFloat(
+    region.style.getPropertyValue("--kui-resizable-region-size")
+  );
+  return Number.isFinite(size) ? size : Number(handle.getAttribute("aria-valuenow"));
+}
+function handleInset(state, size) {
+  return state.max < state.declaredMax && state.max - size < HANDLE_OVERHANG;
+}
+function setInset(region, inset) {
+  if (region.hasAttribute(INSET_ATTRIBUTE) !== inset)
+    region.toggleAttribute(INSET_ATTRIBUTE, inset);
+}
+function setAttributeIfChanged(element, name, value) {
+  if (element.getAttribute(name) !== value) element.setAttribute(name, value);
+}
+function visibleMax(region, axis, min, max) {
+  const property = "--kui-resizable-region-size";
+  const previous = region.style.getPropertyValue(property);
+  region.style.setProperty(property, `${max}px`);
+  const basis = Number.parseFloat(
+    globalThis.getComputedStyle(region).flexBasis
+  );
+  const box = region.getBoundingClientRect();
+  region.style.setProperty(property, previous);
+  const track = axis === "horizontal" ? box.width : box.height;
+  if (!Number.isFinite(basis) || track <= 0 || track >= basis - 0.5) return max;
+  return Math.max(min, Math.min(max, Math.floor(track - (basis - max))));
+}
+function shownSize(region, axis, size) {
+  const basis = Number.parseFloat(
+    globalThis.getComputedStyle(region).flexBasis
+  );
+  const box = region.getBoundingClientRect();
+  const track = axis === "horizontal" ? box.width : box.height;
+  if (!Number.isFinite(basis) || track <= 0 || track >= basis - 0.5)
+    return void 0;
+  return Math.max(0, Math.floor(track - (basis - size)));
+}
+function reported(state) {
+  const { squeezed } = state;
+  return squeezed === void 0 ? { min: state.min, max: state.max, now: state.size } : { min: squeezed, max: squeezed, now: squeezed };
+}
+function pinned(state) {
+  return state.squeezed !== void 0 || state.max <= state.min;
+}
+function applySize(state, size) {
+  const value = `${size}px`;
+  state.region.style.setProperty("--kui-resizable-region-size", value);
+  state.region.style.setProperty("--kui-resizable-region-expanded-size", value);
+  if (state.squeezed === void 0)
+    state.handle.setAttribute("aria-valuenow", String(size));
+  setInset(state.region, handleInset(state, size));
+}
+function wireResizeHandles(root, {
+  step = 16,
+  largeStep = 64,
+  onPreview,
+  onCommit
+}, regionSelector, limit) {
+  const REGION_SELECTOR = regionSelector;
+  let stopPointer;
+  const announced = /* @__PURE__ */ new WeakMap();
+  function regionState(handle) {
+    const region = handle.closest(REGION_SELECTOR);
+    if (!(region instanceof HTMLElement) || !(handle instanceof HTMLElement) || handle.parentElement !== region)
+      return void 0;
+    const id = region.dataset.regionId;
+    const axis = region.dataset.axis;
+    const edge = region.dataset.edge;
+    const valueMin = Number(handle.getAttribute("aria-valuemin"));
+    const valueMax = Number(handle.getAttribute("aria-valuemax"));
+    const remembered = announced.get(handle);
+    const min = remembered?.min === valueMin ? remembered.declaredMin : valueMin;
+    const declaredMax = remembered?.max === valueMax ? remembered.declaredMax : valueMax;
+    const size = renderedSize(region, handle);
+    if (!id || region.dataset.collapsed === "true" || region.dataset.presentation !== "inline" || axis !== "horizontal" && axis !== "vertical" || edge !== "start" && edge !== "end" || !Number.isFinite(min) || !Number.isFinite(declaredMax) || !Number.isFinite(size))
+      return void 0;
+    const shown = shownSize(region, axis, size);
+    const visible = visibleMax(region, axis, min, declaredMax);
+    const max = limit ? Math.max(min, Math.min(visible, limit(region, { min, max: visible }))) : visible;
+    return {
+      region,
+      handle,
+      id,
+      axis,
+      edge,
+      min,
+      declaredMax,
+      max,
+      size: clampRegionSize(size, min, max),
+      squeezed: shown !== void 0 && shown < min ? shown : void 0
+    };
+  }
+  function announce(state) {
+    const inset = handleInset(state, state.size);
+    const { min, max, now } = reported(state);
+    announced.set(state.handle, {
+      declaredMin: state.min,
+      declaredMax: state.declaredMax,
+      min,
+      max,
+      size: now,
+      inset
+    });
+    setAttributeIfChanged(state.handle, "aria-valuemin", String(min));
+    setAttributeIfChanged(state.handle, "aria-valuemax", String(max));
+    setAttributeIfChanged(state.handle, "aria-valuenow", String(now));
+    setInset(state.region, inset);
+  }
+  const handleOf = (region) => region.querySelector(`:scope > ${HANDLE_SELECTOR}`);
+  function sync(region) {
+    if (!region.isConnected || region.dataset.resizing === "true") return;
+    const handle = handleOf(region);
+    const state = handle ? regionState(handle) : void 0;
+    if (state) announce(state);
+  }
+  function reportedByUs(region) {
+    const handle = handleOf(region);
+    const remembered = handle ? announced.get(handle) : void 0;
+    return remembered !== void 0 && handle?.getAttribute("aria-valuemin") === String(remembered.min) && handle.getAttribute("aria-valuemax") === String(remembered.max) && handle.getAttribute("aria-valuenow") === String(remembered.size) && region.hasAttribute(INSET_ATTRIBUTE) === remembered.inset;
+  }
+  const observed = /* @__PURE__ */ new Set();
+  const resizeObserver = typeof ResizeObserver === "function" ? new ResizeObserver((entries) => {
+    const regions = /* @__PURE__ */ new Set();
+    for (const { target } of entries) {
+      if (target.matches(REGION_SELECTOR))
+        regions.add(target);
+      for (const child of target.children)
+        if (child.matches(REGION_SELECTOR))
+          regions.add(child);
+    }
+    for (const region of regions) sync(region);
+  }) : void 0;
+  function observeRegions() {
+    if (!resizeObserver) return;
+    const wanted = /* @__PURE__ */ new Set();
+    for (const region of root.querySelectorAll(REGION_SELECTOR)) {
+      wanted.add(region);
+      wanted.add(region.parentElement);
+    }
+    for (const element of observed)
+      if (!wanted.has(element)) {
+        resizeObserver.unobserve(element);
+        observed.delete(element);
+      }
+    for (const element of wanted)
+      if (!observed.has(element)) {
+        resizeObserver.observe(element);
+        observed.add(element);
+      }
+  }
+  const mutationObserver = new MutationObserver((records) => {
+    const regions = /* @__PURE__ */ new Set();
+    let structural = false;
+    for (const record of records) {
+      if (record.type === "childList") {
+        structural = true;
+        continue;
+      }
+      const target = record.target;
+      const region = target.matches(REGION_SELECTOR) ? target : target.matches(HANDLE_SELECTOR) ? target.parentElement?.matches(REGION_SELECTOR) ? target.parentElement : null : null;
+      if (region && !reportedByUs(region)) regions.add(region);
+    }
+    if (structural) observeRegions();
+    for (const region of regions) sync(region);
+  });
+  mutationObserver.observe(root, {
+    subtree: true,
+    childList: true,
+    attributes: true,
+    attributeFilter: REPORTED_ATTRIBUTES
+  });
+  observeRegions();
+  function commit(state, change) {
+    onCommit(change);
+    const settled = state.handle.isConnected ? regionState(state.handle) : void 0;
+    if (settled) announce(settled);
+  }
+  const stopFocus = delegate(
+    root,
+    "focusin",
+    HANDLE_SELECTOR,
+    (_event, handle) => {
+      const state = regionState(handle);
+      if (state) announce(state);
+    }
+  );
+  const stopKeydown = delegate(
+    root,
+    "keydown",
+    HANDLE_SELECTOR,
+    (event, handle) => {
+      const keyboardEvent = event;
+      const state = regionState(handle);
+      if (!state) return;
+      announce(state);
+      let next;
+      if (keyboardEvent.key === "Home") next = state.min;
+      if (keyboardEvent.key === "End") next = state.max;
+      const increment = keyboardEvent.shiftKey ? largeStep : step;
+      if (state.axis === "horizontal" && keyboardEvent.key === "ArrowLeft")
+        next = resizeRegionFromPointer(state.size, -increment, state.edge);
+      if (state.axis === "horizontal" && keyboardEvent.key === "ArrowRight")
+        next = resizeRegionFromPointer(state.size, increment, state.edge);
+      if (state.axis === "vertical" && keyboardEvent.key === "ArrowUp")
+        next = resizeRegionFromPointer(state.size, -increment, state.edge);
+      if (state.axis === "vertical" && keyboardEvent.key === "ArrowDown")
+        next = resizeRegionFromPointer(state.size, increment, state.edge);
+      if (next === void 0) return;
+      keyboardEvent.preventDefault();
+      if (pinned(state)) return;
+      const size = clampRegionSize(next, state.min, state.max);
+      applySize(state, size);
+      commit(state, { id: state.id, size, source: "keyboard" });
+    }
+  );
+  const stopPointerDown = delegate(
+    root,
+    "pointerdown",
+    HANDLE_SELECTOR,
+    (event, handle) => {
+      const pointerEvent = event;
+      if (pointerEvent.button !== 0) return;
+      const state = regionState(handle);
+      if (!state) return;
+      pointerEvent.preventDefault();
+      announce(state);
+      if (pinned(state)) return;
+      state.handle.setPointerCapture?.(pointerEvent.pointerId);
+      const startCoordinate = state.axis === "horizontal" ? pointerEvent.clientX : pointerEvent.clientY;
+      let next = state.size;
+      const move = (moveEvent) => {
+        const coordinate = state.axis === "horizontal" ? moveEvent.clientX : moveEvent.clientY;
+        next = clampRegionSize(
+          resizeRegionFromPointer(
+            state.size,
+            coordinate - startCoordinate,
+            state.edge
+          ),
+          state.min,
+          state.max
+        );
+        applySize(state, next);
+        onPreview?.({ id: state.id, size: next, source: "pointer" });
+      };
+      const finish = () => {
+        root.removeEventListener("pointermove", move);
+        root.removeEventListener("pointerup", finish);
+        root.removeEventListener("pointercancel", finish);
+        stopPointer = void 0;
+        delete state.region.dataset.resizing;
+        commit(state, { id: state.id, size: next, source: "pointer" });
+      };
+      stopPointer?.();
+      stopPointer = finish;
+      state.region.dataset.resizing = "true";
+      root.addEventListener("pointermove", move);
+      root.addEventListener("pointerup", finish, { once: true });
+      root.addEventListener("pointercancel", finish, { once: true });
+    }
+  );
+  return () => {
+    mutationObserver.disconnect();
+    resizeObserver?.disconnect();
+    observed.clear();
+    stopPointer?.();
+    stopFocus();
+    stopKeydown();
+    stopPointerDown();
+  };
+}
+
+export { wireResizeHandles };
+
+//# sourceMappingURL=chunk-CEJ5FK6G.js.map

package/dist/chunk-CEJ5FK6G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/resizable-region/internal/resize-wiring.ts"],"names":[],"mappings":"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","file":"chunk-CEJ5FK6G.js","sourcesContent":["import { delegate } from 'kerfjs';\n\nimport {\n  clampRegionSize,\n  type ResizableRegionAxis,\n  type ResizableRegionEdge,\n  resizeRegionFromPointer,\n} from '../resizable-region.js';\n\nexport interface ResizeCommit {\n  id: string;\n  size: number;\n  source: 'keyboard' | 'pointer';\n}\n\nexport interface WireResizableRegionsOptions {\n  step?: number;\n  largeStep?: number;\n  onPreview?: (change: ResizeCommit) => void;\n  onCommit: (change: ResizeCommit) => void;\n}\n\ninterface RegionState {\n  region: HTMLElement;\n  handle: HTMLElement;\n  id: string;\n  axis: ResizableRegionAxis;\n  edge: ResizableRegionEdge;\n  /** The rendered `min` prop: every size the wiring commits stays at or above it. */\n  min: number;\n  /** The rendered `max` prop. */\n  declaredMax: number;\n  /** The largest size the region can actually show: `declaredMax`, or less when a parent clamps the track. */\n  max: number;\n  /** The shown size, which a parent clamp can hold below the rendered size. */\n  size: number;\n  /**\n   * The size the track shows when its container squeezes it below `min` (a\n   * narrowing Workbench shrinks its resizable rails), otherwise undefined.\n   */\n  squeezed?: number;\n}\n\n/**\n * A composition-specific bound on a region's size, applied after the parent\n * clamp: given the region and its limits, the largest size it may take. A\n * `Workbench` rail uses it to leave the work area its minimum width.\n */\nexport type ResizeLimit = (\n  region: HTMLElement,\n  limits: { min: number; max: number },\n) => number;\n\nconst HANDLE_SELECTOR = '[data-kui-resize-handle]';\nconst INSET_ATTRIBUTE = 'data-handle-inset';\n/** Attributes a re-render can write back over the reported state. */\nconst REPORTED_ATTRIBUTES = [\n  'aria-valuenow',\n  'aria-valuemin',\n  'aria-valuemax',\n  INSET_ATTRIBUTE,\n];\n/**\n * How far the handle's hit target reaches past the separator (the CSS places\n * the 20px handle at `-10px` on the region's edge).\n */\nconst HANDLE_OVERHANG = 10;\n\n/**\n * The size the region renders or was last resized to. The track's custom\n * property is the source, not aria-valuenow, which reports the shown size and\n * can sit below the rendered size while a parent clamps the track.\n */\nfunction renderedSize(region: HTMLElement, handle: HTMLElement) {\n  const size = Number.parseFloat(\n    region.style.getPropertyValue('--kui-resizable-region-size'),\n  );\n  return Number.isFinite(size)\n    ? size\n    : Number(handle.getAttribute('aria-valuenow'));\n}\n\n/**\n * Whether the handle must sit inside the region. When a parent clamps the\n * track, the separator reaches the parent's edge, where a clipping ancestor\n * (an app shell, a scroll frame) would cut off the half of the hit target\n * and its focus ring that overhang the region. With less room past the\n * separator than that overhang, the region carries `data-handle-inset`, and\n * the CSS moves the handle and its ring inside.\n */\nfunction handleInset(state: RegionState, size: number) {\n  return state.max < state.declaredMax && state.max - size < HANDLE_OVERHANG;\n}\n\nfunction setInset(region: HTMLElement, inset: boolean) {\n  if (region.hasAttribute(INSET_ATTRIBUTE) !== inset)\n    region.toggleAttribute(INSET_ATTRIBUTE, inset);\n}\n\nfunction setAttributeIfChanged(\n  element: HTMLElement,\n  name: string,\n  value: string,\n) {\n  if (element.getAttribute(name) !== value) element.setAttribute(name, value);\n}\n\n/**\n * The largest size a parent lets the region show. The track is\n * `size + edge extent` (its flex basis), but a parent may clamp it (a\n * `max-width: 100%` stage, a narrow container). Probing the track at the\n * declared maximum for one synchronous layout read measures how much of that\n * size is visible; the probe is restored before anything paints. Without\n * layout (no box yet, or an `auto` basis under a responsive fill) the declared\n * maximum stands.\n */\nfunction visibleMax(\n  region: HTMLElement,\n  axis: ResizableRegionAxis,\n  min: number,\n  max: number,\n) {\n  const property = '--kui-resizable-region-size';\n  const previous = region.style.getPropertyValue(property);\n  region.style.setProperty(property, `${max}px`);\n  const basis = Number.parseFloat(\n    globalThis.getComputedStyle(region).flexBasis,\n  );\n  const box = region.getBoundingClientRect();\n  region.style.setProperty(property, previous);\n  const track = axis === 'horizontal' ? box.width : box.height;\n  if (!Number.isFinite(basis) || track <= 0 || track >= basis - 0.5) return max;\n  return Math.max(min, Math.min(max, Math.floor(track - (basis - max))));\n}\n\n/**\n * The size the track shows at its rendered size, when that is less than the\n * rendered size: a container that lets the region shrink (a narrowing\n * Workbench squeezes its resizable rails in proportion) can show it below its\n * own minimum. Undefined without layout or when the whole size shows.\n */\nfunction shownSize(\n  region: HTMLElement,\n  axis: ResizableRegionAxis,\n  size: number,\n) {\n  const basis = Number.parseFloat(\n    globalThis.getComputedStyle(region).flexBasis,\n  );\n  const box = region.getBoundingClientRect();\n  const track = axis === 'horizontal' ? box.width : box.height;\n  if (!Number.isFinite(basis) || track <= 0 || track >= basis - 0.5)\n    return undefined;\n  return Math.max(0, Math.floor(track - (basis - size)));\n}\n\n/**\n * The separator's reported range and value. A squeezed region reports the\n * size it actually shows as its value and pins its minimum and maximum there:\n * WAI-ARIA requires the value to sit inside the range, and the separator\n * cannot move a track its container holds below the minimum. The configured\n * limits still bound every size the wiring commits.\n */\nfunction reported(state: RegionState) {\n  const { squeezed } = state;\n  return squeezed === undefined\n    ? { min: state.min, max: state.max, now: state.size }\n    : { min: squeezed, max: squeezed, now: squeezed };\n}\n\n/**\n * Whether the separator cannot move its region: the container squeezes the\n * track below its minimum, or the visible range has collapsed to a single\n * size. A pinned separator commits nothing, so a key press or drag never\n * overwrites the app's remembered size (and its storage) with the limit.\n */\nfunction pinned(state: RegionState) {\n  return state.squeezed !== undefined || state.max <= state.min;\n}\n\n/**\n * Apply a live size to an expanded region before the app commits it. The\n * collapse-motion content keeps a fixed width from the expanded size so its\n * slide reads as a slide, not a squeeze; it has to follow the live size too, or\n * the content stays at the previous width until the app re-renders.\n */\nfunction applySize(state: RegionState, size: number) {\n  const value = `${size}px`;\n  state.region.style.setProperty('--kui-resizable-region-size', value);\n  state.region.style.setProperty('--kui-resizable-region-expanded-size', value);\n  // A squeezed region's container holds it where it is, so its reported\n  // value stays the squeezed size.\n  if (state.squeezed === undefined)\n    state.handle.setAttribute('aria-valuenow', String(size));\n  setInset(state.region, handleInset(state, size));\n}\n\n/**\n * Wire pointer and separator-keyboard behavior for every resizable region\n * below root that matches `regionSelector`. A region carries `data-region-id`,\n * `data-axis`, `data-edge`, `data-collapsed`, and `data-presentation`, sizes\n * its track from `--kui-resizable-region-size`, and owns its separator handle\n * as a direct child. `ResizableRegion` renders that contract, and so does a\n * resizable `Workbench` panel; each public wire passes the selector for the\n * regions it owns, so two wires never drive the same handle. An optional\n * `limit` tightens each region's maximum for its composition.\n */\nexport function wireResizeHandles(\n  root: HTMLElement,\n  {\n    step = 16,\n    largeStep = 64,\n    onPreview,\n    onCommit,\n  }: WireResizableRegionsOptions,\n  regionSelector: string,\n  limit?: ResizeLimit,\n) {\n  const REGION_SELECTOR = regionSelector;\n  let stopPointer: (() => void) | undefined;\n  // The handle announces its visible maximum in aria-valuemax, which hides the\n  // rendered `max` prop. Remember it per handle; a re-render that writes a\n  // different aria-valuemax than the one announced here supersedes it.\n  const announced = new WeakMap<\n    HTMLElement,\n    {\n      declaredMin: number;\n      declaredMax: number;\n      min: number;\n      max: number;\n      size: number;\n      inset: boolean;\n    }\n  >();\n\n  function regionState(handle: Element): RegionState | undefined {\n    const region = handle.closest<HTMLElement>(REGION_SELECTOR);\n    // A handle belongs only to the region it is a direct child of: a region of\n    // another kind that merely contains it (a Workbench panel around a nested\n    // ResizableRegion, or the reverse) is not the handle's region.\n    if (\n      !(region instanceof HTMLElement) ||\n      !(handle instanceof HTMLElement) ||\n      handle.parentElement !== region\n    )\n      return undefined;\n    const id = region.dataset.regionId;\n    const axis = region.dataset.axis;\n    const edge = region.dataset.edge;\n    const valueMin = Number(handle.getAttribute('aria-valuemin'));\n    const valueMax = Number(handle.getAttribute('aria-valuemax'));\n    const remembered = announced.get(handle);\n    // A squeezed region reports a lowered minimum; the rendered one stands\n    // until a re-render writes a different value.\n    const min =\n      remembered?.min === valueMin ? remembered.declaredMin : valueMin;\n    const declaredMax =\n      remembered?.max === valueMax ? remembered.declaredMax : valueMax;\n    const size = renderedSize(region, handle);\n    if (\n      !id ||\n      region.dataset.collapsed === 'true' ||\n      region.dataset.presentation !== 'inline' ||\n      (axis !== 'horizontal' && axis !== 'vertical') ||\n      (edge !== 'start' && edge !== 'end') ||\n      !Number.isFinite(min) ||\n      !Number.isFinite(declaredMax) ||\n      !Number.isFinite(size)\n    )\n      return undefined;\n    // The shown size is read before the probe, from the layout already in\n    // place, so the probe stays the one forced layout.\n    const shown = shownSize(region, axis, size);\n    const visible = visibleMax(region, axis, min, declaredMax);\n    // A composition bound never takes a region below its own minimum.\n    const max = limit\n      ? Math.max(min, Math.min(visible, limit(region, { min, max: visible })))\n      : visible;\n    return {\n      region,\n      handle,\n      id,\n      axis,\n      edge,\n      min,\n      declaredMax,\n      max,\n      size: clampRegionSize(size, min, max),\n      squeezed: shown !== undefined && shown < min ? shown : undefined,\n    };\n  }\n\n  /**\n   * Report what is shown: the visible maximum and the shown size, or the\n   * squeezed size a container holds the region at. Nothing is committed — the\n   * app's size stays its own until the user resizes.\n   */\n  function announce(state: RegionState) {\n    const inset = handleInset(state, state.size);\n    const { min, max, now } = reported(state);\n    announced.set(state.handle, {\n      declaredMin: state.min,\n      declaredMax: state.declaredMax,\n      min,\n      max,\n      size: now,\n      inset,\n    });\n    // Unchanged values are not rewritten, so the observer below never sees\n    // its own report as a re-render.\n    setAttributeIfChanged(state.handle, 'aria-valuemin', String(min));\n    setAttributeIfChanged(state.handle, 'aria-valuemax', String(max));\n    setAttributeIfChanged(state.handle, 'aria-valuenow', String(now));\n    setInset(state.region, inset);\n  }\n\n  const handleOf = (region: HTMLElement) =>\n    region.querySelector<HTMLElement>(`:scope > ${HANDLE_SELECTOR}`);\n\n  /** Re-measure a region at rest and report what it shows. */\n  function sync(region: HTMLElement) {\n    if (!region.isConnected || region.dataset.resizing === 'true') return;\n    const handle = handleOf(region);\n    const state = handle ? regionState(handle) : undefined;\n    if (state) announce(state);\n  }\n\n  /** Whether the region still shows the state this wiring last reported. */\n  function reportedByUs(region: HTMLElement) {\n    const handle = handleOf(region);\n    const remembered = handle ? announced.get(handle) : undefined;\n    return (\n      remembered !== undefined &&\n      handle?.getAttribute('aria-valuemin') === String(remembered.min) &&\n      handle.getAttribute('aria-valuemax') === String(remembered.max) &&\n      handle.getAttribute('aria-valuenow') === String(remembered.size) &&\n      region.hasAttribute(INSET_ATTRIBUTE) === remembered.inset\n    );\n  }\n\n  // Keep the reported values current without a focus or an interaction.\n  // A ResizeObserver on every region and its parent re-measures when the\n  // space changes (a narrowed viewport, a parent that grows back); a\n  // MutationObserver catches a re-render that writes the rendered props back\n  // over the reported values, and regions a re-render adds or removes. Both\n  // measure once per affected region per batch, after layout or in a\n  // microtask, never per frame.\n  const observed = new Set<Element>();\n  const resizeObserver =\n    typeof ResizeObserver === 'function'\n      ? new ResizeObserver((entries) => {\n          const regions = new Set<HTMLElement>();\n          for (const { target } of entries) {\n            if (target.matches(REGION_SELECTOR))\n              regions.add(target as HTMLElement);\n            for (const child of target.children)\n              if (child.matches(REGION_SELECTOR))\n                regions.add(child as HTMLElement);\n          }\n          for (const region of regions) sync(region);\n        })\n      : undefined;\n\n  /** Observe every region below root and its parent; release the rest. */\n  function observeRegions() {\n    if (!resizeObserver) return;\n    const wanted = new Set<Element>();\n    for (const region of root.querySelectorAll(REGION_SELECTOR)) {\n      wanted.add(region);\n      // A region found below root always has a parent element.\n      wanted.add(region.parentElement as Element);\n    }\n    for (const element of observed)\n      if (!wanted.has(element)) {\n        resizeObserver.unobserve(element);\n        observed.delete(element);\n      }\n    for (const element of wanted)\n      if (!observed.has(element)) {\n        resizeObserver.observe(element);\n        observed.add(element);\n      }\n  }\n\n  const mutationObserver = new MutationObserver((records) => {\n    const regions = new Set<HTMLElement>();\n    let structural = false;\n    for (const record of records) {\n      if (record.type === 'childList') {\n        structural = true;\n        continue;\n      }\n      const target = record.target as HTMLElement;\n      const region = target.matches(REGION_SELECTOR)\n        ? target\n        : target.matches(HANDLE_SELECTOR)\n          ? target.parentElement?.matches(REGION_SELECTOR)\n            ? target.parentElement\n            : null\n          : null;\n      if (region && !reportedByUs(region)) regions.add(region);\n    }\n    // Newly observed regions are measured by the ResizeObserver's first\n    // notification.\n    if (structural) observeRegions();\n    for (const region of regions) sync(region);\n  });\n  mutationObserver.observe(root, {\n    subtree: true,\n    childList: true,\n    attributes: true,\n    attributeFilter: REPORTED_ATTRIBUTES,\n  });\n  observeRegions();\n\n  /**\n   * Commit a size, then re-announce: an app that re-renders the committed\n   * size synchronously writes the rendered `max` prop back to aria-valuemax.\n   */\n  function commit(state: RegionState, change: ResizeCommit) {\n    onCommit(change);\n    const settled = state.handle.isConnected\n      ? regionState(state.handle)\n      : undefined;\n    if (settled) announce(settled);\n  }\n\n  const stopFocus = delegate(\n    root,\n    'focusin',\n    HANDLE_SELECTOR,\n    (_event, handle) => {\n      const state = regionState(handle);\n      if (state) announce(state);\n    },\n  );\n\n  const stopKeydown = delegate(\n    root,\n    'keydown',\n    HANDLE_SELECTOR,\n    (event, handle) => {\n      const keyboardEvent = event as KeyboardEvent;\n      const state = regionState(handle);\n      if (!state) return;\n      announce(state);\n      let next: number | undefined;\n      if (keyboardEvent.key === 'Home') next = state.min;\n      if (keyboardEvent.key === 'End') next = state.max;\n      const increment = keyboardEvent.shiftKey ? largeStep : step;\n      if (state.axis === 'horizontal' && keyboardEvent.key === 'ArrowLeft')\n        next = resizeRegionFromPointer(state.size, -increment, state.edge);\n      if (state.axis === 'horizontal' && keyboardEvent.key === 'ArrowRight')\n        next = resizeRegionFromPointer(state.size, increment, state.edge);\n      if (state.axis === 'vertical' && keyboardEvent.key === 'ArrowUp')\n        next = resizeRegionFromPointer(state.size, -increment, state.edge);\n      if (state.axis === 'vertical' && keyboardEvent.key === 'ArrowDown')\n        next = resizeRegionFromPointer(state.size, increment, state.edge);\n      if (next === undefined) return;\n      keyboardEvent.preventDefault();\n      if (pinned(state)) return;\n      const size = clampRegionSize(next, state.min, state.max);\n      applySize(state, size);\n      commit(state, { id: state.id, size, source: 'keyboard' });\n    },\n  );\n\n  const stopPointerDown = delegate(\n    root,\n    'pointerdown',\n    HANDLE_SELECTOR,\n    (event, handle) => {\n      const pointerEvent = event as PointerEvent;\n      if (pointerEvent.button !== 0) return;\n      const state = regionState(handle);\n      if (!state) return;\n      pointerEvent.preventDefault();\n      announce(state);\n      if (pinned(state)) return;\n      state.handle.setPointerCapture?.(pointerEvent.pointerId);\n      const startCoordinate =\n        state.axis === 'horizontal'\n          ? pointerEvent.clientX\n          : pointerEvent.clientY;\n      let next = state.size;\n      const move = (moveEvent: PointerEvent) => {\n        const coordinate =\n          state.axis === 'horizontal' ? moveEvent.clientX : moveEvent.clientY;\n        next = clampRegionSize(\n          resizeRegionFromPointer(\n            state.size,\n            coordinate - startCoordinate,\n            state.edge,\n          ),\n          state.min,\n          state.max,\n        );\n        applySize(state, next);\n        onPreview?.({ id: state.id, size: next, source: 'pointer' });\n      };\n      const finish = () => {\n        root.removeEventListener('pointermove', move);\n        root.removeEventListener('pointerup', finish);\n        root.removeEventListener('pointercancel', finish);\n        stopPointer = undefined;\n        delete state.region.dataset.resizing;\n        commit(state, { id: state.id, size: next, source: 'pointer' });\n      };\n      stopPointer?.();\n      stopPointer = finish;\n      state.region.dataset.resizing = 'true';\n      root.addEventListener('pointermove', move);\n      root.addEventListener('pointerup', finish, { once: true });\n      root.addEventListener('pointercancel', finish, { once: true });\n    },\n  );\n\n  return () => {\n    mutationObserver.disconnect();\n    resizeObserver?.disconnect();\n    observed.clear();\n    stopPointer?.();\n    stopFocus();\n    stopKeydown();\n    stopPointerDown();\n  };\n}\n"]}

package/dist/chunk-CMETHPKR.js

@@ -0,0 +1,175 @@
+import { ToolbarText } from './chunk-HGV7J4T6.js';
+import { paneConfigProps } from './chunk-UMKV7YVQ.js';
+import { ToolbarControlGroup } from './chunk-QIG4IGUP.js';
+import { Toolbar } from './chunk-CMLPFIC5.js';
+import { List } from './chunk-HZPHCSCS.js';
+import { Pane } from './chunk-INI4WDWC.js';
+import { LucideIcon } from './chunk-LOSRXZAH.js';
+import { ChevronLeft } from 'lucide';
+import { jsx, jsxs, Fragment } from 'kerfjs/jsx-runtime';
+
+var DEFAULT_SAFE_AREA_EDGES = [
+  "block-start",
+  "inline-start",
+  "inline-end"
+];
+var DEFAULT_BOTTOM_SAFE_AREA_EDGES = [
+  "block-end",
+  "inline-start",
+  "inline-end"
+];
+function chromeList(content, config) {
+  return /* @__PURE__ */ jsx(
+    List,
+    {
+      dividerSides: config?.dividerSides,
+      gap: config?.gap,
+      hAlign: config?.hAlign,
+      vAlign: config?.vAlign,
+      textInsets: config?.textInsets,
+      controlInsets: config?.controlInsets,
+      children: content
+    }
+  );
+}
+function NavStack({
+  id,
+  label,
+  views,
+  backLabel = "Back",
+  backIcon,
+  backText,
+  toolbarConfig = {},
+  panelToggle,
+  hideToolbar = false,
+  bottomToolbar,
+  separator = "auto",
+  chromeDividers = "scroll",
+  chromePresentation = "docked",
+  bottomToolbarPresentation = "docked",
+  className = "",
+  slot
+}) {
+  const topIndex = views.length - 1;
+  const top = views[topIndex];
+  const topToolbar = top?.toolbar;
+  const bottom = top?.bottomToolbar ?? bottomToolbar;
+  const canPop = views.length > 1;
+  const topDensity = topToolbar?.density ?? toolbarConfig.density;
+  const centerTitle = canPop && topToolbar?.center === void 0;
+  const title = /* @__PURE__ */ jsx(
+    ToolbarText,
+    {
+      text: topToolbar?.title ?? "",
+      size: topToolbar?.titleSize ?? toolbarConfig.titleSize ?? (canPop ? "large" : "xlarge"),
+      headingLevel: topToolbar?.headingLevel ?? toolbarConfig.headingLevel,
+      fill: !centerTitle
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      class: `kui-nav-stack ${className}`.trim(),
+      id,
+      "data-component": "nav-stack",
+      "data-nav-stack-id": id,
+      "data-depth": String(views.length),
+      "data-separator": separator,
+      "data-chrome-dividers": chromeDividers === "always" || chromeDividers === "none" ? chromeDividers : void 0,
+      "data-chrome-presentation": chromePresentation === "overlay" && !hideToolbar ? "overlay" : void 0,
+      "data-bottom-toolbar-presentation": bottomToolbarPresentation === "overlay" ? "overlay" : void 0,
+      "aria-label": label,
+      slot,
+      children: [
+        !hideToolbar && /* @__PURE__ */ jsx("div", { class: "kui-nav-stack__chrome", "data-nav-stack-chrome": true, children: /* @__PURE__ */ jsx(
+          Toolbar,
+          {
+            label: topToolbar?.label ?? toolbarConfig.label,
+            density: topDensity,
+            dividerSides: topToolbar?.dividerSides ?? toolbarConfig.dividerSides,
+            centerAlign: centerTitle ? "balanced" : topToolbar?.centerAlign ?? toolbarConfig.centerAlign,
+            responsive: topToolbar?.responsive ?? toolbarConfig.responsive,
+            responsiveAt: topToolbar?.responsiveAt ?? toolbarConfig.responsiveAt,
+            safeAreaEdges: topToolbar?.safeAreaEdges ?? toolbarConfig.safeAreaEdges ?? DEFAULT_SAFE_AREA_EDGES,
+            leading: /* @__PURE__ */ jsxs(Fragment, { children: [
+              canPop && /* @__PURE__ */ jsx(
+                ToolbarControlGroup,
+                {
+                  content: backText ? "mixed" : "icon",
+                  size: topDensity === "compact" ? "compact" : "default",
+                  single: true,
+                  children: /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      class: "kui-nav-stack__back",
+                      "data-nav-back": true,
+                      "aria-label": backText ? void 0 : backLabel,
+                      children: [
+                        backIcon ?? /* @__PURE__ */ jsx(
+                          LucideIcon,
+                          {
+                            icon: ChevronLeft,
+                            name: "chevron-left",
+                            className: "kui-nav-stack__back-icon"
+                          }
+                        ),
+                        backText ? /* @__PURE__ */ jsx("span", { children: backText }) : null
+                      ]
+                    }
+                  )
+                }
+              ),
+              topToolbar?.leading,
+              centerTitle ? null : title
+            ] }),
+            center: centerTitle ? title : topToolbar?.center,
+            trailing: /* @__PURE__ */ jsxs(Fragment, { children: [
+              topToolbar?.trailing,
+              panelToggle
+            ] })
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { class: "kui-nav-stack__viewport", "data-nav-stack-viewport": true, children: views.map((view, index) => /* @__PURE__ */ jsx(
+          "article",
+          {
+            class: "kui-nav-stack__view",
+            "data-key": view.key,
+            "data-nav-key": view.key,
+            "data-nav-active": String(index === topIndex),
+            "aria-hidden": String(index !== topIndex),
+            children: view.pane || view.header !== void 0 || view.footer !== void 0 ? /* @__PURE__ */ jsx(
+              Pane,
+              {
+                ...paneConfigProps(view.pane),
+                header: view.header === void 0 ? void 0 : /* @__PURE__ */ jsx("div", { "data-nav-stack-header": true, children: chromeList(view.header, view.headerList) }),
+                footer: view.footer === void 0 ? void 0 : /* @__PURE__ */ jsx("div", { "data-nav-stack-footer": true, children: chromeList(view.footer, view.footerList) }),
+                children: view.content
+              }
+            ) : view.content
+          }
+        )) }),
+        bottom && /* @__PURE__ */ jsx("footer", { class: "kui-nav-stack__bottom", "data-nav-stack-bottom": true, children: /* @__PURE__ */ jsx(
+          Toolbar,
+          {
+            position: "footer",
+            label: bottom.label,
+            density: bottom.density,
+            dividerSides: bottom.dividerSides,
+            centerAlign: bottom.centerAlign,
+            responsive: bottom.responsive,
+            responsiveAt: bottom.responsiveAt,
+            safeAreaEdges: bottom.safeAreaEdges ?? DEFAULT_BOTTOM_SAFE_AREA_EDGES,
+            leading: bottom.leading,
+            center: bottom.center,
+            trailing: bottom.trailing
+          }
+        ) })
+      ]
+    }
+  );
+}
+
+export { NavStack };
+
+//# sourceMappingURL=chunk-CMETHPKR.js.map

package/dist/chunk-CMETHPKR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/nav-stack/nav-stack.tsx"],"names":[],"mappings":"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","file":"chunk-CMETHPKR.js","sourcesContent":["import { ChevronLeft } from 'lucide';\n\nimport type { KerfUiContent } from '../../../shared/content/semantic-content.js';\nimport type { NavPane } from '../../../shared/panels/nav-pane.js';\nimport type { PanelBottomToolbar } from '../../../shared/panels/panel-toolbar.js';\nimport { Toolbar, type ToolbarConfig } from '../../actions/toolbar/toolbar.js';\nimport { ToolbarControlGroup } from '../../actions/toolbar-control-group/toolbar-control-group.js';\nimport {\n  type HeadingLevel,\n  ToolbarText,\n  type ToolbarTextSize,\n} from '../../actions/toolbar-text/toolbar-text.js';\nimport { List, type ListConfig } from '../../collections/list/list.js';\nimport { paneConfigProps } from '../../layout/pane/internal/pane-config-props.js';\nimport { Pane } from '../../layout/pane/pane.js';\nimport { LucideIcon } from '../../media/lucide-icon/lucide-icon.js';\n\n/**\n * One entry in a {@link NavStack}. The app owns the stack as an array (usually a\n * signal); `NavStack` renders it and `wireNavStack` animates the transitions.\n */\nexport interface NavStackView extends NavPane<\n  NavStackViewToolbar,\n  PanelBottomToolbar\n> {\n  /** Stable identity for keyed reconcile and transition direction. */\n  key: string;\n}\n\n/** Per-view top toolbar. The stack supplies its back control before `leading`. */\nexport interface NavStackViewToolbar extends NavStackToolbarConfig {\n  title?: string;\n  leading?: KerfUiContent;\n  center?: KerfUiContent;\n  trailing?: KerfUiContent;\n}\n\n/** A view's structured bottom toolbar; it cross-fades on navigation. */\nexport type NavStackViewBottomToolbar = PanelBottomToolbar;\n\n/**\n * The top toolbar's configuration. Its `ToolbarConfig` forwards to the real\n * `Toolbar` the stack renders; by default that toolbar draws no divider and\n * claims the top and side safe-area edges the stack still touches.\n */\nexport interface NavStackToolbarConfig extends ToolbarConfig {\n  /** Accessible name of the top toolbar (default: none). */\n  label?: string;\n  /**\n   * Size of the view title's `ToolbarText`. Default `xlarge` at the root,\n   * where the title is the page heading, and `large` once a back control\n   * shares the bar.\n   */\n  titleSize?: ToolbarTextSize;\n  /** Expose the view title as a heading at this level (default: a plain span). */\n  headingLevel?: HeadingLevel;\n}\n\n/**\n * How a {@link NavStack}'s top chrome relates to the active view: `docked`\n * above it, or `overlay` laid over its top edge on the translucent chrome\n * material, so the view's content scrolls visibly beneath it.\n */\nexport type NavStackChromePresentation = 'docked' | 'overlay';\n\n/**\n * How a {@link NavStack}'s bottom toolbar relates to the active view:\n * `docked` below it, or `overlay` laid over its bottom edge on the\n * translucent chrome material, so the view's content scrolls visibly beneath\n * it.\n */\nexport type NavStackBottomToolbarPresentation = 'docked' | 'overlay';\n\nexport interface NavStackProps {\n  id: string;\n  /** Accessible name for the stack region. */\n  label: string;\n  /** The stack, root first; the last entry is the active top view. */\n  views: NavStackView[];\n  /** Accessible label for the icon-only back control (default \"Back\"). */\n  backLabel?: string;\n  /** The back control's icon (default a chevron-left `LucideIcon`). */\n  backIcon?: KerfUiContent;\n  /**\n   * Visible text beside the back icon, such as the previous view's title\n   * (default: icon only). When set, the text names the control and\n   * `backLabel` is not used.\n   */\n  backText?: string;\n  /** The top toolbar's configuration, forwarded to its `Toolbar`. */\n  toolbarConfig?: NavStackToolbarConfig;\n  /** Persistent last group in every view's top toolbar, supplied by a hosting panel. */\n  panelToggle?: KerfUiContent;\n  /** Hide the top toolbar entirely (rare — a fully custom-chrome view). */\n  hideToolbar?: boolean;\n  /** Optional persistent bottom toolbar used when the active view does not provide one. */\n  bottomToolbar?: NavStackViewBottomToolbar;\n  /**\n   * Stack chrome separator. `auto` (default) draws both available edges\n   * against a sunken active Pane and otherwise follows `chromeDividers`;\n   * `hidden` suppresses the stack-owned edges.\n   */\n  separator?: 'auto' | 'hidden';\n  /**\n   * The line under the top chrome and over the bottom toolbar, where they\n   * meet the active view. `scroll` (default) shows the chrome's line only\n   * while the view's content is scrolled beneath it, and the bottom\n   * toolbar's only while more content lies below — never when the content\n   * fits — once `wireScrollDividers` (`@kerfjs/ui/wire-scroll-dividers`) is\n   * wired above the stack; unwired, neither shows. `always` shows both\n   * without the wiring; `none` neither, even when wired. The line is drawn\n   * inside the chrome, so no state moves the chrome or the content. A\n   * A sunken active Pane still draws the separator unless\n   * `separator=\"hidden\"`. A `toolbarConfig.dividerSides` edge is the Toolbar's\n   * own and is unaffected.\n   */\n  chromeDividers?: 'scroll' | 'always' | 'none';\n  /**\n   * `docked` (default) gives the top chrome its own band above the active\n   * view. `overlay` lays the chrome over the view's top edge on the\n   * translucent chrome material (`--kui-chrome-material`, opaque under\n   * `prefers-reduced-transparency`, `prefers-contrast: more`, forced colors,\n   * or without `backdrop-filter`), so content scrolls visibly beneath it, as\n   * an iOS navigation bar does. `wireNavStack` measures the live chrome and\n   * hands its height (top safe area included) to the viewport as the\n   * block-start `--kui-edge-inset-*` context, so every view clears it with no\n   * prop: a plain view, a sole `Pane`'s content (or header), and a nested\n   * layout all pad and `scroll-padding` by it, so the first item, and anything\n   * focused or scrolled into view, rests clear of the bar. Until then, and\n   * with `hideToolbar`, the chrome stays docked. An untoned `ToolbarText` in\n   * the chrome lifts its title and description to AA over the content passing\n   * beneath it; keep any other quiet copy in the view.\n   */\n  chromePresentation?: NavStackChromePresentation;\n  /**\n   * `docked` (default) gives the bottom toolbar its own band below the\n   * active view. `overlay` lays it over the view's bottom edge on the\n   * translucent chrome material (opaque under the same preferences as\n   * `chromePresentation`), so content scrolls visibly beneath it, as under\n   * an iOS toolbar. `wireNavStack` measures the live bottom toolbar (never a\n   * cross-fading copy) and hands its height (bottom safe area included) to\n   * the viewport as the block-end `--kui-edge-inset-*` context, so a plain\n   * view, a sole `Pane`'s content (or footer), and a nested layout rest their\n   * last item, and anything focused or scrolled into view, clear of it. Until\n   * then, and while no bottom toolbar is shown, it stays docked. Independent\n   * of `chromePresentation`, which governs only the top chrome. An untoned\n   * `ToolbarText` in the toolbar lifts to AA over the content beneath it.\n   */\n  bottomToolbarPresentation?: NavStackBottomToolbarPresentation;\n  className?: string;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\nconst DEFAULT_SAFE_AREA_EDGES = [\n  'block-start',\n  'inline-start',\n  'inline-end',\n] as const;\n\nconst DEFAULT_BOTTOM_SAFE_AREA_EDGES = [\n  'block-end',\n  'inline-start',\n  'inline-end',\n] as const;\n\nfunction chromeList(content: KerfUiContent, config?: ListConfig) {\n  return (\n    <List\n      dividerSides={config?.dividerSides}\n      gap={config?.gap}\n      hAlign={config?.hAlign}\n      vAlign={config?.vAlign}\n      textInsets={config?.textInsets}\n      controlInsets={config?.controlInsets}\n    >\n      {content}\n    </List>\n  );\n}\n\n/**\n * A navigation stack (iOS-style push/pop). Renders every entry stacked, the last\n * one active; `@kerfjs/ui/wire-nav-stack`'s `wireNavStack` slides the content and\n * cross-fades the chrome across a change. Its top chrome is a real `Toolbar`: the\n * back control and title lead, the active view's `toolbar` fills the zones,\n * and `toolbarConfig` supplies defaults. A single-pane\n * layout is a `NavStack` with one entry. See `docs/23-app-layouts.md` §3.1.\n */\nexport function NavStack({\n  id,\n  label,\n  views,\n  backLabel = 'Back',\n  backIcon,\n  backText,\n  toolbarConfig = {},\n  panelToggle,\n  hideToolbar = false,\n  bottomToolbar,\n  separator = 'auto',\n  chromeDividers = 'scroll',\n  chromePresentation = 'docked',\n  bottomToolbarPresentation = 'docked',\n  className = '',\n  slot,\n}: NavStackProps) {\n  const topIndex = views.length - 1;\n  const top = views[topIndex];\n  const topToolbar = top?.toolbar;\n  const bottom = top?.bottomToolbar ?? bottomToolbar;\n  const canPop = views.length > 1;\n  const topDensity = topToolbar?.density ?? toolbarConfig.density;\n  // With a back control, the title centers on the bar (iOS-style) unless the\n  // view owns the center zone; at the root it leads and fills, left-aligned.\n  const centerTitle = canPop && topToolbar?.center === undefined;\n  const title = (\n    <ToolbarText\n      text={topToolbar?.title ?? ''}\n      size={\n        topToolbar?.titleSize ??\n        toolbarConfig.titleSize ??\n        (canPop ? 'large' : 'xlarge')\n      }\n      headingLevel={topToolbar?.headingLevel ?? toolbarConfig.headingLevel}\n      fill={!centerTitle}\n    />\n  );\n  return (\n    <section\n      class={`kui-nav-stack ${className}`.trim()}\n      id={id}\n      data-component=\"nav-stack\"\n      data-nav-stack-id={id}\n      data-depth={String(views.length)}\n      data-separator={separator}\n      data-chrome-dividers={\n        chromeDividers === 'always' || chromeDividers === 'none'\n          ? chromeDividers\n          : undefined\n      }\n      data-chrome-presentation={\n        chromePresentation === 'overlay' && !hideToolbar ? 'overlay' : undefined\n      }\n      data-bottom-toolbar-presentation={\n        bottomToolbarPresentation === 'overlay' ? 'overlay' : undefined\n      }\n      aria-label={label}\n      slot={slot}\n    >\n      {!hideToolbar && (\n        <div class=\"kui-nav-stack__chrome\" data-nav-stack-chrome>\n          <Toolbar\n            label={topToolbar?.label ?? toolbarConfig.label}\n            density={topDensity}\n            dividerSides={\n              topToolbar?.dividerSides ?? toolbarConfig.dividerSides\n            }\n            centerAlign={\n              centerTitle\n                ? 'balanced'\n                : (topToolbar?.centerAlign ?? toolbarConfig.centerAlign)\n            }\n            responsive={topToolbar?.responsive ?? toolbarConfig.responsive}\n            responsiveAt={\n              topToolbar?.responsiveAt ?? toolbarConfig.responsiveAt\n            }\n            safeAreaEdges={\n              topToolbar?.safeAreaEdges ??\n              toolbarConfig.safeAreaEdges ??\n              DEFAULT_SAFE_AREA_EDGES\n            }\n            leading={\n              <>\n                {canPop && (\n                  <ToolbarControlGroup\n                    content={backText ? 'mixed' : 'icon'}\n                    size={topDensity === 'compact' ? 'compact' : 'default'}\n                    single\n                  >\n                    <button\n                      type=\"button\"\n                      class=\"kui-nav-stack__back\"\n                      data-nav-back\n                      aria-label={backText ? undefined : backLabel}\n                    >\n                      {backIcon ?? (\n                        <LucideIcon\n                          icon={ChevronLeft}\n                          name=\"chevron-left\"\n                          className=\"kui-nav-stack__back-icon\"\n                        />\n                      )}\n                      {backText ? <span>{backText}</span> : null}\n                    </button>\n                  </ToolbarControlGroup>\n                )}\n                {topToolbar?.leading}\n                {centerTitle ? null : title}\n              </>\n            }\n            center={centerTitle ? title : topToolbar?.center}\n            trailing={\n              <>\n                {topToolbar?.trailing}\n                {panelToggle}\n              </>\n            }\n          />\n        </div>\n      )}\n      <div class=\"kui-nav-stack__viewport\" data-nav-stack-viewport>\n        {views.map((view, index) => (\n          <article\n            class=\"kui-nav-stack__view\"\n            data-key={view.key}\n            data-nav-key={view.key}\n            data-nav-active={String(index === topIndex)}\n            aria-hidden={String(index !== topIndex)}\n          >\n            {view.pane ||\n            view.header !== undefined ||\n            view.footer !== undefined ? (\n              <Pane\n                {...paneConfigProps(view.pane)}\n                header={\n                  view.header === undefined ? undefined : (\n                    <div data-nav-stack-header>\n                      {chromeList(view.header, view.headerList)}\n                    </div>\n                  )\n                }\n                footer={\n                  view.footer === undefined ? undefined : (\n                    <div data-nav-stack-footer>\n                      {chromeList(view.footer, view.footerList)}\n                    </div>\n                  )\n                }\n              >\n                {view.content}\n              </Pane>\n            ) : (\n              view.content\n            )}\n          </article>\n        ))}\n      </div>\n      {bottom && (\n        <footer class=\"kui-nav-stack__bottom\" data-nav-stack-bottom>\n          <Toolbar\n            position=\"footer\"\n            label={bottom.label}\n            density={bottom.density}\n            dividerSides={bottom.dividerSides}\n            centerAlign={bottom.centerAlign}\n            responsive={bottom.responsive}\n            responsiveAt={bottom.responsiveAt}\n            safeAreaEdges={\n              bottom.safeAreaEdges ?? DEFAULT_BOTTOM_SAFE_AREA_EDGES\n            }\n            leading={bottom.leading}\n            center={bottom.center}\n            trailing={bottom.trailing}\n          />\n        </footer>\n      )}\n    </section>\n  );\n}\n"]}

package/dist/chunk-CMLPFIC5.js

@@ -0,0 +1,46 @@
+import { jsx, jsxs, Fragment } from 'kerfjs/jsx-runtime';
+
+// src/components/actions/toolbar/toolbar.tsx
+var claim = (edges, side) => edges?.includes(side) ? "true" : void 0;
+function Toolbar({
+  leading,
+  center,
+  trailing,
+  label,
+  position = "header",
+  density = "default",
+  dividerSides = "",
+  centerAlign = "center",
+  responsive = "none",
+  responsiveAt = "narrow",
+  safeAreaEdges,
+  className = "",
+  slot
+}) {
+  const attributes = {
+    class: `kui-toolbar ${className}`.trim(),
+    "data-component": "toolbar",
+    "data-density": density === "compact" ? "compact" : void 0,
+    "divider-sides": dividerSides || void 0,
+    "data-has-center": String(Boolean(center)),
+    "data-center-align": centerAlign,
+    "data-responsive": responsive,
+    "data-responsive-at": responsiveAt,
+    "data-safe-area-block-start": claim(safeAreaEdges, "block-start"),
+    "data-safe-area-block-end": claim(safeAreaEdges, "block-end"),
+    "data-safe-area-inline-start": claim(safeAreaEdges, "inline-start"),
+    "data-safe-area-inline-end": claim(safeAreaEdges, "inline-end"),
+    "aria-label": label,
+    slot
+  };
+  const zones = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { class: "kui-toolbar__leading", children: leading }),
+    /* @__PURE__ */ jsx("div", { class: "kui-toolbar__center", children: center }),
+    /* @__PURE__ */ jsx("div", { class: "kui-toolbar__trailing", children: trailing })
+  ] });
+  return position === "footer" ? /* @__PURE__ */ jsx("footer", { ...attributes, children: zones }) : /* @__PURE__ */ jsx("header", { ...attributes, children: zones });
+}
+
+export { Toolbar };
+
+//# sourceMappingURL=chunk-CMLPFIC5.js.map