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

package/index.d.ts

@@ -1,369 +1,11 @@
-import { F as Falsy } from './Falsy-e4faCDKK.js';
+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 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';
 
-/**
- * The down key code.
- */
-declare const DOWN_KEY_CODE = 40;
-/**
- * The enter/return key code.
- */
-declare const ENTER_KEY_CODE = 13;
-/**
- * The space key code.
- */
-declare const SPACE_KEY_CODE = 32;
-/**
- * The escape key code.
- */
-declare const ESCAPE_KEY_CODE = 27;
-/**
- * The left key code.
- */
-declare const LEFT_KEY_CODE = 37;
-/**
- * The right key code.
- */
-declare const RIGHT_KEY_CODE = 39;
-/**
- * The tab key code.
- */
-declare const TAB_KEY_CODE = 9;
-/**
- * The up key code.
- */
-declare const UP_KEY_CODE = 38;
-/**
- * The up key code.
- */
-declare const BACKSPACE_KEY_CODE = 8;
-
-/**
- * Animation duration constants. Take into consideration that if you change one of these variables,
- * you need to update their scss counterpart as well
- */
-declare const DIALOG_TRANSITION_DURATION = 400;
-declare const EXPANSION_PANEL_TRANSITION_DURATION = 400;
-declare const NOTIFICATION_TRANSITION_DURATION = 200;
-declare const SLIDESHOW_TRANSITION_DURATION = 5000;
-/**
- * Delay on hover after which we open or close the tooltip.
- * Only applies to devices supporting pointer hover.
- */
-declare const TOOLTIP_HOVER_DELAY: {
-    open: number;
-    close: number;
-};
-/**
- * Delay on long press after which we open or close the tooltip.
- * Only applies to devices not supporting pointer hover.
- */
-declare const TOOLTIP_LONG_PRESS_DELAY: {
-    open: number;
-    close: number;
-};
-
-/**
- * Callback function type alias (use for readability)
- */
-type Callback = () => void;
-
-/**
- * Require either `aria-label` or `arial-labelledby` prop.
- * If none are set, the order will prioritize `aria-labelledby` over `aria-label` as it
- * needs a visible element.
- */
-type HasAriaLabelOrLabelledBy<T = string | undefined> = T extends string ? {
-    /**
-     * The id of the element to use as title of the dialog. Can be within or out of the dialog.
-     * Although it is not recommended, aria-label can be used instead if no visible element is available.
-     */
-    'aria-labelledby': T;
-    /** The label of the dialog. */
-    'aria-label'?: undefined;
-} : {
-    'aria-label': string;
-    'aria-labelledby'?: undefined;
-};
-
-interface HasClassName {
-    /**
-     * Class name forwarded to the root element of the component.
-     */
-    className?: string;
-}
-
-interface HasCloseMode {
-    /**
-     * Choose how the children are hidden when closed
-     * ('hide' keeps the children in DOM but hide them, 'unmount' remove the children from the DOM).
-     */
-    closeMode?: 'hide' | 'unmount';
-}
-
-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 | JSX.Element | object | undefined | null;
-
-/** Union type of all heading elements */
-type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-
-/**
- * A point coordinate in 2D space
- */
-type Point = {
-    x: number;
-    y: number;
-};
-
-/** Predicate function type */
-type Predicate<T> = (t: T) => boolean;
-
-/**
- * Rectangle size
- */
-type RectSize = {
-    width: number;
-    height: number;
-};
-
-/** Union type of all text elements */
-type TextElement = 'span' | 'p' | HeadingElement;
-
-/** Get types of the values of a record. */
-type ValueOf<T extends Record<any, any>> = T[keyof T];
-
-/** Transform a string literal into kebab case */
-type KebabCase<S> = S extends `${infer C}${infer T}` ? T extends Uncapitalize<T> ? `${Uncapitalize<C>}${KebabCase<T>}` : `${Uncapitalize<C>}-${KebabCase<T>}` : S;
-
-/** Transform the component name into the lumx class name. */
-type LumxClassName<TComponentName extends string> = `lumx-${KebabCase<TComponentName>}`;
-
-type Direction = 'top' | 'right' | 'bottom' | 'left' | 'vertical' | 'horizontal' | 'all';
-
-type Spacing = 'margin' | 'padding';
-
-/**
- * Alignments.
- */
-declare const Alignment: {
-    readonly bottom: "bottom";
-    readonly center: "center";
-    readonly end: "end";
-    readonly left: "left";
-    readonly right: "right";
-    readonly spaceAround: "space-around";
-    readonly spaceBetween: "space-between";
-    readonly spaceEvenly: "space-evenly";
-    readonly start: "start";
-    readonly top: "top";
-};
-type Alignment = ValueOf<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>;
-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>;
-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>;
-declare const Emphasis: {
-    readonly low: "low";
-    readonly medium: "medium";
-    readonly high: "high";
-};
-type Emphasis = ValueOf<typeof Emphasis>;
-/**
- * List of typographies that can't be customized.
- */
-declare const TypographyInterface: {
-    readonly overline: "overline";
-    readonly caption: "caption";
-    readonly body1: "body1";
-    readonly body2: "body2";
-    readonly subtitle1: "subtitle1";
-    readonly subtitle2: "subtitle2";
-    readonly title: "title";
-    readonly headline: "headline";
-    readonly display1: "display1";
-};
-type TypographyInterface = ValueOf<typeof TypographyInterface>;
-/**
- * List of title typographies that can be customized (via CSS variables).
- */
-declare const TypographyTitleCustom: {
-    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 TypographyTitleCustom = ValueOf<typeof TypographyTitleCustom>;
-/**
- * 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;
-/**
- * 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<typeof AspectRatio>;
-/**
- * Semantic info about the purpose of the component
- */
-declare const Kind: {
-    readonly info: "info";
-    readonly success: "success";
-    readonly warning: "warning";
-    readonly error: "error";
-};
-type Kind = ValueOf<typeof Kind>;
-/**
- * All available white-space values
- * */
-declare const WhiteSpace: {
-    normal: string;
-    nowrap: string;
-    pre: string;
-    'pre-wrap': string;
-    'pre-line': string;
-    'break-spaces': string;
-};
-type WhiteSpace = ValueOf<typeof WhiteSpace>;
-/**
- * See SCSS variable $lumx-color-palette
- */
-declare const ColorPalette: {
-    readonly primary: "primary";
-    readonly secondary: "secondary";
-    readonly blue: "blue";
-    readonly dark: "dark";
-    readonly green: "green";
-    readonly yellow: "yellow";
-    readonly red: "red";
-    readonly light: "light";
-    readonly grey: "grey";
-};
-type ColorPalette = ValueOf<typeof ColorPalette>;
-type Color = ColorPalette | string;
-/**
- * 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}`>;
-
-/**
- * Visually hidden a11y utility class name
- */
-declare const VISUALLY_HIDDEN = "visually-hidden";
-
 /** LumX Component Type. */
 type Comp<P, T = HTMLElement> = {
     (props: P & {
@@ -395,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 */
@@ -430,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}
@@ -619,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. */
@@ -657,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.
@@ -672,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 */
@@ -689,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. */
@@ -785,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
      */
@@ -803,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. */
@@ -837,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. */
@@ -887,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
@@ -911,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. */
@@ -964,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. */
@@ -1019,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. */
@@ -1049,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). */
@@ -1079,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. */
@@ -1089,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.
  *
@@ -1102,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.
@@ -1116,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.
@@ -1174,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!). */
@@ -1235,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}
@@ -1316,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. */
@@ -1345,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. */
@@ -1365,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. */
@@ -1507,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.
      */
@@ -1590,14 +1232,14 @@ declare const HeadingLevelProvider: React.FC<HeadingLevelProviderProps>;
 
 declare const useHeadingLevel: () => {
     level: number;
-    headingElement: HeadingElement;
+    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. */
@@ -1624,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. */
@@ -1643,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. */
@@ -1670,6 +1312,157 @@ 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.
@@ -1726,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.
  */
@@ -1748,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. */
@@ -1830,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. */
@@ -1884,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 */
@@ -1926,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.
      */
@@ -1999,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. */
@@ -2030,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. */
@@ -2054,7 +1847,7 @@ interface LinkProps extends GenericProps, HasAriaDisabled {
     /** Link target. */
     target?: HTMLAnchorProps['target'];
     /** Typography variant. */
-    typography?: Typography;
+    typography?: Typography$1;
     /** Children */
     children?: React.ReactNode;
 }
@@ -2070,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. */
@@ -2080,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. */
@@ -2113,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;
     /**
@@ -2122,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;
     /**
@@ -2138,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. */
@@ -2185,7 +1978,7 @@ declare const ListItem: Comp<ListItemProps, HTMLLIElement>;
 /**
  * Defines the props of the component.
  */
-type ListDividerProps = GenericProps;
+type ListDividerProps = GenericProps$1;
 /**
  * ListDivider component.
  *
@@ -2193,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;
 }
@@ -2214,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;
     /**
@@ -2247,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. */
@@ -2262,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). */
@@ -2282,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;
@@ -2303,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. */
@@ -2311,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. */
@@ -2347,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. */
@@ -2391,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;
 }
@@ -2408,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.
      */
@@ -2432,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.
@@ -2471,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. */
@@ -2491,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. */
@@ -2523,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. */
@@ -2545,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. */
@@ -2579,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;
 }
@@ -2600,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. */
@@ -2680,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;
 }
@@ -2696,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. */
@@ -2732,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.
@@ -2759,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. */
@@ -2769,7 +2562,7 @@ interface SkeletonRectangleProps extends GenericProps, HasTheme {
     /** Width size. */
     width?: GlobalSize;
     /** The color of the skeleton. */
-    color?: ColorPalette;
+    color?: ColorPalette$1;
 }
 /**
  * SkeletonRectangle component.
@@ -2783,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.
@@ -2803,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. */
@@ -2851,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. */
@@ -2875,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 */
@@ -2954,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). */
@@ -2998,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 */
@@ -3039,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. */
@@ -3071,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. */
@@ -3091,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;
 }
@@ -3123,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). */
@@ -3149,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;
 }
@@ -3165,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. */
@@ -3214,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. */
@@ -3238,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). */
@@ -3268,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. */
@@ -3290,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. */
@@ -3359,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;
 }
@@ -3373,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;
@@ -3389,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). */
@@ -3413,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. */
@@ -3448,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.
  */
@@ -3458,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). */
@@ -3488,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. */
@@ -3506,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. */
@@ -3533,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;
@@ -3542,5 +3335,5 @@ declare const ThemeProvider: React__default.FC<{
 /** Get the theme in the current context. */
 declare function useTheme(): ThemeContextValue;
 
-export { AlertDialog, Alignment, AspectRatio, Autocomplete, AutocompleteMultiple, Avatar, BACKSPACE_KEY_CODE, Badge, BadgeWrapper, Button, ButtonEmphasis, ButtonGroup, Checkbox, Chip, ChipGroup, ColorPalette, ColorVariant, CommentBlock, CommentBlockVariant, DIALOG_TRANSITION_DURATION, DOWN_KEY_CODE, DatePicker, DatePickerControlled, DatePickerField, Dialog, Divider, DragHandle, Dropdown, ENTER_KEY_CODE, ESCAPE_KEY_CODE, EXPANSION_PANEL_TRANSITION_DURATION, Emphasis, ExpansionPanel, Falsy, Flag, FlexBox, GenericBlock, GenericBlockGapSize, Grid, GridColumn, GridItem, Heading, HeadingLevelProvider, Icon, IconButton, ImageBlock, ImageBlockCaptionPosition, ImageLightbox, InlineList, InputHelper, InputLabel, Kind, LEFT_KEY_CODE, Lightbox, Link, LinkPreview, List, ListDivider, ListItem, ListSubheader, Message, Mosaic, NOTIFICATION_TRANSITION_DURATION, Navigation, Notification, Orientation, Placement, Popover, PopoverDialog, PostBlock, Progress, ProgressCircular, ProgressLinear, ProgressTracker, ProgressTrackerProvider, ProgressTrackerStep, ProgressTrackerStepPanel, ProgressVariant, RIGHT_KEY_CODE, RadioButton, RadioGroup, RawInputText, RawInputTextarea, SLIDESHOW_TRANSITION_DURATION, SPACE_KEY_CODE, Select, SelectMultiple, SelectMultipleField, SelectVariant, SideNavigation, SideNavigationItem, Size, SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography, Slider, Slides, Slideshow, SlideshowControls, SlideshowItem, Switch, TAB_KEY_CODE, TOOLTIP_HOVER_DELAY, TOOLTIP_LONG_PRESS_DELAY, Tab, TabList, TabListLayout, TabPanel, TabProvider, Table, TableBody, TableCell, TableCellVariant, TableHeader, TableRow, Text, TextField, ThOrder, Theme, ThemeProvider, Thumbnail, ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant, Toolbar, Tooltip, Typography, TypographyCustom, TypographyInterface, TypographyTitleCustom, UP_KEY_CODE, Uploader, UploaderVariant, UserBlock, VISUALLY_HIDDEN, WhiteSpace, clamp, isClickable, useFocusPointStyle, useHeadingLevel, useTheme };
-export type { AlertDialogProps, AutocompleteMultipleProps, AutocompleteProps, AvatarProps, AvatarSize, BadgeProps, BadgeWrapperProps, BaseButtonProps, ButtonGroupProps, ButtonProps, ButtonSize, Callback, CheckboxProps, ChipGroupProps, ChipProps, Color, ColorWithVariants, CommentBlockProps, DatePickerControlledProps, DatePickerFieldProps, DatePickerProps, DialogProps, DialogSizes, Direction, DividerProps, DragHandleProps, DropdownProps, Elevation, ExpansionPanelProps, FlagProps, FlexBoxProps, FlexHorizontalAlignment, FlexVerticalAlignment, FocusPoint, GapSize, GenericBlockProps, GenericProps, GlobalSize, GridColumnGapSize, GridColumnProps, GridItemProps, GridProps, HasAriaLabelOrLabelledBy, HasClassName, HasCloseMode, HasTheme, HeadingElement, HeadingLevelProviderProps, HeadingProps, HorizontalAlignment, IconButtonProps, IconProps, IconSizes, ImageBlockProps, ImageBlockSize, ImageLightboxProps, InlineListProps, InputHelperProps, InputLabelProps, JSXElement, LightboxProps, LinkPreviewProps, LinkProps, ListDividerProps, ListItemProps, ListItemSize, ListProps, ListSubheaderProps, LumxClassName, MarginAutoAlignment, MessageProps, MosaicProps, NavigationProps, NotificationProps, Offset, Point, PopoverDialogProps, PopoverProps, PostBlockProps, Predicate, ProgressCircularProps, ProgressCircularSize, ProgressLinearProps, ProgressProps, ProgressTrackerProps, ProgressTrackerProviderProps, ProgressTrackerStepPanelProps, ProgressTrackerStepProps, RadioButtonProps, RadioGroupProps, RawInputTextProps, RawInputTextareaProps, RectSize, SelectMultipleProps, SelectProps, SideNavigationItemProps, SideNavigationProps, SkeletonCircleProps, SkeletonRectangleProps, SkeletonTypographyProps, SliderProps, SlidesProps, SlideshowControlsProps, SlideshowItemProps, SlideshowProps, Spacing, SwitchProps, TabListProps, TabPanelProps, TabProps, TabProviderProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TextElement, TextFieldProps, TextProps, ThumbnailProps, ThumbnailSize, ToolbarProps, TooltipPlacement, TooltipProps, UploaderProps, UploaderSize, UserBlockProps, UserBlockSize, ValueOf, VerticalAlignment };
+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, 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 };