entangle-ui 0.9.0 → 0.10.0

package/dist/types/hooks/useIsMounted/useIsMounted.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Returns a stable getter that reports whether the component is still
+ * mounted. Call it inside async continuations (promises, timers, fetches)
+ * before committing state, so a resolution that lands after unmount becomes
+ * a no-op instead of a "set state on an unmounted component" warning.
+ *
+ * The getter identity is stable for the component lifetime, so it is safe to
+ * include in — or omit from — dependency arrays without churn. It reports
+ * `false` until the mount effect commits and `false` again after unmount,
+ * which also covers the double mount/unmount of React StrictMode.
+ *
+ * Prefer real cancellation (`AbortController`, effect cleanup) where the
+ * async source supports it; reach for this only when the source cannot be
+ * cancelled.
+ *
+ * @example
+ * ```tsx
+ * const isMounted = useIsMounted();
+ * useEffect(() => {
+ *   void load().then(data => {
+ *     if (isMounted()) setData(data);
+ *   });
+ * }, [isMounted]);
+ * ```
+ */
+declare function useIsMounted(): () => boolean;
+
+export { useIsMounted };

package/dist/types/hooks/useKeyboard/types.d.ts

@@ -9,6 +9,6 @@ type KeyboardState = {
     pressedKeys: KeyCode[];
     modifiers: KeyboardModifierKeysState;
 };
-type AllKeys = LiteralUnion<ModifierKeys, string>;
+type AllKeys = LiteralUnion<ModifierKeys>;
 
 export type { AllKeys, KeyCode, KeyboardModifierKeysState, KeyboardState, ModifierKeys };

package/dist/types/hooks/useLatest/useLatest.d.ts

@@ -0,0 +1,23 @@
+import { RefObject } from 'react';
+
+/**
+ * Keep a ref synced to the latest value of `value` after each render.
+ *
+ * Useful for reading "live" props/state inside event handlers, timers,
+ * or external store subscriptions without re-attaching the listener on
+ * every render. The ref is updated in `useEffect` so its value reflects
+ * the most recently committed render.
+ *
+ * @example
+ * ```ts
+ * const latestOnChange = useLatest(onChange);
+ * useEffect(() => {
+ *   const handler = (e: Event) => latestOnChange.current(e);
+ *   target.addEventListener('change', handler);
+ *   return () => target.removeEventListener('change', handler);
+ * }, [target]);
+ * ```
+ */
+declare function useLatest<T>(value: T): RefObject<T>;
+
+export { useLatest };

package/dist/types/hooks/useResizeObserver/useResizeObserver.d.ts

@@ -11,9 +11,9 @@ interface UseResizeObserverOptions {
 /**
  * Observe size changes on an element. SSR-safe; cleans up on unmount.
  *
- * The callback is wrapped in a ref so consumers do not have to memoize it —
- * the underlying observer never re-subscribes when the callback identity
- * changes.
+ * The callback is wrapped with `useEventCallback` so consumers do not have
+ * to memoize it — the underlying observer never re-subscribes when the
+ * callback identity changes.
  *
  * The hook re-checks `ref.current` on every render so it picks up nodes that
  * mount later (e.g. through conditional rendering). When the observed node

package/dist/types/index.d.ts

@@ -70,8 +70,16 @@ export { Tooltip, TooltipProps } from './components/primitives/Tooltip/Tooltip.j
 export { CollisionAvoidance, TooltipCollisionConfig, TooltipCollisionStrategy, TooltipPlacement } from './components/primitives/Tooltip/types.js';
 export { VisuallyHidden } from './components/primitives/VisuallyHidden/VisuallyHidden.js';
 export { VisuallyHiddenElement, VisuallyHiddenProps } from './components/primitives/VisuallyHidden/VisuallyHidden.types.js';
-export { Brand, DeepPartial, DeepReadonly, KeyOf, LiteralUnion, NonEmptyArray, Prettify, RequireFields, StrictExclude, ValueOf } from './types/utilities.js';
 export { BaseComponent, Size, Variant } from './types/common.js';
+export { Brand, DeepPartial, DeepReadonly, KeyOf, LiteralUnion, NonEmptyArray, Prettify, RequireFields, StrictExclude, ValueOf } from './types/utilities.js';
+export { Viewport } from './components/primitives/viewport/Viewport.js';
+export { ViewportLayer } from './components/primitives/viewport/ViewportLayer.js';
+export { ViewportWorld } from './components/primitives/viewport/ViewportWorld.js';
+export { ViewportOverlay } from './components/primitives/viewport/ViewportOverlay.js';
+export { useViewportContext } from './components/primitives/viewport/ViewportContext.js';
+export { getViewportPointerPosition, screenToWorld, worldToScreen } from './components/primitives/viewport/viewportCoords.js';
+export { computeCenterTransform, computeFitTransform, computeZoomTowardPivot, normalizeRect } from './components/primitives/viewport/viewportMath.js';
+export { ViewportContextValue, ViewportHandle, ViewportLayerDrawInfo, ViewportLayerProps, ViewportModifier, ViewportMouseButton, ViewportOverlayProps, ViewportPanConfig, ViewportPanEndInfo, ViewportProps, ViewportSelectionConfig, ViewportSelectionEvent, ViewportSize, ViewportTransform, ViewportWorldProps, ViewportZoomConfig, WorldRect } from './components/primitives/viewport/Viewport.types.js';
 export { ColorPicker } from './components/controls/ColorPicker/ColorPicker.js';
 export { ColorSwatch } from './components/controls/ColorPicker/ColorSwatch.js';
 export { EyeDropper, EyeDropperProps } from './components/controls/ColorPicker/EyeDropper.js';
@@ -82,6 +90,10 @@ export { EARTH_PALETTE, MONOCHROME_PALETTE, NEON_PALETTE, PASTEL_PALETTE, PROFES
 export { ColorFormat, ColorInputMode, ColorPickerProps, ColorPickerSize, ColorPreset, ColorSwatchPublicProps as ColorSwatchProps } from './components/controls/ColorPicker/ColorPicker.types.js';
 export { Combobox } from './components/controls/Combobox/Combobox.js';
 export { ComboboxBaseProps, ComboboxOption, ComboboxProps, ComboboxSize, ComboboxVariant } from './components/controls/Combobox/Combobox.types.js';
+export { FileTree } from './components/controls/FileTree/FileTree.js';
+export { FileIconKind, classifyExtension, getFileExtension, getFileIconKind } from './components/controls/FileTree/fileTreeIcons.js';
+export { DEFAULT_FILE_TREE_LABELS, FileTreeLabels } from './components/controls/FileTree/fileTreeLabels.js';
+export { FileTreeImportPayload, FileTreeNode, FileTreeNodeKind, FileTreeNodeState, FileTreeProps } from './components/controls/FileTree/FileTree.types.js';
 export { FileUploader } from './components/controls/FileUploader/FileUploader.js';
 export { FileUploaderBaseProps, FileUploaderItem, FileUploaderItemStatus, FileUploaderProps, FileUploaderRejectReason, FileUploaderRenderItemState, FileUploaderSize } from './components/controls/FileUploader/FileUploader.types.js';
 export { MultiSelect } from './components/controls/MultiSelect/MultiSelect.js';
@@ -97,7 +109,7 @@ export { VectorColorPreset, VectorDimension, VectorInputProps, VectorInputSize,
 export { TreeView } from './components/controls/TreeView/TreeView.js';
 export { TreeNodeData, TreeNodeState, TreeSelectionMode, TreeViewProps, TreeViewSize } from './components/controls/TreeView/TreeView.types.js';
 export { CurveEditor } from './components/controls/CurveEditor/CurveEditor.js';
-export { CurveBackgroundInfo, CurveBottomBarInfo, CurveData, CurveEditorProps, CurveEditorSize, CurveKeyframe, CurvePreset, TangentMode } from './components/controls/CurveEditor/CurveEditor.types.js';
+export { CurveBackgroundInfo, CurveBottomBarInfo, CurveEditorProps, CurveEditorSize, CurvePreset } from './components/controls/CurveEditor/CurveEditor.types.js';
 export { createLinearCurve, domainToCanvas, evaluateCurve, sampleCurve } from './components/controls/CurveEditor/curveUtils.js';
 export { CURVE_PRESETS } from './components/controls/CurveEditor/curvePresets.js';
 export { CartesianPicker } from './components/controls/CartesianPicker/CartesianPicker.js';
@@ -108,13 +120,13 @@ export { BreadcrumbSeparator } from './components/navigation/Breadcrumbs/Breadcr
 export { BreadcrumbEllipsis } from './components/navigation/Breadcrumbs/BreadcrumbEllipsis.js';
 export { BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbSeparatorProps, BreadcrumbsProps, BreadcrumbsSize } from './components/navigation/Breadcrumbs/Breadcrumbs.types.js';
 export { ContextMenu } from './components/navigation/ContextMenu/ContextMenu.js';
-export { useContextMenuTarget } from './components/navigation/ContextMenu/useContextMenuTarget.js';
-export { ContextMenuBaseProps, ContextMenuConfig, ContextMenuProps, ContextMenuTargetDetails, UseContextMenuTargetResult } from './components/navigation/ContextMenu/ContextMenu.types.js';
+export { ContextMenuContentProps, ContextMenuProps, ContextMenuTriggerProps } from './components/navigation/ContextMenu/ContextMenu.types.js';
 export { Menu } from './components/navigation/Menu/Menu.js';
-export { useMenu } from './components/navigation/Menu/useMenu.js';
-export { ItemSelectionType, MenuBaseProps, MenuConfig, MenuGroup, MenuItem, MenuProps, MenuSelection, SubmenuTrigger } from './components/navigation/Menu/Menu.types.js';
+export { MenuAlign, MenuCheckboxItemProps, MenuContentProps, MenuGroupProps, MenuHandle, MenuItemProps, MenuRadioGroupProps, MenuRadioItemProps, MenuRootProps, MenuSeparatorProps, MenuSide, MenuSubProps, MenuSubTriggerProps, MenuTriggerProps } from './components/navigation/Menu/Menu.types.js';
 export { Pagination } from './components/navigation/Pagination/Pagination.js';
 export { PaginationBaseProps, PaginationItem, PaginationItemAriaLabelGetter, PaginationItemType, PaginationProps, PaginationSize } from './components/navigation/Pagination/Pagination.types.js';
+export { PathBar } from './components/navigation/PathBar/PathBar.js';
+export { PathBarProps, PathBarSize, PathInput, PathSegment } from './components/navigation/PathBar/PathBar.types.js';
 export { SegmentedControl } from './components/navigation/SegmentedControl/SegmentedControl.js';
 export { SegmentedControlItem } from './components/navigation/SegmentedControl/SegmentedControlItem.js';
 export { SegmentedControlItemProps, SegmentedControlOrientation, SegmentedControlProps, SegmentedControlSize, SegmentedControlVariant } from './components/navigation/SegmentedControl/SegmentedControl.types.js';
@@ -146,6 +158,13 @@ export { Drawer } from './components/feedback/Drawer/Drawer.js';
 export { DrawerAnchor, DrawerBaseProps, DrawerBodyBaseProps, DrawerBodyProps, DrawerCloseButtonBaseProps, DrawerCloseButtonProps, DrawerContextValue, DrawerFooterAlign, DrawerFooterBaseProps, DrawerFooterProps, DrawerHeaderBaseProps, DrawerHeaderProps, DrawerProps, DrawerSize } from './components/feedback/Drawer/Drawer.types.js';
 export { EmptyState } from './components/feedback/EmptyState/EmptyState.js';
 export { EmptyStateProps, EmptyStateVariant } from './components/feedback/EmptyState/EmptyState.types.js';
+export { LogView } from './components/feedback/LogView/LogView.js';
+export { LogViewBody } from './components/feedback/LogView/LogViewBody.js';
+export { LogViewClear, LogViewCopy, LogViewFooter, LogViewLevelFilter, LogViewSearch, LogViewToolbar } from './components/feedback/LogView/LogViewParts.js';
+export { useLogViewStats } from './components/feedback/LogView/LogViewContext.js';
+export { DEFAULT_LOG_VIEW_LABELS } from './components/feedback/LogView/logViewLabels.js';
+export { HighlightSegment, defaultFormatTimestamp, entriesToText, entryToText, getHighlightSegments } from './components/feedback/LogView/logViewUtils.js';
+export { BuiltInLogLevel, LogEntry, LogEntryRenderInfo, LogLevel, LogLevelConfig, LogLevelDefinition, LogViewBaseProps, LogViewBodyProps, LogViewClearProps, LogViewCopyProps, LogViewDensity, LogViewFooterProps, LogViewHandle, LogViewLabels, LogViewLevelFilterProps, LogViewProps, LogViewSearchProps, LogViewSelectionMode, LogViewSlotProps, LogViewToolbarProps, LogViewVirtualizationMode, ResolvedLogEntry } from './components/feedback/LogView/LogView.types.js';
 export { ProgressBar } from './components/feedback/ProgressBar/ProgressBar.js';
 export { CircularProgress } from './components/feedback/ProgressBar/CircularProgress.js';
 export { CircularProgressProps, CircularProgressSize, ProgressBarColor, ProgressBarLabelPosition, ProgressBarProps, ProgressBarSize } from './components/feedback/ProgressBar/ProgressBar.types.js';
@@ -160,6 +179,9 @@ export { StatBaseProps, StatDelta, StatDeltaDirection, StatDeltaSemantics, StatP
 export { ToastProvider } from './components/feedback/Toast/ToastProvider.js';
 export { useToast } from './components/feedback/Toast/useToast.js';
 export { ToastData, ToastPosition, ToastProviderProps, ToastSeverity, UseToastReturn } from './components/feedback/Toast/Toast.types.js';
+export { AssetBrowser } from './components/editor/AssetBrowser/AssetBrowser.js';
+export { AssetBrowserLabels, DEFAULT_ASSET_BROWSER_LABELS } from './components/editor/AssetBrowser/assetBrowserLabels.js';
+export { AssetBrowserBaseProps, AssetBrowserHandle, AssetBrowserProps, AssetFilterState, AssetItem, AssetItemActions, AssetItemState, AssetKind, AssetNavigationSource, AssetPathSegment, AssetSelectionReason, AssetSortField, AssetSortState, AssetThumbnailSize, AssetType, AssetView } from './components/editor/AssetBrowser/AssetBrowser.types.js';
 export { PropertyPanel } from './components/editor/PropertyInspector/PropertyPanel.js';
 export { PropertySection } from './components/editor/PropertyInspector/PropertySection.js';
 export { PropertyRow } from './components/editor/PropertyInspector/PropertyRow.js';
@@ -171,6 +193,20 @@ export { GizmoAxisColorPreset, GizmoAxisConfig, GizmoHitRegion, GizmoOrientation
 export { ProjectedArm, Vec3, axisToPresetView, eulerToRotationMatrix, gizmoHitTest, presetViewToOrientation, projectAxes, projectToCanvas, quaternionToEuler } from './components/editor/ViewportGizmo/gizmoMath.js';
 export { TransformControl } from './components/editor/TransformControl/TransformControl.js';
 export { CoordinateSpace, CoordinateSpaceOption, TransformControlProps, TransformLabelsConfig, TransformPrecisionConfig, TransformShowConfig, TransformStepConfig, TransformUnitsConfig, TransformValue } from './components/editor/TransformControl/TransformControl.types.js';
+export { Minimap } from './components/editor/Minimap/index.js';
+export { NodeGraph } from './components/editor/NodeGraph/NodeGraph.js';
+export { NODE_GRAPH_SLOT, NodeGraphBackgroundSlotProps, NodeGraphConnectEndInfo, NodeGraphConnectStartInfo, NodeGraphConnectionValidationInfo, NodeGraphContextMenuInfo, NodeGraphEdge, NodeGraphGroup, NodeGraphHandle, NodeGraphLayerName, NodeGraphMinimapNodeStyle, NodeGraphMinimapSlotProps, NodeGraphNode, NodeGraphPortRef, NodeGraphPortShape, NodeGraphPortSide, NodeGraphPortSlotProps, NodeGraphProps, NodeGraphRenderCtx, NodeGraphSelection, NodeGraphSlotKind, NodeGraphSlotMarker, NodeGraphTarget } from './components/editor/NodeGraph/NodeGraph.types.js';
+export { NodeGraphBackground, NodeGraphMinimap } from './components/editor/NodeGraph/NodeGraphSlots.js';
+export { NodeGraphPort } from './components/editor/NodeGraph/NodeGraphPort.js';
+export { NodeGraphPortVisual, NodeGraphPortVisualProps } from './components/editor/NodeGraph/NodeGraphPortVisual.js';
+export { NodeGraphPin, NodeGraphPinProps } from './components/editor/NodeGraph/NodeGraphPin.js';
+export { NodeGraphNodeSection, NodeGraphNodeSectionProps } from './components/editor/NodeGraph/NodeGraphNodeSection.js';
+export { useNodeGraphData, useNodeGraphHover, useNodeGraphInteraction, useNodeGraphSelection, useNodeGraphStore } from './components/editor/NodeGraph/NodeGraphContext.js';
+export { AddGroupOptions, NodeGraphBind, NodeGraphNodeInput, UseNodeGraphOptions, UseNodeGraphReturn, useNodeGraph } from './components/editor/NodeGraph/useNodeGraph.js';
+export { TypeMatchValidatorOptions, createTypeMatchValidator } from './components/editor/NodeGraph/createTypeMatchValidator.js';
+export { DuplicateNodesOptions, duplicateNodes, edgesConnectedToPort } from './components/editor/NodeGraph/nodeGraphActions.js';
+export { generateEdgeId, generateNodeId } from './components/editor/NodeGraph/nodeGraphIds.js';
+export { NodeGraphDataState, NodeGraphGroupResizeHandle, NodeGraphHoverState, NodeGraphInteractionState, NodeGraphMeasuredSize, NodeGraphPortPosition } from './components/editor/NodeGraph/NodeGraphStore.js';
 export { ChatPanel } from './components/editor/ChatPanel/ChatPanel.js';
 export { ChatMessageList } from './components/editor/ChatPanel/ChatMessageList.js';
 export { ChatMessage } from './components/editor/ChatPanel/ChatMessage.js';
@@ -190,6 +226,7 @@ export { useChatInput } from './components/editor/ChatPanel/useChatInput.js';
 export { useChatScroll } from './components/editor/ChatPanel/useChatScroll.js';
 export { ChatActionBarProps, ChatAttachmentChipProps, ChatAttachmentData, ChatBubbleProps, ChatCodeBlockProps, ChatContextChipProps, ChatEmptyStateProps, ChatInputProps, ChatInputToolbarProps, ChatMessageData, ChatMessageListProps, ChatMessageListScrollApi, ChatMessageProps, ChatMessageRole, ChatMessageStatus, ChatPanelDensity, ChatPanelProps, ChatToolCallData, ChatToolCallProps, ChatToolCallStatus, ChatTypingIndicatorProps, UseChatInputOptions, UseChatInputReturn, UseChatMessagesOptions, UseChatMessagesReturn, UseChatScrollOptions, UseChatScrollReturn } from './components/editor/ChatPanel/ChatPanel.types.js';
 export { ChatMarkdownRendererProps } from './components/editor/ChatPanel/ChatMarkdownRenderer.types.js';
+export { Timeline } from './components/editor/Timeline/index.js';
 export { AppShell, useAppShell } from './components/shell/AppShell/AppShell.js';
 export { AppShellContextValue, AppShellProps, AppShellSlotProps, AppShellToolbarSlotProps, ToolbarPosition } from './components/shell/AppShell/AppShell.types.js';
 export { FloatingManager, FloatingPanel } from './components/shell/FloatingPanel/FloatingPanel.js';
@@ -232,6 +269,7 @@ export { GridIcon } from './components/Icons/GridIcon.js';
 export { HeartIcon } from './components/Icons/HeartIcon.js';
 export { HelpIcon } from './components/Icons/HelpIcon.js';
 export { HomeIcon } from './components/Icons/HomeIcon.js';
+export { ImageIcon } from './components/Icons/ImageIcon.js';
 export { InfoIcon } from './components/Icons/InfoIcon.js';
 export { LastIcon } from './components/Icons/LastIcon.js';
 export { LinkIcon } from './components/Icons/LinkIcon.js';
@@ -292,6 +330,9 @@ export { AllKeys, KeyCode, KeyboardState, ModifierKeys } from './hooks/useKeyboa
 export { UseControlledStateOptions, useControlledState } from './hooks/useControlledState/useControlledState.js';
 export { UseFocusTrapOptions, useFocusTrap } from './hooks/useFocusTrap/useFocusTrap.js';
 export { useMergedRef } from './hooks/useMergedRef/useMergedRef.js';
+export { useLatest } from './hooks/useLatest/useLatest.js';
+export { useEventCallback } from './hooks/useEventCallback/useEventCallback.js';
+export { useIsMounted } from './hooks/useIsMounted/useIsMounted.js';
 export { UseResizeObserverOptions, useResizeObserver } from './hooks/useResizeObserver/useResizeObserver.js';
 export { useDisclosure } from './hooks/useDisclosure/useDisclosure.js';
 export { UseDisclosureOptions, UseDisclosureReturn } from './hooks/useDisclosure/useDisclosure.types.js';
@@ -317,4 +358,22 @@ export { ResolvedThemeValues, ThemeVariant, UseThemeReturn } from './hooks/useTh
 export { cx as cn, cx } from './utils/cx.js';
 export { Platform, getKeyGlyph, getPlatform, parseShortcut } from './utils/platform.js';
 export { animBlink, animFadeIn, animPulse, animSpin, animWave, blinkKeyframe, fadeInKeyframe, pulseKeyframe, spinKeyframe, waveKeyframe } from './utils/animations.css.js';
+export { CurveData, CurveKeyframe, TangentMode } from './types/keyframe.js';
+export { MINIMAP_SLOT, MinimapCircleItem, MinimapContextValue, MinimapCornerProps, MinimapCornerSide, MinimapCustomItem, MinimapDrawInfo, MinimapFooterPlacement, MinimapFooterProps, MinimapHandle, MinimapInteractionConfig, MinimapItem, MinimapLineItem, MinimapNavigateInfo, MinimapNavigatePhase, MinimapProps, MinimapRectItem, MinimapSlotKind, MinimapSlotMarker, MinimapTitlePlacement, MinimapTitleProps } from './components/editor/Minimap/Minimap.types.js';
+export { MinimapCorner } from './components/editor/Minimap/MinimapCorner.js';
+export { MinimapFooter } from './components/editor/Minimap/MinimapFooter.js';
+export { MinimapGeometryState, MinimapHoverState } from './components/editor/Minimap/MinimapStore.js';
+export { MinimapTitle } from './components/editor/Minimap/MinimapTitle.js';
+export { TIMELINE_SLOT, TimelineContextValue, TimelineDrawInfo, TimelineFooterProps, TimelineGroup, TimelineHandle, TimelineInfinity, TimelineKeyframeRef, TimelineLoop, TimelineMinimapProps, TimelineMode, TimelineProps, TimelineSelection, TimelineSlotKind, TimelineSlotMarker, TimelineToolbarProps, TimelineTrack, TimelineTrackHeaderInfo, TimelineTrackScaleProps, TimelineView } from './components/editor/Timeline/Timeline.types.js';
+export { TimelineDragKind, TimelineDragState, TimelineGeometryState, TimelinePlayheadState } from './components/editor/Timeline/TimelineStore.js';
+export { TimelineFooter } from './components/editor/Timeline/TimelineFooter.js';
+export { TimelineMinimap } from './components/editor/Timeline/TimelineMinimap.js';
+export { TimelineSelectedTangentMode, useTimelineContext, useTimelineGeometry, useTimelinePlayhead, useTimelineSelectedTangentMode, useTimelineSelection } from './components/editor/Timeline/TimelineContext.js';
+export { TimelineToolbar } from './components/editor/Timeline/TimelineToolbar.js';
+export { TimelineTrackScale } from './components/editor/Timeline/TimelineTrackScale.js';
+export { ViewportMinimap, ViewportMinimapPlacement, ViewportMinimapProps } from './components/editor/Minimap/ViewportMinimap.js';
+export { computeBoundsFromItems } from './components/editor/Minimap/computeBoundsFromItems.js';
+export { framesToTimecode } from './components/editor/Timeline/timelineCoords.js';
 export { isKeyPressed, isModifierKey } from './hooks/useKeyboard/utils.js';
+export { selectedTangentMode, setSelectedTangentMode } from './components/editor/Timeline/timelineEdits.js';
+export { useMinimapContext, useMinimapDragState, useMinimapGeometry, useMinimapHover } from './components/editor/Minimap/MinimapContext.js';

package/dist/types/theme/contract.css.d.ts

@@ -158,7 +158,7 @@ declare const vars: {
             readonly dropOverlay: `var(--${string})`;
         };
     };
-    readonly storybook: {
+    readonly demo: {
         readonly canvas: {
             readonly gradientStart: `var(--${string})`;
             readonly gradientMid: `var(--${string})`;

package/dist/types/theme/createCustomTheme.d.ts

@@ -1,5 +1,5 @@
-import { DeepPartial } from '../types/utilities.js';
 import { DarkThemeValues } from './darkThemeValues.js';
+import { DeepPartial } from '../types/utilities.js';
 
 type ThemeValues = DarkThemeValues;
 /**

package/dist/types/theme/darkThemeValues.d.ts

@@ -145,7 +145,7 @@ declare const darkThemeValues: {
             readonly dropOverlay: "rgba(0, 122, 204, 0.2)";
         };
     };
-    readonly storybook: {
+    readonly demo: {
         readonly canvas: {
             readonly gradientStart: "#061f21";
             readonly gradientMid: "#031a1a";

package/dist/types/theme/lightThemeValues.d.ts

@@ -154,7 +154,7 @@ declare const lightThemeValues: {
             readonly dropOverlay: "rgba(0, 102, 204, 0.15)";
         };
     };
-    readonly storybook: {
+    readonly demo: {
         readonly canvas: {
             readonly gradientStart: "#fafafa";
             readonly gradientMid: "#f0f0f3";

package/dist/types/theme/themeContractData.d.ts

@@ -148,11 +148,11 @@ declare const themeContractData: {
             readonly dropOverlay: "etui-shell-dock-drop-overlay";
         };
     };
-    readonly storybook: {
+    readonly demo: {
         readonly canvas: {
-            readonly gradientStart: "etui-storybook-gradient-start";
-            readonly gradientMid: "etui-storybook-gradient-mid";
-            readonly gradientEnd: "etui-storybook-gradient-end";
+            readonly gradientStart: "etui-demo-gradient-start";
+            readonly gradientMid: "etui-demo-gradient-mid";
+            readonly gradientEnd: "etui-demo-gradient-end";
         };
     };
 };

package/dist/types/theme-values.d.ts

@@ -1,6 +1,6 @@
+import { themeContractData } from './theme/themeContractData.js';
 import { DarkThemeValues } from './theme/darkThemeValues.js';
 export { darkThemeValues } from './theme/darkThemeValues.js';
-import { themeContractData } from './theme/themeContractData.js';
 export { LightThemeValues, lightThemeValues } from './theme/lightThemeValues.js';
 
 type ThemeValues = DarkThemeValues;

package/dist/types/types/keyframe.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Shared keyframe / curve data model.
+ *
+ * Used by both CurveEditor and Timeline so they speak the same keyframe
+ * language: Timeline tracks reuse `CurveKeyframe`, and Timeline's graph mode
+ * assembles a `CurveData` per track to reuse `evaluateCurve`. Promoted out of
+ * CurveEditor so neither component depends on the other.
+ */
+/**
+ * Tangent handle mode — controls how handles behave around a keyframe.
+ * - `free`: Each handle moves independently
+ * - `aligned`: Handles stay co-linear but can differ in length
+ * - `mirrored`: Handles are symmetric (same angle and length)
+ * - `auto`: Smooth catmull-rom style — handles auto-computed from neighbors
+ * - `linear`: No handles — straight line segments
+ * - `step`: Constant value until next keyframe (hold / step function)
+ */
+type TangentMode = 'free' | 'aligned' | 'mirrored' | 'auto' | 'linear' | 'step';
+/**
+ * Single control point (keyframe) on the curve.
+ */
+interface CurveKeyframe {
+    /** X position in domain space (e.g., 0-1 for normalized, 0-100 for frames) */
+    x: number;
+    /** Y value at this position */
+    y: number;
+    /** Left tangent handle offset (relative to keyframe position) */
+    handleIn: {
+        x: number;
+        y: number;
+    };
+    /** Right tangent handle offset (relative to keyframe position) */
+    handleOut: {
+        x: number;
+        y: number;
+    };
+    /** Tangent mode for this keyframe */
+    tangentMode: TangentMode;
+    /** Optional unique ID (auto-generated if not provided) */
+    id?: string;
+}
+/**
+ * Complete curve data model.
+ */
+interface CurveData {
+    /** Ordered array of keyframes (sorted by x) */
+    keyframes: CurveKeyframe[];
+    /** Domain bounds — x range */
+    domainX: [number, number];
+    /** Domain bounds — y range */
+    domainY: [number, number];
+    /**
+     * Pre-infinity behavior — what happens before the first keyframe
+     * @default "constant"
+     */
+    preInfinity?: 'constant' | 'linear' | 'cycle' | 'pingpong';
+    /**
+     * Post-infinity behavior — what happens after the last keyframe
+     * @default "constant"
+     */
+    postInfinity?: 'constant' | 'linear' | 'cycle' | 'pingpong';
+}
+
+export type { CurveData, CurveKeyframe, TangentMode };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "entangle-ui",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "type": "module",
   "sideEffects": [
     "*.css",
@@ -40,10 +40,9 @@
     "LICENSE"
   ],
   "scripts": {
-    "dev": "storybook dev -p 6006",
+    "dev": "npm run --prefix docs-site dev",
     "build": "rollup -c && npm run build:tokens",
     "build:tokens": "tsx scripts/export-tokens.ts",
-    "build-storybook": "storybook build",
     "test": "vitest run",
     "test:ui": "vitest --ui",
     "test:failed": "vitest run --reporter=./scripts/failed-tests-reporter.js",
@@ -57,14 +56,22 @@
     "format": "prettier --write .",
     "format:check": "prettier --check .",
     "format:staged": "prettier --write --cache --ignore-unknown",
-    "storybook": "storybook dev -p 6006",
     "changeset": "changeset",
     "version-packages": "changeset version",
     "release": "changeset publish",
     "size": "size-limit",
     "docs:dev": "npm run --prefix docs-site dev",
     "docs:build": "npm run --prefix docs-site build",
-    "docs:preview": "npm run --prefix docs-site preview"
+    "docs:preview": "npm run --prefix docs-site preview",
+    "prepare": "husky"
+  },
+  "lint-staged": {
+    "src/**/*.{ts,tsx,js,jsx}": [
+      "eslint --fix"
+    ],
+    "*.{ts,tsx,js,jsx,json,md,mdx,css,html,yaml,yml}": [
+      "prettier --write --cache --ignore-unknown"
+    ]
   },
   "keywords": [
     "react",
@@ -93,8 +100,8 @@
     "@tanstack/react-virtual": "^3.13.0",
     "@vanilla-extract/dynamic": "^2.1.5",
     "@vanilla-extract/recipes": "^0.5.7",
-    "react": ">=19.1.0",
-    "react-dom": ">=19.1.0"
+    "react": ">=19.2.0",
+    "react-dom": ">=19.2.0"
   },
   "devDependencies": {
     "@changesets/changelog-github": "^0.5.2",
@@ -105,10 +112,6 @@
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-typescript": "^12.3.0",
     "@size-limit/preset-small-lib": "^12.0.0",
-    "@storybook/addon-docs": "^10.2.8",
-    "@storybook/addon-onboarding": "^10.2.8",
-    "@storybook/addon-themes": "^10.2.8",
-    "@storybook/react-vite": "^10.2.8",
     "@tanstack/react-virtual": "^3.13.24",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
@@ -116,8 +119,8 @@
     "@testing-library/user-event": "^14.6.1",
     "@types/react": "^19.2.13",
     "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.55.0",
-    "@typescript-eslint/parser": "^8.55.0",
+    "@typescript-eslint/eslint-plugin": "^8.60.0",
+    "@typescript-eslint/parser": "^8.60.0",
     "@vanilla-extract/css": "^1.18.0",
     "@vanilla-extract/rollup-plugin": "^1.5.1",
     "@vanilla-extract/vite-plugin": "^5.1.4",
@@ -126,17 +129,26 @@
     "@vitest/eslint-plugin": "^1.6.7",
     "@vitest/ui": "^3.2.4",
     "eslint": "^9.39.2",
-    "eslint-plugin-storybook": "^10.2.8",
+    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint-plugin-import-x": "^4.16.2",
+    "eslint-plugin-jest-dom": "^5.5.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-testing-library": "^7.16.2",
+    "eslint-plugin-unicorn": "^64.0.0",
     "globals": "^16.5.0",
+    "husky": "^9.1.7",
     "jsdom": "^26.1.0",
+    "lint-staged": "^17.0.5",
     "prettier": "^3.8.1",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
     "rollup": "^4.57.1",
     "rollup-plugin-dts": "^6.3.0",
     "rollup-plugin-preserve-directives": "^0.4.0",
     "size-limit": "^12.0.0",
-    "storybook": "^10.2.8",
+    "tslib": "^2.8.1",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3",
     "vite": "^6.3.5",

package/dist/esm/assets/src/components/navigation/Menu/Menu.css.ts.vanilla-DD0c5D10.css

@@ -1,67 +0,0 @@
-.Menu_menuContentStyle__1pkkb710 {
-  min-width: 200px;
-  background: var(--etui-color-bg-elevated);
-  border: 1px solid var(--etui-color-border-default);
-  border-radius: var(--etui-radius-md);
-  box-shadow: var(--etui-shadow-md);
-  padding: var(--etui-spacing-sm);
-  z-index: var(--etui-z-dropdown);
-  outline: none;
-}
-.Menu_interactiveItemBase__1pkkb711 {
-  display: flex;
-  align-items: center;
-  padding: var(--etui-spacing-sm);
-  border-radius: var(--etui-radius-sm);
-  cursor: pointer;
-  user-select: none;
-  outline: none;
-  color: var(--etui-color-text-primary);
-}
-.Menu_interactiveItemBase__1pkkb711[data-highlighted] {
-  background: var(--etui-color-surface-hover);
-}
-.Menu_menuItemDisabledStyle__1pkkb712 {
-  color: var(--etui-color-text-disabled);
-  cursor: not-allowed;
-  pointer-events: none;
-}
-.Menu_menuItemContentStyle__1pkkb713 {
-  display: flex;
-  align-items: center;
-  gap: var(--etui-spacing-sm);
-  flex: 1;
-  min-height: 20px;
-}
-.Menu_iconContainerStyle__1pkkb714 {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  height: 16px;
-  flex-shrink: 0;
-}
-.Menu_iconVisibleStyle__1pkkb715 {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  visibility: visible;
-}
-.Menu_iconHiddenStyle__1pkkb716 {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  visibility: hidden;
-}
-.Menu_chevronIconStyle__1pkkb717 {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-left: var(--etui-spacing-sm);
-  transform: rotate(90deg);
-  color: var(--etui-color-text-muted);
-}
-.Menu_separatorStyle__1pkkb718 {
-  margin: var(--etui-spacing-xs) 0;
-  border-top: 1px solid var(--etui-color-border-default);
-}

package/dist/esm/components/navigation/ContextMenu/useContextMenuTarget.js

@@ -1,53 +0,0 @@
-"use client";
-import { useState, useCallback, useEffect } from 'react';
-
-function useContextMenuTarget(payload) {
-    const [context, setContext] = useState({
-        event: null,
-        target: null,
-        payload,
-    });
-    const [targetNode, setTargetNode] = useState(null);
-    const updateContext = useCallback((event, target) => {
-        setContext({
-            event,
-            target,
-            payload,
-        });
-    }, [payload]);
-    const onContextMenuCapture = useCallback((event) => {
-        const target = event.target instanceof HTMLElement
-            ? event.target
-            : event.currentTarget;
-        updateContext(event.nativeEvent, target);
-    }, [updateContext]);
-    const targetRef = useCallback((node) => {
-        setTargetNode(node);
-    }, []);
-    useEffect(() => {
-        if (!targetNode)
-            return;
-        const handleContextMenu = (event) => {
-            const target = event.target instanceof HTMLElement ? event.target : targetNode;
-            updateContext(event, target);
-        };
-        targetNode.addEventListener('contextmenu', handleContextMenu, true);
-        return () => {
-            targetNode.removeEventListener('contextmenu', handleContextMenu, true);
-        };
-    }, [targetNode, updateContext]);
-    useEffect(() => {
-        setContext(prev => ({
-            ...prev,
-            payload,
-        }));
-    }, [payload]);
-    return {
-        context,
-        onContextMenuCapture,
-        targetRef,
-    };
-}
-
-export { useContextMenuTarget };
-//# sourceMappingURL=useContextMenuTarget.js.map

package/dist/esm/components/navigation/ContextMenu/useContextMenuTarget.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useContextMenuTarget.js","sources":["../../../../../../src/components/navigation/ContextMenu/useContextMenuTarget.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AASM;AAGJ;AACE;AACA;;AAED;;;AAKG;;;;AAIC;AACH;AAIF;AAEI;;AAGI;AACJ;AACF;AAIF;;;;AAKE;;AAEA;AACE;AAEA;AACF;;AAGA;;AAEA;AACF;;AAGE;AACE;;AAED;AACH;;;;;;AAOF;;"}