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

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