@weasel-js/ui 1.5.2 → 1.6.1

package/dist/useReorderDragList.d.ts

@@ -1,28 +1,33 @@
 import type { ReactNode, PointerEvent as ReactPointerEvent, RefCallback } from 'react';
 /** One row in a reorderable list. */
-export interface LayerListItem {
+export interface ReorderItem {
     id: string;
     label: ReactNode;
     /** Locked rows cannot be dragged, cannot be crossed by drops, and
      *  never combine with other rows in a multi-selection. */
     locked?: boolean;
-    /** Optional color swatch rendered before the label. Any CSS color string. */
-    swatch?: string;
 }
 /**
  * Options for {@link useReorderDragList}. `onReorder` receives the dragged ids
  * and the index they were dropped at, measured against the pre-drag `items`.
  */
 export interface UseReorderDragListOptions {
-    items: LayerListItem[];
+    items: ReorderItem[];
     selectedIds: string[];
     onReorder(ids: string[], targetIndex: number): void;
     /** A press that was released without ever engaging a drag — the click a
      *  list row means by it. Fires for locked rows too, which can be selected
-     *  but not dragged. Modifiers are read at press, not at release. */
+     *  but not dragged. Modifiers are read at press, not at release. When this
+     *  is given, the DOM click that follows the press is dropped, so a row that
+     *  also handles `click` sees one press, not two. A press that starts on a
+     *  control inside the row (a toggle) is left to the control. */
     onPress?(id: string, mods: PressModifiers): void;
     /** Pointer-move distance (px) before pending drag engages. Default 4. */
     threshold?: number;
+    /** Selector matching the container's children that are rows, for a list
+     *  that interleaves other elements (a table's detail rows). Default: every
+     *  child is a row. */
+    rowSelector?: string;
 }
 /** Modifier keys held when a press began. */
 export interface PressModifiers {
@@ -32,12 +37,25 @@ export interface PressModifiers {
     altKey: boolean;
 }
 /**
- * Live drag state for rendering feedback: which ids are being dragged and the
- * insertion index the drop would use. Both `null` when no drag is engaged.
+ * Where a drag's ghost goes: the dragged rows, drawn again with their top-left
+ * at a client-space point, so the row that was grabbed stays under the pointer
+ * where it was picked up. `width` is the grabbed row's.
+ */
+export interface ReorderGhost {
+    ids: readonly string[];
+    left: number;
+    top: number;
+    width: number;
+}
+/**
+ * Live drag state for rendering feedback: which ids are being dragged, the
+ * insertion index the drop would use, and where their ghost goes. All `null`
+ * when no drag is engaged.
  */
 export interface ReorderDragState {
     draggedIds: string[] | null;
     targetIndex: number | null;
+    ghost: ReorderGhost | null;
 }
 /**
  * A `ref` for the list container, an `onPointerDown` for each row, and the
@@ -53,6 +71,13 @@ export interface ReorderDragHandlers {
         ref: RefCallback<HTMLElement>;
     };
     state: ReorderDragState;
+    /**
+     * Move the row at `index` one place up (`-1`) or down (`1`) — the keyboard
+     * reorder. It moves what a drag of that row would: the whole selection if
+     * the row is in it, else the row alone, never across a locked row. Calls
+     * `onReorder` and returns `true`, or returns `false` when nothing can move.
+     */
+    nudge(id: string, index: number, delta: -1 | 1): boolean;
 }
 /**
  * Drag-to-reorder for a vertical list of rows. Dragging a row that is part of
@@ -61,6 +86,10 @@ export interface ReorderDragHandlers {
  * drop. A drop that would leave a contiguous block where it already is does
  * not call `onReorder`.
  *
+ * The rows are the container's children, whatever they are: `ItemList` rows,
+ * or the `PropertyGroup`s of a `PropertyList`. A row's `onPointerDown` can go
+ * on the whole row or on a handle inside it.
+ *
  * A press opens a `startThresholdDrag` on the *container*, which owns the
  * rest of the gesture: a drag that leaves the list still tracks, a release
  * anywhere still drops, and a release the window never delivered still ends

package/dist/useReorderDragList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useReorderDragList.d.ts","sourceRoot":"","sources":["../src/useReorderDragList.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,IAAI,iBAAiB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGvF,qCAAqC;AACrC,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB;8DAC0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IACpD;;wEAEoE;IACpE,OAAO,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,GAAG,IAAI,CAAC;IACjD,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,6CAA6C;AAC7C,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED;;;;;GAKG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG;QAAE,aAAa,CAAC,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAA;KAAE,CAAC;IACnF,cAAc,EAAE;QACd,GAAG,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;KAC/B,CAAC;IACF,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAyCD;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,yBAAyB,GAAG,mBAAmB,CA6FvF"}
+{"version":3,"file":"useReorderDragList.d.ts","sourceRoot":"","sources":["../src/useReorderDragList.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,IAAI,iBAAiB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIvF,qCAAqC;AACrC,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB;8DAC0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IACpD;;;;;oEAKgE;IAChE,OAAO,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,GAAG,IAAI,CAAC;IACjD,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;0BAEsB;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,6CAA6C;AAC7C,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;;;GAIG;AACH,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,SAAS,MAAM,EAAE,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;CAC5B;AAID;;;;;GAKG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG;QAAE,aAAa,CAAC,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAA;KAAE,CAAC;IACnF,cAAc,EAAE;QACd,GAAG,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;KAC/B,CAAC;IACF,KAAK,EAAE,gBAAgB,CAAC;IACxB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC;CAC1D;AAuDD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,yBAAyB,GAAG,mBAAmB,CAwHvF"}

package/dist/useRovingTabIndex.d.ts

@@ -40,7 +40,7 @@ export type RovingTabIndex<T extends HTMLElement = HTMLDivElement> = {
  * at both ends. Home and End go to the first and last enabled item. Both axes
  * navigate, so the same bar works laid out either way.
  *
- * Backs `ActionsBar`, `OptionsBar`, and `ToggleBar`.
+ * Backs `ButtonBar`, `OptionsBar`, and `ToggleBar`.
  *
  * **When a bar should not use this.** What decides it is the items, not who
  * owns them. A container of compound controls — a number field, a select, a

package/dist/useScrollSpy.d.ts

@@ -0,0 +1,48 @@
+import { type RefObject } from 'react';
+/** One observed section: its id and its top edge, in the container's
+ *  coordinates (its `getBoundingClientRect().top` less the container's). */
+export interface SectionOffset {
+    id: string;
+    top: number;
+}
+/**
+ * The section a reader is looking at: the last one whose top edge has passed
+ * the container's, within `slack` of it so a heading flush with the top counts
+ * as arrived. Null until one has — the settings above the first section belong
+ * to the group itself, and marking a section the reader has not reached yet
+ * points them at the wrong place.
+ *
+ * Offsets arrive in document order and are not re-sorted — a caller reading
+ * them off the DOM already has them that way, and sorting would hide a
+ * measurement that came back wrong.
+ */
+export declare function pickActiveSection(offsets: readonly SectionOffset[], slack?: number): string | null;
+/** Options for {@link useScrollSpy}. */
+export interface UseScrollSpyOptions {
+    /** The scrolling element holding the sections. */
+    rootRef: RefObject<HTMLElement | null>;
+    /** Section element ids, in document order. */
+    ids: readonly string[];
+    /** Pixels of tolerance at the container's top edge. */
+    slack?: number;
+}
+/** What {@link useScrollSpy} returns. */
+export interface ScrollSpy {
+    /** Id of the section in view, or null before anything is measured. */
+    active: string | null;
+    /**
+     * Scroll `id` to the container's top and hold that answer until the scroll
+     * settles. Without the hold, the scroll the click causes is observed on its
+     * way past every intervening section and the rail flickers through them.
+     */
+    scrollTo: (id: string) => void;
+}
+/**
+ * Which of a scrolling container's sections is in view, for a navigation rail
+ * that follows the reader. Positions are read on the container's own `scroll`
+ * event — already throttled to the frame by the browser — rather than through
+ * `IntersectionObserver`, so the decision stays a pure function of measured
+ * offsets ({@link pickActiveSection}) and is testable apart from the DOM.
+ */
+export declare function useScrollSpy(options: UseScrollSpyOptions): ScrollSpy;
+//# sourceMappingURL=useScrollSpy.d.ts.map

package/dist/useScrollSpy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollSpy.d.ts","sourceRoot":"","sources":["../src/useScrollSpy.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjF;4EAC4E;AAC5E,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,SAAS,aAAa,EAAE,EACjC,KAAK,SAAI,GACR,MAAM,GAAG,IAAI,CAOf;AAED,wCAAwC;AACxC,MAAM,WAAW,mBAAmB;IAClC,kDAAkD;IAClD,OAAO,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACvC,8CAA8C;IAC9C,GAAG,EAAE,SAAS,MAAM,EAAE,CAAC;IACvB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,yCAAyC;AACzC,MAAM,WAAW,SAAS;IACxB,sEAAsE;IACtE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAQD;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,mBAAmB,GAAG,SAAS,CAkEpE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weasel-js/ui",
-  "version": "1.5.2",
+  "version": "1.6.1",
   "description": "UI chrome primitives for weasel apps (properties panel, etc.)",
   "license": "MIT",
   "type": "module",
@@ -23,16 +23,16 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@weasel-js/font": "1.5.2",
-    "@weasel-js/modes": "1.5.2",
-    "@weasel-js/svg": "1.5.2",
-    "@weasel-js/theme": "1.5.2",
+    "@weasel-js/font": "1.6.1",
+    "@weasel-js/modes": "1.6.1",
+    "@weasel-js/svg": "1.6.1",
+    "@weasel-js/theme": "1.6.1",
     "react-aria-components": "^1.5.0"
   },
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@weasel-js/core": "1.5.2"
+    "@weasel-js/core": "1.6.1"
   },
   "author": "orochi235",
   "homepage": "https://orochi235.github.io/weasel/",
@@ -60,7 +60,7 @@
     "provenance": true
   },
   "devDependencies": {
-    "@weasel-js/cursor": "1.5.2",
-    "@weasel-js/geom": "1.5.2"
+    "@weasel-js/cursor": "1.6.1",
+    "@weasel-js/geom": "1.6.1"
   }
 }

package/dist/chunks/ActionBar-CLwiY3Jg.js

@@ -1,62 +0,0 @@
-import { n as e, t } from "./Tooltip-C4YBczLq.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { evaluateEnabled as i, useActionsRegistry as a, useOptionalDepRegistry as o } from "@weasel-js/core";
-import { useSyncExternalStore as s } from "react";
-import { Focusable as c } from "react-aria-components";
-var l = {
-	bar: "_bar_1x8zd_7",
-	vertical: "_vertical_1x8zd_18",
-	button: "_button_1x8zd_22"
-}, u = Object.freeze([]), d = () => () => {};
-function f(e, t) {
-	if (t !== void 0) return t;
-	let n = e.icon;
-	return typeof n == "function" ? n() : n;
-}
-function p(e, t) {
-	return t ? `${e} (${t})` : e;
-}
-function m(m) {
-	let { group: h, orientation: g = "horizontal", icons: _, labels: v, className: y } = m, b = a(), x = o(), S = s(b ? b.subscribe : d, b ? b.list : () => u, b ? b.list : () => u).filter((e) => e.group === h), C = x ? {
-		selection: x.get("selection"),
-		scene: x.get("scene"),
-		history: x.get("history"),
-		view: x.get("view"),
-		activeTool: x.get("activeTool"),
-		booleansAdapter: x.get("booleansAdapter")
-	} : void 0;
-	return /* @__PURE__ */ n("div", {
-		className: [
-			l.bar,
-			g === "vertical" && l.vertical,
-			y
-		].filter(Boolean).join(" "),
-		role: "toolbar",
-		"aria-label": `${h} actions`,
-		children: S.map((a) => {
-			let o = v?.[a.id] ?? a.label, s = f(a, _?.[a.id]), { enabled: u } = i(a, C), d = !u, m = p(o, a.shortcut);
-			return /* @__PURE__ */ r(e, {
-				isDisabled: d,
-				children: [/* @__PURE__ */ n(c, {
-					isDisabled: d,
-					children: /* @__PURE__ */ n("button", {
-						type: "button",
-						"data-testid": `action-bar-item-${a.id}`,
-						"aria-label": o,
-						"aria-disabled": d || void 0,
-						disabled: d,
-						className: l.button,
-						onClick: () => {
-							d || b?.trigger(a.id);
-						},
-						children: s
-					})
-				}), /* @__PURE__ */ n(t, { children: m })]
-			}, a.id);
-		})
-	});
-}
-//#endregion
-export { m as t };
-
-//# sourceMappingURL=ActionBar-CLwiY3Jg.js.map

package/dist/chunks/ActionBar-CLwiY3Jg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionBar-CLwiY3Jg.js","names":[],"sources":["../../src/components/ActionBar/ActionBar.module.css","../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["/* `<ActionBar>` shares the segmented widget look of the WeaselDraw\n * pathfinder panel — small chrome on the panel surface so a bar of\n * Action buttons reads as a single control. Tokens are theme-driven\n * via `--wzl-*`. Visual parity with `PathfinderPanel.module.css` is\n * intentional; this is the generic version. */\n\n.bar {\n  display: flex;\n  flex-direction: row;\n  gap: 1px;\n  background: var(--wzl-surface);\n  border: 1px solid var(--wzl-border);\n  border-radius: var(--wzl-radius-sm);\n  padding: var(--wzl-space-1);\n  user-select: none;\n}\n\n.bar.vertical {\n  flex-direction: column;\n}\n\n.button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wzl-tb-height);\n  height: var(--wzl-tb-height);\n  padding: 0;\n  background: transparent;\n  border: 0;\n  border-radius: var(--wzl-radius-sm);\n  color: var(--wzl-fg);\n  cursor: default;\n}\n\n.button:hover:not([disabled]) {\n  background: var(--wzl-border);\n}\n\n.button:active:not([disabled]) {\n  background: color-mix(in srgb, var(--wzl-border) 70%, transparent);\n}\n\n.button[disabled] {\n  opacity: 0.4;\n  cursor: default;\n}\n\n.button > svg {\n  display: block;\n}\n","import { useSyncExternalStore, type ReactNode } from 'react';\nimport { Focusable } from 'react-aria-components';\nimport {\n  useActionsRegistry,\n  useOptionalDepRegistry,\n  evaluateEnabled,\n  type Action,\n} from '@weasel-js/core';\nimport { Tooltip, TooltipTrigger } from '../Tooltip';\nimport s from './ActionBar.module.css';\n\nconst EMPTY_LIST: readonly Action[] = Object.freeze([]);\nconst noopSubscribe = (): (() => void) => () => {};\n\n/** Props for {@link ActionBar}. */\nexport interface ActionBarProps {\n  /** Group key — only actions with `action.group === group` are rendered. */\n  group: string;\n  /** Layout direction. Defaults to `'horizontal'`. */\n  orientation?: 'horizontal' | 'vertical';\n  /**\n   * Per-id icon overrides — keyed by `action.id`. When an entry is provided\n   * it replaces the action's own `icon` for this bar only. Mirrors\n   * `PathfinderPanelProps.icons` so call sites that ship custom glyph sets\n   * can swap them in without re-registering actions.\n   */\n  icons?: Record<string, ReactNode>;\n  /**\n   * Per-id label overrides — keyed by `action.id`. Drives both `aria-label`\n   * and `title`. When omitted, the action's own `label` is used.\n   */\n  labels?: Record<string, string>;\n  /** Additional class for the toolbar root. */\n  className?: string;\n}\n\nfunction resolveIcon(action: Action, override: ReactNode | undefined): ReactNode {\n  if (override !== undefined) return override;\n  const i = action.icon;\n  if (typeof i === 'function') return i();\n  return i;\n}\n\nfunction resolveTitle(label: string, shortcut: string | undefined): string {\n  return shortcut ? `${label} (${shortcut})` : label;\n}\n\n/**\n * Generic group-keyed action toolbar. Reads the parent `ActionsRegistry`,\n * filters to actions whose `group` matches `props.group`, and renders one\n * icon button per match. Disabled state is derived from each action's\n * `enabled` predicate via `evaluateEnabled` (so the button greys out and\n * swallows clicks while the keybinding — if any — still fires through the\n * registry's keydown listener; that's the registry's contract, not ours).\n *\n * Visual parity with the WeaselDraw `<PathfinderPanel>` is intentional;\n * this is the generic, registry-driven version. No keyboard navigation\n * (roving tabindex) yet — bar consumers today are short flat strips. Add\n * if/when a long bar lands.\n */\nexport function ActionBar(props: ActionBarProps) {\n  const { group, orientation = 'horizontal', icons, labels, className } = props;\n  const registry = useActionsRegistry();\n  const depReg = useOptionalDepRegistry();\n  const all = useSyncExternalStore(\n    registry ? registry.subscribe : noopSubscribe,\n    registry ? registry.list : () => EMPTY_LIST,\n    registry ? registry.list : () => EMPTY_LIST,\n  );\n  const actions = all.filter((a) => a.group === group);\n\n  // Build the deps bag fresh each render — predicates read selection / etc.\n  // from these. ActionBar relies on its parent re-rendering when the\n  // underlying state changes (e.g. the consumer reads `selection.current`\n  // somewhere above us) for `enabled` to reflect the latest values.\n  const deps = depReg\n    ? {\n        selection: depReg.get('selection'),\n        scene: depReg.get('scene'),\n        history: depReg.get('history'),\n        view: depReg.get('view'),\n        activeTool: depReg.get('activeTool'),\n        booleansAdapter: depReg.get('booleansAdapter'),\n      }\n    : undefined;\n\n  const cls = [s.bar, orientation === 'vertical' && s.vertical, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={cls} role=\"toolbar\" aria-label={`${group} actions`}>\n      {actions.map((action) => {\n        const label = labels?.[action.id] ?? action.label;\n        const icon = resolveIcon(action, icons?.[action.id]);\n        const { enabled } = evaluateEnabled(action, deps);\n        const disabled = !enabled;\n        const title = resolveTitle(label, action.shortcut);\n        return (\n          <TooltipTrigger key={action.id} isDisabled={disabled}>\n            <Focusable isDisabled={disabled}>\n              <button\n                type=\"button\"\n                data-testid={`action-bar-item-${action.id}`}\n                aria-label={label}\n                aria-disabled={disabled || undefined}\n                disabled={disabled}\n                className={s.button}\n                onClick={() => {\n                  if (disabled) return;\n                  // Dispatch through the registry so the enabled() guard runs.\n                  // If no registry is in scope the click is a no-op — ActionBar\n                  // is expected to render under an `ActionsProvider`.\n                  registry?.trigger(action.id);\n                }}\n              >\n                {icon}\n              </button>\n            </Focusable>\n            <Tooltip>{title}</Tooltip>\n          </TooltipTrigger>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;GCWM,IAAgC,OAAO,OAAO,EAAE,CAAC,EACjD,gBAA0C;AAwBhD,SAAS,EAAY,GAAgB,GAA4C;AAC/E,KAAI,MAAa,KAAA,EAAW,QAAO;CACnC,IAAM,IAAI,EAAO;AAEjB,QADI,OAAO,KAAM,aAAmB,GAAG,GAChC;;AAGT,SAAS,EAAa,GAAe,GAAsC;AACzE,QAAO,IAAW,GAAG,EAAM,IAAI,EAAS,KAAK;;AAgB/C,SAAgB,EAAU,GAAuB;CAC/C,IAAM,EAAE,UAAO,iBAAc,cAAc,UAAO,WAAQ,iBAAc,GAClE,IAAW,GAAoB,EAC/B,IAAS,GAAwB,EAMjC,IALM,EACV,IAAW,EAAS,YAAY,GAChC,IAAW,EAAS,aAAa,GACjC,IAAW,EAAS,aAAa,EAEnB,CAAI,QAAQ,MAAM,EAAE,UAAU,EAAM,EAM9C,IAAO,IACT;EACE,WAAW,EAAO,IAAI,YAAY;EAClC,OAAO,EAAO,IAAI,QAAQ;EAC1B,SAAS,EAAO,IAAI,UAAU;EAC9B,MAAM,EAAO,IAAI,OAAO;EACxB,YAAY,EAAO,IAAI,aAAa;EACpC,iBAAiB,EAAO,IAAI,kBAAkB;EAC/C,GACD,KAAA;AAMJ,QACE,kBAAC,OAAD;EAAK,WALK;GAAC,EAAE;GAAK,MAAgB,cAAc,EAAE;GAAU;GAAU,CACrE,OAAO,QAAQ,CACf,KAAK,IAGU;EAAK,MAAK;EAAU,cAAY,GAAG,EAAM;YACtD,EAAQ,KAAK,MAAW;GACvB,IAAM,IAAQ,IAAS,EAAO,OAAO,EAAO,OACtC,IAAO,EAAY,GAAQ,IAAQ,EAAO,IAAI,EAC9C,EAAE,eAAY,EAAgB,GAAQ,EAAK,EAC3C,IAAW,CAAC,GACZ,IAAQ,EAAa,GAAO,EAAO,SAAS;AAClD,UACE,kBAAC,GAAD;IAAgC,YAAY;cAA5C,CACE,kBAAC,GAAD;KAAW,YAAY;eACrB,kBAAC,UAAD;MACE,MAAK;MACL,eAAa,mBAAmB,EAAO;MACvC,cAAY;MACZ,iBAAe,KAAY,KAAA;MACjB;MACV,WAAW,EAAE;MACb,eAAe;AACT,YAIJ,GAAU,QAAQ,EAAO,GAAG;;gBAG7B;MACM,CAAA;KACC,CAAA,EACZ,kBAAC,GAAD,EAAA,UAAU,GAAgB,CAAA,CACX;MArBI,EAAO,GAqBX;IAEnB;EACE,CAAA"}

package/dist/chunks/ActionsBar-D84a4eGy.js

@@ -1,41 +0,0 @@
-import { t as e } from "./useRovingTabIndex-Dkpf_KhN.js";
-import { t } from "./segmentedControl.module-DS72X1ns.js";
-import { jsx as n } from "react/jsx-runtime";
-import "react";
-//#region src/components/ActionsBar/ActionsBar.tsx
-function r(r) {
-	let { items: i, ariaLabel: a, className: o, height: s, size: c, variant: l } = r, u = (e) => {
-		let t = i[e];
-		t.disabled || t.onAction();
-	}, d = e({
-		items: i,
-		itemClassName: t.segment,
-		onActivate: u
-	}), f = s === void 0 ? void 0 : { "--wzl-tb-height": `${s}px` }, p = [
-		t.root,
-		c && t[`size_${c}`],
-		l && t[`variant_${l}`],
-		o
-	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ n("div", {
-		ref: d.rootRef,
-		className: p,
-		role: "toolbar",
-		"aria-label": a,
-		style: f,
-		children: i.map((e, r) => /* @__PURE__ */ n("button", {
-			type: "button",
-			"aria-label": e.ariaLabel,
-			disabled: e.disabled,
-			tabIndex: d.tabIndexFor(r),
-			className: t.segment,
-			onClick: () => u(r),
-			onKeyDown: d.onKeyDown(r),
-			children: e.label
-		}, e.value))
-	});
-}
-//#endregion
-export { r as t };
-
-//# sourceMappingURL=ActionsBar-D84a4eGy.js.map

package/dist/chunks/ActionsBar-D84a4eGy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionsBar-D84a4eGy.js","names":[],"sources":["../../src/components/ActionsBar/ActionsBar.tsx"],"sourcesContent":["import { type CSSProperties, type ReactElement, type ReactNode } from 'react';\nimport s from '../segmentedControl.module.css';\nimport { useRovingTabIndex } from '../../useRovingTabIndex';\n\n/**\n * One button in an {@link ActionsBar}. `value` is only a React key; the item\n * carries no selected state.\n */\nexport type ActionsBarItem<V extends string | number = string> = {\n  value: V;\n  label?: ReactNode;\n  ariaLabel?: string;\n  disabled?: boolean;\n  onAction: () => void;\n};\n\n/** Segment height and type scale for an {@link ActionsBar}. */\nexport type ActionsBarSize = 'sm' | 'md';\n/** Visual treatment of an {@link ActionsBar}. */\nexport type ActionsBarVariant = 'default' | 'minimal';\n\n/** Props for {@link ActionsBar}. */\nexport type ActionsBarProps<V extends string | number = string> = {\n  items: readonly ActionsBarItem<V>[];\n  ariaLabel?: string;\n  className?: string;\n  height?: number;\n  size?: ActionsBarSize;\n  variant?: ActionsBarVariant;\n};\n\n/**\n * Segmented strip of momentary buttons — each press fires and nothing stays\n * selected. Shares the look and the arrow-key navigation of `ToggleBar` and\n * `OptionsBar`.\n *\n * This is a plain callback bar. For buttons driven by the kit's actions\n * registry, use `ActionBar` instead.\n */\nexport function ActionsBar<V extends string | number = string>(props: ActionsBarProps<V>): ReactElement {\n  const { items, ariaLabel, className, height, size, variant } = props;\n\n  const fire = (index: number) => {\n    const item = items[index];\n    if (item.disabled) return;\n    item.onAction();\n  };\n\n  const roving = useRovingTabIndex({ items, itemClassName: s.segment, onActivate: fire });\n\n  const style: CSSProperties | undefined = height !== undefined\n    ? ({ ['--wzl-tb-height' as string]: `${height}px` } as CSSProperties)\n    : undefined;\n\n  const rootCls = [\n    s.root,\n    size && s[`size_${size}`],\n    variant && s[`variant_${variant}`],\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div\n      ref={roving.rootRef}\n      className={rootCls}\n      role=\"toolbar\"\n      aria-label={ariaLabel}\n      style={style}\n    >\n      {items.map((item, i) => (\n        <button\n          key={item.value}\n          type=\"button\"\n          aria-label={item.ariaLabel}\n          disabled={item.disabled}\n          tabIndex={roving.tabIndexFor(i)}\n          className={s.segment}\n          onClick={() => fire(i)}\n          onKeyDown={roving.onKeyDown(i)}\n        >\n          {item.label}\n        </button>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAuCA,SAAgB,EAA+C,GAAyC;CACtG,IAAM,EAAE,UAAO,cAAW,cAAW,WAAQ,SAAM,eAAY,GAEzD,KAAQ,MAAkB;EAC9B,IAAM,IAAO,EAAM;AACf,IAAK,YACT,EAAK,UAAU;IAGX,IAAS,EAAkB;EAAE;EAAO,eAAe,EAAE;EAAS,YAAY;EAAM,CAAC,EAEjF,IAAmC,MAAW,KAAA,IAEhD,KAAA,IADC,EAAG,mBAA8B,GAAG,EAAO,KAAK,EAG/C,IAAU;EACd,EAAE;EACF,KAAQ,EAAE,QAAQ;EAClB,KAAW,EAAE,WAAW;EACxB;EACD,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;AAE3B,QACE,kBAAC,OAAD;EACE,KAAK,EAAO;EACZ,WAAW;EACX,MAAK;EACL,cAAY;EACL;YAEN,EAAM,KAAK,GAAM,MAChB,kBAAC,UAAD;GAEE,MAAK;GACL,cAAY,EAAK;GACjB,UAAU,EAAK;GACf,UAAU,EAAO,YAAY,EAAE;GAC/B,WAAW,EAAE;GACb,eAAe,EAAK,EAAE;GACtB,WAAW,EAAO,UAAU,EAAE;aAE7B,EAAK;GACC,EAVF,EAAK,MAUH,CACT;EACE,CAAA"}