@kadoui/react 1.4.9 → 1.5.10

package/dist/index.d.cts

@@ -0,0 +1,434 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { HTMLAttributes, PropsWithChildren, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, Dispatch, SetStateAction, RefObject } from 'react';
+import { HTMLMotionProps } from 'framer-motion';
+import { QRCodeRenderersOptions } from 'qrcode';
+
+type AccessNavigationPropsT = HTMLAttributes<HTMLDivElement> & {
+    direction?: "y" | "x";
+};
+declare function AccessNavigation({ direction, dir, onKeyDown, ...p }: AccessNavigationPropsT): react_jsx_runtime.JSX.Element;
+
+type AccordionBodyPropsT = HTMLMotionProps<"div">;
+declare function AccordionBody({ children, ...props }: AccordionBodyPropsT): react_jsx_runtime.JSX.Element;
+
+type AccordionRootPropsT = PropsWithChildren;
+declare function AccordionRoot({ children }: AccordionRootPropsT): react_jsx_runtime.JSX.Element;
+
+type AccordionTogglePropsT = HTMLAttributes<HTMLButtonElement> & {
+    icon?: ReactNode;
+};
+declare function AccordionToggle({ className, onClick, ...props }: AccordionTogglePropsT): react_jsx_runtime.JSX.Element;
+
+declare const Accordion: typeof AccordionRoot & {
+    Toggle: typeof AccordionToggle;
+    Body: typeof AccordionBody;
+};
+
+type AffixPropsT = HTMLAttributes<HTMLButtonElement>;
+declare const Affix: ({ className, onClick, ...p }: AffixPropsT) => react_jsx_runtime.JSX.Element;
+
+type BreadcrumbsItemPropsT = HTMLAttributes<HTMLDivElement> & {
+    isLast?: boolean;
+};
+declare function BreadcrumbsItem({ isLast, children, ...p }: BreadcrumbsItemPropsT): react_jsx_runtime.JSX.Element;
+
+type BreadcrumbsRootPropsT = HTMLAttributes<HTMLElement> & {
+    separator?: ReactNode;
+};
+declare function BreadcrumbsRoot({ separator, ...p }: BreadcrumbsRootPropsT): react_jsx_runtime.JSX.Element;
+
+declare const Breadcrumbs: typeof BreadcrumbsRoot & {
+    Item: typeof BreadcrumbsItem;
+};
+
+type CarouselRootPropsT = HTMLAttributes<HTMLDivElement>;
+declare function CarouselRoot({ dir, ...p }: CarouselRootPropsT): react_jsx_runtime.JSX.Element;
+
+type CarouselLeftFadePropsT = HTMLAttributes<HTMLDivElement>;
+declare function CarouselLeftFade({ style, ...p }: CarouselLeftFadePropsT): react_jsx_runtime.JSX.Element;
+
+type CarouselContainerPropsT = HTMLAttributes<HTMLDivElement>;
+declare function CarouselContainer({ children, ...p }: CarouselContainerPropsT): react_jsx_runtime.JSX.Element;
+
+type CarouselRightFadePropsT = HTMLAttributes<HTMLDivElement>;
+declare function CarouselRightFade({ style, ...p }: CarouselRightFadePropsT): react_jsx_runtime.JSX.Element;
+
+declare const Carousel: typeof CarouselRoot & {
+    Container: typeof CarouselContainer;
+    LeftFade: typeof CarouselLeftFade;
+    RightFade: typeof CarouselRightFade;
+};
+
+type ClientOnlyPropsT = PropsWithChildren;
+declare function ClientOnly({ children }: ClientOnlyPropsT): react.ReactNode;
+
+type ClipboardPropsT = ButtonHTMLAttributes<HTMLButtonElement> & {
+    text: string;
+    timeout?: number;
+    copiedChildren?: ReactNode;
+};
+declare function Clipboard({ copiedChildren, onClick, children, text, timeout, ...props }: ClipboardPropsT): react_jsx_runtime.JSX.Element;
+
+type ContextMenuRootPropsT = HTMLAttributes<HTMLDivElement>;
+declare function ContextMenuRoot({ onContextMenu, ...p }: ContextMenuRootPropsT): react_jsx_runtime.JSX.Element;
+
+type ContextMenuContentPropsT = HTMLAttributes<HTMLDivElement>;
+declare function ContextMenuContent({ onContextMenu, className, ...p }: ContextMenuContentPropsT): react_jsx_runtime.JSX.Element;
+
+declare const ContextMenu: typeof ContextMenuRoot & {
+    Content: typeof ContextMenuContent;
+};
+
+type DrawerBodyPropsT = HTMLMotionProps<"div"> & {
+    position?: "top" | "right" | "bottom" | "left";
+};
+declare function DrawerBody({ position, dir, children, ...p }: DrawerBodyPropsT): react_jsx_runtime.JSX.Element;
+
+type DrawerRootPropsT = PropsWithChildren;
+declare function DrawerRoot({ children }: DrawerRootPropsT): react_jsx_runtime.JSX.Element;
+
+type DrawerPortalPropsT = HTMLMotionProps<"div">;
+declare function DrawerPortal({ onClick, ...p }: DrawerPortalPropsT): react_jsx_runtime.JSX.Element;
+
+type DrawerTogglePropsT = ButtonHTMLAttributes<HTMLButtonElement>;
+declare function DrawerToggle({ onClick, ...props }: DrawerTogglePropsT): react_jsx_runtime.JSX.Element;
+
+declare const Drawer: typeof DrawerRoot & {
+    Toggle: typeof DrawerToggle;
+    Portal: typeof DrawerPortal;
+    Body: typeof DrawerBody;
+};
+
+type LoaderLinkPropsT = PropsWithChildren & {
+    loader: ReactNode;
+};
+declare function LoaderLink({ loader, children }: LoaderLinkPropsT): ReactNode;
+
+type ModalRootPropsT = PropsWithChildren & {
+    defaultOpen?: boolean;
+};
+declare function ModalRoot({ children, defaultOpen }: ModalRootPropsT): react_jsx_runtime.JSX.Element;
+
+type ModalBodyPropsT = HTMLMotionProps<"div">;
+declare function ModalBody({ onClick, ...props }: ModalBodyPropsT): react_jsx_runtime.JSX.Element;
+
+type ModalHeaderPropsT = HTMLAttributes<HTMLDivElement>;
+declare function ModalHeader(p: ModalHeaderPropsT): react_jsx_runtime.JSX.Element;
+
+type ModalPortalPropsT = HTMLMotionProps<"div">;
+declare function ModalPortal({ onClick, ...p }: ModalPortalPropsT): react_jsx_runtime.JSX.Element;
+
+type ModalTogglePropsT = ButtonHTMLAttributes<HTMLButtonElement>;
+declare function ModalToggle({ onClick, ...props }: ModalTogglePropsT): react_jsx_runtime.JSX.Element;
+
+type ModalContentPropsT = HTMLAttributes<HTMLDivElement>;
+declare function ModalContent(p: ModalContentPropsT): react_jsx_runtime.JSX.Element;
+
+declare const Modal: typeof ModalRoot & {
+    Toggle: typeof ModalToggle;
+    Portal: typeof ModalPortal;
+    Body: typeof ModalBody;
+    Header: typeof ModalHeader;
+    Content: typeof ModalContent;
+};
+
+type OtpRootPropsT = HTMLAttributes<HTMLDivElement>;
+declare function OtpRoot(p: OtpRootPropsT): react_jsx_runtime.JSX.Element;
+
+type OtpInputsPropsT = InputHTMLAttributes<HTMLInputElement> & {
+    length: number;
+    onLastChange?: (otp: string) => void;
+};
+declare function OtpInputs({ name, length, onLastChange, ...props }: OtpInputsPropsT): react_jsx_runtime.JSX.Element[];
+
+type OtpHiddenInputPropsT = InputHTMLAttributes<HTMLInputElement>;
+declare function OtpHiddenInput({ name, ...p }: OtpHiddenInputPropsT): react_jsx_runtime.JSX.Element;
+
+declare const Otp: typeof OtpRoot & {
+    Inputs: typeof OtpInputs;
+    HiddenInput: typeof OtpHiddenInput;
+};
+
+type PaginationCountsPropsT = HTMLAttributes<HTMLParagraphElement>;
+declare function PaginationCounts(props: PaginationCountsPropsT): react_jsx_runtime.JSX.Element;
+
+type PaginationNextBtnPropsT = HTMLAttributes<HTMLButtonElement> & {
+    disabled?: boolean;
+};
+declare function PaginationNextBtn({ onClick, disabled, ...p }: PaginationNextBtnPropsT): react_jsx_runtime.JSX.Element;
+
+type PaginationPrevBtnPropsT = HTMLAttributes<HTMLButtonElement> & {
+    disabled?: boolean;
+};
+declare function PaginationPrevBtn({ onClick, disabled, ...p }: PaginationPrevBtnPropsT): react_jsx_runtime.JSX.Element;
+
+type PaginationStateRootPropsT = PropsWithChildren & {
+    pageLength: number;
+};
+declare function PaginationStateRoot({ pageLength, children }: PaginationStateRootPropsT): react_jsx_runtime.JSX.Element;
+
+type PaginationSearchParamsRootPropsT = PropsWithChildren & {
+    pageKey?: string;
+    pageLength: number;
+};
+declare function PaginationSearchParamsRoot({ pageKey, pageLength, children }: PaginationSearchParamsRootPropsT): react_jsx_runtime.JSX.Element;
+
+declare const PaginationWithState: typeof PaginationStateRoot & {
+    Counts: typeof PaginationCounts;
+    NextBtn: typeof PaginationNextBtn;
+    PrevBtn: typeof PaginationPrevBtn;
+};
+declare const PaginationWithSearchParams: typeof PaginationSearchParamsRoot & {
+    Counts: typeof PaginationCounts;
+    NextBtn: typeof PaginationNextBtn;
+    PrevBtn: typeof PaginationPrevBtn;
+};
+
+type PasswordInputRootPropsT = LabelHTMLAttributes<HTMLLabelElement>;
+declare function PasswordInputRoot(props: PasswordInputRootPropsT): react_jsx_runtime.JSX.Element;
+
+type PasswordInputFieldPropsT = InputHTMLAttributes<HTMLInputElement>;
+declare function PasswordInputField(props: PasswordInputFieldPropsT): react_jsx_runtime.JSX.Element;
+
+type PasswordInputTogglePropsT = ButtonHTMLAttributes<HTMLButtonElement> & {
+    visibleChildren: ReactNode;
+};
+declare function PasswordInputToggle({ visibleChildren, onClick, children, ...props }: PasswordInputTogglePropsT): react_jsx_runtime.JSX.Element;
+
+declare const PasswordInput: typeof PasswordInputRoot & {
+    Field: typeof PasswordInputField;
+    Toggle: typeof PasswordInputToggle;
+};
+
+type PopoverBodyPropsT = HTMLAttributes<HTMLDivElement> & {
+    preventClose?: boolean;
+};
+declare function PopoverBody({ preventClose, onClick, ...p }: PopoverBodyPropsT): react_jsx_runtime.JSX.Element | null;
+
+type PopoverContextT = {
+    isOpen: boolean;
+    setOpen: Dispatch<SetStateAction<boolean>>;
+    toggleRef: RefObject<HTMLButtonElement | null>;
+    bodyRef: RefObject<HTMLDivElement | null>;
+    mode: "click" | "hover" | "both";
+};
+
+type PopoverRootPropsT = HTMLAttributes<HTMLDivElement> & {
+    mode?: PopoverContextT["mode"];
+    accessHorizontalArrows?: "ArrowRight" | "ArrowLeft";
+};
+declare function PopoverRoot({ mode, accessHorizontalArrows, onKeyDown, onMouseEnter, onMouseLeave, ...p }: PopoverRootPropsT): react_jsx_runtime.JSX.Element;
+
+type PopoverTogglePropsT = HTMLAttributes<HTMLButtonElement>;
+declare function PopoverToggle({ onClick, ...props }: PopoverTogglePropsT): react_jsx_runtime.JSX.Element;
+
+declare const Popover: typeof PopoverRoot & {
+    Toggle: typeof PopoverToggle;
+    Body: typeof PopoverBody;
+};
+
+type PortalPropsT = PropsWithChildren & {
+    container?: Element;
+};
+declare function Portal({ children, container }: PortalPropsT): react.ReactPortal;
+
+type ProgressBarPropsT = HTMLMotionProps<"div"> & {
+    duration?: number;
+};
+declare function ProgressBar({ duration, children, ...p }: ProgressBarPropsT): react_jsx_runtime.JSX.Element;
+
+type ProgressRootPropsT = HTMLAttributes<HTMLDivElement> & {
+    value: number;
+    maxValue?: number;
+};
+declare function ProgressRoot({ value, maxValue, ...p }: ProgressRootPropsT): react_jsx_runtime.JSX.Element;
+
+declare const Progress: typeof ProgressRoot & {
+    Bar: typeof ProgressBar;
+};
+
+type QrCodePropsT = HTMLAttributes<HTMLCanvasElement> & {
+    value: string;
+    options: QRCodeRenderersOptions;
+};
+declare function QrCode({ value, options, ...props }: QrCodePropsT): react_jsx_runtime.JSX.Element;
+
+type RatingRootPropsT = HTMLAttributes<HTMLDivElement>;
+
+type RatingItemsPropsT = ButtonHTMLAttributes<HTMLButtonElement> & {
+    count: number;
+    value: number;
+    onValueChange: (newValue: number) => void;
+    element: ReactNode;
+    activeElement: ReactNode;
+};
+declare function RatingItems({ count, value, onValueChange, element, activeElement, ...p }: RatingItemsPropsT): react_jsx_runtime.JSX.Element[];
+
+declare const Rating: ((p: RatingRootPropsT) => react_jsx_runtime.JSX.Element) & {
+    Items: typeof RatingItems;
+};
+
+type SheetBodyPropsT = HTMLMotionProps<"div">;
+declare function SheetBody(p: SheetBodyPropsT): react_jsx_runtime.JSX.Element;
+
+type SheetRootPropsT = PropsWithChildren;
+declare function SheetRoot({ children }: SheetRootPropsT): react_jsx_runtime.JSX.Element;
+
+type SheetHeaderPropsT = HTMLAttributes<HTMLDivElement>;
+declare function SheetHeader({ onPointerDown, ...p }: SheetHeaderPropsT): react_jsx_runtime.JSX.Element;
+
+type SheetPortalPropsT = HTMLMotionProps<"div">;
+declare function SheetPortal(p: SheetPortalPropsT): react_jsx_runtime.JSX.Element;
+
+type SheetTogglePropsT = HTMLAttributes<HTMLButtonElement>;
+declare function SheetToggle({ onClick, ...props }: SheetTogglePropsT): react_jsx_runtime.JSX.Element;
+
+type SheetContentPropsT = HTMLAttributes<HTMLDivElement>;
+declare function SheetContent(p: SheetContentPropsT): react_jsx_runtime.JSX.Element;
+
+declare const Sheet: typeof SheetRoot & {
+    Portal: typeof SheetPortal;
+    Body: typeof SheetBody;
+    Header: typeof SheetHeader;
+    Content: typeof SheetContent;
+    Toggle: typeof SheetToggle;
+};
+
+type ShowMoreRootPropsT = HTMLAttributes<HTMLDivElement> & {
+    maxLines: number;
+    defaultExpanded?: boolean;
+};
+declare function ShowMoreRoot({ maxLines, defaultExpanded, style, ...p }: ShowMoreRootPropsT): react_jsx_runtime.JSX.Element;
+
+type ShowMoreFadePropsT = HTMLAttributes<HTMLDivElement>;
+declare function ShowMoreFade(p: ShowMoreFadePropsT): react_jsx_runtime.JSX.Element | null;
+
+type ShowMoreContentPropsT = HTMLAttributes<HTMLDivElement>;
+declare function ShowMoreContent({ children, style, ...props }: ShowMoreContentPropsT): react_jsx_runtime.JSX.Element;
+
+type ShowMoreTriggerPropsT = ButtonHTMLAttributes<HTMLButtonElement>;
+declare function ShowMoreTrigger({ onClick, style, ...p }: ShowMoreTriggerPropsT): react_jsx_runtime.JSX.Element;
+
+declare const ShowMore: typeof ShowMoreRoot & {
+    Content: typeof ShowMoreContent;
+    Trigger: typeof ShowMoreTrigger;
+    Fade: typeof ShowMoreFade;
+};
+
+type SpoilerBlurPropsT = HTMLAttributes<HTMLSpanElement>;
+declare function SpoilerBlur({ className, ...p }: SpoilerBlurPropsT): react_jsx_runtime.JSX.Element;
+
+type SpoilerRootProps = HTMLAttributes<HTMLSpanElement>;
+declare function SpoilerRoot({ className, ...p }: SpoilerRootProps): react_jsx_runtime.JSX.Element;
+
+declare const Spoiler: typeof SpoilerRoot & {
+    Blur: typeof SpoilerBlur;
+};
+
+declare function StepsRender(): react.ReactNode;
+
+type StepsPrevBtnPropsT = HTMLAttributes<HTMLButtonElement> & {
+    disabled?: boolean;
+};
+declare function StepsPrevBtn({ onClick, disabled, ...p }: StepsPrevBtnPropsT): react_jsx_runtime.JSX.Element;
+
+type StepsNextBtnPropsT = HTMLAttributes<HTMLButtonElement> & {
+    disabled?: boolean;
+};
+declare function StepsNextBtn({ onClick, disabled, ...p }: StepsNextBtnPropsT): react_jsx_runtime.JSX.Element;
+
+type StepsIndexBtnPropsT = HTMLAttributes<HTMLButtonElement> & {
+    index: number;
+};
+declare function StepsIndexBtn({ index, onClick, ...p }: StepsIndexBtnPropsT): react_jsx_runtime.JSX.Element;
+
+type StepsT = {
+    name: string;
+    component: ReactNode;
+};
+
+type StepsStateRootPropsT = PropsWithChildren & {
+    steps: StepsT[];
+};
+declare function StepsStateRoot({ children, steps }: StepsStateRootPropsT): react_jsx_runtime.JSX.Element;
+
+type StepsSearchParamsRootPropsT = PropsWithChildren & {
+    stepKey?: string;
+    steps: StepsT[];
+};
+declare function StepsSearchParamsRoot({ children, steps, stepKey }: StepsSearchParamsRootPropsT): react_jsx_runtime.JSX.Element;
+
+declare const StepsWithState: typeof StepsStateRoot & {
+    Render: typeof StepsRender;
+    IndexBtn: typeof StepsIndexBtn;
+    PrevBtn: typeof StepsPrevBtn;
+    NextBtn: typeof StepsNextBtn;
+};
+declare const StepsWithSearchParams: typeof StepsSearchParamsRoot & {
+    Render: typeof StepsRender;
+    IndexBtn: typeof StepsIndexBtn;
+    PrevBtn: typeof StepsPrevBtn;
+    NextBtn: typeof StepsNextBtn;
+};
+
+type SwapItemPropsT = HTMLMotionProps<"span">;
+declare function SwapItem(p: SwapItemPropsT): react_jsx_runtime.JSX.Element;
+
+type SwapRootPropsT = HTMLAttributes<HTMLDivElement> & {
+    items: string[];
+    defaultItem?: string;
+    onSwap?: (item: string) => void;
+};
+declare function SwapRoot({ items, defaultItem, onSwap, ...p }: SwapRootPropsT): react_jsx_runtime.JSX.Element;
+
+type SwapTriggerPropsT = HTMLAttributes<HTMLButtonElement> & {
+    item: string;
+};
+declare function SwapTrigger({ item, onClick, ...p }: SwapTriggerPropsT): react_jsx_runtime.JSX.Element | null;
+
+declare const Swap: typeof SwapRoot & {
+    Trigger: typeof SwapTrigger;
+    Item: typeof SwapItem;
+};
+
+type TabsTabPropsT = HTMLAttributes<HTMLButtonElement> & {
+    value: string;
+};
+declare function TabsTab({ value, onClick, ...props }: TabsTabPropsT): react_jsx_runtime.JSX.Element;
+
+type TabsListPropsT = HTMLAttributes<HTMLDivElement>;
+declare function TabsList(p: TabsListPropsT): react_jsx_runtime.JSX.Element;
+
+type TabsRootPropsT = PropsWithChildren & {
+    activeTab: string;
+    setActiveTab: Dispatch<SetStateAction<string>>;
+};
+declare function TabsRoot({ activeTab, setActiveTab, children }: TabsRootPropsT): react_jsx_runtime.JSX.Element;
+
+type TabsPanelPropsT = HTMLAttributes<HTMLDivElement> & {
+    value: string;
+};
+declare function TabsPanel({ value, ...p }: TabsPanelPropsT): react_jsx_runtime.JSX.Element | null;
+
+declare const Tabs: typeof TabsRoot & {
+    List: typeof TabsList;
+    Tab: typeof TabsTab;
+    Panel: typeof TabsPanel;
+};
+
+type SubmitRootPropsT = ButtonHTMLAttributes<HTMLButtonElement> & {
+    loader?: ReactNode;
+};
+declare function SubmitRoot({ disabled, ...p }: SubmitRootPropsT): react_jsx_runtime.JSX.Element;
+
+type SubmitLoaderPropsT = PropsWithChildren & {
+    loader: ReactNode;
+};
+declare function SubmitLoader({ children, loader }: SubmitLoaderPropsT): ReactNode;
+
+declare const Submit: typeof SubmitRoot & {
+    Loader: typeof SubmitLoader;
+};
+
+export { AccessNavigation, type AccessNavigationPropsT, Accordion, Affix, type AffixPropsT, Breadcrumbs, Carousel, ClientOnly, type ClientOnlyPropsT, Clipboard, type ClipboardPropsT, ContextMenu, Drawer, LoaderLink, type LoaderLinkPropsT, Modal, Otp, PaginationWithSearchParams, PaginationWithState, PasswordInput, Popover, Portal, type PortalPropsT, Progress, QrCode, type QrCodePropsT, Rating, Sheet, ShowMore, Spoiler, StepsWithSearchParams, StepsWithState, Submit, Swap, Tabs };