@dimasbaguspm/versaur 0.0.15 → 0.0.17

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { ChipMultipleInputOptionProps } from './types';
+/**
+ * ChipMultipleInput.Option atom component
+ *
+ * Individual chip option for ChipMultipleInput
+ * Uses checkbox input pattern for multiple selection
+ * Supports leading icon and animated tick/check
+ */
+export declare const ChipMultipleOption: React.ForwardRefExoticComponent<ChipMultipleInputOptionProps & React.RefAttributes<HTMLInputElement>>;

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

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

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

@@ -0,0 +1,2 @@
+export { ChipMultipleInput } from './chip-multiple-input';
+export type { ChipMultipleInputProps, ChipMultipleInputOptionProps, } from './types';

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

@@ -1,8 +1,8 @@
 import { InputHTMLAttributes, ReactNode } from 'react';
 /**
- * Props for the ChipInput component
+ * Props for the ChipMultipleInput component
  */
-export interface ChipInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'onChange' | 'value'> {
+export interface ChipMultipleInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'onChange' | 'value'> {
     /**
      * The shape of the chip: 'circle' (default) or 'rounded'
      */
@@ -45,9 +45,9 @@ export interface ChipInputProps extends Omit<InputHTMLAttributes<HTMLInputElemen
     onChange?: (value: string[]) => void;
 }
 /**
- * Props for the ChipInput.Option component
+ * Props for the ChipMultipleInput.Option component
  */
-export interface ChipInputOptionProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'name'> {
+export interface ChipMultipleInputOptionProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'name'> {
     /**
      * The option label content
      */
@@ -64,4 +64,16 @@ export interface ChipInputOptionProps extends Omit<InputHTMLAttributes<HTMLInput
      * Show the default check icon if true (default: false). If both check and defaultCheck are provided, check takes precedence
      */
     defaultCheck?: boolean;
+    /**
+     * Disabled state for this option
+     */
+    disabled?: boolean;
+    /**
+     * Optional id for the input
+     */
+    id?: string;
+    /**
+     * Additional className for styling
+     */
+    className?: string;
 }

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { ChipSingleInputOptionProps } from './types';
+/**
+ * ChipSingleInput.Option atom component
+ *
+ * Individual chip option for ChipSingleInput
+ * Uses radio input pattern for single selection
+ * Supports leading icon and animated tick/check
+ */
+export declare const ChipSingleInputOption: React.ForwardRefExoticComponent<ChipSingleInputOptionProps & React.RefAttributes<HTMLInputElement>>;

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

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

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,67 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+/**
+ * Props for the ChipSingleInput component
+ */
+export interface ChipSingleInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'onChange' | 'value'> {
+    /**
+     * The shape of the chip: 'circle' (default) or 'rounded'
+     */
+    shape?: 'circle' | 'rounded';
+    /**
+     * The size of the chip: 'sm' (default), 'md', 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
+     */
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'neutral' | 'success' | 'info' | 'warning' | 'danger';
+    /**
+     * Label text to display above the chip group
+     */
+    label?: ReactNode;
+    /**
+     * Helper text to display below the chip group
+     */
+    helperText?: ReactNode;
+    /**
+     * Error message for invalid state
+     */
+    error?: ReactNode;
+    /**
+     * The name attribute for the radio group - required for radio functionality
+     */
+    name: string;
+    /**
+     * Current selected value (controlled component)
+     * String representing selected option value
+     */
+    value?: string;
+    /**
+     * Callback when value changes
+     */
+    onChange?: (value: string) => void;
+}
+/**
+ * Props for the ChipSingleInput.Option component
+ */
+export interface ChipSingleInputOptionProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'name'> {
+    /**
+     * The option label content
+     */
+    children: ReactNode;
+    /**
+     * The value for this chip option
+     */
+    value: string;
+    /**
+     * Custom check icon or element. If not provided, no check is rendered unless defaultCheck is true
+     */
+    check?: React.ReactNode;
+    /**
+     * Show the default check icon if true (default: false). If both check and defaultCheck are provided, check takes precedence
+     */
+    defaultCheck?: boolean;
+}

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

@@ -1,10 +1,3 @@
 import { default as React } from 'react';
 import { DateSinglePickerInputProps } from './types';
-/**
- * DateSinglePickerInput component for Versaur UI
- *
- * Styled like TextInput, but acts as a button to pick a single date
- * Clicking opens a docked Calendar below the input
- * Strictly typed, accessible, and visually consistent with TextInput
- */
-export declare const DateSinglePickerInput: React.ForwardRefExoticComponent<DateSinglePickerInputProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DateSinglePickerInput: React.ForwardRefExoticComponent<DateSinglePickerInputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,2 +1,2 @@
 export { DateSinglePickerInput } from './date-single-picker-input';
-export type * from './types';
+export * from './types';

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

@@ -1,75 +1,21 @@
-import { ReactNode } from 'react';
+import { TextInputProps } from '../text-input/types';
 /**
- * Props for the DateSinglePickerInput component
+ * Props for DateSinglePickerInput
+ * Extends TextInputProps, but restricts type to 'date' and value to string
  */
-/**
- * Props for the DateSinglePickerInput component
- */
-export interface DateSinglePickerInputProps {
-    /**
-     * Picker display type: 'docked' (default) or 'modal'.
-     * 'docked' shows calendar below input, 'modal' opens a modal at top.
-     */
-    type?: 'docked' | 'modal';
-    /**
-     * The selected date value
-     */
-    value?: Date;
-    /**
-     * Callback when a date is selected
-     */
-    onChange?: (date: Date) => void;
-    /**
-     * Label text to display above the input
-     */
-    label?: ReactNode;
-    /**
-     * Optional content to display inside the input (left)
-     */
-    leftContent?: ReactNode;
-    /**
-     * Optional content to display inside the input (right)
-     */
-    rightContent?: ReactNode;
-    /**
-     * Helper text to display below the input
-     */
-    helperText?: ReactNode;
-    /**
-     * Error message for invalid state
-     */
-    error?: ReactNode;
-    /**
-     * Visual style variant supporting Versaur color system
-     */
-    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';
+export interface DateSinglePickerInputProps extends Omit<TextInputProps, 'type' | 'value' | 'onChange'> {
     /**
-     * Disabled state
+     * The value of the input (ISO date string: YYYY-MM-DD)
      */
-    disabled?: boolean;
+    value: string;
     /**
-     * Placeholder text when no date is selected
+     * Called when the value changes
      */
-    placeholder?: ReactNode;
+    onChange: (value: string) => void;
     /**
-     * Optional id for the input element
+     * Optional custom formatter for displaying the date value
+     * @param value ISO date string
+     * @returns formatted string for display
      */
-    id?: string;
-    /**
-     * Optional custom date formatter. If not provided, uses default format.
-     * @param date Date to format
-     * @returns Formatted date string
-     */
-    formatDate?: (date?: Date) => string;
-}
-/**
- * Atoms for DateSinglePickerInput modal type
- */
-export interface DateSinglePickerModalContentProps {
-    children: ReactNode;
-}
-export interface DateSinglePickerModalFooterProps {
-    onCancel: () => void;
-    onConfirm: () => void;
-    confirmDisabled?: boolean;
+    formatter?: (value: string) => string;
 }

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

@@ -0,0 +1,8 @@
+import { EmailInputProps } from './types';
+/**
+ * EmailInput component for Versaur UI
+ *
+ * A wrapper around TextInput that enforces type="email" and follows HTML input standards
+ * Supports all TextInput props except type, which is always "email"
+ */
+export declare const EmailInput: import('react').ForwardRefExoticComponent<EmailInputProps & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,2 @@
+export { EmailInput } from './email-input';
+export type { EmailInputProps } from './types';

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

@@ -0,0 +1,6 @@
+import { TextInputProps } from '../text-input/types';
+/**
+ * Props for the EmailInput component
+ * Extends TextInputProps and enforces type="email" for HTML input standards
+ */
+export type EmailInputProps = Omit<TextInputProps, 'type'>;

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

@@ -1,12 +1,16 @@
 export * from './calculator-input';
 export * from './checkbox-input';
-export * from './chip-input';
+export * from './chip-single-input';
+export * from './chip-multiple-input';
 export * from './date-single-picker-input';
 export * from './radio-input';
 export * from './segment-single-input';
 export * from './segment-multiple-input';
+export * from './search-input';
 export * from './select-input';
 export * from './text-input';
 export * from './textarea-input';
 export * from './time-picker-input';
 export * from './switch-input';
+export * from './price-input';
+export * from './email-input';

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

@@ -0,0 +1,2 @@
+export * from './price-input';
+export type { PriceInputProps } from './types';

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { PriceInputProps } from './types';
+/**
+ * PriceInput is a styled input for IDR currency, handling comma formatting and standard input attributes
+ */
+export declare const PriceInput: FC<PriceInputProps>;

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

@@ -0,0 +1,15 @@
+import { InputHTMLAttributes } from 'react';
+import { TextInputProps } from '../text-input/types';
+/**
+ * Props for PriceInput component
+ * @property value - The price value as a string (raw, unformatted)
+ * @property onChange - Called when the value changes (returns raw string)
+ * @property allowNegative - Optional: allow negative values (default: false)
+ * @property inputProps - Optional: custom input attributes
+ */
+export interface PriceInputProps extends Omit<TextInputProps, 'type' | 'value' | 'onChange'> {
+    value: string;
+    onChange: (value: string) => void;
+    allowNegative?: boolean;
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+}

package/dist/types/forms/price-input/use-price-input.d.ts

@@ -0,0 +1,6 @@
+/**
+ * usePriceInputSync synchronizes the local input value with the parent value
+ * @param value - The parent value (string or number)
+ * @param setRawValue - Setter for local raw value
+ */
+export declare function usePriceInputSync(value: string | number, setRawValue: (val: string) => void): void;

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

@@ -0,0 +1,2 @@
+export { SearchInput } from './search-input';
+export type { SearchInputProps } from './types';

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

@@ -0,0 +1,8 @@
+import { SearchInputProps } from './types';
+/**
+ * SearchInput component for Versaur UI
+ *
+ * A styled input field for search, extending TextInput and enforcing HTML search input standards
+ * Follows browser standards and accessibility best practices
+ */
+export declare const SearchInput: import('react').ForwardRefExoticComponent<SearchInputProps & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,35 @@
+import { TextInputProps } from '../text-input/types';
+/**
+ * Props for the SearchInput component
+ * Extends TextInputProps and enforces type='search' with proper HTML search attributes
+ */
+export interface SearchInputProps extends Omit<TextInputProps, 'type'> {
+    /**
+     * The value of the input
+     */
+    value?: string;
+    /**
+     * Callback when the value changes
+     */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    /**
+     * Placeholder text for the search input
+     */
+    placeholder?: string;
+    /**
+     * Whether the input is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether to show the clear button (native search input feature)
+     */
+    allowClear?: boolean;
+    /**
+     * Autocomplete behavior for the search input
+     */
+    autoComplete?: string;
+    /**
+     * Spellcheck for the search input
+     */
+    spellCheck?: boolean;
+}

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

@@ -9,15 +9,11 @@ export interface SegmentMultipleInputProps extends Omit<InputHTMLAttributes<HTML
      * 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';
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'neutral' | 'success' | 'info' | 'warning' | 'danger';
     /**
      * Size variant for the segment inputs
      */
     size?: 'sm' | 'md' | 'lg';
-    /**
-     * If true, options will fill the parent width equally
-     */
-    fullWidth?: boolean;
     /**
      * Label text to display above the segment group
      */

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

@@ -9,15 +9,11 @@ export interface SegmentSingleInputProps extends Omit<InputHTMLAttributes<HTMLIn
      * 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';
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'neutral' | 'success' | 'info' | 'warning' | 'danger';
     /**
      * Size variant for the segment inputs
      */
     size?: 'sm' | 'md' | 'lg';
-    /**
-     * If true, the segment group and its options will fill the parent width
-     */
-    fullWidth?: boolean;
     /**
      * Label text to display above the segment group
      */

package/dist/types/overlays/modal/types.d.ts

@@ -2,7 +2,7 @@ import { HTMLAttributes } from 'react';
 /**
  * Modal component prop types
  */
-export type ModalSize = 'sm' | 'md' | 'lg';
+export type ModalSize = 'sm' | 'md' | 'lg' | 'fit-content';
 export type ModalPlacement = 'top' | 'center';
 /**
  * Modal compound root

package/dist/types/primitive/anchor/types.d.ts

@@ -10,10 +10,16 @@ export interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     color?: 'primary' | 'secondary' | 'ghost' | 'danger' | 'neutral';
     /**
      * Font size utility (default: 'base')
+     * See: https://tailwindcss.com/docs/font-size
      */
-    fontSize?: string;
+    fontSize?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl' | 'inherit' | undefined;
     /**
      * Font weight utility (default: 'medium')
+     * See: https://tailwindcss.com/docs/font-weight
      */
-    fontWeight?: string;
+    fontWeight?: 'thin' | 'extralight' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black' | 'inherit' | undefined;
+    /**
+     * If true, removes underline style from anchor
+     */
+    quiet?: boolean;
 }

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

@@ -1,4 +1,5 @@
 export * from './alert';
+export * from './anchor';
 export * from './avatar';
 export * from './badge';
 export * from './brand';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dimasbaguspm/versaur",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "description": "React UI library with Tailwind CSS",
   "author": "Dimas Bagus Prayogo Mukti<dimas.bagus.pm@gmail.com>",
   "license": "MIT",