@spark-ui/components 17.2.2 → 17.2.3-beta.1

package/dist/src/form-field/FormFieldControl.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { FormFieldContextState } from './FormFieldContext';
+type State = Partial<Pick<FormFieldContextState, 'id' | 'name' | 'description' | 'labelId' | 'disabled' | 'readOnly' | 'state' | 'isInvalid' | 'isRequired'>>;
+export interface FormFieldControlProps {
+    children: (state: State) => ReactNode;
+}
+export declare const useFormFieldControl: () => State;
+export declare const FormFieldControl: {
+    ({ children }: FormFieldControlProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/form-field/FormFieldErrorMessage.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'react';
+import { FormFieldStateMessageProps } from './FormFieldStateMessage';
+export type FormFieldErrorMessageProps = Omit<FormFieldStateMessageProps, 'state'> & {
+    ref?: Ref<HTMLSpanElement>;
+};
+export declare const FormFieldErrorMessage: {
+    ({ ref, ...props }: FormFieldErrorMessageProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/form-field/FormFieldHelperMessage.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'react';
+import { FormFieldMessageProps } from './FormFieldMessage';
+export type FormFieldHelperMessageProps = FormFieldMessageProps & {
+    ref?: Ref<HTMLSpanElement>;
+};
+export declare const FormFieldHelperMessage: {
+    ({ className, ref, ...others }: FormFieldHelperMessageProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/form-field/FormFieldLabel.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode, Ref } from 'react';
+import { LabelProps } from '../label';
+export interface FormFieldLabelProps extends LabelProps {
+    /**
+     * Element shown when the input is required inside the label.
+     */
+    requiredIndicator?: ReactNode;
+    ref?: Ref<HTMLLabelElement>;
+}
+export declare const FormFieldLabel: {
+    ({ htmlFor: htmlForProp, className, children, requiredIndicator, asChild, ref, ...others }: FormFieldLabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/form-field/FormFieldMessage.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+export type FormFieldMessageProps = ComponentPropsWithoutRef<'span'> & {
+    ref?: Ref<HTMLSpanElement>;
+};
+export declare const FormFieldMessage: {
+    ({ id: idProp, className, ref, ...others }: FormFieldMessageProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/form-field/FormFieldProvider.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { FormFieldContextState } from './FormFieldContext';
+export interface FormFieldProviderProps extends Pick<FormFieldContextState, 'id' | 'name' | 'disabled' | 'readOnly' | 'state' | 'isRequired'> {
+    children: ReactNode;
+}
+export declare const FormFieldProvider: {
+    ({ id, name, disabled, readOnly, state, isRequired, children, }: FormFieldProviderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/form-field/FormFieldRequiredIndicator.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'react';
+import { LabelRequiredIndicatorProps } from '../label';
+export type FormFieldRequiredIndicatorProps = LabelRequiredIndicatorProps & {
+    ref?: Ref<HTMLSpanElement>;
+};
+export declare const FormFieldRequiredIndicator: {
+    ({ className, ref, ...props }: FormFieldRequiredIndicatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/form-field/FormFieldStateMessage.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'react';
+import { FormFieldMessageProps } from './FormFieldMessage';
+export interface FormFieldStateMessageProps extends FormFieldMessageProps {
+    state: 'error' | 'alert' | 'success';
+    ref?: Ref<HTMLSpanElement>;
+}
+export declare const FormFieldStateMessage: {
+    ({ className, state, children, ref, ...others }: FormFieldStateMessageProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

package/dist/src/form-field/FormFieldSuccessMessage.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'react';
+import { FormFieldStateMessageProps } from './FormFieldStateMessage';
+export type FormFieldSuccessMessageProps = Omit<FormFieldStateMessageProps, 'state'> & {
+    ref?: Ref<HTMLSpanElement>;
+};
+export declare const FormFieldSuccessMessage: {
+    ({ ref, ...props }: FormFieldSuccessMessageProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/form-field/index.d.mts

@@ -0,0 +1,31 @@
+import { FormField as Root } from './FormField';
+import { FormFieldAlertMessage } from './FormFieldAlertMessage';
+import { FormFieldCharactersCount } from './FormFieldCharactersCount';
+import { FormFieldControl } from './FormFieldControl';
+import { FormFieldErrorMessage } from './FormFieldErrorMessage';
+import { FormFieldHelperMessage } from './FormFieldHelperMessage';
+import { FormFieldLabel } from './FormFieldLabel';
+import { FormFieldRequiredIndicator } from './FormFieldRequiredIndicator';
+import { FormFieldStateMessage } from './FormFieldStateMessage';
+import { FormFieldSuccessMessage } from './FormFieldSuccessMessage';
+export declare const FormField: typeof Root & {
+    Label: typeof FormFieldLabel;
+    Control: typeof FormFieldControl;
+    StateMessage: typeof FormFieldStateMessage;
+    SuccessMessage: typeof FormFieldSuccessMessage;
+    AlertMessage: typeof FormFieldAlertMessage;
+    ErrorMessage: typeof FormFieldErrorMessage;
+    HelperMessage: typeof FormFieldHelperMessage;
+    RequiredIndicator: typeof FormFieldRequiredIndicator;
+    CharactersCount: typeof FormFieldCharactersCount;
+};
+export { type FormFieldProps } from './FormField';
+export { type FormFieldStateMessageProps } from './FormFieldStateMessage';
+export { type FormFieldControl, useFormFieldControl } from './FormFieldControl';
+export { type FormFieldHelperMessageProps } from './FormFieldHelperMessage';
+export { type FormFieldSuccessMessageProps } from './FormFieldSuccessMessage';
+export { type FormFieldAlertMessageProps } from './FormFieldAlertMessage';
+export { type FormFieldErrorMessageProps } from './FormFieldErrorMessage';
+export { type FormFieldLabelProps } from './FormFieldLabel';
+export { type FormFieldRequiredIndicatorProps } from './FormFieldRequiredIndicator';
+export { type FormFieldCharactersCountProps } from './FormFieldCharactersCount';

package/dist/src/form-field/index.d.ts

@@ -0,0 +1,31 @@
+import { FormField as Root } from './FormField';
+import { FormFieldAlertMessage } from './FormFieldAlertMessage';
+import { FormFieldCharactersCount } from './FormFieldCharactersCount';
+import { FormFieldControl } from './FormFieldControl';
+import { FormFieldErrorMessage } from './FormFieldErrorMessage';
+import { FormFieldHelperMessage } from './FormFieldHelperMessage';
+import { FormFieldLabel } from './FormFieldLabel';
+import { FormFieldRequiredIndicator } from './FormFieldRequiredIndicator';
+import { FormFieldStateMessage } from './FormFieldStateMessage';
+import { FormFieldSuccessMessage } from './FormFieldSuccessMessage';
+export declare const FormField: typeof Root & {
+    Label: typeof FormFieldLabel;
+    Control: typeof FormFieldControl;
+    StateMessage: typeof FormFieldStateMessage;
+    SuccessMessage: typeof FormFieldSuccessMessage;
+    AlertMessage: typeof FormFieldAlertMessage;
+    ErrorMessage: typeof FormFieldErrorMessage;
+    HelperMessage: typeof FormFieldHelperMessage;
+    RequiredIndicator: typeof FormFieldRequiredIndicator;
+    CharactersCount: typeof FormFieldCharactersCount;
+};
+export { type FormFieldProps } from './FormField';
+export { type FormFieldStateMessageProps } from './FormFieldStateMessage';
+export { type FormFieldControl, useFormFieldControl } from './FormFieldControl';
+export { type FormFieldHelperMessageProps } from './FormFieldHelperMessage';
+export { type FormFieldSuccessMessageProps } from './FormFieldSuccessMessage';
+export { type FormFieldAlertMessageProps } from './FormFieldAlertMessage';
+export { type FormFieldErrorMessageProps } from './FormFieldErrorMessage';
+export { type FormFieldLabelProps } from './FormFieldLabel';
+export { type FormFieldRequiredIndicatorProps } from './FormFieldRequiredIndicator';
+export { type FormFieldCharactersCountProps } from './FormFieldCharactersCount';

package/dist/src/icon/Icon.d.ts

@@ -0,0 +1,17 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { IconVariantsProps } from './Icon.styles';
+export interface IconProps extends IconVariantsProps, ComponentPropsWithoutRef<'svg'> {
+    /**
+     * The svg icon that will be wrapped
+     */
+    children: ReactNode;
+    /**
+     * The accessible label for the icon. This label will be visually hidden but announced to screen
+     * reader users, similar to `alt` text for `img` tags.
+     */
+    label?: string;
+}
+export declare const Icon: {
+    ({ label, className, size, intent, children, ...others }: IconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/icon/Icon.styles.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const iconStyles: (props?: ({
+    intent?: "main" | "current" | "alert" | "error" | "support" | "accent" | "success" | "info" | "neutral" | null | undefined;
+    size?: "current" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type IconVariantsProps = VariantProps<typeof iconStyles>;

package/dist/src/icon/index.d.mts

@@ -0,0 +1 @@
+export * from './Icon';

package/dist/src/icon/index.d.ts

@@ -0,0 +1 @@
+export * from './Icon';

package/dist/src/icon-button/IconButton.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'react';
+import { ButtonProps } from '../button';
+export interface IconButtonProps extends Omit<ButtonProps, 'loadingText'> {
+    'aria-label': string;
+    ref?: Ref<HTMLButtonElement>;
+}
+export declare const IconButton: {
+    ({ design, disabled, intent, shape, size, className, ref, ...others }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/icon-button/IconButton.styles.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const iconButtonStyles: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type IconButtonStylesProps = VariantProps<typeof iconButtonStyles>;

package/dist/src/icon-button/index.d.mts

@@ -0,0 +1 @@
+export * from './IconButton';

package/dist/src/icon-button/index.d.ts

@@ -0,0 +1 @@
+export * from './IconButton';

package/dist/src/input/Input.d.ts

@@ -0,0 +1,14 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+type InputPrimitiveProps = ComponentPropsWithoutRef<'input'>;
+export interface InputProps extends InputPrimitiveProps {
+    asChild?: boolean;
+    onValueChange?: (value: string) => void;
+    ref?: Ref<HTMLInputElement>;
+}
+export declare const Input: {
+    ({ className, asChild, onValueChange, onChange, onKeyDown, disabled: disabledProp, readOnly: readOnlyProp, ref, ...others }: InputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    id: string;
+};
+export {};

package/dist/src/input/Input.styles.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const inputStyles: (props?: ({
+    asChild?: boolean | null | undefined;
+    intent?: "alert" | "error" | "success" | "neutral" | null | undefined;
+    hasLeadingAddon?: boolean | null | undefined;
+    hasTrailingAddon?: boolean | null | undefined;
+    hasLeadingIcon?: boolean | null | undefined;
+    hasTrailingIcon?: boolean | null | undefined;
+    hasClearButton?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type InputStylesProps = VariantProps<typeof inputStyles>;

package/dist/src/input/InputAddon.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef, PropsWithChildren, Ref } from 'react';
+import { InputAddonStylesProps } from './InputAddon.styles';
+export interface InputAddonProps extends ComponentPropsWithoutRef<'div'>, Omit<InputAddonStylesProps, 'intent' | 'disabled'> {
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const InputAddon: {
+    ({ asChild: asChildProp, className, children, ref, ...others }: PropsWithChildren<InputAddonProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/input/InputAddon.styles.d.ts

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const inputAddonStyles: (props?: ({
+    asChild?: boolean | null | undefined;
+    intent?: "alert" | "error" | "success" | "neutral" | null | undefined;
+    disabled?: boolean | null | undefined;
+    readOnly?: boolean | null | undefined;
+    design?: "text" | "inline" | "solid" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type InputAddonStylesProps = VariantProps<typeof inputAddonStyles>;

package/dist/src/input/InputClearButton.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+export interface InputClearButtonProps extends ComponentPropsWithoutRef<'button'> {
+    'aria-label': string;
+    inline?: boolean;
+    ref?: Ref<HTMLButtonElement>;
+}
+export declare const InputClearButton: {
+    ({ className, tabIndex, onClick, inline, ref, ...others }: InputClearButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    id: string;
+};

package/dist/src/input/InputGroup.d.ts

@@ -0,0 +1,17 @@
+import { ComponentPropsWithoutRef, PropsWithChildren, Ref } from 'react';
+import { InputGroupStylesProps } from './InputGroup.styles';
+export interface InputGroupProps extends ComponentPropsWithoutRef<'div'>, InputGroupStylesProps {
+    /**
+     * Use `state` prop to assign a specific state to the group, choosing from: `error`, `alert` and `success`. By doing so, the outline styles will be updated.
+     */
+    state?: 'error' | 'alert' | 'success';
+    /**
+     * Function handler to be executed after the input has been cleared.
+     */
+    onClear?: () => void;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const InputGroup: {
+    ({ className, children: childrenProp, state: stateProp, disabled: disabledProp, readOnly: readOnlyProp, onClear, ref: forwardedRef, ...others }: PropsWithChildren<InputGroupProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/input/InputGroup.styles.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const inputGroupStyles: (props?: ({
+    disabled?: boolean | null | undefined;
+    readOnly?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type InputGroupStylesProps = VariantProps<typeof inputGroupStyles>;

package/dist/src/input/InputGroupContext.d.ts

@@ -0,0 +1,14 @@
+export interface InputGroupContextValue {
+    disabled?: boolean;
+    readOnly?: boolean;
+    hasLeadingIcon: boolean;
+    hasTrailingIcon: boolean;
+    hasLeadingAddon: boolean;
+    hasTrailingAddon: boolean;
+    hasClearButton: boolean;
+    state: null | undefined | 'error' | 'alert' | 'success';
+    isStandalone?: boolean;
+    onClear: () => void;
+}
+export declare const InputGroupContext: import('react').Context<Partial<InputGroupContextValue> | null>;
+export declare const useInputGroup: () => Partial<InputGroupContextValue>;

package/dist/src/input/InputIcon.d.ts

@@ -0,0 +1,6 @@
+import { IconProps } from '../icon';
+export type InputIconProps = IconProps;
+export declare const InputIcon: {
+    ({ className, intent, children, ...others }: InputIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/input/InputLeadingAddon.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'react';
+import { InputAddonProps } from './InputAddon';
+export type InputLeadingAddonProps = InputAddonProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+export declare const InputLeadingAddon: {
+    ({ className, ref, ...others }: InputLeadingAddonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    id: string;
+};

package/dist/src/input/InputLeadingIcon.d.ts

@@ -0,0 +1,7 @@
+import { InputIconProps } from './InputIcon';
+export type InputLeadingIconProps = InputIconProps;
+export declare const InputLeadingIcon: {
+    ({ className, ...others }: InputLeadingIconProps): import("react/jsx-runtime").JSX.Element;
+    id: string;
+    displayName: string;
+};

package/dist/src/input/InputTrailingAddon.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'react';
+import { InputAddonProps } from './InputAddon';
+export type InputTrailingAddonProps = InputAddonProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+export declare const InputTrailingAddon: {
+    ({ className, ref, ...others }: InputTrailingAddonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    id: string;
+};

package/dist/src/input/InputTrailingIcon.d.ts

@@ -0,0 +1,7 @@
+import { InputIconProps } from './InputIcon';
+export type InputTrailingIconProps = InputIconProps;
+export declare const InputTrailingIcon: {
+    ({ className, ...others }: InputTrailingIconProps): import("react/jsx-runtime").JSX.Element;
+    id: string;
+    displayName: string;
+};

package/dist/src/input/index.d.mts

@@ -0,0 +1,21 @@
+import { InputClearButton } from './InputClearButton';
+import { InputGroup as Root } from './InputGroup';
+import { InputLeadingAddon } from './InputLeadingAddon';
+import { InputLeadingIcon } from './InputLeadingIcon';
+import { InputTrailingAddon } from './InputTrailingAddon';
+import { InputTrailingIcon } from './InputTrailingIcon';
+export * from './Input';
+export declare const InputGroup: typeof Root & {
+    LeadingAddon: typeof InputLeadingAddon;
+    TrailingAddon: typeof InputTrailingAddon;
+    LeadingIcon: typeof InputLeadingIcon;
+    TrailingIcon: typeof InputTrailingIcon;
+    ClearButton: typeof InputClearButton;
+};
+export { useInputGroup } from './InputGroupContext';
+export { type InputGroupProps } from './InputGroup';
+export { type InputLeadingIconProps } from './InputLeadingIcon';
+export { type InputTrailingIconProps } from './InputTrailingIcon';
+export { type InputLeadingAddonProps } from './InputLeadingAddon';
+export { type InputTrailingAddonProps } from './InputTrailingAddon';
+export { type InputClearButtonProps } from './InputClearButton';

package/dist/src/input/index.d.ts

@@ -0,0 +1,21 @@
+import { InputClearButton } from './InputClearButton';
+import { InputGroup as Root } from './InputGroup';
+import { InputLeadingAddon } from './InputLeadingAddon';
+import { InputLeadingIcon } from './InputLeadingIcon';
+import { InputTrailingAddon } from './InputTrailingAddon';
+import { InputTrailingIcon } from './InputTrailingIcon';
+export * from './Input';
+export declare const InputGroup: typeof Root & {
+    LeadingAddon: typeof InputLeadingAddon;
+    TrailingAddon: typeof InputTrailingAddon;
+    LeadingIcon: typeof InputLeadingIcon;
+    TrailingIcon: typeof InputTrailingIcon;
+    ClearButton: typeof InputClearButton;
+};
+export { useInputGroup } from './InputGroupContext';
+export { type InputGroupProps } from './InputGroup';
+export { type InputLeadingIconProps } from './InputLeadingIcon';
+export { type InputTrailingIconProps } from './InputTrailingIcon';
+export { type InputLeadingAddonProps } from './InputLeadingAddon';
+export { type InputTrailingAddonProps } from './InputTrailingAddon';
+export { type InputClearButtonProps } from './InputClearButton';

package/dist/src/input-otp/InputOTP.d.ts

@@ -0,0 +1,90 @@
+import { ComponentPropsWithoutRef, ReactNode, Ref } from 'react';
+export interface InputOTPProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange' | 'inputMode'> {
+    /**
+     * Maximum length of the input value.
+     * If not provided, will be automatically detected from the number of InputOTP.Slot children.
+     */
+    maxLength?: number;
+    /**
+     * Type of input
+     * @default 'text'
+     */
+    type?: 'text' | 'number' | 'password' | 'tel';
+    /**
+     * Current value (controlled mode)
+     */
+    value?: string;
+    /**
+     * Default value (uncontrolled mode)
+     */
+    defaultValue?: string;
+    /**
+     * Callback fired when the value changes
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Whether the input is valid
+     * @default true
+     */
+    isValid?: boolean;
+    /**
+     * Whether the input is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether the input is read-only (value visible but not editable)
+     * @default false
+     */
+    readOnly?: boolean;
+    /**
+     * Whether to auto-focus the input
+     * @default false
+     */
+    autoFocus?: boolean;
+    /**
+     * Auto-complete attribute
+     * @default 'off'
+     */
+    autoComplete?: string;
+    /**
+     * Whether to force uppercase
+     * @default false
+     */
+    forceUppercase?: boolean;
+    /**
+     * Array of keys to filter out (using KeyboardEvent.key values)
+     * @default ['-', '.']
+     */
+    filterKeys?: string[];
+    /**
+     * Pattern attribute for input validation and character filtering.
+     * Uses a regular expression to filter allowed characters in real-time.
+     * For example: "[0-9]" for digits only, "[a-c]" for letters a, b, c only.
+     */
+    pattern?: string;
+    /**
+     * Input mode attribute
+     */
+    inputMode?: string;
+    /**
+     * Placeholder text
+     */
+    placeholder?: string;
+    /**
+     * Name attribute for form integration
+     */
+    name?: string;
+    /**
+     * Children components (InputOTPGroup, InputOTPSlot, InputOTPSeparator)
+     */
+    children: ReactNode;
+    /**
+     * Ref callback for the container
+     */
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const InputOTP: {
+    ({ maxLength: maxLengthProp, type, value: controlledValue, defaultValue, onValueChange, isValid, disabled: disabledProp, readOnly: readOnlyProp, autoFocus, autoComplete, forceUppercase, filterKeys, pattern, inputMode, placeholder, name: nameProp, className, children, ...others }: InputOTPProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/input-otp/InputOTP.styles.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const inputOTPContainerStyles: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const inputOTPSlotStyles: (props?: ({
+    intent?: "alert" | "error" | "success" | "neutral" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type InputOTPSlotStylesProps = VariantProps<typeof inputOTPSlotStyles>;
+export declare const inputOTPStyles: (props?: ({
+    intent?: "alert" | "error" | "success" | "neutral" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type InputOTPStylesProps = InputOTPSlotStylesProps;

package/dist/src/input-otp/InputOTPContext.d.ts

@@ -0,0 +1,17 @@
+export interface InputOTPContextValue {
+    value: string;
+    maxLength: number;
+    slots: {
+        char: string;
+        isActive: boolean;
+        hasFakeCaret: boolean;
+    }[];
+    activeIndex: number;
+    intent: 'neutral' | 'success' | 'alert' | 'error';
+    disabled: boolean;
+    readOnly: boolean;
+    placeholder?: string;
+    type: 'text' | 'number' | 'password' | 'tel';
+}
+export declare const InputOTPContext: import('react').Context<InputOTPContextValue | null>;
+export declare const useInputOTPContext: () => InputOTPContextValue;

package/dist/src/input-otp/InputOTPGroup.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface InputOTPGroupProps extends ComponentPropsWithoutRef<'div'> {
+}
+export declare const InputOTPGroup: {
+    ({ children, className, ...props }: InputOTPGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/input-otp/InputOTPSeparator.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface InputOTPSeparatorProps extends ComponentPropsWithoutRef<'div'> {
+}
+export declare const InputOTPSeparator: {
+    ({ className, ...props }: InputOTPSeparatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/input-otp/InputOTPSlot.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface InputOTPSlotProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Index of the slot (0-based).
+     * If not provided, will be automatically assigned based on position in children.
+     */
+    index?: number;
+}
+export declare const InputOTPSlot: {
+    ({ index: indexProp, className, ...props }: InputOTPSlotProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

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

@@ -0,0 +1,14 @@
+import { InputOTP as Root } from './InputOTP';
+import { InputOTPGroup } from './InputOTPGroup';
+import { InputOTPSeparator } from './InputOTPSeparator';
+import { InputOTPSlot } from './InputOTPSlot';
+export declare const InputOTP: typeof Root & {
+    Group: typeof InputOTPGroup;
+    Slot: typeof InputOTPSlot;
+    Separator: typeof InputOTPSeparator;
+};
+export { type InputOTPProps } from './InputOTP';
+export { type InputOTPGroupProps } from './InputOTPGroup';
+export { type InputOTPSlotProps } from './InputOTPSlot';
+export { type InputOTPSeparatorProps } from './InputOTPSeparator';
+export { inputOTPSlotStyles, inputOTPStyles, type InputOTPSlotStylesProps, type InputOTPStylesProps, } from './InputOTP.styles';

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

@@ -0,0 +1,14 @@
+import { InputOTP as Root } from './InputOTP';
+import { InputOTPGroup } from './InputOTPGroup';
+import { InputOTPSeparator } from './InputOTPSeparator';
+import { InputOTPSlot } from './InputOTPSlot';
+export declare const InputOTP: typeof Root & {
+    Group: typeof InputOTPGroup;
+    Slot: typeof InputOTPSlot;
+    Separator: typeof InputOTPSeparator;
+};
+export { type InputOTPProps } from './InputOTP';
+export { type InputOTPGroupProps } from './InputOTPGroup';
+export { type InputOTPSlotProps } from './InputOTPSlot';
+export { type InputOTPSeparatorProps } from './InputOTPSeparator';
+export { inputOTPSlotStyles, inputOTPStyles, type InputOTPSlotStylesProps, type InputOTPStylesProps, } from './InputOTP.styles';