@lumx/react 4.3.2-alpha.33 → 4.3.2-alpha.35

package/index.d.ts

@@ -1,7 +1,7 @@
 import { Kind as Kind$1, HorizontalAlignment as HorizontalAlignment$1, Size as Size$1, ColorPalette as ColorPalette$1, Theme as Theme$1, Orientation as Orientation$1, Alignment as Alignment$1, AspectRatio as AspectRatio$1, ColorWithVariants as ColorWithVariants$1, ColorVariant as ColorVariant$1, Typography as Typography$1, Emphasis as Emphasis$1 } from '@lumx/core/js/constants';
 export * from '@lumx/core/js/constants';
 import * as _lumx_core_js_types from '@lumx/core/js/types';
-import { GenericProps, HasTheme as HasTheme$1, ValueOf as ValueOf$1, PropsToOverride, HasAriaDisabled as HasAriaDisabled$1, HasCloseMode, HasClassName as HasClassName$1, JSXElement as JSXElement$1, CommonRef as CommonRef$1, Falsy, HeadingElement as HeadingElement$1, HasRequiredLinkHref, HasAriaLabelOrLabelledBy } from '@lumx/core/js/types';
+import { GenericProps as GenericProps$1, HasTheme as HasTheme$1, ValueOf as ValueOf$1, PropsToOverride, HasAriaDisabled as HasAriaDisabled$1, HasCloseMode, HasClassName as HasClassName$1, JSXElement as JSXElement$1, CommonRef as CommonRef$1, Falsy, HeadingElement as HeadingElement$1, HasRequiredLinkHref, HasAriaLabelOrLabelledBy } from '@lumx/core/js/types';
 export * from '@lumx/core/js/types';
 import * as React$1 from 'react';
 import React__default, { Ref, ReactElement, ReactNode, SyntheticEvent, MouseEventHandler, KeyboardEventHandler, RefObject, CSSProperties, ImgHTMLAttributes, AriaAttributes as AriaAttributes$1, SetStateAction, Key, ElementType, ComponentProps } from 'react';
@@ -69,7 +69,7 @@ declare const AlertDialog: Comp<AlertDialogProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface AutocompleteProps extends GenericProps, HasTheme$1 {
+interface AutocompleteProps extends GenericProps$1, HasTheme$1 {
     /**
      * Whether the suggestions list should display anchored to the input or to the wrapper.
      * @see {@link DropdownProps#anchorToInput}
@@ -262,7 +262,7 @@ type AvatarSize = Extract<Size$1, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>
 /**
  * Defines the props of the component.
  */
-interface AvatarProps extends GenericProps, HasTheme$1 {
+interface AvatarProps extends GenericProps$1, HasTheme$1 {
     /** Action toolbar content. */
     actions?: ReactNode;
     /** Image alternative text. */
@@ -494,6 +494,16 @@ interface HasTheme {
     theme?: Theme;
 }
 
+/**
+ * Define a generic props types.
+ */
+interface GenericProps extends HasClassName {
+    /**
+     * Any prop (particularly any supported prop for a HTML element).
+     */
+    [propName: string]: any;
+}
+
 /**
  * Framework-agnostic type for renderable content.
  * Vue components should cast VNode[] from slots to this type.
@@ -605,7 +615,7 @@ type ReactToJSX<Props, OmitProps extends keyof Props = never> = Omit<Props, Prop
 /**
  * Defines the props of the component.
  */
-interface BadgeProps extends ReactToJSX<BadgeProps$1>, GenericProps {
+interface BadgeProps extends ReactToJSX<BadgeProps$1>, GenericProps$1 {
     /** Badge content. */
     children?: ReactNode;
 }
@@ -627,7 +637,7 @@ interface BadgeWrapperProps$1 extends HasClassName {
     ref?: CommonRef;
 }
 
-interface BadgeWrapperProps extends GenericProps, ReactToJSX<BadgeWrapperProps$1, 'children' | 'badge'> {
+interface BadgeWrapperProps extends GenericProps$1, ReactToJSX<BadgeWrapperProps$1, 'children' | 'badge'> {
     /** Badge element to display */
     badge: ReactElement;
     /** Content to wrap with badge */
@@ -713,7 +723,7 @@ declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
  */
 declare const DEFAULT_PROPS: Partial<ButtonProps$1>;
 
-interface ButtonProps extends GenericProps, ReactToJSX<ButtonProps$1> {
+interface ButtonProps extends GenericProps$1, ReactToJSX<ButtonProps$1> {
     /** callback for clicking on the button */
     onClick?: (event: React.MouseEvent) => void;
 }
@@ -724,7 +734,7 @@ interface ButtonProps extends GenericProps, ReactToJSX<ButtonProps$1> {
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const Button: Comp<ButtonProps, HTMLAnchorElement | HTMLButtonElement>;
+declare const Button: Comp<ButtonProps, HTMLButtonElement | HTMLAnchorElement>;
 
 interface IconButtonProps$1 extends BaseButtonProps {
     /**
@@ -746,7 +756,7 @@ interface IconButtonProps$1 extends BaseButtonProps {
     title?: string;
 }
 
-interface IconButtonProps extends GenericProps, ReactToJSX<IconButtonProps$1, 'title' | 'children'> {
+interface IconButtonProps extends GenericProps$1, ReactToJSX<IconButtonProps$1, 'title' | 'children'> {
     /**
      * Props to pass to the tooltip.
      * If undefined or if tooltipProps.label is undefined, the label prop will be used as tooltip label.
@@ -778,7 +788,7 @@ interface ButtonGroupProps$1 extends HasClassName {
     ref?: CommonRef;
 }
 
-interface ButtonGroupProps extends GenericProps, ReactToJSX<ButtonGroupProps$1> {
+interface ButtonGroupProps extends GenericProps$1, ReactToJSX<ButtonGroupProps$1> {
 }
 /**
  * ButtonGroup component.
@@ -818,7 +828,7 @@ interface CheckboxProps$1 extends HasTheme, HasClassName, HasAriaDisabled, HasDi
 /**
  * Defines the props of the component.
  */
-interface CheckboxProps extends GenericProps, ReactToJSX<CheckboxProps$1, 'inputId'> {
+interface CheckboxProps extends GenericProps$1, ReactToJSX<CheckboxProps$1, 'inputId'> {
     /** On change callback. */
     onChange?(isChecked: boolean, value?: string, name?: string, event?: React__default.ChangeEvent): void;
 }
@@ -838,7 +848,7 @@ type ChipSize = Extract<Size$1, 's' | 'm'>;
 /**
  * Defines the props of the component.
  */
-interface ChipProps extends GenericProps, HasTheme$1, HasAriaDisabled$1 {
+interface ChipProps extends GenericProps$1, HasTheme$1, HasAriaDisabled$1 {
     /** A component to be rendered after the content. */
     after?: ReactNode;
     /** A component to be rendered before the content. */
@@ -884,7 +894,7 @@ type useChipGroupNavigationType<C = any> = (chips: C[], onChipDeleted: (chip: C)
 /**
  * Defines the props of the component.
  */
-interface ChipGroupProps extends GenericProps {
+interface ChipGroupProps extends GenericProps$1 {
     /**
      * Chip horizontal alignment.
      * @deprecated
@@ -897,7 +907,7 @@ declare const ChipGroup: Comp<ChipGroupProps, HTMLDivElement> & {
     useChipGroupNavigation: useChipGroupNavigationType<any>;
 };
 
-interface SelectionChipGroupProps<O> extends GenericProps {
+interface SelectionChipGroupProps<O> extends GenericProps$1 {
     /**
      * Option object id selector (either the property name or a function to get the id)
      */
@@ -964,7 +974,7 @@ type CommentBlockVariant = ValueOf$1<typeof CommentBlockVariant>;
 /**
  * Defines the props of the component.
  */
-interface CommentBlockProps extends GenericProps, HasTheme$1 {
+interface CommentBlockProps extends GenericProps$1, HasTheme$1 {
     /** Action toolbar content. */
     actions?: ReactNode;
     /** Props to pass to the avatar. */
@@ -1017,7 +1027,7 @@ declare const CommentBlock: Comp<CommentBlockProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface DatePickerProps extends GenericProps {
+interface DatePickerProps extends GenericProps$1 {
     /** Default month. */
     defaultMonth?: Date;
     /** Locale (language or region) to use. */
@@ -1072,7 +1082,7 @@ declare const DatePickerControlled: Comp<DatePickerControlledProps, HTMLDivEleme
 /**
  * Defines the props of the component.
  */
-interface DatePickerFieldProps extends Omit<TextFieldProps, 'value' | 'onChange'>, GenericProps {
+interface DatePickerFieldProps extends Omit<TextFieldProps, 'value' | 'onChange'>, GenericProps$1 {
     /** Default month. */
     defaultMonth?: Date;
     /** Locale (language or region) to use. */
@@ -1102,7 +1112,7 @@ declare const DatePickerField: Comp<DatePickerFieldProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface DialogProps extends GenericProps {
+interface DialogProps extends GenericProps$1 {
     /** Footer content. */
     footer?: ReactNode;
     /** Whether the divider between the dialog content and the footer is always displayed (instead of showing it on scroll). */
@@ -1132,7 +1142,7 @@ interface DialogProps extends GenericProps {
     /** Z-axis position. */
     zIndex?: number;
     /** Z-axis position. */
-    dialogProps?: GenericProps;
+    dialogProps?: GenericProps$1;
     /** On close callback. */
     onClose?(): void;
     /** Callback called when the open animation starts and the close animation finishes. */
@@ -1163,7 +1173,7 @@ interface DividerProps$1 extends HasTheme, HasClassName {
 /**
  * Defines the props of the component.
  */
-interface DividerProps extends GenericProps, ReactToJSX<DividerProps$1> {
+interface DividerProps extends GenericProps$1, ReactToJSX<DividerProps$1> {
 }
 /**
  * Divider component.
@@ -1177,7 +1187,7 @@ declare const Divider: Comp<DividerProps, HTMLHRElement>;
 /**
  * Defines the props of the component.
  */
-interface DragHandleProps extends GenericProps, HasTheme$1 {
+interface DragHandleProps extends GenericProps$1, HasTheme$1 {
 }
 /**
  * DragHandle component.
@@ -1235,7 +1245,7 @@ type FitAnchorWidth = ValueOf$1<typeof FitAnchorWidth>;
 /**
  * Defines the props of the component.
  */
-interface PopoverProps extends GenericProps, HasTheme$1 {
+interface PopoverProps extends GenericProps$1, HasTheme$1 {
     /** Reference to the DOM element used to set the position of the popover. */
     anchorRef: React.RefObject<HTMLElement>;
     /** Customize the root element. (Must accept ref forwarding and props forwarding!). */
@@ -1296,7 +1306,7 @@ declare const Popover: Comp<PopoverProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface DropdownProps extends GenericProps {
+interface DropdownProps extends GenericProps$1 {
     /**
      * Reference to the element around which the dropdown is placed.
      * @see {@link PopoverProps#anchorRef}
@@ -1377,7 +1387,7 @@ declare const Dropdown: Comp<DropdownProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface ExpansionPanelProps extends GenericProps, HasCloseMode, HasTheme$1 {
+interface ExpansionPanelProps extends GenericProps$1, HasCloseMode, HasTheme$1 {
     /** Whether the expansion panel has a background. */
     hasBackground?: boolean;
     /** Whether the header has a divider. */
@@ -1468,7 +1478,7 @@ interface FlagProps$1 extends HasClassName, HasTheme {
     Text: (props: TextProps$1) => any;
 }
 
-interface FlagProps extends GenericProps, ReactToJSX<FlagProps$1, 'children' | 'Text'> {
+interface FlagProps extends GenericProps$1, ReactToJSX<FlagProps$1, 'children' | 'Text'> {
     /** Text label of the flag. */
     label: React.ReactNode;
 }
@@ -1514,7 +1524,7 @@ interface FlexBoxProps$1 extends HasClassName {
 /**
  * Defines the props of the component.
  */
-interface FlexBoxProps extends GenericProps, ReactToJSX<FlexBoxProps$1> {
+interface FlexBoxProps extends GenericProps$1, ReactToJSX<FlexBoxProps$1> {
     /** Customize the root element. */
     as?: React__default.ElementType;
 }
@@ -1638,7 +1648,7 @@ interface HeadingProps$1 extends Partial<TextProps$1> {
     as?: HeadingElement;
 }
 
-interface HeadingProps extends GenericProps, HeadingProps$1 {
+interface HeadingProps extends GenericProps$1, HeadingProps$1 {
 }
 /**
  * Renders a heading component.
@@ -1667,7 +1677,7 @@ type GridGutterSize = Extract<Size$1, 'regular' | 'big' | 'huge'>;
 /**
  * Defines the props of the component.
  */
-interface GridProps extends GenericProps {
+interface GridProps extends GenericProps$1 {
     /** Orientation. */
     orientation?: Orientation$1;
     /** Whether the children are wrapped or not. */
@@ -1694,7 +1704,7 @@ type Columns = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11'
 /**
  * Defines the props of the component.
  */
-interface GridItemProps extends GenericProps {
+interface GridItemProps extends GenericProps$1 {
     /** Alignment. */
     align?: Alignment$1;
     /** Order. */
@@ -1737,7 +1747,7 @@ interface GridColumnProps$1 extends HasClassName {
 /**
  * Defines the props of the component.
  */
-interface GridColumnProps extends GenericProps, ReactToJSX<GridColumnProps$1> {
+interface GridColumnProps extends GenericProps$1, ReactToJSX<GridColumnProps$1> {
     /** Customize the root element. */
     as?: React.ElementType;
 }
@@ -1781,7 +1791,7 @@ interface IconProps$1 extends HasClassName, HasTheme {
     ref?: CommonRef;
 }
 
-interface IconProps extends ReactToJSX<IconProps$1>, GenericProps {
+interface IconProps extends ReactToJSX<IconProps$1>, GenericProps$1 {
 }
 /**
  * Icon component.
@@ -1867,9 +1877,9 @@ interface ThumbnailProps$1 extends HasTheme$1, HasClassName$1 {
     /** Variant of the component. */
     variant?: ThumbnailVariant$1;
     /** Props to pass to the link wrapping the thumbnail. */
-    linkProps?: GenericProps;
-    focusPointStyle?: GenericProps;
-    disabledStateProps?: GenericProps;
+    linkProps?: GenericProps$1;
+    focusPointStyle?: GenericProps$1;
+    disabledStateProps?: GenericProps$1;
     isAnyDisabled?: boolean;
     /** Custom react component for the link (can be used to inject react router Link). */
     linkAs?: 'a' | any;
@@ -1922,7 +1932,7 @@ type ThumbnailObjectFit = ValueOf$1<typeof ThumbnailObjectFit>;
 /**
  * Defines the props of the component.
  */
-interface ThumbnailProps extends GenericProps, ReactToJSX<ThumbnailProps$1, 'loadingState' | 'isAnyDisabled' | 'focusPointStyle' | 'disabledStateProps' | 'badge'> {
+interface ThumbnailProps extends GenericProps$1, ReactToJSX<ThumbnailProps$1, 'loadingState' | 'isAnyDisabled' | 'focusPointStyle' | 'disabledStateProps' | 'badge'> {
     /** Apply relative vertical and horizontal shift (from -1 to 1) on the image position inside the thumbnail. */
     focusPoint?: FocusPoint;
     /** Badge. */
@@ -1974,7 +1984,7 @@ type ImageBlockSize = Extract<Size$1, 'xl' | 'xxl'>;
 /**
  * Defines the props of the component.
  */
-interface ImageBlockProps extends GenericProps, HasTheme$1, ImageCaptionMetadata {
+interface ImageBlockProps extends GenericProps$1, HasTheme$1, ImageCaptionMetadata {
     /** Action toolbar content. */
     actions?: ReactNode;
     /** Alignment. */
@@ -2066,7 +2076,7 @@ declare const ImageLightbox: Comp<ImageLightboxProps, HTMLDivElement> & {
 /**
  * Defines the props of the component.
  */
-interface InlineListProps extends GenericProps {
+interface InlineListProps extends GenericProps$1 {
     /**
      * Text color.
      */
@@ -2111,7 +2121,7 @@ interface InputHelperProps$1 extends HasClassName, HasTheme {
     id?: string;
 }
 
-interface InputHelperProps extends ReactToJSX<InputHelperProps$1>, GenericProps {
+interface InputHelperProps extends ReactToJSX<InputHelperProps$1>, GenericProps$1 {
 }
 /**
  * InputHelper component.
@@ -2135,7 +2145,7 @@ interface InputLabelProps$1 extends HasClassName, HasTheme {
     ref?: CommonRef;
 }
 
-interface InputLabelProps extends ReactToJSX<InputLabelProps$1>, GenericProps {
+interface InputLabelProps extends ReactToJSX<InputLabelProps$1>, GenericProps$1 {
 }
 /**
  * InputLabel component.
@@ -2149,7 +2159,7 @@ declare const InputLabel: Comp<InputLabelProps, HTMLLabelElement>;
 /**
  * Defines the props of the component.
  */
-interface LightboxProps extends GenericProps, HasTheme$1, Pick<AriaAttributes$1, 'aria-label' | 'aria-labelledby'> {
+interface LightboxProps extends GenericProps$1, HasTheme$1, Pick<AriaAttributes$1, 'aria-label' | 'aria-labelledby'> {
     /** Props to pass to the close button (minus those already set by the Lightbox props). */
     closeButtonProps?: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;
     /** Whether the component is open or not. */
@@ -2205,7 +2215,7 @@ interface LinkProps$1 extends HasTheme, HasClassName, HasAriaDisabled, HasDisabl
     /** Typography variant. */
     typography?: string;
     /** Click handler. */
-    onClick?: (event: any) => void;
+    handleClick?: (event: any) => void;
     /** Reference to the root element. */
     ref?: CommonRef;
 }
@@ -2214,7 +2224,7 @@ type HTMLAnchorProps = React__default.DetailedHTMLProps<React__default.AnchorHTM
 /**
  * Defines the props of the component.
  */
-interface LinkProps extends GenericProps, ReactToJSX<LinkProps$1, 'label'> {
+interface LinkProps extends GenericProps$1, ReactToJSX<LinkProps$1, 'label'> {
     /** Link href. */
     href?: HTMLAnchorProps['href'];
     /** Custom react component for the link (can be used to inject react router Link). */
@@ -2233,12 +2243,12 @@ interface LinkProps extends GenericProps, ReactToJSX<LinkProps$1, 'label'> {
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const Link: Comp<LinkProps, HTMLAnchorElement | HTMLButtonElement>;
+declare const Link: Comp<LinkProps, HTMLButtonElement | HTMLAnchorElement>;
 
 /**
  * Defines the props of the component.
  */
-interface LinkPreviewProps extends GenericProps, HasTheme$1 {
+interface LinkPreviewProps extends GenericProps$1, HasTheme$1 {
     /** Description. */
     description?: string;
     /** Link URL. */
@@ -2281,7 +2291,7 @@ type useKeyboardListNavigationType = <I>(items: I[], ref: RefObject<HTMLElement>
 /**
  * Defines the props of the component.
  */
-interface ListProps extends GenericProps {
+interface ListProps extends GenericProps$1 {
     /** List content (should be ListItem, ListSubheader or ListDivider). */
     children: ReactNode;
     /**
@@ -2310,7 +2320,7 @@ type ListItemSize = Extract<Size$1, 'tiny' | 'regular' | 'big' | 'huge'>;
 /**
  * Defines the props of the component.
  */
-interface ListItemProps extends GenericProps, HasAriaDisabled$1 {
+interface ListItemProps extends GenericProps$1, HasAriaDisabled$1 {
     /** A component to be rendered after the content. */
     after?: ReactNode;
     /** A component to be rendered before the content. */
@@ -2353,7 +2363,7 @@ declare const ListItem: Comp<ListItemProps, HTMLLIElement>;
 /**
  * Defines the props of the component.
  */
-type ListDividerProps = GenericProps;
+type ListDividerProps = GenericProps$1;
 /**
  * ListDivider component.
  *
@@ -2361,12 +2371,12 @@ type ListDividerProps = GenericProps;
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const ListDivider: Comp<GenericProps, HTMLLIElement>;
+declare const ListDivider: Comp<GenericProps$1, HTMLLIElement>;
 
 /**
  * Defines the props of the component.
  */
-interface ListSubheaderProps extends GenericProps {
+interface ListSubheaderProps extends GenericProps$1 {
     /** Content. */
     children: string | ReactNode;
 }
@@ -2406,7 +2416,7 @@ interface MessageProps$1 extends HasClassName {
     };
 }
 
-interface MessageProps extends GenericProps, ReactToJSX<MessageProps$1> {
+interface MessageProps extends GenericProps$1, ReactToJSX<MessageProps$1> {
 }
 /**
  * Message component.
@@ -2420,7 +2430,7 @@ declare const Message: Comp<MessageProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface MosaicProps extends GenericProps, HasTheme$1 {
+interface MosaicProps extends GenericProps$1, HasTheme$1 {
     /** Thumbnails. */
     thumbnails: ThumbnailProps[];
     /** On image click callback. */
@@ -2476,7 +2486,7 @@ declare const Navigation: Comp<NavigationProps, HTMLElement> & SubComponents;
 /**
  * Defines the props of the component.
  */
-interface NotificationProps extends GenericProps, HasTheme$1 {
+interface NotificationProps extends GenericProps$1, HasTheme$1 {
     /** Action button label. */
     actionLabel?: string;
     /** Content. */
@@ -2520,7 +2530,7 @@ declare const PopoverDialog: Comp<PopoverDialogProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface PostBlockProps extends GenericProps, HasTheme$1 {
+interface PostBlockProps extends GenericProps$1, HasTheme$1 {
     /** Action toolbar content. */
     actions?: ReactNode;
     /** Attachment content. */
@@ -2564,7 +2574,7 @@ type ProgressVariant = ValueOf$1<typeof ProgressVariant>;
 /**
  * Defines the props of the component.
  */
-interface ProgressProps extends GenericProps, HasTheme$1 {
+interface ProgressProps extends GenericProps$1, HasTheme$1 {
     /** Progress variant. */
     variant?: ProgressVariant;
 }
@@ -2581,11 +2591,11 @@ declare const Progress: Comp<ProgressProps, HTMLDivElement>;
 /**
  * Progress sizes.
  */
-type ProgressCircularSize = Extract<Size$1, 'xxs' | 'xs' | 's' | 'm'>;
+type ProgressCircularSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm'>;
 /**
  * Defines the props of the component.
  */
-interface ProgressCircularProps extends GenericProps, HasTheme$1 {
+interface ProgressCircularProps$1 extends HasTheme, HasClassName {
     /**
      * Progress circular size.
      */
@@ -2595,9 +2605,22 @@ interface ProgressCircularProps extends GenericProps, HasTheme$1 {
      * @default 'block'
      */
     display?: 'inline' | 'block';
+    /** Component ref */
+    ref?: CommonRef;
+    /** additional props for the svg */
+    svgProps?: GenericProps;
+    /** additional props for the circle */
+    circleProps?: GenericProps;
 }
+
 /**
- * ProgressCircularProps component.
+ * Defines the props of the component.
+ */
+interface ProgressCircularProps extends GenericProps$1, ReactToJSX<ProgressCircularProps$1> {
+}
+
+/**
+ * ProgressCircular component.
  *
  * @param  props Component props.
  * @param  ref   Component ref.
@@ -2605,7 +2628,18 @@ interface ProgressCircularProps extends GenericProps, HasTheme$1 {
  */
 declare const ProgressCircular: Comp<ProgressCircularProps, HTMLDivElement>;
 
-interface ProgressLinearProps extends GenericProps, HasTheme$1 {
+/**
+ * Defines the props of the component.
+ */
+interface ProgressLinearProps$1 extends HasTheme, HasClassName {
+    /** Component ref */
+    ref?: CommonRef;
+}
+
+/**
+ * Defines the props of the component.
+ */
+interface ProgressLinearProps extends GenericProps$1, ReactToJSX<ProgressLinearProps$1> {
 }
 /**
  * ProgressLinear component.
@@ -2644,7 +2678,7 @@ declare const ProgressTrackerProvider: React.FC<ProgressTrackerProviderProps>;
 /**
  * Defines the props of the component.
  */
-interface ProgressTrackerProps extends GenericProps {
+interface ProgressTrackerProps extends GenericProps$1 {
     /** ARIA label (purpose of the set of steps). */
     ['aria-label']: string;
     /** Step list. */
@@ -2664,7 +2698,7 @@ declare const ProgressTracker: Comp<ProgressTrackerProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface ProgressTrackerStepProps extends GenericProps {
+interface ProgressTrackerStepProps extends GenericProps$1 {
     /** Children are not supported. */
     children?: never;
     /** Whether the step should be in error state or not. */
@@ -2696,7 +2730,7 @@ declare const ProgressTrackerStep: Comp<ProgressTrackerStepProps, HTMLButtonElem
 /**
  * Defines the props of the component.
  */
-interface ProgressTrackerStepPanelProps extends GenericProps {
+interface ProgressTrackerStepPanelProps extends GenericProps$1 {
     /** Native id property. */
     id?: string;
     /** Whether the step is active or not. */
@@ -2744,7 +2778,7 @@ interface RadioButtonProps$1 extends HasTheme, HasClassName, HasAriaDisabled, Ha
 /**
  * Defines the props of the component.
  */
-interface RadioButtonProps extends GenericProps, ReactToJSX<RadioButtonProps$1, 'inputId'> {
+interface RadioButtonProps extends GenericProps$1, ReactToJSX<RadioButtonProps$1, 'inputId'> {
     /** On change callback. */
     onChange?(value?: string, name?: string, event?: React.ChangeEvent): void;
 }
@@ -2770,7 +2804,7 @@ interface RadioGroupProps$1 extends HasClassName {
 /**
  * Defines the props of the component.
  */
-interface RadioGroupProps extends GenericProps, ReactToJSX<RadioGroupProps$1> {
+interface RadioGroupProps extends GenericProps$1, ReactToJSX<RadioGroupProps$1> {
 }
 /**
  * RadioGroup component.
@@ -2789,7 +2823,7 @@ declare const SelectVariant: {
     readonly chip: "chip";
 };
 type SelectVariant = ValueOf$1<typeof SelectVariant>;
-interface CoreSelectProps extends GenericProps, HasTheme$1 {
+interface CoreSelectProps extends GenericProps$1, HasTheme$1 {
     /** Props to pass to the clear button (minus those already set by the Select props). If not specified, the button won't be displayed. */
     clearButtonProps?: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;
     /** Whether the select (input variant) is displayed with error style or not. */
@@ -2869,7 +2903,7 @@ declare const SelectMultiple: Comp<SelectMultipleProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface SideNavigationProps extends GenericProps, HasTheme$1 {
+interface SideNavigationProps extends GenericProps$1, HasTheme$1 {
     /** SideNavigationItem elements. */
     children: ReactNode;
 }
@@ -2885,7 +2919,7 @@ declare const SideNavigation: Comp<SideNavigationProps, HTMLUListElement>;
 /**
  * Defines the props of the component.
  */
-interface SideNavigationItemProps extends GenericProps, HasCloseMode {
+interface SideNavigationItemProps extends GenericProps$1, HasCloseMode {
     /** SideNavigationItem elements. */
     children?: ReactNode;
     /** Emphasis variant. */
@@ -2976,7 +3010,7 @@ interface SkeletonTypographyProps$1 extends HasTheme, HasClassName {
 /**
  * Defines the props of the component.
  */
-interface SkeletonCircleProps extends GenericProps, ReactToJSX<SkeletonCircleProps$1> {
+interface SkeletonCircleProps extends GenericProps$1, ReactToJSX<SkeletonCircleProps$1> {
 }
 /**
  * SkeletonCircle component.
@@ -2990,7 +3024,7 @@ declare const SkeletonCircle: Comp<SkeletonCircleProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface SkeletonRectangleProps extends GenericProps, ReactToJSX<SkeletonRectangleProps$1> {
+interface SkeletonRectangleProps extends GenericProps$1, ReactToJSX<SkeletonRectangleProps$1> {
 }
 /**
  * SkeletonRectangle component.
@@ -3004,7 +3038,7 @@ declare const SkeletonRectangle: Comp<SkeletonRectangleProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface SkeletonTypographyProps extends GenericProps, ReactToJSX<SkeletonTypographyProps$1> {
+interface SkeletonTypographyProps extends GenericProps$1, ReactToJSX<SkeletonTypographyProps$1> {
 }
 /**
  * SkeletonTypography component.
@@ -3018,7 +3052,7 @@ declare const SkeletonTypography: Comp<SkeletonTypographyProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface SliderProps extends GenericProps, HasTheme$1 {
+interface SliderProps extends GenericProps$1, HasTheme$1 {
     /** Helper text. */
     helper?: string;
     /** Whether the min and max labels should be hidden or not. */
@@ -3077,7 +3111,7 @@ type SlideMode = ValueOf$1<typeof SlideMode>;
 /**
  * Defines the props of the component.
  */
-interface SlideshowProps extends GenericProps, Pick<SlidesProps, 'autoPlay' | 'slidesId' | 'id' | 'theme' | 'fillHeight' | 'groupBy' | 'slideGroupLabel'> {
+interface SlideshowProps extends GenericProps$1, Pick<SlidesProps, 'autoPlay' | 'slidesId' | 'id' | 'theme' | 'fillHeight' | 'groupBy' | 'slideGroupLabel'> {
     /** Whether to use CSS transform translate or native scroll snap. */
     slideMode?: SlideMode;
     /** current slide active */
@@ -3103,7 +3137,7 @@ declare const Slideshow: Comp<SlideshowProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface SlideshowItemProps extends GenericProps {
+interface SlideshowItemProps extends GenericProps$1 {
     /** interval in which slides are automatically shown */
     interval?: number;
     /** Children */
@@ -3182,7 +3216,7 @@ interface UseSlideshowControls {
 /**
  * Defines the props of the component.
  */
-interface SlideshowControlsProps extends GenericProps, HasTheme$1 {
+interface SlideshowControlsProps extends GenericProps$1, HasTheme$1 {
     /** Index of the current slide. */
     activeIndex?: number;
     /** Props to pass to the next button (minus those already set by the SlideshowControls props). */
@@ -3226,7 +3260,7 @@ declare const SlideshowControls: Comp<SlideshowControlsProps, HTMLDivElement> &
     };
 };
 
-interface SlidesProps extends GenericProps, HasTheme$1 {
+interface SlidesProps extends GenericProps$1, HasTheme$1 {
     /** current slide active */
     activeIndex: number;
     /** slides id to be added to the wrapper */
@@ -3299,7 +3333,7 @@ interface SwitchProps$1 extends HasTheme, HasClassName, HasAriaDisabled, HasDisa
 /**
  * Defines the props of the component.
  */
-interface SwitchProps extends GenericProps, ReactToJSX<SwitchProps$1, 'inputId' | 'label'> {
+interface SwitchProps extends GenericProps$1, ReactToJSX<SwitchProps$1, 'inputId' | 'label'> {
     /** On change callback. */
     onChange?(isChecked: boolean, value?: string, name?: string, event?: React__default.ChangeEvent): void;
 }
@@ -3329,7 +3363,7 @@ interface TableProps$1 extends HasTheme, HasClassName {
 /**
  * Defines the props of the component.
  */
-interface TableProps extends GenericProps, Omit<TableProps$1, 'ref'> {
+interface TableProps extends GenericProps$1, Omit<TableProps$1, 'ref'> {
     /** Children */
     children?: React.ReactNode;
 }
@@ -3355,7 +3389,7 @@ interface TableBodyProps$1 extends HasClassName {
 /**
  * Defines the props of the component.
  */
-interface TableBodyProps extends GenericProps, Omit<TableBodyProps$1, 'ref'> {
+interface TableBodyProps extends GenericProps$1, Omit<TableBodyProps$1, 'ref'> {
     /** Children */
     children?: React.ReactNode;
 }
@@ -3407,7 +3441,7 @@ interface TableCellProps$1 extends HasClassName {
 /**
  * Defines the props of the component.
  */
-interface TableCellProps extends GenericProps, Omit<TableCellProps$1, 'ref'> {
+interface TableCellProps extends GenericProps$1, Omit<TableCellProps$1, 'ref'> {
     /** Children */
     children?: React.ReactNode;
 }
@@ -3433,7 +3467,7 @@ interface TableHeaderProps$1 extends HasClassName {
 /**
  * Defines the props of the component.
  */
-interface TableHeaderProps extends GenericProps, Omit<TableHeaderProps$1, 'ref'> {
+interface TableHeaderProps extends GenericProps$1, Omit<TableHeaderProps$1, 'ref'> {
     /** Children */
     children?: React.ReactNode;
 }
@@ -3465,7 +3499,7 @@ interface TableRowProps$1 extends HasClassName, HasAriaDisabled {
 /**
  * Defines the props of the component.
  */
-interface TableRowProps extends GenericProps, Omit<TableRowProps$1, 'ref' | 'tabIndex' | 'aria-disabled'> {
+interface TableRowProps extends GenericProps$1, Omit<TableRowProps$1, 'ref' | 'tabIndex' | 'aria-disabled'> {
     /** Whether the component is disabled or not. */
     isDisabled?: boolean;
     /** Children */
@@ -3510,7 +3544,7 @@ declare enum TabListLayout {
 /**
  * Defines the props of the component.
  */
-interface TabListProps extends GenericProps, HasTheme$1 {
+interface TabListProps extends GenericProps$1, HasTheme$1 {
     /** ARIA label (purpose of the set of tabs). */
     ['aria-label']: string;
     /** Tab list. */
@@ -3534,7 +3568,7 @@ declare const TabList: Comp<TabListProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface TabProps extends GenericProps {
+interface TabProps extends GenericProps$1 {
     /** Children are not supported. */
     children?: never;
     /** Icon (SVG path). */
@@ -3564,7 +3598,7 @@ declare const Tab: Comp<TabProps, HTMLButtonElement>;
 /**
  * Defines the props of the component.
  */
-interface TabPanelProps extends GenericProps {
+interface TabPanelProps extends GenericProps$1 {
     /** Native id property */
     id?: string;
     /** Whether the tab is active or not. */
@@ -3583,7 +3617,7 @@ interface TabPanelProps extends GenericProps {
  */
 declare const TabPanel: Comp<TabPanelProps, HTMLDivElement>;
 
-interface TextProps extends ReactToJSX<TextProps$1>, GenericProps {
+interface TextProps extends ReactToJSX<TextProps$1>, GenericProps$1 {
 }
 /**
  * Text component.
@@ -3597,7 +3631,7 @@ declare const Text: Comp<TextProps, HTMLElement>;
 /**
  * Defines the props of the component.
  */
-interface TextFieldProps extends GenericProps, HasTheme$1, HasAriaDisabled$1 {
+interface TextFieldProps extends GenericProps$1, HasTheme$1, HasAriaDisabled$1 {
     /** Chip Group to be rendered before the main text input. */
     chips?: ReactNode;
     /** Props to pass to the clear button (minus those already set by the TextField props). If not specified, the button won't be displayed. */
@@ -3710,7 +3744,7 @@ interface ToolbarProps$1 extends HasClassName {
 /**
  * Defines the props of the component.
  */
-interface ToolbarProps extends GenericProps, ReactToJSX<ToolbarProps$1> {
+interface ToolbarProps extends GenericProps$1, ReactToJSX<ToolbarProps$1> {
     /** After content (placed after the label). */
     after?: ReactNode;
     /** Before content (placed before the label). */
@@ -3734,7 +3768,7 @@ type TooltipPlacement = Extract<Placement, 'top' | 'right' | 'bottom' | 'left'>;
 /**
  * Defines the props of the component.
  */
-interface TooltipProps extends GenericProps, HasCloseMode {
+interface TooltipProps extends GenericProps$1, HasCloseMode {
     /** Anchor (element on which we activate the tooltip). */
     children: ReactNode;
     /** Delay (in ms) before closing the tooltip. */
@@ -3779,7 +3813,7 @@ interface FileInputProps extends Omit<React__default.ComponentProps<'input'>, 'o
 /**
  * Defines the props of the component.
  */
-interface UploaderProps extends GenericProps, HasTheme$1, HasAriaDisabled$1 {
+interface UploaderProps extends GenericProps$1, HasTheme$1, HasAriaDisabled$1 {
     /** Image aspect ratio. */
     aspectRatio?: AspectRatio$1;
     /** Icon (SVG path). */
@@ -3813,7 +3847,7 @@ type UserBlockSize = Extract<Size$1, 'xs' | 's' | 'm' | 'l'>;
 /**
  * Defines the props of the component.
  */
-interface UserBlockProps extends GenericProps, HasTheme$1 {
+interface UserBlockProps extends GenericProps$1, HasTheme$1 {
     /** Props to pass to the avatar. */
     avatarProps?: Omit<AvatarProps, 'alt'>;
     /** Additional fields used to describe the user. */
@@ -3827,7 +3861,7 @@ interface UserBlockProps extends GenericProps, HasTheme$1 {
     /** User name. */
     name?: React__default.ReactNode;
     /** Props to pass to the name block. */
-    nameProps?: GenericProps;
+    nameProps?: GenericProps$1;
     /** Orientation. */
     orientation?: Orientation$1;
     /** Simple action toolbar content. */