opus-react 0.2.5 → 0.2.8

package/dist/index.d.cts

@@ -307,6 +307,191 @@ type ThemeToggleFieldProps = {
 };
 declare function ThemeToggleField({ className, id, label, labelPosition, labelVisuallyHidden, mode, value, onChange, }: ThemeToggleFieldProps): react.JSX.Element;
 
+type FilterSelectGroup = {
+    label: string;
+    options: string[];
+};
+type FilterSelectFieldProps = {
+    error?: string;
+    groups: FilterSelectGroup[];
+    help?: string;
+    id: string;
+    label: string;
+    labelPosition?: LabelPosition;
+    mode?: FieldMode;
+    placeholder?: string;
+    required?: boolean;
+    searchPlaceholder?: string;
+    value: string[];
+    onChange: (value: string[]) => void;
+};
+declare function FilterSelectField({ error, groups, help, id, label, labelPosition, mode, placeholder, required, searchPlaceholder, value, onChange, }: FilterSelectFieldProps): react.JSX.Element;
+
+type MultiSelectFieldProps = {
+    error?: string;
+    help?: string;
+    id: string;
+    label: string;
+    labelPosition?: LabelPosition;
+    mode?: FieldMode;
+    options: string[];
+    placeholder?: string;
+    required?: boolean;
+    value: string[];
+    onChange: (value: string[]) => void;
+};
+declare function MultiSelectField({ error, help, id, label, labelPosition, mode, options, placeholder, required, value, onChange, }: MultiSelectFieldProps): react.JSX.Element;
+
+type TransferListFieldProps = {
+    available: string[];
+    error?: string;
+    help?: string;
+    id: string;
+    label: string;
+    labelPosition?: LabelPosition;
+    mode?: FieldMode;
+    required?: boolean;
+    selected: string[];
+    onChange: (selected: string[]) => void;
+};
+declare function TransferListField({ available, error, help, id, label, labelPosition, mode, required, selected, onChange, }: TransferListFieldProps): react.JSX.Element;
+
+type PasswordRequirement = {
+    id: string;
+    label: string;
+    test: (value: string) => boolean;
+};
+type PasswordStrengthFieldProps = {
+    error?: string;
+    help?: string;
+    id: string;
+    label: string;
+    labelPosition?: LabelPosition;
+    mode?: FieldMode;
+    placeholder?: string;
+    required?: boolean;
+    requirements?: PasswordRequirement[];
+    showRequirements?: boolean;
+    value: string;
+    onChange: (value: string) => void;
+};
+declare function PasswordStrengthField({ error, help, id, label, labelPosition, mode, placeholder, required, requirements, showRequirements, value, onChange, }: PasswordStrengthFieldProps): react.JSX.Element;
+
+type RatingVariant = "stars" | "hearts" | "numeric";
+type RatingFieldProps = {
+    error?: string;
+    help?: string;
+    id: string;
+    label: string;
+    labelPosition?: LabelPosition;
+    max?: number;
+    mode?: FieldMode;
+    required?: boolean;
+    value: number;
+    variant?: RatingVariant;
+    onChange: (value: number) => void;
+};
+declare function RatingField({ error, help, id, label, labelPosition, max, mode, required, value, variant, onChange, }: RatingFieldProps): react.JSX.Element;
+
+type SegmentedControlFieldProps = {
+    error?: string;
+    help?: string;
+    id: string;
+    label: string;
+    labelPosition?: LabelPosition;
+    mode?: FieldMode;
+    options: string[];
+    required?: boolean;
+    value: string;
+    onChange: (value: string) => void;
+};
+declare function SegmentedControlField({ error, help, id, label, labelPosition, mode, options, required, value, onChange, }: SegmentedControlFieldProps): react.JSX.Element;
+
+type SliderRangeFieldProps = {
+    error?: string;
+    help?: string;
+    id: string;
+    label: string;
+    labelPosition?: LabelPosition;
+    max?: number;
+    min?: number;
+    mode?: FieldMode;
+    required?: boolean;
+    step?: number;
+    value: [number, number];
+    onChange: (value: [number, number]) => void;
+};
+declare function SliderRangeField({ error, help, id, label, labelPosition, max, min, mode, required, step, value, onChange, }: SliderRangeFieldProps): react.JSX.Element;
+
+type PhoneCountry = {
+    code: string;
+    dialCode: string;
+    label: string;
+};
+/**
+ * Converts an ISO 3166-1 alpha-2 country code into its flag emoji using
+ * regional indicator symbols, so no image assets are required.
+ */
+declare function countryCodeToFlag(code: string): string;
+declare const countries: PhoneCountry[];
+
+type PhoneNumberFieldProps = {
+    countries?: PhoneCountry[];
+    countryCode: string;
+    error?: string;
+    help?: string;
+    id: string;
+    label: string;
+    labelPosition?: LabelPosition;
+    mode?: FieldMode;
+    placeholder?: string;
+    required?: boolean;
+    value: string;
+    onChange: (value: string) => void;
+    onCountryCodeChange: (countryCode: string) => void;
+};
+declare function PhoneNumberField({ countries, countryCode, error, help, id, label, labelPosition, mode, placeholder, required, value, onChange, onCountryCodeChange, }: PhoneNumberFieldProps): react.JSX.Element;
+
+type TreeSelectNode = {
+    children?: TreeSelectNode[];
+    label: string;
+    value: string;
+};
+type TreeSelectFieldProps = {
+    error?: string;
+    help?: string;
+    id: string;
+    label: string;
+    labelPosition?: LabelPosition;
+    mode?: FieldMode;
+    nodes: TreeSelectNode[];
+    placeholder?: string;
+    required?: boolean;
+    value: string | null;
+    onChange: (value: string | null) => void;
+};
+declare function TreeSelectField({ error, help, id, label, labelPosition, mode, nodes, placeholder, required, value, onChange, }: TreeSelectFieldProps): react.JSX.Element;
+
+type CascaderOption = {
+    children?: CascaderOption[];
+    label: string;
+    value: string;
+};
+type CascaderFieldProps = {
+    error?: string;
+    help?: string;
+    id: string;
+    label: string;
+    labelPosition?: LabelPosition;
+    mode?: FieldMode;
+    options: CascaderOption[];
+    placeholder?: string;
+    required?: boolean;
+    value: string[];
+    onChange: (value: string[]) => void;
+};
+declare function CascaderField({ error, help, id, label, labelPosition, mode, options, placeholder, required, value, onChange, }: CascaderFieldProps): react.JSX.Element;
+
 type TooltipProps = {
     content: string;
     label?: string;
@@ -461,8 +646,15 @@ declare function useOpusTheme(): Theme;
 type OpusThemeProviderProps = {
     children: ReactNode;
     theme: Theme;
+    /**
+     * When true (the default), the provider sets `data-theme` on the document
+     * root element so themed CSS variables also apply to portalled content
+     * (modals, drawers, toasts, dropdowns) that renders outside the React tree.
+     * Set to false if you want to manage the `data-theme` attribute yourself.
+     */
+    applyToDocument?: boolean;
 };
-declare function OpusThemeProvider({ children, theme }: OpusThemeProviderProps): react.JSX.Element;
+declare function OpusThemeProvider({ children, theme, applyToDocument, }: OpusThemeProviderProps): react.JSX.Element;
 
 type CommandPaletteItem = {
     description?: string;
@@ -1126,4 +1318,15 @@ type IconPickerProps = {
 };
 declare function IconPicker({ id, label, labelPosition, mode, onChange, searchPlaceholder, value, }: IconPickerProps): react.JSX.Element;
 
-export { type AccentColor, AccentColorPicker, Accordion, AccordionGroup, type AccordionGroupType, Alert, type AlertStatus, Button, type ButtonVariant, Card, Carousel, CatalogIcon, Chart, type ChartDatum, type ChartPalette, type ChartSeries, type ChartVariant, CheckboxField, ChipInput, ChipInputField, type ChipInputPreset, type ChipInputVariant, type ChoiceOption, type ChoiceShape, ColorField, CommandPalette, type CommandPaletteItem, ContextMenuProvider, ContextMenuTarget, DEFAULT_TOAST_DURATION_MS, DataGrid, type DataGridColumn, type DataGridRow, type DataGridRowHeaderColumn, DateField, type DateInputType, Dialog, type DialogActionSet, type DialogResult, Drawer, DrawerDefaultActions, type DrawerSide, DropdownMenu, DropdownMenuItem, type DropdownMenuItemData, type DropdownMenuPlacement, EmptyState, type EmptyStateIcon, type FieldMode, FieldShell, FileField, type GalleryImage, Gauge, type GaugeFooterItem, type GaugeTrend, type GaugeVariant, HiddenField, IconPicker, ImageGallery, ImageThumbnail, type ImageThumbnailSize, type LabelPosition, Lightbox, MegaMenu, type MegaMenuConfig, type MegaMenuFeatured, type MegaMenuItem, type MegaMenuSection, MetricTile, Modal, ModalDefaultActions, type ModalSize, type ModelAsset, ModelGallery, ModelLightbox, ModelThumbnail, type ModelThumbnailSize, ModelViewer, NumberField, OpusThemeProvider, Panel, Popover, type PopoverPlacement, ProgressBar, ProgressRing, Radio, RadioGroup, RangeField, Section, type SectionAlign, type SectionColumns, type SectionGap, type SectionJustify, type SectionLayoutPreset, type SectionSidebar, type SectionSidebarRatio, type SectionSpan, type SectionStackBelow, type SectionTemplate, type SectionWidth, SelectField, ShowMore, type ShowToastOptions, Sidebar, SidebarGroup, SidebarHeader, SidebarLayout, SidebarLink, SidebarNav, type SidebarSide, Skeleton, type SkeletonAnimation, type SkeletonVariant, Sparkline, Speedometer, StatCard, type StatCardTrend, 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, ThemeToggleField, Toast, type ToastHorizontalPosition, ToastProvider, type ToastVerticalPosition, type ToastViewportPosition, Tooltip, TopNavigation, type TopNavigationBarMenu, type TopNavigationDropdownMenu, type TopNavigationMegaMenu, TopNavigationMenu, type TopNavigationMenuConfig, type TopNavigationSelectItem, TrendBadge, type TrendBadgeDirection, accentColors, createAccentStyle, defaultMegaMenuFeatured, defaultMegaMenuMenus, defaultMegaMenuSections, defaultTopNavigationBarMenus, defaultTopNavigationMegaMenus, defaultTopNavigationMenus, fieldInputAriaProps, useAccentPreference, useContextMenu, useFieldShellAria, useOpusTheme, useToast, useTopNavigation };
+declare const cartesianSpecializedVariants: ChartVariant[];
+
+declare const worldMapRegionIds: string[];
+
+type SankeyLinkDef = {
+    source: string;
+    target: string;
+    value: number;
+};
+declare const demoSankeyLinks: SankeyLinkDef[];
+
+export { type AccentColor, AccentColorPicker, Accordion, AccordionGroup, type AccordionGroupType, Alert, type AlertStatus, Button, type ButtonVariant, Card, Carousel, CascaderField, type CascaderOption, CatalogIcon, Chart, type ChartDatum, type ChartPalette, type ChartSeries, type ChartVariant, CheckboxField, ChipInput, ChipInputField, type ChipInputPreset, type ChipInputVariant, type ChoiceOption, type ChoiceShape, ColorField, CommandPalette, type CommandPaletteItem, ContextMenuProvider, ContextMenuTarget, DEFAULT_TOAST_DURATION_MS, DataGrid, type DataGridColumn, type DataGridRow, type DataGridRowHeaderColumn, DateField, type DateInputType, Dialog, type DialogActionSet, type DialogResult, Drawer, DrawerDefaultActions, type DrawerSide, DropdownMenu, DropdownMenuItem, type DropdownMenuItemData, type DropdownMenuPlacement, EmptyState, type EmptyStateIcon, type FieldMode, FieldShell, FileField, FilterSelectField, type FilterSelectGroup, type GalleryImage, Gauge, type GaugeFooterItem, type GaugeTrend, type GaugeVariant, HiddenField, IconPicker, ImageGallery, ImageThumbnail, type ImageThumbnailSize, type LabelPosition, Lightbox, MegaMenu, type MegaMenuConfig, type MegaMenuFeatured, type MegaMenuItem, type MegaMenuSection, MetricTile, Modal, ModalDefaultActions, type ModalSize, type ModelAsset, ModelGallery, ModelLightbox, ModelThumbnail, type ModelThumbnailSize, ModelViewer, MultiSelectField, NumberField, OpusThemeProvider, Panel, type PasswordRequirement, PasswordStrengthField, type PhoneCountry, PhoneNumberField, Popover, type PopoverPlacement, ProgressBar, ProgressRing, Radio, RadioGroup, RangeField, RatingField, type RatingVariant, 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, Sparkline, Speedometer, StatCard, type StatCardTrend, 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, ThemeToggleField, Toast, type ToastHorizontalPosition, ToastProvider, type ToastVerticalPosition, type ToastViewportPosition, Tooltip, TopNavigation, type TopNavigationBarMenu, type TopNavigationDropdownMenu, type TopNavigationMegaMenu, TopNavigationMenu, type TopNavigationMenuConfig, type TopNavigationSelectItem, TransferListField, TreeSelectField, type TreeSelectNode, TrendBadge, type TrendBadgeDirection, accentColors, cartesianSpecializedVariants, countryCodeToFlag, createAccentStyle, defaultMegaMenuFeatured, defaultMegaMenuMenus, defaultMegaMenuSections, defaultTopNavigationBarMenus, defaultTopNavigationMegaMenus, defaultTopNavigationMenus, demoSankeyLinks, fieldInputAriaProps, countries as phoneCountries, useAccentPreference, useContextMenu, useFieldShellAria, useOpusTheme, useToast, useTopNavigation, worldMapRegionIds };

package/dist/index.d.ts

@@ -307,6 +307,191 @@ type ThemeToggleFieldProps = {
 };
 declare function ThemeToggleField({ className, id, label, labelPosition, labelVisuallyHidden, mode, value, onChange, }: ThemeToggleFieldProps): react.JSX.Element;
 
+type FilterSelectGroup = {
+    label: string;
+    options: string[];
+};
+type FilterSelectFieldProps = {
+    error?: string;
+    groups: FilterSelectGroup[];
+    help?: string;
+    id: string;
+    label: string;
+    labelPosition?: LabelPosition;
+    mode?: FieldMode;
+    placeholder?: string;
+    required?: boolean;
+    searchPlaceholder?: string;
+    value: string[];
+    onChange: (value: string[]) => void;
+};
+declare function FilterSelectField({ error, groups, help, id, label, labelPosition, mode, placeholder, required, searchPlaceholder, value, onChange, }: FilterSelectFieldProps): react.JSX.Element;
+
+type MultiSelectFieldProps = {
+    error?: string;
+    help?: string;
+    id: string;
+    label: string;
+    labelPosition?: LabelPosition;
+    mode?: FieldMode;
+    options: string[];
+    placeholder?: string;
+    required?: boolean;
+    value: string[];
+    onChange: (value: string[]) => void;
+};
+declare function MultiSelectField({ error, help, id, label, labelPosition, mode, options, placeholder, required, value, onChange, }: MultiSelectFieldProps): react.JSX.Element;
+
+type TransferListFieldProps = {
+    available: string[];
+    error?: string;
+    help?: string;
+    id: string;
+    label: string;
+    labelPosition?: LabelPosition;
+    mode?: FieldMode;
+    required?: boolean;
+    selected: string[];
+    onChange: (selected: string[]) => void;
+};
+declare function TransferListField({ available, error, help, id, label, labelPosition, mode, required, selected, onChange, }: TransferListFieldProps): react.JSX.Element;
+
+type PasswordRequirement = {
+    id: string;
+    label: string;
+    test: (value: string) => boolean;
+};
+type PasswordStrengthFieldProps = {
+    error?: string;
+    help?: string;
+    id: string;
+    label: string;
+    labelPosition?: LabelPosition;
+    mode?: FieldMode;
+    placeholder?: string;
+    required?: boolean;
+    requirements?: PasswordRequirement[];
+    showRequirements?: boolean;
+    value: string;
+    onChange: (value: string) => void;
+};
+declare function PasswordStrengthField({ error, help, id, label, labelPosition, mode, placeholder, required, requirements, showRequirements, value, onChange, }: PasswordStrengthFieldProps): react.JSX.Element;
+
+type RatingVariant = "stars" | "hearts" | "numeric";
+type RatingFieldProps = {
+    error?: string;
+    help?: string;
+    id: string;
+    label: string;
+    labelPosition?: LabelPosition;
+    max?: number;
+    mode?: FieldMode;
+    required?: boolean;
+    value: number;
+    variant?: RatingVariant;
+    onChange: (value: number) => void;
+};
+declare function RatingField({ error, help, id, label, labelPosition, max, mode, required, value, variant, onChange, }: RatingFieldProps): react.JSX.Element;
+
+type SegmentedControlFieldProps = {
+    error?: string;
+    help?: string;
+    id: string;
+    label: string;
+    labelPosition?: LabelPosition;
+    mode?: FieldMode;
+    options: string[];
+    required?: boolean;
+    value: string;
+    onChange: (value: string) => void;
+};
+declare function SegmentedControlField({ error, help, id, label, labelPosition, mode, options, required, value, onChange, }: SegmentedControlFieldProps): react.JSX.Element;
+
+type SliderRangeFieldProps = {
+    error?: string;
+    help?: string;
+    id: string;
+    label: string;
+    labelPosition?: LabelPosition;
+    max?: number;
+    min?: number;
+    mode?: FieldMode;
+    required?: boolean;
+    step?: number;
+    value: [number, number];
+    onChange: (value: [number, number]) => void;
+};
+declare function SliderRangeField({ error, help, id, label, labelPosition, max, min, mode, required, step, value, onChange, }: SliderRangeFieldProps): react.JSX.Element;
+
+type PhoneCountry = {
+    code: string;
+    dialCode: string;
+    label: string;
+};
+/**
+ * Converts an ISO 3166-1 alpha-2 country code into its flag emoji using
+ * regional indicator symbols, so no image assets are required.
+ */
+declare function countryCodeToFlag(code: string): string;
+declare const countries: PhoneCountry[];
+
+type PhoneNumberFieldProps = {
+    countries?: PhoneCountry[];
+    countryCode: string;
+    error?: string;
+    help?: string;
+    id: string;
+    label: string;
+    labelPosition?: LabelPosition;
+    mode?: FieldMode;
+    placeholder?: string;
+    required?: boolean;
+    value: string;
+    onChange: (value: string) => void;
+    onCountryCodeChange: (countryCode: string) => void;
+};
+declare function PhoneNumberField({ countries, countryCode, error, help, id, label, labelPosition, mode, placeholder, required, value, onChange, onCountryCodeChange, }: PhoneNumberFieldProps): react.JSX.Element;
+
+type TreeSelectNode = {
+    children?: TreeSelectNode[];
+    label: string;
+    value: string;
+};
+type TreeSelectFieldProps = {
+    error?: string;
+    help?: string;
+    id: string;
+    label: string;
+    labelPosition?: LabelPosition;
+    mode?: FieldMode;
+    nodes: TreeSelectNode[];
+    placeholder?: string;
+    required?: boolean;
+    value: string | null;
+    onChange: (value: string | null) => void;
+};
+declare function TreeSelectField({ error, help, id, label, labelPosition, mode, nodes, placeholder, required, value, onChange, }: TreeSelectFieldProps): react.JSX.Element;
+
+type CascaderOption = {
+    children?: CascaderOption[];
+    label: string;
+    value: string;
+};
+type CascaderFieldProps = {
+    error?: string;
+    help?: string;
+    id: string;
+    label: string;
+    labelPosition?: LabelPosition;
+    mode?: FieldMode;
+    options: CascaderOption[];
+    placeholder?: string;
+    required?: boolean;
+    value: string[];
+    onChange: (value: string[]) => void;
+};
+declare function CascaderField({ error, help, id, label, labelPosition, mode, options, placeholder, required, value, onChange, }: CascaderFieldProps): react.JSX.Element;
+
 type TooltipProps = {
     content: string;
     label?: string;
@@ -461,8 +646,15 @@ declare function useOpusTheme(): Theme;
 type OpusThemeProviderProps = {
     children: ReactNode;
     theme: Theme;
+    /**
+     * When true (the default), the provider sets `data-theme` on the document
+     * root element so themed CSS variables also apply to portalled content
+     * (modals, drawers, toasts, dropdowns) that renders outside the React tree.
+     * Set to false if you want to manage the `data-theme` attribute yourself.
+     */
+    applyToDocument?: boolean;
 };
-declare function OpusThemeProvider({ children, theme }: OpusThemeProviderProps): react.JSX.Element;
+declare function OpusThemeProvider({ children, theme, applyToDocument, }: OpusThemeProviderProps): react.JSX.Element;
 
 type CommandPaletteItem = {
     description?: string;
@@ -1126,4 +1318,15 @@ type IconPickerProps = {
 };
 declare function IconPicker({ id, label, labelPosition, mode, onChange, searchPlaceholder, value, }: IconPickerProps): react.JSX.Element;
 
-export { type AccentColor, AccentColorPicker, Accordion, AccordionGroup, type AccordionGroupType, Alert, type AlertStatus, Button, type ButtonVariant, Card, Carousel, CatalogIcon, Chart, type ChartDatum, type ChartPalette, type ChartSeries, type ChartVariant, CheckboxField, ChipInput, ChipInputField, type ChipInputPreset, type ChipInputVariant, type ChoiceOption, type ChoiceShape, ColorField, CommandPalette, type CommandPaletteItem, ContextMenuProvider, ContextMenuTarget, DEFAULT_TOAST_DURATION_MS, DataGrid, type DataGridColumn, type DataGridRow, type DataGridRowHeaderColumn, DateField, type DateInputType, Dialog, type DialogActionSet, type DialogResult, Drawer, DrawerDefaultActions, type DrawerSide, DropdownMenu, DropdownMenuItem, type DropdownMenuItemData, type DropdownMenuPlacement, EmptyState, type EmptyStateIcon, type FieldMode, FieldShell, FileField, type GalleryImage, Gauge, type GaugeFooterItem, type GaugeTrend, type GaugeVariant, HiddenField, IconPicker, ImageGallery, ImageThumbnail, type ImageThumbnailSize, type LabelPosition, Lightbox, MegaMenu, type MegaMenuConfig, type MegaMenuFeatured, type MegaMenuItem, type MegaMenuSection, MetricTile, Modal, ModalDefaultActions, type ModalSize, type ModelAsset, ModelGallery, ModelLightbox, ModelThumbnail, type ModelThumbnailSize, ModelViewer, NumberField, OpusThemeProvider, Panel, Popover, type PopoverPlacement, ProgressBar, ProgressRing, Radio, RadioGroup, RangeField, Section, type SectionAlign, type SectionColumns, type SectionGap, type SectionJustify, type SectionLayoutPreset, type SectionSidebar, type SectionSidebarRatio, type SectionSpan, type SectionStackBelow, type SectionTemplate, type SectionWidth, SelectField, ShowMore, type ShowToastOptions, Sidebar, SidebarGroup, SidebarHeader, SidebarLayout, SidebarLink, SidebarNav, type SidebarSide, Skeleton, type SkeletonAnimation, type SkeletonVariant, Sparkline, Speedometer, StatCard, type StatCardTrend, 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, ThemeToggleField, Toast, type ToastHorizontalPosition, ToastProvider, type ToastVerticalPosition, type ToastViewportPosition, Tooltip, TopNavigation, type TopNavigationBarMenu, type TopNavigationDropdownMenu, type TopNavigationMegaMenu, TopNavigationMenu, type TopNavigationMenuConfig, type TopNavigationSelectItem, TrendBadge, type TrendBadgeDirection, accentColors, createAccentStyle, defaultMegaMenuFeatured, defaultMegaMenuMenus, defaultMegaMenuSections, defaultTopNavigationBarMenus, defaultTopNavigationMegaMenus, defaultTopNavigationMenus, fieldInputAriaProps, useAccentPreference, useContextMenu, useFieldShellAria, useOpusTheme, useToast, useTopNavigation };
+declare const cartesianSpecializedVariants: ChartVariant[];
+
+declare const worldMapRegionIds: string[];
+
+type SankeyLinkDef = {
+    source: string;
+    target: string;
+    value: number;
+};
+declare const demoSankeyLinks: SankeyLinkDef[];
+
+export { type AccentColor, AccentColorPicker, Accordion, AccordionGroup, type AccordionGroupType, Alert, type AlertStatus, Button, type ButtonVariant, Card, Carousel, CascaderField, type CascaderOption, CatalogIcon, Chart, type ChartDatum, type ChartPalette, type ChartSeries, type ChartVariant, CheckboxField, ChipInput, ChipInputField, type ChipInputPreset, type ChipInputVariant, type ChoiceOption, type ChoiceShape, ColorField, CommandPalette, type CommandPaletteItem, ContextMenuProvider, ContextMenuTarget, DEFAULT_TOAST_DURATION_MS, DataGrid, type DataGridColumn, type DataGridRow, type DataGridRowHeaderColumn, DateField, type DateInputType, Dialog, type DialogActionSet, type DialogResult, Drawer, DrawerDefaultActions, type DrawerSide, DropdownMenu, DropdownMenuItem, type DropdownMenuItemData, type DropdownMenuPlacement, EmptyState, type EmptyStateIcon, type FieldMode, FieldShell, FileField, FilterSelectField, type FilterSelectGroup, type GalleryImage, Gauge, type GaugeFooterItem, type GaugeTrend, type GaugeVariant, HiddenField, IconPicker, ImageGallery, ImageThumbnail, type ImageThumbnailSize, type LabelPosition, Lightbox, MegaMenu, type MegaMenuConfig, type MegaMenuFeatured, type MegaMenuItem, type MegaMenuSection, MetricTile, Modal, ModalDefaultActions, type ModalSize, type ModelAsset, ModelGallery, ModelLightbox, ModelThumbnail, type ModelThumbnailSize, ModelViewer, MultiSelectField, NumberField, OpusThemeProvider, Panel, type PasswordRequirement, PasswordStrengthField, type PhoneCountry, PhoneNumberField, Popover, type PopoverPlacement, ProgressBar, ProgressRing, Radio, RadioGroup, RangeField, RatingField, type RatingVariant, 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, Sparkline, Speedometer, StatCard, type StatCardTrend, 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, ThemeToggleField, Toast, type ToastHorizontalPosition, ToastProvider, type ToastVerticalPosition, type ToastViewportPosition, Tooltip, TopNavigation, type TopNavigationBarMenu, type TopNavigationDropdownMenu, type TopNavigationMegaMenu, TopNavigationMenu, type TopNavigationMenuConfig, type TopNavigationSelectItem, TransferListField, TreeSelectField, type TreeSelectNode, TrendBadge, type TrendBadgeDirection, accentColors, cartesianSpecializedVariants, countryCodeToFlag, createAccentStyle, defaultMegaMenuFeatured, defaultMegaMenuMenus, defaultMegaMenuSections, defaultTopNavigationBarMenus, defaultTopNavigationMegaMenus, defaultTopNavigationMenus, demoSankeyLinks, fieldInputAriaProps, countries as phoneCountries, useAccentPreference, useContextMenu, useFieldShellAria, useOpusTheme, useToast, useTopNavigation, worldMapRegionIds };