opus-react 0.6.9 → 0.6.11
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 +7318 -4419
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +15712 -13632
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +356 -19
- package/dist/index.d.ts +356 -19
- package/dist/index.js +19607 -16677
- 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;
|
|
@@ -201,9 +201,12 @@ type DateRangeValue = {
|
|
|
201
201
|
declare function formatDateRangeDisplay(value: DateRangeValue): string;
|
|
202
202
|
|
|
203
203
|
type DatePickerPanelBaseProps = {
|
|
204
|
+
closeOnSelect?: boolean;
|
|
205
|
+
extra?: ReactNode;
|
|
204
206
|
max?: string;
|
|
205
207
|
min?: string;
|
|
206
208
|
onClose?: () => void;
|
|
209
|
+
showFooter?: boolean;
|
|
207
210
|
};
|
|
208
211
|
type DatePickerPanelSingleProps = DatePickerPanelBaseProps & {
|
|
209
212
|
selectionMode?: "single";
|
|
@@ -261,11 +264,12 @@ type HiddenFieldProps = {
|
|
|
261
264
|
labelPosition?: LabelPosition;
|
|
262
265
|
mode?: FieldMode;
|
|
263
266
|
name?: string;
|
|
267
|
+
showPreview?: boolean;
|
|
264
268
|
required?: boolean;
|
|
265
269
|
size?: InputControlSize;
|
|
266
270
|
value: string;
|
|
267
271
|
};
|
|
268
|
-
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;
|
|
269
273
|
|
|
270
274
|
type FileFieldProps = {
|
|
271
275
|
error?: string;
|
|
@@ -334,16 +338,18 @@ type NumberFieldProps = {
|
|
|
334
338
|
help?: string;
|
|
335
339
|
id: string;
|
|
336
340
|
label: string;
|
|
341
|
+
labelVisuallyHidden?: boolean;
|
|
337
342
|
labelPosition?: LabelPosition;
|
|
338
343
|
max?: number;
|
|
339
344
|
min?: number;
|
|
340
345
|
mode?: FieldMode;
|
|
346
|
+
name?: string;
|
|
341
347
|
onChange: ChangeEventHandler<HTMLInputElement>;
|
|
342
348
|
size?: InputControlSize;
|
|
343
349
|
step?: number;
|
|
344
350
|
value: number;
|
|
345
351
|
};
|
|
346
|
-
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;
|
|
347
353
|
|
|
348
354
|
type RadioGroupProps = {
|
|
349
355
|
children: ReactNode;
|
|
@@ -355,11 +361,12 @@ type RadioGroupProps = {
|
|
|
355
361
|
mode?: FieldMode;
|
|
356
362
|
name: string;
|
|
357
363
|
onChange: (value: string) => void;
|
|
364
|
+
orientation?: "horizontal" | "vertical";
|
|
358
365
|
shape?: ChoiceShape;
|
|
359
366
|
size?: ChoiceControlSize;
|
|
360
367
|
value: string | null;
|
|
361
368
|
};
|
|
362
|
-
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;
|
|
363
370
|
type RadioProps = {
|
|
364
371
|
children?: ReactNode;
|
|
365
372
|
error?: string;
|
|
@@ -395,8 +402,10 @@ type ChoiceChipsProps = {
|
|
|
395
402
|
help?: string;
|
|
396
403
|
id: string;
|
|
397
404
|
label: string;
|
|
405
|
+
labelVisuallyHidden?: boolean;
|
|
398
406
|
labelPosition?: LabelPosition;
|
|
399
407
|
mode?: FieldMode;
|
|
408
|
+
name?: string;
|
|
400
409
|
options: ChoiceOption[];
|
|
401
410
|
required?: boolean;
|
|
402
411
|
selectionMode?: ChoiceChipsSelectionMode;
|
|
@@ -405,7 +414,7 @@ type ChoiceChipsProps = {
|
|
|
405
414
|
variant?: ChoiceChipsVariant;
|
|
406
415
|
onChange: (value: string | string[]) => void;
|
|
407
416
|
};
|
|
408
|
-
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;
|
|
409
418
|
declare const ChoiceChipsField: typeof ChoiceChips;
|
|
410
419
|
|
|
411
420
|
type RangeFieldProps = {
|
|
@@ -430,6 +439,7 @@ type SelectFieldProps = {
|
|
|
430
439
|
help?: string;
|
|
431
440
|
id: string;
|
|
432
441
|
label: string;
|
|
442
|
+
labelVisuallyHidden?: boolean;
|
|
433
443
|
labelPosition?: LabelPosition;
|
|
434
444
|
mode?: FieldMode;
|
|
435
445
|
name?: string;
|
|
@@ -439,7 +449,7 @@ type SelectFieldProps = {
|
|
|
439
449
|
value: string;
|
|
440
450
|
onChange: ChangeEventHandler<HTMLSelectElement>;
|
|
441
451
|
};
|
|
442
|
-
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;
|
|
443
453
|
|
|
444
454
|
type SwitchFieldProps = {
|
|
445
455
|
checked: boolean;
|
|
@@ -913,8 +923,10 @@ type OpusThemeProviderProps = {
|
|
|
913
923
|
* Set to false if you want to manage the `data-theme` attribute yourself.
|
|
914
924
|
*/
|
|
915
925
|
applyToDocument?: boolean;
|
|
926
|
+
/** Global font family or complete CSS font stack exposed through the Opus font token. */
|
|
927
|
+
fontFamily?: string;
|
|
916
928
|
};
|
|
917
|
-
declare function OpusThemeProvider({ children, theme, applyToDocument, }: OpusThemeProviderProps): react.JSX.Element;
|
|
929
|
+
declare function OpusThemeProvider({ children, theme, applyToDocument, fontFamily, }: OpusThemeProviderProps): react.JSX.Element;
|
|
918
930
|
|
|
919
931
|
type CommandPaletteItem = {
|
|
920
932
|
description?: string;
|
|
@@ -1206,6 +1218,25 @@ type OtpFieldProps = {
|
|
|
1206
1218
|
};
|
|
1207
1219
|
declare function OtpField({ autoFocus, error, help, id, label, labelPosition, length, mode, required, value, onChange, onComplete, }: OtpFieldProps): react.JSX.Element;
|
|
1208
1220
|
|
|
1221
|
+
type ComboboxOption = {
|
|
1222
|
+
label: string;
|
|
1223
|
+
value: string;
|
|
1224
|
+
};
|
|
1225
|
+
type ComboboxFieldProps = {
|
|
1226
|
+
error?: string;
|
|
1227
|
+
help?: string;
|
|
1228
|
+
id: string;
|
|
1229
|
+
label: string;
|
|
1230
|
+
labelPosition?: LabelPosition;
|
|
1231
|
+
mode?: FieldMode;
|
|
1232
|
+
options: ComboboxOption[];
|
|
1233
|
+
placeholder?: string;
|
|
1234
|
+
required?: boolean;
|
|
1235
|
+
value: string;
|
|
1236
|
+
onChange: (value: string) => void;
|
|
1237
|
+
};
|
|
1238
|
+
declare function ComboboxField({ error, help, id, label, labelPosition, mode, options, placeholder, required, value, onChange, }: ComboboxFieldProps): react.JSX.Element;
|
|
1239
|
+
|
|
1209
1240
|
type ShellProps = {
|
|
1210
1241
|
error?: string;
|
|
1211
1242
|
help?: string;
|
|
@@ -1223,17 +1254,7 @@ type DateRangeFieldProps = ShellProps & {
|
|
|
1223
1254
|
onChange: (value: DateRangeValue) => void;
|
|
1224
1255
|
};
|
|
1225
1256
|
declare function DateRangeField({ error, help, id, label, labelPosition, max, min, mode, required, value, onChange }: DateRangeFieldProps): react.JSX.Element;
|
|
1226
|
-
|
|
1227
|
-
label: string;
|
|
1228
|
-
value: string;
|
|
1229
|
-
};
|
|
1230
|
-
type ComboboxFieldProps = ShellProps & {
|
|
1231
|
-
options: ComboboxOption[];
|
|
1232
|
-
placeholder?: string;
|
|
1233
|
-
value: string;
|
|
1234
|
-
onChange: (value: string) => void;
|
|
1235
|
-
};
|
|
1236
|
-
declare function ComboboxField({ error, help, id, label, labelPosition, mode, options, placeholder, required, value, onChange }: ComboboxFieldProps): react.JSX.Element;
|
|
1257
|
+
|
|
1237
1258
|
type CurrencyFieldProps = ShellProps & {
|
|
1238
1259
|
currency?: string;
|
|
1239
1260
|
locale?: string;
|
|
@@ -2953,8 +2974,301 @@ type UseFormStateResult<TValues extends FormValues> = {
|
|
|
2953
2974
|
onChange: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
2954
2975
|
};
|
|
2955
2976
|
};
|
|
2977
|
+
type FormStateProviderProps<TValues extends FormValues> = UseFormStateOptions<TValues> & {
|
|
2978
|
+
children: ReactNode;
|
|
2979
|
+
};
|
|
2980
|
+
/**
|
|
2981
|
+
* Owns a form state instance and makes it available to any descendant field,
|
|
2982
|
+
* action bar, validation summary, or debug panel.
|
|
2983
|
+
*/
|
|
2984
|
+
declare function FormStateProvider<TValues extends FormValues>({ children, defaults, validate, }: FormStateProviderProps<TValues>): react.FunctionComponentElement<react.ProviderProps<UseFormStateResult<FormValues> | null>>;
|
|
2985
|
+
/** Read the nearest `FormStateProvider` with the caller's form value type. */
|
|
2986
|
+
declare function useFormStateContext<TValues extends FormValues = FormValues>(): UseFormStateResult<TValues>;
|
|
2956
2987
|
declare function useFormState<TValues extends FormValues>({ defaults, validate, }: UseFormStateOptions<TValues>): UseFormStateResult<TValues>;
|
|
2957
2988
|
|
|
2989
|
+
type FormWizardStep = {
|
|
2990
|
+
id: string;
|
|
2991
|
+
label: string;
|
|
2992
|
+
description?: string;
|
|
2993
|
+
content: ReactNode;
|
|
2994
|
+
disabled?: boolean;
|
|
2995
|
+
error?: string;
|
|
2996
|
+
optional?: boolean;
|
|
2997
|
+
};
|
|
2998
|
+
type FormWizardProps = {
|
|
2999
|
+
steps: FormWizardStep[];
|
|
3000
|
+
ariaLabel?: string;
|
|
3001
|
+
activeStep?: number;
|
|
3002
|
+
defaultActiveStep?: number;
|
|
3003
|
+
allowStepNavigation?: boolean;
|
|
3004
|
+
backLabel?: string;
|
|
3005
|
+
cancelLabel?: string;
|
|
3006
|
+
completeLabel?: string;
|
|
3007
|
+
nextLabel?: string;
|
|
3008
|
+
orientation?: "horizontal" | "vertical";
|
|
3009
|
+
showCancel?: boolean;
|
|
3010
|
+
showDescriptions?: boolean;
|
|
3011
|
+
canAdvance?: (step: FormWizardStep, index: number) => boolean;
|
|
3012
|
+
onCancel?: () => void;
|
|
3013
|
+
onComplete?: (step: FormWizardStep, index: number) => void;
|
|
3014
|
+
onStepChange?: (step: FormWizardStep, index: number) => void;
|
|
3015
|
+
onValidationError?: (step: FormWizardStep, index: number) => void;
|
|
3016
|
+
};
|
|
3017
|
+
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;
|
|
3018
|
+
|
|
3019
|
+
type AsyncSelectOption = {
|
|
3020
|
+
label: string;
|
|
3021
|
+
value: string;
|
|
3022
|
+
description?: string;
|
|
3023
|
+
};
|
|
3024
|
+
type AsyncSelectFieldProps = {
|
|
3025
|
+
id: string;
|
|
3026
|
+
label: string;
|
|
3027
|
+
value?: AsyncSelectOption | null;
|
|
3028
|
+
defaultOptions?: AsyncSelectOption[];
|
|
3029
|
+
loadOptions: (query: string) => Promise<AsyncSelectOption[]>;
|
|
3030
|
+
debounceMs?: number;
|
|
3031
|
+
minQueryLength?: number;
|
|
3032
|
+
placeholder?: string;
|
|
3033
|
+
loadingMessage?: string;
|
|
3034
|
+
emptyMessage?: string;
|
|
3035
|
+
disabled?: boolean;
|
|
3036
|
+
required?: boolean;
|
|
3037
|
+
error?: string;
|
|
3038
|
+
help?: string;
|
|
3039
|
+
onChange: (option: AsyncSelectOption | null) => void;
|
|
3040
|
+
};
|
|
3041
|
+
declare function AsyncSelectField({ id, label, value, defaultOptions, loadOptions, debounceMs, minQueryLength, placeholder, loadingMessage, emptyMessage, disabled, required, error, help, onChange }: AsyncSelectFieldProps): react.JSX.Element;
|
|
3042
|
+
|
|
3043
|
+
type MentionOption = {
|
|
3044
|
+
id: string;
|
|
3045
|
+
label: string;
|
|
3046
|
+
description?: string;
|
|
3047
|
+
};
|
|
3048
|
+
type MentionInputFieldProps = {
|
|
3049
|
+
autoCapitalize?: string;
|
|
3050
|
+
autoComplete?: string;
|
|
3051
|
+
autoCorrect?: "off" | "on";
|
|
3052
|
+
id: string;
|
|
3053
|
+
label: string;
|
|
3054
|
+
name?: string;
|
|
3055
|
+
value: string;
|
|
3056
|
+
options: MentionOption[];
|
|
3057
|
+
trigger?: string;
|
|
3058
|
+
placeholder?: string;
|
|
3059
|
+
spellCheck?: boolean;
|
|
3060
|
+
onChange: (value: string) => void;
|
|
3061
|
+
onMention?: (option: MentionOption) => void;
|
|
3062
|
+
};
|
|
3063
|
+
declare function MentionInputField({ autoCapitalize, autoComplete, autoCorrect, id, label, name, value, options, trigger, placeholder, spellCheck, onChange, onMention, }: MentionInputFieldProps): react.JSX.Element;
|
|
3064
|
+
|
|
3065
|
+
type TimeRangeValue = {
|
|
3066
|
+
start: string;
|
|
3067
|
+
end: string;
|
|
3068
|
+
};
|
|
3069
|
+
type TimeRangeFieldProps = {
|
|
3070
|
+
id: string;
|
|
3071
|
+
label: string;
|
|
3072
|
+
name?: string;
|
|
3073
|
+
value: TimeRangeValue;
|
|
3074
|
+
step?: number;
|
|
3075
|
+
required?: boolean;
|
|
3076
|
+
onChange: (value: TimeRangeValue) => void;
|
|
3077
|
+
};
|
|
3078
|
+
declare function TimeRangeField({ id, label, name, value, step, required, onChange, }: TimeRangeFieldProps): react.JSX.Element;
|
|
3079
|
+
|
|
3080
|
+
type VirtualListProps<T> = {
|
|
3081
|
+
items: T[];
|
|
3082
|
+
height: number;
|
|
3083
|
+
itemHeight: number;
|
|
3084
|
+
renderItem: (item: T, index: number) => ReactNode;
|
|
3085
|
+
getKey?: (item: T, index: number) => string | number;
|
|
3086
|
+
overscan?: number;
|
|
3087
|
+
ariaLabel?: string;
|
|
3088
|
+
onItemClick?: (item: T, index: number) => void;
|
|
3089
|
+
showScrollbar?: boolean;
|
|
3090
|
+
scrollbarAutoHide?: boolean;
|
|
3091
|
+
scrollbarThickness?: number;
|
|
3092
|
+
hasMore?: boolean;
|
|
3093
|
+
loading?: boolean;
|
|
3094
|
+
loadMoreThreshold?: number;
|
|
3095
|
+
loadingContent?: ReactNode;
|
|
3096
|
+
onLoadMore?: () => void | Promise<void>;
|
|
3097
|
+
totalItemCount?: number;
|
|
3098
|
+
};
|
|
3099
|
+
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;
|
|
3100
|
+
|
|
3101
|
+
type ProductTourStep = {
|
|
3102
|
+
id: string;
|
|
3103
|
+
target: string;
|
|
3104
|
+
/** Used when the primary target is not present, such as in an isolated preview. */
|
|
3105
|
+
fallbackTarget?: string;
|
|
3106
|
+
title: string;
|
|
3107
|
+
description: string;
|
|
3108
|
+
placement?: "top" | "bottom" | "left" | "right";
|
|
3109
|
+
};
|
|
3110
|
+
type ProductTourProps = {
|
|
3111
|
+
open: boolean;
|
|
3112
|
+
steps: ProductTourStep[];
|
|
3113
|
+
step?: number;
|
|
3114
|
+
onStepChange?: (step: number) => void;
|
|
3115
|
+
onComplete?: () => void;
|
|
3116
|
+
onDismiss?: () => void;
|
|
3117
|
+
};
|
|
3118
|
+
declare function ProductTour({ open, steps, step, onStepChange, onComplete, onDismiss, }: ProductTourProps): react.ReactPortal | null;
|
|
3119
|
+
|
|
3120
|
+
type RecurrenceFrequency = "daily" | "weekly" | "monthly" | "yearly";
|
|
3121
|
+
type RepeatingRecurrenceValue = {
|
|
3122
|
+
mode?: "recurrence";
|
|
3123
|
+
frequency: RecurrenceFrequency;
|
|
3124
|
+
interval: number;
|
|
3125
|
+
weekdays?: number[];
|
|
3126
|
+
ends: "never" | "on" | "after";
|
|
3127
|
+
endDate?: string;
|
|
3128
|
+
occurrences?: number;
|
|
3129
|
+
};
|
|
3130
|
+
type DateRangeRecurrenceValue = {
|
|
3131
|
+
mode: "date-range";
|
|
3132
|
+
dateFrom: string;
|
|
3133
|
+
dateTo: string;
|
|
3134
|
+
};
|
|
3135
|
+
type RecurrenceValue = RepeatingRecurrenceValue | DateRangeRecurrenceValue;
|
|
3136
|
+
type RecurrenceEditorProps = {
|
|
3137
|
+
value: RecurrenceValue;
|
|
3138
|
+
onChange: (value: RecurrenceValue) => void;
|
|
3139
|
+
};
|
|
3140
|
+
declare function RecurrenceEditor({ value, onChange }: RecurrenceEditorProps): react.JSX.Element;
|
|
3141
|
+
|
|
3142
|
+
type SignaturePadProps = {
|
|
3143
|
+
width?: number;
|
|
3144
|
+
height?: number;
|
|
3145
|
+
disabled?: boolean;
|
|
3146
|
+
onChange?: (dataUrl: string) => void;
|
|
3147
|
+
onClear?: () => void;
|
|
3148
|
+
};
|
|
3149
|
+
declare function SignaturePad({ width, height, disabled, onChange, onClear }: SignaturePadProps): react.JSX.Element;
|
|
3150
|
+
|
|
3151
|
+
type DiffViewerView = "unified" | "split";
|
|
3152
|
+
type DiffViewerProps = {
|
|
3153
|
+
before: string;
|
|
3154
|
+
after: string;
|
|
3155
|
+
/** Legacy initial view. Prefer `defaultView`. */
|
|
3156
|
+
split?: boolean;
|
|
3157
|
+
defaultView?: DiffViewerView;
|
|
3158
|
+
view?: DiffViewerView;
|
|
3159
|
+
showViewToggle?: boolean;
|
|
3160
|
+
heading?: string;
|
|
3161
|
+
beforeLabel?: string;
|
|
3162
|
+
afterLabel?: string;
|
|
3163
|
+
onViewChange?: (view: DiffViewerView) => void;
|
|
3164
|
+
};
|
|
3165
|
+
declare function DiffViewer({ before, after, split, defaultView, view, showViewToggle, heading, beforeLabel, afterLabel, onViewChange, }: DiffViewerProps): react.JSX.Element;
|
|
3166
|
+
|
|
3167
|
+
type SaveState = "idle" | "saving" | "saved" | "error";
|
|
3168
|
+
type SaveStateIndicatorProps = {
|
|
3169
|
+
state: SaveState;
|
|
3170
|
+
message?: string;
|
|
3171
|
+
lastSaved?: Date | string;
|
|
3172
|
+
showLastSaved?: boolean;
|
|
3173
|
+
retryLabel?: string;
|
|
3174
|
+
onRetry?: () => void;
|
|
3175
|
+
};
|
|
3176
|
+
declare function SaveStateIndicator({ state, message, lastSaved, showLastSaved, retryLabel, onRetry }: SaveStateIndicatorProps): react.JSX.Element;
|
|
3177
|
+
|
|
3178
|
+
type BulkAction = {
|
|
3179
|
+
id: string;
|
|
3180
|
+
label: string;
|
|
3181
|
+
destructive?: boolean;
|
|
3182
|
+
disabled?: boolean;
|
|
3183
|
+
};
|
|
3184
|
+
type BulkActionBarProps = {
|
|
3185
|
+
selectedCount: number;
|
|
3186
|
+
actions: BulkAction[];
|
|
3187
|
+
selectionLabel?: string;
|
|
3188
|
+
clearLabel?: string;
|
|
3189
|
+
onAction: (action: BulkAction) => void;
|
|
3190
|
+
onClear: () => void;
|
|
3191
|
+
};
|
|
3192
|
+
declare function BulkActionBar({ selectedCount, actions, selectionLabel, clearLabel, onAction, onClear }: BulkActionBarProps): react.JSX.Element | null;
|
|
3193
|
+
|
|
3194
|
+
type EditableTableValue = string | number | boolean;
|
|
3195
|
+
type EditableDataTableColumn = {
|
|
3196
|
+
key: string;
|
|
3197
|
+
label: string;
|
|
3198
|
+
editable?: boolean;
|
|
3199
|
+
type?: "text" | "number";
|
|
3200
|
+
};
|
|
3201
|
+
type EditableDataTableRow = {
|
|
3202
|
+
id: string;
|
|
3203
|
+
values: Record<string, EditableTableValue>;
|
|
3204
|
+
};
|
|
3205
|
+
type EditableDataTableProps = {
|
|
3206
|
+
columns: EditableDataTableColumn[];
|
|
3207
|
+
rows: EditableDataTableRow[];
|
|
3208
|
+
caption?: string;
|
|
3209
|
+
selectable?: boolean;
|
|
3210
|
+
bulkActions?: BulkAction[];
|
|
3211
|
+
onRowsChange: (rows: EditableDataTableRow[]) => void;
|
|
3212
|
+
onRowSave?: (row: EditableDataTableRow) => void;
|
|
3213
|
+
onRowDelete?: (row: EditableDataTableRow) => void;
|
|
3214
|
+
onBulkAction?: (action: BulkAction, rows: EditableDataTableRow[]) => void;
|
|
3215
|
+
};
|
|
3216
|
+
declare function EditableDataTable({ columns, rows, caption, selectable, bulkActions, onRowsChange, onRowSave, onRowDelete, onBulkAction }: EditableDataTableProps): react.JSX.Element;
|
|
3217
|
+
|
|
3218
|
+
type FileManagerEntry = {
|
|
3219
|
+
id: string;
|
|
3220
|
+
name: string;
|
|
3221
|
+
type: "file" | "folder";
|
|
3222
|
+
size?: string;
|
|
3223
|
+
modified?: string;
|
|
3224
|
+
fileType?: string;
|
|
3225
|
+
};
|
|
3226
|
+
type FileManagerProps = {
|
|
3227
|
+
entries: FileManagerEntry[];
|
|
3228
|
+
path?: string[];
|
|
3229
|
+
initialView?: "grid" | "list";
|
|
3230
|
+
onOpen: (entry: FileManagerEntry) => void;
|
|
3231
|
+
onUpload?: () => void;
|
|
3232
|
+
onCreateFolder?: () => void;
|
|
3233
|
+
onPathChange?: (index: number) => void;
|
|
3234
|
+
};
|
|
3235
|
+
declare function FileManager({ entries, path, initialView, onOpen, onUpload, onCreateFolder, onPathChange }: FileManagerProps): react.JSX.Element;
|
|
3236
|
+
|
|
3237
|
+
type AuditLogEntry = {
|
|
3238
|
+
id: string;
|
|
3239
|
+
actor: string;
|
|
3240
|
+
action: string;
|
|
3241
|
+
timestamp: string;
|
|
3242
|
+
category?: string;
|
|
3243
|
+
details?: string;
|
|
3244
|
+
status?: "success" | "warning" | "error";
|
|
3245
|
+
};
|
|
3246
|
+
type AuditLogProps = {
|
|
3247
|
+
entries: AuditLogEntry[];
|
|
3248
|
+
categories?: string[];
|
|
3249
|
+
onEntryClick?: (entry: AuditLogEntry) => void;
|
|
3250
|
+
};
|
|
3251
|
+
declare function AuditLog({ entries, categories, onEntryClick }: AuditLogProps): react.JSX.Element;
|
|
3252
|
+
|
|
3253
|
+
type UploadQueueItem = {
|
|
3254
|
+
id: string;
|
|
3255
|
+
name: string;
|
|
3256
|
+
size?: string;
|
|
3257
|
+
progress: number;
|
|
3258
|
+
status: "queued" | "uploading" | "paused" | "complete" | "error";
|
|
3259
|
+
error?: string;
|
|
3260
|
+
};
|
|
3261
|
+
type UploadQueueProps = {
|
|
3262
|
+
items: UploadQueueItem[];
|
|
3263
|
+
maxVisible?: number;
|
|
3264
|
+
onPause?: (item: UploadQueueItem) => void;
|
|
3265
|
+
onResume?: (item: UploadQueueItem) => void;
|
|
3266
|
+
onRetry?: (item: UploadQueueItem) => void;
|
|
3267
|
+
onRemove?: (item: UploadQueueItem) => void;
|
|
3268
|
+
onClearComplete?: () => void;
|
|
3269
|
+
};
|
|
3270
|
+
declare function UploadQueue({ items, maxVisible, onPause, onResume, onRetry, onRemove, onClearComplete }: UploadQueueProps): react.JSX.Element;
|
|
3271
|
+
|
|
2958
3272
|
type ClockSize = "sm" | "md" | "lg";
|
|
2959
3273
|
type ClockProps = {
|
|
2960
3274
|
showAnalog?: boolean;
|
|
@@ -2977,6 +3291,28 @@ type FlipClockProps = {
|
|
|
2977
3291
|
};
|
|
2978
3292
|
declare function FlipClock({ showDate, showSeconds, showFrames, size, }: FlipClockProps): react.JSX.Element;
|
|
2979
3293
|
|
|
3294
|
+
type TextMarqueeDirection = "left" | "right";
|
|
3295
|
+
type TextMarqueeProps = {
|
|
3296
|
+
/** Content repeated across the moving track. */
|
|
3297
|
+
children: ReactNode;
|
|
3298
|
+
className?: string;
|
|
3299
|
+
/** Direction in which the content travels. */
|
|
3300
|
+
direction?: TextMarqueeDirection;
|
|
3301
|
+
/** Edge-to-edge space between repeated copies, in pixels. */
|
|
3302
|
+
gap?: number;
|
|
3303
|
+
/** Softly mask content as it enters and leaves the viewport. */
|
|
3304
|
+
fadeEdges?: boolean;
|
|
3305
|
+
/** Pause motion while the pointer or keyboard focus is inside. */
|
|
3306
|
+
pauseOnHover?: boolean;
|
|
3307
|
+
/** Movement speed in pixels per second. */
|
|
3308
|
+
speed?: number;
|
|
3309
|
+
/** Render the Opus glass surface around the marquee. */
|
|
3310
|
+
surface?: boolean;
|
|
3311
|
+
/** Accessible description. Required when children are not plain text. */
|
|
3312
|
+
ariaLabel?: string;
|
|
3313
|
+
};
|
|
3314
|
+
declare function TextMarquee({ ariaLabel, children, className, direction, fadeEdges, gap, pauseOnHover, speed, surface, }: TextMarqueeProps): react.JSX.Element;
|
|
3315
|
+
|
|
2980
3316
|
type PortalHostContextValue = {
|
|
2981
3317
|
container: HTMLElement | null;
|
|
2982
3318
|
};
|
|
@@ -3623,6 +3959,7 @@ type GoogleFontFamily = (typeof googleFonts)[number];
|
|
|
3623
3959
|
|
|
3624
3960
|
declare const FONT_STORAGE_KEY = "opus-components-font";
|
|
3625
3961
|
declare const DEFAULT_FONT_FAMILY: GoogleFontFamily;
|
|
3962
|
+
declare function fontStack(family: string): string;
|
|
3626
3963
|
declare function useFontPreference(): {
|
|
3627
3964
|
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";
|
|
3628
3965
|
setFontFamily: (next: string) => void;
|
|
@@ -3715,4 +4052,4 @@ type SankeyLinkDef = {
|
|
|
3715
4052
|
};
|
|
3716
4053
|
declare const demoSankeyLinks: SankeyLinkDef[];
|
|
3717
4054
|
|
|
3718
|
-
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 };
|
|
4055
|
+
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, 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 };
|