@xenosystem/blocks 0.12.9 → 0.13.0

package/dist/chunk-BP4EYOCQ.js

@@ -0,0 +1,109 @@
+// src/time/transport/react/icons.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var base = (size) => ({
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 1.5,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": true
+});
+function 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" }) });
+}
+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" }) });
+}
+function StartIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsxs("svg", { ...base(size), children: [
+    /* @__PURE__ */ jsx("path", { d: "M19 20 9 12l10-8z" }),
+    /* @__PURE__ */ jsx("path", { d: "M5 19V5" })
+  ] });
+}
+function EndIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsxs("svg", { ...base(size), children: [
+    /* @__PURE__ */ jsx("path", { d: "m5 4 10 8-10 8z" }),
+    /* @__PURE__ */ jsx("path", { d: "M19 5v14" })
+  ] });
+}
+function StepBackIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsx("svg", { ...base(size), children: /* @__PURE__ */ jsx("path", { d: "M15 18 9 12l6-6" }) });
+}
+function StepForwardIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsx("svg", { ...base(size), children: /* @__PURE__ */ jsx("path", { d: "m9 6 6 6-6 6" }) });
+}
+function ShuttleLeftIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsxs("svg", { ...base(size), children: [
+    /* @__PURE__ */ jsx("path", { d: "M11 19 2 12l9-7z" }),
+    /* @__PURE__ */ jsx("path", { d: "M22 19l-9-7 9-7z" })
+  ] });
+}
+function ShuttleRightIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsxs("svg", { ...base(size), children: [
+    /* @__PURE__ */ jsx("path", { d: "m13 19 9-7-9-7z" }),
+    /* @__PURE__ */ jsx("path", { d: "m2 19 9-7-9-7z" })
+  ] });
+}
+function LoopIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsxs("svg", { ...base(size), children: [
+    /* @__PURE__ */ jsx("path", { d: "m17 2 4 4-4 4" }),
+    /* @__PURE__ */ jsx("path", { d: "M3 11v-1a4 4 0 0 1 4-4h14" }),
+    /* @__PURE__ */ jsx("path", { d: "m7 22-4-4 4-4" }),
+    /* @__PURE__ */ jsx("path", { d: "M21 13v1a4 4 0 0 1-4 4H3" })
+  ] });
+}
+function MetronomeIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsxs("svg", { ...base(size), children: [
+    /* @__PURE__ */ jsx("path", { d: "M9 3h6l4 18H5z" }),
+    /* @__PURE__ */ jsx("path", { d: "m12 18 4-11" })
+  ] });
+}
+function PlayPauseIcon({ playing, size }) {
+  return playing ? /* @__PURE__ */ jsx(PauseIcon, { size }) : /* @__PURE__ */ jsx(PlayIcon, { size });
+}
+var TRANSPORT_ICONS = {
+  "transport/PlayIcon": PlayIcon,
+  "transport/PauseIcon": PauseIcon,
+  "transport/PlayPauseIcon": PlayPauseIcon,
+  "transport/StopIcon": StopIcon,
+  "transport/RecordIcon": RecordIcon,
+  "transport/StartIcon": StartIcon,
+  "transport/EndIcon": EndIcon,
+  "transport/StepBackIcon": StepBackIcon,
+  "transport/StepForwardIcon": StepForwardIcon,
+  "transport/ShuttleLeftIcon": ShuttleLeftIcon,
+  "transport/ShuttleRightIcon": ShuttleRightIcon,
+  "transport/LoopIcon": LoopIcon,
+  "transport/MetronomeIcon": MetronomeIcon
+};
+var TRANSPORT_RUNTIME_UNITS = [];
+
+export {
+  PlayIcon,
+  PauseIcon,
+  StopIcon,
+  RecordIcon,
+  StartIcon,
+  EndIcon,
+  StepBackIcon,
+  StepForwardIcon,
+  ShuttleLeftIcon,
+  ShuttleRightIcon,
+  LoopIcon,
+  MetronomeIcon,
+  PlayPauseIcon,
+  TRANSPORT_ICONS,
+  TRANSPORT_RUNTIME_UNITS
+};

package/dist/chunk-OCEZTO2D.js

@@ -0,0 +1,228 @@
+// src/edit/layers/react/icons.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var base = (size) => ({
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 1.5,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": true
+});
+function 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" })
+  ] });
+}
+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" }),
+    /* @__PURE__ */ jsx("path", { d: "M8 11V7a4 4 0 0 1 8 0v4" })
+  ] });
+}
+function UnlockIcon({ size = 12, className }) {
+  return /* @__PURE__ */ jsxs("svg", { ...base(size), className, children: [
+    /* @__PURE__ */ jsx("rect", { width: "14", height: "10", x: "5", y: "11", rx: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "M8 11V7a4 4 0 0 1 7.5-2" })
+  ] });
+}
+function KindGlyph({ size = 10 }) {
+  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: /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2" }) });
+}
+function VisibilityIcon({ open, size }) {
+  return open ? /* @__PURE__ */ jsx(EyeIcon, { size }) : /* @__PURE__ */ jsx(EyeOffIcon, { size });
+}
+function LockStateIcon({ locked, size }) {
+  return locked ? /* @__PURE__ */ jsx(LockIcon, { size }) : /* @__PURE__ */ jsx(UnlockIcon, { size });
+}
+
+// src/edit/inspector/react/icons.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var base2 = (size) => ({
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 1.5,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": true
+});
+function StopwatchIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsxs2("svg", { ...base2(size), children: [
+    /* @__PURE__ */ jsx2("path", { d: "M10 2h4" }),
+    /* @__PURE__ */ jsx2("path", { d: "M12 14v-4" }),
+    /* @__PURE__ */ jsx2("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__ */ jsx2("svg", { ...base2(size), fill: filled ? "currentColor" : "none", children: /* @__PURE__ */ jsx2("path", { d: "m12 3 7 9-7 9-7-9z" }) });
+}
+function PrevIcon({ size = 9 }) {
+  return /* @__PURE__ */ jsx2("svg", { ...base2(size), children: /* @__PURE__ */ jsx2("path", { d: "m15 18-6-6 6-6" }) });
+}
+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" })
+  ] });
+}
+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" }),
+    /* @__PURE__ */ jsx2("path", { d: "M3 3v5h5" })
+  ] });
+}
+function XIcon({ size = 10 }) {
+  return /* @__PURE__ */ jsxs2("svg", { ...base2(size), children: [
+    /* @__PURE__ */ jsx2("path", { d: "M18 6 6 18" }),
+    /* @__PURE__ */ jsx2("path", { d: "m6 6 12 12" })
+  ] });
+}
+
+// src/edit/history/react/icons.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var svgBase = (size) => ({
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 1.5,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": true
+});
+var ENTRY_PATHS = {
+  // painting
+  brush: ["M9.06 11.9l8.07-8.06a2.85 2.85 0 1 1 4.03 4.03l-8.06 8.08", "M7.07 14.94c-1.66 0-3 1.35-3 3.02 0 1.33-2.5 1.52-2 2.02 1.08 1.1 2.49 2.02 4 2.02 2.2 0 4-1.8 4-4.04a3.01 3.01 0 0 0-3-3.02z"],
+  eraser: ["m7 21-4.3-4.3a1 1 0 0 1 0-1.4l10-10a1 1 0 0 1 1.4 0l5.6 5.6a1 1 0 0 1 0 1.4L13 21", "M22 21H7"],
+  fill: ["m19 11-8-8-8.6 8.6a2 2 0 0 0 0 2.8l5.2 5.2a2 2 0 0 0 2.8 0L19 11Z", "m5 2 5 5", "M2 13h15"],
+  // adjustment / effects
+  filter: ["M4 6h16", "M7 12h10", "M10 18h4"],
+  // geometry
+  transform: ["M5 9 2 12l3 3", "M9 5l3-3 3 3", "M15 19l-3 3-3-3", "M19 9l3 3-3 3", "M2 12h20", "M12 2v20"],
+  crop: ["M6 2v14a2 2 0 0 0 2 2h14", "M18 22V8a2 2 0 0 0-2-2H2"],
+  // layers
+  addLayer: ["M3 3h18v18H3z", "M12 8v8", "M8 12h8"],
+  deleteLayer: ["M3 6h18", "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"],
+  merge: ["m12 2 4 4-4 4", "M4 6h12", "m12 14 4 4-4 4", "M4 18h12"],
+  // clipboard / text / selection
+  paste: ["M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2", "M9 2h6v4H9z"],
+  text: ["M4 7V4h16v3", "M9 20h6", "M12 4v16"],
+  selection: ["M4 8V6a2 2 0 0 1 2-2h2", "M16 4h2a2 2 0 0 1 2 2v2", "M20 16v2a2 2 0 0 1-2 2h-2", "M8 20H6a2 2 0 0 1-2-2v-2"],
+  // ai + snapshots
+  ai: ["m12 3 1.9 5.8L20 10l-5.2 2.9L13 19l-2.9-5.2L4 12l6.1-1.9z"],
+  snapshot: ["M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3Z", "M15 13a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"],
+  // timeline / audio
+  keyframe: ["m12 3 6 9-6 9-6-9z"],
+  clip: ["M3 5h18v14H3z", "M8 5v14", "M16 5v14"],
+  volume: ["M11 5 6 9H2v6h4l5 4V5Z", "M16 9a4 4 0 0 1 0 6"],
+  document: ["M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", "M14 2v5h6"],
+  // fallbacks / chrome
+  generic: ["M5 5h14v14H5z"],
+  original: ["M3 12a9 9 0 1 0 9-9", "M3 4v5h5"],
+  rotateCcw: ["M3 12a9 9 0 1 0 3-6.7L3 8", "M3 3v5h5"]
+};
+function EntryIcon({ name, size = 11 }) {
+  const paths = ENTRY_PATHS[name] ?? ENTRY_PATHS.generic;
+  return /* @__PURE__ */ jsx3("svg", { ...svgBase(size), children: paths.map((d, i) => /* @__PURE__ */ jsx3("path", { d }, i)) });
+}
+function XIcon2({ size = 10 }) {
+  return /* @__PURE__ */ jsxs3("svg", { ...svgBase(size), children: [
+    /* @__PURE__ */ jsx3("path", { d: "M18 6 6 18" }),
+    /* @__PURE__ */ jsx3("path", { d: "m6 6 12 12" })
+  ] });
+}
+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" })
+  ] });
+}
+function UndoIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsxs3("svg", { ...svgBase(size), children: [
+    /* @__PURE__ */ jsx3("path", { d: "M9 14 4 9l5-5" }),
+    /* @__PURE__ */ jsx3("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 0 11H11" })
+  ] });
+}
+function RedoIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsxs3("svg", { ...svgBase(size), children: [
+    /* @__PURE__ */ jsx3("path", { d: "m15 14 5-5-5-5" }),
+    /* @__PURE__ */ jsx3("path", { d: "M20 9H9.5a5.5 5.5 0 0 0 0 11H13" })
+  ] });
+}
+function PendingGlyph({ size = 9 }) {
+  return /* @__PURE__ */ jsx3(
+    "span",
+    {
+      className: "xeno-history-spinner",
+      "aria-label": "Pending",
+      style: {
+        width: size,
+        height: size,
+        borderRadius: 2,
+        border: "1px solid currentColor",
+        borderRightColor: "transparent",
+        opacity: 0.8,
+        display: "inline-block",
+        flex: "0 0 auto"
+      }
+    }
+  );
+}
+
+// src/edit/color/react/icons.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var svg = { width: 11, height: 11, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true };
+function EyedropperIcon() {
+  return /* @__PURE__ */ jsxs4("svg", { ...svg, children: [
+    /* @__PURE__ */ jsx4("path", { d: "m2 22 1-1h3l9-9" }),
+    /* @__PURE__ */ jsx4("path", { d: "M3 21v-3l9-9" }),
+    /* @__PURE__ */ jsx4("path", { d: "m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z" })
+  ] });
+}
+function SwapIcon() {
+  return /* @__PURE__ */ jsxs4("svg", { ...svg, 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" })
+  ] });
+}
+
+export {
+  KindGlyph,
+  VisibilityIcon,
+  LockStateIcon,
+  StopwatchIcon,
+  DiamondIcon,
+  PrevIcon,
+  NextIcon,
+  LinkIcon,
+  ResetIcon,
+  XIcon,
+  EntryIcon,
+  XIcon2,
+  TrashIcon,
+  UndoIcon,
+  RedoIcon,
+  PendingGlyph,
+  EyedropperIcon,
+  SwapIcon
+};

package/dist/edit/index.d.ts

@@ -734,7 +734,7 @@ declare function LayersPanelView({ controller }: LayersPanelViewProps): ReactEle
  * (with the drag), the rename field, the thumbnail, 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 LAYERS_RUNTIME_UNITS: readonly ["layers/Scroller", "layers/RenameField", "layers/Thumbnail", "layers/KindGlyph", "layers/VisibilityIcon", "layers/LockStateIcon"];
+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>>;
 
 /**
@@ -1757,7 +1757,7 @@ declare function InspectorPanelView({ controller }: InspectorPanelViewProps): Re
  * declaration can name them and bind their data props; only the runtime can supply the controller.
  */
 /** 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", "inspector/StopwatchIcon", "inspector/DiamondIcon", "inspector/PrevIcon", "inspector/NextIcon", "inspector/LinkIcon", "inspector/ResetIcon"];
+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>>;
 
 /**
@@ -2243,7 +2243,7 @@ declare function HistoryPanelView({ controller }: HistoryPanelViewProps): ReactE
  * the cancel button, 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 HISTORY_RUNTIME_UNITS: readonly ["history/Scroller", "history/CancelButton", "history/EntryIcon", "history/PendingGlyph", "history/UndoIcon", "history/RedoIcon", "history/TrashIcon"];
+declare const HISTORY_RUNTIME_UNITS: readonly ["history/Scroller", "history/CancelButton"];
 declare function historyRuntimeComponents(controller: HistoryPanelController): Record<(typeof HISTORY_RUNTIME_UNITS)[number], React.ComponentType<any>>;
 
 /**
@@ -2807,7 +2807,7 @@ interface ColorPanelViewProps {
 declare function ColorPanelView({ controller }: ColorPanelViewProps): ReactElement;
 /** 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", "color/SwapIcon", "color/EyedropperIcon"];
+declare const COLOR_RUNTIME_UNITS: readonly ["color/Picker"];
 declare function colorRuntimeComponents(controller: ColorPanelController): Record<(typeof COLOR_RUNTIME_UNITS)[number], React.ComponentType<any>>;
 
 /**