strivui/dist/types/component/moderBlock.d.ts

Type-safe, composable React UI toolkit with accessible, theme-aware components, design tokens, and tree-shakable architecture for scalable, maintainable applications.

import { ReactNode, HTMLAttributes } from "react";
type ModalProps = {
    open: boolean;
    onClose: () => void;
    children?: ReactNode;
};
export declare const Modal: ({ open, onClose, children }: ModalProps) => import("react/jsx-runtime").JSX.Element | null;
type DropdownProps = {
    trigger: ReactNode;
    children: ReactNode;
};
export declare const Dropdown: ({ trigger, children }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
type AccordionItem = {
    title: ReactNode;
    content: ReactNode;
};
type AccordionProps = {
    items: AccordionItem[];
};
export declare const Accordion: ({ items }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
type TabItem = {
    label: ReactNode;
    content: ReactNode;
};
type TabsProps = {
    tabs: TabItem[];
};
export declare const Tabs: ({ tabs }: TabsProps) => import("react/jsx-runtime").JSX.Element;
type TooltipProps = {
    text: ReactNode;
    children: ReactNode;
};
export declare const Tooltip: ({ text, children }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
export declare const Badge: ({ children, className, }: HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
type AvatarProps = {
    src?: string;
    alt?: string;
    fallback?: ReactNode;
};
export declare const Avatar: ({ src, alt, fallback }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
type AlertProps = HTMLAttributes<HTMLDivElement> & {
    variant?: "success" | "error" | "warning" | "info";
};
export declare const Alert: ({ children, className, variant, ...props }: AlertProps) => import("react/jsx-runtime").JSX.Element;
export declare const Skeleton: ({ className, }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
type SwitchProps = {
    checked?: boolean;
    onChange?: (val: boolean) => void;
};
export declare const Switch: ({ checked, onChange }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
type ProgressProps = {
    value: number;
};
export declare const Progress: ({ value }: ProgressProps) => import("react/jsx-runtime").JSX.Element;
export {};