@xenosystem/blocks 0.13.7 → 0.13.9

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.7",
+  "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.0 <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.0",
+    "@xenosystem/components": "^0.20.0",
     "@xenosystem/data-core": "^0.1.0",
     "@xenosystem/elements": "0.0.1",
     "@xenosystem/elements-react": "0.0.1",