opus-react 0.5.0 → 0.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as react from 'react';
2
- import { ButtonHTMLAttributes, ReactNode, ChangeEventHandler, Ref, FormEvent, CSSProperties, ComponentPropsWithoutRef, RefObject, HTMLAttributes, MouseEvent, ComponentProps, ElementType } from 'react';
2
+ import { ButtonHTMLAttributes, ReactNode, ChangeEventHandler, InputHTMLAttributes, TextareaHTMLAttributes, Ref, ComponentPropsWithoutRef, CSSProperties, ChangeEvent, RefObject, HTMLAttributes, MouseEvent, ComponentProps, ElementType } from 'react';
3
3
  import { StyleSpecification } from 'maplibre-gl';
4
4
  import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
5
5
 
@@ -132,11 +132,13 @@ type CheckboxFieldProps = {
132
132
  labelPosition?: LabelPosition;
133
133
  labelVisuallyHidden?: boolean;
134
134
  mode?: FieldMode;
135
+ name?: string;
135
136
  onChange: ChangeEventHandler<HTMLInputElement>;
136
137
  shape?: ChoiceShape;
137
138
  size?: ChoiceControlSize;
139
+ value?: string;
138
140
  };
139
- declare function CheckboxField({ checked, className, error, fitContent, help, id, label, labelPosition, labelVisuallyHidden, mode, onChange, shape, size, }: CheckboxFieldProps): react.JSX.Element;
141
+ declare function CheckboxField({ checked, className, error, fitContent, help, id, label, labelPosition, labelVisuallyHidden, mode, name, onChange, shape, size, value, }: CheckboxFieldProps): react.JSX.Element;
140
142
 
141
143
  type ColorFieldProps = {
142
144
  error?: string;
@@ -151,21 +153,37 @@ type ColorFieldProps = {
151
153
  };
152
154
  declare function ColorField({ error, help, id, label, labelPosition, mode, onChange, size, value, }: ColorFieldProps): react.JSX.Element;
153
155
 
156
+ type NativeInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "aria-invalid" | "className" | "defaultValue" | "id" | "onChange" | "placeholder" | "ref" | "required" | "size" | "type" | "value">;
157
+ type NativeTextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "aria-describedby" | "aria-invalid" | "className" | "defaultValue" | "id" | "maxLength" | "onChange" | "placeholder" | "required" | "value">;
158
+ type TextEntryBehaviourProps = {
159
+ autoCapitalize?: InputHTMLAttributes<HTMLInputElement>["autoCapitalize"];
160
+ autoComplete?: InputHTMLAttributes<HTMLInputElement>["autoComplete"];
161
+ autoCorrect?: InputHTMLAttributes<HTMLInputElement>["autoCorrect"];
162
+ autoFocus?: boolean;
163
+ disabled?: boolean;
164
+ enterKeyHint?: InputHTMLAttributes<HTMLInputElement>["enterKeyHint"];
165
+ inputMode?: InputHTMLAttributes<HTMLInputElement>["inputMode"];
166
+ name?: string;
167
+ readOnly?: boolean;
168
+ spellCheck?: boolean;
169
+ };
170
+
154
171
  type DateInputType = "date" | "datetime-local" | "month" | "time" | "week";
155
- type DateFieldProps = {
172
+ type DateFieldProps = TextEntryBehaviourProps & {
156
173
  error?: string;
157
174
  help?: string;
158
175
  id: string;
159
176
  label: string;
160
177
  labelPosition?: LabelPosition;
161
178
  mode?: FieldMode;
179
+ inputProps?: NativeInputProps;
162
180
  required?: boolean;
163
181
  size?: InputControlSize;
164
182
  type?: DateInputType;
165
183
  value: string;
166
184
  onChange: ChangeEventHandler<HTMLInputElement>;
167
185
  };
168
- declare function DateField({ error, help, id, label, labelPosition, mode, required, size, type, value, onChange, }: DateFieldProps): react.JSX.Element;
186
+ declare function DateField({ autoComplete, autoFocus, disabled, error, help, id, label, labelPosition, mode, inputProps, name, readOnly, required, size, type, value, onChange, }: DateFieldProps): react.JSX.Element;
169
187
 
170
188
  type HiddenFieldProps = {
171
189
  help?: string;
@@ -345,13 +363,14 @@ type SelectFieldProps = {
345
363
  label: string;
346
364
  labelPosition?: LabelPosition;
347
365
  mode?: FieldMode;
366
+ name?: string;
348
367
  options: string[];
349
368
  required?: boolean;
350
369
  size?: InputControlSize;
351
370
  value: string;
352
371
  onChange: ChangeEventHandler<HTMLSelectElement>;
353
372
  };
354
- declare function SelectField({ error, help, id, label, labelPosition, mode, options, required, size, value, onChange, }: SelectFieldProps): react.JSX.Element;
373
+ declare function SelectField({ error, help, id, label, labelPosition, mode, name, options, required, size, value, onChange, }: SelectFieldProps): react.JSX.Element;
355
374
 
356
375
  type SwitchFieldProps = {
357
376
  checked: boolean;
@@ -367,13 +386,15 @@ type SwitchFieldProps = {
367
386
  };
368
387
  declare function SwitchField({ checked, error, help, id, label, labelVisuallyHidden, labelPosition, mode, size, onChange, }: SwitchFieldProps): react.JSX.Element;
369
388
 
370
- type TextAreaFieldProps = {
389
+ type TextAreaFieldProps = TextEntryBehaviourProps & {
371
390
  error?: string;
372
391
  help?: string;
373
392
  id: string;
374
393
  label: string;
375
394
  labelPosition?: LabelPosition;
376
395
  maxChars?: number;
396
+ minLength?: number;
397
+ inputProps?: NativeTextAreaProps;
377
398
  mode?: FieldMode;
378
399
  placeholder?: string;
379
400
  required?: boolean;
@@ -381,7 +402,7 @@ type TextAreaFieldProps = {
381
402
  value: string;
382
403
  onChange: ChangeEventHandler<HTMLTextAreaElement>;
383
404
  };
384
- declare function TextAreaField({ error, help, id, label, labelPosition, maxChars, mode, placeholder, required, size, value, onChange, }: TextAreaFieldProps): react.JSX.Element;
405
+ declare function TextAreaField({ autoCapitalize, autoComplete, autoCorrect, autoFocus, disabled, enterKeyHint, error, help, id, label, labelPosition, maxChars, minLength, inputMode, inputProps, mode, placeholder, required, name, readOnly, size, value, spellCheck, onChange, }: TextAreaFieldProps): react.JSX.Element;
385
406
 
386
407
  type RichTextFieldProps = {
387
408
  error?: string;
@@ -400,7 +421,7 @@ type RichTextFieldProps = {
400
421
  };
401
422
  declare function RichTextField({ error, help, id, label, labelPosition, minHeight, mode, placeholder, readOnly, required, size, value, onChange, }: RichTextFieldProps): react.JSX.Element;
402
423
 
403
- type TextFieldProps = {
424
+ type TextFieldProps = TextEntryBehaviourProps & {
404
425
  error?: string;
405
426
  help?: string;
406
427
  id: string;
@@ -410,6 +431,10 @@ type TextFieldProps = {
410
431
  labelPosition?: LabelPosition;
411
432
  mode?: FieldMode;
412
433
  placeholder?: string;
434
+ inputProps?: NativeInputProps;
435
+ maxLength?: number;
436
+ minLength?: number;
437
+ pattern?: string;
413
438
  required?: boolean;
414
439
  size?: InputControlSize;
415
440
  type: "email" | "password" | "search" | "tel" | "text" | "url";
@@ -417,7 +442,7 @@ type TextFieldProps = {
417
442
  endAdornment?: ReactNode;
418
443
  onChange: ChangeEventHandler<HTMLInputElement>;
419
444
  };
420
- declare function TextField({ error, help, id, inputRef, label, labelVisuallyHidden, labelPosition, mode, placeholder, required, size, type, value, endAdornment, onChange, }: TextFieldProps): react.JSX.Element;
445
+ declare function TextField({ autoCapitalize, autoComplete, autoCorrect, autoFocus, disabled, enterKeyHint, error, help, id, inputRef, label, labelVisuallyHidden, labelPosition, mode, placeholder, inputMode, inputProps, maxLength, minLength, name, pattern, readOnly, required, size, type, value, spellCheck, endAdornment, onChange, }: TextFieldProps): react.JSX.Element;
421
446
 
422
447
  type ThemeToggleFieldProps = {
423
448
  className?: string;
@@ -489,7 +514,7 @@ type PasswordRequirement = {
489
514
  label: string;
490
515
  test: (value: string) => boolean;
491
516
  };
492
- type PasswordStrengthFieldProps = {
517
+ type PasswordStrengthFieldProps = TextEntryBehaviourProps & {
493
518
  error?: string;
494
519
  help?: string;
495
520
  id: string;
@@ -497,6 +522,7 @@ type PasswordStrengthFieldProps = {
497
522
  labelPosition?: LabelPosition;
498
523
  mode?: FieldMode;
499
524
  placeholder?: string;
525
+ inputProps?: NativeInputProps;
500
526
  required?: boolean;
501
527
  requirements?: PasswordRequirement[];
502
528
  showRequirements?: boolean;
@@ -504,7 +530,7 @@ type PasswordStrengthFieldProps = {
504
530
  value: string;
505
531
  onChange: (value: string) => void;
506
532
  };
507
- declare function PasswordStrengthField({ error, help, id, label, labelPosition, mode, placeholder, required, requirements, showRequirements, size, value, onChange, }: PasswordStrengthFieldProps): react.JSX.Element;
533
+ declare function PasswordStrengthField({ autoComplete, autoFocus, disabled, error, help, id, label, labelPosition, mode, placeholder, inputProps, name, readOnly, required, requirements, showRequirements, size, value, onChange, }: PasswordStrengthFieldProps): react.JSX.Element;
508
534
 
509
535
  type RatingVariant = "stars" | "hearts" | "numeric";
510
536
  type RatingFieldProps = {
@@ -567,7 +593,7 @@ type PhoneCountry = {
567
593
  declare function countryCodeToFlag(code: string): string;
568
594
  declare const countries: PhoneCountry[];
569
595
 
570
- type PhoneNumberFieldProps = {
596
+ type PhoneNumberFieldProps = TextEntryBehaviourProps & {
571
597
  countries?: PhoneCountry[];
572
598
  countryCode: string;
573
599
  error?: string;
@@ -577,13 +603,14 @@ type PhoneNumberFieldProps = {
577
603
  labelPosition?: LabelPosition;
578
604
  mode?: FieldMode;
579
605
  placeholder?: string;
606
+ inputProps?: NativeInputProps;
580
607
  required?: boolean;
581
608
  size?: InputControlSize;
582
609
  value: string;
583
610
  onChange: (value: string) => void;
584
611
  onCountryCodeChange: (countryCode: string) => void;
585
612
  };
586
- declare function PhoneNumberField({ countries, countryCode, error, help, id, label, labelPosition, mode, placeholder, required, size, value, onChange, onCountryCodeChange, }: PhoneNumberFieldProps): react.JSX.Element;
613
+ declare function PhoneNumberField({ autoComplete, autoFocus, disabled, countries, countryCode, error, help, id, label, labelPosition, mode, placeholder, inputProps, name, readOnly, required, size, value, onChange, onCountryCodeChange, }: PhoneNumberFieldProps): react.JSX.Element;
587
614
 
588
615
  type CountryPickerFieldProps = {
589
616
  countries?: PhoneCountry[];
@@ -1184,10 +1211,24 @@ type FormValidationSummaryProps = {
1184
1211
  title?: string;
1185
1212
  };
1186
1213
  declare function FormValidationSummary({ errors, title }: FormValidationSummaryProps): react.JSX.Element | null;
1187
- declare function Form({ children, onSubmit }: {
1188
- children: ReactNode;
1189
- onSubmit?: (event: FormEvent<HTMLFormElement>) => void;
1190
- }): react.JSX.Element;
1214
+ type FormProps = Omit<ComponentPropsWithoutRef<"form">, "className"> & {
1215
+ className?: string;
1216
+ };
1217
+ declare function Form({ children, className, ...props }: FormProps): react.JSX.Element;
1218
+ type FormHeaderProps = {
1219
+ /** Trailing controls, aligned opposite the title on wide layouts. */
1220
+ actions?: ReactNode;
1221
+ align?: "start" | "center";
1222
+ description?: string;
1223
+ /** Heading level for the document outline. Visual size is unchanged. */
1224
+ headingLevel?: 2 | 3 | 4;
1225
+ /** Small uppercase label above the title. */
1226
+ eyebrow?: string;
1227
+ title: string;
1228
+ /** Id placed on the heading, for wiring `aria-labelledby` on the surrounding region. */
1229
+ titleId?: string;
1230
+ };
1231
+ declare function FormHeader({ actions, align, description, eyebrow, headingLevel, title, titleId }: FormHeaderProps): react.JSX.Element;
1191
1232
  declare function FormSection({ children, title }: {
1192
1233
  children: ReactNode;
1193
1234
  title?: string;
@@ -1539,13 +1580,15 @@ type EmptyStateProps = {
1539
1580
  declare function EmptyState({ actions, description, density, icon, title, }: EmptyStateProps): react.JSX.Element;
1540
1581
 
1541
1582
  type BadgeProps = {
1583
+ /** Trailing numeric pill, for counts that qualify the label. */
1584
+ count?: number;
1542
1585
  dot?: boolean;
1543
1586
  label: string;
1544
1587
  size?: BadgeSize;
1545
1588
  tone?: BadgeTone;
1546
1589
  variant?: BadgeVariant;
1547
1590
  };
1548
- declare function Badge({ dot, label, size, tone, variant, }: BadgeProps): react.JSX.Element;
1591
+ declare function Badge({ count, dot, label, size, tone, variant, }: BadgeProps): react.JSX.Element;
1549
1592
 
1550
1593
  type DividerProps = {
1551
1594
  label?: string;
@@ -2791,6 +2834,58 @@ type SpinnerProps = {
2791
2834
  };
2792
2835
  declare function Spinner({ label, size, tone }: SpinnerProps): react.JSX.Element;
2793
2836
 
2837
+ type FormFieldValue = string | number | boolean;
2838
+ type FormValues = Record<string, FormFieldValue>;
2839
+ type FormFieldState<TValue extends FormFieldValue = FormFieldValue> = {
2840
+ /** Current value. */
2841
+ value: TValue;
2842
+ /** Value the field was initialised or last reset to. */
2843
+ defaultValue: TValue;
2844
+ /** Value differs from `defaultValue`. */
2845
+ dirty: boolean;
2846
+ /** Field has been blurred or edited at least once. */
2847
+ touched: boolean;
2848
+ /** Validation message for the current value, when the form has a validator. */
2849
+ error?: string;
2850
+ };
2851
+ type FormStateValidator<TValues extends FormValues> = (values: TValues) => Partial<Record<keyof TValues, string>>;
2852
+ type UseFormStateOptions<TValues extends FormValues> = {
2853
+ /** Initial values. Also the baseline used for dirty tracking and `reset()`. */
2854
+ defaults: TValues;
2855
+ validate?: FormStateValidator<TValues>;
2856
+ };
2857
+ type UseFormStateResult<TValues extends FormValues> = {
2858
+ values: TValues;
2859
+ fields: {
2860
+ [K in keyof TValues]: FormFieldState<TValues[K]>;
2861
+ };
2862
+ errors: Partial<Record<keyof TValues, string>>;
2863
+ dirtyFields: Array<keyof TValues>;
2864
+ touchedFields: Array<keyof TValues>;
2865
+ isDirty: boolean;
2866
+ isTouched: boolean;
2867
+ isValid: boolean;
2868
+ setValue: <K extends keyof TValues>(name: K, value: TValues[K]) => void;
2869
+ setTouched: (name: keyof TValues, touched?: boolean) => void;
2870
+ touchAll: () => void;
2871
+ reset: (nextDefaults?: TValues) => void;
2872
+ /** Props for text-like fields (`value` + change event). */
2873
+ register: <K extends keyof TValues>(name: K) => {
2874
+ name: string;
2875
+ value: TValues[K];
2876
+ onBlur: () => void;
2877
+ onChange: (event: ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => void;
2878
+ };
2879
+ /** Props for checkbox / switch fields (`checked` + change event). */
2880
+ registerCheckbox: (name: keyof TValues) => {
2881
+ name: string;
2882
+ checked: boolean;
2883
+ onBlur: () => void;
2884
+ onChange: (event: ChangeEvent<HTMLInputElement>) => void;
2885
+ };
2886
+ };
2887
+ declare function useFormState<TValues extends FormValues>({ defaults, validate, }: UseFormStateOptions<TValues>): UseFormStateResult<TValues>;
2888
+
2794
2889
  type ClockSize = "sm" | "md" | "lg";
2795
2890
  type ClockProps = {
2796
2891
  showAnalog?: boolean;
@@ -3551,4 +3646,4 @@ type SankeyLinkDef = {
3551
3646
  };
3552
3647
  declare const demoSankeyLinks: SankeyLinkDef[];
3553
3648
 
3554
- 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, FLIP_CLOCK_FRAME_RATE, FONT_STORAGE_KEY, type FieldMode, FieldShell, FileField, FilterBuilder, type FilterBuilderProps, type FilterCondition, type FilterOperator, FilterSelectField, type FilterSelectGroup, FlipClock, type FlipClockSize, 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 };
3649
+ 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 DateFieldProps, 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, FLIP_CLOCK_FRAME_RATE, FONT_STORAGE_KEY, type FieldMode, FieldShell, FileField, FilterBuilder, type FilterBuilderProps, type FilterCondition, type FilterOperator, FilterSelectField, type FilterSelectGroup, FlipClock, type FlipClockSize, FloatingActionButton, type FloatingActionButtonPosition, type FloatingActionButtonProps, type FloatingActionButtonSize, FocusTrap, FontPicker, Form, FormActions, type FormFieldState, type FormFieldValue, FormHeader, type FormHeaderProps, FormSection, type FormStateValidator, FormValidationSummary, type FormValidationSummaryProps, type FormValues, 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, type NativeInputProps, type NativeTextAreaProps, 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, type TextAreaFieldProps, type TextEntryBehaviourProps, TextField, type TextFieldProps, 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 UseFormStateOptions, type UseFormStateResult, 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, useFormState, useHotkey, useHotkeyManager, useIntersectionObserver, useOpusTheme, usePortalHost, useResizeObserver, useTileAccentPreference, useToast, useTopNavigation, worldMapRegionIds };