widenarrow-ui 1.0.2 → 1.0.4

package/lib/components/Icon/Icon.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import Icon from 'src/components/Icon';
+import { Icon } from 'src/components/Icon';
 declare const meta: Meta<typeof Icon>;
 export default meta;
 type Story = StoryObj<typeof Icon>;

package/lib/components/Icon/Icon.types.d.ts

@@ -0,0 +1,10 @@
+import { SizeTypes } from '../../constants';
+import { ColorStyleInterface, IconStyleInterface } from '../../types/styling.types';
+export interface IconProps extends ColorStyleInterface, IconStyleInterface {
+    size?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE | SizeTypes.AUTO | undefined;
+    rotateIcon?: boolean | undefined;
+    rotateIconByDegree?: 0 | 45 | 90 | 135 | 180 | 225 | 270 | 315 | undefined;
+    disabled?: boolean | undefined;
+    className?: string | undefined;
+    toolTip?: string | undefined;
+}

package/lib/components/Icon/getIconFromConstant.d.ts

@@ -1,2 +1,3 @@
-declare const getIconFromConstant: (icon: string, getIconClassName: (additionalClassName?: string) => string) => import("react/jsx-runtime").JSX.Element | null;
+import { IconTypes } from 'src/constants';
+declare const getIconFromConstant: (icon: Partial<IconTypes>, getIconClassName: (additionalClassName?: string) => string) => import("react/jsx-runtime").JSX.Element | null;
 export default getIconFromConstant;

package/lib/components/Icon/index.d.ts

@@ -1 +1 @@
-export { default } from './Icon';
+export * from './Icon';

package/lib/components/IconButton/IconButton.d.ts

@@ -1,19 +1,4 @@
-import { MouseEvent } from 'react';
-import { SizeTypes, HierarchyTypes, ColorTypes } from 'src/constants';
-import { SizeStyleInterface, IconStyleInterface } from 'src/types/styling';
-interface Props extends IconStyleInterface, SizeStyleInterface {
-    className?: string;
-    rotateIcon?: boolean;
-    rotateIconByDegree?: 0 | 45 | 90 | 135 | 180 | 225 | 270 | 315;
-    iconClassName?: string;
-    type?: HierarchyTypes.PRIMARY | HierarchyTypes.SECONDARY;
-    onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
-    iconSize?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
-    iconColor?: Partial<ColorTypes>;
-    href?: string;
-    disabled?: boolean;
-    toolTip?: string;
-    ariaLabel?: string;
-}
-declare const _default: import("react").NamedExoticComponent<Props>;
-export default _default;
+import { FC } from 'react';
+import { IconButtonProps } from './IconButton.types';
+declare const IconButton: FC<IconButtonProps>;
+export { IconButton };

package/lib/components/IconButton/IconButton.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import IconButton from 'src/components/IconButton';
+import { IconButton } from 'src/components/IconButton';
 declare const meta: Meta<typeof IconButton>;
 export default meta;
 type Story = StoryObj<typeof IconButton>;

package/lib/components/IconButton/IconButton.types.d.ts

@@ -0,0 +1,17 @@
+import { MouseEvent } from 'react';
+import { IconStyleInterface, SizeStyleInterface } from '../../types/styling.types';
+import { ColorTypes, HierarchyTypes, SizeTypes } from '../../constants';
+export interface IconButtonProps extends IconStyleInterface, SizeStyleInterface {
+    className?: string;
+    rotateIcon?: boolean;
+    rotateIconByDegree?: 0 | 45 | 90 | 135 | 180 | 225 | 270 | 315;
+    iconClassName?: string;
+    type?: HierarchyTypes.PRIMARY | HierarchyTypes.SECONDARY;
+    onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
+    iconSize?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
+    iconColor?: Partial<ColorTypes>;
+    href?: string;
+    disabled?: boolean;
+    toolTip?: string;
+    ariaLabel?: string;
+}

package/lib/components/IconButton/index.d.ts

@@ -1 +1 @@
-export { default } from './IconButton';
+export * from './IconButton';

package/lib/components/Image/Image.d.ts

@@ -1,19 +1,4 @@
-import { FC, ReactNode } from 'react';
-import { AspectRatioTypes } from 'src/constants';
-interface Props {
-    src: string;
-    alt?: string;
-    className?: string;
-    imageClassName?: string;
-    customComponent?: ReactNode;
-    aspectRatio?: Partial<AspectRatioTypes>;
-    withContainer?: boolean;
-    bgImage?: boolean;
-    bgImageProps?: {
-        size: 'cover' | 'contain';
-        position: 'top' | 'bottom' | 'center';
-    };
-    placeHolderColor?: string;
-}
-declare const Image: FC<Props>;
-export default Image;
+import { FC } from 'react';
+import { ImageProps } from './Image.types';
+declare const Image: FC<ImageProps>;
+export { Image };

package/lib/components/Image/Image.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import Image from 'src/components/Image';
+import { Image } from 'src/components/Image';
 declare const meta: Meta<typeof Image>;
 export default meta;
 type Story = StoryObj<typeof Image>;

package/lib/components/Image/Image.types.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { AspectRatioTypes } from '../../constants';
+export interface ImageProps {
+    src: string;
+    alt?: string;
+    className?: string;
+    imageClassName?: string;
+    customCellComponent?: ReactNode;
+    aspectRatio?: Partial<AspectRatioTypes>;
+    bgImage?: boolean;
+    bgImageProps?: {
+        size: 'cover' | 'contain';
+        position: 'top' | 'bottom' | 'center';
+    };
+    placeHolderColor?: string;
+    customComponent?: ReactNode;
+    withContainer?: boolean;
+}

package/lib/components/Image/index.d.ts

@@ -1 +1 @@
-export { default } from './Image';
+export * from './Image';

package/lib/components/InlineButton/InlineButton.d.ts

@@ -1,21 +1,4 @@
-import { ReactNode, MouseEvent } from 'react';
-import { SizeTypes, IconTypes, HierarchyTypes } from 'src/constants';
-interface Props {
-    text: string;
-    onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
-    className?: string;
-    children?: ReactNode;
-    icon?: Partial<IconTypes>;
-    rotateIcon?: boolean;
-    iconClassName?: string;
-    withIconRight?: boolean;
-    type?: Partial<HierarchyTypes>;
-    size?: SizeTypes.SMALL | SizeTypes.MEDIUM;
-    textClassName?: string;
-    withEllipsis?: boolean;
-    disabled?: boolean;
-    style?: object;
-    toolTip?: string;
-}
-declare const _default: import("react").NamedExoticComponent<Props>;
-export default _default;
+import { FC } from 'react';
+import { InlineButtonProps } from './InlineButton.types';
+declare const InlineButton: FC<InlineButtonProps>;
+export { InlineButton };

package/lib/components/InlineButton/InlineButton.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import InlineButton from 'src/components/InlineButton';
+import { InlineButton } from 'src/components/InlineButton';
 declare const meta: Meta<typeof InlineButton>;
 export default meta;
 type Story = StoryObj<typeof InlineButton>;

package/lib/components/InlineButton/InlineButton.types.d.ts

@@ -0,0 +1,19 @@
+import { MouseEvent, ReactNode } from 'react';
+import { HierarchyTypes, IconTypes, SizeTypes } from '../../constants';
+export interface InlineButtonProps {
+    text: string;
+    onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
+    className?: string;
+    children?: ReactNode;
+    icon?: Partial<IconTypes>;
+    rotateIcon?: boolean;
+    iconClassName?: string;
+    withIconRight?: boolean;
+    type?: Partial<HierarchyTypes>;
+    size?: SizeTypes.SMALL | SizeTypes.MEDIUM;
+    textClassName?: string;
+    withEllipsis?: boolean;
+    disabled?: boolean | undefined;
+    style?: object;
+    toolTip?: string;
+}

package/lib/components/InlineButton/index.d.ts

@@ -1 +1 @@
-export { default } from './InlineButton';
+export * from './InlineButton';

package/lib/components/ListItem/ListItem.d.ts

@@ -1,23 +1,4 @@
-import { FC, ReactNode } from 'react';
-import { AspectRatioTypes, ColorTypes, IconTypes, SizeTypes } from 'src/constants';
-import { MarginInterface, PaddingInterface } from 'src/types/styling';
-interface Props extends MarginInterface, PaddingInterface {
-    buttonsComponent?: ReactNode;
-    contentComponent?: ReactNode;
-    className?: string;
-    imageSrc?: string;
-    withBorderRadius?: boolean;
-    imageIcon?: Partial<IconTypes>;
-    size: Partial<SizeTypes>;
-    imageAspectRatio?: Partial<AspectRatioTypes>;
-    borderColor?: Partial<ColorTypes>;
-    backgroundColor?: Partial<ColorTypes>;
-    wrapperElement?: 'div' | 'li' | 'section' | 'link';
-    border?: '1' | '2' | '3';
-    borderTop?: '1' | '2' | '3';
-    borderBottom?: '1' | '2' | '3';
-    onClickCallback?: () => void;
-    linkTo?: string;
-}
-declare const ListItem: FC<Props>;
-export default ListItem;
+import { FC } from 'react';
+import { ListItemProps } from './ListItem.types';
+declare const ListItem: FC<ListItemProps>;
+export { ListItem };

package/lib/components/ListItem/ListItem.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import ListItem from 'src/components/ListItem';
+import { ListItem } from 'src/components/ListItem';
 declare const meta: Meta<typeof ListItem>;
 export default meta;
 type Story = StoryObj<typeof ListItem>;

package/lib/components/ListItem/ListItem.types.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { MarginInterface, PaddingInterface } from '../../types/styling.types';
+import { AspectRatioTypes, ColorTypes, IconTypes, SizeTypes } from '../../constants';
+export interface ListItemProps extends MarginInterface, PaddingInterface {
+    buttonsComponent?: ReactNode;
+    contentComponent?: ReactNode;
+    className?: string;
+    imageSrc?: string;
+    withBorderRadius?: boolean;
+    imageIcon?: Partial<IconTypes>;
+    size: Partial<SizeTypes>;
+    imageAspectRatio?: Partial<AspectRatioTypes>;
+    borderColor?: Partial<ColorTypes>;
+    backgroundColor?: Partial<ColorTypes>;
+    wrapperElement?: 'div' | 'li' | 'section' | 'link';
+    border?: '1' | '2' | '3';
+    borderTop?: '1' | '2' | '3';
+    borderBottom?: '1' | '2' | '3';
+    onClickCallback?: () => void;
+    linkTo?: string;
+    title?: string;
+    imageContainerClassName?: string;
+    description?: string;
+}

package/lib/components/ListItem/index.d.ts

@@ -1 +1 @@
-export { default } from './ListItem';
+export * from './ListItem';

package/lib/components/ListSkeleton/ListSkeleton.d.ts

@@ -1,22 +1,4 @@
 import { FC } from 'react';
-import { ColorTypes } from 'src/constants';
-interface Props {
-    items: number;
-    itemHeight?: number;
-    className?: string;
-    itemClassName?: string;
-    withBorderRadius?: boolean;
-    withContent?: boolean;
-    backgroundColor?: Partial<ColorTypes>;
-    marginBottom?: string;
-    padding?: string;
-    borderColor?: Partial<ColorTypes>;
-    border?: '1' | '2' | '3';
-    borderTop?: '1' | '2' | '3';
-    borderBottom?: '1' | '2' | '3';
-    borderRight?: '1' | '2' | '3';
-    borderLeft?: '1' | '2' | '3';
-    contentColor?: Partial<ColorTypes>;
-}
-declare const ListSkeleton: FC<Props>;
-export default ListSkeleton;
+import { ListSkeletonProps } from './ListSkeleton.types';
+declare const ListSkeleton: FC<ListSkeletonProps>;
+export { ListSkeleton };

package/lib/components/ListSkeleton/ListSkeleton.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import ListSkeleton from 'src/components/ListSkeleton';
+import { ListSkeleton } from 'src/components/ListSkeleton';
 declare const meta: Meta<typeof ListSkeleton>;
 export default meta;
 type Story = StoryObj<typeof ListSkeleton>;

package/lib/components/ListSkeleton/ListSkeleton.types.d.ts

@@ -0,0 +1,19 @@
+import { ColorTypes } from '../../constants';
+export interface ListSkeletonProps {
+    items: number;
+    itemHeight?: number;
+    className?: string;
+    itemClassName?: string;
+    withBorderRadius?: boolean;
+    withContent?: boolean;
+    backgroundColor?: Partial<ColorTypes>;
+    marginBottom?: string;
+    padding?: string;
+    borderColor?: Partial<ColorTypes>;
+    border?: '1' | '2' | '3';
+    borderTop?: '1' | '2' | '3';
+    borderBottom?: '1' | '2' | '3';
+    borderRight?: '1' | '2' | '3';
+    borderLeft?: '1' | '2' | '3';
+    contentColor?: Partial<ColorTypes>;
+}

package/lib/components/ListSkeleton/index.d.ts

@@ -1 +1 @@
-export { default } from './ListSkeleton';
+export * from './ListSkeleton';

package/lib/components/MultiActionButton/MultiActionButton.d.ts

@@ -1,28 +1,4 @@
-import { FC, MouseEvent } from 'react';
-import { HierarchyTypes, SizeTypes, IconTypes } from 'src/constants';
-interface Props {
-    text?: string;
-    onLeftClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
-    onRightClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
-    type?: Partial<HierarchyTypes>;
-    size?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
-    leftIconSize?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
-    rightIconSize?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
-    leftIcon?: Partial<IconTypes>;
-    rightIcon?: Partial<IconTypes>;
-    rotateLeftIconByDegree?: 0 | 45 | 90 | 135 | 180 | 225 | 270 | 315;
-    rotateRightIconByDegree?: 0 | 45 | 90 | 135 | 180 | 225 | 270 | 315;
-    disabled?: boolean;
-    className?: string;
-    iconClassName?: string;
-    toolTip?: string;
-    id?: string | number;
-    loading?: boolean;
-    withEllipsis?: boolean;
-    autoFocus?: boolean;
-    ariaLabel?: string;
-    tabIndex?: number;
-    withSeparator?: boolean;
-}
-declare const MultiActionButton: FC<Props>;
-export default MultiActionButton;
+import { FC } from 'react';
+import { MultiActionButtonProps } from './MultiActionButton.types';
+declare const MultiActionButton: FC<MultiActionButtonProps>;
+export { MultiActionButton };

package/lib/components/MultiActionButton/MultiActionButton.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import MultiActionButton from 'src/components/MultiActionButton';
+import { MultiActionButton } from 'src/components/MultiActionButton';
 declare const meta: Meta<typeof MultiActionButton>;
 export default meta;
 type Story = StoryObj<typeof MultiActionButton>;

package/lib/components/MultiActionButton/MultiActionButton.types.d.ts

@@ -0,0 +1,26 @@
+import { MouseEvent } from 'react';
+import { HierarchyTypes, IconTypes, SizeTypes } from '../../constants';
+export interface MultiActionButtonProps {
+    text?: string;
+    onLeftClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
+    onRightClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
+    type?: Partial<HierarchyTypes>;
+    size?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
+    leftIconSize?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
+    rightIconSize?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
+    leftIcon?: Partial<IconTypes>;
+    rightIcon?: Partial<IconTypes>;
+    rotateLeftIconByDegree?: 0 | 45 | 90 | 135 | 180 | 225 | 270 | 315;
+    rotateRightIconByDegree?: 0 | 45 | 90 | 135 | 180 | 225 | 270 | 315;
+    disabled?: boolean;
+    className?: string;
+    iconClassName?: string;
+    toolTip?: string;
+    id?: string | number;
+    loading?: boolean;
+    withEllipsis?: boolean;
+    autoFocus?: boolean;
+    ariaLabel?: string;
+    tabIndex?: number;
+    withSeparator?: boolean;
+}

package/lib/components/MultiActionButton/index.d.ts

@@ -1 +1 @@
-export { default } from './MultiActionButton';
+export * from './MultiActionButton';

package/lib/components/RadioButton/RadioButton.d.ts

@@ -1,15 +1,4 @@
 import { FC } from 'react';
-interface Props {
-    className?: string;
-    name?: string;
-    label?: string;
-    value?: string | number;
-    disabled?: boolean;
-    helperText?: string;
-    marginRight?: boolean;
-    checked: boolean;
-    toolTip?: string;
-    onChange: (value: string | number) => void;
-}
-declare const RadioButton: FC<Props>;
-export default RadioButton;
+import { RadioButtonProps } from './RadioButton.types';
+declare const RadioButton: FC<RadioButtonProps>;
+export { RadioButton };

package/lib/components/RadioButton/RadioButton.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import RadioButton from 'src/components/RadioButton';
+import { RadioButton } from 'src/components/RadioButton';
 declare const meta: Meta<typeof RadioButton>;
 export default meta;
 type Story = StoryObj<typeof RadioButton>;

package/lib/components/RadioButton/RadioButton.types.d.ts

@@ -0,0 +1,12 @@
+export interface RadioButtonProps {
+    className?: string;
+    name?: string;
+    label?: string;
+    value?: string | number;
+    disabled?: boolean;
+    helperText?: string;
+    marginRight?: boolean;
+    checked: boolean;
+    toolTip?: string;
+    onChange: (value?: string | number) => void;
+}

package/lib/components/RadioButton/index.d.ts

@@ -1 +1 @@
-export { default } from './RadioButton';
+export * from './RadioButton';

package/lib/components/Separator/Separator.d.ts

@@ -1,13 +1,4 @@
 import { FC } from 'react';
-import { MarginInterface, PaddingInterface } from 'src/types/styling';
-import { SizeTypes, ColorTypes } from 'src/constants';
-interface Props extends MarginInterface, PaddingInterface {
-    className?: string;
-    color?: Partial<ColorTypes>;
-    size?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
-}
-interface Props {
-    className?: string;
-}
-declare const Separator: FC<Props>;
-export default Separator;
+import { SeparatorProps } from './Separator.types';
+declare const Separator: FC<SeparatorProps>;
+export { Separator };

package/lib/components/Separator/Separator.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import Separator from 'src/components/Separator';
+import { Separator } from 'src/components/Separator';
 declare const meta: Meta<typeof Separator>;
 export default meta;
 type Story = StoryObj<typeof Separator>;

package/lib/components/Separator/Separator.types.d.ts

@@ -0,0 +1,7 @@
+import { MarginInterface, PaddingInterface } from '../../types/styling.types';
+import { ColorTypes, SizeTypes } from '../../constants';
+export interface SeparatorProps extends MarginInterface, PaddingInterface {
+    className?: string;
+    color?: Partial<ColorTypes>;
+    size?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
+}

package/lib/components/Separator/index.d.ts

@@ -1 +1 @@
-export { default } from './Separator';
+export * from './Separator';

package/lib/components/SolidSpinner/SolidSpinner.d.ts

@@ -1,13 +1,4 @@
 import { FC } from 'react';
-import { HierarchyTypes, SizeTypes } from 'src/constants';
-interface Props {
-    type?: Partial<HierarchyTypes>;
-    size?: SizeTypes.EXTRA_SMALL | SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
-    disabled?: boolean;
-    className?: string;
-    label?: string;
-    labelClassName?: string;
-    absoluteCenter?: boolean;
-}
-declare const SolidSpinner: FC<Props>;
-export default SolidSpinner;
+import { SolidSpinnerProps } from './SolidSpinner.types';
+declare const SolidSpinner: FC<SolidSpinnerProps>;
+export { SolidSpinner };

package/lib/components/SolidSpinner/SolidSpinner.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import SolidSpinner from 'src/components/SolidSpinner';
+import { SolidSpinner } from 'src/components/SolidSpinner';
 declare const meta: Meta<typeof SolidSpinner>;
 export default meta;
 type Story = StoryObj<typeof SolidSpinner>;

package/lib/components/SolidSpinner/SolidSpinner.types.d.ts

@@ -0,0 +1,10 @@
+import { HierarchyTypes, SizeTypes } from '../../constants';
+export interface SolidSpinnerProps {
+    type?: Partial<HierarchyTypes>;
+    size?: SizeTypes.EXTRA_SMALL | SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
+    disabled?: boolean;
+    className?: string;
+    label?: string;
+    labelClassName?: string;
+    absoluteCenter?: boolean;
+}

package/lib/components/SolidSpinner/index.d.ts

@@ -1 +1 @@
-export { default } from './SolidSpinner';
+export * from './SolidSpinner';

package/lib/components/SortableTable/SortableTable.d.ts

@@ -1,30 +1,4 @@
-import { FC, ReactNode } from 'react';
-interface Props {
-    cells: Array<{
-        key: string;
-        title: string;
-        width: string;
-        disableSort?: boolean;
-        alignRight?: boolean;
-        alignCenter?: boolean;
-        withEllipsis?: boolean;
-        toolTip?: string;
-        customHeaderCellComponent?: (row: object, cell: object) => ReactNode;
-        customCellComponent?: (row: object, cell: object) => ReactNode;
-    }>;
-    data?: Array<object>;
-    sortBy: Array<{
-        keyName: string;
-        ascending: boolean;
-    }>;
-    className?: string;
-    headerClassName?: string;
-    rowClassName?: string;
-    loading?: boolean;
-    skeletonRows?: number;
-    withStickyHeader?: boolean;
-    withIntersectionObserver?: boolean;
-    onSortCallback?: (keyName: string) => void;
-}
-declare const SortableTable: FC<Props>;
-export default SortableTable;
+import { FC } from 'react';
+import { SortableTableProps } from './SortableTable.types';
+declare const SortableTable: FC<SortableTableProps>;
+export { SortableTable };

package/lib/components/SortableTable/SortableTable.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import SortableTable from 'src/components/SortableTable';
+import { SortableTable } from 'src/components/SortableTable';
 declare const meta: Meta<typeof SortableTable>;
 export default meta;
 type Story = StoryObj<typeof SortableTable>;

package/lib/components/SortableTable/SortableTable.types.d.ts

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+import { IconTypes } from '../../constants';
+export interface RowProps {
+    row: object;
+    rowClassName?: string;
+    withIntersectionObserver?: boolean | undefined;
+    children?: ReactNode;
+}
+export interface CellInterface {
+    key: string;
+    title: string;
+    width: string;
+    icon?: Partial<IconTypes>;
+    disableSort?: boolean;
+    alignRight?: boolean;
+    alignCenter?: boolean;
+    withEllipsis?: boolean;
+    toolTip?: string;
+    customHeaderCellComponent?: (cell: CellInterface) => ReactNode;
+    customCellComponent?: (row: object) => ReactNode;
+}
+export interface SortableTableProps {
+    cells: Array<CellInterface>;
+    data: Array<object>;
+    sortBy: Array<{
+        keyName: string;
+        ascending: boolean;
+    }>;
+    className?: string;
+    rowClassName?: string;
+    headerClassName?: string;
+    loading?: boolean;
+    skeletonRows?: number;
+    withStickyHeader?: boolean;
+    withIntersectionObserver?: boolean;
+    onSortCallback?: (keyName: string) => void;
+}

package/lib/components/SortableTable/index.d.ts

@@ -1 +1 @@
-export { default } from './SortableTable';
+export * from './SortableTable';

package/lib/components/SwitchButton/SwitchButton.d.ts

@@ -1,14 +1,4 @@
 import { FC } from 'react';
-interface Props {
-    checked: boolean;
-    name: string;
-    label?: string;
-    disabled?: boolean;
-    alignCenter?: boolean;
-    className?: string;
-    marginBottom?: boolean;
-    inlineLabel?: boolean;
-    onClickCallback: () => void;
-}
-declare const SwitchButton: FC<Props>;
-export default SwitchButton;
+import { SwitchButtonProps } from './SwitchButton.types';
+declare const SwitchButton: FC<SwitchButtonProps>;
+export { SwitchButton };