UNPKG

@fidely-ui/react

Version:

Fidely UI is a modern, beautifully crafted React design system powered by Ark UI and Panda CSS, delivering accessible and themeable components for building exceptional web apps

24 lines (23 loc) 2.04 kB
import type { Assign } from '@ark-ui/react'; import { PinInput as ArkPinInput } from '@ark-ui/react/pin-input'; import { type PinInputVariantProps } from '@fidely-ui/styled-system/recipes'; import { HTMLStyledProps } from '@fidely-ui/styled-system/types'; export interface PinInputRootProviderProps extends Assign<Assign<HTMLStyledProps<'div'>, ArkPinInput.RootProviderBaseProps>, PinInputVariantProps> { } export declare const PinInputRootProvider: import("react").ForwardRefExoticComponent<Omit<PinInputRootProviderProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>; export interface PinInputRootProps extends Assign<Assign<HTMLStyledProps<'div'>, ArkPinInput.RootBaseProps>, PinInputVariantProps> { } export declare const PinInputRoot: import("react").ForwardRefExoticComponent<Omit<PinInputRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>; export interface PinInputLabelProps extends Assign<HTMLStyledProps<'label'>, ArkPinInput.LabelBaseProps> { } export declare const PinInputLabel: import("react").ForwardRefExoticComponent<Omit<PinInputLabelProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>; export interface PinInputControlProps extends Assign<HTMLStyledProps<'div'>, ArkPinInput.ControlBaseProps> { } export declare const PinInputControl: import("react").ForwardRefExoticComponent<Omit<PinInputControlProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>; export interface PinInputInputProps extends Assign<HTMLStyledProps<'input'>, ArkPinInput.InputBaseProps> { } export declare const PinInputInput: import("react").ForwardRefExoticComponent<Omit<PinInputInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>; export declare const PinInputHiddenInput: import("react").ForwardRefExoticComponent<ArkPinInput.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>; export declare const PinInputContext: (props: ArkPinInput.ContextProps) => import("react").ReactNode; export interface PinInputValueChangeDetails extends ArkPinInput.ValueChangeDetails { }