@lumx/react 3.20.1-alpha.4 → 3.20.1-alpha.40

package/index.d.ts

@@ -1,354 +1,10 @@
-import { F as Falsy } from './_internal/Falsy.js';
-import React, { Ref, ReactElement, ReactNode, SyntheticEvent, MouseEventHandler, KeyboardEventHandler, AriaAttributes, DetailedHTMLProps, ButtonHTMLAttributes, InputHTMLAttributes, RefObject, ImgHTMLAttributes, CSSProperties, SetStateAction, Key } from 'react';
-
-/** Get types of the values of a record. */
-type ValueOf<T extends Record<any, any>> = T[keyof T];
-
-/**
- * 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;
-
-/**
- * The prefix to use for the CSS classes.
- */
-declare const CSS_PREFIX = "lumx";
-
-/**
- * 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;
-};
-/**
- * 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}`>;
-
-/**
- * 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;
-}
-
-/** 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;
+import { Kind, HorizontalAlignment, Size, ColorPalette, Emphasis, Alignment, VerticalAlignment, Orientation, ColorWithVariants, ColorVariant, Typography, WhiteSpace, AspectRatio, GlobalSize, TypographyInterface, Theme } 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';
+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 } from 'react';
 
 /** LumX Component Type. */
 type Comp<P, T = HTMLElement> = {
@@ -371,10 +27,14 @@ type Comp<P, T = HTMLElement> = {
  * @example ComponentRef<'div'> => React.Ref<HTMLDivElement>
  * @example ComponentRef<Button> => React.Ref<HTMLButtonElement
  */
-type ComponentRef<C> = C extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[C]['ref'] : C extends Comp<any, infer T> ? React.Ref<T> : C extends React.JSXElementConstructor<{
+type ComponentRef<C> = C extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[C]['ref'] : C extends Comp<any, infer T> ? React__default.Ref<T> : C extends React__default.JSXElementConstructor<{
     ref?: infer R;
 }> ? R : never;
 
+type HasRequiredLinkHref<E> = E extends 'a' ? {
+    href: string;
+} : Record<string, unknown>;
+
 interface AlertDialogProps extends Omit<DialogProps, 'header' | 'footer'> {
     /** Message variant. */
     kind?: Kind;
@@ -396,7 +56,7 @@ interface AlertDialogProps extends Omit<DialogProps, 'header' | 'footer'> {
     /**
      * Children
      */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * AlertDialog component.
@@ -726,7 +386,7 @@ interface ButtonProps extends BaseButtonProps {
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const Button: Comp<ButtonProps, HTMLButtonElement | HTMLAnchorElement>;
+declare const Button: Comp<ButtonProps, HTMLAnchorElement | HTMLButtonElement>;
 
 interface IconButtonProps extends BaseButtonProps {
     /**
@@ -788,7 +448,7 @@ interface CheckboxProps extends GenericProps, HasTheme, HasAriaDisabled {
     /** Native input id property. */
     id?: string;
     /** Native input ref. */
-    inputRef?: React.Ref<HTMLInputElement>;
+    inputRef?: React__default.Ref<HTMLInputElement>;
     /** Whether it is checked or not or intermediate. */
     isChecked?: boolean | 'intermediate';
     /** Whether the component is disabled or not. */
@@ -1066,7 +726,7 @@ interface DialogProps extends GenericProps {
     /** whether to disable the scroll on the body or not */
     disableBodyScroll?: boolean;
     /** Children */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
 }
 type DialogSizes = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;
 /**
@@ -1305,15 +965,15 @@ interface ExpansionPanelProps extends GenericProps, HasCloseMode, HasTheme {
     /** Label text (overwritten if a `<header>` is provided in the children). */
     label?: string;
     /** On open callback. */
-    onOpen?: (event: React.MouseEvent) => void;
+    onOpen?: (event: React__default.MouseEvent) => void;
     /** On close callback. */
-    onClose?: (event: React.MouseEvent) => void;
+    onClose?: (event: React__default.MouseEvent) => void;
     /** Props to pass to the toggle button (minus those already set by the ExpansionPanel props). */
     toggleButtonProps: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;
     /** On toggle open or close callback. */
-    onToggleOpen?(shouldOpen: boolean, event: React.MouseEvent): void;
+    onToggleOpen?(shouldOpen: boolean, event: React__default.MouseEvent): void;
     /** Children */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * ExpansionPanel component.
@@ -1569,7 +1229,7 @@ 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'>;
@@ -1670,7 +1330,6 @@ interface IconProps extends GenericProps, HasTheme {
     /** Sets an alternative text on the svg. Will set an `img` role to the svg. */
     alt?: string;
 }
-
 /**
  * Icon component.
  *
@@ -1693,7 +1352,7 @@ type FocusPoint = {
  * https://github.com/typescript-cheatsheets/react-typescript-cheatsheet/blob/master/ADVANCED.md#adding-non-standard-attributes
  */
 declare module 'react' {
-    interface ImgHTMLAttributes<T> extends React.HTMLAttributes<T> {
+    interface ImgHTMLAttributes<T> extends React__default.HTMLAttributes<T> {
         loading?: 'eager' | 'lazy';
     }
 }
@@ -1759,7 +1418,7 @@ interface ThumbnailProps extends GenericProps, HasTheme {
     /** Image loading mode. */
     loading?: ImgHTMLProps['loading'];
     /** Ref of an existing placeholder image to display while loading. */
-    loadingPlaceholderImageRef?: React.RefObject<HTMLImageElement>;
+    loadingPlaceholderImageRef?: React__default.RefObject<HTMLImageElement>;
     /** On click callback. */
     onClick?: MouseEventHandler<HTMLDivElement>;
     /** On key press callback. */
@@ -1767,7 +1426,7 @@ interface ThumbnailProps extends GenericProps, HasTheme {
     /** Variant of the component. */
     variant?: ThumbnailVariant;
     /** Props to pass to the link wrapping the thumbnail. */
-    linkProps?: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
+    linkProps?: React__default.DetailedHTMLProps<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
     /** Custom react component for the link (can be used to inject react router Link). */
     linkAs?: 'a' | any;
 }
@@ -1884,8 +1543,8 @@ declare function useImageLightbox<P extends Partial<ImageLightboxProps>>(props:
      * @param index Provide an index to choose which image to display when the image lightbox opens.
      * */
     getTriggerProps: (options?: TriggerOptions) => {
-        onClick: React.MouseEventHandler;
-        ref: React.Ref<any>;
+        onClick: React__default.MouseEventHandler;
+        ref: React__default.Ref<any>;
     };
     /** Props to forward to the ImageLightbox */
     imageLightboxProps: ManagedProps & P;
@@ -2045,7 +1704,7 @@ interface LinkProps extends GenericProps, HasAriaDisabled {
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const Link: Comp<LinkProps, HTMLButtonElement | HTMLAnchorElement>;
+declare const Link: Comp<LinkProps, HTMLAnchorElement | HTMLButtonElement>;
 
 /**
  * Defines the props of the component.
@@ -2260,15 +1919,11 @@ type BaseNavigationItemProps = {
     /** Mark as the current page link */
     isCurrentPage?: boolean;
 };
-/** Make `href` required when `as` is `a` */
-type RequiredLinkHref<E> = E extends 'a' ? {
-    href: string;
-} : Record<string, unknown>;
-declare const NavigationItem: (<E extends React.ElementType = "a">(props: React.PropsWithoutRef<React.ComponentProps<E>> & {
+declare const NavigationItem: (<E extends ElementType = "a">(props: React$1.PropsWithoutRef<React$1.ComponentProps<E>> & {
     as?: E | undefined;
-} & HasTheme & HasClassName & BaseNavigationItemProps & RequiredLinkHref<E> & React.ComponentProps<E> & {
+} & HasTheme & HasClassName & BaseNavigationItemProps & HasRequiredLinkHref<E> & React$1.ComponentProps<E> & {
     ref?: ComponentRef<E> | undefined;
-}) => React.JSX.Element) & {
+}) => React$1.JSX.Element) & {
     displayName: string;
     className: string;
 };
@@ -2845,7 +2500,7 @@ interface SlideshowProps extends GenericProps, Pick<SlidesProps, 'autoPlay' | 's
     /** Callback when slide changes */
     onChange?(index: number): void;
     /** Children */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Slideshow component.
@@ -2948,7 +2603,7 @@ interface SlideshowControlsProps extends GenericProps, HasTheme {
     /** Props to pass to the previous button (minus those already set by the SlideshowControls props). */
     previousButtonProps: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;
     /** Props to pass to the pagination wrapper */
-    paginationProps?: Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'role'>;
+    paginationProps?: Omit<React__default.HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'role'>;
     /** Number of slides. */
     slidesCount: number;
     /** On next button click callback. */
@@ -2967,7 +2622,7 @@ interface SlideshowControlsProps extends GenericProps, HasTheme {
     /**
      * function to be executed in order to retrieve the props for a pagination item.
      */
-    paginationItemProps?: (itemIndex: number) => React.HTMLAttributes<HTMLButtonElement> & {
+    paginationItemProps?: (itemIndex: number) => React__default.HTMLAttributes<HTMLButtonElement> & {
         label?: string;
     };
     /** Props to pass to the lay button (minus those already set by the SlideshowControls props). */
@@ -3000,7 +2655,7 @@ interface SlidesProps extends GenericProps, HasTheme {
     /** callback to change whether the slideshow is playing or not */
     toggleAutoPlay: () => void;
     /** component to be rendered after the slides */
-    afterSlides?: React.ReactNode;
+    afterSlides?: React__default.ReactNode;
     /** Whether the slides have controls linked */
     hasControls?: boolean;
     /**
@@ -3009,7 +2664,7 @@ interface SlidesProps extends GenericProps, HasTheme {
      * */
     slideGroupLabel?: (groupPosition: number, groupTotal: number) => string;
     /** Children */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Slides component.
@@ -3407,8 +3062,8 @@ type UploaderSize = Extract<Size, 'xl' | 'xxl'>;
 /**
  * Extend native HTML input props with specialized `onChange` providing the a `File` array.
  */
-interface FileInputProps extends Omit<React.ComponentProps<'input'>, 'onChange'> {
-    onChange(files: File[], evt: React.ChangeEvent<HTMLInputElement>): void;
+interface FileInputProps extends Omit<React__default.ComponentProps<'input'>, 'onChange'> {
+    onChange(files: File[], evt: React__default.ChangeEvent<HTMLInputElement>): void;
 }
 /**
  * Defines the props of the component.
@@ -3453,13 +3108,13 @@ interface UserBlockProps extends GenericProps, HasTheme {
     /** Additional fields used to describe the user. */
     fields?: string[];
     /** Props to pass to the link wrapping the avatar thumbnail. */
-    linkProps?: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
+    linkProps?: React__default.DetailedHTMLProps<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
     /** Custom react component for the link (can be used to inject react router Link). */
     linkAs?: 'a' | any;
     /** Multiple action toolbar content. */
     multipleActions?: ReactNode;
     /** User name. */
-    name?: React.ReactNode;
+    name?: React__default.ReactNode;
     /** Props to pass to the name block. */
     nameProps?: GenericProps;
     /** Orientation. */
@@ -3475,9 +3130,9 @@ interface UserBlockProps extends GenericProps, HasTheme {
     /** On mouse leave callback. */
     onMouseLeave?(): void;
     /** Display additional fields below the original name and fields */
-    additionalFields?: React.ReactNode;
+    additionalFields?: React__default.ReactNode;
     /** Display an additional element after the entire component. (to the right if orientation is horizontal, at the bottom if orientation is vertical) */
-    after?: React.ReactNode;
+    after?: React__default.ReactNode;
 }
 /**
  * UserBlock component.
@@ -3490,11 +3145,12 @@ declare const UserBlock: Comp<UserBlockProps, HTMLDivElement>;
 
 type ThemeContextValue = Theme | undefined;
 /** Provide a theme context to all children. */
-declare const ThemeProvider: React.FC<{
+declare const ThemeProvider: React__default.FC<{
     value: ThemeContextValue;
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
 }>;
 /** Get the theme in the current context. */
 declare function useTheme(): ThemeContextValue;
 
-export { AlertDialog, type AlertDialogProps, Alignment, AspectRatio, Autocomplete, AutocompleteMultiple, type AutocompleteMultipleProps, type AutocompleteProps, Avatar, type AvatarProps, type AvatarSize, BACKSPACE_KEY_CODE, Badge, type BadgeProps, BadgeWrapper, type BadgeWrapperProps, type BaseButtonProps, Button, ButtonEmphasis, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonSize, CSS_PREFIX, type Callback, Checkbox, type CheckboxProps, Chip, ChipGroup, type ChipGroupProps, type ChipProps, type Color, ColorPalette, ColorVariant, type ColorWithVariants, CommentBlock, type CommentBlockProps, CommentBlockVariant, DIALOG_TRANSITION_DURATION, DOWN_KEY_CODE, DatePicker, DatePickerControlled, type DatePickerControlledProps, DatePickerField, type DatePickerFieldProps, type DatePickerProps, Dialog, type DialogProps, type DialogSizes, Divider, type DividerProps, DragHandle, type DragHandleProps, Dropdown, type DropdownProps, ENTER_KEY_CODE, ESCAPE_KEY_CODE, EXPANSION_PANEL_TRANSITION_DURATION, type Elevation, Emphasis, ExpansionPanel, type ExpansionPanelProps, Falsy, Flag, type FlagProps, FlexBox, type FlexBoxProps, type FlexHorizontalAlignment, type FlexVerticalAlignment, type FocusPoint, type GapSize, GenericBlock, GenericBlockGapSize, type GenericBlockProps, type GenericProps, type GlobalSize, Grid, GridColumn, type GridColumnGapSize, type GridColumnProps, GridItem, type GridItemProps, type GridProps, type HasAriaLabelOrLabelledBy, type HasClassName, type HasCloseMode, type HasTheme, Heading, type HeadingElement, HeadingLevelProvider, type HeadingLevelProviderProps, type HeadingProps, type HorizontalAlignment, Icon, IconButton, type IconButtonProps, type IconProps, type IconSizes, ImageBlock, ImageBlockCaptionPosition, type ImageBlockProps, type ImageBlockSize, ImageLightbox, type ImageLightboxProps, InlineList, type InlineListProps, InputHelper, type InputHelperProps, InputLabel, type InputLabelProps, Kind, LEFT_KEY_CODE, Lightbox, type LightboxProps, Link, LinkPreview, type LinkPreviewProps, type LinkProps, List, ListDivider, type ListDividerProps, ListItem, type ListItemProps, type ListItemSize, type ListProps, ListSubheader, type ListSubheaderProps, type MarginAutoAlignment, Message, type MessageProps, Mosaic, type MosaicProps, NOTIFICATION_TRANSITION_DURATION, Navigation, type NavigationProps, Notification, type NotificationProps, type Offset, Orientation, Placement, type Point, Popover, PopoverDialog, type PopoverDialogProps, type PopoverProps, PostBlock, type PostBlockProps, type Predicate, Progress, ProgressCircular, type ProgressCircularProps, type ProgressCircularSize, ProgressLinear, type ProgressLinearProps, type ProgressProps, ProgressTracker, type ProgressTrackerProps, ProgressTrackerProvider, type ProgressTrackerProviderProps, ProgressTrackerStep, ProgressTrackerStepPanel, type ProgressTrackerStepPanelProps, type ProgressTrackerStepProps, ProgressVariant, RIGHT_KEY_CODE, RadioButton, type RadioButtonProps, RadioGroup, type RadioGroupProps, type RectSize, SLIDESHOW_TRANSITION_DURATION, SPACE_KEY_CODE, Select, SelectMultiple, SelectMultipleField, type SelectMultipleProps, type SelectProps, SelectVariant, SideNavigation, SideNavigationItem, type SideNavigationItemProps, type SideNavigationProps, Size, SkeletonCircle, type SkeletonCircleProps, SkeletonRectangle, type SkeletonRectangleProps, SkeletonRectangleVariant, SkeletonTypography, type SkeletonTypographyProps, Slider, type SliderProps, Slides, type SlidesProps, Slideshow, SlideshowControls, type SlideshowControlsProps, SlideshowItem, type SlideshowItemProps, type SlideshowProps, Switch, type SwitchProps, TAB_KEY_CODE, TOOLTIP_HOVER_DELAY, TOOLTIP_LONG_PRESS_DELAY, Tab, TabList, TabListLayout, type TabListProps, TabPanel, type TabPanelProps, type TabProps, TabProvider, type TabProviderProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableCellVariant, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Text, type TextElement, TextField, type TextFieldProps, type TextProps, ThOrder, Theme, ThemeProvider, Thumbnail, ThumbnailAspectRatio, ThumbnailObjectFit, type ThumbnailProps, type ThumbnailSize, ThumbnailVariant, Toolbar, type ToolbarProps, Tooltip, type TooltipPlacement, type TooltipProps, Typography, TypographyCustom, TypographyInterface, TypographyTitleCustom, UP_KEY_CODE, Uploader, type UploaderProps, type UploaderSize, UploaderVariant, UserBlock, type UserBlockProps, type UserBlockSize, type ValueOf, type VerticalAlignment, WhiteSpace, clamp, isClickable, useFocusPointStyle, useHeadingLevel, useTheme };
+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, 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, 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 };