@vinyasa/form 1.0.22 → 1.0.23

package/dist/esm/components/color-picker/ColorPicker.d.ts

@@ -1,28 +1,35 @@
-import { type ReactNode } from 'react';
-export interface ColorPickerProps {
+import * as Popover from '@radix-ui/react-popover';
+import { type ComponentPropsWithoutRef, type CSSProperties } from 'react';
+export declare const ColorPicker: import("react").FC<Popover.PopoverProps>;
+export interface ColorPickerTriggerProps 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 ColorPickerTrigger: {
+    ({ invalid, size, id: idProp, className, ...rest }: ColorPickerTriggerProps): import("react").JSX.Element;
+    displayName: string;
+};
+export interface ColorPickerSwatchProps extends ComponentPropsWithoutRef<'span'> {
+    style?: CSSProperties;
+}
+export declare const ColorPickerSwatch: {
+    ({ className, ...rest }: ColorPickerSwatchProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type ColorPickerValueProps = ComponentPropsWithoutRef<'span'>;
+export declare const ColorPickerValue: {
+    ({ className, ...rest }: ColorPickerValueProps): import("react").JSX.Element;
+    displayName: string;
+};
+export interface ColorPickerContentProps {
     value?: string;
-    defaultValue?: string;
     onValueChange?: (color: string) => void;
-    label?: ReactNode;
-    description?: ReactNode;
-    error?: ReactNode;
-    required?: boolean;
-    size?: 'sm' | 'md' | 'lg';
-    disabled?: boolean;
     /** A row of preset swatches shown above the hex field — click applies the color without closing the popover. */
     presets?: string[];
-    /**
-     * 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 ColorPicker: {
-    ({ value, defaultValue, onValueChange, label, description, error, required, size, disabled, presets, trigger, id: idProp, }: ColorPickerProps): import("react").JSX.Element;
+export declare const ColorPickerContent: {
+    ({ value, onValueChange, presets, }: ColorPickerContentProps): import("react").JSX.Element;
     displayName: string;
 };
-export default ColorPicker;

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

@@ -1,3 +1 @@
-import ColorPicker from './ColorPicker';
-export default ColorPicker;
-export type { ColorPickerProps } from './ColorPicker';
+export { ColorPicker, ColorPickerContent, ColorPickerSwatch, ColorPickerTrigger, ColorPickerValue, type ColorPickerContentProps, type ColorPickerSwatchProps, type ColorPickerTriggerProps, type ColorPickerValueProps, } from './ColorPicker';

package/dist/esm/components/combobox/Combobox.d.ts

@@ -1,34 +1,60 @@
-import { type ReactNode } from 'react';
-export interface ComboboxOption {
-    value: string;
-    label: ReactNode;
-    disabled?: boolean;
-}
-export interface ComboboxProps {
-    options: ComboboxOption[];
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    placeholder?: string;
-    label?: ReactNode;
-    description?: ReactNode;
-    error?: ReactNode;
-    required?: boolean;
+import * as Popover from '@radix-ui/react-popover';
+import { Command } from 'cmdk';
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+export type ComboboxProps = Popover.PopoverProps;
+export declare const Combobox: {
+    ({ open, defaultOpen, onOpenChange, children, ...rest }: ComboboxProps): import("react").JSX.Element;
+    displayName: string;
+};
+export interface ComboboxTriggerProps 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';
-    disabled?: boolean;
-    emptyMessage?: ReactNode;
-    /**
-     * 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 Combobox: {
-    ({ options, value, defaultValue, onValueChange, placeholder, label, description, error, required, size, disabled, emptyMessage, trigger, id: idProp, }: ComboboxProps): import("react").JSX.Element;
+export declare const ComboboxTrigger: {
+    ({ invalid, size, id: idProp, className, ...rest }: ComboboxTriggerProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type ComboboxValueProps = ComponentPropsWithoutRef<'span'>;
+export declare const ComboboxValue: {
+    ({ className, ...rest }: ComboboxValueProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type ComboboxIconProps = ComponentPropsWithoutRef<'span'>;
+export declare const ComboboxIcon: {
+    ({ className, children, ...rest }: ComboboxIconProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type ComboboxContentProps = Omit<Popover.PopoverContentProps, 'children'> & {
+    children: ReactNode;
+};
+export declare const ComboboxContent: {
+    ({ className, children, ...rest }: ComboboxContentProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type ComboboxInputProps = ComponentPropsWithoutRef<typeof Command.Input>;
+export declare const ComboboxInput: {
+    ({ className, ...rest }: ComboboxInputProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type ComboboxListProps = ComponentPropsWithoutRef<typeof Command.List>;
+export declare const ComboboxList: {
+    ({ className, ...rest }: ComboboxListProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type ComboboxItemProps = ComponentPropsWithoutRef<typeof Command.Item>;
+export declare const ComboboxItem: {
+    ({ className, onSelect, ...rest }: ComboboxItemProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type ComboboxItemIndicatorProps = ComponentPropsWithoutRef<'span'>;
+export declare const ComboboxItemIndicator: {
+    ({ className, children, ...rest }: ComboboxItemIndicatorProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type ComboboxEmptyProps = ComponentPropsWithoutRef<typeof Command.Empty>;
+export declare const ComboboxEmpty: {
+    ({ className, ...rest }: ComboboxEmptyProps): import("react").JSX.Element;
     displayName: string;
 };
-export default Combobox;

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

@@ -1,3 +1 @@
-import Combobox from './Combobox';
-export default Combobox;
-export type { ComboboxOption, ComboboxProps } from './Combobox';
+export { Combobox, ComboboxContent, ComboboxEmpty, ComboboxIcon, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxList, ComboboxTrigger, ComboboxValue, type ComboboxContentProps, type ComboboxEmptyProps, type ComboboxIconProps, type ComboboxInputProps, type ComboboxItemProps, type ComboboxItemIndicatorProps, type ComboboxListProps, type ComboboxProps, type ComboboxTriggerProps, type ComboboxValueProps, } from './Combobox';

package/dist/esm/components/date-picker/DatePicker.d.ts

@@ -1,29 +1,33 @@
-import { type ReactNode } from 'react';
-export interface DatePickerProps {
-    value?: Date;
-    defaultValue?: Date;
-    onValueChange?: (date: Date | undefined) => void;
-    placeholder?: string;
-    /** date-fns format string for the trigger's display text. Defaults to 'PPP' (e.g. "April 29th, 2026"). */
-    dateFormat?: string;
-    label?: ReactNode;
-    description?: ReactNode;
-    error?: ReactNode;
-    required?: boolean;
+import * as Popover from '@radix-ui/react-popover';
+import { type ComponentPropsWithoutRef } from 'react';
+import { type PropsBase, type PropsSingle } from 'react-day-picker';
+export type DatePickerProps = Popover.PopoverProps;
+export declare const DatePicker: {
+    ({ open, defaultOpen, onOpenChange, children, ...rest }: DatePickerProps): import("react").JSX.Element;
+    displayName: string;
+};
+export interface DatePickerTriggerProps 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';
-    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 DatePicker: {
-    ({ value, defaultValue, onValueChange, placeholder, dateFormat, label, description, error, required, size, disabled, trigger, id: idProp, }: DatePickerProps): import("react").JSX.Element;
+export declare const DatePickerTrigger: {
+    ({ invalid, size, id: idProp, className, ...rest }: DatePickerTriggerProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type DatePickerValueProps = ComponentPropsWithoutRef<'span'>;
+export declare const DatePickerValue: {
+    ({ className, ...rest }: DatePickerValueProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type DatePickerIconProps = ComponentPropsWithoutRef<'span'>;
+export declare const DatePickerIcon: {
+    ({ className, children, ...rest }: DatePickerIconProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type DatePickerContentProps = Omit<PropsBase & PropsSingle, 'mode' | 'classNames' | 'components'>;
+export declare const DatePickerContent: {
+    ({ onSelect, ...rest }: DatePickerContentProps): import("react").JSX.Element;
     displayName: string;
 };
-export default DatePicker;

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

@@ -1,3 +1 @@
-import DatePicker from './DatePicker';
-export default DatePicker;
-export type { DatePickerProps } from './DatePicker';
+export { DatePicker, DatePickerContent, DatePickerIcon, DatePickerTrigger, DatePickerValue, type DatePickerContentProps, type DatePickerIconProps, type DatePickerProps, type DatePickerTriggerProps, type DatePickerValueProps, } from './DatePicker';

package/dist/esm/components/dropzone/Dropzone.d.ts

@@ -1,20 +1,63 @@
-import { type ReactNode } from 'react';
-import { type Accept } from 'react-dropzone';
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import { type Accept, type DropzoneInputProps, type DropzoneRootProps } from 'react-dropzone';
+export declare const formatFileSize: (bytes: number) => string;
+interface DropzoneContextValue {
+    getRootProps: (props?: DropzoneRootProps) => DropzoneRootProps;
+    getInputProps: (props?: DropzoneInputProps) => DropzoneInputProps;
+    isDragActive: boolean;
+    files: File[];
+    removeFile: (file: File) => void;
+    rejectionMessage: string | undefined;
+    maxSize: number | undefined;
+    id: string;
+    invalid: boolean;
+    describedBy: string | undefined;
+    labelId: string | undefined;
+    disabled: boolean | undefined;
+}
+/**
+ * Reads the enclosing `Dropzone`'s `useDropzone` state — `getRootProps`/
+ * `getInputProps` have to be spread from a single hook call, so every other
+ * part in this compound family (including `FileUpload`'s own trigger, which
+ * reuses `Dropzone`'s root) reaches it this way instead of calling
+ * `useDropzone` a second time. Returns `null` outside a `Dropzone`.
+ */
+export declare const useDropzoneContext: () => DropzoneContextValue | null;
 export interface DropzoneProps {
     value?: File[];
     onValueChange?: (files: File[]) => void;
     accept?: Accept;
     maxFiles?: number;
     maxSize?: number;
-    label?: ReactNode;
-    description?: ReactNode;
-    error?: ReactNode;
-    required?: boolean;
+    /** Marks the area invalid — falls back to the enclosing `Field`'s own `invalid` when nested in one. */
+    invalid?: boolean;
     disabled?: boolean;
     id?: string;
+    children: ReactNode;
+}
+export declare const Dropzone: {
+    ({ value, onValueChange, accept, maxFiles, maxSize, invalid, disabled, id: idProp, children, }: DropzoneProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type DropzoneTriggerProps = ComponentPropsWithoutRef<'div'>;
+export declare const DropzoneTrigger: {
+    ({ className, ...rest }: DropzoneTriggerProps): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const DropzoneRejection: {
+    (): import("react").JSX.Element | null;
+    displayName: string;
+};
+export interface DropzoneFileItemProps {
+    file: File;
+    onRemove?: () => void;
 }
-declare const Dropzone: {
-    ({ value, onValueChange, accept, maxFiles, maxSize, label, description, error, required, disabled, id: idProp, }: DropzoneProps): import("react").JSX.Element;
+export declare const DropzoneFileItem: {
+    ({ file, onRemove }: DropzoneFileItemProps): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const DropzoneFileList: {
+    (): import("react").JSX.Element | null;
     displayName: string;
 };
-export default Dropzone;
+export {};

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

@@ -1,3 +1 @@
-import Dropzone from './Dropzone';
-export default Dropzone;
-export type { DropzoneProps } from './Dropzone';
+export { Dropzone, DropzoneFileItem, DropzoneFileList, DropzoneRejection, DropzoneTrigger, formatFileSize, useDropzoneContext, type DropzoneFileItemProps, type DropzoneProps, type DropzoneTriggerProps, } from './Dropzone';

package/dist/esm/components/field/Field.d.ts

@@ -0,0 +1,106 @@
+import { Slot } from '@radix-ui/react-slot';
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+export interface FieldContextValue {
+    /** The id every `Field` part derives its own id from, unless it sets one explicitly. */
+    id: string;
+    descriptionId: string;
+    errorId: string;
+    /**
+     * Precomputed from which of `FieldDescription`/`FieldError` are actually
+     * present among `Field`'s own direct children — not just "both ids,
+     * always" — so `FieldControl` never points `aria-describedby` at an id
+     * that isn't rendered. Only sees *direct* children, matching how
+     * Dialog's header/body/footer are assembled as a flat list too.
+     */
+    describedBy: string | undefined;
+    invalid: boolean;
+    /**
+     * `FieldLabel`'s own rendered id, only when one is actually present among
+     * `Field`'s direct children — for a control whose interactive element
+     * isn't natively labelable (e.g. a `role="combobox"` `<div>`), which has
+     * to reach for `aria-labelledby` instead of `<label htmlFor>`.
+     */
+    labelId: string | undefined;
+    /**
+     * The enclosing `FieldLabel`'s text, when its children is a plain string
+     * — for a control that needs the label as a string for a third-party
+     * library's own accessible-name prop (e.g. cmdk's `Command`'s `label`),
+     * not as rendered JSX.
+     */
+    labelText: string | undefined;
+}
+/**
+ * Reads the enclosing `Field`'s generated ids, for a control that wants to
+ * auto-wire its own `id`/`aria-describedby`/`aria-invalid` when nested
+ * inside one — returns `null` outside a `Field`, so a control works
+ * standalone too. This is how Input/Select/etc. (from their own migration
+ * phase onward) pick up a `Field`'s ids without the two being otherwise
+ * connected — `Field` never renders the control itself.
+ */
+export declare const useFieldContext: () => FieldContextValue | null;
+export interface ResolvedFieldProps {
+    id: string;
+    invalid: boolean;
+    describedBy: string | undefined;
+}
+/**
+ * Every first-party control migrated onto `Field` (Input, SearchInput,
+ * PasswordInput, Textarea, NumberInput, OtpInput, ...) needs the exact same
+ * three-way fallback for its own explicit prop vs. the enclosing `Field`'s
+ * context vs. a locally generated id — inlining that in each component
+ * pushed several of them over this codebase's cyclomatic-complexity lint
+ * budget on its own. Centralizing it here means that budget is spent once,
+ * not once per control.
+ */
+export declare const useResolvedFieldProps: (props: {
+    id?: string;
+    invalid?: boolean;
+    describedBy?: string;
+}) => ResolvedFieldProps;
+export interface FieldProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Marks the field invalid for any part that reads it via
+     * `useFieldContext` (e.g. a control applying `aria-invalid` / its own
+     * `invalid` styling). Setting this here, once, is what lets `FieldError`
+     * and the control agree on invalid state without a prop threaded
+     * between sibling elements by hand.
+     */
+    invalid?: boolean;
+}
+export declare const Field: {
+    ({ invalid, children, ...rest }: FieldProps): import("react").JSX.Element;
+    displayName: string;
+};
+export interface FieldLabelProps extends Omit<ComponentPropsWithoutRef<'label'>, 'htmlFor'> {
+    /** Renders a required-field asterisk after the label text. */
+    required?: boolean;
+    children?: ReactNode;
+    /**
+     * Defaults to the enclosing `Field`'s id, or pass a specific id directly.
+     * Pass `false` to omit `htmlFor` entirely, for a control whose real
+     * interactive element doesn't carry the `Field`'s id itself (e.g.
+     * cmdk-based inputs, which always overwrite `id` with their own
+     * internally generated one) — omitting it avoids a label whose
+     * click-to-focus silently does nothing.
+     */
+    htmlFor?: string | false;
+}
+export declare const FieldLabel: {
+    ({ required, htmlFor, id, children, ...rest }: FieldLabelProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type FieldControlProps = ComponentPropsWithoutRef<typeof Slot>;
+export declare const FieldControl: {
+    ({ children, ...rest }: FieldControlProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type FieldDescriptionProps = ComponentPropsWithoutRef<'p'>;
+export declare const FieldDescription: {
+    ({ id, ...rest }: FieldDescriptionProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type FieldErrorProps = ComponentPropsWithoutRef<'p'>;
+export declare const FieldError: {
+    ({ id, ...rest }: FieldErrorProps): import("react").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1 @@
+export { Field, FieldControl, FieldDescription, FieldError, FieldLabel, useFieldContext, useResolvedFieldProps, type FieldContextValue, type FieldControlProps, type FieldDescriptionProps, type FieldErrorProps, type FieldLabelProps, type FieldProps, type ResolvedFieldProps, } from './Field';

package/dist/esm/components/file-upload/FileUpload.d.ts

@@ -1,20 +1,13 @@
-import { type ReactNode } from 'react';
-import { type Accept } from 'react-dropzone';
-export interface FileUploadProps {
-    value?: File[];
-    onValueChange?: (files: File[]) => void;
-    accept?: Accept;
-    maxFiles?: number;
-    maxSize?: number;
-    label?: ReactNode;
-    description?: ReactNode;
-    error?: ReactNode;
-    required?: boolean;
-    disabled?: boolean;
-    id?: string;
-}
-declare const FileUpload: {
-    ({ value, onValueChange, accept, maxFiles, maxSize, label, description, error, required, disabled, id: idProp, }: FileUploadProps): import("react").JSX.Element;
+import { type ComponentPropsWithoutRef } from 'react';
+import { DropzoneFileItem, DropzoneFileList, DropzoneRejection, type DropzoneProps } from '../dropzone/Dropzone';
+export declare const FileUpload: {
+    ({ value, onValueChange, accept, maxFiles, maxSize, invalid, disabled, id: idProp, children, }: DropzoneProps): import("react").JSX.Element;
     displayName: string;
 };
-export default FileUpload;
+export type FileUploadTriggerProps = ComponentPropsWithoutRef<'button'>;
+export declare const FileUploadTrigger: {
+    ({ className, children, ...rest }: FileUploadTriggerProps): import("react").JSX.Element;
+    displayName: string;
+};
+export { DropzoneFileItem as FileUploadFileItem, DropzoneFileList as FileUploadFileList, DropzoneRejection as FileUploadRejection, };
+export type { DropzoneProps as FileUploadProps };

package/dist/esm/components/file-upload/index.d.ts

@@ -1,3 +1 @@
-import FileUpload from './FileUpload';
-export default FileUpload;
-export type { FileUploadProps } from './FileUpload';
+export { FileUpload, FileUploadFileItem, FileUploadFileList, FileUploadRejection, FileUploadTrigger, type FileUploadProps, type FileUploadTriggerProps, } from './FileUpload';

package/dist/esm/components/icon-button/IconButton.d.ts

@@ -1,6 +1,6 @@
 import { type ButtonProps } from '@vinyasa/button';
 import { type ReactNode } from 'react';
-export interface IconButtonProps extends Omit<ButtonProps, 'children' | 'leadingIcon' | 'trailingIcon'> {
+export interface IconButtonProps extends Omit<ButtonProps, 'children'> {
     icon: ReactNode;
     'aria-label': string;
 }

package/dist/esm/components/input/Input.d.ts

@@ -1,11 +1,9 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import { type ComponentPropsWithoutRef } from 'react';
 export type InputSize = 'sm' | 'md' | 'lg';
 export interface InputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {
-    label?: ReactNode;
-    description?: ReactNode;
-    error?: ReactNode;
-    required?: boolean;
     size?: InputSize;
+    /** Marks the input invalid — falls back to the enclosing `Field`'s own `invalid` when nested in one. */
+    invalid?: boolean;
 }
 declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
 export default Input;

package/dist/esm/components/multi-select/MultiSelect.d.ts

@@ -1,35 +1,42 @@
-import { type ReactNode } from 'react';
-export interface MultiSelectOption {
-    value: string;
-    label: ReactNode;
-    disabled?: boolean;
-}
-export interface MultiSelectProps {
-    options: MultiSelectOption[];
-    value?: string[];
-    defaultValue?: string[];
-    onValueChange?: (value: string[]) => void;
-    placeholder?: string;
-    label?: ReactNode;
-    description?: ReactNode;
-    error?: ReactNode;
-    required?: boolean;
+import * as Popover from '@radix-ui/react-popover';
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import { ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxList } from '../combobox/Combobox';
+export declare const MultiSelect: import("react").FC<Popover.PopoverProps>;
+export interface MultiSelectTriggerProps extends Omit<ComponentPropsWithoutRef<'div'>, 'id'> {
+    /** Marks the trigger invalid — falls back to the enclosing `Field`'s own `invalid` when nested in one. */
+    invalid?: boolean;
     size?: 'sm' | 'md' | 'lg';
-    emptyMessage?: ReactNode;
-    /** Caps how many selected-item chips render before collapsing the rest into a "+n" badge. Defaults to 2. */
-    maxVisibleChips?: number;
-    /**
-     * Replaces the built-in chip-row trigger 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, accessibility attributes, and displaying the current
-     * selection (the built-in per-chip remove buttons don't come with it).
-     */
-    trigger?: ReactNode;
     id?: string;
 }
-declare const MultiSelect: {
-    ({ options, value, defaultValue, onValueChange, placeholder, label, description, error, required, size, emptyMessage, maxVisibleChips, trigger, id: idProp, }: MultiSelectProps): import("react").JSX.Element;
+export declare const MultiSelectTrigger: {
+    ({ invalid, size, id: idProp, className, onKeyDown, ...rest }: MultiSelectTriggerProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type MultiSelectPlaceholderProps = ComponentPropsWithoutRef<'span'>;
+export declare const MultiSelectPlaceholder: {
+    ({ className, ...rest }: MultiSelectPlaceholderProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type MultiSelectChipRowProps = ComponentPropsWithoutRef<'span'>;
+export declare const MultiSelectChipRow: {
+    ({ className, ...rest }: MultiSelectChipRowProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type MultiSelectChipProps = ComponentPropsWithoutRef<'span'>;
+export declare const MultiSelectChip: {
+    ({ className, ...rest }: MultiSelectChipProps): import("react").JSX.Element;
+    displayName: string;
+};
+export interface MultiSelectChipRemoveProps extends ComponentPropsWithoutRef<'button'> {
+    children?: ReactNode;
+}
+export declare const MultiSelectChipRemove: {
+    ({ className, children, type, ...rest }: MultiSelectChipRemoveProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type MultiSelectChipOverflowProps = ComponentPropsWithoutRef<'span'>;
+export declare const MultiSelectChipOverflow: {
+    ({ className, ...rest }: MultiSelectChipOverflowProps): import("react").JSX.Element;
     displayName: string;
 };
-export default MultiSelect;
+export { ComboboxContent as MultiSelectContent, ComboboxEmpty as MultiSelectEmpty, ComboboxInput as MultiSelectInput, ComboboxItem as MultiSelectItem, ComboboxItemIndicator as MultiSelectItemIndicator, ComboboxList as MultiSelectList, };

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

@@ -1,3 +1 @@
-import MultiSelect from './MultiSelect';
-export default MultiSelect;
-export type { MultiSelectOption, MultiSelectProps } from './MultiSelect';
+export { MultiSelect, MultiSelectChip, MultiSelectChipOverflow, MultiSelectChipRemove, MultiSelectChipRow, MultiSelectContent, MultiSelectEmpty, MultiSelectInput, MultiSelectItem, MultiSelectItemIndicator, MultiSelectList, MultiSelectPlaceholder, MultiSelectTrigger, type MultiSelectChipOverflowProps, type MultiSelectChipProps, type MultiSelectChipRemoveProps, type MultiSelectChipRowProps, type MultiSelectPlaceholderProps, type MultiSelectTriggerProps, } from './MultiSelect';

package/dist/esm/components/number-input/NumberInput.d.ts

@@ -1,11 +1,9 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import { type ComponentPropsWithoutRef } from 'react';
 export type NumberInputSize = 'sm' | 'md' | 'lg';
 export interface NumberInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size' | 'type'> {
-    label?: ReactNode;
-    description?: ReactNode;
-    error?: ReactNode;
-    required?: boolean;
     size?: NumberInputSize;
+    /** Marks the input invalid — falls back to the enclosing `Field`'s own `invalid` when nested in one. */
+    invalid?: boolean;
     /** Shows +/- stepper buttons that call the native stepUp/stepDown. Defaults to true. */
     showSteppers?: boolean;
 }

package/dist/esm/components/otp-input/OtpInput.d.ts

@@ -1,14 +1,12 @@
-import { type ReactNode } from 'react';
 export interface OtpInputProps {
-    label?: ReactNode;
-    description?: ReactNode;
-    error?: ReactNode;
     /** Number of digit slots. Defaults to 6. */
     length?: number;
     value?: string;
     defaultValue?: string;
     onChange?: (value: string) => void;
     onComplete?: (value: string) => void;
+    /** Marks the input invalid — falls back to the enclosing `Field`'s own `invalid` when nested in one. */
+    invalid?: boolean;
     disabled?: boolean;
     id?: string;
 }

package/dist/esm/components/password-input/PasswordInput.d.ts

@@ -1,11 +1,9 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import { type ComponentPropsWithoutRef } from 'react';
 export type PasswordInputSize = 'sm' | 'md' | 'lg';
 export interface PasswordInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size' | 'type'> {
-    label?: ReactNode;
-    description?: ReactNode;
-    error?: ReactNode;
-    required?: boolean;
     size?: PasswordInputSize;
+    /** Marks the input invalid — falls back to the enclosing `Field`'s own `invalid` when nested in one. */
+    invalid?: boolean;
 }
 declare const PasswordInput: import("react").ForwardRefExoticComponent<PasswordInputProps & import("react").RefAttributes<HTMLInputElement>>;
 export default PasswordInput;

package/dist/esm/components/radio-group/RadioGroup.d.ts

@@ -1,12 +1,20 @@
 import * as RadixRadioGroup from '@radix-ui/react-radio-group';
-import { type ReactNode } from 'react';
-export interface RadioOption {
-    value: string;
-    label: ReactNode;
-    disabled?: boolean;
+export interface RadioGroupProps extends Omit<RadixRadioGroup.RadioGroupProps, 'id'> {
+    /** Marks the whole group invalid — falls back to the enclosing `Field`'s own `invalid` when nested in one. */
+    invalid?: boolean;
+    id?: string;
 }
-export interface RadioGroupProps extends Omit<RadixRadioGroup.RadioGroupProps, 'children'> {
-    options: RadioOption[];
-}
-declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-export default RadioGroup;
+export declare const RadioGroup: {
+    ({ className, invalid, id: idProp, ...rest }: RadioGroupProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type RadioGroupItemProps = RadixRadioGroup.RadioGroupItemProps;
+export declare const RadioGroupItem: {
+    ({ className, ...rest }: RadioGroupItemProps): import("react").JSX.Element;
+    displayName: string;
+};
+export type RadioGroupIndicatorProps = RadixRadioGroup.RadioGroupIndicatorProps;
+export declare const RadioGroupIndicator: {
+    ({ className, ...rest }: RadioGroupIndicatorProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/esm/components/radio-group/index.d.ts

@@ -1,3 +1 @@
-import RadioGroup from './RadioGroup';
-export default RadioGroup;
-export type { RadioGroupProps, RadioOption } from './RadioGroup';
+export { RadioGroup, RadioGroupIndicator, RadioGroupItem, type RadioGroupIndicatorProps, type RadioGroupItemProps, type RadioGroupProps, } from './RadioGroup';