@oprt/react 0.0.0-stage → 0.2.0
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/LICENSE +21 -0
- package/README.md +105 -2
- package/dist/ActionStatus/ActionStatus.js +104 -0
- package/dist/ActionStatus/ActionStatus.manifest.js +64 -0
- package/dist/ActionStatus/index.js +7 -0
- package/dist/Alert/Alert.js +86 -0
- package/dist/Alert/Alert.manifest.js +36 -0
- package/dist/Alert/index.js +7 -0
- package/dist/AppShell/AppShell.js +103 -0
- package/dist/AppShell/AppShell.manifest.js +66 -0
- package/dist/AppShell/index.js +9 -0
- package/dist/AttachmentPreview/AttachmentPreview.js +145 -0
- package/dist/AttachmentPreview/AttachmentPreview.manifest.js +42 -0
- package/dist/AttachmentPreview/index.js +9 -0
- package/dist/Avatar/Avatar.js +87 -0
- package/dist/Avatar/Avatar.manifest.js +25 -0
- package/dist/Avatar/index.js +7 -0
- package/dist/Badge/Badge.js +124 -0
- package/dist/Badge/Badge.manifest.js +41 -0
- package/dist/Badge/index.js +7 -0
- package/dist/Breadcrumb/Breadcrumb.js +64 -0
- package/dist/Breadcrumb/Breadcrumb.manifest.js +28 -0
- package/dist/Breadcrumb/index.js +7 -0
- package/dist/BulkActionBar/BulkActionBar.js +145 -0
- package/dist/BulkActionBar/BulkActionBar.manifest.js +46 -0
- package/dist/BulkActionBar/index.js +9 -0
- package/dist/BulkActionBar/selection.js +44 -0
- package/dist/BulkResults/BulkResults.js +269 -0
- package/dist/BulkResults/BulkResults.manifest.js +45 -0
- package/dist/BulkResults/index.js +7 -0
- package/dist/Button/Button.js +170 -0
- package/dist/Button/Button.manifest.js +36 -0
- package/dist/Button/index.js +7 -0
- package/dist/ButtonGroup/ButtonGroup.js +60 -0
- package/dist/ButtonGroup/ButtonGroup.manifest.js +22 -0
- package/dist/ButtonGroup/index.js +7 -0
- package/dist/Calendar/Calendar.js +106 -0
- package/dist/Calendar/Calendar.manifest.js +32 -0
- package/dist/Calendar/index.js +7 -0
- package/dist/Card/Card.js +70 -0
- package/dist/Card/Card.manifest.js +57 -0
- package/dist/Card/index.js +16 -0
- package/dist/Chart/Chart.js +1200 -0
- package/dist/Chart/Chart.manifest.js +110 -0
- package/dist/Chart/ChartControls.js +190 -0
- package/dist/Chart/geometry.js +217 -0
- package/dist/Chart/index.js +9 -0
- package/dist/Checkbox/Checkbox.js +166 -0
- package/dist/Checkbox/Checkbox.manifest.js +38 -0
- package/dist/Checkbox/index.js +7 -0
- package/dist/Collapsible/Collapsible.js +177 -0
- package/dist/Collapsible/Collapsible.manifest.js +54 -0
- package/dist/Collapsible/index.js +12 -0
- package/dist/CollectionState/CollectionState.js +68 -0
- package/dist/CollectionState/CollectionState.manifest.js +44 -0
- package/dist/CollectionState/index.js +7 -0
- package/dist/ComboBox/ComboBox.js +221 -0
- package/dist/ComboBox/ComboBox.manifest.js +87 -0
- package/dist/ComboBox/index.js +7 -0
- package/dist/CommandPalette/CommandPalette.js +276 -0
- package/dist/CommandPalette/CommandPalette.manifest.js +24 -0
- package/dist/CommandPalette/index.js +7 -0
- package/dist/ConfirmDialog/ConfirmDialog.js +84 -0
- package/dist/ConfirmDialog/ConfirmDialog.manifest.js +32 -0
- package/dist/ConfirmDialog/index.js +7 -0
- package/dist/ContextMenu/ContextMenu.js +192 -0
- package/dist/ContextMenu/ContextMenu.manifest.js +41 -0
- package/dist/ContextMenu/index.js +7 -0
- package/dist/CoordinateInput/CoordinateInput.js +141 -0
- package/dist/CoordinateInput/CoordinateInput.manifest.js +36 -0
- package/dist/CoordinateInput/index.js +9 -0
- package/dist/CopyButton/CopyButton.js +129 -0
- package/dist/CopyButton/CopyButton.manifest.js +35 -0
- package/dist/CopyButton/index.js +7 -0
- package/dist/DataGrid/DataGrid.js +459 -0
- package/dist/DataGrid/DataGrid.manifest.js +135 -0
- package/dist/DataGrid/PageControls.js +41 -0
- package/dist/DataGrid/index.js +9 -0
- package/dist/DataTable/DataTable.js +375 -0
- package/dist/DataTable/DataTable.manifest.js +86 -0
- package/dist/DataTable/index.js +9 -0
- package/dist/DataTable/sort.js +45 -0
- package/dist/DataTable/useScrollsSideways.js +61 -0
- package/dist/DataTable/useTableWindow.js +185 -0
- package/dist/DatePicker/DatePicker.js +187 -0
- package/dist/DatePicker/DatePicker.manifest.js +40 -0
- package/dist/DatePicker/index.js +7 -0
- package/dist/DateRangePicker/DateRangePicker.js +156 -0
- package/dist/DateRangePicker/DateRangePicker.manifest.js +41 -0
- package/dist/DateRangePicker/index.js +7 -0
- package/dist/DateTimePicker/DateTimePicker.js +213 -0
- package/dist/DateTimePicker/DateTimePicker.manifest.js +44 -0
- package/dist/DateTimePicker/index.js +7 -0
- package/dist/DescriptionList/DescriptionList.js +93 -0
- package/dist/DescriptionList/DescriptionList.manifest.js +40 -0
- package/dist/DescriptionList/index.js +9 -0
- package/dist/Dialog/Dialog.js +214 -0
- package/dist/Dialog/Dialog.manifest.js +31 -0
- package/dist/Dialog/index.js +7 -0
- package/dist/Divider/Divider.js +64 -0
- package/dist/Divider/Divider.manifest.js +21 -0
- package/dist/Divider/index.js +7 -0
- package/dist/DropdownMenu/DropdownMenu.js +170 -0
- package/dist/DropdownMenu/DropdownMenu.manifest.js +82 -0
- package/dist/DropdownMenu/index.js +16 -0
- package/dist/EntityPreview/EntityPreview.js +82 -0
- package/dist/EntityPreview/EntityPreview.manifest.js +43 -0
- package/dist/EntityPreview/index.js +7 -0
- package/dist/EventTimeline/EventTimeline.js +249 -0
- package/dist/EventTimeline/EventTimeline.manifest.js +57 -0
- package/dist/EventTimeline/index.js +7 -0
- package/dist/Field/Field.js +81 -0
- package/dist/Field/Field.manifest.js +32 -0
- package/dist/Field/index.js +9 -0
- package/dist/FileUpload/FileUpload.js +215 -0
- package/dist/FileUpload/FileUpload.manifest.js +48 -0
- package/dist/FileUpload/index.js +7 -0
- package/dist/FilterBar/FilterBar.js +173 -0
- package/dist/FilterBar/FilterBar.manifest.js +49 -0
- package/dist/FilterBar/index.js +7 -0
- package/dist/FormErrorSummary/FormErrorSummary.js +70 -0
- package/dist/FormErrorSummary/FormErrorSummary.manifest.js +29 -0
- package/dist/FormErrorSummary/index.js +9 -0
- package/dist/FormSection/FormSection.js +51 -0
- package/dist/FormSection/FormSection.manifest.js +30 -0
- package/dist/FormSection/index.js +7 -0
- package/dist/InlineEdit/InlineEdit.js +261 -0
- package/dist/InlineEdit/InlineEdit.manifest.js +40 -0
- package/dist/InlineEdit/index.js +7 -0
- package/dist/Input/Input.js +126 -0
- package/dist/Input/Input.manifest.js +49 -0
- package/dist/Input/index.js +7 -0
- package/dist/Inspector/Inspector.js +63 -0
- package/dist/Inspector/Inspector.manifest.js +35 -0
- package/dist/Inspector/index.js +7 -0
- package/dist/JobStatus/JobStatus.js +118 -0
- package/dist/JobStatus/JobStatus.manifest.js +53 -0
- package/dist/JobStatus/index.js +7 -0
- package/dist/LayerControl/LayerControl.js +199 -0
- package/dist/LayerControl/LayerControl.manifest.js +34 -0
- package/dist/LayerControl/index.js +7 -0
- package/dist/Link/Link.js +83 -0
- package/dist/Link/Link.manifest.js +37 -0
- package/dist/Link/index.js +7 -0
- package/dist/MapControls/MapControls.js +122 -0
- package/dist/MapControls/MapControls.manifest.js +31 -0
- package/dist/MapControls/index.js +7 -0
- package/dist/MapLegend/MapLegend.js +89 -0
- package/dist/MapLegend/MapLegend.manifest.js +29 -0
- package/dist/MapLegend/index.js +7 -0
- package/dist/MapScale/MapScale.js +96 -0
- package/dist/MapScale/MapScale.manifest.js +31 -0
- package/dist/MapScale/index.js +7 -0
- package/dist/MediaFrame/MediaFrame.js +113 -0
- package/dist/MediaFrame/MediaFrame.manifest.js +57 -0
- package/dist/MediaFrame/index.js +7 -0
- package/dist/MultiSelect/MultiSelect.js +113 -0
- package/dist/MultiSelect/MultiSelect.manifest.js +51 -0
- package/dist/MultiSelect/index.js +7 -0
- package/dist/NumberInput/NumberInput.js +210 -0
- package/dist/NumberInput/NumberInput.manifest.js +56 -0
- package/dist/NumberInput/index.js +7 -0
- package/dist/OperationalStatus/OperationalStatus.js +89 -0
- package/dist/OperationalStatus/OperationalStatus.manifest.js +39 -0
- package/dist/OperationalStatus/index.js +9 -0
- package/dist/PlaybackControls/PlaybackControls.js +289 -0
- package/dist/PlaybackControls/PlaybackControls.manifest.js +85 -0
- package/dist/PlaybackControls/index.js +7 -0
- package/dist/Popover/Popover.js +302 -0
- package/dist/Popover/Popover.manifest.js +50 -0
- package/dist/Popover/index.js +7 -0
- package/dist/Progress/Progress.js +132 -0
- package/dist/Progress/Progress.manifest.js +30 -0
- package/dist/Progress/index.js +7 -0
- package/dist/PropertyFilter/PropertyFilter.js +306 -0
- package/dist/PropertyFilter/PropertyFilter.manifest.js +32 -0
- package/dist/PropertyFilter/index.js +11 -0
- package/dist/PropertyFilter/tokenError.js +17 -0
- package/dist/RadioGroup/RadioGroup.js +143 -0
- package/dist/RadioGroup/RadioGroup.manifest.js +44 -0
- package/dist/RadioGroup/index.js +9 -0
- package/dist/Select/Select.js +219 -0
- package/dist/Select/Select.manifest.js +77 -0
- package/dist/Select/index.js +9 -0
- package/dist/Sidebar/Sidebar.js +146 -0
- package/dist/Sidebar/Sidebar.manifest.js +72 -0
- package/dist/Sidebar/index.js +18 -0
- package/dist/Skeleton/Skeleton.js +76 -0
- package/dist/Skeleton/Skeleton.manifest.js +30 -0
- package/dist/Skeleton/index.js +7 -0
- package/dist/Slider/Slider.js +246 -0
- package/dist/Slider/Slider.manifest.js +56 -0
- package/dist/Slider/index.js +7 -0
- package/dist/Sparkline/Sparkline.js +135 -0
- package/dist/Sparkline/Sparkline.manifest.js +37 -0
- package/dist/Sparkline/index.js +7 -0
- package/dist/SplitPane/SplitPane.js +316 -0
- package/dist/SplitPane/SplitPane.manifest.js +79 -0
- package/dist/SplitPane/index.js +7 -0
- package/dist/StatCard/StatCard.js +163 -0
- package/dist/StatCard/StatCard.manifest.js +45 -0
- package/dist/StatCard/index.js +7 -0
- package/dist/Tabs/Tabs.js +181 -0
- package/dist/Tabs/Tabs.manifest.js +72 -0
- package/dist/Tabs/index.js +16 -0
- package/dist/Tabs/useTabsIndicator.js +71 -0
- package/dist/Tabs/useTabsScroll.js +123 -0
- package/dist/TagGroup/TagGroup.js +142 -0
- package/dist/TagGroup/TagGroup.manifest.js +35 -0
- package/dist/TagGroup/index.js +7 -0
- package/dist/Textarea/Textarea.js +68 -0
- package/dist/Textarea/Textarea.manifest.js +25 -0
- package/dist/Textarea/index.js +7 -0
- package/dist/TimeField/TimeField.js +118 -0
- package/dist/TimeField/TimeField.manifest.js +42 -0
- package/dist/TimeField/index.js +7 -0
- package/dist/TimeRange/TimeRange.js +184 -0
- package/dist/TimeRange/TimeRange.manifest.js +48 -0
- package/dist/TimeRange/index.js +9 -0
- package/dist/Toast/Toast.js +188 -0
- package/dist/Toast/Toast.manifest.js +77 -0
- package/dist/Toast/index.js +9 -0
- package/dist/Toggle/Toggle.js +154 -0
- package/dist/Toggle/Toggle.manifest.js +54 -0
- package/dist/Toggle/index.js +7 -0
- package/dist/Toolbar/Toolbar.js +86 -0
- package/dist/Toolbar/Toolbar.manifest.js +70 -0
- package/dist/Toolbar/index.js +12 -0
- package/dist/Tooltip/Tooltip.js +123 -0
- package/dist/Tooltip/Tooltip.manifest.js +27 -0
- package/dist/Tooltip/index.js +7 -0
- package/dist/TreeView/TreeView.js +129 -0
- package/dist/TreeView/TreeView.manifest.js +56 -0
- package/dist/TreeView/index.js +7 -0
- package/dist/UploadQueue/UploadQueue.js +296 -0
- package/dist/UploadQueue/UploadQueue.manifest.js +34 -0
- package/dist/UploadQueue/index.js +7 -0
- package/dist/_internal/MotionPopover.js +113 -0
- package/dist/_internal/aria.js +40 -0
- package/dist/_internal/bytes.js +18 -0
- package/dist/_internal/controlStyles.js +26 -0
- package/dist/_internal/date.js +179 -0
- package/dist/_internal/devValidate.js +51 -0
- package/dist/_internal/fieldIds.js +50 -0
- package/dist/_internal/hydration.js +74 -0
- package/dist/_internal/manifest-entry.js +0 -0
- package/dist/_internal/mergeRefs.js +68 -0
- package/dist/_internal/motion.js +138 -0
- package/dist/_internal/navigationLandmark.js +13 -0
- package/dist/_internal/numberText.js +176 -0
- package/dist/_internal/overlay.js +53 -0
- package/dist/_internal/segmentField.js +125 -0
- package/dist/_internal/suggestions.js +20 -0
- package/dist/_internal/timestamp.js +25 -0
- package/dist/_internal/unavailable.js +13 -0
- package/dist/_internal/useActionFocus.js +27 -0
- package/dist/_internal/useElementWidth.js +37 -0
- package/dist/_internal/useIsMounted.js +18 -0
- package/dist/_internal/useIsomorphicLayoutEffect.js +8 -0
- package/dist/_internal/useRestoreFocusOnRemoval.js +57 -0
- package/dist/index.cjs +17831 -0
- package/dist/index.d.cts +2330 -0
- package/dist/index.d.ts +2330 -0
- package/dist/index.js +407 -0
- package/dist/version.js +8 -0
- package/package.json +80 -3
package/dist/index.d.cts
ADDED
|
@@ -0,0 +1,2330 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { HTMLAttributes, ReactNode, ComponentPropsWithoutRef, RefObject, ButtonHTMLAttributes, TableHTMLAttributes, InputHTMLAttributes, AnchorHTMLAttributes, TextareaHTMLAttributes, FieldsetHTMLAttributes, ReactElement } from 'react';
|
|
3
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
4
|
+
import { VariantProps } from 'class-variance-authority';
|
|
5
|
+
import * as RadixToast from '@radix-ui/react-toast';
|
|
6
|
+
|
|
7
|
+
declare const containerStyles: (props?: ({
|
|
8
|
+
variant?: "info" | "success" | "warning" | "error" | null | undefined;
|
|
9
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
10
|
+
type AlertProps = Omit<HTMLAttributes<HTMLDivElement>, "title"> & VariantProps<typeof containerStyles> & {
|
|
11
|
+
variant: "info" | "success" | "warning" | "error";
|
|
12
|
+
title?: string;
|
|
13
|
+
dismissible?: boolean;
|
|
14
|
+
onDismiss?: () => void;
|
|
15
|
+
children?: ReactNode;
|
|
16
|
+
};
|
|
17
|
+
declare const Alert: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title"> & VariantProps<(props?: ({
|
|
18
|
+
variant?: "info" | "success" | "warning" | "error" | null | undefined;
|
|
19
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
20
|
+
variant: "info" | "success" | "warning" | "error";
|
|
21
|
+
title?: string;
|
|
22
|
+
dismissible?: boolean;
|
|
23
|
+
onDismiss?: () => void;
|
|
24
|
+
children?: ReactNode;
|
|
25
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
26
|
+
|
|
27
|
+
type Prop = {
|
|
28
|
+
type: "enum";
|
|
29
|
+
values: string[];
|
|
30
|
+
default?: string | undefined;
|
|
31
|
+
required?: boolean | undefined;
|
|
32
|
+
description?: string | undefined;
|
|
33
|
+
} | {
|
|
34
|
+
type: "boolean";
|
|
35
|
+
default?: boolean | undefined;
|
|
36
|
+
required?: boolean | undefined;
|
|
37
|
+
description?: string | undefined;
|
|
38
|
+
} | {
|
|
39
|
+
type: "string";
|
|
40
|
+
default?: string | undefined;
|
|
41
|
+
required?: boolean | undefined;
|
|
42
|
+
description?: string | undefined;
|
|
43
|
+
} | {
|
|
44
|
+
type: "number";
|
|
45
|
+
default?: number | undefined;
|
|
46
|
+
required?: boolean | undefined;
|
|
47
|
+
description?: string | undefined;
|
|
48
|
+
} | {
|
|
49
|
+
type: "function";
|
|
50
|
+
required?: boolean | undefined;
|
|
51
|
+
description?: string | undefined;
|
|
52
|
+
} | {
|
|
53
|
+
type: "array";
|
|
54
|
+
items?: Record<string, unknown> | undefined;
|
|
55
|
+
required?: boolean | undefined;
|
|
56
|
+
description?: string | undefined;
|
|
57
|
+
} | {
|
|
58
|
+
type: "node";
|
|
59
|
+
required?: boolean | undefined;
|
|
60
|
+
description?: string | undefined;
|
|
61
|
+
} | {
|
|
62
|
+
type: "union";
|
|
63
|
+
types: ("boolean" | "string" | "number" | "function" | "array" | "node")[];
|
|
64
|
+
required?: boolean | undefined;
|
|
65
|
+
description?: string | undefined;
|
|
66
|
+
};
|
|
67
|
+
type Slot = {
|
|
68
|
+
type: string;
|
|
69
|
+
required?: boolean | undefined;
|
|
70
|
+
};
|
|
71
|
+
type Component = {
|
|
72
|
+
description: string;
|
|
73
|
+
props: Record<string, Prop>;
|
|
74
|
+
slots?: Record<string, Slot> | undefined;
|
|
75
|
+
composable_with?: string[] | undefined;
|
|
76
|
+
never_inside?: string[] | undefined;
|
|
77
|
+
example: string;
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
declare const AlertManifest: Record<string, Component>;
|
|
81
|
+
|
|
82
|
+
declare const rootStyles$3: (props?: ({
|
|
83
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
84
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
85
|
+
type AvatarProps = Omit<ComponentPropsWithoutRef<"span">, "size"> & VariantProps<typeof rootStyles$3> & {
|
|
86
|
+
/** Person/entity name — drives the initials fallback and the accessible name. */
|
|
87
|
+
name: string;
|
|
88
|
+
/** Optional image source. When absent, initials render immediately. */
|
|
89
|
+
src?: string;
|
|
90
|
+
/**
|
|
91
|
+
* Accessible name of the avatar. Defaults to `name`. An empty string marks the avatar
|
|
92
|
+
* decorative and hides it from assistive technology, as it should be beside a visible name.
|
|
93
|
+
*/
|
|
94
|
+
alt?: string;
|
|
95
|
+
/** Delay (ms) before the initials show while the image loads. They show at once if it fails. */
|
|
96
|
+
delayMs?: number;
|
|
97
|
+
};
|
|
98
|
+
declare const Avatar: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "size"> & VariantProps<(props?: ({
|
|
99
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
100
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
101
|
+
/** Person/entity name — drives the initials fallback and the accessible name. */
|
|
102
|
+
name: string;
|
|
103
|
+
/** Optional image source. When absent, initials render immediately. */
|
|
104
|
+
src?: string;
|
|
105
|
+
/**
|
|
106
|
+
* Accessible name of the avatar. Defaults to `name`. An empty string marks the avatar
|
|
107
|
+
* decorative and hides it from assistive technology, as it should be beside a visible name.
|
|
108
|
+
*/
|
|
109
|
+
alt?: string;
|
|
110
|
+
/** Delay (ms) before the initials show while the image loads. They show at once if it fails. */
|
|
111
|
+
delayMs?: number;
|
|
112
|
+
} & react.RefAttributes<HTMLSpanElement>>;
|
|
113
|
+
|
|
114
|
+
declare const AvatarManifest: Record<string, Component>;
|
|
115
|
+
|
|
116
|
+
declare const badgeStyles: (props?: ({
|
|
117
|
+
variant?: "info" | "success" | "warning" | "error" | "neutral" | null | undefined;
|
|
118
|
+
appearance?: "text" | "outlined" | null | undefined;
|
|
119
|
+
size?: "md" | "sm" | null | undefined;
|
|
120
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
121
|
+
type BadgeProps = HTMLAttributes<HTMLSpanElement> & VariantProps<typeof badgeStyles> & {
|
|
122
|
+
indicator?: "dot" | "icon" | "none";
|
|
123
|
+
icon?: ReactNode;
|
|
124
|
+
};
|
|
125
|
+
declare const Badge: react.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
|
|
126
|
+
variant?: "info" | "success" | "warning" | "error" | "neutral" | null | undefined;
|
|
127
|
+
appearance?: "text" | "outlined" | null | undefined;
|
|
128
|
+
size?: "md" | "sm" | null | undefined;
|
|
129
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
130
|
+
indicator?: "dot" | "icon" | "none";
|
|
131
|
+
icon?: ReactNode;
|
|
132
|
+
} & react.RefAttributes<HTMLSpanElement>>;
|
|
133
|
+
|
|
134
|
+
declare const BadgeManifest: Record<string, Component>;
|
|
135
|
+
|
|
136
|
+
type TagItem = {
|
|
137
|
+
id: string;
|
|
138
|
+
label: string;
|
|
139
|
+
disabled?: boolean;
|
|
140
|
+
};
|
|
141
|
+
type TagGroupProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
142
|
+
items: readonly TagItem[];
|
|
143
|
+
label: string;
|
|
144
|
+
onRemove?: (id: string) => void;
|
|
145
|
+
disabled?: boolean;
|
|
146
|
+
emptyMessage?: string;
|
|
147
|
+
returnFocusRef?: RefObject<HTMLElement | null>;
|
|
148
|
+
className?: string;
|
|
149
|
+
};
|
|
150
|
+
declare const TagGroup: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
151
|
+
items: readonly TagItem[];
|
|
152
|
+
label: string;
|
|
153
|
+
onRemove?: (id: string) => void;
|
|
154
|
+
disabled?: boolean;
|
|
155
|
+
emptyMessage?: string;
|
|
156
|
+
returnFocusRef?: RefObject<HTMLElement | null>;
|
|
157
|
+
className?: string;
|
|
158
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
159
|
+
|
|
160
|
+
declare const TagGroupManifest: Record<string, Component>;
|
|
161
|
+
|
|
162
|
+
type PropertyFilterOperator = {
|
|
163
|
+
key: string;
|
|
164
|
+
label: string;
|
|
165
|
+
requiresValue: boolean;
|
|
166
|
+
};
|
|
167
|
+
type PropertyFilterField = {
|
|
168
|
+
key: string;
|
|
169
|
+
label: string;
|
|
170
|
+
operators: readonly PropertyFilterOperator[];
|
|
171
|
+
options?: readonly {
|
|
172
|
+
value: string;
|
|
173
|
+
label: string;
|
|
174
|
+
disabled?: boolean;
|
|
175
|
+
}[];
|
|
176
|
+
};
|
|
177
|
+
type PropertyFilterToken = {
|
|
178
|
+
id: string;
|
|
179
|
+
field: string;
|
|
180
|
+
operator: string;
|
|
181
|
+
value: string | null;
|
|
182
|
+
};
|
|
183
|
+
type PropertyFilterValue = {
|
|
184
|
+
match: "all" | "any";
|
|
185
|
+
tokens: readonly PropertyFilterToken[];
|
|
186
|
+
};
|
|
187
|
+
/** Why a clause does not fit the fields, or null when it does. */
|
|
188
|
+
declare function getPropertyFilterTokenError(token: PropertyFilterToken, fields: readonly PropertyFilterField[]): string | null;
|
|
189
|
+
|
|
190
|
+
type PropertyFilterProps = Omit<HTMLAttributes<HTMLDivElement>, "children" | "defaultValue" | "onChange"> & {
|
|
191
|
+
fields: readonly PropertyFilterField[];
|
|
192
|
+
value: PropertyFilterValue;
|
|
193
|
+
onValueChange: (value: PropertyFilterValue) => void;
|
|
194
|
+
label?: string;
|
|
195
|
+
disabled?: boolean;
|
|
196
|
+
className?: string;
|
|
197
|
+
};
|
|
198
|
+
declare const PropertyFilter: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children" | "defaultValue" | "onChange"> & {
|
|
199
|
+
fields: readonly PropertyFilterField[];
|
|
200
|
+
value: PropertyFilterValue;
|
|
201
|
+
onValueChange: (value: PropertyFilterValue) => void;
|
|
202
|
+
label?: string;
|
|
203
|
+
disabled?: boolean;
|
|
204
|
+
className?: string;
|
|
205
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
206
|
+
|
|
207
|
+
declare const PropertyFilterManifest: Record<string, Component>;
|
|
208
|
+
|
|
209
|
+
type CollectionStateProps = Omit<HTMLAttributes<HTMLDivElement>, "title" | "children"> & {
|
|
210
|
+
variant: "empty" | "no-results" | "error" | "access-denied";
|
|
211
|
+
title: string;
|
|
212
|
+
description?: ReactNode;
|
|
213
|
+
actions?: ReactNode;
|
|
214
|
+
headingLevel?: 2 | 3 | 4 | 5 | 6;
|
|
215
|
+
};
|
|
216
|
+
/** Supplied collection state. Recovery actions and announcement timing belong to the caller. */
|
|
217
|
+
declare const CollectionState: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title" | "children"> & {
|
|
218
|
+
variant: "empty" | "no-results" | "error" | "access-denied";
|
|
219
|
+
title: string;
|
|
220
|
+
description?: ReactNode;
|
|
221
|
+
actions?: ReactNode;
|
|
222
|
+
headingLevel?: 2 | 3 | 4 | 5 | 6;
|
|
223
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
224
|
+
|
|
225
|
+
declare const CollectionStateManifest: Record<string, Component>;
|
|
226
|
+
|
|
227
|
+
type BreadcrumbItem = {
|
|
228
|
+
label: string;
|
|
229
|
+
href?: string;
|
|
230
|
+
current?: boolean;
|
|
231
|
+
};
|
|
232
|
+
type BreadcrumbProps = Omit<ComponentPropsWithoutRef<"nav">, "children"> & {
|
|
233
|
+
items: BreadcrumbItem[];
|
|
234
|
+
separator?: ReactNode;
|
|
235
|
+
};
|
|
236
|
+
declare const Breadcrumb: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "children"> & {
|
|
237
|
+
items: BreadcrumbItem[];
|
|
238
|
+
separator?: ReactNode;
|
|
239
|
+
} & react.RefAttributes<HTMLElement>>;
|
|
240
|
+
|
|
241
|
+
declare const BreadcrumbManifest: Record<string, Component>;
|
|
242
|
+
|
|
243
|
+
type MotionMode = "auto" | "none";
|
|
244
|
+
|
|
245
|
+
declare const buttonStyles: (props?: ({
|
|
246
|
+
variant?: "primary" | "danger" | "secondary" | "tertiary" | "ghost" | null | undefined;
|
|
247
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
248
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
249
|
+
type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonStyles> & {
|
|
250
|
+
asChild?: boolean;
|
|
251
|
+
motion?: MotionMode;
|
|
252
|
+
};
|
|
253
|
+
declare const Button: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
|
|
254
|
+
variant?: "primary" | "danger" | "secondary" | "tertiary" | "ghost" | null | undefined;
|
|
255
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
256
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
257
|
+
asChild?: boolean;
|
|
258
|
+
motion?: MotionMode;
|
|
259
|
+
} & react.RefAttributes<HTMLButtonElement>>;
|
|
260
|
+
|
|
261
|
+
declare const ButtonManifest: Record<string, Component>;
|
|
262
|
+
|
|
263
|
+
declare const groupStyles$1: (props?: ({
|
|
264
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
265
|
+
attached?: boolean | null | undefined;
|
|
266
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
267
|
+
type ButtonGroupProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof groupStyles$1>;
|
|
268
|
+
declare const ButtonGroup: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
269
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
270
|
+
attached?: boolean | null | undefined;
|
|
271
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLDivElement>>;
|
|
272
|
+
|
|
273
|
+
declare const ButtonGroupManifest: Record<string, Component>;
|
|
274
|
+
|
|
275
|
+
type CardProps = HTMLAttributes<HTMLDivElement>;
|
|
276
|
+
declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
|
|
277
|
+
/** Short section title. Use `normal-case tracking-normal` on any nested name or value. */
|
|
278
|
+
type CardHeaderProps = HTMLAttributes<HTMLDivElement>;
|
|
279
|
+
declare const CardHeader: react.ForwardRefExoticComponent<CardHeaderProps & react.RefAttributes<HTMLDivElement>>;
|
|
280
|
+
type CardBodyProps = HTMLAttributes<HTMLDivElement>;
|
|
281
|
+
declare const CardBody: react.ForwardRefExoticComponent<CardBodyProps & react.RefAttributes<HTMLDivElement>>;
|
|
282
|
+
type CardFooterProps = HTMLAttributes<HTMLDivElement>;
|
|
283
|
+
declare const CardFooter: react.ForwardRefExoticComponent<CardFooterProps & react.RefAttributes<HTMLDivElement>>;
|
|
284
|
+
|
|
285
|
+
declare const CardManifest: Record<string, Component>;
|
|
286
|
+
declare const CardCompositionRules: {
|
|
287
|
+
Card: {
|
|
288
|
+
allowed_children: string[];
|
|
289
|
+
children: {
|
|
290
|
+
CardHeader: {
|
|
291
|
+
allowed_children: string[];
|
|
292
|
+
};
|
|
293
|
+
CardBody: {
|
|
294
|
+
allowed_children: string[];
|
|
295
|
+
};
|
|
296
|
+
CardFooter: {
|
|
297
|
+
allowed_children: string[];
|
|
298
|
+
};
|
|
299
|
+
};
|
|
300
|
+
};
|
|
301
|
+
};
|
|
302
|
+
|
|
303
|
+
declare const rootStyles$2: (props?: ({
|
|
304
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
305
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
306
|
+
type CheckboxProps = VariantProps<typeof rootStyles$2> & {
|
|
307
|
+
motion?: MotionMode;
|
|
308
|
+
checked?: boolean | "indeterminate";
|
|
309
|
+
defaultChecked?: boolean | "indeterminate";
|
|
310
|
+
onCheckedChange?: (checked: boolean | "indeterminate") => void;
|
|
311
|
+
disabled?: boolean;
|
|
312
|
+
required?: boolean;
|
|
313
|
+
name?: string;
|
|
314
|
+
value?: string;
|
|
315
|
+
className?: string;
|
|
316
|
+
id?: string;
|
|
317
|
+
"aria-label"?: string;
|
|
318
|
+
"aria-labelledby"?: string;
|
|
319
|
+
"aria-describedby"?: string;
|
|
320
|
+
"aria-invalid"?: boolean | "true" | "false";
|
|
321
|
+
};
|
|
322
|
+
declare const Checkbox: react.ForwardRefExoticComponent<VariantProps<(props?: ({
|
|
323
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
324
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
325
|
+
motion?: MotionMode;
|
|
326
|
+
checked?: boolean | "indeterminate";
|
|
327
|
+
defaultChecked?: boolean | "indeterminate";
|
|
328
|
+
onCheckedChange?: (checked: boolean | "indeterminate") => void;
|
|
329
|
+
disabled?: boolean;
|
|
330
|
+
required?: boolean;
|
|
331
|
+
name?: string;
|
|
332
|
+
value?: string;
|
|
333
|
+
className?: string;
|
|
334
|
+
id?: string;
|
|
335
|
+
"aria-label"?: string;
|
|
336
|
+
"aria-labelledby"?: string;
|
|
337
|
+
"aria-describedby"?: string;
|
|
338
|
+
"aria-invalid"?: boolean | "true" | "false";
|
|
339
|
+
} & react.RefAttributes<HTMLInputElement>>;
|
|
340
|
+
|
|
341
|
+
declare const CheckboxManifest: Record<string, Component>;
|
|
342
|
+
|
|
343
|
+
type CollapsibleProps = Omit<ComponentPropsWithoutRef<"div">, "type" | "value" | "defaultValue" | "onValueChange"> & {
|
|
344
|
+
motion?: MotionMode;
|
|
345
|
+
type?: "single" | "multiple";
|
|
346
|
+
value?: string | string[];
|
|
347
|
+
defaultValue?: string | string[];
|
|
348
|
+
onValueChange?: (value: string | string[]) => void;
|
|
349
|
+
/** single-type only: allow the open item to collapse. Default true. */
|
|
350
|
+
collapsible?: boolean;
|
|
351
|
+
children: ReactNode;
|
|
352
|
+
};
|
|
353
|
+
declare const Collapsible: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "value" | "type" | "defaultValue" | "onValueChange"> & {
|
|
354
|
+
motion?: MotionMode;
|
|
355
|
+
type?: "single" | "multiple";
|
|
356
|
+
value?: string | string[];
|
|
357
|
+
defaultValue?: string | string[];
|
|
358
|
+
onValueChange?: (value: string | string[]) => void;
|
|
359
|
+
/** single-type only: allow the open item to collapse. Default true. */
|
|
360
|
+
collapsible?: boolean;
|
|
361
|
+
children: ReactNode;
|
|
362
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
363
|
+
type CollapsibleItemProps = Omit<ComponentPropsWithoutRef<"div">, "value" | "title"> & {
|
|
364
|
+
value: string;
|
|
365
|
+
title: string;
|
|
366
|
+
disabled?: boolean;
|
|
367
|
+
children: ReactNode;
|
|
368
|
+
};
|
|
369
|
+
declare const CollapsibleItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "title" | "value"> & {
|
|
370
|
+
value: string;
|
|
371
|
+
title: string;
|
|
372
|
+
disabled?: boolean;
|
|
373
|
+
children: ReactNode;
|
|
374
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
375
|
+
|
|
376
|
+
declare const CollapsibleManifest: Record<string, Component>;
|
|
377
|
+
declare const CollapsibleCompositionRules: {
|
|
378
|
+
Collapsible: {
|
|
379
|
+
allowed_children: string[];
|
|
380
|
+
};
|
|
381
|
+
};
|
|
382
|
+
|
|
383
|
+
type Command = {
|
|
384
|
+
id: string;
|
|
385
|
+
label: string;
|
|
386
|
+
group?: string;
|
|
387
|
+
shortcut?: string;
|
|
388
|
+
icon?: ReactNode;
|
|
389
|
+
onSelect: () => void;
|
|
390
|
+
disabled?: boolean;
|
|
391
|
+
};
|
|
392
|
+
type CommandPaletteProps = {
|
|
393
|
+
open?: boolean;
|
|
394
|
+
defaultOpen?: boolean;
|
|
395
|
+
onOpenChange?: (open: boolean) => void;
|
|
396
|
+
commands: Command[];
|
|
397
|
+
placeholder?: string;
|
|
398
|
+
emptyMessage?: string;
|
|
399
|
+
className?: string;
|
|
400
|
+
};
|
|
401
|
+
/**
|
|
402
|
+
* The forwarded ref receives the `<section role="dialog">` React Aria renders, so it is typed
|
|
403
|
+
* HTMLElement (it was HTMLDivElement, which never matched; object and callback refs typed for a
|
|
404
|
+
* div are still accepted).
|
|
405
|
+
*/
|
|
406
|
+
declare const CommandPalette: react.ForwardRefExoticComponent<CommandPaletteProps & react.RefAttributes<HTMLElement>>;
|
|
407
|
+
|
|
408
|
+
declare const CommandPaletteManifest: Record<string, Component>;
|
|
409
|
+
|
|
410
|
+
type ConfirmDialogProps = {
|
|
411
|
+
trigger?: ReactNode;
|
|
412
|
+
title: string;
|
|
413
|
+
description?: string;
|
|
414
|
+
confirmLabel?: string;
|
|
415
|
+
cancelLabel?: string;
|
|
416
|
+
confirmVariant?: "primary" | "danger";
|
|
417
|
+
/** When set, the user must type this phrase exactly to enable Confirm. */
|
|
418
|
+
confirmPhrase?: string;
|
|
419
|
+
onConfirm: () => void;
|
|
420
|
+
open?: boolean;
|
|
421
|
+
defaultOpen?: boolean;
|
|
422
|
+
onOpenChange?: (open: boolean) => void;
|
|
423
|
+
size?: "sm" | "md" | "lg";
|
|
424
|
+
className?: string;
|
|
425
|
+
};
|
|
426
|
+
/** The ref receives Dialog's `<section role="dialog">`, so it is typed HTMLElement. */
|
|
427
|
+
declare const ConfirmDialog: react.ForwardRefExoticComponent<ConfirmDialogProps & react.RefAttributes<HTMLElement>>;
|
|
428
|
+
|
|
429
|
+
declare const ConfirmDialogManifest: Record<string, Component>;
|
|
430
|
+
|
|
431
|
+
type DataTableVirtualization = {
|
|
432
|
+
/** Scroll viewport height in CSS pixels. */
|
|
433
|
+
height: number;
|
|
434
|
+
/** Fixed row height; omit to measure wrapped/variable-height rows. Minimum 24. */
|
|
435
|
+
rowHeight?: number;
|
|
436
|
+
/** Initial estimate for measured rows, refined with ResizeObserver. */
|
|
437
|
+
estimateRowHeight?: number;
|
|
438
|
+
overscan?: number;
|
|
439
|
+
};
|
|
440
|
+
|
|
441
|
+
type DataTableColumn = {
|
|
442
|
+
key: string;
|
|
443
|
+
label: string;
|
|
444
|
+
as?: "text" | "number" | "code" | "timestamp" | "badge";
|
|
445
|
+
highlight?: boolean;
|
|
446
|
+
sortable?: boolean;
|
|
447
|
+
width?: string;
|
|
448
|
+
align?: "left" | "right";
|
|
449
|
+
render?: (value: unknown, row: DataTableRow) => ReactNode;
|
|
450
|
+
};
|
|
451
|
+
type DataTableRow = Record<string, unknown>;
|
|
452
|
+
type DataTableSortDescriptor = {
|
|
453
|
+
key: string;
|
|
454
|
+
direction: "asc" | "desc";
|
|
455
|
+
};
|
|
456
|
+
type DataTableProps = Omit<TableHTMLAttributes<HTMLTableElement>, "children"> & {
|
|
457
|
+
columns: DataTableColumn[];
|
|
458
|
+
data: DataTableRow[];
|
|
459
|
+
sortable?: boolean;
|
|
460
|
+
/** Read-only metadata for rows already sorted by the caller. Null means source order. */
|
|
461
|
+
sortDescriptor?: DataTableSortDescriptor | null;
|
|
462
|
+
dense?: boolean;
|
|
463
|
+
onRowClick?: (row: DataTableRow, index: number) => void;
|
|
464
|
+
getRowId?: (row: DataTableRow, index: number) => string;
|
|
465
|
+
caption?: string;
|
|
466
|
+
emptyMessage?: string;
|
|
467
|
+
columnWidths?: Record<string, number>;
|
|
468
|
+
pinnedColumnKeys?: readonly string[];
|
|
469
|
+
virtualization?: DataTableVirtualization;
|
|
470
|
+
/** Zero-based offset in the complete result set, excluding the header. */
|
|
471
|
+
rowIndexOffset?: number;
|
|
472
|
+
/** Complete data-row count, excluding the header. */
|
|
473
|
+
totalRowCount?: number;
|
|
474
|
+
};
|
|
475
|
+
declare const DataTable: react.ForwardRefExoticComponent<Omit<TableHTMLAttributes<HTMLTableElement>, "children"> & {
|
|
476
|
+
columns: DataTableColumn[];
|
|
477
|
+
data: DataTableRow[];
|
|
478
|
+
sortable?: boolean;
|
|
479
|
+
/** Read-only metadata for rows already sorted by the caller. Null means source order. */
|
|
480
|
+
sortDescriptor?: DataTableSortDescriptor | null;
|
|
481
|
+
dense?: boolean;
|
|
482
|
+
onRowClick?: (row: DataTableRow, index: number) => void;
|
|
483
|
+
getRowId?: (row: DataTableRow, index: number) => string;
|
|
484
|
+
caption?: string;
|
|
485
|
+
emptyMessage?: string;
|
|
486
|
+
columnWidths?: Record<string, number>;
|
|
487
|
+
pinnedColumnKeys?: readonly string[];
|
|
488
|
+
virtualization?: DataTableVirtualization;
|
|
489
|
+
/** Zero-based offset in the complete result set, excluding the header. */
|
|
490
|
+
rowIndexOffset?: number;
|
|
491
|
+
/** Complete data-row count, excluding the header. */
|
|
492
|
+
totalRowCount?: number;
|
|
493
|
+
} & react.RefAttributes<HTMLTableElement>>;
|
|
494
|
+
|
|
495
|
+
declare const DataTableManifest: Record<string, Component>;
|
|
496
|
+
|
|
497
|
+
declare const surfaceStyles: (props?: ({
|
|
498
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
499
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
500
|
+
type DialogProps = Omit<ComponentPropsWithoutRef<"div">, "size" | "title"> & VariantProps<typeof surfaceStyles> & {
|
|
501
|
+
motion?: MotionMode;
|
|
502
|
+
title: string;
|
|
503
|
+
description?: string;
|
|
504
|
+
trigger?: ReactNode;
|
|
505
|
+
footer?: ReactNode;
|
|
506
|
+
open?: boolean;
|
|
507
|
+
defaultOpen?: boolean;
|
|
508
|
+
onOpenChange?: (open: boolean) => void;
|
|
509
|
+
};
|
|
510
|
+
/**
|
|
511
|
+
* The forwarded ref receives the `<section role="dialog">` React Aria renders, so it is typed
|
|
512
|
+
* HTMLElement (it was HTMLDivElement, which never matched; object and callback refs typed for a
|
|
513
|
+
* div are still accepted).
|
|
514
|
+
*/
|
|
515
|
+
declare const Dialog: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "title" | "size"> & VariantProps<(props?: ({
|
|
516
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
517
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
518
|
+
motion?: MotionMode;
|
|
519
|
+
title: string;
|
|
520
|
+
description?: string;
|
|
521
|
+
trigger?: ReactNode;
|
|
522
|
+
footer?: ReactNode;
|
|
523
|
+
open?: boolean;
|
|
524
|
+
defaultOpen?: boolean;
|
|
525
|
+
onOpenChange?: (open: boolean) => void;
|
|
526
|
+
} & react.RefAttributes<HTMLElement>>;
|
|
527
|
+
|
|
528
|
+
declare const DialogManifest: Record<string, Component>;
|
|
529
|
+
|
|
530
|
+
type DividerProps = Omit<ComponentPropsWithoutRef<"div">, "children"> & {
|
|
531
|
+
/** Visual only when true (role="none"); exposes role="separator" when false. */
|
|
532
|
+
decorative?: boolean;
|
|
533
|
+
/**
|
|
534
|
+
* The direction of the rule. A horizontal rule takes the width of its container; a vertical one
|
|
535
|
+
* takes the height of its flex row, so it needs a flex row (or a height of its own) to show.
|
|
536
|
+
*/
|
|
537
|
+
orientation?: "horizontal" | "vertical";
|
|
538
|
+
/** Centered uppercase label. Horizontal orientation only. */
|
|
539
|
+
label?: string;
|
|
540
|
+
};
|
|
541
|
+
declare const Divider: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & {
|
|
542
|
+
/** Visual only when true (role="none"); exposes role="separator" when false. */
|
|
543
|
+
decorative?: boolean;
|
|
544
|
+
/**
|
|
545
|
+
* The direction of the rule. A horizontal rule takes the width of its container; a vertical one
|
|
546
|
+
* takes the height of its flex row, so it needs a flex row (or a height of its own) to show.
|
|
547
|
+
*/
|
|
548
|
+
orientation?: "horizontal" | "vertical";
|
|
549
|
+
/** Centered uppercase label. Horizontal orientation only. */
|
|
550
|
+
label?: string;
|
|
551
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
552
|
+
|
|
553
|
+
declare const DividerManifest: Record<string, Component>;
|
|
554
|
+
|
|
555
|
+
type DropdownMenuProps = {
|
|
556
|
+
motion?: MotionMode;
|
|
557
|
+
trigger: ReactNode;
|
|
558
|
+
open?: boolean;
|
|
559
|
+
defaultOpen?: boolean;
|
|
560
|
+
onOpenChange?: (open: boolean) => void;
|
|
561
|
+
align?: "start" | "center" | "end";
|
|
562
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
563
|
+
className?: string;
|
|
564
|
+
children: ReactNode;
|
|
565
|
+
};
|
|
566
|
+
declare const DropdownMenu: react.ForwardRefExoticComponent<DropdownMenuProps & react.RefAttributes<HTMLDivElement>>;
|
|
567
|
+
type DropdownMenuItemProps = Omit<ComponentPropsWithoutRef<"div">, "onSelect" | "children"> & {
|
|
568
|
+
disabled?: boolean;
|
|
569
|
+
textValue?: string;
|
|
570
|
+
/** Fired when the item is activated. Call `event.preventDefault()` to keep the menu open. */
|
|
571
|
+
onSelect?: (event: Event) => void;
|
|
572
|
+
shortcut?: string;
|
|
573
|
+
danger?: boolean;
|
|
574
|
+
children: ReactNode;
|
|
575
|
+
};
|
|
576
|
+
declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "onSelect"> & {
|
|
577
|
+
disabled?: boolean;
|
|
578
|
+
textValue?: string;
|
|
579
|
+
/** Fired when the item is activated. Call `event.preventDefault()` to keep the menu open. */
|
|
580
|
+
onSelect?: (event: Event) => void;
|
|
581
|
+
shortcut?: string;
|
|
582
|
+
danger?: boolean;
|
|
583
|
+
children: ReactNode;
|
|
584
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
585
|
+
type DropdownMenuSeparatorProps = ComponentPropsWithoutRef<"div">;
|
|
586
|
+
declare const DropdownMenuSeparator: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
587
|
+
type DropdownMenuLabelProps = ComponentPropsWithoutRef<"div">;
|
|
588
|
+
declare const DropdownMenuLabel: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
589
|
+
|
|
590
|
+
declare const DropdownMenuManifest: Record<string, Component>;
|
|
591
|
+
declare const DropdownMenuCompositionRules: {
|
|
592
|
+
DropdownMenu: {
|
|
593
|
+
allowed_children: string[];
|
|
594
|
+
};
|
|
595
|
+
};
|
|
596
|
+
|
|
597
|
+
/** What a Field hands the control inside it. */
|
|
598
|
+
type FieldContextValue = {
|
|
599
|
+
id: string;
|
|
600
|
+
/** id of the rendered <label>. Composite controls whose root is a container
|
|
601
|
+
* element (role="radiogroup", role="group", a slider group) cannot be named
|
|
602
|
+
* by `<label htmlFor>` — htmlFor only labels form elements. Those components
|
|
603
|
+
* must consume this as aria-labelledby instead, or they ship with no
|
|
604
|
+
* accessible name at all. */
|
|
605
|
+
labelId: string;
|
|
606
|
+
describedBy: string | undefined;
|
|
607
|
+
invalid: boolean;
|
|
608
|
+
/** A required Field makes its control required (coordinator ruling, following DC-10). */
|
|
609
|
+
required: boolean;
|
|
610
|
+
};
|
|
611
|
+
|
|
612
|
+
declare function useFieldContext(): FieldContextValue;
|
|
613
|
+
declare function useOptionalFieldContext(): FieldContextValue | null;
|
|
614
|
+
type FieldProps = HTMLAttributes<HTMLDivElement> & {
|
|
615
|
+
/** Stable ID for the child control; the native `id` still identifies the wrapper. */
|
|
616
|
+
controlId?: string;
|
|
617
|
+
label: string;
|
|
618
|
+
help?: string;
|
|
619
|
+
error?: string;
|
|
620
|
+
required?: boolean;
|
|
621
|
+
children: ReactNode;
|
|
622
|
+
};
|
|
623
|
+
declare const Field: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
624
|
+
/** Stable ID for the child control; the native `id` still identifies the wrapper. */
|
|
625
|
+
controlId?: string;
|
|
626
|
+
label: string;
|
|
627
|
+
help?: string;
|
|
628
|
+
error?: string;
|
|
629
|
+
required?: boolean;
|
|
630
|
+
children: ReactNode;
|
|
631
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
632
|
+
|
|
633
|
+
declare const FieldManifest: Record<string, Component>;
|
|
634
|
+
|
|
635
|
+
type FilterBarBaseProps = Omit<ComponentPropsWithoutRef<"div">, "value" | "defaultValue" | "onChange"> & {
|
|
636
|
+
/** Filter labels rendered as toggle buttons. Each label appears once. */
|
|
637
|
+
filters: readonly string[];
|
|
638
|
+
/** Accessible name for the toggle-button group. */
|
|
639
|
+
ariaLabel?: string;
|
|
640
|
+
/** Disable the entire filter group without discarding its selection. */
|
|
641
|
+
disabled?: boolean;
|
|
642
|
+
};
|
|
643
|
+
type SingleFilterBarProps = {
|
|
644
|
+
multiple?: false;
|
|
645
|
+
/** Controlled active filter, or an empty string for no selection. */
|
|
646
|
+
value?: string;
|
|
647
|
+
/** Uncontrolled initial active filter value. */
|
|
648
|
+
defaultValue?: string;
|
|
649
|
+
/** Fires with the newly active filter value. */
|
|
650
|
+
onValueChange?: (value: string) => void;
|
|
651
|
+
};
|
|
652
|
+
type MultipleFilterBarProps = {
|
|
653
|
+
multiple: true;
|
|
654
|
+
/** Controlled active filters, or an empty array for no selection. */
|
|
655
|
+
value?: readonly string[];
|
|
656
|
+
/** Uncontrolled initial active filters. */
|
|
657
|
+
defaultValue?: readonly string[];
|
|
658
|
+
/** Fires with all active filters after a selection changes. */
|
|
659
|
+
onValueChange?: (value: string[]) => void;
|
|
660
|
+
};
|
|
661
|
+
type FilterBarProps = FilterBarBaseProps & (SingleFilterBarProps | MultipleFilterBarProps);
|
|
662
|
+
declare const FilterBar: react.ForwardRefExoticComponent<FilterBarProps & react.RefAttributes<HTMLDivElement>>;
|
|
663
|
+
|
|
664
|
+
declare const FilterBarManifest: Record<string, Component>;
|
|
665
|
+
|
|
666
|
+
declare const wrapperStyles: (props?: ({
|
|
667
|
+
invalid?: boolean | null | undefined;
|
|
668
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
669
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
670
|
+
type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & Pick<VariantProps<typeof wrapperStyles>, "size"> & {
|
|
671
|
+
prefix?: ReactNode;
|
|
672
|
+
suffix?: ReactNode;
|
|
673
|
+
promptSymbol?: boolean;
|
|
674
|
+
/**
|
|
675
|
+
* Marks the field invalid: the error border and aria-invalid, as on Textarea, Select and
|
|
676
|
+
* ComboBox. Wins over aria-invalid, which wins over a surrounding Field's error.
|
|
677
|
+
*/
|
|
678
|
+
invalid?: boolean;
|
|
679
|
+
};
|
|
680
|
+
declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "prefix" | "size"> & Pick<VariantProps<(props?: ({
|
|
681
|
+
invalid?: boolean | null | undefined;
|
|
682
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
683
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string>, "size"> & {
|
|
684
|
+
prefix?: ReactNode;
|
|
685
|
+
suffix?: ReactNode;
|
|
686
|
+
promptSymbol?: boolean;
|
|
687
|
+
/**
|
|
688
|
+
* Marks the field invalid: the error border and aria-invalid, as on Textarea, Select and
|
|
689
|
+
* ComboBox. Wins over aria-invalid, which wins over a surrounding Field's error.
|
|
690
|
+
*/
|
|
691
|
+
invalid?: boolean;
|
|
692
|
+
} & react.RefAttributes<HTMLInputElement>>;
|
|
693
|
+
|
|
694
|
+
declare const InputManifest: Record<string, Component>;
|
|
695
|
+
|
|
696
|
+
declare const rootStyles$1: (props?: ({
|
|
697
|
+
size?: "md" | "sm" | null | undefined;
|
|
698
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
699
|
+
type ProgressProps = Omit<ComponentPropsWithoutRef<"div">, "value" | "size"> & VariantProps<typeof rootStyles$1> & {
|
|
700
|
+
value?: number;
|
|
701
|
+
max?: number;
|
|
702
|
+
label?: string;
|
|
703
|
+
showValue?: boolean;
|
|
704
|
+
variant?: "bar" | "blocks";
|
|
705
|
+
};
|
|
706
|
+
declare const Progress: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "value" | "size"> & VariantProps<(props?: ({
|
|
707
|
+
size?: "md" | "sm" | null | undefined;
|
|
708
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
709
|
+
value?: number;
|
|
710
|
+
max?: number;
|
|
711
|
+
label?: string;
|
|
712
|
+
showValue?: boolean;
|
|
713
|
+
variant?: "bar" | "blocks";
|
|
714
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
715
|
+
|
|
716
|
+
declare const ProgressManifest: Record<string, Component>;
|
|
717
|
+
|
|
718
|
+
type Size$1 = "sm" | "md" | "lg";
|
|
719
|
+
declare const groupStyles: (props?: ({
|
|
720
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
721
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
722
|
+
type RadioGroupProps = VariantProps<typeof groupStyles> & {
|
|
723
|
+
value?: string;
|
|
724
|
+
defaultValue?: string;
|
|
725
|
+
onValueChange?: (value: string) => void;
|
|
726
|
+
disabled?: boolean;
|
|
727
|
+
required?: boolean;
|
|
728
|
+
name?: string;
|
|
729
|
+
size?: Size$1;
|
|
730
|
+
className?: string;
|
|
731
|
+
id?: string;
|
|
732
|
+
children: ReactNode;
|
|
733
|
+
"aria-label"?: string;
|
|
734
|
+
"aria-labelledby"?: string;
|
|
735
|
+
"aria-describedby"?: string;
|
|
736
|
+
"aria-invalid"?: boolean | "true" | "false";
|
|
737
|
+
};
|
|
738
|
+
declare const RadioGroup: react.ForwardRefExoticComponent<VariantProps<(props?: ({
|
|
739
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
740
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
741
|
+
value?: string;
|
|
742
|
+
defaultValue?: string;
|
|
743
|
+
onValueChange?: (value: string) => void;
|
|
744
|
+
disabled?: boolean;
|
|
745
|
+
required?: boolean;
|
|
746
|
+
name?: string;
|
|
747
|
+
size?: Size$1;
|
|
748
|
+
className?: string;
|
|
749
|
+
id?: string;
|
|
750
|
+
children: ReactNode;
|
|
751
|
+
"aria-label"?: string;
|
|
752
|
+
"aria-labelledby"?: string;
|
|
753
|
+
"aria-describedby"?: string;
|
|
754
|
+
"aria-invalid"?: boolean | "true" | "false";
|
|
755
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
756
|
+
type RadioProps = {
|
|
757
|
+
value: string;
|
|
758
|
+
disabled?: boolean;
|
|
759
|
+
className?: string;
|
|
760
|
+
id?: string;
|
|
761
|
+
children: ReactNode;
|
|
762
|
+
"aria-label"?: string;
|
|
763
|
+
};
|
|
764
|
+
declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLInputElement>>;
|
|
765
|
+
|
|
766
|
+
declare const RadioGroupManifest: Record<string, Component>;
|
|
767
|
+
declare const RadioGroupCompositionRules: {
|
|
768
|
+
RadioGroup: {
|
|
769
|
+
allowed_children: string[];
|
|
770
|
+
};
|
|
771
|
+
};
|
|
772
|
+
|
|
773
|
+
declare const triggerStyles: (props?: ({
|
|
774
|
+
invalid?: boolean | null | undefined;
|
|
775
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
776
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
777
|
+
type SelectProps = VariantProps<typeof triggerStyles> & {
|
|
778
|
+
motion?: MotionMode;
|
|
779
|
+
value?: string;
|
|
780
|
+
defaultValue?: string;
|
|
781
|
+
onValueChange?: (value: string) => void;
|
|
782
|
+
open?: boolean;
|
|
783
|
+
defaultOpen?: boolean;
|
|
784
|
+
onOpenChange?: (open: boolean) => void;
|
|
785
|
+
disabled?: boolean;
|
|
786
|
+
required?: boolean;
|
|
787
|
+
name?: string;
|
|
788
|
+
placeholder?: string;
|
|
789
|
+
/** What the list says when there are no options to choose from. */
|
|
790
|
+
emptyMessage?: string;
|
|
791
|
+
className?: string;
|
|
792
|
+
children: ReactNode;
|
|
793
|
+
"aria-label"?: string;
|
|
794
|
+
/** Names the Select by another element (a visible heading); wins over a Field's label. */
|
|
795
|
+
"aria-labelledby"?: string;
|
|
796
|
+
/** Describes the Select by other elements; replaces a Field's help or error. */
|
|
797
|
+
"aria-describedby"?: string;
|
|
798
|
+
id?: string;
|
|
799
|
+
};
|
|
800
|
+
declare const Select: react.ForwardRefExoticComponent<VariantProps<(props?: ({
|
|
801
|
+
invalid?: boolean | null | undefined;
|
|
802
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
803
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
804
|
+
motion?: MotionMode;
|
|
805
|
+
value?: string;
|
|
806
|
+
defaultValue?: string;
|
|
807
|
+
onValueChange?: (value: string) => void;
|
|
808
|
+
open?: boolean;
|
|
809
|
+
defaultOpen?: boolean;
|
|
810
|
+
onOpenChange?: (open: boolean) => void;
|
|
811
|
+
disabled?: boolean;
|
|
812
|
+
required?: boolean;
|
|
813
|
+
name?: string;
|
|
814
|
+
placeholder?: string;
|
|
815
|
+
/** What the list says when there are no options to choose from. */
|
|
816
|
+
emptyMessage?: string;
|
|
817
|
+
className?: string;
|
|
818
|
+
children: ReactNode;
|
|
819
|
+
"aria-label"?: string;
|
|
820
|
+
/** Names the Select by another element (a visible heading); wins over a Field's label. */
|
|
821
|
+
"aria-labelledby"?: string;
|
|
822
|
+
/** Describes the Select by other elements; replaces a Field's help or error. */
|
|
823
|
+
"aria-describedby"?: string;
|
|
824
|
+
id?: string;
|
|
825
|
+
} & react.RefAttributes<HTMLButtonElement>>;
|
|
826
|
+
type SelectOptionProps = {
|
|
827
|
+
value: string;
|
|
828
|
+
disabled?: boolean;
|
|
829
|
+
className?: string;
|
|
830
|
+
children: ReactNode;
|
|
831
|
+
};
|
|
832
|
+
declare const SelectOption: react.ForwardRefExoticComponent<SelectOptionProps & react.RefAttributes<HTMLDivElement>>;
|
|
833
|
+
|
|
834
|
+
declare const SelectManifest: Record<string, Component>;
|
|
835
|
+
declare const SelectCompositionRules: {
|
|
836
|
+
Select: {
|
|
837
|
+
allowed_children: string[];
|
|
838
|
+
};
|
|
839
|
+
};
|
|
840
|
+
|
|
841
|
+
type SidebarProps = HTMLAttributes<HTMLElement>;
|
|
842
|
+
/**
|
|
843
|
+
* The rail: never wider than its container. In a host of bounded height its item list scrolls in
|
|
844
|
+
* place while the logo and the footer stay put (design call DC-15): the sections between a leading
|
|
845
|
+
* SidebarLogo and a trailing SidebarFooter go in one list that takes the height left and scrolls.
|
|
846
|
+
* The items are links and buttons, so a keyboard reaches the list and it scrolls to the focused one.
|
|
847
|
+
* For the frame of a whole app, pass the rail to AppShell as its `navigation`.
|
|
848
|
+
*
|
|
849
|
+
* Standing alone the rail is a navigation landmark named "Sidebar". Inside AppShell's `navigation`
|
|
850
|
+
* the shell's landmark, named for the workspace, already holds it, so the rail is a plain block
|
|
851
|
+
* and the navigation is announced once.
|
|
852
|
+
*/
|
|
853
|
+
declare const Sidebar: react.ForwardRefExoticComponent<SidebarProps & react.RefAttributes<HTMLElement>>;
|
|
854
|
+
type SidebarLogoProps = HTMLAttributes<HTMLDivElement>;
|
|
855
|
+
declare const SidebarLogo: react.ForwardRefExoticComponent<SidebarLogoProps & react.RefAttributes<HTMLDivElement>>;
|
|
856
|
+
type SidebarSectionProps = HTMLAttributes<HTMLDivElement> & {
|
|
857
|
+
label?: string;
|
|
858
|
+
};
|
|
859
|
+
/** A labeled section is a group named by its label, so its items are announced with it. */
|
|
860
|
+
declare const SidebarSection: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
861
|
+
label?: string;
|
|
862
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
863
|
+
type SidebarItemProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "href"> & {
|
|
864
|
+
icon?: ReactNode;
|
|
865
|
+
active?: boolean;
|
|
866
|
+
href?: string;
|
|
867
|
+
asChild?: boolean;
|
|
868
|
+
children: ReactNode;
|
|
869
|
+
};
|
|
870
|
+
declare const SidebarItem: react.ForwardRefExoticComponent<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "href"> & {
|
|
871
|
+
icon?: ReactNode;
|
|
872
|
+
active?: boolean;
|
|
873
|
+
href?: string;
|
|
874
|
+
asChild?: boolean;
|
|
875
|
+
children: ReactNode;
|
|
876
|
+
} & react.RefAttributes<HTMLAnchorElement & HTMLButtonElement>>;
|
|
877
|
+
type SidebarFooterProps = HTMLAttributes<HTMLDivElement>;
|
|
878
|
+
declare const SidebarFooter: react.ForwardRefExoticComponent<SidebarFooterProps & react.RefAttributes<HTMLDivElement>>;
|
|
879
|
+
|
|
880
|
+
declare const SidebarManifest: Record<string, Component>;
|
|
881
|
+
declare const SidebarCompositionRules: {
|
|
882
|
+
Sidebar: {
|
|
883
|
+
allowed_children: string[];
|
|
884
|
+
children: {
|
|
885
|
+
SidebarSection: {
|
|
886
|
+
allowed_children: string[];
|
|
887
|
+
};
|
|
888
|
+
};
|
|
889
|
+
};
|
|
890
|
+
};
|
|
891
|
+
|
|
892
|
+
declare const barStyles: (props?: ({
|
|
893
|
+
variant?: "text" | "block" | null | undefined;
|
|
894
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
895
|
+
type SkeletonProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & VariantProps<typeof barStyles> & {
|
|
896
|
+
width?: string | number;
|
|
897
|
+
height?: string | number;
|
|
898
|
+
lines?: number;
|
|
899
|
+
};
|
|
900
|
+
declare const Skeleton: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & VariantProps<(props?: ({
|
|
901
|
+
variant?: "text" | "block" | null | undefined;
|
|
902
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
903
|
+
width?: string | number;
|
|
904
|
+
height?: string | number;
|
|
905
|
+
lines?: number;
|
|
906
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
907
|
+
|
|
908
|
+
declare const SkeletonManifest: Record<string, Component>;
|
|
909
|
+
|
|
910
|
+
declare const thumbStyles: (props?: ({
|
|
911
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
912
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
913
|
+
type Size = NonNullable<VariantProps<typeof thumbStyles>["size"]>;
|
|
914
|
+
type SliderBase = Omit<HTMLAttributes<HTMLSpanElement>, "defaultValue" | "onChange"> & {
|
|
915
|
+
min?: number;
|
|
916
|
+
max?: number;
|
|
917
|
+
step?: number;
|
|
918
|
+
disabled?: boolean;
|
|
919
|
+
orientation?: "horizontal" | "vertical";
|
|
920
|
+
size?: Size;
|
|
921
|
+
showValue?: boolean;
|
|
922
|
+
formatValue?: (value: number) => string;
|
|
923
|
+
name?: string;
|
|
924
|
+
};
|
|
925
|
+
type SingleSlider = SliderBase & {
|
|
926
|
+
value?: number;
|
|
927
|
+
defaultValue?: number;
|
|
928
|
+
onValueChange?: (value: number) => void;
|
|
929
|
+
};
|
|
930
|
+
type RangeSlider = SliderBase & {
|
|
931
|
+
value?: [number, number];
|
|
932
|
+
defaultValue?: [number, number];
|
|
933
|
+
onValueChange?: (value: [number, number]) => void;
|
|
934
|
+
};
|
|
935
|
+
type SliderProps = SingleSlider | RangeSlider;
|
|
936
|
+
declare const Slider: react.ForwardRefExoticComponent<SliderProps & react.RefAttributes<HTMLSpanElement>>;
|
|
937
|
+
|
|
938
|
+
declare const SliderManifest: Record<string, Component>;
|
|
939
|
+
|
|
940
|
+
type Trend = "up" | "down" | "flat";
|
|
941
|
+
type TrendIntent = "positive" | "negative" | "neutral";
|
|
942
|
+
type StatCardProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
943
|
+
label: string;
|
|
944
|
+
value: string | number;
|
|
945
|
+
unit?: string;
|
|
946
|
+
delta?: number;
|
|
947
|
+
trend?: Trend;
|
|
948
|
+
/**
|
|
949
|
+
* Whether the change is good, bad or neither, which sets the color of the trend independently of
|
|
950
|
+
* its direction: a fall in errors is `positive`, a rise in alarms is `negative`. Without it the
|
|
951
|
+
* color follows the direction (up is success, down is error).
|
|
952
|
+
*/
|
|
953
|
+
trendIntent?: TrendIntent;
|
|
954
|
+
deltaLabel?: string;
|
|
955
|
+
caption?: string;
|
|
956
|
+
};
|
|
957
|
+
declare const StatCard: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
958
|
+
label: string;
|
|
959
|
+
value: string | number;
|
|
960
|
+
unit?: string;
|
|
961
|
+
delta?: number;
|
|
962
|
+
trend?: Trend;
|
|
963
|
+
/**
|
|
964
|
+
* Whether the change is good, bad or neither, which sets the color of the trend independently of
|
|
965
|
+
* its direction: a fall in errors is `positive`, a rise in alarms is `negative`. Without it the
|
|
966
|
+
* color follows the direction (up is success, down is error).
|
|
967
|
+
*/
|
|
968
|
+
trendIntent?: TrendIntent;
|
|
969
|
+
deltaLabel?: string;
|
|
970
|
+
caption?: string;
|
|
971
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
972
|
+
|
|
973
|
+
declare const StatCardManifest: Record<string, Component>;
|
|
974
|
+
|
|
975
|
+
type TabsProps = Omit<ComponentPropsWithoutRef<"div">, "dir" | "value" | "defaultValue" | "onChange"> & {
|
|
976
|
+
motion?: MotionMode;
|
|
977
|
+
value?: string;
|
|
978
|
+
defaultValue?: string;
|
|
979
|
+
onValueChange?: (value: string) => void;
|
|
980
|
+
orientation?: "horizontal" | "vertical";
|
|
981
|
+
children: ReactNode;
|
|
982
|
+
};
|
|
983
|
+
declare const Tabs: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "value" | "defaultValue" | "dir" | "onChange"> & {
|
|
984
|
+
motion?: MotionMode;
|
|
985
|
+
value?: string;
|
|
986
|
+
defaultValue?: string;
|
|
987
|
+
onValueChange?: (value: string) => void;
|
|
988
|
+
orientation?: "horizontal" | "vertical";
|
|
989
|
+
children: ReactNode;
|
|
990
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
991
|
+
type TabsListProps = Omit<ComponentPropsWithoutRef<"div">, "id">;
|
|
992
|
+
declare const TabsList: react.ForwardRefExoticComponent<TabsListProps & react.RefAttributes<HTMLDivElement>>;
|
|
993
|
+
type TabsTriggerProps = Omit<ComponentPropsWithoutRef<"div">, "id"> & {
|
|
994
|
+
value: string;
|
|
995
|
+
disabled?: boolean;
|
|
996
|
+
};
|
|
997
|
+
declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "id"> & {
|
|
998
|
+
value: string;
|
|
999
|
+
disabled?: boolean;
|
|
1000
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1001
|
+
type TabsContentProps = Omit<ComponentPropsWithoutRef<"div">, "id"> & {
|
|
1002
|
+
value: string;
|
|
1003
|
+
};
|
|
1004
|
+
declare const TabsContent: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "id"> & {
|
|
1005
|
+
value: string;
|
|
1006
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1007
|
+
|
|
1008
|
+
declare const TabsManifest: Record<string, Component>;
|
|
1009
|
+
declare const TabsCompositionRules: {
|
|
1010
|
+
Tabs: {
|
|
1011
|
+
allowed_children: string[];
|
|
1012
|
+
children: {
|
|
1013
|
+
TabsList: {
|
|
1014
|
+
allowed_children: string[];
|
|
1015
|
+
};
|
|
1016
|
+
};
|
|
1017
|
+
};
|
|
1018
|
+
};
|
|
1019
|
+
|
|
1020
|
+
type TextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
1021
|
+
invalid?: boolean;
|
|
1022
|
+
};
|
|
1023
|
+
declare const Textarea: react.ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
1024
|
+
invalid?: boolean;
|
|
1025
|
+
} & react.RefAttributes<HTMLTextAreaElement>>;
|
|
1026
|
+
|
|
1027
|
+
declare const TextareaManifest: Record<string, Component>;
|
|
1028
|
+
|
|
1029
|
+
type SwipeDirection = "right" | "left" | "up" | "down";
|
|
1030
|
+
type ToastProviderProps = {
|
|
1031
|
+
children: ReactNode;
|
|
1032
|
+
/**
|
|
1033
|
+
* Names the notification region (`<label> (F8)`, F8 being the key that moves focus to it) and
|
|
1034
|
+
* is spoken before each announcement.
|
|
1035
|
+
*/
|
|
1036
|
+
label?: string;
|
|
1037
|
+
swipeDirection?: SwipeDirection;
|
|
1038
|
+
duration?: number;
|
|
1039
|
+
};
|
|
1040
|
+
declare const ToastProvider: react.ForwardRefExoticComponent<ToastProviderProps & react.RefAttributes<HTMLOListElement>>;
|
|
1041
|
+
declare const rootStyles: (props?: ({
|
|
1042
|
+
variant?: "info" | "success" | "warning" | "error" | null | undefined;
|
|
1043
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1044
|
+
type ToastProps = Omit<ComponentPropsWithoutRef<typeof RadixToast.Root>, "title" | "children"> & VariantProps<typeof rootStyles> & {
|
|
1045
|
+
title: string;
|
|
1046
|
+
description?: string | undefined;
|
|
1047
|
+
persistent?: boolean;
|
|
1048
|
+
};
|
|
1049
|
+
declare const Toast: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.ToastProps & react.RefAttributes<HTMLLIElement>, "ref">, "title" | "children"> & VariantProps<(props?: ({
|
|
1050
|
+
variant?: "info" | "success" | "warning" | "error" | null | undefined;
|
|
1051
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
1052
|
+
title: string;
|
|
1053
|
+
description?: string | undefined;
|
|
1054
|
+
persistent?: boolean;
|
|
1055
|
+
} & react.RefAttributes<HTMLLIElement>>;
|
|
1056
|
+
|
|
1057
|
+
declare const ToastManifest: Record<string, Component>;
|
|
1058
|
+
declare const ToastCompositionRules: {
|
|
1059
|
+
ToastProvider: {
|
|
1060
|
+
allowed_children: string[];
|
|
1061
|
+
};
|
|
1062
|
+
};
|
|
1063
|
+
|
|
1064
|
+
declare const trackStyles: (props?: ({
|
|
1065
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
1066
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1067
|
+
type ToggleProps = VariantProps<typeof trackStyles> & {
|
|
1068
|
+
motion?: MotionMode;
|
|
1069
|
+
checked?: boolean;
|
|
1070
|
+
defaultChecked?: boolean;
|
|
1071
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
1072
|
+
disabled?: boolean;
|
|
1073
|
+
required?: boolean;
|
|
1074
|
+
name?: string;
|
|
1075
|
+
value?: string;
|
|
1076
|
+
className?: string;
|
|
1077
|
+
id?: string;
|
|
1078
|
+
"aria-label"?: string;
|
|
1079
|
+
"aria-labelledby"?: string;
|
|
1080
|
+
"aria-describedby"?: string;
|
|
1081
|
+
"aria-invalid"?: boolean | "true" | "false";
|
|
1082
|
+
};
|
|
1083
|
+
declare const Toggle: react.ForwardRefExoticComponent<VariantProps<(props?: ({
|
|
1084
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
1085
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
1086
|
+
motion?: MotionMode;
|
|
1087
|
+
checked?: boolean;
|
|
1088
|
+
defaultChecked?: boolean;
|
|
1089
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
1090
|
+
disabled?: boolean;
|
|
1091
|
+
required?: boolean;
|
|
1092
|
+
name?: string;
|
|
1093
|
+
value?: string;
|
|
1094
|
+
className?: string;
|
|
1095
|
+
id?: string;
|
|
1096
|
+
"aria-label"?: string;
|
|
1097
|
+
"aria-labelledby"?: string;
|
|
1098
|
+
"aria-describedby"?: string;
|
|
1099
|
+
"aria-invalid"?: boolean | "true" | "false";
|
|
1100
|
+
} & react.RefAttributes<HTMLInputElement>>;
|
|
1101
|
+
|
|
1102
|
+
declare const ToggleManifest: Record<string, Component>;
|
|
1103
|
+
|
|
1104
|
+
type Orientation = "horizontal" | "vertical";
|
|
1105
|
+
type ToolbarProps = Omit<ComponentPropsWithoutRef<"div">, "orientation"> & {
|
|
1106
|
+
orientation?: Orientation;
|
|
1107
|
+
/** The toolbar's accessible name. `aria-label` works too; `ariaLabel` wins when both are given. */
|
|
1108
|
+
ariaLabel?: string;
|
|
1109
|
+
};
|
|
1110
|
+
declare const Toolbar: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "orientation"> & {
|
|
1111
|
+
orientation?: Orientation;
|
|
1112
|
+
/** The toolbar's accessible name. `aria-label` works too; `ariaLabel` wins when both are given. */
|
|
1113
|
+
ariaLabel?: string;
|
|
1114
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1115
|
+
type ToolbarSeparatorProps = Omit<ComponentPropsWithoutRef<"div">, "orientation"> & {
|
|
1116
|
+
/**
|
|
1117
|
+
* The axis of the toolbar this separator is in, so the rule runs across it. It follows its
|
|
1118
|
+
* Toolbar when omitted; pass it to say otherwise.
|
|
1119
|
+
*/
|
|
1120
|
+
orientation?: Orientation;
|
|
1121
|
+
};
|
|
1122
|
+
declare const ToolbarSeparator: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "orientation"> & {
|
|
1123
|
+
/**
|
|
1124
|
+
* The axis of the toolbar this separator is in, so the rule runs across it. It follows its
|
|
1125
|
+
* Toolbar when omitted; pass it to say otherwise.
|
|
1126
|
+
*/
|
|
1127
|
+
orientation?: Orientation;
|
|
1128
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1129
|
+
|
|
1130
|
+
declare const ToolbarManifest: Record<string, Component>;
|
|
1131
|
+
declare const ToolbarCompositionRules: {
|
|
1132
|
+
Toolbar: {
|
|
1133
|
+
allowed_children: string[];
|
|
1134
|
+
};
|
|
1135
|
+
};
|
|
1136
|
+
|
|
1137
|
+
type TooltipProps = Omit<ComponentPropsWithoutRef<"div">, "content"> & {
|
|
1138
|
+
/** Tooltip body — text or any node. */
|
|
1139
|
+
content: ReactNode;
|
|
1140
|
+
/** Trigger element. Wrapped in a React Aria Focusable. */
|
|
1141
|
+
children: ReactNode;
|
|
1142
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
1143
|
+
align?: "start" | "center" | "end";
|
|
1144
|
+
delayDuration?: number;
|
|
1145
|
+
open?: boolean;
|
|
1146
|
+
defaultOpen?: boolean;
|
|
1147
|
+
onOpenChange?: (open: boolean) => void;
|
|
1148
|
+
};
|
|
1149
|
+
declare const Tooltip: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "content"> & {
|
|
1150
|
+
/** Tooltip body — text or any node. */
|
|
1151
|
+
content: ReactNode;
|
|
1152
|
+
/** Trigger element. Wrapped in a React Aria Focusable. */
|
|
1153
|
+
children: ReactNode;
|
|
1154
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
1155
|
+
align?: "start" | "center" | "end";
|
|
1156
|
+
delayDuration?: number;
|
|
1157
|
+
open?: boolean;
|
|
1158
|
+
defaultOpen?: boolean;
|
|
1159
|
+
onOpenChange?: (open: boolean) => void;
|
|
1160
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1161
|
+
|
|
1162
|
+
declare const TooltipManifest: Record<string, Component>;
|
|
1163
|
+
|
|
1164
|
+
type ChartVariant = "line" | "area" | "bar" | "scatter" | "histogram" | "heatmap";
|
|
1165
|
+
interface ChartPoint {
|
|
1166
|
+
x: number;
|
|
1167
|
+
y: number | null;
|
|
1168
|
+
label?: string;
|
|
1169
|
+
}
|
|
1170
|
+
interface ChartSeries {
|
|
1171
|
+
id: string;
|
|
1172
|
+
label: string;
|
|
1173
|
+
data: readonly ChartPoint[];
|
|
1174
|
+
color?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
|
|
1175
|
+
}
|
|
1176
|
+
interface ChartRange {
|
|
1177
|
+
start: number;
|
|
1178
|
+
end: number;
|
|
1179
|
+
}
|
|
1180
|
+
type ChartProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
1181
|
+
label: string;
|
|
1182
|
+
series: readonly ChartSeries[];
|
|
1183
|
+
variant?: ChartVariant;
|
|
1184
|
+
fill?: "solid" | "hatched";
|
|
1185
|
+
description?: string;
|
|
1186
|
+
xLabel?: string;
|
|
1187
|
+
xUnit?: string;
|
|
1188
|
+
yLabel?: string;
|
|
1189
|
+
unit?: string;
|
|
1190
|
+
hiddenSeries?: readonly string[];
|
|
1191
|
+
onHiddenSeriesChange?: (ids: string[]) => void;
|
|
1192
|
+
disabled?: boolean;
|
|
1193
|
+
bins?: number;
|
|
1194
|
+
formatX?: (value: number) => string;
|
|
1195
|
+
threshold?: {
|
|
1196
|
+
value: number;
|
|
1197
|
+
label: string;
|
|
1198
|
+
};
|
|
1199
|
+
rangeSelection?: boolean;
|
|
1200
|
+
xDomain?: ChartRange;
|
|
1201
|
+
range?: ChartRange;
|
|
1202
|
+
onRangeChange?: (range: ChartRange) => void;
|
|
1203
|
+
/** Supplied x-axis position, independent of local sample inspection. */
|
|
1204
|
+
cursor?: number | null;
|
|
1205
|
+
cursorLabel?: string;
|
|
1206
|
+
};
|
|
1207
|
+
declare const Chart: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
1208
|
+
label: string;
|
|
1209
|
+
series: readonly ChartSeries[];
|
|
1210
|
+
variant?: ChartVariant;
|
|
1211
|
+
fill?: "solid" | "hatched";
|
|
1212
|
+
description?: string;
|
|
1213
|
+
xLabel?: string;
|
|
1214
|
+
xUnit?: string;
|
|
1215
|
+
yLabel?: string;
|
|
1216
|
+
unit?: string;
|
|
1217
|
+
hiddenSeries?: readonly string[];
|
|
1218
|
+
onHiddenSeriesChange?: (ids: string[]) => void;
|
|
1219
|
+
disabled?: boolean;
|
|
1220
|
+
bins?: number;
|
|
1221
|
+
formatX?: (value: number) => string;
|
|
1222
|
+
threshold?: {
|
|
1223
|
+
value: number;
|
|
1224
|
+
label: string;
|
|
1225
|
+
};
|
|
1226
|
+
rangeSelection?: boolean;
|
|
1227
|
+
xDomain?: ChartRange;
|
|
1228
|
+
range?: ChartRange;
|
|
1229
|
+
onRangeChange?: (range: ChartRange) => void;
|
|
1230
|
+
/** Supplied x-axis position, independent of local sample inspection. */
|
|
1231
|
+
cursor?: number | null;
|
|
1232
|
+
cursorLabel?: string;
|
|
1233
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1234
|
+
|
|
1235
|
+
declare const ChartManifest: Record<string, Component>;
|
|
1236
|
+
|
|
1237
|
+
/** A categorical color token, 1 to 8. */
|
|
1238
|
+
type CategoryColor = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
|
|
1239
|
+
|
|
1240
|
+
type SparklineProps = Omit<HTMLAttributes<HTMLDivElement>, "children" | "color"> & {
|
|
1241
|
+
label: string;
|
|
1242
|
+
data: readonly (number | null)[];
|
|
1243
|
+
unit?: string;
|
|
1244
|
+
/** Match the stable categorical identity of a Chart series with this ID. */
|
|
1245
|
+
seriesId?: string;
|
|
1246
|
+
/** The categorical token 1 to 8, as a Chart series' `color`; it wins over `seriesId`. */
|
|
1247
|
+
color?: CategoryColor;
|
|
1248
|
+
variant?: "line" | "area";
|
|
1249
|
+
};
|
|
1250
|
+
/** A compact trend; sample order is the x axis and missing values remain gaps. */
|
|
1251
|
+
declare const Sparkline: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children" | "color"> & {
|
|
1252
|
+
label: string;
|
|
1253
|
+
data: readonly (number | null)[];
|
|
1254
|
+
unit?: string;
|
|
1255
|
+
/** Match the stable categorical identity of a Chart series with this ID. */
|
|
1256
|
+
seriesId?: string;
|
|
1257
|
+
/** The categorical token 1 to 8, as a Chart series' `color`; it wins over `seriesId`. */
|
|
1258
|
+
color?: CategoryColor;
|
|
1259
|
+
variant?: "line" | "area";
|
|
1260
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1261
|
+
|
|
1262
|
+
declare const SparklineManifest: Record<string, Component>;
|
|
1263
|
+
|
|
1264
|
+
type DataGridSort = DataTableSortDescriptor;
|
|
1265
|
+
type DataGridColumnWidths = Record<string, number>;
|
|
1266
|
+
type DataGridVirtualization = DataTableVirtualization;
|
|
1267
|
+
type DataGridViewMode = "paginated" | "virtualized";
|
|
1268
|
+
type DataGridColumn = DataTableColumn & {
|
|
1269
|
+
render?: (value: unknown, row: DataTableRow) => ReactNode;
|
|
1270
|
+
compare?: (a: unknown, b: unknown) => number;
|
|
1271
|
+
minWidth?: number;
|
|
1272
|
+
maxWidth?: number;
|
|
1273
|
+
};
|
|
1274
|
+
type DataGridProps = Omit<HTMLAttributes<HTMLDivElement>, "children" | "onSelect"> & {
|
|
1275
|
+
columns: DataGridColumn[];
|
|
1276
|
+
data: DataTableRow[];
|
|
1277
|
+
getRowId: (row: DataTableRow) => string;
|
|
1278
|
+
caption?: string;
|
|
1279
|
+
selectedRowIds?: readonly string[];
|
|
1280
|
+
onSelectionChange?: (ids: string[]) => void;
|
|
1281
|
+
sort?: DataGridSort | null;
|
|
1282
|
+
onSortChange?: (sort: DataGridSort | null) => void;
|
|
1283
|
+
page?: number;
|
|
1284
|
+
onPageChange?: (page: number) => void;
|
|
1285
|
+
pageSize?: number;
|
|
1286
|
+
mode?: "client" | "server";
|
|
1287
|
+
rowCount?: number;
|
|
1288
|
+
visibleColumnKeys?: readonly string[];
|
|
1289
|
+
onVisibleColumnsChange?: (keys: string[]) => void;
|
|
1290
|
+
columnWidths?: DataGridColumnWidths;
|
|
1291
|
+
onColumnWidthsChange?: (widths: DataGridColumnWidths) => void;
|
|
1292
|
+
pinnedColumnKeys?: readonly string[];
|
|
1293
|
+
onPinnedColumnsChange?: (keys: string[]) => void;
|
|
1294
|
+
virtualization?: DataGridVirtualization;
|
|
1295
|
+
viewMode?: DataGridViewMode;
|
|
1296
|
+
onViewModeChange?: (mode: DataGridViewMode) => void;
|
|
1297
|
+
loading?: boolean;
|
|
1298
|
+
disabled?: boolean;
|
|
1299
|
+
dense?: boolean;
|
|
1300
|
+
emptyMessage?: string;
|
|
1301
|
+
onRowClick?: (row: DataTableRow, index: number) => void;
|
|
1302
|
+
};
|
|
1303
|
+
declare const DataGrid: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children" | "onSelect"> & {
|
|
1304
|
+
columns: DataGridColumn[];
|
|
1305
|
+
data: DataTableRow[];
|
|
1306
|
+
getRowId: (row: DataTableRow) => string;
|
|
1307
|
+
caption?: string;
|
|
1308
|
+
selectedRowIds?: readonly string[];
|
|
1309
|
+
onSelectionChange?: (ids: string[]) => void;
|
|
1310
|
+
sort?: DataGridSort | null;
|
|
1311
|
+
onSortChange?: (sort: DataGridSort | null) => void;
|
|
1312
|
+
page?: number;
|
|
1313
|
+
onPageChange?: (page: number) => void;
|
|
1314
|
+
pageSize?: number;
|
|
1315
|
+
mode?: "client" | "server";
|
|
1316
|
+
rowCount?: number;
|
|
1317
|
+
visibleColumnKeys?: readonly string[];
|
|
1318
|
+
onVisibleColumnsChange?: (keys: string[]) => void;
|
|
1319
|
+
columnWidths?: DataGridColumnWidths;
|
|
1320
|
+
onColumnWidthsChange?: (widths: DataGridColumnWidths) => void;
|
|
1321
|
+
pinnedColumnKeys?: readonly string[];
|
|
1322
|
+
onPinnedColumnsChange?: (keys: string[]) => void;
|
|
1323
|
+
virtualization?: DataGridVirtualization;
|
|
1324
|
+
viewMode?: DataGridViewMode;
|
|
1325
|
+
onViewModeChange?: (mode: DataGridViewMode) => void;
|
|
1326
|
+
loading?: boolean;
|
|
1327
|
+
disabled?: boolean;
|
|
1328
|
+
dense?: boolean;
|
|
1329
|
+
emptyMessage?: string;
|
|
1330
|
+
onRowClick?: (row: DataTableRow, index: number) => void;
|
|
1331
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1332
|
+
|
|
1333
|
+
declare const DataGridManifest: Record<string, Component>;
|
|
1334
|
+
|
|
1335
|
+
declare const inputStyles: (props?: ({
|
|
1336
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
1337
|
+
invalid?: boolean | null | undefined;
|
|
1338
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1339
|
+
type ComboBoxOption = {
|
|
1340
|
+
value: string;
|
|
1341
|
+
label: string;
|
|
1342
|
+
disabled?: boolean;
|
|
1343
|
+
};
|
|
1344
|
+
type ComboBoxProps = VariantProps<typeof inputStyles> & {
|
|
1345
|
+
motion?: MotionMode;
|
|
1346
|
+
options: ComboBoxOption[];
|
|
1347
|
+
value?: string | null;
|
|
1348
|
+
defaultValue?: string | null;
|
|
1349
|
+
onValueChange?: (value: string | null) => void;
|
|
1350
|
+
inputValue?: string;
|
|
1351
|
+
onInputChange?: (value: string) => void;
|
|
1352
|
+
label?: string;
|
|
1353
|
+
"aria-label"?: string;
|
|
1354
|
+
"aria-describedby"?: string;
|
|
1355
|
+
placeholder?: string;
|
|
1356
|
+
disabled?: boolean;
|
|
1357
|
+
required?: boolean;
|
|
1358
|
+
loading?: boolean;
|
|
1359
|
+
filter?: boolean;
|
|
1360
|
+
emptyMessage?: string;
|
|
1361
|
+
name?: string;
|
|
1362
|
+
id?: string;
|
|
1363
|
+
className?: string;
|
|
1364
|
+
};
|
|
1365
|
+
declare const ComboBox: react.ForwardRefExoticComponent<VariantProps<(props?: ({
|
|
1366
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
1367
|
+
invalid?: boolean | null | undefined;
|
|
1368
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
1369
|
+
motion?: MotionMode;
|
|
1370
|
+
options: ComboBoxOption[];
|
|
1371
|
+
value?: string | null;
|
|
1372
|
+
defaultValue?: string | null;
|
|
1373
|
+
onValueChange?: (value: string | null) => void;
|
|
1374
|
+
inputValue?: string;
|
|
1375
|
+
onInputChange?: (value: string) => void;
|
|
1376
|
+
label?: string;
|
|
1377
|
+
"aria-label"?: string;
|
|
1378
|
+
"aria-describedby"?: string;
|
|
1379
|
+
placeholder?: string;
|
|
1380
|
+
disabled?: boolean;
|
|
1381
|
+
required?: boolean;
|
|
1382
|
+
loading?: boolean;
|
|
1383
|
+
filter?: boolean;
|
|
1384
|
+
emptyMessage?: string;
|
|
1385
|
+
name?: string;
|
|
1386
|
+
id?: string;
|
|
1387
|
+
className?: string;
|
|
1388
|
+
} & react.RefAttributes<HTMLInputElement>>;
|
|
1389
|
+
|
|
1390
|
+
declare const ComboBoxManifest: Record<string, Component>;
|
|
1391
|
+
|
|
1392
|
+
type SplitPaneProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
1393
|
+
primary: ReactNode;
|
|
1394
|
+
secondary: ReactNode;
|
|
1395
|
+
size?: number;
|
|
1396
|
+
defaultSize?: number;
|
|
1397
|
+
onSizeChange?: (percent: number) => void;
|
|
1398
|
+
minSize?: number;
|
|
1399
|
+
maxSize?: number;
|
|
1400
|
+
step?: number;
|
|
1401
|
+
orientation?: "horizontal" | "vertical";
|
|
1402
|
+
disabled?: boolean;
|
|
1403
|
+
label?: string;
|
|
1404
|
+
stackBelow?: number;
|
|
1405
|
+
/** The primary panel's name while its content scrolls, when it is a focusable region. */
|
|
1406
|
+
primaryLabel?: string;
|
|
1407
|
+
/** The secondary panel's name while its content scrolls, when it is a focusable region. */
|
|
1408
|
+
secondaryLabel?: string;
|
|
1409
|
+
};
|
|
1410
|
+
/** A percentage of the available pane space, excluding the resize handle. */
|
|
1411
|
+
declare const SplitPane: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
1412
|
+
primary: ReactNode;
|
|
1413
|
+
secondary: ReactNode;
|
|
1414
|
+
size?: number;
|
|
1415
|
+
defaultSize?: number;
|
|
1416
|
+
onSizeChange?: (percent: number) => void;
|
|
1417
|
+
minSize?: number;
|
|
1418
|
+
maxSize?: number;
|
|
1419
|
+
step?: number;
|
|
1420
|
+
orientation?: "horizontal" | "vertical";
|
|
1421
|
+
disabled?: boolean;
|
|
1422
|
+
label?: string;
|
|
1423
|
+
stackBelow?: number;
|
|
1424
|
+
/** The primary panel's name while its content scrolls, when it is a focusable region. */
|
|
1425
|
+
primaryLabel?: string;
|
|
1426
|
+
/** The secondary panel's name while its content scrolls, when it is a focusable region. */
|
|
1427
|
+
secondaryLabel?: string;
|
|
1428
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1429
|
+
|
|
1430
|
+
declare const SplitPaneManifest: Record<string, Component>;
|
|
1431
|
+
|
|
1432
|
+
interface TimeRangeValue {
|
|
1433
|
+
start: number;
|
|
1434
|
+
end: number;
|
|
1435
|
+
}
|
|
1436
|
+
interface TimeRangePreset {
|
|
1437
|
+
id: string;
|
|
1438
|
+
label: string;
|
|
1439
|
+
value: TimeRangeValue;
|
|
1440
|
+
}
|
|
1441
|
+
type TimeRangeProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
|
|
1442
|
+
value: TimeRangeValue;
|
|
1443
|
+
onValueChange: (value: TimeRangeValue) => void;
|
|
1444
|
+
/**
|
|
1445
|
+
* Reports whether the range in the fields can be used as it stands, and whether it is an edit
|
|
1446
|
+
* the application has not applied yet: `(valid, { pending })`, on mount and whenever either
|
|
1447
|
+
* changes, as DateRangePicker and DateTimePicker do. `valid` is false while the fields hold an
|
|
1448
|
+
* error or an unapplied edit.
|
|
1449
|
+
*/
|
|
1450
|
+
onDraftValidityChange?: (valid: boolean, details: {
|
|
1451
|
+
pending: boolean;
|
|
1452
|
+
}) => void;
|
|
1453
|
+
presets?: readonly TimeRangePreset[];
|
|
1454
|
+
min?: number;
|
|
1455
|
+
max?: number;
|
|
1456
|
+
disabled?: boolean;
|
|
1457
|
+
label?: string;
|
|
1458
|
+
};
|
|
1459
|
+
declare const TimeRange: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
|
|
1460
|
+
value: TimeRangeValue;
|
|
1461
|
+
onValueChange: (value: TimeRangeValue) => void;
|
|
1462
|
+
/**
|
|
1463
|
+
* Reports whether the range in the fields can be used as it stands, and whether it is an edit
|
|
1464
|
+
* the application has not applied yet: `(valid, { pending })`, on mount and whenever either
|
|
1465
|
+
* changes, as DateRangePicker and DateTimePicker do. `valid` is false while the fields hold an
|
|
1466
|
+
* error or an unapplied edit.
|
|
1467
|
+
*/
|
|
1468
|
+
onDraftValidityChange?: (valid: boolean, details: {
|
|
1469
|
+
pending: boolean;
|
|
1470
|
+
}) => void;
|
|
1471
|
+
presets?: readonly TimeRangePreset[];
|
|
1472
|
+
min?: number;
|
|
1473
|
+
max?: number;
|
|
1474
|
+
disabled?: boolean;
|
|
1475
|
+
label?: string;
|
|
1476
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1477
|
+
|
|
1478
|
+
declare const TimeRangeManifest: Record<string, Component>;
|
|
1479
|
+
|
|
1480
|
+
interface TimelineEvent {
|
|
1481
|
+
id: string;
|
|
1482
|
+
label: string;
|
|
1483
|
+
start: number;
|
|
1484
|
+
end?: number;
|
|
1485
|
+
lane?: string;
|
|
1486
|
+
description?: string;
|
|
1487
|
+
severity?: "neutral" | "info" | "success" | "warning" | "error";
|
|
1488
|
+
}
|
|
1489
|
+
type EventTimelineProps = HTMLAttributes<HTMLDivElement> & {
|
|
1490
|
+
events: readonly TimelineEvent[];
|
|
1491
|
+
start: number;
|
|
1492
|
+
end: number;
|
|
1493
|
+
selectedId?: string | null;
|
|
1494
|
+
onSelectionChange?: (id: string) => void;
|
|
1495
|
+
disabled?: boolean;
|
|
1496
|
+
label?: string;
|
|
1497
|
+
emptyMessage?: string;
|
|
1498
|
+
};
|
|
1499
|
+
declare const EventTimeline: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
1500
|
+
events: readonly TimelineEvent[];
|
|
1501
|
+
start: number;
|
|
1502
|
+
end: number;
|
|
1503
|
+
selectedId?: string | null;
|
|
1504
|
+
onSelectionChange?: (id: string) => void;
|
|
1505
|
+
disabled?: boolean;
|
|
1506
|
+
label?: string;
|
|
1507
|
+
emptyMessage?: string;
|
|
1508
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1509
|
+
|
|
1510
|
+
declare const EventTimelineManifest: Record<string, Component>;
|
|
1511
|
+
|
|
1512
|
+
type WorkspaceMode = "live" | "paused" | "replay" | "training";
|
|
1513
|
+
type WorkspaceConnection = "connected" | "connecting" | "reconnecting" | "offline" | "unknown";
|
|
1514
|
+
type AppShellProps = Omit<HTMLAttributes<HTMLDivElement>, "title"> & {
|
|
1515
|
+
title?: string;
|
|
1516
|
+
identity: string;
|
|
1517
|
+
mode?: WorkspaceMode;
|
|
1518
|
+
connection?: WorkspaceConnection;
|
|
1519
|
+
time?: number | null;
|
|
1520
|
+
markings?: ReactNode;
|
|
1521
|
+
navigation?: ReactNode;
|
|
1522
|
+
toolbar?: ReactNode;
|
|
1523
|
+
footer?: ReactNode;
|
|
1524
|
+
};
|
|
1525
|
+
/** In-page workspace; the host owns document landmarks and policy markings. */
|
|
1526
|
+
declare const AppShell: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title"> & {
|
|
1527
|
+
title?: string;
|
|
1528
|
+
identity: string;
|
|
1529
|
+
mode?: WorkspaceMode;
|
|
1530
|
+
connection?: WorkspaceConnection;
|
|
1531
|
+
time?: number | null;
|
|
1532
|
+
markings?: ReactNode;
|
|
1533
|
+
navigation?: ReactNode;
|
|
1534
|
+
toolbar?: ReactNode;
|
|
1535
|
+
footer?: ReactNode;
|
|
1536
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1537
|
+
|
|
1538
|
+
declare const AppShellManifest: Record<string, Component>;
|
|
1539
|
+
|
|
1540
|
+
type InspectorProps = Omit<HTMLAttributes<HTMLElement>, "title"> & {
|
|
1541
|
+
open?: boolean;
|
|
1542
|
+
title: string;
|
|
1543
|
+
description?: string;
|
|
1544
|
+
onClose?: () => void;
|
|
1545
|
+
};
|
|
1546
|
+
/** Modeless details. Does not move or trap focus; the caller owns return focus. */
|
|
1547
|
+
declare const Inspector: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLElement>, "title"> & {
|
|
1548
|
+
open?: boolean;
|
|
1549
|
+
title: string;
|
|
1550
|
+
description?: string;
|
|
1551
|
+
onClose?: () => void;
|
|
1552
|
+
} & react.RefAttributes<HTMLElement>>;
|
|
1553
|
+
|
|
1554
|
+
declare const InspectorManifest: Record<string, Component>;
|
|
1555
|
+
|
|
1556
|
+
interface TreeViewItem {
|
|
1557
|
+
id: string;
|
|
1558
|
+
label: string;
|
|
1559
|
+
children?: readonly TreeViewItem[];
|
|
1560
|
+
disabled?: boolean;
|
|
1561
|
+
}
|
|
1562
|
+
/** The attributes React Aria's tree renders on the treegrid. */
|
|
1563
|
+
type TreeViewAttributes = Pick<HTMLAttributes<HTMLDivElement>, "id" | "style" | "aria-labelledby" | "aria-describedby" | "aria-details">;
|
|
1564
|
+
interface TreeViewProps extends TreeViewAttributes {
|
|
1565
|
+
items: readonly TreeViewItem[];
|
|
1566
|
+
label?: string;
|
|
1567
|
+
selectedId?: string | null;
|
|
1568
|
+
onSelectionChange?: (id: string | null) => void;
|
|
1569
|
+
expandedIds?: readonly string[];
|
|
1570
|
+
defaultExpandedIds?: readonly string[];
|
|
1571
|
+
onExpandedChange?: (ids: string[]) => void;
|
|
1572
|
+
disabled?: boolean;
|
|
1573
|
+
emptyMessage?: string;
|
|
1574
|
+
className?: string;
|
|
1575
|
+
}
|
|
1576
|
+
declare const TreeView: react.ForwardRefExoticComponent<TreeViewProps & react.RefAttributes<HTMLDivElement>>;
|
|
1577
|
+
|
|
1578
|
+
declare const TreeViewManifest: Record<string, Component>;
|
|
1579
|
+
|
|
1580
|
+
type OperationalState = "current" | "stale" | "partial" | "unavailable" | "unknown";
|
|
1581
|
+
type OperationalStatusProps = HTMLAttributes<HTMLDivElement> & {
|
|
1582
|
+
state?: OperationalState;
|
|
1583
|
+
source?: string;
|
|
1584
|
+
updatedAt?: number | null;
|
|
1585
|
+
detail?: string;
|
|
1586
|
+
};
|
|
1587
|
+
/** Freshness is an application assertion; no wall-clock or transport inference. */
|
|
1588
|
+
declare const OperationalStatus: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
1589
|
+
state?: OperationalState;
|
|
1590
|
+
source?: string;
|
|
1591
|
+
updatedAt?: number | null;
|
|
1592
|
+
detail?: string;
|
|
1593
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1594
|
+
|
|
1595
|
+
declare const OperationalStatusManifest: Record<string, Component>;
|
|
1596
|
+
|
|
1597
|
+
type ActionState = "submitted" | "accepted" | "rejected" | "in-progress" | "complete" | "partial" | "failed" | "timeout" | "queued" | "running" | "cancel-requested" | "canceled";
|
|
1598
|
+
type ActionStatusProps = HTMLAttributes<HTMLDivElement> & {
|
|
1599
|
+
state: ActionState;
|
|
1600
|
+
label: string;
|
|
1601
|
+
message?: string;
|
|
1602
|
+
requestId?: string;
|
|
1603
|
+
onRetry?: (() => void) | undefined;
|
|
1604
|
+
onCancel?: (() => void) | undefined;
|
|
1605
|
+
retryLabel?: string;
|
|
1606
|
+
cancelLabel?: string;
|
|
1607
|
+
disabled?: boolean;
|
|
1608
|
+
};
|
|
1609
|
+
/** Stateless authoritative result: clicking recovery never changes supplied state. */
|
|
1610
|
+
declare const ActionStatus: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
1611
|
+
state: ActionState;
|
|
1612
|
+
label: string;
|
|
1613
|
+
message?: string;
|
|
1614
|
+
requestId?: string;
|
|
1615
|
+
onRetry?: (() => void) | undefined;
|
|
1616
|
+
onCancel?: (() => void) | undefined;
|
|
1617
|
+
retryLabel?: string;
|
|
1618
|
+
cancelLabel?: string;
|
|
1619
|
+
disabled?: boolean;
|
|
1620
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1621
|
+
|
|
1622
|
+
declare const ActionStatusManifest: Record<string, Component>;
|
|
1623
|
+
|
|
1624
|
+
type MultiSelectOption = {
|
|
1625
|
+
value: string;
|
|
1626
|
+
label: string;
|
|
1627
|
+
disabled?: boolean;
|
|
1628
|
+
};
|
|
1629
|
+
type MultiSelectProps = Omit<FieldsetHTMLAttributes<HTMLFieldSetElement>, "onChange" | "children" | "value" | "defaultValue"> & {
|
|
1630
|
+
label: string;
|
|
1631
|
+
options: readonly MultiSelectOption[];
|
|
1632
|
+
value?: readonly string[];
|
|
1633
|
+
defaultValue?: readonly string[];
|
|
1634
|
+
onValueChange?: (value: string[]) => void;
|
|
1635
|
+
name?: string;
|
|
1636
|
+
description?: string;
|
|
1637
|
+
error?: string;
|
|
1638
|
+
};
|
|
1639
|
+
/** An always-visible native checkbox group. Values omitted from options survive updates. */
|
|
1640
|
+
declare const MultiSelect: react.ForwardRefExoticComponent<Omit<FieldsetHTMLAttributes<HTMLFieldSetElement>, "children" | "value" | "defaultValue" | "onChange"> & {
|
|
1641
|
+
label: string;
|
|
1642
|
+
options: readonly MultiSelectOption[];
|
|
1643
|
+
value?: readonly string[];
|
|
1644
|
+
defaultValue?: readonly string[];
|
|
1645
|
+
onValueChange?: (value: string[]) => void;
|
|
1646
|
+
name?: string;
|
|
1647
|
+
description?: string;
|
|
1648
|
+
error?: string;
|
|
1649
|
+
} & react.RefAttributes<HTMLFieldSetElement>>;
|
|
1650
|
+
|
|
1651
|
+
declare const MultiSelectManifest: Record<string, Component>;
|
|
1652
|
+
|
|
1653
|
+
type NumberInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "defaultValue" | "onChange" | "min" | "max" | "step" | "size"> & {
|
|
1654
|
+
label: string;
|
|
1655
|
+
unit: string;
|
|
1656
|
+
value?: number | null;
|
|
1657
|
+
defaultValue?: number | null;
|
|
1658
|
+
onValueChange?: (value: number | null) => void;
|
|
1659
|
+
onValidationChange?: (error: string | null) => void;
|
|
1660
|
+
min?: number;
|
|
1661
|
+
max?: number;
|
|
1662
|
+
step?: number | "any";
|
|
1663
|
+
size?: "sm" | "md" | "lg";
|
|
1664
|
+
description?: string;
|
|
1665
|
+
error?: string;
|
|
1666
|
+
};
|
|
1667
|
+
declare const NumberInput: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "type" | "defaultValue" | "onChange" | "step" | "max" | "min" | "size"> & {
|
|
1668
|
+
label: string;
|
|
1669
|
+
unit: string;
|
|
1670
|
+
value?: number | null;
|
|
1671
|
+
defaultValue?: number | null;
|
|
1672
|
+
onValueChange?: (value: number | null) => void;
|
|
1673
|
+
onValidationChange?: (error: string | null) => void;
|
|
1674
|
+
min?: number;
|
|
1675
|
+
max?: number;
|
|
1676
|
+
step?: number | "any";
|
|
1677
|
+
size?: "sm" | "md" | "lg";
|
|
1678
|
+
description?: string;
|
|
1679
|
+
error?: string;
|
|
1680
|
+
} & react.RefAttributes<HTMLInputElement>>;
|
|
1681
|
+
|
|
1682
|
+
declare const NumberInputManifest: Record<string, Component>;
|
|
1683
|
+
|
|
1684
|
+
type CoordinateValue = {
|
|
1685
|
+
latitude: number | null;
|
|
1686
|
+
longitude: number | null;
|
|
1687
|
+
};
|
|
1688
|
+
type CoordinateInputProps = Omit<FieldsetHTMLAttributes<HTMLFieldSetElement>, "onChange" | "children" | "value" | "defaultValue"> & {
|
|
1689
|
+
label?: string;
|
|
1690
|
+
value?: CoordinateValue;
|
|
1691
|
+
defaultValue?: CoordinateValue;
|
|
1692
|
+
onValueChange?: (value: CoordinateValue) => void;
|
|
1693
|
+
onValidationChange?: (invalid: boolean) => void;
|
|
1694
|
+
description?: string;
|
|
1695
|
+
error?: string;
|
|
1696
|
+
latitudeName?: string;
|
|
1697
|
+
longitudeName?: string;
|
|
1698
|
+
};
|
|
1699
|
+
declare const CoordinateInput: react.ForwardRefExoticComponent<Omit<FieldsetHTMLAttributes<HTMLFieldSetElement>, "children" | "value" | "defaultValue" | "onChange"> & {
|
|
1700
|
+
label?: string;
|
|
1701
|
+
value?: CoordinateValue;
|
|
1702
|
+
defaultValue?: CoordinateValue;
|
|
1703
|
+
onValueChange?: (value: CoordinateValue) => void;
|
|
1704
|
+
onValidationChange?: (invalid: boolean) => void;
|
|
1705
|
+
description?: string;
|
|
1706
|
+
error?: string;
|
|
1707
|
+
latitudeName?: string;
|
|
1708
|
+
longitudeName?: string;
|
|
1709
|
+
} & react.RefAttributes<HTMLFieldSetElement>>;
|
|
1710
|
+
|
|
1711
|
+
declare const CoordinateInputManifest: Record<string, Component>;
|
|
1712
|
+
|
|
1713
|
+
type LinkProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "href"> & {
|
|
1714
|
+
/**
|
|
1715
|
+
* Native navigation destination. Use Button for actions. Only http, https, mailto, tel, relative
|
|
1716
|
+
* and hash destinations are rendered; any other scheme renders as plain text, not a link.
|
|
1717
|
+
*/
|
|
1718
|
+
href: string;
|
|
1719
|
+
};
|
|
1720
|
+
/** A native anchor: the browser owns navigation, modifiers, and context menus. */
|
|
1721
|
+
declare const Link: react.ForwardRefExoticComponent<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "href"> & {
|
|
1722
|
+
/**
|
|
1723
|
+
* Native navigation destination. Use Button for actions. Only http, https, mailto, tel, relative
|
|
1724
|
+
* and hash destinations are rendered; any other scheme renders as plain text, not a link.
|
|
1725
|
+
*/
|
|
1726
|
+
href: string;
|
|
1727
|
+
} & react.RefAttributes<HTMLAnchorElement>>;
|
|
1728
|
+
|
|
1729
|
+
declare const LinkManifest: Record<string, Component>;
|
|
1730
|
+
|
|
1731
|
+
type DescriptionListItem = {
|
|
1732
|
+
id: string;
|
|
1733
|
+
label: ReactNode;
|
|
1734
|
+
value: ReactNode;
|
|
1735
|
+
mono?: boolean;
|
|
1736
|
+
};
|
|
1737
|
+
type DescriptionListProps = Omit<HTMLAttributes<HTMLDListElement>, "children"> & {
|
|
1738
|
+
items: readonly DescriptionListItem[];
|
|
1739
|
+
layout?: "stacked" | "aligned" | "details";
|
|
1740
|
+
};
|
|
1741
|
+
declare const DescriptionList: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDListElement>, "children"> & {
|
|
1742
|
+
items: readonly DescriptionListItem[];
|
|
1743
|
+
layout?: "stacked" | "aligned" | "details";
|
|
1744
|
+
} & react.RefAttributes<HTMLDListElement>>;
|
|
1745
|
+
|
|
1746
|
+
declare const DescriptionListManifest: Record<string, Component>;
|
|
1747
|
+
|
|
1748
|
+
type CopyResult = {
|
|
1749
|
+
value: string;
|
|
1750
|
+
};
|
|
1751
|
+
type CopyError = {
|
|
1752
|
+
value: string;
|
|
1753
|
+
error: unknown;
|
|
1754
|
+
};
|
|
1755
|
+
type CopyButtonProps = {
|
|
1756
|
+
/** Exact string passed to clipboard.writeText, including whitespace. */
|
|
1757
|
+
value: string;
|
|
1758
|
+
/** Accessible action name identifying the supplied value. */
|
|
1759
|
+
label: string;
|
|
1760
|
+
onCopy?: (result: CopyResult) => void;
|
|
1761
|
+
onCopyError?: (result: CopyError) => void;
|
|
1762
|
+
disabled?: boolean;
|
|
1763
|
+
size?: ButtonProps["size"];
|
|
1764
|
+
/** Classes applied to the native action button. */
|
|
1765
|
+
className?: string;
|
|
1766
|
+
};
|
|
1767
|
+
/** Copies only on activation; clipboard outcomes remain tied to the requested context. */
|
|
1768
|
+
declare const CopyButton: react.ForwardRefExoticComponent<CopyButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1769
|
+
|
|
1770
|
+
declare const CopyButtonManifest: Record<string, Component>;
|
|
1771
|
+
|
|
1772
|
+
type PopoverName = {
|
|
1773
|
+
title: string;
|
|
1774
|
+
"aria-label"?: string;
|
|
1775
|
+
} | {
|
|
1776
|
+
title?: string;
|
|
1777
|
+
"aria-label": string;
|
|
1778
|
+
};
|
|
1779
|
+
type PopoverProps = Omit<ComponentPropsWithoutRef<"div">, "children" | "content" | "title" | "aria-label"> & PopoverName & {
|
|
1780
|
+
children: ReactElement;
|
|
1781
|
+
content: ReactNode;
|
|
1782
|
+
open?: boolean;
|
|
1783
|
+
defaultOpen?: boolean;
|
|
1784
|
+
onOpenChange?: (open: boolean) => void;
|
|
1785
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
1786
|
+
align?: "start" | "center" | "end";
|
|
1787
|
+
disabled?: boolean;
|
|
1788
|
+
motion?: MotionMode;
|
|
1789
|
+
/**
|
|
1790
|
+
* Short summary: previewed in a tooltip on hover or keyboard focus of the trigger (suppressed
|
|
1791
|
+
* while the details are open), and shown as a line under the title of the open surface, which
|
|
1792
|
+
* it describes. A disabled trigger stays focusable, so focus or a tap shows it.
|
|
1793
|
+
*/
|
|
1794
|
+
description?: string;
|
|
1795
|
+
returnFocusRef?: RefObject<HTMLElement | null>;
|
|
1796
|
+
/** Cancelable native Event; fires only after an accepted close or open unmount. */
|
|
1797
|
+
onCloseAutoFocus?: (event: Event) => void;
|
|
1798
|
+
};
|
|
1799
|
+
declare const Popover: react.ForwardRefExoticComponent<PopoverProps & react.RefAttributes<HTMLDivElement>>;
|
|
1800
|
+
|
|
1801
|
+
declare const PopoverManifest: Record<string, Component>;
|
|
1802
|
+
|
|
1803
|
+
type EntityPreviewRecord = {
|
|
1804
|
+
id: string;
|
|
1805
|
+
name: string;
|
|
1806
|
+
typeLabel?: string;
|
|
1807
|
+
summary?: string;
|
|
1808
|
+
facts: readonly DescriptionListItem[];
|
|
1809
|
+
condition?: {
|
|
1810
|
+
label: string;
|
|
1811
|
+
variant: BadgeProps["variant"];
|
|
1812
|
+
};
|
|
1813
|
+
quality: Pick<OperationalStatusProps, "state" | "source" | "updatedAt" | "detail">;
|
|
1814
|
+
};
|
|
1815
|
+
type EntityPreviewProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
1816
|
+
entity: EntityPreviewRecord;
|
|
1817
|
+
media?: ReactNode;
|
|
1818
|
+
actions?: ReactNode;
|
|
1819
|
+
headingLevel?: 2 | 3 | 4 | 5 | 6;
|
|
1820
|
+
};
|
|
1821
|
+
/** Supplied record content; its hosting surface owns selection and focus. */
|
|
1822
|
+
declare const EntityPreview: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
1823
|
+
entity: EntityPreviewRecord;
|
|
1824
|
+
media?: ReactNode;
|
|
1825
|
+
actions?: ReactNode;
|
|
1826
|
+
headingLevel?: 2 | 3 | 4 | 5 | 6;
|
|
1827
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1828
|
+
|
|
1829
|
+
declare const EntityPreviewManifest: Record<string, Component>;
|
|
1830
|
+
|
|
1831
|
+
type FormSectionProps = FieldsetHTMLAttributes<HTMLFieldSetElement> & {
|
|
1832
|
+
legend: string;
|
|
1833
|
+
description?: ReactNode;
|
|
1834
|
+
children: ReactNode;
|
|
1835
|
+
};
|
|
1836
|
+
/** A native group. Field values and validation remain with the caller. */
|
|
1837
|
+
declare const FormSection: react.ForwardRefExoticComponent<FieldsetHTMLAttributes<HTMLFieldSetElement> & {
|
|
1838
|
+
legend: string;
|
|
1839
|
+
description?: ReactNode;
|
|
1840
|
+
children: ReactNode;
|
|
1841
|
+
} & react.RefAttributes<HTMLFieldSetElement>>;
|
|
1842
|
+
|
|
1843
|
+
declare const FormSectionManifest: Record<string, Component>;
|
|
1844
|
+
|
|
1845
|
+
interface FormErrorSummaryError {
|
|
1846
|
+
id: string;
|
|
1847
|
+
message: string;
|
|
1848
|
+
targetId: string;
|
|
1849
|
+
}
|
|
1850
|
+
type FormErrorSummaryProps = Omit<HTMLAttributes<HTMLElement>, "title" | "children"> & {
|
|
1851
|
+
errors: readonly FormErrorSummaryError[];
|
|
1852
|
+
title?: string;
|
|
1853
|
+
onErrorSelect?: (error: FormErrorSummaryError) => void;
|
|
1854
|
+
};
|
|
1855
|
+
/** Callers choose when to focus the summary and how to reveal hidden fields. */
|
|
1856
|
+
declare const FormErrorSummary: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLElement>, "title" | "children"> & {
|
|
1857
|
+
errors: readonly FormErrorSummaryError[];
|
|
1858
|
+
title?: string;
|
|
1859
|
+
onErrorSelect?: (error: FormErrorSummaryError) => void;
|
|
1860
|
+
} & react.RefAttributes<HTMLElement>>;
|
|
1861
|
+
|
|
1862
|
+
declare const FormErrorSummaryManifest: Record<string, Component>;
|
|
1863
|
+
|
|
1864
|
+
type CalendarProps = {
|
|
1865
|
+
label: string;
|
|
1866
|
+
value: string | null;
|
|
1867
|
+
onValueChange: (value: string | null) => void;
|
|
1868
|
+
min?: string;
|
|
1869
|
+
max?: string;
|
|
1870
|
+
disabled?: boolean;
|
|
1871
|
+
readOnly?: boolean;
|
|
1872
|
+
required?: boolean;
|
|
1873
|
+
id?: string;
|
|
1874
|
+
className?: string;
|
|
1875
|
+
};
|
|
1876
|
+
declare const Calendar: react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>;
|
|
1877
|
+
|
|
1878
|
+
declare const CalendarManifest: Record<string, Component>;
|
|
1879
|
+
|
|
1880
|
+
type DatePickerProps = CalendarProps & {
|
|
1881
|
+
onDraftValidityChange?: (valid: boolean, details: {
|
|
1882
|
+
pending: boolean;
|
|
1883
|
+
}) => void;
|
|
1884
|
+
motion?: MotionMode;
|
|
1885
|
+
};
|
|
1886
|
+
declare const DatePicker: react.ForwardRefExoticComponent<CalendarProps & {
|
|
1887
|
+
onDraftValidityChange?: (valid: boolean, details: {
|
|
1888
|
+
pending: boolean;
|
|
1889
|
+
}) => void;
|
|
1890
|
+
motion?: MotionMode;
|
|
1891
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1892
|
+
|
|
1893
|
+
declare const DatePickerManifest: Record<string, Component>;
|
|
1894
|
+
|
|
1895
|
+
type InlineEditProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
1896
|
+
label: string;
|
|
1897
|
+
value: string;
|
|
1898
|
+
onSave: (value: string) => void | Promise<void>;
|
|
1899
|
+
disabled?: boolean;
|
|
1900
|
+
readOnly?: boolean;
|
|
1901
|
+
validate?: (value: string) => string | undefined;
|
|
1902
|
+
};
|
|
1903
|
+
declare const InlineEdit: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
1904
|
+
label: string;
|
|
1905
|
+
value: string;
|
|
1906
|
+
onSave: (value: string) => void | Promise<void>;
|
|
1907
|
+
disabled?: boolean;
|
|
1908
|
+
readOnly?: boolean;
|
|
1909
|
+
validate?: (value: string) => string | undefined;
|
|
1910
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1911
|
+
|
|
1912
|
+
declare const InlineEditManifest: Record<string, Component>;
|
|
1913
|
+
|
|
1914
|
+
interface ContextMenuItem {
|
|
1915
|
+
id: string;
|
|
1916
|
+
label: string;
|
|
1917
|
+
shortcut?: string;
|
|
1918
|
+
disabled?: boolean;
|
|
1919
|
+
danger?: boolean;
|
|
1920
|
+
}
|
|
1921
|
+
type ContextMenuProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
1922
|
+
label: string;
|
|
1923
|
+
items: readonly ContextMenuItem[];
|
|
1924
|
+
onAction: (id: string) => void;
|
|
1925
|
+
disabled?: boolean;
|
|
1926
|
+
/** Shown as a non-interactive row when `items` is empty. */
|
|
1927
|
+
emptyMessage?: string;
|
|
1928
|
+
children: ReactNode;
|
|
1929
|
+
};
|
|
1930
|
+
declare const ContextMenu: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
1931
|
+
label: string;
|
|
1932
|
+
items: readonly ContextMenuItem[];
|
|
1933
|
+
onAction: (id: string) => void;
|
|
1934
|
+
disabled?: boolean;
|
|
1935
|
+
/** Shown as a non-interactive row when `items` is empty. */
|
|
1936
|
+
emptyMessage?: string;
|
|
1937
|
+
children: ReactNode;
|
|
1938
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1939
|
+
|
|
1940
|
+
declare const ContextMenuManifest: Record<string, Component>;
|
|
1941
|
+
|
|
1942
|
+
type TimeFieldProps = CalendarProps & {
|
|
1943
|
+
onDraftValidityChange?: (valid: boolean, details: {
|
|
1944
|
+
pending: boolean;
|
|
1945
|
+
}) => void;
|
|
1946
|
+
};
|
|
1947
|
+
declare const TimeField: react.ForwardRefExoticComponent<CalendarProps & {
|
|
1948
|
+
onDraftValidityChange?: (valid: boolean, details: {
|
|
1949
|
+
pending: boolean;
|
|
1950
|
+
}) => void;
|
|
1951
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1952
|
+
|
|
1953
|
+
declare const TimeFieldManifest: Record<string, Component>;
|
|
1954
|
+
|
|
1955
|
+
type DateTimePickerProps = {
|
|
1956
|
+
label: string;
|
|
1957
|
+
value: number | null;
|
|
1958
|
+
onValueChange: (value: number | null) => void;
|
|
1959
|
+
onDraftValidityChange?: (valid: boolean, details: {
|
|
1960
|
+
pending: boolean;
|
|
1961
|
+
}) => void;
|
|
1962
|
+
timeZone: string;
|
|
1963
|
+
min?: number;
|
|
1964
|
+
max?: number;
|
|
1965
|
+
disabled?: boolean;
|
|
1966
|
+
readOnly?: boolean;
|
|
1967
|
+
required?: boolean;
|
|
1968
|
+
id?: string;
|
|
1969
|
+
className?: string;
|
|
1970
|
+
};
|
|
1971
|
+
declare const DateTimePicker: react.ForwardRefExoticComponent<DateTimePickerProps & react.RefAttributes<HTMLDivElement>>;
|
|
1972
|
+
|
|
1973
|
+
declare const DateTimePickerManifest: Record<string, Component>;
|
|
1974
|
+
|
|
1975
|
+
type DateRangeValue = {
|
|
1976
|
+
start: string;
|
|
1977
|
+
end: string;
|
|
1978
|
+
};
|
|
1979
|
+
type DateRangePickerProps = Omit<CalendarProps, "value" | "onValueChange"> & {
|
|
1980
|
+
value: DateRangeValue | null;
|
|
1981
|
+
onValueChange: (value: DateRangeValue | null) => void;
|
|
1982
|
+
onDraftValidityChange?: (valid: boolean, details: {
|
|
1983
|
+
pending: boolean;
|
|
1984
|
+
}) => void;
|
|
1985
|
+
startLabel?: string;
|
|
1986
|
+
endLabel?: string;
|
|
1987
|
+
};
|
|
1988
|
+
declare const DateRangePicker: react.ForwardRefExoticComponent<Omit<CalendarProps, "value" | "onValueChange"> & {
|
|
1989
|
+
value: DateRangeValue | null;
|
|
1990
|
+
onValueChange: (value: DateRangeValue | null) => void;
|
|
1991
|
+
onDraftValidityChange?: (valid: boolean, details: {
|
|
1992
|
+
pending: boolean;
|
|
1993
|
+
}) => void;
|
|
1994
|
+
startLabel?: string;
|
|
1995
|
+
endLabel?: string;
|
|
1996
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1997
|
+
|
|
1998
|
+
declare const DateRangePickerManifest: Record<string, Component>;
|
|
1999
|
+
|
|
2000
|
+
type FileRejection = {
|
|
2001
|
+
name: string;
|
|
2002
|
+
code: "type" | "size" | "count" | "directory" | "unsupported" | "read";
|
|
2003
|
+
message: string;
|
|
2004
|
+
};
|
|
2005
|
+
type FileUploadProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
2006
|
+
label: string;
|
|
2007
|
+
description?: ReactNode;
|
|
2008
|
+
accept?: readonly string[];
|
|
2009
|
+
multiple?: boolean;
|
|
2010
|
+
maxFiles?: number;
|
|
2011
|
+
maxFileSizeBytes?: number;
|
|
2012
|
+
disabled?: boolean;
|
|
2013
|
+
onFiles: (files: readonly File[]) => void;
|
|
2014
|
+
onReject?: (issues: readonly FileRejection[]) => void;
|
|
2015
|
+
};
|
|
2016
|
+
/** Selection only. Every input path is validated before application callbacks run. */
|
|
2017
|
+
declare const FileUpload: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
2018
|
+
label: string;
|
|
2019
|
+
description?: ReactNode;
|
|
2020
|
+
accept?: readonly string[];
|
|
2021
|
+
multiple?: boolean;
|
|
2022
|
+
maxFiles?: number;
|
|
2023
|
+
maxFileSizeBytes?: number;
|
|
2024
|
+
disabled?: boolean;
|
|
2025
|
+
onFiles: (files: readonly File[]) => void;
|
|
2026
|
+
onReject?: (issues: readonly FileRejection[]) => void;
|
|
2027
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
2028
|
+
|
|
2029
|
+
declare const FileUploadManifest: Record<string, Component>;
|
|
2030
|
+
|
|
2031
|
+
type UploadQueueItem = {
|
|
2032
|
+
id: string;
|
|
2033
|
+
name: string;
|
|
2034
|
+
sizeBytes: number;
|
|
2035
|
+
state: "ready" | "queued" | "uploading" | "cancel-requested" | "uploaded" | "failed" | "canceled";
|
|
2036
|
+
loadedBytes?: number;
|
|
2037
|
+
totalBytes?: number;
|
|
2038
|
+
message?: string;
|
|
2039
|
+
cancelable?: boolean;
|
|
2040
|
+
retryable?: boolean;
|
|
2041
|
+
removable?: boolean;
|
|
2042
|
+
};
|
|
2043
|
+
type UploadQueueProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
2044
|
+
label: string;
|
|
2045
|
+
items: readonly UploadQueueItem[];
|
|
2046
|
+
disabled?: boolean;
|
|
2047
|
+
onCancel?: (id: string) => void;
|
|
2048
|
+
onRetry?: (id: string) => void;
|
|
2049
|
+
onRemove?: (id: string) => void;
|
|
2050
|
+
};
|
|
2051
|
+
declare const UploadQueue: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
2052
|
+
label: string;
|
|
2053
|
+
items: readonly UploadQueueItem[];
|
|
2054
|
+
disabled?: boolean;
|
|
2055
|
+
onCancel?: (id: string) => void;
|
|
2056
|
+
onRetry?: (id: string) => void;
|
|
2057
|
+
onRemove?: (id: string) => void;
|
|
2058
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
2059
|
+
|
|
2060
|
+
declare const UploadQueueManifest: Record<string, Component>;
|
|
2061
|
+
|
|
2062
|
+
type AttachmentMetadata = {
|
|
2063
|
+
id: string;
|
|
2064
|
+
name: string;
|
|
2065
|
+
sizeBytes: number;
|
|
2066
|
+
mediaType?: string;
|
|
2067
|
+
};
|
|
2068
|
+
type AttachmentPreviewContent = {
|
|
2069
|
+
kind: "image";
|
|
2070
|
+
src: string;
|
|
2071
|
+
alt: string;
|
|
2072
|
+
} | {
|
|
2073
|
+
kind: "text";
|
|
2074
|
+
text: string;
|
|
2075
|
+
} | {
|
|
2076
|
+
kind: "unavailable";
|
|
2077
|
+
message: string;
|
|
2078
|
+
};
|
|
2079
|
+
type AttachmentPreviewProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
2080
|
+
label: string;
|
|
2081
|
+
attachment: AttachmentMetadata;
|
|
2082
|
+
preview: AttachmentPreviewContent;
|
|
2083
|
+
disabled?: boolean;
|
|
2084
|
+
onDownload?: (id: string) => void;
|
|
2085
|
+
onRemove?: (id: string) => void;
|
|
2086
|
+
};
|
|
2087
|
+
declare const AttachmentPreview: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
2088
|
+
label: string;
|
|
2089
|
+
attachment: AttachmentMetadata;
|
|
2090
|
+
preview: AttachmentPreviewContent;
|
|
2091
|
+
disabled?: boolean;
|
|
2092
|
+
onDownload?: (id: string) => void;
|
|
2093
|
+
onRemove?: (id: string) => void;
|
|
2094
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
2095
|
+
|
|
2096
|
+
declare const AttachmentPreviewManifest: Record<string, Component>;
|
|
2097
|
+
|
|
2098
|
+
type JobState = "queued" | "running" | "cancel-requested" | "canceled" | "complete" | "partial" | "failed";
|
|
2099
|
+
type JobStatusProps = Omit<HTMLAttributes<HTMLDivElement>, "children" | "role"> & {
|
|
2100
|
+
jobId: string;
|
|
2101
|
+
label: string;
|
|
2102
|
+
state: JobState;
|
|
2103
|
+
message?: string;
|
|
2104
|
+
progress?: {
|
|
2105
|
+
completed: number;
|
|
2106
|
+
total: number | null;
|
|
2107
|
+
};
|
|
2108
|
+
requestPending?: "cancel" | "retry" | null;
|
|
2109
|
+
requestError?: string;
|
|
2110
|
+
onCancelRequest?: (jobId: string) => void;
|
|
2111
|
+
onRetryRequest?: (jobId: string) => void;
|
|
2112
|
+
disabled?: boolean;
|
|
2113
|
+
};
|
|
2114
|
+
declare const JobStatus: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children" | "role"> & {
|
|
2115
|
+
jobId: string;
|
|
2116
|
+
label: string;
|
|
2117
|
+
state: JobState;
|
|
2118
|
+
message?: string;
|
|
2119
|
+
progress?: {
|
|
2120
|
+
completed: number;
|
|
2121
|
+
total: number | null;
|
|
2122
|
+
};
|
|
2123
|
+
requestPending?: "cancel" | "retry" | null;
|
|
2124
|
+
requestError?: string;
|
|
2125
|
+
onCancelRequest?: (jobId: string) => void;
|
|
2126
|
+
onRetryRequest?: (jobId: string) => void;
|
|
2127
|
+
disabled?: boolean;
|
|
2128
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
2129
|
+
|
|
2130
|
+
declare const JobStatusManifest: Record<string, Component>;
|
|
2131
|
+
|
|
2132
|
+
type BulkSelectionSnapshot = {
|
|
2133
|
+
id: string;
|
|
2134
|
+
scope: "visible" | "selected" | "all-matching";
|
|
2135
|
+
ids: readonly string[];
|
|
2136
|
+
sourceId: string;
|
|
2137
|
+
sourceRevision: string;
|
|
2138
|
+
filterDescription: string;
|
|
2139
|
+
capturedAt: number;
|
|
2140
|
+
};
|
|
2141
|
+
type BulkAction = {
|
|
2142
|
+
id: string;
|
|
2143
|
+
label: string;
|
|
2144
|
+
disabled?: boolean;
|
|
2145
|
+
disabledReason?: string;
|
|
2146
|
+
danger?: boolean;
|
|
2147
|
+
};
|
|
2148
|
+
type BulkActionBarProps = {
|
|
2149
|
+
label: string;
|
|
2150
|
+
selection: BulkSelectionSnapshot;
|
|
2151
|
+
visibleIds: readonly string[];
|
|
2152
|
+
actions: readonly BulkAction[];
|
|
2153
|
+
onAction: (actionId: string, selection: BulkSelectionSnapshot) => void;
|
|
2154
|
+
onClearSelection?: () => void;
|
|
2155
|
+
disabled?: boolean;
|
|
2156
|
+
/** The heading level of the label, for the hosting surface's outline. Default 3. */
|
|
2157
|
+
headingLevel?: 2 | 3 | 4 | 5 | 6;
|
|
2158
|
+
className?: string;
|
|
2159
|
+
};
|
|
2160
|
+
declare const BulkActionBar: react.ForwardRefExoticComponent<BulkActionBarProps & react.RefAttributes<HTMLDivElement>>;
|
|
2161
|
+
|
|
2162
|
+
declare const BulkActionBarManifest: Record<string, Component>;
|
|
2163
|
+
|
|
2164
|
+
type BulkItemResult = {
|
|
2165
|
+
id: string;
|
|
2166
|
+
label: string;
|
|
2167
|
+
state: "queued" | "running" | "succeeded" | "failed" | "canceled" | "skipped";
|
|
2168
|
+
message?: string;
|
|
2169
|
+
retryable?: boolean;
|
|
2170
|
+
};
|
|
2171
|
+
type BulkResultsProps = {
|
|
2172
|
+
label: string;
|
|
2173
|
+
selection: BulkSelectionSnapshot;
|
|
2174
|
+
items: readonly BulkItemResult[];
|
|
2175
|
+
pendingRetryIds?: readonly string[];
|
|
2176
|
+
onRetryRequest?: (id: string) => void;
|
|
2177
|
+
disabled?: boolean;
|
|
2178
|
+
/**
|
|
2179
|
+
* Rows per page. A request with more IDs than this is shown a page at a time, with DataGrid's
|
|
2180
|
+
* paging controls; the summary still counts every ID. Default 100.
|
|
2181
|
+
*/
|
|
2182
|
+
pageSize?: number;
|
|
2183
|
+
/** The heading level of the label, for the hosting surface's outline. Default 3. */
|
|
2184
|
+
headingLevel?: 2 | 3 | 4 | 5 | 6;
|
|
2185
|
+
className?: string;
|
|
2186
|
+
};
|
|
2187
|
+
declare const BulkResults: react.ForwardRefExoticComponent<BulkResultsProps & react.RefAttributes<HTMLDivElement>>;
|
|
2188
|
+
|
|
2189
|
+
declare const BulkResultsManifest: Record<string, Component>;
|
|
2190
|
+
|
|
2191
|
+
type MapAction = "zoom-in" | "zoom-out" | "pan-north" | "pan-east" | "pan-south" | "pan-west" | "reset-north" | "fit";
|
|
2192
|
+
type MapControlsProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
2193
|
+
label?: string;
|
|
2194
|
+
zoom?: number | null;
|
|
2195
|
+
bearing?: number | null;
|
|
2196
|
+
minZoom?: number;
|
|
2197
|
+
maxZoom?: number;
|
|
2198
|
+
onAction?: (action: MapAction) => void;
|
|
2199
|
+
disabled?: boolean;
|
|
2200
|
+
};
|
|
2201
|
+
/** Navigation requests; only supplied engine feedback changes the readouts. */
|
|
2202
|
+
declare const MapControls: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
2203
|
+
label?: string;
|
|
2204
|
+
zoom?: number | null;
|
|
2205
|
+
bearing?: number | null;
|
|
2206
|
+
minZoom?: number;
|
|
2207
|
+
maxZoom?: number;
|
|
2208
|
+
onAction?: (action: MapAction) => void;
|
|
2209
|
+
disabled?: boolean;
|
|
2210
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
2211
|
+
|
|
2212
|
+
declare const MapControlsManifest: Record<string, Component>;
|
|
2213
|
+
|
|
2214
|
+
interface LayerControlItem {
|
|
2215
|
+
id: string;
|
|
2216
|
+
label: string;
|
|
2217
|
+
visible: boolean;
|
|
2218
|
+
opacity: number;
|
|
2219
|
+
description?: string;
|
|
2220
|
+
disabled?: boolean;
|
|
2221
|
+
}
|
|
2222
|
+
type LayerControlProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
2223
|
+
label?: string;
|
|
2224
|
+
layers: readonly LayerControlItem[];
|
|
2225
|
+
onLayersChange?: (layers: readonly LayerControlItem[]) => void;
|
|
2226
|
+
disabled?: boolean;
|
|
2227
|
+
};
|
|
2228
|
+
/** Controlled top-first layer list; disabled rows retain their fixed positions. */
|
|
2229
|
+
declare const LayerControl: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
2230
|
+
label?: string;
|
|
2231
|
+
layers: readonly LayerControlItem[];
|
|
2232
|
+
onLayersChange?: (layers: readonly LayerControlItem[]) => void;
|
|
2233
|
+
disabled?: boolean;
|
|
2234
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
2235
|
+
|
|
2236
|
+
declare const LayerControlManifest: Record<string, Component>;
|
|
2237
|
+
|
|
2238
|
+
interface MapLegendItem {
|
|
2239
|
+
id: string;
|
|
2240
|
+
label: string;
|
|
2241
|
+
kind: "point" | "line" | "area";
|
|
2242
|
+
variant?: "neutral" | "success" | "warning" | "error" | "info" | "accent";
|
|
2243
|
+
pattern?: "solid" | "dashed";
|
|
2244
|
+
description?: string;
|
|
2245
|
+
}
|
|
2246
|
+
type MapLegendProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
2247
|
+
label?: string;
|
|
2248
|
+
items: readonly MapLegendItem[];
|
|
2249
|
+
};
|
|
2250
|
+
declare const MapLegend: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
2251
|
+
label?: string;
|
|
2252
|
+
items: readonly MapLegendItem[];
|
|
2253
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
2254
|
+
|
|
2255
|
+
declare const MapLegendManifest: Record<string, Component>;
|
|
2256
|
+
|
|
2257
|
+
type MapScaleProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
2258
|
+
label?: string;
|
|
2259
|
+
metersPerPixel?: number | null;
|
|
2260
|
+
maxWidth?: number;
|
|
2261
|
+
units?: "metric" | "imperial";
|
|
2262
|
+
};
|
|
2263
|
+
/** Ground scale at the adapter's supplied location; never infers DPI or projection. */
|
|
2264
|
+
declare const MapScale: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
2265
|
+
label?: string;
|
|
2266
|
+
metersPerPixel?: number | null;
|
|
2267
|
+
maxWidth?: number;
|
|
2268
|
+
units?: "metric" | "imperial";
|
|
2269
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
2270
|
+
|
|
2271
|
+
declare const MapScaleManifest: Record<string, Component>;
|
|
2272
|
+
|
|
2273
|
+
type MediaFrameState = "live" | "delayed" | "paused" | "recorded" | "reconnecting" | "unavailable";
|
|
2274
|
+
type MediaFrameProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
2275
|
+
label: string;
|
|
2276
|
+
state: MediaFrameState;
|
|
2277
|
+
capturedAt: number | null;
|
|
2278
|
+
source?: string;
|
|
2279
|
+
latencyMs?: number | null;
|
|
2280
|
+
retained?: boolean;
|
|
2281
|
+
detail?: string;
|
|
2282
|
+
aspectRatio?: number;
|
|
2283
|
+
children?: ReactNode;
|
|
2284
|
+
actions?: ReactNode;
|
|
2285
|
+
};
|
|
2286
|
+
declare const MediaFrame: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
2287
|
+
label: string;
|
|
2288
|
+
state: MediaFrameState;
|
|
2289
|
+
capturedAt: number | null;
|
|
2290
|
+
source?: string;
|
|
2291
|
+
latencyMs?: number | null;
|
|
2292
|
+
retained?: boolean;
|
|
2293
|
+
detail?: string;
|
|
2294
|
+
aspectRatio?: number;
|
|
2295
|
+
children?: ReactNode;
|
|
2296
|
+
actions?: ReactNode;
|
|
2297
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
2298
|
+
|
|
2299
|
+
declare const MediaFrameManifest: Record<string, Component>;
|
|
2300
|
+
|
|
2301
|
+
/** Native div attributes reach the root group; `aria-describedby` joins the unavailable message. */
|
|
2302
|
+
interface PlaybackControlsProps extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "onChange"> {
|
|
2303
|
+
start: number;
|
|
2304
|
+
end: number;
|
|
2305
|
+
value: number;
|
|
2306
|
+
playing: boolean;
|
|
2307
|
+
onValueChange: (value: number) => void;
|
|
2308
|
+
onPlayingChange: (playing: boolean) => void;
|
|
2309
|
+
playbackRate?: number;
|
|
2310
|
+
playbackRates?: readonly number[];
|
|
2311
|
+
onPlaybackRateChange?: (rate: number) => void;
|
|
2312
|
+
eventTimes?: readonly number[];
|
|
2313
|
+
liveTime?: number;
|
|
2314
|
+
followingLive?: boolean;
|
|
2315
|
+
onReturnToLive?: () => void;
|
|
2316
|
+
disabled?: boolean;
|
|
2317
|
+
label?: string;
|
|
2318
|
+
className?: string;
|
|
2319
|
+
}
|
|
2320
|
+
declare const PlaybackControls: react.ForwardRefExoticComponent<PlaybackControlsProps & react.RefAttributes<HTMLDivElement>>;
|
|
2321
|
+
|
|
2322
|
+
declare const PlaybackControlsManifest: Record<string, Component>;
|
|
2323
|
+
|
|
2324
|
+
/**
|
|
2325
|
+
* This package's version, read from its package.json when the package is built, so it is the
|
|
2326
|
+
* version that was published and cannot be left behind by a release.
|
|
2327
|
+
*/
|
|
2328
|
+
declare const VERSION: string;
|
|
2329
|
+
|
|
2330
|
+
export { type ActionState, ActionStatus, ActionStatusManifest, type ActionStatusProps, Alert, AlertManifest, type AlertProps, AppShell, AppShellManifest, type AppShellProps, type AttachmentMetadata, AttachmentPreview, type AttachmentPreviewContent, AttachmentPreviewManifest, type AttachmentPreviewProps, Avatar, AvatarManifest, type AvatarProps, Badge, BadgeManifest, type BadgeProps, Breadcrumb, type BreadcrumbItem, BreadcrumbManifest, type BreadcrumbProps, type BulkAction, BulkActionBar, BulkActionBarManifest, type BulkActionBarProps, type BulkItemResult, BulkResults, BulkResultsManifest, type BulkResultsProps, type BulkSelectionSnapshot, Button, ButtonGroup, ButtonGroupManifest, type ButtonGroupProps, ButtonManifest, type ButtonProps, Calendar, CalendarManifest, type CalendarProps, Card, CardBody, type CardBodyProps, CardCompositionRules, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardManifest, type CardProps, Chart, ChartManifest, type ChartPoint, type ChartProps, type ChartRange, type ChartSeries, type ChartVariant, Checkbox, CheckboxManifest, type CheckboxProps, Collapsible, CollapsibleCompositionRules, CollapsibleItem, type CollapsibleItemProps, CollapsibleManifest, type CollapsibleProps, CollectionState, CollectionStateManifest, type CollectionStateProps, ComboBox, ComboBoxManifest, type ComboBoxOption, type ComboBoxProps, type Command, CommandPalette, CommandPaletteManifest, type CommandPaletteProps, type Component, ConfirmDialog, ConfirmDialogManifest, type ConfirmDialogProps, ContextMenu, type ContextMenuItem, ContextMenuManifest, type ContextMenuProps, CoordinateInput, CoordinateInputManifest, type CoordinateInputProps, type CoordinateValue, CopyButton, CopyButtonManifest, type CopyButtonProps, type CopyError, type CopyResult, DataGrid, type DataGridColumn, type DataGridColumnWidths, DataGridManifest, type DataGridProps, type DataGridSort, type DataGridViewMode, type DataGridVirtualization, DataTable, type DataTableColumn, DataTableManifest, type DataTableProps, type DataTableRow, type DataTableSortDescriptor, type DataTableVirtualization, DatePicker, DatePickerManifest, type DatePickerProps, DateRangePicker, DateRangePickerManifest, type DateRangePickerProps, type DateRangeValue, DateTimePicker, DateTimePickerManifest, type DateTimePickerProps, DescriptionList, type DescriptionListItem, DescriptionListManifest, type DescriptionListProps, Dialog, DialogManifest, type DialogProps, Divider, DividerManifest, type DividerProps, DropdownMenu, DropdownMenuCompositionRules, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuManifest, type DropdownMenuProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, EntityPreview, EntityPreviewManifest, type EntityPreviewProps, type EntityPreviewRecord, EventTimeline, EventTimelineManifest, type EventTimelineProps, Field, FieldManifest, type FieldProps, type FileRejection, FileUpload, FileUploadManifest, type FileUploadProps, FilterBar, FilterBarManifest, type FilterBarProps, FormErrorSummary, type FormErrorSummaryError, FormErrorSummaryManifest, type FormErrorSummaryProps, FormSection, FormSectionManifest, type FormSectionProps, InlineEdit, InlineEditManifest, type InlineEditProps, Input, InputManifest, type InputProps, Inspector, InspectorManifest, type InspectorProps, type JobState, JobStatus, JobStatusManifest, type JobStatusProps, LayerControl, type LayerControlItem, LayerControlManifest, type LayerControlProps, Link, LinkManifest, type LinkProps, type MapAction, MapControls, MapControlsManifest, type MapControlsProps, MapLegend, type MapLegendItem, MapLegendManifest, type MapLegendProps, MapScale, MapScaleManifest, type MapScaleProps, MediaFrame, MediaFrameManifest, type MediaFrameProps, type MediaFrameState, MultiSelect, MultiSelectManifest, type MultiSelectOption, type MultiSelectProps, NumberInput, NumberInputManifest, type NumberInputProps, type OperationalState, OperationalStatus, OperationalStatusManifest, type OperationalStatusProps, PlaybackControls, PlaybackControlsManifest, type PlaybackControlsProps, Popover, PopoverManifest, type PopoverProps, Progress, ProgressManifest, type ProgressProps, type Prop, PropertyFilter, type PropertyFilterField, PropertyFilterManifest, type PropertyFilterOperator, type PropertyFilterProps, type PropertyFilterToken, type PropertyFilterValue, Radio, RadioGroup, RadioGroupCompositionRules, RadioGroupManifest, type RadioGroupProps, type RadioProps, Select, SelectCompositionRules, SelectManifest, SelectOption, type SelectOptionProps, type SelectProps, Sidebar, SidebarCompositionRules, SidebarFooter, type SidebarFooterProps, SidebarItem, type SidebarItemProps, SidebarLogo, type SidebarLogoProps, SidebarManifest, type SidebarProps, SidebarSection, type SidebarSectionProps, Skeleton, SkeletonManifest, type SkeletonProps, Slider, SliderManifest, type SliderProps, type Slot, Sparkline, SparklineManifest, type SparklineProps, SplitPane, SplitPaneManifest, type SplitPaneProps, StatCard, StatCardManifest, type StatCardProps, Tabs, TabsCompositionRules, TabsContent, type TabsContentProps, TabsList, type TabsListProps, TabsManifest, type TabsProps, TabsTrigger, type TabsTriggerProps, TagGroup, TagGroupManifest, type TagGroupProps, type TagItem, Textarea, TextareaManifest, type TextareaProps, TimeField, TimeFieldManifest, type TimeFieldProps, TimeRange, TimeRangeManifest, type TimeRangePreset, type TimeRangeProps, type TimeRangeValue, type TimelineEvent, Toast, ToastCompositionRules, ToastManifest, type ToastProps, ToastProvider, type ToastProviderProps, Toggle, ToggleManifest, type ToggleProps, Toolbar, ToolbarCompositionRules, ToolbarManifest, type ToolbarProps, ToolbarSeparator, type ToolbarSeparatorProps, Tooltip, TooltipManifest, type TooltipProps, TreeView, type TreeViewItem, TreeViewManifest, type TreeViewProps, UploadQueue, type UploadQueueItem, UploadQueueManifest, type UploadQueueProps, VERSION, type WorkspaceConnection, type WorkspaceMode, getPropertyFilterTokenError, useFieldContext, useOptionalFieldContext };
|