@cratis/components 3.6.0 → 4.0.0

package/dist/esm/TimeMachine/ReadModelView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadModelView.js","sources":["../../../TimeMachine/ReadModelView.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"ReadModelView.js","sources":["../../../TimeMachine/ReadModelView.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/TimeMachine/TimeMachine.d.ts

@@ -1,15 +1,30 @@
-import React from 'react';
-import type { Version } from './types';
-import { type TimeMachineLabels } from './TimeMachineLabels';
-export type { TimeMachineLabels } from './TimeMachineLabels';
-export { defaultTimeMachineLabels } from './TimeMachineLabels';
-interface TimeMachineProps {
+import type React from 'react';
+import type { Version } from './types.js';
+import { type TimeMachineLabels } from './TimeMachineLabels.js';
+/** Props for the localized, keyboard-accessible event/read-model timeline. */
+export interface TimeMachineProps {
+    /** Ordered list of historical entity versions (snapshots) to scrub through. */
     versions: Version[];
+    /**
+     * Initial zero-based selected version. Changes after mount do not replace the component's
+     * internal selection; observe user changes through {@link onVersionChange}.
+     */
     currentVersionIndex?: number;
+    /**
+     * Invoked when the user selects a different version through the timeline, wheel gesture, or
+     * previous/next buttons. Called immediately after the internal state changes.
+     */
     onVersionChange?: (index: number) => void;
+    /** Scroll sensitivity - higher values require more scrolling to change versions */
     scrollSensitivity?: number;
+    /** Override any user-facing string (for localization). See {@link TimeMachineLabels}. */
     labels?: Partial<TimeMachineLabels>;
 }
+/**
+ * A version slider/timeline component that lets a user scrub through historical snapshots
+ * of an event-sourced entity. Supports two view modes: read-model snapshots (with a
+ * fish-eye timeline and version cards) and a vertical event timeline. Built on top of
+ * event-sourced read models.
+ */
 export declare const TimeMachine: React.FC<TimeMachineProps>;
 export default TimeMachine;
-//# sourceMappingURL=TimeMachine.d.ts.map

package/dist/esm/TimeMachine/TimeMachine.js

@@ -1,8 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useRef, useCallback, useEffect } from 'react';
+import { useState, useRef, useCallback, useEffect, useMemo } from 'react';
 import { ReadModelView } from './ReadModelView.js';
-import { EventsView } from './EventsView.js';
+import { SelectedEventSequenceNumbersContext, EventsView } from './EventsView.js';
 import { defaultTimeMachineLabels } from './TimeMachineLabels.js';
+import { FaBoxArchive, FaList } from 'react-icons/fa6';
+import { useLocale } from 'react-aria-components/I18nProvider';
 
 var ViewModes;
 (function (ViewModes) {
@@ -24,7 +26,6 @@ const TimeMachine = ({ versions, currentVersionIndex = 0, onVersionChange, scrol
     const handleTimelineHover = useCallback((index) => {
         setHoveredIndex(index);
     }, []);
-    // Handle trackpad two-finger scroll gesture
     useEffect(() => {
         if (viewMode !== ViewModes.ReadModel) {
             return;
@@ -33,18 +34,12 @@ const TimeMachine = ({ versions, currentVersionIndex = 0, onVersionChange, scrol
         if (!container)
             return;
         const handleWheel = (e) => {
-            // Only handle navigation when not hovering over a card
             if (isHoveringCard) {
-                return; // Allow normal scrolling within cards
+                return;
             }
-            // Prevent default scrolling behavior
             e.preventDefault();
-            // Use deltaX for horizontal scroll, fallback to deltaY for vertical
-            // Most trackpads send horizontal delta for two-finger swipe
             const delta = Math.abs(e.deltaX) > Math.abs(e.deltaY) ? e.deltaX : e.deltaY;
-            // Accumulate scroll delta
             scrollAccumulatorRef.current += delta;
-            // Check if we've accumulated enough scroll to change version
             if (Math.abs(scrollAccumulatorRef.current) >= scrollSensitivity) {
                 const direction = scrollAccumulatorRef.current > 0 ? 1 : -1;
                 const newIndex = Math.max(0, Math.min(versions.length - 1, selectedIndex + direction));
@@ -52,7 +47,6 @@ const TimeMachine = ({ versions, currentVersionIndex = 0, onVersionChange, scrol
                     setSelectedIndex(newIndex);
                     onVersionChange?.(newIndex);
                 }
-                // Reset accumulator after version change
                 scrollAccumulatorRef.current = 0;
             }
         };
@@ -60,17 +54,24 @@ const TimeMachine = ({ versions, currentVersionIndex = 0, onVersionChange, scrol
         return () => {
             container.removeEventListener('wheel', handleWheel);
         };
-    }, [versions.length, selectedIndex, onVersionChange, scrollSensitivity, isHoveringCard, viewMode]);
-    // Get all events from all versions
-    const allEvents = versions.flatMap(version => version.events || []);
-    return (jsxs("div", { className: "time-machine", ref: containerRef, children: [jsxs("div", { className: "view-switcher", children: [jsx("button", { className: `view-button ${viewMode === ViewModes.ReadModel ? 'active' : ''}`, onClick: () => setViewMode(ViewModes.ReadModel), "aria-label": l.readModelView, title: l.readModelView, children: jsx("i", { className: "pi pi-box" }) }), jsx("button", { className: `view-button ${viewMode === ViewModes.Events ? 'active' : ''}`, onClick: () => setViewMode(ViewModes.Events), "aria-label": l.eventsView, title: l.eventsView, children: jsx("i", { className: "pi pi-list" }) })] }), viewMode === ViewModes.ReadModel ? (jsx(ReadModelView, { versions: versions, selectedIndex: selectedIndex, hoveredIndex: hoveredIndex, onVersionSelect: handleVersionSelect, onHoveringCardChange: setIsHoveringCard, labels: l })) : (jsx(EventsView, { events: allEvents, labels: l })), viewMode === ViewModes.ReadModel && (jsx(Timeline, { versions: versions, selectedIndex: selectedIndex, hoveredIndex: hoveredIndex, onSelect: handleVersionSelect, onHover: handleTimelineHover })), viewMode === ViewModes.ReadModel && (jsxs("div", { className: "navigation-controls", children: [jsx("button", { className: "nav-button prev", disabled: selectedIndex === 0, onClick: () => handleVersionSelect(Math.max(0, selectedIndex - 1)), "aria-label": l.previousVersion, children: "\u2039" }), jsx("button", { className: "nav-button next", disabled: selectedIndex === versions.length - 1, onClick: () => handleVersionSelect(Math.min(versions.length - 1, selectedIndex + 1)), "aria-label": l.nextVersion, children: "\u203A" })] }))] }));
+    }, [
+        versions.length,
+        selectedIndex,
+        onVersionChange,
+        scrollSensitivity,
+        isHoveringCard,
+        viewMode,
+    ]);
+    const allEvents = useMemo(() => versions.flatMap((version) => version.events || []), [versions]);
+    const selectedEventSequenceNumbers = useMemo(() => new Set((versions[selectedIndex]?.events ?? []).map((event) => event.sequenceNumber)), [selectedIndex, versions]);
+    return (jsxs("div", { className: 'time-machine', ref: containerRef, children: [jsxs("div", { className: 'view-switcher', children: [jsx("button", { type: 'button', className: `view-button ${viewMode === ViewModes.ReadModel ? 'active' : ''}`, onClick: () => setViewMode(ViewModes.ReadModel), "aria-label": l.readModelView, title: l.readModelView, "data-selected": viewMode === ViewModes.ReadModel || undefined, "data-pressed": viewMode === ViewModes.ReadModel || undefined, children: jsx(FaBoxArchive, { "aria-hidden": 'true' }) }), jsx("button", { type: 'button', className: `view-button ${viewMode === ViewModes.Events ? 'active' : ''}`, onClick: () => setViewMode(ViewModes.Events), "aria-label": l.eventsView, title: l.eventsView, "data-selected": viewMode === ViewModes.Events || undefined, "data-pressed": viewMode === ViewModes.Events || undefined, children: jsx(FaList, { "aria-hidden": 'true' }) })] }), viewMode === ViewModes.ReadModel ? (jsx(ReadModelView, { versions: versions, selectedIndex: selectedIndex, hoveredIndex: hoveredIndex, onVersionSelect: handleVersionSelect, onHoveringCardChange: setIsHoveringCard, labels: l })) : (jsx(SelectedEventSequenceNumbersContext.Provider, { value: selectedEventSequenceNumbers, children: jsx(EventsView, { events: allEvents, labels: l }) })), viewMode === ViewModes.ReadModel && (jsx(Timeline, { versions: versions, selectedIndex: selectedIndex, hoveredIndex: hoveredIndex, onSelect: handleVersionSelect, onHover: handleTimelineHover })), viewMode === ViewModes.ReadModel && (jsxs("div", { className: 'navigation-controls', children: [jsx("button", { type: 'button', className: 'nav-button prev', disabled: selectedIndex === 0, onClick: () => handleVersionSelect(Math.max(0, selectedIndex - 1)), "aria-label": l.previousVersion, "data-disabled": selectedIndex === 0 || undefined, children: "\u2039" }), jsx("button", { type: 'button', className: 'nav-button next', disabled: selectedIndex === versions.length - 1, onClick: () => handleVersionSelect(Math.min(versions.length - 1, selectedIndex + 1)), "aria-label": l.nextVersion, "data-disabled": selectedIndex === versions.length - 1 || undefined, children: "\u203A" })] }))] }));
 };
 const Timeline = ({ versions, selectedIndex, hoveredIndex, onSelect, onHover, }) => {
+    const { locale } = useLocale();
     const getMagnification = (index, hoverIdx) => {
         if (hoverIdx === null)
             return 1;
         const distance = Math.abs(index - hoverIdx);
-        // Fish-eye effect: items close to hover get magnified
         if (distance === 0)
             return 2.0;
         if (distance === 1)
@@ -82,28 +83,27 @@ const Timeline = ({ versions, selectedIndex, hoveredIndex, onSelect, onHover, })
         return 1;
     };
     const formatDate = (date) => {
-        return date.toLocaleDateString('en-US', {
+        return date.toLocaleDateString(locale, {
             month: 'short',
             day: 'numeric',
             year: 'numeric',
         });
     };
     const formatTime = (date) => {
-        return date.toLocaleTimeString('en-US', {
+        return date.toLocaleTimeString(locale, {
             hour: 'numeric',
             minute: '2-digit',
-            hour12: true,
         });
     };
-    return (jsx("div", { className: "timeline", onMouseLeave: () => onHover(null), children: jsx("div", { className: "timeline-track", children: versions.map((version, index) => {
+    return (jsx("div", { className: 'timeline', children: jsx("div", { className: 'timeline-track', children: versions.map((version, index) => {
                 const magnification = getMagnification(index, hoveredIndex);
                 const isSelected = index === selectedIndex;
                 const isHovered = index === hoveredIndex;
-                return (jsxs("div", { className: `timeline-entry ${isSelected ? 'selected' : ''} ${isHovered ? 'hovered' : ''}`, style: {
+                return (jsxs("button", { type: 'button', className: `timeline-entry ${isSelected ? 'selected' : ''} ${isHovered ? 'hovered' : ''}`, style: {
                         '--magnification': magnification,
-                    }, onMouseEnter: () => onHover(index), onClick: () => onSelect(index), children: [jsx("div", { className: "timeline-tick" }), jsxs("div", { className: "timeline-label", children: [jsx("span", { className: "timeline-date", children: formatDate(version.timestamp) }), jsx("span", { className: "timeline-time", children: formatTime(version.timestamp) })] })] }, version.id));
+                    }, onMouseEnter: () => onHover(index), onMouseLeave: () => onHover(null), onFocus: () => onHover(index), onBlur: () => onHover(null), onClick: () => onSelect(index), "aria-pressed": isSelected, "aria-label": `${formatDate(version.timestamp)} ${formatTime(version.timestamp)}`, "data-selected": isSelected || undefined, "data-pressed": isSelected || undefined, children: [jsx("div", { className: 'timeline-tick' }), jsxs("div", { className: 'timeline-label', children: [jsx("span", { className: 'timeline-date', children: formatDate(version.timestamp) }), jsx("span", { className: 'timeline-time', children: formatTime(version.timestamp) })] })] }, version.id));
             }) }) }));
 };
 
-export { TimeMachine, defaultTimeMachineLabels };
+export { TimeMachine };
 //# sourceMappingURL=TimeMachine.js.map

package/dist/esm/TimeMachine/TimeMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeMachine.js","sources":["../../../TimeMachine/TimeMachine.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"TimeMachine.js","sources":["../../../TimeMachine/TimeMachine.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/TimeMachine/TimeMachineLabels.d.ts

@@ -1,12 +1,27 @@
+/**
+ * User-facing strings for {@link TimeMachine} and its sub-views. Every field is
+ * optional at the call site; pass a partial `labels` to override any (for
+ * localization). Omitted fields fall back to {@link defaultTimeMachineLabels}
+ * (English).
+ */
 export interface TimeMachineLabels {
+    /** Accessible name for the read-model view toggle. */
     readModelView: string;
+    /** Accessible name for the events view toggle. */
     eventsView: string;
+    /** Accessible name for the previous-version control. */
     previousVersion: string;
+    /** Accessible name for the next-version control. */
     nextVersion: string;
+    /** Accessible name for the "show related events" control. */
     showRelatedEvents: string;
+    /** Accessible name for the "show read-model snapshot" control. */
     showReadModelSnapshot: string;
+    /** Accessible name for the "scroll to top" control. */
     scrollToTop: string;
+    /** Accessible name for the "scroll to bottom" control. */
     scrollToBottom: string;
 }
+/** English defaults for {@link TimeMachineLabels}. */
 export declare const defaultTimeMachineLabels: TimeMachineLabels;
 //# sourceMappingURL=TimeMachineLabels.d.ts.map

package/dist/esm/TimeMachine/TimeMachineLabels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeMachineLabels.d.ts","sourceRoot":"","sources":["../../../TimeMachine/TimeMachineLabels.ts"],"names":[],"mappings":"AASA,MAAM,WAAW,iBAAiB;IAE9B,aAAa,EAAE,MAAM,CAAC;IAEtB,UAAU,EAAE,MAAM,CAAC;IAEnB,eAAe,EAAE,MAAM,CAAC;IAExB,WAAW,EAAE,MAAM,CAAC;IAEpB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,qBAAqB,EAAE,MAAM,CAAC;IAE9B,WAAW,EAAE,MAAM,CAAC;IAEpB,cAAc,EAAE,MAAM,CAAC;CAC1B;AAGD,eAAO,MAAM,wBAAwB,EAAE,iBAStC,CAAC"}
+{"version":3,"file":"TimeMachineLabels.d.ts","sourceRoot":"","sources":["../../../TimeMachine/TimeMachineLabels.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,MAAM,WAAW,iBAAiB;IAC9B,sDAAsD;IACtD,aAAa,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,UAAU,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,eAAe,EAAE,MAAM,CAAC;IACxB,oDAAoD;IACpD,WAAW,EAAE,MAAM,CAAC;IACpB,6DAA6D;IAC7D,iBAAiB,EAAE,MAAM,CAAC;IAC1B,kEAAkE;IAClE,qBAAqB,EAAE,MAAM,CAAC;IAC9B,uDAAuD;IACvD,WAAW,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,cAAc,EAAE,MAAM,CAAC;CAC1B;AAED,sDAAsD;AACtD,eAAO,MAAM,wBAAwB,EAAE,iBAStC,CAAC"}

package/dist/esm/TimeMachine/TimeMachineLabels.js

@@ -1,6 +1,3 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-/** English defaults for {@link TimeMachineLabels}. */
 const defaultTimeMachineLabels = {
     readModelView: 'Read Model View',
     eventsView: 'Events View',

package/dist/esm/TimeMachine/TimeMachineLabels.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeMachineLabels.js","sources":["../../../TimeMachine/TimeMachineLabels.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AA2BA;AACO,MAAM,wBAAwB,GAAsB;AACvD,IAAA,aAAa,EAAE,iBAAiB;AAChC,IAAA,UAAU,EAAE,aAAa;AACzB,IAAA,eAAe,EAAE,kBAAkB;AACnC,IAAA,WAAW,EAAE,cAAc;AAC3B,IAAA,iBAAiB,EAAE,qBAAqB;AACxC,IAAA,qBAAqB,EAAE,0BAA0B;AACjD,IAAA,WAAW,EAAE,eAAe;AAC5B,IAAA,cAAc,EAAE,kBAAkB;;;"}
+{"version":3,"file":"TimeMachineLabels.js","sources":["../../../TimeMachine/TimeMachineLabels.ts"],"sourcesContent":[null],"names":[],"mappings":"AA6BO,MAAM,wBAAwB,GAAsB;AACvD,IAAA,aAAa,EAAE,iBAAiB;AAChC,IAAA,UAAU,EAAE,aAAa;AACzB,IAAA,eAAe,EAAE,kBAAkB;AACnC,IAAA,WAAW,EAAE,cAAc;AAC3B,IAAA,iBAAiB,EAAE,qBAAqB;AACxC,IAAA,qBAAqB,EAAE,0BAA0B;AACjD,IAAA,WAAW,EAAE,eAAe;AAC5B,IAAA,cAAc,EAAE,kBAAkB;;;"}

package/dist/esm/TimeMachine/index.d.ts

@@ -1,8 +1,9 @@
-export { TimeMachine } from './TimeMachine';
-export { ReadModelView } from './ReadModelView';
-export { EventsView } from './EventsView';
-export { defaultTimeMachineLabels } from './TimeMachineLabels';
-export type { TimeMachineLabels } from './TimeMachineLabels';
-export { Properties } from './Properties';
-export * from './types';
-//# sourceMappingURL=index.d.ts.map
+export { TimeMachine } from './TimeMachine.js';
+export type { TimeMachineProps } from './TimeMachine.js';
+export { ReadModelView } from './ReadModelView.js';
+export { EventsView } from './EventsView.js';
+export type { EventsViewParts, EventsViewProps } from './EventsView.js';
+export { defaultTimeMachineLabels } from './TimeMachineLabels.js';
+export type { TimeMachineLabels } from './TimeMachineLabels.js';
+export { Properties } from './Properties.js';
+export * from './types.js';

package/dist/esm/TimeMachine/index.js

@@ -3,7 +3,4 @@ export { ReadModelView } from './ReadModelView.js';
 export { EventsView } from './EventsView.js';
 export { defaultTimeMachineLabels } from './TimeMachineLabels.js';
 export { Properties } from './Properties.js';
-
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
 //# sourceMappingURL=index.js.map

package/dist/esm/TimeMachine/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../TimeMachine/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAAA;AACA"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/TimeMachine/propertiesHelpers.d.ts

@@ -1,2 +1,5 @@
+/**
+ * Converts a camelCase property key to a human-readable Title Case label with spaces.
+ */
 export declare function formatPropertyName(key: string): string;
 //# sourceMappingURL=propertiesHelpers.d.ts.map

package/dist/esm/TimeMachine/propertiesHelpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"propertiesHelpers.d.ts","sourceRoot":"","sources":["../../../TimeMachine/propertiesHelpers.ts"],"names":[],"mappings":"AAMA,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAKtD"}
+{"version":3,"file":"propertiesHelpers.d.ts","sourceRoot":"","sources":["../../../TimeMachine/propertiesHelpers.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAKtD"}

package/dist/esm/TimeMachine/propertiesHelpers.js

@@ -1,8 +1,3 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-/**
- * Converts a camelCase property key to a human-readable Title Case label with spaces.
- */
 function formatPropertyName(key) {
     return key
         .replace(/([A-Z])/g, ' $1')

package/dist/esm/TimeMachine/propertiesHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"propertiesHelpers.js","sources":["../../../TimeMachine/propertiesHelpers.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AAEA;;AAEG;AACG,SAAU,kBAAkB,CAAC,GAAW,EAAA;AAC1C,IAAA,OAAO;AACF,SAAA,OAAO,CAAC,UAAU,EAAE,KAAK;SACzB,OAAO,CAAC,IAAI,EAAE,GAAG,IAAI,GAAG,CAAC,WAAW,EAAE;AACtC,SAAA,IAAI,EAAE;AACf;;"}
+{"version":3,"file":"propertiesHelpers.js","sources":["../../../TimeMachine/propertiesHelpers.ts"],"sourcesContent":[null],"names":[],"mappings":"AAMM,SAAU,kBAAkB,CAAC,GAAW,EAAA;AAC1C,IAAA,OAAO;AACF,SAAA,OAAO,CAAC,UAAU,EAAE,KAAK;SACzB,OAAO,CAAC,IAAI,EAAE,GAAG,IAAI,GAAG,CAAC,WAAW,EAAE;AACtC,SAAA,IAAI,EAAE;AACf;;"}

package/dist/esm/TimeMachine/types.d.ts

@@ -1,19 +1,43 @@
+/**
+ * A historical snapshot of an entity at a point in time, holding the read-model state
+ * and optionally the events that produced it.
+ */
 export interface Version {
+    /** Unique identifier for this version snapshot. */
     id: string;
+    /** Wall-clock timestamp when this version was captured. */
     timestamp: Date;
+    /** User-facing label describing this version (e.g. "Initial Registration", "Updated Profile"). */
     label: string;
+    /** Rendered read-model state at this point in time (typically a {@link Properties} table). */
     content: React.ReactNode;
+    /** Domain events that produced this version, rendered in {@link EventsView}. */
     events?: Event[];
 }
+/**
+ * A domain event rendered in the vertical timeline.
+ * Represents one immutable fact appended to the event log.
+ */
 export interface Event {
+    /** Event sequence number in the event log (determines timeline order). */
     sequenceNumber: number;
+    /** Event type name (e.g. "AuthorRegistered", "ProfileUpdated"). */
     type: string;
+    /** Wall-clock timestamp when this event occurred. */
     occurred: Date;
+    /** Event payload (property bag) rendered by {@link Properties}. */
     content: Record<string, unknown>;
 }
+/**
+ * A single entry in the fish-eye timeline scrubber.
+ * A lightweight version reference without the full read-model snapshot.
+ */
 export interface TimelineEntry {
+    /** Unique identifier for this timeline entry (typically the same as {@link Version.id}). */
     id: string;
+    /** Wall-clock timestamp for this timeline tick. */
     timestamp: Date;
+    /** User-facing label shown when hovering over this timeline entry. */
     label: string;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/TimeMachine/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../TimeMachine/types.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,IAAI,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,KAAK;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,IAAI,CAAC;IACf,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,IAAI,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../TimeMachine/types.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,MAAM,WAAW,OAAO;IACpB,mDAAmD;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,2DAA2D;IAC3D,SAAS,EAAE,IAAI,CAAC;IAChB,kGAAkG;IAClG,KAAK,EAAE,MAAM,CAAC;IACd,8FAA8F;IAC9F,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gFAAgF;IAChF,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,WAAW,KAAK;IAClB,0EAA0E;IAC1E,cAAc,EAAE,MAAM,CAAC;IACvB,mEAAmE;IACnE,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,QAAQ,EAAE,IAAI,CAAC;IACf,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC1B,4FAA4F;IAC5F,EAAE,EAAE,MAAM,CAAC;IACX,mDAAmD;IACnD,SAAS,EAAE,IAAI,CAAC;IAChB,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAC;CACjB"}

package/dist/esm/TimeMachine/types.js

@@ -1,2 +1,4 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
 export {};
 //# sourceMappingURL=types.js.map

package/dist/esm/TimeMachine/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../TimeMachine/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../TimeMachine/types.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,qGAAqG"}

package/dist/esm/Toolbar/Toolbar.d.ts

@@ -1,9 +1,39 @@
-import { ReactNode } from 'react';
+import { type HTMLAttributes, type ReactNode } from 'react';
+/** Stable part attributes for {@link Toolbar}. */
+export interface ToolbarParts {
+    /** Toolbar root. */
+    root?: HTMLAttributes<HTMLDivElement>;
+}
+/** Props for the {@link Toolbar} component. */
 export interface ToolbarProps {
+    /** The {@link ToolbarButton} elements to render inside this toolbar group. */
     children: ReactNode;
+    /** Layout direction of the toolbar (default: 'vertical'). */
     orientation?: 'vertical' | 'horizontal';
+    /** Extra class name for the toolbar root. */
+    className?: string;
+    /** Accessible toolbar name. Overrides the provider's `messages.toolbar.label` fallback. */
+    'aria-label'?: string;
+    /** Identifies an external element that names the toolbar. Takes precedence over `aria-label`. */
+    'aria-labelledby'?: string;
+    /** Stable toolbar part attributes. */
+    pt?: ToolbarParts;
+    /**
+     * When `true`, all {@link ToolbarButton} children become draggable by default.
+     * Individual buttons can still override this with their own `draggable` prop.
+     */
     draggable?: boolean;
+    /**
+     * Callback invoked when any child toolbar item starts being dragged.
+     * Receives the item's associated data and the originating drag event.
+     * Only fires for items that are actually draggable.
+     */
     onItemDragStart?: (data: unknown, event: React.DragEvent) => void;
 }
-export declare const Toolbar: ({ children, orientation, draggable, onItemDragStart }: ToolbarProps) => import("react").JSX.Element;
+/**
+ * A toolbar container that groups icon buttons with a rounded border,
+ * mimicking the style of tools panels found in canvas-based applications.
+ * Supports both vertical (default) and horizontal orientations.
+ */
+export declare const Toolbar: ({ children, orientation, draggable, onItemDragStart, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, pt, }: ToolbarProps) => import("react").JSX.Element;
 //# sourceMappingURL=Toolbar.d.ts.map

package/dist/esm/Toolbar/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,MAAM,WAAW,YAAY;IAEzB,QAAQ,EAAE,SAAS,CAAC;IAEpB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAKxC,SAAS,CAAC,EAAE,OAAO,CAAC;IAMpB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;CACrE;AAOD,eAAO,MAAM,OAAO,GAAI,uDAA4E,YAAY,gCAU/G,CAAC"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM5D,kDAAkD;AAClD,MAAM,WAAW,YAAY;IACzB,oBAAoB;IACpB,IAAI,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CACzC;AAKD,+CAA+C;AAC/C,MAAM,WAAW,YAAY;IACzB,8EAA8E;IAC9E,QAAQ,EAAE,SAAS,CAAC;IACpB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2FAA2F;IAC3F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iGAAiG;IACjG,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sCAAsC;IACtC,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;CACrE;AAED;;;;GAIG;AACH,eAAO,MAAM,OAAO,GAAI,mIASrB,YAAY,gCA4Bd,CAAC"}

package/dist/esm/Toolbar/Toolbar.js

@@ -1,12 +1,26 @@
 import { jsx } from 'react/jsx-runtime';
 import { ToolbarDragContext } from './ToolbarDragContext.js';
+import 'react';
+import 'react-aria-components/I18nProvider';
+import 'ts-deepmerge';
+import 'react-dom';
+import { useCratisComponentsConfig } from '../Common/CratisComponentsContext.js';
+import '../Notifications/toast.js';
+import '../renderer/RendererContext.js';
 
-/**
- * A toolbar container that groups icon buttons with a rounded border,
- * mimicking the style of tools panels found in canvas-based applications.
- * Supports both vertical (default) and horizontal orientations.
- */
-const Toolbar = ({ children, orientation = 'vertical', draggable = false, onItemDragStart }) => (jsx(ToolbarDragContext.Provider, { value: { draggable, onItemDragStart }, children: jsx("div", { className: `toolbar inline-flex ${orientation === 'horizontal' ? 'flex-row' : 'flex-col'} items-center gap-1 p-2 rounded-2xl`, children: children }) }));
+const Toolbar = ({ children, orientation = 'vertical', draggable = false, onItemDragStart, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, pt, }) => {
+    const { messages } = useCratisComponentsConfig();
+    const resolvedAriaLabel = ariaLabel ?? messages?.toolbar?.label ?? 'Tools';
+    return (jsx(ToolbarDragContext.Provider, { value: { draggable, onItemDragStart }, children: jsx("div", { ...pt?.root, role: 'toolbar', "aria-orientation": orientation, "aria-label": ariaLabelledBy ? undefined : resolvedAriaLabel, "aria-labelledby": ariaLabelledBy, className: [
+                'toolbar cratis:inline-flex',
+                orientation === 'horizontal' ? 'cratis:flex-row' : 'cratis:flex-col',
+                'cratis:items-center cratis:gap-1 cratis:p-2 cratis:rounded-2xl',
+                pt?.root?.className,
+                className,
+            ]
+                .filter(Boolean)
+                .join(' '), "data-cratis-part": 'root', "data-orientation": orientation, children: children }) }));
+};
 
 export { Toolbar };
 //# sourceMappingURL=Toolbar.js.map

package/dist/esm/Toolbar/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","sources":["../../../Toolbar/Toolbar.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAyBA;;;;AAIG;AACI,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,WAAW,GAAG,UAAU,EAAE,SAAS,GAAG,KAAK,EAAE,eAAe,EAAgB,MAC5GA,GAAA,CAAC,kBAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,EAAA,QAAA,EAC9DA,GAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,CAAA,oBAAA,EACP,WAAW,KAAK,YAAY,GAAG,UAAU,GAAG,UAChD,CAAA,mCAAA,CAAqC,EAAA,QAAA,EAEpC,QAAQ,EAAA,CACP,EAAA,CACoB;;"}
+{"version":3,"file":"Toolbar.js","sources":["../../../Toolbar/Toolbar.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;;AAkDO,MAAM,OAAO,GAAG,CAAC,EACpB,QAAQ,EACR,WAAW,GAAG,UAAU,EACxB,SAAS,GAAG,KAAK,EACjB,eAAe,EACf,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,EAAE,GACS,KAAI;AACf,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,yBAAyB,EAAE;IAChD,MAAM,iBAAiB,GAAG,SAAS,IAAI,QAAQ,EAAE,OAAO,EAAE,KAAK,IAAI,OAAO;AAE1E,IAAA,QACIA,GAAA,CAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,YAC9DA,GAAA,CAAA,KAAA,EAAA,EAAA,GACQ,EAAE,EAAE,IAAI,EACZ,IAAI,EAAC,SAAS,EAAA,kBAAA,EACI,WAAW,EAAA,YAAA,EACjB,cAAc,GAAG,SAAS,GAAG,iBAAiB,qBACzC,cAAc,EAC/B,SAAS,EAAE;gBACP,4BAA4B;gBAC5B,WAAW,KAAK,YAAY,GAAG,iBAAiB,GAAG,iBAAiB;gBACpE,gEAAgE;gBAChE,EAAE,EAAE,IAAI,EAAE,SAAS;gBACnB,SAAS;AACZ;iBACI,MAAM,CAAC,OAAO;AACd,iBAAA,IAAI,CAAC,GAAG,CAAC,EAAA,kBAAA,EACG,MAAM,EAAA,kBAAA,EACL,WAAW,EAAA,QAAA,EAE5B,QAAQ,EAAA,CACP,EAAA,CACoB;AAEtC;;"}

package/dist/esm/Toolbar/ToolbarButton.d.ts

@@ -1,15 +1,52 @@
-import type { Icon } from '../Common/Icon';
-import type { TooltipPosition } from '../Common/Tooltip';
+import type { ButtonHTMLAttributes, HTMLAttributes } from 'react';
+import type { Icon } from '../Common/Icon.js';
+import type { TooltipPosition } from '../Common/Tooltip.js';
+/** Stable part attributes for {@link ToolbarButton}. */
+export interface ToolbarButtonParts {
+    /** Native button root. */
+    root?: ButtonHTMLAttributes<HTMLButtonElement>;
+    /** Icon wrapper. */
+    icon?: HTMLAttributes<HTMLSpanElement>;
+    /** Text/title label wrapper. */
+    label?: HTMLAttributes<HTMLSpanElement>;
+}
+/** Props for the {@link ToolbarButton} component. */
 export interface ToolbarButtonProps {
+    /** React icon node or consumer-owned icon-font class. Components installs no icon font. */
     icon?: Icon;
+    /** Optional text-first content (for example `120%`); when non-empty it renders instead of {@link icon}. */
     text?: string;
+    /** Title text shown when the user hovers over the button. */
     title: string;
+    /** Whether the button is currently in the active/selected state. */
     active?: boolean;
+    /** Callback invoked when the button is clicked. */
     onClick?: () => void;
+    /** Position of the tooltip relative to the button (default: 'right'). */
     tooltipPosition?: TooltipPosition;
+    /** Extra class name for the native button. */
+    className?: string;
+    /** Stable button part attributes. */
+    pt?: ToolbarButtonParts;
+    /**
+     * Whether this button can be dragged onto a surface.
+     * When omitted the value is inherited from the parent {@link Toolbar}'s `draggable` prop.
+     */
     draggable?: boolean;
+    /**
+     * Optional data associated with this button for identification during drag &amp; drop.
+     * The value is passed to {@link onDragStart} and serialised onto the HTML5
+     * `DataTransfer` object as `application/json` so drop targets can read it.
+     */
     data?: unknown;
+    /**
+     * Callback invoked when a drag operation starts on this button.
+     * Receives the button's {@link data} and the originating drag event.
+     */
     onDragStart?: (data: unknown, event: React.DragEvent<HTMLButtonElement>) => void;
 }
-export declare const ToolbarButton: ({ icon, text, title, active, onClick, tooltipPosition, draggable, data, onDragStart }: ToolbarButtonProps) => import("react").JSX.Element;
-//# sourceMappingURL=ToolbarButton.d.ts.map
+/**
+ * An icon button with a tooltip, intended to be placed inside a {@link Toolbar}.
+ * Uses the shared {@link Tooltip} component for consistent hover labels.
+ */
+export declare const ToolbarButton: ({ icon, text, title, active, onClick, tooltipPosition, draggable, data, onDragStart, className, pt, }: ToolbarButtonProps) => import("react").JSX.Element;

package/dist/esm/Toolbar/ToolbarButton.js

@@ -3,14 +3,12 @@ import { IconDisplay } from '../Common/Icon.js';
 import { Tooltip } from '../Common/Tooltip.js';
 import { useToolbarDragContext } from './ToolbarDragContext.js';
 import { useToolbarFolderMode } from './ToolbarFolderContext.js';
+import { useToolbarItemVisibility } from './ToolbarItemVisibilityContext.js';
 
-/**
- * An icon button with a tooltip, intended to be placed inside a {@link Toolbar}.
- * Uses the shared {@link Tooltip} component for consistent hover labels.
- */
-const ToolbarButton = ({ icon, text, title, active = false, onClick, tooltipPosition = 'right', draggable, data, onDragStart }) => {
+const ToolbarButton = ({ icon, text, title, active = false, onClick, tooltipPosition = 'right', draggable, data, onDragStart, className, pt, }) => {
     const dragContext = useToolbarDragContext();
     const folderMode = useToolbarFolderMode();
+    const isToolbarItemVisible = useToolbarItemVisibility();
     const isListMode = folderMode === 'list';
     const isDraggable = draggable ?? dragContext.draggable;
     const handleDragStart = (event) => {
@@ -23,17 +21,12 @@ const ToolbarButton = ({ icon, text, title, active = false, onClick, tooltipPosi
     const draggableClass = isDraggable ? 'toolbar-button--draggable' : '';
     const hasText = typeof text === 'string' && text.length > 0;
     const resolvedIcon = icon !== undefined && icon !== null && (typeof icon !== 'string' || icon.length > 0) ? icon : null;
-    // List mode: icon + title label rendered side by side (no floating tooltip needed).
     if (isListMode) {
-        return (jsxs("button", { type: 'button', "aria-label": title, onClick: onClick, draggable: isDraggable, onDragStart: isDraggable ? handleDragStart : undefined, className: `toolbar-button toolbar-button--list h-10 px-3 w-full flex items-center justify-start gap-2 rounded-lg cursor-pointer ${activeClass} ${draggableClass}`, children: [resolvedIcon !== null && jsx(IconDisplay, { icon: resolvedIcon, className: 'text-lg flex-shrink-0' }), jsx("span", { className: 'toolbar-button__label', children: title })] }));
+        return (jsxs("button", { ...pt?.root, type: 'button', "aria-label": title, onClick: onClick, draggable: isDraggable, onDragStart: isDraggable ? handleDragStart : undefined, className: `toolbar-button toolbar-button--list cratis:h-10 cratis:px-3 cratis:w-full cratis:flex cratis:items-center cratis:justify-start cratis:gap-2 cratis:rounded-lg cratis:cursor-pointer ${activeClass} ${draggableClass} ${pt?.root?.className ?? ''} ${className ?? ''}`, "data-cratis-part": 'button', "data-active": active || undefined, "data-selected": active || undefined, children: [resolvedIcon !== null && (jsx("span", { ...pt?.icon, className: pt?.icon?.className, "data-cratis-part": 'icon', children: jsx(IconDisplay, { icon: resolvedIcon, className: 'cratis:text-lg cratis:flex-shrink-0' }) })), jsx("span", { ...pt?.label, className: `toolbar-button__label ${pt?.label?.className ?? ''}`, "data-cratis-part": 'label', children: title })] }));
     }
-    const buttonSizeClass = hasText ? 'h-10 px-3 min-w-[4rem]' : 'w-10 h-10';
-    const buttonContent = hasText
-        ? jsx("span", { className: 'toolbar-button__text', children: text })
-        : resolvedIcon !== null
-            ? jsx(IconDisplay, { icon: resolvedIcon, className: 'text-lg' })
-            : null;
-    return (jsx(Tooltip, { content: title, position: tooltipPosition, children: jsx("button", { type: 'button', "aria-label": title, onClick: onClick, draggable: isDraggable, onDragStart: isDraggable ? handleDragStart : undefined, className: `toolbar-button ${buttonSizeClass} flex items-center justify-center rounded-lg cursor-pointer ${activeClass} ${draggableClass}`, children: buttonContent }) }));
+    const buttonSizeClass = hasText ? 'cratis:h-10 cratis:px-3 cratis:min-w-[4rem]' : 'cratis:w-10 cratis:h-10';
+    const buttonContent = hasText ? (jsx("span", { ...pt?.label, className: `toolbar-button__text ${pt?.label?.className ?? ''}`, "data-cratis-part": 'label', children: text })) : resolvedIcon === null ? null : (jsx("span", { ...pt?.icon, className: pt?.icon?.className, "data-cratis-part": 'icon', children: jsx(IconDisplay, { icon: resolvedIcon, className: 'cratis:text-lg' }) }));
+    return (jsx(Tooltip, { content: title, position: tooltipPosition, disabled: !isToolbarItemVisible, children: jsx("button", { ...pt?.root, type: 'button', "aria-label": title, onClick: onClick, draggable: isDraggable, onDragStart: isDraggable ? handleDragStart : undefined, className: `toolbar-button ${buttonSizeClass} cratis:flex cratis:items-center cratis:justify-center cratis:rounded-lg cratis:cursor-pointer ${activeClass} ${draggableClass} ${pt?.root?.className ?? ''} ${className ?? ''}`, "data-cratis-part": 'button', "data-active": active || undefined, "data-selected": active || undefined, children: buttonContent }) }));
 };
 
 export { ToolbarButton };