@soppiya/elementus 1.0.0 → 1.0.2

package/dist/components/box/Box.d.ts

@@ -0,0 +1,33 @@
+import { AllowedElementsProps, AxisOverflowProps, BorderStyleProps, BorderWidthProps, ColorProps, OrderProps, OverflowProps, PositionDirectionProps, PositionProps, RadiusProps, ResponsiveBackgroundProps, ResponsiveBorderStyleProps, ResponsiveBorderWidthProps, ResponsiveColorProps, ResponsiveOrderProps, ResponsivePositionDirectionProps, ResponsivePositionProps, ResponsiveRadiusSideProps, ResponsiveShadowProps, ResponsiveSideProps, ShadowProps } from '../../utils/types/types';
+import { default as React } from 'react';
+/*************************
+ * Allowed HTML elements
+ *************************/
+/*************************
+ * Component Props
+ *************************/
+export interface BoxProps extends React.ComponentProps<"div"> {
+    children?: React.ReactNode;
+    as?: AllowedElementsProps;
+    position?: ResponsivePositionProps | PositionProps;
+    zIndex?: string;
+    left?: ResponsivePositionDirectionProps | PositionDirectionProps;
+    right?: ResponsivePositionDirectionProps | PositionDirectionProps;
+    top?: ResponsivePositionDirectionProps | PositionDirectionProps;
+    bottom?: ResponsivePositionDirectionProps | PositionDirectionProps;
+    shadow?: ResponsiveShadowProps | ShadowProps;
+    background?: ResponsiveBackgroundProps | ColorProps;
+    order?: ResponsiveOrderProps | OrderProps;
+    padding?: ResponsiveSideProps;
+    border?: boolean;
+    borderColor?: ResponsiveColorProps | ColorProps;
+    borderWidth?: ResponsiveBorderWidthProps | BorderWidthProps;
+    borderStyle?: ResponsiveBorderStyleProps | BorderStyleProps;
+    radius?: RadiusProps | ResponsiveRadiusSideProps;
+    overflow?: AxisOverflowProps | OverflowProps;
+}
+/*************************
+ * Component
+ *************************/
+declare const Box: React.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Box;

package/dist/components/box/Box.stories.d.ts

@@ -0,0 +1,25 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as Box } from './Box';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<import('./Box').BoxProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+        overflow: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {};
+    args: {
+        onClick: import('storybook/internal/test').Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Box>;
+export declare const Default: Story;
+export declare const BorderWidth5Px: Story;
+export declare const BoxShadow: Story;

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

@@ -0,0 +1 @@
+export { default as Box } from './Box';

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

@@ -0,0 +1,33 @@
+import { FontWeightProps, ResponsiveFontWeightProps } from '../../utils/types/types';
+/*************************
+ * Type definition
+ *************************/
+export type Sizes = "xs" | "sm" | "md" | "lg";
+type Color = "primary" | "secondary" | "success" | "info" | "warning" | "danger" | "white" | "blue";
+type Variant = "solid" | "outline" | "fill" | "plain" | "link";
+/*************************
+ * Component Props
+ *************************/
+export interface ButtonProps extends React.ComponentProps<"button"> {
+    color?: Color;
+    variant?: Variant;
+    size?: {
+        xs?: Sizes;
+        sm?: Sizes;
+        md?: Sizes;
+        lg?: Sizes;
+    } | Sizes;
+    loading?: boolean;
+    block?: boolean;
+    icon?: React.ReactNode;
+    href?: string;
+    target?: React.HTMLAttributeAnchorTarget;
+    spinnerColor?: string;
+    children?: React.ReactNode;
+    weight?: ResponsiveFontWeightProps | FontWeightProps;
+}
+/*************************
+ * Main Button Component
+ *************************/
+declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export default Button;

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

@@ -0,0 +1,51 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as Button } from './Button';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<import('./Button').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        color: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+        variant: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+        size: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+    };
+    args: {
+        onClick: import('storybook/internal/test').Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Success: Story;
+export declare const Info: Story;
+export declare const Warning: Story;
+export declare const Danger: Story;
+export declare const White: Story;
+export declare const Blue: Story;
+export declare const SolidButton: Story;
+export declare const OutlineButton: Story;
+export declare const FillButton: Story;
+export declare const PlainButton: Story;
+export declare const LinkButton: Story;
+export declare const DisabledButton: Story;
+export declare const BlockButton: Story;
+export declare const ButtonWithIcon: Story;

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

@@ -0,0 +1 @@
+export { default as Button } from './Button';

package/dist/components/buttonGroup/ButtonGroup.d.ts

@@ -0,0 +1,18 @@
+import { JustifyContentProps, ResponsiveGapProps, ResponsiveGapXProps, ResponsiveGapYProps, ResponsiveJustifyContentProps } from '../../utils/types/types';
+/*************************
+ * Component Props
+ *************************/
+export interface ButtonGroupProps extends React.ComponentProps<"div"> {
+    alignment?: ResponsiveJustifyContentProps | JustifyContentProps;
+    children?: React.ReactNode;
+    gap?: ResponsiveGapProps;
+    gapX?: ResponsiveGapXProps;
+    gapY?: ResponsiveGapYProps;
+    group?: "default" | "rounded-x" | "no-rounded";
+    shadow?: boolean;
+}
+/*************************
+ * Main Component
+ *************************/
+declare const ButtonGroup: import('react').ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default ButtonGroup;

package/dist/components/buttonGroup/ButtonGroup.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as ButtonGroup } from './ButtonGroup';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<import('./ButtonGroup').ButtonGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+    args: {
+        onClick: import('storybook/internal/test').Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof ButtonGroup>;
+export declare const Default: Story;
+export declare const Group: Story;

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

@@ -0,0 +1 @@
+export { default as ButtonGroup } from './ButtonGroup';

package/dist/components/calender/Calender.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { CalendarProps } from './calender.utils';
+declare const Calender: React.ForwardRefExoticComponent<Omit<CalendarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Calender;

package/dist/components/calender/Calender.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as Calender } from './Calender';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<import('./calender.utils').CalendarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+    args: {
+        onClick: import('storybook/internal/test').Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Calender>;
+export declare const Default: Story;
+export declare const SelectedRange: Story;
+export declare const SelectedDate: Story;

package/dist/components/calender/calender.utils.d.ts

@@ -0,0 +1,27 @@
+import { EventType } from '../../utils/types/types';
+import { default as React } from 'react';
+export interface CalendarProps extends Omit<React.ComponentProps<"div">, "onChange"> {
+    year?: number;
+    month?: number;
+    monthsToShow?: number;
+    events?: EventType[];
+    allowRange?: boolean;
+    disableDatesBefore?: Date;
+    disableDatesAfter?: Date;
+    disableSpecificDates?: Date[];
+    multiMonth?: number;
+    weekStartsOn?: number;
+    selectedDate?: string;
+    selectedRange?: {
+        start: string | null;
+        end: string | null;
+    };
+    onChange?: (range: {
+        start: string | null;
+        end: string | null;
+    }) => void;
+    onMonthChange?: (month: number, year: number) => void;
+}
+export declare const DAYS_SHORT: string[];
+export declare const firstDay: (year: number, month: number, day?: number) => number;
+export declare const daysInMonth: (year: number, month: number, day?: number) => number;

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

@@ -0,0 +1 @@
+export { default as Calender } from './Calender';

package/dist/components/card/Card.d.ts

@@ -0,0 +1,10 @@
+import { ColorProps, ResponsiveBackgroundColorProps, ResponsiveRadiusSideProps, ResponsiveShadowProps, ResponsiveSideProps, ShadowProps } from '../../utils/types/types';
+export interface CardProps extends React.ComponentProps<"div"> {
+    children?: React.ReactNode;
+    background?: ResponsiveBackgroundColorProps | ColorProps;
+    padding?: ResponsiveSideProps;
+    shadow?: ResponsiveShadowProps | ShadowProps;
+    radius?: ResponsiveRadiusSideProps;
+}
+declare const Card: import('react').ForwardRefExoticComponent<Omit<CardProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default Card;

package/dist/components/card/Card.stories.d.ts

@@ -0,0 +1,21 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as Card } from './Card';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<import('./Card').CardProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+    args: {
+        onClick: import('storybook/internal/test').Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Card>;
+export declare const Default: Story;
+export declare const Padding: Story;
+export declare const Radius: Story;
+export declare const Shadow: Story;
+export declare const Backgorund: Story;

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

@@ -0,0 +1 @@
+export { default as Card } from './Card';

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

@@ -0,0 +1,15 @@
+import { ColorProps } from '../../utils/types/types';
+import { default as React, InputHTMLAttributes } from 'react';
+/*************************
+ * Component Props
+ *************************/
+export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: React.ReactNode | string;
+    labelPosition?: "top" | "center";
+    variant?: ColorProps;
+}
+/*************************
+ * Main Component
+ *************************/
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export default Checkbox;

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

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as Checkbox } from './Checkbox';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Checkbox').CheckboxProps & import('react').RefAttributes<HTMLInputElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+    args: {
+        onClick: import('storybook/internal/test').Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Checkbox>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Tertiary: Story;
+export declare const Success: Story;
+export declare const Info: Story;
+export declare const Danger: Story;
+export declare const White: Story;
+export declare const Blue: Story;

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

@@ -0,0 +1 @@
+export { default as Checkbox } from './Checkbox';

package/dist/components/colorPicker/ColorPicker.d.ts

@@ -0,0 +1,7 @@
+interface ColorPickerProps {
+    value?: string;
+    className?: string;
+    onChange?: (color: string) => void;
+}
+declare const ColorPicker: ({ value, className, onChange }: ColorPickerProps) => import("react/jsx-runtime").JSX.Element;
+export default ColorPicker;

package/dist/components/colorPicker/ColorPicker.stories.d.ts

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

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

@@ -0,0 +1 @@
+export { default as ColorPicker } from './ColorPicker';

package/dist/components/cursorPagination/CursorPagination.d.ts

@@ -0,0 +1,14 @@
+type Sizes = "sm" | "md" | "lg";
+export interface PaginationProps extends React.HTMLAttributes<HTMLDivElement> {
+    hasNext?: boolean;
+    hasPrev?: boolean;
+    size?: {
+        sm?: Sizes;
+        md?: Sizes;
+        lg?: Sizes;
+    } | Sizes;
+    onNextPage?: () => void;
+    onPrevPage?: () => void;
+}
+declare const CursorPagination: import('react').ForwardRefExoticComponent<PaginationProps & import('react').RefAttributes<HTMLDivElement>>;
+export default CursorPagination;

package/dist/components/cursorPagination/CursorPagination.stories.d.ts

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as CursorPagination } from './CursorPagination';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./CursorPagination').PaginationProps & import('react').RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+    };
+    args: {
+        onClick: import('storybook/internal/test').Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof CursorPagination>;
+export declare const Default: Story;

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

@@ -0,0 +1 @@
+export { default as CursorPagination } from './CursorPagination';

package/dist/components/datePicker/DatePicker.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+export type Sizes = "xs" | "sm" | "md" | "lg";
+export interface DatePickerProps extends Omit<React.ComponentProps<"input">, "size" | "value" | "onChange"> {
+    name?: string;
+    label?: string;
+    value?: string;
+    isDateTime?: boolean;
+    isCloseButton?: boolean;
+    isBackground?: boolean;
+    placeholder?: string;
+    size?: {
+        xs?: Sizes;
+        sm?: Sizes;
+        md?: Sizes;
+        lg?: Sizes;
+    } | Sizes;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>, value: string) => void;
+    onClear?: () => void;
+}
+declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default DatePicker;

package/dist/components/datePicker/DatePicker.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as DatePicker } from './DatePicker';
+declare const meta: {
+    component: import('react').ForwardRefExoticComponent<Omit<import('./DatePicker').DatePickerProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+    args: {
+        onClick: import('storybook/internal/test').Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof DatePicker>;
+export declare const Default: Story;
+export declare const DateTime: Story;
+export declare const Background: Story;

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

@@ -0,0 +1 @@
+export { default as DatePicker } from './DatePicker';

package/dist/components/demoColorPicker/DemoColorPicker.d.ts

@@ -0,0 +1,31 @@
+export interface ColorStop {
+    color: string;
+    position: string;
+}
+export type HSBType = {
+    h: number;
+    s: number;
+    b: number;
+    a: number;
+};
+export interface DemoColorPickerProps {
+    hexValue?: string;
+    rgbaValue?: string;
+    linearValue?: string;
+    radialValue?: string;
+    className?: string;
+    onChange?: (color: string) => void;
+    onHexChange?: (value: string) => void;
+    onRgbaChange?: (value: string) => void;
+    onLinearChange?: (value: string) => void;
+    onRadialChange?: (value: string) => void;
+    showHexField?: boolean;
+    showRgbaField?: boolean;
+    showLinearField?: boolean;
+    showRadialField?: boolean;
+    showAngleField?: boolean;
+    showGradientStops?: boolean;
+}
+export type ActiveInputType = "hex" | "rgba" | "linear" | "radial" | null;
+declare const DemoColorPicker: ({ hexValue, rgbaValue, linearValue, radialValue, className, onChange, onHexChange, onRgbaChange, onLinearChange, onRadialChange, showHexField, showRgbaField, showLinearField, showRadialField, showAngleField, showGradientStops, }: DemoColorPickerProps) => import("react/jsx-runtime").JSX.Element;
+export default DemoColorPicker;

package/dist/components/demoColorPicker/DemoColorPicker.stories.d.ts

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

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

@@ -0,0 +1 @@
+export { default as DemoColorPicker, type HSBType } from './DemoColorPicker';

package/dist/components/divider/Divider.d.ts

@@ -0,0 +1,7 @@
+import { BorderStyleProps, DividerVariantProps, ResponsiveBorderStyleProps, ResponsiveDividerVariantProps } from '../../utils/types/types';
+export interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: ResponsiveDividerVariantProps | DividerVariantProps;
+    borderStyle?: ResponsiveBorderStyleProps | BorderStyleProps;
+}
+declare const Divider: import('react').ForwardRefExoticComponent<DividerProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Divider;

package/dist/components/divider/Divider.stories.d.ts

@@ -0,0 +1,20 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as Divider } from './Divider';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Divider').DividerProps & import('react').RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+    args: {
+        onClick: import('storybook/internal/test').Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Divider>;
+export declare const Default: Story;
+export declare const Base: Story;
+export declare const Dark: Story;
+export declare const ResponsiveDivider: Story;

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

@@ -0,0 +1 @@
+export { default as Divider } from './Divider';

package/dist/components/dropdownPagination/DropdownPagination.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+export type Sizes = "xs" | "sm" | "md" | "lg";
+interface DropdownPaginationProps extends React.ComponentProps<"div"> {
+    size?: {
+        xs?: Sizes;
+        sm?: Sizes;
+        md?: Sizes;
+        lg?: Sizes;
+    } | Sizes;
+    onLimitChange?: (value: number) => void;
+}
+declare const DropdownPagination: React.ForwardRefExoticComponent<Omit<DropdownPaginationProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default DropdownPagination;

package/dist/components/dropdownPagination/DropdownPagination.stories.d.ts

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

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

@@ -0,0 +1 @@
+export { default as DropdownPagination } from './DropdownPagination';

package/dist/components/edgeBlurWrapper/EdgeBlurWrapper.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+interface EdgeBlurWrapperProps extends React.ComponentProps<"div"> {
+    maxHeight?: string;
+    scroll?: boolean;
+    blurEffect?: boolean;
+    children?: React.ReactNode;
+    listHeader?: React.ReactNode;
+}
+declare const EdgeBlurWrapper: React.ForwardRefExoticComponent<Omit<EdgeBlurWrapperProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default EdgeBlurWrapper;

package/dist/components/edgeBlurWrapper/EdgeBlurWrapper.stories.d.ts

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

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

@@ -0,0 +1 @@
+export { default as EdgeBlurWrapper } from './EdgeBlurWrapper';

package/dist/components/emptyState/EmptyState.d.ts

@@ -0,0 +1,26 @@
+import { ColorProps, FontWeightProps, ResponsiveFontWeightProps, ResponsiveGapYProps, SpaceProps } from '../../utils/types/types';
+type Sizes = "xs" | "sm" | "md" | "lg";
+interface EmptyStateProps {
+    title?: string;
+    titlSize?: {
+        xs: Sizes;
+        sm?: Sizes;
+        md?: Sizes;
+        lg?: Sizes;
+    } | Sizes;
+    subtitlSize?: {
+        xs: Sizes;
+        sm?: Sizes;
+        md?: Sizes;
+        lg?: Sizes;
+    } | Sizes;
+    titleWeight?: ResponsiveFontWeightProps | FontWeightProps;
+    subtitleWeight?: ResponsiveFontWeightProps | FontWeightProps;
+    subtitle?: string;
+    className?: string;
+    gapY?: ResponsiveGapYProps | SpaceProps;
+    titleColor?: ColorProps;
+    subtitleColor?: ColorProps;
+}
+declare const EmptyState: ({ title, subtitle, className, gapY, titleColor, subtitleColor, titlSize, subtitlSize, titleWeight, subtitleWeight }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
+export default EmptyState;

package/dist/components/emptyState/EmptyState.stories.d.ts

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

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

@@ -0,0 +1 @@
+export { default as EmptyState } from './EmptyState';

package/dist/components/exceptionList/ExceptionList.d.ts

@@ -0,0 +1,14 @@
+/*************************
+ * Types & Constants
+ *************************/
+export interface ExceptionListProps extends React.ComponentProps<"div"> {
+    variant?: "success" | "warning" | "danger" | "info";
+    icon?: React.ReactNode;
+    description?: string;
+    children?: React.ReactNode;
+}
+/*************************
+ * Main Component
+ *************************/
+declare const ExceptionList: import('react').ForwardRefExoticComponent<Omit<ExceptionListProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default ExceptionList;