@vinyasa/form 1.0.22 → 1.0.23

package/dist/esm/components/range-slider/RangeSlider.d.ts

@@ -1,5 +1,5 @@
 import { type SliderProps } from '../slider/Slider';
-export interface RangeSliderProps extends Omit<SliderProps, 'value' | 'defaultValue' | 'label' | 'minStepsBetweenThumbs'> {
+export interface RangeSliderProps extends Omit<SliderProps, 'value' | 'defaultValue' | 'minStepsBetweenThumbs'> {
     value?: [number, number];
     defaultValue?: [number, number];
     minLabel?: string;

package/dist/esm/components/rich-text-editor/RichTextEditor.d.ts

@@ -1,18 +1,55 @@
+import type { Editor } from '@tiptap/core';
 import { type ReactNode } from 'react';
+import { type ToggleButtonProps } from '../toggle-button/ToggleButton';
+/** The raw Tiptap editor instance, for calling commands (`editor.chain().focus().toggleBold().run()`). */
+export declare const useRichTextEditorContext: () => Editor | null;
+/**
+ * Whether the given mark/node is active at the current selection — a plain
+ * `editor.isActive(name)` call doesn't itself trigger a re-render when the
+ * selection changes (the editor instance mutates internally without
+ * changing identity), so each toolbar button subscribes to just the one
+ * piece of state it needs via `useEditorState` instead of the whole editor.
+ */
+export declare const useRichTextEditorActive: (name: string, attributes?: Record<string, unknown>) => boolean;
+/**
+ * Whether the editor is currently non-editable — same reactive-subscription
+ * reasoning as `useRichTextEditorActive`, so a toolbar button can disable
+ * itself in step with `RichTextEditor`'s own `disabled` prop instead of that
+ * prop being threaded to every button by hand.
+ */
+export declare const useRichTextEditorDisabled: () => boolean;
 export interface RichTextEditorProps {
     /** HTML content. */
     value?: string;
     defaultValue?: string;
     onValueChange?: (html: string) => void;
-    label?: ReactNode;
-    description?: ReactNode;
-    error?: ReactNode;
-    required?: boolean;
+    /** Marks the editor invalid — falls back to the enclosing `Field`'s own `invalid` when nested in one. */
+    invalid?: boolean;
     disabled?: boolean;
     id?: string;
+    children: ReactNode;
 }
-declare const RichTextEditor: {
-    ({ value, defaultValue, onValueChange, label, description, error, required, disabled, id: idProp, }: RichTextEditorProps): import("react").JSX.Element | null;
+export declare const RichTextEditor: {
+    ({ value, defaultValue, onValueChange, invalid, disabled, id: idProp, children, }: RichTextEditorProps): import("react").JSX.Element;
+    displayName: string;
+};
+export interface RichTextEditorToolbarProps {
+    children: ReactNode;
+}
+export declare const RichTextEditorToolbar: {
+    ({ children }: RichTextEditorToolbarProps): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const RichTextEditorDivider: {
+    (): import("react").JSX.Element;
+    displayName: string;
+};
+export type RichTextEditorToolbarButtonProps = Omit<ToggleButtonProps, 'unpressedVariant' | 'pressedVariant' | 'size'>;
+export declare const RichTextEditorToolbarButton: {
+    (props: RichTextEditorToolbarButtonProps): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const RichTextEditorContent: {
+    (): import("react").JSX.Element | null;
     displayName: string;
 };
-export default RichTextEditor;

package/dist/esm/components/rich-text-editor/index.d.ts

@@ -1,3 +1 @@
-import RichTextEditor from './RichTextEditor';
-export default RichTextEditor;
-export type { RichTextEditorProps } from './RichTextEditor';
+export { RichTextEditor, RichTextEditorContent, RichTextEditorDivider, RichTextEditorToolbar, RichTextEditorToolbarButton, useRichTextEditorActive, useRichTextEditorContext, useRichTextEditorDisabled, type RichTextEditorProps, type RichTextEditorToolbarButtonProps, type RichTextEditorToolbarProps, } from './RichTextEditor';

package/dist/esm/components/search-input/SearchInput.d.ts

@@ -1,11 +1,9 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import { type ComponentPropsWithoutRef } from 'react';
 export type SearchInputSize = 'sm' | 'md' | 'lg';
 export interface SearchInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size' | 'type'> {
-    label?: ReactNode;
-    description?: ReactNode;
-    error?: ReactNode;
-    required?: boolean;
     size?: SearchInputSize;
+    /** Marks the input invalid — falls back to the enclosing `Field`'s own `invalid` when nested in one. */
+    invalid?: boolean;
     /** Shows a clear button once there's a value; omit to hide it entirely. */
     onClear?: () => void;
 }

package/dist/esm/components/select/Select.d.ts

@@ -1,29 +1,42 @@
 import * as RadixSelect from '@radix-ui/react-select';
 import { type ReactNode } from 'react';
-export interface SelectOption {
-    value: string;
-    label: ReactNode;
-    disabled?: boolean;
-}
-export interface SelectProps extends Omit<RadixSelect.SelectProps, 'children'> {
-    options: SelectOption[];
-    placeholder?: string;
-    label?: ReactNode;
-    description?: ReactNode;
-    error?: ReactNode;
-    required?: boolean;
+export declare const Select: import("react").FC<RadixSelect.SelectProps>;
+export interface SelectTriggerProps extends Omit<RadixSelect.SelectTriggerProps, 'id'> {
+    /** Marks the trigger invalid — falls back to the enclosing `Field`'s own `invalid` when nested in one. */
+    invalid?: boolean;
     size?: 'sm' | 'md' | 'lg';
-    /**
-     * Replaces the built-in trigger button entirely — passed straight through
-     * to Select.Trigger's `asChild`, so it keeps the same open/close click
-     * and keyboard wiring. A custom trigger loses `RadixSelect.Value`'s
-     * automatic selected-item display; import `@radix-ui/react-select`
-     * directly to compose `Select.Value`/`Select.Icon` inside it if needed.
-     */
-    trigger?: ReactNode;
+    id?: string;
+}
+export declare const SelectTrigger: {
+    ({ invalid, size, id: idProp, className, ...rest }: SelectTriggerProps): import("react").JSX.Element;
+    displayName: string;
+};
+export interface SelectValueProps extends RadixSelect.SelectValueProps {
+    placeholder?: ReactNode;
 }
-declare const Select: {
-    ({ options, placeholder: placeholderText, label, description, error, required, size, trigger, ...rest }: SelectProps): import("react").JSX.Element;
+export declare const SelectValue: {
+    ({ className, placeholder, ...rest }: SelectValueProps): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const SelectIcon: {
+    ({ className, children, ...rest }: RadixSelect.SelectIconProps): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const SelectContent: {
+    ({ className, ...rest }: RadixSelect.SelectContentProps): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const SelectViewport: {
+    ({ className, ...rest }: RadixSelect.SelectViewportProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type SelectItemProps = RadixSelect.SelectItemProps;
+export declare const SelectItem: {
+    ({ className, ...rest }: SelectItemProps): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const SelectItemText: import("react").ForwardRefExoticComponent<RadixSelect.SelectItemTextProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const SelectItemIndicator: {
+    ({ className, children, ...rest }: RadixSelect.SelectItemIndicatorProps): import("react").JSX.Element;
     displayName: string;
 };
-export default Select;

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

@@ -1,3 +1 @@
-import Select from './Select';
-export default Select;
-export type { SelectOption, SelectProps } from './Select';
+export { Select, SelectContent, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectTrigger, SelectValue, SelectViewport, type SelectItemProps, type SelectTriggerProps, type SelectValueProps, } from './Select';

package/dist/esm/components/slider/Slider.d.ts

@@ -1,12 +1,19 @@
 import * as RadixSlider from '@radix-ui/react-slider';
-export interface SliderProps extends Omit<RadixSlider.SliderProps, 'defaultValue'> {
-    /**
-     * Accessible name for each thumb. A single string is reused for every
-     * thumb; an array assigns one label per thumb by index (used by
-     * RangeSlider for distinct "Minimum"/"Maximum" labels).
-     */
-    label?: string | string[];
+export type SliderProps = Omit<RadixSlider.SliderProps, 'defaultValue'> & {
     defaultValue?: number[];
-}
-declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<HTMLSpanElement>>;
-export default Slider;
+};
+export declare const Slider: import("react").ForwardRefExoticComponent<Omit<RadixSlider.SliderProps, "defaultValue"> & {
+    defaultValue?: number[];
+} & import("react").RefAttributes<HTMLSpanElement>>;
+export type SliderTrackProps = RadixSlider.SliderTrackProps;
+export declare const SliderTrack: {
+    ({ className, ...rest }: SliderTrackProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type SliderRangeProps = RadixSlider.SliderRangeProps;
+export declare const SliderRange: {
+    ({ className, ...rest }: SliderRangeProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type SliderThumbProps = RadixSlider.SliderThumbProps;
+export declare const SliderThumb: import("react").ForwardRefExoticComponent<RadixSlider.SliderThumbProps & import("react").RefAttributes<HTMLSpanElement>>;

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

@@ -1,3 +1 @@
-import Slider from './Slider';
-export default Slider;
-export type { SliderProps } from './Slider';
+export { Slider, SliderRange, SliderThumb, SliderTrack, type SliderProps, type SliderRangeProps, type SliderThumbProps, type SliderTrackProps, } from './Slider';

package/dist/esm/components/switch/Switch.d.ts

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

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

@@ -1,3 +1 @@
-import Switch from './Switch';
-export default Switch;
-export type { SwitchProps } from './Switch';
+export { Switch, SwitchThumb, type SwitchProps, type SwitchThumbProps } from './Switch';

package/dist/esm/components/tags-input/TagsInput.d.ts

@@ -1,17 +1,15 @@
-import { type ReactNode } from 'react';
 export interface TagsInputProps {
     value?: string[];
     defaultValue?: string[];
     onValueChange?: (value: string[]) => void;
     placeholder?: string;
-    label?: ReactNode;
-    description?: ReactNode;
-    error?: ReactNode;
-    required?: boolean;
+    /** Marks the input invalid — falls back to the enclosing `Field`'s own `invalid` when nested in one. */
+    invalid?: boolean;
     size?: 'sm' | 'md' | 'lg';
     /** Rejects further tags once this many are present. */
     max?: number;
     disabled?: boolean;
+    required?: boolean;
     id?: string;
 }
 declare const TagsInput: import("react").ForwardRefExoticComponent<TagsInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/components/textarea/Textarea.d.ts

@@ -1,11 +1,9 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import { type ComponentPropsWithoutRef } from 'react';
 export type TextareaSize = 'sm' | 'md' | 'lg';
 export interface TextareaProps extends Omit<ComponentPropsWithoutRef<'textarea'>, 'size'> {
-    label?: ReactNode;
-    description?: ReactNode;
-    error?: ReactNode;
-    required?: boolean;
     size?: TextareaSize;
+    /** Marks the textarea invalid — falls back to the enclosing `Field`'s own `invalid` when nested in one. */
+    invalid?: boolean;
     /** Grows the textarea's height to fit its content instead of scrolling. */
     autoResize?: boolean;
 }

package/dist/esm/components/time-picker/TimePicker.d.ts

@@ -1,32 +1,40 @@
-import { type ReactNode } from 'react';
-export interface TimePickerProps {
+import * as Popover from '@radix-ui/react-popover';
+import { type ComponentPropsWithoutRef } from 'react';
+export type TimePickerProps = Popover.PopoverProps;
+export declare const TimePicker: {
+    ({ open, defaultOpen, onOpenChange, children, ...rest }: TimePickerProps): import("react").JSX.Element;
+    displayName: string;
+};
+export interface TimePickerTriggerProps extends Omit<Popover.PopoverTriggerProps, 'id'> {
+    /** Marks the trigger invalid — falls back to the enclosing `Field`'s own `invalid` when nested in one. */
+    invalid?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    id?: string;
+}
+export declare const TimePickerTrigger: {
+    ({ invalid, size, id: idProp, className, ...rest }: TimePickerTriggerProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type TimePickerValueProps = ComponentPropsWithoutRef<'span'>;
+export declare const TimePickerValue: {
+    ({ className, ...rest }: TimePickerValueProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type TimePickerIconProps = ComponentPropsWithoutRef<'span'>;
+export declare const TimePickerIcon: {
+    ({ className, children, ...rest }: TimePickerIconProps): import("react").JSX.Element;
+    displayName: string;
+};
+export interface TimePickerContentProps {
     /** 24-hour "HH:mm", matching a native `<input type="time">`'s own value format. */
     value?: string;
-    defaultValue?: string;
     onValueChange?: (time: string) => void;
-    placeholder?: string;
-    /** date-fns format string for the trigger's display text. Defaults to 'h:mm a' (e.g. "2:30 PM"). */
+    /** date-fns format string for each option's display text. Defaults to 'h:mm a' (e.g. "2:30 PM"). */
     timeFormat?: string;
     /** Interval, in minutes, between generated time options spanning the day. Defaults to 30. */
     stepMinutes?: number;
-    label?: ReactNode;
-    description?: ReactNode;
-    error?: ReactNode;
-    required?: boolean;
-    size?: 'sm' | 'md' | 'lg';
-    disabled?: boolean;
-    /**
-     * Replaces the built-in trigger button entirely — passed straight through
-     * to Popover.Trigger's `asChild`, so it keeps the same open/close click
-     * and keyboard wiring. The element is responsible for its own styling and
-     * accessibility attributes (id, aria-describedby, disabled) since those
-     * aren't applied automatically the way they are to the default button.
-     */
-    trigger?: ReactNode;
-    id?: string;
 }
-declare const TimePicker: {
-    ({ value, defaultValue, onValueChange, placeholder, timeFormat, stepMinutes, label, description, error, required, size, disabled, trigger, id: idProp, }: TimePickerProps): import("react").JSX.Element;
+export declare const TimePickerContent: {
+    ({ value, onValueChange, timeFormat, stepMinutes, }: TimePickerContentProps): import("react").JSX.Element;
     displayName: string;
 };
-export default TimePicker;

package/dist/esm/components/time-picker/index.d.ts

@@ -1,3 +1 @@
-import TimePicker from './TimePicker';
-export default TimePicker;
-export type { TimePickerProps } from './TimePicker';
+export { TimePicker, TimePickerContent, TimePickerIcon, TimePickerTrigger, TimePickerValue, type TimePickerContentProps, type TimePickerIconProps, type TimePickerProps, type TimePickerTriggerProps, type TimePickerValueProps, } from './TimePicker';

package/dist/esm/date-picker.js

@@ -1,118 +1 @@
-import "./date-picker.css";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CalendarIcon, ChevronLeftIcon, ChevronRightIcon } from "@vinyasa/icons";
-import { format } from "date-fns";
-import { useId, useState } from "react";
-import { DayPicker } from "react-day-picker";
-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 = '_4znv390';
-var day = '_4znv39c';
-var dayButton = '_4znv39d';
-var DatePicker_css_disabled = '_4znv39g';
-var month = '_4znv397';
-var monthCaption = '_4znv398';
-var months = '_4znv396';
-var nav = '_4znv399';
-var navButton = '_4znv39a';
-var outside = '_4znv39f';
-var root = '_4znv395';
-var selected = '_4znv39h';
-var today = '_4znv39e';
-var DatePicker_css_trigger = '_4znv391';
-var triggerIcon = '_4znv394';
-var triggerPlaceholder = '_4znv392';
-var triggerText = '_4znv393';
-var weekday = '_4znv39b';
-const DatePicker = ({ value, defaultValue, onValueChange, placeholder = 'Pick a date', dateFormat = 'PPP', label, description, error, required, size, disabled, 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 handleSelect = (date)=>{
-        if (!isControlled) setInternalValue(date);
-        onValueChange?.(date);
-        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: 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)
-                        })} ${DatePicker_css_trigger}`,
-                        "aria-describedby": describedByIds(id, {
-                            description,
-                            error
-                        }),
-                        children: [
-                            /*#__PURE__*/ jsx("span", {
-                                className: currentValue ? triggerText : `${triggerText} ${triggerPlaceholder}`,
-                                children: currentValue ? format(currentValue, dateFormat) : placeholder
-                            }),
-                            /*#__PURE__*/ jsx("span", {
-                                className: triggerIcon,
-                                "aria-hidden": "true",
-                                children: /*#__PURE__*/ jsx(CalendarIcon, {})
-                            })
-                        ]
-                    })
-                }),
-                /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_popover_e2827c9f.Content, {
-                    className: content,
-                    align: "start",
-                    sideOffset: 4,
-                    onOpenAutoFocus: (event)=>{
-                        event.preventDefault();
-                    },
-                    children: /*#__PURE__*/ jsx(DayPicker, {
-                        mode: "single",
-                        selected: currentValue,
-                        onSelect: handleSelect,
-                        defaultMonth: currentValue,
-                        classNames: {
-                            root: root,
-                            months: months,
-                            month: month,
-                            month_caption: monthCaption,
-                            nav: nav,
-                            button_previous: navButton,
-                            button_next: navButton,
-                            weekday: weekday,
-                            day: day,
-                            day_button: dayButton,
-                            today: today,
-                            outside: outside,
-                            disabled: DatePicker_css_disabled,
-                            selected: selected
-                        },
-                        components: {
-                            Chevron: ({ orientation })=>'left' === orientation ? /*#__PURE__*/ jsx(ChevronLeftIcon, {}) : /*#__PURE__*/ jsx(ChevronRightIcon, {})
-                        }
-                    })
-                })
-            ]
-        })
-    });
-};
-DatePicker.displayName = 'DatePicker';
-const date_picker_DatePicker = DatePicker;
-const date_picker = date_picker_DatePicker;
-export default date_picker;
-export { date_picker as DatePicker };
+export { DatePicker, DatePickerContent, DatePickerIcon, DatePickerTrigger, DatePickerValue } from "./2692.js";

package/dist/esm/dropzone.js

@@ -1,137 +1 @@
-import "./dropzone.css";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { PaperclipIcon, UploadIcon, XIcon } from "@vinyasa/icons";
-import { useId, useState } from "react";
-import { useDropzone } from "react-dropzone";
-import { field, describedByIds } from "./4557.js";
-import { fileName, rejectionText, fileRemove, fileSize, fileNameIcon, fileList, fileRow, fileNameText, fileMeta, fileListWrapper } from "./2942.js";
-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 Dropzone = ({ value, onValueChange, accept, maxFiles, maxSize, label, description, error, required, disabled, id: idProp })=>{
-    const [internalFiles, setInternalFiles] = useState([]);
-    const isControlled = void 0 !== value;
-    const currentFiles = isControlled ? value : internalFiles;
-    const [rejectionMessage, setRejectionMessage] = useState();
-    const generatedId = useId();
-    const id = idProp ?? generatedId;
-    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__*/ jsxs(field, {
-        id: id,
-        label: label,
-        description: description,
-        error: error,
-        required: required,
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                ...getRootProps({
-                    id,
-                    'data-disabled': disabled
-                }),
-                className: isDragActive ? `${Dropzone_css_area} ${areaActive}` : Dropzone_css_area,
-                "aria-describedby": describedByIds(id, {
-                    description,
-                    error
-                }),
-                children: [
-                    /*#__PURE__*/ jsx("input", {
-                        ...getInputProps()
-                    }),
-                    /*#__PURE__*/ jsx("span", {
-                        className: icon,
-                        "aria-hidden": "true",
-                        children: /*#__PURE__*/ jsx(UploadIcon, {})
-                    }),
-                    /*#__PURE__*/ jsx("span", {
-                        children: isDragActive ? 'Drop the files here…' : 'Drag files here, or click to browse'
-                    }),
-                    maxSize ? /*#__PURE__*/ jsxs("span", {
-                        className: hint,
-                        children: [
-                            "Up to ",
-                            formatFileSize(maxSize),
-                            " per file"
-                        ]
-                    }) : null
-                ]
-            }),
-            rejectionMessage ? /*#__PURE__*/ jsx("p", {
-                className: rejectionText,
-                children: rejectionMessage
-            }) : null,
-            currentFiles.length > 0 ? /*#__PURE__*/ jsx("div", {
-                className: fileListWrapper,
-                children: /*#__PURE__*/ jsx("ul", {
-                    className: fileList,
-                    children: currentFiles.map((file)=>/*#__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: ()=>{
-                                                removeFile(file);
-                                            },
-                                            children: /*#__PURE__*/ jsx(XIcon, {})
-                                        })
-                                    ]
-                                })
-                            ]
-                        }, `${file.name}-${String(file.lastModified)}`))
-                })
-            }) : null
-        ]
-    });
-};
-Dropzone.displayName = 'Dropzone';
-const dropzone_Dropzone = Dropzone;
-const dropzone = dropzone_Dropzone;
-export default dropzone;
-export { dropzone as Dropzone };
+export { Dropzone, DropzoneFileItem, DropzoneFileList, DropzoneRejection, DropzoneTrigger, formatFileSize, useDropzoneContext } from "./9559.js";

package/dist/esm/field.d.ts

@@ -1,24 +1,2 @@
-import type { ReactNode } from 'react';
-export interface FieldChromeProps {
-    id: string;
-    label?: ReactNode;
-    description?: ReactNode;
-    error?: ReactNode;
-    required?: boolean;
-    children: ReactNode;
-    /**
-     * Omits `htmlFor` on the label — for a control whose real interactive
-     * element doesn't actually carry `id` (e.g. Combobox/Autocomplete, where
-     * cmdk's Command.Input always overwrites `id` with its own internally
-     * generated one). A `htmlFor` pointing at a nonexistent id wouldn't just
-     * be inert — clicking that label would silently fail to focus anything,
-     * for real users too, not only in tests.
-     */
-    disableLabelFor?: boolean;
-}
-export declare const describedByIds: (id: string, { description, error }: {
-    description?: ReactNode;
-    error?: ReactNode;
-}) => string | undefined;
-declare const FieldChrome: ({ id, label, description, error, required, children, disableLabelFor, }: FieldChromeProps) => import("react").JSX.Element;
-export default FieldChrome;
+export * from './components/field/index';
+export { default } from './components/field/index';

package/dist/esm/field.js

@@ -0,0 +1 @@
+export { Field, FieldControl, FieldDescription, FieldError, FieldLabel, useFieldContext, useResolvedFieldProps } from "./2315.js";