@mahatisystems/mahati-ui-components 0.1.1

package/dist/index.d.ts

@@ -0,0 +1,159 @@
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+import * as React from 'react';
+import React__default from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare const cardVariants: (props?: ({
+    variant?: "default" | "outline" | "elevated" | "subtle" | "figma" | null | undefined;
+    size?: "default" | "sm" | "lg" | "figma" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content'>, VariantProps<typeof cardVariants> {
+    title?: string;
+    cardContent?: React.ReactNode;
+    cardBackContent?: React.ReactNode;
+    collapsible?: boolean;
+    flippable?: boolean;
+    backgroundColor?: string;
+    borderRadius?: string;
+    defaultOpen?: boolean;
+    onFlip?: (isFlipped: boolean) => void;
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+
+interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare const Modal: React__default.FC<ModalProps>;
+
+interface FormContainerProps {
+    children: React__default.ReactNode;
+    onSubmit?: (e: React__default.FormEvent) => void;
+    className?: string;
+}
+declare const FormContainer: React__default.FC<FormContainerProps>;
+
+interface InputProps {
+    type?: string;
+    name?: string;
+    placeholder: string;
+    onChange: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
+    hasError?: boolean;
+    errorMessage?: string;
+    value?: string;
+    className?: string;
+}
+declare const Input: React__default.FC<InputProps>;
+
+interface Tab {
+    id?: string;
+    label: string;
+    icon?: React__default.ReactNode;
+    content: React__default.ReactNode;
+    disabled?: boolean;
+}
+interface MahatiTabbedInterfaceProps {
+    tabs: Tab[];
+    variant?: "basic" | "pill" | "dark" | "underline" | "shadow" | "glass" | "gradient" | "square";
+    defaultActiveTab?: number;
+    className?: string;
+    onTabChange?: (tabIndex: number) => void;
+}
+declare const TabbedInterface: React__default.FC<MahatiTabbedInterfaceProps>;
+
+interface TableProps$1 {
+    headers: {
+        label: string;
+        key: string;
+    }[];
+    data: {
+        [key: string]: unknown;
+    }[];
+    page?: number;
+    setPage?: (page: number) => void;
+    limit?: number;
+    setLimit?: (limit: number) => void;
+    totalCount?: number;
+    highlightRowColor?: string;
+    actions?: (row: unknown) => React__default.ReactNode;
+    paginationRequired?: boolean;
+    paginationPosition?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+    onDownloadPDF?: (data: any[], headers: any[]) => void;
+    onDownloadExcel?: (data: any[], headers: any[]) => void;
+    searchable?: boolean;
+    searchTerm?: string;
+    onSearch?: (term: string, mode: "startsWith" | "includes") => void;
+    searchModeOptions?: ("startsWith" | "includes")[];
+    onResetSearch?: () => void;
+}
+declare const Table: React__default.FC<TableProps$1>;
+
+interface TableProps {
+    headers: {
+        label: string;
+        key: string;
+    }[];
+    data: {
+        [key: string]: unknown;
+    }[];
+    page?: number;
+    setPage?: (page: number) => void;
+    limit?: number;
+    setLimit?: (limit: number) => void;
+    totalCount?: number;
+    highlightRowColor?: string;
+    actions?: (row: unknown) => React__default.ReactNode;
+    paginationRequired?: boolean;
+    paginationPosition?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+    onDownloadPDF?: (data: any[], headers: any[]) => void;
+    onDownloadExcel?: (data: any[], headers: any[]) => void;
+    searchable?: boolean;
+    searchTerm?: string;
+    onSearch?: (term: string, mode: "startsWith" | "includes") => void;
+    searchModeOptions?: ("startsWith" | "includes")[];
+    onResetSearch?: () => void;
+}
+declare const TableTailwind: React__default.FC<TableProps>;
+
+interface TooltipProps {
+    text?: string;
+    position?: "top" | "right" | "bottom" | "left";
+    children: React__default.ReactNode;
+    variant?: "default" | "transparent";
+    className?: string;
+    textColor?: string;
+    backgroundColor?: string;
+    image?: {
+        src: string;
+        alt?: string;
+        width?: number;
+        height?: number;
+    };
+    animation?: {
+        component: React__default.ComponentType<any>;
+        props?: any;
+        triggerDelay?: number;
+    };
+}
+declare const Tooltip: React__default.FC<TooltipProps>;
+
+interface DropdownProps {
+    options: string[];
+    onSelect: (option: string) => void;
+    variant?: "basic" | "outline" | "pill" | "dark" | "underline" | "shadow" | "glass" | "gradient";
+}
+declare const Dropdown: React__default.FC<DropdownProps>;
+
+export { Button as MahatiButton, Card as MahatiCard, Dropdown as MahatiDropdown, FormContainer as MahatiFormContainer, Input as MahatiInput, Modal as MahatiModal, TabbedInterface as MahatiTabbedInterface, Table as MahatiTable, TableTailwind as MahatiTableTailwind, Tooltip as MahatiTooltip };