opus-react 0.2.34 → 0.2.38

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ButtonHTMLAttributes, ReactNode, ChangeEventHandler, CSSProperties, RefObject, HTMLAttributes } from 'react';
+import { ButtonHTMLAttributes, ReactNode, ChangeEventHandler, CSSProperties, ComponentPropsWithoutRef, RefObject, HTMLAttributes, MouseEvent } from 'react';
 
 type Theme = "light" | "dark";
 type FieldMode = "stacked" | "flagged";
@@ -344,12 +344,13 @@ type SwitchFieldProps = {
     help?: string;
     id: string;
     label: string;
+    labelVisuallyHidden?: boolean;
     labelPosition?: LabelPosition;
     mode?: FieldMode;
     size?: InputControlSize;
     onChange: ChangeEventHandler<HTMLInputElement>;
 };
-declare function SwitchField({ checked, error, help, id, label, labelPosition, mode, size, onChange, }: SwitchFieldProps): react.JSX.Element;
+declare function SwitchField({ checked, error, help, id, label, labelVisuallyHidden, labelPosition, mode, size, onChange, }: SwitchFieldProps): react.JSX.Element;
 
 type TextAreaFieldProps = {
     error?: string;
@@ -1430,6 +1431,16 @@ type SplitterProps = {
 };
 declare function Splitter({ children, className, defaultSize, flush, minSize, onSizeChange, orientation, size: controlledSize, style, }: SplitterProps): react.JSX.Element;
 
+type ResizeHandleBackground = "accent" | "contrast" | "none" | "subtle";
+type ResizeHandleHeight = "full" | "medium" | "short" | "tall";
+type ResizeHandleOrientation = "horizontal" | "vertical";
+type ResizeHandleProps = Omit<ComponentPropsWithoutRef<"button">, "type"> & {
+    background?: ResizeHandleBackground;
+    height?: ResizeHandleHeight;
+    orientation: ResizeHandleOrientation;
+};
+declare function ResizeHandle({ background, className, height, orientation, ...props }: ResizeHandleProps): react.JSX.Element;
+
 type ResizablePanelProps = {
     children: ReactNode;
     className?: string;
@@ -1458,14 +1469,72 @@ type DockLayoutProps = {
 };
 declare function DockLayout({ bottom, children, className, left, right, style, top, }: DockLayoutProps): react.JSX.Element;
 
+type ThreePaneLayoutSize = {
+    leftWidth: number;
+    rightWidth: number;
+};
+type ThreePaneLayoutHandleBackground = ResizeHandleBackground;
+type ThreePaneLayoutHandleHeight = ResizeHandleHeight;
+type ThreePaneLayoutProps = {
+    children: ReactNode;
+    className?: string;
+    defaultLeftWidth?: number;
+    defaultRightWidth?: number;
+    handleBackground?: ThreePaneLayoutHandleBackground;
+    handleBorderRadius?: number | string;
+    handleHeight?: ThreePaneLayoutHandleHeight;
+    handleMarginBlock?: number | string;
+    left?: ReactNode;
+    leftCollapsed?: boolean;
+    leftCollapsedWidth?: number;
+    leftLabel?: string;
+    maxLeftWidth?: number;
+    maxRightWidth?: number;
+    minLeftWidth?: number;
+    minRightWidth?: number;
+    onLeftCollapsedChange?: (collapsed: boolean) => void;
+    onRightCollapsedChange?: (collapsed: boolean) => void;
+    onSizeChange?: (size: ThreePaneLayoutSize) => void;
+    persist?: boolean;
+    right?: ReactNode;
+    rightCollapsed?: boolean;
+    rightCollapsedWidth?: number;
+    rightLabel?: string;
+    storageKey?: string;
+    style?: CSSProperties;
+    transitionsEnabled?: boolean;
+};
+declare function ThreePaneLayout({ children, className, defaultLeftWidth, defaultRightWidth, handleBackground, handleBorderRadius, handleHeight, handleMarginBlock, left, leftCollapsed, leftCollapsedWidth, leftLabel, maxLeftWidth, maxRightWidth, minLeftWidth, minRightWidth, onLeftCollapsedChange, onRightCollapsedChange, onSizeChange, persist, right, rightCollapsed, rightCollapsedWidth, rightLabel, storageKey, style, transitionsEnabled, }: ThreePaneLayoutProps): react.JSX.Element;
+
 type ScrollAreaProps = {
     children: ReactNode;
     className?: string;
     maxHeight?: number | string;
     orientation?: "vertical" | "horizontal" | "both";
     style?: CSSProperties;
+    autoHide?: boolean;
+    thickness?: number;
 };
-declare function ScrollArea({ children, className, maxHeight, orientation, style, }: ScrollAreaProps): react.JSX.Element;
+declare function ScrollArea({ autoHide, children, className, maxHeight, orientation, style, thickness, }: ScrollAreaProps): react.JSX.Element;
+
+type CustomScrollbarOrientation = "both" | "horizontal" | "vertical";
+type CustomScrollbarShape = "round" | "square";
+type CustomScrollbarProps = {
+    autoHide?: boolean;
+    children: ReactNode;
+    className?: string;
+    label?: string;
+    maxHeight?: number | string;
+    minThumbSize?: number;
+    horizontalThumbShape?: CustomScrollbarShape;
+    horizontalTrackShape?: CustomScrollbarShape;
+    orientation?: CustomScrollbarOrientation;
+    style?: CSSProperties;
+    thickness?: number;
+    verticalThumbShape?: CustomScrollbarShape;
+    verticalTrackShape?: CustomScrollbarShape;
+};
+declare function CustomScrollbar({ autoHide, children, className, label, maxHeight, minThumbSize, horizontalThumbShape, horizontalTrackShape, orientation, style, thickness, verticalThumbShape, verticalTrackShape, }: CustomScrollbarProps): react.JSX.Element;
 
 type AspectRatioProps = {
     children: ReactNode;
@@ -1500,11 +1569,12 @@ type BreadcrumbItem = {
     label: string;
 };
 type BreadcrumbProps = {
+    ariaLabel?: string;
     items: BreadcrumbItem[];
     onNavigate?: (id: string) => void;
     separator?: ReactNode;
 };
-declare function Breadcrumb({ items, onNavigate, separator }: BreadcrumbProps): react.JSX.Element;
+declare function Breadcrumb({ ariaLabel, items, onNavigate, separator }: BreadcrumbProps): react.JSX.Element;
 
 type PaginationProps = {
     page: number;
@@ -1727,6 +1797,38 @@ type RecentActivityProps = {
 };
 declare function RecentActivity({ className, footerHref, footerLabel, items, onFooterClick, onItemClick, title, }: RecentActivityProps): react.JSX.Element;
 
+type NoteTagTone = "blue" | "cyan" | "green" | "orange" | "pink" | "purple" | "red" | "slate" | "teal" | "yellow";
+type NoteTagOption = {
+    id?: string;
+    label: string;
+    tone: NoteTagTone;
+};
+declare const DEFAULT_NOTE_TAG_OPTIONS: NoteTagOption[];
+type NoteTagProps = NoteTagOption & {
+    className?: string;
+    onRemove?: (tag: NoteTagOption) => void;
+    removable?: boolean;
+    selected?: boolean;
+    size?: "sm" | "md";
+};
+type NoteTagListProps = {
+    className?: string;
+    onRemove?: (tag: NoteTagOption) => void;
+    tags: NoteTagOption[];
+    size?: NoteTagProps["size"];
+};
+type NoteTagPickerProps = {
+    buttonClassName?: string;
+    children?: ReactNode;
+    label?: string;
+    onChange: (tags: NoteTagOption[]) => void;
+    options?: NoteTagOption[];
+    selectedTags: NoteTagOption[];
+};
+declare function NoteTag({ className, id, label, onRemove, removable, selected, size, tone, }: NoteTagProps): react.JSX.Element;
+declare function NoteTagList({ className, onRemove, tags, size }: NoteTagListProps): react.JSX.Element | null;
+declare function NoteTagPicker({ buttonClassName, children, label, onChange, options, selectedTags, }: NoteTagPickerProps): react.JSX.Element;
+
 type NoteComposerProps = {
     className?: string;
     defaultValue?: string;
@@ -1735,25 +1837,27 @@ type NoteComposerProps = {
     onChange?: (value: string) => void;
     onEmojiSelect?: (emoji: string) => void;
     onMentionClick?: () => void;
-    onSave?: (value: string) => void;
+    onSave?: (value: string, tags: NoteTagOption[]) => void;
+    onTagsChange?: (tags: NoteTagOption[]) => void;
     placeholder?: string;
     saveButtonLabel?: string;
     showAttach?: boolean;
     showEmoji?: boolean;
     showMention?: boolean;
+    showTags?: boolean;
+    selectedTags?: NoteTagOption[];
+    tagOptions?: NoteTagOption[];
     value?: string;
 };
-declare function NoteComposer({ className, defaultValue, id, onAttachClick, onChange, onEmojiSelect, onMentionClick, onSave, placeholder, saveButtonLabel, showAttach, showEmoji, showMention, value, }: NoteComposerProps): react.JSX.Element;
+declare function NoteComposer({ className, defaultValue, id, onAttachClick, onChange, onEmojiSelect, onMentionClick, onSave, onTagsChange, placeholder, saveButtonLabel, showAttach, showEmoji, showMention, showTags, selectedTags, tagOptions, value, }: NoteComposerProps): react.JSX.Element;
 
-type NotesActivityTagTone = "blue" | "green" | "orange" | "purple";
-type NotesActivityTag = {
-    label: string;
-    tone: NotesActivityTagTone;
-};
+type NotesActivityTagTone = NoteTagTone;
+type NotesActivityTag = NoteTagOption;
 type NotesActivityItem = {
     author: string;
     avatarSrc?: string;
     body: string;
+    comments?: NotesActivityComment[];
     dateGroup: string;
     id: string;
     kind: "activity" | "note";
@@ -1761,21 +1865,48 @@ type NotesActivityItem = {
     tags?: NotesActivityTag[];
     time: string;
 };
+type NotesActivityComment = {
+    author: string;
+    avatarSrc?: string;
+    body: string;
+    id: string;
+    tags?: NotesActivityTag[];
+    time: string;
+};
 type NotesActivityTab = "activity" | "notes";
 type NotesActivityProps = {
+    activeTab?: NotesActivityTab;
+    addNoteButtonLabel?: string;
+    addNoteModalDescription?: string;
+    addNoteModalTitle?: string;
     className?: string;
     composerPlaceholder?: string;
     defaultTab?: NotesActivityTab;
-    footerHref?: string;
-    footerLabel?: string;
+    density?: SurfaceDensity;
+    activityFooterHref?: string;
+    activityFooterLabel?: string;
     items: NotesActivityItem[];
-    onFooterClick?: () => void;
+    notesFooterHref?: string;
+    notesFooterLabel?: string;
+    noteAuthorAvatarSrc?: string;
+    noteAuthorName?: string;
+    noteTagOptions?: NotesActivityTag[];
+    onActivityFooterClick?: () => void;
     onItemClick?: (item: NotesActivityItem) => void;
-    onNoteSave?: (note: string) => void;
+    onNoteAttachClick?: () => void;
+    onNoteEmojiSelect?: (emoji: string) => void;
+    onNoteMentionClick?: () => void;
+    onNotesFooterClick?: () => void;
+    onNoteSave?: (note: string, parentNote?: NotesActivityItem, tags?: NotesActivityTag[]) => void;
+    onOpenTask?: (item: NotesActivityItem) => void;
     onTabChange?: (tab: NotesActivityTab) => void;
     saveButtonLabel?: string;
+    showAttach?: boolean;
+    showEmoji?: boolean;
+    showMention?: boolean;
+    showTags?: boolean;
 };
-declare function NotesActivity({ className, composerPlaceholder, defaultTab, footerHref, footerLabel, items, onFooterClick, onItemClick, onNoteSave, onTabChange, saveButtonLabel, }: NotesActivityProps): react.JSX.Element;
+declare function NotesActivity({ activeTab: controlledActiveTab, className, composerPlaceholder, defaultTab, density, activityFooterHref, activityFooterLabel, items, notesFooterHref, notesFooterLabel, noteAuthorAvatarSrc, noteAuthorName, noteTagOptions, onActivityFooterClick, onItemClick, onNoteAttachClick, onNoteEmojiSelect, onNoteMentionClick, onNotesFooterClick, onNoteSave, onOpenTask, onTabChange, saveButtonLabel, showAttach, showEmoji, showMention, showTags, }: NotesActivityProps): react.JSX.Element;
 
 type TopPerformingUserItem = {
     displayValue: string;
@@ -1859,14 +1990,20 @@ type ImageCropUploadWidgetProps = {
 declare function ImageCropUploadWidget({ changeButtonLabel, className, cropButtonLabel, id, label, maxZoom, minZoom, onChange, onCrop, outputSize, title, uploadLabel, value, viewportSize, zoomLabel, zoomStep, }: ImageCropUploadWidgetProps): react.JSX.Element;
 
 type DashboardContentContainerWidth = "full" | "widget";
+type DashboardContentContainerHeight = "auto" | "full";
 type DashboardContentContainerProps = {
     children: ReactNode;
     className?: string;
     "data-component"?: string;
+    height?: DashboardContentContainerHeight;
+    paddingBottom?: boolean;
+    paddingLeft?: boolean;
+    paddingRight?: boolean;
+    paddingTop?: boolean;
     title?: string;
     width?: DashboardContentContainerWidth;
 };
-declare function DashboardContentContainer({ children, className, "data-component": dataComponent, title, width, }: DashboardContentContainerProps): react.JSX.Element;
+declare function DashboardContentContainer({ children, className, "data-component": dataComponent, height, paddingBottom, paddingLeft, paddingRight, paddingTop, title, width, }: DashboardContentContainerProps): react.JSX.Element;
 
 type PropertyInspectorValue = string | number | boolean | null | undefined | {
     options: string[];
@@ -2032,15 +2169,18 @@ type ResourcePlannerProps = {
 };
 declare function ResourcePlanner({ endHour, items, resources, startHour, }: ResourcePlannerProps): react.JSX.Element;
 
-type ContentTimelineTagTone = "blue" | "green" | "orange" | "purple";
+type ContentTimelineTagTone = NoteTagTone;
 type ContentTimelineTag = {
     label: string;
     tone?: ContentTimelineTagTone;
 };
 type ContentTimelineItem = {
+    action?: ReactNode;
+    children?: ReactNode;
     avatarName?: string;
     avatarSrc?: string;
     description?: string;
+    footer?: ReactNode;
     id?: string;
     status?: ContentTimelineStatus;
     tags?: ContentTimelineTag[];
@@ -2055,10 +2195,11 @@ type ContentTimelineProps = {
     groups?: ContentTimelineGroup[];
     items?: ContentTimelineItem[];
     onItemClick?: (item: ContentTimelineItem, index: number) => void;
+    onItemDoubleClick?: (item: ContentTimelineItem, index: number) => void;
     /** @deprecated Prefer per-item `avatarName` to choose avatar vs status markers. */
     variant?: "avatar" | "default";
 };
-declare function ContentTimeline({ groups, items, onItemClick, variant }: ContentTimelineProps): react.JSX.Element;
+declare function ContentTimeline({ groups, items, onItemClick, onItemDoubleClick, variant }: ContentTimelineProps): react.JSX.Element;
 
 type TreeViewNode = {
     children?: TreeViewNode[];
@@ -2234,15 +2375,45 @@ declare function useIntersectionObserver(targetRef: RefObject<HTMLElement | null
     threshold?: number | number[];
 }): boolean;
 
+type SidebarMenuLinkItem = {
+    href?: string;
+    icon?: ReactNode | string;
+    id: string;
+    label: ReactNode;
+    onSelect?: (item: SidebarMenuLinkItem) => void;
+    type?: "item";
+};
+type SidebarMenuGroupItem = {
+    children: SidebarMenuItem[];
+    defaultOpen?: boolean;
+    icon?: ReactNode | string;
+    id: string;
+    label: string;
+    type: "group";
+};
+type SidebarMenuItem = SidebarMenuGroupItem | SidebarMenuLinkItem;
 type SidebarProps = {
-    children: ReactNode;
+    activeItem?: string;
+    children?: ReactNode;
     collapsed?: boolean;
+    defaultActiveItem?: string;
     density?: SurfaceDensity;
     footer?: ReactNode;
     header?: ReactNode;
+    menu?: SidebarMenuItem[];
+    navLabel?: string;
+    onCollapsedGroupSelect?: (groupId: string) => void;
+    onSelect?: (item: SidebarMenuLinkItem) => void;
+    paddingBottom?: boolean;
+    paddingLeft?: boolean;
+    paddingRight?: boolean;
+    paddingTop?: boolean;
+    persistState?: boolean;
+    renderIcon?: (icon: string) => ReactNode;
     side?: SidebarSide;
+    storageKey?: string;
 };
-declare function Sidebar({ children, collapsed, density, footer, header, side, }: SidebarProps): react.JSX.Element;
+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;
 type SidebarHeaderProps = {
     children?: ReactNode;
     title: string;
@@ -2252,30 +2423,33 @@ type SidebarNavProps = {
     "aria-label": string;
     children: ReactNode;
 };
-declare function SidebarNav({ "aria-label": ariaLabel, children }: SidebarNavProps): react.JSX.Element;
+declare function SidebarNav({ "aria-label": ariaLabel, children, }: SidebarNavProps): react.JSX.Element;
 type SidebarLinkProps = {
     active?: boolean;
     children: ReactNode;
     href?: string;
     icon?: ReactNode;
-    onClick?: () => void;
+    itemId?: string;
+    onClick?: (event: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
+    onSelect?: (item: SidebarMenuLinkItem) => void;
 };
-declare function SidebarLink({ active, children, href, icon, onClick }: SidebarLinkProps): react.JSX.Element;
+declare function SidebarLink({ active, children, href, icon, itemId, onClick, onSelect, }: SidebarLinkProps): react.JSX.Element;
 type SidebarGroupProps = {
     children: ReactNode;
     defaultOpen?: boolean;
+    depth?: number;
     icon?: ReactNode;
     id?: string;
     label: string;
 };
-declare function SidebarGroup({ children, defaultOpen, icon, id, label }: SidebarGroupProps): react.JSX.Element;
+declare function SidebarGroup({ children, defaultOpen, depth, icon, id, label, }: SidebarGroupProps): react.JSX.Element;
 type SidebarLayoutProps = {
     children: ReactNode;
     collapsed?: boolean;
     main: ReactNode;
     side?: SidebarSide;
 };
-declare function SidebarLayout({ children, collapsed, main, side }: SidebarLayoutProps): react.JSX.Element;
+declare function SidebarLayout({ children, collapsed, main, side, }: SidebarLayoutProps): react.JSX.Element;
 
 type MegaMenuItem = {
     description?: string;
@@ -2472,4 +2646,4 @@ type SankeyLinkDef = {
 };
 declare const demoSankeyLinks: SankeyLinkDef[];
 
-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, 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, NotesActivity, type NotesActivityItem, type NotesActivityProps, 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, 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, SidebarNav, 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, 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 };
+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 };