sevago-library 1.0.2

package/dist/src/components/elements/link/link.element.stories.d.ts

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

package/dist/src/components/elements/list/index.d.ts

@@ -0,0 +1 @@
+export * from './list-icon-content.element';

package/dist/src/components/elements/list/list-icon-content.argtypes.d.ts

@@ -0,0 +1,3 @@
+import { ArgTypes } from '@storybook/react';
+import { ListIconContentElementProps } from './list-icon-content.element';
+export declare const listIconContentArgTypes: Partial<ArgTypes<ListIconContentElementProps>>;

package/dist/src/components/elements/list/list-icon-content.element.d.ts

@@ -0,0 +1,15 @@
+import { SxProps, Theme } from '@mui/material';
+import { ReactNode } from 'react';
+export interface ListIconContentElementProps {
+    titleNode?: ReactNode;
+    list: {
+        content: string;
+        onClick: () => void;
+        icon: string;
+    }[];
+    sxList?: SxProps<Theme>;
+    sxListItem?: SxProps<Theme>;
+    sxTitleNode?: SxProps<Theme>;
+    sxIconContent?: SxProps<Theme>;
+}
+export declare const ListIconContentElement: React.FC<ListIconContentElementProps>;

package/dist/src/components/elements/list/list-icon-content.element.stories.d.ts

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

package/dist/src/components/elements/pagination/index.d.ts

@@ -0,0 +1 @@
+export * from './pagination.element';

package/dist/src/components/elements/pagination/pagination.argtypes.d.ts

@@ -0,0 +1,3 @@
+import { ArgTypes } from '@storybook/react';
+import { PaginationElementProps } from './pagination.element';
+export declare const paginationArgTypes: Partial<ArgTypes<PaginationElementProps>>;

package/dist/src/components/elements/pagination/pagination.element.d.ts

@@ -0,0 +1,14 @@
+import { SxProps, Theme } from '@mui/material';
+import { default as React } from 'react';
+export interface PaginationElementProps {
+    total?: number;
+    page: number;
+    take: number;
+    openRowsPerPage?: boolean;
+    onChange: (pagination: {
+        page: number;
+        take: number;
+    }) => void;
+    sx?: SxProps<Theme>;
+}
+export declare const PaginationElement: React.FC<PaginationElementProps>;

package/dist/src/components/elements/pagination/pagination.element.stories.d.ts

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

package/dist/src/components/elements/radio/index.d.ts

@@ -0,0 +1,2 @@
+export * from './radio-group/radio-group.element';
+export * from './radio.element';

package/dist/src/components/elements/radio/radio-group/radio-group.argtypes.d.ts

@@ -0,0 +1,3 @@
+import { ArgTypes } from '@storybook/react';
+import { RadioGroupElementProps } from './radio-group.element';
+export declare const radioGroupArgTypes: Partial<ArgTypes<RadioGroupElementProps>>;

package/dist/src/components/elements/radio/radio-group/radio-group.element.d.ts

@@ -0,0 +1,16 @@
+import { RadioProps, SxProps, Theme } from '@mui/material';
+import { default as React, ReactNode } from 'react';
+export interface RadioGroupElementProps extends RadioProps {
+    name?: string;
+    direction?: 'row' | 'column';
+    label?: string;
+    iconLabel?: string;
+    disabled?: boolean;
+    defaultValue?: any;
+    value?: any;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | any) => void;
+    children: ReactNode;
+    required?: boolean;
+    sx?: SxProps<Theme>;
+}
+export declare const RadioGroupElement: React.FC<RadioGroupElementProps>;

package/dist/src/components/elements/radio/radio-group/radio-group.element.stories.d.ts

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

package/dist/src/components/elements/radio/radio.argtypes.d.ts

@@ -0,0 +1,3 @@
+import { ArgTypes } from '@storybook/react';
+import { RadioElementProps } from './radio.element';
+export declare const radioArgTypes: Partial<ArgTypes<RadioElementProps>>;

package/dist/src/components/elements/radio/radio.element.d.ts

@@ -0,0 +1,7 @@
+import { RadioProps } from '@mui/material';
+import { default as React } from 'react';
+export interface RadioElementProps extends RadioProps {
+    name?: string;
+    label: any;
+}
+export declare const RadioElement: React.FC<RadioElementProps>;

package/dist/src/components/elements/radio/radio.element.stories.d.ts

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

package/dist/src/components/elements/section/index.d.ts

@@ -0,0 +1 @@
+export * from './section-title-element';

package/dist/src/components/elements/section/section-title-element.d.ts

@@ -0,0 +1,11 @@
+import { SxProps, Theme } from '@mui/material';
+import { default as React } from 'react';
+interface SectionTitleProps {
+    label: React.ReactNode;
+    value?: React.ReactNode;
+    children?: React.ReactNode;
+    sx?: SxProps<Theme>;
+    textTransform?: 'uppercase' | 'lowercase' | 'capitalize';
+}
+export declare const SectionTitle: React.FC<SectionTitleProps>;
+export {};

package/dist/src/components/elements/switch/index.d.ts

@@ -0,0 +1,2 @@
+export * from './switch.element';
+export * from './switch-content/switch-content.element';

package/dist/src/components/elements/switch/switch-content/switch-content.argtypes.d.ts

@@ -0,0 +1,3 @@
+import { ArgTypes } from '@storybook/react';
+import { SwitchContentElementProps } from './switch-content.element';
+export declare const switchContentArgTypes: Partial<ArgTypes<SwitchContentElementProps>>;

package/dist/src/components/elements/switch/switch-content/switch-content.element.d.ts

@@ -0,0 +1,10 @@
+import { SxProps, Theme } from '@mui/material';
+import { default as React } from 'react';
+export interface SwitchContentElementProps {
+    name?: string;
+    content: string;
+    value?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | any) => void;
+    sx?: SxProps<Theme>;
+}
+export declare const SwitchContentElement: React.FC<SwitchContentElementProps>;

package/dist/src/components/elements/switch/switch-content/switch-content.element.stories.d.ts

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

package/dist/src/components/elements/switch/switch.argtypes.d.ts

@@ -0,0 +1,3 @@
+import { ArgTypes } from '@storybook/react';
+import { SwitchElementProps } from './switch.element';
+export declare const switchArgTypes: Partial<ArgTypes<SwitchElementProps>>;

package/dist/src/components/elements/switch/switch.element.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface SwitchElementProps {
+    name?: string;
+    value: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | any) => void;
+}
+export declare const SwitchElement: React.FC<SwitchElementProps>;

package/dist/src/components/elements/switch/switch.element.stories.d.ts

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

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

@@ -0,0 +1,6 @@
+export * from './table-collapse.component';
+export * from './table.argtypes';
+export * from './table.component';
+export * from './table.constant';
+export * from './table.enum';
+export * from './table.interface';

package/dist/src/components/elements/table/part/row-collapse.part.d.ts

@@ -0,0 +1,25 @@
+import { SxProps, Theme } from '@mui/material';
+import { JSX } from 'react';
+import { CollapseProps, Column, OnClickRow, OnDisabled } from '../table.interface';
+export interface RowCollapsePartProps<R, RC> {
+    columns: Column<R>[];
+    row: R;
+    indexRow: number;
+    indexLoadingRow?: number;
+    collapse: CollapseProps<R, RC>;
+    isStickyActions?: boolean;
+    rowSx?: {
+        [key: number]: SxProps<Theme>;
+    };
+    collapseTableWidth?: number;
+    onClickRow?: OnClickRow<R>;
+    onDisabled?: OnDisabled<R>;
+    onSelectRow?: OnClickRow<R>;
+    onDeleteRow?: OnClickRow<R>;
+    onInfoRow?: OnClickRow<R>;
+    onCopyRow?: OnClickRow<R>;
+    onUpdateRow?: OnClickRow<R>;
+}
+type RowCollapsePartType = <R, RC>(props: RowCollapsePartProps<R, RC>) => JSX.Element;
+export declare const RowCollapsePart: RowCollapsePartType;
+export {};

package/dist/src/components/elements/table/part/table-container.part.d.ts

@@ -0,0 +1,5 @@
+import { default as React, ReactElement } from 'react';
+export interface TableContainerPartProps {
+    children: ReactElement;
+}
+export declare const TableContainerPart: React.FC<TableContainerPartProps>;

package/dist/src/components/elements/table/part/table-head.part.d.ts

@@ -0,0 +1,8 @@
+import { JSX } from 'react';
+import { Column } from '../table.interface';
+export interface TableHeadPartProps<R> {
+    columns: Column<R>[];
+}
+type TableHeadPartType = <R>(props: TableHeadPartProps<R>) => JSX.Element;
+export declare const TableHeadPart: TableHeadPartType;
+export {};

package/dist/src/components/elements/table/part/table-tree.part.d.ts

@@ -0,0 +1,25 @@
+import { Theme } from '@mui/material';
+import { default as React } from 'react';
+export type TreeMeta = {
+    visibleRows: any[];
+    rowLevels: Record<string, number>;
+    hasChildrenById: Record<string, boolean>;
+};
+export declare const buildTreeMeta: ({ rows, enableTree, expandedRowIds, getRowId, getChildren, }: {
+    rows: any[];
+    enableTree: boolean;
+    expandedRowIds: Set<string>;
+    getRowId: (row: any) => string;
+    getChildren: (row: any) => any[];
+}) => TreeMeta;
+interface TreeToggleCellProps {
+    row: any;
+    getRowId: (row: any) => string;
+    rowLevels: Record<string, number>;
+    hasChildrenById: Record<string, boolean>;
+    expandedRowIds: Set<string>;
+    onToggle: (rowId: string) => void;
+    palette: Theme['palette'];
+}
+export declare const TreeToggleCell: React.FC<TreeToggleCellProps>;
+export {};

package/dist/src/components/elements/table/table-collapse.argtypes.d.ts

@@ -0,0 +1,6 @@
+import { ArgTypes } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { TableCollapseComponent } from './table-collapse.component';
+type TableCollapseProps = ComponentProps<typeof TableCollapseComponent<any, any>>;
+export declare const tableCollapseArgTypes: Partial<ArgTypes<TableCollapseProps>>;
+export {};

package/dist/src/components/elements/table/table-collapse.component.d.ts

@@ -0,0 +1,20 @@
+import { JSX } from 'react';
+import { CollapseProps, Column, OnClickRow, OnDisabled } from './table.interface';
+export interface TableCollapseComponentProps<R, RC> {
+    loading: boolean;
+    rows?: R[];
+    columns: Column<R>[];
+    indexLoadingRow?: number;
+    collapse: CollapseProps<R, RC>;
+    isStickyActions?: boolean;
+    onClickRow?: OnClickRow<R>;
+    onDisabled?: OnDisabled<R>;
+    onSelectRow?: OnClickRow<R>;
+    onDeleteRow?: OnClickRow<R>;
+    onInfoRow?: OnClickRow<R>;
+    onCopyRow?: OnClickRow<R>;
+    onUpdateRow?: OnClickRow<R>;
+}
+type TableCollapseComponentType = <R, RC>(props: TableCollapseComponentProps<R, RC>) => JSX.Element;
+export declare const TableCollapseComponent: TableCollapseComponentType;
+export {};

package/dist/src/components/elements/table/table-collapse.component.stories.d.ts

@@ -0,0 +1,19 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { TableCollapseComponent } from './table-collapse.component';
+type ParentRow = {
+    id: string;
+    category: string;
+    owner: string;
+    children: ChildRow[];
+};
+type ChildRow = {
+    id: string;
+    name: string;
+    amount: number;
+};
+declare const meta: Meta<typeof TableCollapseComponent<ParentRow, ChildRow>>;
+export default meta;
+type Story = StoryObj<typeof TableCollapseComponent<ParentRow, ChildRow>>;
+export declare const Default: Story;
+export declare const Loading: Story;
+export declare const WithActions: Story;

package/dist/src/components/elements/table/table.argtypes.d.ts

@@ -0,0 +1,6 @@
+import { ArgTypes } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { TableComponent } from './table.component';
+type TableProps = ComponentProps<typeof TableComponent<any>>;
+export declare const tableArgTypes: Partial<ArgTypes<TableProps>>;
+export {};

package/dist/src/components/elements/table/table.component.d.ts

@@ -0,0 +1,41 @@
+import { SxProps, Theme } from '@mui/material';
+import { JSX } from 'react';
+import { TableActions } from './table.enum';
+import { Column, OnClickRow, OnDisabled } from './table.interface';
+export interface TableComponentProps<R> {
+    loading?: boolean;
+    columns: Column<R>[];
+    rows?: R[];
+    indexLoadingRow?: number;
+    isStickyActions?: boolean;
+    rowSx?: {
+        [key: number]: SxProps<Theme>;
+    };
+    rowKey?: (row: R) => string;
+    onClickSelectRow?: boolean;
+    /** Optional getter for children of a row in tree mode. Defaults to (row as any).children || [] */
+    enableTree?: boolean;
+    getChildren?: (row: R) => R[];
+    onClickRow?: OnClickRow<R>;
+    onDisabled?: OnDisabled<R>;
+    selectedRows?: string[];
+    onSelectRows?: (ids: string[]) => void;
+    getRowMenu?: (row: R, index: number) => {
+        content: string;
+        icon: string;
+        onClick: () => void;
+    }[];
+    onSelectRow?: OnClickRow<R>;
+    onDeleteRow?: OnClickRow<R>;
+    onInfoRow?: OnClickRow<R>;
+    onCopyRow?: OnClickRow<R>;
+    onHistoryRow?: OnClickRow<R>;
+    onUpdateRow?: OnClickRow<R>;
+    /** Allows customizing the icon for actions per-row */
+    getActionIcon?: (row: R, index: number, action: keyof typeof TableActions) => string;
+    /** Danh sách API permission key để hiển thị table */
+    requiredPermissions?: string[];
+}
+type TableComponentType = <R>(props: TableComponentProps<R>) => JSX.Element;
+export declare const TableComponent: TableComponentType;
+export {};

package/dist/src/components/elements/table/table.component.stories.d.ts

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { TableComponent } from './table.component';
+type DemoRow = {
+    id: string;
+    name: string;
+    email: string;
+    role: string;
+    status: string;
+};
+declare const meta: Meta<typeof TableComponent<DemoRow>>;
+export default meta;
+type Story = StoryObj<typeof TableComponent<DemoRow>>;
+export declare const Default: Story;
+export declare const Loading: Story;
+export declare const Empty: Story;
+export declare const WithActionsAndSelect: Story;
+export declare const WithTotalRowsNoActions: Story;

package/dist/src/components/elements/table/table.constant.d.ts

@@ -0,0 +1,8 @@
+import { Palette, SxProps, Theme } from '@mui/material';
+import { Column } from './table.interface';
+export declare const BORDER_TABLE: string;
+export declare const DISABLED_DEFAULT: Record<"DISABLED_GET_ROW_MENU" | "HISTORY_GET_ROW_MENU" | "INFO" | "COPY" | "DELETE" | "UPDATE" | "SELECT" | "COLLAPSE" | "DISABLED_ALL_ACTIONS" | "DISABLED_ROW" | "DISABLED_CHECKBOX", boolean>;
+export declare const getStyleCell: (column: Column<any>, palette: Palette, disableRow?: boolean) => SxProps<Theme>;
+export declare const getStyleRow: (hasOnClick: boolean, palette: Palette, index: number, rowSx: {
+    [key: number]: SxProps<Theme>;
+}, indexLoadingRow?: number) => SxProps<Theme>;

package/dist/src/components/elements/table/table.enum.d.ts

@@ -0,0 +1,17 @@
+export declare enum TableActions {
+    DISABLED_GET_ROW_MENU = "DISABLED_GET_ROW_MENU",
+    HISTORY_GET_ROW_MENU = "HISTORY_GET_ROW_MENU",
+    INFO = "INFO",
+    COPY = "COPY",
+    DELETE = "DELETE",
+    UPDATE = "UPDATE",
+    SELECT = "SELECT",// cái này chưa có
+    COLLAPSE = "COLLAPSE",
+    DISABLED_ALL_ACTIONS = "DISABLED_ALL_ACTIONS",
+    DISABLED_ROW = "DISABLED_ROW",
+    DISABLED_CHECKBOX = "DISABLED_CHECKBOX"
+}
+export declare enum TableRowKey {
+    TOTAL = "TOTAL",
+    TOTAL_INCOME = "TOTAL_INCOME"
+}

package/dist/src/components/elements/table/table.interface.d.ts

@@ -0,0 +1,45 @@
+import { SxProps, Theme } from '@mui/material';
+import { TableActions } from './table.enum';
+export type OnClickRow<R> = (row: R, index: number) => void;
+export type OnDisabled<R> = (row: R, index: number) => Partial<Record<keyof typeof TableActions, boolean>>;
+export type DisableRow = {
+    columnId: string;
+    compareWith: any;
+};
+export interface Column<R> {
+    id: string;
+    label: string | React.ReactNode;
+    width?: number;
+    align?: 'right' | 'left' | 'center';
+    alignHead?: 'right' | 'left' | 'center';
+    render?: (row: R, index: number) => React.ReactNode;
+    copyable?: boolean | {
+        getValue?: (row: R, index: number) => string;
+    };
+    sx?: SxProps<Theme>;
+    isRowSpan?: boolean;
+    stickyCss?: {
+        borderLeft?: string;
+        left?: number;
+        right?: number;
+        boxShadow?: string;
+        zIndex?: number;
+    };
+}
+export interface CollapseProps<R, RC> {
+    iconTitle?: string;
+    title: string;
+    property?: string;
+    columns: Column<RC>[];
+    widthActions?: number;
+    isStickyActions?: boolean;
+    rowSpanProperty?: string;
+    onOpenCollapse?: (row: R, index: number) => Promise<any>;
+    onClickRow?: OnClickRow<RC>;
+    onDisabled?: OnDisabled<RC>;
+    onSelectRow?: OnClickRow<RC>;
+    onDeleteRow?: OnClickRow<RC>;
+    onInfoRow?: OnClickRow<RC>;
+    onCopyRow?: OnClickRow<RC>;
+    onUpdateRow?: OnClickRow<RC>;
+}

package/dist/src/components/elements/tabs/index.d.ts

@@ -0,0 +1,4 @@
+export * from './tabs.component';
+export * from './tabs-badge/tabs-badge.component';
+export * from './tabs-badge-subs-vertical/tabs-badge-subs-vertical.component';
+export * from './tabs.constant';

package/dist/src/components/elements/tabs/tabs-badge/tabs-badge.component.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { TabComponent, TabsComponentProps } from '../tabs.component';
+export interface TabBadge extends Omit<TabComponent, 'badgeCount'> {
+    badgeCount: number;
+}
+export interface TabsBadgeComponentProps extends Omit<TabsComponentProps, 'tabs' | 'idSelect'> {
+    tabIdSelect: string;
+    tabs: TabBadge[];
+}
+export declare const TabsBadgeComponent: React.FC<TabsBadgeComponentProps>;

package/dist/src/components/elements/tabs/tabs-badge-subs-vertical/tabs-badge-subs-vertical.component.d.ts

@@ -0,0 +1,19 @@
+import { SxProps, Theme } from '@mui/material';
+import { default as React } from 'react';
+import { TabBadge } from '../tabs-badge/tabs-badge.component';
+export interface TabBadgeSubs extends TabBadge {
+    subs?: TabBadgeSubs[];
+    level: number;
+}
+export interface TabsBadgeSubsVerticalComponentProps {
+    tabIdSelect: string;
+    tabs: TabBadgeSubs[];
+    size?: 'large' | 'small' | 'medium';
+    sx?: SxProps<Theme>;
+    hiddenContent?: boolean;
+    openAllTab?: boolean;
+    hoverWhenHiddenContent?: boolean;
+    memoryOpen?: Record<string, boolean>;
+    isReverseIconDropdown?: boolean;
+}
+export declare const TabsBadgeSubsVerticalComponent: React.FC<TabsBadgeSubsVerticalComponentProps>;

package/dist/src/components/elements/tabs/tabs.argtypes.d.ts

@@ -0,0 +1,3 @@
+import { ArgTypes } from '@storybook/react';
+import { TabsComponentProps } from './tabs.component';
+export declare const tabsArgTypes: Partial<ArgTypes<TabsComponentProps>>;

package/dist/src/components/elements/tabs/tabs.component.d.ts

@@ -0,0 +1,48 @@
+import { SxProps } from '@mui/material';
+import { default as React } from 'react';
+import { DirectionProps, TabSizeProps, VariantProps } from '../../../common';
+export declare const useTabsSelected: (idSelect?: string) => {
+    selected: string | undefined;
+    setSelected: React.Dispatch<React.SetStateAction<string | undefined>>;
+};
+export type TabsMotionItemBase = {
+    id?: string;
+    href?: string;
+    onClick?: () => void;
+    key?: React.Key;
+};
+export interface TabsMotionBaseProps<T extends TabsMotionItemBase> {
+    tabs: T[];
+    selectedId?: string;
+    onSelectId?: (id?: string) => void;
+    direction?: DirectionProps;
+    sx?: SxProps;
+    stackTabsSx?: SxProps;
+    isSelectable?: (tab: T) => boolean;
+    isDivider?: boolean;
+    renderContent: (tab: T) => React.ReactNode;
+}
+export declare function TabsMotionBase<T extends TabsMotionItemBase>({ tabs, selectedId, onSelectId, direction, sx, stackTabsSx, isSelectable, isDivider, renderContent, }: TabsMotionBaseProps<T>): import("react/jsx-runtime").JSX.Element;
+export interface TabComponent {
+    id: string;
+    icon?: string;
+    name: string;
+    onClick?: () => void;
+    href?: string;
+    badgeCount?: number;
+}
+export interface TabsComponentProps {
+    idSelect?: string;
+    tabs: TabComponent[];
+    size?: TabSizeProps;
+    direction?: DirectionProps;
+    variant?: VariantProps;
+    onChange?: (newValue: string) => void;
+    sx?: SxProps;
+    sxTabs?: SxProps;
+    sxWrapper?: SxProps;
+    mode?: 'default' | 'badge';
+    getSubs?: (tab: TabComponent) => TabComponent[] | undefined;
+    isDivider?: boolean;
+}
+export declare const TabsComponent: React.FC<TabsComponentProps>;

package/dist/src/components/elements/tabs/tabs.constant.d.ts

@@ -0,0 +1,22 @@
+import { Theme } from '@emotion/react';
+import { SxProps } from '@mui/system';
+import { default as React } from 'react';
+export interface StyledTabsProps {
+    children?: React.ReactNode;
+    value: number;
+    onChange: (event: React.SyntheticEvent, newValue: number) => void;
+    sx?: SxProps<Theme>;
+}
+export declare const StyledTabs: import('@emotion/styled').StyledComponent<StyledTabsProps & {
+    theme?: Theme;
+}, {}, {}>;
+export declare const StyledTab: import('@emotion/styled').StyledComponent<{
+    label: string;
+    sx?: SxProps;
+    icon?: string;
+} & {
+    theme?: Theme;
+}, {}, {}>;
+export declare const TAB_STYLES: SxProps<Theme>;
+export declare const TAB_BACKGROUND_STYLES: SxProps<Theme>;
+export declare const TAB_WRAPPER_STYLES: SxProps<Theme>;

package/dist/src/components/elements/tabs/tabs.element.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { TabsComponent } from './tabs.component';
+declare const meta: Meta<typeof TabsComponent>;
+export default meta;
+type Story = StoryObj<typeof TabsComponent>;
+export declare const Default: Story;
+export declare const Variants: Story;
+export declare const Directions: Story;
+export declare const WithBadges: Story;
+export declare const WithSubs: Story;
+export declare const WithBadgesAndSubs: Story;

package/dist/src/components/elements/tag/index.d.ts

@@ -0,0 +1 @@
+export * from './tag.element';

package/dist/src/components/elements/tag/tag.argtypes.d.ts

@@ -0,0 +1,3 @@
+import { ArgTypes } from '@storybook/react';
+import { TagElementProps } from './tag.element';
+export declare const tagArgTypes: Partial<ArgTypes<TagElementProps>>;

package/dist/src/components/elements/tag/tag.element.d.ts

@@ -0,0 +1,17 @@
+import { SxProps, Theme } from '@mui/material';
+import { default as React } from 'react';
+export type TagType = 'success' | 'warning' | 'info' | 'secondary' | 'primary' | 'error';
+export type TagSize = 'large' | 'medium' | 'small';
+export type TagVariant = 'contained' | 'outlined' | 'outlined-border';
+export interface TagElementProps {
+    type: string;
+    content: string | number;
+    width?: number;
+    sx?: SxProps<Theme>;
+    variation?: 'body1' | 'caption';
+    variant?: TagVariant;
+    size?: TagSize;
+    color?: string;
+    iconProps?: React.ReactNode;
+}
+export declare const TagElement: React.FC<TagElementProps>;