entangle-ui 0.8.2 → 0.10.0

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

@@ -0,0 +1,32 @@
+/**
+ * Wrap a callback so its identity stays stable for the component lifetime
+ * while it always invokes the most recently rendered version — the
+ * `useEffectEvent` pattern, backed by `useInsertionEffect`.
+ *
+ * The stored callback is refreshed in `useInsertionEffect`, which commits
+ * before any layout effect. So the freshness guarantee holds even for
+ * consumers that read it during the same commit: a child's
+ * `useLayoutEffect`, a synchronous external-store subscription, an
+ * imperative handle. A passively updated ref (e.g. `useLatest`, which writes
+ * in `useEffect`) would still be one render stale in those cases.
+ *
+ * Pass the result to memoized children, dependency arrays, or external
+ * subscriptions without re-subscribing — the reference never changes, yet it
+ * still closes over the latest props and state.
+ *
+ * The one rule: do not call it during render. Like an event handler it reads
+ * through a ref, so a render-phase call has no meaningful "latest" value to
+ * read. Use it in event handlers, effects, layout effects, timers, and
+ * subscriptions only.
+ *
+ * @example
+ * ```tsx
+ * const handleChange = useEventCallback((value: string) => {
+ *   onChange?.(value, internalState);
+ * });
+ * useEffect(() => store.subscribe(handleChange), [handleChange]);
+ * ```
+ */
+declare function useEventCallback<Args extends unknown[], Return>(fn: (...args: Args) => Return): (...args: Args) => Return;
+
+export { useEventCallback };

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

@@ -0,0 +1,22 @@
+import { UseIntersectionObserverOptions, UseIntersectionObserverReturn } from './useIntersectionObserver.types.js';
+
+/**
+ * Observe whether an element intersects a root (defaults to the viewport).
+ * Returns a ref callback to attach to the observed element plus the latest
+ * `IntersectionObserverEntry`. SSR-safe: returns a no-op ref and `null`
+ * entry when `IntersectionObserver` is unavailable.
+ *
+ * @example
+ * ```tsx
+ * const { ref, isIntersecting } = useIntersectionObserver<HTMLDivElement>({
+ *   rootMargin: '200px',
+ * });
+ * useEffect(() => {
+ *   if (isIntersecting) loadMore();
+ * }, [isIntersecting]);
+ * return <div ref={ref} />;
+ * ```
+ */
+declare function useIntersectionObserver<T extends Element = Element>(options?: UseIntersectionObserverOptions): UseIntersectionObserverReturn<T>;
+
+export { useIntersectionObserver };

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

@@ -0,0 +1,22 @@
+import React from 'react';
+
+interface UseIntersectionObserverOptions {
+    /** Root element. `null` (default) targets the viewport. */
+    root?: Element | null;
+    /** Margin around the root, e.g. `"0px 0px 200px 0px"`. */
+    rootMargin?: string;
+    /** Single threshold or an array of thresholds. */
+    threshold?: number | number[];
+    /** Disable the observer without unmounting the component. @default true */
+    enabled?: boolean;
+}
+interface UseIntersectionObserverReturn<T extends Element> {
+    /** Ref callback to attach to the observed element. */
+    ref: React.RefCallback<T>;
+    /** Latest IntersectionObserverEntry or null before the first callback. */
+    entry: IntersectionObserverEntry | null;
+    /** Convenience boolean — `entry?.isIntersecting ?? false`. */
+    isIntersecting: boolean;
+}
+
+export type { UseIntersectionObserverOptions, UseIntersectionObserverReturn };

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/useListboxNav/useListboxNav.d.ts

@@ -0,0 +1,75 @@
+import React from 'react';
+
+interface UseListboxNavOptions<T> {
+    /** Items rendered in the listbox. The hook tracks navigation by index. */
+    items: T[];
+    /**
+     * Whether a given item should be skipped during navigation and rejected by
+     * `selectActive()`.
+     */
+    isItemDisabled?: (item: T, index: number) => boolean;
+    /** Initial active index. Defaults to `-1` (no active item). */
+    defaultActiveIndex?: number;
+    /**
+     * Wrap from last → first (and vice versa) on `next`/`prev`.
+     * @default true
+     */
+    loop?: boolean;
+    /**
+     * Reset the active index when the items array changes by reference.
+     * Useful for filtered listboxes where the previous index would be stale.
+     * @default true
+     */
+    resetOnItemsChange?: boolean;
+    /** Called when the active item is committed via `selectActive()`. */
+    onSelect?: (item: T, index: number) => void;
+    /** Called on `Escape`. */
+    onEscape?: () => void;
+}
+interface UseListboxNavReturn {
+    /** Currently active index, or `-1` when none. */
+    activeIndex: number;
+    /** Direct setter; the value is not validated. */
+    setActiveIndex: (index: number) => void;
+    /** Move to the next non-disabled item. */
+    next: () => void;
+    /** Move to the previous non-disabled item. */
+    prev: () => void;
+    /** Activate the first non-disabled item. */
+    first: () => void;
+    /** Activate the last non-disabled item. */
+    last: () => void;
+    /** Commit the active item via `onSelect`. */
+    selectActive: () => void;
+    /**
+     * Single keyboard handler for ArrowUp/Down/Home/End/Enter/Escape. Returns
+     * `true` when the event was handled (and `preventDefault` was called).
+     */
+    handleKeyDown: (event: KeyboardEvent | React.KeyboardEvent) => boolean;
+    /** Snapshot of the navigable indices (non-disabled, in order). */
+    navigableIndices: number[];
+}
+/**
+ * Shared keyboard navigation for listbox-like surfaces (Select, MultiSelect,
+ * Combobox, CommandPalette). Tracks an `activeIndex`, skips disabled items,
+ * and exposes a single `handleKeyDown` covering Arrow / Home / End / Enter /
+ * Escape semantics.
+ *
+ * The hook is purely logical — consumers render the list and bind the handler
+ * to an input or the listbox container. Scroll-into-view is the consumer's
+ * concern.
+ *
+ * @example
+ * ```tsx
+ * const { activeIndex, handleKeyDown } = useListboxNav({
+ *   items: filtered,
+ *   isItemDisabled: o => o.disabled ?? false,
+ *   onSelect: (item) => commit(item),
+ *   onEscape: () => close(),
+ * });
+ * ```
+ */
+declare function useListboxNav<T>(options: UseListboxNavOptions<T>): UseListboxNavReturn;
+
+export { useListboxNav };
+export type { UseListboxNavOptions, UseListboxNavReturn };

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

@@ -0,0 +1,19 @@
+import { UseMediaQueryOptions } from './useMediaQuery.types.js';
+
+/**
+ * Reactive media query matching.
+ *
+ * Returns `true` when the current viewport matches the query and updates as
+ * the viewport changes. SSR-safe — returns `defaultMatches` when `matchMedia`
+ * is unavailable. Uses the modern `addEventListener('change')` API with a
+ * fallback to the legacy `addListener` for older browsers.
+ *
+ * @example
+ * ```tsx
+ * const isWide = useMediaQuery('(min-width: 768px)');
+ * return isWide ? <DesktopLayout /> : <MobileLayout />;
+ * ```
+ */
+declare function useMediaQuery(query: string, options?: UseMediaQueryOptions): boolean;
+
+export { useMediaQuery };

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

@@ -0,0 +1,6 @@
+interface UseMediaQueryOptions {
+    /** SSR fallback used when `window.matchMedia` is unavailable. @default false */
+    defaultMatches?: boolean;
+}
+
+export type { UseMediaQueryOptions };

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/hooks/useThrottledCallback/useThrottledCallback.d.ts

@@ -0,0 +1,23 @@
+import { UseThrottledCallbackOptions, ThrottledCallback } from './useThrottledCallback.types.js';
+
+/**
+ * Wrap a function so it fires at most once per `delay` ms. With both
+ * `leading` and `trailing` enabled (the default), the first call fires
+ * immediately and the most recent call inside the window fires at its
+ * end. Set `leading: false` to defer the first call; set
+ * `trailing: false` to drop calls inside the window.
+ *
+ * Typical use: drag handlers, scroll listeners, resize observers — places
+ * where the input rate exceeds the work rate and you want to bound the
+ * latter.
+ *
+ * The wrapper identity is stable across renders.
+ *
+ * @example
+ * ```tsx
+ * const onPointerMove = useThrottledCallback(updateGuide, 16);
+ * ```
+ */
+declare function useThrottledCallback<Args extends unknown[]>(fn: (...args: Args) => void, delay: number, options?: UseThrottledCallbackOptions): ThrottledCallback<Args>;
+
+export { useThrottledCallback };

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

@@ -0,0 +1,13 @@
+interface UseThrottledCallbackOptions {
+    /** Fire on the leading edge (first call). @default true */
+    leading?: boolean;
+    /** Fire on the trailing edge (after the last call in the window). @default true */
+    trailing?: boolean;
+}
+interface ThrottledCallback<Args extends unknown[]> {
+    (...args: Args): void;
+    /** Cancel any pending trailing call and reset the throttle window. */
+    cancel: () => void;
+}
+
+export type { ThrottledCallback, UseThrottledCallbackOptions };

package/dist/types/index.d.ts

@@ -6,11 +6,14 @@ export { ThemeValues, createCustomTheme } from './theme/createCustomTheme.js';
 export { createLightTheme } from './theme/createLightTheme.js';
 export { VanillaThemeProvider, VanillaThemeProviderProps } from './theme/VanillaThemeProvider.js';
 export { ThemeProvider, ThemeProviderProps } from './theme/ThemeProvider.js';
+export { BREAKPOINT_ORDER, Breakpoint, breakpoints } from './theme/breakpoints.js';
 export { Accordion } from './components/layout/Accordion/Accordion.js';
 export { AccordionItem } from './components/layout/Accordion/AccordionItem.js';
 export { AccordionTrigger } from './components/layout/Accordion/AccordionTrigger.js';
 export { AccordionContent } from './components/layout/Accordion/AccordionContent.js';
 export { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionSize, AccordionTriggerProps, AccordionVariant } from './components/layout/Accordion/Accordion.types.js';
+export { Card } from './components/layout/Card/Card.js';
+export { CardBaseProps, CardBodyBaseProps, CardBodyProps, CardFooterAlign, CardFooterBaseProps, CardFooterProps, CardHeaderBaseProps, CardHeaderProps, CardMediaBaseProps, CardMediaProps, CardProps, CardVariant } from './components/layout/Card/Card.types.js';
 export { Divider } from './components/layout/Divider/Divider.js';
 export { DividerOrientation, DividerProps, DividerSpacing, DividerVariant } from './components/layout/Divider/Divider.types.js';
 export { Flex, FlexAlign, FlexAlignContent, FlexDirection, FlexJustify, FlexProps, FlexSpacing, FlexWrap } from './components/layout/Flex/Flex.js';
@@ -41,6 +44,8 @@ export { Code } from './components/primitives/Code/Code.js';
 export { CodeProps, CodeSize } from './components/primitives/Code/Code.types.js';
 export { Collapsible } from './components/primitives/Collapsible/Collapsible.js';
 export { CollapsibleProps, CollapsibleSize } from './components/primitives/Collapsible/Collapsible.types.js';
+export { HoverCard } from './components/primitives/HoverCard/HoverCard.js';
+export { HoverCardBaseProps, HoverCardContentBaseProps, HoverCardContentProps, HoverCardContextValue, HoverCardProps, HoverCardTriggerBaseProps, HoverCardTriggerProps } from './components/primitives/HoverCard/HoverCard.types.js';
 export { Icon, IconProps, IconSize } from './components/primitives/Icon/Icon.js';
 export { IconButton } from './components/primitives/IconButton/IconButton.js';
 export { Input, InputProps, InputSize } from './components/primitives/Input/Input.js';
@@ -65,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';
@@ -75,16 +88,28 @@ export { MATERIAL_PALETTE, Palette, PaletteColor, PaletteShade } from './compone
 export { TAILWIND_PALETTE } from './components/controls/ColorPicker/palettes/tailwind.js';
 export { EARTH_PALETTE, MONOCHROME_PALETTE, NEON_PALETTE, PASTEL_PALETTE, PROFESSIONAL_PALETTES, SKIN_TONES_PALETTE, VINTAGE_PALETTE } from './components/controls/ColorPicker/palettes/professional.js';
 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';
+export { MultiSelectBaseProps, MultiSelectOption, MultiSelectOptionGroup, MultiSelectProps, MultiSelectSize, MultiSelectVariant } from './components/controls/MultiSelect/MultiSelect.types.js';
 export { NumberInput, NumberInputProps } from './components/controls/NumberInput/NumberInput.js';
 export { Select } from './components/controls/Select/Select.js';
 export { SelectOptionGroup, SelectOptionItem, SelectProps, SelectSize, SelectVariant } from './components/controls/Select/Select.types.js';
 export { Slider, SliderProps } from './components/controls/Slider/Slider.js';
+export { TagInput } from './components/controls/TagInput/TagInput.js';
+export { TagInputBaseProps, TagInputProps, TagInputRenderTagState, TagInputSeparator, TagInputSize, TagInputVariant } from './components/controls/TagInput/TagInput.types.js';
 export { VectorInput } from './components/controls/VectorInput/VectorInput.js';
 export { VectorColorPreset, VectorDimension, VectorInputProps, VectorInputSize, VectorLabelPreset } from './components/controls/VectorInput/VectorInput.types.js';
 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';
@@ -95,11 +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';
@@ -108,6 +135,8 @@ export { TabList } from './components/navigation/Tabs/TabList.js';
 export { Tab } from './components/navigation/Tabs/Tab.js';
 export { TabPanel } from './components/navigation/Tabs/TabPanel.js';
 export { TabListProps, TabPanelProps, TabProps, TabsProps, TabsSize, TabsVariant } from './components/navigation/Tabs/Tabs.types.js';
+export { DataTable } from './components/data/DataTable/DataTable.js';
+export { DataTableAlign, DataTableBaseProps, DataTableColumn, DataTableDensity, DataTableProps, DataTableRowRenderInfo, DataTableSelectionMode, DataTableSelectionState, DataTableSortDirection, DataTableSortState, DataTableVirtualizationMode } from './components/data/DataTable/DataTable.types.js';
 export { FormLabel, FormLabelProps } from './components/form/FormLabel.js';
 export { FormHelperText, FormHelperTextProps } from './components/form/FormHelperText.js';
 export { InputWrapper, InputWrapperProps } from './components/form/InputWrapper.js';
@@ -122,19 +151,37 @@ export { DialogBody } from './components/feedback/Dialog/DialogBody.js';
 export { DialogFooter } from './components/feedback/Dialog/DialogFooter.js';
 export { DialogClose } from './components/feedback/Dialog/DialogClose.js';
 export { DialogBodyProps, DialogFooterProps, DialogHeaderProps, DialogProps, DialogSize } from './components/feedback/Dialog/Dialog.types.js';
+export { CommandPalette } from './components/feedback/CommandPalette/CommandPalette.js';
+export { FuzzyMatch } from './components/feedback/CommandPalette/fuzzySearch.js';
+export { CommandItem, CommandPaletteBaseProps, CommandPaletteProps, CommandPaletteRenderItemState } from './components/feedback/CommandPalette/CommandPalette.types.js';
+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';
 export { Skeleton } from './components/feedback/Skeleton/Skeleton.js';
 export { SkeletonGroup } from './components/feedback/Skeleton/SkeletonGroup.js';
-export { SkeletonAnimation, SkeletonGroupProps, SkeletonProps, SkeletonShape } from './components/feedback/Skeleton/Skeleton.types.js';
+export { SkeletonLayout } from './components/feedback/Skeleton/SkeletonLayout.js';
+export { SkeletonAnimation, SkeletonGroupProps, SkeletonLayoutProps, SkeletonLayoutVariant, SkeletonProps, SkeletonShape } from './components/feedback/Skeleton/Skeleton.types.js';
 export { Spinner } from './components/feedback/Spinner/Spinner.js';
 export { SpinnerColor, SpinnerProps, SpinnerSize, SpinnerVariant } from './components/feedback/Spinner/Spinner.types.js';
+export { Stat } from './components/feedback/Stat/Stat.js';
+export { StatBaseProps, StatDelta, StatDeltaDirection, StatDeltaSemantics, StatProps, StatSize } from './components/feedback/Stat/Stat.types.js';
 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';
@@ -146,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';
@@ -165,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';
@@ -189,22 +251,27 @@ export { ChevronDownIcon } from './components/Icons/ChevronDownIcon.js';
 export { ChevronUpIcon } from './components/Icons/ChevronUpIcon.js';
 export { ClockIcon } from './components/Icons/ClockIcon.js';
 export { CloseIcon } from './components/Icons/CloseIcon.js';
+export { CloudUploadIcon } from './components/Icons/CloudUploadIcon.js';
 export { CodeIcon } from './components/Icons/CodeIcon.js';
 export { CopyIcon } from './components/Icons/CopyIcon.js';
 export { CutIcon } from './components/Icons/CutIcon.js';
 export { DownloadIcon } from './components/Icons/DownloadIcon.js';
 export { EditIcon } from './components/Icons/EditIcon.js';
 export { ErrorIcon } from './components/Icons/ErrorIcon.js';
+export { ExternalLinkIcon } from './components/Icons/ExternalLinkIcon.js';
 export { EyeDropperIcon } from './components/Icons/EyeDropperIcon.js';
 export { EyeIcon } from './components/Icons/EyeIcon.js';
 export { FilterIcon } from './components/Icons/FilterIcon.js';
+export { FirstIcon } from './components/Icons/FirstIcon.js';
 export { FolderIcon } from './components/Icons/FolderIcon.js';
 export { FullscreenIcon } from './components/Icons/FullscreenIcon.js';
 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';
 export { ListIcon } from './components/Icons/ListIcon.js';
 export { LockIcon } from './components/Icons/LockIcon.js';
@@ -225,6 +292,7 @@ export { SuccessIcon } from './components/Icons/SuccessIcon.js';
 export { TagIcon } from './components/Icons/TagIcon.js';
 export { TrashIcon } from './components/Icons/TrashIcon.js';
 export { UndoIcon } from './components/Icons/UndoIcon.js';
+export { UnlinkIcon } from './components/Icons/UnlinkIcon.js';
 export { UnlockIcon } from './components/Icons/UnlockIcon.js';
 export { UploadIcon } from './components/Icons/UploadIcon.js';
 export { UserIcon } from './components/Icons/UserIcon.js';
@@ -262,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';
@@ -270,9 +341,39 @@ export { ClipboardStatus, UseClipboardOptions, UseClipboardReturn } from './hook
 export { UseClickOutsideOptions, useClickOutside } from './hooks/useClickOutside/useClickOutside.js';
 export { useHotkey } from './hooks/useHotkey/useHotkey.js';
 export { UseHotkeyOptions } from './hooks/useHotkey/useHotkey.types.js';
+export { useMediaQuery } from './hooks/useMediaQuery/useMediaQuery.js';
+export { UseMediaQueryOptions } from './hooks/useMediaQuery/useMediaQuery.types.js';
+export { useBreakpoint } from './hooks/useBreakpoint/useBreakpoint.js';
+export { BreakpointMap, UseBreakpointReturn } from './hooks/useBreakpoint/useBreakpoint.types.js';
+export { useDebouncedValue } from './hooks/useDebounced/useDebouncedValue.js';
+export { useDebouncedCallback } from './hooks/useDebounced/useDebouncedCallback.js';
+export { DebouncedCallback, UseDebouncedCallbackOptions } from './hooks/useDebounced/useDebounced.types.js';
+export { useThrottledCallback } from './hooks/useThrottledCallback/useThrottledCallback.js';
+export { ThrottledCallback, UseThrottledCallbackOptions } from './hooks/useThrottledCallback/useThrottledCallback.types.js';
+export { useIntersectionObserver } from './hooks/useIntersectionObserver/useIntersectionObserver.js';
+export { UseIntersectionObserverOptions, UseIntersectionObserverReturn } from './hooks/useIntersectionObserver/useIntersectionObserver.types.js';
+export { UseListboxNavOptions, UseListboxNavReturn, useListboxNav } from './hooks/useListboxNav/useListboxNav.js';
 export { useTheme } from './hooks/useTheme/useTheme.js';
 export { ResolvedThemeValues, ThemeVariant, UseThemeReturn } from './hooks/useTheme/useTheme.types.js';
 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/breakpoints.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Library breakpoint values (px) — used by responsive components like
+ * `Stack` and exposed via `useBreakpoint`.
+ *
+ * Values follow the same scale Stack already uses (576/768/992/1200) and
+ * are part of the public API.
+ *
+ * `xs` is always `0` and effectively means "no minimum"; every viewport
+ * matches `xs`.
+ */
+declare const breakpoints: {
+    readonly xs: 0;
+    readonly sm: 576;
+    readonly md: 768;
+    readonly lg: 992;
+    readonly xl: 1200;
+};
+type Breakpoint = keyof typeof breakpoints;
+declare const BREAKPOINT_ORDER: ReadonlyArray<Breakpoint>;
+
+export { BREAKPOINT_ORDER, breakpoints };
+export type { Breakpoint };

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/index.d.ts

@@ -7,3 +7,4 @@ export { createLightTheme } from './createLightTheme.js';
 export { VanillaThemeProvider, VanillaThemeProviderProps } from './VanillaThemeProvider.js';
 export { ThemeProvider, ThemeProviderProps } from './ThemeProvider.js';
 export { GLOBAL_SCROLLBARS_CLASS } from './globalScrollbars.css.js';
+export { BREAKPOINT_ORDER, Breakpoint, breakpoints } from './breakpoints.js';