@zimyo/ui 1.2.1 → 1.4.0

package/dist/index.d.ts

@@ -1,8 +1,13 @@
-import React$1, { ReactNode } from 'react';
-import { ButtonProps as ButtonProps$1, SelectProps as SelectProps$1, SelectChangeEvent, AccordionProps as AccordionProps$1, AccordionSummaryProps, AccordionDetailsProps, SwitchProps as SwitchProps$1, TextFieldProps, TypographyProps, SxProps as SxProps$1, DialogProps } from '@mui/material';
+import * as React$1 from 'react';
+import React__default from 'react';
+import { ButtonProps as ButtonProps$1, AccordionProps as AccordionProps$1, AccordionSummaryProps, AccordionDetailsProps, SwitchProps as SwitchProps$1, TypographyProps, SxProps as SxProps$1 } from '@mui/material';
 import { SxProps } from '@mui/system';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Props, GroupBase } from 'react-select';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+import { VariantProps } from 'class-variance-authority';
 import { Theme } from '@mui/material/styles';
+import { ClassValue } from 'clsx';
 
 interface ButtonProps extends Omit<ButtonProps$1, 'sx'> {
     loading?: boolean;
@@ -11,24 +16,26 @@ interface ButtonProps extends Omit<ButtonProps$1, 'sx'> {
     loaderSize?: number;
     loaderPosition?: 'start' | 'end' | 'center';
 }
-declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const Button: React__default.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
 
-interface OptionType {
+interface Option {
     label: string;
     value: string | number;
+    [key: string]: any;
 }
-interface SelectProps extends Omit<SelectProps$1, 'value' | 'onChange'> {
+type SelectSize = "sm" | "md" | "lg";
+type SelectProps<OptionType extends Option> = {
     label?: string;
-    options: OptionType[];
-    error?: boolean;
-    helperText?: string;
+    error?: string;
+    isClearable?: boolean;
+    isSearchable?: boolean;
+    className?: string;
+    size?: SelectSize;
     required?: boolean;
-    placeholder?: string;
-    value?: any;
-    onChange?: (event: SelectChangeEvent<any>) => void;
-    isMulti?: boolean;
-}
-declare const Select: React$1.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React$1.RefAttributes<any>>;
+    valueKey?: string;
+    labelKey?: string;
+} & Props<OptionType, boolean, GroupBase<OptionType>>;
+declare function Select<OptionType extends Option>({ label, error, className, size, required, valueKey, labelKey, ...props }: SelectProps<OptionType>): react_jsx_runtime.JSX.Element;
 
 interface AccordionProps extends Omit<AccordionProps$1, 'sx' | 'onChange' | 'expanded'> {
     type?: 'single' | 'multiple';
@@ -36,49 +43,36 @@ interface AccordionProps extends Omit<AccordionProps$1, 'sx' | 'onChange' | 'exp
     value?: string | string[];
     defaultValue?: string | string[];
     onValueChange?: (value: string | string[]) => void;
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     sx?: SxProps;
 }
 interface AccordionItemProps extends Omit<AccordionProps$1, 'sx'> {
     value: string;
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     sx?: SxProps;
 }
 interface AccordionTriggerProps extends Omit<AccordionSummaryProps, 'sx'> {
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     sx?: SxProps;
-    expandIcon?: React$1.ReactNode;
+    expandIcon?: React__default.ReactNode;
 }
 interface AccordionContentProps extends Omit<AccordionDetailsProps, 'sx'> {
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     sx?: SxProps;
 }
-declare const Accordion: React$1.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionItemProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionTriggerProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionContentProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const Accordion: React__default.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React__default.ForwardRefExoticComponent<Omit<AccordionItemProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React__default.ForwardRefExoticComponent<Omit<AccordionTriggerProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const AccordionContent: React__default.ForwardRefExoticComponent<Omit<AccordionContentProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
 interface SwitchProps extends Omit<SwitchProps$1, 'onChange'> {
     label?: string;
     helperText?: string;
     error?: boolean;
     required?: boolean | number;
-    onChange?: (event: React$1.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
-}
-declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-
-interface TextInputProps extends Omit<TextFieldProps, 'variant'> {
-    label?: string;
-    placeholder?: string;
-    IS_MANDATORY?: boolean | number | string;
-    startIcon?: React$1.ReactNode;
-    endIcon?: React$1.ReactNode;
-    error?: boolean;
-    variant?: 'outlined' | 'filled' | 'standard';
-    helperText?: string;
-    type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'search';
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
 }
-declare const TextInput: React$1.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+declare const Switch: React__default.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
 
 interface RadioOption {
     value: string;
@@ -104,7 +98,7 @@ interface RadioGroupProps {
     radioSx?: SxProps;
     labelSx?: SxProps;
 }
-declare const RadioGroup: React$1.ForwardRefExoticComponent<RadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const RadioGroup: React__default.ForwardRefExoticComponent<RadioGroupProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface HeadingProps extends TypographyProps {
     level?: 1 | 2 | 3 | 4 | 5 | 6;
@@ -132,34 +126,152 @@ interface CodeProps {
 }
 declare const Code: ({ children, sx }: CodeProps) => react_jsx_runtime.JSX.Element;
 
-interface ModalProps extends Omit<DialogProps, 'title'> {
+interface ModalProps {
     open: boolean;
     onClose: () => void;
-    title?: ReactNode;
-    content?: ReactNode;
-    actions?: ReactNode;
-    maxWidth?: DialogProps['maxWidth'];
+    title?: string;
+    description?: string;
+    children?: React$1.ReactNode;
+    actions?: React$1.ReactNode;
+    showCloseIcon?: boolean;
+    maxWidth?: false | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     fullWidth?: boolean;
+    fullScreen?: boolean;
+    className?: string;
 }
-declare const Modal: ({ open, onClose, title, content, actions, fullWidth, maxWidth, ...rest }: ModalProps) => react_jsx_runtime.JSX.Element;
+declare const Modal: React$1.FC<ModalProps>;
 
-interface AnimatedDrawerProps {
+interface DrawerProps {
     open: boolean;
     onClose: () => void;
-    anchor?: "left" | "right";
-    width?: number;
+    title?: string;
     children: React$1.ReactNode;
-    closeButton?: boolean;
+    footer?: React$1.ReactNode;
+    side?: "left" | "right" | "top" | "bottom";
+    className?: string;
+    showCloseIcon?: boolean;
+    withOverlay?: boolean;
+    stickyFooter?: boolean;
+    width?: number | string;
+    height?: number | string;
 }
-declare const Drawer: React$1.FC<AnimatedDrawerProps>;
+declare const Drawer: React$1.FC<DrawerProps>;
+
+type Position = "start" | "end";
+interface CustomColor {
+    bg?: string;
+    text?: string;
+    border?: string;
+}
+interface BadgeProps extends VariantProps<typeof badgeVariants> {
+    label: string;
+    icon?: React__default.ReactNode;
+    iconPosition?: Position;
+    dot?: boolean;
+    dotPosition?: Position;
+    color?: CustomColor;
+    className?: string;
+}
+declare const badgeVariants: (props?: ({
+    variant?: "text" | "outlined" | "contained" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    type?: "default" | "success" | "error" | "info" | "warning" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+declare const Badge: ({ label, icon, iconPosition, dot, dotPosition, variant, size, type, color, className, }: BadgeProps) => react_jsx_runtime.JSX.Element;
+
+type InputSize$2 = "sm" | "md" | "lg";
+type InputVariant = "outlined" | "contained";
+interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    description?: string;
+    error?: string;
+    leftIcon?: React$1.ReactNode;
+    rightIcon?: React$1.ReactNode;
+    size?: InputSize$2;
+    variant?: InputVariant;
+    allowedPattern?: "number" | "alpha" | RegExp;
+}
+declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
+
+type NoticeVariant = 'success' | 'error' | 'warning' | 'info';
+type NoticeSize = 'sm' | 'md' | 'lg';
+type NoticeStyleType = 'contained' | 'outlined';
+interface NoticeProps {
+    title?: string;
+    message: string;
+    variant?: NoticeVariant;
+    size?: NoticeSize;
+    styleType?: NoticeStyleType;
+    onClose?: () => void;
+    className?: string;
+    showCloseIcon?: boolean;
+}
+declare const Notice: React$1.FC<NoticeProps>;
+
+type DayOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+type DateRange = {
+    from: Date;
+    to: Date;
+};
+type DisabledDateObject = {
+    dayOfWeek: DayOfWeek[];
+} | {
+    before: Date;
+} | {
+    after: Date;
+} | {
+    before: Date;
+    after: Date;
+} | DateRange;
+type DisabledProp = boolean | Date | Date[] | DisabledDateObject;
+type InputSize$1 = "sm" | "md" | "lg";
+type DatePickerVariant$1 = "outlined" | "contained";
+interface DatePickerProps {
+    label?: string;
+    value?: Date;
+    onChange?: (date: Date | undefined) => void;
+    placeholder?: string;
+    required?: boolean;
+    description?: string;
+    error?: string;
+    disabled?: boolean;
+    variant?: DatePickerVariant$1;
+    size?: InputSize$1;
+    className?: string;
+    disableRange?: DisabledProp;
+}
+declare const DatePicker: React$1.FC<DatePickerProps>;
+
+type InputSize = "sm" | "md" | "lg";
+type DatePickerVariant = "outlined" | "contained";
+interface DateRangePickerProps {
+    label?: string;
+    value?: {
+        from: Date;
+        to: Date;
+    };
+    onChange?: (range: {
+        from: Date;
+        to: Date;
+    } | undefined) => void;
+    placeholder?: string;
+    required?: boolean;
+    description?: string;
+    error?: string;
+    disabled?: boolean;
+    variant?: DatePickerVariant;
+    size?: InputSize;
+    className?: string;
+}
+declare const DateRangePicker: React$1.FC<DateRangePickerProps>;
 
 interface UILibraryThemeProviderProps {
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     primaryColor?: string;
     secondaryColor?: string;
     enableCssBaseline?: boolean;
 }
-declare const UILibraryThemeProvider: React$1.FC<UILibraryThemeProviderProps>;
+declare const UILibraryThemeProvider: React__default.FC<UILibraryThemeProviderProps>;
 
 declare module '@mui/material/styles' {
     interface Theme {
@@ -239,5 +351,8 @@ declare const designTokens: {
     };
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Blockquote, Button, Caption, Code, Drawer, Heading, Lead, Modal, Muted, RadioGroup, Select, Strong, Switch, Text, TextInput, UILibraryThemeProvider, createCustomTheme, designTokens, theme };
-export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, AnimatedDrawerProps, ButtonProps, ModalProps, RadioGroupProps, RadioOption, SelectProps, SwitchProps, TextInputProps, ThemeConfig, UILibraryThemeProviderProps };
+declare function cn(...inputs: ClassValue[]): string;
+declare function useStableId(prefix?: string): string;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Badge, Blockquote, Button, Caption, Code, DatePicker, DateRangePicker, Drawer, Heading, Input, Lead, Modal, Muted, Notice, RadioGroup, Select, Strong, Switch, Text, UILibraryThemeProvider, cn, createCustomTheme, designTokens, theme, useStableId };
+export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, BadgeProps, ButtonProps, DatePickerProps, DateRangePickerProps, DrawerProps, InputProps, ModalProps, NoticeProps, RadioGroupProps, RadioOption, SelectProps, SwitchProps, ThemeConfig, UILibraryThemeProviderProps };