opus-react 0.6.10 → 0.6.12
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.cjs +3631 -2022
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +1724 -139
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +354 -9
- package/dist/index.d.ts +354 -9
- package/dist/index.js +3681 -2066
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -78,7 +78,7 @@ type DescriptionListLayout = "stacked" | "inline";
|
|
|
78
78
|
type ContentTimelineStatus = "default" | "success" | "warning" | "danger" | "muted";
|
|
79
79
|
type StatisticTrend = "up" | "down" | "flat";
|
|
80
80
|
|
|
81
|
-
type ButtonVariant = "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "light" | "dark" | "link";
|
|
81
|
+
type ButtonVariant = "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "light" | "dark" | "ghost" | "link";
|
|
82
82
|
type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
83
83
|
children: ReactNode;
|
|
84
84
|
size?: InputControlSize;
|
|
@@ -264,11 +264,12 @@ type HiddenFieldProps = {
|
|
|
264
264
|
labelPosition?: LabelPosition;
|
|
265
265
|
mode?: FieldMode;
|
|
266
266
|
name?: string;
|
|
267
|
+
showPreview?: boolean;
|
|
267
268
|
required?: boolean;
|
|
268
269
|
size?: InputControlSize;
|
|
269
270
|
value: string;
|
|
270
271
|
};
|
|
271
|
-
declare function HiddenField({ help, id, label, labelPosition, mode, name, required, size, value, }: HiddenFieldProps): react.JSX.Element;
|
|
272
|
+
declare function HiddenField({ help, id, label, labelPosition, mode, name, required, showPreview, size, value, }: HiddenFieldProps): react.JSX.Element;
|
|
272
273
|
|
|
273
274
|
type FileFieldProps = {
|
|
274
275
|
error?: string;
|
|
@@ -337,16 +338,18 @@ type NumberFieldProps = {
|
|
|
337
338
|
help?: string;
|
|
338
339
|
id: string;
|
|
339
340
|
label: string;
|
|
341
|
+
labelVisuallyHidden?: boolean;
|
|
340
342
|
labelPosition?: LabelPosition;
|
|
341
343
|
max?: number;
|
|
342
344
|
min?: number;
|
|
343
345
|
mode?: FieldMode;
|
|
346
|
+
name?: string;
|
|
344
347
|
onChange: ChangeEventHandler<HTMLInputElement>;
|
|
345
348
|
size?: InputControlSize;
|
|
346
349
|
step?: number;
|
|
347
350
|
value: number;
|
|
348
351
|
};
|
|
349
|
-
declare function NumberField({ error, help, id, label, labelPosition, max, min, mode, onChange, size, step, value, }: NumberFieldProps): react.JSX.Element;
|
|
352
|
+
declare function NumberField({ error, help, id, label, labelVisuallyHidden, labelPosition, max, min, mode, name, onChange, size, step, value, }: NumberFieldProps): react.JSX.Element;
|
|
350
353
|
|
|
351
354
|
type RadioGroupProps = {
|
|
352
355
|
children: ReactNode;
|
|
@@ -358,11 +361,12 @@ type RadioGroupProps = {
|
|
|
358
361
|
mode?: FieldMode;
|
|
359
362
|
name: string;
|
|
360
363
|
onChange: (value: string) => void;
|
|
364
|
+
orientation?: "horizontal" | "vertical";
|
|
361
365
|
shape?: ChoiceShape;
|
|
362
366
|
size?: ChoiceControlSize;
|
|
363
367
|
value: string | null;
|
|
364
368
|
};
|
|
365
|
-
declare function RadioGroup({ children, error, help, id, label, labelPosition, mode, name, onChange, shape, size, value, }: RadioGroupProps): react.JSX.Element;
|
|
369
|
+
declare function RadioGroup({ children, error, help, id, label, labelPosition, mode, name, onChange, orientation, shape, size, value, }: RadioGroupProps): react.JSX.Element;
|
|
366
370
|
type RadioProps = {
|
|
367
371
|
children?: ReactNode;
|
|
368
372
|
error?: string;
|
|
@@ -398,8 +402,10 @@ type ChoiceChipsProps = {
|
|
|
398
402
|
help?: string;
|
|
399
403
|
id: string;
|
|
400
404
|
label: string;
|
|
405
|
+
labelVisuallyHidden?: boolean;
|
|
401
406
|
labelPosition?: LabelPosition;
|
|
402
407
|
mode?: FieldMode;
|
|
408
|
+
name?: string;
|
|
403
409
|
options: ChoiceOption[];
|
|
404
410
|
required?: boolean;
|
|
405
411
|
selectionMode?: ChoiceChipsSelectionMode;
|
|
@@ -408,7 +414,7 @@ type ChoiceChipsProps = {
|
|
|
408
414
|
variant?: ChoiceChipsVariant;
|
|
409
415
|
onChange: (value: string | string[]) => void;
|
|
410
416
|
};
|
|
411
|
-
declare function ChoiceChips({ disabled, error, help, id, label, labelPosition, mode, options, required, selectionMode, size, value, variant, onChange, }: ChoiceChipsProps): react.JSX.Element;
|
|
417
|
+
declare function ChoiceChips({ disabled, error, help, id, label, labelVisuallyHidden, labelPosition, mode, name, options, required, selectionMode, size, value, variant, onChange, }: ChoiceChipsProps): react.JSX.Element;
|
|
412
418
|
declare const ChoiceChipsField: typeof ChoiceChips;
|
|
413
419
|
|
|
414
420
|
type RangeFieldProps = {
|
|
@@ -433,6 +439,7 @@ type SelectFieldProps = {
|
|
|
433
439
|
help?: string;
|
|
434
440
|
id: string;
|
|
435
441
|
label: string;
|
|
442
|
+
labelVisuallyHidden?: boolean;
|
|
436
443
|
labelPosition?: LabelPosition;
|
|
437
444
|
mode?: FieldMode;
|
|
438
445
|
name?: string;
|
|
@@ -442,7 +449,7 @@ type SelectFieldProps = {
|
|
|
442
449
|
value: string;
|
|
443
450
|
onChange: ChangeEventHandler<HTMLSelectElement>;
|
|
444
451
|
};
|
|
445
|
-
declare function SelectField({ error, help, id, label, labelPosition, mode, name, options, required, size, value, onChange, }: SelectFieldProps): react.JSX.Element;
|
|
452
|
+
declare function SelectField({ error, help, id, label, labelVisuallyHidden, labelPosition, mode, name, options, required, size, value, onChange, }: SelectFieldProps): react.JSX.Element;
|
|
446
453
|
|
|
447
454
|
type SwitchFieldProps = {
|
|
448
455
|
checked: boolean;
|
|
@@ -916,8 +923,10 @@ type OpusThemeProviderProps = {
|
|
|
916
923
|
* Set to false if you want to manage the `data-theme` attribute yourself.
|
|
917
924
|
*/
|
|
918
925
|
applyToDocument?: boolean;
|
|
926
|
+
/** Global font family or complete CSS font stack exposed through the Opus font token. */
|
|
927
|
+
fontFamily?: string;
|
|
919
928
|
};
|
|
920
|
-
declare function OpusThemeProvider({ children, theme, applyToDocument, }: OpusThemeProviderProps): react.JSX.Element;
|
|
929
|
+
declare function OpusThemeProvider({ children, theme, applyToDocument, fontFamily, }: OpusThemeProviderProps): react.JSX.Element;
|
|
921
930
|
|
|
922
931
|
type CommandPaletteItem = {
|
|
923
932
|
description?: string;
|
|
@@ -1544,6 +1553,8 @@ type VideoPlayerProps = {
|
|
|
1544
1553
|
muted?: boolean;
|
|
1545
1554
|
/** Reports every user-facing player action. */
|
|
1546
1555
|
onAction?: (action: string) => void;
|
|
1556
|
+
/** Reports whether the active media element is currently playing. */
|
|
1557
|
+
onPlayingChange?: (playing: boolean) => void;
|
|
1547
1558
|
shareUrl?: string;
|
|
1548
1559
|
showShare?: boolean;
|
|
1549
1560
|
showTitle?: boolean;
|
|
@@ -1552,7 +1563,25 @@ type VideoPlayerProps = {
|
|
|
1552
1563
|
src?: string;
|
|
1553
1564
|
title?: string;
|
|
1554
1565
|
};
|
|
1555
|
-
declare function VideoPlayer({ autoPlay, className, edgeToEdge, initialIndex, loop, loopPlaylist, muted, onAction, shareUrl, showShare, showTitle, src, title, tracks, }: VideoPlayerProps): react.JSX.Element | null;
|
|
1566
|
+
declare function VideoPlayer({ autoPlay, className, edgeToEdge, initialIndex, loop, loopPlaylist, muted, onAction, onPlayingChange, shareUrl, showShare, showTitle, src, title, tracks, }: VideoPlayerProps): react.JSX.Element | null;
|
|
1567
|
+
|
|
1568
|
+
type PersistentVideoPlayerProviderProps = {
|
|
1569
|
+
children: ReactNode;
|
|
1570
|
+
/** Width of the bottom-right player after its inline anchor unmounts. */
|
|
1571
|
+
miniPlayerWidth?: number;
|
|
1572
|
+
/** Space between the mini player and the viewport edges. */
|
|
1573
|
+
miniPlayerOffset?: number;
|
|
1574
|
+
};
|
|
1575
|
+
type PersistentVideoPlayerProps = VideoPlayerProps & {
|
|
1576
|
+
/** Accessible label for the persistent player surface. */
|
|
1577
|
+
persistentLabel?: string;
|
|
1578
|
+
};
|
|
1579
|
+
declare function PersistentVideoPlayerProvider({ children, miniPlayerOffset, miniPlayerWidth, }: PersistentVideoPlayerProviderProps): react.JSX.Element;
|
|
1580
|
+
/**
|
|
1581
|
+
* Anchor for a player owned by PersistentVideoPlayerProvider. The provider keeps
|
|
1582
|
+
* the media element mounted when this anchor disappears during route changes.
|
|
1583
|
+
*/
|
|
1584
|
+
declare function PersistentVideoPlayer(props: PersistentVideoPlayerProps): react.JSX.Element;
|
|
1556
1585
|
|
|
1557
1586
|
type AudioTrack = {
|
|
1558
1587
|
artist?: string;
|
|
@@ -2965,8 +2994,301 @@ type UseFormStateResult<TValues extends FormValues> = {
|
|
|
2965
2994
|
onChange: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
2966
2995
|
};
|
|
2967
2996
|
};
|
|
2997
|
+
type FormStateProviderProps<TValues extends FormValues> = UseFormStateOptions<TValues> & {
|
|
2998
|
+
children: ReactNode;
|
|
2999
|
+
};
|
|
3000
|
+
/**
|
|
3001
|
+
* Owns a form state instance and makes it available to any descendant field,
|
|
3002
|
+
* action bar, validation summary, or debug panel.
|
|
3003
|
+
*/
|
|
3004
|
+
declare function FormStateProvider<TValues extends FormValues>({ children, defaults, validate, }: FormStateProviderProps<TValues>): react.FunctionComponentElement<react.ProviderProps<UseFormStateResult<FormValues> | null>>;
|
|
3005
|
+
/** Read the nearest `FormStateProvider` with the caller's form value type. */
|
|
3006
|
+
declare function useFormStateContext<TValues extends FormValues = FormValues>(): UseFormStateResult<TValues>;
|
|
2968
3007
|
declare function useFormState<TValues extends FormValues>({ defaults, validate, }: UseFormStateOptions<TValues>): UseFormStateResult<TValues>;
|
|
2969
3008
|
|
|
3009
|
+
type FormWizardStep = {
|
|
3010
|
+
id: string;
|
|
3011
|
+
label: string;
|
|
3012
|
+
description?: string;
|
|
3013
|
+
content: ReactNode;
|
|
3014
|
+
disabled?: boolean;
|
|
3015
|
+
error?: string;
|
|
3016
|
+
optional?: boolean;
|
|
3017
|
+
};
|
|
3018
|
+
type FormWizardProps = {
|
|
3019
|
+
steps: FormWizardStep[];
|
|
3020
|
+
ariaLabel?: string;
|
|
3021
|
+
activeStep?: number;
|
|
3022
|
+
defaultActiveStep?: number;
|
|
3023
|
+
allowStepNavigation?: boolean;
|
|
3024
|
+
backLabel?: string;
|
|
3025
|
+
cancelLabel?: string;
|
|
3026
|
+
completeLabel?: string;
|
|
3027
|
+
nextLabel?: string;
|
|
3028
|
+
orientation?: "horizontal" | "vertical";
|
|
3029
|
+
showCancel?: boolean;
|
|
3030
|
+
showDescriptions?: boolean;
|
|
3031
|
+
canAdvance?: (step: FormWizardStep, index: number) => boolean;
|
|
3032
|
+
onCancel?: () => void;
|
|
3033
|
+
onComplete?: (step: FormWizardStep, index: number) => void;
|
|
3034
|
+
onStepChange?: (step: FormWizardStep, index: number) => void;
|
|
3035
|
+
onValidationError?: (step: FormWizardStep, index: number) => void;
|
|
3036
|
+
};
|
|
3037
|
+
declare function FormWizard({ steps, ariaLabel, activeStep, defaultActiveStep, allowStepNavigation, backLabel, cancelLabel, completeLabel, nextLabel, orientation, showCancel, showDescriptions, canAdvance, onCancel, onComplete, onStepChange, onValidationError, }: FormWizardProps): react.JSX.Element | null;
|
|
3038
|
+
|
|
3039
|
+
type AsyncSelectOption = {
|
|
3040
|
+
label: string;
|
|
3041
|
+
value: string;
|
|
3042
|
+
description?: string;
|
|
3043
|
+
};
|
|
3044
|
+
type AsyncSelectFieldProps = {
|
|
3045
|
+
id: string;
|
|
3046
|
+
label: string;
|
|
3047
|
+
value?: AsyncSelectOption | null;
|
|
3048
|
+
defaultOptions?: AsyncSelectOption[];
|
|
3049
|
+
loadOptions: (query: string) => Promise<AsyncSelectOption[]>;
|
|
3050
|
+
debounceMs?: number;
|
|
3051
|
+
minQueryLength?: number;
|
|
3052
|
+
placeholder?: string;
|
|
3053
|
+
loadingMessage?: string;
|
|
3054
|
+
emptyMessage?: string;
|
|
3055
|
+
disabled?: boolean;
|
|
3056
|
+
required?: boolean;
|
|
3057
|
+
error?: string;
|
|
3058
|
+
help?: string;
|
|
3059
|
+
onChange: (option: AsyncSelectOption | null) => void;
|
|
3060
|
+
};
|
|
3061
|
+
declare function AsyncSelectField({ id, label, value, defaultOptions, loadOptions, debounceMs, minQueryLength, placeholder, loadingMessage, emptyMessage, disabled, required, error, help, onChange }: AsyncSelectFieldProps): react.JSX.Element;
|
|
3062
|
+
|
|
3063
|
+
type MentionOption = {
|
|
3064
|
+
id: string;
|
|
3065
|
+
label: string;
|
|
3066
|
+
description?: string;
|
|
3067
|
+
};
|
|
3068
|
+
type MentionInputFieldProps = {
|
|
3069
|
+
autoCapitalize?: string;
|
|
3070
|
+
autoComplete?: string;
|
|
3071
|
+
autoCorrect?: "off" | "on";
|
|
3072
|
+
id: string;
|
|
3073
|
+
label: string;
|
|
3074
|
+
name?: string;
|
|
3075
|
+
value: string;
|
|
3076
|
+
options: MentionOption[];
|
|
3077
|
+
trigger?: string;
|
|
3078
|
+
placeholder?: string;
|
|
3079
|
+
spellCheck?: boolean;
|
|
3080
|
+
onChange: (value: string) => void;
|
|
3081
|
+
onMention?: (option: MentionOption) => void;
|
|
3082
|
+
};
|
|
3083
|
+
declare function MentionInputField({ autoCapitalize, autoComplete, autoCorrect, id, label, name, value, options, trigger, placeholder, spellCheck, onChange, onMention, }: MentionInputFieldProps): react.JSX.Element;
|
|
3084
|
+
|
|
3085
|
+
type TimeRangeValue = {
|
|
3086
|
+
start: string;
|
|
3087
|
+
end: string;
|
|
3088
|
+
};
|
|
3089
|
+
type TimeRangeFieldProps = {
|
|
3090
|
+
id: string;
|
|
3091
|
+
label: string;
|
|
3092
|
+
name?: string;
|
|
3093
|
+
value: TimeRangeValue;
|
|
3094
|
+
step?: number;
|
|
3095
|
+
required?: boolean;
|
|
3096
|
+
onChange: (value: TimeRangeValue) => void;
|
|
3097
|
+
};
|
|
3098
|
+
declare function TimeRangeField({ id, label, name, value, step, required, onChange, }: TimeRangeFieldProps): react.JSX.Element;
|
|
3099
|
+
|
|
3100
|
+
type VirtualListProps<T> = {
|
|
3101
|
+
items: T[];
|
|
3102
|
+
height: number;
|
|
3103
|
+
itemHeight: number;
|
|
3104
|
+
renderItem: (item: T, index: number) => ReactNode;
|
|
3105
|
+
getKey?: (item: T, index: number) => string | number;
|
|
3106
|
+
overscan?: number;
|
|
3107
|
+
ariaLabel?: string;
|
|
3108
|
+
onItemClick?: (item: T, index: number) => void;
|
|
3109
|
+
showScrollbar?: boolean;
|
|
3110
|
+
scrollbarAutoHide?: boolean;
|
|
3111
|
+
scrollbarThickness?: number;
|
|
3112
|
+
hasMore?: boolean;
|
|
3113
|
+
loading?: boolean;
|
|
3114
|
+
loadMoreThreshold?: number;
|
|
3115
|
+
loadingContent?: ReactNode;
|
|
3116
|
+
onLoadMore?: () => void | Promise<void>;
|
|
3117
|
+
totalItemCount?: number;
|
|
3118
|
+
};
|
|
3119
|
+
declare function VirtualList<T>({ items, height, itemHeight, renderItem, getKey, overscan, ariaLabel, onItemClick, showScrollbar, scrollbarAutoHide, scrollbarThickness, hasMore, loading, loadMoreThreshold, loadingContent, onLoadMore, totalItemCount, }: VirtualListProps<T>): react.JSX.Element;
|
|
3120
|
+
|
|
3121
|
+
type ProductTourStep = {
|
|
3122
|
+
id: string;
|
|
3123
|
+
target: string;
|
|
3124
|
+
/** Used when the primary target is not present, such as in an isolated preview. */
|
|
3125
|
+
fallbackTarget?: string;
|
|
3126
|
+
title: string;
|
|
3127
|
+
description: string;
|
|
3128
|
+
placement?: "top" | "bottom" | "left" | "right";
|
|
3129
|
+
};
|
|
3130
|
+
type ProductTourProps = {
|
|
3131
|
+
open: boolean;
|
|
3132
|
+
steps: ProductTourStep[];
|
|
3133
|
+
step?: number;
|
|
3134
|
+
onStepChange?: (step: number) => void;
|
|
3135
|
+
onComplete?: () => void;
|
|
3136
|
+
onDismiss?: () => void;
|
|
3137
|
+
};
|
|
3138
|
+
declare function ProductTour({ open, steps, step, onStepChange, onComplete, onDismiss, }: ProductTourProps): react.ReactPortal | null;
|
|
3139
|
+
|
|
3140
|
+
type RecurrenceFrequency = "daily" | "weekly" | "monthly" | "yearly";
|
|
3141
|
+
type RepeatingRecurrenceValue = {
|
|
3142
|
+
mode?: "recurrence";
|
|
3143
|
+
frequency: RecurrenceFrequency;
|
|
3144
|
+
interval: number;
|
|
3145
|
+
weekdays?: number[];
|
|
3146
|
+
ends: "never" | "on" | "after";
|
|
3147
|
+
endDate?: string;
|
|
3148
|
+
occurrences?: number;
|
|
3149
|
+
};
|
|
3150
|
+
type DateRangeRecurrenceValue = {
|
|
3151
|
+
mode: "date-range";
|
|
3152
|
+
dateFrom: string;
|
|
3153
|
+
dateTo: string;
|
|
3154
|
+
};
|
|
3155
|
+
type RecurrenceValue = RepeatingRecurrenceValue | DateRangeRecurrenceValue;
|
|
3156
|
+
type RecurrenceEditorProps = {
|
|
3157
|
+
value: RecurrenceValue;
|
|
3158
|
+
onChange: (value: RecurrenceValue) => void;
|
|
3159
|
+
};
|
|
3160
|
+
declare function RecurrenceEditor({ value, onChange }: RecurrenceEditorProps): react.JSX.Element;
|
|
3161
|
+
|
|
3162
|
+
type SignaturePadProps = {
|
|
3163
|
+
width?: number;
|
|
3164
|
+
height?: number;
|
|
3165
|
+
disabled?: boolean;
|
|
3166
|
+
onChange?: (dataUrl: string) => void;
|
|
3167
|
+
onClear?: () => void;
|
|
3168
|
+
};
|
|
3169
|
+
declare function SignaturePad({ width, height, disabled, onChange, onClear }: SignaturePadProps): react.JSX.Element;
|
|
3170
|
+
|
|
3171
|
+
type DiffViewerView = "unified" | "split";
|
|
3172
|
+
type DiffViewerProps = {
|
|
3173
|
+
before: string;
|
|
3174
|
+
after: string;
|
|
3175
|
+
/** Legacy initial view. Prefer `defaultView`. */
|
|
3176
|
+
split?: boolean;
|
|
3177
|
+
defaultView?: DiffViewerView;
|
|
3178
|
+
view?: DiffViewerView;
|
|
3179
|
+
showViewToggle?: boolean;
|
|
3180
|
+
heading?: string;
|
|
3181
|
+
beforeLabel?: string;
|
|
3182
|
+
afterLabel?: string;
|
|
3183
|
+
onViewChange?: (view: DiffViewerView) => void;
|
|
3184
|
+
};
|
|
3185
|
+
declare function DiffViewer({ before, after, split, defaultView, view, showViewToggle, heading, beforeLabel, afterLabel, onViewChange, }: DiffViewerProps): react.JSX.Element;
|
|
3186
|
+
|
|
3187
|
+
type SaveState = "idle" | "saving" | "saved" | "error";
|
|
3188
|
+
type SaveStateIndicatorProps = {
|
|
3189
|
+
state: SaveState;
|
|
3190
|
+
message?: string;
|
|
3191
|
+
lastSaved?: Date | string;
|
|
3192
|
+
showLastSaved?: boolean;
|
|
3193
|
+
retryLabel?: string;
|
|
3194
|
+
onRetry?: () => void;
|
|
3195
|
+
};
|
|
3196
|
+
declare function SaveStateIndicator({ state, message, lastSaved, showLastSaved, retryLabel, onRetry }: SaveStateIndicatorProps): react.JSX.Element;
|
|
3197
|
+
|
|
3198
|
+
type BulkAction = {
|
|
3199
|
+
id: string;
|
|
3200
|
+
label: string;
|
|
3201
|
+
destructive?: boolean;
|
|
3202
|
+
disabled?: boolean;
|
|
3203
|
+
};
|
|
3204
|
+
type BulkActionBarProps = {
|
|
3205
|
+
selectedCount: number;
|
|
3206
|
+
actions: BulkAction[];
|
|
3207
|
+
selectionLabel?: string;
|
|
3208
|
+
clearLabel?: string;
|
|
3209
|
+
onAction: (action: BulkAction) => void;
|
|
3210
|
+
onClear: () => void;
|
|
3211
|
+
};
|
|
3212
|
+
declare function BulkActionBar({ selectedCount, actions, selectionLabel, clearLabel, onAction, onClear }: BulkActionBarProps): react.JSX.Element | null;
|
|
3213
|
+
|
|
3214
|
+
type EditableTableValue = string | number | boolean;
|
|
3215
|
+
type EditableDataTableColumn = {
|
|
3216
|
+
key: string;
|
|
3217
|
+
label: string;
|
|
3218
|
+
editable?: boolean;
|
|
3219
|
+
type?: "text" | "number";
|
|
3220
|
+
};
|
|
3221
|
+
type EditableDataTableRow = {
|
|
3222
|
+
id: string;
|
|
3223
|
+
values: Record<string, EditableTableValue>;
|
|
3224
|
+
};
|
|
3225
|
+
type EditableDataTableProps = {
|
|
3226
|
+
columns: EditableDataTableColumn[];
|
|
3227
|
+
rows: EditableDataTableRow[];
|
|
3228
|
+
caption?: string;
|
|
3229
|
+
selectable?: boolean;
|
|
3230
|
+
bulkActions?: BulkAction[];
|
|
3231
|
+
onRowsChange: (rows: EditableDataTableRow[]) => void;
|
|
3232
|
+
onRowSave?: (row: EditableDataTableRow) => void;
|
|
3233
|
+
onRowDelete?: (row: EditableDataTableRow) => void;
|
|
3234
|
+
onBulkAction?: (action: BulkAction, rows: EditableDataTableRow[]) => void;
|
|
3235
|
+
};
|
|
3236
|
+
declare function EditableDataTable({ columns, rows, caption, selectable, bulkActions, onRowsChange, onRowSave, onRowDelete, onBulkAction }: EditableDataTableProps): react.JSX.Element;
|
|
3237
|
+
|
|
3238
|
+
type FileManagerEntry = {
|
|
3239
|
+
id: string;
|
|
3240
|
+
name: string;
|
|
3241
|
+
type: "file" | "folder";
|
|
3242
|
+
size?: string;
|
|
3243
|
+
modified?: string;
|
|
3244
|
+
fileType?: string;
|
|
3245
|
+
};
|
|
3246
|
+
type FileManagerProps = {
|
|
3247
|
+
entries: FileManagerEntry[];
|
|
3248
|
+
path?: string[];
|
|
3249
|
+
initialView?: "grid" | "list";
|
|
3250
|
+
onOpen: (entry: FileManagerEntry) => void;
|
|
3251
|
+
onUpload?: () => void;
|
|
3252
|
+
onCreateFolder?: () => void;
|
|
3253
|
+
onPathChange?: (index: number) => void;
|
|
3254
|
+
};
|
|
3255
|
+
declare function FileManager({ entries, path, initialView, onOpen, onUpload, onCreateFolder, onPathChange }: FileManagerProps): react.JSX.Element;
|
|
3256
|
+
|
|
3257
|
+
type AuditLogEntry = {
|
|
3258
|
+
id: string;
|
|
3259
|
+
actor: string;
|
|
3260
|
+
action: string;
|
|
3261
|
+
timestamp: string;
|
|
3262
|
+
category?: string;
|
|
3263
|
+
details?: string;
|
|
3264
|
+
status?: "success" | "warning" | "error";
|
|
3265
|
+
};
|
|
3266
|
+
type AuditLogProps = {
|
|
3267
|
+
entries: AuditLogEntry[];
|
|
3268
|
+
categories?: string[];
|
|
3269
|
+
onEntryClick?: (entry: AuditLogEntry) => void;
|
|
3270
|
+
};
|
|
3271
|
+
declare function AuditLog({ entries, categories, onEntryClick }: AuditLogProps): react.JSX.Element;
|
|
3272
|
+
|
|
3273
|
+
type UploadQueueItem = {
|
|
3274
|
+
id: string;
|
|
3275
|
+
name: string;
|
|
3276
|
+
size?: string;
|
|
3277
|
+
progress: number;
|
|
3278
|
+
status: "queued" | "uploading" | "paused" | "complete" | "error";
|
|
3279
|
+
error?: string;
|
|
3280
|
+
};
|
|
3281
|
+
type UploadQueueProps = {
|
|
3282
|
+
items: UploadQueueItem[];
|
|
3283
|
+
maxVisible?: number;
|
|
3284
|
+
onPause?: (item: UploadQueueItem) => void;
|
|
3285
|
+
onResume?: (item: UploadQueueItem) => void;
|
|
3286
|
+
onRetry?: (item: UploadQueueItem) => void;
|
|
3287
|
+
onRemove?: (item: UploadQueueItem) => void;
|
|
3288
|
+
onClearComplete?: () => void;
|
|
3289
|
+
};
|
|
3290
|
+
declare function UploadQueue({ items, maxVisible, onPause, onResume, onRetry, onRemove, onClearComplete }: UploadQueueProps): react.JSX.Element;
|
|
3291
|
+
|
|
2970
3292
|
type ClockSize = "sm" | "md" | "lg";
|
|
2971
3293
|
type ClockProps = {
|
|
2972
3294
|
showAnalog?: boolean;
|
|
@@ -2989,6 +3311,28 @@ type FlipClockProps = {
|
|
|
2989
3311
|
};
|
|
2990
3312
|
declare function FlipClock({ showDate, showSeconds, showFrames, size, }: FlipClockProps): react.JSX.Element;
|
|
2991
3313
|
|
|
3314
|
+
type TextMarqueeDirection = "left" | "right";
|
|
3315
|
+
type TextMarqueeProps = {
|
|
3316
|
+
/** Content repeated across the moving track. */
|
|
3317
|
+
children: ReactNode;
|
|
3318
|
+
className?: string;
|
|
3319
|
+
/** Direction in which the content travels. */
|
|
3320
|
+
direction?: TextMarqueeDirection;
|
|
3321
|
+
/** Edge-to-edge space between repeated copies, in pixels. */
|
|
3322
|
+
gap?: number;
|
|
3323
|
+
/** Softly mask content as it enters and leaves the viewport. */
|
|
3324
|
+
fadeEdges?: boolean;
|
|
3325
|
+
/** Pause motion while the pointer or keyboard focus is inside. */
|
|
3326
|
+
pauseOnHover?: boolean;
|
|
3327
|
+
/** Movement speed in pixels per second. */
|
|
3328
|
+
speed?: number;
|
|
3329
|
+
/** Render the Opus glass surface around the marquee. */
|
|
3330
|
+
surface?: boolean;
|
|
3331
|
+
/** Accessible description. Required when children are not plain text. */
|
|
3332
|
+
ariaLabel?: string;
|
|
3333
|
+
};
|
|
3334
|
+
declare function TextMarquee({ ariaLabel, children, className, direction, fadeEdges, gap, pauseOnHover, speed, surface, }: TextMarqueeProps): react.JSX.Element;
|
|
3335
|
+
|
|
2992
3336
|
type PortalHostContextValue = {
|
|
2993
3337
|
container: HTMLElement | null;
|
|
2994
3338
|
};
|
|
@@ -3635,6 +3979,7 @@ type GoogleFontFamily = (typeof googleFonts)[number];
|
|
|
3635
3979
|
|
|
3636
3980
|
declare const FONT_STORAGE_KEY = "opus-components-font";
|
|
3637
3981
|
declare const DEFAULT_FONT_FAMILY: GoogleFontFamily;
|
|
3982
|
+
declare function fontStack(family: string): string;
|
|
3638
3983
|
declare function useFontPreference(): {
|
|
3639
3984
|
fontFamily: "Montserrat" | "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" | "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";
|
|
3640
3985
|
setFontFamily: (next: string) => void;
|
|
@@ -3727,4 +4072,4 @@ type SankeyLinkDef = {
|
|
|
3727
4072
|
};
|
|
3728
4073
|
declare const demoSankeyLinks: SankeyLinkDef[];
|
|
3729
4074
|
|
|
3730
|
-
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, ColorPickerPanel, type ColorPickerPanelProps, 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, DatePickerPanel, type DatePickerPanelProps, type DatePickerPanelRangeProps, type DatePickerPanelSingleProps, type DateRangeValue as DatePickerRangeValue, 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, OpusDateInput, type OpusDateInputProps, OpusDateRangeInput, type OpusDateRangeInputProps, 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, formatDateRangeDisplay, 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 };
|
|
4075
|
+
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, AsyncSelectField, type AsyncSelectFieldProps, type AsyncSelectOption, AudioPlayer, type AudioPlayerProps, type AudioTrack, AuditLog, type AuditLogEntry, type AuditLogProps, 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, type BulkAction, BulkActionBar, type BulkActionBarProps, 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, ColorPickerPanel, type ColorPickerPanelProps, 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, DatePickerPanel, type DatePickerPanelProps, type DatePickerPanelRangeProps, type DatePickerPanelSingleProps, type DateRangeValue as DatePickerRangeValue, DateRangeField, type DateRangeFieldProps, type DateRangeRecurrenceValue, 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, DiffViewer, type DiffViewerProps, type DiffViewerView, Divider, type DividerOrientation, type DividerTone, DockLayout, type DockLayoutProps, Drawer, DrawerDefaultActions, type DrawerSide, DropdownMenu, DropdownMenuItem, type DropdownMenuItemData, type DropdownMenuPlacement, DualListBuilder, type DualListBuilderProps, type DualListItem, EditableDataTable, type EditableDataTableColumn, type EditableDataTableProps, type EditableDataTableRow, type EditableTableValue, type ElementSize, EmojiPicker, type EmojiPickerPlacement, type EmojiPickerProps, EmptyState, type EmptyStateIcon, FLIP_CLOCK_FRAME_RATE, FONT_STORAGE_KEY, type FieldMode, FieldShell, FileField, FileManager, type FileManagerEntry, type FileManagerProps, 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, FormStateProvider, type FormStateProviderProps, type FormStateValidator, FormValidationSummary, type FormValidationSummaryProps, type FormValues, FormWizard, type FormWizardProps, type FormWizardStep, 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, MentionInputField, type MentionInputFieldProps, type MentionOption, 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, OpusDateInput, type OpusDateInputProps, OpusDateRangeInput, type OpusDateRangeInputProps, OpusThemeProvider, OtpField, type OtpFieldProps, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, Panel, type PasswordRequirement, PasswordStrengthField, type PermissionLevel, PermissionsMatrix, type PermissionsMatrixProps, PersistentVideoPlayer, type PersistentVideoPlayerProps, PersistentVideoPlayerProvider, type PersistentVideoPlayerProviderProps, type PhoneCountry, PhoneNumberField, PipelineOverview, type PipelineOverviewProps, type PipelineStage, Popover, type PopoverPlacement, Portal, PortalHost, ProductTour, type ProductTourProps, type ProductTourStep, 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, RecurrenceEditor, type RecurrenceEditorProps, type RecurrenceFrequency, type RecurrenceValue, type RepeatingRecurrenceValue, 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, type SaveState, SaveStateIndicator, type SaveStateIndicatorProps, 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, SignaturePad, type SignaturePadProps, 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, TextMarquee, type TextMarqueeDirection, type TextMarqueeProps, type Theme, OpusThemeProvider as ThemeProvider, ThemeSwitcher, ThemeToggleField, ThreePaneLayout, type ThreePaneLayoutProps, type ThreePaneLayoutSize, Tile, type TileItem, type TileProps, type TileTone, Tiles, type TilesLayout, type TilesProps, TimeRangeField, type TimeRangeFieldProps, type TimeRangeValue, 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, UploadQueue, type UploadQueueItem, type UploadQueueProps, type UseFormStateOptions, type UseFormStateResult, type UserProfileMenuItem, type UserProfilePhotoUploadOptions, UserProfileWidget, type UserProfileWidgetProps, VideoPlayer, type VideoPlayerProps, type VideoTrack, VirtualList, type VirtualListProps, 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, fontStack, formatDateRangeDisplay, getPrimaryBranch, getPrimaryCompany, getWelcomeGreeting, googleFonts, parseColourClouds, countries as phoneCountries, resolveCompanyDetailsCompany, resolveContactDetailsContact, serializeColourClouds, useAccentPreference, useClipboard, useContextMenu, useFieldShellAria, useFontPreference, useFormState, useFormStateContext, useHotkey, useHotkeyManager, useIntersectionObserver, useOpusTheme, usePortalHost, useResizeObserver, useTileAccentPreference, useToast, useTopNavigation, worldMapRegionIds };
|