@xenosystem/blocks 0.13.4 → 0.13.5

package/dist/auth/index.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as react from 'react';
 import { ReactNode } from 'react';
 import { PanelModule, PanelManifest, BlockDeclaration } from '@xenosystem/block-sdk';
 import { PanelTone } from '@xenosystem/components/chrome';
@@ -314,7 +314,7 @@ interface AuthGateViewProps {
     heroSrc?: string;
     now?: () => number;
 }
-declare function AuthGateView$1({ controller, productName, children, heroSrc, now }: AuthGateViewProps): React.JSX.Element;
+declare function AuthGateView$1({ controller, productName, children, heroSrc, now }: AuthGateViewProps): react.JSX.Element;
 
 /**
  * The auth gate AS A DECLARATION — the first block written the way `xeno-apps/SPEC.md` §8d says every

package/dist/{chunk-SFSCCISX.js → chunk-UGA6G7IN.js}

@@ -1,9 +1,12 @@
 import {
   Svg,
-  XGlyph
-} from "./chunk-GQWAIPDF.js";
+  XGlyph,
+  fromElement
+} from "./chunk-YTSBYJVH.js";
 
 // src/edit/layers/react/icons.tsx
+import Eye from "@xenosystem/elements/elements/eye";
+import EyeOff from "@xenosystem/elements/elements/eye-off";
 import { jsx, jsxs } from "react/jsx-runtime";
 var base = (size) => ({
   width: size,
@@ -16,19 +19,8 @@ var base = (size) => ({
   strokeLinejoin: "round",
   "aria-hidden": true
 });
-function EyeIcon({ size = 12, className }) {
-  return /* @__PURE__ */ jsxs("svg", { ...base(size), className, children: [
-    /* @__PURE__ */ jsx("path", { d: "M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z" }),
-    /* @__PURE__ */ jsx("path", { d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" })
-  ] });
-}
-function EyeOffIcon({ size = 12, className }) {
-  return /* @__PURE__ */ jsxs("svg", { ...base(size), className, children: [
-    /* @__PURE__ */ jsx("path", { d: "M10.7 5.1A11 11 0 0 1 12 5c6.5 0 10 7 10 7a18 18 0 0 1-2.4 3.4M6.6 6.6A18 18 0 0 0 2 12s3.5 7 10 7a10.9 10.9 0 0 0 5.4-1.4" }),
-    /* @__PURE__ */ jsx("path", { d: "M14.1 14.1a3 3 0 1 1-4.2-4.2" }),
-    /* @__PURE__ */ jsx("path", { d: "m2 2 20 20" })
-  ] });
-}
+var EyeIcon = fromElement(Eye, 12);
+var EyeOffIcon = fromElement(EyeOff, 12);
 function LockIcon({ size = 12, className }) {
   return /* @__PURE__ */ jsxs("svg", { ...base(size), className, children: [
     /* @__PURE__ */ jsx("rect", { width: "14", height: "10", x: "5", y: "11", rx: "2" }),
@@ -52,6 +44,7 @@ function LockStateIcon({ locked, size }) {
 }
 
 // src/edit/inspector/react/icons.tsx
+import Link from "@xenosystem/elements/elements/link";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var base2 = (size) => ({
   width: size,
@@ -80,12 +73,7 @@ function PrevIcon({ size = 9 }) {
 function NextIcon({ size = 9 }) {
   return /* @__PURE__ */ jsx2("svg", { ...base2(size), children: /* @__PURE__ */ jsx2("path", { d: "m9 18 6-6-6-6" }) });
 }
-function LinkIcon({ size = 10 }) {
-  return /* @__PURE__ */ jsxs2("svg", { ...base2(size), children: [
-    /* @__PURE__ */ jsx2("path", { d: "M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.8 1.7" }),
-    /* @__PURE__ */ jsx2("path", { d: "M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.8-1.7" })
-  ] });
-}
+var LinkIcon = fromElement(Link, 10);
 function ResetIcon({ size = 10 }) {
   return /* @__PURE__ */ jsxs2("svg", { ...base2(size), children: [
     /* @__PURE__ */ jsx2("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
@@ -100,6 +88,7 @@ function XIcon({ size = 10 }) {
 }
 
 // src/edit/history/react/icons.tsx
+import Trash from "@xenosystem/elements/elements/trash";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var svgBase = (size) => ({
   width: size,
@@ -150,13 +139,7 @@ function EntryIcon({ name, size = 11 }) {
 function XIcon2({ size = 10 }) {
   return /* @__PURE__ */ jsx3(XGlyph, { size });
 }
-function TrashIcon({ size = 11 }) {
-  return /* @__PURE__ */ jsxs3("svg", { ...svgBase(size), children: [
-    /* @__PURE__ */ jsx3("path", { d: "M3 6h18" }),
-    /* @__PURE__ */ jsx3("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
-    /* @__PURE__ */ jsx3("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
-  ] });
-}
+var TrashIcon = fromElement(Trash);
 function UndoIcon({ size = 11 }) {
   return /* @__PURE__ */ jsxs3("svg", { ...svgBase(size), children: [
     /* @__PURE__ */ jsx3("path", { d: "M9 14 4 9l5-5" }),

package/dist/chunk-YTSBYJVH.js

@@ -0,0 +1,115 @@
+// 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" })
+  ] });
+}
+
+export {
+  fromElement,
+  Svg,
+  RefreshGlyph,
+  XGlyph,
+  PlusGlyph,
+  ChevronGlyph,
+  DownloadGlyph,
+  PlugGlyph,
+  SortAscGlyph,
+  SortDescGlyph,
+  ExpandGlyph,
+  CollapseGlyph,
+  CopyGlyph,
+  ClearGlyph,
+  CancelGlyph,
+  RetryGlyph,
+  CaseGlyph
+};

package/dist/{chunk-BP4EYOCQ.js → chunk-YZYFDQIY.js}

@@ -1,4 +1,11 @@
+import {
+  fromElement
+} from "./chunk-YTSBYJVH.js";
+
 // 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, jsxs } from "react/jsx-runtime";
 var base = (size) => ({
   width: size,
@@ -11,18 +18,9 @@ var base = (size) => ({
   strokeLinejoin: "round",
   "aria-hidden": true
 });
-function PlayIcon({ size = 12 }) {
-  return /* @__PURE__ */ jsx("svg", { ...base(size), fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M7 4.5v15l13-7.5z" }) });
-}
-function PauseIcon({ size = 12 }) {
-  return /* @__PURE__ */ jsxs("svg", { ...base(size), fill: "currentColor", stroke: "none", children: [
-    /* @__PURE__ */ jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1" }),
-    /* @__PURE__ */ jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1" })
-  ] });
-}
-function StopIcon({ size = 11 }) {
-  return /* @__PURE__ */ jsx("svg", { ...base(size), fill: "currentColor", stroke: "none", children: /* @__PURE__ */ jsx("rect", { x: "5", y: "5", width: "14", height: "14", rx: "2" }) });
-}
+var PlayIcon = fromElement(Play, 12);
+var PauseIcon = fromElement(Pause, 12);
+var StopIcon = fromElement(Stop);
 function RecordIcon({ size = 11 }) {
   return /* @__PURE__ */ jsx("svg", { ...base(size), fill: "currentColor", stroke: "none", children: /* @__PURE__ */ jsx("rect", { x: "6", y: "6", width: "12", height: "12", rx: "3" }) });
 }

package/dist/data/index.js

@@ -15,7 +15,7 @@ import {
   SortAscGlyph,
   SortDescGlyph,
   XGlyph
-} from "../chunk-GQWAIPDF.js";
+} from "../chunk-YTSBYJVH.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/data/table/panel.ts

package/dist/edit/index.d.ts

@@ -1,7 +1,7 @@
 import { PanelHost, PanelModule, PanelManifest, BlockDeclaration } from '@xenosystem/block-sdk';
 import { FlatRow as FlatRow$1, DropTarget, ThrottleClock, VirtualWindow, DropPosition } from '@xenosystem/tree-core';
 export { DropPosition, DropTarget } from '@xenosystem/tree-core';
-import * as React from 'react';
+import * as react from 'react';
 import { ReactElement, ReactNode } from 'react';
 import { XenoTimebase, XenoTick } from '@xenosystem/time-core';
 
@@ -735,7 +735,7 @@ declare function LayersPanelView({ controller }: LayersPanelViewProps): ReactEle
  */
 /** The unit names the runtime supplies for this block — what a host's registry check must accept beside the shared families. */
 declare const LAYERS_RUNTIME_UNITS: readonly ["layers/Scroller", "layers/RenameField", "layers/Thumbnail"];
-declare function layersRuntimeComponents(controller: LayersPanelController): Record<(typeof LAYERS_RUNTIME_UNITS)[number], React.ComponentType<any>>;
+declare function layersRuntimeComponents(controller: LayersPanelController): Record<(typeof LAYERS_RUNTIME_UNITS)[number], react.ComponentType<any>>;
 
 /**
  * The layers panel AS A DECLARATION — the seventh block written the §8d way (auth gate, agent,
@@ -1755,7 +1755,7 @@ declare function InspectorPanelView({ controller }: InspectorPanelViewProps): Re
  */
 /** The unit names the runtime supplies for this block — what a host's registry check must accept beside the shared families. */
 declare const INSPECTOR_RUNTIME_UNITS: readonly ["inspector/FieldWidget", "inspector/Properties", "inspector/ActionGlyph"];
-declare function inspectorRuntimeComponents(controller: InspectorPanelController): Record<(typeof INSPECTOR_RUNTIME_UNITS)[number], React.ComponentType<any>>;
+declare function inspectorRuntimeComponents(controller: InspectorPanelController): Record<(typeof INSPECTOR_RUNTIME_UNITS)[number], react.ComponentType<any>>;
 
 /**
  * The canonical History wire contract (union spec §3): `XenoHistoryState` in,
@@ -2241,7 +2241,7 @@ declare function HistoryPanelView({ controller }: HistoryPanelViewProps): ReactE
  */
 /** The unit names the runtime supplies for this block — what a host's registry check must accept beside the shared families. */
 declare const HISTORY_RUNTIME_UNITS: readonly ["history/Scroller", "history/CancelButton"];
-declare function historyRuntimeComponents(controller: HistoryPanelController): Record<(typeof HISTORY_RUNTIME_UNITS)[number], React.ComponentType<any>>;
+declare function historyRuntimeComponents(controller: HistoryPanelController): Record<(typeof HISTORY_RUNTIME_UNITS)[number], react.ComponentType<any>>;
 
 /**
  * The history panel AS A DECLARATION — the sixth block written the §8d way (auth gate, agent, account,
@@ -2803,7 +2803,7 @@ declare function ColorPanelView({ controller }: ColorPanelViewProps): ReactEleme
 /** The units the runtime registers for `COLOR_DECLARATION`, bound to ITS controller: the picker and the glyphs. */
 /** The unit names the runtime supplies for this block — what a host's registry check must accept beside the shared families. */
 declare const COLOR_RUNTIME_UNITS: readonly ["color/Picker"];
-declare function colorRuntimeComponents(controller: ColorPanelController): Record<(typeof COLOR_RUNTIME_UNITS)[number], React.ComponentType<any>>;
+declare function colorRuntimeComponents(controller: ColorPanelController): Record<(typeof COLOR_RUNTIME_UNITS)[number], react.ComponentType<any>>;
 
 /**
  * The color panel AS A DECLARATION — the eighth block written the §8d way (auth gate, agent, account,

package/dist/edit/index.js

@@ -17,14 +17,14 @@ import {
   VisibilityIcon,
   XIcon,
   XIcon2
-} from "../chunk-SFSCCISX.js";
+} from "../chunk-UGA6G7IN.js";
 import {
   CaseGlyph,
   ChevronGlyph,
   CollapseGlyph,
   ExpandGlyph,
   RefreshGlyph
-} from "../chunk-GQWAIPDF.js";
+} from "../chunk-YTSBYJVH.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/edit/layers/panel.ts

package/dist/icons/index.d.ts

@@ -1,17 +1,5 @@
 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;

package/dist/icons/index.js

@@ -12,7 +12,7 @@ import {
   StepBackIcon,
   StepForwardIcon,
   StopIcon
-} from "../chunk-BP4EYOCQ.js";
+} from "../chunk-YZYFDQIY.js";
 import {
   DiamondIcon,
   EntryIcon,
@@ -30,7 +30,7 @@ import {
   TreeIcon,
   UndoIcon,
   VisibilityIcon
-} from "../chunk-SFSCCISX.js";
+} from "../chunk-UGA6G7IN.js";
 import {
   CancelGlyph,
   CaseGlyph,
@@ -48,7 +48,7 @@ import {
   SortDescGlyph,
   Svg,
   XGlyph
-} from "../chunk-GQWAIPDF.js";
+} from "../chunk-YTSBYJVH.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/icons/index.ts

package/dist/ops/index.js

@@ -11,7 +11,7 @@ import {
   ClearGlyph,
   CopyGlyph,
   RetryGlyph
-} from "../chunk-GQWAIPDF.js";
+} from "../chunk-YTSBYJVH.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/ops/console/panel.ts

package/dist/time/index.d.ts

@@ -1,9 +1,34 @@
 import { PanelHost, PanelModule, PanelManifest, BlockDeclaration } from '@xenosystem/block-sdk';
 import { ThrottleClock, XenoPlayheadClock, XenoTimebase, XenoTransportState, XenoTick, XenoStepUnit, XenoLoopRange } from '@xenosystem/time-core';
 export { BAR_SUBDIVISION, BarsBeats, DEFAULT_TIMEBASE, DISPLAY_CYCLE, ExtrapolateInput, IDLE_CLOCK, ThrottleClock, Throttled, XenoLoopRange, XenoPlayheadClock, XenoStepUnit, XenoTempoEntry, XenoTick, XenoTimeDisplay, XenoTimeSignature, XenoTimebase, XenoTransportIntent, XenoTransportState, clampTick, clockAt, createThrottle, displayLabel, effectiveFps, extrapolateTick, formatBars, formatFrames, formatSeconds, formatTick, formatTimecode, frameToTick, isAnimating, nextDisplay, normalizeClock, normalizeTimebase, secondsToTicks, tickToFrame, ticksToBarsBeats, ticksToSeconds, toTick, wrapIntoLoop } from '@xenosystem/time-core';
+import * as react from 'react';
 import { ReactElement, ReactNode } from 'react';
 import { XenoValue, XenoRow, XenoResultSet, XenoColumn } from '@xenosystem/data-core';
 
+/**
+ * THE SWAP POINT, in use — a glyph drawn by `@xenosystem/elements` (rung 1), rendered by
+ * `@xenosystem/elements-react`, wearing the family's glyph contract (`test/icons.contract.test.tsx`).
+ *
+ * `@xenosystem/elements@0.0.1` ships 101 element declarations and ONE renderer parameterised by data
+ * (`<XenoElement decl>`; no barrel, imported per id). Every `icons/*` name whose meaning the set
+ * already carries resolves here; the rest stay hand-drawn in `glyphs.tsx` and the block files until
+ * the set names them. The contract does not care which — that is the point of having written it.
+ *
+ * Two deliberate adaptations, both measured on 2026-09-18:
+ *   - `strokeWidth` is pinned to **1.5**: the renderer's `regular` weight is 1.75 (its own comment:
+ *     "the value the foundry workbench shipped and the design approved") while `DESIGN_SYSTEM.md`
+ *     §6 still says 1.5 and every hand-drawn glyph beside these draws 1.5. Two weights in one toolbar
+ *     is the visible defect; which number is right is the design owner's call
+ *     (`orchestrator/briefs/2026-09-18-icon-stroke-weight-1.5-vs-1.75.md`) and flips in ONE place.
+ *   - `role`/`aria-label` are removed and `aria-hidden` set: a glyph is never a name; the unit that
+ *     mounts it (`IconButton.label`, a Row's label) is.
+ */
+
+interface ElementGlyphProps {
+    size?: number;
+    className?: string;
+}
+
 /**
  * `TransportPanelController` — the framework-free brain of the Transport panel.
  *
@@ -260,23 +285,9 @@ interface TransportPanelViewProps {
 }
 declare function TransportPanelView({ controller }: TransportPanelViewProps): ReactElement;
 
-/**
- * Inline transport glyphs at lucide geometry, **strokeWidth 1.5** (DESIGN_SYSTEM §6). Zero runtime
- * dependencies — no `lucide-react` import. Shapes are rectangles and triangles only; the record
- * glyph is a rounded SQUARE, never a circle (§3 "no circles anywhere").
- *
- * @module
- */
-
 interface IconProps {
     size?: number;
 }
-/** lucide `play` (filled for weight at small sizes). */
-declare function PlayIcon({ size }: IconProps): ReactElement;
-/** lucide `pause`. */
-declare function PauseIcon({ size }: IconProps): ReactElement;
-/** lucide `square` — stop. */
-declare function StopIcon({ size }: IconProps): ReactElement;
 /** Record — a rounded SQUARE (the XENO shape language has no circles). */
 declare function RecordIcon({ size }: IconProps): ReactElement;
 /** lucide `skip-back` — go to start. */
@@ -305,10 +316,10 @@ declare function PlayPauseIcon({ playing, size }: {
  * elements icon set lands, then these resolve to `icons/*` and this map goes.
  */
 declare const TRANSPORT_ICONS: {
-    'transport/PlayIcon': typeof PlayIcon;
-    'transport/PauseIcon': typeof PauseIcon;
+    'transport/PlayIcon': react.ComponentType<ElementGlyphProps>;
+    'transport/PauseIcon': react.ComponentType<ElementGlyphProps>;
     'transport/PlayPauseIcon': typeof PlayPauseIcon;
-    'transport/StopIcon': typeof StopIcon;
+    'transport/StopIcon': react.ComponentType<ElementGlyphProps>;
     'transport/RecordIcon': typeof RecordIcon;
     'transport/StartIcon': typeof StartIcon;
     'transport/EndIcon': typeof EndIcon;

package/dist/time/index.js

@@ -12,10 +12,10 @@ import {
   StopIcon,
   TRANSPORT_ICONS,
   TRANSPORT_RUNTIME_UNITS
-} from "../chunk-BP4EYOCQ.js";
+} from "../chunk-YZYFDQIY.js";
 import {
   ChevronGlyph
-} from "../chunk-GQWAIPDF.js";
+} from "../chunk-YTSBYJVH.js";
 import {
   __reExport
 } from "../chunk-2KG3PWR4.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xenosystem/blocks",
-  "version": "0.13.4",
+  "version": "0.13.5",
   "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",
@@ -66,6 +66,7 @@
     "@xenosystem/block-sdk": ">=0.3.4 <1",
     "@xenosystem/components": ">=0.18.0 <1",
     "@xenosystem/data-core": "^0.1.0",
+    "@xenosystem/elements": ">=0.0.1",
     "@xenosystem/elements-react": ">=0.0.1",
     "@xenosystem/time-core": "^0.1.0",
     "@xenosystem/tree-core": "^0.1.0",
@@ -82,6 +83,7 @@
     "@xenosystem/block-sdk": "^0.3.4",
     "@xenosystem/components": "^0.18.0",
     "@xenosystem/data-core": "^0.1.0",
+    "@xenosystem/elements": "0.0.1",
     "@xenosystem/elements-react": "0.0.1",
     "@xenosystem/time-core": "^0.1.0",
     "@xenosystem/tree-core": "^0.1.0",

package/dist/chunk-GQWAIPDF.js

@@ -1,125 +0,0 @@
-// src/icons/glyphs.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Svg({ children, size = 11 }) {
-  return /* @__PURE__ */ jsx("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 RefreshGlyph({ size } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
-    /* @__PURE__ */ jsx("path", { d: "M3 3v5h5" }),
-    /* @__PURE__ */ jsx("path", { d: "M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16" }),
-    /* @__PURE__ */ jsx("path", { d: "M16 16h5v5" })
-  ] });
-}
-function XGlyph({ size } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
-    /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
-  ] });
-}
-function PlusGlyph({ size } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("path", { d: "M12 5v14" }),
-    /* @__PURE__ */ jsx("path", { d: "M5 12h14" })
-  ] });
-}
-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__ */ jsx(Svg, { size, children: /* @__PURE__ */ jsx("path", { d }) });
-}
-function DownloadGlyph({ size } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-    /* @__PURE__ */ jsx("path", { d: "M7 10l5 5 5-5" }),
-    /* @__PURE__ */ jsx("path", { d: "M12 15V3" })
-  ] });
-}
-function PlugGlyph({ size } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("path", { d: "M12 22v-5" }),
-    /* @__PURE__ */ jsx("path", { d: "M9 8V2M15 8V2" }),
-    /* @__PURE__ */ jsx("path", { d: "M18 8v3a6 6 0 0 1-12 0V8Z" })
-  ] });
-}
-function SortAscGlyph({ size = 9 } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("path", { d: "m5 12 7-7 7 7" }),
-    /* @__PURE__ */ jsx("path", { d: "M12 19V5" })
-  ] });
-}
-function SortDescGlyph({ size = 9 } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("path", { d: "M12 5v14" }),
-    /* @__PURE__ */ jsx("path", { d: "m19 12-7 7-7-7" })
-  ] });
-}
-function ExpandGlyph({ size } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("path", { d: "M12 22v-6" }),
-    /* @__PURE__ */ jsx("path", { d: "M12 8V2" }),
-    /* @__PURE__ */ jsx("path", { d: "m9 5 3-3 3 3" }),
-    /* @__PURE__ */ jsx("path", { d: "m9 19 3 3 3-3" }),
-    /* @__PURE__ */ jsx("path", { d: "M4 12H2" }),
-    /* @__PURE__ */ jsx("path", { d: "M10 12H8" }),
-    /* @__PURE__ */ jsx("path", { d: "M16 12h-2" }),
-    /* @__PURE__ */ jsx("path", { d: "M22 12h-2" })
-  ] });
-}
-function CollapseGlyph({ size } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("path", { d: "M12 22v-6" }),
-    /* @__PURE__ */ jsx("path", { d: "M12 8V2" }),
-    /* @__PURE__ */ jsx("path", { d: "m9 13 3 3 3-3" }),
-    /* @__PURE__ */ jsx("path", { d: "m9 11 3-3 3 3" }),
-    /* @__PURE__ */ jsx("path", { d: "M4 12H2" }),
-    /* @__PURE__ */ jsx("path", { d: "M22 12h-2" })
-  ] });
-}
-function CopyGlyph({ size } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "12", height: "12", rx: "2" }),
-    /* @__PURE__ */ jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
-  ] });
-}
-function ClearGlyph({ size } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3" }),
-    /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
-  ] });
-}
-function CancelGlyph({ size } = {}) {
-  return /* @__PURE__ */ jsx(Svg, { size, children: /* @__PURE__ */ jsx("rect", { x: "5", y: "5", width: "14", height: "14", rx: "2" }) });
-}
-function RetryGlyph({ size } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 1 1-3.36-7" }),
-    /* @__PURE__ */ jsx("path", { d: "M21 3v6h-6" })
-  ] });
-}
-function CaseGlyph({ size = 12 } = {}) {
-  return /* @__PURE__ */ jsxs(Svg, { size, children: [
-    /* @__PURE__ */ jsx("path", { d: "m3 15 4-8 4 8" }),
-    /* @__PURE__ */ jsx("path", { d: "M4 13h6" }),
-    /* @__PURE__ */ jsx("rect", { x: "15", y: "9", width: "6", height: "6", rx: "1.5" }),
-    /* @__PURE__ */ jsx("path", { d: "M21 9v6" })
-  ] });
-}
-
-export {
-  Svg,
-  RefreshGlyph,
-  XGlyph,
-  PlusGlyph,
-  ChevronGlyph,
-  DownloadGlyph,
-  PlugGlyph,
-  SortAscGlyph,
-  SortDescGlyph,
-  ExpandGlyph,
-  CollapseGlyph,
-  CopyGlyph,
-  ClearGlyph,
-  CancelGlyph,
-  RetryGlyph,
-  CaseGlyph
-};