@xenosystem/blocks 0.13.8 → 0.13.9

package/dist/{chunk-BNALWAAQ.js → chunk-W4PTX2Y4.js}

@@ -1,18 +1,3 @@
-import {
-  EndIcon,
-  LoopIcon,
-  MetronomeIcon,
-  PauseIcon,
-  PlayIcon,
-  PlayPauseIcon,
-  RecordIcon,
-  ShuttleLeftIcon,
-  ShuttleRightIcon,
-  StartIcon,
-  StepBackIcon,
-  StepForwardIcon,
-  StopIcon
-} from "./chunk-GTN5EDY3.js";
 import {
   CancelGlyph,
   CaseGlyph,
@@ -249,6 +234,92 @@ function LockStateIcon({ locked, size }) {
   return locked ? /* @__PURE__ */ jsx5(LockIcon, { size }) : /* @__PURE__ */ jsx5(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 jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var base3 = (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 PlayIcon = fromElement(Play, 12);
+var PauseIcon = fromElement(Pause, 12);
+var StopIcon = fromElement(Stop);
+function RecordIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsx6("svg", { ...base3(size), fill: "currentColor", stroke: "none", children: /* @__PURE__ */ jsx6("rect", { x: "6", y: "6", width: "12", height: "12", rx: "3" }) });
+}
+function StartIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsxs6("svg", { ...base3(size), children: [
+    /* @__PURE__ */ jsx6("path", { d: "M19 20 9 12l10-8z" }),
+    /* @__PURE__ */ jsx6("path", { d: "M5 19V5" })
+  ] });
+}
+function EndIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsxs6("svg", { ...base3(size), children: [
+    /* @__PURE__ */ jsx6("path", { d: "m5 4 10 8-10 8z" }),
+    /* @__PURE__ */ jsx6("path", { d: "M19 5v14" })
+  ] });
+}
+function StepBackIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsx6("svg", { ...base3(size), children: /* @__PURE__ */ jsx6("path", { d: "M15 18 9 12l6-6" }) });
+}
+function StepForwardIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsx6("svg", { ...base3(size), children: /* @__PURE__ */ jsx6("path", { d: "m9 6 6 6-6 6" }) });
+}
+function ShuttleLeftIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsxs6("svg", { ...base3(size), children: [
+    /* @__PURE__ */ jsx6("path", { d: "M11 19 2 12l9-7z" }),
+    /* @__PURE__ */ jsx6("path", { d: "M22 19l-9-7 9-7z" })
+  ] });
+}
+function ShuttleRightIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsxs6("svg", { ...base3(size), children: [
+    /* @__PURE__ */ jsx6("path", { d: "m13 19 9-7-9-7z" }),
+    /* @__PURE__ */ jsx6("path", { d: "m2 19 9-7-9-7z" })
+  ] });
+}
+function LoopIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsxs6("svg", { ...base3(size), children: [
+    /* @__PURE__ */ jsx6("path", { d: "m17 2 4 4-4 4" }),
+    /* @__PURE__ */ jsx6("path", { d: "M3 11v-1a4 4 0 0 1 4-4h14" }),
+    /* @__PURE__ */ jsx6("path", { d: "m7 22-4-4 4-4" }),
+    /* @__PURE__ */ jsx6("path", { d: "M21 13v1a4 4 0 0 1-4 4H3" })
+  ] });
+}
+function MetronomeIcon({ size = 11 }) {
+  return /* @__PURE__ */ jsxs6("svg", { ...base3(size), children: [
+    /* @__PURE__ */ jsx6("path", { d: "M9 3h6l4 18H5z" }),
+    /* @__PURE__ */ jsx6("path", { d: "m12 18 4-11" })
+  ] });
+}
+function PlayPauseIcon({ playing, size }) {
+  return playing ? /* @__PURE__ */ jsx6(PauseIcon, { size }) : /* @__PURE__ */ jsx6(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 = [];
+
 // src/icons/index.ts
 var ICONS = Object.freeze({
   // transport
@@ -307,6 +378,19 @@ var ICONS = Object.freeze({
 var ICON_UNITS = Object.keys(ICONS);
 
 export {
+  StopIcon,
+  RecordIcon,
+  StartIcon,
+  EndIcon,
+  StepBackIcon,
+  StepForwardIcon,
+  ShuttleLeftIcon,
+  ShuttleRightIcon,
+  LoopIcon,
+  MetronomeIcon,
+  PlayPauseIcon,
+  TRANSPORT_ICONS,
+  TRANSPORT_RUNTIME_UNITS,
   TreeIcon,
   EyedropperIcon,
   SwapIcon,

package/dist/data/index.js

@@ -8,8 +8,7 @@ import {
 } from "../chunk-DJJGZ6U4.js";
 import {
   ICONS
-} from "../chunk-BNALWAAQ.js";
-import "../chunk-GTN5EDY3.js";
+} from "../chunk-W4PTX2Y4.js";
 import {
   ChevronGlyph,
   DownloadGlyph,

package/dist/edit/index.js

@@ -18,8 +18,7 @@ import {
   VisibilityIcon,
   XIcon,
   XIcon2
-} from "../chunk-BNALWAAQ.js";
-import "../chunk-GTN5EDY3.js";
+} from "../chunk-W4PTX2Y4.js";
 import {
   ChevronGlyph,
   CollapseGlyph,

package/dist/icons/index.js

@@ -1,8 +1,7 @@
 import {
   ICONS,
   ICON_UNITS
-} from "../chunk-BNALWAAQ.js";
-import "../chunk-GTN5EDY3.js";
+} from "../chunk-W4PTX2Y4.js";
 import {
   Svg
 } from "../chunk-K7YLLV2W.js";

package/dist/time/index.d.ts

@@ -421,7 +421,7 @@ interface TransportPanelViewModel extends TransportViewState {
     positionLabel: string;
 }
 declare function transportPanelView(state: TransportViewState): TransportPanelViewModel;
-declare const BEHAVIOURS: {
+declare const BEHAVIOURS$1: {
     'time/transportPanelView': (inputs: Record<string, unknown>) => TransportPanelViewModel;
 };
 declare const TRANSPORT_DECLARATION: BlockDeclaration;
@@ -2416,7 +2416,116 @@ declare function weekStart(key: string, firstDayOfWeek: number): string;
 declare function rowInWindow(row: XenoRow, columnId: string, column: XenoColumn | undefined, from: string, to: string): boolean;
 
 /**
- * The Calendar panel view.
+ * The Calendar panel AS A DECLARATION — the eleventh declared block, and the first over a GRID:
+ * a period's day cells with their events, or the same events as an agenda list.
+ *
+ * Everything drawn is data: the toolbar (previous / next / Today, the anchor month, the partial and
+ * time-zone badges, the view-mode segmented control), the three body states (not configured, error,
+ * nothing scheduled), the agenda listbox (agenda / timeline modes), the grid (month / week / day —
+ * `chrome/CalendarGrid` with a `WeekdayRow` when it is seven wide, one `DayCell` per cell, one
+ * `EventChip` per event), the status bar. The cell that carries the roving tab stop is decided here
+ * (today when in view, else the first cell) — the grid MOVES it, the view state SEEDS it.
+ *
+ * No runtime-bound unit: every intent is a `ui` emit. The chips' pointer affordances (select,
+ * activate, context menu) are declared as emits; the cell's activation is the keyboard path.
+ */
+
+interface CalendarViewChip {
+    id: string;
+    title: string;
+    time?: string;
+    selected: boolean;
+    tooltip: string;
+}
+interface CalendarViewCell {
+    key: string;
+    day: number;
+    label: string;
+    today: boolean;
+    outside: boolean;
+    tabStop: boolean;
+    overflow: number;
+    chips: CalendarViewChip[];
+}
+interface CalendarViewAgendaRow {
+    id: string;
+    title: string;
+    meta: string;
+    selected: boolean;
+    status?: string;
+    tone: 'neutral' | 'success' | 'warning' | 'error';
+}
+interface CalendarViewModel {
+    anchor: string;
+    partial: boolean;
+    timeZone: string;
+    viewMode: XenoCalendarViewMode;
+    modes: {
+        value: string;
+        label: string;
+    }[];
+    configProblem?: string;
+    notConfigured: boolean;
+    errorMessage?: string;
+    errored: boolean;
+    empty: boolean;
+    emptyHint: string;
+    agenda: boolean;
+    grid: boolean;
+    columns: number;
+    weekHeaded: boolean;
+    weekdays: string[];
+    gridLabel: string;
+    cells: CalendarViewCell[];
+    rows: CalendarViewAgendaRow[];
+    countLabel: string;
+    selectionLabel?: string;
+}
+type CalendarUiIntent = {
+    kind: 'navigate';
+    direction: 1 | -1;
+} | {
+    kind: 'today';
+} | {
+    kind: 'mode';
+    mode: XenoCalendarViewMode;
+} | {
+    kind: 'activateSlot';
+    key: string;
+} | {
+    kind: 'select';
+    id: string;
+    additive?: boolean;
+    meta?: boolean;
+} | {
+    kind: 'activateRow';
+    id: string;
+} | {
+    kind: 'contextMenu';
+    id: string;
+    x: number;
+    y: number;
+};
+interface CalendarViewOptions {
+    firstDayOfWeek?: number;
+    emptyHint?: string;
+}
+declare function formatMinutes(minutes: number | null): string;
+/** Derive the view from the live controller — the runtime calls this on every draw. */
+declare function calendarViewState(c: CalendarController, options?: CalendarViewOptions): CalendarViewModel;
+/** Apply a `ui` intent to the controller. */
+declare function applyCalendarUi(c: CalendarController, intent: CalendarUiIntent): void;
+declare const calendarViewManifest: PanelManifest;
+declare const BEHAVIOURS: {
+    'time/calendarPanelView': (inputs: Record<string, unknown>) => CalendarViewModel;
+};
+declare const CALENDAR_RUNTIME_UNITS: readonly [];
+declare const CALENDAR_DECLARATION: BlockDeclaration;
+
+/**
+ * The Calendar panel view — the CODE VIEW of `CALENDAR_DECLARATION`, drawing the same
+ * `CalendarViewModel` byte-identical (the equivalence suite holds the two together). No runtime-bound
+ * unit; every intent goes through `applyCalendarUi`.
  *
  * Composes `@xenosystem/components/chrome`; the host must ensure `@xenosystem/workbench/primitives.css` is
  * present.
@@ -2425,12 +2534,10 @@ declare function rowInWindow(row: XenoRow, columnId: string, column: XenoColumn
  */
 
 /** Props for {@link CalendarPanelView}. */
-interface CalendarPanelViewProps {
+interface CalendarPanelViewProps extends CalendarViewOptions {
     controller: CalendarController;
-    firstDayOfWeek?: number;
-    emptyHint?: string;
 }
 /** The Calendar panel view. */
-declare function CalendarPanelView({ controller, firstDayOfWeek, emptyHint, }: CalendarPanelViewProps): ReactNode;
+declare function CalendarPanelView({ controller, firstDayOfWeek, emptyHint }: CalendarPanelViewProps): ReactNode;
 
-export { ALL_CALENDAR_MODES, type BeginDragOptions, type BuildCellsOptions, CALENDAR_PANEL_ID, CalendarController, type CalendarControllerOptions, type CalendarHostBridge, type CalendarPanelState, CalendarPanelView, type CalendarPanelViewProps, type CalendarRenderContext, type CalendarViewState, type CreateCalendarPanelOptions, type CreateTimelinePanelOptions, type CreateTransportPanelOptions, DEFAULT_SNAP, DEFAULT_ZOOM, DRAG_THRESHOLD_PX, type DeriveOptions, EDGE_ZONE_MIN_CLIP_PX, EDGE_ZONE_PX, MIN_MAJOR_PX, MIN_MINOR_PX, TIMELINE_PANEL_ID, BEHAVIOURS as TRANSPORT_BEHAVIOURS, TRANSPORT_DECLARATION, TRANSPORT_ICONS, TRANSPORT_RUNTIME_UNITS, TRIM_SNAP_PX, TimelineController, type TimelineControllerOptions, type TimelineHostBridge, type TimelinePanelState, TimelinePanelView, type TimelinePanelViewProps, type TimelineRenderConfig, type TimelineRenderContext, type TimelineViewState, type TransportKeyEvent, TransportPanelController, type TransportPanelControllerOptions, type TransportPanelSerialized, TransportPanelView, type TransportPanelViewModel, type TransportPanelViewProps, type TransportUiIntent, type TransportViewState, type XenoArrangement, type XenoCachedTile, type XenoCalendarCell, type XenoCalendarEdit, type XenoCalendarEvent, type XenoCalendarSlotActivate, type XenoCalendarViewMode, type XenoCalendarWindow, type XenoClip, type XenoClipFade, type XenoDragKind, type XenoDragModifiers, type XenoDragPreview, type XenoDragState, type XenoHitTarget, type XenoLaneTile, type XenoLaneTileRequest, type XenoMarker, type XenoOverlaySpan, type XenoRenderTier, type XenoRowLayout, type XenoRulerTick, type XenoSnapCandidate, type XenoSnapConfig, type XenoSnapMode, type XenoSnapResult, type XenoTickWeight, XenoTileCache, type XenoTileCacheOptions, XenoTimeScale, type XenoTimeScaleGeometry, type XenoTimeScaleState, type XenoTimelineOp, type XenoTimelineSelection, type XenoTimelineTool, type XenoTimelineViewport, type XenoTrack, type XenoTrackKind, type XenoTrimMode, type XenoVisibleTrack, type XenoZoomBounds, addDays, addMonths, alignToTileGrid, applyTransportUi, beginDrag, blitTile, buildCells, buildRowLayout, calendarManifest, calendarPanel, chooseRung, clampScroll, clipDuration, clipsInMarquee, clipsOverlap, collectSnapTargets, commitDrag, computeVisible, createCalendarPanel, createTimelinePanel, createTransportPanel, dayKey, daysInMonth, dedupeByColumn, deriveEvents, edgeZone, gridStart, gridTicksFor, hasSourceWindow, isZoomGesture, isoWeekday, packOverlaps, parseDayKey, passedThreshold, previewDrag, renderTier, rowAtY, rowInWindow, rulerTicks, scrollToReveal, snapDelta, snapTick, snapWouldFight, sourceRangeFor, statusTone, ticksPerStep, tileKey, tileWidthTicks, timelineManifest, timelinePanel, todayKey, transportManifest, transportPanel, transportPanelView, transportViewManifest, transportViewState, trimModeFor, visibleClips, visibleRows, weekStart, wheelZoomFactor, withSnapModifier, zoomAboutCursor, zoomBucket, zoomToFit };
+export { ALL_CALENDAR_MODES, type BeginDragOptions, type BuildCellsOptions, BEHAVIOURS as CALENDAR_BEHAVIOURS, CALENDAR_DECLARATION, CALENDAR_PANEL_ID, CALENDAR_RUNTIME_UNITS, CalendarController, type CalendarControllerOptions, type CalendarHostBridge, type CalendarPanelState, CalendarPanelView, type CalendarPanelViewProps, type CalendarRenderContext, type CalendarUiIntent, type CalendarViewAgendaRow, type CalendarViewCell, type CalendarViewChip, type CalendarViewModel, type CalendarViewOptions, type CalendarViewState, type CreateCalendarPanelOptions, type CreateTimelinePanelOptions, type CreateTransportPanelOptions, DEFAULT_SNAP, DEFAULT_ZOOM, DRAG_THRESHOLD_PX, type DeriveOptions, EDGE_ZONE_MIN_CLIP_PX, EDGE_ZONE_PX, MIN_MAJOR_PX, MIN_MINOR_PX, TIMELINE_PANEL_ID, BEHAVIOURS$1 as TRANSPORT_BEHAVIOURS, TRANSPORT_DECLARATION, TRANSPORT_ICONS, TRANSPORT_RUNTIME_UNITS, TRIM_SNAP_PX, TimelineController, type TimelineControllerOptions, type TimelineHostBridge, type TimelinePanelState, TimelinePanelView, type TimelinePanelViewProps, type TimelineRenderConfig, type TimelineRenderContext, type TimelineViewState, type TransportKeyEvent, TransportPanelController, type TransportPanelControllerOptions, type TransportPanelSerialized, TransportPanelView, type TransportPanelViewModel, type TransportPanelViewProps, type TransportUiIntent, type TransportViewState, type XenoArrangement, type XenoCachedTile, type XenoCalendarCell, type XenoCalendarEdit, type XenoCalendarEvent, type XenoCalendarSlotActivate, type XenoCalendarViewMode, type XenoCalendarWindow, type XenoClip, type XenoClipFade, type XenoDragKind, type XenoDragModifiers, type XenoDragPreview, type XenoDragState, type XenoHitTarget, type XenoLaneTile, type XenoLaneTileRequest, type XenoMarker, type XenoOverlaySpan, type XenoRenderTier, type XenoRowLayout, type XenoRulerTick, type XenoSnapCandidate, type XenoSnapConfig, type XenoSnapMode, type XenoSnapResult, type XenoTickWeight, XenoTileCache, type XenoTileCacheOptions, XenoTimeScale, type XenoTimeScaleGeometry, type XenoTimeScaleState, type XenoTimelineOp, type XenoTimelineSelection, type XenoTimelineTool, type XenoTimelineViewport, type XenoTrack, type XenoTrackKind, type XenoTrimMode, type XenoVisibleTrack, type XenoZoomBounds, addDays, addMonths, alignToTileGrid, applyCalendarUi, applyTransportUi, beginDrag, blitTile, buildCells, buildRowLayout, calendarManifest, calendarPanel, calendarViewManifest, calendarViewState, chooseRung, clampScroll, clipDuration, clipsInMarquee, clipsOverlap, collectSnapTargets, commitDrag, computeVisible, createCalendarPanel, createTimelinePanel, createTransportPanel, dayKey, daysInMonth, dedupeByColumn, deriveEvents, edgeZone, formatMinutes, gridStart, gridTicksFor, hasSourceWindow, isZoomGesture, isoWeekday, packOverlaps, parseDayKey, passedThreshold, previewDrag, renderTier, rowAtY, rowInWindow, rulerTicks, scrollToReveal, snapDelta, snapTick, snapWouldFight, sourceRangeFor, statusTone, ticksPerStep, tileKey, tileWidthTicks, timelineManifest, timelinePanel, todayKey, transportManifest, transportPanel, transportPanelView, transportViewManifest, transportViewState, trimModeFor, visibleClips, visibleRows, weekStart, wheelZoomFactor, withSnapModifier, zoomAboutCursor, zoomBucket, zoomToFit };

package/dist/time/index.js

@@ -1,5 +1,6 @@
 import {
   EndIcon,
+  ICONS,
   LoopIcon,
   MetronomeIcon,
   PlayPauseIcon,
@@ -12,10 +13,8 @@ import {
   StopIcon,
   TRANSPORT_ICONS,
   TRANSPORT_RUNTIME_UNITS
-} from "../chunk-GTN5EDY3.js";
-import {
-  ChevronGlyph
-} from "../chunk-K7YLLV2W.js";
+} from "../chunk-W4PTX2Y4.js";
+import "../chunk-K7YLLV2W.js";
 import {
   __reExport
 } from "../chunk-2KG3PWR4.js";
@@ -3436,10 +3435,10 @@ function gridStart(monthKey, firstDayOfWeek) {
   return addDays(first, -offset);
 }
 function statusTone(value) {
-  const text2 = String(value ?? "").toLowerCase();
-  if (/done|complete|published|paid|ok/.test(text2)) return "success";
-  if (/pending|draft|scheduled|review/.test(text2)) return "warning";
-  if (/fail|error|cancel|reject|overdue/.test(text2)) return "error";
+  const text3 = String(value ?? "").toLowerCase();
+  if (/done|complete|published|paid|ok/.test(text3)) return "success";
+  if (/pending|draft|scheduled|review/.test(text3)) return "warning";
+  if (/fail|error|cancel|reject|overdue/.test(text3)) return "error";
   return "neutral";
 }
 function columnMap(result) {
@@ -4111,199 +4110,306 @@ var calendarManifest = {
 import { useSyncExternalStore as useSyncExternalStore3 } from "react";
 import {
   Badge,
+  CalendarGrid,
+  Column as Column2,
+  DayCell,
   EmptyState as EmptyState2,
   ErrorState,
+  EventChip,
   IconButton as IconButton2,
   Row,
   RowList,
   ScrollArea,
   SegmentedControl,
   StatusBar as StatusBar2,
+  Text,
   TextButton as TextButton2,
   Toolbar as Toolbar2,
-  ToolbarGroup as ToolbarGroup2
+  ToolbarGroup as ToolbarGroup2,
+  WeekdayRow
 } from "@xenosystem/components/chrome";
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+
+// src/time/calendar/declaration.ts
 var WEEKDAYS = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
-function CalendarPanelView({
-  controller,
-  firstDayOfWeek = 1,
-  emptyHint
-}) {
-  const state = useSyncExternalStore3(controller.subscribe, controller.getState, controller.getState);
-  const toolbar = /* @__PURE__ */ jsx3(
-    Toolbar2,
-    {
-      left: /* @__PURE__ */ jsxs3(Fragment, { children: [
-        /* @__PURE__ */ jsx3(
-          IconButton2,
-          {
-            icon: /* @__PURE__ */ jsx3(ChevronGlyph, { direction: "left" }),
-            label: "Previous",
-            onClick: () => controller.navigate(-1)
+var MODES = [
+  { value: "month", label: "M" },
+  { value: "week", label: "W" },
+  { value: "day", label: "D" },
+  { value: "agenda", label: "Agenda" },
+  { value: "timeline", label: "Timeline" }
+];
+function formatMinutes(minutes) {
+  if (minutes === null) return "";
+  const h = Math.floor(minutes / 60);
+  const m = minutes % 60;
+  return `${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}`;
+}
+function calendarViewState(c, options = {}) {
+  const s = c.getState();
+  const firstDayOfWeek = options.firstDayOfWeek ?? 1;
+  const anchor = c.anchorKey().slice(0, 7);
+  const body = !s.configProblem && !s.errorMessage && !s.empty;
+  const agenda = body && (s.viewMode === "agenda" || s.viewMode === "timeline");
+  const grid = body && !agenda;
+  const columns = s.viewMode === "day" ? 1 : 7;
+  const todayIndex = s.cells.findIndex((cell) => cell.today);
+  const tabIndex = todayIndex >= 0 ? todayIndex : 0;
+  return {
+    anchor,
+    partial: s.partial,
+    timeZone: c.timeZone(),
+    viewMode: s.viewMode,
+    modes: MODES,
+    configProblem: s.configProblem ?? void 0,
+    notConfigured: !!s.configProblem,
+    errorMessage: s.errorMessage ?? void 0,
+    errored: !s.configProblem && !!s.errorMessage,
+    empty: !s.configProblem && !s.errorMessage && s.empty,
+    emptyHint: options.emptyHint ?? "Click a day to schedule something.",
+    agenda,
+    grid,
+    columns,
+    weekHeaded: grid && columns === 7,
+    weekdays: WEEKDAYS.map((_, i) => WEEKDAYS[(firstDayOfWeek - 1 + i) % 7]),
+    gridLabel: `Calendar, ${anchor}`,
+    cells: grid ? s.cells.map((cell, i) => ({
+      key: cell.key,
+      day: cell.day,
+      label: cell.key,
+      today: cell.today,
+      outside: !cell.inPeriod,
+      tabStop: i === tabIndex,
+      overflow: cell.overflow,
+      chips: cell.events.map((event) => ({
+        id: event.id,
+        title: event.title,
+        time: event.allDay ? void 0 : formatMinutes(event.startMinutes),
+        selected: s.selection.includes(event.id),
+        tooltip: event.multiDay ? `${event.startKey} \u2192 ${event.endKey}` : event.title
+      }))
+    })) : [],
+    rows: agenda ? s.events.map((event) => ({
+      id: event.id,
+      title: event.title,
+      meta: event.multiDay ? `${event.startKey} \u2192 ${event.endKey}` : event.startKey,
+      selected: s.selection.includes(event.id),
+      status: event.status !== void 0 ? String(event.status) : void 0,
+      tone: event.status !== void 0 ? statusTone(event.status) : "neutral"
+    })) : [],
+    countLabel: `${s.events.length} event${s.events.length === 1 ? "" : "s"}`,
+    selectionLabel: s.selection.length > 0 ? `${s.selection.length} selected` : void 0
+  };
+}
+function applyCalendarUi(c, intent) {
+  switch (intent.kind) {
+    case "navigate":
+      c.navigate(intent.direction);
+      break;
+    case "today":
+      c.goToToday();
+      break;
+    case "mode":
+      c.setViewMode(intent.mode);
+      break;
+    case "activateSlot":
+      c.activateSlot(intent.key);
+      break;
+    case "select":
+      c.select([intent.id], intent.additive === true || intent.meta === true);
+      break;
+    case "activateRow":
+      c.activateRow(intent.id);
+      break;
+    case "contextMenu":
+      c.requestContextMenu([intent.id], intent.x, intent.y);
+      break;
+  }
+}
+var calendarViewManifest = {
+  id: calendarManifest.id,
+  version: "1.0.0",
+  title: "Calendar",
+  category: "time",
+  layout: { slot: "center" },
+  inputs: [{ id: "view", type: "object", label: "View state", description: "The CalendarViewModel the runtime derives from the controller on every draw." }],
+  outputs: [{ id: "ui", type: "object", label: "UI intent", description: "{ kind, \u2026 } \u2014 applied by the runtime to the controller." }],
+  commands: []
+};
+var EMPTY2 = {
+  anchor: "",
+  partial: false,
+  timeZone: "UTC",
+  viewMode: "month",
+  modes: MODES,
+  notConfigured: false,
+  errored: false,
+  empty: true,
+  emptyHint: "Click a day to schedule something.",
+  agenda: false,
+  grid: false,
+  columns: 7,
+  weekHeaded: false,
+  weekdays: WEEKDAYS,
+  gridLabel: "Calendar",
+  cells: [],
+  rows: [],
+  countLabel: "0 events"
+};
+var BEHAVIOURS2 = {
+  "time/calendarPanelView": (inputs) => inputs.view ?? EMPTY2
+};
+var CALENDAR_RUNTIME_UNITS = [];
+var text2 = (b) => ({ component: "text", props: { text: b } });
+var ui2 = (kind, fields = {}) => ({ emit: "ui", value: { object: { kind: { value: kind }, ...fields } } });
+var CALENDAR_DECLARATION = {
+  format: "xeno.block@1",
+  manifest: calendarViewManifest,
+  behaviour: "time/calendarPanelView",
+  composition: {
+    component: "chrome/Column",
+    children: [
+      {
+        component: "chrome/Toolbar",
+        props: {
+          left: {
+            node: {
+              component: "fragment",
+              children: [
+                { component: "chrome/IconButton", props: { icon: { node: { component: "icons/Chevron", props: { direction: { value: "left" } } } }, label: { value: "Previous" } }, on: { onClick: ui2("navigate", { direction: { value: -1 } }) } },
+                { component: "chrome/IconButton", props: { icon: { node: { component: "icons/Chevron", props: { direction: { value: "right" } } } }, label: { value: "Next" } }, on: { onClick: ui2("navigate", { direction: { value: 1 } }) } },
+                { component: "chrome/TextButton", on: { onClick: ui2("today") }, children: [text2({ value: "Today" })] },
+                { component: "chrome/Text", props: { role: { value: "meta" } }, children: [text2({ input: "view.anchor" })] }
+              ]
+            }
+          },
+          right: {
+            node: {
+              component: "chrome/ToolbarGroup",
+              props: { end: { value: true } },
+              children: [
+                { component: "chrome/Badge", when: { input: "view.partial" }, props: { tone: { value: "warning" }, title: { value: "Some measures have not finished syncing." } }, children: [text2({ value: "partial" })] },
+                { component: "chrome/Badge", props: { title: { value: "Every date is bucketed in this zone." } }, children: [text2({ input: "view.timeZone" })] },
+                { component: "chrome/SegmentedControl", props: { size: { value: "sm" }, label: { value: "View" }, options: { input: "view.modes" }, value: { input: "view.viewMode" } }, on: { onChange: ui2("mode", { mode: { arg: "" } }) } }
+              ]
+            }
           }
-        ),
-        /* @__PURE__ */ jsx3(
-          IconButton2,
+        }
+      },
+      { component: "chrome/EmptyState", when: { input: "view.notConfigured" }, props: { title: { value: "Not configured" }, hint: { input: "view.configProblem" } } },
+      { component: "chrome/ErrorState", when: { input: "view.errored" }, props: { title: { value: "Could not load events" }, message: { input: "view.errorMessage" } } },
+      { component: "chrome/EmptyState", when: { input: "view.empty" }, props: { title: { value: "Nothing scheduled" }, hint: { input: "view.emptyHint" } } },
+      {
+        component: "chrome/ScrollArea",
+        when: { input: "view.agenda" },
+        children: [
           {
-            icon: /* @__PURE__ */ jsx3(ChevronGlyph, { direction: "right" }),
-            label: "Next",
-            onClick: () => controller.navigate(1)
+            component: "chrome/RowList",
+            props: { role: { value: "listbox" }, "aria-label": { value: "Events" } },
+            children: [
+              {
+                component: "chrome/Row",
+                each: { input: "view.rows", key: "id" },
+                props: { label: { item: "title" }, meta: { item: "meta" }, selected: { item: "selected" }, trailing: { node: { component: "chrome/Badge", when: { item: "status" }, props: { tone: { item: "tone" } }, children: [text2({ item: "status" })] } } },
+                on: { onClick: ui2("select", { id: { item: "id" } }), onDoubleClick: ui2("activateRow", { id: { item: "id" } }) }
+              }
+            ]
           }
-        ),
-        /* @__PURE__ */ jsx3(TextButton2, { onClick: () => controller.goToToday(), children: "Today" }),
-        /* @__PURE__ */ jsx3("span", { style: { fontSize: 11, opacity: 0.8 }, children: controller.anchorKey().slice(0, 7) })
-      ] }),
-      right: /* @__PURE__ */ jsxs3(ToolbarGroup2, { end: true, children: [
-        state.partial ? /* @__PURE__ */ jsx3(Badge, { tone: "warning", title: "Some measures have not finished syncing.", children: "partial" }) : null,
-        /* @__PURE__ */ jsx3(Badge, { title: "Every date is bucketed in this zone.", children: controller.timeZone() }),
-        /* @__PURE__ */ jsx3(
-          SegmentedControl,
+        ]
+      },
+      {
+        component: "chrome/ScrollArea",
+        when: { input: "view.grid" },
+        children: [
           {
-            size: "sm",
-            label: "View",
-            options: [
-              { value: "month", label: "M" },
-              { value: "week", label: "W" },
-              { value: "day", label: "D" },
-              { value: "agenda", label: "Agenda" },
-              { value: "timeline", label: "Timeline" }
-            ],
-            value: state.viewMode,
-            onChange: (mode) => controller.setViewMode(mode)
+            component: "chrome/CalendarGrid",
+            props: { columns: { input: "view.columns" }, label: { input: "view.gridLabel" } },
+            children: [
+              { component: "chrome/WeekdayRow", when: { input: "view.weekHeaded" }, props: { days: { input: "view.weekdays" } } },
+              {
+                component: "chrome/DayCell",
+                each: { input: "view.cells", key: "key" },
+                props: { day: { item: "day" }, label: { item: "label" }, today: { item: "today" }, outside: { item: "outside" }, tabStop: { item: "tabStop" }, overflow: { item: "overflow" } },
+                on: { onActivate: ui2("activateSlot", { key: { item: "key" } }) },
+                children: [
+                  {
+                    component: "chrome/EventChip",
+                    each: { item: "chips", key: "id" },
+                    props: { time: { item: "time" }, selected: { item: "selected" }, title: { item: "tooltip" } },
+                    on: {
+                      onClick: ui2("select", { id: { item: "id" }, additive: { arg: "ctrlKey", index: 0 }, meta: { arg: "metaKey", index: 0 } }),
+                      onDoubleClick: ui2("activateRow", { id: { item: "id" } }),
+                      onContextMenuAt: ui2("contextMenu", { id: { item: "id" }, x: { arg: "", index: 0 }, y: { arg: "", index: 1 } })
+                    },
+                    children: [text2({ item: "title" })]
+                  }
+                ]
+              }
+            ]
           }
-        )
-      ] })
-    }
-  );
-  const body = (() => {
-    if (state.configProblem) {
-      return /* @__PURE__ */ jsx3(EmptyState2, { title: "Not configured", hint: state.configProblem });
-    }
-    if (state.errorMessage) {
-      return /* @__PURE__ */ jsx3(ErrorState, { title: "Could not load events", message: state.errorMessage });
-    }
-    if (state.empty) {
-      return /* @__PURE__ */ jsx3(
-        EmptyState2,
-        {
-          title: "Nothing scheduled",
-          hint: emptyHint ?? "Click a day to schedule something."
-        }
-      );
-    }
-    if (state.viewMode === "agenda" || state.viewMode === "timeline") {
-      return /* @__PURE__ */ jsx3(ScrollArea, { children: /* @__PURE__ */ jsx3(RowList, { role: "listbox", "aria-label": "Events", children: state.events.map((event) => /* @__PURE__ */ jsx3(
-        Row,
-        {
-          label: event.title,
-          meta: event.multiDay ? `${event.startKey} \u2192 ${event.endKey}` : event.startKey,
-          selected: state.selection.includes(event.id),
-          onClick: () => controller.select([event.id]),
-          onDoubleClick: () => controller.activateRow(event.id),
-          trailing: event.status !== void 0 ? /* @__PURE__ */ jsx3(Badge, { tone: statusTone(event.status), children: String(event.status) }) : null
-        },
-        event.id
-      )) }) });
-    }
-    const columns = state.viewMode === "day" ? 1 : 7;
-    return /* @__PURE__ */ jsxs3(ScrollArea, { children: [
-      columns === 7 ? /* @__PURE__ */ jsx3("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)" }, children: WEEKDAYS.map((_, i) => /* @__PURE__ */ jsx3(
-        "div",
-        {
-          style: {
-            fontSize: 9,
-            textTransform: "uppercase",
-            letterSpacing: "0.06em",
-            opacity: 0.6,
-            padding: "2px 4px"
-          },
-          children: WEEKDAYS[(firstDayOfWeek - 1 + i) % 7]
-        },
-        i
-      )) }) : null,
-      /* @__PURE__ */ jsx3("div", { style: { display: "grid", gridTemplateColumns: `repeat(${columns}, 1fr)`, gap: 1 }, children: state.cells.map((cell) => /* @__PURE__ */ jsxs3(
-        "div",
-        {
-          onClick: () => controller.activateSlot(cell.key),
-          style: {
-            minHeight: 56,
-            padding: 3,
-            cursor: "pointer",
-            opacity: cell.inPeriod ? 1 : 0.4,
-            background: cell.today ? "var(--xeno-border-subtle)" : "var(--xeno-border-subtle)",
-            boxShadow: cell.today ? "inset 0 0 0 1px var(--xeno-control)" : void 0
-          },
-          children: [
-            /* @__PURE__ */ jsx3("div", { style: { fontSize: 9, opacity: 0.7, fontVariantNumeric: "tabular-nums" }, children: cell.day }),
-            cell.events.map((event) => /* @__PURE__ */ jsx3(Chip, { event, controller, state }, event.id)),
-            cell.overflow > 0 ? /* @__PURE__ */ jsxs3("div", { style: { fontSize: 9, opacity: 0.5 }, children: [
-              "+",
-              cell.overflow,
-              " more"
-            ] }) : null
-          ]
-        },
-        cell.key
-      )) })
-    ] });
-  })();
-  return /* @__PURE__ */ jsxs3("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
-    toolbar,
-    body,
+        ]
+      },
+      { component: "chrome/StatusBar", props: { left: { input: "view.countLabel" }, right: { input: "view.selectionLabel" } } }
+    ]
+  }
+};
+
+// src/time/calendar/react/CalendarPanelView.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var Chevron = ICONS["icons/Chevron"];
+function CalendarPanelView({ controller, firstDayOfWeek, emptyHint }) {
+  useSyncExternalStore3(controller.subscribe, controller.getState, controller.getState);
+  const view = calendarViewState(controller, { firstDayOfWeek, emptyHint });
+  const ui3 = (intent) => applyCalendarUi(controller, intent);
+  return /* @__PURE__ */ jsxs3(Column2, { children: [
     /* @__PURE__ */ jsx3(
-      StatusBar2,
+      Toolbar2,
       {
-        left: `${state.events.length} event${state.events.length === 1 ? "" : "s"}`,
-        right: state.selection.length > 0 ? `${state.selection.length} selected` : void 0
+        left: /* @__PURE__ */ jsxs3(Fragment, { children: [
+          /* @__PURE__ */ jsx3(IconButton2, { icon: /* @__PURE__ */ jsx3(Chevron, { direction: "left" }), label: "Previous", onClick: () => ui3({ kind: "navigate", direction: -1 }) }),
+          /* @__PURE__ */ jsx3(IconButton2, { icon: /* @__PURE__ */ jsx3(Chevron, { direction: "right" }), label: "Next", onClick: () => ui3({ kind: "navigate", direction: 1 }) }),
+          /* @__PURE__ */ jsx3(TextButton2, { onClick: () => ui3({ kind: "today" }), children: "Today" }),
+          /* @__PURE__ */ jsx3(Text, { role: "meta", children: view.anchor })
+        ] }),
+        right: /* @__PURE__ */ jsxs3(ToolbarGroup2, { end: true, children: [
+          view.partial ? /* @__PURE__ */ jsx3(Badge, { tone: "warning", title: "Some measures have not finished syncing.", children: "partial" }) : null,
+          /* @__PURE__ */ jsx3(Badge, { title: "Every date is bucketed in this zone.", children: view.timeZone }),
+          /* @__PURE__ */ jsx3(SegmentedControl, { size: "sm", label: "View", options: view.modes, value: view.viewMode, onChange: (mode) => ui3({ kind: "mode", mode }) })
+        ] })
       }
-    )
-  ] });
-}
-function Chip({
-  event,
-  controller,
-  state
-}) {
-  const selected = state.selection.includes(event.id);
-  return /* @__PURE__ */ jsxs3(
-    "div",
-    {
-      onClick: (e) => {
-        e.stopPropagation();
-        controller.select([event.id], e.ctrlKey || e.metaKey);
-      },
-      onDoubleClick: (e) => {
-        e.stopPropagation();
-        controller.activateRow(event.id);
-      },
-      onContextMenu: (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        controller.requestContextMenu([event.id], e.clientX, e.clientY);
-      },
-      title: event.multiDay ? `${event.startKey} \u2192 ${event.endKey}` : event.title,
-      style: {
-        fontSize: 9,
-        padding: "1px 3px",
-        marginTop: 1,
-        borderRadius: 2,
-        background: selected ? "var(--xeno-control)" : "var(--xeno-border-subtle)",
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        whiteSpace: "nowrap",
-        cursor: "pointer"
+    ),
+    view.notConfigured ? /* @__PURE__ */ jsx3(EmptyState2, { title: "Not configured", hint: view.configProblem }) : null,
+    view.errored ? /* @__PURE__ */ jsx3(ErrorState, { title: "Could not load events", message: view.errorMessage }) : null,
+    view.empty ? /* @__PURE__ */ jsx3(EmptyState2, { title: "Nothing scheduled", hint: view.emptyHint }) : null,
+    view.agenda ? /* @__PURE__ */ jsx3(ScrollArea, { children: /* @__PURE__ */ jsx3(RowList, { role: "listbox", "aria-label": "Events", children: view.rows.map((row) => /* @__PURE__ */ jsx3(
+      Row,
+      {
+        label: row.title,
+        meta: row.meta,
+        selected: row.selected,
+        trailing: row.status ? /* @__PURE__ */ jsx3(Badge, { tone: row.tone, children: row.status }) : null,
+        onClick: () => ui3({ kind: "select", id: row.id }),
+        onDoubleClick: () => ui3({ kind: "activateRow", id: row.id })
       },
-      children: [
-        event.allDay ? null : /* @__PURE__ */ jsx3("span", { style: { opacity: 0.6, marginRight: 3, fontVariantNumeric: "tabular-nums" }, children: formatMinutes(event.startMinutes) }),
-        event.title
-      ]
-    }
-  );
-}
-function formatMinutes(minutes) {
-  if (minutes === null) return "";
-  return `${String(Math.floor(minutes / 60)).padStart(2, "0")}:${String(minutes % 60).padStart(2, "0")}`;
+      row.id
+    )) }) }) : null,
+    view.grid ? /* @__PURE__ */ jsx3(ScrollArea, { children: /* @__PURE__ */ jsxs3(CalendarGrid, { columns: view.columns, label: view.gridLabel, children: [
+      view.weekHeaded ? /* @__PURE__ */ jsx3(WeekdayRow, { days: view.weekdays }) : null,
+      view.cells.map((cell) => /* @__PURE__ */ jsx3(DayCell, { day: cell.day, label: cell.label, today: cell.today, outside: cell.outside, tabStop: cell.tabStop, overflow: cell.overflow, onActivate: () => ui3({ kind: "activateSlot", key: cell.key }), children: cell.chips.map((chip) => /* @__PURE__ */ jsx3(
+        EventChip,
+        {
+          time: chip.time,
+          selected: chip.selected,
+          title: chip.tooltip,
+          onClick: (e) => ui3({ kind: "select", id: chip.id, additive: e.ctrlKey, meta: e.metaKey }),
+          onDoubleClick: () => ui3({ kind: "activateRow", id: chip.id }),
+          onContextMenuAt: (x, y) => ui3({ kind: "contextMenu", id: chip.id, x, y }),
+          children: chip.title
+        },
+        chip.id
+      )) }, cell.key))
+    ] }) }) : null,
+    /* @__PURE__ */ jsx3(StatusBar2, { left: view.countLabel, right: view.selectionLabel })
+  ] });
 }
 
 // src/time/calendar/panel.ts
@@ -4465,7 +4571,10 @@ var export_wrapIntoLoop = clock_exports.wrapIntoLoop;
 export {
   ALL_CALENDAR_MODES,
   export_BAR_SUBDIVISION as BAR_SUBDIVISION,
+  BEHAVIOURS2 as CALENDAR_BEHAVIOURS,
+  CALENDAR_DECLARATION,
   CALENDAR_PANEL_ID,
+  CALENDAR_RUNTIME_UNITS,
   CalendarController,
   CalendarPanelView,
   DEFAULT_SNAP,
@@ -4493,6 +4602,7 @@ export {
   addDays,
   addMonths,
   alignToTileGrid,
+  applyCalendarUi,
   applyTransportUi,
   beginDrag,
   blitTile,
@@ -4500,6 +4610,8 @@ export {
   buildRowLayout,
   calendarManifest,
   calendarPanel,
+  calendarViewManifest,
+  calendarViewState,
   chooseRung,
   clampScroll,
   export_clampTick as clampTick,
@@ -4524,6 +4636,7 @@ export {
   export_extrapolateTick as extrapolateTick,
   export_formatBars as formatBars,
   export_formatFrames as formatFrames,
+  formatMinutes,
   export_formatSeconds as formatSeconds,
   export_formatTick as formatTick,
   export_formatTimecode as formatTimecode,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xenosystem/blocks",
-  "version": "0.13.8",
+  "version": "0.13.9",
   "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",
@@ -64,7 +64,7 @@
   "peerDependencies": {
     "@duckdb/duckdb-wasm": ">=1.28.0",
     "@xenosystem/block-sdk": ">=0.3.4 <1",
-    "@xenosystem/components": ">=0.19.1 <1",
+    "@xenosystem/components": ">=0.20.0 <1",
     "@xenosystem/data-core": "^0.1.0",
     "@xenosystem/elements": ">=0.0.1",
     "@xenosystem/elements-react": ">=0.0.1",
@@ -81,7 +81,7 @@
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@xenosystem/block-sdk": "^0.3.4",
-    "@xenosystem/components": "^0.19.1",
+    "@xenosystem/components": "^0.20.0",
     "@xenosystem/data-core": "^0.1.0",
     "@xenosystem/elements": "0.0.1",
     "@xenosystem/elements-react": "0.0.1",

package/dist/chunk-GTN5EDY3.js

@@ -1,107 +0,0 @@
-import {
-  fromElement
-} from "./chunk-K7YLLV2W.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,
-  height: size,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 1.5,
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  "aria-hidden": true
-});
-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" }) });
-}
-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
-};