@xenosystem/blocks 0.13.0 → 0.13.2

package/dist/edit/index.js

@@ -6,18 +6,25 @@ import {
   LinkIcon,
   LockStateIcon,
   NextIcon,
-  PendingGlyph,
   PrevIcon,
   RedoIcon,
   ResetIcon,
   StopwatchIcon,
   SwapIcon,
   TrashIcon,
+  TreeIcon,
   UndoIcon,
   VisibilityIcon,
   XIcon,
   XIcon2
-} from "../chunk-OCEZTO2D.js";
+} from "../chunk-SFSCCISX.js";
+import {
+  CaseGlyph,
+  ChevronGlyph,
+  CollapseGlyph,
+  ExpandGlyph,
+  RefreshGlyph
+} from "../chunk-GQWAIPDF.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/edit/layers/panel.ts
@@ -4825,7 +4832,7 @@ var HISTORY_DECLARATION = {
                         node: {
                           component: "fragment",
                           children: [
-                            { component: "icons/Pending", when: { item: "pending" } },
+                            { component: "chrome/Spinner", when: { item: "pending" } },
                             { component: "chrome/Badge", when: { item: "failed" }, props: { size: { value: "sm" }, tone: { value: "error" } }, children: [text3({ value: "failed" })] },
                             { component: "chrome/Badge", when: { item: "showSource" }, props: { size: { value: "sm" }, title: { item: "sourceTitle" } }, children: [text3({ item: "sourceGlyph" })] },
                             { component: "chrome/Badge", when: { item: "showCoalesced" }, props: { size: { value: "sm" }, title: { item: "coalescedTitle" } }, children: [text3({ item: "coalescedText" })] },
@@ -4861,7 +4868,7 @@ var HISTORY_DECLARATION = {
 };
 
 // src/edit/history/react/HistoryPanelView.tsx
-import { Badge as Badge3, Column as Column3, EmptyState as EmptyState3, IconButton as IconButton4, InlineConfirm, RowList as RowList2, Row as Row2, ScrollArea as ScrollArea3, SearchField as SearchField3, StatusBar as StatusBar2, Text as Text4, Toolbar as Toolbar2, VirtualWindow as VirtualWindow2 } from "@xenosystem/components/chrome";
+import { Badge as Badge3, Column as Column3, EmptyState as EmptyState3, IconButton as IconButton4, InlineConfirm, RowList as RowList2, Row as Row2, ScrollArea as ScrollArea3, SearchField as SearchField3, Spinner, StatusBar as StatusBar2, Text as Text4, Toolbar as Toolbar2, VirtualWindow as VirtualWindow2 } from "@xenosystem/components/chrome";
 import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function HistoryPanelView({ controller }) {
   const subscribe = useCallback4((cb) => controller.subscribe(cb), [controller]);
@@ -4958,7 +4965,7 @@ function HistoryRowView({ row: row2, controller }) {
       "data-history-row": row2.key,
       title: row2.label,
       trailing: /* @__PURE__ */ jsxs4(Fragment4, { children: [
-        row2.pending ? /* @__PURE__ */ jsx5(PendingGlyph, {}) : null,
+        row2.pending ? /* @__PURE__ */ jsx5(Spinner, {}) : null,
         row2.failed ? /* @__PURE__ */ jsx5(Badge3, { size: "sm", tone: "error", children: "failed" }) : null,
         row2.showSource ? /* @__PURE__ */ jsx5(Badge3, { size: "sm", title: row2.sourceTitle, children: row2.sourceGlyph }) : null,
         row2.showCoalesced ? /* @__PURE__ */ jsx5(Badge3, { size: "sm", title: row2.coalescedTitle, children: row2.coalescedText }) : null,
@@ -9347,12 +9354,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 +13191,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 +13223,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 +13240,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 +13256,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 +13270,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 +13286,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 +13298,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 +13335,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 +13355,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 +13372,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 +13408,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 +13437,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 +13468,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 +13489,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

@@ -21,17 +21,34 @@ import {
   LinkIcon,
   LockStateIcon,
   NextIcon,
-  PendingGlyph,
   PrevIcon,
   RedoIcon,
   ResetIcon,
   StopwatchIcon,
   SwapIcon,
   TrashIcon,
+  TreeIcon,
   UndoIcon,
-  VisibilityIcon,
-  XIcon2 as XIcon
-} from "../chunk-OCEZTO2D.js";
+  VisibilityIcon
+} from "../chunk-SFSCCISX.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
@@ -54,8 +71,6 @@ var ICONS = Object.freeze({
   "icons/Undo": UndoIcon,
   "icons/Redo": RedoIcon,
   "icons/Trash": TrashIcon,
-  "icons/X": XIcon,
-  "icons/Pending": PendingGlyph,
   "icons/HistoryEntry": EntryIcon,
   // inspector
   "icons/Stopwatch": StopwatchIcon,
@@ -70,10 +85,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
 };