mui-design-system 0.0.21 → 0.0.22

package/dist/components/input-list/type.d.ts

@@ -1,165 +0,0 @@
-import { GridProps } from '@mui/material/Grid';
-import React, { ReactNode } from 'react';
-import { RegisterOptions } from 'react-hook-form';
-import { TypographyProps } from '@mui/material/Typography';
-import { CustomAutocompleteProps } from '../custom-auto-complete/CustomAutoComplete';
-import { TextFieldProps } from '@mui/material/TextField';
-import { ICustomCheckboxProps } from './components/UFCheckbox';
-import { ICustomNumericInputProps } from '../custom-input/CustomNumericInput';
-import { RadioProps } from '@mui/material/Radio';
-import { CheckboxListProps } from "./checkbox-list/CheckboxList";
-import { ICustomUploaderProps } from "../custom-uploader/CustomUploader";
-import { RadioGroupProps } from "@mui/material";
-import { FormControlLabelProps } from "@mui/material/FormControlLabel";
-import { ICustomSwitchProps } from './components/UFSwitch';
-import { ICustomDatePickerProps } from '../custom-date-picker/CustomDatePicker';
-export interface IFormOption {
-    value: string | number;
-    label: string;
-    labelProp?: any;
-    disabled?: boolean;
-}
-interface IBaseForm {
-    name: string;
-    label: React.ReactNode;
-    rules?: RegisterOptions;
-    defaultValue?: any;
-    placeholder?: string;
-    gridItemProp?: GridProps;
-    labelProps?: Partial<TypographyProps<any>> | undefined;
-    helperText?: string;
-    withoutHelperText?: boolean;
-    variant?: 'outlined' | 'filled' | 'standard';
-    inputLabelMode?: TInputLabelMode;
-    disabled?: boolean;
-    readonly?: boolean;
-    itemProps?: any;
-}
-export interface IRadioForm extends IBaseForm {
-    type?: 'radio';
-    radioProps?: RadioProps;
-    radioGroupProps?: Partial<RadioGroupProps>;
-    formControlLabelProps?: Partial<FormControlLabelProps>;
-    options?: IFormOption[];
-    itemProps?: RadioProps;
-}
-export interface ISelectForm extends IBaseForm {
-    type?: 'select';
-    props?: TextFieldProps;
-    itemProps?: TextFieldProps;
-    options?: IFormOption[];
-}
-export interface IMultiSelectForm extends IBaseForm {
-    type?: 'multi-select';
-    props?: Partial<TextFieldProps>;
-    itemProps?: Partial<TextFieldProps>;
-    options?: IFormOption[];
-}
-export interface IAutoCompleteForm extends IBaseForm {
-    type?: 'auto-complete';
-    isLoading?: boolean;
-    props?: Partial<CustomAutocompleteProps>;
-    itemProps?: Partial<CustomAutocompleteProps>;
-    options?: IFormOption[];
-    onReachEnd?: () => void;
-    onSearch?: (value: any) => void;
-}
-export interface ICheckboxForm extends IBaseForm {
-    type?: 'checkbox';
-    props?: Partial<ICustomCheckboxProps>;
-    formControlLabelProps?: Partial<FormControlLabelProps>;
-    itemProps?: Partial<ICustomCheckboxProps>;
-}
-export interface ISwitchForm extends IBaseForm {
-    type?: 'switch';
-    props?: Partial<ICustomSwitchProps>;
-}
-export interface IDatePickerForm extends IBaseForm {
-    type?: 'date-picker';
-    props?: Partial<ICustomDatePickerProps>;
-    itemProps?: Partial<ICustomDatePickerProps>;
-}
-export interface IDatePickerMobileForm extends IBaseForm {
-    type?: 'date-picker-mobile';
-    props?: Partial<ICustomDatePickerProps>;
-}
-export interface ITimeForm extends IBaseForm {
-    type?: 'time';
-    props?: Partial<TextFieldProps>;
-    hourProp?: Partial<TextFieldProps>;
-    minuteProp?: Partial<TextFieldProps>;
-}
-export interface ITextAreaForm extends IBaseForm {
-    type?: 'text-area';
-    props?: Partial<TextFieldProps>;
-    itemProps?: Partial<TextFieldProps>;
-}
-export interface ICurrencyForm extends IBaseForm {
-    type?: 'currency';
-    props?: Partial<ICustomNumericInputProps>;
-    itemProps?: Partial<ICustomNumericInputProps>;
-    currencyIcon?: ReactNode;
-}
-export interface IMultiCheckboxForm extends IBaseForm {
-    options: IFormOption[];
-    type?: 'multi-checkbox';
-    multiple?: boolean;
-    props?: Partial<Omit<CheckboxListProps, "multiple" | "options" | "onChange" | "value">>;
-    itemProps?: Partial<Omit<CheckboxListProps, "multiple" | "options" | "onChange" | "value">>;
-}
-export interface IUploaderForm extends IBaseForm {
-    type?: "uploader";
-    multiple?: boolean;
-    onDelete?: (index: number) => void;
-    props?: Partial<ICustomUploaderProps>;
-    itemProps?: Partial<ICustomUploaderProps>;
-}
-export interface ITextFieldForm extends IBaseForm {
-    type?: 'text' | 'email' | 'password' | 'number' | "tel";
-    props?: Partial<TextFieldProps>;
-    itemProps?: Partial<TextFieldProps>;
-}
-export type TSchema = ITextFieldForm | ICurrencyForm | ITextAreaForm | IDatePickerForm | IDatePickerMobileForm | ITimeForm | ICheckboxForm | IAutoCompleteForm | IMultiSelectForm | ISelectForm | IRadioForm | ISwitchForm | IUploaderForm | IMultiCheckboxForm;
-export type TFormSchema = TSchema[];
-export type TFormTheme = {
-    text?: Partial<TextFieldProps>;
-    email?: Partial<TextFieldProps>;
-    password?: Partial<TextFieldProps>;
-    tel?: Partial<TextFieldProps>;
-    number?: Partial<TextFieldProps>;
-    uploader?: {
-        uploaderProps?: Partial<ICustomUploaderProps>;
-    };
-    multiCheckbox?: {
-        multiCheckboxProps?: Partial<Omit<CheckboxListProps, "multiple" | "options" | "onChange" | "value">>;
-    };
-    currency?: {
-        currencyProps?: Partial<ICustomNumericInputProps>;
-    };
-    textArea?: {
-        textAreaProps?: Partial<TextFieldProps>;
-    };
-    datePicker?: {
-        datePickerProps?: Partial<ICustomDatePickerProps>;
-    };
-    checkbox?: {
-        checkboxProps?: Partial<ICustomCheckboxProps>;
-        formControlLabelProps?: Partial<FormControlLabelProps>;
-    };
-    autoComplete?: {
-        autoCompleteProps?: Partial<CustomAutocompleteProps>;
-    };
-    multiSelect?: {
-        multiSelectProps?: Partial<TextFieldProps>;
-    };
-    'select'?: {
-        selectProps: Partial<TextFieldProps>;
-    };
-    radio?: {
-        radioProps?: Partial<RadioProps>;
-        radioGroupProps?: Partial<RadioGroupProps>;
-        formControlLabelProps?: Partial<FormControlLabelProps>;
-    };
-};
-export type TInputLabelMode = 'static' | 'relative';
-export {};

package/dist/components/input-list/type.js

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

package/dist/components/otp-input/OTPInput.d.ts

@@ -1,19 +0,0 @@
-import { CSSProperties, FC } from 'react';
-import { BoxProps } from '@mui/material/Box';
-export interface OTPInputProps {
-    value?: string;
-    valueLength: number;
-    onChange: (value: string) => void;
-    size?: number | 'auto';
-    gap?: number;
-    inputStyle?: CSSProperties;
-    activeInputStyle?: CSSProperties;
-    onFinish?: (value: string, target: HTMLInputElement) => void;
-    containerProp?: BoxProps;
-    onBack?: (target: HTMLElement) => void;
-    readonly?: boolean;
-    disabled?: boolean;
-    isError?: boolean;
-}
-declare const OTPInput: FC<OTPInputProps>;
-export default OTPInput;

package/dist/components/otp-input/OTPInput.js

@@ -1,161 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from 'react';
-//@3rd Party
-//---------------------------------------------------------------------------
-//@Mui
-import Box from '@mui/material/Box';
-import { useTheme } from '@mui/material/styles';
-import Divider from '@mui/material/Divider';
-import { ClickAwayListener } from '@mui/material';
-const OTPInput = ({ valueLength, value, onChange, size = 'auto', gap = 2, inputStyle, activeInputStyle, onFinish = () => { }, onBack, containerProp, readonly = false, disabled = false, isError, }) => {
-    const theme = useTheme();
-    const RE_DIGIT = new RegExp(/^\d+$/);
-    const [activeInput, setActiveInput] = useState();
-    const valueItems = useMemo(() => {
-        const valueArray = value ? value.split('') : [];
-        const items = [];
-        for (let i = 0; i < valueLength; i++) {
-            const char = valueArray[i];
-            if (RE_DIGIT.test(char)) {
-                items.push(char);
-            }
-            else {
-                items.push('');
-            }
-        }
-        return items;
-    }, [value, valueLength]);
-    const focusToNextInput = (target, newValue) => {
-        const nextElementSibling = target?.parentElement?.nextElementSibling
-            ?.children[0];
-        if (nextElementSibling) {
-            nextElementSibling.focus();
-        }
-        else {
-            if (newValue) {
-                onFinish(newValue || '', target);
-            }
-        }
-    };
-    const focusToPrevInput = (target) => {
-        const previousElementSibling = target?.parentElement?.previousElementSibling
-            ?.children[0];
-        if (previousElementSibling) {
-            previousElementSibling.focus();
-        }
-        else {
-            if (onBack) {
-                onBack(target);
-            }
-        }
-    };
-    const inputOnChange = (e, idx) => {
-        const target = e.target;
-        let targetValue = target.value;
-        const isTargetValueDigit = RE_DIGIT.test(targetValue);
-        if (!isTargetValueDigit && targetValue !== '') {
-            return;
-        }
-        const nextInputEl = target?.parentElement?.nextElementSibling
-            ?.children[0];
-        // only delete digit if next input element has no value
-        if (!isTargetValueDigit && nextInputEl && nextInputEl.value !== '') {
-            return;
-        }
-        targetValue = isTargetValueDigit ? targetValue : ' ';
-        const targetValueLength = targetValue.length;
-        if (targetValueLength === 1) {
-            const newValue = value?.substring(0, idx) + targetValue + value?.substring(idx + 1);
-            onChange(newValue);
-            if (!isTargetValueDigit) {
-                return;
-            }
-            focusToNextInput(target, newValue);
-        }
-        else if (targetValueLength === valueLength) {
-            onChange(targetValue);
-            target.blur();
-        }
-    };
-    const inputOnKeyDown = (e) => {
-        const { key } = e;
-        const target = e.target;
-        if (key === 'ArrowRight' || key === 'ArrowDown') {
-            e.preventDefault();
-            return focusToNextInput(target, '');
-        }
-        if (key === 'ArrowLeft' || key === 'ArrowUp') {
-            e.preventDefault();
-            return focusToPrevInput(target);
-        }
-        const targetValue = target.value;
-        // keep the selection range position
-        // if the same digit was typed
-        target.setSelectionRange(0, targetValue.length);
-        if (e.key !== 'Backspace' || target.value !== '') {
-            return;
-        }
-        focusToPrevInput(target);
-    };
-    const inputOnFocus = (e, idx) => {
-        const { target } = e;
-        setActiveInput(idx);
-        // keep focusing back until previous input
-        // element has value
-        const prevInputEl = target?.parentElement?.previousElementSibling
-            ?.children[0];
-        if (prevInputEl && prevInputEl.value === '') {
-            return prevInputEl.focus();
-        }
-        target.setSelectionRange(0, target.value.length);
-    };
-    return (_jsx(Box, { id: 'otp-box-input', display: 'flex', flexDirection: 'row-reverse', gap: gap, borderColor: isError ? 'red' : theme.palette.background['1'], ...containerProp, children: valueItems.map((digit, idx) => (_jsx(ClickAwayListener, { 
-            // sx={{ border: "1px solid" }}
-            onClickAway: (e) => {
-                if (idx === activeInput) {
-                    // @ts-expect-error
-                    if (e?.target?.tagName !== 'INPUT') {
-                        setActiveInput(undefined);
-                    }
-                }
-            }, children: _jsxs(Box, { position: 'relative', width: size === 'auto' ? '100%' : size, height: size === 'auto' ? '100%' : size, display: 'flex', borderColor: 'inherit', sx: {
-                    '& input:focus-visible': {
-                        outline: 'none',
-                    },
-                }, children: [_jsx("input", { disabled: disabled, readOnly: readonly, type: 'text', inputMode: 'numeric', autoComplete: 'one-time-code', pattern: '\\d{1}', maxLength: valueLength, style: activeInput === idx
-                            ? {
-                                width: '100%',
-                                height: '100%',
-                                borderColor: 'inherit',
-                                borderRadius: 6,
-                                fontFamily: 'inherit',
-                                border: '1px solid',
-                                textAlign: 'center',
-                                fontWeight: 500,
-                                color: theme.palette.text.primary,
-                                backgroundColor: theme.palette.background['paper'],
-                                ...inputStyle,
-                                ...activeInputStyle,
-                            }
-                            : {
-                                width: '100%',
-                                height: '100%',
-                                border: '1px solid',
-                                textAlign: 'center',
-                                borderColor: 'inherit',
-                                borderRadius: 6,
-                                fontFamily: 'inherit',
-                                fontWeight: 500,
-                                color: theme.palette.text.primary,
-                                backgroundColor: theme.palette.background['paper'],
-                                ...inputStyle,
-                            }, value: digit, onChange: (e) => inputOnChange(e, idx), onKeyDown: inputOnKeyDown, onFocus: (e) => inputOnFocus(e, idx) }), _jsx(Divider, { sx: {
-                            width: '40%',
-                            position: 'absolute',
-                            bottom: '20%',
-                            left: '50%',
-                            transform: 'translate(-50%, 50%)',
-                            // borderColor: (theme) => theme.palette.primary.back,
-                        } })] }, idx) }, idx))) }));
-};
-export default OTPInput;

package/dist/components/rich-tooltip/RichTooltip.d.ts

@@ -1,18 +0,0 @@
-import { FC, ReactNode } from "react";
-import { TypographyProps } from "@mui/material/Typography";
-import { StackProps } from "@mui/material/Stack";
-import { BoxProps, ButtonProps } from "@mui/material";
-export interface IRichTooltipProps {
-    children: ReactNode;
-    title: string;
-    titleProps?: TypographyProps;
-    description: string;
-    descriptionProps?: TypographyProps;
-    containerProps?: StackProps;
-    actionProps?: BoxProps;
-    confirmProps?: ButtonProps;
-    cancelProps?: ButtonProps;
-    withoutAction?: boolean;
-}
-declare const RichTooltip: FC<IRichTooltipProps>;
-export default RichTooltip;

package/dist/components/rich-tooltip/RichTooltip.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import Box from "@mui/material/Box";
-import Typography from "@mui/material/Typography";
-import Stack from "@mui/material/Stack";
-import { Button, useTheme } from "@mui/material";
-const RichTooltip = ({ children, title, titleProps, description, descriptionProps, withoutAction = false, containerProps, actionProps, confirmProps, cancelProps,
-// onConfirmButton,
-// onCancelButton,
- }) => {
-    const { sx, ...rest } = containerProps || {};
-    const theme = useTheme();
-    return (_jsx(_Fragment, { children: _jsxs(Stack, { gap: 2, justifyContent: "start", alignItems: "start", sx: {
-                boxShadow: "0px 2px 6px 2px rgba(0, 0, 0, 0.10), 0px 1px 1px 0px rgba(0, 0, 0, 0.10)",
-                backgroundColor: theme.palette.background.paper,
-                width: 300,
-                px: 4,
-                py: 3,
-                borderRadius: 4,
-                ...sx,
-            }, ...rest, children: [_jsxs(Stack, { width: "100%", children: [_jsx(Typography
-                        // textAlign="start"
-                        , { 
-                            // textAlign="start"
-                            sx: { mb: 1 }, color: theme.palette.text.primary, fontSize: 14, fontWeight: 500, ...titleProps, children: title }), _jsx(Typography
-                        // textAlign="left"
-                        , { 
-                            // textAlign="left"
-                            fontSize: 14, fontWeight: 400, color: theme.palette.text.primary, sx: { wordWrap: "break-word" }, ...descriptionProps, children: description })] }), !withoutAction && (_jsxs(Box, { display: "flex", 
-                    // flexDirection="row-reverse"
-                    width: "100%", gap: 2, justifyContent: "left", ...actionProps, children: [confirmProps?.onClick && (_jsx(Button, { size: "small", ...confirmProps, children: confirmProps?.title ?? "تایید" })), cancelProps?.onClick && (_jsx(Button, { size: "small", variant: "outlined", ...cancelProps, children: cancelProps?.title ?? "لغو" })), !cancelProps?.onClick && !confirmProps?.onClick && children] }))] }) }));
-};
-export default RichTooltip;

package/dist/context/FormContext.d.ts

@@ -1,16 +0,0 @@
-import { FC, ReactNode } from "react";
-import { TFormTheme } from "../components/input-list/type";
-export interface ICustomInputs {
-}
-interface InputContextType {
-    customInputs?: ICustomInputs[];
-    theme?: TFormTheme;
-}
-export interface IFormProvider {
-    children: ReactNode;
-    customInputs?: ICustomInputs[];
-    theme?: TFormTheme;
-}
-declare const FormProvider: FC<IFormProvider>;
-export declare const useFormContext: () => InputContextType;
-export default FormProvider;

package/dist/context/FormContext.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
-const FormContext = createContext(undefined);
-const FormProvider = ({ children, customInputs, theme, }) => {
-    return (_jsx(FormContext.Provider, { value: { customInputs, theme }, children: children }));
-};
-export const useFormContext = () => useContext(FormContext) || {};
-export default FormProvider;

package/dist/icons/Add.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from "react";
-interface Props extends SVGProps<any> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgAdd: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgAdd;

package/dist/icons/Add.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SvgAdd = ({ primarycolor, secondarycolor, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: secondarycolor || "none", viewBox: "0 0 24 24", ...props, children: _jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M6 12h12M12 18V6" }) }));
-export default SvgAdd;

package/dist/icons/ArrowDown.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from "react";
-interface Props extends SVGProps<any> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgArrowDown: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgArrowDown;

package/dist/icons/ArrowDown.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SvgArrowDown = ({ primarycolor, secondarycolor, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: secondarycolor || "none", viewBox: "0 0 24 24", ...props, children: _jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeMiterlimit: 10, strokeWidth: 1.5, d: "m19.92 8.95-6.52 6.52c-.77.77-2.03.77-2.8 0L4.08 8.95" }) }));
-export default SvgArrowDown;

package/dist/icons/ArrowLeft1.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from "react";
-interface Props extends SVGProps<any> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgArrowLeft1: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgArrowLeft1;

package/dist/icons/ArrowLeft1.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SvgArrowLeft1 = ({ primarycolor, secondarycolor, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: secondarycolor || "none", viewBox: "0 0 24 24", ...props, children: _jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeMiterlimit: 10, strokeWidth: 1.5, d: "M15 19.92 8.48 13.4c-.77-.77-.77-2.03 0-2.8L15 4.08" }) }));
-export default SvgArrowLeft1;

package/dist/icons/ArrowRight1.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from "react";
-interface Props extends SVGProps<any> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgArrowRight1: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgArrowRight1;

package/dist/icons/ArrowRight1.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SvgArrowRight1 = ({ primarycolor, secondarycolor, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: secondarycolor || "none", viewBox: "0 0 24 24", ...props, children: _jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeMiterlimit: 10, strokeWidth: 1.5, d: "m8.91 19.92 6.52-6.52c.77-.77.77-2.03 0-2.8L8.91 4.08" }) }));
-export default SvgArrowRight1;

package/dist/icons/Calendar.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from "react";
-interface Props extends SVGProps<any> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgCalendar: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgCalendar;

package/dist/icons/Calendar.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SvgCalendar = ({ primarycolor, secondarycolor, ...props }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: secondarycolor || "none", viewBox: "0 0 24 24", ...props, children: [_jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeMiterlimit: 10, strokeWidth: 1.5, d: "M8 2v3M16 2v3M3.5 9.09h17M21 8.5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5" }), _jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15.695 13.7h.009M15.695 16.7h.009M11.996 13.7h.008M11.996 16.7h.008M8.294 13.7h.01M8.294 16.7h.01" })] }));
-export default SvgCalendar;

package/dist/icons/CloseCircle.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from "react";
-interface Props extends SVGProps<any> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgCloseCircle: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgCloseCircle;

package/dist/icons/CloseCircle.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SvgCloseCircle = ({ primarycolor, secondarycolor, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: secondarycolor || "none", viewBox: "0 0 24 24", ...props, children: _jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10M9.17 14.83l5.66-5.66M14.83 14.83 9.17 9.17" }) }));
-export default SvgCloseCircle;

package/dist/icons/DocumentDownload.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from "react";
-interface Props extends SVGProps<any> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgDocumentDownload: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgDocumentDownload;

package/dist/icons/DocumentDownload.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SvgDocumentDownload = ({ primarycolor, secondarycolor, ...props }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: secondarycolor || "none", viewBox: "0 0 24 24", ...props, children: [_jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M9 11v6l2-2M9 17l-2-2" }), _jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M22 10v5c0 5-2 7-7 7H9c-5 0-7-2-7-7V9c0-5 2-7 7-7h5" }), _jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M22 10h-4c-3 0-4-1-4-4V2z" })] }));
-export default SvgDocumentDownload;

package/dist/icons/Eye.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from "react";
-interface Props extends SVGProps<any> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgEye: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgEye;

package/dist/icons/Eye.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SvgEye = ({ primarycolor, secondarycolor, ...props }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: secondarycolor || "none", viewBox: "0 0 24 24", ...props, children: [_jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M15.58 12c0 1.98-1.6 3.58-3.58 3.58S8.42 13.98 8.42 12s1.6-3.58 3.58-3.58 3.58 1.6 3.58 3.58" }), _jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M12 20.27c3.53 0 6.82-2.08 9.11-5.68.9-1.41.9-3.78 0-5.19-2.29-3.6-5.58-5.68-9.11-5.68-3.53 0-6.82 2.08-9.11 5.68-.9 1.41-.9 3.78 0 5.19 2.29 3.6 5.58 5.68 9.11 5.68" })] }));
-export default SvgEye;

package/dist/icons/EyeSlash.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from "react";
-interface Props extends SVGProps<any> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgEyeSlash: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgEyeSlash;

package/dist/icons/EyeSlash.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SvgEyeSlash = ({ primarycolor, secondarycolor, ...props }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: secondarycolor || "none", viewBox: "0 0 24 24", ...props, children: [_jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "m14.53 9.47-5.06 5.06a3.576 3.576 0 1 1 5.06-5.06" }), _jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M17.82 5.77C16.07 4.45 14.07 3.73 12 3.73c-3.53 0-6.82 2.08-9.11 5.68-.9 1.41-.9 3.78 0 5.19.79 1.24 1.71 2.31 2.71 3.17M8.42 19.53c1.14.48 2.35.74 3.58.74 3.53 0 6.82-2.08 9.11-5.68.9-1.41.9-3.78 0-5.19-.33-.52-.69-1.01-1.06-1.47" }), _jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M15.51 12.7a3.565 3.565 0 0 1-2.82 2.82M9.47 14.53 2 22M22 2l-7.47 7.47" })] }));
-export default SvgEyeSlash;

package/dist/icons/FolderAdd.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from "react";
-interface Props extends SVGProps<any> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgFolderAdd: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgFolderAdd;

package/dist/icons/FolderAdd.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SvgFolderAdd = ({ primarycolor, secondarycolor, ...props }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: secondarycolor || "none", viewBox: "0 0 24 24", ...props, children: [_jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeMiterlimit: 10, strokeWidth: 1.5, d: "M12.06 16.5v-5M14.5 14h-5" }), _jsx("path", { stroke: primarycolor || "#1A1A1A", strokeMiterlimit: 10, strokeWidth: 1.5, d: "M22 11v6c0 4-1 5-5 5H7c-4 0-5-1-5-5V7c0-4 1-5 5-5h1.5c1.5 0 1.83.44 2.4 1.2l1.5 2c.38.5.6.8 1.6.8h3c4 0 5 1 5 5Z" })] }));
-export default SvgFolderAdd;

package/dist/icons/InfoCircle.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from "react";
-interface Props extends SVGProps<any> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgInfoCircle: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgInfoCircle;

package/dist/icons/InfoCircle.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SvgInfoCircle = ({ primarycolor, secondarycolor, ...props }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: secondarycolor || "none", viewBox: "0 0 24 24", ...props, children: [_jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10M12 8v5" }), _jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11.995 16h.009" })] }));
-export default SvgInfoCircle;

package/dist/icons/Tick.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from "react";
-interface Props extends SVGProps<any> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgTick: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgTick;

package/dist/icons/Tick.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SvgTick = ({ primarycolor, secondarycolor, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: secondarycolor || "none", viewBox: "0 0 24 24", ...props, children: _jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "m7.75 12 2.83 2.83 5.67-5.66" }) }));
-export default SvgTick;

package/dist/icons/Trash.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from "react";
-interface Props extends SVGProps<any> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgTrash: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgTrash;

package/dist/icons/Trash.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SvgTrash = ({ primarycolor, secondarycolor, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: secondarycolor || "none", viewBox: "0 0 24 24", ...props, children: _jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M21 5.98c-3.33-.33-6.68-.5-10.02-.5-1.98 0-3.96.1-5.94.3L3 5.98M8.5 4.97l.22-1.31C8.88 2.71 9 2 10.69 2h2.62c1.69 0 1.82.75 1.97 1.67l.22 1.3M18.85 9.14l-.65 10.07C18.09 20.78 18 22 15.21 22H8.79C6 22 5.91 20.78 5.8 19.21L5.15 9.14M10.33 16.5h3.33M9.5 12.5h5" }) }));
-export default SvgTrash;

package/dist/icons/Union.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from "react";
-interface Props extends SVGProps<any> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgUnion: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgUnion;

package/dist/icons/Union.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SvgUnion = ({ primarycolor, secondarycolor, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 14, height: 19, fill: secondarycolor || "none", viewBox: "0 0 14 19", ...props, children: _jsx("path", { fill: primarycolor || "#1A1A1A", fillRule: "evenodd", d: "M8.534 2.106a.75.75 0 0 0-1.07-1.052l-6.407 6.52a2.76 2.76 0 0 0 0 3.852l6.407 6.52a.75.75 0 0 0 1.07-1.052l-6.407-6.52a1.26 1.26 0 0 1 0-1.748l6.407-6.52Zm4.977 0a.75.75 0 1 0-1.07-1.052l-6.408 6.52a2.76 2.76 0 0 0 0 3.852l6.408 6.52a.75.75 0 0 0 1.07-1.052l-6.408-6.52a1.26 1.26 0 0 1 0-1.748l6.408-6.52Z", clipRule: "evenodd" }) }));
-export default SvgUnion;