@axzydev/axzy_ui_system 1.1.0 → 1.2.0

package/dist/index.d.ts

@@ -1,7 +1,155 @@
+import * as Yup from 'yup';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { ReactNode, FocusEvent } from 'react';
-import * as Yup from 'yup';
+import React__default, { ReactNode, CSSProperties, ElementType, FocusEvent, HTMLAttributes } from 'react';
+
+declare const useClickOutside: (ref: React.RefObject<HTMLElement>, callback: () => void) => void;
+
+interface UseDebouncedSearchOptions {
+    initialValue?: string;
+    debounceMs?: number;
+    onSearch: (value: string) => void;
+}
+interface UseDebouncedSearchResult {
+    searchTerm: string;
+    setSearchTerm: (value: string) => void;
+    handleSearchChange: (value: string) => void;
+    handleClearSearch: () => void;
+}
+declare function useDebouncedSearch({ initialValue, debounceMs, onSearch, }: UseDebouncedSearchOptions): UseDebouncedSearchResult;
+
+type TableVariants = "default" | "striped" | "bordered";
+type TableSize = "sm" | "md" | "lg";
+
+interface SearchColumn<T = any> {
+    key: string;
+    label: string;
+    type: "string" | "number" | "boolean" | "date" | "actions" | "catalog";
+    filter?: boolean | 'catalog';
+    sortable?: boolean;
+    editable?: boolean;
+    inputType?: "text" | "number" | "select" | "checkbox" | "date";
+    options?: {
+        value: string | number;
+        label: string;
+    }[];
+    validation?: (value: any, row?: any) => string | undefined;
+    className?: string;
+    currencyMX?: boolean;
+    catalogOptions?: {
+        data: Array<{
+            id: string | number;
+            name: string;
+        }> | any[];
+        key?: string;
+        label?: string;
+    };
+    render?: (row: T) => React.ReactNode;
+    actions?: (row: T, helpers: {
+        onEdit: (row: T) => void;
+    }) => React.ReactNode;
+    saveActions?: (row: T, helpers: {
+        onSave: (row: T) => void;
+        onCancel: () => void;
+        hasErrors: any;
+    }) => React.ReactNode;
+}
+interface ITSearchTableProps<T> {
+    columns: SearchColumn<T>[];
+    containerClassName?: string;
+    searchInputPlaceholder?: string;
+    data: T[];
+    variant?: TableVariants;
+    className?: string;
+    size?: TableSize;
+    itemsPerPageOptions?: Array<number>;
+    defaultItemsPerPage?: number;
+    validationSchema?: Yup.ObjectSchema<any>;
+    title?: string;
+    pageIndex: number;
+    totalCount: number;
+    totalPages: number;
+    hasPreviousPage: boolean;
+    hasNextPage: boolean;
+    onPageChange?: (page: number) => void;
+    onItemsPerPageChange?: (itemsPerPage: number) => void;
+    onSortChange?: (sortConfig: {
+        key: string;
+        direction: "asc" | "desc";
+    }) => void;
+    onFilterChange?: (filters: Record<string, string | boolean | number>) => void;
+}
+
+interface UseEditableRowOptions<T> {
+    row: T;
+    columns: SearchColumn<T>[];
+    getNestedValue: (obj: unknown, path: string) => unknown;
+    validationSchema?: Yup.ObjectSchema<any>;
+}
+interface UseEditableRowResult<T> {
+    editedRow: T;
+    errors: Record<string, string>;
+    isHovered: boolean;
+    setIsHovered: (v: boolean) => void;
+    hasErrors: boolean;
+    handleEdit: (onEdit?: (row: T) => void) => Promise<void>;
+    handleSave: (onSave?: (row: T) => void) => Promise<void>;
+    handleCancel: (onCancel?: () => void) => void;
+    handleChange: (key: string, value: any) => Promise<void>;
+    reset: () => void;
+}
+declare function useEditableRow<T>({ row, columns, getNestedValue, validationSchema, }: UseEditableRowOptions<T>): UseEditableRowResult<T>;
+
+interface SortConfig {
+    key: string;
+    direction: "asc" | "desc";
+}
+interface UseTableStateOptions {
+    defaultItemsPerPage?: number;
+    initialSort?: SortConfig | null;
+}
+interface UseTableStateResult {
+    currentPage: number;
+    itemsPerPage: number;
+    filters: Record<string, string | boolean | number>;
+    sortConfig: SortConfig | null;
+    totalPages: number;
+    setTotalPages: (pages: number) => void;
+    goToPage: (page: number) => void;
+    handleItemsPerPageChange: (value: number) => void;
+    handleFilterChange: (key: string, value: string | boolean | number | undefined) => void;
+    handleSort: (key: string, sortable?: boolean) => void;
+    resetPage: () => void;
+    clearFilters: () => void;
+}
+declare function useTableState({ defaultItemsPerPage, initialSort, }?: UseTableStateOptions): UseTableStateResult;
+
+type AlertVariant = "info" | "success" | "warning" | "error";
+interface ITAlertProps {
+    variant?: AlertVariant;
+    title?: string;
+    children?: ReactNode;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    icon?: ReactNode;
+    className?: string;
+}
+
+declare function ITAlert({ variant, title, children, dismissible, onDismiss, icon, className, }: ITAlertProps): react_jsx_runtime.JSX.Element;
+
+type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
+interface ITAvatarProps {
+    src?: string;
+    alt?: string;
+    initials?: string;
+    size?: AvatarSize;
+    color?: string;
+    className?: string;
+    badge?: ReactNode;
+    onClick?: () => void;
+}
+
+declare function ITAvatar({ src, alt, initials, size, color, className, badge, onClick, }: ITAvatarProps): react_jsx_runtime.JSX.Element;
 
 declare const semanticColors: {
     primary: {
@@ -143,11 +291,25 @@ interface ITBadgetProps {
 
 declare function ITBadget({ children, label, color, size, variant, className, }: ITBadgetProps): react_jsx_runtime.JSX.Element;
 
+interface ITBreadcrumbItem {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+}
+interface ITBreadcrumbsProps {
+    items: ITBreadcrumbItem[];
+    separator?: ReactNode;
+    className?: string;
+}
+
+declare function ITBreadcrumbs({ items, separator, className, }: ITBreadcrumbsProps): react_jsx_runtime.JSX.Element;
+
 declare const buttonVariants: Record<string, string>;
 
 interface ITButtonProps {
     label?: string;
     children?: React.ReactNode;
+    icon?: React.ReactNode;
     onClick?: () => void;
     color?: ColorsTypes;
     size?: SizesTypes;
@@ -159,7 +321,7 @@ interface ITButtonProps {
     title?: string;
 }
 
-declare function ITButton({ children, label, onClick, type, color, size, disabled, className, variant, ariaLabel, title, }: ITButtonProps): react_jsx_runtime.JSX.Element;
+declare function ITButton({ children, label, icon, onClick, type, color, size, disabled, className, variant, ariaLabel, title, }: ITButtonProps): react_jsx_runtime.JSX.Element;
 
 interface CalendarEvent {
     id: string;
@@ -204,13 +366,33 @@ interface ITCardProps {
     actionClassName?: string;
 }
 
-/**
- * Componente de tarjeta (Card) personalizable.
- */
 declare function ITCard({ title, image, alt, children, actions, className, imageClassName, titleClassName, contentClassName, actionClassName, onClick, }: ITCardProps): react_jsx_runtime.JSX.Element;
 
-type TableVariants = "default" | "striped" | "bordered";
-type TableSize = "sm" | "md" | "lg";
+interface ITCheckboxProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    label?: ReactNode;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    className?: string;
+    name?: string;
+}
+
+declare function ITCheckbox({ checked, onChange, label, disabled, indeterminate, className, name, }: ITCheckboxProps): react_jsx_runtime.JSX.Element;
+
+interface ITConfirmDialogProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    title?: string;
+    message?: ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    variant?: ColorsTypes;
+    loading?: boolean;
+}
+
+declare function ITConfirmDialog({ isOpen, onClose, onConfirm, title, message, confirmLabel, cancelLabel, variant, loading, }: ITConfirmDialogProps): react_jsx_runtime.JSX.Element;
 
 type ColumnType = "string" | "date" | "number" | "boolean" | "actions" | "catalog";
 interface CatalogOption {
@@ -348,9 +530,66 @@ interface ITDialogProps {
     className?: string;
     title?: string;
     useFormHeader?: boolean;
+    fullScreen?: boolean;
+}
+
+declare function ITDialog({ isOpen, onClose, children, className, title, useFormHeader, fullScreen, }: ITDialogProps): React$1.ReactPortal;
+
+type DividerOrientation = "horizontal" | "vertical";
+interface ITDividerProps {
+    orientation?: DividerOrientation;
+    className?: string;
+    color?: string;
+    thickness?: string;
+}
+
+declare function ITDivider({ orientation, className, color, thickness, }: ITDividerProps): react_jsx_runtime.JSX.Element;
+
+type DrawerPosition = "left" | "right";
+interface ITDrawerProps {
+    isOpen: boolean;
+    onClose: () => void;
+    position?: DrawerPosition;
+    size?: string;
+    title?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
 }
 
-declare function ITDialog({ isOpen, onClose, children, className, title, useFormHeader, }: ITDialogProps): React$1.ReactPortal;
+declare function ITDrawer({ isOpen, onClose, position, size, title, children, className, style, }: ITDrawerProps): react_jsx_runtime.JSX.Element;
+
+interface ITEmptyStateProps {
+    icon?: ReactNode;
+    title: string;
+    description?: string;
+    action?: ReactNode;
+    className?: string;
+}
+
+declare function ITEmptyState({ icon, title, description, action, className, }: ITEmptyStateProps): react_jsx_runtime.JSX.Element;
+
+type FlexDirection = "row" | "column" | "row-reverse" | "column-reverse";
+type FlexAlign = "start" | "end" | "center" | "stretch" | "baseline";
+type FlexJustify = "start" | "end" | "center" | "between" | "around" | "evenly";
+type FlexWrap = "nowrap" | "wrap" | "wrap-reverse";
+interface ITFlexProps {
+    children?: ReactNode;
+    direction?: FlexDirection;
+    align?: FlexAlign;
+    justify?: FlexJustify;
+    wrap?: FlexWrap;
+    gap?: number;
+    grow?: boolean | number;
+    shrink?: boolean | number;
+    basis?: string | number;
+    className?: string;
+    style?: CSSProperties;
+    as?: ElementType;
+    onClick?: (e: React.MouseEvent) => void;
+}
+
+declare function ITFlex({ children, direction, align, justify, wrap, gap, grow, shrink, basis, className, style, as: Component, onClick, }: ITFlexProps): react_jsx_runtime.JSX.Element;
 
 interface FieldConfig {
     name: string;
@@ -456,12 +695,41 @@ interface ITFormBuilderProps {
 
 declare function ITFormBuilder({ fields, config, columns, values, handleChange, handleBlur, touched, errors, setFieldValue, setFieldTouched, setFieldError, isSubmitting, }: ITFormBuilderProps): react_jsx_runtime.JSX.Element;
 
-declare const ITImage: ({ src, alt, className, fallbackSrc, }: {
-    src: any;
-    alt: any;
+interface ITFormHeaderProps {
+    title: string;
+    onClose?: () => void;
+    className?: string;
+}
+
+declare function ITFormHeader({ title, onClose, className, }: ITFormHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface ITGridProps {
+    children?: ReactNode;
+    container?: boolean;
+    item?: boolean;
+    spacing?: number;
+    columns?: number;
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    className?: string;
+    style?: CSSProperties;
+    as?: ElementType;
+}
+
+declare function ITGrid({ children, container, item, spacing, columns, xs, sm, md, lg, xl, className, style, as: Component, }: ITGridProps): react_jsx_runtime.JSX.Element;
+
+interface ITImageProps {
+    src: string;
+    alt?: string;
     className?: string;
-    fallbackSrc?: string;
-}) => react_jsx_runtime.JSX.Element;
+    fallback?: string;
+    onClick?: () => void;
+}
+
+declare const ITImage: ({ src, alt, className, fallback, }: ITImageProps) => react_jsx_runtime.JSX.Element;
 
 interface ITInputProps {
     name: string;
@@ -472,6 +740,7 @@ interface ITInputProps {
     value?: any;
     onChange: (event: any) => void;
     onBlur?: (event: React.FocusEvent<HTMLInputElement> | React.FocusEvent<HTMLTextAreaElement, Element>) => void;
+    onKeyDown?: (event: React.KeyboardEvent) => void;
     showHintLength?: boolean;
     maxLength?: number;
     minLength?: number;
@@ -497,7 +766,7 @@ interface ITInputProps {
     readOnly?: boolean;
 }
 
-declare function ITInput({ name, type, label, placeholder, value, onChange, onBlur, disabled, className, containerClassName, labelClassName, touched, error, formatNumber, required, autoFocus, onClick, iconLeft, iconRight, maxLength, minLength, checked, showHintLength, currencyFormat, rows, min, max, readOnly, focusContent }: ITInputProps): react_jsx_runtime.JSX.Element;
+declare function ITInput({ name, type, label, placeholder, value, onChange, onBlur, disabled, className, containerClassName, labelClassName, touched, error, formatNumber, required, autoFocus, onClick, onKeyDown, iconLeft, iconRight, maxLength, minLength, checked, showHintLength, currencyFormat, rows, min, max, readOnly, focusContent }: ITInputProps): react_jsx_runtime.JSX.Element;
 
 interface ITNavigationItem$1 {
     id: string;
@@ -535,6 +804,36 @@ interface ITNavbarProps {
 
 declare function ITNavbar({ logo, logoText, navigationItems, userMenu, children, navItems, showSidebar, showSidebarOnMobile, sidebarItems, }: ITNavbarProps): react_jsx_runtime.JSX.Element;
 
+interface ITPageProps {
+    title?: string;
+    description?: string;
+    breadcrumbs?: ITBreadcrumbItem[];
+    actions?: ReactNode;
+    backAction?: () => void;
+    loading?: boolean;
+    error?: string | null;
+    onRetry?: () => void;
+    empty?: boolean;
+    emptyTitle?: string;
+    emptyDescription?: string;
+    emptyAction?: ReactNode;
+    className?: string;
+    children: ReactNode;
+}
+
+declare function ITPage({ title, description, breadcrumbs, actions, backAction, loading, error, onRetry, empty, emptyTitle, emptyDescription, emptyAction, className, children, }: ITPageProps): react_jsx_runtime.JSX.Element;
+
+interface ITPageHeaderProps {
+    title: string;
+    description?: string;
+    breadcrumbs?: ITBreadcrumbItem[];
+    actions?: ReactNode;
+    backAction?: () => void;
+    className?: string;
+}
+
+declare function ITPageHeader({ title, description, breadcrumbs, actions, backAction, className, }: ITPageHeaderProps): react_jsx_runtime.JSX.Element;
+
 interface ITPaginationProps {
     /**
      * Current active page (1-indexed).
@@ -582,35 +881,45 @@ interface ITPaginationProps {
 
 declare function ITPagination({ currentPage, totalPages, onPageChange, siblingCount, color, className, itemsPerPageOptions, itemsPerPage, onItemsPerPageChange, totalItems, }: ITPaginationProps): react_jsx_runtime.JSX.Element;
 
-interface OptionType {
-    [key: string]: string;
+type PopoverPosition = "top" | "bottom" | "left" | "right";
+interface ITPopoverProps {
+    trigger: ReactNode;
+    children: ReactNode;
+    position?: PopoverPosition;
+    isOpen?: boolean;
+    onClose?: () => void;
+    className?: string;
 }
-interface ITSelectProps {
+
+declare function ITPopover({ trigger, children, position, isOpen: controlledOpen, onClose, className, }: ITPopoverProps): react_jsx_runtime.JSX.Element;
+
+interface ITProgressProps {
+    value?: number;
+    max?: number;
+    variant?: "determinate" | "indeterminate";
+    color?: ColorsTypes;
+    size?: "sm" | "md" | "lg";
+    className?: string;
+    style?: CSSProperties;
+}
+
+declare function ITProgress({ value, max, variant, color, size, className, style, }: ITProgressProps): react_jsx_runtime.JSX.Element;
+
+interface ITRadioOption {
+    value: string;
+    label: ReactNode;
+}
+interface ITRadioGroupProps {
     name: string;
-    options: OptionType[];
-    valueField?: string;
-    labelField?: string;
-    label?: string;
-    placeholder?: string;
-    value?: string;
-    onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
-    onBlur?: (event: React.FocusEvent<HTMLSelectElement>) => void;
-    variant?: ColorsTypes;
-    size?: SizesTypes;
+    value: string;
+    onChange: (value: string) => void;
+    options: ITRadioOption[];
     disabled?: boolean;
+    direction?: "row" | "column";
     className?: string;
-    touched?: boolean;
-    error?: string | boolean;
-    required?: boolean;
-    autoFocus?: boolean;
-    readOnly?: boolean;
 }
 
-/**
- * Componente de selección (select) con soporte para opciones personalizadas, validación y personalización de estilo.
- * Matches styles of ITInput.
- */
-declare function ITSelect({ name, options, label, placeholder, valueField, labelField, value, onChange, onBlur, disabled, className, touched, required, error, readOnly, }: ITSelectProps): react_jsx_runtime.JSX.Element;
+declare function ITRadioGroup({ name, value, onChange, options, disabled, direction, className, }: ITRadioGroupProps): react_jsx_runtime.JSX.Element;
 
 interface ITSearchSelectOption {
     label: string;
@@ -662,6 +971,107 @@ interface ITSearchSelectProps {
  */
 declare function ITSearchSelect({ name, options, label, placeholder, valueField, labelField, value, onChange, onBlur, disabled, className, touched, required, error, readOnly, onSearch, isLoading, noResultsMessage, }: ITSearchSelectProps): react_jsx_runtime.JSX.Element;
 
+interface OptionType {
+    [key: string]: string;
+}
+interface ITSelectProps {
+    name: string;
+    options: OptionType[];
+    valueField?: string;
+    labelField?: string;
+    label?: string;
+    placeholder?: string;
+    value?: string;
+    onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLSelectElement>) => void;
+    variant?: ColorsTypes;
+    size?: SizesTypes;
+    disabled?: boolean;
+    className?: string;
+    touched?: boolean;
+    error?: string | boolean;
+    required?: boolean;
+    autoFocus?: boolean;
+    readOnly?: boolean;
+}
+
+/**
+ * Componente de selección (select) con soporte para opciones personalizadas, validación y personalización de estilo.
+ * Matches styles of ITInput.
+ */
+declare function ITSelect({ name, options, label, placeholder, valueField, labelField, value, onChange, onBlur, disabled, className, touched, required, error, readOnly, }: ITSelectProps): react_jsx_runtime.JSX.Element;
+
+interface CustomITSearchTableProps<T> extends ITSearchTableProps<T> {
+    editingRow?: number | null;
+    searchTermInitial?: string;
+    onClearSearch?: () => void;
+    onEdit?: (row: T, index: number) => void;
+    onSave?: (row: T, index: number) => void;
+    onCancel?: () => void;
+    sortConfig?: {
+        key: string;
+        direction: "asc" | "desc";
+    };
+}
+declare function ITSearchTable<T extends Record<string, unknown>>({ columns, data, containerClassName, searchTermInitial, searchInputPlaceholder, className, variant, size, itemsPerPageOptions, defaultItemsPerPage, title, pageIndex, totalCount, totalPages, hasPreviousPage, hasNextPage, onPageChange, onItemsPerPageChange, onSortChange, onFilterChange, sortConfig, editingRow, validationSchema, onClearSearch, onEdit, onSave, onCancel, }: CustomITSearchTableProps<T>): react_jsx_runtime.JSX.Element;
+
+type SegmentedControlSize = "sm" | "md";
+interface ISegmentedOption {
+    value: string;
+    label: string;
+    icon?: ReactNode;
+}
+interface ITSegmentedControlProps {
+    options: ISegmentedOption[];
+    value: string;
+    onChange: (value: string) => void;
+    size?: SegmentedControlSize;
+    className?: string;
+    disabled?: boolean;
+}
+
+declare function ITSegmentedControl({ options, value, onChange, size, className, disabled, }: ITSegmentedControlProps): react_jsx_runtime.JSX.Element;
+
+interface ITNavigationSubItem {
+    id: string;
+    label: string;
+    action?: () => void;
+    isActive?: boolean;
+}
+interface ITNavigationItem {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    action?: () => void;
+    isActive?: boolean;
+    subitems?: ITNavigationSubItem[];
+    badge?: string;
+}
+interface ITSidebarProps {
+    navigationItems: ITNavigationItem[];
+    isCollapsed?: boolean;
+    onToggleCollapse?: () => void;
+    visibleOnMobile?: boolean;
+    onItemClick?: (item: ITNavigationItem) => void;
+    onSubItemClick?: (subitem: ITNavigationSubItem) => void;
+    subitemConnector?: 'dot' | '|' | 'none';
+    className?: string;
+}
+
+declare function ITSidebar({ navigationItems, isCollapsed, onToggleCollapse, className, visibleOnMobile, onItemClick, onSubItemClick, subitemConnector, }: ITSidebarProps): react_jsx_runtime.JSX.Element;
+
+type SkeletonVariant = "text" | "circular" | "rectangular";
+interface ITSkeletonProps {
+    variant?: SkeletonVariant;
+    width?: string | number;
+    height?: string | number;
+    count?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+
+declare function ITSkeleton({ variant, width, height, count, className, style, }: ITSkeletonProps): react_jsx_runtime.JSX.Element;
+
 interface ITSlideToggleProps {
     /**
      * Callback executed when the switch is toggled. Receives the new state.
@@ -708,13 +1118,82 @@ interface ITSlideToggleProps {
 declare function ITSlideToggle({ onToggle, isOn: controlledIsOn, initialState, activeColor, inactiveColor, // default gray-400
 disabled, size, className, }: ITSlideToggleProps): react_jsx_runtime.JSX.Element;
 
+interface ITSliderProps {
+    value: number;
+    onChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    label?: string;
+    disabled?: boolean;
+    className?: string;
+}
+
+declare function ITSlider({ value, onChange, min, max, step, label, disabled, className, }: ITSliderProps): react_jsx_runtime.JSX.Element;
+
+type StackDirection = "row" | "column" | "row-reverse" | "column-reverse";
+type StackAlignment = "start" | "end" | "center" | "stretch" | "baseline";
+type StackJustify = "start" | "end" | "center" | "between" | "around" | "evenly";
+type StackWrap = "nowrap" | "wrap" | "wrap-reverse";
+interface ITStackProps {
+    children?: ReactNode;
+    direction?: StackDirection;
+    spacing?: number;
+    alignItems?: StackAlignment;
+    justifyContent?: StackJustify;
+    flexWrap?: StackWrap;
+    divider?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    as?: ElementType;
+}
+
+declare function ITStack({ children, direction, spacing, alignItems, justifyContent, flexWrap, divider, className, style, as: Component, }: ITStackProps): react_jsx_runtime.JSX.Element;
+
+interface ITStatCardProps {
+    label: string;
+    value: string | number;
+    trend?: string;
+    trendDirection?: "up" | "down" | "neutral";
+    icon?: ReactNode;
+    color?: string;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: () => void;
+}
+
+declare function ITStatCard({ label, value, trend, trendDirection, icon, color, className, style, onClick, }: ITStatCardProps): react_jsx_runtime.JSX.Element;
+
 declare function ITTable<T extends Record<string, unknown>>({ columns, data, containerClassName, className, variant, size, itemsPerPageOptions, defaultItemsPerPage, title, }: ITTableProps<T>): react_jsx_runtime.JSX.Element;
 
-declare function ITText({ children, className }: {
-    children: any;
+interface ITTextProps extends HTMLAttributes<HTMLElement> {
+    children?: ReactNode;
     className?: string;
+    as?: ElementType;
+    muted?: boolean;
+    htmlFor?: string;
+}
+
+declare function ITText({ children, as: Tag, className, muted, style, ...rest }: ITTextProps & {
+    style?: React.CSSProperties;
 }): react_jsx_runtime.JSX.Element;
 
+interface ITTextareaProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    label?: string;
+    placeholder?: string;
+    rows?: number;
+    disabled?: boolean;
+    error?: string;
+    className?: string;
+    name?: string;
+    maxLength?: number;
+    resize?: "none" | "vertical" | "horizontal" | "both";
+}
+
+declare function ITTextarea({ value, onChange, label, placeholder, rows, disabled, error, className, name, maxLength, resize, }: ITTextareaProps): react_jsx_runtime.JSX.Element;
+
 interface ITTabItem {
     id: string;
     label: string;
@@ -741,13 +1220,14 @@ interface ITTripleFilterProps<T> {
     value: T;
     onChange: (value: T) => void;
     options: ITTripleFilterOption<T>[];
+    color?: ColorsTypes;
     className?: string;
 }
 
 /**
- * @description Generic triple/segmented filter component following AXZY Emerald/Slate theme.
+ * @description Generic triple/segmented filter component with color support.
  */
-declare const ITTripleFilter: <T extends string | boolean>({ value, onChange, options, className, }: ITTripleFilterProps<T>) => react_jsx_runtime.JSX.Element;
+declare const ITTripleFilter: <T extends string | boolean>({ value, onChange, options, color, className, }: ITTripleFilterProps<T>) => react_jsx_runtime.JSX.Element;
 
 interface ITToastProps {
     message: string;
@@ -815,32 +1295,6 @@ interface ITTopBarProps {
     onToggleMobileMenu?: () => void;
 }
 
-interface ITNavigationSubItem {
-    id: string;
-    label: string;
-    action?: () => void;
-    isActive?: boolean;
-}
-interface ITNavigationItem {
-    id: string;
-    label: string;
-    icon?: React.ReactNode;
-    action?: () => void;
-    isActive?: boolean;
-    subitems?: ITNavigationSubItem[];
-    badge?: string;
-}
-interface ITSidebarProps {
-    navigationItems: ITNavigationItem[];
-    isCollapsed?: boolean;
-    onToggleCollapse?: () => void;
-    visibleOnMobile?: boolean;
-    onItemClick?: (item: ITNavigationItem) => void;
-    onSubItemClick?: (subitem: ITNavigationSubItem) => void;
-    subitemConnector?: 'lines' | 'dots' | '|' | 'none';
-    className?: string;
-}
-
 interface ITLayoutProps {
     topBar: ITTopBarProps;
     sidebar: ITSidebarProps;
@@ -1071,4 +1525,4 @@ declare const resolveCssColor: (colorStr: string, palette?: ITThemePalette, isDa
  */
 declare const getContrastTextColor: (bgColor: string, palette?: ITThemePalette, isDarkMode?: boolean) => "text-white" | "text-slate-800";
 
-export { type Column, type FieldConfig, type FieldConfigV2, FileTypeEnum, ITBadget, type ITBadgetProps, ITButton, type ITButtonProps, ITCalendar, type ITCalendarProps, ITCard, type ITCardProps, ITDataTable, type ITDataTableFetchParams, type ITDataTableProps, type ITDataTableResponse, ITDatePicker, type ITDatePickerProps, ITDialog, type ITDialogProps, ITDropfile, ITFormBuilder, type ITFormBuilderProps, ITImage, ITInput, type ITInputProps, ITLayout, type ITLayoutProps, ITLoader, ITNavbar, type ITNavbarProps, ITPagination, ITSearchSelect, type ITSearchSelectProps, ITSelect, type ITSelectProps, ITSlideToggle, type ITSlideToggleProps, ITStepper, type ITTabItem, ITTable, type ITTableProps, ITTabs, type ITTabsProps, ITText, type ITThemeConfig, type ITThemePalette, ITThemeProvider, type ITThemeProviderProps, ITTimePicker, type ITTimePickerProps, ITToast, type ITToastProps, ITTripleFilter, type ITTripleFilterOption, type ITTripleFilterProps, UploadStatus, createValidationSchema, getContrastTextColor, isLightColor, resolveCssColor, useITTheme, useITThemeSafe };
+export { type Column, type FieldConfig, type FieldConfigV2, FileTypeEnum, ITAlert, type ITAlertProps, ITAvatar, type ITAvatarProps, ITBadget, type ITBadgetProps, type ITBreadcrumbItem, ITBreadcrumbs, type ITBreadcrumbsProps, ITButton, type ITButtonProps, ITCalendar, type ITCalendarProps, ITCard, type ITCardProps, ITCheckbox, type ITCheckboxProps, ITConfirmDialog, type ITConfirmDialogProps, ITDataTable, type ITDataTableFetchParams, type ITDataTableProps, type ITDataTableResponse, ITDatePicker, type ITDatePickerProps, ITDialog, type ITDialogProps, ITDivider, type ITDividerProps, ITDrawer, type ITDrawerProps, ITDropfile, ITEmptyState, type ITEmptyStateProps, ITFlex, type ITFlexProps, ITFormBuilder, type ITFormBuilderProps, ITFormHeader, type ITFormHeaderProps, ITGrid, type ITGridProps, ITImage, type ITImageProps, ITInput, type ITInputProps, ITLayout, type ITLayoutProps, ITLoader, type LoaderProps as ITLoaderProps, ITNavbar, type ITNavbarProps, type ITNavigationItem, type ITNavigationSubItem, ITPage, ITPageHeader, type ITPageHeaderProps, type ITPageProps, ITPagination, type ITPaginationProps, ITPopover, type ITPopoverProps, ITProgress, type ITProgressProps, ITRadioGroup, type ITRadioGroupProps, type ITRadioOption, ITSearchSelect, type ITSearchSelectProps, ITSearchTable, type ITSearchTableProps, ITSegmentedControl, type ITSegmentedControlProps, ITSelect, type ITSelectProps, ITSidebar, type ITSidebarProps, ITSkeleton, type ITSkeletonProps, ITSlideToggle, type ITSlideToggleProps, ITSlider, type ITSliderProps, ITStack, type ITStackProps, ITStatCard, type ITStatCardProps, ITStepper, type ITStepperProps, type ITTabItem, ITTable, type ITTableProps, ITTabs, type ITTabsProps, ITText, type ITTextProps, ITTextarea, type ITTextareaProps, type ITThemeConfig, type ITThemePalette, ITThemeProvider, type ITThemeProviderProps, ITTimePicker, type ITTimePickerProps, ITToast, type ITToastProps, ITTripleFilter, type ITTripleFilterOption, type ITTripleFilterProps, UploadStatus, type UseTableStateOptions, type UseTableStateResult, createValidationSchema, getContrastTextColor, isLightColor, resolveCssColor, useClickOutside, useDebouncedSearch, useEditableRow, useITTheme, useITThemeSafe, useTableState };