@galaxy-ds/core 2.0.18 → 2.0.20

package/dist/Radio/Radio.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Radio } from './Radio';
+declare const meta: Meta<typeof Radio>;
+export default meta;
+type Story = StoryObj<typeof Radio>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const Disabled: Story;

package/dist/Radio/Radio.types.d.ts

@@ -1,5 +1,4 @@
-import { RadioProps as MuiRadioProps } from "@mui/material";
+import { RadioProps as MuiRadioProps } from '@mui/material';
 export interface RadioProps extends MuiRadioProps {
     label: string;
-    value: any;
 }

package/dist/Radio/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Radio";
-export * from "./Radio.types";
+export * from './Radio';
+export * from './Radio.types';

package/dist/RadioGroup/RadioGroup.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { RadioGroup } from './RadioGroup';
+declare const meta: Meta<typeof RadioGroup>;
+export default meta;
+type Story = StoryObj<typeof RadioGroup>;
+export declare const Default: Story;

package/dist/RadioGroup/RadioGroup.types.d.ts

@@ -1,4 +1,4 @@
-import { RadioGroupProps as MuiRadioGroupProps } from "@mui/material";
+import { RadioGroupProps as MuiRadioGroupProps } from '@mui/material';
 export interface RadioGroupProps extends MuiRadioGroupProps {
     label?: string;
 }

package/dist/RadioGroup/index.d.ts

@@ -1,2 +1,2 @@
-export * from './RadioGroup.types';
 export * from './RadioGroup';
+export * from './RadioGroup.types';

package/dist/RibbonButton/RibbonButton.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { RibbonButtonProps } from './RibbonButton.types';
-export declare const RibbonButton: React.ForwardRefExoticComponent<Omit<RibbonButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const RibbonButton: import("react").ForwardRefExoticComponent<Omit<RibbonButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export default RibbonButton;

package/dist/RibbonButton/RibbonButton.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { RibbonButton } from './RibbonButton';
+declare const meta: Meta<typeof RibbonButton>;
+export default meta;
+type Story = StoryObj<typeof RibbonButton>;
+export declare const Default: Story;
+export declare const LongTail: Story;
+export declare const Wrapped: Story;
+export declare const Toolbar: Story;

package/dist/RibbonButton/RibbonButton.styled.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export declare const CaretWrapperStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const RibbonButtonStyled: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
-}, "children" | "disabled" | "color" | "fullWidth" | "size" | "style" | "classes" | "className" | "sx" | "tabIndex" | "action" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "href" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "children" | "className" | "style" | "classes" | "color" | "sx" | "tabIndex" | "href" | "disabled" | "fullWidth" | "size" | "action" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const RibbonLabelStyled: import("@emotion/styled").StyledComponent<Omit<import("../Typography").TypographyProps, "ref"> & import("react").RefAttributes<HTMLSpanElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const RibbonContentStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    isWrapped?: boolean;
+    isWrapped?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/RibbonButton/RibbonButton.types.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ButtonProps as MuiButtonProps } from '@mui/material';
 export interface RibbonButtonProps extends MuiButtonProps {
     icon: React.ReactNode;

package/dist/RibbonButtonGroup/RibbonButtonGroup.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { RibbonButtonGroupProps } from './RibbonButtonGroup.types';
-export declare const RibbonButtonGroup: React.ForwardRefExoticComponent<Omit<RibbonButtonGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const RibbonButtonGroup: import("react").ForwardRefExoticComponent<Omit<RibbonButtonGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export default RibbonButtonGroup;

package/dist/RibbonButtonGroup/RibbonButtonGroup.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { RibbonButtonGroup } from './RibbonButtonGroup';
+declare const meta: Meta<typeof RibbonButtonGroup>;
+export default meta;
+type Story = StoryObj<typeof RibbonButtonGroup>;
+export declare const Default: Story;
+export declare const Wrapped: Story;
+export declare const Toolbar: Story;
+export declare const Menu: Story;

package/dist/RibbonButtonGroup/RibbonButtonGroup.styled.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 export declare const RibbonButtonGroupStyled: import("@emotion/styled").StyledComponent<import("@mui/material/ButtonGroup").ButtonGroupOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLDivElement>;
-}, "children" | "disabled" | "color" | "fullWidth" | "size" | "style" | "classes" | "className" | "sx" | "variant" | "disableRipple" | "disableElevation" | "disableFocusRipple" | "orientation"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "className" | "style" | "classes" | "color" | "sx" | "orientation" | "disabled" | "fullWidth" | "size" | "variant" | "disableRipple" | "disableElevation" | "disableFocusRipple"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const RibbonCaretWrapperStyled: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
-}, "children" | "disabled" | "color" | "fullWidth" | "size" | "style" | "classes" | "className" | "sx" | "tabIndex" | "action" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "href" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "children" | "className" | "style" | "classes" | "color" | "sx" | "tabIndex" | "href" | "disabled" | "fullWidth" | "size" | "action" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const RibbonButtonStyled: import("@emotion/styled").StyledComponent<Omit<import("../RibbonButton").RibbonButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/dist/RibbonButtonGroup/RibbonButtonGroupMenuExample.d.ts

@@ -0,0 +1 @@
+export declare const RibbonButtonGroupMenuExample: () => import("react/jsx-runtime").JSX.Element;

package/dist/Select/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Select";
-export * from "./Select.types";
+export * from './Select';
+export * from './Select.types';

package/dist/SidebarLayout/SidebarLayout.d.ts

@@ -1,2 +1,8 @@
-export declare const SidebarLayout: any;
+import React from 'react';
+import { SidebarLayoutProps } from './SidebarLayout.types';
+export declare const SidebarLayout: {
+    ({ children, sidebarWidth, sidebarBgColor, }: SidebarLayoutProps): import("react/jsx-runtime").JSX.Element;
+    Sidebar: (_props: React.PropsWithChildren) => null;
+    Main: (_props: React.PropsWithChildren) => null;
+};
 export default SidebarLayout;

package/dist/SidebarLayout/SidebarLayout.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { SidebarLayout } from './SidebarLayout';
+declare const meta: Meta<typeof SidebarLayout>;
+export default meta;
+type Story = StoryObj<typeof SidebarLayout>;
+/**
+ * `SidebarLayout` has `<SidebarLayout.Sidebar>` and `<SidebarLayout.Main>`, which are column flex box themselves.
+ * Sidebar width and background color are configurable.
+ */
+export declare const Default: Story;
+export declare const SidebarWidth: Story;
+export declare const SidebarColour: Story;

package/dist/SidebarLayout/SidebarLayout.types.d.ts

@@ -1,9 +1,10 @@
+import React from 'react';
 export interface SidebarLayoutProps {
     /**
      * Layout contents.
      * Wrap `<SidebarLayout.Sidebar>` and `<SidebarLayout.Main>` around your Sidebar and Main column's contents respectively.
      */
-    children: any;
+    children: React.ReactElement[];
     /**
      * Sidebar's width. Default to 260px.
      */

package/dist/SidebarLayout/index.d.ts

@@ -1,2 +1,2 @@
-export * from './SidebarLayout.types';
 export * from './SidebarLayout';
+export * from './SidebarLayout.types';

package/dist/StepNavigation/StepNavigation.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { StepNavigation } from './StepNavigation';
+declare const meta: Meta<typeof StepNavigation>;
+export default meta;
+type Story = StoryObj<typeof StepNavigation>;
+/**
+ * Set the active step (zero based index). Set to -1 to disable all the steps.
+ */
+export declare const Default: Story;

package/dist/StepNavigation/StepNavigation.styled.d.ts

@@ -3,4 +3,4 @@ declare const StepsContainer: import("@emotion/styled").StyledComponent<import("
 declare const StepBar: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const LabelsContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const StepLabel: import("@emotion/styled").StyledComponent<Omit<import("../Typography").TypographyProps, "ref"> & import("react").RefAttributes<HTMLSpanElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export { StepsContainer, StepBar, LabelsContainer, StepLabel };
+export { LabelsContainer, StepBar, StepLabel, StepsContainer };

package/dist/StepNavigation/StepNavigation.types.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 export interface StepNavigationProps {
     activeStep: number;
     steps?: Step[];
-    ref?: any;
+    ref?: React.LegacyRef<HTMLDivElement>;
 }
 export interface Step {
     label?: string;

package/dist/StepNavigation/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./StepNavigation";
-export * from "./StepNavigation.types";
+export * from './StepNavigation';
+export * from './StepNavigation.types';

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Switch } from './Switch';
+declare const meta: Meta<typeof Switch>;
+export default meta;
+type Story = StoryObj<typeof Switch>;
+/**
+ * Toggle button or switch. Only one colour (`default`) and one size supported.
+ */
+export declare const Default: Story;
+export declare const Disabled: Story;

package/dist/Switch/Switch.types.d.ts

@@ -1,3 +1,3 @@
-import { SwitchProps as MuiSwitchProps } from "@mui/material";
+import { SwitchProps as MuiSwitchProps } from '@mui/material';
 export interface SwitchProps extends MuiSwitchProps {
 }

package/dist/Switch/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Switch.types';
 export * from './Switch';
+export * from './Switch.types';

package/dist/Tab/Tab.d.ts

@@ -1,3 +1,3 @@
-import { TabProps } from "./Tab.types";
+import { TabProps } from './Tab.types';
 export declare const Tab: (props: TabProps) => import("react/jsx-runtime").JSX.Element;
 export default Tab;

package/dist/Tab/Tab.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Tab } from '../Tab';
+declare const meta: Meta<typeof Tab>;
+export default meta;
+type Story = StoryObj<typeof Tab>;
+export declare const Default: Story;

package/dist/Tab/Tab.styled.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const StyledTab: import("@emotion/styled").StyledComponent<import("@mui/material").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLDivElement>;
-}, "children" | "disabled" | "style" | "icon" | "label" | "classes" | "className" | "sx" | "tabIndex" | "action" | "value" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "iconPosition" | "wrapped"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "className" | "style" | "classes" | "sx" | "label" | "tabIndex" | "disabled" | "icon" | "action" | "value" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "iconPosition" | "wrapped"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/Tab/Tab.types.d.ts

@@ -1,3 +1,3 @@
-import { TabProps as MuiTabProps } from "@mui/material/Tab/Tab";
+import { TabProps as MuiTabProps } from '@mui/material/Tab/Tab';
 export interface TabProps extends MuiTabProps {
 }

package/dist/Tab/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Tab";
-export * from "./Tab.types";
+export * from './Tab';
+export * from './Tab.types';

package/dist/TabListItem/TabListItem.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { TabListItem } from './TabListItem';
+declare const meta: Meta<typeof TabListItem>;
+export default meta;
+type Story = StoryObj<typeof TabListItem>;
+export declare const Default: Story;
+export declare const TextPrependIcon: Story;

package/dist/TabListItem/TabListItem.styled.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export declare const StyledListItem: import("@emotion/styled").StyledComponent<{
-    button?: false;
+    button?: false | undefined;
 } & import("@mui/material/ListItem").ListItemOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLLIElement>;
-}, "children" | "button" | "disabled" | "alignItems" | "style" | "dense" | "divider" | "selected" | "classes" | "className" | "components" | "componentsProps" | "slots" | "slotProps" | "sx" | "autoFocus" | "secondaryAction" | "disableGutters" | "disablePadding" | "ContainerComponent" | "ContainerProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}, "children" | "className" | "style" | "classes" | "sx" | "button" | "disabled" | "alignItems" | "dense" | "divider" | "secondaryAction" | "selected" | "components" | "componentsProps" | "slots" | "slotProps" | "autoFocus" | "disableGutters" | "disablePadding" | "ContainerComponent" | "ContainerProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const ShowOnHover: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const HideOnHover: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const HoverContentWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {

package/dist/TabListItem/TabListItem.types.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ListItemProps } from '@mui/material';
 export interface TabListItemProps extends ListItemProps {
     /**

package/dist/Table/Table.stories.d.ts

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Table } from './Table';
+declare const meta: Meta<typeof Table>;
+export default meta;
+type Story = StoryObj<typeof Table>;
+/**
+ * All Table components (Table, TableBody, TableHead, TableFooter, TableRow, TableCell) have the option to be rendered as another HTML element type for more flexible structure. For example, `component='div'`.
+ */
+export declare const Default: Story;
+/**
+ * Compact Table use `size='small'`
+ */
+export declare const WithCheckbox: Story;
+/**
+ * To make table header sticky set `stickyHeader` to `true`.
+ */
+export declare const StickyHeader: Story;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TableProps as MuiTableProps } from '@mui/material';
 export interface TableProps extends MuiTableProps {
     /**

package/dist/Table/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Table.types';
 export * from './Table';
+export * from './Table.types';

package/dist/TableBody/TableBody.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { TableBody } from './TableBody';
+declare const meta: Meta<typeof TableBody>;
+export default meta;
+type Story = StoryObj<typeof TableBody>;
+/**
+ * All Table components (Table, TableBody, TableHead, TableFooter, TableRow, TableCell) have the option to be rendered as another HTML element type for more flexible structure.
+ * For example, `component='div'`.
+
+```javascript
+import TableBody from "@galaxy-ds/core";
+```
+ */
+export declare const Default: Story;

package/dist/TableBody/TableBody.types.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TableBodyProps as MuiTableBodyProps } from '@mui/material';
 export interface TableBodyProps extends MuiTableBodyProps {
     /**

package/dist/TableBody/index.d.ts

@@ -1,2 +1,2 @@
-export * from './TableBody.types';
 export * from './TableBody';
+export * from './TableBody.types';

package/dist/TableCell/TableCell.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { TableCell } from './TableCell';
+declare const meta: Meta<typeof TableCell>;
+export default meta;
+type Story = StoryObj<typeof TableCell>;
+/**
+ * All Table components (Table, TableBody, TableHead, TableFooter, TableRow, TableCell) have the option to be rendered as another HTML element type for more flexible structure.
+ * For example, `component='div'`.
+ */
+export declare const Default: Story;

package/dist/TableCell/TableCell.types.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { TableCellProps as MuiTableCellProps, TableCellBaseProps } from '@mui/material';
+import React from 'react';
+import { TableCellBaseProps, TableCellProps as MuiTableCellProps } from '@mui/material';
 export interface TableCellProps extends MuiTableCellProps {
     width?: number;
     /**

package/dist/TableCell/index.d.ts

@@ -1,2 +1,2 @@
-export * from './TableCell.types';
 export * from './TableCell';
+export * from './TableCell.types';

package/dist/TableCellIcon/TableCellIcon.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { TableCellIcon } from './TableCellIcon';
+declare const meta: Meta<typeof TableCellIcon>;
+export default meta;
+type Story = StoryObj<typeof TableCellIcon>;
+export declare const Default: Story;
+export declare const Alignment: Story;

package/dist/TableCellIcon/TableCellIcon.types.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface TableCellIconProps {
     align?: 'center' | 'inherit' | 'left' | 'right';
     children?: React.ReactNode;

package/dist/TableCellIcon/index.d.ts

@@ -1,2 +1,2 @@
-export * from './TableCellIcon.types';
 export * from './TableCellIcon';
+export * from './TableCellIcon.types';

package/dist/TableContainer/TableContainer.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { TableContainer } from './TableContainer';
+declare const meta: Meta<typeof TableContainer>;
+export default meta;
+type Story = StoryObj<typeof TableContainer>;
+export declare const Default: Story;

package/dist/TableContainer/index.d.ts

@@ -1,2 +1,2 @@
-export * from './TableContainer.types';
 export * from './TableContainer';
+export * from './TableContainer.types';

package/dist/TableFooter/TableFooter.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { TableFooter } from './TableFooter';
+declare const meta: Meta<typeof TableFooter>;
+export default meta;
+type Story = StoryObj<typeof TableFooter>;
+/**
+ * All Table components (Table, TableBody, TableHead, TableFooter, TableRow, TableCell) have the option to be rendered as another HTML element type for more flexible structure.
+For example, `component='div'`.
+ */
+export declare const Default: Story;

package/dist/TableFooter/index.d.ts

@@ -1,2 +1,2 @@
-export * from './TableFooter.types';
 export * from './TableFooter';
+export * from './TableFooter.types';

package/dist/TableHead/TableHead.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { TableHead } from './TableHead';
+declare const meta: Meta<typeof TableHead>;
+export default meta;
+type Story = StoryObj<typeof TableHead>;
+/**
+ * All Table components (Table, TableBody, TableHead, TableFooter, TableRow, TableCell) have the option to be rendered as another HTML element type for more flexible structure.
+For example, `component='div'`.
+ */
+export declare const Default: Story;

package/dist/TableHead/index.d.ts

@@ -1,2 +1,2 @@
-export * from './TableHead.types';
 export * from './TableHead';
+export * from './TableHead.types';

package/dist/TableRow/TableRow.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { TableRow } from './TableRow';
+declare const meta: Meta<typeof TableRow>;
+export default meta;
+type Story = StoryObj<typeof TableRow>;
+/**
+ * All Table components (Table, TableBody, TableHead, TableFooter, TableRow, TableCell) have the option to be rendered as another HTML element type for more flexible structure.
+For example, `component='div'`.
+ */
+export declare const Default: Story;
+export declare const HoverState: Story;
+export declare const SelectedHoverState: Story;

package/dist/TableRow/index.d.ts

@@ -1,2 +1,2 @@
-export * from './TableRow.types';
 export * from './TableRow';
+export * from './TableRow.types';

package/dist/Tabs/Tabs.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Tabs } from './Tabs';
+declare const meta: Meta<typeof Tabs>;
+export default meta;
+type Story = StoryObj<typeof Tabs>;
+export declare const Default: Story;
+export declare const Vertical: Story;
+export declare const ListStyles: Story;

package/dist/Tabs/Tabs.styled.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { Theme } from '@mui/material';
 export declare const StyledTabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLDivElement>;
-}, "children" | "style" | "classes" | "className" | "slots" | "slotProps" | "sx" | "aria-label" | "aria-labelledby" | "onChange" | "action" | "variant" | "value" | "orientation" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "className" | "style" | "classes" | "sx" | "orientation" | "aria-label" | "aria-labelledby" | "onChange" | "slots" | "slotProps" | "action" | "variant" | "value" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/Tabs/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Tabs";
-export * from "./Tabs.types";
+export * from './Tabs';
+export * from './Tabs.types';

package/dist/Tabs/support/TabsExample.d.ts

@@ -0,0 +1,3 @@
+import { TabsProps } from '..';
+export declare function TabsExample(props: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabsListExample(props: TabsProps): import("react/jsx-runtime").JSX.Element;

package/dist/Tag/Tag.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Tag } from './Tag';
+declare const meta: Meta<typeof Tag>;
+export default meta;
+type Story = StoryObj<typeof Tag>;
+export declare const Default: Story;
+export declare const StartIcon: Story;
+export declare const EndIcon: Story;
+export declare const Delete: Story;
+export declare const LongTailLabels: Story;
+export declare const Detailed: Story;
+export declare const Tooltip: Story;
+export declare const CustomAction: Story;

package/dist/Tag/Tag.styled.d.ts

@@ -5,6 +5,5 @@ export declare const TagStartIcon: import("@emotion/styled").StyledComponent<imp
 export declare const TagEndIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TagDelete: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const MuiIconButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
-}, "children" | "disabled" | "color" | "size" | "style" | "classes" | "className" | "sx" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const MuiTypography: import("@emotion/styled").StyledComponent<Omit<import("../Typography").TypographyProps, "ref"> & import("react").RefAttributes<HTMLSpanElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "children" | "className" | "style" | "classes" | "color" | "sx" | "tabIndex" | "disabled" | "size" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/Tag/Tag.types.d.ts

@@ -1,18 +1,18 @@
+import React from 'react';
 export interface TagProps {
     label: string;
     variant?: 'default';
-    endIcon?: any;
-    startIcon?: any;
-    deleteIcon?: any;
+    endIcon?: React.ReactNode;
+    startIcon?: React.ReactNode;
+    deleteIcon?: React.ReactNode;
     tooltip?: string;
-    tooltipPlacement?: any;
+    tooltipPlacement?: string;
     tooltipLabel?: string;
-    tooltipLabelPlacement?: any;
+    tooltipLabelPlacement?: string;
     tooltipDelete?: string;
-    tooltipDeletePlacement?: any;
-    platformWeb?: boolean;
-    ref?: any;
+    tooltipDeletePlacement?: string;
     disabled?: boolean;
-    onClick?: (e: any) => void;
-    onDelete?: (e: any) => void;
+    onClick?: () => void;
+    onDelete?: (event: React.MouseEvent) => void;
 }
+export type TOOLTIP_PLACEMENT = 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';

package/dist/Tag/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Tag.types';
 export * from './Tag';
+export * from './Tag.types';

package/dist/TextareaAutosize/TextareaAutosize.d.ts

@@ -0,0 +1,3 @@
+import { TextareaAutosizeProps } from './TextareaAutosize.types';
+export declare const TextareaAutosize: (props: TextareaAutosizeProps) => import("react/jsx-runtime").JSX.Element;
+export default TextareaAutosize;