@true-tech-team/react-components 0.0.10 → 1.0.0

package/lib/components/buttons/Button/Button.d.ts

@@ -56,5 +56,7 @@ export interface ButtonProps extends BaseComponentProps {
      */
     loadingPosition?: 'start' | 'end' | 'center';
 }
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Button: ({ ref, children, variant, size, disabled, type, onClick, fullWidth, startIcon, endIcon, loading, loadingText, loadingPosition, className, "data-testid": testId, "aria-label": ariaLabel, style, ...restProps }: ButtonProps & {
+    ref?: React.Ref<HTMLButtonElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Button;

package/lib/components/buttons/ButtonToggleGroup/ButtonToggleGroup.d.ts

@@ -75,5 +75,7 @@ export interface ButtonToggleGroupProps extends Omit<BaseComponentProps, 'onChan
  * </ButtonToggleGroup>
  * ```
  */
-export declare const ButtonToggleGroup: React.ForwardRefExoticComponent<ButtonToggleGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ButtonToggleGroup: ({ ref, value, defaultValue, onChange, variant, size, orientation, fullWidth, disabled, "aria-label": ariaLabel, name: providedName, children, className, "data-testid": testId, style, ...restProps }: ButtonToggleGroupProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ButtonToggleGroup;

package/lib/components/buttons/ButtonToggleGroup/ButtonToggleGroupItem.d.ts

@@ -33,5 +33,7 @@ export interface ButtonToggleGroupItemProps extends Omit<BaseComponentProps, 'ch
  * </ButtonToggleGroup>
  * ```
  */
-export declare const ButtonToggleGroupItem: React.ForwardRefExoticComponent<ButtonToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ButtonToggleGroupItem: ({ ref, value, icon, disabled: itemDisabled, children, className, "data-testid": testId, style, ...restProps }: ButtonToggleGroupItemProps & {
+    ref?: React.Ref<HTMLButtonElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ButtonToggleGroupItem;

package/lib/components/buttons/IconButton/IconButton.d.ts

@@ -44,5 +44,7 @@ export interface IconButtonProps extends BaseComponentProps {
  * - Default ghost variant for minimal UI
  * - Required aria-label for accessibility
  */
-export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const IconButton: ({ ref, icon, variant, size, disabled, type, onClick, className, "data-testid": testId, "aria-label": ariaLabel, style, ...restProps }: IconButtonProps & {
+    ref?: React.Ref<HTMLButtonElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default IconButton;

package/lib/components/buttons/ToggleButton/ToggleButton.d.ts

@@ -92,5 +92,7 @@ export interface ToggleButtonProps extends Omit<BaseComponentProps, 'children'>
  * />
  * ```
  */
-export declare const ToggleButton: React.ForwardRefExoticComponent<ToggleButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ToggleButton: ({ ref, active, defaultActive, onChange, activeIcon, inactiveIcon, size, activeColor, inactiveColor, disabled, type, animated, className, "data-testid": testId, "aria-label": ariaLabel, style, ...restProps }: ToggleButtonProps & {
+    ref?: React.Ref<HTMLButtonElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ToggleButton;

package/lib/components/display/Accordion/Accordion.d.ts

@@ -108,5 +108,7 @@ export interface AccordionProps extends BaseComponentProps {
  * </Accordion>
  * ```
  */
-export declare const Accordion: import('react').ForwardRefExoticComponent<AccordionProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Accordion: ({ ref, id: providedId, header, children, isOpen: controlledIsOpen, defaultOpen, onOpenChange, iconPosition, expandIcon, collapseIcon, disabled, size, bordered, animationDuration, unmountOnCollapse, headerIcon, onHeaderClick, className, style, "data-testid": testId, "aria-label": ariaLabel, ...restProps }: AccordionProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Accordion;

package/lib/components/display/Avatar/Avatar.d.ts

@@ -55,4 +55,6 @@ export interface AvatarProps extends Omit<BaseComponentProps, 'children'> {
  * <Avatar fallback={<Icon name="user" />} variant="rounded" size="lg" />
  * ```
  */
-export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Avatar: ({ ref, src, alt, size, variant, fallback, initials, status, className, ...restProps }: AvatarProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/display/Badge/Badge.d.ts

@@ -44,5 +44,7 @@ export interface BadgeProps extends BaseComponentProps {
  * </Badge>
  * ```
  */
-export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const Badge: ({ ref, variant, size, disabled, className, children, ...restProps }: BadgeProps & {
+    ref?: React.Ref<HTMLSpanElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Badge;

package/lib/components/display/Card/Card.d.ts

@@ -97,5 +97,7 @@ export interface CardProps extends BaseComponentProps {
  * </Card>
  * ```
  */
-export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Card: ({ ref, variant, size, padding, interactive, disabled, onClick, header, footer, headerDivider, footerDivider, hoverable, fullWidth, className, children, style, "data-testid": testId, "aria-label": ariaLabel, ...restProps }: CardProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Card;

package/lib/components/display/Carousel/Carousel.d.ts

@@ -121,5 +121,7 @@ export interface CarouselProps extends Omit<BaseComponentProps, 'children'> {
  * </Carousel>
  * ```
  */
-export declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Carousel: ({ ref, children, autoPlay, autoPlayInterval, pauseOnHover, showDots, showArrows, infinite, slidesToShow, slidesToScroll, gap, transitionDuration, activeIndex: controlledIndex, defaultIndex, onChange, prevIcon, nextIcon, arrowsOutside, dotsPosition, className, style, "data-testid": testId, "aria-label": ariaLabel, ...restProps }: CarouselProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Carousel;

package/lib/components/display/Chip/Chip.d.ts

@@ -57,5 +57,7 @@ export interface ChipProps extends BaseComponentProps {
  * </Chip>
  * ```
  */
-export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Chip: ({ ref, variant, size, disabled, onRemove, removeButtonClassName, removeButtonAriaLabel, className, children, ...restProps }: ChipProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Chip;

package/lib/components/display/CircularProgress/CircularProgress.d.ts

@@ -61,5 +61,7 @@ export interface CircularProgressProps extends Omit<BaseComponentProps, 'childre
  * <CircularProgress variant="warning" value={50} size="lg" />
  * ```
  */
-export declare const CircularProgress: React.ForwardRefExoticComponent<CircularProgressProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CircularProgress: ({ ref, variant, size, value, max, showValue, label, strokeWidth, formatValue, className, ...restProps }: CircularProgressProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default CircularProgress;

package/lib/components/display/Collapse/Collapse.d.ts

@@ -53,5 +53,7 @@ export interface CollapseProps extends BaseComponentProps {
  * </Collapse>
  * ```
  */
-export declare const Collapse: import('react').ForwardRefExoticComponent<CollapseProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Collapse: ({ ref, isOpen, children, duration, easing, onExpandStart, onExpandEnd, onCollapseStart, onCollapseEnd, unmountOnCollapse, className, style, "data-testid": testId, "aria-label": ariaLabel, ...restProps }: CollapseProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default Collapse;

package/lib/components/display/CountUp/CountUp.d.ts

@@ -115,5 +115,7 @@ export interface CountUpProps extends Omit<BaseComponentProps, 'children'> {
  * />
  * ```
  */
-export declare const CountUp: React.ForwardRefExoticComponent<CountUpProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const CountUp: ({ ref, value, start, duration, easing, prefix, suffix, decimals, separator, decimalSeparator, triggerOnVisible, visibilityThreshold, onStart, onEnd, formatFn, size, autoStart, delay, className, style, "data-testid": testId, "aria-label": ariaLabel, ...restProps }: CountUpProps & {
+    ref?: React.Ref<HTMLSpanElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default CountUp;

package/lib/components/display/FlipCard/FlipCard.d.ts

@@ -121,5 +121,7 @@ export interface FlipCardProps extends Omit<BaseComponentProps, 'children'> {
  * />
  * ```
  */
-export declare const FlipCard: React.ForwardRefExoticComponent<FlipCardProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FlipCard: ({ ref, front, back, isFlipped: controlledIsFlipped, defaultFlipped, onFlipChange, flipTrigger, flipDirection, duration, easing, onFlipStart, onFlipEnd, disabled, height, width, perspective, flipButtonAriaLabel, className, style, "data-testid": testId, "aria-label": ariaLabel, ...restProps }: FlipCardProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default FlipCard;

package/lib/components/display/KPI/KPI.d.ts

@@ -81,5 +81,7 @@ export interface KPIProps extends BaseComponentProps {
  * />
  * ```
  */
-export declare const KPI: React.ForwardRefExoticComponent<KPIProps & React.RefAttributes<HTMLDivElement>>;
+export declare const KPI: ({ ref, variant, size, title, value, subtitle, description, change, changeType, icon, trend, footer, className, children, ...restProps }: KPIProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default KPI;

package/lib/components/display/List/List.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { ListProps } from './types';
-export declare const List: <T extends Record<string, unknown> = Record<string, unknown>>(props: ListProps<T> & {
-    ref?: React.ForwardedRef<HTMLDivElement>;
+export declare const List: <T extends Record<string, any> = Record<string, any>>(props: ListProps<T> & {
+    ref?: React.Ref<HTMLDivElement>;
 }) => React.ReactElement;
 export default List;

package/lib/components/display/List/ListEmpty.d.ts

@@ -19,7 +19,4 @@ export interface ListEmptyProps {
     searchQuery?: string;
 }
 export declare function ListEmpty({ content, renderEmpty, isNoResults, searchQuery, }: ListEmptyProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace ListEmpty {
-    var displayName: string;
-}
 export default ListEmpty;

package/lib/components/display/List/ListGroup.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 export interface ListGroupProps {
     /**
      * Group key (used for collapse state tracking)
@@ -29,8 +29,5 @@ export interface ListGroupProps {
      */
     children: ReactNode;
 }
-export declare function ListGroup({ groupKey, itemCount, collapsible, isCollapsed, onToggle, renderHeader, children, }: ListGroupProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace ListGroup {
-    var displayName: string;
-}
+export declare function ListGroup({ groupKey, itemCount, collapsible, isCollapsed, onToggle, renderHeader, children, }: ListGroupProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export default ListGroup;

package/lib/components/display/List/ListHeader.d.ts

@@ -56,7 +56,4 @@ export interface ListHeaderProps<T extends Record<string, unknown> = Record<stri
     searchComponent?: ReactNode;
 }
 export declare function ListHeader<T extends Record<string, unknown>>({ selectionMode, isAllSelected, isIndeterminate, onSelectAll, selectedCount, totalCount, selectedItems, selectedKeys, bulkActions, renderBulkActions, position, size, searchComponent, }: ListHeaderProps<T>): import("react/jsx-runtime").JSX.Element | null;
-export declare namespace ListHeader {
-    var displayName: string;
-}
 export default ListHeader;

package/lib/components/display/List/ListItem.d.ts

@@ -14,6 +14,6 @@ export interface ListItemProps<T extends Record<string, unknown> = Record<string
     filteredIndex: number;
 }
 export declare const ListItem: <T extends Record<string, unknown> = Record<string, unknown>>(props: ListItemProps<T> & {
-    ref?: React.ForwardedRef<HTMLDivElement>;
+    ref?: React.Ref<HTMLDivElement>;
 }) => React.ReactElement;
 export default ListItem;

package/lib/components/display/List/ListSearch.d.ts

@@ -26,7 +26,4 @@ export interface ListSearchProps {
     onClear?: () => void;
 }
 export declare function ListSearch({ value, onChange, placeholder, isFiltering: _isFiltering, autoFocus, onClear, }: ListSearchProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace ListSearch {
-    var displayName: string;
-}
 export default ListSearch;

package/lib/components/display/List/ListSkeleton.d.ts

@@ -21,7 +21,4 @@ export interface ListSkeletonProps {
     size?: ComponentSize;
 }
 export declare function ListSkeleton({ rows, showAvatar, showSecondaryText, size, }: ListSkeletonProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace ListSkeleton {
-    var displayName: string;
-}
 export default ListSkeleton;

package/lib/components/display/OverflowText/OverflowText.d.ts

@@ -77,5 +77,7 @@ export interface OverflowTextProps extends Omit<BaseComponentProps, 'children'>
  * </OverflowText>
  * ```
  */
-export declare const OverflowText: React.ForwardRefExoticComponent<OverflowTextProps & React.RefAttributes<HTMLElement>>;
+export declare const OverflowText: ({ ref, children, lines, tooltipPosition, tooltipDelay, disableTooltip, tooltipContent, tooltipMaxWidth, as: Component, onOverflowChange, className, style, "data-testid": testId, "aria-label": ariaLabel, ...restProps }: OverflowTextProps & {
+    ref?: React.Ref<HTMLElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default OverflowText;

package/lib/components/display/PageMessages/PageMessages.d.ts

@@ -45,5 +45,7 @@ import { PageMessagesProps } from './types';
  * </PageMessages>
  * ```
  */
-export declare const PageMessages: React.ForwardRefExoticComponent<PageMessagesProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PageMessages: ({ ref, ...props }: PageMessagesProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default PageMessages;

package/lib/components/display/Pill/Pill.d.ts

@@ -79,5 +79,7 @@ export interface PillProps extends BaseComponentProps {
  * </Pill>
  * ```
  */
-export declare const Pill: React.ForwardRefExoticComponent<PillProps & React.RefAttributes<HTMLElement>>;
+export declare const Pill: ({ ref, variant, color, size, disabled, onClick, onRemove, startIcon, endIcon, className, children, ...restProps }: PillProps & {
+    ref?: React.Ref<HTMLElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Pill;

package/lib/components/display/ProgressBar/ProgressBar.d.ts

@@ -77,5 +77,7 @@ export interface ProgressBarProps extends Omit<BaseComponentProps, 'children'> {
  * <ProgressBar variant="warning" value={30} size="lg" striped animated />
  * ```
  */
-export declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ProgressBar: ({ ref, variant, size, value, max, showValue, label, animated, striped, formatValue, indeterminate, bufferValue, className, ...restProps }: ProgressBarProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ProgressBar;

package/lib/components/display/Reveal/Reveal.d.ts

@@ -105,5 +105,7 @@ export interface RevealProps extends BaseComponentProps {
  * </Reveal>
  * ```
  */
-export declare const Reveal: React.ForwardRefExoticComponent<RevealProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Reveal: ({ ref, animation, duration, delay, easing, threshold, triggerOnce, distance, cascade, cascadeDelay, onReveal, initiallyVisible, rootMargin, playOnMount, children, className, style, "data-testid": testId, "aria-label": ariaLabel, ...restProps }: RevealProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Reveal;

package/lib/components/display/ScrollArea/ScrollArea.d.ts

@@ -108,5 +108,7 @@ export interface ScrollAreaProps extends BaseComponentProps {
  * </ScrollArea>
  * ```
  */
-export declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<ScrollAreaRef>>;
+export declare const ScrollArea: ({ ref, direction, maxHeight, maxWidth, showShadows, onScroll, onScrollToTop, onScrollToBottom, onScrollToLeft, onScrollToRight, scrollEndThreshold, children, className, "data-testid": testId, style, ...restProps }: ScrollAreaProps & {
+    ref?: React.Ref<ScrollAreaRef>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ScrollArea;

package/lib/components/display/Skeleton/Skeleton.d.ts

@@ -47,5 +47,7 @@ export interface SkeletonProps extends Omit<BaseComponentProps, 'children'> {
  * <Skeleton variant="rectangular" width="100%" height="200px" />
  * ```
  */
-export declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Skeleton: ({ ref, variant, width, height, animated, lines, className, style, ...restProps }: SkeletonProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Skeleton;

package/lib/components/display/Spinner/Spinner.d.ts

@@ -75,5 +75,7 @@ export interface SpinnerProps extends Omit<BaseComponentProps, 'children'> {
  * <Spinner spinnerStyle="pulse" size="xl" />
  * ```
  */
-export declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Spinner: ({ ref, spinnerStyle, size, variant, speed, strokeWidth, srText, showSrText, className, "aria-label": ariaLabel, "data-testid": testId, style, ...restProps }: SpinnerProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Spinner;

package/lib/components/display/StatusIndicator/StatusIndicator.d.ts

@@ -52,5 +52,7 @@ export interface StatusIndicatorProps extends BaseComponentProps {
  * </StatusIndicator>
  * ```
  */
-export declare const StatusIndicator: React.ForwardRefExoticComponent<StatusIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const StatusIndicator: ({ ref, status, size, pulse, withText, className, children, ...restProps }: StatusIndicatorProps & {
+    ref?: React.Ref<HTMLSpanElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default StatusIndicator;

package/lib/components/display/Table/Table.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { TableProps } from './types';
-export declare const Table: <T extends Record<string, unknown> = Record<string, unknown>>(props: TableProps<T> & {
-    ref?: React.ForwardedRef<HTMLDivElement>;
+export declare const Table: <T extends Record<string, any> = Record<string, unknown>>(props: TableProps<T> & {
+    ref?: React.Ref<HTMLDivElement>;
 }) => React.ReactElement;
 export default Table;

package/lib/components/display/Table/TableBody.d.ts

@@ -1,4 +1 @@
 export declare function TableBody(): import("react/jsx-runtime").JSX.Element;
-export declare namespace TableBody {
-    var displayName: string;
-}

package/lib/components/display/Table/TableCell.d.ts

@@ -6,7 +6,4 @@ interface TableCellProps<T = Record<string, unknown>> {
     isFirstColumn: boolean;
 }
 export declare function TableCell<T extends Record<string, unknown>>({ column, row, rowIndex, isFirstColumn, }: TableCellProps<T>): import("react/jsx-runtime").JSX.Element;
-export declare namespace TableCell {
-    var displayName: string;
-}
 export {};

package/lib/components/display/Table/TableHeader.d.ts

@@ -1,4 +1 @@
 export declare function TableHeader(): import("react/jsx-runtime").JSX.Element;
-export declare namespace TableHeader {
-    var displayName: string;
-}

package/lib/components/display/Table/TableRow.d.ts

@@ -3,7 +3,4 @@ interface TableRowProps<T = Record<string, unknown>> {
     rowIndex: number;
 }
 export declare function TableRow<T extends Record<string, unknown>>({ row, rowIndex }: TableRowProps<T>): import("react/jsx-runtime").JSX.Element;
-export declare namespace TableRow {
-    var displayName: string;
-}
 export {};

package/lib/components/display/Table/TableSearch.d.ts

@@ -26,7 +26,4 @@ export interface TableSearchProps {
     onClear?: () => void;
 }
 export declare function TableSearch({ value, onChange, placeholder, isFiltering, autoFocus, onClear, }: TableSearchProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace TableSearch {
-    var displayName: string;
-}
 export default TableSearch;

package/lib/components/display/Table/TableSkeleton.d.ts

@@ -6,7 +6,4 @@ interface TableSkeletonProps {
     hasSelectionColumn?: boolean;
 }
 export declare function TableSkeleton({ rows, columns, hasExpandColumn, hasSelectionColumn, }: TableSkeletonProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace TableSkeleton {
-    var displayName: string;
-}
 export {};

package/lib/components/display/Table/hooks/useInfiniteScroll.d.ts

@@ -6,6 +6,6 @@ export interface UseInfiniteScrollOptions {
     rootMargin?: string;
 }
 export interface UseInfiniteScrollReturn {
-    sentinelRef: React.RefObject<HTMLDivElement>;
+    sentinelRef: React.RefObject<HTMLDivElement | null>;
 }
 export declare function useInfiniteScroll({ onLoadMore, hasMore, loading, threshold, rootMargin, }: UseInfiniteScrollOptions): UseInfiniteScrollReturn;

package/lib/components/display/Tabs/Tab.d.ts

@@ -37,5 +37,7 @@ export interface TabProps extends Omit<BaseComponentProps, 'children'> {
  * </Tabs>
  * ```
  */
-export declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Tab: ({ ref, value, icon, disabled: tabDisabled, children, className, "data-testid": testId, style, ...restProps }: TabProps & {
+    ref?: React.Ref<HTMLButtonElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Tab;

package/lib/components/display/Tabs/TabList.d.ts

@@ -23,5 +23,7 @@ export interface TabListProps extends BaseComponentProps {
  * </Tabs>
  * ```
  */
-export declare const TabList: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TabList: ({ ref, children, className, "data-testid": testId, style, ...restProps }: TabListProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default TabList;

package/lib/components/display/Tabs/TabPanel.d.ts

@@ -27,5 +27,7 @@ export interface TabPanelProps extends BaseComponentProps {
  * </Tabs>
  * ```
  */
-export declare const TabPanel: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TabPanel: ({ ref, value, children, className, "data-testid": testId, style, ...restProps }: TabPanelProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default TabPanel;

package/lib/components/display/Tabs/Tabs.d.ts

@@ -86,5 +86,7 @@ export interface TabsProps extends Omit<BaseComponentProps, 'onChange'> {
  * </Tabs>
  * ```
  */
-export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Tabs: ({ ref, value, defaultValue, onChange, variant, size, orientation, disabled, lazyMount, keepMounted, fitted, children, className, "data-testid": testId, style, ...restProps }: TabsProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Tabs;

package/lib/components/display/Tag/Tag.d.ts

@@ -57,4 +57,6 @@ export interface TagProps extends BaseComponentProps {
  * </Tag>
  * ```
  */
-export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLElement>>;
+export declare const Tag: ({ ref, variant, size, disabled, removable, onRemove, onClick, className, children, ...restProps }: TagProps & {
+    ref?: React.Ref<HTMLElement>;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/display/TruncatedList/TruncatedList.d.ts

@@ -64,6 +64,6 @@ export interface TruncatedListProps<T> extends Omit<BaseComponentProps, 'childre
     keyExtractor?: (item: T, index: number) => string | number;
 }
 export declare const TruncatedList: <T>(props: TruncatedListProps<T> & {
-    ref?: React.ForwardedRef<HTMLDivElement>;
+    ref?: React.Ref<HTMLDivElement>;
 }) => React.ReactElement;
 export default TruncatedList;

package/lib/components/dnd/DragHandle/DragHandle.d.ts

@@ -37,5 +37,7 @@ export interface DragHandleProps extends Omit<BaseComponentProps, 'children'>, O
  * </SortableItem>
  * ```
  */
-export declare const DragHandle: React.ForwardRefExoticComponent<DragHandleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DragHandle: ({ ref, size, variant, disabled, label, className, "data-testid": dataTestId, "aria-label": ariaLabel, style, ...rest }: DragHandleProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default DragHandle;

package/lib/components/dnd/DragOverlay/DragOverlay.d.ts

@@ -5,7 +5,7 @@ export interface DragOverlayProps extends Omit<BaseComponentProps, 'children'> {
      * Content to render in the overlay
      * Can be a render function that receives the active drag data
      */
-    children?: ReactNode | ((activeId: string, activeData: Record<string, unknown>) => ReactNode);
+    children?: ReactNode | ((activeId: string, activeData: Record<string, any>) => ReactNode);
     /**
      * Whether to adjust position with scroll
      * @default true

package/lib/components/dnd/KanbanBoard/KanbanBoard.d.ts

@@ -120,7 +120,4 @@ export interface KanbanBoardProps<T extends KanbanCardData> extends Omit<BaseCom
  * ```
  */
 export declare function KanbanBoard<T extends KanbanCardData>(props: KanbanBoardProps<T>): import("react/jsx-runtime").JSX.Element;
-export declare namespace KanbanBoard {
-    var displayName: string;
-}
 export default KanbanBoard;

package/lib/components/dnd/KanbanBoard/KanbanCard.d.ts

@@ -72,5 +72,7 @@ export interface KanbanCardProps extends Omit<BaseComponentProps, 'children'> {
  * </KanbanCard>
  * ```
  */
-export declare const KanbanCard: React.ForwardRefExoticComponent<KanbanCardProps & React.RefAttributes<HTMLDivElement>>;
+export declare const KanbanCard: ({ ref, id, columnId, index, disabled, children, className, "data-testid": dataTestId, "aria-label": ariaLabel, style, data, }: KanbanCardProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default KanbanCard;

package/lib/components/dnd/KanbanBoard/KanbanColumn.d.ts

@@ -39,5 +39,7 @@ export interface KanbanColumnProps extends BaseComponentProps {
  * </KanbanColumn>
  * ```
  */
-export declare const KanbanColumn: React.ForwardRefExoticComponent<KanbanColumnProps & React.RefAttributes<HTMLDivElement>>;
+export declare const KanbanColumn: ({ ref, id, index, title, header, disabled, children, className, "data-testid": dataTestId, "aria-label": ariaLabel, style, data, }: KanbanColumnProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default KanbanColumn;

package/lib/components/dnd/ResizablePanels/ResizablePanel.d.ts

@@ -49,5 +49,10 @@ export interface ResizablePanelProps extends BaseComponentProps {
  * </ResizablePanels>
  * ```
  */
-export declare const ResizablePanel: React.ForwardRefExoticComponent<ResizablePanelProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ResizablePanel: {
+    ({ ref, id, minSize, maxSize, defaultSize, collapsible, collapsed, onCollapse: _onCollapse, children, className, "data-testid": dataTestId, "aria-label": ariaLabel, style, }: ResizablePanelProps & {
+        ref?: React.Ref<HTMLDivElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default ResizablePanel;

package/lib/components/dnd/ResizablePanels/ResizeHandle.d.ts

@@ -24,5 +24,7 @@ export interface ResizeHandleProps extends Omit<BaseComponentProps, 'children'>
  * </ResizablePanels>
  * ```
  */
-export declare const ResizeHandle: React.ForwardRefExoticComponent<ResizeHandleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ResizeHandle: ({ ref, variant, showOnHover, className, "data-testid": dataTestId, "aria-label": ariaLabel, style, }: ResizeHandleProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ResizeHandle;

package/lib/components/dnd/SortableGrid/SortableGrid.d.ts

@@ -70,7 +70,4 @@ export interface SortableGridProps<T extends SortableGridItemData> extends Omit<
  * ```
  */
 export declare function SortableGrid<T extends SortableGridItemData>({ items, onReorder, renderItem, columns, minItemWidth, gap, disabled, className, 'data-testid': dataTestId, 'aria-label': ariaLabel, style, }: SortableGridProps<T>): import("react/jsx-runtime").JSX.Element;
-export declare namespace SortableGrid {
-    var displayName: string;
-}
 export default SortableGrid;

package/lib/components/dnd/SortableGrid/SortableGridItem.d.ts

@@ -43,5 +43,7 @@ export interface SortableGridItemProps extends Omit<BaseComponentProps, 'childre
 /**
  * SortableGridItem component for use within SortableGrid
  */
-export declare const SortableGridItem: React.ForwardRefExoticComponent<SortableGridItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SortableGridItem: ({ ref, id, index, disabled, children, className, "data-testid": dataTestId, "aria-label": ariaLabel, style, data, }: SortableGridItemProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SortableGridItem;

package/lib/components/dnd/SortableList/SortableItem.d.ts

@@ -72,5 +72,7 @@ export interface SortableItemProps extends Omit<BaseComponentProps, 'children'>
  * </SortableItem>
  * ```
  */
-export declare const SortableItem: React.ForwardRefExoticComponent<SortableItemProps & React.RefAttributes<HTMLElement>>;
+export declare const SortableItem: ({ ref, id, index, disabled, as: Component, children, className, "data-testid": dataTestId, "aria-label": ariaLabel, style, data, }: SortableItemProps & {
+    ref?: React.Ref<HTMLElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SortableItem;

package/lib/components/dnd/SortableList/SortableList.d.ts

@@ -92,7 +92,4 @@ export interface SortableListProps<T extends SortableListItem> extends Omit<Base
  * ```
  */
 export declare function SortableList<T extends SortableListItem>(props: SortableListProps<T>): import("react/jsx-runtime").JSX.Element;
-export declare namespace SortableList {
-    var displayName: string;
-}
 export default SortableList;

package/lib/components/filters/core/ActiveFilters/ActiveFilters.d.ts

@@ -12,5 +12,7 @@ import { ActiveFiltersProps } from '../../types';
  * </FilterProvider>
  * ```
  */
-export declare const ActiveFilters: React.ForwardRefExoticComponent<ActiveFiltersProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ActiveFilters: ({ ref, maxVisible, showClearAll, clearAllLabel, emptyContent, chipVariant, chipSize, renderChip, className, ...restProps }: ActiveFiltersProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default ActiveFilters;

package/lib/components/filters/core/FilterField/FilterField.d.ts

@@ -13,5 +13,7 @@ import { FilterFieldProps } from '../../types';
  * </FilterProvider>
  * ```
  */
-export declare const FilterField: React.ForwardRefExoticComponent<FilterFieldProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FilterField: ({ ref, filterId, label, placeholder, showLabel, componentProps, className, ...restProps }: FilterFieldProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default FilterField;