@lumx/react 3.10.0 → 3.10.1-alpha.1

package/_internal/index.d.ts

@@ -282,4 +282,4 @@ declare const WhiteSpace: {
 };
 type WhiteSpace = ValueOf<typeof WhiteSpace>;
 
-export { Alignment as A, type Comp as C, Emphasis as E, type Falsy as F, type GenericProps as G, type HasTheme as H, Kind as K, Orientation as O, Size as S, Typography as T, type ValueOf as V, WhiteSpace as W, type HorizontalAlignment as a, ColorPalette as b, type VerticalAlignment as c, ColorVariant as d, type TextElement as e, type HeadingElement as f, AspectRatio as g, type HasClassName as h, type HasAriaLabelOrLabelledBy as i, type ComponentRef as j, type HasCloseMode as k, type GlobalSize as l, TypographyInterface as m, type Color as n, Theme as o, TypographyTitleCustom as p, TypographyCustom as q, type Callback as r };
+export { Alignment as A, type Comp as C, Emphasis as E, type Falsy as F, type GenericProps as G, type HasTheme as H, Kind as K, Orientation as O, Size as S, Typography as T, type ValueOf as V, WhiteSpace as W, type HorizontalAlignment as a, ColorPalette as b, type VerticalAlignment as c, ColorVariant as d, type TextElement as e, type HeadingElement as f, AspectRatio as g, type HasClassName as h, type HasAriaLabelOrLabelledBy as i, type ComponentRef as j, type HasCloseMode as k, type GlobalSize as l, TypographyInterface as m, Theme as n, type Color as o, TypographyTitleCustom as p, TypographyCustom as q, type Callback as r };

package/index.d.ts

@@ -1,5 +1,5 @@
-import { K as Kind, C as Comp, G as GenericProps, H as HasTheme, a as HorizontalAlignment, S as Size, b as ColorPalette, E as Emphasis, V as ValueOf, A as Alignment, c as VerticalAlignment, O as Orientation, d as ColorVariant, T as Typography, e as TextElement, W as WhiteSpace, f as HeadingElement, g as AspectRatio, F as Falsy, h as HasClassName, i as HasAriaLabelOrLabelledBy, j as ComponentRef, k as HasCloseMode, l as GlobalSize, m as TypographyInterface } from './_internal/index.js';
-export { r as Callback, n as Color, o as Theme, q as TypographyCustom, p as TypographyTitleCustom } from './_internal/index.js';
+import { K as Kind, C as Comp, G as GenericProps, H as HasTheme, a as HorizontalAlignment, S as Size, b as ColorPalette, E as Emphasis, V as ValueOf, A as Alignment, c as VerticalAlignment, O as Orientation, d as ColorVariant, T as Typography, e as TextElement, W as WhiteSpace, f as HeadingElement, g as AspectRatio, F as Falsy, h as HasClassName, i as HasAriaLabelOrLabelledBy, j as ComponentRef, k as HasCloseMode, l as GlobalSize, m as TypographyInterface, n as Theme } from './_internal/index.js';
+export { r as Callback, o as Color, q as TypographyCustom, p as TypographyTitleCustom } from './_internal/index.js';
 import React, { ReactNode, SyntheticEvent, ReactElement, MouseEventHandler, KeyboardEventHandler, AriaAttributes, DetailedHTMLProps, ButtonHTMLAttributes, InputHTMLAttributes, Ref, RefObject, ImgHTMLAttributes, CSSProperties, SetStateAction, Key } from 'react';
 
 interface AlertDialogProps extends Omit<DialogProps, 'header' | 'footer'> {
@@ -344,7 +344,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 {
     /**
@@ -390,7 +390,7 @@ type ButtonGroupProps = GenericProps;
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const ButtonGroup: Comp<ButtonGroupProps, HTMLDivElement>;
+declare const ButtonGroup: Comp<GenericProps, HTMLDivElement>;
 
 /**
  * Defines the props of the component.
@@ -1137,7 +1137,7 @@ interface TextProps extends GenericProps {
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const Text: Comp<TextProps>;
+declare const Text: Comp<TextProps, HTMLElement>;
 
 /**
  * Defines the props of the component.
@@ -1153,7 +1153,7 @@ interface HeadingProps extends Partial<TextProps> {
  * Extends the `Text` Component with the heading level automatically computed based on
  * the current level provided by the context.
  */
-declare const Heading: Comp<HeadingProps>;
+declare const Heading: Comp<HeadingProps, HTMLElement>;
 
 interface HeadingLevelProviderProps {
     /** The heading level to start at. If left undefined, the parent context will be used, if any. */
@@ -1242,7 +1242,7 @@ interface GridColumnProps extends GenericProps {
  * @param ref Component ref.
  * @return React element.
  */
-declare const GridColumn: Comp<GridColumnProps>;
+declare const GridColumn: Comp<GridColumnProps, HTMLElement>;
 
 type IconSizes = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;
 /**
@@ -1372,7 +1372,7 @@ interface ThumbnailProps extends GenericProps, HasTheme {
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const Thumbnail: Comp<ThumbnailProps>;
+declare const Thumbnail: Comp<ThumbnailProps, HTMLElement>;
 
 type ForwardedTextProps = Omit<TextProps, 'as' | 'typography' | 'color' | 'colorVariant'>;
 type ImageCaptionMetadata = {
@@ -1524,7 +1524,7 @@ interface InlineListProps extends GenericProps {
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const InlineList: Comp<InlineListProps>;
+declare const InlineList: Comp<InlineListProps, HTMLElement>;
 
 /**
  * Defines the props of the component.
@@ -1751,7 +1751,7 @@ type ListDividerProps = GenericProps;
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const ListDivider: Comp<ListDividerProps, HTMLLIElement>;
+declare const ListDivider: Comp<GenericProps, HTMLLIElement>;
 
 /**
  * Defines the props of the component.
@@ -1852,7 +1852,6 @@ declare const Navigation: React.ForwardRefExoticComponent<(Omit<React.ClassAttri
     displayName: string;
     className: string;
     defaultProps: {
-        theme: "light";
         orientation: "vertical";
     };
     Section: React.ForwardRefExoticComponent<NavigationSectionProps & React.RefAttributes<HTMLLIElement>> & {
@@ -1869,7 +1868,7 @@ declare const Navigation: React.ForwardRefExoticComponent<(Omit<React.ClassAttri
         href: string;
     } : Record<string, unknown>) & {
         ref?: ComponentRef<E> | undefined;
-    }) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
+    }) => React.ReactNode) & {
         displayName: string;
         className: string;
     };
@@ -2649,7 +2648,7 @@ type TableBodyProps = GenericProps;
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const TableBody: Comp<TableBodyProps, HTMLTableSectionElement>;
+declare const TableBody: Comp<GenericProps, HTMLTableSectionElement>;
 
 /**
  * Table head cell sort order.
@@ -2702,7 +2701,7 @@ type TableHeaderProps = GenericProps;
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const TableHeader: Comp<TableHeaderProps, HTMLTableSectionElement>;
+declare const TableHeader: Comp<GenericProps, HTMLTableSectionElement>;
 
 /**
  * Defines the props of the component.
@@ -2990,7 +2989,7 @@ interface UploaderProps extends GenericProps, HasTheme {
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const Uploader: Comp<UploaderProps>;
+declare const Uploader: Comp<UploaderProps, HTMLElement>;
 
 /**
  * User block sizes.
@@ -3036,4 +3035,13 @@ interface UserBlockProps extends GenericProps, HasTheme {
  */
 declare const UserBlock: Comp<UserBlockProps, HTMLDivElement>;
 
-export { AlertDialog, type AlertDialogProps, Alignment, AspectRatio, Autocomplete, AutocompleteMultiple, type AutocompleteMultipleProps, type AutocompleteProps, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, BadgeWrapper, type BadgeWrapperProps, type BaseButtonProps, Button, ButtonEmphasis, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonSize, Checkbox, type CheckboxProps, Chip, ChipGroup, type ChipGroupProps, type ChipProps, ColorPalette, ColorVariant, CommentBlock, type CommentBlockProps, CommentBlockVariant, DatePicker, DatePickerControlled, type DatePickerControlledProps, DatePickerField, type DatePickerFieldProps, type DatePickerProps, Dialog, type DialogProps, type DialogSizes, Divider, type DividerProps, DragHandle, type DragHandleProps, Dropdown, type DropdownProps, type Elevation, Emphasis, ExpansionPanel, type ExpansionPanelProps, Flag, type FlagProps, FlexBox, type FlexBoxProps, type FlexHorizontalAlignment, type FlexVerticalAlignment, type FocusPoint, type GapSize, GenericBlock, GenericBlockGapSize, type GenericBlockProps, GenericProps, GlobalSize, Grid, GridColumn, type GridColumnGapSize, type GridColumnProps, GridItem, type GridItemProps, type GridProps, Heading, HeadingElement, HeadingLevelProvider, type HeadingLevelProviderProps, type HeadingProps, 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, 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, Navigation, type NavigationProps, Notification, type NotificationProps, type Offset, Orientation, Placement, Popover, PopoverDialog, type PopoverDialogProps, type PopoverProps, PostBlock, type PostBlockProps, Progress, ProgressCircular, type ProgressCircularProps, type ProgressCircularSize, ProgressLinear, type ProgressLinearProps, type ProgressProps, ProgressTracker, type ProgressTrackerProps, ProgressTrackerProvider, type ProgressTrackerProviderProps, ProgressTrackerStep, ProgressTrackerStepPanel, type ProgressTrackerStepPanelProps, type ProgressTrackerStepProps, ProgressVariant, RadioButton, type RadioButtonProps, RadioGroup, type RadioGroupProps, 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, 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, TextElement, TextField, type TextFieldProps, type TextProps, ThOrder, Thumbnail, ThumbnailAspectRatio, ThumbnailObjectFit, type ThumbnailProps, type ThumbnailSize, ThumbnailVariant, Toolbar, type ToolbarProps, Tooltip, type TooltipPlacement, type TooltipProps, Typography, TypographyInterface, Uploader, type UploaderProps, type UploaderSize, UploaderVariant, UserBlock, type UserBlockProps, type UserBlockSize, VerticalAlignment, WhiteSpace, clamp, isClickable, useFocusPointStyle, useHeadingLevel };
+type ThemeContextValue = Theme | undefined;
+/** Provide a theme context to all children. */
+declare const ThemeProvider: React.FC<{
+    value: ThemeContextValue;
+    children?: React.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, Badge, type BadgeProps, BadgeWrapper, type BadgeWrapperProps, type BaseButtonProps, Button, ButtonEmphasis, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonSize, Checkbox, type CheckboxProps, Chip, ChipGroup, type ChipGroupProps, type ChipProps, ColorPalette, ColorVariant, CommentBlock, type CommentBlockProps, CommentBlockVariant, DatePicker, DatePickerControlled, type DatePickerControlledProps, DatePickerField, type DatePickerFieldProps, type DatePickerProps, Dialog, type DialogProps, type DialogSizes, Divider, type DividerProps, DragHandle, type DragHandleProps, Dropdown, type DropdownProps, type Elevation, Emphasis, ExpansionPanel, type ExpansionPanelProps, Flag, type FlagProps, FlexBox, type FlexBoxProps, type FlexHorizontalAlignment, type FlexVerticalAlignment, type FocusPoint, type GapSize, GenericBlock, GenericBlockGapSize, type GenericBlockProps, GenericProps, GlobalSize, Grid, GridColumn, type GridColumnGapSize, type GridColumnProps, GridItem, type GridItemProps, type GridProps, Heading, HeadingElement, HeadingLevelProvider, type HeadingLevelProviderProps, type HeadingProps, 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, 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, Navigation, type NavigationProps, Notification, type NotificationProps, type Offset, Orientation, Placement, Popover, PopoverDialog, type PopoverDialogProps, type PopoverProps, PostBlock, type PostBlockProps, Progress, ProgressCircular, type ProgressCircularProps, type ProgressCircularSize, ProgressLinear, type ProgressLinearProps, type ProgressProps, ProgressTracker, type ProgressTrackerProps, ProgressTrackerProvider, type ProgressTrackerProviderProps, ProgressTrackerStep, ProgressTrackerStepPanel, type ProgressTrackerStepPanelProps, type ProgressTrackerStepProps, ProgressVariant, RadioButton, type RadioButtonProps, RadioGroup, type RadioGroupProps, 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, 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, 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, TypographyInterface, Uploader, type UploaderProps, type UploaderSize, UploaderVariant, UserBlock, type UserBlockProps, type UserBlockSize, VerticalAlignment, WhiteSpace, clamp, isClickable, useFocusPointStyle, useHeadingLevel, useTheme };