@payfit/unity-components 2.68.14 → 2.68.16

package/dist/esm/modules/ai-kit/components/ai-button/AIButton.d.ts

@@ -158,7 +158,7 @@ export type AIButtonProps = PropsWithChildren<Omit<AriaButtonProps, 'children' |
  * - `AIButton` applies a glowing, rotating gradient effect on hover and focus.
  * For users with reduced motion activated, the rotation is disabled.
  */
-export declare const AIButton: import('react').ForwardRefExoticComponent<Omit<AriaButtonProps, "style" | "children" | "className"> & {
+export declare const AIButton: import('react').ForwardRefExoticComponent<Omit<AriaButtonProps, "children" | "className" | "style"> & {
     /**
      * Selects the AI button appearance.
      * - `outlined` keeps a visible AI gradient border while idle.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "2.68.14",
+  "version": "2.68.16",
   "module": "./dist/esm/index.js",
   "type": "module",
   "sideEffects": false,
@@ -77,7 +77,7 @@
     "@hookform/resolvers": "5.2.1",
     "@internationalized/date": "3.12.4",
     "minimatch": "10.2.5",
-    "@payfit/unity-illustrations": "2.68.14",
+    "@payfit/unity-illustrations": "2.68.16",
     "@radix-ui/react-avatar": "1.2.6",
     "@radix-ui/react-slot": "1.3.3",
     "@react-aria/interactions": "3.28.1",
@@ -87,7 +87,7 @@
     "@tanstack/form-core": "1.33.5",
     "@tanstack/react-form": "1.33.5",
     "@tanstack/react-store": "0.11.1",
-    "@tanstack/react-virtual": "3.14.11",
+    "@tanstack/react-virtual": "3.14.12",
     "@use-gesture/react": "10.3.1",
     "embla-carousel": "9.0.0-rc03",
     "embla-carousel-accessibility": "9.0.0-rc01",
@@ -98,7 +98,6 @@
     "react-aria": "3.52.1",
     "react-aria-components": "1.21.1",
     "react-dom": "18.3.1",
-    "react-hook-form": "7.62.0",
     "react-hot-toast": "2.5.1",
     "react-hotkeys-hook": "5.1.0",
     "react-intersection-observer": "9.5.3",
@@ -112,14 +111,13 @@
   },
   "peerDependencies": {
     "@hookform/devtools": "^4",
-    "@payfit/unity-icons": "2.68.14",
-    "@payfit/unity-themes": "2.68.14",
+    "@payfit/unity-icons": "2.68.16",
+    "@payfit/unity-themes": "2.68.16",
     "@storybook/react-vite": "^10",
     "@tanstack/react-query": "^5",
     "@tanstack/react-router": "^1.131",
     "@tanstack/react-router-devtools": "^1.131",
     "@tanstack/react-table": "^9",
-    "react-hook-form": "^7",
     "react-router-dom": "^5",
     "zod": "^3 || ^4"
   },
@@ -133,16 +131,15 @@
     "@payfit/storybook-addon-console-errors": "0.0.0-use.local",
     "@payfit/storybook-addon-datadog-rum": "0.0.0-use.local",
     "@payfit/storybook-config": "0.0.0-use.local",
-    "@payfit/unity-icons": "2.68.14",
-    "@payfit/unity-illustrations": "2.68.14",
-    "@payfit/unity-themes": "2.68.14",
+    "@payfit/unity-icons": "2.68.16",
+    "@payfit/unity-illustrations": "2.68.16",
+    "@payfit/unity-themes": "2.68.16",
     "@payfit/vite-configs": "0.0.0-use.local",
     "@storybook/addon-a11y": "10.6.0",
     "@storybook/addon-designs": "11.1.4",
     "@storybook/addon-docs": "10.6.0",
     "@storybook/addon-links": "10.6.0",
     "@storybook/addon-mcp": "0.7.0",
-    "@storybook/addon-themes": "10.6.0",
     "@storybook/addon-vitest": "10.6.0",
     "@storybook/react-vite": "10.6.0",
     "@tanstack/intent": "0.4.0",

package/skills/unity-migrate-from-midnight/references/midnight-component-map.md

@@ -20,7 +20,7 @@ look like a link.
 
 > Cross-package targets: `Icon` lives in `@payfit/unity-icons`;
 > `Illustration` and `LazyIllustration` live in
-> `@payfit/unity-illustrations`; `UnityThemeProvider` lives in
+> `@payfit/unity-illustrations`; theme selection is handled by the generated CSS
 > `@payfit/unity-themes`. Everything else is `@payfit/unity-components`.
 
 ## Layout & containers
@@ -154,12 +154,12 @@ look like a link.
 
 ## Misc
 
-| Midnight           | Unity                                         | Note                                                                |
-| ------------------ | --------------------------------------------- | ------------------------------------------------------------------- |
-| `Accordion`        | `Collapsible`                                 | Unity `Collapsible` is single-item; no multi-item accordion         |
-| `MidnightProvider` | `UnityThemeProvider` (`@payfit/unity-themes`) | Mount once at app root                                              |
-| `Overlay`          | —                                             | Internal Midnight primitive; use `Dialog`/`Popover`/`Menu` directly |
-| `Transition`       | `uy:transition-*` / `uy:duration-*` classes   | No JS helper; use TailwindCSS utilities                             |
+| Midnight           | Unity                                                      | Note                                                                |
+| ------------------ | ---------------------------------------------------------- | ------------------------------------------------------------------- |
+| `Accordion`        | `Collapsible`                                              | Unity `Collapsible` is single-item; no multi-item accordion         |
+| `MidnightProvider` | Generated Unity CSS (`@payfit/unity-themes/css/unity.css`) | Import once at the app entry point                                  |
+| `Overlay`          | —                                                          | Internal Midnight primitive; use `Dialog`/`Popover`/`Menu` directly |
+| `Transition`       | `uy:transition-*` / `uy:duration-*` classes                | No JS helper; use TailwindCSS utilities                             |
 
 ## v2 components
 

package/skills/unity-tanstack-form/SKILL.md

@@ -126,30 +126,6 @@ Correct:
 
 Source: TanstackForm.tsx:36; TanstackFormField.tsx:63 (useFormContext/useFieldContext)
 
-### CRITICAL Mix Tanstack field with react-hook-form Controller
-
-Wrong:
-
-```tsx
-const { control } = useForm()
-<Controller control={control} name="email" render={() => (
-  <TanstackTextField label="Email" />
-)} />
-```
-
-Correct:
-
-```tsx
-const form = useTanstackUnityForm({ validators: { onBlur: schema } })
-<form.AppForm><form.AppField name="email">
-  {field => <field.TextField label="Email" />}
-</form.AppField></form.AppForm>
-```
-
-RHF and Tanstack Form contexts do not interoperate; wrapping a Tanstack field in a Controller produces unmounted state and no validation.
-
-Source: conceptual; RHF and Tanstack contexts do not interoperate
-
 ### HIGH Subscribe to whole form state instead of a selector
 
 Wrong:
@@ -247,7 +223,7 @@ Source: TanstackTextField.tsx; TanstackFormField.tsx and its parts
 ## References
 
 - [Bound field components](references/bound-field-components.md) — full inventory of `field.*` Composed components and their underlying base components.
-- [Schema adapters](references/schema-adapters.md) — StandardSchemaAdapter, ZodV3SchemaAdapter, ZodV4SchemaAdapter and how `isFieldRequired` consumes them.
+- [Schema adapters](references/schema-adapters.md) — StandardSchemaAdapter, ZodV3SchemaAdapter, and ZodV4SchemaAdapter.
 
 ## See also
 

package/skills/unity-tanstack-form/references/schema-adapters.md

@@ -71,33 +71,6 @@ const adapter = createSchemaAdapter(schema)
 // otherwise                                → null
 ```
 
-You rarely call this directly: every Composed field organism (e.g. `TanstackTextField`, `TanstackCheckboxField`, `TanstackToggleSwitchGroupField`) calls `createSchemaAdapter` + `isFieldRequired` internally to render the required indicator on the label.
-
-## isFieldRequired
-
-Consumer of the adapter, used inside every Composed field to decide whether to mark the label as required.
-
-```ts
-// src/components/form-field/utils/isFieldRequired.ts
-export function isFieldRequired(
-  schema: StandardSchema | null | undefined,
-  fieldPath: string,
-): boolean {
-  if (!schema) return false
-  const field = schema.getField(fieldPath)
-  return field ? !field.isOptional : false
-}
-```
-
-Behavior:
-
-- No schema → `false` (no required indicator).
-- Path not found in schema → `false` (treat as not required rather than crashing).
-- Field is `ZodOptional` → `false`.
-- Field is anything else → `true`.
-
-This is why `<form.AppField name="email">{field => <field.TextField label="Email" />}</form.AppField>` automatically gets a required asterisk when `email` is `z.email()` and no asterisk when it's `z.email().optional()` — without any prop wiring.
-
 ## When to import an adapter explicitly
 
 Almost never. The Composed field components call `createSchemaAdapter(schema)` themselves. Import an adapter directly only when:

package/dist/esm/adapters/standardSchemaAdapter.js

@@ -1,19 +0,0 @@
-//#region src/adapters/standardSchemaAdapter.ts
-var e = class {
-	constructor(e) {
-		this.standardSchema = e;
-	}
-	getField(e) {
-		try {
-			return this.standardSchema ? {
-				isOptional: !1,
-				type: "unknown",
-				shape: void 0
-			} : null;
-		} catch {
-			return null;
-		}
-	}
-};
-//#endregion
-export { e as StandardSchemaAdapter };

package/dist/esm/adapters/zodAdapter.js

@@ -1,60 +0,0 @@
-import { z as e } from "zod/v3";
-import { z as t } from "zod/v4";
-//#region src/adapters/zodAdapter.ts
-var n = class {
-	constructor(e) {
-		this.zodSchema = e;
-	}
-	getField(t) {
-		try {
-			if (!this.zodSchema) return null;
-			let n = t.split("."), r = this.zodSchema.shape, i;
-			for (let t = 0; t < n.length; t++) {
-				let a = n[t];
-				if (i = r[a], !i) return null;
-				if (t < n.length - 1) {
-					let t = i instanceof e.ZodOptional ? i._def.innerType.shape : i.shape;
-					if (!t) return null;
-					r = t;
-				}
-			}
-			let a = i instanceof e.ZodOptional, o = a ? i._def.innerType : i;
-			return {
-				isOptional: a,
-				type: o._def?.typeName || "unknown",
-				shape: o instanceof e.ZodObject ? o.shape : void 0
-			};
-		} catch {
-			return null;
-		}
-	}
-}, r = class {
-	constructor(e) {
-		this.zodSchema = e;
-	}
-	getField(e) {
-		try {
-			if (!this.zodSchema) return null;
-			let n = e.split("."), r = this.zodSchema.shape, i;
-			for (let e = 0; e < n.length; e++) {
-				let a = n[e];
-				if (i = r[a], !i) return null;
-				if (e < n.length - 1) {
-					let e = i instanceof t.ZodOptional ? i.def.innerType.shape : i.shape;
-					if (!e) return null;
-					r = e;
-				}
-			}
-			let a = i instanceof t.ZodOptional, o = a ? i.def.innerType : i;
-			return {
-				isOptional: a,
-				type: o.def?.typeName || "unknown",
-				shape: o instanceof t.ZodObject ? o.shape : void 0
-			};
-		} catch {
-			return null;
-		}
-	}
-};
-//#endregion
-export { n as ZodV3SchemaAdapter, r as ZodV4SchemaAdapter };

package/dist/esm/components/checkbox-field/CheckboxField.d.ts

@@ -1,76 +0,0 @@
-import { StandardSchemaV1 } from '@standard-schema/spec';
-import { ForwardedRef, JSX, ReactNode } from 'react';
-import { FieldPath, FieldValues } from 'react-hook-form';
-import { Schema } from '../../hooks/use-form.types.js';
-import { LabelProps } from '../label/Label.js';
-interface FieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Pick<LabelProps, 'isRequired' | 'requiredVariant'> {
-    /** The name of the field, which should match the form schema. */
-    name: TName;
-    /** The label for the checkbox. */
-    children: ReactNode;
-    /** Helper text to display below the checkbox. */
-    helperText?: ReactNode;
-    /** A contextual link to display below the checkbox. */
-    contextualLink?: ReactNode;
-    /** The default selected value of the checkbox. */
-    defaultSelected?: boolean;
-    /** Whether the checkbox is disabled. */
-    isDisabled?: boolean;
-    /** Whether the checkbox is read-only. */
-    isReadOnly?: boolean;
-    /** Whether the checkbox is invalid. */
-    isInvalid?: boolean;
-    /** Whether the checkbox is loading. */
-    isLoading?: boolean;
-}
-export type CheckboxFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FieldProps<TFieldValues, TName>;
-type CheckboxFieldComponent = (<TSchema extends Schema>(props: CheckboxFieldProps<StandardSchemaV1.InferOutput<TSchema>> & {
-    ref?: ForwardedRef<HTMLLabelElement>;
-}) => JSX.Element) & {
-    displayName?: string;
-};
-/**
- * The `CheckboxField` component enhances the base Checkbox with form integration capabilities,
- * making it easy to handle boolean values in forms with proper validation and feedback.
- *
- * It provides form validation, helper text, and error feedback while maintaining the same
- * API as the base Checkbox component. The component automatically integrates with Unity's
- * form context and handles value updates through the form's state management.
- * @param {CheckboxFieldProps} props - Props for the CheckboxField component
- * @see {@link CheckboxFieldProps} for all available props
- * @example
- * ```tsx
- * import { useUnityForm, CheckboxField } from '@payfit/unity-components'
- * import * as z from 'zod'
- *
- * function Example() {
- *   const schema = z.object({
- *     acceptTerms: z.boolean().refine(Boolean, {
- *       message: 'You must accept the terms',
- *     }),
- *   })
- *
- *   const { Form } = useUnityForm(schema)
- *
- *   return (
- *     <Form action={handleSubmit}>
- *       <CheckboxField<typeof schema>
- *         name="acceptTerms"
- *         helperText="Please read our terms carefully"
- *       >
- *         Accept terms and conditions
- *       </CheckboxField>
- *     </Form>
- *   )
- * }
- * ```
- * @remarks
- * [API](/?path=/docs/forms-checkboxfield--docs) • [Demo](/?path=/story/forms-checkboxfield--primary)
- * @note The schema type parameter is needed to ensure type safety with the form's
- schema.
- * If you omit it, the `name` prop will not be type-safe.
- * @deprecated React Hook Form components are deprecated. Use the TanStack Form version instead.
- * @see Storybook docs: https://unity-components.payfit.io/?path=/docs/forms-introduction-to-unity-forms--docs
- */
-declare const CheckboxField: CheckboxFieldComponent;
-export { CheckboxField };

package/dist/esm/components/checkbox-field/CheckboxField.js

@@ -1,40 +0,0 @@
-import { Checkbox as e } from "../checkbox/Checkbox.js";
-import { useUnityFormProvider as t } from "../form/Form.context.js";
-import { createSchemaAdapter as n } from "../../utils/createSchemaAdapter.js";
-import { isFieldRequired as r } from "../form-field/utils/isFieldRequired.js";
-import { FormField as i } from "../form-field/FormField.js";
-import { FormControl as a } from "../form-field/parts/FormControl.js";
-import { FormFeedbackText as o } from "../form-field/parts/FormFeedbackText.js";
-import { forwardRef as s, useMemo as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { useFormContext as d } from "react-hook-form";
-//#region src/components/checkbox-field/CheckboxField.tsx
-function f({ name: s, children: f, defaultSelected: p, helperText: m, contextualLink: h, isRequired: g, isInvalid: _, isLoading: v, isDisabled: y, isReadOnly: b, requiredVariant: x, ...S }, C) {
-	let { control: w, watch: T } = d(), { schema: E } = t(), D = c(() => r(n(E), s), [E, s]);
-	return /* @__PURE__ */ u(i, {
-		control: w,
-		name: s,
-		className: "uy:flex uy:flex-col uy:gap-100",
-		isInvalid: _,
-		isLoading: v,
-		isDisabled: y,
-		isReadOnly: b,
-		children: [/* @__PURE__ */ l(a, { children: /* @__PURE__ */ l(e, {
-			ref: C,
-			defaultSelected: p,
-			isSelected: T(s),
-			requiredVariant: x,
-			helperText: m,
-			feedbackText: /* @__PURE__ */ l(o, {}),
-			...S,
-			isRequired: D ?? g,
-			children: f
-		}) }), h]
-	});
-}
-var p = s(function(e, t) {
-	return f(e, t);
-});
-p.displayName = "CheckboxField";
-//#endregion
-export { p as CheckboxField };

package/dist/esm/components/checkbox-group-field/CheckboxGroupField.d.ts

@@ -1,81 +0,0 @@
-import { StandardSchemaV1 } from '@standard-schema/spec';
-import { ForwardedRef, JSX, PropsWithChildren, ReactNode } from 'react';
-import { FieldPath, FieldValues } from 'react-hook-form';
-import { Schema } from '../../hooks/use-form.types.js';
-import { CheckboxGroupProps } from '../checkbox-group/CheckboxGroup.js';
-import { LabelProps } from '../label/Label.js';
-interface FieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends PropsWithChildren<Pick<LabelProps, 'isRequired' | 'requiredVariant'>> {
-    /** The name of the field, which should match the form schema. */
-    name: TName;
-    /** The label for the checkbox group. */
-    label: string;
-    /** Helper text to display below the checkbox group. */
-    helperText?: ReactNode;
-    /** A contextual link to display below the checkbox group. */
-    contextualLink?: ReactNode;
-    /** The default selected values of the checkbox group. */
-    defaultValue?: string[];
-    /** Whether the checkbox group is disabled. */
-    isDisabled?: boolean;
-    /** Whether the checkbox group is read-only. */
-    isReadOnly?: boolean;
-    /** Whether the checkbox group is invalid. */
-    isInvalid?: boolean;
-    /** Whether the checkbox group is loading. */
-    isLoading?: boolean;
-    /** Callback when the selection changes. */
-    onChange?: (value: string[]) => void;
-    /**
-     * Handler called when the checkbox receives focus.
-     */
-    onFocus?: CheckboxGroupProps['onFocus'];
-    /**
-     * Handler called when the checkbox loses focus.
-     */
-    onBlur?: CheckboxGroupProps['onBlur'];
-    /**
-     * Handler that is called when the element's focus status changes.
-     * @param isFocused
-     */
-    onFocusChange?: (isFocused: boolean) => void;
-}
-export type CheckboxGroupFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FieldProps<TFieldValues, TName>;
-type CheckboxGroupFieldComponent = (<TSchema extends Schema>(props: CheckboxGroupFieldProps<StandardSchemaV1.InferOutput<TSchema>> & {
-    ref?: ForwardedRef<HTMLDivElement>;
-}) => JSX.Element) & {
-    displayName?: string;
-};
-/**
- * The `CheckboxGroupField` component renders a group of related checkboxes that can be used in forms.
- * It integrates with the `Form` component automatically and provides form validation, helper text,
- * and error feedback.
- * @example
- * ```tsx
- * const schema = z.object({
- *   preferences: z.array(z.string())
- * })
- *
- * function MyForm() {
- *   const { Form } = useUnityForm(schema)
- *
- *   return (
- *     <Form action={handleSubmit}>
- *       <CheckboxGroupField<typeof schema>
- *         name="preferences"
- *         label="Select your preferences"
- *         helperText="Choose all that apply"
- *       >
- *         <Checkbox value="email">Email notifications</Checkbox>
- *         <Checkbox value="sms">SMS notifications</Checkbox>
- *       </CheckboxGroupField>
- *     </Form>
- *   )
- * }
- * ```
- * @note The schema type parameter is needed to ensure type safety with the form's schema.
- * If you omit it, the `name` prop will not be type-safe.
- * @deprecated React Hook Form components are deprecated. Use the TanStack Form version instead.
- * @see Storybook docs: https://unity-components.payfit.io/?path=/docs/forms-introduction-to-unity-forms--docs
- */
-declare const CheckboxGroupField: CheckboxGroupFieldComponent;
-export { CheckboxGroupField };

package/dist/esm/components/checkbox-group-field/CheckboxGroupField.js

@@ -1,37 +0,0 @@
-import { CheckboxGroup as e } from "../checkbox-group/CheckboxGroup.js";
-import { FormField as t } from "../form-field/FormField.js";
-import { FormControl as n } from "../form-field/parts/FormControl.js";
-import { FormFeedbackText as r } from "../form-field/parts/FormFeedbackText.js";
-import { forwardRef as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useFormContext as s } from "react-hook-form";
-//#region src/components/checkbox-group-field/CheckboxGroupField.tsx
-function c({ name: i, label: c, defaultValue: l, helperText: u, contextualLink: d, isRequired: f, isInvalid: p, isLoading: m, isDisabled: h, isReadOnly: g, requiredVariant: _, children: v, ...y }, b) {
-	let { control: x, watch: S } = s();
-	return /* @__PURE__ */ o(t, {
-		control: x,
-		name: i,
-		isRequired: f,
-		isInvalid: p,
-		isLoading: m,
-		isDisabled: h,
-		isReadOnly: g,
-		children: [/* @__PURE__ */ a(n, { children: /* @__PURE__ */ a(e, {
-			ref: b,
-			label: c,
-			defaultValue: l,
-			value: S(i),
-			helperText: u,
-			feedbackText: /* @__PURE__ */ a(r, {}),
-			requiredVariant: _,
-			...y,
-			children: v
-		}) }), d]
-	});
-}
-var l = i(function(e, t) {
-	return c(e, t);
-});
-l.displayName = "CheckboxGroupField";
-//#endregion
-export { l as CheckboxGroupField };

package/dist/esm/components/date-picker-field/DatePickerField.d.ts

@@ -1,85 +0,0 @@
-import { CalendarDate } from '@internationalized/date';
-import { StandardSchemaV1 } from '@standard-schema/spec';
-import { ForwardedRef, ReactNode } from 'react';
-import { FieldPath, FieldValues } from 'react-hook-form';
-import { Schema } from '../../hooks/use-form.types.js';
-import { DatePickerProps } from '../date-picker/DatePicker.js';
-import { LabelProps } from '../label/Label.js';
-export interface DatePickerFieldProps extends Pick<LabelProps, 'isRequired' | 'requiredVariant'>, DatePickerProps {
-    /** The name of the field, which should match the form schema. */
-    name: string;
-    /** The label for the date picker field. */
-    label: string;
-    /** The default value of the date picker field. */
-    defaultValue?: CalendarDate;
-    /** Helper text to display below the date picker field. */
-    helperText?: ReactNode;
-    /** Feedback text to display below the date picker field. */
-    feedbackText?: ReactNode;
-    /** A contextual link to display below the date picker field. */
-    contextualLink?: ReactNode;
-    /** Whether the field is in an invalid state. */
-    isInvalid?: boolean;
-    /** Whether the field is in a loading state. */
-    isLoading?: boolean;
-    /** Whether the field is disabled. */
-    isDisabled?: boolean;
-    /** Whether the field is read-only. */
-    isReadOnly?: boolean;
-    /** The minimum selectable date. */
-    minValue?: CalendarDate;
-    /** The maximum selectable date. */
-    maxValue?: CalendarDate;
-    /** Function to determine if a date should be disabled. */
-    isDateUnavailable?: (date: CalendarDate) => boolean;
-    /** Handler called when the clear button is pressed. */
-    onClearButtonPress?: () => void;
-    /** Handler called when the calendar overlay opens or closes. */
-    onOpenChange?: (isOpen: boolean) => void;
-    /** Handler called when the field loses focus. */
-    onBlur?: () => void;
-    /** Handler called when the field gains focus. */
-    onFocus?: () => void;
-}
-export type TypedDatePickerFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<DatePickerFieldProps, 'name'> & {
-    name: TName;
-};
-type DatePickerFieldComponent = {
-    <TSchema extends Schema>(props: TypedDatePickerFieldProps<StandardSchemaV1.InferOutput<TSchema>> & {
-        ref?: ForwardedRef<HTMLDivElement>;
-    }): React.JSX.Element;
-    displayName?: string;
-};
-/**
- * The `DatePickerField` component renders a full field that can accept date input, integrating with the `Form` component automatically.
- * It provides a calendar overlay for date selection and supports direct text input for dates.
- * @example
- * ```tsx
- * const schema = z.object({
- *   birthDate: z.custom<CalendarDate>(),
- *   startDate: z.custom<CalendarDate>()
- * })
- *
- * function MyForm() {
- *   const { Form } = useUnityForm(schema)
- *
- *   return (
- *     <Form action={handleSubmit}>
- *       <DatePickerField<typeof schema>
- *         name="birthDate"  // Only "birthDate" | "startDate" allowed
- *         label="Birth Date"
- *       />
- *     </Form>
- *   )
- * }
- * ```
- * @remarks
- * [API & Docs](https://master--66fe6715241b661107117e47.chromatic.com/?path=/docs/forms-datepickerfield--docs) • [Design Guidelines](https://www.payfit.design/24f360409/p/719ac2-date-picker)
- * @note The schema type parameter is needed to ensure type safety with the form's schema. If you omit it, the `name` prop will not be type-safe.
- * @note
- * This component requires `@internationalized/date` as a peer dependency. Make sure to install it in your project: `pnpm add @internationalized/date`
- * @deprecated React Hook Form components are deprecated. Use the TanStack Form version instead.
- * @see Storybook docs: https://unity-components.payfit.io/?path=/docs/forms-introduction-to-unity-forms--docs
- */
-declare const DatePickerField: DatePickerFieldComponent;
-export { DatePickerField };

package/dist/esm/components/date-picker-field/DatePickerField.js

@@ -1,54 +0,0 @@
-import { DatePicker as e } from "../date-picker/DatePicker.js";
-import { FormHelperText as t } from "../form-field/parts/FormHelperText.js";
-import { FormField as n } from "../form-field/FormField.js";
-import { FormControl as r } from "../form-field/parts/FormControl.js";
-import { FormFeedbackText as i } from "../form-field/parts/FormFeedbackText.js";
-import { FormLabel as a } from "../form-field/parts/FormLabel.js";
-import { forwardRef as o } from "react";
-import { uyTv as s } from "@payfit/unity-themes";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useFormContext as u } from "react-hook-form";
-//#region src/components/date-picker-field/DatePickerField.tsx
-var d = s({ base: "uy:flex uy:flex-col uy:gap-100" });
-function f({ name: o, label: s, defaultValue: f, helperText: p, feedbackText: m, contextualLink: h, isRequired: g, isInvalid: _, isLoading: v, isDisabled: y, isReadOnly: b, requiredVariant: x, ...S }, C) {
-	let { control: w, resetField: T, setValue: E } = u(), D = {
-		isRequired: g,
-		isInvalid: _,
-		isLoading: v,
-		isDisabled: y,
-		isReadOnly: b
-	}, O = S.onClearButtonPress ?? (() => {
-		T(o, {
-			keepTouched: !1,
-			keepDirty: !1,
-			keepError: !1
-		}), E(o, null, { shouldValidate: !1 });
-	});
-	return /* @__PURE__ */ l(n, {
-		control: w,
-		name: o,
-		className: d(),
-		...D,
-		children: [
-			/* @__PURE__ */ c(a, {
-				requiredVariant: x,
-				children: s
-			}),
-			p && /* @__PURE__ */ c(t, { children: p }),
-			/* @__PURE__ */ c(r, { children: /* @__PURE__ */ c(e, {
-				ref: C,
-				defaultValue: f,
-				onClearButtonPress: O,
-				...S
-			}) }),
-			/* @__PURE__ */ c(i, { children: m }),
-			h
-		]
-	});
-}
-var p = o(function(e, t) {
-	return f(e, t);
-});
-p.displayName = "DatePickerField";
-//#endregion
-export { p as DatePickerField };

package/dist/esm/components/form/Form.context.d.ts

@@ -1,9 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { Schema } from '../../hooks/use-form.types.js';
-interface UnityFormContextValue<TSchema extends Schema> {
-    schema: TSchema;
-}
-export declare const UnityFormContext: import('react').Context<UnityFormContextValue<Schema> | null>;
-export declare function UnityFormProvider<TSchema extends Schema>({ children, schema, }: PropsWithChildren<UnityFormContextValue<TSchema>>): import("react/jsx-runtime").JSX.Element;
-export declare function useUnityFormProvider<TSchema extends Schema>(): UnityFormContextValue<TSchema>;
-export {};