@obosbbl/grunnmuren-react 2.0.0-canary.4 → 2.0.0-canary.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -1,16 +1,187 @@
1
- import { CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, ComboBoxProps, ListBoxItemProps, RadioGroupProps as RadioGroupProps$1, RadioProps as RadioProps$1, SelectProps as SelectProps$1, TextFieldProps as TextFieldProps$1 } from 'react-aria-components';
2
- export { ListBoxItemProps as ComboboxItemProps, Form, I18nProvider, ListBoxItemProps as SelectItemProps } from 'react-aria-components';
1
+ import { RouterProvider, ButtonProps as ButtonProps$1, LinkProps, CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, ListBoxItemProps, ComboBoxProps, RadioGroupProps as RadioGroupProps$1, RadioProps as RadioProps$1, SelectProps as SelectProps$1, TextFieldProps as TextFieldProps$1, NumberFieldProps as NumberFieldProps$1, ContextValue, BreadcrumbProps as BreadcrumbProps$1, BreadcrumbsProps as BreadcrumbsProps$1, Link } from 'react-aria-components';
2
+ export { ListBoxItemProps as ComboboxItemProps, Form, ListBoxItemProps as SelectItemProps } from 'react-aria-components';
3
+ import * as react_jsx_runtime from 'react/jsx-runtime';
3
4
  import * as react from 'react';
5
+ import { HTMLProps, Ref, ReactNode } from 'react';
4
6
  import { VariantProps } from 'cva';
5
- import * as react_jsx_runtime from 'react/jsx-runtime';
7
+ import { DateFormatterOptions } from 'react-aria';
8
+
9
+ type Locale = 'nb' | 'sv' | 'en';
10
+ /**
11
+ * Returns the locale set in `<GrunnmurenProvider />`
12
+ */
13
+ declare function _useLocale(): Locale;
14
+
15
+ type RouterProviderProps = React.ComponentProps<typeof RouterProvider>;
16
+ type GrunnmurenProviderProps = {
17
+ children: React.ReactNode;
18
+ /**
19
+ * The locale to apply to the children.
20
+ * @default nb
21
+ */
22
+ locale?: Locale;
23
+ /** The router to use for client side navigation */
24
+ navigate?: RouterProviderProps['navigate'];
25
+ /** Converts a router-specific href to a native HTML href, e.g. prepending a base path */
26
+ useHref?: RouterProviderProps['useHref'];
27
+ };
28
+ declare function GrunnmurenProvider({ children, locale, navigate, useHref, }: GrunnmurenProviderProps): react_jsx_runtime.JSX.Element;
29
+
30
+ type AccordionProps = {
31
+ children: React.ReactNode;
32
+ /** Additional CSS className for the element. */
33
+ className?: string;
34
+ /** Additional style properties for the element. */
35
+ style?: React.CSSProperties;
36
+ };
37
+ type AccordionItemProps = {
38
+ children?: React.ReactNode;
39
+ /** Additional CSS className for the element. */
40
+ className?: string;
41
+ /** Additional style properties for the element. */
42
+ style?: React.CSSProperties;
43
+ /** Whether the accordion is open (controlled) */
44
+ isOpen?: boolean;
45
+ /** Whether the accordion is open by default (uncontrolled) */
46
+ defaultOpen?: boolean;
47
+ /** Handler that is called when the accordion's open state changes */
48
+ onOpenChange?: (isOpen: boolean) => void;
49
+ };
50
+ declare const _Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
51
+ declare const _AccordionItem: react.ForwardRefExoticComponent<AccordionItemProps & react.RefAttributes<HTMLDivElement>>;
52
+
53
+ type BadgeProps = VariantProps<typeof badgeVariants> & {
54
+ children?: React.ReactNode;
55
+ className?: string;
56
+ };
57
+ declare const badgeVariants: (props?: ({
58
+ color?: "gray-dark" | "mint" | "sky" | "white" | "blue-dark" | "green-dark" | undefined;
59
+ size?: "small" | "medium" | "large" | undefined;
60
+ } & ({
61
+ class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
62
+ [x: string]: any;
63
+ } | null | undefined)[] | {
64
+ [x: string]: any;
65
+ } | null | undefined)[] | {
66
+ [x: string]: any;
67
+ } | null | undefined)[] | {
68
+ [x: string]: any;
69
+ } | null | undefined)[] | {
70
+ [x: string]: any;
71
+ } | null | undefined)[] | {
72
+ [x: string]: any;
73
+ } | null | undefined)[] | {
74
+ [x: string]: any;
75
+ } | null | undefined)[] | {
76
+ [x: string]: any;
77
+ } | null | undefined)[] | {
78
+ [x: string]: any;
79
+ } | null | undefined)[] | {
80
+ [x: string]: any;
81
+ } | null | undefined)[] | {
82
+ [x: string]: any;
83
+ } | null | undefined)[] | {
84
+ [x: string]: any;
85
+ } | null | undefined;
86
+ className?: never;
87
+ } | {
88
+ class?: never;
89
+ className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
90
+ [x: string]: any;
91
+ } | null | undefined)[] | {
92
+ [x: string]: any;
93
+ } | null | undefined)[] | {
94
+ [x: string]: any;
95
+ } | null | undefined)[] | {
96
+ [x: string]: any;
97
+ } | null | undefined)[] | {
98
+ [x: string]: any;
99
+ } | null | undefined)[] | {
100
+ [x: string]: any;
101
+ } | null | undefined)[] | {
102
+ [x: string]: any;
103
+ } | null | undefined)[] | {
104
+ [x: string]: any;
105
+ } | null | undefined)[] | {
106
+ [x: string]: any;
107
+ } | null | undefined)[] | {
108
+ [x: string]: any;
109
+ } | null | undefined)[] | {
110
+ [x: string]: any;
111
+ } | null | undefined)[] | {
112
+ [x: string]: any;
113
+ } | null | undefined;
114
+ })) | undefined) => string;
115
+ declare const _Badge: react.ForwardRefExoticComponent<VariantProps<(props?: ({
116
+ color?: "gray-dark" | "mint" | "sky" | "white" | "blue-dark" | "green-dark" | undefined;
117
+ size?: "small" | "medium" | "large" | undefined;
118
+ } & ({
119
+ class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
120
+ [x: string]: any;
121
+ } | null | undefined)[] | {
122
+ [x: string]: any;
123
+ } | null | undefined)[] | {
124
+ [x: string]: any;
125
+ } | null | undefined)[] | {
126
+ [x: string]: any;
127
+ } | null | undefined)[] | {
128
+ [x: string]: any;
129
+ } | null | undefined)[] | {
130
+ [x: string]: any;
131
+ } | null | undefined)[] | {
132
+ [x: string]: any;
133
+ } | null | undefined)[] | {
134
+ [x: string]: any;
135
+ } | null | undefined)[] | {
136
+ [x: string]: any;
137
+ } | null | undefined)[] | {
138
+ [x: string]: any;
139
+ } | null | undefined)[] | {
140
+ [x: string]: any;
141
+ } | null | undefined)[] | {
142
+ [x: string]: any;
143
+ } | null | undefined;
144
+ className?: never;
145
+ } | {
146
+ class?: never;
147
+ className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
148
+ [x: string]: any;
149
+ } | null | undefined)[] | {
150
+ [x: string]: any;
151
+ } | null | undefined)[] | {
152
+ [x: string]: any;
153
+ } | null | undefined)[] | {
154
+ [x: string]: any;
155
+ } | null | undefined)[] | {
156
+ [x: string]: any;
157
+ } | null | undefined)[] | {
158
+ [x: string]: any;
159
+ } | null | undefined)[] | {
160
+ [x: string]: any;
161
+ } | null | undefined)[] | {
162
+ [x: string]: any;
163
+ } | null | undefined)[] | {
164
+ [x: string]: any;
165
+ } | null | undefined)[] | {
166
+ [x: string]: any;
167
+ } | null | undefined)[] | {
168
+ [x: string]: any;
169
+ } | null | undefined)[] | {
170
+ [x: string]: any;
171
+ } | null | undefined;
172
+ })) | undefined) => string> & {
173
+ children?: React.ReactNode;
174
+ className?: string;
175
+ } & react.RefAttributes<HTMLSpanElement>>;
6
176
 
7
177
  /**
8
178
  * Figma: https://www.figma.com/file/9OvSg0ZXI5E1eQYi7AWiWn/Grunnmuren-2.0-%E2%94%82-Designsystem?node-id=30%3A2574&mode=dev
9
179
  */
10
180
  declare const buttonVariants: (props?: ({
11
181
  variant?: "primary" | "secondary" | "tertiary" | undefined;
12
- color?: "green" | "mint" | "white" | undefined;
182
+ color?: "mint" | "white" | "green" | undefined;
13
183
  isIconOnly?: boolean | undefined;
184
+ isPending?: boolean | undefined;
14
185
  } & ({
15
186
  class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
16
187
  [x: string]: any;
@@ -37,9 +208,9 @@ declare const buttonVariants: (props?: ({
37
208
  } | null | undefined)[] | {
38
209
  [x: string]: any;
39
210
  } | null | undefined;
40
- className?: undefined;
211
+ className?: never;
41
212
  } | {
42
- class?: undefined;
213
+ class?: never;
43
214
  className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
44
215
  [x: string]: any;
45
216
  } | null | undefined)[] | {
@@ -66,21 +237,19 @@ declare const buttonVariants: (props?: ({
66
237
  [x: string]: any;
67
238
  } | null | undefined;
68
239
  })) | undefined) => string;
69
- type ButtonOrLinkProps = (React.ComponentPropsWithoutRef<'button'> & {
70
- href?: never;
71
- }) | (React.ComponentPropsWithoutRef<'a'> & {
72
- href: string;
73
- });
74
- type ButtonProps = VariantProps<typeof buttonVariants> & {
75
- className?: string;
76
- children: React.ReactNode;
240
+ type ButtonOrLinkProps$1 = VariantProps<typeof buttonVariants> & {
241
+ children?: React.ReactNode;
242
+ href?: string;
77
243
  /**
78
244
  * Display the button in a loading state
245
+ * @deprecated Use isPending instead.
79
246
  * @default false
80
247
  */
81
248
  isLoading?: boolean;
249
+ /** Additional style properties for the element. */
82
250
  style?: React.CSSProperties;
83
- } & ButtonOrLinkProps;
251
+ };
252
+ type ButtonProps = (ButtonProps$1 | LinkProps) & ButtonOrLinkProps$1;
84
253
  declare const _Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
85
254
 
86
255
  type CheckboxProps = {
@@ -94,7 +263,17 @@ type CheckboxProps = {
94
263
  /** Additional style properties for the element. */
95
264
  style?: React.CSSProperties;
96
265
  } & Omit<CheckboxProps$1, 'isDisabled' | 'style' | 'children' | 'isIndeterminate' | 'isReadOnly'>;
97
- declare const _Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & react.RefAttributes<HTMLLabelElement>>;
266
+ declare const _Checkbox: react.ForwardRefExoticComponent<{
267
+ children: React.ReactNode;
268
+ /** Additional CSS className for the element. */
269
+ className?: string;
270
+ /** Help text for the form control. */
271
+ description?: React.ReactNode;
272
+ /** Error message for the form control. Automatically sets `isInvalid` to true */
273
+ errorMessage?: React.ReactNode;
274
+ /** Additional style properties for the element. */
275
+ style?: React.CSSProperties;
276
+ } & Omit<CheckboxProps$1, "style" | "children" | "isDisabled" | "isIndeterminate" | "isReadOnly"> & react.RefAttributes<HTMLLabelElement>>;
98
277
 
99
278
  type CheckboxGroupProps = {
100
279
  children: React.ReactNode;
@@ -109,7 +288,21 @@ type CheckboxGroupProps = {
109
288
  /** Additional style properties for the element. */
110
289
  style?: React.CSSProperties;
111
290
  } & Omit<CheckboxGroupProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style' | 'orientation'>;
112
- declare const _CheckboxGroup: react.ForwardRefExoticComponent<Omit<CheckboxGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
291
+ declare const _CheckboxGroup: react.ForwardRefExoticComponent<{
292
+ children: React.ReactNode;
293
+ /** Additional CSS className for the element. */
294
+ className?: string;
295
+ /** Help text for the form control. */
296
+ description?: React.ReactNode;
297
+ /** Error message for the form control. Automatically sets `isInvalid` to true */
298
+ errorMessage?: React.ReactNode;
299
+ /** Label for the form control. */
300
+ label?: React.ReactNode;
301
+ /** Additional style properties for the element. */
302
+ style?: React.CSSProperties;
303
+ } & Omit<CheckboxGroupProps$1, "style" | "children" | "className" | "isDisabled" | "isReadOnly" | "orientation"> & react.RefAttributes<HTMLDivElement>>;
304
+
305
+ declare const ListBoxItem: (props: ListBoxItemProps) => react_jsx_runtime.JSX.Element;
113
306
 
114
307
  type ComboboxProps<T extends object> = {
115
308
  children: React.ReactNode;
@@ -120,10 +313,15 @@ type ComboboxProps<T extends object> = {
120
313
  /** Error message for the form control. Automatically sets `isInvalid` to true */
121
314
  errorMessage?: React.ReactNode;
122
315
  /**
123
- * Display the dropdown button trigger in a loading state
124
- * @default false
316
+ * Display the dropdown button trigger in a pending state
317
+ * @deprecated Use isPending instead.
125
318
  */
126
319
  isLoading?: boolean;
320
+ /**
321
+ * Display the dropdown button trigger in a pending state
322
+ * @default false
323
+ */
324
+ isPending?: boolean;
127
325
  /** Label for the form control. */
128
326
  label?: React.ReactNode;
129
327
  /** Placeholder text. Only visible when the input value is empty. */
@@ -131,8 +329,31 @@ type ComboboxProps<T extends object> = {
131
329
  /** Additional style properties for the element. */
132
330
  style?: React.CSSProperties;
133
331
  } & Omit<ComboBoxProps<T>, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
134
- declare const ComboboxItem: (props: ListBoxItemProps) => react_jsx_runtime.JSX.Element;
135
- declare const _Combobox: react.ForwardRefExoticComponent<Omit<ComboboxProps<object>, "ref"> & react.RefAttributes<HTMLInputElement>>;
332
+ declare const _Combobox: react.ForwardRefExoticComponent<{
333
+ children: React.ReactNode;
334
+ /** Additional CSS className for the element. */
335
+ className?: string;
336
+ /** Help text for the form control. */
337
+ description?: React.ReactNode;
338
+ /** Error message for the form control. Automatically sets `isInvalid` to true */
339
+ errorMessage?: React.ReactNode;
340
+ /**
341
+ * Display the dropdown button trigger in a pending state
342
+ * @deprecated Use isPending instead.
343
+ */
344
+ isLoading?: boolean;
345
+ /**
346
+ * Display the dropdown button trigger in a pending state
347
+ * @default false
348
+ */
349
+ isPending?: boolean;
350
+ /** Label for the form control. */
351
+ label?: React.ReactNode;
352
+ /** Placeholder text. Only visible when the input value is empty. */
353
+ placeholder?: string;
354
+ /** Additional style properties for the element. */
355
+ style?: React.CSSProperties;
356
+ } & Omit<ComboBoxProps<object>, "style" | "children" | "className" | "isDisabled" | "isReadOnly"> & react.RefAttributes<HTMLInputElement>>;
136
357
 
137
358
  type RadioGroupProps = {
138
359
  children: React.ReactNode;
@@ -147,7 +368,19 @@ type RadioGroupProps = {
147
368
  /** Additional style properties for the element. */
148
369
  style?: React.CSSProperties;
149
370
  } & Omit<RadioGroupProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style' | 'orientation'>;
150
- declare const _RadioGroup: react.ForwardRefExoticComponent<Omit<RadioGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
371
+ declare const _RadioGroup: react.ForwardRefExoticComponent<{
372
+ children: React.ReactNode;
373
+ /** Additional CSS className for the element. */
374
+ className?: string;
375
+ /** Help text for the form control. */
376
+ description?: React.ReactNode;
377
+ /** Error message for the form control. Automatically sets `isInvalid` to true */
378
+ errorMessage?: React.ReactNode;
379
+ /** Label for the form control. */
380
+ label?: React.ReactNode;
381
+ /** Additional style properties for the element. */
382
+ style?: React.CSSProperties;
383
+ } & Omit<RadioGroupProps$1, "style" | "children" | "className" | "isDisabled" | "isReadOnly" | "orientation"> & react.RefAttributes<HTMLDivElement>>;
151
384
 
152
385
  type RadioProps = {
153
386
  children: React.ReactNode;
@@ -158,7 +391,15 @@ type RadioProps = {
158
391
  /** Additional style properties for the element. */
159
392
  style?: React.CSSProperties;
160
393
  } & Omit<RadioProps$1, 'isDisabled' | 'children' | 'style'>;
161
- declare const _Radio: react.ForwardRefExoticComponent<Omit<RadioProps, "ref"> & react.RefAttributes<HTMLLabelElement>>;
394
+ declare const _Radio: react.ForwardRefExoticComponent<{
395
+ children: React.ReactNode;
396
+ /** Additional CSS className for the element. */
397
+ className?: string;
398
+ /** Help text for the form control. */
399
+ description?: React.ReactNode;
400
+ /** Additional style properties for the element. */
401
+ style?: React.CSSProperties;
402
+ } & Omit<RadioProps$1, "style" | "children" | "isDisabled"> & react.RefAttributes<HTMLLabelElement>>;
162
403
 
163
404
  type SelectProps<T extends object> = {
164
405
  children: React.ReactNode;
@@ -175,8 +416,21 @@ type SelectProps<T extends object> = {
175
416
  /** Additional style properties for the element. */
176
417
  style?: React.CSSProperties;
177
418
  } & Omit<SelectProps$1<T>, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
178
- declare const SelectItem: (props: ListBoxItemProps) => react_jsx_runtime.JSX.Element;
179
- declare const _Select: react.ForwardRefExoticComponent<Omit<SelectProps<object>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
419
+ declare const _Select: react.ForwardRefExoticComponent<{
420
+ children: React.ReactNode;
421
+ /** Additional CSS className for the element. */
422
+ className?: string;
423
+ /** Help text for the form control. */
424
+ description?: React.ReactNode;
425
+ /** Error message for the form control. Automatically sets `isInvalid` to true */
426
+ errorMessage?: React.ReactNode;
427
+ /** Label for the form control. */
428
+ label?: React.ReactNode;
429
+ /** Placeholder text. Only visible when the input value is empty. */
430
+ placeholder?: string;
431
+ /** Additional style properties for the element. */
432
+ style?: React.CSSProperties;
433
+ } & Omit<SelectProps$1<object>, "style" | "children" | "className" | "isDisabled" | "isReadOnly"> & react.RefAttributes<HTMLButtonElement>>;
180
434
 
181
435
  type TextAreaProps = {
182
436
  /** Additional CSS className for the element. */
@@ -197,7 +451,25 @@ type TextAreaProps = {
197
451
  */
198
452
  rows?: number;
199
453
  } & Omit<TextFieldProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
200
- declare const _TextArea: react.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & react.RefAttributes<HTMLTextAreaElement>>;
454
+ declare const _TextArea: react.ForwardRefExoticComponent<{
455
+ /** Additional CSS className for the element. */
456
+ className?: string;
457
+ /** Help text for the form control. */
458
+ description?: React.ReactNode;
459
+ /** Error message for the form control. Automatically sets `isInvalid` to true */
460
+ errorMessage?: React.ReactNode;
461
+ /** Label for the form control. */
462
+ label?: React.ReactNode;
463
+ /** Placeholder text. Only visible when the input value is empty. */
464
+ placeholder?: string;
465
+ /** Additional style properties for the element. */
466
+ style?: React.CSSProperties;
467
+ /**
468
+ * The number of visible text lines for the control.
469
+ * @default 2
470
+ */
471
+ rows?: number;
472
+ } & Omit<TextFieldProps$1, "style" | "children" | "className" | "isDisabled" | "isReadOnly"> & react.RefAttributes<HTMLTextAreaElement>>;
201
473
 
202
474
  type TextFieldProps = {
203
475
  /** Additional CSS className for the element. */
@@ -221,9 +493,348 @@ type TextFieldProps = {
221
493
  textAlign?: 'left' | 'right';
222
494
  /** Additional style properties for the element. */
223
495
  style?: React.CSSProperties;
224
- /** Add a divider between the left/right addons and the input */
496
+ /** Add a divider between the left/right addons and the input, a value of 0 will be ignored */
225
497
  withAddonDivider?: boolean;
498
+ /** Defines the number of characters and determines the width of the input element */
499
+ size?: number;
226
500
  } & Omit<TextFieldProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
227
- declare const _TextField: react.ForwardRefExoticComponent<Omit<TextFieldProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
501
+ declare const _TextField: react.ForwardRefExoticComponent<{
502
+ /** Additional CSS className for the element. */
503
+ className?: string;
504
+ /** Help text for the form control. */
505
+ description?: React.ReactNode;
506
+ /** Error message for the form control. Automatically sets `isInvalid` to true */
507
+ errorMessage?: React.ReactNode;
508
+ /** Element to be rendered in the left side of the input. */
509
+ leftAddon?: React.ReactNode;
510
+ /** Label for the form control. */
511
+ label?: React.ReactNode;
512
+ /** Element to be rendered in the right side of the input. */
513
+ rightAddon?: React.ReactNode;
514
+ /** Placeholder text. Only visible when the input value is empty. */
515
+ placeholder?: string;
516
+ /**
517
+ * Text alignment of the input
518
+ * @default left
519
+ */
520
+ textAlign?: "left" | "right";
521
+ /** Additional style properties for the element. */
522
+ style?: React.CSSProperties;
523
+ /** Add a divider between the left/right addons and the input, a value of 0 will be ignored */
524
+ withAddonDivider?: boolean;
525
+ /** Defines the number of characters and determines the width of the input element */
526
+ size?: number;
527
+ } & Omit<TextFieldProps$1, "style" | "children" | "className" | "isDisabled" | "isReadOnly"> & react.RefAttributes<HTMLInputElement>>;
528
+
529
+ type NumberFieldProps = {
530
+ /** Additional CSS className for the element. */
531
+ className?: string;
532
+ /** Help text for the form control. */
533
+ description?: React.ReactNode;
534
+ /** Error message for the form control. Automatically sets `isInvalid` to true */
535
+ errorMessage?: React.ReactNode;
536
+ /** Element to be rendered in the left side of the input. */
537
+ leftAddon?: React.ReactNode;
538
+ /** Label for the form control. */
539
+ label?: React.ReactNode;
540
+ /** Element to be rendered in the right side of the input. */
541
+ rightAddon?: React.ReactNode;
542
+ /** Placeholder text. Only visible when the input value is empty. */
543
+ placeholder?: string;
544
+ /**
545
+ * Text alignment of the input
546
+ * @default left
547
+ */
548
+ textAlign?: 'left' | 'right';
549
+ /** Additional style properties for the element. */
550
+ style?: React.CSSProperties;
551
+ /** Add a divider between the left/right addons and the input */
552
+ withAddonDivider?: boolean;
553
+ /** Defines the number of characters and determines the width of the input element, a value of 0 will be ignored */
554
+ size?: number;
555
+ /** Defines the maximum numeric value */
556
+ maxValue?: number;
557
+ /** Defines the minimum numeric value */
558
+ minValue?: number;
559
+ } & Omit<NumberFieldProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style' | 'hideStepper'>;
560
+ declare const _NumberField: react.ForwardRefExoticComponent<{
561
+ /** Additional CSS className for the element. */
562
+ className?: string;
563
+ /** Help text for the form control. */
564
+ description?: React.ReactNode;
565
+ /** Error message for the form control. Automatically sets `isInvalid` to true */
566
+ errorMessage?: React.ReactNode;
567
+ /** Element to be rendered in the left side of the input. */
568
+ leftAddon?: React.ReactNode;
569
+ /** Label for the form control. */
570
+ label?: React.ReactNode;
571
+ /** Element to be rendered in the right side of the input. */
572
+ rightAddon?: React.ReactNode;
573
+ /** Placeholder text. Only visible when the input value is empty. */
574
+ placeholder?: string;
575
+ /**
576
+ * Text alignment of the input
577
+ * @default left
578
+ */
579
+ textAlign?: "left" | "right";
580
+ /** Additional style properties for the element. */
581
+ style?: React.CSSProperties;
582
+ /** Add a divider between the left/right addons and the input */
583
+ withAddonDivider?: boolean;
584
+ /** Defines the number of characters and determines the width of the input element, a value of 0 will be ignored */
585
+ size?: number;
586
+ /** Defines the maximum numeric value */
587
+ maxValue?: number;
588
+ /** Defines the minimum numeric value */
589
+ minValue?: number;
590
+ } & Omit<NumberFieldProps$1, "style" | "children" | "className" | "isDisabled" | "isReadOnly" | "hideStepper"> & react.RefAttributes<HTMLInputElement>>;
591
+
592
+ declare const alertVariants: (props?: ({
593
+ variant?: "info" | "success" | "warning" | "danger" | undefined;
594
+ } & ({
595
+ class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
596
+ [x: string]: any;
597
+ } | null | undefined)[] | {
598
+ [x: string]: any;
599
+ } | null | undefined)[] | {
600
+ [x: string]: any;
601
+ } | null | undefined)[] | {
602
+ [x: string]: any;
603
+ } | null | undefined)[] | {
604
+ [x: string]: any;
605
+ } | null | undefined)[] | {
606
+ [x: string]: any;
607
+ } | null | undefined)[] | {
608
+ [x: string]: any;
609
+ } | null | undefined)[] | {
610
+ [x: string]: any;
611
+ } | null | undefined)[] | {
612
+ [x: string]: any;
613
+ } | null | undefined)[] | {
614
+ [x: string]: any;
615
+ } | null | undefined)[] | {
616
+ [x: string]: any;
617
+ } | null | undefined)[] | {
618
+ [x: string]: any;
619
+ } | null | undefined;
620
+ className?: never;
621
+ } | {
622
+ class?: never;
623
+ className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
624
+ [x: string]: any;
625
+ } | null | undefined)[] | {
626
+ [x: string]: any;
627
+ } | null | undefined)[] | {
628
+ [x: string]: any;
629
+ } | null | undefined)[] | {
630
+ [x: string]: any;
631
+ } | null | undefined)[] | {
632
+ [x: string]: any;
633
+ } | null | undefined)[] | {
634
+ [x: string]: any;
635
+ } | null | undefined)[] | {
636
+ [x: string]: any;
637
+ } | null | undefined)[] | {
638
+ [x: string]: any;
639
+ } | null | undefined)[] | {
640
+ [x: string]: any;
641
+ } | null | undefined)[] | {
642
+ [x: string]: any;
643
+ } | null | undefined)[] | {
644
+ [x: string]: any;
645
+ } | null | undefined)[] | {
646
+ [x: string]: any;
647
+ } | null | undefined;
648
+ })) | undefined) => string;
649
+ type Props = VariantProps<typeof alertVariants> & {
650
+ children: React.ReactNode;
651
+ /**
652
+ * The ARIA role for the alertbox.
653
+ */
654
+ role: 'alert' | 'status' | 'none';
655
+ /** Additional CSS className for the element. */
656
+ className?: string;
657
+ /**
658
+ * Controls if the alert is expandable or not
659
+ * @default false
660
+ */
661
+ isExpandable?: boolean;
662
+ /**
663
+ * Controls if the alert can be dismissed with a close button.
664
+ * @default false
665
+ */
666
+ isDismissable?: boolean;
667
+ /**
668
+ * Controls if the alert is rendered or not.
669
+ * This is used to control the open/closed state of the component; make the component "controlled".
670
+ * @default false
671
+ */
672
+ isDismissed?: boolean;
673
+ /**
674
+ * Callback that should be triggered when a dismissable alert is closed.
675
+ * This is used to control the open/closed state of the component; make the component "controlled".
676
+ */
677
+ onDismiss?: () => void;
678
+ };
679
+ declare const Alertbox: ({ children, role, className, variant, isDismissable, isDismissed, onDismiss, isExpandable, }: Props) => react_jsx_runtime.JSX.Element | undefined;
680
+
681
+ type HeadingProps = HTMLProps<HTMLHeadingElement> & {
682
+ children?: React.ReactNode;
683
+ /** The level of the heading */
684
+ level: 1 | 2 | 3 | 4 | 5 | 6;
685
+ /** @private Used internally for slotted components */
686
+ _innerWrapper?: (children: React.ReactNode) => React.ReactNode;
687
+ };
688
+ declare const HeadingContext: react.Context<ContextValue<Partial<HeadingProps>, HTMLHeadingElement>>;
689
+ declare const Heading: (props: HeadingProps, ref: Ref<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
690
+ declare const ContentContext: react.Context<ContextValue<Partial<ContentProps>, HTMLDivElement>>;
691
+ type ContentProps = HTMLProps<HTMLDivElement> & {
692
+ children: React.ReactNode;
693
+ /** @private Used internally for slotted components */
694
+ _outerWrapper?: (children: React.ReactNode) => React.ReactNode;
695
+ };
696
+ declare const Content: (props: ContentProps, ref: Ref<HTMLDivElement>) => string | number | bigint | boolean | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
697
+ type MediaProps = HTMLProps<HTMLDivElement> & {
698
+ children: React.ReactNode;
699
+ };
700
+ declare const Media: (props: MediaProps) => react_jsx_runtime.JSX.Element;
701
+ type FooterProps = HTMLProps<HTMLDivElement> & {
702
+ children: React.ReactNode;
703
+ };
704
+ declare const Footer: (props: FooterProps) => react_jsx_runtime.JSX.Element;
705
+
706
+ type BreadcrumbProps = {
707
+ /** Additional CSS className for the element. */
708
+ className?: string;
709
+ children?: React.ReactNode;
710
+ /** Additional style properties for the element. */
711
+ style?: React.CSSProperties;
712
+ /** The URL to navigate to when clicking the breadcrumb. */
713
+ href?: string;
714
+ } & Omit<BreadcrumbProps$1, 'className' | 'style'>;
715
+ declare const _Breadcrumb: react.ForwardRefExoticComponent<{
716
+ /** Additional CSS className for the element. */
717
+ className?: string;
718
+ children?: React.ReactNode;
719
+ /** Additional style properties for the element. */
720
+ style?: React.CSSProperties;
721
+ /** The URL to navigate to when clicking the breadcrumb. */
722
+ href?: string;
723
+ } & Omit<BreadcrumbProps$1, "style" | "className"> & react.RefAttributes<HTMLLIElement>>;
724
+
725
+ type BreadcrumbsProps = {
726
+ /** Additional CSS className for the element. */
727
+ className?: string;
728
+ /** Additional style properties for the element. */
729
+ style?: React.CSSProperties;
730
+ } & Omit<BreadcrumbsProps$1<BreadcrumbProps>, 'className' | 'style'>;
731
+ declare const _Breadcrumbs: react.ForwardRefExoticComponent<{
732
+ /** Additional CSS className for the element. */
733
+ className?: string;
734
+ /** Additional style properties for the element. */
735
+ style?: React.CSSProperties;
736
+ } & Omit<BreadcrumbsProps$1<BreadcrumbProps>, "style" | "className"> & react.RefAttributes<HTMLOListElement>>;
737
+
738
+ type ButtonOrLinkProps = {
739
+ children?: React.ReactNode;
740
+ /** Additional CSS className for the element. */
741
+ className?: string;
742
+ /** Determines whether to use an anchor or a button for the Backlink */
743
+ href?: string;
744
+ /** To add a permanent underline on the link (not only on hover)
745
+ * @default false
746
+ */
747
+ withUnderline?: boolean;
748
+ };
749
+ type BacklinkProps = (ButtonProps$1 | React.ComponentPropsWithoutRef<typeof Link>) & ButtonOrLinkProps;
750
+ declare const _Backlink: react.ForwardRefExoticComponent<BacklinkProps & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
751
+
752
+ type CardProps = VariantProps<typeof cardVariants> & {
753
+ children?: React.ReactNode;
754
+ className?: string;
755
+ };
756
+ declare const cardVariants: (props?: ({
757
+ variant?: "subtle" | "outlined" | undefined;
758
+ } & ({
759
+ class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
760
+ [x: string]: any;
761
+ } | null | undefined)[] | {
762
+ [x: string]: any;
763
+ } | null | undefined)[] | {
764
+ [x: string]: any;
765
+ } | null | undefined)[] | {
766
+ [x: string]: any;
767
+ } | null | undefined)[] | {
768
+ [x: string]: any;
769
+ } | null | undefined)[] | {
770
+ [x: string]: any;
771
+ } | null | undefined)[] | {
772
+ [x: string]: any;
773
+ } | null | undefined)[] | {
774
+ [x: string]: any;
775
+ } | null | undefined)[] | {
776
+ [x: string]: any;
777
+ } | null | undefined)[] | {
778
+ [x: string]: any;
779
+ } | null | undefined)[] | {
780
+ [x: string]: any;
781
+ } | null | undefined)[] | {
782
+ [x: string]: any;
783
+ } | null | undefined;
784
+ className?: never;
785
+ } | {
786
+ class?: never;
787
+ className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
788
+ [x: string]: any;
789
+ } | null | undefined)[] | {
790
+ [x: string]: any;
791
+ } | null | undefined)[] | {
792
+ [x: string]: any;
793
+ } | null | undefined)[] | {
794
+ [x: string]: any;
795
+ } | null | undefined)[] | {
796
+ [x: string]: any;
797
+ } | null | undefined)[] | {
798
+ [x: string]: any;
799
+ } | null | undefined)[] | {
800
+ [x: string]: any;
801
+ } | null | undefined)[] | {
802
+ [x: string]: any;
803
+ } | null | undefined)[] | {
804
+ [x: string]: any;
805
+ } | null | undefined)[] | {
806
+ [x: string]: any;
807
+ } | null | undefined)[] | {
808
+ [x: string]: any;
809
+ } | null | undefined)[] | {
810
+ [x: string]: any;
811
+ } | null | undefined;
812
+ })) | undefined) => string;
813
+ declare const Card: ({ children, className: _className, variant, ...restProps }: CardProps) => react_jsx_runtime.JSX.Element;
814
+ type RACLinkProps = Pick<LinkProps, 'href' | 'routerOptions' | 'children'>;
815
+ type CardLinkWrapperProps = RACLinkProps & {
816
+ children: React.ReactNode;
817
+ };
818
+ type CardLinkProps = {
819
+ className?: string;
820
+ } & (RACLinkProps | CardLinkWrapperProps);
821
+ /**
822
+ * A component that creates a clickable area on a card.
823
+ * It can be used either as a wrapper around a link or as a standalone link.
824
+ */
825
+ declare const CardLink: ({ className: _className, href, ...restProps }: CardLinkProps) => react_jsx_runtime.JSX.Element;
826
+
827
+ type DateFormatterProps = {
828
+ value: Date | string;
829
+ options?: DateFormatterOptions;
830
+ /** Callback to customize the rendering of the date */
831
+ children?: (formattedDate: string) => ReactNode;
832
+ };
833
+ /**
834
+ * A React component that wraps https://react-spectrum.adobe.com/react-aria/useDateFormatter.html
835
+ * By default it sets the timeZone to `Europe/Berlin` to prevent the server's timezone from affecting
836
+ * the localized format
837
+ */
838
+ declare const DateFormatter: ({ options: _options, value, children: render, }: DateFormatterProps) => ReactNode;
228
839
 
229
- export { _Button as Button, type ButtonProps, _Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, _Combobox as Combobox, ComboboxItem, type ComboboxProps, _Radio as Radio, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, _Select as Select, SelectItem, type SelectProps, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps };
840
+ export { _Accordion as Accordion, _AccordionItem as AccordionItem, type AccordionItemProps, type AccordionProps, Alertbox, type Props as AlertboxProps, _Backlink as Backlink, type BacklinkProps, _Badge as Badge, type BadgeProps, _Breadcrumb as Breadcrumb, type BreadcrumbProps, _Breadcrumbs as Breadcrumbs, type BreadcrumbsProps, _Button as Button, type ButtonProps, Card, CardLink, type CardLinkProps, type CardProps, _Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, _Combobox as Combobox, ListBoxItem as ComboboxItem, type ComboboxProps, Content, ContentContext, type ContentProps, DateFormatter, type DateFormatterProps, Footer, type FooterProps, GrunnmurenProvider, type GrunnmurenProviderProps, Heading, HeadingContext, type HeadingProps, type Locale, Media, type MediaProps, _NumberField as NumberField, type NumberFieldProps, _Radio as Radio, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, _Select as Select, ListBoxItem as SelectItem, type SelectProps, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps, _useLocale as useLocale };