@jobber/components 7.11.3 → 7.12.0

package/dist/Autocomplete/index.cjs

@@ -24,6 +24,7 @@ require('react/jsx-runtime');
 require('react-dom');
 require('../Content-cjs.js');
 require('../FormField-cjs.js');
+require('../useAtlantisFormFieldName-cjs.js');
 require('framer-motion');
 require('react-router-dom');
 require('../useFormFieldFocus-cjs.js');

package/dist/Autocomplete/index.mjs

@@ -22,6 +22,7 @@ import 'react/jsx-runtime';
 import 'react-dom';
 import '../Content-es.js';
 import '../FormField-es.js';
+import '../useAtlantisFormFieldName-es.js';
 import 'framer-motion';
 import 'react-router-dom';
 import '../useFormFieldFocus-es.js';

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

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

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

@@ -16,6 +16,7 @@ import '../../../Text-es.js';
 import '../../../useFormFieldFocus-es.js';
 import '../../../InputValidation-es.js';
 import '../../../Spinner-es.js';
+import '../../../useAtlantisFormFieldName-es.js';
 import 'react-hook-form';
 import '../../../filterDataAttributes-es.js';
 import '../../../DataListContext-es.js';

package/dist/DataList/index.cjs

@@ -85,6 +85,7 @@ require('../FormField-cjs.js');
 require('../mergeRefs-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
+require('../useAtlantisFormFieldName-cjs.js');
 require('react-hook-form');
 require('../DataListEmptyState-cjs.js');
 require('../DataListLoadMore-cjs.js');

package/dist/DataList/index.mjs

@@ -83,6 +83,7 @@ import '../FormField-es.js';
 import '../mergeRefs-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
+import '../useAtlantisFormFieldName-es.js';
 import 'react-hook-form';
 import '../DataListEmptyState-es.js';
 import '../DataListLoadMore-es.js';

package/dist/DataTable/index.cjs

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

package/dist/DataTable/index.mjs

@@ -20,5 +20,6 @@ import '../Text-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../Spinner-es.js';
+import '../useAtlantisFormFieldName-es.js';
 import 'react-hook-form';
 import '../filterDataAttributes-es.js';

package/dist/FormField/index.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 var FormField = require('../FormField-cjs.js');
+var useAtlantisFormFieldName = require('../useAtlantisFormFieldName-cjs.js');
 var mergeRefs = require('../mergeRefs-cjs.js');
 require('react');
 require('classnames');
@@ -24,6 +25,7 @@ exports.FormField = FormField.FormField;
 exports.useAtlantisFormField = FormField.useAtlantisFormField;
 exports.useAtlantisFormFieldActions = FormField.useAtlantisFormFieldActions;
 exports.useAtlantisReactHookForm = FormField.useAtlantisReactHookForm;
+exports.useAtlantisFormFieldName = useAtlantisFormFieldName.useAtlantisFormFieldName;
 exports.AffixIcon = mergeRefs.AffixIcon;
 exports.AffixLabel = mergeRefs.AffixLabel;
 exports.FormFieldInputHorizontalWrapper = mergeRefs.FormFieldInputHorizontalWrapper;
@@ -32,5 +34,4 @@ exports.FormFieldLabel = mergeRefs.FormFieldLabel;
 exports.FormFieldWrapper = mergeRefs.FormFieldWrapper;
 exports.FormFieldWrapperMain = mergeRefs.FormFieldWrapperMain;
 exports.FormFieldWrapperToolbar = mergeRefs.FormFieldWrapperToolbar;
-exports.useAtlantisFormFieldName = mergeRefs.useAtlantisFormFieldName;
 exports.useFormFieldWrapperStyles = mergeRefs.useFormFieldWrapperStyles;

package/dist/FormField/index.mjs

@@ -1,5 +1,6 @@
 export { F as FormField, u as useAtlantisFormField, a as useAtlantisFormFieldActions, b as useAtlantisReactHookForm } from '../FormField-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 useAtlantisFormFieldName, g as useFormFieldWrapperStyles } from '../mergeRefs-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 '../mergeRefs-es.js';
 import 'react';
 import 'classnames';
 import '../tslib.es6-es.js';

package/dist/FormField-cjs.js

@@ -3,6 +3,7 @@
 var React = require('react');
 var mergeRefs = require('./mergeRefs-cjs.js');
 var classnames = require('classnames');
+var useAtlantisFormFieldName = require('./useAtlantisFormFieldName-cjs.js');
 var tslib_es6 = require('./tslib.es6-cjs.js');
 var reactHookForm = require('react-hook-form');
 
@@ -125,7 +126,7 @@ function FormField(props) {
 function FormFieldInternal(props) {
     var _a;
     const { actionsRef, autocomplete = true, children, defaultValue, description, disabled, id, inputRef, inline, keyboard, max, maxLength, min, name: nameProp, pattern, readonly, rows, loading, type = "text", validations, value, onChange, onEnter, onFocus, onBlur, onValidation, onKeyUp, clearable = "never", autofocus, } = props;
-    const { name } = mergeRefs.useAtlantisFormFieldName({ id, nameProp });
+    const { name } = useAtlantisFormFieldName.useAtlantisFormFieldName({ id, nameProp });
     const { errorMessage, inputRefs, useControllerField, setValue, onControllerBlur, onControllerChange, } = useAtlantisReactHookForm({
         actionsRef,
         name,

package/dist/FormField-es.js

@@ -1,6 +1,7 @@
 import React__default, { useEffect, useImperativeHandle, useId, useRef } from 'react';
-import { h as formFieldStyles, m as mergeRefs, c as FormFieldWrapper, i as FormFieldPostFix, u as useAtlantisFormFieldName } from './mergeRefs-es.js';
+import { g as formFieldStyles, m as mergeRefs, c as FormFieldWrapper, h as FormFieldPostFix } from './mergeRefs-es.js';
 import classnames from 'classnames';
+import { u as useAtlantisFormFieldName } from './useAtlantisFormFieldName-es.js';
 import { _ as __rest } from './tslib.es6-es.js';
 import { useFormContext, useForm, useController } from 'react-hook-form';
 

package/dist/InputDate/index.cjs

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

package/dist/InputDate/index.mjs

@@ -37,5 +37,6 @@ import '../Text-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../Spinner-es.js';
+import '../useAtlantisFormFieldName-es.js';
 import 'react-hook-form';
 import '../filterDataAttributes-es.js';

package/dist/InputEmail/InputEmail.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import type { InputEmailLegacyProps } from "./InputEmail.types";
-export declare function InputEmail(props: InputEmailLegacyProps): React.JSX.Element;
+import type { InputEmailProps } from "./InputEmail.types";
+export declare const InputEmail: React.ForwardRefExoticComponent<InputEmailProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,16 +1,6 @@
-import type { CommonFormFieldProps, FormFieldProps } from "../FormField";
+import type { FormFieldProps } from "../FormField";
 import type { FocusEvents, HTMLInputBaseProps, KeyboardEvents, MouseEvents, RebuiltInputCommonProps } from "../sharedHelpers/types";
-/**
- * @deprecated Use the v2 InputEmail component instead (version={2}).
- */
-export type InputEmailLegacyProps = CommonFormFieldProps & Pick<FormFieldProps, "maxLength" | "readonly" | "validations" | "defaultValue">;
-export declare const validationMessage = "Please enter a valid email";
-export type InputEmailVersion = 1 | 2 | undefined;
-/**
- * Experimental version 2 of the InputEmail component.
- * Do not use unless you have talked with Atlantis first.
- */
-export interface InputEmailRebuiltProps extends HTMLInputBaseProps, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement>, MouseEvents<HTMLInputElement>, Omit<RebuiltInputCommonProps, "showMiniLabel"> {
+export interface InputEmailProps extends HTMLInputBaseProps, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement>, MouseEvents<HTMLInputElement>, Omit<RebuiltInputCommonProps, "showMiniLabel" | "version"> {
     /**
      * The current value of the input.
      */

package/dist/InputEmail/hooks/useInputEmailActions.d.ts

@@ -1,7 +1,7 @@
 import type { ChangeEvent, FocusEvent, KeyboardEvent, MouseEvent, PointerEvent } from "react";
-import type { InputEmailRebuiltProps } from "../InputEmail.types";
-export interface UseInputEmailActionsProps extends Pick<InputEmailRebuiltProps, "onChange" | "onEnter" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseUp" | "onPointerDown" | "onPointerUp"> {
-    inputRef?: React.RefObject<HTMLInputElement>;
+import type { InputEmailProps } from "../InputEmail.types";
+export interface UseInputEmailActionsProps extends Pick<InputEmailProps, "onChange" | "onEnter" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseUp" | "onPointerDown" | "onPointerUp"> {
+    inputRef?: React.RefObject<HTMLInputElement | null>;
 }
 export declare function useInputEmailActions({ onChange, inputRef, onEnter, onFocus, onBlur, onKeyDown, onKeyUp, onClick, onMouseDown, onMouseUp, onPointerDown, onPointerUp, }: UseInputEmailActionsProps): {
     handleClear: () => void;

package/dist/InputEmail/hooks/useInputEmailRefs.d.ts

@@ -0,0 +1,4 @@
+export declare function useInputEmailRefs(inputRef?: React.Ref<HTMLInputElement | null>): {
+    internalRef: import("react").RefObject<HTMLInputElement | null>;
+    mergedRef: import("react").RefCallback<HTMLInputElement | null>;
+};

package/dist/InputEmail/index.cjs

@@ -1,16 +1,14 @@
 'use strict';
 
-var React = require('react');
-var FormField = require('../FormField-cjs.js');
-require('classnames');
-require('../tslib.es6-cjs.js');
-require('react-hook-form');
+var InputEmail = require('../InputEmail-cjs.js');
+require('react');
+require('../mergeRefs-cjs.js');
 require('@jobber/hooks');
 require('framer-motion');
 require('@jobber/design');
+require('classnames');
 require('../Button-cjs.js');
-var mergeRefs = require('../mergeRefs-cjs.js');
-var filterDataAttributes = require('../filterDataAttributes-cjs.js');
+require('../tslib.es6-cjs.js');
 require('react-router-dom');
 require('../Icon-cjs.js');
 require('../Typography-cjs.js');
@@ -18,128 +16,9 @@ require('../Text-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../Spinner-cjs.js');
+require('react-hook-form');
+require('../filterDataAttributes-cjs.js');
 
-const validationMessage = "Please enter a valid email";
-
-// eslint-disable-next-line import/no-deprecated
-function InputEmail$1(props) {
-    const { validations } = props;
-    return (React.createElement(FormField.FormField, Object.assign({}, props, { type: "email", validations: Object.assign(Object.assign({}, validations), { validate: checkForValidEmail }) })));
-    function checkForValidEmail(value) {
-        const emailRegex = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-        if (!value) {
-            return true;
-        }
-        if (!value.match(emailRegex)) {
-            return validationMessage;
-        }
-        return true;
-    }
-}
-
-function useInputEmailActions({ onChange, inputRef, onEnter, onFocus, onBlur, onKeyDown, onKeyUp, onClick, onMouseDown, onMouseUp, onPointerDown, onPointerUp, }) {
-    function handleClear() {
-        var _a;
-        onChange === null || onChange === void 0 ? void 0 : onChange("");
-        (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    function handleChange(event) {
-        const newValue = event.currentTarget.value;
-        onChange === null || onChange === void 0 ? void 0 : onChange(newValue, event);
-    }
-    function handleKeyDown(event) {
-        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
-        if (!onEnter)
-            return;
-        if (event.key !== "Enter")
-            return;
-        if (event.shiftKey || event.ctrlKey)
-            return;
-        event.preventDefault();
-        onEnter === null || onEnter === void 0 ? void 0 : onEnter(event);
-    }
-    function handleFocus(event) {
-        onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
-    }
-    function handleBlur(event) {
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
-    }
-    function handleKeyUp(event) {
-        onKeyUp === null || onKeyUp === void 0 ? void 0 : onKeyUp(event);
-    }
-    function handleClick(event) {
-        onClick === null || onClick === void 0 ? void 0 : onClick(event);
-    }
-    function handleMouseDown(event) {
-        onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
-    }
-    function handleMouseUp(event) {
-        onMouseUp === null || onMouseUp === void 0 ? void 0 : onMouseUp(event);
-    }
-    function handlePointerDown(event) {
-        onPointerDown === null || onPointerDown === void 0 ? void 0 : onPointerDown(event);
-    }
-    function handlePointerUp(event) {
-        onPointerUp === null || onPointerUp === void 0 ? void 0 : onPointerUp(event);
-    }
-    return {
-        handleClear,
-        handleChange,
-        handleKeyDown,
-        handleKeyUp,
-        handleFocus,
-        handleBlur,
-        handleClick,
-        handleMouseDown,
-        handleMouseUp,
-        handlePointerDown,
-        handlePointerUp,
-    };
-}
-
-const InputEmailRebuilt = React.forwardRef(function InputEmailInternal(props, ref) {
-    var _a, _b, _c;
-    const generatedId = React.useId();
-    const id = props.id || generatedId;
-    const inputRef = (_a = ref) !== null && _a !== void 0 ? _a : React.useRef(null);
-    const wrapperRef = React.useRef(null);
-    const { name } = mergeRefs.useAtlantisFormFieldName({
-        nameProp: props.name,
-        id,
-    });
-    const { handleChange, handleBlur, handleFocus, handleKeyDown, handleKeyUp, handleClear, handleClick, handleMouseDown, handleMouseUp, handlePointerDown, handlePointerUp, } = useInputEmailActions({
-        onChange: props.onChange,
-        onBlur: props.onBlur,
-        onFocus: props.onFocus,
-        onKeyDown: props.onKeyDown,
-        onKeyUp: props.onKeyUp,
-        onEnter: props.onEnter,
-        onClick: props.onClick,
-        onMouseDown: props.onMouseDown,
-        onMouseUp: props.onMouseUp,
-        onPointerDown: props.onPointerDown,
-        onPointerUp: props.onPointerUp,
-        inputRef,
-    });
-    const descriptionIdentifier = `descriptionUUID--${id}`;
-    const descriptionVisible = props.description && !props.inline;
-    const isInvalid = Boolean(props.error || props.invalid);
-    const dataAttrs = filterDataAttributes.filterDataAttributes(props);
-    return (React.createElement(mergeRefs.FormFieldWrapper, { error: props.error || "", invalid: props.invalid, identifier: id, descriptionIdentifier: descriptionIdentifier, size: props.size, inline: props.inline, align: props.align, prefix: props.prefix, suffix: props.suffix, description: props.description, clearable: (_b = props.clearable) !== null && _b !== void 0 ? _b : "never", onClear: handleClear, readonly: props.readOnly, wrapperRef: wrapperRef, disabled: props.disabled, type: "email", value: props.value, placeholder: props.placeholder, name: name },
-        React.createElement("input", Object.assign({ id: id, name: name, type: "email", ref: inputRef, className: mergeRefs.formFieldStyles.input, value: props.value, disabled: props.disabled, readOnly: props.readOnly, autoFocus: props.autoFocus, autoComplete: props.autoComplete, pattern: props.pattern, inputMode: props.inputMode, tabIndex: props.tabIndex, maxLength: props.maxLength, required: props.required, role: props.role, "aria-label": props["aria-label"], "aria-describedby": descriptionVisible ? descriptionIdentifier : props["aria-describedby"], "aria-invalid": isInvalid ? true : undefined, "aria-controls": props["aria-controls"], "aria-expanded": props["aria-expanded"], "aria-activedescendant": props["aria-activedescendant"], "aria-autocomplete": props["aria-autocomplete"], "aria-required": props["aria-required"], onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onClick: handleClick, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, "data-testid": "ATL-InputEmail-input" }, dataAttrs)),
-        React.createElement(mergeRefs.FormFieldPostFix, { variation: "spinner", visible: (_c = props.loading) !== null && _c !== void 0 ? _c : false })));
-});
 
-function isNewInputEmailProps(props) {
-    return props.version === 2;
-}
-const InputEmail = React.forwardRef(function InputEmailShim(props, ref) {
-    if (isNewInputEmailProps(props)) {
-        return (React.createElement(InputEmailRebuilt, Object.assign({}, props, { ref: ref })));
-    }
-    else {
-        return React.createElement(InputEmail$1, Object.assign({}, props));
-    }
-});
 
-exports.InputEmail = InputEmail;
+exports.InputEmail = InputEmail.InputEmail;

package/dist/InputEmail/index.d.ts

@@ -1,5 +1,2 @@
-import React from "react";
-import { type InputEmailLegacyProps, type InputEmailRebuiltProps } from "./InputEmail.types";
-export type InputEmailShimProps = InputEmailRebuiltProps | InputEmailLegacyProps;
-export declare const InputEmail: React.ForwardRefExoticComponent<InputEmailShimProps & React.RefAttributes<HTMLInputElement>>;
-export type { InputEmailRebuiltProps, InputEmailLegacyProps };
+export { InputEmail } from "./InputEmail";
+export type { InputEmailProps } from "./InputEmail.types";

package/dist/InputEmail/index.mjs

@@ -1,14 +1,12 @@
-import React__default, { forwardRef, useId, useRef } from 'react';
-import { F as FormField } from '../FormField-es.js';
-import 'classnames';
-import '../tslib.es6-es.js';
-import 'react-hook-form';
+export { I as InputEmail } from '../InputEmail-es.js';
+import 'react';
+import '../mergeRefs-es.js';
 import '@jobber/hooks';
 import 'framer-motion';
 import '@jobber/design';
+import 'classnames';
 import '../Button-es.js';
-import { u as useAtlantisFormFieldName, c as FormFieldWrapper, h as formFieldStyles, i as FormFieldPostFix } from '../mergeRefs-es.js';
-import { f as filterDataAttributes } from '../filterDataAttributes-es.js';
+import '../tslib.es6-es.js';
 import 'react-router-dom';
 import '../Icon-es.js';
 import '../Typography-es.js';
@@ -16,128 +14,5 @@ import '../Text-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../Spinner-es.js';
-
-const validationMessage = "Please enter a valid email";
-
-// eslint-disable-next-line import/no-deprecated
-function InputEmail$1(props) {
-    const { validations } = props;
-    return (React__default.createElement(FormField, Object.assign({}, props, { type: "email", validations: Object.assign(Object.assign({}, validations), { validate: checkForValidEmail }) })));
-    function checkForValidEmail(value) {
-        const emailRegex = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-        if (!value) {
-            return true;
-        }
-        if (!value.match(emailRegex)) {
-            return validationMessage;
-        }
-        return true;
-    }
-}
-
-function useInputEmailActions({ onChange, inputRef, onEnter, onFocus, onBlur, onKeyDown, onKeyUp, onClick, onMouseDown, onMouseUp, onPointerDown, onPointerUp, }) {
-    function handleClear() {
-        var _a;
-        onChange === null || onChange === void 0 ? void 0 : onChange("");
-        (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    function handleChange(event) {
-        const newValue = event.currentTarget.value;
-        onChange === null || onChange === void 0 ? void 0 : onChange(newValue, event);
-    }
-    function handleKeyDown(event) {
-        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
-        if (!onEnter)
-            return;
-        if (event.key !== "Enter")
-            return;
-        if (event.shiftKey || event.ctrlKey)
-            return;
-        event.preventDefault();
-        onEnter === null || onEnter === void 0 ? void 0 : onEnter(event);
-    }
-    function handleFocus(event) {
-        onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
-    }
-    function handleBlur(event) {
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
-    }
-    function handleKeyUp(event) {
-        onKeyUp === null || onKeyUp === void 0 ? void 0 : onKeyUp(event);
-    }
-    function handleClick(event) {
-        onClick === null || onClick === void 0 ? void 0 : onClick(event);
-    }
-    function handleMouseDown(event) {
-        onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
-    }
-    function handleMouseUp(event) {
-        onMouseUp === null || onMouseUp === void 0 ? void 0 : onMouseUp(event);
-    }
-    function handlePointerDown(event) {
-        onPointerDown === null || onPointerDown === void 0 ? void 0 : onPointerDown(event);
-    }
-    function handlePointerUp(event) {
-        onPointerUp === null || onPointerUp === void 0 ? void 0 : onPointerUp(event);
-    }
-    return {
-        handleClear,
-        handleChange,
-        handleKeyDown,
-        handleKeyUp,
-        handleFocus,
-        handleBlur,
-        handleClick,
-        handleMouseDown,
-        handleMouseUp,
-        handlePointerDown,
-        handlePointerUp,
-    };
-}
-
-const InputEmailRebuilt = forwardRef(function InputEmailInternal(props, ref) {
-    var _a, _b, _c;
-    const generatedId = useId();
-    const id = props.id || generatedId;
-    const inputRef = (_a = ref) !== null && _a !== void 0 ? _a : useRef(null);
-    const wrapperRef = useRef(null);
-    const { name } = useAtlantisFormFieldName({
-        nameProp: props.name,
-        id,
-    });
-    const { handleChange, handleBlur, handleFocus, handleKeyDown, handleKeyUp, handleClear, handleClick, handleMouseDown, handleMouseUp, handlePointerDown, handlePointerUp, } = useInputEmailActions({
-        onChange: props.onChange,
-        onBlur: props.onBlur,
-        onFocus: props.onFocus,
-        onKeyDown: props.onKeyDown,
-        onKeyUp: props.onKeyUp,
-        onEnter: props.onEnter,
-        onClick: props.onClick,
-        onMouseDown: props.onMouseDown,
-        onMouseUp: props.onMouseUp,
-        onPointerDown: props.onPointerDown,
-        onPointerUp: props.onPointerUp,
-        inputRef,
-    });
-    const descriptionIdentifier = `descriptionUUID--${id}`;
-    const descriptionVisible = props.description && !props.inline;
-    const isInvalid = Boolean(props.error || props.invalid);
-    const dataAttrs = filterDataAttributes(props);
-    return (React__default.createElement(FormFieldWrapper, { error: props.error || "", invalid: props.invalid, identifier: id, descriptionIdentifier: descriptionIdentifier, size: props.size, inline: props.inline, align: props.align, prefix: props.prefix, suffix: props.suffix, description: props.description, clearable: (_b = props.clearable) !== null && _b !== void 0 ? _b : "never", onClear: handleClear, readonly: props.readOnly, wrapperRef: wrapperRef, disabled: props.disabled, type: "email", value: props.value, placeholder: props.placeholder, name: name },
-        React__default.createElement("input", Object.assign({ id: id, name: name, type: "email", ref: inputRef, className: formFieldStyles.input, value: props.value, disabled: props.disabled, readOnly: props.readOnly, autoFocus: props.autoFocus, autoComplete: props.autoComplete, pattern: props.pattern, inputMode: props.inputMode, tabIndex: props.tabIndex, maxLength: props.maxLength, required: props.required, role: props.role, "aria-label": props["aria-label"], "aria-describedby": descriptionVisible ? descriptionIdentifier : props["aria-describedby"], "aria-invalid": isInvalid ? true : undefined, "aria-controls": props["aria-controls"], "aria-expanded": props["aria-expanded"], "aria-activedescendant": props["aria-activedescendant"], "aria-autocomplete": props["aria-autocomplete"], "aria-required": props["aria-required"], onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onClick: handleClick, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, "data-testid": "ATL-InputEmail-input" }, dataAttrs)),
-        React__default.createElement(FormFieldPostFix, { variation: "spinner", visible: (_c = props.loading) !== null && _c !== void 0 ? _c : false })));
-});
-
-function isNewInputEmailProps(props) {
-    return props.version === 2;
-}
-const InputEmail = forwardRef(function InputEmailShim(props, ref) {
-    if (isNewInputEmailProps(props)) {
-        return (React__default.createElement(InputEmailRebuilt, Object.assign({}, props, { ref: ref })));
-    }
-    else {
-        return React__default.createElement(InputEmail$1, Object.assign({}, props));
-    }
-});
-
-export { InputEmail };
+import 'react-hook-form';
+import '../filterDataAttributes-es.js';

package/dist/InputEmail-cjs.js

@@ -0,0 +1,107 @@
+'use strict';
+
+var React = require('react');
+var mergeRefs = require('./mergeRefs-cjs.js');
+require('classnames');
+require('./tslib.es6-cjs.js');
+require('react-hook-form');
+require('./Button-cjs.js');
+require('@jobber/design');
+var filterDataAttributes = require('./filterDataAttributes-cjs.js');
+
+function useInputEmailActions({ onChange, inputRef, onEnter, onFocus, onBlur, onKeyDown, onKeyUp, onClick, onMouseDown, onMouseUp, onPointerDown, onPointerUp, }) {
+    function handleClear() {
+        var _a;
+        onChange === null || onChange === void 0 ? void 0 : onChange("");
+        (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    function handleChange(event) {
+        const newValue = event.currentTarget.value;
+        onChange === null || onChange === void 0 ? void 0 : onChange(newValue, event);
+    }
+    function handleKeyDown(event) {
+        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+        if (!onEnter)
+            return;
+        if (event.key !== "Enter")
+            return;
+        if (event.shiftKey || event.ctrlKey)
+            return;
+        event.preventDefault();
+        onEnter === null || onEnter === void 0 ? void 0 : onEnter(event);
+    }
+    function handleFocus(event) {
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
+    }
+    function handleBlur(event) {
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+    }
+    function handleKeyUp(event) {
+        onKeyUp === null || onKeyUp === void 0 ? void 0 : onKeyUp(event);
+    }
+    function handleClick(event) {
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    }
+    function handleMouseDown(event) {
+        onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
+    }
+    function handleMouseUp(event) {
+        onMouseUp === null || onMouseUp === void 0 ? void 0 : onMouseUp(event);
+    }
+    function handlePointerDown(event) {
+        onPointerDown === null || onPointerDown === void 0 ? void 0 : onPointerDown(event);
+    }
+    function handlePointerUp(event) {
+        onPointerUp === null || onPointerUp === void 0 ? void 0 : onPointerUp(event);
+    }
+    return {
+        handleClear,
+        handleChange,
+        handleKeyDown,
+        handleKeyUp,
+        handleFocus,
+        handleBlur,
+        handleClick,
+        handleMouseDown,
+        handleMouseUp,
+        handlePointerDown,
+        handlePointerUp,
+    };
+}
+
+function useInputEmailRefs(inputRef) {
+    const internalRef = React.useRef(null);
+    const mergedRef = mergeRefs.mergeRefs([internalRef, inputRef]);
+    return { internalRef, mergedRef };
+}
+
+const InputEmail = React.forwardRef(function InputEmailInternal(props, ref) {
+    var _a, _b;
+    const generatedId = React.useId();
+    const id = props.id || generatedId;
+    const { internalRef, mergedRef } = useInputEmailRefs(ref);
+    const wrapperRef = React.useRef(null);
+    const { handleChange, handleBlur, handleFocus, handleKeyDown, handleKeyUp, handleClear, handleClick, handleMouseDown, handleMouseUp, handlePointerDown, handlePointerUp, } = useInputEmailActions({
+        onChange: props.onChange,
+        onBlur: props.onBlur,
+        onFocus: props.onFocus,
+        onKeyDown: props.onKeyDown,
+        onKeyUp: props.onKeyUp,
+        onEnter: props.onEnter,
+        onClick: props.onClick,
+        onMouseDown: props.onMouseDown,
+        onMouseUp: props.onMouseUp,
+        onPointerDown: props.onPointerDown,
+        onPointerUp: props.onPointerUp,
+        inputRef: internalRef,
+    });
+    const descriptionIdentifier = `descriptionUUID--${id}`;
+    const descriptionVisible = props.description && !props.inline;
+    const isInvalid = Boolean(props.error || props.invalid);
+    const dataAttrs = filterDataAttributes.filterDataAttributes(props);
+    return (React.createElement(mergeRefs.FormFieldWrapper, { error: props.error || "", invalid: props.invalid, identifier: id, descriptionIdentifier: descriptionIdentifier, size: props.size, inline: props.inline, align: props.align, prefix: props.prefix, suffix: props.suffix, description: props.description, clearable: (_a = props.clearable) !== null && _a !== void 0 ? _a : "never", onClear: handleClear, readonly: props.readOnly, wrapperRef: wrapperRef, disabled: props.disabled, type: "email", value: props.value, placeholder: props.placeholder, name: props.name },
+        React.createElement("input", Object.assign({ id: id, name: props.name, type: "email", ref: mergedRef, className: mergeRefs.formFieldStyles.input, value: props.value, disabled: props.disabled, readOnly: props.readOnly, autoFocus: props.autoFocus, autoComplete: props.autoComplete, pattern: props.pattern, inputMode: props.inputMode, tabIndex: props.tabIndex, maxLength: props.maxLength, required: props.required, role: props.role, "aria-label": props["aria-label"], "aria-describedby": descriptionVisible ? descriptionIdentifier : props["aria-describedby"], "aria-invalid": isInvalid ? true : undefined, "aria-controls": props["aria-controls"], "aria-expanded": props["aria-expanded"], "aria-activedescendant": props["aria-activedescendant"], "aria-autocomplete": props["aria-autocomplete"], "aria-required": props["aria-required"], onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onClick: handleClick, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, "data-testid": "ATL-InputEmail-input" }, dataAttrs)),
+        React.createElement(mergeRefs.FormFieldPostFix, { variation: "spinner", visible: (_b = props.loading) !== null && _b !== void 0 ? _b : false })));
+});
+
+exports.InputEmail = InputEmail;

package/dist/InputEmail-es.js

@@ -0,0 +1,105 @@
+import React__default, { useRef, forwardRef, useId } from 'react';
+import { m as mergeRefs, c as FormFieldWrapper, g as formFieldStyles, h as FormFieldPostFix } from './mergeRefs-es.js';
+import 'classnames';
+import './tslib.es6-es.js';
+import 'react-hook-form';
+import './Button-es.js';
+import '@jobber/design';
+import { f as filterDataAttributes } from './filterDataAttributes-es.js';
+
+function useInputEmailActions({ onChange, inputRef, onEnter, onFocus, onBlur, onKeyDown, onKeyUp, onClick, onMouseDown, onMouseUp, onPointerDown, onPointerUp, }) {
+    function handleClear() {
+        var _a;
+        onChange === null || onChange === void 0 ? void 0 : onChange("");
+        (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    function handleChange(event) {
+        const newValue = event.currentTarget.value;
+        onChange === null || onChange === void 0 ? void 0 : onChange(newValue, event);
+    }
+    function handleKeyDown(event) {
+        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+        if (!onEnter)
+            return;
+        if (event.key !== "Enter")
+            return;
+        if (event.shiftKey || event.ctrlKey)
+            return;
+        event.preventDefault();
+        onEnter === null || onEnter === void 0 ? void 0 : onEnter(event);
+    }
+    function handleFocus(event) {
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
+    }
+    function handleBlur(event) {
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+    }
+    function handleKeyUp(event) {
+        onKeyUp === null || onKeyUp === void 0 ? void 0 : onKeyUp(event);
+    }
+    function handleClick(event) {
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    }
+    function handleMouseDown(event) {
+        onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
+    }
+    function handleMouseUp(event) {
+        onMouseUp === null || onMouseUp === void 0 ? void 0 : onMouseUp(event);
+    }
+    function handlePointerDown(event) {
+        onPointerDown === null || onPointerDown === void 0 ? void 0 : onPointerDown(event);
+    }
+    function handlePointerUp(event) {
+        onPointerUp === null || onPointerUp === void 0 ? void 0 : onPointerUp(event);
+    }
+    return {
+        handleClear,
+        handleChange,
+        handleKeyDown,
+        handleKeyUp,
+        handleFocus,
+        handleBlur,
+        handleClick,
+        handleMouseDown,
+        handleMouseUp,
+        handlePointerDown,
+        handlePointerUp,
+    };
+}
+
+function useInputEmailRefs(inputRef) {
+    const internalRef = useRef(null);
+    const mergedRef = mergeRefs([internalRef, inputRef]);
+    return { internalRef, mergedRef };
+}
+
+const InputEmail = forwardRef(function InputEmailInternal(props, ref) {
+    var _a, _b;
+    const generatedId = useId();
+    const id = props.id || generatedId;
+    const { internalRef, mergedRef } = useInputEmailRefs(ref);
+    const wrapperRef = useRef(null);
+    const { handleChange, handleBlur, handleFocus, handleKeyDown, handleKeyUp, handleClear, handleClick, handleMouseDown, handleMouseUp, handlePointerDown, handlePointerUp, } = useInputEmailActions({
+        onChange: props.onChange,
+        onBlur: props.onBlur,
+        onFocus: props.onFocus,
+        onKeyDown: props.onKeyDown,
+        onKeyUp: props.onKeyUp,
+        onEnter: props.onEnter,
+        onClick: props.onClick,
+        onMouseDown: props.onMouseDown,
+        onMouseUp: props.onMouseUp,
+        onPointerDown: props.onPointerDown,
+        onPointerUp: props.onPointerUp,
+        inputRef: internalRef,
+    });
+    const descriptionIdentifier = `descriptionUUID--${id}`;
+    const descriptionVisible = props.description && !props.inline;
+    const isInvalid = Boolean(props.error || props.invalid);
+    const dataAttrs = filterDataAttributes(props);
+    return (React__default.createElement(FormFieldWrapper, { error: props.error || "", invalid: props.invalid, identifier: id, descriptionIdentifier: descriptionIdentifier, size: props.size, inline: props.inline, align: props.align, prefix: props.prefix, suffix: props.suffix, description: props.description, clearable: (_a = props.clearable) !== null && _a !== void 0 ? _a : "never", onClear: handleClear, readonly: props.readOnly, wrapperRef: wrapperRef, disabled: props.disabled, type: "email", value: props.value, placeholder: props.placeholder, name: props.name },
+        React__default.createElement("input", Object.assign({ id: id, name: props.name, type: "email", ref: mergedRef, className: formFieldStyles.input, value: props.value, disabled: props.disabled, readOnly: props.readOnly, autoFocus: props.autoFocus, autoComplete: props.autoComplete, pattern: props.pattern, inputMode: props.inputMode, tabIndex: props.tabIndex, maxLength: props.maxLength, required: props.required, role: props.role, "aria-label": props["aria-label"], "aria-describedby": descriptionVisible ? descriptionIdentifier : props["aria-describedby"], "aria-invalid": isInvalid ? true : undefined, "aria-controls": props["aria-controls"], "aria-expanded": props["aria-expanded"], "aria-activedescendant": props["aria-activedescendant"], "aria-autocomplete": props["aria-autocomplete"], "aria-required": props["aria-required"], onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onClick: handleClick, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, "data-testid": "ATL-InputEmail-input" }, dataAttrs)),
+        React__default.createElement(FormFieldPostFix, { variation: "spinner", visible: (_b = props.loading) !== null && _b !== void 0 ? _b : false })));
+});
+
+export { InputEmail as I };

package/dist/InputNumber/index.cjs

@@ -18,6 +18,7 @@ require('../mergeRefs-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../Spinner-cjs.js');
+require('../useAtlantisFormFieldName-cjs.js');
 require('react-router-dom');
 
 /*

package/dist/InputNumber/index.mjs

@@ -16,6 +16,7 @@ import '../mergeRefs-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../Spinner-es.js';
+import '../useAtlantisFormFieldName-es.js';
 import 'react-router-dom';
 
 /*

package/dist/InputPassword/index.cjs

@@ -17,6 +17,7 @@ require('../Text-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../Spinner-cjs.js');
+require('../useAtlantisFormFieldName-cjs.js');
 require('react-hook-form');
 
 

package/dist/InputPassword/index.mjs

@@ -15,4 +15,5 @@ import '../Text-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../Spinner-es.js';
+import '../useAtlantisFormFieldName-es.js';
 import 'react-hook-form';

package/dist/InputPhoneNumber/index.cjs

@@ -4,6 +4,7 @@ var React = require('react');
 var tslib_es6 = require('../tslib.es6-cjs.js');
 var classnames = require('classnames');
 var mergeRefs = require('../mergeRefs-cjs.js');
+var useAtlantisFormFieldName = require('../useAtlantisFormFieldName-cjs.js');
 var reactHookForm = require('react-hook-form');
 require('../Button-cjs.js');
 require('@jobber/design');
@@ -177,7 +178,7 @@ const InputPhoneNumberRebuilt = React.forwardRef(function InputPhoneNumberIntern
     const wrapperRef = React.useRef(null);
     const generatedId = React.useId();
     const id = props.id || generatedId;
-    const { name } = mergeRefs.useAtlantisFormFieldName({
+    const { name } = useAtlantisFormFieldName.useAtlantisFormFieldName({
         nameProp: props.name,
         id: id,
     });

package/dist/InputPhoneNumber/index.mjs

@@ -1,7 +1,8 @@
 import React__default, { useState, useMemo, useCallback, useEffect, cloneElement, forwardRef, useId } from 'react';
 import { _ as __rest } from '../tslib.es6-es.js';
 import classnames from 'classnames';
-import { u as useAtlantisFormFieldName, c as FormFieldWrapper, h as formFieldStyles, i as FormFieldPostFix } from '../mergeRefs-es.js';
+import { c as FormFieldWrapper, g as formFieldStyles, h as FormFieldPostFix } from '../mergeRefs-es.js';
+import { u as useAtlantisFormFieldName } from '../useAtlantisFormFieldName-es.js';
 import { useFormContext, useForm } from 'react-hook-form';
 import '../Button-es.js';
 import '@jobber/design';

package/dist/InputText/index.cjs

@@ -10,6 +10,7 @@ require('framer-motion');
 require('@jobber/design');
 require('../Button-cjs.js');
 var mergeRefs = require('../mergeRefs-cjs.js');
+var useAtlantisFormFieldName = require('../useAtlantisFormFieldName-cjs.js');
 var filterDataAttributes = require('../filterDataAttributes-cjs.js');
 require('react-router-dom');
 require('../Icon-cjs.js');
@@ -221,7 +222,7 @@ const InputTextSPAR = React.forwardRef(function InputTextInternal(props, inputRe
         inputRef: inputTextRef,
         wrapperRef: wrapperRef,
     });
-    const { name } = mergeRefs.useAtlantisFormFieldName({
+    const { name } = useAtlantisFormFieldName.useAtlantisFormFieldName({
         nameProp: props.name,
         id: id,
     });

package/dist/InputText/index.mjs

@@ -7,7 +7,8 @@ import 'react-hook-form';
 import 'framer-motion';
 import '@jobber/design';
 import '../Button-es.js';
-import { u as useAtlantisFormFieldName, m as mergeRefs, h as formFieldStyles, c as FormFieldWrapper, i as FormFieldPostFix } from '../mergeRefs-es.js';
+import { m as mergeRefs, g as formFieldStyles, c as FormFieldWrapper, h as FormFieldPostFix } from '../mergeRefs-es.js';
+import { u as useAtlantisFormFieldName } from '../useAtlantisFormFieldName-es.js';
 import { f as filterDataAttributes } from '../filterDataAttributes-es.js';
 import 'react-router-dom';
 import '../Icon-es.js';

package/dist/InputTime/index.cjs

@@ -31,6 +31,7 @@ require('../keysIn-cjs.js');
 require('../_baseAssignValue-cjs.js');
 require('../_baseFlatten-cjs.js');
 require('../_setToString-cjs.js');
+require('../useAtlantisFormFieldName-cjs.js');
 
 const DEBOUNCE_TIME = 300;
 function useTimePredict({ value, handleChange }) {

package/dist/InputTime/index.mjs

@@ -1,7 +1,7 @@
 import React__default, { useState, useCallback, useEffect, useId, useRef } from 'react';
 import { _ as __rest } from '../tslib.es6-es.js';
 import { a as debounce } from '../debounce-es.js';
-import { c as FormFieldWrapper, h as formFieldStyles, m as mergeRefs } from '../mergeRefs-es.js';
+import { c as FormFieldWrapper, g as formFieldStyles, m as mergeRefs } from '../mergeRefs-es.js';
 import 'classnames';
 import '@jobber/design';
 import 'react-hook-form';
@@ -29,6 +29,7 @@ import '../keysIn-es.js';
 import '../_baseAssignValue-es.js';
 import '../_baseFlatten-es.js';
 import '../_setToString-es.js';
+import '../useAtlantisFormFieldName-es.js';
 
 const DEBOUNCE_TIME = 300;
 function useTimePredict({ value, handleChange }) {

package/dist/RecurringSelect/index.cjs

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

package/dist/RecurringSelect/index.mjs

@@ -16,6 +16,7 @@ import '../Icon-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../Spinner-es.js';
+import '../useAtlantisFormFieldName-es.js';
 import 'react-hook-form';
 import '../filterDataAttributes-es.js';
 import '../InputNumber/index.mjs';

package/dist/Select/index.cjs

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

package/dist/Select/index.mjs

@@ -14,5 +14,6 @@ import '../Text-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../Spinner-es.js';
+import '../useAtlantisFormFieldName-es.js';
 import 'react-hook-form';
 import '../filterDataAttributes-es.js';

package/dist/Select-cjs.js

@@ -3,6 +3,7 @@
 var React = require('react');
 var classnames = require('classnames');
 var mergeRefs = require('./mergeRefs-cjs.js');
+var useAtlantisFormFieldName = require('./useAtlantisFormFieldName-cjs.js');
 require('./tslib.es6-cjs.js');
 require('react-hook-form');
 require('./Button-cjs.js');
@@ -47,7 +48,7 @@ function Select(props) {
     const generatedId = React.useId();
     const id = props.id || generatedId;
     const descriptionIdentifier = `descriptionUUID--${id}`;
-    const { name } = mergeRefs.useAtlantisFormFieldName({
+    const { name } = useAtlantisFormFieldName.useAtlantisFormFieldName({
         nameProp: props.name,
         id: id,
     });

package/dist/Select-es.js

@@ -1,6 +1,7 @@
 import React__default, { useId, useRef } from 'react';
 import classnames from 'classnames';
-import { u as useAtlantisFormFieldName, c as FormFieldWrapper, h as formFieldStyles, i as FormFieldPostFix, m as mergeRefs } from './mergeRefs-es.js';
+import { c as FormFieldWrapper, g as formFieldStyles, h as FormFieldPostFix, m as mergeRefs } from './mergeRefs-es.js';
+import { u as useAtlantisFormFieldName } from './useAtlantisFormFieldName-es.js';
 import './tslib.es6-es.js';
 import 'react-hook-form';
 import './Button-es.js';

package/dist/docs/InputEmail/InputEmail.md

@@ -33,22 +33,47 @@ If you are not worried about email address validation, consider using
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
 | `align` | `"center" | "right"` | No | — | Determines the alignment of the text inside the input. |
-| `clearable` | `Clearable` | No | — | Add a clear action on the input that clears the value.  You should always use `while-editing` if you want the input t... |
-| `defaultValue` | `Date | string` | No | — | Initial value of the input. Only use this when you need to pre-populate the field with a data that is not controlled ... |
+| `aria-activedescendant` | `string` | No | — | ID of the currently active descendant element. Used for composite widgets like combobox or listbox. @see {@link https... |
+| `aria-autocomplete` | `"both" | "inline" | "list" | "none"` | No | — | Indicates the type of autocomplete interaction. @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-autocomplete} |
+| `aria-controls` | `string` | No | — | Indicates the element that controls the current element. @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-controls} |
+| `aria-describedby` | `string` | No | — | Identifies the element (or elements) that describes the object. @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-... |
+| `aria-details` | `string` | No | — | Identifies the element (or elements) that provide a detailed, extended description. @see {@link https://www.w3.org/TR... |
+| `aria-expanded` | `Booleanish` | No | — | Indicates whether the element is expanded or collapsed. @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-expanded} |
+| `aria-label` | `string` | No | — | Defines a string value that labels the current element. @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-label} |
+| `aria-labelledby` | `string` | No | — | Identifies the element (or elements) that labels the current element. @see {@link https://www.w3.org/TR/wai-aria-1.2/... |
+| `aria-required` | `Booleanish` | No | — | Indicates that user input is required before form submission. @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-re... |
+| `autoComplete` | `string` | No | — | Autocomplete behavior for the input (React casing, string values only). Use standard HTML autocomplete values or "on"... |
+| `autoFocus` | `boolean` | No | — | Whether the input should be auto-focused (React casing). |
+| `clearable` | `Clearable` | No | — | Add a clear action on the input that clears the value. |
 | `description` | `ReactNode` | No | — | Further description of the input, can be used for a hint. |
-| `disabled` | `boolean` | No | — | Disable the input |
-| `id` | `string` | No | — | A unique identifier for the input. |
-| `inline` | `boolean` | No | — | Adjusts the form field to go inline with a content. This also silences the given `validations` prop. You'd have to us... |
+| `disabled` | `boolean` | No | — | Whether the input is disabled. |
+| `error` | `string` | No | — | Error message to display. This also highlights the field red. |
+| `id` | `string` | No | — | The unique identifier for the input element. |
+| `inline` | `boolean` | No | — | Adjusts the form field to go inline with content. |
+| `inputMode` | `"decimal" | "email" | "none" | "numeric" | "search" | "tel" | "text" | "url"` | No | — | Input mode hint for virtual keyboards. |
 | `invalid` | `boolean` | No | — | Highlights the field red to indicate an error. |
-| `loading` | `boolean` | No | — | Show a spinner to indicate loading |
-| `maxLength` | `number` | No | — | Maximum character length for an input. This also changes the width to roughly the same size as the max length. This i... |
-| `name` | `string` | No | — | Name of the input. |
-| `onChange` | `(newValue: string | number | boolean | Date, event?: ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void` | No | — | onChange handler that provides the new value (or event) @param newValue @param event |
-| `onValidation` | `(message: string) => void` | No | — | Callback to get the the status and message when validating a field @param message |
+| `loading` | `boolean` | No | — | Show a spinner to indicate loading. |
+| `maxLength` | `number` | No | — | Maximum number of characters allowed in the input. |
+| `name` | `string` | No | — | The name attribute for the input element. |
+| `onBlur` | `(event: FocusEvent<HTMLInputElement, Element>) => void` | No | — | Blur event handler. |
+| `onChange` | `(newValue: string, event?: ChangeEvent<HTMLInputElement>) => void` | No | — | Custom onChange handler that provides the new value as the first argument. |
+| `onClick` | `(event: MouseEvent<HTMLInputElement, MouseEvent>) => void` | No | — | Click event handler. |
+| `onEnter` | `(event: KeyboardEvent<Element>) => void` | No | — | @deprecated Use `onKeyDown` or `onKeyUp` instead. |
+| `onFocus` | `(event: FocusEvent<HTMLInputElement, Element>) => void` | No | — | Focus event handler. |
+| `onKeyDown` | `(event: KeyboardEvent<HTMLInputElement>) => void` | No | — | Key down event handler. |
+| `onKeyUp` | `(event: KeyboardEvent<HTMLInputElement>) => void` | No | — | Key up event handler. |
+| `onMouseDown` | `(event: MouseEvent<HTMLInputElement, MouseEvent>) => void` | No | — | Mouse down event handler. |
+| `onMouseUp` | `(event: MouseEvent<HTMLInputElement, MouseEvent>) => void` | No | — | Mouse up event handler. |
+| `onPointerDown` | `(event: PointerEvent<HTMLInputElement>) => void` | No | — | Pointer down event handler. |
+| `onPointerUp` | `(event: PointerEvent<HTMLInputElement>) => void` | No | — | Pointer up event handler. |
+| `pattern` | `string` | No | — | Validation pattern (regex) for the input. |
 | `placeholder` | `string` | No | — | Text that appears inside the input when empty and floats above the value as a mini label once the user enters a value... |
-| `readonly` | `boolean` | No | — | Prevents users from editing the value. |
-| `showMiniLabel` | `boolean` | No | `true` | Controls the visibility of the mini label that appears inside the input when a value is entered. By default, the plac... |
+| `prefix` | `Affix` | No | — | Adds a prefix label and icon to the field. |
+| `readOnly` | `boolean` | No | — | Whether the input is read-only (HTML standard casing). |
+| `ref` | `Ref<HTMLInputElement>` | No | — | Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (... |
+| `required` | `boolean` | No | — | Whether the input is required before form submission. |
+| `role` | `string` | No | — | Role attribute for accessibility. |
 | `size` | `"large" | "small"` | No | — | Adjusts the interface to either have small or large spacing. |
-| `validations` | `RegisterOptions` | No | — | Show an error message above the field. This also highlights the the field red if an error message shows up. |
-| `value` | `Date | number | string` | No | — | Set the component to the given value. |
-| `version` | `1` | No | — | Experimental: Determine which version of the FormField to use. Right now this isn't used but it will be used in the f... |
+| `suffix` | `{ onClick: () => void; readonly ariaLabel: string; readonly icon: IconNames; readonly label?: string; } | { onClick?: never; ariaLabel?: never; readonly label?: string; readonly icon?: IconNames; }` | No | — | Adds a suffix label and icon with an optional action to the field. |
+| `tabIndex` | `number` | No | — | Tab index for keyboard navigation. |
+| `value` | `string` | No | — | The current value of the input. |

package/dist/docs/usage-guidelines/usage-guidelines.md

@@ -14,7 +14,6 @@ deprecated.
 | Component        | Import                                                                   | v2 prop                                           |
 | ---------------- | ------------------------------------------------------------------------ | ------------------------------------------------- |
 | Autocomplete     | `import { Autocomplete } from "@jobber/components/Autocomplete"`         | `version={2}` — fully controlled, async support   |
-| InputEmail       | `import { InputEmail } from "@jobber/components/InputEmail"`             | `version={2}`                                     |
 | InputNumber      | `import { InputNumber } from "@jobber/components/InputNumber"`           | `version={2}`                                     |
 | InputPhoneNumber | `import { InputPhoneNumber } from "@jobber/components/InputPhoneNumber"` | `version={2}`                                     |
 | InputText        | `import { InputText } from "@jobber/components/InputText"`               | `version={2}`                                     |

package/dist/index.cjs

@@ -43,6 +43,7 @@ var FeatureSwitch = require('./FeatureSwitch-cjs.js');
 var Flex = require('./Flex-cjs.js');
 var Form = require('./Form-cjs.js');
 var FormField = require('./FormField-cjs.js');
+var useAtlantisFormFieldName = require('./useAtlantisFormFieldName-cjs.js');
 var mergeRefs = require('./mergeRefs-cjs.js');
 var FormatDate = require('./FormatDate-cjs.js');
 var FormatEmail = require('./FormatEmail-cjs.js');
@@ -57,7 +58,7 @@ var Heading = require('./Heading-cjs.js');
 var InlineLabel = require('./InlineLabel-cjs.js');
 var InputAvatar = require('./InputAvatar-cjs.js');
 var InputDate = require('./InputDate-cjs.js');
-var InputEmail_index = require('./InputEmail/index.cjs');
+var InputEmail = require('./InputEmail-cjs.js');
 var InputFile = require('./InputFile-cjs.js');
 var InputGroup = require('./InputGroup-cjs.js');
 var InputNumber_index = require('./InputNumber/index.cjs');
@@ -263,6 +264,7 @@ exports.FormField = FormField.FormField;
 exports.useAtlantisFormField = FormField.useAtlantisFormField;
 exports.useAtlantisFormFieldActions = FormField.useAtlantisFormFieldActions;
 exports.useAtlantisReactHookForm = FormField.useAtlantisReactHookForm;
+exports.useAtlantisFormFieldName = useAtlantisFormFieldName.useAtlantisFormFieldName;
 exports.AffixIcon = mergeRefs.AffixIcon;
 exports.AffixLabel = mergeRefs.AffixLabel;
 exports.FormFieldInputHorizontalWrapper = mergeRefs.FormFieldInputHorizontalWrapper;
@@ -271,7 +273,6 @@ exports.FormFieldLabel = mergeRefs.FormFieldLabel;
 exports.FormFieldWrapper = mergeRefs.FormFieldWrapper;
 exports.FormFieldWrapperMain = mergeRefs.FormFieldWrapperMain;
 exports.FormFieldWrapperToolbar = mergeRefs.FormFieldWrapperToolbar;
-exports.useAtlantisFormFieldName = mergeRefs.useAtlantisFormFieldName;
 exports.useFormFieldWrapperStyles = mergeRefs.useFormFieldWrapperStyles;
 exports.FormatDate = FormatDate.FormatDate;
 exports.strFormatDate = FormatDate.strFormatDate;
@@ -291,7 +292,7 @@ exports.Heading = Heading.Heading;
 exports.InlineLabel = InlineLabel.InlineLabel;
 exports.InputAvatar = InputAvatar.InputAvatar;
 exports.InputDate = InputDate.InputDate;
-exports.InputEmail = InputEmail_index.InputEmail;
+exports.InputEmail = InputEmail.InputEmail;
 exports.InputFile = InputFile.InputFile;
 exports.InputFileContentContext = InputFile.InputFileContentContext;
 exports.updateFiles = InputFile.updateFiles;

package/dist/index.mjs

@@ -41,7 +41,8 @@ export { F as FeatureSwitch } from './FeatureSwitch-es.js';
 export { F as Flex } from './Flex-es.js';
 export { F as Form } from './Form-es.js';
 export { F as FormField, u as useAtlantisFormField, a as useAtlantisFormFieldActions, b as useAtlantisReactHookForm } from './FormField-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 useAtlantisFormFieldName, g as useFormFieldWrapperStyles } from './mergeRefs-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 './mergeRefs-es.js';
 export { F as FormatDate, s as strFormatDate } from './FormatDate-es.js';
 export { F as FormatEmail } from './FormatEmail-es.js';
 export { F as FormatFile, u as useFormatFile, a as useFormatFileStyles } from './FormatFile-es.js';
@@ -55,7 +56,7 @@ export { H as Heading } from './Heading-es.js';
 export { I as InlineLabel } from './InlineLabel-es.js';
 export { I as InputAvatar } from './InputAvatar-es.js';
 export { I as InputDate } from './InputDate-es.js';
-export { InputEmail } from './InputEmail/index.mjs';
+export { I as InputEmail } from './InputEmail-es.js';
 export { I as InputFile, a as InputFileContentContext, u as updateFiles, b as useInputFileContentContext } from './InputFile-es.js';
 export { I as InputGroup } from './InputGroup-es.js';
 export { InputNumber } from './InputNumber/index.mjs';

package/dist/mergeRefs-cjs.js

@@ -237,16 +237,6 @@ function FormFieldPostFix({ variation, visible = true, className, }) {
     return (React.createElement("span", { className: classnames(formFieldStyles.postfix, className) }, variation === "select" ? (React.createElement(Icon.Icon, { name: "arrowDown" })) : (React.createElement(Spinner.Spinner, { size: "small" }))));
 }
 
-function useAtlantisFormFieldName({ id, nameProp, }) {
-    /**
-     * Generate a name if one is not supplied, this is the name
-     * that will be used for react-hook-form and not neccessarily
-     * attached to the DOM
-     */
-    const name = nameProp ? nameProp : `generatedName--${id}`;
-    return { name };
-}
-
 /**
  * Given an array of refs, merge them into a single ref callback.
  * This is useful for cases where you need to pass a multiple refs to a component.
@@ -275,5 +265,4 @@ exports.FormFieldWrapperMain = FormFieldWrapperMain;
 exports.FormFieldWrapperToolbar = FormFieldWrapperToolbar;
 exports.formFieldStyles = formFieldStyles;
 exports.mergeRefs = mergeRefs;
-exports.useAtlantisFormFieldName = useAtlantisFormFieldName;
 exports.useFormFieldWrapperStyles = useFormFieldWrapperStyles;

package/dist/mergeRefs-es.js

@@ -235,16 +235,6 @@ function FormFieldPostFix({ variation, visible = true, className, }) {
     return (React__default.createElement("span", { className: classnames(formFieldStyles.postfix, className) }, variation === "select" ? (React__default.createElement(Icon, { name: "arrowDown" })) : (React__default.createElement(Spinner, { size: "small" }))));
 }
 
-function useAtlantisFormFieldName({ id, nameProp, }) {
-    /**
-     * Generate a name if one is not supplied, this is the name
-     * that will be used for react-hook-form and not neccessarily
-     * attached to the DOM
-     */
-    const name = nameProp ? nameProp : `generatedName--${id}`;
-    return { name };
-}
-
 /**
  * Given an array of refs, merge them into a single ref callback.
  * This is useful for cases where you need to pass a multiple refs to a component.
@@ -262,4 +252,4 @@ function mergeRefs(refs) {
     };
 }
 
-export { AffixIcon as A, FormFieldInputHorizontalWrapper as F, FormFieldInputWrapperStyles as a, FormFieldLabel as b, FormFieldWrapper as c, FormFieldWrapperMain as d, FormFieldWrapperToolbar as e, AffixLabel as f, useFormFieldWrapperStyles as g, formFieldStyles as h, FormFieldPostFix as i, mergeRefs as m, useAtlantisFormFieldName as u };
+export { AffixIcon as A, FormFieldInputHorizontalWrapper as F, FormFieldInputWrapperStyles as a, FormFieldLabel as b, FormFieldWrapper as c, FormFieldWrapperMain as d, FormFieldWrapperToolbar as e, AffixLabel as f, formFieldStyles as g, FormFieldPostFix as h, mergeRefs as m, useFormFieldWrapperStyles as u };

package/dist/useAtlantisFormFieldName-cjs.js

@@ -0,0 +1,13 @@
+'use strict';
+
+function useAtlantisFormFieldName({ id, nameProp, }) {
+    /**
+     * Generate a name if one is not supplied, this is the name
+     * that will be used for react-hook-form and not neccessarily
+     * attached to the DOM
+     */
+    const name = nameProp ? nameProp : `generatedName--${id}`;
+    return { name };
+}
+
+exports.useAtlantisFormFieldName = useAtlantisFormFieldName;

package/dist/useAtlantisFormFieldName-es.js

@@ -0,0 +1,11 @@
+function useAtlantisFormFieldName({ id, nameProp, }) {
+    /**
+     * Generate a name if one is not supplied, this is the name
+     * that will be used for react-hook-form and not neccessarily
+     * attached to the DOM
+     */
+    const name = nameProp ? nameProp : `generatedName--${id}`;
+    return { name };
+}
+
+export { useAtlantisFormFieldName as u };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "7.11.3",
+  "version": "7.12.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -573,8 +573,8 @@
     "filesize": "^6",
     "framer-motion": "^11.11.12",
     "lodash": "^4",
-    "react": "^18 || ^19.1.0",
-    "react-dom": "^18 || ^19.1.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "react-hook-form": "^7.52.0",
     "react-router-dom": "^6"
   },
@@ -583,5 +583,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "1adc75fc6e71cd2166f7c5b497dad8d0c095f35b"
+  "gitHead": "a74a5ff8148ca6a6103aef333e6ed60caae37e6f"
 }

package/dist/InputEmail/InputEmail.rebuilt.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import type { InputEmailRebuiltProps } from "./InputEmail.types";
-export declare const InputEmailRebuilt: React.ForwardRefExoticComponent<InputEmailRebuiltProps & React.RefAttributes<HTMLInputElement>>;