@boxcustodia/library 2.0.0-alpha.1 → 2.0.0-alpha.10

package/dist/index.d.ts

@@ -1,6 +1,8 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
 import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
 import { ButtonHTMLAttributes } from 'react';
-import { CheckboxGroup as CheckboxGroup_2 } from '@base-ui/react/checkbox-group';
+import { ChangeEvent } from 'react';
+import { CheckboxGroup as CheckboxGroup_3 } from '@base-ui/react/checkbox-group';
 import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
 import { ClassNameValue } from 'tailwind-merge';
 import { ClassProp } from 'class-variance-authority/types';
@@ -9,20 +11,20 @@ import { Collection } from 'react-aria-components';
 import { Command } from 'cmdk';
 import { ComponentProps } from 'react';
 import { ComponentPropsWithoutRef } from 'react';
-import { ControllerRenderProps } from 'react-hook-form';
 import { CSSProperties } from 'react';
 import { default as default_2 } from 'react';
 import { DependencyList } from 'react';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { DialogProps } from '@radix-ui/react-dialog';
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+import { DialogProps as DialogProps_2 } from '@radix-ui/react-dialog';
 import { Dispatch } from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { ElementType } from 'react';
-import { FieldError } from 'react-hook-form';
-import { FieldPath } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form';
+import { Field as FieldPrimitive } from '@base-ui/react/field';
 import { FormEvent } from 'react';
+import { Form as FormPrimitive } from '@base-ui/react/form';
+import { HTMLAttributes } from 'react';
 import { HTMLProps } from 'react';
+import { Input as InputPrimitive } from '@base-ui/react/input';
 import { JSX } from 'react/jsx-runtime';
 import { ListIterateeCustom } from 'lodash';
 import { LucideIcon } from 'lucide-react';
@@ -51,34 +53,94 @@ import { TreeItemContent as TreeItemContent_2 } from 'react-aria-components';
 import { TreeItemProps } from 'react-aria-components';
 import { TreeProps } from 'react-aria-components';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { UseFormProps } from 'react-hook-form';
-import { UseFormReturn } from 'react-hook-form';
 import { useRender } from '@base-ui/react/use-render';
 import { VariantProps } from 'class-variance-authority';
-import { z } from 'zod';
 
-export declare const AlertDialog: ({ title, description, trigger, onClose, onAction, variant, triggerProps, contentProps, headerProps, titleProps, descriptionProps, footerProps, closeProps, closeText, actionText, actionProps, asChild, ...props }: AlertDialogProps) => JSX.Element;
+/**
+ * Accessible confirmation dialog with cancel and action buttons.
+ *
+ * The `trigger` prop uses Base UI's `render` prop — no wrapper element is added —
+ * making it composable with `<Tooltip>` at the primitive level.
+ * For full structural control, use the exported primitives directly.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialog
+ *   trigger={<Button variant="error">Delete account</Button>}
+ *   title="Delete account?"
+ *   description="This action cannot be undone."
+ *   variant="error"
+ *   actionText="Delete"
+ *   onAction={handleDelete}
+ * />
+ * ```
+ */
+export declare function AlertDialog({ trigger, title, description, children, onClose, onAction, variant, closeText, actionText, className, ...props }: AlertDialogProps): JSX.Element;
 
-declare type AlertDialogProps = React.ComponentPropsWithoutRef<typeof DialogRoot> & {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    trigger?: React.ReactNode;
+/** Semi-transparent overlay rendered behind the popup. */
+export declare function AlertDialogBackdrop({ className, ...props }: AlertDialogPrimitive.Backdrop.Props): JSX.Element;
+
+/** Closes the dialog and merges an optional `onClick` into the `render` element. */
+export declare function AlertDialogClose({ className, ...props }: AlertDialogPrimitive.Close.Props): JSX.Element;
+
+/** Supplementary description rendered below the title. */
+export declare function AlertDialogDescription({ className, ...props }: AlertDialogPrimitive.Description.Props): JSX.Element;
+
+/** Layout wrapper for action buttons. */
+export declare function AlertDialogFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
+
+/** Layout wrapper for title and description. */
+export declare function AlertDialogHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
+
+/**
+ * Dialog content container. Includes Portal, Backdrop and Viewport internally.
+ * Pass `portalProps` to configure the portal (e.g. a custom `container`).
+ */
+export declare function AlertDialogPopup({ className, portalProps, ...props }: AlertDialogPrimitive.Popup.Props & {
+    portalProps?: AlertDialogPrimitive.Portal.Props;
+}): JSX.Element;
+
+export { AlertDialogPrimitive }
+
+export declare type AlertDialogProps = Omit<AlertDialogPrimitive.Root.Props, "children"> & {
+    /** Element that opens the dialog on click. Passed as Base UI `render` prop — no DOM wrapper added. */
+    trigger?: ReactElement;
+    /** Dialog heading. */
+    title?: ReactNode;
+    /** Supporting text rendered below the title. */
+    description?: ReactNode;
+    /** Custom content rendered between the description and the footer buttons. */
+    children?: ReactNode;
+    /** Called when the cancel button is clicked. */
     onClose?: () => void;
+    /** Called when the action button is clicked. */
     onAction?: () => void;
-    variant?: "default" | "error";
-    triggerProps?: ComponentProps<typeof DialogTrigger>;
-    contentProps?: ComponentProps<typeof DialogContent>;
-    headerProps?: ComponentProps<typeof DialogHeader>;
-    titleProps?: ComponentProps<typeof DialogTitle>;
-    descriptionProps?: ComponentProps<typeof DialogDescription>;
-    footerProps?: ComponentProps<typeof DialogFooter>;
-    closeProps?: ComponentProps<typeof DialogClose> & VariantProps<typeof Button>;
-    actionProps?: ComponentProps<typeof DialogClose> & VariantProps<typeof Button>;
-    closeText?: React.ReactNode;
-    actionText?: React.ReactNode;
-    asChild?: boolean;
+    /** Visual variant for the action button. @default "default" */
+    variant?: VariantProps<typeof buttonVariants>["variant"];
+    /** Label for the cancel button. @default "Cancel" */
+    closeText?: ReactNode;
+    /** Label for the action button. @default "Confirm" */
+    actionText?: ReactNode;
+    /** Additional className forwarded to the popup panel. */
+    className?: string;
 };
 
+/** Context root. Holds open state and wraps all dialog parts. */
+export declare function AlertDialogRoot(props: AlertDialogPrimitive.Root.Props): JSX.Element;
+
+/** Accessible title rendered as `<h2>`. Required for a11y. */
+export declare function AlertDialogTitle({ className, ...props }: AlertDialogPrimitive.Title.Props): JSX.Element;
+
+/**
+ * Renders as its `render` element (defaults to `<button>`).
+ * Because it uses Base UI's render prop — not Radix Slot — it composes cleanly
+ * with `<Tooltip>` and other Base UI triggers on the same DOM element.
+ */
+export declare function AlertDialogTrigger({ className, ...props }: AlertDialogPrimitive.Trigger.Props): JSX.Element;
+
+/** Full-screen container that centers the popup. */
+export declare function AlertDialogViewport({ className, ...props }: AlertDialogPrimitive.Viewport.Props): JSX.Element;
+
 export declare type ArrayUnion<V, T extends ReadonlyArray<V>> = T[number];
 
 declare type ArrowProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>;
@@ -92,11 +154,11 @@ declare interface AsyncState<T> {
 
 export declare type AtLeastOne<T> = [T, ...T[]];
 
-export declare const AutoComplete: ({ items, placeholder, emptyMessage, onSelect, containerClassName, containerProps, inputClassName, inputProps, listClassName, listProps, itemClassName, itemProps, emptyClassName, emptyProps, }: Props_3) => JSX.Element;
+export declare const AutoComplete: ({ items, placeholder, emptyMessage, onSelect, containerClassName, containerProps, inputClassName, inputProps, listClassName, listProps, itemClassName, itemProps, emptyClassName, emptyProps, }: Props) => JSX.Element;
 
 export declare const AutoCompleteDialog: ({ children, ...props }: AutoCompleteDialogProps) => JSX.Element;
 
-declare interface AutoCompleteDialogProps extends DialogProps {
+declare interface AutoCompleteDialogProps extends DialogProps_2 {
 }
 
 export declare const AutoCompleteEmpty: (props: React_2.ComponentProps<typeof Command.Empty>) => JSX.Element;
@@ -141,9 +203,9 @@ declare const avatarVariants: (props?: ({
     size?: "sm" | "lg" | "xs" | "md" | "xl" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare const BackgroundImage: ({ src, ...props }: Props_4) => JSX.Element;
+export declare const BackgroundImage: ({ src, ...props }: Props_2) => JSX.Element;
 
-export declare const BaseButton: ({ asChild, onClick, loading: prop, showLoader, icon, iconPosition, loaderReplace, style, ...props }: Props_2) => JSX.Element;
+export declare const BaseButton: ({ asChild, onClick, loading: prop, showLoader, icon, iconPosition, loaderReplace, style, ...props }: Props_4) => JSX.Element;
 
 declare type BaseButtonProps = ComponentProps<typeof BaseButton>;
 
@@ -152,19 +214,21 @@ export declare type BaseEntity = {
     createdAt: Date;
 };
 
-declare type BaseProps = {
+declare type BaseProps = FormPrimitive.Props;
+
+declare type BaseProps_2 = {
     icon?: React.ReactNode;
     rounded?: TagVariant["rounded"];
 } & StyleProps & React.HTMLAttributes<HTMLDivElement>;
 
-export declare const Button: (props: Props) => JSX.Element;
+export declare const Button: (props: Props_3) => JSX.Element;
 
 declare type ButtonProps = ComponentProps<typeof Button>;
 
 declare type ButtonProps_2 = ComponentProps<typeof Button>;
 
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "success" | "error" | "outline" | "secondary" | "ghost" | null | undefined;
+export declare const buttonVariants: (props?: ({
+    variant?: "default" | "link" | "error" | "success" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "icon" | "sm" | "lg" | null | undefined;
     shape?: "rounded" | "circle" | "square" | null | undefined;
 } & ClassProp) | undefined) => string;
@@ -242,28 +306,66 @@ declare interface CenterProps extends ComponentProps<"div"> {
     inline?: boolean;
 }
 
-export declare function Checkbox({ children, className, id, indicatorProps, ...props }: CheckboxProps): React_2.ReactElement;
+export declare const Checkbox: typeof CheckboxSingle & {
+    Item: typeof CheckboxItem;
+    Group: typeof CheckboxGroup_2;
+    Legend: typeof CheckboxLegend;
+};
+
+export declare function CheckboxGroup({ className, ...props }: CheckboxGroup_3.Props): React_2.ReactElement;
+
+declare function CheckboxGroup_2({ legend, children, error, description, defaultValue, value, onChange, allValues, disabled, controlFirst, className, }: CheckboxGroupProps): React_2.ReactElement;
 
-export declare function CheckboxGroup({ className, ...props }: CheckboxGroup_2.Props): React_2.ReactElement;
+export declare interface CheckboxGroupProps {
+    legend?: ReactNode;
+    children: ReactNode;
+    error?: string;
+    description?: ReactNode;
+    defaultValue?: string[];
+    value?: string[];
+    onChange?: (value: string[]) => void;
+    allValues?: string[];
+    disabled?: boolean;
+    controlFirst?: boolean;
+    className?: string;
+}
 
 export declare function CheckboxIndicator({ className, ...props }: CheckboxPrimitive.Indicator.Props): React_2.ReactElement;
 
+declare function CheckboxItem({ className, label, id, ...props }: CheckboxItemProps): React_2.ReactElement;
+
+export declare interface CheckboxItemProps extends Omit<CheckboxPrimitive.Root.Props, "children"> {
+    label: ReactNode;
+}
+
+declare function CheckboxLegend({ children, className }: CheckboxLegendProps): React_2.ReactElement;
+
+export declare interface CheckboxLegendProps {
+    children: ReactNode;
+    className?: string;
+}
+
 export { CheckboxPrimitive }
 
 declare interface CheckboxProps extends Omit<CheckboxPrimitive.Root.Props, "children"> {
-    children?: React_2.ReactNode;
+    children?: ReactNode;
+    label?: ReactNode;
+    tooltip?: ReactNode;
     indicatorProps?: CheckboxPrimitive.Indicator.Props;
+    controlFirst?: boolean;
 }
 
 export declare function CheckboxRoot({ className, ...props }: CheckboxPrimitive.Root.Props): React_2.ReactElement;
 
+declare function CheckboxSingle({ className, indicatorProps, label, children, tooltip, controlFirst, required, id, ...props }: CheckboxProps): React_2.ReactElement;
+
 export declare type ClassName = string | undefined;
 
 export declare const click: (element: HTMLElement) => void;
 
 export declare type ClickEvent = React.MouseEvent<HTMLButtonElement, MouseEvent>;
 
-declare type ClosableProps = BaseProps & {
+declare type ClosableProps = BaseProps_2 & {
     closable: true;
     onClose: () => void;
 };
@@ -351,34 +453,94 @@ declare type DayProps = {
     navigationDate: Date;
 } & HTMLProps<HTMLButtonElement>;
 
-export declare const Dialog: ({ trigger, title, description, children, footer, focus, triggerProps, headerProps, headerClassName, titleProps, titleClassName, descriptionProps, descriptionClassName, contentProps, contentClassName, footerProps, footerClassName, ...props }: Props_8) => JSX.Element;
+/**
+ * General-purpose dialog with optional trigger, title, description, body, and footer.
+ *
+ * The `trigger` prop uses Base UI's `render` prop — no wrapper element is added —
+ * making it composable with `<Tooltip>` at the primitive level.
+ * For full structural control, use the exported primitives directly.
+ *
+ * @example
+ * ```tsx
+ * <Dialog
+ *   trigger={<Button>Open settings</Button>}
+ *   title="Settings"
+ *   description="Manage your account preferences."
+ *   footer={<Button onClick={handleSave}>Save</Button>}
+ * >
+ *   <SettingsForm />
+ * </Dialog>
+ * ```
+ */
+export declare function Dialog({ trigger, title, description, children, footer, onClose, hideClose, closeProps, portalProps, className, onOpenChange, ...props }: DialogProps): JSX.Element;
+
+/** Semi-transparent overlay rendered behind the popup. */
+export declare function DialogBackdrop({ className, ...props }: DialogPrimitive.Backdrop.Props): JSX.Element;
 
-export declare const DialogClose: ({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Close>) => JSX.Element;
+/** Closes the dialog and merges an optional `onClick` into the `render` element. */
+export declare function DialogClose({ className, ...props }: DialogPrimitive.Close.Props): JSX.Element;
 
-export declare const DialogContent: ({ className, children, focus, hideClose, ...props }: React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
-    focus?: boolean;
-    hideClose?: boolean;
-}) => JSX.Element;
+/** Supplementary description rendered below the title. */
+export declare function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): JSX.Element;
 
-export declare const DialogDescription: ({ className, ...props }: React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>) => JSX.Element;
+/** Layout wrapper for action buttons. */
+export declare function DialogFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
 
-export declare const DialogFooter: ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+/** Layout wrapper for title and description. */
+export declare function DialogHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
 
-export declare const DialogHeader: ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+/**
+ * Dialog content container. Includes Portal, Backdrop and Viewport internally.
+ * Pass `portalProps` to configure the portal (e.g. a custom `container`).
+ * Pass `closeProps` to customise the close button.
+ */
+export declare function DialogPopup({ className, children, hideClose, closeProps, portalProps, ...props }: DialogPrimitive.Popup.Props & {
+    hideClose?: boolean;
+    closeProps?: DialogPrimitive.Close.Props;
+    portalProps?: DialogPrimitive.Portal.Props;
+}): JSX.Element;
 
-export declare const DialogOverlay: ({ className, ...props }: React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>) => JSX.Element;
+export { DialogPrimitive }
+
+export declare type DialogProps = Omit<DialogPrimitive.Root.Props, "children"> & {
+    /** Element that opens the dialog on click. Passed as Base UI `render` prop — no DOM wrapper added. */
+    trigger?: ReactElement;
+    /** Dialog heading. */
+    title?: ReactNode;
+    /** Supporting text rendered below the title. */
+    description?: ReactNode;
+    /** Body content rendered between the description and the footer. */
+    children?: ReactNode;
+    /** Content rendered inside the footer wrapper. */
+    footer?: ReactNode;
+    /** Called when the dialog closes. */
+    onClose?: () => void;
+    /** Hides the close (×) button inside the popup. */
+    hideClose?: boolean;
+    /** Props forwarded to the close button primitive. */
+    closeProps?: DialogPrimitive.Close.Props;
+    /** Props forwarded to the portal. */
+    portalProps?: DialogPrimitive.Portal.Props;
+    /** Additional className forwarded to the popup panel. */
+    className?: string;
+};
 
-export declare const DialogPortal: ({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Portal>) => JSX.Element;
+/** Context root. Holds open state and wraps all dialog parts. */
+export declare function DialogRoot(props: DialogPrimitive.Root.Props): JSX.Element;
 
-export declare const DialogRoot: ({ onClose, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Root> & {
-    onClose?: () => any;
-}) => JSX.Element;
+/** Accessible title rendered as `<h2>`. Required for a11y. */
+export declare function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props): JSX.Element;
 
-export declare const DialogTitle: ({ className, ...props }: React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>) => JSX.Element;
+/**
+ * Renders as its `render` element (defaults to `<button>`).
+ * Composes cleanly with `<Tooltip>` and other Base UI triggers on the same DOM element.
+ */
+export declare function DialogTrigger({ className, ...props }: DialogPrimitive.Trigger.Props): JSX.Element;
 
-export declare const DialogTrigger: ({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Trigger>) => JSX.Element;
+/** Full-screen container that centers the popup. */
+export declare function DialogViewport({ className, ...props }: DialogPrimitive.Viewport.Props): JSX.Element;
 
-export declare const Divider: (props: Props_9) => JSX.Element;
+export declare const Divider: (props: Props_8) => JSX.Element;
 
 export declare const DOTS = "...";
 
@@ -455,7 +617,7 @@ export declare type DropzoneProps = {
     onError?: (fileErrors: FileError[]) => void;
 } & Omit<ComponentPropsWithoutRef<"div">, "onDrop" | "onError">;
 
-export declare const EmptyState: ({ icon, title, description, className, children, ...props }: Props_10) => JSX.Element;
+export declare const EmptyState: ({ icon, title, description, className, children, ...props }: Props_9) => JSX.Element;
 
 export declare const ensureReactElement: <P>({ children, as: Wrapper, props, }: EnsureReactElementProps<P>) => ReactElement;
 
@@ -483,20 +645,6 @@ declare interface ExtendedProps {
 }
 
 declare interface ExtendedProps_2 {
-    triggerProps?: ComponentPropsWithoutRef<typeof DialogTrigger>;
-    headerProps?: ComponentPropsWithoutRef<typeof DialogHeader>;
-    headerClassName?: ClassName;
-    titleProps?: ComponentPropsWithoutRef<typeof DialogTitle>;
-    titleClassName?: ClassName;
-    descriptionProps?: ComponentPropsWithoutRef<typeof DialogDescription>;
-    descriptionClassName?: ClassName;
-    contentProps?: ComponentPropsWithoutRef<typeof DialogContent>;
-    contentClassName?: ClassName;
-    footerProps?: ComponentPropsWithoutRef<typeof DialogFooter>;
-    footerClassName?: ClassName;
-}
-
-declare interface ExtendedProps_3 {
     theadClassName?: ClassName;
     theadProps?: HTMLProps<HTMLTableSectionElement>;
     tbodyClassName?: ClassName;
@@ -516,7 +664,61 @@ declare interface ExtendedProps_3 {
  */
 export declare const extractInitials: (string: string) => string;
 
-export declare const Field: ({ label, labelClassName, labelProps, error, errorClassName, errorProps, children, className, ...props }: Props_11) => JSX.Element;
+export declare function Field({ label, description, error, required, tooltip, inline, children, className, labelProps, descriptionProps, errorProps, ...rootProps }: FieldProps): JSX.Element;
+
+export declare const FieldControl: typeof FieldPrimitive.Control;
+
+export declare function FieldDescription({ className, ...props }: FieldPrimitive.Description.Props): JSX.Element;
+
+export declare function FieldError({ className, ...props }: FieldPrimitive.Error.Props): JSX.Element;
+
+export declare type FieldErrorItem = {
+    message: ReactNode;
+    match?: NonNullable<FieldErrorMatch>;
+};
+
+export declare type FieldErrorMatch = FieldPrimitive.Error.Props["match"];
+
+export declare type FieldErrorProp = string | FieldErrorItem | FieldErrorItem[];
+
+export declare function FieldItem({ className, ...props }: FieldPrimitive.Item.Props): JSX.Element;
+
+export declare function FieldLabel({ className, ...props }: FieldPrimitive.Label.Props): JSX.Element;
+
+export { FieldPrimitive }
+
+export declare interface FieldProps extends Omit<FieldPrimitive.Root.Props, "children"> {
+    /** Text rendered inside `FieldLabel`. */
+    label?: ReactNode;
+    /** Helper text rendered below the control. */
+    description?: ReactNode;
+    /**
+     * Error message(s) rendered below the control:
+     * - `string` → always renders once the field is invalid.
+     * - `{ message, match }` → renders only when the `ValidityState` key matches.
+     * - `FieldErrorItem[]` → multiple errors with individual matches.
+     */
+    error?: FieldErrorProp;
+    /** Shows a red asterisk after the label text. */
+    required?: boolean;
+    /** Renders an info icon with a tooltip next to the label. */
+    tooltip?: ReactNode;
+    /**
+     * Renders the control before the label on the same row.
+     * Use for single checkboxes and switches.
+     */
+    inline?: boolean;
+    children?: ReactNode;
+    labelProps?: FieldPrimitive.Label.Props;
+    descriptionProps?: FieldPrimitive.Description.Props;
+    errorProps?: Omit<FieldPrimitive.Error.Props, "match" | "children">;
+}
+
+export declare function FieldRoot({ className, required, ...props }: FieldPrimitive.Root.Props & {
+    required?: boolean;
+}): JSX.Element;
+
+export declare const FieldValidity: typeof FieldPrimitive.Validity;
 
 declare type FileError = {
     file: File;
@@ -556,32 +758,14 @@ export declare const FileTypeGroups: Record<string, FileTypeValue[]>;
 
 export declare type FileTypeValue = (typeof FileType)[keyof typeof FileType];
 
-export declare const Form: <TFieldValues extends FieldValues = FieldValues>({ onSubmit, id, form, children, className, }: Props_12<TFieldValues>) => JSX.Element;
-
-export declare const FormControl: ({ className, ...props }: React_2.ComponentProps<typeof Slot>) => JSX.Element;
-
-export declare const FormDescription: ({ className, ...props }: React_2.ComponentProps<"p">) => JSX.Element;
+export declare function Form({ onSubmit, onFormSubmit, className, ...props }: FormProps): default_2.ReactElement;
 
-export declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, label, description, className, render, itemProps, labelProps, controlProps, descriptionProps, messageProps, }: FormFieldProps<TFieldValues, TName>) => JSX.Element;
+export { FormPrimitive }
 
-declare type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
-    name: TName;
-    label?: string;
-    description?: string;
-    render: (field: ControllerRenderProps<TFieldValues, TName>) => React_2.ReactNode;
-    className?: string;
-    itemProps?: React_2.ComponentProps<typeof FormItem>;
-    labelProps?: React_2.ComponentProps<typeof FormLabel>;
-    controlProps?: React_2.ComponentProps<typeof FormControl>;
-    descriptionProps?: React_2.ComponentProps<typeof FormDescription>;
-    messageProps?: React_2.ComponentProps<typeof FormMessage>;
-};
-
-export declare const FormItem: ({ className, ...props }: React_2.ComponentProps<"div">) => JSX.Element;
-
-export declare const FormLabel: ({ className, ...props }: React_2.ComponentProps<"label">) => JSX.Element;
-
-export declare const FormMessage: ({ className, children, ...props }: React_2.ComponentProps<"p">) => JSX.Element | null;
+export declare interface FormProps extends Omit<BaseProps, "onSubmit" | "onFormSubmit"> {
+    onSubmit?: BaseProps["onFormSubmit"];
+    onFormSubmit?: BaseProps["onFormSubmit"];
+}
 
 export declare interface GenericMenuProps {
     trigger: default_2.ReactNode;
@@ -599,7 +783,7 @@ declare type GenericObject_2 = Record<string, any>;
 
 export declare const getFormData: (event: FormEvent<HTMLFormElement>) => Record<string, string>;
 
-export declare const Heading: <C extends React.ElementType = "h2">({ className, size, weight, as, ...props }: Props_13<C>) => JSX.Element;
+export declare const Heading: <C extends React.ElementType = "h2">({ className, size, weight, as, ...props }: Props_10<C>) => JSX.Element;
 
 declare const HeadingVariants: (props?: ({
     size?: "sm" | "lg" | "md" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
@@ -617,7 +801,14 @@ declare type HotkeyOptions = {
 
 export declare type ID = string | number;
 
-export declare const Input: ({ value: prop, onChange, defaultValue: defaultProp, ...rest }: Props_14) => JSX.Element;
+export declare function Input({ className, nativeInput, onChange, ...props }: InputProps): JSX.Element;
+
+export { InputPrimitive }
+
+export declare type InputProps = Omit<InputPrimitive.Props, "size" | "onChange"> & {
+    onChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
+    nativeInput?: boolean;
+};
 
 declare interface ItemTimeline {
     content?: ReactNode;
@@ -636,7 +827,7 @@ export declare function Label({ className, render, required, tooltip, children,
 
 declare interface LabelProps extends useRender.ComponentProps<"label"> {
     required?: boolean;
-    tooltip?: default_2.ReactNode;
+    tooltip?: ReactNode;
 }
 
 /**
@@ -666,12 +857,12 @@ export declare type LibraryProviderProps = {
     tooltipDelay?: ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>["delay"];
 } & Omit<ToastProviderProps, "children">;
 
-export declare const Loader: ({ center, containerClassName, variant, size, ...props }: Props_15) => JSX.Element;
+export declare const Loader: ({ center, containerClassName, variant, size, ...props }: Props_11) => JSX.Element;
 
 declare type LoaderVariants = VariantProps<typeof loaderVariants>;
 
 declare const loaderVariants: (props?: ({
-    variant?: "success" | "error" | "warning" | "info" | "secondary" | "ghost" | "primary" | null | undefined;
+    variant?: "error" | "success" | "secondary" | "ghost" | "primary" | "warning" | "info" | null | undefined;
     size?: "default" | "sm" | "lg" | "xs" | "xl" | null | undefined;
 } & ClassProp) | undefined) => string;
 
@@ -848,7 +1039,7 @@ declare type Mutation<TArgs extends any[], TReturn> = (...args: TArgs) => Promis
 
 declare type NavigationProps = Pick<CalendarNavigationProps, "goNextProps" | "goBackProps" | "changeViewProps">;
 
-declare type NonClosableProps = BaseProps & {
+declare type NonClosableProps = BaseProps_2 & {
     closable?: false;
     onClose?: never;
 };
@@ -857,7 +1048,7 @@ declare type noop = (this: any, ...args: any[]) => any;
 
 export declare type Nullable<T> = T | null;
 
-export declare const NumberInput: ({ value: prop, onChange, defaultValue: defaultProp, className, min, max, ...props }: Props_16) => JSX.Element;
+export declare const NumberInput: ({ value: prop, onChange, defaultValue: defaultProp, className, min, max, ...props }: Props_12) => JSX.Element;
 
 declare type OpenProps = {
     open?: boolean;
@@ -876,15 +1067,27 @@ export declare type OverrideProps<T, TOverridden> = Omit<T, keyof TOverridden> &
 
 export declare type PageSize = (typeof TABLE_PAGE_SIZES)[number];
 
-export declare const Pagination: ({ optionProps, className, containerProps, ...rangeProps }: Props_17) => JSX.Element;
+export declare const Pagination: ({ optionProps, className, containerProps, ...rangeProps }: Props_13) => JSX.Element;
 
 declare interface PaginationOptionProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     isActive?: boolean;
 }
 
-export declare const Password: ({ className, containerClassName, showIcon, hideIcon, onShow, onHide, toggleable, ...rest }: Props_18) => JSX.Element;
+declare function Password({ className, showIcon, hideIcon, onShow, onHide, toggleable, onChange, ...rest }: PasswordProps): JSX.Element;
+export { Password }
+export { Password as PasswordRoot }
+
+declare type PasswordProps = Omit<InputProps, "unstyled" | "nativeInput"> & {
+    showIcon?: ReactNode;
+    hideIcon?: ReactNode;
+    onShow?: () => void;
+    onHide?: () => void;
+    toggleable?: boolean;
+};
+export { PasswordProps }
+export { PasswordProps as PasswordRootProps }
 
-export declare const Popover: (props: Props_19) => JSX.Element;
+export declare const Popover: (props: Props_14) => JSX.Element;
 
 export declare const PopoverContent: ({ className, align, sideOffset, matchTriggerWidth, style, focus, ...props }: PopoverContentProps) => JSX.Element;
 
@@ -904,7 +1107,7 @@ export declare function Progress({ size, variant, className, trackProps, indicat
 export declare function ProgressIndicator({ className, variant, ...props }: Progress_2.Indicator.Props & VariantProps<typeof progressIndicatorVariants>): React_2.ReactElement;
 
 declare const progressIndicatorVariants: (props?: ({
-    variant?: "default" | "success" | "error" | "warning" | "info" | null | undefined;
+    variant?: "default" | "error" | "success" | "warning" | "info" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare function ProgressLabel({ className, ...props }: Progress_2.Label.Props): React_2.ReactElement;
@@ -926,50 +1129,23 @@ declare const progressTrackVariants: (props?: ({
 
 export declare function ProgressValue({ className, ...props }: Progress_2.Value.Props): React_2.ReactElement;
 
-declare type Props = BaseButtonProps & VariantProps<typeof buttonVariants>;
-
-declare type Props_10 = ComponentPropsWithoutRef<"div"> & {
-    icon?: ReactNode;
-    title?: ReactNode;
-    description?: ReactNode;
-};
-
-declare interface Props_11 extends ComponentProps<"div"> {
-    label?: ReactNode;
-    labelClassName?: string;
-    labelProps?: ComponentPropsWithoutRef<"label">;
-    error?: ReactNode;
-    errorClassName?: string;
-    errorProps?: ComponentPropsWithoutRef<"p">;
+declare interface Props extends ExtendedProps {
+    items: AutoCompleteItem[];
+    placeholder?: string;
+    emptyMessage?: string;
+    onSelect?: (value: AutoCompleteItem["value"], item: AutoCompleteItem) => any;
 }
 
-declare type Props_12<TFieldValues extends FieldValues> = {
-    onSubmit: (data: TFieldValues) => void;
-    form: UseFormReturn<TFieldValues, any, any>;
-    children: React_2.ReactNode;
-    className?: string;
-    id?: string;
-};
-
-declare type Props_13<C extends React.ElementType> = VariantProps<typeof HeadingVariants> & {
+declare type Props_10<C extends React.ElementType> = VariantProps<typeof HeadingVariants> & {
     as?: C;
 } & Omit<React.ComponentPropsWithoutRef<C>, "as">;
 
-declare type Props_14 = OverrideProps<ComponentProps<"input">, {
-    /** valor del input */
-    value?: string;
-    /** functión a ejecutar cuando el valor cambia */
-    onChange?: (value: string) => void;
-    /** valor por defecto del input */
-    defaultValue?: string;
-}>;
-
-declare type Props_15 = LucideProps & LoaderVariants & {
+declare type Props_11 = LucideProps & LoaderVariants & {
     center?: boolean;
     containerClassName?: string;
 };
 
-declare type Props_16 = OverrideProps<ComponentProps<"input">, {
+declare type Props_12 = OverrideProps<ComponentProps<"input">, {
     /** valor del input */
     value?: number;
     /** functión a ejecutar cuando el valor cambia */
@@ -982,28 +1158,13 @@ declare type Props_16 = OverrideProps<ComponentProps<"input">, {
     max?: number;
 }>;
 
-declare interface Props_17 extends useRangePaginationProps {
+declare interface Props_13 extends useRangePaginationProps {
     optionProps?: PaginationOptionProps;
     className?: string;
     containerProps?: HTMLProps<HTMLDivElement>;
 }
 
-declare type Props_18 = OverrideProps<ComponentProps<typeof Input>, {
-    /** Clase CSS para el contenedor */
-    containerClassName?: string;
-    /** Ícono para mostrar la contraseña */
-    showIcon?: ReactNode;
-    /** Ícono para ocultar la contraseña */
-    hideIcon?: ReactNode;
-    /** Callback cuando se muestra la contraseña */
-    onShow?: () => void;
-    /** Callback cuando se oculta la contraseña */
-    onHide?: () => void;
-    /** Habilita/deshabilita el botón de mostrar/ocultar contraseña */
-    toggleable?: boolean;
-}>;
-
-declare interface Props_19 {
+declare interface Props_14 {
     trigger?: ReactNode;
     children: ReactNode;
     rootProps?: ComponentPropsWithoutRef<typeof PopoverRoot>;
@@ -1017,56 +1178,51 @@ declare interface Props_19 {
     offset?: ComponentPropsWithoutRef<typeof PopoverContent>["sideOffset"];
 }
 
-declare interface Props_2 extends ComponentProps<"button"> {
-    asChild?: boolean;
-    loading?: boolean;
-    showLoader?: boolean;
-    icon?: ReactNode;
-    iconPosition?: "start" | "end";
-    loaderReplace?: true;
-}
-
-declare interface Props_20 extends ComponentPropsWithoutRef<typeof Slot> {
+declare interface Props_15 extends ComponentPropsWithoutRef<typeof Slot> {
     /** Si el componente está presente o no */
     when: ComponentProps<typeof Presence>["present"];
 }
 
-declare type Props_21<T> = {
+declare type Props_16<T> = {
     data: T[];
     columns: ColumnDef<T>[];
     onRowClick?: (row: T) => void;
     onDoubleClick?: (row: T) => void;
     selected?: (row: T) => boolean;
-} & ExtendedProps_3 & Omit<ComponentPropsWithoutRef<typeof TableRoot>, "data" | "selected" | "onDoubleClick">;
+} & ExtendedProps_2 & Omit<ComponentPropsWithoutRef<typeof TableRoot>, "data" | "selected" | "onDoubleClick">;
 
-declare type Props_22 = {
+declare type Props_17 = {
     setPageSize?: (value: PageSize) => void;
     pageSize?: PageSize;
 } & Omit<usePaginationProps, "pageSize"> & TablePaginationExtendedProps;
 
-declare type Props_23 = ClosableProps | NonClosableProps;
+declare type Props_18 = ClosableProps | NonClosableProps;
 
-declare type Props_24<T extends TreeNode> = TreeRootProps & {
+declare type Props_19<T extends TreeNode> = TreeRootProps & {
     items: T[];
 };
 
-declare interface Props_25<T> extends UseAsyncOptions<T> {
+declare interface Props_2 extends HTMLProps<HTMLDivElement> {
+    /**
+     * La URL de la imagen
+     */
+    src: string;
+}
+
+declare interface Props_20<T> extends UseAsyncOptions<T> {
     fn: () => Promise<T>;
     dependencies?: DependencyList;
 }
 
-declare interface Props_3 extends ExtendedProps {
-    items: AutoCompleteItem[];
-    placeholder?: string;
-    emptyMessage?: string;
-    onSelect?: (value: AutoCompleteItem["value"], item: AutoCompleteItem) => any;
-}
+declare type Props_3 = BaseButtonProps & VariantProps<typeof buttonVariants>;
 
-declare interface Props_4 extends HTMLProps<HTMLDivElement> {
-    /**
-     * La URL de la imagen
-     */
-    src: string;
+declare interface Props_4 extends ComponentProps<"button"> {
+    asChild?: boolean;
+    loading?: boolean;
+    showLoader?: boolean;
+    icon?: ReactNode;
+    iconPosition?: "start" | "end";
+    loaderReplace?: true;
 }
 
 declare type Props_5<TItem extends Record<string, any>> = {
@@ -1114,19 +1270,16 @@ declare type Props_7 = ComponentProps<"input"> & {
     renderFooter?: (props: DatePickerFooterProps) => ReactNode;
 };
 
-declare type Props_8 = ComponentPropsWithoutRef<typeof DialogRoot> & ExtendedProps_2 & {
-    trigger?: ReactNode;
+declare type Props_8 = {
+    orientation?: "horizontal" | "vertical";
+} & HTMLProps<HTMLHRElement>;
+
+declare type Props_9 = ComponentPropsWithoutRef<"div"> & {
+    icon?: ReactNode;
     title?: ReactNode;
     description?: ReactNode;
-    children: ReactNode;
-    footer?: ReactNode;
-    focus?: boolean;
 };
 
-declare type Props_9 = {
-    orientation?: "horizontal" | "vertical";
-} & HTMLProps<HTMLHRElement>;
-
 declare type PropsWithoutValue<T> = Omit<T, "value" | "onChange" | "defaultValue">;
 
 declare type ProviderProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>;
@@ -1270,7 +1423,7 @@ declare type Shortcut = Partial<{
     shortcutOptions: MenuShortcutProps_2["options"];
 }>;
 
-export declare const Show: ({ when, ...props }: Props_20) => JSX.Element;
+export declare const Show: ({ when, ...props }: Props_15) => JSX.Element;
 
 export declare type SingleDateValue = {
     value?: DateSingle;
@@ -1350,11 +1503,13 @@ declare interface StepperTriggerProps {
 
 declare type StyleProps = ColorProps | VariantProps_2;
 
-export declare function Switch({ children, className, id, thumbProps, ...props }: SwitchProps): React_2.ReactElement;
+export declare function Switch({ children, label, className, id, thumbProps, controlFirst, ...props }: SwitchProps): React_2.ReactElement;
 
 declare interface SwitchProps extends Omit<Switch_2.Root.Props, "children"> {
     children?: React_2.ReactNode;
+    label?: React_2.ReactNode;
     thumbProps?: Switch_2.Thumb.Props;
+    controlFirst?: boolean;
 }
 
 export declare function SwitchRoot({ className, ...props }: Switch_2.Root.Props): React_2.ReactElement;
@@ -1367,7 +1522,7 @@ export declare interface TabContentProps extends HTMLProps<HTMLDivElement> {
     value: string;
 }
 
-export declare const Table: <T>({ data, columns, onRowClick, onDoubleClick, selected, theadClassName, theadProps, tbodyClassName, tbodyProps, trClassName, trProps, thClassName, thProps, tdClassName, tdProps, ...tableProps }: Props_21<T>) => JSX.Element;
+export declare const Table: <T>({ data, columns, onRowClick, onDoubleClick, selected, theadClassName, theadProps, tbodyClassName, tbodyProps, trClassName, trProps, thClassName, thProps, tdClassName, tdProps, ...tableProps }: Props_16<T>) => JSX.Element;
 
 export declare const TABLE_PAGE_SIZES: number[];
 
@@ -1395,7 +1550,7 @@ declare type TableHeaderProps = React_2.ComponentProps<"thead">;
 
 declare type TableHeadProps = React_2.ComponentProps<"th">;
 
-export declare const TablePagination: ({ containerClassName, containerProps, selectClassName, selectProps, sizes, ...props }: Props_22) => JSX.Element;
+export declare const TablePagination: ({ containerClassName, containerProps, selectClassName, selectProps, sizes, ...props }: Props_17) => JSX.Element;
 
 declare interface TablePaginationExtendedProps {
     containerClassName?: ClassName;
@@ -1450,13 +1605,13 @@ export declare interface TabTriggerProps extends Omit<HTMLProps<HTMLButtonElemen
     value: string;
 }
 
-export declare const Tag: ({ className, color, variant, rounded, icon, closable, onClose, children, ...props }: Props_23) => JSX.Element;
+export declare const Tag: ({ className, color, variant, rounded, icon, closable, onClose, children, ...props }: Props_18) => JSX.Element;
 
 export declare type TagVariant = VariantProps<typeof tagVariants>;
 
 export declare const tagVariants: (props?: ({
     rounded?: "default" | "square" | "full" | null | undefined;
-    variant?: "success" | "error" | "outline" | "secondary" | "primary" | "borderless" | null | undefined;
+    variant?: "error" | "success" | "outline" | "secondary" | "primary" | "borderless" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const Textarea: ({ className, ...props }: TextAreaProps) => JSX.Element;
@@ -1617,7 +1772,7 @@ export declare function toastVariants({ variant }?: {
  * </Tooltip>
  * ```
  */
-export declare function Tooltip({ content, children, open, defaultOpen, onOpenChange, side, align, offset, delay, closeDelay, className, arrowClassName, }: TooltipProps): JSX.Element;
+export declare function Tooltip({ content, children, open, defaultOpen, onOpenChange, side, align, offset, delay, closeDelay, className, arrowClassName, ...triggerProps }: TooltipProps): JSX.Element;
 
 export declare function TooltipArrow({ className, ...props }: ArrowProps): JSX.Element;
 
@@ -1625,7 +1780,7 @@ export declare function TooltipPopup({ className, ...props }: PopupProps): JSX.E
 
 export { TooltipPrimitive }
 
-export declare type TooltipProps = Omit<RootProps, "children"> & {
+export declare type TooltipProps = Omit<RootProps, "children"> & Omit<TriggerProps, "render" | "delay" | "closeDelay" | "className" | "content"> & {
     /** The element that triggers the tooltip on hover/focus. */
     children: ReactElement;
     /** Content displayed inside the tooltip popup. */
@@ -1657,7 +1812,7 @@ export declare function TooltipRoot(props: RootProps): JSX.Element;
 
 export declare function TooltipTrigger({ className, ...props }: TriggerProps): JSX.Element;
 
-export declare function Tree<T extends TreeNode>({ items, ...props }: Props_24<T>): JSX.Element;
+export declare function Tree<T extends TreeNode>({ items, ...props }: Props_19<T>): JSX.Element;
 
 export declare const TreeItem: <T extends object>({ className, ...props }: OverrideProps<TreeItemProps<T>, {
     id: string | number;
@@ -1747,7 +1902,7 @@ export declare function useArray<T>(defaultProp: T[]): readonly [T[], {
     readonly update: (predicate: ListIterateeCustom<T, boolean>, newItem: T | ((item: T) => T)) => void;
 }];
 
-export declare function useAsync<T>({ fn, dependencies, onError, onSuccess, onFinish, }: Props_25<T>): AsyncState<T>;
+export declare function useAsync<T>({ fn, dependencies, onError, onSuccess, onFinish, }: Props_20<T>): AsyncState<T>;
 
 declare interface UseAsyncOptions<T> {
     onError?: (error: Error) => void;
@@ -1780,21 +1935,6 @@ export declare function useEventListener<K extends keyof HTMLElementEventMap, T
 
 export declare function useFocusTrap(active?: boolean): (instance: HTMLElement | null) => void;
 
-export declare function useForm<T extends FieldValues = FieldValues>(schema: z.ZodType<T>, options?: Partial<UseFormProps<T>>): UseFormReturn<T, any, T>;
-
-export declare const useFormField: () => {
-    invalid: boolean;
-    isDirty: boolean;
-    isTouched: boolean;
-    isValidating: boolean;
-    error?: FieldError;
-    id: string;
-    name: string;
-    formItemId: string;
-    formDescriptionId: string;
-    formMessageId: string;
-};
-
 export declare function useHotkey(keys: string | string[], handler: (event: KeyboardEvent) => void, options?: HotkeyOptions): RefObject<any>;
 
 export declare function useHover<T extends HTMLElement>(options?: UseHoverOptions): {