@integrigo/integrigo-ui 1.6.8 → 1.6.10

package/lib/src/components/atoms/Dot/Dot.stories.d.ts

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const _default: ComponentMeta<import("react").FCS<{
+    icon?: (import("react").SVGProps<SVGSVGElement> & {
+        type: "close" | "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "dice-five" | "edit" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user-circle" | "users";
+        size?: "big" | "small" | "ultra-small" | "medium" | {
+            width: number;
+            height: number;
+        } | undefined;
+    } & import("react").WithStyledComponent & {
+        children?: import("react").ReactNode;
+    }) | undefined;
+    children?: import("react").ReactNode;
+    size?: "s" | "m" | "l" | "xl" | undefined;
+}>>;
+export default _default;
+export declare const Icon: ComponentStory<import("react").FCS<{
+    icon?: (import("react").SVGProps<SVGSVGElement> & {
+        type: "close" | "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "dice-five" | "edit" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user-circle" | "users";
+        size?: "big" | "small" | "ultra-small" | "medium" | {
+            width: number;
+            height: number;
+        } | undefined;
+    } & import("react").WithStyledComponent & {
+        children?: import("react").ReactNode;
+    }) | undefined;
+    children?: import("react").ReactNode;
+    size?: "s" | "m" | "l" | "xl" | undefined;
+}>>;
+export declare const Basic: ComponentStory<import("react").FCS<{
+    icon?: (import("react").SVGProps<SVGSVGElement> & {
+        type: "close" | "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "dice-five" | "edit" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user-circle" | "users";
+        size?: "big" | "small" | "ultra-small" | "medium" | {
+            width: number;
+            height: number;
+        } | undefined;
+    } & import("react").WithStyledComponent & {
+        children?: import("react").ReactNode;
+    }) | undefined;
+    children?: import("react").ReactNode;
+    size?: "s" | "m" | "l" | "xl" | undefined;
+}>>;

package/lib/src/components/atoms/Dot/Dot.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/components/atoms/Dot/index.d.ts

@@ -0,0 +1 @@
+export { Dot } from './Dot';

package/lib/src/components/atoms/Field/FieldLabel.d.ts

@@ -0,0 +1,7 @@
+interface FieldLabelProps {
+    sizeVariant: 'xl' | 'l' | 'm' | 's';
+    position?: 'inline' | 'block';
+    disabled?: boolean;
+}
+export declare const FieldLabel: import("styled-components").StyledComponent<"div", any, FieldLabelProps, never>;
+export {};

package/lib/src/components/atoms/Field/FieldWrapper.d.ts

@@ -0,0 +1,4 @@
+export declare const FieldWrapper: import("styled-components").StyledComponent<"div", any, {
+    withLabel: boolean;
+    sizeVariant: 'xl' | 'l' | 'm' | 's';
+}, never>;

package/lib/src/components/atoms/Field/fieldSizeVariants.d.ts

@@ -0,0 +1,22 @@
+export declare const fieldSizeVariants: {
+    xl: {
+        iconPadding: string;
+        padding: string;
+        font: string;
+    };
+    l: {
+        iconPadding: string;
+        padding: string;
+        font: string;
+    };
+    m: {
+        iconPadding: string;
+        padding: string;
+        font: string;
+    };
+    s: {
+        iconPadding: string;
+        padding: string;
+        font: string;
+    };
+};

package/lib/src/components/atoms/Field/index.d.ts

@@ -0,0 +1,3 @@
+export { FieldLabel } from './FieldLabel';
+export { FieldWrapper } from './FieldWrapper';
+export { fieldSizeVariants } from './fieldSizeVariants';

package/lib/src/components/atoms/Icon/Icon.d.ts

@@ -0,0 +1,42 @@
+import React from "react";
+export declare const iconHashMap: {
+    "angle-down": React.FCS<{}>;
+    "arrow-left": React.FCS<{}>;
+    bars: React.FCS<{}>;
+    bell: React.FCS<{}>;
+    "check-circle": React.FCS<{}>;
+    "check-square": React.FCS<{}>;
+    "clipboad-notes": React.FCS<{}>;
+    close: React.FCS<{}>;
+    "dice-five": React.FCS<{}>;
+    edit: React.FCS<{}>;
+    envelope: React.FCS<{}>;
+    "exclamation-circle": React.FCS<{}>;
+    "exclamation-triangle": React.FCS<{}>;
+    exit: React.FCS<{}>;
+    facebook: React.FCS<{}>;
+    home: React.FCS<{}>;
+    "image-edit": React.FCS<{}>;
+    instagram: React.FCS<{}>;
+    linkedin: React.FCS<{}>;
+    lock: React.FCS<{}>;
+    minus: React.FCS<{}>;
+    phone: React.FCS<{}>;
+    plus: React.FCS<{}>;
+    process: React.FCS<{}>;
+    "points-circle": React.FCS<{}>;
+    redo: React.FCS<{}>;
+    setting: React.FCS<{}>;
+    "user-circle": React.FCS<{}>;
+    users: React.FCS<{}>;
+};
+export declare type IconType = keyof typeof iconHashMap;
+declare type IconProps = React.SVGProps<SVGSVGElement> & {
+    type: IconType;
+    size?: "ultra-small" | "small" | "medium" | "big" | {
+        width: number;
+        height: number;
+    };
+};
+export declare const Icon: React.FCS<IconProps>;
+export {};

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.FCS<React.SVGProps<SVGSVGElement> & {
+    type: "close" | "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "dice-five" | "edit" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user-circle" | "users";
+    size?: "big" | "small" | "ultra-small" | "medium" | {
+        width: number;
+        height: number;
+    } | undefined;
+}>>;
+export default _default;
+export declare const SimpleIcon: ComponentStory<React.FCS<React.SVGProps<SVGSVGElement> & {
+    type: "close" | "angle-down" | "arrow-left" | "bars" | "bell" | "check-circle" | "check-square" | "clipboad-notes" | "dice-five" | "edit" | "envelope" | "exclamation-circle" | "exclamation-triangle" | "exit" | "facebook" | "home" | "image-edit" | "instagram" | "linkedin" | "lock" | "minus" | "phone" | "plus" | "process" | "points-circle" | "redo" | "setting" | "user-circle" | "users";
+    size?: "big" | "small" | "ultra-small" | "medium" | {
+        width: number;
+        height: number;
+    } | undefined;
+}>>;
+export declare const AllIcons: () => JSX.Element;

package/lib/src/components/atoms/Icon/IconAddition.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { IconType } from './Icon';
+interface IconAdditionProps {
+    disabled?: boolean;
+    icon?: IconType;
+    direction?: 'rtl' | 'ltr';
+    colorVariant?: 'grey' | 'white' | 'ghost';
+    size?: 'xl' | 'l' | 'm' | 's';
+    onClick?: () => void;
+}
+export declare const IconAddition: React.FC<IconAdditionProps>;
+export {};

package/lib/src/components/atoms/Icon/icons/AngleDown.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AngleDown: React.FCS;
+export default AngleDown;

package/lib/src/components/atoms/Icon/icons/ArrowLeft.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ArrowLeft: React.FCS;
+export default ArrowLeft;

package/lib/src/components/atoms/Icon/icons/Bars.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Bars: React.FCS;
+export default Bars;

package/lib/src/components/atoms/Icon/icons/Bell.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Bell: React.FCS;
+export default Bell;

package/lib/src/components/atoms/Icon/icons/ChechSquare.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const CheckSquare: React.FCS;
+export default CheckSquare;

package/lib/src/components/atoms/Icon/icons/CheckCircle.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const CheckCircle: React.FCS;
+export default CheckCircle;

package/lib/src/components/atoms/Icon/icons/ClipboardNotes.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ClipboardNotes: React.FCS;
+export default ClipboardNotes;

package/lib/src/components/atoms/Icon/icons/Close.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Close: React.FCS;
+export default Close;

package/lib/src/components/atoms/Icon/icons/DiceFive.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DiceFive: React.FCS;
+export default DiceFive;

package/lib/src/components/atoms/Icon/icons/Edit.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Edit: React.FCS;
+export default Edit;

package/lib/src/components/atoms/Icon/icons/Envelope.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Envelope: React.FCS;
+export default Envelope;

package/lib/src/components/atoms/Icon/icons/ExclamationCircle.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ExclamationCircle: React.FCS;
+export default ExclamationCircle;

package/lib/src/components/atoms/Icon/icons/ExclamationTriangle.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ExclamationTriangle: React.FCS;
+export default ExclamationTriangle;

package/lib/src/components/atoms/Icon/icons/Exit.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Exit: React.FCS;
+export default Exit;

package/lib/src/components/atoms/Icon/icons/Facebook.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Facebook: React.FCS;
+export default Facebook;

package/lib/src/components/atoms/Icon/icons/Home.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Home: React.FCS;
+export default Home;

package/lib/src/components/atoms/Icon/icons/ImageEdit.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const ImageEdit: React.FCS;
+export default ImageEdit;

package/lib/src/components/atoms/Icon/icons/Instagram.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Instagram: React.FCS;
+export default Instagram;

package/lib/src/components/atoms/Icon/icons/Linkedin.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Linkedin: React.FCS;
+export default Linkedin;

package/lib/src/components/atoms/Icon/icons/Lock.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Lock: React.FCS;
+export default Lock;

package/lib/src/components/atoms/Icon/icons/Minus.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Minus: React.FCS;
+export default Minus;

package/lib/src/components/atoms/Icon/icons/Phone.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Phone: React.FCS;
+export default Phone;

package/lib/src/components/atoms/Icon/icons/Plus.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Plus: React.FCS;
+export default Plus;

package/lib/src/components/atoms/Icon/icons/PointsCircle.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PointsCircle: React.FCS;
+export default PointsCircle;

package/lib/src/components/atoms/Icon/icons/Process.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Process: React.FCS;
+export default Process;

package/lib/src/components/atoms/Icon/icons/Redo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Redo: React.FCS;
+export default Redo;

package/lib/src/components/atoms/Icon/icons/Setting.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Setting: React.FCS;
+export default Setting;

package/lib/src/components/atoms/Icon/icons/UserCircle.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const UserCircle: React.FCS;
+export default UserCircle;

package/lib/src/components/atoms/Icon/icons/Users.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Users: React.FCS;
+export default Users;

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

@@ -0,0 +1,3 @@
+export { Icon } from './Icon';
+export { IconAddition } from './IconAddition';
+export type { IconType } from './Icon';

package/lib/src/components/atoms/Initials/Initials.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type InitialsProps = {
+    text: string;
+    size?: 's' | 'm' | 'l' | 'xl' | 'xxl';
+};
+export declare const Initials: React.FC<InitialsProps>;
+export {};

package/lib/src/components/atoms/Initials/Initials.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<import("react").FC<{
+    text: string;
+    size?: "s" | "m" | "l" | "xl" | "xxl" | undefined;
+}>>;
+export default _default;
+export declare const Basic: ComponentStory<import("react").FC<{
+    text: string;
+    size?: "s" | "m" | "l" | "xl" | "xxl" | undefined;
+}>>;

package/lib/src/components/atoms/Initials/index.d.ts

@@ -0,0 +1 @@
+export { Initials } from './Initials';

package/lib/src/components/atoms/Nav/Nav.d.ts

@@ -0,0 +1,4 @@
+export interface NavProps {
+    active?: boolean;
+}
+export declare const Nav: import("styled-components").StyledComponent<"nav", any, NavProps, never>;

package/lib/src/components/atoms/Nav/Nav.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<import("styled-components").StyledComponent<"nav", any, import("./Nav").NavProps, never>>;
+export default _default;
+export declare const Basic: ComponentStory<import("styled-components").StyledComponent<"nav", any, import("./Nav").NavProps, never>>;
+export declare const Active: ComponentStory<import("styled-components").StyledComponent<"nav", any, import("./Nav").NavProps, never>>;

package/lib/src/components/atoms/Nav/index.d.ts

@@ -0,0 +1 @@
+export { Nav } from './Nav';

package/lib/src/components/atoms/Pill/Pill.d.ts

@@ -0,0 +1,4 @@
+export interface PillProps {
+    variant: 'orange' | 'green' | 'red';
+}
+export declare const Pill: import("styled-components").StyledComponent<"div", any, PillProps, never>;

package/lib/src/components/atoms/Pill/Pill.stories.d.ts

@@ -0,0 +1,6 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<import("styled-components").StyledComponent<"div", any, import("./Pill").PillProps, never>>;
+export default _default;
+export declare const Orange: ComponentStory<import("styled-components").StyledComponent<"div", any, import("./Pill").PillProps, never>>;
+export declare const Green: ComponentStory<import("styled-components").StyledComponent<"div", any, import("./Pill").PillProps, never>>;
+export declare const Red: ComponentStory<import("styled-components").StyledComponent<"div", any, import("./Pill").PillProps, never>>;

package/lib/src/components/atoms/Pill/index.d.ts

@@ -0,0 +1 @@
+export { Pill } from './Pill';

package/lib/src/components/atoms/Spinner/Spinner.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Icon } from '../Icon';
+export declare type SpinnerProps = Omit<React.ComponentProps<typeof Icon>, 'type'>;
+export declare const Spinner: React.FC<SpinnerProps>;

package/lib/src/components/atoms/Spinner/Spinner.stories.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.FC<import("./Spinner").SpinnerProps>>;
+export default _default;
+export declare const Basic: ComponentStory<React.FC<import("./Spinner").SpinnerProps>>;

package/lib/src/components/atoms/Spinner/index.d.ts

@@ -0,0 +1 @@
+export { Spinner } from './Spinner';

package/lib/src/components/atoms/Typography/Body.d.ts

@@ -0,0 +1,6 @@
+export interface BodyProps {
+    size?: 's' | 'm' | 'l' | 'xl' | 'xxl';
+    align?: 'left' | 'right' | 'center';
+    bold?: boolean;
+}
+export declare const Body: import("styled-components").StyledComponent<"p", any, BodyProps, never>;

package/lib/src/components/atoms/Typography/Body.stories.d.ts

@@ -0,0 +1,8 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<import("styled-components").StyledComponent<"p", any, import("./Body").BodyProps, never>>;
+export default _default;
+export declare const XXL: ComponentStory<import("styled-components").StyledComponent<"p", any, import("./Body").BodyProps, never>>;
+export declare const XL: ComponentStory<import("styled-components").StyledComponent<"p", any, import("./Body").BodyProps, never>>;
+export declare const L: ComponentStory<import("styled-components").StyledComponent<"p", any, import("./Body").BodyProps, never>>;
+export declare const M: ComponentStory<import("styled-components").StyledComponent<"p", any, import("./Body").BodyProps, never>>;
+export declare const S: ComponentStory<import("styled-components").StyledComponent<"p", any, import("./Body").BodyProps, never>>;

package/lib/src/components/atoms/Typography/Hero.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface HeroProps {
+    size?: 's' | 'm' | 'l' | 'xl' | 'xxl';
+}
+export declare const Hero: React.FCS<HeroProps>;

package/lib/src/components/atoms/Typography/Hero.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.FCS<import("./Hero").HeroProps>>;
+export default _default;
+export declare const XXL: ComponentStory<React.FCS<import("./Hero").HeroProps>>;
+export declare const XL: ComponentStory<React.FCS<import("./Hero").HeroProps>>;
+export declare const L: ComponentStory<React.FCS<import("./Hero").HeroProps>>;
+export declare const M: ComponentStory<React.FCS<import("./Hero").HeroProps>>;
+export declare const S: ComponentStory<React.FCS<import("./Hero").HeroProps>>;

package/lib/src/components/atoms/Typography/Label.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface LabelProps {
+    text: string;
+    size?: 's' | 'm' | 'l' | 'xl' | 'xxl';
+    children?: React.ReactNode;
+}
+export declare const Label: React.FC<LabelProps>;

package/lib/src/components/atoms/Typography/Label.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.FC<import("./Label").LabelProps>>;
+export default _default;
+export declare const XXL: ComponentStory<React.FC<import("./Label").LabelProps>>;
+export declare const XL: ComponentStory<React.FC<import("./Label").LabelProps>>;
+export declare const L: ComponentStory<React.FC<import("./Label").LabelProps>>;
+export declare const M: ComponentStory<React.FC<import("./Label").LabelProps>>;
+export declare const S: ComponentStory<React.FC<import("./Label").LabelProps>>;

package/lib/src/components/atoms/Typography/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const Typography: {
+    Body: import("styled-components").StyledComponent<"p", any, import("./Body").BodyProps, never>;
+    Hero: import("react").FCS<import("./Hero").HeroProps>;
+    Label: import("react").FC<import("./Label").LabelProps>;
+};

package/lib/src/components/atoms/index.d.ts

@@ -0,0 +1,11 @@
+export { Alert } from './Alert';
+export { Avatar } from './Avatar';
+export { Card } from './Card';
+export { Divider } from './Divider';
+export { Icon } from './Icon';
+export { Pill } from './Pill';
+export { Typography } from './Typography';
+export { Nav } from './Nav';
+export { Spinner } from './Spinner';
+export { Chip } from './Chip';
+export { Dot } from './Dot';

package/lib/src/components/molecules/Button/BasicButton.d.ts

@@ -0,0 +1,35 @@
+import { FlattenSimpleInterpolation } from 'styled-components';
+export declare const sizeVariants: {
+    xl: {
+        iconPadding: string;
+        padding: string;
+        ghostPadding: string;
+        font: string;
+    };
+    l: {
+        iconPadding: string;
+        padding: string;
+        ghostPadding: string;
+        font: string;
+    };
+    m: {
+        iconPadding: string;
+        padding: string;
+        ghostPadding: string;
+        font: string;
+    };
+    s: {
+        iconPadding: string;
+        padding: string;
+        ghostPadding: string;
+        font: string;
+    };
+};
+export declare const getDirectionPadding: (direction?: 'rtl' | 'ltr', ghost?: boolean, size?: 'xl' | 'l' | 'm' | 's') => FlattenSimpleInterpolation;
+export declare const BasicButton: import("styled-components").StyledComponent<"div", any, {
+    direction?: "rtl" | "ltr" | undefined;
+    ghost?: boolean | undefined;
+    disabled?: boolean | undefined;
+    loading?: boolean | undefined;
+    sizeVariant: 'xl' | 'l' | 'm' | 's';
+}, never>;

package/lib/src/components/molecules/Button/Button.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { IconType } from '../../atoms/Icon';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    primary?: boolean;
+    ghost?: boolean;
+    icon?: IconType;
+    direction?: 'rtl' | 'ltr';
+    size?: 'xl' | 'l' | 'm' | 's';
+    loading?: boolean;
+    onIconClick?: () => void;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/lib/src/components/molecules/Button/Button.stories.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>>;
+export default _default;
+export declare const Primary: ComponentStory<React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>>;
+export declare const Secondary: ComponentStory<React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>>;
+export declare const Ghost: ComponentStory<React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>>;
+export declare const IconLTR: ComponentStory<React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>>;
+export declare const IconRTL: ComponentStory<React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>>;
+export declare const SecondaryWithIcon: ComponentStory<React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>>;
+export declare const DisabledGhostWithIcon: ComponentStory<React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>>;

package/lib/src/components/molecules/Button/Button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/components/molecules/Button/Ghost.d.ts

@@ -0,0 +1,16 @@
+export declare const sizeVariant: {
+    xl: number;
+    l: number;
+    m: number;
+    s: number;
+};
+export declare const Ghost: import("styled-components").StyledComponent<"div", any, {
+    direction?: "ltr" | "rtl" | undefined;
+    ghost?: boolean | undefined;
+    disabled?: boolean | undefined;
+    loading?: boolean | undefined;
+    sizeVariant: "s" | "xl" | "l" | "m";
+} & {
+    direction?: "ltr" | "rtl" | undefined;
+    disabled?: boolean | undefined;
+}, never>;

package/lib/src/components/molecules/Button/Primary.d.ts

@@ -0,0 +1,7 @@
+export declare const Primary: import("styled-components").StyledComponent<"div", any, {
+    direction?: "ltr" | "rtl" | undefined;
+    ghost?: boolean | undefined;
+    disabled?: boolean | undefined;
+    loading?: boolean | undefined;
+    sizeVariant: "s" | "xl" | "l" | "m";
+}, never>;

package/lib/src/components/molecules/Button/index.d.ts

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

package/lib/src/components/molecules/Checkbox/Checkbox.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare type CheckboxProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> & {
+    size?: 'xl' | 'l' | 'm' | 's';
+    label?: string;
+};
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
+    size?: "xl" | "l" | "m" | "s" | undefined;
+    label?: string | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/lib/src/components/molecules/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
+    size?: "s" | "m" | "l" | "xl" | undefined;
+    label?: string | undefined;
+} & React.RefAttributes<HTMLInputElement>>>;
+export default _default;
+export declare const Basic: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
+    size?: "s" | "m" | "l" | "xl" | undefined;
+    label?: string | undefined;
+} & React.RefAttributes<HTMLInputElement>>>;
+export declare const Controlled: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
+    size?: "s" | "m" | "l" | "xl" | undefined;
+    label?: string | undefined;
+} & React.RefAttributes<HTMLInputElement>>>;
+export declare const WithLabel: ComponentStory<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
+    size?: "s" | "m" | "l" | "xl" | undefined;
+    label?: string | undefined;
+} & React.RefAttributes<HTMLInputElement>>>;

package/lib/src/components/molecules/Checkbox/index.d.ts

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