@jobber/components 6.82.3 → 6.82.5

package/.eslintrc.cjs

@@ -1,4 +1,18 @@
 module.exports = {
+  overrides: [
+    {
+      files: ["*.ts", "*.tsx"],
+      parserOptions: {
+        project: "tsconfig.json",
+        tsconfigRootDir: __dirname,
+        sourceType: "module",
+      },
+      rules: {
+        "@typescript-eslint/consistent-type-exports": "error",
+        "@typescript-eslint/consistent-type-imports": "error",
+      },
+    },
+  ],
   rules: {
     "import/no-internal-modules": [
       "error",

package/dist/AnimatedPresence/AnimatedPresence.d.ts

@@ -1,4 +1,5 @@
-import React, { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
+import React from "react";
 declare const transitions: {
     fromBottom: import("framer-motion").Variants;
     fromTop: import("framer-motion").Variants;

package/dist/AnimatedPresence/AnimatedPresence.transitions.d.ts

@@ -1,4 +1,4 @@
-import { Variants } from "framer-motion";
+import type { Variants } from "framer-motion";
 export declare const TIMING_QUICK: number;
 export declare const TIMING_BASE: number;
 export declare const fade: Variants;

package/dist/AnimatedSwitcher/AnimatedSwitcher.d.ts

@@ -1,5 +1,6 @@
-import React, { ReactElement } from "react";
-import { IconNames } from "@jobber/design";
+import type { ReactElement } from "react";
+import React from "react";
+import type { IconNames } from "@jobber/design";
 export interface AnimatedSwitcherProps {
     /**
      * Determines when to switch the component to the `switchTo` prop.

package/dist/AnimatedSwitcher/transitions.d.ts

@@ -1,4 +1,4 @@
-import { Variants } from "framer-motion";
+import type { Variants } from "framer-motion";
 export declare const DURATION_SIMPLE = 0.1;
 export declare const DURATION_AVERAGE = 0.2;
 export declare const FADE: Variants;

package/dist/AtlantisContext/AtlantisContext.d.ts

@@ -1,4 +1,4 @@
-import { DayOfWeek } from "../sharedHelpers/types";
+import type { DayOfWeek } from "../sharedHelpers/types";
 export interface AtlantisContextProps {
     /**
      * The date format Atlantis components would use

package/dist/AtlantisPortalContent/AtlantisPortalContent.d.ts

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

package/dist/AtlantisThemeContext/AtlantisThemeContext.d.ts

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

package/dist/AtlantisThemeContext/index.d.ts

@@ -1,3 +1,3 @@
 export { AtlantisThemeContextProvider, atlantisThemeContextDefaultValues, useAtlantisTheme, } from "./AtlantisThemeContext";
-export { THEME_CHANGE_EVENT, Theme, ThemeChangeDetails, AtlantisThemeContextProviderProps, AtlantisThemeContextValue, } from "./types";
+export { THEME_CHANGE_EVENT, type AtlantisThemeContextProviderProps, type AtlantisThemeContextValue, type Theme, type ThemeChangeDetails, } from "./types";
 export { updateTheme } from "./updateTheme";

package/dist/AtlantisThemeContext/types.d.ts

@@ -1,5 +1,5 @@
-import { tokens } from "@jobber/design";
-import { PropsWithChildren } from "react";
+import type { tokens } from "@jobber/design";
+import type { PropsWithChildren } from "react";
 export interface AtlantisThemeContextValue {
     /**
      * The theme of the application.

package/dist/AtlantisThemeContext/updateTheme.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from "./types";
+import type { Theme } from "./types";
 /**
  * Toggle the theme of the application. If subscribed, the tokens will be updated accordingly.
  * Will add data-theme="<newTheme>" to the <html> element.

package/dist/Autocomplete/Autocomplete.d.ts

@@ -1,6 +1,7 @@
-import React, { Ref, RefAttributes } from "react";
-import { AnyOption, AutocompleteProps, Option } from "./Autocomplete.types";
-import { InputTextRef } from "../InputText";
+import type { Ref, RefAttributes } from "react";
+import React from "react";
+import { type AnyOption, type AutocompleteProps, type Option } from "./Autocomplete.types";
+import type { 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>): 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/Autocomplete.types.d.ts

@@ -1,6 +1,6 @@
-import { RefObject } from "react";
-import { FormFieldProps } from "../FormField";
-import { InputTextRef } from "../InputText";
+import type { RefObject } from "react";
+import type { FormFieldProps } from "../FormField";
+import type { InputTextRef } from "../InputText";
 type OptionValue = string | number;
 export interface BaseOption {
     label: string;

package/dist/Autocomplete/Autocomplete.utils.d.ts

@@ -1,4 +1,4 @@
-import { AnyOption, GroupOption, Option } from "./Autocomplete.types";
+import { type AnyOption, type GroupOption, type Option } from "./Autocomplete.types";
 export declare function isOptionSelected(selectedOption: Option | undefined, option: Option): boolean;
 /**
  * Helper function to determine if the option is a group. This is used to

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { AnyOption, Option } from "../Autocomplete.types";
+import { type AnyOption, type Option } from "../Autocomplete.types";
 export interface DefaultMenuProps {
     readonly options: AnyOption[];
     readonly selectedOption?: Option;

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

@@ -1,3 +1,3 @@
 import React from "react";
-import { AnyOption, MenuProps, Option } from "../Autocomplete.types";
+import { type AnyOption, type MenuProps, type 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>): React.JSX.Element | null;

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

@@ -1,5 +1,6 @@
-import React, { PropsWithChildren } from "react";
-import { UseRepositionMenu } from "../useRepositionMenu";
+import type { PropsWithChildren } from "react";
+import React from "react";
+import type { UseRepositionMenu } from "../useRepositionMenu";
 export interface BaseAutocompleteMenuWrapperInternalProps {
     readonly setMenuRef: UseRepositionMenu["setMenuRef"];
     readonly floatStyles: UseRepositionMenu["styles"];

package/dist/Autocomplete/Option.d.ts

@@ -1,5 +1,6 @@
-import React, { PropsWithChildren } from "react";
-import { AnyOption, Option } from "./Autocomplete.types";
+import type { PropsWithChildren } from "react";
+import React from "react";
+import { type AnyOption, type Option } from "./Autocomplete.types";
 export interface MenuOptionProps {
     readonly isHighlighted: boolean;
     readonly option: AnyOption;

package/dist/Autocomplete/index.d.ts

@@ -1,6 +1,6 @@
 export { Autocomplete } from "./Autocomplete";
-export { MenuOptionProps, BaseMenuOption, BaseMenuOptionProps, MenuOption, BaseMenuGroupOption, BaseMenuGroupOptionProps, } from "./Option";
-export { AnyOption, AutocompleteProps, BaseOption, CustomOptionsMenuProp, GroupOption, OptionCollection, Option, } from "./Autocomplete.types";
+export { type MenuOptionProps, BaseMenuOption, type BaseMenuOptionProps, MenuOption, BaseMenuGroupOption, type BaseMenuGroupOptionProps, } from "./Option";
+export { type AnyOption, type AutocompleteProps, type BaseOption, type CustomOptionsMenuProp, type GroupOption, type OptionCollection, type Option, } from "./Autocomplete.types";
 export { KeyboardAction, getRequestedIndexChange, useKeyboardNavigation, useCustomKeyboardNavigation, } from "./useKeyboardNavigation";
 export { useRepositionMenu } from "./useRepositionMenu";
 export { BaseAutocompleteMenuWrapper, useAutocompleteMenu, } from "./Menu/MenuWrapper";

package/dist/Autocomplete/useKeyboardNavigation.d.ts

@@ -1,4 +1,4 @@
-import { AnyOption, Option } from "./Autocomplete.types";
+import { type AnyOption, type Option } from "./Autocomplete.types";
 export declare enum KeyboardAction {
     Previous = -1,
     Next = 1,

package/dist/Autocomplete/useRepositionMenu.d.ts

@@ -1,4 +1,4 @@
-import { MenuProps } from "./Autocomplete.types";
+import type { MenuProps } from "./Autocomplete.types";
 export interface UseRepositionMenu {
     readonly menuRef: HTMLElement | null;
     readonly setMenuRef: (ref: HTMLElement | null) => void;

package/dist/Avatar/Avatar.d.ts

@@ -1,6 +1,7 @@
-import React, { CSSProperties } from "react";
-import { XOR } from "ts-xor";
-import { IconProps } from "../Icon";
+import type { CSSProperties } from "react";
+import React from "react";
+import type { XOR } from "ts-xor";
+import type { IconProps } from "../Icon";
 type AvatarSize = "base" | "large" | "small";
 interface AvatarFoundationProps {
     /**

package/dist/Avatar/index.d.ts

@@ -1 +1 @@
-export { Avatar, AvatarProps } from "./Avatar";
+export { Avatar, type AvatarProps } from "./Avatar";

package/dist/Banner/Banner.types.d.ts

@@ -1,8 +1,8 @@
 import { type CSSProperties, type PropsWithChildren, type ReactNode } from "react";
-import { type IconNames, tokens } from "@jobber/design";
+import type { IconNames, tokens } from "@jobber/design";
 import { type ButtonProps } from "../Button";
 import { type ButtonDismissProps } from "../ButtonDismiss";
-import { IconProps } from "../Icon";
+import type { IconProps } from "../Icon";
 export type BannerType = "notice" | "success" | "warning" | "error";
 type TokensType = keyof typeof tokens;
 type Prefixes = TokensType extends `${infer Prefix}-${string}` ? Prefix : never;

package/dist/Banner/BannerContext.d.ts

@@ -1,4 +1,4 @@
-import { BannerType } from "./Banner.types";
+import type { BannerType } from "./Banner.types";
 interface BannerContextValue {
     /**
      * The status-based theme of the Banner.

package/dist/Button/Button.d.ts

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

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

@@ -1,9 +1,9 @@
-import { IconNames } from "@jobber/design";
-import { LinkProps } from "react-router-dom";
-import { XOR } from "ts-xor";
-import { CSSProperties } from "react";
-import { TypographyProps } from "../Typography/Typography";
-import { IconProps } from "../Icon/Icon";
+import type { IconNames } from "@jobber/design";
+import type { LinkProps } from "react-router-dom";
+import type { XOR } from "ts-xor";
+import type { CSSProperties } from "react";
+import type { TypographyProps } from "../Typography/Typography";
+import type { IconProps } from "../Icon/Icon";
 export type HTMLButtonType = "button" | "submit";
 export type ButtonVariation = "work" | "learning" | "subtle" | "destructive";
 export type ButtonSize = "small" | "base" | "large";

package/dist/Button/ButtonInternals.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { ButtonProps } from "./Button.types";
-import { IconProps } from "../Icon";
-import { TypographyProps } from "../Typography";
+import { type ButtonProps } from "./Button.types";
+import { type IconProps } from "../Icon";
+import { type TypographyProps } from "../Typography";
 /**
  * For backwards compatibility with the legacy button
  * @deprecated Used composed solution instead

package/dist/Button/ButtonProvider.d.ts

@@ -1,5 +1,6 @@
-import React, { PropsWithChildren } from "react";
-import { ButtonSize } from "./Button.types";
+import type { PropsWithChildren } from "react";
+import React from "react";
+import type { ButtonSize } from "./Button.types";
 interface ButtonContextProps {
     size: ButtonSize;
 }

package/dist/Button/index.d.ts

@@ -1,4 +1,4 @@
 export { Button } from "./Button";
-export * from "./Button.types";
-export { useButtonStyles, UseButtonStylesProps } from "./useButtonStyles";
+export type * from "./Button.types";
+export { useButtonStyles, type UseButtonStylesProps } from "./useButtonStyles";
 export { useButtonContext } from "./ButtonProvider";

package/dist/Button/useButtonStyles.d.ts

@@ -1,4 +1,4 @@
-import { ButtonSize, ButtonType, ButtonVariation } from "./Button.types";
+import type { ButtonSize, ButtonType, ButtonVariation } from "./Button.types";
 /**
  * The props that are used to style the button
  */

package/dist/Card/Card.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CardBodyProps, CardHeaderProps, CardProps } from "./types";
+import type { CardBodyProps, CardHeaderProps, CardProps } from "./types";
 /**
  * Props for a card that acts as a link.
  * When url is provided, the card becomes clickable and navigates to the specified URL.

package/dist/Card/CardClickable.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from "react";
+import type { ReactNode } from "react";
+import React from "react";
 interface ClickableCardProps {
     onClick(event: React.MouseEvent<HTMLElement>): void;
     readonly className: string;

package/dist/Card/CardHeader.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CardProps } from "./types";
+import type { CardProps } from "./types";
 /**
  * Intended to be used in the Card component.
  * Use `<Card header={header} />` component instead.

package/dist/Card/types.d.ts

@@ -1,7 +1,7 @@
-import { ReactElement, ReactNode } from "react";
-import colors from "./cardcolors.module.css";
-import { ButtonProps } from "../Button";
-import { MenuProps } from "../Menu";
+import type { ReactElement, ReactNode } from "react";
+import type colors from "./cardcolors.module.css";
+import { type ButtonProps } from "../Button";
+import { type MenuProps } from "../Menu";
 export type ActionProps = ReactElement<Omit<ButtonProps, "size" | "fullWidth"> | MenuProps>;
 export interface HeaderActionProps {
     /**

package/dist/Checkbox/Checkbox.d.ts

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

package/dist/Checkbox/Checkbox.types.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement, ReactNode } from "react";
-import { XOR } from "ts-xor";
+import type { ReactElement, ReactNode } from "react";
+import type { XOR } from "ts-xor";
 export interface BaseCheckboxProps {
     /**
      * Determines if the checkbox is checked or not.

package/dist/Checkbox/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CheckboxLegacyProps, CheckboxRebuiltProps } from "./Checkbox.types";
+import type { CheckboxLegacyProps, CheckboxRebuiltProps } from "./Checkbox.types";
 type CheckboxShimProps = CheckboxLegacyProps | CheckboxRebuiltProps;
 export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxShimProps & React.RefAttributes<HTMLInputElement>>;
 export type { CheckboxLegacyProps, CheckboxRebuiltProps };

package/dist/Chip/Chip.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { ChipPrefix } from "./components/ChipPrefix/Chip.Prefix";
 import { ChipSuffix } from "./components/ChipSuffix/Chip.Suffix";
-import { ChipProps } from "./Chip.types";
+import type { ChipProps } from "./Chip.types";
 declare const ChipNamespace: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement | HTMLButtonElement>> & {
     Prefix: typeof ChipPrefix;
     Suffix: typeof ChipSuffix;

package/dist/Chip/Chip.types.d.ts

@@ -1,4 +1,5 @@
-import React, { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
+import type React from "react";
 export interface ChipProps extends PropsWithChildren {
     /**
      * Accessible label, which can be different from the primary label.

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

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

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

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

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

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

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

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

package/dist/Chip/hooks/useChildComponent.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 /**
  * Returns the first React Child that receives `true` from isCorrectComponent
  * @param children React Children

package/dist/Chips/Chip.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { InternalChipProps } from "./ChipTypes";
+import type { InternalChipProps } from "./ChipTypes";
 export interface ChipProps extends Pick<InternalChipProps, "label" | "prefix" | "disabled" | "invalid"> {
     /**
      * The value that gets returned on the `<Chips>`'s onChange callback.

package/dist/Chips/ChipDismissible.d.ts

@@ -1,5 +1,6 @@
-import React, { MouseEvent } from "react";
-import { InternalChipProps } from "./ChipTypes";
+import type { MouseEvent } from "react";
+import React from "react";
+import type { InternalChipProps } from "./ChipTypes";
 interface ChipDismissibleProps extends Pick<InternalChipProps, "label" | "disabled" | "invalid" | "prefix" | "onClick"> {
     onRequestRemove(event: MouseEvent<HTMLDivElement>): void;
 }

package/dist/Chips/ChipTypes.d.ts

@@ -1,7 +1,7 @@
-import { KeyboardEvent, MouseEvent, ReactElement } from "react";
-import { ChipButtonProps } from "./InternalChipButton";
-import { AvatarProps } from "../Avatar";
-import { IconProps } from "../Icon";
+import type { KeyboardEvent, MouseEvent, ReactElement } from "react";
+import { type ChipButtonProps } from "./InternalChipButton";
+import { type AvatarProps } from "../Avatar";
+import { type IconProps } from "../Icon";
 export interface InternalChipProps {
     /**
      * Label of the chip.

package/dist/Chips/Chips.d.ts

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

package/dist/Chips/ChipsTypes.d.ts

@@ -1,5 +1,5 @@
-import { MouseEvent, ReactElement } from "react";
-import { ChipProps } from "./Chip";
+import type { MouseEvent, ReactElement } from "react";
+import type { ChipProps } from "./Chip";
 interface ChipFoundationProps {
     readonly children: ReactElement<ChipProps>[];
     /**

package/dist/Chips/InternalChip.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import { InternalChipProps } from "./ChipTypes";
+import type { InternalChipProps } from "./ChipTypes";
 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,8 +1,9 @@
-import React, { ReactElement } from "react";
-import { ChipButtonProps } from "./InternalChipButton";
-import { InternalChipProps } from "./ChipTypes";
-import { AvatarProps } from "../Avatar";
-import { IconProps } from "../Icon";
+import type { ReactElement } from "react";
+import React from "react";
+import { type ChipButtonProps } from "./InternalChipButton";
+import { type InternalChipProps } from "./ChipTypes";
+import { type AvatarProps } from "../Avatar";
+import { type IconProps } from "../Icon";
 interface InternalChipAffixProps extends Pick<InternalChipProps, "active" | "invalid" | "disabled"> {
     readonly affix?: ReactElement<AvatarProps | IconProps | ChipButtonProps>;
 }

package/dist/Chips/InternalChipButton.d.ts

@@ -1,5 +1,6 @@
-import React, { MouseEvent } from "react";
-import { IconNames } from "@jobber/design";
+import type { MouseEvent } from "react";
+import React from "react";
+import type { IconNames } from "@jobber/design";
 export interface ChipButtonProps {
     readonly icon: IconNames;
     readonly invalid?: boolean;

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

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

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

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

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

@@ -1,8 +1,8 @@
-import { ChipProps } from "../Chip";
-import { ChipDismissibleProps } from "../ChipsTypes";
+import type { ChipProps } from "../Chip";
+import type { ChipDismissibleProps } from "../ChipsTypes";
 export type InternalChipDismissibleProps = Omit<ChipDismissibleProps, "type">;
 export interface ChipDismissibleInputProps extends Pick<InternalChipDismissibleProps, "activator" | "isLoadingMore" | "onSearch" | "onLoadMore"> {
-    readonly attachTo: HTMLElement | null;
+    readonly attachTo: React.RefObject<Element | null>;
     readonly options: ChipProps[];
     onCustomOptionSelect?(value: string): void;
     onOptionSelect(value: string): void;

package/dist/Chips/InternalChipDismissible/hooks/index.cjs

@@ -17,9 +17,7 @@ require('../../../_setToString-cjs.js');
 require('../../../debounce-cjs.js');
 require('../../../Icon-cjs.js');
 require('@jobber/design');
-require('../../../floating-ui.react-cjs.js');
-require('react-dom');
-require('../../../maxHeight-cjs.js');
+require('react-popper');
 
 
 

package/dist/Chips/InternalChipDismissible/hooks/index.mjs

@@ -15,6 +15,4 @@ import '../../../_setToString-es.js';
 import '../../../debounce-es.js';
 import '../../../Icon-es.js';
 import '@jobber/design';
-import '../../../floating-ui.react-es.js';
-import 'react-dom';
-import '../../../maxHeight-es.js';
+import 'react-popper';

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

@@ -1,8 +1,7 @@
-import { KeyboardEvent, MouseEvent } from "react";
-import { InternalChipDismissibleProps } from "../InternalChipDismissibleTypes";
+import type { KeyboardEvent, MouseEvent } from "react";
+import type { InternalChipDismissibleProps } from "../InternalChipDismissibleTypes";
 export declare function useInternalChipDismissible({ children, selected, onChange, onClick, onCustomAdd, }: InternalChipDismissibleProps): {
-    ref: import("react").Dispatch<import("react").SetStateAction<HTMLDivElement | null>>;
-    wrapperElement: HTMLDivElement | null;
+    ref: import("react").RefObject<HTMLDivElement>;
     sortedVisibleChipOptions: import("../../Chip").ChipProps[];
     availableChipOptions: import("../../Chip").ChipProps[];
     handleChipRemove: (value: string) => () => void;

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

@@ -1,6 +1,7 @@
-import React, { ChangeEvent, KeyboardEvent } from "react";
-import { ChipDismissibleInputOptionProps, ChipDismissibleInputProps } from "../InternalChipDismissibleTypes";
-import { ChipProps } from "../../Chip";
+import type { ChangeEvent, KeyboardEvent } from "react";
+import React from "react";
+import type { ChipDismissibleInputOptionProps, ChipDismissibleInputProps } from "../InternalChipDismissibleTypes";
+import type { ChipProps } from "../../Chip";
 export declare function useInternalChipDismissibleInput({ options, isLoadingMore, onCustomOptionSelect, onOptionSelect, onSearch, onlyShowMenuOnSearch, autoSelectOnClickOutside, }: ChipDismissibleInputProps): {
     menuOpen: boolean;
     showInput: boolean;

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

@@ -1,10 +1,16 @@
-import React from "react";
-export interface UseRepositionMenu {
-    readonly setFloatingRef: (ref: HTMLElement | null) => void;
-    readonly targetWidth: number | undefined;
-    readonly styles: {
-        float: React.CSSProperties;
+import type { RefObject } from "react";
+export declare function useRepositionMenu(attachTo: RefObject<Element | null>): {
+    setPositionedElementRef: import("react").Dispatch<import("react").SetStateAction<HTMLElement | null | undefined>>;
+    targetWidth: number | undefined;
+    styles: {
+        [key: string]: React.CSSProperties;
     };
-    readonly update: () => void;
-}
-export declare function useRepositionMenu(attachTo: HTMLElement | null): UseRepositionMenu;
+    attributes: {
+        [key: string]: {
+            [key: string]: string;
+        } | undefined;
+    };
+    state: import("@popperjs/core").State | null;
+    update: import("@popperjs/core").Instance["update"] | null;
+    forceUpdate: import("@popperjs/core").Instance["forceUpdate"] | null;
+};

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

@@ -1 +1 @@
-export declare function useScrollToActive(index: number): import("react").MutableRefObject<HTMLDivElement | null>;
+export declare function useScrollToActive(index: number): import("react").RefObject<HTMLDivElement>;