warqadui 0.0.4 → 0.0.6

package/packages/ui/dist/index.d.mts

@@ -0,0 +1,356 @@
+import * as React$1 from 'react';
+import React__default, { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
+import { ColumnDef, SortingState, ColumnFiltersState } from '@tanstack/react-table';
+
+interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: "primary" | "secondary" | "outline" | "ghost" | "danger" | "warning";
+    size?: "sm" | "md" | "lg";
+    isLoading?: boolean;
+    icon?: React__default.ReactNode;
+}
+declare const Button: React__default.FC<ButtonProps>;
+
+interface NavItem {
+    label: string;
+    icon?: React__default.ReactNode;
+    path?: string;
+    subItems?: (NavItem | false | null | undefined)[];
+    hidden?: boolean;
+    disabled?: boolean;
+}
+type NavItems = (NavItem | false | null | undefined)[];
+interface DashboardLayoutProps {
+    children: React__default.ReactNode;
+    navItems: NavItems;
+    title?: string;
+    logo?: React__default.ReactNode;
+    userProfile?: React__default.ReactNode;
+    fontFamily?: string;
+}
+declare const DashboardLayout: React__default.FC<DashboardLayoutProps>;
+
+declare const ThemeToggle: React__default.FC<{
+    className?: string;
+}>;
+
+interface ThemeContextType {
+    isDarkMode: boolean;
+    toggleTheme: () => void;
+    setTheme: (theme: "light" | "dark") => void;
+}
+declare const ThemeProvider: ({ children }: {
+    children: ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+declare const useTheme: () => ThemeContextType;
+
+declare const LoadingBox: () => react_jsx_runtime.JSX.Element;
+
+interface LoadingSpinProps {
+    className?: string;
+    size?: "sm" | "md" | "lg";
+    color?: string;
+}
+declare const LoadingSpin: ({ className, size, color, }: LoadingSpinProps) => react_jsx_runtime.JSX.Element;
+
+declare const ClassicSpin: ({ msg }: {
+    msg?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const OverlaySpin: ({ msg }: {
+    msg?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+interface CodeBlockProps {
+    code: string;
+    language?: string;
+    className?: string;
+}
+declare const CodeBlock: React__default.FC<CodeBlockProps>;
+
+interface CardProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    children: React__default.ReactNode;
+    variant?: "default" | "flat" | "glass";
+}
+declare const Card: {
+    ({ children, className, variant, ...props }: CardProps): react_jsx_runtime.JSX.Element;
+    Header: ({ children, className, }: {
+        children: React__default.ReactNode;
+        className?: string;
+    }) => react_jsx_runtime.JSX.Element;
+    Title: ({ children, className, }: {
+        children: React__default.ReactNode;
+        className?: string;
+    }) => react_jsx_runtime.JSX.Element;
+    Description: ({ children, className, }: {
+        children: React__default.ReactNode;
+        className?: string;
+    }) => react_jsx_runtime.JSX.Element;
+    Content: ({ children, className, }: {
+        children: React__default.ReactNode;
+        className?: string;
+    }) => react_jsx_runtime.JSX.Element;
+    Footer: ({ children, className, }: {
+        children: React__default.ReactNode;
+        className?: string;
+    }) => react_jsx_runtime.JSX.Element;
+};
+declare const CardHeader: ({ children, className, }: {
+    children: React__default.ReactNode;
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const CardTitle: ({ children, className, }: {
+    children: React__default.ReactNode;
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const CardDescription: ({ children, className, }: {
+    children: React__default.ReactNode;
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const CardContent: ({ children, className, }: {
+    children: React__default.ReactNode;
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const CardFooter: ({ children, className, }: {
+    children: React__default.ReactNode;
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title: string;
+    children: React__default.ReactNode;
+    isLoading?: boolean;
+    width?: number;
+}
+declare const Modal: React__default.FC<ModalProps>;
+
+interface PageHeaderProps {
+    title: string;
+    description?: string;
+    children?: React__default.ReactNode;
+    className?: string;
+}
+declare const PageHeader: ({ title, description, children, className, }: PageHeaderProps) => react_jsx_runtime.JSX.Element;
+
+interface UseModalReturn {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    openState: (data: any) => void;
+    state: any;
+    Modal: React.FC<ModalProps>;
+}
+declare const useModal: (initialState?: boolean) => UseModalReturn;
+
+interface DateInputProps<T extends FieldValues> {
+    label: string;
+    error?: string;
+    containerClassName?: string;
+    name?: Path<T>;
+    form?: UseFormReturn<T>;
+    value?: string;
+    onChange?: (value: string) => void;
+    onBlur?: () => void;
+    className?: string;
+    [key: string]: any;
+}
+declare const DateInput: <T extends FieldValues>(props: DateInputProps<T> & {
+    ref?: React.ForwardedRef<HTMLInputElement>;
+}) => React.ReactElement;
+
+interface SearchApiProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> {
+    label?: string;
+    apiUrl: string;
+    placeholder?: string;
+    value?: any;
+    onChange?: (value: any) => void;
+    queryKey?: string;
+    labelKey?: string;
+    valueKey?: string;
+    error?: string;
+    containerClassName?: string;
+    name?: any;
+    form?: any;
+    obj?: any;
+    filter?: any[];
+    v?: number;
+}
+declare const SearchApi: React__default.ForwardRefExoticComponent<SearchApiProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface TextareaProps<T extends FieldValues> extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "name" | "form"> {
+    label: string;
+    error?: string;
+    containerClassName?: string;
+    name?: Path<T>;
+    form?: UseFormReturn<T>;
+}
+declare const Textarea: <T extends FieldValues>(props: TextareaProps<T> & {
+    ref?: React.ForwardedRef<HTMLTextAreaElement>;
+}) => React.ReactElement;
+
+interface Option {
+    value: string | number | boolean;
+    label: string;
+    disabled?: boolean;
+}
+interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "onChange"> {
+    label: string;
+    options: Option[];
+    icon?: React.ReactNode;
+    error?: string;
+    containerClassName?: string;
+    name?: any;
+    form?: any;
+    onChange?: (value: string | number | boolean) => void;
+}
+declare const Select: React$1.ForwardRefExoticComponent<SelectProps & React$1.RefAttributes<HTMLSelectElement>>;
+
+interface PhoneInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange"> {
+    label: string;
+    icon?: React.ReactNode;
+    error?: string;
+    containerClassName?: string;
+    name?: any;
+    form?: any;
+    onChange?: (value: string) => void;
+    value?: string;
+}
+declare const PhoneInput: React$1.ForwardRefExoticComponent<PhoneInputProps & React$1.RefAttributes<any>>;
+
+interface InputProps<T extends FieldValues> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "name" | "form"> {
+    label: string;
+    icon?: React.ReactNode;
+    error?: string;
+    containerClassName?: string;
+    name?: Path<T>;
+    form?: UseFormReturn<T>;
+    type?: "text" | "number" | "email" | "password";
+}
+declare const Input: <T extends FieldValues>(props: InputProps<T> & {
+    ref?: React.ForwardedRef<HTMLInputElement>;
+}) => React.ReactElement;
+
+declare const Fields: {
+    Input: <T extends react_hook_form.FieldValues>(props: InputProps<T> & {
+        ref?: React.ForwardedRef<HTMLInputElement>;
+    }) => React.ReactElement;
+    PhoneInput: React$1.ForwardRefExoticComponent<PhoneInputProps & React$1.RefAttributes<any>>;
+    Select: React$1.ForwardRefExoticComponent<SelectProps & React$1.RefAttributes<HTMLSelectElement>>;
+    Textarea: <T extends react_hook_form.FieldValues>(props: TextareaProps<T> & {
+        ref?: React.ForwardedRef<HTMLTextAreaElement>;
+    }) => React.ReactElement;
+    SearchApi: React$1.ForwardRefExoticComponent<SearchApiProps & React$1.RefAttributes<HTMLDivElement>>;
+    DateInput: <T extends react_hook_form.FieldValues>(props: DateInputProps<T> & {
+        ref?: React.ForwardedRef<HTMLInputElement>;
+    }) => React.ReactElement;
+};
+
+interface DataTableProps<TData, TValue> {
+    columns: ColumnDef<TData, TValue>[];
+    data: TData[];
+    isLoading?: boolean;
+    pageRows?: number;
+    searchPlaceholder?: string;
+    className?: string;
+    onChange?: (state: {
+        pagination: {
+            pageIndex: number;
+            pageSize: number;
+            pageCount: number;
+        };
+        sorting: SortingState;
+        columnFilters: ColumnFiltersState;
+        globalFilter: string;
+        selectedRows: TData[];
+        filteredData: TData[];
+    }) => void;
+}
+declare function DataTable<TData, TValue>({ columns, data, isLoading, pageRows, searchPlaceholder, className, onChange, }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+
+interface ThemeConfig {
+    primaryColor?: string;
+}
+interface WarqadConfig {
+    apiUrl?: string;
+    theme?: ThemeConfig;
+}
+interface WarqadConfigContextType {
+    config: WarqadConfig;
+}
+declare const useWarqadConfig: () => WarqadConfig;
+interface WarqadProviderProps {
+    children: ReactNode;
+    config?: WarqadConfig;
+}
+declare const WarqadProvider: ({ children, config, }: WarqadProviderProps) => react_jsx_runtime.JSX.Element;
+
+interface FetchProps {
+    url: string;
+    body?: Record<string, any>;
+    v?: 1 | 2;
+    params?: Record<string, any>;
+    delay?: number;
+    form?: {
+        setError: (field: string, error: {
+            message: string;
+        }) => void;
+    };
+    multipart?: boolean;
+}
+type FetchFunction = (props: Omit<FetchProps, "body">) => Promise<any>;
+type PostFunction = (props: FetchProps) => Promise<any>;
+type PutFunction = (props: FetchProps) => Promise<any>;
+type DeleteFunction = (props: Omit<FetchProps, "body">) => Promise<any>;
+declare const useApi: () => {
+    data: any;
+    error: string | null;
+    isLoading: boolean;
+    pdfLoading: boolean;
+    get: FetchFunction;
+    post: PostFunction;
+    put: PutFunction;
+    remove: DeleteFunction;
+    fetchPdf: ({ url, v, method, body, }: FetchProps & {
+        method: "GET" | "POST";
+    }) => Promise<{
+        ok: boolean;
+        message: string;
+        errors: never[];
+        data?: undefined;
+    } | {
+        ok: boolean;
+        data: string;
+        message?: undefined;
+        errors?: undefined;
+    } | {
+        ok: boolean;
+        message: any;
+        errors?: undefined;
+        data?: undefined;
+    }>;
+};
+
+interface PdfOptions {
+    orientation?: "portrait" | "landscape";
+    unit?: "mm" | "cm" | "in" | "px";
+    format?: string | number[];
+    filename?: string;
+    margin?: number;
+    windowWidth?: number;
+    scale?: number;
+    showPageNumbers?: boolean;
+}
+/**
+ * Generates a text-based, searchable PDF from a DOM element.
+ *
+ * @param elementId The ID of the element to capture
+ * @param options PDF generation options
+ */
+declare const generatePdf: (elementId: string, options?: PdfOptions) => Promise<void>;
+
+export { Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ClassicSpin, CodeBlock, DashboardLayout, DataTable, DateInput, type DateInputProps, Fields, Input, type InputProps, LoadingBox, LoadingSpin, Modal, type ModalProps, type NavItem, type NavItems, type Option, OverlaySpin, PageHeader, type PdfOptions, PhoneInput, type PhoneInputProps, SearchApi, type SearchApiProps, Select, type SelectProps, Textarea, type TextareaProps, type ThemeConfig, ThemeProvider, ThemeToggle, type UseModalReturn, type WarqadConfig, type WarqadConfigContextType, WarqadProvider, generatePdf, useApi, useModal, useTheme, useWarqadConfig };

package/packages/ui/dist/index.d.ts

@@ -0,0 +1,356 @@
+import * as React$1 from 'react';
+import React__default, { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
+import { ColumnDef, SortingState, ColumnFiltersState } from '@tanstack/react-table';
+
+interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: "primary" | "secondary" | "outline" | "ghost" | "danger" | "warning";
+    size?: "sm" | "md" | "lg";
+    isLoading?: boolean;
+    icon?: React__default.ReactNode;
+}
+declare const Button: React__default.FC<ButtonProps>;
+
+interface NavItem {
+    label: string;
+    icon?: React__default.ReactNode;
+    path?: string;
+    subItems?: (NavItem | false | null | undefined)[];
+    hidden?: boolean;
+    disabled?: boolean;
+}
+type NavItems = (NavItem | false | null | undefined)[];
+interface DashboardLayoutProps {
+    children: React__default.ReactNode;
+    navItems: NavItems;
+    title?: string;
+    logo?: React__default.ReactNode;
+    userProfile?: React__default.ReactNode;
+    fontFamily?: string;
+}
+declare const DashboardLayout: React__default.FC<DashboardLayoutProps>;
+
+declare const ThemeToggle: React__default.FC<{
+    className?: string;
+}>;
+
+interface ThemeContextType {
+    isDarkMode: boolean;
+    toggleTheme: () => void;
+    setTheme: (theme: "light" | "dark") => void;
+}
+declare const ThemeProvider: ({ children }: {
+    children: ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+declare const useTheme: () => ThemeContextType;
+
+declare const LoadingBox: () => react_jsx_runtime.JSX.Element;
+
+interface LoadingSpinProps {
+    className?: string;
+    size?: "sm" | "md" | "lg";
+    color?: string;
+}
+declare const LoadingSpin: ({ className, size, color, }: LoadingSpinProps) => react_jsx_runtime.JSX.Element;
+
+declare const ClassicSpin: ({ msg }: {
+    msg?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const OverlaySpin: ({ msg }: {
+    msg?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+interface CodeBlockProps {
+    code: string;
+    language?: string;
+    className?: string;
+}
+declare const CodeBlock: React__default.FC<CodeBlockProps>;
+
+interface CardProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    children: React__default.ReactNode;
+    variant?: "default" | "flat" | "glass";
+}
+declare const Card: {
+    ({ children, className, variant, ...props }: CardProps): react_jsx_runtime.JSX.Element;
+    Header: ({ children, className, }: {
+        children: React__default.ReactNode;
+        className?: string;
+    }) => react_jsx_runtime.JSX.Element;
+    Title: ({ children, className, }: {
+        children: React__default.ReactNode;
+        className?: string;
+    }) => react_jsx_runtime.JSX.Element;
+    Description: ({ children, className, }: {
+        children: React__default.ReactNode;
+        className?: string;
+    }) => react_jsx_runtime.JSX.Element;
+    Content: ({ children, className, }: {
+        children: React__default.ReactNode;
+        className?: string;
+    }) => react_jsx_runtime.JSX.Element;
+    Footer: ({ children, className, }: {
+        children: React__default.ReactNode;
+        className?: string;
+    }) => react_jsx_runtime.JSX.Element;
+};
+declare const CardHeader: ({ children, className, }: {
+    children: React__default.ReactNode;
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const CardTitle: ({ children, className, }: {
+    children: React__default.ReactNode;
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const CardDescription: ({ children, className, }: {
+    children: React__default.ReactNode;
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const CardContent: ({ children, className, }: {
+    children: React__default.ReactNode;
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const CardFooter: ({ children, className, }: {
+    children: React__default.ReactNode;
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title: string;
+    children: React__default.ReactNode;
+    isLoading?: boolean;
+    width?: number;
+}
+declare const Modal: React__default.FC<ModalProps>;
+
+interface PageHeaderProps {
+    title: string;
+    description?: string;
+    children?: React__default.ReactNode;
+    className?: string;
+}
+declare const PageHeader: ({ title, description, children, className, }: PageHeaderProps) => react_jsx_runtime.JSX.Element;
+
+interface UseModalReturn {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    openState: (data: any) => void;
+    state: any;
+    Modal: React.FC<ModalProps>;
+}
+declare const useModal: (initialState?: boolean) => UseModalReturn;
+
+interface DateInputProps<T extends FieldValues> {
+    label: string;
+    error?: string;
+    containerClassName?: string;
+    name?: Path<T>;
+    form?: UseFormReturn<T>;
+    value?: string;
+    onChange?: (value: string) => void;
+    onBlur?: () => void;
+    className?: string;
+    [key: string]: any;
+}
+declare const DateInput: <T extends FieldValues>(props: DateInputProps<T> & {
+    ref?: React.ForwardedRef<HTMLInputElement>;
+}) => React.ReactElement;
+
+interface SearchApiProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> {
+    label?: string;
+    apiUrl: string;
+    placeholder?: string;
+    value?: any;
+    onChange?: (value: any) => void;
+    queryKey?: string;
+    labelKey?: string;
+    valueKey?: string;
+    error?: string;
+    containerClassName?: string;
+    name?: any;
+    form?: any;
+    obj?: any;
+    filter?: any[];
+    v?: number;
+}
+declare const SearchApi: React__default.ForwardRefExoticComponent<SearchApiProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface TextareaProps<T extends FieldValues> extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "name" | "form"> {
+    label: string;
+    error?: string;
+    containerClassName?: string;
+    name?: Path<T>;
+    form?: UseFormReturn<T>;
+}
+declare const Textarea: <T extends FieldValues>(props: TextareaProps<T> & {
+    ref?: React.ForwardedRef<HTMLTextAreaElement>;
+}) => React.ReactElement;
+
+interface Option {
+    value: string | number | boolean;
+    label: string;
+    disabled?: boolean;
+}
+interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "onChange"> {
+    label: string;
+    options: Option[];
+    icon?: React.ReactNode;
+    error?: string;
+    containerClassName?: string;
+    name?: any;
+    form?: any;
+    onChange?: (value: string | number | boolean) => void;
+}
+declare const Select: React$1.ForwardRefExoticComponent<SelectProps & React$1.RefAttributes<HTMLSelectElement>>;
+
+interface PhoneInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange"> {
+    label: string;
+    icon?: React.ReactNode;
+    error?: string;
+    containerClassName?: string;
+    name?: any;
+    form?: any;
+    onChange?: (value: string) => void;
+    value?: string;
+}
+declare const PhoneInput: React$1.ForwardRefExoticComponent<PhoneInputProps & React$1.RefAttributes<any>>;
+
+interface InputProps<T extends FieldValues> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "name" | "form"> {
+    label: string;
+    icon?: React.ReactNode;
+    error?: string;
+    containerClassName?: string;
+    name?: Path<T>;
+    form?: UseFormReturn<T>;
+    type?: "text" | "number" | "email" | "password";
+}
+declare const Input: <T extends FieldValues>(props: InputProps<T> & {
+    ref?: React.ForwardedRef<HTMLInputElement>;
+}) => React.ReactElement;
+
+declare const Fields: {
+    Input: <T extends react_hook_form.FieldValues>(props: InputProps<T> & {
+        ref?: React.ForwardedRef<HTMLInputElement>;
+    }) => React.ReactElement;
+    PhoneInput: React$1.ForwardRefExoticComponent<PhoneInputProps & React$1.RefAttributes<any>>;
+    Select: React$1.ForwardRefExoticComponent<SelectProps & React$1.RefAttributes<HTMLSelectElement>>;
+    Textarea: <T extends react_hook_form.FieldValues>(props: TextareaProps<T> & {
+        ref?: React.ForwardedRef<HTMLTextAreaElement>;
+    }) => React.ReactElement;
+    SearchApi: React$1.ForwardRefExoticComponent<SearchApiProps & React$1.RefAttributes<HTMLDivElement>>;
+    DateInput: <T extends react_hook_form.FieldValues>(props: DateInputProps<T> & {
+        ref?: React.ForwardedRef<HTMLInputElement>;
+    }) => React.ReactElement;
+};
+
+interface DataTableProps<TData, TValue> {
+    columns: ColumnDef<TData, TValue>[];
+    data: TData[];
+    isLoading?: boolean;
+    pageRows?: number;
+    searchPlaceholder?: string;
+    className?: string;
+    onChange?: (state: {
+        pagination: {
+            pageIndex: number;
+            pageSize: number;
+            pageCount: number;
+        };
+        sorting: SortingState;
+        columnFilters: ColumnFiltersState;
+        globalFilter: string;
+        selectedRows: TData[];
+        filteredData: TData[];
+    }) => void;
+}
+declare function DataTable<TData, TValue>({ columns, data, isLoading, pageRows, searchPlaceholder, className, onChange, }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+
+interface ThemeConfig {
+    primaryColor?: string;
+}
+interface WarqadConfig {
+    apiUrl?: string;
+    theme?: ThemeConfig;
+}
+interface WarqadConfigContextType {
+    config: WarqadConfig;
+}
+declare const useWarqadConfig: () => WarqadConfig;
+interface WarqadProviderProps {
+    children: ReactNode;
+    config?: WarqadConfig;
+}
+declare const WarqadProvider: ({ children, config, }: WarqadProviderProps) => react_jsx_runtime.JSX.Element;
+
+interface FetchProps {
+    url: string;
+    body?: Record<string, any>;
+    v?: 1 | 2;
+    params?: Record<string, any>;
+    delay?: number;
+    form?: {
+        setError: (field: string, error: {
+            message: string;
+        }) => void;
+    };
+    multipart?: boolean;
+}
+type FetchFunction = (props: Omit<FetchProps, "body">) => Promise<any>;
+type PostFunction = (props: FetchProps) => Promise<any>;
+type PutFunction = (props: FetchProps) => Promise<any>;
+type DeleteFunction = (props: Omit<FetchProps, "body">) => Promise<any>;
+declare const useApi: () => {
+    data: any;
+    error: string | null;
+    isLoading: boolean;
+    pdfLoading: boolean;
+    get: FetchFunction;
+    post: PostFunction;
+    put: PutFunction;
+    remove: DeleteFunction;
+    fetchPdf: ({ url, v, method, body, }: FetchProps & {
+        method: "GET" | "POST";
+    }) => Promise<{
+        ok: boolean;
+        message: string;
+        errors: never[];
+        data?: undefined;
+    } | {
+        ok: boolean;
+        data: string;
+        message?: undefined;
+        errors?: undefined;
+    } | {
+        ok: boolean;
+        message: any;
+        errors?: undefined;
+        data?: undefined;
+    }>;
+};
+
+interface PdfOptions {
+    orientation?: "portrait" | "landscape";
+    unit?: "mm" | "cm" | "in" | "px";
+    format?: string | number[];
+    filename?: string;
+    margin?: number;
+    windowWidth?: number;
+    scale?: number;
+    showPageNumbers?: boolean;
+}
+/**
+ * Generates a text-based, searchable PDF from a DOM element.
+ *
+ * @param elementId The ID of the element to capture
+ * @param options PDF generation options
+ */
+declare const generatePdf: (elementId: string, options?: PdfOptions) => Promise<void>;
+
+export { Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ClassicSpin, CodeBlock, DashboardLayout, DataTable, DateInput, type DateInputProps, Fields, Input, type InputProps, LoadingBox, LoadingSpin, Modal, type ModalProps, type NavItem, type NavItems, type Option, OverlaySpin, PageHeader, type PdfOptions, PhoneInput, type PhoneInputProps, SearchApi, type SearchApiProps, Select, type SelectProps, Textarea, type TextareaProps, type ThemeConfig, ThemeProvider, ThemeToggle, type UseModalReturn, type WarqadConfig, type WarqadConfigContextType, WarqadProvider, generatePdf, useApi, useModal, useTheme, useWarqadConfig };