opus-react 0.3.6 → 0.4.0

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as react from 'react';
-import { ButtonHTMLAttributes, ReactNode, ChangeEventHandler, Ref, CSSProperties, ComponentPropsWithoutRef, RefObject, HTMLAttributes, MouseEvent, ElementType } from 'react';
+import { ButtonHTMLAttributes, ReactNode, ChangeEventHandler, Ref, FormEvent, CSSProperties, ComponentPropsWithoutRef, RefObject, HTMLAttributes, MouseEvent, ComponentProps, ElementType } from 'react';
 import { StyleSpecification } from 'maplibre-gl';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 
 type Theme = "light" | "dark";
 type FieldMode = "stacked" | "flagged";
@@ -46,7 +47,8 @@ type DrawerSide = "left" | "right" | "top" | "bottom";
 type PopoverPlacement = "top" | "right" | "bottom" | "left";
 type DropdownMenuPlacement = "bottom-start" | "bottom-end" | "top-start" | "top-end";
 type TabsOrientation = "horizontal" | "vertical";
-type TabsVariant = "line" | "contained";
+type TabsVariant = "line" | "contained" | "card";
+type TabsPanelMode = "active" | "crossfade";
 type SurfaceTone = "default" | "accent" | "success" | "warning" | "danger" | "info";
 type SurfaceDensity = "comfortable" | "compact";
 type TableDensity = "comfortable" | "compact";
@@ -192,16 +194,21 @@ type FileFieldProps = {
 };
 declare function FileField({ error, fileName, footnote, help, id, label, labelPosition, mode, onChange, size, }: FileFieldProps): react.JSX.Element;
 
+type ImageCropFit = "cover" | "contain";
+
 type ImageCropUploadResult = {
     file: File;
     previewUrl: string;
 };
+type ImageCropShape = "circle" | "rect";
 type ImageCropUploadFieldProps = {
     accept?: string;
     changeButtonLabel?: string;
     cropButtonLabel?: string;
     embedded?: boolean;
     error?: string;
+    /** cover fills the frame; contain fits the full image (zoom out to see max width/height). */
+    fit?: ImageCropFit;
     help?: string;
     hideActions?: boolean;
     id: string;
@@ -218,15 +225,22 @@ type ImageCropUploadFieldProps = {
         canApply: boolean;
         isCropping: boolean;
     }) => void;
+    /** Square output size for circle crops. Ignored when outputWidth/Height are set. */
     outputSize?: number;
+    outputHeight?: number;
+    outputWidth?: number;
+    shape?: ImageCropShape;
     size?: InputControlSize;
     uploadLabel?: string;
     value?: string;
+    /** Square viewport size for circle crops. */
     viewportSize?: number;
+    viewportHeight?: number;
+    viewportWidth?: number;
     zoomLabel?: string;
     zoomStep?: number;
 };
-declare function ImageCropUploadField({ accept, changeButtonLabel, cropButtonLabel, embedded, error, help, hideActions, id, label, labelPosition, labelVisuallyHidden, maxZoom, minZoom, mode, onChange, onCrop, onCropAvailabilityChange, outputSize, size, uploadLabel, value, viewportSize, zoomLabel, zoomStep, }: ImageCropUploadFieldProps): react.JSX.Element;
+declare function ImageCropUploadField({ accept, changeButtonLabel, cropButtonLabel, embedded, error, fit, help, hideActions, id, label, labelPosition, labelVisuallyHidden, maxZoom, minZoom, mode, onChange, onCrop, onCropAvailabilityChange, outputHeight, outputSize, outputWidth, shape, size, uploadLabel, value, viewportHeight, viewportSize, viewportWidth, zoomLabel, zoomStep, }: ImageCropUploadFieldProps): react.JSX.Element;
 
 type NumberFieldProps = {
     error?: string;
@@ -910,17 +924,24 @@ type TabItem = {
 };
 type TabsProps = {
     "aria-label"?: string;
+    className?: string;
+    /** Card variant only: inset padding on the panel body (active mode). Prefer wrapping panel content instead. */
+    cardPanelPadding?: boolean;
     defaultValue?: string;
     fitted?: boolean;
     items: TabItem[];
     onValueChange?: (value: string) => void;
     orientation?: TabsOrientation;
+    panelClassName?: string;
+    panelContentClassName?: string;
+    /** How tab panels are rendered. Card variant defaults to crossfade. */
+    panelMode?: TabsPanelMode;
     /** Content aligned to the end of the tab row (e.g. context actions). */
     trailing?: ReactNode;
     value?: string;
     variant?: TabsVariant;
 };
-declare function Tabs({ "aria-label": ariaLabel, defaultValue, fitted, items, onValueChange, orientation, trailing, value, variant, }: TabsProps): react.JSX.Element;
+declare function Tabs({ "aria-label": ariaLabel, cardPanelPadding, className, defaultValue, fitted, items, onValueChange, orientation, panelClassName, panelContentClassName, panelMode, trailing, value, variant, }: TabsProps): react.JSX.Element;
 
 type CardProps = {
     actions?: ReactNode;
@@ -1064,6 +1085,115 @@ type TrendBadgeProps = {
 };
 declare function TrendBadge({ direction, value }: TrendBadgeProps): react.JSX.Element;
 
+type CrmWorkspaceLabVariant = "appointment-diary" | "company-directory" | "contact-directory" | "document-manager" | "notification-centre" | "product-catalogue" | "quotation-builder" | "sales-invoice" | "sales-order" | "sales-pipeline" | "stock-control" | "system-configuration" | "task-workspace";
+type CrmWorkspaceLabProps = {
+    variant: CrmWorkspaceLabVariant;
+    onAction?: (action: string) => void;
+};
+declare function CrmWorkspaceLab({ variant, onAction }: CrmWorkspaceLabProps): react.JSX.Element;
+
+type OtpFieldProps = {
+    error?: string;
+    help?: string;
+    id: string;
+    label: string;
+    labelPosition?: LabelPosition;
+    length?: number;
+    mode?: FieldMode;
+    required?: boolean;
+    value: string;
+    onChange: (value: string) => void;
+    onComplete?: (value: string) => void;
+};
+declare function OtpField({ error, help, id, label, labelPosition, length, mode, required, value, onChange, onComplete }: OtpFieldProps): react.JSX.Element;
+
+type ShellProps = {
+    error?: string;
+    help?: string;
+    id: string;
+    label: string;
+    labelPosition?: LabelPosition;
+    mode?: FieldMode;
+    required?: boolean;
+};
+type DateRangeValue = {
+    from: string;
+    to: string;
+};
+type DateRangeFieldProps = ShellProps & {
+    value: DateRangeValue;
+    min?: string;
+    max?: string;
+    onChange: (value: DateRangeValue) => void;
+};
+declare function DateRangeField({ error, help, id, label, labelPosition, max, min, mode, required, value, onChange }: DateRangeFieldProps): react.JSX.Element;
+type ComboboxOption = {
+    label: string;
+    value: string;
+};
+type ComboboxFieldProps = ShellProps & {
+    options: ComboboxOption[];
+    placeholder?: string;
+    value: string;
+    onChange: (value: string) => void;
+};
+declare function ComboboxField({ error, help, id, label, labelPosition, mode, options, placeholder, required, value, onChange }: ComboboxFieldProps): react.JSX.Element;
+type CurrencyFieldProps = ShellProps & {
+    currency?: string;
+    locale?: string;
+    value: number | null;
+    onChange: (value: number | null) => void;
+};
+declare function CurrencyField({ currency, error, help, id, label, labelPosition, locale, mode, required, value, onChange }: CurrencyFieldProps): react.JSX.Element;
+type MaskedFieldProps = ShellProps & {
+    mask: string;
+    placeholder?: string;
+    value: string;
+    onChange: (value: string) => void;
+};
+declare function MaskedField({ error, help, id, label, labelPosition, mask, mode, placeholder, required, value, onChange }: MaskedFieldProps): react.JSX.Element;
+type MultiFileItem = File | {
+    name: string;
+    size: number;
+};
+type MultiFileFieldProps = ShellProps & {
+    accept?: string;
+    files: MultiFileItem[];
+    maxFiles?: number;
+    onChange: (files: MultiFileItem[]) => void;
+};
+declare function MultiFileField({ accept, error, files, help, id, label, labelPosition, maxFiles, mode, required, onChange }: MultiFileFieldProps): react.JSX.Element;
+type CheckboxGroupOption = {
+    disabled?: boolean;
+    label: string;
+    value: string;
+};
+type CheckboxGroupFieldProps = ShellProps & {
+    options: CheckboxGroupOption[];
+    value: string[];
+    onChange: (value: string[]) => void;
+};
+declare function CheckboxGroupField({ error, help, id, label, labelPosition, mode, options, required, value, onChange }: CheckboxGroupFieldProps): react.JSX.Element;
+type FormValidationSummaryProps = {
+    errors: Array<{
+        fieldId?: string;
+        message: string;
+    }>;
+    title?: string;
+};
+declare function FormValidationSummary({ errors, title }: FormValidationSummaryProps): react.JSX.Element | null;
+declare function Form({ children, onSubmit }: {
+    children: ReactNode;
+    onSubmit?: (event: FormEvent<HTMLFormElement>) => void;
+}): react.JSX.Element;
+declare function FormSection({ children, title }: {
+    children: ReactNode;
+    title?: string;
+}): react.JSX.Element;
+declare function FormActions({ children }: {
+    children: ReactNode;
+}): react.JSX.Element;
+
 type PanelProps = {
     actions?: ReactNode;
     bordered?: boolean;
@@ -1268,10 +1398,66 @@ type CarouselProps = {
     images: GalleryImage[];
     initialIndex?: number;
     loop?: boolean;
+    onAction?: (action: string) => void;
     showCaptions?: boolean;
     showPips?: boolean;
 };
-declare function Carousel({ ariaLabel, images, initialIndex, loop, showCaptions, showPips, }: CarouselProps): react.JSX.Element;
+declare function Carousel({ ariaLabel, images, initialIndex, loop, onAction, showCaptions, showPips, }: CarouselProps): react.JSX.Element;
+
+type VideoTrack = {
+    id?: string;
+    /** Seconds to park on for the idle preview frame (before play). */
+    previewTime?: number;
+    src: string;
+    title?: string;
+};
+type VideoPlayerProps = {
+    autoPlay?: boolean;
+    className?: string;
+    /** Removes the component frame so the player can fill a window or media surface edge-to-edge. */
+    edgeToEdge?: boolean;
+    initialIndex?: number;
+    loop?: boolean;
+    loopPlaylist?: boolean;
+    muted?: boolean;
+    /** Reports every user-facing player action. */
+    onAction?: (action: string) => void;
+    shareUrl?: string;
+    showShare?: boolean;
+    showTitle?: boolean;
+    /** Preferred multi-track API. Falls back to `src` / `title`. */
+    tracks?: VideoTrack[];
+    src?: string;
+    title?: string;
+};
+declare function VideoPlayer({ autoPlay, className, edgeToEdge, initialIndex, loop, loopPlaylist, muted, onAction, shareUrl, showShare, showTitle, src, title, tracks, }: VideoPlayerProps): react.JSX.Element | null;
+
+type AudioTrack = {
+    artist?: string;
+    artworkSrc?: string;
+    id?: string;
+    src: string;
+    title?: string;
+};
+type AudioPlayerProps = {
+    artist?: string;
+    artworkSrc?: string;
+    autoPlay?: boolean;
+    className?: string;
+    initialIndex?: number;
+    loop?: boolean;
+    loopPlaylist?: boolean;
+    /** Reports every user-facing player action. */
+    onAction?: (action: string) => void;
+    shareUrl?: string;
+    showArtwork?: boolean;
+    showShare?: boolean;
+    /** Preferred multi-track API. Falls back to `src` / `title` / `artist` / `artworkSrc`. */
+    tracks?: AudioTrack[];
+    src?: string;
+    title?: string;
+};
+declare function AudioPlayer({ artist, artworkSrc, autoPlay, className, initialIndex, loop, loopPlaylist, onAction, shareUrl, showArtwork, showShare, src, title, tracks, }: AudioPlayerProps): react.JSX.Element | null;
 
 type LightboxProps = {
     dismissOnBackdrop?: boolean;
@@ -1397,6 +1583,7 @@ declare function Statistic({ label, prefix, suffix, trend, trendLabel, value, }:
 
 type ListItem = {
     description?: string;
+    id?: string;
     icon?: string;
     meta?: string;
     title: string;
@@ -1405,8 +1592,9 @@ type ListProps = {
     density?: SurfaceDensity;
     items: ListItem[];
     ordered?: boolean;
+    onItemClick?: (item: ListItem, index: number) => void;
 };
-declare function List({ density, items, ordered }: ListProps): react.JSX.Element;
+declare function List({ density, items, ordered, onItemClick }: ListProps): react.JSX.Element;
 
 type DescriptionListItem = {
     details: string;
@@ -1426,8 +1614,9 @@ type PropertyGridItem = {
 type PropertyGridProps = {
     bordered?: boolean;
     items: PropertyGridItem[];
+    onCopy?: (item: PropertyGridItem, index: number) => void;
 };
-declare function PropertyGrid({ bordered, items }: PropertyGridProps): react.JSX.Element;
+declare function PropertyGrid({ bordered, items, onCopy }: PropertyGridProps): react.JSX.Element;
 
 type StackAlign = "start" | "center" | "end" | "stretch";
 type StackJustify = "start" | "center" | "end" | "between" | "around";
@@ -1719,6 +1908,24 @@ type TileProps = {
 };
 declare function Tile({ className, href, icon, label, onClick, role, tone, withGradients, }: TileProps): react.JSX.Element;
 
+type AccentPreferenceState = {
+    accent: string;
+    accentPairId: string;
+    accentSecondary: string;
+};
+type TileAccentPreferenceState = {
+    tileAccent: string;
+    tileAccentSecondary: string;
+};
+declare global {
+    interface Window {
+        __OPUS_ACCENT__?: AccentPreferenceState;
+        __OPUS_TILE_ACCENT__?: TileAccentPreferenceState;
+    }
+}
+declare function createAccentStyle(accent: string, secondary?: string): CSSProperties;
+declare function createTileAccentStyle(tileAccent: string, tileAccentSecondary?: string): CSSProperties;
+
 type TilesLayout = "fill" | "fixed";
 type TileItem = {
     href?: string;
@@ -1962,11 +2169,12 @@ type NotesActivityProps = {
     /** When false, the built-in Add Note/Activity trigger is hidden (use an external control). */
     showComposerTrigger?: boolean;
     showEmoji?: boolean;
+    showFooter?: boolean;
     showMention?: boolean;
     showTabs?: boolean;
     showTags?: boolean;
 };
-declare function NotesActivity({ activeTab: controlledActiveTab, addActivityButtonLabel, addNoteButtonLabel, className, composerOpen: controlledComposerOpen, composerPlaceholder, defaultComposerOpen, defaultTab, density, activityFooterHref, activityFooterLabel, items, notesFooterHref, notesFooterLabel, noteAuthorAvatarSrc, noteAuthorName, noteTagOptions, onActivityFooterClick, onComposerOpenChange, onItemClick, onNoteAttachClick, onNoteEmojiSelect, onNoteMentionClick, onNotesFooterClick, onNoteSave, onOpenTask, onTabChange, showAttach, showComposerTrigger, showEmoji, showMention, showTabs, showTags, }: NotesActivityProps): react.JSX.Element;
+declare function NotesActivity({ activeTab: controlledActiveTab, addActivityButtonLabel, addNoteButtonLabel, className, composerOpen: controlledComposerOpen, composerPlaceholder, defaultComposerOpen, defaultTab, density, activityFooterHref, activityFooterLabel, items, notesFooterHref, notesFooterLabel, noteAuthorAvatarSrc, noteAuthorName, noteTagOptions, onActivityFooterClick, onComposerOpenChange, onItemClick, onNoteAttachClick, onNoteEmojiSelect, onNoteMentionClick, onNotesFooterClick, onNoteSave, onOpenTask, onTabChange, showAttach, showComposerTrigger, showEmoji, showFooter, showMention, showTabs, showTags, }: NotesActivityProps): react.JSX.Element;
 
 type TopPerformingUserItem = {
     displayValue: string;
@@ -2185,8 +2393,9 @@ type KanbanBoardProps = {
     cards: Record<string, KanbanCard>;
     columns: KanbanColumn[];
     onChange?: (columns: KanbanColumn[]) => void;
+    onCardClick?: (card: KanbanCard) => void;
 };
-declare function KanbanBoard({ cards, columns, onChange }: KanbanBoardProps): react.JSX.Element;
+declare function KanbanBoard({ cards, columns, onCardClick, onChange }: KanbanBoardProps): react.JSX.Element;
 
 type CalendarEvent = {
     date: string;
@@ -2226,8 +2435,9 @@ type ResourcePlannerProps = {
     items: ResourcePlannerItem[];
     resources: ResourcePlannerResource[];
     startHour?: number;
+    onItemClick?: (item: ResourcePlannerItem) => void;
 };
-declare function ResourcePlanner({ endHour, items, resources, startHour, }: ResourcePlannerProps): react.JSX.Element;
+declare function ResourcePlanner({ endHour, items, onItemClick, resources, startHour, }: ResourcePlannerProps): react.JSX.Element;
 
 type ContentTimelineTagTone = NoteTagTone;
 type ContentTimelineTag = {
@@ -2261,7 +2471,7 @@ type ContentTimelineProps = {
 };
 declare function ContentTimeline({ groups, items, onItemClick, onItemDoubleClick, variant }: ContentTimelineProps): react.JSX.Element;
 
-type ContactDetailsAction = "add-note" | "add-task" | "call" | "change-avatar" | "edit" | "email" | "export-contact" | "log-activity" | "reset-password" | "schedule-meeting";
+type ContactDetailsAction = "add-note" | "add-task" | "call" | "change-avatar" | "edit" | "email" | "export-contact" | "log-activity" | "open-document" | "open-document-folder" | "reset-password" | "schedule-meeting";
 type ContactCompany = {
     department?: string;
     employees?: string;
@@ -2297,6 +2507,7 @@ type ContactDetailsProps = {
     onPasswordReset?: () => void;
     showActions?: boolean;
     showStatus?: boolean;
+    tabsVariant?: TabsVariant;
 };
 declare function getPrimaryCompany(companies?: ContactCompany[]): ContactCompany | undefined;
 declare function resolveContactDetailsContact(contact: Partial<ContactDetailsContact> | undefined, defaults: ContactDetailsContact): ContactDetailsContact;
@@ -2328,10 +2539,11 @@ type ContactCardProps = {
     ownerAvatarSrc?: string;
     showActions?: boolean;
     showStatus?: boolean;
+    tabsVariant?: TabsVariant;
 };
-declare function ContactCard({ className, contact, isStaffRecord, moreActions, onAction, onAvatarChange, onPasswordReset, ownerAvatarSrc, showActions, showStatus, }: ContactCardProps): react.JSX.Element;
+declare function ContactCard({ className, contact, isStaffRecord, moreActions, onAction, onAvatarChange, onPasswordReset, ownerAvatarSrc, showActions, showStatus, tabsVariant, }: ContactCardProps): react.JSX.Element;
 
-declare function ContactDetails({ contact, isStaffRecord, onAction, onAvatarChange, onPasswordReset, showActions, showStatus, }: ContactDetailsProps): react.JSX.Element;
+declare function ContactDetails({ contact, isStaffRecord, onAction, onAvatarChange, onPasswordReset, showActions, showStatus, tabsVariant, }: ContactDetailsProps): react.JSX.Element;
 
 type ContactIdentityCardProps = {
     avatarSrc?: string;
@@ -2346,13 +2558,43 @@ type ContactIdentityCardProps = {
 };
 declare function ContactIdentityCard({ avatarSrc, className, companies, isStaffRecord, name, onAvatarChange, photoUploadTitle, showStatus, status, }: ContactIdentityCardProps): react.JSX.Element;
 
+type CompactDocumentView = "list" | "grid" | "columns";
+type CompactDocumentNode = {
+    children?: CompactDocumentNode[];
+    id: string;
+    kind: "folder" | "file";
+    meta?: string;
+    name: string;
+    status?: string;
+};
+type CompactDocumentsProps = {
+    ariaLabel?: string;
+    className?: string;
+    defaultView?: CompactDocumentView;
+    documents: CompactDocumentNode[];
+    onFileOpen?: (document: CompactDocumentNode) => void;
+    onFolderOpen?: (folder: CompactDocumentNode) => void;
+    onViewChange?: (view: CompactDocumentView) => void;
+    showSearch?: boolean;
+    showViewOptions?: boolean;
+};
+declare function CompactDocuments({ ariaLabel, className, defaultView, documents, onFileOpen, onFolderOpen, onViewChange, showSearch, showViewOptions, }: CompactDocumentsProps): react.JSX.Element;
+
+type ContactNotesWorkspaceTab = "notes" | "activities" | "documents" | "additional";
 type ContactNotesActivityProps = {
+    activeTab?: ContactNotesWorkspaceTab;
     className?: string;
+    defaultTab?: ContactNotesWorkspaceTab;
     items?: NotesActivityItem[];
     onAction?: (action: ContactDetailsAction) => void;
     onAddNote?: (note: string) => void;
+    onDocumentOpen?: (document: CompactDocumentNode) => void;
+    onDocumentFolderOpen?: (folder: CompactDocumentNode) => void;
+    onDocumentViewChange?: (view: CompactDocumentView) => void;
+    onTabChange?: (tab: ContactNotesWorkspaceTab) => void;
+    tabsVariant?: TabsVariant;
 };
-declare function ContactNotesActivity({ className, items, onAction, onAddNote, }: ContactNotesActivityProps): react.JSX.Element;
+declare function ContactNotesActivity({ activeTab: controlledActiveTab, className, defaultTab, items, onAction, onAddNote, onDocumentOpen, onDocumentFolderOpen, onDocumentViewChange, onTabChange, tabsVariant, }: ContactNotesActivityProps): react.JSX.Element;
 
 type ContactSummaryTab = "basic" | "other" | "security";
 type ContactSummaryCardProps = {
@@ -2361,16 +2603,139 @@ type ContactSummaryCardProps = {
     defaultTab?: ContactSummaryTab;
     isStaffRecord?: boolean;
     moreActions?: MoreActionsMenuItem[];
-    onAction?: (action: ContactDetailsAction) => void;
     onPasswordReset?: () => void;
     ownerAvatarSrc?: string;
     showActions?: boolean;
+    tabsVariant?: TabsVariant;
 };
-declare function ContactSummaryCard({ className, contact, defaultTab, isStaffRecord, moreActions, onPasswordReset, ownerAvatarSrc, showActions, }: ContactSummaryCardProps): react.JSX.Element;
+declare function ContactSummaryCard({ className, contact, defaultTab, isStaffRecord, moreActions, onPasswordReset, ownerAvatarSrc, showActions, tabsVariant, }: ContactSummaryCardProps): react.JSX.Element;
 
 declare const defaultContact: ContactDetailsContact;
 declare const defaultContactNotes: NotesActivityItem[];
 
+type CompanyDetailsAction = "add-contact" | "add-note" | "add-task" | "call" | "edit" | "email" | "export-company" | "log-activity" | "open-document" | "open-document-folder" | "schedule-meeting" | "visit-website";
+type CompanyContactPerson = {
+    avatarSrc?: string;
+    email?: string;
+    id: string;
+    jobTitle?: string;
+    name: string;
+    phone?: string;
+    primary?: boolean;
+    role?: string;
+};
+type CompanyBranch = {
+    addressLine1: string;
+    addressLine2?: string;
+    city: string;
+    country: string;
+    id: string;
+    label: string;
+    phone?: string;
+    postcode: string;
+    primary?: boolean;
+    type?: string;
+};
+type CompanyDetailsCompany = {
+    annualRevenue?: string;
+    branches: CompanyBranch[];
+    dateCreated: string;
+    dateLastEdited: string;
+    email: string;
+    employees: string;
+    industry: string;
+    logoSrc?: string;
+    name: string;
+    owner: string;
+    phone: string;
+    source: string;
+    status: string;
+    tags: string[];
+    type: string;
+    website: string;
+};
+type CompanyDetailsProps = {
+    company?: Partial<CompanyDetailsCompany>;
+    contacts?: CompanyContactPerson[];
+    onAction?: (action: CompanyDetailsAction) => void;
+    showActions?: boolean;
+    showStatus?: boolean;
+    tabsVariant?: TabsVariant;
+};
+declare function getPrimaryBranch(branches: CompanyBranch[]): CompanyBranch | undefined;
+declare function resolveCompanyDetailsCompany(company: Partial<CompanyDetailsCompany> | undefined, defaults: CompanyDetailsCompany): CompanyDetailsCompany;
+
+type CompanyCardProps = {
+    className?: string;
+    company: CompanyDetailsCompany;
+    moreActions?: MoreActionsMenuItem[];
+    onAction?: (action: CompanyDetailsAction) => void;
+    onLogoChange?: (previewUrl: string) => void;
+    ownerAvatarSrc?: string;
+    showActions?: boolean;
+    showStatus?: boolean;
+    tabsVariant?: TabsVariant;
+};
+declare function CompanyCard({ className, company, moreActions, onAction, onLogoChange, ownerAvatarSrc, showActions, showStatus, tabsVariant, }: CompanyCardProps): react.JSX.Element;
+
+declare function CompanyDetails({ company, onAction, showActions, showStatus, tabsVariant, }: CompanyDetailsProps): react.JSX.Element;
+
+type CompanyIdentityCardProps = {
+    className?: string;
+    employees?: string;
+    industry?: string;
+    logoSrc?: string;
+    name: string;
+    onLogoChange?: (previewUrl: string) => void;
+    showStatus?: boolean;
+    status?: string;
+    type?: string;
+};
+declare function CompanyIdentityCard({ className, employees, industry, logoSrc, name, onLogoChange, showStatus, status, type, }: CompanyIdentityCardProps): react.JSX.Element;
+
+type CompanyLogoUploadModalProps = {
+    fieldId?: string;
+    onClose: () => void;
+    onLogoChange?: (previewUrl: string) => void;
+    open: boolean;
+    title?: string;
+    value?: string;
+};
+declare function CompanyLogoUploadModal({ fieldId, onClose, onLogoChange, open, title, value, }: CompanyLogoUploadModalProps): react.JSX.Element;
+
+type CompanyNotesWorkspaceTab = "notes" | "activities" | "contacts" | "documents";
+type CompanyNotesActivityProps = {
+    activeTab?: CompanyNotesWorkspaceTab;
+    className?: string;
+    contacts?: CompanyContactPerson[];
+    defaultTab?: CompanyNotesWorkspaceTab;
+    items?: NotesActivityItem[];
+    onAction?: (action: CompanyDetailsAction) => void;
+    onAddNote?: (note: string) => void;
+    onDocumentOpen?: (document: CompactDocumentNode) => void;
+    onDocumentFolderOpen?: (folder: CompactDocumentNode) => void;
+    onDocumentViewChange?: (view: CompactDocumentView) => void;
+    onTabChange?: (tab: CompanyNotesWorkspaceTab) => void;
+    tabsVariant?: TabsVariant;
+};
+declare function CompanyNotesActivity({ activeTab: controlledActiveTab, className, contacts, defaultTab, items, onAction, onAddNote, onDocumentOpen, onDocumentFolderOpen, onDocumentViewChange, onTabChange, tabsVariant, }: CompanyNotesActivityProps): react.JSX.Element;
+
+type CompanySummaryTab = string;
+type CompanySummaryCardProps = {
+    className?: string;
+    company: CompanyDetailsCompany;
+    defaultTab?: CompanySummaryTab;
+    moreActions?: MoreActionsMenuItem[];
+    ownerAvatarSrc?: string;
+    showActions?: boolean;
+    tabsVariant?: TabsVariant;
+};
+declare function CompanySummaryCard({ className, company, defaultTab, moreActions, ownerAvatarSrc, showActions, tabsVariant, }: CompanySummaryCardProps): react.JSX.Element;
+
+declare const defaultCompany: CompanyDetailsCompany;
+declare const defaultCompanyContacts: CompanyContactPerson[];
+declare const defaultCompanyNotes: NotesActivityItem[];
+
 type TreeViewNode = {
     children?: TreeViewNode[];
     id: string;
@@ -2385,20 +2750,23 @@ declare function TreeView({ defaultExpandedIds, nodes }: TreeViewProps): react.J
 type MasonryGridItem = {
     body?: string;
     height?: number;
+    id?: string;
     title: string;
 };
 type MasonryGridProps = {
     columns?: number;
     gap?: number;
     items: MasonryGridItem[];
+    onItemClick?: (item: MasonryGridItem, index: number) => void;
 };
-declare function MasonryGrid({ columns, gap, items }: MasonryGridProps): react.JSX.Element;
+declare function MasonryGrid({ columns, gap, items, onItemClick }: MasonryGridProps): react.JSX.Element;
 
 type JsonViewerProps = {
     collapsedDepth?: number;
+    onToggle?: (path: string, open: boolean) => void;
     value: unknown;
 };
-declare function JsonViewer({ collapsedDepth, value }: JsonViewerProps): react.JSX.Element;
+declare function JsonViewer({ collapsedDepth, onToggle, value }: JsonViewerProps): react.JSX.Element;
 
 type IconSize = "sm" | "md" | "lg";
 type IconTone = "default" | "muted" | "accent" | "success" | "warning" | "danger";
@@ -2642,6 +3010,7 @@ type MegaMenuFeatured = {
     actionLabel?: string;
     description: string;
     eyebrow?: string;
+    onAction?: () => void;
     title: string;
 };
 type MegaMenuConfig = {
@@ -2660,6 +3029,7 @@ type MegaMenuProps = {
     menus?: MegaMenuConfig[];
     navigationId?: string;
     onActiveMenuChange?: (menuId: string) => void;
+    onFeaturedAction?: (featured: MegaMenuFeatured, menu: MegaMenuConfig) => void;
     onOpenChange?: (open: boolean) => void;
     onSelect?: (item: MegaMenuItem) => void;
     open?: boolean;
@@ -2671,7 +3041,7 @@ declare const defaultMegaMenuFeatured: MegaMenuFeatured;
 declare const defaultMegaMenuMenus: MegaMenuConfig[];
 declare const defaultMegaMenuSections: MegaMenuSection[];
 declare const defaultTopNavigationMegaMenus: MegaMenuConfig[];
-declare function MegaMenu({ activeMenu, closeOnEscape, closeOnOutside, density, featured, label, menus, navigationId, onActiveMenuChange, onOpenChange, onSelect, open, sections, staticPanel, triggerLabel, }: MegaMenuProps): react.JSX.Element;
+declare function MegaMenu({ activeMenu, closeOnEscape, closeOnOutside, density, featured, label, menus, navigationId, onActiveMenuChange, onFeaturedAction, onOpenChange, onSelect, open, sections, staticPanel, triggerLabel, }: MegaMenuProps): react.JSX.Element;
 
 type TopNavigationSelectItem = {
     description?: string;
@@ -2741,12 +3111,39 @@ type AccentColor = {
     label: string;
     value: string;
 };
+type AccentPair = {
+    id: string;
+    label: string;
+    primary: string;
+    secondary: string;
+};
+/** Curated primary → secondary transitions used across Opus chrome. */
+declare const accentPairs: AccentPair[];
+/** Shared swatch palette for accent and second-accent menus. */
+declare const accentPalette: AccentColor[];
+/** @deprecated Prefer `accentQuickColors` / `accentPalette`. */
 declare const accentColors: AccentColor[];
-declare function createAccentStyle(accent: string): CSSProperties;
+/** @deprecated Prefer `accentPalette`. */
+declare const accentPrimaryColors: AccentColor[];
+/** @deprecated Prefer `accentPalette`. */
+declare const accentSecondaryColors: AccentColor[];
 declare function useAccentPreference(): {
     accent: string;
-    accentStyle: CSSProperties;
+    accentPairId: string;
+    accentSecondary: string;
+    accentStyle: CSSProperties | undefined;
+    resetAccent: () => void;
     setAccent: (next: string) => void;
+    setAccentPair: (pairId: string) => void;
+    setAccentSecondary: (next: string) => void;
+};
+declare function useTileAccentPreference(): {
+    resetTileAccent: () => void;
+    setTileAccent: (next: string) => void;
+    setTileAccentSecondary: (next: string) => void;
+    tileAccent: string;
+    tileAccentSecondary: string;
+    tileAccentStyle: CSSProperties | undefined;
 };
 type AccentColorPickerProps = {
     help?: string;
@@ -2754,15 +3151,37 @@ type AccentColorPickerProps = {
     label?: string;
     labelPosition?: LabelPosition;
     mode?: FieldMode;
+    /** Primary accent hex. */
     value: string;
+    /** Secondary accent hex. Defaults to the curated companion for `value`. */
+    secondaryValue?: string;
+    /** Label for the primary swatch grid inside the menu. */
+    primarySectionLabel?: string;
+    /** Label for the secondary swatch grid inside the menu. */
+    secondarySectionLabel?: string;
+    /** Default primary used by reset. */
+    defaultValue?: string;
+    /** Default secondary used by reset. */
+    defaultSecondaryValue?: string;
+    /** When true, also show the compact quick-swatch row. */
+    showQuickSwatches?: boolean;
+    /**
+     * `compact` — top-bar blob + dropdown.
+     * `panel` — always-visible Accent / Second accent grids (modal).
+     */
+    variant?: "compact" | "panel";
     onChange: (value: string) => void;
+    onSecondaryChange?: (value: string) => void;
+    onReset?: () => void;
 };
-declare function AccentColorPicker({ help, id, label, labelPosition, mode, onChange, value, }: AccentColorPickerProps): react.JSX.Element;
+declare function AccentColorPicker({ help, id, label, labelPosition, mode, onChange, onSecondaryChange, onReset, primarySectionLabel, secondarySectionLabel, defaultValue, defaultSecondaryValue, secondaryValue, showQuickSwatches, variant, value, }: AccentColorPickerProps): react.JSX.Element;
 
 type CatalogIconProps = {
+    className?: string;
     iconName: string;
+    style?: ComponentProps<typeof FontAwesomeIcon>["style"];
 };
-declare function CatalogIcon({ iconName }: CatalogIconProps): react.JSX.Element;
+declare function CatalogIcon({ className, iconName, style }: CatalogIconProps): react.JSX.Element;
 
 type IconPickerProps = {
     help?: string;
@@ -2883,6 +3302,139 @@ type WelcomeMessageProps = {
 declare function getWelcomeGreeting(hour: number): WelcomeGreeting;
 declare function WelcomeMessage({ as: Heading, className, date, greeting, name, showWave, subtitle, timeZone, updateInterval, }: WelcomeMessageProps): react.JSX.Element;
 
+type DesktopIconTone = "purple" | "blue";
+type DesktopIconProps = {
+    active?: boolean;
+    className?: string;
+    icon: string;
+    label: string;
+    onOpen?: () => void;
+    onSelect?: () => void;
+    openOnSingleClick?: boolean;
+    selected?: boolean;
+    tone?: DesktopIconTone;
+};
+declare function DesktopIcon({ active, className, icon, label, onOpen, onSelect, openOnSingleClick, selected, tone, }: DesktopIconProps): react.JSX.Element;
+
+type DesktopDockItem = {
+    active?: boolean;
+    icon: string;
+    id: string;
+    label: string;
+    minimized?: boolean;
+    tone?: DesktopIconTone;
+};
+type DesktopDockProps = {
+    autoHide?: boolean;
+    className?: string;
+    items: DesktopDockItem[];
+    maxSize?: number;
+    minSize?: number;
+    onItemClick?: (item: DesktopDockItem) => void;
+    onSizeChange?: (size: number) => void;
+    position?: "bottom" | "left" | "right";
+    resizable?: boolean;
+    size?: number;
+};
+declare function DesktopDock({ autoHide, className, items, maxSize, minSize, onItemClick, onSizeChange, position, resizable, size: controlledSize, }: DesktopDockProps): react.JSX.Element;
+
+type DesktopWindowRect = {
+    height: number;
+    width: number;
+    x: number;
+    y: number;
+};
+type DesktopWindowProps = {
+    active?: boolean;
+    children?: ReactNode;
+    className?: string;
+    defaultRect?: DesktopWindowRect;
+    icon?: string;
+    maximized?: boolean;
+    minHeight?: number;
+    minWidth?: number;
+    minimizeTarget?: "bottom" | "left" | "right";
+    minimized?: boolean;
+    open?: boolean;
+    onActivate?: () => void;
+    onClose?: () => void;
+    onMaximize?: (maximized: boolean) => void;
+    onMinimize?: () => void;
+    onRectChange?: (rect: DesktopWindowRect) => void;
+    rect?: DesktopWindowRect;
+    title: string;
+    tone?: "purple" | "blue";
+    zIndex?: number;
+};
+declare function DesktopWindow({ active, children, className, defaultRect, maximized, minHeight, minWidth, minimizeTarget, minimized, open, onActivate, onClose, onMaximize, onMinimize, onRectChange, rect: controlledRect, title, tone, zIndex, }: DesktopWindowProps): react.JSX.Element | null;
+
+type DesktopShortcut = {
+    icon: string;
+    id: string;
+    label: string;
+    tone?: DesktopIconTone;
+    x?: number;
+    y?: number;
+};
+type DesktopWindowItem = {
+    content: ReactNode;
+    icon?: string;
+    id: string;
+    maximized?: boolean;
+    minimized?: boolean;
+    open?: boolean;
+    rect: DesktopWindowRect;
+    title: string;
+    tone?: DesktopIconTone;
+    zIndex?: number;
+};
+type DesktopProps = {
+    className?: string;
+    dockItems?: DesktopDockItem[];
+    dockAutoHide?: boolean;
+    dockPosition?: "bottom" | "left" | "right";
+    dockSize?: number;
+    /** Removes the outer frame so the desktop fills its host surface edge-to-edge. */
+    edgeToEdge?: boolean;
+    onDockSizeChange?: (size: number) => void;
+    onAction?: (action: string, id: string) => void;
+    shortcuts?: DesktopShortcut[];
+    wallpaper?: "aurora" | "gradient" | "plain";
+    windows?: DesktopWindowItem[];
+};
+declare function Desktop({ className, dockItems, dockAutoHide, dockPosition, dockSize, edgeToEdge, onDockSizeChange, onAction, shortcuts, wallpaper, windows, }: DesktopProps): react.JSX.Element;
+
+type DesktopLabProps = {
+    dockAutoHide?: boolean;
+    dockSize?: number;
+    onDockSizeChange?: (size: number) => void;
+    onAction?: (action: string) => void;
+};
+declare function DesktopLab({ dockAutoHide, dockSize, onDockSizeChange, onAction, }: DesktopLabProps): react.JSX.Element;
+
+type TreeMenuNode = {
+    children?: TreeMenuNode[];
+    disabled?: boolean;
+    icon?: string;
+    id: string;
+    label: string;
+    meta?: string | number;
+};
+type TreeMenuProps = {
+    ariaLabel?: string;
+    className?: string;
+    defaultExpandedIds?: string[];
+    defaultSelectedId?: string;
+    expandedIds?: string[];
+    indent?: number;
+    nodes: TreeMenuNode[];
+    onExpandedChange?: (expandedIds: string[], node: TreeMenuNode, expanded: boolean) => void;
+    onSelect?: (node: TreeMenuNode) => void;
+    selectedId?: string;
+    showMeta?: boolean;
+};
+declare function TreeMenu({ ariaLabel, className, defaultExpandedIds, defaultSelectedId, expandedIds, indent, nodes, onExpandedChange, onSelect, selectedId, showMeta, }: TreeMenuProps): react.JSX.Element;
+
 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"];
 type GoogleFontFamily = (typeof googleFonts)[number];
 
@@ -2893,11 +3445,81 @@ declare function useFontPreference(): {
     setFontFamily: (next: string) => void;
 };
 type FontPickerProps = {
+    compact?: boolean;
     id: string;
     value: GoogleFontFamily;
     onChange: (value: GoogleFontFamily) => void;
 };
-declare function FontPicker({ id, onChange, value }: FontPickerProps): react.JSX.Element;
+declare function FontPicker({ compact, id, onChange, value }: FontPickerProps): react.JSX.Element;
+
+/** Maximum coloured orbs this control can show. */
+declare const COLOUR_CLOUDS_MAX = 5;
+/** One colourable orb. Optional `secondary` makes a split dual-tone cloud. */
+type ColourCloud = {
+    id?: string;
+    label?: string;
+    color: string;
+    secondary?: string;
+};
+/** JSON designation for the ColourClouds control. */
+type ColourCloudsDesignation = {
+    clouds: ColourCloud[];
+};
+type ColourCloudsValue = ColourCloud[] | ColourCloudsDesignation | string;
+type ColourCloudsProps = {
+    /** Accessible name for the main control. */
+    "aria-label"?: string;
+    "aria-expanded"?: boolean;
+    "aria-haspopup"?: ButtonHTMLAttributes<HTMLButtonElement>["aria-haspopup"];
+    /** Dropdown panel body. When set, the pill opens a portaled menu. */
+    children?: ReactNode;
+    className?: string;
+    compact?: boolean;
+    /**
+     * Up to five colourable elements.
+     * Prefer this over `value` when passing a typed array.
+     */
+    items?: ColourCloud[];
+    /** Visible text label after the colour orbs. */
+    label?: string;
+    /** Menu heading when `children` is provided. */
+    menuTitle?: string;
+    /** Controlled open state for the dropdown menu. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: EmojiPickerPlacement;
+    /** Disable the optional reset control. */
+    resetDisabled?: boolean;
+    /** Show a colours-only reset icon beside the clouds. */
+    showReset?: boolean;
+    /**
+     * Opens / activates the control when no `children` menu is provided
+     * (e.g. open an external colour settings window).
+     */
+    onClick?: ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
+    /** Colours-only reset. Never touches fonts or other theme chrome. */
+    onReset?: () => void;
+    title?: string;
+    /**
+     * Colour designation: array, `{ clouds: [...] }`, or a JSON string of either.
+     * At most five clouds are rendered. Ignored when `items` is provided.
+     */
+    value?: ColourCloudsValue;
+};
+/** Parse a JSON designation (string or object) into up to five colour clouds. */
+declare function parseColourClouds(value: ColourCloudsValue | undefined | null): ColourCloud[];
+/** Build a designation object from up to five colourable elements. */
+declare function createColourCloudsDesignation(items: ColourCloud[]): ColourCloudsDesignation;
+declare function serializeColourClouds(clouds: ColourCloud[]): string;
+/** Default dropdown body listing each colourable orb. */
+declare function ColourCloudsMenu({ clouds }: {
+    clouds: ColourCloud[];
+}): react.JSX.Element;
+/**
+ * Global colours control: up to five colourable orbs from a JSON designation or `items` array.
+ * Pass `children` (or use `ColourCloudsMenu`) to open a portaled dropdown; otherwise `onClick` for an external panel.
+ */
+declare function ColourClouds({ "aria-label": ariaLabel, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHasPopup, children, className, compact, items, label, menuTitle, onClick, onOpenChange, onReset, open, placement, resetDisabled, showReset, title, value, }: ColourCloudsProps): react.JSX.Element | null;
 
 declare const cartesianSpecializedVariants: ChartVariant[];
 
@@ -2910,4 +3532,4 @@ type SankeyLinkDef = {
 };
 declare const demoSankeyLinks: SankeyLinkDef[];
 
-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, ContactCard, type ContactCardProps, type ContactCompany, ContactDetails, type ContactDetailsAction, type ContactDetailsContact, type ContactDetailsProps, ContactIdentityCard, type ContactIdentityCardProps, ContactNotesActivity, type ContactNotesActivityProps, ContactSummaryCard, type ContactSummaryCardProps, type ContactSummaryTab, 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, Map, type MapCoordinate, type MapMarker, type MapProps, 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, MoreActionsMenu, type MoreActionsMenuItem, type MoreActionsMenuProps, 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, defaultContact, defaultContactNotes, defaultMegaMenuFeatured, defaultMegaMenuMenus, defaultMegaMenuSections, defaultTopNavigationBarMenus, defaultTopNavigationMegaMenus, defaultTopNavigationMenus, demoSankeyLinks, fieldInputAriaProps, getPrimaryCompany, getWelcomeGreeting, googleFonts, countries as phoneCountries, resolveContactDetailsContact, useAccentPreference, useClipboard, useContextMenu, useFieldShellAria, useFontPreference, useHotkey, useHotkeyManager, useIntersectionObserver, useOpusTheme, usePortalHost, useResizeObserver, useToast, useTopNavigation, worldMapRegionIds };
+export { type AccentColor, AccentColorPicker, type AccentPair, Accordion, AccordionGroup, type AccordionGroupType, Alert, type AlertStatus, ApplicationFooter, type ApplicationFooterAction, type ApplicationFooterProps, ApplicationHeader, type ApplicationHeaderAction, type ApplicationHeaderProfile, type ApplicationHeaderProps, AspectRatio, type AspectRatioProps, AudioPlayer, type AudioPlayerProps, type AudioTrack, 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, COLOUR_CLOUDS_MAX, Calendar, type CalendarEvent, type CalendarProps, Card, Carousel, type CarouselProps, CascaderField, type CascaderOption, CatalogIcon, Chart, type ChartDatum, type ChartPalette, type ChartSeries, type ChartVariant, CheckboxField, CheckboxGroupField, type CheckboxGroupFieldProps, type CheckboxGroupOption, ChipInput, ChipInputField, type ChipInputPreset, type ChipInputVariant, ChoiceChips, ChoiceChipsField, type ChoiceChipsSelectionMode, type ChoiceChipsVariant, type ChoiceControlSize, type ChoiceOption, type ChoiceShape, Clipboard, ClipboardProvider, Clock, type ClockSize, ColorField, type ColourCloud, ColourClouds, type ColourCloudsDesignation, ColourCloudsMenu, type ColourCloudsProps, type ColourCloudsValue, Columns, type ColumnsDirection, type ColumnsProps, ComboboxField, type ComboboxFieldProps, type ComboboxOption, CommandPalette, type CommandPaletteItem, type CompactDocumentNode, type CompactDocumentView, CompactDocuments, type CompactDocumentsProps, type CompanyBranch, CompanyCard, type CompanyCardProps, type CompanyContactPerson, CompanyDetails, type CompanyDetailsAction, type CompanyDetailsCompany, type CompanyDetailsProps, CompanyIdentityCard, type CompanyIdentityCardProps, CompanyLogoUploadModal, type CompanyLogoUploadModalProps, CompanyNotesActivity, type CompanyNotesActivityProps, type CompanyNotesWorkspaceTab, CompanySummaryCard, type CompanySummaryCardProps, type CompanySummaryTab, ContactCard, type ContactCardProps, type ContactCompany, ContactDetails, type ContactDetailsAction, type ContactDetailsContact, type ContactDetailsProps, ContactIdentityCard, type ContactIdentityCardProps, ContactNotesActivity, type ContactNotesActivityProps, type ContactNotesWorkspaceTab, ContactSummaryCard, type ContactSummaryCardProps, type ContactSummaryTab, Container, type ContainerProps, type ContainerSize, ContentTimeline, type ContentTimelineGroup, type ContentTimelineItem, type ContentTimelineStatus, type ContentTimelineTag, ContextMenuProvider, ContextMenuTarget, CopyButton, CountryPickerField, CrmWorkspaceLab, type CrmWorkspaceLabProps, type CrmWorkspaceLabVariant, CurrencyField, type CurrencyFieldProps, 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, DateRangeField, type DateRangeFieldProps, type DateRangeValue, DealsOverTime, type DealsOverTimePoint, type DealsOverTimeProps, DescriptionList, type DescriptionListItem, type DescriptionListLayout, Desktop, DesktopDock, type DesktopDockItem, type DesktopDockProps, DesktopIcon, type DesktopIconProps, type DesktopIconTone, DesktopLab, type DesktopLabProps, type DesktopProps, type DesktopShortcut, DesktopWindow, type DesktopWindowItem, type DesktopWindowProps, type DesktopWindowRect, 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, Form, FormActions, FormSection, FormValidationSummary, type FormValidationSummaryProps, 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, Map, type MapCoordinate, type MapMarker, type MapProps, MaskedField, type MaskedFieldProps, MasonryGrid, type MasonryGridItem, MegaMenu, type MegaMenuConfig, type MegaMenuFeatured, type MegaMenuItem, type MegaMenuProps, type MegaMenuSection, MetricTile, Modal, ModalDefaultActions, type ModalSize, type ModelAsset, ModelGallery, ModelLightbox, ModelThumbnail, type ModelThumbnailSize, ModelViewer, MoreActionsMenu, type MoreActionsMenuItem, type MoreActionsMenuProps, MultiFileField, type MultiFileFieldProps, type MultiFileItem, 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, OtpField, type OtpFieldProps, 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, type PropertyGridProps, 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 TabsPanelMode, 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, TreeMenu, type TreeMenuNode, type TreeMenuProps, TreeSelectField, type TreeSelectNode, TreeView, type TreeViewNode, TrendBadge, type TrendBadgeDirection, type UpcomingTaskItem, UpcomingTasks, type UpcomingTasksProps, type UserProfileMenuItem, type UserProfilePhotoUploadOptions, UserProfileWidget, type UserProfileWidgetProps, VideoPlayer, type VideoPlayerProps, type VideoTrack, VisuallyHidden, type WelcomeGreeting, WelcomeMessage, type WelcomeMessageProps, accentColors, accentPairs, accentPalette, accentPrimaryColors, accentSecondaryColors, cartesianSpecializedVariants, countryCodeToFlag, createAccentStyle, createColourCloudsDesignation, createTileAccentStyle, defaultCompany, defaultCompanyContacts, defaultCompanyNotes, defaultContact, defaultContactNotes, defaultMegaMenuFeatured, defaultMegaMenuMenus, defaultMegaMenuSections, defaultTopNavigationBarMenus, defaultTopNavigationMegaMenus, defaultTopNavigationMenus, demoSankeyLinks, fieldInputAriaProps, getPrimaryBranch, getPrimaryCompany, getWelcomeGreeting, googleFonts, parseColourClouds, countries as phoneCountries, resolveCompanyDetailsCompany, resolveContactDetailsContact, serializeColourClouds, useAccentPreference, useClipboard, useContextMenu, useFieldShellAria, useFontPreference, useHotkey, useHotkeyManager, useIntersectionObserver, useOpusTheme, usePortalHost, useResizeObserver, useTileAccentPreference, useToast, useTopNavigation, worldMapRegionIds };