@dimasbaguspm/versaur 0.0.48 → 0.0.49

package/dist/types/forms/checkbox-input/checkbox-input.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
 import { CheckboxInputProps } from './types';
-export declare const CheckboxInput: React.ForwardRefExoticComponent<CheckboxInputProps & React.RefAttributes<HTMLDivElement>> & {
+export declare const CheckboxInput: React.ForwardRefExoticComponent<CheckboxInputProps & React.RefAttributes<HTMLFieldSetElement>> & {
     Option: React.ForwardRefExoticComponent<import('./types').CheckboxOptionProps & React.RefAttributes<HTMLInputElement>>;
 };

package/dist/types/forms/checkbox-input/types.d.ts

@@ -1,21 +1,10 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
+import { FieldsetHTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';
 /**
  * Props for the CheckboxInput component
  */
-export interface CheckboxInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
+export interface CheckboxInputProps extends Omit<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'children'> {
     /**
-     * Visual style variant supporting Versaur color system
-     * Core variants: primary (coral), secondary (sage), tertiary (mist), ghost (slate), neutral (light gray)
-     * Semantic variants: success, info, warning, danger
-     * Each variant supports outline form for flexible design expression
-     */
-    variant?: 'primary' | 'primary-outline' | 'secondary' | 'secondary-outline' | 'tertiary' | 'tertiary-outline' | 'ghost' | 'ghost-outline' | 'neutral' | 'neutral-outline' | 'success' | 'success-outline' | 'info' | 'info-outline' | 'warning' | 'warning-outline' | 'danger' | 'danger-outline';
-    /**
-     * Size variant for the checkbox
-     */
-    size?: 'sm' | 'md' | 'lg';
-    /**
-     * Label text to display above the checkbox group
+     * Label text to display above the checkbox group (rendered as legend)
      */
     label?: ReactNode;
     /**
@@ -30,6 +19,14 @@ export interface CheckboxInputProps extends Omit<InputHTMLAttributes<HTMLInputEl
      * Direction of checkbox layout
      */
     direction?: 'horizontal' | 'vertical';
+    /**
+     * Whether the checkbox group is required
+     */
+    required?: boolean;
+    /**
+     * Children (CheckboxInput.Option components)
+     */
+    children: ReactNode;
 }
 /**
  * Props for the CheckboxInput.Option component

package/dist/types/forms/chip-multiple-input/chip-multiple-input.atoms.d.ts

@@ -5,6 +5,6 @@ import { ChipMultipleInputOptionProps } from './types';
  *
  * Individual chip option for ChipMultipleInput
  * Uses checkbox input pattern for multiple selection
- * Supports leading icon and animated tick/check
+ * Supports text truncation with maxWidth and icon-only mode
  */
-export declare const ChipMultipleOption: React.ForwardRefExoticComponent<ChipMultipleInputOptionProps & React.RefAttributes<HTMLInputElement>>;
+export declare const ChipMultipleInputOption: React.ForwardRefExoticComponent<ChipMultipleInputOptionProps & React.RefAttributes<HTMLInputElement>>;

package/dist/types/forms/chip-multiple-input/chip-multiple-input.d.ts

@@ -1,4 +1,4 @@
 import { ChipMultipleInputProps } from './types';
-export declare const ChipMultipleInput: import('react').ForwardRefExoticComponent<ChipMultipleInputProps & import('react').RefAttributes<HTMLDivElement>> & {
+export declare const ChipMultipleInput: import('react').ForwardRefExoticComponent<ChipMultipleInputProps & import('react').RefAttributes<HTMLFieldSetElement>> & {
     Option: import('react').ForwardRefExoticComponent<import('./types').ChipMultipleInputOptionProps & import('react').RefAttributes<HTMLInputElement>>;
 };

package/dist/types/forms/chip-multiple-input/types.d.ts

@@ -1,27 +1,20 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
+import { FieldsetHTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';
 /**
  * Props for the ChipMultipleInput component
  */
-export interface ChipMultipleInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'onChange' | 'value'> {
+export interface ChipMultipleInputProps extends Omit<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'onChange'> {
     /**
-     * The shape of the chip: 'circle' (default) or 'rounded'
-     */
-    shape?: 'circle' | 'rounded';
-    /**
-     * The size of the chip: 'sm' (default), 'md', or 'lg'
+     * The size of the chip: 'sm', 'md' (default), or 'lg'
      */
     size?: 'sm' | 'md' | 'lg';
     /**
-     * Visual style variant supporting Versaur color system
-     * Core variants: primary (coral), secondary (sage), tertiary (mist), ghost (slate), neutral (light gray)
-     * Semantic variants: success, info, warning, danger
-     * Each variant supports outline form for flexible design expression
+     * Label text to display above the chip group (rendered as legend)
      */
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost';
+    label?: ReactNode;
     /**
-     * Label text to display above the chip group
+     * Whether the field is required (displays asterisk in legend)
      */
-    label?: ReactNode;
+    required?: boolean;
     /**
      * Helper text to display below the chip group
      */
@@ -43,6 +36,14 @@ export interface ChipMultipleInputProps extends Omit<InputHTMLAttributes<HTMLInp
      * Callback when value changes
      */
     onChange?: (value: string[]) => void;
+    /**
+     * Whether the chip group is read-only
+     */
+    readOnly?: boolean;
+    /**
+     * Maximum width for individual chips (enables text truncation)
+     */
+    maxWidth?: string;
 }
 /**
  * Props for the ChipMultipleInput.Option component

package/dist/types/forms/chip-single-input/chip-single-input.atoms.d.ts

@@ -5,6 +5,6 @@ import { ChipSingleInputOptionProps } from './types';
  *
  * Individual chip option for ChipSingleInput
  * Uses radio input pattern for single selection
- * Supports leading icon and animated tick/check
+ * Supports text truncation with maxWidth and icon-only mode
  */
 export declare const ChipSingleInputOption: React.ForwardRefExoticComponent<ChipSingleInputOptionProps & React.RefAttributes<HTMLInputElement>>;

package/dist/types/forms/chip-single-input/chip-single-input.d.ts

@@ -1,4 +1,4 @@
 import { ChipSingleInputProps } from './types';
-export declare const ChipSingleInput: import('react').ForwardRefExoticComponent<ChipSingleInputProps & import('react').RefAttributes<HTMLDivElement>> & {
+export declare const ChipSingleInput: import('react').ForwardRefExoticComponent<ChipSingleInputProps & import('react').RefAttributes<HTMLFieldSetElement>> & {
     Option: import('react').ForwardRefExoticComponent<import('./types').ChipSingleInputOptionProps & import('react').RefAttributes<HTMLInputElement>>;
 };

package/dist/types/forms/chip-single-input/types.d.ts

@@ -1,27 +1,20 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
+import { FieldsetHTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';
 /**
  * Props for the ChipSingleInput component
  */
-export interface ChipSingleInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'onChange' | 'value'> {
+export interface ChipSingleInputProps extends Omit<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'onChange'> {
     /**
-     * The shape of the chip: 'circle' (default) or 'rounded'
-     */
-    shape?: 'circle' | 'rounded';
-    /**
-     * The size of the chip: 'sm' (default), 'md', or 'lg'
+     * The size of the chip: 'sm', 'md' (default), or 'lg'
      */
     size?: 'sm' | 'md' | 'lg';
     /**
-     * Visual style variant supporting Versaur color system
-     * Core variants: primary (coral), secondary (sage), tertiary (mist), ghost (slate), neutral (light gray)
-     * Semantic variants: success, info, warning, danger
-     * Each variant supports outline form for flexible design expression
+     * Label text to display above the chip group (rendered as legend)
      */
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost';
+    label?: ReactNode;
     /**
-     * Label text to display above the chip group
+     * Whether the field is required (displays asterisk in legend)
      */
-    label?: ReactNode;
+    required?: boolean;
     /**
      * Helper text to display below the chip group
      */
@@ -43,6 +36,14 @@ export interface ChipSingleInputProps extends Omit<InputHTMLAttributes<HTMLInput
      * Callback when value changes
      */
     onChange?: (value: string) => void;
+    /**
+     * Whether the chip group is read-only
+     */
+    readOnly?: boolean;
+    /**
+     * Maximum width for individual chips (enables text truncation)
+     */
+    maxWidth?: string;
 }
 /**
  * Props for the ChipSingleInput.Option component

package/dist/types/forms/date-single-picker-input/types.d.ts

@@ -18,4 +18,14 @@ export interface DateSinglePickerInputProps extends Omit<TextInputProps, 'type'
      * @returns formatted string for display
      */
     formatter?: (value: string) => string;
+    /**
+     * Minimum date allowed (ISO date string: YYYY-MM-DD)
+     * Uses native HTML validation
+     */
+    min?: string;
+    /**
+     * Maximum date allowed (ISO date string: YYYY-MM-DD)
+     * Uses native HTML validation
+     */
+    max?: string;
 }

package/dist/types/forms/index.d.ts

@@ -7,8 +7,6 @@ export * from './pin-field';
 export * from './price-input';
 export * from './radio-input';
 export * from './search-input';
-export * from './segment-single-input';
-export * from './segment-multiple-input';
 export * from './select-input';
 export * from './selectable-single-input';
 export * from './selectable-multiple-input';

package/dist/types/forms/pin-field/pin-field.d.ts

@@ -3,7 +3,7 @@ import { PinFieldProps } from './types';
 /**
  * PinField component for Versaur UI
  *
- * Provides a 6-digit PIN input field with automatic focus management
- * Ensures only numeric input and follows accessibility best practices
+ * A fully controlled PIN input field with configurable digit length
+ * Ensures only numeric input with automatic focus management
  */
 export declare const PinField: React.ForwardRefExoticComponent<PinFieldProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/forms/pin-field/types.d.ts

@@ -3,13 +3,6 @@ import { ReactNode } from 'react';
  * Props for the PinField component
  */
 export interface PinFieldProps {
-    /**
-     * Visual style variant supporting Versaur color system
-     * Core variants: primary (coral), secondary (sage), tertiary (mist), ghost (slate), neutral (light gray)
-     * Semantic variants: success, info, warning, danger
-     * Each variant supports outline form for flexible design expression
-     */
-    variant?: 'primary' | 'primary-outline' | 'secondary' | 'secondary-outline' | 'tertiary' | 'tertiary-outline' | 'ghost' | 'ghost-outline' | 'neutral' | 'neutral-outline' | 'success' | 'success-outline' | 'info' | 'info-outline' | 'warning' | 'warning-outline' | 'danger' | 'danger-outline';
     /**
      * Label text to display above the pin field
      */
@@ -27,45 +20,41 @@ export interface PinFieldProps {
      */
     disabled?: boolean;
     /**
-     * Current value of the pin field (6 digits)
+     * Current value of the pin field (controlled)
      */
-    value?: string;
-    /**
-     * Default value for uncontrolled usage
-     */
-    defaultValue?: string;
+    value: string;
     /**
      * Callback fired when the pin value changes
      */
-    onChange?: (value: string) => void;
+    onChange: (value: string) => void;
     /**
-     * Callback fired when the pin field is completed (all 6 digits entered)
+     * Callback fired when the pin field is completed (all digits entered)
      */
     onComplete?: (value: string) => void;
     /**
-     * Whether to automatically submit when complete
+     * Number of digits for the PIN (default: 6)
      */
-    autoSubmit?: boolean;
+    digits?: number;
     /**
-     * Custom className for styling
+     * Whether the pin field is required
      */
-    className?: string;
+    required?: boolean;
     /**
-     * ID for the pin field group
+     * Whether to show the pin values as dots for security
      */
-    id?: string;
+    secure?: boolean;
     /**
-     * Name attribute for form submission
+     * Additional CSS classes
      */
-    name?: string;
+    className?: string;
     /**
-     * Whether the pin field is required
+     * ID attribute for the field
      */
-    required?: boolean;
+    id?: string;
     /**
-     * Whether to show the pin values as dots/asterisks for security
+     * Name attribute for form submission
      */
-    secure?: boolean;
+    name?: string;
 }
 /**
  * Props for individual pin input
@@ -78,7 +67,6 @@ export interface PinInputProps {
     onPaste: (e: React.ClipboardEvent<HTMLInputElement>) => void;
     disabled?: boolean;
     error?: boolean;
-    variant: PinFieldProps['variant'];
     secure?: boolean;
     inputRef: (el: HTMLInputElement | null) => void;
     index: number;

package/dist/types/forms/select-input/index.d.ts

@@ -1,2 +1,2 @@
 export { SelectInput } from './select-input';
-export type { SelectInputProps } from './types';
+export type { SelectInputProps, SelectOptionProps, SelectOptionGroupProps, } from './types';

package/dist/types/forms/select-input/select-input.atoms.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { SelectOptionProps, SelectOptionGroupProps } from './types';
+/**
+ * SelectOption component - an atom for SelectInput
+ *
+ * Wraps native HTML option element with proper typing
+ * Part of the SelectInput compound pattern
+ */
+export declare const SelectOption: React.ForwardRefExoticComponent<SelectOptionProps & React.RefAttributes<HTMLOptionElement>>;
+/**
+ * SelectOptionGroup component - an atom for SelectInput
+ *
+ * Wraps native HTML optgroup element with proper typing
+ * Part of the SelectInput compound pattern
+ */
+export declare const SelectOptionGroup: React.ForwardRefExoticComponent<SelectOptionGroupProps & React.RefAttributes<HTMLOptGroupElement>>;

package/dist/types/forms/select-input/select-input.d.ts

@@ -1,9 +1,6 @@
 import { default as React } from 'react';
 import { SelectInputProps } from './types';
-/**
- * SelectInput component for Versaur UI
- *
- * Provides a styled select dropdown with semantic color, variant, error, and disabled support
- * Follows browser standards and accessibility best practices
- */
-export declare const SelectInput: React.ForwardRefExoticComponent<SelectInputProps & React.RefAttributes<HTMLSelectElement>>;
+export declare const SelectInput: React.ForwardRefExoticComponent<SelectInputProps & React.RefAttributes<HTMLSelectElement>> & {
+    Option: React.ForwardRefExoticComponent<import('./types').SelectOptionProps & React.RefAttributes<HTMLOptionElement>>;
+    OptionGroup: React.ForwardRefExoticComponent<import('./types').SelectOptionGroupProps & React.RefAttributes<HTMLOptGroupElement>>;
+};

package/dist/types/forms/select-input/types.d.ts

@@ -1,19 +1,12 @@
-import { SelectHTMLAttributes, ReactNode } from 'react';
+import { SelectHTMLAttributes, OptionHTMLAttributes, ReactNode } from 'react';
 /**
  * Props for the SelectInput component
  */
 export interface SelectInputProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
-    /**
-     * Visual style variant supporting Versaur color system
-     * Core variants: primary (coral), secondary (sage), tertiary (mist), ghost (slate), neutral (light gray)
-     * Semantic variants: success, info, warning, danger
-     * Each variant supports outline form for flexible design expression
-     */
-    variant?: 'primary' | 'primary-outline' | 'secondary' | 'secondary-outline' | 'tertiary' | 'tertiary-outline' | 'ghost' | 'ghost-outline' | 'neutral' | 'neutral-outline' | 'success' | 'success-outline' | 'info' | 'info-outline' | 'warning' | 'warning-outline' | 'danger' | 'danger-outline';
     /**
      * Label text to display above the select
      */
-    label: ReactNode;
+    label?: ReactNode;
     /**
      * Helper text to display below the select
      */
@@ -26,4 +19,34 @@ export interface SelectInputProps extends Omit<SelectHTMLAttributes<HTMLSelectEl
      * Placeholder text for when no option is selected
      */
     placeholder?: string;
+    /**
+     * Whether the select is read-only
+     */
+    readOnly?: boolean;
+}
+/**
+ * Props for the SelectOption component
+ */
+export interface SelectOptionProps extends OptionHTMLAttributes<HTMLOptionElement> {
+    /**
+     * Option value (required)
+     */
+    value: string;
+    /**
+     * Option label/content (required)
+     */
+    children: ReactNode;
+}
+/**
+ * Props for the SelectOptionGroup component
+ */
+export interface SelectOptionGroupProps extends React.OptgroupHTMLAttributes<HTMLOptGroupElement> {
+    /**
+     * Group label (required)
+     */
+    label: string;
+    /**
+     * Options within the group (required)
+     */
+    children: ReactNode;
 }

package/dist/types/forms/selectable-multiple-input/selectable-multiple-input.d.ts

@@ -1,6 +1,6 @@
 import { SelectableMultipleInputProps } from './types';
 /**
- * SelectableMultipleInput is a checkbox input with a custom label and checked icon
+ * SelectableMultipleInput is a checkbox input with custom content and optional checkbox indicator
  * @see https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/
  */
 export declare const SelectableMultipleInput: import('react').ForwardRefExoticComponent<SelectableMultipleInputProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/types/forms/selectable-multiple-input/types.d.ts

@@ -1,18 +1,35 @@
 import { ReactNode, InputHTMLAttributes } from 'react';
+/**
+ * Checkbox placement position
+ */
+type CheckboxPlacement = 'top' | 'center' | 'bottom';
 /**
  * Props for SelectableMultipleInput
  */
-export interface SelectableMultipleInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+export interface SelectableMultipleInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'children'> {
     /**
      * The value of the checkbox input
      */
     value: string;
     /**
-     * The label to display next to the checkbox input (can be any ReactNode)
+     * The content to display next to the checkbox input
+     * Can be a ReactNode or a function that receives the checked state
      */
-    label: ReactNode;
+    children: ReactNode | ((checked: boolean) => ReactNode);
     /**
      * Whether the input is checked (controlled)
      */
     checked: boolean;
+    /**
+     * The placement of the checkbox relative to the content
+     * @default 'center'
+     */
+    checkboxPlacement?: CheckboxPlacement;
+    /**
+     * Whether to hide the checkbox
+     * When true, only the content is displayed and the checked state is managed externally
+     * @default false
+     */
+    hideCheckbox?: boolean;
 }
+export {};

package/dist/types/forms/selectable-single-input/selectable-single-input.d.ts

@@ -1,6 +1,6 @@
 import { SelectableSingleInputProps } from './types';
 /**
- * SelectableSingleInput is a radio input with a custom label and checked icon
+ * SelectableSingleInput is a radio input with custom content and optional checkbox indicator
  * @see https://www.w3.org/WAI/ARIA/apg/patterns/radio/
  */
 export declare const SelectableSingleInput: import('react').ForwardRefExoticComponent<SelectableSingleInputProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/types/forms/selectable-single-input/types.d.ts

@@ -1,18 +1,35 @@
 import { ReactNode, InputHTMLAttributes } from 'react';
+/**
+ * Checkbox placement position
+ */
+type CheckboxPlacement = 'top' | 'center' | 'bottom';
 /**
  * Props for SelectableSingleInput
  */
-export interface SelectableSingleInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+export interface SelectableSingleInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'children'> {
     /**
      * The value of the radio input
      */
     value: string;
     /**
-     * The label to display next to the radio input (can be any ReactNode)
+     * The content to display next to the radio input
+     * Can be a ReactNode or a function that receives the checked state
      */
-    label: ReactNode;
+    children: ReactNode | ((checked: boolean) => ReactNode);
     /**
      * Whether the input is checked (controlled)
      */
     checked: boolean;
+    /**
+     * The placement of the checkbox relative to the content
+     * @default 'center'
+     */
+    checkboxPlacement?: CheckboxPlacement;
+    /**
+     * Whether to hide the checkbox
+     * When true, only the content is displayed and the checked state is managed externally
+     * @default false
+     */
+    hideCheckbox?: boolean;
 }
+export {};

package/dist/types/forms/switch-input/switch-input.atoms.d.ts

@@ -1,28 +1,27 @@
 import { default as React } from 'react';
-import { SwitchInputProps } from './types';
 /**
  * Track for SwitchInput
- * Renders the background track with color, size, and disabled state
+ * Renders the background track with disabled and checked state
  */
-export declare const SwitchTrack: React.FC<Pick<SwitchInputProps, 'color' | 'size' | 'disabled'> & {
-    className?: string;
+export declare const SwitchTrack: React.FC<{
+    disabled?: boolean;
     checked?: boolean;
+    className?: string;
 }>;
 /**
  * Thumb for SwitchInput
- * Renders the thumb with size and checked state
+ * Renders the thumb with checked state
  */
 export declare const SwitchThumb: React.FC<{
-    size?: 'sm' | 'md' | 'lg';
     checked?: boolean;
 }>;
 /**
  * Label for SwitchInput
- * Renders the label with placement and disabled state
+ * Renders the label inline with required asterisk support
  */
 export declare const SwitchLabel: React.FC<{
     label?: string;
     htmlFor?: string;
-    placement?: 'top' | 'inline';
     disabled?: boolean;
+    required?: boolean;
 }>;

package/dist/types/forms/switch-input/switch-input.d.ts

@@ -1,6 +1,10 @@
 import { default as React } from 'react';
 import { SwitchInputProps } from './types';
 /**
- * SwitchInput component for toggling boolean state
+ * SwitchInput component for Versaur UI
+ *
+ * A controlled switch input component for boolean toggles that aligns with native HTML input element
+ * Follows browser standards and accessibility best practices with proper ARIA attributes
+ * Always uses inline label placement for consistent layout
  */
 export declare const SwitchInput: React.ForwardRefExoticComponent<SwitchInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/types/forms/switch-input/types.d.ts

@@ -1,49 +1,26 @@
+import { InputHTMLAttributes } from 'react';
 /**
  * Props for SwitchInput component
  */
-export interface SwitchInputProps {
+export interface SwitchInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'onChange' | 'size'> {
     /**
-     * Controlled checked state
+     * Controlled value state (checked or unchecked)
      */
-    checked?: boolean;
+    value?: boolean;
     /**
-     * Uncontrolled default checked state
+     * Callback when value changes
      */
-    defaultChecked?: boolean;
+    onChange?: (value: boolean) => void;
     /**
-     * Callback when checked state changes
-     */
-    onCheckedChange?: (checked: boolean) => void;
-    /**
-     * Color variant (primary, secondary, etc.)
-     */
-    color?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'neutral' | 'success' | 'info' | 'warning' | 'danger';
-    /**
-     * Size variant
-     */
-    size?: 'sm' | 'md' | 'lg';
-    /**
-     * Label text
+     * Label text displayed inline with the switch
      */
     label?: string;
     /**
-     * Label placement: top (default) or inline
-     */
-    labelPlacement?: 'top' | 'inline';
-    /**
-     * Disabled state
-     */
-    disabled?: boolean;
-    /**
-     * Additional className for root
-     */
-    className?: string;
-    /**
-     * id for input (for accessibility)
+     * Whether the field is required
      */
-    id?: string;
+    required?: boolean;
     /**
-     * aria-label for accessibility
+     * aria-label for accessibility when no label is provided
      */
     ariaLabel?: string;
 }

package/dist/types/forms/text-input/text-input.d.ts

@@ -3,7 +3,7 @@ import { TextInputProps } from './types';
 /**
  * TextInput component for Versaur UI
  *
- * Provides a styled input field with semantic color, variant, error, and disabled support
- * Follows browser standards and accessibility best practices
+ * A simple, accessible text input that aligns with native HTML input element
+ * Follows browser standards and accessibility best practices with proper ARIA attributes
  */
 export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/types/forms/text-input/types.d.ts

@@ -3,13 +3,6 @@ import { InputHTMLAttributes, ReactNode } from 'react';
  * Props for the TextInput component
  */
 export interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    /**
-     * Visual style variant supporting Versaur color system
-     * Core variants: primary (coral), secondary (sage), tertiary (mist), ghost (slate), neutral (light gray)
-     * Semantic variants: success, info, warning, danger
-     * Each variant supports outline form for flexible design expression
-     */
-    variant?: 'primary' | 'primary-outline' | 'secondary' | 'secondary-outline' | 'tertiary' | 'tertiary-outline' | 'ghost' | 'ghost-outline' | 'neutral' | 'neutral-outline' | 'success' | 'success-outline' | 'info' | 'info-outline' | 'warning' | 'warning-outline' | 'danger' | 'danger-outline';
     /**
      * Label text to display above the input
      */