@vinyasa/form 1.0.22

package/dist/esm/color-picker.css

@@ -0,0 +1,109 @@
+._1o9um0f0 {
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  text-align: left;
+  cursor: pointer;
+  background-color: #0000;
+  width: 100%;
+  min-width: 10rem;
+  max-width: 20rem;
+  display: inline-flex;
+}
+
+._1o9um0f1 {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+}
+
+._1o9um0f2 {
+  border-radius: var(--vinyasa-radius-sm);
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  flex-shrink: 0;
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+._1o9um0f3 {
+  z-index: var(--vinyasa-z-index-dropdown);
+  gap: var(--vinyasa-space3);
+  padding: var(--vinyasa-space3);
+  background-color: var(--vinyasa-surface);
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  border-radius: var(--vinyasa-radius-md);
+  box-shadow: var(--vinyasa-elevation-overlay);
+  flex-direction: column;
+  display: flex;
+}
+
+._1o9um0f4 {
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  border-radius: var(--vinyasa-radius-sm);
+  overflow: hidden;
+}
+
+._1o9um0f5 {
+  width: 13.75rem;
+}
+
+._1o9um0f5 .react-colorful {
+  width: 100%;
+  height: 11rem;
+}
+
+._1o9um0f6 {
+  padding: var(--vinyasa-space1) var(--vinyasa-space2);
+  border-top: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  background-color: var(--vinyasa-surface);
+  align-items: center;
+  display: flex;
+}
+
+._1o9um0f7 {
+  min-width: 0;
+  font-family: var(--vinyasa-font-family-mono);
+  font-size: var(--vinyasa-font-size-sm);
+  color: var(--vinyasa-on-secondary);
+  text-transform: uppercase;
+  background: none;
+  border: none;
+  outline: none;
+  flex: 1;
+  padding: 0;
+}
+
+._1o9um0f8 {
+  font-size: var(--vinyasa-font-size-xs);
+  color: var(--vinyasa-text-muted);
+  margin-bottom: var(--vinyasa-space1);
+}
+
+._1o9um0f9 {
+  gap: var(--vinyasa-space1);
+  flex-wrap: wrap;
+  display: flex;
+}
+
+._1o9um0fa {
+  border-radius: var(--vinyasa-radius-sm);
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  cursor: pointer;
+  width: 1.5rem;
+  height: 1.5rem;
+  transition: transform var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  flex-shrink: 0;
+  padding: 0;
+}
+
+._1o9um0fa:hover {
+  transform: scale(1.1);
+}
+
+._1o9um0fa:focus-visible {
+  border-color: var(--vinyasa-focus);
+  box-shadow: 0 0 0 1px var(--vinyasa-focus), 0 0 0 4px color-mix(in srgb, var(--vinyasa-focus) 16%, transparent);
+  outline: none;
+}
+

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

@@ -0,0 +1,2 @@
+export * from './components/color-picker/index';
+export { default } from './components/color-picker/index';

package/dist/esm/color-picker.js

@@ -0,0 +1,130 @@
+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 };

package/dist/esm/combobox.d.ts

@@ -0,0 +1,2 @@
+export * from './components/combobox/index';
+export { default } from './components/combobox/index';

package/dist/esm/combobox.js

@@ -0,0 +1,126 @@
+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 };

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

@@ -0,0 +1,21 @@
+import { type ReactNode } from 'react';
+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;
+    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;
+    displayName: string;
+};
+export default Autocomplete;

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

@@ -0,0 +1,3 @@
+import Autocomplete from './Autocomplete';
+export default Autocomplete;
+export type { AutocompleteProps } from './Autocomplete';

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

@@ -0,0 +1,2 @@
+export declare const root: string;
+export declare const indicator: string;

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

@@ -0,0 +1,7 @@
+import * as RadixCheckbox from '@radix-ui/react-checkbox';
+import { type ReactNode } from 'react';
+export interface CheckboxProps extends RadixCheckbox.CheckboxProps {
+    label?: ReactNode;
+}
+declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLButtonElement>>;
+export default Checkbox;

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

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

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

@@ -0,0 +1,11 @@
+export declare const trigger: string;
+export declare const triggerText: string;
+export declare const swatch: string;
+export declare const content: string;
+export declare const pickerCard: string;
+export declare const pickerWrapper: string;
+export declare const hexRow: string;
+export declare const hexInput: string;
+export declare const presetsLabel: string;
+export declare const presetsRow: string;
+export declare const presetSwatch: string;

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

@@ -0,0 +1,28 @@
+import { type ReactNode } from 'react';
+export interface ColorPickerProps {
+    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;
+    displayName: string;
+};
+export default ColorPicker;

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

@@ -0,0 +1,3 @@
+import ColorPicker from './ColorPicker';
+export default ColorPicker;
+export type { ColorPickerProps } from './ColorPicker';

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

@@ -0,0 +1,34 @@
+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;
+    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;
+    displayName: string;
+};
+export default Combobox;

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

@@ -0,0 +1,3 @@
+import Combobox from './Combobox';
+export default Combobox;
+export type { ComboboxOption, ComboboxProps } from './Combobox';

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

@@ -0,0 +1,18 @@
+export declare const content: string;
+export declare const trigger: string;
+export declare const triggerPlaceholder: string;
+export declare const triggerText: string;
+export declare const triggerIcon: string;
+export declare const root: string;
+export declare const months: string;
+export declare const month: string;
+export declare const monthCaption: string;
+export declare const nav: string;
+export declare const navButton: string;
+export declare const weekday: string;
+export declare const day: string;
+export declare const dayButton: string;
+export declare const today: string;
+export declare const outside: string;
+export declare const disabled: string;
+export declare const selected: string;

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

@@ -0,0 +1,29 @@
+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;
+    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;
+    displayName: string;
+};
+export default DatePicker;

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

@@ -0,0 +1,3 @@
+import DatePicker from './DatePicker';
+export default DatePicker;
+export type { DatePickerProps } from './DatePicker';

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

@@ -0,0 +1,4 @@
+export declare const area: string;
+export declare const areaActive: string;
+export declare const icon: string;
+export declare const hint: string;

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

@@ -0,0 +1,20 @@
+import { type ReactNode } from 'react';
+import { type Accept } from 'react-dropzone';
+export interface DropzoneProps {
+    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 Dropzone: {
+    ({ value, onValueChange, accept, maxFiles, maxSize, label, description, error, required, disabled, id: idProp, }: DropzoneProps): import("react").JSX.Element;
+    displayName: string;
+};
+export default Dropzone;

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

@@ -0,0 +1,3 @@
+import Dropzone from './Dropzone';
+export default Dropzone;
+export type { DropzoneProps } from './Dropzone';

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

@@ -0,0 +1,11 @@
+export declare const trigger: string;
+export declare const fileListWrapper: string;
+export declare const fileList: string;
+export declare const fileRow: string;
+export declare const fileName: string;
+export declare const fileNameIcon: string;
+export declare const fileNameText: string;
+export declare const fileMeta: string;
+export declare const fileSize: string;
+export declare const fileRemove: string;
+export declare const rejectionText: string;

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

@@ -0,0 +1,20 @@
+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;
+    displayName: string;
+};
+export default FileUpload;

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

@@ -0,0 +1,3 @@
+import FileUpload from './FileUpload';
+export default FileUpload;
+export type { FileUploadProps } from './FileUpload';

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

@@ -0,0 +1,8 @@
+import { type ButtonProps } from '@vinyasa/button';
+import { type ReactNode } from 'react';
+export interface IconButtonProps extends Omit<ButtonProps, 'children' | 'leadingIcon' | 'trailingIcon'> {
+    icon: ReactNode;
+    'aria-label': string;
+}
+declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export default IconButton;

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

@@ -0,0 +1,3 @@
+import IconButton from './IconButton';
+export default IconButton;
+export type { IconButtonProps } from './IconButton';

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

@@ -0,0 +1,11 @@
+import { type ComponentPropsWithoutRef, type ReactNode } 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;
+}
+declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+export default Input;

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

@@ -0,0 +1,3 @@
+import Input from './Input';
+export default Input;
+export type { InputProps, InputSize } from './Input';