opus-react 0.3.0 → 0.3.2

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
@@ -1,5 +1,5 @@
1
1
  import * as react from 'react';
2
- import { ButtonHTMLAttributes, ReactNode, ChangeEventHandler, CSSProperties, ComponentPropsWithoutRef, RefObject, HTMLAttributes, MouseEvent } from 'react';
2
+ import { ButtonHTMLAttributes, ReactNode, ChangeEventHandler, Ref, CSSProperties, ComponentPropsWithoutRef, RefObject, HTMLAttributes, MouseEvent, ElementType } from 'react';
3
3
 
4
4
  type Theme = "light" | "dark";
5
5
  type FieldMode = "stacked" | "flagged";
@@ -389,7 +389,9 @@ type TextFieldProps = {
389
389
  error?: string;
390
390
  help?: string;
391
391
  id: string;
392
+ inputRef?: Ref<HTMLInputElement>;
392
393
  label: string;
394
+ labelVisuallyHidden?: boolean;
393
395
  labelPosition?: LabelPosition;
394
396
  mode?: FieldMode;
395
397
  placeholder?: string;
@@ -397,9 +399,10 @@ type TextFieldProps = {
397
399
  size?: InputControlSize;
398
400
  type: "email" | "password" | "search" | "tel" | "text" | "url";
399
401
  value: string;
402
+ endAdornment?: ReactNode;
400
403
  onChange: ChangeEventHandler<HTMLInputElement>;
401
404
  };
402
- declare function TextField({ error, help, id, label, labelPosition, mode, placeholder, required, size, type, value, onChange, }: TextFieldProps): react.JSX.Element;
405
+ declare function TextField({ error, help, id, inputRef, label, labelVisuallyHidden, labelPosition, mode, placeholder, required, size, type, value, endAdornment, onChange, }: TextFieldProps): react.JSX.Element;
403
406
 
404
407
  type ThemeToggleFieldProps = {
405
408
  className?: string;
@@ -1687,6 +1690,7 @@ type TilesProps = {
1687
1690
  declare function Tiles({ className, items, layout }: TilesProps): react.JSX.Element;
1688
1691
 
1689
1692
  type StatTileTrend = "up" | "down";
1693
+ type StatTileTrendTone = "negative" | "positive" | "warning";
1690
1694
  type StatTileTone = "purple" | "blue";
1691
1695
  type StatTileProps = {
1692
1696
  className?: string;
@@ -1697,10 +1701,11 @@ type StatTileProps = {
1697
1701
  role?: string;
1698
1702
  tone?: StatTileTone;
1699
1703
  trend?: StatTileTrend;
1704
+ trendTone?: StatTileTrendTone;
1700
1705
  trendValue?: string;
1701
1706
  value: string;
1702
1707
  };
1703
- declare function StatTile({ className, comparison, icon, label, onClick, role, tone, trend, trendValue, value, }: StatTileProps): react.JSX.Element;
1708
+ declare function StatTile({ className, comparison, icon, label, onClick, role, tone, trend, trendTone, trendValue, value, }: StatTileProps): react.JSX.Element;
1704
1709
 
1705
1710
  type StatTileItem = {
1706
1711
  comparison?: string;
@@ -1710,6 +1715,7 @@ type StatTileItem = {
1710
1715
  onClick?: () => void;
1711
1716
  tone?: StatTileTone;
1712
1717
  trend?: StatTileTrend;
1718
+ trendTone?: StatTileTrendTone;
1713
1719
  trendValue?: string;
1714
1720
  value: string;
1715
1721
  };
@@ -2640,6 +2646,80 @@ type EmojiPickerProps = {
2640
2646
  };
2641
2647
  declare function EmojiPicker({ className, closeOnEscape, closeOnOutside, defaultOpen, label, onOpenChange, onSelect, open, placement, searchPlaceholder, trigger, triggerClassName, }: EmojiPickerProps): react.JSX.Element;
2642
2648
 
2649
+ type ApplicationHeaderAction = {
2650
+ count?: number;
2651
+ group?: "notification" | "utility";
2652
+ iconName: string;
2653
+ id: string;
2654
+ label: string;
2655
+ onClick?: () => void;
2656
+ urgency?: IconBadgeUrgency;
2657
+ };
2658
+ type ApplicationHeaderCreateItem = {
2659
+ disabled?: boolean;
2660
+ iconName?: string;
2661
+ id: string;
2662
+ label: string;
2663
+ onSelect?: () => void;
2664
+ };
2665
+ type ApplicationHeaderProfile = {
2666
+ menuItems?: UserProfileMenuItem[];
2667
+ name: string;
2668
+ role: string;
2669
+ src?: string;
2670
+ };
2671
+ type ApplicationHeaderProps = {
2672
+ actions?: ApplicationHeaderAction[];
2673
+ brandAlt?: string;
2674
+ brandHref?: string;
2675
+ brandSrc?: string;
2676
+ className?: string;
2677
+ connected?: boolean;
2678
+ createLabel?: string;
2679
+ createItems?: ApplicationHeaderCreateItem[];
2680
+ onCreate?: () => void;
2681
+ onCreateSelect?: (item: ApplicationHeaderCreateItem) => void;
2682
+ onSearchChange?: (value: string) => void;
2683
+ profile?: ApplicationHeaderProfile;
2684
+ searchPlaceholder?: string;
2685
+ searchShortcut?: string[];
2686
+ searchValue?: string;
2687
+ showSearch?: boolean;
2688
+ };
2689
+ declare function ApplicationHeader({ actions, brandAlt, brandHref, brandSrc, className, connected, createLabel, createItems, onCreate, onCreateSelect, onSearchChange, profile, searchPlaceholder, searchShortcut, searchValue, showSearch, }: ApplicationHeaderProps): react.JSX.Element;
2690
+
2691
+ type ApplicationFooterAction = {
2692
+ iconName: string;
2693
+ id: string;
2694
+ label: string;
2695
+ onSelect?: () => void;
2696
+ };
2697
+ type ApplicationFooterProps = {
2698
+ actions?: ApplicationFooterAction[];
2699
+ brandAlt?: string;
2700
+ brandSrc?: string;
2701
+ copyright?: string;
2702
+ onActionSelect?: (action: ApplicationFooterAction) => void;
2703
+ productName?: string;
2704
+ version?: string;
2705
+ };
2706
+ declare function ApplicationFooter({ actions, brandAlt, brandSrc, copyright, onActionSelect, productName, version }: ApplicationFooterProps): react.JSX.Element;
2707
+
2708
+ type WelcomeGreeting = "afternoon" | "evening" | "morning";
2709
+ type WelcomeMessageProps = {
2710
+ as?: ElementType;
2711
+ className?: string;
2712
+ date?: Date | number | string;
2713
+ greeting?: string;
2714
+ name: string;
2715
+ showWave?: boolean;
2716
+ subtitle?: string;
2717
+ timeZone?: string;
2718
+ updateInterval?: number;
2719
+ };
2720
+ declare function getWelcomeGreeting(hour: number): WelcomeGreeting;
2721
+ declare function WelcomeMessage({ as: Heading, className, date, greeting, name, showWave, subtitle, timeZone, updateInterval, }: WelcomeMessageProps): react.JSX.Element;
2722
+
2643
2723
  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
2724
  type GoogleFontFamily = (typeof googleFonts)[number];
2645
2725
 
@@ -2667,4 +2747,4 @@ type SankeyLinkDef = {
2667
2747
  };
2668
2748
  declare const demoSankeyLinks: SankeyLinkDef[];
2669
2749
 
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 };
2750
+ export { type AccentColor, AccentColorPicker, Accordion, AccordionGroup, type AccordionGroupType, Alert, type AlertStatus, ApplicationFooter, type ApplicationFooterAction, type ApplicationFooterProps, ApplicationHeader, type ApplicationHeaderAction, type ApplicationHeaderProfile, type ApplicationHeaderProps, 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, type StatTileTrendTone, 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, type WelcomeGreeting, WelcomeMessage, type WelcomeMessageProps, accentColors, cartesianSpecializedVariants, countryCodeToFlag, createAccentStyle, defaultMegaMenuFeatured, defaultMegaMenuMenus, defaultMegaMenuSections, defaultTopNavigationBarMenus, defaultTopNavigationMegaMenus, defaultTopNavigationMenus, demoSankeyLinks, fieldInputAriaProps, getWelcomeGreeting, googleFonts, countries as phoneCountries, useAccentPreference, useClipboard, useContextMenu, useFieldShellAria, useFontPreference, useHotkey, useHotkeyManager, useIntersectionObserver, useOpusTheme, usePortalHost, useResizeObserver, useToast, useTopNavigation, worldMapRegionIds };
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as react from 'react';
2
- import { ButtonHTMLAttributes, ReactNode, ChangeEventHandler, CSSProperties, ComponentPropsWithoutRef, RefObject, HTMLAttributes, MouseEvent } from 'react';
2
+ import { ButtonHTMLAttributes, ReactNode, ChangeEventHandler, Ref, CSSProperties, ComponentPropsWithoutRef, RefObject, HTMLAttributes, MouseEvent, ElementType } from 'react';
3
3
 
4
4
  type Theme = "light" | "dark";
5
5
  type FieldMode = "stacked" | "flagged";
@@ -389,7 +389,9 @@ type TextFieldProps = {
389
389
  error?: string;
390
390
  help?: string;
391
391
  id: string;
392
+ inputRef?: Ref<HTMLInputElement>;
392
393
  label: string;
394
+ labelVisuallyHidden?: boolean;
393
395
  labelPosition?: LabelPosition;
394
396
  mode?: FieldMode;
395
397
  placeholder?: string;
@@ -397,9 +399,10 @@ type TextFieldProps = {
397
399
  size?: InputControlSize;
398
400
  type: "email" | "password" | "search" | "tel" | "text" | "url";
399
401
  value: string;
402
+ endAdornment?: ReactNode;
400
403
  onChange: ChangeEventHandler<HTMLInputElement>;
401
404
  };
402
- declare function TextField({ error, help, id, label, labelPosition, mode, placeholder, required, size, type, value, onChange, }: TextFieldProps): react.JSX.Element;
405
+ declare function TextField({ error, help, id, inputRef, label, labelVisuallyHidden, labelPosition, mode, placeholder, required, size, type, value, endAdornment, onChange, }: TextFieldProps): react.JSX.Element;
403
406
 
404
407
  type ThemeToggleFieldProps = {
405
408
  className?: string;
@@ -1687,6 +1690,7 @@ type TilesProps = {
1687
1690
  declare function Tiles({ className, items, layout }: TilesProps): react.JSX.Element;
1688
1691
 
1689
1692
  type StatTileTrend = "up" | "down";
1693
+ type StatTileTrendTone = "negative" | "positive" | "warning";
1690
1694
  type StatTileTone = "purple" | "blue";
1691
1695
  type StatTileProps = {
1692
1696
  className?: string;
@@ -1697,10 +1701,11 @@ type StatTileProps = {
1697
1701
  role?: string;
1698
1702
  tone?: StatTileTone;
1699
1703
  trend?: StatTileTrend;
1704
+ trendTone?: StatTileTrendTone;
1700
1705
  trendValue?: string;
1701
1706
  value: string;
1702
1707
  };
1703
- declare function StatTile({ className, comparison, icon, label, onClick, role, tone, trend, trendValue, value, }: StatTileProps): react.JSX.Element;
1708
+ declare function StatTile({ className, comparison, icon, label, onClick, role, tone, trend, trendTone, trendValue, value, }: StatTileProps): react.JSX.Element;
1704
1709
 
1705
1710
  type StatTileItem = {
1706
1711
  comparison?: string;
@@ -1710,6 +1715,7 @@ type StatTileItem = {
1710
1715
  onClick?: () => void;
1711
1716
  tone?: StatTileTone;
1712
1717
  trend?: StatTileTrend;
1718
+ trendTone?: StatTileTrendTone;
1713
1719
  trendValue?: string;
1714
1720
  value: string;
1715
1721
  };
@@ -2640,6 +2646,80 @@ type EmojiPickerProps = {
2640
2646
  };
2641
2647
  declare function EmojiPicker({ className, closeOnEscape, closeOnOutside, defaultOpen, label, onOpenChange, onSelect, open, placement, searchPlaceholder, trigger, triggerClassName, }: EmojiPickerProps): react.JSX.Element;
2642
2648
 
2649
+ type ApplicationHeaderAction = {
2650
+ count?: number;
2651
+ group?: "notification" | "utility";
2652
+ iconName: string;
2653
+ id: string;
2654
+ label: string;
2655
+ onClick?: () => void;
2656
+ urgency?: IconBadgeUrgency;
2657
+ };
2658
+ type ApplicationHeaderCreateItem = {
2659
+ disabled?: boolean;
2660
+ iconName?: string;
2661
+ id: string;
2662
+ label: string;
2663
+ onSelect?: () => void;
2664
+ };
2665
+ type ApplicationHeaderProfile = {
2666
+ menuItems?: UserProfileMenuItem[];
2667
+ name: string;
2668
+ role: string;
2669
+ src?: string;
2670
+ };
2671
+ type ApplicationHeaderProps = {
2672
+ actions?: ApplicationHeaderAction[];
2673
+ brandAlt?: string;
2674
+ brandHref?: string;
2675
+ brandSrc?: string;
2676
+ className?: string;
2677
+ connected?: boolean;
2678
+ createLabel?: string;
2679
+ createItems?: ApplicationHeaderCreateItem[];
2680
+ onCreate?: () => void;
2681
+ onCreateSelect?: (item: ApplicationHeaderCreateItem) => void;
2682
+ onSearchChange?: (value: string) => void;
2683
+ profile?: ApplicationHeaderProfile;
2684
+ searchPlaceholder?: string;
2685
+ searchShortcut?: string[];
2686
+ searchValue?: string;
2687
+ showSearch?: boolean;
2688
+ };
2689
+ declare function ApplicationHeader({ actions, brandAlt, brandHref, brandSrc, className, connected, createLabel, createItems, onCreate, onCreateSelect, onSearchChange, profile, searchPlaceholder, searchShortcut, searchValue, showSearch, }: ApplicationHeaderProps): react.JSX.Element;
2690
+
2691
+ type ApplicationFooterAction = {
2692
+ iconName: string;
2693
+ id: string;
2694
+ label: string;
2695
+ onSelect?: () => void;
2696
+ };
2697
+ type ApplicationFooterProps = {
2698
+ actions?: ApplicationFooterAction[];
2699
+ brandAlt?: string;
2700
+ brandSrc?: string;
2701
+ copyright?: string;
2702
+ onActionSelect?: (action: ApplicationFooterAction) => void;
2703
+ productName?: string;
2704
+ version?: string;
2705
+ };
2706
+ declare function ApplicationFooter({ actions, brandAlt, brandSrc, copyright, onActionSelect, productName, version }: ApplicationFooterProps): react.JSX.Element;
2707
+
2708
+ type WelcomeGreeting = "afternoon" | "evening" | "morning";
2709
+ type WelcomeMessageProps = {
2710
+ as?: ElementType;
2711
+ className?: string;
2712
+ date?: Date | number | string;
2713
+ greeting?: string;
2714
+ name: string;
2715
+ showWave?: boolean;
2716
+ subtitle?: string;
2717
+ timeZone?: string;
2718
+ updateInterval?: number;
2719
+ };
2720
+ declare function getWelcomeGreeting(hour: number): WelcomeGreeting;
2721
+ declare function WelcomeMessage({ as: Heading, className, date, greeting, name, showWave, subtitle, timeZone, updateInterval, }: WelcomeMessageProps): react.JSX.Element;
2722
+
2643
2723
  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
2724
  type GoogleFontFamily = (typeof googleFonts)[number];
2645
2725
 
@@ -2667,4 +2747,4 @@ type SankeyLinkDef = {
2667
2747
  };
2668
2748
  declare const demoSankeyLinks: SankeyLinkDef[];
2669
2749
 
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 };
2750
+ export { type AccentColor, AccentColorPicker, Accordion, AccordionGroup, type AccordionGroupType, Alert, type AlertStatus, ApplicationFooter, type ApplicationFooterAction, type ApplicationFooterProps, ApplicationHeader, type ApplicationHeaderAction, type ApplicationHeaderProfile, type ApplicationHeaderProps, 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, type StatTileTrendTone, 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, type WelcomeGreeting, WelcomeMessage, type WelcomeMessageProps, accentColors, cartesianSpecializedVariants, countryCodeToFlag, createAccentStyle, defaultMegaMenuFeatured, defaultMegaMenuMenus, defaultMegaMenuSections, defaultTopNavigationBarMenus, defaultTopNavigationMegaMenus, defaultTopNavigationMenus, demoSankeyLinks, fieldInputAriaProps, getWelcomeGreeting, googleFonts, countries as phoneCountries, useAccentPreference, useClipboard, useContextMenu, useFieldShellAria, useFontPreference, useHotkey, useHotkeyManager, useIntersectionObserver, useOpusTheme, usePortalHost, useResizeObserver, useToast, useTopNavigation, worldMapRegionIds };