@xenosystem/blocks 0.15.3 → 0.16.0

package/dist/{chunk-LKYPCOTE.js → chunk-6STT7CAM.js}

@@ -108,75 +108,173 @@ function RegexGlyph({ size = 12 } = {}) {
     /* @__PURE__ */ jsx2("path", { d: "M5 18h2" })
   ] });
 }
+function AlignLeftGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("rect", { x: "6", y: "14", width: "9", height: "6", rx: "2" }),
+    /* @__PURE__ */ jsx2("rect", { x: "6", y: "4", width: "16", height: "6", rx: "2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M2 2v20" })
+  ] });
+}
+function AlignHCenterGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M12 2v20" }),
+    /* @__PURE__ */ jsx2("path", { d: "M8 10H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h4" }),
+    /* @__PURE__ */ jsx2("path", { d: "M16 10h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-4" }),
+    /* @__PURE__ */ jsx2("path", { d: "M8 20H7a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h1" }),
+    /* @__PURE__ */ jsx2("path", { d: "M16 14h1a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-1" })
+  ] });
+}
+function AlignRightGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("rect", { x: "2", y: "4", width: "16", height: "6", rx: "2" }),
+    /* @__PURE__ */ jsx2("rect", { x: "9", y: "14", width: "9", height: "6", rx: "2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M22 22V2" })
+  ] });
+}
+function AlignTopGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("rect", { x: "4", y: "6", width: "6", height: "16", rx: "2" }),
+    /* @__PURE__ */ jsx2("rect", { x: "14", y: "6", width: "6", height: "9", rx: "2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M22 2H2" })
+  ] });
+}
+function AlignVCenterGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M2 12h20" }),
+    /* @__PURE__ */ jsx2("path", { d: "M10 16v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-4" }),
+    /* @__PURE__ */ jsx2("path", { d: "M10 8V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v4" }),
+    /* @__PURE__ */ jsx2("path", { d: "M20 16v1a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-1" }),
+    /* @__PURE__ */ jsx2("path", { d: "M14 8V7c0-1.1.9-2 2-2h2a2 2 0 0 1 2 2v1" })
+  ] });
+}
+function AlignBottomGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("rect", { x: "4", y: "2", width: "6", height: "16", rx: "2" }),
+    /* @__PURE__ */ jsx2("rect", { x: "14", y: "9", width: "6", height: "9", rx: "2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M22 22H2" })
+  ] });
+}
+function DistributeHGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("rect", { x: "9", y: "9", width: "6", height: "6", rx: "2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M4 22V2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M20 22V2" })
+  ] });
+}
+function DistributeVGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("rect", { x: "9", y: "9", width: "6", height: "6", rx: "2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M22 20H2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M22 4H2" })
+  ] });
+}
+function BringToFrontGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("rect", { x: "8", y: "8", width: "8", height: "8", rx: "2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M4 10a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M14 20a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2" })
+  ] });
+}
+function SendToBackGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("rect", { x: "14", y: "14", width: "8", height: "8", rx: "2" }),
+    /* @__PURE__ */ jsx2("rect", { x: "2", y: "2", width: "8", height: "8", rx: "2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M7 14v1a2 2 0 0 0 2 2h1" }),
+    /* @__PURE__ */ jsx2("path", { d: "M14 7h1a2 2 0 0 1 2 2v1" })
+  ] });
+}
+function GroupGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" }),
+    /* @__PURE__ */ jsx2("rect", { x: "7", y: "7", width: "5", height: "5", rx: "1" }),
+    /* @__PURE__ */ jsx2("rect", { x: "12", y: "12", width: "5", height: "5", rx: "1" })
+  ] });
+}
+function UngroupGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("rect", { x: "2", y: "4", width: "8", height: "6", rx: "1" }),
+    /* @__PURE__ */ jsx2("rect", { x: "14", y: "14", width: "8", height: "6", rx: "1" })
+  ] });
+}
+
+// src/icons/named.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function NamedIcon({ name, size }) {
+  const Icon = ICONS[`icons/${name}`];
+  return Icon ? /* @__PURE__ */ jsx3(Icon, { size }) : /* @__PURE__ */ jsx3(Svg, { size, children: /* @__PURE__ */ jsx3("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1" }) });
+}
 
 // src/edit/tree/react/icons.tsx
-import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx4, 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" }),
+  folder: /* @__PURE__ */ jsx4("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" })
+    /* @__PURE__ */ jsx4("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+    /* @__PURE__ */ jsx4("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" })
+    /* @__PURE__ */ jsx4("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__ */ jsx4("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__ */ jsx4("path", { d: "M3 5a2 2 0 0 0 2 2h3" }),
+    /* @__PURE__ */ jsx4("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" })
+    /* @__PURE__ */ jsx4("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__ */ jsx4("path", { d: "m3.3 7 8.7 5 8.7-5" }),
+    /* @__PURE__ */ jsx4("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" }),
+  component: /* @__PURE__ */ jsx4("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" })
+    /* @__PURE__ */ jsx4("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+    /* @__PURE__ */ jsx4("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }),
+    /* @__PURE__ */ jsx4("path", { d: "M8 13h8M8 17h5" })
   ] }),
-  heading: /* @__PURE__ */ jsx3(Fragment, { children: /* @__PURE__ */ jsx3("path", { d: "M6 4v16M18 4v16M6 12h12" }) }),
+  heading: /* @__PURE__ */ jsx4(Fragment, { children: /* @__PURE__ */ jsx4("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" })
+    /* @__PURE__ */ jsx4("rect", { x: "3", y: "8", width: "18", height: "12", rx: "2" }),
+    /* @__PURE__ */ jsx4("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" })
+    /* @__PURE__ */ jsx4("path", { d: "M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.8 1.7" }),
+    /* @__PURE__ */ jsx4("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" })
+    /* @__PURE__ */ jsx4("path", { d: "M9 17H7A5 5 0 0 1 7 7" }),
+    /* @__PURE__ */ jsx4("path", { d: "M15 7h2a5 5 0 0 1 4 8" }),
+    /* @__PURE__ */ jsx4("path", { d: "M8 12h4" }),
+    /* @__PURE__ */ jsx4("path", { d: "m2 2 20 20" })
   ] }),
-  "circle-dot": /* @__PURE__ */ jsx3("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1" })
+  "circle-dot": /* @__PURE__ */ jsx4("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"] });
+  return /* @__PURE__ */ jsx4(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";
+import { jsx as jsx5, 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" })
+    /* @__PURE__ */ jsx5("path", { d: "m2 22 1-1h3l9-9" }),
+    /* @__PURE__ */ jsx5("path", { d: "M3 21v-3l9-9" }),
+    /* @__PURE__ */ jsx5("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" })
+    /* @__PURE__ */ jsx5("path", { d: "m16 3 4 4-4 4" }),
+    /* @__PURE__ */ jsx5("path", { d: "M20 7H4" }),
+    /* @__PURE__ */ jsx5("path", { d: "m8 21-4-4 4-4" }),
+    /* @__PURE__ */ jsx5("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";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var svgBase = (size) => ({
   width: size,
   height: size,
@@ -221,29 +319,29 @@ var ENTRY_PATHS = {
 };
 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)) });
+  return /* @__PURE__ */ jsx6("svg", { ...svgBase(size), children: paths.map((d, i) => /* @__PURE__ */ jsx6("path", { d }, i)) });
 }
 function XIcon({ size = 10 }) {
-  return /* @__PURE__ */ jsx5(XGlyph, { size });
+  return /* @__PURE__ */ jsx6(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" })
+    /* @__PURE__ */ jsx6("path", { d: "M9 14 4 9l5-5" }),
+    /* @__PURE__ */ jsx6("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" })
+    /* @__PURE__ */ jsx6("path", { d: "m15 14 5-5-5-5" }),
+    /* @__PURE__ */ jsx6("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 Copy2 from "@xenosystem/elements/elements/copy";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var base = (size) => ({
   width: size,
   height: size,
@@ -257,39 +355,39 @@ var base = (size) => ({
 });
 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" })
+    /* @__PURE__ */ jsx7("path", { d: "M10 2h4" }),
+    /* @__PURE__ */ jsx7("path", { d: "M12 14v-4" }),
+    /* @__PURE__ */ jsx7("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" }) });
+  return /* @__PURE__ */ jsx7("svg", { ...base(size), fill: filled ? "currentColor" : "none", children: /* @__PURE__ */ jsx7("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" }) });
+  return /* @__PURE__ */ jsx7("svg", { ...base(size), children: /* @__PURE__ */ jsx7("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" }) });
+  return /* @__PURE__ */ jsx7("svg", { ...base(size), children: /* @__PURE__ */ jsx7("path", { d: "m9 18 6-6-6-6" }) });
 }
 var LinkIcon = fromElement(Link, 10);
 var CopyIcon = fromElement(Copy2, 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" })
+    /* @__PURE__ */ jsx7("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
+    /* @__PURE__ */ jsx7("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" })
+    /* @__PURE__ */ jsx7("path", { d: "M18 6 6 18" }),
+    /* @__PURE__ */ jsx7("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";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var base2 = (size) => ({
   width: size,
   height: size,
@@ -305,31 +403,31 @@ 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" })
+    /* @__PURE__ */ jsx8("rect", { width: "14", height: "10", x: "5", y: "11", rx: "2" }),
+    /* @__PURE__ */ jsx8("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" })
+    /* @__PURE__ */ jsx8("rect", { width: "14", height: "10", x: "5", y: "11", rx: "2" }),
+    /* @__PURE__ */ jsx8("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" }) });
+  return /* @__PURE__ */ jsx8("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__ */ jsx8("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 });
+  return open ? /* @__PURE__ */ jsx8(EyeIcon, { size }) : /* @__PURE__ */ jsx8(EyeOffIcon, { size });
 }
 function LockStateIcon({ locked, size }) {
-  return locked ? /* @__PURE__ */ jsx7(LockIcon, { size }) : /* @__PURE__ */ jsx7(UnlockIcon, { size });
+  return locked ? /* @__PURE__ */ jsx8(LockIcon, { size }) : /* @__PURE__ */ jsx8(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";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var base3 = (size) => ({
   width: size,
   height: size,
@@ -345,54 +443,54 @@ 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" }) });
+  return /* @__PURE__ */ jsx9("svg", { ...base3(size), fill: "currentColor", stroke: "none", children: /* @__PURE__ */ jsx9("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" })
+    /* @__PURE__ */ jsx9("path", { d: "M19 20 9 12l10-8z" }),
+    /* @__PURE__ */ jsx9("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" })
+    /* @__PURE__ */ jsx9("path", { d: "m5 4 10 8-10 8z" }),
+    /* @__PURE__ */ jsx9("path", { d: "M19 5v14" })
   ] });
 }
 function StepBackIcon({ size = 11 }) {
-  return /* @__PURE__ */ jsx8("svg", { ...base3(size), children: /* @__PURE__ */ jsx8("path", { d: "M15 18 9 12l6-6" }) });
+  return /* @__PURE__ */ jsx9("svg", { ...base3(size), children: /* @__PURE__ */ jsx9("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" }) });
+  return /* @__PURE__ */ jsx9("svg", { ...base3(size), children: /* @__PURE__ */ jsx9("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" })
+    /* @__PURE__ */ jsx9("path", { d: "M11 19 2 12l9-7z" }),
+    /* @__PURE__ */ jsx9("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" })
+    /* @__PURE__ */ jsx9("path", { d: "m13 19 9-7-9-7z" }),
+    /* @__PURE__ */ jsx9("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" })
+    /* @__PURE__ */ jsx9("path", { d: "m17 2 4 4-4 4" }),
+    /* @__PURE__ */ jsx9("path", { d: "M3 11v-1a4 4 0 0 1 4-4h14" }),
+    /* @__PURE__ */ jsx9("path", { d: "m7 22-4-4 4-4" }),
+    /* @__PURE__ */ jsx9("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" })
+    /* @__PURE__ */ jsx9("path", { d: "M9 3h6l4 18H5z" }),
+    /* @__PURE__ */ jsx9("path", { d: "m12 18 4-11" })
   ] });
 }
 function PlayPauseIcon({ playing, size }) {
-  return playing ? /* @__PURE__ */ jsx8(PauseIcon, { size }) : /* @__PURE__ */ jsx8(PlayIcon, { size });
+  return playing ? /* @__PURE__ */ jsx9(PauseIcon, { size }) : /* @__PURE__ */ jsx9(PlayIcon, { size });
 }
 var TRANSPORT_ICONS = {
   "transport/PlayIcon": PlayIcon,
@@ -464,7 +562,22 @@ var ICONS = Object.freeze({
   "icons/Case": CaseGlyph,
   "icons/WholeWord": WholeWordGlyph,
   "icons/Regex": RegexGlyph,
-  "icons/TreeKind": TreeIcon
+  "icons/TreeKind": TreeIcon,
+  // arrange (glyphs.tsx) — a section action names one by key: `icon: 'AlignLeft'`
+  "icons/AlignLeft": AlignLeftGlyph,
+  "icons/AlignHCenter": AlignHCenterGlyph,
+  "icons/AlignRight": AlignRightGlyph,
+  "icons/AlignTop": AlignTopGlyph,
+  "icons/AlignVCenter": AlignVCenterGlyph,
+  "icons/AlignBottom": AlignBottomGlyph,
+  "icons/DistributeH": DistributeHGlyph,
+  "icons/DistributeV": DistributeVGlyph,
+  "icons/BringToFront": BringToFrontGlyph,
+  "icons/SendToBack": SendToBackGlyph,
+  "icons/Group": GroupGlyph,
+  "icons/Ungroup": UngroupGlyph,
+  /** A registry icon by NAME (`name: 'AlignLeft'` -> `icons/AlignLeft`), for data that names an icon. */
+  "icons/Named": NamedIcon
 });
 var ICON_UNITS = Object.keys(ICONS);
 
@@ -478,6 +591,7 @@ export {
   SortDescGlyph,
   ExpandGlyph,
   CollapseGlyph,
+  NamedIcon,
   TreeIcon,
   EyedropperIcon,
   SwapIcon,

package/dist/data/index.js

@@ -12,7 +12,7 @@ import {
   RefreshGlyph,
   SortAscGlyph,
   SortDescGlyph
-} from "../chunk-LKYPCOTE.js";
+} from "../chunk-6STT7CAM.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/data/table/panel.ts

package/dist/edit/index.d.ts

@@ -1019,6 +1019,7 @@ interface XenoInspectorField {
 interface XenoSectionAction {
     id: string;
     label: string;
+    /** A registry icon by key (`'AlignLeft'` → `icons/AlignLeft`, see `icons/index.ts`). Absent ⇒ the label's first letter. */
     icon?: string;
     disabled?: boolean;
 }
@@ -1722,6 +1723,7 @@ interface InspectorViewSection {
         sectionId: string;
         label: string;
         glyph: string;
+        icon: string | null;
         disabled?: boolean;
     }[];
     hasAddMenu: boolean;

package/dist/edit/index.js

@@ -9,6 +9,7 @@ import {
   KindGlyph,
   LinkIcon,
   LockStateIcon,
+  NamedIcon,
   NextIcon,
   PrevIcon,
   RedoIcon,
@@ -22,7 +23,7 @@ import {
   VisibilityIcon,
   XIcon,
   XIcon2
-} from "../chunk-LKYPCOTE.js";
+} from "../chunk-6STT7CAM.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/edit/layers/panel.ts
@@ -3039,7 +3040,7 @@ function inspectorViewState(c) {
       hasEnabled: s.enabled !== void 0,
       enabled: s.enabled?.value,
       badge: s.badge,
-      actions: (s.actions ?? []).map((a) => ({ id: a.id, sectionId: s.id, label: a.label, glyph: a.label.slice(0, 1), disabled: a.disabled })),
+      actions: (s.actions ?? []).map((a) => ({ id: a.id, sectionId: s.id, label: a.label, glyph: a.label.slice(0, 1), icon: a.icon ?? null, disabled: a.disabled })),
       hasAddMenu: !!s.addMenu && s.addMenu.length > 0,
       hasActions: (s.actions?.length ?? 0) > 0 || !!s.addMenu && s.addMenu.length > 0,
       addLabel: `Add to ${s.title}`,
@@ -3209,7 +3210,7 @@ var INSPECTOR_DECLARATION = {
                         {
                           component: "chrome/IconButton",
                           each: { item: "actions", key: "id" },
-                          props: { size: { value: "sm" }, icon: { node: { component: "inspector/ActionGlyph", props: { glyph: { item: "glyph" } } } }, label: { item: "label" }, disabled: { item: "disabled" } },
+                          props: { size: { value: "sm" }, icon: { node: { component: "fragment", children: [{ component: "icons/Named", when: { item: "icon" }, props: { name: { item: "icon" } } }, { component: "inspector/ActionGlyph", when: { not: { item: "icon" } }, props: { glyph: { item: "glyph" } } }] } }, label: { item: "label" }, disabled: { item: "disabled" } },
                           on: { onClick: ui2("runAction", { sectionId: { item: "sectionId" }, actionId: { item: "id" } }) }
                         },
                         {
@@ -3698,7 +3699,7 @@ function SectionView({ section, controller }) {
       onEnabledChange: () => ui10({ kind: "toggleSectionEnabled", sectionId: section.id }),
       badge: section.badge ? /* @__PURE__ */ jsx4(Badge2, { children: section.badge }) : null,
       actions: hasActions ? /* @__PURE__ */ jsxs3(Fragment4, { children: [
-        section.actions.map((action) => /* @__PURE__ */ jsx4(IconButton3, { size: "sm", icon: /* @__PURE__ */ jsx4(ActionGlyph, { glyph: action.glyph }), label: action.label, disabled: action.disabled, onClick: () => ui10({ kind: "runAction", sectionId: section.id, actionId: action.id }) }, action.id)),
+        section.actions.map((action) => /* @__PURE__ */ jsx4(IconButton3, { size: "sm", icon: action.icon ? /* @__PURE__ */ jsx4(NamedIcon, { name: action.icon }) : /* @__PURE__ */ jsx4(ActionGlyph, { glyph: action.glyph }), label: action.label, disabled: action.disabled, onClick: () => ui10({ kind: "runAction", sectionId: section.id, actionId: action.id }) }, action.id)),
         section.hasAddMenu ? /* @__PURE__ */ jsx4(Menu2, { size: "sm", trigger: "\uFF0B", items: section.addItems, label: section.addLabel, align: "end", onSelect: (id) => ui10({ kind: "addItem", sectionId: section.id, itemId: id }) }) : null
       ] }) : null,
       children: [

package/dist/icons/index.js

@@ -2,7 +2,7 @@ import {
   ICONS,
   ICON_UNITS,
   Svg
-} from "../chunk-LKYPCOTE.js";
+} from "../chunk-6STT7CAM.js";
 import "../chunk-2KG3PWR4.js";
 export {
   ICONS,

package/dist/ops/index.js

@@ -10,7 +10,7 @@ import {
   ICONS,
   PlusGlyph,
   XGlyph
-} from "../chunk-LKYPCOTE.js";
+} from "../chunk-6STT7CAM.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/ops/console/panel.ts

package/dist/time/index.js

@@ -13,7 +13,7 @@ import {
   StopIcon,
   TRANSPORT_ICONS,
   TRANSPORT_RUNTIME_UNITS
-} from "../chunk-LKYPCOTE.js";
+} from "../chunk-6STT7CAM.js";
 import {
   __reExport
 } from "../chunk-2KG3PWR4.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xenosystem/blocks",
-  "version": "0.15.3",
+  "version": "0.16.0",
   "description": "XENO Blocks — rung 3 of the front ladder: components composed into a contract-bearing unit (manifest: ports, intents, commands, agent surface), rendered by @xenosystem/workbench. ONE package, one subpath per family (/auth, /edit, /data, /time, /ops, /trust, /agent), one named export per block — XENO PACKAGE NAMING - STANDARD.md.",
   "license": "UNLICENSED",
   "type": "module",