opus-react 0.2.38 → 0.2.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.cts CHANGED
@@ -1533,8 +1533,9 @@ type CustomScrollbarProps = {
1533
1533
  thickness?: number;
1534
1534
  verticalThumbShape?: CustomScrollbarShape;
1535
1535
  verticalTrackShape?: CustomScrollbarShape;
1536
+ viewportSelector?: string;
1536
1537
  };
1537
- declare function CustomScrollbar({ autoHide, children, className, label, maxHeight, minThumbSize, horizontalThumbShape, horizontalTrackShape, orientation, style, thickness, verticalThumbShape, verticalTrackShape, }: CustomScrollbarProps): react.JSX.Element;
1538
+ declare function CustomScrollbar({ autoHide, children, className, label, maxHeight, minThumbSize, horizontalThumbShape, horizontalTrackShape, orientation, style, thickness, verticalThumbShape, verticalTrackShape, viewportSelector, }: CustomScrollbarProps): react.JSX.Element;
1538
1539
 
1539
1540
  type AspectRatioProps = {
1540
1541
  children: ReactNode;
@@ -2399,6 +2400,10 @@ type SidebarProps = {
2399
2400
  defaultActiveItem?: string;
2400
2401
  density?: SurfaceDensity;
2401
2402
  footer?: ReactNode;
2403
+ footerPaddingBottom?: boolean;
2404
+ footerPaddingLeft?: boolean;
2405
+ footerPaddingRight?: boolean;
2406
+ footerPaddingTop?: boolean;
2402
2407
  header?: ReactNode;
2403
2408
  menu?: SidebarMenuItem[];
2404
2409
  navLabel?: string;
@@ -2413,7 +2418,7 @@ type SidebarProps = {
2413
2418
  side?: SidebarSide;
2414
2419
  storageKey?: string;
2415
2420
  };
2416
- declare function Sidebar({ activeItem, children, collapsed, defaultActiveItem, density, footer, header, menu, navLabel, onCollapsedGroupSelect, onSelect, paddingBottom, paddingLeft, paddingRight, paddingTop, persistState, renderIcon, side, storageKey, }: SidebarProps): react.JSX.Element;
2421
+ declare function Sidebar({ activeItem, children, collapsed, defaultActiveItem, density, footer, footerPaddingBottom, footerPaddingLeft, footerPaddingRight, footerPaddingTop, header, menu, navLabel, onCollapsedGroupSelect, onSelect, paddingBottom, paddingLeft, paddingRight, paddingTop, persistState, renderIcon, side, storageKey, }: SidebarProps): react.JSX.Element;
2417
2422
  type SidebarHeaderProps = {
2418
2423
  children?: ReactNode;
2419
2424
  title: string;
@@ -2635,6 +2640,22 @@ type EmojiPickerProps = {
2635
2640
  };
2636
2641
  declare function EmojiPicker({ className, closeOnEscape, closeOnOutside, defaultOpen, label, onOpenChange, onSelect, open, placement, searchPlaceholder, trigger, triggerClassName, }: EmojiPickerProps): react.JSX.Element;
2637
2642
 
2643
+ declare const googleFonts: readonly ["Abril Fatface", "Alegreya", "Alegreya Sans", "Alfa Slab One", "Amatic SC", "Anton", "Archivo", "Archivo Black", "Arimo", "Arvo", "Assistant", "Barlow", "Barlow Condensed", "Bebas Neue", "Bitter", "Cabin", "Cairo", "Catamaran", "Caveat", "Chivo", "Comfortaa", "Crimson Text", "Dancing Script", "DM Sans", "DM Serif Display", "Domine", "Dosis", "EB Garamond", "Exo 2", "Fira Code", "Fira Sans", "Fjalla One", "Francois One", "Fredoka", "Gloria Hallelujah", "Hind", "IBM Plex Mono", "IBM Plex Sans", "Inconsolata", "Indie Flower", "Inter", "Josefin Sans", "Jost", "Karla", "Lato", "Lexend", "Libre Baskerville", "Libre Franklin", "Lobster", "Lora", "Manrope", "Merriweather", "Merriweather Sans", "Montserrat", "Mukta", "Mulish", "Nanum Gothic", "Noto Sans", "Noto Sans Mono", "Noto Serif", "Nunito", "Nunito Sans", "Open Sans", "Orbitron", "Oswald", "Overpass", "Oxygen", "Pacifico", "Permanent Marker", "Playfair Display", "Poppins", "PT Sans", "PT Serif", "Quicksand", "Rajdhani", "Raleway", "Red Hat Display", "Righteous", "Roboto", "Roboto Condensed", "Roboto Mono", "Roboto Slab", "Rubik", "Russo One", "Sacramento", "Satisfy", "Shadows Into Light", "Signika", "Slabo 27px", "Source Code Pro", "Source Sans 3", "Source Serif 4", "Space Grotesk", "Space Mono", "Spectral", "Staatliches", "Teko", "Titillium Web", "Ubuntu", "Ubuntu Mono", "Unbounded", "Vollkorn", "Work Sans", "Yanone Kaffeesatz", "Zilla Slab"];
2644
+ type GoogleFontFamily = (typeof googleFonts)[number];
2645
+
2646
+ declare const FONT_STORAGE_KEY = "opus-components-font";
2647
+ declare const DEFAULT_FONT_FAMILY: GoogleFontFamily;
2648
+ declare function useFontPreference(): {
2649
+ fontFamily: "Montserrat" | "Abril Fatface" | "Alegreya" | "Alegreya Sans" | "Alfa Slab One" | "Amatic SC" | "Anton" | "Archivo" | "Archivo Black" | "Arimo" | "Arvo" | "Assistant" | "Barlow" | "Barlow Condensed" | "Bebas Neue" | "Bitter" | "Cabin" | "Cairo" | "Catamaran" | "Caveat" | "Chivo" | "Comfortaa" | "Crimson Text" | "Dancing Script" | "DM Sans" | "DM Serif Display" | "Domine" | "Dosis" | "EB Garamond" | "Exo 2" | "Fira Code" | "Fira Sans" | "Fjalla One" | "Francois One" | "Fredoka" | "Gloria Hallelujah" | "Hind" | "IBM Plex Mono" | "IBM Plex Sans" | "Inconsolata" | "Indie Flower" | "Inter" | "Josefin Sans" | "Jost" | "Karla" | "Lato" | "Lexend" | "Libre Baskerville" | "Libre Franklin" | "Lobster" | "Lora" | "Manrope" | "Merriweather" | "Merriweather Sans" | "Mukta" | "Mulish" | "Nanum Gothic" | "Noto Sans" | "Noto Sans Mono" | "Noto Serif" | "Nunito" | "Nunito Sans" | "Open Sans" | "Orbitron" | "Oswald" | "Overpass" | "Oxygen" | "Pacifico" | "Permanent Marker" | "Playfair Display" | "Poppins" | "PT Sans" | "PT Serif" | "Quicksand" | "Rajdhani" | "Raleway" | "Red Hat Display" | "Righteous" | "Roboto" | "Roboto Condensed" | "Roboto Mono" | "Roboto Slab" | "Rubik" | "Russo One" | "Sacramento" | "Satisfy" | "Shadows Into Light" | "Signika" | "Slabo 27px" | "Source Code Pro" | "Source Sans 3" | "Source Serif 4" | "Space Grotesk" | "Space Mono" | "Spectral" | "Staatliches" | "Teko" | "Titillium Web" | "Ubuntu" | "Ubuntu Mono" | "Unbounded" | "Vollkorn" | "Work Sans" | "Yanone Kaffeesatz" | "Zilla Slab";
2650
+ setFontFamily: (next: string) => void;
2651
+ };
2652
+ type FontPickerProps = {
2653
+ id: string;
2654
+ value: GoogleFontFamily;
2655
+ onChange: (value: GoogleFontFamily) => void;
2656
+ };
2657
+ declare function FontPicker({ id, onChange, value }: FontPickerProps): react.JSX.Element;
2658
+
2638
2659
  declare const cartesianSpecializedVariants: ChartVariant[];
2639
2660
 
2640
2661
  declare const worldMapRegionIds: string[];
@@ -2646,4 +2667,4 @@ type SankeyLinkDef = {
2646
2667
  };
2647
2668
  declare const demoSankeyLinks: SankeyLinkDef[];
2648
2669
 
2649
- export { type AccentColor, AccentColorPicker, Accordion, AccordionGroup, type AccordionGroupType, Alert, type AlertStatus, AspectRatio, type AspectRatioProps, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarShape, type AvatarSize, Badge, type BadgeSize, type BadgeTone, type BadgeVariant, BottomNavigation, type BottomNavigationItem, type BottomNavigationProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonVariant, Calendar, type CalendarEvent, type CalendarProps, Card, Carousel, CascaderField, type CascaderOption, CatalogIcon, Chart, type ChartDatum, type ChartPalette, type ChartSeries, type ChartVariant, CheckboxField, ChipInput, ChipInputField, type ChipInputPreset, type ChipInputVariant, ChoiceChips, ChoiceChipsField, type ChoiceChipsSelectionMode, type ChoiceChipsVariant, type ChoiceControlSize, type ChoiceOption, type ChoiceShape, Clipboard, ClipboardProvider, Clock, type ClockSize, ColorField, Columns, type ColumnsDirection, type ColumnsProps, CommandPalette, type CommandPaletteItem, Container, type ContainerProps, type ContainerSize, ContentTimeline, type ContentTimelineGroup, type ContentTimelineItem, type ContentTimelineStatus, type ContentTimelineTag, ContextMenuProvider, ContextMenuTarget, CopyButton, CountryPickerField, CustomScrollbar, type CustomScrollbarOrientation, type CustomScrollbarProps, type CustomScrollbarShape, DEFAULT_NOTE_TAG_OPTIONS, DEFAULT_TOAST_DURATION_MS, DashboardContentContainer, type DashboardContentContainerProps, type DashboardContentContainerWidth, DataGrid, type DataGridColumn, type DataGridLayout, type DataGridPivotConfig, type DataGridRow, type DataGridRowHeaderColumn, DateField, type DateInputType, DealsOverTime, type DealsOverTimePoint, type DealsOverTimeProps, DescriptionList, type DescriptionListItem, type DescriptionListLayout, Dialog, type DialogActionSet, type DialogResult, Divider, type DividerOrientation, type DividerTone, DockLayout, type DockLayoutProps, Drawer, DrawerDefaultActions, type DrawerSide, DropdownMenu, DropdownMenuItem, type DropdownMenuItemData, type DropdownMenuPlacement, DualListBuilder, type DualListBuilderProps, type DualListItem, type ElementSize, EmojiPicker, type EmojiPickerPlacement, type EmojiPickerProps, EmptyState, type EmptyStateIcon, type FieldMode, FieldShell, FileField, FilterBuilder, type FilterBuilderProps, type FilterCondition, type FilterOperator, FilterSelectField, type FilterSelectGroup, FloatingActionButton, type FloatingActionButtonPosition, type FloatingActionButtonProps, type FloatingActionButtonSize, FocusTrap, type GalleryImage, Gauge, type GaugeFooterItem, type GaugeTrend, type GaugeVariant, Grid, type GridProps, HiddenField, type HotkeyCombo, HotkeyManager, Icon, IconBadge, type IconBadgeProps, type IconBadgeUrgency, IconPicker, type IconSize, type IconTone, ImageCropUploadField, type ImageCropUploadFieldProps, type ImageCropUploadResult, ImageCropUploadWidget, type ImageCropUploadWidgetProps, ImageGallery, ImageThumbnail, type ImageThumbnailSize, type InputControlSize, IntersectionObserver, JsonViewer, KanbanBoard, type KanbanBoardProps, type KanbanCard, type KanbanColumn, KeyboardShortcut, type KeyboardShortcutSize, type LabelPosition, Lightbox, List, type ListItem, MasonryGrid, type MasonryGridItem, MegaMenu, type MegaMenuConfig, type MegaMenuFeatured, type MegaMenuItem, type MegaMenuSection, MetricTile, Modal, ModalDefaultActions, type ModalSize, type ModelAsset, ModelGallery, ModelLightbox, ModelThumbnail, type ModelThumbnailSize, ModelViewer, MultiSelectField, NavigationRail, type NavigationRailItem, type NavigationRailProps, NoteComposer, type NoteComposerProps, NoteTag, NoteTagList, type NoteTagOption, NoteTagPicker, type NoteTagTone, NotesActivity, type NotesActivityItem, type NotesActivityProps, type NotesActivityTag, type NotesActivityTagTone, NumberField, OpusThemeProvider, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, Panel, type PasswordRequirement, PasswordStrengthField, type PermissionLevel, PermissionsMatrix, type PermissionsMatrixProps, type PhoneCountry, PhoneNumberField, PipelineOverview, type PipelineOverviewProps, type PipelineStage, Popover, type PopoverPlacement, Portal, PortalHost, ProfilePhotoUploadModal, ProgressBar, ProgressRing, PropertyGrid, type PropertyGridItem, PropertyInspector, type PropertyInspectorItem, type PropertyInspectorValue, QueryBuilder, type QueryBuilderProps, type QueryCombinator, type QueryGroup, type QueryOperator, type QueryRule, Radio, RadioGroup, RangeField, RatingField, type RatingVariant, RecentActivity, type RecentActivityItem, type RecentActivityProps, ResizablePanel, type ResizablePanelProps, ResizeHandle, type ResizeHandleBackground, type ResizeHandleHeight, type ResizeHandleOrientation, type ResizeHandleProps, ResizeObserver, ResourcePlanner, type ResourcePlannerItem, type ResourcePlannerProps, type ResourcePlannerResource, RichTextField, RuleBuilder, type RuleBuilderProps, type RuleDefinition, type RuleEffect, Scheduler, type SchedulerEvent, type SchedulerProps, ScrollArea, type ScrollAreaProps, Section, type SectionAlign, type SectionColumns, type SectionGap, type SectionJustify, type SectionLayoutPreset, type SectionSidebar, type SectionSidebarRatio, type SectionSpan, type SectionStackBelow, type SectionTemplate, type SectionWidth, SegmentedControlField, SelectField, ShowMore, type ShowToastOptions, Sidebar, SidebarGroup, SidebarHeader, SidebarLayout, SidebarLink, type SidebarMenuGroupItem, type SidebarMenuItem, type SidebarMenuLinkItem, SidebarNav, type SidebarProps, type SidebarSide, Skeleton, type SkeletonAnimation, type SkeletonVariant, SliderRangeField, Spacer, type SpacerProps, Sparkline, Speedometer, Spinner, type SpinnerSize, type SpinnerTone, SplitButton, type SplitButtonAction, type SplitButtonProps, Splitter, type SplitterOrientation, type SplitterProps, Stack, type StackAlign, type StackDirection, type StackJustify, type StackProps, StatCard, type StatCardTrend, StatTile, type StatTileItem, type StatTileProps, type StatTileTone, type StatTileTrend, StatTiles, type StatTilesProps, Statistic, type StatisticTrend, StatusIndicator, type StatusIndicatorState, type SurfaceDensity, type SurfaceTone, SwitchField, type TabItem, Table, type TableColumn, type TableDensity, type TableRow, Tabs, type TabsOrientation, type TabsVariant, TextAreaField, TextField, type Theme, OpusThemeProvider as ThemeProvider, ThemeSwitcher, ThemeToggleField, ThreePaneLayout, type ThreePaneLayoutProps, type ThreePaneLayoutSize, Tile, type TileItem, type TileProps, type TileTone, Tiles, type TilesLayout, type TilesProps, Toast, type ToastHorizontalPosition, ToastProvider, type ToastVerticalPosition, type ToastViewportPosition, Toolbar, type ToolbarProps, Tooltip, TopNavigation, type TopNavigationBarMenu, type TopNavigationDropdownMenu, type TopNavigationMegaMenu, TopNavigationMenu, type TopNavigationMenuConfig, type TopNavigationSelectItem, type TopPerformingUserItem, TopPerformingUsers, type TopPerformingUsersProps, TransferListField, TreeSelectField, type TreeSelectNode, TreeView, type TreeViewNode, TrendBadge, type TrendBadgeDirection, type UpcomingTaskItem, UpcomingTasks, type UpcomingTasksProps, type UserProfileMenuItem, type UserProfilePhotoUploadOptions, UserProfileWidget, type UserProfileWidgetProps, VisuallyHidden, accentColors, cartesianSpecializedVariants, countryCodeToFlag, createAccentStyle, defaultMegaMenuFeatured, defaultMegaMenuMenus, defaultMegaMenuSections, defaultTopNavigationBarMenus, defaultTopNavigationMegaMenus, defaultTopNavigationMenus, demoSankeyLinks, fieldInputAriaProps, countries as phoneCountries, useAccentPreference, useClipboard, useContextMenu, useFieldShellAria, useHotkey, useHotkeyManager, useIntersectionObserver, useOpusTheme, usePortalHost, useResizeObserver, useToast, useTopNavigation, worldMapRegionIds };
2670
+ export { type AccentColor, AccentColorPicker, Accordion, AccordionGroup, type AccordionGroupType, Alert, type AlertStatus, AspectRatio, type AspectRatioProps, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarShape, type AvatarSize, Badge, type BadgeSize, type BadgeTone, type BadgeVariant, BottomNavigation, type BottomNavigationItem, type BottomNavigationProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonVariant, Calendar, type CalendarEvent, type CalendarProps, Card, Carousel, CascaderField, type CascaderOption, CatalogIcon, Chart, type ChartDatum, type ChartPalette, type ChartSeries, type ChartVariant, CheckboxField, ChipInput, ChipInputField, type ChipInputPreset, type ChipInputVariant, ChoiceChips, ChoiceChipsField, type ChoiceChipsSelectionMode, type ChoiceChipsVariant, type ChoiceControlSize, type ChoiceOption, type ChoiceShape, Clipboard, ClipboardProvider, Clock, type ClockSize, ColorField, Columns, type ColumnsDirection, type ColumnsProps, CommandPalette, type CommandPaletteItem, Container, type ContainerProps, type ContainerSize, ContentTimeline, type ContentTimelineGroup, type ContentTimelineItem, type ContentTimelineStatus, type ContentTimelineTag, ContextMenuProvider, ContextMenuTarget, CopyButton, CountryPickerField, CustomScrollbar, type CustomScrollbarOrientation, type CustomScrollbarProps, type CustomScrollbarShape, DEFAULT_FONT_FAMILY, DEFAULT_NOTE_TAG_OPTIONS, DEFAULT_TOAST_DURATION_MS, DashboardContentContainer, type DashboardContentContainerProps, type DashboardContentContainerWidth, DataGrid, type DataGridColumn, type DataGridLayout, type DataGridPivotConfig, type DataGridRow, type DataGridRowHeaderColumn, DateField, type DateInputType, DealsOverTime, type DealsOverTimePoint, type DealsOverTimeProps, DescriptionList, type DescriptionListItem, type DescriptionListLayout, Dialog, type DialogActionSet, type DialogResult, Divider, type DividerOrientation, type DividerTone, DockLayout, type DockLayoutProps, Drawer, DrawerDefaultActions, type DrawerSide, DropdownMenu, DropdownMenuItem, type DropdownMenuItemData, type DropdownMenuPlacement, DualListBuilder, type DualListBuilderProps, type DualListItem, type ElementSize, EmojiPicker, type EmojiPickerPlacement, type EmojiPickerProps, EmptyState, type EmptyStateIcon, FONT_STORAGE_KEY, type FieldMode, FieldShell, FileField, FilterBuilder, type FilterBuilderProps, type FilterCondition, type FilterOperator, FilterSelectField, type FilterSelectGroup, FloatingActionButton, type FloatingActionButtonPosition, type FloatingActionButtonProps, type FloatingActionButtonSize, FocusTrap, FontPicker, type GalleryImage, Gauge, type GaugeFooterItem, type GaugeTrend, type GaugeVariant, type GoogleFontFamily, Grid, type GridProps, HiddenField, type HotkeyCombo, HotkeyManager, Icon, IconBadge, type IconBadgeProps, type IconBadgeUrgency, IconPicker, type IconSize, type IconTone, ImageCropUploadField, type ImageCropUploadFieldProps, type ImageCropUploadResult, ImageCropUploadWidget, type ImageCropUploadWidgetProps, ImageGallery, ImageThumbnail, type ImageThumbnailSize, type InputControlSize, IntersectionObserver, JsonViewer, KanbanBoard, type KanbanBoardProps, type KanbanCard, type KanbanColumn, KeyboardShortcut, type KeyboardShortcutSize, type LabelPosition, Lightbox, List, type ListItem, MasonryGrid, type MasonryGridItem, MegaMenu, type MegaMenuConfig, type MegaMenuFeatured, type MegaMenuItem, type MegaMenuSection, MetricTile, Modal, ModalDefaultActions, type ModalSize, type ModelAsset, ModelGallery, ModelLightbox, ModelThumbnail, type ModelThumbnailSize, ModelViewer, MultiSelectField, NavigationRail, type NavigationRailItem, type NavigationRailProps, NoteComposer, type NoteComposerProps, NoteTag, NoteTagList, type NoteTagOption, NoteTagPicker, type NoteTagTone, NotesActivity, type NotesActivityItem, type NotesActivityProps, type NotesActivityTag, type NotesActivityTagTone, NumberField, OpusThemeProvider, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, Panel, type PasswordRequirement, PasswordStrengthField, type PermissionLevel, PermissionsMatrix, type PermissionsMatrixProps, type PhoneCountry, PhoneNumberField, PipelineOverview, type PipelineOverviewProps, type PipelineStage, Popover, type PopoverPlacement, Portal, PortalHost, ProfilePhotoUploadModal, ProgressBar, ProgressRing, PropertyGrid, type PropertyGridItem, PropertyInspector, type PropertyInspectorItem, type PropertyInspectorValue, QueryBuilder, type QueryBuilderProps, type QueryCombinator, type QueryGroup, type QueryOperator, type QueryRule, Radio, RadioGroup, RangeField, RatingField, type RatingVariant, RecentActivity, type RecentActivityItem, type RecentActivityProps, ResizablePanel, type ResizablePanelProps, ResizeHandle, type ResizeHandleBackground, type ResizeHandleHeight, type ResizeHandleOrientation, type ResizeHandleProps, ResizeObserver, ResourcePlanner, type ResourcePlannerItem, type ResourcePlannerProps, type ResourcePlannerResource, RichTextField, RuleBuilder, type RuleBuilderProps, type RuleDefinition, type RuleEffect, Scheduler, type SchedulerEvent, type SchedulerProps, ScrollArea, type ScrollAreaProps, Section, type SectionAlign, type SectionColumns, type SectionGap, type SectionJustify, type SectionLayoutPreset, type SectionSidebar, type SectionSidebarRatio, type SectionSpan, type SectionStackBelow, type SectionTemplate, type SectionWidth, SegmentedControlField, SelectField, ShowMore, type ShowToastOptions, Sidebar, SidebarGroup, SidebarHeader, SidebarLayout, SidebarLink, type SidebarMenuGroupItem, type SidebarMenuItem, type SidebarMenuLinkItem, SidebarNav, type SidebarProps, type SidebarSide, Skeleton, type SkeletonAnimation, type SkeletonVariant, SliderRangeField, Spacer, type SpacerProps, Sparkline, Speedometer, Spinner, type SpinnerSize, type SpinnerTone, SplitButton, type SplitButtonAction, type SplitButtonProps, Splitter, type SplitterOrientation, type SplitterProps, Stack, type StackAlign, type StackDirection, type StackJustify, type StackProps, StatCard, type StatCardTrend, StatTile, type StatTileItem, type StatTileProps, type StatTileTone, type StatTileTrend, StatTiles, type StatTilesProps, Statistic, type StatisticTrend, StatusIndicator, type StatusIndicatorState, type SurfaceDensity, type SurfaceTone, SwitchField, type TabItem, Table, type TableColumn, type TableDensity, type TableRow, Tabs, type TabsOrientation, type TabsVariant, TextAreaField, TextField, type Theme, OpusThemeProvider as ThemeProvider, ThemeSwitcher, ThemeToggleField, ThreePaneLayout, type ThreePaneLayoutProps, type ThreePaneLayoutSize, Tile, type TileItem, type TileProps, type TileTone, Tiles, type TilesLayout, type TilesProps, Toast, type ToastHorizontalPosition, ToastProvider, type ToastVerticalPosition, type ToastViewportPosition, Toolbar, type ToolbarProps, Tooltip, TopNavigation, type TopNavigationBarMenu, type TopNavigationDropdownMenu, type TopNavigationMegaMenu, TopNavigationMenu, type TopNavigationMenuConfig, type TopNavigationSelectItem, type TopPerformingUserItem, TopPerformingUsers, type TopPerformingUsersProps, TransferListField, TreeSelectField, type TreeSelectNode, TreeView, type TreeViewNode, TrendBadge, type TrendBadgeDirection, type UpcomingTaskItem, UpcomingTasks, type UpcomingTasksProps, type UserProfileMenuItem, type UserProfilePhotoUploadOptions, UserProfileWidget, type UserProfileWidgetProps, VisuallyHidden, accentColors, cartesianSpecializedVariants, countryCodeToFlag, createAccentStyle, defaultMegaMenuFeatured, defaultMegaMenuMenus, defaultMegaMenuSections, defaultTopNavigationBarMenus, defaultTopNavigationMegaMenus, defaultTopNavigationMenus, demoSankeyLinks, fieldInputAriaProps, googleFonts, countries as phoneCountries, useAccentPreference, useClipboard, useContextMenu, useFieldShellAria, useFontPreference, useHotkey, useHotkeyManager, useIntersectionObserver, useOpusTheme, usePortalHost, useResizeObserver, useToast, useTopNavigation, worldMapRegionIds };
package/dist/index.d.ts CHANGED
@@ -1533,8 +1533,9 @@ type CustomScrollbarProps = {
1533
1533
  thickness?: number;
1534
1534
  verticalThumbShape?: CustomScrollbarShape;
1535
1535
  verticalTrackShape?: CustomScrollbarShape;
1536
+ viewportSelector?: string;
1536
1537
  };
1537
- declare function CustomScrollbar({ autoHide, children, className, label, maxHeight, minThumbSize, horizontalThumbShape, horizontalTrackShape, orientation, style, thickness, verticalThumbShape, verticalTrackShape, }: CustomScrollbarProps): react.JSX.Element;
1538
+ declare function CustomScrollbar({ autoHide, children, className, label, maxHeight, minThumbSize, horizontalThumbShape, horizontalTrackShape, orientation, style, thickness, verticalThumbShape, verticalTrackShape, viewportSelector, }: CustomScrollbarProps): react.JSX.Element;
1538
1539
 
1539
1540
  type AspectRatioProps = {
1540
1541
  children: ReactNode;
@@ -2399,6 +2400,10 @@ type SidebarProps = {
2399
2400
  defaultActiveItem?: string;
2400
2401
  density?: SurfaceDensity;
2401
2402
  footer?: ReactNode;
2403
+ footerPaddingBottom?: boolean;
2404
+ footerPaddingLeft?: boolean;
2405
+ footerPaddingRight?: boolean;
2406
+ footerPaddingTop?: boolean;
2402
2407
  header?: ReactNode;
2403
2408
  menu?: SidebarMenuItem[];
2404
2409
  navLabel?: string;
@@ -2413,7 +2418,7 @@ type SidebarProps = {
2413
2418
  side?: SidebarSide;
2414
2419
  storageKey?: string;
2415
2420
  };
2416
- declare function Sidebar({ activeItem, children, collapsed, defaultActiveItem, density, footer, header, menu, navLabel, onCollapsedGroupSelect, onSelect, paddingBottom, paddingLeft, paddingRight, paddingTop, persistState, renderIcon, side, storageKey, }: SidebarProps): react.JSX.Element;
2421
+ declare function Sidebar({ activeItem, children, collapsed, defaultActiveItem, density, footer, footerPaddingBottom, footerPaddingLeft, footerPaddingRight, footerPaddingTop, header, menu, navLabel, onCollapsedGroupSelect, onSelect, paddingBottom, paddingLeft, paddingRight, paddingTop, persistState, renderIcon, side, storageKey, }: SidebarProps): react.JSX.Element;
2417
2422
  type SidebarHeaderProps = {
2418
2423
  children?: ReactNode;
2419
2424
  title: string;
@@ -2635,6 +2640,22 @@ type EmojiPickerProps = {
2635
2640
  };
2636
2641
  declare function EmojiPicker({ className, closeOnEscape, closeOnOutside, defaultOpen, label, onOpenChange, onSelect, open, placement, searchPlaceholder, trigger, triggerClassName, }: EmojiPickerProps): react.JSX.Element;
2637
2642
 
2643
+ declare const googleFonts: readonly ["Abril Fatface", "Alegreya", "Alegreya Sans", "Alfa Slab One", "Amatic SC", "Anton", "Archivo", "Archivo Black", "Arimo", "Arvo", "Assistant", "Barlow", "Barlow Condensed", "Bebas Neue", "Bitter", "Cabin", "Cairo", "Catamaran", "Caveat", "Chivo", "Comfortaa", "Crimson Text", "Dancing Script", "DM Sans", "DM Serif Display", "Domine", "Dosis", "EB Garamond", "Exo 2", "Fira Code", "Fira Sans", "Fjalla One", "Francois One", "Fredoka", "Gloria Hallelujah", "Hind", "IBM Plex Mono", "IBM Plex Sans", "Inconsolata", "Indie Flower", "Inter", "Josefin Sans", "Jost", "Karla", "Lato", "Lexend", "Libre Baskerville", "Libre Franklin", "Lobster", "Lora", "Manrope", "Merriweather", "Merriweather Sans", "Montserrat", "Mukta", "Mulish", "Nanum Gothic", "Noto Sans", "Noto Sans Mono", "Noto Serif", "Nunito", "Nunito Sans", "Open Sans", "Orbitron", "Oswald", "Overpass", "Oxygen", "Pacifico", "Permanent Marker", "Playfair Display", "Poppins", "PT Sans", "PT Serif", "Quicksand", "Rajdhani", "Raleway", "Red Hat Display", "Righteous", "Roboto", "Roboto Condensed", "Roboto Mono", "Roboto Slab", "Rubik", "Russo One", "Sacramento", "Satisfy", "Shadows Into Light", "Signika", "Slabo 27px", "Source Code Pro", "Source Sans 3", "Source Serif 4", "Space Grotesk", "Space Mono", "Spectral", "Staatliches", "Teko", "Titillium Web", "Ubuntu", "Ubuntu Mono", "Unbounded", "Vollkorn", "Work Sans", "Yanone Kaffeesatz", "Zilla Slab"];
2644
+ type GoogleFontFamily = (typeof googleFonts)[number];
2645
+
2646
+ declare const FONT_STORAGE_KEY = "opus-components-font";
2647
+ declare const DEFAULT_FONT_FAMILY: GoogleFontFamily;
2648
+ declare function useFontPreference(): {
2649
+ fontFamily: "Montserrat" | "Abril Fatface" | "Alegreya" | "Alegreya Sans" | "Alfa Slab One" | "Amatic SC" | "Anton" | "Archivo" | "Archivo Black" | "Arimo" | "Arvo" | "Assistant" | "Barlow" | "Barlow Condensed" | "Bebas Neue" | "Bitter" | "Cabin" | "Cairo" | "Catamaran" | "Caveat" | "Chivo" | "Comfortaa" | "Crimson Text" | "Dancing Script" | "DM Sans" | "DM Serif Display" | "Domine" | "Dosis" | "EB Garamond" | "Exo 2" | "Fira Code" | "Fira Sans" | "Fjalla One" | "Francois One" | "Fredoka" | "Gloria Hallelujah" | "Hind" | "IBM Plex Mono" | "IBM Plex Sans" | "Inconsolata" | "Indie Flower" | "Inter" | "Josefin Sans" | "Jost" | "Karla" | "Lato" | "Lexend" | "Libre Baskerville" | "Libre Franklin" | "Lobster" | "Lora" | "Manrope" | "Merriweather" | "Merriweather Sans" | "Mukta" | "Mulish" | "Nanum Gothic" | "Noto Sans" | "Noto Sans Mono" | "Noto Serif" | "Nunito" | "Nunito Sans" | "Open Sans" | "Orbitron" | "Oswald" | "Overpass" | "Oxygen" | "Pacifico" | "Permanent Marker" | "Playfair Display" | "Poppins" | "PT Sans" | "PT Serif" | "Quicksand" | "Rajdhani" | "Raleway" | "Red Hat Display" | "Righteous" | "Roboto" | "Roboto Condensed" | "Roboto Mono" | "Roboto Slab" | "Rubik" | "Russo One" | "Sacramento" | "Satisfy" | "Shadows Into Light" | "Signika" | "Slabo 27px" | "Source Code Pro" | "Source Sans 3" | "Source Serif 4" | "Space Grotesk" | "Space Mono" | "Spectral" | "Staatliches" | "Teko" | "Titillium Web" | "Ubuntu" | "Ubuntu Mono" | "Unbounded" | "Vollkorn" | "Work Sans" | "Yanone Kaffeesatz" | "Zilla Slab";
2650
+ setFontFamily: (next: string) => void;
2651
+ };
2652
+ type FontPickerProps = {
2653
+ id: string;
2654
+ value: GoogleFontFamily;
2655
+ onChange: (value: GoogleFontFamily) => void;
2656
+ };
2657
+ declare function FontPicker({ id, onChange, value }: FontPickerProps): react.JSX.Element;
2658
+
2638
2659
  declare const cartesianSpecializedVariants: ChartVariant[];
2639
2660
 
2640
2661
  declare const worldMapRegionIds: string[];
@@ -2646,4 +2667,4 @@ type SankeyLinkDef = {
2646
2667
  };
2647
2668
  declare const demoSankeyLinks: SankeyLinkDef[];
2648
2669
 
2649
- export { type AccentColor, AccentColorPicker, Accordion, AccordionGroup, type AccordionGroupType, Alert, type AlertStatus, AspectRatio, type AspectRatioProps, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarShape, type AvatarSize, Badge, type BadgeSize, type BadgeTone, type BadgeVariant, BottomNavigation, type BottomNavigationItem, type BottomNavigationProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonVariant, Calendar, type CalendarEvent, type CalendarProps, Card, Carousel, CascaderField, type CascaderOption, CatalogIcon, Chart, type ChartDatum, type ChartPalette, type ChartSeries, type ChartVariant, CheckboxField, ChipInput, ChipInputField, type ChipInputPreset, type ChipInputVariant, ChoiceChips, ChoiceChipsField, type ChoiceChipsSelectionMode, type ChoiceChipsVariant, type ChoiceControlSize, type ChoiceOption, type ChoiceShape, Clipboard, ClipboardProvider, Clock, type ClockSize, ColorField, Columns, type ColumnsDirection, type ColumnsProps, CommandPalette, type CommandPaletteItem, Container, type ContainerProps, type ContainerSize, ContentTimeline, type ContentTimelineGroup, type ContentTimelineItem, type ContentTimelineStatus, type ContentTimelineTag, ContextMenuProvider, ContextMenuTarget, CopyButton, CountryPickerField, CustomScrollbar, type CustomScrollbarOrientation, type CustomScrollbarProps, type CustomScrollbarShape, DEFAULT_NOTE_TAG_OPTIONS, DEFAULT_TOAST_DURATION_MS, DashboardContentContainer, type DashboardContentContainerProps, type DashboardContentContainerWidth, DataGrid, type DataGridColumn, type DataGridLayout, type DataGridPivotConfig, type DataGridRow, type DataGridRowHeaderColumn, DateField, type DateInputType, DealsOverTime, type DealsOverTimePoint, type DealsOverTimeProps, DescriptionList, type DescriptionListItem, type DescriptionListLayout, Dialog, type DialogActionSet, type DialogResult, Divider, type DividerOrientation, type DividerTone, DockLayout, type DockLayoutProps, Drawer, DrawerDefaultActions, type DrawerSide, DropdownMenu, DropdownMenuItem, type DropdownMenuItemData, type DropdownMenuPlacement, DualListBuilder, type DualListBuilderProps, type DualListItem, type ElementSize, EmojiPicker, type EmojiPickerPlacement, type EmojiPickerProps, EmptyState, type EmptyStateIcon, type FieldMode, FieldShell, FileField, FilterBuilder, type FilterBuilderProps, type FilterCondition, type FilterOperator, FilterSelectField, type FilterSelectGroup, FloatingActionButton, type FloatingActionButtonPosition, type FloatingActionButtonProps, type FloatingActionButtonSize, FocusTrap, type GalleryImage, Gauge, type GaugeFooterItem, type GaugeTrend, type GaugeVariant, Grid, type GridProps, HiddenField, type HotkeyCombo, HotkeyManager, Icon, IconBadge, type IconBadgeProps, type IconBadgeUrgency, IconPicker, type IconSize, type IconTone, ImageCropUploadField, type ImageCropUploadFieldProps, type ImageCropUploadResult, ImageCropUploadWidget, type ImageCropUploadWidgetProps, ImageGallery, ImageThumbnail, type ImageThumbnailSize, type InputControlSize, IntersectionObserver, JsonViewer, KanbanBoard, type KanbanBoardProps, type KanbanCard, type KanbanColumn, KeyboardShortcut, type KeyboardShortcutSize, type LabelPosition, Lightbox, List, type ListItem, MasonryGrid, type MasonryGridItem, MegaMenu, type MegaMenuConfig, type MegaMenuFeatured, type MegaMenuItem, type MegaMenuSection, MetricTile, Modal, ModalDefaultActions, type ModalSize, type ModelAsset, ModelGallery, ModelLightbox, ModelThumbnail, type ModelThumbnailSize, ModelViewer, MultiSelectField, NavigationRail, type NavigationRailItem, type NavigationRailProps, NoteComposer, type NoteComposerProps, NoteTag, NoteTagList, type NoteTagOption, NoteTagPicker, type NoteTagTone, NotesActivity, type NotesActivityItem, type NotesActivityProps, type NotesActivityTag, type NotesActivityTagTone, NumberField, OpusThemeProvider, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, Panel, type PasswordRequirement, PasswordStrengthField, type PermissionLevel, PermissionsMatrix, type PermissionsMatrixProps, type PhoneCountry, PhoneNumberField, PipelineOverview, type PipelineOverviewProps, type PipelineStage, Popover, type PopoverPlacement, Portal, PortalHost, ProfilePhotoUploadModal, ProgressBar, ProgressRing, PropertyGrid, type PropertyGridItem, PropertyInspector, type PropertyInspectorItem, type PropertyInspectorValue, QueryBuilder, type QueryBuilderProps, type QueryCombinator, type QueryGroup, type QueryOperator, type QueryRule, Radio, RadioGroup, RangeField, RatingField, type RatingVariant, RecentActivity, type RecentActivityItem, type RecentActivityProps, ResizablePanel, type ResizablePanelProps, ResizeHandle, type ResizeHandleBackground, type ResizeHandleHeight, type ResizeHandleOrientation, type ResizeHandleProps, ResizeObserver, ResourcePlanner, type ResourcePlannerItem, type ResourcePlannerProps, type ResourcePlannerResource, RichTextField, RuleBuilder, type RuleBuilderProps, type RuleDefinition, type RuleEffect, Scheduler, type SchedulerEvent, type SchedulerProps, ScrollArea, type ScrollAreaProps, Section, type SectionAlign, type SectionColumns, type SectionGap, type SectionJustify, type SectionLayoutPreset, type SectionSidebar, type SectionSidebarRatio, type SectionSpan, type SectionStackBelow, type SectionTemplate, type SectionWidth, SegmentedControlField, SelectField, ShowMore, type ShowToastOptions, Sidebar, SidebarGroup, SidebarHeader, SidebarLayout, SidebarLink, type SidebarMenuGroupItem, type SidebarMenuItem, type SidebarMenuLinkItem, SidebarNav, type SidebarProps, type SidebarSide, Skeleton, type SkeletonAnimation, type SkeletonVariant, SliderRangeField, Spacer, type SpacerProps, Sparkline, Speedometer, Spinner, type SpinnerSize, type SpinnerTone, SplitButton, type SplitButtonAction, type SplitButtonProps, Splitter, type SplitterOrientation, type SplitterProps, Stack, type StackAlign, type StackDirection, type StackJustify, type StackProps, StatCard, type StatCardTrend, StatTile, type StatTileItem, type StatTileProps, type StatTileTone, type StatTileTrend, StatTiles, type StatTilesProps, Statistic, type StatisticTrend, StatusIndicator, type StatusIndicatorState, type SurfaceDensity, type SurfaceTone, SwitchField, type TabItem, Table, type TableColumn, type TableDensity, type TableRow, Tabs, type TabsOrientation, type TabsVariant, TextAreaField, TextField, type Theme, OpusThemeProvider as ThemeProvider, ThemeSwitcher, ThemeToggleField, ThreePaneLayout, type ThreePaneLayoutProps, type ThreePaneLayoutSize, Tile, type TileItem, type TileProps, type TileTone, Tiles, type TilesLayout, type TilesProps, Toast, type ToastHorizontalPosition, ToastProvider, type ToastVerticalPosition, type ToastViewportPosition, Toolbar, type ToolbarProps, Tooltip, TopNavigation, type TopNavigationBarMenu, type TopNavigationDropdownMenu, type TopNavigationMegaMenu, TopNavigationMenu, type TopNavigationMenuConfig, type TopNavigationSelectItem, type TopPerformingUserItem, TopPerformingUsers, type TopPerformingUsersProps, TransferListField, TreeSelectField, type TreeSelectNode, TreeView, type TreeViewNode, TrendBadge, type TrendBadgeDirection, type UpcomingTaskItem, UpcomingTasks, type UpcomingTasksProps, type UserProfileMenuItem, type UserProfilePhotoUploadOptions, UserProfileWidget, type UserProfileWidgetProps, VisuallyHidden, accentColors, cartesianSpecializedVariants, countryCodeToFlag, createAccentStyle, defaultMegaMenuFeatured, defaultMegaMenuMenus, defaultMegaMenuSections, defaultTopNavigationBarMenus, defaultTopNavigationMegaMenus, defaultTopNavigationMenus, demoSankeyLinks, fieldInputAriaProps, countries as phoneCountries, useAccentPreference, useClipboard, useContextMenu, useFieldShellAria, useHotkey, useHotkeyManager, useIntersectionObserver, useOpusTheme, usePortalHost, useResizeObserver, useToast, useTopNavigation, worldMapRegionIds };
2670
+ export { type AccentColor, AccentColorPicker, Accordion, AccordionGroup, type AccordionGroupType, Alert, type AlertStatus, AspectRatio, type AspectRatioProps, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarShape, type AvatarSize, Badge, type BadgeSize, type BadgeTone, type BadgeVariant, BottomNavigation, type BottomNavigationItem, type BottomNavigationProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonVariant, Calendar, type CalendarEvent, type CalendarProps, Card, Carousel, CascaderField, type CascaderOption, CatalogIcon, Chart, type ChartDatum, type ChartPalette, type ChartSeries, type ChartVariant, CheckboxField, ChipInput, ChipInputField, type ChipInputPreset, type ChipInputVariant, ChoiceChips, ChoiceChipsField, type ChoiceChipsSelectionMode, type ChoiceChipsVariant, type ChoiceControlSize, type ChoiceOption, type ChoiceShape, Clipboard, ClipboardProvider, Clock, type ClockSize, ColorField, Columns, type ColumnsDirection, type ColumnsProps, CommandPalette, type CommandPaletteItem, Container, type ContainerProps, type ContainerSize, ContentTimeline, type ContentTimelineGroup, type ContentTimelineItem, type ContentTimelineStatus, type ContentTimelineTag, ContextMenuProvider, ContextMenuTarget, CopyButton, CountryPickerField, CustomScrollbar, type CustomScrollbarOrientation, type CustomScrollbarProps, type CustomScrollbarShape, DEFAULT_FONT_FAMILY, DEFAULT_NOTE_TAG_OPTIONS, DEFAULT_TOAST_DURATION_MS, DashboardContentContainer, type DashboardContentContainerProps, type DashboardContentContainerWidth, DataGrid, type DataGridColumn, type DataGridLayout, type DataGridPivotConfig, type DataGridRow, type DataGridRowHeaderColumn, DateField, type DateInputType, DealsOverTime, type DealsOverTimePoint, type DealsOverTimeProps, DescriptionList, type DescriptionListItem, type DescriptionListLayout, Dialog, type DialogActionSet, type DialogResult, Divider, type DividerOrientation, type DividerTone, DockLayout, type DockLayoutProps, Drawer, DrawerDefaultActions, type DrawerSide, DropdownMenu, DropdownMenuItem, type DropdownMenuItemData, type DropdownMenuPlacement, DualListBuilder, type DualListBuilderProps, type DualListItem, type ElementSize, EmojiPicker, type EmojiPickerPlacement, type EmojiPickerProps, EmptyState, type EmptyStateIcon, FONT_STORAGE_KEY, type FieldMode, FieldShell, FileField, FilterBuilder, type FilterBuilderProps, type FilterCondition, type FilterOperator, FilterSelectField, type FilterSelectGroup, FloatingActionButton, type FloatingActionButtonPosition, type FloatingActionButtonProps, type FloatingActionButtonSize, FocusTrap, FontPicker, type GalleryImage, Gauge, type GaugeFooterItem, type GaugeTrend, type GaugeVariant, type GoogleFontFamily, Grid, type GridProps, HiddenField, type HotkeyCombo, HotkeyManager, Icon, IconBadge, type IconBadgeProps, type IconBadgeUrgency, IconPicker, type IconSize, type IconTone, ImageCropUploadField, type ImageCropUploadFieldProps, type ImageCropUploadResult, ImageCropUploadWidget, type ImageCropUploadWidgetProps, ImageGallery, ImageThumbnail, type ImageThumbnailSize, type InputControlSize, IntersectionObserver, JsonViewer, KanbanBoard, type KanbanBoardProps, type KanbanCard, type KanbanColumn, KeyboardShortcut, type KeyboardShortcutSize, type LabelPosition, Lightbox, List, type ListItem, MasonryGrid, type MasonryGridItem, MegaMenu, type MegaMenuConfig, type MegaMenuFeatured, type MegaMenuItem, type MegaMenuSection, MetricTile, Modal, ModalDefaultActions, type ModalSize, type ModelAsset, ModelGallery, ModelLightbox, ModelThumbnail, type ModelThumbnailSize, ModelViewer, MultiSelectField, NavigationRail, type NavigationRailItem, type NavigationRailProps, NoteComposer, type NoteComposerProps, NoteTag, NoteTagList, type NoteTagOption, NoteTagPicker, type NoteTagTone, NotesActivity, type NotesActivityItem, type NotesActivityProps, type NotesActivityTag, type NotesActivityTagTone, NumberField, OpusThemeProvider, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, Panel, type PasswordRequirement, PasswordStrengthField, type PermissionLevel, PermissionsMatrix, type PermissionsMatrixProps, type PhoneCountry, PhoneNumberField, PipelineOverview, type PipelineOverviewProps, type PipelineStage, Popover, type PopoverPlacement, Portal, PortalHost, ProfilePhotoUploadModal, ProgressBar, ProgressRing, PropertyGrid, type PropertyGridItem, PropertyInspector, type PropertyInspectorItem, type PropertyInspectorValue, QueryBuilder, type QueryBuilderProps, type QueryCombinator, type QueryGroup, type QueryOperator, type QueryRule, Radio, RadioGroup, RangeField, RatingField, type RatingVariant, RecentActivity, type RecentActivityItem, type RecentActivityProps, ResizablePanel, type ResizablePanelProps, ResizeHandle, type ResizeHandleBackground, type ResizeHandleHeight, type ResizeHandleOrientation, type ResizeHandleProps, ResizeObserver, ResourcePlanner, type ResourcePlannerItem, type ResourcePlannerProps, type ResourcePlannerResource, RichTextField, RuleBuilder, type RuleBuilderProps, type RuleDefinition, type RuleEffect, Scheduler, type SchedulerEvent, type SchedulerProps, ScrollArea, type ScrollAreaProps, Section, type SectionAlign, type SectionColumns, type SectionGap, type SectionJustify, type SectionLayoutPreset, type SectionSidebar, type SectionSidebarRatio, type SectionSpan, type SectionStackBelow, type SectionTemplate, type SectionWidth, SegmentedControlField, SelectField, ShowMore, type ShowToastOptions, Sidebar, SidebarGroup, SidebarHeader, SidebarLayout, SidebarLink, type SidebarMenuGroupItem, type SidebarMenuItem, type SidebarMenuLinkItem, SidebarNav, type SidebarProps, type SidebarSide, Skeleton, type SkeletonAnimation, type SkeletonVariant, SliderRangeField, Spacer, type SpacerProps, Sparkline, Speedometer, Spinner, type SpinnerSize, type SpinnerTone, SplitButton, type SplitButtonAction, type SplitButtonProps, Splitter, type SplitterOrientation, type SplitterProps, Stack, type StackAlign, type StackDirection, type StackJustify, type StackProps, StatCard, type StatCardTrend, StatTile, type StatTileItem, type StatTileProps, type StatTileTone, type StatTileTrend, StatTiles, type StatTilesProps, Statistic, type StatisticTrend, StatusIndicator, type StatusIndicatorState, type SurfaceDensity, type SurfaceTone, SwitchField, type TabItem, Table, type TableColumn, type TableDensity, type TableRow, Tabs, type TabsOrientation, type TabsVariant, TextAreaField, TextField, type Theme, OpusThemeProvider as ThemeProvider, ThemeSwitcher, ThemeToggleField, ThreePaneLayout, type ThreePaneLayoutProps, type ThreePaneLayoutSize, Tile, type TileItem, type TileProps, type TileTone, Tiles, type TilesLayout, type TilesProps, Toast, type ToastHorizontalPosition, ToastProvider, type ToastVerticalPosition, type ToastViewportPosition, Toolbar, type ToolbarProps, Tooltip, TopNavigation, type TopNavigationBarMenu, type TopNavigationDropdownMenu, type TopNavigationMegaMenu, TopNavigationMenu, type TopNavigationMenuConfig, type TopNavigationSelectItem, type TopPerformingUserItem, TopPerformingUsers, type TopPerformingUsersProps, TransferListField, TreeSelectField, type TreeSelectNode, TreeView, type TreeViewNode, TrendBadge, type TrendBadgeDirection, type UpcomingTaskItem, UpcomingTasks, type UpcomingTasksProps, type UserProfileMenuItem, type UserProfilePhotoUploadOptions, UserProfileWidget, type UserProfileWidgetProps, VisuallyHidden, accentColors, cartesianSpecializedVariants, countryCodeToFlag, createAccentStyle, defaultMegaMenuFeatured, defaultMegaMenuMenus, defaultMegaMenuSections, defaultTopNavigationBarMenus, defaultTopNavigationMegaMenus, defaultTopNavigationMenus, demoSankeyLinks, fieldInputAriaProps, googleFonts, countries as phoneCountries, useAccentPreference, useClipboard, useContextMenu, useFieldShellAria, useFontPreference, useHotkey, useHotkeyManager, useIntersectionObserver, useOpusTheme, usePortalHost, useResizeObserver, useToast, useTopNavigation, worldMapRegionIds };