@soul-refiner/design-system 0.1.29 → 0.1.30

package/dist/components/iconography/icon/icon.stories.d.ts

@@ -0,0 +1,24 @@
+import { Meta } from '@storybook/react';
+import { IconProps } from './icon';
+declare const meta: Meta;
+export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconProps>;
+export declare const Email: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconProps>;
+export declare const People: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconProps>;
+export declare const Security: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconProps>;
+export declare const Notifications: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconProps>;
+export declare const Time: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconProps>;
+export declare const Maps: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconProps>;
+export declare const Symbols: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconProps>;
+export declare const Finance: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconProps>;
+export declare const Message: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconProps>;
+export declare const Layout: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconProps>;
+export declare const Data: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconProps>;
+export declare const File: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconProps>;
+export declare const Arrow: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconProps>;
+export declare const Misc: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconProps>;
+export declare const Text: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconProps>;
+export declare const Shopping: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconProps>;
+export declare const Technology: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconProps>;
+export declare const VideoAudio: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconProps>;
+export declare const Phone: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconProps>;
+export default meta;

package/dist/components/iconography/icon/index.d.ts

@@ -0,0 +1,2 @@
+export { Icon } from './icon';
+export type { IconProps } from './icon';

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

@@ -0,0 +1,4 @@
+export { Avatar } from './avatar';
+export type { AvatarGroupProps, AvatarProps } from './avatar';
+export { Icon } from './icon';
+export type { IconProps } from './icon';

package/dist/components/index.d.ts

@@ -0,0 +1,9 @@
+export * from './actions';
+export * from './atoms';
+export * from './card';
+export * from './editor';
+export * from './feedback';
+export * from './iconography';
+export * from './input';
+export * from './navigation';
+export * from './surfaces';

package/dist/components/input/checkbox/checkbox.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type NativeProps = Pick<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange' | 'onMouseDown' | 'onMouseDownCapture' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseOut' | 'onMouseOver'>;
+export interface CheckboxProps extends NativeProps {
+    disabled?: boolean;
+    selected: boolean;
+}
+export declare const Checkbox: ({ disabled, selected, ...rest }: CheckboxProps) => React.JSX.Element;
+export {};

package/dist/components/input/checkbox/checkbox.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { CheckboxProps } from './checkbox';
+declare const meta: Meta;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;
+export default meta;

package/dist/components/input/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { Checkbox } from './checkbox';
+export type { CheckboxProps } from './checkbox';

package/dist/components/input/date/date.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface DatePickerProps {
+    endDate?: Date;
+    label?: React.ReactNode;
+    onSelect: ({ type, value }: {
+        type: 'end' | 'start';
+        value: Date;
+    }) => void;
+    startDate: Date;
+}
+export declare const DatePicker: ({ endDate, label, onSelect: parentOnSelect, startDate, }: DatePickerProps) => React.JSX.Element;

package/dist/components/input/date/date.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { DatePickerProps } from './date';
+declare const meta: Meta;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Pick<DatePickerProps, "label">>;
+export default meta;

package/dist/components/input/date/index.d.ts

@@ -0,0 +1,2 @@
+export { DatePicker } from './date';
+export type { DatePickerProps } from './date';

package/dist/components/input/filter/filter.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+/********************************************************
+ *  Filter
+ */
+type FilterTriggerTypes = 'outlined' | 'pill' | 'labeled' | 'avatar' | 'text';
+export interface FilterProps extends React.PropsWithChildren {
+    closeOnBlur?: boolean;
+    defaultValue?: string;
+    disabled?: boolean;
+    graphic?: React.ReactElement;
+    label?: string;
+    sx?: string;
+    triggerType: FilterTriggerTypes;
+    value: string;
+}
+declare const Filter: {
+    ({ closeOnBlur, children, disabled, graphic, label, sx, triggerType, value, }: FilterProps): React.JSX.Element;
+    Trigger: {
+        ({ disabled, graphic, label, onClick, open, type, value, }: FilterTriggerProps): React.JSX.Element;
+        displayName: string;
+    };
+};
+export interface FilterTriggerProps {
+    disabled?: boolean;
+    graphic?: React.ReactElement;
+    label?: string;
+    onClick?: (event: React.MouseEvent) => void;
+    open: boolean;
+    type: FilterTriggerTypes;
+    value: string;
+}
+export { Filter };

package/dist/components/input/filter/filter.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { FilterProps } from './filter';
+declare const meta: Meta;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, FilterProps & {
+    hasIcon: boolean;
+}>;
+export default meta;

package/dist/components/input/filter/index.d.ts

@@ -0,0 +1,2 @@
+export { Filter } from './filter';
+export type { FilterProps, FilterTriggerProps } from './filter';

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

@@ -0,0 +1,10 @@
+export { Checkbox } from './checkbox';
+export type { CheckboxProps } from './checkbox';
+export { DatePicker } from './date';
+export type { DatePickerProps } from './date';
+export { Filter } from './filter';
+export type { FilterProps, FilterTriggerProps } from './filter';
+export { Radio } from './radio';
+export type { RadioProps } from './radio';
+export { Search } from './search';
+export type { SearchProps } from './search';

package/dist/components/input/radio/index.d.ts

@@ -0,0 +1,2 @@
+export { Radio } from './radio';
+export type { RadioProps } from './radio';

package/dist/components/input/radio/radio.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { BoxProps } from 'components';
+type NativeProps = Pick<React.HTMLAttributes<HTMLInputElement>, 'onClick' | 'onChange' | 'onMouseDown' | 'onMouseDownCapture' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseOut' | 'onMouseOver'>;
+export interface RadioProps extends NativeProps {
+    checked: boolean;
+    disabled?: boolean;
+    label?: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    name?: string;
+    reversed?: boolean;
+    sx?: string;
+    value: string;
+}
+declare const Radio: {
+    ({ checked, disabled, label, onChange, reversed, sx, value, ...rest }: RadioProps): React.JSX.Element;
+    Group: {
+        ({ children, name, ...rest }: RadioGroupProps): React.JSX.Element;
+        displayName: string;
+    };
+};
+export interface RadioGroupProps extends React.PropsWithChildren, BoxProps {
+    name: string;
+    sx?: string;
+}
+export { Radio };

package/dist/components/input/radio/radio.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { RadioProps, RadioGroupProps } from './radio';
+declare const meta: Meta;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, RadioProps>;
+export declare const Group: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, RadioGroupProps>;
+export default meta;

package/dist/components/input/search/index.d.ts

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

package/dist/components/input/search/search.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+type NativeProps = Pick<React.HTMLAttributes<HTMLInputElement>, 'placeholder' | 'onChange' | 'onSubmit'>;
+type SearchSize = 'collapsed' | 'small' | 'medium' | 'large';
+export interface SearchProps extends NativeProps {
+    dropdownFilter?: React.ReactElement;
+    onClearText?: () => void;
+    size: SearchSize;
+    sx?: string;
+    value: string;
+}
+export declare const Search: ({ dropdownFilter, onChange, onClearText, onSubmit, placeholder, size, sx, value, }: SearchProps) => React.JSX.Element;
+export {};

package/dist/components/input/search/search.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { SearchProps } from './search';
+declare const meta: Meta;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Pick<SearchProps, "placeholder" | "size">>;
+export default meta;

package/dist/components/navigation/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface BreadcrumbProps extends React.PropsWithChildren {
+    previous?: boolean;
+}
+declare const Breadcrumb: {
+    ({ children, previous }: BreadcrumbProps): React.JSX.Element;
+    Item: {
+        ({ avatar, children, href, icon, iconColor, onClick, }: BreadcrumbItemProps): React.JSX.Element;
+        displayName: string;
+    };
+};
+type IconColor = 'blue' | 'pink' | 'purple' | 'mint' | 'orange' | 'ocean';
+export interface BreadcrumbItemProps extends React.PropsWithChildren {
+    avatar?: React.ReactElement;
+    href?: string;
+    icon?: React.ReactElement;
+    iconColor?: IconColor;
+    onClick?: React.MouseEventHandler;
+}
+export { Breadcrumb };

package/dist/components/navigation/breadcrumb/breadcrumb.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react';
+import { BreadcrumbProps } from './breadcrumb';
+declare const meta: Meta;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BreadcrumbProps>;
+export declare const WithAvatars: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BreadcrumbProps>;
+export declare const WithIcons: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BreadcrumbProps & {
+    iconColor: 'blue' | 'pink' | 'purple' | 'mint' | 'orange' | 'ocean';
+}>;
+export default meta;

package/dist/components/navigation/breadcrumb/index.d.ts

@@ -0,0 +1,2 @@
+export { Breadcrumb } from './breadcrumb';
+export type { BreadcrumbProps, BreadcrumbItemProps } from './breadcrumb';

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

@@ -0,0 +1,4 @@
+export { Breadcrumb } from './breadcrumb';
+export type { BreadcrumbProps, BreadcrumbItemProps } from './breadcrumb';
+export { Tabs } from './tabs';
+export type { TabProps } from './tabs';

package/dist/components/navigation/tabs/index.d.ts

@@ -0,0 +1,2 @@
+export { Tabs } from './tabs';
+export type { TabProps } from './tabs';

package/dist/components/navigation/tabs/tabs.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+type TabColors = 'blue' | 'grey' | 'green' | 'mint' | 'orange' | 'ocean' | 'pink' | 'purple' | 'red' | 'yellow';
+type TabSizes = 'small' | 'medium' | 'large';
+export interface TabProps {
+    activeIndex: number;
+    items: {
+        color?: TabColors;
+        disabled?: boolean;
+        icon?: React.ReactElement;
+        label: string;
+    }[];
+    onChange: (index: number) => void;
+    size?: TabSizes;
+    sx?: string;
+}
+declare const Tabs: {
+    ({ activeIndex, items, onChange, size, sx, }: TabProps): React.JSX.Element;
+    Item: {
+        ({ active, color, disabled, icon, label, onClick, size, }: TabsItemProps): React.JSX.Element;
+        displayName: string;
+    };
+};
+export interface TabsItemProps {
+    active: boolean;
+    color?: TabColors;
+    disabled?: boolean;
+    icon?: React.ReactElement;
+    label: string;
+    onClick: () => void;
+    size: TabSizes;
+}
+export { Tabs };

package/dist/components/navigation/tabs/tabs.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { TabProps } from './tabs';
+declare const meta: Meta;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Pick<TabProps, "size">>;
+export declare const Icons: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Pick<TabProps, "size">>;
+export default meta;

package/dist/components/surfaces/accordion/accordion.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface AccordionProps extends React.PropsWithChildren {
+    sx?: string;
+}
+declare const Accordion: {
+    ({ children, sx }: AccordionProps): React.JSX.Element;
+    Item: {
+        ({ children, index, sx, trigger, }: AccordionItemProps): React.JSX.Element;
+        displayName: string;
+    };
+};
+export interface AccordionItemProps extends React.PropsWithChildren {
+    index?: number;
+    sx?: string;
+    trigger: React.ReactNode;
+}
+export { Accordion };

package/dist/components/surfaces/accordion/accordion.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { AccordionProps } from './accordion';
+declare const meta: Meta;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AccordionProps>;
+export default meta;

package/dist/components/surfaces/accordion/index.d.ts

@@ -0,0 +1,2 @@
+export { Accordion } from './accordion';
+export type { AccordionProps, AccordionItemProps } from './accordion';

package/dist/components/surfaces/comment/comment.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface CommentProps {
+    content: string;
+    createdDate: Date;
+    onCommentClick: () => void;
+    onReact: (reaction: string) => void;
+    reactions?: Record<string, number>;
+    replies?: CommentProps[];
+    userImageUri: string;
+    userName: string;
+    userReactions?: string[];
+    userProfileUri: string;
+}
+export declare const Comment: ({ content, createdDate, onCommentClick, onReact, reactions, replies, userImageUri, userName, userReactions, userProfileUri, }: CommentProps) => React.JSX.Element;

package/dist/components/surfaces/comment/comment.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { CommentProps } from './comment';
+declare const meta: Meta;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Pick<CommentProps, "content" | "createdDate" | "userImageUri" | "userName" | "userProfileUri">>;
+export default meta;

package/dist/components/surfaces/comment/helpers.d.ts

@@ -0,0 +1,5 @@
+type Options = {
+    message?: boolean;
+};
+export declare const abbrTimeBeforeDate: (date: Date, options?: Options) => string;
+export {};

package/dist/components/surfaces/comment/index.d.ts

@@ -0,0 +1,2 @@
+export { Comment } from './comment';
+export type { CommentProps } from './comment';

package/dist/components/surfaces/drawer/drawer.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+export interface DrawerProps extends React.PropsWithChildren {
+    /**
+     * This is to make the Modal a controlled component,
+     * instead of it managing its own state
+     */
+    controlledOpen?: boolean;
+    onOpenChange?: () => void;
+}
+export declare const Drawer: {
+    ({ children, controlledOpen, onOpenChange, }: DrawerProps): React.JSX.Element;
+    Trigger: {
+        ({ children: child, }: {
+            children: React.ReactElement;
+        }): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+        displayName: string;
+    };
+    Header: {
+        ({ children }: React.PropsWithChildren): React.JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ children }: React.PropsWithChildren): React.JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ children }: React.PropsWithChildren): React.JSX.Element;
+        displayName: string;
+    };
+};

package/dist/components/surfaces/drawer/drawer.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { DrawerProps } from './drawer';
+declare const meta: Meta;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DrawerProps>;
+export default meta;

package/dist/components/surfaces/drawer/index.d.ts

@@ -0,0 +1,2 @@
+export { Drawer } from './drawer';
+export type { DrawerProps } from './drawer';

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

@@ -0,0 +1,10 @@
+export { Accordion } from './accordion';
+export type { AccordionProps, AccordionItemProps } from './accordion';
+export { Comment } from './comment';
+export type { CommentProps } from './comment';
+export { Drawer } from './drawer';
+export type { DrawerProps } from './drawer';
+export { Message } from './message';
+export type { MessageProps } from './message';
+export { Modal } from './modal';
+export type { ModalContentProps, ModalProps } from './modal';

package/dist/components/surfaces/message/index.d.ts

@@ -0,0 +1,2 @@
+export { Message } from './message';
+export type { MessageProps } from './message';

package/dist/components/surfaces/message/message.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface MessageProps {
+    messages: {
+        content: string;
+        senderHref: string;
+        senderId: string;
+        senderName: string;
+        senderAvatarURI: string;
+        createdDate: Date;
+    }[];
+    userId: string;
+}
+export declare const Message: ({ messages, userId }: MessageProps) => React.JSX.Element;

package/dist/components/surfaces/message/message.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { MessageProps } from './message';
+declare const meta: Meta;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, MessageProps>;
+export default meta;

package/dist/components/surfaces/modal/index.d.ts

@@ -0,0 +1,2 @@
+export { Modal } from './modal';
+export type { ModalProps, ModalContentProps } from './modal';

package/dist/components/surfaces/modal/modal.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+export interface ModalProps extends React.PropsWithChildren {
+    /**
+     * This is to make the Modal a controlled component,
+     * instead of it managing its own state
+     */
+    controlledOpen?: boolean;
+}
+declare const Modal: {
+    ({ controlledOpen, ...props }: ModalProps): React.JSX.Element;
+    Trigger: {
+        ({ children: child, }: {
+            children: React.ReactElement;
+        }): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+        displayName: string;
+    };
+    Dismiss: {
+        ({ children: child, setClosed, }: {
+            children: React.ReactElement;
+            setClosed?: (() => void) | undefined;
+        }): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+        displayName: string;
+    };
+    Content: {
+        ({ backgroundDark, children, footer, header, setClosed, sx, ...props }: ModalContentProps): React.JSX.Element;
+        displayName: string;
+    };
+};
+export interface ModalContentProps extends React.PropsWithChildren {
+    backgroundDark?: boolean;
+    footer?: React.ReactElement;
+    header?: React.ReactElement;
+    setClosed?: () => void;
+    sx?: string;
+}
+export { Modal };

package/dist/components/surfaces/modal/modal.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { ModalProps } from './modal';
+declare const meta: Meta;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalProps>;
+export default meta;

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

@@ -0,0 +1,2 @@
+export { Table } from './table';
+export type { TableCellProps, TableHeaderCellProps, TableProps, TableRowProps, } from './table';

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

@@ -0,0 +1,2 @@
+export { Table } from './table';
+export type { TableCellProps, TableHeaderCellProps, TableProps, TableRowProps, } from './table';

package/dist/components/table/table/table.d.ts

@@ -0,0 +1,75 @@
+import React from 'react';
+/********************************************************
+ *  Table
+ */
+export interface TableProps extends React.PropsWithChildren {
+    border?: boolean;
+    compact?: boolean;
+    footer?: React.ReactNode;
+    header?: React.ReactNode;
+    separated?: boolean;
+    striped?: boolean;
+    sx?: string;
+}
+declare const Table: {
+    ({ border, children, compact, footer, header, separated, striped, sx, }: TableProps): React.JSX.Element;
+    Head: {
+        ({ children, ...rest }: React.PropsWithChildren): React.JSX.Element;
+        displayName: string;
+    };
+    Body: {
+        ({ children, ...rest }: React.PropsWithChildren): React.JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ children, ...rest }: React.PropsWithChildren): React.JSX.Element;
+        displayName: string;
+    };
+    Row: {
+        ({ children, disabled, href, hoverable, onClick, selected, sx, ...rest }: TableRowProps): React.JSX.Element;
+        displayName: string;
+    };
+    Cell: {
+        ({ children, lines, padding, sx, textAlign, verticalAlign, width, }: TableCellProps): React.JSX.Element;
+        displayName: string;
+    };
+    HeaderCell: {
+        ({ children, lines, padding, sx, textAlign, verticalAlign, width, }: TableHeaderCellProps): React.JSX.Element;
+        displayName: string;
+    };
+};
+/********************************************************
+ *  Table Row
+ */
+export interface TableRowProps extends React.PropsWithChildren {
+    disabled?: boolean;
+    href?: string;
+    hoverable?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLTableRowElement>) => void;
+    padding?: string;
+    selected?: boolean;
+    sx?: string;
+}
+/********************************************************
+ *  Table Cell
+ */
+export interface TableCellProps extends React.PropsWithChildren {
+    lines?: number;
+    padding?: string;
+    sx?: string;
+    textAlign?: 'left' | 'center' | 'right';
+    verticalAlign?: 'top' | 'middle' | 'bottom';
+    width?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16;
+}
+export { Table };
+/********************************************************
+ *  Table Header Cell
+ */
+export interface TableHeaderCellProps extends React.PropsWithChildren {
+    lines?: number;
+    padding?: string;
+    sx?: string;
+    textAlign?: 'left' | 'center' | 'right';
+    verticalAlign?: 'top' | 'middle' | 'bottom';
+    width?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16;
+}

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

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { TableProps } from './table';
+declare const meta: Meta;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TableProps>;
+export default meta;

package/dist/icons/arrow/arrow_all.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from 'components';
+export declare const ArrowAll: (props: IconProps) => React.JSX.Element;

package/dist/icons/arrow/arrow_all_diagonal.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from 'components';
+export declare const ArrowAllDiagonal: (props: IconProps) => React.JSX.Element;

package/dist/icons/arrow/arrow_both_downwards.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from 'components';
+export declare const ArrowBothDownwards: (props: IconProps) => React.JSX.Element;

package/dist/icons/arrow/arrow_both_upwards.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from 'components';
+export declare const ArrowBothUpwards: (props: IconProps) => React.JSX.Element;

package/dist/icons/arrow/arrow_circle_left.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from 'components';
+export declare const ArrowCircleLeft: (props: IconProps) => React.JSX.Element;

package/dist/icons/arrow/arrow_circle_left_double.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from 'components';
+export declare const ArrowCircleLeftDouble: (props: IconProps) => React.JSX.Element;

package/dist/icons/arrow/arrow_circle_left_double_alert.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from 'components';
+export declare const ArrowCircleLeftDoubleAlert: (props: IconProps) => React.JSX.Element;

package/dist/icons/arrow/arrow_circle_right.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from 'components';
+export declare const ArrowCircleRight: (props: IconProps) => React.JSX.Element;