@boxcustodia/library 2.0.0-alpha.17 → 2.0.0-alpha.19

package/dist/src/components/combobox/combobox.d.ts

@@ -0,0 +1,112 @@
+import { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
+import * as React from "react";
+export declare const ComboboxContext: React.Context<{
+    chipsRef: React.RefObject<Element | null> | null;
+    multiple: boolean;
+}>;
+export declare function ComboboxRoot<Value, Multiple extends boolean | undefined = false>({ ...props }: ComboboxPrimitive.Root.Props<Value, Multiple>): React.ReactElement;
+export declare function ComboboxChipsInput({ className, ...props }: Omit<ComboboxPrimitive.Input.Props, "size"> & {
+    ref?: React.Ref<HTMLInputElement>;
+}): React.ReactElement;
+export declare function ComboboxInput({ className, showTrigger, showClear, startAddon, triggerProps, clearProps, ...props }: Omit<ComboboxPrimitive.Input.Props, "size"> & {
+    showTrigger?: boolean;
+    showClear?: boolean;
+    startAddon?: React.ReactNode;
+    ref?: React.Ref<HTMLInputElement>;
+    triggerProps?: ComboboxPrimitive.Trigger.Props;
+    clearProps?: ComboboxPrimitive.Clear.Props;
+}): React.ReactElement;
+export declare function ComboboxTrigger({ className, children, ...props }: ComboboxPrimitive.Trigger.Props): React.ReactElement;
+export declare function ComboboxSelectTrigger({ className, placeholder, children, showClear, clearProps, ...props }: ComboboxPrimitive.Trigger.Props & {
+    placeholder?: React.ReactNode;
+    showClear?: boolean;
+    clearProps?: ComboboxPrimitive.Clear.Props;
+}): React.ReactElement;
+export declare function ComboboxSearchInput({ className, ...props }: Omit<ComboboxPrimitive.Input.Props, "size"> & {
+    ref?: React.Ref<HTMLInputElement>;
+}): React.ReactElement;
+export declare function ComboboxPopup({ className, children, side, sideOffset, alignOffset, align, anchor: anchorProp, portalProps, ...props }: ComboboxPrimitive.Popup.Props & {
+    align?: ComboboxPrimitive.Positioner.Props["align"];
+    sideOffset?: ComboboxPrimitive.Positioner.Props["sideOffset"];
+    alignOffset?: ComboboxPrimitive.Positioner.Props["alignOffset"];
+    side?: ComboboxPrimitive.Positioner.Props["side"];
+    anchor?: ComboboxPrimitive.Positioner.Props["anchor"];
+    portalProps?: ComboboxPrimitive.Portal.Props;
+}): React.ReactElement;
+export declare function ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props): React.ReactElement;
+export declare function ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props): React.ReactElement;
+export declare function ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props): React.ReactElement;
+export declare function ComboboxGroupLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props): React.ReactElement;
+export declare function ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props): React.ReactElement;
+export declare function ComboboxRow({ className, ...props }: ComboboxPrimitive.Row.Props): React.ReactElement;
+export declare function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props): React.ReactElement;
+export declare function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props): React.ReactElement;
+export declare function ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props): React.ReactElement;
+export declare function ComboboxStatus({ className, ...props }: ComboboxPrimitive.Status.Props): React.ReactElement;
+export declare function ComboboxCollection(props: ComboboxPrimitive.Collection.Props): React.ReactElement;
+export declare function ComboboxChips({ className, children, startAddon, ...props }: ComboboxPrimitive.Chips.Props & {
+    startAddon?: React.ReactNode;
+}): React.ReactElement;
+export declare function ComboboxChip({ children, removeProps, ...props }: ComboboxPrimitive.Chip.Props & {
+    removeProps?: ComboboxPrimitive.ChipRemove.Props;
+}): React.ReactElement;
+export declare function ComboboxChipRemove(props: ComboboxPrimitive.ChipRemove.Props): React.ReactElement;
+type ComboboxBaseProps<TItem = unknown> = Omit<ComboboxPrimitive.Root.Props<TItem, boolean>, "items" | "itemToStringLabel" | "itemToStringValue" | "children" | "multiple" | "onValueChange" | "value" | "defaultValue"> & {
+    items: readonly TItem[];
+    /** Returns the display text for an item. Used for filter matching, ARIA, and the trigger input. Defaults to `item.label`, `item.name`, `item.title`, or the stringified primitive. */
+    getLabel?: (item: TItem) => string;
+    /** Returns a stable string identifier for an item. Used as the React key and as the hidden form value when `name` is set. Defaults to `item.id`, `item.value`, or the stringified primitive. */
+    getId?: (item: TItem) => string;
+    renderItem?: (item: TItem) => React.ReactNode;
+    placeholder?: string;
+    emptyText?: string;
+    /** Icon or element displayed before the input text (single mode) or chips (multiple mode). */
+    startAddon?: React.ReactNode;
+    showClear?: boolean;
+    /** Styles applied to each internal slot. */
+    classNames?: {
+        /** Text input field in single-select mode. */
+        input?: string;
+        /** Chips container in multiple-select mode. */
+        chips?: string;
+        /** Search input inside the popup in multiple-select mode. */
+        chipsInput?: string;
+        /** Popup panel containing the item list. */
+        popup?: string;
+        /** Scrollable item list inside the popup. */
+        list?: string;
+        /** Individual item row. */
+        item?: string;
+        /** Rendered when no items match the search. */
+        empty?: string;
+    };
+};
+export type ComboboxProps<TItem = unknown> = (ComboboxBaseProps<TItem> & {
+    multiple?: false;
+    value?: TItem | null;
+    defaultValue?: TItem | null;
+    onValueChange?: (value: TItem | null) => void;
+}) | (ComboboxBaseProps<TItem> & {
+    multiple: true;
+    value?: TItem[];
+    defaultValue?: TItem[];
+    onValueChange?: (value: TItem[]) => void;
+});
+/**
+ * Composite combobox for single and multiple selection.
+ *
+ * Items shaped as `{ id, name }`, `{ label, value }`, or plain strings/numbers
+ * work with no extra props. For other shapes, provide `getLabel` and/or `getId`.
+ *
+ * In multiple mode, chips are fit dynamically based on the container width —
+ * overflowing items show as "+N más". The popup anchors to the chips container automatically.
+ *
+ * `renderItem` customizes the content **inside** each `ComboboxItem` (the
+ * checkmark indicator is always rendered by the item wrapper).
+ *
+ * Use `ComboboxRoot` + primitives directly when you need full structural
+ * control beyond what escape-hatch props offer.
+ */
+export declare function Combobox<TItem = unknown>(allProps: ComboboxProps<TItem>): React.ReactElement;
+export declare const useComboboxFilter: typeof ComboboxPrimitive.useFilter;
+export { ComboboxPrimitive };

package/dist/src/components/combobox/combobox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/combobox/index.d.ts

@@ -0,0 +1 @@
+export * from './combobox';

package/dist/src/components/date-picker/date-input.d.ts

@@ -0,0 +1,2 @@
+import { DateInputProps } from './date-picker.model';
+export declare const DateInput: (props: DateInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/date-picker/date-picker.d.ts

@@ -0,0 +1,5 @@
+import { ReactElement } from 'react';
+import { MultipleDatePickerProps, RangeDatePickerProps, SingleDatePickerProps } from './date-picker.model';
+export declare function DatePicker(props: SingleDatePickerProps): ReactElement;
+export declare function DatePicker(props: RangeDatePickerProps): ReactElement;
+export declare function DatePicker(props: MultipleDatePickerProps): ReactElement;

package/dist/src/components/date-picker/date-picker.model.d.ts

@@ -0,0 +1,78 @@
+import { ComponentProps, ReactNode } from 'react';
+export type DateRange = {
+    start: Date | null;
+    end: Date | null;
+};
+export type DatePickerMode = "single" | "range" | "multiple";
+type SingleFooterProps = {
+    mode: "single";
+    value: Date | null;
+    clear: () => void;
+    selectToday: () => void;
+    setValue: (value: Date | null) => void;
+};
+type RangeFooterProps = {
+    mode: "range";
+    value: DateRange;
+    clear: () => void;
+    setValue: (value: DateRange) => void;
+};
+type MultipleFooterProps = {
+    mode: "multiple";
+    value: Date[];
+    clear: () => void;
+    setValue: (value: Date[]) => void;
+};
+export type DatePickerFooterProps = SingleFooterProps | RangeFooterProps | MultipleFooterProps;
+type DatePickerBaseProps = {
+    disabled?: boolean;
+    disabledDate?: (date: Date) => boolean;
+    renderFooter?: (props: DatePickerFooterProps) => ReactNode;
+    className?: string;
+    required?: boolean;
+    /** Styles applied to each internal slot. */
+    classNames?: {
+        /** Popup panel that opens below the trigger. */
+        popup?: string;
+        /** Calendar grid inside the popup. */
+        calendar?: string;
+        /** Footer wrapper rendered below the calendar when `renderFooter` is provided. */
+        footer?: string;
+    };
+};
+export type SingleDatePickerProps = DatePickerBaseProps & {
+    mode: "single";
+    value?: Date | null;
+    defaultValue?: Date | null;
+    onValueChange?: (value: Date | null) => void;
+    placeholder?: string;
+};
+export type RangeDatePickerProps = DatePickerBaseProps & {
+    mode: "range";
+    value?: DateRange;
+    defaultValue?: DateRange;
+    onValueChange?: (value: DateRange) => void;
+    placeholder?: string;
+};
+export type MultipleDatePickerProps = DatePickerBaseProps & {
+    mode: "multiple";
+    value?: Date[];
+    defaultValue?: Date[];
+    onValueChange?: (value: Date[]) => void;
+    placeholder?: string;
+};
+export type DatePickerProps = SingleDatePickerProps | RangeDatePickerProps | MultipleDatePickerProps;
+export type DateInputFooterProps = {
+    value: Date | null;
+    clear: () => void;
+    selectToday: () => void;
+    setValue: (value: Date | null) => void;
+};
+export type DateInputProps = Omit<ComponentProps<"input">, "value" | "onChange" | "defaultValue"> & {
+    value?: Date | null;
+    defaultValue?: Date | null;
+    onValueChange?: (value: Date | null) => void;
+    disabledDate?: (date: Date) => boolean;
+    renderFooter?: (props: DateInputFooterProps) => ReactNode;
+};
+export {};

package/dist/src/components/date-picker/date-picker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/date-picker/date-picker.utils.d.ts

@@ -0,0 +1,12 @@
+import { DateRange } from './date-picker.model';
+export declare const DISPLAY_DATE_FORMAT = "dd/MM/yyyy";
+export declare const formatSingleDate: (date: Date | null | undefined, placeholder: string) => string;
+export declare const formatRangeDate: (range: DateRange | undefined, placeholder: string) => string;
+export declare const formatMultipleDates: (dates: Date[] | undefined, placeholder: string) => string;
+export declare const formatDate: (date: Date | null) => string;
+export declare const parseInputToDate: (raw: string) => Date | null;
+export type DateMaskContext = {
+    lastKey: string | null;
+    previousValue: string;
+};
+export declare const maskDateInput: (raw: string, context: DateMaskContext) => string;

package/dist/src/components/date-picker/date-picker.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/date-picker/index.d.ts

@@ -0,0 +1,3 @@
+export * from './date-input';
+export * from './date-picker';
+export * from './date-picker.model';

package/dist/src/components/date-picker/use-date-input-popover.d.ts

@@ -0,0 +1,12 @@
+import { KeyboardEvent } from 'react';
+type UseDateInputPopoverOptions = {
+    disabled?: boolean;
+};
+type UseDateInputPopoverResult = {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    handleInputKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
+    inputRef: React.RefObject<HTMLInputElement | null>;
+};
+export declare const useDateInputPopover: (options?: UseDateInputPopoverOptions) => UseDateInputPopoverResult;
+export {};

package/dist/src/components/date-picker/use-date-input-popover.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/date-picker/use-date-input.d.ts

@@ -0,0 +1,16 @@
+import { ChangeEvent, KeyboardEvent } from 'react';
+type UseDateInputOptions = {
+    date: Date | null;
+    onDateChange: (value: Date | null) => void;
+    disabledDate?: (date: Date) => boolean;
+};
+type UseDateInputResult = {
+    inputValue: string;
+    handleChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleBlur: () => void;
+    handleKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
+    clear: () => void;
+    setFromExternalDate: (date: Date | null) => void;
+};
+export declare const useDateInput: (options: UseDateInputOptions) => UseDateInputResult;
+export {};

package/dist/src/components/dialog/dialog.d.ts

@@ -0,0 +1,100 @@
+import { Dialog as DialogBase } from '@base-ui/react/dialog';
+import { HTMLAttributes, ReactElement, ReactNode } from 'react';
+/** Context root. Holds open state and wraps all dialog parts. */
+export declare function DialogRoot(props: DialogBase.Root.Props): import("react/jsx-runtime").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 }: DialogBase.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+/** Semi-transparent overlay rendered behind the popup. */
+export declare function DialogBackdrop({ className, ...props }: DialogBase.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
+/** Full-screen container that centers the popup. */
+export declare function DialogViewport({ className, ...props }: DialogBase.Viewport.Props): import("react/jsx-runtime").JSX.Element;
+/**
+ * Dialog content container. Includes Portal, Backdrop and Viewport internally.
+ * Pass `portalProps` to configure the portal (e.g. a custom `container`).
+ * `classNames` styles the internal `backdrop`, `viewport` and `closeButton` slots.
+ */
+export declare function DialogPopup({ className, classNames, children, hideClose, portalProps, ...props }: DialogBase.Popup.Props & {
+    hideClose?: boolean;
+    portalProps?: DialogBase.Portal.Props;
+    classNames?: {
+        /** Overlay rendered behind the dialog. */
+        backdrop?: string;
+        /** Full-screen container that centers the popup. */
+        viewport?: string;
+        /** Close (×) button rendered inside the popup. */
+        closeButton?: string;
+    };
+}): import("react/jsx-runtime").JSX.Element;
+/** Closes the dialog and merges an optional `onClick` into the `render` element. */
+export declare function DialogClose({ className, ...props }: DialogBase.Close.Props): import("react/jsx-runtime").JSX.Element;
+/** Accessible title rendered as `<h2>`. Required for a11y. */
+export declare function DialogTitle({ className, ...props }: DialogBase.Title.Props): import("react/jsx-runtime").JSX.Element;
+/** Supplementary description rendered below the title. */
+export declare function DialogDescription({ className, ...props }: DialogBase.Description.Props): import("react/jsx-runtime").JSX.Element;
+/** Layout wrapper for title and description. */
+export declare function DialogHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+/** Layout wrapper for action buttons. */
+export declare function DialogFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export type DialogProps = Omit<DialogBase.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;
+    /** Styles the dialog popup panel. */
+    className?: string;
+    /** Styles applied to each internal slot. */
+    classNames?: {
+        /** Overlay rendered behind the dialog. */
+        backdrop?: string;
+        /** Full-screen container that centers the popup. */
+        viewport?: string;
+        /** Layout wrapper for title and description. */
+        header?: string;
+        /** Dialog heading. */
+        title?: string;
+        /** Supporting text below the title. */
+        description?: string;
+        /** Layout wrapper for footer content. */
+        footer?: string;
+        /** Close (×) button rendered inside the popup. */
+        closeButton?: string;
+    };
+};
+/**
+ * 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.
+ *
+ * `className` styles the popup panel. `classNames` exposes the `backdrop`,
+ * `viewport`, `header`, `title`, `description`, `footer`, and `closeButton`
+ * slots for fine-grained tweaks without dropping to primitives.
+ *
+ * @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, className, classNames, onOpenChange, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
+export { DialogBase as DialogPrimitive };

package/dist/src/components/dialog/dialog.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/dialog/index.d.ts

@@ -0,0 +1 @@
+export * from './dialog';

package/dist/src/components/divider/divider.d.ts

@@ -0,0 +1,4 @@
+import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
+import { default as React } from 'react';
+export declare function Divider({ className, orientation, ...props }: SeparatorPrimitive.Props): React.ReactElement;
+export { SeparatorPrimitive };

package/dist/src/components/divider/divider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/divider/index.d.ts

@@ -0,0 +1 @@
+export * from './divider';

package/dist/src/components/dropzone/dropzone.d.ts

@@ -0,0 +1,67 @@
+import { useRender } from '@base-ui/react/use-render';
+import { LucideIcon } from 'lucide-react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { FileTypeValue } from './file-types';
+export type FileErrorCode = "INVALID_EXTENSION" | "FILE_TOO_LARGE" | "MAX_FILES_EXCEEDED";
+export type FileError = {
+    file: File;
+    errorMessage: string;
+    errorCode: FileErrorCode;
+};
+export type DropzoneRootProps = {
+    onFileAdd?: (files: File[]) => void;
+    onFileRemove?: (index: number, type: "accepted" | "rejected") => void;
+    onFilesChange?: (files: File[]) => void;
+    files?: File[];
+    maxFiles?: number;
+    allowedExtensions?: FileTypeValue[];
+    maxFileSize?: number;
+    multiple?: boolean;
+    onError?: (errors: FileError[]) => void;
+    children?: ReactNode;
+} & Omit<ComponentPropsWithoutRef<"div">, "onDrop" | "onError">;
+export declare function DropzoneRoot({ onFileAdd, onFileRemove, onFilesChange, files: controlledFiles, maxFiles, allowedExtensions, maxFileSize, multiple, onError, children, className, ...props }: DropzoneRootProps): import("react/jsx-runtime").JSX.Element;
+export type DropzoneTriggerProps = useRender.ComponentProps<"div">;
+export declare function DropzoneTrigger({ render, className, onClick, children, ...props }: DropzoneTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DropzoneContent({ className, ...props }: ComponentPropsWithoutRef<"div">): import("react/jsx-runtime").JSX.Element;
+export type DropzoneItemProps = ComponentPropsWithoutRef<"div"> & {
+    file: File;
+    onRemove: () => void;
+    renderIcon?: (file: File) => ReactNode;
+};
+export declare function DropzoneItem({ file, onRemove, className, renderIcon, ...props }: DropzoneItemProps): import("react/jsx-runtime").JSX.Element;
+export type DropzoneFilesProps = {
+    renderFile?: (file: File, remove: () => void) => ReactNode;
+};
+export declare function DropzoneAcceptedFiles(props: DropzoneFilesProps): import("react/jsx-runtime").JSX.Element;
+export declare function DropzoneRejectedFiles(props: DropzoneFilesProps): import("react/jsx-runtime").JSX.Element;
+export type DropzoneProps = {
+    onFileAdd?: (files: File[]) => void;
+    onFileRemove?: (index: number, type: "accepted" | "rejected") => void;
+    onFilesChange?: (files: File[]) => void;
+    files?: File[];
+    maxFiles?: number;
+    allowedExtensions?: FileTypeValue[];
+    maxFileSize?: number;
+    multiple?: boolean;
+    renderAcceptedFile?: (file: File, removeItem: () => void) => ReactNode;
+    renderRejectedFile?: (file: File, removeItem: () => void) => ReactNode;
+    showRejected?: boolean;
+    className?: string;
+    icon?: LucideIcon;
+    iconSize?: number;
+    onError?: (fileErrors: FileError[]) => void;
+    label?: string;
+    /** Styles applied to each internal slot. */
+    classNames?: {
+        /** Dashed drop area that contains the icon and label. */
+        trigger?: string;
+        /** Upload icon rendered inside the trigger. */
+        icon?: string;
+        /** Text container below the icon (label + meta lines). */
+        label?: string;
+        /** Wrapper around the accepted/rejected file lists. */
+        content?: string;
+    };
+} & Omit<ComponentPropsWithoutRef<"div">, "onDrop" | "onError">;
+export declare function Dropzone({ onFileAdd, onFileRemove, onFilesChange, files, maxFiles, allowedExtensions, maxFileSize, multiple, renderAcceptedFile, renderRejectedFile, showRejected, className, classNames, icon: Icon, iconSize, onError, label, ...props }: DropzoneProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/dropzone/dropzone.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/dropzone/file-types.d.ts

@@ -0,0 +1,27 @@
+export declare const FileType: {
+    readonly JPEG: "image/jpeg";
+    readonly JPG: "image/jpg";
+    readonly PNG: "image/png";
+    readonly GIF: "image/gif";
+    readonly WEBP: "image/webp";
+    readonly SVG: "image/svg+xml";
+    readonly PDF: "application/pdf";
+    readonly DOC: "application/msword";
+    readonly DOCX: "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
+    readonly XLS: "application/vnd.ms-excel";
+    readonly XLSX: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+    readonly PPT: "application/vnd.ms-powerpoint";
+    readonly PPTX: "application/vnd.openxmlformats-officedocument.presentationml.presentation";
+    readonly TXT: "text/plain";
+    readonly CSV: "text/csv";
+    readonly ZIP: "application/zip";
+    readonly RAR: "application/x-rar-compressed";
+    readonly MP3: "audio/mpeg";
+    readonly WAV: "audio/wav";
+    readonly MP4: "video/mp4";
+    readonly WEBM: "video/webm";
+    readonly JSON: "application/json";
+    readonly XML: "application/xml";
+};
+export type FileTypeValue = (typeof FileType)[keyof typeof FileType];
+export declare const FileTypeGroups: Record<string, FileTypeValue[]>;

package/dist/src/components/dropzone/index.d.ts

@@ -0,0 +1,2 @@
+export * from './dropzone';
+export * from './file-types';

package/dist/src/components/empty/empty.d.ts

@@ -0,0 +1,33 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentProps, ReactNode } from 'react';
+declare const emptyMediaVariants: (props?: ({
+    variant?: "default" | "icon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare function EmptyRoot({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyHeader({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyMedia({ className, variant, ...props }: ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyTitle({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyDescription({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyContent({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+interface EmptyProps extends Omit<ComponentProps<typeof EmptyRoot>, "title"> {
+    icon?: ReactNode;
+    iconVariant?: VariantProps<typeof emptyMediaVariants>["variant"];
+    title?: ReactNode;
+    description?: ReactNode;
+    action?: ReactNode;
+    /** Styles applied to each internal slot. */
+    classNames?: {
+        /** Wrapper around media, title and description. */
+        header?: string;
+        /** Box that frames the icon (chip when `iconVariant="icon"`). */
+        media?: string;
+        /** Title text. */
+        title?: string;
+        /** Description text below the title. */
+        description?: string;
+        /** Wrapper around the `action` slot. */
+        content?: string;
+    };
+}
+export declare function Empty({ icon, iconVariant, title, description, action, children, classNames, ...props }: EmptyProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/empty/empty.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/empty/index.d.ts

@@ -0,0 +1 @@
+export * from './empty';

package/dist/src/components/field/field.d.ts

@@ -0,0 +1,57 @@
+import { Field as FieldPrimitive } from '@base-ui/react/field';
+import { Fieldset as FieldsetPrimitive } from '@base-ui/react/fieldset';
+import { ReactNode } from 'react';
+export type FieldErrorMatch = FieldPrimitive.Error.Props["match"];
+export type FieldErrorItem = {
+    message: ReactNode;
+    match?: NonNullable<FieldErrorMatch>;
+};
+export type FieldErrorProp = string | FieldErrorItem | FieldErrorItem[];
+export declare function useFieldName(): string | undefined;
+export declare function useIsInsideFieldRoot(): boolean;
+export declare function FieldRoot({ className, required, name, ...props }: FieldPrimitive.Root.Props & {
+    required?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function FieldLabel({ className, ...props }: FieldPrimitive.Label.Props): import("react/jsx-runtime").JSX.Element;
+export declare function FieldItem({ className, ...props }: FieldPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
+export declare function FieldDescription({ className, ...props }: FieldPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
+export declare function FieldError({ className, ...props }: FieldPrimitive.Error.Props): import("react/jsx-runtime").JSX.Element;
+export declare const FieldControl: typeof FieldPrimitive.Control;
+export declare const FieldValidity: typeof FieldPrimitive.Validity;
+export declare function FieldSet({ className, ...props }: FieldsetPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+export declare function FieldLegend({ className, ...props }: FieldsetPrimitive.Legend.Props): import("react/jsx-runtime").JSX.Element;
+export declare function normalizeError(error: FieldErrorProp | undefined): FieldErrorItem[];
+export 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;
+    /** Styles applied to each internal slot. */
+    classNames?: {
+        /** Label rendered above (or beside, when `inline`) the control. */
+        label?: string;
+        /** Helper text below the control. */
+        description?: string;
+        /** Error message rendered when the field is invalid. */
+        error?: string;
+    };
+}
+export declare function Field({ label, description, error, required, tooltip, inline, children, className, classNames, invalid, ...rootProps }: FieldProps): import("react/jsx-runtime").JSX.Element;
+export { FieldPrimitive, FieldsetPrimitive };

package/dist/src/components/field/field.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/field/index.d.ts

@@ -0,0 +1 @@
+export * from './field';

package/dist/src/components/form/form.d.ts

@@ -0,0 +1,5 @@
+import { Form as FormPrimitive } from '@base-ui/react/form';
+import { default as React } from 'react';
+export type FormProps = FormPrimitive.Props;
+export declare function Form(props: FormProps): React.ReactElement;
+export { FormPrimitive };

package/dist/src/components/form/form.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/form/index.d.ts

@@ -0,0 +1 @@
+export * from './form';