@vinyasa/form 1.0.22 → 1.0.23

package/dist/esm/9559.js

@@ -0,0 +1,179 @@
+import "./9559.css";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { PaperclipIcon, UploadIcon, XIcon } from "@vinyasa/icons";
+import { createContext, useContext, useState } from "react";
+import { useDropzone } from "react-dropzone";
+import { useFieldContext, useResolvedFieldProps } from "./2315.js";
+var fileList = '_3ltn2y2';
+var fileListWrapper = '_3ltn2y1';
+var fileMeta = '_3ltn2y7';
+var fileName = '_3ltn2y4';
+var fileNameIcon = '_3ltn2y5';
+var fileNameText = '_3ltn2y6';
+var fileRemove = '_3ltn2y9';
+var fileRow = '_3ltn2y3';
+var fileSize = '_3ltn2y8';
+var rejectionText = '_3ltn2ya';
+var trigger = '_3ltn2y0';
+var Dropzone_css_area = 'rnivxt0';
+var areaActive = 'rnivxt1';
+var hint = 'rnivxt3';
+var icon = 'rnivxt2';
+const formatFileSize = (bytes)=>{
+    if (bytes < 1024) return `${String(bytes)} B`;
+    if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)} KB`;
+    return `${(bytes / 1048576).toFixed(1)} MB`;
+};
+const DropzoneContext = /*#__PURE__*/ createContext(null);
+const useDropzoneContext = ()=>useContext(DropzoneContext);
+const Dropzone = ({ value, onValueChange, accept, maxFiles, maxSize, invalid, disabled, id: idProp, children })=>{
+    const [internalFiles, setInternalFiles] = useState([]);
+    const isControlled = void 0 !== value;
+    const currentFiles = isControlled ? value : internalFiles;
+    const [rejectionMessage, setRejectionMessage] = useState();
+    const { id, invalid: isInvalid, describedBy } = useResolvedFieldProps({
+        id: idProp,
+        invalid
+    });
+    const labelId = useFieldContext()?.labelId;
+    const setFiles = (next)=>{
+        if (!isControlled) setInternalFiles(next);
+        onValueChange?.(next);
+    };
+    const removeFile = (file)=>{
+        setFiles(currentFiles.filter((entry)=>entry !== file));
+    };
+    const { getRootProps, getInputProps, isDragActive } = useDropzone({
+        accept,
+        maxFiles,
+        maxSize,
+        disabled,
+        onDrop: (acceptedFiles, fileRejections)=>{
+            fileRejections.length > 0 ? setRejectionMessage(fileRejections[0]?.errors[0]?.message) : setRejectionMessage(void 0);
+            if (acceptedFiles.length > 0) setFiles([
+                ...currentFiles,
+                ...acceptedFiles
+            ]);
+        }
+    });
+    return /*#__PURE__*/ jsx(DropzoneContext.Provider, {
+        value: {
+            getRootProps,
+            getInputProps,
+            isDragActive,
+            files: currentFiles,
+            removeFile,
+            rejectionMessage,
+            maxSize,
+            id,
+            invalid: isInvalid,
+            describedBy,
+            labelId,
+            disabled
+        },
+        children: children
+    });
+};
+Dropzone.displayName = 'Dropzone';
+const DropzoneTrigger = ({ className, ...rest })=>{
+    const { getRootProps, getInputProps, isDragActive = false, id, disabled, invalid, describedBy, labelId, maxSize } = useContext(DropzoneContext) ?? {};
+    const base = isDragActive ? `${Dropzone_css_area} ${areaActive}` : Dropzone_css_area;
+    const promptText = isDragActive ? 'Drop the files here…' : 'Drag files here, or click to browse';
+    return /*#__PURE__*/ jsxs("div", {
+        ...getRootProps?.({
+            id,
+            'data-disabled': disabled
+        }),
+        "aria-labelledby": labelId,
+        "aria-invalid": invalid,
+        "aria-describedby": describedBy,
+        className: className ? `${base} ${className}` : base,
+        ...rest,
+        children: [
+            /*#__PURE__*/ jsx("input", {
+                ...getInputProps?.()
+            }),
+            /*#__PURE__*/ jsx("span", {
+                className: icon,
+                "aria-hidden": "true",
+                children: /*#__PURE__*/ jsx(UploadIcon, {})
+            }),
+            /*#__PURE__*/ jsx("span", {
+                children: promptText
+            }),
+            maxSize ? /*#__PURE__*/ jsxs("span", {
+                className: hint,
+                children: [
+                    "Up to ",
+                    formatFileSize(maxSize),
+                    " per file"
+                ]
+            }) : null
+        ]
+    });
+};
+DropzoneTrigger.displayName = 'DropzoneTrigger';
+const DropzoneRejection = ()=>{
+    const context = useContext(DropzoneContext);
+    if (!context?.rejectionMessage) return null;
+    return /*#__PURE__*/ jsx("p", {
+        className: rejectionText,
+        children: context.rejectionMessage
+    });
+};
+DropzoneRejection.displayName = 'DropzoneRejection';
+const DropzoneFileItem = ({ file, onRemove })=>{
+    const context = useContext(DropzoneContext);
+    const handleRemove = onRemove ?? (()=>context?.removeFile(file));
+    return /*#__PURE__*/ jsxs("li", {
+        className: fileRow,
+        children: [
+            /*#__PURE__*/ jsxs("span", {
+                className: fileName,
+                children: [
+                    /*#__PURE__*/ jsx(PaperclipIcon, {
+                        "aria-hidden": "true",
+                        className: fileNameIcon
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: fileNameText,
+                        title: file.name,
+                        children: file.name
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("span", {
+                className: fileMeta,
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        className: fileSize,
+                        children: formatFileSize(file.size)
+                    }),
+                    /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: fileRemove,
+                        "aria-label": `Remove ${file.name}`,
+                        onClick: handleRemove,
+                        children: /*#__PURE__*/ jsx(XIcon, {})
+                    })
+                ]
+            })
+        ]
+    });
+};
+DropzoneFileItem.displayName = 'DropzoneFileItem';
+const DropzoneFileList = ()=>{
+    const context = useContext(DropzoneContext);
+    if (!context || 0 === context.files.length) return null;
+    return /*#__PURE__*/ jsx("div", {
+        className: fileListWrapper,
+        children: /*#__PURE__*/ jsx("ul", {
+            className: fileList,
+            children: context.files.map((file)=>/*#__PURE__*/ jsx(DropzoneFileItem, {
+                    file: file
+                }, `${file.name}-${String(file.lastModified)}`))
+        })
+    });
+};
+DropzoneFileList.displayName = 'DropzoneFileList';
+export { Dropzone, DropzoneFileItem, DropzoneFileList, DropzoneRejection, DropzoneTrigger, formatFileSize, trigger, useDropzoneContext };

package/dist/esm/autocomplete.js

@@ -1,95 +1,2 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Command } from "cmdk";
-import { useId, useState } from "react";
-import { field, describedByIds } from "./4557.js";
-import { fieldControl } from "./2995.js";
-import { empty, list, content, item } from "./6720.js";
-import * as __rspack_external__radix_ui_react_popover_e2827c9f from "@radix-ui/react-popover";
-const Autocomplete = ({ suggestions, value, defaultValue = '', onValueChange, placeholder, label, description, error, required, size, emptyMessage = 'No suggestions.', id: idProp })=>{
-    const [internalValue, setInternalValue] = useState(defaultValue);
-    const isControlled = void 0 !== value;
-    const currentValue = isControlled ? value : internalValue;
-    const [open, setOpen] = useState(false);
-    const generatedId = useId();
-    const id = idProp ?? generatedId;
-    const setValue = (next)=>{
-        if (!isControlled) setInternalValue(next);
-        onValueChange?.(next);
-    };
-    return /*#__PURE__*/ jsx(field, {
-        id: id,
-        label: label,
-        description: description,
-        error: error,
-        required: required,
-        disableLabelFor: true,
-        children: /*#__PURE__*/ jsx(Command, {
-            loop: true,
-            shouldFilter: true,
-            label: 'string' == typeof label ? label : void 0,
-            children: /*#__PURE__*/ jsxs(__rspack_external__radix_ui_react_popover_e2827c9f.Root, {
-                open: open,
-                onOpenChange: setOpen,
-                children: [
-                    /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_popover_e2827c9f.Trigger, {
-                        asChild: true,
-                        children: /*#__PURE__*/ jsx(Command.Input, {
-                            id: id,
-                            value: currentValue,
-                            onClick: (event)=>{
-                                event.preventDefault();
-                            },
-                            onValueChange: (next)=>{
-                                setValue(next);
-                                setOpen(true);
-                            },
-                            onFocus: ()=>{
-                                setOpen(true);
-                            },
-                            placeholder: placeholder,
-                            className: fieldControl({
-                                size,
-                                invalid: Boolean(error)
-                            }),
-                            "aria-describedby": describedByIds(id, {
-                                description,
-                                error
-                            })
-                        })
-                    }),
-                    /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_popover_e2827c9f.Content, {
-                        className: content,
-                        align: "start",
-                        sideOffset: 4,
-                        onOpenAutoFocus: (event)=>{
-                            event.preventDefault();
-                        },
-                        children: /*#__PURE__*/ jsxs(Command.List, {
-                            className: list,
-                            children: [
-                                /*#__PURE__*/ jsx(Command.Empty, {
-                                    className: empty,
-                                    children: emptyMessage
-                                }),
-                                suggestions.map((suggestion)=>/*#__PURE__*/ jsx(Command.Item, {
-                                        value: suggestion,
-                                        onSelect: ()=>{
-                                            setValue(suggestion);
-                                            setOpen(false);
-                                        },
-                                        className: item,
-                                        children: suggestion
-                                    }, suggestion))
-                            ]
-                        })
-                    })
-                ]
-            })
-        })
-    });
-};
-Autocomplete.displayName = 'Autocomplete';
-const autocomplete_Autocomplete = Autocomplete;
-const autocomplete = autocomplete_Autocomplete;
-export default autocomplete;
-export { autocomplete as Autocomplete };
+export { Autocomplete, AutocompleteContent, AutocompleteInput, AutocompleteItem } from "./345.js";
+export { AutocompleteEmpty, AutocompleteList } from "./8479.js";

package/dist/esm/checkbox.js

@@ -1,38 +1 @@
-import "./checkbox.css";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CheckIcon } from "@vinyasa/icons";
-import { forwardRef, useId } from "react";
-import { controlRow, controlLabel } from "./2995.js";
-import * as __rspack_external__radix_ui_react_checkbox_76684228 from "@radix-ui/react-checkbox";
-var indicator = '_7ele601';
-var root = '_7ele600';
-const Checkbox = /*#__PURE__*/ forwardRef(({ label, id: idProp, className, ...rest }, ref)=>{
-    const generatedId = useId();
-    const id = idProp ?? generatedId;
-    const classes = className ? `${root} ${className}` : root;
-    return /*#__PURE__*/ jsxs("div", {
-        className: controlRow,
-        children: [
-            /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_checkbox_76684228.Root, {
-                ref: ref,
-                id: id,
-                className: classes,
-                ...rest,
-                children: /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_checkbox_76684228.Indicator, {
-                    className: indicator,
-                    children: /*#__PURE__*/ jsx(CheckIcon, {})
-                })
-            }),
-            label ? /*#__PURE__*/ jsx("label", {
-                htmlFor: id,
-                className: controlLabel,
-                children: label
-            }) : null
-        ]
-    });
-});
-Checkbox.displayName = 'Checkbox';
-const checkbox_Checkbox = Checkbox;
-const components_checkbox = checkbox_Checkbox;
-export default components_checkbox;
-export { components_checkbox as Checkbox };
+export { Checkbox, CheckboxIndicator } from "./9167.js";

package/dist/esm/color-picker.js

@@ -1,130 +1 @@
-import "./color-picker.css";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useId, useState } from "react";
-import { HexColorInput, HexColorPicker } from "react-colorful";
-import { field, describedByIds } from "./4557.js";
-import { fieldControl } from "./2995.js";
-import * as __rspack_external__radix_ui_react_popover_e2827c9f from "@radix-ui/react-popover";
-var content = '_1o9um0f3';
-var hexInput = '_1o9um0f7';
-var hexRow = '_1o9um0f6';
-var pickerCard = '_1o9um0f4';
-var pickerWrapper = '_1o9um0f5';
-var presetSwatch = '_1o9um0fa';
-var presetsLabel = '_1o9um0f8';
-var presetsRow = '_1o9um0f9';
-var swatch = '_1o9um0f2';
-var ColorPicker_css_trigger = '_1o9um0f0';
-var triggerText = '_1o9um0f1';
-const ColorPicker = ({ value, defaultValue = '#4f46e5', onValueChange, label, description, error, required, size, disabled, presets, trigger, id: idProp })=>{
-    const [internalValue, setInternalValue] = useState(defaultValue);
-    const isControlled = void 0 !== value;
-    const currentValue = isControlled ? value : internalValue;
-    const [open, setOpen] = useState(false);
-    const generatedId = useId();
-    const id = idProp ?? generatedId;
-    const setValue = (next)=>{
-        if (!isControlled) setInternalValue(next);
-        onValueChange?.(next);
-    };
-    return /*#__PURE__*/ jsx(field, {
-        id: id,
-        label: label,
-        description: description,
-        error: error,
-        required: required,
-        children: /*#__PURE__*/ jsxs(__rspack_external__radix_ui_react_popover_e2827c9f.Root, {
-            open: open,
-            onOpenChange: setOpen,
-            children: [
-                /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_popover_e2827c9f.Trigger, {
-                    asChild: true,
-                    children: trigger ?? /*#__PURE__*/ jsxs("button", {
-                        type: "button",
-                        id: id,
-                        disabled: disabled,
-                        className: `${fieldControl({
-                            size,
-                            invalid: Boolean(error)
-                        })} ${ColorPicker_css_trigger}`,
-                        "aria-describedby": describedByIds(id, {
-                            description,
-                            error
-                        }),
-                        children: [
-                            /*#__PURE__*/ jsx("span", {
-                                className: swatch,
-                                style: {
-                                    backgroundColor: currentValue
-                                },
-                                "aria-hidden": "true"
-                            }),
-                            /*#__PURE__*/ jsx("span", {
-                                className: triggerText,
-                                children: currentValue.toUpperCase()
-                            })
-                        ]
-                    })
-                }),
-                /*#__PURE__*/ jsxs(__rspack_external__radix_ui_react_popover_e2827c9f.Content, {
-                    className: content,
-                    align: "start",
-                    sideOffset: 4,
-                    onOpenAutoFocus: (event)=>{
-                        event.preventDefault();
-                    },
-                    children: [
-                        /*#__PURE__*/ jsxs("div", {
-                            className: pickerCard,
-                            children: [
-                                /*#__PURE__*/ jsx("div", {
-                                    className: pickerWrapper,
-                                    children: /*#__PURE__*/ jsx(HexColorPicker, {
-                                        color: currentValue,
-                                        onChange: setValue
-                                    })
-                                }),
-                                /*#__PURE__*/ jsx("div", {
-                                    className: hexRow,
-                                    children: /*#__PURE__*/ jsx(HexColorInput, {
-                                        color: currentValue,
-                                        onChange: setValue,
-                                        prefixed: true,
-                                        className: hexInput
-                                    })
-                                })
-                            ]
-                        }),
-                        presets && presets.length > 0 ? /*#__PURE__*/ jsxs("div", {
-                            children: [
-                                /*#__PURE__*/ jsx("p", {
-                                    className: presetsLabel,
-                                    children: "Presets"
-                                }),
-                                /*#__PURE__*/ jsx("div", {
-                                    className: presetsRow,
-                                    children: presets.map((preset)=>/*#__PURE__*/ jsx("button", {
-                                            type: "button",
-                                            className: presetSwatch,
-                                            style: {
-                                                backgroundColor: preset
-                                            },
-                                            "aria-label": preset,
-                                            onClick: ()=>{
-                                                setValue(preset);
-                                            }
-                                        }, preset))
-                                })
-                            ]
-                        }) : null
-                    ]
-                })
-            ]
-        })
-    });
-};
-ColorPicker.displayName = 'ColorPicker';
-const color_picker_ColorPicker = ColorPicker;
-const color_picker = color_picker_ColorPicker;
-export default color_picker;
-export { color_picker as ColorPicker };
+export { ColorPicker, ColorPickerContent, ColorPickerSwatch, ColorPickerTrigger, ColorPickerValue } from "./7678.js";

package/dist/esm/combobox.js

@@ -1,126 +1 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CheckIcon, ChevronDownIcon, SearchIcon } from "@vinyasa/icons";
-import { Command } from "cmdk";
-import { useId, useState } from "react";
-import { field, describedByIds } from "./4557.js";
-import { fieldControl } from "./2995.js";
-import { triggerText, empty, triggerIcon, searchIcon, placeholder as selectPopover_css_placeholder, content, searchInput, item, itemIndicator, searchWrapper, trigger as selectPopover_css_trigger, list } from "./6720.js";
-import * as __rspack_external__radix_ui_react_popover_e2827c9f from "@radix-ui/react-popover";
-const optionText = (option)=>'string' == typeof option.label ? option.label : option.value;
-const Combobox = ({ options, value, defaultValue, onValueChange, placeholder = 'Select an option', label, description, error, required, size, disabled, emptyMessage = 'No results found.', trigger, id: idProp })=>{
-    const [internalValue, setInternalValue] = useState(defaultValue);
-    const isControlled = void 0 !== value;
-    const currentValue = isControlled ? value : internalValue;
-    const selectedOption = options.find((option)=>option.value === currentValue);
-    const [open, setOpen] = useState(false);
-    const [search, setSearch] = useState('');
-    const generatedId = useId();
-    const id = idProp ?? generatedId;
-    const handleSelect = (optionValue)=>{
-        if (!isControlled) setInternalValue(optionValue);
-        onValueChange?.(optionValue);
-        setOpen(false);
-    };
-    return /*#__PURE__*/ jsx(field, {
-        id: id,
-        label: label,
-        description: description,
-        error: error,
-        required: required,
-        children: /*#__PURE__*/ jsxs(__rspack_external__radix_ui_react_popover_e2827c9f.Root, {
-            open: open,
-            onOpenChange: (next)=>{
-                setOpen(next);
-                if (!next) setSearch('');
-            },
-            children: [
-                /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_popover_e2827c9f.Trigger, {
-                    asChild: true,
-                    children: trigger ?? /*#__PURE__*/ jsxs("button", {
-                        type: "button",
-                        id: id,
-                        disabled: disabled,
-                        className: `${fieldControl({
-                            size,
-                            invalid: Boolean(error)
-                        })} ${selectPopover_css_trigger}`,
-                        "aria-describedby": describedByIds(id, {
-                            description,
-                            error
-                        }),
-                        children: [
-                            /*#__PURE__*/ jsx("span", {
-                                className: selectedOption ? triggerText : `${triggerText} ${selectPopover_css_placeholder}`,
-                                children: selectedOption ? selectedOption.label : placeholder
-                            }),
-                            /*#__PURE__*/ jsx("span", {
-                                className: triggerIcon,
-                                "aria-hidden": "true",
-                                children: /*#__PURE__*/ jsx(ChevronDownIcon, {})
-                            })
-                        ]
-                    })
-                }),
-                /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_popover_e2827c9f.Content, {
-                    className: content,
-                    align: "start",
-                    sideOffset: 4,
-                    children: /*#__PURE__*/ jsxs(Command, {
-                        loop: true,
-                        label: 'string' == typeof label ? label : 'Search options',
-                        children: [
-                            /*#__PURE__*/ jsxs("div", {
-                                className: searchWrapper,
-                                children: [
-                                    /*#__PURE__*/ jsx("span", {
-                                        className: searchIcon,
-                                        "aria-hidden": "true",
-                                        children: /*#__PURE__*/ jsx(SearchIcon, {})
-                                    }),
-                                    /*#__PURE__*/ jsx(Command.Input, {
-                                        autoFocus: true,
-                                        value: search,
-                                        onValueChange: setSearch,
-                                        placeholder: "Search…",
-                                        className: searchInput
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ jsxs(Command.List, {
-                                className: list,
-                                children: [
-                                    /*#__PURE__*/ jsx(Command.Empty, {
-                                        className: empty,
-                                        children: emptyMessage
-                                    }),
-                                    options.map((option)=>/*#__PURE__*/ jsxs(Command.Item, {
-                                            value: optionText(option),
-                                            disabled: option.disabled,
-                                            onSelect: ()=>{
-                                                handleSelect(option.value);
-                                            },
-                                            className: item,
-                                            "data-selected": option.value === currentValue,
-                                            "data-disabled": option.disabled,
-                                            children: [
-                                                option.label,
-                                                option.value === currentValue ? /*#__PURE__*/ jsx("span", {
-                                                    className: itemIndicator,
-                                                    children: /*#__PURE__*/ jsx(CheckIcon, {})
-                                                }) : null
-                                            ]
-                                        }, option.value))
-                                ]
-                            })
-                        ]
-                    })
-                })
-            ]
-        })
-    });
-};
-Combobox.displayName = 'Combobox';
-const combobox_Combobox = Combobox;
-const combobox = combobox_Combobox;
-export default combobox;
-export { combobox as Combobox };
+export { AutocompleteEmpty as ComboboxEmpty, AutocompleteList as ComboboxList, Combobox, ComboboxContent, ComboboxIcon, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxTrigger, ComboboxValue } from "./8479.js";

package/dist/esm/components/autocomplete/Autocomplete.d.ts

@@ -1,21 +1,31 @@
-import { type ReactNode } from 'react';
+import * as Popover from '@radix-ui/react-popover';
+import { Command } from 'cmdk';
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import { ComboboxEmpty, ComboboxList } from '../combobox/Combobox';
 export interface AutocompleteProps {
-    /** Suggestions shown while typing — picking one fills the field with it. */
-    suggestions: string[];
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    placeholder?: string;
-    label?: ReactNode;
-    description?: ReactNode;
-    error?: ReactNode;
-    required?: boolean;
+    children: ReactNode;
+}
+export declare const Autocomplete: {
+    ({ children }: AutocompleteProps): import("react").JSX.Element;
+    displayName: string;
+};
+export interface AutocompleteInputProps extends Omit<ComponentPropsWithoutRef<typeof Command.Input>, 'size'> {
+    /** Marks the input invalid — falls back to the enclosing `Field`'s own `invalid` when nested in one. */
+    invalid?: boolean;
     size?: 'sm' | 'md' | 'lg';
-    emptyMessage?: ReactNode;
-    id?: string;
 }
-declare const Autocomplete: {
-    ({ suggestions, value, defaultValue, onValueChange, placeholder, label, description, error, required, size, emptyMessage, id: idProp, }: AutocompleteProps): import("react").JSX.Element;
+export declare const AutocompleteInput: {
+    ({ invalid, size, className, onClick, onFocus, ...rest }: AutocompleteInputProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type AutocompleteContentProps = Popover.PopoverContentProps;
+export declare const AutocompleteContent: {
+    ({ className, onOpenAutoFocus, onCloseAutoFocus, ...rest }: AutocompleteContentProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type AutocompleteItemProps = ComponentPropsWithoutRef<typeof Command.Item>;
+export declare const AutocompleteItem: {
+    ({ onSelect, ...rest }: AutocompleteItemProps): import("react").JSX.Element;
     displayName: string;
 };
-export default Autocomplete;
+export { ComboboxEmpty as AutocompleteEmpty, ComboboxList as AutocompleteList };

package/dist/esm/components/autocomplete/index.d.ts

@@ -1,3 +1 @@
-import Autocomplete from './Autocomplete';
-export default Autocomplete;
-export type { AutocompleteProps } from './Autocomplete';
+export { Autocomplete, AutocompleteContent, AutocompleteEmpty, AutocompleteInput, AutocompleteItem, AutocompleteList, type AutocompleteContentProps, type AutocompleteInputProps, type AutocompleteItemProps, type AutocompleteProps, } from './Autocomplete';

package/dist/esm/components/checkbox/Checkbox.d.ts

@@ -1,7 +1,15 @@
 import * as RadixCheckbox from '@radix-ui/react-checkbox';
 import { type ReactNode } from 'react';
-export interface CheckboxProps extends RadixCheckbox.CheckboxProps {
-    label?: ReactNode;
+export interface CheckboxProps extends Omit<RadixCheckbox.CheckboxProps, 'id'> {
+    /** Marks the checkbox invalid — falls back to the enclosing `Field`'s own `invalid` when nested in one. */
+    invalid?: boolean;
+    id?: string;
 }
-declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLButtonElement>>;
-export default Checkbox;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLButtonElement>>;
+export interface CheckboxIndicatorProps extends RadixCheckbox.CheckboxIndicatorProps {
+    children?: ReactNode;
+}
+export declare const CheckboxIndicator: {
+    ({ className, children, ...rest }: CheckboxIndicatorProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/esm/components/checkbox/index.d.ts

@@ -1,3 +1 @@
-import Checkbox from './Checkbox';
-export default Checkbox;
-export type { CheckboxProps } from './Checkbox';
+export { Checkbox, CheckboxIndicator, type CheckboxIndicatorProps, type CheckboxProps, } from './Checkbox';