@anymux/ui-kit 0.1.0 → 0.2.0

package/dist/index.d.ts

@@ -1,11 +1,11 @@
 import { IObjectProvider, ObjectMetadata, ObjectType } from "./types-common-CB3kRek8.js";
-import { AgendaView$1 as AgendaView, AgendaViewProps, CalendarBrowser$1 as CalendarBrowser, CalendarBrowserProps, CalendarEvent, CalendarInfo, CalendarModel$1 as CalendarModel, CalendarSidebar$1 as CalendarSidebar, CalendarSidebarProps, CalendarViewMode, DayView$1 as DayView, DayViewProps, EventCard$1 as EventCard, EventCardProps, ICalendarProvider, MockCalendarProvider$1 as MockCalendarProvider, MonthView$1 as MonthView, MonthViewProps, WeekView$1 as WeekView, WeekViewProps } from "./index-DSu19mq0.js";
-import { ContactAvatar$1 as ContactAvatar, ContactAvatarProps, ContactBrowser$1 as ContactBrowser, ContactBrowserProps, ContactCard$1 as ContactCard, ContactCardProps, ContactDetail$1 as ContactDetail, ContactDetailProps, ContactGroup, ContactGroupSidebar$1 as ContactGroupSidebar, ContactGroupSidebarProps, ContactItem, ContactList$1 as ContactList, ContactListModel$1 as ContactListModel, ContactListProps, ContactSortBy, IContactProvider, MockContactProvider$1 as MockContactProvider } from "./index-DmsyeHFr.js";
-import { ActionContext, ActionResult, BreadcrumbProps, ColumnDefinition, ContextAction, ErrorBoundary$1 as ErrorBoundary, ErrorBoundaryProps, ErrorState, FileBrowser$1 as FileBrowser, FileBrowserContent, FileBrowserContentProps, FileBrowserEventHandlers, FileBrowserHeader, FileBrowserHeaderProps, FileBrowserItem, FileBrowserItemComponent, FileBrowserItemDetails, FileBrowserModel$1 as FileBrowserModel, FileBrowserProps, FileIcon, FileIconProps, FileMatchContext, FileSystemBridge$1 as FileSystemBridge, FileSystemListProvider$1 as FileSystemListProvider, FileSystemProvider$1 as FileSystemProvider, FileSystemTreeProvider$1 as FileSystemTreeProvider, FileViewerPlugin, FilterCriteria, FilterDefinition, GitProvider$1 as GitProvider, GitRepositoryProvider$1 as GitRepositoryProvider, IFileBrowserProvider, IconDefinition, ItemChange, KeyboardShortcut, ListView, ListViewProps, ListViewSettings, ListViewUIModel$1 as ListViewUIModel, LoadingState, NavigationButtons, NavigationButtonsProps, NavigationManagerModel$1 as NavigationManagerModel, NavigationState, PreviewData, ProviderCapabilities, ProviderConfiguration, ResolvedViewer, SelectionManagerModel$1 as SelectionManagerModel, SelectionState, SortCriteria, SortFieldDefinition, ThumbnailViewSettings, ThumbnailViewUIModel$1 as ThumbnailViewUIModel, ToolbarAction, ToolbarActionConfig, ToolbarManagerModel$1 as ToolbarManagerModel, TreeView, TreeViewProps, TreeViewSettings, TreeViewUIModel$1 as TreeViewUIModel, UIComponentProps, UploadFileEntry, UploadModel$1 as UploadModel, ViewModeCapabilities, ViewModeDefinition, ViewModeManagerModel$1 as ViewModeManagerModel, ViewModeSettings, ViewModeToggle, ViewModeToggleProps, ViewerConfig, ViewerHost$1 as ViewerHost, ViewerHostModel$1 as ViewerHostModel, ViewerHostProps, ViewerProps, ViewerRegistry$1 as ViewerRegistry, cn, globalViewerRegistry$1 as globalViewerRegistry, viewerConfigToPlugin$1 as viewerConfigToPlugin } from "./index-Ml_SgiKa.js";
-import { CheckboxState, DEFAULT_SELECTION_THEME$1 as DEFAULT_SELECTION_THEME, FocusIndicatorStyle, SelectionColorScheme, SelectionIntensity, SimpleTreeProvider$1 as SimpleTreeProvider, TestTreeProvider$1 as TestTreeProvider, Tree$1 as Tree, TreeCheckbox$1 as TreeCheckbox, TreeContextMenu$1 as TreeContextMenu, TreeContextMenuEvent, TreeContextMenuItem, TreeContextMenuProps, TreeDragDropInfo, TreeLoadOptions, TreeLoadResult, TreeModel$1 as TreeModel, TreeNodeData, TreeNodeList$1 as TreeNodeList, TreeNodeListProps, TreeNodeRenderer, TreeProps, TreeProvider, TreeSelectionInfo, TreeSelectionTheme, TreeTable$1 as TreeTable, TreeTableColumn, TreeTableExportOptions, TreeTableProps, TreeTableSort, getCustomColorVariables$1 as getCustomColorVariables, getSelectionClasses$1 as getSelectionClasses, logger$1 as logger } from "./index-kHr9udZD.js";
-import { AccessibilityConfig, BenchmarkReport, BenchmarkResult, CalculatedGridView$1 as CalculatedGridView, DETAILS_VIEW_TYPE$1 as DETAILS_VIEW_TYPE, EmptyState$1 as EmptyState, ErrorDisplay$1 as ErrorDisplay, FocusManager$1 as FocusManager, GRID_PRESETS$1 as GRID_PRESETS, GRID_VIEW_TYPE$1 as GRID_VIEW_TYPE, GridItemLayout, GridLayoutCalculator$1 as GridLayoutCalculator, GridLayoutConfig, GridLayoutResult, InlineLoading$1 as InlineLoading, ItemAccessibilityConfig, KeyboardNavigationConfig, KeyboardNavigationOptions, LIST_VIEW_TYPE$1 as LIST_VIEW_TYPE, ListContextMenu$1 as ListContextMenu, ListContextMenuItem, ListDragDropInfo, ListError, ListErrorBoundary$1 as ListErrorBoundary, ListItem$1 as ListItem, ListItemData, ListItemProps, ListItemRenderer, ListItems$1 as ListItems, ListItemsModel$1 as ListItemsModel, ListItemsProps, ListItemsProvider, ListKeyboardHandler$1 as ListKeyboardHandler, ListLoadOptions, ListLoadResult, ListLoader$1 as ListLoader, ListSelectionInfo, ListViewType, LoadError$1 as LoadError, LoadingIndicator$1 as LoadingIndicator, LoadingProgress$1 as LoadingProgress, MASONRY_HORIZONTAL_VIEW_TYPE$1 as MASONRY_HORIZONTAL_VIEW_TYPE, MASONRY_PRESETS$1 as MASONRY_PRESETS, MASONRY_VERTICAL_VIEW_TYPE$1 as MASONRY_VERTICAL_VIEW_TYPE, MasonryItemData, MasonryItemLayout, MasonryLayoutCalculator$1 as MasonryLayoutCalculator, MasonryLayoutConfig, MasonryLayoutResult, MasonryView$1 as MasonryView, NetworkError$1 as NetworkError, NoItems$1 as NoItems, NoSearchResults$1 as NoSearchResults, NoSelection$1 as NoSelection, SearchFilter$1 as SearchFilter, TREEMAP_VIEW_TYPE$1 as TREEMAP_VIEW_TYPE, TestListProvider$1 as TestListProvider, ThumbnailSize, TreemapModel$1 as TreemapModel, TreemapNodeData, TreemapScanProgress, TreemapView$1 as TreemapView, ViewSizeControls$1 as ViewSizeControls, ViewTypeSelector$1 as ViewTypeSelector, ViewTypeSelectorProps, VirtualizationConfig, VirtualizedGrid$1 as VirtualizedGrid, VirtualizedGridProps, VirtualizedList$1 as VirtualizedList, VirtualizedListProps, announceToScreenReader$1 as announceToScreenReader, benchmark$1 as benchmark, benchmarkLogger$1 as benchmarkLogger, createGridCalculator$1 as createGridCalculator, createLiveRegionAnnouncement$1 as createLiveRegionAnnouncement, createMasonryCalculator$1 as createMasonryCalculator, getItemAccessibilityProps$1 as getItemAccessibilityProps, getListAccessibilityProps$1 as getListAccessibilityProps, getNextFocusIndex$1 as getNextFocusIndex, useListKeyboard$1 as useListKeyboard } from "./index-Bryv_GCG.js";
+import { AgendaView$1 as AgendaView, AgendaViewProps, CalendarBrowser$1 as CalendarBrowser, CalendarBrowserProps, CalendarEvent, CalendarInfo, CalendarModel$1 as CalendarModel, CalendarSidebar$1 as CalendarSidebar, CalendarSidebarProps, CalendarViewMode, DayView$1 as DayView, DayViewProps, EventCard$1 as EventCard, EventCardProps, ICalendarProvider, MockCalendarProvider$1 as MockCalendarProvider, MonthView$1 as MonthView, MonthViewProps, WeekView$1 as WeekView, WeekViewProps } from "./index-D3Ob3aXg.js";
+import { ContactAvatar$1 as ContactAvatar, ContactAvatarProps, ContactBrowser$1 as ContactBrowser, ContactBrowserProps, ContactCard$1 as ContactCard, ContactCardProps, ContactDetail$1 as ContactDetail, ContactDetailProps, ContactGroup, ContactGroupSidebar$1 as ContactGroupSidebar, ContactGroupSidebarProps, ContactItem, ContactList$1 as ContactList, ContactListModel$1 as ContactListModel, ContactListProps, ContactSortBy, IContactProvider, MockContactProvider$1 as MockContactProvider } from "./index-Pty-N7-g.js";
+import { ActionContext, ActionResult, BreadcrumbProps, ColumnDefinition, ContextAction, ErrorState, FileBrowser$1 as FileBrowser, FileBrowserContent, FileBrowserContentProps, FileBrowserEventHandlers, FileBrowserHeader, FileBrowserHeaderProps, FileBrowserItem, FileBrowserItemComponent, FileBrowserItemDetails, FileBrowserModel$1 as FileBrowserModel, FileBrowserProps, FileIcon, FileIconProps, FileMatchContext, FileSystemBridge$1 as FileSystemBridge, FileSystemListProvider$1 as FileSystemListProvider, FileSystemProvider$1 as FileSystemProvider, FileSystemTreeProvider$1 as FileSystemTreeProvider, FileViewerPlugin, FilterCriteria, FilterDefinition, GitProvider$1 as GitProvider, GitRepositoryProvider$1 as GitRepositoryProvider, IFileBrowserProvider, IconDefinition, ItemChange, KeyboardShortcut, ListView, ListViewProps, ListViewSettings, ListViewUIModel$1 as ListViewUIModel, LoadingState, NavigationButtons, NavigationButtonsProps, NavigationManagerModel$1 as NavigationManagerModel, NavigationState, PreviewData, ProviderCapabilities, ProviderConfiguration, ResolvedViewer, SelectionManagerModel$1 as SelectionManagerModel, SelectionState, SortCriteria, SortFieldDefinition, ThumbnailViewSettings, ThumbnailViewUIModel$1 as ThumbnailViewUIModel, ToolbarAction, ToolbarActionConfig, ToolbarManagerModel$1 as ToolbarManagerModel, TreeView, TreeViewProps, TreeViewSettings, TreeViewUIModel$1 as TreeViewUIModel, UIComponentProps, UploadFileEntry, UploadModel$1 as UploadModel, ViewModeCapabilities, ViewModeDefinition, ViewModeManagerModel$1 as ViewModeManagerModel, ViewModeSettings, ViewModeToggle, ViewModeToggleProps, ViewerConfig, ViewerHost$1 as ViewerHost, ViewerHostModel$1 as ViewerHostModel, ViewerHostProps, ViewerProps, ViewerRegistry$1 as ViewerRegistry, cn, globalViewerRegistry$1 as globalViewerRegistry, viewerConfigToPlugin$1 as viewerConfigToPlugin } from "./index-DGoLQBX6.js";
+import { AccessibilityConfig, BenchmarkReport, BenchmarkResult, CalculatedGridView$1 as CalculatedGridView, DETAILS_VIEW_TYPE$1 as DETAILS_VIEW_TYPE, EmptyState$1 as EmptyState, ErrorBoundary$1 as ErrorBoundary, ErrorBoundaryProps, ErrorDisplay$1 as ErrorDisplay, FocusManager$1 as FocusManager, GRID_PRESETS$1 as GRID_PRESETS, GRID_VIEW_TYPE$1 as GRID_VIEW_TYPE, GridItemLayout, GridLayoutCalculator$1 as GridLayoutCalculator, GridLayoutConfig, GridLayoutResult, InlineLoading$1 as InlineLoading, ItemAccessibilityConfig, KeyboardNavigationConfig, KeyboardNavigationOptions, LIST_VIEW_TYPE$1 as LIST_VIEW_TYPE, ListContextMenu$1 as ListContextMenu, ListContextMenuItem, ListDragDropInfo, ListError, ListItem$1 as ListItem, ListItemData, ListItemProps, ListItemRenderer, ListItems$1 as ListItems, ListItemsModel$1 as ListItemsModel, ListItemsProps, ListItemsProvider, ListKeyboardHandler$1 as ListKeyboardHandler, ListLoadOptions, ListLoadResult, ListLoader$1 as ListLoader, ListSelectionInfo, ListViewType, LoadError$1 as LoadError, LoadingIndicator$1 as LoadingIndicator, LoadingProgress$1 as LoadingProgress, MASONRY_HORIZONTAL_VIEW_TYPE$1 as MASONRY_HORIZONTAL_VIEW_TYPE, MASONRY_PRESETS$1 as MASONRY_PRESETS, MASONRY_VERTICAL_VIEW_TYPE$1 as MASONRY_VERTICAL_VIEW_TYPE, MasonryItemData, MasonryItemLayout, MasonryLayoutCalculator$1 as MasonryLayoutCalculator, MasonryLayoutConfig, MasonryLayoutResult, MasonryView$1 as MasonryView, NetworkError$1 as NetworkError, NoItems$1 as NoItems, NoSearchResults$1 as NoSearchResults, NoSelection$1 as NoSelection, SearchFilter$1 as SearchFilter, TREEMAP_VIEW_TYPE$1 as TREEMAP_VIEW_TYPE, TestListProvider$1 as TestListProvider, ThumbnailSize, TreemapModel$1 as TreemapModel, TreemapNodeData, TreemapScanProgress, TreemapView$1 as TreemapView, ViewSizeControls$1 as ViewSizeControls, ViewTypeSelector$1 as ViewTypeSelector, ViewTypeSelectorProps, VirtualizationConfig, VirtualizedGrid$1 as VirtualizedGrid, VirtualizedGridProps, VirtualizedList$1 as VirtualizedList, VirtualizedListProps, announceToScreenReader$1 as announceToScreenReader, benchmark$1 as benchmark, benchmarkLogger$1 as benchmarkLogger, createGridCalculator$1 as createGridCalculator, createLiveRegionAnnouncement$1 as createLiveRegionAnnouncement, createMasonryCalculator$1 as createMasonryCalculator, getItemAccessibilityProps$1 as getItemAccessibilityProps, getListAccessibilityProps$1 as getListAccessibilityProps, getNextFocusIndex$1 as getNextFocusIndex, useListKeyboard$1 as useListKeyboard } from "./index-BP4IYXiF.js";
+import { CheckboxState, DEFAULT_SELECTION_THEME$1 as DEFAULT_SELECTION_THEME, FocusIndicatorStyle, SelectionColorScheme, SelectionIntensity, SimpleTreeProvider$1 as SimpleTreeProvider, TestTreeProvider$1 as TestTreeProvider, Tree$1 as Tree, TreeCheckbox$1 as TreeCheckbox, TreeContextMenu$1 as TreeContextMenu, TreeContextMenuEvent, TreeContextMenuItem, TreeContextMenuProps, TreeDragDropInfo, TreeLoadOptions, TreeLoadResult, TreeModel$1 as TreeModel, TreeNodeData, TreeNodeList$1 as TreeNodeList, TreeNodeListProps, TreeNodeRenderer, TreeProps, TreeProvider, TreeSelectionInfo, TreeSelectionTheme, TreeTable$1 as TreeTable, TreeTableColumn, TreeTableExportOptions, TreeTableProps, TreeTableSort, getCustomColorVariables$1 as getCustomColorVariables, getSelectionClasses$1 as getSelectionClasses, logger$1 as logger } from "./index-BkIh8oov.js";
 import { BranchList$1 as BranchList, BranchListProps, CommitGraph$1 as CommitGraph, CommitList$1 as CommitList, CommitListProps, DiffViewer$1 as DiffViewer, DiffViewerProps, GraphConnection, GraphNode, computeGraphLayout$1 as computeGraphLayout, graphWidth$1 as graphWidth } from "./index-BNmNIWBL.js";
-import { ExplorerLayout, ExplorerLayoutProps, ExplorerSections, SimpleExample$1 as SimpleExample } from "./index-DzfY1Tok.js";
+import { Breakpoint, ExplorerLayout, ExplorerLayoutProps, ExplorerSections, ResponsiveLayoutModel$1 as ResponsiveLayoutModel, SimpleExample$1 as SimpleExample, getResponsiveLayout$1 as getResponsiveLayout } from "./index-DnJaZr08.js";
 import { AlbumSidebar$1 as AlbumSidebar, AlbumSidebarProps, IMediaProvider, MediaBrowser$1 as MediaBrowser, MediaBrowserModel$1 as MediaBrowserModel, MediaBrowserProps, MediaGrid$1 as MediaGrid, MediaGridProps, MediaItem, MediaList$1 as MediaList, MediaListProps, MediaPreview$1 as MediaPreview, MediaPreviewProps, MediaSortBy, MediaTimeline$1 as MediaTimeline, MediaTimelineProps, MediaType, MediaViewMode, MockMediaProvider$1 as MockMediaProvider } from "./index-CuQIjSXs.js";
 import { contextMenuIconMap, fileExtensionIconMap, getIconForExtension, getIconForFile, iconColorMap, lucideIconMap, resolveIcon } from "./index-DxnJ8FYM.js";
-export { AccessibilityConfig, ActionContext, ActionResult, AgendaView, AgendaViewProps, AlbumSidebar, AlbumSidebarProps, BenchmarkReport, BenchmarkResult, BranchList, BranchListProps, BreadcrumbProps, CalculatedGridView, CalendarBrowser, CalendarBrowserProps, CalendarEvent, CalendarInfo, CalendarModel, CalendarSidebar, CalendarSidebarProps, CalendarViewMode, CheckboxState, ColumnDefinition, CommitGraph, CommitList, CommitListProps, ContactAvatar, ContactAvatarProps, ContactBrowser, ContactBrowserProps, ContactCard, ContactCardProps, ContactDetail, ContactDetailProps, ContactGroup, ContactGroupSidebar, ContactGroupSidebarProps, ContactItem, ContactList, ContactListModel, ContactListProps, ContactSortBy, ContextAction, DEFAULT_SELECTION_THEME, DETAILS_VIEW_TYPE, DayView, DayViewProps, DiffViewer, DiffViewerProps, EmptyState, ErrorBoundary, ErrorBoundaryProps, ErrorDisplay, ErrorState, EventCard, EventCardProps, ExplorerLayout, ExplorerLayoutProps, SimpleExample as ExplorerLayoutSimpleExample, ExplorerSections, FileBrowser, FileBrowserContent, FileBrowserContentProps, FileBrowserEventHandlers, FileBrowserHeader, FileBrowserHeaderProps, FileBrowserItem, FileBrowserItemComponent, FileBrowserItemDetails, FileBrowserModel, FileBrowserProps, TreeView as FileBrowserTreeView, TreeViewProps as FileBrowserTreeViewProps, FileIcon, FileIconProps as FileIconUIProps, FileMatchContext, FileSystemBridge, FileSystemListProvider, FileSystemProvider, FileSystemTreeProvider, FileViewerPlugin, FilterCriteria, FilterDefinition, FocusIndicatorStyle, FocusManager, GRID_PRESETS, GRID_VIEW_TYPE, GitProvider, GitRepositoryProvider, GraphConnection, GraphNode, GridItemLayout, GridLayoutCalculator, GridLayoutConfig, GridLayoutResult, ICalendarProvider, IContactProvider, IFileBrowserProvider, IMediaProvider, IObjectProvider, IconDefinition, InlineLoading, ItemAccessibilityConfig, ItemChange, KeyboardNavigationConfig, KeyboardNavigationOptions, KeyboardShortcut, LIST_VIEW_TYPE, ListContextMenu, ListContextMenuItem, ListDragDropInfo, ListError, ListErrorBoundary, ListItem, ListItemData, ListItemProps, ListItemRenderer, ListItems, ListItemsModel, ListItemsProps, ListItemsProvider, ListKeyboardHandler, ListLoadOptions, ListLoadResult, ListLoader, ListSelectionInfo, ListView, ListViewProps, ListViewSettings, ListViewType, ListViewUIModel, LoadError, LoadingIndicator, LoadingProgress, LoadingState, MASONRY_HORIZONTAL_VIEW_TYPE, MASONRY_PRESETS, MASONRY_VERTICAL_VIEW_TYPE, MasonryItemData, MasonryItemLayout, MasonryLayoutCalculator, MasonryLayoutConfig, MasonryLayoutResult, MasonryView, MediaBrowser, MediaBrowserModel, MediaBrowserProps, MediaGrid, MediaGridProps, MediaItem, MediaList, MediaListProps, MediaPreview, MediaPreviewProps, MediaSortBy, MediaTimeline, MediaTimelineProps, MediaType, MediaViewMode, MockCalendarProvider, MockContactProvider, MockMediaProvider, MonthView, MonthViewProps, NavigationButtons, NavigationButtonsProps, NavigationManagerModel, NavigationState, NetworkError, NoItems, NoSearchResults, NoSelection, ObjectMetadata, ObjectType, PreviewData, ProviderCapabilities, ProviderConfiguration, ResolvedViewer, SearchFilter, SelectionColorScheme, SelectionIntensity, SelectionManagerModel, SelectionState, SimpleTreeProvider, SortCriteria, SortFieldDefinition, TREEMAP_VIEW_TYPE, TestListProvider, TestTreeProvider, ThumbnailSize, ThumbnailViewSettings, ThumbnailViewUIModel, ToolbarAction, ToolbarActionConfig, ToolbarManagerModel, Tree, TreeCheckbox, Tree as TreeComponent, TreeProps as TreeComponentProps, TreeContextMenu, TreeContextMenuEvent, TreeContextMenuItem, TreeContextMenuProps, TreeDragDropInfo, TreeLoadOptions, TreeLoadResult, TreeModel, TreeNodeData, TreeNodeList, TreeNodeListProps, TreeNodeRenderer, TreeProps, TreeProvider, TreeSelectionInfo, TreeSelectionTheme, TreeTable, TreeTableColumn, TreeTableExportOptions, TreeTableProps, TreeTableSort, TreeViewSettings, TreeViewUIModel, TreemapModel, TreemapNodeData, TreemapScanProgress, TreemapView, UIComponentProps, UploadFileEntry, UploadModel, ViewModeCapabilities, ViewModeDefinition, ViewModeManagerModel, ViewModeSettings, ViewModeToggle, ViewModeToggleProps, ViewSizeControls, ViewTypeSelector, ViewTypeSelectorProps, ViewerConfig, ViewerHost, ViewerHostModel, ViewerHostProps, ViewerProps, ViewerRegistry, VirtualizationConfig, VirtualizedGrid, VirtualizedGridProps, VirtualizedList, VirtualizedListProps, WeekView, WeekViewProps, announceToScreenReader, benchmark, benchmarkLogger, cn, computeGraphLayout, contextMenuIconMap, createGridCalculator, createLiveRegionAnnouncement, createMasonryCalculator, fileExtensionIconMap, getCustomColorVariables, getIconForExtension, getIconForFile, getItemAccessibilityProps, getListAccessibilityProps, getNextFocusIndex, getSelectionClasses, globalViewerRegistry, graphWidth, iconColorMap, logger, lucideIconMap, resolveIcon, useListKeyboard, viewerConfigToPlugin };
+export { AccessibilityConfig, ActionContext, ActionResult, AgendaView, AgendaViewProps, AlbumSidebar, AlbumSidebarProps, BenchmarkReport, BenchmarkResult, BranchList, BranchListProps, BreadcrumbProps, Breakpoint, CalculatedGridView, CalendarBrowser, CalendarBrowserProps, CalendarEvent, CalendarInfo, CalendarModel, CalendarSidebar, CalendarSidebarProps, CalendarViewMode, CheckboxState, ColumnDefinition, CommitGraph, CommitList, CommitListProps, ContactAvatar, ContactAvatarProps, ContactBrowser, ContactBrowserProps, ContactCard, ContactCardProps, ContactDetail, ContactDetailProps, ContactGroup, ContactGroupSidebar, ContactGroupSidebarProps, ContactItem, ContactList, ContactListModel, ContactListProps, ContactSortBy, ContextAction, DEFAULT_SELECTION_THEME, DETAILS_VIEW_TYPE, DayView, DayViewProps, DiffViewer, DiffViewerProps, EmptyState, ErrorBoundary, ErrorBoundaryProps, ErrorDisplay, ErrorState, EventCard, EventCardProps, ExplorerLayout, ExplorerLayoutProps, SimpleExample as ExplorerLayoutSimpleExample, ExplorerSections, FileBrowser, FileBrowserContent, FileBrowserContentProps, FileBrowserEventHandlers, FileBrowserHeader, FileBrowserHeaderProps, FileBrowserItem, FileBrowserItemComponent, FileBrowserItemDetails, FileBrowserModel, FileBrowserProps, TreeView as FileBrowserTreeView, TreeViewProps as FileBrowserTreeViewProps, FileIcon, FileIconProps as FileIconUIProps, FileMatchContext, FileSystemBridge, FileSystemListProvider, FileSystemProvider, FileSystemTreeProvider, FileViewerPlugin, FilterCriteria, FilterDefinition, FocusIndicatorStyle, FocusManager, GRID_PRESETS, GRID_VIEW_TYPE, GitProvider, GitRepositoryProvider, GraphConnection, GraphNode, GridItemLayout, GridLayoutCalculator, GridLayoutConfig, GridLayoutResult, ICalendarProvider, IContactProvider, IFileBrowserProvider, IMediaProvider, IObjectProvider, IconDefinition, InlineLoading, ItemAccessibilityConfig, ItemChange, KeyboardNavigationConfig, KeyboardNavigationOptions, KeyboardShortcut, LIST_VIEW_TYPE, ListContextMenu, ListContextMenuItem, ListDragDropInfo, ListError, ErrorBoundary as ListErrorBoundary, ListItem, ListItemData, ListItemProps, ListItemRenderer, ListItems, ListItemsModel, ListItemsProps, ListItemsProvider, ListKeyboardHandler, ListLoadOptions, ListLoadResult, ListLoader, ListSelectionInfo, ListView, ListViewProps, ListViewSettings, ListViewType, ListViewUIModel, LoadError, LoadingIndicator, LoadingProgress, LoadingState, MASONRY_HORIZONTAL_VIEW_TYPE, MASONRY_PRESETS, MASONRY_VERTICAL_VIEW_TYPE, MasonryItemData, MasonryItemLayout, MasonryLayoutCalculator, MasonryLayoutConfig, MasonryLayoutResult, MasonryView, MediaBrowser, MediaBrowserModel, MediaBrowserProps, MediaGrid, MediaGridProps, MediaItem, MediaList, MediaListProps, MediaPreview, MediaPreviewProps, MediaSortBy, MediaTimeline, MediaTimelineProps, MediaType, MediaViewMode, MockCalendarProvider, MockContactProvider, MockMediaProvider, MonthView, MonthViewProps, NavigationButtons, NavigationButtonsProps, NavigationManagerModel, NavigationState, NetworkError, NoItems, NoSearchResults, NoSelection, ObjectMetadata, ObjectType, PreviewData, ProviderCapabilities, ProviderConfiguration, ResolvedViewer, ResponsiveLayoutModel, SearchFilter, SelectionColorScheme, SelectionIntensity, SelectionManagerModel, SelectionState, SimpleTreeProvider, SortCriteria, SortFieldDefinition, TREEMAP_VIEW_TYPE, TestListProvider, TestTreeProvider, ThumbnailSize, ThumbnailViewSettings, ThumbnailViewUIModel, ToolbarAction, ToolbarActionConfig, ToolbarManagerModel, Tree, TreeCheckbox, Tree as TreeComponent, TreeProps as TreeComponentProps, TreeContextMenu, TreeContextMenuEvent, TreeContextMenuItem, TreeContextMenuProps, TreeDragDropInfo, TreeLoadOptions, TreeLoadResult, TreeModel, TreeNodeData, TreeNodeList, TreeNodeListProps, TreeNodeRenderer, TreeProps, TreeProvider, TreeSelectionInfo, TreeSelectionTheme, TreeTable, TreeTableColumn, TreeTableExportOptions, TreeTableProps, TreeTableSort, TreeViewSettings, TreeViewUIModel, TreemapModel, TreemapNodeData, TreemapScanProgress, TreemapView, UIComponentProps, UploadFileEntry, UploadModel, ViewModeCapabilities, ViewModeDefinition, ViewModeManagerModel, ViewModeSettings, ViewModeToggle, ViewModeToggleProps, ViewSizeControls, ViewTypeSelector, ViewTypeSelectorProps, ViewerConfig, ViewerHost, ViewerHostModel, ViewerHostProps, ViewerProps, ViewerRegistry, VirtualizationConfig, VirtualizedGrid, VirtualizedGridProps, VirtualizedList, VirtualizedListProps, WeekView, WeekViewProps, announceToScreenReader, benchmark, benchmarkLogger, cn, computeGraphLayout, contextMenuIconMap, createGridCalculator, createLiveRegionAnnouncement, createMasonryCalculator, fileExtensionIconMap, getCustomColorVariables, getIconForExtension, getIconForFile, getItemAccessibilityProps, getListAccessibilityProps, getNextFocusIndex, getResponsiveLayout, getSelectionClasses, globalViewerRegistry, graphWidth, iconColorMap, logger, lucideIconMap, resolveIcon, useListKeyboard, viewerConfigToPlugin };

package/dist/index.js

@@ -1,15 +1,15 @@
 import { cn$1 as cn } from "./utils-B4fdKKsy.js";
-import { DEFAULT_SELECTION_THEME, SimpleTreeProvider, TestTreeProvider, Tree, TreeCheckbox, TreeContextMenu, TreeModel, TreeNodeList, TreeTable, getCustomColorVariables, getSelectionClasses, logger } from "./tree-Dd9Z0Aso.js";
-import { contextMenuIconMap$1 as contextMenuIconMap, fileExtensionIconMap$1 as fileExtensionIconMap, getIconForExtension$1 as getIconForExtension, getIconForFile$1 as getIconForFile, iconColorMap$1 as iconColorMap, lucideIconMap$1 as lucideIconMap, resolveIcon$1 as resolveIcon } from "./iconMap-V4B8P-Uh.js";
+import { DEFAULT_SELECTION_THEME, SimpleTreeProvider, TestTreeProvider, Tree, TreeCheckbox, TreeContextMenu, TreeModel, TreeNodeList, TreeTable, getCustomColorVariables, getSelectionClasses, logger } from "./tree-B9VQcKBp.js";
+import { contextMenuIconMap$1 as contextMenuIconMap, fileExtensionIconMap$1 as fileExtensionIconMap, getIconForExtension$1 as getIconForExtension, getIconForFile$1 as getIconForFile, iconColorMap$1 as iconColorMap, lucideIconMap$1 as lucideIconMap, resolveIcon$1 as resolveIcon } from "./iconMap-DDpe35ek.js";
 import "./FileBrowserContext-B6jixa2j.js";
-import { CalculatedGridView, DETAILS_VIEW_TYPE, EmptyState, ErrorDisplay, FocusManager, GRID_PRESETS, GRID_VIEW_TYPE, GridLayoutCalculator, InlineLoading, LIST_VIEW_TYPE, ListContextMenu, ListErrorBoundary, ListItem, ListItems, ListItemsModel, ListKeyboardHandler, ListLoader, LoadError, LoadingIndicator, LoadingProgress, MASONRY_HORIZONTAL_VIEW_TYPE, MASONRY_PRESETS, MASONRY_VERTICAL_VIEW_TYPE, MasonryLayoutCalculator, MasonryView, NetworkError, NoItems, NoSearchResults, NoSelection, SearchFilter, TREEMAP_VIEW_TYPE, TestListProvider, TreemapModel, TreemapView, ViewSizeControls, ViewTypeSelector, VirtualizedGrid, VirtualizedList, announceToScreenReader, benchmark, benchmarkLogger, createGridCalculator, createLiveRegionAnnouncement, createMasonryCalculator, getItemAccessibilityProps, getListAccessibilityProps, getNextFocusIndex, useListKeyboard } from "./list-CxfT6hix.js";
+import { CalculatedGridView, DETAILS_VIEW_TYPE, EmptyState, ErrorBoundary, ErrorDisplay, FocusManager, GRID_PRESETS, GRID_VIEW_TYPE, GridLayoutCalculator, InlineLoading, LIST_VIEW_TYPE, ListContextMenu, ListItem, ListItems, ListItemsModel, ListKeyboardHandler, ListLoader, LoadError, LoadingIndicator, LoadingProgress, MASONRY_HORIZONTAL_VIEW_TYPE, MASONRY_PRESETS, MASONRY_VERTICAL_VIEW_TYPE, MasonryLayoutCalculator, MasonryView, NetworkError, NoItems, NoSearchResults, NoSelection, SearchFilter, TREEMAP_VIEW_TYPE, TestListProvider, TreemapModel, TreemapView, ViewSizeControls, ViewTypeSelector, VirtualizedGrid, VirtualizedList, announceToScreenReader, benchmark, benchmarkLogger, createGridCalculator, createLiveRegionAnnouncement, createMasonryCalculator, getItemAccessibilityProps, getListAccessibilityProps, getNextFocusIndex, useListKeyboard } from "./list-DAq-b6RR.js";
 import { ExplorerLayout$1 as ExplorerLayout } from "./ExplorerLayout-CSIJd7N4.js";
-import { ErrorBoundary, FileBrowser, FileBrowserContent_default, FileBrowserHeader_default, FileBrowserItem_default, FileBrowserModel, FileIcon_default, FileSystemBridge, FileSystemListProvider, FileSystemProvider, FileSystemTreeProvider, GitProvider, GitRepositoryProvider, ListViewUIModel, ListView_default, NavigationButtons_default, NavigationManagerModel, SelectionManagerModel, ThumbnailViewUIModel, ToolbarManagerModel, TreeViewUIModel, TreeView_default, UploadModel, ViewModeManagerModel, ViewModeToggle_default, ViewerHost, ViewerHostModel, ViewerRegistry, globalViewerRegistry, viewerConfigToPlugin } from "./file-browser-m5atC3kF.js";
-import { BranchList, CommitGraph, CommitList, DiffViewer, computeGraphLayout, graphWidth } from "./git-B55e6LL-.js";
-import { SimpleExample } from "./layout-Ca_4r8ka.js";
-import { AlbumSidebar, MediaBrowser, MediaBrowserModel, MediaGrid, MediaList, MediaPreview, MediaTimeline, MockMediaProvider } from "./media-DZ292aKK.js";
-import { AgendaView, CalendarBrowser, CalendarModel, CalendarSidebar, DayView, EventCard, MockCalendarProvider, MonthView, WeekView } from "./calendar-DSlrbHoj.js";
-import { ContactAvatar, ContactBrowser, ContactCard, ContactDetail, ContactGroupSidebar, ContactList, ContactListModel, MockContactProvider } from "./contacts-DQXTZzHc.js";
+import { FileBrowser, FileBrowserContent_default, FileBrowserHeader_default, FileBrowserItem_default, FileBrowserModel, FileIcon_default, FileSystemBridge, FileSystemListProvider, FileSystemProvider, FileSystemTreeProvider, GitProvider, GitRepositoryProvider, ListViewUIModel, ListView_default, NavigationButtons_default, NavigationManagerModel, SelectionManagerModel, ThumbnailViewUIModel, ToolbarManagerModel, TreeViewUIModel, TreeView_default, UploadModel, ViewModeManagerModel, ViewModeToggle_default, ViewerHost, ViewerHostModel, ViewerRegistry, globalViewerRegistry, viewerConfigToPlugin } from "./file-browser-CkhNwADU.js";
+import { BranchList, CommitGraph, CommitList, DiffViewer, computeGraphLayout, graphWidth } from "./git-m4lboTfx.js";
+import { ResponsiveLayoutModel, SimpleExample, getResponsiveLayout } from "./layout-BYsc16hD.js";
+import { AlbumSidebar, MediaBrowser, MediaBrowserModel, MediaGrid, MediaList, MediaPreview, MediaTimeline, MockMediaProvider } from "./media-DuczOGsk.js";
+import { AgendaView, CalendarBrowser, CalendarModel, CalendarSidebar, DayView, EventCard, MockCalendarProvider, MonthView, WeekView } from "./calendar-DQKfYSQS.js";
+import { ContactAvatar, ContactBrowser, ContactCard, ContactDetail, ContactGroupSidebar, ContactList, ContactListModel, MockContactProvider } from "./contacts-By9Wg3kn.js";
 import "./icons-CIsIOZXR.js";
 
-export { AgendaView, AlbumSidebar, BranchList, CalculatedGridView, CalendarBrowser, CalendarModel, CalendarSidebar, CommitGraph, CommitList, ContactAvatar, ContactBrowser, ContactCard, ContactDetail, ContactGroupSidebar, ContactList, ContactListModel, DEFAULT_SELECTION_THEME, DETAILS_VIEW_TYPE, DayView, DiffViewer, EmptyState, ErrorBoundary, ErrorDisplay, EventCard, ExplorerLayout, SimpleExample as ExplorerLayoutSimpleExample, FileBrowser, FileBrowserContent_default as FileBrowserContent, FileBrowserHeader_default as FileBrowserHeader, FileBrowserItem_default as FileBrowserItemComponent, FileBrowserModel, TreeView_default as FileBrowserTreeView, FileIcon_default as FileIcon, FileSystemBridge, FileSystemListProvider, FileSystemProvider, FileSystemTreeProvider, FocusManager, GRID_PRESETS, GRID_VIEW_TYPE, GitProvider, GitRepositoryProvider, GridLayoutCalculator, InlineLoading, LIST_VIEW_TYPE, ListContextMenu, ListErrorBoundary, ListItem, ListItems, ListItemsModel, ListKeyboardHandler, ListLoader, ListView_default as ListView, ListViewUIModel, LoadError, LoadingIndicator, LoadingProgress, MASONRY_HORIZONTAL_VIEW_TYPE, MASONRY_PRESETS, MASONRY_VERTICAL_VIEW_TYPE, MasonryLayoutCalculator, MasonryView, MediaBrowser, MediaBrowserModel, MediaGrid, MediaList, MediaPreview, MediaTimeline, MockCalendarProvider, MockContactProvider, MockMediaProvider, MonthView, NavigationButtons_default as NavigationButtons, NavigationManagerModel, NetworkError, NoItems, NoSearchResults, NoSelection, SearchFilter, SelectionManagerModel, SimpleTreeProvider, TREEMAP_VIEW_TYPE, TestListProvider, TestTreeProvider, ThumbnailViewUIModel, ToolbarManagerModel, Tree, TreeCheckbox, Tree as TreeComponent, TreeContextMenu, TreeModel, TreeNodeList, TreeTable, TreeViewUIModel, TreemapModel, TreemapView, UploadModel, ViewModeManagerModel, ViewModeToggle_default as ViewModeToggle, ViewSizeControls, ViewTypeSelector, ViewerHost, ViewerHostModel, ViewerRegistry, VirtualizedGrid, VirtualizedList, WeekView, announceToScreenReader, benchmark, benchmarkLogger, cn, computeGraphLayout, contextMenuIconMap, createGridCalculator, createLiveRegionAnnouncement, createMasonryCalculator, fileExtensionIconMap, getCustomColorVariables, getIconForExtension, getIconForFile, getItemAccessibilityProps, getListAccessibilityProps, getNextFocusIndex, getSelectionClasses, globalViewerRegistry, graphWidth, iconColorMap, logger, lucideIconMap, resolveIcon, useListKeyboard, viewerConfigToPlugin };
+export { AgendaView, AlbumSidebar, BranchList, CalculatedGridView, CalendarBrowser, CalendarModel, CalendarSidebar, CommitGraph, CommitList, ContactAvatar, ContactBrowser, ContactCard, ContactDetail, ContactGroupSidebar, ContactList, ContactListModel, DEFAULT_SELECTION_THEME, DETAILS_VIEW_TYPE, DayView, DiffViewer, EmptyState, ErrorBoundary, ErrorDisplay, EventCard, ExplorerLayout, SimpleExample as ExplorerLayoutSimpleExample, FileBrowser, FileBrowserContent_default as FileBrowserContent, FileBrowserHeader_default as FileBrowserHeader, FileBrowserItem_default as FileBrowserItemComponent, FileBrowserModel, TreeView_default as FileBrowserTreeView, FileIcon_default as FileIcon, FileSystemBridge, FileSystemListProvider, FileSystemProvider, FileSystemTreeProvider, FocusManager, GRID_PRESETS, GRID_VIEW_TYPE, GitProvider, GitRepositoryProvider, GridLayoutCalculator, InlineLoading, LIST_VIEW_TYPE, ListContextMenu, ErrorBoundary as ListErrorBoundary, ListItem, ListItems, ListItemsModel, ListKeyboardHandler, ListLoader, ListView_default as ListView, ListViewUIModel, LoadError, LoadingIndicator, LoadingProgress, MASONRY_HORIZONTAL_VIEW_TYPE, MASONRY_PRESETS, MASONRY_VERTICAL_VIEW_TYPE, MasonryLayoutCalculator, MasonryView, MediaBrowser, MediaBrowserModel, MediaGrid, MediaList, MediaPreview, MediaTimeline, MockCalendarProvider, MockContactProvider, MockMediaProvider, MonthView, NavigationButtons_default as NavigationButtons, NavigationManagerModel, NetworkError, NoItems, NoSearchResults, NoSelection, ResponsiveLayoutModel, SearchFilter, SelectionManagerModel, SimpleTreeProvider, TREEMAP_VIEW_TYPE, TestListProvider, TestTreeProvider, ThumbnailViewUIModel, ToolbarManagerModel, Tree, TreeCheckbox, Tree as TreeComponent, TreeContextMenu, TreeModel, TreeNodeList, TreeTable, TreeViewUIModel, TreemapModel, TreemapView, UploadModel, ViewModeManagerModel, ViewModeToggle_default as ViewModeToggle, ViewSizeControls, ViewTypeSelector, ViewerHost, ViewerHostModel, ViewerRegistry, VirtualizedGrid, VirtualizedList, WeekView, announceToScreenReader, benchmark, benchmarkLogger, cn, computeGraphLayout, contextMenuIconMap, createGridCalculator, createLiveRegionAnnouncement, createMasonryCalculator, fileExtensionIconMap, getCustomColorVariables, getIconForExtension, getIconForFile, getItemAccessibilityProps, getListAccessibilityProps, getNextFocusIndex, getResponsiveLayout, getSelectionClasses, globalViewerRegistry, graphWidth, iconColorMap, logger, lucideIconMap, resolveIcon, useListKeyboard, viewerConfigToPlugin };

package/dist/layout-BYsc16hD.js

@@ -0,0 +1,183 @@
+import { ExplorerLayout$1 as ExplorerLayout } from "./ExplorerLayout-CSIJd7N4.js";
+import React from "react";
+import { Button } from "@anymux/ui/components/button";
+import { action, makeAutoObservable } from "mobx";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/layout/models/ResponsiveLayoutModel.ts
+const BREAKPOINTS = {
+	xs: 0,
+	sm: 640,
+	md: 768,
+	lg: 1024,
+	xl: 1280,
+	"2xl": 1536
+};
+/**
+* MobX model that tracks viewport breakpoints via matchMedia.
+* Shared across all ui-kit components for consistent responsive behavior.
+*
+* Usage:
+*   const responsive = new ResponsiveLayoutModel();
+*   responsive.attach(); // start listening
+*   // ... use responsive.isMobile, responsive.breakpoint, etc.
+*   responsive.detach(); // stop listening
+*/
+var ResponsiveLayoutModel = class {
+	constructor() {
+		this.breakpoint = "lg";
+		this.width = typeof window !== "undefined" ? window.innerWidth : 1024;
+		this.queries = new Map();
+		this.cleanups = [];
+		makeAutoObservable(this, {
+			attach: false,
+			detach: false
+		});
+	}
+	get isMobile() {
+		return this.width < BREAKPOINTS.md;
+	}
+	get isTablet() {
+		return this.width >= BREAKPOINTS.md && this.width < BREAKPOINTS.lg;
+	}
+	get isDesktop() {
+		return this.width >= BREAKPOINTS.lg;
+	}
+	/** True if viewport is at or above the given breakpoint */
+	isAtLeast(bp) {
+		return this.width >= BREAKPOINTS[bp];
+	}
+	/** Suggested column count for grid layouts */
+	get gridColumns() {
+		if (this.width < BREAKPOINTS.sm) return 1;
+		if (this.width < BREAKPOINTS.md) return 2;
+		if (this.width < BREAKPOINTS.lg) return 4;
+		if (this.width < BREAKPOINTS.xl) return 6;
+		return 8;
+	}
+	/** Start listening for viewport changes */
+	attach() {
+		if (typeof window === "undefined") return;
+		const entries = Object.entries(BREAKPOINTS);
+		entries.sort((a, b) => b[1] - a[1]);
+		for (const [bp, minWidth] of entries) {
+			const mql = window.matchMedia(`(min-width: ${minWidth}px)`);
+			this.queries.set(bp, mql);
+			const handler = action(() => {
+				this.width = window.innerWidth;
+				this.breakpoint = this.computeBreakpoint();
+			});
+			mql.addEventListener("change", handler);
+			this.cleanups.push(() => mql.removeEventListener("change", handler));
+		}
+		this.width = window.innerWidth;
+		this.breakpoint = this.computeBreakpoint();
+	}
+	/** Stop listening */
+	detach() {
+		this.cleanups.forEach((fn) => fn());
+		this.cleanups = [];
+		this.queries.clear();
+	}
+	computeBreakpoint() {
+		const entries = Object.entries(BREAKPOINTS);
+		entries.sort((a, b) => b[1] - a[1]);
+		for (const [bp, minWidth] of entries) if (this.width >= minWidth) return bp;
+		return "xs";
+	}
+};
+/** Singleton for app-wide responsive state */
+let _instance = null;
+function getResponsiveLayout() {
+	if (!_instance) {
+		_instance = new ResponsiveLayoutModel();
+		_instance.attach();
+	}
+	return _instance;
+}
+
+//#endregion
+//#region src/layout/examples/SimpleExample.tsx
+const SimpleExample = () => {
+	const sections = {
+		header: /* @__PURE__ */ jsxs("div", {
+			className: "p-4 flex items-center justify-between border-b",
+			children: [/* @__PURE__ */ jsx("h1", {
+				className: "text-lg font-semibold",
+				children: "My App"
+			}), /* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				size: "sm",
+				children: "Settings"
+			})]
+		}),
+		sidebar: {
+			content: /* @__PURE__ */ jsxs("div", {
+				className: "p-4",
+				children: [/* @__PURE__ */ jsx("h3", {
+					className: "font-medium mb-2",
+					children: "Navigation"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "space-y-1",
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							className: "p-2 rounded hover:bg-muted cursor-pointer",
+							children: "📁 Files"
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "p-2 rounded hover:bg-muted cursor-pointer",
+							children: "🔍 Search"
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "p-2 rounded hover:bg-muted cursor-pointer",
+							children: "⚙️ Settings"
+						})
+					]
+				})]
+			}),
+			toolbar: /* @__PURE__ */ jsx("div", {
+				className: "p-2 border-b",
+				children: /* @__PURE__ */ jsx("span", {
+					className: "text-sm font-medium",
+					children: "Explorer"
+				})
+			}),
+			width: 240
+		},
+		main: {
+			content: /* @__PURE__ */ jsxs("div", {
+				className: "p-8 text-center",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-xl font-semibold mb-4",
+					children: "Welcome to ExplorerLayout"
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground",
+					children: "This is the main content area. It automatically adapts to different screen sizes."
+				})]
+			}),
+			toolbar: /* @__PURE__ */ jsxs("div", {
+				className: "p-2 border-b flex items-center justify-between",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-sm font-medium",
+					children: "Main Content"
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "sm",
+					children: "Action"
+				})]
+			})
+		},
+		footer: /* @__PURE__ */ jsx("div", {
+			className: "p-2 border-t text-center text-sm text-muted-foreground",
+			children: "Ready"
+		})
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: "h-screen w-screen",
+		children: /* @__PURE__ */ jsx(ExplorerLayout, { sections })
+	});
+};
+
+//#endregion
+export { ResponsiveLayoutModel, SimpleExample, getResponsiveLayout };
+//# sourceMappingURL=layout-BYsc16hD.js.map

package/dist/layout-BYsc16hD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-BYsc16hD.js","names":["BREAKPOINTS: Record<Breakpoint, number>","bp: Breakpoint","_instance: ResponsiveLayoutModel | null","SimpleExample: React.FC","sections: ExplorerSections"],"sources":["../src/layout/models/ResponsiveLayoutModel.ts","../src/layout/examples/SimpleExample.tsx"],"sourcesContent":["import { makeAutoObservable, action } from 'mobx';\n\nexport type Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\nconst BREAKPOINTS: Record<Breakpoint, number> = {\n  xs: 0,\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n  '2xl': 1536,\n};\n\n/**\n * MobX model that tracks viewport breakpoints via matchMedia.\n * Shared across all ui-kit components for consistent responsive behavior.\n *\n * Usage:\n *   const responsive = new ResponsiveLayoutModel();\n *   responsive.attach(); // start listening\n *   // ... use responsive.isMobile, responsive.breakpoint, etc.\n *   responsive.detach(); // stop listening\n */\nexport class ResponsiveLayoutModel {\n  breakpoint: Breakpoint = 'lg';\n  width = typeof window !== 'undefined' ? window.innerWidth : 1024;\n\n  private queries = new Map<string, MediaQueryList>();\n  private cleanups: Array<() => void> = [];\n\n  constructor() {\n    makeAutoObservable(this, {\n      attach: false,\n      detach: false,\n    });\n  }\n\n  get isMobile(): boolean {\n    return this.width < BREAKPOINTS.md;\n  }\n\n  get isTablet(): boolean {\n    return this.width >= BREAKPOINTS.md && this.width < BREAKPOINTS.lg;\n  }\n\n  get isDesktop(): boolean {\n    return this.width >= BREAKPOINTS.lg;\n  }\n\n  /** True if viewport is at or above the given breakpoint */\n  isAtLeast(bp: Breakpoint): boolean {\n    return this.width >= BREAKPOINTS[bp];\n  }\n\n  /** Suggested column count for grid layouts */\n  get gridColumns(): number {\n    if (this.width < BREAKPOINTS.sm) return 1;\n    if (this.width < BREAKPOINTS.md) return 2;\n    if (this.width < BREAKPOINTS.lg) return 4;\n    if (this.width < BREAKPOINTS.xl) return 6;\n    return 8;\n  }\n\n  /** Start listening for viewport changes */\n  attach(): void {\n    if (typeof window === 'undefined') return;\n\n    const entries = Object.entries(BREAKPOINTS) as Array<[Breakpoint, number]>;\n    // Sort descending so we match the largest breakpoint first\n    entries.sort((a, b) => b[1] - a[1]);\n\n    for (const [bp, minWidth] of entries) {\n      const mql = window.matchMedia(`(min-width: ${minWidth}px)`);\n      this.queries.set(bp, mql);\n\n      const handler = action(() => {\n        this.width = window.innerWidth;\n        this.breakpoint = this.computeBreakpoint();\n      });\n\n      mql.addEventListener('change', handler);\n      this.cleanups.push(() => mql.removeEventListener('change', handler));\n    }\n\n    // Set initial values\n    this.width = window.innerWidth;\n    this.breakpoint = this.computeBreakpoint();\n  }\n\n  /** Stop listening */\n  detach(): void {\n    this.cleanups.forEach((fn) => fn());\n    this.cleanups = [];\n    this.queries.clear();\n  }\n\n  private computeBreakpoint(): Breakpoint {\n    const entries = Object.entries(BREAKPOINTS) as Array<[Breakpoint, number]>;\n    entries.sort((a, b) => b[1] - a[1]);\n    for (const [bp, minWidth] of entries) {\n      if (this.width >= minWidth) return bp;\n    }\n    return 'xs';\n  }\n}\n\n/** Singleton for app-wide responsive state */\nlet _instance: ResponsiveLayoutModel | null = null;\n\nexport function getResponsiveLayout(): ResponsiveLayoutModel {\n  if (!_instance) {\n    _instance = new ResponsiveLayoutModel();\n    _instance.attach();\n  }\n  return _instance;\n}\n","import React from 'react';\nimport { ExplorerLayout, type ExplorerSections } from '../';\nimport { Button } from '@anymux/ui/components/button';\n\n// AICODE-NOTE: Minimal example showing ExplorerLayout basic usage\nexport const SimpleExample: React.FC = () => {\n  const sections: ExplorerSections = {\n    header: (\n      <div className=\"p-4 flex items-center justify-between border-b\">\n        <h1 className=\"text-lg font-semibold\">My App</h1>\n        <Button variant=\"outline\" size=\"sm\">Settings</Button>\n      </div>\n    ),\n    sidebar: {\n      content: (\n        <div className=\"p-4\">\n          <h3 className=\"font-medium mb-2\">Navigation</h3>\n          <div className=\"space-y-1\">\n            <div className=\"p-2 rounded hover:bg-muted cursor-pointer\">📁 Files</div>\n            <div className=\"p-2 rounded hover:bg-muted cursor-pointer\">🔍 Search</div>\n            <div className=\"p-2 rounded hover:bg-muted cursor-pointer\">⚙️ Settings</div>\n          </div>\n        </div>\n      ),\n      toolbar: (\n        <div className=\"p-2 border-b\">\n          <span className=\"text-sm font-medium\">Explorer</span>\n        </div>\n      ),\n      width: 240,\n    },\n    main: {\n      content: (\n        <div className=\"p-8 text-center\">\n          <h2 className=\"text-xl font-semibold mb-4\">Welcome to ExplorerLayout</h2>\n          <p className=\"text-muted-foreground\">\n            This is the main content area. It automatically adapts to different screen sizes.\n          </p>\n        </div>\n      ),\n      toolbar: (\n        <div className=\"p-2 border-b flex items-center justify-between\">\n          <span className=\"text-sm font-medium\">Main Content</span>\n          <Button variant=\"ghost\" size=\"sm\">Action</Button>\n        </div>\n      ),\n    },\n    footer: (\n      <div className=\"p-2 border-t text-center text-sm text-muted-foreground\">\n        Ready\n      </div>\n    ),\n  };\n\n  return (\n    <div className=\"h-screen w-screen\">\n      <ExplorerLayout sections={sections} />\n    </div>\n  );\n}; "],"mappings":";;;;;;;AAIA,MAAMA,cAA0C;CAC9C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;AACR;;;;;;;;;;;AAYD,IAAa,wBAAb,MAAmC;CAOjC,cAAc;OANd,aAAyB;OACzB,eAAe,WAAW,cAAc,OAAO,aAAa;OAEpD,UAAU,IAAI;OACd,WAA8B,CAAE;AAGtC,qBAAmB,MAAM;GACvB,QAAQ;GACR,QAAQ;EACT,EAAC;CACH;CAED,IAAI,WAAoB;AACtB,SAAO,KAAK,QAAQ,YAAY;CACjC;CAED,IAAI,WAAoB;AACtB,SAAO,KAAK,SAAS,YAAY,MAAM,KAAK,QAAQ,YAAY;CACjE;CAED,IAAI,YAAqB;AACvB,SAAO,KAAK,SAAS,YAAY;CAClC;;CAGD,UAAUC,IAAyB;AACjC,SAAO,KAAK,SAAS,YAAY;CAClC;;CAGD,IAAI,cAAsB;AACxB,MAAI,KAAK,QAAQ,YAAY,GAAI,QAAO;AACxC,MAAI,KAAK,QAAQ,YAAY,GAAI,QAAO;AACxC,MAAI,KAAK,QAAQ,YAAY,GAAI,QAAO;AACxC,MAAI,KAAK,QAAQ,YAAY,GAAI,QAAO;AACxC,SAAO;CACR;;CAGD,SAAe;AACb,aAAW,WAAW,YAAa;EAEnC,MAAM,UAAU,OAAO,QAAQ,YAAY;AAE3C,UAAQ,KAAK,CAAC,GAAG,MAAM,EAAE,KAAK,EAAE,GAAG;AAEnC,OAAK,MAAM,CAAC,IAAI,SAAS,IAAI,SAAS;GACpC,MAAM,MAAM,OAAO,YAAY,cAAc,SAAS,KAAK;AAC3D,QAAK,QAAQ,IAAI,IAAI,IAAI;GAEzB,MAAM,UAAU,OAAO,MAAM;AAC3B,SAAK,QAAQ,OAAO;AACpB,SAAK,aAAa,KAAK,mBAAmB;GAC3C,EAAC;AAEF,OAAI,iBAAiB,UAAU,QAAQ;AACvC,QAAK,SAAS,KAAK,MAAM,IAAI,oBAAoB,UAAU,QAAQ,CAAC;EACrE;AAGD,OAAK,QAAQ,OAAO;AACpB,OAAK,aAAa,KAAK,mBAAmB;CAC3C;;CAGD,SAAe;AACb,OAAK,SAAS,QAAQ,CAAC,OAAO,IAAI,CAAC;AACnC,OAAK,WAAW,CAAE;AAClB,OAAK,QAAQ,OAAO;CACrB;CAED,oBAAwC;EACtC,MAAM,UAAU,OAAO,QAAQ,YAAY;AAC3C,UAAQ,KAAK,CAAC,GAAG,MAAM,EAAE,KAAK,EAAE,GAAG;AACnC,OAAK,MAAM,CAAC,IAAI,SAAS,IAAI,QAC3B,KAAI,KAAK,SAAS,SAAU,QAAO;AAErC,SAAO;CACR;AACF;;AAGD,IAAIC,YAA0C;AAE9C,SAAgB,sBAA6C;AAC3D,MAAK,WAAW;AACd,cAAY,IAAI;AAChB,YAAU,QAAQ;CACnB;AACD,QAAO;AACR;;;;AC9GD,MAAaC,gBAA0B,MAAM;CAC3C,MAAMC,WAA6B;EACjC,wBACE,KAAC,OAAA;GAAI,WAAU;8BACb,IAAC,MAAA;IAAG,WAAU;cAAwB;KAAW,kBACjD,IAAC,QAAA;IAAO,SAAQ;IAAU,MAAK;cAAK;KAAiB;IACjD;EAER,SAAS;GACP,yBACE,KAAC,OAAA;IAAI,WAAU;+BACb,IAAC,MAAA;KAAG,WAAU;eAAmB;MAAe,kBAChD,KAAC,OAAA;KAAI,WAAU;;sBACb,IAAC,OAAA;OAAI,WAAU;iBAA4C;QAAc;sBACzE,IAAC,OAAA;OAAI,WAAU;iBAA4C;QAAe;sBAC1E,IAAC,OAAA;OAAI,WAAU;iBAA4C;QAAiB;;MACxE;KACF;GAER,yBACE,IAAC,OAAA;IAAI,WAAU;8BACb,IAAC,QAAA;KAAK,WAAU;eAAsB;MAAe;KACjD;GAER,OAAO;EACR;EACD,MAAM;GACJ,yBACE,KAAC,OAAA;IAAI,WAAU;+BACb,IAAC,MAAA;KAAG,WAAU;eAA6B;MAA8B,kBACzE,IAAC,KAAA;KAAE,WAAU;eAAwB;MAEjC;KACA;GAER,yBACE,KAAC,OAAA;IAAI,WAAU;+BACb,IAAC,QAAA;KAAK,WAAU;eAAsB;MAAmB,kBACzD,IAAC,QAAA;KAAO,SAAQ;KAAQ,MAAK;eAAK;MAAe;KAC7C;EAET;EACD,wBACE,IAAC,OAAA;GAAI,WAAU;aAAyD;IAElE;CAET;AAED,wBACE,IAAC,OAAA;EAAI,WAAU;4BACb,IAAC,gBAAA,EAAyB,SAAA,EAAY;GAClC;AAET"}

package/dist/layout.d.ts

@@ -1,2 +1,2 @@
-import { ExplorerLayout, ExplorerLayoutProps, ExplorerSections, SimpleExample$1 as SimpleExample } from "./index-DzfY1Tok.js";
-export { ExplorerLayout, ExplorerLayoutProps, SimpleExample as ExplorerLayoutSimpleExample, ExplorerSections };
+import { Breakpoint, ExplorerLayout, ExplorerLayoutProps, ExplorerSections, ResponsiveLayoutModel$1 as ResponsiveLayoutModel, SimpleExample$1 as SimpleExample, getResponsiveLayout$1 as getResponsiveLayout } from "./index-DnJaZr08.js";
+export { Breakpoint, ExplorerLayout, ExplorerLayoutProps, SimpleExample as ExplorerLayoutSimpleExample, ExplorerSections, ResponsiveLayoutModel, getResponsiveLayout };

package/dist/layout.js

@@ -1,5 +1,5 @@
 import "./utils-B4fdKKsy.js";
 import { ExplorerLayout$1 as ExplorerLayout } from "./ExplorerLayout-CSIJd7N4.js";
-import { SimpleExample } from "./layout-Ca_4r8ka.js";
+import { ResponsiveLayoutModel, SimpleExample, getResponsiveLayout } from "./layout-BYsc16hD.js";
 
-export { ExplorerLayout, SimpleExample as ExplorerLayoutSimpleExample };
+export { ExplorerLayout, SimpleExample as ExplorerLayoutSimpleExample, ResponsiveLayoutModel, getResponsiveLayout };

package/dist/{list-CxfT6hix.js → list-DAq-b6RR.js}

@@ -1,8 +1,9 @@
-import { contextMenuIconMap$1 as contextMenuIconMap, iconColorMap$1 as iconColorMap, lucideIconMap$1 as lucideIconMap } from "./iconMap-V4B8P-Uh.js";
+import { cn$1 as cn } from "./utils-B4fdKKsy.js";
+import { contextMenuIconMap$1 as contextMenuIconMap, iconColorMap$1 as iconColorMap, lucideIconMap$1 as lucideIconMap } from "./iconMap-DDpe35ek.js";
 import { useFileBrowserContext } from "./FileBrowserContext-B6jixa2j.js";
 import React, { Component, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { observer } from "mobx-react-lite";
-import { Archive, BookOpen, Braces, ChevronDown, Code, Columns, Columns3, Database, File, FileText, Folder, GitBranch, Globe, Grid, Image, Key, LayoutList, List, MoreHorizontal, Music, Package, Palette, Play, Search, SearchX, Settings, SquareStack, Table, X, Zap } from "lucide-react";
+import { AlertTriangle, Archive, BookOpen, Braces, ChevronDown, Code, Columns, Columns3, Database, File, FileText, Folder, GitBranch, Globe, Grid, Image, Key, LayoutList, List, MoreHorizontal, Music, Package, Palette, Play, Search, SearchX, Settings, SquareStack, Table, X, Zap } from "lucide-react";
 import { flow, makeAutoObservable, observable } from "mobx";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { FixedSizeGrid, FixedSizeList } from "react-window";
@@ -72,8 +73,8 @@ function getItemAccessibilityProps(config) {
 	};
 }
 function createLiveRegionAnnouncement(config) {
-	const { action, itemName, itemCount, selectedCount, totalCount, errorMessage } = config;
-	switch (action) {
+	const { action: action$1, itemName, itemCount, selectedCount, totalCount, errorMessage } = config;
+	switch (action$1) {
 		case "select":
 			if (itemName && selectedCount !== void 0) return `${itemName} selected. ${selectedCount} of ${totalCount} items selected.`;
 			return "Item selected";
@@ -332,7 +333,7 @@ const ListItemComponent = observer(({ item, index, totalItems, viewType, provide
 	const resolveItemIcon = (iconName, sizeClass = "w-4 h-4") => {
 		const name = iconName || "file";
 		const MappedIcon = lucideIconMap[name] || File;
-		const colorClass = iconColorMap[name] || "text-gray-400";
+		const colorClass = iconColorMap[name] || "text-muted-foreground";
 		return /* @__PURE__ */ jsx(MappedIcon, { className: `${sizeClass} ${colorClass}` });
 	};
 	const renderIcon = (sizeClass = "w-4 h-4") => {
@@ -4797,11 +4798,11 @@ const InlineLoading = observer(InlineLoadingComponent);
 const LoadingProgress = observer(LoadingProgressComponent);
 
 //#endregion
-//#region src/list/components/shared/ErrorBoundary.tsx
-var ListErrorBoundary = class extends Component {
+//#region src/shared/ErrorBoundary.tsx
+var ErrorBoundary = class extends Component {
 	constructor(props) {
 		super(props);
-		this.handleRetry = () => {
+		this.handleReset = () => {
 			this.setState({
 				hasError: false,
 				error: null,
@@ -4821,62 +4822,47 @@ var ListErrorBoundary = class extends Component {
 		};
 	}
 	componentDidCatch(error, errorInfo) {
-		this.setState({
-			error,
-			errorInfo
-		});
-		if (this.props.onError) this.props.onError(error, errorInfo);
-		console.error("ListItemsComponent Error:", error, errorInfo);
+		const errorInfoString = errorInfo.componentStack || "";
+		this.setState({ errorInfo: errorInfoString });
+		this.props.onError?.(error, errorInfoString);
+		console.error("ErrorBoundary caught an error:", error);
+		console.error("Error Info:", errorInfo);
 	}
 	render() {
 		if (this.state.hasError) {
-			if (this.props.fallback && this.state.error && this.state.errorInfo) return this.props.fallback(this.state.error, this.state.errorInfo);
-			return /* @__PURE__ */ jsx("div", {
-				className: `flex items-center justify-center p-8 ${this.props.className || ""}`,
-				children: /* @__PURE__ */ jsxs("div", {
-					className: "text-center space-y-4 max-w-md",
-					children: [
-						/* @__PURE__ */ jsx("div", {
-							className: "text-destructive",
-							children: /* @__PURE__ */ jsx("svg", {
-								className: "w-12 h-12 mx-auto mb-4",
-								fill: "none",
-								stroke: "currentColor",
-								viewBox: "0 0 24 24",
-								children: /* @__PURE__ */ jsx("path", {
-									strokeLinecap: "round",
-									strokeLinejoin: "round",
-									strokeWidth: 2,
-									d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L4.082 16.5c-.77.833.192 2.5 1.732 2.5z"
-								})
-							})
-						}),
-						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
-							className: "text-lg font-semibold text-foreground mb-2",
-							children: "Something went wrong"
-						}), /* @__PURE__ */ jsx("p", {
-							className: "text-sm text-muted-foreground mb-4",
-							children: "An error occurred while displaying the list items."
-						})] }),
-						/* @__PURE__ */ jsxs("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ jsx("button", {
-								onClick: this.handleRetry,
-								className: "px-4 py-2 bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
-								children: "Try Again"
-							}), typeof window !== "undefined" && this.state.error && /* @__PURE__ */ jsxs("details", {
-								className: "text-left",
-								children: [/* @__PURE__ */ jsx("summary", {
-									className: "text-xs text-muted-foreground cursor-pointer hover:text-foreground",
-									children: "Show Error Details"
-								}), /* @__PURE__ */ jsxs("pre", {
-									className: "text-xs text-destructive mt-2 p-2 bg-muted rounded overflow-auto max-h-32",
-									children: [this.state.error.toString(), this.state.errorInfo?.componentStack]
-								})]
-							})]
-						})
-					]
-				})
+			const { fallback, className } = this.props;
+			const { error, errorInfo } = this.state;
+			if (fallback && error) return fallback(error, errorInfo || "", this.handleReset);
+			return /* @__PURE__ */ jsxs("div", {
+				className: cn("flex flex-col items-center justify-center p-8 text-center border border-destructive/20 rounded-lg bg-destructive/5", className),
+				role: "alert",
+				"aria-live": "assertive",
+				children: [
+					/* @__PURE__ */ jsx(AlertTriangle, {
+						className: "w-12 h-12 text-destructive mb-4",
+						"aria-hidden": "true"
+					}),
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-lg font-semibold text-destructive mb-2",
+						children: "Something went wrong"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-sm text-muted-foreground mb-4 max-w-md",
+						children: error?.message || "An unexpected error occurred."
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex gap-2",
+						children: [/* @__PURE__ */ jsx("button", {
+							onClick: this.handleReset,
+							className: "px-4 py-2 bg-primary text-primary-foreground rounded-md hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 transition-colors",
+							children: "Try Again"
+						}), /* @__PURE__ */ jsx("button", {
+							onClick: () => window.location.reload(),
+							className: "px-4 py-2 bg-secondary text-secondary-foreground rounded-md hover:bg-secondary/90 focus:outline-none focus:ring-2 focus:ring-secondary focus:ring-offset-2 transition-colors",
+							children: "Reload Page"
+						})]
+					})
+				]
 			});
 		}
 		return this.props.children;
@@ -6827,5 +6813,5 @@ const MASONRY_PRESETS = {
 };
 
 //#endregion
-export { CalculatedGridView, DETAILS_VIEW_TYPE, EmptyState$1 as EmptyState, ErrorDisplay$1 as ErrorDisplay, FocusManager, GRID_PRESETS, GRID_VIEW_TYPE, GridLayoutCalculator, InlineLoading, LIST_VIEW_TYPE, ListContextMenu, ListErrorBoundary, ListItem, ListItems, ListItemsModel, ListKeyboardHandler, ListLoader, LoadError, LoadingIndicator, LoadingProgress, MASONRY_HORIZONTAL_VIEW_TYPE, MASONRY_PRESETS, MASONRY_VERTICAL_VIEW_TYPE, MasonryLayoutCalculator, MasonryView, NetworkError, NoItems, NoSearchResults, NoSelection, SearchFilter, TREEMAP_VIEW_TYPE, TestListProvider, TreemapModel, TreemapView, ViewSizeControls, ViewTypeSelector, VirtualizedGrid, VirtualizedList, announceToScreenReader, benchmark, benchmarkLogger, createGridCalculator, createLiveRegionAnnouncement, createMasonryCalculator, getItemAccessibilityProps, getListAccessibilityProps, getNextFocusIndex, useListKeyboard };
-//# sourceMappingURL=list-CxfT6hix.js.map
+export { CalculatedGridView, DETAILS_VIEW_TYPE, EmptyState$1 as EmptyState, ErrorBoundary, ErrorDisplay$1 as ErrorDisplay, FocusManager, GRID_PRESETS, GRID_VIEW_TYPE, GridLayoutCalculator, InlineLoading, LIST_VIEW_TYPE, ListContextMenu, ListItem, ListItems, ListItemsModel, ListKeyboardHandler, ListLoader, LoadError, LoadingIndicator, LoadingProgress, MASONRY_HORIZONTAL_VIEW_TYPE, MASONRY_PRESETS, MASONRY_VERTICAL_VIEW_TYPE, MasonryLayoutCalculator, MasonryView, NetworkError, NoItems, NoSearchResults, NoSelection, SearchFilter, TREEMAP_VIEW_TYPE, TestListProvider, TreemapModel, TreemapView, ViewSizeControls, ViewTypeSelector, VirtualizedGrid, VirtualizedList, announceToScreenReader, benchmark, benchmarkLogger, createGridCalculator, createLiveRegionAnnouncement, createMasonryCalculator, getItemAccessibilityProps, getListAccessibilityProps, getNextFocusIndex, useListKeyboard };
+//# sourceMappingURL=list-DAq-b6RR.js.map