@versaur/react 1.0.15 → 1.0.16

package/dist/blocks.js

@@ -4,7 +4,7 @@ import { ChevronDownIcon as q, XIcon as J } from "@versaur/icons";
 import { createContext as F, forwardRef as n, useRef as G, useState as M, useEffect as E, useContext as H, useLayoutEffect as Tt, useId as K } from "react";
 import { u as f, I as Q, B as W } from "./helpers-D23F5WBX.js";
 import { c } from "./cx-B9vmfsc1.js";
-import { e as U, d as R, c as St, H as Bt, T as At } from "./tooltip-Cn7Ml9vw.js";
+import { e as U, d as R, c as St, H as Bt, T as At } from "./tooltip-60d7mYVa.js";
 import { checkboxStyles as k } from "@versaur/core/forms";
 import { a as Y } from "./drawer-BjNHPqBr.js";
 import { D as va } from "./drawer-BjNHPqBr.js";

package/dist/forms.d.ts

@@ -7,6 +7,7 @@ import { OptgroupHTMLAttributes } from 'react';
 import { OptionHTMLAttributes } from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
+import { SelectableInput as SelectableInput_2 } from '@versaur/core/forms';
 import { SelectHTMLAttributes } from 'react';
 import { TextareaHTMLAttributes } from 'react';
 
@@ -338,6 +339,85 @@ export declare interface ComboboxInputSelectionChipsProps extends HTMLAttributes
  */
 export declare type ComboboxInputVariant = "popup" | "drawer";
 
+/**
+ * CurrencyInput component
+ * Combined currency selector and amount input in a single bordered field
+ */
+export declare const CurrencyInput: ForwardRefExoticComponent<CurrencyInputProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface CurrencyInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "name" | "value" | "onChange"> {
+    /**
+     * Label text displayed above input
+     */
+    label?: string;
+    /**
+     * Helper text displayed below input
+     */
+    helper?: string;
+    /**
+     * Error message displayed below input (replaces helper)
+     */
+    error?: string;
+    /**
+     * Whether the input is required
+     */
+    required?: boolean;
+    /**
+     * Whether the input is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether the input is read-only
+     */
+    readOnly?: boolean;
+    /**
+     * Amount field
+     */
+    name?: string;
+    /**
+     * The amount value
+     */
+    amountValue?: string | number;
+    /**
+     * Callback when amount changes
+     */
+    onAmountChange?: (value: string) => void;
+    /**
+     * Currency field
+     */
+    currencyValue?: string;
+    /**
+     * Callback when currency changes
+     */
+    onCurrencyChange?: (code: string) => void;
+    /**
+     * List of available currency codes; defaults to all supported currencies via Intl.supportedValuesOf
+     */
+    currencies?: string[];
+    /**
+     * Name attribute for the currency select; defaults to `${name}-currency`
+     */
+    currencyName?: string;
+}
+
+export declare interface CurrencyOption {
+    code: string;
+    label: string;
+}
+
+/**
+ * EmailInput component
+ * A pre-configured TextInput with MailIcon and email type/inputMode
+ */
+export declare const EmailInput: ForwardRefExoticComponent<EmailInputProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface EmailInputProps extends Omit<TextInputProps, "type" | "inputMode"> {
+    /**
+     * Override the default mail icon
+     */
+    leftIcon?: TextInputProps["leftIcon"];
+}
+
 /**
  * ErrorText component for form field error messages
  * Internal primitive - not exported from main package
@@ -384,6 +464,19 @@ declare interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
     disabled?: boolean;
 }
 
+/**
+ * PasswordInput component
+ * A pre-configured TextInput with LockIcon and password type
+ */
+export declare const PasswordInput: ForwardRefExoticComponent<PasswordInputProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface PasswordInputProps extends Omit<TextInputProps, "type"> {
+    /**
+     * Override the default lock icon
+     */
+    leftIcon?: TextInputProps["leftIcon"];
+}
+
 /**
  * Radio - Native radio input with custom styling
  *
@@ -470,8 +563,107 @@ export declare interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputEl
     children?: ReactNode;
 }
 
+/**
+ * SearchInput component
+ * A pre-configured TextInput with SearchIcon and search inputMode
+ */
+export declare const SearchInput: ForwardRefExoticComponent<SearchInputProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface SearchInputProps extends Omit<TextInputProps, "type" | "inputMode"> {
+    /**
+     * Override the default search icon
+     */
+    leftIcon?: TextInputProps["leftIcon"];
+}
+
 export declare const Select: SelectComponent;
 
+/**
+ * SelectableInput compound component with Option subcomponent
+ */
+export declare const SelectableInput: ForwardRefExoticComponent<SelectableInputRootProps & RefAttributes<HTMLDivElement>> & {
+    Option: ForwardRefExoticComponent<SelectableInputOptionProps & RefAttributes<HTMLLabelElement>>;
+};
+
+/**
+ * Base props shared by both single and multiple SelectableInput
+ */
+declare interface SelectableInputBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /**
+     * Name attribute for the input group
+     */
+    name?: string;
+    /**
+     * Disabled state for all options
+     */
+    disabled?: boolean;
+    /**
+     * Checkbox placement within each option
+     * @default "top"
+     */
+    placement?: SelectableInput_2.Placement;
+}
+
+/**
+ * Props for multiple-selection mode (multiple={true})
+ */
+declare interface SelectableInputMultipleProps extends SelectableInputBaseProps {
+    /**
+     * Enable multiple selection
+     */
+    multiple: true;
+    /**
+     * Array of selected option values
+     */
+    value: string[];
+    /**
+     * Change handler for array value
+     */
+    onChange: (value: string[]) => void;
+}
+
+/**
+ * Props for SelectableInput.Option subcomponent
+ */
+export declare interface SelectableInputOptionProps extends Omit<LabelHTMLAttributes<HTMLLabelElement>, "onChange"> {
+    /**
+     * Option value
+     */
+    value: string;
+    /**
+     * Option content (children) - accepts any ReactNode (text, Card, etc.)
+     */
+    children?: ReactNode;
+    /**
+     * Disabled state for this specific option
+     */
+    disabled?: boolean;
+}
+
+/**
+ * Discriminated union type for SelectableInput root props
+ * Use multiple={false} (or omit it) for single selection, multiple={true} for multiple
+ */
+export declare type SelectableInputRootProps = SelectableInputSingleProps | SelectableInputMultipleProps;
+
+/**
+ * Props for single-selection mode (multiple={false} or omitted)
+ */
+declare interface SelectableInputSingleProps extends SelectableInputBaseProps {
+    /**
+     * Disable multiple selection (default)
+     */
+    multiple?: false;
+    /**
+     * Selected option value
+     */
+    value: string | undefined;
+    /**
+     * Change handler for single value
+     */
+    onChange: (value: string) => void;
+}
+
 declare interface SelectComponent extends ForwardRefExoticComponent<SelectProps & RefAttributes<HTMLSelectElement>> {
     Option: typeof SelectOption;
     OptionGroup: typeof SelectOptionGroup;