@yamada-ui/react/dist/types/components/pin-input/pin-input.d.ts

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

import { ThemeProps, WithoutThemeProps } from "../../core/system/index.types.js";
import { Component } from "../../core/components/index.types.js";
import "../../core/index.js";
import { UseInputBorderProps } from "../input/use-input-border.js";
import { InputProps } from "../input/input.js";
import { GroupProps } from "../group/group.js";
import { PinInputStyle } from "./pin-input.style.js";
import { UsePinInputProps } from "./use-pin-input.js";
import "../../index.js";
import * as react2605 from "react";

//#region src/components/pin-input/pin-input.d.ts
interface PinInputRootProps extends Omit<WithoutThemeProps<GroupProps, PinInputStyle>, "defaultValue" | "mask" | "onChange">, ThemeProps<PinInputStyle>, UseInputBorderProps, UsePinInputProps {
  /**
   * The number of inputs to display.
   *
   * @default 4
   */
  items?: number;
}
declare const PinInputPropsContext: react2605.Context<Partial<PinInputRootProps> | undefined>, usePinInputPropsContext: () => Partial<PinInputRootProps> | undefined;
/**
 * `PinInput` is a component used to capture pin codes or OTP (One-Time Password) inputs.
 *
 * @see https://yamada-ui.com/docs/components/pin-input
 */
declare const PinInputRoot: Component<"div", PinInputRootProps>;
interface PinInputFieldProps extends InputProps {
  /**
   * The index of the pin input field.
   */
  index: number;
}
declare const PinInputField: Component<"input", PinInputFieldProps>;
//#endregion
export { PinInputField, PinInputFieldProps, PinInputPropsContext, PinInputRoot, PinInputRootProps, usePinInputPropsContext };
//# sourceMappingURL=pin-input.d.ts.map