@jobber/components-native 0.84.1 → 0.84.2-CLEANUPus-07fd343.17

package/dist/types/src/FormatFile/index.d.ts

@@ -1,3 +1,4 @@
-export { FormatFile, FormatFileProps } from "./FormatFile";
+export type { FormatFileProps } from "./FormatFile";
+export { FormatFile } from "./FormatFile";
 export type { FormattedFile, File, CreateThumbnail, CreateThumbnailResponse, FileUpload, StatusCode, } from "./types";
 export type { UseCreateThumbnail, UseCreateThumbnailResponse, } from "./context/types";

package/dist/types/src/FormatFile/utils/computeA11yLabel.d.ts

@@ -1,4 +1,4 @@
-import { useAtlantisI18nValue } from "../../hooks/useAtlantisI18n";
+import type { useAtlantisI18nValue } from "../../hooks/useAtlantisI18n";
 interface params {
     readonly accessibilityLabel?: string;
     readonly showOverlay: boolean;

package/dist/types/src/FormatFile/utils/createUseCreateThumbnail.d.ts

@@ -1,5 +1,5 @@
-import { UseCreateThumbnail } from "../context/types";
-import { CreateThumbnail } from "../types";
+import type { UseCreateThumbnail } from "../context/types";
+import type { CreateThumbnail } from "../types";
 export declare function createUseCreateThumbnail(createThumbnail: CreateThumbnail): {
     useCreateThumbnail: UseCreateThumbnail;
 };

package/dist/types/src/Heading/Heading.d.ts

@@ -1,4 +1,4 @@
-import { TextAlign, TextColor, TruncateLength, TypographyProps } from "../Typography";
+import type { TextAlign, TextColor, TruncateLength, TypographyProps } from "../Typography";
 type HeadingColor = Extract<TextColor, "text" | "subdued" | "heading">;
 export type HeadingLevel = "title" | "subtitle" | "heading" | "subHeading";
 interface HeadingProps<T extends HeadingLevel> extends Pick<TypographyProps<"base">, "selectable"> {

package/dist/types/src/Icon/Icon.d.ts

@@ -1,4 +1,4 @@
-import { IconColorNames, IconNames, IconSizes } from "@jobber/design";
+import type { IconColorNames, IconNames, IconSizes } from "@jobber/design";
 export interface IconProps {
     /** The icon to show.  */
     readonly name: IconNames;

package/dist/types/src/IconButton/IconButton.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { IconColorNames, IconNames } from "@jobber/design";
+import type { IconColorNames, IconNames } from "@jobber/design";
 interface IconButtonProps {
     /**
      * Press handler

package/dist/types/src/InputCurrency/InputCurrency.d.ts

@@ -1,6 +1,6 @@
-import { FormatNumberOptions } from "react-intl";
-import { ControllerRenderProps, FieldValues } from "react-hook-form";
-import { InputTextProps } from "../InputText";
+import type { FormatNumberOptions } from "react-intl";
+import type { ControllerRenderProps, FieldValues } from "react-hook-form";
+import type { InputTextProps } from "../InputText";
 export interface InputCurrencyProps extends Omit<InputTextProps, "keyboard" | "onChangeText" | "value" | "defaultValue"> {
     /**
      * Whether to display the user's currency symbol or not

package/dist/types/src/InputDate/InputDate.d.ts

@@ -1,7 +1,7 @@
-import { UseControllerProps } from "react-hook-form";
-import { XOR } from "ts-xor";
-import { Clearable } from "@jobber/hooks";
-import { InputFieldWrapperProps } from "../InputFieldWrapper";
+import type { UseControllerProps } from "react-hook-form";
+import type { XOR } from "ts-xor";
+import type { Clearable } from "@jobber/hooks";
+import type { InputFieldWrapperProps } from "../InputFieldWrapper";
 interface BaseInputDateProps extends Pick<InputFieldWrapperProps, "invalid" | "disabled" | "placeholder"> {
     /**
      * Defaulted to "always" so user can clear the dates whenever there's a value.

package/dist/types/src/InputDate/index.d.ts

@@ -1 +1,2 @@
-export { InputDate, InputDateProps } from "./InputDate";
+export type { InputDateProps } from "./InputDate";
+export { InputDate } from "./InputDate";

package/dist/types/src/InputEmail/InputEmail.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { InputTextProps, InputTextRef } from "../InputText";
+import type { InputTextProps, InputTextRef } from "../InputText";
 export declare const InputEmail: React.ForwardRefExoticComponent<InputEmailProps & React.RefAttributes<InputTextRef>>;
 type InputEmailProps = Omit<InputTextProps, "keyboard">;
 export {};

package/dist/types/src/InputFieldWrapper/CommonInputStyles.style.d.ts

@@ -1,5 +1,5 @@
-import { TextStyle, ViewStyle } from "react-native";
-import { AtlantisThemeContextValue } from "../AtlantisThemeContext";
+import type { TextStyle, ViewStyle } from "react-native";
+import type { AtlantisThemeContextValue } from "../AtlantisThemeContext";
 import { tokens as staticTokens } from "../utils/design";
 export declare const createCommonInputTokens: (tokens: AtlantisThemeContextValue["tokens"] | typeof staticTokens) => Record<string, ViewStyle | TextStyle>;
 /**

package/dist/types/src/InputFieldWrapper/InputFieldWrapper.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { StyleProp, TextStyle, ViewStyle } from "react-native";
-import { FieldError } from "react-hook-form";
-import { IconNames } from "@jobber/design";
+import type { StyleProp, TextStyle, ViewStyle } from "react-native";
+import type { FieldError } from "react-hook-form";
+import type { IconNames } from "@jobber/design";
 export type Clearable = "never" | "while-editing" | "always";
 export interface InputFieldStyleOverride {
     prefixLabel?: StyleProp<TextStyle>;

package/dist/types/src/InputFieldWrapper/components/Prefix/Prefix.d.ts

@@ -1,5 +1,5 @@
-import { StyleProp, TextStyle, ViewStyle } from "react-native";
-import { IconNames } from "@jobber/design";
+import type { StyleProp, TextStyle, ViewStyle } from "react-native";
+import type { IconNames } from "@jobber/design";
 export interface PrefixLabelProps {
     readonly focused: boolean;
     readonly disabled?: boolean;

package/dist/types/src/InputFieldWrapper/components/Suffix/Suffix.d.ts

@@ -1,5 +1,5 @@
-import { StyleProp, TextStyle } from "react-native";
-import { IconNames } from "@jobber/design";
+import type { StyleProp, TextStyle } from "react-native";
+import type { IconNames } from "@jobber/design";
 export interface SuffixLabelProps {
     readonly focused: boolean;
     readonly disabled?: boolean;

package/dist/types/src/InputNumber/InputNumber.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { InputTextProps, InputTextRef } from "../InputText";
+import type { InputTextProps, InputTextRef } from "../InputText";
 type NumberKeyboard = "decimal-pad" | "numbers-and-punctuation";
 export interface InputNumberProps extends Omit<InputTextProps, "keyboard" | "onChangeText" | "value" | "defaultValue"> {
     readonly value?: number;

package/dist/types/src/InputPassword/InputPassword.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { InputTextProps, InputTextRef } from "../InputText";
+import type { InputTextProps, InputTextRef } from "../InputText";
 export declare const InputPassword: React.ForwardRefExoticComponent<InputPasswordProps & React.RefAttributes<InputTextRef>>;
 export interface InputPasswordProps extends Omit<InputTextProps, "keyboard" | "secureTextEntry" | "textContentType" | "clearable"> {
     /**

package/dist/types/src/InputPressable/InputPressable.d.ts

@@ -1,9 +1,10 @@
-import React, { Ref } from "react";
-import { IconNames } from "@jobber/design";
-import { FieldError } from "react-hook-form";
+import type { Ref } from "react";
+import React from "react";
+import type { IconNames } from "@jobber/design";
+import type { FieldError } from "react-hook-form";
 import { Text as NativeText } from "react-native";
-import { Clearable } from "@jobber/hooks";
-import { XOR } from "ts-xor";
+import type { Clearable } from "@jobber/hooks";
+import type { XOR } from "ts-xor";
 interface BasicSuffix {
     icon?: IconNames;
     label?: string;

package/dist/types/src/InputSearch/InputSearch.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { InputTextProps, InputTextRef } from "../InputText";
+import type { InputTextProps, InputTextRef } from "../InputText";
 export declare const InputSearch: React.ForwardRefExoticComponent<InputSearchProps & React.RefAttributes<InputTextRef>>;
 export interface InputSearchProps extends Pick<InputTextProps, "accessibilityHint" | "accessibilityLabel" | "autoFocus" | "placeholder" | "prefix"> {
     /**

package/dist/types/src/InputText/InputText.d.ts

@@ -1,9 +1,11 @@
-import React, { SyntheticEvent } from "react";
-import { NativeSyntheticEvent, StyleProp, TextInput, TextInputFocusEventData, TextInputProps, TextStyle } from "react-native";
-import { RegisterOptions } from "react-hook-form";
-import { IconNames } from "@jobber/design";
-import { Clearable } from "@jobber/hooks";
-import { InputFieldStyleOverride, InputFieldWrapperProps } from "../InputFieldWrapper/InputFieldWrapper";
+import type { SyntheticEvent } from "react";
+import React from "react";
+import type { NativeSyntheticEvent, StyleProp, TextInputFocusEventData, TextInputProps, TextStyle } from "react-native";
+import { TextInput } from "react-native";
+import type { RegisterOptions } from "react-hook-form";
+import type { IconNames } from "@jobber/design";
+import type { Clearable } from "@jobber/hooks";
+import type { InputFieldStyleOverride, InputFieldWrapperProps } from "../InputFieldWrapper/InputFieldWrapper";
 export interface InputTextProps extends Pick<InputFieldWrapperProps, "toolbar" | "toolbarVisibility" | "loading" | "loadingType"> {
     /**
      * Highlights the field red and shows message below (if string) to indicate an error

package/dist/types/src/InputText/context/InputAccessoriesContext.d.ts

@@ -1,3 +1,3 @@
-import { InputAccessoriesContextProps } from "./types";
+import type { InputAccessoriesContextProps } from "./types";
 export declare const InputAccessoriesContext: import("react").Context<InputAccessoriesContextProps>;
 export declare function useInputAccessoriesContext(): InputAccessoriesContextProps;

package/dist/types/src/InputText/context/InputAccessoriesProvider.d.ts

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

package/dist/types/src/InputTime/InputTime.d.ts

@@ -1,7 +1,7 @@
-import { UseControllerProps } from "react-hook-form";
-import { XOR } from "ts-xor";
-import { Clearable } from "@jobber/hooks";
-import { InputFieldWrapperProps } from "../InputFieldWrapper";
+import type { UseControllerProps } from "react-hook-form";
+import type { XOR } from "ts-xor";
+import type { Clearable } from "@jobber/hooks";
+import type { InputFieldWrapperProps } from "../InputFieldWrapper";
 interface InputTimeBaseProps extends Pick<InputFieldWrapperProps, "invalid" | "disabled" | "placeholder"> {
     /**
      * Defaulted to "always" so user can clear the time whenever there's a value.

package/dist/types/src/Menu/Menu.d.ts

@@ -1,2 +1,2 @@
-import { MenuProps } from "./types";
+import type { MenuProps } from "./types";
 export declare function Menu({ menuOptions, customActivator }: MenuProps): JSX.Element;

package/dist/types/src/Menu/components/MenuOption/MenuOption.d.ts

@@ -1,2 +1,2 @@
-import { MenuOptionInternalProps } from "../../types";
+import type { MenuOptionInternalProps } from "../../types";
 export declare function MenuOption({ label, icon, iconColor, textAlign, destructive, textTransform, onPress, setOpen, }: MenuOptionInternalProps): JSX.Element;

package/dist/types/src/Menu/components/Overlay/Overlay.d.ts

@@ -1,2 +1,2 @@
-import { OverlayProp } from "../../types";
+import type { OverlayProp } from "../../types";
 export declare function Overlay({ setOpen }: OverlayProp): JSX.Element;

package/dist/types/src/Menu/types.d.ts

@@ -1,5 +1,5 @@
-import { IconColorNames, IconNames } from "@jobber/design";
-import { TextAlign } from "../Typography";
+import type { IconColorNames, IconNames } from "@jobber/design";
+import type { TextAlign } from "../Typography";
 export interface MenuOptionProps {
     readonly label: string;
     readonly icon?: IconNames;

package/dist/types/src/Menu/utils.d.ts

@@ -1,5 +1,5 @@
-import { LayoutRectangle } from "react-native";
-import { useStyles } from "./Menu.style";
+import type { LayoutRectangle } from "react-native";
+import type { useStyles } from "./Menu.style";
 interface ScreenInfo {
     windowHeight: number;
     headerHeight: number;

package/dist/types/src/ProgressBar/ProgressBar.d.ts

@@ -1,2 +1,2 @@
-import { ProgressBarProps } from "./types";
+import type { ProgressBarProps } from "./types";
 export declare function ProgressBar({ loading, total, current, inProgress, reverseTheme, header, variation, size, }: ProgressBarProps): JSX.Element;

package/dist/types/src/ProgressBar/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 export interface ProgressBarProps {
     /**
      * The total number of items to be completed

package/dist/types/src/Select/Select.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from "react";
-import { RegisterOptions } from "react-hook-form";
+import type { ReactElement } from "react";
+import type { RegisterOptions } from "react-hook-form";
 export interface SelectOption {
     /**
      * Text that shows up as the option

package/dist/types/src/Select/components/SelectDefaultPicker/SelectDefaultPicker.d.ts

@@ -1,4 +1,4 @@
-import { SelectInternalPickerProps } from "../../types";
+import type { SelectInternalPickerProps } from "../../types";
 type SelectDefaultPickerProps = SelectInternalPickerProps;
 export declare function SelectDefaultPicker({ children, options, disabled, onChange, }: SelectDefaultPickerProps): JSX.Element;
 export {};

package/dist/types/src/Select/components/SelectDefaultPicker/SelectDefaultPicker.ios.d.ts

@@ -1,4 +1,4 @@
-import { SelectInternalPickerProps } from "../../types";
+import type { SelectInternalPickerProps } from "../../types";
 type SelectDefaultPickerProps = SelectInternalPickerProps;
 export declare function SelectDefaultPicker({ children, options, onChange, }: SelectDefaultPickerProps): JSX.Element;
 export {};

package/dist/types/src/Select/components/SelectIOSPicker/SelectIOSPicker.d.ts

@@ -1,5 +1,5 @@
-import { HostComponent } from "react-native";
-import { SelectInternalPickerProps, SelectOnOptionPressEvent } from "../../types";
+import type { HostComponent } from "react-native";
+import type { SelectInternalPickerProps, SelectOnOptionPressEvent } from "../../types";
 interface NativeSelectIOSPickerProps extends Pick<SelectInternalPickerProps, "options" | "children"> {
     /**
      * Callback when one of the option is pressed

package/dist/types/src/Select/components/SelectInternalPicker/SelectInternalPicker.d.ts

@@ -1,2 +1,2 @@
-import { SelectInternalPickerProps } from "../../types";
+import type { SelectInternalPickerProps } from "../../types";
 export declare function SelectInternalPicker({ children, options, disabled, onChange, }: SelectInternalPickerProps): JSX.Element;

package/dist/types/src/Select/components/SelectInternalPicker/utils.d.ts

@@ -1,3 +1,3 @@
-import { SelectInternalPickerProps, SelectOnOptionPressEvent } from "../../types";
+import type { SelectInternalPickerProps, SelectOnOptionPressEvent } from "../../types";
 export declare function handlePress(onChange: SelectInternalPickerProps["onChange"]): ({ nativeEvent: { event } }: SelectOnOptionPressEvent) => void;
 export declare function isIOS14AndUp(): boolean;

package/dist/types/src/Select/components/SelectPressable/SelectPressable.d.ts

@@ -1,5 +1,5 @@
-import { PressableProps } from "react-native";
-import { SelectInternalPickerProps } from "../../types";
+import type { PressableProps } from "react-native";
+import type { SelectInternalPickerProps } from "../../types";
 type SelectPressableProps = Pick<SelectInternalPickerProps, "children"> & Pick<PressableProps, "onPress">;
 /**
  * Switches between Pressable with pressed styling and a fragment when a

package/dist/types/src/Select/index.d.ts

@@ -1 +1,2 @@
-export { Select, Option, SelectOption, SelectProps } from "./Select";
+export type { SelectOption, SelectProps } from "./Select";
+export { Select, Option } from "./Select";

package/dist/types/src/Select/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 export interface SelectInternalPickerProps {
     /**
      * Tapping the children opens the picker

package/dist/types/src/Switch/Switch.d.ts

@@ -1,5 +1,5 @@
-import { XOR } from "ts-xor";
-import { BaseSwitchProps } from "./components/BaseSwitch";
+import type { XOR } from "ts-xor";
+import type { BaseSwitchProps } from "./components/BaseSwitch";
 interface WithLabelProps extends BaseSwitchProps {
     /**
      * Optional label to display in front of the switch

package/dist/types/src/Switch/index.d.ts

@@ -1 +1,2 @@
-export { Switch, SwitchProps } from "./Switch";
+export type { SwitchProps } from "./Switch";
+export { Switch } from "./Switch";

package/dist/types/src/Text/Text.d.ts

@@ -1,5 +1,5 @@
-import { OnTextLayoutEvent, TextAlign, TextVariation, TruncateLength, TypographyProps } from "../Typography";
-import { TypographyUnsafeStyle } from "../Typography/Typography";
+import type { OnTextLayoutEvent, TextAlign, TextVariation, TruncateLength, TypographyProps } from "../Typography";
+import type { TypographyUnsafeStyle } from "../Typography/Typography";
 export interface TextProps extends Pick<TypographyProps<"base">, "maxFontScaleSize" | "selectable"> {
     /**
      * Visual hierarchy of the text

package/dist/types/src/Text/index.d.ts

@@ -1 +1,2 @@
-export { Text, TextLevel, TEXT_MAX_SCALED_FONT_SIZES } from "./Text";
+export type { TextLevel } from "./Text";
+export { Text, TEXT_MAX_SCALED_FONT_SIZES } from "./Text";

package/dist/types/src/TextList/TextList.d.ts

@@ -1,5 +1,5 @@
-import { Spacing } from "../Content";
-import { TextLevel } from "../Text";
+import type { Spacing } from "../Content";
+import type { TextLevel } from "../Text";
 interface TextListProps {
     /**
      * Text to display.

package/dist/types/src/ThumbnailList/ThumbnailList.d.ts

@@ -1,4 +1,4 @@
-import { ThumbnailListProps } from "./types";
-import { File } from "../FormatFile";
+import type { ThumbnailListProps } from "./types";
+import type { File } from "../FormatFile";
 export declare const filterImages: (files: File[]) => File[];
 export declare function ThumbnailList({ files, rowCount, handleOpenFile, createThumbnail, }: ThumbnailListProps): JSX.Element;

package/dist/types/src/ThumbnailList/types.d.ts

@@ -1,4 +1,4 @@
-import { CreateThumbnail, File } from "../FormatFile";
+import type { CreateThumbnail, File } from "../FormatFile";
 export declare enum RowCount {
     TwoRows = 2,
     ThreeRows = 3

package/dist/types/src/Toast/Toast.d.ts

@@ -1,4 +1,4 @@
-import { ToastPosition } from "react-native-toast-message";
+import type { ToastPosition } from "react-native-toast-message";
 export interface JobberToastProps {
     /**
      * Offset from the bottom of the screen in px.

package/dist/types/src/Typography/Typography.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { StyleProp, TextProps, TextStyle } from "react-native";
+import type { StyleProp, TextProps, TextStyle } from "react-native";
 export interface TypographyProps<T extends FontFamily> {
     /**
      * Text capitalization

package/dist/types/src/Typography/Typography.style.d.ts

@@ -1,6 +1,6 @@
-import { TextStyle } from "react-native";
+import type { TextStyle } from "react-native";
 import { tokens as staticTokens } from "../utils/design";
-import { AtlantisThemeContextValue } from "../AtlantisThemeContext";
+import type { AtlantisThemeContextValue } from "../AtlantisThemeContext";
 /**
  * Reusable typography styles to ensure consistency for any client facing texts.
  */

package/dist/types/src/Typography/TypographyGestureDetector.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
 /**
  * This is a workaround suggested by react-native-gesture-handler to prevent
  * accidental highlighting of text in Android devices

package/dist/types/src/Typography/webFonts.d.ts

@@ -1,4 +1,4 @@
-import { TextStyle } from "react-native";
+import type { TextStyle } from "react-native";
 export declare const webFonts: {
     [index: string]: TextStyle;
 };

package/dist/types/src/hooks/useFormController.d.ts

@@ -1,4 +1,4 @@
-import { FieldError, RegisterOptions, UseControllerReturn } from "react-hook-form";
+import type { FieldError, RegisterOptions, UseControllerReturn } from "react-hook-form";
 interface UseFormControllerProps<T> {
     name?: string;
     value?: T;

package/dist/types/src/utils/test/MockSafeAreaProvider.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { EdgeInsets, Rect } from "react-native-safe-area-context";
+import type { EdgeInsets, Rect } from "react-native-safe-area-context";
 interface MockSafeAreaProviderProps {
     readonly children: React.ReactNode;
     readonly frame?: Rect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.84.1",
+  "version": "0.84.2-CLEANUPus-07fd343.17+07fd3435e",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -79,5 +79,5 @@
     "react-native-safe-area-context": "^5.4.0",
     "react-native-svg": ">=12.0.0"
   },
-  "gitHead": "071a5fbd1c5fd31ac6ad2c45ac297b4d51fbf999"
+  "gitHead": "07fd3435ec1ea69040eb3413e1ae637396d1764c"
 }

package/src/ActionItem/ActionItem.tsx

@@ -1,6 +1,7 @@
-import React, { ReactNode } from "react";
+import type { ReactNode } from "react";
+import React from "react";
 import { View } from "react-native";
-import { IconColorNames, IconNames } from "@jobber/design";
+import type { IconColorNames, IconNames } from "@jobber/design";
 import { useStyles } from "./ActionItem.style";
 import { ActionItemContainer } from "./components/ActionItemContainer";
 import { Typography } from "../Typography";

package/src/ActionItem/ActionItemGroup.tsx

@@ -1,6 +1,7 @@
-import React, { ReactElement } from "react";
+import type { ReactElement } from "react";
+import React from "react";
 import { View } from "react-native";
-import { ActionItem, ActionItemProps } from "./ActionItem";
+import type { ActionItem, ActionItemProps } from "./ActionItem";
 import { useStyles } from "./ActionItem.style";
 import { Divider } from "../Divider";
 

package/src/ActionItem/components/ActionItemContainer.tsx

@@ -1,4 +1,5 @@
-import React, { ReactNode } from "react";
+import type { ReactNode } from "react";
+import React from "react";
 import { Pressable, View } from "react-native";
 import { useStyles } from "./ActionItemContainer.style";
 import { useStyles as useActionItemStyles } from "../ActionItem.style";

package/src/ActionItem/index.ts

@@ -1,2 +1,3 @@
-export { ActionItem, ActionItemProps } from "./ActionItem";
+export type { ActionItemProps } from "./ActionItem";
+export { ActionItem } from "./ActionItem";
 export { ActionItemGroup } from "./ActionItemGroup";

package/src/ActionLabel/ActionLabel.test.tsx

@@ -1,6 +1,7 @@
-import React, { CSSProperties } from "react";
+import type { CSSProperties } from "react";
+import React from "react";
 import { render } from "@testing-library/react-native";
-import { ReactTestInstance } from "react-test-renderer";
+import type { ReactTestInstance } from "react-test-renderer";
 import { ActionLabel } from "./ActionLabel";
 import { tokens } from "../utils/design";
 

package/src/ActionLabel/ActionLabel.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { tokens } from "../utils/design";
-import { TextAlign, TextColor, Typography } from "../Typography";
+import type { TextAlign, TextColor } from "../Typography";
+import { Typography } from "../Typography";
 
 export type ActionLabelVariation = Extract<
   TextColor,

package/src/ActionLabel/index.ts

@@ -1 +1,2 @@
-export { ActionLabel, ActionLabelVariation } from "./ActionLabel";
+export type { ActionLabelVariation } from "./ActionLabel";
+export { ActionLabel } from "./ActionLabel";

package/src/ActivityIndicator/ActivityIndicator.tsx

@@ -1,5 +1,6 @@
 import React from "react";
-import { ActivityIndicator, ActivityIndicatorProps } from "react-native";
+import type { ActivityIndicatorProps } from "react-native";
+import { ActivityIndicator } from "react-native";
 import { useAtlantisTheme } from "../AtlantisThemeContext";
 
 export function JobberActivityIndicator(

package/src/AtlantisContext/AtlantisContext.test.tsx

@@ -1,9 +1,10 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import React, { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
+import React from "react";
 import { renderHook } from "@testing-library/react-hooks";
+import type { AtlantisContextProps } from "./AtlantisContext";
 import {
   AtlantisContext,
-  AtlantisContextProps,
   atlantisContextDefaultValues,
   useAtlantisContext,
 } from "./AtlantisContext";

package/src/AtlantisThemeContext/AtlantisThemeContext.test.tsx

@@ -6,7 +6,7 @@ import {
   AtlantisThemeContextProvider,
   useAtlantisTheme,
 } from "./AtlantisThemeContext";
-import { AtlantisThemeContextProviderProps, Theme } from "./types";
+import type { AtlantisThemeContextProviderProps, Theme } from "./types";
 
 const expectedDarkTokens = merge({}, iosTokens, darkTokens);
 const expectedLightTokens = iosTokens;

package/src/AtlantisThemeContext/AtlantisThemeContext.tsx

@@ -2,7 +2,7 @@ import { androidTokens, darkTokens, iosTokens } from "@jobber/design";
 import React, { createContext, useContext, useState } from "react";
 import merge from "lodash/merge";
 import { Platform } from "react-native";
-import {
+import type {
   AtlantisThemeContextProviderProps,
   AtlantisThemeContextValue,
   Theme,

package/src/AtlantisThemeContext/buildThemedStyles.ts

@@ -1,6 +1,6 @@
 import { StyleSheet } from "react-native";
 import { useMemo } from "react";
-import { AtlantisThemeContextValue } from "./types";
+import type { AtlantisThemeContextValue } from "./types";
 import { useAtlantisTheme } from "./AtlantisThemeContext";
 
 /**

package/src/AtlantisThemeContext/index.ts

@@ -2,7 +2,7 @@ export {
   AtlantisThemeContextProvider,
   useAtlantisTheme,
 } from "./AtlantisThemeContext";
-export {
+export type {
   Theme,
   AtlantisThemeContextProviderProps,
   AtlantisThemeContextValue,

package/src/AtlantisThemeContext/types.ts

@@ -1,4 +1,4 @@
-import { iosTokens } from "@jobber/design";
+import type { iosTokens } from "@jobber/design";
 
 export interface AtlantisThemeContextValue {
   /**

package/src/AutoLink/AutoLink.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Text as RNText } from "react-native";
-import { AutoLinkProps } from "./types";
+import type { AutoLinkProps } from "./types";
 import { ComposeTextWithLinks } from "./components";
 import { useCreateLinkedText } from "./hooks/useCreateLinkedText";
 import { TypographyGestureDetector } from "../Typography";

package/src/AutoLink/clipboard.ts

@@ -1,5 +1,6 @@
 import Clipboard from "@react-native-clipboard/clipboard";
-import { ShowToastParams, showToast } from "../Toast";
+import type { ShowToastParams } from "../Toast";
+import { showToast } from "../Toast";
 
 export function copyTextToClipboard(
   text: string,