@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
TypeScript
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 {
}