@lumx/react 4.2.1-alpha.9 → 4.3.0

package/index.d.ts

@@ -1,18 +1,18 @@
-import { Kind as Kind$1, HorizontalAlignment as HorizontalAlignment$1, Size as Size$1, ColorPalette as ColorPalette$1, GenericProps as GenericProps$2, Orientation as Orientation$1, Alignment as Alignment$1, AspectRatio, ColorWithVariants as ColorWithVariants$1, ColorVariant as ColorVariant$1, Typography as Typography$1, Emphasis as Emphasis$1, GlobalSize, TypographyInterface as TypographyInterface$1, Theme as Theme$1 } from '@lumx/core/js/constants';
+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, ColorWithVariants as ColorWithVariants$1, ColorVariant as ColorVariant$1, Typography as Typography$1, Emphasis as Emphasis$1, GlobalSize, TypographyInterface as TypographyInterface$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 as GenericProps$1, HasTheme as HasTheme$1, ValueOf, HasAriaDisabled as HasAriaDisabled$1, HasCloseMode, Falsy, HasClassName as HasClassName$1, HeadingElement as HeadingElement$1, HasRequiredLinkHref, HasAriaLabelOrLabelledBy } from '@lumx/core/js/types';
+import { GenericProps, HasTheme as HasTheme$1, ValueOf, HasAriaDisabled as HasAriaDisabled$1, HasCloseMode, Falsy, HasClassName as HasClassName$1, 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, InputHTMLAttributes, RefObject, CSSProperties, ImgHTMLAttributes, AriaAttributes as AriaAttributes$1, SetStateAction, Key, ElementType, ComponentProps } from 'react';
-import { GenericProps } from '@lumx/core/js/types/GenericProps';
-import { GenericProps as GenericProps$3 } from '@lumx/core/js/utils/disabledState';
+import React__default, { Ref, ReactElement, ReactNode, SyntheticEvent, MouseEventHandler, KeyboardEventHandler, AriaAttributes, RefObject, CSSProperties, ImgHTMLAttributes, SetStateAction, Key, ElementType, InputHTMLAttributes, ComponentProps } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Selector } from '@lumx/core/js/types/Selector';
 
 /** LumX Component Type. */
 type Comp<P, T = HTMLElement> = {
     (props: P & {
         ref?: Ref<T>;
-    } & GenericProps): ReactElement | null;
+    }): ReactElement | null;
     /** React component type. */
     readonly $$typeof: symbol;
     /** Component default props. */
@@ -70,7 +70,7 @@ declare const AlertDialog: Comp<AlertDialogProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface AutocompleteProps extends GenericProps$1, HasTheme$1 {
+interface AutocompleteProps extends GenericProps, HasTheme$1 {
     /**
      * Whether the suggestions list should display anchored to the input or to the wrapper.
      * @see {@link DropdownProps#anchorToInput}
@@ -263,7 +263,7 @@ type AvatarSize = Extract<Size$1, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>
 /**
  * Defines the props of the component.
  */
-interface AvatarProps extends GenericProps$1, HasTheme$1 {
+interface AvatarProps extends GenericProps, HasTheme$1 {
     /** Action toolbar content. */
     actions?: ReactNode;
     /** Image alternative text. */
@@ -297,7 +297,7 @@ declare const Avatar: Comp<AvatarProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface BadgeProps extends GenericProps$1 {
+interface BadgeProps extends GenericProps {
     /** Badge content. */
     children?: ReactNode;
     /** Color variant. */
@@ -312,7 +312,7 @@ interface BadgeProps extends GenericProps$1 {
  */
 declare const Badge: Comp<BadgeProps, HTMLDivElement>;
 
-interface BadgeWrapperProps extends GenericProps$1 {
+interface BadgeWrapperProps extends GenericProps {
     /** Badge. */
     badge: ReactElement;
     /** Node to display the badge on */
@@ -529,37 +529,20 @@ interface HasAriaDisabled {
     'aria-disabled'?: Booleanish;
 }
 
-interface AriaAttributes {
-    /** Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. */
-    'aria-expanded'?: Booleanish | undefined;
-    /** Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. */
-    'aria-haspopup'?: boolean | 'false' | 'true' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog' | undefined;
-    /**
-     * Defines a string value that labels the current element.
-     * @see aria-labelledby.
-     */
-    'aria-label'?: string | undefined;
-    /**
-     * Indicates the current "pressed" state of toggle buttons.
-     * @see aria-checked @see aria-selected.
-     */
-    'aria-pressed'?: boolean | 'false' | 'mixed' | 'true' | undefined;
-}
-
-interface BaseClickableProps {
+type BaseClickableProps = {
     children?: JSXElement;
     isDisabled?: boolean;
     disabled?: boolean;
     'aria-disabled'?: Booleanish;
     onClick?: (event?: any) => void;
     ref?: CommonRef;
-}
+};
 
 /**
  * Button size definition.
  */
 type ButtonSize = Extract<Size, 's' | 'm'>;
-interface BaseButtonProps extends AriaAttributes, HasClassName, HasTheme, HasAriaDisabled, BaseClickableProps {
+interface BaseButtonProps extends Pick<AriaAttributes, 'aria-expanded' | 'aria-haspopup' | 'aria-pressed' | 'aria-label'>, HasClassName, HasTheme, HasAriaDisabled, BaseClickableProps {
     /** Color variant. */
     color?: ColorPalette;
     /** Emphasis variant. */
@@ -627,7 +610,7 @@ declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
  */
 declare const DEFAULT_PROPS: Partial<ButtonProps$1>;
 
-interface ButtonProps extends GenericProps$2, ButtonProps$1 {
+interface ButtonProps extends GenericProps, ButtonProps$1 {
 }
 /**
  * Button component.
@@ -654,13 +637,11 @@ interface IconButtonProps$1 extends BaseButtonProps {
      * If you really don't want an aria-label, you can set an empty label (this is not recommended).
      */
     label: string;
-    /**
-     * optional text to be displayed as the title of the HTML element
-     */
+    /** text to be displayed on hover */
     title?: string;
 }
 
-interface IconButtonProps extends GenericProps$2, IconButtonProps$1 {
+interface IconButtonProps extends GenericProps, Omit<IconButtonProps$1, 'title'> {
     /**
      * Props to pass to the tooltip.
      * If undefined or if tooltipProps.label is undefined, the label prop will be used as tooltip label.
@@ -690,7 +671,7 @@ interface ButtonGroupProps$1 extends HasClassName {
     ref?: CommonRef;
 }
 
-interface ButtonGroupProps extends ButtonGroupProps$1, GenericProps$1 {
+interface ButtonGroupProps extends GenericProps, ButtonGroupProps$1 {
 }
 /**
  * ButtonGroup component.
@@ -704,27 +685,38 @@ declare const ButtonGroup: Comp<ButtonGroupProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface CheckboxProps extends GenericProps$1, HasTheme$1, HasAriaDisabled$1 {
+interface CheckboxProps$1 extends HasTheme, HasClassName, HasAriaDisabled {
     /** Helper text. */
     helper?: string;
     /** Native input id property. */
     id?: string;
-    /** Native input ref. */
-    inputRef?: React__default.Ref<HTMLInputElement>;
     /** Whether it is checked or not or intermediate. */
     isChecked?: boolean | 'intermediate';
+    checked?: boolean;
     /** Whether the component is disabled or not. */
     isDisabled?: boolean;
     /** Label text. */
-    label?: ReactNode;
+    label?: JSXElement;
     /** Native input name property. */
     name?: string;
     /** Native input value property. */
     value?: string;
     /** optional props for input */
-    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    inputProps?: Record<string, any>;
+    /** Native input ref. */
+    inputRef?: CommonRef;
+    /** Native input id. */
+    inputId: string;
     /** On change callback. */
-    onChange?(isChecked: boolean, value?: string, name?: string, event?: SyntheticEvent): void;
+    onChange?(isChecked: boolean, value?: string, name?: string, event?: any): void;
+    /** reference to the root element */
+    ref?: CommonRef;
+}
+
+/**
+ * Defines the props of the component.
+ */
+interface CheckboxProps extends GenericProps, Omit<CheckboxProps$1, 'inputId'> {
 }
 /**
  * Checkbox component.
@@ -742,7 +734,7 @@ type ChipSize = Extract<Size$1, 's' | 'm'>;
 /**
  * Defines the props of the component.
  */
-interface ChipProps extends GenericProps$1, HasTheme$1, HasAriaDisabled$1 {
+interface ChipProps extends GenericProps, HasTheme$1, HasAriaDisabled$1 {
     /** A component to be rendered after the content. */
     after?: ReactNode;
     /** A component to be rendered before the content. */
@@ -788,7 +780,7 @@ type useChipGroupNavigationType<C = any> = (chips: C[], onChipDeleted: (chip: C)
 /**
  * Defines the props of the component.
  */
-interface ChipGroupProps extends GenericProps$1 {
+interface ChipGroupProps extends GenericProps {
     /**
      * Chip horizontal alignment.
      * @deprecated
@@ -801,6 +793,62 @@ declare const ChipGroup: Comp<ChipGroupProps, HTMLDivElement> & {
     useChipGroupNavigation: useChipGroupNavigationType<any>;
 };
 
+interface SelectionChipGroupProps<O> extends GenericProps {
+    /**
+     * Option object id selector (either the property name or a function to get the id)
+     */
+    getOptionId: Selector<O>;
+    /**
+     * Option object name selector (either the property name or a function to get the name)
+     * Fallbacks on the ID if not defined
+     */
+    getOptionName?: Selector<O, string | undefined | null>;
+    /**
+     * Selected options array
+     */
+    value?: O[];
+    /**
+     * Callback on option array selected
+     */
+    onChange?(newValue?: O[]): void;
+    /**
+     * Input ref to restore focus
+     */
+    inputRef?: React__default.RefObject<HTMLInputElement>;
+    /**
+     * Input label, used to generate the chip group aria description
+     */
+    inputLabel?: string;
+    /**
+     * Customize how chips should render
+     */
+    renderChip?: (option: O) => React__default.ReactNode;
+    /**
+     * Scope for tracking purposes
+     */
+    scope?: string;
+    /**
+     * LumX theme
+     */
+    theme?: Theme$1;
+    /**
+     * Disabled state
+     */
+    isDisabled?: boolean;
+    /** label to be used for accessibility purposes */
+    label: string;
+    /** callback for generating the tooltip for each individual chip */
+    chipTooltipLabel: (chip: string) => string;
+}
+/**
+ * SelectionChipGroup component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const SelectionChipGroup: <O>({ onChange, value, getOptionId, getOptionName, inputRef, inputLabel, renderChip, theme, isDisabled, chipTooltipLabel, label, ...forwardedProps }: SelectionChipGroupProps<O>) => react_jsx_runtime.JSX.Element;
+
 /**
  * Comment block variants.
  */
@@ -812,7 +860,7 @@ type CommentBlockVariant = ValueOf<typeof CommentBlockVariant>;
 /**
  * Defines the props of the component.
  */
-interface CommentBlockProps extends GenericProps$1, HasTheme$1 {
+interface CommentBlockProps extends GenericProps, HasTheme$1 {
     /** Action toolbar content. */
     actions?: ReactNode;
     /** Props to pass to the avatar. */
@@ -865,7 +913,7 @@ declare const CommentBlock: Comp<CommentBlockProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface DatePickerProps extends GenericProps$1 {
+interface DatePickerProps extends GenericProps {
     /** Default month. */
     defaultMonth?: Date;
     /** Locale (language or region) to use. */
@@ -920,7 +968,7 @@ declare const DatePickerControlled: Comp<DatePickerControlledProps, HTMLDivEleme
 /**
  * Defines the props of the component.
  */
-interface DatePickerFieldProps extends Omit<TextFieldProps, 'value' | 'onChange'>, GenericProps$1 {
+interface DatePickerFieldProps extends Omit<TextFieldProps, 'value' | 'onChange'>, GenericProps {
     /** Default month. */
     defaultMonth?: Date;
     /** Locale (language or region) to use. */
@@ -950,7 +998,7 @@ declare const DatePickerField: Comp<DatePickerFieldProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface DialogProps extends GenericProps$1 {
+interface DialogProps extends GenericProps {
     /** Footer content. */
     footer?: ReactNode;
     /** Whether the divider between the dialog content and the footer is always displayed (instead of showing it on scroll). */
@@ -980,7 +1028,7 @@ interface DialogProps extends GenericProps$1 {
     /** Z-axis position. */
     zIndex?: number;
     /** Z-axis position. */
-    dialogProps?: GenericProps$1;
+    dialogProps?: GenericProps;
     /** On close callback. */
     onClose?(): void;
     /** Callback called when the open animation starts and the close animation finishes. */
@@ -1003,7 +1051,7 @@ declare const Dialog: Comp<DialogProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface DividerProps extends GenericProps$1, HasTheme$1 {
+interface DividerProps extends GenericProps, HasTheme$1 {
 }
 /**
  * Divider component.
@@ -1017,7 +1065,7 @@ declare const Divider: Comp<DividerProps, HTMLHRElement>;
 /**
  * Defines the props of the component.
  */
-interface DragHandleProps extends GenericProps$1, HasTheme$1 {
+interface DragHandleProps extends GenericProps, HasTheme$1 {
 }
 /**
  * DragHandle component.
@@ -1075,7 +1123,7 @@ type FitAnchorWidth = ValueOf<typeof FitAnchorWidth>;
 /**
  * Defines the props of the component.
  */
-interface PopoverProps extends GenericProps$1, HasTheme$1 {
+interface PopoverProps extends GenericProps, 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!). */
@@ -1136,7 +1184,7 @@ declare const Popover: Comp<PopoverProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface DropdownProps extends GenericProps$1 {
+interface DropdownProps extends GenericProps {
     /**
      * Reference to the element around which the dropdown is placed.
      * @see {@link PopoverProps#anchorRef}
@@ -1217,7 +1265,7 @@ declare const Dropdown: Comp<DropdownProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface ExpansionPanelProps extends GenericProps$1, HasCloseMode, HasTheme$1 {
+interface ExpansionPanelProps extends GenericProps, HasCloseMode, HasTheme$1 {
     /** Whether the expansion panel has a background. */
     hasBackground?: boolean;
     /** Whether the header has a divider. */
@@ -1308,7 +1356,8 @@ interface FlagProps$1 extends HasClassName, HasTheme {
     Text: (props: TextProps$1) => any;
 }
 
-interface FlagProps extends GenericProps$2, Omit<FlagProps$1, 'children' | 'Text'> {
+interface FlagProps extends GenericProps, Omit<FlagProps$1, 'children' | 'Text'> {
+    /** Text label of the flag. */
     label: React.ReactNode;
 }
 /**
@@ -1353,7 +1402,7 @@ interface FlexBoxProps$1 extends HasClassName {
 /**
  * Defines the props of the component.
  */
-interface FlexBoxProps extends FlexBoxProps$1, GenericProps$1 {
+interface FlexBoxProps extends GenericProps, FlexBoxProps$1 {
     /** Customize the root element. */
     as?: React__default.ElementType;
 }
@@ -1477,7 +1526,7 @@ interface HeadingProps$1 extends Partial<TextProps$1> {
     as?: HeadingElement;
 }
 
-interface HeadingProps extends HeadingProps$1, GenericProps$1 {
+interface HeadingProps extends GenericProps, HeadingProps$1 {
 }
 /**
  * Renders a heading component.
@@ -1506,7 +1555,7 @@ type GridGutterSize = Extract<Size$1, 'regular' | 'big' | 'huge'>;
 /**
  * Defines the props of the component.
  */
-interface GridProps extends GenericProps$1 {
+interface GridProps extends GenericProps {
     /** Orientation. */
     orientation?: Orientation$1;
     /** Whether the children are wrapped or not. */
@@ -1533,7 +1582,7 @@ type Columns = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11'
 /**
  * Defines the props of the component.
  */
-interface GridItemProps extends GenericProps$1 {
+interface GridItemProps extends GenericProps {
     /** Alignment. */
     align?: Alignment$1;
     /** Order. */
@@ -1556,7 +1605,7 @@ type GridColumnGapSize = Extract<Size$1, 'tiny' | 'regular' | 'big' | 'huge'>;
 /**
  * Defines the props of the component.
  */
-interface GridColumnProps extends GenericProps$1 {
+interface GridColumnProps extends GenericProps {
     /** Customize the root element. */
     as?: React.ElementType;
     /** Children elements. */
@@ -1607,7 +1656,7 @@ interface IconProps$1 extends HasClassName, HasTheme {
     ref?: CommonRef;
 }
 
-interface IconProps extends IconProps$1, GenericProps$1 {
+interface IconProps extends Omit<IconProps$1, 'children'>, GenericProps {
 }
 /**
  * Icon component.
@@ -1665,7 +1714,7 @@ type ImgHTMLProps = ImgHTMLAttributes<HTMLImageElement>;
 /**
  * Defines the props of the component.
  */
-interface ThumbnailProps extends GenericProps$1, HasTheme$1 {
+interface ThumbnailProps extends GenericProps, HasTheme$1 {
     /** Alignment of the thumbnail in it's parent (requires flex parent). */
     align?: HorizontalAlignment$1;
     /** Image alternative text. */
@@ -1751,7 +1800,7 @@ type ImageBlockSize = Extract<Size$1, 'xl' | 'xxl'>;
 /**
  * Defines the props of the component.
  */
-interface ImageBlockProps extends GenericProps$1, HasTheme$1, ImageCaptionMetadata {
+interface ImageBlockProps extends GenericProps, HasTheme$1, ImageCaptionMetadata {
     /** Action toolbar content. */
     actions?: ReactNode;
     /** Alignment. */
@@ -1843,7 +1892,7 @@ declare const ImageLightbox: Comp<ImageLightboxProps, HTMLDivElement> & {
 /**
  * Defines the props of the component.
  */
-interface InlineListProps extends GenericProps$1 {
+interface InlineListProps extends GenericProps {
     /**
      * Text color.
      */
@@ -1884,9 +1933,11 @@ interface InputHelperProps$1 extends HasClassName, HasTheme {
     kind?: Kind;
     /** ref to the root element `p` */
     ref?: CommonRef;
+    /** id for the input helper */
+    id?: string;
 }
 
-interface InputHelperProps extends InputHelperProps$1, GenericProps$3 {
+interface InputHelperProps extends InputHelperProps$1, GenericProps {
 }
 /**
  * InputHelper component.
@@ -1910,7 +1961,7 @@ interface InputLabelProps$1 extends HasClassName, HasTheme {
     ref?: CommonRef;
 }
 
-interface InputLabelProps extends InputLabelProps$1, GenericProps$2 {
+interface InputLabelProps extends InputLabelProps$1, GenericProps {
 }
 /**
  * InputLabel component.
@@ -1924,7 +1975,7 @@ declare const InputLabel: Comp<InputLabelProps, HTMLLabelElement>;
 /**
  * Defines the props of the component.
  */
-interface LightboxProps extends GenericProps$1, HasTheme$1, Pick<AriaAttributes$1, 'aria-label' | 'aria-labelledby'> {
+interface LightboxProps extends GenericProps, HasTheme$1, Pick<AriaAttributes, '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. */
@@ -1955,7 +2006,7 @@ type HTMLAnchorProps = React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAn
 /**
  * Defines the props of the component.
  */
-interface LinkProps extends GenericProps$1, HasAriaDisabled$1 {
+interface LinkProps extends GenericProps, HasAriaDisabled$1 {
     /** Color variant. */
     color?: ColorWithVariants$1;
     /** Lightened or darkened variant of the selected icon color. */
@@ -1995,7 +2046,7 @@ declare const Link: Comp<LinkProps, HTMLButtonElement | HTMLAnchorElement>;
 /**
  * Defines the props of the component.
  */
-interface LinkPreviewProps extends GenericProps$1, HasTheme$1 {
+interface LinkPreviewProps extends GenericProps, HasTheme$1 {
     /** Description. */
     description?: string;
     /** Link URL. */
@@ -2038,7 +2089,7 @@ type useKeyboardListNavigationType = <I>(items: I[], ref: RefObject<HTMLElement>
 /**
  * Defines the props of the component.
  */
-interface ListProps extends GenericProps$1 {
+interface ListProps extends GenericProps {
     /** List content (should be ListItem, ListSubheader or ListDivider). */
     children: ReactNode;
     /**
@@ -2067,7 +2118,7 @@ type ListItemSize = Extract<Size$1, 'tiny' | 'regular' | 'big' | 'huge'>;
 /**
  * Defines the props of the component.
  */
-interface ListItemProps extends GenericProps$1, HasAriaDisabled$1 {
+interface ListItemProps extends GenericProps, HasAriaDisabled$1 {
     /** A component to be rendered after the content. */
     after?: ReactNode;
     /** A component to be rendered before the content. */
@@ -2110,7 +2161,7 @@ declare const ListItem: Comp<ListItemProps, HTMLLIElement>;
 /**
  * Defines the props of the component.
  */
-type ListDividerProps = GenericProps$1;
+type ListDividerProps = GenericProps;
 /**
  * ListDivider component.
  *
@@ -2118,12 +2169,12 @@ type ListDividerProps = GenericProps$1;
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const ListDivider: Comp<GenericProps$1, HTMLLIElement>;
+declare const ListDivider: Comp<GenericProps, HTMLLIElement>;
 
 /**
  * Defines the props of the component.
  */
-interface ListSubheaderProps extends GenericProps$1 {
+interface ListSubheaderProps extends GenericProps {
     /** Content. */
     children: string | ReactNode;
 }
@@ -2163,7 +2214,7 @@ interface MessageProps$1 extends HasClassName {
     };
 }
 
-interface MessageProps extends Omit<MessageProps$1, 'children' | 'ref'> {
+interface MessageProps extends GenericProps, Omit<MessageProps$1, 'children' | 'ref'> {
     /** Content. */
     children?: React.ReactNode;
 }
@@ -2179,7 +2230,7 @@ declare const Message: Comp<MessageProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface MosaicProps extends GenericProps$1, HasTheme$1 {
+interface MosaicProps extends GenericProps, HasTheme$1 {
     /** Thumbnails. */
     thumbnails: ThumbnailProps[];
     /** On image click callback. */
@@ -2235,7 +2286,7 @@ declare const Navigation: Comp<NavigationProps, HTMLElement> & SubComponents;
 /**
  * Defines the props of the component.
  */
-interface NotificationProps extends GenericProps$1, HasTheme$1 {
+interface NotificationProps extends GenericProps, HasTheme$1 {
     /** Action button label. */
     actionLabel?: string;
     /** Content. */
@@ -2279,7 +2330,7 @@ declare const PopoverDialog: Comp<PopoverDialogProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface PostBlockProps extends GenericProps$1, HasTheme$1 {
+interface PostBlockProps extends GenericProps, HasTheme$1 {
     /** Action toolbar content. */
     actions?: ReactNode;
     /** Attachment content. */
@@ -2323,7 +2374,7 @@ type ProgressVariant = ValueOf<typeof ProgressVariant>;
 /**
  * Defines the props of the component.
  */
-interface ProgressProps extends GenericProps$1, HasTheme$1 {
+interface ProgressProps extends GenericProps, HasTheme$1 {
     /** Progress variant. */
     variant?: ProgressVariant;
 }
@@ -2344,7 +2395,7 @@ type ProgressCircularSize = Extract<Size$1, 'xxs' | 'xs' | 's' | 'm'>;
 /**
  * Defines the props of the component.
  */
-interface ProgressCircularProps extends GenericProps$1, HasTheme$1 {
+interface ProgressCircularProps extends GenericProps, HasTheme$1 {
     /**
      * Progress circular size.
      */
@@ -2364,7 +2415,7 @@ interface ProgressCircularProps extends GenericProps$1, HasTheme$1 {
  */
 declare const ProgressCircular: Comp<ProgressCircularProps, HTMLDivElement>;
 
-interface ProgressLinearProps extends GenericProps$1, HasTheme$1 {
+interface ProgressLinearProps extends GenericProps, HasTheme$1 {
 }
 /**
  * ProgressLinear component.
@@ -2403,7 +2454,7 @@ declare const ProgressTrackerProvider: React.FC<ProgressTrackerProviderProps>;
 /**
  * Defines the props of the component.
  */
-interface ProgressTrackerProps extends GenericProps$1 {
+interface ProgressTrackerProps extends GenericProps {
     /** ARIA label (purpose of the set of steps). */
     ['aria-label']: string;
     /** Step list. */
@@ -2423,7 +2474,7 @@ declare const ProgressTracker: Comp<ProgressTrackerProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface ProgressTrackerStepProps extends GenericProps$1 {
+interface ProgressTrackerStepProps extends GenericProps {
     /** Children are not supported. */
     children?: never;
     /** Whether the step should be in error state or not. */
@@ -2455,7 +2506,7 @@ declare const ProgressTrackerStep: Comp<ProgressTrackerStepProps, HTMLButtonElem
 /**
  * Defines the props of the component.
  */
-interface ProgressTrackerStepPanelProps extends GenericProps$1 {
+interface ProgressTrackerStepPanelProps extends GenericProps {
     /** Native id property. */
     id?: string;
     /** Whether the step is active or not. */
@@ -2477,7 +2528,7 @@ declare const ProgressTrackerStepPanel: Comp<ProgressTrackerStepPanelProps, HTML
 /**
  * Defines the props of the component.
  */
-interface RadioButtonProps extends GenericProps$1, HasTheme$1, HasAriaDisabled$1 {
+interface RadioButtonProps extends GenericProps, HasTheme$1, HasAriaDisabled$1 {
     /** Helper text. */
     helper?: string;
     /** Native input id property. */
@@ -2511,7 +2562,7 @@ declare const RadioButton: Comp<RadioButtonProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface RadioGroupProps extends GenericProps$1 {
+interface RadioGroupProps extends GenericProps {
     /** RadioButton elements */
     children: ReactNode;
 }
@@ -2532,7 +2583,7 @@ declare const SelectVariant: {
     readonly chip: "chip";
 };
 type SelectVariant = ValueOf<typeof SelectVariant>;
-interface CoreSelectProps extends GenericProps$1, HasTheme$1 {
+interface CoreSelectProps extends GenericProps, 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. */
@@ -2612,7 +2663,7 @@ declare const SelectMultiple: Comp<SelectMultipleProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface SideNavigationProps extends GenericProps$1, HasTheme$1 {
+interface SideNavigationProps extends GenericProps, HasTheme$1 {
     /** SideNavigationItem elements. */
     children: ReactNode;
 }
@@ -2628,7 +2679,7 @@ declare const SideNavigation: Comp<SideNavigationProps, HTMLUListElement>;
 /**
  * Defines the props of the component.
  */
-interface SideNavigationItemProps extends GenericProps$1, HasCloseMode {
+interface SideNavigationItemProps extends GenericProps, HasCloseMode {
     /** SideNavigationItem elements. */
     children?: ReactNode;
     /** Emphasis variant. */
@@ -2664,7 +2715,7 @@ declare const SideNavigationItem: Comp<SideNavigationItemProps, HTMLLIElement>;
 /**
  * Defines the props of the component.
  */
-interface SkeletonCircleProps extends GenericProps$1, HasTheme$1 {
+interface SkeletonCircleProps extends GenericProps, HasTheme$1 {
     /** Size variant. */
     size: GlobalSize;
     /** The color of the skeleton. */
@@ -2691,7 +2742,7 @@ type SkeletonRectangleVariant = ValueOf<typeof SkeletonRectangleVariant>;
 /**
  * Defines the props of the component.
  */
-interface SkeletonRectangleProps extends GenericProps$1, HasTheme$1 {
+interface SkeletonRectangleProps extends GenericProps, HasTheme$1 {
     /** Aspect ratio (use with width and not height). */
     aspectRatio?: Extract<AspectRatio, 'square' | 'horizontal' | 'vertical' | 'wide'>;
     /** Height size. */
@@ -2715,7 +2766,7 @@ declare const SkeletonRectangle: Comp<SkeletonRectangleProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface SkeletonTypographyProps extends GenericProps$1, HasTheme$1 {
+interface SkeletonTypographyProps extends GenericProps, HasTheme$1 {
     /** Typography variant. */
     typography: TypographyInterface$1;
     /** Width CSS property. */
@@ -2735,7 +2786,7 @@ declare const SkeletonTypography: Comp<SkeletonTypographyProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface SliderProps extends GenericProps$1, HasTheme$1 {
+interface SliderProps extends GenericProps, HasTheme$1 {
     /** Helper text. */
     helper?: string;
     /** Whether the min and max labels should be hidden or not. */
@@ -2794,7 +2845,7 @@ type SlideMode = ValueOf<typeof SlideMode>;
 /**
  * Defines the props of the component.
  */
-interface SlideshowProps extends GenericProps$1, Pick<SlidesProps, 'autoPlay' | 'slidesId' | 'id' | 'theme' | 'fillHeight' | 'groupBy' | 'slideGroupLabel'> {
+interface SlideshowProps extends GenericProps, Pick<SlidesProps, 'autoPlay' | 'slidesId' | 'id' | 'theme' | 'fillHeight' | 'groupBy' | 'slideGroupLabel'> {
     /** Whether to use CSS transform translate or native scroll snap. */
     slideMode?: SlideMode;
     /** current slide active */
@@ -2820,7 +2871,7 @@ declare const Slideshow: Comp<SlideshowProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface SlideshowItemProps extends GenericProps$1 {
+interface SlideshowItemProps extends GenericProps {
     /** interval in which slides are automatically shown */
     interval?: number;
     /** Children */
@@ -2899,7 +2950,7 @@ interface UseSlideshowControls {
 /**
  * Defines the props of the component.
  */
-interface SlideshowControlsProps extends GenericProps$1, HasTheme$1 {
+interface SlideshowControlsProps extends GenericProps, HasTheme$1 {
     /** Index of the current slide. */
     activeIndex?: number;
     /** Props to pass to the next button (minus those already set by the SlideshowControls props). */
@@ -2943,7 +2994,7 @@ declare const SlideshowControls: Comp<SlideshowControlsProps, HTMLDivElement> &
     };
 };
 
-interface SlidesProps extends GenericProps$1, HasTheme$1 {
+interface SlidesProps extends GenericProps, HasTheme$1 {
     /** current slide active */
     activeIndex: number;
     /** slides id to be added to the wrapper */
@@ -2988,7 +3039,7 @@ declare const Slides: Comp<SlidesProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface SwitchProps extends GenericProps$1, HasTheme$1, HasAriaDisabled$1 {
+interface SwitchProps extends GenericProps, HasTheme$1, HasAriaDisabled$1 {
     /** Helper text. */
     helper?: string;
     /** Whether it is checked or not. */
@@ -3020,7 +3071,7 @@ declare const Switch: Comp<SwitchProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface TableProps extends GenericProps$1, HasTheme$1 {
+interface TableProps extends GenericProps, HasTheme$1 {
     /** Whether the table has checkbox or thumbnail on first cell or not. */
     hasBefore?: boolean;
     /** Whether the table has dividers or not. */
@@ -3040,7 +3091,7 @@ declare const Table: Comp<TableProps, HTMLTableElement>;
 /**
  * Defines the props of the component.
  */
-interface TableBodyProps extends GenericProps$1 {
+interface TableBodyProps extends GenericProps {
     /** Children */
     children?: React.ReactNode;
 }
@@ -3072,7 +3123,7 @@ type TableCellVariant = ValueOf<typeof TableCellVariant>;
 /**
  * Defines the props of the component.
  */
-interface TableCellProps extends GenericProps$1 {
+interface TableCellProps extends GenericProps {
     /** Icon (SVG path).(thead only). */
     icon?: string;
     /** Whether the column is sortable or not (thead only). */
@@ -3098,7 +3149,7 @@ declare const TableCell: Comp<TableCellProps, HTMLTableCellElement>;
 /**
  * Defines the props of the component.
  */
-interface TableHeaderProps extends GenericProps$1 {
+interface TableHeaderProps extends GenericProps {
     /** Children */
     children?: React.ReactNode;
 }
@@ -3114,7 +3165,7 @@ declare const TableHeader: Comp<TableHeaderProps, HTMLTableSectionElement>;
 /**
  * Defines the props of the component.
  */
-interface TableRowProps extends GenericProps$1 {
+interface TableRowProps extends GenericProps {
     /** Whether the component is clickable or not. */
     isClickable?: boolean;
     /** Whether the component is disabled or not. */
@@ -3163,7 +3214,7 @@ declare enum TabListLayout {
 /**
  * Defines the props of the component.
  */
-interface TabListProps extends GenericProps$1, HasTheme$1 {
+interface TabListProps extends GenericProps, HasTheme$1 {
     /** ARIA label (purpose of the set of tabs). */
     ['aria-label']: string;
     /** Tab list. */
@@ -3187,7 +3238,7 @@ declare const TabList: Comp<TabListProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface TabProps extends GenericProps$1 {
+interface TabProps extends GenericProps {
     /** Children are not supported. */
     children?: never;
     /** Icon (SVG path). */
@@ -3217,7 +3268,7 @@ declare const Tab: Comp<TabProps, HTMLButtonElement>;
 /**
  * Defines the props of the component.
  */
-interface TabPanelProps extends GenericProps$1 {
+interface TabPanelProps extends GenericProps {
     /** Native id property */
     id?: string;
     /** Whether the tab is active or not. */
@@ -3236,7 +3287,7 @@ interface TabPanelProps extends GenericProps$1 {
  */
 declare const TabPanel: Comp<TabPanelProps, HTMLDivElement>;
 
-interface TextProps extends TextProps$1, GenericProps$1 {
+interface TextProps extends TextProps$1, GenericProps {
 }
 /**
  * Text component.
@@ -3250,7 +3301,7 @@ declare const Text: Comp<TextProps, HTMLElement>;
 /**
  * Defines the props of the component.
  */
-interface TextFieldProps extends GenericProps$1, HasTheme$1, HasAriaDisabled$1 {
+interface TextFieldProps extends GenericProps, 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. */
@@ -3349,7 +3400,7 @@ declare const useFocusPointStyle: ({ image, aspectRatio, focusPoint, imgProps: {
 /**
  * Defines the props of the component.
  */
-interface ToolbarProps extends GenericProps$1 {
+interface ToolbarProps extends GenericProps {
     /** After content (placed after the label). */
     after?: ReactNode;
     /** Before content (placed before the label). */
@@ -3373,7 +3424,7 @@ type TooltipPlacement = Extract<Placement, 'top' | 'right' | 'bottom' | 'left'>;
 /**
  * Defines the props of the component.
  */
-interface TooltipProps extends GenericProps$1, HasCloseMode {
+interface TooltipProps extends GenericProps, HasCloseMode {
     /** Anchor (element on which we activate the tooltip). */
     children: ReactNode;
     /** Delay (in ms) before closing the tooltip. */
@@ -3418,7 +3469,7 @@ interface FileInputProps extends Omit<React__default.ComponentProps<'input'>, 'o
 /**
  * Defines the props of the component.
  */
-interface UploaderProps extends GenericProps$1, HasTheme$1, HasAriaDisabled$1 {
+interface UploaderProps extends GenericProps, HasTheme$1, HasAriaDisabled$1 {
     /** Image aspect ratio. */
     aspectRatio?: AspectRatio;
     /** Icon (SVG path). */
@@ -3452,7 +3503,7 @@ type UserBlockSize = Extract<Size$1, 'xs' | 's' | 'm' | 'l'>;
 /**
  * Defines the props of the component.
  */
-interface UserBlockProps extends GenericProps$1, HasTheme$1 {
+interface UserBlockProps extends GenericProps, HasTheme$1 {
     /** Props to pass to the avatar. */
     avatarProps?: Omit<AvatarProps, 'alt'>;
     /** Additional fields used to describe the user. */
@@ -3466,7 +3517,7 @@ interface UserBlockProps extends GenericProps$1, HasTheme$1 {
     /** User name. */
     name?: React__default.ReactNode;
     /** Props to pass to the name block. */
-    nameProps?: GenericProps$1;
+    nameProps?: GenericProps;
     /** Orientation. */
     orientation?: Orientation$1;
     /** Simple action toolbar content. */
@@ -3502,5 +3553,5 @@ declare const ThemeProvider: React__default.FC<{
 /** Get the theme in the current context. */
 declare function useTheme(): ThemeContextValue;
 
-export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, Button, ButtonEmphasis, ButtonGroup, CLASSNAME, COMPONENT_NAME, Checkbox, Chip, ChipGroup, CommentBlock, CommentBlockVariant, DEFAULT_PROPS, DatePicker, DatePickerControlled, DatePickerField, Dialog, Divider, DragHandle, Dropdown, ExpansionPanel, Flag, FlexBox, GenericBlock, GenericBlockGapSize, Grid, GridColumn, GridItem, Heading, HeadingLevelProvider, Icon, IconButton, ImageBlock, ImageBlockCaptionPosition, ImageLightbox, InlineList, InputHelper, InputLabel, Lightbox, Link, LinkPreview, List, ListDivider, ListItem, ListSubheader, Message, Mosaic, Navigation, Notification, Placement, Popover, PopoverDialog, PostBlock, Progress, ProgressCircular, ProgressLinear, ProgressTracker, ProgressTrackerProvider, ProgressTrackerStep, ProgressTrackerStepPanel, ProgressVariant, RadioButton, RadioGroup, RawInputText, RawInputTextarea, Select, SelectMultiple, SelectMultipleField, SelectVariant, SideNavigation, SideNavigationItem, SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography, Slider, Slides, Slideshow, SlideshowControls, SlideshowItem, Switch, Tab, TabList, TabListLayout, TabPanel, TabProvider, Table, TableBody, TableCell, TableCellVariant, TableHeader, TableRow, Text, TextField, ThOrder, ThemeProvider, Thumbnail, ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant, Toolbar, Tooltip, Uploader, UploaderVariant, UserBlock, clamp, isClickable, useFocusPointStyle, useHeadingLevel, useTheme };
-export type { AlertDialogProps, AutocompleteMultipleProps, AutocompleteProps, AvatarProps, AvatarSize, BadgeProps, BadgeWrapperProps, BaseButtonProps, ButtonGroupProps, ButtonProps, ButtonSize, CheckboxProps, ChipGroupProps, ChipProps, CommentBlockProps, DatePickerControlledProps, DatePickerFieldProps, DatePickerProps, DialogProps, DialogSizes, DividerProps, DragHandleProps, DropdownProps, Elevation, ExpansionPanelProps, FlagProps, FlexBoxProps, FlexHorizontalAlignment, FlexVerticalAlignment, FocusPoint, GapSize, GenericBlockProps, GridColumnGapSize, GridColumnProps, GridItemProps, GridProps, HeadingLevelProviderProps, HeadingProps, IconButtonProps, IconProps, IconSizes, ImageBlockProps, ImageBlockSize, ImageLightboxProps, InlineListProps, InputHelperProps, InputLabelProps, LightboxProps, LinkPreviewProps, LinkProps, ListDividerProps, ListItemProps, ListItemSize, ListProps, ListSubheaderProps, MarginAutoAlignment, MessageProps, MosaicProps, NavigationProps, NotificationProps, Offset, PopoverDialogProps, PopoverProps, PostBlockProps, ProgressCircularProps, ProgressCircularSize, ProgressLinearProps, ProgressProps, ProgressTrackerProps, ProgressTrackerProviderProps, ProgressTrackerStepPanelProps, ProgressTrackerStepProps, RadioButtonProps, RadioGroupProps, RawInputTextProps, RawInputTextareaProps, SelectMultipleProps, SelectProps, SideNavigationItemProps, SideNavigationProps, SkeletonCircleProps, SkeletonRectangleProps, SkeletonTypographyProps, SliderProps, SlidesProps, SlideshowControlsProps, SlideshowItemProps, SlideshowProps, SwitchProps, TabListProps, TabPanelProps, TabProps, TabProviderProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TextFieldProps, TextProps, ThumbnailProps, ThumbnailSize, ToolbarProps, TooltipPlacement, TooltipProps, UploaderProps, UploaderSize, UserBlockProps, UserBlockSize };
+export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, Button, ButtonEmphasis, ButtonGroup, CLASSNAME, COMPONENT_NAME, Checkbox, Chip, ChipGroup, CommentBlock, CommentBlockVariant, DEFAULT_PROPS, DatePicker, DatePickerControlled, DatePickerField, Dialog, Divider, DragHandle, Dropdown, ExpansionPanel, Flag, FlexBox, GenericBlock, GenericBlockGapSize, Grid, GridColumn, GridItem, Heading, HeadingLevelProvider, Icon, IconButton, ImageBlock, ImageBlockCaptionPosition, ImageLightbox, InlineList, InputHelper, InputLabel, Lightbox, Link, LinkPreview, List, ListDivider, ListItem, ListSubheader, Message, Mosaic, Navigation, Notification, Placement, Popover, PopoverDialog, PostBlock, Progress, ProgressCircular, ProgressLinear, ProgressTracker, ProgressTrackerProvider, ProgressTrackerStep, ProgressTrackerStepPanel, ProgressVariant, RadioButton, RadioGroup, RawInputText, RawInputTextarea, Select, SelectMultiple, SelectMultipleField, SelectVariant, SelectionChipGroup, SideNavigation, SideNavigationItem, SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography, Slider, Slides, Slideshow, SlideshowControls, SlideshowItem, Switch, Tab, TabList, TabListLayout, TabPanel, TabProvider, Table, TableBody, TableCell, TableCellVariant, TableHeader, TableRow, Text, TextField, ThOrder, ThemeProvider, Thumbnail, ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant, Toolbar, Tooltip, Uploader, UploaderVariant, UserBlock, clamp, isClickable, useFocusPointStyle, useHeadingLevel, useTheme };
+export type { AlertDialogProps, AutocompleteMultipleProps, AutocompleteProps, AvatarProps, AvatarSize, BadgeProps, BadgeWrapperProps, BaseButtonProps, ButtonGroupProps, ButtonProps, ButtonSize, CheckboxProps, ChipGroupProps, ChipProps, CommentBlockProps, DatePickerControlledProps, DatePickerFieldProps, DatePickerProps, DialogProps, DialogSizes, DividerProps, DragHandleProps, DropdownProps, Elevation, ExpansionPanelProps, FlagProps, FlexBoxProps, FlexHorizontalAlignment, FlexVerticalAlignment, FocusPoint, GapSize, GenericBlockProps, GridColumnGapSize, GridColumnProps, GridItemProps, GridProps, HeadingLevelProviderProps, HeadingProps, IconButtonProps, IconProps, IconSizes, ImageBlockProps, ImageBlockSize, ImageLightboxProps, InlineListProps, InputHelperProps, InputLabelProps, LightboxProps, LinkPreviewProps, LinkProps, ListDividerProps, ListItemProps, ListItemSize, ListProps, ListSubheaderProps, MarginAutoAlignment, MessageProps, MosaicProps, NavigationProps, NotificationProps, Offset, PopoverDialogProps, PopoverProps, PostBlockProps, ProgressCircularProps, ProgressCircularSize, ProgressLinearProps, ProgressProps, ProgressTrackerProps, ProgressTrackerProviderProps, ProgressTrackerStepPanelProps, ProgressTrackerStepProps, RadioButtonProps, RadioGroupProps, RawInputTextProps, RawInputTextareaProps, SelectMultipleProps, SelectProps, SelectionChipGroupProps, SideNavigationItemProps, SideNavigationProps, SkeletonCircleProps, SkeletonRectangleProps, SkeletonTypographyProps, SliderProps, SlidesProps, SlideshowControlsProps, SlideshowItemProps, SlideshowProps, SwitchProps, TabListProps, TabPanelProps, TabProps, TabProviderProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TextFieldProps, TextProps, ThumbnailProps, ThumbnailSize, ToolbarProps, TooltipPlacement, TooltipProps, UploaderProps, UploaderSize, UserBlockProps, UserBlockSize };