@abdellatifui/react 3.1.38 → 3.1.40

package/dist/nextgen.d.ts

@@ -26,11 +26,55 @@ import { StyledTooltip as Tooltip } from './Buttons/Button';
 
 export declare const AccordionGroup: (props: any) => JSX_2.Element;
 
+export declare interface AccordionGroupProps {
+    multiple?: boolean;
+    children: default_2.ReactNode;
+    border?: boolean;
+    onChange?: (params: {
+        value: any;
+        props: any;
+        api: any;
+    }) => void;
+    onOpen?: (params: {
+        value: any;
+        props: any;
+        api: any;
+    }) => void;
+    onClose?: (params: {
+        value: any;
+        props: any;
+        api: any;
+    }) => void;
+}
+
 export declare const AccordionItem: (props: any) => JSX_2.Element;
 
-export declare const Alert: default_2.ForwardRefExoticComponent<AlertProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare interface AccordionItemProps {
+    value: string;
+    header: default_2.ReactNode;
+    children: default_2.ReactNode;
+    disabled?: boolean;
+    className?: string;
+}
+
+export declare interface AdvancedSpinnerProps extends SpinnerProps {
+    type?: 'dots' | 'bars' | 'pulse' | 'ring';
+    color?: string;
+    thickness?: number;
+}
 
-declare interface AlertProps {
+export declare const Alert: default_2.ForwardRefExoticComponent<AlertProps_2 & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface AlertProps {
+    type: 'success' | 'error' | 'warning' | 'info';
+    title?: string;
+    message: string;
+    onClose?: () => void;
+    actions?: default_2.ReactNode;
+    className?: string;
+}
+
+declare interface AlertProps_2 {
     dialog: {
         header: string;
         body: string;
@@ -45,9 +89,15 @@ declare interface AlertProps {
     };
 }
 
+export declare interface AppBodyProps extends ContainerProps {
+    sidebar?: default_2.ReactNode;
+    header?: default_2.ReactNode;
+    footer?: default_2.ReactNode;
+}
+
 export declare const AppContext: Context<    {}>;
 
-declare interface AutocompeleteProps extends InputProps {
+declare interface AutocompeleteProps extends InputProps_2 {
     onChange?: void;
     options?: object;
     defaultValue?: string;
@@ -63,22 +113,111 @@ declare interface AutocompeleteProps extends InputProps {
 
 export declare const AutoComplete: default_2.ForwardRefExoticComponent<AutocompeleteProps & default_2.RefAttributes<HTMLInputElement>>;
 
+export declare interface AutoCompleteProps extends InputProps {
+    options: Array<{
+        label: string;
+        value: any;
+    }>;
+    onSelect?: (option: any) => void;
+    filterOptions?: boolean;
+}
+
 declare const Body_2: default_2.ForwardRefExoticComponent<default_2.RefAttributes<unknown>>;
 export { Body_2 as Body }
 
 export { Button }
 
+export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'transparent' | 'secondary' | 'danger' | 'danger2' | 'green' | 'ghost' | 'dangerghost';
+    size?: 'button' | 'sm' | 'lg' | 'xl';
+    border?: boolean | 'ghost';
+    disable?: boolean;
+    hover?: boolean | 'ghost';
+    addClass?: string[];
+    autoFocus?: boolean;
+    icon?: default_2.ReactNode;
+    disableAfterClick?: boolean;
+    tooltip?: string;
+    outline?: boolean;
+    asChild?: boolean;
+}
+
 export declare function capitalizeFirstLetter(string: any): any;
 
 export declare const CloseButton: default_2.ForwardRefExoticComponent<default_2.RefAttributes<unknown>>;
 
 export declare function cn(...inputs: ClassValue[]): string;
 
+export declare interface ColorVariants {
+    variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+}
+
+export declare interface CommonProps {
+    className?: string;
+    children?: default_2.ReactNode;
+    id?: string;
+    style?: default_2.CSSProperties;
+}
+
+export declare interface ConnectionParams {
+    name: string;
+    id: string;
+    sourceId: string;
+    destinationId: string;
+    details?: Record<string, any>;
+    linkColor?: string | null;
+    linkAnimationColor?: string | null;
+    layer?: number;
+    group?: number;
+    bidir?: boolean;
+    sourcePort: string | null;
+    destinationPort: string | null;
+}
+
+export declare interface ConnectionTemplate {
+    name: string;
+    id: string;
+    details: Record<string, any>;
+    sourceId: string;
+    destinationId: string;
+    linkColor: string | null;
+    linkAnimationColor: string | null;
+    layer: number;
+    group: number;
+    bidir: boolean;
+    sourcePort: string | null;
+    destinationPort: string | null;
+}
+
 export declare const Container: default_2.MemoExoticComponent<default_2.ForwardRefExoticComponent<default_2.RefAttributes<unknown>>>;
 
-export declare const ContextMenu: default_2.MemoExoticComponent<default_2.ForwardRefExoticComponent<ContextMenuProps & default_2.RefAttributes<unknown>>>;
+export declare interface ContainerProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    padding?: boolean | 'sm' | 'lg' | 'xl';
+    resizable?: boolean | 'y' | 'x';
+    color?: 'primary' | 'secondary';
+    border?: boolean | 'blue';
+    shadow?: boolean | 'sm' | 'xl' | 'xxl';
+}
+
+export declare const ContextMenu: default_2.MemoExoticComponent<default_2.ForwardRefExoticComponent<ContextMenuProps_2 & default_2.RefAttributes<unknown>>>;
+
+export declare interface ContextMenuProps {
+    items: {
+        items: Array<{
+            label: string;
+            icon?: default_2.ReactNode;
+            action: () => void;
+            disabled?: boolean;
+            separator?: boolean;
+        }>;
+    };
+    event: default_2.MouseEvent | null;
+    onClose?: () => void;
+    className?: string;
+}
 
-declare type ContextMenuProps = {
+declare type ContextMenuProps_2 = {
     items: {
         title: string;
         items: [];
@@ -97,37 +236,39 @@ export declare function convertTimestampToDate(timestamp: any): string;
 
 export declare const CopyButton: default_2.ForwardRefExoticComponent<default_2.RefAttributes<unknown>>;
 
-export declare const createDefaultConnTemplate: (name: any, id: any, sourceId: any, destinationId: any, details?: {}, linkColor?: any, linkAnimationColor?: any, layer?: number, group?: number, bidir?: boolean) => {
-    name: any;
-    id: any;
-    details: {};
-    sourceId: any;
-    destinationId: any;
-    linkColor: any;
-    linkAnimationColor: any;
-    layer: number;
-    group: number;
-    bidir: boolean;
-};
+export declare interface CopyButtonProps extends ButtonProps {
+    text: string;
+    onCopy?: (text: string) => void;
+}
 
-export declare const createDefaultNodeTempate: (name: any, id: any, color: any, lng: any, lat: any, details: any) => {
-    name: any;
-    color: any;
-    elementId: any;
-    details: any;
-    location: {
-        lng: any;
-        lat: any;
-    };
-};
+/**
+ * Creates a default connection template from parameters
+ * @param params - Connection creation parameters
+ * @returns Formatted connection template object
+ */
+export declare const createDefaultConnTemplate: (params: ConnectionParams) => ConnectionTemplate;
+
+/**
+ * Creates a default node template from parameters
+ * @param params - Node creation parameters
+ * @returns Formatted node template object
+ */
+export declare const createDefaultNodeTempate: (params: NodeParams) => NodeTemplate;
 
 export { cva }
 
-export declare const DataTable: default_2.MemoExoticComponent<default_2.ForwardRefExoticComponent<TableProps & default_2.RefAttributes<HTMLDivElement>>>;
+export declare const DataTable: default_2.MemoExoticComponent<default_2.ForwardRefExoticComponent<TableProps_2 & default_2.RefAttributes<HTMLDivElement>>>;
 
-export declare const DialogPanel: default_2.ForwardRefExoticComponent<Omit<DialogPanelProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+export declare const DialogPanel: default_2.ForwardRefExoticComponent<Omit<DialogPanelProps_2, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
 
-declare interface DialogPanelProps {
+export declare interface DialogPanelProps extends ContainerProps {
+    header: string;
+    collapsible?: boolean;
+    close?: boolean;
+    onClose?: () => void;
+}
+
+declare interface DialogPanelProps_2 {
     children: any;
     header: string;
     shortInfo: string;
@@ -138,12 +279,48 @@ declare interface DialogPanelProps {
     closeButton: string;
 }
 
+export declare interface DisabledProps {
+    disabled?: boolean;
+    loading?: boolean;
+}
+
+export declare interface ErrorBoundaryProps {
+    children: default_2.ReactNode;
+    fallback?: default_2.ComponentType<{
+        error: Error;
+        resetError: () => void;
+    }>;
+    onError?: (error: Error, errorInfo: default_2.ErrorInfo) => void;
+}
+
 export declare const ErrorBoundry: (props: any) => JSX_2.Element;
 
+export declare interface EventHandlers {
+    onClick?: (event: default_2.MouseEvent) => void;
+    onDoubleClick?: (event: default_2.MouseEvent) => void;
+    onContextMenu?: (event: default_2.MouseEvent) => void;
+    onChange?: (event: default_2.ChangeEvent) => void;
+    onFocus?: (event: default_2.FocusEvent) => void;
+    onBlur?: (event: default_2.FocusEvent) => void;
+}
+
 export declare const Frame: default_2.ForwardRefExoticComponent<default_2.RefAttributes<unknown>>;
 
 export declare const Frequency: ForwardRefExoticComponent<RefAttributes<unknown>>;
 
+export declare interface FrequencyProps {
+    value: number;
+    onChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    unit?: string;
+}
+
+/**
+ * Generates a random hex color string
+ * @returns Random hex color string starting with #
+ */
 export declare function getRandomColor(): string;
 
 export declare const GetRandomStr: (length?: number, str?: boolean) => string;
@@ -152,21 +329,89 @@ export declare const getWholeSpectrum: () => any[];
 
 export declare function Headline(props: any): JSX_2.Element;
 
+export declare interface HeadlineProps {
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    children: default_2.ReactNode;
+    className?: string;
+    variant?: 'default' | 'muted' | 'accent';
+}
+
 export declare const HelpPopover: (props: any) => JSX_2.Element;
 
-export declare const hex2rgb: (hex: any) => number[];
+export declare interface HelpPopoverProps {
+    title?: string;
+    content: default_2.ReactNode;
+    trigger?: default_2.ReactNode;
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    className?: string;
+}
+
+/**
+ * Converts a hex color string to RGB values
+ * @param hex - Hex color string (with or without #)
+ * @returns Array of [r, g, b] values (0-255)
+ */
+export declare const hex2rgb: (hex: string) => [number, number, number];
 
 export declare const HorizontalDiv: (props: any) => JSX_2.Element;
 
+export declare interface HorizontalDivProps extends ContainerProps {
+    gap?: number;
+    align?: 'start' | 'center' | 'end';
+    justify?: 'start' | 'center' | 'end' | 'between';
+}
+
 export declare const IconButton: default_2.MemoExoticComponent<default_2.ForwardRefExoticComponent<default_2.RefAttributes<unknown>>>;
 
+export declare interface IconButtonProps extends ButtonProps {
+    icon: default_2.ReactNode;
+    size?: 'sm' | 'md' | 'lg';
+}
+
 export declare function InformationTableMui(props: any): JSX_2.Element;
 
+export declare interface InformationTableProps {
+    data: any[];
+    columns: Array<{
+        key: string;
+        label: string;
+        render?: (value: any, row: any) => default_2.ReactNode;
+    }>;
+    sortable?: boolean;
+    filterable?: boolean;
+    pagination?: boolean;
+    pageSize?: number;
+    className?: string;
+}
+
 export declare const InlineSpinner: default_2.MemoExoticComponent<default_2.ForwardRefExoticComponent<default_2.RefAttributes<unknown>>>;
 
+export declare interface InlineSpinnerProps extends SpinnerProps {
+    inline?: boolean;
+}
+
 export declare const Input: default_2.MemoExoticComponent<default_2.ForwardRefExoticComponent<default_2.RefAttributes<unknown>>>;
 
-declare interface InputProps extends InputProps_2 {
+export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLInputElement> {
+    placeholder: string;
+    size: 'screen' | 'frequency' | 'full';
+    description: string;
+    inputRef?: object;
+    invalid?: string;
+    type?: string;
+    defaultValue?: string;
+    value?: string;
+    multiple?: boolean;
+    loading?: boolean;
+    controlled?: boolean;
+    tmpdescription?: {
+        state: boolean;
+        message: string;
+    };
+    onChange?: (value: string) => void;
+}
+
+declare interface InputProps_2 extends InputProps_3 {
     placeholder: string;
     size: string;
     description: string;
@@ -181,17 +426,44 @@ declare interface InputProps extends InputProps_2 {
     multiple: boolean;
 }
 
-declare interface InputProps_2 extends React_2.InputHTMLAttributes<HTMLInputElement> {
+declare interface InputProps_3 extends React_2.InputHTMLAttributes<HTMLInputElement> {
 }
 
 export declare const Label: (props: any) => JSX_2.Element;
 
+export declare interface LabelProps extends HeadlineProps {
+    required?: boolean;
+    error?: string;
+}
+
 export declare const loadFonts: () => void;
 
 export declare const loadFontsOnInteraction: () => void;
 
+export declare interface MainFrameProps extends ContainerProps {
+    title?: string;
+    subtitle?: string;
+    actions?: default_2.ReactNode;
+}
+
+export declare interface MainframeProps {
+    item: {
+        id: string;
+        header: string;
+        body: string;
+        type: string | null;
+        duration?: number;
+        buttons: any[];
+    };
+}
+
 export declare const MainHeader: (props: any) => JSX_2.Element;
 
+export declare interface MainHeaderProps extends HeadlineProps {
+    subtitle?: string;
+    actions?: default_2.ReactNode;
+}
+
 export declare const mapStyles: ({
     name: string;
     url: string;
@@ -212,11 +484,26 @@ export declare const mapStyles: ({
 
 export declare const MenuButton: default_2.ForwardRefExoticComponent<default_2.RefAttributes<unknown>>;
 
-export declare const Model: default_2.ForwardRefExoticComponent<ModelProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare interface MenuButtonProps extends ButtonProps {
+    menuItems: Array<{
+        label: string;
+        action: () => void;
+        icon?: default_2.ReactNode;
+    }>;
+}
+
+export declare const Model: default_2.ForwardRefExoticComponent<ModelProps_2 & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare const ModelContext: Context<    {}>;
 
-declare interface ModelProps {
+export declare interface ModelProps extends ContainerProps {
+    isOpen: boolean;
+    onClose: () => void;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    closeOnOverlayClick?: boolean;
+}
+
+declare interface ModelProps_2 {
     children: any;
     bodyClick: boolean;
     className: string;
@@ -227,9 +514,82 @@ declare interface ModelProps {
 
 export declare const MuiTable: (props: any) => JSX_2.Element;
 
-export declare const NetworkMap: default_2.MemoExoticComponent<default_2.ForwardRefExoticComponent<NetworkMapProps & default_2.RefAttributes<unknown>>>;
+export declare interface MuiTableProps {
+    dataset: any[];
+    columns?: Array<{
+        accessorKey: string;
+        header: string;
+        size?: number;
+        enableSorting?: boolean;
+        enableColumnFilter?: boolean;
+    }>;
+    enableRowSelection?: boolean;
+    enableColumnResizing?: boolean;
+    enableColumnDragging?: boolean;
+    enableColumnOrdering?: boolean;
+    onRowSelectionChange?: (rows: any[]) => void;
+    className?: string;
+}
 
-declare type NetworkMapProps = {
+export declare const NetworkMap: default_2.MemoExoticComponent<default_2.ForwardRefExoticComponent<NetworkMapProps_2 & default_2.RefAttributes<unknown>>>;
+
+export declare interface NetworkMapProps {
+    nodes: object[];
+    connections: object[];
+    linkHighlightedColorHex: string;
+    defaultLinkColorHex: string;
+    hideLinksOnDrag: boolean;
+    showHoveredLinksOnly: boolean;
+    draggingMode: boolean;
+    maxZoomOutForLinkCount: number;
+    nodeSizeScaler: number;
+    defaultAnimationLinkColor: string;
+    linkAnimation: boolean;
+    staticMapColor: string;
+    isolateNonSelectedLinksOnNodeClick: boolean;
+    showLinkCount: boolean;
+    tid: string | number;
+    onConnClick: (conn: object) => void;
+    onNodeClick: (node: object) => void;
+    onNodeMouseOver: (node: object) => void;
+    getMenuTitle: (connection: object) => void;
+    onLinkContextMenu: (info: {
+        data: object;
+        event: default_2.MouseEvent;
+        mapApi: MapProps;
+        type: string;
+    }) => void;
+    enableNativeContextMenu: boolean;
+    enableLngLatBox: boolean;
+    mapStyle: {
+        url: string;
+        index: number;
+        name: string;
+    };
+    hideLinks: boolean;
+    mapProps: MapProps;
+    menuItems: Array<{
+        label: string;
+        action?: (args: {
+            data: object;
+            event: default_2.MouseEvent;
+            mapApi: MapProps;
+            type: string;
+        }) => void;
+    }>;
+    nodeMenuItems: Array<{
+        label: string;
+        action?: (args: {
+            data: object;
+            event: default_2.MouseEvent;
+            mapApi: MapProps;
+            type: string;
+        }) => void;
+    }>;
+    nodeIconMapper?: (object: any) => default_2.ReactNode | null;
+}
+
+declare type NetworkMapProps_2 = {
     nodes: object[];
     connections: object[];
     linkHighlightedColorHex: string;
@@ -287,11 +647,50 @@ declare type NetworkMapProps = {
 
 export declare const NgFailedLegend: (props: any) => JSX_2.Element;
 
+export declare interface NgFailedLegendProps {
+    title?: string;
+    description?: string;
+    className?: string;
+}
+
 export declare const NgSuccessLegend: (props: any) => JSX_2.Element;
 
-export declare const Panel: default_2.ForwardRefExoticComponent<default_2.RefAttributes<PanelProps>>;
+export declare interface NgSuccessLegendProps {
+    title?: string;
+    description?: string;
+    className?: string;
+}
+
+export declare interface NodeParams {
+    name: string;
+    id: string;
+    color: string;
+    lng: number;
+    lat: number;
+    details?: Record<string, any>;
+}
 
-declare interface PanelProps {
+export declare interface NodeTemplate {
+    name: string;
+    color: string;
+    elementId: string;
+    details: Record<string, any>;
+    location: {
+        lng: number;
+        lat: number;
+    };
+}
+
+export declare const Panel: default_2.ForwardRefExoticComponent<default_2.RefAttributes<PanelProps_2>>;
+
+export declare interface PanelProps extends ContainerProps {
+    header?: default_2.ReactNode;
+    footer?: default_2.ReactNode;
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+}
+
+declare interface PanelProps_2 {
     children: any;
     closeButton: boolean;
     header: string;
@@ -303,13 +702,44 @@ declare interface PanelProps {
     defaultClose: string;
 }
 
+export declare interface PropertiesItemProps {
+    label: string;
+    value: any;
+    type?: 'text' | 'number' | 'boolean' | 'date' | 'array' | 'object';
+    editable?: boolean;
+    onChange?: (value: any) => void;
+    className?: string;
+}
+
 export declare const PropItem: (props: any) => JSX_2.Element;
 
 export declare const RadioGroup: ForwardRefExoticComponent<RefAttributes<unknown>>;
 
-export declare const RadioItem: React.FC<RadioItemProps>;
+export declare interface RadioGroupProps {
+    name: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    children: default_2.ReactNode;
+    className?: string;
+    orientation?: 'horizontal' | 'vertical';
+}
+
+export declare const RadioItem: React.FC<RadioItemProps_2>;
 
-declare interface RadioItemProps {
+export declare interface RadioItemProps {
+    children?: default_2.ReactNode;
+    header?: default_2.ReactNode;
+    onSelect?: (ev: default_2.ChangeEvent<HTMLInputElement>, checked: boolean, state: any) => void;
+    onClick?: (state: any) => void;
+    onDoubleClick?: (state: any) => void;
+    onContextMenu?: (state: any) => void;
+    labelProps?: default_2.LabelHTMLAttributes<HTMLLabelElement>;
+    inputProps?: default_2.InputHTMLAttributes<HTMLInputElement>;
+    className?: string;
+    defaultChecked?: boolean;
+}
+
+declare interface RadioItemProps_2 {
     children?: ReactNode;
     header?: ReactNode;
     onSelect?: (ev: ChangeEvent<HTMLInputElement>, checked: boolean, state: any) => void;
@@ -326,6 +756,11 @@ export declare const ScrolBarStyle: (props: any) => JSX_2.Element;
 
 export declare const ScrollArea: default_2.ForwardRefExoticComponent<default_2.RefAttributes<unknown>>;
 
+export declare interface ScrollAreaProps extends ContainerProps {
+    orientation?: 'horizontal' | 'vertical';
+    scrollHideDelay?: number;
+}
+
 export declare type ShadcnTabsProps = {
     tabs: Tab[];
     onChange?: (tab: Tab, value: string) => void;
@@ -339,18 +774,66 @@ export declare type ShadcnTabsProps = {
     full?: boolean;
 };
 
+export declare interface SizeVariants {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+}
+
 export declare const Spinner: default_2.ForwardRefExoticComponent<default_2.RefAttributes<unknown>>;
 
 export declare const SpinnerDialog: default_2.ForwardRefExoticComponent<default_2.RefAttributes<unknown>>;
 
+export declare interface SpinnerDialogProps extends SpinnerProps {
+    isOpen: boolean;
+    onClose?: () => void;
+    title?: string;
+    message?: string;
+}
+
+export declare interface SpinnerProps {
+    variant?: 'blur' | 'primary' | 'white' | 'dark' | 'transparent';
+    size?: 'xs' | 'small' | 'large';
+    text?: string;
+    timeout?: boolean;
+    period?: number;
+    onAbort?: () => void;
+    className?: string;
+}
+
 export declare const SplitButton: default_2.MemoExoticComponent<(props: any) => JSX_2.Element>;
 
+export declare interface SplitButtonProps extends ButtonProps {
+    primaryAction: () => void;
+    secondaryActions: Array<{
+        label: string;
+        action: () => void;
+        icon?: default_2.ReactNode;
+    }>;
+}
+
 export declare const SubHeader: (props: any) => JSX_2.Element;
 
+export declare interface SubHeaderProps extends HeadlineProps {
+    description?: string;
+}
+
 export declare const SwapIconButton: default_2.ForwardRefExoticComponent<default_2.RefAttributes<unknown>>;
 
+export declare interface SwapIconButtonProps extends ButtonProps {
+    icon1: default_2.ReactNode;
+    icon2: default_2.ReactNode;
+    state?: boolean;
+    onSwap?: (state: boolean) => void;
+}
+
 export declare const Switch: default_2.ForwardRefExoticComponent<SwitchProps2 & default_2.RefAttributes<any>>;
 
+export declare interface SwitchProps {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    className?: string;
+}
+
 declare interface SwitchProps2 extends default_2.ComponentPropsWithoutRef {
     onChange?: void;
     label: string;
@@ -367,7 +850,76 @@ export declare type Tab = {
     updateTableRows?: (rows: unknown[]) => void;
 };
 
-declare interface TableProps {
+declare interface Tab_2 {
+    value: string;
+    label: string;
+    content: default_2.ReactNode;
+    default?: boolean;
+    disabled?: boolean;
+    icon?: default_2.ReactNode;
+}
+
+export declare interface TabItemProps {
+    tab: Tab_2;
+    isActive?: boolean;
+    onClick?: () => void;
+    className?: string;
+}
+
+export declare interface TableProps {
+    tid: string | number;
+    dataset: any[];
+    aggrid: AgGridReactProps;
+    pageSize: number;
+    rowHeight: string;
+    tableName: string;
+    enablePagination?: boolean;
+    enableContextMenu?: boolean;
+    rowSelection?: string;
+    toolbarBtns?: any[];
+    hidden?: any[];
+    enableExpand: boolean;
+    autoSizeStrategy?: string;
+    headerMapper?: Array<{
+        key: string;
+        value: any;
+    }>;
+    menuItems?: Array<{
+        label: string;
+        icon: any;
+        action: () => void;
+        type: string;
+        size: string;
+    }>;
+    onRowClick?: (params: any, rowData: any, rows: any[]) => void;
+    onRowDoubleClicked?: (params: any, rowData: any) => void;
+    onCellClick?: (params: any, value: any, field: string) => void;
+    onTableBuilt?: (callback: any) => void;
+    onExpand?: (params: any) => void;
+    onRefresh?: (callback: any) => void;
+    onChangeItem: {
+        key: string;
+        operation: void;
+    };
+    onChange?: Array<{
+        key: string;
+        operation: void;
+    }>;
+    ready?: boolean;
+    multiple?: boolean;
+    autoHideSpinner?: boolean;
+    aggridProps?: Partial<AgGridReactProps>;
+    className?: string;
+    topbar?: boolean;
+    hideFromTable?: any[];
+    formater?: any;
+    viewAsArray?: any[];
+    filter?: any;
+    groupBy?: any;
+    onMultiRowSelection?: (params: any, rows: any[]) => void;
+}
+
+declare interface TableProps_2 {
     tid: string | number;
     dataset: any[];
     aggrid: AgGridReactProps;
@@ -398,6 +950,14 @@ declare interface TableProps {
     onTableBuilt?: (callback: any) => void;
     onExpand?: (params: any) => void;
     onRefresh?: (callback: any) => void;
+    onChangeItem: {
+        key: string;
+        operation: void;
+    };
+    onChange?: {
+        key: string;
+        operation: void;
+    }[];
     ready?: boolean;
     multiple?: boolean;
     autoHideSpinner?: boolean;
@@ -416,14 +976,57 @@ export declare const Tabs: ForwardRefExoticComponent<ShadcnTabsProps & RefAttrib
 
 export declare const TextArea: ForwardRefExoticComponent<RefAttributes<unknown>>;
 
+export declare interface TextAreaProps extends default_2.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    placeholder: string;
+    rows?: number;
+    maxLength?: number;
+    showCharacterCount?: boolean;
+}
+
 export declare const TinnyHelp: (props: any) => JSX_2.Element;
 
+export declare interface TinnyHelpProps {
+    info?: string;
+    more?: default_2.ReactNode;
+    className?: string;
+    size?: 'sx' | 'sm' | 'lg';
+}
+
 export declare const Toast: ForwardRefExoticComponent<RefAttributes<unknown>>;
 
+export declare interface ToastProps {
+    item: {
+        id: string;
+        header: string;
+        body: string;
+        type: 'alert' | 'error' | 'warning' | 'info' | 'progress' | 'success' | null;
+        duration?: number;
+        buttons: any[];
+    };
+    duration?: number;
+}
+
 export declare const ToggleGroup: (props: any) => JSX_2.Element;
 
+export declare interface ToggleGroupProps {
+    value?: string;
+    onValueChange?: (value: string) => void;
+    children: default_2.ReactNode;
+    className?: string;
+    orientation?: 'horizontal' | 'vertical';
+    size?: 'sm' | 'md' | 'lg';
+}
+
 export declare const ToggleItem: (props: any) => JSX_2.Element;
 
+export declare interface ToggleItemProps {
+    value: string;
+    label: string;
+    icon?: default_2.ReactNode;
+    disabled?: boolean;
+    className?: string;
+}
+
 export { Tooltip }
 
 export declare const useApi: (props: any) => {
@@ -444,6 +1047,13 @@ export declare const useApi: (props: any) => {
     };
 };
 
+export declare interface UseApiReturn {
+    data: any;
+    loading: boolean;
+    error: Error | null;
+    refetch: () => void;
+}
+
 export declare function useBoxSize(ref: any): ({
     y: number;
     x: number;
@@ -452,18 +1062,55 @@ y: number;
 x: number;
 }>>)[];
 
+export declare interface UseBoxSizeReturn {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+
 export declare const useGeneratedId: (length?: number, beginstr?: boolean, forcss?: boolean) => string;
 
 export declare const useRandomId: (length?: number) => string;
 
 export declare const useStore: (props?: {}) => {}[];
 
+export declare interface UseStoreReturn<T> {
+    state: T;
+    setState: (newState: T | ((prev: T) => T)) => void;
+    reset: () => void;
+}
+
 export declare const useVariable: (props?: {}) => {}[];
 
+export declare interface UseVariableReturn<T> {
+    value: T;
+    setValue: (newValue: T) => void;
+    reset: () => void;
+}
+
 export declare const VirtualContainer: default_2.ForwardRefExoticComponent<default_2.RefAttributes<unknown>>;
 
+export declare interface VirtualContainerProps extends ContainerProps {
+    itemCount: number;
+    itemHeight: number;
+    renderItem: (index: number) => default_2.ReactNode;
+}
+
 export declare const Whatsnew: default_2.ForwardRefExoticComponent<default_2.RefAttributes<unknown>>;
 
+export declare interface WhatsnewProps {
+    items: Array<{
+        title: string;
+        description: string;
+        image?: string;
+        date: string;
+        version: string;
+    }>;
+    onClose?: () => void;
+    className?: string;
+}
+
 
 export * from "lucide-react";