@zimyo/ui 1.6.4 → 1.7.0

package/dist/index.d.ts

@@ -1,372 +1,34 @@
-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 { UseFormReturn } from 'react-hook-form';
+export * from '../dist/Button/index.js';
+export * from '../dist/PopupConfirm/index.js';
+export * from '../dist/Modal/index.js';
+export * from '../dist/Typography/index.js';
+export * from '../dist/Accordion/index.js';
+export * from '../dist/Card/index.js';
+export * from '../dist/RadioGroup/index.js';
+export * from '../dist/Select/index.js';
+export * from '../dist/Switch/index.js';
+export * from '../dist/Tabs/index.js';
+export * from '../dist/Input/index.js';
+export * from '../dist/Notice/index.js';
+export * from '../dist/Badge/index.js';
+export * from '../dist/DateRangePicker/index.js';
+export * from '../dist/DatePicker/index.js';
+export * from '../dist/Form/index.js';
+export * from '../dist/Checkbox/index.js';
+export * from '../dist/CheckboxGroup/index.js';
+export * from '../dist/Radio/index.js';
+export * from '../dist/Popover/index.js';
+import React from 'react';
 import { Theme } from '@mui/material/styles';
 import { ClassValue } from 'clsx';
 
-interface ButtonProps extends Omit<ButtonProps$1, 'sx'> {
-    loading?: boolean;
-    loadingText?: string;
-    sx?: SxProps;
-    loaderSize?: number;
-    loaderPosition?: 'start' | 'end' | 'center';
-}
-declare const Button: React__default.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
-
-interface Option {
-    label?: string;
-    value?: string | number;
-    [key: string]: any;
-}
-type SelectSize = "xs" | "sm" | "md" | "lg";
-interface SelectProps<OptionType extends Option> extends Props<OptionType, boolean, GroupBase<OptionType>> {
-    label?: string;
-    error?: string;
-    isClearable?: boolean;
-    isSearchable?: boolean;
-    className?: string;
-    size?: SelectSize;
-    required?: boolean;
-    valueKey?: string;
-    labelKey?: string;
-    searchByID?: boolean;
-    value?: any;
-    floatingLabel?: boolean;
-    maxChipVisible?: number;
-}
-declare function Select<OptionType extends Option>({ label, error, className, size, required, valueKey, labelKey, isMulti, value, options, onChange, searchByID, floatingLabel, maxChipVisible, ...props }: SelectProps<OptionType>): react_jsx_runtime.JSX.Element;
-
-interface AccordionProps extends Omit<AccordionProps$1, 'sx' | 'onChange' | 'expanded'> {
-    type?: 'single' | 'multiple';
-    collapsible?: boolean;
-    value?: string | string[];
-    defaultValue?: string | string[];
-    onValueChange?: (value: string | string[]) => void;
-    children: React__default.ReactNode;
-    sx?: SxProps;
-}
-interface AccordionItemProps extends Omit<AccordionProps$1, 'sx'> {
-    value: string;
-    children: React__default.ReactNode;
-    sx?: SxProps;
-}
-interface AccordionTriggerProps extends Omit<AccordionSummaryProps, 'sx'> {
-    children: React__default.ReactNode;
-    sx?: SxProps;
-    expandIcon?: React__default.ReactNode;
-}
-interface AccordionContentProps extends Omit<AccordionDetailsProps, 'sx'> {
-    children: React__default.ReactNode;
-    sx?: SxProps;
-}
-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;
-    labelPlacement?: 'end' | 'start' | 'bottom' | 'top';
-    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
-}
-declare const Switch: React__default.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
-
-interface RadioOption {
-    value: string;
-    label: string;
-    disabled?: boolean;
-    description?: string;
-}
-interface RadioGroupProps {
-    label?: string;
-    options: RadioOption[];
-    value?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-    name?: string;
-    disabled?: boolean;
-    required?: boolean;
-    error?: boolean;
-    helperText?: string;
-    row?: boolean;
-    size?: 'small' | 'medium';
-    color?: 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
-    sx?: SxProps;
-    radioSx?: SxProps;
-    labelSx?: SxProps;
-}
-declare const RadioGroup: React__default.ForwardRefExoticComponent<RadioGroupProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface HeadingProps extends TypographyProps {
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
-}
-declare const Heading: ({ level, ...props }: HeadingProps) => react_jsx_runtime.JSX.Element;
-
-interface TextProps extends TypographyProps {
-    size?: 'sm' | 'md' | 'lg';
-}
-declare const Text: ({ size, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
-
-declare const Lead: (props: TypographyProps) => react_jsx_runtime.JSX.Element;
-
-declare const Muted: (props: TypographyProps) => react_jsx_runtime.JSX.Element;
-
-declare const Strong: (props: TypographyProps) => react_jsx_runtime.JSX.Element;
-
-declare const Caption: (props: TypographyProps) => react_jsx_runtime.JSX.Element;
-
-declare const Blockquote: (props: TypographyProps) => react_jsx_runtime.JSX.Element;
-
-interface CodeProps {
-    children: React.ReactNode;
-    sx?: SxProps$1;
-}
-declare const Code: ({ children, sx }: CodeProps) => react_jsx_runtime.JSX.Element;
-
-interface ModalProps {
-    open: boolean;
-    onClose: () => void;
-    title?: string | any;
-    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: React$1.FC<ModalProps>;
-
-interface DrawerProps {
-    open: boolean;
-    onClose: () => void;
-    title?: string;
-    children: React$1.ReactNode;
-    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<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" | "contained" | "outlined" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-    type?: "default" | "error" | "info" | "success" | "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 = "xs" | "sm" | "md" | "lg";
-type InputVariant = "outlined" | "contained";
-interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
-    label?: string;
-    floatingLabel?: boolean;
-    description?: string;
-    error?: string;
-    leftIcon?: React$1.ReactNode;
-    rightIcon?: React$1.ReactNode;
-    size?: InputSize$2;
-    variant?: InputVariant;
-    allowedPattern?: "number" | "alpha" | RegExp;
-    onLeftIconClick?: () => void;
-    onRightIconClick?: () => void;
-    debounceDelay?: number;
-    onDebouncedChange?: (value: string) => void;
-}
-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 = "xs" | "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;
-    floatingLabel?: boolean;
-}
-declare const DatePicker: React$1.FC<DatePickerProps>;
-
-type InputSize = "xs" | "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;
-    floatingLabel?: boolean;
-}
-declare const DateRangePicker: React$1.FC<DateRangePickerProps>;
-
-type FieldType = "text" | "number" | "textarea" | "select" | "radio" | "switch" | "checkbox" | "date" | "daterange" | "custom";
-type FormField = {
-    name: string;
-    label: string;
-    type: FieldType;
-    placeholder?: string;
-    required?: boolean;
-    defaultValue?: any;
-    options?: {
-        label: string;
-        value: any;
-    }[];
-    validation?: any;
-    visibleIf?: (values: any) => boolean;
-    component?: React__default.ReactNode;
-    colSpan?: number;
-};
-type FormProps = {
-    schema: FormField[];
-    form: UseFormReturn;
-    layout?: "vertical" | "grid";
-    columns?: number;
-    className?: string;
-    showSubmitButton?: boolean;
-    onSubmit?: (data: any) => void;
-};
-declare const Form: React__default.FC<FormProps>;
-
-type CheckboxSize = "sm" | "md" | "lg";
-interface CheckboxProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
-    label?: React$1.ReactNode;
-    description?: React$1.ReactNode;
-    size?: CheckboxSize;
-    indeterminate?: boolean;
-    error?: boolean;
-}
-declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLInputElement>>;
-
-interface CheckboxGroupOption {
-    label: string;
-    value: string;
-    description?: string;
-    disabled?: boolean;
-}
-type Layout = "box" | "list";
-type Direction = "vertical" | "horizontal";
-interface CheckboxGroupProps {
-    name: string;
-    label?: string;
-    description?: string;
-    error?: boolean;
-    options: CheckboxGroupOption[];
-    value?: string[];
-    defaultValue?: string[];
-    onChange?: (selected: string[]) => void;
-    direction?: Direction;
-    layout?: Layout;
-    disabled?: boolean;
-    size?: CheckboxProps["size"];
-    className?: string;
-    columns?: number;
-}
-declare const CheckboxGroup: React$1.FC<CheckboxGroupProps>;
-
-interface RadioProps {
-    label?: string;
-    description?: string;
-    name?: string;
-    checked?: boolean;
-    defaultChecked?: boolean;
-    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
-    disabled?: boolean;
-    required?: boolean;
-    error?: boolean;
-    helperText?: string;
-    size?: 'small' | 'medium';
-    color?: 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
-    sx?: SxProps;
-    radioSx?: SxProps;
-    labelSx?: SxProps;
-}
-
 interface UILibraryThemeProviderProps {
-    children: React__default.ReactNode;
+    children: React.ReactNode;
     primaryColor?: string;
     secondaryColor?: string;
     enableCssBaseline?: boolean;
 }
-declare const UILibraryThemeProvider: React__default.FC<UILibraryThemeProviderProps>;
+declare const UILibraryThemeProvider: React.FC<UILibraryThemeProviderProps>;
 
 declare module '@mui/material/styles' {
     interface Theme {
@@ -454,5 +116,5 @@ declare const designTokens: {
 declare function cn(...inputs: ClassValue[]): string;
 declare function useStableId(prefix?: string): string;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Badge, Blockquote, Button, Caption, Checkbox, CheckboxGroup, Code, DatePicker, DateRangePicker, Drawer, Form, 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, CheckboxGroupProps, CheckboxProps, DatePickerProps, DateRangePickerProps, DrawerProps, FormProps, InputProps, ModalProps, NoticeProps, RadioGroupProps, RadioOption, RadioProps, SelectProps, SwitchProps, ThemeConfig, UILibraryThemeProviderProps };
+export { UILibraryThemeProvider, cn, createCustomTheme, designTokens, theme, useStableId };
+export type { ThemeConfig, UILibraryThemeProviderProps };