@lumx/react 4.0.1-alpha.6 → 4.0.1-alpha.8

package/index.d.ts

@@ -1,16 +1,10 @@
-import { Kind, HorizontalAlignment, Size, ColorPalette, Emphasis, Alignment, VerticalAlignment, Orientation, ColorWithVariants, ColorVariant, Typography, WhiteSpace, AspectRatio, GlobalSize, TypographyInterface, Theme } from '@lumx/core/js/constants';
+import { Kind as Kind$1, HorizontalAlignment, Size as Size$1, ColorPalette as ColorPalette$1, Emphasis, Alignment, VerticalAlignment, Orientation, ColorWithVariants as ColorWithVariants$1, ColorVariant as ColorVariant$1, Typography as Typography$1, WhiteSpace, AspectRatio, GlobalSize, TypographyInterface as TypographyInterface$1, Theme as Theme$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, ValueOf, HasCloseMode, TextElement, HeadingElement, Falsy, HasClassName, HasAriaLabelOrLabelledBy } from '@lumx/core/js/types';
+import { GenericProps as GenericProps$1, HasTheme as HasTheme$1, ValueOf, HasCloseMode, TextElement, HeadingElement, Falsy, HasClassName as HasClassName$1, 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, DetailedHTMLProps, ButtonHTMLAttributes, InputHTMLAttributes, RefObject, ImgHTMLAttributes, CSSProperties, SetStateAction, Key, ElementType, ComponentProps } from 'react';
-import { InputLabelProps } from '@lumx/core/js/components/InputLabel';
-export { InputLabelProps } from '@lumx/core/js/components/InputLabel';
-import { IconProps } from '@lumx/core/js/components/Icon';
-export { IconProps, IconSizes } from '@lumx/core/js/components/Icon';
-import { InputHelperProps } from '@lumx/core/js/components/InputHelper';
-export { InputHelperProps } from '@lumx/core/js/components/InputHelper';
 
 /** LumX Component Type. */
 type Comp<P, T = HTMLElement> = {
@@ -43,7 +37,7 @@ type HasRequiredLinkHref<E> = E extends 'a' ? {
 
 interface AlertDialogProps extends Omit<DialogProps, 'header' | 'footer'> {
     /** Message variant. */
-    kind?: Kind;
+    kind?: Kind$1;
     /** Dialog title. */
     title?: string;
     /** Props forwarded to the confirm button */
@@ -78,7 +72,7 @@ declare const AlertDialog: Comp<AlertDialogProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface AutocompleteProps extends GenericProps, HasTheme {
+interface AutocompleteProps extends GenericProps$1, HasTheme$1 {
     /**
      * Whether the suggestions list should display anchored to the input or to the wrapper.
      * @see {@link DropdownProps#anchorToInput}
@@ -267,11 +261,11 @@ declare const AutocompleteMultiple: Comp<AutocompleteMultipleProps, HTMLDivEleme
 /**
  * Avatar sizes.
  */
-type AvatarSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;
+type AvatarSize = Extract<Size$1, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;
 /**
  * Defines the props of the component.
  */
-interface AvatarProps extends GenericProps, HasTheme {
+interface AvatarProps extends GenericProps$1, HasTheme$1 {
     /** Action toolbar content. */
     actions?: ReactNode;
     /** Image alternative text. */
@@ -305,11 +299,11 @@ declare const Avatar: Comp<AvatarProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface BadgeProps extends GenericProps {
+interface BadgeProps extends GenericProps$1 {
     /** Badge content. */
     children?: ReactNode;
     /** Color variant. */
-    color?: ColorPalette;
+    color?: ColorPalette$1;
 }
 /**
  * Badge component.
@@ -320,7 +314,7 @@ interface BadgeProps extends GenericProps {
  */
 declare const Badge: Comp<BadgeProps, HTMLDivElement>;
 
-interface BadgeWrapperProps extends GenericProps {
+interface BadgeWrapperProps extends GenericProps$1 {
     /** Badge. */
     badge: ReactElement;
     /** Node to display the badge on */
@@ -337,10 +331,10 @@ type HTMLButtonProps = DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>
 /**
  * Button size definition.
  */
-type ButtonSize = Extract<Size, 's' | 'm'>;
-interface BaseButtonProps extends GenericProps, Pick<AriaAttributes, 'aria-expanded' | 'aria-haspopup' | 'aria-pressed' | 'aria-label'>, HasTheme, HasAriaDisabled {
+type ButtonSize = Extract<Size$1, 's' | 'm'>;
+interface BaseButtonProps extends GenericProps$1, Pick<AriaAttributes, 'aria-expanded' | 'aria-haspopup' | 'aria-pressed' | 'aria-label'>, HasTheme$1, HasAriaDisabled {
     /** Color variant. */
-    color?: ColorPalette;
+    color?: ColorPalette$1;
     /** Emphasis variant. */
     emphasis?: Emphasis;
     /** Whether or not the button has a background color in low emphasis. */
@@ -433,7 +427,7 @@ declare const IconButton: Comp<IconButtonProps, HTMLButtonElement>;
 /**
  * Defines the props of the component
  */
-interface ButtonGroupProps extends GenericProps {
+interface ButtonGroupProps extends GenericProps$1 {
     /**
      * Children
      */
@@ -451,7 +445,7 @@ declare const ButtonGroup: Comp<ButtonGroupProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface CheckboxProps extends GenericProps, HasTheme, HasAriaDisabled {
+interface CheckboxProps extends GenericProps$1, HasTheme$1, HasAriaDisabled {
     /** Helper text. */
     helper?: string;
     /** Native input id property. */
@@ -485,17 +479,17 @@ declare const Checkbox: Comp<CheckboxProps, HTMLDivElement>;
 /**
  * Chip sizes.
  */
-type ChipSize = Extract<Size, 's' | 'm'>;
+type ChipSize = Extract<Size$1, 's' | 'm'>;
 /**
  * Defines the props of the component.
  */
-interface ChipProps extends GenericProps, HasTheme, HasAriaDisabled {
+interface ChipProps extends GenericProps$1, HasTheme$1, HasAriaDisabled {
     /** A component to be rendered after the content. */
     after?: ReactNode;
     /** A component to be rendered before the content. */
     before?: ReactNode;
     /** Color variant. */
-    color?: ColorPalette;
+    color?: ColorPalette$1;
     /** Whether the component is clickable or not. */
     isClickable?: boolean;
     /** Whether the component is disabled or not. */
@@ -535,7 +529,7 @@ type useChipGroupNavigationType<C = any> = (chips: C[], onChipDeleted: (chip: C)
 /**
  * Defines the props of the component.
  */
-interface ChipGroupProps extends GenericProps {
+interface ChipGroupProps extends GenericProps$1 {
     /**
      * Chip horizontal alignment.
      * @deprecated
@@ -559,7 +553,7 @@ type CommentBlockVariant = ValueOf<typeof CommentBlockVariant>;
 /**
  * Defines the props of the component.
  */
-interface CommentBlockProps extends GenericProps, HasTheme {
+interface CommentBlockProps extends GenericProps$1, HasTheme$1 {
     /** Action toolbar content. */
     actions?: ReactNode;
     /** Props to pass to the avatar. */
@@ -612,7 +606,7 @@ declare const CommentBlock: Comp<CommentBlockProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface DatePickerProps extends GenericProps {
+interface DatePickerProps extends GenericProps$1 {
     /** Default month. */
     defaultMonth?: Date;
     /** Locale (language or region) to use. */
@@ -667,7 +661,7 @@ declare const DatePickerControlled: Comp<DatePickerControlledProps, HTMLDivEleme
 /**
  * Defines the props of the component.
  */
-interface DatePickerFieldProps extends Omit<TextFieldProps, 'value' | 'onChange'>, GenericProps {
+interface DatePickerFieldProps extends Omit<TextFieldProps, 'value' | 'onChange'>, GenericProps$1 {
     /** Default month. */
     defaultMonth?: Date;
     /** Locale (language or region) to use. */
@@ -697,7 +691,7 @@ declare const DatePickerField: Comp<DatePickerFieldProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface DialogProps extends GenericProps {
+interface DialogProps extends GenericProps$1 {
     /** Footer content. */
     footer?: ReactNode;
     /** Whether the divider between the dialog content and the footer is always displayed (instead of showing it on scroll). */
@@ -727,7 +721,7 @@ interface DialogProps extends GenericProps {
     /** Z-axis position. */
     zIndex?: number;
     /** Z-axis position. */
-    dialogProps?: GenericProps;
+    dialogProps?: GenericProps$1;
     /** On close callback. */
     onClose?(): void;
     /** Callback called when the open animation starts and the close animation finishes. */
@@ -737,7 +731,7 @@ interface DialogProps extends GenericProps {
     /** Children */
     children?: React__default.ReactNode;
 }
-type DialogSizes = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;
+type DialogSizes = Extract<Size$1, 'tiny' | 'regular' | 'big' | 'huge'>;
 /**
  * Dialog component.
  *
@@ -750,7 +744,7 @@ declare const Dialog: Comp<DialogProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface DividerProps extends GenericProps, HasTheme {
+interface DividerProps extends GenericProps$1, HasTheme$1 {
 }
 /**
  * Divider component.
@@ -764,7 +758,7 @@ declare const Divider: Comp<DividerProps, HTMLHRElement>;
 /**
  * Defines the props of the component.
  */
-interface DragHandleProps extends GenericProps, HasTheme {
+interface DragHandleProps extends GenericProps$1, HasTheme$1 {
 }
 /**
  * DragHandle component.
@@ -822,7 +816,7 @@ type FitAnchorWidth = ValueOf<typeof FitAnchorWidth>;
 /**
  * Defines the props of the component.
  */
-interface PopoverProps extends GenericProps, HasTheme {
+interface PopoverProps extends GenericProps$1, HasTheme$1 {
     /** Reference to the DOM element used to set the position of the popover. */
     anchorRef: React.RefObject<HTMLElement>;
     /** Customize the root element. (Must accept ref forwarding and props forwarding!). */
@@ -883,7 +877,7 @@ declare const Popover: Comp<PopoverProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface DropdownProps extends GenericProps {
+interface DropdownProps extends GenericProps$1 {
     /**
      * Reference to the element around which the dropdown is placed.
      * @see {@link PopoverProps#anchorRef}
@@ -964,7 +958,7 @@ declare const Dropdown: Comp<DropdownProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface ExpansionPanelProps extends GenericProps, HasCloseMode, HasTheme {
+interface ExpansionPanelProps extends GenericProps$1, HasCloseMode, HasTheme$1 {
     /** Whether the expansion panel has a background. */
     hasBackground?: boolean;
     /** Whether the header has a divider. */
@@ -993,9 +987,9 @@ interface ExpansionPanelProps extends GenericProps, HasCloseMode, HasTheme {
  */
 declare const ExpansionPanel: Comp<ExpansionPanelProps, HTMLDivElement>;
 
-interface FlagProps extends GenericProps, HasTheme {
+interface FlagProps extends GenericProps$1, HasTheme$1 {
     /** Color of the component. */
-    color?: ColorPalette;
+    color?: ColorPalette$1;
     /** Icon to use before the label. */
     icon?: string;
     /** Text label of the flag. */
@@ -1013,14 +1007,14 @@ interface FlagProps extends GenericProps, HasTheme {
 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;
 /**
  * Defines the props of the component.
  */
-interface FlexBoxProps extends GenericProps {
+interface FlexBoxProps extends GenericProps$1 {
     /** Customize the root element. */
     as?: React.ElementType;
     /** Children elements. */
@@ -1155,19 +1149,19 @@ declare const GenericBlock: GenericBlock;
 /**
  * Defines the props of the component.
  */
-interface TextProps extends GenericProps {
+interface TextProps extends GenericProps$1 {
     /**
      * Color variant.
      */
-    color?: ColorWithVariants;
+    color?: ColorWithVariants$1;
     /**
      * Lightened or darkened variant of the selected color.
      */
-    colorVariant?: ColorVariant;
+    colorVariant?: ColorVariant$1;
     /**
      * Typography variant.
      */
-    typography?: Typography;
+    typography?: Typography$1;
     /**
      * Custom component to render the text.
      */
@@ -1241,11 +1235,11 @@ declare const useHeadingLevel: () => {
     headingElement: _lumx_core_js_types.HeadingElement;
 };
 
-type GridGutterSize = Extract<Size, 'regular' | 'big' | 'huge'>;
+type GridGutterSize = Extract<Size$1, 'regular' | 'big' | 'huge'>;
 /**
  * Defines the props of the component.
  */
-interface GridProps extends GenericProps {
+interface GridProps extends GenericProps$1 {
     /** Orientation. */
     orientation?: Orientation;
     /** Whether the children are wrapped or not. */
@@ -1272,7 +1266,7 @@ type Columns = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11'
 /**
  * Defines the props of the component.
  */
-interface GridItemProps extends GenericProps {
+interface GridItemProps extends GenericProps$1 {
     /** Alignment. */
     align?: Alignment;
     /** Order. */
@@ -1291,11 +1285,11 @@ interface GridItemProps extends GenericProps {
  */
 declare const GridItem: Comp<GridItemProps, HTMLDivElement>;
 
-type GridColumnGapSize = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;
+type GridColumnGapSize = Extract<Size$1, 'tiny' | 'regular' | 'big' | 'huge'>;
 /**
  * Defines the props of the component.
  */
-interface GridColumnProps extends GenericProps {
+interface GridColumnProps extends GenericProps$1 {
     /** Customize the root element. */
     as?: React.ElementType;
     /** Children elements. */
@@ -1318,6 +1312,179 @@ interface GridColumnProps extends GenericProps {
  */
 declare const GridColumn: Comp<GridColumnProps, HTMLElement>;
 
+declare const Theme: {
+    readonly light: "light";
+    readonly dark: "dark";
+};
+type Theme = ValueOf<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<typeof Size>;
+/**
+ * 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<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<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;
+/**
+ * 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<typeof Kind>;
+/**
+ * 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<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<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;
+}
+
+/**
+ * Define a generic props types.
+ */
+interface GenericProps extends HasClassName {
+    /**
+     * Any prop (particularly any supported prop for a HTML element).
+     */
+    [propName: string]: any;
+}
+
+type JSXElement = boolean | number | string | React__default.JSX.Element | Iterable<JSXElement> | undefined | null;
+
+type IconSizes = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;
+/**
+ * Defines the props of the component.
+ */
+interface IconProps extends GenericProps, HasTheme {
+    /** Color variant. */
+    color?: ColorWithVariants;
+    /** Lightened or darkened variant of the selected icon color. */
+    colorVariant?: ColorVariant;
+    /** Whether the icon has a shape. */
+    hasShape?: boolean;
+    /**
+     * Icon (SVG path) draw code (`d` property of the `<path>` SVG element).
+     * See https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths
+     */
+    icon: string;
+    /** Size variant. */
+    size?: IconSizes;
+    /** Sets an alternative text on the svg. Will set an `img` role to the svg. */
+    alt?: string;
+}
+
 /**
  * Icon component.
  *
@@ -1352,7 +1519,7 @@ declare const ThumbnailAspectRatio: Record<string, AspectRatio>;
 /**
  *  Thumbnail sizes.
  */
-type ThumbnailSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;
+type ThumbnailSize = Extract<Size$1, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;
 /**
  * Thumbnail variants.
  */
@@ -1374,7 +1541,7 @@ type ImgHTMLProps = ImgHTMLAttributes<HTMLImageElement>;
 /**
  * Defines the props of the component.
  */
-interface ThumbnailProps extends GenericProps, HasTheme {
+interface ThumbnailProps extends GenericProps$1, HasTheme$1 {
     /** Alignment of the thumbnail in it's parent (requires flex parent). */
     align?: HorizontalAlignment;
     /** Image alternative text. */
@@ -1456,11 +1623,11 @@ type ImageBlockCaptionPosition = ValueOf<typeof ImageBlockCaptionPosition>;
 /**
  *  Image block sizes.
  */
-type ImageBlockSize = Extract<Size, 'xl' | 'xxl'>;
+type ImageBlockSize = Extract<Size$1, 'xl' | 'xxl'>;
 /**
  * Defines the props of the component.
  */
-interface ImageBlockProps extends GenericProps, HasTheme, ImageCaptionMetadata {
+interface ImageBlockProps extends GenericProps$1, HasTheme$1, ImageCaptionMetadata {
     /** Action toolbar content. */
     actions?: ReactNode;
     /** Alignment. */
@@ -1510,7 +1677,7 @@ type ForwardedProps = React.ComponentPropsWithoutRef<'div'>;
 /**
  * ImageLightbox component props
  */
-interface ImageLightboxProps extends HasClassName, ZoomButtonProps, ImagesProps, InheritedSlideShowProps, InheritedLightboxProps, ForwardedProps {
+interface ImageLightboxProps extends HasClassName$1, ZoomButtonProps, ImagesProps, InheritedSlideShowProps, InheritedLightboxProps, ForwardedProps {
 }
 
 /** Subset of the ImageLightboxProps managed by the useImageLightbox hook */
@@ -1552,19 +1719,19 @@ declare const ImageLightbox: Comp<ImageLightboxProps, HTMLDivElement> & {
 /**
  * Defines the props of the component.
  */
-interface InlineListProps extends GenericProps {
+interface InlineListProps extends GenericProps$1 {
     /**
      * Text color.
      */
-    color?: ColorWithVariants;
+    color?: ColorWithVariants$1;
     /**
      * Lightened or darkened variant of the selected color.
      */
-    colorVariant?: ColorVariant;
+    colorVariant?: ColorVariant$1;
     /**
      * Typography variant.
      */
-    typography?: Typography;
+    typography?: Typography$1;
     /**
      * Activate line wrap on overflow.
      */
@@ -1583,6 +1750,16 @@ interface InlineListProps extends GenericProps {
  */
 declare const InlineList: Comp<InlineListProps, HTMLElement>;
 
+/**
+ * Defines the props of the component.
+ */
+interface InputHelperProps extends GenericProps, HasTheme {
+    /** Helper content. */
+    children: JSXElement;
+    /** Helper variant. */
+    kind?: Kind;
+}
+
 /**
  * InputHelper component.
  *
@@ -1592,6 +1769,17 @@ declare const InlineList: Comp<InlineListProps, HTMLElement>;
  */
 declare const InputHelper: Comp<InputHelperProps, HTMLParagraphElement>;
 
+interface InputLabelProps extends GenericProps, HasTheme {
+    /** Typography variant. */
+    typography?: Typography;
+    /** Label content. */
+    children: JSXElement;
+    /** Native htmlFor property. */
+    htmlFor: string;
+    /** Whether the component is required or not. */
+    isRequired?: boolean;
+}
+
 /**
  * InputLabel component.
  *
@@ -1604,7 +1792,7 @@ declare const InputLabel: Comp<InputLabelProps, HTMLLabelElement>;
 /**
  * Defines the props of the component.
  */
-interface LightboxProps extends GenericProps, HasTheme, Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'> {
+interface LightboxProps extends GenericProps$1, HasTheme$1, Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'> {
     /** Props to pass to the close button (minus those already set by the Lightbox props). */
     closeButtonProps?: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;
     /** Whether the component is open or not. */
@@ -1635,11 +1823,11 @@ type HTMLAnchorProps = React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAn
 /**
  * Defines the props of the component.
  */
-interface LinkProps extends GenericProps, HasAriaDisabled {
+interface LinkProps extends GenericProps$1, HasAriaDisabled {
     /** Color variant. */
-    color?: ColorWithVariants;
+    color?: ColorWithVariants$1;
     /** Lightened or darkened variant of the selected icon color. */
-    colorVariant?: ColorVariant;
+    colorVariant?: ColorVariant$1;
     /** Link href. */
     href?: HTMLAnchorProps['href'];
     /** Whether the component is disabled or not. */
@@ -1659,7 +1847,7 @@ interface LinkProps extends GenericProps, HasAriaDisabled {
     /** Link target. */
     target?: HTMLAnchorProps['target'];
     /** Typography variant. */
-    typography?: Typography;
+    typography?: Typography$1;
     /** Children */
     children?: React.ReactNode;
 }
@@ -1675,7 +1863,7 @@ declare const Link: Comp<LinkProps, HTMLAnchorElement | HTMLButtonElement>;
 /**
  * Defines the props of the component.
  */
-interface LinkPreviewProps extends GenericProps, HasTheme {
+interface LinkPreviewProps extends GenericProps$1, HasTheme$1 {
     /** Description. */
     description?: string;
     /** Link URL. */
@@ -1685,7 +1873,7 @@ interface LinkPreviewProps extends GenericProps, HasTheme {
     /** 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, 'regular' | 'big'>;
+    size?: Extract<Size$1, 'regular' | 'big'>;
     /** Thumbnail for the link preview. */
     thumbnailProps?: ThumbnailProps;
     /** Title. */
@@ -1718,7 +1906,7 @@ type useKeyboardListNavigationType = <I>(items: I[], ref: RefObject<HTMLElement>
 /**
  * Defines the props of the component.
  */
-interface ListProps extends GenericProps {
+interface ListProps extends GenericProps$1 {
     /** List content (should be ListItem, ListSubheader or ListDivider). */
     children: ReactNode;
     /**
@@ -1727,7 +1915,7 @@ interface ListProps extends GenericProps {
      */
     isClickable?: boolean;
     /** Item padding size. */
-    itemPadding?: Extract<Size, 'big' | 'huge'>;
+    itemPadding?: Extract<Size$1, 'big' | 'huge'>;
     /** Tab index of the list. Default to -1 */
     tabIndex?: number;
     /**
@@ -1743,11 +1931,11 @@ declare const List: Comp<ListProps, HTMLUListElement> & {
     useKeyboardListNavigation: useKeyboardListNavigationType;
 };
 
-type ListItemSize = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;
+type ListItemSize = Extract<Size$1, 'tiny' | 'regular' | 'big' | 'huge'>;
 /**
  * Defines the props of the component.
  */
-interface ListItemProps extends GenericProps, HasAriaDisabled {
+interface ListItemProps extends GenericProps$1, HasAriaDisabled {
     /** A component to be rendered after the content. */
     after?: ReactNode;
     /** A component to be rendered before the content. */
@@ -1790,7 +1978,7 @@ declare const ListItem: Comp<ListItemProps, HTMLLIElement>;
 /**
  * Defines the props of the component.
  */
-type ListDividerProps = GenericProps;
+type ListDividerProps = GenericProps$1;
 /**
  * ListDivider component.
  *
@@ -1798,12 +1986,12 @@ type ListDividerProps = GenericProps;
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const ListDivider: Comp<GenericProps, HTMLLIElement>;
+declare const ListDivider: Comp<GenericProps$1, HTMLLIElement>;
 
 /**
  * Defines the props of the component.
  */
-interface ListSubheaderProps extends GenericProps {
+interface ListSubheaderProps extends GenericProps$1 {
     /** Content. */
     children: string | ReactNode;
 }
@@ -1819,13 +2007,13 @@ declare const ListSubheader: Comp<ListSubheaderProps, HTMLLIElement>;
 /**
  * Defines the props of the component.
  */
-interface MessageProps extends GenericProps {
+interface MessageProps extends GenericProps$1 {
     /** Content. */
     children?: ReactNode;
     /** Whether the message has a background or not. */
     hasBackground?: boolean;
     /** Message variant. */
-    kind?: Kind;
+    kind?: Kind$1;
     /** Message custom icon SVG path. */
     icon?: string;
     /**
@@ -1852,7 +2040,7 @@ declare const Message: Comp<MessageProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface MosaicProps extends GenericProps, HasTheme {
+interface MosaicProps extends GenericProps$1, HasTheme$1 {
     /** Thumbnails. */
     thumbnails: ThumbnailProps[];
     /** On image click callback. */
@@ -1867,7 +2055,7 @@ interface MosaicProps extends GenericProps, HasTheme {
  */
 declare const Mosaic: Comp<MosaicProps, HTMLDivElement>;
 
-interface NavigationSectionProps extends React.ComponentPropsWithoutRef<'button'>, HasClassName {
+interface NavigationSectionProps extends React.ComponentPropsWithoutRef<'button'>, HasClassName$1 {
     /** Items inside the section */
     children: React.ReactNode;
     /** Icon (SVG path). */
@@ -1887,14 +2075,14 @@ type BaseNavigationItemProps = {
 };
 declare const NavigationItem: (<E extends ElementType = "a">(props: React$1.PropsWithoutRef<React$1.ComponentProps<E>> & {
     as?: E | undefined;
-} & HasTheme & HasClassName & BaseNavigationItemProps & HasRequiredLinkHref<E> & React$1.ComponentProps<E> & {
+} & HasTheme$1 & HasClassName$1 & BaseNavigationItemProps & HasRequiredLinkHref<E> & React$1.ComponentProps<E> & {
     ref?: ComponentRef<E> | undefined;
 }) => React$1.JSX.Element) & {
     displayName: string;
     className: "lumx-navigation-item";
 };
 
-type NavigationProps = React.ComponentProps<'nav'> & HasClassName & HasTheme & {
+type NavigationProps = React.ComponentProps<'nav'> & HasClassName$1 & HasTheme$1 & {
     /** Content of the navigation. These components should be of type NavigationItem to be rendered */
     children?: React.ReactNode;
     orientation?: Orientation;
@@ -1908,7 +2096,7 @@ declare const Navigation: Comp<NavigationProps, HTMLElement> & SubComponents;
 /**
  * Defines the props of the component.
  */
-interface NotificationProps extends GenericProps, HasTheme {
+interface NotificationProps extends GenericProps$1, HasTheme$1 {
     /** Action button label. */
     actionLabel?: string;
     /** Content. */
@@ -1916,7 +2104,7 @@ interface NotificationProps extends GenericProps, HasTheme {
     /** Whether the component is open or not. */
     isOpen?: boolean;
     /** Notification type. */
-    type?: Kind;
+    type?: Kind$1;
     /** Z-axis position. */
     zIndex?: number;
     /** On action button click callback. */
@@ -1952,7 +2140,7 @@ declare const PopoverDialog: Comp<PopoverDialogProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface PostBlockProps extends GenericProps, HasTheme {
+interface PostBlockProps extends GenericProps$1, HasTheme$1 {
     /** Action toolbar content. */
     actions?: ReactNode;
     /** Attachment content. */
@@ -1996,7 +2184,7 @@ type ProgressVariant = ValueOf<typeof ProgressVariant>;
 /**
  * Defines the props of the component.
  */
-interface ProgressProps extends GenericProps, HasTheme {
+interface ProgressProps extends GenericProps$1, HasTheme$1 {
     /** Progress variant. */
     variant?: ProgressVariant;
 }
@@ -2013,11 +2201,11 @@ declare const Progress: Comp<ProgressProps, HTMLDivElement>;
 /**
  * Progress sizes.
  */
-type ProgressCircularSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm'>;
+type ProgressCircularSize = Extract<Size$1, 'xxs' | 'xs' | 's' | 'm'>;
 /**
  * Defines the props of the component.
  */
-interface ProgressCircularProps extends GenericProps, HasTheme {
+interface ProgressCircularProps extends GenericProps$1, HasTheme$1 {
     /**
      * Progress circular size.
      */
@@ -2037,7 +2225,7 @@ interface ProgressCircularProps extends GenericProps, HasTheme {
  */
 declare const ProgressCircular: Comp<ProgressCircularProps, HTMLDivElement>;
 
-interface ProgressLinearProps extends GenericProps, HasTheme {
+interface ProgressLinearProps extends GenericProps$1, HasTheme$1 {
 }
 /**
  * ProgressLinear component.
@@ -2076,7 +2264,7 @@ declare const ProgressTrackerProvider: React.FC<ProgressTrackerProviderProps>;
 /**
  * Defines the props of the component.
  */
-interface ProgressTrackerProps extends GenericProps {
+interface ProgressTrackerProps extends GenericProps$1 {
     /** ARIA label (purpose of the set of steps). */
     ['aria-label']: string;
     /** Step list. */
@@ -2096,7 +2284,7 @@ declare const ProgressTracker: Comp<ProgressTrackerProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface ProgressTrackerStepProps extends GenericProps {
+interface ProgressTrackerStepProps extends GenericProps$1 {
     /** Children are not supported. */
     children?: never;
     /** Whether the step should be in error state or not. */
@@ -2128,7 +2316,7 @@ declare const ProgressTrackerStep: Comp<ProgressTrackerStepProps, HTMLButtonElem
 /**
  * Defines the props of the component.
  */
-interface ProgressTrackerStepPanelProps extends GenericProps {
+interface ProgressTrackerStepPanelProps extends GenericProps$1 {
     /** Native id property. */
     id?: string;
     /** Whether the step is active or not. */
@@ -2150,7 +2338,7 @@ declare const ProgressTrackerStepPanel: Comp<ProgressTrackerStepPanelProps, HTML
 /**
  * Defines the props of the component.
  */
-interface RadioButtonProps extends GenericProps, HasTheme, HasAriaDisabled {
+interface RadioButtonProps extends GenericProps$1, HasTheme$1, HasAriaDisabled {
     /** Helper text. */
     helper?: string;
     /** Native input id property. */
@@ -2184,7 +2372,7 @@ declare const RadioButton: Comp<RadioButtonProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface RadioGroupProps extends GenericProps {
+interface RadioGroupProps extends GenericProps$1 {
     /** RadioButton elements */
     children: ReactNode;
 }
@@ -2205,7 +2393,7 @@ declare const SelectVariant: {
     readonly chip: "chip";
 };
 type SelectVariant = ValueOf<typeof SelectVariant>;
-interface CoreSelectProps extends GenericProps, HasTheme {
+interface CoreSelectProps extends GenericProps$1, HasTheme$1 {
     /** Props to pass to the clear button (minus those already set by the Select props). If not specified, the button won't be displayed. */
     clearButtonProps?: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;
     /** Whether the select (input variant) is displayed with error style or not. */
@@ -2285,7 +2473,7 @@ declare const SelectMultiple: Comp<SelectMultipleProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface SideNavigationProps extends GenericProps, HasTheme {
+interface SideNavigationProps extends GenericProps$1, HasTheme$1 {
     /** SideNavigationItem elements. */
     children: ReactNode;
 }
@@ -2301,7 +2489,7 @@ declare const SideNavigation: Comp<SideNavigationProps, HTMLUListElement>;
 /**
  * Defines the props of the component.
  */
-interface SideNavigationItemProps extends GenericProps, HasCloseMode {
+interface SideNavigationItemProps extends GenericProps$1, HasCloseMode {
     /** SideNavigationItem elements. */
     children?: ReactNode;
     /** Emphasis variant. */
@@ -2337,11 +2525,11 @@ declare const SideNavigationItem: Comp<SideNavigationItemProps, HTMLLIElement>;
 /**
  * Defines the props of the component.
  */
-interface SkeletonCircleProps extends GenericProps, HasTheme {
+interface SkeletonCircleProps extends GenericProps$1, HasTheme$1 {
     /** Size variant. */
     size: GlobalSize;
     /** The color of the skeleton. */
-    color?: ColorPalette;
+    color?: ColorPalette$1;
 }
 /**
  * SkeletonCircle component.
@@ -2364,7 +2552,7 @@ type SkeletonRectangleVariant = ValueOf<typeof SkeletonRectangleVariant>;
 /**
  * Defines the props of the component.
  */
-interface SkeletonRectangleProps extends GenericProps, HasTheme {
+interface SkeletonRectangleProps extends GenericProps$1, HasTheme$1 {
     /** Aspect ratio (use with width and not height). */
     aspectRatio?: Extract<AspectRatio, 'square' | 'horizontal' | 'vertical' | 'wide'>;
     /** Height size. */
@@ -2374,7 +2562,7 @@ interface SkeletonRectangleProps extends GenericProps, HasTheme {
     /** Width size. */
     width?: GlobalSize;
     /** The color of the skeleton. */
-    color?: ColorPalette;
+    color?: ColorPalette$1;
 }
 /**
  * SkeletonRectangle component.
@@ -2388,13 +2576,13 @@ declare const SkeletonRectangle: Comp<SkeletonRectangleProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface SkeletonTypographyProps extends GenericProps, HasTheme {
+interface SkeletonTypographyProps extends GenericProps$1, HasTheme$1 {
     /** Typography variant. */
-    typography: TypographyInterface;
+    typography: TypographyInterface$1;
     /** Width CSS property. */
     width?: CSSProperties['width'];
     /** The color of the skeleton. */
-    color?: ColorPalette;
+    color?: ColorPalette$1;
 }
 /**
  * SkeletonTypography component.
@@ -2408,7 +2596,7 @@ declare const SkeletonTypography: Comp<SkeletonTypographyProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface SliderProps extends GenericProps, HasTheme {
+interface SliderProps extends GenericProps$1, HasTheme$1 {
     /** Helper text. */
     helper?: string;
     /** Whether the min and max labels should be hidden or not. */
@@ -2456,7 +2644,7 @@ declare const clamp: (value: number, min: number, max: number) => number;
 /**
  * Defines the props of the component.
  */
-interface SlideshowProps extends GenericProps, Pick<SlidesProps, 'autoPlay' | 'slidesId' | 'id' | 'theme' | 'fillHeight' | 'groupBy' | 'slideGroupLabel'> {
+interface SlideshowProps extends GenericProps$1, Pick<SlidesProps, 'autoPlay' | 'slidesId' | 'id' | 'theme' | 'fillHeight' | 'groupBy' | 'slideGroupLabel'> {
     /** current slide active */
     activeIndex?: SlidesProps['activeIndex'];
     /** Interval between each slide when automatic rotation is enabled. */
@@ -2480,7 +2668,7 @@ declare const Slideshow: Comp<SlideshowProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface SlideshowItemProps extends GenericProps {
+interface SlideshowItemProps extends GenericProps$1 {
     /** interval in which slides are automatically shown */
     interval?: number;
     /** Children */
@@ -2559,7 +2747,7 @@ interface UseSlideshowControls {
 /**
  * Defines the props of the component.
  */
-interface SlideshowControlsProps extends GenericProps, HasTheme {
+interface SlideshowControlsProps extends GenericProps$1, HasTheme$1 {
     /** Index of the current slide. */
     activeIndex?: number;
     /** Props to pass to the next button (minus those already set by the SlideshowControls props). */
@@ -2603,7 +2791,7 @@ declare const SlideshowControls: Comp<SlideshowControlsProps, HTMLDivElement> &
     };
 };
 
-interface SlidesProps extends GenericProps, HasTheme {
+interface SlidesProps extends GenericProps$1, HasTheme$1 {
     /** current slide active */
     activeIndex: number;
     /** slides id to be added to the wrapper */
@@ -2644,7 +2832,7 @@ declare const Slides: Comp<SlidesProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface SwitchProps extends GenericProps, HasTheme, HasAriaDisabled {
+interface SwitchProps extends GenericProps$1, HasTheme$1, HasAriaDisabled {
     /** Helper text. */
     helper?: string;
     /** Whether it is checked or not. */
@@ -2676,7 +2864,7 @@ declare const Switch: Comp<SwitchProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface TableProps extends GenericProps, HasTheme {
+interface TableProps extends GenericProps$1, HasTheme$1 {
     /** Whether the table has checkbox or thumbnail on first cell or not. */
     hasBefore?: boolean;
     /** Whether the table has dividers or not. */
@@ -2696,7 +2884,7 @@ declare const Table: Comp<TableProps, HTMLTableElement>;
 /**
  * Defines the props of the component.
  */
-interface TableBodyProps extends GenericProps {
+interface TableBodyProps extends GenericProps$1 {
     /** Children */
     children?: React.ReactNode;
 }
@@ -2728,7 +2916,7 @@ type TableCellVariant = ValueOf<typeof TableCellVariant>;
 /**
  * Defines the props of the component.
  */
-interface TableCellProps extends GenericProps {
+interface TableCellProps extends GenericProps$1 {
     /** Icon (SVG path).(thead only). */
     icon?: string;
     /** Whether the column is sortable or not (thead only). */
@@ -2754,7 +2942,7 @@ declare const TableCell: Comp<TableCellProps, HTMLTableCellElement>;
 /**
  * Defines the props of the component.
  */
-interface TableHeaderProps extends GenericProps {
+interface TableHeaderProps extends GenericProps$1 {
     /** Children */
     children?: React.ReactNode;
 }
@@ -2770,7 +2958,7 @@ declare const TableHeader: Comp<TableHeaderProps, HTMLTableSectionElement>;
 /**
  * Defines the props of the component.
  */
-interface TableRowProps extends GenericProps {
+interface TableRowProps extends GenericProps$1 {
     /** Whether the component is clickable or not. */
     isClickable?: boolean;
     /** Whether the component is disabled or not. */
@@ -2819,7 +3007,7 @@ declare enum TabListLayout {
 /**
  * Defines the props of the component.
  */
-interface TabListProps extends GenericProps, HasTheme {
+interface TabListProps extends GenericProps$1, HasTheme$1 {
     /** ARIA label (purpose of the set of tabs). */
     ['aria-label']: string;
     /** Tab list. */
@@ -2843,7 +3031,7 @@ declare const TabList: Comp<TabListProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface TabProps extends GenericProps {
+interface TabProps extends GenericProps$1 {
     /** Children are not supported. */
     children?: never;
     /** Icon (SVG path). */
@@ -2873,7 +3061,7 @@ declare const Tab: Comp<TabProps, HTMLButtonElement>;
 /**
  * Defines the props of the component.
  */
-interface TabPanelProps extends GenericProps {
+interface TabPanelProps extends GenericProps$1 {
     /** Native id property */
     id?: string;
     /** Whether the tab is active or not. */
@@ -2895,7 +3083,7 @@ declare const TabPanel: Comp<TabPanelProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface TextFieldProps extends GenericProps, HasTheme, HasAriaDisabled {
+interface TextFieldProps extends GenericProps$1, HasTheme$1, HasAriaDisabled {
     /** 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. */
@@ -2964,7 +3152,7 @@ type NativeInputProps = Omit<ComponentProps<'input'>, 'value' | 'onChange'>;
 /**
  * Defines the props of the component.
  */
-interface RawInputTextProps extends NativeInputProps, HasTheme, HasClassName {
+interface RawInputTextProps extends NativeInputProps, HasTheme$1, HasClassName$1 {
     value?: string;
     onChange?: (value: string, name?: string, event?: SyntheticEvent) => void;
 }
@@ -2978,7 +3166,7 @@ type NativeTextareaProps = ComponentProps<'textarea'>;
 /**
  * Defines the props of the component.
  */
-interface RawInputTextareaProps extends Omit<NativeTextareaProps, 'value' | 'onChange'>, HasTheme, HasClassName {
+interface RawInputTextareaProps extends Omit<NativeTextareaProps, 'value' | 'onChange'>, HasTheme$1, HasClassName$1 {
     minimumRows?: number;
     value?: string;
     onChange?: (value: string, name?: string, event?: SyntheticEvent) => void;
@@ -2994,7 +3182,7 @@ declare const useFocusPointStyle: ({ image, aspectRatio, focusPoint, imgProps: {
 /**
  * Defines the props of the component.
  */
-interface ToolbarProps extends GenericProps {
+interface ToolbarProps extends GenericProps$1 {
     /** After content (placed after the label). */
     after?: ReactNode;
     /** Before content (placed before the label). */
@@ -3018,7 +3206,7 @@ type TooltipPlacement = Extract<Placement, 'top' | 'right' | 'bottom' | 'left'>;
 /**
  * Defines the props of the component.
  */
-interface TooltipProps extends GenericProps, HasCloseMode {
+interface TooltipProps extends GenericProps$1, HasCloseMode {
     /** Anchor (element on which we activate the tooltip). */
     children: ReactNode;
     /** Delay (in ms) before closing the tooltip. */
@@ -3053,7 +3241,7 @@ type UploaderVariant = ValueOf<typeof UploaderVariant>;
 /**
  * Uploader sizes.
  */
-type UploaderSize = Extract<Size, 'xl' | 'xxl'>;
+type UploaderSize = Extract<Size$1, 'xl' | 'xxl'>;
 /**
  * Extend native HTML input props with specialized `onChange` providing the a `File` array.
  */
@@ -3063,7 +3251,7 @@ interface FileInputProps extends Omit<React__default.ComponentProps<'input'>, 'o
 /**
  * Defines the props of the component.
  */
-interface UploaderProps extends GenericProps, HasTheme, HasAriaDisabled {
+interface UploaderProps extends GenericProps$1, HasTheme$1, HasAriaDisabled {
     /** Image aspect ratio. */
     aspectRatio?: AspectRatio;
     /** Icon (SVG path). */
@@ -3093,11 +3281,11 @@ declare const Uploader: Comp<UploaderProps, HTMLElement>;
 /**
  * User block sizes.
  */
-type UserBlockSize = Extract<Size, 'xs' | 's' | 'm' | 'l'>;
+type UserBlockSize = Extract<Size$1, 'xs' | 's' | 'm' | 'l'>;
 /**
  * Defines the props of the component.
  */
-interface UserBlockProps extends GenericProps, HasTheme {
+interface UserBlockProps extends GenericProps$1, HasTheme$1 {
     /** Props to pass to the avatar. */
     avatarProps?: Omit<AvatarProps, 'alt'>;
     /** Additional fields used to describe the user. */
@@ -3111,7 +3299,7 @@ interface UserBlockProps extends GenericProps, HasTheme {
     /** User name. */
     name?: React__default.ReactNode;
     /** Props to pass to the name block. */
-    nameProps?: GenericProps;
+    nameProps?: GenericProps$1;
     /** Orientation. */
     orientation?: Orientation;
     /** Simple action toolbar content. */
@@ -3138,7 +3326,7 @@ interface UserBlockProps extends GenericProps, HasTheme {
  */
 declare const UserBlock: Comp<UserBlockProps, HTMLDivElement>;
 
-type ThemeContextValue = Theme | undefined;
+type ThemeContextValue = Theme$1 | undefined;
 /** Provide a theme context to all children. */
 declare const ThemeProvider: React__default.FC<{
     value: ThemeContextValue;
@@ -3148,4 +3336,4 @@ declare const ThemeProvider: React__default.FC<{
 declare function useTheme(): ThemeContextValue;
 
 export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, Button, ButtonEmphasis, ButtonGroup, Checkbox, Chip, ChipGroup, CommentBlock, CommentBlockVariant, DatePicker, DatePickerControlled, DatePickerField, Dialog, Divider, DragHandle, Dropdown, ExpansionPanel, Flag, FlexBox, GenericBlock, GenericBlockGapSize, Grid, GridColumn, GridItem, Heading, HeadingLevelProvider, Icon, IconButton, ImageBlock, ImageBlockCaptionPosition, ImageLightbox, InlineList, InputHelper, InputLabel, Lightbox, Link, LinkPreview, List, ListDivider, ListItem, ListSubheader, Message, Mosaic, Navigation, Notification, Placement, Popover, PopoverDialog, PostBlock, Progress, ProgressCircular, ProgressLinear, ProgressTracker, ProgressTrackerProvider, ProgressTrackerStep, ProgressTrackerStepPanel, ProgressVariant, RadioButton, RadioGroup, RawInputText, RawInputTextarea, Select, SelectMultiple, SelectMultipleField, SelectVariant, SideNavigation, SideNavigationItem, SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography, Slider, Slides, Slideshow, SlideshowControls, SlideshowItem, Switch, Tab, TabList, TabListLayout, TabPanel, TabProvider, Table, TableBody, TableCell, TableCellVariant, TableHeader, TableRow, Text, TextField, ThOrder, ThemeProvider, Thumbnail, ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant, Toolbar, Tooltip, Uploader, UploaderVariant, UserBlock, clamp, isClickable, useFocusPointStyle, useHeadingLevel, useTheme };
-export type { AlertDialogProps, AutocompleteMultipleProps, AutocompleteProps, AvatarProps, AvatarSize, BadgeProps, BadgeWrapperProps, BaseButtonProps, ButtonGroupProps, ButtonProps, ButtonSize, CheckboxProps, ChipGroupProps, ChipProps, CommentBlockProps, DatePickerControlledProps, DatePickerFieldProps, DatePickerProps, DialogProps, DialogSizes, DividerProps, DragHandleProps, DropdownProps, Elevation, ExpansionPanelProps, FlagProps, FlexBoxProps, FlexHorizontalAlignment, FlexVerticalAlignment, FocusPoint, GapSize, GenericBlockProps, GridColumnGapSize, GridColumnProps, GridItemProps, GridProps, HeadingLevelProviderProps, HeadingProps, IconButtonProps, ImageBlockProps, ImageBlockSize, ImageLightboxProps, InlineListProps, LightboxProps, LinkPreviewProps, LinkProps, ListDividerProps, ListItemProps, ListItemSize, ListProps, ListSubheaderProps, MarginAutoAlignment, MessageProps, MosaicProps, NavigationProps, NotificationProps, Offset, PopoverDialogProps, PopoverProps, PostBlockProps, ProgressCircularProps, ProgressCircularSize, ProgressLinearProps, ProgressProps, ProgressTrackerProps, ProgressTrackerProviderProps, ProgressTrackerStepPanelProps, ProgressTrackerStepProps, RadioButtonProps, RadioGroupProps, RawInputTextProps, RawInputTextareaProps, SelectMultipleProps, SelectProps, SideNavigationItemProps, SideNavigationProps, SkeletonCircleProps, SkeletonRectangleProps, SkeletonTypographyProps, SliderProps, SlidesProps, SlideshowControlsProps, SlideshowItemProps, SlideshowProps, SwitchProps, TabListProps, TabPanelProps, TabProps, TabProviderProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TextFieldProps, TextProps, ThumbnailProps, ThumbnailSize, ToolbarProps, TooltipPlacement, TooltipProps, UploaderProps, UploaderSize, UserBlockProps, UserBlockSize };
+export type { AlertDialogProps, AutocompleteMultipleProps, AutocompleteProps, AvatarProps, AvatarSize, BadgeProps, BadgeWrapperProps, BaseButtonProps, ButtonGroupProps, ButtonProps, ButtonSize, CheckboxProps, ChipGroupProps, ChipProps, CommentBlockProps, DatePickerControlledProps, DatePickerFieldProps, DatePickerProps, DialogProps, DialogSizes, DividerProps, DragHandleProps, DropdownProps, Elevation, ExpansionPanelProps, FlagProps, FlexBoxProps, FlexHorizontalAlignment, FlexVerticalAlignment, FocusPoint, GapSize, GenericBlockProps, GridColumnGapSize, GridColumnProps, GridItemProps, GridProps, HeadingLevelProviderProps, HeadingProps, IconButtonProps, IconProps, IconSizes, ImageBlockProps, ImageBlockSize, ImageLightboxProps, InlineListProps, InputHelperProps, InputLabelProps, LightboxProps, LinkPreviewProps, LinkProps, ListDividerProps, ListItemProps, ListItemSize, ListProps, ListSubheaderProps, MarginAutoAlignment, MessageProps, MosaicProps, NavigationProps, NotificationProps, Offset, PopoverDialogProps, PopoverProps, PostBlockProps, ProgressCircularProps, ProgressCircularSize, ProgressLinearProps, ProgressProps, ProgressTrackerProps, ProgressTrackerProviderProps, ProgressTrackerStepPanelProps, ProgressTrackerStepProps, RadioButtonProps, RadioGroupProps, RawInputTextProps, RawInputTextareaProps, SelectMultipleProps, SelectProps, SideNavigationItemProps, SideNavigationProps, SkeletonCircleProps, SkeletonRectangleProps, SkeletonTypographyProps, SliderProps, SlidesProps, SlideshowControlsProps, SlideshowItemProps, SlideshowProps, SwitchProps, TabListProps, TabPanelProps, TabProps, TabProviderProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TextFieldProps, TextProps, ThumbnailProps, ThumbnailSize, ToolbarProps, TooltipPlacement, TooltipProps, UploaderProps, UploaderSize, UserBlockProps, UserBlockSize };