shadcn-zod-formkit 1.24.0 → 1.26.0

package/dist/index.d.mts

@@ -8,29 +8,33 @@ import { LucideProps } from 'lucide-react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import { DayPicker, DayButton } from 'react-day-picker';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { Command as Command$1 } from 'cmdk';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { Slot } from '@radix-ui/react-slot';
 import { OTPInput as OTPInput$1 } from 'input-otp';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as ResizablePrimitive from 'react-resizable-panels';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SelectPrimitive from '@radix-ui/react-select';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as SliderPrimitive from '@radix-ui/react-slider';
 import { ToasterProps } from 'sonner';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { ClassValue } from 'clsx';
 
-interface Props$5 {
+interface Props$i {
     title: string;
     description: string | ReactNode;
     className?: string;
     variant?: "info" | "warning" | "error" | "success";
 }
-declare const CustomAlert: ({ title, description, className, variant, }: Props$5) => react_jsx_runtime.JSX.Element;
+declare const CustomAlert: ({ title, description, className, variant, }: Props$i) => react_jsx_runtime.JSX.Element;
 
 declare const validationMessages: {
     required: string;
@@ -74,7 +78,8 @@ declare enum InputTypes {
     MULTI_SELECT = "multi_select",
     COMBOBOX = "COMBO_BOX",
     SORTABLE_LIST = "sortable_list",
-    REPEATER_TABS = "repeater_tabs"
+    REPEATER_TABS = "repeater_tabs",
+    STRING_LIST = "string_list"
 }
 declare const inputFieldComp: InputTypes[];
 
@@ -83,6 +88,7 @@ type FieldConfig<T, RT = Record<string, any>> = FieldProps<T, RT> | FieldConfig<
 interface FieldProps<T = Record<string, any>, RT = Record<string, any>> {
     name: keyof T;
     label: string;
+    isRemovebleOption?: boolean;
     withDuplicatTag?: boolean;
     onChange?: (...event: any[]) => void;
     tabLabelField?: string;
@@ -207,7 +213,7 @@ interface FormResp<T> {
     form?: UseFormReturn<any>;
     data: T;
 }
-interface Props$4<T extends Record<string, any>> {
+interface Props$h<T extends Record<string, any>> {
     showIcon?: boolean;
     showFormHeader?: boolean;
     formTitle: string;
@@ -231,16 +237,32 @@ interface Props$4<T extends Record<string, any>> {
     childrenHeader?: ReactNode;
     listBtnConfig?: BtnConfig[];
 }
-declare const DynamicForm: <T extends Record<string, any>>({ formTitle, formSubTitle, fields, readOnly, record, onSubmit, onClick, extraValidations, children, childrenHeader, showIcon, showFormHeader, withErrorsAlert, errorAlertPosition, withCard, submitBtnClass, listBtnConfig, submitBtnLabel, submitBtnLabelSubmiting, withFormWrapper, btnGroupDirection, withSubmitBtn }: Props$4<T>) => react_jsx_runtime.JSX.Element;
+declare const DynamicForm: <T extends Record<string, any>>({ formTitle, formSubTitle, fields, readOnly, record, onSubmit, onClick, extraValidations, children, childrenHeader, showIcon, showFormHeader, withErrorsAlert, errorAlertPosition, withCard, submitBtnClass, listBtnConfig, submitBtnLabel, submitBtnLabelSubmiting, withFormWrapper, btnGroupDirection, withSubmitBtn }: Props$h<T>) => react_jsx_runtime.JSX.Element;
 
 declare const DynamicFormExample: () => react_jsx_runtime.JSX.Element;
 declare const mockFields: Array<FieldProps | FieldProps[]>;
 
-interface Props$3<T extends FieldValues = Record<string, any>> {
+interface Props$g<T extends Record<string, any> = Record<string, any>> {
+    fields: FieldConfig<T>[];
+    form: UseFormReturn<any>;
+    readOnly?: boolean;
+    isPending?: boolean;
+    className?: string;
+    gap?: string;
+}
+/**
+ * 📋 FormFieldsGrid
+ * Componente reutilizable para renderizar campos en una cuadrícula flexible.
+ * - Si un elemento del arreglo es un solo FieldProps → muestra en una línea.
+ * - Si es un arreglo de FieldProps → los muestra en una misma fila.
+ */
+declare const FormFieldsGrid: <T extends Record<string, any> = Record<string, any>>({ fields, form, isPending, readOnly, className, gap, }: Props$g<T>) => JSX.Element;
+
+interface Props$f<T extends FieldValues = Record<string, any>> {
     formState: FormState<any>;
     fields: FieldConfig<T>[];
 }
-declare const FormErrorsAlert: <T extends FieldValues = Record<string, any>>({ formState, fields, }: Props$3<T>) => react_jsx_runtime.JSX.Element;
+declare const FormErrorsAlert: <T extends FieldValues = Record<string, any>>({ formState, fields, }: Props$f<T>) => react_jsx_runtime.JSX.Element;
 declare const getFieldLabel: <T extends FieldValues>(fieldErrorKey: string, fields: ReadonlyArray<FieldProps<T>>) => string;
 
 declare class InputFactory {
@@ -249,10 +271,37 @@ declare class InputFactory {
 declare function getDefaultValues<T extends Record<string, any>>(entity?: Partial<T>, fields?: FieldConfig<T>[]): Record<string, any>;
 declare const getDynamicSchema: <T extends Record<string, any>>(fields: FieldConfig<T>[], extraValidations?: ((schema: ZodObject<any>) => ZodObject<any>)[]) => ZodObject<Record<keyof T, ZodTypeAny>>;
 
+declare class AccordionGroupedSwitchInput extends BaseInput {
+    render(): JSX.Element;
+}
+interface Props$e {
+    form: UseFormReturn;
+    input: FieldProps;
+    groups?: GroupedOption[];
+    isSubmitting?: boolean;
+    onChange?: (optionsUpdated: InputOption[]) => void;
+}
+declare const AccordionGroupedSwitches: ({ form, input, groups, onChange, isSubmitting }: Props$e) => react_jsx_runtime.JSX.Element;
+
+declare class ButtonGroupInput extends BaseInput {
+    render(): JSX.Element;
+}
+interface Props$d {
+    input: FieldProps;
+    form: UseFormReturn;
+    isSubmitting?: boolean;
+    className?: string;
+}
+declare const FieldButtonGroup: ({ input, form, isSubmitting, className }: Props$d) => react_jsx_runtime.JSX.Element;
+
 declare class CheckListInput extends BaseInput {
     render(): JSX.Element;
 }
 
+declare class CheckboxInput extends BaseInput {
+    render(): JSX.Element;
+}
+
 declare class ColorInput extends BaseInput {
     render(): JSX.Element;
 }
@@ -267,24 +316,79 @@ interface ColorCompProps {
     hideInput?: HideInputOption[];
 }
 
+declare class ComboboxInput extends BaseInput {
+    render(): react_jsx_runtime.JSX.Element;
+}
+
+declare class CurrencyInput extends BaseInput {
+    render(): JSX.Element;
+}
+/**
+ * Campo numérico con formato monetario.
+ * Acepta solo números y el punto mientras se edita.
+ */
+interface Props$c {
+    form: UseFormReturn;
+    input: FieldProps;
+    isSubmitting?: boolean;
+}
+declare const FieldCurrency: ({ form, input, isSubmitting }: Props$c) => JSX.Element;
+
 declare class DateInput extends BaseInput {
     render(): JSX.Element;
 }
 
+declare class DateTimeInput extends BaseInput {
+    render(): JSX.Element;
+}
+interface Props$b {
+    form: UseFormReturn;
+    input: FieldProps;
+    isSubmitting?: boolean;
+}
+declare const FieldDateTimeInput: ({ form, input, isSubmitting }: Props$b) => react_jsx_runtime.JSX.Element;
+
 declare class FileInput extends BaseInput {
     render(): JSX.Element;
 }
 
+declare class FileMultiUploadInput extends BaseInput {
+    render(): JSX.Element;
+}
+interface Props$a {
+    form: UseFormReturn;
+    input: FieldProps;
+    isSubmitting?: boolean;
+}
+declare const FieldFileMultiUpload: ({ input, form, isSubmitting }: Props$a) => react_jsx_runtime.JSX.Element;
+
 declare class GroupedSwitchInput extends BaseInput {
     render(): JSX.Element;
 }
-interface Props$2 {
+interface Props$9 {
     input: FieldProps;
     options?: InputOption[];
     isSubmitting?: boolean;
     onChange?: (optionsUpdated: InputOption[]) => void;
 }
-declare const GroupedSwitches: ({ options, onChange, input, isSubmitting }: Props$2) => react_jsx_runtime.JSX.Element;
+declare const GroupedSwitches: ({ options, onChange, input, isSubmitting }: Props$9) => react_jsx_runtime.JSX.Element;
+
+declare class KeyValueListInput extends BaseInput {
+    render(): JSX.Element;
+}
+interface Props$8 {
+    form: UseFormReturn;
+    input: FieldProps;
+    isSubmitting?: boolean;
+}
+/**
+ * 🧠 Lista editable de pares clave-valor
+ */
+declare const FieldKeyValueList: ({ form, input, isSubmitting }: Props$8) => react_jsx_runtime.JSX.Element;
+
+declare class MultiSelectInput extends BaseInput {
+    render(): react_jsx_runtime.JSX.Element;
+}
 
 declare class NumberInput extends BaseInput {
     render(): JSX.Element;
@@ -294,28 +398,133 @@ declare class OTPInput extends BaseInput {
     render(): JSX.Element;
 }
 
+declare class RadioGroupInput extends BaseInput {
+    render(): JSX.Element;
+}
+
+declare class RepeaterInput extends BaseInput {
+    render(): JSX.Element;
+}
+interface Props$7 {
+    form: UseFormReturn;
+    input: FieldProps;
+    isSubmitting?: boolean;
+}
+declare const FieldRepeater: ({ form, input, isSubmitting }: Props$7) => react_jsx_runtime.JSX.Element;
+
+/**
+ * 🧱 Clase que extiende BaseInput
+ * Se usa igual que tus otros inputs (TextInput, SelectInput, etc.)
+ */
+declare class RepeaterTabsInput extends BaseInput {
+    render(): JSX.Element;
+}
+
 declare class SelectInput extends BaseInput {
     render(): react_jsx_runtime.JSX.Element;
 }
 
+declare class SimpleCheckListInput extends BaseInput {
+    render(): JSX.Element;
+}
+interface Props$6 {
+    input: FieldProps;
+    value: InputOption[];
+    isSubmitting?: boolean;
+    onChange: (value: InputOption[]) => void;
+}
+declare const FieldSimpleCheckList: ({ input, value, onChange, isSubmitting }: Props$6) => react_jsx_runtime.JSX.Element;
+
+declare class SliderInput extends BaseInput {
+    render(): JSX.Element;
+}
+interface Props$5 {
+    form: UseFormReturn;
+    input: FieldProps;
+    isSubmitting?: boolean;
+}
+declare const FieldSlider: ({ input, form, isSubmitting }: Props$5) => react_jsx_runtime.JSX.Element;
+
+declare class SortableListInput<T> extends BaseInput {
+    render(): JSX.Element;
+}
+
+declare class StringValueListInput extends BaseInput {
+    render(): JSX.Element;
+}
+interface Props$4 {
+    form: UseFormReturn;
+    input: FieldProps;
+    isSubmitting?: boolean;
+}
+/**
+ * 🧠 Lista editable de strings
+ */
+declare const FieldStringValueList: ({ form, input, isSubmitting }: Props$4) => react_jsx_runtime.JSX.Element;
+
 declare class SwitchInput extends BaseInput {
     render(): JSX.Element;
 }
 
+declare class TagInput extends BaseInput {
+    render(): JSX.Element;
+}
+
 declare class TextAreaInput extends BaseInput {
     render(): JSX.Element;
 }
 
+declare class TextInputGroup extends BaseInput {
+    render(): JSX.Element;
+}
+interface Props$3 {
+    form: UseFormReturn;
+    input: FieldProps;
+    isSubmitting?: boolean;
+}
+declare const FieldTextGroup: ({ form, input, isSubmitting }: Props$3) => react_jsx_runtime.JSX.Element;
+
 declare class TextInput extends BaseInput {
     render(): JSX.Element;
 }
 
+declare class TimeInput extends BaseInput {
+    render(): JSX.Element;
+}
+interface Props$2 {
+    form: UseFormReturn;
+    input: FieldProps;
+    isSubmitting?: boolean;
+}
+declare const FieldTimeInput: ({ form, input, isSubmitting }: Props$2) => react_jsx_runtime.JSX.Element;
+
 interface Props$1 {
     handleAddInput: (type: InputTypes, config?: InputSetup) => void;
     inputsTypes: InputTypes[];
 }
 declare const InputList: ({ handleAddInput, inputsTypes, }: Props$1) => react_jsx_runtime.JSX.Element;
 
+interface GenericFilterProps<T> {
+    filters?: Array<FieldProps | FieldProps[]>;
+    pagination?: boolean;
+    autoSubmit?: boolean;
+    defaultValues?: Record<string, any>;
+    initPage?: number;
+    initLimit?: number;
+    onChange?: (values: Record<string, any>) => void;
+    rangeLimit?: number[];
+    withSearch?: boolean;
+    withInitDate?: boolean;
+    withEndDate?: boolean;
+    withActive?: boolean;
+    withLimit?: boolean;
+    wrapInCard?: boolean;
+}
+/**
+ * ✅ Componente genérico y dinámico de filtro
+ */
+declare const GenericFilter: <T>({ filters, pagination, autoSubmit, defaultValues, initPage, initLimit, rangeLimit, onChange, withSearch, withInitDate, withEndDate, withActive, withLimit, wrapInCard, }: GenericFilterProps<T>) => react_jsx_runtime.JSX.Element;
+
 declare function Accordion({ ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime.JSX.Element;
 declare function AccordionItem({ className, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Item>): react_jsx_runtime.JSX.Element;
 declare function AccordionTrigger({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
@@ -335,6 +544,17 @@ declare function Badge({ className, variant, asChild, ...props }: React$1.Compon
     asChild?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
+declare function Separator({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime.JSX.Element;
+declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<"div"> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
+
 declare const buttonVariants: (props?: ({
     variant?: "default" | "destructive" | "link" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
@@ -381,6 +601,45 @@ declare function DialogFooter({ className, ...props }: React$1.ComponentProps<"d
 declare function DialogTitle({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
 declare function DialogDescription({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
 
+declare function Command({ className, ...props }: React$1.ComponentProps<typeof Command$1>): react_jsx_runtime.JSX.Element;
+declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React$1.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    showCloseButton?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function CommandInput({ className, ...props }: React$1.ComponentProps<typeof Command$1.Input>): react_jsx_runtime.JSX.Element;
+declare function CommandList({ className, ...props }: React$1.ComponentProps<typeof Command$1.List>): react_jsx_runtime.JSX.Element;
+declare function CommandEmpty({ ...props }: React$1.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime.JSX.Element;
+declare function CommandGroup({ className, ...props }: React$1.ComponentProps<typeof Command$1.Group>): react_jsx_runtime.JSX.Element;
+declare function CommandSeparator({ className, ...props }: React$1.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime.JSX.Element;
+declare function CommandItem({ className, ...props }: React$1.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
+declare function CommandShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+
+declare function Label({ className, ...props }: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): react_jsx_runtime.JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): react_jsx_runtime.JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): react_jsx_runtime.JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): react_jsx_runtime.JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): react_jsx_runtime.JSX.Element | null;
+
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
 declare const useFormField: () => {
@@ -401,6 +660,19 @@ declare function FormControl({ ...props }: React$1.ComponentProps<typeof Slot>):
 declare function FormDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
 declare function FormMessage({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element | null;
 
+declare function InputGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime.JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "sm" | "icon-sm" | "xs" | "icon-xs" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React$1.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime.JSX.Element;
+declare function InputGroupText({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function InputGroupInput({ className, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
+
 declare function InputOTP({ className, containerClassName, ...props }: React$1.ComponentProps<typeof OTPInput$1> & {
     containerClassName?: string;
 }): react_jsx_runtime.JSX.Element;
@@ -412,13 +684,14 @@ declare function InputOTPSeparator({ ...props }: React$1.ComponentProps<"div">):
 
 declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
 
-declare function Label({ className, ...props }: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element;
-
 declare function Popover({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime.JSX.Element;
 declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
 declare function PopoverContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime.JSX.Element;
 declare function PopoverAnchor({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Anchor>): react_jsx_runtime.JSX.Element;
 
+declare function RadioGroup({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function RadioGroupItem({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Item>): react_jsx_runtime.JSX.Element;
+
 declare function ResizablePanelGroup({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelGroup>): react_jsx_runtime.JSX.Element;
 declare function ResizablePanel({ ...props }: React$1.ComponentProps<typeof ResizablePrimitive.Panel>): react_jsx_runtime.JSX.Element;
 declare function ResizableHandle({ withHandle, className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
@@ -441,12 +714,17 @@ declare function SelectSeparator({ className, ...props }: React$1.ComponentProps
 declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime.JSX.Element;
 declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime.JSX.Element;
 
-declare function Separator({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function Slider({ className, defaultValue, value, min, max, ...props }: React$1.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime.JSX.Element;
 
 declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
 
 declare function Switch({ className, ...props }: React$1.ComponentProps<typeof SwitchPrimitive.Root>): react_jsx_runtime.JSX.Element;
 
+declare function Tabs({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function TabsList({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.List>): react_jsx_runtime.JSX.Element;
+declare function TabsTrigger({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TabsContent({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
 declare function Textarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
 
 declare function TooltipProvider({ delayDuration, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
@@ -456,4 +734,4 @@ declare function TooltipContent({ className, sideOffset, children, ...props }: R
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Badge, BaseInput, type BtnConfig, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckListInput, Checkbox, ColorCnInput, type ColorCompProps, ColorInput, CustomAlert, DateInput, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DynamicForm, DynamicFormExample, type FieldConfig, type FieldProps, FileInput, Form, FormControl, FormDescription, FormErrorsAlert, FormField, FormItem, FormLabel, FormMessage, type FormResp, type GroupedOption, GroupedSwitchInput, GroupedSwitches, Input, InputFactory, InputList, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputOption, type InputSetup, InputTypes, Label, NumberInput, OTPInput, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type Props, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectInput, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Switch, SwitchInput, TextAreaInput, TextInput, TextInputType, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, entitiesToGroupedOption, entitiesToInputOption, entityToGroupedOption, entityToInputOption, flattenFields, getDefaultValues, getDynamicSchema, getFieldLabel, handleOnChage, inputFieldComp, mockFields, useFormField, validationMessages };
+export { Accordion, AccordionContent, AccordionGroupedSwitchInput, AccordionGroupedSwitches, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Badge, BaseInput, type BtnConfig, Button, ButtonGroup, ButtonGroupInput, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckListInput, Checkbox, CheckboxInput, ColorCnInput, type ColorCompProps, ColorInput, ComboboxInput, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CurrencyInput, CustomAlert, DateInput, DateTimeInput, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DynamicForm, DynamicFormExample, Field, FieldButtonGroup, type FieldConfig, FieldContent, FieldCurrency, FieldDateTimeInput, FieldDescription, FieldError, FieldFileMultiUpload, FieldGroup, FieldKeyValueList, FieldLabel, FieldLegend, type FieldProps, FieldRepeater, FieldSeparator, FieldSet, FieldSimpleCheckList, FieldSlider, FieldStringValueList, FieldTextGroup, FieldTimeInput, FieldTitle, FileInput, FileMultiUploadInput, Form, FormControl, FormDescription, FormErrorsAlert, FormField, FormFieldsGrid, FormItem, FormLabel, FormMessage, type FormResp, GenericFilter, type GroupedOption, GroupedSwitchInput, GroupedSwitches, Input, InputFactory, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputList, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputOption, type InputSetup, InputTypes, KeyValueListInput, Label, MultiSelectInput, NumberInput, OTPInput, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type Props, RadioGroup, RadioGroupInput, RadioGroupItem, RepeaterInput, RepeaterTabsInput, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectInput, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SimpleCheckListInput, Slider, SliderInput, SortableListInput, StringValueListInput, Switch, SwitchInput, Tabs, TabsContent, TabsList, TabsTrigger, TagInput, TextAreaInput, TextInput, TextInputGroup, TextInputType, Textarea, TimeInput, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonGroupVariants, buttonVariants, cn, entitiesToGroupedOption, entitiesToInputOption, entityToGroupedOption, entityToInputOption, flattenFields, getDefaultValues, getDynamicSchema, getFieldLabel, handleOnChage, inputFieldComp, mockFields, useFormField, validationMessages };