@marigold/components 15.3.0 → 15.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +2744 -2120
- package/dist/index.d.ts +2744 -2120
- package/dist/index.js +9691 -11642
- package/dist/index.mjs +9532 -11665
- package/package.json +32 -31
package/dist/index.d.mts
CHANGED
|
@@ -1,553 +1,820 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
import RAC, {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
import
|
|
7
|
-
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
export { VisuallyHidden } from '@react-aria/visually-hidden';
|
|
19
|
-
|
|
20
|
-
type RemovedProps$z = 'isDisabled' | 'isExpanded';
|
|
21
|
-
interface DisclosureProps extends Omit<RAC.DisclosureProps, RemovedProps$z> {
|
|
22
|
-
/** Whether the item is disabled. */
|
|
23
|
-
disabled?: RAC.DisclosureProps['isDisabled'];
|
|
24
|
-
/** Whether the item is expanded (controlled). */
|
|
25
|
-
expanded?: RAC.DisclosureProps['isExpanded'];
|
|
26
|
-
}
|
|
27
|
-
declare const AccordionItem: ({ children, disabled, expanded, ...props }: DisclosureProps) => react_jsx_runtime.JSX.Element;
|
|
28
|
-
|
|
29
|
-
interface AccordionPanelProps {
|
|
30
|
-
children?: ReactNode;
|
|
31
|
-
}
|
|
32
|
-
|
|
1
|
+
import { useAsyncList, useListData } from "@react-stately/data";
|
|
2
|
+
import { AspectProp, CursorProp, DateFormat, FontSizeProp, FontStyleProp, FontWeightProp, GapSpaceProp, HeightProp, MaxWidthProp, NumericFormat, PaddingBottomProp, PaddingLeftProp, PaddingRightProp, PaddingSpaceProp, PaddingSpacePropX, PaddingSpacePropY, PaddingTopProp, PlaceItemsProp, TextAlignProp, TextWrapProp, Theme, ThemeProvider, ThemeProviderProps, WhiteSpaceProps, WidthProp, alignment, useTheme } from "@marigold/system";
|
|
3
|
+
import RAC, { BreadcrumbsProps as BreadcrumbsProps$1, ButtonProps as ButtonProps$1, DateValue, DialogProps as DialogProps$1, DisclosurePanelProps, DisclosureProps as DisclosureProps$1, HeadingProps, Key, ProgressBarProps, RouterProvider, SlotProps, TagListProps, TimeValue, TimeValue as TimeValue$1, UNSTABLE_ToastQueue, ValidationResult } from "react-aria-components";
|
|
4
|
+
import * as react6 from "react";
|
|
5
|
+
import React$1, { CSSProperties, ComponentPropsWithRef, Dispatch, ElementType, FormEvent, ForwardRefExoticComponent, JSX, Key as Key$1, PropsWithChildren, ReactElement, ReactNode, RefAttributes, SVGProps, SetStateAction } from "react";
|
|
6
|
+
import * as react_jsx_runtime3 from "react/jsx-runtime";
|
|
7
|
+
import { I18nProvider } from "@react-aria/i18n";
|
|
8
|
+
import { AriaLandmarkRole } from "@react-aria/landmark";
|
|
9
|
+
import { OverlayTriggerProps, OverlayTriggerState } from "react-stately";
|
|
10
|
+
import { AriaTableProps } from "@react-aria/table";
|
|
11
|
+
import { Cell, ColumnProps, RowProps, TableBody, TableHeader, TableStateProps } from "@react-stately/table";
|
|
12
|
+
import { VisuallyHidden } from "@react-aria/visually-hidden";
|
|
13
|
+
import { AriaLabelingProps, Orientation, RefObject, Selection } from "@react-types/shared";
|
|
14
|
+
import { AriaLabelingProps as AriaLabelingProps$1, AriaRegionProps, DistributiveOmit, NonZeroPercentage } from "@marigold/types";
|
|
15
|
+
import { Props } from "react-select";
|
|
16
|
+
|
|
17
|
+
//#region src/Accordion/AccordionHeader.d.ts
|
|
33
18
|
interface AccordionHeaderProps {
|
|
34
|
-
|
|
19
|
+
children?: ReactNode;
|
|
35
20
|
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
interface
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
21
|
+
//#endregion
|
|
22
|
+
//#region src/Accordion/AccordionPanel.d.ts
|
|
23
|
+
interface AccordionPanelProps {
|
|
24
|
+
children?: ReactNode;
|
|
25
|
+
}
|
|
26
|
+
//#endregion
|
|
27
|
+
//#region src/Accordion/AccordionItem.d.ts
|
|
28
|
+
type RemovedProps$36 = 'isDisabled' | 'isExpanded';
|
|
29
|
+
interface DisclosureProps extends Omit<RAC.DisclosureProps, RemovedProps$36> {
|
|
30
|
+
/** Whether the item is disabled. */
|
|
31
|
+
disabled?: RAC.DisclosureProps['isDisabled'];
|
|
32
|
+
/** Whether the item is expanded (controlled). */
|
|
33
|
+
expanded?: RAC.DisclosureProps['isExpanded'];
|
|
34
|
+
}
|
|
35
|
+
declare const AccordionItem: ({
|
|
36
|
+
children,
|
|
37
|
+
disabled,
|
|
38
|
+
expanded,
|
|
39
|
+
...props
|
|
40
|
+
}: DisclosureProps) => react_jsx_runtime3.JSX.Element;
|
|
41
|
+
//#endregion
|
|
42
|
+
//#region src/Accordion/Accordion.d.ts
|
|
43
|
+
type RemovedProps$35 = 'isDisabled';
|
|
44
|
+
interface AccordionProps extends Omit<RAC.DisclosureGroupProps, RemovedProps$35> {
|
|
45
|
+
/** Whether all items are disabled. */
|
|
46
|
+
disabled?: RAC.DisclosureGroupProps['isDisabled'];
|
|
47
|
+
variant?: 'default' | 'card' | (string & {});
|
|
48
|
+
size?: string;
|
|
49
|
+
stickyHeader?: boolean;
|
|
50
|
+
iconPosition?: 'right' | 'left';
|
|
45
51
|
}
|
|
46
52
|
declare const Accordion: {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
53
|
+
({
|
|
54
|
+
children,
|
|
55
|
+
disabled,
|
|
56
|
+
variant,
|
|
57
|
+
size,
|
|
58
|
+
stickyHeader,
|
|
59
|
+
iconPosition,
|
|
60
|
+
...props
|
|
61
|
+
}: AccordionProps): react_jsx_runtime3.JSX.Element;
|
|
62
|
+
Header: ({
|
|
63
|
+
children
|
|
64
|
+
}: AccordionHeaderProps) => react_jsx_runtime3.JSX.Element;
|
|
65
|
+
Content: ({
|
|
66
|
+
children
|
|
67
|
+
}: AccordionPanelProps) => react_jsx_runtime3.JSX.Element;
|
|
68
|
+
Item: ({
|
|
69
|
+
children,
|
|
70
|
+
disabled,
|
|
71
|
+
expanded,
|
|
72
|
+
...props
|
|
73
|
+
}: DisclosureProps) => react_jsx_runtime3.JSX.Element;
|
|
51
74
|
};
|
|
52
|
-
|
|
75
|
+
//#endregion
|
|
76
|
+
//#region src/Aside/Aside.d.ts
|
|
53
77
|
interface AsideProps extends GapSpaceProp, AriaRegionProps {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
}
|
|
73
|
-
declare const Aside: ({
|
|
74
|
-
|
|
78
|
+
/**
|
|
79
|
+
* The children of the component.
|
|
80
|
+
*/
|
|
81
|
+
children: [ReactElement<any>, ReactElement<any>];
|
|
82
|
+
/**
|
|
83
|
+
* The side of the aside content.
|
|
84
|
+
* @default left
|
|
85
|
+
*/
|
|
86
|
+
side?: 'left' | 'right';
|
|
87
|
+
/**
|
|
88
|
+
* The width of the side content.
|
|
89
|
+
*/
|
|
90
|
+
sideWidth?: string;
|
|
91
|
+
/**
|
|
92
|
+
* At what percentage of the content's width should the other content wrap beneath it
|
|
93
|
+
* @default 50%
|
|
94
|
+
*/
|
|
95
|
+
wrap?: NonZeroPercentage;
|
|
96
|
+
}
|
|
97
|
+
declare const Aside: ({
|
|
98
|
+
children,
|
|
99
|
+
sideWidth,
|
|
100
|
+
space,
|
|
101
|
+
side,
|
|
102
|
+
wrap
|
|
103
|
+
}: AsideProps) => react_jsx_runtime3.JSX.Element;
|
|
104
|
+
//#endregion
|
|
105
|
+
//#region src/Aspect/Aspect.d.ts
|
|
75
106
|
interface AspectProps extends AspectProp, AriaRegionProps {
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
}
|
|
86
|
-
declare const Aspect: ({
|
|
87
|
-
|
|
107
|
+
/**
|
|
108
|
+
* The children of the component.
|
|
109
|
+
*/
|
|
110
|
+
children?: ReactNode;
|
|
111
|
+
/**
|
|
112
|
+
* The maximum width of the image.
|
|
113
|
+
* @default 100%
|
|
114
|
+
*/
|
|
115
|
+
maxWidth?: string;
|
|
116
|
+
}
|
|
117
|
+
declare const Aspect: ({
|
|
118
|
+
ratio,
|
|
119
|
+
maxWidth,
|
|
120
|
+
children
|
|
121
|
+
}: AspectProps) => react_jsx_runtime3.JSX.Element;
|
|
122
|
+
//#endregion
|
|
123
|
+
//#region src/HelpText/HelpText.d.ts
|
|
88
124
|
interface HelpTextProps {
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
}
|
|
100
|
-
|
|
125
|
+
variant?: string;
|
|
126
|
+
size?: string;
|
|
127
|
+
/**
|
|
128
|
+
* A helpful text.
|
|
129
|
+
*/
|
|
130
|
+
description?: ReactNode;
|
|
131
|
+
/**
|
|
132
|
+
* An error message.
|
|
133
|
+
*/
|
|
134
|
+
errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
|
|
135
|
+
}
|
|
136
|
+
declare const HelpText: ({
|
|
137
|
+
variant,
|
|
138
|
+
size,
|
|
139
|
+
description,
|
|
140
|
+
errorMessage,
|
|
141
|
+
...props
|
|
142
|
+
}: HelpTextProps) => react_jsx_runtime3.JSX.Element | null;
|
|
143
|
+
//#endregion
|
|
144
|
+
//#region src/FieldBase/FieldBase.d.ts
|
|
101
145
|
interface FieldBaseProps<T extends ElementType> extends WidthProp, Pick<HelpTextProps, 'description' | 'errorMessage'> {
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
}
|
|
116
|
-
declare const FieldBase: <T extends ElementType>(props: FieldBaseProps<T> & DistributiveOmit<ComponentPropsWithRef<T>, "as"> &
|
|
117
|
-
|
|
146
|
+
as?: T;
|
|
147
|
+
/**
|
|
148
|
+
* Specifies the label of the field.
|
|
149
|
+
*/
|
|
150
|
+
label?: ReactNode;
|
|
151
|
+
variant?: string;
|
|
152
|
+
size?: string;
|
|
153
|
+
children?: ReactNode;
|
|
154
|
+
/**
|
|
155
|
+
* Use RAC prop names here so we can directly pass the components via "as"
|
|
156
|
+
*/
|
|
157
|
+
isInvalid?: boolean;
|
|
158
|
+
isRequired?: boolean;
|
|
159
|
+
}
|
|
160
|
+
declare const FieldBase: <T extends ElementType>(props: FieldBaseProps<T> & DistributiveOmit<ComponentPropsWithRef<T>, "as"> & react6.RefAttributes<any>) => React.ReactNode;
|
|
161
|
+
//#endregion
|
|
162
|
+
//#region src/ListBox/ListBoxItem.d.ts
|
|
118
163
|
type ListBoxItemProps = Omit<RAC.ListBoxItemProps, 'style' | 'className' | 'children'> & {
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
164
|
+
/**
|
|
165
|
+
* The children of the component
|
|
166
|
+
*/
|
|
167
|
+
children?: React.ReactNode;
|
|
123
168
|
};
|
|
124
|
-
declare const _ListBoxItem: ({
|
|
125
|
-
|
|
169
|
+
declare const _ListBoxItem: ({
|
|
170
|
+
...props
|
|
171
|
+
}: ListBoxItemProps) => react_jsx_runtime3.JSX.Element;
|
|
172
|
+
//#endregion
|
|
173
|
+
//#region src/ListBox/ListBoxSection.d.ts
|
|
126
174
|
interface SectionProps extends Omit<RAC.SectionProps<object>, 'className' | 'style' | 'children'> {
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
}
|
|
136
|
-
declare const _Section: ({
|
|
137
|
-
|
|
175
|
+
/**
|
|
176
|
+
* Section header to display.
|
|
177
|
+
*/
|
|
178
|
+
header: ReactNode;
|
|
179
|
+
/**
|
|
180
|
+
* Children of the section.
|
|
181
|
+
*/
|
|
182
|
+
children: ReactNode;
|
|
183
|
+
}
|
|
184
|
+
declare const _Section: ({
|
|
185
|
+
header,
|
|
186
|
+
children,
|
|
187
|
+
...props
|
|
188
|
+
}: SectionProps) => react_jsx_runtime3.JSX.Element;
|
|
189
|
+
//#endregion
|
|
190
|
+
//#region src/ListBox/ListBox.d.ts
|
|
138
191
|
interface ListBoxProps extends Omit<RAC.ListBoxProps<object>, 'className' | 'style'> {
|
|
139
|
-
|
|
140
|
-
|
|
192
|
+
variant?: string;
|
|
193
|
+
size?: string;
|
|
141
194
|
}
|
|
142
195
|
interface ListBoxComponent extends ForwardRefExoticComponent<ListBoxProps & RefAttributes<HTMLUListElement>> {
|
|
143
|
-
|
|
144
|
-
|
|
196
|
+
Item: typeof _ListBoxItem;
|
|
197
|
+
Section: typeof _Section;
|
|
145
198
|
}
|
|
146
199
|
declare const _ListBox: ListBoxComponent;
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
200
|
+
//#endregion
|
|
201
|
+
//#region src/Autocomplete/Autocomplete.d.ts
|
|
202
|
+
type RemovedProps$34 = 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'inputValue' | 'onInputChange' | 'defaultValue' | 'validate' | 'validationState' | 'slot';
|
|
203
|
+
interface AutocompleteProps extends Omit<RAC.ComboBoxProps<object>, RemovedProps$34>, Pick<FieldBaseProps<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
|
|
204
|
+
/**
|
|
205
|
+
* The value of the input (uncontrolled).
|
|
206
|
+
*/
|
|
207
|
+
defaultValue?: RAC.ComboBoxProps<object>['defaultInputValue'];
|
|
208
|
+
/**
|
|
209
|
+
* The value of the input (controlled).
|
|
210
|
+
*/
|
|
211
|
+
value?: RAC.ComboBoxProps<object>['inputValue'];
|
|
212
|
+
/**
|
|
213
|
+
* Called when the input value changes.
|
|
214
|
+
*/
|
|
215
|
+
onChange?: RAC.ComboBoxProps<object>['onInputChange'];
|
|
216
|
+
/**
|
|
217
|
+
* Called when the clear button is pressed.
|
|
218
|
+
*/
|
|
219
|
+
onClear?: () => void;
|
|
220
|
+
/**
|
|
221
|
+
* If `true`, the input is disabled.
|
|
222
|
+
*
|
|
223
|
+
* @default false
|
|
224
|
+
*/
|
|
225
|
+
disabled?: RAC.ComboBoxProps<object>['isDisabled'];
|
|
226
|
+
/**
|
|
227
|
+
* If `true`, the input is required.
|
|
228
|
+
*
|
|
229
|
+
* @default false
|
|
230
|
+
*/
|
|
231
|
+
required?: RAC.ComboBoxProps<object>['isRequired'];
|
|
232
|
+
/**
|
|
233
|
+
* If `true`, the field is considered invalid and if set the `errorMessage` is shown instead of the `description`.
|
|
234
|
+
*
|
|
235
|
+
* @default false
|
|
236
|
+
*/
|
|
237
|
+
error?: RAC.ComboBoxProps<object>['isInvalid'];
|
|
238
|
+
/**
|
|
239
|
+
* If `true`, the input is readOnly.
|
|
240
|
+
*
|
|
241
|
+
* @default false
|
|
242
|
+
*/
|
|
243
|
+
readOnly?: RAC.ComboBoxProps<object>['isReadOnly'];
|
|
244
|
+
/**
|
|
245
|
+
* Provides content to display when there are no items in the list.
|
|
246
|
+
*/
|
|
247
|
+
emptyState?: ReactNode;
|
|
248
|
+
/**
|
|
249
|
+
* If `true`, a loading spinner will show up.
|
|
250
|
+
* @default false
|
|
251
|
+
*/
|
|
252
|
+
loading?: boolean;
|
|
253
|
+
variant?: string;
|
|
254
|
+
size?: string;
|
|
255
|
+
placeholder?: string;
|
|
256
|
+
/**
|
|
257
|
+
* Handler that is called when the SearchAutocomplete is submitted.
|
|
258
|
+
*
|
|
259
|
+
* A `key` will be passed if the submission is a selected item (e.g. a user
|
|
260
|
+
* clicks or presses enter on an option). If the input is a custom `value`, `key` will be `null`.
|
|
261
|
+
*
|
|
262
|
+
* A `value` will be passed if the submission is a custom value (e.g. a user
|
|
263
|
+
* types then presses enter). If the input is a selected item, `value` will be `null`.
|
|
264
|
+
*/
|
|
265
|
+
onSubmit?: (value: string | number | null, key: Key | null) => void;
|
|
212
266
|
}
|
|
213
267
|
interface AutocompleteComponent extends ForwardRefExoticComponent<AutocompleteProps & RefAttributes<HTMLInputElement>> {
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
268
|
+
/**
|
|
269
|
+
* Options for the Combobox.
|
|
270
|
+
*/
|
|
271
|
+
Option: typeof _ListBox.Item;
|
|
272
|
+
/**
|
|
273
|
+
* Section for the Combobox, to put options in.
|
|
274
|
+
*/
|
|
275
|
+
Section: typeof _ListBox.Section;
|
|
222
276
|
}
|
|
223
277
|
declare const _Autocomplete: AutocompleteComponent;
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
interface
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
* The value of the input (controlled).
|
|
255
|
-
*/
|
|
256
|
-
value?: RAC.ComboBoxProps<any>['inputValue'];
|
|
257
|
-
/**
|
|
258
|
-
* Called when the input value changes.
|
|
259
|
-
*/
|
|
260
|
-
onChange?: RAC.ComboBoxProps<any>['onInputChange'];
|
|
261
|
-
/**
|
|
262
|
-
* ReactNode or function to render the list of items.
|
|
263
|
-
*/
|
|
264
|
-
children?: ReactNode | ((item: any) => ReactNode);
|
|
265
|
-
/**
|
|
266
|
-
* Set the placeholder for the select.
|
|
267
|
-
*/
|
|
268
|
-
placeholder?: string;
|
|
269
|
-
/**
|
|
270
|
-
* Provides content to display when there are no items in the list.
|
|
271
|
-
*/
|
|
272
|
-
emptyState?: ReactNode;
|
|
273
|
-
/**
|
|
274
|
-
* If `true`, a loading spinner will show up.
|
|
275
|
-
* @default false
|
|
276
|
-
*/
|
|
277
|
-
loading?: boolean;
|
|
278
|
+
//#endregion
|
|
279
|
+
//#region src/Badge/Badge.d.ts
|
|
280
|
+
interface BadgeProps {
|
|
281
|
+
/**
|
|
282
|
+
* Children of the component
|
|
283
|
+
*/
|
|
284
|
+
children?: React.ReactNode;
|
|
285
|
+
variant?: 'default' | 'primary' | 'success' | 'warning' | 'info' | 'error' | 'admin' | 'master' | (string & {});
|
|
286
|
+
size?: string;
|
|
287
|
+
}
|
|
288
|
+
declare const Badge: ({
|
|
289
|
+
variant,
|
|
290
|
+
size,
|
|
291
|
+
children,
|
|
292
|
+
...props
|
|
293
|
+
}: BadgeProps) => react_jsx_runtime3.JSX.Element;
|
|
294
|
+
//#endregion
|
|
295
|
+
//#region src/Breadcrumbs/BreadcrumbsItem.d.ts
|
|
296
|
+
type RemovedProps$33 = 'className' | 'style';
|
|
297
|
+
interface BreadcrumbsItemProps extends Omit<RAC.BreadcrumbProps, RemovedProps$33> {
|
|
298
|
+
variant?: 'default' | (string & {});
|
|
299
|
+
size?: 'small' | 'default' | 'large' | (string & {});
|
|
300
|
+
/**
|
|
301
|
+
* The content inside the breadcrumb.
|
|
302
|
+
*/
|
|
303
|
+
children: ReactNode;
|
|
304
|
+
/**
|
|
305
|
+
* Link for the breadcrumb item.
|
|
306
|
+
*/
|
|
307
|
+
href: string;
|
|
278
308
|
}
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
309
|
+
declare const BreadcrumbsItem: (_: BreadcrumbsItemProps) => null;
|
|
310
|
+
//#endregion
|
|
311
|
+
//#region src/Breadcrumbs/Breadcrumbs.d.ts
|
|
312
|
+
type RemovedProps$32 = 'className' | 'style' | 'children' | 'isDisabled';
|
|
313
|
+
interface BreadcrumbsProps extends Omit<BreadcrumbsProps$1<object>, RemovedProps$32> {
|
|
314
|
+
variant?: 'default' | (string & {});
|
|
315
|
+
size?: 'small' | 'default' | 'large' | (string & {});
|
|
316
|
+
/**
|
|
317
|
+
* Disables the breadcrumbs.
|
|
318
|
+
* @default false
|
|
319
|
+
*/
|
|
320
|
+
disabled?: BreadcrumbsProps$1<object>['isDisabled'];
|
|
321
|
+
/**
|
|
322
|
+
* Maximum number of visible items before the breadcrumbs collapse.
|
|
323
|
+
*/
|
|
324
|
+
maxVisibleItems?: number;
|
|
325
|
+
/**
|
|
326
|
+
* The breadcrumb items to be displayed.
|
|
327
|
+
*/
|
|
328
|
+
children: React$1.ReactNode | React$1.ReactNode[];
|
|
288
329
|
}
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
interface BadgeProps {
|
|
292
|
-
/**
|
|
293
|
-
* Children of the component
|
|
294
|
-
*/
|
|
295
|
-
children?: React.ReactNode;
|
|
296
|
-
variant?: 'default' | 'primary' | 'success' | 'warning' | 'info' | 'error' | 'admin' | 'master' | (string & {});
|
|
297
|
-
size?: string;
|
|
298
|
-
}
|
|
299
|
-
declare const Badge: ({ variant, size, children, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
|
|
300
|
-
|
|
301
|
-
interface BreakoutProps extends AriaRegionProps {
|
|
302
|
-
children?: ReactNode;
|
|
330
|
+
interface BreadcrumbsComponent extends ForwardRefExoticComponent<BreadcrumbsProps & RefAttributes<HTMLOListElement>> {
|
|
331
|
+
Item: typeof BreadcrumbsItem;
|
|
303
332
|
}
|
|
304
|
-
declare const
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
interface
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
333
|
+
declare const _Breadcrumbs: BreadcrumbsComponent;
|
|
334
|
+
//#endregion
|
|
335
|
+
//#region src/Breakout/Breakout.d.ts
|
|
336
|
+
interface BreakoutProps extends AriaRegionProps {
|
|
337
|
+
children?: ReactNode;
|
|
338
|
+
}
|
|
339
|
+
declare const Breakout: ({
|
|
340
|
+
children
|
|
341
|
+
}: BreakoutProps) => react_jsx_runtime3.JSX.Element;
|
|
342
|
+
//#endregion
|
|
343
|
+
//#region src/Button/Button.d.ts
|
|
344
|
+
type RemovedProps$31 = 'isDisabled' | 'isPending' | 'className' | 'style';
|
|
345
|
+
interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$31> {
|
|
346
|
+
variant?: 'primary' | 'secondary' | 'destructive' | 'ghost' | 'link' | (string & {});
|
|
347
|
+
size?: 'default' | 'small' | 'large' | 'icon' | (string & {});
|
|
348
|
+
/**
|
|
349
|
+
* If true, the element stretches to fill the available width.
|
|
350
|
+
* @default false
|
|
351
|
+
*/
|
|
352
|
+
fullWidth?: boolean;
|
|
353
|
+
/**
|
|
354
|
+
* Children of the component
|
|
355
|
+
*/
|
|
356
|
+
children?: ReactNode;
|
|
357
|
+
/**
|
|
358
|
+
* Disables the button.
|
|
359
|
+
* @default false
|
|
360
|
+
*/
|
|
361
|
+
disabled?: RAC.ButtonProps['isDisabled'];
|
|
362
|
+
/**
|
|
363
|
+
* Whether the button is in a loading state.
|
|
364
|
+
* This disables press and hover events while retaining focusability, and announces the loading state to screen readers.
|
|
365
|
+
*/
|
|
366
|
+
loading?: RAC.ButtonProps['isPending'];
|
|
367
|
+
}
|
|
368
|
+
declare const _Button: react6.ForwardRefExoticComponent<ButtonProps & react6.RefAttributes<HTMLButtonElement>>;
|
|
369
|
+
//#endregion
|
|
370
|
+
//#region src/Calendar/Calendar.d.ts
|
|
371
|
+
type RemovedProps$30 = 'visibleDuration' | 'pageBehavior' | 'isDateUnavailable' | 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
|
|
372
|
+
interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$30> {
|
|
373
|
+
/**
|
|
374
|
+
* Disables the Calendar.
|
|
375
|
+
* @default false
|
|
376
|
+
*/
|
|
377
|
+
disabled?: boolean;
|
|
378
|
+
/**
|
|
379
|
+
* Whether the calendar value is immutable.
|
|
380
|
+
* @default false
|
|
381
|
+
*/
|
|
382
|
+
readOnly?: boolean;
|
|
383
|
+
variant?: string;
|
|
384
|
+
size?: string;
|
|
385
|
+
/**
|
|
386
|
+
* Sets the width of the calendar. You can see allowed tokens here: https://tailwindcss.com/docs/width
|
|
387
|
+
* @default fit
|
|
388
|
+
*/
|
|
389
|
+
width?: WidthProp['width'];
|
|
390
|
+
/**
|
|
391
|
+
* Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.
|
|
392
|
+
*/
|
|
393
|
+
dateUnavailable?: RAC.CalendarProps<DateValue>['isDateUnavailable'];
|
|
394
|
+
}
|
|
395
|
+
declare const _Calendar: ({
|
|
396
|
+
disabled,
|
|
397
|
+
readOnly,
|
|
398
|
+
size,
|
|
399
|
+
variant,
|
|
400
|
+
width,
|
|
401
|
+
dateUnavailable,
|
|
402
|
+
minValue: _minValue,
|
|
403
|
+
maxValue: _maxValue,
|
|
404
|
+
...rest
|
|
405
|
+
}: CalendarProps) => react_jsx_runtime3.JSX.Element;
|
|
406
|
+
//#endregion
|
|
407
|
+
//#region src/Card/Card.d.ts
|
|
408
|
+
interface CardProps extends PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp {
|
|
409
|
+
children?: ReactNode;
|
|
410
|
+
variant?: string;
|
|
411
|
+
size?: 'default' | 'full' | (string & {});
|
|
412
|
+
/**
|
|
413
|
+
* Gap between children. You can see allowed tokens [here](../../foundations/design-token#spacing).
|
|
414
|
+
*/
|
|
415
|
+
space?: GapSpaceProp['space'];
|
|
416
|
+
/**
|
|
417
|
+
* Padding of the component. You can see allowed tokens [here](../../foundations/design-token#spacing).
|
|
418
|
+
*/
|
|
419
|
+
p?: PaddingSpaceProp['space'];
|
|
420
|
+
/**
|
|
421
|
+
* Padding horizontal (left and right) of the component.
|
|
422
|
+
*/
|
|
423
|
+
px?: PaddingSpacePropX['spaceX'];
|
|
424
|
+
/**
|
|
425
|
+
* Padding vertical (top and bottom) of the component. You can see allowed tokens [here](../../foundations/design-token#spacing).
|
|
426
|
+
*/
|
|
427
|
+
py?: PaddingSpacePropY['spaceY'];
|
|
428
|
+
}
|
|
429
|
+
declare const Card: ({
|
|
430
|
+
children,
|
|
431
|
+
variant,
|
|
432
|
+
size,
|
|
433
|
+
space,
|
|
434
|
+
p,
|
|
435
|
+
px,
|
|
436
|
+
py,
|
|
437
|
+
pt,
|
|
438
|
+
pb,
|
|
439
|
+
pl,
|
|
440
|
+
pr,
|
|
441
|
+
...props
|
|
442
|
+
}: CardProps) => react_jsx_runtime3.JSX.Element;
|
|
443
|
+
//#endregion
|
|
444
|
+
//#region src/Center/Center.d.ts
|
|
351
445
|
interface CenterProps extends GapSpaceProp, AriaRegionProps {
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
}
|
|
359
|
-
declare const Center: ({
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
446
|
+
children?: ReactNode;
|
|
447
|
+
/**
|
|
448
|
+
* The maximum width of the container.
|
|
449
|
+
* @default 100%
|
|
450
|
+
*/
|
|
451
|
+
maxWidth?: string;
|
|
452
|
+
}
|
|
453
|
+
declare const Center: ({
|
|
454
|
+
maxWidth,
|
|
455
|
+
space,
|
|
456
|
+
children,
|
|
457
|
+
...props
|
|
458
|
+
}: CenterProps) => react_jsx_runtime3.JSX.Element;
|
|
459
|
+
//#endregion
|
|
460
|
+
//#region src/Checkbox/CheckboxGroup.d.ts
|
|
461
|
+
type RemovedProps$29 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly';
|
|
462
|
+
interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$29>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
463
|
+
/**
|
|
464
|
+
* The children of the component
|
|
465
|
+
*/
|
|
466
|
+
children?: ReactNode;
|
|
467
|
+
variant?: string;
|
|
468
|
+
size?: string;
|
|
469
|
+
/**
|
|
470
|
+
* Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
|
|
471
|
+
*
|
|
472
|
+
* @default full
|
|
473
|
+
*/
|
|
474
|
+
width?: WidthProp['width'];
|
|
475
|
+
/**
|
|
476
|
+
* Sets all checkboxes to disabled
|
|
477
|
+
*
|
|
478
|
+
* @default false
|
|
479
|
+
*/
|
|
480
|
+
disabled?: RAC.CheckboxGroupProps['isDisabled'];
|
|
481
|
+
/**
|
|
482
|
+
* Sets the checkbox as required.
|
|
483
|
+
*
|
|
484
|
+
* @default false
|
|
485
|
+
*/
|
|
486
|
+
required?: RAC.CheckboxGroupProps['isRequired'];
|
|
487
|
+
/**
|
|
488
|
+
* If `true`, the checkbox is considered invalid and if set the `errorMessage` is shown instead of the `description`.
|
|
489
|
+
*
|
|
490
|
+
* @default false
|
|
491
|
+
*/
|
|
492
|
+
error?: RAC.CheckboxGroupProps['isInvalid'];
|
|
493
|
+
/**
|
|
494
|
+
* Sets the checkbox on read only.
|
|
495
|
+
*
|
|
496
|
+
* @default false
|
|
497
|
+
*/
|
|
498
|
+
readOnly?: RAC.CheckboxGroupProps['isReadOnly'];
|
|
499
|
+
/**
|
|
500
|
+
* Wheather the component is displayed vertically or horizontally.
|
|
501
|
+
*
|
|
502
|
+
* @default vertical
|
|
503
|
+
*/
|
|
504
|
+
orientation?: Orientation;
|
|
505
|
+
/**
|
|
506
|
+
* The number of items to display before collapsing the rest.
|
|
507
|
+
* Items beyond this number will be hidden until the user clicks
|
|
508
|
+
* the "Show more" control.
|
|
509
|
+
*
|
|
510
|
+
* @default undefined
|
|
511
|
+
*/
|
|
512
|
+
collapseAt?: number;
|
|
513
|
+
}
|
|
514
|
+
declare const _CheckboxGroup: ({
|
|
515
|
+
children,
|
|
516
|
+
variant,
|
|
517
|
+
size,
|
|
518
|
+
required,
|
|
519
|
+
disabled,
|
|
520
|
+
readOnly,
|
|
521
|
+
error,
|
|
522
|
+
width,
|
|
523
|
+
orientation,
|
|
524
|
+
collapseAt,
|
|
525
|
+
...rest
|
|
526
|
+
}: CheckboxGroupProps) => react_jsx_runtime3.JSX.Element;
|
|
527
|
+
//#endregion
|
|
528
|
+
//#region src/Checkbox/Checkbox.d.ts
|
|
529
|
+
type RemovedProps$28 = 'children' | 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'isSelected' | 'isIndeterminate' | 'defaultSelected';
|
|
530
|
+
interface CheckboxProps extends Omit<RAC.CheckboxProps, RemovedProps$28> {
|
|
531
|
+
variant?: string;
|
|
532
|
+
size?: string;
|
|
533
|
+
/**
|
|
534
|
+
* Whether the element should be checked (controlled).
|
|
535
|
+
*/
|
|
536
|
+
checked?: boolean | undefined;
|
|
537
|
+
/**
|
|
538
|
+
* Whether the element should be checked (uncontrolled).
|
|
539
|
+
*/
|
|
540
|
+
defaultChecked?: boolean | undefined;
|
|
541
|
+
/**
|
|
542
|
+
* Whether the checkbox is disabled.
|
|
543
|
+
* @default false
|
|
544
|
+
*/
|
|
545
|
+
disabled?: boolean;
|
|
546
|
+
/**
|
|
547
|
+
* Whether the checkbox is required.
|
|
548
|
+
* @default false
|
|
549
|
+
*/
|
|
550
|
+
required?: boolean;
|
|
551
|
+
/**
|
|
552
|
+
* Whether the checkbox is read-only.
|
|
553
|
+
* @default false
|
|
554
|
+
*/
|
|
555
|
+
readOnly?: boolean;
|
|
556
|
+
/**
|
|
557
|
+
* Use when it represents both selected and not selected values.
|
|
558
|
+
* @default false
|
|
559
|
+
*/
|
|
560
|
+
indeterminate?: boolean;
|
|
561
|
+
/**
|
|
562
|
+
* If `true`, the checkbox is considered invalid and if set the `errorMessage` is shown instead of the `description`.
|
|
563
|
+
* @default false
|
|
564
|
+
*/
|
|
565
|
+
error?: boolean;
|
|
566
|
+
/**
|
|
567
|
+
* Set the label of the checkbox.
|
|
568
|
+
* @default none
|
|
569
|
+
*
|
|
570
|
+
*/
|
|
571
|
+
label?: ReactNode;
|
|
572
|
+
/**
|
|
573
|
+
* A helpful text.
|
|
574
|
+
*/
|
|
575
|
+
description?: ReactNode;
|
|
463
576
|
}
|
|
464
577
|
interface CheckboxComponent extends ForwardRefExoticComponent<CheckboxProps & RefAttributes<HTMLLabelElement>> {
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
578
|
+
/**
|
|
579
|
+
* Group for checkboxes.
|
|
580
|
+
*/
|
|
581
|
+
Group: typeof _CheckboxGroup;
|
|
469
582
|
}
|
|
470
583
|
declare const _Checkbox: CheckboxComponent;
|
|
471
|
-
|
|
584
|
+
//#endregion
|
|
585
|
+
//#region src/CloseButton/CloseButton.d.ts
|
|
586
|
+
interface CloseButtonProps extends Pick<ButtonProps, 'onPress' | 'size' | 'variant' | 'slot' | 'aria-label'> {
|
|
587
|
+
className?: string;
|
|
588
|
+
style?: CSSProperties;
|
|
589
|
+
}
|
|
590
|
+
declare const CloseButton: react6.ForwardRefExoticComponent<CloseButtonProps & react6.RefAttributes<HTMLButtonElement>>;
|
|
591
|
+
//#endregion
|
|
592
|
+
//#region src/Collapsible/CollapsibleTrigger.d.ts
|
|
593
|
+
interface CollapsibleProps$1 extends Omit<ButtonProps$1, 'className' | 'style'>, Pick<HeadingProps, 'level'> {
|
|
594
|
+
variant?: 'default' | 'link' | (string & {});
|
|
595
|
+
size?: 'default' | (string & {});
|
|
596
|
+
}
|
|
597
|
+
//#endregion
|
|
598
|
+
//#region src/Collapsible/CollapsibleContent.d.ts
|
|
599
|
+
interface CollapsibleContentProps extends Omit<DisclosurePanelProps, 'className' | 'style'> {
|
|
600
|
+
variant?: string;
|
|
601
|
+
size?: string;
|
|
602
|
+
}
|
|
603
|
+
//#endregion
|
|
604
|
+
//#region src/Collapsible/Collapsible.d.ts
|
|
605
|
+
interface CollapsibleProps extends Omit<DisclosureProps$1, 'className' | 'style'> {
|
|
606
|
+
variant?: 'default' | 'link' | (string & {});
|
|
607
|
+
size?: 'default' | (string & {});
|
|
608
|
+
/**
|
|
609
|
+
* Removes the form's visual container so that it does not impact the layout,
|
|
610
|
+
* letting child elements render naturally.
|
|
611
|
+
*/
|
|
612
|
+
unstyled?: boolean;
|
|
613
|
+
}
|
|
614
|
+
declare const Collapsible: {
|
|
615
|
+
({
|
|
616
|
+
variant,
|
|
617
|
+
size,
|
|
618
|
+
children,
|
|
619
|
+
unstyled,
|
|
620
|
+
...props
|
|
621
|
+
}: CollapsibleProps): react_jsx_runtime3.JSX.Element;
|
|
622
|
+
Trigger: ({
|
|
623
|
+
variant,
|
|
624
|
+
size,
|
|
625
|
+
children,
|
|
626
|
+
level,
|
|
627
|
+
...props
|
|
628
|
+
}: CollapsibleProps$1) => react_jsx_runtime3.JSX.Element;
|
|
629
|
+
Content: ({
|
|
630
|
+
variant,
|
|
631
|
+
size,
|
|
632
|
+
children,
|
|
633
|
+
...props
|
|
634
|
+
}: CollapsibleContentProps) => react_jsx_runtime3.JSX.Element;
|
|
635
|
+
};
|
|
636
|
+
//#endregion
|
|
637
|
+
//#region src/Columns/Columns.d.ts
|
|
472
638
|
interface ColumnsProps extends GapSpaceProp, AriaRegionProps {
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
}
|
|
491
|
-
declare const Columns: ({
|
|
492
|
-
|
|
639
|
+
/**
|
|
640
|
+
* The children of the component.
|
|
641
|
+
*/
|
|
642
|
+
children?: ReactNode;
|
|
643
|
+
/**
|
|
644
|
+
* An array of numbers to set the size of the children. The columns array length and the count of children must be the same. Write "fit" for the column you want to have it fitting the contents width and height.
|
|
645
|
+
*/
|
|
646
|
+
columns: Array<number | 'fit'>;
|
|
647
|
+
/**
|
|
648
|
+
* Collapse children into a vertical layout at given width. Note that `collapseAt` is based on the total element width, and not the window width. With a default value of "0" columns will not collapse by default.
|
|
649
|
+
*/
|
|
650
|
+
collapseAt?: string;
|
|
651
|
+
/**
|
|
652
|
+
* Stretch to height of parent container.
|
|
653
|
+
* @default false
|
|
654
|
+
*/
|
|
655
|
+
stretch?: boolean;
|
|
656
|
+
}
|
|
657
|
+
declare const Columns: ({
|
|
658
|
+
space,
|
|
659
|
+
columns,
|
|
660
|
+
collapseAt,
|
|
661
|
+
stretch,
|
|
662
|
+
children,
|
|
663
|
+
...props
|
|
664
|
+
}: ColumnsProps) => react_jsx_runtime3.JSX.Element;
|
|
665
|
+
//#endregion
|
|
666
|
+
//#region src/ComboBox/ComboBox.d.ts
|
|
667
|
+
type RemovedProps$27 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'defaultInputValue' | 'inputValue' | 'onInputChange';
|
|
668
|
+
interface ComboBoxProps extends Omit<RAC.ComboBoxProps<any>, RemovedProps$27>, Pick<FieldBaseProps<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
|
|
669
|
+
variant?: string;
|
|
670
|
+
size?: string;
|
|
671
|
+
/**
|
|
672
|
+
* If `true`, the input is disabled.
|
|
673
|
+
* @default false
|
|
674
|
+
*/
|
|
675
|
+
disabled?: RAC.ComboBoxProps<any>['isDisabled'];
|
|
676
|
+
/**
|
|
677
|
+
* If `true`, the input is required.
|
|
678
|
+
* @default false
|
|
679
|
+
*/
|
|
680
|
+
required?: RAC.ComboBoxProps<any>['isRequired'];
|
|
681
|
+
/**
|
|
682
|
+
* If `true`, the input is readOnly.
|
|
683
|
+
* @default false
|
|
684
|
+
*/
|
|
685
|
+
readOnly?: RAC.ComboBoxProps<any>['isReadOnly'];
|
|
686
|
+
/**
|
|
687
|
+
* If `true`, the field is considered invalid and if set the `errorMessage` is shown instead of the `description`.
|
|
688
|
+
* @default false
|
|
689
|
+
*/
|
|
690
|
+
error?: RAC.ComboBoxProps<any>['isInvalid'];
|
|
691
|
+
/**
|
|
692
|
+
* The value of the input (uncontrolled).
|
|
693
|
+
*/
|
|
694
|
+
defaultValue?: RAC.ComboBoxProps<any>['defaultInputValue'];
|
|
695
|
+
/**
|
|
696
|
+
* The value of the input (controlled).
|
|
697
|
+
*/
|
|
698
|
+
value?: RAC.ComboBoxProps<any>['inputValue'];
|
|
699
|
+
/**
|
|
700
|
+
* Called when the input value changes.
|
|
701
|
+
*/
|
|
702
|
+
onChange?: RAC.ComboBoxProps<any>['onInputChange'];
|
|
703
|
+
/**
|
|
704
|
+
* ReactNode or function to render the list of items.
|
|
705
|
+
*/
|
|
706
|
+
children?: ReactNode | ((item: any) => ReactNode);
|
|
707
|
+
/**
|
|
708
|
+
* Set the placeholder for the select.
|
|
709
|
+
*/
|
|
710
|
+
placeholder?: string;
|
|
711
|
+
/**
|
|
712
|
+
* Provides content to display when there are no items in the list.
|
|
713
|
+
*/
|
|
714
|
+
emptyState?: ReactNode;
|
|
715
|
+
/**
|
|
716
|
+
* If `true`, a loading spinner will show up.
|
|
717
|
+
* @default false
|
|
718
|
+
*/
|
|
719
|
+
loading?: boolean;
|
|
720
|
+
}
|
|
721
|
+
interface ComboBoxComponent extends ForwardRefExoticComponent<ComboBoxProps & RefAttributes<HTMLInputElement>> {
|
|
722
|
+
/**
|
|
723
|
+
* Options for the Combobox.
|
|
724
|
+
*/
|
|
725
|
+
Option: typeof _ListBox.Item;
|
|
726
|
+
/**
|
|
727
|
+
* Section for the Combobox, to put options in.
|
|
728
|
+
*/
|
|
729
|
+
Section: typeof _ListBox.Section;
|
|
730
|
+
}
|
|
731
|
+
declare const _ComboBox: ComboBoxComponent;
|
|
732
|
+
//#endregion
|
|
733
|
+
//#region src/Container/Container.d.ts
|
|
493
734
|
declare const containerTextLength: {
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
735
|
+
short: string;
|
|
736
|
+
default: string;
|
|
737
|
+
long: string;
|
|
497
738
|
};
|
|
498
739
|
declare const gridColsAlign: {
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
};
|
|
503
|
-
declare const gridColumn: {
|
|
504
|
-
left: string;
|
|
505
|
-
center: string;
|
|
506
|
-
right: string;
|
|
740
|
+
left: string;
|
|
741
|
+
center: string;
|
|
742
|
+
right: string;
|
|
507
743
|
};
|
|
508
744
|
interface ContainerProps extends GapSpaceProp, AriaRegionProps {
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
}
|
|
525
|
-
declare const Container: ({
|
|
526
|
-
|
|
745
|
+
children?: ReactNode;
|
|
746
|
+
/**
|
|
747
|
+
* Width of the container.
|
|
748
|
+
* @default 'default'
|
|
749
|
+
*/
|
|
750
|
+
contentLength?: keyof typeof containerTextLength;
|
|
751
|
+
/**
|
|
752
|
+
* Set alignment the content inside the container.
|
|
753
|
+
* @default 'left'
|
|
754
|
+
*/
|
|
755
|
+
align?: keyof typeof gridColsAlign;
|
|
756
|
+
/**
|
|
757
|
+
* Set alignment of the items inside the container.
|
|
758
|
+
*/
|
|
759
|
+
alignItems?: PlaceItemsProp['align'];
|
|
760
|
+
}
|
|
761
|
+
declare const Container: ({
|
|
762
|
+
contentLength,
|
|
763
|
+
align,
|
|
764
|
+
alignItems,
|
|
765
|
+
space,
|
|
766
|
+
children,
|
|
767
|
+
...props
|
|
768
|
+
}: ContainerProps) => react_jsx_runtime3.JSX.Element;
|
|
769
|
+
//#endregion
|
|
770
|
+
//#region src/icons/Icons.types.d.ts
|
|
771
|
+
interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> {
|
|
772
|
+
size?: number | `${number}${number}` | `${number}${number}`;
|
|
773
|
+
}
|
|
774
|
+
//#endregion
|
|
775
|
+
//#region src/ContextualHelp/ContextualHelpContent.d.ts
|
|
527
776
|
interface ContextualHelpContentProps {
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
}
|
|
532
|
-
declare const ContextualHelpContent: ({
|
|
533
|
-
|
|
777
|
+
children: React.ReactNode;
|
|
778
|
+
variant?: string;
|
|
779
|
+
size?: string;
|
|
780
|
+
}
|
|
781
|
+
declare const ContextualHelpContent: ({
|
|
782
|
+
children,
|
|
783
|
+
variant,
|
|
784
|
+
size
|
|
785
|
+
}: ContextualHelpContentProps) => react_jsx_runtime3.JSX.Element;
|
|
786
|
+
//#endregion
|
|
787
|
+
//#region src/ContextualHelp/ContextualHelpTitle.d.ts
|
|
534
788
|
interface ContextualHelpTitleProps {
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
}
|
|
539
|
-
declare const ContextualHelpTitle: ({
|
|
540
|
-
|
|
789
|
+
children: React.ReactNode;
|
|
790
|
+
variant?: string;
|
|
791
|
+
size?: string;
|
|
792
|
+
}
|
|
793
|
+
declare const ContextualHelpTitle: ({
|
|
794
|
+
children,
|
|
795
|
+
variant,
|
|
796
|
+
size
|
|
797
|
+
}: ContextualHelpTitleProps) => react_jsx_runtime3.JSX.Element;
|
|
798
|
+
//#endregion
|
|
799
|
+
//#region src/ContextualHelp/ContextualHelp.d.ts
|
|
541
800
|
declare const icons$1: {
|
|
542
|
-
|
|
543
|
-
|
|
801
|
+
help: ({
|
|
802
|
+
size,
|
|
803
|
+
className,
|
|
804
|
+
...props
|
|
805
|
+
}: IconProps) => react_jsx_runtime3.JSX.Element;
|
|
806
|
+
info: ({
|
|
807
|
+
size,
|
|
808
|
+
className,
|
|
809
|
+
...props
|
|
810
|
+
}: IconProps) => react_jsx_runtime3.JSX.Element;
|
|
544
811
|
};
|
|
545
812
|
interface ContextualHelpComponent extends ForwardRefExoticComponent<ContextualHelpProps & RefAttributes<HTMLInputElement>> {
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
813
|
+
/**
|
|
814
|
+
* Options for the Combobox.
|
|
815
|
+
*/
|
|
816
|
+
Title: typeof ContextualHelpTitle;
|
|
817
|
+
Content: typeof ContextualHelpContent;
|
|
551
818
|
}
|
|
552
819
|
/**
|
|
553
820
|
* Placement of the popover.
|
|
@@ -558,1710 +825,2067 @@ type Placement = 'top' | 'bottom' | 'left' | 'right' | 'top start' | 'bottom sta
|
|
|
558
825
|
* Props for the ContextualHelp component.
|
|
559
826
|
*/
|
|
560
827
|
interface ContextualHelpProps {
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
828
|
+
/** Size of the button and popover. */
|
|
829
|
+
size?: 'small' | 'medium' | 'large';
|
|
830
|
+
/** Content rendered inside the popover. */
|
|
831
|
+
children: ReactNode;
|
|
832
|
+
/** Visual variant of the icon (e.g. info or help). */
|
|
833
|
+
variant?: keyof typeof icons$1;
|
|
834
|
+
/** Placement of the popover relative to the button. */
|
|
835
|
+
placement?: Placement;
|
|
836
|
+
/** Optional width size for the popover */
|
|
837
|
+
width?: 'small' | 'medium' | 'large';
|
|
838
|
+
/** Offset (in px) between button and popover. */
|
|
839
|
+
offset?: number;
|
|
840
|
+
/** Whether the popover is open by default (uncontrolled). */
|
|
841
|
+
defaultOpen?: boolean;
|
|
842
|
+
/** Controls the open state of the popover (controlled). */
|
|
843
|
+
open?: boolean;
|
|
844
|
+
/** Handler that is called when the open state changes. */
|
|
845
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
579
846
|
}
|
|
580
847
|
declare const _ContextualHelp: ContextualHelpComponent;
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
848
|
+
//#endregion
|
|
849
|
+
//#region src/DateField/DateField.d.ts
|
|
850
|
+
type RemovedProps$26 = 'className' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'label' | 'children' | 'style';
|
|
851
|
+
interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProps$26>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
852
|
+
variant?: string;
|
|
853
|
+
size?: string;
|
|
854
|
+
/**
|
|
855
|
+
* Optional element (e.g., button or icon) rendered inside the DateField.
|
|
856
|
+
*/
|
|
857
|
+
action?: ReactElement<any>;
|
|
858
|
+
/**
|
|
859
|
+
* If `true`, the date field is required.
|
|
860
|
+
* @default false
|
|
861
|
+
*/
|
|
862
|
+
required?: RAC.DateFieldProps<DateValue>['isRequired'];
|
|
863
|
+
/**
|
|
864
|
+
* If `true`, the date field is disabled.
|
|
865
|
+
* @default false
|
|
866
|
+
*/
|
|
867
|
+
disabled?: RAC.DateFieldProps<DateValue>['isDisabled'];
|
|
868
|
+
/**
|
|
869
|
+
* If `true`, the field is considered invalid and if set the errorMessage is shown instead of the `description`.
|
|
870
|
+
* @default false
|
|
871
|
+
*/
|
|
872
|
+
error?: RAC.DateFieldProps<DateValue>['isInvalid'];
|
|
873
|
+
/**
|
|
874
|
+
* If `true`, the date field is readOnly.
|
|
875
|
+
* @default false
|
|
876
|
+
*/
|
|
877
|
+
readOnly?: RAC.DateFieldProps<DateValue>['isReadOnly'];
|
|
878
|
+
/**
|
|
879
|
+
* Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
|
|
880
|
+
* @default 'full'
|
|
881
|
+
*/
|
|
882
|
+
width?: WidthProp['width'];
|
|
883
|
+
}
|
|
884
|
+
declare const _DateField: react6.ForwardRefExoticComponent<DateFieldProps & react6.RefAttributes<HTMLInputElement>>;
|
|
885
|
+
//#endregion
|
|
886
|
+
//#region src/DatePicker/DatePicker.d.ts
|
|
887
|
+
type RemovedProps$25 = 'isDisabled' | 'isDateUnavailable' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'style' | 'className' | 'isOpen';
|
|
888
|
+
interface DatePickerProps extends Omit<RAC.DatePickerProps<DateValue>, RemovedProps$25>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
889
|
+
/**
|
|
890
|
+
* Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.
|
|
891
|
+
*/
|
|
892
|
+
dateUnavailable?: RAC.DatePickerProps<DateValue>['isDateUnavailable'];
|
|
893
|
+
/**
|
|
894
|
+
* If `true`, the date picker is disabled.
|
|
895
|
+
* @default false
|
|
896
|
+
*/
|
|
897
|
+
disabled?: RAC.DatePickerProps<DateValue>['isDisabled'];
|
|
898
|
+
/**
|
|
899
|
+
* If `true`, the date picker is required.
|
|
900
|
+
* @default false
|
|
901
|
+
*/
|
|
902
|
+
required?: RAC.DatePickerProps<DateValue>['isRequired'];
|
|
903
|
+
/**
|
|
904
|
+
* If `true`, the date picker is readOnly.
|
|
905
|
+
* @default false
|
|
906
|
+
*/
|
|
907
|
+
readOnly?: RAC.DatePickerProps<DateValue>['isReadOnly'];
|
|
908
|
+
/**
|
|
909
|
+
* If `true`, the field is considered invalid and if set the errorMessage is shown instead of the `description`.
|
|
910
|
+
* @default false
|
|
911
|
+
*/
|
|
912
|
+
error?: RAC.DatePickerProps<DateValue>['isInvalid'];
|
|
913
|
+
/**
|
|
914
|
+
* Whether the calendar is open by default (controlled).
|
|
915
|
+
* @default false
|
|
916
|
+
*/
|
|
917
|
+
open?: RAC.DatePickerProps<DateValue>['isOpen'];
|
|
918
|
+
variant?: string;
|
|
919
|
+
size?: string;
|
|
920
|
+
/**
|
|
921
|
+
* Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
|
|
922
|
+
*/
|
|
923
|
+
width?: WidthProp['width'];
|
|
924
|
+
}
|
|
925
|
+
declare const _DatePicker: React$1.ForwardRefExoticComponent<DatePickerProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
926
|
+
//#endregion
|
|
927
|
+
//#region src/Overlay/Modal.d.ts
|
|
594
928
|
interface ModalProps extends RAC.ModalOverlayProps {
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
}
|
|
609
|
-
declare const _Modal:
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
/** The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state. */
|
|
613
|
-
className?: string | ((values: T & {
|
|
614
|
-
defaultClassName: string | undefined;
|
|
615
|
-
}) => string);
|
|
616
|
-
/** The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state. */
|
|
617
|
-
style?: CSSProperties | ((values: T & {
|
|
618
|
-
defaultStyle: CSSProperties;
|
|
619
|
-
}) => CSSProperties | undefined);
|
|
620
|
-
}
|
|
621
|
-
interface RenderProps<T> extends StyleRenderProps<T> {
|
|
622
|
-
/** The children of the component. A function may be provided to alter the children based on component state. */
|
|
623
|
-
children?: ReactNode | ((values: T & {
|
|
624
|
-
defaultChildren: ReactNode | undefined;
|
|
625
|
-
}) => ReactNode);
|
|
626
|
-
}
|
|
627
|
-
|
|
628
|
-
interface AriaNonModalProps {
|
|
629
|
-
/**
|
|
630
|
-
* The ref for the non-modal element.
|
|
631
|
-
*/
|
|
632
|
-
nonModalRef: RefObject<Element | null>;
|
|
633
|
-
/**
|
|
634
|
-
* Whether pressing the escape key closes the modal.
|
|
635
|
-
* @default true
|
|
636
|
-
*/
|
|
637
|
-
keyboardDismissable?: boolean;
|
|
638
|
-
}
|
|
639
|
-
|
|
640
|
-
interface NonModalRenderProps {
|
|
641
|
-
/**
|
|
642
|
-
* Whether the popover is currently entering. Use this to apply animations.
|
|
643
|
-
* @selector [data-entering]
|
|
644
|
-
*/
|
|
645
|
-
isEntering: boolean;
|
|
646
|
-
/**
|
|
647
|
-
* Whether the popover is currently exiting. Use this to apply animations.
|
|
648
|
-
* @selector [data-exiting]
|
|
649
|
-
*/
|
|
650
|
-
isExiting: boolean;
|
|
651
|
-
/**
|
|
652
|
-
* State of the non-modal.
|
|
653
|
-
*/
|
|
654
|
-
state: OverlayTriggerState;
|
|
655
|
-
}
|
|
656
|
-
interface NonModalInnerProps extends AriaNonModalProps, AriaLabelingProps, SlotProps, RenderProps<NonModalRenderProps> {
|
|
657
|
-
state: OverlayTriggerState;
|
|
658
|
-
isEntering?: boolean;
|
|
659
|
-
isExiting: boolean;
|
|
660
|
-
}
|
|
661
|
-
interface NonModalProps extends Omit<OverlayTriggerProps, 'isOpen'>, AriaLabelingProps, SlotProps, Pick<NonModalInnerProps, 'style' | 'className' | 'children'> {
|
|
662
|
-
/**
|
|
663
|
-
* Whether the overlay is open by default (controlled).
|
|
664
|
-
* @default undefined
|
|
665
|
-
*/
|
|
666
|
-
open?: boolean;
|
|
667
|
-
/**
|
|
668
|
-
* Whether pressing the escape key closes the modal.
|
|
669
|
-
* @default true
|
|
670
|
-
*/
|
|
671
|
-
keyboardDismissable?: boolean;
|
|
672
|
-
/**
|
|
673
|
-
* Whether the popover is currently performing an entry animation.
|
|
674
|
-
* @default undefined
|
|
675
|
-
*/
|
|
676
|
-
isEntering?: boolean;
|
|
677
|
-
/**
|
|
678
|
-
* Whether the popover is currently performing an exit animation.
|
|
679
|
-
* @default undefined
|
|
680
|
-
*/
|
|
681
|
-
isExiting?: boolean;
|
|
682
|
-
/**
|
|
683
|
-
* Ref to the overlay element.
|
|
684
|
-
* @default undefined
|
|
685
|
-
*/
|
|
686
|
-
ref?: RefObject<HTMLElement | null>;
|
|
687
|
-
}
|
|
688
|
-
declare const NonModal: react.ForwardRefExoticComponent<Omit<NonModalProps, "ref"> & react.RefAttributes<HTMLElement>>;
|
|
689
|
-
|
|
690
|
-
interface PopoverProps extends Omit<RAC.PopoverProps, 'isOpen' | 'isKeyboardDismissDisabled' | 'style' | 'className' | 'children'> {
|
|
691
|
-
keyboardDismissDisabled?: boolean;
|
|
692
|
-
open?: boolean;
|
|
693
|
-
children: ReactNode;
|
|
694
|
-
}
|
|
695
|
-
declare const _Popover: react.ForwardRefExoticComponent<PopoverProps & react.RefAttributes<HTMLDivElement>>;
|
|
696
|
-
|
|
697
|
-
interface UnderlayProps extends Omit<RAC.ModalOverlayProps, 'isOpen' | 'isDismissable' | 'isKeyboardDismissDisabled' | 'className'> {
|
|
698
|
-
variant?: string;
|
|
699
|
-
size?: string;
|
|
700
|
-
open?: boolean;
|
|
701
|
-
dismissable?: boolean;
|
|
702
|
-
keyboardDismissable?: boolean;
|
|
703
|
-
}
|
|
704
|
-
declare const Underlay: ({ size, variant, open, dismissable, keyboardDismissable, ...rest }: UnderlayProps) => react_jsx_runtime.JSX.Element;
|
|
705
|
-
|
|
929
|
+
/** Whether the overlay is open by default (controlled). */
|
|
930
|
+
open?: boolean;
|
|
931
|
+
/**
|
|
932
|
+
* Whether to close the modal when the user interacts outside it.
|
|
933
|
+
* @default false
|
|
934
|
+
*/
|
|
935
|
+
dismissable?: boolean;
|
|
936
|
+
/**
|
|
937
|
+
* Whether pressing the escape key to close the modal should be disabled.
|
|
938
|
+
* @default true
|
|
939
|
+
*/
|
|
940
|
+
keyboardDismissable?: boolean;
|
|
941
|
+
size?: string;
|
|
942
|
+
}
|
|
943
|
+
declare const _Modal: react6.ForwardRefExoticComponent<Omit<ModalProps, "className" | "isOpen" | "isDismissable" | "isKeyboardDismissDisabled"> & react6.RefAttributes<HTMLDivElement>>;
|
|
944
|
+
//#endregion
|
|
945
|
+
//#region src/Dialog/DialogActions.d.ts
|
|
706
946
|
interface DialogActions {
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
}
|
|
714
|
-
declare const DialogActions: ({
|
|
715
|
-
|
|
947
|
+
/**
|
|
948
|
+
* Children of the component.
|
|
949
|
+
*/
|
|
950
|
+
children?: ReactNode;
|
|
951
|
+
variant?: string;
|
|
952
|
+
size?: string;
|
|
953
|
+
}
|
|
954
|
+
declare const DialogActions: ({
|
|
955
|
+
variant,
|
|
956
|
+
size,
|
|
957
|
+
children
|
|
958
|
+
}: DialogActions) => react_jsx_runtime3.JSX.Element;
|
|
959
|
+
//#endregion
|
|
960
|
+
//#region src/Dialog/DialogContent.d.ts
|
|
716
961
|
interface DialogContentProps {
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
}
|
|
724
|
-
declare const DialogContent: ({
|
|
725
|
-
|
|
962
|
+
/**
|
|
963
|
+
* Children of the component.
|
|
964
|
+
*/
|
|
965
|
+
children?: ReactNode;
|
|
966
|
+
variant?: string;
|
|
967
|
+
size?: string;
|
|
968
|
+
}
|
|
969
|
+
declare const DialogContent: ({
|
|
970
|
+
variant,
|
|
971
|
+
size,
|
|
972
|
+
children
|
|
973
|
+
}: DialogContentProps) => react_jsx_runtime3.JSX.Element;
|
|
974
|
+
//#endregion
|
|
975
|
+
//#region src/Dialog/DialogTitle.d.ts
|
|
726
976
|
interface DialogTitleProps {
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
}
|
|
732
|
-
declare const DialogTitle: ({
|
|
733
|
-
|
|
977
|
+
/** Children of the component. */
|
|
978
|
+
children?: React.ReactNode;
|
|
979
|
+
variant?: string;
|
|
980
|
+
size?: string;
|
|
981
|
+
}
|
|
982
|
+
declare const DialogTitle: ({
|
|
983
|
+
variant,
|
|
984
|
+
size,
|
|
985
|
+
children
|
|
986
|
+
}: DialogTitleProps) => react_jsx_runtime3.JSX.Element;
|
|
987
|
+
//#endregion
|
|
988
|
+
//#region src/Dialog/Context.d.ts
|
|
989
|
+
interface DialogContextProps extends RAC.ModalOverlayProps {
|
|
990
|
+
dismissable?: boolean;
|
|
991
|
+
keyboardDismissable?: boolean;
|
|
992
|
+
}
|
|
993
|
+
//#endregion
|
|
994
|
+
//#region src/Dialog/DialogTrigger.d.ts
|
|
995
|
+
type RemovedProps$24 = 'children' | 'isOpen' | 'isDismissable' | 'isKeyboardDismissDisabled';
|
|
996
|
+
interface DialogTriggerProps extends Omit<RAC.DialogTriggerProps, 'isOpen'>, Omit<DialogContextProps, RemovedProps$24> {
|
|
997
|
+
/** Whether the overlay is open by default (controlled). */
|
|
998
|
+
open?: boolean;
|
|
999
|
+
}
|
|
1000
|
+
declare const _DialogTrigger: ({
|
|
1001
|
+
open,
|
|
1002
|
+
dismissable,
|
|
1003
|
+
keyboardDismissable,
|
|
1004
|
+
...rest
|
|
1005
|
+
}: DialogTriggerProps) => ReactNode;
|
|
1006
|
+
//#endregion
|
|
1007
|
+
//#region src/Dialog/Dialog.d.ts
|
|
734
1008
|
interface DialogProps extends Omit<RAC.DialogProps, 'className' | 'style'>, Pick<ModalProps, 'open' | 'onOpenChange'> {
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
1009
|
+
variant?: string;
|
|
1010
|
+
size?: 'xsmall' | 'small' | 'medium' | (string & {});
|
|
1011
|
+
/**
|
|
1012
|
+
* Show the close button.
|
|
1013
|
+
*/
|
|
1014
|
+
closeButton?: boolean;
|
|
741
1015
|
}
|
|
742
1016
|
interface DialogComponent extends ForwardRefExoticComponent<DialogProps & RefAttributes<HTMLInputElement>> {
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
1017
|
+
Trigger: typeof _DialogTrigger;
|
|
1018
|
+
Title: typeof DialogTitle;
|
|
1019
|
+
Content: typeof DialogContent;
|
|
1020
|
+
Actions: typeof DialogActions;
|
|
747
1021
|
}
|
|
748
1022
|
declare const _Dialog: DialogComponent;
|
|
749
|
-
|
|
1023
|
+
//#endregion
|
|
1024
|
+
//#region src/Dialog/ConfirmationDialog.d.ts
|
|
750
1025
|
interface ConfirmationDialogProps extends Pick<DialogProps, 'variant' | 'size' | 'closeButton' | 'open' | 'onOpenChange'> {
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
|
|
766
|
-
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
|
|
1026
|
+
/**
|
|
1027
|
+
* The dialog's title.
|
|
1028
|
+
*/
|
|
1029
|
+
title: string;
|
|
1030
|
+
/**
|
|
1031
|
+
* Label for the primary action button.
|
|
1032
|
+
*/
|
|
1033
|
+
confirmationLabel: string;
|
|
1034
|
+
/**
|
|
1035
|
+
* Optional label for the cancel button, default label is "cancel".
|
|
1036
|
+
*/
|
|
1037
|
+
cancelLabel?: string;
|
|
1038
|
+
/**
|
|
1039
|
+
* Handler that is called when the confirm button is pressed.
|
|
1040
|
+
*/
|
|
1041
|
+
onConfirm?: () => void;
|
|
1042
|
+
/**
|
|
1043
|
+
* Handler that is called when the cancel button is pressed.
|
|
1044
|
+
*/
|
|
1045
|
+
onCancel?: () => void;
|
|
1046
|
+
/**
|
|
1047
|
+
* Button to focus by default when the dialog opens.
|
|
1048
|
+
*/
|
|
1049
|
+
autoFocusButton?: 'cancel' | 'action';
|
|
1050
|
+
/**
|
|
1051
|
+
* The dialog's content.
|
|
1052
|
+
*/
|
|
1053
|
+
children?: ReactNode;
|
|
779
1054
|
}
|
|
780
1055
|
declare const ConfirmationDialog: {
|
|
781
|
-
|
|
782
|
-
|
|
1056
|
+
({
|
|
1057
|
+
title,
|
|
1058
|
+
confirmationLabel,
|
|
1059
|
+
cancelLabel,
|
|
1060
|
+
onCancel,
|
|
1061
|
+
onConfirm,
|
|
1062
|
+
autoFocusButton,
|
|
1063
|
+
children,
|
|
1064
|
+
variant,
|
|
1065
|
+
size,
|
|
1066
|
+
...props
|
|
1067
|
+
}: ConfirmationDialogProps): react_jsx_runtime3.JSX.Element;
|
|
1068
|
+
Trigger: ({
|
|
1069
|
+
open,
|
|
1070
|
+
dismissable,
|
|
1071
|
+
keyboardDismissable,
|
|
1072
|
+
...rest
|
|
1073
|
+
}: DialogTriggerProps) => ReactNode;
|
|
783
1074
|
};
|
|
784
|
-
|
|
1075
|
+
//#endregion
|
|
1076
|
+
//#region src/Dialog/useConfirmation.d.ts
|
|
785
1077
|
type ConfirmationResult = 'confirmed' | 'cancelled';
|
|
786
1078
|
interface ConfirmationConfig extends Pick<ConfirmationDialogProps, 'variant' | 'title' | 'confirmationLabel' | 'cancelLabel' | 'autoFocusButton'> {
|
|
787
|
-
|
|
1079
|
+
content?: React.ReactNode;
|
|
788
1080
|
}
|
|
789
1081
|
type ConfirmationFn = (props: ConfirmationConfig) => Promise<ConfirmationResult>;
|
|
790
|
-
declare const ConfirmationContext:
|
|
791
|
-
declare const ConfirmationProvider: ({
|
|
1082
|
+
declare const ConfirmationContext: react6.Context<ConfirmationFn | null>;
|
|
1083
|
+
declare const ConfirmationProvider: ({
|
|
1084
|
+
children
|
|
1085
|
+
}: PropsWithChildren) => react_jsx_runtime3.JSX.Element;
|
|
792
1086
|
declare const useConfirmation: () => ConfirmationFn;
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
}
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
*/
|
|
806
|
-
children?: ReactNode;
|
|
807
|
-
}
|
|
808
|
-
|
|
809
|
-
interface DrawerTitleProps {
|
|
810
|
-
variant?: string;
|
|
811
|
-
size?: string;
|
|
812
|
-
/**
|
|
813
|
-
* Children of the component.
|
|
814
|
-
*/
|
|
815
|
-
children?: React.ReactNode;
|
|
816
|
-
}
|
|
817
|
-
|
|
1087
|
+
//#endregion
|
|
1088
|
+
//#region src/Divider/Divider.d.ts
|
|
1089
|
+
type RemovedProps$23 = 'className' | 'style';
|
|
1090
|
+
interface DividerProps extends Omit<RAC.SeparatorProps, RemovedProps$23> {
|
|
1091
|
+
variant?: 'default' | 'bold' | (string & {});
|
|
1092
|
+
}
|
|
1093
|
+
declare const _Divider: ({
|
|
1094
|
+
variant,
|
|
1095
|
+
...props
|
|
1096
|
+
}: DividerProps) => react_jsx_runtime3.JSX.Element;
|
|
1097
|
+
//#endregion
|
|
1098
|
+
//#region src/Drawer/DrawerTrigger.d.ts
|
|
818
1099
|
interface DrawerTriggerProps extends Omit<RAC.DialogTriggerProps, 'isOpen'> {
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
}
|
|
825
|
-
|
|
1100
|
+
/**
|
|
1101
|
+
* Whether the overlay is open by default (controlled).
|
|
1102
|
+
* @default false
|
|
1103
|
+
*/
|
|
1104
|
+
open?: boolean;
|
|
1105
|
+
}
|
|
1106
|
+
//#endregion
|
|
1107
|
+
//#region src/Drawer/DrawerTitle.d.ts
|
|
1108
|
+
interface DrawerTitleProps {
|
|
1109
|
+
variant?: string;
|
|
1110
|
+
size?: string;
|
|
1111
|
+
/**
|
|
1112
|
+
* Children of the component.
|
|
1113
|
+
*/
|
|
1114
|
+
children?: React.ReactNode;
|
|
1115
|
+
}
|
|
1116
|
+
//#endregion
|
|
1117
|
+
//#region src/Drawer/DrawerContent.d.ts
|
|
1118
|
+
interface DrawerContentProps {
|
|
1119
|
+
variant?: string;
|
|
1120
|
+
size?: string;
|
|
1121
|
+
/**
|
|
1122
|
+
* Children of the component.
|
|
1123
|
+
*/
|
|
1124
|
+
children?: ReactNode;
|
|
1125
|
+
}
|
|
1126
|
+
//#endregion
|
|
1127
|
+
//#region src/Drawer/DrawerActions.d.ts
|
|
826
1128
|
interface DrawerActions {
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
}
|
|
834
|
-
declare const DrawerActions: ({
|
|
835
|
-
|
|
1129
|
+
variant?: string;
|
|
1130
|
+
size?: string;
|
|
1131
|
+
/**
|
|
1132
|
+
* Children of the component.
|
|
1133
|
+
*/
|
|
1134
|
+
children?: ReactNode;
|
|
1135
|
+
}
|
|
1136
|
+
declare const DrawerActions: ({
|
|
1137
|
+
variant,
|
|
1138
|
+
size,
|
|
1139
|
+
children
|
|
1140
|
+
}: DrawerActions) => react_jsx_runtime3.JSX.Element;
|
|
1141
|
+
//#endregion
|
|
1142
|
+
//#region src/Drawer/Drawer.d.ts
|
|
836
1143
|
interface DrawerProps extends Omit<DialogProps$1, 'className' | 'style' | 'isOpen' | 'role'> {
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
1144
|
+
size?: 'xsmall' | 'small' | 'medium' | (string & {});
|
|
1145
|
+
variant?: string;
|
|
1146
|
+
/**
|
|
1147
|
+
* Whether the overlay is open by default (controlled).
|
|
1148
|
+
* @default undefined
|
|
1149
|
+
*/
|
|
1150
|
+
open?: boolean;
|
|
1151
|
+
/**
|
|
1152
|
+
* Whether pressing the escape key closes the modal.
|
|
1153
|
+
* @default true
|
|
1154
|
+
*/
|
|
1155
|
+
/**
|
|
1156
|
+
* The placement of the drawer on the screen.
|
|
1157
|
+
* @default right
|
|
1158
|
+
*/
|
|
1159
|
+
placement?: 'top' | 'bottom' | 'left' | 'right';
|
|
1160
|
+
keyboardDismissable?: boolean;
|
|
1161
|
+
/**
|
|
1162
|
+
* Show the close button.
|
|
1163
|
+
*/
|
|
1164
|
+
closeButton?: boolean;
|
|
1165
|
+
/**
|
|
1166
|
+
* The `role` property sets the ARIA landmark role for this component,
|
|
1167
|
+
* enhancing accessibility by clarifying its purpose to assistive technologies.
|
|
1168
|
+
*
|
|
1169
|
+
* Only ARIA landmark roles (e.g., "complementary", "search", "banner", "navigation")
|
|
1170
|
+
* can be used to ensure proper semantic context. Defaults to `"complementary"`
|
|
1171
|
+
* for secondary content (e.g., filters, sidebar) that supports the main content.
|
|
1172
|
+
* @default "complementary"
|
|
1173
|
+
*/
|
|
1174
|
+
role?: Exclude<AriaLandmarkRole, 'main'>;
|
|
868
1175
|
}
|
|
869
1176
|
declare const Drawer: {
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
1177
|
+
({
|
|
1178
|
+
children,
|
|
1179
|
+
size,
|
|
1180
|
+
variant,
|
|
1181
|
+
open,
|
|
1182
|
+
keyboardDismissable,
|
|
1183
|
+
closeButton,
|
|
1184
|
+
role,
|
|
1185
|
+
placement,
|
|
1186
|
+
...props
|
|
1187
|
+
}: DrawerProps): react_jsx_runtime3.JSX.Element;
|
|
1188
|
+
Trigger: ({
|
|
1189
|
+
open,
|
|
1190
|
+
children,
|
|
1191
|
+
...props
|
|
1192
|
+
}: DrawerTriggerProps) => react_jsx_runtime3.JSX.Element;
|
|
1193
|
+
Title: ({
|
|
1194
|
+
variant,
|
|
1195
|
+
size,
|
|
1196
|
+
children
|
|
1197
|
+
}: DrawerTitleProps) => react_jsx_runtime3.JSX.Element;
|
|
1198
|
+
Content: ({
|
|
1199
|
+
variant,
|
|
1200
|
+
size,
|
|
1201
|
+
children
|
|
1202
|
+
}: DrawerContentProps) => react_jsx_runtime3.JSX.Element;
|
|
1203
|
+
Actions: ({
|
|
1204
|
+
variant,
|
|
1205
|
+
size,
|
|
1206
|
+
children
|
|
1207
|
+
}: DrawerActions) => react_jsx_runtime3.JSX.Element;
|
|
875
1208
|
};
|
|
876
|
-
|
|
1209
|
+
//#endregion
|
|
1210
|
+
//#region src/Form/Form.d.ts
|
|
877
1211
|
interface FormProps extends Omit<RAC.FormProps, 'className' | 'style'>, MaxWidthProp {
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
}
|
|
884
|
-
declare const _Form: ({
|
|
885
|
-
|
|
1212
|
+
/**
|
|
1213
|
+
* Removes the form's visual container so that it does not impact the layout,
|
|
1214
|
+
* letting child elements render naturally.
|
|
1215
|
+
*/
|
|
1216
|
+
unstyled?: boolean;
|
|
1217
|
+
}
|
|
1218
|
+
declare const _Form: ({
|
|
1219
|
+
unstyled,
|
|
1220
|
+
maxWidth,
|
|
1221
|
+
...props
|
|
1222
|
+
}: FormProps) => react_jsx_runtime3.JSX.Element;
|
|
1223
|
+
//#endregion
|
|
1224
|
+
//#region src/Grid/GridArea.d.ts
|
|
886
1225
|
interface GridAreaProps {
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
|
|
894
|
-
|
|
895
|
-
}
|
|
896
|
-
|
|
1226
|
+
/**
|
|
1227
|
+
* Name of the grid area slot.
|
|
1228
|
+
*/
|
|
1229
|
+
name: string;
|
|
1230
|
+
/**
|
|
1231
|
+
* Children of the component.
|
|
1232
|
+
*/
|
|
1233
|
+
children?: ReactNode;
|
|
1234
|
+
}
|
|
1235
|
+
//#endregion
|
|
1236
|
+
//#region src/Grid/Grid.d.ts
|
|
897
1237
|
type TemplateValue = 'none' | 'auto' | 'min-content' | 'max-content' | (string & {}) | number;
|
|
898
1238
|
interface GridProps extends GapSpaceProp, HeightProp, AriaRegionProps {
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
|
|
1239
|
+
/**
|
|
1240
|
+
* Specifies the named grid areas, much like `grid-template-areas`.
|
|
1241
|
+
*/
|
|
1242
|
+
areas: string[];
|
|
1243
|
+
/**
|
|
1244
|
+
* Specifies the width of each column in the grid.
|
|
1245
|
+
*/
|
|
1246
|
+
columns: TemplateValue[];
|
|
1247
|
+
/**
|
|
1248
|
+
* Specifies the height of each rows in the grid.
|
|
1249
|
+
*/
|
|
1250
|
+
rows: TemplateValue[];
|
|
1251
|
+
/**
|
|
1252
|
+
* Children of the layout.
|
|
1253
|
+
*/
|
|
1254
|
+
children?: ReactNode;
|
|
1255
|
+
/**
|
|
1256
|
+
* Horizontal alignment for the children.
|
|
1257
|
+
*/
|
|
1258
|
+
alignX?: keyof typeof alignment.horizontal.alignmentX;
|
|
1259
|
+
/**
|
|
1260
|
+
* Vertical alignment for the children.
|
|
1261
|
+
*/
|
|
1262
|
+
alignY?: keyof typeof alignment.horizontal.alignmentY;
|
|
923
1263
|
}
|
|
924
1264
|
declare const Grid: {
|
|
925
|
-
|
|
926
|
-
|
|
1265
|
+
({
|
|
1266
|
+
children,
|
|
1267
|
+
areas,
|
|
1268
|
+
columns,
|
|
1269
|
+
rows,
|
|
1270
|
+
alignX,
|
|
1271
|
+
alignY,
|
|
1272
|
+
height,
|
|
1273
|
+
space,
|
|
1274
|
+
...props
|
|
1275
|
+
}: GridProps): react_jsx_runtime3.JSX.Element;
|
|
1276
|
+
Area: ({
|
|
1277
|
+
name,
|
|
1278
|
+
children
|
|
1279
|
+
}: GridAreaProps) => react_jsx_runtime3.JSX.Element;
|
|
927
1280
|
};
|
|
928
|
-
|
|
1281
|
+
//#endregion
|
|
1282
|
+
//#region src/Headline/Headline.d.ts
|
|
929
1283
|
interface HeadlineProps extends AriaLabelingProps$1, TextAlignProp {
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
}
|
|
949
|
-
declare const _Headline: ({
|
|
950
|
-
|
|
1284
|
+
/**
|
|
1285
|
+
* Set the color of the headline.
|
|
1286
|
+
*/
|
|
1287
|
+
color?: string;
|
|
1288
|
+
variant?: string;
|
|
1289
|
+
size?: 'level-1' | 'level-2' | 'level-3' | 'level-4' | 'level-5' | 'level-6' | (string & {});
|
|
1290
|
+
/**
|
|
1291
|
+
* Set a different level.
|
|
1292
|
+
*/
|
|
1293
|
+
level?: '1' | '2' | '3' | '4' | '5' | '6' | 1 | 2 | 3 | 4 | 5 | 6;
|
|
1294
|
+
/**
|
|
1295
|
+
* Children of the component.
|
|
1296
|
+
*/
|
|
1297
|
+
children?: ReactNode;
|
|
1298
|
+
/**
|
|
1299
|
+
* A slot to place the element in.
|
|
1300
|
+
*/
|
|
1301
|
+
slot?: string;
|
|
1302
|
+
}
|
|
1303
|
+
declare const _Headline: ({
|
|
1304
|
+
variant,
|
|
1305
|
+
size,
|
|
1306
|
+
children,
|
|
1307
|
+
align,
|
|
1308
|
+
color,
|
|
1309
|
+
level,
|
|
1310
|
+
...props
|
|
1311
|
+
}: HeadlineProps) => react_jsx_runtime3.JSX.Element;
|
|
1312
|
+
//#endregion
|
|
1313
|
+
//#region src/IconButton/IconButton.d.ts
|
|
1314
|
+
interface IconButtonProps extends RAC.ButtonProps {
|
|
1315
|
+
className?: string;
|
|
1316
|
+
variant?: 'navigation' | (string & {});
|
|
1317
|
+
size?: string;
|
|
1318
|
+
}
|
|
1319
|
+
declare const IconButton: ({
|
|
1320
|
+
className,
|
|
1321
|
+
children,
|
|
1322
|
+
variant,
|
|
1323
|
+
size,
|
|
1324
|
+
...props
|
|
1325
|
+
}: IconButtonProps) => react_jsx_runtime3.JSX.Element;
|
|
1326
|
+
//#endregion
|
|
1327
|
+
//#region src/Inline/Inline.d.ts
|
|
951
1328
|
declare const inlineAlignmentY: {
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
1329
|
+
input: string;
|
|
1330
|
+
top: "items-start";
|
|
1331
|
+
center: "items-center";
|
|
1332
|
+
bottom: "items-end";
|
|
956
1333
|
};
|
|
957
1334
|
interface InlineProps extends GapSpaceProp, AriaRegionProps {
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
}
|
|
975
|
-
declare const Inline: ({
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
* @default false
|
|
1008
|
-
*/
|
|
1009
|
-
error?: RAC.DateFieldProps<DateValue>['isInvalid'];
|
|
1010
|
-
/**
|
|
1011
|
-
* If `true`, the date field is readOnly.
|
|
1012
|
-
* @default false
|
|
1013
|
-
*/
|
|
1014
|
-
readOnly?: RAC.DateFieldProps<DateValue>['isReadOnly'];
|
|
1015
|
-
/**
|
|
1016
|
-
* Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
|
|
1017
|
-
* @default 'full'
|
|
1018
|
-
*/
|
|
1019
|
-
width?: WidthProp['width'];
|
|
1020
|
-
}
|
|
1021
|
-
declare const _DateField: react.ForwardRefExoticComponent<DateFieldProps & react.RefAttributes<HTMLInputElement>>;
|
|
1022
|
-
|
|
1023
|
-
type RemovedProps$o = 'visibleDuration' | 'pageBehavior' | 'isDateUnavailable' | 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
|
|
1024
|
-
interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$o> {
|
|
1025
|
-
/**
|
|
1026
|
-
* Disables the Calendar.
|
|
1027
|
-
* @default false
|
|
1028
|
-
*/
|
|
1029
|
-
disabled?: boolean;
|
|
1030
|
-
/**
|
|
1031
|
-
* Whether the calendar value is immutable.
|
|
1032
|
-
* @default false
|
|
1033
|
-
*/
|
|
1034
|
-
readOnly?: boolean;
|
|
1035
|
-
variant?: string;
|
|
1036
|
-
size?: string;
|
|
1037
|
-
/**
|
|
1038
|
-
* Sets the width of the calendar. You can see allowed tokens here: https://tailwindcss.com/docs/width
|
|
1039
|
-
* @default fit
|
|
1040
|
-
*/
|
|
1041
|
-
width?: WidthProp['width'];
|
|
1042
|
-
/**
|
|
1043
|
-
* Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.
|
|
1044
|
-
*/
|
|
1045
|
-
dateUnavailable?: RAC.CalendarProps<DateValue>['isDateUnavailable'];
|
|
1046
|
-
}
|
|
1047
|
-
declare const _Calendar: ({ disabled, readOnly, size, variant, width, dateUnavailable, minValue: _minValue, maxValue: _maxValue, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
|
|
1048
|
-
|
|
1049
|
-
type RemovedProps$n = 'isDisabled' | 'isDateUnavailable' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'style' | 'className' | 'isOpen';
|
|
1050
|
-
interface DatePickerProps extends Omit<RAC.DatePickerProps<DateValue>, RemovedProps$n>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
1051
|
-
/**
|
|
1052
|
-
* Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.
|
|
1053
|
-
*/
|
|
1054
|
-
dateUnavailable?: RAC.DatePickerProps<DateValue>['isDateUnavailable'];
|
|
1055
|
-
/**
|
|
1056
|
-
* If `true`, the date picker is disabled.
|
|
1057
|
-
* @default false
|
|
1058
|
-
*/
|
|
1059
|
-
disabled?: RAC.DatePickerProps<DateValue>['isDisabled'];
|
|
1060
|
-
/**
|
|
1061
|
-
* If `true`, the date picker is required.
|
|
1062
|
-
* @default false
|
|
1063
|
-
*/
|
|
1064
|
-
required?: RAC.DatePickerProps<DateValue>['isRequired'];
|
|
1065
|
-
/**
|
|
1066
|
-
* If `true`, the date picker is readOnly.
|
|
1067
|
-
* @default false
|
|
1068
|
-
*/
|
|
1069
|
-
readOnly?: RAC.DatePickerProps<DateValue>['isReadOnly'];
|
|
1070
|
-
/**
|
|
1071
|
-
* If `true`, the field is considered invalid and if set the errorMessage is shown instead of the `description`.
|
|
1072
|
-
* @default false
|
|
1073
|
-
*/
|
|
1074
|
-
error?: RAC.DatePickerProps<DateValue>['isInvalid'];
|
|
1075
|
-
/**
|
|
1076
|
-
* Whether the calendar is open by default (controlled).
|
|
1077
|
-
* @default false
|
|
1078
|
-
*/
|
|
1079
|
-
open?: RAC.DatePickerProps<DateValue>['isOpen'];
|
|
1080
|
-
variant?: string;
|
|
1081
|
-
size?: string;
|
|
1082
|
-
/**
|
|
1083
|
-
* Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
|
|
1084
|
-
*/
|
|
1085
|
-
width?: WidthProp['width'];
|
|
1086
|
-
}
|
|
1087
|
-
declare const _DatePicker: react__default.ForwardRefExoticComponent<DatePickerProps & react__default.RefAttributes<HTMLDivElement>>;
|
|
1088
|
-
|
|
1335
|
+
/**
|
|
1336
|
+
* The children of the component.
|
|
1337
|
+
*/
|
|
1338
|
+
children?: ReactNode;
|
|
1339
|
+
/**
|
|
1340
|
+
* Prevent the items from wrapping to the next line.
|
|
1341
|
+
*/
|
|
1342
|
+
noWrap?: boolean;
|
|
1343
|
+
/**
|
|
1344
|
+
* Horizontal alignment of the items inside the element.
|
|
1345
|
+
*/
|
|
1346
|
+
alignX?: keyof typeof alignment.horizontal.alignmentX;
|
|
1347
|
+
/**
|
|
1348
|
+
* Vertical alignment of the items inside the element.
|
|
1349
|
+
*/
|
|
1350
|
+
alignY?: keyof typeof inlineAlignmentY;
|
|
1351
|
+
}
|
|
1352
|
+
declare const Inline: ({
|
|
1353
|
+
space,
|
|
1354
|
+
noWrap,
|
|
1355
|
+
alignX,
|
|
1356
|
+
alignY,
|
|
1357
|
+
children,
|
|
1358
|
+
...props
|
|
1359
|
+
}: InlineProps) => react_jsx_runtime3.JSX.Element;
|
|
1360
|
+
//#endregion
|
|
1361
|
+
//#region src/Input/Input.d.ts
|
|
1362
|
+
type RemovedProps$22 = 'className' | 'style' | 'size';
|
|
1363
|
+
interface InputProps extends Omit<RAC.InputProps, RemovedProps$22> {
|
|
1364
|
+
icon?: ReactElement<any>;
|
|
1365
|
+
action?: ReactElement<any>;
|
|
1366
|
+
variant?: string;
|
|
1367
|
+
size?: string;
|
|
1368
|
+
className?: string;
|
|
1369
|
+
}
|
|
1370
|
+
declare const _Input: react6.ForwardRefExoticComponent<InputProps & react6.RefAttributes<HTMLInputElement>>;
|
|
1371
|
+
//#endregion
|
|
1372
|
+
//#region src/Input/SearchInput.d.ts
|
|
1373
|
+
interface SearchInputProps extends Omit<InputProps, 'icon' | 'className'> {
|
|
1374
|
+
loading?: boolean;
|
|
1375
|
+
className?: {
|
|
1376
|
+
input?: string;
|
|
1377
|
+
action?: string;
|
|
1378
|
+
};
|
|
1379
|
+
onClear?: () => void;
|
|
1380
|
+
}
|
|
1381
|
+
declare const SearchInput: react6.ForwardRefExoticComponent<SearchInputProps & react6.RefAttributes<HTMLInputElement>>;
|
|
1382
|
+
//#endregion
|
|
1383
|
+
//#region src/Inset/Inset.d.ts
|
|
1089
1384
|
type InsetProps = (AriaRegionProps & {
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
|
|
1385
|
+
/**
|
|
1386
|
+
* The children of the component
|
|
1387
|
+
*/
|
|
1388
|
+
children: ReactNode;
|
|
1389
|
+
space?: never;
|
|
1390
|
+
/**
|
|
1391
|
+
* Horizontal alignment for the children. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
|
|
1392
|
+
*/
|
|
1393
|
+
spaceX?: PaddingSpacePropX['spaceX'];
|
|
1394
|
+
/**
|
|
1395
|
+
* Vertical alignment for the children. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
|
|
1396
|
+
*/
|
|
1397
|
+
spaceY?: PaddingSpacePropY['spaceY'];
|
|
1103
1398
|
}) | (AriaRegionProps & {
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1399
|
+
children: ReactNode;
|
|
1400
|
+
/**
|
|
1401
|
+
* The space between the children. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
|
|
1402
|
+
*/
|
|
1403
|
+
space?: PaddingSpaceProp['space'];
|
|
1404
|
+
spaceX?: never;
|
|
1405
|
+
spaceY?: never;
|
|
1111
1406
|
});
|
|
1112
|
-
declare const Inset: ({
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
}
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
type RemovedProps$
|
|
1134
|
-
interface
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1153
|
-
|
|
1407
|
+
declare const Inset: ({
|
|
1408
|
+
space,
|
|
1409
|
+
spaceX,
|
|
1410
|
+
spaceY,
|
|
1411
|
+
children
|
|
1412
|
+
}: InsetProps) => react_jsx_runtime3.JSX.Element;
|
|
1413
|
+
//#endregion
|
|
1414
|
+
//#region src/Label/Label.d.ts
|
|
1415
|
+
type RemovedProps$21 = 'className';
|
|
1416
|
+
interface LabelProps extends Omit<RAC.LabelProps, RemovedProps$21> {
|
|
1417
|
+
size?: string;
|
|
1418
|
+
variant?: string;
|
|
1419
|
+
}
|
|
1420
|
+
declare const _Label: ({
|
|
1421
|
+
size,
|
|
1422
|
+
variant,
|
|
1423
|
+
children,
|
|
1424
|
+
...props
|
|
1425
|
+
}: LabelProps) => react_jsx_runtime3.JSX.Element;
|
|
1426
|
+
//#endregion
|
|
1427
|
+
//#region src/Link/Link.d.ts
|
|
1428
|
+
type RemovedProps$20 = 'className' | 'isDisabled' | 'slot';
|
|
1429
|
+
interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$20> {
|
|
1430
|
+
variant?: 'default' | 'secondary' | (string & {});
|
|
1431
|
+
size?: string;
|
|
1432
|
+
/**
|
|
1433
|
+
* The link can't be clicked
|
|
1434
|
+
* @default false
|
|
1435
|
+
*/
|
|
1436
|
+
disabled?: RAC.LinkProps['isDisabled'];
|
|
1437
|
+
}
|
|
1438
|
+
declare const _Link: react6.ForwardRefExoticComponent<LinkProps & react6.RefAttributes<HTMLAnchorElement>>;
|
|
1439
|
+
//#endregion
|
|
1440
|
+
//#region src/LinkButton/LinkButton.d.ts
|
|
1441
|
+
type RemovedProps$19 = 'isDisabled' | 'isPending' | 'className' | 'style';
|
|
1442
|
+
interface LinkButtonProps extends Omit<RAC.LinkProps, RemovedProps$19> {
|
|
1443
|
+
variant?: 'primary' | 'secondary' | 'destructive' | 'ghost' | 'link' | (string & {});
|
|
1444
|
+
size?: 'default' | 'small' | 'large' | 'icon' | (string & {});
|
|
1445
|
+
/**
|
|
1446
|
+
* If true, the element stretches to fill the available width.
|
|
1447
|
+
* @default false
|
|
1448
|
+
*/
|
|
1449
|
+
fullWidth?: boolean;
|
|
1450
|
+
/**
|
|
1451
|
+
* Children of the component
|
|
1452
|
+
*/
|
|
1453
|
+
children?: ReactNode;
|
|
1454
|
+
/**
|
|
1455
|
+
* Disables the button.
|
|
1456
|
+
* @default false
|
|
1457
|
+
*/
|
|
1458
|
+
disabled?: RAC.LinkProps['isDisabled'];
|
|
1459
|
+
}
|
|
1460
|
+
declare const _LinkButton: react6.ForwardRefExoticComponent<LinkButtonProps & react6.RefAttributes<HTMLAnchorElement>>;
|
|
1461
|
+
//#endregion
|
|
1462
|
+
//#region src/List/ListItem.d.ts
|
|
1154
1463
|
interface ListItemProps {
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1464
|
+
/**
|
|
1465
|
+
* Children of the component.
|
|
1466
|
+
*/
|
|
1467
|
+
children?: ReactNode;
|
|
1159
1468
|
}
|
|
1160
|
-
|
|
1469
|
+
//#endregion
|
|
1470
|
+
//#region src/List/List.d.ts
|
|
1161
1471
|
interface ListProps {
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
|
|
1166
|
-
|
|
1167
|
-
|
|
1168
|
-
|
|
1169
|
-
|
|
1170
|
-
|
|
1171
|
-
|
|
1172
|
-
|
|
1472
|
+
variant?: string;
|
|
1473
|
+
size?: string;
|
|
1474
|
+
/**
|
|
1475
|
+
* Displaying a unordered or ordered list for showing Information.
|
|
1476
|
+
* @default 'ul'
|
|
1477
|
+
*/
|
|
1478
|
+
as?: 'ul' | 'ol';
|
|
1479
|
+
/**
|
|
1480
|
+
* The children of the component.
|
|
1481
|
+
*/
|
|
1482
|
+
children?: ReactNode;
|
|
1173
1483
|
}
|
|
1174
1484
|
declare const List: {
|
|
1175
|
-
|
|
1176
|
-
|
|
1485
|
+
({
|
|
1486
|
+
as,
|
|
1487
|
+
children,
|
|
1488
|
+
variant,
|
|
1489
|
+
size,
|
|
1490
|
+
...props
|
|
1491
|
+
}: ListProps): react_jsx_runtime3.JSX.Element;
|
|
1492
|
+
Item: ({
|
|
1493
|
+
children,
|
|
1494
|
+
...props
|
|
1495
|
+
}: ListItemProps) => react_jsx_runtime3.JSX.Element;
|
|
1177
1496
|
};
|
|
1178
|
-
|
|
1179
|
-
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
1196
|
-
|
|
1197
|
-
|
|
1198
|
-
|
|
1199
|
-
|
|
1200
|
-
|
|
1201
|
-
|
|
1202
|
-
|
|
1203
|
-
|
|
1204
|
-
|
|
1205
|
-
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
|
|
1209
|
-
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
|
|
1214
|
-
|
|
1215
|
-
|
|
1216
|
-
|
|
1217
|
-
|
|
1218
|
-
|
|
1219
|
-
|
|
1220
|
-
|
|
1497
|
+
//#endregion
|
|
1498
|
+
//#region src/Menu/MenuItem.d.ts
|
|
1499
|
+
type RemovedProps$18 = 'style' | 'className';
|
|
1500
|
+
interface MenuItemProps extends Omit<RAC.MenuItemProps, RemovedProps$18> {
|
|
1501
|
+
variant?: 'destructive' | 'default' | (string & {});
|
|
1502
|
+
size?: string;
|
|
1503
|
+
}
|
|
1504
|
+
//#endregion
|
|
1505
|
+
//#region src/Menu/MenuSection.d.ts
|
|
1506
|
+
type RemovedProps$17 = 'className' | 'style' | 'children';
|
|
1507
|
+
interface MenuSectionProps extends Omit<RAC.SectionProps<object>, RemovedProps$17> {
|
|
1508
|
+
title?: string;
|
|
1509
|
+
children: ReactNode;
|
|
1510
|
+
}
|
|
1511
|
+
//#endregion
|
|
1512
|
+
//#region src/Overlay/Popover.d.ts
|
|
1513
|
+
interface PopoverProps extends Omit<RAC.PopoverProps, 'isOpen' | 'isKeyboardDismissDisabled' | 'style' | 'className' | 'children'> {
|
|
1514
|
+
keyboardDismissDisabled?: boolean;
|
|
1515
|
+
open?: boolean;
|
|
1516
|
+
children: ReactNode;
|
|
1517
|
+
}
|
|
1518
|
+
declare const _Popover: react6.ForwardRefExoticComponent<PopoverProps & react6.RefAttributes<HTMLDivElement>>;
|
|
1519
|
+
//#endregion
|
|
1520
|
+
//#region src/Menu/Menu.d.ts
|
|
1521
|
+
type RemovedProps$16 = 'isOpen' | 'className' | 'style' | 'children';
|
|
1522
|
+
interface MenuProps extends Omit<RAC.MenuTriggerProps, RemovedProps$16>, Omit<RAC.MenuProps<object>, RemovedProps$16> {
|
|
1523
|
+
/**
|
|
1524
|
+
* Whether the menu is open.
|
|
1525
|
+
* @default false
|
|
1526
|
+
*/
|
|
1527
|
+
open?: RAC.MenuTriggerProps['isOpen'];
|
|
1528
|
+
/**
|
|
1529
|
+
* Placement of the popover.
|
|
1530
|
+
* @default 'bottom'
|
|
1531
|
+
*/
|
|
1532
|
+
placement?: PopoverProps['placement'];
|
|
1533
|
+
/**
|
|
1534
|
+
* The label for the menu trigger button.
|
|
1535
|
+
*/
|
|
1536
|
+
label?: ReactNode;
|
|
1537
|
+
variant?: 'default' | 'ghost' | (string & {});
|
|
1538
|
+
size?: 'default' | 'small' | 'large' | 'icon' | (string & {});
|
|
1539
|
+
/**
|
|
1540
|
+
* Handler that is called when an action is performed on an item.
|
|
1541
|
+
*/
|
|
1542
|
+
onAction?: (key: Key$1) => void;
|
|
1543
|
+
/**
|
|
1544
|
+
* The contents of the menu.
|
|
1545
|
+
*/
|
|
1546
|
+
children?: ReactNode;
|
|
1547
|
+
/**
|
|
1548
|
+
* Whether the menu trigger is disabled.
|
|
1549
|
+
*/
|
|
1550
|
+
disabled?: boolean;
|
|
1221
1551
|
}
|
|
1222
1552
|
declare const _Menu: {
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1553
|
+
({
|
|
1554
|
+
children,
|
|
1555
|
+
label,
|
|
1556
|
+
variant,
|
|
1557
|
+
size,
|
|
1558
|
+
disabled,
|
|
1559
|
+
open,
|
|
1560
|
+
placement,
|
|
1561
|
+
"aria-label": ariaLabel,
|
|
1562
|
+
...props
|
|
1563
|
+
}: MenuProps): react_jsx_runtime3.JSX.Element;
|
|
1564
|
+
Item: ({
|
|
1565
|
+
children,
|
|
1566
|
+
variant,
|
|
1567
|
+
size,
|
|
1568
|
+
...props
|
|
1569
|
+
}: MenuItemProps) => react_jsx_runtime3.JSX.Element;
|
|
1570
|
+
Section: ({
|
|
1571
|
+
children,
|
|
1572
|
+
title,
|
|
1573
|
+
...props
|
|
1574
|
+
}: MenuSectionProps) => react_jsx_runtime3.JSX.Element;
|
|
1226
1575
|
};
|
|
1227
|
-
|
|
1576
|
+
//#endregion
|
|
1577
|
+
//#region src/Menu/ActionMenu.d.ts
|
|
1228
1578
|
type ActionMenuProps = Omit<MenuProps, 'label'>;
|
|
1229
1579
|
declare const ActionMenu: {
|
|
1230
|
-
|
|
1231
|
-
|
|
1232
|
-
|
|
1580
|
+
({
|
|
1581
|
+
children,
|
|
1582
|
+
...props
|
|
1583
|
+
}: ActionMenuProps): react_jsx_runtime3.JSX.Element;
|
|
1584
|
+
Item: ({
|
|
1585
|
+
children,
|
|
1586
|
+
variant,
|
|
1587
|
+
size,
|
|
1588
|
+
...props
|
|
1589
|
+
}: MenuItemProps) => react_jsx_runtime3.JSX.Element;
|
|
1590
|
+
Section: ({
|
|
1591
|
+
children,
|
|
1592
|
+
title,
|
|
1593
|
+
...props
|
|
1594
|
+
}: MenuSectionProps) => react_jsx_runtime3.JSX.Element;
|
|
1233
1595
|
};
|
|
1234
|
-
|
|
1235
|
-
|
|
1236
|
-
|
|
1237
|
-
|
|
1238
|
-
|
|
1239
|
-
|
|
1596
|
+
//#endregion
|
|
1597
|
+
//#region src/Multiselect/Multiselect.d.ts
|
|
1598
|
+
interface MultipleSelectProps extends Pick<FieldBaseProps<'label'>, 'width' | 'size' | 'variant' | 'label' | 'description' | 'errorMessage'> {
|
|
1599
|
+
/**
|
|
1600
|
+
* If the select should be disabled.
|
|
1601
|
+
*
|
|
1602
|
+
* @default false
|
|
1603
|
+
*/
|
|
1604
|
+
disabled?: boolean;
|
|
1605
|
+
/**
|
|
1606
|
+
* If the select should be required.
|
|
1607
|
+
*
|
|
1608
|
+
* @default false
|
|
1609
|
+
*/
|
|
1610
|
+
required?: boolean;
|
|
1611
|
+
/**
|
|
1612
|
+
* If the select should be read only.
|
|
1613
|
+
*
|
|
1614
|
+
* @default false
|
|
1615
|
+
*/
|
|
1616
|
+
readOnly?: boolean;
|
|
1617
|
+
/**
|
|
1618
|
+
* If the select should throw an error.
|
|
1619
|
+
*
|
|
1620
|
+
* @default false
|
|
1621
|
+
*/
|
|
1622
|
+
error?: boolean;
|
|
1623
|
+
/**
|
|
1624
|
+
* The items of the select.
|
|
1625
|
+
*/
|
|
1626
|
+
items?: Props['options'];
|
|
1627
|
+
/**
|
|
1628
|
+
* Set a error message for the select.
|
|
1629
|
+
*/
|
|
1630
|
+
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
1631
|
+
/**
|
|
1632
|
+
* The placdeholder of the select when it is empty.
|
|
1633
|
+
*/
|
|
1634
|
+
placeholder?: string;
|
|
1635
|
+
/**
|
|
1636
|
+
* Items that should be selected by default (uncontrolled).
|
|
1637
|
+
*/
|
|
1638
|
+
defaultSelectedItems?: Props['defaultValue'];
|
|
1639
|
+
/**
|
|
1640
|
+
* Selected items (controlled):
|
|
1641
|
+
*/
|
|
1642
|
+
selectedItems?: Props['value'];
|
|
1643
|
+
/**
|
|
1644
|
+
* Input text that should be set by default.
|
|
1645
|
+
*/
|
|
1646
|
+
defaultValue?: Props['defaultInputValue'];
|
|
1647
|
+
/**
|
|
1648
|
+
* Handler that is called when the input changes.
|
|
1649
|
+
*/
|
|
1650
|
+
onChange?: Props['onInputChange'];
|
|
1651
|
+
/**
|
|
1652
|
+
* Provides content to display when there are no items in the list.
|
|
1653
|
+
*/
|
|
1654
|
+
emptyState?: (obj: {
|
|
1655
|
+
inputValue: string;
|
|
1656
|
+
}) => ReactNode;
|
|
1657
|
+
/**
|
|
1658
|
+
* Handler that is called when the selection changes.
|
|
1659
|
+
*/
|
|
1660
|
+
onSelectionChange?: Props['onChange'];
|
|
1661
|
+
/** Focus the control when it is mounted */
|
|
1662
|
+
autoFocus?: Props['autoFocus'];
|
|
1663
|
+
/**
|
|
1664
|
+
* Override the built-in logic to detect whether an option is disabled
|
|
1665
|
+
* */
|
|
1666
|
+
isOptionDisabled?: Props['isOptionDisabled'];
|
|
1667
|
+
/**
|
|
1668
|
+
* Text to display when there are no options
|
|
1669
|
+
* */
|
|
1670
|
+
noOptionsMessage?: Props['noOptionsMessage'];
|
|
1671
|
+
/**
|
|
1672
|
+
* Handle blur events on the control
|
|
1673
|
+
*/
|
|
1674
|
+
onBlur?: Props['onBlur'];
|
|
1675
|
+
/**
|
|
1676
|
+
* Handle focus events on the control
|
|
1677
|
+
*/
|
|
1678
|
+
onFocus?: Props['onFocus'];
|
|
1679
|
+
/**
|
|
1680
|
+
* HTML ID of an element containing an error message related to the input*
|
|
1681
|
+
*/
|
|
1682
|
+
'aria-errormessage'?: Props['aria-errormessage'];
|
|
1683
|
+
/**
|
|
1684
|
+
* Indicate if the value entered in the field is invalid *
|
|
1685
|
+
*/
|
|
1686
|
+
'aria-invalid'?: Props['aria-invalid'];
|
|
1687
|
+
/**
|
|
1688
|
+
* Aria label (for assistive tech)
|
|
1689
|
+
*/
|
|
1690
|
+
'aria-label'?: Props['aria-label'];
|
|
1691
|
+
/**
|
|
1692
|
+
* HTML ID of an element that should be used as the label (for assistive tech)
|
|
1693
|
+
*/
|
|
1694
|
+
'aria-labelledby'?: Props['aria-labelledby'];
|
|
1695
|
+
/**
|
|
1696
|
+
* Used to set the priority with which screen reader should treat updates to live regions. The possible settings are: off, polite (default) or assertive
|
|
1697
|
+
*/
|
|
1698
|
+
'aria-live'?: Props['aria-live'];
|
|
1699
|
+
/**
|
|
1700
|
+
* Customise the messages used by the aria-live component
|
|
1701
|
+
*/
|
|
1702
|
+
ariaLiveMessages?: Props['ariaLiveMessages'];
|
|
1703
|
+
}
|
|
1704
|
+
declare const Multiselect: ({
|
|
1705
|
+
disabled,
|
|
1706
|
+
readOnly,
|
|
1707
|
+
items,
|
|
1708
|
+
selectedItems,
|
|
1709
|
+
defaultSelectedItems,
|
|
1710
|
+
defaultValue,
|
|
1711
|
+
error,
|
|
1712
|
+
errorMessage,
|
|
1713
|
+
size,
|
|
1714
|
+
variant,
|
|
1715
|
+
placeholder,
|
|
1716
|
+
description,
|
|
1717
|
+
emptyState,
|
|
1718
|
+
onChange,
|
|
1719
|
+
onSelectionChange,
|
|
1720
|
+
width,
|
|
1721
|
+
...rest
|
|
1722
|
+
}: MultipleSelectProps) => react_jsx_runtime3.JSX.Element;
|
|
1723
|
+
//#endregion
|
|
1724
|
+
//#region src/NumberField/NumberField.d.ts
|
|
1725
|
+
type RemovedProps$15 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'size';
|
|
1726
|
+
interface NumberFieldProps extends Omit<RAC.NumberFieldProps, RemovedProps$15>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
1727
|
+
variant?: string;
|
|
1728
|
+
size?: string;
|
|
1729
|
+
/**
|
|
1730
|
+
* Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
|
|
1731
|
+
* @default full
|
|
1732
|
+
*/
|
|
1733
|
+
width?: WidthProp['width'];
|
|
1734
|
+
/**
|
|
1735
|
+
* If `true`, the input is disabled.
|
|
1736
|
+
* @default false
|
|
1737
|
+
*/
|
|
1738
|
+
disabled?: RAC.NumberFieldProps['isDisabled'];
|
|
1739
|
+
/**
|
|
1740
|
+
* If `true`, the input is required.
|
|
1741
|
+
* @default false
|
|
1742
|
+
*/
|
|
1743
|
+
required?: RAC.NumberFieldProps['isRequired'];
|
|
1744
|
+
/**
|
|
1745
|
+
* If `true`, the field is considered invalid and if set the errorMessage is shown instead of the `description`.
|
|
1746
|
+
* @default false
|
|
1747
|
+
*/
|
|
1748
|
+
error?: RAC.NumberFieldProps['isInvalid'];
|
|
1749
|
+
/**
|
|
1750
|
+
* If `true`, the input is readOnly.
|
|
1751
|
+
* @default false
|
|
1752
|
+
*/
|
|
1753
|
+
readOnly?: RAC.NumberFieldProps['isReadOnly'];
|
|
1754
|
+
/**
|
|
1755
|
+
* Property for hiding the step buttons of the field.
|
|
1756
|
+
* @default false
|
|
1757
|
+
*/
|
|
1758
|
+
hideStepper?: boolean;
|
|
1759
|
+
/**
|
|
1760
|
+
* Placeholder text for the input field.
|
|
1761
|
+
* @default none
|
|
1762
|
+
*/
|
|
1763
|
+
placeholder?: string;
|
|
1764
|
+
}
|
|
1765
|
+
declare const _NumberField: react6.ForwardRefExoticComponent<NumberFieldProps & react6.RefAttributes<HTMLInputElement>>;
|
|
1766
|
+
//#endregion
|
|
1767
|
+
//#region src/utils/useRenderProps.d.ts
|
|
1768
|
+
interface StyleRenderProps<T> {
|
|
1769
|
+
/** The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state. */
|
|
1770
|
+
className?: string | ((values: T & {
|
|
1771
|
+
defaultClassName: string | undefined;
|
|
1772
|
+
}) => string);
|
|
1773
|
+
/** The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state. */
|
|
1774
|
+
style?: CSSProperties | ((values: T & {
|
|
1775
|
+
defaultStyle: CSSProperties;
|
|
1776
|
+
}) => CSSProperties | undefined);
|
|
1240
1777
|
}
|
|
1241
|
-
|
|
1242
|
-
|
|
1243
|
-
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
children?: ReactNode;
|
|
1778
|
+
interface RenderProps<T> extends StyleRenderProps<T> {
|
|
1779
|
+
/** The children of the component. A function may be provided to alter the children based on component state. */
|
|
1780
|
+
children?: ReactNode | ((values: T & {
|
|
1781
|
+
defaultChildren: ReactNode | undefined;
|
|
1782
|
+
}) => ReactNode);
|
|
1247
1783
|
}
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
|
|
1253
|
-
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
|
|
1260
|
-
|
|
1261
|
-
|
|
1262
|
-
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
|
|
1270
|
-
|
|
1271
|
-
|
|
1272
|
-
|
|
1273
|
-
|
|
1784
|
+
//#endregion
|
|
1785
|
+
//#region src/Overlay/useNonModal.d.ts
|
|
1786
|
+
interface AriaNonModalProps {
|
|
1787
|
+
/**
|
|
1788
|
+
* The ref for the non-modal element.
|
|
1789
|
+
*/
|
|
1790
|
+
nonModalRef: RefObject<Element | null>;
|
|
1791
|
+
/**
|
|
1792
|
+
* Whether pressing the escape key closes the modal.
|
|
1793
|
+
* @default true
|
|
1794
|
+
*/
|
|
1795
|
+
keyboardDismissable?: boolean;
|
|
1796
|
+
}
|
|
1797
|
+
//#endregion
|
|
1798
|
+
//#region src/Overlay/NonModal.d.ts
|
|
1799
|
+
interface NonModalRenderProps {
|
|
1800
|
+
/**
|
|
1801
|
+
* Whether the popover is currently entering. Use this to apply animations.
|
|
1802
|
+
* @selector [data-entering]
|
|
1803
|
+
*/
|
|
1804
|
+
isEntering: boolean;
|
|
1805
|
+
/**
|
|
1806
|
+
* Whether the popover is currently exiting. Use this to apply animations.
|
|
1807
|
+
* @selector [data-exiting]
|
|
1808
|
+
*/
|
|
1809
|
+
isExiting: boolean;
|
|
1810
|
+
/**
|
|
1811
|
+
* State of the non-modal.
|
|
1812
|
+
*/
|
|
1813
|
+
state: OverlayTriggerState;
|
|
1274
1814
|
}
|
|
1275
|
-
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
|
|
1279
|
-
}
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1285
|
-
|
|
1286
|
-
|
|
1287
|
-
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1291
|
-
|
|
1292
|
-
|
|
1293
|
-
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
|
|
1310
|
-
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
|
|
1316
|
-
|
|
1317
|
-
|
|
1318
|
-
|
|
1319
|
-
|
|
1320
|
-
|
|
1321
|
-
|
|
1322
|
-
|
|
1323
|
-
|
|
1324
|
-
|
|
1325
|
-
|
|
1326
|
-
|
|
1327
|
-
* Input text that should be set by default.
|
|
1328
|
-
*/
|
|
1329
|
-
defaultValue?: Props['defaultInputValue'];
|
|
1330
|
-
/**
|
|
1331
|
-
* Handler that is called when the input changes.
|
|
1332
|
-
*/
|
|
1333
|
-
onChange?: Props['onInputChange'];
|
|
1334
|
-
/**
|
|
1335
|
-
* Provides content to display when there are no items in the list.
|
|
1336
|
-
*/
|
|
1337
|
-
emptyState?: (obj: {
|
|
1338
|
-
inputValue: string;
|
|
1339
|
-
}) => ReactNode;
|
|
1340
|
-
/**
|
|
1341
|
-
* Handler that is called when the selection changes.
|
|
1342
|
-
*/
|
|
1343
|
-
onSelectionChange?: Props['onChange'];
|
|
1344
|
-
/** Focus the control when it is mounted */
|
|
1345
|
-
autoFocus?: Props['autoFocus'];
|
|
1346
|
-
/**
|
|
1347
|
-
* Override the built-in logic to detect whether an option is disabled
|
|
1348
|
-
* */
|
|
1349
|
-
isOptionDisabled?: Props['isOptionDisabled'];
|
|
1350
|
-
/**
|
|
1351
|
-
* Text to display when there are no options
|
|
1352
|
-
* */
|
|
1353
|
-
noOptionsMessage?: Props['noOptionsMessage'];
|
|
1354
|
-
/**
|
|
1355
|
-
* Handle blur events on the control
|
|
1356
|
-
*/
|
|
1357
|
-
onBlur?: Props['onBlur'];
|
|
1358
|
-
/**
|
|
1359
|
-
* Handle focus events on the control
|
|
1360
|
-
*/
|
|
1361
|
-
onFocus?: Props['onFocus'];
|
|
1362
|
-
/**
|
|
1363
|
-
* HTML ID of an element containing an error message related to the input*
|
|
1364
|
-
*/
|
|
1365
|
-
'aria-errormessage'?: Props['aria-errormessage'];
|
|
1366
|
-
/**
|
|
1367
|
-
* Indicate if the value entered in the field is invalid *
|
|
1368
|
-
*/
|
|
1369
|
-
'aria-invalid'?: Props['aria-invalid'];
|
|
1370
|
-
/**
|
|
1371
|
-
* Aria label (for assistive tech)
|
|
1372
|
-
*/
|
|
1373
|
-
'aria-label'?: Props['aria-label'];
|
|
1374
|
-
/**
|
|
1375
|
-
* HTML ID of an element that should be used as the label (for assistive tech)
|
|
1376
|
-
*/
|
|
1377
|
-
'aria-labelledby'?: Props['aria-labelledby'];
|
|
1378
|
-
/**
|
|
1379
|
-
* Used to set the priority with which screen reader should treat updates to live regions. The possible settings are: off, polite (default) or assertive
|
|
1380
|
-
*/
|
|
1381
|
-
'aria-live'?: Props['aria-live'];
|
|
1382
|
-
/**
|
|
1383
|
-
* Customise the messages used by the aria-live component
|
|
1384
|
-
*/
|
|
1385
|
-
ariaLiveMessages?: Props['ariaLiveMessages'];
|
|
1386
|
-
}
|
|
1387
|
-
declare const Multiselect: ({ disabled, readOnly, items, selectedItems, defaultSelectedItems, defaultValue, error, errorMessage, size, variant, placeholder, description, emptyState, onChange, onSelectionChange, width, ...rest }: MultipleSelectProps) => react_jsx_runtime.JSX.Element;
|
|
1388
|
-
|
|
1389
|
-
type RemovedProps$g = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'size';
|
|
1390
|
-
interface NumberFieldProps extends Omit<RAC.NumberFieldProps, RemovedProps$g>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
1391
|
-
variant?: string;
|
|
1392
|
-
size?: string;
|
|
1393
|
-
/**
|
|
1394
|
-
* Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
|
|
1395
|
-
* @default full
|
|
1396
|
-
*/
|
|
1397
|
-
width?: WidthProp['width'];
|
|
1398
|
-
/**
|
|
1399
|
-
* If `true`, the input is disabled.
|
|
1400
|
-
* @default false
|
|
1401
|
-
*/
|
|
1402
|
-
disabled?: RAC.NumberFieldProps['isDisabled'];
|
|
1403
|
-
/**
|
|
1404
|
-
* If `true`, the input is required.
|
|
1405
|
-
* @default false
|
|
1406
|
-
*/
|
|
1407
|
-
required?: RAC.NumberFieldProps['isRequired'];
|
|
1408
|
-
/**
|
|
1409
|
-
* If `true`, the field is considered invalid and if set the errorMessage is shown instead of the `description`.
|
|
1410
|
-
* @default false
|
|
1411
|
-
*/
|
|
1412
|
-
error?: RAC.NumberFieldProps['isInvalid'];
|
|
1413
|
-
/**
|
|
1414
|
-
* If `true`, the input is readOnly.
|
|
1415
|
-
* @default false
|
|
1416
|
-
*/
|
|
1417
|
-
readOnly?: RAC.NumberFieldProps['isReadOnly'];
|
|
1418
|
-
/**
|
|
1419
|
-
* Property for hiding the step buttons of the field.
|
|
1420
|
-
* @default false
|
|
1421
|
-
*/
|
|
1422
|
-
hideStepper?: boolean;
|
|
1423
|
-
/**
|
|
1424
|
-
* Placeholder text for the input field.
|
|
1425
|
-
* @default none
|
|
1426
|
-
*/
|
|
1427
|
-
placeholder?: string;
|
|
1428
|
-
}
|
|
1429
|
-
declare const _NumberField: react.ForwardRefExoticComponent<NumberFieldProps & react.RefAttributes<HTMLInputElement>>;
|
|
1430
|
-
|
|
1815
|
+
interface NonModalInnerProps extends AriaNonModalProps, AriaLabelingProps, SlotProps, RenderProps<NonModalRenderProps> {
|
|
1816
|
+
state: OverlayTriggerState;
|
|
1817
|
+
isEntering?: boolean;
|
|
1818
|
+
isExiting: boolean;
|
|
1819
|
+
}
|
|
1820
|
+
interface NonModalProps extends Omit<OverlayTriggerProps, 'isOpen'>, AriaLabelingProps, SlotProps, Pick<NonModalInnerProps, 'style' | 'className' | 'children'> {
|
|
1821
|
+
/**
|
|
1822
|
+
* Whether the overlay is open by default (controlled).
|
|
1823
|
+
* @default undefined
|
|
1824
|
+
*/
|
|
1825
|
+
open?: boolean;
|
|
1826
|
+
/**
|
|
1827
|
+
* Whether pressing the escape key closes the modal.
|
|
1828
|
+
* @default true
|
|
1829
|
+
*/
|
|
1830
|
+
keyboardDismissable?: boolean;
|
|
1831
|
+
/**
|
|
1832
|
+
* Whether the popover is currently performing an entry animation.
|
|
1833
|
+
* @default undefined
|
|
1834
|
+
*/
|
|
1835
|
+
isEntering?: boolean;
|
|
1836
|
+
/**
|
|
1837
|
+
* Whether the popover is currently performing an exit animation.
|
|
1838
|
+
* @default undefined
|
|
1839
|
+
*/
|
|
1840
|
+
isExiting?: boolean;
|
|
1841
|
+
/**
|
|
1842
|
+
* Ref to the overlay element.
|
|
1843
|
+
* @default undefined
|
|
1844
|
+
*/
|
|
1845
|
+
ref?: RefObject<HTMLElement | null>;
|
|
1846
|
+
}
|
|
1847
|
+
declare const NonModal: react6.ForwardRefExoticComponent<Omit<NonModalProps, "ref"> & react6.RefAttributes<HTMLElement>>;
|
|
1848
|
+
//#endregion
|
|
1849
|
+
//#region src/Overlay/Underlay.d.ts
|
|
1850
|
+
interface UnderlayProps extends Omit<RAC.ModalOverlayProps, 'isOpen' | 'isDismissable' | 'isKeyboardDismissDisabled' | 'className'> {
|
|
1851
|
+
variant?: string;
|
|
1852
|
+
size?: string;
|
|
1853
|
+
open?: boolean;
|
|
1854
|
+
dismissable?: boolean;
|
|
1855
|
+
keyboardDismissable?: boolean;
|
|
1856
|
+
}
|
|
1857
|
+
declare const Underlay: ({
|
|
1858
|
+
size,
|
|
1859
|
+
variant,
|
|
1860
|
+
open,
|
|
1861
|
+
dismissable,
|
|
1862
|
+
keyboardDismissable,
|
|
1863
|
+
...rest
|
|
1864
|
+
}: UnderlayProps) => react_jsx_runtime3.JSX.Element;
|
|
1865
|
+
//#endregion
|
|
1866
|
+
//#region src/Pagination/Pagination.d.ts
|
|
1431
1867
|
interface PaginationProps {
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
|
|
1435
|
-
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
|
|
1456
|
-
}
|
|
1457
|
-
declare const _Pagination: ({
|
|
1458
|
-
|
|
1868
|
+
/**
|
|
1869
|
+
* The initial page. (uncontrolled)
|
|
1870
|
+
*/
|
|
1871
|
+
defaultPage?: number;
|
|
1872
|
+
/**
|
|
1873
|
+
* The current page. (controlled)
|
|
1874
|
+
*/
|
|
1875
|
+
page?: number;
|
|
1876
|
+
/**
|
|
1877
|
+
* The number of total items.
|
|
1878
|
+
*/
|
|
1879
|
+
totalItems: number;
|
|
1880
|
+
/**
|
|
1881
|
+
* The number of items per page.
|
|
1882
|
+
*/
|
|
1883
|
+
pageSize: number;
|
|
1884
|
+
/**
|
|
1885
|
+
* Handler that is called when the pagination active page changes.
|
|
1886
|
+
*/
|
|
1887
|
+
onChange?: (page: number) => void;
|
|
1888
|
+
/**
|
|
1889
|
+
* Labels for the pagination controls (Previous and Next button).
|
|
1890
|
+
*/
|
|
1891
|
+
controlLabels?: [string, string];
|
|
1892
|
+
}
|
|
1893
|
+
declare const _Pagination: ({
|
|
1894
|
+
defaultPage,
|
|
1895
|
+
page,
|
|
1896
|
+
totalItems,
|
|
1897
|
+
pageSize,
|
|
1898
|
+
...props
|
|
1899
|
+
}: PaginationProps) => react_jsx_runtime3.JSX.Element;
|
|
1900
|
+
//#endregion
|
|
1901
|
+
//#region src/ProgressCycle/ProgressCycle.d.ts
|
|
1902
|
+
interface ProgressCycleProps extends RAC.ProgressBarProps {
|
|
1903
|
+
/**
|
|
1904
|
+
* Defines the height and width of the component
|
|
1905
|
+
* @default 16
|
|
1906
|
+
*/
|
|
1907
|
+
size?: string;
|
|
1908
|
+
}
|
|
1909
|
+
declare const ProgressCycle: ({
|
|
1910
|
+
size,
|
|
1911
|
+
...props
|
|
1912
|
+
}: ProgressCycleProps) => react_jsx_runtime3.JSX.Element;
|
|
1913
|
+
//#endregion
|
|
1914
|
+
//#region src/Provider/MarigoldProvider.d.ts
|
|
1459
1915
|
type MarigoldProviderProps<T extends Theme> = ThemeProviderProps<T>;
|
|
1460
|
-
declare function MarigoldProvider<T extends Theme>({
|
|
1461
|
-
|
|
1916
|
+
declare function MarigoldProvider<T extends Theme>({
|
|
1917
|
+
children,
|
|
1918
|
+
className,
|
|
1919
|
+
theme
|
|
1920
|
+
}: MarigoldProviderProps<T>): react_jsx_runtime3.JSX.Element;
|
|
1921
|
+
//#endregion
|
|
1922
|
+
//#region src/Provider/OverlayContainerProvider.d.ts
|
|
1462
1923
|
interface OverlayContainerProps extends PropsWithChildren {
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
|
|
1466
|
-
|
|
1467
|
-
|
|
1468
|
-
|
|
1469
|
-
|
|
1470
|
-
}
|
|
1471
|
-
declare const OverlayContainerProvider: ({
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
|
|
1480
|
-
|
|
1481
|
-
|
|
1482
|
-
|
|
1483
|
-
|
|
1484
|
-
|
|
1485
|
-
|
|
1486
|
-
|
|
1487
|
-
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
|
|
1500
|
-
|
|
1501
|
-
|
|
1502
|
-
|
|
1503
|
-
|
|
1504
|
-
|
|
1505
|
-
|
|
1506
|
-
|
|
1507
|
-
|
|
1508
|
-
|
|
1509
|
-
|
|
1510
|
-
|
|
1511
|
-
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
|
|
1517
|
-
|
|
1518
|
-
|
|
1519
|
-
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
|
|
1524
|
-
|
|
1525
|
-
|
|
1526
|
-
|
|
1527
|
-
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
1531
|
-
|
|
1532
|
-
|
|
1533
|
-
|
|
1534
|
-
|
|
1535
|
-
|
|
1536
|
-
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
|
|
1540
|
-
|
|
1541
|
-
|
|
1542
|
-
|
|
1543
|
-
|
|
1544
|
-
|
|
1545
|
-
|
|
1546
|
-
|
|
1547
|
-
|
|
1548
|
-
|
|
1549
|
-
|
|
1550
|
-
|
|
1551
|
-
|
|
1552
|
-
|
|
1553
|
-
|
|
1554
|
-
|
|
1555
|
-
|
|
1924
|
+
/**
|
|
1925
|
+
* The id of the container element where the overlay should be rendered.
|
|
1926
|
+
* If not provided, the overlay will be rendered in the body.
|
|
1927
|
+
*
|
|
1928
|
+
* Note that the container must be present in the DOM before the overlay is rendered.
|
|
1929
|
+
*/
|
|
1930
|
+
container?: string;
|
|
1931
|
+
}
|
|
1932
|
+
declare const OverlayContainerProvider: ({
|
|
1933
|
+
container,
|
|
1934
|
+
children
|
|
1935
|
+
}: OverlayContainerProps) => react_jsx_runtime3.JSX.Element;
|
|
1936
|
+
//#endregion
|
|
1937
|
+
//#region src/Radio/RadioGroup.d.ts
|
|
1938
|
+
type RemovedProps$14 = 'className' | 'style' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'isSelected';
|
|
1939
|
+
interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$14> {
|
|
1940
|
+
variant?: string;
|
|
1941
|
+
size?: string;
|
|
1942
|
+
/**
|
|
1943
|
+
* Set the label of the radio group.
|
|
1944
|
+
* @default none
|
|
1945
|
+
*/
|
|
1946
|
+
label?: ReactNode;
|
|
1947
|
+
/**
|
|
1948
|
+
* Set the radio group help text.
|
|
1949
|
+
* @default none
|
|
1950
|
+
*/
|
|
1951
|
+
description?: string;
|
|
1952
|
+
/**
|
|
1953
|
+
* Set the radio group error message if an error occurs.
|
|
1954
|
+
* @default none
|
|
1955
|
+
*/
|
|
1956
|
+
errorMessage?: string;
|
|
1957
|
+
/**
|
|
1958
|
+
* The children elements of the radio group.
|
|
1959
|
+
*/
|
|
1960
|
+
children?: ReactNode[];
|
|
1961
|
+
/**
|
|
1962
|
+
* Control the width of the field.
|
|
1963
|
+
* @default 100%
|
|
1964
|
+
*/
|
|
1965
|
+
width?: WidthProp['width'];
|
|
1966
|
+
/**
|
|
1967
|
+
* If `true`, the radio group is considered invalid and if set the `errorMessage` is shown.
|
|
1968
|
+
* @default false
|
|
1969
|
+
*/
|
|
1970
|
+
error?: RAC.RadioGroupProps['isInvalid'];
|
|
1971
|
+
/**
|
|
1972
|
+
* If `true`, the radio group is required.
|
|
1973
|
+
* @default false
|
|
1974
|
+
*/
|
|
1975
|
+
required?: RAC.RadioGroupProps['isRequired'];
|
|
1976
|
+
/**
|
|
1977
|
+
* If `true`, the radio group is disabled.
|
|
1978
|
+
* @default false
|
|
1979
|
+
*/
|
|
1980
|
+
disabled?: RAC.RadioGroupProps['isDisabled'];
|
|
1981
|
+
/**
|
|
1982
|
+
* Set the radio group as read-only.
|
|
1983
|
+
* @default false
|
|
1984
|
+
*/
|
|
1985
|
+
readOnly?: boolean;
|
|
1986
|
+
/**
|
|
1987
|
+
* The selected value of the radio group.
|
|
1988
|
+
*/
|
|
1989
|
+
value?: string;
|
|
1990
|
+
/**
|
|
1991
|
+
* Set the radio group direction.
|
|
1992
|
+
* @default vertical
|
|
1993
|
+
*/
|
|
1994
|
+
orientation?: 'horizontal' | 'vertical';
|
|
1995
|
+
/**
|
|
1996
|
+
* The number of items to display before collapsing the rest.
|
|
1997
|
+
* Items beyond this number will be hidden until the user clicks
|
|
1998
|
+
* the "Show more" control.
|
|
1999
|
+
*
|
|
2000
|
+
* @default undefined
|
|
2001
|
+
*/
|
|
2002
|
+
collapseAt?: number;
|
|
2003
|
+
}
|
|
2004
|
+
declare const _RadioGroup: ({
|
|
2005
|
+
variant,
|
|
2006
|
+
size,
|
|
2007
|
+
label,
|
|
2008
|
+
error,
|
|
2009
|
+
disabled,
|
|
2010
|
+
required,
|
|
2011
|
+
readOnly,
|
|
2012
|
+
description,
|
|
2013
|
+
errorMessage,
|
|
2014
|
+
orientation,
|
|
2015
|
+
children,
|
|
2016
|
+
width,
|
|
2017
|
+
collapseAt,
|
|
2018
|
+
...rest
|
|
2019
|
+
}: RadioGroupProps) => react_jsx_runtime3.JSX.Element;
|
|
2020
|
+
//#endregion
|
|
2021
|
+
//#region src/Radio/Radio.d.ts
|
|
2022
|
+
type RemovedProps$13 = 'className' | 'style' | 'children' | 'isDisabled';
|
|
2023
|
+
interface RadioProps extends Omit<RAC.RadioProps, RemovedProps$13> {
|
|
2024
|
+
variant?: string;
|
|
2025
|
+
size?: string;
|
|
2026
|
+
/**
|
|
2027
|
+
* Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
|
|
2028
|
+
* @default full
|
|
2029
|
+
*/
|
|
2030
|
+
width?: string;
|
|
2031
|
+
children?: ReactNode;
|
|
2032
|
+
/**
|
|
2033
|
+
* Set the radio disabled.
|
|
2034
|
+
* @default false
|
|
2035
|
+
*/
|
|
2036
|
+
disabled?: RAC.RadioProps['isDisabled'];
|
|
1556
2037
|
}
|
|
1557
2038
|
declare const _Radio: RadioComponent;
|
|
1558
|
-
|
|
1559
2039
|
/**
|
|
1560
2040
|
* We need this so that TypeScripts allows us to add
|
|
1561
2041
|
* additional properties to the component (function).
|
|
1562
2042
|
*/
|
|
1563
2043
|
interface RadioComponent extends ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLLabelElement>> {
|
|
1564
|
-
|
|
2044
|
+
Group: typeof _RadioGroup;
|
|
1565
2045
|
}
|
|
1566
|
-
|
|
1567
|
-
|
|
1568
|
-
interface
|
|
1569
|
-
|
|
1570
|
-
|
|
1571
|
-
|
|
1572
|
-
|
|
1573
|
-
|
|
1574
|
-
|
|
1575
|
-
|
|
1576
|
-
|
|
1577
|
-
|
|
1578
|
-
|
|
1579
|
-
|
|
1580
|
-
|
|
1581
|
-
|
|
1582
|
-
|
|
1583
|
-
|
|
1584
|
-
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
|
|
1589
|
-
|
|
1590
|
-
|
|
1591
|
-
|
|
1592
|
-
|
|
1593
|
-
|
|
1594
|
-
|
|
1595
|
-
|
|
1596
|
-
|
|
1597
|
-
|
|
1598
|
-
|
|
1599
|
-
|
|
1600
|
-
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
|
|
1605
|
-
|
|
1606
|
-
|
|
1607
|
-
|
|
1608
|
-
|
|
1609
|
-
|
|
1610
|
-
|
|
1611
|
-
|
|
1612
|
-
|
|
1613
|
-
|
|
1614
|
-
|
|
1615
|
-
|
|
1616
|
-
|
|
1617
|
-
|
|
1618
|
-
|
|
1619
|
-
|
|
1620
|
-
|
|
1621
|
-
|
|
1622
|
-
|
|
1623
|
-
|
|
1624
|
-
|
|
1625
|
-
|
|
1626
|
-
|
|
1627
|
-
|
|
1628
|
-
|
|
1629
|
-
|
|
1630
|
-
|
|
1631
|
-
|
|
1632
|
-
|
|
1633
|
-
|
|
1634
|
-
|
|
1635
|
-
|
|
1636
|
-
|
|
1637
|
-
|
|
1638
|
-
|
|
1639
|
-
|
|
1640
|
-
|
|
1641
|
-
|
|
1642
|
-
|
|
1643
|
-
variant?: string;
|
|
1644
|
-
/**
|
|
1645
|
-
* Sets the size of the select.
|
|
1646
|
-
*/
|
|
1647
|
-
size?: string;
|
|
1648
|
-
/**
|
|
1649
|
-
* Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
|
|
1650
|
-
*/
|
|
1651
|
-
width?: WidthProp['width'];
|
|
1652
|
-
/**
|
|
1653
|
-
* If the select should be required.
|
|
1654
|
-
*
|
|
1655
|
-
* @default false
|
|
1656
|
-
*/
|
|
1657
|
-
required?: boolean;
|
|
1658
|
-
/**
|
|
1659
|
-
* If the select should be disabled.
|
|
1660
|
-
*
|
|
1661
|
-
* @default false
|
|
1662
|
-
*/
|
|
1663
|
-
disabled?: boolean;
|
|
1664
|
-
/**
|
|
1665
|
-
* If the select list should be open.
|
|
1666
|
-
*
|
|
1667
|
-
* @default false
|
|
1668
|
-
*/
|
|
1669
|
-
open?: boolean;
|
|
1670
|
-
/**
|
|
1671
|
-
* If the select should throw an error.
|
|
1672
|
-
*
|
|
1673
|
-
* @default false
|
|
1674
|
-
*/
|
|
1675
|
-
error?: boolean;
|
|
1676
|
-
/**
|
|
1677
|
-
* Handler that is called when the selection changes.
|
|
1678
|
-
*/
|
|
1679
|
-
onChange?: ((key: RAC.Key) => void) | undefined;
|
|
1680
|
-
}
|
|
1681
|
-
interface SelectComponent extends ForwardRefExoticComponent<SelectProps<object> & RefAttributes<HTMLDivElement>> {
|
|
1682
|
-
/**
|
|
1683
|
-
* Options of the Select.
|
|
1684
|
-
*/
|
|
1685
|
-
Option: typeof _ListBox.Item;
|
|
1686
|
-
/**
|
|
1687
|
-
* Section of the Select.
|
|
1688
|
-
*/
|
|
1689
|
-
Section: typeof _ListBox.Section;
|
|
1690
|
-
}
|
|
1691
|
-
declare const _Select: SelectComponent;
|
|
1692
|
-
|
|
1693
|
-
interface SelectListAction {
|
|
1694
|
-
children: ReactNode;
|
|
2046
|
+
//#endregion
|
|
2047
|
+
//#region src/Scrollable/Scrollable.d.ts
|
|
2048
|
+
interface ScrollableProps extends WidthProp, AriaRegionProps {
|
|
2049
|
+
/**
|
|
2050
|
+
* Children of the layout.
|
|
2051
|
+
*/
|
|
2052
|
+
children?: ReactNode;
|
|
2053
|
+
/**
|
|
2054
|
+
* Specifies the height of the scrollable container.
|
|
2055
|
+
*/
|
|
2056
|
+
height?: string;
|
|
2057
|
+
}
|
|
2058
|
+
declare const Scrollable: ({
|
|
2059
|
+
children,
|
|
2060
|
+
width,
|
|
2061
|
+
height,
|
|
2062
|
+
...props
|
|
2063
|
+
}: ScrollableProps) => react_jsx_runtime3.JSX.Element;
|
|
2064
|
+
//#endregion
|
|
2065
|
+
//#region src/SearchField/SearchField.d.ts
|
|
2066
|
+
type RemovedProps$12 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
|
|
2067
|
+
interface SearchFieldProps extends Omit<RAC.SearchFieldProps, RemovedProps$12>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
2068
|
+
/**
|
|
2069
|
+
* Action element to display in the search field.
|
|
2070
|
+
*/
|
|
2071
|
+
action?: ReactElement<any>;
|
|
2072
|
+
variant?: string;
|
|
2073
|
+
size?: string;
|
|
2074
|
+
/**
|
|
2075
|
+
* Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
|
|
2076
|
+
* @default full
|
|
2077
|
+
*/
|
|
2078
|
+
width?: WidthProp['width'];
|
|
2079
|
+
/**
|
|
2080
|
+
* If `true`, the input is considered invalid and if set the `errorMessage` is shown instead of the `description`.
|
|
2081
|
+
* @default false
|
|
2082
|
+
*/
|
|
2083
|
+
error?: RAC.SearchFieldProps['isInvalid'];
|
|
2084
|
+
/**
|
|
2085
|
+
* If `true`, the input is disabled.
|
|
2086
|
+
* @default false
|
|
2087
|
+
*/
|
|
2088
|
+
disabled?: RAC.SearchFieldProps['isDisabled'];
|
|
2089
|
+
/**
|
|
2090
|
+
* If `true`, the input is required.
|
|
2091
|
+
* @default false
|
|
2092
|
+
*/
|
|
2093
|
+
required?: RAC.SearchFieldProps['isRequired'];
|
|
2094
|
+
/**
|
|
2095
|
+
* If `true`, the input is readOnly.
|
|
2096
|
+
* @default false
|
|
2097
|
+
*/
|
|
2098
|
+
readOnly?: RAC.SearchFieldProps['isReadOnly'];
|
|
2099
|
+
/**
|
|
2100
|
+
* The current value of the input field.
|
|
2101
|
+
* @default none
|
|
2102
|
+
*/
|
|
2103
|
+
value?: string;
|
|
2104
|
+
/**
|
|
2105
|
+
* The default value of the input field.
|
|
2106
|
+
* @default none
|
|
2107
|
+
*/
|
|
2108
|
+
defaultValue?: string;
|
|
2109
|
+
/**
|
|
2110
|
+
* Placeholder text for the input field.
|
|
2111
|
+
* @default none
|
|
2112
|
+
*/
|
|
2113
|
+
placeholder?: string;
|
|
2114
|
+
}
|
|
2115
|
+
declare const _SearchField: react6.ForwardRefExoticComponent<SearchFieldProps & react6.RefAttributes<HTMLInputElement>>;
|
|
2116
|
+
//#endregion
|
|
2117
|
+
//#region src/SectionMessage/SectionMessageTitle.d.ts
|
|
2118
|
+
interface SectionMessageTitleProps {
|
|
2119
|
+
/**
|
|
2120
|
+
* The children of the component.
|
|
2121
|
+
*/
|
|
2122
|
+
children?: ReactNode;
|
|
1695
2123
|
}
|
|
1696
|
-
|
|
1697
|
-
|
|
1698
|
-
|
|
1699
|
-
|
|
1700
|
-
|
|
1701
|
-
|
|
1702
|
-
|
|
1703
|
-
|
|
1704
|
-
|
|
1705
|
-
|
|
1706
|
-
|
|
1707
|
-
|
|
1708
|
-
|
|
2124
|
+
//#endregion
|
|
2125
|
+
//#region src/SectionMessage/SectionMessageContent.d.ts
|
|
2126
|
+
interface SectionMessageContentProps {
|
|
2127
|
+
/**
|
|
2128
|
+
* The children of the component.
|
|
2129
|
+
*/
|
|
2130
|
+
children?: ReactNode;
|
|
2131
|
+
}
|
|
2132
|
+
//#endregion
|
|
2133
|
+
//#region src/SectionMessage/SectionMessage.d.ts
|
|
2134
|
+
declare const icons: {
|
|
2135
|
+
readonly success: ({
|
|
2136
|
+
size,
|
|
2137
|
+
className,
|
|
2138
|
+
...props
|
|
2139
|
+
}: IconProps) => react_jsx_runtime3.JSX.Element;
|
|
2140
|
+
readonly info: ({
|
|
2141
|
+
size,
|
|
2142
|
+
className,
|
|
2143
|
+
...props
|
|
2144
|
+
}: IconProps) => react_jsx_runtime3.JSX.Element;
|
|
2145
|
+
readonly warning: ({
|
|
2146
|
+
size,
|
|
2147
|
+
className,
|
|
2148
|
+
...props
|
|
2149
|
+
}: IconProps) => react_jsx_runtime3.JSX.Element;
|
|
2150
|
+
readonly error: ({
|
|
2151
|
+
size,
|
|
2152
|
+
className,
|
|
2153
|
+
...props
|
|
2154
|
+
}: IconProps) => react_jsx_runtime3.JSX.Element;
|
|
2155
|
+
};
|
|
2156
|
+
interface SectionMessageProps {
|
|
2157
|
+
variant?: keyof typeof icons;
|
|
2158
|
+
size?: string;
|
|
2159
|
+
/**
|
|
2160
|
+
* The children of the component.
|
|
2161
|
+
*/
|
|
2162
|
+
children?: ReactNode;
|
|
2163
|
+
/**
|
|
2164
|
+
* Adds a close button, makes the section message dismissable.
|
|
2165
|
+
*/
|
|
2166
|
+
closeButton?: boolean;
|
|
2167
|
+
/**
|
|
2168
|
+
* Handler that is called when you need to control the dismissable message to close.
|
|
2169
|
+
*/
|
|
2170
|
+
onCloseChange?: (close: boolean) => void;
|
|
2171
|
+
/**
|
|
2172
|
+
* If the message should be closed/dismissed (controlled).
|
|
2173
|
+
*/
|
|
2174
|
+
close?: boolean;
|
|
2175
|
+
}
|
|
2176
|
+
declare const SectionMessage: {
|
|
2177
|
+
({
|
|
2178
|
+
variant,
|
|
2179
|
+
size,
|
|
2180
|
+
children,
|
|
2181
|
+
closeButton,
|
|
2182
|
+
close,
|
|
2183
|
+
onCloseChange,
|
|
2184
|
+
...props
|
|
2185
|
+
}: SectionMessageProps): react_jsx_runtime3.JSX.Element | null;
|
|
2186
|
+
Title: ({
|
|
2187
|
+
children
|
|
2188
|
+
}: SectionMessageTitleProps) => react_jsx_runtime3.JSX.Element;
|
|
2189
|
+
Content: ({
|
|
2190
|
+
children
|
|
2191
|
+
}: SectionMessageContentProps) => react_jsx_runtime3.JSX.Element;
|
|
2192
|
+
};
|
|
2193
|
+
//#endregion
|
|
2194
|
+
//#region src/Select/Select.d.ts
|
|
2195
|
+
type SelectionMode = 'single' | 'multiple';
|
|
2196
|
+
type RemovedProps$11 = 'children' | 'isInvalid' | 'isDisabled' | 'isOpen' | 'isRequired' | 'style' | 'className';
|
|
2197
|
+
interface SelectProps<T extends object, M extends SelectionMode = 'single'> extends Omit<RAC.SelectProps<T, M>, RemovedProps$11>, WidthProp {
|
|
2198
|
+
variant?: string;
|
|
2199
|
+
size?: string;
|
|
2200
|
+
/**
|
|
2201
|
+
* Children of the select.
|
|
2202
|
+
*/
|
|
2203
|
+
children?: React.ReactNode | ((item: T) => React.ReactNode);
|
|
2204
|
+
/**
|
|
2205
|
+
* Set a label for the select.
|
|
2206
|
+
*/
|
|
2207
|
+
label?: ReactNode;
|
|
2208
|
+
/**
|
|
2209
|
+
* Set a description for the select.
|
|
2210
|
+
*/
|
|
2211
|
+
description?: string;
|
|
2212
|
+
/**
|
|
2213
|
+
* Set a error message for the select.
|
|
2214
|
+
*/
|
|
2215
|
+
errorMessage?: string | ((validation: RAC.ValidationResult) => string);
|
|
2216
|
+
/**
|
|
2217
|
+
* Items of the select.
|
|
2218
|
+
*/
|
|
2219
|
+
items?: Iterable<T>;
|
|
2220
|
+
/**
|
|
2221
|
+
* If the select should be required.
|
|
2222
|
+
*
|
|
2223
|
+
* @default false
|
|
2224
|
+
*/
|
|
2225
|
+
required?: boolean;
|
|
2226
|
+
/**
|
|
2227
|
+
* If the select should be disabled.
|
|
2228
|
+
*
|
|
2229
|
+
* @default false
|
|
2230
|
+
*/
|
|
2231
|
+
disabled?: boolean;
|
|
2232
|
+
/**
|
|
2233
|
+
* If the select list should be open.
|
|
2234
|
+
*
|
|
2235
|
+
* @default false
|
|
2236
|
+
*/
|
|
2237
|
+
open?: boolean;
|
|
2238
|
+
/**
|
|
2239
|
+
* If the select should throw an error.
|
|
2240
|
+
*
|
|
2241
|
+
* @default false
|
|
2242
|
+
*/
|
|
2243
|
+
error?: boolean;
|
|
2244
|
+
}
|
|
2245
|
+
declare const Select: (<T extends object, M extends SelectionMode = "single">(props: SelectProps<T, M> & react6.RefAttributes<HTMLButtonElement>) => react6.ReactElement | null) & {
|
|
2246
|
+
Option: ({
|
|
2247
|
+
...props
|
|
2248
|
+
}: ListBoxItemProps) => react_jsx_runtime3.JSX.Element;
|
|
2249
|
+
Section: ({
|
|
2250
|
+
header,
|
|
2251
|
+
children,
|
|
2252
|
+
...props
|
|
2253
|
+
}: SectionProps) => react_jsx_runtime3.JSX.Element;
|
|
2254
|
+
};
|
|
2255
|
+
//#endregion
|
|
2256
|
+
//#region src/SelectList/SelectListAction.d.ts
|
|
2257
|
+
interface SelectListAction {
|
|
2258
|
+
children: ReactNode;
|
|
2259
|
+
}
|
|
2260
|
+
declare const SelectListAction: ({
|
|
2261
|
+
children
|
|
2262
|
+
}: SelectListAction) => react_jsx_runtime3.JSX.Element;
|
|
2263
|
+
//#endregion
|
|
2264
|
+
//#region src/SelectList/SelectListItem.d.ts
|
|
2265
|
+
type RemovedProps$10 = 'className' | 'style' | 'isDisabled';
|
|
2266
|
+
interface SelectListItemProps extends Omit<RAC.GridListItemProps<object>, RemovedProps$10> {
|
|
2267
|
+
children?: ReactNode;
|
|
2268
|
+
/**
|
|
2269
|
+
* Whether the item is disabled.
|
|
2270
|
+
* @default false
|
|
2271
|
+
*/
|
|
2272
|
+
disabled?: RAC.GridListItemProps<object>['isDisabled'];
|
|
2273
|
+
}
|
|
2274
|
+
declare const _SelectListItem: react6.ForwardRefExoticComponent<SelectListItemProps & react6.RefAttributes<HTMLDivElement>>;
|
|
2275
|
+
//#endregion
|
|
2276
|
+
//#region src/SelectList/SelectList.d.ts
|
|
1709
2277
|
type RemoveProps = 'style' | 'className' | 'onSelectionChange';
|
|
1710
2278
|
interface SelectListProps extends Omit<RAC.GridListProps<object>, RemoveProps> {
|
|
1711
|
-
|
|
1712
|
-
|
|
1713
|
-
|
|
1714
|
-
|
|
2279
|
+
/**
|
|
2280
|
+
* Handler that is called when the selection change.
|
|
2281
|
+
*/
|
|
2282
|
+
onChange?: RAC.GridListProps<object>['onSelectionChange'] | Dispatch<SetStateAction<any>>;
|
|
1715
2283
|
}
|
|
1716
2284
|
interface SelectListComponent extends ForwardRefExoticComponent<SelectListProps & RefAttributes<HTMLUListElement>> {
|
|
1717
|
-
|
|
1718
|
-
|
|
1719
|
-
|
|
1720
|
-
|
|
1721
|
-
|
|
2285
|
+
/**
|
|
2286
|
+
* Items of the SelectList.
|
|
2287
|
+
*/
|
|
2288
|
+
Item: typeof _SelectListItem;
|
|
2289
|
+
Action: typeof SelectListAction;
|
|
1722
2290
|
}
|
|
1723
2291
|
declare const _SelectList: SelectListComponent;
|
|
1724
|
-
|
|
1725
|
-
|
|
1726
|
-
/**
|
|
1727
|
-
* Children of the layout.
|
|
1728
|
-
*/
|
|
1729
|
-
children?: ReactNode;
|
|
1730
|
-
/**
|
|
1731
|
-
* Specifies the height of the scrollable container.
|
|
1732
|
-
*/
|
|
1733
|
-
height?: string;
|
|
1734
|
-
}
|
|
1735
|
-
declare const Scrollable: ({ children, width, height, ...props }: ScrollableProps) => react_jsx_runtime.JSX.Element;
|
|
1736
|
-
|
|
2292
|
+
//#endregion
|
|
2293
|
+
//#region src/Slider/Slider.d.ts
|
|
1737
2294
|
interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'children' | 'isDisabled' | 'orientation'>, Pick<FieldBaseProps<'label'>, 'description'> {
|
|
1738
|
-
|
|
1739
|
-
|
|
1740
|
-
|
|
1741
|
-
|
|
1742
|
-
|
|
1743
|
-
|
|
1744
|
-
|
|
1745
|
-
|
|
1746
|
-
|
|
1747
|
-
|
|
1748
|
-
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
|
|
1753
|
-
|
|
1754
|
-
|
|
1755
|
-
|
|
1756
|
-
|
|
1757
|
-
|
|
1758
|
-
|
|
1759
|
-
|
|
1760
|
-
|
|
1761
|
-
|
|
1762
|
-
|
|
1763
|
-
|
|
1764
|
-
}
|
|
1765
|
-
declare const _Slider:
|
|
1766
|
-
|
|
1767
|
-
|
|
1768
|
-
|
|
2295
|
+
variant?: string;
|
|
2296
|
+
size?: string;
|
|
2297
|
+
/**
|
|
2298
|
+
* The `name` attribute for the slider input(s), used for form submission.
|
|
2299
|
+
* - For single-thumb sliders, provide a string.
|
|
2300
|
+
* - For range sliders (two thumbs), provide a tuple of two strings, one for each thumb.
|
|
2301
|
+
*/
|
|
2302
|
+
name?: string | [string, string];
|
|
2303
|
+
/**
|
|
2304
|
+
* Aria labels for the thumbs in the slider.
|
|
2305
|
+
*/
|
|
2306
|
+
thumbLabels?: string | [string, string];
|
|
2307
|
+
/**
|
|
2308
|
+
* Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
|
|
2309
|
+
* @default full
|
|
2310
|
+
*/
|
|
2311
|
+
width?: WidthProp['width'];
|
|
2312
|
+
/**
|
|
2313
|
+
* If `true`, the input is disabled.
|
|
2314
|
+
* @default false
|
|
2315
|
+
*/
|
|
2316
|
+
disabled?: boolean;
|
|
2317
|
+
/**
|
|
2318
|
+
* Set the label of the slider.
|
|
2319
|
+
*/
|
|
2320
|
+
label?: ReactNode;
|
|
2321
|
+
}
|
|
2322
|
+
declare const _Slider: react6.ForwardRefExoticComponent<SliderProps<number | number[]> & react6.RefAttributes<HTMLDivElement>>;
|
|
2323
|
+
//#endregion
|
|
2324
|
+
//#region src/Split/Split.d.ts
|
|
2325
|
+
declare const Split: () => react_jsx_runtime3.JSX.Element;
|
|
2326
|
+
//#endregion
|
|
2327
|
+
//#region src/Stack/Stack.d.ts
|
|
1769
2328
|
interface StackProps extends GapSpaceProp, AriaRegionProps {
|
|
1770
|
-
|
|
1771
|
-
|
|
1772
|
-
|
|
1773
|
-
|
|
1774
|
-
|
|
1775
|
-
|
|
1776
|
-
|
|
1777
|
-
|
|
1778
|
-
|
|
1779
|
-
|
|
1780
|
-
|
|
1781
|
-
|
|
1782
|
-
|
|
1783
|
-
|
|
1784
|
-
|
|
1785
|
-
|
|
1786
|
-
|
|
1787
|
-
|
|
1788
|
-
|
|
1789
|
-
|
|
1790
|
-
|
|
1791
|
-
|
|
1792
|
-
|
|
1793
|
-
}
|
|
1794
|
-
declare const Stack: ({
|
|
1795
|
-
|
|
1796
|
-
|
|
1797
|
-
|
|
1798
|
-
|
|
1799
|
-
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
|
|
1803
|
-
|
|
1804
|
-
|
|
1805
|
-
|
|
1806
|
-
|
|
1807
|
-
|
|
1808
|
-
|
|
1809
|
-
|
|
1810
|
-
|
|
1811
|
-
|
|
1812
|
-
|
|
1813
|
-
|
|
1814
|
-
|
|
1815
|
-
|
|
1816
|
-
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
|
|
1821
|
-
|
|
1822
|
-
|
|
1823
|
-
|
|
1824
|
-
|
|
1825
|
-
|
|
1826
|
-
|
|
2329
|
+
/**
|
|
2330
|
+
* Children of the component.
|
|
2331
|
+
*/
|
|
2332
|
+
children?: ReactNode;
|
|
2333
|
+
/**
|
|
2334
|
+
* Stretch to fill space (vertical AND horizontal, useful if you want to change y alignment).
|
|
2335
|
+
* @default false
|
|
2336
|
+
*/
|
|
2337
|
+
stretch?: boolean;
|
|
2338
|
+
/**
|
|
2339
|
+
* Horizontal alignment for the children.
|
|
2340
|
+
*/
|
|
2341
|
+
alignX?: keyof typeof alignment.vertical.alignmentX;
|
|
2342
|
+
/**
|
|
2343
|
+
* Vertical alignment for the children.
|
|
2344
|
+
*/
|
|
2345
|
+
alignY?: keyof typeof alignment.vertical.alignmentY;
|
|
2346
|
+
/**
|
|
2347
|
+
* Prop to make the stack rendered as a list element.
|
|
2348
|
+
* Useful for screen readers and accessibility.
|
|
2349
|
+
* @default false
|
|
2350
|
+
*/
|
|
2351
|
+
asList?: boolean;
|
|
2352
|
+
}
|
|
2353
|
+
declare const Stack: ({
|
|
2354
|
+
children,
|
|
2355
|
+
space,
|
|
2356
|
+
stretch,
|
|
2357
|
+
alignX,
|
|
2358
|
+
alignY,
|
|
2359
|
+
asList,
|
|
2360
|
+
...props
|
|
2361
|
+
}: StackProps) => react_jsx_runtime3.JSX.Element;
|
|
2362
|
+
//#endregion
|
|
2363
|
+
//#region src/Switch/Switch.d.ts
|
|
2364
|
+
type RemovedProps$9 = 'children' | 'className' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'children' | 'slot';
|
|
2365
|
+
interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$9> {
|
|
2366
|
+
variant?: string;
|
|
2367
|
+
size?: string;
|
|
2368
|
+
/**
|
|
2369
|
+
* Set the label of the switch.
|
|
2370
|
+
*/
|
|
2371
|
+
label?: ReactNode;
|
|
2372
|
+
/**
|
|
2373
|
+
* Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
|
|
2374
|
+
* @default full
|
|
2375
|
+
*/
|
|
2376
|
+
width?: WidthProp['width'];
|
|
2377
|
+
/**
|
|
2378
|
+
* Disables the switch.
|
|
2379
|
+
* @default false
|
|
2380
|
+
*/
|
|
2381
|
+
disabled?: RAC.SwitchProps['isDisabled'];
|
|
2382
|
+
/**
|
|
2383
|
+
* Set the switch to read-only.
|
|
2384
|
+
* @default false
|
|
2385
|
+
*/
|
|
2386
|
+
readOnly?: RAC.SwitchProps['isReadOnly'];
|
|
2387
|
+
/**
|
|
2388
|
+
* With this prop you can set the switch selected.
|
|
2389
|
+
* @default false
|
|
2390
|
+
*/
|
|
2391
|
+
selected?: RAC.SwitchProps['isSelected'];
|
|
2392
|
+
}
|
|
2393
|
+
declare const _Switch: react6.ForwardRefExoticComponent<SwitchProps & react6.RefAttributes<HTMLLabelElement>>;
|
|
2394
|
+
//#endregion
|
|
2395
|
+
//#region src/Table/Table.d.ts
|
|
1827
2396
|
interface TableProps extends Pick<AriaTableProps, 'focusMode' | 'onRowAction' | 'onCellAction'>, Omit<TableStateProps<object>, 'showSelectionCheckboxes' | 'showDragButtons' | 'allowDuplicateSelectionEvents'> {
|
|
1828
|
-
|
|
1829
|
-
|
|
1830
|
-
|
|
1831
|
-
|
|
1832
|
-
|
|
1833
|
-
|
|
1834
|
-
|
|
1835
|
-
|
|
1836
|
-
|
|
1837
|
-
|
|
1838
|
-
|
|
1839
|
-
|
|
1840
|
-
|
|
1841
|
-
|
|
1842
|
-
|
|
1843
|
-
|
|
1844
|
-
|
|
1845
|
-
|
|
1846
|
-
|
|
1847
|
-
|
|
1848
|
-
|
|
1849
|
-
|
|
1850
|
-
|
|
1851
|
-
|
|
1852
|
-
|
|
1853
|
-
|
|
1854
|
-
}
|
|
1855
|
-
interface RowProps extends RowProps$1<any> {
|
|
1856
|
-
variant?: 'default' | 'grid' | 'admin' | 'master' | (string & {});
|
|
1857
|
-
size?: string;
|
|
1858
|
-
}
|
|
1859
|
-
interface ColumnProps extends Omit<ColumnProps$1<any>, 'width'>, WidthProp {
|
|
1860
|
-
/**
|
|
1861
|
-
* Control the alignment of Column.
|
|
1862
|
-
* @default left
|
|
1863
|
-
*/
|
|
1864
|
-
align?: Exclude<JSX.IntrinsicElements['td']['align'], 'char'>;
|
|
2397
|
+
variant?: 'grid' | 'default' | 'muted' | (string & {});
|
|
2398
|
+
size?: string;
|
|
2399
|
+
/**
|
|
2400
|
+
* Stretch table to fill the container.
|
|
2401
|
+
* @default false
|
|
2402
|
+
*/
|
|
2403
|
+
stretch?: boolean;
|
|
2404
|
+
/**
|
|
2405
|
+
* Make the column sticky to the top of the table.
|
|
2406
|
+
* @default true
|
|
2407
|
+
*/
|
|
2408
|
+
stickyHeader?: boolean;
|
|
2409
|
+
/**
|
|
2410
|
+
* Disable keyboard navigation. Use if you have input fields in your table. Be aware that this is bad for accessibility.
|
|
2411
|
+
* @default false
|
|
2412
|
+
*/
|
|
2413
|
+
disableKeyboardNavigation?: boolean;
|
|
2414
|
+
/**
|
|
2415
|
+
* Content to display when there are no rows in the table.
|
|
2416
|
+
*/
|
|
2417
|
+
emptyState?: () => ReactNode;
|
|
2418
|
+
/**
|
|
2419
|
+
* Control the vertical alignment of table content.
|
|
2420
|
+
* @default middle
|
|
2421
|
+
*/
|
|
2422
|
+
alignY?: Exclude<JSX.IntrinsicElements['td']['valign'], 'baseline' | 'sub' | 'super' | 'bottom'>;
|
|
1865
2423
|
}
|
|
1866
2424
|
declare const Table: Table;
|
|
2425
|
+
interface RowProps$1 extends RowProps<any> {
|
|
2426
|
+
variant?: 'default' | 'grid' | 'admin' | 'master' | (string & {});
|
|
2427
|
+
size?: string;
|
|
2428
|
+
}
|
|
2429
|
+
interface ColumnProps$1 extends Omit<ColumnProps<any>, 'width'>, WidthProp {
|
|
2430
|
+
/**
|
|
2431
|
+
* Control the alignment of Column.
|
|
2432
|
+
* @default left
|
|
2433
|
+
*/
|
|
2434
|
+
align?: Exclude<JSX.IntrinsicElements['td']['align'], 'char'>;
|
|
2435
|
+
}
|
|
1867
2436
|
/**
|
|
1868
2437
|
* Necessary since TypeScript can not infer the
|
|
1869
2438
|
* types of the @react-stately components.
|
|
1870
2439
|
*/
|
|
1871
2440
|
interface Table {
|
|
1872
|
-
|
|
1873
|
-
|
|
1874
|
-
|
|
1875
|
-
|
|
1876
|
-
|
|
1877
|
-
|
|
1878
|
-
}
|
|
1879
|
-
|
|
1880
|
-
|
|
1881
|
-
interface
|
|
1882
|
-
|
|
1883
|
-
|
|
1884
|
-
|
|
1885
|
-
|
|
1886
|
-
|
|
1887
|
-
|
|
1888
|
-
|
|
1889
|
-
|
|
1890
|
-
|
|
1891
|
-
|
|
1892
|
-
|
|
1893
|
-
|
|
1894
|
-
|
|
1895
|
-
|
|
1896
|
-
|
|
1897
|
-
|
|
1898
|
-
*/
|
|
1899
|
-
slot?: string;
|
|
1900
|
-
variant?: 'default' | 'muted' | (string & {});
|
|
1901
|
-
size?: 'default' | 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl' | (string & {});
|
|
1902
|
-
}
|
|
1903
|
-
declare const _Text: ({ variant, size, color, align, cursor, weight, fontSize, fontStyle, wrap, whiteSpace, children, as, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
|
|
1904
|
-
|
|
1905
|
-
type RemovedProps$9 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
|
|
1906
|
-
interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$9>, Pick<RAC.TextAreaProps, 'rows'>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
1907
|
-
variant?: string;
|
|
1908
|
-
size?: string;
|
|
1909
|
-
/**
|
|
1910
|
-
* Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
|
|
1911
|
-
* @default full
|
|
1912
|
-
*/
|
|
1913
|
-
width?: WidthProp['width'];
|
|
1914
|
-
/**
|
|
1915
|
-
* If `true`, the textarea is disabled.
|
|
1916
|
-
* @default false
|
|
1917
|
-
*/
|
|
1918
|
-
disabled?: RAC.TextFieldProps['isDisabled'];
|
|
1919
|
-
/**
|
|
1920
|
-
* If `true`, the textarea is required.
|
|
1921
|
-
* @default false
|
|
1922
|
-
*/
|
|
1923
|
-
required?: RAC.TextFieldProps['isRequired'];
|
|
1924
|
-
/**
|
|
1925
|
-
* If `true`, the field is considered invalid and if set the `errorMessage` is shown instead of the `description`.
|
|
1926
|
-
* @default false
|
|
1927
|
-
*/
|
|
1928
|
-
error?: RAC.TextFieldProps['isInvalid'];
|
|
1929
|
-
/**
|
|
1930
|
-
* If `true`, the textarea is read-only.
|
|
1931
|
-
* @default false
|
|
1932
|
-
*/
|
|
1933
|
-
readOnly?: RAC.TextFieldProps['isReadOnly'];
|
|
1934
|
-
/**
|
|
1935
|
-
* The value of the textarea.
|
|
1936
|
-
* @default none
|
|
1937
|
-
*/
|
|
1938
|
-
value?: string;
|
|
1939
|
-
/**
|
|
1940
|
-
* The default value of the textarea.
|
|
1941
|
-
* @default none
|
|
1942
|
-
*/
|
|
1943
|
-
defaultValue?: string;
|
|
1944
|
-
/**
|
|
1945
|
-
* Placeholder text for the textarea.
|
|
1946
|
-
* @default none
|
|
1947
|
-
*/
|
|
1948
|
-
placeholder?: string;
|
|
1949
|
-
/**
|
|
1950
|
-
* Sets the number of rows in the textarea.
|
|
1951
|
-
* @default none
|
|
1952
|
-
*/
|
|
1953
|
-
rows?: number;
|
|
1954
|
-
}
|
|
1955
|
-
declare const _TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<HTMLTextAreaElement>>;
|
|
1956
|
-
|
|
1957
|
-
type RemovedProps$8 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue' | 'slot';
|
|
1958
|
-
interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$8>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
1959
|
-
variant?: string;
|
|
1960
|
-
size?: string;
|
|
1961
|
-
/**
|
|
1962
|
-
* Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
|
|
1963
|
-
* @default full
|
|
1964
|
-
*/
|
|
1965
|
-
width?: WidthProp['width'];
|
|
1966
|
-
/**
|
|
1967
|
-
* If `true`, the input is disabled.
|
|
1968
|
-
* @default false
|
|
1969
|
-
*/
|
|
1970
|
-
disabled?: RAC.TextFieldProps['isDisabled'];
|
|
1971
|
-
/**
|
|
1972
|
-
* If `true`, the input is required.
|
|
1973
|
-
* @default false
|
|
1974
|
-
*/
|
|
1975
|
-
required?: RAC.TextFieldProps['isRequired'];
|
|
1976
|
-
/**
|
|
1977
|
-
* If `true`, the field is considered invalid and if set the `errorMessage` is shown instead of the `description`.
|
|
1978
|
-
* @default false
|
|
1979
|
-
*/
|
|
1980
|
-
error?: RAC.TextFieldProps['isInvalid'];
|
|
1981
|
-
/**
|
|
1982
|
-
* If `true`, the input is readOnly.
|
|
1983
|
-
* @default false
|
|
1984
|
-
*/
|
|
1985
|
-
readOnly?: RAC.TextFieldProps['isReadOnly'];
|
|
1986
|
-
/**
|
|
1987
|
-
* The minimum value for the input field.
|
|
1988
|
-
* @default none
|
|
1989
|
-
*/
|
|
1990
|
-
min?: HTMLInputElement['min'];
|
|
1991
|
-
/**
|
|
1992
|
-
* The maximum value for the input field.
|
|
1993
|
-
* @default none
|
|
1994
|
-
*/
|
|
1995
|
-
max?: HTMLInputElement['max'];
|
|
1996
|
-
/**
|
|
1997
|
-
* The value of the input field.
|
|
1998
|
-
* @default none
|
|
1999
|
-
*/
|
|
2000
|
-
value?: string;
|
|
2001
|
-
/**
|
|
2002
|
-
* The default value of the input field.
|
|
2003
|
-
* @default none
|
|
2004
|
-
*/
|
|
2005
|
-
defaultValue?: string;
|
|
2006
|
-
/**
|
|
2007
|
-
* Placeholder text for the input field.
|
|
2008
|
-
* @default none
|
|
2009
|
-
*/
|
|
2010
|
-
placeholder?: string;
|
|
2011
|
-
}
|
|
2012
|
-
declare const _TextField: react.ForwardRefExoticComponent<TextFieldProps & react.RefAttributes<HTMLInputElement>>;
|
|
2013
|
-
|
|
2014
|
-
interface TilesProps extends GapSpaceProp, AriaRegionProps {
|
|
2015
|
-
/**
|
|
2016
|
-
* The children of the component.
|
|
2017
|
-
*/
|
|
2018
|
-
children: ReactNode;
|
|
2019
|
-
/**
|
|
2020
|
-
* Set minimum width for all items inside.
|
|
2021
|
-
* @default '250px'
|
|
2022
|
-
*/
|
|
2023
|
-
tilesWidth?: string;
|
|
2024
|
-
/**
|
|
2025
|
-
* Tiles will stretch to available width and will distribute their width equally. Note that this can make them wider than the specified tiles width, but not smaller than the given "tilesWidth". Basically, this is full responsive mode.
|
|
2026
|
-
* @default false
|
|
2027
|
-
*/
|
|
2028
|
-
stretch?: boolean;
|
|
2029
|
-
/**
|
|
2030
|
-
* If true, all items will have the height of the biggest item.
|
|
2031
|
-
* @default false
|
|
2032
|
-
*/
|
|
2033
|
-
equalHeight?: boolean;
|
|
2034
|
-
}
|
|
2035
|
-
declare const Tiles: ({ space, stretch, equalHeight, tilesWidth, children, ...props }: TilesProps) => react_jsx_runtime.JSX.Element;
|
|
2036
|
-
|
|
2037
|
-
type RemovedProps$7 = 'isDisabled' | 'isOpen' | 'children';
|
|
2038
|
-
interface TooltipTriggerProps extends Omit<RAC.TooltipTriggerComponentProps, RemovedProps$7> {
|
|
2039
|
-
/**
|
|
2040
|
-
* The children of the component.
|
|
2041
|
-
*/
|
|
2042
|
-
children: ReactNode;
|
|
2043
|
-
/**
|
|
2044
|
-
* Whether the tooltip should be disabled, independent from the trigger.
|
|
2045
|
-
*/
|
|
2046
|
-
disabled?: RAC.TooltipTriggerComponentProps['isDisabled'];
|
|
2047
|
-
/**
|
|
2048
|
-
* Control the visibility of the tooltip.
|
|
2049
|
-
*/
|
|
2050
|
-
open?: boolean;
|
|
2441
|
+
(props: TableProps): JSX.Element;
|
|
2442
|
+
Body: typeof TableBody;
|
|
2443
|
+
Cell: typeof Cell;
|
|
2444
|
+
Header: typeof TableHeader;
|
|
2445
|
+
Column: (props: ColumnProps$1) => JSX.Element;
|
|
2446
|
+
Row: (props: RowProps$1) => JSX.Element;
|
|
2447
|
+
}
|
|
2448
|
+
//#endregion
|
|
2449
|
+
//#region src/Tabs/TabList.d.ts
|
|
2450
|
+
interface TabListProps extends Omit<RAC.TabListProps<object>, 'className' | 'style'>, GapSpaceProp {}
|
|
2451
|
+
//#endregion
|
|
2452
|
+
//#region src/Tabs/TabPanel.d.ts
|
|
2453
|
+
type TabPanelProps = Omit<RAC.TabPanelProps, 'className' | 'style'>;
|
|
2454
|
+
//#endregion
|
|
2455
|
+
//#region src/Tabs/Tab.d.ts
|
|
2456
|
+
type TabProps = Omit<RAC.TabProps, 'className' | 'style'>;
|
|
2457
|
+
//#endregion
|
|
2458
|
+
//#region src/Tabs/Tabs.d.ts
|
|
2459
|
+
interface TabsProps extends Omit<RAC.TabsProps, 'className' | 'style' | 'isDisabled' | 'orientation' | 'slot'> {
|
|
2460
|
+
/**
|
|
2461
|
+
* Set All TabPanel disabled
|
|
2462
|
+
* @default false
|
|
2463
|
+
*/
|
|
2464
|
+
disabled?: boolean;
|
|
2465
|
+
size?: 'small' | 'medium' | 'large';
|
|
2466
|
+
variant?: string;
|
|
2051
2467
|
}
|
|
2052
|
-
|
|
2053
|
-
|
|
2054
|
-
|
|
2055
|
-
|
|
2056
|
-
|
|
2057
|
-
|
|
2058
|
-
|
|
2059
|
-
|
|
2060
|
-
|
|
2061
|
-
|
|
2062
|
-
|
|
2063
|
-
|
|
2064
|
-
|
|
2468
|
+
declare const _Tabs: {
|
|
2469
|
+
({
|
|
2470
|
+
disabled,
|
|
2471
|
+
variant,
|
|
2472
|
+
size,
|
|
2473
|
+
...rest
|
|
2474
|
+
}: TabsProps): react_jsx_runtime3.JSX.Element;
|
|
2475
|
+
List: ({
|
|
2476
|
+
space,
|
|
2477
|
+
...props
|
|
2478
|
+
}: TabListProps) => react_jsx_runtime3.JSX.Element;
|
|
2479
|
+
TabPanel: (props: TabPanelProps) => react_jsx_runtime3.JSX.Element;
|
|
2480
|
+
Item: (props: TabProps) => react_jsx_runtime3.JSX.Element;
|
|
2481
|
+
};
|
|
2482
|
+
//#endregion
|
|
2483
|
+
//#region src/TagGroup/TagGroup.d.ts
|
|
2484
|
+
type RemovedProps$8 = 'className' | 'style' | 'children' | 'isRequired';
|
|
2485
|
+
interface TagGroupProps extends Omit<RAC.TagGroupProps, RemovedProps$8>, Pick<TagListProps<object>, 'items' | 'children'>, Pick<FieldBaseProps<'label'>, 'label' | 'description'> {
|
|
2486
|
+
variant?: string;
|
|
2487
|
+
size?: string;
|
|
2488
|
+
/**
|
|
2489
|
+
* Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
|
|
2490
|
+
* @default full
|
|
2491
|
+
*/
|
|
2492
|
+
width?: WidthProp['width'];
|
|
2493
|
+
/**
|
|
2494
|
+
* The name of the field, used when submitting form data.
|
|
2495
|
+
*/
|
|
2496
|
+
name?: string;
|
|
2497
|
+
/**
|
|
2498
|
+
* Provides content to display when there are no items in the tag list.
|
|
2499
|
+
*/
|
|
2500
|
+
emptyState?: TagListProps<object>['renderEmptyState'];
|
|
2501
|
+
/**
|
|
2502
|
+
* Renders a "remove all" option, when a the `onRemove` prop is also set.
|
|
2503
|
+
* @default false
|
|
2504
|
+
*/
|
|
2505
|
+
removeAll?: boolean;
|
|
2506
|
+
}
|
|
2507
|
+
declare const _TagGroup: ({
|
|
2508
|
+
items,
|
|
2509
|
+
children,
|
|
2510
|
+
emptyState,
|
|
2511
|
+
variant,
|
|
2512
|
+
size,
|
|
2513
|
+
name,
|
|
2514
|
+
removeAll,
|
|
2515
|
+
...rest
|
|
2516
|
+
}: TagGroupProps) => react_jsx_runtime3.JSX.Element;
|
|
2517
|
+
//#endregion
|
|
2518
|
+
//#region src/TagGroup/Tag.d.ts
|
|
2519
|
+
type RemovedProps$7 = 'className' | 'style' | 'isDisabled';
|
|
2520
|
+
interface TagProps extends Omit<RAC.TagProps, RemovedProps$7> {
|
|
2521
|
+
variant?: string;
|
|
2522
|
+
size?: string;
|
|
2523
|
+
children?: ReactNode;
|
|
2524
|
+
disabled?: boolean;
|
|
2065
2525
|
}
|
|
2066
|
-
declare const
|
|
2067
|
-
|
|
2068
|
-
|
|
2526
|
+
declare const _Tag: {
|
|
2527
|
+
({
|
|
2528
|
+
variant,
|
|
2529
|
+
size,
|
|
2530
|
+
children,
|
|
2531
|
+
disabled,
|
|
2532
|
+
...rest
|
|
2533
|
+
}: TagProps): react_jsx_runtime3.JSX.Element;
|
|
2534
|
+
Group: ({
|
|
2535
|
+
items,
|
|
2536
|
+
children,
|
|
2537
|
+
emptyState,
|
|
2538
|
+
variant,
|
|
2539
|
+
size,
|
|
2540
|
+
name,
|
|
2541
|
+
removeAll,
|
|
2542
|
+
...rest
|
|
2543
|
+
}: TagGroupProps) => react_jsx_runtime3.JSX.Element;
|
|
2069
2544
|
};
|
|
2070
|
-
|
|
2545
|
+
//#endregion
|
|
2546
|
+
//#region src/Text/Text.d.ts
|
|
2547
|
+
type RemovedProps$6 = 'elementType' | keyof JSX.IntrinsicElements['div'] | keyof JSX.IntrinsicElements['span'] | keyof JSX.IntrinsicElements['p'];
|
|
2548
|
+
interface TextProps extends AriaLabelingProps$1, Omit<RAC.TextProps, RemovedProps$6>, TextAlignProp, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp, TextWrapProp, WhiteSpaceProps {
|
|
2549
|
+
/**
|
|
2550
|
+
* The children of the component
|
|
2551
|
+
*/
|
|
2552
|
+
children?: React.ReactNode;
|
|
2553
|
+
/**
|
|
2554
|
+
* Set the text color.
|
|
2555
|
+
* @default currentColor
|
|
2556
|
+
*/
|
|
2557
|
+
color?: string;
|
|
2558
|
+
/**
|
|
2559
|
+
* Element to render
|
|
2560
|
+
* @default "div"
|
|
2561
|
+
*/
|
|
2562
|
+
as?: 'div' | 'p' | 'span';
|
|
2563
|
+
/**
|
|
2564
|
+
* A slot name for the component. Slots allow the component to receive props from a parent component.
|
|
2565
|
+
*/
|
|
2566
|
+
slot?: string;
|
|
2567
|
+
variant?: 'default' | 'muted' | (string & {});
|
|
2568
|
+
size?: 'default' | 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl' | (string & {});
|
|
2569
|
+
}
|
|
2570
|
+
declare const _Text: ({
|
|
2571
|
+
variant,
|
|
2572
|
+
size,
|
|
2573
|
+
color,
|
|
2574
|
+
align,
|
|
2575
|
+
cursor,
|
|
2576
|
+
weight,
|
|
2577
|
+
fontSize,
|
|
2578
|
+
fontStyle,
|
|
2579
|
+
wrap,
|
|
2580
|
+
whiteSpace,
|
|
2581
|
+
children,
|
|
2582
|
+
as,
|
|
2583
|
+
...props
|
|
2584
|
+
}: TextProps) => react_jsx_runtime3.JSX.Element;
|
|
2585
|
+
//#endregion
|
|
2586
|
+
//#region src/TextArea/TextArea.d.ts
|
|
2587
|
+
type RemovedProps$5 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
|
|
2588
|
+
interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$5>, Pick<RAC.TextAreaProps, 'rows'>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
2589
|
+
variant?: string;
|
|
2590
|
+
size?: string;
|
|
2591
|
+
/**
|
|
2592
|
+
* Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
|
|
2593
|
+
* @default full
|
|
2594
|
+
*/
|
|
2595
|
+
width?: WidthProp['width'];
|
|
2596
|
+
/**
|
|
2597
|
+
* If `true`, the textarea is disabled.
|
|
2598
|
+
* @default false
|
|
2599
|
+
*/
|
|
2600
|
+
disabled?: RAC.TextFieldProps['isDisabled'];
|
|
2601
|
+
/**
|
|
2602
|
+
* If `true`, the textarea is required.
|
|
2603
|
+
* @default false
|
|
2604
|
+
*/
|
|
2605
|
+
required?: RAC.TextFieldProps['isRequired'];
|
|
2606
|
+
/**
|
|
2607
|
+
* If `true`, the field is considered invalid and if set the `errorMessage` is shown instead of the `description`.
|
|
2608
|
+
* @default false
|
|
2609
|
+
*/
|
|
2610
|
+
error?: RAC.TextFieldProps['isInvalid'];
|
|
2611
|
+
/**
|
|
2612
|
+
* If `true`, the textarea is read-only.
|
|
2613
|
+
* @default false
|
|
2614
|
+
*/
|
|
2615
|
+
readOnly?: RAC.TextFieldProps['isReadOnly'];
|
|
2616
|
+
/**
|
|
2617
|
+
* The value of the textarea.
|
|
2618
|
+
* @default none
|
|
2619
|
+
*/
|
|
2620
|
+
value?: string;
|
|
2621
|
+
/**
|
|
2622
|
+
* The default value of the textarea.
|
|
2623
|
+
* @default none
|
|
2624
|
+
*/
|
|
2625
|
+
defaultValue?: string;
|
|
2626
|
+
/**
|
|
2627
|
+
* Placeholder text for the textarea.
|
|
2628
|
+
* @default none
|
|
2629
|
+
*/
|
|
2630
|
+
placeholder?: string;
|
|
2631
|
+
/**
|
|
2632
|
+
* Sets the number of rows in the textarea.
|
|
2633
|
+
* @default none
|
|
2634
|
+
*/
|
|
2635
|
+
rows?: number;
|
|
2636
|
+
}
|
|
2637
|
+
declare const _TextArea: react6.ForwardRefExoticComponent<TextAreaProps & react6.RefAttributes<HTMLTextAreaElement>>;
|
|
2638
|
+
//#endregion
|
|
2639
|
+
//#region src/TextField/TextField.d.ts
|
|
2640
|
+
type RemovedProps$4 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue' | 'slot';
|
|
2641
|
+
interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$4>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
2642
|
+
variant?: string;
|
|
2643
|
+
size?: string;
|
|
2644
|
+
/**
|
|
2645
|
+
* Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
|
|
2646
|
+
* @default full
|
|
2647
|
+
*/
|
|
2648
|
+
width?: WidthProp['width'];
|
|
2649
|
+
/**
|
|
2650
|
+
* If `true`, the input is disabled.
|
|
2651
|
+
* @default false
|
|
2652
|
+
*/
|
|
2653
|
+
disabled?: RAC.TextFieldProps['isDisabled'];
|
|
2654
|
+
/**
|
|
2655
|
+
* If `true`, the input is required.
|
|
2656
|
+
* @default false
|
|
2657
|
+
*/
|
|
2658
|
+
required?: RAC.TextFieldProps['isRequired'];
|
|
2659
|
+
/**
|
|
2660
|
+
* If `true`, the field is considered invalid and if set the `errorMessage` is shown instead of the `description`.
|
|
2661
|
+
* @default false
|
|
2662
|
+
*/
|
|
2663
|
+
error?: RAC.TextFieldProps['isInvalid'];
|
|
2664
|
+
/**
|
|
2665
|
+
* If `true`, the input is readOnly.
|
|
2666
|
+
* @default false
|
|
2667
|
+
*/
|
|
2668
|
+
readOnly?: RAC.TextFieldProps['isReadOnly'];
|
|
2669
|
+
/**
|
|
2670
|
+
* The minimum value for the input field.
|
|
2671
|
+
* @default none
|
|
2672
|
+
*/
|
|
2673
|
+
min?: HTMLInputElement['min'];
|
|
2674
|
+
/**
|
|
2675
|
+
* The maximum value for the input field.
|
|
2676
|
+
* @default none
|
|
2677
|
+
*/
|
|
2678
|
+
max?: HTMLInputElement['max'];
|
|
2679
|
+
/**
|
|
2680
|
+
* The value of the input field.
|
|
2681
|
+
* @default none
|
|
2682
|
+
*/
|
|
2683
|
+
value?: string;
|
|
2684
|
+
/**
|
|
2685
|
+
* The default value of the input field.
|
|
2686
|
+
* @default none
|
|
2687
|
+
*/
|
|
2688
|
+
defaultValue?: string;
|
|
2689
|
+
/**
|
|
2690
|
+
* Placeholder text for the input field.
|
|
2691
|
+
* @default none
|
|
2692
|
+
*/
|
|
2693
|
+
placeholder?: string;
|
|
2694
|
+
}
|
|
2695
|
+
declare const _TextField: react6.ForwardRefExoticComponent<TextFieldProps & react6.RefAttributes<HTMLInputElement>>;
|
|
2696
|
+
//#endregion
|
|
2697
|
+
//#region src/Tiles/Tiles.d.ts
|
|
2698
|
+
interface TilesProps extends GapSpaceProp, AriaRegionProps {
|
|
2699
|
+
/**
|
|
2700
|
+
* The children of the component.
|
|
2701
|
+
*/
|
|
2702
|
+
children: ReactNode;
|
|
2703
|
+
/**
|
|
2704
|
+
* Set minimum width for all items inside.
|
|
2705
|
+
* @default '250px'
|
|
2706
|
+
*/
|
|
2707
|
+
tilesWidth?: string;
|
|
2708
|
+
/**
|
|
2709
|
+
* Tiles will stretch to available width and will distribute their width equally. Note that this can make them wider than the specified tiles width, but not smaller than the given "tilesWidth". Basically, this is full responsive mode.
|
|
2710
|
+
* @default false
|
|
2711
|
+
*/
|
|
2712
|
+
stretch?: boolean;
|
|
2713
|
+
/**
|
|
2714
|
+
* If true, all items will have the height of the biggest item.
|
|
2715
|
+
* @default false
|
|
2716
|
+
*/
|
|
2717
|
+
equalHeight?: boolean;
|
|
2718
|
+
}
|
|
2719
|
+
declare const Tiles: ({
|
|
2720
|
+
space,
|
|
2721
|
+
stretch,
|
|
2722
|
+
equalHeight,
|
|
2723
|
+
tilesWidth,
|
|
2724
|
+
children,
|
|
2725
|
+
...props
|
|
2726
|
+
}: TilesProps) => react_jsx_runtime3.JSX.Element;
|
|
2727
|
+
//#endregion
|
|
2728
|
+
//#region src/TimeField/TimeField.d.ts
|
|
2729
|
+
type RemovedProps$3 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'slot';
|
|
2730
|
+
interface TimeFieldProps extends Omit<RAC.TimeFieldProps<TimeValue$1>, RemovedProps$3>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
2731
|
+
variant?: string;
|
|
2732
|
+
size?: string;
|
|
2733
|
+
/**
|
|
2734
|
+
* Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
|
|
2735
|
+
* @default full
|
|
2736
|
+
*/
|
|
2737
|
+
width?: WidthProp['width'];
|
|
2738
|
+
/**
|
|
2739
|
+
* If `true`, the input is disabled.
|
|
2740
|
+
* @default false
|
|
2741
|
+
*/
|
|
2742
|
+
disabled?: RAC.TimeFieldProps<TimeValue$1>['isDisabled'];
|
|
2743
|
+
/**
|
|
2744
|
+
* If `true`, the input is required.
|
|
2745
|
+
* @default false
|
|
2746
|
+
*/
|
|
2747
|
+
required?: RAC.TimeFieldProps<TimeValue$1>['isRequired'];
|
|
2748
|
+
/**
|
|
2749
|
+
* If `true`, the field is considered invalid and if set the `errorMessage` is shown instead of the `description`.
|
|
2750
|
+
* @default false
|
|
2751
|
+
*/
|
|
2752
|
+
error?: RAC.TimeFieldProps<TimeValue$1>['isInvalid'];
|
|
2753
|
+
/**
|
|
2754
|
+
* If `true`, the input is readOnly.
|
|
2755
|
+
* @default false
|
|
2756
|
+
*/
|
|
2757
|
+
readOnly?: RAC.TimeFieldProps<TimeValue$1>['isReadOnly'];
|
|
2758
|
+
/**
|
|
2759
|
+
* Whether to display the time in 12 or 24 hour format
|
|
2760
|
+
* @default 24
|
|
2761
|
+
*/
|
|
2762
|
+
hourCycle?: 12 | 24 | undefined;
|
|
2763
|
+
/**
|
|
2764
|
+
* Determines the smallest unit that is displayed in the time picker.
|
|
2765
|
+
* @default minute
|
|
2766
|
+
*/
|
|
2767
|
+
granularity?: 'hour' | 'minute' | 'second';
|
|
2768
|
+
/**
|
|
2769
|
+
* Whether to always show leading zeros in the hour field. Default is determined by the user's locale.
|
|
2770
|
+
* @default none
|
|
2771
|
+
*/
|
|
2772
|
+
shouldForceLeadingZeros?: boolean;
|
|
2773
|
+
}
|
|
2774
|
+
declare const _TimeField: react6.ForwardRefExoticComponent<TimeFieldProps & react6.RefAttributes<HTMLInputElement>>;
|
|
2775
|
+
//#endregion
|
|
2776
|
+
//#region src/Toast/Toast.d.ts
|
|
2071
2777
|
type ToastContentProps = {
|
|
2072
|
-
|
|
2073
|
-
|
|
2074
|
-
|
|
2778
|
+
title: string;
|
|
2779
|
+
description?: ReactNode;
|
|
2780
|
+
action?: ReactNode;
|
|
2781
|
+
variant?: 'success' | 'info' | 'warning' | 'error';
|
|
2075
2782
|
};
|
|
2076
2783
|
interface ToastProps {
|
|
2077
|
-
|
|
2078
|
-
|
|
2079
|
-
|
|
2080
|
-
|
|
2081
|
-
}
|
|
2082
|
-
declare const Toast: ({
|
|
2083
|
-
|
|
2084
|
-
|
|
2085
|
-
|
|
2086
|
-
|
|
2087
|
-
|
|
2088
|
-
|
|
2784
|
+
toast: {
|
|
2785
|
+
content: ToastContentProps;
|
|
2786
|
+
key: string;
|
|
2787
|
+
};
|
|
2788
|
+
}
|
|
2789
|
+
declare const Toast: ({
|
|
2790
|
+
toast
|
|
2791
|
+
}: ToastProps) => react_jsx_runtime3.JSX.Element;
|
|
2792
|
+
//#endregion
|
|
2793
|
+
//#region src/Toast/ToastProvider.d.ts
|
|
2794
|
+
interface ToastProviderProps extends Omit<RAC.ToastRegionProps<object>, RemovedProps$2> {
|
|
2795
|
+
position?: ToastPosition;
|
|
2796
|
+
}
|
|
2797
|
+
type RemovedProps$2 = 'children' | 'className' | 'style' | 'queue';
|
|
2089
2798
|
type ToastPosition = 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | 'top' | 'bottom';
|
|
2090
|
-
declare const ToastProvider: ({
|
|
2091
|
-
|
|
2799
|
+
declare const ToastProvider: ({
|
|
2800
|
+
position
|
|
2801
|
+
}: ToastProviderProps) => react_jsx_runtime3.JSX.Element;
|
|
2802
|
+
//#endregion
|
|
2803
|
+
//#region src/Toast/ToastQueue.d.ts
|
|
2092
2804
|
declare function useToast(): {
|
|
2093
|
-
|
|
2094
|
-
|
|
2095
|
-
|
|
2096
|
-
|
|
2097
|
-
|
|
2098
|
-
|
|
2099
|
-
|
|
2100
|
-
|
|
2805
|
+
addToast: (options: {
|
|
2806
|
+
title: string;
|
|
2807
|
+
description?: ReactNode;
|
|
2808
|
+
variant?: "info" | "success" | "error" | "warning";
|
|
2809
|
+
timeout?: number;
|
|
2810
|
+
action?: ReactNode;
|
|
2811
|
+
}) => string;
|
|
2812
|
+
clearToasts: () => void;
|
|
2813
|
+
removeToast: (key: string) => void;
|
|
2101
2814
|
};
|
|
2102
|
-
|
|
2103
|
-
|
|
2104
|
-
|
|
2105
|
-
|
|
2106
|
-
|
|
2107
|
-
|
|
2108
|
-
|
|
2109
|
-
|
|
2110
|
-
|
|
2111
|
-
|
|
2112
|
-
|
|
2113
|
-
|
|
2114
|
-
|
|
2115
|
-
|
|
2116
|
-
|
|
2117
|
-
|
|
2118
|
-
|
|
2119
|
-
|
|
2120
|
-
|
|
2121
|
-
|
|
2122
|
-
|
|
2123
|
-
|
|
2124
|
-
|
|
2125
|
-
|
|
2126
|
-
|
|
2127
|
-
|
|
2128
|
-
|
|
2129
|
-
|
|
2130
|
-
|
|
2131
|
-
|
|
2132
|
-
|
|
2815
|
+
//#endregion
|
|
2816
|
+
//#region src/Tooltip/TooltipTrigger.d.ts
|
|
2817
|
+
type RemovedProps$1 = 'isDisabled' | 'isOpen' | 'children';
|
|
2818
|
+
interface TooltipTriggerProps extends Omit<RAC.TooltipTriggerComponentProps, RemovedProps$1> {
|
|
2819
|
+
/**
|
|
2820
|
+
* The children of the component.
|
|
2821
|
+
*/
|
|
2822
|
+
children: ReactNode;
|
|
2823
|
+
/**
|
|
2824
|
+
* Whether the tooltip should be disabled, independent from the trigger.
|
|
2825
|
+
*/
|
|
2826
|
+
disabled?: RAC.TooltipTriggerComponentProps['isDisabled'];
|
|
2827
|
+
/**
|
|
2828
|
+
* Control the visibility of the tooltip.
|
|
2829
|
+
*/
|
|
2830
|
+
open?: boolean;
|
|
2831
|
+
}
|
|
2832
|
+
//#endregion
|
|
2833
|
+
//#region src/Tooltip/Tooltip.d.ts
|
|
2834
|
+
type RemovedProps = 'className' | 'isOpen' | 'style';
|
|
2835
|
+
interface TooltipProps extends Omit<RAC.TooltipProps, RemovedProps> {
|
|
2836
|
+
/**
|
|
2837
|
+
* The children of the component.
|
|
2838
|
+
*/
|
|
2839
|
+
children?: ReactNode;
|
|
2840
|
+
variant?: 'default' | 'white' | (string & {});
|
|
2841
|
+
size?: string;
|
|
2842
|
+
/**
|
|
2843
|
+
* Whether the element is rendered.
|
|
2844
|
+
*/
|
|
2845
|
+
open?: RAC.TooltipProps['isOpen'];
|
|
2133
2846
|
}
|
|
2134
|
-
declare const
|
|
2135
|
-
|
|
2136
|
-
|
|
2847
|
+
declare const _Tooltip: {
|
|
2848
|
+
({
|
|
2849
|
+
children,
|
|
2850
|
+
variant,
|
|
2851
|
+
size,
|
|
2852
|
+
open,
|
|
2853
|
+
...rest
|
|
2854
|
+
}: TooltipProps): react_jsx_runtime3.JSX.Element;
|
|
2855
|
+
Trigger: ({
|
|
2856
|
+
delay,
|
|
2857
|
+
children,
|
|
2858
|
+
disabled,
|
|
2859
|
+
open,
|
|
2860
|
+
...rest
|
|
2861
|
+
}: TooltipTriggerProps) => react_jsx_runtime3.JSX.Element;
|
|
2137
2862
|
};
|
|
2138
|
-
|
|
2863
|
+
//#endregion
|
|
2864
|
+
//#region src/XLoader/BaseLoader.d.ts
|
|
2139
2865
|
interface LoaderProps extends Pick<ProgressBarProps, 'id' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-details'> {
|
|
2140
|
-
|
|
2141
|
-
|
|
2142
|
-
|
|
2143
|
-
|
|
2144
|
-
|
|
2145
|
-
|
|
2146
|
-
}
|
|
2147
|
-
|
|
2866
|
+
/**
|
|
2867
|
+
* Children of the component that will make up the label.
|
|
2868
|
+
*/
|
|
2869
|
+
children?: ReactNode;
|
|
2870
|
+
variant?: 'default' | 'inverted';
|
|
2871
|
+
size?: 'default' | 'large' | 'fit';
|
|
2872
|
+
}
|
|
2873
|
+
//#endregion
|
|
2874
|
+
//#region src/XLoader/XLoader.d.ts
|
|
2148
2875
|
interface XLoaderProps extends LoaderProps {
|
|
2149
|
-
|
|
2150
|
-
|
|
2151
|
-
|
|
2152
|
-
|
|
2153
|
-
|
|
2154
|
-
}
|
|
2155
|
-
declare const XLoader: ({
|
|
2156
|
-
|
|
2157
|
-
|
|
2158
|
-
|
|
2159
|
-
|
|
2160
|
-
|
|
2161
|
-
|
|
2162
|
-
}
|
|
2163
|
-
|
|
2164
|
-
interface TabsProps extends Omit<RAC.TabsProps, 'className' | 'style' | 'isDisabled' | 'orientation' | 'slot'> {
|
|
2165
|
-
/**
|
|
2166
|
-
* Set All TabPanel disabled
|
|
2167
|
-
* @default false
|
|
2168
|
-
*/
|
|
2169
|
-
disabled?: boolean;
|
|
2170
|
-
size?: 'small' | 'medium' | 'large';
|
|
2171
|
-
variant?: string;
|
|
2172
|
-
}
|
|
2173
|
-
declare const _Tabs: {
|
|
2174
|
-
({ disabled, variant, size, ...rest }: TabsProps): react_jsx_runtime.JSX.Element;
|
|
2175
|
-
List: ({ space, ...props }: TabListProps) => react_jsx_runtime.JSX.Element;
|
|
2176
|
-
TabPanel: (props: TabPanelProps) => react_jsx_runtime.JSX.Element;
|
|
2177
|
-
Item: (props: TabProps) => react_jsx_runtime.JSX.Element;
|
|
2178
|
-
};
|
|
2179
|
-
|
|
2180
|
-
type RemovedProps$2 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'slot';
|
|
2181
|
-
interface TimeFieldProps extends Omit<RAC.TimeFieldProps<TimeValue>, RemovedProps$2>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
2182
|
-
variant?: string;
|
|
2183
|
-
size?: string;
|
|
2184
|
-
/**
|
|
2185
|
-
* Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
|
|
2186
|
-
* @default full
|
|
2187
|
-
*/
|
|
2188
|
-
width?: WidthProp['width'];
|
|
2189
|
-
/**
|
|
2190
|
-
* If `true`, the input is disabled.
|
|
2191
|
-
* @default false
|
|
2192
|
-
*/
|
|
2193
|
-
disabled?: RAC.TimeFieldProps<TimeValue>['isDisabled'];
|
|
2194
|
-
/**
|
|
2195
|
-
* If `true`, the input is required.
|
|
2196
|
-
* @default false
|
|
2197
|
-
*/
|
|
2198
|
-
required?: RAC.TimeFieldProps<TimeValue>['isRequired'];
|
|
2199
|
-
/**
|
|
2200
|
-
* If `true`, the field is considered invalid and if set the `errorMessage` is shown instead of the `description`.
|
|
2201
|
-
* @default false
|
|
2202
|
-
*/
|
|
2203
|
-
error?: RAC.TimeFieldProps<TimeValue>['isInvalid'];
|
|
2204
|
-
/**
|
|
2205
|
-
* If `true`, the input is readOnly.
|
|
2206
|
-
* @default false
|
|
2207
|
-
*/
|
|
2208
|
-
readOnly?: RAC.TimeFieldProps<TimeValue>['isReadOnly'];
|
|
2209
|
-
/**
|
|
2210
|
-
* Whether to display the time in 12 or 24 hour format
|
|
2211
|
-
* @default 24
|
|
2212
|
-
*/
|
|
2213
|
-
hourCycle?: 12 | 24 | undefined;
|
|
2214
|
-
/**
|
|
2215
|
-
* Determines the smallest unit that is displayed in the time picker.
|
|
2216
|
-
* @default minute
|
|
2217
|
-
*/
|
|
2218
|
-
granularity?: 'hour' | 'minute' | 'second';
|
|
2219
|
-
/**
|
|
2220
|
-
* Whether to always show leading zeros in the hour field. Default is determined by the user's locale.
|
|
2221
|
-
* @default none
|
|
2222
|
-
*/
|
|
2223
|
-
shouldForceLeadingZeros?: boolean;
|
|
2224
|
-
}
|
|
2225
|
-
declare const _TimeField: react.ForwardRefExoticComponent<TimeFieldProps & react.RefAttributes<HTMLInputElement>>;
|
|
2226
|
-
|
|
2227
|
-
type RemovedProps$1 = 'className' | 'style';
|
|
2228
|
-
interface BreadcrumbsItemProps extends Omit<RAC.BreadcrumbProps, RemovedProps$1> {
|
|
2229
|
-
variant?: 'default' | (string & {});
|
|
2230
|
-
size?: 'small' | 'default' | 'large' | (string & {});
|
|
2231
|
-
/**
|
|
2232
|
-
* The content inside the breadcrumb.
|
|
2233
|
-
*/
|
|
2234
|
-
children: ReactNode;
|
|
2235
|
-
/**
|
|
2236
|
-
* Link for the breadcrumb item.
|
|
2237
|
-
*/
|
|
2238
|
-
href: string;
|
|
2239
|
-
}
|
|
2240
|
-
declare const BreadcrumbsItem: (_: BreadcrumbsItemProps) => null;
|
|
2241
|
-
|
|
2242
|
-
type RemovedProps = 'className' | 'style' | 'children' | 'isDisabled';
|
|
2243
|
-
interface BreadcrumbsProps extends Omit<BreadcrumbsProps$1<object>, RemovedProps> {
|
|
2244
|
-
variant?: 'default' | (string & {});
|
|
2245
|
-
size?: 'small' | 'default' | 'large' | (string & {});
|
|
2246
|
-
/**
|
|
2247
|
-
* Disables the breadcrumbs.
|
|
2248
|
-
* @default false
|
|
2249
|
-
*/
|
|
2250
|
-
disabled?: BreadcrumbsProps$1<object>['isDisabled'];
|
|
2251
|
-
/**
|
|
2252
|
-
* Maximum number of visible items before the breadcrumbs collapse.
|
|
2253
|
-
*/
|
|
2254
|
-
maxVisibleItems?: number;
|
|
2255
|
-
/**
|
|
2256
|
-
* The breadcrumb items to be displayed.
|
|
2257
|
-
*/
|
|
2258
|
-
children: react__default.ReactNode | react__default.ReactNode[];
|
|
2259
|
-
}
|
|
2260
|
-
interface BreadcrumbsComponent extends ForwardRefExoticComponent<BreadcrumbsProps & RefAttributes<HTMLOListElement>> {
|
|
2261
|
-
Item: typeof BreadcrumbsItem;
|
|
2262
|
-
}
|
|
2263
|
-
declare const _Breadcrumbs: BreadcrumbsComponent;
|
|
2264
|
-
|
|
2876
|
+
/**
|
|
2877
|
+
* Show the loader in `fullscreen` to overlay and block interaction with the site or `section` to show loading for a certain area.
|
|
2878
|
+
* @default undefined
|
|
2879
|
+
*/
|
|
2880
|
+
mode?: 'fullscreen' | 'section';
|
|
2881
|
+
}
|
|
2882
|
+
declare const XLoader: ({
|
|
2883
|
+
mode,
|
|
2884
|
+
variant,
|
|
2885
|
+
...props
|
|
2886
|
+
}: XLoaderProps) => react_jsx_runtime3.JSX.Element;
|
|
2887
|
+
//#endregion
|
|
2888
|
+
//#region src/utils/form.utils.d.ts
|
|
2265
2889
|
/**
|
|
2266
2890
|
* Parses the data from a submitted HTML form and returns an object mapping form field names to their values.
|
|
2267
2891
|
*
|
|
@@ -2269,5 +2893,5 @@ declare const _Breadcrumbs: BreadcrumbsComponent;
|
|
|
2269
2893
|
* Otherwise, the value will be a single FormDataEntryValue (string or File).
|
|
2270
2894
|
*/
|
|
2271
2895
|
declare const parseFormData: <T extends Record<string, FormDataEntryValue | FormDataEntryValue[]> = Record<string, FormDataEntryValue | FormDataEntryValue[]>>(e: FormEvent<HTMLFormElement>) => T;
|
|
2272
|
-
|
|
2273
|
-
export { Accordion, AccordionItem, type AccordionProps, ActionMenu, type ActionMenuProps,
|
|
2896
|
+
//#endregion
|
|
2897
|
+
export { Accordion, AccordionItem, type AccordionProps, ActionMenu, type ActionMenuProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, _Breadcrumbs as Breadcrumbs, type BreadcrumbsProps, Breakout, type BreakoutProps, _Button as Button, type ButtonProps, _Calendar as Calendar, type CalendarProps, Card, type CardProps, Center, type CenterProps, _Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CloseButton, Collapsible, type CollapsibleProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, type ConfirmationConfig, ConfirmationContext, ConfirmationDialog, type ConfirmationDialogProps, type ConfirmationFn, ConfirmationProvider, type ConfirmationResult, Container, type ContainerProps, _ContextualHelp as ContextualHelp, type ContextualHelpProps, _DateField as DateField, type DateFieldProps, DateFormat, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, type DisclosureProps, _Divider as Divider, type DividerProps, Drawer, type DrawerProps, FieldBase, type FieldBaseProps, _Form as Form, type FormProps, Grid, type GridProps, _Headline as Headline, type HeadlineProps, HelpText, type HelpTextProps, I18nProvider, IconButton, Inline, type InlineProps, _Input as Input, type InputProps, Inset, type InsetProps, _Label as Label, type LabelProps, _Link as Link, _LinkButton as LinkButton, type LinkButtonProps, type LinkProps, List, _ListBox as ListBox, _ListBoxItem as ListBoxItem, type ListBoxItemProps, type ListBoxProps, type ListProps, MarigoldProvider, type MarigoldProviderProps, _Menu as Menu, type MenuProps, _Modal as Modal, type ModalProps, Multiselect, NonModal, type NonModalProps, _NumberField as NumberField, type NumberFieldProps, NumericFormat, type OverlayContainerProps, OverlayContainerProvider, _Pagination as Pagination, type PaginationProps, _Popover as Popover, type PopoverProps, ProgressCycle, type ProgressCycleProps, _Radio as Radio, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, RouterProvider, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SearchInput, type SearchInputProps, SectionMessage, type SectionMessageProps, Select, _SelectList as SelectList, _SelectListItem as SelectListItem, type SelectListItemProps, type SelectListProps, type SelectProps, type Selection, _Slider as Slider, type SliderProps, Split, Stack, type StackProps, _Switch as Switch, type SwitchProps, Table, type TableProps, _Tabs as Tabs, type TabsProps, _Tag as Tag, _TagGroup as TagGroup, type TagGroupProps, type TagProps, _Text as Text, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps, type TextProps, ThemeProvider, Tiles, type TilesProps, _TimeField as TimeField, type TimeFieldProps, type TimeValue, Toast, type ToastContentProps, type ToastProps, ToastProvider, type ToastProviderProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, VisuallyHidden, XLoader, type XLoaderProps, parseFormData, useAsyncList, useConfirmation, useListData, useTheme, useToast };
|