@marigold/components 6.2.6 → 6.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/LICENSE +1 -1
  2. package/dist/index.d.mts +34 -39
  3. package/dist/index.d.ts +34 -39
  4. package/dist/index.js +38 -51
  5. package/dist/index.mjs +67 -70
  6. package/package.json +63 -64
package/LICENSE CHANGED
@@ -1,6 +1,6 @@
1
1
  MIT License
2
2
 
3
- Copyright (c) 2021 Marigold UI
3
+ Copyright (c) 2023 Marigold UI
4
4
 
5
5
  Permission is hereby granted, free of charge, to any person obtaining a copy
6
6
  of this software and associated documentation files (the "Software"), to deal
package/dist/index.d.mts CHANGED
@@ -68,7 +68,7 @@ interface AsideProps extends GapSpaceProp {
68
68
  }
69
69
  declare const Aside: ({ children, sideWidth, space, side, stretch, wrap, }: AsideProps) => react_jsx_runtime.JSX.Element;
70
70
 
71
- interface AspectProps extends HtmlProps<'div'>, AspectProp {
71
+ interface AspectProps extends Omit<HtmlProps<'div'>, 'className'>, AspectProp {
72
72
  children?: ReactNode;
73
73
  maxWidth?: string;
74
74
  }
@@ -121,14 +121,14 @@ declare const ComboBox: {
121
121
  Item: <T>(props: _react_types_shared.ItemProps<T>) => JSX.Element;
122
122
  };
123
123
 
124
- interface BadgeProps extends HtmlProps<'div'> {
124
+ interface BadgeProps extends Omit<HtmlProps<'div'>, 'className'> {
125
125
  children?: React.ReactNode;
126
126
  variant?: string;
127
127
  size?: string;
128
128
  }
129
129
  declare const Badge: ({ variant, size, children, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
130
130
 
131
- interface BreakoutProps extends HtmlProps<'div'>, AlignmentProp {
131
+ interface BreakoutProps extends Omit<HtmlProps<'div'>, 'className'>, AlignmentProp {
132
132
  children?: ReactNode;
133
133
  height?: string;
134
134
  alignX?: keyof typeof alignment.horizontal.alignmentX;
@@ -136,7 +136,7 @@ interface BreakoutProps extends HtmlProps<'div'>, AlignmentProp {
136
136
  }
137
137
  declare const Breakout: ({ height, children, orientation, alignX, alignY, ...props }: BreakoutProps) => react_jsx_runtime.JSX.Element;
138
138
 
139
- interface BodyProps extends HtmlProps<'section'> {
139
+ interface BodyProps extends Omit<HtmlProps<'section'>, 'className'> {
140
140
  children?: ReactNode;
141
141
  variant?: string;
142
142
  size?: string;
@@ -153,7 +153,7 @@ interface ButtonProps extends PropsOf<typeof Button> {
153
153
  }
154
154
  declare const Button: PolymorphicComponent<"button", ButtonOwnProps>;
155
155
 
156
- interface CardProps extends HtmlProps<'div'>, GapSpaceProp, PaddingSpaceProp, PaddingSpacePropX, PaddingSpacePropY, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp {
156
+ interface CardProps extends Omit<HtmlProps<'div'>, 'className'>, GapSpaceProp, PaddingSpaceProp, PaddingSpacePropX, PaddingSpacePropY, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp {
157
157
  children?: ReactNode;
158
158
  variant?: string;
159
159
  size?: string;
@@ -163,7 +163,7 @@ interface CardProps extends HtmlProps<'div'>, GapSpaceProp, PaddingSpaceProp, Pa
163
163
  }
164
164
  declare const Card: ({ children, variant, size, space, p, px, py, pt, pb, pl, pr, ...props }: CardProps) => react_jsx_runtime.JSX.Element;
165
165
 
166
- interface CenterProps extends HtmlProps<'div'>, GapSpaceProp {
166
+ interface CenterProps extends Omit<HtmlProps<'div'>, 'className'>, GapSpaceProp {
167
167
  children?: ReactNode;
168
168
  maxWidth?: string;
169
169
  }
@@ -174,7 +174,7 @@ declare const Center: ({ maxWidth, space, children, ...props }: CenterProps) =>
174
174
  * Thus, we adjust our regular props to match them.
175
175
  */
176
176
  type CustomCheckboxProps = 'value' | 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyUp';
177
- interface CheckboxProps extends Omit<HtmlProps<'input'>, 'size' | 'type' | 'defaultValue' | CustomCheckboxProps>, Pick<AriaCheckboxProps, CustomCheckboxProps> {
177
+ interface CheckboxProps extends Omit<HtmlProps<'input'>, 'size' | 'type' | 'defaultValue' | CustomCheckboxProps | 'className'>, Pick<AriaCheckboxProps, CustomCheckboxProps> {
178
178
  children?: ReactNode;
179
179
  indeterminate?: boolean;
180
180
  error?: boolean;
@@ -192,7 +192,7 @@ interface CheckboxGroupContextProps extends CheckboxGroupState {
192
192
  */
193
193
  declare const CheckboxGroupContext: react.Context<CheckboxGroupContextProps>;
194
194
  declare const useCheckboxGroupContext: () => CheckboxGroupContextProps;
195
- interface CheckboxGroupProps extends Omit<HtmlProps<'div'>, 'onChange'>, AriaCheckboxGroupProps {
195
+ interface CheckboxGroupProps extends Omit<HtmlProps<'div'>, 'onChange' | 'className'>, AriaCheckboxGroupProps {
196
196
  children: ReactNode;
197
197
  variant?: string;
198
198
  size?: string;
@@ -216,7 +216,7 @@ interface ColumnsProps extends GapSpaceProp {
216
216
  }
217
217
  declare const Columns: ({ space, columns, collapseAt, stretch, children, ...props }: ColumnsProps) => react_jsx_runtime.JSX.Element;
218
218
 
219
- interface ContainerProps extends HtmlProps<'div'>, PlaceItemsProp, GridColumn, GridColsAlignProp {
219
+ interface ContainerProps extends Omit<HtmlProps<'div'>, 'className'>, PlaceItemsProp, GridColumn, GridColsAlignProp {
220
220
  children?: ReactNode;
221
221
  contentType?: 'content' | 'header';
222
222
  size?: keyof typeof content | keyof typeof header;
@@ -275,7 +275,7 @@ interface DividerProps extends SeparatorProps {
275
275
  }
276
276
  declare const Divider: ({ variant, ...props }: DividerProps) => react_jsx_runtime.JSX.Element;
277
277
 
278
- interface LabelProps extends HtmlProps<'label'> {
278
+ interface LabelProps extends Omit<HtmlProps<'label'>, 'className'> {
279
279
  as?: 'label' | 'span';
280
280
  variant?: string;
281
281
  size?: string;
@@ -289,12 +289,12 @@ interface FieldBaseProps extends WidthProp {
289
289
  size?: string;
290
290
  disabled?: boolean;
291
291
  label?: ReactNode;
292
- labelProps?: LabelHTMLAttributes<HTMLLabelElement> & Pick<LabelProps, 'as'>;
292
+ labelProps?: Omit<LabelHTMLAttributes<HTMLLabelElement>, 'children'> & Pick<LabelProps, 'as'>;
293
293
  description?: ReactNode;
294
- descriptionProps?: HTMLAttributes<HTMLElement>;
294
+ descriptionProps?: Omit<HTMLAttributes<HTMLElement>, 'children'>;
295
295
  error?: boolean;
296
296
  errorMessage?: ReactNode;
297
- errorMessageProps?: HTMLAttributes<HTMLElement>;
297
+ errorMessageProps?: Omit<HTMLAttributes<HTMLElement>, 'children'>;
298
298
  stateProps?: StateAttrProps;
299
299
  }
300
300
  declare const FieldBase: ({ children, variant, size, width, disabled, label, labelProps, description, descriptionProps, error, errorMessage, errorMessageProps, stateProps, ...props }: FieldBaseProps) => react_jsx_runtime.JSX.Element;
@@ -310,21 +310,21 @@ interface FieldGroupProps {
310
310
  }
311
311
  declare const FieldGroup: ({ labelWidth, children }: FieldGroupProps) => react_jsx_runtime.JSX.Element;
312
312
 
313
- interface FooterProps extends HtmlProps<'footer'> {
313
+ interface FooterProps extends Omit<HtmlProps<'footer'>, 'className'> {
314
314
  children?: ReactNode;
315
315
  variant?: string;
316
316
  size?: string;
317
317
  }
318
318
  declare const Footer: ({ children, variant, size, ...props }: FooterProps) => react_jsx_runtime.JSX.Element;
319
319
 
320
- interface HeaderProps extends HtmlProps<'header'> {
320
+ interface HeaderProps extends Omit<HtmlProps<'header'>, 'className'> {
321
321
  children?: ReactNode;
322
322
  variant?: string;
323
323
  size?: string;
324
324
  }
325
- declare const Header: ({ children, variant, size, className, ...props }: HeaderProps) => react_jsx_runtime.JSX.Element;
325
+ declare const Header: ({ children, variant, size, ...props }: HeaderProps) => react_jsx_runtime.JSX.Element;
326
326
 
327
- interface HeadlineProps extends HtmlProps<'h1'>, TextAlignProp {
327
+ interface HeadlineProps extends Omit<HtmlProps<'h1'>, 'className'>, TextAlignProp {
328
328
  children?: ReactNode;
329
329
  level?: '1' | '2' | '3' | '4' | '5' | '6';
330
330
  color?: string;
@@ -334,7 +334,7 @@ interface HeadlineProps extends HtmlProps<'h1'>, TextAlignProp {
334
334
  }
335
335
  declare const Headline: ({ children, variant, size, align, color, level, as, ...props }: HeadlineProps) => react_jsx_runtime.JSX.Element;
336
336
 
337
- interface ImageProps extends HtmlProps<'img'>, ObjectFitProp, ObjectPositionProp {
337
+ interface ImageProps extends Omit<HtmlProps<'img'>, 'className'>, ObjectFitProp, ObjectPositionProp {
338
338
  variant?: string;
339
339
  size?: string;
340
340
  children?: never;
@@ -354,11 +354,6 @@ interface InputOwnProps extends Omit<HtmlProps<'input'>, 'size' | 'className'> {
354
354
  action?: ReactElement;
355
355
  variant?: string;
356
356
  size?: string;
357
- className?: {
358
- container?: string;
359
- input?: string;
360
- icon?: string;
361
- };
362
357
  }
363
358
  interface InputProps extends Omit<ComponentPropsWithRef<'input'>, 'size' | 'className'>, InputOwnProps {
364
359
  }
@@ -437,11 +432,11 @@ interface LinkProps extends PropsOf<typeof Link> {
437
432
  }
438
433
  declare const Link: PolymorphicComponent<"a", LinkOwnProps>;
439
434
 
440
- interface ListItemProps extends HtmlProps<'li'> {
435
+ interface ListItemProps extends Omit<HtmlProps<'li'>, 'className'> {
441
436
  children?: ReactNode;
442
437
  }
443
438
 
444
- interface ListProps extends HtmlProps<'ul'> {
439
+ interface ListProps extends Omit<HtmlProps<'ul'>, 'className'> {
445
440
  variant?: string;
446
441
  size?: string;
447
442
  as?: 'ul' | 'ol';
@@ -459,7 +454,7 @@ interface MenuTriggerProps {
459
454
  onOpenChange?: (isOpen: boolean) => void;
460
455
  }
461
456
 
462
- interface MenuProps extends Omit<HtmlProps<'ul'>, 'onSelect' | 'size'> {
457
+ interface MenuProps extends Omit<HtmlProps<'ul'>, 'onSelect' | 'size' | 'className'> {
463
458
  children: CollectionElement<object> | CollectionElement<object>[];
464
459
  variant?: string;
465
460
  size?: string;
@@ -481,7 +476,7 @@ declare const icons: {
481
476
  warning: () => react_jsx_runtime.JSX.Element;
482
477
  error: () => react_jsx_runtime.JSX.Element;
483
478
  };
484
- interface MessageProps extends HtmlProps<'div'> {
479
+ interface MessageProps extends Omit<HtmlProps<'div'>, 'className'> {
485
480
  messageTitle: ReactNode;
486
481
  variant?: keyof typeof icons;
487
482
  size?: string;
@@ -493,7 +488,7 @@ declare const Message: ({ messageTitle, variant, size, children, ...props }: Mes
493
488
  * Thus, we adjust our regular props to match them.
494
489
  */
495
490
  type CustomProps = 'size' | 'width' | 'type' | 'value' | 'defaultValue' | 'step' | 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyUp' | 'min' | 'max';
496
- interface NumberFieldProps extends Omit<HtmlProps<'input'>, CustomProps>, Omit<AriaNumberFieldProps, 'isDisabled' | 'label' | 'description' | 'errorMessage' | 'isRequired' | 'isReadOnly'>, Pick<FieldBaseProps, 'label' | 'description' | 'error' | 'errorMessage'> {
491
+ interface NumberFieldProps extends Omit<HtmlProps<'input'>, CustomProps | 'className'>, Omit<AriaNumberFieldProps, 'isDisabled' | 'label' | 'description' | 'errorMessage' | 'isRequired' | 'isReadOnly'>, Pick<FieldBaseProps, 'label' | 'description' | 'error' | 'errorMessage'> {
497
492
  variant?: string;
498
493
  size?: string;
499
494
  width?: WidthProp['width'];
@@ -554,7 +549,7 @@ interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'isDisabled' | 'isRq
554
549
  declare const RadioGroup: ({ children, orientation, width, required, disabled, readOnly, error, ...rest }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
555
550
 
556
551
  type CustomRadioProps = 'size' | 'width' | 'type' | 'defaultChecked' | 'value' | 'onFocus' | 'onBlur' | 'onKeyUp' | 'onKeyDown';
557
- interface RadioProps extends Omit<HtmlProps<'input'>, CustomRadioProps | 'children'>, AriaRadioProps {
552
+ interface RadioProps extends Omit<HtmlProps<'input'>, CustomRadioProps | 'children' | 'className'>, AriaRadioProps {
558
553
  width?: string;
559
554
  variant?: string;
560
555
  size?: string;
@@ -569,7 +564,7 @@ interface RadioComponent extends ForwardRefExoticComponent<RadioProps & RefAttri
569
564
  Group: typeof RadioGroup;
570
565
  }
571
566
 
572
- interface SelectProps extends Omit<AriaSelectProps<object>, 'autoComplete' | 'isOpen' | 'isLoading' | 'onLoadMore' | 'isDisabled' | 'isRequired' | 'validationState' | 'onSelectionChange'>, Omit<HtmlProps<'select'>, 'onKeyUp' | 'onKeyDown' | 'onFocus' | 'onBlur' | 'children' | 'size' | 'onChange'> {
567
+ interface SelectProps extends Omit<AriaSelectProps<object>, 'autoComplete' | 'isOpen' | 'isLoading' | 'onLoadMore' | 'isDisabled' | 'isRequired' | 'validationState' | 'onSelectionChange'>, Omit<HtmlProps<'select'>, 'onKeyUp' | 'onKeyDown' | 'onFocus' | 'onBlur' | 'children' | 'size' | 'onChange' | 'className'> {
573
568
  variant?: string;
574
569
  size?: string;
575
570
  width?: WidthProp['width'];
@@ -589,7 +584,7 @@ interface SelectComponent extends ForwardRefExoticComponent<SelectProps & RefAtt
589
584
  Section: typeof Section;
590
585
  }
591
586
 
592
- interface SliderProps extends Omit<HtmlProps<'input'>, 'step' | 'value' | 'defaultValue' | 'onChange' | 'onFocus' | 'onBlur' | 'size' | 'width'>,
587
+ interface SliderProps extends Omit<HtmlProps<'input'>, 'step' | 'value' | 'defaultValue' | 'onChange' | 'onFocus' | 'onBlur' | 'size' | 'width' | 'className'>,
593
588
  /**
594
589
  * `react-aria` has a slightly different API for some events e.g `onChange`, `onFocus`
595
590
  * `onBlur`. Thus, we adjust our regular props to match them.
@@ -597,7 +592,7 @@ interface SliderProps extends Omit<HtmlProps<'input'>, 'step' | 'value' | 'defau
597
592
  Pick<AriaSliderProps, 'maxValue' | 'step' | 'value' | 'defaultValue' | 'onChange'> {
598
593
  variant?: string;
599
594
  size?: string;
600
- width?: string;
595
+ width?: WidthProp['width'];
601
596
  formatOptions?: Intl.NumberFormatOptions;
602
597
  children?: ReactNode;
603
598
  }
@@ -608,7 +603,7 @@ Pick<AriaSliderProps, 'maxValue' | 'step' | 'value' | 'defaultValue' | 'onChange
608
603
  */
609
604
  declare const Slider: react.ForwardRefExoticComponent<SliderProps & react.RefAttributes<HTMLDivElement>>;
610
605
 
611
- interface SplitProps extends HtmlProps<'div'> {
606
+ interface SplitProps extends Omit<HtmlProps<'div'>, 'className'> {
612
607
  }
613
608
  declare const Split: (props: SplitProps) => react_jsx_runtime.JSX.Element;
614
609
 
@@ -621,11 +616,11 @@ interface StackProps extends AlignmentProp, GapSpaceProp {
621
616
  declare const Stack: ({ children, space, stretch, orientation, alignX, alignY, ...props }: StackProps) => react_jsx_runtime.JSX.Element;
622
617
 
623
618
  type CustomSwitchProps = 'size' | 'value' | 'onBlur' | 'onChange' | 'onFocus' | 'onKeyDown' | 'onKeyUp';
624
- interface SwitchProps extends Omit<AriaSwitchProps, 'isSelected'>, Omit<HtmlProps<'input'>, CustomSwitchProps | 'children'> {
619
+ interface SwitchProps extends Omit<AriaSwitchProps, 'isSelected'>, Omit<HtmlProps<'input'>, CustomSwitchProps | 'children' | 'className'> {
625
620
  selected?: boolean;
626
621
  variant?: string;
627
622
  size?: string;
628
- width?: string;
623
+ width?: WidthProp['width'];
629
624
  }
630
625
  declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLInputElement>>;
631
626
 
@@ -654,7 +649,7 @@ interface Table {
654
649
  Row: (props: RowProps) => JSX.Element;
655
650
  }
656
651
 
657
- interface TextProps extends HtmlProps<'p'>, TextAlignProp, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp {
652
+ interface TextProps extends Omit<HtmlProps<'p'>, 'className'>, TextAlignProp, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp {
658
653
  children?: React.ReactNode;
659
654
  variant?: string;
660
655
  color?: string;
@@ -667,7 +662,7 @@ declare const Text: ({ variant, size, color, align, cursor, weight, fontSize, fo
667
662
  * Thus, we adjust our regular props to match them.
668
663
  */
669
664
  type CustomTextAreaEvents = 'onChange' | 'onFocus' | 'onBlur' | 'onCopy' | 'onSelect' | 'onPaste' | 'onCut' | 'onCompositionStart' | 'onCompositionUpdate' | 'onCompositionEnd' | 'onBeforeInput' | 'onInput' | 'onKeyDown' | 'onKeyUp';
670
- interface TextAreaProps extends Omit<HtmlProps<'textarea'>, 'value' | 'defaultValue' | 'size' | CustomTextAreaEvents>, Pick<AriaTextFieldProps, CustomTextAreaEvents>, Pick<FieldBaseProps, 'label' | 'description' | 'error' | 'errorMessage'> {
665
+ interface TextAreaProps extends Omit<HtmlProps<'textarea'>, 'value' | 'defaultValue' | 'size' | CustomTextAreaEvents | 'className'>, Pick<AriaTextFieldProps, CustomTextAreaEvents>, Pick<FieldBaseProps, 'label' | 'description' | 'error' | 'errorMessage'> {
671
666
  variant?: string;
672
667
  size?: string;
673
668
  width?: WidthProp['width'];
@@ -681,7 +676,7 @@ declare const TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.Re
681
676
  * Thus, we adjust our regular props to match them.
682
677
  */
683
678
  type CustomTextFieldEvents = 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyUp';
684
- interface TextFieldProps extends Omit<HtmlProps<'input'>, 'value' | 'defaultValue' | 'size' | 'width' | CustomTextFieldEvents>,
679
+ interface TextFieldProps extends Omit<HtmlProps<'input'>, 'value' | 'defaultValue' | 'size' | 'width' | CustomTextFieldEvents | 'className'>,
685
680
  /**
686
681
  * `react-aria` has a slightly different API for `onChange`, `onFocus`
687
682
  * and `onBlur` events. Thus, we adjust our regular props to match them.
@@ -709,7 +704,7 @@ interface TooltipTriggerProps extends Omit<TooltipTriggerProps$1, 'isDisabled' |
709
704
  open?: boolean;
710
705
  }
711
706
 
712
- interface TooltipProps extends HtmlProps<'div'> {
707
+ interface TooltipProps extends Omit<HtmlProps<'div'>, 'className'> {
713
708
  children?: ReactNode;
714
709
  variant?: string;
715
710
  size?: string;
package/dist/index.d.ts CHANGED
@@ -68,7 +68,7 @@ interface AsideProps extends GapSpaceProp {
68
68
  }
69
69
  declare const Aside: ({ children, sideWidth, space, side, stretch, wrap, }: AsideProps) => react_jsx_runtime.JSX.Element;
70
70
 
71
- interface AspectProps extends HtmlProps<'div'>, AspectProp {
71
+ interface AspectProps extends Omit<HtmlProps<'div'>, 'className'>, AspectProp {
72
72
  children?: ReactNode;
73
73
  maxWidth?: string;
74
74
  }
@@ -121,14 +121,14 @@ declare const ComboBox: {
121
121
  Item: <T>(props: _react_types_shared.ItemProps<T>) => JSX.Element;
122
122
  };
123
123
 
124
- interface BadgeProps extends HtmlProps<'div'> {
124
+ interface BadgeProps extends Omit<HtmlProps<'div'>, 'className'> {
125
125
  children?: React.ReactNode;
126
126
  variant?: string;
127
127
  size?: string;
128
128
  }
129
129
  declare const Badge: ({ variant, size, children, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
130
130
 
131
- interface BreakoutProps extends HtmlProps<'div'>, AlignmentProp {
131
+ interface BreakoutProps extends Omit<HtmlProps<'div'>, 'className'>, AlignmentProp {
132
132
  children?: ReactNode;
133
133
  height?: string;
134
134
  alignX?: keyof typeof alignment.horizontal.alignmentX;
@@ -136,7 +136,7 @@ interface BreakoutProps extends HtmlProps<'div'>, AlignmentProp {
136
136
  }
137
137
  declare const Breakout: ({ height, children, orientation, alignX, alignY, ...props }: BreakoutProps) => react_jsx_runtime.JSX.Element;
138
138
 
139
- interface BodyProps extends HtmlProps<'section'> {
139
+ interface BodyProps extends Omit<HtmlProps<'section'>, 'className'> {
140
140
  children?: ReactNode;
141
141
  variant?: string;
142
142
  size?: string;
@@ -153,7 +153,7 @@ interface ButtonProps extends PropsOf<typeof Button> {
153
153
  }
154
154
  declare const Button: PolymorphicComponent<"button", ButtonOwnProps>;
155
155
 
156
- interface CardProps extends HtmlProps<'div'>, GapSpaceProp, PaddingSpaceProp, PaddingSpacePropX, PaddingSpacePropY, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp {
156
+ interface CardProps extends Omit<HtmlProps<'div'>, 'className'>, GapSpaceProp, PaddingSpaceProp, PaddingSpacePropX, PaddingSpacePropY, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp {
157
157
  children?: ReactNode;
158
158
  variant?: string;
159
159
  size?: string;
@@ -163,7 +163,7 @@ interface CardProps extends HtmlProps<'div'>, GapSpaceProp, PaddingSpaceProp, Pa
163
163
  }
164
164
  declare const Card: ({ children, variant, size, space, p, px, py, pt, pb, pl, pr, ...props }: CardProps) => react_jsx_runtime.JSX.Element;
165
165
 
166
- interface CenterProps extends HtmlProps<'div'>, GapSpaceProp {
166
+ interface CenterProps extends Omit<HtmlProps<'div'>, 'className'>, GapSpaceProp {
167
167
  children?: ReactNode;
168
168
  maxWidth?: string;
169
169
  }
@@ -174,7 +174,7 @@ declare const Center: ({ maxWidth, space, children, ...props }: CenterProps) =>
174
174
  * Thus, we adjust our regular props to match them.
175
175
  */
176
176
  type CustomCheckboxProps = 'value' | 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyUp';
177
- interface CheckboxProps extends Omit<HtmlProps<'input'>, 'size' | 'type' | 'defaultValue' | CustomCheckboxProps>, Pick<AriaCheckboxProps, CustomCheckboxProps> {
177
+ interface CheckboxProps extends Omit<HtmlProps<'input'>, 'size' | 'type' | 'defaultValue' | CustomCheckboxProps | 'className'>, Pick<AriaCheckboxProps, CustomCheckboxProps> {
178
178
  children?: ReactNode;
179
179
  indeterminate?: boolean;
180
180
  error?: boolean;
@@ -192,7 +192,7 @@ interface CheckboxGroupContextProps extends CheckboxGroupState {
192
192
  */
193
193
  declare const CheckboxGroupContext: react.Context<CheckboxGroupContextProps>;
194
194
  declare const useCheckboxGroupContext: () => CheckboxGroupContextProps;
195
- interface CheckboxGroupProps extends Omit<HtmlProps<'div'>, 'onChange'>, AriaCheckboxGroupProps {
195
+ interface CheckboxGroupProps extends Omit<HtmlProps<'div'>, 'onChange' | 'className'>, AriaCheckboxGroupProps {
196
196
  children: ReactNode;
197
197
  variant?: string;
198
198
  size?: string;
@@ -216,7 +216,7 @@ interface ColumnsProps extends GapSpaceProp {
216
216
  }
217
217
  declare const Columns: ({ space, columns, collapseAt, stretch, children, ...props }: ColumnsProps) => react_jsx_runtime.JSX.Element;
218
218
 
219
- interface ContainerProps extends HtmlProps<'div'>, PlaceItemsProp, GridColumn, GridColsAlignProp {
219
+ interface ContainerProps extends Omit<HtmlProps<'div'>, 'className'>, PlaceItemsProp, GridColumn, GridColsAlignProp {
220
220
  children?: ReactNode;
221
221
  contentType?: 'content' | 'header';
222
222
  size?: keyof typeof content | keyof typeof header;
@@ -275,7 +275,7 @@ interface DividerProps extends SeparatorProps {
275
275
  }
276
276
  declare const Divider: ({ variant, ...props }: DividerProps) => react_jsx_runtime.JSX.Element;
277
277
 
278
- interface LabelProps extends HtmlProps<'label'> {
278
+ interface LabelProps extends Omit<HtmlProps<'label'>, 'className'> {
279
279
  as?: 'label' | 'span';
280
280
  variant?: string;
281
281
  size?: string;
@@ -289,12 +289,12 @@ interface FieldBaseProps extends WidthProp {
289
289
  size?: string;
290
290
  disabled?: boolean;
291
291
  label?: ReactNode;
292
- labelProps?: LabelHTMLAttributes<HTMLLabelElement> & Pick<LabelProps, 'as'>;
292
+ labelProps?: Omit<LabelHTMLAttributes<HTMLLabelElement>, 'children'> & Pick<LabelProps, 'as'>;
293
293
  description?: ReactNode;
294
- descriptionProps?: HTMLAttributes<HTMLElement>;
294
+ descriptionProps?: Omit<HTMLAttributes<HTMLElement>, 'children'>;
295
295
  error?: boolean;
296
296
  errorMessage?: ReactNode;
297
- errorMessageProps?: HTMLAttributes<HTMLElement>;
297
+ errorMessageProps?: Omit<HTMLAttributes<HTMLElement>, 'children'>;
298
298
  stateProps?: StateAttrProps;
299
299
  }
300
300
  declare const FieldBase: ({ children, variant, size, width, disabled, label, labelProps, description, descriptionProps, error, errorMessage, errorMessageProps, stateProps, ...props }: FieldBaseProps) => react_jsx_runtime.JSX.Element;
@@ -310,21 +310,21 @@ interface FieldGroupProps {
310
310
  }
311
311
  declare const FieldGroup: ({ labelWidth, children }: FieldGroupProps) => react_jsx_runtime.JSX.Element;
312
312
 
313
- interface FooterProps extends HtmlProps<'footer'> {
313
+ interface FooterProps extends Omit<HtmlProps<'footer'>, 'className'> {
314
314
  children?: ReactNode;
315
315
  variant?: string;
316
316
  size?: string;
317
317
  }
318
318
  declare const Footer: ({ children, variant, size, ...props }: FooterProps) => react_jsx_runtime.JSX.Element;
319
319
 
320
- interface HeaderProps extends HtmlProps<'header'> {
320
+ interface HeaderProps extends Omit<HtmlProps<'header'>, 'className'> {
321
321
  children?: ReactNode;
322
322
  variant?: string;
323
323
  size?: string;
324
324
  }
325
- declare const Header: ({ children, variant, size, className, ...props }: HeaderProps) => react_jsx_runtime.JSX.Element;
325
+ declare const Header: ({ children, variant, size, ...props }: HeaderProps) => react_jsx_runtime.JSX.Element;
326
326
 
327
- interface HeadlineProps extends HtmlProps<'h1'>, TextAlignProp {
327
+ interface HeadlineProps extends Omit<HtmlProps<'h1'>, 'className'>, TextAlignProp {
328
328
  children?: ReactNode;
329
329
  level?: '1' | '2' | '3' | '4' | '5' | '6';
330
330
  color?: string;
@@ -334,7 +334,7 @@ interface HeadlineProps extends HtmlProps<'h1'>, TextAlignProp {
334
334
  }
335
335
  declare const Headline: ({ children, variant, size, align, color, level, as, ...props }: HeadlineProps) => react_jsx_runtime.JSX.Element;
336
336
 
337
- interface ImageProps extends HtmlProps<'img'>, ObjectFitProp, ObjectPositionProp {
337
+ interface ImageProps extends Omit<HtmlProps<'img'>, 'className'>, ObjectFitProp, ObjectPositionProp {
338
338
  variant?: string;
339
339
  size?: string;
340
340
  children?: never;
@@ -354,11 +354,6 @@ interface InputOwnProps extends Omit<HtmlProps<'input'>, 'size' | 'className'> {
354
354
  action?: ReactElement;
355
355
  variant?: string;
356
356
  size?: string;
357
- className?: {
358
- container?: string;
359
- input?: string;
360
- icon?: string;
361
- };
362
357
  }
363
358
  interface InputProps extends Omit<ComponentPropsWithRef<'input'>, 'size' | 'className'>, InputOwnProps {
364
359
  }
@@ -437,11 +432,11 @@ interface LinkProps extends PropsOf<typeof Link> {
437
432
  }
438
433
  declare const Link: PolymorphicComponent<"a", LinkOwnProps>;
439
434
 
440
- interface ListItemProps extends HtmlProps<'li'> {
435
+ interface ListItemProps extends Omit<HtmlProps<'li'>, 'className'> {
441
436
  children?: ReactNode;
442
437
  }
443
438
 
444
- interface ListProps extends HtmlProps<'ul'> {
439
+ interface ListProps extends Omit<HtmlProps<'ul'>, 'className'> {
445
440
  variant?: string;
446
441
  size?: string;
447
442
  as?: 'ul' | 'ol';
@@ -459,7 +454,7 @@ interface MenuTriggerProps {
459
454
  onOpenChange?: (isOpen: boolean) => void;
460
455
  }
461
456
 
462
- interface MenuProps extends Omit<HtmlProps<'ul'>, 'onSelect' | 'size'> {
457
+ interface MenuProps extends Omit<HtmlProps<'ul'>, 'onSelect' | 'size' | 'className'> {
463
458
  children: CollectionElement<object> | CollectionElement<object>[];
464
459
  variant?: string;
465
460
  size?: string;
@@ -481,7 +476,7 @@ declare const icons: {
481
476
  warning: () => react_jsx_runtime.JSX.Element;
482
477
  error: () => react_jsx_runtime.JSX.Element;
483
478
  };
484
- interface MessageProps extends HtmlProps<'div'> {
479
+ interface MessageProps extends Omit<HtmlProps<'div'>, 'className'> {
485
480
  messageTitle: ReactNode;
486
481
  variant?: keyof typeof icons;
487
482
  size?: string;
@@ -493,7 +488,7 @@ declare const Message: ({ messageTitle, variant, size, children, ...props }: Mes
493
488
  * Thus, we adjust our regular props to match them.
494
489
  */
495
490
  type CustomProps = 'size' | 'width' | 'type' | 'value' | 'defaultValue' | 'step' | 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyUp' | 'min' | 'max';
496
- interface NumberFieldProps extends Omit<HtmlProps<'input'>, CustomProps>, Omit<AriaNumberFieldProps, 'isDisabled' | 'label' | 'description' | 'errorMessage' | 'isRequired' | 'isReadOnly'>, Pick<FieldBaseProps, 'label' | 'description' | 'error' | 'errorMessage'> {
491
+ interface NumberFieldProps extends Omit<HtmlProps<'input'>, CustomProps | 'className'>, Omit<AriaNumberFieldProps, 'isDisabled' | 'label' | 'description' | 'errorMessage' | 'isRequired' | 'isReadOnly'>, Pick<FieldBaseProps, 'label' | 'description' | 'error' | 'errorMessage'> {
497
492
  variant?: string;
498
493
  size?: string;
499
494
  width?: WidthProp['width'];
@@ -554,7 +549,7 @@ interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'isDisabled' | 'isRq
554
549
  declare const RadioGroup: ({ children, orientation, width, required, disabled, readOnly, error, ...rest }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
555
550
 
556
551
  type CustomRadioProps = 'size' | 'width' | 'type' | 'defaultChecked' | 'value' | 'onFocus' | 'onBlur' | 'onKeyUp' | 'onKeyDown';
557
- interface RadioProps extends Omit<HtmlProps<'input'>, CustomRadioProps | 'children'>, AriaRadioProps {
552
+ interface RadioProps extends Omit<HtmlProps<'input'>, CustomRadioProps | 'children' | 'className'>, AriaRadioProps {
558
553
  width?: string;
559
554
  variant?: string;
560
555
  size?: string;
@@ -569,7 +564,7 @@ interface RadioComponent extends ForwardRefExoticComponent<RadioProps & RefAttri
569
564
  Group: typeof RadioGroup;
570
565
  }
571
566
 
572
- interface SelectProps extends Omit<AriaSelectProps<object>, 'autoComplete' | 'isOpen' | 'isLoading' | 'onLoadMore' | 'isDisabled' | 'isRequired' | 'validationState' | 'onSelectionChange'>, Omit<HtmlProps<'select'>, 'onKeyUp' | 'onKeyDown' | 'onFocus' | 'onBlur' | 'children' | 'size' | 'onChange'> {
567
+ interface SelectProps extends Omit<AriaSelectProps<object>, 'autoComplete' | 'isOpen' | 'isLoading' | 'onLoadMore' | 'isDisabled' | 'isRequired' | 'validationState' | 'onSelectionChange'>, Omit<HtmlProps<'select'>, 'onKeyUp' | 'onKeyDown' | 'onFocus' | 'onBlur' | 'children' | 'size' | 'onChange' | 'className'> {
573
568
  variant?: string;
574
569
  size?: string;
575
570
  width?: WidthProp['width'];
@@ -589,7 +584,7 @@ interface SelectComponent extends ForwardRefExoticComponent<SelectProps & RefAtt
589
584
  Section: typeof Section;
590
585
  }
591
586
 
592
- interface SliderProps extends Omit<HtmlProps<'input'>, 'step' | 'value' | 'defaultValue' | 'onChange' | 'onFocus' | 'onBlur' | 'size' | 'width'>,
587
+ interface SliderProps extends Omit<HtmlProps<'input'>, 'step' | 'value' | 'defaultValue' | 'onChange' | 'onFocus' | 'onBlur' | 'size' | 'width' | 'className'>,
593
588
  /**
594
589
  * `react-aria` has a slightly different API for some events e.g `onChange`, `onFocus`
595
590
  * `onBlur`. Thus, we adjust our regular props to match them.
@@ -597,7 +592,7 @@ interface SliderProps extends Omit<HtmlProps<'input'>, 'step' | 'value' | 'defau
597
592
  Pick<AriaSliderProps, 'maxValue' | 'step' | 'value' | 'defaultValue' | 'onChange'> {
598
593
  variant?: string;
599
594
  size?: string;
600
- width?: string;
595
+ width?: WidthProp['width'];
601
596
  formatOptions?: Intl.NumberFormatOptions;
602
597
  children?: ReactNode;
603
598
  }
@@ -608,7 +603,7 @@ Pick<AriaSliderProps, 'maxValue' | 'step' | 'value' | 'defaultValue' | 'onChange
608
603
  */
609
604
  declare const Slider: react.ForwardRefExoticComponent<SliderProps & react.RefAttributes<HTMLDivElement>>;
610
605
 
611
- interface SplitProps extends HtmlProps<'div'> {
606
+ interface SplitProps extends Omit<HtmlProps<'div'>, 'className'> {
612
607
  }
613
608
  declare const Split: (props: SplitProps) => react_jsx_runtime.JSX.Element;
614
609
 
@@ -621,11 +616,11 @@ interface StackProps extends AlignmentProp, GapSpaceProp {
621
616
  declare const Stack: ({ children, space, stretch, orientation, alignX, alignY, ...props }: StackProps) => react_jsx_runtime.JSX.Element;
622
617
 
623
618
  type CustomSwitchProps = 'size' | 'value' | 'onBlur' | 'onChange' | 'onFocus' | 'onKeyDown' | 'onKeyUp';
624
- interface SwitchProps extends Omit<AriaSwitchProps, 'isSelected'>, Omit<HtmlProps<'input'>, CustomSwitchProps | 'children'> {
619
+ interface SwitchProps extends Omit<AriaSwitchProps, 'isSelected'>, Omit<HtmlProps<'input'>, CustomSwitchProps | 'children' | 'className'> {
625
620
  selected?: boolean;
626
621
  variant?: string;
627
622
  size?: string;
628
- width?: string;
623
+ width?: WidthProp['width'];
629
624
  }
630
625
  declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLInputElement>>;
631
626
 
@@ -654,7 +649,7 @@ interface Table {
654
649
  Row: (props: RowProps) => JSX.Element;
655
650
  }
656
651
 
657
- interface TextProps extends HtmlProps<'p'>, TextAlignProp, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp {
652
+ interface TextProps extends Omit<HtmlProps<'p'>, 'className'>, TextAlignProp, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp {
658
653
  children?: React.ReactNode;
659
654
  variant?: string;
660
655
  color?: string;
@@ -667,7 +662,7 @@ declare const Text: ({ variant, size, color, align, cursor, weight, fontSize, fo
667
662
  * Thus, we adjust our regular props to match them.
668
663
  */
669
664
  type CustomTextAreaEvents = 'onChange' | 'onFocus' | 'onBlur' | 'onCopy' | 'onSelect' | 'onPaste' | 'onCut' | 'onCompositionStart' | 'onCompositionUpdate' | 'onCompositionEnd' | 'onBeforeInput' | 'onInput' | 'onKeyDown' | 'onKeyUp';
670
- interface TextAreaProps extends Omit<HtmlProps<'textarea'>, 'value' | 'defaultValue' | 'size' | CustomTextAreaEvents>, Pick<AriaTextFieldProps, CustomTextAreaEvents>, Pick<FieldBaseProps, 'label' | 'description' | 'error' | 'errorMessage'> {
665
+ interface TextAreaProps extends Omit<HtmlProps<'textarea'>, 'value' | 'defaultValue' | 'size' | CustomTextAreaEvents | 'className'>, Pick<AriaTextFieldProps, CustomTextAreaEvents>, Pick<FieldBaseProps, 'label' | 'description' | 'error' | 'errorMessage'> {
671
666
  variant?: string;
672
667
  size?: string;
673
668
  width?: WidthProp['width'];
@@ -681,7 +676,7 @@ declare const TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.Re
681
676
  * Thus, we adjust our regular props to match them.
682
677
  */
683
678
  type CustomTextFieldEvents = 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyUp';
684
- interface TextFieldProps extends Omit<HtmlProps<'input'>, 'value' | 'defaultValue' | 'size' | 'width' | CustomTextFieldEvents>,
679
+ interface TextFieldProps extends Omit<HtmlProps<'input'>, 'value' | 'defaultValue' | 'size' | 'width' | CustomTextFieldEvents | 'className'>,
685
680
  /**
686
681
  * `react-aria` has a slightly different API for `onChange`, `onFocus`
687
682
  * and `onBlur` events. Thus, we adjust our regular props to match them.
@@ -709,7 +704,7 @@ interface TooltipTriggerProps extends Omit<TooltipTriggerProps$1, 'isDisabled' |
709
704
  open?: boolean;
710
705
  }
711
706
 
712
- interface TooltipProps extends HtmlProps<'div'> {
707
+ interface TooltipProps extends Omit<HtmlProps<'div'>, 'className'> {
713
708
  children?: ReactNode;
714
709
  variant?: string;
715
710
  size?: string;