@soppiya/elementus 1.0.0 → 1.0.2

package/dist/components/page/Page.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as Page } from './Page';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Page.props').PageProps & 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 Page>;
+export declare const PageDefault: Story;

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

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

package/dist/components/pagination/Pagination.d.ts

@@ -0,0 +1,14 @@
+type Sizes = "sm" | "md" | "lg";
+export interface PaginationProps extends React.HTMLAttributes<HTMLDivElement> {
+    count: number;
+    limit: number;
+    skip: number;
+    size?: {
+        sm?: Sizes;
+        md?: Sizes;
+        lg?: Sizes;
+    } | Sizes;
+    onPageChange?: (value: number) => void;
+}
+declare const Pagination: import('react').ForwardRefExoticComponent<PaginationProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Pagination;

package/dist/components/pagination/Pagination.stories.d.ts

@@ -0,0 +1,27 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as Pagination } from './Pagination';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Pagination').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 Pagination>;
+export declare const Default: Story;
+export declare const PaginationSm: Story;
+export declare const PaginationMd: Story;
+export declare const PaginationLg: Story;

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

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

package/dist/components/phone/Phone.Props.d.ts

@@ -0,0 +1,56 @@
+import { FocusEvent } from 'react';
+export type ErrorType = {
+    status: boolean;
+    message: string;
+};
+export type PhoneType = {
+    _id: string;
+    dialing_code: string;
+    format: string;
+};
+export type SelectCountryType = {
+    _id: string;
+    flag_icon: string;
+    name: string;
+    phone: PhoneType;
+    country: string;
+};
+export type ValueType = {
+    phone: string;
+    country: string;
+};
+export type PhoneSchema = {
+    _id: string;
+    dialing_code: string;
+    format: string;
+};
+export type CountrySchema = {
+    _id: string;
+    name: string;
+    flag: string;
+    phone: PhoneSchema;
+};
+export type Sizes = "xs" | "sm" | "md" | "lg";
+export interface PhoneProps extends Omit<React.ComponentProps<"input">, "size" | "value" | "onChange"> {
+    size?: {
+        xs?: Sizes;
+        sm?: Sizes;
+        md?: Sizes;
+        lg?: Sizes;
+    } | Sizes;
+    label?: React.ReactNode | string;
+    helpText?: string;
+    error?: ErrorType;
+    flagPosition?: "left" | "right";
+    dropdown?: boolean;
+    value?: ValueType;
+    countries: CountrySchema[];
+    loading?: boolean;
+    onChange?: (data: {
+        phone: string;
+        country: string;
+    }) => void;
+    onValid?: (is_valid: boolean) => void;
+    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
+}

package/dist/components/phone/Phone.d.ts

@@ -0,0 +1,3 @@
+import { PhoneProps } from './Phone.Props';
+declare const Phone: import('react').ForwardRefExoticComponent<Omit<PhoneProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+export default Phone;

package/dist/components/phone/Phone.stories.d.ts

@@ -0,0 +1,32 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as Phone } from './Phone';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<import('./Phone.Props').PhoneProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        label: {
+            control: "text";
+        };
+        size: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+    };
+    args: {
+        onClick: import('storybook/internal/test').Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Phone>;
+export declare const Default: Story;
+export declare const Loading: Story;
+export declare const HelpMessage: Story;
+export declare const ErrorMessage: Story;
+export declare const PhoneDisabled: Story;
+export declare const PhoneReadOnly: Story;

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

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

package/dist/components/phone/phone.data.d.ts

@@ -0,0 +1,2 @@
+import { CountrySchema } from './Phone.Props';
+export declare const get_countries: CountrySchema[];

package/dist/components/popover/Popover.d.ts

@@ -0,0 +1,3 @@
+import { PopoverProps } from './Popover.props';
+declare const Popover: import('react').ForwardRefExoticComponent<Omit<PopoverProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default Popover;

package/dist/components/popover/Popover.props.d.ts

@@ -0,0 +1,11 @@
+import { Placement } from '../../utils/types/types';
+import { default as React } from 'react';
+export type AlignPopover = "start" | "end";
+export interface PopoverProps extends React.ComponentProps<'div'> {
+    activator?: React.ReactNode;
+    children?: React.ReactNode;
+    popoverBtnClass?: string;
+    placement?: Placement;
+    active?: boolean;
+    align?: AlignPopover;
+}

package/dist/components/popover/Popover.stories.d.ts

@@ -0,0 +1,23 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as Popover } from './Popover';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<import('./Popover.props').PopoverProps, "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 Popover>;
+export declare const Default: Story;
+export declare const Top: Story;
+export declare const Bottom: Story;
+export declare const Left: Story;
+export declare const Right: Story;
+export declare const EndeEdge: Story;
+export declare const StartEdge: Story;

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

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

package/dist/components/progressBar/ProgressBar.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+type Size = "xs" | "sm";
+export interface ProgressBarProps extends React.ComponentProps<'div'> {
+    size?: {
+        xs?: Size;
+        sm?: Size;
+        md?: Size;
+        lg?: Size;
+    } | Size;
+    message?: React.ReactNode;
+    accept?: string;
+    reject?: string;
+    wrapperClass?: string;
+    progressbarClass?: string;
+    acceptClass?: string;
+    rejectClass?: string;
+}
+declare const ProgressBar: React.ForwardRefExoticComponent<Omit<ProgressBarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default ProgressBar;

package/dist/components/progressBar/ProgressBar.stories.d.ts

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as ProgressBar } from './ProgressBar';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<import('./ProgressBar').ProgressBarProps, "ref"> & 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 ProgressBar>;
+export declare const Default: Story;

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

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

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

@@ -0,0 +1,11 @@
+import { InputHTMLAttributes } from 'react';
+import { ColorProps } from '../../utils/types/types';
+export interface Props extends InputHTMLAttributes<HTMLInputElement> {
+    label?: React.ReactNode | string;
+    labelPosition?: "top" | "center";
+    name?: string;
+    variant?: ColorProps;
+    id?: string;
+}
+declare const Radio: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>>;
+export default Radio;

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

@@ -0,0 +1,25 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as Radio } from './Radio';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Radio').Props & 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 Radio>;
+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;
+export declare const Disabled: Story;

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

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

package/dist/components/range/Range.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export interface RangeProps extends React.ComponentProps<'input'> {
+    label?: string;
+    value?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    isInputField?: boolean;
+    suffix?: string;
+    inputFieldPosition?: "start" | "end";
+    rangeBar?: "solid" | "dashed";
+    onOk?: (value: number) => void;
+}
+declare const Range: React.ForwardRefExoticComponent<Omit<RangeProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default Range;

package/dist/components/range/Range.stories.d.ts

@@ -0,0 +1,43 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as Range } from './Range';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<import('./Range').RangeProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        value: {
+            control: "number";
+        };
+        min: {
+            control: "number";
+        };
+        max: {
+            control: "number";
+        };
+        step: {
+            control: "number";
+        };
+        suffix: {
+            control: "text";
+        };
+        isInputField: {
+            control: "boolean";
+        };
+        inputFieldPosition: {
+            control: "select";
+            options: string[];
+        };
+        onOk: {
+            action: string;
+        };
+    };
+    args: {
+        onClick: import('storybook/internal/test').Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Range>;
+export declare const Default: Story;

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

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

package/dist/components/resourceItem/ResouceItem.stories.d.ts

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

package/dist/components/resourceItem/ResourceItem.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface ResourceItemProps extends React.ComponentProps<"div"> {
+    src?: string;
+    label?: string;
+    children?: React.ReactNode;
+    onClick?: () => void;
+}
+declare const ResourceItem: React.ForwardRefExoticComponent<Omit<ResourceItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default ResourceItem;

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

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

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

@@ -0,0 +1,6 @@
+import { SelectProps } from './Select.props';
+/*************************
+ * Main Component
+ *************************/
+declare const Select: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLSelectElement>>;
+export default Select;

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

@@ -0,0 +1,32 @@
+/*************************
+ * Type definition
+ *************************/
+type ErrorType = {
+    status: boolean;
+    message: string;
+};
+type Options = {
+    value: string;
+    name: string;
+};
+export type Sizes = "xs" | "sm" | "md" | "lg";
+/*************************
+ * Component props
+ *************************/
+export interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "size" | "onSelect"> {
+    size?: {
+        xs?: Sizes;
+        sm?: Sizes;
+        md?: Sizes;
+        lg?: Sizes;
+    } | Sizes;
+    name?: string;
+    label?: React.ReactNode | string;
+    labelAction?: React.ReactNode | string;
+    helpText?: string;
+    error?: ErrorType;
+    value?: string;
+    options: Options[];
+    onSelect?: (value: string) => void;
+}
+export {};

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

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

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

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

package/dist/components/skeletonBodyText/SkeletonBody.stories.d.ts

@@ -0,0 +1,28 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as SkeletonBodyText } from './SkeletonBodyText';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./SkeletonBodyText').SkeletonProps & 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 SkeletonBodyText>;
+export declare const SkeletonBodyTextDefault: Story;
+export declare const SkeletonBodyTextXs: Story;
+export declare const SkeletonBodyTextSm: Story;
+export declare const SkeletonBodyTextMd: Story;
+export declare const SkeletonBodyTextLg: Story;

package/dist/components/skeletonBodyText/SkeletonBodyText.d.ts

@@ -0,0 +1,13 @@
+type Sizes = "xs" | "sm" | "md" | "lg";
+export interface SkeletonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color"> {
+    line?: number;
+    size?: {
+        xs?: Sizes;
+        sm?: Sizes;
+        md?: Sizes;
+        lg?: Sizes;
+    } | Sizes;
+    color?: "black" | "white" | "gray";
+}
+declare const SkeletonBodyText: import('react').ForwardRefExoticComponent<SkeletonProps & import('react').RefAttributes<HTMLDivElement>>;
+export default SkeletonBodyText;

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

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

package/dist/components/skeletonDisplayText/SkeletonDisplayText.d.ts

@@ -0,0 +1,13 @@
+type Sizes = 'xs' | 'sm' | 'md' | 'lg';
+export interface SkeletonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color"> {
+    line?: number;
+    size?: {
+        xs?: Sizes;
+        sm?: Sizes;
+        md?: Sizes;
+        lg?: Sizes;
+    } | Sizes;
+    color?: "black" | "white" | "gray";
+}
+declare const SkeletonDisplayText: import('react').ForwardRefExoticComponent<SkeletonProps & import('react').RefAttributes<HTMLDivElement>>;
+export default SkeletonDisplayText;

package/dist/components/skeletonDisplayText/SkeletonDisplayText.stories.d.ts

@@ -0,0 +1,28 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as SkeletonDisplayText } from './SkeletonDisplayText';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./SkeletonDisplayText').SkeletonProps & 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 SkeletonDisplayText>;
+export declare const SkeletonDisplayTextDefault: Story;
+export declare const SkeletonDisplayTextXs: Story;
+export declare const SkeletonDisplayTextSm: Story;
+export declare const SkeletonDisplayTextMd: Story;
+export declare const SkeletonDisplayTextLg: Story;

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

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

package/dist/components/skeletonThumbnail/SkeletonThumbnail.d.ts

@@ -0,0 +1,13 @@
+type Sizes = "xs" | "sm" | "md" | "lg" | "auto";
+export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: Sizes | {
+        xs?: Sizes;
+        sm?: Sizes;
+        md?: Sizes;
+        lg?: Sizes;
+        auto?: Sizes;
+    };
+    color?: "black" | "white" | "gray";
+}
+declare const SkeletonThumbnail: import('react').ForwardRefExoticComponent<SkeletonProps & import('react').RefAttributes<HTMLDivElement>>;
+export default SkeletonThumbnail;

package/dist/components/skeletonThumbnail/SkeletonThumbnail.stories.d.ts

@@ -0,0 +1,28 @@
+import { StoryObj } from '@storybook/react-vite';
+import { default as SkeletonThumbnail } from './SkeletonThumbnail';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./SkeletonThumbnail').SkeletonProps & 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 SkeletonThumbnail>;
+export declare const SkeletonThumbnailDefault: Story;
+export declare const SkeletonThumbnailXs: Story;
+export declare const SkeletonThumbnailSm: Story;
+export declare const SkeletonThumbnailMd: Story;
+export declare const SkeletonThumbnailLg: Story;

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

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

package/dist/components/snackBar/SnackBar.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { SnackBarProps } from './SnackBar.props';
+declare const SnackBar: React.FC<SnackBarProps & {
+    onDismiss: () => void;
+}>;
+export default SnackBar;

package/dist/components/snackBar/SnackBar.props.d.ts

@@ -0,0 +1,20 @@
+import { ResponsiveBackgroundColorProps } from '../../utils/types/types';
+export interface SnackBarAction {
+    content: string;
+    onAction: () => void;
+}
+export interface SnackBarProps {
+    id: string;
+    content?: React.ReactNode;
+    action?: SnackBarAction;
+    duration?: number;
+    background?: ResponsiveBackgroundColorProps;
+    onClick?: () => void;
+}
+export interface SnackBarContextType {
+    showSnackbar: (toast: Omit<SnackBarProps, "id">) => void;
+    removeSnackbar: (id: string) => void;
+    snackbar: SnackBarProps[];
+    snackbarPosition?: "bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right";
+    defaultProps?: Partial<Omit<SnackBarProps, "id">>;
+}

package/dist/components/snackBar/SnackBar.stories.d.ts

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