@weasel-js/labkit 1.7.1 → 1.7.3

package/dist/chunk-HBGH344L.js

@@ -0,0 +1,302 @@
+import { ControlRow, summarizeValue } from './chunk-XSJJTXNA.js';
+import { valueAtPath, auto, schemaNodeAtPath } from './chunk-READTDQX.js';
+import { l2, R, oe, c, ae2, l3, i2, u, h3, c4 } from './chunk-IRMPZIYU.js';
+import { isBuiltinToolPref, toHex8, withAlpha01, getAlpha01 } from '@weasel-js/core';
+import { useState, useRef } from 'react';
+import { Popover, Dialog } from 'react-aria-components';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var NO_AUTO = /* @__PURE__ */ new Set();
+var noop = () => {
+};
+var nameOf = (column) => column.title ?? column.label;
+function ControlMatrix({
+  title,
+  stance,
+  tone,
+  schema,
+  columns,
+  rows,
+  config,
+  auto: auto2,
+  setConfig,
+  onColumnClick,
+  inheritHint,
+  className
+}) {
+  const fallback = columns[0];
+  const hintFor = inheritHint ?? ((_) => fallback ? `from ${nameOf(fallback)}` : "");
+  const [open, setOpen] = useState(null);
+  const triggerRef = useRef(null);
+  const { anchor, portalProps } = l2();
+  const leafAt = (path) => {
+    const node = schemaNodeAtPath(schema.group, path);
+    return node && c4(node) ? node : void 0;
+  };
+  const rowSpecs = rows.map((row) => {
+    const leaves = columns.map((column) => leafAt(`${column.key}.${row.key}`));
+    const named = leaves.find((leaf) => leaf !== void 0);
+    return { row, leaves, label: row.label ?? named?.name ?? row.key, about: named?.description };
+  });
+  const table = /* @__PURE__ */ jsxs("div", { className: className ? `lk-control-matrix ${className}` : "lk-control-matrix", children: [
+    anchor,
+    /* @__PURE__ */ jsxs("table", { className: "lk-control-matrix__table", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("td", { className: "lk-control-matrix__corner" }),
+        columns.map((column, i2) => /* @__PURE__ */ jsx(
+          "th",
+          {
+            scope: "col",
+            className: i2 === 0 ? "lk-control-matrix__head is-first" : "lk-control-matrix__head",
+            children: /* @__PURE__ */ jsx(ColumnHeader, { column, onClick: onColumnClick })
+          },
+          column.key
+        ))
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: rowSpecs.map(({ row, leaves, label, about }) => /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsxs("th", { scope: "row", className: "lk-control-matrix__label", children: [
+          /* @__PURE__ */ jsx("span", { className: "lk-control-matrix__label-text", children: label }),
+          about ? /* @__PURE__ */ jsx(R, { label, description: about }) : null
+        ] }),
+        columns.map((column, i2) => {
+          const path = `${column.key}.${row.key}`;
+          const leaf = leaves[i2];
+          if (!leaf) {
+            return /* @__PURE__ */ jsx("td", { className: "lk-control-matrix__cell is-missing", children: /* @__PURE__ */ jsx("span", { role: "img", "aria-label": `${nameOf(column)} has no ${label}`, children: "\u2014" }) }, column.key);
+          }
+          const first = i2 === 0;
+          const inherited = !first && auto2.has(path);
+          return /* @__PURE__ */ jsx(
+            "td",
+            {
+              className: inherited ? "lk-control-matrix__cell is-inherited" : "lk-control-matrix__cell",
+              children: /* @__PURE__ */ jsx(
+                Cell,
+                {
+                  path,
+                  leaf,
+                  value: valueAtPath(config, path),
+                  name: `${nameOf(column)} ${label}`,
+                  hint: inherited ? hintFor(column) : void 0,
+                  canUnpin: !first && !inherited,
+                  setConfig,
+                  onOpen: (el) => {
+                    triggerRef.current = el;
+                    setOpen({ path, leaf, column, first, label });
+                  }
+                }
+              )
+            },
+            column.key
+          );
+        })
+      ] }, row.key)) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Popover,
+      {
+        triggerRef,
+        isOpen: open !== null,
+        onOpenChange: (next) => {
+          if (!next) setOpen(null);
+        },
+        placement: "bottom",
+        className: "lk-control-matrix__popover",
+        "data-weasel-overlay": "",
+        ...portalProps,
+        children: open ? /* @__PURE__ */ jsxs(
+          Dialog,
+          {
+            className: "lk-control-matrix__editor",
+            "aria-label": `${nameOf(open.column)} ${open.label}`,
+            children: [
+              /* @__PURE__ */ jsx(oe, { pack: "one-up", children: /* @__PURE__ */ jsx(
+                ControlRow,
+                {
+                  path: open.path,
+                  leaf: open.leaf,
+                  resolved: schema,
+                  config,
+                  shown: config,
+                  setConfig,
+                  pack: "one-up",
+                  auto: NO_AUTO,
+                  setRowAuto: noop
+                }
+              ) }),
+              clearable(open.leaf) ? /* @__PURE__ */ jsx("div", { className: "lk-control-matrix__editor-actions", children: /* @__PURE__ */ jsx(
+                c,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  disabled: !valueAtPath(config, open.path) || auto2.has(open.path),
+                  onClick: () => setConfig(open.path, null),
+                  children: "Clear"
+                }
+              ) }) : null,
+              open.first ? null : /* @__PURE__ */ jsx("div", { className: "lk-control-matrix__editor-actions", children: /* @__PURE__ */ jsx(
+                c,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  disabled: auto2.has(open.path),
+                  tooltip: `Inherit ${hintFor(open.column)}`,
+                  onClick: () => setConfig(open.path, auto),
+                  children: "Inherit"
+                }
+              ) })
+            ]
+          }
+        ) : null
+      }
+    )
+  ] });
+  if (title === void 0 && stance === void 0 && tone === void 0) return table;
+  return /* @__PURE__ */ jsx(ae2, { title, stance, tone, children: table });
+}
+function ColumnHeader({
+  column,
+  onClick
+}) {
+  const name = nameOf(column);
+  if (!onClick) {
+    return column.title && column.title !== column.label ? /* @__PURE__ */ jsx("abbr", { title: column.title, className: "lk-control-matrix__head-text", children: column.label }) : /* @__PURE__ */ jsx("span", { className: "lk-control-matrix__head-text", children: column.label });
+  }
+  return /* @__PURE__ */ jsxs(l3, { children: [
+    /* @__PURE__ */ jsx(i2, { children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "lk-control-matrix__head-button",
+        "aria-label": name,
+        onClick: () => onClick(column),
+        children: column.label
+      }
+    ) }),
+    /* @__PURE__ */ jsx(u, { children: name })
+  ] });
+}
+var clearable = (leaf) => leaf.kind === "color" && leaf.default === "";
+function decimalsOf(step) {
+  if (step === void 0 || !Number.isFinite(step) || step <= 0) return 0;
+  const text = String(step);
+  const exp = /e-(\d+)$/.exec(text);
+  if (exp) return Number(exp[1]);
+  const dot = text.indexOf(".");
+  return dot === -1 ? 0 : text.length - dot - 1;
+}
+function summaryOf(field, value) {
+  if (field?.kind === "number") {
+    return typeof field.value === "number" ? field.value.toFixed(decimalsOf(field.step)) : "\u2014";
+  }
+  if (field?.kind === "enum") {
+    const option = field.options.find((o) => o.value === field.value);
+    if (!option) return "\u2014";
+    return typeof option.glyph === "string" ? option.glyph : option.label;
+  }
+  if (field?.kind === "string") return field.value || "\u2014";
+  return summarizeValue(value);
+}
+function Cell({
+  path,
+  leaf,
+  value,
+  name,
+  hint,
+  canUnpin,
+  setConfig,
+  onOpen
+}) {
+  const shown = value ?? leaf.default;
+  const write = (next) => setConfig(path, next);
+  const field = isBuiltinToolPref(leaf) ? h3(leaf, { value: shown, setValue: write }) : null;
+  const label = hint ? `${name}, ${hint}` : name;
+  const unpinned = (e) => {
+    if (!e.altKey) return false;
+    e.preventDefault();
+    if (canUnpin) setConfig(path, auto);
+    return true;
+  };
+  let control;
+  if (field?.kind === "boolean") {
+    const on = field.value === true;
+    control = /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        role: "switch",
+        "aria-checked": on,
+        "aria-label": label,
+        className: "lk-control-matrix__switch",
+        onClick: (e) => {
+          if (!unpinned(e)) field.onChange(!on);
+        },
+        children: /* @__PURE__ */ jsx("span", { className: "lk-control-matrix__track", "aria-hidden": "true", children: /* @__PURE__ */ jsx("span", { className: "lk-control-matrix__thumb" }) })
+      }
+    );
+  } else if (field?.kind === "color" && !clearable(leaf)) {
+    const stored = typeof field.value === "string" && field.value !== "" ? toHex8(field.value) : "#000000ff";
+    control = /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "color",
+        "aria-label": label,
+        className: "lk-control-matrix__swatch",
+        value: stored.slice(0, 7),
+        onClick: (e) => {
+          unpinned(e);
+        },
+        onChange: (e) => {
+          const rgb = e.currentTarget.value;
+          field.onChange(field.alpha ? withAlpha01(rgb, getAlpha01(stored)) : rgb);
+        }
+      }
+    );
+  } else if (field?.kind === "color") {
+    const set = typeof field.value === "string" && field.value !== "";
+    control = /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": set ? label : `${label}, unset`,
+        "aria-haspopup": "dialog",
+        className: "lk-control-matrix__value",
+        onClick: (e) => {
+          if (!unpinned(e)) onOpen(e.currentTarget);
+        },
+        children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: set ? "lk-control-matrix__chip" : "lk-control-matrix__chip is-unset",
+            style: set ? { "--lk-chip": field.value } : void 0,
+            "aria-hidden": "true"
+          }
+        )
+      }
+    );
+  } else {
+    const valueClass = field?.kind === "number" ? "lk-control-matrix__value is-number" : "lk-control-matrix__value";
+    control = /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": label,
+        "aria-haspopup": "dialog",
+        className: valueClass,
+        onClick: (e) => {
+          if (!unpinned(e)) onOpen(e.currentTarget);
+        },
+        children: summaryOf(field, shown)
+      }
+    );
+  }
+  if (!hint) return control;
+  return /* @__PURE__ */ jsxs(l3, { children: [
+    /* @__PURE__ */ jsx(i2, { children: control }),
+    /* @__PURE__ */ jsx(u, { children: hint })
+  ] });
+}
+
+export { ControlMatrix };
+//# sourceMappingURL=chunk-HBGH344L.js.map
+//# sourceMappingURL=chunk-HBGH344L.js.map

package/dist/chunk-HBGH344L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/controls/ControlMatrix.tsx"],"names":["auto","l","c","i","RACPopover","RACDialog","ae","h"],"mappings":"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","file":"chunk-HBGH344L.js","sourcesContent":["import { getAlpha01, isBuiltinToolPref, toHex8, withAlpha01 } from '@weasel-js/core';\nimport {\n  Button,\n  Focusable,\n  isPrefLeaf,\n  type PrefLeaf,\n  type PropertyControlProps,\n  PropertyHelp,\n  PropertyList,\n  PropertyPanel,\n  prefFieldProps,\n  type StanceProps,\n  Tooltip,\n  TooltipTrigger,\n  useOverlayPortal,\n} from '@weasel-js/ui';\nimport {\n  type CSSProperties,\n  type DOMAttributes,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n  useRef,\n  useState,\n} from 'react';\nimport { Dialog as RACDialog, Popover as RACPopover } from 'react-aria-components';\nimport { auto as autoValue } from '../config/auto';\nimport { schemaNodeAtPath, valueAtPath } from '../config/path';\nimport type { ResolvedConfig } from '../config/types';\nimport { ControlRow } from './ControlPanel';\nimport { summarizeValue } from './inDialog';\n\n/** One column of a {@link ControlMatrix}: a config group, every one the same shape. */\nexport interface ControlMatrixColumn {\n  /** Config path prefix of this column's group, e.g. `'looks.window'`. */\n  key: string;\n  /** Short header shown at narrow width, e.g. `'Win'`. */\n  label: string;\n  /** Full name, for the header's tooltip and accessible name, e.g. `'Window'`. */\n  title?: string;\n}\n\n/** One row of a {@link ControlMatrix}: a setting every column's group may hold. */\nexport interface ControlMatrixRow {\n  /** Path of the setting inside each column's group, e.g. `'background'` or `'fill.colorBy'`. */\n  key: string;\n  /** Row label. Defaults to the leaf's own name from the schema. */\n  label?: string;\n}\n\nexport interface ControlMatrixProps extends StanceProps {\n  /** Heads the matrix. With `title`, `stance` or `tone` given it sits in a\n   *  `<PropertyPanel>`, as a `ControlPanel` does. */\n  title?: ReactNode;\n  /** The whole resolved schema. A cell's leaf is looked up at\n   *  `${column.key}.${row.key}`; a cell with none draws a dash. */\n  schema: ResolvedConfig;\n  /** The scopes. The first is the fallback the others inherit from: its cells\n   *  never inherit, and its header is emphasized. */\n  columns: readonly ControlMatrixColumn[];\n  rows: readonly ControlMatrixRow[];\n  /** Values to show, already resolved: an inherited cell's value is the one it\n   *  inherits. */\n  config: Record<string, unknown>;\n  /** Full dotted paths whose cells inherit, drawn ghosted. */\n  auto: ReadonlySet<string>;\n  /** Writes a value, which pins the cell, or labkit's `auto` sentinel, which\n   *  unpins it. */\n  setConfig: (path: string, value: unknown) => void;\n  /** Clicking a column header. Without it the headers are plain text. */\n  onColumnClick?: (column: ControlMatrixColumn) => void;\n  /** What an inherited cell's tooltip says. Defaults to `from <first column>`. */\n  inheritHint?: (column: ControlMatrixColumn) => string;\n  className?: string;\n}\n\nconst NO_AUTO: ReadonlySet<string> = new Set();\nconst noop = (): void => {};\n\nconst nameOf = (column: ControlMatrixColumn): string => column.title ?? column.label;\n\n/** The open popover: which cell, and the element it hangs off. */\ninterface OpenCell {\n  path: string;\n  leaf: PrefLeaf;\n  column: ControlMatrixColumn;\n  first: boolean;\n  label: string;\n}\n\n/**\n * One setting across several config groups of the same shape: settings down\n * the side, scopes across the top, a compact read-only cell at each crossing.\n * A cell inherits from the first column until it is pinned; inherited cells\n * draw ghosted. Click a cell to edit it with the control a `ControlPanel` would\n * draw (a boolean flips and a color opens its picker in place); editing pins,\n * and the popover's Inherit button — or Option/Alt-click on the cell — unpins.\n */\nexport function ControlMatrix({\n  title,\n  stance,\n  tone,\n  schema,\n  columns,\n  rows,\n  config,\n  auto,\n  setConfig,\n  onColumnClick,\n  inheritHint,\n  className,\n}: ControlMatrixProps): ReactElement {\n  const fallback = columns[0];\n  const hintFor =\n    inheritHint ?? ((_: ControlMatrixColumn) => (fallback ? `from ${nameOf(fallback)}` : ''));\n  const [open, setOpen] = useState<OpenCell | null>(null);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const { anchor, portalProps } = useOverlayPortal();\n\n  const leafAt = (path: string): PrefLeaf | undefined => {\n    const node = schemaNodeAtPath(schema.group, path);\n    return node && isPrefLeaf(node) ? node : undefined;\n  };\n\n  const rowSpecs = rows.map((row) => {\n    const leaves = columns.map((column) => leafAt(`${column.key}.${row.key}`));\n    const named = leaves.find((leaf) => leaf !== undefined);\n    return { row, leaves, label: row.label ?? named?.name ?? row.key, about: named?.description };\n  });\n\n  const table = (\n    <div className={className ? `lk-control-matrix ${className}` : 'lk-control-matrix'}>\n      {anchor}\n      <table className=\"lk-control-matrix__table\">\n        <thead>\n          <tr>\n            <td className=\"lk-control-matrix__corner\" />\n            {columns.map((column, i) => (\n              <th\n                key={column.key}\n                scope=\"col\"\n                className={i === 0 ? 'lk-control-matrix__head is-first' : 'lk-control-matrix__head'}\n              >\n                <ColumnHeader column={column} onClick={onColumnClick} />\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {rowSpecs.map(({ row, leaves, label, about }) => (\n            <tr key={row.key}>\n              <th scope=\"row\" className=\"lk-control-matrix__label\">\n                <span className=\"lk-control-matrix__label-text\">{label}</span>\n                {about ? <PropertyHelp label={label} description={about} /> : null}\n              </th>\n              {columns.map((column, i) => {\n                const path = `${column.key}.${row.key}`;\n                const leaf = leaves[i];\n                if (!leaf) {\n                  return (\n                    <td key={column.key} className=\"lk-control-matrix__cell is-missing\">\n                      <span role=\"img\" aria-label={`${nameOf(column)} has no ${label}`}>\n                        —\n                      </span>\n                    </td>\n                  );\n                }\n                const first = i === 0;\n                const inherited = !first && auto.has(path);\n                return (\n                  <td\n                    key={column.key}\n                    className={\n                      inherited ? 'lk-control-matrix__cell is-inherited' : 'lk-control-matrix__cell'\n                    }\n                  >\n                    <Cell\n                      path={path}\n                      leaf={leaf}\n                      value={valueAtPath(config, path)}\n                      name={`${nameOf(column)} ${label}`}\n                      hint={inherited ? hintFor(column) : undefined}\n                      canUnpin={!first && !inherited}\n                      setConfig={setConfig}\n                      onOpen={(el) => {\n                        triggerRef.current = el;\n                        setOpen({ path, leaf, column, first, label });\n                      }}\n                    />\n                  </td>\n                );\n              })}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n      <RACPopover\n        triggerRef={triggerRef}\n        isOpen={open !== null}\n        onOpenChange={(next) => {\n          if (!next) setOpen(null);\n        }}\n        placement=\"bottom\"\n        className=\"lk-control-matrix__popover\"\n        data-weasel-overlay=\"\"\n        {...portalProps}\n      >\n        {open ? (\n          <RACDialog\n            className=\"lk-control-matrix__editor\"\n            aria-label={`${nameOf(open.column)} ${open.label}`}\n          >\n            <PropertyList pack=\"one-up\">\n              <ControlRow\n                path={open.path}\n                leaf={open.leaf}\n                resolved={schema}\n                config={config}\n                shown={config}\n                setConfig={setConfig}\n                pack=\"one-up\"\n                auto={NO_AUTO}\n                setRowAuto={noop}\n              />\n            </PropertyList>\n            {clearable(open.leaf) ? (\n              <div className=\"lk-control-matrix__editor-actions\">\n                <Button\n                  size=\"sm\"\n                  variant=\"ghost\"\n                  disabled={!valueAtPath(config, open.path) || auto.has(open.path)}\n                  onClick={() => setConfig(open.path, null)}\n                >\n                  Clear\n                </Button>\n              </div>\n            ) : null}\n            {open.first ? null : (\n              <div className=\"lk-control-matrix__editor-actions\">\n                <Button\n                  size=\"sm\"\n                  variant=\"ghost\"\n                  disabled={auto.has(open.path)}\n                  tooltip={`Inherit ${hintFor(open.column)}`}\n                  onClick={() => setConfig(open.path, autoValue)}\n                >\n                  Inherit\n                </Button>\n              </div>\n            )}\n          </RACDialog>\n        ) : null}\n      </RACPopover>\n    </div>\n  );\n\n  if (title === undefined && stance === undefined && tone === undefined) return table;\n  return (\n    <PropertyPanel title={title} stance={stance} tone={tone}>\n      {table}\n    </PropertyPanel>\n  );\n}\n\nfunction ColumnHeader({\n  column,\n  onClick,\n}: {\n  column: ControlMatrixColumn;\n  onClick?: (column: ControlMatrixColumn) => void;\n}) {\n  const name = nameOf(column);\n  if (!onClick) {\n    return column.title && column.title !== column.label ? (\n      <abbr title={column.title} className=\"lk-control-matrix__head-text\">\n        {column.label}\n      </abbr>\n    ) : (\n      <span className=\"lk-control-matrix__head-text\">{column.label}</span>\n    );\n  }\n  return (\n    <TooltipTrigger>\n      <Focusable>\n        <button\n          type=\"button\"\n          className=\"lk-control-matrix__head-button\"\n          aria-label={name}\n          onClick={() => onClick(column)}\n        >\n          {column.label}\n        </button>\n      </Focusable>\n      <Tooltip>{name}</Tooltip>\n    </TooltipTrigger>\n  );\n}\n\n/** A color leaf whose default is empty: unset is a value of its own, not black. */\nconst clearable = (leaf: PrefLeaf): boolean => leaf.kind === 'color' && leaf.default === '';\n\n/** The number of decimals a step implies: `0.05` shows two, `1` none. */\nfunction decimalsOf(step: number | undefined): number {\n  if (step === undefined || !Number.isFinite(step) || step <= 0) return 0;\n  const text = String(step);\n  const exp = /e-(\\d+)$/.exec(text);\n  if (exp) return Number(exp[1]);\n  const dot = text.indexOf('.');\n  return dot === -1 ? 0 : text.length - dot - 1;\n}\n\n/** What a cell shows of a value it opens a popover to edit. */\nfunction summaryOf(field: PropertyControlProps | null, value: unknown): ReactNode {\n  if (field?.kind === 'number') {\n    return typeof field.value === 'number' ? field.value.toFixed(decimalsOf(field.step)) : '—';\n  }\n  if (field?.kind === 'enum') {\n    const option = field.options.find((o) => o.value === field.value);\n    if (!option) return '—';\n    return typeof option.glyph === 'string' ? option.glyph : option.label;\n  }\n  if (field?.kind === 'string') return field.value || '—';\n  return summarizeValue(value);\n}\n\nfunction Cell({\n  path,\n  leaf,\n  value,\n  name,\n  hint,\n  canUnpin,\n  setConfig,\n  onOpen,\n}: {\n  path: string;\n  leaf: PrefLeaf;\n  value: unknown;\n  /** The cell's accessible name: column and row. */\n  name: string;\n  /** Present while the cell inherits: where from. */\n  hint?: string;\n  canUnpin: boolean;\n  setConfig: (path: string, value: unknown) => void;\n  onOpen: (el: HTMLElement) => void;\n}) {\n  const shown = value ?? leaf.default;\n  const write = (next: unknown): void => setConfig(path, next);\n  const field = isBuiltinToolPref(leaf)\n    ? prefFieldProps(leaf, { value: shown, setValue: write })\n    : null;\n  const label = hint ? `${name}, ${hint}` : name;\n\n  // Option/Alt-click hands a pinned cell back to the fallback, and does nothing\n  // else on any cell — it must not also flip or open what it lands on.\n  const unpinned = (e: MouseEvent): boolean => {\n    if (!e.altKey) return false;\n    e.preventDefault();\n    if (canUnpin) setConfig(path, autoValue);\n    return true;\n  };\n\n  // The shape `Focusable` asks of the element it makes a tooltip trigger.\n  let control: ReactElement<DOMAttributes<HTMLElement>, string>;\n  if (field?.kind === 'boolean') {\n    const on = field.value === true;\n    control = (\n      <button\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={on}\n        aria-label={label}\n        className=\"lk-control-matrix__switch\"\n        onClick={(e) => {\n          if (!unpinned(e)) field.onChange(!on);\n        }}\n      >\n        <span className=\"lk-control-matrix__track\" aria-hidden=\"true\">\n          <span className=\"lk-control-matrix__thumb\" />\n        </span>\n      </button>\n    );\n  } else if (field?.kind === 'color' && !clearable(leaf)) {\n    const stored =\n      typeof field.value === 'string' && field.value !== '' ? toHex8(field.value) : '#000000ff';\n    control = (\n      <input\n        type=\"color\"\n        aria-label={label}\n        className=\"lk-control-matrix__swatch\"\n        value={stored.slice(0, 7)}\n        onClick={(e) => {\n          unpinned(e);\n        }}\n        onChange={(e) => {\n          const rgb = e.currentTarget.value;\n          field.onChange(field.alpha ? withAlpha01(rgb, getAlpha01(stored)) : rgb);\n        }}\n      />\n    );\n  } else if (field?.kind === 'color') {\n    // A color that may be unset opens the popover, which is the only place it can be cleared.\n    const set = typeof field.value === 'string' && field.value !== '';\n    control = (\n      <button\n        type=\"button\"\n        aria-label={set ? label : `${label}, unset`}\n        aria-haspopup=\"dialog\"\n        className=\"lk-control-matrix__value\"\n        onClick={(e) => {\n          if (!unpinned(e)) onOpen(e.currentTarget);\n        }}\n      >\n        <span\n          className={set ? 'lk-control-matrix__chip' : 'lk-control-matrix__chip is-unset'}\n          style={set ? ({ '--lk-chip': field.value } as CSSProperties) : undefined}\n          aria-hidden=\"true\"\n        />\n      </button>\n    );\n  } else {\n    const valueClass =\n      field?.kind === 'number' ? 'lk-control-matrix__value is-number' : 'lk-control-matrix__value';\n    control = (\n      <button\n        type=\"button\"\n        aria-label={label}\n        aria-haspopup=\"dialog\"\n        className={valueClass}\n        onClick={(e) => {\n          if (!unpinned(e)) onOpen(e.currentTarget);\n        }}\n      >\n        {summaryOf(field, shown)}\n      </button>\n    );\n  }\n\n  if (!hint) return control;\n  return (\n    <TooltipTrigger>\n      <Focusable>{control}</Focusable>\n      <Tooltip>{hint}</Tooltip>\n    </TooltipTrigger>\n  );\n}\n"]}