@weasel-js/ui 1.5.2 → 1.6.1

package/dist/chunks/useReorderDragList-B_-5L5Gu.js

@@ -0,0 +1,131 @@
+import { n as e } from "./interactiveTarget-BNZmTow2.js";
+import { startThresholdDrag as t } from "@weasel-js/core";
+import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+//#region src/useReorderDragList.ts
+var o = {
+	draggedIds: null,
+	targetIndex: null,
+	ghost: null
+};
+function s(e, t) {
+	let n = 0;
+	for (let r = t - 1; r >= 0; r--) if (e[r]?.locked) {
+		n = r + 1;
+		break;
+	}
+	let r = e.length;
+	for (let n = t + 1; n < e.length; n++) if (e[n]?.locked) {
+		r = n;
+		break;
+	}
+	return [n, r];
+}
+function c(e, t, n, r) {
+	let [i, a] = s(e, r);
+	return (t.includes(n) ? [...t] : [n]).filter((t) => {
+		let n = e.findIndex((e) => e.id === t);
+		return n >= i && n < a;
+	});
+}
+function l(e, t, n) {
+	let r = t.map((t) => e.findIndex((e) => e.id === t)).filter((e) => e >= 0).sort((e, t) => e - t), i = r.length > 0 && r.every((e, t) => {
+		if (t === 0) return !0;
+		let n = r[t - 1];
+		return n !== void 0 && e === n + 1;
+	}), a = r[0], o = r[r.length - 1];
+	return i && a !== void 0 && o !== void 0 && n >= a && n <= o + 1;
+}
+function u(u) {
+	let f = i(u);
+	f.current = u;
+	let p = i(null), m = i(null), [h, g] = a(o);
+	r(() => () => {
+		m.current?.cancel();
+	}, []);
+	let _ = n((e, t) => {
+		let [n, r] = s(f.current.items, t), i = p.current;
+		if (!i) return n;
+		let a = f.current.rowSelector, o = a ? Array.from(i.children).filter((e) => e.matches(a)) : Array.from(i.children), c = o.length;
+		for (let t = 0; t < o.length; t++) {
+			let n = o[t];
+			if (n && e < n.getBoundingClientRect().bottom) {
+				c = t;
+				break;
+			}
+		}
+		return Math.max(n, Math.min(c, r));
+	}, []), v = n((e) => {
+		p.current = e;
+	}, []), y = n(() => {
+		m.current = null, g(o);
+	}, []), b = n((n, r, i) => {
+		let a = p.current;
+		if (!a || m.current || e(i.target, i.currentTarget)) return;
+		let o = {
+			shiftKey: i.shiftKey,
+			ctrlKey: i.ctrlKey,
+			metaKey: i.metaKey,
+			altKey: i.altKey
+		}, s = [], u = 0, h = i.currentTarget, v = (Array.from(a.children).find((e) => e.contains(h)) ?? h).getBoundingClientRect(), b = {
+			x: i.clientX - v.left,
+			y: i.clientY - v.top
+		}, x = (e) => ({
+			ids: s,
+			left: e.clientX - b.x,
+			top: e.clientY - b.y,
+			width: v.width
+		});
+		m.current = t(i, {
+			origin: a,
+			threshold: f.current.items[r]?.locked ? Infinity : f.current.threshold ?? 4,
+			onActivate: (e) => {
+				s = c(f.current.items, f.current.selectedIds, n, r), u = _(e.clientY, r), g({
+					draggedIds: s,
+					targetIndex: u,
+					ghost: x(e)
+				});
+			},
+			onMove: (e) => {
+				u = _(e.clientY, r), g({
+					draggedIds: s,
+					targetIndex: u,
+					ghost: x(e)
+				});
+			},
+			onCommit: (e) => {
+				let t = _(e.clientY, r);
+				l(f.current.items, s, t) || f.current.onReorder(s, t), y();
+			},
+			onClick: () => {
+				let { onPress: e } = f.current;
+				e && (e(n, o), d(a)), y();
+			},
+			onCancel: y
+		});
+	}, [_, y]);
+	return {
+		nudge: n((e, t, n) => {
+			let { items: r, selectedIds: i, onReorder: a } = f.current;
+			if (r[t]?.locked) return !1;
+			let o = c(r, i, e, t), u = o.map((e) => r.findIndex((t) => t.id === e)).sort((e, t) => e - t), d = u[0], p = u[u.length - 1];
+			if (d === void 0 || p === void 0) return !1;
+			let [m, h] = s(r, t), g = n < 0 ? d - 1 : p + 2;
+			return g < m || g > h || l(r, o, g) ? !1 : (a(o, g), !0);
+		}, []),
+		rowProps: (e, t) => ({ onPointerDown: (n) => b(e, t, n) }),
+		containerProps: { ref: v },
+		state: h
+	};
+}
+function d(e) {
+	let t = (e) => {
+		e.stopPropagation();
+	};
+	e.addEventListener("click", t, !0), setTimeout(() => {
+		e.removeEventListener("click", t, !0);
+	}, 0);
+}
+//#endregion
+export { u as t };
+
+//# sourceMappingURL=useReorderDragList-B_-5L5Gu.js.map

package/dist/chunks/useReorderDragList-B_-5L5Gu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReorderDragList-B_-5L5Gu.js","names":["isInControlWithin","IDLE","unlockedSegment","lo","i","sourceIndex","items","hi","draggedIdsFor","index","selectedIds","id","it","x","isNoopDrop","indices","draggedIds","a","b","contiguous","prev","v","first","last","targetIndex","useReorderDragList","optsRef","useRef","opts","containerRef","dragRef","state","setState","useState","computeTargetIndex","useCallback","c","sel","rows","el","raw","row","clientY","refCb","reset","onPointerDownRow","container","e","mods","pressed","child","grab","ghostAt","ev","startThresholdDrag","drop","onPress","swallowNextClick","ids","at","target","delta","onReorder","swallow"],"sources":["../../src/useReorderDragList.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport type { ReactNode, PointerEvent as ReactPointerEvent, RefCallback } from 'react';\nimport { startThresholdDrag, type ThresholdDragHandle } from '@weasel-js/core';\nimport { isInControlWithin } from './interactiveTarget';\n\n/** One row in a reorderable list. */\nexport interface ReorderItem {\n  id: string;\n  label: ReactNode;\n  /** Locked rows cannot be dragged, cannot be crossed by drops, and\n   *  never combine with other rows in a multi-selection. */\n  locked?: boolean;\n}\n\n/**\n * Options for {@link useReorderDragList}. `onReorder` receives the dragged ids\n * and the index they were dropped at, measured against the pre-drag `items`.\n */\nexport interface UseReorderDragListOptions {\n  items: ReorderItem[];\n  selectedIds: string[];\n  onReorder(ids: string[], targetIndex: number): void;\n  /** A press that was released without ever engaging a drag — the click a\n   *  list row means by it. Fires for locked rows too, which can be selected\n   *  but not dragged. Modifiers are read at press, not at release. When this\n   *  is given, the DOM click that follows the press is dropped, so a row that\n   *  also handles `click` sees one press, not two. A press that starts on a\n   *  control inside the row (a toggle) is left to the control. */\n  onPress?(id: string, mods: PressModifiers): void;\n  /** Pointer-move distance (px) before pending drag engages. Default 4. */\n  threshold?: number;\n  /** Selector matching the container's children that are rows, for a list\n   *  that interleaves other elements (a table's detail rows). Default: every\n   *  child is a row. */\n  rowSelector?: string;\n}\n\n/** Modifier keys held when a press began. */\nexport interface PressModifiers {\n  shiftKey: boolean;\n  ctrlKey: boolean;\n  metaKey: boolean;\n  altKey: boolean;\n}\n\n/**\n * Where a drag's ghost goes: the dragged rows, drawn again with their top-left\n * at a client-space point, so the row that was grabbed stays under the pointer\n * where it was picked up. `width` is the grabbed row's.\n */\nexport interface ReorderGhost {\n  ids: readonly string[];\n  left: number;\n  top: number;\n  width: number;\n}\n\n/**\n * Live drag state for rendering feedback: which ids are being dragged, the\n * insertion index the drop would use, and where their ghost goes. All `null`\n * when no drag is engaged.\n */\nexport interface ReorderDragState {\n  draggedIds: string[] | null;\n  targetIndex: number | null;\n  ghost: ReorderGhost | null;\n}\n\nconst IDLE: ReorderDragState = { draggedIds: null, targetIndex: null, ghost: null };\n\n/**\n * A `ref` for the list container, an `onPointerDown` for each row, and the\n * live {@link ReorderDragState}. The container ref is required, not optional\n * decoration: it is what the drop index is measured against and what the\n * pointer session is opened on.\n */\nexport interface ReorderDragHandlers {\n  rowProps(id: string, index: number): { onPointerDown(e: ReactPointerEvent): void };\n  containerProps: {\n    ref: RefCallback<HTMLElement>;\n  };\n  state: ReorderDragState;\n  /**\n   * Move the row at `index` one place up (`-1`) or down (`1`) — the keyboard\n   * reorder. It moves what a drag of that row would: the whole selection if\n   * the row is in it, else the row alone, never across a locked row. Calls\n   * `onReorder` and returns `true`, or returns `false` when nothing can move.\n   */\n  nudge(id: string, index: number, delta: -1 | 1): boolean;\n}\n\n/**\n * The half-open run of indices a row at `sourceIndex` may be dropped into:\n * bounded by the nearest locked row above and below it, so a locked row is a\n * wall in both directions rather than a global ceiling.\n */\nfunction unlockedSegment(items: readonly ReorderItem[], sourceIndex: number): [number, number] {\n  let lo = 0;\n  for (let i = sourceIndex - 1; i >= 0; i--) {\n    if (items[i]?.locked) { lo = i + 1; break; }\n  }\n  let hi = items.length;\n  for (let i = sourceIndex + 1; i < items.length; i++) {\n    if (items[i]?.locked) { hi = i; break; }\n  }\n  return [lo, hi];\n}\n\n/** What a drag of the row at `index` carries: the selection within its segment if the row is selected, else the row. */\nfunction draggedIdsFor(\n  items: readonly ReorderItem[],\n  selectedIds: readonly string[],\n  id: string,\n  index: number,\n): string[] {\n  const [lo, hi] = unlockedSegment(items, index);\n  return (selectedIds.includes(id) ? [...selectedIds] : [id]).filter((x) => {\n    const i = items.findIndex((it) => it.id === x);\n    return i >= lo && i < hi;\n  });\n}\n\n/** Would dropping `draggedIds` at `targetIndex` leave a contiguous block where it already is? */\nfunction isNoopDrop(items: readonly ReorderItem[], draggedIds: readonly string[], targetIndex: number): boolean {\n  const indices = draggedIds\n    .map((id) => items.findIndex((it) => it.id === id))\n    .filter((i) => i >= 0)\n    .sort((a, b) => a - b);\n  const contiguous =\n    indices.length > 0 &&\n    indices.every((v, i) => {\n      if (i === 0) return true;\n      const prev = indices[i - 1];\n      return prev !== undefined && v === prev + 1;\n    });\n  const first = indices[0];\n  const last = indices[indices.length - 1];\n  return contiguous\n    && first !== undefined\n    && last !== undefined\n    && targetIndex >= first\n    && targetIndex <= last + 1;\n}\n\n/**\n * Drag-to-reorder for a vertical list of rows. Dragging a row that is part of\n * the current selection drags the whole selection; dragging any other row\n * drags just that row. Locked rows can neither be dragged nor crossed by a\n * drop. A drop that would leave a contiguous block where it already is does\n * not call `onReorder`.\n *\n * The rows are the container's children, whatever they are: `ItemList` rows,\n * or the `PropertyGroup`s of a `PropertyList`. A row's `onPointerDown` can go\n * on the whole row or on a handle inside it.\n *\n * A press opens a `startThresholdDrag` on the *container*, which owns the\n * rest of the gesture: a drag that leaves the list still tracks, a release\n * anywhere still drops, and a release the window never delivered still ends\n * the drag. The container is the origin rather than the row because rows come\n * and go as the list re-renders, and a drag must outlive the row it grabbed.\n */\nexport function useReorderDragList(opts: UseReorderDragListOptions): ReorderDragHandlers {\n  const optsRef = useRef(opts);\n  optsRef.current = opts;\n  const containerRef = useRef<HTMLElement | null>(null);\n  const dragRef = useRef<ThresholdDragHandle | null>(null);\n  const [state, setState] = useState<ReorderDragState>(IDLE);\n\n  useEffect(() => () => { dragRef.current?.cancel(); }, []);\n\n  const computeTargetIndex = useCallback((clientY: number, sourceIndex: number): number => {\n    const [lo, hi] = unlockedSegment(optsRef.current.items, sourceIndex);\n    const c = containerRef.current;\n    if (!c) return lo;\n    const sel = optsRef.current.rowSelector;\n    const rows = (sel ? Array.from(c.children).filter((el) => el.matches(sel)) : Array.from(c.children)) as HTMLElement[];\n    let raw = rows.length;\n    for (let i = 0; i < rows.length; i++) {\n      const row = rows[i];\n      if (!row) continue;\n      const r = row.getBoundingClientRect();\n      if (clientY < r.bottom) { raw = i; break; }\n    }\n    return Math.max(lo, Math.min(raw, hi));\n  }, []);\n\n  const refCb = useCallback<RefCallback<HTMLElement>>((el) => {\n    containerRef.current = el;\n  }, []);\n\n  const reset = useCallback(() => {\n    dragRef.current = null;\n    setState(IDLE);\n  }, []);\n\n  const onPointerDownRow = useCallback((id: string, index: number, e: ReactPointerEvent) => {\n    const container = containerRef.current;\n    if (!container || dragRef.current) return;\n    if (isInControlWithin(e.target, e.currentTarget as Element)) return;\n\n    const mods: PressModifiers = {\n      shiftKey: e.shiftKey, ctrlKey: e.ctrlKey, metaKey: e.metaKey, altKey: e.altKey,\n    };\n    let draggedIds: string[] = [];\n    let targetIndex = 0;\n    // Where in the grabbed row the pointer went down, so the ghost keeps that point under it. The handler may sit on\n    // a handle inside the row rather than the row itself, so the row is the container's child holding it.\n    const pressed = e.currentTarget as Element;\n    const rowEl = Array.from(container.children).find((child) => child.contains(pressed)) ?? pressed;\n    const row = rowEl.getBoundingClientRect();\n    const grab = { x: e.clientX - row.left, y: e.clientY - row.top };\n    const ghostAt = (ev: { clientX: number; clientY: number }): ReorderGhost => ({\n      ids: draggedIds,\n      left: ev.clientX - grab.x,\n      top: ev.clientY - grab.y,\n      width: row.width,\n    });\n\n    dragRef.current = startThresholdDrag(e, {\n      origin: container,\n      // A locked row still opens a drag so its release reaches `onPress`, and\n      // a threshold nothing can cross is what keeps it from ever engaging.\n      threshold: optsRef.current.items[index]?.locked\n        ? Number.POSITIVE_INFINITY\n        : (optsRef.current.threshold ?? 4),\n      onActivate: (ev) => {\n        draggedIds = draggedIdsFor(optsRef.current.items, optsRef.current.selectedIds, id, index);\n        targetIndex = computeTargetIndex(ev.clientY, index);\n        setState({ draggedIds, targetIndex, ghost: ghostAt(ev) });\n      },\n      onMove: (ev) => {\n        targetIndex = computeTargetIndex(ev.clientY, index);\n        setState({ draggedIds, targetIndex, ghost: ghostAt(ev) });\n      },\n      onCommit: (ev) => {\n        const drop = computeTargetIndex(ev.clientY, index);\n        if (!isNoopDrop(optsRef.current.items, draggedIds, drop)) {\n          optsRef.current.onReorder(draggedIds, drop);\n        }\n        reset();\n      },\n      onClick: () => {\n        const { onPress } = optsRef.current;\n        if (onPress) {\n          onPress(id, mods);\n          swallowNextClick(container);\n        }\n        reset();\n      },\n      // Every cancel reason — the browser's, a lost capture, an unmount —\n      // says the gesture was interrupted rather than aimed, so the rows stay\n      // where they were.\n      onCancel: reset,\n    });\n  }, [computeTargetIndex, reset]);\n\n  const nudge = useCallback((id: string, index: number, delta: -1 | 1): boolean => {\n    const { items, selectedIds, onReorder } = optsRef.current;\n    if (items[index]?.locked) return false;\n    const ids = draggedIdsFor(items, selectedIds, id, index);\n    const at = ids.map((x) => items.findIndex((it) => it.id === x)).sort((a, b) => a - b);\n    const first = at[0];\n    const last = at[at.length - 1];\n    if (first === undefined || last === undefined) return false;\n    const [lo, hi] = unlockedSegment(items, index);\n    const target = delta < 0 ? first - 1 : last + 2;\n    if (target < lo || target > hi || isNoopDrop(items, ids, target)) return false;\n    onReorder(ids, target);\n    return true;\n  }, []);\n\n  return {\n    nudge,\n    rowProps: (id, index) => ({\n      onPointerDown: (e) => onPointerDownRow(id, index, e),\n    }),\n    containerProps: {\n      ref: refCb,\n    },\n    state,\n  };\n}\n\n/**\n * The session captured the pointer on the container, so browsers disagree on\n * where the release's click lands; it may still reach the row. `onPress` has\n * already reported this press, so that click is dropped rather than read as a\n * second one. It is dispatched in the same task as the release.\n */\nfunction swallowNextClick(container: HTMLElement): void {\n  const swallow = (e: Event) => { e.stopPropagation(); };\n  container.addEventListener('click', swallow, true);\n  setTimeout(() => { container.removeEventListener('click', swallow, true); }, 0);\n}\n"],"mappings":"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"}

package/dist/chunks/{useRovingTabIndex-Dkpf_KhN.js → useRovingTabIndex-Bp_hYm_h.js}

@@ -62,4 +62,4 @@ function a(a) {
 //#endregion
 export { a as t };
 
-//# sourceMappingURL=useRovingTabIndex-Dkpf_KhN.js.map
+//# sourceMappingURL=useRovingTabIndex-Bp_hYm_h.js.map

package/dist/chunks/useRovingTabIndex-Bp_hYm_h.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRovingTabIndex-Bp_hYm_h.js","names":["firstEnabledIndex","i","items","lastEnabledIndex","nextEnabledIndex","k","from","prevEnabledIndex","useRovingTabIndex","options","rootRef","useRef","tabStopIndex","focusItem","root","itemClassName","index","nextIndex","e","onActivate","onNavigate"],"sources":["../../src/useRovingTabIndex.ts"],"sourcesContent":["import { useRef, type KeyboardEvent as ReactKeyboardEvent, type RefObject } from 'react';\n\n/** The only thing the hook needs to know about a bar's items: which are\n *  skipped by arrow navigation. */\nexport type RovingItem = { disabled?: boolean };\n\n/** Options for {@link useRovingTabIndex}. */\nexport type UseRovingTabIndexOptions = {\n  /** In the same order as the elements carrying `itemClassName`. */\n  items: readonly RovingItem[];\n  /** Class on the focusable element of each item, inside the container the\n   *  returned `rootRef` is attached to. Their DOM order must match `items`. */\n  itemClassName: string;\n  /** Index that carries `tabIndex=0`. Defaults to the first enabled item; a\n   *  radiogroup-style bar passes its selected index so Tab lands on the\n   *  current value. */\n  tabStopIndex?: number;\n  /** Called with the new index as arrow/Home/End focus moves, before focus\n   *  moves. This is where a selection-follows-focus bar commits the value. */\n  onNavigate?: (index: number) => void;\n  /** Space/Enter on the item at `index`. When omitted the keypress is left\n   *  alone, which on a native `<button>` produces an ordinary click. */\n  onActivate?: (index: number) => void;\n};\n\n/**\n * What {@link useRovingTabIndex} returns: a container ref plus the per-item\n * `tabIndex` and `onKeyDown` values to spread onto each item.\n */\nexport type RovingTabIndex<T extends HTMLElement = HTMLDivElement> = {\n  /** Attach to the container element that holds the items. */\n  rootRef: RefObject<T | null>;\n  /** `tabIndex` value for the item at `index`. */\n  tabIndexFor: (index: number) => 0 | -1;\n  /** `onKeyDown` for the item at `index`. */\n  onKeyDown: (index: number) => (e: ReactKeyboardEvent<HTMLElement>) => void;\n};\n\nfunction firstEnabledIndex(items: readonly RovingItem[]): number {\n  for (let i = 0; i < items.length; i++) if (!items[i].disabled) return i;\n  return -1;\n}\n\nfunction lastEnabledIndex(items: readonly RovingItem[]): number {\n  for (let i = items.length - 1; i >= 0; i--) if (!items[i].disabled) return i;\n  return -1;\n}\n\nfunction nextEnabledIndex(items: readonly RovingItem[], from: number): number {\n  const n = items.length;\n  for (let k = 1; k <= n; k++) {\n    const i = (from + k + n) % n;\n    if (!items[i].disabled) return i;\n  }\n  return from;\n}\n\nfunction prevEnabledIndex(items: readonly RovingItem[], from: number): number {\n  const n = items.length;\n  for (let k = 1; k <= n; k++) {\n    const i = (from - k + n) % n;\n    if (!items[i].disabled) return i;\n  }\n  return from;\n}\n\n/**\n * Roving tabindex for a bar of items: one item is in the tab order, and the\n * arrow keys move focus among the rest, skipping disabled ones and wrapping\n * at both ends. Home and End go to the first and last enabled item. Both axes\n * navigate, so the same bar works laid out either way.\n *\n * Backs `ButtonBar`, `OptionsBar`, and `ToggleBar`.\n *\n * **When a bar should not use this.** What decides it is the items, not who\n * owns them. A container of compound controls — a number field, a select, a\n * color field — must leave the arrow keys alone, because those controls edit\n * their own value with them; taking the arrows over would break the control\n * to navigate between controls. `ToolOptionsBar` is that case: it draws its\n * own controls from a tool's schema now rather than taking arbitrary\n * children, and a schema-drawn number field eats arrows exactly as a\n * hand-placed one did, so it keeps plain DOM tab order. A bar whose items are\n * all simple buttons is the case this hook is for.\n *\n * With every item disabled there is no tab stop and the bar drops out of the\n * tab order entirely.\n */\nexport function useRovingTabIndex<T extends HTMLElement = HTMLDivElement>(\n  options: UseRovingTabIndexOptions,\n): RovingTabIndex<T> {\n  const { items, itemClassName, onNavigate, onActivate } = options;\n  const rootRef = useRef<T | null>(null);\n\n  const tabStopIndex = options.tabStopIndex ?? firstEnabledIndex(items);\n\n  const focusItem = (index: number): void => {\n    const root = rootRef.current;\n    if (!root) return;\n    const elements = root.querySelectorAll<HTMLElement>(`.${itemClassName}`);\n    elements[index]?.focus();\n  };\n\n  const onKeyDown = (index: number) => (e: ReactKeyboardEvent<HTMLElement>): void => {\n    let nextIndex = -1;\n    switch (e.key) {\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        nextIndex = prevEnabledIndex(items, index);\n        break;\n      case 'ArrowRight':\n      case 'ArrowDown':\n        nextIndex = nextEnabledIndex(items, index);\n        break;\n      case 'Home':\n        nextIndex = firstEnabledIndex(items);\n        break;\n      case 'End':\n        nextIndex = lastEnabledIndex(items);\n        break;\n      case ' ':\n      case 'Enter':\n        if (onActivate) {\n          e.preventDefault();\n          onActivate(index);\n        }\n        return;\n      default:\n        return;\n    }\n    if (nextIndex < 0 || nextIndex === index) return;\n    e.preventDefault();\n    onNavigate?.(nextIndex);\n    focusItem(nextIndex);\n  };\n\n  return {\n    rootRef,\n    tabIndexFor: (index: number) => (index === tabStopIndex ? 0 : -1),\n    onKeyDown,\n  };\n}\n"],"mappings":";;AAsCA,SAASA,EAAkB,GAAsC;CAC/D,KAAK,IAAIC,IAAI,GAAGA,IAAIC,EAAM,QAAQ,KAAK,IAAI,CAACA,EAAMD,EAAE,CAAC,UAAU,OAAOA;CACtE,OAAO;AACT;AAEA,SAASE,EAAiB,GAAsC;CAC9D,KAAK,IAAIF,IAAIC,EAAM,SAAS,GAAGD,KAAK,GAAG,KAAK,IAAI,CAACC,EAAMD,EAAE,CAAC,UAAU,OAAOA;CAC3E,OAAO;AACT;AAEA,SAASG,EAAiB,GAA8B,GAAsB;CAC5E,IAAM,IAAIF,EAAM;CAChB,KAAK,IAAIG,IAAI,GAAGA,KAAK,GAAG,KAAK;EAC3B,IAAM,KAAKC,IAAOD,IAAI,KAAK;EAC3B,IAAI,CAACH,EAAM,EAAE,CAAC,UAAU,OAAO;CACjC;CACA,OAAOI;AACT;AAEA,SAASC,EAAiB,GAA8B,GAAsB;CAC5E,IAAM,IAAIL,EAAM;CAChB,KAAK,IAAIG,IAAI,GAAGA,KAAK,GAAG,KAAK;EAC3B,IAAM,KAAKC,IAAOD,IAAI,KAAK;EAC3B,IAAI,CAACH,EAAM,EAAE,CAAC,UAAU,OAAO;CACjC;CACA,OAAOI;AACT;AAuBA,SAAgBE,EACd,GACmB;CACnB,IAAM,EAAE,UAAO,kBAAe,eAAY,kBAAeC,GACnDC,IAAUC,EAAiB,IAAI,GAE/BC,IAAeH,EAAQ,gBAAgBT,EAAkBE,CAAK,GAE9DW,KAAa,MAAwB;EACzC,IAAMC,IAAOJ,EAAQ;EACrB,AAAKI,KAELA,EADsB,iBAA8B,IAAIC,GACxD,CAAA,CAASC,EAAM,EAAE,MAAM;CACzB;CAmCA,OAAO;EACL;EACA,cAAc,MAAmBA,MAAUJ,IAAe,IAAI;EAC9D,YApCiB,OAAmB,MAA6C;GACjF,IAAIK,IAAY;GAChB,QAAQC,EAAE,KAAV;IACE,KAAK;IACL,KAAK;KACH,IAAYX,EAAiBL,GAAOc,CAAK;KACzC;IACF,KAAK;IACL,KAAK;KACH,IAAYZ,EAAiBF,GAAOc,CAAK;KACzC;IACF,KAAK;KACH,IAAYhB,EAAkBE,CAAK;KACnC;IACF,KAAK;KACH,IAAYC,EAAiBD,CAAK;KAClC;IACF,KAAK;IACL,KAAK;KACH,AAAIiB,MACFD,EAAE,eAAe,GACjBC,EAAWH,CAAK;KAElB;IACF,SACE;GACJ;GACA,AAAIC,IAAY,KAAKA,MAAcD,MACnCE,EAAE,eAAe,GACjBE,IAAaH,CAAS,GACtBJ,EAAUI,CAAS;EACrB;CAMA;AACF"}

package/dist/color/ramp.d.ts

@@ -0,0 +1,38 @@
+import { type ColorInterpolationSpace, type HueInterpolation } from '@weasel-js/core';
+import { type ChromaCurve } from './oklch';
+/**
+ * How {@link rampColor} and {@link colorRamp} travel between two endpoints.
+ *
+ * What each space interpolates:
+ *
+ * | `space`         | components lerped            | hue                  |
+ * | --------------- | ---------------------------- | -------------------- |
+ * | `'oklch'`       | L, C, H                      | around the wheel     |
+ * | `'hsl'`         | H, S, L                      | around the wheel     |
+ * | `'oklab'`       | L, a, b                      | through the wheel    |
+ * | `'srgb'`        | gamma-encoded R, G, B        | through the wheel    |
+ * | `'srgb-linear'` | linear-light R, G, B         | through the wheel    |
+ *
+ * A lightness ramp is two endpoints that differ in lightness, and a hue ramp
+ * two that differ in hue: the polar spaces keep chroma or saturation fixed
+ * while they move, and the others cut a straight line between the two colors,
+ * which for a hue ramp passes through gray.
+ *
+ * `chroma` is an OKLCH envelope in every space, since {@link ChromaCurve}'s
+ * numbers are OKLCH chroma over OKLCH lightness. It runs after the
+ * interpolation: each sample keeps its lightness and hue, and its chroma is
+ * replaced with the curve's value at that lightness. A sample left with no
+ * hue (a gray midpoint) takes the hue an OKLCH ramp would have had there.
+ */
+export interface ColorRampOptions {
+    /** Default `'oklch'`. */
+    space?: ColorInterpolationSpace;
+    /** Polar spaces only. Default `'shorter'`. */
+    hue?: HueInterpolation;
+    chroma?: ChromaCurve;
+}
+/** One sample of a ramp from `from` to `to` (`#rrggbb`), `t` in 0..1. */
+export declare function rampColor(from: string, to: string, t: number, options?: ColorRampOptions): string;
+/** `steps` evenly spaced samples from `from` to `to`, both ends included. */
+export declare function colorRamp(from: string, to: string, steps: number, options?: ColorRampOptions): string[];
+//# sourceMappingURL=ramp.d.ts.map

package/dist/color/ramp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ramp.d.ts","sourceRoot":"","sources":["../../src/color/ramp.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,uBAAuB,EAC5B,KAAK,gBAAgB,EACtB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAEjE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,WAAW,gBAAgB;IAC/B,yBAAyB;IACzB,KAAK,CAAC,EAAE,uBAAuB,CAAC;IAChC,8CAA8C;IAC9C,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAOD,yEAAyE;AACzE,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,GAAE,gBAAqB,GAAG,MAAM,CASrG;AAED,6EAA6E;AAC7E,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,GAAE,gBAAqB,GAAG,MAAM,EAAE,CAG3G"}

package/dist/components/ActionBar/ActionBar.d.ts

@@ -6,15 +6,16 @@ export interface ActionBarProps {
     /** Layout direction. Defaults to `'horizontal'`. */
     orientation?: 'horizontal' | 'vertical';
     /**
-     * Per-id icon overrides — keyed by `action.id`. When an entry is provided
+     * Per-entry icon overrides, keyed by `ActionItem.key` — the action id, or
+     * `id:variant` for one variant of a parametric action. When an entry is provided
      * it replaces the action's own `icon` for this bar only. Mirrors
      * `PathfinderPanelProps.icons` so call sites that ship custom glyph sets
      * can swap them in without re-registering actions.
      */
     icons?: Record<string, ReactNode>;
     /**
-     * Per-id label overrides — keyed by `action.id`. Drives both `aria-label`
-     * and `title`. When omitted, the action's own `label` is used.
+     * Per-entry label overrides, keyed like `icons`. Drives both `aria-label`
+     * and `title`. When omitted, the entry's own `label` is used.
      */
     labels?: Record<string, string>;
     /** Additional class for the toolbar root. */
@@ -23,7 +24,8 @@ export interface ActionBarProps {
 /**
  * Generic group-keyed action toolbar. Reads the parent `ActionsRegistry`,
  * filters to actions whose `group` matches `props.group`, and renders one
- * icon button per match. Disabled state is derived from each action's
+ * icon button per match — or per variant, for an action that declares
+ * `variants`. Disabled state is derived from each action's
  * `enabled` predicate via `evaluateEnabled` (so the button greys out and
  * swallows clicks while the keybinding — if any — still fires through the
  * registry's keydown listener; that's the registry's contract, not ours).
@@ -33,5 +35,5 @@ export interface ActionBarProps {
  * (roving tabindex) yet — bar consumers today are short flat strips. Add
  * if/when a long bar lands.
  */
-export declare function ActionBar(props: ActionBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function ActionBar(props: ActionBarProps): import("react").JSX.Element;
 //# sourceMappingURL=ActionBar.d.ts.map

package/dist/components/ActionBar/ActionBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../../../src/components/ActionBar/ActionBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAc7D,mCAAmC;AACnC,MAAM,WAAW,cAAc;IAC7B,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD;;;;;;;;;;;;GAYG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAiE9C"}
+{"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../../../src/components/ActionBar/ActionBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAmB7D,mCAAmC;AACnC,MAAM,WAAW,cAAc;IAC7B,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,+BAqD9C"}

package/dist/components/ActionBar/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/ActionBar-CLwiY3Jg.js";
+import { t as e } from "../../chunks/ActionBar-DCq16yFA.js";
 export { e as ActionBar };

package/dist/components/Badge/Badge.d.ts

@@ -1,10 +1,12 @@
-import { type ReactNode, type CSSProperties } from 'react';
+import { type CSSProperties, type HTMLAttributes, type ReactNode } from 'react';
 import { type BadgeShapeParams } from './shapes';
 import { type BadgeBase, type BadgeBaseParams } from './bases';
 import { type EffectSpec } from './effects';
-import type { BadgeShape, BadgeTone, BadgeVariant, BadgeSize } from './types';
-interface BadgeBaseProps {
-    tone?: BadgeTone;
+import type { BadgeShape, BadgeStatus, BadgeVariant, BadgeSize } from './types';
+import { type StanceProps } from '../stance';
+interface BadgeBaseProps extends StanceProps {
+    /** The status the badge reports. A peer `tone`, or a stance's accent, paints over it. */
+    status?: BadgeStatus;
     variant?: BadgeVariant;
     size?: BadgeSize;
     /** "Edge bloat": offset every base perimeter sample outward by N CSS px along the normal
@@ -34,12 +36,22 @@ interface BadgeBaseProps {
     children: ReactNode;
     className?: string;
     /** Optional style overrides merged with the badge's own style. Useful for setting CSS
-     *  custom properties (e.g. `--badge-edge` to inject a custom tone color). */
+     *  custom properties (e.g. `--badge-edge` to inject a `custom` status color). */
     style?: CSSProperties;
     'aria-label'?: string;
+    /**
+     * Tooltip content. Wraps the badge in a kit tooltip trigger. A tooltip
+     * trigger must be focusable and carry a role that announces its
+     * description, so a badge that is neither a button nor a link joins the tab
+     * order as `role="img"`, named by `aria-label` or else by string content.
+     */
+    tooltip?: ReactNode;
 }
+/** DOM attributes a badge passes through to its root element, e.g. the ones
+ *  `Focusable` supplies when a badge sits under a `TooltipTrigger`. */
+type BadgeDomProps = Omit<HTMLAttributes<HTMLElement>, keyof BadgeBaseProps | 'onClick' | 'children' | 'className' | 'style'>;
 type BadgePropsByShape = {
-    [S in BadgeShape]: BadgeBaseProps & {
+    [S in BadgeShape]: BadgeBaseProps & BadgeDomProps & {
         shape?: S;
         shapeParams?: BadgeShapeParams[S];
     };
@@ -58,7 +70,9 @@ export type BadgeProps = BadgePropsByShape;
  * over it, which stack additively. `bloat` pushes the whole silhouette outward
  * along its normals before effects run, and `crawl` animates perimeter
  * patterns.
+ *
+ * `ref` and any other DOM attributes forward to the root element.
  */
-export declare function Badge(props: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare const Badge: import("react").ForwardRefExoticComponent<BadgePropsByShape & import("react").RefAttributes<HTMLElement>>;
 export {};
 //# sourceMappingURL=Badge.d.ts.map

package/dist/components/Badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAG/F,OAAO,EAAU,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EAAS,KAAK,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,EAAW,KAAK,UAAU,EAAoB,MAAM,WAAW,CAAC;AACvE,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAG9E,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;wCAEoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC/B,+GAA+G;IAC/G,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,mGAAmG;IACnG,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACxC,oEAAoE;IACpE,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,GAAG,CAAC;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;iFAC6E;IAC7E,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,KAAK,iBAAiB,GAAG;KACtB,CAAC,IAAI,UAAU,GAAG,cAAc,GAAG;QAAE,KAAK,CAAC,EAAE,CAAC,CAAC;QAAC,WAAW,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAA;KAAE;CACrF,CAAC,UAAU,CAAC,CAAC;AAEd;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,iBAAiB,CAAC;AAS3C;;;;;;;;;GASG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,2CAgQtC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,EAAmB,KAAK,cAAc,EAAE,KAAK,SAAS,EACzE,MAAM,OAAO,CAAC;AAGf,OAAO,EAAU,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EAAS,KAAK,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,EAAW,KAAK,UAAU,EAAoB,MAAM,WAAW,CAAC;AACvE,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGhF,OAAO,EAAE,KAAK,WAAW,EAAa,MAAM,WAAW,CAAC;AAExD,UAAU,cAAe,SAAQ,WAAW;IAC1C,yFAAyF;IACzF,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;wCAEoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC/B,+GAA+G;IAC/G,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,mGAAmG;IACnG,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACxC,oEAAoE;IACpE,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,GAAG,CAAC;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;qFACiF;IACjF,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED;uEACuE;AACvE,KAAK,aAAa,GAAG,IAAI,CACvB,cAAc,CAAC,WAAW,CAAC,EAC3B,MAAM,cAAc,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CACtE,CAAC;AAEF,KAAK,iBAAiB,GAAG;KACtB,CAAC,IAAI,UAAU,GAAG,cAAc,GAAG,aAAa,GAAG;QAAE,KAAK,CAAC,EAAE,CAAC,CAAC;QAAC,WAAW,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAA;KAAE;CACrG,CAAC,UAAU,CAAC,CAAC;AAEd;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,iBAAiB,CAAC;AAS3C;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,KAAK,2GAwRhB,CAAC"}

package/dist/components/Badge/effects/Aqua.d.ts

@@ -20,7 +20,7 @@ import type { EffectModule } from '../bases/types';
  * `backdrop-filter: blur(...)` on the host element via CSS.
  */
 export interface AquaEffectParams {
-    /** Body tint. Defaults to `var(--badge-edge)` so the badge's tone drives it. */
+    /** Body tint. Defaults to `var(--badge-edge)` so the badge's color drives it. */
     accent?: string;
     /** Stop opacities along the body gradient (0..1). */
     topAlpha?: number;

package/dist/components/Badge/effects/Aqua.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Aqua.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/effects/Aqua.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,gBAAgB;IAC/B,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4EAA4E;IAC5E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gFAAgF;IAChF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAqBD,QAAA,MAAM,IAAI,EAAE,YAAY,CAAC,gBAAgB,CA6HxC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Aqua.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/effects/Aqua.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,gBAAgB;IAC/B,iFAAiF;IACjF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4EAA4E;IAC5E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gFAAgF;IAChF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAqBD,QAAA,MAAM,IAAI,EAAE,YAAY,CAAC,gBAAgB,CA6HxC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/Badge/index.d.ts

@@ -1,4 +1,4 @@
 export { Badge } from './Badge';
 export type { BadgeProps } from './Badge';
-export type { BadgeShape, BadgeTone, BadgeVariant, BadgeSize } from './types';
+export type { BadgeShape, BadgeStatus, BadgeVariant, BadgeSize } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Badge/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/Badge/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/Badge-CW9pBPFl.js";
+import { t as e } from "../../chunks/Badge-CyAIZSDo.js";
 export { e as Badge };

package/dist/components/Badge/types.d.ts

@@ -6,14 +6,15 @@ import type { ReactNode } from 'react';
  */
 export type BadgeShape = 'pill' | 'plain' | 'square' | 'notched' | 'perforated' | 'hexagon' | 'starburst' | 'scalloped' | 'shield' | 'ribbon' | 'beavis' | 'sparkler' | 'postage' | 'cloud' | 'house' | 'plaque' | 'crest' | 'urn' | 'coffin' | 'receipt' | 'wood' | 'quatrefoil';
 /**
- * Semantic color of a badge. `custom` paints from the `--badge-edge` custom
+ * Status color of a badge. `custom` paints from the `--badge-edge` custom
  * property instead of a theme token, so a call site can supply its own color.
  */
-export type BadgeTone = 'accent' | 'info' | 'warn' | 'danger' | 'muted' | 'neutral' | 'custom';
-/** How a badge's tone is applied: outline only, filled, or a soft tinted fill. */
+export type BadgeStatus = 'accent' | 'info' | 'success' | 'warn' | 'danger' | 'muted' | 'neutral' | 'custom';
+/** How a badge's color is applied: outline only, filled, or a soft tinted fill. */
 export type BadgeVariant = 'outline' | 'solid' | 'subtle';
-/** Badge type scale and padding step. */
-export type BadgeSize = 'sm' | 'md';
+/** Badge type scale and padding step. `xs` is for counts and markers set
+ *  inside a dense row, on the 2xs type step. */
+export type BadgeSize = 'xs' | 'sm' | 'md';
 export interface ShapeRenderProps<P = Record<string, never>> {
     variant: BadgeVariant;
     focused: boolean;

package/dist/components/Badge/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAClB,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAY,GACtD,SAAS,GACT,WAAW,GAAG,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAC1D,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GACrD,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,YAAY,CAAC;AAEnE;;;GAGG;AACH,MAAM,MAAM,SAAS,GACjB,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE3E,kFAAkF;AAClF,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC1D,yCAAyC;AACzC,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpC,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC;IACzD,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,CAAC,CAAC;IACV,0FAA0F;IAC1F,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAAG,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE;AAEzF;yGACyG;AACzG,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,EAAE,CAAC;CAChE;AAED,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC;IACpD,2HAA2H;IAC3H,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IACtD,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,gBAAgB,CAAC;IAC1C,MAAM,EAAE,WAAW,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,WAAW,CAAC,CAAC;IACnD,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,CAAC;CACd"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAClB,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAY,GACtD,SAAS,GACT,WAAW,GAAG,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAC1D,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GACrD,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,YAAY,CAAC;AAEnE;;;GAGG;AACH,MAAM,MAAM,WAAW,GACnB,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEvF,mFAAmF;AACnF,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC1D;gDACgD;AAChD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC;IACzD,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,CAAC,CAAC;IACV,0FAA0F;IAC1F,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAAG,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE;AAEzF;yGACyG;AACzG,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,EAAE,CAAC;CAChE;AAED,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC;IACpD,2HAA2H;IAC3H,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IACtD,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,gBAAgB,CAAC;IAC1C,MAAM,EAAE,WAAW,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,WAAW,CAAC,CAAC;IACnD,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,CAAC;CACd"}

package/dist/components/BandEditor/index.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../../chunks/BandEditor-jY-PFKY6.js";
+import { n as e, r as t, t as n } from "../../chunks/BandEditor-Dhm_Xrlr.js";
 export { n as BandEditor, e as linearScale, t as logScale };

package/dist/components/Button/Button.d.ts

@@ -1,11 +1,21 @@
 import { type ButtonHTMLAttributes, type ReactNode } from 'react';
-/** Visual weight of a button. Defaults to `secondary`. */
-export type ButtonVariant = 'primary' | 'secondary' | 'ghost';
+import { type SegmentTooltipFields } from '../segmentTooltip';
+import { type StanceProps } from '../stance';
+/** Visual weight of a button. Defaults to `secondary`. `link` drops the
+ *  control box entirely and reads as a hyperlink in running text -- for an
+ *  in-page navigation that is still a button, not an `<a href>`. */
+export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'link';
+/** Text color of a `link` button — the same set as `Code`'s statuses. */
+export type ButtonStatus = 'neutral' | 'muted' | 'accent' | 'success' | 'warn' | 'danger';
 /** Button height and type scale. */
 export type ButtonSize = 'sm' | 'md';
 type ButtonBase = {
     variant?: ButtonVariant;
     size?: ButtonSize;
+    /** Text color of the `link` variant, which is `accent` unless told
+     *  otherwise. The boxed variants carry their weight in their fill and
+     *  ignore it. A peer `tone`, or a stance's accent, paints over it. */
+    status?: ButtonStatus;
     /** A button that stays down: renders `aria-pressed` and holds the active
      *  treatment while it is on. For a control that reports a state rather than
      *  firing an action -- a panel toggle, a mode switch. Left off, the button
@@ -21,7 +31,7 @@ type ButtonBase = {
     style?: ButtonHTMLAttributes<HTMLButtonElement>['style'];
     children?: ReactNode;
     onClick?: ButtonHTMLAttributes<HTMLButtonElement>['onClick'];
-};
+} & StanceProps & SegmentTooltipFields;
 type ButtonRegular = ButtonBase & {
     iconOnly?: false;
     ariaLabel?: string;
@@ -40,6 +50,10 @@ export type ButtonProps = ButtonRegular | ButtonIconOnly;
  * button `aria-busy`, and leaves the label in place; it does not disable the
  * button, so pass `disabled` too if the click should be blocked.
  *
+ * `shortcut` adds a kit tooltip reading `Name (⌘S)`, named by `ariaLabel` or
+ * string children, the way `ToolButton` and `ButtonBar` items show theirs;
+ * `tooltip` replaces that text with any content.
+ *
  * `ref` forwards to the underlying `<button>`.
  */
 export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAGxF,0DAA0D;AAC1D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;AAC9D,oCAAoC;AACpC,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,KAAK,UAAU,GAAG;IAChB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;mFAG+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,CAAC;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,SAAS,CAAC,CAAC;CAC9D,CAAC;AAEF,KAAK,aAAa,GAAG,UAAU,GAAG;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,cAAc,GAAG,UAAU,GAAG;IACjC,QAAQ,EAAE,IAAI,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;AA2BzD;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,2GA8DjB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAExF,OAAO,EAAyC,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACrG,OAAO,EAAE,KAAK,WAAW,EAAa,MAAM,WAAW,CAAC;AAExD;;oEAEoE;AACpE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AACvE,yEAAyE;AACzE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAC1F,oCAAoC;AACpC,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,KAAK,UAAU,GAAG;IAChB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;0EAEsE;IACtE,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;mFAG+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,CAAC;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,SAAS,CAAC,CAAC;CAC9D,GAAG,WAAW,GAAG,oBAAoB,CAAC;AAEvC,KAAK,aAAa,GAAG,UAAU,GAAG;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,cAAc,GAAG,UAAU,GAAG;IACjC,QAAQ,EAAE,IAAI,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;AA2BzD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,MAAM,2GA4EjB,CAAC"}

package/dist/components/Button/index.d.ts

@@ -1,3 +1,3 @@
 export { Button } from './Button';
-export type { ButtonProps, ButtonVariant, ButtonSize } from './Button';
+export type { ButtonProps, ButtonVariant, ButtonSize, ButtonStatus } from './Button';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/Button/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/Button-DRSApvnK.js";
+import { t as e } from "../../chunks/Button-BIdXHQOx.js";
 export { e as Button };

package/dist/components/ButtonBar/ButtonBar.d.ts

@@ -0,0 +1,36 @@
+import { type ReactElement, type ReactNode } from 'react';
+import { type SegmentTooltipFields } from '../segmentTooltip';
+/**
+ * One button in an {@link ButtonBar}. `value` is only a React key; the item
+ * carries no selected state.
+ */
+export type ButtonBarItem<V extends string | number = string> = {
+    value: V;
+    label?: ReactNode;
+    ariaLabel?: string;
+    disabled?: boolean;
+    onAction: () => void;
+} & SegmentTooltipFields;
+/** Segment height and type scale for an {@link ButtonBar}. */
+export type ButtonBarSize = 'sm' | 'md';
+/** Visual treatment of an {@link ButtonBar}. */
+export type ButtonBarVariant = 'default' | 'minimal';
+/** Props for {@link ButtonBar}. */
+export type ButtonBarProps<V extends string | number = string> = {
+    items: readonly ButtonBarItem<V>[];
+    ariaLabel?: string;
+    className?: string;
+    height?: number;
+    size?: ButtonBarSize;
+    variant?: ButtonBarVariant;
+};
+/**
+ * Segmented strip of momentary buttons — each press fires and nothing stays
+ * selected. Shares the look and the arrow-key navigation of `ToggleBar` and
+ * `OptionsBar`.
+ *
+ * This is a plain callback bar. For buttons driven by the kit's actions
+ * registry, use `ActionBar` instead.
+ */
+export declare function ButtonBar<V extends string | number = string>(props: ButtonBarProps<V>): ReactElement;
+//# sourceMappingURL=ButtonBar.d.ts.map

package/dist/components/ButtonBar/ButtonBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonBar.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonBar/ButtonBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9E,OAAO,EAAyC,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAErG;;;GAGG;AACH,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI;IAC9D,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,oBAAoB,CAAC;AAEzB,8DAA8D;AAC9D,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,CAAC;AACxC,gDAAgD;AAChD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAC;AAErD,mCAAmC;AACnC,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI;IAC/D,KAAK,EAAE,SAAS,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,YAAY,CA+CpG"}

package/dist/components/ButtonBar/index.d.ts

@@ -0,0 +1,3 @@
+export { ButtonBar } from './ButtonBar';
+export type { ButtonBarItem, ButtonBarProps, ButtonBarSize, ButtonBarVariant } from './ButtonBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ButtonBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/ButtonBar/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../chunks/ButtonBar-D5Vi0aj_.js";
+export { e as ButtonBar };

package/dist/components/Callout/Callout.d.ts

@@ -1,8 +1,7 @@
 import { type ReactNode, type RefObject } from 'react';
 import { DialogTrigger, type PopoverProps as RACPopoverProps } from 'react-aria-components';
 import { type OverlayPortalProps, type WithoutPortalTarget } from '../../overlays/portalHost';
-/** Accent color of a {@link Callout}'s border and arrow. */
-export type CalloutTone = 'info' | 'warning' | 'danger';
+import { type StanceProps } from '../stance';
 /**
  * Composition wrapper for press-to-open callouts:
  * `<CalloutTrigger><Pressable>…</Pressable><Callout>…</Callout></CalloutTrigger>`.
@@ -13,15 +12,13 @@ export type CalloutTone = 'info' | 'warning' | 'danger';
  */
 export { DialogTrigger as CalloutTrigger };
 /** Props for {@link Callout}, on top of React Aria's `Popover` props. */
-export type CalloutProps = Omit<WithoutPortalTarget<RACPopoverProps>, 'children' | 'className' | 'isNonModal' | 'triggerRef'> & OverlayPortalProps & {
+export type CalloutProps = Omit<WithoutPortalTarget<RACPopoverProps>, 'children' | 'className' | 'isNonModal' | 'triggerRef'> & OverlayPortalProps & StanceProps & {
     children?: ReactNode;
     className?: string;
     /** Optional heading rendered above the body. */
     title?: ReactNode;
     /** Footer slot — typically action buttons. */
     footer?: ReactNode;
-    /** Accent tone for border + arrow. Default `info`. */
-    tone?: CalloutTone;
     /**
      * `true` — blocks interaction with the rest of the app until dismissed;
      * inner dialog is `role="alertdialog"`. `false` (default) — non-blocking:
@@ -66,5 +63,5 @@ export type CalloutProps = Omit<WithoutPortalTarget<RACPopoverProps>, 'children'
  * Wraps React Aria Popover + Dialog; positioning, collision flipping,
  * dismissal, and focus behavior come from the underlying primitives.
  */
-export declare function Callout(props: CalloutProps): import("react/jsx-runtime").JSX.Element;
+export declare function Callout(props: CalloutProps): import("react").JSX.Element;
 //# sourceMappingURL=Callout.d.ts.map

package/dist/components/Callout/Callout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9F,OAAO,EACL,aAAa,EAKb,KAAK,YAAY,IAAI,eAAe,EACrC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAoB,KAAK,kBAAkB,EAAE,KAAK,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAGhH,4DAA4D;AAC5D,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAExD;;;;;;;GAOG;AACH,OAAO,EAAE,aAAa,IAAI,cAAc,EAAE,CAAC;AAE3C,yEAAyE;AACzE,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,mBAAmB,CAAC,eAAe,CAAC,EACpC,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,YAAY,CACvD,GACC,kBAAkB,GAAG;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,sDAAsD;IACtD,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,wEAAwE;IACxE,UAAU,CAAC,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IACvC;;;;;OAKG;IACD,UAAU,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CACtE,CAAC;AAQJ;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CAiJ1C"}
+{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9F,OAAO,EACL,aAAa,EAKb,KAAK,YAAY,IAAI,eAAe,EACrC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAoB,KAAK,kBAAkB,EAAE,KAAK,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChH,OAAO,EAAE,KAAK,WAAW,EAAa,MAAM,WAAW,CAAC;AAGxD;;;;;;;GAOG;AACH,OAAO,EAAE,aAAa,IAAI,cAAc,EAAE,CAAC;AAE3C,yEAAyE;AACzE,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,mBAAmB,CAAC,eAAe,CAAC,EACpC,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,YAAY,CACvD,GACC,kBAAkB,GAClB,WAAW,GAAG;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,wEAAwE;IACxE,UAAU,CAAC,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IACvC;;;;;OAKG;IACD,UAAU,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CACtE,CAAC;AAEJ;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,+BAoJ1C"}

package/dist/components/Callout/index.d.ts

@@ -1,3 +1,3 @@
 export { Callout, CalloutTrigger } from './Callout';
-export type { CalloutProps, CalloutTone } from './Callout';
+export type { CalloutProps } from './Callout';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Callout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACpD,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACpD,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}