uikit-react-public 0.11.24 → 0.14.21

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,6 @@
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
+    testId?: string;
+    className?: string;
+}
+declare const Badge: ({ testId, className, children, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export default Badge;

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

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ testId, className, children, ...props }: import('./Badge').BadgeProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    args: {
+        children: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -0,0 +1,2 @@
+export { default } from './Badge';
+export type { BadgeProps } from './Badge';

package/dist/components/Button/Button.d.ts

@@ -1,4 +1,5 @@
 import { ReactElement, ElementType, ComponentPropsWithRef } from 'react';
+import { MarginProps } from '../common/marginsStyle';
 export declare const NAME = "ucl-uikit-button";
 type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>['ref'];
 export interface ButtonBaseProps {
@@ -16,7 +17,7 @@ export interface ButtonBaseProps {
 export type ButtonProps<C extends ElementType = 'button'> = {
     as?: C;
     ref?: PolymorphicRef<C>;
-} & ButtonBaseProps & Omit<ComponentPropsWithRef<C>, keyof ButtonBaseProps | 'as'>;
+} & ButtonBaseProps & MarginProps & Omit<ComponentPropsWithRef<C>, keyof ButtonBaseProps | 'as'>;
 declare const Button: <C extends ElementType = "button">({ as, variant, destructive, size, disabled, icon, iconPosition, tooltip, loading, fullWidth, testId, ref, children, className, ...props }: ButtonProps<C>) => import("react/jsx-runtime").JSX.Element;
 declare const MemoizedButton: typeof Button;
 export default MemoizedButton;

package/dist/components/CookieNotice/CookieNotice.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'react';
+import { MarginProps } from '../common/marginsStyle';
+export declare const NAME = "ucl-uikit-cookie-notice";
+export declare const DEFAULT_POLICY_HREF = "https://www.ucl.ac.uk/legal-services/privacy/cookie-policy";
+export declare const DEFAULT_TEXT = "We use necessary cookies to manage your session and essential site functions. We also use Google Analytics cookies to understand how our site is used. You can accept or reject non-essential cookies.";
+export interface CookieNoticeBaseProps extends HTMLAttributes<HTMLDivElement> {
+    policyHref?: string;
+    text?: string;
+    onAccept?: () => void;
+    onReject?: () => void;
+    trapFocus?: boolean;
+    testId?: string;
+}
+export type CookieNoticeProps = CookieNoticeBaseProps & MarginProps;
+declare const CookieNotice: ({ policyHref, text, onAccept, onReject, trapFocus, testId, className, ...props }: CookieNoticeProps) => import("react/jsx-runtime").JSX.Element;
+export default CookieNotice;

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

@@ -0,0 +1,2 @@
+export { default } from './CookieNotice';
+export type { CookieNoticeProps } from './CookieNotice';

package/dist/components/Dialog/BaseDialog.d.ts

@@ -9,8 +9,13 @@ export interface BaseDialogProps extends HTMLAttributes<HTMLDialogElement> {
     modal?: boolean;
     closeOnClickOutside?: boolean;
     closeOnClickOutsideStopPropagation?: boolean;
-    onClose?: (ev: React.MouseEvent) => void;
+    nonModalCloseOnEscape?: boolean;
+    onClose?: (ev: React.MouseEvent | KeyboardEvent) => void;
+    initialFocusRef?: React.RefObject<HTMLElement>;
+    finalFocusRef?: React.RefObject<HTMLElement>;
+    disableFocusTrap?: boolean;
+    restoreFocus?: boolean;
     testId?: string;
 }
-declare const _default: React.MemoExoticComponent<({ open, size, modal, closeOnClickOutside, closeOnClickOutsideStopPropagation, onClose, testId, className, children, ...props }: BaseDialogProps) => import("react/jsx-runtime").JSX.Element | null>;
+declare const _default: React.MemoExoticComponent<({ open, size, modal, closeOnClickOutside, closeOnClickOutsideStopPropagation, nonModalCloseOnEscape, onClose, className, children, initialFocusRef, finalFocusRef, disableFocusTrap, restoreFocus, testId, ...props }: BaseDialogProps) => import("react/jsx-runtime").JSX.Element | null>;
 export default _default;

package/dist/components/FileInput/FileInput.d.ts

@@ -0,0 +1,8 @@
+import { InputHTMLAttributes } from 'react';
+export declare const NAME = "ucl-uikit-fileinput";
+export interface FileInputProps extends InputHTMLAttributes<HTMLInputElement> {
+    testId?: string;
+    labelId?: string;
+}
+declare const FileInput: ({ testId, children, labelId, ...props }: FileInputProps) => import("react/jsx-runtime").JSX.Element;
+export default FileInput;

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

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ testId, children, labelId, ...props }: import('./FileInput').FileInputProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithCustomClass: Story;
+export declare const MultipleFiles: Story;
+export declare const NoChildren: Story;
+export declare const WithDecorator: Story;

package/dist/components/FileInput/__tests__/FileInput.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+export { default } from './FileInput';
+export type { FileInputProps } from './FileInput';

package/dist/components/Header/Header.d.ts

@@ -7,9 +7,12 @@ export declare const DEFAULT_Z_INDEX = 3;
 export interface HeaderProps extends HTMLAttributes<HTMLElement> {
     title?: string;
     fixed?: boolean;
+    titleAs?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
+    titleClassName?: string;
+    titleProps?: Record<string, unknown>;
     testId?: string;
 }
-declare const MemoAppHeader: import('react').MemoExoticComponent<({ title, fixed, testId, className, children, ...props }: HeaderProps) => import("react/jsx-runtime").JSX.Element>;
+declare const MemoAppHeader: import('react').MemoExoticComponent<({ title, fixed, titleAs, titleClassName, titleProps, testId, className, children, ...props }: HeaderProps) => import("react/jsx-runtime").JSX.Element>;
 export interface IHeaderSubComponents {
     Menu: typeof HeaderMenu;
 }

package/dist/components/Heading/Heading.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import { MarginProps } from '../common/marginsStyle';
-export declare const NAME = "ucl-heading";
+export declare const NAME = "ucl-uikit-heading";
 export interface HeadingBaseProps extends HTMLAttributes<HTMLHeadingElement> {
     level?: 1 | 2 | 3 | 4;
     margins?: boolean;

package/dist/components/Link/BaseLink.d.ts

@@ -0,0 +1,10 @@
+import { default as React, AnchorHTMLAttributes, ElementType } from 'react';
+export interface BaseLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    component?: ElementType;
+    size?: 'small' | 'default';
+    noVisited?: boolean;
+    disabled?: boolean;
+    testId?: string;
+}
+declare const BaseLink: React.ForwardRefExoticComponent<BaseLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export default BaseLink;

package/dist/components/Link/Link.d.ts

@@ -1,11 +1,6 @@
-import { AnchorHTMLAttributes, ElementType, ComponentPropsWithRef } from 'react';
-export declare const NAME = "ucl-link";
-export interface LinkBaseProps {
-    noVisited?: boolean;
-    testId?: string;
-    component?: ElementType;
+import { BaseLinkProps } from './BaseLink';
+export interface LinkProps extends BaseLinkProps {
+    variant?: 'primary' | 'secondary';
 }
-export type LinkProps<C extends ElementType = 'a'> = LinkBaseProps & (C extends 'a' ? AnchorHTMLAttributes<HTMLAnchorElement> : Omit<ComponentPropsWithRef<C>, keyof LinkBaseProps>);
-export type Ref = HTMLAnchorElement;
-declare const _default: import('react').NamedExoticComponent<LinkBaseProps & AnchorHTMLAttributes<HTMLAnchorElement> & import('react').RefAttributes<HTMLAnchorElement>>;
-export default _default;
+declare const Link: import('react').ForwardRefExoticComponent<LinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
+export default Link;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: import('react').NamedExoticComponent<import('./Link').LinkBaseProps & import('react').AnchorHTMLAttributes<HTMLAnchorElement> & import('react').RefAttributes<HTMLAnchorElement>>;
+    component: import('react').ForwardRefExoticComponent<import('./Link').LinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
     args: {
         children: string;
         href: string;

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

@@ -1,2 +1,2 @@
 export { default } from './Link';
-export type { LinkProps, LinkBaseProps } from './Link';
+export type { LinkProps } from './Link';

package/dist/components/Menu/MenuContent.d.ts

@@ -1,6 +1,6 @@
 import { default as React, HTMLAttributes } from 'react';
 export declare const NAME = "ucl-uikit-menu__content";
-export interface MenuContentProps extends HTMLAttributes<HTMLDivElement> {
+export interface MenuContentProps extends HTMLAttributes<HTMLUListElement> {
     title?: string;
     testId?: string;
     position?: 'left' | 'right';

package/dist/components/Menu/MenuItem.d.ts

@@ -3,6 +3,8 @@ export declare const NAME = "ucl-uikit-menu__item";
 export interface MenuItemProps extends LiHTMLAttributes<HTMLLIElement> {
     testId?: string;
     icon?: React.ReactNode;
+    secondary?: boolean;
+    externalLink?: boolean;
 }
 declare const _default: React.NamedExoticComponent<MenuItemProps>;
 export default _default;

package/dist/components/Menu/MenuSection.d.ts

@@ -1,6 +1,6 @@
 import { default as React, HTMLAttributes } from 'react';
 export declare const NAME = "ucl-uikit-menu__section";
-export interface MenuSectionProps extends HTMLAttributes<HTMLElement> {
+export interface MenuSectionProps extends HTMLAttributes<HTMLLIElement> {
     testId?: string;
 }
 declare const MenuSection: React.FC<MenuSectionProps>;

package/dist/components/Search/Search.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'react';
+import { InputProps, IconButtonProps } from '../..';
+import { MarginProps } from '../common/marginsStyle';
+export interface SearchBaseProps extends HTMLAttributes<HTMLDivElement> {
+    onSearch?: (searchTerms: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    inputProps?: InputProps;
+    clearButtonProps?: IconButtonProps;
+    submitButtonProps?: IconButtonProps;
+    testId?: string;
+}
+export type SearchProps = SearchBaseProps & MarginProps;
+export declare const NAME = "ucl-uikit-search";
+declare const Search: ({ placeholder, testId, onSearch, disabled, m, mv, mh, mt, mb, ml, mr, noMargins, inputProps, clearButtonProps, submitButtonProps, className, ...props }: SearchProps) => import("react/jsx-runtime").JSX.Element;
+export default Search;

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

@@ -0,0 +1,34 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ placeholder, testId, onSearch, disabled, m, mv, mh, mt, mb, ml, mr, noMargins, inputProps, clearButtonProps, submitButtonProps, className, ...props }: import('./Search').SearchProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        placeholder: {
+            control: {
+                type: "text";
+            };
+        };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+        };
+        testId: {
+            control: {
+                type: "text";
+            };
+        };
+        onSearch: {
+            action: string;
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+export declare const WithPlaceholder: Story;

package/dist/components/Search/__tests__/Search.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+export { default } from './Search';
+export type { SearchProps } from './Search';

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

@@ -1,3 +1,3 @@
 import { SelectProps } from './Select.types';
-declare const Select: (props: SelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const Select: <T extends string | number = string>(props: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default Select;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: (props: import('./Select.types').SelectProps) => import("react/jsx-runtime").JSX.Element;
+    component: <T extends string | number = string>(props: import('./Select.types').SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
     argTypes: {
         value: {
             control: {
@@ -28,12 +28,9 @@ declare const meta: {
                 type: "text";
             };
         };
-        width: {
+        lineBreak: {
             control: {
-                type: "range";
-                min: number;
-                max: number;
-                step: number;
+                type: "boolean";
             };
         };
     };
@@ -50,7 +47,6 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Native: Story;
-export declare const OptionsWithIcons: Story;
 export declare const Disabled: Story;
 export declare const WithPlaceholder: Story;
 export declare const SingleLongOption: Story;

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

@@ -3,7 +3,7 @@
  * Maps to a native <option> element in <NativeSelect>
  * or a <CustomOption> in <CustomSelect>
  */
-export type OptionData = {
+export type OptionData<T> = {
     /**
      * Display text shown to the user
      */
@@ -12,22 +12,24 @@ export type OptionData = {
      * Data-friendly value that is returned when the option is selected
      * We assume this will be submitted to a server or used in some other way
      */
-    value: string;
+    value: T;
     /**
-     * Optional icon to be displayed to the left of the option text.
-     * Only used by <CustomOption>
-     * Takes in an actual <Icon> component
+     * Apply additional props to a select option component.
      */
+    optionProps?: Record<string, unknown>;
+    /**
+     Deprecated
+    */
     icon?: React.ReactNode;
 };
 /**
  * Top level props that <Select> accepts when implemented
  */
-interface BaseSelectProps {
+interface BaseSelectProps<T = string> {
     /**
      * An array of option data, to be rendered either natively or custom
      */
-    options: OptionData[];
+    options: OptionData<T>[];
     /**
      * Placeholder text shown when no option is selected
      * Displayed in visible field of custom implementation
@@ -53,11 +55,13 @@ interface BaseSelectProps {
  * Internal props for the custom implementation, with <div> as root element
  * onChange already exists on <div>. We override it.
  */
-export type CustomSelectProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> & BaseSelectProps & {
+export type CustomSelectProps<T> = Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> & BaseSelectProps<T> & {
     native?: false;
-    value?: string | number;
+    value?: T;
     disabled?: boolean;
-    onValueChange?: (value: string, ev: React.UIEvent) => void;
+    lineBreak?: boolean;
+    panelClassName?: string;
+    onValueChange?: (value: T, ev: React.UIEvent) => void;
     ref?: React.RefObject<HTMLDivElement | null>;
 };
 /**
@@ -68,15 +72,16 @@ export type NativeSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> &
     native: true;
     ref?: React.RefObject<HTMLSelectElement | null>;
 };
-export type SelectProps = NativeSelectProps | CustomSelectProps;
+export type SelectProps<T> = NativeSelectProps | CustomSelectProps<T>;
 /**
  * Each option as displayed in the Panel of <CustomSelect>
  * Roughly equivalent to a custom version of <option>
  */
-export interface CustomOptionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
-    value: string;
+export interface CustomOptionProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    value: T;
     testId?: string;
     isSelected?: boolean;
-    onSelect: (event: React.MouseEvent, value: string) => void;
+    onSelect: (event: React.MouseEvent, value: T) => void;
+    lineBreak?: boolean;
 }
 export {};

package/dist/components/Select/subcomponents/CustomOption.d.ts

@@ -1,3 +1,3 @@
 import { CustomOptionProps } from '../Select.types';
-declare const CustomOption: ({ value, isSelected, onSelect, testId, className, children, ...props }: CustomOptionProps) => import("react/jsx-runtime").JSX.Element;
+declare const CustomOption: <T extends string | number>({ value, isSelected, onSelect, lineBreak, testId, className, children, ...props }: CustomOptionProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default CustomOption;

package/dist/components/Select/subcomponents/CustomSelect.d.ts

@@ -1,4 +1,3 @@
 import { CustomSelectProps } from '../Select.types';
-export declare const DEFAULT_WIDTH_PX = 200;
-declare const CustomSelect: ({ value, options, onValueChange, disabled, placeholder, width, testId, className, ref, ...props }: CustomSelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const CustomSelect: <T extends string | number>({ value, options, onValueChange, disabled, placeholder, lineBreak, width, testId, className, panelClassName, ref, ...props }: CustomSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default CustomSelect;

package/dist/components/Select/subcomponents/Panel.d.ts

@@ -1,3 +1,3 @@
 type PanelProps = React.ComponentPropsWithoutRef<'div'>;
-declare const Panel: (props: PanelProps) => import("react/jsx-runtime").JSX.Element;
+declare const Panel: ({ className, ...props }: PanelProps) => import("react/jsx-runtime").JSX.Element;
 export default Panel;

package/dist/components/Select/subcomponents/VisibleField.d.ts

@@ -1,9 +1,9 @@
 import { OptionData } from '../Select.types';
-interface VisibleFieldProps {
+interface VisibleFieldProps<T> {
     isOpen?: boolean;
     disabled?: boolean;
-    selectedOption: OptionData | null | undefined;
+    selectedOption: OptionData<T> | null | undefined;
     placeholder?: string;
 }
-declare const Field: ({ selectedOption, isOpen, placeholder, disabled, }: VisibleFieldProps) => import("react/jsx-runtime").JSX.Element;
-export default Field;
+declare const VisibleField: <T extends string | number>({ selectedOption, isOpen, placeholder, disabled, }: VisibleFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default VisibleField;

package/dist/components/StandaloneLink/StandaloneLink.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+import { IconProps } from '../Icon';
+import { BaseLinkProps } from '../Link/BaseLink';
+import { MarginProps } from '../common/marginsStyle';
+export interface StandaloneLinkBaseProps extends BaseLinkProps {
+    variant?: 'primary' | 'secondary' | 'tertiary';
+    icon?: ReactElement<IconProps>;
+    iconPosition?: 'left' | 'right';
+}
+export type StandaloneLinkProps = StandaloneLinkBaseProps & MarginProps;
+declare const StandaloneLink: import('react').ForwardRefExoticComponent<StandaloneLinkBaseProps & MarginProps & import('react').RefAttributes<HTMLAnchorElement>>;
+export default StandaloneLink;

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

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./StandaloneLink').StandaloneLinkBaseProps & import('../common/marginsStyle').MarginProps & import('react').RefAttributes<HTMLAnchorElement>>;
+    args: {
+        children: string;
+        href: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NewTab: Story;

package/dist/components/StandaloneLink/__tests__/StandaloneLink.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+export { default } from './StandaloneLink';
+export type { StandaloneLinkProps } from './StandaloneLink';

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

@@ -1,8 +1,10 @@
-import { TableHTMLAttributes } from 'react';
-export declare const NAME = "ucl-uikit-table";
-export interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
-    testId?: string;
-}
-export type Ref = HTMLTableElement;
-declare const _default: import('react').NamedExoticComponent<TableProps & import('react').RefAttributes<HTMLTableElement>>;
-export default _default;
+import { TableProps } from './Table.types';
+declare const Table: {
+    ({ testId, className, children, ref, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;
+    Head: ({ className, children, ...props }: import('./subcomponents').TableHeadProps) => import("react/jsx-runtime").JSX.Element;
+    HeadCell: ({ variant, accessor, sort, onSortChange, showSortIcon, checked, onCheck, testId, className, children, ...props }: import('./subcomponents').TableHeadCellProps) => import("react/jsx-runtime").JSX.Element;
+    Body: ({ className, children, ...props }: import('./subcomponents').TableBodyProps) => import("react/jsx-runtime").JSX.Element;
+    Row: ({ selected, className, children, ...props }: import('./subcomponents').TableRowProps) => import("react/jsx-runtime").JSX.Element;
+    Cell: ({ variant, icon, onCheck, checked, onButtonClick, testId, className, children, ...props }: import('./subcomponents').TableCellProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Table;

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

@@ -0,0 +1,21 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: {
+        ({ testId, className, children, ref, ...props }: import('./Table.types').TableProps): import("react/jsx-runtime").JSX.Element;
+        Head: ({ className, children, ...props }: import('./subcomponents').TableHeadProps) => import("react/jsx-runtime").JSX.Element;
+        HeadCell: ({ variant, accessor, sort, onSortChange, showSortIcon, checked, onCheck, testId, className, children, ...props }: import('./subcomponents').TableHeadCellProps) => import("react/jsx-runtime").JSX.Element;
+        Body: ({ className, children, ...props }: import('./subcomponents').TableBodyProps) => import("react/jsx-runtime").JSX.Element;
+        Row: ({ selected, className, children, ...props }: import('./subcomponents').TableRowProps) => import("react/jsx-runtime").JSX.Element;
+        Cell: ({ variant, icon, onCheck, checked, onButtonClick, testId, className, children, ...props }: import('./subcomponents').TableCellProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;
+export declare const CellVariants: Story;
+export declare const WithHeaderCellCheckbox: Story;

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

@@ -0,0 +1,11 @@
+export type ColumnVariant = 'default' | 'numeric' | 'checkbox' | 'button';
+export type SortOrder = 'asc' | 'desc' | null;
+export type SortPattern = {
+    accessor: string | null;
+    order: SortOrder;
+};
+export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
+    testId?: string;
+    className?: string;
+    ref?: React.Ref<HTMLTableElement>;
+}

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,2 +1,3 @@
 export { default } from './Table';
-export type { TableProps } from './Table';
+export type { TableProps, ColumnVariant } from './Table.types';
+export type { TableHeadProps, TableHeadCellProps, TableBodyProps, TableRowProps, TableCellProps, } from './subcomponents';

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

@@ -0,0 +1,4 @@
+export interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+declare const Body: ({ className, children, ...props }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
+export default Body;

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

@@ -0,0 +1,12 @@
+import { ColumnVariant } from '../../Table.types';
+export interface TableCellProps extends React.HTMLAttributes<HTMLTableCellElement> {
+    variant?: ColumnVariant;
+    icon?: React.ReactNode;
+    checked?: boolean;
+    onCheck?: (checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;
+    onButtonClick?: (event: React.UIEvent) => void;
+    className?: string;
+    testId?: string;
+}
+declare const Cell: ({ variant, icon, onCheck, checked, onButtonClick, testId, className, children, ...props }: TableCellProps) => import("react/jsx-runtime").JSX.Element;
+export default Cell;