@zimyo/ui 1.6.2 → 1.6.4

package/dist/index.d.ts

@@ -6,6 +6,7 @@ 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';
 import { Theme } from '@mui/material/styles';
 import { ClassValue } from 'clsx';
 
@@ -37,8 +38,9 @@ interface SelectProps<OptionType extends Option> extends Props<OptionType, boole
     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, ...props }: SelectProps<OptionType>): react_jsx_runtime.JSX.Element;
+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';
@@ -133,7 +135,7 @@ declare const Code: ({ children, sx }: CodeProps) => react_jsx_runtime.JSX.Eleme
 interface ModalProps {
     open: boolean;
     onClose: () => void;
-    title?: string;
+    title?: string | any;
     description?: string;
     children?: React$1.ReactNode;
     actions?: React$1.ReactNode;
@@ -177,9 +179,9 @@ interface BadgeProps extends VariantProps<typeof badgeVariants> {
     className?: string;
 }
 declare const badgeVariants: (props?: ({
-    variant?: "text" | "outlined" | "contained" | null | undefined;
+    variant?: "text" | "contained" | "outlined" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
-    type?: "default" | "success" | "error" | "info" | "warning" | 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;
 
@@ -276,6 +278,88 @@ interface DateRangePickerProps {
 }
 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;
     primaryColor?: string;
@@ -370,5 +454,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, 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 };
+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 };