@lumx/react 4.3.2-alpha.9 → 4.4.0

package/index.d.ts

@@ -1,12 +1,11 @@
-import { Kind as Kind$1, HorizontalAlignment as HorizontalAlignment$1, Size as Size$1, ColorPalette as ColorPalette$1, Theme as Theme$1, GenericProps as GenericProps$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';
+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, HasAriaDisabled as HasAriaDisabled$1, PartialBy, 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, AriaAttributes, ReactText, RefObject, CSSProperties, ImgHTMLAttributes, SetStateAction, Key, ElementType, ComponentProps } from 'react';
+import React__default, { Ref, ReactElement, ReactNode, SyntheticEvent, MouseEventHandler, KeyboardEventHandler, RefObject, CSSProperties, ImgHTMLAttributes, AriaAttributes as AriaAttributes$1, SetStateAction, Key, ElementType, 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> = {
@@ -40,7 +39,6 @@ interface AlertDialogProps extends Omit<DialogProps, 'header' | 'footer'> {
     title?: string;
     /** Props forwarded to the confirm button */
     confirmProps: ButtonProps & {
-        onClick(): void;
         label: string;
     };
     /**
@@ -48,7 +46,6 @@ interface AlertDialogProps extends Omit<DialogProps, 'header' | 'footer'> {
      * Will not render a cancel button if undefined.
      */
     cancelProps?: ButtonProps & {
-        onClick(): void;
         label: string;
     };
     /**
@@ -70,7 +67,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}
@@ -263,7 +260,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. */
@@ -495,6 +492,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.
@@ -512,6 +519,12 @@ type TextElement = 'span' | 'p' | HeadingElement;
 /** Get types of the values of a record. */
 type ValueOf<T extends Record<any, any>> = T[keyof T];
 
+/** Transform a string literal into kebab case */
+type KebabCase<S> = S extends `${infer C}${infer T}` ? T extends Uncapitalize<T> ? `${Uncapitalize<C>}${KebabCase<T>}` : `${Uncapitalize<C>}-${KebabCase<T>}` : S;
+
+/** Transform the component name into the lumx class name. */
+type LumxClassName<TComponentName extends string> = `lumx-${KebabCase<TComponentName>}`;
+
 type CommonRef = any;
 
 type Booleanish = boolean | 'true' | 'false';
@@ -535,6 +548,47 @@ interface HasDisabled {
     disabled?: boolean;
 }
 
+/**
+ * ARIA attributes type for components.
+ * All attributes are optional.
+ *
+ * This is a custom interface containing only the ARIA attributes
+ * actually used in the @lumx/core components, avoiding dependency on React types.
+ */
+interface AriaAttributes {
+    /** Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. */
+    'aria-expanded'?: boolean | 'true' | 'false';
+    /** Indicates the availability and type of interactive popup element that can be triggered by the element. */
+    'aria-haspopup'?: boolean | 'false' | 'true' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
+    /** Indicates the current "pressed" state of toggle buttons. */
+    'aria-pressed'?: boolean | 'false' | 'mixed' | 'true';
+    /** Defines a string value that labels the current element. */
+    'aria-label'?: string;
+    /** Identifies the element (or elements) that labels the current element. */
+    'aria-labelledby'?: string;
+    /** Identifies the element (or elements) that describes the object. */
+    'aria-describedby'?: string;
+    /** Indicates whether the element is exposed to an accessibility API. */
+    'aria-hidden'?: boolean | 'true' | 'false';
+    /** Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable. */
+    'aria-disabled'?: boolean | 'true' | 'false';
+    /** Indicates the current "checked" state of checkboxes, radio buttons, and other widgets. */
+    'aria-checked'?: boolean | 'false' | 'mixed' | 'true';
+    /** Indicates whether items in a table or grid are sorted in ascending or descending order. */
+    'aria-sort'?: 'none' | 'ascending' | 'descending' | 'other';
+}
+
+type FunctionSelector<TObject, TValue> = (o: TObject) => TValue;
+type FieldSelector<TObject, TValue> = keyof {
+    [TKey in keyof TObject as TObject[TKey] extends TValue ? TKey : never]: TObject[TKey];
+};
+/**
+ * Value selector on an object
+ * - either via an object key
+ * - or a selector function
+ */
+type Selector<TObject, TValue = string> = FieldSelector<TObject, TValue> | FunctionSelector<TObject, TValue>;
+
 /**
  * Defines the props of the component.
  */
@@ -547,10 +601,19 @@ interface BadgeProps$1 extends HasClassName {
     ref?: CommonRef;
 }
 
+/**
+ * Props interface for components wrapped with ReactToJSX.
+ * It omits JSX-specific props like `children`
+ *
+ * @template Props - The base props type
+ * @template OmitProps - Additional props to omit beyond the defaults (children, className, ref)
+ */
+type ReactToJSX<Props, OmitProps extends keyof Props = never> = Omit<Props, PropsToOverride | OmitProps>;
+
 /**
  * Defines the props of the component.
  */
-interface BadgeProps extends Omit<BadgeProps$1, 'children'>, GenericProps {
+interface BadgeProps extends ReactToJSX<BadgeProps$1>, GenericProps$1 {
     /** Badge content. */
     children?: ReactNode;
 }
@@ -572,7 +635,7 @@ interface BadgeWrapperProps$1 extends HasClassName {
     ref?: CommonRef;
 }
 
-interface BadgeWrapperProps extends GenericProps, Omit<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 */
@@ -582,7 +645,8 @@ declare const BadgeWrapper: Comp<BadgeWrapperProps, HTMLDivElement>;
 
 interface BaseClickableProps extends HasDisabled, HasAriaDisabled {
     children?: JSXElement;
-    onClick?: (event?: any) => void;
+    handleClick?: (event?: any) => void;
+    handleKeyPress?: (event?: any) => void;
     ref?: CommonRef;
 }
 
@@ -649,12 +713,20 @@ interface ButtonProps$1 extends BaseButtonProps {
  * Component display name.
  */
 declare const COMPONENT_NAME = "Button";
+/**
+ * Component default class name and class prefix.
+ */
+declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
 /**
  * Component default props.
  */
 declare const DEFAULT_PROPS: Partial<ButtonProps$1>;
 
-interface ButtonProps extends GenericProps, ButtonProps$1 {
+interface ButtonProps extends GenericProps$1, ReactToJSX<ButtonProps$1> {
+    /** callback for clicking on the button */
+    onClick?: (event?: React.MouseEvent) => void;
+    /** callback for pressing a key on the button */
+    onKeyPress?: (event?: React.KeyboardEvent) => void;
 }
 /**
  * Button component.
@@ -685,7 +757,7 @@ interface IconButtonProps$1 extends BaseButtonProps {
     title?: string;
 }
 
-interface IconButtonProps extends GenericProps, Omit<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.
@@ -693,6 +765,10 @@ interface IconButtonProps extends GenericProps, Omit<IconButtonProps$1, 'title'
     tooltipProps?: Partial<TooltipProps>;
     /** Whether the tooltip should be hidden or not. */
     hideTooltip?: boolean;
+    /** callback for clicking on the button */
+    onClick?: (event?: React.MouseEvent) => void;
+    /** callback for pressing a key on the button */
+    onKeyPress?: (event?: React.KeyboardEvent) => void;
 }
 /**
  * IconButton component.
@@ -715,7 +791,7 @@ interface ButtonGroupProps$1 extends HasClassName {
     ref?: CommonRef;
 }
 
-interface ButtonGroupProps extends GenericProps, ButtonGroupProps$1 {
+interface ButtonGroupProps extends GenericProps$1, ReactToJSX<ButtonGroupProps$1> {
 }
 /**
  * ButtonGroup component.
@@ -747,7 +823,7 @@ interface CheckboxProps$1 extends HasTheme, HasClassName, HasAriaDisabled, HasDi
     /** Native input id. */
     inputId: string;
     /** On change callback. */
-    onChange?(isChecked: boolean, value?: string, name?: string, event?: any): void;
+    handleChange?(isChecked: boolean, value?: string, name?: string, event?: any): void;
     /** reference to the root element */
     ref?: CommonRef;
 }
@@ -755,7 +831,9 @@ interface CheckboxProps$1 extends HasTheme, HasClassName, HasAriaDisabled, HasDi
 /**
  * Defines the props of the component.
  */
-interface CheckboxProps extends GenericProps, Omit<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;
 }
 /**
  * Checkbox component.
@@ -773,7 +851,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. */
@@ -819,7 +897,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
@@ -832,7 +910,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)
      */
@@ -888,503 +966,6 @@ interface SelectionChipGroupProps<O> extends GenericProps {
  */
 declare const SelectionChipGroup: <O>({ onChange, value, getOptionId, getOptionName, inputRef, inputLabel, renderChip, theme, isDisabled, chipTooltipLabel, label, ...forwardedProps }: SelectionChipGroupProps<O>) => react_jsx_runtime.JSX.Element;
 
-interface ComboboxButtonProps extends GenericProps {
-    /**
-     * Label of the combobox button trigger.
-     */
-    label: string;
-    /**
-     * Controls how the `label` is displayed:
-     *  - `show-selection` (default): Displays the current selection as the label, or falls back to the provided `label`
-     *     if there is no selection. The `label` will still appear as a tooltip in this mode.
-     *  - `show-label`: Always displays the provided `label` as the visual label.
-     *  - `show-tooltip`: Always displays the provided `label` as the visual a tooltip.
-     *     (useful for IconButton combobox)
-     * In all cases, the given `label` is the ARIA label in use
-     */
-    labelDisplayMode?: 'show-selection' | 'show-label' | 'show-tooltip';
-    /**
-     * Focus event handler
-     */
-    onFocus?: React__default.FocusEventHandler;
-    /**
-     * Blur event handler
-     */
-    onBlur?: React__default.FocusEventHandler;
-    /** Customize the root element. */
-    as?: React__default.ElementType;
-}
-/**
- * Combobox button trigger.
- *
- * @family Combobox
- */
-declare const ComboboxButton: Comp<ComboboxButtonProps, HTMLElement>;
-
-/** Combobox option divider */
-declare function ComboboxDivider(): react_jsx_runtime.JSX.Element;
-
-/**
- * All TextField props that are extended.
- * We can't use "Omit" here as it is not compatible with the "GenericProps" type from the DS,
- * meaning we would loose all props.
- *
- */
-type ExtendedTextFieldProps = PartialBy<Pick<TextFieldProps, 'ariaLabel' | 'chips' | 'error' | 'forceFocusStyle' | 'hasError' | 'afterElement' | 'helper' | 'icon' | 'inputRef' | 'textFieldRef' | 'isDisabled' | 'className' | 'isRequired' | 'isValid' | 'label' | 'maxLength' | 'minimumRows' | 'multiline' | 'id' | 'name' | 'placeholder' | 'onBlur' | 'onClear' | 'onKeyDown' | 'onFocus' | 'theme'>, 'ariaLabel' | 'onKeyDown'>;
-type ComboboxInputProps = ExtendedTextFieldProps & {
-    /** Whether the toggle button should be hidden */
-    hideToggle?: boolean;
-    /** Activate the clear button */
-    hasClearButton?: boolean;
-    /** Clear button forwarded props */
-    clearButtonProps?: Omit<TextFieldProps['clearButtonProps'], 'label'>;
-    /** Make input read only */
-    readOnly?: boolean;
-};
-/**
- * Combobox input trigger.
- *
- * @family Combobox
- */
-declare const ComboboxInput: ({ hideToggle, inputRef, textFieldRef, afterElement, onFocus, onBlur, onKeyDown, clearButtonProps, hasClearButton, theme, ...textFieldProps }: ComboboxInputProps) => react_jsx_runtime.JSX.Element;
-
-/**
- * The source of the combobox option selection
- * It could either be on click / touch or keyboard selection
- */
-type ComboboxOptionSelectEventSource = 'keyboard' | 'click';
-type ComboboxSelectionType = 'single' | 'multiple';
-type BaseLoadingStatus = 'loading' | 'loadingMore' | 'idle' | 'error' | 'debouncing' | 'filtering' | 'empty';
-/**
- * Options related types
- */
-/** All possible values a combobox option can have  */
-type BaseComboboxOptionProps<O = any> = {
-    /**
-     * A unique id to track the option
-     */
-    id: string;
-    /**
-     * Whether the current input value should filter this option.
-     */
-    filterFromInput?: boolean;
-    /**
-     * Callback to call when the option is selected.
-     * This should only be used to add custom actions on options.
-     * For most cases, the "onSelect" on the Combobox root component should be enough.
-     */
-    onSelect?: (option: O, eventSource?: ComboboxOptionSelectEventSource) => void;
-    /**
-     * Additional data to link to the option. This can be useful to retrieve with `onSelect`.
-     */
-    data?: O;
-    /**
-     * Whether the option is disabled
-     */
-    isDisabled?: boolean;
-    /**
-     * The components to use to visually customize options.
-     * ! Options must not have interactive elements.
-     * ! If you need additional actions, you might need to create custom options and search how to
-     * ! make them accessible.
-     */
-    children?: ReactNode;
-    /**
-     * The text value the option has.
-     * This is the value used to filter the options by when manual filtering is disabled
-     * and that will be used as input value when an option is selected
-     */
-    textValue?: string;
-    /**
-     * Element to display before the content of the option.
-     * ! Options must not have interactive elements.
-     * ! If you need additional actions, you might need to create custom options and search how to
-     * ! make them accessible.
-     */
-    before?: ReactNode;
-    /**
-     * Element to display after the content of the option.
-     * ! Options must not have interactive elements.
-     * ! If you need additional actions, you might need to create custom options and search how to
-     * ! make them accessible.
-     */
-    after?: ReactNode;
-    /**
-     * Size of the list item.
-     * Default to tiny
-     */
-    size?: ListItemSize;
-    /**
-     * Fill to activate a tooltip on mouse over
-     */
-    tooltipProps?: Partial<TooltipProps>;
-};
-/**
- * Props for when an option has no children.
- * In these case, we need at least the text value to know what to display
- * */
-type TextValueOnly<O = any> = BaseComboboxOptionProps<O> & {
-    children?: never;
-    textValue: string;
-};
-/**
- * Props for when an option has a react element as string
- * In that case, we can use the children as the textValue without having
- * to set a manual props.
- * The props is still available to have a text value different than the displayed value.
- */
-type StringOption<O = any> = BaseComboboxOptionProps<O> & {
-    children: ReactText;
-    textValue?: string;
-};
-/**
- * Props for when an option has a react element as children
- * In that case, we cannot know what the actual value of the
- * option is, so the `textValue` prop has to be set.
- */
-type NodeOption<O = any> = BaseComboboxOptionProps<O> & {
-    children: Exclude<ReactNode, ReactText>;
-    textValue: string;
-};
-/** Props for the ComboboxOption component */
-type ComboboxOptionProps<O = any> = TextValueOnly<O> | StringOption<O> | NodeOption<O>;
-/** Shared data between all combobox option types. */
-interface BaseRegisteredComboboxOption {
-    id: string;
-    /** The id that was generated for this option */
-    generatedId: string;
-    /** Whether the "option" is an action */
-    isAction?: boolean;
-    /** Whether the "option" is disabled */
-    isDisabled?: boolean;
-}
-/** Combobox value */
-interface RegisteredComboboxOptionValue<O = any> extends BaseRegisteredComboboxOption, Pick<ComboboxOptionProps<O>, 'data' | 'filterFromInput' | 'textValue' | 'onSelect'> {
-    /** The section the option is a child of. */
-    sectionId?: string;
-    /** Whether the "option" is an action */
-    isAction?: never;
-}
-type OnComboboxSelect<O = any> = (option: RegisteredComboboxOptionValue<O>) => void;
-type OnComboboxInputChange = TextFieldProps['onChange'];
-type ComboboxTranslations = {
-    clearLabel: string;
-    showSuggestionsLabel: string;
-    loadingLabel: string;
-    noResultsForInputLabel: (input?: string) => string;
-    serviceUnavailableLabel: string;
-    tryReloadLabel: string;
-    nbOptionsLabel: (options: number) => string;
-};
-/** Props for the main combobox component. */
-type ComboboxProps<O = any> = {
-    /**
-     * HTML id
-     */
-    id?: string;
-    /**
-     * The current option id to set as selected.
-     * If omitted, the local state will be used instead;
-     */
-    selectedIds?: Array<string | number>;
-    /**
-     * The current value for the combobox input.
-     * If omitted, the input is controlled locally */
-    inputValue?: string;
-    /**
-     * The default value to set on the input.
-     * Use this if you want to initialize the input with a value and not control it
-     */
-    defaultInputValue?: string;
-    /**
-     * Whether the options should be automatically filtered or not.
-     * By default, the combobox will try to filter the options from the current input value
-     * using a "contains" strategy.
-     * If this is `false`, the option will not be automatically filtered and must be manually filtered by the parent.
-     * Useful for asynchronous comboboxes.
-     */
-    autoFilter: boolean;
-    /**
-     * Whether the combobox should open on focus
-     */
-    openOnFocus?: boolean;
-    /**
-     * Whether the combobox should open on click
-     */
-    openOnClick?: boolean;
-    /**
-     * Status of the combobox
-     */
-    status?: BaseLoadingStatus;
-    /**
-     * Callback when the input changes.
-     */
-    onInputChange?: OnComboboxInputChange;
-    /**
-     * Callback for when an option is selected
-     */
-    onSelect?: OnComboboxSelect<O>;
-    /**
-     * Callback called when the combobox opens
-     */
-    onOpen?: (options: {
-        currentValue?: string;
-        manual: boolean;
-    }) => void;
-    /**
-     * The combobox components to render.
-     * Must be one of the exposed components (Combobox.Input, Combobox.ListBox etc...)
-     */
-    children: ReactNode;
-    /**
-     * The combobox can have a specific selection type:
-     * - Single: only one item is selected
-     * - Multiple: several items can be selected (this impacts the combobox list, which will now not close when selectiong an option)
-     */
-    selectionType?: ComboboxSelectionType;
-    /**
-     * Whether the error state should be displayed when the status is in error.
-     * @default `true` if `status` is defined
-     */
-    showErrorState?: boolean;
-    /**
-     * Whether the empty state should be displayed when there is no results.
-     * @default `true` if `autoFilter=false`
-     */
-    showEmptyState?: boolean;
-    /** custom className */
-    className?: string;
-    /** translations to be used across the combobox */
-    translations: ComboboxTranslations;
-};
-
-interface ComboboxOptionSkeletonProps {
-    className?: string;
-    index?: number;
-    children?: ReactNode | ((options: {
-        index?: number;
-    }) => ReactNode);
-    before?: ComboboxOptionProps['before'];
-    after?: ComboboxOptionProps['after'];
-    size?: ComboboxOptionProps['size'];
-}
-/**
- * Skeleton for a combobox option.
- * A typography skeleton is rendered by default but can be overridden by passing children.
- */
-declare const ComboboxOptionSkeleton: ({ className, index, before, after, size, children, }: ComboboxOptionSkeletonProps) => react_jsx_runtime.JSX.Element;
-
-interface ComboboxListSkeletonProps {
-    isLoadingMore?: boolean;
-    children?: ComboboxOptionSkeletonProps['children'];
-}
-
-interface ComboboxListBoxProps extends GenericProps$1, React__default.ComponentProps<'ul'> {
-    /** Options display in the combobox */
-    children?: ReactNode;
-    /**
-     * Component to use as skeleton for each option instead of the default one.
-     * Can either be a react node or a component that receives the index as prop
-     */
-    renderItemSkeleton?: ComboboxListSkeletonProps['children'];
-    /** Label for the list */
-    label?: string;
-    /** Props of the popover element. */
-    popoverProps?: Partial<PopoverProps>;
-    /**
-     * An element to display at the bottom of the listbox.
-     * No interactive element must be set here as they will not be accessible.
-     */
-    footer?: ReactNode;
-    /** List ref */
-    listRef?: React__default.Ref<HTMLElement>;
-}
-/**
- * The listbox containing the combobox's options.
- *
- * @family Combobox
- * @param ComboboxListBoxProps
- * @returns ComboboxListBox
- */
-declare const ComboboxListBox: ({ children, renderItemSkeleton, label, popoverProps, footer, listRef, ...forwardedProps }: ComboboxListBoxProps) => react_jsx_runtime.JSX.Element;
-
-declare const LUMX_CLASSNAME = "lumx-list-item";
-/**
- * Props for ComboboxOption with additional generic properties.
- */
-interface ComboboxOptionComponentProps<O extends object = any> extends GenericProps, Omit<ComboboxOptionProps<O>, 'as'> {
-    /** Customize the root element. */
-    as?: React__default.ElementType;
-}
-/**
- * Option to set within a combobox list.
- *
- * @family Combobox
- * @param ComboboxOptionProps
- * @returns ComboboxOption
- */
-declare const ComboboxOption: Comp<ComboboxOptionComponentProps<any>, HTMLElement>;
-
-interface ComboboxOptionActionProps extends GenericProps {
-    /** Should the action be set as disabled  */
-    isDisabled?: boolean;
-    /** Action to trigger when the action is selected */
-    onClick: () => void;
-    /** Customize the root element. */
-    as?: React__default.ElementType;
-}
-/**
- * Action to set on a Combobox Option.
- * Allows to add an interactive element that
- * can be navigated to and triggered using the keyboard.
- *
- * Defaults as "button"
- *
- * @family Combobox
- * @param ComboboxOptionActionProps
- * @returns ComboboxOptionAction
- */
-declare const ComboboxOptionAction: (props: ComboboxOptionActionProps) => react_jsx_runtime.JSX.Element;
-
-interface ComboboxOptionMoreInfoProps {
-    buttonProps?: Partial<IconButtonProps>;
-    popoverProps?: PopoverProps;
-    onToggle?: (isOpen: boolean) => void;
-    children?: React__default.ReactNode;
-}
-/**
- * Display more info on the option as a popover opening on mouse hover or keyboard nav
- * Please consider using a simpler option description instead for better UX and a11y.
- *
- * @family Combobox
- */
-declare const ComboboxOptionMoreInfo: React__default.FC<ComboboxOptionMoreInfoProps>;
-
-interface ComboboxSectionProps {
-    /** Forwarded class name */
-    className?: string;
-    /** The title of the section */
-    title?: string;
-    /** Whether the section should be displayed as loading */
-    isLoading?: boolean;
-    /** Custom skeletons to use for loading state */
-    renderItemSkeleton?: ComboboxListSkeletonProps['children'];
-    /** Options to display */
-    children: ReactNode;
-}
-/**
- * Section for options of a Combobox.
- *
- * @family Combobox
- * @param ComboboxSectionProps
- * @returns ComboboxSection
- */
-declare const ComboboxSection: ({ children, ...props }: ComboboxSectionProps) => react_jsx_runtime.JSX.Element;
-
-declare const SUB_COMPONENTS: {
-    /**
-     * Option to set within a combobox list.
-     *
-     * @family Combobox
-     * @param ComboboxOptionProps
-     * @returns ComboboxOption
-     */
-    readonly Option: Comp<ComboboxOptionComponentProps<any>, HTMLElement>;
-    /**
-     * Skeleton for a combobox option.
-     * A typography skeleton is rendered by default but can be overridden by passing children.
-     */
-    readonly OptionSkeleton: ({ className, index, before, after, size, children, }: ComboboxOptionSkeletonProps) => react_jsx_runtime.JSX.Element;
-    /**
-     * Section for options of a Combobox.
-     *
-     * @family Combobox
-     * @param ComboboxSectionProps
-     * @returns ComboboxSection
-     */
-    readonly Section: ({ children, ...props }: ComboboxSectionProps) => react_jsx_runtime.JSX.Element;
-    /**
-     * Combobox input trigger.
-     *
-     * @family Combobox
-     */
-    readonly Input: ({ hideToggle, inputRef, textFieldRef, afterElement, onFocus, onBlur, onKeyDown, clearButtonProps, hasClearButton, theme, ...textFieldProps }: ComboboxInputProps) => react_jsx_runtime.JSX.Element;
-    /**
-     * The listbox containing the combobox's options.
-     *
-     * @family Combobox
-     * @param ComboboxListBoxProps
-     * @returns ComboboxListBox
-     */
-    readonly List: ({ children, renderItemSkeleton, label, popoverProps, footer, listRef, ...forwardedProps }: ComboboxListBoxProps) => react_jsx_runtime.JSX.Element;
-    /**
-     * Combobox button trigger.
-     *
-     * @family Combobox
-     */
-    readonly Button: Comp<ComboboxButtonProps, HTMLElement>;
-};
-/**
- *
- * A Combobox is a combination of two components:
- * * An input to enter the user's value
- * * A popover with a list of suggestions to fill the value.
- *
- * These two components are included via the Combobox.Input and Combobox.ListBox components.
- *
- * In its simplest implementation the component will automatically filter the given options
- * from the value of the input and fill the input with the textValue of the selected option.
- *
- * Props are available for more complex implementations.
- *
- * @family Combobox
- * @param ComboboxProps
- * @returns Combobox
- */
-declare const Combobox: (<O>({ id: htmlId, inputValue, defaultInputValue, autoFilter, openOnClick, openOnFocus, status, showEmptyState, showErrorState, selectedIds, onInputChange, onSelect, onOpen, children, selectionType, translations, }: ComboboxProps<O>) => react_jsx_runtime.JSX.Element) & {
-    /**
-     * Option to set within a combobox list.
-     *
-     * @family Combobox
-     * @param ComboboxOptionProps
-     * @returns ComboboxOption
-     */
-    readonly Option: Comp<ComboboxOptionComponentProps<any>, HTMLElement>;
-    /**
-     * Skeleton for a combobox option.
-     * A typography skeleton is rendered by default but can be overridden by passing children.
-     */
-    readonly OptionSkeleton: ({ className, index, before, after, size, children, }: ComboboxOptionSkeletonProps) => react_jsx_runtime.JSX.Element;
-    /**
-     * Section for options of a Combobox.
-     *
-     * @family Combobox
-     * @param ComboboxSectionProps
-     * @returns ComboboxSection
-     */
-    readonly Section: ({ children, ...props }: ComboboxSectionProps) => react_jsx_runtime.JSX.Element;
-    /**
-     * Combobox input trigger.
-     *
-     * @family Combobox
-     */
-    readonly Input: ({ hideToggle, inputRef, textFieldRef, afterElement, onFocus, onBlur, onKeyDown, clearButtonProps, hasClearButton, theme, ...textFieldProps }: ComboboxInputProps) => react_jsx_runtime.JSX.Element;
-    /**
-     * The listbox containing the combobox's options.
-     *
-     * @family Combobox
-     * @param ComboboxListBoxProps
-     * @returns ComboboxListBox
-     */
-    readonly List: ({ children, renderItemSkeleton, label, popoverProps, footer, listRef, ...forwardedProps }: ComboboxListBoxProps) => react_jsx_runtime.JSX.Element;
-    /**
-     * Combobox button trigger.
-     *
-     * @family Combobox
-     */
-    readonly Button: Comp<ComboboxButtonProps, HTMLElement>;
-};
-
 /**
  * Comment block variants.
  */
@@ -1396,7 +977,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. */
@@ -1449,7 +1030,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. */
@@ -1504,7 +1085,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. */
@@ -1534,7 +1115,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). */
@@ -1564,7 +1145,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. */
@@ -1595,7 +1176,7 @@ interface DividerProps$1 extends HasTheme, HasClassName {
 /**
  * Defines the props of the component.
  */
-interface DividerProps extends GenericProps, DividerProps$1 {
+interface DividerProps extends GenericProps$1, ReactToJSX<DividerProps$1> {
 }
 /**
  * Divider component.
@@ -1609,7 +1190,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.
@@ -1667,7 +1248,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!). */
@@ -1728,7 +1309,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}
@@ -1809,7 +1390,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. */
@@ -1900,7 +1481,7 @@ interface FlagProps$1 extends HasClassName, HasTheme {
     Text: (props: TextProps$1) => any;
 }
 
-interface FlagProps extends GenericProps, Omit<FlagProps$1, 'children' | 'Text'> {
+interface FlagProps extends GenericProps$1, ReactToJSX<FlagProps$1, 'children' | 'Text'> {
     /** Text label of the flag. */
     label: React.ReactNode;
 }
@@ -1946,7 +1527,7 @@ interface FlexBoxProps$1 extends HasClassName {
 /**
  * Defines the props of the component.
  */
-interface FlexBoxProps extends GenericProps, FlexBoxProps$1 {
+interface FlexBoxProps extends GenericProps$1, ReactToJSX<FlexBoxProps$1> {
     /** Customize the root element. */
     as?: React__default.ElementType;
 }
@@ -2070,7 +1651,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.
@@ -2099,7 +1680,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. */
@@ -2126,7 +1707,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. */
@@ -2169,11 +1750,9 @@ interface GridColumnProps$1 extends HasClassName {
 /**
  * Defines the props of the component.
  */
-interface GridColumnProps extends GenericProps, GridColumnProps$1 {
+interface GridColumnProps extends GenericProps$1, ReactToJSX<GridColumnProps$1> {
     /** Customize the root element. */
     as?: React.ElementType;
-    /** Children elements. */
-    children?: React.ReactNode;
 }
 
 /**
@@ -2215,7 +1794,7 @@ interface IconProps$1 extends HasClassName, HasTheme {
     ref?: CommonRef;
 }
 
-interface IconProps extends Omit<IconProps$1, 'children'>, GenericProps {
+interface IconProps extends ReactToJSX<IconProps$1>, GenericProps$1 {
 }
 /**
  * Icon component.
@@ -2295,15 +1874,15 @@ interface ThumbnailProps$1 extends HasTheme$1, HasClassName$1 {
     /** Ref of an existing placeholder image to display while loading. */
     loadingPlaceholderImageRef?: React.RefObject<HTMLImageElement>;
     /** On click callback. */
-    onClick?: (event: any) => void;
+    handleClick?: (event: any) => void;
     /** On key press callback. */
-    onKeyPress?: (event: any) => void;
+    handleKeyPress?: (event: any) => void;
     /** 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;
@@ -2356,11 +1935,15 @@ type ThumbnailObjectFit = ValueOf$1<typeof ThumbnailObjectFit>;
 /**
  * Defines the props of the component.
  */
-interface ThumbnailProps extends GenericProps, Omit<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. */
     badge?: ReactElement | Falsy;
+    /** On click callback. */
+    onClick?: React__default.MouseEventHandler<HTMLDivElement>;
+    /** On key press callback. */
+    onKeyPress?: React__default.KeyboardEventHandler<HTMLDivElement>;
 }
 /**
  * Thumbnail component.
@@ -2404,7 +1987,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. */
@@ -2475,7 +2058,7 @@ declare function useImageLightbox<P extends Partial<ImageLightboxProps>>(props:
      * @param index Provide an index to choose which image to display when the image lightbox opens.
      * */
     getTriggerProps: (options?: TriggerOptions) => {
-        onClick: React__default.MouseEventHandler;
+        onClick: (ev?: React__default.MouseEvent) => void;
         ref: React__default.Ref<any>;
     };
     /** Props to forward to the ImageLightbox */
@@ -2496,7 +2079,7 @@ declare const ImageLightbox: Comp<ImageLightboxProps, HTMLDivElement> & {
 /**
  * Defines the props of the component.
  */
-interface InlineListProps extends GenericProps {
+interface InlineListProps extends GenericProps$1 {
     /**
      * Text color.
      */
@@ -2541,7 +2124,7 @@ interface InputHelperProps$1 extends HasClassName, HasTheme {
     id?: string;
 }
 
-interface InputHelperProps extends InputHelperProps$1, GenericProps {
+interface InputHelperProps extends ReactToJSX<InputHelperProps$1>, GenericProps$1 {
 }
 /**
  * InputHelper component.
@@ -2565,7 +2148,7 @@ interface InputLabelProps$1 extends HasClassName, HasTheme {
     ref?: CommonRef;
 }
 
-interface InputLabelProps extends InputLabelProps$1, GenericProps {
+interface InputLabelProps extends ReactToJSX<InputLabelProps$1>, GenericProps$1 {
 }
 /**
  * InputLabel component.
@@ -2579,7 +2162,7 @@ declare const InputLabel: Comp<InputLabelProps, HTMLLabelElement>;
 /**
  * Defines the props of the component.
  */
-interface LightboxProps extends GenericProps, HasTheme$1, Pick<AriaAttributes, '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. */
@@ -2609,52 +2192,47 @@ declare const Lightbox: Comp<LightboxProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface LinkProps$1 extends HasTheme, HasClassName, HasAriaDisabled, HasDisabled {
-    /** Link label content. */
-    label?: JSXElement;
+interface LinkProps$1 extends HasClassName, HasAriaDisabled, HasDisabled {
+    /** Children content */
+    children?: JSXElement;
     /** Color variant. */
-    color?: ColorWithVariants$1;
+    color?: ColorWithVariants;
     /** Lightened or darkened variant of the selected icon color. */
-    colorVariant?: ColorVariant$1;
+    colorVariant?: ColorVariant;
     /** Link href. */
     href?: string;
-    /**
-     * Left icon (SVG path).
-     * @deprecated Instead, simply nest `<Icon />` in the label
-     */
-    leftIcon?: string;
-    /** Element type or custom component for the link. */
-    as?: string | any;
-    /**
-     * Right icon (SVG path).
-     * @deprecated Instead, simply nest `<Icon />` in the label
-     */
-    rightIcon?: string;
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Custom element/component for the link. */
+    linkAs?: string | any;
+    /** Click handler (framework wrappers convert onClick to handleClick). */
+    handleClick?: (event: any) => void;
     /** Link target. */
     target?: string;
     /** Typography variant. */
-    typography?: string;
-    /** Click handler. */
-    onClick?: (event: any) => void;
-    /** Reference to the root element. */
+    typography?: Typography;
+    /** Element ref. */
     ref?: CommonRef;
 }
 
-type HTMLAnchorProps = React__default.DetailedHTMLProps<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
 /**
  * Defines the props of the component.
  */
-interface LinkProps extends GenericProps, Omit<LinkProps$1, 'label'> {
-    /** Link href. */
-    href?: HTMLAnchorProps['href'];
-    /** Custom react component for the link (can be used to inject react router Link). */
-    linkAs?: 'a' | any;
-    /** Link target. */
-    target?: HTMLAnchorProps['target'];
-    /** Typography variant. */
-    typography?: Typography$1;
+interface LinkProps extends GenericProps$1, ReactToJSX<LinkProps$1> {
+    /**
+     * Left icon (SVG path).
+     * @deprecated Instead, simply nest `<Icon />` in the children
+     */
+    leftIcon?: string;
+    /** Click handler. */
+    onClick?: (event?: React.MouseEvent) => void;
+    /**
+     * Right icon (SVG path).
+     * @deprecated Instead, simply nest `<Icon />` in the children
+     */
+    rightIcon?: string;
     /** Children */
-    children?: React__default.ReactNode;
+    children?: React.ReactNode;
 }
 /**
  * Link component.
@@ -2668,7 +2246,7 @@ 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. */
@@ -2711,7 +2289,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;
     /**
@@ -2740,7 +2318,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. */
@@ -2783,7 +2361,7 @@ declare const ListItem: Comp<ListItemProps, HTMLLIElement>;
 /**
  * Defines the props of the component.
  */
-type ListDividerProps = GenericProps;
+type ListDividerProps = GenericProps$1;
 /**
  * ListDivider component.
  *
@@ -2791,12 +2369,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;
 }
@@ -2836,9 +2414,7 @@ interface MessageProps$1 extends HasClassName {
     };
 }
 
-interface MessageProps extends GenericProps, Omit<MessageProps$1, 'children' | 'ref'> {
-    /** Content. */
-    children?: React.ReactNode;
+interface MessageProps extends GenericProps$1, ReactToJSX<MessageProps$1> {
 }
 /**
  * Message component.
@@ -2852,7 +2428,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. */
@@ -2908,7 +2484,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. */
@@ -2952,7 +2528,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. */
@@ -2996,7 +2572,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;
 }
@@ -3013,11 +2589,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.
      */
@@ -3027,9 +2603,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.
@@ -3037,7 +2626,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.
@@ -3076,7 +2676,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. */
@@ -3096,7 +2696,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. */
@@ -3128,7 +2728,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. */
@@ -3168,7 +2768,7 @@ interface RadioButtonProps$1 extends HasTheme, HasClassName, HasAriaDisabled, Ha
     /** Native input id. */
     inputId: string;
     /** On change callback. */
-    onChange?(value?: string, name?: string, event?: any): void;
+    handleChange?(value?: string, name?: string, event?: any): void;
     /** reference to the root element */
     ref?: CommonRef;
 }
@@ -3176,7 +2776,9 @@ interface RadioButtonProps$1 extends HasTheme, HasClassName, HasAriaDisabled, Ha
 /**
  * Defines the props of the component.
  */
-interface RadioButtonProps extends GenericProps, Omit<RadioButtonProps$1, 'inputId'> {
+interface RadioButtonProps extends GenericProps$1, ReactToJSX<RadioButtonProps$1, 'inputId'> {
+    /** On change callback. */
+    onChange?(value?: string, name?: string, event?: React.ChangeEvent): void;
 }
 /**
  * RadioButton component.
@@ -3190,9 +2792,17 @@ declare const RadioButton: Comp<RadioButtonProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface RadioGroupProps extends GenericProps {
+interface RadioGroupProps$1 extends HasClassName {
     /** RadioButton elements */
-    children: ReactNode;
+    children?: JSXElement;
+    /** reference to the root element */
+    ref?: CommonRef;
+}
+
+/**
+ * Defines the props of the component.
+ */
+interface RadioGroupProps extends GenericProps$1, ReactToJSX<RadioGroupProps$1> {
 }
 /**
  * RadioGroup component.
@@ -3211,7 +2821,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. */
@@ -3239,7 +2849,7 @@ interface CoreSelectProps extends GenericProps, HasTheme$1 {
     /** Select variant. */
     variant?: SelectVariant;
     /** On clear callback. */
-    onClear?(event: SyntheticEvent, value?: string): void;
+    onClear?(event?: SyntheticEvent, value?: string): void;
     /** On blur callback. */
     onBlur?(): void;
     /** On filter text change callback (with 500ms debounce). */
@@ -3291,7 +2901,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;
 }
@@ -3307,7 +2917,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. */
@@ -3398,7 +3008,7 @@ interface SkeletonTypographyProps$1 extends HasTheme, HasClassName {
 /**
  * Defines the props of the component.
  */
-interface SkeletonCircleProps extends GenericProps, SkeletonCircleProps$1 {
+interface SkeletonCircleProps extends GenericProps$1, ReactToJSX<SkeletonCircleProps$1> {
 }
 /**
  * SkeletonCircle component.
@@ -3412,7 +3022,7 @@ declare const SkeletonCircle: Comp<SkeletonCircleProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface SkeletonRectangleProps extends GenericProps, SkeletonRectangleProps$1 {
+interface SkeletonRectangleProps extends GenericProps$1, ReactToJSX<SkeletonRectangleProps$1> {
 }
 /**
  * SkeletonRectangle component.
@@ -3426,7 +3036,7 @@ declare const SkeletonRectangle: Comp<SkeletonRectangleProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface SkeletonTypographyProps extends GenericProps, SkeletonTypographyProps$1 {
+interface SkeletonTypographyProps extends GenericProps$1, ReactToJSX<SkeletonTypographyProps$1> {
 }
 /**
  * SkeletonTypography component.
@@ -3440,7 +3050,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. */
@@ -3499,7 +3109,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 */
@@ -3525,7 +3135,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 */
@@ -3604,7 +3214,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). */
@@ -3648,7 +3258,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 */
@@ -3711,7 +3321,7 @@ interface SwitchProps$1 extends HasTheme, HasClassName, HasAriaDisabled, HasDisa
     /** Native input id. */
     inputId: string;
     /** On change callback. */
-    onChange?(isChecked: boolean, value?: string, name?: string, event?: any): void;
+    handleChange?(isChecked: boolean, value?: string, name?: string, event?: any): void;
     /** Position of the switch relative to the label. */
     position?: 'left' | 'right';
     /** reference to the root element */
@@ -3721,9 +3331,9 @@ interface SwitchProps$1 extends HasTheme, HasClassName, HasAriaDisabled, HasDisa
 /**
  * Defines the props of the component.
  */
-interface SwitchProps extends GenericProps, Omit<SwitchProps$1, 'inputId' | 'label'> {
-    /** Children (label content). */
-    children?: React__default.ReactNode;
+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;
 }
 /**
  * Switch component.
@@ -3751,9 +3361,7 @@ interface TableProps$1 extends HasTheme, HasClassName {
 /**
  * Defines the props of the component.
  */
-interface TableProps extends GenericProps, Omit<TableProps$1, 'ref'> {
-    /** Children */
-    children?: React.ReactNode;
+interface TableProps extends GenericProps$1, ReactToJSX<TableProps$1> {
 }
 /**
  * Table component.
@@ -3777,9 +3385,7 @@ interface TableBodyProps$1 extends HasClassName {
 /**
  * Defines the props of the component.
  */
-interface TableBodyProps extends GenericProps, Omit<TableBodyProps$1, 'ref'> {
-    /** Children */
-    children?: React.ReactNode;
+interface TableBodyProps extends GenericProps$1, ReactToJSX<TableBodyProps$1> {
 }
 /**
  * TableBody component.
@@ -3819,7 +3425,7 @@ interface TableCellProps$1 extends HasClassName {
     /** Variant. */
     variant?: TableCellVariant;
     /** On header cell click callback. */
-    onHeaderClick?(): void;
+    handleClick?(): void;
     /** Children */
     children?: JSXElement;
     /** reference to the root element */
@@ -3829,9 +3435,9 @@ interface TableCellProps$1 extends HasClassName {
 /**
  * Defines the props of the component.
  */
-interface TableCellProps extends GenericProps, Omit<TableCellProps$1, 'ref'> {
-    /** Children */
-    children?: React.ReactNode;
+interface TableCellProps extends GenericProps$1, ReactToJSX<TableCellProps$1> {
+    /** On header cell click callback. */
+    onHeaderClick?: () => void;
 }
 /**
  * TableCell component.
@@ -3855,9 +3461,7 @@ interface TableHeaderProps$1 extends HasClassName {
 /**
  * Defines the props of the component.
  */
-interface TableHeaderProps extends GenericProps, Omit<TableHeaderProps$1, 'ref'> {
-    /** Children */
-    children?: React.ReactNode;
+interface TableHeaderProps extends GenericProps$1, ReactToJSX<TableHeaderProps$1, 'ref'> {
 }
 /**
  * TableHeader component.
@@ -3887,11 +3491,9 @@ 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, ReactToJSX<TableRowProps$1, 'tabIndex' | 'aria-disabled'> {
     /** Whether the component is disabled or not. */
     isDisabled?: boolean;
-    /** Children */
-    children?: React.ReactNode;
 }
 /**
  * TableRow component.
@@ -3932,7 +3534,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. */
@@ -3956,7 +3558,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). */
@@ -3986,7 +3588,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. */
@@ -4005,7 +3607,7 @@ interface TabPanelProps extends GenericProps {
  */
 declare const TabPanel: Comp<TabPanelProps, HTMLDivElement>;
 
-interface TextProps extends TextProps$1, GenericProps {
+interface TextProps extends ReactToJSX<TextProps$1>, GenericProps$1 {
 }
 /**
  * Text component.
@@ -4019,7 +3621,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. */
@@ -4118,7 +3720,21 @@ declare const useFocusPointStyle: ({ image, aspectRatio, focusPoint, imgProps: {
 /**
  * Defines the props of the component.
  */
-interface ToolbarProps extends GenericProps {
+interface ToolbarProps$1 extends HasClassName {
+    /** After content (placed after the label). */
+    after?: JSXElement;
+    /** Before content (placed before the label). */
+    before?: JSXElement;
+    /** Label content. */
+    label?: JSXElement;
+    /** Component ref. */
+    ref?: CommonRef;
+}
+
+/**
+ * Defines the props of the component.
+ */
+interface ToolbarProps extends GenericProps$1, ReactToJSX<ToolbarProps$1> {
     /** After content (placed after the label). */
     after?: ReactNode;
     /** Before content (placed before the label). */
@@ -4142,7 +3758,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. */
@@ -4187,7 +3803,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). */
@@ -4221,7 +3837,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. */
@@ -4235,7 +3851,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. */
@@ -4271,5 +3887,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, COMPONENT_NAME, Checkbox, Chip, ChipGroup, Combobox, ComboboxButton, ComboboxDivider, ComboboxInput, ComboboxListBox, ComboboxOption, ComboboxOptionAction, ComboboxOptionMoreInfo, ComboboxOptionSkeleton, ComboboxSection, 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, LUMX_CLASSNAME, 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, SUB_COMPONENTS, 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, TableCellVariant as TableCellVariantType, TableHeader, TableRow, Text, TextField, ThOrder, ThOrder as ThOrderType, 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, ComboboxButtonProps, ComboboxInputProps, ComboboxListBoxProps, ComboboxOptionComponentProps, ComboboxOptionMoreInfoProps, ComboboxOptionSkeletonProps, ComboboxSectionProps, 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 };
+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, TableCellVariant as TableCellVariantType, TableHeader, TableRow, Text, TextField, ThOrder, ThOrder as ThOrderType, 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 };