@jobber/components 8.5.0 → 8.7.0

package/dist/Autocomplete/index.cjs

@@ -20,6 +20,7 @@ require('../Glimmer-cjs.js');
 require('../tslib.es6-cjs.js');
 require('../Content-cjs.js');
 require('../InputText-cjs.js');
+require('../useAtlantisFormFieldName-cjs.js');
 require('../FormFieldWrapper-cjs.js');
 require('framer-motion');
 require('../Button-cjs.js');
@@ -28,8 +29,6 @@ require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../FormFieldPostFix-cjs.js');
 require('../Spinner-cjs.js');
-require('../useAtlantisFormFieldName-cjs.js');
-require('react-hook-form');
 require('../mergeRefs-cjs.js');
 require('../filterDataAttributes-cjs.js');
 

package/dist/Autocomplete/index.mjs

@@ -18,6 +18,7 @@ import '../Glimmer-es.js';
 import '../tslib.es6-es.js';
 import '../Content-es.js';
 import '../InputText-es.js';
+import '../useAtlantisFormFieldName-es.js';
 import '../FormFieldWrapper-es.js';
 import 'framer-motion';
 import '../Button-es.js';
@@ -26,8 +27,6 @@ import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../FormFieldPostFix-es.js';
 import '../Spinner-es.js';
-import '../useAtlantisFormFieldName-es.js';
-import 'react-hook-form';
 import '../mergeRefs-es.js';
 import '../filterDataAttributes-es.js';
 

package/dist/Autocomplete-cjs.js

@@ -14,10 +14,8 @@ var Icon = require('./Icon-cjs.js');
 var Glimmer = require('./Glimmer-cjs.js');
 var InputText = require('./InputText-cjs.js');
 var FormFieldWrapper = require('./FormFieldWrapper-cjs.js');
-require('./tslib.es6-cjs.js');
-require('react-hook-form');
-var mergeRefs = require('./mergeRefs-cjs.js');
 require('./Button-cjs.js');
+var mergeRefs = require('./mergeRefs-cjs.js');
 var filterDataAttributes = require('./filterDataAttributes-cjs.js');
 
 /** Stable empty array for cleared/empty selection state. Reuse to avoid reference churn. */

package/dist/Autocomplete-es.js

@@ -12,10 +12,8 @@ import { I as Icon } from './Icon-es.js';
 import { G as Glimmer } from './Glimmer-es.js';
 import { I as InputText } from './InputText-es.js';
 import { c as FormFieldWrapper } from './FormFieldWrapper-es.js';
-import './tslib.es6-es.js';
-import 'react-hook-form';
-import { m as mergeRefs } from './mergeRefs-es.js';
 import './Button-es.js';
+import { m as mergeRefs } from './mergeRefs-es.js';
 import { f as filterDataAttributes } from './filterDataAttributes-es.js';
 
 /** Stable empty array for cleared/empty selection state. Reuse to avoid reference churn. */

package/dist/DataList/components/DataListSearch/index.cjs

@@ -6,6 +6,7 @@ require('classnames');
 require('@jobber/design');
 require('@jobber/hooks');
 require('../../../InputText-cjs.js');
+require('../../../useAtlantisFormFieldName-cjs.js');
 require('../../../FormFieldWrapper-cjs.js');
 require('framer-motion');
 require('../../../Button-cjs.js');
@@ -18,8 +19,6 @@ require('../../../useFormFieldFocus-cjs.js');
 require('../../../InputValidation-cjs.js');
 require('../../../FormFieldPostFix-cjs.js');
 require('../../../Spinner-cjs.js');
-require('../../../useAtlantisFormFieldName-cjs.js');
-require('react-hook-form');
 require('../../../mergeRefs-cjs.js');
 require('../../../filterDataAttributes-cjs.js');
 require('../../../DataListContext-cjs.js');

package/dist/DataList/components/DataListSearch/index.mjs

@@ -4,6 +4,7 @@ import 'classnames';
 import '@jobber/design';
 import '@jobber/hooks';
 import '../../../InputText-es.js';
+import '../../../useAtlantisFormFieldName-es.js';
 import '../../../FormFieldWrapper-es.js';
 import 'framer-motion';
 import '../../../Button-es.js';
@@ -16,8 +17,6 @@ import '../../../useFormFieldFocus-es.js';
 import '../../../InputValidation-es.js';
 import '../../../FormFieldPostFix-es.js';
 import '../../../Spinner-es.js';
-import '../../../useAtlantisFormFieldName-es.js';
-import 'react-hook-form';
 import '../../../mergeRefs-es.js';
 import '../../../filterDataAttributes-es.js';
 import '../../../DataListContext-es.js';

package/dist/DataList/index.cjs

@@ -80,12 +80,11 @@ require('../DataListOverflowFade-cjs.js');
 require('../DataListStickyHeader-cjs.js');
 require('../DataListSearch-cjs.js');
 require('../InputText-cjs.js');
+require('../useAtlantisFormFieldName-cjs.js');
 require('../FormFieldWrapper-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../FormFieldPostFix-cjs.js');
-require('../useAtlantisFormFieldName-cjs.js');
-require('react-hook-form');
 require('../mergeRefs-cjs.js');
 require('../DataListEmptyState-cjs.js');
 require('../DataListLoadMore-cjs.js');

package/dist/DataList/index.mjs

@@ -78,12 +78,11 @@ import '../DataListOverflowFade-es.js';
 import '../DataListStickyHeader-es.js';
 import '../DataListSearch-es.js';
 import '../InputText-es.js';
+import '../useAtlantisFormFieldName-es.js';
 import '../FormFieldWrapper-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../FormFieldPostFix-es.js';
-import '../useAtlantisFormFieldName-es.js';
-import 'react-hook-form';
 import '../mergeRefs-es.js';
 import '../DataListEmptyState-es.js';
 import '../DataListLoadMore-es.js';

package/dist/DataTable/index.cjs

@@ -11,6 +11,7 @@ require('../Glimmer-cjs.js');
 require('../tslib.es6-cjs.js');
 require('../Content-cjs.js');
 require('../Select-cjs.js');
+require('../useAtlantisFormFieldName-cjs.js');
 require('../FormFieldWrapper-cjs.js');
 require('framer-motion');
 require('@jobber/design');
@@ -23,8 +24,6 @@ require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../FormFieldPostFix-cjs.js');
 require('../Spinner-cjs.js');
-require('../useAtlantisFormFieldName-cjs.js');
-require('react-hook-form');
 require('../mergeRefs-cjs.js');
 require('../filterDataAttributes-cjs.js');
 

package/dist/DataTable/index.mjs

@@ -9,6 +9,7 @@ import '../Glimmer-es.js';
 import '../tslib.es6-es.js';
 import '../Content-es.js';
 import '../Select-es.js';
+import '../useAtlantisFormFieldName-es.js';
 import '../FormFieldWrapper-es.js';
 import 'framer-motion';
 import '@jobber/design';
@@ -21,7 +22,5 @@ import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../FormFieldPostFix-es.js';
 import '../Spinner-es.js';
-import '../useAtlantisFormFieldName-es.js';
-import 'react-hook-form';
 import '../mergeRefs-es.js';
 import '../filterDataAttributes-es.js';

package/dist/FormField/FormFieldTypes.d.ts

@@ -1,6 +1,5 @@
 import type { ChangeEvent, ReactNode, RefObject } from "react";
 import type React from "react";
-import type { RegisterOptions } from "react-hook-form";
 import type { XOR } from "ts-xor";
 import type { Clearable } from "@jobber/hooks";
 import type { IconNames } from "../Icon";
@@ -52,10 +51,7 @@ export interface CommonFormFieldProps {
      */
     readonly invalid?: boolean;
     /**
-     * Adjusts the form field to go inline with a content. This also silences the
-     * given `validations` prop. You'd have to used the `onValidate` prop to
-     * capture the message and render it somewhere else using the
-     * `InputValidation` component.
+     * Adjusts the form field to go inline with content.
      */
     readonly inline?: boolean;
     /**
@@ -100,13 +96,6 @@ export interface CommonFormFieldProps {
      * set it to `always`.
      */
     readonly clearable?: Clearable;
-    /**
-     * Experimental:
-     * Determine which version of the FormField to use.
-     * Right now this isn't used but it will be used in the future
-     * to allow us to release new versions of our form inputs without breaking existing functionality.
-     */
-    version?: 1;
 }
 export interface FormFieldProps extends CommonFormFieldProps {
     actionsRef?: RefObject<FieldActionsRef | null>;
@@ -190,11 +179,6 @@ export interface FormFieldProps extends CommonFormFieldProps {
      * Determines what kind of form field should the component give you.
      */
     readonly type?: FormFieldTypes;
-    /**
-     * Show an error message above the field. This also
-     * highlights the the field red if an error message shows up.
-     */
-    readonly validations?: RegisterOptions;
     /**
      * Toolbar to render content below the input.
      */

package/dist/FormField/index.cjs

@@ -1,21 +1,16 @@
 'use strict';
 
-var FormField = require('../FormField-cjs.js');
 var useAtlantisFormFieldName = require('../useAtlantisFormFieldName-cjs.js');
 var FormFieldWrapper = require('../FormFieldWrapper-cjs.js');
 require('react');
-require('../FormFieldPostFix-cjs.js');
-require('classnames');
-require('../Icon-cjs.js');
-require('@jobber/design');
-require('../Spinner-cjs.js');
-require('../tslib.es6-cjs.js');
-require('react-hook-form');
-require('../mergeRefs-cjs.js');
 require('@jobber/hooks');
 require('framer-motion');
+require('@jobber/design');
+require('classnames');
 require('../Button-cjs.js');
+require('../tslib.es6-cjs.js');
 require('react-router-dom');
+require('../Icon-cjs.js');
 require('../Typography-cjs.js');
 require('../Text-cjs.js');
 require('../useFormFieldFocus-cjs.js');
@@ -23,10 +18,6 @@ require('../InputValidation-cjs.js');
 
 
 
-exports.FormField = FormField.FormField;
-exports.useAtlantisFormField = FormField.useAtlantisFormField;
-exports.useAtlantisFormFieldActions = FormField.useAtlantisFormFieldActions;
-exports.useAtlantisReactHookForm = FormField.useAtlantisReactHookForm;
 exports.useAtlantisFormFieldName = useAtlantisFormFieldName.useAtlantisFormFieldName;
 exports.AffixIcon = FormFieldWrapper.AffixIcon;
 exports.AffixLabel = FormFieldWrapper.AffixLabel;

package/dist/FormField/index.d.ts

@@ -1,9 +1,5 @@
-export * from "./FormField";
 export type * from "./FormFieldTypes";
-export { useAtlantisFormField } from "./hooks/useAtlantisFormField";
-export { useAtlantisFormFieldActions } from "./hooks/useAtlantisFormFieldActions";
 export { useAtlantisFormFieldName } from "./hooks/useAtlantisFormFieldName";
-export { useAtlantisReactHookForm } from "./hooks/useAtlantisReactHookForm";
 export { FormFieldInputHorizontalWrapper, FormFieldInputWrapperStyles, FormFieldLabel, FormFieldWrapper, FormFieldWrapperMain, FormFieldWrapperToolbar, type FormFieldWrapperProps, } from "./FormFieldWrapper";
 export { AffixIcon, AffixLabel } from "./FormFieldAffix";
 export { useFormFieldWrapperStyles, type useFormFieldWrapperStylesProps, } from "./hooks/useFormFieldWrapperStyles";

package/dist/FormField/index.mjs

@@ -1,19 +1,14 @@
-export { F as FormField, u as useAtlantisFormField, a as useAtlantisFormFieldActions, b as useAtlantisReactHookForm } from '../FormField-es.js';
 export { u as useAtlantisFormFieldName } from '../useAtlantisFormFieldName-es.js';
 export { A as AffixIcon, f as AffixLabel, F as FormFieldInputHorizontalWrapper, a as FormFieldInputWrapperStyles, b as FormFieldLabel, c as FormFieldWrapper, d as FormFieldWrapperMain, e as FormFieldWrapperToolbar, u as useFormFieldWrapperStyles } from '../FormFieldWrapper-es.js';
 import 'react';
-import '../FormFieldPostFix-es.js';
-import 'classnames';
-import '../Icon-es.js';
-import '@jobber/design';
-import '../Spinner-es.js';
-import '../tslib.es6-es.js';
-import 'react-hook-form';
-import '../mergeRefs-es.js';
 import '@jobber/hooks';
 import 'framer-motion';
+import '@jobber/design';
+import 'classnames';
 import '../Button-es.js';
+import '../tslib.es6-es.js';
 import 'react-router-dom';
+import '../Icon-es.js';
 import '../Typography-es.js';
 import '../Text-es.js';
 import '../useFormFieldFocus-es.js';

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

@@ -1,6 +1,6 @@
 import type { FormFieldProps } from "../FormField";
 import type { FocusEvents, HTMLInputBaseProps, KeyboardEvents, RebuiltInputCommonProps } from "../sharedHelpers/types";
-export interface InputDateProps extends Omit<HTMLInputBaseProps, "maxLength">, FocusEvents<HTMLInputElement | HTMLTextAreaElement>, KeyboardEvents<HTMLInputElement | HTMLTextAreaElement>, Omit<RebuiltInputCommonProps, "clearable" | "prefix" | "suffix" | "showMiniLabel" | "version"> {
+export interface InputDateProps extends Omit<HTMLInputBaseProps, "maxLength">, FocusEvents<HTMLInputElement | HTMLTextAreaElement>, KeyboardEvents<HTMLInputElement | HTMLTextAreaElement>, Omit<RebuiltInputCommonProps, "clearable" | "prefix" | "suffix" | "showMiniLabel"> {
     /**
      * A Date object value
      * (e.g., `new Date("11/11/2011")`)

package/dist/InputDate/index.cjs

@@ -31,6 +31,7 @@ require('../_baseFlatten-cjs.js');
 require('../_setToString-cjs.js');
 require('../AtlantisContext-cjs.js');
 require('../InputText-cjs.js');
+require('../useAtlantisFormFieldName-cjs.js');
 require('../FormFieldWrapper-cjs.js');
 require('framer-motion');
 require('../Text-cjs.js');
@@ -38,8 +39,6 @@ require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../FormFieldPostFix-cjs.js');
 require('../Spinner-cjs.js');
-require('../useAtlantisFormFieldName-cjs.js');
-require('react-hook-form');
 require('../mergeRefs-cjs.js');
 require('../filterDataAttributes-cjs.js');
 

package/dist/InputDate/index.mjs

@@ -29,6 +29,7 @@ import '../_baseFlatten-es.js';
 import '../_setToString-es.js';
 import '../AtlantisContext-es.js';
 import '../InputText-es.js';
+import '../useAtlantisFormFieldName-es.js';
 import '../FormFieldWrapper-es.js';
 import 'framer-motion';
 import '../Text-es.js';
@@ -36,7 +37,5 @@ import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../FormFieldPostFix-es.js';
 import '../Spinner-es.js';
-import '../useAtlantisFormFieldName-es.js';
-import 'react-hook-form';
 import '../mergeRefs-es.js';
 import '../filterDataAttributes-es.js';

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

@@ -1,6 +1,6 @@
 import type { FormFieldProps } from "../FormField";
 import type { FocusEvents, HTMLInputBaseProps, KeyboardEvents, MouseEvents, RebuiltInputCommonProps } from "../sharedHelpers/types";
-export interface InputEmailProps extends HTMLInputBaseProps, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement>, MouseEvents<HTMLInputElement>, Omit<RebuiltInputCommonProps, "showMiniLabel" | "version"> {
+export interface InputEmailProps extends HTMLInputBaseProps, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement>, MouseEvents<HTMLInputElement>, Omit<RebuiltInputCommonProps, "showMiniLabel"> {
     /**
      * The current value of the input.
      */

package/dist/InputEmail/index.cjs

@@ -18,7 +18,6 @@ require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../FormFieldPostFix-cjs.js');
 require('../Spinner-cjs.js');
-require('react-hook-form');
 require('../filterDataAttributes-cjs.js');
 
 

package/dist/InputEmail/index.mjs

@@ -16,5 +16,4 @@ import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../FormFieldPostFix-es.js';
 import '../Spinner-es.js';
-import 'react-hook-form';
 import '../filterDataAttributes-es.js';

package/dist/InputEmail-cjs.js

@@ -3,12 +3,10 @@
 var React = require('react');
 var mergeRefs = require('./mergeRefs-cjs.js');
 var FormFieldWrapper = require('./FormFieldWrapper-cjs.js');
-var FormFieldPostFix = require('./FormFieldPostFix-cjs.js');
 require('classnames');
-require('./tslib.es6-cjs.js');
-require('react-hook-form');
 require('./Button-cjs.js');
 require('@jobber/design');
+var FormFieldPostFix = require('./FormFieldPostFix-cjs.js');
 var filterDataAttributes = require('./filterDataAttributes-cjs.js');
 
 function useInputEmailActions({ onChange, inputRef, onEnter, onFocus, onBlur, onKeyDown, onKeyUp, onClick, onMouseDown, onMouseUp, onPointerDown, onPointerUp, }) {

package/dist/InputEmail-es.js

@@ -1,12 +1,10 @@
 import React__default, { useRef, forwardRef, useId } from 'react';
 import { m as mergeRefs } from './mergeRefs-es.js';
 import { c as FormFieldWrapper, g as formFieldStyles } from './FormFieldWrapper-es.js';
-import { F as FormFieldPostFix } from './FormFieldPostFix-es.js';
 import 'classnames';
-import './tslib.es6-es.js';
-import 'react-hook-form';
 import './Button-es.js';
 import '@jobber/design';
+import { F as FormFieldPostFix } from './FormFieldPostFix-es.js';
 import { f as filterDataAttributes } from './filterDataAttributes-es.js';
 
 function useInputEmailActions({ onChange, inputRef, onEnter, onFocus, onBlur, onKeyDown, onKeyUp, onClick, onMouseDown, onMouseUp, onPointerDown, onPointerUp, }) {

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

@@ -1,6 +1,6 @@
 import type React from "react";
 import type { FocusEvents, HTMLInputBaseProps, KeyboardEvents, MouseEvents, RebuiltInputCommonProps } from "../sharedHelpers/types";
-export interface InputNumberProps extends HTMLInputBaseProps, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement>, MouseEvents<HTMLInputElement>, Omit<RebuiltInputCommonProps, "clearable" | "suffix" | "prefix" | "version"> {
+export interface InputNumberProps extends HTMLInputBaseProps, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement>, MouseEvents<HTMLInputElement>, Omit<RebuiltInputCommonProps, "clearable" | "suffix" | "prefix"> {
     readonly defaultValue?: number;
     readonly formatOptions?: Intl.NumberFormatOptions;
     readonly maxValue?: number;

package/dist/InputPhoneNumber/InputMask.d.ts

@@ -1,46 +1,8 @@
-import type { ReactElement } from "react";
 import React from "react";
-import type { FormFieldProps } from "../FormField";
 interface MaskElementProps {
     readonly isMasking: boolean;
     readonly formattedValue: string;
     readonly placeholderMask: string;
 }
 export declare function MaskElement({ isMasking, formattedValue, placeholderMask, }: MaskElementProps): React.JSX.Element | null;
-export interface InputMaskProps {
-    /**
-     * A string pattern to mask the value. For example:
-     *
-     * - Phone number: `(***) ***-*****` = `(555) 123-3456`
-     * - Hours and minutes: `**:**` = `01:20`
-     *
-     * By default, a `*` is used to indicate where a value would be in place. To
-     * change that, use the `delimiter` prop.
-     */
-    readonly pattern: string;
-    /**
-     * Change the delimiter when you need to have a `*` as a value that the input
-     * returns. For example, you want your pattern to have a `*` in it.
-     *
-     * ```
-     * <InputMask pattern="n*n=n" delimiter="n" />
-     * ```
-     *
-     * It would now replace `n` with the value you type and end up with `1*2=2` if
-     * you give a value of `122`.
-     *
-     * @default "*"
-     */
-    readonly delimiter?: string;
-    /**
-     * Allow/prevent users adding from more value than the desired pattern.
-     * For example, your pattern could accept 10 characters. If it's strict, your
-     * users can only type 10 characters.
-     *
-     * @default true
-     */
-    readonly strict?: boolean;
-    readonly children: ReactElement<FormFieldProps>;
-}
-export declare function InputMask({ children, delimiter, pattern, strict, }: InputMaskProps): ReactElement<FormFieldProps, string | React.JSXElementConstructor<any>>;
 export {};

package/dist/InputPhoneNumber/InputPhoneNumber.types.d.ts

@@ -1,7 +1,6 @@
-import type { InputMaskProps } from "./InputMask";
 import type { FormFieldProps } from "../FormField";
 import type { FocusEvents, HTMLInputBaseProps, KeyboardEvents, MouseEvents, RebuiltInputCommonProps } from "../sharedHelpers/types";
-export interface InputPhoneNumberProps extends Omit<HTMLInputBaseProps, "type" | "maxLength" | "minLength">, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement>, MouseEvents<HTMLInputElement>, Omit<RebuiltInputCommonProps, "showMiniLabel" | "version"> {
+export interface InputPhoneNumberProps extends Omit<HTMLInputBaseProps, "type" | "maxLength" | "minLength">, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement>, MouseEvents<HTMLInputElement>, Omit<RebuiltInputCommonProps, "showMiniLabel"> {
     /**
      * The current value of the input.
      */
@@ -20,6 +19,6 @@ export interface InputPhoneNumberProps extends Omit<HTMLInputBaseProps, "type" |
      * you could set it to `** ** ** **`
      * @default "(***) ***-****"
      */
-    readonly pattern?: InputMaskProps["pattern"];
+    readonly pattern?: string;
 }
 export declare const DEFAULT_PATTERN = "(***) ***-****";

package/dist/InputPhoneNumber/index.cjs

@@ -4,6 +4,7 @@ var InputPhoneNumber = require('../InputPhoneNumber-cjs.js');
 require('../tslib.es6-cjs.js');
 require('react');
 require('classnames');
+require('../useAtlantisFormFieldName-cjs.js');
 require('../FormFieldWrapper-cjs.js');
 require('@jobber/hooks');
 require('framer-motion');
@@ -17,8 +18,6 @@ require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../FormFieldPostFix-cjs.js');
 require('../Spinner-cjs.js');
-require('../useAtlantisFormFieldName-cjs.js');
-require('react-hook-form');
 require('../filterDataAttributes-cjs.js');
 
 

package/dist/InputPhoneNumber/index.mjs

@@ -2,6 +2,7 @@ export { I as InputPhoneNumber } from '../InputPhoneNumber-es.js';
 import '../tslib.es6-es.js';
 import 'react';
 import 'classnames';
+import '../useAtlantisFormFieldName-es.js';
 import '../FormFieldWrapper-es.js';
 import '@jobber/hooks';
 import 'framer-motion';
@@ -15,6 +16,4 @@ import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../FormFieldPostFix-es.js';
 import '../Spinner-es.js';
-import '../useAtlantisFormFieldName-es.js';
-import 'react-hook-form';
 import '../filterDataAttributes-es.js';

package/dist/InputPhoneNumber-cjs.js

@@ -3,16 +3,24 @@
 var tslib_es6 = require('./tslib.es6-cjs.js');
 var React = require('react');
 var classnames = require('classnames');
-var FormFieldWrapper = require('./FormFieldWrapper-cjs.js');
-var FormFieldPostFix = require('./FormFieldPostFix-cjs.js');
 var useAtlantisFormFieldName = require('./useAtlantisFormFieldName-cjs.js');
-require('react-hook-form');
+var FormFieldWrapper = require('./FormFieldWrapper-cjs.js');
 require('./Button-cjs.js');
 require('@jobber/design');
+var FormFieldPostFix = require('./FormFieldPostFix-cjs.js');
 var filterDataAttributes = require('./filterDataAttributes-cjs.js');
 
 var styles = {"mask":"_78-Lxj78xPg-","hiddenValue":"GoiXVXaU1Qs-","emptyValue":"oOrjwubmsVA-","spinning":"T3VvmDmzs-4-"};
 
+function MaskElement({ isMasking, formattedValue, placeholderMask, }) {
+    if (!isMasking) {
+        return null;
+    }
+    return (React.createElement("div", { className: styles.mask, "aria-hidden": "true" },
+        React.createElement("span", { className: styles.hiddenValue }, formattedValue),
+        React.createElement("span", null, placeholderMask)));
+}
+
 function useInputMask({ value = "", pattern, delimiter = "*", strict = true, onChange, }) {
     const [isMasking, setIsMasking] = React.useState(!value);
     const patternInfo = React.useMemo(() => {
@@ -76,15 +84,6 @@ function getMaskedValue(cleanVal, specialChars) {
     };
 }
 
-function MaskElement({ isMasking, formattedValue, placeholderMask, }) {
-    if (!isMasking) {
-        return null;
-    }
-    return (React.createElement("div", { className: styles.mask, "aria-hidden": "true" },
-        React.createElement("span", { className: styles.hiddenValue }, formattedValue),
-        React.createElement("span", null, placeholderMask)));
-}
-
 const DEFAULT_PATTERN = "(***) ***-****";
 
 /**

package/dist/InputPhoneNumber-es.js

@@ -1,16 +1,24 @@
 import { _ as __rest } from './tslib.es6-es.js';
 import React__default, { useState, useMemo, useCallback, useEffect, forwardRef, useId } from 'react';
 import classnames from 'classnames';
-import { c as FormFieldWrapper, g as formFieldStyles } from './FormFieldWrapper-es.js';
-import { F as FormFieldPostFix } from './FormFieldPostFix-es.js';
 import { u as useAtlantisFormFieldName } from './useAtlantisFormFieldName-es.js';
-import 'react-hook-form';
+import { c as FormFieldWrapper, g as formFieldStyles } from './FormFieldWrapper-es.js';
 import './Button-es.js';
 import '@jobber/design';
+import { F as FormFieldPostFix } from './FormFieldPostFix-es.js';
 import { f as filterDataAttributes } from './filterDataAttributes-es.js';
 
 var styles = {"mask":"_78-Lxj78xPg-","hiddenValue":"GoiXVXaU1Qs-","emptyValue":"oOrjwubmsVA-","spinning":"T3VvmDmzs-4-"};
 
+function MaskElement({ isMasking, formattedValue, placeholderMask, }) {
+    if (!isMasking) {
+        return null;
+    }
+    return (React__default.createElement("div", { className: styles.mask, "aria-hidden": "true" },
+        React__default.createElement("span", { className: styles.hiddenValue }, formattedValue),
+        React__default.createElement("span", null, placeholderMask)));
+}
+
 function useInputMask({ value = "", pattern, delimiter = "*", strict = true, onChange, }) {
     const [isMasking, setIsMasking] = useState(!value);
     const patternInfo = useMemo(() => {
@@ -74,15 +82,6 @@ function getMaskedValue(cleanVal, specialChars) {
     };
 }
 
-function MaskElement({ isMasking, formattedValue, placeholderMask, }) {
-    if (!isMasking) {
-        return null;
-    }
-    return (React__default.createElement("div", { className: styles.mask, "aria-hidden": "true" },
-        React__default.createElement("span", { className: styles.hiddenValue }, formattedValue),
-        React__default.createElement("span", null, placeholderMask)));
-}
-
 const DEFAULT_PATTERN = "(***) ***-****";
 
 /**

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

@@ -15,11 +15,7 @@ interface InputLengthConstraint {
      */
     readonly maxLength?: number;
 }
-/**
- * Experimental version 2 of the InputText component.
- * Do not use unless you have talked with Atlantis first.
- */
-export interface InputTextProps extends HTMLInputBaseProps, MouseEvents<HTMLInputElement | HTMLTextAreaElement>, FocusEvents<HTMLInputElement | HTMLTextAreaElement>, KeyboardEvents<HTMLInputElement | HTMLTextAreaElement>, Omit<RebuiltInputCommonProps, "version">, InputLengthConstraint {
+export interface InputTextProps extends HTMLInputBaseProps, MouseEvents<HTMLInputElement | HTMLTextAreaElement>, FocusEvents<HTMLInputElement | HTMLTextAreaElement>, KeyboardEvents<HTMLInputElement | HTMLTextAreaElement>, RebuiltInputCommonProps, InputLengthConstraint {
     /**
      * When false, the placeholder text only serves as a standard placeholder and
      * disappears when the user types, instead of floating above the value as a

package/dist/InputText/index.cjs

@@ -3,6 +3,7 @@
 var InputText = require('../InputText-cjs.js');
 require('react');
 require('@jobber/hooks');
+require('../useAtlantisFormFieldName-cjs.js');
 require('../FormFieldWrapper-cjs.js');
 require('framer-motion');
 require('@jobber/design');
@@ -17,8 +18,6 @@ require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../FormFieldPostFix-cjs.js');
 require('../Spinner-cjs.js');
-require('../useAtlantisFormFieldName-cjs.js');
-require('react-hook-form');
 require('../mergeRefs-cjs.js');
 require('../filterDataAttributes-cjs.js');
 

package/dist/InputText/index.mjs

@@ -1,6 +1,7 @@
 export { I as InputText } from '../InputText-es.js';
 import 'react';
 import '@jobber/hooks';
+import '../useAtlantisFormFieldName-es.js';
 import '../FormFieldWrapper-es.js';
 import 'framer-motion';
 import '@jobber/design';
@@ -15,7 +16,5 @@ import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../FormFieldPostFix-es.js';
 import '../Spinner-es.js';
-import '../useAtlantisFormFieldName-es.js';
-import 'react-hook-form';
 import '../mergeRefs-es.js';
 import '../filterDataAttributes-es.js';

package/dist/InputText-cjs.js

@@ -2,15 +2,13 @@
 
 var React = require('react');
 var jobberHooks = require('@jobber/hooks');
+var useAtlantisFormFieldName = require('./useAtlantisFormFieldName-cjs.js');
 var FormFieldWrapper = require('./FormFieldWrapper-cjs.js');
-var FormFieldPostFix = require('./FormFieldPostFix-cjs.js');
 require('classnames');
-var useAtlantisFormFieldName = require('./useAtlantisFormFieldName-cjs.js');
-require('./tslib.es6-cjs.js');
-require('react-hook-form');
-var mergeRefs = require('./mergeRefs-cjs.js');
 require('./Button-cjs.js');
 require('@jobber/design');
+var FormFieldPostFix = require('./FormFieldPostFix-cjs.js');
+var mergeRefs = require('./mergeRefs-cjs.js');
 var filterDataAttributes = require('./filterDataAttributes-cjs.js');
 
 /**