@lumx/react 4.3.2-alpha.0 → 4.3.2-alpha.10

package/index.d.ts

@@ -1,10 +1,10 @@
-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, ColorWithVariants as ColorWithVariants$1, ColorVariant as ColorVariant$1, Typography as Typography$1, Emphasis as Emphasis$1, GlobalSize, TypographyInterface as TypographyInterface$1 } from '@lumx/core/js/constants';
+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';
 export * from '@lumx/core/js/constants';
 import * as _lumx_core_js_types from '@lumx/core/js/types';
-import { GenericProps, HasTheme as HasTheme$1, ValueOf, HasAriaDisabled as HasAriaDisabled$1, PartialBy, HasCloseMode, Falsy, HasClassName as HasClassName$1, HeadingElement as HeadingElement$1, HasRequiredLinkHref, HasAriaLabelOrLabelledBy } 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';
 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, InputHTMLAttributes, ComponentProps } from 'react';
+import React__default, { Ref, ReactElement, ReactNode, SyntheticEvent, MouseEventHandler, KeyboardEventHandler, AriaAttributes, ReactText, RefObject, CSSProperties, ImgHTMLAttributes, SetStateAction, Key, ElementType, ComponentProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Selector } from '@lumx/core/js/types/Selector';
 
@@ -294,32 +294,6 @@ interface AvatarProps extends GenericProps, HasTheme$1 {
  */
 declare const Avatar: Comp<AvatarProps, HTMLDivElement>;
 
-/**
- * Defines the props of the component.
- */
-interface BadgeProps extends GenericProps {
-    /** Badge content. */
-    children?: ReactNode;
-    /** Color variant. */
-    color?: ColorPalette$1;
-}
-/**
- * Badge component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const Badge: Comp<BadgeProps, HTMLDivElement>;
-
-interface BadgeWrapperProps extends GenericProps {
-    /** Badge. */
-    badge: ReactElement;
-    /** Node to display the badge on */
-    children: ReactNode;
-}
-declare const BadgeWrapper: Comp<BadgeWrapperProps, HTMLDivElement>;
-
 /**
  * Alignments.
  */
@@ -335,14 +309,14 @@ declare const Alignment: {
     readonly start: "start";
     readonly top: "top";
 };
-type Alignment = ValueOf<typeof Alignment>;
+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<typeof Theme>;
+type Theme = ValueOf$1<typeof Theme>;
 declare const Size: {
     readonly xxs: "xxs";
     readonly xs: "xs";
@@ -357,18 +331,19 @@ declare const Size: {
     readonly big: "big";
     readonly huge: "huge";
 };
-type Size = ValueOf<typeof Size>;
+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<typeof Orientation>;
+type Orientation = ValueOf$1<typeof Orientation>;
 declare const Emphasis: {
     readonly low: "low";
     readonly medium: "medium";
     readonly high: "high";
 };
-type Emphasis = ValueOf<typeof Emphasis>;
+type Emphasis = ValueOf$1<typeof Emphasis>;
 /**
  * List of typographies that can't be customized.
  */
@@ -383,7 +358,7 @@ declare const TypographyInterface: {
     readonly headline: "headline";
     readonly display1: "display1";
 };
-type TypographyInterface = ValueOf<typeof TypographyInterface>;
+type TypographyInterface = ValueOf$1<typeof TypographyInterface>;
 /**
  * List of typographies that can be customized (via CSS variables).
  */
@@ -401,7 +376,7 @@ declare const TypographyCustom: {
     readonly title5: "custom-title5";
     readonly title6: "custom-title6";
 };
-type TypographyCustom = ValueOf<typeof TypographyCustom>;
+type TypographyCustom = ValueOf$1<typeof TypographyCustom>;
 /**
  * List of all typographies.
  */
@@ -431,6 +406,26 @@ declare const Typography: {
     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
  */
@@ -440,7 +435,7 @@ declare const Kind: {
     readonly warning: "warning";
     readonly error: "error";
 };
-type Kind = ValueOf<typeof Kind>;
+type Kind = ValueOf$1<typeof Kind>;
 /**
  * All available white-space values
  * */
@@ -452,7 +447,7 @@ declare const WhiteSpace: {
     'pre-line': string;
     'break-spaces': string;
 };
-type WhiteSpace = ValueOf<typeof WhiteSpace>;
+type WhiteSpace = ValueOf$1<typeof WhiteSpace>;
 /**
  * See SCSS variable $lumx-color-palette
  */
@@ -467,7 +462,7 @@ declare const ColorPalette: {
     readonly light: "light";
     readonly grey: "grey";
 };
-type ColorPalette = ValueOf<typeof ColorPalette>;
+type ColorPalette = ValueOf$1<typeof ColorPalette>;
 /**
  * See SCSS variable $lumx-color-variants
  */
@@ -482,7 +477,7 @@ declare const ColorVariant: {
     readonly L6: "L6";
     readonly N: "N";
 };
-type ColorVariant = ValueOf<typeof ColorVariant>;
+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}`>;
 
@@ -514,11 +509,8 @@ type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 /** Union type of all text elements */
 type TextElement = 'span' | 'p' | HeadingElement;
 
-/** 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>}`;
+/** Get types of the values of a record. */
+type ValueOf<T extends Record<any, any>> = T[keyof T];
 
 type CommonRef = any;
 
@@ -529,14 +521,70 @@ interface HasAriaDisabled {
     'aria-disabled'?: Booleanish;
 }
 
-type BaseClickableProps = {
-    children?: JSXElement;
+interface HasChecked<C = boolean> {
+    /** Component checked state. */
+    isChecked?: C;
+    /** @alias isChecked */
+    checked?: boolean;
+}
+
+interface HasDisabled {
+    /** Whether the component is disabled or not. */
     isDisabled?: boolean;
+    /** @alias isDisabled */
     disabled?: boolean;
-    'aria-disabled'?: Booleanish;
+}
+
+/**
+ * Defines the props of the component.
+ */
+interface BadgeProps$1 extends HasClassName {
+    /** Badge content. */
+    children?: JSXElement;
+    /** Color variant. */
+    color?: ColorPalette;
+    /** reference to the root element */
+    ref?: CommonRef;
+}
+
+/**
+ * Defines the props of the component.
+ */
+interface BadgeProps extends Omit<BadgeProps$1, 'children'>, GenericProps {
+    /** Badge content. */
+    children?: ReactNode;
+}
+/**
+ * Badge component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Badge: Comp<BadgeProps, HTMLDivElement>;
+
+interface BadgeWrapperProps$1 extends HasClassName {
+    /** Badge element to display */
+    badge?: JSXElement;
+    /** Content to wrap with badge */
+    children?: JSXElement;
+    /** Ref forwarding */
+    ref?: CommonRef;
+}
+
+interface BadgeWrapperProps extends GenericProps, Omit<BadgeWrapperProps$1, 'children' | 'badge'> {
+    /** Badge element to display */
+    badge: ReactElement;
+    /** Content to wrap with badge */
+    children: ReactNode;
+}
+declare const BadgeWrapper: Comp<BadgeWrapperProps, HTMLDivElement>;
+
+interface BaseClickableProps extends HasDisabled, HasAriaDisabled {
+    children?: JSXElement;
     onClick?: (event?: any) => void;
     ref?: CommonRef;
-};
+}
 
 /**
  * Button size definition.
@@ -601,10 +649,6 @@ 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.
  */
@@ -641,7 +685,7 @@ interface IconButtonProps$1 extends BaseButtonProps {
     title?: string;
 }
 
-interface IconButtonProps extends GenericProps, Omit<IconButtonProps$1, 'title'> {
+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.
@@ -685,16 +729,11 @@ declare const ButtonGroup: Comp<ButtonGroupProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface CheckboxProps$1 extends HasTheme, HasClassName, HasAriaDisabled {
+interface CheckboxProps$1 extends HasTheme, HasClassName, HasAriaDisabled, HasDisabled, HasChecked<boolean | 'intermediate'> {
     /** Helper text. */
     helper?: string;
     /** Native input id property. */
     id?: string;
-    /** Whether it is checked or not or intermediate. */
-    isChecked?: boolean | 'intermediate';
-    checked?: boolean;
-    /** Whether the component is disabled or not. */
-    isDisabled?: boolean;
     /** Label text. */
     label?: JSXElement;
     /** Native input name property. */
@@ -849,6 +888,66 @@ 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
@@ -1059,33 +1158,6 @@ type ComboboxProps<O = any> = {
     translations: ComboboxTranslations;
 };
 
-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;
-}
-
 interface ComboboxOptionSkeletonProps {
     className?: string;
     index?: number;
@@ -1096,6 +1168,11 @@ interface ComboboxOptionSkeletonProps {
     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;
@@ -1122,24 +1199,66 @@ interface ComboboxListBoxProps extends GenericProps$1, React__default.ComponentP
     /** 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";
 /**
- * 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.
+ * 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
  */
-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;
-};
+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 */
@@ -1153,14 +1272,14 @@ interface ComboboxSectionProps {
     /** Options to display */
     children: ReactNode;
 }
-
 /**
- * Props for ComboboxOption with additional generic properties.
+ * Section for options of a Combobox.
+ *
+ * @family Combobox
+ * @param ComboboxSectionProps
+ * @returns ComboboxSection
  */
-interface ComboboxOptionComponentProps<O extends object = any> extends GenericProps, Omit<ComboboxOptionProps<O>, 'as'> {
-    /** Customize the root element. */
-    as?: React__default.ElementType;
-}
+declare const ComboboxSection: ({ children, ...props }: ComboboxSectionProps) => react_jsx_runtime.JSX.Element;
 
 declare const SUB_COMPONENTS: {
     /**
@@ -1273,7 +1392,7 @@ declare const CommentBlockVariant: {
     readonly indented: "indented";
     readonly linear: "linear";
 };
-type CommentBlockVariant = ValueOf<typeof CommentBlockVariant>;
+type CommentBlockVariant = ValueOf$1<typeof CommentBlockVariant>;
 /**
  * Defines the props of the component.
  */
@@ -1468,7 +1587,15 @@ declare const Dialog: Comp<DialogProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface DividerProps extends GenericProps, HasTheme$1 {
+interface DividerProps$1 extends HasTheme, HasClassName {
+    /** reference to the root element */
+    ref?: CommonRef;
+}
+
+/**
+ * Defines the props of the component.
+ */
+interface DividerProps extends GenericProps, DividerProps$1 {
 }
 /**
  * Divider component.
@@ -1513,7 +1640,7 @@ declare const Placement: {
     readonly LEFT_END: "left-end";
     readonly LEFT_START: "left-start";
 };
-type Placement = ValueOf<typeof Placement>;
+type Placement = ValueOf$1<typeof Placement>;
 /**
  * Offset of the popover.
  */
@@ -1535,7 +1662,7 @@ declare const FitAnchorWidth: {
     readonly MIN_WIDTH: "minWidth";
     readonly WIDTH: "width";
 };
-type FitAnchorWidth = ValueOf<typeof FitAnchorWidth>;
+type FitAnchorWidth = ValueOf$1<typeof FitAnchorWidth>;
 
 /**
  * Defines the props of the component.
@@ -1849,7 +1976,7 @@ declare const GenericBlockGapSize: Pick<{
     readonly big: "big";
     readonly huge: "huge";
 }, "medium" | "tiny" | "regular" | "big" | "huge">;
-type GenericBlockGapSize = ValueOf<typeof GenericBlockGapSize>;
+type GenericBlockGapSize = ValueOf$1<typeof GenericBlockGapSize>;
 
 interface GenericBlockProps extends FlexBoxProps {
     /**
@@ -2018,22 +2145,37 @@ interface GridItemProps extends GenericProps {
  */
 declare const GridItem: Comp<GridItemProps, HTMLDivElement>;
 
-type GridColumnGapSize = Extract<Size$1, 'tiny' | 'regular' | 'big' | 'huge'>;
+type GridColumnGapSize = Extract<Size, '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,
@@ -2084,96 +2226,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>;
 /**
  *  Thumbnail sizes.
  */
-type ThumbnailSize = Extract<Size$1, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;
+type ThumbnailSize$1 = Extract<Size, '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<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<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$1, HasClassName$1 {
     /** Alignment of the thumbnail in it's parent (requires flex parent). */
     align?: HorizontalAlignment$1;
     /** Image alternative text. */
     alt: string;
     /** Image aspect ratio. */
-    aspectRatio?: AspectRatio;
+    aspectRatio?: AspectRatio$1;
     /** 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$1>;
+/**
+ *  Thumbnail sizes.
+ */
+type ThumbnailSize = Extract<Size$1, '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.
@@ -2209,7 +2396,7 @@ declare const ImageBlockCaptionPosition: {
     readonly below: "below";
     readonly over: "over";
 };
-type ImageBlockCaptionPosition = ValueOf<typeof ImageBlockCaptionPosition>;
+type ImageBlockCaptionPosition = ValueOf$1<typeof ImageBlockCaptionPosition>;
 /**
  *  Image block sizes.
  */
@@ -2419,37 +2606,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, 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.
@@ -2787,7 +2992,7 @@ declare const ProgressVariant: {
     readonly linear: "linear";
     readonly circular: "circular";
 };
-type ProgressVariant = ValueOf<typeof ProgressVariant>;
+type ProgressVariant = ValueOf$1<typeof ProgressVariant>;
 /**
  * Defines the props of the component.
  */
@@ -2945,27 +3150,33 @@ declare const ProgressTrackerStepPanel: Comp<ProgressTrackerStepPanelProps, HTML
 /**
  * Defines the props of the component.
  */
-interface RadioButtonProps extends GenericProps, HasTheme$1, HasAriaDisabled$1 {
+interface RadioButtonProps$1 extends HasTheme, HasClassName, HasAriaDisabled, HasDisabled, HasChecked {
     /** Helper text. */
     helper?: string;
     /** Native input id property. */
     id?: string;
-    /** Native input ref. */
-    inputRef?: React.Ref<HTMLInputElement>;
-    /** Whether it is checked or not. */
-    isChecked?: boolean;
-    /** Whether the component is disabled or not. */
-    isDisabled?: boolean;
     /** Label content. */
-    label?: ReactNode;
+    label?: JSXElement;
     /** Native input name property. */
     name?: string;
     /** Native input value property. */
     value?: string;
-    /** On change callback. */
-    onChange?(value?: string, name?: string, event?: SyntheticEvent): void;
     /** optional props for input */
-    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    inputProps?: Record<string, any>;
+    /** Native input ref. */
+    inputRef?: CommonRef;
+    /** Native input id. */
+    inputId: string;
+    /** On change callback. */
+    onChange?(value?: string, name?: string, event?: any): void;
+    /** reference to the root element */
+    ref?: CommonRef;
+}
+
+/**
+ * Defines the props of the component.
+ */
+interface RadioButtonProps extends GenericProps, Omit<RadioButtonProps$1, 'inputId'> {
 }
 /**
  * RadioButton component.
@@ -2999,7 +3210,7 @@ declare const SelectVariant: {
     readonly input: "input";
     readonly chip: "chip";
 };
-type SelectVariant = ValueOf<typeof SelectVariant>;
+type SelectVariant = ValueOf$1<typeof SelectVariant>;
 interface CoreSelectProps extends GenericProps, HasTheme$1 {
     /** Props to pass to the clear button (minus those already set by the Select props). If not specified, the button won't be displayed. */
     clearButtonProps?: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;
@@ -3132,20 +3343,14 @@ declare const SideNavigationItem: Comp<SideNavigationItemProps, HTMLLIElement>;
 /**
  * Defines the props of the component.
  */
-interface SkeletonCircleProps extends GenericProps, HasTheme$1 {
+interface SkeletonCircleProps$1 extends HasTheme, HasClassName {
     /** Size variant. */
     size: GlobalSize;
     /** The color of the skeleton. */
-    color?: ColorPalette$1;
+    color?: ColorPalette;
+    /** Reference to the root element. */
+    ref?: CommonRef;
 }
-/**
- * SkeletonCircle component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const SkeletonCircle: Comp<SkeletonCircleProps, HTMLDivElement>;
 
 /**
  * Skeleton variants.
@@ -3159,7 +3364,7 @@ type SkeletonRectangleVariant = ValueOf<typeof SkeletonRectangleVariant>;
 /**
  * Defines the props of the component.
  */
-interface SkeletonRectangleProps extends GenericProps, HasTheme$1 {
+interface SkeletonRectangleProps$1 extends HasTheme, HasClassName {
     /** Aspect ratio (use with width and not height). */
     aspectRatio?: Extract<AspectRatio, 'square' | 'horizontal' | 'vertical' | 'wide'>;
     /** Height size. */
@@ -3169,7 +3374,45 @@ interface SkeletonRectangleProps extends GenericProps, HasTheme$1 {
     /** Width size. */
     width?: GlobalSize;
     /** The color of the skeleton. */
-    color?: ColorPalette$1;
+    color?: ColorPalette;
+    /** Reference to the root element. */
+    ref?: CommonRef;
+}
+
+/**
+ * Defines the props of the component.
+ */
+interface SkeletonTypographyProps$1 extends HasTheme, HasClassName {
+    /** Typography variant. */
+    typography: TypographyInterface;
+    /** Width CSS property. */
+    width?: CSSProperties['width'];
+    /** The color of the skeleton. */
+    color?: ColorPalette;
+    /** Reference to the root element. */
+    ref?: CommonRef;
+    /** Style object. */
+    style?: CSSProperties;
+}
+
+/**
+ * Defines the props of the component.
+ */
+interface SkeletonCircleProps extends GenericProps, SkeletonCircleProps$1 {
+}
+/**
+ * SkeletonCircle component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const SkeletonCircle: Comp<SkeletonCircleProps, HTMLDivElement>;
+
+/**
+ * Defines the props of the component.
+ */
+interface SkeletonRectangleProps extends GenericProps, SkeletonRectangleProps$1 {
 }
 /**
  * SkeletonRectangle component.
@@ -3183,13 +3426,7 @@ declare const SkeletonRectangle: Comp<SkeletonRectangleProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface SkeletonTypographyProps extends GenericProps, HasTheme$1 {
-    /** Typography variant. */
-    typography: TypographyInterface$1;
-    /** Width CSS property. */
-    width?: CSSProperties['width'];
-    /** The color of the skeleton. */
-    color?: ColorPalette$1;
+interface SkeletonTypographyProps extends GenericProps, SkeletonTypographyProps$1 {
 }
 /**
  * SkeletonTypography component.
@@ -3257,7 +3494,7 @@ declare const SlideMode: {
     /** Move slides native scroll snap (available only on supported browsers) */
     readonly scrollSnap: "scroll-snap";
 };
-type SlideMode = ValueOf<typeof SlideMode>;
+type SlideMode = ValueOf$1<typeof SlideMode>;
 
 /**
  * Defines the props of the component.
@@ -3456,25 +3693,37 @@ declare const Slides: Comp<SlidesProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface SwitchProps extends GenericProps, HasTheme$1, HasAriaDisabled$1 {
+interface SwitchProps$1 extends HasTheme, HasClassName, HasAriaDisabled, HasDisabled, HasChecked {
     /** Helper text. */
     helper?: string;
-    /** Whether it is checked or not. */
-    isChecked?: boolean;
-    /** Whether the component is disabled or not. */
-    isDisabled?: boolean;
+    /** Native input id property. */
+    id?: string;
+    /** Label text. */
+    label?: JSXElement;
     /** Native input name property. */
     name?: string;
-    /** Position of the switch relative to the label. */
-    position?: Extract<Alignment$1, 'right' | 'left'>;
     /** Native input value property. */
     value?: string;
-    /** On change callback. */
-    onChange?(isChecked: boolean, value?: string, name?: string, event?: SyntheticEvent): void;
     /** optional props for input */
-    inputProps?: InputHTMLAttributes<HTMLInputElement>;
-    /** Children */
-    children?: React.ReactNode;
+    inputProps?: Record<string, any>;
+    /** Native input ref. */
+    inputRef?: CommonRef;
+    /** Native input id. */
+    inputId: string;
+    /** On change callback. */
+    onChange?(isChecked: boolean, value?: string, name?: string, event?: any): void;
+    /** Position of the switch relative to the label. */
+    position?: 'left' | 'right';
+    /** reference to the root element */
+    ref?: CommonRef;
+}
+
+/**
+ * Defines the props of the component.
+ */
+interface SwitchProps extends GenericProps, Omit<SwitchProps$1, 'inputId' | 'label'> {
+    /** Children (label content). */
+    children?: React__default.ReactNode;
 }
 /**
  * Switch component.
@@ -3488,11 +3737,21 @@ declare const Switch: Comp<SwitchProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface TableProps extends GenericProps, HasTheme$1 {
+interface TableProps$1 extends HasTheme, 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;
 }
@@ -3508,7 +3767,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;
 }
@@ -3540,7 +3809,7 @@ 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). */
@@ -3551,6 +3820,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;
 }
@@ -3566,7 +3845,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;
 }
@@ -3582,13 +3871,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;
 }
@@ -3872,7 +4173,7 @@ declare const UploaderVariant: {
     readonly rounded: "rounded";
     readonly circle: "circle";
 };
-type UploaderVariant = ValueOf<typeof UploaderVariant>;
+type UploaderVariant = ValueOf$1<typeof UploaderVariant>;
 /**
  * Uploader sizes.
  */
@@ -3888,7 +4189,7 @@ interface FileInputProps extends Omit<React__default.ComponentProps<'input'>, 'o
  */
 interface UploaderProps extends GenericProps, HasTheme$1, HasAriaDisabled$1 {
     /** Image aspect ratio. */
-    aspectRatio?: AspectRatio;
+    aspectRatio?: AspectRatio$1;
     /** Icon (SVG path). */
     icon?: string;
     /** Disabled state */
@@ -3970,5 +4271,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, Combobox, 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, 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, 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, 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 };