@xenosystem/blocks 0.13.11 → 0.13.13

package/dist/chunk-6XVFYPVH.js

@@ -0,0 +1,511 @@
+// src/icons/glyphs.tsx
+import Copy from "@xenosystem/elements/elements/copy";
+import Download from "@xenosystem/elements/elements/download";
+import Plus from "@xenosystem/elements/elements/plus";
+import Refresh from "@xenosystem/elements/elements/refresh";
+import X from "@xenosystem/elements/elements/x";
+
+// src/icons/elements.tsx
+import { XenoElement } from "@xenosystem/elements-react";
+import { jsx } from "react/jsx-runtime";
+var GLYPH_STROKE_WIDTH = 1.5;
+function fromElement(decl, defaultSize = 11, state) {
+  const Glyph = ({ size = defaultSize, className }) => /* @__PURE__ */ jsx(XenoElement, { decl, state, size, strokeWidth: GLYPH_STROKE_WIDTH, className, "aria-hidden": "true", role: void 0, "aria-label": void 0 });
+  Glyph.displayName = `Element(${decl.id})`;
+  return Glyph;
+}
+
+// src/icons/glyphs.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function Svg({ children, size = 11 }) {
+  return /* @__PURE__ */ jsx2("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children });
+}
+var RefreshGlyph = fromElement(Refresh);
+var XGlyph = fromElement(X);
+var PlusGlyph = fromElement(Plus);
+function ChevronGlyph({ direction = "right", size } = {}) {
+  const d = direction === "left" ? "m15 18-6-6 6-6" : direction === "up" ? "m18 15-6-6-6 6" : direction === "down" ? "m6 9 6 6 6-6" : "m9 18 6-6-6-6";
+  return /* @__PURE__ */ jsx2(Svg, { size, children: /* @__PURE__ */ jsx2("path", { d }) });
+}
+var DownloadGlyph = fromElement(Download);
+function PlugGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M12 22v-5" }),
+    /* @__PURE__ */ jsx2("path", { d: "M9 8V2M15 8V2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M18 8v3a6 6 0 0 1-12 0V8Z" })
+  ] });
+}
+function SortAscGlyph({ size = 9 } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "m5 12 7-7 7 7" }),
+    /* @__PURE__ */ jsx2("path", { d: "M12 19V5" })
+  ] });
+}
+function SortDescGlyph({ size = 9 } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M12 5v14" }),
+    /* @__PURE__ */ jsx2("path", { d: "m19 12-7 7-7-7" })
+  ] });
+}
+function ExpandGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M12 22v-6" }),
+    /* @__PURE__ */ jsx2("path", { d: "M12 8V2" }),
+    /* @__PURE__ */ jsx2("path", { d: "m9 5 3-3 3 3" }),
+    /* @__PURE__ */ jsx2("path", { d: "m9 19 3 3 3-3" }),
+    /* @__PURE__ */ jsx2("path", { d: "M4 12H2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M10 12H8" }),
+    /* @__PURE__ */ jsx2("path", { d: "M16 12h-2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M22 12h-2" })
+  ] });
+}
+function CollapseGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M12 22v-6" }),
+    /* @__PURE__ */ jsx2("path", { d: "M12 8V2" }),
+    /* @__PURE__ */ jsx2("path", { d: "m9 13 3 3 3-3" }),
+    /* @__PURE__ */ jsx2("path", { d: "m9 11 3-3 3 3" }),
+    /* @__PURE__ */ jsx2("path", { d: "M4 12H2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M22 12h-2" })
+  ] });
+}
+var CopyGlyph = fromElement(Copy);
+function ClearGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3" }),
+    /* @__PURE__ */ jsx2("path", { d: "m6 6 12 12" })
+  ] });
+}
+function CancelGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsx2(Svg, { size, children: /* @__PURE__ */ jsx2("rect", { x: "5", y: "5", width: "14", height: "14", rx: "2" }) });
+}
+function RetryGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M21 12a9 9 0 1 1-3.36-7" }),
+    /* @__PURE__ */ jsx2("path", { d: "M21 3v6h-6" })
+  ] });
+}
+function CaseGlyph({ size = 12 } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "m3 15 4-8 4 8" }),
+    /* @__PURE__ */ jsx2("path", { d: "M4 13h6" }),
+    /* @__PURE__ */ jsx2("rect", { x: "15", y: "9", width: "6", height: "6", rx: "1.5" }),
+    /* @__PURE__ */ jsx2("path", { d: "M21 9v6" })
+  ] });
+}
+function WholeWordGlyph({ size = 12 } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M7 12h10" }),
+    /* @__PURE__ */ jsx2("path", { d: "M3 7v10" }),
+    /* @__PURE__ */ jsx2("path", { d: "M21 7v10" })
+  ] });
+}
+function RegexGlyph({ size = 12 } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M12 4v8" }),
+    /* @__PURE__ */ jsx2("path", { d: "m8.5 6 7 4" }),
+    /* @__PURE__ */ jsx2("path", { d: "m8.5 10 7-4" }),
+    /* @__PURE__ */ jsx2("path", { d: "M5 18h2" })
+  ] });
+}
+
+// src/edit/tree/react/icons.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var PATHS = {
+  folder: /* @__PURE__ */ jsx3("path", { d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" }),
+  file: /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx3("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+    /* @__PURE__ */ jsx3("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" })
+  ] }),
+  "folder-tree": /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx3("path", { d: "M20 10a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2.5a1 1 0 0 1-.8-.4l-.9-1.2A1 1 0 0 0 15 3h-2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z" }),
+    /* @__PURE__ */ jsx3("path", { d: "M20 21a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-2.5a1 1 0 0 1-.8-.4l-.9-1.2a1 1 0 0 0-.8-.4h-2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z" }),
+    /* @__PURE__ */ jsx3("path", { d: "M3 5a2 2 0 0 0 2 2h3" }),
+    /* @__PURE__ */ jsx3("path", { d: "M3 3v13a2 2 0 0 0 2 2h3" })
+  ] }),
+  box: /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx3("path", { d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z" }),
+    /* @__PURE__ */ jsx3("path", { d: "m3.3 7 8.7 5 8.7-5" }),
+    /* @__PURE__ */ jsx3("path", { d: "M12 22V12" })
+  ] }),
+  component: /* @__PURE__ */ jsx3("path", { d: "m12 2 4 4-4 4-4-4Zm0 12 4 4-4 4-4-4ZM2 12l4-4 4 4-4 4Zm12 0 4-4 4 4-4 4Z" }),
+  "file-text": /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx3("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+    /* @__PURE__ */ jsx3("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }),
+    /* @__PURE__ */ jsx3("path", { d: "M8 13h8M8 17h5" })
+  ] }),
+  heading: /* @__PURE__ */ jsx3(Fragment, { children: /* @__PURE__ */ jsx3("path", { d: "M6 4v16M18 4v16M6 12h12" }) }),
+  bot: /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx3("rect", { x: "3", y: "8", width: "18", height: "12", rx: "2" }),
+    /* @__PURE__ */ jsx3("path", { d: "M12 4v4M8 14h.01M16 14h.01" })
+  ] }),
+  link: /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx3("path", { d: "M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.8 1.7" }),
+    /* @__PURE__ */ jsx3("path", { d: "M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.8-1.7" })
+  ] }),
+  "link-2-off": /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx3("path", { d: "M9 17H7A5 5 0 0 1 7 7" }),
+    /* @__PURE__ */ jsx3("path", { d: "M15 7h2a5 5 0 0 1 4 8" }),
+    /* @__PURE__ */ jsx3("path", { d: "M8 12h4" }),
+    /* @__PURE__ */ jsx3("path", { d: "m2 2 20 20" })
+  ] }),
+  "circle-dot": /* @__PURE__ */ jsx3("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1" })
+};
+function TreeIcon({ name, size = 11 }) {
+  return /* @__PURE__ */ jsx3(Svg, { size, children: PATHS[name] ?? PATHS["circle-dot"] });
+}
+
+// src/edit/color/react/icons.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var svg = (size) => ({ width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true });
+function EyedropperIcon({ size = 11 } = {}) {
+  return /* @__PURE__ */ jsxs3("svg", { ...svg(size), children: [
+    /* @__PURE__ */ jsx4("path", { d: "m2 22 1-1h3l9-9" }),
+    /* @__PURE__ */ jsx4("path", { d: "M3 21v-3l9-9" }),
+    /* @__PURE__ */ jsx4("path", { d: "m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z" })
+  ] });
+}
+function SwapIcon({ size = 11 } = {}) {
+  return /* @__PURE__ */ jsxs3("svg", { ...svg(size), children: [
+    /* @__PURE__ */ jsx4("path", { d: "m16 3 4 4-4 4" }),
+    /* @__PURE__ */ jsx4("path", { d: "M20 7H4" }),
+    /* @__PURE__ */ jsx4("path", { d: "m8 21-4-4 4-4" }),
+    /* @__PURE__ */ jsx4("path", { d: "M4 17h16" })
+  ] });
+}
+
+// src/edit/history/react/icons.tsx
+import Trash from "@xenosystem/elements/elements/trash";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var svgBase = (size) => ({
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 1.5,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": true
+});
+var ENTRY_PATHS = {
+  // painting
+  brush: ["M9.06 11.9l8.07-8.06a2.85 2.85 0 1 1 4.03 4.03l-8.06 8.08", "M7.07 14.94c-1.66 0-3 1.35-3 3.02 0 1.33-2.5 1.52-2 2.02 1.08 1.1 2.49 2.02 4 2.02 2.2 0 4-1.8 4-4.04a3.01 3.01 0 0 0-3-3.02z"],
+  eraser: ["m7 21-4.3-4.3a1 1 0 0 1 0-1.4l10-10a1 1 0 0 1 1.4 0l5.6 5.6a1 1 0 0 1 0 1.4L13 21", "M22 21H7"],
+  fill: ["m19 11-8-8-8.6 8.6a2 2 0 0 0 0 2.8l5.2 5.2a2 2 0 0 0 2.8 0L19 11Z", "m5 2 5 5", "M2 13h15"],
+  // adjustment / effects
+  filter: ["M4 6h16", "M7 12h10", "M10 18h4"],
+  // geometry
+  transform: ["M5 9 2 12l3 3", "M9 5l3-3 3 3", "M15 19l-3 3-3-3", "M19 9l3 3-3 3", "M2 12h20", "M12 2v20"],
+  crop: ["M6 2v14a2 2 0 0 0 2 2h14", "M18 22V8a2 2 0 0 0-2-2H2"],
+  // layers
+  addLayer: ["M3 3h18v18H3z", "M12 8v8", "M8 12h8"],
+  deleteLayer: ["M3 6h18", "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"],
+  merge: ["m12 2 4 4-4 4", "M4 6h12", "m12 14 4 4-4 4", "M4 18h12"],
+  // clipboard / text / selection
+  paste: ["M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2", "M9 2h6v4H9z"],
+  text: ["M4 7V4h16v3", "M9 20h6", "M12 4v16"],
+  selection: ["M4 8V6a2 2 0 0 1 2-2h2", "M16 4h2a2 2 0 0 1 2 2v2", "M20 16v2a2 2 0 0 1-2 2h-2", "M8 20H6a2 2 0 0 1-2-2v-2"],
+  // ai + snapshots
+  ai: ["m12 3 1.9 5.8L20 10l-5.2 2.9L13 19l-2.9-5.2L4 12l6.1-1.9z"],
+  snapshot: ["M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3Z", "M15 13a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"],
+  // timeline / audio
+  keyframe: ["m12 3 6 9-6 9-6-9z"],
+  clip: ["M3 5h18v14H3z", "M8 5v14", "M16 5v14"],
+  volume: ["M11 5 6 9H2v6h4l5 4V5Z", "M16 9a4 4 0 0 1 0 6"],
+  document: ["M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", "M14 2v5h6"],
+  // fallbacks / chrome
+  generic: ["M5 5h14v14H5z"],
+  original: ["M3 12a9 9 0 1 0 9-9", "M3 4v5h5"],
+  rotateCcw: ["M3 12a9 9 0 1 0 3-6.7L3 8", "M3 3v5h5"]
+};
+function EntryIcon({ name, size = 11 }) {
+  const paths = ENTRY_PATHS[name] ?? ENTRY_PATHS.generic;
+  return /* @__PURE__ */ jsx5("svg", { ...svgBase(size), children: paths.map((d, i) => /* @__PURE__ */ jsx5("path", { d }, i)) });
+}
+function XIcon({ size = 10 }) {
+  return /* @__PURE__ */ jsx5(XGlyph, { size });
+}
+var TrashIcon = fromElement(Trash);
+function UndoIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsxs4("svg", { ...svgBase(size), children: [
+    /* @__PURE__ */ jsx5("path", { d: "M9 14 4 9l5-5" }),
+    /* @__PURE__ */ jsx5("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 0 11H11" })
+  ] });
+}
+function RedoIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsxs4("svg", { ...svgBase(size), children: [
+    /* @__PURE__ */ jsx5("path", { d: "m15 14 5-5-5-5" }),
+    /* @__PURE__ */ jsx5("path", { d: "M20 9H9.5a5.5 5.5 0 0 0 0 11H13" })
+  ] });
+}
+
+// src/edit/inspector/react/icons.tsx
+import Link from "@xenosystem/elements/elements/link";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var base = (size) => ({
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 1.5,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": true
+});
+function StopwatchIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsxs5("svg", { ...base(size), children: [
+    /* @__PURE__ */ jsx6("path", { d: "M10 2h4" }),
+    /* @__PURE__ */ jsx6("path", { d: "M12 14v-4" }),
+    /* @__PURE__ */ jsx6("path", { d: "M20 14a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z" })
+  ] });
+}
+function DiamondIcon({ size = 9, filled = false }) {
+  return /* @__PURE__ */ jsx6("svg", { ...base(size), fill: filled ? "currentColor" : "none", children: /* @__PURE__ */ jsx6("path", { d: "m12 3 7 9-7 9-7-9z" }) });
+}
+function PrevIcon({ size = 9 }) {
+  return /* @__PURE__ */ jsx6("svg", { ...base(size), children: /* @__PURE__ */ jsx6("path", { d: "m15 18-6-6 6-6" }) });
+}
+function NextIcon({ size = 9 }) {
+  return /* @__PURE__ */ jsx6("svg", { ...base(size), children: /* @__PURE__ */ jsx6("path", { d: "m9 18 6-6-6-6" }) });
+}
+var LinkIcon = fromElement(Link, 10);
+function ResetIcon({ size = 10 }) {
+  return /* @__PURE__ */ jsxs5("svg", { ...base(size), children: [
+    /* @__PURE__ */ jsx6("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
+    /* @__PURE__ */ jsx6("path", { d: "M3 3v5h5" })
+  ] });
+}
+function XIcon2({ size = 10 }) {
+  return /* @__PURE__ */ jsxs5("svg", { ...base(size), children: [
+    /* @__PURE__ */ jsx6("path", { d: "M18 6 6 18" }),
+    /* @__PURE__ */ jsx6("path", { d: "m6 6 12 12" })
+  ] });
+}
+
+// src/edit/layers/react/icons.tsx
+import Eye from "@xenosystem/elements/elements/eye";
+import EyeOff from "@xenosystem/elements/elements/eye-off";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var base2 = (size) => ({
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 1.5,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": true
+});
+var EyeIcon = fromElement(Eye, 12);
+var EyeOffIcon = fromElement(EyeOff, 12);
+function LockIcon({ size = 12, className }) {
+  return /* @__PURE__ */ jsxs6("svg", { ...base2(size), className, children: [
+    /* @__PURE__ */ jsx7("rect", { width: "14", height: "10", x: "5", y: "11", rx: "2" }),
+    /* @__PURE__ */ jsx7("path", { d: "M8 11V7a4 4 0 0 1 8 0v4" })
+  ] });
+}
+function UnlockIcon({ size = 12, className }) {
+  return /* @__PURE__ */ jsxs6("svg", { ...base2(size), className, children: [
+    /* @__PURE__ */ jsx7("rect", { width: "14", height: "10", x: "5", y: "11", rx: "2" }),
+    /* @__PURE__ */ jsx7("path", { d: "M8 11V7a4 4 0 0 1 7.5-2" })
+  ] });
+}
+function KindGlyph({ size = 10 }) {
+  return /* @__PURE__ */ jsx7("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx7("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2" }) });
+}
+function VisibilityIcon({ open, size }) {
+  return open ? /* @__PURE__ */ jsx7(EyeIcon, { size }) : /* @__PURE__ */ jsx7(EyeOffIcon, { size });
+}
+function LockStateIcon({ locked, size }) {
+  return locked ? /* @__PURE__ */ jsx7(LockIcon, { size }) : /* @__PURE__ */ jsx7(UnlockIcon, { size });
+}
+
+// src/time/transport/react/icons.tsx
+import Pause from "@xenosystem/elements/elements/pause";
+import Play from "@xenosystem/elements/elements/play";
+import Stop from "@xenosystem/elements/elements/stop";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var base3 = (size) => ({
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 1.5,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": true
+});
+var PlayIcon = fromElement(Play, 12);
+var PauseIcon = fromElement(Pause, 12);
+var StopIcon = fromElement(Stop);
+function RecordIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsx8("svg", { ...base3(size), fill: "currentColor", stroke: "none", children: /* @__PURE__ */ jsx8("rect", { x: "6", y: "6", width: "12", height: "12", rx: "3" }) });
+}
+function StartIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsxs7("svg", { ...base3(size), children: [
+    /* @__PURE__ */ jsx8("path", { d: "M19 20 9 12l10-8z" }),
+    /* @__PURE__ */ jsx8("path", { d: "M5 19V5" })
+  ] });
+}
+function EndIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsxs7("svg", { ...base3(size), children: [
+    /* @__PURE__ */ jsx8("path", { d: "m5 4 10 8-10 8z" }),
+    /* @__PURE__ */ jsx8("path", { d: "M19 5v14" })
+  ] });
+}
+function StepBackIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsx8("svg", { ...base3(size), children: /* @__PURE__ */ jsx8("path", { d: "M15 18 9 12l6-6" }) });
+}
+function StepForwardIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsx8("svg", { ...base3(size), children: /* @__PURE__ */ jsx8("path", { d: "m9 6 6 6-6 6" }) });
+}
+function ShuttleLeftIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsxs7("svg", { ...base3(size), children: [
+    /* @__PURE__ */ jsx8("path", { d: "M11 19 2 12l9-7z" }),
+    /* @__PURE__ */ jsx8("path", { d: "M22 19l-9-7 9-7z" })
+  ] });
+}
+function ShuttleRightIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsxs7("svg", { ...base3(size), children: [
+    /* @__PURE__ */ jsx8("path", { d: "m13 19 9-7-9-7z" }),
+    /* @__PURE__ */ jsx8("path", { d: "m2 19 9-7-9-7z" })
+  ] });
+}
+function LoopIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsxs7("svg", { ...base3(size), children: [
+    /* @__PURE__ */ jsx8("path", { d: "m17 2 4 4-4 4" }),
+    /* @__PURE__ */ jsx8("path", { d: "M3 11v-1a4 4 0 0 1 4-4h14" }),
+    /* @__PURE__ */ jsx8("path", { d: "m7 22-4-4 4-4" }),
+    /* @__PURE__ */ jsx8("path", { d: "M21 13v1a4 4 0 0 1-4 4H3" })
+  ] });
+}
+function MetronomeIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsxs7("svg", { ...base3(size), children: [
+    /* @__PURE__ */ jsx8("path", { d: "M9 3h6l4 18H5z" }),
+    /* @__PURE__ */ jsx8("path", { d: "m12 18 4-11" })
+  ] });
+}
+function PlayPauseIcon({ playing, size }) {
+  return playing ? /* @__PURE__ */ jsx8(PauseIcon, { size }) : /* @__PURE__ */ jsx8(PlayIcon, { size });
+}
+var TRANSPORT_ICONS = {
+  "transport/PlayIcon": PlayIcon,
+  "transport/PauseIcon": PauseIcon,
+  "transport/PlayPauseIcon": PlayPauseIcon,
+  "transport/StopIcon": StopIcon,
+  "transport/RecordIcon": RecordIcon,
+  "transport/StartIcon": StartIcon,
+  "transport/EndIcon": EndIcon,
+  "transport/StepBackIcon": StepBackIcon,
+  "transport/StepForwardIcon": StepForwardIcon,
+  "transport/ShuttleLeftIcon": ShuttleLeftIcon,
+  "transport/ShuttleRightIcon": ShuttleRightIcon,
+  "transport/LoopIcon": LoopIcon,
+  "transport/MetronomeIcon": MetronomeIcon
+};
+var TRANSPORT_RUNTIME_UNITS = [];
+
+// src/icons/index.ts
+var ICONS = Object.freeze({
+  // transport
+  "icons/Play": PlayIcon,
+  "icons/Pause": PauseIcon,
+  "icons/PlayPause": PlayPauseIcon,
+  "icons/Stop": StopIcon,
+  "icons/Record": RecordIcon,
+  "icons/Start": StartIcon,
+  "icons/End": EndIcon,
+  "icons/StepBack": StepBackIcon,
+  "icons/StepForward": StepForwardIcon,
+  "icons/ShuttleLeft": ShuttleLeftIcon,
+  "icons/ShuttleRight": ShuttleRightIcon,
+  "icons/Loop": LoopIcon,
+  "icons/Metronome": MetronomeIcon,
+  // history
+  "icons/Undo": UndoIcon,
+  "icons/Redo": RedoIcon,
+  "icons/Trash": TrashIcon,
+  "icons/HistoryEntry": EntryIcon,
+  // inspector
+  "icons/Stopwatch": StopwatchIcon,
+  "icons/Diamond": DiamondIcon,
+  "icons/Prev": PrevIcon,
+  "icons/Next": NextIcon,
+  "icons/Link": LinkIcon,
+  "icons/Reset": ResetIcon,
+  // layers
+  "icons/Kind": KindGlyph,
+  "icons/Visibility": VisibilityIcon,
+  "icons/LockState": LockStateIcon,
+  // color
+  "icons/Swap": SwapIcon,
+  "icons/Eyedropper": EyedropperIcon,
+  // shared (src/icons/glyphs.tsx — the one source; the data/ops/time blocks re-export these)
+  "icons/Refresh": RefreshGlyph,
+  "icons/Close": XGlyph,
+  "icons/Plus": PlusGlyph,
+  "icons/Chevron": ChevronGlyph,
+  "icons/Download": DownloadGlyph,
+  "icons/Plug": PlugGlyph,
+  "icons/SortAsc": SortAscGlyph,
+  "icons/SortDesc": SortDescGlyph,
+  "icons/Expand": ExpandGlyph,
+  "icons/Collapse": CollapseGlyph,
+  "icons/Copy": CopyGlyph,
+  "icons/Clear": ClearGlyph,
+  "icons/Cancel": CancelGlyph,
+  "icons/Retry": RetryGlyph,
+  "icons/Case": CaseGlyph,
+  "icons/WholeWord": WholeWordGlyph,
+  "icons/Regex": RegexGlyph,
+  "icons/TreeKind": TreeIcon
+});
+var ICON_UNITS = Object.keys(ICONS);
+
+export {
+  Svg,
+  RefreshGlyph,
+  ChevronGlyph,
+  PlugGlyph,
+  SortAscGlyph,
+  SortDescGlyph,
+  ExpandGlyph,
+  CollapseGlyph,
+  TreeIcon,
+  EyedropperIcon,
+  SwapIcon,
+  EntryIcon,
+  XIcon,
+  TrashIcon,
+  UndoIcon,
+  RedoIcon,
+  StopwatchIcon,
+  DiamondIcon,
+  PrevIcon,
+  NextIcon,
+  LinkIcon,
+  ResetIcon,
+  XIcon2,
+  KindGlyph,
+  VisibilityIcon,
+  LockStateIcon,
+  StopIcon,
+  RecordIcon,
+  StartIcon,
+  EndIcon,
+  StepBackIcon,
+  StepForwardIcon,
+  ShuttleLeftIcon,
+  ShuttleRightIcon,
+  LoopIcon,
+  MetronomeIcon,
+  PlayPauseIcon,
+  TRANSPORT_ICONS,
+  TRANSPORT_RUNTIME_UNITS,
+  ICONS,
+  ICON_UNITS
+};

package/dist/data/index.js

@@ -6,16 +6,14 @@ import {
   quoteLiteral,
   renderFilterGroup
 } from "../chunk-DJJGZ6U4.js";
-import {
-  ICONS
-} from "../chunk-W4PTX2Y4.js";
 import {
   ChevronGlyph,
+  ICONS,
   PlugGlyph,
   RefreshGlyph,
   SortAscGlyph,
   SortDescGlyph
-} from "../chunk-K7YLLV2W.js";
+} from "../chunk-6XVFYPVH.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/data/table/panel.ts

package/dist/edit/index.js

@@ -1,6 +1,9 @@
 import {
+  ChevronGlyph,
+  CollapseGlyph,
   DiamondIcon,
   EntryIcon,
+  ExpandGlyph,
   EyedropperIcon,
   ICONS,
   KindGlyph,
@@ -9,6 +12,7 @@ import {
   NextIcon,
   PrevIcon,
   RedoIcon,
+  RefreshGlyph,
   ResetIcon,
   StopwatchIcon,
   SwapIcon,
@@ -18,13 +22,7 @@ import {
   VisibilityIcon,
   XIcon,
   XIcon2
-} from "../chunk-W4PTX2Y4.js";
-import {
-  ChevronGlyph,
-  CollapseGlyph,
-  ExpandGlyph,
-  RefreshGlyph
-} from "../chunk-K7YLLV2W.js";
+} from "../chunk-6XVFYPVH.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/edit/layers/panel.ts

package/dist/icons/index.js

@@ -1,10 +1,8 @@
 import {
   ICONS,
-  ICON_UNITS
-} from "../chunk-W4PTX2Y4.js";
-import {
+  ICON_UNITS,
   Svg
-} from "../chunk-K7YLLV2W.js";
+} from "../chunk-6XVFYPVH.js";
 import "../chunk-2KG3PWR4.js";
 export {
   ICONS,