@lumx/react 4.3.2-alpha.1 → 4.3.2-alpha.11

package/index.d.ts

@@ -1,28 +1,15 @@
-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';
+import { Kind, HorizontalAlignment, Size, ColorPalette as ColorPalette$1, Theme, GenericProps as GenericProps$1, Orientation as Orientation$1, Alignment as Alignment$1, AspectRatio, ColorWithVariants as ColorWithVariants$1, ColorVariant as ColorVariant$1, Typography as Typography$1, Emphasis } 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, HasCloseMode, Falsy, HasClassName as HasClassName$1, HeadingElement as HeadingElement$1, HasRequiredLinkHref, HasAriaLabelOrLabelledBy } from '@lumx/core/js/types';
+import { GenericProps, HasTheme, HasAriaDisabled as HasAriaDisabled$1, PartialBy, ValueOf as ValueOf$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, RefObject, CSSProperties, ImgHTMLAttributes, SetStateAction, Key, ElementType, ComponentProps } from 'react';
+import React__default, { ReactNode, SyntheticEvent, ReactElement, MouseEventHandler, KeyboardEventHandler, Ref, RefObject, CSSProperties, ImgHTMLAttributes, AriaAttributes, SetStateAction, Key, ElementType, ComponentProps } from 'react';
+import { C as Comp, I as IconButtonProps, T as TextFieldProps, O as Offset, P as Placement, H as HasClassName, J as JSXElement, a as ColorPalette, b as CommonRef, B as BaseButtonProps, c as HasTheme$1, d as HasAriaDisabled, e as HasDisabled, f as ComboboxOptionProps, g as ComboboxProps, E as Elevation, F as FitAnchorWidth, h as ColorWithVariants, i as ColorVariant, j as Typography, W as WhiteSpace, S as Size$1, V as VerticalAlignment, A as Alignment, k as HorizontalAlignment$1, l as Orientation, K as Kind$1, G as GlobalSize, m as AspectRatio$1, n as TypographyInterface } from './Tooltip-sXtC5rw3.js';
+export { o as BaseSelectProps, p as ButtonSize, q as IconButton, r as InputLabel, s as InputLabelProps, L as ListItem, t as ListItemProps, u as ListItemSize, M as MultipleSelection, v as OnComboboxInputChange, w as OnComboboxSelect, x as SingleSelection, y as TextField, z as Tooltip, D as TooltipPlacement, N as TooltipProps, Q as isClickable } from './Tooltip-sXtC5rw3.js';
 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>;
-    }): ReactElement | null;
-    /** React component type. */
-    readonly $$typeof: symbol;
-    /** Component default props. */
-    defaultProps?: Partial<P>;
-    /** Component name. */
-    displayName?: string;
-    /** Component base class name. */
-    className?: string;
-};
-
 /**
  * Extract ref type for a component or JSX intrinsic element
  *
@@ -35,7 +22,7 @@ type ComponentRef<C> = C extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElem
 
 interface AlertDialogProps extends Omit<DialogProps, 'header' | 'footer'> {
     /** Message variant. */
-    kind?: Kind$1;
+    kind?: Kind;
     /** Dialog title. */
     title?: string;
     /** Props forwarded to the confirm button */
@@ -70,7 +57,7 @@ declare const AlertDialog: Comp<AlertDialogProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface AutocompleteProps extends GenericProps, HasTheme$1 {
+interface AutocompleteProps extends GenericProps, HasTheme {
     /**
      * Whether the suggestions list should display anchored to the input or to the wrapper.
      * @see {@link DropdownProps#anchorToInput}
@@ -243,7 +230,7 @@ interface AutocompleteMultipleProps extends AutocompleteProps {
     /** Selected values. */
     values: any[];
     /** Alignment of the chips in the autocomplete. */
-    chipsAlignment?: HorizontalAlignment$1;
+    chipsAlignment?: HorizontalAlignment;
     /** Selected value render function. Default: Renders the value inside of a Chip. */
     selectedChipRender(choice: any, index: number, onClear?: (event: React.MouseEvent, val: any) => void, isDisabled?: boolean): ReactNode | string;
 }
@@ -259,11 +246,11 @@ declare const AutocompleteMultiple: Comp<AutocompleteMultipleProps, HTMLDivEleme
 /**
  * Avatar sizes.
  */
-type AvatarSize = Extract<Size$1, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;
+type AvatarSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;
 /**
  * Defines the props of the component.
  */
-interface AvatarProps extends GenericProps, HasTheme$1 {
+interface AvatarProps extends GenericProps, HasTheme {
     /** Action toolbar content. */
     actions?: ReactNode;
     /** Image alternative text. */
@@ -294,215 +281,6 @@ interface AvatarProps extends GenericProps, HasTheme$1 {
  */
 declare const Avatar: Comp<AvatarProps, HTMLDivElement>;
 
-/**
- * Alignments.
- */
-declare const Alignment: {
-    readonly bottom: "bottom";
-    readonly center: "center";
-    readonly end: "end";
-    readonly left: "left";
-    readonly right: "right";
-    readonly spaceAround: "space-around";
-    readonly spaceBetween: "space-between";
-    readonly spaceEvenly: "space-evenly";
-    readonly start: "start";
-    readonly top: "top";
-};
-type Alignment = ValueOf$1<typeof Alignment>;
-type VerticalAlignment = Extract<Alignment, 'top' | 'center' | 'bottom'>;
-type HorizontalAlignment = Extract<Alignment, 'right' | 'center' | 'left'>;
-declare const Theme: {
-    readonly light: "light";
-    readonly dark: "dark";
-};
-type Theme = ValueOf$1<typeof Theme>;
-declare const Size: {
-    readonly xxs: "xxs";
-    readonly xs: "xs";
-    readonly s: "s";
-    readonly m: "m";
-    readonly l: "l";
-    readonly xl: "xl";
-    readonly xxl: "xxl";
-    readonly tiny: "tiny";
-    readonly regular: "regular";
-    readonly medium: "medium";
-    readonly big: "big";
-    readonly huge: "huge";
-};
-type Size = ValueOf$1<typeof Size>;
-type GlobalSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;
-declare const Orientation: {
-    readonly horizontal: "horizontal";
-    readonly vertical: "vertical";
-};
-type Orientation = ValueOf$1<typeof Orientation>;
-declare const Emphasis: {
-    readonly low: "low";
-    readonly medium: "medium";
-    readonly high: "high";
-};
-type Emphasis = ValueOf$1<typeof Emphasis>;
-/**
- * List of typographies that can't be customized.
- */
-declare const TypographyInterface: {
-    readonly overline: "overline";
-    readonly caption: "caption";
-    readonly body1: "body1";
-    readonly body2: "body2";
-    readonly subtitle1: "subtitle1";
-    readonly subtitle2: "subtitle2";
-    readonly title: "title";
-    readonly headline: "headline";
-    readonly display1: "display1";
-};
-type TypographyInterface = ValueOf$1<typeof TypographyInterface>;
-/**
- * List of typographies that can be customized (via CSS variables).
- */
-declare const TypographyCustom: {
-    readonly intro: "custom-intro";
-    readonly 'body-large': "custom-body-large";
-    readonly body: "custom-body";
-    readonly quote: "custom-quote";
-    readonly 'publish-info': "custom-publish-info";
-    readonly button: "custom-button";
-    readonly title1: "custom-title1";
-    readonly title2: "custom-title2";
-    readonly title3: "custom-title3";
-    readonly title4: "custom-title4";
-    readonly title5: "custom-title5";
-    readonly title6: "custom-title6";
-};
-type TypographyCustom = ValueOf$1<typeof TypographyCustom>;
-/**
- * List of all typographies.
- */
-declare const Typography: {
-    readonly custom: {
-        readonly intro: "custom-intro";
-        readonly 'body-large': "custom-body-large";
-        readonly body: "custom-body";
-        readonly quote: "custom-quote";
-        readonly 'publish-info': "custom-publish-info";
-        readonly button: "custom-button";
-        readonly title1: "custom-title1";
-        readonly title2: "custom-title2";
-        readonly title3: "custom-title3";
-        readonly title4: "custom-title4";
-        readonly title5: "custom-title5";
-        readonly title6: "custom-title6";
-    };
-    readonly overline: "overline";
-    readonly caption: "caption";
-    readonly body1: "body1";
-    readonly body2: "body2";
-    readonly subtitle1: "subtitle1";
-    readonly subtitle2: "subtitle2";
-    readonly title: "title";
-    readonly headline: "headline";
-    readonly display1: "display1";
-};
-type Typography = TypographyInterface | TypographyCustom;
-/**
- * All available aspect ratios.
- */
-declare const AspectRatio: {
-    /** Intrinsic content ratio. */
-    readonly original: "original";
-    /** Ratio 3:1 */
-    readonly panoramic: "panoramic";
-    /** Ratio 16:9 */
-    readonly wide: "wide";
-    /** Ratio 3:2 */
-    readonly horizontal: "horizontal";
-    /** Ratio 3:2 */
-    readonly vertical: "vertical";
-    /** Ratio 1:1 */
-    readonly square: "square";
-    /** Ratio constrained by the parent. */
-    readonly free: "free";
-};
-type AspectRatio = ValueOf$1<typeof AspectRatio>;
-/**
- * Semantic info about the purpose of the component
- */
-declare const Kind: {
-    readonly info: "info";
-    readonly success: "success";
-    readonly warning: "warning";
-    readonly error: "error";
-};
-type Kind = ValueOf$1<typeof Kind>;
-/**
- * All available white-space values
- * */
-declare const WhiteSpace: {
-    normal: string;
-    nowrap: string;
-    pre: string;
-    'pre-wrap': string;
-    'pre-line': string;
-    'break-spaces': string;
-};
-type WhiteSpace = ValueOf$1<typeof WhiteSpace>;
-/**
- * See SCSS variable $lumx-color-palette
- */
-declare const ColorPalette: {
-    readonly primary: "primary";
-    readonly secondary: "secondary";
-    readonly blue: "blue";
-    readonly dark: "dark";
-    readonly green: "green";
-    readonly yellow: "yellow";
-    readonly red: "red";
-    readonly light: "light";
-    readonly grey: "grey";
-};
-type ColorPalette = ValueOf$1<typeof ColorPalette>;
-/**
- * See SCSS variable $lumx-color-variants
- */
-declare const ColorVariant: {
-    readonly D1: "D1";
-    readonly D2: "D2";
-    readonly L1: "L1";
-    readonly L2: "L2";
-    readonly L3: "L3";
-    readonly L4: "L4";
-    readonly L5: "L5";
-    readonly L6: "L6";
-    readonly N: "N";
-};
-type ColorVariant = ValueOf$1<typeof ColorVariant>;
-/** ColorPalette with all possible color variant combination */
-type ColorWithVariants = ColorPalette | Exclude<`${ColorPalette}-${ColorVariant}`, `light-D${number}` | `dark-D${number}`>;
-
-interface HasClassName {
-    /**
-     * Class name forwarded to the root element of the component.
-     */
-    className?: string;
-}
-
-interface HasTheme {
-    /**
-     * Theme adapting the component to light or dark background.
-     */
-    theme?: Theme;
-}
-
-/**
- * Framework-agnostic type for renderable content.
- * Vue components should cast VNode[] from slots to this type.
- *
- * Note: Uses type-only import to avoid runtime dependencies.
- */
-type JSXElement = React__default.ReactNode;
-
 /** Union type of all heading elements */
 type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 
@@ -518,15 +296,6 @@ type KebabCase<S> = S extends `${infer C}${infer T}` ? T extends Uncapitalize<T>
 /** 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';
-
-interface HasAriaDisabled {
-    /** Similar to `disabled` but does not block pointer events or focus */
-    'aria-disabled'?: Booleanish;
-}
-
 interface HasChecked<C = boolean> {
     /** Component checked state. */
     isChecked?: C;
@@ -534,13 +303,6 @@ interface HasChecked<C = boolean> {
     checked?: boolean;
 }
 
-interface HasDisabled {
-    /** Whether the component is disabled or not. */
-    isDisabled?: boolean;
-    /** @alias isDisabled */
-    disabled?: boolean;
-}
-
 /**
  * Defines the props of the component.
  */
@@ -586,49 +348,6 @@ interface BadgeWrapperProps extends GenericProps, Omit<BadgeWrapperProps$1, 'chi
 }
 declare const BadgeWrapper: Comp<BadgeWrapperProps, HTMLDivElement>;
 
-interface BaseClickableProps extends HasDisabled, HasAriaDisabled {
-    children?: JSXElement;
-    onClick?: (event?: any) => void;
-    ref?: CommonRef;
-}
-
-/**
- * Button size definition.
- */
-type ButtonSize = Extract<Size, 's' | 'm'>;
-interface BaseButtonProps extends Pick<AriaAttributes, 'aria-expanded' | 'aria-haspopup' | 'aria-pressed' | 'aria-label'>, HasClassName, HasTheme, HasAriaDisabled, BaseClickableProps {
-    /** Color variant. */
-    color?: ColorPalette;
-    /** Emphasis variant. */
-    emphasis?: Emphasis;
-    /** Whether or not the button has a background color in low emphasis. */
-    hasBackground?: boolean;
-    /** Native anchor href property. It determines whether the Button will be a <button> or an <a>. */
-    href?: string;
-    /** Whether the component is disabled or not. */
-    isDisabled?: boolean;
-    /** Whether the component is selected or not (unsupported in `high` emphasis). */
-    isSelected?: boolean;
-    /** Native button name property. */
-    name?: string;
-    /** Size variant. */
-    size?: ButtonSize;
-    /** Native anchor target property. */
-    target?: '_self' | '_blank' | '_parent' | '_top';
-    /** Native button type. */
-    type?: 'submit' | 'reset' | 'button' | undefined;
-    /** Custom component for the link (can be used to inject router Link). */
-    linkAs?: 'a' | any;
-    /** whether the button is dispalyed in full width or not */
-    fullWidth?: boolean;
-    /** whether the button is currently active or not */
-    isActive?: boolean;
-    /** whether the button is currently focused or not */
-    isFocused?: boolean;
-    /** whether the button is currently focused or not */
-    isHovered?: boolean;
-}
-
 /**
  * Button emphasis definition.
  * @deprecated Use Emphasis instead.
@@ -675,44 +394,6 @@ interface ButtonProps extends GenericProps, ButtonProps$1 {
  */
 declare const Button: Comp<ButtonProps, HTMLButtonElement | HTMLAnchorElement>;
 
-interface IconButtonProps$1 extends BaseButtonProps {
-    /**
-     * Icon (SVG path).
-     * If `image` is also set, `image` will be used instead.
-     */
-    icon?: string;
-    /**
-     * Image (image url).
-     * Has priority over `icon`.
-     */
-    image?: string;
-    /**
-     * Label text (required for a11y purpose).
-     * If you really don't want an aria-label, you can set an empty label (this is not recommended).
-     */
-    label: string;
-    /** text to be displayed on hover */
-    title?: string;
-}
-
-interface IconButtonProps extends GenericProps, Omit<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.
-     * */
-    tooltipProps?: Partial<TooltipProps>;
-    /** Whether the tooltip should be hidden or not. */
-    hideTooltip?: boolean;
-}
-/**
- * IconButton component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const IconButton: Comp<IconButtonProps, HTMLButtonElement>;
-
 /**
  * Defines the props of the component
  */
@@ -739,7 +420,7 @@ declare const ButtonGroup: Comp<ButtonGroupProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface CheckboxProps$1 extends HasTheme, HasClassName, HasAriaDisabled, HasDisabled, HasChecked<boolean | 'intermediate'> {
+interface CheckboxProps$1 extends HasTheme$1, HasClassName, HasAriaDisabled, HasDisabled, HasChecked<boolean | 'intermediate'> {
     /** Helper text. */
     helper?: string;
     /** Native input id property. */
@@ -779,11 +460,11 @@ declare const Checkbox: Comp<CheckboxProps, HTMLDivElement>;
 /**
  * Chip sizes.
  */
-type ChipSize = Extract<Size$1, 's' | 'm'>;
+type ChipSize = Extract<Size, 's' | 'm'>;
 /**
  * Defines the props of the component.
  */
-interface ChipProps extends GenericProps, HasTheme$1, HasAriaDisabled$1 {
+interface ChipProps extends GenericProps, HasTheme, HasAriaDisabled$1 {
     /** A component to be rendered after the content. */
     after?: ReactNode;
     /** A component to be rendered before the content. */
@@ -834,7 +515,7 @@ interface ChipGroupProps extends GenericProps {
      * Chip horizontal alignment.
      * @deprecated
      */
-    align?: HorizontalAlignment$1;
+    align?: HorizontalAlignment;
     /** List of Chip. */
     children: ReactNode;
 }
@@ -879,7 +560,7 @@ interface SelectionChipGroupProps<O> extends GenericProps {
     /**
      * LumX theme
      */
-    theme?: Theme$1;
+    theme?: Theme;
     /**
      * Disabled state
      */
@@ -898,6 +579,294 @@ 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;
+
+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 COMBOBOX_OPTION_CLASSNAME = "lumx-combobox-option";
+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.
  */
@@ -909,7 +878,7 @@ type CommentBlockVariant = ValueOf$1<typeof CommentBlockVariant>;
 /**
  * Defines the props of the component.
  */
-interface CommentBlockProps extends GenericProps, HasTheme$1 {
+interface CommentBlockProps extends GenericProps, HasTheme {
     /** Action toolbar content. */
     actions?: ReactNode;
     /** Props to pass to the avatar. */
@@ -1087,7 +1056,7 @@ interface DialogProps extends GenericProps {
     /** Children */
     children?: React__default.ReactNode;
 }
-type DialogSizes = Extract<Size$1, 'tiny' | 'regular' | 'big' | 'huge'>;
+type DialogSizes = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;
 /**
  * Dialog component.
  *
@@ -1100,7 +1069,7 @@ declare const Dialog: Comp<DialogProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface DividerProps$1 extends HasTheme, HasClassName {
+interface DividerProps$1 extends HasTheme$1, HasClassName {
     /** reference to the root element */
     ref?: CommonRef;
 }
@@ -1122,7 +1091,7 @@ declare const Divider: Comp<DividerProps, HTMLHRElement>;
 /**
  * Defines the props of the component.
  */
-interface DragHandleProps extends GenericProps, HasTheme$1 {
+interface DragHandleProps extends GenericProps, HasTheme {
 }
 /**
  * DragHandle component.
@@ -1133,54 +1102,10 @@ interface DragHandleProps extends GenericProps, HasTheme$1 {
  */
 declare const DragHandle: Comp<DragHandleProps, HTMLDivElement>;
 
-/**
- * Different possible placements for the popover.
- */
-declare const Placement: {
-    readonly AUTO: "auto";
-    readonly AUTO_END: "auto-end";
-    readonly AUTO_START: "auto-start";
-    readonly TOP: "top";
-    readonly TOP_END: "top-end";
-    readonly TOP_START: "top-start";
-    readonly RIGHT: "right";
-    readonly RIGHT_END: "right-end";
-    readonly RIGHT_START: "right-start";
-    readonly BOTTOM: "bottom";
-    readonly BOTTOM_END: "bottom-end";
-    readonly BOTTOM_START: "bottom-start";
-    readonly LEFT: "left";
-    readonly LEFT_END: "left-end";
-    readonly LEFT_START: "left-start";
-};
-type Placement = ValueOf$1<typeof Placement>;
-/**
- * Offset of the popover.
- */
-interface Offset {
-    /** Offset size along the reference. */
-    along?: number;
-    /** Offset size away from the reference. */
-    away?: number;
-}
-/**
- * Popover elevation index.
- */
-type Elevation = 1 | 2 | 3 | 4 | 5;
-/**
- * Popover fit anchor width options.
- */
-declare const FitAnchorWidth: {
-    readonly MAX_WIDTH: "maxWidth";
-    readonly MIN_WIDTH: "minWidth";
-    readonly WIDTH: "width";
-};
-type FitAnchorWidth = ValueOf$1<typeof FitAnchorWidth>;
-
 /**
  * Defines the props of the component.
  */
-interface PopoverProps extends GenericProps, HasTheme$1 {
+interface PopoverProps extends GenericProps, HasTheme {
     /** 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!). */
@@ -1322,7 +1247,7 @@ declare const Dropdown: Comp<DropdownProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface ExpansionPanelProps extends GenericProps, HasCloseMode, HasTheme$1 {
+interface ExpansionPanelProps extends GenericProps, HasCloseMode, HasTheme {
     /** Whether the expansion panel has a background. */
     hasBackground?: boolean;
     /** Whether the header has a divider. */
@@ -1398,7 +1323,7 @@ interface TextProps$1 extends HasClassName {
     style?: CSSProperties;
 }
 
-interface FlagProps$1 extends HasClassName, HasTheme {
+interface FlagProps$1 extends HasClassName, HasTheme$1 {
     /** Color of the component. */
     color?: ColorPalette;
     /** Icon to use before the label. */
@@ -1427,10 +1352,10 @@ interface FlagProps extends GenericProps, Omit<FlagProps$1, 'children' | 'Text'>
 declare const Flag: Comp<FlagProps, HTMLDivElement>;
 
 type MarginAutoAlignment = Extract<Alignment, 'top' | 'bottom' | 'right' | 'left'>;
-type GapSize = Extract<Size, 'tiny' | 'regular' | 'medium' | 'big' | 'huge'>;
+type GapSize = Extract<Size$1, 'tiny' | 'regular' | 'medium' | 'big' | 'huge'>;
 type SpaceAlignment = Extract<Alignment, 'space-between' | 'space-evenly' | 'space-around'>;
 type FlexVerticalAlignment = VerticalAlignment | SpaceAlignment;
-type FlexHorizontalAlignment = HorizontalAlignment | SpaceAlignment;
+type FlexHorizontalAlignment = HorizontalAlignment$1 | SpaceAlignment;
 
 /**
  * Defines the props of the component.
@@ -1488,7 +1413,7 @@ declare const GenericBlockGapSize: Pick<{
     readonly medium: "medium";
     readonly big: "big";
     readonly huge: "huge";
-}, "medium" | "tiny" | "regular" | "big" | "huge">;
+}, "big" | "medium" | "tiny" | "regular" | "huge">;
 type GenericBlockGapSize = ValueOf$1<typeof GenericBlockGapSize>;
 
 interface GenericBlockProps extends FlexBoxProps {
@@ -1608,7 +1533,7 @@ declare const useHeadingLevel: () => {
     headingElement: _lumx_core_js_types.HeadingElement;
 };
 
-type GridGutterSize = Extract<Size$1, 'regular' | 'big' | 'huge'>;
+type GridGutterSize = Extract<Size, 'regular' | 'big' | 'huge'>;
 /**
  * Defines the props of the component.
  */
@@ -1662,18 +1587,33 @@ type GridColumnGapSize = Extract<Size$1, 'tiny' | 'regular' | 'big' | 'huge'>;
 /**
  * Defines the props of the component.
  */
-interface GridColumnProps extends GenericProps {
+interface GridColumnProps$1 extends HasClassName {
     /** Customize the root element. */
-    as?: React.ElementType;
+    as?: any;
     /** Children elements. */
-    children?: ReactNode;
+    children?: JSXElement;
     /** Space between columns and rows. */
     gap?: GridColumnGapSize;
     /** Ideal number of columns. */
     maxColumns?: number;
     /** Minimum width for each item, reduce the number of column if there is not enough space. */
     itemMinWidth?: number;
+    /** Custom styles. */
+    style?: any;
+    /** reference to the root element */
+    ref?: CommonRef;
 }
+
+/**
+ * Defines the props of the component.
+ */
+interface GridColumnProps extends GenericProps, GridColumnProps$1 {
+    /** Customize the root element. */
+    as?: React.ElementType;
+    /** Children elements. */
+    children?: React.ReactNode;
+}
+
 /**
  * The GridColumn is a layout component that can display children in a grid
  * with custom display properties. It also comes with a responsive design,
@@ -1691,7 +1631,7 @@ type IconSizes = (typeof ICON_SIZES)[number];
 /**
  * Defines the props of the component.
  */
-interface IconProps$1 extends HasClassName, HasTheme {
+interface IconProps$1 extends HasClassName, HasTheme$1 {
     /** Color variant. */
     color?: ColorWithVariants;
     /** Lightened or darkened variant of the selected icon color. */
@@ -1724,96 +1664,141 @@ interface IconProps extends Omit<IconProps$1, 'children'>, GenericProps {
  */
 declare const Icon: Comp<IconProps, HTMLElement>;
 
-/**
- *  Focal point using vertical alignment, horizontal alignment or coordinates (from -1 to 1).
- */
-type FocusPoint = {
-    x?: number;
-    y?: number;
-};
 /**
  * Loading attribute is not yet supported in typescript, so we need
  * to add it in order to avoid a ts error.
  * https://github.com/typescript-cheatsheets/react-typescript-cheatsheet/blob/master/ADVANCED.md#adding-non-standard-attributes
  */
 declare module 'react' {
-    interface ImgHTMLAttributes<T> extends React__default.HTMLAttributes<T> {
+    interface ImgHTMLAttributes<T> extends React.HTMLAttributes<T> {
         loading?: 'eager' | 'lazy';
     }
 }
-/**
- * All available aspect ratios.
- * @deprecated
- */
-declare const ThumbnailAspectRatio: Record<string, AspectRatio$1>;
 /**
  *  Thumbnail sizes.
  */
-type ThumbnailSize = Extract<Size$1, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;
+type ThumbnailSize$1 = Extract<Size$1, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;
 /**
  * Thumbnail variants.
  */
-declare const ThumbnailVariant: {
+declare const ThumbnailVariant$1: {
     readonly squared: "squared";
     readonly rounded: "rounded";
 };
-type ThumbnailVariant = ValueOf$1<typeof ThumbnailVariant>;
+type ThumbnailVariant$1 = ValueOf<typeof ThumbnailVariant$1>;
 /**
  * Thumbnail object fit.
  */
-declare const ThumbnailObjectFit: {
+declare const ThumbnailObjectFit$1: {
     readonly cover: "cover";
     readonly contain: "contain";
 };
-type ThumbnailObjectFit = ValueOf$1<typeof ThumbnailObjectFit>;
+type ThumbnailObjectFit$1 = ValueOf<typeof ThumbnailObjectFit$1>;
 
 type ImgHTMLProps = ImgHTMLAttributes<HTMLImageElement>;
 /**
  * Defines the props of the component.
  */
-interface ThumbnailProps extends GenericProps, HasTheme$1 {
+interface ThumbnailProps$1 extends HasTheme, HasClassName$1 {
     /** Alignment of the thumbnail in it's parent (requires flex parent). */
-    align?: HorizontalAlignment$1;
+    align?: HorizontalAlignment;
     /** Image alternative text. */
     alt: string;
     /** Image aspect ratio. */
-    aspectRatio?: AspectRatio$1;
+    aspectRatio?: AspectRatio;
     /** Badge. */
-    badge?: ReactElement | Falsy;
+    badge?: JSXElement$1;
     /** Image cross origin resource policy. */
     crossOrigin?: ImgHTMLProps['crossOrigin'];
     /** Fallback icon (SVG path) or react node when image fails to load. */
-    fallback?: string | ReactNode;
+    fallback?: string | JSXElement$1;
     /** Whether the thumbnail should fill it's parent size (requires flex parent) or not. */
     fillHeight?: boolean;
-    /** Apply relative vertical and horizontal shift (from -1 to 1) on the image position inside the thumbnail. */
-    focusPoint?: FocusPoint;
     /** Image URL. */
     image: string;
+    loadingState: string;
     /** Props to inject into the native <img> element. */
     imgProps?: ImgHTMLProps;
     /** Reference to the native <img> element. */
-    imgRef?: Ref<HTMLImageElement>;
+    imgRef?: CommonRef$1;
+    ref?: CommonRef$1;
     /** Set to true to force the display of the loading skeleton. */
     isLoading?: boolean;
     /** Set how the image should fit when its aspect ratio is constrained */
-    objectFit?: ThumbnailObjectFit;
+    objectFit?: ThumbnailObjectFit$1;
     /** Size variant of the component. */
-    size?: ThumbnailSize;
+    size?: ThumbnailSize$1;
     /** Image loading mode. */
-    loading?: ImgHTMLProps['loading'];
+    loading?: 'eager' | 'lazy';
     /** Ref of an existing placeholder image to display while loading. */
-    loadingPlaceholderImageRef?: React__default.RefObject<HTMLImageElement>;
+    loadingPlaceholderImageRef?: React.RefObject<HTMLImageElement>;
     /** On click callback. */
-    onClick?: MouseEventHandler<HTMLDivElement>;
+    onClick?: (event: any) => void;
     /** On key press callback. */
-    onKeyPress?: KeyboardEventHandler<HTMLDivElement>;
+    onKeyPress?: (event: any) => void;
     /** Variant of the component. */
-    variant?: ThumbnailVariant;
+    variant?: ThumbnailVariant$1;
     /** Props to pass to the link wrapping the thumbnail. */
-    linkProps?: React__default.DetailedHTMLProps<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
+    linkProps?: GenericProps;
+    focusPointStyle?: GenericProps;
+    disabledStateProps?: GenericProps;
+    isAnyDisabled?: boolean;
     /** Custom react component for the link (can be used to inject react router Link). */
     linkAs?: 'a' | any;
+    'aria-label'?: string;
+}
+
+/**
+ *  Focal point using vertical alignment, horizontal alignment or coordinates (from -1 to 1).
+ */
+type FocusPoint = {
+    x?: number;
+    y?: number;
+};
+/**
+ * Loading attribute is not yet supported in typescript, so we need
+ * to add it in order to avoid a ts error.
+ * https://github.com/typescript-cheatsheets/react-typescript-cheatsheet/blob/master/ADVANCED.md#adding-non-standard-attributes
+ */
+declare module 'react' {
+    interface ImgHTMLAttributes<T> extends React__default.HTMLAttributes<T> {
+        loading?: 'eager' | 'lazy';
+    }
+}
+/**
+ * All available aspect ratios.
+ * @deprecated
+ */
+declare const ThumbnailAspectRatio: Record<string, AspectRatio>;
+/**
+ *  Thumbnail sizes.
+ */
+type ThumbnailSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;
+/**
+ * Thumbnail variants.
+ */
+declare const ThumbnailVariant: {
+    readonly squared: "squared";
+    readonly rounded: "rounded";
+};
+type ThumbnailVariant = ValueOf$1<typeof ThumbnailVariant>;
+/**
+ * Thumbnail object fit.
+ */
+declare const ThumbnailObjectFit: {
+    readonly cover: "cover";
+    readonly contain: "contain";
+};
+type ThumbnailObjectFit = ValueOf$1<typeof ThumbnailObjectFit>;
+
+/**
+ * Defines the props of the component.
+ */
+interface ThumbnailProps extends GenericProps, Omit<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;
 }
 /**
  * Thumbnail component.
@@ -1853,15 +1838,15 @@ type ImageBlockCaptionPosition = ValueOf$1<typeof ImageBlockCaptionPosition>;
 /**
  *  Image block sizes.
  */
-type ImageBlockSize = Extract<Size$1, 'xl' | 'xxl'>;
+type ImageBlockSize = Extract<Size, 'xl' | 'xxl'>;
 /**
  * Defines the props of the component.
  */
-interface ImageBlockProps extends GenericProps, HasTheme$1, ImageCaptionMetadata {
+interface ImageBlockProps extends GenericProps, HasTheme, ImageCaptionMetadata {
     /** Action toolbar content. */
     actions?: ReactNode;
     /** Alignment. */
-    align?: HorizontalAlignment$1;
+    align?: HorizontalAlignment;
     /** Image alternative text. */
     alt: string;
     /** Caption position. */
@@ -1983,11 +1968,11 @@ declare const InlineList: Comp<InlineListProps, HTMLElement>;
 /**
  * Defines the props of the component.
  */
-interface InputHelperProps$1 extends HasClassName, HasTheme {
+interface InputHelperProps$1 extends HasClassName, HasTheme$1 {
     /** Helper content. */
     children: JSXElement;
     /** Helper variant. */
-    kind?: Kind;
+    kind?: Kind$1;
     /** ref to the root element `p` */
     ref?: CommonRef;
     /** id for the input helper */
@@ -2005,34 +1990,10 @@ interface InputHelperProps extends InputHelperProps$1, GenericProps {
  */
 declare const InputHelper: Comp<InputHelperProps, HTMLParagraphElement>;
 
-interface InputLabelProps$1 extends HasClassName, HasTheme {
-    /** Typography variant. */
-    typography?: Typography;
-    /** Label content. */
-    children: JSXElement;
-    /** Native htmlFor property. */
-    htmlFor: string;
-    /** Whether the component is required or not. */
-    isRequired?: boolean;
-    /** ref to the root element */
-    ref?: CommonRef;
-}
-
-interface InputLabelProps extends InputLabelProps$1, GenericProps {
-}
-/**
- * InputLabel component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-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, HasTheme, 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. */
@@ -2059,37 +2020,55 @@ interface LightboxProps extends GenericProps, HasTheme$1, Pick<AriaAttributes, '
  */
 declare const Lightbox: Comp<LightboxProps, HTMLDivElement>;
 
-type HTMLAnchorProps = React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
 /**
  * Defines the props of the component.
  */
-interface LinkProps extends GenericProps, HasAriaDisabled$1 {
+interface LinkProps$1 extends HasTheme$1, HasClassName, HasAriaDisabled, HasDisabled {
+    /** Link label content. */
+    label?: JSXElement;
     /** Color variant. */
     color?: ColorWithVariants$1;
     /** Lightened or darkened variant of the selected icon color. */
     colorVariant?: ColorVariant$1;
     /** Link href. */
-    href?: HTMLAnchorProps['href'];
-    /** Whether the component is disabled or not. */
-    isDisabled?: boolean;
+    href?: string;
     /**
      * Left icon (SVG path).
-     * @deprecated Instead, simply nest `<Icon />` in the children
+     * @deprecated Instead, simply nest `<Icon />` in the label
      */
     leftIcon?: string;
-    /** Custom react component for the link (can be used to inject react router Link). */
-    linkAs?: 'a' | any;
+    /** Element type or custom component for the link. */
+    as?: string | any;
     /**
      * Right icon (SVG path).
-     * @deprecated Instead, simply nest `<Icon />` in the children
+     * @deprecated Instead, simply nest `<Icon />` in the label
      */
     rightIcon?: string;
     /** Link target. */
+    target?: string;
+    /** Typography variant. */
+    typography?: string;
+    /** Click handler. */
+    onClick?: (event: any) => void;
+    /** Reference to the root element. */
+    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;
     /** Children */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Link component.
@@ -2103,7 +2082,7 @@ declare const Link: Comp<LinkProps, HTMLButtonElement | HTMLAnchorElement>;
 /**
  * Defines the props of the component.
  */
-interface LinkPreviewProps extends GenericProps, HasTheme$1 {
+interface LinkPreviewProps extends GenericProps, HasTheme {
     /** Description. */
     description?: string;
     /** Link URL. */
@@ -2113,7 +2092,7 @@ interface LinkPreviewProps extends GenericProps, HasTheme$1 {
     /** Props to pass to the link (minus those already set by the LinkPreview props). */
     linkProps?: Omit<LinkProps, 'color' | 'colorVariant' | 'href' | 'target'>;
     /** Size variant. */
-    size?: Extract<Size$1, 'regular' | 'big'>;
+    size?: Extract<Size, 'regular' | 'big'>;
     /** Thumbnail for the link preview. */
     thumbnailProps?: ThumbnailProps;
     /** Title. */
@@ -2155,7 +2134,7 @@ interface ListProps extends GenericProps {
      */
     isClickable?: boolean;
     /** Item padding size. */
-    itemPadding?: Extract<Size$1, 'big' | 'huge'>;
+    itemPadding?: Extract<Size, 'big' | 'huge'>;
     /** Tab index of the list. Default to -1 */
     tabIndex?: number;
     /**
@@ -2171,50 +2150,6 @@ declare const List: Comp<ListProps, HTMLUListElement> & {
     useKeyboardListNavigation: useKeyboardListNavigationType;
 };
 
-type ListItemSize = Extract<Size$1, 'tiny' | 'regular' | 'big' | 'huge'>;
-/**
- * Defines the props of the component.
- */
-interface ListItemProps extends GenericProps, HasAriaDisabled$1 {
-    /** A component to be rendered after the content. */
-    after?: ReactNode;
-    /** A component to be rendered before the content. */
-    before?: ReactNode;
-    /** Content. */
-    children: string | ReactNode;
-    /** Whether the list item should be highlighted or not. */
-    isHighlighted?: boolean;
-    /** Whether the component is selected or not. */
-    isSelected?: boolean;
-    /** Whether link/button is disabled or not. */
-    isDisabled?: boolean;
-    /** Reference to the <li> element. */
-    listItemRef?: Ref<HTMLLIElement>;
-    /** Custom react component for the link (can be used to inject react router Link). */
-    linkAs?: 'a' | any;
-    /** Props that will be passed on to the Link */
-    linkProps?: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
-    /** Reference to the link element. */
-    linkRef?: Ref<HTMLAnchorElement>;
-    /** Size variant. */
-    size?: ListItemSize;
-    /** On selected callback. */
-    onItemSelected?(evt: SyntheticEvent): void;
-}
-/**
- * Check if the list item is clickable.
- * @return `true` if the list item is clickable; `false` otherwise.
- */
-declare function isClickable({ linkProps, onItemSelected }: Partial<ListItemProps>): boolean;
-/**
- * ListItem component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const ListItem: Comp<ListItemProps, HTMLLIElement>;
-
 /**
  * Defines the props of the component.
  */
@@ -2253,7 +2188,7 @@ interface MessageProps$1 extends HasClassName {
     /** Whether the message has a background or not. */
     hasBackground?: boolean;
     /** Message variant. */
-    kind?: Kind;
+    kind?: Kind$1;
     /** Message custom icon SVG path. */
     icon?: string;
     /** Reference to the message container element. */
@@ -2287,7 +2222,7 @@ declare const Message: Comp<MessageProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface MosaicProps extends GenericProps, HasTheme$1 {
+interface MosaicProps extends GenericProps, HasTheme {
     /** Thumbnails. */
     thumbnails: ThumbnailProps[];
     /** On image click callback. */
@@ -2322,14 +2257,14 @@ type BaseNavigationItemProps = {
 };
 declare const NavigationItem: (<E extends ElementType = "a">(props: React$1.PropsWithoutRef<React$1.ComponentProps<E>> & {
     as?: E | undefined;
-} & HasTheme$1 & HasClassName$1 & BaseNavigationItemProps & HasRequiredLinkHref<E> & React$1.ComponentProps<E> & {
+} & HasTheme & HasClassName$1 & BaseNavigationItemProps & HasRequiredLinkHref<E> & React$1.ComponentProps<E> & {
     ref?: ComponentRef<E> | undefined;
 }) => React.JSX.Element) & {
     displayName: string;
     className: "lumx-navigation-item";
 };
 
-type NavigationProps = React.ComponentProps<'nav'> & HasClassName$1 & HasTheme$1 & {
+type NavigationProps = React.ComponentProps<'nav'> & HasClassName$1 & HasTheme & {
     /** Content of the navigation. These components should be of type NavigationItem to be rendered */
     children?: React.ReactNode;
     orientation?: Orientation$1;
@@ -2343,7 +2278,7 @@ declare const Navigation: Comp<NavigationProps, HTMLElement> & SubComponents;
 /**
  * Defines the props of the component.
  */
-interface NotificationProps extends GenericProps, HasTheme$1 {
+interface NotificationProps extends GenericProps, HasTheme {
     /** Action button label. */
     actionLabel?: string;
     /** Content. */
@@ -2351,7 +2286,7 @@ interface NotificationProps extends GenericProps, HasTheme$1 {
     /** Whether the component is open or not. */
     isOpen?: boolean;
     /** Notification type. */
-    type?: Kind$1;
+    type?: Kind;
     /** Z-axis position. */
     zIndex?: number;
     /** On action button click callback. */
@@ -2387,7 +2322,7 @@ declare const PopoverDialog: Comp<PopoverDialogProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface PostBlockProps extends GenericProps, HasTheme$1 {
+interface PostBlockProps extends GenericProps, HasTheme {
     /** Action toolbar content. */
     actions?: ReactNode;
     /** Attachment content. */
@@ -2431,7 +2366,7 @@ type ProgressVariant = ValueOf$1<typeof ProgressVariant>;
 /**
  * Defines the props of the component.
  */
-interface ProgressProps extends GenericProps, HasTheme$1 {
+interface ProgressProps extends GenericProps, HasTheme {
     /** Progress variant. */
     variant?: ProgressVariant;
 }
@@ -2448,11 +2383,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 extends GenericProps, HasTheme {
     /**
      * Progress circular size.
      */
@@ -2472,7 +2407,7 @@ interface ProgressCircularProps extends GenericProps, HasTheme$1 {
  */
 declare const ProgressCircular: Comp<ProgressCircularProps, HTMLDivElement>;
 
-interface ProgressLinearProps extends GenericProps, HasTheme$1 {
+interface ProgressLinearProps extends GenericProps, HasTheme {
 }
 /**
  * ProgressLinear component.
@@ -2585,7 +2520,7 @@ declare const ProgressTrackerStepPanel: Comp<ProgressTrackerStepPanelProps, HTML
 /**
  * Defines the props of the component.
  */
-interface RadioButtonProps$1 extends HasTheme, HasClassName, HasAriaDisabled, HasDisabled, HasChecked {
+interface RadioButtonProps$1 extends HasTheme$1, HasClassName, HasAriaDisabled, HasDisabled, HasChecked {
     /** Helper text. */
     helper?: string;
     /** Native input id property. */
@@ -2646,7 +2581,7 @@ declare const SelectVariant: {
     readonly chip: "chip";
 };
 type SelectVariant = ValueOf$1<typeof SelectVariant>;
-interface CoreSelectProps extends GenericProps, HasTheme$1 {
+interface CoreSelectProps extends GenericProps, HasTheme {
     /** 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. */
@@ -2726,7 +2661,7 @@ declare const SelectMultiple: Comp<SelectMultipleProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface SideNavigationProps extends GenericProps, HasTheme$1 {
+interface SideNavigationProps extends GenericProps, HasTheme {
     /** SideNavigationItem elements. */
     children: ReactNode;
 }
@@ -2746,7 +2681,7 @@ interface SideNavigationItemProps extends GenericProps, HasCloseMode {
     /** SideNavigationItem elements. */
     children?: ReactNode;
     /** Emphasis variant. */
-    emphasis?: Emphasis$1;
+    emphasis?: Emphasis;
     /** Label content. */
     label: string | ReactNode;
     /** Icon (SVG path). */
@@ -2778,7 +2713,7 @@ declare const SideNavigationItem: Comp<SideNavigationItemProps, HTMLLIElement>;
 /**
  * Defines the props of the component.
  */
-interface SkeletonCircleProps$1 extends HasTheme, HasClassName {
+interface SkeletonCircleProps$1 extends HasTheme$1, HasClassName {
     /** Size variant. */
     size: GlobalSize;
     /** The color of the skeleton. */
@@ -2799,9 +2734,9 @@ type SkeletonRectangleVariant = ValueOf<typeof SkeletonRectangleVariant>;
 /**
  * Defines the props of the component.
  */
-interface SkeletonRectangleProps$1 extends HasTheme, HasClassName {
+interface SkeletonRectangleProps$1 extends HasTheme$1, HasClassName {
     /** Aspect ratio (use with width and not height). */
-    aspectRatio?: Extract<AspectRatio, 'square' | 'horizontal' | 'vertical' | 'wide'>;
+    aspectRatio?: Extract<AspectRatio$1, 'square' | 'horizontal' | 'vertical' | 'wide'>;
     /** Height size. */
     height?: GlobalSize;
     /** Border variant. */
@@ -2817,7 +2752,7 @@ interface SkeletonRectangleProps$1 extends HasTheme, HasClassName {
 /**
  * Defines the props of the component.
  */
-interface SkeletonTypographyProps$1 extends HasTheme, HasClassName {
+interface SkeletonTypographyProps$1 extends HasTheme$1, HasClassName {
     /** Typography variant. */
     typography: TypographyInterface;
     /** Width CSS property. */
@@ -2875,7 +2810,7 @@ declare const SkeletonTypography: Comp<SkeletonTypographyProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface SliderProps extends GenericProps, HasTheme$1 {
+interface SliderProps extends GenericProps, HasTheme {
     /** Helper text. */
     helper?: string;
     /** Whether the min and max labels should be hidden or not. */
@@ -3039,7 +2974,7 @@ interface UseSlideshowControls {
 /**
  * Defines the props of the component.
  */
-interface SlideshowControlsProps extends GenericProps, HasTheme$1 {
+interface SlideshowControlsProps extends GenericProps, HasTheme {
     /** Index of the current slide. */
     activeIndex?: number;
     /** Props to pass to the next button (minus those already set by the SlideshowControls props). */
@@ -3083,7 +3018,7 @@ declare const SlideshowControls: Comp<SlideshowControlsProps, HTMLDivElement> &
     };
 };
 
-interface SlidesProps extends GenericProps, HasTheme$1 {
+interface SlidesProps extends GenericProps, HasTheme {
     /** current slide active */
     activeIndex: number;
     /** slides id to be added to the wrapper */
@@ -3128,7 +3063,7 @@ declare const Slides: Comp<SlidesProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface SwitchProps$1 extends HasTheme, HasClassName, HasAriaDisabled, HasDisabled, HasChecked {
+interface SwitchProps$1 extends HasTheme$1, HasClassName, HasAriaDisabled, HasDisabled, HasChecked {
     /** Helper text. */
     helper?: string;
     /** Native input id property. */
@@ -3172,11 +3107,21 @@ declare const Switch: Comp<SwitchProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface TableProps extends GenericProps, HasTheme$1 {
+interface TableProps$1 extends HasTheme$1, HasClassName {
     /** Whether the table has checkbox or thumbnail on first cell or not. */
     hasBefore?: boolean;
     /** Whether the table has dividers or not. */
     hasDividers?: boolean;
+    /** Children */
+    children?: JSXElement;
+    /** reference to the root element */
+    ref?: CommonRef;
+}
+
+/**
+ * Defines the props of the component.
+ */
+interface TableProps extends GenericProps, Omit<TableProps$1, 'ref'> {
     /** Children */
     children?: React.ReactNode;
 }
@@ -3192,7 +3137,17 @@ declare const Table: Comp<TableProps, HTMLTableElement>;
 /**
  * Defines the props of the component.
  */
-interface TableBodyProps extends GenericProps {
+interface TableBodyProps$1 extends HasClassName {
+    /** Children */
+    children?: JSXElement;
+    /** reference to the root element */
+    ref?: CommonRef;
+}
+
+/**
+ * Defines the props of the component.
+ */
+interface TableBodyProps extends GenericProps, Omit<TableBodyProps$1, 'ref'> {
     /** Children */
     children?: React.ReactNode;
 }
@@ -3212,7 +3167,7 @@ declare const ThOrder: {
     readonly asc: "asc";
     readonly desc: "desc";
 };
-type ThOrder = ValueOf$1<typeof ThOrder>;
+type ThOrder = ValueOf<typeof ThOrder>;
 /**
  * Table cell variants.
  */
@@ -3220,11 +3175,11 @@ declare const TableCellVariant: {
     readonly body: "body";
     readonly head: "head";
 };
-type TableCellVariant = ValueOf$1<typeof TableCellVariant>;
+type TableCellVariant = ValueOf<typeof TableCellVariant>;
 /**
  * Defines the props of the component.
  */
-interface TableCellProps extends GenericProps {
+interface TableCellProps$1 extends HasClassName {
     /** Icon (SVG path).(thead only). */
     icon?: string;
     /** Whether the column is sortable or not (thead only). */
@@ -3235,6 +3190,16 @@ interface TableCellProps extends GenericProps {
     variant?: TableCellVariant;
     /** On header cell click callback. */
     onHeaderClick?(): void;
+    /** Children */
+    children?: JSXElement;
+    /** reference to the root element */
+    ref?: CommonRef;
+}
+
+/**
+ * Defines the props of the component.
+ */
+interface TableCellProps extends GenericProps, Omit<TableCellProps$1, 'ref'> {
     /** Children */
     children?: React.ReactNode;
 }
@@ -3250,7 +3215,17 @@ declare const TableCell: Comp<TableCellProps, HTMLTableCellElement>;
 /**
  * Defines the props of the component.
  */
-interface TableHeaderProps extends GenericProps {
+interface TableHeaderProps$1 extends HasClassName {
+    /** Children */
+    children?: JSXElement;
+    /** reference to the root element */
+    ref?: CommonRef;
+}
+
+/**
+ * Defines the props of the component.
+ */
+interface TableHeaderProps extends GenericProps, Omit<TableHeaderProps$1, 'ref'> {
     /** Children */
     children?: React.ReactNode;
 }
@@ -3266,13 +3241,25 @@ declare const TableHeader: Comp<TableHeaderProps, HTMLTableSectionElement>;
 /**
  * Defines the props of the component.
  */
-interface TableRowProps extends GenericProps {
+interface TableRowProps$1 extends HasClassName, HasAriaDisabled {
     /** Whether the component is clickable or not. */
     isClickable?: boolean;
-    /** Whether the component is disabled or not. */
-    isDisabled?: boolean;
     /** Whether the component is selected or not. */
     isSelected?: boolean;
+    /** Tab index */
+    tabIndex?: number;
+    /** Children */
+    children?: JSXElement;
+    /** reference to the root element */
+    ref?: CommonRef;
+}
+
+/**
+ * Defines the props of the component.
+ */
+interface TableRowProps extends GenericProps, Omit<TableRowProps$1, 'ref' | 'tabIndex' | 'aria-disabled'> {
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
     /** Children */
     children?: React.ReactNode;
 }
@@ -3315,7 +3302,7 @@ declare enum TabListLayout {
 /**
  * Defines the props of the component.
  */
-interface TabListProps extends GenericProps, HasTheme$1 {
+interface TabListProps extends GenericProps, HasTheme {
     /** ARIA label (purpose of the set of tabs). */
     ['aria-label']: string;
     /** Tab list. */
@@ -3399,79 +3386,11 @@ interface TextProps extends TextProps$1, GenericProps {
  */
 declare const Text: Comp<TextProps, HTMLElement>;
 
-/**
- * Defines the props of the component.
- */
-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. */
-    clearButtonProps?: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;
-    /** Error message. */
-    error?: string | ReactNode;
-    /** Whether we force the focus style or not. */
-    forceFocusStyle?: boolean;
-    /** Whether the text field is displayed with error style or not. */
-    hasError?: boolean;
-    /** Additional element to put at the end of the text field. */
-    afterElement?: ReactNode;
-    /** Helper text. */
-    helper?: string | ReactNode;
-    /** Icon (SVG path). */
-    icon?: string;
-    /** Native input id property (generated if not provided to link the label element). */
-    id?: string;
-    /** Reference to the <input> or <textarea> element. */
-    inputRef?: Ref<HTMLInputElement | HTMLTextAreaElement>;
-    /** Whether the component is disabled or not. */
-    isDisabled?: boolean;
-    /** Whether the component is required or not. */
-    isRequired?: boolean;
-    /** Whether the text field is displayed with valid style or not. */
-    isValid?: boolean;
-    /** Label text. */
-    label?: string;
-    /** Additional label props. */
-    labelProps?: InputLabelProps;
-    /** Max string length the input accepts (constrains the input and displays a character counter). */
-    maxLength?: number;
-    /** Minimum number of rows displayed in multiline mode (requires `multiline` to be enabled). */
-    minimumRows?: number;
-    /** Whether the text field is a textarea or an input. */
-    multiline?: boolean;
-    /** Native input name property. */
-    name?: string;
-    /** Placeholder text. */
-    placeholder?: string;
-    /** Reference to the wrapper. */
-    textFieldRef?: Ref<HTMLDivElement>;
-    /** Native input type (only when `multiline` is disabled). */
-    type?: React.ComponentProps<'input'>['type'];
-    /** Value. */
-    value?: string;
-    /** On blur callback. */
-    onBlur?(event: React.FocusEvent): void;
-    /** On change callback. */
-    onChange(value: string, name?: string, event?: SyntheticEvent): void;
-    /** On clear callback. */
-    onClear?(event?: SyntheticEvent): void;
-    /** On focus callback. */
-    onFocus?(event: React.FocusEvent): void;
-}
-/**
- * TextField component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const TextField: Comp<TextFieldProps, HTMLDivElement>;
-
 type NativeInputProps = Omit<ComponentProps<'input'>, 'value' | 'onChange'>;
 /**
  * Defines the props of the component.
  */
-interface RawInputTextProps extends NativeInputProps, HasTheme$1, HasClassName$1 {
+interface RawInputTextProps extends NativeInputProps, HasTheme, HasClassName$1 {
     value?: string;
     onChange?: (value: string, name?: string, event?: SyntheticEvent) => void;
 }
@@ -3485,7 +3404,7 @@ type NativeTextareaProps = ComponentProps<'textarea'>;
 /**
  * Defines the props of the component.
  */
-interface RawInputTextareaProps extends Omit<NativeTextareaProps, 'value' | 'onChange'>, HasTheme$1, HasClassName$1 {
+interface RawInputTextareaProps extends Omit<NativeTextareaProps, 'value' | 'onChange'>, HasTheme, HasClassName$1 {
     minimumRows?: number;
     value?: string;
     onChange?: (value: string, name?: string, event?: SyntheticEvent) => void;
@@ -3518,36 +3437,6 @@ interface ToolbarProps extends GenericProps {
  */
 declare const Toolbar: Comp<ToolbarProps, HTMLDivElement>;
 
-declare const ARIA_LINK_MODES: readonly ["aria-describedby", "aria-labelledby"];
-
-/** Position of the tooltip relative to the anchor element. */
-type TooltipPlacement = Extract<Placement, 'top' | 'right' | 'bottom' | 'left'>;
-/**
- * Defines the props of the component.
- */
-interface TooltipProps extends GenericProps, HasCloseMode {
-    /** Anchor (element on which we activate the tooltip). */
-    children: ReactNode;
-    /** Delay (in ms) before closing the tooltip. */
-    delay?: number;
-    /** Whether the tooltip is displayed even without the mouse hovering the anchor. */
-    forceOpen?: boolean;
-    /** Label text. */
-    label?: string | null | false;
-    /** Placement of the tooltip relative to the anchor. */
-    placement?: TooltipPlacement;
-    /** Choose how the tooltip text should link to the anchor */
-    ariaLinkMode?: (typeof ARIA_LINK_MODES)[number];
-}
-/**
- * Tooltip component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const Tooltip: Comp<TooltipProps, HTMLDivElement>;
-
 /**
  * Uploader variants.
  */
@@ -3560,7 +3449,7 @@ type UploaderVariant = ValueOf$1<typeof UploaderVariant>;
 /**
  * Uploader sizes.
  */
-type UploaderSize = Extract<Size$1, 'xl' | 'xxl'>;
+type UploaderSize = Extract<Size, 'xl' | 'xxl'>;
 /**
  * Extend native HTML input props with specialized `onChange` providing the a `File` array.
  */
@@ -3570,9 +3459,9 @@ 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, HasTheme, HasAriaDisabled$1 {
     /** Image aspect ratio. */
-    aspectRatio?: AspectRatio$1;
+    aspectRatio?: AspectRatio;
     /** Icon (SVG path). */
     icon?: string;
     /** Disabled state */
@@ -3600,11 +3489,11 @@ declare const Uploader: Comp<UploaderProps, HTMLElement>;
 /**
  * User block sizes.
  */
-type UserBlockSize = Extract<Size$1, 'xs' | 's' | 'm' | 'l'>;
+type UserBlockSize = Extract<Size, 'xs' | 's' | 'm' | 'l'>;
 /**
  * Defines the props of the component.
  */
-interface UserBlockProps extends GenericProps, HasTheme$1 {
+interface UserBlockProps extends GenericProps, HasTheme {
     /** Props to pass to the avatar. */
     avatarProps?: Omit<AvatarProps, 'alt'>;
     /** Additional fields used to describe the user. */
@@ -3645,7 +3534,7 @@ interface UserBlockProps extends GenericProps, HasTheme$1 {
  */
 declare const UserBlock: Comp<UserBlockProps, HTMLDivElement>;
 
-type ThemeContextValue = Theme$1 | undefined;
+type ThemeContextValue = Theme | undefined;
 /** Provide a theme context to all children. */
 declare const ThemeProvider: React__default.FC<{
     value: ThemeContextValue;
@@ -3654,5 +3543,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, 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 };
+export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, BaseButtonProps, Button, ButtonEmphasis, ButtonGroup, CLASSNAME, COMBOBOX_OPTION_CLASSNAME, COMPONENT_NAME, Checkbox, Chip, ChipGroup, Combobox, ComboboxButton, ComboboxDivider, ComboboxInput, ComboboxListBox, ComboboxOption, ComboboxOptionAction, ComboboxOptionMoreInfo, ComboboxOptionProps, ComboboxOptionSkeleton, ComboboxProps, ComboboxSection, CommentBlock, CommentBlockVariant, DEFAULT_PROPS, DatePicker, DatePickerControlled, DatePickerField, Dialog, Divider, DragHandle, Dropdown, Elevation, ExpansionPanel, Flag, FlexBox, GenericBlock, GenericBlockGapSize, Grid, GridColumn, GridItem, Heading, HeadingLevelProvider, Icon, IconButtonProps, ImageBlock, ImageBlockCaptionPosition, ImageLightbox, InlineList, InputHelper, LUMX_CLASSNAME, Lightbox, Link, LinkPreview, List, ListDivider, ListSubheader, Message, Mosaic, Navigation, Notification, Offset, 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, TextFieldProps, ThOrder, ThOrder as ThOrderType, ThemeProvider, Thumbnail, ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant, Toolbar, Uploader, UploaderVariant, UserBlock, clamp, useFocusPointStyle, useHeadingLevel, useTheme };
+export type { AlertDialogProps, AutocompleteMultipleProps, AutocompleteProps, AvatarProps, AvatarSize, BadgeProps, BadgeWrapperProps, ButtonGroupProps, ButtonProps, CheckboxProps, ChipGroupProps, ChipProps, ComboboxButtonProps, ComboboxInputProps, ComboboxListBoxProps, ComboboxOptionComponentProps, ComboboxOptionMoreInfoProps, ComboboxOptionSkeletonProps, ComboboxSectionProps, CommentBlockProps, DatePickerControlledProps, DatePickerFieldProps, DatePickerProps, DialogProps, DialogSizes, DividerProps, DragHandleProps, DropdownProps, ExpansionPanelProps, FlagProps, FlexBoxProps, FlexHorizontalAlignment, FlexVerticalAlignment, FocusPoint, GapSize, GenericBlockProps, GridColumnGapSize, GridColumnProps, GridItemProps, GridProps, HeadingLevelProviderProps, HeadingProps, IconProps, IconSizes, ImageBlockProps, ImageBlockSize, ImageLightboxProps, InlineListProps, InputHelperProps, LightboxProps, LinkPreviewProps, LinkProps, ListDividerProps, ListProps, ListSubheaderProps, MarginAutoAlignment, MessageProps, MosaicProps, NavigationProps, NotificationProps, 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, TextProps, ThumbnailProps, ThumbnailSize, ToolbarProps, UploaderProps, UploaderSize, UserBlockProps, UserBlockSize };