@xenosystem/blocks 0.13.0 → 0.13.1

package/dist/edit/index.js

@@ -13,11 +13,19 @@ import {
   StopwatchIcon,
   SwapIcon,
   TrashIcon,
+  TreeIcon,
   UndoIcon,
   VisibilityIcon,
   XIcon,
   XIcon2
-} from "../chunk-OCEZTO2D.js";
+} from "../chunk-J5XEAON6.js";
+import {
+  CaseGlyph,
+  ChevronGlyph,
+  CollapseGlyph,
+  ExpandGlyph,
+  RefreshGlyph
+} from "../chunk-GQWAIPDF.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/edit/layers/panel.ts
@@ -9347,12 +9355,7 @@ import {
 } from "@xenosystem/components/chrome";
 import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function CaseIcon() {
-  return /* @__PURE__ */ jsxs8("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
-    /* @__PURE__ */ jsx9("path", { d: "m3 15 4-8 4 8" }),
-    /* @__PURE__ */ jsx9("path", { d: "M4 13h6" }),
-    /* @__PURE__ */ jsx9("circle", { cx: "18", cy: "12", r: "3" }),
-    /* @__PURE__ */ jsx9("path", { d: "M21 9v6" })
-  ] });
+  return /* @__PURE__ */ jsx9(CaseGlyph, { size: 12 });
 }
 function WordIcon() {
   return /* @__PURE__ */ jsxs8("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
@@ -13189,105 +13192,7 @@ import {
   ToolbarGroup as ToolbarGroup5
 } from "@xenosystem/components/chrome";
 import { computeWindow as computeWindow3 } from "@xenosystem/tree-core";
-
-// src/edit/tree/react/icons.tsx
 import { Fragment as Fragment8, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
-function Svg({ children, size = 11 }) {
-  return /* @__PURE__ */ jsx12(
-    "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
-    }
-  );
-}
-function ChevronGlyph() {
-  return /* @__PURE__ */ jsx12(Svg, { size: 9, children: /* @__PURE__ */ jsx12("path", { d: "m9 18 6-6-6-6" }) });
-}
-function ExpandGlyph() {
-  return /* @__PURE__ */ jsxs11(Svg, { children: [
-    /* @__PURE__ */ jsx12("path", { d: "M12 22v-6" }),
-    /* @__PURE__ */ jsx12("path", { d: "M12 8V2" }),
-    /* @__PURE__ */ jsx12("path", { d: "m9 5 3-3 3 3" }),
-    /* @__PURE__ */ jsx12("path", { d: "m9 19 3 3 3-3" }),
-    /* @__PURE__ */ jsx12("path", { d: "M4 12H2" }),
-    /* @__PURE__ */ jsx12("path", { d: "M10 12H8" }),
-    /* @__PURE__ */ jsx12("path", { d: "M16 12h-2" }),
-    /* @__PURE__ */ jsx12("path", { d: "M22 12h-2" })
-  ] });
-}
-function CollapseGlyph() {
-  return /* @__PURE__ */ jsxs11(Svg, { children: [
-    /* @__PURE__ */ jsx12("path", { d: "M12 22v-6" }),
-    /* @__PURE__ */ jsx12("path", { d: "M12 8V2" }),
-    /* @__PURE__ */ jsx12("path", { d: "m9 13 3 3 3-3" }),
-    /* @__PURE__ */ jsx12("path", { d: "m9 11 3-3 3 3" }),
-    /* @__PURE__ */ jsx12("path", { d: "M4 12H2" }),
-    /* @__PURE__ */ jsx12("path", { d: "M22 12h-2" })
-  ] });
-}
-function RefreshGlyph() {
-  return /* @__PURE__ */ jsxs11(Svg, { children: [
-    /* @__PURE__ */ jsx12("path", { d: "M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
-    /* @__PURE__ */ jsx12("path", { d: "M3 3v5h5" }),
-    /* @__PURE__ */ jsx12("path", { d: "M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16" }),
-    /* @__PURE__ */ jsx12("path", { d: "M16 16h5v5" })
-  ] });
-}
-var PATHS = {
-  folder: /* @__PURE__ */ jsx12("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__ */ jsxs11(Fragment8, { children: [
-    /* @__PURE__ */ jsx12("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
-    /* @__PURE__ */ jsx12("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" })
-  ] }),
-  "folder-tree": /* @__PURE__ */ jsxs11(Fragment8, { children: [
-    /* @__PURE__ */ jsx12("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__ */ jsx12("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__ */ jsx12("path", { d: "M3 5a2 2 0 0 0 2 2h3" }),
-    /* @__PURE__ */ jsx12("path", { d: "M3 3v13a2 2 0 0 0 2 2h3" })
-  ] }),
-  box: /* @__PURE__ */ jsxs11(Fragment8, { children: [
-    /* @__PURE__ */ jsx12("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__ */ jsx12("path", { d: "m3.3 7 8.7 5 8.7-5" }),
-    /* @__PURE__ */ jsx12("path", { d: "M12 22V12" })
-  ] }),
-  component: /* @__PURE__ */ jsx12("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__ */ jsxs11(Fragment8, { children: [
-    /* @__PURE__ */ jsx12("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
-    /* @__PURE__ */ jsx12("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }),
-    /* @__PURE__ */ jsx12("path", { d: "M8 13h8M8 17h5" })
-  ] }),
-  heading: /* @__PURE__ */ jsx12(Fragment8, { children: /* @__PURE__ */ jsx12("path", { d: "M6 4v16M18 4v16M6 12h12" }) }),
-  bot: /* @__PURE__ */ jsxs11(Fragment8, { children: [
-    /* @__PURE__ */ jsx12("rect", { x: "3", y: "8", width: "18", height: "12", rx: "2" }),
-    /* @__PURE__ */ jsx12("path", { d: "M12 4v4M8 14h.01M16 14h.01" })
-  ] }),
-  link: /* @__PURE__ */ jsxs11(Fragment8, { children: [
-    /* @__PURE__ */ jsx12("path", { d: "M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.8 1.7" }),
-    /* @__PURE__ */ jsx12("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__ */ jsxs11(Fragment8, { children: [
-    /* @__PURE__ */ jsx12("path", { d: "M9 17H7A5 5 0 0 1 7 7" }),
-    /* @__PURE__ */ jsx12("path", { d: "M15 7h2a5 5 0 0 1 4 8" }),
-    /* @__PURE__ */ jsx12("path", { d: "M8 12h4" }),
-    /* @__PURE__ */ jsx12("path", { d: "m2 2 20 20" })
-  ] }),
-  "circle-dot": /* @__PURE__ */ jsx12("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1" })
-};
-function TreeIcon({ name, size = 11 }) {
-  return /* @__PURE__ */ jsx12(Svg, { size, children: PATHS[name] ?? PATHS["circle-dot"] });
-}
-
-// src/edit/tree/react/TreePanelView.tsx
-import { Fragment as Fragment9, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 function TreePanelView({
   controller,
   rowHeight = 24,
@@ -13319,13 +13224,13 @@ function TreePanelView({
   const sourceState = source?.sourceState ?? "idle";
   const body = (() => {
     if (!source || sourceState === "idle") {
-      return /* @__PURE__ */ jsx13(EmptyState8, { title: "No source", hint: emptyHint ?? "Connect a source to browse it." });
+      return /* @__PURE__ */ jsx12(EmptyState8, { title: "No source", hint: emptyHint ?? "Connect a source to browse it." });
     }
     if (sourceState === "loading" && state.rows.length === 0) {
-      return /* @__PURE__ */ jsx13(LoadingState, { label: source.sourceMessage ?? "Loading\u2026" });
+      return /* @__PURE__ */ jsx12(LoadingState, { label: source.sourceMessage ?? "Loading\u2026" });
     }
     if (sourceState === "error" || sourceState === "denied") {
-      return /* @__PURE__ */ jsx13(
+      return /* @__PURE__ */ jsx12(
         ErrorState,
         {
           title: sourceState === "denied" ? "Access not granted" : "Could not read this source",
@@ -13336,7 +13241,7 @@ function TreePanelView({
       );
     }
     if (state.rows.length === 0) {
-      return state.filter ? /* @__PURE__ */ jsx13(EmptyState8, { title: "No matches", hint: `Nothing matches \u201C${state.filter}\u201D.` }) : /* @__PURE__ */ jsx13(
+      return state.filter ? /* @__PURE__ */ jsx12(EmptyState8, { title: "No matches", hint: `Nothing matches \u201C${state.filter}\u201D.` }) : /* @__PURE__ */ jsx12(
         EmptyState8,
         {
           title: "Nothing here",
@@ -13352,7 +13257,7 @@ function TreePanelView({
       overscan
     });
     const slice = state.rows.slice(window2.startIndex, window2.endIndex);
-    return /* @__PURE__ */ jsx13(ScrollArea6, { children: /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx12(ScrollArea6, { children: /* @__PURE__ */ jsx12(
       "div",
       {
         ref: scrollRef,
@@ -13366,7 +13271,7 @@ function TreePanelView({
             e.preventDefault();
           }
         },
-        children: /* @__PURE__ */ jsx13("div", { style: { height: window2.totalHeight, position: "relative" }, children: /* @__PURE__ */ jsx13("div", { style: { transform: `translateY(${window2.offsetTop}px)` }, children: slice.map((row2) => /* @__PURE__ */ jsx13(
+        children: /* @__PURE__ */ jsx12("div", { style: { height: window2.totalHeight, position: "relative" }, children: /* @__PURE__ */ jsx12("div", { style: { transform: `translateY(${window2.offsetTop}px)` }, children: slice.map((row2) => /* @__PURE__ */ jsx12(
           TreeRowView,
           {
             row: row2,
@@ -13382,11 +13287,11 @@ function TreePanelView({
       }
     ) });
   })();
-  return /* @__PURE__ */ jsxs12("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
-    /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs11("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
+    /* @__PURE__ */ jsx12(
       Toolbar7,
       {
-        left: showSearch ? /* @__PURE__ */ jsx13(
+        left: showSearch ? /* @__PURE__ */ jsx12(
           SearchField5,
           {
             value: state.filter,
@@ -13394,22 +13299,22 @@ function TreePanelView({
             placeholder: "Filter\u2026"
           }
         ) : void 0,
-        right: /* @__PURE__ */ jsxs12(ToolbarGroup5, { end: true, children: [
-          /* @__PURE__ */ jsx13(IconButton7, { icon: /* @__PURE__ */ jsx13(ExpandGlyph, {}), label: "Expand all", onClick: () => controller.expandAll() }),
-          /* @__PURE__ */ jsx13(
+        right: /* @__PURE__ */ jsxs11(ToolbarGroup5, { end: true, children: [
+          /* @__PURE__ */ jsx12(IconButton7, { icon: /* @__PURE__ */ jsx12(ExpandGlyph, {}), label: "Expand all", onClick: () => controller.expandAll() }),
+          /* @__PURE__ */ jsx12(
             IconButton7,
             {
-              icon: /* @__PURE__ */ jsx13(CollapseGlyph, {}),
+              icon: /* @__PURE__ */ jsx12(CollapseGlyph, {}),
               label: "Collapse all",
               onClick: () => controller.collapseAll()
             }
           ),
-          /* @__PURE__ */ jsx13(IconButton7, { icon: /* @__PURE__ */ jsx13(RefreshGlyph, {}), label: "Refresh", onClick: () => controller.refresh() })
+          /* @__PURE__ */ jsx12(IconButton7, { icon: /* @__PURE__ */ jsx12(RefreshGlyph, {}), label: "Refresh", onClick: () => controller.refresh() })
         ] })
       }
     ),
     body,
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx12(
       StatusBar8,
       {
         left: `${state.rows.length} item${state.rows.length === 1 ? "" : "s"}`,
@@ -13431,7 +13336,7 @@ function TreeRowView({
   const selected = state.selection.includes(row2.id);
   const renaming = state.renaming?.id === row2.id ? state.renaming : null;
   const drop = state.drag?.targetId === row2.id ? state.drag : null;
-  const twisty = row2.container ? /* @__PURE__ */ jsx13(
+  const twisty = row2.container ? /* @__PURE__ */ jsx12(
     "span",
     {
       role: "button",
@@ -13451,13 +13356,13 @@ function TreeRowView({
         transition: "transform 80ms ease",
         opacity: 0.7
       },
-      children: /* @__PURE__ */ jsx13(ChevronGlyph, {})
+      children: /* @__PURE__ */ jsx12(ChevronGlyph, { size: 9 })
     }
   ) : (
     // A leaf still reserves the twisty column, so labels stay in ONE column across mixed rows.
-    /* @__PURE__ */ jsx13("span", { style: { width: 12, flex: "0 0 auto" } })
+    /* @__PURE__ */ jsx12("span", { style: { width: 12, flex: "0 0 auto" } })
   );
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       style: {
@@ -13468,7 +13373,7 @@ function TreeRowView({
         boxShadow: drop?.position === "into" ? "inset 0 0 0 1px var(--xeno-active)" : drop?.position === "before" ? "inset 0 1px 0 0 var(--xeno-active)" : drop?.position === "after" ? "inset 0 -1px 0 0 var(--xeno-active)" : void 0
       },
       title: drop?.reason,
-      children: /* @__PURE__ */ jsx13(
+      children: /* @__PURE__ */ jsx12(
         Row4,
         {
           role: "treeitem",
@@ -13504,11 +13409,11 @@ function TreeRowView({
           onPointerUp: () => {
             if (state.drag) controller.endDrag();
           },
-          icon: /* @__PURE__ */ jsxs12(Fragment9, { children: [
+          icon: /* @__PURE__ */ jsxs11(Fragment8, { children: [
             twisty,
-            /* @__PURE__ */ jsx13(NodeIcon, { icon: node.icon ?? defaultIconFor(node.kind) })
+            /* @__PURE__ */ jsx12(NodeIcon, { icon: node.icon ?? defaultIconFor(node.kind) })
           ] }),
-          label: renaming ? /* @__PURE__ */ jsx13(
+          label: renaming ? /* @__PURE__ */ jsx12(
             "input",
             {
               autoFocus: true,
@@ -13533,19 +13438,19 @@ function TreeRowView({
               }
             }
           ) : node.label,
-          meta: /* @__PURE__ */ jsx13(ChildStateChip, { row: row2, controller }),
-          trailing: /* @__PURE__ */ jsxs12(Fragment9, { children: [
-            columns?.map((columnId) => /* @__PURE__ */ jsx13("span", { style: { opacity: 0.7, fontVariantNumeric: "tabular-nums" }, children: node.columns?.[columnId] ?? "" }, columnId)),
-            node.glyphs?.map((glyph) => /* @__PURE__ */ jsx13("span", { title: glyph.title, style: { display: "flex", opacity: 0.7 }, children: /* @__PURE__ */ jsx13(NodeIcon, { icon: glyph.icon }) }, glyph.id)),
+          meta: /* @__PURE__ */ jsx12(ChildStateChip, { row: row2, controller }),
+          trailing: /* @__PURE__ */ jsxs11(Fragment8, { children: [
+            columns?.map((columnId) => /* @__PURE__ */ jsx12("span", { style: { opacity: 0.7, fontVariantNumeric: "tabular-nums" }, children: node.columns?.[columnId] ?? "" }, columnId)),
+            node.glyphs?.map((glyph) => /* @__PURE__ */ jsx12("span", { title: glyph.title, style: { display: "flex", opacity: 0.7 }, children: /* @__PURE__ */ jsx12(NodeIcon, { icon: glyph.icon }) }, glyph.id)),
             node.badges?.map((badge) => (
               // Opaque: the host formatted the text, the panel only places it.
-              /* @__PURE__ */ jsx13(Badge7, { tone: badge.tone, className: badge.title ? void 0 : void 0, children: badge.text }, badge.id)
+              /* @__PURE__ */ jsx12(Badge7, { tone: badge.tone, className: badge.title ? void 0 : void 0, children: badge.text }, badge.id)
             )),
-            node.actions?.map((action) => /* @__PURE__ */ jsx13(
+            node.actions?.map((action) => /* @__PURE__ */ jsx12(
               IconButton7,
               {
                 size: "sm",
-                icon: /* @__PURE__ */ jsx13(NodeIcon, { icon: action.icon }),
+                icon: /* @__PURE__ */ jsx12(NodeIcon, { icon: action.icon }),
                 label: action.label,
                 disabled: action.disabled,
                 onClick: () => controller.runAction(row2.id, action.id)
@@ -13564,14 +13469,14 @@ function ChildStateChip({
 }) {
   if (!row2.container) return null;
   if (row2.childState === "loading") {
-    return /* @__PURE__ */ jsx13("span", { style: { opacity: 0.5, fontSize: 9 }, children: "loading\u2026" });
+    return /* @__PURE__ */ jsx12("span", { style: { opacity: 0.5, fontSize: 9 }, children: "loading\u2026" });
   }
   if (row2.childState === "error") {
     const error = row2.node.error;
-    return /* @__PURE__ */ jsx13(Badge7, { tone: "error", children: error?.code === "denied" ? "no access" : error?.code ?? "failed" });
+    return /* @__PURE__ */ jsx12(Badge7, { tone: "error", children: error?.code === "denied" ? "no access" : error?.code ?? "failed" });
   }
   if (row2.node.hasMore && row2.expanded) {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx12(
       "span",
       {
         role: "button",
@@ -13585,18 +13490,18 @@ function ChildStateChip({
     );
   }
   if (row2.node.truncatedAt !== void 0) {
-    return /* @__PURE__ */ jsx13(Badge7, { tone: "warning", children: `first ${row2.node.truncatedAt}` });
+    return /* @__PURE__ */ jsx12(Badge7, { tone: "warning", children: `first ${row2.node.truncatedAt}` });
   }
   if (row2.expanded && isEmptyContainer(row2.node)) {
-    return /* @__PURE__ */ jsx13("span", { style: { opacity: 0.4, fontSize: 9 }, children: "empty" });
+    return /* @__PURE__ */ jsx12("span", { style: { opacity: 0.4, fontSize: 9 }, children: "empty" });
   }
   return null;
 }
 function NodeIcon({ icon }) {
   if (icon.kind === "text") {
-    return /* @__PURE__ */ jsx13("span", { style: { fontSize: 11, lineHeight: 1, display: "flex", alignItems: "center" }, children: icon.value });
+    return /* @__PURE__ */ jsx12("span", { style: { fontSize: 11, lineHeight: 1, display: "flex", alignItems: "center" }, children: icon.value });
   }
-  return /* @__PURE__ */ jsx13(TreeIcon, { name: icon.name });
+  return /* @__PURE__ */ jsx12(TreeIcon, { name: icon.name });
 }
 
 // src/edit/tree/panel.ts

package/dist/icons/index.d.ts

@@ -1,4 +1,22 @@
-import { ComponentType } from 'react';
+import { ReactNode, ComponentType } from 'react';
+
+/**
+ * The shared glyphs — ONE source for the strokes that used to be copied per block (`Refresh` was
+ * byte-identical in three files, `X` in three, `Plus` in two). Lucide geometry at strokeWidth 1.5,
+ * rectangles and lines only: no circles anywhere (DESIGN_SYSTEM §3). Every block-local `icons.tsx`
+ * re-exports from here under its own name, so no view changed when the copies collapsed.
+ *
+ * Interim, like the registry beside it: when `@xenosystem/elements-react` ships the icon set, this
+ * file becomes re-exports and the blocks are untouched.
+ *
+ * @module
+ */
+
+/** The frame every glyph draws in. */
+declare function Svg({ children, size }: {
+    children: ReactNode;
+    size?: number;
+}): ReactNode;
 
 /**
  * `@xenosystem/blocks/icons` — ONE glyph registry for every declared block, keyed `icons/<Name>`.
@@ -20,4 +38,4 @@ declare const ICONS: Readonly<Record<`icons/${string}`, ComponentType<any>>>;
 /** The registry names, for a host's registry check and the seen-before-used gate. */
 declare const ICON_UNITS: readonly string[];
 
-export { ICONS, ICON_UNITS };
+export { ICONS, ICON_UNITS, Svg };

package/dist/icons/index.js

@@ -28,10 +28,29 @@ import {
   StopwatchIcon,
   SwapIcon,
   TrashIcon,
+  TreeIcon,
   UndoIcon,
   VisibilityIcon,
   XIcon2 as XIcon
-} from "../chunk-OCEZTO2D.js";
+} from "../chunk-J5XEAON6.js";
+import {
+  CancelGlyph,
+  CaseGlyph,
+  ChevronGlyph,
+  ClearGlyph,
+  CollapseGlyph,
+  CopyGlyph,
+  DownloadGlyph,
+  ExpandGlyph,
+  PlugGlyph,
+  PlusGlyph,
+  RefreshGlyph,
+  RetryGlyph,
+  SortAscGlyph,
+  SortDescGlyph,
+  Svg,
+  XGlyph
+} from "../chunk-GQWAIPDF.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/icons/index.ts
@@ -70,10 +89,28 @@ var ICONS = Object.freeze({
   "icons/LockState": LockStateIcon,
   // color
   "icons/Swap": SwapIcon,
-  "icons/Eyedropper": EyedropperIcon
+  "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/TreeKind": TreeIcon
 });
 var ICON_UNITS = Object.keys(ICONS);
 export {
   ICONS,
-  ICON_UNITS
+  ICON_UNITS,
+  Svg
 };