chore: plane ui library component and code refactor

packages/tailwind-config-custom/tailwind.config.js

@@ -7,7 +7,7 @@ module.exports = {
     "./constants/**/*.{js,ts,jsx,tsx}",
     "./layouts/**/*.tsx",
     "./pages/**/*.tsx",
-    "./ui/**/*.tsx",
+    "../packages/ui/**/*.{js,ts,jsx,tsx}",
   ],
   theme: {
     extend: {

packages/ui/dist/index.d.ts

@@ -1,32 +1,39 @@
 import * as React from 'react';
-import { FC } from 'react';
+import React__default, { FC } from 'react';
 
-declare const Button: () => JSX.Element;
+declare type TButtonVariant = "primary" | "accent-primary" | "outline-primary" | "neutral-primary" | "link-primary" | "danger" | "accent-danger" | "outline-danger" | "link-danger" | "tertiary-danger";
 
-interface InputProps {
-    type: string;
-    id: string;
-    value: string;
-    name: string;
-    onChange: () => void;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: TButtonVariant;
+    size?: "sm" | "md" | "lg";
     className?: string;
-    mode?: "primary" | "transparent" | "true-transparent";
+    loading?: boolean;
+    disabled?: boolean;
+    appendIcon?: any;
+    prependIcon?: any;
+    children: React.ReactNode;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+interface IToggleSwitchProps {
+    value: boolean;
+    onChange: (value: boolean) => void;
+    label?: string;
     size?: "sm" | "md" | "lg";
-    hasError?: boolean;
-    placeholder?: string;
     disabled?: boolean;
+    className?: string;
+}
+declare const ToggleSwitch: React.FC<IToggleSwitchProps>;
+
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    mode?: "primary" | "transparent" | "true-transparent";
+    inputSize?: "sm" | "md";
+    hasError?: boolean;
+    className?: string;
 }
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 
-interface TextAreaProps {
-    id: string;
-    name: string;
-    placeholder?: string;
-    value?: string;
-    rows?: number;
-    cols?: number;
-    disabled?: boolean;
-    onChange: () => void;
+interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
     mode?: "primary" | "transparent";
     hasError?: boolean;
     className?: string;
@@ -38,6 +45,30 @@ interface IRadialProgressBar {
 }
 declare const RadialProgressBar: FC<IRadialProgressBar>;
 
+declare type Props$1 = {
+    maxValue?: number;
+    value?: number;
+    radius?: number;
+    strokeWidth?: number;
+    activeStrokeColor?: string;
+    inactiveStrokeColor?: string;
+};
+declare const ProgressBar: React__default.FC<Props$1>;
+
 declare const Spinner: React.FC;
 
-export { Button, Input, InputProps, RadialProgressBar, Spinner, TextArea, TextAreaProps };
+declare type Props = {
+    children: React__default.ReactNode;
+    className?: string;
+};
+declare const Loader: {
+    ({ children, className }: Props): JSX.Element;
+    Item: React__default.FC<ItemProps>;
+    displayName: string;
+};
+declare type ItemProps = {
+    height?: string;
+    width?: string;
+};
+
+export { Button, ButtonProps, Input, InputProps, Loader, ProgressBar, RadialProgressBar, Spinner, TextArea, TextAreaProps, ToggleSwitch };