@jobber/components 6.56.1 → 6.58.0

package/dist/Frame/Frame.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { FrameProps } from "./types";
-export declare function Frame({ children, aspectX, aspectY, as: Tag, dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }: FrameProps): JSX.Element;
+export declare function Frame({ children, aspectX, aspectY, as: Tag, dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }: FrameProps): React.JSX.Element;

package/dist/Gallery/Gallery.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { GalleryProps } from "./GalleryTypes";
-export declare function Gallery({ files, size, max, onDelete }: GalleryProps): JSX.Element;
+export declare function Gallery({ files, size, max, onDelete }: GalleryProps): React.JSX.Element;

package/dist/Gallery/index.cjs

@@ -35,17 +35,18 @@ require('../_isIterateeCall-cjs.js');
 require('../_setToString-cjs.js');
 require('../FormatFile-cjs.js');
 require('filesize');
+require('../Thumbnail-cjs.js');
+require('../Glimmer-cjs.js');
+require('../Content-cjs.js');
+require('../ProgressBar-cjs.js');
 require('../ConfirmationModal-cjs.js');
 require('../Modal/index.cjs');
 require('../noop-cjs.js');
 require('../floating-ui.react-cjs.js');
 require('../AtlantisPortalContent-cjs.js');
-require('../Content-cjs.js');
 require('../Markdown-cjs.js');
 require('../Emphasis-cjs.js');
 require('../index-cjs.js');
-require('../Glimmer-cjs.js');
-require('../ProgressBar-cjs.js');
 
 
 

package/dist/Gallery/index.mjs

@@ -33,14 +33,15 @@ import '../_isIterateeCall-es.js';
 import '../_setToString-es.js';
 import '../FormatFile-es.js';
 import 'filesize';
+import '../Thumbnail-es.js';
+import '../Glimmer-es.js';
+import '../Content-es.js';
+import '../ProgressBar-es.js';
 import '../ConfirmationModal-es.js';
 import '../Modal/index.mjs';
 import '../noop-es.js';
 import '../floating-ui.react-es.js';
 import '../AtlantisPortalContent-es.js';
-import '../Content-es.js';
 import '../Markdown-es.js';
 import '../Emphasis-es.js';
 import '../index-es.js';
-import '../Glimmer-es.js';
-import '../ProgressBar-es.js';

package/dist/Gallery-cjs.js

@@ -5,7 +5,9 @@ var React = require('react');
 var classnames = require('classnames');
 var LightBox = require('./LightBox-cjs.js');
 var FormatFile = require('./FormatFile-cjs.js');
+require('filesize');
 var Button = require('./Button-cjs.js');
+var Thumbnail = require('./Thumbnail-cjs.js');
 
 var styles = {"gallery":"_6UhvrmKZdns-","galleryLarge":"f0hnJ8v-iHE-","showMoreButton":"EvHA4-Q7O9g-","baseShowMoreButton":"VWW-3mSlumg-","largeShowMoreButton":"DNhegGxB75M-","spinning":"aqCoXiyvGKw-"};
 
@@ -65,7 +67,7 @@ function isSupportedImageType(file) {
     const userAgent = typeof document === "undefined" ? "" : window.navigator.userAgent;
     const nonHeicImage = !file.type.startsWith("image/heic");
     const nonSVGImage = !file.type.startsWith("image/svg");
-    return (nonHeicImage || FormatFile.isSafari(userAgent)) && nonSVGImage;
+    return (nonHeicImage || Thumbnail.isSafari(userAgent)) && nonSVGImage;
 }
 function generateImagesArray(files) {
     return tslib_es6.__awaiter(this, void 0, void 0, function* () {

package/dist/Gallery-es.js

@@ -2,8 +2,10 @@ import { a as __awaiter } from './tslib.es6-es.js';
 import React__default, { useState } from 'react';
 import classnames from 'classnames';
 import { L as LightBox } from './LightBox-es.js';
-import { F as FormatFile, i as isSafari } from './FormatFile-es.js';
+import { F as FormatFile } from './FormatFile-es.js';
+import 'filesize';
 import { B as Button } from './Button-es.js';
+import { i as isSafari } from './Thumbnail-es.js';
 
 var styles = {"gallery":"_6UhvrmKZdns-","galleryLarge":"f0hnJ8v-iHE-","showMoreButton":"EvHA4-Q7O9g-","baseShowMoreButton":"VWW-3mSlumg-","largeShowMoreButton":"DNhegGxB75M-","spinning":"aqCoXiyvGKw-"};
 

package/dist/Glimmer/Glimmer.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import sizes from "./style/Sizes.module.css";
 import shapes from "./style/Shape.module.css";
 import timings from "./style/Timing.module.css";
@@ -37,11 +38,11 @@ export declare const GLIMMER_TEST_ID = "ATL-Glimmer";
 export declare const GLIMMER_HEADER_TEST_ID = "ATL-GlimmerHeader";
 export declare const GLIMMER_TEXT_TEST_ID = "ATL-GlimmerText";
 export declare const GLIMMER_BUTTON_TEST_ID = "ATL-GlimmerButton";
-export declare function Glimmer({ size, shape, timing, reverseTheme, width, }: GlimmerProps): JSX.Element;
+export declare function Glimmer({ size, shape, timing, reverseTheme, width, }: GlimmerProps): React.JSX.Element;
 export declare namespace Glimmer {
-    var Header: ({ level, ...props }: GlimmerHeaderProps) => JSX.Element;
-    var Text: ({ width, lines, ...props }: GlimmerTextProps) => JSX.Element;
-    var Button: ({ fullWidth, ...props }: GlimmerButtonProps) => JSX.Element;
+    var Header: ({ level, ...props }: GlimmerHeaderProps) => React.JSX.Element;
+    var Text: ({ width, lines, ...props }: GlimmerTextProps) => React.JSX.Element;
+    var Button: ({ fullWidth, ...props }: GlimmerButtonProps) => React.JSX.Element;
 }
 export interface GlimmerHeaderProps extends Omit<GlimmerProps, "shape" | "size"> {
     /**

package/dist/Grid/Grid.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 import alignments from "./GridAlign.module.css";
 import { GridCell } from "./GridCell";
 interface GridProps {
@@ -18,7 +18,7 @@ interface GridProps {
     readonly children: ReactNode;
 }
 export declare const GRID_TEST_ID = "ATL-Grid";
-export declare function Grid({ alignItems, gap, children, }: GridProps): JSX.Element;
+export declare function Grid({ alignItems, gap, children, }: GridProps): React.JSX.Element;
 export declare namespace Grid {
     var Cell: typeof GridCell;
 }

package/dist/Grid/GridCell/GridCell.d.ts

@@ -19,5 +19,5 @@ export interface GridCellProps {
     readonly children?: React.ReactNode;
 }
 export declare const GRID_CELL_TEST_ID = "ATL-Grid-GridCell";
-export declare function GridCell({ size, children }: GridCellProps): JSX.Element;
+export declare function GridCell({ size, children }: GridCellProps): React.JSX.Element;
 export {};

package/dist/Heading/Heading.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 import { TypographyOptions, TypographyProps } from "../Typography";
 type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 export interface HeadingProps {
@@ -25,5 +25,5 @@ export interface HeadingProps {
     readonly UNSAFE_style?: TypographyProps["UNSAFE_style"];
 }
 export type LevelMap = Record<HeadingLevel, TypographyOptions>;
-export declare function Heading({ level, children, element, UNSAFE_className, UNSAFE_style, }: HeadingProps): JSX.Element;
+export declare function Heading({ level, children, element, UNSAFE_className, UNSAFE_style, }: HeadingProps): React.JSX.Element;
 export {};

package/dist/Icon/Icon.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from "react";
+import React, { CSSProperties } from "react";
 import { IconColorNames, IconNames, IconSizes } from "@jobber/design";
 export { IconColorNames, IconNames } from "@jobber/design";
 export interface IconProps {
@@ -42,4 +42,4 @@ export interface IconProps {
         path?: CSSProperties;
     };
 }
-export declare function Icon({ name, color, customColor, size, testID, UNSAFE_className, UNSAFE_style, }: IconProps): JSX.Element;
+export declare function Icon({ name, color, customColor, size, testID, UNSAFE_className, UNSAFE_style, }: IconProps): React.JSX.Element;

package/dist/InlineLabel/InlineLabel.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 export type InlineLabelColors = "greyBlue" | "red" | "orange" | "green" | "blue" | "yellow" | "lime" | "purple" | "pink" | "teal" | "yellowGreen" | "blueDark" | "lightBlue" | "indigo";
 interface InlineLabelProps {
     /**
@@ -13,5 +13,5 @@ interface InlineLabelProps {
     readonly color?: InlineLabelColors;
     readonly children: ReactNode;
 }
-export declare function InlineLabel({ size, color, children, }: InlineLabelProps): JSX.Element;
+export declare function InlineLabel({ size, color, children, }: InlineLabelProps): React.JSX.Element;
 export {};

package/dist/InputAvatar/InputAvatar.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { AvatarProps } from "../Avatar";
 import { FileUpload, UploadParams } from "../InputFile";
 interface InputAvatarProps extends Omit<AvatarProps, "size" | "UNSAFE_className" | "UNSAFE_style"> {
@@ -18,5 +19,5 @@ interface InputAvatarProps extends Omit<AvatarProps, "size" | "UNSAFE_className"
      */
     onUploadComplete?(file?: FileUpload): void;
 }
-export declare function InputAvatar({ getUploadParams, onUploadComplete, onChange, ...avatarProps }: InputAvatarProps): JSX.Element;
+export declare function InputAvatar({ getUploadParams, onUploadComplete, onChange, ...avatarProps }: InputAvatarProps): React.JSX.Element;
 export {};

package/dist/InputDate/InputDate.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { InputDateProps } from "./InputDate.types";
-export declare function InputDate(inputProps: InputDateProps): JSX.Element;
+export declare function InputDate(inputProps: InputDateProps): React.JSX.Element;

package/dist/InputEmail/InputEmail.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { InputEmailLegacyProps } from "./InputEmail.types";
-export declare function InputEmail(props: InputEmailLegacyProps): JSX.Element;
+export declare function InputEmail(props: InputEmailLegacyProps): React.JSX.Element;

package/dist/InputFile/InputFile.d.ts

@@ -161,7 +161,7 @@ interface InputFileProps {
      */
     readonly validator?: <T extends File>(file: T) => FileError | FileError[] | null;
 }
-export declare function InputFile({ variation, size, buttonLabel: providedButtonLabel, allowMultiple, allowedTypes, description, hintText, maxFilesValidation, getUploadParams, onUploadStart, onUploadProgress, onUploadComplete, onUploadError, validator, children, }: InputFileProps): JSX.Element;
+export declare function InputFile({ variation, size, buttonLabel: providedButtonLabel, allowMultiple, allowedTypes, description, hintText, maxFilesValidation, getUploadParams, onUploadStart, onUploadProgress, onUploadComplete, onUploadError, validator, children, }: InputFileProps): React.JSX.Element;
 export declare namespace InputFile {
     var Button: typeof InputFileButton;
     var Description: typeof InputFileDescription;

package/dist/InputFile/InputFileButton.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 import { ButtonProps } from "../Button";
 interface InputFileButtonProps extends Omit<ButtonProps, "submit" | "name" | "value" | "to" | "url" | "children"> {
 }
-export declare function InputFileButton({ label, size, fullWidth, ...buttonProps }: InputFileButtonProps): JSX.Element;
+export declare function InputFileButton({ label, size, fullWidth, ...buttonProps }: InputFileButtonProps): React.JSX.Element;
 export {};

package/dist/InputFile/InputFileDescription.d.ts

@@ -1,3 +1,3 @@
-import { PropsWithChildren } from "react";
+import React, { PropsWithChildren } from "react";
 import { TextProps } from "../Text";
-export declare function InputFileDescription({ size, variation, children, ...textProps }: PropsWithChildren<TextProps>): JSX.Element | null;
+export declare function InputFileDescription({ size, variation, children, ...textProps }: PropsWithChildren<TextProps>): React.JSX.Element | null;

package/dist/InputFile/InputFileDropzoneWrapper.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 export declare function InputFileDropzoneWrapper({ children, }: {
     readonly children: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/InputFile/InputFileHintText.d.ts

@@ -1,3 +1,3 @@
-import { PropsWithChildren } from "react";
+import React, { PropsWithChildren } from "react";
 import { TextProps } from "../Text";
-export declare function InputFileHintText({ size, children, ...textProps }: PropsWithChildren<TextProps>): JSX.Element;
+export declare function InputFileHintText({ size, children, ...textProps }: PropsWithChildren<TextProps>): React.JSX.Element;

package/dist/InputFile/InputFileValidationErrors.d.ts

@@ -1,4 +1,5 @@
+import React from "react";
 import { InputFileValidationError } from "./types";
 export declare function InputFileValidationErrors({ validationErrors, }: {
     readonly validationErrors: InputFileValidationError[];
-}): JSX.Element | null;
+}): React.JSX.Element | null;

package/dist/InputGroup/InputGroup.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from "react";
+import React, { ReactElement } from "react";
 interface InputGroupProps {
     readonly children: ReactElement | ReactElement[];
     /**
@@ -7,5 +7,5 @@ interface InputGroupProps {
      */
     readonly flowDirection?: "horizontal" | "vertical";
 }
-export declare function InputGroup({ children, flowDirection, }: InputGroupProps): JSX.Element;
+export declare function InputGroup({ children, flowDirection, }: InputGroupProps): React.JSX.Element;
 export {};

package/dist/InputPassword/InputPassword.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { CommonFormFieldProps, FormFieldProps } from "../FormField";
 interface InputPasswordProps extends CommonFormFieldProps, Pick<FormFieldProps, "autocomplete" | "onEnter" | "onFocus" | "onBlur" | "inputRef" | "validations" | "defaultValue"> {
     readonly value?: string;
@@ -8,5 +9,5 @@ interface InputPasswordProps extends CommonFormFieldProps, Pick<FormFieldProps,
      */
     readonly hasVisibility?: boolean;
 }
-export declare function InputPassword(props: InputPasswordProps): JSX.Element;
+export declare function InputPassword(props: InputPasswordProps): React.JSX.Element;
 export {};

package/dist/InputPhoneNumber/InputMask.d.ts

@@ -5,7 +5,7 @@ interface MaskElementProps {
     readonly formattedValue: string;
     readonly placeholderMask: string;
 }
-export declare function MaskElement({ isMasking, formattedValue, placeholderMask, }: MaskElementProps): JSX.Element | null;
+export declare function MaskElement({ isMasking, formattedValue, placeholderMask, }: MaskElementProps): React.JSX.Element | null;
 export interface InputMaskProps {
     /**
      * A string pattern to mask the value. For example:

package/dist/InputPhoneNumber/InputPhoneNumber.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { InputPhoneNumberLegacyProps } from "./InputPhoneNumber.types";
-export declare function InputPhoneNumber({ required, ...props }: InputPhoneNumberLegacyProps): JSX.Element;
+export declare function InputPhoneNumber({ required, ...props }: InputPhoneNumberLegacyProps): React.JSX.Element;

package/dist/InputText/useInputTextFormField.d.ts

@@ -65,13 +65,12 @@ export declare function useInputTextFormField({ id, name, description, inline, h
         onFocus: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
         accept?: string | undefined;
         alt?: string | undefined;
-        autoComplete?: string | undefined;
+        autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
         capture?: boolean | "user" | "environment" | undefined;
         checked?: boolean | undefined;
-        crossOrigin?: "anonymous" | "use-credentials" | "" | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
         form?: string | undefined;
-        formAction?: string | undefined;
+        formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
@@ -91,14 +90,14 @@ export declare function useInputTextFormField({ id, name, description, inline, h
         src?: string | undefined;
         step?: number | string | undefined;
         type?: import("react").HTMLInputTypeAttribute | undefined;
-        value?: string | ReadonlyArray<string> | number | undefined;
+        value?: string | readonly string[] | number | undefined;
         width?: number | string | undefined;
         defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | ReadonlyArray<string> | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
@@ -114,11 +113,14 @@ export declare function useInputTextFormField({ id, name, description, inline, h
         radioGroup?: string | undefined;
         role?: import("react").AriaRole | undefined;
         about?: string | undefined;
+        content?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
         prefix?: string | undefined;
         property?: string | undefined;
+        rel?: string | undefined;
         resource?: string | undefined;
+        rev?: string | undefined;
         typeof?: string | undefined;
         vocab?: string | undefined;
         autoCapitalize?: string | undefined;
@@ -134,55 +136,60 @@ export declare function useInputTextFormField({ id, name, description, inline, h
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
         is?: string | undefined;
-        'aria-activedescendant'?: string | undefined;
-        'aria-atomic'?: (boolean | "false" | "true") | undefined;
-        'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
-        'aria-busy'?: (boolean | "false" | "true") | undefined;
-        'aria-checked'?: boolean | "false" | "mixed" | "true" | undefined;
-        'aria-colcount'?: number | undefined;
-        'aria-colindex'?: number | undefined;
-        'aria-colspan'?: number | undefined;
-        'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
-        'aria-details'?: string | undefined;
-        'aria-disabled'?: (boolean | "false" | "true") | undefined;
-        'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-        'aria-errormessage'?: string | undefined;
-        'aria-expanded'?: (boolean | "false" | "true") | undefined;
-        'aria-flowto'?: string | undefined;
-        'aria-grabbed'?: (boolean | "false" | "true") | undefined;
-        'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-        'aria-hidden'?: (boolean | "false" | "true") | undefined;
-        'aria-keyshortcuts'?: string | undefined;
-        'aria-label'?: string | undefined;
-        'aria-labelledby'?: string | undefined;
-        'aria-level'?: number | undefined;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        'aria-modal'?: (boolean | "false" | "true") | undefined;
-        'aria-multiline'?: (boolean | "false" | "true") | undefined;
-        'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
-        'aria-orientation'?: "horizontal" | "vertical" | undefined;
-        'aria-owns'?: string | undefined;
-        'aria-placeholder'?: string | undefined;
-        'aria-posinset'?: number | undefined;
-        'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined;
-        'aria-readonly'?: (boolean | "false" | "true") | undefined;
-        'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-        'aria-required'?: (boolean | "false" | "true") | undefined;
-        'aria-roledescription'?: string | undefined;
-        'aria-rowcount'?: number | undefined;
-        'aria-rowindex'?: number | undefined;
-        'aria-rowspan'?: number | undefined;
-        'aria-selected'?: (boolean | "false" | "true") | undefined;
-        'aria-setsize'?: number | undefined;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-        'aria-valuemax'?: number | undefined;
-        'aria-valuemin'?: number | undefined;
-        'aria-valuenow'?: number | undefined;
-        'aria-valuetext'?: string | undefined;
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: (boolean | "false" | "true") | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: (boolean | "false" | "true") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: (boolean | "false" | "true") | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
+        "aria-expanded"?: (boolean | "false" | "true") | undefined;
+        "aria-flowto"?: string | undefined;
+        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-hidden"?: (boolean | "false" | "true") | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-modal"?: (boolean | "false" | "true") | undefined;
+        "aria-multiline"?: (boolean | "false" | "true") | undefined;
+        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-readonly"?: (boolean | "false" | "true") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: (boolean | "false" | "true") | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
+        "aria-selected"?: (boolean | "false" | "true") | undefined;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
         children?: import("react").ReactNode | undefined;
         dangerouslySetInnerHTML?: {
-            __html: string;
+            __html: string | TrustedHTML;
         } | undefined;
         onCopy?: import("react").ClipboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onCopyCapture?: import("react").ClipboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
@@ -319,9 +326,7 @@ export declare function useInputTextFormField({ id, name, description, inline, h
         onPointerCancel?: import("react").PointerEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;

package/dist/InputTime/InputTime.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { InputTimeProps } from "./InputTime.types";
-export declare function InputTime({ defaultValue, value, onChange, ...params }: InputTimeProps): JSX.Element;
+export declare function InputTime({ defaultValue, value, onChange, ...params }: InputTimeProps): React.JSX.Element;

package/dist/InputTime/InputTime.rebuilt.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { InputTimeRebuiltProps } from "./InputTime.types";
-export declare function InputTimeRebuilt({ value, onChange, ...params }: InputTimeRebuiltProps): JSX.Element;
+export declare function InputTimeRebuilt({ value, onChange, ...params }: InputTimeRebuiltProps): React.JSX.Element;

package/dist/InputTime/index.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { InputTimeLegacyProps, InputTimeRebuiltProps } from "./InputTime.types";
 export type InputTimeShimProps = InputTimeLegacyProps | InputTimeRebuiltProps;
-export declare function InputTime(props: InputTimeShimProps): JSX.Element;
+export declare function InputTime(props: InputTimeShimProps): React.JSX.Element;

package/dist/InputValidation/InputValidation.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface InputValidationProps {
     /**
      * Validation message to be displayed
@@ -5,5 +6,5 @@ interface InputValidationProps {
     readonly message: string;
     readonly visible?: boolean;
 }
-export declare function InputValidation({ message, visible, }: InputValidationProps): JSX.Element | null;
+export declare function InputValidation({ message, visible, }: InputValidationProps): React.JSX.Element | null;
 export {};

package/dist/LightBox/LightBox.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from "react";
+import React, { CSSProperties } from "react";
 interface PresentedImage {
     title?: string;
     caption?: string;
@@ -40,5 +40,5 @@ interface LightBoxProps {
      */
     readonly boxSizing?: CSSProperties["boxSizing"];
 }
-export declare function LightBox({ boxSizing, open, images, imageIndex, onRequestClose, }: LightBoxProps): JSX.Element;
+export declare function LightBox({ boxSizing, open, images, imageIndex, onRequestClose, }: LightBoxProps): React.JSX.Element;
 export {};

package/dist/Link/Link.d.ts

@@ -1,8 +1,8 @@
-import { PropsWithChildren } from "react";
+import React, { PropsWithChildren } from "react";
 export interface LinkProps {
     readonly url: string;
     readonly ariaLabel?: string;
     readonly ariaExpanded?: boolean;
     readonly external?: boolean;
 }
-export declare function Link({ url, children, ariaLabel, ariaExpanded, external, }: PropsWithChildren<LinkProps>): JSX.Element;
+export declare function Link({ url, children, ariaLabel, ariaExpanded, external, }: PropsWithChildren<LinkProps>): React.JSX.Element;

package/dist/List/List.d.ts

@@ -37,5 +37,5 @@ interface ListProps<T extends BaseListItemProps = ListItemProps> {
      */
     readonly defaultSectionHeader?: string;
 }
-export declare function List<T extends BaseListItemProps = ListItemProps>({ items, customRenderItem, customItemStyles, customRenderSection, customSectionStyles, defaultSectionHeader, labelledBy, }: ListProps<T>): JSX.Element;
+export declare function List<T extends BaseListItemProps = ListItemProps>({ items, customRenderItem, customItemStyles, customRenderSection, customSectionStyles, defaultSectionHeader, labelledBy, }: ListProps<T>): React.JSX.Element;
 export {};

package/dist/List/ListItem.d.ts

@@ -56,4 +56,4 @@ export interface ListItemProps extends BaseListItemProps {
 export declare function ListItem<T extends BaseListItemProps = ListItemProps>(props: T & ListItemProps & {
     readonly customRenderItem?: (item: T) => React.ReactNode;
     readonly customItemStyles?: boolean;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/Markdown/Markdown.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface MarkdownProps {
     /**
      * Rich text content.
@@ -19,5 +20,5 @@ interface MarkdownProps {
      */
     readonly onLinkClick?: (target: HTMLAnchorElement) => void;
 }
-export declare function Markdown({ content, externalLink, basicUsage, onLinkClick, }: MarkdownProps): JSX.Element;
+export declare function Markdown({ content, externalLink, basicUsage, onLinkClick, }: MarkdownProps): React.JSX.Element;
 export {};

package/dist/Menu/Menu.d.ts

@@ -20,7 +20,7 @@ export interface SectionProps {
      */
     actions: ActionProps[];
 }
-export declare function Menu({ activator, items }: MenuProps): JSX.Element;
+export declare function Menu({ activator, items }: MenuProps): React.JSX.Element;
 export interface ActionProps {
     /**
      * Action label

package/dist/Modal/Modal.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { ModalLegacyProps } from "./Modal.types";
-export declare function ModalLegacy({ open, title, size, dismissible, children, primaryAction, secondaryAction, tertiaryAction, onRequestClose, }: ModalLegacyProps): JSX.Element;
+export declare function ModalLegacy({ open, title, size, dismissible, children, primaryAction, secondaryAction, tertiaryAction, onRequestClose, }: ModalLegacyProps): React.JSX.Element;

package/dist/Modal/Modal.rebuilt.d.ts

@@ -1,10 +1,10 @@
-import { PropsWithChildren } from "react";
+import React, { PropsWithChildren } from "react";
 import { HeaderProps, ModalActionsProps, ModalContentProps as ModalContainerProps } from "./Modal.types";
-export declare function ModalHeader({ title, children }: HeaderProps): JSX.Element;
-export declare function ModalActions({ primary, secondary, tertiary, }: ModalActionsProps): JSX.Element;
-export declare function ModalActivator({ children }: PropsWithChildren): JSX.Element;
+export declare function ModalHeader({ title, children }: HeaderProps): React.JSX.Element;
+export declare function ModalActions({ primary, secondary, tertiary, }: ModalActionsProps): React.JSX.Element;
+export declare function ModalActivator({ children }: PropsWithChildren): React.JSX.Element;
 /**
  * Background overlay for the modal. Used in the ModalContent.
  */
-export declare function ModalOverlay(): JSX.Element;
-export declare function ModalContent({ children }: ModalContainerProps): JSX.Element;
+export declare function ModalOverlay(): React.JSX.Element;
+export declare function ModalContent({ children }: ModalContainerProps): React.JSX.Element;

package/dist/Modal/ModalContext.rebuilt.d.ts

@@ -11,5 +11,5 @@ export interface ModalProviderProps {
     readonly dismissible?: boolean;
     readonly modalLabelledBy?: string;
 }
-export declare function ModalProvider({ children, open, size, onRequestClose, activatorRef: refProp, dismissible, modalLabelledBy, }: ModalProviderProps): JSX.Element;
+export declare function ModalProvider({ children, open, size, onRequestClose, activatorRef: refProp, dismissible, modalLabelledBy, }: ModalProviderProps): React.JSX.Element;
 export declare function useModalContext(): ModalContextType;

package/dist/Modal/index.d.ts

@@ -1,8 +1,9 @@
+import React from "react";
 import { ModalProvider } from "./ModalContext.rebuilt";
 import { ModalActions, ModalActivator, ModalContent, ModalHeader } from "./Modal.rebuilt";
 import { ModalLegacyProps } from "./Modal.types";
 export type { ModalLegacyProps as ModalProps } from "./Modal.types";
-declare function Modal(props: ModalLegacyProps): JSX.Element;
+declare function Modal(props: ModalLegacyProps): React.JSX.Element;
 declare namespace Modal {
     var Header: typeof ModalHeader;
     var Actions: typeof ModalActions;