@weasel-js/ui 1.0.0 → 1.0.1

package/dist/chunks/{ToolPalette-BDkvV3pJ.js.map → ToolPalette-BipoMdZz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ToolPalette-BDkvV3pJ.js","names":[],"sources":["../../src/components/ToolPalette/ToolPalette.module.css","../../src/components/ToolPalette/formatShortcut.ts","../../src/components/ToolPalette/ToolPalette.tsx"],"sourcesContent":[".palette {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  background: var(--wzl-surface);\n  border: 1px solid var(--wzl-border);\n  border-radius: 4px;\n  padding: 4px;\n  user-select: none;\n}\n.palette.horizontal {\n  flex-direction: row;\n}\n\n/* Applied to ineligible tool buttons in the active mode. */\n.ineligibleBtn {\n  opacity: 0.35;\n  cursor: not-allowed;\n}\n\n.separator {\n  background: var(--wzl-border);\n}\n.palette:not(.horizontal) .separator {\n  height: 1px;\n  margin: 2px 0;\n}\n.palette.horizontal .separator {\n  width: 1px;\n  margin: 0 2px;\n}\n","import { keyGlyph } from '../Keycaps/keyGlyph';\n\nexport interface ShortcutInput {\n  key: string | readonly string[];\n  mod?: boolean;\n  alt?: boolean;\n  shift?: boolean | 'optional';\n}\n\n/** Format a shortcut as an array of display chips, one per key — modifier\n *  icons (⌘, ↑, ⌥) followed by the key glyph. UIs that want a boxed\n *  per-key look render each chip in its own element. `shift: 'optional'` is\n *  treated as falsy. */\nexport function formatShortcutParts(b: ShortcutInput | undefined): readonly string[] | undefined {\n  if (!b) return undefined;\n  const rawKey = Array.isArray(b.key) ? b.key[0] : (b.key as string);\n  const parts: string[] = [];\n  if (b.mod) parts.push('⌘');\n  if (b.shift === true) parts.push('⇧');\n  if (b.alt) parts.push('⌥');\n  parts.push(keyGlyph(rawKey));\n  return parts;\n}\n\n/** Format a shortcut as a single display string. Order: mod, shift, alt,\n *  key. Returns `undefined` for `undefined` input so callers can `??` a\n *  fallback. When `key` is an array, the first element is used. `shift: 'optional'`\n *  is treated as falsy. */\nexport function formatShortcut(b: ShortcutInput | undefined): string | undefined {\n  const parts = formatShortcutParts(b);\n  return parts ? parts.join('') : undefined;\n}\n","import { Fragment, useRef, type ReactNode } from 'react';\nimport { UnknownIcon } from '@weasel-js/core';\nimport type { AnyTool, ToolsApi } from '@weasel-js/core';\nimport { eligibleContribution, type ModeRegistry } from '@weasel-js/modes';\nimport { ToolButton } from '../ToolButton';\nimport { ToolGroup } from '../ToolGroup';\nimport s from './ToolPalette.module.css';\nimport { formatShortcut, type ShortcutInput } from './formatShortcut';\n\nconst DEFAULT_GROUP_ORDER = ['select', 'shape', 'draw', 'type', 'view'] as const;\nconst MISC = 'misc';\n\nfunction partitionByGroup(list: AnyTool[]): Map<string, AnyTool[]> {\n  const groups = new Map<string, AnyTool[]>();\n  for (const tool of list) {\n    const g = tool.presentation?.group ?? MISC;\n    const bucket = groups.get(g) ?? [];\n    bucket.push(tool);\n    groups.set(g, bucket);\n  }\n  return groups;\n}\n\nfunction orderedGroupKeys(\n  groups: Map<string, AnyTool[]>,\n  groupOrder: readonly string[],\n): string[] {\n  const seen = new Set(groups.keys());\n  const ordered: string[] = [];\n  for (const known of groupOrder) {\n    if (seen.has(known)) {\n      ordered.push(known);\n      seen.delete(known);\n    }\n  }\n  // Unknown groups in insertion order (Map preserves it), misc last.\n  for (const key of groups.keys()) {\n    if (seen.has(key) && key !== MISC) {\n      ordered.push(key);\n      seen.delete(key);\n    }\n  }\n  if (seen.has(MISC)) ordered.push(MISC);\n  return ordered;\n}\n\nfunction resolveIcon(tool: AnyTool): ReactNode {\n  const rawIcon = tool.presentation?.icon;\n  if (rawIcon == null) return <UnknownIcon />;\n  if (typeof rawIcon === 'function') return rawIcon(undefined);\n  return rawIcon;\n}\n\nexport interface ToolPaletteProps {\n  tools: ToolsApi;\n  orientation?: 'vertical' | 'horizontal';\n  className?: string;\n  /** Derive the keyboard shortcut for a tool button from the action registry.\n   *  Called with the tool's id; return `undefined` to suppress a chip. When\n   *  omitted, falls back to `tool.keybinding` (legacy path). */\n  lookupShortcut?: (toolId: string) => ShortcutInput | undefined;\n  /**\n   * Optional mode registry. When provided, tools whose `capabilities` do not\n   * match the current mode are rendered greyed-out, aria-disabled, and their\n   * onClick is suppressed. When omitted, all tools are treated as eligible\n   * (preserves existing behaviour in consumers that haven't wired a registry).\n   */\n  modeRegistry?: ModeRegistry;\n  /**\n   * Presentation-group display order. Groups not listed keep their registry\n   * insertion order after the listed ones; `misc` always renders last.\n   * Defaults to `['select', 'shape', 'draw', 'type', 'view']`.\n   */\n  groupOrder?: readonly string[];\n}\n\nexport function ToolPalette(props: ToolPaletteProps) {\n  const {\n    tools, orientation = 'vertical', className, lookupShortcut, modeRegistry,\n    groupOrder = DEFAULT_GROUP_ORDER,\n  } = props;\n  const list = Object.values(tools.registry);\n  const groups = partitionByGroup(list);\n  const groupKeys = orderedGroupKeys(groups, groupOrder);\n  const cls = [s.palette, orientation === 'horizontal' && s.horizontal, className]\n    .filter(Boolean).join(' ');\n\n  const orderedIds = groupKeys.flatMap((k) => groups.get(k)!.map((t) => t.id));\n  const tabbableId = tools.active && orderedIds.includes(tools.active)\n    ? tools.active\n    : orderedIds[0];\n  const rootRef = useRef<HTMLDivElement | null>(null);\n\n  function onKeyDown(e: React.KeyboardEvent<HTMLDivElement>) {\n    const target = e.target as HTMLElement;\n    if (target.tagName !== 'BUTTON') return;\n    const root = rootRef.current;\n    if (!root) return;\n    const buttons = Array.from(root.querySelectorAll<HTMLButtonElement>('button'));\n    const i = buttons.indexOf(target as HTMLButtonElement);\n    if (i < 0) return;\n\n    let next = -1;\n    switch (e.key) {\n      case 'ArrowDown':\n      case 'ArrowRight':\n        next = (i + 1) % buttons.length;\n        break;\n      case 'ArrowUp':\n      case 'ArrowLeft':\n        next = (i - 1 + buttons.length) % buttons.length;\n        break;\n      case 'Home':\n        next = 0;\n        break;\n      case 'End':\n        next = buttons.length - 1;\n        break;\n    }\n    if (next >= 0) {\n      e.preventDefault();\n      buttons[next].focus();\n    }\n  }\n\n  return (\n    <div\n      ref={rootRef}\n      className={cls}\n      role=\"toolbar\"\n      aria-label=\"Tools\"\n      onKeyDown={onKeyDown}\n    >\n      {groupKeys.map((key, i) => (\n        <Fragment key={key}>\n          {i > 0 && (\n            <div\n              className={s.separator}\n              role=\"separator\"\n              aria-orientation={orientation === 'horizontal' ? 'vertical' : 'horizontal'}\n            />\n          )}\n          <ToolGroup orientation={orientation} groupKey={key}>\n            {groups.get(key)!.map((tool) => {\n              const label = tool.presentation?.label ?? tool.id;\n              const shortcut = tool.presentation?.shortcut\n                ?? formatShortcut(lookupShortcut ? lookupShortcut(tool.id) : tool.keybinding);\n              const enabled = modeRegistry ? eligibleContribution(modeRegistry, tool) : true;\n              const modeName = modeRegistry ? modeRegistry.current().id : undefined;\n              const resolvedTitle = !enabled && modeName\n                ? `${label}${shortcut ? ` (${shortcut})` : ''} — disabled in ${modeName} mode`\n                : undefined;\n              return (\n                <ToolButton\n                  key={tool.id}\n                  icon={resolveIcon(tool)}\n                  label={label}\n                  shortcut={shortcut}\n                  active={tools.active === tool.id}\n                  tabbable={tool.id === tabbableId}\n                  ariaDisabled={!enabled}\n                  className={!enabled ? s.ineligibleBtn : undefined}\n                  title={resolvedTitle}\n                  onClick={enabled ? () => tools.setActive(tool.id) : () => {}}\n                />\n              );\n            })}\n          </ToolGroup>\n        </Fragment>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ToolPalette-BipoMdZz.js","names":[],"sources":["../../src/components/ToolPalette/ToolPalette.module.css","../../src/components/ToolPalette/formatShortcut.ts","../../src/components/ToolPalette/ToolPalette.tsx"],"sourcesContent":[".palette {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  background: var(--wzl-surface);\n  border: 1px solid var(--wzl-border);\n  border-radius: 4px;\n  padding: 4px;\n  user-select: none;\n}\n.palette.horizontal {\n  flex-direction: row;\n}\n\n/* Applied to ineligible tool buttons in the active mode. */\n.ineligibleBtn {\n  opacity: 0.35;\n  cursor: not-allowed;\n}\n\n.separator {\n  background: var(--wzl-border);\n}\n.palette:not(.horizontal) .separator {\n  height: 1px;\n  margin: 2px 0;\n}\n.palette.horizontal .separator {\n  width: 1px;\n  margin: 0 2px;\n}\n","import { keyGlyph } from '../Keycaps/keyGlyph';\n\nexport interface ShortcutInput {\n  key: string | readonly string[];\n  mod?: boolean;\n  alt?: boolean;\n  shift?: boolean | 'optional';\n}\n\n/** Format a shortcut as an array of display chips, one per key — modifier\n *  icons (⌘, ↑, ⌥) followed by the key glyph. UIs that want a boxed\n *  per-key look render each chip in its own element. `shift: 'optional'` is\n *  treated as falsy. */\nexport function formatShortcutParts(b: ShortcutInput | undefined): readonly string[] | undefined {\n  if (!b) return undefined;\n  const rawKey = Array.isArray(b.key) ? b.key[0] : (b.key as string);\n  const parts: string[] = [];\n  if (b.mod) parts.push('⌘');\n  if (b.shift === true) parts.push('⇧');\n  if (b.alt) parts.push('⌥');\n  parts.push(keyGlyph(rawKey));\n  return parts;\n}\n\n/** Format a shortcut as a single display string. Order: mod, shift, alt,\n *  key. Returns `undefined` for `undefined` input so callers can `??` a\n *  fallback. When `key` is an array, the first element is used. `shift: 'optional'`\n *  is treated as falsy. */\nexport function formatShortcut(b: ShortcutInput | undefined): string | undefined {\n  const parts = formatShortcutParts(b);\n  return parts ? parts.join('') : undefined;\n}\n","import { Fragment, useRef, type ReactNode } from 'react';\nimport { UnknownIcon } from '@weasel-js/core';\nimport type { AnyTool, ToolsApi } from '@weasel-js/core';\nimport { eligibleContribution, type ModeRegistry } from '@weasel-js/modes';\nimport { ToolButton } from '../ToolButton';\nimport { ToolGroup } from '../ToolGroup';\nimport s from './ToolPalette.module.css';\nimport { formatShortcut, type ShortcutInput } from './formatShortcut';\n\nconst DEFAULT_GROUP_ORDER = ['select', 'shape', 'draw', 'type', 'view'] as const;\nconst MISC = 'misc';\n\nfunction partitionByGroup(list: AnyTool[]): Map<string, AnyTool[]> {\n  const groups = new Map<string, AnyTool[]>();\n  for (const tool of list) {\n    const g = tool.presentation?.group ?? MISC;\n    const bucket = groups.get(g) ?? [];\n    bucket.push(tool);\n    groups.set(g, bucket);\n  }\n  return groups;\n}\n\nfunction orderedGroupKeys(\n  groups: Map<string, AnyTool[]>,\n  groupOrder: readonly string[],\n): string[] {\n  const seen = new Set(groups.keys());\n  const ordered: string[] = [];\n  for (const known of groupOrder) {\n    if (seen.has(known)) {\n      ordered.push(known);\n      seen.delete(known);\n    }\n  }\n  // Unknown groups in insertion order (Map preserves it), misc last.\n  for (const key of groups.keys()) {\n    if (seen.has(key) && key !== MISC) {\n      ordered.push(key);\n      seen.delete(key);\n    }\n  }\n  if (seen.has(MISC)) ordered.push(MISC);\n  return ordered;\n}\n\nfunction resolveIcon(tool: AnyTool): ReactNode {\n  const rawIcon = tool.presentation?.icon;\n  if (rawIcon == null) return <UnknownIcon />;\n  if (typeof rawIcon === 'function') return rawIcon(undefined);\n  return rawIcon;\n}\n\nexport interface ToolPaletteProps {\n  tools: ToolsApi;\n  orientation?: 'vertical' | 'horizontal';\n  className?: string;\n  /** Derive the keyboard shortcut for a tool button from the action registry.\n   *  Called with the tool's id; return `undefined` to suppress a chip. When\n   *  omitted, falls back to `tool.keybinding` (legacy path). */\n  lookupShortcut?: (toolId: string) => ShortcutInput | undefined;\n  /**\n   * Optional mode registry. When provided, tools whose `capabilities` do not\n   * match the current mode are rendered greyed-out, aria-disabled, and their\n   * onClick is suppressed. When omitted, all tools are treated as eligible\n   * (preserves existing behaviour in consumers that haven't wired a registry).\n   */\n  modeRegistry?: ModeRegistry;\n  /**\n   * Presentation-group display order. Groups not listed keep their registry\n   * insertion order after the listed ones; `misc` always renders last.\n   * Defaults to `['select', 'shape', 'draw', 'type', 'view']`.\n   */\n  groupOrder?: readonly string[];\n}\n\nexport function ToolPalette(props: ToolPaletteProps) {\n  const {\n    tools, orientation = 'vertical', className, lookupShortcut, modeRegistry,\n    groupOrder = DEFAULT_GROUP_ORDER,\n  } = props;\n  const list = Object.values(tools.registry);\n  const groups = partitionByGroup(list);\n  const groupKeys = orderedGroupKeys(groups, groupOrder);\n  const cls = [s.palette, orientation === 'horizontal' && s.horizontal, className]\n    .filter(Boolean).join(' ');\n\n  const orderedIds = groupKeys.flatMap((k) => groups.get(k)!.map((t) => t.id));\n  const tabbableId = tools.active && orderedIds.includes(tools.active)\n    ? tools.active\n    : orderedIds[0];\n  const rootRef = useRef<HTMLDivElement | null>(null);\n\n  function onKeyDown(e: React.KeyboardEvent<HTMLDivElement>) {\n    const target = e.target as HTMLElement;\n    if (target.tagName !== 'BUTTON') return;\n    const root = rootRef.current;\n    if (!root) return;\n    const buttons = Array.from(root.querySelectorAll<HTMLButtonElement>('button'));\n    const i = buttons.indexOf(target as HTMLButtonElement);\n    if (i < 0) return;\n\n    let next = -1;\n    switch (e.key) {\n      case 'ArrowDown':\n      case 'ArrowRight':\n        next = (i + 1) % buttons.length;\n        break;\n      case 'ArrowUp':\n      case 'ArrowLeft':\n        next = (i - 1 + buttons.length) % buttons.length;\n        break;\n      case 'Home':\n        next = 0;\n        break;\n      case 'End':\n        next = buttons.length - 1;\n        break;\n    }\n    if (next >= 0) {\n      e.preventDefault();\n      buttons[next].focus();\n    }\n  }\n\n  return (\n    <div\n      ref={rootRef}\n      className={cls}\n      role=\"toolbar\"\n      aria-label=\"Tools\"\n      onKeyDown={onKeyDown}\n    >\n      {groupKeys.map((key, i) => (\n        <Fragment key={key}>\n          {i > 0 && (\n            <div\n              className={s.separator}\n              role=\"separator\"\n              aria-orientation={orientation === 'horizontal' ? 'vertical' : 'horizontal'}\n            />\n          )}\n          <ToolGroup orientation={orientation} groupKey={key}>\n            {groups.get(key)!.map((tool) => {\n              const label = tool.presentation?.label ?? tool.id;\n              const shortcut = tool.presentation?.shortcut\n                ?? formatShortcut(lookupShortcut ? lookupShortcut(tool.id) : tool.keybinding);\n              const enabled = modeRegistry ? eligibleContribution(modeRegistry, tool) : true;\n              const modeName = modeRegistry ? modeRegistry.current().id : undefined;\n              const resolvedTitle = !enabled && modeName\n                ? `${label}${shortcut ? ` (${shortcut})` : ''} — disabled in ${modeName} mode`\n                : undefined;\n              return (\n                <ToolButton\n                  key={tool.id}\n                  icon={resolveIcon(tool)}\n                  label={label}\n                  shortcut={shortcut}\n                  active={tools.active === tool.id}\n                  tabbable={tool.id === tabbableId}\n                  ariaDisabled={!enabled}\n                  className={!enabled ? s.ineligibleBtn : undefined}\n                  title={resolvedTitle}\n                  onClick={enabled ? () => tools.setActive(tool.id) : () => {}}\n                />\n              );\n            })}\n          </ToolGroup>\n        </Fragment>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;ACaA,SAAgB,EAAoB,GAA6D;AAC/F,KAAI,CAAC,EAAG;CACR,IAAM,IAAS,MAAM,QAAQ,EAAE,IAAI,GAAG,EAAE,IAAI,KAAM,EAAE,KAC9C,IAAkB,EAAE;AAK1B,QAJI,EAAE,OAAK,EAAM,KAAK,IAAI,EACtB,EAAE,UAAU,MAAM,EAAM,KAAK,IAAI,EACjC,EAAE,OAAK,EAAM,KAAK,IAAI,EAC1B,EAAM,KAAK,EAAS,EAAO,CAAC,EACrB;;AAOT,SAAgB,EAAe,GAAkD;CAC/E,IAAM,IAAQ,EAAoB,EAAE;AACpC,QAAO,IAAQ,EAAM,KAAK,GAAG,GAAG,KAAA;;;;ACrBlC,IAAM,IAAsB;CAAC;CAAU;CAAS;CAAQ;CAAQ;CAAO,EACjE,IAAO;AAEb,SAAS,EAAiB,GAAyC;CACjE,IAAM,oBAAS,IAAI,KAAwB;AAC3C,MAAK,IAAM,KAAQ,GAAM;EACvB,IAAM,IAAI,EAAK,cAAc,SAAS,GAChC,IAAS,EAAO,IAAI,EAAE,IAAI,EAAE;AAElC,EADA,EAAO,KAAK,EAAK,EACjB,EAAO,IAAI,GAAG,EAAO;;AAEvB,QAAO;;AAGT,SAAS,EACP,GACA,GACU;CACV,IAAM,IAAO,IAAI,IAAI,EAAO,MAAM,CAAC,EAC7B,IAAoB,EAAE;AAC5B,MAAK,IAAM,KAAS,EAClB,CAAI,EAAK,IAAI,EAAM,KACjB,EAAQ,KAAK,EAAM,EACnB,EAAK,OAAO,EAAM;AAItB,MAAK,IAAM,KAAO,EAAO,MAAM,CAC7B,CAAI,EAAK,IAAI,EAAI,IAAI,MAAQ,MAC3B,EAAQ,KAAK,EAAI,EACjB,EAAK,OAAO,EAAI;AAIpB,QADI,EAAK,IAAI,EAAK,IAAE,EAAQ,KAAK,EAAK,EAC/B;;AAGT,SAAS,EAAY,GAA0B;CAC7C,IAAM,IAAU,EAAK,cAAc;AAGnC,QAFI,KAAW,OAAa,kBAAC,GAAD,EAAe,CAAA,GACvC,OAAO,KAAY,aAAmB,EAAQ,KAAA,EAAU,GACrD;;AA0BT,SAAgB,EAAY,GAAyB;CACnD,IAAM,EACJ,UAAO,iBAAc,YAAY,cAAW,mBAAgB,iBAC5D,gBAAa,MACX,GAEE,IAAS,EADF,OAAO,OAAO,EAAM,SACD,CAAK,EAC/B,IAAY,EAAiB,GAAQ,EAAW,EAChD,IAAM;EAAC,EAAE;EAAS,MAAgB,gBAAgB,EAAE;EAAY;EAAU,CAC7E,OAAO,QAAQ,CAAC,KAAK,IAAI,EAEtB,IAAa,EAAU,SAAS,MAAM,EAAO,IAAI,EAAE,CAAE,KAAK,MAAM,EAAE,GAAG,CAAC,EACtE,IAAa,EAAM,UAAU,EAAW,SAAS,EAAM,OAAO,GAChE,EAAM,SACN,EAAW,IACT,IAAU,EAA8B,KAAK;CAEnD,SAAS,EAAU,GAAwC;EACzD,IAAM,IAAS,EAAE;AACjB,MAAI,EAAO,YAAY,SAAU;EACjC,IAAM,IAAO,EAAQ;AACrB,MAAI,CAAC,EAAM;EACX,IAAM,IAAU,MAAM,KAAK,EAAK,iBAAoC,SAAS,CAAC,EACxE,IAAI,EAAQ,QAAQ,EAA4B;AACtD,MAAI,IAAI,EAAG;EAEX,IAAI,IAAO;AACX,UAAQ,EAAE,KAAV;GACE,KAAK;GACL,KAAK;AACH,SAAQ,IAAI,KAAK,EAAQ;AACzB;GACF,KAAK;GACL,KAAK;AACH,SAAQ,IAAI,IAAI,EAAQ,UAAU,EAAQ;AAC1C;GACF,KAAK;AACH,QAAO;AACP;GACF,KAAK;AACH,QAAO,EAAQ,SAAS;AACxB;;AAEJ,EAAI,KAAQ,MACV,EAAE,gBAAgB,EAClB,EAAQ,GAAM,OAAO;;AAIzB,QACE,kBAAC,OAAD;EACE,KAAK;EACL,WAAW;EACX,MAAK;EACL,cAAW;EACA;YAEV,EAAU,KAAK,GAAK,MACnB,kBAAC,GAAD,EAAA,UAAA,CACG,IAAI,KACH,kBAAC,OAAD;GACE,WAAW,EAAE;GACb,MAAK;GACL,oBAAkB,MAAgB,eAAe,aAAa;GAC9D,CAAA,EAEJ,kBAAC,GAAD;GAAwB;GAAa,UAAU;aAC5C,EAAO,IAAI,EAAI,CAAE,KAAK,MAAS;IAC9B,IAAM,IAAQ,EAAK,cAAc,SAAS,EAAK,IACzC,IAAW,EAAK,cAAc,YAC/B,EAAe,IAAiB,EAAe,EAAK,GAAG,GAAG,EAAK,WAAW,EACzE,IAAU,IAAe,EAAqB,GAAc,EAAK,GAAG,IACpE,IAAW,IAAe,EAAa,SAAS,CAAC,KAAK,KAAA,GACtD,IAAgB,CAAC,KAAW,IAC9B,GAAG,IAAQ,IAAW,KAAK,EAAS,KAAK,GAAG,iBAAiB,EAAS,SACtE,KAAA;AACJ,WACE,kBAAC,GAAD;KAEE,MAAM,EAAY,EAAK;KAChB;KACG;KACV,QAAQ,EAAM,WAAW,EAAK;KAC9B,UAAU,EAAK,OAAO;KACtB,cAAc,CAAC;KACf,WAAY,IAA4B,KAAA,IAAlB,EAAE;KACxB,OAAO;KACP,SAAS,UAAgB,EAAM,UAAU,EAAK,GAAG,SAAS;KAC1D,EAVK,EAAK,GAUV;KAEJ;GACQ,CAAA,CACH,EAAA,EAlCI,EAkCJ,CACX;EACE,CAAA"}

package/dist/chunks/useRovingTabIndex-DBZtq4IH.js

@@ -0,0 +1,65 @@
+import { useRef as e } from "react";
+//#region src/useRovingTabIndex.ts
+function t(e) {
+	for (let t = 0; t < e.length; t++) if (!e[t].disabled) return t;
+	return -1;
+}
+function n(e) {
+	for (let t = e.length - 1; t >= 0; t--) if (!e[t].disabled) return t;
+	return -1;
+}
+function r(e, t) {
+	let n = e.length;
+	for (let r = 1; r <= n; r++) {
+		let i = (t + r + n) % n;
+		if (!e[i].disabled) return i;
+	}
+	return t;
+}
+function i(e, t) {
+	let n = e.length;
+	for (let r = 1; r <= n; r++) {
+		let i = (t - r + n) % n;
+		if (!e[i].disabled) return i;
+	}
+	return t;
+}
+function a(a) {
+	let { items: o, itemClassName: s, onNavigate: c, onActivate: l } = a, u = e(null), d = a.tabStopIndex ?? t(o), f = (e) => {
+		let t = u.current;
+		t && t.querySelectorAll(`.${s}`)[e]?.focus();
+	};
+	return {
+		rootRef: u,
+		tabIndexFor: (e) => e === d ? 0 : -1,
+		onKeyDown: (e) => (a) => {
+			let s = -1;
+			switch (a.key) {
+				case "ArrowLeft":
+				case "ArrowUp":
+					s = i(o, e);
+					break;
+				case "ArrowRight":
+				case "ArrowDown":
+					s = r(o, e);
+					break;
+				case "Home":
+					s = t(o);
+					break;
+				case "End":
+					s = n(o);
+					break;
+				case " ":
+				case "Enter":
+					l && (a.preventDefault(), l(e));
+					return;
+				default: return;
+			}
+			s < 0 || s === e || (a.preventDefault(), c?.(s), f(s));
+		}
+	};
+}
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=useRovingTabIndex-DBZtq4IH.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRovingTabIndex-DBZtq4IH.js","names":[],"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\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\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 `ActionsBar`, `OptionsBar`, and `ToggleBar`.\n *\n * **When a bar should not use this.** Only when the bar owns its items. A\n * container of arbitrary 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 and keeps plain\n * DOM tab order. A bar whose items are all simple buttons is the case this\n * 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":";;AAiCA,SAAS,EAAkB,GAAsC;AAC/D,MAAK,IAAI,IAAI,GAAG,IAAI,EAAM,QAAQ,IAAK,KAAI,CAAC,EAAM,GAAG,SAAU,QAAO;AACtE,QAAO;;AAGT,SAAS,EAAiB,GAAsC;AAC9D,MAAK,IAAI,IAAI,EAAM,SAAS,GAAG,KAAK,GAAG,IAAK,KAAI,CAAC,EAAM,GAAG,SAAU,QAAO;AAC3E,QAAO;;AAGT,SAAS,EAAiB,GAA8B,GAAsB;CAC5E,IAAM,IAAI,EAAM;AAChB,MAAK,IAAI,IAAI,GAAG,KAAK,GAAG,KAAK;EAC3B,IAAM,KAAK,IAAO,IAAI,KAAK;AAC3B,MAAI,CAAC,EAAM,GAAG,SAAU,QAAO;;AAEjC,QAAO;;AAGT,SAAS,EAAiB,GAA8B,GAAsB;CAC5E,IAAM,IAAI,EAAM;AAChB,MAAK,IAAI,IAAI,GAAG,KAAK,GAAG,KAAK;EAC3B,IAAM,KAAK,IAAO,IAAI,KAAK;AAC3B,MAAI,CAAC,EAAM,GAAG,SAAU,QAAO;;AAEjC,QAAO;;AAsBT,SAAgB,EACd,GACmB;CACnB,IAAM,EAAE,UAAO,kBAAe,eAAY,kBAAe,GACnD,IAAU,EAAiB,KAAK,EAEhC,IAAe,EAAQ,gBAAgB,EAAkB,EAAM,EAE/D,KAAa,MAAwB;EACzC,IAAM,IAAO,EAAQ;AAChB,OACY,EAAK,iBAA8B,IAAI,IACxD,CAAS,IAAQ,OAAO;;AAoC1B,QAAO;EACL;EACA,cAAc,MAAmB,MAAU,IAAe,IAAI;EAC9D,YApCiB,OAAmB,MAA6C;GACjF,IAAI,IAAY;AAChB,WAAQ,EAAE,KAAV;IACE,KAAK;IACL,KAAK;AACH,SAAY,EAAiB,GAAO,EAAM;AAC1C;IACF,KAAK;IACL,KAAK;AACH,SAAY,EAAiB,GAAO,EAAM;AAC1C;IACF,KAAK;AACH,SAAY,EAAkB,EAAM;AACpC;IACF,KAAK;AACH,SAAY,EAAiB,EAAM;AACnC;IACF,KAAK;IACL,KAAK;AACH,KAAI,MACF,EAAE,gBAAgB,EAClB,EAAW,EAAM;AAEnB;IACF,QACE;;AAEA,OAAY,KAAK,MAAc,MACnC,EAAE,gBAAgB,EAClB,IAAa,EAAU,EACvB,EAAU,EAAU;;EAOrB"}

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

@@ -1 +1 @@
-{"version":3,"file":"ActionsBar.d.ts","sourceRoot":"","sources":["../../../src/components/ActionsBar/ActionsBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhI,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI;IAC/D,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,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAC;AACzC,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,CAAC;AAEtD,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI;IAChE,KAAK,EAAE,SAAS,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AA8BF,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,YAAY,CAoFtG"}
+{"version":3,"file":"ActionsBar.d.ts","sourceRoot":"","sources":["../../../src/components/ActionsBar/ActionsBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9E,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI;IAC/D,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,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAC;AACzC,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,CAAC;AAEtD,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI;IAChE,KAAK,EAAE,SAAS,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,YAAY,CA8CtG"}

package/dist/components/ActionsBar/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/ActionsBar-CzU6Of3B.js";
+import { t as e } from "../../chunks/ActionsBar-CAjrj_Pt.js";
 export { e as ActionsBar };

package/dist/components/Callout/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../chunks/Callout-CxxrEcSb.js";
+import { n as e, t } from "../../chunks/Callout-DlirfLJl.js";
 export { t as Callout, e as CalloutTrigger };

package/dist/components/Checkbox/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/Checkbox-Cf6YHVWV.js";
+import { t as e } from "../../chunks/Checkbox-B3Z_u7k0.js";
 export { e as Checkbox };

package/dist/components/ColorField/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/ColorField-sGLnThpB.js";
+import { t as e } from "../../chunks/ColorField-B4Hd2qqS.js";
 export { e as ColorField };

package/dist/components/ComboBox/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../chunks/ComboBox-EnV1IytN.js";
+import { n as e, t } from "../../chunks/ComboBox-tbmgND-F.js";
 export { t as ComboBox, e as ComboBoxItem };

package/dist/components/CurveEditor/index.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../../chunks/CurveEditor-DAb2EMyR.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../../chunks/CurveEditor-CSKqAXMp.js";
 export { n as CurveEditor, i as LayeredCurveEditor, t as createFunctionLayer, a as createSetCurveOp, e as functionLayerState, r as sampleByInterpolation };

package/dist/components/Dialog/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/Dialog-CQymDCAl.js";
+import { t as e } from "../../chunks/Dialog-BFuakycR.js";
 export { e as Dialog };

package/dist/components/Field/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../chunks/Field-BHSu2F3E.js";
+import { n as e, t } from "../../chunks/Field-DPxmJzZz.js";
 export { t as Field, e as fieldClasses };

package/dist/components/GradientEditor/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../chunks/GradientEditor-Co9aGyRe.js";
+import { n as e, t } from "../../chunks/GradientEditor-3pYXGAPg.js";
 export { e as GradientEditor, t as GradientHandles };

package/dist/components/Input/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/Input-qk44ESKC.js";
+import { t as e } from "../../chunks/Input-Dg_CYXg4.js";
 export { e as Input };

package/dist/components/NumberField/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/NumberField-CYhQeWoM.js";
+import { t as e } from "../../chunks/NumberField-BhxUgi43.js";
 export { e as NumberField };

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

@@ -1 +1 @@
-{"version":3,"file":"OptionsBar.d.ts","sourceRoot":"","sources":["../../../src/components/OptionsBar/OptionsBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhI,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI;IAC/D,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,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAC;AACzC,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,CAAC;AAEtD,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI;IAChE,KAAK,EAAE,SAAS,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;4EACwE;IACxE,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;0EACsE;IACtE,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AA8BF,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,YAAY,CAwFtG"}
+{"version":3,"file":"OptionsBar.d.ts","sourceRoot":"","sources":["../../../src/components/OptionsBar/OptionsBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9E,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI;IAC/D,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,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAC;AACzC,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,CAAC;AAEtD,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI;IAChE,KAAK,EAAE,SAAS,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;4EACwE;IACxE,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;0EACsE;IACtE,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,YAAY,CAkDtG"}

package/dist/components/OptionsBar/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/OptionsBar-CHOP_CiW.js";
+import { t as e } from "../../chunks/OptionsBar-hQN-wfd-.js";
 export { e as OptionsBar };

package/dist/components/PointPlotter/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/PointPlotter-EkbCBK9j.js";
+import { t as e } from "../../chunks/PointPlotter-DCSjvpN0.js";
 export { e as PointPlotter };

package/dist/components/Powerline/index.js

@@ -1,3 +1,3 @@
 import { n as e } from "../../chunks/Badge-DZQqAV4d.js";
-import { t } from "../../chunks/Powerline-Bg9M5oBK.js";
+import { t } from "../../chunks/Powerline-DkOTPnUV.js";
 export { e as EDGE_PROFILES, t as Powerline };

package/dist/components/Prefs/index.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "../../chunks/Prefs-DZjXp2Ln.js";
+import { a as e, i as t, n, r, t as i } from "../../chunks/Prefs-C4HfuTvm.js";
 export { i as PrefsDialog, n as PrefsForm, r as isPrefLeaf, t as prefValueAtPath, e as visiblePrefSubtree };

package/dist/components/RadioGroup/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../chunks/RadioGroup-rL2i3afr.js";
+import { n as e, t } from "../../chunks/RadioGroup-Bg3Rqxe2.js";
 export { t as Radio, e as RadioGroup };

package/dist/components/RangeSlider/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/RangeSlider-DPldYd4O.js";
+import { t as e } from "../../chunks/RangeSlider-BvM_DGSr.js";
 export { e as RangeSlider };

package/dist/components/ResizeHandle/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/ResizeHandle-DR8X229y.js";
+import { t as e } from "../../chunks/ResizeHandle-BUkW2kZC.js";
 export { e as ResizeHandle };

package/dist/components/Select/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../chunks/Select-vSeAbspK.js";
+import { n as e, t } from "../../chunks/Select-DC0AjrEe.js";
 export { t as Select, e as SelectItem };

package/dist/components/SelectionPanel/index.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../../chunks/SelectionPanel-1mmALQba.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../../chunks/SelectionPanel-DoTdisRY.js";
 export { r as MIXED, s as SelectionPanel, a as aggregateValue, n as classifyKind, e as effectiveSections, i as kindBreakdown, o as nodeValueAt, t as setAtPath };

package/dist/components/Sidebar/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/Sidebar-CigrFvpL.js";
+import { t as e } from "../../chunks/Sidebar-B8qig3BQ.js";
 export { e as Sidebar };

package/dist/components/SidebarPanel/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/SidebarPanel-C0w16BrF.js";
+import { t as e } from "../../chunks/SidebarPanel-LOt2c-wb.js";
 export { e as SidebarPanel };

package/dist/components/StatusBar/index.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../../chunks/StatusBar-lt_Ok6WK.js";
+import { n as e, r as t, t as n } from "../../chunks/StatusBar-Cg2LzdAm.js";
 export { n as StatusBar, e as StatusBarItem, t as StatusBarSpacer };

package/dist/components/Switch/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/Switch-BYj762hm.js";
+import { t as e } from "../../chunks/Switch-I4putUAY.js";
 export { e as Switch };

package/dist/components/Tabs/index.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "../../chunks/Tabs-DOW5jtnq.js";
+import { i as e, n as t, r as n, t as r } from "../../chunks/Tabs-irZuG_PN.js";
 export { r as Tab, t as TabList, n as TabPanel, e as Tabs };

package/dist/components/Toast/index.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "../../chunks/Toast-DLM2AsTz.js";
+import { a as e, i as t, n, r, t as i } from "../../chunks/Toast-BGYP8Pw0.js";
 export { n as ToastQueue, i as ToastRegion, r as createToastQueue, t as defaultToastQueue, e as toast };

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleBar.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleBar/ToggleBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhI,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;CACpB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,CAAC;AACxC,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAC;AAErD,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;4EACwE;IACxE,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;0EACsE;IACtE,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IACzD,CAAC,WAAW,GAAG;IACb,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,EAAE,SAAS,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC,GACF,CAAC,WAAW,GAAG;IACb,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,SAAS,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB;;;;;;;;;;;;;;;OAeG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC;IAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CAC/B,CAAC,CAAC;AA8BP,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,YAAY,CAwIpG"}
+{"version":3,"file":"ToggleBar.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleBar/ToggleBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9E,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;CACpB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,CAAC;AACxC,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAC;AAErD,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;4EACwE;IACxE,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;0EACsE;IACtE,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IACzD,CAAC,WAAW,GAAG;IACb,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,EAAE,SAAS,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC,GACF,CAAC,WAAW,GAAG;IACb,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,SAAS,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB;;;;;;;;;;;;;;;OAeG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC;IAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CAC/B,CAAC,CAAC;AAEP,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,YAAY,CAqGpG"}

package/dist/components/ToggleBar/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/ToggleBar-Defj6Asn.js";
+import { t as e } from "../../chunks/ToggleBar-BP1zFcvg.js";
 export { e as ToggleBar };

package/dist/components/ToolButton/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/ToolButton-5L1sAlJC.js";
+import { t as e } from "../../chunks/ToolButton-DUeg8fPN.js";
 export { e as ToolButton };

package/dist/components/ToolGroup/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/ToolGroup-BAthcF5H.js";
+import { t as e } from "../../chunks/ToolGroup-D0CvyQhQ.js";
 export { e as ToolGroup };

package/dist/components/ToolOptionsBar/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/ToolOptionsBar-D4xmXa_a.js";
+import { t as e } from "../../chunks/ToolOptionsBar-N_MQcSo4.js";
 export { e as ToolOptionsBar };

package/dist/components/ToolPalette/index.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../../chunks/ToolPalette-BDkvV3pJ.js";
+import { n as e, r as t, t as n } from "../../chunks/ToolPalette-BipoMdZz.js";
 export { n as ToolPalette, e as formatShortcut, t as formatShortcutParts };

package/dist/index.d.ts

@@ -43,6 +43,8 @@ export type { GradientTrackOpts } from './paintGradientTrack';
 export { oklchToHex, chromaAt } from './color/oklch';
 export type { ChromaCurve, ChromaCurvePoint } from './color/oklch';
 export { useReorderDragList } from './useReorderDragList';
+export { useRovingTabIndex } from './useRovingTabIndex';
+export type { RovingItem, RovingTabIndex, UseRovingTabIndexOptions } from './useRovingTabIndex';
 export { formatNumber, MINUS_SIGN } from './format/number';
 export type { LayerListItem, UseReorderDragListOptions, ReorderDragState, ReorderDragHandlers, } from './useReorderDragList';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACrD,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EACV,aAAa,EACb,yBAAyB,EACzB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACrD,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAChG,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EACV,aAAa,EACb,yBAAyB,EACzB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,sBAAsB,CAAC"}

package/dist/index.js

@@ -8,53 +8,54 @@ import { n as u, t as d } from "./chunks/DataGrid-BQklXGRl.js";
 import { a as f, i as p, n as m, o as h, r as g, t as _ } from "./chunks/Keycaps-CFX7UAj8.js";
 import { t as v } from "./chunks/keyGlyph-BDH5fqkO.js";
 import { n as y, r as b, t as x } from "./chunks/Slider-Di2kNqVy.js";
-import { t as S } from "./chunks/ToggleBar-Defj6Asn.js";
-import { t as C } from "./chunks/OptionsBar-CHOP_CiW.js";
-import { t as w } from "./chunks/ActionsBar-CzU6Of3B.js";
-import { t as T } from "./chunks/ToolOptionsBar-D4xmXa_a.js";
-import { t as E } from "./chunks/Powerline-Bg9M5oBK.js";
-import { t as D } from "./chunks/Checkbox-Cf6YHVWV.js";
-import { t as O } from "./chunks/ColorField-sGLnThpB.js";
-import { n as k, t as A } from "./chunks/Field-BHSu2F3E.js";
-import { t as j } from "./chunks/Input-qk44ESKC.js";
-import { t as M } from "./chunks/NumberField-CYhQeWoM.js";
-import { n as N, t as P } from "./chunks/RadioGroup-rL2i3afr.js";
-import { t as F } from "./chunks/RangeSlider-DPldYd4O.js";
-import { n as I, t as L } from "./chunks/Select-vSeAbspK.js";
-import { t as R } from "./chunks/Switch-BYj762hm.js";
-import { a as z, i as B, n as V, r as H, t as U } from "./chunks/Prefs-DZjXp2Ln.js";
-import { t as W } from "./chunks/Dialog-CQymDCAl.js";
-import { a as G, c as K, i as q, n as J, o as Y, r as X, s as Z, t as Q } from "./chunks/SelectionPanel-1mmALQba.js";
-import { t as te } from "./chunks/ResizeHandle-DR8X229y.js";
-import { t as ne } from "./chunks/Sidebar-CigrFvpL.js";
-import { t as re } from "./chunks/SidebarPanel-C0w16BrF.js";
-import { n as ie, r as ae, t as oe } from "./chunks/StatusBar-lt_Ok6WK.js";
-import { t as se } from "./chunks/ToolButton-5L1sAlJC.js";
-import { t as ce } from "./chunks/ToolGroup-BAthcF5H.js";
-import { n as le, r as ue, t as de } from "./chunks/ToolPalette-BDkvV3pJ.js";
+import { t as S } from "./chunks/ToggleBar-BP1zFcvg.js";
+import { t as C } from "./chunks/useRovingTabIndex-DBZtq4IH.js";
+import { t as w } from "./chunks/OptionsBar-hQN-wfd-.js";
+import { t as T } from "./chunks/ActionsBar-CAjrj_Pt.js";
+import { t as E } from "./chunks/ToolOptionsBar-N_MQcSo4.js";
+import { t as D } from "./chunks/Powerline-DkOTPnUV.js";
+import { t as O } from "./chunks/Checkbox-B3Z_u7k0.js";
+import { t as k } from "./chunks/ColorField-B4Hd2qqS.js";
+import { n as A, t as j } from "./chunks/Field-DPxmJzZz.js";
+import { t as M } from "./chunks/Input-Dg_CYXg4.js";
+import { t as N } from "./chunks/NumberField-BhxUgi43.js";
+import { n as P, t as F } from "./chunks/RadioGroup-Bg3Rqxe2.js";
+import { t as I } from "./chunks/RangeSlider-BvM_DGSr.js";
+import { n as L, t as R } from "./chunks/Select-DC0AjrEe.js";
+import { t as z } from "./chunks/Switch-I4putUAY.js";
+import { a as B, i as V, n as H, r as U, t as W } from "./chunks/Prefs-C4HfuTvm.js";
+import { t as G } from "./chunks/Dialog-BFuakycR.js";
+import { a as K, c as q, i as J, n as Y, o as X, r as Z, s as Q, t as te } from "./chunks/SelectionPanel-DoTdisRY.js";
+import { t as ne } from "./chunks/ResizeHandle-BUkW2kZC.js";
+import { t as re } from "./chunks/Sidebar-B8qig3BQ.js";
+import { t as ie } from "./chunks/SidebarPanel-LOt2c-wb.js";
+import { n as ae, r as oe, t as se } from "./chunks/StatusBar-Cg2LzdAm.js";
+import { t as ce } from "./chunks/ToolButton-DUeg8fPN.js";
+import { t as le } from "./chunks/ToolGroup-D0CvyQhQ.js";
+import { n as ue, r as de, t as fe } from "./chunks/ToolPalette-BipoMdZz.js";
 import "./components/Field/index.js";
-import { i as fe, n as pe, r as me, t as he } from "./chunks/Tabs-DOW5jtnq.js";
-import { n as ge, t as _e } from "./chunks/ComboBox-EnV1IytN.js";
-import { n as ve, t as ye } from "./chunks/Callout-CxxrEcSb.js";
-import { a as be, i as xe, n as Se, r as Ce, t as we } from "./chunks/Toast-DLM2AsTz.js";
-import { a as Te, i as Ee, n as De, o as $, r as Oe, t as ke } from "./chunks/CurveEditor-DAb2EMyR.js";
-import { t as Ae } from "./chunks/PointPlotter-EkbCBK9j.js";
-import { n as je, r as Me, t as Ne } from "./chunks/GradientEditor-Co9aGyRe.js";
-import { oklabToSrgbU8 as Pe, oklchToOklab as Fe, rgbaToHex as Ie } from "@weasel-js/core";
+import { i as pe, n as me, r as he, t as ge } from "./chunks/Tabs-irZuG_PN.js";
+import { n as _e, t as ve } from "./chunks/ComboBox-tbmgND-F.js";
+import { n as ye, t as be } from "./chunks/Callout-DlirfLJl.js";
+import { a as xe, i as Se, n as Ce, r as we, t as Te } from "./chunks/Toast-BGYP8Pw0.js";
+import { a as Ee, i as De, n as $, o as Oe, r as ke, t as Ae } from "./chunks/CurveEditor-CSKqAXMp.js";
+import { t as je } from "./chunks/PointPlotter-DCSjvpN0.js";
+import { n as Me, r as Ne, t as Pe } from "./chunks/GradientEditor-3pYXGAPg.js";
+import { oklabToSrgbU8 as Fe, oklchToOklab as Ie, rgbaToHex as Le } from "@weasel-js/core";
 //#region src/color/oklch.ts
-function Le(e, t, n) {
-	let [r, i, a] = Fe(e, t, n * Math.PI / 180), [o, s, c] = Pe(r, i, a);
-	return Ie([
+function Re(e, t, n) {
+	let [r, i, a] = Ie(e, t, n * Math.PI / 180), [o, s, c] = Fe(r, i, a);
+	return Le([
 		o / 255,
 		s / 255,
 		c / 255
 	]);
 }
-function Re(e, t) {
+function ze(e, t) {
 	let [n, r] = t.lRange;
 	return e <= n ? t.cBot : e >= r ? t.cTop : e <= t.midL ? t.cBot + (t.cPeak - t.cBot) * ((e - n) / (t.midL - n)) : t.cPeak + (t.cTop - t.cPeak) * ((e - t.midL) / (r - t.midL));
 }
 //#endregion
-export { s as ActionBar, w as ActionsBar, ee as Badge, l as Button, ye as Callout, ve as CalloutTrigger, D as Checkbox, O as ColorField, _e as ComboBox, ge as ComboBoxItem, De as CurveEditor, d as DataGrid, W as Dialog, c as EDGE_PROFILES, A as Field, je as GradientEditor, Ne as GradientHandles, j as Input, f as KeyCap, p as KeySequence, Oe as LayeredCurveEditor, y as MINUS_SIGN, J as MIXED, M as NumberField, C as OptionsBar, i as Plot2D, Ae as PointPlotter, E as Powerline, U as PrefsDialog, V as PrefsForm, P as Radio, N as RadioGroup, F as RangeSlider, te as ResizeHandle, L as Select, I as SelectItem, Q as SelectionPanel, ne as Sidebar, re as SidebarPanel, x as Slider, oe as StatusBar, ie as StatusBarItem, ae as StatusBarSpacer, R as Switch, he as Tab, pe as TabList, me as TabPanel, fe as Tabs, Se as ToastQueue, we as ToastRegion, S as ToggleBar, se as ToolButton, ce as ToolGroup, T as ToolOptionsBar, de as ToolPalette, o as Tooltip, a as TooltipTrigger, X as aggregateValue, Re as chromaAt, q as classifyKind, Ee as createFunctionLayer, ke as createSetCurveOp, Ce as createToastQueue, xe as defaultToastQueue, _ as detectPlatform, t as dlog, G as effectiveSections, k as fieldClasses, b as formatNumber, le as formatShortcut, ue as formatShortcutParts, Te as functionLayerState, h as inferKeycapKind, e as isDebugEnabled, H as isPrefLeaf, v as keyGlyph, m as keySpecFromKey, g as keySpecsFromMods, Y as kindBreakdown, n as modelToPlot, Z as nodeValueAt, Le as oklchToHex, Me as paintGradientTrack, r as plotToModel, B as prefValueAtPath, $ as sampleByInterpolation, K as setAtPath, be as toast, u as useReorderDragList, z as visiblePrefSubtree };
+export { s as ActionBar, T as ActionsBar, ee as Badge, l as Button, be as Callout, ye as CalloutTrigger, O as Checkbox, k as ColorField, ve as ComboBox, _e as ComboBoxItem, $ as CurveEditor, d as DataGrid, G as Dialog, c as EDGE_PROFILES, j as Field, Me as GradientEditor, Pe as GradientHandles, M as Input, f as KeyCap, p as KeySequence, ke as LayeredCurveEditor, y as MINUS_SIGN, Y as MIXED, N as NumberField, w as OptionsBar, i as Plot2D, je as PointPlotter, D as Powerline, W as PrefsDialog, H as PrefsForm, F as Radio, P as RadioGroup, I as RangeSlider, ne as ResizeHandle, R as Select, L as SelectItem, te as SelectionPanel, re as Sidebar, ie as SidebarPanel, x as Slider, se as StatusBar, ae as StatusBarItem, oe as StatusBarSpacer, z as Switch, ge as Tab, me as TabList, he as TabPanel, pe as Tabs, Ce as ToastQueue, Te as ToastRegion, S as ToggleBar, ce as ToolButton, le as ToolGroup, E as ToolOptionsBar, fe as ToolPalette, o as Tooltip, a as TooltipTrigger, Z as aggregateValue, ze as chromaAt, J as classifyKind, De as createFunctionLayer, Ae as createSetCurveOp, we as createToastQueue, Se as defaultToastQueue, _ as detectPlatform, t as dlog, K as effectiveSections, A as fieldClasses, b as formatNumber, ue as formatShortcut, de as formatShortcutParts, Ee as functionLayerState, h as inferKeycapKind, e as isDebugEnabled, U as isPrefLeaf, v as keyGlyph, m as keySpecFromKey, g as keySpecsFromMods, X as kindBreakdown, n as modelToPlot, Q as nodeValueAt, Re as oklchToHex, Ne as paintGradientTrack, r as plotToModel, V as prefValueAtPath, Oe as sampleByInterpolation, q as setAtPath, xe as toast, u as useReorderDragList, C as useRovingTabIndex, B as visiblePrefSubtree };
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/color/oklch.ts"],"sourcesContent":["// OKLCH math from Björn Ottosson: https://bottosson.github.io/posts/oklab/\nimport { oklchToOklab, oklabToSrgbU8, rgbaToHex } from '@weasel-js/core';\n\nexport type ChromaCurve = {\n  lRange: [number, number];\n  midL: number;\n  cBot: number;\n  cPeak: number;\n  cTop: number;\n};\n\nexport type ChromaCurvePoint = { L: number; C: number };\n\nexport function oklchToHex(L: number, C: number, Hdeg: number): string {\n  // Delegate to the kit's OKLab pipeline (kit angle unit is radians) →\n  // gamut-clipped u8 sRGB → `#rrggbb`.\n  const [l, a, b] = oklchToOklab(L, C, (Hdeg * Math.PI) / 180);\n  const [r, g, bl] = oklabToSrgbU8(l, a, b);\n  return rgbaToHex([r / 255, g / 255, bl / 255]);\n}\n\nexport function chromaAt(L: number, curve: ChromaCurve): number {\n  const [lo, hi] = curve.lRange;\n  if (L <= lo) return curve.cBot;\n  if (L >= hi) return curve.cTop;\n  if (L <= curve.midL) return curve.cBot + (curve.cPeak - curve.cBot) * ((L - lo) / (curve.midL - lo));\n  return curve.cPeak + (curve.cTop - curve.cPeak) * ((L - curve.midL) / (hi - curve.midL));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,SAAgB,GAAW,GAAW,GAAW,GAAsB;CAGrE,IAAM,CAAC,GAAG,GAAG,KAAK,GAAa,GAAG,GAAI,IAAO,KAAK,KAAM,IAAI,EACtD,CAAC,GAAG,GAAG,KAAM,GAAc,GAAG,GAAG,EAAE;AACzC,QAAO,GAAU;EAAC,IAAI;EAAK,IAAI;EAAK,IAAK;EAAI,CAAC;;AAGhD,SAAgB,GAAS,GAAW,GAA4B;CAC9D,IAAM,CAAC,GAAI,KAAM,EAAM;AAIvB,QAHI,KAAK,IAAW,EAAM,OACtB,KAAK,IAAW,EAAM,OACtB,KAAK,EAAM,OAAa,EAAM,QAAQ,EAAM,QAAQ,EAAM,UAAU,IAAI,MAAO,EAAM,OAAO,MACzF,EAAM,SAAS,EAAM,OAAO,EAAM,WAAW,IAAI,EAAM,SAAS,IAAK,EAAM"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/color/oklch.ts"],"sourcesContent":["// OKLCH math from Björn Ottosson: https://bottosson.github.io/posts/oklab/\nimport { oklchToOklab, oklabToSrgbU8, rgbaToHex } from '@weasel-js/core';\n\nexport type ChromaCurve = {\n  lRange: [number, number];\n  midL: number;\n  cBot: number;\n  cPeak: number;\n  cTop: number;\n};\n\nexport type ChromaCurvePoint = { L: number; C: number };\n\nexport function oklchToHex(L: number, C: number, Hdeg: number): string {\n  // Delegate to the kit's OKLab pipeline (kit angle unit is radians) →\n  // gamut-clipped u8 sRGB → `#rrggbb`.\n  const [l, a, b] = oklchToOklab(L, C, (Hdeg * Math.PI) / 180);\n  const [r, g, bl] = oklabToSrgbU8(l, a, b);\n  return rgbaToHex([r / 255, g / 255, bl / 255]);\n}\n\nexport function chromaAt(L: number, curve: ChromaCurve): number {\n  const [lo, hi] = curve.lRange;\n  if (L <= lo) return curve.cBot;\n  if (L >= hi) return curve.cTop;\n  if (L <= curve.midL) return curve.cBot + (curve.cPeak - curve.cBot) * ((L - lo) / (curve.midL - lo));\n  return curve.cPeak + (curve.cTop - curve.cPeak) * ((L - curve.midL) / (hi - curve.midL));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,SAAgB,GAAW,GAAW,GAAW,GAAsB;CAGrE,IAAM,CAAC,GAAG,GAAG,KAAK,GAAa,GAAG,GAAI,IAAO,KAAK,KAAM,IAAI,EACtD,CAAC,GAAG,GAAG,KAAM,GAAc,GAAG,GAAG,EAAE;AACzC,QAAO,GAAU;EAAC,IAAI;EAAK,IAAI;EAAK,IAAK;EAAI,CAAC;;AAGhD,SAAgB,GAAS,GAAW,GAA4B;CAC9D,IAAM,CAAC,GAAI,KAAM,EAAM;AAIvB,QAHI,KAAK,IAAW,EAAM,OACtB,KAAK,IAAW,EAAM,OACtB,KAAK,EAAM,OAAa,EAAM,QAAQ,EAAM,QAAQ,EAAM,UAAU,IAAI,MAAO,EAAM,OAAO,MACzF,EAAM,SAAS,EAAM,OAAO,EAAM,WAAW,IAAI,EAAM,SAAS,IAAK,EAAM"}

package/dist/useRovingTabIndex.d.ts

@@ -0,0 +1,52 @@
+import { type KeyboardEvent as ReactKeyboardEvent, type RefObject } from 'react';
+/** The only thing the hook needs to know about a bar's items: which are
+ *  skipped by arrow navigation. */
+export type RovingItem = {
+    disabled?: boolean;
+};
+export type UseRovingTabIndexOptions = {
+    /** In the same order as the elements carrying `itemClassName`. */
+    items: readonly RovingItem[];
+    /** Class on the focusable element of each item, inside the container the
+     *  returned `rootRef` is attached to. Their DOM order must match `items`. */
+    itemClassName: string;
+    /** Index that carries `tabIndex=0`. Defaults to the first enabled item; a
+     *  radiogroup-style bar passes its selected index so Tab lands on the
+     *  current value. */
+    tabStopIndex?: number;
+    /** Called with the new index as arrow/Home/End focus moves, before focus
+     *  moves. This is where a selection-follows-focus bar commits the value. */
+    onNavigate?: (index: number) => void;
+    /** Space/Enter on the item at `index`. When omitted the keypress is left
+     *  alone, which on a native `<button>` produces an ordinary click. */
+    onActivate?: (index: number) => void;
+};
+export type RovingTabIndex<T extends HTMLElement = HTMLDivElement> = {
+    /** Attach to the container element that holds the items. */
+    rootRef: RefObject<T | null>;
+    /** `tabIndex` value for the item at `index`. */
+    tabIndexFor: (index: number) => 0 | -1;
+    /** `onKeyDown` for the item at `index`. */
+    onKeyDown: (index: number) => (e: ReactKeyboardEvent<HTMLElement>) => void;
+};
+/**
+ * Roving tabindex for a bar of items: one item is in the tab order, and the
+ * arrow keys move focus among the rest, skipping disabled ones and wrapping
+ * 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`.
+ *
+ * **When a bar should not use this.** Only when the bar owns its items. A
+ * container of arbitrary compound controls — a number field, a select, a
+ * color field — must leave the arrow keys alone, because those controls edit
+ * their own value with them; taking the arrows over would break the control
+ * to navigate between controls. `ToolOptionsBar` is that case and keeps plain
+ * DOM tab order. A bar whose items are all simple buttons is the case this
+ * hook is for.
+ *
+ * With every item disabled there is no tab stop and the bar drops out of the
+ * tab order entirely.
+ */
+export declare function useRovingTabIndex<T extends HTMLElement = HTMLDivElement>(options: UseRovingTabIndexOptions): RovingTabIndex<T>;
+//# sourceMappingURL=useRovingTabIndex.d.ts.map

package/dist/useRovingTabIndex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRovingTabIndex.d.ts","sourceRoot":"","sources":["../src/useRovingTabIndex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,aAAa,IAAI,kBAAkB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzF;mCACmC;AACnC,MAAM,MAAM,UAAU,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEhD,MAAM,MAAM,wBAAwB,GAAG;IACrC,kEAAkE;IAClE,KAAK,EAAE,SAAS,UAAU,EAAE,CAAC;IAC7B;iFAC6E;IAC7E,aAAa,EAAE,MAAM,CAAC;IACtB;;yBAEqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;gFAC4E;IAC5E,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;0EACsE;IACtE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,cAAc,IAAI;IACnE,4DAA4D;IAC5D,OAAO,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IAC7B,gDAAgD;IAChD,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IACvC,2CAA2C;IAC3C,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC5E,CAAC;AA8BF;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,cAAc,EACtE,OAAO,EAAE,wBAAwB,GAChC,cAAc,CAAC,CAAC,CAAC,CAmDnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weasel-js/ui",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "UI chrome primitives for weasel apps (properties panel, etc.)",
   "license": "MIT",
   "type": "module",
@@ -23,7 +23,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@weasel-js/modes": "1.0.0",
+    "@weasel-js/modes": "1.0.1",
     "react-aria-components": "^1.5.0"
   },
   "peerDependencies": {