@luscii-healthtech/web-ui 2.71.6 → 2.71.7

package/dist/components/AccordionList/AccordionList.d.ts

@@ -14,19 +14,19 @@ export interface AccordionListProps extends Omit<AccordionProps, "items"> {
     isSearchEnabled?: boolean;
     isLoading?: boolean;
 }
-export declare type AccordionListItemProps<T = ListItemProps> = Omit<AccordionItemProps, "content"> & {
+export type AccordionListItemProps<T = ListItemProps> = Omit<AccordionItemProps, "content"> & {
     listItems: T[];
     draggableListType?: "default";
 };
-export declare type DraggableAccordionListItemProps = Omit<AccordionItemProps, "content"> & {
+export type DraggableAccordionListItemProps = Omit<AccordionItemProps, "content"> & {
     draggableListType: "draggable";
     listItems: DraggableListProps["items"];
 };
-export declare type SortableAccordionListItemProps = Omit<AccordionItemProps, "content"> & {
+export type SortableAccordionListItemProps = Omit<AccordionItemProps, "content"> & {
     draggableListType: "sortable";
     draggableIdentifier: string;
     listItems: SortableListProps["items"];
 };
-export declare type AccordionItem = AccordionListItemProps | DraggableAccordionListItemProps | SortableAccordionListItemProps;
+export type AccordionItem = AccordionListItemProps | DraggableAccordionListItemProps | SortableAccordionListItemProps;
 export declare const AccordionList: React.FC<AccordionListProps>;
 export default AccordionList;

package/dist/components/Avatar/Avatar.d.ts

@@ -4,7 +4,7 @@ export function Avatar({ size, src, defaultImage, initials, className }: {
     defaultImage: any;
     initials: any;
     className: any;
-}): JSX.Element;
+}): React.JSX.Element;
 export namespace Avatar {
     namespace propTypes {
         const src: PropTypes.Requireable<string>;
@@ -21,6 +21,7 @@ export namespace Avatar {
     }
 }
 export default Avatar;
+import React from "react";
 import PropTypes from "prop-types";
 declare namespace AVATAR_SIZE_OPTIONS {
     const LARGE: string;

package/dist/components/Badge/Badge.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface BadgeProps {
     badgeCount: number;
     className?: string;

package/dist/components/BaseList/BaseList.types.d.ts

@@ -3,7 +3,7 @@ import { PrimaryButtonProps } from "../..";
 import { ButtonDefinition } from "../ButtonV2/ButtonProps.type";
 import { IconProps } from "../Icons/types/IconProps.type";
 import { TitleProps } from "../Title/Title";
-export declare type BaseListItemProps = {
+export type BaseListItemProps = {
     itemId: string | number;
     title: string;
     subtitle?: string;
@@ -24,7 +24,7 @@ export declare type BaseListItemProps = {
     renderDragHandle?: () => ReactNode;
     htmlProps?: React.HTMLProps<HTMLLIElement>;
 };
-export declare type OnAssetLoadErrorPayload = Pick<BaseListItemProps, "itemId" | "subtitle" | "title" | "icon">;
+export type OnAssetLoadErrorPayload = Pick<BaseListItemProps, "itemId" | "subtitle" | "title" | "icon">;
 export interface BaseListProps<T extends BaseListItemProps = BaseListItemProps> {
     items: T[];
     title?: string | TitleProps;
@@ -38,18 +38,18 @@ export interface BaseListProps<T extends BaseListItemProps = BaseListItemProps>
     withBorder?: boolean;
     ref?: Ref<HTMLUListElement>;
 }
-export declare type BaseListHeaderProps = {
+export type BaseListHeaderProps = {
     title?: string | TitleProps;
     button?: ButtonDefinition<PrimaryButtonProps>;
     transparent?: boolean;
     withBorder?: boolean;
 };
-export declare type DraggableBaseListProps = Omit<BaseListProps<DraggableBaseListItemProps>, "itemComponent">;
-export declare type DraggableBaseListItemProps = BaseListItemProps & {
+export type DraggableBaseListProps = Omit<BaseListProps<DraggableBaseListItemProps>, "itemComponent">;
+export type DraggableBaseListItemProps = BaseListItemProps & {
     draggableIdentifier: string;
     draggableData?: Record<string, unknown>;
 };
-export declare type SortableBaseListProps = DraggableBaseListProps & {
+export type SortableBaseListProps = DraggableBaseListProps & {
     draggableIdentifier: string;
 };
-export declare type SortableBaseListItemProps = DraggableBaseListItemProps;
+export type SortableBaseListItemProps = DraggableBaseListItemProps;

package/dist/components/BaseList/ListSkeleton/ListItemSkeleton.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const ListItemSkeleton: () => JSX.Element;

package/dist/components/BaseList/ListSkeleton/ListSkeleton.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import "./ListSkeleton.scss";
-declare type ListSkeletonProps = {
+type ListSkeletonProps = {
     items: number;
     dataTestId?: string;
 };

package/dist/components/BaseList/utils.d.ts

@@ -3,7 +3,7 @@ import { ListItemProps } from "../List/List";
 declare const draggableListItemPropsPointer: {
     readonly symbol: symbol;
 };
-declare type DraggableListItemProps = WeakMap<typeof draggableListItemPropsPointer, Pick<ListItemProps, "itemId" | "title" | "subtitle" | "icon" | "isDraggable" | "isSelected">>;
+type DraggableListItemProps = WeakMap<typeof draggableListItemPropsPointer, Pick<ListItemProps, "itemId" | "title" | "subtitle" | "icon" | "isDraggable" | "isSelected">>;
 export declare const createDraggableListProps: ({ itemId, title, subtitle, icon, isDraggable, isSelected, }: ListItemProps) => DraggableListItemProps;
 export declare const draggableListPropsKey: "listItem";
 export declare const getDndListItemProps: (subject: Active | Over) => ListItemProps | null;

package/dist/components/Breadcrumbs/Breadcrumbs.types.d.ts

@@ -7,7 +7,7 @@ export interface BreadcrumbProps {
     crumbs: Crumb[];
     truncateAfter?: number;
 }
-export declare type BreadcrumbDividerProps = {
+export type BreadcrumbDividerProps = {
     onClick: () => void;
     truncatedCrumbs: Crumb[];
 };

package/dist/components/Button/Button.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BUTTON_ROLES, ButtonProps } from "./Button.types";
 /**
  * TODO: We have to probably use [ButtonV2.tsx](../../components/ButtonV2/ButtonV2.tsx)

package/dist/components/Button/Button.types.d.ts

@@ -12,9 +12,9 @@ export declare const BUTTON_ROLES: {
     readonly LINK: "link";
     readonly ICON: "icon";
 };
-declare type BUTTON_KEYS = keyof typeof BUTTON_ROLES;
-export declare type BUTTON_TYPE = (typeof BUTTON_ROLES)[BUTTON_KEYS];
-export declare type ButtonType = "button" | "submit";
+type BUTTON_KEYS = keyof typeof BUTTON_ROLES;
+export type BUTTON_TYPE = (typeof BUTTON_ROLES)[BUTTON_KEYS];
+export type ButtonType = "button" | "submit";
 export interface ButtonProps extends RestPropped {
     text?: string;
     role?: BUTTON_TYPE;

package/dist/components/Button/ButtonIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface ButtonIconProps {
     name: string;
     className?: string;

package/dist/components/ButtonV2/ButtonProps.type.d.ts

@@ -12,7 +12,7 @@ export interface BaseButtonProps extends React.ComponentPropsWithRef<"button"> {
     className?: string;
     dataTestId?: string;
 }
-export declare type NonPrimaryButtonProps = BaseButtonProps;
+export type NonPrimaryButtonProps = BaseButtonProps;
 /**
  * Extra properties that can be set when the variant of the button
  * supports the pending state
@@ -21,7 +21,7 @@ export declare type NonPrimaryButtonProps = BaseButtonProps;
 export interface ButtonWithPendingStateProps extends BaseButtonProps {
     isPending?: boolean;
 }
-export declare type PrimaryButtonProps = ButtonWithPendingStateProps;
+export type PrimaryButtonProps = ButtonWithPendingStateProps;
 /**
  * All properties of BaseButtonProps and ButtonWithPendingStateProps,
  * plus other properties that are assigned internally by the button variants.

package/dist/components/ButtonV2/ButtonV2.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { ButtonProps } from "./ButtonProps.type";
-export declare const ButtonV2: React.ForwardRefExoticComponent<Pick<ButtonProps, "onClick" | "form" | "slot" | "style" | "title" | "text" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "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" | "children" | "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" | "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" | "textColor" | "textHoverColor" | "icon" | "isDisabled" | "isPending" | "dataTestId"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const ButtonV2: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/ButtonV2/PrimaryButton.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { ButtonWithPendingStateProps } from "./ButtonProps.type";
 export declare const PrimaryButton: (props: ButtonWithPendingStateProps) => JSX.Element;

package/dist/components/ButtonV2/SecondaryButton.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { ButtonProps } from "./ButtonProps.type";
-export declare const SecondaryButton: React.ForwardRefExoticComponent<Pick<ButtonProps, "form" | "slot" | "style" | "title" | "text" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "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" | "children" | "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" | "textColor" | "textHoverColor" | "icon" | "isDisabled" | "dataTestId" | "isPending"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const SecondaryButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/ButtonV2/TertiaryButton.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { BaseButtonProps } from "./ButtonProps.type";
 export declare const TertiaryButton: (props: BaseButtonProps) => JSX.Element;

package/dist/components/Card/Card.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare type CardProps = {
+export type CardProps = {
     title: string;
     children: React.ReactNode;
     dataTestId?: string;

package/dist/components/CenteredHero/CenteredHero.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import { ButtonProps } from "../Button/Button.types";
-export declare type BackgroundColor = "white" | "slate-50";
-export declare type ImageSize = "small" | "large";
+export type BackgroundColor = "white" | "slate-50";
+export type ImageSize = "small" | "large";
 export interface CenteredHeroProps {
     title: string;
     text: string;

package/dist/components/CheckBoxListModal/CheckboxListModal.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { CheckboxGroupItemProps } from "../CheckboxList/CheckboxList.types";
-export declare type Item = {
+export type Item = {
     group?: string;
     isPinned?: boolean;
 } & Pick<CheckboxGroupItemProps, "id" | "label" | "isChecked" | "isDisabled">;

package/dist/components/CheckboxList/CheckboxGroup.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CheckboxGroupProps } from "./CheckboxList.types";
 export declare const CheckboxGroup: ({ title, items, onChange, className, hasDividers, isCollapsed, collapsible, }: CheckboxGroupProps) => JSX.Element;

package/dist/components/CheckboxList/CheckboxList.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CheckboxListProps } from "./CheckboxList.types";
 export { CheckboxListProps };
 export declare const CheckboxList: ({ groups, onChange, className, hasDividers, }: CheckboxListProps) => JSX.Element;

package/dist/components/CheckboxList/CheckboxList.types.d.ts

@@ -9,7 +9,7 @@ export interface CheckboxListProps {
     hasDividers?: boolean;
     className?: string;
 }
-declare type WithCollapsible = {
+type WithCollapsible = {
     /**
      * When `false`, will prevent the checkbox list from being collapsed (also disabling clicking to expand/collapse)
      * in the component and it will be displayed expanded by default.
@@ -17,7 +17,7 @@ declare type WithCollapsible = {
      */
     collapsible?: boolean;
 };
-export declare type CheckboxGroupProps = {
+export type CheckboxGroupProps = {
     title?: string;
     items: CheckboxListItem[];
     onChange: (event: CheckboxChangeEvent) => void;
@@ -40,7 +40,7 @@ export interface CheckboxListItem {
     isDisabled?: boolean;
     className?: string;
 }
-export declare type CheckboxGroup = {
+export type CheckboxGroup = {
     title?: string;
     items: CheckboxListItem[];
     isCollapsed?: boolean;

package/dist/components/CheckboxList/CheckboxListItem.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CheckboxGroupItemProps } from "./CheckboxList.types";
 export declare const CheckboxListItem: ({ id, label, isChecked, isDisabled, onChange, className, }: CheckboxGroupItemProps) => JSX.Element;

package/dist/components/Container/types/FlexContainerProps.type.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-declare type Spacing = "tiny" | "none" | "small" | "medium" | "large";
-declare type FlexContainerBase = {
+type Spacing = "tiny" | "none" | "small" | "medium" | "large";
+type FlexContainerBase = {
     alignItems?: "center" | "start" | "end";
     justifyContent?: "center" | "start" | "end" | "between";
     position?: "static" | "fixed" | "absolute" | "relative" | "sticky";
@@ -17,10 +17,10 @@ declare type FlexContainerBase = {
      */
     stretch?: boolean;
 };
-export declare type FlexContainerBaseProps = FlexContainerBase & {
+export type FlexContainerBaseProps = FlexContainerBase & {
     children: React.ReactNode;
 };
-export declare type FlexContainerProps = Omit<FlexContainerBaseProps, "verticalSpacing" | "horizontalSpacing"> & {
+export type FlexContainerProps = Omit<FlexContainerBaseProps, "verticalSpacing" | "horizontalSpacing"> & {
     spacing?: Spacing;
 };
 export {};

package/dist/components/Datepicker/Datepicker.d.ts

@@ -3,7 +3,7 @@ declare class Datepicker extends React.Component<any, any, any> {
     constructor(props: any, context: any);
     handleCloseButtonClick: (event: any) => void;
     getDateFormat: () => "L LT" | "L";
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     datepickerRef: any;
 }
 declare namespace Datepicker {

package/dist/components/Divider/Divider.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-declare type DividerProps = {
+type DividerProps = {
     dark?: boolean;
 };
 export declare const Divider: React.FC<DividerProps>;

package/dist/components/DragHandle/DragHandle.types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type DragHandleProps = React.HTMLAttributes<HTMLButtonElement> & {
+export type DragHandleProps = React.HTMLAttributes<HTMLButtonElement> & {
     grabbing: boolean;
     disabled?: boolean;
     dataTestId?: string;

package/dist/components/Dropdown/Dropdown.d.ts

@@ -24,16 +24,16 @@ declare class Dropdown extends React.PureComponent<any, any, any> {
     increaseHighlightIndexIfPossible: () => void;
     decreaseHighlightIndexIfPossible: () => void;
     selectItem: (item: any) => void;
-    renderIndividualItem: (item: any) => JSX.Element;
-    renderGroupedItems: (item: any) => JSX.Element;
-    renderItems: () => JSX.Element;
+    renderIndividualItem: (item: any) => React.JSX.Element;
+    renderGroupedItems: (item: any) => React.JSX.Element;
+    renderItems: () => React.JSX.Element;
     dropdownListRef: HTMLDivElement | null | undefined;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     rootRef: HTMLDivElement | null | undefined;
 }
 declare namespace Dropdown {
     namespace propTypes {
-        const items: PropTypes.Validator<(PropTypes.InferProps<{
+        const items: PropTypes.Validator<(NonNullable<PropTypes.InferProps<{
             id: PropTypes.Validator<string>;
             text: PropTypes.Validator<string>;
             key: PropTypes.Validator<string>;
@@ -45,8 +45,8 @@ declare namespace Dropdown {
             }> | null | undefined)[]>;
             title: PropTypes.Requireable<string>;
             groupKey: PropTypes.Validator<string>;
-        }> | null | undefined)[]>;
-        const initialSelectedItemId: PropTypes.Requireable<string | number>;
+        }> | null | undefined> | null | undefined)[]>;
+        const initialSelectedItemId: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
         const placeholder: PropTypes.Requireable<string>;
         const className: PropTypes.Requireable<string>;
         const onItemSelect: PropTypes.Validator<(...args: any[]) => any>;

package/dist/components/Dropzone/Dropzone.types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode, Ref } from "react";
 import type { IconKey } from "../Icons/types/IconProps.type";
-export declare type DropzonePresentationProps = {
+export type DropzonePresentationProps = {
     /**
      * Message shown to the user hinting how to use the component
      * Usually something like "Click or Drag"
@@ -24,7 +24,7 @@ export declare type DropzonePresentationProps = {
     horizontal?: boolean;
     alignMessage?: "left" | "center";
 };
-export declare type DropzoneProps = Omit<DropzonePresentationProps, "isHighlighted" | "isClickable"> & {
+export type DropzoneProps = Omit<DropzonePresentationProps, "isHighlighted" | "isClickable"> & {
     draggableIdentifier: string | number;
     disabled?: boolean;
     data?: Record<string, unknown>;

package/dist/components/EmptyListMessage/EmptyListMessage.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const imageSrc: {
     "no-open-alerts": string;
     "search-not-found": string;

package/dist/components/ErrorBlock/ErrorBlock.d.ts

@@ -3,11 +3,12 @@ declare function ErrorBlock({ message, className, ...otherProps }: {
     [x: string]: any;
     message: any;
     className?: string | undefined;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace ErrorBlock {
     namespace propTypes {
         const message: PropTypes.Validator<string>;
         const className: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";

package/dist/components/Form/Form.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type FieldValues, type UseFormMethods as UseFormReturn, DeepPartial, SubmitErrorHandler, SubmitHandler, UnpackNestedValue } from "react-hook-form/dist/index.ie11";
 import { FormFieldConfiguration } from "./form.types";
 export interface GenericFormProps<TFieldValues extends FieldValues> {

package/dist/components/Form/FormFieldLabeler.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FormFieldLabelerWithFormProps } from "./form.types";
 /**
  * Decorator for any input component. Adds a label and additional information to be shown.

package/dist/components/Form/form.types.d.ts

@@ -9,8 +9,8 @@ import { CheckboxProps } from "../Checkbox/Checkbox";
 import { CheckboxListProps } from "../CheckboxList/CheckboxList.types";
 import { TextareaProps } from "../Textarea/Textarea";
 import { TitleProps } from "../Title/Title";
-export declare type AllowedTextInputTypes = Extract<HTMLInputTypeAttribute, "email" | "number" | "password" | "text">;
-export declare type FormFieldWidth = "sm" | "md" | "lg" | "xl" | "full";
+export type AllowedTextInputTypes = Extract<HTMLInputTypeAttribute, "email" | "number" | "password" | "text">;
+export type FormFieldWidth = "sm" | "md" | "lg" | "xl" | "full";
 interface FormFieldBaseConfiguration<TFieldType> extends FormFieldLabelerProps {
     name: FieldName<FieldValues>;
     options?: RegisterOptions;
@@ -33,13 +33,13 @@ export interface FormFieldLabelerProps {
 interface FieldVoidConfiguration extends Partial<FormFieldBaseConfiguration<never>> {
     type: "void";
 }
-export declare type FormFieldConfiguration<TFieldValues> = FieldInputConfiguration | FieldSelectConfiguration | FieldImagePickerConfiguration | FieldRadioGroupConfiguration | FieldRowConfiguration<TFieldValues> | FieldCheckboxConfiguration | FieldCheckboxListConfiguration | FieldTextareaConfiguration | FieldTitleConfiguration | FieldVoidConfiguration;
+export type FormFieldConfiguration<TFieldValues> = FieldInputConfiguration | FieldSelectConfiguration | FieldImagePickerConfiguration | FieldRadioGroupConfiguration | FieldRowConfiguration<TFieldValues> | FieldCheckboxConfiguration | FieldCheckboxListConfiguration | FieldTextareaConfiguration | FieldTitleConfiguration | FieldVoidConfiguration;
 /**
  * @backwardscompatibility
  * @deprecated - this is an alias for `FormFieldConfiguration`, for backwards compatibility the name can remain for now, but
  * import `FormFieldConfiguration` whenever you need this type in the future.
  */
-export declare type FormFieldProps<TFieldValues> = FormFieldConfiguration<TFieldValues>;
+export type FormFieldProps<TFieldValues> = FormFieldConfiguration<TFieldValues>;
 export interface FieldRowConfiguration<TFieldValues> extends Record<keyof FormFieldBaseConfiguration<never>, never> {
     type: "row";
     key: string;
@@ -61,7 +61,7 @@ export interface FieldSelectConfiguration extends FormFieldBaseConfiguration<Sel
     type: "select";
     fieldProps: SelectProps;
 }
-export declare type ImagePickerFieldConfiguration = PartialProperties<Omit<ImagePickerProps, "name">, "handleChange">;
+export type ImagePickerFieldConfiguration = PartialProperties<Omit<ImagePickerProps, "name">, "handleChange">;
 export interface FieldImagePickerConfiguration extends FormFieldBaseConfiguration<ImagePickerFieldConfiguration> {
     type: "imagePicker";
     fieldProps: ImagePickerFieldConfiguration;

package/dist/components/Icons/AddIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from "./types/IconProps.type";
 declare const _default: (props: IconProps) => JSX.Element;
 export default _default;

package/dist/components/Icons/AlertsIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from "./types/IconProps.type";
 declare const _default: (props: IconProps) => JSX.Element;
 export default _default;

package/dist/components/Icons/BellIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from "./types/IconProps.type";
 declare const _default: (props: IconProps) => JSX.Element;
 export default _default;

package/dist/components/Icons/BluetoothIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from "./types/IconProps.type";
 declare const _default: (props: IconProps) => JSX.Element;
 export default _default;

package/dist/components/Icons/ChartIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from "./types/IconProps.type";
 declare const _default: (props: IconProps) => JSX.Element;
 export default _default;

package/dist/components/Icons/ChartLineColoredIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from "./types/IconProps.type";
 declare const _default: (props: IconProps) => JSX.Element;
 export default _default;

package/dist/components/Icons/ChatBoxIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from "./types/IconProps.type";
 declare const _default: (props: IconProps) => JSX.Element;
 export default _default;

package/dist/components/Icons/CheckIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from "./types/IconProps.type";
 declare const _default: (props: IconProps) => JSX.Element;
 export default _default;

package/dist/components/Icons/ChevronDoubleIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from "./types/IconProps.type";
 declare const _default: (props: IconProps) => JSX.Element;
 export default _default;

package/dist/components/Icons/ChevronDownIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from "./types/IconProps.type";
 declare const _default: (props: IconProps) => JSX.Element;
 export default _default;

package/dist/components/Icons/ChevronRightIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from "./types/IconProps.type";
 declare const _default: (props: IconProps) => JSX.Element;
 export default _default;

package/dist/components/Icons/CrossIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from "./types/IconProps.type";
 declare const _default: (props: IconProps) => JSX.Element;
 export default _default;

package/dist/components/Icons/DeleteIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from "./types/IconProps.type";
 declare const _default: (props: IconProps) => JSX.Element;
 export default _default;

package/dist/components/Icons/DownArrowIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from "./types/IconProps.type";
 declare const _default: (props: IconProps) => JSX.Element;
 export default _default;

package/dist/components/Icons/DragIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from "./types/IconProps.type";
 declare const _default: (props: IconProps) => JSX.Element;
 export default _default;

package/dist/components/Icons/EditIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from "./types/IconProps.type";
 declare const _default: (props: IconProps) => JSX.Element;
 export default _default;

package/dist/components/Icons/EmptyIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from "./types/IconProps.type";
 declare const _default: (props: IconProps) => JSX.Element;
 export default _default;

package/dist/components/Icons/EmptyStateDashboardIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from "./types/IconProps.type";
 declare const _default: (props: IconProps) => JSX.Element;
 export default _default;

package/dist/components/Icons/ExclamationMarkIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from "./types/IconProps.type";
 declare const _default: (props: IconProps) => JSX.Element;
 export default _default;

package/dist/components/Icons/EyeIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from "./types/IconProps.type";
 declare const _default: (props: IconProps) => JSX.Element;
 export default _default;

package/dist/components/Icons/GearColoredIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from "./types/IconProps.type";
 declare const _default: (props: IconProps) => JSX.Element;
 export default _default;

package/dist/components/Icons/GearIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from "./types/IconProps.type";
 declare const _default: (props: IconProps) => JSX.Element;
 export default _default;

package/dist/components/Icons/GroupColoredIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from "./types/IconProps.type";
 declare const _default: (props: IconProps) => JSX.Element;
 export default _default;