@jobber/components 6.56.1 → 6.58.0

package/Thumbnail.d.ts

@@ -0,0 +1 @@
+export * from "./dist/Thumbnail";

package/Thumbnail.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+
+var Thumbnail = require("./dist/Thumbnail");
+
+Object.keys(Thumbnail).forEach(function(key) {
+  if (key === "default" || key === "__esModule") return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return Thumbnail[key];
+    },
+  });
+});

package/dist/AnimatedPresence/AnimatedPresence.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import React, { PropsWithChildren } from "react";
 declare const transitions: {
     fromBottom: import("framer-motion").Variants;
     fromTop: import("framer-motion").Variants;
@@ -20,5 +20,5 @@ interface AnimatedPresenceProps extends Required<PropsWithChildren> {
      */
     readonly initial?: boolean;
 }
-export declare function AnimatedPresence(props: AnimatedPresenceProps): JSX.Element;
+export declare function AnimatedPresence(props: AnimatedPresenceProps): React.JSX.Element;
 export {};

package/dist/AnimatedSwitcher/AnimatedSwitcher.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from "react";
+import React, { ReactElement } from "react";
 import { IconNames } from "@jobber/design";
 export interface AnimatedSwitcherProps {
     /**
@@ -20,9 +20,9 @@ export interface AnimatedSwitcherProps {
      */
     readonly type?: "slideFromBottom" | "fade";
 }
-export declare function AnimatedSwitcher({ initialChild, switched, switchTo, type, }: AnimatedSwitcherProps): JSX.Element;
+export declare function AnimatedSwitcher({ initialChild, switched, switchTo, type, }: AnimatedSwitcherProps): React.JSX.Element;
 export declare namespace AnimatedSwitcher {
-    var Icon: ({ switchToIcon, switched, initialIcon, }: AnimatedSwitcherIconProps) => JSX.Element;
+    var Icon: ({ switchToIcon, switched, initialIcon, }: AnimatedSwitcherIconProps) => React.JSX.Element;
 }
 interface AnimatedSwitcherIconProps extends Pick<AnimatedSwitcherProps, "switched"> {
     readonly initialIcon: IconNames;

package/dist/AtlantisPortalContent/AtlantisPortalContent.d.ts

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

package/dist/AtlantisThemeContext/AtlantisThemeContext.d.ts

@@ -1,4 +1,5 @@
+import React from "react";
 import { AtlantisThemeContextProviderProps, AtlantisThemeContextValue } from "./types";
 export declare const atlantisThemeContextDefaultValues: AtlantisThemeContextValue;
-export declare function AtlantisThemeContextProvider({ children, dangerouslyOverrideTheme, }: AtlantisThemeContextProviderProps): JSX.Element;
+export declare function AtlantisThemeContextProvider({ children, dangerouslyOverrideTheme, }: AtlantisThemeContextProviderProps): React.JSX.Element;
 export declare function useAtlantisTheme(): AtlantisThemeContextValue;

package/dist/Autocomplete/Autocomplete.d.ts

@@ -1,6 +1,6 @@
-import { Ref, RefAttributes } from "react";
+import React, { Ref, RefAttributes } from "react";
 import { AnyOption, AutocompleteProps, Option } from "./Autocomplete.types";
 import { InputTextRef } from "../InputText";
-declare function AutocompleteInternal<GenericOption extends AnyOption = AnyOption, GenericOptionValue extends Option = Option, GenericGetOptionsValue extends AnyOption = AnyOption>({ initialOptions, value, allowFreeForm, size, debounce: debounceRate, onChange, getOptions, placeholder, onBlur, onFocus, validations, customRenderMenu, ...inputProps }: AutocompleteProps<GenericOption, GenericOptionValue, GenericGetOptionsValue>, ref: Ref<InputTextRef>): JSX.Element;
+declare function AutocompleteInternal<GenericOption extends AnyOption = AnyOption, GenericOptionValue extends Option = Option, GenericGetOptionsValue extends AnyOption = AnyOption>({ initialOptions, value, allowFreeForm, size, debounce: debounceRate, onChange, getOptions, placeholder, onBlur, onFocus, validations, customRenderMenu, ...inputProps }: AutocompleteProps<GenericOption, GenericOptionValue, GenericGetOptionsValue>, ref: Ref<InputTextRef>): React.JSX.Element;
 export declare const Autocomplete: <GenericOption extends AnyOption = AnyOption, GenericOptionValue extends Option = Option, GenericGetOptionsValue extends AnyOption = AnyOption>(props: AutocompleteProps<GenericOption, GenericOptionValue, GenericGetOptionsValue> & RefAttributes<InputTextRef>) => ReturnType<typeof AutocompleteInternal>;
 export {};

package/dist/Autocomplete/Menu/DefaultMenu.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from "react";
+import React, { RefObject } from "react";
 import { AnyOption, Option } from "../Autocomplete.types";
 export interface DefaultMenuProps {
     readonly options: AnyOption[];
@@ -13,4 +13,4 @@ export interface DefaultMenuProps {
 /**
  * Renders the default Menu for the Autocomplete component.
  */
-export declare function DefaultMenu({ options, selectedOption, onOptionSelect, attachTo, visible, }: DefaultMenuProps): JSX.Element;
+export declare function DefaultMenu({ options, selectedOption, onOptionSelect, attachTo, visible, }: DefaultMenuProps): React.JSX.Element;

package/dist/Autocomplete/Menu/Menu.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { AnyOption, MenuProps, Option } from "../Autocomplete.types";
-export declare function Menu<GenericOption extends AnyOption = AnyOption, GenericOptionValue extends Option = Option>({ options, selectedOption, onOptionSelect, inputFocused, attachTo, inputRef, customRenderMenu, }: MenuProps<GenericOption, GenericOptionValue>): JSX.Element | null;
+export declare function Menu<GenericOption extends AnyOption = AnyOption, GenericOptionValue extends Option = Option>({ options, selectedOption, onOptionSelect, inputFocused, attachTo, inputRef, customRenderMenu, }: MenuProps<GenericOption, GenericOptionValue>): React.JSX.Element | null;

package/dist/Autocomplete/Menu/MenuWrapper.d.ts

@@ -20,4 +20,4 @@ export declare function useAutocompleteMenu({ attachTo, }: {
     }) => React.ReactElement;
     menuRef: HTMLElement | null;
 };
-export declare function BaseAutocompleteMenuWrapper(props: PropsWithChildren<BaseAutocompleteMenuWrapperInternalProps>): JSX.Element;
+export declare function BaseAutocompleteMenuWrapper(props: PropsWithChildren<BaseAutocompleteMenuWrapperInternalProps>): React.JSX.Element;

package/dist/Autocomplete/Option.d.ts

@@ -23,7 +23,7 @@ export interface MenuOptionProps {
 /**
  * The rendering of the default MenuOption
  */
-export declare function MenuOption({ isHighlighted, option, onOptionSelect, isSelected, addSeparators, UNSAFE_className, UNSAFE_style, }: MenuOptionProps): JSX.Element;
+export declare function MenuOption({ isHighlighted, option, onOptionSelect, isSelected, addSeparators, UNSAFE_className, UNSAFE_style, }: MenuOptionProps): React.JSX.Element;
 interface MenuOptionContentProps {
     readonly UNSAFE_className?: {
         readonly icon?: string;
@@ -40,7 +40,7 @@ interface MenuOptionContentProps {
     readonly option: Option;
     readonly isSelected: boolean;
 }
-export declare function MenuOptionContent({ option, isSelected, UNSAFE_className, UNSAFE_style, }: MenuOptionContentProps): JSX.Element;
+export declare function MenuOptionContent({ option, isSelected, UNSAFE_className, UNSAFE_style, }: MenuOptionContentProps): React.JSX.Element;
 export interface MenuGroupOptionProps {
     readonly option: AnyOption;
     readonly UNSAFE_className?: {
@@ -53,7 +53,7 @@ export interface MenuGroupOptionProps {
 /**
  * The rendering of the default MenuGroupOption
  */
-export declare function MenuGroupOptions({ option, UNSAFE_className, UNSAFE_style, }: MenuGroupOptionProps): JSX.Element;
+export declare function MenuGroupOptions({ option, UNSAFE_className, UNSAFE_style, }: MenuGroupOptionProps): React.JSX.Element;
 /**
  * The base component for the MenuGroupOption
  */
@@ -61,7 +61,7 @@ export interface BaseMenuGroupOptionProps extends PropsWithChildren {
     readonly UNSAFE_className?: string;
     readonly UNSAFE_style?: React.CSSProperties;
 }
-export declare function BaseMenuGroupOption({ children, UNSAFE_className, UNSAFE_style, }: BaseMenuGroupOptionProps): JSX.Element;
+export declare function BaseMenuGroupOption({ children, UNSAFE_className, UNSAFE_style, }: BaseMenuGroupOptionProps): React.JSX.Element;
 export interface BaseMenuOptionProps<GenericOption extends AnyOption = AnyOption> extends PropsWithChildren {
     readonly option?: GenericOption;
     readonly onOptionSelect?: (option?: GenericOption) => void;
@@ -73,5 +73,5 @@ export interface BaseMenuOptionProps<GenericOption extends AnyOption = AnyOption
 /**
  * Renders the base option component. The component takes children and renders them inside a button.
  */
-export declare function BaseMenuOption<GenericOption extends AnyOption = AnyOption>({ option, isHighlighted, onOptionSelect, addSeparators, children, UNSAFE_className, UNSAFE_style, }: BaseMenuOptionProps<GenericOption>): JSX.Element;
+export declare function BaseMenuOption<GenericOption extends AnyOption = AnyOption>({ option, isHighlighted, onOptionSelect, addSeparators, children, UNSAFE_className, UNSAFE_style, }: BaseMenuOptionProps<GenericOption>): React.JSX.Element;
 export {};

package/dist/Avatar/Avatar.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from "react";
+import React, { CSSProperties } from "react";
 import { XOR } from "ts-xor";
 import { IconProps } from "../Icon";
 type AvatarSize = "base" | "large" | "small";
@@ -51,7 +51,7 @@ interface AvatarWithInitialsProps extends AvatarFoundationProps {
     readonly initials: string;
 }
 export type AvatarProps = XOR<AvatarWithImageProps, AvatarWithInitialsProps>;
-export declare function Avatar({ imageUrl, name, initials, size, color, UNSAFE_className, UNSAFE_style, }: AvatarProps): JSX.Element;
+export declare function Avatar({ imageUrl, name, initials, size, color, UNSAFE_className, UNSAFE_style, }: AvatarProps): React.JSX.Element;
 interface InitialsUnsafeClassNameProps {
     initials?: string;
     fallbackIcon?: IconProps["UNSAFE_className"];

package/dist/Banner/Banner.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 import { IconNames } from "@jobber/design";
 import { BannerType } from "./Banner.types";
 import { ButtonProps } from "../Button";
@@ -28,5 +28,5 @@ interface BannerProps {
      */
     readonly controlledVisiblity?: boolean;
 }
-export declare function Banner({ children, type, primaryAction, dismissible, icon, onDismiss, controlledVisiblity, }: BannerProps): JSX.Element | null;
+export declare function Banner({ children, type, primaryAction, dismissible, icon, onDismiss, controlledVisiblity, }: BannerProps): React.JSX.Element | null;
 export {};

package/dist/Banner/components/BannerIcon/BannerIcon.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 import { IconNames } from "@jobber/design";
 import { BannerType } from "../../Banner.types";
 export interface BannerIconProps {
     readonly icon: IconNames;
     readonly type: BannerType;
 }
-export declare function BannerIcon({ icon, type }: BannerIconProps): JSX.Element;
+export declare function BannerIcon({ icon, type }: BannerIconProps): React.JSX.Element;

package/dist/Box/Box.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import type { BoxProps } from "./Box.types";
-export declare function Box({ alignItems, alignSelf, as: Tag, background, border, borderColor, children, direction, gap, height, justifyContent, margin, overflow, padding, position, preserveWhiteSpace, radius, width, ...props }: BoxProps): JSX.Element;
+export declare function Box({ alignItems, alignSelf, as: Tag, background, border, borderColor, children, direction, gap, height, justifyContent, margin, overflow, padding, position, preserveWhiteSpace, radius, width, ...props }: BoxProps): React.JSX.Element;

package/dist/Button/Button.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 import { ButtonProps } from "./Button.types";
 import { ButtonIcon, ButtonLabel } from "./ButtonInternals";
-declare function Button(props: ButtonProps): JSX.Element;
+declare function Button(props: ButtonProps): React.JSX.Element;
 declare namespace Button {
     var Label: typeof ButtonLabel;
     var Icon: typeof ButtonIcon;

package/dist/Button/ButtonInternals.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { ButtonProps } from "./Button.types";
 import { IconProps } from "../Icon";
 import { TypographyProps } from "../Typography";
@@ -5,6 +6,6 @@ import { TypographyProps } from "../Typography";
  * For backwards compatibility with the legacy button
  * @deprecated Used composed solution instead
  */
-export declare function ButtonContent({ label, icon, size, iconOnRight, UNSAFE_className, UNSAFE_style, }: Pick<ButtonProps, "label" | "icon" | "size" | "iconOnRight" | "UNSAFE_className" | "UNSAFE_style">): JSX.Element;
-export declare function ButtonIcon({ size: sizeProp, ...props }: Pick<IconProps, "size" | "name" | "testID" | "UNSAFE_className" | "UNSAFE_style">): JSX.Element;
-export declare function ButtonLabel({ element, fontWeight, fontFamily, size: sizeProp, ...props }: Omit<TypographyProps, "textColor">): JSX.Element;
+export declare function ButtonContent({ label, icon, size, iconOnRight, UNSAFE_className, UNSAFE_style, }: Pick<ButtonProps, "label" | "icon" | "size" | "iconOnRight" | "UNSAFE_className" | "UNSAFE_style">): React.JSX.Element;
+export declare function ButtonIcon({ size: sizeProp, ...props }: Pick<IconProps, "size" | "name" | "testID" | "UNSAFE_className" | "UNSAFE_style">): React.JSX.Element;
+export declare function ButtonLabel({ element, fontWeight, fontFamily, size: sizeProp, ...props }: Omit<TypographyProps, "textColor">): React.JSX.Element;

package/dist/Button/ButtonProvider.d.ts

@@ -1,10 +1,10 @@
-import { PropsWithChildren } from "react";
+import React, { PropsWithChildren } from "react";
 import { ButtonSize } from "./Button.types";
 interface ButtonContextProps {
     size: ButtonSize;
 }
 export declare function ButtonProvider({ children, size, }: PropsWithChildren<{
     readonly size?: ButtonSize;
-}>): JSX.Element;
+}>): React.JSX.Element;
 export declare function useButtonContext(): ButtonContextProps;
 export {};

package/dist/ButtonDismiss/ButtonDismiss.d.ts

@@ -3,4 +3,4 @@ export interface ButtonDismissProps {
     onClick?(event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>): void;
     readonly ariaLabel: string;
 }
-export declare function ButtonDismiss({ onClick, ariaLabel }: ButtonDismissProps): JSX.Element;
+export declare function ButtonDismiss({ onClick, ariaLabel }: ButtonDismissProps): React.JSX.Element;

package/dist/Card/Card.d.ts

@@ -52,7 +52,7 @@ type CardPropOptions = LinkCardProps | ClickableCardProps | RegularCardProps;
  * </Card>
  * ```
  */
-declare function CardHeaderCompoundComponent({ children }: CardHeaderProps): JSX.Element;
+declare function CardHeaderCompoundComponent({ children }: CardHeaderProps): React.JSX.Element;
 /**
  * Body component for the Card.
  * Used in the compound component pattern to provide a consistent content layout.
@@ -69,8 +69,8 @@ declare function CardHeaderCompoundComponent({ children }: CardHeaderProps): JSX
  * </Card>
  * ```
  */
-declare function CardBodyCompoundComponent({ children }: CardBodyProps): JSX.Element;
-export declare function Card(props: CardPropOptions): JSX.Element;
+declare function CardBodyCompoundComponent({ children }: CardBodyProps): React.JSX.Element;
+export declare function Card(props: CardPropOptions): React.JSX.Element;
 export declare namespace Card {
     var Header: typeof CardHeaderCompoundComponent;
     var Body: typeof CardBodyCompoundComponent;

package/dist/Card/CardClickable.d.ts

@@ -8,5 +8,5 @@ interface ClickableCardProps {
  * This is only intended to be used in the Card component.
  * Please use `<Card onClick={onClick} />` component instead.
  */
-export declare function CardClickable({ className, onClick, children, }: ClickableCardProps): JSX.Element;
+export declare function CardClickable({ className, onClick, children, }: ClickableCardProps): React.JSX.Element;
 export {};

package/dist/Card/CardHeader.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 import { CardProps } from "./types";
 /**
  * Intended to be used in the Card component.
  * Use `<Card header={header} />` component instead.
  */
-export declare function CardHeader({ title, header, }: Pick<CardProps, "title" | "header">): JSX.Element;
+export declare function CardHeader({ title, header, }: Pick<CardProps, "title" | "header">): React.JSX.Element;

package/dist/Checkbox/Checkbox.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { CheckboxLegacyProps } from "./Checkbox.types";
-export declare function CheckboxLegacy({ checked, defaultChecked, disabled, label, name, value, indeterminate, description, children, onBlur, onChange, onFocus, }: CheckboxLegacyProps): JSX.Element;
+export declare function CheckboxLegacy({ checked, defaultChecked, disabled, label, name, value, indeterminate, description, children, onBlur, onChange, onFocus, }: CheckboxLegacyProps): React.JSX.Element;

package/dist/Checkbox/Checkbox.rebuilt.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { CheckboxRebuiltProps } from "./Checkbox.types";
-export declare function CheckboxRebuilt({ checked, defaultChecked, disabled, label, name, value, indeterminate, description, id, onBlur, onChange, onFocus, }: CheckboxRebuiltProps): JSX.Element;
+export declare function CheckboxRebuilt({ checked, defaultChecked, disabled, label, name, value, indeterminate, description, id, onBlur, onChange, onFocus, }: CheckboxRebuiltProps): React.JSX.Element;

package/dist/Checkbox/index.d.ts

@@ -1,4 +1,5 @@
+import React from "react";
 import { CheckboxLegacyProps, CheckboxRebuiltProps } from "./Checkbox.types";
 type CheckboxShimProps = CheckboxLegacyProps | CheckboxRebuiltProps;
-export declare function Checkbox(props: CheckboxShimProps): JSX.Element;
+export declare function Checkbox(props: CheckboxShimProps): React.JSX.Element;
 export type { CheckboxLegacyProps, CheckboxRebuiltProps };

package/dist/Chip/components/ChipDismissible/ChipDismissible.d.ts

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

package/dist/Chip/components/ChipPrefix/Chip.Prefix.d.ts

@@ -1,2 +1,2 @@
-import { PropsWithChildren } from "react";
-export declare function ChipPrefix({ children }: PropsWithChildren): JSX.Element;
+import React, { PropsWithChildren } from "react";
+export declare function ChipPrefix({ children }: PropsWithChildren): React.JSX.Element;

package/dist/Chip/components/ChipSelectable/ChipSelectable.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { ChipSelectableProps } from "../../Chip.types";
-export declare function ChipSelectable({ selected, ...rest }: ChipSelectableProps): JSX.Element;
+export declare function ChipSelectable({ selected, ...rest }: ChipSelectableProps): React.JSX.Element;

package/dist/Chip/components/ChipSuffix/Chip.Suffix.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from "react";
-export declare function ChipSuffix({ children, className, onClick, testID, ariaLabel, }: ChipSuffixProps): JSX.Element;
+export declare function ChipSuffix({ children, className, onClick, testID, ariaLabel, }: ChipSuffixProps): React.JSX.Element;
 export interface ChipSuffixProps extends PropsWithChildren {
     readonly className?: string;
     readonly testID?: string;

package/dist/Chips/Chip.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { InternalChipProps } from "./ChipTypes";
 export interface ChipProps extends Pick<InternalChipProps, "label" | "prefix" | "disabled" | "invalid"> {
     /**
@@ -5,4 +6,4 @@ export interface ChipProps extends Pick<InternalChipProps, "label" | "prefix" |
      */
     readonly value: string;
 }
-export declare function Chip(props: ChipProps): JSX.Element;
+export declare function Chip(props: ChipProps): React.JSX.Element;

package/dist/Chips/ChipDismissible.d.ts

@@ -1,7 +1,7 @@
-import { MouseEvent } from "react";
+import React, { MouseEvent } from "react";
 import { InternalChipProps } from "./ChipTypes";
 interface ChipDismissibleProps extends Pick<InternalChipProps, "label" | "disabled" | "invalid" | "prefix" | "onClick"> {
     onRequestRemove(event: MouseEvent<HTMLDivElement>): void;
 }
-export declare function ChipDismissible({ label, disabled, invalid, prefix, onClick, onRequestRemove, }: ChipDismissibleProps): JSX.Element;
+export declare function ChipDismissible({ label, disabled, invalid, prefix, onClick, onRequestRemove, }: ChipDismissibleProps): React.JSX.Element;
 export {};

package/dist/Chips/Chips.d.ts

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

package/dist/Chips/InternalChip.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { InternalChipProps } from "./ChipTypes";
-export declare function InternalChip({ label, active, disabled, invalid, prefix, suffix, tabIndex, ariaLabel, onClick, onKeyDown, }: InternalChipProps): JSX.Element;
+export declare function InternalChip({ label, active, disabled, invalid, prefix, suffix, tabIndex, ariaLabel, onClick, onKeyDown, }: InternalChipProps): React.JSX.Element;

package/dist/Chips/InternalChipAffix.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from "react";
+import React, { ReactElement } from "react";
 import { ChipButtonProps } from "./InternalChipButton";
 import { InternalChipProps } from "./ChipTypes";
 import { AvatarProps } from "../Avatar";
@@ -6,5 +6,5 @@ import { IconProps } from "../Icon";
 interface InternalChipAffixProps extends Pick<InternalChipProps, "active" | "invalid" | "disabled"> {
     readonly affix?: ReactElement<AvatarProps | IconProps | ChipButtonProps>;
 }
-export declare function InternalChipAffix({ affix, active, invalid, disabled, }: InternalChipAffixProps): JSX.Element;
+export declare function InternalChipAffix({ affix, active, invalid, disabled, }: InternalChipAffixProps): React.JSX.Element;
 export {};

package/dist/Chips/InternalChipButton.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent } from "react";
+import React, { MouseEvent } from "react";
 import { IconNames } from "@jobber/design";
 export interface ChipButtonProps {
     readonly icon: IconNames;
@@ -7,4 +7,4 @@ export interface ChipButtonProps {
     readonly label: string;
     onClick(event: MouseEvent<HTMLDivElement>): void;
 }
-export declare function InternalChipButton({ icon, invalid, disabled, label, onClick, }: ChipButtonProps): JSX.Element;
+export declare function InternalChipButton({ icon, invalid, disabled, label, onClick, }: ChipButtonProps): React.JSX.Element;

package/dist/Chips/InternalChipDismissible/InternalChipDismissible.d.ts

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

package/dist/Chips/InternalChipDismissible/InternalChipDismissibleInput.d.ts

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

package/dist/Chips/InternalChipMultiSelect.d.ts

@@ -1,4 +1,5 @@
+import React from "react";
 import { ChipMultiSelectProps } from "./ChipsTypes";
 type InternalChipChoiceMultipleProps = Pick<ChipMultiSelectProps, "selected" | "onChange" | "children" | "onClick" | "showSelectedSuffix">;
-export declare function InternalChipMultiSelect({ children, selected, showSelectedSuffix, onChange, onClick, }: InternalChipChoiceMultipleProps): JSX.Element;
+export declare function InternalChipMultiSelect({ children, selected, showSelectedSuffix, onChange, onClick, }: InternalChipChoiceMultipleProps): React.JSX.Element;
 export {};

package/dist/Chips/InternalChipSingleSelect.d.ts

@@ -1,4 +1,5 @@
+import React from "react";
 import { ChipSingleSelectProps } from "./ChipsTypes";
 type InternalChipChoiceProps = Pick<ChipSingleSelectProps, "selected" | "onChange" | "children" | "onClick" | "name" | "showSelectedSuffix">;
-export declare function InternalChipSingleSelect({ children, selected, name, showSelectedSuffix, onChange, onClick, }: InternalChipChoiceProps): JSX.Element;
+export declare function InternalChipSingleSelect({ children, selected, name, showSelectedSuffix, onChange, onClick, }: InternalChipChoiceProps): React.JSX.Element;
 export {};

package/dist/Cluster/Cluster.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { ClusterProps } from "./types";
-export declare function Cluster({ children, justify, align, gap, collapseBelow, collapsed, autoWidth, as: Tag, dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }: ClusterProps): JSX.Element;
+export declare function Cluster({ children, justify, align, gap, collapseBelow, collapsed, autoWidth, as: Tag, dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }: ClusterProps): React.JSX.Element;

package/dist/Combobox/components/ComboboxAction/ComboboxAction.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { ComboboxActionProps } from "../../Combobox.types";
-export declare function ComboboxAction(props: ComboboxActionProps): JSX.Element | null;
+export declare function ComboboxAction(props: ComboboxActionProps): React.JSX.Element | null;

package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/ComboboxLoadMore.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 interface ComboboxLoadMoreProps {
     readonly onLoadMore: () => void;
 }
-export declare function ComboboxLoadMore({ onLoadMore }: ComboboxLoadMoreProps): JSX.Element;
+export declare function ComboboxLoadMore({ onLoadMore }: ComboboxLoadMoreProps): React.JSX.Element;
 export {};

package/dist/Combobox/components/ComboboxOption/ComboboxOption.d.ts

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

package/dist/Combobox/components/ComboboxTrigger/ComboboxTrigger.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { ComboboxTriggerProps } from "../../Combobox.types";
-export declare function ComboboxTrigger({ label, selected, activatorRef, }: ComboboxTriggerProps): JSX.Element;
+export declare function ComboboxTrigger({ label, selected, activatorRef, }: ComboboxTriggerProps): React.JSX.Element;

package/dist/ConfirmationModal/ConfirmationModal.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode, Ref } from "react";
+import React, { ReactNode } from "react";
 interface DisplayAction {
     type: "display";
     title?: string;
@@ -63,7 +63,6 @@ export interface SimpleConfirmationModalProps extends BaseConfirmationModalProps
     readonly confirmLabel: string;
 }
 export interface ComplexConfirmationModalProps extends BaseConfirmationModalProps {
-    readonly ref: Ref<ConfirmationModalRef>;
     readonly open?: undefined;
 }
 export interface ChildrenMessage extends BaseConfirmationModalProps {
@@ -74,5 +73,6 @@ export interface StringMessage extends BaseConfirmationModalProps {
     message: string;
     children?: never;
 }
-export declare const ConfirmationModal: React.ForwardRefExoticComponent<((SimpleConfirmationModalProps & (ChildrenMessage | StringMessage)) | Omit<ComplexConfirmationModalProps & ChildrenMessage, "ref"> | Omit<ComplexConfirmationModalProps & StringMessage, "ref">) & React.RefAttributes<ConfirmationModalRef>>;
+type ConfirmationModalProps = (SimpleConfirmationModalProps & (StringMessage | ChildrenMessage)) | (ComplexConfirmationModalProps & (StringMessage | ChildrenMessage));
+export declare const ConfirmationModal: React.ForwardRefExoticComponent<ConfirmationModalProps & React.RefAttributes<ConfirmationModalRef>>;
 export {};

package/dist/Container/Container.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 import { ContainerApplyProps, ContainerProps } from "./types";
 export declare const Container: {
-    ({ children, name, className, as: Tag, autoWidth, dataAttributes, ariaAttributes, role, id, }: ContainerProps): JSX.Element;
-    Apply({ children, className, style, autoWidth, }: ContainerApplyProps): JSX.Element;
+    ({ children, name, className, as: Tag, autoWidth, dataAttributes, ariaAttributes, role, id, }: ContainerProps): React.JSX.Element;
+    Apply({ children, className, style, autoWidth, }: ContainerApplyProps): React.JSX.Element;
 };

package/dist/ContentBlock/ContentBlock.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { ContentBlockProps } from "./types";
-export declare function ContentBlock({ children, maxWidth, andText, gutters, justify, as: Tag, dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }: ContentBlockProps): JSX.Element;
+export declare function ContentBlock({ children, maxWidth, andText, gutters, justify, as: Tag, dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }: ContentBlockProps): React.JSX.Element;

package/dist/Countdown/Countdown.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 /**
  * Options for deciding how much information is shown to the user
  * days, hours, minutes, seconds
@@ -25,5 +26,5 @@ interface CountdownProps {
      */
     onComplete?(): void;
 }
-export declare function Countdown({ date: inputDate, onComplete, showUnits, granularity, }: CountdownProps): JSX.Element;
+export declare function Countdown({ date: inputDate, onComplete, showUnits, granularity, }: CountdownProps): React.JSX.Element;
 export {};

package/dist/Cover/Cover.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 import { CoverCenterContentProps, CoverProps } from "./types";
-export declare function Cover({ children, minHeight, gap, as: Tag, dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }: CoverProps): JSX.Element;
+export declare function Cover({ children, minHeight, gap, as: Tag, dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }: CoverProps): React.JSX.Element;
 export declare namespace Cover {
-    var Center: ({ children, UNSAFE_className, UNSAFE_style, as: Tag, id, role, ariaAttributes, dataAttributes, }: CoverCenterContentProps) => JSX.Element;
+    var Center: ({ children, UNSAFE_className, UNSAFE_style, as: Tag, id, role, ariaAttributes, dataAttributes, }: CoverCenterContentProps) => React.JSX.Element;
 }

package/dist/DataDump/DataDump.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface DataDebuggerProps {
     /**
      * Label for the DataDump
@@ -16,5 +17,5 @@ interface DataDebuggerProps {
      */
     readonly data: unknown;
 }
-export declare function DataDump({ label, defaultOpen, data, }: DataDebuggerProps): JSX.Element;
+export declare function DataDump({ label, defaultOpen, data, }: DataDebuggerProps): React.JSX.Element;
 export {};

package/dist/DataList/DataList.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { DataListLayout } from "./components/DataListLayout";
 import { DataListFilters } from "./components/DataListFilters";
 import { DataListSearch } from "./components/DataListSearch";
@@ -8,7 +9,7 @@ import { DataListLayoutActions } from "./components/DataListLayoutActions";
 import { DataListBulkActionProps, DataListObject, DataListProps } from "./DataList.types";
 import { DataListBulkActions } from "./components/DataListBulkActions";
 import { DataListStatusBar } from "./components/DataListStatusBar";
-export declare function DataList<T extends DataListObject>({ selected, sorting, ...props }: DataListProps<T>): JSX.Element;
+export declare function DataList<T extends DataListObject>({ selected, sorting, ...props }: DataListProps<T>): React.JSX.Element;
 export declare namespace DataList {
     var Layout: typeof DataListLayout;
     var LayoutActions: typeof DataListLayoutActions;
@@ -18,6 +19,6 @@ export declare namespace DataList {
     var ItemActions: typeof DataListItemActions;
     var ItemAction: typeof DataListAction;
     var BatchActions: typeof DataListBulkActions;
-    var BatchAction: (props: DataListBulkActionProps) => JSX.Element;
+    var BatchAction: (props: DataListBulkActionProps) => React.JSX.Element;
     var StatusBar: typeof DataListStatusBar;
 }

package/dist/DataList/components/DataListAction/DataListAction.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { DataListActionProps, DataListObject } from "@jobber/components/DataList/DataList.types";
-export declare function DataListAction<T extends DataListObject>({ label, icon, destructive, visible, onClick, actionUrl, }: DataListActionProps<T>): JSX.Element | null;
+export declare function DataListAction<T extends DataListObject>({ label, icon, destructive, visible, onClick, actionUrl, }: DataListActionProps<T>): React.JSX.Element | null;

package/dist/DataList/components/DataListActions/DataListActions.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { DataListActionsProps, DataListObject } from "../../DataList.types";
-export declare function DataListActions<T extends DataListObject>({ children, itemsToExpose, }: DataListActionsProps<T>): JSX.Element;
+export declare function DataListActions<T extends DataListObject>({ children, itemsToExpose, }: DataListActionsProps<T>): React.JSX.Element;

package/dist/DataList/components/DataListActionsMenu/DataListActionsMenu.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import React, { PropsWithChildren } from "react";
 interface DataListActionsMenuProps {
     readonly visible: boolean;
     readonly position: {
@@ -7,5 +7,5 @@ interface DataListActionsMenuProps {
     };
     readonly onRequestClose: () => void;
 }
-export declare function DataListActionsMenu({ visible, position, onRequestClose, children, }: PropsWithChildren<DataListActionsMenuProps>): JSX.Element;
+export declare function DataListActionsMenu({ visible, position, onRequestClose, children, }: PropsWithChildren<DataListActionsMenuProps>): React.JSX.Element;
 export {};

package/dist/DataList/components/DataListBulkActions/DataListBulkActions.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { DataListBulkActionsProps } from "../../DataList.types";
 export declare function DataListBulkActions(_: DataListBulkActionsProps): null;
-export declare function InternalDataListBulkActions(): JSX.Element | null;
+export declare function InternalDataListBulkActions(): React.JSX.Element | null;

package/dist/DataList/components/DataListEmptyState/DataListEmptyState.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { DataListEmptyStateProps } from "../../DataList.types";
 export declare function DataListEmptyState(_: DataListEmptyStateProps): null;
-export declare function InternalDataListEmptyState(): JSX.Element;
+export declare function InternalDataListEmptyState(): React.JSX.Element;