@jobber/components 8.5.0 → 8.7.0

package/dist/InputText-es.js

@@ -1,14 +1,12 @@
 import React__default, { forwardRef, useMemo, useId } from 'react';
 import { useSafeLayoutEffect } from '@jobber/hooks';
+import { u as useAtlantisFormFieldName } from './useAtlantisFormFieldName-es.js';
 import { g as formFieldStyles, c as FormFieldWrapper } from './FormFieldWrapper-es.js';
-import { F as FormFieldPostFix } from './FormFieldPostFix-es.js';
 import 'classnames';
-import { u as useAtlantisFormFieldName } from './useAtlantisFormFieldName-es.js';
-import './tslib.es6-es.js';
-import 'react-hook-form';
-import { m as mergeRefs } from './mergeRefs-es.js';
 import './Button-es.js';
 import '@jobber/design';
+import { F as FormFieldPostFix } from './FormFieldPostFix-es.js';
+import { m as mergeRefs } from './mergeRefs-es.js';
 import { f as filterDataAttributes } from './filterDataAttributes-es.js';
 
 /**

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

@@ -1,7 +1,7 @@
 import type { Ref } from "react";
 import type { FormFieldProps } from "../FormField";
 import type { FocusEvents, HTMLInputBaseProps, KeyboardEvents, MouseEvents, RebuiltInputCommonProps } from "../sharedHelpers/types";
-export interface InputTimeProps extends Omit<HTMLInputBaseProps, "maxLength">, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement>, MouseEvents<HTMLInputElement>, Omit<RebuiltInputCommonProps, "showMiniLabel" | "version">, Pick<InputTimeProps, "value" | "onChange"> {
+export interface InputTimeProps extends Omit<HTMLInputBaseProps, "maxLength">, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement>, MouseEvents<HTMLInputElement>, Omit<RebuiltInputCommonProps, "showMiniLabel">, Pick<InputTimeProps, "value" | "onChange"> {
     /**
      * Maximum numerical or date value.
      */

package/dist/InputTime/index.cjs

@@ -19,7 +19,6 @@ require('../Typography-cjs.js');
 require('../Text-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
-require('react-hook-form');
 require('../mergeRefs-cjs.js');
 require('../filterDataAttributes-cjs.js');
 

package/dist/InputTime/index.mjs

@@ -17,6 +17,5 @@ import '../Typography-es.js';
 import '../Text-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
-import 'react-hook-form';
 import '../mergeRefs-es.js';
 import '../filterDataAttributes-es.js';

package/dist/InputTime-cjs.js

@@ -5,10 +5,9 @@ var React = require('react');
 var debounce = require('./debounce-cjs.js');
 var FormFieldWrapper = require('./FormFieldWrapper-cjs.js');
 require('classnames');
+require('./Button-cjs.js');
 require('@jobber/design');
-require('react-hook-form');
 var mergeRefs = require('./mergeRefs-cjs.js');
-require('./Button-cjs.js');
 var filterDataAttributes = require('./filterDataAttributes-cjs.js');
 
 const DEBOUNCE_TIME = 300;

package/dist/InputTime-es.js

@@ -3,10 +3,9 @@ import React__default, { useState, useCallback, useEffect, useId, useRef } from
 import { d as debounce } from './debounce-es.js';
 import { c as FormFieldWrapper, g as formFieldStyles } from './FormFieldWrapper-es.js';
 import 'classnames';
+import './Button-es.js';
 import '@jobber/design';
-import 'react-hook-form';
 import { m as mergeRefs } from './mergeRefs-es.js';
-import './Button-es.js';
 import { f as filterDataAttributes } from './filterDataAttributes-es.js';
 
 const DEBOUNCE_TIME = 300;

package/dist/Select/OptionGroup.d.ts

@@ -10,7 +10,7 @@ export interface OptionGroupProps {
      * More information in the [Customizing components Guide](https://atlantis.getjobber.com/guides/customizing-components).
      *
      * Additional details: The provided class names are applied to the root `<optgroup>` element.
-     * Only effective when `Select` version={2} is used with `UNSAFE_experimentalStyles`.
+     * Only effective when `Select` is used with `UNSAFE_experimentalStyles`.
      */
     readonly UNSAFE_className?: string;
     /**
@@ -19,7 +19,7 @@ export interface OptionGroupProps {
      * More information in the [Customizing components Guide](https://atlantis.getjobber.com/guides/customizing-components).
      *
      * Additional details: Styles are applied directly to the root `<optgroup>` element via
-     * `UNSAFE_style.container`. Only effective when `Select` version={2} is used with
+     * `UNSAFE_style.container`. Only effective when `Select` is used with
      * `UNSAFE_experimentalStyles`.
      */
     readonly UNSAFE_style?: {

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

@@ -1,7 +1,7 @@
 import type { Ref } from "react";
 import type { FormFieldProps } from "../FormField";
 import type { FocusEvents, HTMLInputBaseProps, RebuiltInputCommonProps } from "../sharedHelpers/types";
-export interface SelectProps extends Omit<HTMLInputBaseProps, "readOnly" | "maxLength">, FocusEvents<HTMLSelectElement>, Omit<RebuiltInputCommonProps, "clearable" | "prefix" | "suffix" | "align" | "showMiniLabel" | "version">, Pick<FormFieldProps, "prefix" | "suffix" | "align" | "children"> {
+export interface SelectProps extends Omit<HTMLInputBaseProps, "readOnly" | "maxLength">, FocusEvents<HTMLSelectElement>, Omit<RebuiltInputCommonProps, "clearable" | "prefix" | "suffix" | "align" | "showMiniLabel">, Pick<FormFieldProps, "prefix" | "suffix" | "align" | "children"> {
     readonly value?: string | number;
     onChange?(newValue?: string | number): void;
     readonly inputRef?: Ref<HTMLSelectElement>;

package/dist/Select/index.cjs

@@ -3,6 +3,7 @@
 var Select = require('../Select-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('../mergeRefs-cjs.js');
 require('../filterDataAttributes-cjs.js');
 

package/dist/Select/index.mjs

@@ -1,6 +1,7 @@
 export { S as Option, a as Select } from '../Select-es.js';
 import 'react';
 import 'classnames';
+import '../useAtlantisFormFieldName-es.js';
 import '../FormFieldWrapper-es.js';
 import '@jobber/hooks';
 import 'framer-motion';
@@ -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/Select-cjs.js

@@ -2,14 +2,12 @@
 
 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('./tslib.es6-cjs.js');
-require('react-hook-form');
-var mergeRefs = require('./mergeRefs-cjs.js');
+var FormFieldWrapper = require('./FormFieldWrapper-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');
 
 function SelectOption({ children, disabled, value }) {

package/dist/Select-es.js

@@ -1,13 +1,11 @@
 import React__default, { useId, useRef } 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 './tslib.es6-es.js';
-import 'react-hook-form';
-import { m as mergeRefs } from './mergeRefs-es.js';
+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 { m as mergeRefs } from './mergeRefs-es.js';
 import { f as filterDataAttributes } from './filterDataAttributes-es.js';
 
 function SelectOption({ children, disabled, value }) {

package/dist/docs/Button/Button.md

@@ -614,7 +614,7 @@ that the URL will change to the appropriate route. See
 ### Form submit (web only)
 
 Passing the `submit` prop will allow a Button to submit a
-[Form](../Form/Form.md). Since submitting a form is a specific action, only a
+[Form](/components/Form). Since submitting a form is a specific action, only a
 form is a specific action, only `variation="work"` and `type="primary"` are
 allowed. See
 [Web/Form Submit example](/storybook/web/?path=/story/components-actions-button--form-submit)

package/dist/docs/errors/errors.md

@@ -84,7 +84,7 @@ If content is missing as a result of the error, follow guidance around
 
 Atlantis inputs like [InputText](../InputText/InputText.md) have input validation
 built-in for ease of use. The input validation is integrated with the
-[Form](../Form/Form.md) components on both web and mobile as well.
+[Form](../components/Form) components on both web and mobile as well.
 
 You can also provide [InputValidation](../InputValidation/InputValidation.md) externally
 if needed.

package/dist/docs/index.md

@@ -41,10 +41,8 @@
 [errors](./errors/errors.md)
 [FeatureSwitch](./FeatureSwitch/FeatureSwitch.md)
 [Flex](./Flex/Flex.md)
-[Form](./Form/Form.md)
 [FormatFile](./FormatFile/FormatFile.md)
 [FormatRelativeDateTime](./FormatRelativeDateTime/FormatRelativeDateTime.md)
-[FormField](./FormField/FormField.md)
 [Frame](./Frame/Frame.md)
 [Gallery](./Gallery/Gallery.md)
 [Glimmer](./Glimmer/Glimmer.md)
@@ -58,7 +56,6 @@
 [InputFile](./InputFile/InputFile.md)
 [InputGroup](./InputGroup/InputGroup.md)
 [InputNumber](./InputNumber/InputNumber.md)
-[InputPassword](./InputPassword/InputPassword.md)
 [InputPhoneNumber](./InputPhoneNumber/InputPhoneNumber.md)
 [InputText](./InputText/InputText.md)
 [InputTime](./InputTime/InputTime.md)

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

@@ -24,13 +24,12 @@ deprecated.
 
 ### Deprecated props on still-supported components
 
-| Component                              | Deprecated prop         | Replacement                                                                                    |
-| -------------------------------------- | ----------------------- | ---------------------------------------------------------------------------------------------- |
-| `Button`                               | `to`                    | Use `url` for anchor links.                                                                    |
-| `Card`                                 | `title`                 | Use the `header` prop, or compose with `Card.Header` and `Card.Body`.                          |
-| `Toast`                                | `action`, `actionLabel` | Both will be removed in the next major version. Trigger follow-up work from outside the toast. |
-| Text inputs (`InputText` v2 etc.)      | `onEnter`               | Use `onKeyDown` or `onKeyUp` and check the key.                                                |
-| `FormField` (`maxLength` on v1 inputs) | `maxLength`             | Flagged in source as flawed; only kept for v1 backwards compatibility.                         |
+| Component                 | Deprecated prop         | Replacement                                                                                    |
+| ------------------------- | ----------------------- | ---------------------------------------------------------------------------------------------- |
+| `Button`                  | `to`                    | Use `url` for anchor links.                                                                    |
+| `Card`                    | `title`                 | Use the `header` prop, or compose with `Card.Header` and `Card.Body`.                          |
+| `Toast`                   | `action`, `actionLabel` | Both will be removed in the next major version. Trigger follow-up work from outside the toast. |
+| Text inputs (`InputText`) | `onEnter`               | Use `onKeyDown` or `onKeyUp` and check the key.                                                |
 
 ## Import pattern
 
@@ -67,34 +66,6 @@ custom properties from `@jobber/design`. Tokens are included in:
 }
 ```
 
-## Form composition
-
-v2 inputs are thin wrappers over native HTML inputs. They have no internal form
-state, no built-in validation orchestration, and no React Hook Form dependency —
-they behave like `<input>` elements with Atlantis styling. Compose them inside a
-plain `<form>` and manage state and submission yourself (or with the form
-library of your choice).
-
-```tsx
-<form onSubmit={handleSubmit}>
-  <Content>
-    <InputText version={2} name="name" placeholder="Name" />
-    <InputEmail version={2} name="email" placeholder="Email" />
-    <Button type="submit" label="Save" />
-  </Content>
-</form>
-```
-
-Do not wrap v2 inputs in the Atlantis `Form` or `FormField` components — those
-are legacy helpers tied to v1 inputs and React Hook Form. Mixing them with v2
-inputs will not give you v2's controlled API and is not supported.
-
-### Validation on v2 inputs
-
-v2 inputs do not run validation themselves. To show an error state, drive it
-from your own state and pass `invalid` (boolean) and/or `error` (string message)
-on the input.
-
 ## Compound components — use the documented composition
 
 Many components expose dot-notation subcomponents that must be used together.

package/dist/index.cjs

@@ -42,8 +42,6 @@ var DrawerGrid = require('./DrawerGrid-cjs.js');
 var Emphasis = require('./Emphasis-cjs.js');
 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 FormFieldWrapper = require('./FormFieldWrapper-cjs.js');
 var FormatFile = require('./FormatFile-cjs.js');
@@ -60,7 +58,6 @@ var InputEmail = require('./InputEmail-cjs.js');
 var InputFile = require('./InputFile-cjs.js');
 var InputGroup = require('./InputGroup-cjs.js');
 var InputNumber = require('./InputNumber-cjs.js');
-var InputPassword = require('./InputPassword-cjs.js');
 var InputPhoneNumber = require('./InputPhoneNumber-cjs.js');
 var InputText = require('./InputText-cjs.js');
 var InputTime = require('./InputTime-cjs.js');
@@ -113,11 +110,10 @@ require('react/jsx-runtime');
 require('react-dom');
 require('./floating-ui.react-dom-cjs.js');
 require('./maxHeight-cjs.js');
-require('./tslib.es6-cjs.js');
-require('react-hook-form');
 require('./mergeRefs-cjs.js');
 require('./filterDataAttributes-cjs.js');
 require('color');
+require('./tslib.es6-cjs.js');
 require('react-router-dom');
 require('./getMappedAtlantisSpaceToken-cjs.js');
 require('./useChildComponent-cjs.js');
@@ -176,10 +172,10 @@ require('./DataListAction-cjs.js');
 require('./DataListLayoutActions-cjs.js');
 require('./DataListStatusBar-cjs.js');
 require('./clsx-cjs.js');
-require('./FormFieldPostFix-cjs.js');
 require('./useFormFieldFocus-cjs.js');
 require('filesize');
 require('./GridCell-cjs.js');
+require('./FormFieldPostFix-cjs.js');
 require('axios');
 require('./useRenderElement-cjs.js');
 require('./BottomSheet-cjs.js');
@@ -257,11 +253,6 @@ exports.DrawerGrid = DrawerGrid.DrawerGrid;
 exports.Emphasis = Emphasis.Emphasis;
 exports.FeatureSwitch = FeatureSwitch.FeatureSwitch;
 exports.Flex = Flex.Flex;
-exports.Form = Form.Form;
-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;
@@ -300,7 +291,6 @@ exports.updateFiles = InputFile.updateFiles;
 exports.useInputFileContentContext = InputFile.useInputFileContentContext;
 exports.InputGroup = InputGroup.InputGroup;
 exports.InputNumber = InputNumber.InputNumber;
-exports.InputPassword = InputPassword.InputPassword;
 exports.InputPhoneNumber = InputPhoneNumber.InputPhoneNumber;
 exports.InputText = InputText.InputText;
 exports.InputTime = InputTime.InputTime;

package/dist/index.d.mts

@@ -32,7 +32,6 @@ export * from "./Drawer";
 export * from "./Emphasis";
 export * from "./FeatureSwitch";
 export * from "./Flex";
-export * from "./Form";
 export * from "./FormField";
 export * from "./FormatFile";
 export * from "./FormatRelativeDateTime";
@@ -49,7 +48,6 @@ export * from "./InputEmail";
 export * from "./InputFile";
 export * from "./InputGroup";
 export * from "./InputNumber";
-export * from "./InputPassword";
 export * from "./InputPhoneNumber";
 export * from "./InputText";
 export * from "./InputTime";

package/dist/index.d.ts

@@ -32,7 +32,6 @@ export * from "./Drawer";
 export * from "./Emphasis";
 export * from "./FeatureSwitch";
 export * from "./Flex";
-export * from "./Form";
 export * from "./FormField";
 export * from "./FormatFile";
 export * from "./FormatRelativeDateTime";
@@ -49,7 +48,6 @@ export * from "./InputEmail";
 export * from "./InputFile";
 export * from "./InputGroup";
 export * from "./InputNumber";
-export * from "./InputPassword";
 export * from "./InputPhoneNumber";
 export * from "./InputText";
 export * from "./InputTime";

package/dist/index.mjs

@@ -40,8 +40,6 @@ export { D as Drawer, a as DrawerGrid } from './DrawerGrid-es.js';
 export { E as Emphasis } from './Emphasis-es.js';
 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 { 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';
 export { F as FormatFile, u as useFormatFile, a as useFormatFileStyles } from './FormatFile-es.js';
@@ -58,7 +56,6 @@ export { I as InputEmail } from './InputEmail-es.js';
 export { F as FileTypes, I as InputFile, a as InputFileContentContext, c as convertToMimeTypes, f as formatMimeTypes, m as mimeTypeToReadable, u as updateFiles, b as useInputFileContentContext } from './InputFile-es.js';
 export { I as InputGroup } from './InputGroup-es.js';
 export { I as InputNumber } from './InputNumber-es.js';
-export { I as InputPassword } from './InputPassword-es.js';
 export { I as InputPhoneNumber } from './InputPhoneNumber-es.js';
 export { I as InputText } from './InputText-es.js';
 export { I as InputTime } from './InputTime-es.js';
@@ -111,11 +108,10 @@ import 'react/jsx-runtime';
 import 'react-dom';
 import './floating-ui.react-dom-es.js';
 import './maxHeight-es.js';
-import './tslib.es6-es.js';
-import 'react-hook-form';
 import './mergeRefs-es.js';
 import './filterDataAttributes-es.js';
 import 'color';
+import './tslib.es6-es.js';
 import 'react-router-dom';
 import './getMappedAtlantisSpaceToken-es.js';
 import './useChildComponent-es.js';
@@ -174,10 +170,10 @@ import './DataListAction-es.js';
 import './DataListLayoutActions-es.js';
 import './DataListStatusBar-es.js';
 import './clsx-es.js';
-import './FormFieldPostFix-es.js';
 import './useFormFieldFocus-es.js';
 import 'filesize';
 import './GridCell-es.js';
+import './FormFieldPostFix-es.js';
 import 'axios';
 import './useRenderElement-es.js';
 import './BottomSheet-es.js';

package/dist/sharedHelpers/types.d.ts

@@ -243,10 +243,6 @@ export interface RebuiltInputCommonProps {
      * Further description of the input, can be used for a hint.
      */
     readonly description?: ReactNode;
-    /**
-     * Version 2 is highly experimental. Avoid using it unless you have talked with Atlantis first.
-     */
-    readonly version: 2;
 }
 /** Represents a day of the week as a number where 0 = Sunday, 1 = Monday, etc. */
 export type DayOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;

package/dist/useAtlantisFormFieldName-cjs.js

@@ -2,9 +2,9 @@
 
 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
+     * Generate a name if one is not supplied. This is used as the HTML
+     * `name` attribute for form-control inputs that need a stable
+     * identifier; when a consumer supplies `nameProp`, it wins.
      */
     const name = nameProp ? nameProp : `generatedName--${id}`;
     return { name };

package/dist/useAtlantisFormFieldName-es.js

@@ -1,8 +1,8 @@
 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
+     * Generate a name if one is not supplied. This is used as the HTML
+     * `name` attribute for form-control inputs that need a stable
+     * identifier; when a consumer supplies `nameProp`, it wins.
      */
     const name = nameProp ? nameProp : `generatedName--${id}`;
     return { name };

package/dist/utils/meta/meta.json

@@ -86,8 +86,6 @@
     "FeatureSwitch",
     "Flex",
     "Footer",
-    "Form",
-    "FormField",
     "FormFieldInputHorizontalWrapper",
     "FormFieldInputWrapperStyles",
     "FormFieldLabel",
@@ -127,7 +125,6 @@
     "InputFileContentContext.Provider",
     "InputGroup",
     "InputNumber",
-    "InputPassword",
     "InputPhoneNumber",
     "InputText",
     "InputTime",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "8.5.0",
+  "version": "8.7.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -195,11 +195,6 @@
       "import": "./dist/Flex/index.mjs",
       "require": "./dist/Flex/index.cjs"
     },
-    "./Form": {
-      "types": "./dist/Form/index.d.ts",
-      "import": "./dist/Form/index.mjs",
-      "require": "./dist/Form/index.cjs"
-    },
     "./FormField": {
       "types": "./dist/FormField/index.d.ts",
       "import": "./dist/FormField/index.mjs",
@@ -280,11 +275,6 @@
       "import": "./dist/InputNumber/index.mjs",
       "require": "./dist/InputNumber/index.cjs"
     },
-    "./InputPassword": {
-      "types": "./dist/InputPassword/index.d.ts",
-      "import": "./dist/InputPassword/index.mjs",
-      "require": "./dist/InputPassword/index.cjs"
-    },
     "./InputPhoneNumber": {
       "types": "./dist/InputPhoneNumber/index.d.ts",
       "import": "./dist/InputPhoneNumber/index.mjs",
@@ -504,7 +494,6 @@
     "react-countdown": "^2.3.2",
     "react-datepicker": "^8.7.0",
     "react-dropzone": "^11.0.2",
-    "react-hook-form": "^7.52.0",
     "react-markdown": "^10.1.0",
     "react-router-dom": "^5.3.4",
     "ts-xor": "^1.0.8",
@@ -514,7 +503,7 @@
     "@apollo/client": "^3.7.10",
     "@csstools/postcss-global-data": "^1.0.3",
     "@jobber/design": "0.101.1",
-    "@jobber/hooks": "2.20.1",
+    "@jobber/hooks": "2.21.0",
     "@rollup/plugin-alias": "^5.1.0",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "15.2.3",
@@ -560,7 +549,6 @@
     "lodash": "^4",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "react-hook-form": "^7.52.0",
     "react-router-dom": "^6"
   },
   "browserslist": [
@@ -568,5 +556,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "472d98075bdd3372f54004b48df2569c2354b7d3"
+  "gitHead": "60b75a0d6a64b67dcb6607c474ed7aa469474f98"
 }

package/rollup.config.mjs

@@ -180,7 +180,6 @@ export default {
   external: [
     "react",
     "react/jsx-runtime",
-    "react-hook-form",
     "react-router-dom",
     "react-dom",
     "react-dom/client",

package/Form.d.ts

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

package/Form.js

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

package/InputPassword.d.ts

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

package/InputPassword.js

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

package/dist/Form/Form.d.ts

@@ -1,18 +0,0 @@
-import type { ReactNode } from "react";
-import React from "react";
-export interface FormRef {
-    submit(): void;
-}
-export interface FormProps {
-    readonly children: ReactNode;
-    /**
-     * Callback for when the form has been sucessfully
-     * submitted.
-     */
-    onSubmit?(): void;
-    onStateChange?(formState: {
-        isDirty: boolean;
-        isValid: boolean;
-    }): void;
-}
-export declare const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<FormRef>>;

package/dist/Form/index.cjs

@@ -1,10 +0,0 @@
-'use strict';
-
-var Form = require('../Form-cjs.js');
-require('../tslib.es6-cjs.js');
-require('react');
-require('react-hook-form');
-
-
-
-exports.Form = Form.Form;

package/dist/Form/index.d.ts

@@ -1 +0,0 @@
-export { Form, type FormRef } from "./Form";

package/dist/Form/index.mjs

@@ -1,4 +0,0 @@
-export { F as Form } from '../Form-es.js';
-import '../tslib.es6-es.js';
-import 'react';
-import 'react-hook-form';