@trackunit/react-components 0.1.385 → 0.1.388

package/src/components/Breadcrumb/BreadcrumbForSmallScreen.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { BreadcrumbContainerProps } from "./utils/types";
 /**
  * BreadcrumbForSmallScreen is a helper component that renders the breadcrumb items for small screens.
  */
-export declare const BreadcrumbForSmallScreen: ({ dataTestId, breadcrumbItems }: BreadcrumbContainerProps) => JSX.Element;
+export declare const BreadcrumbForSmallScreen: ({ dataTestId, breadcrumbItems }: BreadcrumbContainerProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Breadcrumb/utils/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps } from "../../../common";
 export interface BreadcrumbItemProps {
     label: string;

package/src/components/Card/Card.d.ts

@@ -30,4 +30,4 @@ export interface CardProps extends CommonProps, React.InputHTMLAttributes<HTMLDi
  * @param {CardProps} props - The props for the Card component
  * @returns {JSX.Element} Card component
  */
-export declare const Card: ({ children, onClick, fullHeight, onMouseEnter, onMouseLeave, className, dataTestId, ...rest }: CardProps) => JSX.Element;
+export declare const Card: ({ children, onClick, fullHeight, onMouseEnter, onMouseLeave, className, dataTestId, ...rest }: CardProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Card/CardBody.d.ts

@@ -26,4 +26,4 @@ export interface CardBodyProps extends CommonProps {
  * @param {CardBodyProps} props - The props for the CardBody component
  * @returns {JSX.Element} CardBody component
  */
-export declare const CardBody: ({ density, children, dataTestId, className, disableGap, id }: CardBodyProps) => JSX.Element;
+export declare const CardBody: ({ density, children, dataTestId, className, disableGap, id }: CardBodyProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Card/CardFooter.d.ts

@@ -22,4 +22,4 @@ export interface CardFooterProps extends CommonProps {
  * @param {CardFooterProps} props - The props for the CardFooter component
  * @returns {JSX.Element} CardFooter component
  */
-export declare const CardFooter: ({ dataTestId, className, children, density, hideSeparator }: CardFooterProps) => JSX.Element;
+export declare const CardFooter: ({ dataTestId, className, children, density, hideSeparator }: CardFooterProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Card/CardHeader.d.ts

@@ -44,4 +44,4 @@ export interface CardHeaderProps extends CommonProps {
  * @param {CardHeaderProps} props - The props for the CardHeader component
  * @returns {JSX.Element} CardHeader component
  */
-export declare const CardHeader: ({ heading, headingVariant, subHeading, onClose, dataTestId, className, children, accessories, actions, density, hideSeparator, }: CardHeaderProps) => JSX.Element;
+export declare const CardHeader: ({ heading, headingVariant, subHeading, onClose, dataTestId, className, children, accessories, actions, density, hideSeparator, }: CardHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Collapse/Collapse.d.ts

@@ -44,4 +44,4 @@ export interface CollapseProps extends CommonProps {
  * @param {CollapseProps} props - The props for the Collapse component
  * @returns {JSX.Element} Collapse component
  */
-export declare const Collapse: ({ id, initialExpanded, onToggle, label, children, className, headerClassName, headerAddon, dataTestId, }: CollapseProps) => JSX.Element;
+export declare const Collapse: ({ id, initialExpanded, onToggle, label, children, className, headerClassName, headerAddon, dataTestId, }: CollapseProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/CompletionStatusIndicator/CompletionStatusIndicator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps } from "../../common/CommonProps";
 export interface CompletionStatusIndicatorProps extends CommonProps {
     loading: boolean;
@@ -18,4 +17,4 @@ export interface CompletionStatusIndicatorProps extends CommonProps {
  * @param {boolean} props.warning - Indicates if the process has a warning.
  * @param {boolean} props.success - Indicates if the process was successful.
  */
-export declare const CompletionStatusIndicator: ({ loading, error, success, ...rest }: CompletionStatusIndicatorProps) => JSX.Element | null;
+export declare const CompletionStatusIndicator: ({ loading, error, success, ...rest }: CompletionStatusIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;

package/src/components/CopyableText/CopyableText.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps } from "../../common";
 export interface CopyableTextProps extends CommonProps {
     /**
@@ -18,4 +17,4 @@ export interface CopyableTextProps extends CommonProps {
  * @param {CopyableTextProps} props - The props for the CopyableText component
  * @returns {JSX.Element} CopyableText component
  */
-export declare const CopyableText: ({ text, alternativeText, dataTestId, className }: CopyableTextProps) => JSX.Element;
+export declare const CopyableText: ({ text, alternativeText, dataTestId, className }: CopyableTextProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Drawer/Drawer.d.ts

@@ -29,4 +29,4 @@ export interface DrawerProps extends CommonProps {
  * @param {DrawerProps} props - The props for the Drawer component
  * @returns {JSX.Element} Drawer component
  */
-export declare const Drawer: ({ open, onClose, children, disableOverlay, position, className, dataTestId, }: DrawerProps) => JSX.Element;
+export declare const Drawer: ({ open, onClose, children, disableOverlay, position, className, dataTestId, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/EmptyState/EmptyState.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps } from "../../common";
 type Image = "WORKER_WITH_SIGN" | "ROAD_BLOCK" | "BUILDING_ERROR" | "WALL_CONSTRUCTION" | "PHONE_LOCK_SECURITY" | "SEARCH_DOCUMENT";
 export interface EmptyStateProps extends CommonProps {
@@ -24,5 +23,5 @@ export interface EmptyStateProps extends CommonProps {
  * image="BUILDING_ERROR"
  * />
  */
-export declare const EmptyState: ({ title, description, altText, image, customImageSrc, action, loading, dataTestId, className, }: EmptyStateProps) => JSX.Element;
+export declare const EmptyState: ({ title, description, altText, image, customImageSrc, action, loading, dataTestId, className, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/EmptyValue/EmptyValue.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps } from "../../common/CommonProps";
 export interface EmptyValueProps extends CommonProps {
 }

package/src/components/ExternalLink/ExternalLink.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps } from "../../common";
 export interface ExternalLinkProps extends CommonProps {
     /**

package/src/components/Icon/Icon.d.ts

@@ -206,11 +206,7 @@ export declare const iconPalette: {
         readonly 50: "239 246 255";
         readonly 100: "219 234 254";
         readonly 200: "191 219 254";
-        readonly 300: "147 197 253"; /**
-         * Select if the icon should be rendered as solid or outline.
-         * Default value depends on the Size prop, mini == solid, medium == solid, large == outline.
-         * Trackunit icons might not support both outline and Solid.
-         */
+        readonly 300: "147 197 253";
         readonly 400: "96 165 250";
         readonly 500: "59 130 246";
         readonly 600: "37 99 235";
@@ -320,5 +316,5 @@ export type IconProps = DiscriminatedIconProps & CommonProps & AriaProps & {
  * @param {IconProps} props - The props for the Icon component
  * @returns {JSX.Element} Icon component
  */
-export declare const Icon: ({ name, size, className, dataTestId, color, onClick, type, style, forwardedRef, ariaLabel, ariaLabelledBy, ariaDescribedBy, }: IconProps) => JSX.Element;
+export declare const Icon: ({ name, size, className, dataTestId, color, onClick, type, style, forwardedRef, ariaLabel, ariaLabelledBy, ariaDescribedBy, }: IconProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/Indicator/Indicator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ActivityColors, CriticalityColors, GeneralColors, IntentColors, RentalStatusColors, SitesColors, UtilizationColors } from "@trackunit/ui-design-tokens";
 import { CommonProps } from "../../common/CommonProps";
 export interface IndicatorProps extends CommonProps {

package/src/components/Menu/MenuList/MenuList.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps } from "../../../common";
 import { MenuItemProps } from "../MenuItem/MenuItem";
 export interface MenuListItemProps extends MenuItemProps {

package/src/components/Menu/MoreMenu/MoreMenu.d.ts

@@ -22,5 +22,5 @@ export interface MoreMenuProps extends CommonProps {
  * @param {MoreMenuProps} props - The props for the MoreMenu component
  * @returns {JSX.Element} MoreMenu component
  */
-export declare const MoreMenu: ({ className, dataTestId, popoverProps, iconProps, iconButtonProps, customButton, customPortalId, children, }: MoreMenuProps) => JSX.Element;
+export declare const MoreMenu: ({ className, dataTestId, popoverProps, iconProps, iconButtonProps, customButton, customPortalId, children, }: MoreMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/Notice/Notice.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GeneralColors, IntentColors } from "@trackunit/ui-design-tokens";
 import { CommonProps } from "../../common/CommonProps";
 export interface NoticeProps extends CommonProps {

package/src/components/Page/Page.d.ts

@@ -17,4 +17,4 @@ export interface PageProps extends CommonProps {
 /**
  * Renders the page component. Adds padding and layout to the page.
  */
-export declare const Page: ({ layout, className, children, dataTestId }: PageProps) => JSX.Element;
+export declare const Page: ({ layout, className, children, dataTestId }: PageProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Page/PageContent.d.ts

@@ -13,5 +13,5 @@ interface PageContentProps extends CommonProps {
  * @param {PageContentProps} props - The component props.
  * @returns {React.ReactNode} - The rendered component.
  */
-export declare const PageContent: ({ className, children, dataTestId }: PageContentProps) => JSX.Element;
+export declare const PageContent: ({ className, children, dataTestId }: PageContentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/PageHeader/PageHeader.d.ts

@@ -55,4 +55,4 @@ export interface PageHeaderProps extends CommonProps {
  * @param {PageHeaderProps} props - The props for the PageHeader component
  * @returns {JSX.Element} PageHeader component
  */
-export declare const PageHeader: ({ className, dataTestId, action, showLoading, description, link, title, tag, backTo, tagColor, children, tabsList, linkText, }: PageHeaderProps) => JSX.Element;
+export declare const PageHeader: ({ className, dataTestId, action, showLoading, description, link, title, tag, backTo, tagColor, children, tabsList, linkText, }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Pagination/Pagination.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface PaginationProps {
     /**
      * A go to previous page handler
@@ -59,4 +58,4 @@ export interface PaginationProps {
  * @param {PaginationProps} props - The props for the Pagination component
  * @returns {JSX.Element} Pagination component
  */
-export declare const Pagination: ({ previousPage, nextPage, canPreviousPage, canNextPage, pageCount, pageIndex, loading, className, dataTestId, getTranslatedCount, onPageChange, cursorBase, }: PaginationProps) => JSX.Element;
+export declare const Pagination: ({ previousPage, nextPage, canPreviousPage, canNextPage, pageCount, pageIndex, loading, className, dataTestId, getTranslatedCount, onPageChange, cursorBase, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Popover/Popover.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PopoverProps, UsePopoverType } from "./PopoverTypes";
 export type ContextType = UsePopoverType | null;
 /**
@@ -23,4 +22,4 @@ export declare const usePopoverContext: () => UsePopoverType;
  */
 export declare const Popover: ({ children, isModal, ...restOptions }: {
     children: React.ReactNode;
-} & PopoverProps) => JSX.Element;
+} & PopoverProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Popover/PopoverContent.d.ts

@@ -8,4 +8,4 @@ export interface PopoverContentProps extends Omit<React.HTMLProps<HTMLDivElement
      */
     portalId?: string;
 }
-export declare const PopoverContent: React.ForwardRefExoticComponent<Pick<PopoverContentProps, "children" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "portalId" | "dataTestId"> & React.RefAttributes<HTMLDivElement>>;
+export declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/src/components/Popover/PopoverTitle.d.ts

@@ -17,4 +17,4 @@ export interface PopoverTitleProps extends CommonProps {
  * @param {PopoverTitleProps} props - The props for the PopoverTitle component
  * @returns {JSX.Element} PopoverTitle component
  */
-export declare const PopoverTitle: ({ children, action, divider, className, dataTestId }: PopoverTitleProps) => JSX.Element;
+export declare const PopoverTitle: ({ children, action, divider, className, dataTestId }: PopoverTitleProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Popover/PopoverTrigger.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface PopoverTriggerProps {
     /** Any elements that when clicked should open the popover */
     children: React.ReactNode;
@@ -8,5 +7,5 @@ interface PopoverTriggerProps {
      */
     renderButton?: boolean;
 }
-export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLProps<HTMLElement> & PopoverTriggerProps, "children" | "renderButton" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & import("react").RefAttributes<HTMLElement>>;
+export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLProps<HTMLElement> & PopoverTriggerProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
 export {};

package/src/components/Popover/PopoverTypes.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExtendedRefs, ReferenceType, UseDismissProps, UseFloatingReturn } from "@floating-ui/react";
 import { CommonProps } from "../../common";
 export type PopoverActivation = {

package/src/components/Sidebar/Sidebar.d.ts

@@ -54,4 +54,4 @@ export interface SidebarProps extends CommonProps {
  * @param {SidebarProps} props - The props for the Sidebar component
  * @returns {JSX.Element} Sidebar component
  */
-export declare const Sidebar: ({ childContainerClassName, children, breakpoint, className, dataTestId, moreMenuProps, menuListProps, overflowThreshold, }: SidebarProps) => JSX.Element;
+export declare const Sidebar: ({ childContainerClassName, children, breakpoint, className, dataTestId, moreMenuProps, menuListProps, overflowThreshold, }: SidebarProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/SkeletonLines/SkeletonLines.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps } from "../../common/CommonProps";
 export interface SkeletonLinesProps extends CommonProps {
     /**
@@ -21,4 +20,4 @@ export interface SkeletonLinesProps extends CommonProps {
 /**
  * Display placeholder lines before the data gets loaded to reduce load-time frustration.
  */
-export declare const SkeletonLines: import("react").MemoExoticComponent<({ margin, lines, height, width, className, dataTestId }: SkeletonLinesProps) => JSX.Element>;
+export declare const SkeletonLines: import("react").MemoExoticComponent<({ margin, lines, height, width, className, dataTestId }: SkeletonLinesProps) => import("react/jsx-runtime").JSX.Element>;

package/src/components/Spacer/Spacer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps, Size } from "../../common";
 export interface SpacerProps extends CommonProps {
     /**
@@ -17,4 +16,4 @@ export interface SpacerProps extends CommonProps {
  * @param {SpacerProps} props - The props for the Spacer component
  * @returns {JSX.Element} Spacer component
  */
-export declare const Spacer: ({ size, border, dataTestId, className }: SpacerProps) => JSX.Element;
+export declare const Spacer: ({ size, border, dataTestId, className }: SpacerProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Spinner/Spinner.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps, Size } from "../../common";
 type Centering = "horizontally" | "vertically" | "centered";
 export interface SpinnerProps extends CommonProps {
@@ -35,5 +34,5 @@ export interface SpinnerProps extends CommonProps {
  * @param {SpinnerProps} props - The props for the Spinner component
  * @returns {JSX.Element} Spinner component
  */
-export declare const Spinner: ({ mode, size, centering, className, containerClassName, dataTestId, }: SpinnerProps) => JSX.Element;
+export declare const Spinner: ({ mode, size, centering, className, containerClassName, dataTestId, }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/Tabs/Tab.d.ts

@@ -43,4 +43,4 @@ export interface TabProps extends TabsTriggerProps {
  * Wrapper for radix tab component.
  * We add a custom implementation of the asChild prop to make it easy to make the child element look like other tabs.
  */
-export declare const Tab: ({ value, isFullWidth, iconName, dataTestId, className, children, suffix, asChild, appendTabStylesToChildIfAsChild, ...rest }: TabProps) => JSX.Element;
+export declare const Tab: ({ value, isFullWidth, iconName, dataTestId, className, children, suffix, asChild, appendTabStylesToChildIfAsChild, ...rest }: TabProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Tabs/TabContent.d.ts

@@ -11,4 +11,4 @@ export interface TabContentProps extends TabsContentProps {
 /**
  * Wrapper for radix tab content component.
  */
-export declare const TabContent: ({ className, dataTestId, children, ...rest }: TabContentProps) => JSX.Element;
+export declare const TabContent: ({ className, dataTestId, children, ...rest }: TabContentProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Tabs/TabList.d.ts

@@ -18,4 +18,4 @@ export interface TabListProps extends TabsListProps {
 /**
  * Wrapper for radix tab list component.
  */
-export declare const TabList: ({ className, dataTestId, children, ...rest }: TabListProps) => JSX.Element;
+export declare const TabList: ({ className, dataTestId, children, ...rest }: TabListProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Tabs/Tabs.d.ts

@@ -25,4 +25,4 @@ export interface TabsProps extends TabsRootProps {
 /**
  * Tabs are used to group different but related content, allowing users to navigate views without leaving the page. They always contain at least two items and one tab is active at a time. Tabs can be used on full page layouts or in components such as modals or tables.
  */
-export declare const Tabs: ({ children, forceRender, className, dataTestId, fullWidth, ...rest }: TabsProps) => JSX.Element;
+export declare const Tabs: ({ children, forceRender, className, dataTestId, fullWidth, ...rest }: TabsProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Timeline/Timeline.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps } from "../../common/CommonProps";
 export interface TimelineProps extends CommonProps {
     children: React.ReactNode;
@@ -12,7 +11,7 @@ export interface TimelineProps extends CommonProps {
  * @param {TimelineProps} props - The props for the Timeline component
  * @returns {JSX.Element} Timeline component
  */
-export declare const Timeline: ({ className, dataTestId, children }: TimelineProps) => JSX.Element;
+export declare const Timeline: ({ className, dataTestId, children }: TimelineProps) => import("react/jsx-runtime").JSX.Element;
 interface TimeLineElementProps extends CommonProps {
     date: Date;
     showTime?: boolean;
@@ -28,5 +27,5 @@ interface TimeLineElementProps extends CommonProps {
  * @param {TimeLineElementProps} props the props
  * @returns {JSX.Element} component
  */
-export declare const TimelineElement: ({ date, showTime, children, className, dataTestId, dot, header, onClick, }: TimeLineElementProps) => JSX.Element;
+export declare const TimelineElement: ({ date, showTime, children, className, dataTestId, dot, header, onClick, }: TimeLineElementProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/ToggleGroup/ToggleGroup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { VariantProps } from "@trackunit/css-class-variance-utilities";
 import { IconName } from "@trackunit/ui-icons";
 import { CommonProps } from "../../common/CommonProps";
@@ -62,7 +61,7 @@ export interface ToggleGroupProps extends CommonProps, Omit<VariantProps<typeof
  * @param {ToggleGroupProps} props - The props for the  ToggleGroup component
  * @returns {JSX.Element}  ToggleGroup component
  */
-export declare const ToggleGroup: ({ list, selected, setSelected, onClick, disabled, size, isIconOnly, className, dataTestId, }: ToggleGroupProps) => JSX.Element;
+export declare const ToggleGroup: ({ list, selected, setSelected, onClick, disabled, size, isIconOnly, className, dataTestId, }: ToggleGroupProps) => import("react/jsx-runtime").JSX.Element;
 export interface ToggleItemProps extends CommonProps, Omit<BasicToggleGroupListProps, "id"> {
     onClick: () => void;
     disabled: boolean;

package/src/components/ValueBar/ValueBar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps, Size } from "../../common";
 import { LevelColors } from "./ValueBarTypes";
 type ValueBarSize = Extract<Size, "small" | "large">;
@@ -42,5 +41,5 @@ export interface ValueBarProps extends CommonProps {
  * @param {ValueBarProps} props - The props for the ValueBar component
  * @returns {JSX.Element} ValueBar component
  */
-export declare const ValueBar: ({ value, min, max, unit, size, levelColors, valueColor, showValue, className, dataTestId, }: ValueBarProps) => JSX.Element;
+export declare const ValueBar: ({ value, min, max, unit, size, levelColors, valueColor, showValue, className, dataTestId, }: ValueBarProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/VirtualizedList/VirtualizedList.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { VariantProps } from "@trackunit/css-class-variance-utilities";
 import { RelayPagination } from "@trackunit/react-table-pagination";
 import { CommonProps } from "../../common/CommonProps";
@@ -26,5 +25,5 @@ export interface VirtualizedListProps extends CommonProps {
  * @property {loadingIndicator} [loadingIndicator="spinner"] - The type of loading indicator in the list.
  * @property {skeletonLinesHeight} [skeletonLinesHeight="2rem"] - The height of the skeleton lines.
  */
-export declare const VirtualizedList: ({ count, rowHeight, pagination, children, className, dataTestId, separator, loadingIndicator, skeletonLinesHeight, onRowClick, }: VirtualizedListProps) => JSX.Element;
+export declare const VirtualizedList: ({ count, rowHeight, pagination, children, className, dataTestId, separator, loadingIndicator, skeletonLinesHeight, onRowClick, }: VirtualizedListProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/Widget/WidgetBody.d.ts

@@ -22,4 +22,4 @@ export interface WidgetBodyProps extends CommonProps {
  * @param {WidgetBodyProps} props - The props for the WidgetBody component
  * @returns {JSX.Element} WidgetBody component
  */
-export declare const WidgetBody: ({ density, children, dataTestId, className, disableGap }: WidgetBodyProps) => JSX.Element;
+export declare const WidgetBody: ({ density, children, dataTestId, className, disableGap }: WidgetBodyProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/buttons/BackToTopButton/BackToTopButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps, Size } from "../../../common";
 export type BackToTopColor = "primary" | "secondary";
 export interface StyledBackToTopProps {
@@ -12,4 +11,4 @@ export interface BackToTopProps extends CommonProps {
  * BackToTopButton appears at the bottom-right corner of the screen when the user scrolls down the page. When clicked, the page scrolls smoothly to the top.
  
  */
-export declare const BackToTopButton: ({ color, size, dataTestId, className }: BackToTopProps) => JSX.Element;
+export declare const BackToTopButton: ({ color, size, dataTestId, className }: BackToTopProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/buttons/StarButton/StarButton.d.ts

@@ -9,5 +9,5 @@ interface StarButtonProps {
  * @param {StarButtonProps} props - The props for the StarButton component
  * @returns {JSX.Element} StarButton component
  */
-export declare const StarButton: ({ starred, onClick }: StarButtonProps) => JSX.Element;
+export declare const StarButton: ({ starred, onClick }: StarButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/buttons/shared/ButtonProps.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GeneralColors } from "@trackunit/ui-design-tokens";
 import { CommonProps, Size } from "../../../common";
 export type ButtonVariant = Extract<GeneralColors, "primary" | "secondary"> | "primary-danger" | "secondary-danger" | "ghost" | "ghost-neutral";

package/src/hooks/useSelfUpdatingRef.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * A useRef that updates its given value whenever it changes.
  *