@mmb-digital/design-system-web 0.1.348-alpha.2 → 0.1.348-alpha.3

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.
Files changed (8) hide show
  1. package/README.md +7 -6
  2. package/dist/index.cjs +2 -41
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.ts +2089 -2236
  5. package/dist/index.js +2 -41
  6. package/dist/index.js.map +1 -1
  7. package/package.json +160 -153
  8. package/dist/index.d.cts +0 -2843
package/dist/index.d.ts CHANGED
@@ -1,227 +1,218 @@
1
- import { AriaAttributes, AriaRole, BaseSyntheticEvent, ChangeEvent, ComponentProps, ComponentType, ElementType, FC, FocusEvent, FocusEventHandler, HTMLAttributeAnchorTarget, HTMLAttributes, HTMLInputAutoCompleteAttribute, HTMLInputTypeAttribute, HTMLProps, Key, KeyboardEvent, KeyboardEventHandler, MouseEvent, MouseEventHandler, MutableRefObject, ReactElement, ReactNode, Ref, RefObject, TextareaHTMLAttributes, TouchEvent } from "react";
2
- import emotionStyled from "@emotion/styled";
3
- import { Theme as Theme$1 } from "@emotion/react";
4
- import { useMergeRefs } from "@floating-ui/react";
5
- import { MessageDescriptor } from "react-intl";
6
- import { FieldPath, FieldValues, RegisterOptions, SubmitErrorHandler, UseFormProps as UseFormProps$1, UseFormReturn as UseFormReturn$1 } from "react-hook-form";
7
- import { Formatter } from "afformative";
8
- import { DatePickerProps as DatePickerProps$1 } from "react-datepicker";
9
- import { Locale } from "date-fns";
10
- import { FactoryOpts } from "imask";
11
- import { Property } from "csstype";
12
- import { FormatXMLElementFn, PrimitiveType } from "intl-messageformat";
13
- import { z } from "zod";
14
-
15
- //#region src/components/formattedMessage/types.d.ts
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { Property } from 'csstype';
3
+ import * as react from 'react';
4
+ import { ReactNode, ReactElement, HTMLProps, MutableRefObject, ElementType, HTMLInputAutoCompleteAttribute, FocusEvent, ChangeEvent, Ref, FC, AriaAttributes, RefObject, MouseEvent, AriaRole, HTMLAttributeAnchorTarget, MouseEventHandler, KeyboardEventHandler, HTMLAttributes, HTMLInputTypeAttribute, Key, ComponentType, KeyboardEvent, ComponentProps, BaseSyntheticEvent, FocusEventHandler, TouchEvent, TextareaHTMLAttributes } from 'react';
5
+ import { MessageDescriptor } from 'react-intl';
6
+ import { PrimitiveType, FormatXMLElementFn } from 'intl-messageformat';
7
+ import { Theme as Theme$1 } from '@emotion/react';
8
+ import * as react_hook_form from 'react-hook-form';
9
+ import { RegisterOptions, FieldValues, FieldPath, UseFormReturn as UseFormReturn$1, SubmitErrorHandler, UseFormProps as UseFormProps$1 } from 'react-hook-form';
10
+ import * as afformative from 'afformative';
11
+ import { Formatter } from 'afformative';
12
+ import { Locale } from 'date-fns';
13
+ import { DatePickerProps as DatePickerProps$1 } from 'react-datepicker';
14
+ import { Masked, FactoryOpts } from 'imask';
15
+ import * as _emotion_utils from '@emotion/utils';
16
+ export { useMergeRefs } from '@floating-ui/react';
17
+ import { z } from 'zod';
18
+ import emotionStyled from '@emotion/styled';
19
+
16
20
  type MessageValues = Record<string, FormatXMLElementFn<ReactNode, ReactNode> | PrimitiveType | ReactNode>;
17
21
  type PrimitiveMessageValues = Record<string, PrimitiveType>;
18
22
  type IsMessageDisplayableHookReturnFunction = (messageDescriptor: MessageDescriptor) => boolean;
19
- //#endregion
20
- //#region src/components/formattedMessage/formattedMessage/FormattedMessage.d.ts
23
+
21
24
  interface FormattedMessageProps extends MessageDescriptor {
22
- values?: MessageValues;
23
- }
24
- declare const FormattedMessage: (props: FormattedMessageProps) => import("react").JSX.Element;
25
- //#endregion
26
- //#region src/components/formattedMessage/formattedHtmlMessage/FormattedHtmlMessage.d.ts
27
- interface FormattedHtmlMessageProps extends MessageDescriptorWithPrimitiveValues {}
28
- declare const FormattedHtmlMessage: (props: FormattedHtmlMessageProps) => import("react").JSX.Element;
29
- //#endregion
30
- //#region src/components/formattedMessage/isMessageDisplayable/useIsMessageDisplayable.d.ts
25
+ values?: MessageValues;
26
+ }
27
+ declare const FormattedMessage: (props: FormattedMessageProps) => react_jsx_runtime.JSX.Element;
28
+
29
+ interface FormattedHtmlMessageProps extends MessageDescriptorWithPrimitiveValues {
30
+ }
31
+ declare const FormattedHtmlMessage: (props: FormattedHtmlMessageProps) => react_jsx_runtime.JSX.Element;
32
+
31
33
  declare const useIsMessageDisplayable: () => IsMessageDisplayableHookReturnFunction;
32
- //#endregion
33
- //#region src/components/formattedMessage/getFormattedHtmlMessageIfDisplayable/useGetFormattedHtmlMessageIfDisplayable.d.ts
34
- declare const useGetFormattedHtmlMessageIfDisplayable: () => (messageDescriptor: MessageDescriptorWithPrimitiveValues) => import("react").JSX.Element | undefined;
35
- //#endregion
36
- //#region src/components/tooltip/types.d.ts
34
+
35
+ declare const useGetFormattedHtmlMessageIfDisplayable: () => (messageDescriptor: MessageDescriptorWithPrimitiveValues) => react_jsx_runtime.JSX.Element | undefined;
36
+
37
37
  type TooltipRenderParent = (getParentProps: (userProps?: HTMLProps<Element>) => Record<string, unknown>) => ReactElement;
38
38
  declare enum TooltipPlacement {
39
- bottom = "bottom",
40
- left = "left",
41
- right = "right",
42
- top = "top"
39
+ bottom = "bottom",
40
+ left = "left",
41
+ right = "right",
42
+ top = "top"
43
43
  }
44
44
  interface TooltipDescriptor {
45
- body: ReactElement | string;
46
- closeButtonAriaLabel?: string;
47
- title?: ReactElement | string;
48
- width?: TooltipWidth;
45
+ body: ReactElement | string;
46
+ closeButtonAriaLabel?: string;
47
+ title?: ReactElement | string;
48
+ width?: TooltipWidth;
49
49
  }
50
50
  interface TooltipInfoDescriptor extends TooltipDescriptor {
51
- triggerAriaLabel?: string;
51
+ triggerAriaLabel?: string;
52
52
  }
53
53
  declare enum TooltipInfoDisplayMethod {
54
- onlyTooltip = "onlyTooltip",
55
- withNbsp = "withNbsp"
54
+ onlyTooltip = "onlyTooltip",
55
+ withNbsp = "withNbsp"
56
56
  }
57
57
  interface TooltipDelays {
58
- /** ms */
59
- closeDelay?: number;
60
- /** ms */
61
- openDelay?: number;
58
+ /** ms */
59
+ closeDelay?: number;
60
+ /** ms */
61
+ openDelay?: number;
62
62
  }
63
63
  interface BaseTooltipInfoProps {
64
- triggerAriaLabel?: string;
64
+ triggerAriaLabel?: string;
65
65
  }
66
66
  declare enum TooltipCloseReason {
67
- closeButtonClick = "closeButtonClick",
68
- closeButtonKeyPress = "closeButtonKeyPress",
69
- focusLost = "focusLost"
67
+ closeButtonClick = "closeButtonClick",
68
+ closeButtonKeyPress = "closeButtonKeyPress",
69
+ focusLost = "focusLost"
70
70
  }
71
71
  declare enum TooltipWidth {
72
- lg = "lg",
73
- md = "md"
72
+ lg = "lg",
73
+ md = "md"
74
74
  }
75
- //#endregion
76
- //#region src/components/tooltip/infoDisplayableCheck/TooltipInfoDisplayableCheck.d.ts
75
+
77
76
  interface TooltipInfoDisplayableCheckProps extends DesignSystemBaseProps {
78
- body: MessageDescriptorWithPrimitiveValues;
79
- closeButtonAriaLabel?: MessageDescriptorWithPrimitiveValues;
80
- displayMethod: TooltipInfoDisplayMethod;
81
- title?: MessageDescriptorWithPrimitiveValues;
82
- triggerAriaLabel?: MessageDescriptorWithPrimitiveValues;
83
- }
84
- declare const TooltipInfoDisplayableCheck: (props: TooltipInfoDisplayableCheckProps) => import("react").JSX.Element | null;
85
- //#endregion
86
- //#region src/components/tooltip/infoConditional/TooltipInfoConditional.d.ts
77
+ body: MessageDescriptorWithPrimitiveValues;
78
+ closeButtonAriaLabel?: MessageDescriptorWithPrimitiveValues;
79
+ displayMethod: TooltipInfoDisplayMethod;
80
+ title?: MessageDescriptorWithPrimitiveValues;
81
+ triggerAriaLabel?: MessageDescriptorWithPrimitiveValues;
82
+ }
83
+ declare const TooltipInfoDisplayableCheck: (props: TooltipInfoDisplayableCheckProps) => react_jsx_runtime.JSX.Element | null;
84
+
87
85
  interface TooltipInfoConditionalProps extends DesignSystemBaseProps, BaseTooltipInfoProps {
88
- displayMethod: TooltipInfoDisplayMethod;
89
- floatingElement?: Partial<TooltipDescriptor>;
86
+ displayMethod: TooltipInfoDisplayMethod;
87
+ floatingElement?: Partial<TooltipDescriptor>;
90
88
  }
91
- declare const TooltipInfoConditional: (props: TooltipInfoConditionalProps) => import("react").JSX.Element | null;
92
- //#endregion
93
- //#region src/components/tooltip/useCreateTooltipInfoDescriptor/useCreateTooltipInfoDescriptor.d.ts
89
+ declare const TooltipInfoConditional: (props: TooltipInfoConditionalProps) => react_jsx_runtime.JSX.Element | null;
90
+
94
91
  interface CreateTooltipInfoDescriptorParam {
95
- body: MessageDescriptorWithPrimitiveValues;
96
- closeButtonAriaLabel?: MessageDescriptorWithPrimitiveValues;
97
- title?: MessageDescriptorWithPrimitiveValues;
98
- triggerAriaLabel?: MessageDescriptorWithPrimitiveValues;
99
- width?: TooltipWidth;
92
+ body: MessageDescriptorWithPrimitiveValues;
93
+ closeButtonAriaLabel?: MessageDescriptorWithPrimitiveValues;
94
+ title?: MessageDescriptorWithPrimitiveValues;
95
+ triggerAriaLabel?: MessageDescriptorWithPrimitiveValues;
96
+ width?: TooltipWidth;
100
97
  }
101
98
  type CreateTooltipInfoDescriptor = (param: CreateTooltipInfoDescriptorParam) => TooltipInfoDescriptor | undefined;
102
99
  declare const useCreateTooltipInfoDescriptor: () => CreateTooltipInfoDescriptor;
103
- //#endregion
104
- //#region src/components/tooltip/info/TooltipInfo.d.ts
100
+
105
101
  interface TooltipInfoProps extends DesignSystemBaseProps, TooltipDelays, BaseTooltipInfoProps {
106
- floatingElement: TooltipDescriptor;
102
+ floatingElement: TooltipDescriptor;
107
103
  }
108
- declare const TooltipInfo: (props: TooltipInfoProps) => import("react").JSX.Element;
109
- //#endregion
110
- //#region src/components/tooltip/general/TooltipGeneral.d.ts
104
+ declare const TooltipInfo: (props: TooltipInfoProps) => react_jsx_runtime.JSX.Element;
105
+
111
106
  interface TooltipGeneralProps extends DesignSystemBaseProps, TooltipDelays {
112
- floatingElement: TooltipDescriptor;
113
- onClose?: ((closeReason: TooltipCloseReason) => void) | undefined;
114
- onOpen?: (() => void) | undefined;
115
- placement?: TooltipPlacement | undefined;
116
- portalRootElement?: HTMLElement | MutableRefObject<HTMLElement | null> | null;
117
- renderParent: TooltipRenderParent;
118
- }
119
- declare const TooltipGeneral: (props: TooltipGeneralProps) => import("react").JSX.Element;
120
- //#endregion
121
- //#region src/components/tooltip/util.d.ts
107
+ floatingElement: TooltipDescriptor;
108
+ onClose?: ((closeReason: TooltipCloseReason) => void) | undefined;
109
+ onOpen?: (() => void) | undefined;
110
+ placement?: TooltipPlacement | undefined;
111
+ portalRootElement?: HTMLElement | MutableRefObject<HTMLElement | null> | null;
112
+ renderParent: TooltipRenderParent;
113
+ }
114
+ declare const TooltipGeneral: (props: TooltipGeneralProps) => react_jsx_runtime.JSX.Element;
115
+
122
116
  type TooltipInfoDescriptorPropsSubset = Pick<TooltipInfoProps, 'floatingElement' | 'triggerAriaLabel'>;
123
117
  declare const mapTooltipInfoDescriptorToPropsSubset: <T extends TooltipInfoDescriptor | undefined>(tooltipInfoDescriptor: T) => T extends undefined ? undefined : TooltipInfoDescriptorPropsSubset;
124
- //#endregion
125
- //#region src/types.d.ts
118
+
126
119
  interface SsrProps {
127
- suppressHydrationWarning?: boolean;
120
+ suppressHydrationWarning?: boolean;
128
121
  }
129
122
  interface MessageDescriptorWithPrimitiveValues extends MessageDescriptor {
130
- /**
131
- * Since `FormattedHtmlMessage` uses `dangerouslySetInnerHTML` under the hood and sometimes
132
- * includes user input, we need to escape the `values` prop to prevent XSS vulnerabilities.
133
- *
134
- * In case we need to display HTML content (and we're sure it's safe), the `htmlValues` prop
135
- * should be used instead.
136
- */
137
- htmlValues?: PrimitiveMessageValues;
138
- values?: PrimitiveMessageValues;
123
+ /**
124
+ * Since `FormattedHtmlMessage` uses `dangerouslySetInnerHTML` under the hood and sometimes
125
+ * includes user input, we need to escape the `values` prop to prevent XSS vulnerabilities.
126
+ *
127
+ * In case we need to display HTML content (and we're sure it's safe), the `htmlValues` prop
128
+ * should be used instead.
129
+ */
130
+ htmlValues?: PrimitiveMessageValues;
131
+ values?: PrimitiveMessageValues;
139
132
  }
140
133
  interface MessageDescriptorWithValues extends MessageDescriptor {
141
- values?: MessageValues;
134
+ values?: MessageValues;
142
135
  }
143
136
  interface FieldControlProps extends DesignSystemBaseProps {
144
- describedBy?: string;
145
- id?: string;
146
- invalid?: boolean;
147
- labelledBy?: string;
148
- name?: string;
149
- required?: boolean;
137
+ describedBy?: string;
138
+ id?: string;
139
+ invalid?: boolean;
140
+ labelledBy?: string;
141
+ name?: string;
142
+ required?: boolean;
150
143
  }
151
144
  declare enum InputSize {
152
- md = "md",
153
- xl = "xl"
145
+ md = "md",
146
+ xl = "xl"
154
147
  }
155
148
  declare enum InputTextAlign {
156
- center = "center",
157
- left = "left",
158
- right = "right"
149
+ center = "center",
150
+ left = "left",
151
+ right = "right"
159
152
  }
160
153
  declare enum MediaType {
161
- desktop = "desktop",
162
- mobile = "mobile",
163
- tablet = "tablet"
154
+ desktop = "desktop",
155
+ mobile = "mobile",
156
+ tablet = "tablet"
164
157
  }
165
158
  declare enum ColorScheme {
166
- dark = "dark",
167
- light = "light"
159
+ dark = "dark",
160
+ light = "light"
168
161
  }
169
162
  interface ColorObject<Dark extends string = string, Light extends string = string> {
170
- dark: Dark;
171
- light: Light;
163
+ dark: Dark;
164
+ light: Light;
172
165
  }
173
166
  interface InputProps extends FieldControlProps {
174
- ariaLabel?: string;
175
- autoComplete?: HTMLInputAutoCompleteAttribute;
176
- button?: ReactNode;
177
- colorInput?: Property.Color | undefined;
178
- disabled?: boolean;
179
- halfWidth?: boolean;
180
- maxLength?: number;
181
- name: string;
182
- onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
183
- onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
184
- prefix?: ReactNode;
185
- ref?: Ref<HTMLInputElement>;
186
- size: InputSize;
187
- suffix?: ReactNode;
188
- value?: string;
167
+ ariaLabel?: string;
168
+ autoComplete?: HTMLInputAutoCompleteAttribute;
169
+ button?: ReactNode;
170
+ colorInput?: Property.Color | undefined;
171
+ disabled?: boolean;
172
+ halfWidth?: boolean;
173
+ maxLength?: number;
174
+ name: string;
175
+ onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
176
+ onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
177
+ prefix?: ReactNode;
178
+ ref?: Ref<HTMLInputElement>;
179
+ size: InputSize;
180
+ suffix?: ReactNode;
181
+ value?: string;
189
182
  }
190
183
  declare enum FieldOptionality {
191
- optional = "optional",
192
- optionalWithoutLabelSuffix = "optionalWithoutLabelSuffix",
193
- required = "required"
184
+ optional = "optional",
185
+ optionalWithoutLabelSuffix = "optionalWithoutLabelSuffix",
186
+ required = "required"
194
187
  }
195
188
  interface InputLabelPassthroughProps {
196
- label?: ReactNode;
197
- labelAs?: ElementType;
198
- /**
199
- * Visually hidden text for screen readers providing additional info, such as the availability of a tooltip.
200
- * Prefer using `hiddenHintText` in `FieldWrapper` where possible.
201
- */
202
- labelHiddenText?: string;
203
- labelId?: string;
204
- labelSuffix?: ReactNode;
205
- tooltip?: TooltipInfoDescriptor;
189
+ label?: ReactNode;
190
+ labelAs?: ElementType;
191
+ /**
192
+ * Visually hidden text for screen readers providing additional info, such as the availability of a tooltip.
193
+ * Prefer using `hiddenHintText` in `FieldWrapper` where possible.
194
+ */
195
+ labelHiddenText?: string;
196
+ labelId?: string;
197
+ labelSuffix?: ReactNode;
198
+ tooltip?: TooltipInfoDescriptor;
206
199
  }
207
200
  declare enum LabelTooltipPosition {
208
- inline = "inline",
209
- rightCenter = "rightCenter"
201
+ inline = "inline",
202
+ rightCenter = "rightCenter"
210
203
  }
211
- //#endregion
212
- //#region src/contexts/mediaType/MediaTypeProvider.d.ts
204
+
213
205
  interface MediaTypeProviderProps {
214
- children: ReactNode;
215
- mediaType: MediaType;
206
+ children: ReactNode;
207
+ mediaType: MediaType;
216
208
  }
217
209
  declare const MediaTypeProvider: FC<MediaTypeProviderProps>;
218
- //#endregion
219
- //#region src/contexts/mediaType/useMediaType.d.ts
210
+
220
211
  type UseMediaTypeParam = MediaType | {
221
- mediaType?: MediaType | undefined;
212
+ mediaType?: MediaType | undefined;
222
213
  };
223
214
  interface UseMediaTypeOptions {
224
- defaultMediaType?: MediaType;
215
+ defaultMediaType?: MediaType;
225
216
  }
226
217
  /**
227
218
  * priorities:
@@ -232,20 +223,18 @@ interface UseMediaTypeOptions {
232
223
  * 4. fallbackMediaType
233
224
  */
234
225
  declare const useMediaType: (param?: UseMediaTypeParam, options?: UseMediaTypeOptions) => MediaType;
235
- //#endregion
236
- //#region src/contexts/colorScheme/ColorSchemeProvider.d.ts
226
+
237
227
  interface ColorSchemeProviderProps {
238
- children: ReactNode;
239
- colorScheme: ColorScheme;
228
+ children: ReactNode;
229
+ colorScheme: ColorScheme;
240
230
  }
241
231
  declare const ColorSchemeProvider: FC<ColorSchemeProviderProps>;
242
- //#endregion
243
- //#region src/contexts/colorScheme/useColorScheme.d.ts
232
+
244
233
  type UseColorSchemeParam = ColorScheme | {
245
- colorScheme?: ColorScheme | undefined;
234
+ colorScheme?: ColorScheme | undefined;
246
235
  };
247
236
  interface UseColorSchemeOptions {
248
- defaultColorScheme?: ColorScheme;
237
+ defaultColorScheme?: ColorScheme;
249
238
  }
250
239
  /**
251
240
  * priorities:
@@ -256,93 +245,94 @@ interface UseColorSchemeOptions {
256
245
  * 4. fallbackColorScheme
257
246
  */
258
247
  declare const useColorScheme: (param?: UseColorSchemeParam, options?: UseColorSchemeOptions) => ColorScheme;
259
- //#endregion
260
- //#region src/contexts/designSystemMessages/DesignSystemMessagesContext.d.ts
248
+
261
249
  interface DesignSystemFullMessages {
262
- button: {
263
- busyGeneric?: ReactNode;
264
- busySubmit?: ReactNode;
265
- };
266
- fieldWrapper: {
267
- getTooltipTriggerAriaLabel?: (tooltip: TooltipInfoDescriptor, label: ReactNode) => string;
268
- optionalLabelSuffix?: ReactNode;
269
- tooltipHiddenHintText?: ReactNode;
270
- };
271
- formErrorSummary: {
272
- title: ReactNode;
273
- };
250
+ button: {
251
+ busyGeneric?: ReactNode;
252
+ busySubmit?: ReactNode;
253
+ };
254
+ fieldWrapper: {
255
+ getTooltipTriggerAriaLabel?: (tooltip: TooltipInfoDescriptor, label: ReactNode) => string;
256
+ optionalLabelSuffix?: ReactNode;
257
+ tooltipHiddenHintText?: ReactNode;
258
+ };
259
+ formErrorSummary: {
260
+ title: ReactNode;
261
+ };
274
262
  }
275
- type DesignSystemPartialMessages = { [K in keyof DesignSystemFullMessages]?: Partial<{ [P in keyof NonNullable<DesignSystemFullMessages[K]>]?: NonNullable<DesignSystemFullMessages[K]>[P] }> };
276
- //#endregion
277
- //#region src/contexts/designSystemPropDefaults/DesignSystemPropDefaultsContext.d.ts
263
+ type DesignSystemPartialMessages = {
264
+ [K in keyof DesignSystemFullMessages]?: Partial<{
265
+ [P in keyof NonNullable<DesignSystemFullMessages[K]>]?: NonNullable<DesignSystemFullMessages[K]>[P];
266
+ }>;
267
+ };
268
+
278
269
  interface DesignSystemFullPropDefaults {
279
- button: {
280
- busyDelay: number;
281
- };
270
+ button: {
271
+ busyDelay: number;
272
+ };
282
273
  }
283
- type DesignSystemPartialPropDefaults = { [K in keyof DesignSystemFullPropDefaults]?: Partial<{ [P in keyof DesignSystemFullPropDefaults[K]]?: DesignSystemFullPropDefaults[K][P] }> };
284
- //#endregion
285
- //#region src/contexts/designSystem/DesignSystemProvider.d.ts
274
+ type DesignSystemPartialPropDefaults = {
275
+ [K in keyof DesignSystemFullPropDefaults]?: Partial<{
276
+ [P in keyof DesignSystemFullPropDefaults[K]]?: DesignSystemFullPropDefaults[K][P];
277
+ }>;
278
+ };
279
+
286
280
  interface DesignSystemProviderProps {
287
- children: ReactNode;
288
- colorScheme?: ColorScheme;
289
- mediaType?: MediaType;
290
- messages?: DesignSystemPartialMessages;
291
- propDefaults?: DesignSystemPartialPropDefaults;
281
+ children: ReactNode;
282
+ colorScheme?: ColorScheme;
283
+ mediaType?: MediaType;
284
+ messages?: DesignSystemPartialMessages;
285
+ propDefaults?: DesignSystemPartialPropDefaults;
292
286
  }
293
287
  /**
294
288
  * It is recommended to use this provider only once in a component tree, ideally near the root.
295
289
  * It is possible to override every provider for a subpart of the component tree.
296
290
  */
297
291
  declare const DesignSystemProvider: (props: DesignSystemProviderProps) => ReactNode;
298
- //#endregion
299
- //#region src/utils/getClampedFontSize.d.ts
292
+
300
293
  declare const getClampedFontSize: (fontSize: string) => string;
301
- //#endregion
302
- //#region src/utils/getColor.d.ts
294
+
303
295
  type GetColor = <Dark extends string = string, Light extends string = string>(colorScheme: ColorScheme, colorSchemeObject: ColorObject<Dark, Light>) => Dark | Light;
304
296
  declare const getColor: GetColor;
305
- //#endregion
306
- //#region src/utils/isRenderable.d.ts
297
+
307
298
  declare const isRenderable: (node: ReactNode) => node is Exclude<ReactNode, boolean | null | undefined>;
308
- //#endregion
309
- //#region src/utils/mergeRefs.d.ts
299
+
310
300
  declare const mergeRefs: <T>(...refs: (Ref<T> | undefined)[]) => Ref<T>;
311
- //#endregion
312
- //#region src/utils/pxToRem.d.ts
301
+
313
302
  declare const pxToRem: (px: number | string, base?: number) => string;
314
- //#endregion
315
- //#region src/utils/renderReactNodeArray.d.ts
316
- declare const renderReactNodeArray: (items: ReactNode[], separator?: ReactNode) => ReactElement<unknown, string | import("react").JSXElementConstructor<any>>[] | null;
317
- //#endregion
318
- //#region src/utils/styled.d.ts
303
+
304
+ declare const renderReactNodeArray: (items: ReactNode[], separator?: ReactNode) => ReactElement<unknown, string | react.JSXElementConstructor<any>>[] | null;
305
+
319
306
  declare const styled: typeof emotionStyled;
320
- //#endregion
321
- //#region src/utils/useChooseColor.d.ts
307
+
322
308
  type ChooseColor = <Dark extends string = string, Light extends string = string>(colorSchemeObject: ColorObject<Dark, Light>) => Dark | Light;
323
309
  declare const useChooseColor: (colorScheme: ColorScheme) => ChooseColor;
324
- //#endregion
325
- //#region src/contexts/designSystem/useDesignSystem.d.ts
310
+
311
+ declare const resolveMask: (mask: Masked, value: string) => {
312
+ masked: string;
313
+ unmasked: string;
314
+ };
315
+ declare const resolveMaskToNumber: (mask: Masked, value: string) => number;
316
+
326
317
  interface UseDesignSystemParam {
327
- colorScheme?: ColorScheme | undefined;
328
- mediaType?: MediaType | undefined;
318
+ colorScheme?: ColorScheme | undefined;
319
+ mediaType?: MediaType | undefined;
320
+ }
321
+ interface UseDesignSystemOptions extends UseColorSchemeOptions, UseMediaTypeOptions {
329
322
  }
330
- interface UseDesignSystemOptions extends UseColorSchemeOptions, UseMediaTypeOptions {}
331
323
  declare const useDesignSystem: (param?: UseDesignSystemParam, options?: UseDesignSystemOptions) => {
332
- colorScheme: ColorScheme;
333
- mediaType: MediaType;
334
- chooseColor: ChooseColor;
324
+ colorScheme: ColorScheme;
325
+ mediaType: MediaType;
326
+ chooseColor: ChooseColor;
335
327
  };
336
- //#endregion
337
- //#region src/contexts/designSystem/types.d.ts
328
+
338
329
  interface DesignSystemBaseProps {
339
- colorScheme?: ColorScheme;
340
- mediaType?: MediaType;
330
+ colorScheme?: ColorScheme;
331
+ mediaType?: MediaType;
341
332
  }
342
- //#endregion
343
- //#region src/contexts/fieldLabelStore.d.ts
333
+
344
334
  interface FieldLabelStoreProviderProps {
345
- children: ReactNode;
335
+ children: ReactNode;
346
336
  }
347
337
  /**
348
338
  * The purpose of this provider is to make labels passed to `FieldWrapper` accessible elsewhere,
@@ -350,2001 +340,1902 @@ interface FieldLabelStoreProviderProps {
350
340
  *
351
341
  * Field labels can be registered via the `useRegisterFieldLabel` hook, and consumed via the `useFieldLabels` hook.
352
342
  **/
353
- declare const FieldLabelStoreProvider: (props: FieldLabelStoreProviderProps) => import("react").JSX.Element;
343
+ declare const FieldLabelStoreProvider: (props: FieldLabelStoreProviderProps) => react_jsx_runtime.JSX.Element;
354
344
  declare const useFieldLabels: () => Record<string, ReactNode>;
355
345
  declare const useRegisterFieldLabel: () => (name: string, label: ReactNode) => void;
356
- //#endregion
357
- //#region src/contexts/fieldConfig.d.ts
346
+
358
347
  interface FieldConfig {
359
- optionalLabelSuffix?: ReactNode;
348
+ optionalLabelSuffix?: ReactNode;
360
349
  }
361
350
  interface FieldConfigProviderProps extends FieldConfig {
362
- children: ReactNode;
351
+ children: ReactNode;
363
352
  }
364
353
  /**
365
354
  * Should only be used once in the root application wrapper.
366
355
  *
367
356
  * @deprecated Use `DesignSystemProvider` with the `messages` prop instead.
368
357
  */
369
- declare const FieldConfigProvider: (props: FieldConfigProviderProps) => import("react").JSX.Element;
358
+ declare const FieldConfigProvider: (props: FieldConfigProviderProps) => react_jsx_runtime.JSX.Element;
370
359
  declare const useFieldConfig: () => FieldConfig;
371
- //#endregion
372
- //#region src/contexts/designSystemMessages/DesignSystemMessagesProvider.d.ts
360
+
373
361
  interface DesignSystemMessagesProviderProps {
374
- children: ReactNode;
375
- messages: DesignSystemPartialMessages;
362
+ children: ReactNode;
363
+ messages: DesignSystemPartialMessages;
376
364
  }
377
- declare const DesignSystemMessagesProvider: (props: DesignSystemMessagesProviderProps) => import("react").JSX.Element;
378
- //#endregion
379
- //#region src/contexts/designSystemMessages/useDesignSystemMessages.d.ts
365
+ declare const DesignSystemMessagesProvider: (props: DesignSystemMessagesProviderProps) => react_jsx_runtime.JSX.Element;
366
+
380
367
  declare const useDesignSystemMessages: () => DesignSystemFullMessages;
381
- //#endregion
382
- //#region src/contexts/designSystemPropDefaults/DesignSystemPropDefaultsProvider.d.ts
368
+
383
369
  interface DesignSystemPropDefaultsProviderProps {
384
- children: ReactNode;
385
- defaults: DesignSystemPartialPropDefaults;
370
+ children: ReactNode;
371
+ defaults: DesignSystemPartialPropDefaults;
386
372
  }
387
- declare const DesignSystemPropDefaultsProvider: (props: DesignSystemPropDefaultsProviderProps) => import("react").JSX.Element;
388
- //#endregion
389
- //#region src/contexts/designSystemPropDefaults/useDesignSystemPropDefaults.d.ts
373
+ declare const DesignSystemPropDefaultsProvider: (props: DesignSystemPropDefaultsProviderProps) => react_jsx_runtime.JSX.Element;
374
+
390
375
  declare const useDesignSystemPropDefaults: () => DesignSystemFullPropDefaults;
391
- //#endregion
392
- //#region src/components/accordion/types.d.ts
376
+
393
377
  interface AccordionItemType {
394
- closeActionAriaLabel?: string;
395
- content: ReactNode;
396
- description?: ReactNode;
397
- icon?: ReactNode;
398
- id: string;
399
- isOpen?: boolean;
400
- label: ReactNode;
401
- onClick?: () => void;
402
- openActionAriaLabel?: string;
378
+ closeActionAriaLabel?: string;
379
+ content: ReactNode;
380
+ description?: ReactNode;
381
+ icon?: ReactNode;
382
+ id: string;
383
+ isOpen?: boolean;
384
+ label: ReactNode;
385
+ onClick?: () => void;
386
+ openActionAriaLabel?: string;
403
387
  }
404
388
  declare enum AccordionVariant {
405
- default = "default",
406
- table = "table"
389
+ default = "default",
390
+ table = "table"
407
391
  }
408
- //#endregion
409
- //#region src/components/accordion/Accordion.d.ts
392
+
410
393
  interface AccordionProps extends DesignSystemBaseProps {
411
- data: AccordionItemType[];
412
- variant?: AccordionVariant;
394
+ data: AccordionItemType[];
395
+ variant?: AccordionVariant;
413
396
  }
414
- declare const Accordion: (props: AccordionProps) => import("react").JSX.Element;
415
- //#endregion
416
- //#region src/components/accordion/accordionItem/AccordionItem.d.ts
397
+ declare const Accordion: (props: AccordionProps) => react_jsx_runtime.JSX.Element;
398
+
417
399
  interface AccordionItemProps extends AccordionItemType, DesignSystemBaseProps {
418
- variant: AccordionVariant;
400
+ variant: AccordionVariant;
419
401
  }
420
- declare const AccordionItem: (props: AccordionItemProps) => import("react").JSX.Element;
421
- //#endregion
422
- //#region src/components/accordion/accordionContent/AccordionContent.d.ts
402
+ declare const AccordionItem: (props: AccordionItemProps) => react_jsx_runtime.JSX.Element;
403
+
423
404
  interface AccordionContentType extends DesignSystemBaseProps {
424
- children: ReactNode;
405
+ children: ReactNode;
425
406
  }
426
- declare const AccordionContent: (props: AccordionContentType) => import("react").JSX.Element;
427
- //#endregion
428
- //#region src/components/accordion/accordionKeyValue/AccordionKeyValue.d.ts
407
+ declare const AccordionContent: (props: AccordionContentType) => react_jsx_runtime.JSX.Element;
408
+
429
409
  interface AccordionKeyValueProps extends DesignSystemBaseProps {
430
- colorScheme?: ColorScheme;
431
- label: ReactNode;
432
- value: ReactNode;
410
+ colorScheme?: ColorScheme;
411
+ label: ReactNode;
412
+ value: ReactNode;
433
413
  }
434
- declare const AccordionKeyValue: (props: AccordionKeyValueProps) => import("react").JSX.Element;
435
- //#endregion
436
- //#region src/components/iconSystem/types.d.ts
414
+ declare const AccordionKeyValue: (props: AccordionKeyValueProps) => react_jsx_runtime.JSX.Element;
415
+
437
416
  declare enum IconSystemType {
438
- arrowDown = "arrowDown",
439
- arrowLeft = "arrowLeft",
440
- arrowRight = "arrowRight",
441
- arrowUp = "arrowUp",
442
- arrowUpRight = "arrowUpRight",
443
- bank = "bank",
444
- calendar = "calendar",
445
- checkmark = "checkmark",
446
- chevronDown = "chevronDown",
447
- chevronLeft = "chevronLeft",
448
- chevronRight = "chevronRight",
449
- chevronRightCircle = "chevronRightCircle",
450
- chevronUp = "chevronUp",
451
- clock = "clock",
452
- close = "close",
453
- closeCircle = "closeCircle",
454
- crosshair = "crosshair",
455
- download = "download",
456
- event = "event",
457
- eyeClosed = "eyeClosed",
458
- eyeOpen = "eyeOpen",
459
- fileText = "fileText",
460
- logout = "logout",
461
- mail = "mail",
462
- map = "map",
463
- menu = "menu",
464
- minus = "minus",
465
- pin = "pin",
466
- plus = "plus",
467
- plusCircle = "plusCircle",
468
- refresh = "refresh",
469
- search = "search",
470
- share = "share",
471
- spinner = "spinner",
472
- trash = "trash",
473
- unorderedList = "unorderedList",
474
- uploadCloud = "uploadCloud"
417
+ arrowDown = "arrowDown",
418
+ arrowLeft = "arrowLeft",
419
+ arrowRight = "arrowRight",
420
+ arrowUp = "arrowUp",
421
+ arrowUpRight = "arrowUpRight",
422
+ bank = "bank",
423
+ calendar = "calendar",
424
+ checkmark = "checkmark",
425
+ chevronDown = "chevronDown",
426
+ chevronLeft = "chevronLeft",
427
+ chevronRight = "chevronRight",
428
+ chevronRightCircle = "chevronRightCircle",
429
+ chevronUp = "chevronUp",
430
+ clock = "clock",
431
+ close = "close",
432
+ closeCircle = "closeCircle",
433
+ crosshair = "crosshair",
434
+ download = "download",
435
+ event = "event",
436
+ eyeClosed = "eyeClosed",
437
+ eyeOpen = "eyeOpen",
438
+ fileText = "fileText",
439
+ logout = "logout",
440
+ mail = "mail",
441
+ map = "map",
442
+ menu = "menu",
443
+ minus = "minus",
444
+ pin = "pin",
445
+ plus = "plus",
446
+ plusCircle = "plusCircle",
447
+ refresh = "refresh",
448
+ search = "search",
449
+ share = "share",
450
+ spinner = "spinner",
451
+ trash = "trash",
452
+ unorderedList = "unorderedList",
453
+ uploadCloud = "uploadCloud"
475
454
  }
476
455
  declare enum IconSystemSize {
477
- big = "big",
478
- small = "small"
456
+ big = "big",
457
+ small = "small"
479
458
  }
480
459
  interface IconSystemSvgProps {
481
- fill: string;
482
- stroke: string;
460
+ fill: string;
461
+ stroke: string;
483
462
  }
484
- //#endregion
485
- //#region src/components/iconSystem/IconSystem.d.ts
463
+
486
464
  interface IconSystemProps {
487
- ariaHidden?: boolean;
488
- colorScheme?: ColorScheme;
489
- fill?: string;
490
- size: IconSystemSize;
491
- stroke?: string;
492
- type: IconSystemType;
493
- }
494
- declare const IconSystem: (props: IconSystemProps) => import("react").JSX.Element;
495
- //#endregion
496
- //#region src/components/button/types.d.ts
465
+ ariaHidden?: boolean;
466
+ colorScheme?: ColorScheme;
467
+ fill?: string;
468
+ size: IconSystemSize;
469
+ stroke?: string;
470
+ type: IconSystemType;
471
+ }
472
+ declare const IconSystem: (props: IconSystemProps) => react_jsx_runtime.JSX.Element;
473
+
497
474
  declare enum ButtonStyle {
498
- primary = "primary",
499
- secondary = "secondary",
500
- tertiary = "tertiary",
501
- link = "link"
475
+ primary = "primary",
476
+ secondary = "secondary",
477
+ tertiary = "tertiary",
478
+ link = "link"
502
479
  }
503
480
  declare enum ButtonSize {
504
- xs = "xs",
505
- sm = "sm",
506
- md = "md",
507
- xl = "xl",
508
- xxl = "xxl"
481
+ xs = "xs",
482
+ sm = "sm",
483
+ md = "md",
484
+ xl = "xl",
485
+ xxl = "xxl"
509
486
  }
510
487
  declare enum ButtonType {
511
- anchor = "anchor",
512
- button = "button",
513
- reset = "reset",
514
- submit = "submit"
488
+ anchor = "anchor",
489
+ button = "button",
490
+ reset = "reset",
491
+ submit = "submit"
515
492
  }
516
493
  declare enum ButtonContentAlign {
517
- center = "center",
518
- left = "left",
519
- right = "right"
494
+ center = "center",
495
+ left = "left",
496
+ right = "right"
520
497
  }
521
- //#endregion
522
- //#region src/components/button/Button.d.ts
498
+
523
499
  interface ButtonProps extends SsrProps, DesignSystemBaseProps, AriaAttributes {
524
- ariaDisabled?: boolean;
525
- ariaLabel?: string;
526
- as?: ElementType;
527
- /**
528
- * Whether the button is in a busy/loading state. Displays a spinner and `busyMessage` after `busyDelay` ms,
529
- * and disables interaction immediately.
530
- *
531
- * Accessibility handled as per https://adrianroselli.com/2021/01/multi-function-button.html
532
- */
533
- busy?: boolean;
534
- busyDelay?: number;
535
- busyMessage?: ReactNode;
536
- buttonStyle: ButtonStyle;
537
- children?: ReactNode;
538
- className?: string;
539
- /**
540
- * Alignment of button content (children, icons, busy loader, ...).
541
- * Only relevant when `fullWidth` is true.
542
- * @default ButtonContentAlign.center
543
- */
544
- contentAlign?: ButtonContentAlign;
545
- disabled?: boolean;
546
- download?: boolean | string;
547
- fullWidth?: boolean;
548
- href?: string;
549
- htmlRef?: RefObject<HTMLAnchorElement | HTMLButtonElement | null>;
550
- iconLeft?: ReactNode;
551
- iconRight?: ReactNode;
552
- iconSystemLeft?: IconSystemType;
553
- iconSystemRight?: IconSystemType;
554
- /** @deprecated Use `busy` instead. */
555
- isLoading?: boolean;
556
- onClick?: (event: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
557
- rel?: string;
558
- role?: AriaRole;
559
- size?: ButtonSize;
560
- target?: HTMLAttributeAnchorTarget;
561
- type: ButtonType;
562
- }
563
- declare const Button: (props: ButtonProps) => import("react").JSX.Element;
564
- //#endregion
565
- //#region src/theme/spacing.d.ts
500
+ ariaDisabled?: boolean;
501
+ ariaLabel?: string;
502
+ as?: ElementType;
503
+ /**
504
+ * Whether the button is in a busy/loading state. Displays a spinner and `busyMessage` after `busyDelay` ms,
505
+ * and disables interaction immediately.
506
+ *
507
+ * Accessibility handled as per https://adrianroselli.com/2021/01/multi-function-button.html
508
+ */
509
+ busy?: boolean;
510
+ busyDelay?: number;
511
+ busyMessage?: ReactNode;
512
+ buttonStyle: ButtonStyle;
513
+ children?: ReactNode;
514
+ className?: string;
515
+ /**
516
+ * Alignment of button content (children, icons, busy loader, ...).
517
+ * Only relevant when `fullWidth` is true.
518
+ * @default ButtonContentAlign.center
519
+ */
520
+ contentAlign?: ButtonContentAlign;
521
+ disabled?: boolean;
522
+ download?: boolean | string;
523
+ fullWidth?: boolean;
524
+ href?: string;
525
+ htmlRef?: RefObject<HTMLAnchorElement | HTMLButtonElement | null>;
526
+ iconLeft?: ReactNode;
527
+ iconRight?: ReactNode;
528
+ iconSystemLeft?: IconSystemType;
529
+ iconSystemRight?: IconSystemType;
530
+ /** @deprecated Use `busy` instead. */
531
+ isLoading?: boolean;
532
+ onClick?: (event: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
533
+ rel?: string;
534
+ role?: AriaRole;
535
+ size?: ButtonSize;
536
+ target?: HTMLAttributeAnchorTarget;
537
+ type: ButtonType;
538
+ }
539
+ declare const Button: (props: ButtonProps) => react_jsx_runtime.JSX.Element;
540
+
566
541
  declare enum Spacing {
567
- none = "none",
568
- xxs = "xxs",
569
- xs = "xs",
570
- sm = "sm",
571
- md = "md",
572
- lg = "lg",
573
- xl = "xl",
574
- xxl = "xxl",
575
- xxxl = "xxxl",
576
- xxxxl = "xxxxl",
577
- xxxxxl = "xxxxxl"
578
- }
579
- declare const resolveSpacingValue: (theme: Theme$1, spacing: Spacing) => "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "48px" | "56px" | "64px" | "0";
580
- //#endregion
581
- //#region src/theme/whiteSpace.d.ts
542
+ none = "none",
543
+ xxs = "xxs",
544
+ xs = "xs",
545
+ sm = "sm",
546
+ md = "md",
547
+ lg = "lg",
548
+ xl = "xl",
549
+ xxl = "xxl",
550
+ xxxl = "xxxl",
551
+ xxxxl = "xxxxl",
552
+ xxxxxl = "xxxxxl"
553
+ }
554
+ declare const resolveSpacingValue: (theme: Theme$1, spacing: Spacing) => "0" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "48px" | "56px" | "64px";
555
+
582
556
  declare enum WhiteSpace {
583
- inherit = "inherit",
584
- normal = "normal",
585
- nowrap = "nowrap"
557
+ inherit = "inherit",
558
+ normal = "normal",
559
+ nowrap = "nowrap"
586
560
  }
587
561
  declare const resolveWhiteSpaceValue: (whiteSpace: WhiteSpace) => string;
588
- //#endregion
589
- //#region src/theme/fontWeight.d.ts
562
+
590
563
  declare enum FontWeight {
591
- thin100 = "thin",
592
- extraLight200 = "extraLight",
593
- light300 = "light",
594
- regular400 = "regular",
595
- medium500 = "medium",
596
- semiBold600 = "semiBold",
597
- bold700 = "bold",
598
- extraBold800 = "extraBold",
599
- heavy900 = "heavy",
600
- ultra950 = "ultra"
601
- }
602
- declare const resolveFontWeightValue: (theme: Theme$1, fontWeight: FontWeight) => 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
603
- //#endregion
604
- //#region src/theme/theme.d.ts
564
+ thin100 = "thin",
565
+ extraLight200 = "extraLight",
566
+ light300 = "light",
567
+ regular400 = "regular",
568
+ medium500 = "medium",
569
+ semiBold600 = "semiBold",
570
+ bold700 = "bold",
571
+ extraBold800 = "extraBold",
572
+ heavy900 = "heavy",
573
+ ultra950 = "ultra"
574
+ }
575
+ declare const resolveFontWeightValue: (theme: Theme$1, fontWeight: FontWeight) => 100 | 200 | 500 | 300 | 400 | 600 | 700 | 800 | 900 | 950;
576
+
605
577
  declare const theme: {
606
- readonly palette: {
607
- readonly gold500: "#a58b4b";
608
- readonly gold600: "#85703d";
609
- readonly gold700: "#776437";
610
- readonly gold800: "#62532d";
611
- readonly pink100: "#fef6fc";
612
- readonly pink200: "#fae0f5";
613
- readonly pink300: "#f3b4e6";
614
- readonly pink400: "#ec88d7";
615
- readonly pink500: "#e55cc8";
616
- readonly pink600: "#de31b9";
617
- readonly pink700: "#bd1e9b";
618
- readonly pink800: "#911777";
619
- readonly pink900: "#651053";
620
- readonly pink1000: "#39092f";
621
- readonly grey100: "#fafcff";
622
- readonly grey200: "#e4e7ec";
623
- readonly grey300: "#c6ccd7";
624
- readonly grey400: "#a8b2c2";
625
- readonly grey500: "#8a97ad";
626
- readonly grey600: "#6c7d98";
627
- readonly grey700: "#56647b";
628
- readonly grey800: "#414c5d";
629
- readonly grey900: "#2c333f";
630
- readonly grey1000: "#171b21";
631
- readonly black: "#000000";
632
- readonly white: "#ffffff";
633
- readonly transparent: "rgba(255, 255, 255, 0.0000)";
634
- readonly yellow100: "#fffcee";
635
- readonly yellow200: "#fff9db";
636
- readonly yellow300: "#fdf6d8";
637
- readonly yellow400: "#fae9a3";
638
- readonly yellow500: "#d7b45b";
639
- readonly yellow600: "#b17902";
640
- readonly yellow700: "#ab6802";
641
- readonly yellow800: "#885202";
642
- readonly yellow900: "#704300";
643
- readonly yellow1000: "#3d2500";
644
- readonly green100: "#f7fffb";
645
- readonly green200: "#e9fff4";
646
- readonly green300: "#def7e6";
647
- readonly green400: "#99e5b3";
648
- readonly green500: "#6cd07b";
649
- readonly green600: "#2e9721";
650
- readonly green700: "#258a19";
651
- readonly green800: "#1c6c13";
652
- readonly green900: "#1d5a16";
653
- readonly green1000: "#10310c";
654
- readonly red100: "#fff8f7";
655
- readonly red200: "#ffebe9";
656
- readonly red300: "#fbddda";
657
- readonly red400: "#f5aea8";
658
- readonly red500: "#eb827a";
659
- readonly red600: "#dc3628";
660
- readonly red700: "#ca2e21";
661
- readonly red800: "#b92518";
662
- readonly red900: "#a0271c";
663
- readonly red1000: "#57150f";
664
- readonly blue100: "#f0f5ff";
665
- readonly blue200: "#d7e4ff";
666
- readonly blue300: "#b3ccfe";
667
- readonly blue400: "#81a9fe";
668
- readonly blue500: "#4e86fe";
669
- readonly blue600: "#1c65fd";
670
- readonly blue700: "#024be3";
671
- readonly blue800: "#023ab1";
672
- readonly blue900: "#012a7e";
673
- readonly blue1000: "#01194c";
674
- };
675
- readonly colors: {
676
- readonly fg: {
677
- readonly neutral: {
678
- readonly default: {
679
- readonly light: "#01194c";
680
- readonly dark: "#ffffff";
681
- };
682
- readonly subtle: {
683
- readonly light: "#56647b";
684
- readonly dark: "#a8b2c2";
685
- };
686
- readonly subtlest: {
687
- readonly light: "#6c7d98";
688
- readonly dark: "#6c7d98";
689
- };
690
- };
691
- readonly disabled: {
692
- readonly light: "#8a97ad";
693
- readonly dark: "#6c7d98";
694
- };
695
- readonly inverse: {
696
- readonly light: "#ffffff";
697
- readonly dark: "#171b21";
698
- };
699
- readonly link: {
700
- readonly default: {
701
- readonly light: "#1c65fd";
702
- readonly dark: "#4e86fe";
703
- };
704
- readonly hover: {
705
- readonly light: "#024be3";
706
- readonly dark: "#81a9fe";
707
- };
708
- readonly pressed: {
709
- readonly light: "#023ab1";
710
- readonly dark: "#b3ccfe";
711
- };
712
- };
713
- readonly success: {
714
- readonly light: "#1c6c13";
715
- readonly dark: "#99e5b3";
716
- };
717
- readonly warning: {
718
- readonly light: "#b17902";
719
- readonly dark: "#fae9a3";
720
- };
721
- readonly error: {
722
- readonly light: "#ca2e21";
723
- readonly dark: "#f5aea8";
724
- };
725
- readonly info: {
726
- readonly light: "#1c65fd";
727
- readonly dark: "#4e86fe";
728
- };
729
- readonly promo: {
730
- readonly light: "#85703d";
731
- readonly dark: "#a58b4b";
732
- };
733
- readonly brand: {
734
- readonly default: {
735
- readonly light: "#1c65fd";
736
- readonly dark: "#1c65fd";
737
- };
738
- readonly bold: {
739
- readonly light: "#024be3";
740
- readonly dark: "#4e86fe";
741
- };
742
- };
743
- readonly accent: {
744
- readonly default: {
745
- readonly light: "#de31b9";
746
- readonly dark: "#de31b9";
747
- };
748
- readonly bold: {
749
- readonly light: "#bd1e9b";
750
- readonly dark: "#e55cc8";
751
- };
752
- };
578
+ readonly palette: {
579
+ readonly gold500: "#a58b4b";
580
+ readonly gold600: "#85703d";
581
+ readonly gold700: "#776437";
582
+ readonly gold800: "#62532d";
583
+ readonly pink100: "#fef6fc";
584
+ readonly pink200: "#fae0f5";
585
+ readonly pink300: "#f3b4e6";
586
+ readonly pink400: "#ec88d7";
587
+ readonly pink500: "#e55cc8";
588
+ readonly pink600: "#de31b9";
589
+ readonly pink700: "#bd1e9b";
590
+ readonly pink800: "#911777";
591
+ readonly pink900: "#651053";
592
+ readonly pink1000: "#39092f";
593
+ readonly grey100: "#fafcff";
594
+ readonly grey200: "#e4e7ec";
595
+ readonly grey300: "#c6ccd7";
596
+ readonly grey400: "#a8b2c2";
597
+ readonly grey500: "#8a97ad";
598
+ readonly grey600: "#6c7d98";
599
+ readonly grey700: "#56647b";
600
+ readonly grey800: "#414c5d";
601
+ readonly grey900: "#2c333f";
602
+ readonly grey1000: "#171b21";
603
+ readonly black: "#000000";
604
+ readonly white: "#ffffff";
605
+ readonly transparent: "rgba(255, 255, 255, 0.0000)";
606
+ readonly yellow100: "#fffcee";
607
+ readonly yellow200: "#fff9db";
608
+ readonly yellow300: "#fdf6d8";
609
+ readonly yellow400: "#fae9a3";
610
+ readonly yellow500: "#d7b45b";
611
+ readonly yellow600: "#b17902";
612
+ readonly yellow700: "#ab6802";
613
+ readonly yellow800: "#885202";
614
+ readonly yellow900: "#704300";
615
+ readonly yellow1000: "#3d2500";
616
+ readonly green100: "#f7fffb";
617
+ readonly green200: "#e9fff4";
618
+ readonly green300: "#def7e6";
619
+ readonly green400: "#99e5b3";
620
+ readonly green500: "#6cd07b";
621
+ readonly green600: "#2e9721";
622
+ readonly green700: "#258a19";
623
+ readonly green800: "#1c6c13";
624
+ readonly green900: "#1d5a16";
625
+ readonly green1000: "#10310c";
626
+ readonly red100: "#fff8f7";
627
+ readonly red200: "#ffebe9";
628
+ readonly red300: "#fbddda";
629
+ readonly red400: "#f5aea8";
630
+ readonly red500: "#eb827a";
631
+ readonly red600: "#dc3628";
632
+ readonly red700: "#ca2e21";
633
+ readonly red800: "#b92518";
634
+ readonly red900: "#a0271c";
635
+ readonly red1000: "#57150f";
636
+ readonly blue100: "#f0f5ff";
637
+ readonly blue200: "#d7e4ff";
638
+ readonly blue300: "#b3ccfe";
639
+ readonly blue400: "#81a9fe";
640
+ readonly blue500: "#4e86fe";
641
+ readonly blue600: "#1c65fd";
642
+ readonly blue700: "#024be3";
643
+ readonly blue800: "#023ab1";
644
+ readonly blue900: "#012a7e";
645
+ readonly blue1000: "#01194c";
753
646
  };
754
- readonly bg: {
755
- readonly neutral: {
756
- readonly default: {
757
- readonly light: "#a8b2c2";
758
- readonly dark: "#56647b";
759
- };
760
- readonly subtle: {
761
- readonly light: "#c6ccd7";
762
- readonly dark: "#414c5d";
763
- };
764
- readonly subtlest: {
765
- readonly light: "#e4e7ec";
766
- readonly dark: "#171b21";
767
- };
768
- readonly white: {
769
- readonly light: "#ffffff";
770
- readonly dark: "#ffffff";
771
- };
772
- };
773
- readonly disabled: {
774
- readonly light: "#e4e7ec";
775
- readonly dark: "#414c5d";
776
- };
777
- readonly promo: {
778
- readonly default: {
779
- readonly light: "#fbf9f4";
780
- readonly dark: "#62532d";
781
- };
782
- readonly bold: {
783
- readonly light: "#a58b4b";
784
- readonly dark: "#a58b4b";
647
+ readonly colors: {
648
+ readonly fg: {
649
+ readonly neutral: {
650
+ readonly default: {
651
+ readonly light: "#01194c";
652
+ readonly dark: "#ffffff";
653
+ };
654
+ readonly subtle: {
655
+ readonly light: "#56647b";
656
+ readonly dark: "#a8b2c2";
657
+ };
658
+ readonly subtlest: {
659
+ readonly light: "#6c7d98";
660
+ readonly dark: "#6c7d98";
661
+ };
662
+ };
663
+ readonly disabled: {
664
+ readonly light: "#8a97ad";
665
+ readonly dark: "#6c7d98";
666
+ };
667
+ readonly inverse: {
668
+ readonly light: "#ffffff";
669
+ readonly dark: "#171b21";
670
+ };
671
+ readonly link: {
672
+ readonly default: {
673
+ readonly light: "#1c65fd";
674
+ readonly dark: "#4e86fe";
675
+ };
676
+ readonly hover: {
677
+ readonly light: "#024be3";
678
+ readonly dark: "#81a9fe";
679
+ };
680
+ readonly pressed: {
681
+ readonly light: "#023ab1";
682
+ readonly dark: "#b3ccfe";
683
+ };
684
+ };
685
+ readonly success: {
686
+ readonly light: "#1c6c13";
687
+ readonly dark: "#99e5b3";
688
+ };
689
+ readonly warning: {
690
+ readonly light: "#b17902";
691
+ readonly dark: "#fae9a3";
692
+ };
693
+ readonly error: {
694
+ readonly light: "#ca2e21";
695
+ readonly dark: "#f5aea8";
696
+ };
697
+ readonly info: {
698
+ readonly light: "#1c65fd";
699
+ readonly dark: "#4e86fe";
700
+ };
701
+ readonly promo: {
702
+ readonly light: "#85703d";
703
+ readonly dark: "#a58b4b";
704
+ };
705
+ readonly brand: {
706
+ readonly default: {
707
+ readonly light: "#1c65fd";
708
+ readonly dark: "#1c65fd";
709
+ };
710
+ readonly bold: {
711
+ readonly light: "#024be3";
712
+ readonly dark: "#4e86fe";
713
+ };
714
+ };
715
+ readonly accent: {
716
+ readonly default: {
717
+ readonly light: "#de31b9";
718
+ readonly dark: "#de31b9";
719
+ };
720
+ readonly bold: {
721
+ readonly light: "#bd1e9b";
722
+ readonly dark: "#e55cc8";
723
+ };
724
+ };
785
725
  };
786
- };
787
- readonly error: {
788
- readonly default: {
789
- readonly light: "#fff8f7";
790
- readonly dark: "#a0271c";
726
+ readonly bg: {
727
+ readonly neutral: {
728
+ readonly default: {
729
+ readonly light: "#a8b2c2";
730
+ readonly dark: "#56647b";
731
+ };
732
+ readonly subtle: {
733
+ readonly light: "#c6ccd7";
734
+ readonly dark: "#414c5d";
735
+ };
736
+ readonly subtlest: {
737
+ readonly light: "#e4e7ec";
738
+ readonly dark: "#171b21";
739
+ };
740
+ readonly white: {
741
+ readonly light: "#ffffff";
742
+ readonly dark: "#ffffff";
743
+ };
744
+ };
745
+ readonly disabled: {
746
+ readonly light: "#e4e7ec";
747
+ readonly dark: "#414c5d";
748
+ };
749
+ readonly promo: {
750
+ readonly default: {
751
+ readonly light: "#fbf9f4";
752
+ readonly dark: "#62532d";
753
+ };
754
+ readonly bold: {
755
+ readonly light: "#a58b4b";
756
+ readonly dark: "#a58b4b";
757
+ };
758
+ };
759
+ readonly error: {
760
+ readonly default: {
761
+ readonly light: "#fff8f7";
762
+ readonly dark: "#a0271c";
763
+ };
764
+ readonly bold: {
765
+ readonly light: "#dc3628";
766
+ readonly dark: "#f5aea8";
767
+ };
768
+ };
769
+ readonly warning: {
770
+ readonly default: {
771
+ readonly light: "#fff9db";
772
+ readonly dark: "#fffcee";
773
+ };
774
+ readonly bold: {
775
+ readonly light: "#fae9a3";
776
+ readonly dark: "#b17902";
777
+ };
778
+ };
779
+ readonly inverse: {
780
+ readonly light: "#171b21";
781
+ readonly dark: "#fafcff";
782
+ };
783
+ readonly success: {
784
+ readonly default: {
785
+ readonly light: "#e9fff4";
786
+ readonly dark: "#1d5a16";
787
+ };
788
+ readonly bold: {
789
+ readonly light: "#2e9721";
790
+ readonly dark: "#99e5b3";
791
+ };
792
+ };
793
+ readonly info: {
794
+ readonly default: {
795
+ readonly light: "#f0f5ff";
796
+ readonly dark: "#01194c";
797
+ };
798
+ readonly bold: {
799
+ readonly light: "#1c65fd";
800
+ readonly dark: "#4e86fe";
801
+ };
802
+ };
803
+ readonly accent: {
804
+ readonly light: "#fef6fc";
805
+ readonly dark: "#651053";
806
+ };
807
+ readonly brand: {
808
+ readonly default: {
809
+ readonly light: "#f0f5ff";
810
+ readonly dark: "#01194c";
811
+ readonly hover: {
812
+ readonly light: "#d7e4ff";
813
+ readonly dark: "#023ab1";
814
+ };
815
+ readonly pressed: {
816
+ readonly light: "#d7e4ff";
817
+ readonly dark: "#023ab1";
818
+ };
819
+ };
820
+ readonly bold: {
821
+ readonly light: "#1c65fd";
822
+ readonly dark: "#1c65fd";
823
+ readonly hover: {
824
+ readonly light: "#024be3";
825
+ readonly dark: "#024be3";
826
+ };
827
+ readonly pressed: {
828
+ readonly light: "#023ab1";
829
+ readonly dark: "#023ab1";
830
+ };
831
+ };
832
+ readonly semibold: {
833
+ readonly light: "#d7e4ff";
834
+ readonly dark: "#012a7e";
835
+ };
836
+ };
791
837
  };
792
- readonly bold: {
793
- readonly light: "#dc3628";
794
- readonly dark: "#f5aea8";
838
+ readonly surface: {
839
+ readonly overlay: {
840
+ readonly light: "rgba(240, 245, 255, .75)";
841
+ readonly dark: "rgba(23, 27, 33, .75)";
842
+ };
843
+ readonly risen: {
844
+ readonly light: "#ffffff";
845
+ readonly dark: "#2c333f";
846
+ };
847
+ readonly default: {
848
+ readonly light: "#fafcff";
849
+ readonly dark: "#171b21";
850
+ };
851
+ readonly sunken: {
852
+ readonly light: "#c6ccd7";
853
+ readonly dark: "#56647b";
854
+ };
795
855
  };
796
- };
797
- readonly warning: {
798
- readonly default: {
799
- readonly light: "#fff9db";
800
- readonly dark: "#fffcee";
856
+ readonly border: {
857
+ readonly neutral: {
858
+ readonly default: {
859
+ readonly light: "#56647b";
860
+ readonly dark: "#c6ccd7";
861
+ };
862
+ readonly subtle: {
863
+ readonly light: "#a8b2c2";
864
+ readonly dark: "#6c7d98";
865
+ };
866
+ readonly subtlest: {
867
+ readonly light: "#e4e7ec";
868
+ readonly dark: "#56647b";
869
+ };
870
+ };
871
+ readonly disabled: {
872
+ readonly light: "#c6ccd7";
873
+ readonly dark: "#56647b";
874
+ };
875
+ readonly success: {
876
+ readonly light: "#2e9721";
877
+ readonly dark: "#2e9721";
878
+ };
879
+ readonly warning: {
880
+ readonly light: "#b17902";
881
+ readonly dark: "#b17902";
882
+ };
883
+ readonly error: {
884
+ readonly light: "#ca2e21";
885
+ readonly dark: "#dc3628";
886
+ };
887
+ readonly promo: {
888
+ readonly light: "#a58b4b";
889
+ readonly dark: "#a58b4b";
890
+ };
891
+ readonly brand: {
892
+ readonly bold: {
893
+ readonly light: "#024be3";
894
+ readonly dark: "#b3ccfe";
895
+ };
896
+ readonly default: {
897
+ readonly light: "#1c65fd";
898
+ readonly dark: "#1c65fd";
899
+ };
900
+ readonly subtle: {
901
+ readonly light: "#81a9fe";
902
+ readonly dark: "#1c65fd";
903
+ };
904
+ readonly subtlest: {
905
+ readonly light: "#d7e4ff";
906
+ readonly dark: "#023ab1";
907
+ };
908
+ };
909
+ readonly inverse: {
910
+ readonly light: "#fafcff";
911
+ readonly dark: "#2c333f";
912
+ };
913
+ readonly accent: {
914
+ readonly light: "#fae0f5";
915
+ readonly dark: "#911777";
916
+ };
801
917
  };
802
- readonly bold: {
803
- readonly light: "#fae9a3";
804
- readonly dark: "#b17902";
918
+ readonly icon: {
919
+ readonly bg: {
920
+ readonly light: "#ffffff";
921
+ readonly dark: "rgba(255, 255, 255, 0.0000)";
922
+ };
923
+ readonly brand: {
924
+ readonly light: "#1c65fd";
925
+ readonly dark: "#a8b2c2";
926
+ };
927
+ readonly neutral: {
928
+ readonly light: "#56647b";
929
+ readonly dark: "#a8b2c2";
930
+ };
931
+ readonly inverse: {
932
+ readonly light: "#ffffff";
933
+ readonly dark: "#000000";
934
+ };
935
+ readonly disabled: {
936
+ readonly light: "#c6ccd7";
937
+ readonly dark: "#ffffff";
938
+ };
939
+ readonly error: {
940
+ readonly light: "#dc3628";
941
+ readonly dark: "#dc3628";
942
+ };
805
943
  };
806
- };
807
- readonly inverse: {
808
- readonly light: "#171b21";
809
- readonly dark: "#fafcff";
810
- };
811
- readonly success: {
812
- readonly default: {
813
- readonly light: "#e9fff4";
814
- readonly dark: "#1d5a16";
944
+ readonly shadow: {
945
+ readonly cards: "0px 1px 40px 0px rgba(0, 0, 0, 0.05)";
946
+ readonly ultraStrongBlueLg: "0px 4px 25px 0px rgba(28, 101, 253, 0.08), 0px 4px 4px 0px rgba(28, 101, 253, 0.04)";
947
+ readonly strongBlueMd: "0px 4px 4px 0px rgba(28, 101, 253, 0.02), 0px 4px 25px 0px rgba(28, 101, 253, 0.06)";
815
948
  };
816
- readonly bold: {
817
- readonly light: "#2e9721";
818
- readonly dark: "#99e5b3";
819
- };
820
- };
821
- readonly info: {
822
- readonly default: {
823
- readonly light: "#f0f5ff";
824
- readonly dark: "#01194c";
825
- };
826
- readonly bold: {
827
- readonly light: "#1c65fd";
828
- readonly dark: "#4e86fe";
829
- };
830
- };
831
- readonly accent: {
832
- readonly light: "#fef6fc";
833
- readonly dark: "#651053";
834
- };
835
- readonly brand: {
836
- readonly default: {
837
- readonly light: "#f0f5ff";
838
- readonly dark: "#01194c";
839
- readonly hover: {
840
- readonly light: "#d7e4ff";
841
- readonly dark: "#023ab1";
842
- };
843
- readonly pressed: {
844
- readonly light: "#d7e4ff";
845
- readonly dark: "#023ab1";
846
- };
847
- };
848
- readonly bold: {
849
- readonly light: "#1c65fd";
850
- readonly dark: "#1c65fd";
851
- readonly hover: {
949
+ readonly focus: {
852
950
  readonly light: "#024be3";
853
- readonly dark: "#024be3";
854
- };
855
- readonly pressed: {
856
- readonly light: "#023ab1";
857
- readonly dark: "#023ab1";
858
- };
859
- };
860
- readonly semibold: {
861
- readonly light: "#d7e4ff";
862
- readonly dark: "#012a7e";
863
- };
864
- };
865
- };
866
- readonly surface: {
867
- readonly overlay: {
868
- readonly light: "rgba(240, 245, 255, .75)";
869
- readonly dark: "rgba(23, 27, 33, .75)";
870
- };
871
- readonly risen: {
872
- readonly light: "#ffffff";
873
- readonly dark: "#2c333f";
874
- };
875
- readonly default: {
876
- readonly light: "#fafcff";
877
- readonly dark: "#171b21";
878
- };
879
- readonly sunken: {
880
- readonly light: "#c6ccd7";
881
- readonly dark: "#56647b";
882
- };
883
- };
884
- readonly border: {
885
- readonly neutral: {
886
- readonly default: {
887
- readonly light: "#56647b";
888
- readonly dark: "#c6ccd7";
889
- };
890
- readonly subtle: {
891
- readonly light: "#a8b2c2";
892
- readonly dark: "#6c7d98";
951
+ readonly dark: "#b3ccfe";
893
952
  };
894
- readonly subtlest: {
895
- readonly light: "#e4e7ec";
896
- readonly dark: "#56647b";
897
- };
898
- };
899
- readonly disabled: {
900
- readonly light: "#c6ccd7";
901
- readonly dark: "#56647b";
902
- };
903
- readonly success: {
904
- readonly light: "#2e9721";
905
- readonly dark: "#2e9721";
906
- };
907
- readonly warning: {
908
- readonly light: "#b17902";
909
- readonly dark: "#b17902";
910
- };
911
- readonly error: {
912
- readonly light: "#ca2e21";
913
- readonly dark: "#dc3628";
914
- };
915
- readonly promo: {
916
- readonly light: "#a58b4b";
917
- readonly dark: "#a58b4b";
918
- };
919
- readonly brand: {
920
- readonly bold: {
921
- readonly light: "#024be3";
922
- readonly dark: "#b3ccfe";
923
- };
924
- readonly default: {
925
- readonly light: "#1c65fd";
926
- readonly dark: "#1c65fd";
927
- };
928
- readonly subtle: {
929
- readonly light: "#81a9fe";
930
- readonly dark: "#1c65fd";
931
- };
932
- readonly subtlest: {
933
- readonly light: "#d7e4ff";
934
- readonly dark: "#023ab1";
935
- };
936
- };
937
- readonly inverse: {
938
- readonly light: "#fafcff";
939
- readonly dark: "#2c333f";
940
- };
941
- readonly accent: {
942
- readonly light: "#fae0f5";
943
- readonly dark: "#911777";
944
- };
945
- };
946
- readonly icon: {
947
- readonly bg: {
948
- readonly light: "#ffffff";
949
- readonly dark: "rgba(255, 255, 255, 0.0000)";
950
- };
951
- readonly brand: {
952
- readonly light: "#1c65fd";
953
- readonly dark: "#a8b2c2";
954
- };
955
- readonly neutral: {
956
- readonly light: "#56647b";
957
- readonly dark: "#a8b2c2";
958
- };
959
- readonly inverse: {
960
- readonly light: "#ffffff";
961
- readonly dark: "#000000";
962
- };
963
- readonly disabled: {
964
- readonly light: "#c6ccd7";
965
- readonly dark: "#ffffff";
966
- };
967
- readonly error: {
968
- readonly light: "#dc3628";
969
- readonly dark: "#dc3628";
970
- };
971
- };
972
- readonly shadow: {
973
- readonly cards: "0px 1px 40px 0px rgba(0, 0, 0, 0.05)";
974
- readonly ultraStrongBlueLg: "0px 4px 25px 0px rgba(28, 101, 253, 0.08), 0px 4px 4px 0px rgba(28, 101, 253, 0.04)";
975
- readonly strongBlueMd: "0px 4px 4px 0px rgba(28, 101, 253, 0.02), 0px 4px 25px 0px rgba(28, 101, 253, 0.06)";
976
- };
977
- readonly focus: {
978
- readonly light: "#024be3";
979
- readonly dark: "#b3ccfe";
980
953
  };
981
- };
982
- readonly font: {
983
- readonly size: {
984
- readonly heading: {
985
- readonly h1: {
986
- readonly desktop: "4rem";
987
- readonly mobile: "2rem";
954
+ readonly font: {
955
+ readonly size: {
956
+ readonly heading: {
957
+ readonly h1: {
958
+ readonly desktop: "4rem";
959
+ readonly mobile: "2rem";
960
+ };
961
+ readonly h2: {
962
+ readonly desktop: "2.625rem";
963
+ readonly mobile: "2rem";
964
+ };
965
+ readonly h3: {
966
+ readonly desktop: "2rem";
967
+ readonly mobile: "1.5rem";
968
+ };
969
+ readonly h4: {
970
+ readonly desktop: "1.5rem";
971
+ readonly mobile: "1.125rem";
972
+ };
973
+ readonly h5: {
974
+ readonly desktop: "1.125rem";
975
+ readonly mobile: "1.125rem";
976
+ };
977
+ };
978
+ readonly body: {
979
+ readonly xs: "0.75rem";
980
+ readonly sm: "0.875rem";
981
+ readonly md: "1rem";
982
+ readonly lg: "1.125rem";
983
+ };
988
984
  };
989
- readonly h2: {
990
- readonly desktop: "2.625rem";
991
- readonly mobile: "2rem";
985
+ readonly lineHeight: {
986
+ readonly heading: {
987
+ readonly h1: {
988
+ readonly desktop: "4.375rem";
989
+ readonly mobile: "2.5rem";
990
+ };
991
+ readonly h2: {
992
+ readonly desktop: "3.375rem";
993
+ readonly mobile: "2.5rem";
994
+ };
995
+ readonly h3: {
996
+ readonly desktop: "2.5rem";
997
+ readonly mobile: "2rem";
998
+ };
999
+ readonly h4: {
1000
+ readonly desktop: "2rem";
1001
+ readonly mobile: "1.5rem";
1002
+ };
1003
+ readonly h5: {
1004
+ readonly desktop: "1.5rem";
1005
+ readonly mobile: "1.5rem";
1006
+ };
1007
+ };
1008
+ readonly body: {
1009
+ readonly lg: "1.75rem";
1010
+ readonly md: "1.5rem";
1011
+ readonly sm: "1.25rem";
1012
+ readonly xs: "1rem";
1013
+ };
992
1014
  };
993
- readonly h3: {
994
- readonly desktop: "2rem";
995
- readonly mobile: "1.5rem";
1015
+ readonly weight: {
1016
+ readonly thin: 100;
1017
+ readonly extraLight: 200;
1018
+ readonly light: 300;
1019
+ readonly regular: 400;
1020
+ readonly medium: 500;
1021
+ readonly semiBold: 600;
1022
+ readonly bold: 700;
1023
+ readonly extraBold: 800;
1024
+ readonly heavy: 900;
1025
+ readonly ultra: 950;
996
1026
  };
997
- readonly h4: {
998
- readonly desktop: "1.5rem";
999
- readonly mobile: "1.125rem";
1027
+ readonly letterSpacing: {
1028
+ readonly heading: {
1029
+ readonly h1: {
1030
+ readonly desktop: "-1.28px";
1031
+ readonly mobile: "-1px";
1032
+ };
1033
+ readonly h2: {
1034
+ readonly desktop: "-1px";
1035
+ readonly mobile: "-1px";
1036
+ };
1037
+ readonly h3: {
1038
+ readonly desktop: "-1px";
1039
+ readonly mobile: "0";
1040
+ };
1041
+ readonly h4: {
1042
+ readonly desktop: "0";
1043
+ readonly mobile: "0";
1044
+ };
1045
+ readonly h5: {
1046
+ readonly desktop: "0";
1047
+ readonly mobile: "0";
1048
+ };
1049
+ };
1050
+ readonly body: {
1051
+ readonly lg: "0";
1052
+ readonly md: "0";
1053
+ readonly sm: "-0.2px";
1054
+ readonly xs: "-0.2px";
1055
+ };
1000
1056
  };
1001
- readonly h5: {
1002
- readonly desktop: "1.125rem";
1003
- readonly mobile: "1.125rem";
1057
+ readonly family: {
1058
+ readonly main: "Inter, sans-serif";
1059
+ readonly heading: "'Plus Jakarta Sans', sans-serif";
1004
1060
  };
1005
- };
1006
- readonly body: {
1007
- readonly xs: "0.75rem";
1008
- readonly sm: "0.875rem";
1009
- readonly md: "1rem";
1010
- readonly lg: "1.125rem";
1011
- };
1012
1061
  };
1013
- readonly lineHeight: {
1014
- readonly heading: {
1015
- readonly h1: {
1016
- readonly desktop: "4.375rem";
1017
- readonly mobile: "2.5rem";
1018
- };
1019
- readonly h2: {
1020
- readonly desktop: "3.375rem";
1021
- readonly mobile: "2.5rem";
1022
- };
1023
- readonly h3: {
1024
- readonly desktop: "2.5rem";
1025
- readonly mobile: "2rem";
1026
- };
1027
- readonly h4: {
1028
- readonly desktop: "2rem";
1029
- readonly mobile: "1.5rem";
1030
- };
1031
- readonly h5: {
1032
- readonly desktop: "1.5rem";
1033
- readonly mobile: "1.5rem";
1034
- };
1035
- };
1036
- readonly body: {
1037
- readonly lg: "1.75rem";
1038
- readonly md: "1.5rem";
1039
- readonly sm: "1.25rem";
1040
- readonly xs: "1rem";
1041
- };
1062
+ readonly spacing: {
1063
+ readonly xxs: "4px";
1064
+ readonly xs: "8px";
1065
+ readonly sm: "12px";
1066
+ readonly md: "16px";
1067
+ readonly lg: "24px";
1068
+ readonly xl: "32px";
1069
+ readonly xxl: "40px";
1070
+ readonly xxxl: "48px";
1071
+ readonly xxxxl: "56px";
1072
+ readonly xxxxxl: "64px";
1042
1073
  };
1043
- readonly weight: {
1044
- readonly thin: 100;
1045
- readonly extraLight: 200;
1046
- readonly light: 300;
1047
- readonly regular: 400;
1048
- readonly medium: 500;
1049
- readonly semiBold: 600;
1050
- readonly bold: 700;
1051
- readonly extraBold: 800;
1052
- readonly heavy: 900;
1053
- readonly ultra: 950;
1074
+ readonly borderRadius: {
1075
+ readonly xxs: "4px";
1076
+ readonly xs: "8px";
1077
+ readonly sm: "12px";
1078
+ readonly md: "16px";
1079
+ readonly lg: "24px";
1080
+ readonly xl: "32px";
1081
+ readonly full: "9999px";
1054
1082
  };
1055
- readonly letterSpacing: {
1056
- readonly heading: {
1057
- readonly h1: {
1058
- readonly desktop: "-1.28px";
1059
- readonly mobile: "-1px";
1060
- };
1061
- readonly h2: {
1062
- readonly desktop: "-1px";
1063
- readonly mobile: "-1px";
1064
- };
1065
- readonly h3: {
1066
- readonly desktop: "-1px";
1067
- readonly mobile: "0";
1068
- };
1069
- readonly h4: {
1070
- readonly desktop: "0";
1071
- readonly mobile: "0";
1083
+ readonly shadow: {
1084
+ readonly box: {
1085
+ readonly sm: "0px 0px 8px 0px rgba(28, 101, 253, 0.06), 0px 1px 1px 0px rgba(28, 101, 253, 0.02)";
1086
+ readonly md: "0px 4px 25px 0px rgba(28, 101, 253, 0.06), 0px 4px 4px 0px rgba(28, 101, 253, 0.02)";
1087
+ readonly lg: "0px 4px 25px 0px rgba(28, 101, 253, 0.08), 0px 4px 4px 0px rgba(28, 101, 253, 0.04)";
1088
+ readonly xl: "-23px 132px 38px 0px rgba(28, 101, 253, 0.00), -15px 84px 34px 0px rgba(28, 101, 253, 0.01), -8px 48px 29px 0px rgba(28, 101, 253, 0.05), -4px 21px 21px 0px rgba(28, 101, 253, 0.09), -1px 5px 12px 0px rgba(28, 101, 253, 0.10)";
1072
1089
  };
1073
- readonly h5: {
1074
- readonly desktop: "0";
1075
- readonly mobile: "0";
1090
+ readonly border: {
1091
+ readonly sm: "0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10)";
1076
1092
  };
1077
- };
1078
- readonly body: {
1079
- readonly lg: "0";
1080
- readonly md: "0";
1081
- readonly sm: "-0.2px";
1082
- readonly xs: "-0.2px";
1083
- };
1084
1093
  };
1085
- readonly family: {
1086
- readonly main: "Inter, sans-serif";
1087
- readonly heading: "'Plus Jakarta Sans', sans-serif";
1094
+ readonly container: {
1095
+ readonly xl: "1200px";
1088
1096
  };
1089
- };
1090
- readonly spacing: {
1091
- readonly xxs: "4px";
1092
- readonly xs: "8px";
1093
- readonly sm: "12px";
1094
- readonly md: "16px";
1095
- readonly lg: "24px";
1096
- readonly xl: "32px";
1097
- readonly xxl: "40px";
1098
- readonly xxxl: "48px";
1099
- readonly xxxxl: "56px";
1100
- readonly xxxxxl: "64px";
1101
- };
1102
- readonly borderRadius: {
1103
- readonly xxs: "4px";
1104
- readonly xs: "8px";
1105
- readonly sm: "12px";
1106
- readonly md: "16px";
1107
- readonly lg: "24px";
1108
- readonly xl: "32px";
1109
- readonly full: "9999px";
1110
- };
1111
- readonly shadow: {
1112
- readonly box: {
1113
- readonly sm: "0px 0px 8px 0px rgba(28, 101, 253, 0.06), 0px 1px 1px 0px rgba(28, 101, 253, 0.02)";
1114
- readonly md: "0px 4px 25px 0px rgba(28, 101, 253, 0.06), 0px 4px 4px 0px rgba(28, 101, 253, 0.02)";
1115
- readonly lg: "0px 4px 25px 0px rgba(28, 101, 253, 0.08), 0px 4px 4px 0px rgba(28, 101, 253, 0.04)";
1116
- readonly xl: "-23px 132px 38px 0px rgba(28, 101, 253, 0.00), -15px 84px 34px 0px rgba(28, 101, 253, 0.01), -8px 48px 29px 0px rgba(28, 101, 253, 0.05), -4px 21px 21px 0px rgba(28, 101, 253, 0.09), -1px 5px 12px 0px rgba(28, 101, 253, 0.10)";
1097
+ readonly breakpoints: {
1098
+ readonly xs: "375px";
1099
+ readonly sm: "576px";
1100
+ readonly md: "768px";
1101
+ readonly lg: "992px";
1102
+ readonly xl: "1280px";
1103
+ readonly xxl: "1920px";
1117
1104
  };
1118
- readonly border: {
1119
- readonly sm: "0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10)";
1105
+ readonly zIndex: {
1106
+ readonly dropdown: 1000;
1107
+ readonly sticky: 1020;
1108
+ readonly fixed: 1030;
1109
+ readonly modalBackdrop: 1040;
1110
+ readonly offcanvas: 1050;
1111
+ readonly modal: 1060;
1112
+ readonly popover: 1070;
1113
+ readonly tooltip: 1080;
1120
1114
  };
1121
- };
1122
- readonly container: {
1123
- readonly xl: "1200px";
1124
- };
1125
- readonly breakpoints: {
1126
- readonly xs: "375px";
1127
- readonly sm: "576px";
1128
- readonly md: "768px";
1129
- readonly lg: "992px";
1130
- readonly xl: "1280px";
1131
- readonly xxl: "1920px";
1132
- };
1133
- readonly zIndex: {
1134
- readonly dropdown: 1000;
1135
- readonly sticky: 1020;
1136
- readonly fixed: 1030;
1137
- readonly modalBackdrop: 1040;
1138
- readonly offcanvas: 1050;
1139
- readonly modal: 1060;
1140
- readonly popover: 1070;
1141
- readonly tooltip: 1080;
1142
- };
1143
1115
  };
1144
1116
  type Theme = typeof theme;
1145
- //#endregion
1146
- //#region src/theme/overflow.d.ts
1117
+
1147
1118
  declare enum Overflow {
1148
- auto = "auto",
1149
- clip = "clip",
1150
- hidden = "hidden",
1151
- inherit = "inherit",
1152
- visible = "visible"
1119
+ auto = "auto",
1120
+ clip = "clip",
1121
+ hidden = "hidden",
1122
+ inherit = "inherit",
1123
+ visible = "visible"
1153
1124
  }
1154
1125
  declare const resolveOverflowValue: (overflow: Overflow) => string;
1155
- //#endregion
1156
- //#region src/theme/borderRadius.d.ts
1126
+
1157
1127
  declare enum BorderRadius {
1158
- none = "none",
1159
- xxs = "xxs",
1160
- xs = "xs",
1161
- sm = "sm",
1162
- md = "md",
1163
- lg = "lg",
1164
- xl = "xl",
1165
- full = "full"
1166
- }
1167
- declare const resolveBorderRadiusValue: (theme: Theme$1, borderRadius: BorderRadius) => "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "9999px" | "0";
1168
- //#endregion
1169
- //#region src/theme/flexWrap.d.ts
1128
+ none = "none",
1129
+ xxs = "xxs",
1130
+ xs = "xs",
1131
+ sm = "sm",
1132
+ md = "md",
1133
+ lg = "lg",
1134
+ xl = "xl",
1135
+ full = "full"
1136
+ }
1137
+ declare const resolveBorderRadiusValue: (theme: Theme$1, borderRadius: BorderRadius) => "0" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "9999px";
1138
+
1170
1139
  declare enum FlexWrap {
1171
- noWrap = "noWrap",
1172
- wrap = "wrap",
1173
- wrapReverse = "wrapReverse"
1140
+ noWrap = "noWrap",
1141
+ wrap = "wrap",
1142
+ wrapReverse = "wrapReverse"
1174
1143
  }
1175
1144
  declare const resolveFlexWrapValue: (flexWrap: FlexWrap) => string;
1176
- //#endregion
1177
- //#region src/theme/textDecoration.d.ts
1145
+
1178
1146
  declare enum TextDecoration {
1179
- noneImportant = "noneImportant",
1180
- underline = "underline"
1147
+ noneImportant = "noneImportant",
1148
+ underline = "underline"
1181
1149
  }
1182
- declare const resolveTextDecorationValue: (textDecoration: TextDecoration) => "underline" | "none !important";
1183
- declare const getTextDecorationStyle: (textDecoration?: TextDecoration) => import("@emotion/react").SerializedStyles | "";
1184
- //#endregion
1185
- //#region src/components/buttonsLayout/types.d.ts
1150
+ declare const resolveTextDecorationValue: (textDecoration: TextDecoration) => "none !important" | "underline";
1151
+ declare const getTextDecorationStyle: (textDecoration?: TextDecoration) => "" | _emotion_utils.SerializedStyles;
1152
+
1186
1153
  declare enum ButtonsLayoutAlign {
1187
- center = "center",
1188
- end = "end",
1189
- spaceBetween = "spaceBetween",
1190
- start = "start",
1191
- stretch = "stretch"
1154
+ center = "center",
1155
+ end = "end",
1156
+ spaceBetween = "spaceBetween",
1157
+ start = "start",
1158
+ stretch = "stretch"
1192
1159
  }
1193
1160
  declare enum ButtonsLayoutDirection {
1194
- column = "column",
1195
- columnReverse = "columnReverse",
1196
- row = "row",
1197
- rowReverse = "rowReverse"
1161
+ column = "column",
1162
+ columnReverse = "columnReverse",
1163
+ row = "row",
1164
+ rowReverse = "rowReverse"
1198
1165
  }
1199
- //#endregion
1200
- //#region src/components/buttonsLayout/ButtonsLayout.d.ts
1166
+
1201
1167
  interface ButtonsLayoutProps extends SsrProps {
1202
- align: ButtonsLayoutAlign;
1203
- buttons: ReactNode[];
1204
- direction: ButtonsLayoutDirection;
1205
- gap?: Spacing;
1206
- wrap?: FlexWrap;
1207
- }
1208
- declare const ButtonsLayout: (props: ButtonsLayoutProps) => import("react").JSX.Element;
1209
- //#endregion
1210
- //#region src/components/calculatorResult/types.d.ts
1168
+ align: ButtonsLayoutAlign;
1169
+ buttons: ReactNode[];
1170
+ direction: ButtonsLayoutDirection;
1171
+ gap?: Spacing;
1172
+ wrap?: FlexWrap;
1173
+ }
1174
+ declare const ButtonsLayout: (props: ButtonsLayoutProps) => react_jsx_runtime.JSX.Element;
1175
+
1211
1176
  interface CalculatorResultHeader {
1212
- bottom?: ReactElement | string | undefined;
1213
- main?: ReactElement | string | undefined;
1214
- top?: ReactElement | string | undefined;
1215
- /** Visually hidden text for screen readers, providing additional info, such as the availability of help under tooltip button. */
1216
- topHiddenText?: string;
1217
- topTooltip?: TooltipInfoDescriptor;
1177
+ bottom?: ReactElement | string | undefined;
1178
+ main?: ReactElement | string | undefined;
1179
+ top?: ReactElement | string | undefined;
1180
+ /** Visually hidden text for screen readers, providing additional info, such as the availability of help under tooltip button. */
1181
+ topHiddenText?: string;
1182
+ topTooltip?: TooltipInfoDescriptor;
1218
1183
  }
1219
1184
  interface CalculatorResultBodyItem {
1220
- left: {
1221
- element: ReactElement | string; /** Visually hidden text for screen readers, providing additional info, such as the availability of help under tooltip button. */
1222
- hiddenText?: string;
1223
- tooltip?: TooltipInfoDescriptor;
1224
- };
1225
- right: {
1226
- element: ReactElement | string;
1227
- };
1185
+ left: {
1186
+ element: ReactElement | string;
1187
+ /** Visually hidden text for screen readers, providing additional info, such as the availability of help under tooltip button. */
1188
+ hiddenText?: string;
1189
+ tooltip?: TooltipInfoDescriptor;
1190
+ };
1191
+ right: {
1192
+ element: ReactElement | string;
1193
+ };
1228
1194
  }
1229
1195
  interface CalculatorResultMain {
1230
- element: ReactElement | string;
1231
- topSeparator?: boolean;
1196
+ element: ReactElement | string;
1197
+ topSeparator?: boolean;
1232
1198
  }
1233
1199
  interface CalculatorResultModalDescriptor {
1234
- content: ReactElement | string;
1235
- modalCloseButtonAriaLabel?: string;
1236
- triggerText: ReactElement | string;
1200
+ content: ReactElement | string;
1201
+ modalCloseButtonAriaLabel?: string;
1202
+ triggerText: ReactElement | string;
1237
1203
  }
1238
1204
  declare enum CalculatorResultInfoPosition {
1239
- inBox = "inBox",
1240
- underBox = "underBox"
1205
+ inBox = "inBox",
1206
+ underBox = "underBox"
1241
1207
  }
1242
- //#endregion
1243
- //#region src/components/calculatorResult/CalculatorResult.d.ts
1208
+
1244
1209
  interface CalculatorResultProps extends DesignSystemBaseProps {
1245
- bodyItems: CalculatorResultBodyItem[];
1246
- containerRef?: RefObject<HTMLDivElement | null>;
1247
- description?: ReactElement | string;
1248
- header: CalculatorResultHeader;
1249
- infoPosition?: CalculatorResultInfoPosition;
1250
- main: CalculatorResultMain;
1251
- modal?: CalculatorResultModalDescriptor;
1252
- resultBoxRef?: RefObject<HTMLDivElement | null>;
1253
- }
1254
- declare const CalculatorResult: (props: CalculatorResultProps) => import("react").JSX.Element;
1255
- //#endregion
1256
- //#region src/components/checkboxField/checkboxControl/CheckboxControl.d.ts
1210
+ bodyItems: CalculatorResultBodyItem[];
1211
+ containerRef?: RefObject<HTMLDivElement | null>;
1212
+ description?: ReactElement | string;
1213
+ header: CalculatorResultHeader;
1214
+ infoPosition?: CalculatorResultInfoPosition;
1215
+ main: CalculatorResultMain;
1216
+ modal?: CalculatorResultModalDescriptor;
1217
+ resultBoxRef?: RefObject<HTMLDivElement | null>;
1218
+ }
1219
+ declare const CalculatorResult: (props: CalculatorResultProps) => react_jsx_runtime.JSX.Element;
1220
+
1257
1221
  interface CheckboxControlProps {
1258
- ariaLabel?: string;
1259
- checked?: boolean;
1260
- colorScheme?: ColorScheme;
1261
- disabled?: boolean;
1262
- focused?: boolean;
1263
- id?: string;
1264
- invalid?: boolean;
1265
- name: string;
1266
- onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
1267
- onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
1268
- ref?: Ref<HTMLInputElement>;
1269
- value?: string;
1270
- }
1271
- declare const CheckboxControl: (props: CheckboxControlProps) => import("react").JSX.Element;
1272
- //#endregion
1273
- //#region src/components/checkboxField/types.d.ts
1222
+ ariaLabel?: string;
1223
+ checked?: boolean;
1224
+ colorScheme?: ColorScheme;
1225
+ disabled?: boolean;
1226
+ focused?: boolean;
1227
+ id?: string;
1228
+ invalid?: boolean;
1229
+ name: string;
1230
+ onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
1231
+ onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
1232
+ ref?: Ref<HTMLInputElement>;
1233
+ value?: string;
1234
+ }
1235
+ declare const CheckboxControl: (props: CheckboxControlProps) => react_jsx_runtime.JSX.Element;
1236
+
1274
1237
  declare enum CheckboxPosition {
1275
- left = "left",
1276
- right = "right"
1238
+ left = "left",
1239
+ right = "right"
1277
1240
  }
1278
- //#endregion
1279
- //#region src/components/checkboxField/checkbox/Checkbox.d.ts
1241
+
1280
1242
  interface CheckboxProps extends CheckboxControlProps, InputLabelPassthroughProps, DesignSystemBaseProps {
1281
- errorMessage?: ReactNode;
1282
- labelColor?: string;
1283
- position?: CheckboxPosition;
1284
- tooltipPosition?: LabelTooltipPosition;
1285
- }
1286
- declare const Checkbox: (props: CheckboxProps) => import("react").JSX.Element;
1287
- //#endregion
1288
- //#region src/components/checkboxField/CheckboxField.d.ts
1243
+ errorMessage?: ReactNode;
1244
+ labelColor?: string;
1245
+ position?: CheckboxPosition;
1246
+ tooltipPosition?: LabelTooltipPosition;
1247
+ }
1248
+ declare const Checkbox: (props: CheckboxProps) => react_jsx_runtime.JSX.Element;
1249
+
1289
1250
  interface CheckboxFieldProps extends Omit<CheckboxProps, 'onChange' | 'value'> {
1290
- options?: RegisterOptions;
1251
+ options?: RegisterOptions;
1291
1252
  }
1292
- declare const CheckboxField: (props: CheckboxFieldProps) => import("react").JSX.Element;
1293
- //#endregion
1294
- //#region src/components/iconProduct/types.d.ts
1253
+ declare const CheckboxField: (props: CheckboxFieldProps) => react_jsx_runtime.JSX.Element;
1254
+
1295
1255
  declare enum IconProductType {
1296
- atm = "atm",
1297
- bank = "bank",
1298
- bill = "bill",
1299
- billingPayment = "billingPayment",
1300
- check = "check",
1301
- coinsStack = "coinsStack",
1302
- creditCard = "creditCard",
1303
- diceQuestion = "diceQuestion",
1304
- graphBarIncrease = "graphBarIncrease",
1305
- graphIncrease = "graphIncrease",
1306
- helpChat = "helpChat",
1307
- houseRefresh = "houseRefresh",
1308
- information = "information",
1309
- loginPassword = "loginPassword",
1310
- mailCheck = "mailCheck",
1311
- mobilePhone = "mobilePhone",
1312
- moneta = "moneta",
1313
- moneyBag = "moneyBag",
1314
- openUmbrella = "openUmbrella",
1315
- passwordLock = "passwordLock",
1316
- people = "people",
1317
- piggyBank = "piggyBank",
1318
- propertiesMortgage = "propertiesMortgage",
1319
- reward = "reward",
1320
- shieldCheck = "shieldCheck",
1321
- suitcase = "suitcase",
1322
- user = "user",
1323
- userAddPlus = "userAddPlus",
1324
- wallet = "wallet",
1325
- warningCircle = "warningCircle",
1326
- warningTriangle = "warningTriangle"
1256
+ atm = "atm",
1257
+ bank = "bank",
1258
+ bill = "bill",
1259
+ billingPayment = "billingPayment",
1260
+ check = "check",
1261
+ coinsStack = "coinsStack",
1262
+ creditCard = "creditCard",
1263
+ diceQuestion = "diceQuestion",
1264
+ graphBarIncrease = "graphBarIncrease",
1265
+ graphIncrease = "graphIncrease",
1266
+ helpChat = "helpChat",
1267
+ houseRefresh = "houseRefresh",
1268
+ information = "information",
1269
+ loginPassword = "loginPassword",
1270
+ mailCheck = "mailCheck",
1271
+ mobilePhone = "mobilePhone",
1272
+ moneta = "moneta",
1273
+ moneyBag = "moneyBag",
1274
+ openUmbrella = "openUmbrella",
1275
+ passwordLock = "passwordLock",
1276
+ people = "people",
1277
+ piggyBank = "piggyBank",
1278
+ propertiesMortgage = "propertiesMortgage",
1279
+ reward = "reward",
1280
+ shieldCheck = "shieldCheck",
1281
+ suitcase = "suitcase",
1282
+ user = "user",
1283
+ userAddPlus = "userAddPlus",
1284
+ wallet = "wallet",
1285
+ warningCircle = "warningCircle",
1286
+ warningTriangle = "warningTriangle"
1327
1287
  }
1328
1288
  declare enum IconProductSize {
1329
- big = "big",
1330
- small = "small"
1289
+ big = "big",
1290
+ small = "small"
1331
1291
  }
1332
1292
  declare enum IconProductVariant {
1333
- active = "active",
1334
- default = "default"
1293
+ active = "active",
1294
+ default = "default"
1335
1295
  }
1336
1296
  declare enum IconProductHighlightType {
1337
- default = "default",
1338
- defaultInverse = "defaultInverse"
1297
+ default = "default",
1298
+ defaultInverse = "defaultInverse"
1339
1299
  }
1340
- //#endregion
1341
- //#region src/components/iconProduct/IconProduct.d.ts
1300
+
1342
1301
  interface IconProductProps {
1343
- colorScheme?: ColorScheme;
1344
- fill?: string;
1345
- highlightType?: IconProductHighlightType;
1346
- size: IconProductSize;
1347
- stroke?: string;
1348
- type: IconProductType;
1349
- variant?: IconProductVariant | undefined;
1350
- }
1351
- declare const IconProduct: (props: IconProductProps) => import("react").JSX.Element;
1352
- //#endregion
1353
- //#region src/components/circularProgressBar/CircularProgressBar.d.ts
1302
+ colorScheme?: ColorScheme;
1303
+ fill?: string;
1304
+ highlightType?: IconProductHighlightType;
1305
+ size: IconProductSize;
1306
+ stroke?: string;
1307
+ type: IconProductType;
1308
+ variant?: IconProductVariant | undefined;
1309
+ }
1310
+ declare const IconProduct: (props: IconProductProps) => react_jsx_runtime.JSX.Element;
1311
+
1354
1312
  interface CircularProgressBarProps extends DesignSystemBaseProps {
1355
- iconProduct: IconProductType;
1356
- progress: number;
1313
+ iconProduct: IconProductType;
1314
+ progress: number;
1357
1315
  }
1358
- declare const CircularProgressBar: (props: CircularProgressBarProps) => import("react").JSX.Element;
1359
- //#endregion
1360
- //#region src/components/comboBoxField/types.d.ts
1316
+ declare const CircularProgressBar: (props: CircularProgressBarProps) => react_jsx_runtime.JSX.Element;
1317
+
1361
1318
  type ComboBoxItem = boolean | number | object | string | null;
1362
1319
  declare enum ComboBoxItemOrderSource {
1363
- formatter = "formatter",
1364
- value = "value"
1320
+ formatter = "formatter",
1321
+ value = "value"
1365
1322
  }
1366
1323
  interface ComboBoxItemOrder {
1367
- compareFn?: (a: unknown, b: unknown) => number;
1368
- source: ComboBoxItemOrderSource;
1324
+ compareFn?: (a: unknown, b: unknown) => number;
1325
+ source: ComboBoxItemOrderSource;
1369
1326
  }
1370
1327
  declare enum ComboBoxValueType {
1371
- custom = "custom",
1372
- item = "item"
1328
+ custom = "custom",
1329
+ item = "item"
1373
1330
  }
1374
1331
  type ComboBoxValue<TItem> = {
1375
- input: string;
1376
- type: ComboBoxValueType.custom;
1332
+ input: string;
1333
+ type: ComboBoxValueType.custom;
1377
1334
  } | {
1378
- item: TItem;
1379
- type: ComboBoxValueType.item;
1335
+ item: TItem;
1336
+ type: ComboBoxValueType.item;
1380
1337
  } | null;
1381
- //#endregion
1382
- //#region src/components/inputBase/InputBase.d.ts
1338
+
1383
1339
  interface InputBaseProps extends FieldControlProps, Pick<AriaAttributes, 'aria-activedescendant' | 'aria-autocomplete' | 'aria-controls' | 'aria-describedby' | 'aria-expanded' | 'aria-invalid' | 'aria-label' | 'aria-labelledby' | 'aria-required'> {
1384
- ariaLabel?: string;
1385
- autoComplete?: HTMLInputAutoCompleteAttribute;
1386
- button?: ReactNode;
1387
- colorInput?: Property.Color | undefined;
1388
- disabled?: boolean;
1389
- halfWidth?: boolean;
1390
- icon?: ReactNode;
1391
- iconSystem?: IconSystemType;
1392
- id?: string | undefined;
1393
- isPastingDisabled?: boolean;
1394
- maxLength?: number;
1395
- name: string;
1396
- onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
1397
- onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
1398
- onClick?: MouseEventHandler;
1399
- onFocus?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
1400
- onKeyDown?: KeyboardEventHandler;
1401
- placeholder?: string;
1402
- prefix?: ReactNode;
1403
- prefixColor?: Property.Color;
1404
- ref?: Ref<HTMLInputElement>;
1405
- role?: HTMLAttributes<HTMLInputElement>['role'];
1406
- size?: InputSize;
1407
- suffix?: ReactNode;
1408
- textAlign?: InputTextAlign;
1409
- type?: HTMLInputTypeAttribute;
1410
- value?: string;
1411
- weight?: FontWeight;
1412
- }
1413
- declare const InputBase: (props: InputBaseProps) => import("react").JSX.Element;
1414
- //#endregion
1415
- //#region src/components/comboBoxField/comboBoxControl/ComboBoxControl.d.ts
1340
+ ariaLabel?: string;
1341
+ autoComplete?: HTMLInputAutoCompleteAttribute;
1342
+ button?: ReactNode;
1343
+ colorInput?: Property.Color | undefined;
1344
+ disabled?: boolean;
1345
+ halfWidth?: boolean;
1346
+ icon?: ReactNode;
1347
+ iconSystem?: IconSystemType;
1348
+ id?: string | undefined;
1349
+ isPastingDisabled?: boolean;
1350
+ maxLength?: number;
1351
+ name: string;
1352
+ onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
1353
+ onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
1354
+ onClick?: MouseEventHandler;
1355
+ onFocus?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
1356
+ onKeyDown?: KeyboardEventHandler;
1357
+ placeholder?: string;
1358
+ prefix?: ReactNode;
1359
+ prefixColor?: Property.Color;
1360
+ ref?: Ref<HTMLInputElement>;
1361
+ role?: HTMLAttributes<HTMLInputElement>['role'];
1362
+ size?: InputSize;
1363
+ suffix?: ReactNode;
1364
+ textAlign?: InputTextAlign;
1365
+ type?: HTMLInputTypeAttribute;
1366
+ value?: string;
1367
+ weight?: FontWeight;
1368
+ }
1369
+ declare const InputBase: (props: InputBaseProps) => react_jsx_runtime.JSX.Element;
1370
+
1416
1371
  interface ComboBoxControlProps<TItem extends ComboBoxItem> extends Omit<FieldControlProps, 'name'>, Pick<InputBaseProps, 'ariaLabel' | 'disabled' | 'icon' | 'isPastingDisabled' | 'maxLength' | 'name' | 'onFocus' | 'placeholder' | 'required'> {
1417
- formatter?: Formatter<TItem, ReactNode>;
1418
- getItemKey?: (item: TItem | null) => number | string;
1419
- inputPrefix?: ReactNode;
1420
- inputSize?: InputSize;
1421
- inputSuffix?: ReactNode;
1422
- inputTextAlign?: InputTextAlign;
1423
- inputWeight?: FontWeight;
1424
- itemOrder?: ComboBoxItemOrder;
1425
- items: TItem[];
1426
- onBlur?: () => void;
1427
- onChange: (value: ComboBoxValue<TItem>) => void;
1428
- ref?: Ref<HTMLInputElement>;
1429
- shouldHighlightFirstItem?: boolean;
1430
- value: ComboBoxValue<TItem>;
1431
- }
1432
- declare const ComboBoxControl: <TItem extends ComboBoxItem>(props: ComboBoxControlProps<TItem>) => import("react").JSX.Element;
1433
- //#endregion
1434
- //#region src/components/fieldWrapper/types.d.ts
1372
+ formatter?: Formatter<TItem, ReactNode>;
1373
+ getItemKey?: (item: TItem | null) => number | string;
1374
+ inputPrefix?: ReactNode;
1375
+ inputSize?: InputSize;
1376
+ inputSuffix?: ReactNode;
1377
+ inputTextAlign?: InputTextAlign;
1378
+ inputWeight?: FontWeight;
1379
+ itemOrder?: ComboBoxItemOrder;
1380
+ items: TItem[];
1381
+ onBlur?: () => void;
1382
+ onChange: (value: ComboBoxValue<TItem>) => void;
1383
+ ref?: Ref<HTMLInputElement>;
1384
+ shouldHighlightFirstItem?: boolean;
1385
+ value: ComboBoxValue<TItem>;
1386
+ }
1387
+ declare const ComboBoxControl: <TItem extends ComboBoxItem>(props: ComboBoxControlProps<TItem>) => react_jsx_runtime.JSX.Element;
1388
+
1435
1389
  declare enum FieldWrapperLayout {
1436
- horizontal = "horizontal",
1437
- vertical = "vertical"
1390
+ horizontal = "horizontal",
1391
+ vertical = "vertical"
1438
1392
  }
1439
- //#endregion
1440
- //#region src/components/fieldWrapper/FieldWrapper.d.ts
1393
+
1441
1394
  type FieldWrapperControlProps = Required<Pick<FieldControlProps, 'describedBy' | 'id' | 'invalid' | 'labelledBy' | 'required'>>;
1442
1395
  declare enum FieldAddonPosition {
1443
- afterControl = "afterControl",
1444
- beforeControl = "beforeControl",
1445
- belowControl = "belowControl",
1446
- bottom = "bottom"
1396
+ afterControl = "afterControl",
1397
+ beforeControl = "beforeControl",
1398
+ belowControl = "belowControl",
1399
+ bottom = "bottom"
1447
1400
  }
1448
1401
  interface FieldAddon {
1449
- children: ReactNode;
1450
- key: Key;
1451
- position: FieldAddonPosition;
1402
+ children: ReactNode;
1403
+ key: Key;
1404
+ position: FieldAddonPosition;
1452
1405
  }
1453
1406
  interface FieldWrapperProps extends DesignSystemBaseProps, InputLabelPassthroughProps {
1454
- addons?: FieldAddon[];
1455
- children?: ReactNode | ((controlProps: FieldWrapperControlProps) => ReactNode);
1456
- controlId?: string;
1457
- controlMobileWidth?: Property.Width;
1458
- /** `controlSection` represents the right section in horizontal layout. */
1459
- controlSectionWidth?: Property.Width;
1460
- controlWidth?: Property.Width;
1461
- errorMessage?: ReactNode;
1462
- /** Visually hidden text for screen readers providing additional info, such as the availability of a tooltip. */
1463
- hiddenHintText?: ReactNode;
1464
- hintText?: ReactNode;
1465
- /** @default isRenderable(errorMessage) */
1466
- invalid?: boolean;
1467
- layout?: FieldWrapperLayout;
1468
- /** Necessary for registration of `label` to `FieldLabelStore`. */
1469
- name?: string;
1470
- note?: ReactNode;
1471
- /** @default FieldOptionality.required */
1472
- optionality?: FieldOptionality;
1473
- successMessage?: ReactNode;
1474
- }
1475
- declare const FieldWrapper: (props: FieldWrapperProps) => import("react").JSX.Element;
1476
- //#endregion
1477
- //#region src/components/fieldWrapper/withFieldWrapper.d.ts
1407
+ addons?: FieldAddon[];
1408
+ children?: ReactNode | ((controlProps: FieldWrapperControlProps) => ReactNode);
1409
+ controlId?: string;
1410
+ controlMobileWidth?: Property.Width;
1411
+ /** `controlSection` represents the right section in horizontal layout. */
1412
+ controlSectionWidth?: Property.Width;
1413
+ controlWidth?: Property.Width;
1414
+ errorMessage?: ReactNode;
1415
+ /** Visually hidden text for screen readers providing additional info, such as the availability of a tooltip. */
1416
+ hiddenHintText?: ReactNode;
1417
+ hintText?: ReactNode;
1418
+ /** @default isRenderable(errorMessage) */
1419
+ invalid?: boolean;
1420
+ layout?: FieldWrapperLayout;
1421
+ /** Necessary for registration of `label` to `FieldLabelStore`. */
1422
+ name?: string;
1423
+ note?: ReactNode;
1424
+ /** @default FieldOptionality.required */
1425
+ optionality?: FieldOptionality;
1426
+ successMessage?: ReactNode;
1427
+ }
1428
+ declare const FieldWrapper: (props: FieldWrapperProps) => react_jsx_runtime.JSX.Element;
1429
+
1478
1430
  /** These props are reserved for `FieldWrapper` and cannot be used in the wrapped component. */
1479
1431
  type FieldWrapperReservedProps = Pick<FieldWrapperProps, 'addons' | 'controlMobileWidth' | 'controlSectionWidth' | 'controlWidth' | 'errorMessage' | 'hiddenHintText' | 'hintText' | 'label' | 'labelAs' | 'labelHiddenText' | 'labelId' | 'labelSuffix' | 'layout' | 'note' | 'optionality' | 'successMessage' | 'tooltip'>;
1480
1432
  declare const withFieldWrapper: <TProps extends FieldControlProps>(FieldControl: ComponentType<TProps>) => {
1481
- (props: FieldWrapperReservedProps & Omit<TProps, keyof FieldWrapperReservedProps>): import("react").JSX.Element;
1482
- displayName: string;
1433
+ (props: FieldWrapperReservedProps & Omit<TProps, keyof FieldWrapperReservedProps>): react_jsx_runtime.JSX.Element;
1434
+ displayName: string;
1483
1435
  };
1484
- //#endregion
1485
- //#region src/components/comboBoxField/comboBox/ComboBox.d.ts
1436
+
1486
1437
  type ComboBoxProps<TItem extends ComboBoxItem> = ComboBoxControlProps<TItem> & FieldWrapperReservedProps;
1487
1438
  declare const ComboBox: <TItem extends ComboBoxItem>(props: ComboBoxProps<TItem>) => ReactElement;
1488
- //#endregion
1489
- //#region src/components/comboBoxField/ComboBoxField.d.ts
1439
+
1490
1440
  interface ComboBoxFieldProps<TItem extends ComboBoxItem> extends Omit<ComboBoxProps<TItem>, 'onChange' | 'value'> {
1491
- defaultValue?: TItem | null;
1492
- name: string;
1493
- options?: RegisterOptions;
1494
- shouldResetInvalidValues?: boolean;
1495
- }
1496
- declare const ComboBoxField: <TItem extends ComboBoxItem>(props: ComboBoxFieldProps<TItem>) => import("react").JSX.Element;
1497
- //#endregion
1498
- //#region src/components/datePickerField/datePickerControl/DatePickerControl.d.ts
1441
+ defaultValue?: TItem | null;
1442
+ name: string;
1443
+ options?: RegisterOptions;
1444
+ shouldResetInvalidValues?: boolean;
1445
+ }
1446
+ declare const ComboBoxField: <TItem extends ComboBoxItem>(props: ComboBoxFieldProps<TItem>) => react_jsx_runtime.JSX.Element;
1447
+
1499
1448
  interface DatePickerControlProps extends Pick<DatePickerProps$1, 'chooseDayAriaLabelPrefix' | 'dateFormat' | 'disabledDayAriaLabelPrefix' | 'filterDate' | 'maxDate' | 'minDate' | 'monthAriaLabelPrefix' | 'nextMonthAriaLabel' | 'onBlur' | 'previousMonthAriaLabel' | 'selected'>, FieldControlProps {
1500
- chevronCloseAriaLabel?: string;
1501
- chevronOpenAriaLabel?: string;
1502
- disabled?: boolean;
1503
- locale?: Locale;
1504
- monthSelectAriaLabel?: string;
1505
- monthYearSelectEnabled?: boolean;
1506
- name: string;
1507
- onChange?: (date: Date | null, event?: KeyboardEvent<HTMLElement> | MouseEvent<HTMLElement>) => void;
1508
- placeholder?: string;
1509
- ref?: Ref<HTMLInputElement>;
1510
- yearSelectAriaLabel?: string;
1511
- }
1512
- declare const DatePickerControl: (props: DatePickerControlProps) => import("react").JSX.Element;
1513
- //#endregion
1514
- //#region src/components/datePickerField/datePicker/DatePicker.d.ts
1449
+ chevronCloseAriaLabel?: string;
1450
+ chevronOpenAriaLabel?: string;
1451
+ disabled?: boolean;
1452
+ locale?: Locale;
1453
+ monthSelectAriaLabel?: string;
1454
+ monthYearSelectEnabled?: boolean;
1455
+ name: string;
1456
+ onChange?: (date: Date | null, event?: KeyboardEvent<HTMLElement> | MouseEvent<HTMLElement>) => void;
1457
+ placeholder?: string;
1458
+ ref?: Ref<HTMLInputElement>;
1459
+ yearSelectAriaLabel?: string;
1460
+ }
1461
+ declare const DatePickerControl: (props: DatePickerControlProps) => react_jsx_runtime.JSX.Element;
1462
+
1515
1463
  declare const DatePicker: {
1516
- (props: FieldWrapperReservedProps & Omit<DatePickerControlProps, "label" | "note" | "tooltip" | "layout" | "errorMessage" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "hiddenHintText" | "hintText" | "optionality" | "successMessage">): import("react").JSX.Element;
1517
- displayName: string;
1464
+ (props: FieldWrapperReservedProps & Omit<DatePickerControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react_jsx_runtime.JSX.Element;
1465
+ displayName: string;
1518
1466
  };
1519
1467
  type DatePickerProps = ComponentProps<typeof DatePicker>;
1520
- //#endregion
1521
- //#region src/components/datePickerField/DatePickerField.d.ts
1468
+
1522
1469
  interface DatePickerFieldProps extends Omit<ComponentProps<typeof DatePicker>, 'onChange'> {
1523
- name: string;
1524
- options?: RegisterOptions;
1470
+ name: string;
1471
+ options?: RegisterOptions;
1525
1472
  }
1526
- declare const DatePickerField: (props: DatePickerFieldProps) => import("react").JSX.Element;
1527
- //#endregion
1528
- //#region src/components/datePickerField/constants.d.ts
1473
+ declare const DatePickerField: (props: DatePickerFieldProps) => react_jsx_runtime.JSX.Element;
1474
+
1529
1475
  declare const datePickerValueFormat = "yyyy-MM-dd";
1530
- //#endregion
1531
- //#region src/components/emailInputField/emailInput/EmailInput.d.ts
1476
+
1532
1477
  interface EmailInputControlProps extends InputProps {
1533
- placeholder?: string;
1478
+ placeholder?: string;
1534
1479
  }
1535
1480
  declare const EmailInput: {
1536
- (props: FieldWrapperReservedProps & Omit<EmailInputControlProps, "label" | "note" | "tooltip" | "layout" | "errorMessage" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "hiddenHintText" | "hintText" | "optionality" | "successMessage">): import("react").JSX.Element;
1537
- displayName: string;
1481
+ (props: FieldWrapperReservedProps & Omit<EmailInputControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react_jsx_runtime.JSX.Element;
1482
+ displayName: string;
1538
1483
  };
1539
1484
  type EmailInputProps = ComponentProps<typeof EmailInput>;
1540
- //#endregion
1541
- //#region src/components/emailInputField/EmailInputField.d.ts
1485
+
1542
1486
  interface EmailInputFieldProps extends Omit<EmailInputProps, 'onChange' | 'value'> {
1543
- name: string;
1544
- options?: RegisterOptions;
1487
+ name: string;
1488
+ options?: RegisterOptions;
1545
1489
  }
1546
- declare const EmailInputField: (props: EmailInputFieldProps) => import("react").JSX.Element;
1547
- //#endregion
1548
- //#region src/components/errorBox/types.d.ts
1490
+ declare const EmailInputField: (props: EmailInputFieldProps) => react_jsx_runtime.JSX.Element;
1491
+
1549
1492
  interface ErrorBoxItem {
1550
- body: ReactElement | string;
1551
- onClick?: () => void;
1493
+ body: ReactElement | string;
1494
+ onClick?: () => void;
1552
1495
  }
1553
- //#endregion
1554
- //#region src/components/errorBox/ErrorBox.d.ts
1496
+
1555
1497
  interface ErrorBoxProps {
1556
- colorScheme?: ColorScheme;
1557
- content?: ReactNode;
1558
- items?: ErrorBoxItem[];
1559
- ref?: Ref<HTMLDivElement>;
1560
- tabIndex?: number;
1561
- title?: ReactNode;
1562
- }
1563
- declare const ErrorBox: (props: ErrorBoxProps) => import("react").JSX.Element;
1564
- //#endregion
1565
- //#region src/components/fileInputField/types.d.ts
1498
+ colorScheme?: ColorScheme;
1499
+ content?: ReactNode;
1500
+ items?: ErrorBoxItem[];
1501
+ ref?: Ref<HTMLDivElement>;
1502
+ tabIndex?: number;
1503
+ title?: ReactNode;
1504
+ }
1505
+ declare const ErrorBox: (props: ErrorBoxProps) => react_jsx_runtime.JSX.Element;
1506
+
1566
1507
  declare enum FileInputErrorCode {
1567
- fileSizeTooLarge = "fileSizeTooLarge",
1568
- general = "general",
1569
- tooManyFiles = "tooManyFiles",
1570
- totalFileSizeTooLarge = "totalFileSizeTooLarge",
1571
- unsupportedFormat = "unsupportedFormat"
1508
+ fileSizeTooLarge = "fileSizeTooLarge",
1509
+ general = "general",
1510
+ tooManyFiles = "tooManyFiles",
1511
+ totalFileSizeTooLarge = "totalFileSizeTooLarge",
1512
+ unsupportedFormat = "unsupportedFormat"
1572
1513
  }
1573
1514
  interface FileInputSettings {
1574
- fileExtensions: string[];
1575
- maxFiles?: number;
1576
- maxSize: number;
1577
- maxTotalSize?: number;
1515
+ fileExtensions: string[];
1516
+ maxFiles?: number;
1517
+ maxSize: number;
1518
+ maxTotalSize?: number;
1578
1519
  }
1579
1520
  type FileInputLimitDescriptionComponent = ComponentType<FileInputSettings>;
1580
1521
  type FileInputUploadErrorReasonComponent = ComponentType<{
1581
- errorCode: FileInputErrorCode;
1522
+ errorCode: FileInputErrorCode;
1582
1523
  }>;
1583
1524
  type FileInputUploadFailedComponent = ComponentType<{
1584
- fileName: string;
1525
+ fileName: string;
1585
1526
  }>;
1586
1527
  type FileInputDropzoneDragOrSelectFilesComponent = ComponentType<{
1587
- selectedFiles: ReactNode;
1528
+ selectedFiles: ReactNode;
1588
1529
  }>;
1589
1530
  type FileInputDropzoneDragFilesHereComponent = ComponentType;
1590
1531
  type FileInputRemoveButtonTextComponent = ComponentType<{
1591
- fileName: string;
1532
+ fileName: string;
1592
1533
  }>;
1593
1534
  type FileInputDropzoneSelectFilesComponent = ComponentType;
1594
- //#endregion
1595
- //#region src/components/fileInputField/fileInput/FileInputControl.d.ts
1535
+
1596
1536
  interface FileInputControlProps extends FileInputSettings, DesignSystemBaseProps {
1597
- /** Component displayed when a file is dragged over the dropzone. */
1598
- DropzoneDragFilesHere: FileInputDropzoneDragFilesHereComponent;
1599
- /** Component displaying prompt to drag or select files for upload. */
1600
- DropzoneDragOrSelectFiles: FileInputDropzoneDragOrSelectFilesComponent;
1601
- /** Clickable text prompting the user to select files for upload. */
1602
- DropzoneSelectFiles: FileInputDropzoneSelectFilesComponent;
1603
- /** Component describing the limits for uploaded files. */
1604
- LimitDescription: FileInputLimitDescriptionComponent;
1605
- /** Component for label for the remove file button. */
1606
- RemoveButtonText: FileInputRemoveButtonTextComponent;
1607
- /** Component displaying the reason for file upload failure. */
1608
- UploadErrorReason: FileInputUploadErrorReasonComponent;
1609
- /** Component displayed when file upload fails. */
1610
- UploadFailed: FileInputUploadFailedComponent;
1611
- /** Message read by screen readers after file is removed. */
1612
- getFileRemovedLiveText?: (fileName: string) => string;
1613
- /** Message read by screen readers after files are added. */
1614
- getFilesAddedLiveText?: (fileNames: string[]) => string;
1615
- /** aria-label for remove file button. */
1616
- getRemoveButtonAriaLabel: (fileName: string) => string;
1617
- invalid?: boolean;
1618
- name: string;
1619
- onBlur?: () => void;
1620
- onChange: (files: File[]) => void;
1621
- ref?: Ref<HTMLDivElement>;
1622
- value: File[];
1623
- }
1624
- declare const FileInputControl: (props: FileInputControlProps) => import("react").JSX.Element;
1625
- //#endregion
1626
- //#region src/components/fileInputField/fileInput/FileInput.d.ts
1537
+ /** Component displayed when a file is dragged over the dropzone. */
1538
+ DropzoneDragFilesHere: FileInputDropzoneDragFilesHereComponent;
1539
+ /** Component displaying prompt to drag or select files for upload. */
1540
+ DropzoneDragOrSelectFiles: FileInputDropzoneDragOrSelectFilesComponent;
1541
+ /** Clickable text prompting the user to select files for upload. */
1542
+ DropzoneSelectFiles: FileInputDropzoneSelectFilesComponent;
1543
+ /** Component describing the limits for uploaded files. */
1544
+ LimitDescription: FileInputLimitDescriptionComponent;
1545
+ /** Component for label for the remove file button. */
1546
+ RemoveButtonText: FileInputRemoveButtonTextComponent;
1547
+ /** Component displaying the reason for file upload failure. */
1548
+ UploadErrorReason: FileInputUploadErrorReasonComponent;
1549
+ /** Component displayed when file upload fails. */
1550
+ UploadFailed: FileInputUploadFailedComponent;
1551
+ /** Message read by screen readers after file is removed. */
1552
+ getFileRemovedLiveText?: (fileName: string) => string;
1553
+ /** Message read by screen readers after files are added. */
1554
+ getFilesAddedLiveText?: (fileNames: string[]) => string;
1555
+ /** aria-label for remove file button. */
1556
+ getRemoveButtonAriaLabel: (fileName: string) => string;
1557
+ invalid?: boolean;
1558
+ name: string;
1559
+ onBlur?: () => void;
1560
+ onChange: (files: File[]) => void;
1561
+ ref?: Ref<HTMLDivElement>;
1562
+ value: File[];
1563
+ }
1564
+ declare const FileInputControl: (props: FileInputControlProps) => react_jsx_runtime.JSX.Element;
1565
+
1627
1566
  declare const FileInputBase: {
1628
- (props: FieldWrapperReservedProps & Omit<FileInputControlProps, "label" | "note" | "tooltip" | "layout" | "errorMessage" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "hiddenHintText" | "hintText" | "optionality" | "successMessage">): import("react").JSX.Element;
1629
- displayName: string;
1567
+ (props: FieldWrapperReservedProps & Omit<FileInputControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react_jsx_runtime.JSX.Element;
1568
+ displayName: string;
1630
1569
  };
1631
- declare const FileInput: (props: ComponentProps<typeof FileInputBase>) => import("react").JSX.Element;
1570
+ declare const FileInput: (props: ComponentProps<typeof FileInputBase>) => react_jsx_runtime.JSX.Element;
1632
1571
  type FileInputProps = ComponentProps<typeof FileInput>;
1633
- //#endregion
1634
- //#region src/components/fileInputField/FileInputField.d.ts
1572
+
1635
1573
  interface FileInputFieldProps extends Omit<FileInputProps, 'onBlur' | 'onChange' | 'value'> {
1636
- name: string;
1637
- options?: RegisterOptions;
1574
+ name: string;
1575
+ options?: RegisterOptions;
1638
1576
  }
1639
- declare const FileInputField: (props: FileInputFieldProps) => import("react").JSX.Element;
1640
- //#endregion
1641
- //#region src/components/formattedAmount/types.d.ts
1577
+ declare const FileInputField: (props: FileInputFieldProps) => react_jsx_runtime.JSX.Element;
1578
+
1642
1579
  declare enum FormatAmountCurrencyDisplay {
1643
- code = "code",
1644
- name = "name",
1645
- none = "none",
1646
- symbol = "symbol"
1580
+ code = "code",
1581
+ name = "name",
1582
+ none = "none",
1583
+ symbol = "symbol"
1647
1584
  }
1648
1585
  declare enum FormatAmountGrouping {
1649
- always = "always",
1650
- auto = "auto",
1651
- none = "none"
1586
+ always = "always",
1587
+ auto = "auto",
1588
+ none = "none"
1652
1589
  }
1653
1590
  interface FormatAmountDescriptor {
1654
- currency?: string;
1655
- currencyDisplay?: FormatAmountCurrencyDisplay;
1656
- grouping?: FormatAmountGrouping;
1657
- maximumFractionDigits?: number;
1658
- minimumFractionDigits?: number;
1659
- value: number;
1660
- }
1661
- interface FormatAmountParam extends FormatAmountDescriptor {}
1662
- //#endregion
1663
- //#region src/components/formattedAmount/reactIntl/useFormatAmount.d.ts
1664
- declare const useFormatAmount: () => (param: FormatAmountParam) => string;
1665
- //#endregion
1666
- //#region src/components/formattedAmount/nextIntl/useFormatAmount.d.ts
1591
+ currency?: string;
1592
+ currencyDisplay?: FormatAmountCurrencyDisplay;
1593
+ grouping?: FormatAmountGrouping;
1594
+ maximumFractionDigits?: number;
1595
+ minimumFractionDigits?: number;
1596
+ value: number;
1597
+ }
1598
+ interface FormatAmountParam extends FormatAmountDescriptor {
1599
+ }
1600
+
1667
1601
  declare const useFormatAmount$1: () => (param: FormatAmountParam) => string;
1668
- //#endregion
1669
- //#region src/components/formattedAmount/BaseFormattedAmount.d.ts
1602
+
1603
+ declare const useFormatAmount: () => (param: FormatAmountParam) => string;
1604
+
1670
1605
  interface BaseFormattedAmountProps extends FormatAmountDescriptor {
1671
- formatAmount: (param: FormatAmountParam) => string;
1672
- }
1673
- //#endregion
1674
- //#region src/components/formattedAmount/reactIntl/FormattedAmount.d.ts
1675
- interface FormattedAmountProps extends Omit<BaseFormattedAmountProps, 'formatAmount'> {}
1676
- declare const FormattedAmount: (props: FormattedAmountProps) => import("react").JSX.Element;
1677
- //#endregion
1678
- //#region src/components/formattedAmount/nextIntl/FormattedAmount.d.ts
1679
- interface FormattedAmountProps$1 extends Omit<BaseFormattedAmountProps, 'formatAmount'> {}
1680
- declare const FormattedAmount$1: (props: FormattedAmountProps$1) => import("react").JSX.Element;
1681
- //#endregion
1682
- //#region src/components/formattedPercentage/useFormatPercentage.d.ts
1606
+ formatAmount: (param: FormatAmountParam) => string;
1607
+ }
1608
+
1609
+ interface FormattedAmountProps$1 extends Omit<BaseFormattedAmountProps, 'formatAmount'> {
1610
+ }
1611
+ declare const FormattedAmount$1: (props: FormattedAmountProps$1) => react_jsx_runtime.JSX.Element;
1612
+
1613
+ interface FormattedAmountProps extends Omit<BaseFormattedAmountProps, 'formatAmount'> {
1614
+ }
1615
+ declare const FormattedAmount: (props: FormattedAmountProps) => react_jsx_runtime.JSX.Element;
1616
+
1683
1617
  interface FormatPercentageParam {
1684
- maximumFractionDigits?: number;
1685
- minimumFractionDigits?: number;
1686
- value: number;
1618
+ maximumFractionDigits?: number;
1619
+ minimumFractionDigits?: number;
1620
+ value: number;
1687
1621
  }
1688
1622
  declare const useFormatPercentage: () => (param: FormatPercentageParam) => string;
1689
- //#endregion
1690
- //#region src/components/formattedPercentage/FormattedPercentage.d.ts
1623
+
1691
1624
  interface FormattedPercentageProps {
1692
- maximumFractionDigits?: number;
1693
- minimumFractionDigits?: number;
1694
- value: number;
1625
+ maximumFractionDigits?: number;
1626
+ minimumFractionDigits?: number;
1627
+ value: number;
1695
1628
  }
1696
- declare const FormattedPercentage: import("react").MemoExoticComponent<(props: FormattedPercentageProps) => string>;
1697
- //#endregion
1698
- //#region src/components/formattedPercentage/index.d.ts
1629
+ declare const FormattedPercentage: react.MemoExoticComponent<(props: FormattedPercentageProps) => string>;
1630
+
1699
1631
  /** @deprecated Use `useFormatPercentage` instead */
1700
1632
  declare const useFormattedPercentage: () => (param: FormatPercentageParam) => string;
1701
- //#endregion
1702
- //#region src/form/types.d.ts
1633
+
1703
1634
  interface ThrownFieldLevelError {
1704
- code: string;
1705
- fieldName: string;
1706
- message: string;
1635
+ code: string;
1636
+ fieldName: string;
1637
+ message: string;
1707
1638
  }
1708
1639
  declare enum ThrownFormLevelErrorType {
1709
- /**
1710
- * Used for displaying custom application-specific errors.
1711
- *
1712
- * Pass additional info in the `meta` property and consume it in using `thrownFormLevelErrorFormatter`.
1713
- * Make sure to extend `ThrownFormLevelErrorMeta` via declaration merging.
1714
- */
1715
- application = "application",
1716
- /** Indicates that an unknown error occurred, just like an HTTP 500 status code. */
1717
- generic = "generic",
1718
- /** Indicates that an error occured due to a request timing out. */
1719
- timeout = "timeout"
1720
- }
1721
- interface ThrownFormLevelErrorMeta {}
1640
+ /**
1641
+ * Used for displaying custom application-specific errors.
1642
+ *
1643
+ * Pass additional info in the `meta` property and consume it in using `thrownFormLevelErrorFormatter`.
1644
+ * Make sure to extend `ThrownFormLevelErrorMeta` via declaration merging.
1645
+ */
1646
+ application = "application",
1647
+ /** Indicates that an unknown error occurred, just like an HTTP 500 status code. */
1648
+ generic = "generic",
1649
+ /** Indicates that an error occured due to a request timing out. */
1650
+ timeout = "timeout"
1651
+ }
1652
+ interface ThrownFormLevelErrorMeta {
1653
+ }
1722
1654
  interface ThrownFormLevelError {
1723
- meta?: ThrownFormLevelErrorMeta;
1724
- type: ThrownFormLevelErrorType;
1655
+ meta?: ThrownFormLevelErrorMeta;
1656
+ type: ThrownFormLevelErrorType;
1725
1657
  }
1726
1658
  interface ThrownFormErrors {
1727
- fieldLevelErrors: ThrownFieldLevelError[];
1728
- formLevelErrors: ThrownFormLevelError[];
1659
+ fieldLevelErrors: ThrownFieldLevelError[];
1660
+ formLevelErrors: ThrownFormLevelError[];
1729
1661
  }
1730
1662
  interface ThrownFormLevelErrorFormatterOutput {
1731
- description: ReactNode;
1732
- iconProduct?: IconProductType;
1733
- title: ReactNode;
1663
+ description: ReactNode;
1664
+ iconProduct?: IconProductType;
1665
+ title: ReactNode;
1734
1666
  }
1735
1667
  type ThrownFieldLevelErrorFormatter = Formatter<ThrownFieldLevelError, ReactNode>;
1736
1668
  type ThrownFormLevelErrorFormatter = Formatter<ThrownFormLevelError, ReactNode | ThrownFormLevelErrorFormatterOutput>;
1737
1669
  interface ReCaptchaV3Config {
1738
- isEnabled: boolean;
1739
- isEnterprise: boolean;
1740
- siteKey: string;
1670
+ isEnabled: boolean;
1671
+ isEnterprise: boolean;
1672
+ siteKey: string;
1741
1673
  }
1742
1674
  declare enum CaptchaType {
1743
- reCaptchaV3 = "reCaptchaV3"
1675
+ reCaptchaV3 = "reCaptchaV3"
1744
1676
  }
1745
1677
  interface SubmitHandlerErrorInfo {
1746
- captchaToken?: string;
1747
- timings: {
1748
- captchaExecuteEnd?: number;
1749
- captchaExecuteStart?: number;
1750
- submitEnd?: number;
1751
- submitStart?: number;
1752
- };
1678
+ captchaToken?: string;
1679
+ timings: {
1680
+ captchaExecuteEnd?: number;
1681
+ captchaExecuteStart?: number;
1682
+ submitEnd?: number;
1683
+ submitStart?: number;
1684
+ };
1753
1685
  }
1754
1686
  interface FormConfig {
1755
- onSubmitHandlerError?: (error: unknown, errorInfo: SubmitHandlerErrorInfo) => void;
1756
- reCaptchaV3Config?: ReCaptchaV3Config;
1757
- resolveThrownFormErrors?: (error: unknown) => ThrownFormErrors;
1758
- thrownFieldLevelErrorFormatter?: ThrownFieldLevelErrorFormatter;
1759
- thrownFormLevelErrorFormatter?: ThrownFormLevelErrorFormatter;
1687
+ onSubmitHandlerError?: (error: unknown, errorInfo: SubmitHandlerErrorInfo) => void;
1688
+ reCaptchaV3Config?: ReCaptchaV3Config;
1689
+ resolveThrownFormErrors?: (error: unknown) => ThrownFormErrors;
1690
+ thrownFieldLevelErrorFormatter?: ThrownFieldLevelErrorFormatter;
1691
+ thrownFormLevelErrorFormatter?: ThrownFormLevelErrorFormatter;
1760
1692
  }
1761
1693
  interface SubmitHandlerExtraParam {
1762
- captchaToken?: string;
1694
+ captchaToken?: string;
1763
1695
  }
1764
1696
  type SubmitHandler<TFieldValues extends FieldValues> = (data: TFieldValues, extraParam: SubmitHandlerExtraParam, event?: BaseSyntheticEvent) => Promise<unknown> | unknown;
1765
- //#endregion
1766
- //#region src/components/formErrorOutcome/FormErrorOutcome.d.ts
1767
- interface FormErrorOutcomeProps extends DesignSystemBaseProps, Pick<FormConfig, 'thrownFormLevelErrorFormatter'> {}
1768
- declare const FormErrorOutcome: (props: FormErrorOutcomeProps) => import("react").JSX.Element | null;
1769
- //#endregion
1770
- //#region src/components/formErrorSummary/FormErrorSummary.d.ts
1697
+
1698
+ interface FormErrorOutcomeProps extends DesignSystemBaseProps, Pick<FormConfig, 'thrownFormLevelErrorFormatter'> {
1699
+ }
1700
+ declare const FormErrorOutcome: (props: FormErrorOutcomeProps) => react_jsx_runtime.JSX.Element | null;
1701
+
1771
1702
  interface FormErrorSummaryProps extends DesignSystemBaseProps {
1772
- order?: string[];
1773
- title?: ReactNode;
1703
+ order?: string[];
1704
+ title?: ReactNode;
1774
1705
  }
1775
- declare const FormErrorSummary: (props: FormErrorSummaryProps) => import("react").JSX.Element;
1776
- //#endregion
1777
- //#region src/components/formSuccessOutcome/FormSuccessOutcome.d.ts
1706
+ declare const FormErrorSummary: (props: FormErrorSummaryProps) => react_jsx_runtime.JSX.Element;
1707
+
1778
1708
  interface FormSuccessOutcomeProps extends DesignSystemBaseProps {
1779
- children: ReactNode;
1780
- onHide: () => void;
1781
- title: ReactNode;
1782
- visible: boolean;
1783
- }
1784
- declare const FormSuccessOutcome: (props: FormSuccessOutcomeProps) => import("react").JSX.Element;
1785
- //#endregion
1786
- //#region src/components/formSuccessOutcome/useFormSuccessOutcomeManager.d.ts
1787
- interface UseFormSuccessOutcomeManagerReturn {
1788
- formKey: Key;
1789
- formSuccessOutcomeProps: {
1709
+ children: ReactNode;
1790
1710
  onHide: () => void;
1711
+ title: ReactNode;
1791
1712
  visible: boolean;
1792
- };
1793
- onMutationSuccess: () => void;
1713
+ }
1714
+ declare const FormSuccessOutcome: (props: FormSuccessOutcomeProps) => react_jsx_runtime.JSX.Element;
1715
+
1716
+ interface UseFormSuccessOutcomeManagerReturn {
1717
+ formKey: Key;
1718
+ formSuccessOutcomeProps: {
1719
+ onHide: () => void;
1720
+ visible: boolean;
1721
+ };
1722
+ onMutationSuccess: () => void;
1794
1723
  }
1795
1724
  declare const useFormSuccessOutcomeManager: () => UseFormSuccessOutcomeManagerReturn;
1796
- //#endregion
1797
- //#region src/components/iconFlag/types.d.ts
1725
+
1798
1726
  declare enum IconFlagType {
1799
- cz = "cz",
1800
- eu = "eu",
1801
- hr = "hr",
1802
- usa = "usa"
1727
+ cz = "cz",
1728
+ eu = "eu",
1729
+ hr = "hr",
1730
+ usa = "usa"
1803
1731
  }
1804
- //#endregion
1805
- //#region src/components/iconFlag/IconFlag.d.ts
1732
+
1806
1733
  interface IconFlagProps {
1807
- type: IconFlagType;
1734
+ type: IconFlagType;
1808
1735
  }
1809
- declare const IconFlag: (props: IconFlagProps) => import("react").JSX.Element;
1810
- //#endregion
1811
- //#region src/components/infobox/types.d.ts
1736
+ declare const IconFlag: (props: IconFlagProps) => react_jsx_runtime.JSX.Element;
1737
+
1812
1738
  declare enum InfoboxVariant {
1813
- primary = "primary",
1814
- secondary = "secondary"
1739
+ primary = "primary",
1740
+ secondary = "secondary"
1815
1741
  }
1816
1742
  declare enum InfoboxSize {
1817
- md = "md",
1818
- sm = "sm",
1819
- xs = "xs"
1743
+ md = "md",
1744
+ sm = "sm",
1745
+ xs = "xs"
1820
1746
  }
1821
1747
  interface InfoboxTextContent {
1822
- primary: ReactNode;
1823
- secondary?: ReactNode;
1748
+ primary: ReactNode;
1749
+ secondary?: ReactNode;
1824
1750
  }
1825
- //#endregion
1826
- //#region src/components/infobox/Infobox.d.ts
1751
+
1827
1752
  interface InfoboxProps extends DesignSystemBaseProps, AriaAttributes {
1828
- /** Cannot be used alongside `children`. */
1829
- actionNode?: ReactNode;
1830
- children?: ReactNode;
1831
- /** In order to render a circular progress bar, `iconProduct` must be provided as well. */
1832
- circularProgress?: number;
1833
- className?: string;
1834
- fullWidth?: boolean;
1835
- iconProduct?: IconProductType;
1836
- id?: string;
1837
- isWarning?: boolean;
1838
- ref?: Ref<HTMLDivElement>;
1839
- role?: AriaRole;
1840
- size: InfoboxSize;
1841
- tabIndex?: number;
1842
- /** Cannot be used alongside `children`. */
1843
- textContent?: InfoboxTextContent;
1844
- variant: InfoboxVariant;
1845
- }
1846
- declare const Infobox: (props: InfoboxProps) => import("react").JSX.Element;
1847
- //#endregion
1848
- //#region src/components/inputLabel/types.d.ts
1753
+ /** Cannot be used alongside `children`. */
1754
+ actionNode?: ReactNode;
1755
+ children?: ReactNode;
1756
+ /** In order to render a circular progress bar, `iconProduct` must be provided as well. */
1757
+ circularProgress?: number;
1758
+ className?: string;
1759
+ fullWidth?: boolean;
1760
+ iconProduct?: IconProductType;
1761
+ id?: string;
1762
+ isWarning?: boolean;
1763
+ ref?: Ref<HTMLDivElement>;
1764
+ role?: AriaRole;
1765
+ size: InfoboxSize;
1766
+ tabIndex?: number;
1767
+ /** Cannot be used alongside `children`. */
1768
+ textContent?: InfoboxTextContent;
1769
+ variant: InfoboxVariant;
1770
+ }
1771
+ declare const Infobox: (props: InfoboxProps) => react_jsx_runtime.JSX.Element;
1772
+
1849
1773
  declare enum InputLabelSize {
1850
- xs = "xs",
1851
- sm = "sm",
1852
- md = "md",
1853
- lg = "lg"
1774
+ xs = "xs",
1775
+ sm = "sm",
1776
+ md = "md",
1777
+ lg = "lg"
1854
1778
  }
1855
- //#endregion
1856
- //#region src/components/inputLabel/InputLabel.d.ts
1779
+
1857
1780
  interface InputLabelProps extends DesignSystemBaseProps {
1858
- as?: ElementType;
1859
- /** Visually hidden text for screen readers, providing additional info, such as the availability of help under tooltip button. */
1860
- hiddenText?: string;
1861
- id?: string;
1862
- invalid?: boolean;
1863
- label?: ReactNode;
1864
- labelId?: string;
1865
- size?: InputLabelSize;
1866
- suffix?: ReactNode;
1867
- tooltip?: TooltipInfoDescriptor;
1868
- }
1869
- declare const InputLabel: (props: InputLabelProps) => import("react").JSX.Element;
1870
- //#endregion
1871
- //#region src/components/loader/types.d.ts
1781
+ as?: ElementType;
1782
+ /** Visually hidden text for screen readers, providing additional info, such as the availability of help under tooltip button. */
1783
+ hiddenText?: string;
1784
+ id?: string;
1785
+ invalid?: boolean;
1786
+ label?: ReactNode;
1787
+ labelId?: string;
1788
+ size?: InputLabelSize;
1789
+ suffix?: ReactNode;
1790
+ tooltip?: TooltipInfoDescriptor;
1791
+ }
1792
+ declare const InputLabel: (props: InputLabelProps) => react_jsx_runtime.JSX.Element;
1793
+
1872
1794
  declare enum LoaderSize {
1873
- lg = "lg",
1874
- sm = "sm"
1795
+ lg = "lg",
1796
+ sm = "sm"
1875
1797
  }
1876
- //#endregion
1877
- //#region src/components/loader/Loader.d.ts
1798
+
1878
1799
  interface LoaderProps extends DesignSystemBaseProps, AriaAttributes {
1879
- loaderSize: LoaderSize;
1880
- role?: AriaRole;
1800
+ loaderSize: LoaderSize;
1801
+ role?: AriaRole;
1881
1802
  }
1882
- declare const Loader: (props: LoaderProps) => import("react").JSX.Element;
1883
- //#endregion
1884
- //#region src/components/loaderOverlayBox/LoaderOverlayBox.d.ts
1803
+ declare const Loader: (props: LoaderProps) => react_jsx_runtime.JSX.Element;
1804
+
1885
1805
  interface LoaderOverlayBoxProps extends DesignSystemBaseProps, AriaAttributes {
1886
- loaderSize: LoaderSize;
1887
- role?: AriaRole;
1806
+ loaderSize: LoaderSize;
1807
+ role?: AriaRole;
1888
1808
  }
1889
- declare const LoaderOverlayBox: (props: LoaderOverlayBoxProps) => import("react").JSX.Element;
1890
- //#endregion
1891
- //#region src/components/maskedInputField/types.d.ts
1809
+ declare const LoaderOverlayBox: (props: LoaderOverlayBoxProps) => react_jsx_runtime.JSX.Element;
1810
+
1892
1811
  type MaskedInputOnAccept = (unmaskedValue: string, maskedValue: string) => void;
1893
- //#endregion
1894
- //#region src/components/maskedInputField/maskedInput/MaskedInputBase.d.ts
1812
+
1895
1813
  interface MaskedInputBaseProps extends InputBaseProps {
1896
- maskOptions: FactoryOpts;
1897
- onAccept?: MaskedInputOnAccept;
1814
+ maskOptions: FactoryOpts;
1815
+ onAccept?: MaskedInputOnAccept;
1898
1816
  }
1899
- declare const MaskedInputBase: (props: MaskedInputBaseProps) => import("react").JSX.Element;
1900
- //#endregion
1901
- //#region src/components/maskedInputField/maskedInput/MaskedInput.d.ts
1817
+ declare const MaskedInputBase: (props: MaskedInputBaseProps) => react_jsx_runtime.JSX.Element;
1818
+
1902
1819
  declare const MaskedInput: {
1903
- (props: FieldWrapperReservedProps & Omit<MaskedInputBaseProps, "label" | "note" | "tooltip" | "layout" | "errorMessage" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "hiddenHintText" | "hintText" | "optionality" | "successMessage">): import("react").JSX.Element;
1904
- displayName: string;
1820
+ (props: FieldWrapperReservedProps & Omit<MaskedInputBaseProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react_jsx_runtime.JSX.Element;
1821
+ displayName: string;
1905
1822
  };
1906
1823
  type MaskedInputProps = ComponentProps<typeof MaskedInput>;
1907
- //#endregion
1908
- //#region src/components/maskedInputField/MaskedInputField.d.ts
1824
+
1909
1825
  type ManagedMaskedInputProps = Pick<MaskedInputProps, 'errorMessage' | 'onAccept' | 'onBlur' | 'ref' | 'value'>;
1910
1826
  declare const withMaskedInputField: <TProps extends ManagedMaskedInputProps>(Component: ComponentType<TProps>) => <TFieldValues extends FieldValues>(props: TProps & {
1911
- name: FieldPath<TFieldValues>;
1912
- options?: RegisterOptions<TFieldValues>;
1913
- }) => import("react").JSX.Element;
1914
- declare const MaskedInputField: <TFieldValues extends FieldValues>(props: FieldWrapperReservedProps & Omit<MaskedInputBaseProps, "label" | "note" | "tooltip" | "layout" | "errorMessage" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "hiddenHintText" | "hintText" | "optionality" | "successMessage"> & {
1915
- name: import("react-hook-form").Path<TFieldValues>;
1916
- options?: RegisterOptions<TFieldValues> | undefined;
1917
- }) => import("react").JSX.Element;
1827
+ name: FieldPath<TFieldValues>;
1828
+ options?: RegisterOptions<TFieldValues>;
1829
+ }) => react_jsx_runtime.JSX.Element;
1830
+ declare const MaskedInputField: <TFieldValues extends FieldValues>(props: FieldWrapperReservedProps & Omit<MaskedInputBaseProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip"> & {
1831
+ name: react_hook_form.Path<TFieldValues>;
1832
+ options?: RegisterOptions<TFieldValues> | undefined;
1833
+ }) => react_jsx_runtime.JSX.Element;
1918
1834
  type MaskedInputFieldProps = ComponentProps<typeof MaskedInputField>;
1919
- //#endregion
1920
- //#region src/components/modal/types.d.ts
1835
+
1921
1836
  type ModalOnClose = (reasonForClosing: ReasonForClosing) => void;
1922
1837
  declare enum ModalWidthType {
1923
- default = "default",
1924
- narrow = "narrow",
1925
- narrowOnDesktopAndTablet = "narrowOnDesktopAndTablet"
1838
+ default = "default",
1839
+ narrow = "narrow",
1840
+ narrowOnDesktopAndTablet = "narrowOnDesktopAndTablet"
1926
1841
  }
1927
1842
  declare enum ModalVerticalPosition {
1928
- centerOnTablet = "centerOnTablet",
1929
- default = "default"
1843
+ centerOnTablet = "centerOnTablet",
1844
+ default = "default"
1930
1845
  }
1931
1846
  declare enum ReasonForClosing {
1932
- closeButton = "closeButton",
1933
- esc = "esc",
1934
- overlay = "overlay"
1847
+ closeButton = "closeButton",
1848
+ esc = "esc",
1849
+ overlay = "overlay"
1935
1850
  }
1936
- //#endregion
1937
- //#region src/components/modal/Modal.d.ts
1851
+
1938
1852
  interface ModalProps extends DesignSystemBaseProps {
1939
- children: ReactNode;
1940
- className?: string;
1941
- closeButtonAriaLabel?: string;
1942
- hideCloseButton: boolean;
1943
- id?: string;
1944
- isOpen: boolean;
1945
- onClose: ModalOnClose;
1946
- /** When a string is passed, `Modal` will search for an element with such `id`, otherwise create one. */
1947
- rootElement?: Element | string;
1948
- title?: ReactNode;
1949
- verticalPosition?: ModalVerticalPosition;
1950
- widthType?: ModalWidthType;
1951
- withoutPadding?: boolean;
1952
- }
1953
- declare const Modal: (props: ModalProps) => import("react").ReactPortal | null;
1954
- //#endregion
1955
- //#region src/components/numberInputField/numberInput/NumberInput.d.ts
1853
+ children: ReactNode;
1854
+ className?: string;
1855
+ closeButtonAriaLabel?: string;
1856
+ hideCloseButton: boolean;
1857
+ id?: string;
1858
+ isOpen: boolean;
1859
+ onClose: ModalOnClose;
1860
+ /** When a string is passed, `Modal` will search for an element with such `id`, otherwise create one. */
1861
+ rootElement?: Element | string;
1862
+ title?: ReactNode;
1863
+ verticalPosition?: ModalVerticalPosition;
1864
+ widthType?: ModalWidthType;
1865
+ withoutPadding?: boolean;
1866
+ }
1867
+ declare const Modal: (props: ModalProps) => react.ReactPortal | null;
1868
+
1956
1869
  interface NumberInputProps extends Omit<MaskedInputProps, 'maskOptions'> {
1957
- allowNegative?: boolean;
1958
- decimalPlaces?: number;
1959
- integerPlaces?: number;
1960
- maskOptions?: FactoryOpts;
1961
- }
1962
- declare const NumberInput: (props: NumberInputProps) => import("react").JSX.Element;
1963
- //#endregion
1964
- //#region src/components/numberInputField/NumberInputField.d.ts
1965
- declare const NumberInputField: <TFieldValues extends import("react-hook-form").FieldValues>(props: NumberInputProps & {
1966
- name: import("react-hook-form").Path<TFieldValues>;
1967
- options?: import("react-hook-form").RegisterOptions<TFieldValues> | undefined;
1968
- }) => import("react").JSX.Element;
1870
+ allowNegative?: boolean;
1871
+ decimalPlaces?: number;
1872
+ integerPlaces?: number;
1873
+ maskOptions?: FactoryOpts;
1874
+ }
1875
+ declare const NumberInput: (props: NumberInputProps) => react_jsx_runtime.JSX.Element;
1876
+
1877
+ declare const NumberInputField: <TFieldValues extends react_hook_form.FieldValues>(props: NumberInputProps & {
1878
+ name: react_hook_form.Path<TFieldValues>;
1879
+ options?: react_hook_form.RegisterOptions<TFieldValues> | undefined;
1880
+ }) => react_jsx_runtime.JSX.Element;
1969
1881
  type NumberInputFieldProps = ComponentProps<typeof NumberInputField>;
1970
- //#endregion
1971
- //#region src/components/paper/types.d.ts
1882
+
1972
1883
  declare enum PaperShadow {
1973
- lg = "lg",
1974
- md = "md",
1975
- sm = "sm"
1884
+ lg = "lg",
1885
+ md = "md",
1886
+ sm = "sm"
1976
1887
  }
1977
- //#endregion
1978
- //#region src/components/paper/Paper.d.ts
1888
+
1979
1889
  interface PaperProps extends DesignSystemBaseProps, SsrProps, AriaAttributes {
1980
- as?: ElementType;
1981
- children: ReactNode;
1982
- className?: string;
1983
- id?: string;
1984
- overflow?: Overflow;
1985
- padding?: Spacing;
1986
- ref?: Ref<HTMLDivElement>;
1987
- role?: AriaRole;
1988
- shadow?: PaperShadow;
1989
- tabIndex?: number;
1990
- }
1991
- declare const Paper: (props: PaperProps) => import("react").JSX.Element;
1992
- //#endregion
1993
- //#region src/components/phoneInputField/phoneInput/PhoneInput.d.ts
1890
+ as?: ElementType;
1891
+ children: ReactNode;
1892
+ className?: string;
1893
+ id?: string;
1894
+ overflow?: Overflow;
1895
+ padding?: Spacing;
1896
+ ref?: Ref<HTMLDivElement>;
1897
+ role?: AriaRole;
1898
+ shadow?: PaperShadow;
1899
+ tabIndex?: number;
1900
+ }
1901
+ declare const Paper: (props: PaperProps) => react_jsx_runtime.JSX.Element;
1902
+
1994
1903
  interface PhoneInputProps extends Omit<MaskedInputProps, 'maskOptions'> {
1995
- maskOptions?: FactoryOpts;
1996
- prefixColor?: Property.Color;
1997
- }
1998
- declare const PhoneInput: (props: PhoneInputProps) => import("react").JSX.Element;
1999
- //#endregion
2000
- //#region src/components/phoneInputField/PhoneInputField.d.ts
2001
- declare const PhoneInputField: <TFieldValues extends import("react-hook-form").FieldValues>(props: PhoneInputProps & {
2002
- name: import("react-hook-form").Path<TFieldValues>;
2003
- options?: import("react-hook-form").RegisterOptions<TFieldValues> | undefined;
2004
- }) => import("react").JSX.Element;
1904
+ maskOptions?: FactoryOpts;
1905
+ prefixColor?: Property.Color;
1906
+ }
1907
+ declare const PhoneInput: (props: PhoneInputProps) => react_jsx_runtime.JSX.Element;
1908
+
1909
+ declare const PhoneInputField: <TFieldValues extends react_hook_form.FieldValues>(props: PhoneInputProps & {
1910
+ name: react_hook_form.Path<TFieldValues>;
1911
+ options?: react_hook_form.RegisterOptions<TFieldValues> | undefined;
1912
+ }) => react_jsx_runtime.JSX.Element;
2005
1913
  type PhoneInputFieldProps = ComponentProps<typeof PhoneInputField>;
2006
- //#endregion
2007
- //#region src/components/progressPaper/progressStepper/ProgressStepper.d.ts
1914
+
2008
1915
  interface ProgressDefinition extends AriaAttributes {
2009
- activeStepIndex: number;
2010
- /**
2011
- * Accessible label for the progress bar, e.g. "Step progress".
2012
- * Maps directly to the native `aria-label` attribute.
2013
- */
2014
- 'aria-label'?: string;
2015
- /**
2016
- * Maximum value for the progress bar.
2017
- * Defaults to `numberOfSteps`.
2018
- */
2019
- 'aria-valuemax'?: number;
2020
- /**
2021
- * Minimum value for the progress bar.
2022
- * Defaults to `1`.
2023
- */
2024
- 'aria-valuemin'?: number;
2025
- /**
2026
- * Current value for the progress bar.
2027
- * Defaults to `activeStepIndex + 1`.
2028
- */
2029
- 'aria-valuenow'?: number;
2030
- /**
2031
- * Accessible text describing the current progress value, e.g. "Step 3 of 5".
2032
- * Maps directly to the native `aria-valuetext` attribute.
2033
- */
2034
- 'aria-valuetext'?: string;
2035
- numberOfSteps: number;
2036
- role?: AriaRole;
2037
- }
2038
- //#endregion
2039
- //#region src/components/progressPaper/ProgressPaper.d.ts
1916
+ activeStepIndex: number;
1917
+ /**
1918
+ * Accessible label for the progress bar, e.g. "Step progress".
1919
+ * Maps directly to the native `aria-label` attribute.
1920
+ */
1921
+ 'aria-label'?: string;
1922
+ /**
1923
+ * Maximum value for the progress bar.
1924
+ * Defaults to `numberOfSteps`.
1925
+ */
1926
+ 'aria-valuemax'?: number;
1927
+ /**
1928
+ * Minimum value for the progress bar.
1929
+ * Defaults to `1`.
1930
+ */
1931
+ 'aria-valuemin'?: number;
1932
+ /**
1933
+ * Current value for the progress bar.
1934
+ * Defaults to `activeStepIndex + 1`.
1935
+ */
1936
+ 'aria-valuenow'?: number;
1937
+ /**
1938
+ * Accessible text describing the current progress value, e.g. "Step 3 of 5".
1939
+ * Maps directly to the native `aria-valuetext` attribute.
1940
+ */
1941
+ 'aria-valuetext'?: string;
1942
+ numberOfSteps: number;
1943
+ role?: AriaRole;
1944
+ }
1945
+
2040
1946
  interface ProgressPaperProps extends PaperProps, SsrProps {
2041
- progressDefinition: ProgressDefinition;
1947
+ progressDefinition: ProgressDefinition;
2042
1948
  }
2043
- declare const ProgressPaper: (props: ProgressPaperProps) => import("react").JSX.Element;
2044
- //#endregion
2045
- //#region src/components/radioField/types.d.ts
1949
+ declare const ProgressPaper: (props: ProgressPaperProps) => react_jsx_runtime.JSX.Element;
1950
+
2046
1951
  declare enum RadioPosition {
2047
- left = "left",
2048
- right = "right"
1952
+ left = "left",
1953
+ right = "right"
2049
1954
  }
2050
1955
  interface RadioGeneralProps extends AriaAttributes {
2051
- checked?: boolean;
2052
- disabled?: boolean;
2053
- id?: string;
2054
- invalid?: boolean;
2055
- name: string;
2056
- onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
2057
- onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
2058
- role?: AriaRole;
2059
- value: string;
2060
- }
2061
- //#endregion
2062
- //#region src/components/radioButtonField/types.d.ts
1956
+ checked?: boolean;
1957
+ disabled?: boolean;
1958
+ id?: string;
1959
+ invalid?: boolean;
1960
+ name: string;
1961
+ onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
1962
+ onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
1963
+ role?: AriaRole;
1964
+ value: string;
1965
+ }
1966
+
2063
1967
  interface RadioButtonLabel {
2064
- main: ReactElement | string;
2065
- top?: ReactElement | string | undefined;
1968
+ main: ReactElement | string;
1969
+ top?: ReactElement | string | undefined;
2066
1970
  }
2067
- //#endregion
2068
- //#region src/components/radioButtonField/radioButton/RadioButton.d.ts
1971
+
2069
1972
  interface RadioButtonProps extends RadioGeneralProps, DesignSystemBaseProps {
2070
- errorMessage?: ReactElement | string | undefined;
2071
- label: RadioButtonLabel;
2072
- ref?: Ref<HTMLInputElement>;
1973
+ errorMessage?: ReactElement | string | undefined;
1974
+ label: RadioButtonLabel;
1975
+ ref?: Ref<HTMLInputElement>;
2073
1976
  }
2074
- declare const RadioButton: (props: RadioButtonProps) => import("react").JSX.Element;
2075
- //#endregion
2076
- //#region src/components/radioButtonField/RadioButtonField.d.ts
1977
+ declare const RadioButton: (props: RadioButtonProps) => react_jsx_runtime.JSX.Element;
1978
+
2077
1979
  interface RadioButtonFieldProps extends Omit<RadioButtonProps, 'onChange'> {
2078
- name: string;
2079
- options?: RegisterOptions;
1980
+ name: string;
1981
+ options?: RegisterOptions;
2080
1982
  }
2081
- declare const RadioButtonField: (props: RadioButtonFieldProps) => import("react").JSX.Element;
2082
- //#endregion
2083
- //#region src/components/radioButtonGroupField/types.d.ts
1983
+ declare const RadioButtonField: (props: RadioButtonFieldProps) => react_jsx_runtime.JSX.Element;
1984
+
2084
1985
  interface RadioButtonGroupItem extends AriaAttributes {
2085
- id?: string;
2086
- label: RadioButtonLabel;
2087
- role?: AriaRole;
2088
- value: string;
1986
+ id?: string;
1987
+ label: RadioButtonLabel;
1988
+ role?: AriaRole;
1989
+ value: string;
2089
1990
  }
2090
1991
  declare enum RadioButtonGroupLayout {
2091
- flex = "flex",
2092
- grid = "grid",
2093
- /** Special layout ensuring that single item is not stretched to full width alone.
2094
- * If there is only one or two items, they are displayed in 3-column layout.
2095
- * Works only up to 6 items; if there are more, it behaves like `flex`.
2096
- */
2097
- smartGrid = "smartGrid"
2098
- }
2099
- //#endregion
2100
- //#region src/components/radioButtonGroupField/radioButtonGroupControl/RadioButtonGroupControl.d.ts
1992
+ flex = "flex",
1993
+ grid = "grid",
1994
+ /** Special layout ensuring that single item is not stretched to full width alone.
1995
+ * If there is only one or two items, they are displayed in 3-column layout.
1996
+ * Works only up to 6 items; if there are more, it behaves like `flex`.
1997
+ */
1998
+ smartGrid = "smartGrid"
1999
+ }
2000
+
2101
2001
  interface RadioButtonGroupControlProps extends DesignSystemBaseProps, FieldControlProps {
2102
- buttonsLayout?: RadioButtonGroupLayout;
2103
- controlWidth?: Property.Width;
2104
- disabled?: boolean;
2105
- gridColumns?: number;
2106
- itemMinWidth?: Property.Width;
2107
- items: RadioButtonGroupItem[];
2108
- name: string;
2109
- onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
2110
- onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2111
- ref?: Ref<HTMLInputElement>;
2112
- value?: string;
2113
- }
2114
- declare const RadioButtonGroupControl: (props: RadioButtonGroupControlProps) => import("react").JSX.Element;
2115
- //#endregion
2116
- //#region src/components/radioButtonGroupField/radioButtonGroup/RadioButtonGroup.d.ts
2002
+ buttonsLayout?: RadioButtonGroupLayout;
2003
+ controlWidth?: Property.Width;
2004
+ disabled?: boolean;
2005
+ gridColumns?: number;
2006
+ itemMinWidth?: Property.Width;
2007
+ items: RadioButtonGroupItem[];
2008
+ name: string;
2009
+ onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
2010
+ onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2011
+ ref?: Ref<HTMLInputElement>;
2012
+ value?: string;
2013
+ }
2014
+ declare const RadioButtonGroupControl: (props: RadioButtonGroupControlProps) => react_jsx_runtime.JSX.Element;
2015
+
2117
2016
  declare const RadioButtonGroupBase: {
2118
- (props: FieldWrapperReservedProps & Omit<RadioButtonGroupControlProps, "label" | "note" | "tooltip" | "layout" | "errorMessage" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "hiddenHintText" | "hintText" | "optionality" | "successMessage">): import("react").JSX.Element;
2119
- displayName: string;
2017
+ (props: FieldWrapperReservedProps & Omit<RadioButtonGroupControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react_jsx_runtime.JSX.Element;
2018
+ displayName: string;
2120
2019
  };
2121
- declare const RadioButtonGroup: (props: ComponentProps<typeof RadioButtonGroupBase>) => import("react").JSX.Element;
2020
+ declare const RadioButtonGroup: (props: ComponentProps<typeof RadioButtonGroupBase>) => react_jsx_runtime.JSX.Element;
2122
2021
  type RadioButtonGroupProps = ComponentProps<typeof RadioButtonGroup>;
2123
- //#endregion
2124
- //#region src/components/radioButtonGroupField/RadioButtonGroupField.d.ts
2022
+
2125
2023
  interface RadioButtonGroupFieldProps extends Omit<RadioButtonGroupProps, 'onBlur' | 'onChange' | 'value'> {
2126
- name: string;
2127
- options?: RegisterOptions;
2024
+ name: string;
2025
+ options?: RegisterOptions;
2128
2026
  }
2129
- declare const RadioButtonGroupField: (props: RadioButtonGroupFieldProps) => import("react").JSX.Element;
2130
- //#endregion
2131
- //#region src/components/radioField/radioControl/RadioControl.d.ts
2027
+ declare const RadioButtonGroupField: (props: RadioButtonGroupFieldProps) => react_jsx_runtime.JSX.Element;
2028
+
2132
2029
  interface RadioControlProps extends DesignSystemBaseProps, RadioGeneralProps {
2133
- ref?: Ref<HTMLInputElement>;
2030
+ ref?: Ref<HTMLInputElement>;
2134
2031
  }
2135
- declare const RadioControl: (props: RadioControlProps) => import("react").JSX.Element;
2136
- //#endregion
2137
- //#region src/components/radioField/radio/Radio.d.ts
2032
+ declare const RadioControl: (props: RadioControlProps) => react_jsx_runtime.JSX.Element;
2033
+
2138
2034
  interface RadioProps extends RadioControlProps, InputLabelPassthroughProps, DesignSystemBaseProps {
2139
- errorMessage?: ReactNode;
2140
- labelColor?: string;
2141
- position?: RadioPosition;
2142
- tooltipPosition?: LabelTooltipPosition;
2143
- }
2144
- declare const Radio: (props: RadioProps) => import("react").JSX.Element;
2145
- //#endregion
2146
- //#region src/components/radioField/RadioField.d.ts
2035
+ errorMessage?: ReactNode;
2036
+ labelColor?: string;
2037
+ position?: RadioPosition;
2038
+ tooltipPosition?: LabelTooltipPosition;
2039
+ }
2040
+ declare const Radio: (props: RadioProps) => react_jsx_runtime.JSX.Element;
2041
+
2147
2042
  interface RadioFieldProps extends Omit<RadioProps, 'onChange'> {
2148
- name: string;
2149
- options?: RegisterOptions;
2043
+ name: string;
2044
+ options?: RegisterOptions;
2150
2045
  }
2151
- declare const RadioField: (props: RadioFieldProps) => import("react").JSX.Element;
2152
- //#endregion
2153
- //#region src/components/radioGroupField/types.d.ts
2046
+ declare const RadioField: (props: RadioFieldProps) => react_jsx_runtime.JSX.Element;
2047
+
2154
2048
  interface RadioGroupItem extends InputLabelPassthroughProps, AriaAttributes {
2155
- id?: string;
2156
- role?: AriaRole;
2157
- value: string;
2049
+ id?: string;
2050
+ role?: AriaRole;
2051
+ value: string;
2158
2052
  }
2159
2053
  declare enum RadioGroupDirection {
2160
- column = "column",
2161
- columnReverse = "columnReverse",
2162
- row = "row",
2163
- rowReverse = "rowReverse"
2054
+ column = "column",
2055
+ columnReverse = "columnReverse",
2056
+ row = "row",
2057
+ rowReverse = "rowReverse"
2164
2058
  }
2165
- //#endregion
2166
- //#region src/components/radioGroupField/radioGroupControl/RadioGroupControl.d.ts
2059
+
2167
2060
  interface RadioGroupControlProps extends FieldControlProps, DesignSystemBaseProps {
2168
- columnGap?: Spacing;
2169
- controlWidth?: Property.Width;
2170
- direction: RadioGroupDirection;
2171
- disabled?: boolean;
2172
- itemMinWidth?: Property.Width;
2173
- items: RadioGroupItem[];
2174
- name: string;
2175
- onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
2176
- onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2177
- ref?: Ref<HTMLInputElement>;
2178
- rowGap?: Spacing;
2179
- value?: string;
2180
- }
2181
- declare const RadioGroupControl: (props: RadioGroupControlProps) => import("react").JSX.Element;
2182
- //#endregion
2183
- //#region src/components/radioGroupField/radioGroup/RadioGroup.d.ts
2061
+ columnGap?: Spacing;
2062
+ controlWidth?: Property.Width;
2063
+ direction: RadioGroupDirection;
2064
+ disabled?: boolean;
2065
+ itemMinWidth?: Property.Width;
2066
+ items: RadioGroupItem[];
2067
+ name: string;
2068
+ onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
2069
+ onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
2070
+ ref?: Ref<HTMLInputElement>;
2071
+ rowGap?: Spacing;
2072
+ value?: string;
2073
+ }
2074
+ declare const RadioGroupControl: (props: RadioGroupControlProps) => react_jsx_runtime.JSX.Element;
2075
+
2184
2076
  declare const RadioGroupBase: {
2185
- (props: FieldWrapperReservedProps & Omit<RadioGroupControlProps, "label" | "note" | "tooltip" | "layout" | "errorMessage" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "hiddenHintText" | "hintText" | "optionality" | "successMessage">): import("react").JSX.Element;
2186
- displayName: string;
2077
+ (props: FieldWrapperReservedProps & Omit<RadioGroupControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react_jsx_runtime.JSX.Element;
2078
+ displayName: string;
2187
2079
  };
2188
- declare const RadioGroup: (props: ComponentProps<typeof RadioGroupBase>) => import("react").JSX.Element;
2080
+ declare const RadioGroup: (props: ComponentProps<typeof RadioGroupBase>) => react_jsx_runtime.JSX.Element;
2189
2081
  type RadioGroupProps = ComponentProps<typeof RadioGroup>;
2190
- //#endregion
2191
- //#region src/components/radioGroupField/RadioGroupField.d.ts
2082
+
2192
2083
  interface RadioGroupFieldProps extends Omit<RadioGroupProps, 'onBlur' | 'onChange' | 'value'> {
2193
- name: string;
2194
- options?: RegisterOptions;
2084
+ name: string;
2085
+ options?: RegisterOptions;
2195
2086
  }
2196
- declare const RadioGroupField: (props: RadioGroupFieldProps) => import("react").JSX.Element;
2197
- //#endregion
2198
- //#region src/components/searchInput/SearchInput.d.ts
2087
+ declare const RadioGroupField: (props: RadioGroupFieldProps) => react_jsx_runtime.JSX.Element;
2088
+
2199
2089
  interface SearchInputControlProps extends InputProps {
2200
- buttonAction?: () => void;
2201
- buttonText?: ReactNode;
2202
- invalid?: boolean;
2203
- placeholder?: string;
2090
+ buttonAction?: () => void;
2091
+ buttonText?: ReactNode;
2092
+ invalid?: boolean;
2093
+ placeholder?: string;
2204
2094
  }
2205
2095
  declare const SearchInput: {
2206
- (props: FieldWrapperReservedProps & Omit<SearchInputControlProps, "label" | "note" | "tooltip" | "layout" | "errorMessage" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "hiddenHintText" | "hintText" | "optionality" | "successMessage">): import("react").JSX.Element;
2207
- displayName: string;
2096
+ (props: FieldWrapperReservedProps & Omit<SearchInputControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react_jsx_runtime.JSX.Element;
2097
+ displayName: string;
2208
2098
  };
2209
2099
  type SearchInputProps = ComponentProps<typeof SearchInput>;
2210
- //#endregion
2211
- //#region src/components/selectField/types.d.ts
2100
+
2212
2101
  declare enum SelectVariant {
2213
- inputLike = "inputLike",
2214
- text = "text"
2102
+ inputLike = "inputLike",
2103
+ text = "text"
2215
2104
  }
2216
2105
  declare enum SelectItemOrderSource {
2217
- formatter = "formatter",
2218
- value = "value"
2106
+ formatter = "formatter",
2107
+ value = "value"
2219
2108
  }
2220
2109
  interface SelectItemOrder {
2221
- compareFn?: (a: unknown, b: unknown) => number;
2222
- source: SelectItemOrderSource;
2110
+ compareFn?: (a: unknown, b: unknown) => number;
2111
+ source: SelectItemOrderSource;
2223
2112
  }
2224
2113
  type SelectItem = boolean | number | object | string | null;
2225
- //#endregion
2226
- //#region src/components/selectField/selectControl/SelectControl.d.ts
2114
+
2227
2115
  interface SelectControlProps<TItem extends SelectItem> extends FieldControlProps, DesignSystemBaseProps {
2228
- ariaLabel?: string;
2229
- disabled?: boolean;
2230
- formatter?: Formatter<TItem, ReactNode>;
2231
- getItemKey?: (item: TItem | null) => number | string;
2232
- iconSystem?: IconSystemType;
2233
- id?: string;
2234
- itemOrder?: SelectItemOrder;
2235
- items: TItem[];
2236
- nilMessage?: string;
2237
- onBlur?: FocusEventHandler<HTMLDivElement>;
2238
- onChange: (item: TItem | null) => void;
2239
- ref?: Ref<HTMLDivElement>;
2240
- value: TItem | null;
2241
- variant?: SelectVariant;
2242
- }
2243
- declare const SelectControl: <TItem extends SelectItem>(props: SelectControlProps<TItem>) => import("react").JSX.Element;
2244
- //#endregion
2245
- //#region src/components/selectField/select/Select.d.ts
2116
+ ariaLabel?: string;
2117
+ disabled?: boolean;
2118
+ formatter?: Formatter<TItem, ReactNode>;
2119
+ getItemKey?: (item: TItem | null) => number | string;
2120
+ iconSystem?: IconSystemType;
2121
+ id?: string;
2122
+ itemOrder?: SelectItemOrder;
2123
+ items: TItem[];
2124
+ nilMessage?: string;
2125
+ onBlur?: FocusEventHandler<HTMLDivElement>;
2126
+ onChange: (item: TItem | null) => void;
2127
+ ref?: Ref<HTMLDivElement>;
2128
+ value: TItem | null;
2129
+ variant?: SelectVariant;
2130
+ }
2131
+ declare const SelectControl: <TItem extends SelectItem>(props: SelectControlProps<TItem>) => react_jsx_runtime.JSX.Element;
2132
+
2246
2133
  type SelectProps<TItem extends SelectItem> = FieldWrapperReservedProps & SelectControlProps<TItem>;
2247
2134
  declare const Select: <TItem extends SelectItem>(props: SelectProps<TItem>) => ReactElement;
2248
- //#endregion
2249
- //#region src/components/selectField/SelectField.d.ts
2135
+
2250
2136
  interface SelectFieldProps<TItem extends SelectItem> extends Omit<SelectProps<TItem>, 'onChange' | 'value'> {
2251
- defaultValue?: TItem | null;
2252
- name: string;
2253
- options?: RegisterOptions;
2254
- shouldResetInvalidValues?: boolean;
2255
- }
2256
- declare const SelectField: <TItem extends SelectItem>(props: SelectFieldProps<TItem>) => import("react").JSX.Element;
2257
- //#endregion
2258
- //#region src/components/sliderInputField/types.d.ts
2137
+ defaultValue?: TItem | null;
2138
+ name: string;
2139
+ options?: RegisterOptions;
2140
+ shouldResetInvalidValues?: boolean;
2141
+ }
2142
+ declare const SelectField: <TItem extends SelectItem>(props: SelectFieldProps<TItem>) => react_jsx_runtime.JSX.Element;
2143
+
2259
2144
  declare enum SliderInputRoundingType {
2260
- ceilBySteps = "ceilBySteps",
2261
- ceilToThousands = "ceilToThousands",
2262
- floorBySteps = "floorBySteps",
2263
- floorToThousands = "floorToThousands",
2264
- roundBySteps = "roundBySteps",
2265
- roundToThousands = "roundToThousands"
2145
+ ceilBySteps = "ceilBySteps",
2146
+ ceilToThousands = "ceilToThousands",
2147
+ floorBySteps = "floorBySteps",
2148
+ floorToThousands = "floorToThousands",
2149
+ roundBySteps = "roundBySteps",
2150
+ roundToThousands = "roundToThousands"
2266
2151
  }
2152
+
2267
2153
  interface SliderBreakpoint {
2268
- bottomBreakpoint: number;
2269
- step: number;
2154
+ bottomBreakpoint: number;
2155
+ step: number;
2270
2156
  }
2271
2157
  interface SliderSteps {
2272
- baseStep: number;
2273
- breakpointList: SliderBreakpoint[];
2158
+ baseStep: number;
2159
+ breakpointList: SliderBreakpoint[];
2274
2160
  }
2275
2161
  declare enum SliderStepType {
2276
- visuallyLinearByValue = "visuallyLinearByValue",
2277
- visuallySameStepSize = "visuallySameStepSize"
2162
+ visuallyLinearByValue = "visuallyLinearByValue",
2163
+ visuallySameStepSize = "visuallySameStepSize"
2278
2164
  }
2279
2165
  interface SliderMinMaxLabels {
2280
- max: ReactElement | string;
2281
- min: ReactElement | string;
2166
+ max: ReactElement | string;
2167
+ min: ReactElement | string;
2282
2168
  }
2283
2169
  interface SliderAriaValueTextFormatterContext {
2284
- clampMax?: number;
2285
- clampMin?: number;
2170
+ clampMax?: number;
2171
+ clampMin?: number;
2286
2172
  }
2287
2173
  type SliderAriaValueTextFormatter = Formatter<number, string, SliderAriaValueTextFormatterContext>;
2288
2174
  interface SliderInputLimitExceededLiveTextFormatterContext {
2289
- clampMax?: number;
2290
- clampMin?: number;
2291
- effectiveMax: number;
2292
- effectiveMin: number;
2293
- max: number;
2294
- min: number;
2295
- oldValue: number;
2175
+ clampMax?: number;
2176
+ clampMin?: number;
2177
+ effectiveMax: number;
2178
+ effectiveMin: number;
2179
+ max: number;
2180
+ min: number;
2181
+ oldValue: number;
2296
2182
  }
2297
2183
  type SliderInputLimitExceededLiveTextFormatter = Formatter<number, string, SliderInputLimitExceededLiveTextFormatterContext>;
2298
- //#endregion
2299
- //#region src/components/sliderInputField/sliderInput/SliderInput.d.ts
2184
+
2300
2185
  interface SliderInputProps extends DesignSystemBaseProps, InputLabelPassthroughProps {
2301
- ariaLabelForHandle?: string;
2302
- ariaLabelledByForHandle?: string;
2303
- ariaValueTextFormatter?: SliderAriaValueTextFormatter;
2304
- /** The maximum value that the slider can be moved to. Even if the visible range allows higher values, the thumb cannot go above this limit. */
2305
- clampMax?: number;
2306
- /** The minimum value that the slider can be moved to. Even if the visible range allows lower values, the thumb cannot go below this limit. */
2307
- clampMin?: number;
2308
- colorInput?: string;
2309
- disabled?: boolean;
2310
- hintText?: ReactElement | string;
2311
- id?: string;
2312
- inputLimitExceededLiveTextFormatter?: SliderInputLimitExceededLiveTextFormatter;
2313
- inputNote?: ReactElement | string;
2314
- inputRoundingType?: SliderInputRoundingType;
2315
- invalid?: boolean;
2316
- isInputHidden?: boolean;
2317
- max: number;
2318
- min: number;
2319
- minMaxLabels?: SliderMinMaxLabels;
2320
- name: string;
2321
- /**
2322
- * Callback triggered when either the input field or the slider thumb loses focus.
2323
- */
2324
- onBlur?: () => void;
2325
- /**
2326
- * Callback triggered after the value is finalized, either by completing slider movement or by finalizing input (onBlur or Enter).
2327
- */
2328
- onChange?: (value: number) => void;
2329
- /**
2330
- * Callback triggered on every change in the input field, before the user blurs the field or presses Enter.
2331
- * It is also called after completing slider movement or finalizing input (on Enter orBlur),
2332
- * if the value needs to be adjusted (e.g., clamped to max if it exceeds the allowed maximum).
2333
- */
2334
- onInputChange?: (value: string) => void;
2335
- /**
2336
- * Callback triggered on every slider value change during movement (e.g., while dragging the thumb).
2337
- * Also called when the value is finalized via input (onBlur or Enter).
2338
- * Useful when another slider or component should react immediately to this slider’s changes.
2339
- */
2340
- onSliderChange?: (value: number) => void;
2341
- prefix?: ReactNode;
2342
- ref?: Ref<HTMLInputElement>;
2343
- steps: SliderSteps;
2344
- stepType: SliderStepType;
2345
- suffix?: ReactNode;
2346
- value: number;
2347
- weight?: FontWeight;
2186
+ ariaLabelForHandle?: string;
2187
+ ariaLabelledByForHandle?: string;
2188
+ ariaValueTextFormatter?: SliderAriaValueTextFormatter;
2189
+ /** The maximum value that the slider can be moved to. Even if the visible range allows higher values, the thumb cannot go above this limit. */
2190
+ clampMax?: number;
2191
+ /** The minimum value that the slider can be moved to. Even if the visible range allows lower values, the thumb cannot go below this limit. */
2192
+ clampMin?: number;
2193
+ colorInput?: string;
2194
+ /**
2195
+ * Number of decimal places permitted in the input mask. When greater than `0`, the slider value
2196
+ * is automatically rounded to this precision before being emitted via `onChange` / `onSliderChange`.
2197
+ * @default 0
2198
+ */
2199
+ decimalPlaces?: number;
2200
+ disabled?: boolean;
2201
+ hintText?: ReactElement | string;
2202
+ id?: string;
2203
+ inputLimitExceededLiveTextFormatter?: SliderInputLimitExceededLiveTextFormatter;
2204
+ inputNote?: ReactElement | string;
2205
+ inputRoundingType?: SliderInputRoundingType;
2206
+ invalid?: boolean;
2207
+ isInputHidden?: boolean;
2208
+ max: number;
2209
+ min: number;
2210
+ minMaxLabels?: SliderMinMaxLabels;
2211
+ name: string;
2212
+ /**
2213
+ * Callback triggered when either the input field or the slider thumb loses focus.
2214
+ */
2215
+ onBlur?: () => void;
2216
+ /**
2217
+ * Callback triggered after the value is finalized, either by completing slider movement or by finalizing input (onBlur or Enter).
2218
+ */
2219
+ onChange?: (value: number) => void;
2220
+ /**
2221
+ * Callback triggered on every change in the input field, before the user blurs the field or presses Enter.
2222
+ * It is also called after completing slider movement or finalizing input (on Enter orBlur),
2223
+ * if the value needs to be adjusted (e.g., clamped to max if it exceeds the allowed maximum).
2224
+ */
2225
+ onInputChange?: (value: string) => void;
2226
+ /**
2227
+ * Callback triggered on every slider value change during movement (e.g., while dragging the thumb).
2228
+ * Also called when the value is finalized via input (onBlur or Enter).
2229
+ * Useful when another slider or component should react immediately to this slider’s changes.
2230
+ */
2231
+ onSliderChange?: (value: number) => void;
2232
+ prefix?: ReactNode;
2233
+ ref?: Ref<HTMLInputElement>;
2234
+ steps: SliderSteps;
2235
+ stepType: SliderStepType;
2236
+ suffix?: ReactNode;
2237
+ value: number;
2238
+ weight?: FontWeight;
2348
2239
  }
2349
2240
  /**
2350
2241
  * The `SliderInput` component triggers the `onChange` callback only after the user either:
@@ -2360,442 +2251,409 @@ interface SliderInputProps extends DesignSystemBaseProps, InputLabelPassthroughP
2360
2251
  * and `onInputChange` callbacks. These callbacks are triggered on every change during slider movement
2361
2252
  * or while typing in the input field, before the user finalizes their selection with Enter or onBlur.
2362
2253
  */
2363
- declare const SliderInput: (props: SliderInputProps) => import("react").JSX.Element;
2364
- //#endregion
2365
- //#region src/components/sliderInputField/slider/Slider.d.ts
2254
+ declare const SliderInput: (props: SliderInputProps) => react_jsx_runtime.JSX.Element;
2255
+
2366
2256
  interface SliderProps extends DesignSystemBaseProps {
2367
- ariaLabelForHandle?: string;
2368
- ariaLabelledByForHandle?: string;
2369
- ariaValueTextFormatter?: SliderAriaValueTextFormatter;
2370
- /** The maximum value that the slider can be moved to. Even if the visible range allows higher values, the thumb cannot go above this limit. */
2371
- clampMax?: number;
2372
- /** The minimum value that the slider can be moved to. Even if the visible range allows lower values, the thumb cannot go below this limit. */
2373
- clampMin?: number;
2374
- disable?: boolean | undefined;
2375
- max: number;
2376
- min: number;
2377
- minMaxLabels: SliderMinMaxLabels | undefined;
2378
- onBlur?: FocusEventHandler<HTMLDivElement>;
2379
- /** it is triggered during movement */
2380
- onChange: (value: number) => void;
2381
- /** it is triggered after the user drops the handle */
2382
- onFinalChange: (value: number) => void;
2383
- steps: SliderSteps;
2384
- stepType: SliderStepType;
2385
- value: number;
2386
- }
2387
- declare const Slider: (props: SliderProps) => import("react").JSX.Element;
2388
- //#endregion
2389
- //#region src/components/sliderInputField/SliderInputField.d.ts
2257
+ ariaLabelForHandle?: string;
2258
+ ariaLabelledByForHandle?: string;
2259
+ ariaValueTextFormatter?: SliderAriaValueTextFormatter;
2260
+ /** The maximum value that the slider can be moved to. Even if the visible range allows higher values, the thumb cannot go above this limit. */
2261
+ clampMax?: number;
2262
+ /** The minimum value that the slider can be moved to. Even if the visible range allows lower values, the thumb cannot go below this limit. */
2263
+ clampMin?: number;
2264
+ disable?: boolean | undefined;
2265
+ max: number;
2266
+ min: number;
2267
+ minMaxLabels: SliderMinMaxLabels | undefined;
2268
+ onBlur?: FocusEventHandler<HTMLDivElement>;
2269
+ /** it is triggered during movement */
2270
+ onChange: (value: number) => void;
2271
+ /** it is triggered after the user drops the handle */
2272
+ onFinalChange: (value: number) => void;
2273
+ steps: SliderSteps;
2274
+ stepType: SliderStepType;
2275
+ value: number;
2276
+ }
2277
+ declare const Slider: (props: SliderProps) => react_jsx_runtime.JSX.Element;
2278
+
2390
2279
  interface SliderInputFieldProps extends Omit<SliderInputProps, 'onChange' | 'value'> {
2391
- options?: RegisterOptions;
2280
+ options?: RegisterOptions;
2392
2281
  }
2393
2282
  /**
2394
2283
  * Note: You must set the `defaultValues` for this field in `useForm`. Without it, the field throw error.
2395
2284
  */
2396
- declare const SliderInputField: (props: SliderInputFieldProps) => import("react").JSX.Element;
2397
- //#endregion
2398
- //#region src/components/spanButton/SpanButton.d.ts
2285
+ declare const SliderInputField: (props: SliderInputFieldProps) => react_jsx_runtime.JSX.Element;
2286
+
2399
2287
  interface SpanButtonProps extends DesignSystemBaseProps, AriaAttributes {
2400
- borderRadius?: BorderRadius;
2401
- children?: ReactNode;
2402
- className?: string;
2403
- disabled?: boolean;
2404
- id?: string;
2405
- onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
2406
- onMouseDown?: (event: MouseEvent<HTMLButtonElement>) => void;
2407
- onMouseUp?: (event: MouseEvent<HTMLButtonElement>) => void;
2408
- onTouchStart?: (event: TouchEvent<HTMLButtonElement>) => void;
2409
- }
2410
- declare const SpanButton: (props: SpanButtonProps) => import("react").JSX.Element;
2411
- //#endregion
2412
- //#region src/components/stack/types.d.ts
2288
+ borderRadius?: BorderRadius;
2289
+ children?: ReactNode;
2290
+ className?: string;
2291
+ disabled?: boolean;
2292
+ id?: string;
2293
+ onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
2294
+ onMouseDown?: (event: MouseEvent<HTMLButtonElement>) => void;
2295
+ onMouseUp?: (event: MouseEvent<HTMLButtonElement>) => void;
2296
+ onTouchStart?: (event: TouchEvent<HTMLButtonElement>) => void;
2297
+ }
2298
+ declare const SpanButton: (props: SpanButtonProps) => react_jsx_runtime.JSX.Element;
2299
+
2413
2300
  declare enum StackDirection {
2414
- column = "column",
2415
- columnReverse = "columnReverse",
2416
- row = "row",
2417
- rowReverse = "rowReverse"
2301
+ column = "column",
2302
+ columnReverse = "columnReverse",
2303
+ row = "row",
2304
+ rowReverse = "rowReverse"
2418
2305
  }
2419
- //#endregion
2420
- //#region src/components/stack/Stack.d.ts
2306
+
2421
2307
  interface StackProps extends AriaAttributes {
2422
- as?: ElementType;
2423
- children?: ReactNode;
2424
- className?: string;
2425
- direction?: StackDirection;
2426
- fullWidth?: boolean;
2427
- gap?: Spacing;
2428
- id?: string;
2429
- ref?: Ref<HTMLDivElement>;
2430
- role?: AriaRole;
2431
- tabIndex?: number;
2432
- wrap?: FlexWrap;
2433
- }
2434
- declare const Stack: (props: StackProps) => import("react").JSX.Element;
2435
- //#endregion
2436
- //#region src/components/stepper/types.d.ts
2308
+ as?: ElementType;
2309
+ children?: ReactNode;
2310
+ className?: string;
2311
+ direction?: StackDirection;
2312
+ fullWidth?: boolean;
2313
+ gap?: Spacing;
2314
+ id?: string;
2315
+ ref?: Ref<HTMLDivElement>;
2316
+ role?: AriaRole;
2317
+ tabIndex?: number;
2318
+ wrap?: FlexWrap;
2319
+ }
2320
+ declare const Stack: (props: StackProps) => react_jsx_runtime.JSX.Element;
2321
+
2437
2322
  declare enum StepperVariant {
2438
- horizontal = "horizontal",
2439
- vertical = "vertical"
2323
+ horizontal = "horizontal",
2324
+ vertical = "vertical"
2440
2325
  }
2441
- //#endregion
2442
- //#region src/components/stepper/stepperItem/StepperItem.d.ts
2326
+
2443
2327
  interface StepperItemProps {
2444
- disabled?: boolean;
2445
- id: string;
2446
- index: number;
2447
- isActive?: boolean;
2448
- isCompleted?: boolean;
2449
- onClick?: () => void;
2450
- text?: ReactNode | string;
2451
- variant: StepperVariant;
2452
- }
2453
- //#endregion
2454
- //#region src/components/stepper/Stepper.d.ts
2328
+ disabled?: boolean;
2329
+ id: string;
2330
+ index: number;
2331
+ isActive?: boolean;
2332
+ isCompleted?: boolean;
2333
+ onClick?: () => void;
2334
+ text?: ReactNode | string;
2335
+ variant: StepperVariant;
2336
+ }
2337
+
2455
2338
  interface StepperProps {
2456
- steps: StepperItemProps[];
2457
- variant: StepperVariant;
2339
+ steps: StepperItemProps[];
2340
+ variant: StepperVariant;
2458
2341
  }
2459
- declare const Stepper: (props: StepperProps) => import("react").JSX.Element;
2460
- //#endregion
2461
- //#region src/components/storeButton/types.d.ts
2342
+ declare const Stepper: (props: StepperProps) => react_jsx_runtime.JSX.Element;
2343
+
2462
2344
  declare enum StoreButtonVariant {
2463
- android = "android",
2464
- apple = "apple"
2345
+ android = "android",
2346
+ apple = "apple"
2465
2347
  }
2466
2348
  declare enum StoreButtonSize {
2467
- big = "big",
2468
- small = "small"
2349
+ big = "big",
2350
+ small = "small"
2469
2351
  }
2470
- //#endregion
2471
- //#region src/components/storeButton/StoreButton.d.ts
2352
+
2472
2353
  interface StoreButtonProps {
2473
- href: string;
2474
- size: StoreButtonSize;
2475
- variant: StoreButtonVariant;
2354
+ href: string;
2355
+ size: StoreButtonSize;
2356
+ variant: StoreButtonVariant;
2476
2357
  }
2477
- declare const StoreButton: (props: StoreButtonProps) => import("react").JSX.Element;
2478
- //#endregion
2479
- //#region src/components/table/types.d.ts
2358
+ declare const StoreButton: (props: StoreButtonProps) => react_jsx_runtime.JSX.Element;
2359
+
2480
2360
  declare enum TableVariant {
2481
- exchange = "exchange",
2482
- simple = "simple",
2483
- simpleWithoutShadow = "simpleWithoutShadow"
2361
+ exchange = "exchange",
2362
+ simple = "simple",
2363
+ simpleWithoutShadow = "simpleWithoutShadow"
2484
2364
  }
2485
2365
  declare enum TableTextAlign {
2486
- center = "center",
2487
- left = "left",
2488
- right = "right"
2366
+ center = "center",
2367
+ left = "left",
2368
+ right = "right"
2489
2369
  }
2490
2370
  declare enum TableHeadScope {
2491
- col = "col",
2492
- colgroup = "colgroup",
2493
- row = "row",
2494
- rowgroup = "rowgroup"
2371
+ col = "col",
2372
+ colgroup = "colgroup",
2373
+ row = "row",
2374
+ rowgroup = "rowgroup"
2495
2375
  }
2496
- //#endregion
2497
- //#region src/components/table/table/Table.d.ts
2376
+
2498
2377
  interface TableProps {
2499
- children: ReactNode;
2500
- variant: TableVariant;
2501
- width?: Property.Width;
2378
+ children: ReactNode;
2379
+ variant: TableVariant;
2380
+ width?: Property.Width;
2502
2381
  }
2503
- declare const Table: (props: TableProps) => import("react").JSX.Element;
2504
- //#endregion
2505
- //#region src/components/table/tableBody/TableBody.d.ts
2382
+ declare const Table: (props: TableProps) => react_jsx_runtime.JSX.Element;
2383
+
2506
2384
  interface TableBodyProps {
2507
- children: ReactNode;
2385
+ children: ReactNode;
2508
2386
  }
2509
- declare const TableBody: (props: TableBodyProps) => import("react").JSX.Element;
2510
- //#endregion
2511
- //#region src/components/table/tableData/TableData.d.ts
2387
+ declare const TableBody: (props: TableBodyProps) => react_jsx_runtime.JSX.Element;
2388
+
2512
2389
  interface TableDataProps extends DesignSystemBaseProps {
2513
- children: ReactNode;
2514
- delimiter?: boolean;
2515
- headers?: string;
2516
- textAlign?: TableTextAlign;
2517
- variant: TableVariant;
2518
- }
2519
- declare const TableData: (props: TableDataProps) => import("react").JSX.Element;
2520
- //#endregion
2521
- //#region src/components/table/tableHead/TableHead.d.ts
2390
+ children: ReactNode;
2391
+ delimiter?: boolean;
2392
+ headers?: string;
2393
+ textAlign?: TableTextAlign;
2394
+ variant: TableVariant;
2395
+ }
2396
+ declare const TableData: (props: TableDataProps) => react_jsx_runtime.JSX.Element;
2397
+
2522
2398
  interface TableHeadProps {
2523
- children: ReactNode;
2399
+ children: ReactNode;
2524
2400
  }
2525
- declare const TableHead: (props: TableHeadProps) => import("react").JSX.Element;
2526
- //#endregion
2527
- //#region src/components/table/tableHeadData/TableHeadData.d.ts
2401
+ declare const TableHead: (props: TableHeadProps) => react_jsx_runtime.JSX.Element;
2402
+
2528
2403
  interface TableHeadDataProps extends DesignSystemBaseProps {
2529
- abbr?: string;
2530
- children: ReactNode;
2531
- delimiter?: boolean;
2532
- headers?: string;
2533
- scope?: TableHeadScope;
2534
- textAlign?: TableTextAlign;
2535
- variant: TableVariant;
2536
- width?: Property.Width;
2537
- }
2538
- declare const TableHeadData: (props: TableHeadDataProps) => import("react").JSX.Element;
2539
- //#endregion
2540
- //#region src/components/table/tableRow/TableRow.d.ts
2404
+ abbr?: string;
2405
+ children: ReactNode;
2406
+ delimiter?: boolean;
2407
+ headers?: string;
2408
+ scope?: TableHeadScope;
2409
+ textAlign?: TableTextAlign;
2410
+ variant: TableVariant;
2411
+ width?: Property.Width;
2412
+ }
2413
+ declare const TableHeadData: (props: TableHeadDataProps) => react_jsx_runtime.JSX.Element;
2414
+
2541
2415
  interface TableRowProps extends DesignSystemBaseProps {
2542
- children: ReactNode;
2543
- variant: TableVariant;
2416
+ children: ReactNode;
2417
+ variant: TableVariant;
2544
2418
  }
2545
- declare const TableRow: (props: TableRowProps) => import("react").JSX.Element;
2546
- //#endregion
2547
- //#region src/components/tabs/types.d.ts
2419
+ declare const TableRow: (props: TableRowProps) => react_jsx_runtime.JSX.Element;
2420
+
2548
2421
  declare enum TabsVariant {
2549
- infoTags = "infoTags",
2550
- primary = "primary",
2551
- secondary = "secondary",
2552
- tertiary = "tertiary"
2422
+ infoTags = "infoTags",
2423
+ primary = "primary",
2424
+ secondary = "secondary",
2425
+ tertiary = "tertiary"
2553
2426
  }
2554
2427
  declare enum TabsSize {
2555
- xs = "xs",
2556
- sm = "sm",
2557
- md = "md",
2558
- lg = "lg"
2428
+ xs = "xs",
2429
+ sm = "sm",
2430
+ md = "md",
2431
+ lg = "lg"
2559
2432
  }
2560
2433
  declare enum TabsActiveTabDefaultPosition {
2561
- center = "center",
2562
- noScrolling = "noScrolling",
2563
- scrollOnlyWhenNotVisible = "scrollOnlyWhenNotVisible"
2434
+ center = "center",
2435
+ noScrolling = "noScrolling",
2436
+ scrollOnlyWhenNotVisible = "scrollOnlyWhenNotVisible"
2564
2437
  }
2565
2438
  declare enum TabsWrap {
2566
- noWrap = "noWrap",
2567
- /**
2568
- * Tabs wrap to the next line based on the container width instead of scrolling.
2569
- * Each tab sizes according to its text content.
2570
- * This option is intended only for {@link TabsVariant.infoTags}.
2571
- * When enabled, {@link TabsActiveTabDefaultPosition} has no effect.
2572
- */
2573
- wrap = "wrap"
2439
+ noWrap = "noWrap",
2440
+ /**
2441
+ * Tabs wrap to the next line based on the container width instead of scrolling.
2442
+ * Each tab sizes according to its text content.
2443
+ * This option is intended only for {@link TabsVariant.infoTags}.
2444
+ * When enabled, {@link TabsActiveTabDefaultPosition} has no effect.
2445
+ */
2446
+ wrap = "wrap"
2574
2447
  }
2575
2448
  interface TabItemType {
2576
- ariaControls?: string;
2577
- as?: ElementType;
2578
- href?: string;
2579
- icon?: ReactNode;
2580
- id: string;
2581
- isActive?: boolean;
2582
- onActivate?: () => void;
2583
- text?: ReactElement | string;
2449
+ ariaControls?: string;
2450
+ as?: ElementType;
2451
+ href?: string;
2452
+ icon?: ReactNode;
2453
+ id: string;
2454
+ isActive?: boolean;
2455
+ onActivate?: () => void;
2456
+ text?: ReactElement | string;
2584
2457
  }
2585
2458
  interface TabsType {
2586
- activeTabDefaultPosition: TabsActiveTabDefaultPosition;
2587
- fullWidth?: boolean;
2588
- /**
2589
- * Controls the gap between individual tab items.
2590
- * Defaults to {@link Spacing.xxs}.
2591
- */
2592
- gap?: Spacing;
2593
- /**
2594
- * Removes the border and background from the tabs container.
2595
- * Defaults to `false`.
2596
- */
2597
- noBorder?: boolean;
2598
- size?: TabsSize;
2599
- tabItems: TabItemType[];
2600
- variant: TabsVariant;
2601
- wrap?: TabsWrap;
2602
- }
2603
- //#endregion
2604
- //#region src/components/tabs/Tabs.d.ts
2605
- interface TabsProps extends TabsType, DesignSystemBaseProps {}
2459
+ activeTabDefaultPosition: TabsActiveTabDefaultPosition;
2460
+ fullWidth?: boolean;
2461
+ /**
2462
+ * Controls the gap between individual tab items.
2463
+ * Defaults to {@link Spacing.xxs}.
2464
+ */
2465
+ gap?: Spacing;
2466
+ /**
2467
+ * Removes the border and background from the tabs container.
2468
+ * Defaults to `false`.
2469
+ */
2470
+ noBorder?: boolean;
2471
+ size?: TabsSize;
2472
+ tabItems: TabItemType[];
2473
+ variant: TabsVariant;
2474
+ wrap?: TabsWrap;
2475
+ }
2476
+
2477
+ interface TabsProps extends TabsType, DesignSystemBaseProps {
2478
+ }
2606
2479
  /**
2607
2480
  * This component implements accessibility for tabs according to W3C WAI-ARIA guidelines.
2608
2481
  * To ensure proper functionality, tab panels must also be described using ARIA attributes.
2609
2482
  *
2610
2483
  * More info: https://www.w3.org/WAI/ARIA/apg/patterns/tabs/examples/tabs-manual/
2611
2484
  */
2612
- declare const Tabs: (props: TabsProps) => import("react").JSX.Element;
2613
- //#endregion
2614
- //#region src/components/tag/types.d.ts
2485
+ declare const Tabs: (props: TabsProps) => react_jsx_runtime.JSX.Element;
2486
+
2615
2487
  declare enum TagType {
2616
- alert = "alert",
2617
- info = "info",
2618
- infoLight = "infoLight",
2619
- invert = "invert",
2620
- neutralDefault = "neutralDefault",
2621
- neutralSubtle = "neutralSubtle",
2622
- success = "success",
2623
- warning = "warning"
2488
+ alert = "alert",
2489
+ info = "info",
2490
+ infoLight = "infoLight",
2491
+ invert = "invert",
2492
+ neutralDefault = "neutralDefault",
2493
+ neutralSubtle = "neutralSubtle",
2494
+ success = "success",
2495
+ warning = "warning"
2624
2496
  }
2625
2497
  declare enum TagSize {
2626
- md = "md",
2627
- sm = "sm"
2498
+ md = "md",
2499
+ sm = "sm"
2628
2500
  }
2629
2501
  declare enum TagTextTransform {
2630
- none = "none",
2631
- uppercase = "uppercase"
2502
+ none = "none",
2503
+ uppercase = "uppercase"
2632
2504
  }
2633
2505
  declare enum TagIconPosition {
2634
- left = "left",
2635
- right = "right",
2636
- top = "top"
2506
+ left = "left",
2507
+ right = "right",
2508
+ top = "top"
2637
2509
  }
2638
- //#endregion
2639
- //#region src/components/tag/Tag.d.ts
2510
+
2640
2511
  interface TagProps extends DesignSystemBaseProps, AriaAttributes {
2641
- as?: ElementType;
2642
- children: ReactNode;
2643
- className?: string;
2644
- fontWeight?: FontWeight;
2645
- href?: string;
2646
- iconPosition?: TagIconPosition;
2647
- iconProduct?: IconProductType;
2648
- iconSystem?: IconSystemType;
2649
- onClick?: (event: MouseEvent<HTMLDivElement>) => void;
2650
- onKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void;
2651
- ref?: Ref<HTMLDivElement>;
2652
- role?: AriaRole;
2653
- size?: TagSize;
2654
- tabIndex?: number;
2655
- textDecoration?: TextDecoration;
2656
- textTransform?: TagTextTransform;
2657
- type: TagType;
2658
- whiteSpace?: WhiteSpace;
2659
- }
2660
- declare const Tag: (props: TagProps) => import("react").JSX.Element;
2661
- //#endregion
2662
- //#region src/components/textAreaField/textArea/TextArea.d.ts
2512
+ as?: ElementType;
2513
+ children: ReactNode;
2514
+ className?: string;
2515
+ fontWeight?: FontWeight;
2516
+ href?: string;
2517
+ iconPosition?: TagIconPosition;
2518
+ iconProduct?: IconProductType;
2519
+ iconSystem?: IconSystemType;
2520
+ onClick?: (event: MouseEvent<HTMLDivElement>) => void;
2521
+ onKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void;
2522
+ ref?: Ref<HTMLDivElement>;
2523
+ role?: AriaRole;
2524
+ size?: TagSize;
2525
+ tabIndex?: number;
2526
+ textDecoration?: TextDecoration;
2527
+ textTransform?: TagTextTransform;
2528
+ type: TagType;
2529
+ whiteSpace?: WhiteSpace;
2530
+ }
2531
+ declare const Tag: (props: TagProps) => react_jsx_runtime.JSX.Element;
2532
+
2663
2533
  interface TextAreaControlProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, FieldControlProps {
2664
- ref?: Ref<HTMLTextAreaElement>;
2534
+ ref?: Ref<HTMLTextAreaElement>;
2665
2535
  }
2666
2536
  declare const TextArea: {
2667
- (props: FieldWrapperReservedProps & Omit<TextAreaControlProps, "label" | "note" | "tooltip" | "layout" | "errorMessage" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "hiddenHintText" | "hintText" | "optionality" | "successMessage">): import("react").JSX.Element;
2668
- displayName: string;
2537
+ (props: FieldWrapperReservedProps & Omit<TextAreaControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react_jsx_runtime.JSX.Element;
2538
+ displayName: string;
2669
2539
  };
2670
2540
  type TextAreaProps = ComponentProps<typeof TextArea>;
2671
- //#endregion
2672
- //#region src/components/textAreaField/TextAreaField.d.ts
2541
+
2673
2542
  interface TextAreaFieldProps extends Omit<TextAreaProps, 'onChange' | 'value'> {
2674
- name: string;
2675
- options?: RegisterOptions;
2543
+ name: string;
2544
+ options?: RegisterOptions;
2676
2545
  }
2677
- declare const TextAreaField: (props: TextAreaFieldProps) => import("react").JSX.Element;
2678
- //#endregion
2679
- //#region src/components/textInputField/textInput/TextInput.d.ts
2546
+ declare const TextAreaField: (props: TextAreaFieldProps) => react_jsx_runtime.JSX.Element;
2547
+
2680
2548
  interface TextInputControlProps extends InputProps {
2681
- iconSystem?: IconSystemType;
2682
- placeholder?: string;
2549
+ iconSystem?: IconSystemType;
2550
+ placeholder?: string;
2683
2551
  }
2684
2552
  declare const TextInput: {
2685
- (props: FieldWrapperReservedProps & Omit<TextInputControlProps, "label" | "note" | "tooltip" | "layout" | "errorMessage" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "hiddenHintText" | "hintText" | "optionality" | "successMessage">): import("react").JSX.Element;
2686
- displayName: string;
2553
+ (props: FieldWrapperReservedProps & Omit<TextInputControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react_jsx_runtime.JSX.Element;
2554
+ displayName: string;
2687
2555
  };
2688
2556
  type TextInputProps = ComponentProps<typeof TextInput>;
2689
- //#endregion
2690
- //#region src/components/textInputField/TextInputField.d.ts
2557
+
2691
2558
  interface TextInputFieldProps extends Omit<TextInputProps, 'onChange' | 'value'> {
2692
- name: string;
2693
- options?: RegisterOptions;
2559
+ name: string;
2560
+ options?: RegisterOptions;
2694
2561
  }
2695
- declare const TextInputField: (props: TextInputFieldProps) => import("react").JSX.Element;
2696
- //#endregion
2697
- //#region src/components/toggle/Toggle.d.ts
2562
+ declare const TextInputField: (props: TextInputFieldProps) => react_jsx_runtime.JSX.Element;
2563
+
2698
2564
  interface ToggleProps {
2699
- defaultValue?: boolean;
2700
- disabled?: boolean;
2701
- id: string | undefined;
2702
- label?: ReactNode | string;
2703
- name: string;
2704
- onChange?: (value: boolean) => void;
2565
+ defaultValue?: boolean;
2566
+ disabled?: boolean;
2567
+ id: string | undefined;
2568
+ label?: ReactNode | string;
2569
+ name: string;
2570
+ onChange?: (value: boolean) => void;
2705
2571
  }
2706
2572
  /**
2707
2573
  * Currently not compatible with react-hook-form
2708
2574
  */
2709
- declare const Toggle: (props: ToggleProps) => import("react").JSX.Element;
2710
- //#endregion
2711
- //#region src/components/trailingTextInput/TrailingTextInput.d.ts
2575
+ declare const Toggle: (props: ToggleProps) => react_jsx_runtime.JSX.Element;
2576
+
2712
2577
  interface TrailingTextInputControlProps extends InputProps {
2713
- placeholder?: string;
2714
- suffix?: ReactNode;
2578
+ placeholder?: string;
2579
+ suffix?: ReactNode;
2715
2580
  }
2716
2581
  declare const TrailingTextInput: {
2717
- (props: FieldWrapperReservedProps & Omit<TrailingTextInputControlProps, "label" | "note" | "tooltip" | "layout" | "errorMessage" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "hiddenHintText" | "hintText" | "optionality" | "successMessage">): import("react").JSX.Element;
2718
- displayName: string;
2582
+ (props: FieldWrapperReservedProps & Omit<TrailingTextInputControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react_jsx_runtime.JSX.Element;
2583
+ displayName: string;
2719
2584
  };
2720
2585
  type TrailingTextInputProps = ComponentProps<typeof TrailingTextInput>;
2721
- //#endregion
2722
- //#region src/components/typography/types.d.ts
2586
+
2723
2587
  declare enum TypographyVariant {
2724
- textXs = "textXs",
2725
- textSm = "textSm",
2726
- textMd = "textMd",
2727
- textLg = "textLg",
2728
- h1 = "h1",
2729
- h2 = "h2",
2730
- h3 = "h3",
2731
- h4 = "h4",
2732
- h5 = "h5"
2588
+ textXs = "textXs",
2589
+ textSm = "textSm",
2590
+ textMd = "textMd",
2591
+ textLg = "textLg",
2592
+ h1 = "h1",
2593
+ h2 = "h2",
2594
+ h3 = "h3",
2595
+ h4 = "h4",
2596
+ h5 = "h5"
2733
2597
  }
2734
2598
  declare enum TypographyTextAlign {
2735
- center = "center",
2736
- left = "left",
2737
- right = "right"
2599
+ center = "center",
2600
+ left = "left",
2601
+ right = "right"
2738
2602
  }
2739
- //#endregion
2740
- //#region src/components/typography/Typography.d.ts
2603
+
2741
2604
  interface TypographyProps extends DesignSystemBaseProps, SsrProps, AriaAttributes {
2742
- as?: ElementType;
2743
- children: ReactNode;
2744
- className?: string;
2745
- color?: ColorObject | string;
2746
- decoration?: TextDecoration;
2747
- fullWidth?: boolean;
2748
- id?: string;
2749
- onClick?: ((event: MouseEvent<HTMLElement>) => void) | undefined;
2750
- ref?: Ref<HTMLElement>;
2751
- role?: AriaRole;
2752
- tabIndex?: number;
2753
- textAlign?: TypographyTextAlign;
2754
- variant?: TypographyVariant;
2755
- weight?: FontWeight;
2756
- whiteSpace?: WhiteSpace;
2757
- }
2758
- declare const Typography: (props: TypographyProps) => import("react").JSX.Element;
2759
- //#endregion
2760
- //#region src/components/visuallyHidden/VisuallyHidden.d.ts
2605
+ as?: ElementType;
2606
+ children: ReactNode;
2607
+ className?: string;
2608
+ color?: ColorObject | string;
2609
+ decoration?: TextDecoration;
2610
+ fullWidth?: boolean;
2611
+ id?: string;
2612
+ onClick?: ((event: MouseEvent<HTMLElement>) => void) | undefined;
2613
+ ref?: Ref<HTMLElement>;
2614
+ role?: AriaRole;
2615
+ tabIndex?: number;
2616
+ textAlign?: TypographyTextAlign;
2617
+ variant?: TypographyVariant;
2618
+ weight?: FontWeight;
2619
+ whiteSpace?: WhiteSpace;
2620
+ }
2621
+ declare const Typography: (props: TypographyProps) => react_jsx_runtime.JSX.Element;
2622
+
2761
2623
  interface VisuallyHiddenProps extends AriaAttributes {
2762
- as?: ElementType;
2763
- children: ReactNode;
2764
- id?: string;
2765
- role?: AriaRole;
2766
- }
2767
- declare const VisuallyHidden: (props: VisuallyHiddenProps) => import("react").JSX.Element;
2768
- //#endregion
2769
- //#region src/hooks/useUniqueIdIfIsUndefined.d.ts
2624
+ as?: ElementType;
2625
+ children: ReactNode;
2626
+ id?: string;
2627
+ role?: AriaRole;
2628
+ }
2629
+ declare const VisuallyHidden: (props: VisuallyHiddenProps) => react_jsx_runtime.JSX.Element;
2630
+
2770
2631
  declare const useUniqueIdIfIsUndefined: (idParam: string | undefined) => string;
2771
- //#endregion
2772
- //#region src/constants.d.ts
2632
+
2773
2633
  declare const liferayClassNames: {
2774
- tooltipInfoButton: string;
2775
- label: string;
2634
+ tooltipInfoButton: string;
2635
+ label: string;
2776
2636
  };
2777
2637
  declare const htmlNbsp = "\u00A0";
2778
- //#endregion
2779
- //#region src/form/FormConfigProvider.d.ts
2638
+
2780
2639
  interface FormConfigProviderProps {
2781
- children: ReactNode;
2782
- config: FormConfig;
2640
+ children: ReactNode;
2641
+ config: FormConfig;
2783
2642
  }
2784
- declare const FormConfigProvider: (props: FormConfigProviderProps) => import("react").JSX.Element;
2785
- //#endregion
2786
- //#region src/form/useForm.d.ts
2643
+ declare const FormConfigProvider: (props: FormConfigProviderProps) => react_jsx_runtime.JSX.Element;
2644
+
2787
2645
  interface UseFormCaptchaProp {
2788
- action: string;
2789
- type: CaptchaType;
2646
+ action: string;
2647
+ type: CaptchaType;
2790
2648
  }
2791
2649
  interface UseFormProps<TFieldValues extends FieldValues> extends UseFormProps$1<TFieldValues>, Pick<FormConfig, 'onSubmitHandlerError' | 'reCaptchaV3Config' | 'resolveThrownFormErrors' | 'thrownFieldLevelErrorFormatter'> {
2792
- captcha?: UseFormCaptchaProp;
2793
- schema?: z.ZodType;
2650
+ captcha?: UseFormCaptchaProp;
2651
+ schema?: z.ZodType;
2794
2652
  }
2795
2653
  type UseFormHandleSubmit<TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined> = (onValid: TSubmitValues extends FieldValues ? SubmitHandler<TSubmitValues> : SubmitHandler<TFieldValues>, onInvalid?: SubmitErrorHandler<TFieldValues>) => (event?: BaseSyntheticEvent) => Promise<void>;
2796
2654
  type UseFormReturn<TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined> = Omit<UseFormReturn$1<TFieldValues, any, TSubmitValues>, 'handleSubmit'> & {
2797
- handleSubmit: UseFormHandleSubmit<TFieldValues, TSubmitValues>;
2798
- thrownFormErrors: ThrownFormErrors;
2655
+ handleSubmit: UseFormHandleSubmit<TFieldValues, TSubmitValues>;
2656
+ thrownFormErrors: ThrownFormErrors;
2799
2657
  };
2800
2658
  /**
2801
2659
  * `TFieldValues` represents the shape of the field values at any given time, whereas `TSubmitValues` represents the form values
@@ -2810,34 +2668,29 @@ type UseFormReturn<TFieldValues extends FieldValues, TSubmitValues extends Field
2810
2668
  * The reCAPTCHA token is passed to the submit handler.
2811
2669
  */
2812
2670
  declare const useForm: <TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined>(props?: UseFormProps<TFieldValues>) => UseFormReturn<TFieldValues, TSubmitValues>;
2813
- //#endregion
2814
- //#region src/form/FormProvider.d.ts
2671
+
2815
2672
  interface FormProviderProps<TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined> {
2816
- children: ReactNode;
2817
- form: UseFormReturn<TFieldValues, TSubmitValues>;
2818
- }
2819
- declare const FormProvider: <TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined>(props: FormProviderProps<TFieldValues, TSubmitValues>) => import("react").JSX.Element;
2820
- //#endregion
2821
- //#region src/form/contexts.d.ts
2822
- declare const FormConfigContext: import("react").Context<FormConfig>;
2823
- //#endregion
2824
- //#region src/form/errors.d.ts
2673
+ children: ReactNode;
2674
+ form: UseFormReturn<TFieldValues, TSubmitValues>;
2675
+ }
2676
+ declare const FormProvider: <TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined>(props: FormProviderProps<TFieldValues, TSubmitValues>) => react_jsx_runtime.JSX.Element;
2677
+
2678
+ declare const FormConfigContext: react.Context<FormConfig>;
2679
+
2825
2680
  declare enum ReCaptchaErrorType {
2826
- instanceNotInitialized = "instanceNotInitialized",
2827
- scriptLoading = "scriptLoading"
2681
+ instanceNotInitialized = "instanceNotInitialized",
2682
+ scriptLoading = "scriptLoading"
2828
2683
  }
2829
2684
  declare class ReCaptchaError extends Error {
2830
- readonly type: ReCaptchaErrorType;
2831
- constructor(type: ReCaptchaErrorType);
2685
+ readonly type: ReCaptchaErrorType;
2686
+ constructor(type: ReCaptchaErrorType);
2832
2687
  }
2833
- //#endregion
2834
- //#region src/form/useFormContext.d.ts
2688
+
2835
2689
  declare const useFormContext: <TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined>() => UseFormReturn<TFieldValues, TSubmitValues>;
2836
- //#endregion
2837
- //#region src/formatters.d.ts
2838
- declare const identityFormatter: import("afformative").Formatter<any, any, unknown>;
2839
- declare const jsonFormatter: import("afformative").Formatter<any, string, unknown>;
2840
- declare const useMessageFormatter: <TInput extends unknown>(getMessage: (value: TInput) => MessageDescriptorWithPrimitiveValues | string) => import("afformative").Formatter<TInput, ReactNode, unknown>;
2841
- //#endregion
2842
- export { Accordion, AccordionContent, type AccordionContentType, AccordionItem, type AccordionItemProps, type AccordionItemType, AccordionKeyValue, type AccordionKeyValueProps, type AccordionProps, AccordionVariant, BorderRadius, Button, ButtonContentAlign, type ButtonProps, ButtonSize, ButtonStyle, ButtonType, ButtonsLayout, ButtonsLayoutAlign, ButtonsLayoutDirection, ButtonsLayoutProps, CalculatorResult, type CalculatorResultBodyItem, type CalculatorResultHeader, CalculatorResultInfoPosition, type CalculatorResultMain, type CalculatorResultModalDescriptor, type CalculatorResultProps, CaptchaType, Checkbox, CheckboxControl, CheckboxControlProps, CheckboxField, CheckboxFieldProps, CheckboxPosition, CheckboxProps, type ChooseColor, CircularProgressBar, type CircularProgressBarProps, ColorObject, ColorScheme, ColorSchemeProvider, type ColorSchemeProviderProps, ComboBox, ComboBoxControl, type ComboBoxControlProps, ComboBoxField, type ComboBoxFieldProps, type ComboBoxItem, type ComboBoxItemOrder, ComboBoxItemOrderSource, type ComboBoxProps, type ComboBoxValue, ComboBoxValueType, CreateTooltipInfoDescriptor, CreateTooltipInfoDescriptorParam, DatePicker, DatePickerControl, type DatePickerControlProps, DatePickerField, type DatePickerFieldProps, type DatePickerProps, type DesignSystemBaseProps, type DesignSystemFullMessages, type DesignSystemFullPropDefaults, DesignSystemMessagesProvider, type DesignSystemMessagesProviderProps, type DesignSystemPartialMessages, type DesignSystemPartialPropDefaults, DesignSystemPropDefaultsProvider, type DesignSystemPropDefaultsProviderProps, DesignSystemProvider, type DesignSystemProviderProps, EmailInput, EmailInputField, type EmailInputFieldProps, type EmailInputProps, ErrorBox, type ErrorBoxItem, ErrorBoxProps, FieldAddon, FieldAddonPosition, type FieldConfig, FieldConfigProvider, type FieldConfigProviderProps, FieldControlProps, FieldLabelStoreProvider, type FieldLabelStoreProviderProps, FieldOptionality, FieldWrapper, FieldWrapperControlProps, FieldWrapperLayout, FieldWrapperProps, FieldWrapperReservedProps, FileInput, FileInputControl, type FileInputControlProps, type FileInputDropzoneDragFilesHereComponent, type FileInputDropzoneDragOrSelectFilesComponent, type FileInputDropzoneSelectFilesComponent, FileInputErrorCode, FileInputField, type FileInputFieldProps, type FileInputLimitDescriptionComponent, type FileInputProps, type FileInputRemoveButtonTextComponent, type FileInputSettings, type FileInputUploadErrorReasonComponent, type FileInputUploadFailedComponent, FlexWrap, FontWeight, type FormConfig, FormConfigContext, FormConfigProvider, type FormConfigProviderProps, FormErrorOutcome, FormErrorOutcomeProps, FormErrorSummary, FormErrorSummaryProps, FormProvider, type FormProviderProps, FormSuccessOutcome, FormSuccessOutcomeProps, FormatAmountCurrencyDisplay, FormatAmountGrouping, type FormatAmountParam, FormattedAmount, type FormattedAmountProps, FormattedHtmlMessage, FormattedHtmlMessageProps, FormattedMessage, FormattedMessageProps, FormattedPercentage, type FormattedPercentageProps, type GetColor, IconFlag, type IconFlagProps, IconFlagType, IconProduct, IconProductHighlightType, type IconProductProps, IconProductSize, IconProductType, IconProductVariant, IconSystem, type IconSystemProps, IconSystemSize, type IconSystemSvgProps, IconSystemType, Infobox, type InfoboxProps, InfoboxSize, type InfoboxTextContent, InfoboxVariant, InputBase, type InputBaseProps, InputLabel, InputLabelPassthroughProps, type InputLabelProps, InputLabelSize, InputProps, InputSize, InputTextAlign, LabelTooltipPosition, Loader, LoaderOverlayBox, LoaderOverlayBoxProps, LoaderProps, LoaderSize, MaskedInput, MaskedInputBase, MaskedInputBaseProps, MaskedInputField, MaskedInputFieldProps, MaskedInputProps, MediaType, MediaTypeProvider, type MediaTypeProviderProps, MessageDescriptorWithPrimitiveValues, MessageDescriptorWithValues, type MessageValues, Modal, ModalOnClose, ModalProps, ModalVerticalPosition, ModalWidthType, FormattedAmount$1 as NextFormattedAmount, type FormattedAmountProps$1 as NextFormattedAmountProps, NumberInput, NumberInputField, NumberInputFieldProps, NumberInputProps, Overflow, Paper, type PaperProps, PaperShadow, PhoneInput, PhoneInputField, type PhoneInputFieldProps, type PhoneInputProps, type PrimitiveMessageValues, ProgressPaper, type ProgressPaperProps, Radio, RadioButton, RadioButtonField, RadioButtonFieldProps, RadioButtonGroup, RadioButtonGroupControl, RadioButtonGroupControlProps, RadioButtonGroupField, type RadioButtonGroupFieldProps, RadioButtonGroupItem, RadioButtonGroupLayout, RadioButtonGroupProps, type RadioButtonLabel, RadioButtonProps, RadioControl, RadioControlProps, RadioField, RadioFieldProps, RadioGeneralProps, RadioGroup, RadioGroupControl, RadioGroupControlProps, RadioGroupDirection, RadioGroupField, RadioGroupFieldProps, RadioGroupItem, RadioGroupProps, RadioPosition, RadioProps, ReCaptchaError, ReCaptchaErrorType, type ReCaptchaV3Config, ReasonForClosing, SearchInput, type SearchInputProps, Select, SelectControl, type SelectControlProps, SelectField, type SelectFieldProps, type SelectItem, type SelectItemOrder, SelectItemOrderSource, type SelectProps, SelectVariant, Slider, type SliderAriaValueTextFormatter, type SliderAriaValueTextFormatterContext, type SliderBreakpoint, SliderInput, SliderInputField, type SliderInputFieldProps, type SliderInputLimitExceededLiveTextFormatter, type SliderInputLimitExceededLiveTextFormatterContext, type SliderInputProps, SliderInputRoundingType, type SliderMinMaxLabels, type SliderProps, SliderStepType, type SliderSteps, Spacing, SpanButton, type SpanButtonProps, SsrProps, Stack, StackDirection, type StackProps, Stepper, type StepperItemProps, StepperProps, StepperVariant, StoreButton, type StoreButtonProps, StoreButtonSize, StoreButtonVariant, type SubmitHandler, type SubmitHandlerErrorInfo, type SubmitHandlerExtraParam, type TabItemType, Table, TableBody, type TableBodyProps, TableData, type TableDataProps, TableHead, TableHeadData, type TableHeadDataProps, type TableHeadProps, TableHeadScope, type TableProps, TableRow, type TableRowProps, TableTextAlign, TableVariant, Tabs, TabsActiveTabDefaultPosition, TabsProps, TabsSize, type TabsType, TabsVariant, TabsWrap, Tag, TagIconPosition, type TagProps, TagSize, TagTextTransform, TagType, TextArea, TextAreaField, type TextAreaFieldProps, type TextAreaProps, TextDecoration, TextInput, TextInputField, type TextInputFieldProps, type TextInputProps, type Theme, type ThrownFieldLevelError, type ThrownFieldLevelErrorFormatter, type ThrownFormErrors, type ThrownFormLevelError, type ThrownFormLevelErrorFormatter, type ThrownFormLevelErrorFormatterOutput, type ThrownFormLevelErrorMeta, ThrownFormLevelErrorType, Toggle, type ToggleProps, TooltipCloseReason, type TooltipDescriptor, TooltipGeneral, TooltipGeneralProps, TooltipInfo, TooltipInfoConditional, TooltipInfoConditionalProps, type TooltipInfoDescriptor, TooltipInfoDisplayMethod, TooltipInfoDisplayableCheck, TooltipInfoDisplayableCheckProps, TooltipInfoProps, TooltipPlacement, type TooltipRenderParent, TooltipWidth, TrailingTextInput, type TrailingTextInputProps, Typography, type TypographyProps, TypographyTextAlign, TypographyVariant, type UseColorSchemeOptions, type UseColorSchemeParam, type UseDesignSystemOptions, type UseDesignSystemParam, type UseFormCaptchaProp, type UseFormHandleSubmit, type UseFormProps, type UseFormReturn, UseFormSuccessOutcomeManagerReturn, type UseMediaTypeOptions, type UseMediaTypeParam, VisuallyHidden, type VisuallyHiddenProps, WhiteSpace, datePickerValueFormat, getClampedFontSize, getColor, getTextDecorationStyle, htmlNbsp, identityFormatter, isRenderable, jsonFormatter, liferayClassNames, mapTooltipInfoDescriptorToPropsSubset, mergeRefs, pxToRem, renderReactNodeArray, resolveBorderRadiusValue, resolveFlexWrapValue, resolveFontWeightValue, resolveOverflowValue, resolveSpacingValue, resolveTextDecorationValue, resolveWhiteSpaceValue, styled, theme, useChooseColor, useColorScheme, useCreateTooltipInfoDescriptor, useDesignSystem, useDesignSystemMessages, useDesignSystemPropDefaults, useFieldConfig, useFieldLabels, useForm, useFormContext, useFormSuccessOutcomeManager, useFormatAmount, useFormatPercentage, useFormattedPercentage, useGetFormattedHtmlMessageIfDisplayable, useIsMessageDisplayable, useMediaType, useMergeRefs, useMessageFormatter, useFormatAmount$1 as useNextFormatAmount, useRegisterFieldLabel, useUniqueIdIfIsUndefined, withFieldWrapper, withMaskedInputField };
2843
- //# sourceMappingURL=index.d.ts.map
2690
+
2691
+ declare const identityFormatter: afformative.Formatter<any, any, unknown>;
2692
+ declare const jsonFormatter: afformative.Formatter<any, string, unknown>;
2693
+ declare const useMessageFormatter: <TInput extends unknown>(getMessage: (value: TInput) => MessageDescriptorWithPrimitiveValues | string) => afformative.Formatter<TInput, ReactNode, unknown>;
2694
+
2695
+ export { Accordion, AccordionContent, AccordionItem, AccordionKeyValue, AccordionVariant, BorderRadius, Button, ButtonContentAlign, ButtonSize, ButtonStyle, ButtonType, ButtonsLayout, ButtonsLayoutAlign, ButtonsLayoutDirection, CalculatorResult, CalculatorResultInfoPosition, CaptchaType, Checkbox, CheckboxControl, CheckboxField, CheckboxPosition, CircularProgressBar, ColorScheme, ColorSchemeProvider, ComboBox, ComboBoxControl, ComboBoxField, ComboBoxItemOrderSource, ComboBoxValueType, DatePicker, DatePickerControl, DatePickerField, DesignSystemMessagesProvider, DesignSystemPropDefaultsProvider, DesignSystemProvider, EmailInput, EmailInputField, ErrorBox, FieldAddonPosition, FieldConfigProvider, FieldLabelStoreProvider, FieldOptionality, FieldWrapper, FieldWrapperLayout, FileInput, FileInputControl, FileInputErrorCode, FileInputField, FlexWrap, FontWeight, FormConfigContext, FormConfigProvider, FormErrorOutcome, FormErrorSummary, FormProvider, FormSuccessOutcome, FormatAmountCurrencyDisplay, FormatAmountGrouping, FormattedAmount$1 as FormattedAmount, FormattedHtmlMessage, FormattedMessage, FormattedPercentage, IconFlag, IconFlagType, IconProduct, IconProductHighlightType, IconProductSize, IconProductType, IconProductVariant, IconSystem, IconSystemSize, IconSystemType, Infobox, InfoboxSize, InfoboxVariant, InputBase, InputLabel, InputLabelSize, InputSize, InputTextAlign, LabelTooltipPosition, Loader, LoaderOverlayBox, LoaderSize, MaskedInput, MaskedInputBase, MaskedInputField, MediaType, MediaTypeProvider, Modal, ModalVerticalPosition, ModalWidthType, FormattedAmount as NextFormattedAmount, NumberInput, NumberInputField, Overflow, Paper, PaperShadow, PhoneInput, PhoneInputField, ProgressPaper, Radio, RadioButton, RadioButtonField, RadioButtonGroup, RadioButtonGroupControl, RadioButtonGroupField, RadioButtonGroupLayout, RadioControl, RadioField, RadioGroup, RadioGroupControl, RadioGroupDirection, RadioGroupField, RadioPosition, ReCaptchaError, ReCaptchaErrorType, ReasonForClosing, SearchInput, Select, SelectControl, SelectField, SelectItemOrderSource, SelectVariant, Slider, SliderInput, SliderInputField, SliderInputRoundingType, SliderStepType, Spacing, SpanButton, Stack, StackDirection, Stepper, StepperVariant, StoreButton, StoreButtonSize, StoreButtonVariant, Table, TableBody, TableData, TableHead, TableHeadData, TableHeadScope, TableRow, TableTextAlign, TableVariant, Tabs, TabsActiveTabDefaultPosition, TabsSize, TabsVariant, TabsWrap, Tag, TagIconPosition, TagSize, TagTextTransform, TagType, TextArea, TextAreaField, TextDecoration, TextInput, TextInputField, ThrownFormLevelErrorType, Toggle, TooltipCloseReason, TooltipGeneral, TooltipInfo, TooltipInfoConditional, TooltipInfoDisplayMethod, TooltipInfoDisplayableCheck, TooltipPlacement, TooltipWidth, TrailingTextInput, Typography, TypographyTextAlign, TypographyVariant, VisuallyHidden, WhiteSpace, datePickerValueFormat, getClampedFontSize, getColor, getTextDecorationStyle, htmlNbsp, identityFormatter, isRenderable, jsonFormatter, liferayClassNames, mapTooltipInfoDescriptorToPropsSubset, mergeRefs, pxToRem, renderReactNodeArray, resolveBorderRadiusValue, resolveFlexWrapValue, resolveFontWeightValue, resolveMask, resolveMaskToNumber, resolveOverflowValue, resolveSpacingValue, resolveTextDecorationValue, resolveWhiteSpaceValue, styled, theme, useChooseColor, useColorScheme, useCreateTooltipInfoDescriptor, useDesignSystem, useDesignSystemMessages, useDesignSystemPropDefaults, useFieldConfig, useFieldLabels, useForm, useFormContext, useFormSuccessOutcomeManager, useFormatAmount$1 as useFormatAmount, useFormatPercentage, useFormattedPercentage, useGetFormattedHtmlMessageIfDisplayable, useIsMessageDisplayable, useMediaType, useMessageFormatter, useFormatAmount as useNextFormatAmount, useRegisterFieldLabel, useUniqueIdIfIsUndefined, withFieldWrapper, withMaskedInputField };
2696
+ export type { AccordionContentType, AccordionItemProps, AccordionItemType, AccordionKeyValueProps, AccordionProps, ButtonProps, ButtonsLayoutProps, CalculatorResultBodyItem, CalculatorResultHeader, CalculatorResultMain, CalculatorResultModalDescriptor, CalculatorResultProps, CheckboxControlProps, CheckboxFieldProps, CheckboxProps, ChooseColor, CircularProgressBarProps, ColorObject, ColorSchemeProviderProps, ComboBoxControlProps, ComboBoxFieldProps, ComboBoxItem, ComboBoxItemOrder, ComboBoxProps, ComboBoxValue, CreateTooltipInfoDescriptor, CreateTooltipInfoDescriptorParam, DatePickerControlProps, DatePickerFieldProps, DatePickerProps, DesignSystemBaseProps, DesignSystemFullMessages, DesignSystemFullPropDefaults, DesignSystemMessagesProviderProps, DesignSystemPartialMessages, DesignSystemPartialPropDefaults, DesignSystemPropDefaultsProviderProps, DesignSystemProviderProps, EmailInputFieldProps, EmailInputProps, ErrorBoxItem, ErrorBoxProps, FieldAddon, FieldConfig, FieldConfigProviderProps, FieldControlProps, FieldLabelStoreProviderProps, FieldWrapperControlProps, FieldWrapperProps, FieldWrapperReservedProps, FileInputControlProps, FileInputDropzoneDragFilesHereComponent, FileInputDropzoneDragOrSelectFilesComponent, FileInputDropzoneSelectFilesComponent, FileInputFieldProps, FileInputLimitDescriptionComponent, FileInputProps, FileInputRemoveButtonTextComponent, FileInputSettings, FileInputUploadErrorReasonComponent, FileInputUploadFailedComponent, FormConfig, FormConfigProviderProps, FormErrorOutcomeProps, FormErrorSummaryProps, FormProviderProps, FormSuccessOutcomeProps, FormatAmountParam, FormattedAmountProps$1 as FormattedAmountProps, FormattedHtmlMessageProps, FormattedMessageProps, FormattedPercentageProps, GetColor, IconFlagProps, IconProductProps, IconSystemProps, IconSystemSvgProps, InfoboxProps, InfoboxTextContent, InputBaseProps, InputLabelPassthroughProps, InputLabelProps, InputProps, LoaderOverlayBoxProps, LoaderProps, MaskedInputBaseProps, MaskedInputFieldProps, MaskedInputProps, MediaTypeProviderProps, MessageDescriptorWithPrimitiveValues, MessageDescriptorWithValues, MessageValues, ModalOnClose, ModalProps, FormattedAmountProps as NextFormattedAmountProps, NumberInputFieldProps, NumberInputProps, PaperProps, PhoneInputFieldProps, PhoneInputProps, PrimitiveMessageValues, ProgressPaperProps, RadioButtonFieldProps, RadioButtonGroupControlProps, RadioButtonGroupFieldProps, RadioButtonGroupItem, RadioButtonGroupProps, RadioButtonLabel, RadioButtonProps, RadioControlProps, RadioFieldProps, RadioGeneralProps, RadioGroupControlProps, RadioGroupFieldProps, RadioGroupItem, RadioGroupProps, RadioProps, ReCaptchaV3Config, SearchInputProps, SelectControlProps, SelectFieldProps, SelectItem, SelectItemOrder, SelectProps, SliderAriaValueTextFormatter, SliderAriaValueTextFormatterContext, SliderBreakpoint, SliderInputFieldProps, SliderInputLimitExceededLiveTextFormatter, SliderInputLimitExceededLiveTextFormatterContext, SliderInputProps, SliderMinMaxLabels, SliderProps, SliderSteps, SpanButtonProps, SsrProps, StackProps, StepperItemProps, StepperProps, StoreButtonProps, SubmitHandler, SubmitHandlerErrorInfo, SubmitHandlerExtraParam, TabItemType, TableBodyProps, TableDataProps, TableHeadDataProps, TableHeadProps, TableProps, TableRowProps, TabsProps, TabsType, TagProps, TextAreaFieldProps, TextAreaProps, TextInputFieldProps, TextInputProps, Theme, ThrownFieldLevelError, ThrownFieldLevelErrorFormatter, ThrownFormErrors, ThrownFormLevelError, ThrownFormLevelErrorFormatter, ThrownFormLevelErrorFormatterOutput, ThrownFormLevelErrorMeta, ToggleProps, TooltipDescriptor, TooltipGeneralProps, TooltipInfoConditionalProps, TooltipInfoDescriptor, TooltipInfoDisplayableCheckProps, TooltipInfoProps, TooltipRenderParent, TrailingTextInputProps, TypographyProps, UseColorSchemeOptions, UseColorSchemeParam, UseDesignSystemOptions, UseDesignSystemParam, UseFormCaptchaProp, UseFormHandleSubmit, UseFormProps, UseFormReturn, UseFormSuccessOutcomeManagerReturn, UseMediaTypeOptions, UseMediaTypeParam, VisuallyHiddenProps };