@weasel-js/labkit 1.1.0 → 1.3.0-pre.0

package/dist/chunk-O7NVSCLN.js

@@ -0,0 +1,266 @@
+import { v, f2 } from './chunk-TLGRYALP.js';
+import { CanvasStackContext } from './chunk-CPUJ3QXL.js';
+import { useVisibleRaf } from './chunk-Z6HJ5FEM.js';
+import { useState, useRef, useEffect, useContext, useCallback } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/primitives/fpsAverage.ts
+function rollingAverage(samples) {
+  if (samples.length === 0) return 0;
+  const sum = samples.reduce((acc, n) => acc + n, 0);
+  return Math.round(sum / samples.length);
+}
+var SAMPLE_WINDOW = 30;
+function FpsMeter() {
+  const [fps, setFps] = useState(0);
+  const samplesRef = useRef([]);
+  const lastTimeRef = useRef(null);
+  const rootRef = useRef(null);
+  const loop = useVisibleRaf(
+    (time) => {
+      const last = lastTimeRef.current;
+      if (last !== null) {
+        const delta = time - last;
+        if (delta > 0) {
+          const samples = samplesRef.current;
+          samples.push(1e3 / delta);
+          if (samples.length > SAMPLE_WINDOW) samples.shift();
+          setFps(rollingAverage(samples));
+        }
+      }
+      lastTimeRef.current = time;
+      loop.request();
+    },
+    {
+      target: rootRef,
+      // The gap spent suspended is not a frame that took an hour to draw.
+      onResume: () => {
+        lastTimeRef.current = null;
+      }
+    }
+  );
+  useEffect(() => {
+    loop.request();
+    return () => loop.cancel();
+  }, [loop]);
+  return /* @__PURE__ */ jsx("div", { className: "lk-fps-meter", ref: rootRef, children: /* @__PURE__ */ jsxs("span", { className: "lk-fps-meter-value", children: [
+    "FPS ",
+    fps
+  ] }) });
+}
+function niceNumber(n) {
+  if (n <= 0) return 1;
+  const exp = Math.floor(Math.log10(n));
+  const fraction = n / 10 ** exp;
+  let nice;
+  if (fraction < 1.5) nice = 1;
+  else if (fraction < 3.5) nice = 2;
+  else if (fraction < 7.5) nice = 5;
+  else nice = 10;
+  return nice * 10 ** exp;
+}
+function ScaleIndicator({
+  zoom,
+  pixelsPerUnit = 1,
+  unit = "px",
+  targetWidth = 100
+}) {
+  const ctxValue = useContext(CanvasStackContext);
+  const effectiveZoom = zoom ?? ctxValue?.view.zoom ?? 1;
+  const effectivePxPerUnit = pixelsPerUnit * effectiveZoom;
+  const targetUnits = targetWidth / effectivePxPerUnit;
+  const niceUnits = niceNumber(targetUnits);
+  const barWidth = niceUnits * effectivePxPerUnit;
+  return /* @__PURE__ */ jsxs("div", { className: "lk-scale-indicator", role: "img", "aria-label": `Scale: ${niceUnits} ${unit}`, children: [
+    /* @__PURE__ */ jsx("div", { className: "lk-scale-indicator-bar", style: { width: `${barWidth}px` } }),
+    /* @__PURE__ */ jsxs("span", { className: "lk-scale-indicator-label", children: [
+      niceUnits,
+      " ",
+      unit
+    ] })
+  ] });
+}
+var toTrack = (zoom) => Math.log2(zoom);
+var fromTrack = (v2) => 2 ** v2;
+var clamp = (v2, lo, hi) => Math.max(lo, Math.min(hi, v2));
+function ZoomControl({
+  zoom,
+  onZoomChange,
+  onZoomCommit,
+  min = 0.1,
+  max = 8,
+  className
+}) {
+  const commit = onZoomCommit ?? onZoomChange;
+  const emit = (track, done) => {
+    const next = clamp(fromTrack(track), min, max);
+    (done ? commit : onZoomChange)(next);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `lk-zoom${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsx(
+      v,
+      {
+        className: "lk-zoom__slider",
+        ariaLabel: "Zoom",
+        min: toTrack(min),
+        max: toTrack(max),
+        stops: [-2, -1, 0, 1, 2],
+        thumbs: [{ value: clamp(toTrack(zoom), toTrack(min), toTrack(max)) }],
+        onInput: (next) => emit(next[0].value, false),
+        onChange: (next) => emit(next[0].value, true),
+        readoutPlacement: "none"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      f2,
+      {
+        className: "lk-zoom__field",
+        "aria-label": "Zoom",
+        value: zoom,
+        minValue: min,
+        maxValue: max,
+        step: 0.01,
+        hideSteppers: true,
+        formatOptions: { style: "percent", maximumFractionDigits: 0 },
+        onChange: (next) => {
+          if (!Number.isFinite(next)) return;
+          commit(clamp(next, min, max));
+        }
+      }
+    )
+  ] });
+}
+function StatusBar({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "lk-status-bar", children });
+}
+function Section({ children, end }) {
+  return /* @__PURE__ */ jsx("span", { className: `lk-status-bar-section${end ? " lk-status-bar-section--end" : ""}`, children });
+}
+StatusBar.Section = Section;
+function nextIndex(current, key, count) {
+  if (count === 0) return null;
+  switch (key) {
+    case "ArrowRight":
+      return (current + 1) % count;
+    case "ArrowLeft":
+      return (current - 1 + count) % count;
+    case "Home":
+      return 0;
+    case "End":
+      return count - 1;
+    default:
+      return null;
+  }
+}
+function useRovingTabIndex() {
+  const ref = useRef(null);
+  const stop = useRef(0);
+  const items = useCallback(
+    () => ref.current ? Array.from(
+      ref.current.querySelectorAll('button:not([disabled]), [role="button"]')
+    ) : [],
+    []
+  );
+  const setTabStop = useCallback(
+    (index) => {
+      const found = items();
+      const at = Math.min(Math.max(index, 0), Math.max(found.length - 1, 0));
+      stop.current = at;
+      for (const [i, el] of found.entries()) el.tabIndex = i === at ? 0 : -1;
+    },
+    [items]
+  );
+  useEffect(() => {
+    const resync = () => {
+      const focused = items().indexOf(document.activeElement);
+      setTabStop(focused === -1 ? stop.current : focused);
+    };
+    resync();
+    if (!ref.current) return;
+    const mo = new MutationObserver(resync);
+    mo.observe(ref.current, { childList: true, subtree: true, attributeFilter: ["disabled"] });
+    return () => mo.disconnect();
+  }, [items, setTabStop]);
+  const onKeyDown = useCallback(
+    (e) => {
+      const found = items();
+      const current = found.indexOf(document.activeElement);
+      const next = nextIndex(current === -1 ? 0 : current, e.key, found.length);
+      if (next === null) return;
+      e.preventDefault();
+      found[next]?.focus();
+      setTabStop(next);
+    },
+    [items, setTabStop]
+  );
+  return { ref, onKeyDown };
+}
+function Toolbar({ children, "aria-label": ariaLabel }) {
+  const { ref, onKeyDown } = useRovingTabIndex();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: "lk-toolbar",
+      role: "toolbar",
+      "aria-label": ariaLabel,
+      onKeyDown,
+      children
+    }
+  );
+}
+function Title({ children }) {
+  return /* @__PURE__ */ jsx("span", { className: "lk-toolbar-title", children });
+}
+function Group({ children, end, "aria-label": ariaLabel }) {
+  return (
+    // biome-ignore lint/a11y/useSemanticElements: a group inside role="toolbar" is the APG pattern; the rule is local and cannot see the parent. <fieldset> means form controls, needs a <legend> to be named, and its UA min-width breaks flex children.
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `lk-toolbar-group${end ? " lk-toolbar-group--end" : ""}`,
+        role: "group",
+        "aria-label": ariaLabel,
+        children
+      }
+    )
+  );
+}
+function Button({
+  children,
+  onClick,
+  disabled,
+  title,
+  "aria-label": ariaLabel,
+  variant = "default",
+  iconOnly
+}) {
+  const cls = [
+    "lk-toolbar-button",
+    variant === "danger" && "lk-toolbar-button--danger",
+    iconOnly && "lk-toolbar-button--icon"
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: cls,
+      onClick,
+      disabled,
+      title,
+      "aria-label": ariaLabel ?? title,
+      children
+    }
+  );
+}
+function Spacer() {
+  return /* @__PURE__ */ jsx("span", { className: "lk-toolbar-spacer", "aria-hidden": "true" });
+}
+Toolbar.Title = Title;
+Toolbar.Group = Group;
+Toolbar.Button = Button;
+Toolbar.Spacer = Spacer;
+
+export { FpsMeter, ScaleIndicator, StatusBar, Toolbar, ZoomControl };
+//# sourceMappingURL=chunk-O7NVSCLN.js.map
+//# sourceMappingURL=chunk-O7NVSCLN.js.map

package/dist/chunk-O7NVSCLN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/primitives/fpsAverage.ts","../src/primitives/FpsMeter.tsx","../src/primitives/ScaleIndicator.tsx","../src/primitives/ZoomControl.tsx","../src/primitives/StatusBar.tsx","../src/primitives/useRovingTabIndex.ts","../src/primitives/Toolbar.tsx"],"names":["jsxs","jsx","v","f","useRef","useEffect"],"mappings":"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","file":"chunk-O7NVSCLN.js","sourcesContent":["export function rollingAverage(samples: readonly number[]): number {\n  if (samples.length === 0) return 0;\n  const sum = samples.reduce((acc, n) => acc + n, 0);\n  return Math.round(sum / samples.length);\n}\n","import { useVisibleRaf } from '@weasel-js/core';\nimport { useEffect, useRef, useState } from 'react';\nimport { rollingAverage } from './fpsAverage';\n\nconst SAMPLE_WINDOW = 30;\n\n/** A live frame-rate readout, averaged over the last 30 frames. */\nexport function FpsMeter() {\n  const [fps, setFps] = useState(0);\n  const samplesRef = useRef<number[]>([]);\n  const lastTimeRef = useRef<number | null>(null);\n  const rootRef = useRef<HTMLDivElement | null>(null);\n\n  const loop = useVisibleRaf(\n    (time) => {\n      const last = lastTimeRef.current;\n      if (last !== null) {\n        const delta = time - last;\n        if (delta > 0) {\n          const samples = samplesRef.current;\n          samples.push(1000 / delta);\n          if (samples.length > SAMPLE_WINDOW) samples.shift();\n          setFps(rollingAverage(samples));\n        }\n      }\n      lastTimeRef.current = time;\n      loop.request();\n    },\n    {\n      target: rootRef,\n      // The gap spent suspended is not a frame that took an hour to draw.\n      onResume: () => {\n        lastTimeRef.current = null;\n      },\n    },\n  );\n\n  useEffect(() => {\n    loop.request();\n    return () => loop.cancel();\n  }, [loop]);\n\n  return (\n    <div className=\"lk-fps-meter\" ref={rootRef}>\n      <span className=\"lk-fps-meter-value\">FPS {fps}</span>\n    </div>\n  );\n}\n","import { useContext } from 'react';\nimport { CanvasStackContext } from '../canvas/CanvasStackContext';\n\n/** Props for `<ScaleIndicator>`. */\nexport interface ScaleIndicatorProps {\n  /** Current view zoom factor. If omitted, reads from CanvasStackContext. Defaults to 1. */\n  zoom?: number;\n  /** World pixels per unit at zoom=1. Default: 1. */\n  pixelsPerUnit?: number;\n  /** Unit label. Default: 'px'. */\n  unit?: string;\n  /** Target bar width in display pixels. Default: 100. */\n  targetWidth?: number;\n}\n\n// Rounds n to a \"nice\" number — 1, 2, 5, 10, 20, 50, ...\nfunction niceNumber(n: number): number {\n  if (n <= 0) return 1;\n  const exp = Math.floor(Math.log10(n));\n  const fraction = n / 10 ** exp;\n  let nice: number;\n  if (fraction < 1.5) nice = 1;\n  else if (fraction < 3.5) nice = 2;\n  else if (fraction < 7.5) nice = 5;\n  else nice = 10;\n  return nice * 10 ** exp;\n}\n\n/** A scale bar: a labeled rule showing how far a round number of world units\n *  is at the current zoom. Reads the zoom from the surrounding canvas stack\n *  unless one is passed. */\nexport function ScaleIndicator({\n  zoom,\n  pixelsPerUnit = 1,\n  unit = 'px',\n  targetWidth = 100,\n}: ScaleIndicatorProps) {\n  const ctxValue = useContext(CanvasStackContext);\n  const effectiveZoom = zoom ?? ctxValue?.view.zoom ?? 1;\n  const effectivePxPerUnit = pixelsPerUnit * effectiveZoom;\n  const targetUnits = targetWidth / effectivePxPerUnit;\n  const niceUnits = niceNumber(targetUnits);\n  const barWidth = niceUnits * effectivePxPerUnit;\n  return (\n    <div className=\"lk-scale-indicator\" role=\"img\" aria-label={`Scale: ${niceUnits} ${unit}`}>\n      <div className=\"lk-scale-indicator-bar\" style={{ width: `${barWidth}px` }} />\n      <span className=\"lk-scale-indicator-label\">\n        {niceUnits} {unit}\n      </span>\n    </div>\n  );\n}\n","import { NumberField, Slider } from '../passthrough/weasel-ui';\n\n/** Props for `<ZoomControl>`. */\nexport interface ZoomControlProps {\n  /** Current zoom as a scale factor: 1 is actual size. */\n  zoom: number;\n  /** Fired continuously while the slider drags. */\n  onZoomChange: (zoom: number) => void;\n  /** Fired when a drag settles or the field is committed. Defaults to\n   *  `onZoomChange`. */\n  onZoomCommit?: (zoom: number) => void;\n  /** Smallest selectable zoom. Defaults to 0.1 (10%). */\n  min?: number;\n  /** Largest selectable zoom. Defaults to 8 (800%). */\n  max?: number;\n  className?: string;\n}\n\n// Zoom is perceptually geometric — halving is as big a step as doubling — so\n// the slider runs on log2 and 100% lands mid-track for a symmetric range.\nconst toTrack = (zoom: number): number => Math.log2(zoom);\nconst fromTrack = (v: number): number => 2 ** v;\n\nconst clamp = (v: number, lo: number, hi: number): number => Math.max(lo, Math.min(hi, v));\n\n/** Zoom as a log-scaled slider with an editable percentage beside it. Pair it\n *  with zoom-in / zoom-out buttons in a `<Toolbar.Group>`; this component owns\n *  only the continuous part. */\nexport function ZoomControl({\n  zoom,\n  onZoomChange,\n  onZoomCommit,\n  min = 0.1,\n  max = 8,\n  className,\n}: ZoomControlProps) {\n  const commit = onZoomCommit ?? onZoomChange;\n  const emit = (track: number, done: boolean): void => {\n    const next = clamp(fromTrack(track), min, max);\n    (done ? commit : onZoomChange)(next);\n  };\n\n  return (\n    <div className={`lk-zoom${className ? ` ${className}` : ''}`}>\n      <Slider\n        className=\"lk-zoom__slider\"\n        ariaLabel=\"Zoom\"\n        min={toTrack(min)}\n        max={toTrack(max)}\n        // Detents at the octaves plus actual size, so 25/50/100/200/400% are\n        // reachable by drag rather than only by typing.\n        stops={[-2, -1, 0, 1, 2]}\n        thumbs={[{ value: clamp(toTrack(zoom), toTrack(min), toTrack(max)) }]}\n        onInput={(next) => emit(next[0].value, false)}\n        onChange={(next) => emit(next[0].value, true)}\n        readoutPlacement=\"none\"\n      />\n      {/* `style: 'percent'` formats a fraction, so the field carries the scale\n          factor itself and renders 0.5 as \"50%\". */}\n      <NumberField\n        className=\"lk-zoom__field\"\n        aria-label=\"Zoom\"\n        value={zoom}\n        minValue={min}\n        maxValue={max}\n        step={0.01}\n        hideSteppers\n        formatOptions={{ style: 'percent', maximumFractionDigits: 0 }}\n        onChange={(next) => {\n          if (!Number.isFinite(next)) return;\n          commit(clamp(next, min, max));\n        }}\n      />\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\n\n/** Props for `<StatusBar>`. */\nexport interface StatusBarProps {\n  children: ReactNode;\n}\n\n/** A footer strip for readouts. Fill it with `<StatusBar.Section>`. */\nexport function StatusBar({ children }: StatusBarProps) {\n  return <div className=\"lk-status-bar\">{children}</div>;\n}\n\n/** Props for `<StatusBar.Section>`. */\nexport interface StatusBarSectionProps {\n  children: ReactNode;\n  /** Pushes this section, and everything after it, to the far end. */\n  end?: boolean;\n}\nfunction Section({ children, end }: StatusBarSectionProps) {\n  return (\n    <span className={`lk-status-bar-section${end ? ' lk-status-bar-section--end' : ''}`}>\n      {children}\n    </span>\n  );\n}\n\n/** One readout within a status bar. */\nStatusBar.Section = Section;\n","import { type KeyboardEvent, useCallback, useEffect, useRef } from 'react';\n\n/** Where a key takes focus within `count` items, or null if it does not move it. */\nexport function nextIndex(current: number, key: string, count: number): number | null {\n  if (count === 0) return null;\n  switch (key) {\n    case 'ArrowRight':\n      return (current + 1) % count;\n    case 'ArrowLeft':\n      return (current - 1 + count) % count;\n    case 'Home':\n      return 0;\n    case 'End':\n      return count - 1;\n    default:\n      return null;\n  }\n}\n\n/**\n * The APG roving-tabindex contract: exactly one item in the tab order, arrows\n * moving focus within. `tabIndex` is written onto the DOM nodes rather than\n * threaded through props, because the items are arbitrary children — the\n * container never sees them as a list it could index.\n */\nexport function useRovingTabIndex<T extends HTMLElement>() {\n  const ref = useRef<T | null>(null);\n  const stop = useRef(0);\n\n  const items = useCallback(\n    (): HTMLElement[] =>\n      ref.current\n        ? Array.from(\n            ref.current.querySelectorAll<HTMLElement>('button:not([disabled]), [role=\"button\"]'),\n          )\n        : [],\n    [],\n  );\n\n  const setTabStop = useCallback(\n    (index: number) => {\n      const found = items();\n      const at = Math.min(Math.max(index, 0), Math.max(found.length - 1, 0));\n      stop.current = at;\n      for (const [i, el] of found.entries()) el.tabIndex = i === at ? 0 : -1;\n    },\n    [items],\n  );\n\n  // Re-establish the tab stop whenever the item set changes — a trial's toolbar\n  // contributions are dynamic, and `disabled` moves a button in and out of the\n  // set without touching the child list. The focused item keeps the stop.\n  useEffect(() => {\n    const resync = () => {\n      const focused = items().indexOf(document.activeElement as HTMLElement);\n      setTabStop(focused === -1 ? stop.current : focused);\n    };\n    resync();\n    if (!ref.current) return;\n    const mo = new MutationObserver(resync);\n    mo.observe(ref.current, { childList: true, subtree: true, attributeFilter: ['disabled'] });\n    return () => mo.disconnect();\n  }, [items, setTabStop]);\n\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent<T>) => {\n      const found = items();\n      const current = found.indexOf(document.activeElement as HTMLElement);\n      const next = nextIndex(current === -1 ? 0 : current, e.key, found.length);\n      if (next === null) return;\n      e.preventDefault();\n      found[next]?.focus();\n      setTabStop(next);\n    },\n    [items, setTabStop],\n  );\n\n  return { ref, onKeyDown };\n}\n","import type { MouseEventHandler, ReactNode } from 'react';\nimport { useRovingTabIndex } from './useRovingTabIndex';\n\n/** Props for `<Toolbar>`. */\nexport interface ToolbarProps {\n  children: ReactNode;\n  /** Names the toolbar for assistive tech. Required by the APG pattern when a\n   *  view holds more than one. */\n  'aria-label'?: string;\n}\n\n/** A horizontal bar of controls. Fill it with `<Toolbar.Title>`,\n *  `<Toolbar.Group>`, `<Toolbar.Button>` and `<Toolbar.Spacer>`. */\nexport function Toolbar({ children, 'aria-label': ariaLabel }: ToolbarProps) {\n  const { ref, onKeyDown } = useRovingTabIndex<HTMLDivElement>();\n  return (\n    <div\n      ref={ref}\n      className=\"lk-toolbar\"\n      role=\"toolbar\"\n      aria-label={ariaLabel}\n      onKeyDown={onKeyDown}\n    >\n      {children}\n    </div>\n  );\n}\n\ninterface TitleProps {\n  children: ReactNode;\n}\nfunction Title({ children }: TitleProps) {\n  return <span className=\"lk-toolbar-title\">{children}</span>;\n}\n\n/** Props for `<Toolbar.Group>`. */\nexport interface ToolbarGroupProps {\n  children: ReactNode;\n  /** Pushes this group, and everything after it, to the far end. */\n  end?: boolean;\n  'aria-label'?: string;\n}\n\n/** Related controls, kept tight and ruled off from their neighbors. Group\n *  rather than separate with repeated `<Toolbar.Spacer>`: consecutive spacers\n *  share the free space, so every gap collapses to the same slack and the bar\n *  reads as one undifferentiated run. */\nfunction Group({ children, end, 'aria-label': ariaLabel }: ToolbarGroupProps) {\n  return (\n    // biome-ignore lint/a11y/useSemanticElements: a group inside role=\"toolbar\" is the APG pattern; the rule is local and cannot see the parent. <fieldset> means form controls, needs a <legend> to be named, and its UA min-width breaks flex children.\n    <div\n      className={`lk-toolbar-group${end ? ' lk-toolbar-group--end' : ''}`}\n      role=\"group\"\n      aria-label={ariaLabel}\n    >\n      {children}\n    </div>\n  );\n}\n\n/** Props for `<Toolbar.Button>`. */\nexport interface ToolbarButtonProps {\n  children: ReactNode;\n  onClick: MouseEventHandler<HTMLButtonElement>;\n  disabled?: boolean;\n  title?: string;\n  /** Required when `children` is an icon with no text of its own. */\n  'aria-label'?: string;\n  /** `danger` reddens on hover — for actions that discard work. */\n  variant?: 'default' | 'danger';\n  /** Square, for a button whose whole content is one glyph. */\n  iconOnly?: boolean;\n}\n\nfunction Button({\n  children,\n  onClick,\n  disabled,\n  title,\n  'aria-label': ariaLabel,\n  variant = 'default',\n  iconOnly,\n}: ToolbarButtonProps) {\n  const cls = [\n    'lk-toolbar-button',\n    variant === 'danger' && 'lk-toolbar-button--danger',\n    iconOnly && 'lk-toolbar-button--icon',\n  ]\n    .filter(Boolean)\n    .join(' ');\n  return (\n    <button\n      type=\"button\"\n      className={cls}\n      onClick={onClick}\n      disabled={disabled}\n      title={title}\n      aria-label={ariaLabel ?? title}\n    >\n      {children}\n    </button>\n  );\n}\n\nfunction Spacer() {\n  return <span className=\"lk-toolbar-spacer\" aria-hidden=\"true\" />;\n}\n\n/** A label within a toolbar. */\nToolbar.Title = Title;\n/** A ruled-off run of related controls. */\nToolbar.Group = Group;\n/** A button within a toolbar. */\nToolbar.Button = Button;\n/** Flexible space that pushes what follows to the far end of the toolbar. */\nToolbar.Spacer = Spacer;\n"]}

package/dist/chunk-PO6L3NSH.js

@@ -0,0 +1,366 @@
+import { ZoomControl, ScaleIndicator, FpsMeter, StatusBar, Toolbar } from './chunk-O7NVSCLN.js';
+import { ControlPanel } from './chunk-ZZAYVX4X.js';
+import { St, Ct, wt, gt, Tt, Et, p2, ft, pt, mt, n3, o5 } from './chunk-TLGRYALP.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+
+var ZOOM_STEP = 1.25;
+function builtinContributions(instrument, ctx, controls) {
+  const out = [];
+  const zoom = ctx.zoom;
+  if (instrument.undo != null) {
+    out.push({
+      id: "undo",
+      region: "toolbar",
+      group: "history",
+      item: {
+        icon: St,
+        label: "Undo",
+        shortcut: "Mod+Z",
+        disabled: !ctx.canUndo,
+        onActivate: ctx.undo
+      }
+    });
+    out.push({
+      id: "redo",
+      region: "toolbar",
+      group: "history",
+      item: {
+        icon: Ct,
+        label: "Redo",
+        shortcut: "Mod+Shift+Z",
+        disabled: !ctx.canRedo,
+        onActivate: ctx.redo
+      }
+    });
+  }
+  for (const t of instrument.tools?.tools ?? []) {
+    out.push({
+      id: t.id,
+      region: "palette",
+      group: t.group,
+      item: { icon: t.icon, label: t.label, shortcut: t.shortcut }
+    });
+  }
+  if (instrument.canvas != null && zoom !== null) {
+    out.push({
+      id: "zoom-out",
+      region: "viewport",
+      group: "zoom",
+      item: {
+        icon: wt,
+        label: "Zoom out",
+        onActivate: () => ctx.setZoom(zoom / ZOOM_STEP)
+      }
+    });
+    out.push({
+      id: "zoom-in",
+      region: "viewport",
+      group: "zoom",
+      item: {
+        icon: gt,
+        label: "Zoom in",
+        onActivate: () => ctx.setZoom(zoom * ZOOM_STEP)
+      }
+    });
+    out.push({
+      id: "actual-size",
+      region: "viewport",
+      group: "zoom",
+      item: { icon: Tt, label: "Actual size", onActivate: () => ctx.setZoom(1) }
+    });
+    out.push({
+      id: "zoom-control",
+      region: "viewport",
+      group: "zoom",
+      render: (c) => /* @__PURE__ */ jsx(ZoomControl, { zoom: c.zoom ?? 1, onZoomChange: c.setZoom })
+    });
+    out.push({
+      id: "scale",
+      region: "status",
+      group: "view",
+      render: () => /* @__PURE__ */ jsx(ScaleIndicator, {})
+    });
+    out.push({
+      id: "fps",
+      region: "status",
+      group: "view",
+      end: true,
+      render: () => /* @__PURE__ */ jsx(FpsMeter, {})
+    });
+  }
+  if (Object.keys(ctx.configSchema.group.children).length > 0) {
+    out.push({
+      id: "settings",
+      region: "sidebar",
+      item: {
+        title: "Settings",
+        body: /* @__PURE__ */ jsx(
+          ControlPanel,
+          {
+            schema: ctx.configSchema,
+            config: ctx.config,
+            setConfig: (key, value) => ctx.setConfig(String(key), value),
+            renderers: controls
+          }
+        )
+      }
+    });
+  }
+  out.push({
+    id: "snapshot",
+    region: "toolbar",
+    group: "history",
+    item: {
+      icon: Et,
+      label: "Save snapshot",
+      shortcut: "Mod+S",
+      onActivate: () => ctx.saveSnapshot()
+    }
+  });
+  if (ctx.savedSnapshots.length > 0) {
+    out.push({
+      id: "snapshot-load",
+      region: "toolbar",
+      group: "trial",
+      end: true,
+      render: (c) => /* @__PURE__ */ jsx(
+        p2,
+        {
+          className: "lk-toolbar__load-select",
+          "aria-label": "Load snapshot",
+          placeholder: "Load\u2026",
+          selectedKey: null,
+          options: c.savedSnapshots.map((sn) => ({ value: sn.id, label: sn.name })),
+          onSelectionChange: (id) => {
+            if (id != null) c.loadSnapshot(String(id));
+          }
+        }
+      )
+    });
+  }
+  out.push({
+    id: "clone",
+    region: "toolbar",
+    group: "trial",
+    end: true,
+    item: { icon: ft, label: "Clone trial", onActivate: ctx.clone }
+  });
+  out.push({
+    id: "reset",
+    region: "toolbar",
+    group: "trial",
+    end: true,
+    item: { icon: pt, label: "Reset trial", onActivate: ctx.reset }
+  });
+  out.push({
+    id: "close",
+    region: "titlebar",
+    end: true,
+    item: {
+      icon: mt,
+      label: ctx.isLastTrial ? "Cannot close the last trial" : "Close trial",
+      danger: true,
+      disabled: ctx.isLastTrial,
+      onActivate: ctx.close
+    }
+  });
+  return out;
+}
+
+// src/chrome/merge.ts
+function mergeContributions(...bundles) {
+  const out = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const bundle of bundles) {
+    for (const entry of bundle) {
+      if (seen.has(entry.id)) {
+        throw new Error(
+          `[labkit] mergeContributions: duplicate contribution id "${entry.id}". Two bundles registered the same id; rename one, or suppress the built-in before adding yours.`
+        );
+      }
+      seen.add(entry.id);
+      out.push(entry);
+    }
+  }
+  return out;
+}
+function suppressContributions(bundle, ids) {
+  const present = new Set(bundle.map((c) => c.id));
+  for (const id of ids) {
+    if (!present.has(id)) {
+      throw new Error(
+        `[labkit] cannot suppress "${id}": no contribution with that id. Present ids: ${[...present].join(", ")}`
+      );
+    }
+  }
+  const drop = new Set(ids);
+  return bundle.filter((c) => !drop.has(c.id));
+}
+function PaletteRegion({ contributions, ctx }) {
+  if (contributions.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "lk-palette-region",
+      role: "toolbar",
+      "aria-label": "Tools",
+      "aria-orientation": "vertical",
+      children: /* @__PURE__ */ jsx(n3, { orientation: "vertical", children: contributions.map((c) => {
+        if (c.render) return /* @__PURE__ */ jsx("span", { children: c.render(ctx) }, c.id);
+        if (c.region !== "palette" || !c.item) return null;
+        const { icon: Icon, label, shortcut, disabled } = c.item;
+        return /* @__PURE__ */ jsx(
+          o5,
+          {
+            icon: /* @__PURE__ */ jsx(Icon, { size: 16 }),
+            label,
+            shortcut,
+            active: ctx.activeToolId === c.id,
+            disabled,
+            onClick: () => ctx.setActiveTool(c.id)
+          },
+          c.id
+        );
+      }) })
+    }
+  );
+}
+function Section({
+  title,
+  defaultCollapsed,
+  children
+}) {
+  const [collapsed, setCollapsed] = useState(defaultCollapsed);
+  return /* @__PURE__ */ jsxs("section", { className: "lk-sidebar-section", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "lk-sidebar-section__head",
+        "aria-expanded": !collapsed,
+        onClick: () => setCollapsed((c) => !c),
+        children: title
+      }
+    ),
+    collapsed ? null : /* @__PURE__ */ jsx("div", { className: "lk-sidebar-section__body", children })
+  ] });
+}
+function SidebarRegion({ contributions, ctx }) {
+  if (contributions.length === 0) return null;
+  return /* @__PURE__ */ jsx(Fragment, { children: contributions.map((c) => {
+    if (c.render) return /* @__PURE__ */ jsx("div", { children: c.render(ctx) }, c.id);
+    if (c.region !== "sidebar" || !c.item) return null;
+    return /* @__PURE__ */ jsx(
+      Section,
+      {
+        title: c.item.title,
+        defaultCollapsed: c.item.defaultCollapsed ?? false,
+        children: c.item.body
+      },
+      c.id
+    );
+  }) });
+}
+function StatusRegion({ contributions, ctx }) {
+  if (contributions.length === 0) return null;
+  return /* @__PURE__ */ jsx(StatusBar, { children: contributions.map((c) => {
+    if (c.render)
+      return /* @__PURE__ */ jsx(StatusBar.Section, { end: c.end, children: c.render(ctx) }, c.id);
+    if (c.region !== "status" || !c.item) return null;
+    return /* @__PURE__ */ jsx(StatusBar.Section, { end: c.end, children: /* @__PURE__ */ jsx("span", { title: c.item.title, children: c.item.text }) }, c.id);
+  }) });
+}
+function renderEntry(c, ctx) {
+  if (c.render) return /* @__PURE__ */ jsx("span", { children: c.render(ctx) }, c.id);
+  if (c.region !== "titlebar" || !c.item) return null;
+  const { icon: Icon, label, shortcut, disabled, danger } = c.item;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: `lk-titlebar-button${danger ? " lk-titlebar-button--danger" : ""}`,
+      disabled,
+      "aria-label": label,
+      title: shortcut ? `${label} (${shortcut})` : label,
+      onClick: c.item.onActivate,
+      onPointerDown: (e) => e.stopPropagation(),
+      onMouseDown: (e) => e.stopPropagation(),
+      children: /* @__PURE__ */ jsx(Icon, { size: 14 })
+    },
+    c.id
+  );
+}
+function TitleBarRegion({ contributions, ctx }) {
+  if (contributions.length === 0) return null;
+  return /* @__PURE__ */ jsx("span", { className: "lk-trial__titlebar-actions", children: contributions.map((c) => renderEntry(c, ctx)) });
+}
+function groupsOf(contributions) {
+  const groups = [];
+  const byKey = /* @__PURE__ */ new Map();
+  for (const c of contributions) {
+    if (c.group == null) {
+      groups.push({ key: c.id, end: c.end ?? false, entries: [c] });
+      continue;
+    }
+    let g = byKey.get(c.group);
+    if (!g) {
+      g = { key: c.group, end: c.end ?? false, entries: [] };
+      byKey.set(c.group, g);
+      groups.push(g);
+    }
+    g.entries.push(c);
+  }
+  return groups;
+}
+function renderEntry2(c, ctx) {
+  if (c.render) return /* @__PURE__ */ jsx("span", { children: c.render(ctx) }, c.id);
+  if (c.region !== "toolbar" || !c.item) return null;
+  const { icon: Icon, label, shortcut, disabled, danger, showLabel } = c.item;
+  return /* @__PURE__ */ jsxs(
+    Toolbar.Button,
+    {
+      iconOnly: !showLabel,
+      variant: danger ? "danger" : "default",
+      disabled,
+      "aria-label": label,
+      title: shortcut ? `${label} (${shortcut})` : label,
+      onClick: c.item.onActivate,
+      children: [
+        /* @__PURE__ */ jsx(Icon, { size: 16 }),
+        showLabel ? /* @__PURE__ */ jsx("span", { children: label }) : null
+      ]
+    },
+    c.id
+  );
+}
+function ToolbarRegion({ contributions, ctx }) {
+  if (contributions.length === 0) return null;
+  const groups = groupsOf(contributions);
+  return /* @__PURE__ */ jsx(Toolbar, { "aria-label": "Trial actions", children: groups.map((g) => /* @__PURE__ */ jsx(Toolbar.Group, { end: g.end, "aria-label": g.key, children: g.entries.map((c) => renderEntry2(c, ctx)) }, g.key)) });
+}
+function ViewportRegion({ contributions, ctx }) {
+  if (contributions.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: "lk-viewport-controls", role: "toolbar", "aria-label": "View", children: contributions.map((c) => {
+    if (c.render) return /* @__PURE__ */ jsx("span", { children: c.render(ctx) }, c.id);
+    if (c.region !== "viewport" || !c.item) return null;
+    const { icon: Icon, label, disabled } = c.item;
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "lk-viewport-controls__button",
+        "aria-label": label,
+        title: label,
+        disabled,
+        onClick: c.item.onActivate,
+        children: /* @__PURE__ */ jsx(Icon, { size: 16 })
+      },
+      c.id
+    );
+  }) });
+}
+
+export { PaletteRegion, SidebarRegion, StatusRegion, TitleBarRegion, ToolbarRegion, ViewportRegion, builtinContributions, mergeContributions, suppressContributions };
+//# sourceMappingURL=chunk-PO6L3NSH.js.map
+//# sourceMappingURL=chunk-PO6L3NSH.js.map