@loadsmart/loadsmart-ui 7.7.0-beta.1 → 8.0.0-rc.1

package/README.md

@@ -49,9 +49,7 @@ If you are using Jest, you need to add this library to `transformIgnorePatterns`
 
 ```json
 {
-  "transformIgnorePatterns": [
-    "node_modules/(?!@loadsmart/loadsmart-ui)"
-  ]
+ "transformIgnorePatterns": ["node_modules/(?!@loadsmart/loadsmart-ui)"]
 }
 ```
 

package/dist/components/Breadcrumbs/Breadcrumbs.stories.d.ts

@@ -2,4 +2,4 @@ import { BreadcrumbsProps } from './Breadcrumbs';
 import { Meta } from '@storybook/react';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, BreadcrumbsProps>;
+export declare const Playground: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, BreadcrumbsProps>;

package/dist/components/Calendar/Calendar.stories.d.ts

@@ -3,7 +3,7 @@ import { CalendarDate } from './Date.helper';
 import { CalendarProps } from './Calendar.types';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CalendarProps>;
+export declare const Playground: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CalendarProps>;
 export declare function Selection(): JSX.Element;
 declare function isWeekend(date: CalendarDate): boolean;
 export declare function CalendarConstraints(args: CalendarProps): JSX.Element;

package/dist/components/Calendar/Pickers/DayPicker.d.ts

@@ -1,6 +1,6 @@
 import { CalendarPickerProps } from '../Calendar.types';
 export declare const WEEKDAYS: string[];
-export declare const formatter: import('../DateFormat.helper').DateFormat;
+export declare const formatter: import('..').DateFormat;
 /**
  * filling days of previous month
  * TODO: supress this for range selection

package/dist/components/Card/Card.stories.d.ts

@@ -1,8 +1,8 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { CardProps } from './Card';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<CardProps>;
-export declare const Default: Story<CardProps>;
-export declare const TitleOnly: Story<CardProps>;
-export declare const Flagged: Story<CardProps>;
+export declare const Playground: StoryFn<CardProps>;
+export declare const Default: StoryFn<CardProps>;
+export declare const TitleOnly: StoryFn<CardProps>;
+export declare const Flagged: StoryFn<CardProps>;

package/dist/components/DatePicker/DatePicker.stories.d.ts

@@ -1,9 +1,9 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { DatePickerProps } from './DatePicker.types';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<DatePickerProps>;
-export declare const WithValue: Story<DatePickerProps>;
+export declare const Playground: StoryFn<DatePickerProps>;
+export declare const WithValue: StoryFn<DatePickerProps>;
 export declare function DatePickerConstraints(args: DatePickerProps): JSX.Element;
 export declare namespace DatePickerConstraints {
     var args: {

package/dist/components/DatePicker/DateRangePicker.stories.d.ts

@@ -1,9 +1,9 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { DateRangePickerProps } from './DatePicker.types';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<DateRangePickerProps>;
-export declare const WithValue: Story<DateRangePickerProps>;
+export declare const Playground: StoryFn<DateRangePickerProps>;
+export declare const WithValue: StoryFn<DateRangePickerProps>;
 export declare function DateRangePickerConstraints(args: DateRangePickerProps): JSX.Element;
 export declare namespace DateRangePickerConstraints {
     var args: {

package/dist/components/DatePicker/useDatePicker.d.ts

@@ -27,11 +27,11 @@ declare function useDatePicker(props: DatePickerProps): {
         children?: import('react').ReactNode;
         accept?: string | undefined;
         alt?: string | undefined;
-        autoComplete?: string | undefined;
+        autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;
         capture?: boolean | "user" | "environment" | undefined;
         checked?: boolean | undefined;
         form?: string | undefined;
-        formAction?: string | undefined;
+        formAction?: string | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
@@ -60,7 +60,7 @@ declare function useDatePicker(props: DatePickerProps): {
         accessKey?: string | undefined;
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -225,6 +225,8 @@ declare function useDatePicker(props: DatePickerProps): {
         onProgressCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onRateChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onRateChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onResize?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onResizeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeeked?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeekedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeeking?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
@@ -293,9 +295,7 @@ declare function useDatePicker(props: DatePickerProps): {
         onPointerCancel?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerCancelCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerEnter?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerEnterCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerLeave?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerLeaveCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOver?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOverCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOut?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
@@ -338,7 +338,7 @@ declare function useDatePicker(props: DatePickerProps): {
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
         autoFocus?: boolean | undefined;
         className?: string | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -347,7 +347,6 @@ declare function useDatePicker(props: DatePickerProps): {
         id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
-        placeholder?: string | undefined;
         slot?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
         style?: import('react').CSSProperties | undefined;
@@ -507,6 +506,8 @@ declare function useDatePicker(props: DatePickerProps): {
         onProgressCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onRateChange?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onRateChangeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+        onResize?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+        onResizeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onSeeked?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onSeekedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onSeeking?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
@@ -576,9 +577,7 @@ declare function useDatePicker(props: DatePickerProps): {
         onPointerCancel?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import('react').PointerEventHandler<HTMLDivElement> | undefined;

package/dist/components/DatePicker/useDateRangePicker.d.ts

@@ -20,11 +20,11 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         children?: import('react').ReactNode;
         accept?: string | undefined;
         alt?: string | undefined;
-        autoComplete?: string | undefined;
+        autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;
         capture?: boolean | "user" | "environment" | undefined;
         checked?: boolean | undefined;
         form?: string | undefined;
-        formAction?: string | undefined;
+        formAction?: string | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
@@ -53,7 +53,7 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         accessKey?: string | undefined;
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -217,6 +217,8 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         onProgressCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onRateChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onRateChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onResize?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onResizeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeeked?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeekedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeeking?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
@@ -285,9 +287,7 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         onPointerCancel?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerCancelCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerEnter?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerEnterCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerLeave?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerLeaveCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOver?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOverCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOut?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
@@ -326,11 +326,11 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         children?: import('react').ReactNode;
         accept?: string | undefined;
         alt?: string | undefined;
-        autoComplete?: string | undefined;
+        autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;
         capture?: boolean | "user" | "environment" | undefined;
         checked?: boolean | undefined;
         form?: string | undefined;
-        formAction?: string | undefined;
+        formAction?: string | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
@@ -359,7 +359,7 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         accessKey?: string | undefined;
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -523,6 +523,8 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         onProgressCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onRateChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onRateChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onResize?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onResizeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeeked?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeekedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeeking?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
@@ -591,9 +593,7 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         onPointerCancel?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerCancelCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerEnter?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerEnterCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerLeave?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerLeaveCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOver?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOverCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOut?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
@@ -636,7 +636,7 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
         autoFocus?: boolean | undefined;
         className?: string | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -645,7 +645,6 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
-        placeholder?: string | undefined;
         slot?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
         style?: import('react').CSSProperties | undefined;
@@ -805,6 +804,8 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         onProgressCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onRateChange?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onRateChangeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+        onResize?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+        onResizeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onSeeked?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onSeekedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onSeeking?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
@@ -874,9 +875,7 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         onPointerCancel?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import('react').PointerEventHandler<HTMLDivElement> | undefined;

package/dist/components/Drawer/Drawer.stories.d.ts

@@ -1,6 +1,6 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { DrawerProps } from './Drawer';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<DrawerProps>;
-export declare const SmallerContentPlayground: Story<DrawerProps>;
+export declare const Playground: StoryFn<DrawerProps>;
+export declare const SmallerContentPlayground: StoryFn<DrawerProps>;

package/dist/components/Dropdown/Dropdown.stories.d.ts

@@ -1,4 +1,4 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { DropdownProps, DropdownTriggerProps } from './Dropdown.types';
 declare const meta: Meta;
 export default meta;
@@ -6,7 +6,7 @@ export type DropdownStoryProps = DropdownProps & {
     scale: DropdownTriggerProps['scale'];
     outlined?: DropdownTriggerProps['outlined'];
 };
-export declare const Playground: Story<DropdownStoryProps>;
-export declare const WithSections: Story<DropdownStoryProps>;
-export declare const Extended: Story<DropdownStoryProps>;
-export declare const CustomTrigger: Story<DropdownStoryProps>;
+export declare const Playground: StoryFn<DropdownStoryProps>;
+export declare const WithSections: StoryFn<DropdownStoryProps>;
+export declare const Extended: StoryFn<DropdownStoryProps>;
+export declare const CustomTrigger: StoryFn<DropdownStoryProps>;

package/dist/components/Dropdown/DropdownTrigger.d.ts

@@ -1,7 +1,7 @@
 import { default as React, ButtonHTMLAttributes, HTMLAttributes } from 'react';
 import { DropdownTriggerProps, DropdownContextReturn } from './Dropdown.types';
 import { default as ColorScheme } from '../../utils/types/ColorScheme';
-export interface DropdownTriggerButtonProps extends DropdownTriggerProps {
+export interface DropdownTriggerButtonProps extends Omit<DropdownTriggerProps, 'children'> {
     children: DropdownTriggerProps['children'] | ((args: DropdownContextReturn) => React.ReactNode);
 }
 declare function DropdownTriggerButton(props: DropdownTriggerButtonProps): JSX.Element;

package/dist/components/HighlightMatch/HighlightMatch.stories.d.ts

@@ -1,5 +1,5 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { HighlightMatchProps } from './HighlightMatch';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<HighlightMatchProps>;
+export declare const Playground: StoryFn<HighlightMatchProps>;

package/dist/components/IconFactory/IconFactory.d.ts

@@ -11,7 +11,7 @@ export interface IconProps<T> {
     className?: string;
     color?: ThemeColors;
 }
-export type IconMapping = Record<string, ReactElement | ((props: never) => ReactElement)>;
+export type IconMapping = Record<string, ComponentType<Omit<IconProps<string>, 'name'>>>;
 export declare function UnknownIcon(): ReactElement;
 declare function IconFactory(map: IconMapping): ComponentType<IconProps<typeof map>>;
 export default IconFactory;

package/dist/components/IconFactory/IconFactory.stories.d.ts

@@ -1,6 +1,6 @@
-import { Story, Meta } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { icons } from './IconFactory.fixtures';
 import { IconProps } from './IconFactory';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<IconProps<typeof icons>>;
+export declare const Playground: StoryFn<IconProps<typeof icons>>;

package/dist/components/Loaders/LoadingBar.stories.d.ts

@@ -1,5 +1,5 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { LoadingBarProps } from './LoadingBar';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<LoadingBarProps>;
+export declare const Playground: StoryFn<LoadingBarProps>;

package/dist/components/Loaders/LoadingDots.stories.d.ts

@@ -1,6 +1,6 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { LoadingDotsProps } from './LoadingDots';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<LoadingDotsProps>;
-export declare const InsideButton: Story<LoadingDotsProps>;
+export declare const Playground: StoryFn<LoadingDotsProps>;
+export declare const InsideButton: StoryFn<LoadingDotsProps>;

package/dist/components/Loaders/Spinner.stories.d.ts

@@ -1,5 +1,5 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { SpinnerProps } from './Spinner';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<SpinnerProps>;
+export declare const Playground: StoryFn<SpinnerProps>;

package/dist/components/Loaders/index.d.ts

@@ -1,3 +1,3 @@
-export { default as Spinner, SpinnerProps } from './Spinner';
-export { default as LoadingBar, LoadingBarProps } from './LoadingBar';
-export { default as LoadingDots, LoadingDotsProps } from './LoadingDots';
+export { default as Spinner, type SpinnerProps } from './Spinner';
+export { default as LoadingBar, type LoadingBarProps } from './LoadingBar';
+export { default as LoadingDots, type LoadingDotsProps } from './LoadingDots';

package/dist/components/Pagination/Pagination.stories.d.ts

@@ -1,5 +1,5 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { PaginationProps } from './Pagination.types';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<PaginationProps>;
+export declare const Playground: StoryFn<PaginationProps>;

package/dist/components/Popover/Popover.stories.d.ts

@@ -1,5 +1,5 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { PopoverProps } from './Popover.types';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<PopoverProps>;
+export declare const Playground: StoryFn<PopoverProps>;

package/dist/components/Select/Select.stories.d.ts

@@ -1,19 +1,19 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { SelectProps } from './Select.types';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<SelectProps>;
-export declare const SingleSyncDatasource: Story<SelectProps>;
-export declare const SingleCustomOptionRendering: Story<SelectProps>;
-export declare const SingleCustomEmptyRendering: Story<SelectProps>;
-export declare const SingleAsyncDatasource: Story<SelectProps>;
-export declare const SingleMixedDatasources: Story<SelectProps>;
-export declare const MultiSyncDatasource: Story<SelectProps>;
-export declare const MultiAsyncDatasource: Story<SelectProps>;
-export declare const MultiMixedDatasource: Story<SelectProps>;
-export declare const VariousAsyncDatasources: Story<SelectProps>;
-export declare const MultiCustomOptionRendering: Story<SelectProps>;
-export declare const CreatableSync: Story<SelectProps>;
-export declare const CreatableAsync: Story<SelectProps>;
-export declare const CustomCreatableOption: Story<SelectProps>;
-export declare const SelectWithFixedCreatableOption: Story<SelectProps>;
+export declare const Playground: StoryFn<SelectProps>;
+export declare const SingleSyncDatasource: StoryFn<SelectProps>;
+export declare const SingleCustomOptionRendering: StoryFn<SelectProps>;
+export declare const SingleCustomEmptyRendering: StoryFn<SelectProps>;
+export declare const SingleAsyncDatasource: StoryFn<SelectProps>;
+export declare const SingleMixedDatasources: StoryFn<SelectProps>;
+export declare const MultiSyncDatasource: StoryFn<SelectProps>;
+export declare const MultiAsyncDatasource: StoryFn<SelectProps>;
+export declare const MultiMixedDatasource: StoryFn<SelectProps>;
+export declare const VariousAsyncDatasources: StoryFn<SelectProps>;
+export declare const MultiCustomOptionRendering: StoryFn<SelectProps>;
+export declare const CreatableSync: StoryFn<SelectProps>;
+export declare const CreatableAsync: StoryFn<SelectProps>;
+export declare const CustomCreatableOption: StoryFn<SelectProps>;
+export declare const SelectWithFixedCreatableOption: StoryFn<SelectProps>;

package/dist/components/Steps/Steps.stories.d.ts

@@ -1,5 +1,5 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { StepsProps } from './Steps';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<StepsProps>;
+export declare const Playground: StoryFn<StepsProps>;

package/dist/components/Switch/Switch.stories.d.ts

@@ -1,5 +1,5 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { SwitchProps } from './Switch';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<SwitchProps>;
+export declare const Playground: StoryFn<SwitchProps>;

package/dist/components/Table/Table.d.ts

@@ -1,7 +1,7 @@
-import { useSelection } from './Selection';
+import { useSelection, TableSelectableRow } from './Selection';
 import { default as TableSortHandle } from './TableSortHandle';
 import { TableProps, TableSectionProps, TableRowProps, TableCellProps, TableCaptionProps, TableSelectionProps, SelectionCellProps, TablePickerItemProps, TablePickerProps, ExpandableTableRowProps } from './Table.types';
-declare function Table<T>({ children, selection, scale, ...others }: TableProps<T>): JSX.Element;
+declare function Table<T extends TableSelectableRow>({ children, selection, scale, ...others }: TableProps<T>): JSX.Element;
 declare namespace Table {
     var Head: typeof TableHead;
     var Body: typeof TableBody;
@@ -23,8 +23,8 @@ declare function TableCaption({ children, position, height }: TableCaptionProps)
 declare function TableHead({ children, ...others }: TableSectionProps): JSX.Element;
 declare function TableBody({ children, ...others }: TableSectionProps): JSX.Element;
 declare function TableCell({ children, alignment, format, ...others }: TableCellProps): JSX.Element;
-declare function SelectionCell<T>({ value, ...props }: SelectionCellProps<T>): JSX.Element;
-declare function SelectionHeadCell<T>(props: SelectionCellProps<T>): JSX.Element;
+declare function SelectionCell<T extends TableSelectableRow>({ value, ...props }: SelectionCellProps<T>): JSX.Element;
+declare function SelectionHeadCell<T extends TableSelectableRow>(props: SelectionCellProps<T>): JSX.Element;
 declare function TableRow({ children, ...others }: TableRowProps): JSX.Element;
 declare function ExpandableTableRow({ expandableContent, expanded, leading: propsLeading, children, onExpandedChange, initialExpanded, ...others }: ExpandableTableRowProps): JSX.Element;
 declare function TableHeadCell({ alignment, children, onClick, ...others }: TableCellProps): JSX.Element;

package/dist/components/Table/Table.types.d.ts

@@ -17,7 +17,7 @@ export interface TableSelectionProps extends HTMLAttributes<HTMLDivElement> {
         values: TableSelectableRow[];
     }>[];
 }
-export interface SelectionCellProps<T extends Selectable = TableSelectableRow> extends HTMLAttributes<HTMLTableCellElement> {
+export interface SelectionCellProps<T extends TableSelectableRow = TableSelectableRow> extends Omit<HTMLAttributes<HTMLTableCellElement>, 'children'> {
     value?: T;
     children?: (props: {
         selected: boolean;

package/dist/components/TablePagination/TablePagination.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { TablePaginationProps } from './TablePagination.types';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<TablePaginationProps>;
+export declare const Playground: StoryFn<TablePaginationProps>;

package/dist/components/Text/Text.stories.d.ts

@@ -3,5 +3,5 @@ import { Text } from '.';
 import { TextProps } from './Text';
 declare const meta: Meta<typeof Text>;
 export default meta;
-type Story = StoryObj<TextProps>;
-export declare const Playground: Story;
+type StoryFn = StoryObj<TextProps>;
+export declare const Playground: StoryFn;

package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts

@@ -1,6 +1,6 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { ToggleGroupProps } from './ToggleGroup.types';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<ToggleGroupProps>;
-export declare const WithIcon: Story<ToggleGroupProps>;
+export declare const Playground: StoryFn<ToggleGroupProps>;
+export declare const WithIcon: StoryFn<ToggleGroupProps>;

package/dist/components/TopNavigation/Menu/MenuItemDropdown.d.ts

@@ -2,7 +2,7 @@ import { PropsWithChildren, ReactNode, HTMLAttributes } from 'react';
 import { Dropdown } from '../../Dropdown';
 export declare const MenuDropdown: import('styled-components').StyledComponent<typeof Dropdown, any, {}, never>;
 export declare const MenuDropdownSeparator: import('styled-components').StyledComponent<"hr", any, {}, never>;
-export declare const MenuDropdownLabel: import('styled-components').StyledComponent<"label", any, {}, never>;
+export declare const MenuDropdownLabel: import('styled-components').StyledComponent<"label", any, import('../../../theming').ThemedProps, never>;
 type MenuDropdownSubItemProps = HTMLAttributes<HTMLElement> & {
     label: string;
     url?: string;

package/dist/components/VisuallyHidden/VisuallyHidden.stories.d.ts

@@ -1,10 +1,9 @@
-import { default as Docs } from './VisuallyHidden.mdx';
 declare const _default: {
     title: string;
     component: import('styled-components').StyledComponent<"span", any, {}, never>;
     parameters: {
         docs: {
-            page: typeof Docs;
+            page: any;
         };
     };
 };

package/dist/hooks/useFocusTrap/useFocusTrap.stories.d.ts

@@ -1,7 +1,7 @@
-import { Story, Meta } from '@storybook/react';
+import { StoryFn, Meta } from '@storybook/react';
 import { useFocusTrapProps } from './useFocusTrap';
 declare const _default: Meta;
 export default _default;
-export declare const Playground: Story<useFocusTrapProps>;
-export declare const TabTrap: Story<useFocusTrapProps>;
-export declare const ArrowTrap: Story<useFocusTrapProps>;
+export declare const Playground: StoryFn<useFocusTrapProps>;
+export declare const TabTrap: StoryFn<useFocusTrapProps>;
+export declare const ArrowTrap: StoryFn<useFocusTrapProps>;

package/dist/index.js

@@ -2,18 +2,14 @@ import * as React from "react";
 import React__default, { forwardRef, Fragment, useState, useRef, useCallback, useEffect, createContext, useMemo, useReducer, useContext, useLayoutEffect, Children as Children$5, isValidElement } from "react";
 import styled, { css, keyframes, useTheme } from "styled-components";
 import { getToken } from "./theming/index.js";
-import flatten from "lodash/flatten.js";
-import isEmpty from "lodash/isEmpty.js";
+import { isEmpty, flatten, omit, get, range } from "lodash-es";
 import { t as toArray } from "./toArray-Dxb1kUxx.js";
-import { c as conditional, w as whenProps, p as prop } from "./prop-B8LY6G2g.js";
-import omit from "lodash/omit.js";
-import { r as rem, B as BASE_PIXELS } from "./miranda-compatibility.theme-C_FEacSw.js";
+import { c as conditional, w as whenProps, p as prop } from "./prop-K2Z3EsyG.js";
+import { r as rem, B as BASE_PIXELS } from "./miranda-compatibility.theme-kYNEZ7mW.js";
 import { isFunction, identity } from "@loadsmart/utils-function";
 import clsx from "clsx";
 import { isBlank } from "@loadsmart/utils-string";
 import { isNil, isObject } from "@loadsmart/utils-object";
-import get from "lodash/get.js";
-import range from "lodash/range.js";
 import ReactDOM from "react-dom";
 import { useFloating, autoUpdate, offset, flip, shift, arrow } from "@floating-ui/react-dom";
 import { u as useDragDropFileContext } from "./DragDropFile.context-oKnUu6d3.js";
@@ -6533,8 +6529,8 @@ function MenuExpandable({
     toggle,
     height
   } = useHeightExpansionToggler(expandableItemsRef);
-  return /* @__PURE__ */ React__default.createElement("div", { ...props, role: "none" }, /* @__PURE__ */ React__default.createElement(MenuBaseItem, { onClick: toggle, label, trailing: /* @__PURE__ */ React__default.createElement(IconWrapper$1, null, /* @__PURE__ */ React__default.createElement(StyledIcon, { $expanded: expanded, name: "chevron-down", size: 16 })), "aria-haspopup": "true", "aria-expanded": expanded }), /* @__PURE__ */ React__default.createElement(ExpandableItems, { $height: height, role: "menu" }, /* @__PURE__ */ React__default.createElement(ItemsWrapper, { $expanded: expanded, ref: expandableItemsRef, role: "presentation" }, React__default.Children.map(children, (child) => {
-    if (!child) return Fragment;
+  return /* @__PURE__ */ React__default.createElement("div", { ...props, role: "none" }, /* @__PURE__ */ React__default.createElement(MenuBaseItem, { onClick: toggle, label, trailing: /* @__PURE__ */ React__default.createElement(IconWrapper$1, null, /* @__PURE__ */ React__default.createElement(StyledIcon, { $expanded: expanded, name: "chevron-down", size: 16 })), "aria-haspopup": "true", "aria-expanded": expanded }), /* @__PURE__ */ React__default.createElement(ExpandableItems, { $height: height, role: "menu" }, /* @__PURE__ */ React__default.createElement(ItemsWrapper, { $expanded: expanded, ref: expandableItemsRef, role: "presentation" }, /* @__PURE__ */ React__default.createElement(Fragment, null, React__default.Children.map(children, (child) => {
+    if (!child) return null;
     if (typeof child === "object" && "type" in child) {
       return React__default.cloneElement(child, {
         key: label,
@@ -6543,7 +6539,7 @@ function MenuExpandable({
       });
     }
     return child;
-  }))));
+  })))));
 }
 function styledCompounds(Parent, compounds) {
   Object.keys(compounds).forEach((key) => {
@@ -7154,7 +7150,7 @@ function TablePickerItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ React__default.createElement(Dropdown.Item, { leading: checked ? /* @__PURE__ */ React__default.createElement(Icon$2, { name: "check", size: "16", color: "neutral-darker" }) : /* @__PURE__ */ React__default.createElement(Layout.Box, { padding: "s" }), role: "option", "aria-selected": checked ? "true" : "false", ...props }, children || option && (option.option || option.title || option.key) || "Column");
+  return /* @__PURE__ */ React__default.createElement(Dropdown.Item, { leading: checked ? /* @__PURE__ */ React__default.createElement(Icon$2, { name: "check", size: "16", color: "neutral-darker" }) : /* @__PURE__ */ React__default.createElement(Layout.Box, { padding: "s" }), role: "option", "aria-selected": checked ? "true" : "false", ...props }, children || option && (option.option || option.title || (typeof option.key !== "symbol" ? option.key : null)) || "Column");
 }
 const TriggerIcon = styled(Icon$2).attrs({
   name: "dots-horizontal",