pge-front-common 2.0.0 → 3.0.0

package/README.md

@@ -1,4 +1,4 @@
-# My Component Library
+# Biblioteca de componentes da PGE
 
 [![npm version](https://badge.fury.io/js/my-component-library.svg)](https://badge.fury.io/js/my-component-library)
 [![Storybook](https://raw.githubusercontent.com/storybookjs/brand/master/badge/badge-storybook.svg)](https://my-component-library/storybook)

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

@@ -1,28 +1,8 @@
-import React from "react";
-import "./button.css";
-export interface ButtonProps {
-    /**
-     * Is this the principal call to action on the page?
-     */
-    primary?: boolean;
-    /**
-     * What background color to use
-     */
-    backgroundColor?: string;
-    /**
-     * How large should the button be?
-     */
-    size?: "small" | "medium" | "large";
-    /**
-     * Button contents
-     */
-    label: string;
-    /**
-     * Optional click handler
-     */
-    onClick?: () => void;
+import React, { ButtonHTMLAttributes } from "react";
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant: "primary" | "secondary";
+    text: string;
+    leftIcon?: React.ReactNode;
 }
-/**
- * Primary UI component for user interaction
- */
-export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => React.JSX.Element;
+export declare function Button({ variant, text, leftIcon, ...props }: ButtonProps): React.JSX.Element;
+export {};

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

@@ -1,23 +1,8 @@
-import type { StoryObj } from "@storybook/react";
-declare const meta: {
-    title: string;
-    component: ({ primary, size, backgroundColor, label, ...props }: import("./Button").ButtonProps) => import("react").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        backgroundColor: {
-            control: "color";
-        };
-    };
-    args: {
-        onClick: import("@vitest/spy").Mock<[], void>;
-    };
-};
+import type { Meta, StoryObj } from "@storybook/react";
+import { Button } from "./Button";
+declare const meta: Meta<typeof Button>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Primary: Story;
 export declare const Secondary: Story;
-export declare const Large: Story;
-export declare const Small: Story;
+export declare const WithIcon: Story;

package/lib/components/Button/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const BaseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const PrimaryButton: import("styled-components").RuleSet<object>;
+export declare const SecondaryButton: import("styled-components").RuleSet<object>;

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

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import InputBase from "./index";
+declare const meta: Meta<typeof InputBase>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithError: Story;
+export declare const WithIcon: Story;

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { InputBaseProps } from "./index.types";
+declare const InputBase: React.FC<Partial<InputBaseProps>>;
+export default InputBase;

package/lib/components/Input/index.types.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export interface InputBaseProps extends Partial<HTMLInputElement> {
+    label: string;
+    hasError?: boolean;
+    textError?: string;
+    message?: string;
+    Icon?: string | React.ReactNode;
+    textAling?: "start" | "end" | "center";
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
+}

package/lib/components/Input/styles.d.ts

@@ -0,0 +1,15 @@
+export declare const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    width?: number;
+}>> & string;
+export declare const InputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    icon?: boolean;
+    hasError?: boolean;
+}>> & string;
+export declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+    textAlign?: "start" | "end" | "center";
+} & Partial<HTMLInputElement>>> & string;
+export declare const Message: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
+    hasError?: boolean;
+}>> & string;
+export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export declare const InputContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/components/Modal/Modal.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface ModalProps {
+    isModalOpen: boolean;
+    onOpenChange: React.Dispatch<React.SetStateAction<boolean>>;
+    children: React.ReactNode;
+    title: string;
+}
+export declare const Modal: ({ isModalOpen, onOpenChange, children, title, }: ModalProps) => React.JSX.Element;

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

@@ -0,0 +1,31 @@
+import React from "react";
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: ({ isModalOpen, onOpenChange, children, title, }: import("./Modal").ModalProps) => React.JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        isModalOpen: {
+            control: "boolean";
+        };
+        onOpenChange: {
+            action: string;
+        };
+        children: {
+            control: "text";
+        };
+    };
+    args: {
+        isModalOpen: false;
+        onOpenChange: import("@vitest/spy").Mock<[value: React.SetStateAction<boolean>], void>;
+        children: string;
+        title: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Closed: Story;

package/lib/components/Modal/ModalConfirm/ModalConfirm.stories.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: React.FC<import("./index").ModalProps>;
+    parameters: {
+        layout: string;
+    };
+    args: {
+        isModalOpen: false;
+        onOpenChange: import("@vitest/spy").Mock<[value: React.SetStateAction<boolean>], void>;
+        children: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/lib/components/Modal/ModalConfirm/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface ModalProps {
+    isModalOpen: boolean;
+    onOpenChange: React.Dispatch<React.SetStateAction<boolean>>;
+    children: React.ReactNode;
+}
+declare const ModalConfirm: React.FC<ModalProps>;
+export default ModalConfirm;

package/lib/components/Modal/ModalConfirm/styles.d.ts

@@ -0,0 +1 @@
+export declare const ContainerModalConfirm: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/components/Modal/styles.d.ts

@@ -0,0 +1,8 @@
+declare const AlertOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const ModalHeaderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const ModalHeaderText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const CloseBtn: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+declare const CustomIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const ContentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const ContentChildren: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { AlertOverlay, ModalHeaderContainer, ModalHeaderText, CloseBtn, CustomIcon, ContentContainer, ContentChildren, };

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

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import Dropdown from "./index";
+declare const meta: Meta<typeof Dropdown>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithError: Story;
+export declare const WithIcon: Story;

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { DropdownProps } from "./index.types";
+declare const Dropdown: React.FC<Partial<DropdownProps>>;
+export default Dropdown;

package/lib/components/Select/index.types.d.ts

@@ -0,0 +1,22 @@
+export interface DropdownProps {
+    label: string;
+    name: string;
+    type: string;
+    disabled?: boolean;
+    hasError?: boolean;
+    textError?: string;
+    message?: string;
+    placeholder?: string;
+    Icon?: string | React.ReactNode;
+    textAling?: "start" | "end" | "center";
+    width?: number;
+    defaultValue?: string;
+    options?: OptionsProps[];
+    value: OptionsProps;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
+}
+export type OptionsProps = {
+    label: string;
+    value: string;
+};

package/lib/components/Select/styles.d.ts

@@ -0,0 +1,25 @@
+export declare const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    width?: number;
+}>> & string;
+export declare const InputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    icon?: boolean;
+    hasError?: boolean;
+}>> & string;
+export declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    textAlign?: "start" | "end" | "center";
+}>> & string;
+export declare const Message: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
+    hasError?: boolean;
+}>> & string;
+export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export declare const InputContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ArrowIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    open: boolean;
+}>> & string;
+export declare const DropDownContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    open: boolean;
+}>> & string;
+export declare const DropDownContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DropDownItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, {
+    active?: boolean;
+}>> & string;

package/lib/components/theme.d.ts

@@ -0,0 +1,3 @@
+import { DefaultTheme } from "styled-components";
+declare const theme: DefaultTheme;
+export default theme;

package/lib/icons/add-cell-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconAddCell: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/add-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconAdd: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/arrow-expland-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconArrowExpland: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/arrow-to-recall-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconArrowRecall: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/calendar-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconCalendar: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/check-circle-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconCheckCircle: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/circle-expland-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconCircleExpland: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/circle-to-recall-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconCircleRecall: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/close-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconCLose: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/delete-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconDelete: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/download-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconDownload: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/edit-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconEdit: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/event-avaliable-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconEventAvaliable: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/icons.stories.d.ts

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

package/{src/icons/index.ts → lib/icons/index.d.ts}

@@ -1,49 +1,24 @@
-import { IconDownload } from "./download-icon";
-import { IconVisibillity } from "./visibillity-icon";
-import { IconEdit } from "./edit-icon";
-import { IconDelete } from "./delete-icon";
-import { IconCalendar } from "./calendar-icon";
-import { IconProfile } from "./profile-icon";
-import { IconUpload } from "./upload-icon";
-import { IconNewTab } from "./new-tab-icon";
-import { IconWarning } from "./warning-icon";
-import { IconCheckCircle } from "./check-circle-icon";
-import { IconEventAvaliable } from "./event-avaliable-icon";
-import { IconLogout } from "./logout-icon";
-import { IconCLose } from "./close-icon";
-import { IconAdd } from "./add-icon";
-import { IconRemove } from "./remove-icon";
-import { IconCircleExpland } from "./circle-expland-icon";
-import { IconCircleRecall } from "./circle-to-recall-icon";
-import { IconArrowExpland } from "./arrow-expland-icon";
-import { IconArrowRecall } from "./arrow-to-recall-icon";
-import { IconTriangleExpand } from "./triangle-expand-icon";
-import { IconTriangleRecall } from "./triangle-to-recall-icon";
-import { IconSwap } from "./swap-icon";
-import { IconAddCell } from "./add-cell-icon";
-
-export {
-  IconDownload,
-  IconVisibillity,
-  IconEdit,
-  IconDelete,
-  IconCalendar,
-  IconProfile,
-  IconUpload,
-  IconNewTab,
-  IconWarning,
-  IconCheckCircle,
-  IconEventAvaliable,
-  IconLogout,
-  IconCLose,
-  IconAdd,
-  IconRemove,
-  IconCircleExpland,
-  IconCircleRecall,
-  IconArrowExpland,
-  IconArrowRecall,
-  IconTriangleExpand,
-  IconTriangleRecall,
-  IconSwap,
-  IconAddCell,
-};
+import { IconDownload } from "./download-icon";
+import { IconVisibillity } from "./visibillity-icon";
+import { IconEdit } from "./edit-icon";
+import { IconDelete } from "./delete-icon";
+import { IconCalendar } from "./calendar-icon";
+import { IconProfile } from "./profile-icon";
+import { IconUpload } from "./upload-icon";
+import { IconNewTab } from "./new-tab-icon";
+import { IconWarning } from "./warning-icon";
+import { IconCheckCircle } from "./check-circle-icon";
+import { IconEventAvaliable } from "./event-avaliable-icon";
+import { IconLogout } from "./logout-icon";
+import { IconCLose } from "./close-icon";
+import { IconAdd } from "./add-icon";
+import { IconRemove } from "./remove-icon";
+import { IconCircleExpland } from "./circle-expland-icon";
+import { IconCircleRecall } from "./circle-to-recall-icon";
+import { IconArrowExpland } from "./arrow-expland-icon";
+import { IconArrowRecall } from "./arrow-to-recall-icon";
+import { IconTriangleExpand } from "./triangle-expand-icon";
+import { IconTriangleRecall } from "./triangle-to-recall-icon";
+import { IconSwap } from "./swap-icon";
+import { IconAddCell } from "./add-cell-icon";
+export { IconDownload, IconVisibillity, IconEdit, IconDelete, IconCalendar, IconProfile, IconUpload, IconNewTab, IconWarning, IconCheckCircle, IconEventAvaliable, IconLogout, IconCLose, IconAdd, IconRemove, IconCircleExpland, IconCircleRecall, IconArrowExpland, IconArrowRecall, IconTriangleExpand, IconTriangleRecall, IconSwap, IconAddCell, };

package/lib/icons/logout-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconLogout: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/new-tab-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconNewTab: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/pdf-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconPdf: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/profile-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconProfile: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/remove-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconRemove: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/swap-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconSwap: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/triangle-expand-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconTriangleExpand: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/triangle-to-recall-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconTriangleRecall: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/upload-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconUpload: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/visibillity-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconVisibillity: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/warning-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconWarning: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/index.d.ts

@@ -1,30 +1,64 @@
-import React from 'react';
-
-interface ButtonProps {
-    /**
-     * Is this the principal call to action on the page?
-     */
-    primary?: boolean;
-    /**
-     * What background color to use
-     */
-    backgroundColor?: string;
-    /**
-     * How large should the button be?
-     */
-    size?: "small" | "medium" | "large";
-    /**
-     * Button contents
-     */
-    label: string;
-    /**
-     * Optional click handler
-     */
-    onClick?: () => void;
+import React, { ButtonHTMLAttributes, SVGProps } from 'react';
+
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant: "primary" | "secondary";
+    text: string;
+    leftIcon?: React.ReactNode;
+}
+declare function Button({ variant, text, leftIcon, ...props }: ButtonProps): React.JSX.Element;
+
+interface ModalProps {
+    isModalOpen: boolean;
+    onOpenChange: React.Dispatch<React.SetStateAction<boolean>>;
+    children: React.ReactNode;
+    title: string;
 }
-/**
- * Primary UI component for user interaction
- */
-declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => React.JSX.Element;
+declare const Modal: ({ isModalOpen, onOpenChange, children, title, }: ModalProps) => React.JSX.Element;
+
+declare const IconDownload: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+
+declare const IconVisibillity: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+
+declare const IconEdit: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+
+declare const IconDelete: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+
+declare const IconCalendar: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+
+declare const IconProfile: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+
+declare const IconUpload: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+
+declare const IconNewTab: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+
+declare const IconWarning: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+
+declare const IconCheckCircle: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+
+declare const IconEventAvaliable: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+
+declare const IconLogout: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+
+declare const IconCLose: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+
+declare const IconAdd: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+
+declare const IconRemove: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+
+declare const IconCircleExpland: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+
+declare const IconCircleRecall: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+
+declare const IconArrowExpland: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+
+declare const IconArrowRecall: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+
+declare const IconTriangleExpand: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+
+declare const IconTriangleRecall: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+
+declare const IconSwap: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+
+declare const IconAddCell: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
 
-export { Button };
+export { Button, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconLogout, IconNewTab, IconProfile, IconRemove, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpload, IconVisibillity, IconWarning, Modal };