@bricks-toolkit/toolkit 0.1.11 → 0.1.12

package/dist/multi-select/index.d.mts

@@ -1,59 +0,0 @@
-type MultiSelectVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
-type MultiSelectSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type MultiSelectState = 'default' | 'error' | 'success' | 'warning';
-interface MultiSelectOption {
-    label: string;
-    value: string;
-}
-interface MultiSelectProps {
-    /** Array of available options */
-    options: MultiSelectOption[];
-    /** Array of currently selected values */
-    value?: string[];
-    /** Array of initially selected values (for uncontrolled usage) */
-    defaultValue?: string[];
-    /** Callback fired when selection changes */
-    onChange?: (values: string[]) => void;
-    /** Placeholder text when nothing is selected */
-    placeholder?: string;
-    /** Text label rendered above the input */
-    label?: string;
-    /** Adds a required asterisk */
-    required?: boolean;
-    /** Helper text rendered below the input */
-    helperText?: string;
-    /** Error message rendered below the input when state is 'error' */
-    errorMessage?: string;
-    /** Success message rendered below the input when state is 'success' */
-    successMessage?: string;
-    /** Warning message rendered below the input when state is 'warning' */
-    warningMessage?: string;
-    /** Visual variant of the input trigger */
-    variant?: MultiSelectVariant;
-    /** Overall size scale of the component */
-    size?: MultiSelectSize;
-    /** Validation state affecting border colors */
-    state?: MultiSelectState;
-    /** Whether the component should take full width of its container */
-    fullWidth?: boolean;
-    /** Disables interactions */
-    disabled?: boolean;
-    /** Shows a loading state (e.g., fetching options) */
-    isLoading?: boolean;
-    /** Custom ID for the component elements */
-    id?: string;
-    /** Appended to the outermost wrapper */
-    wrapperClassName?: string;
-    /** Appended to the trigger button */
-    triggerClassName?: string;
-    /** Appended to the dropdown menu container */
-    dropdownClassName?: string;
-    /** Appended to the label element */
-    labelClassName?: string;
-    /** Appended to the helper text element */
-    helperClassName?: string;
-}
-
-declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLButtonElement>>;
-
-export { MultiSelect, type MultiSelectProps, type MultiSelectSize, type MultiSelectState, type MultiSelectVariant };

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

@@ -1,59 +0,0 @@
-type MultiSelectVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
-type MultiSelectSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type MultiSelectState = 'default' | 'error' | 'success' | 'warning';
-interface MultiSelectOption {
-    label: string;
-    value: string;
-}
-interface MultiSelectProps {
-    /** Array of available options */
-    options: MultiSelectOption[];
-    /** Array of currently selected values */
-    value?: string[];
-    /** Array of initially selected values (for uncontrolled usage) */
-    defaultValue?: string[];
-    /** Callback fired when selection changes */
-    onChange?: (values: string[]) => void;
-    /** Placeholder text when nothing is selected */
-    placeholder?: string;
-    /** Text label rendered above the input */
-    label?: string;
-    /** Adds a required asterisk */
-    required?: boolean;
-    /** Helper text rendered below the input */
-    helperText?: string;
-    /** Error message rendered below the input when state is 'error' */
-    errorMessage?: string;
-    /** Success message rendered below the input when state is 'success' */
-    successMessage?: string;
-    /** Warning message rendered below the input when state is 'warning' */
-    warningMessage?: string;
-    /** Visual variant of the input trigger */
-    variant?: MultiSelectVariant;
-    /** Overall size scale of the component */
-    size?: MultiSelectSize;
-    /** Validation state affecting border colors */
-    state?: MultiSelectState;
-    /** Whether the component should take full width of its container */
-    fullWidth?: boolean;
-    /** Disables interactions */
-    disabled?: boolean;
-    /** Shows a loading state (e.g., fetching options) */
-    isLoading?: boolean;
-    /** Custom ID for the component elements */
-    id?: string;
-    /** Appended to the outermost wrapper */
-    wrapperClassName?: string;
-    /** Appended to the trigger button */
-    triggerClassName?: string;
-    /** Appended to the dropdown menu container */
-    dropdownClassName?: string;
-    /** Appended to the label element */
-    labelClassName?: string;
-    /** Appended to the helper text element */
-    helperClassName?: string;
-}
-
-declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLButtonElement>>;
-
-export { MultiSelect, type MultiSelectProps, type MultiSelectSize, type MultiSelectState, type MultiSelectVariant };

package/dist/otp-input/index.d.mts

@@ -1,57 +0,0 @@
-type OtpVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
-type OtpSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type OtpState = 'default' | 'error' | 'success' | 'warning';
-interface OtpInputProps {
-    /** The total number of input boxes (defaults to 4 or 6 depending on your preference, normally 4 or 6. We default to 4). */
-    length?: number;
-    /** The current value of the OTP input. */
-    value?: string;
-    /** Fired when the value changes. */
-    onChange?: (value: string) => void;
-    /** Fired when all the input boxes are filled. */
-    onComplete?: (value: string) => void;
-    /** Optional label text shown above the inputs. */
-    label?: string;
-    /** Whether the field is explicitly required. */
-    required?: boolean;
-    /** Helper text displayed below the inputs. */
-    helperText?: string;
-    /** Error message displayed when state is 'error'. */
-    errorMessage?: string;
-    /** Success message displayed when state is 'success'. */
-    successMessage?: string;
-    /** Warning message displayed when state is 'warning'. */
-    warningMessage?: string;
-    /** The visual style variant of the input boxes. */
-    variant?: OtpVariant;
-    /** The size of each input box. */
-    size?: OtpSize;
-    /** The interaction state of the component. */
-    state?: OtpState;
-    /** Custom classname applied to the root wrapper. */
-    className?: string;
-    /** Alias for className to match other components. */
-    wrapperClassName?: string;
-    /** Custom classname applied to the inputs wrapper flex container. */
-    inputGroupClassName?: string;
-    /** Custom classname applied to each individual input box. */
-    inputClassName?: string;
-    /** Custom classname applied to the label. */
-    labelClassName?: string;
-    /** Custom classname applied to the helper/state messages. */
-    helperClassName?: string;
-    /** Explicit accessibility ID. Generated automatically if omitted. */
-    id?: string;
-    /** Whether the component is completely disabled. */
-    disabled?: boolean;
-    /** Whether to show a loading state indicator. */
-    isLoading?: boolean;
-    /** Only mask inputs with generic dots like a password if truthy. */
-    mask?: boolean;
-    /** Allow alphanumeric? Defaults to numeric-only if false or omitted. */
-    alphanumeric?: boolean;
-}
-
-declare const OtpInput: React.ForwardRefExoticComponent<OtpInputProps & React.RefAttributes<HTMLDivElement>>;
-
-export { OtpInput, type OtpInputProps, type OtpSize, type OtpState, type OtpVariant };

package/dist/otp-input/index.d.ts

@@ -1,57 +0,0 @@
-type OtpVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
-type OtpSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type OtpState = 'default' | 'error' | 'success' | 'warning';
-interface OtpInputProps {
-    /** The total number of input boxes (defaults to 4 or 6 depending on your preference, normally 4 or 6. We default to 4). */
-    length?: number;
-    /** The current value of the OTP input. */
-    value?: string;
-    /** Fired when the value changes. */
-    onChange?: (value: string) => void;
-    /** Fired when all the input boxes are filled. */
-    onComplete?: (value: string) => void;
-    /** Optional label text shown above the inputs. */
-    label?: string;
-    /** Whether the field is explicitly required. */
-    required?: boolean;
-    /** Helper text displayed below the inputs. */
-    helperText?: string;
-    /** Error message displayed when state is 'error'. */
-    errorMessage?: string;
-    /** Success message displayed when state is 'success'. */
-    successMessage?: string;
-    /** Warning message displayed when state is 'warning'. */
-    warningMessage?: string;
-    /** The visual style variant of the input boxes. */
-    variant?: OtpVariant;
-    /** The size of each input box. */
-    size?: OtpSize;
-    /** The interaction state of the component. */
-    state?: OtpState;
-    /** Custom classname applied to the root wrapper. */
-    className?: string;
-    /** Alias for className to match other components. */
-    wrapperClassName?: string;
-    /** Custom classname applied to the inputs wrapper flex container. */
-    inputGroupClassName?: string;
-    /** Custom classname applied to each individual input box. */
-    inputClassName?: string;
-    /** Custom classname applied to the label. */
-    labelClassName?: string;
-    /** Custom classname applied to the helper/state messages. */
-    helperClassName?: string;
-    /** Explicit accessibility ID. Generated automatically if omitted. */
-    id?: string;
-    /** Whether the component is completely disabled. */
-    disabled?: boolean;
-    /** Whether to show a loading state indicator. */
-    isLoading?: boolean;
-    /** Only mask inputs with generic dots like a password if truthy. */
-    mask?: boolean;
-    /** Allow alphanumeric? Defaults to numeric-only if false or omitted. */
-    alphanumeric?: boolean;
-}
-
-declare const OtpInput: React.ForwardRefExoticComponent<OtpInputProps & React.RefAttributes<HTMLDivElement>>;
-
-export { OtpInput, type OtpInputProps, type OtpSize, type OtpState, type OtpVariant };

package/dist/password-input/index.d.mts

@@ -1,32 +0,0 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
-
-type PasswordInputVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
-type PasswordInputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type PasswordInputState = 'default' | 'error' | 'success' | 'warning';
-interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
-    label?: string;
-    required?: boolean;
-    helperText?: string;
-    errorMessage?: string;
-    successMessage?: string;
-    warningMessage?: string;
-    variant?: PasswordInputVariant;
-    size?: PasswordInputSize;
-    state?: PasswordInputState;
-    fullWidth?: boolean;
-    leftElement?: ReactNode;
-    rightElement?: ReactNode;
-    prefix?: ReactNode;
-    suffix?: ReactNode;
-    wrapperClassName?: string;
-    inputGroupClassName?: string;
-    inputClassName?: string;
-    labelClassName?: string;
-    helperClassName?: string;
-    isLoading?: boolean;
-    showPasswordToggle?: boolean;
-}
-
-declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<HTMLInputElement>>;
-
-export { PasswordInput, type PasswordInputProps, type PasswordInputSize, type PasswordInputState, type PasswordInputVariant };

package/dist/password-input/index.d.ts

@@ -1,32 +0,0 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
-
-type PasswordInputVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
-type PasswordInputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type PasswordInputState = 'default' | 'error' | 'success' | 'warning';
-interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
-    label?: string;
-    required?: boolean;
-    helperText?: string;
-    errorMessage?: string;
-    successMessage?: string;
-    warningMessage?: string;
-    variant?: PasswordInputVariant;
-    size?: PasswordInputSize;
-    state?: PasswordInputState;
-    fullWidth?: boolean;
-    leftElement?: ReactNode;
-    rightElement?: ReactNode;
-    prefix?: ReactNode;
-    suffix?: ReactNode;
-    wrapperClassName?: string;
-    inputGroupClassName?: string;
-    inputClassName?: string;
-    labelClassName?: string;
-    helperClassName?: string;
-    isLoading?: boolean;
-    showPasswordToggle?: boolean;
-}
-
-declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<HTMLInputElement>>;
-
-export { PasswordInput, type PasswordInputProps, type PasswordInputSize, type PasswordInputState, type PasswordInputVariant };

package/dist/phone/index.d.mts

@@ -1,41 +0,0 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
-
-type PhoneVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
-type PhoneSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type PhoneState = 'default' | 'error' | 'success' | 'warning';
-interface PhoneValue {
-    countryCode: string;
-    phoneNumber: string;
-}
-interface PhoneProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type' | 'value' | 'defaultValue' | 'onChange'> {
-    value?: PhoneValue;
-    defaultValue?: PhoneValue;
-    onChange?: (value: PhoneValue) => void;
-    showFlag?: boolean;
-    defaultCountryCode?: string;
-    label?: string;
-    required?: boolean;
-    helperText?: string;
-    errorMessage?: string;
-    successMessage?: string;
-    warningMessage?: string;
-    variant?: PhoneVariant;
-    size?: PhoneSize;
-    state?: PhoneState;
-    fullWidth?: boolean;
-    leftElement?: ReactNode;
-    rightElement?: ReactNode;
-    prefix?: ReactNode;
-    suffix?: ReactNode;
-    wrapperClassName?: string;
-    inputGroupClassName?: string;
-    inputClassName?: string;
-    labelClassName?: string;
-    helperClassName?: string;
-    clearable?: boolean;
-    isLoading?: boolean;
-}
-
-declare const Phone: React.ForwardRefExoticComponent<PhoneProps & React.RefAttributes<HTMLInputElement>>;
-
-export { Phone, type PhoneProps, type PhoneSize, type PhoneState, type PhoneValue, type PhoneVariant };

package/dist/phone/index.d.ts

@@ -1,41 +0,0 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
-
-type PhoneVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
-type PhoneSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type PhoneState = 'default' | 'error' | 'success' | 'warning';
-interface PhoneValue {
-    countryCode: string;
-    phoneNumber: string;
-}
-interface PhoneProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type' | 'value' | 'defaultValue' | 'onChange'> {
-    value?: PhoneValue;
-    defaultValue?: PhoneValue;
-    onChange?: (value: PhoneValue) => void;
-    showFlag?: boolean;
-    defaultCountryCode?: string;
-    label?: string;
-    required?: boolean;
-    helperText?: string;
-    errorMessage?: string;
-    successMessage?: string;
-    warningMessage?: string;
-    variant?: PhoneVariant;
-    size?: PhoneSize;
-    state?: PhoneState;
-    fullWidth?: boolean;
-    leftElement?: ReactNode;
-    rightElement?: ReactNode;
-    prefix?: ReactNode;
-    suffix?: ReactNode;
-    wrapperClassName?: string;
-    inputGroupClassName?: string;
-    inputClassName?: string;
-    labelClassName?: string;
-    helperClassName?: string;
-    clearable?: boolean;
-    isLoading?: boolean;
-}
-
-declare const Phone: React.ForwardRefExoticComponent<PhoneProps & React.RefAttributes<HTMLInputElement>>;
-
-export { Phone, type PhoneProps, type PhoneSize, type PhoneState, type PhoneValue, type PhoneVariant };

package/dist/radio-button/index.d.mts

@@ -1,56 +0,0 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
-
-type RadioButtonSize = 'sm' | 'md' | 'lg';
-type RadioButtonState = 'default' | 'error' | 'success' | 'warning';
-interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
-    /**
-     * Optional label displayed next to the radio button.
-     */
-    label?: ReactNode;
-    /**
-     * Helper text displayed below the radio button.
-     */
-    helperText?: string;
-    /**
-     * Error message displayed when state is 'error'.
-     */
-    errorMessage?: string;
-    /**
-     * Success message displayed when state is 'success'.
-     */
-    successMessage?: string;
-    /**
-     * Warning message displayed when state is 'warning'.
-     */
-    warningMessage?: string;
-    /**
-     * The size of the radio button and label.
-     * @default 'md'
-     */
-    size?: RadioButtonSize;
-    /**
-     * The validation state of the radio button.
-     * @default 'default'
-     */
-    state?: RadioButtonState;
-    /**
-     * Additional class applied to the outer wrapper element.
-     */
-    wrapperClassName?: string;
-    /**
-     * Additional class applied to the input element itself.
-     */
-    inputClassName?: string;
-    /**
-     * Additional class applied to the label text element.
-     */
-    labelClassName?: string;
-    /**
-     * Additional class applied to the helper/state message element.
-     */
-    helperClassName?: string;
-}
-
-declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
-
-export { RadioButton, type RadioButtonProps, type RadioButtonSize, type RadioButtonState };

package/dist/radio-button/index.d.ts

@@ -1,56 +0,0 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
-
-type RadioButtonSize = 'sm' | 'md' | 'lg';
-type RadioButtonState = 'default' | 'error' | 'success' | 'warning';
-interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
-    /**
-     * Optional label displayed next to the radio button.
-     */
-    label?: ReactNode;
-    /**
-     * Helper text displayed below the radio button.
-     */
-    helperText?: string;
-    /**
-     * Error message displayed when state is 'error'.
-     */
-    errorMessage?: string;
-    /**
-     * Success message displayed when state is 'success'.
-     */
-    successMessage?: string;
-    /**
-     * Warning message displayed when state is 'warning'.
-     */
-    warningMessage?: string;
-    /**
-     * The size of the radio button and label.
-     * @default 'md'
-     */
-    size?: RadioButtonSize;
-    /**
-     * The validation state of the radio button.
-     * @default 'default'
-     */
-    state?: RadioButtonState;
-    /**
-     * Additional class applied to the outer wrapper element.
-     */
-    wrapperClassName?: string;
-    /**
-     * Additional class applied to the input element itself.
-     */
-    inputClassName?: string;
-    /**
-     * Additional class applied to the label text element.
-     */
-    labelClassName?: string;
-    /**
-     * Additional class applied to the helper/state message element.
-     */
-    helperClassName?: string;
-}
-
-declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
-
-export { RadioButton, type RadioButtonProps, type RadioButtonSize, type RadioButtonState };

package/dist/search-input/index.d.mts

@@ -1,22 +0,0 @@
-import { T as TextInputProps } from '../TextInput.types-DRI8HQza.mjs';
-import 'react';
-
-interface SearchInputProps extends TextInputProps {
-    /**
-     * The delay in milliseconds before the onDebouncedChange callback is called.
-     * @default 300
-     */
-    debounce?: number;
-    /**
-     * Callback function called after the debounce delay with the current input value.
-     */
-    onDebouncedChange?: (value: string) => void;
-}
-
-/**
- * SearchInput component - A debounced input field for search functionality.
- * Built on top of TextInput, it includes a search icon by default and handles debouncing.
- */
-declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
-
-export { SearchInput, type SearchInputProps };

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

@@ -1,22 +0,0 @@
-import { T as TextInputProps } from '../TextInput.types-DRI8HQza.js';
-import 'react';
-
-interface SearchInputProps extends TextInputProps {
-    /**
-     * The delay in milliseconds before the onDebouncedChange callback is called.
-     * @default 300
-     */
-    debounce?: number;
-    /**
-     * Callback function called after the debounce delay with the current input value.
-     */
-    onDebouncedChange?: (value: string) => void;
-}
-
-/**
- * SearchInput component - A debounced input field for search functionality.
- * Built on top of TextInput, it includes a search icon by default and handles debouncing.
- */
-declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
-
-export { SearchInput, type SearchInputProps };

package/dist/select/index.d.mts

@@ -1,36 +0,0 @@
-import { SelectHTMLAttributes, ReactNode } from 'react';
-
-type SelectVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
-type SelectSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type SelectState = 'default' | 'error' | 'success' | 'warning';
-interface SelectOption {
-    label: string;
-    value: string | number;
-    disabled?: boolean;
-}
-interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
-    label?: string;
-    required?: boolean;
-    helperText?: string;
-    errorMessage?: string;
-    successMessage?: string;
-    warningMessage?: string;
-    variant?: SelectVariant;
-    size?: SelectSize;
-    state?: SelectState;
-    fullWidth?: boolean;
-    leftElement?: ReactNode;
-    rightElement?: ReactNode;
-    wrapperClassName?: string;
-    inputGroupClassName?: string;
-    inputClassName?: string;
-    labelClassName?: string;
-    helperClassName?: string;
-    isLoading?: boolean;
-    options?: SelectOption[];
-    placeholder?: string;
-}
-
-declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
-
-export { Select, type SelectOption, type SelectProps, type SelectSize, type SelectState, type SelectVariant };

package/dist/select/index.d.ts

@@ -1,36 +0,0 @@
-import { SelectHTMLAttributes, ReactNode } from 'react';
-
-type SelectVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
-type SelectSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type SelectState = 'default' | 'error' | 'success' | 'warning';
-interface SelectOption {
-    label: string;
-    value: string | number;
-    disabled?: boolean;
-}
-interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
-    label?: string;
-    required?: boolean;
-    helperText?: string;
-    errorMessage?: string;
-    successMessage?: string;
-    warningMessage?: string;
-    variant?: SelectVariant;
-    size?: SelectSize;
-    state?: SelectState;
-    fullWidth?: boolean;
-    leftElement?: ReactNode;
-    rightElement?: ReactNode;
-    wrapperClassName?: string;
-    inputGroupClassName?: string;
-    inputClassName?: string;
-    labelClassName?: string;
-    helperClassName?: string;
-    isLoading?: boolean;
-    options?: SelectOption[];
-    placeholder?: string;
-}
-
-declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
-
-export { Select, type SelectOption, type SelectProps, type SelectSize, type SelectState, type SelectVariant };