feat: migrate to Biome v2.2.4

AGENTS.md

@@ -12,7 +12,7 @@
 - `yarn build`: Build all packages/apps.
 - `yarn serve`: Serve built Storybook (`apps/docs`).
 - `yarn test`: Run workspace tests (Storybook test-runner in `apps/docs`).
-- `yarn format-and-lint` | `:fix`: Check/auto-fix with Biome.
+- `yarn lint` | `:fix`: Check/auto-fix with Biome.
 - Per workspace (examples):
   - `yarn workspace @lambdacurry/forms build`
   - `yarn workspace @lambdacurry/forms-docs dev`
@@ -34,7 +34,7 @@
 - Commits: short imperative subject, optional scope, concise body explaining rationale.
   - Example: `Fix: remove deprecated dropdown select`.
 - PRs: clear description, linked issues, screenshots or Storybook links, notes on testing.
-- Required checks: `yarn format-and-lint` passes; build succeeds; tests updated/added.
+- Required checks: `yarn lint` passes; build succeeds; tests updated/added.
 - Versioning: when changing published package(s), add a Changeset (`yarn changeset`) before merge.
 
 ## Security & Configuration

apps/docs/src/examples/middleware-example.tsx

@@ -1,8 +1,8 @@
 import { zodResolver } from '@hookform/resolvers/zod';
 import { TextField } from '@lambdacurry/forms/remix-hook-form';
+import type { ActionFunctionArgs } from 'react-router';
 // Example of using the new middleware feature in remix-hook-form v7.0.0
 import { Form } from 'react-router';
-import type { ActionFunctionArgs } from 'react-router';
 import { RemixFormProvider, useRemixForm } from 'remix-hook-form';
 import { getValidatedFormData } from 'remix-hook-form/middleware';
 import * as zod from 'zod';

apps/docs/src/lib/storybook/react-router-stub.tsx

@@ -2,10 +2,10 @@ import type { Decorator } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 import {
   type ActionFunction,
+  createRoutesStub,
   type LinksFunction,
   type LoaderFunction,
   type MetaFunction,
-  createRoutesStub,
 } from 'react-router';
 
 export interface StubRouteObject {

apps/docs/src/remix-hook-form/calendar-with-month-year-select.stories.tsx

@@ -7,7 +7,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { expect, userEvent, within } from '@storybook/test';
 import * as React from 'react';
 import { type ActionFunctionArgs, Form, useFetcher } from 'react-router';
-import { RemixFormProvider, createFormData, getValidatedFormData, useRemixForm } from 'remix-hook-form';
+import { createFormData, getValidatedFormData, RemixFormProvider, useRemixForm } from 'remix-hook-form';
 import { z } from 'zod';
 import { withReactRouterStubDecorator } from '../lib/storybook/react-router-stub';
 

apps/docs/src/remix-hook-form/checkbox-custom.stories.tsx

@@ -8,7 +8,7 @@ import { expect, userEvent, within } from '@storybook/test';
 import type * as React from 'react';
 import type { ActionFunctionArgs } from 'react-router';
 import { useFetcher } from 'react-router';
-import { RemixFormProvider, getValidatedFormData, useRemixForm } from 'remix-hook-form';
+import { getValidatedFormData, RemixFormProvider, useRemixForm } from 'remix-hook-form';
 import { z } from 'zod';
 import { withReactRouterStubDecorator } from '../lib/storybook/react-router-stub';
 

apps/docs/src/remix-hook-form/checkbox-list.stories.tsx

@@ -5,7 +5,7 @@ import { Button } from '@lambdacurry/forms/ui/button';
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { expect, userEvent, type within } from '@storybook/test';
 import { type ActionFunctionArgs, Form, useFetcher } from 'react-router';
-import { RemixFormProvider, createFormData, getValidatedFormData, useRemixForm } from 'remix-hook-form';
+import { createFormData, getValidatedFormData, RemixFormProvider, useRemixForm } from 'remix-hook-form';
 import { z } from 'zod';
 import { withReactRouterStubDecorator } from '../lib/storybook/react-router-stub';
 

apps/docs/src/remix-hook-form/checkbox.stories.tsx

@@ -4,7 +4,7 @@ import { Button } from '@lambdacurry/forms/ui/button';
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { expect, userEvent, within } from '@storybook/test';
 import { type ActionFunctionArgs, useFetcher } from 'react-router';
-import { RemixFormProvider, getValidatedFormData, useRemixForm } from 'remix-hook-form';
+import { getValidatedFormData, RemixFormProvider, useRemixForm } from 'remix-hook-form';
 import { z } from 'zod';
 import { withReactRouterStubDecorator } from '../lib/storybook/react-router-stub';
 

apps/docs/src/remix-hook-form/data-table/data-table-client-side.stories.tsx

@@ -4,14 +4,14 @@ import { columnConfigs, columns } from './data-table-stories.components';
 import {
   DataTable,
   DataTableFilter,
-  type MockIssue,
-  type OnChangeFn,
-  type PaginationState,
-  type SortingState,
   getCoreRowModel,
   getPaginationRowModel,
   getSortedRowModel,
+  type MockIssue,
   mockDatabase,
+  type OnChangeFn,
+  type PaginationState,
+  type SortingState,
   useDataTableFilters,
   useFilterSync,
   useReactTable,

apps/docs/src/remix-hook-form/data-table/data-table-router-form.stories.tsx

@@ -302,8 +302,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 
 export const Default: Story = {
-  // biome-ignore lint/suspicious/noExplicitAny: <explanation>
-  args: {} as any, // Args for DataTableRouterForm if needed, handled by Example component
+  args: {} satisfies Record<string, unknown>, // Args for DataTableRouterForm if needed, handled by Example component
   render: () => <DataTableRouterFormExample />,
   parameters: {
     docs: {

apps/docs/src/remix-hook-form/data-table/data-table-server-driven.stories.tsx

@@ -3,20 +3,20 @@ import { useMemo } from 'react';
 import { type LoaderFunctionArgs, useLoaderData, useSearchParams } from 'react-router';
 import { columnConfigs, columns } from './data-table-stories.components';
 import {
+  calculateFacetedCounts,
   type DataResponse,
   DataTable,
   DataTableFilter,
-  type MockIssue,
-  type OnChangeFn,
-  type PaginationState,
-  type SortingState,
-  calculateFacetedCounts,
   dataTableRouterParsers,
   filtersArraySchema,
   getCoreRowModel,
   getPaginationRowModel,
   getSortedRowModel,
+  type MockIssue,
   mockDatabase,
+  type OnChangeFn,
+  type PaginationState,
+  type SortingState,
   useDataTableFilters,
   useFilterSync,
   useReactTable,

apps/docs/src/remix-hook-form/data-table/data-table-stories.components.tsx

@@ -1,16 +1,16 @@
 import type { ColumnDef } from '@tanstack/react-table';
 import {
+  assigneeOptions,
   CalendarIcon,
   CheckCircledIcon,
+  createColumnConfigHelper,
   DataTableColumnHeader,
   type MockIssue,
   PersonIcon,
-  StarIcon,
-  TextIcon,
-  assigneeOptions,
-  createColumnConfigHelper,
   priorityOptions,
+  StarIcon,
   statusOptions,
+  TextIcon,
 } from './data-table-stories.helpers';
 
 // --- Column Configuration ---

apps/docs/src/remix-hook-form/data-table/data-table-stories.helpers.ts

@@ -218,16 +218,16 @@ export const priorityOptions = [
 
 // --- Shared Imports (for re-export) ---
 export { dataTableRouterParsers } from '@lambdacurry/forms/remix-hook-form/data-table-router-parsers';
+export { DataTable } from '@lambdacurry/forms/ui/data-table/data-table';
+export { DataTableColumnHeader } from '@lambdacurry/forms/ui/data-table/data-table-column-header';
 export { DataTableFilter } from '@lambdacurry/forms/ui/data-table-filter/components/data-table-filter';
 export { createColumnConfigHelper } from '@lambdacurry/forms/ui/data-table-filter/core/filters';
 export { useDataTableFilters } from '@lambdacurry/forms/ui/data-table-filter/hooks/use-data-table-filters';
-export { DataTable } from '@lambdacurry/forms/ui/data-table/data-table';
-export { DataTableColumnHeader } from '@lambdacurry/forms/ui/data-table/data-table-column-header';
 export type { FiltersState } from '@lambdacurry/forms/ui/utils/filters';
 export { filtersArraySchema } from '@lambdacurry/forms/ui/utils/filters';
 export { useFilterSync } from '@lambdacurry/forms/ui/utils/use-filter-sync';
 export { CalendarIcon, CheckCircledIcon, PersonIcon, StarIcon, TextIcon } from '@radix-ui/react-icons';
-export type { ColumnDef, PaginationState, SortingState, OnChangeFn } from '@tanstack/react-table';
+export type { ColumnDef, OnChangeFn, PaginationState, SortingState } from '@tanstack/react-table';
 export { getCoreRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from '@tanstack/react-table';
 export { useMemo } from 'react';
 export { type LoaderFunctionArgs, useLoaderData, useLocation, useNavigate, useSearchParams } from 'react-router';

apps/docs/src/remix-hook-form/date-picker.stories.tsx

@@ -4,7 +4,7 @@ import { Button } from '@lambdacurry/forms/ui/button';
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { expect, userEvent, within } from '@storybook/test';
 import { type ActionFunctionArgs, Form, useFetcher } from 'react-router';
-import { RemixFormProvider, createFormData, getValidatedFormData, useRemixForm } from 'remix-hook-form';
+import { createFormData, getValidatedFormData, RemixFormProvider, useRemixForm } from 'remix-hook-form';
 import { z } from 'zod';
 import { withReactRouterStubDecorator } from '../lib/storybook/react-router-stub';
 

apps/docs/src/remix-hook-form/form-error-basic.stories.tsx

@@ -4,7 +4,7 @@ import { Button } from '@lambdacurry/forms/ui/button';
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { expect, userEvent, within } from '@storybook/test';
 import { type ActionFunctionArgs, useFetcher } from 'react-router';
-import { RemixFormProvider, getValidatedFormData, useRemixForm } from 'remix-hook-form';
+import { getValidatedFormData, RemixFormProvider, useRemixForm } from 'remix-hook-form';
 import { z } from 'zod';
 import { withReactRouterStubDecorator } from '../lib/storybook/react-router-stub';
 

apps/docs/src/remix-hook-form/form-error-custom.stories.tsx

@@ -5,7 +5,7 @@ import { Button } from '@lambdacurry/forms/ui/button';
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { expect, userEvent, within } from '@storybook/test';
 import { type ActionFunctionArgs, useFetcher } from 'react-router';
-import { RemixFormProvider, getValidatedFormData, useRemixForm } from 'remix-hook-form';
+import { getValidatedFormData, RemixFormProvider, useRemixForm } from 'remix-hook-form';
 import { z } from 'zod';
 import { withReactRouterStubDecorator } from '../lib/storybook/react-router-stub';
 
@@ -19,7 +19,14 @@ type FormData = z.infer<typeof formSchema>;
 // Custom error message component with icon
 const AlertErrorMessage = (props: React.ComponentProps<typeof FormMessage>) => (
   <div className="flex items-center p-4 bg-red-50 border-l-4 border-red-400 rounded-md">
-    <svg className="h-5 w-5 text-red-400 mr-3" viewBox="0 0 20 20" fill="currentColor">
+    <svg
+      className="h-5 w-5 text-red-400 mr-3"
+      viewBox="0 0 20 20"
+      fill="currentColor"
+      role="img"
+      aria-labelledby="alert-icon-title"
+    >
+      <title id="alert-icon-title">Error</title>
       <path
         fillRule="evenodd"
         d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z"

apps/docs/src/remix-hook-form/form-error-mixed.stories.tsx

@@ -4,7 +4,7 @@ import { Button } from '@lambdacurry/forms/ui/button';
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { expect, userEvent, within } from '@storybook/test';
 import { type ActionFunctionArgs, useFetcher } from 'react-router';
-import { RemixFormProvider, getValidatedFormData, useRemixForm } from 'remix-hook-form';
+import { getValidatedFormData, RemixFormProvider, useRemixForm } from 'remix-hook-form';
 import { z } from 'zod';
 import { withReactRouterStubDecorator } from '../lib/storybook/react-router-stub';
 

apps/docs/src/remix-hook-form/form-error-placement.stories.tsx

@@ -4,7 +4,7 @@ import { Button } from '@lambdacurry/forms/ui/button';
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { expect, userEvent, within } from '@storybook/test';
 import { type ActionFunctionArgs, useFetcher } from 'react-router';
-import { RemixFormProvider, getValidatedFormData, useRemixForm } from 'remix-hook-form';
+import { getValidatedFormData, RemixFormProvider, useRemixForm } from 'remix-hook-form';
 import { z } from 'zod';
 import { withReactRouterStubDecorator } from '../lib/storybook/react-router-stub';
 

apps/docs/src/remix-hook-form/form-error.stories.tsx

@@ -3,7 +3,7 @@ import { FormError, TextField } from '@lambdacurry/forms';
 import { Button } from '@lambdacurry/forms/ui/button';
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { type ActionFunctionArgs, useFetcher } from 'react-router';
-import { RemixFormProvider, getValidatedFormData, useRemixForm } from 'remix-hook-form';
+import { getValidatedFormData, RemixFormProvider, useRemixForm } from 'remix-hook-form';
 import { z } from 'zod';
 import { withReactRouterStubDecorator } from '../lib/storybook/react-router-stub';
 

apps/docs/src/remix-hook-form/form-error.test.tsx

@@ -5,6 +5,7 @@ import { render, screen } from '@testing-library/react';
 import { useFetcher } from 'react-router';
 import { RemixFormProvider, useRemixForm } from 'remix-hook-form';
 import { z } from 'zod';
+import type { ElementType, PropsWithChildren } from 'react';
 
 // Mock useFetcher
 jest.mock('react-router', () => ({
@@ -30,14 +31,14 @@ const TestFormWithError = ({
 }: {
   initialErrors?: Record<string, { message: string }>;
   formErrorName?: string;
-  customComponents?: any;
+  customComponents?: { FormMessage?: React.ComponentType<PropsWithChildren<Record<string, unknown>>> };
   className?: string;
 }) => {
   const mockFetcher = {
     data: { errors: initialErrors },
     state: 'idle' as const,
     submit: jest.fn(),
-    Form: 'form' as any,
+    Form: 'form' as ElementType,
   };
 
   mockUseFetcher.mockReturnValue(mockFetcher);
@@ -142,7 +143,7 @@ describe('FormError Component', () => {
 
   describe('Component Customization', () => {
     it('uses custom FormMessage component when provided', () => {
-      const CustomFormMessage = ({ children, ...props }: any) => (
+      const CustomFormMessage = ({ children, ...props }: PropsWithChildren<Record<string, unknown>>) => (
         <div data-testid="custom-form-message" className="custom-message" {...props}>
           Custom: {children}
         </div>
@@ -216,7 +217,7 @@ describe('FormError Component', () => {
         },
         state: 'idle' as const,
         submit: jest.fn(),
-        Form: 'form' as any,
+        Form: 'form' as ElementType,
       };
 
       mockUseFetcher.mockReturnValue(mockFetcher);
@@ -314,7 +315,7 @@ describe('FormError Component', () => {
     it('does not re-render unnecessarily when unrelated form state changes', () => {
       const renderSpy = jest.fn();
 
-      const CustomFormMessage = ({ children, ...props }: any) => {
+      const CustomFormMessage = ({ children, ...props }: PropsWithChildren<Record<string, unknown>>) => {
         renderSpy();
         return <div {...props}>{children}</div>;
       };
@@ -344,7 +345,7 @@ describe('FormError Integration Tests', () => {
         data: null,
         state: 'idle' as const,
         submit: jest.fn(),
-        Form: 'form' as any,
+        Form: 'form' as ElementType,
       };
 
       mockUseFetcher.mockReturnValue(mockFetcher);

apps/docs/src/remix-hook-form/otp-input.stories.tsx

@@ -4,7 +4,7 @@ import { Button } from '@lambdacurry/forms/ui/button';
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { expect, userEvent, within } from '@storybook/test';
 import { type ActionFunctionArgs, Form, useFetcher } from 'react-router';
-import { RemixFormProvider, createFormData, getValidatedFormData, useRemixForm } from 'remix-hook-form';
+import { createFormData, getValidatedFormData, RemixFormProvider, useRemixForm } from 'remix-hook-form';
 import { z } from 'zod';
 import { withReactRouterStubDecorator } from '../lib/storybook/react-router-stub';
 

apps/docs/src/remix-hook-form/password-field.stories.tsx

@@ -5,7 +5,7 @@ import type { Meta, StoryContext, StoryObj } from '@storybook/react-vite';
 import { expect, userEvent } from '@storybook/test';
 import { useRef } from 'react';
 import { type ActionFunctionArgs, useFetcher } from 'react-router';
-import { RemixFormProvider, getValidatedFormData, useRemixForm } from 'remix-hook-form';
+import { getValidatedFormData, RemixFormProvider, useRemixForm } from 'remix-hook-form';
 import { z } from 'zod';
 import { withReactRouterStubDecorator } from '../lib/storybook/react-router-stub';
 

apps/docs/src/remix-hook-form/phone-input.stories.tsx

@@ -4,7 +4,7 @@ import { Button } from '@lambdacurry/forms/ui/button';
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { expect, userEvent, within } from '@storybook/test';
 import { type ActionFunctionArgs, useFetcher } from 'react-router';
-import { RemixFormProvider, getValidatedFormData, useRemixForm } from 'remix-hook-form';
+import { getValidatedFormData, RemixFormProvider, useRemixForm } from 'remix-hook-form';
 import { z } from 'zod';
 import { withReactRouterStubDecorator } from '../lib/storybook/react-router-stub';
 

apps/docs/src/remix-hook-form/phone-input.test.tsx

@@ -6,6 +6,7 @@ import userEvent from '@testing-library/user-event';
 import { useFetcher } from 'react-router';
 import { RemixFormProvider, useRemixForm } from 'remix-hook-form';
 import { z } from 'zod';
+import type { ElementType, PropsWithChildren } from 'react';
 
 // Mock useFetcher
 jest.mock('react-router', () => ({
@@ -28,13 +29,13 @@ const TestPhoneInputForm = ({
   customComponents = {},
 }: {
   initialErrors?: Record<string, { message: string }>;
-  customComponents?: any;
+  customComponents?: { FormMessage?: React.ComponentType<PropsWithChildren<Record<string, unknown>>> };
 }) => {
   const mockFetcher = {
     data: { errors: initialErrors },
     state: 'idle' as const,
     submit: jest.fn(),
-    Form: 'form' as any,
+    Form: 'form' as ElementType,
   };
 
   mockUseFetcher.mockReturnValue(mockFetcher);
@@ -151,7 +152,7 @@ describe('PhoneInput Component', () => {
 
   describe('Component Customization', () => {
     it('uses custom FormMessage component when provided', () => {
-      const CustomFormMessage = ({ children, ...props }: any) => (
+      const CustomFormMessage = ({ children, ...props }: PropsWithChildren<Record<string, unknown>>) => (
         <div data-testid="custom-form-message" className="custom-message" {...props}>
           Custom: {children}
         </div>

apps/docs/src/remix-hook-form/radio-group-custom.stories.tsx

@@ -8,7 +8,7 @@ import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { expect, userEvent, within } from '@storybook/test';
 import { type ActionFunctionArgs, Form, useFetcher } from 'react-router';
-import { RemixFormProvider, getValidatedFormData, useRemixForm } from 'remix-hook-form';
+import { getValidatedFormData, RemixFormProvider, useRemixForm } from 'remix-hook-form';
 import { z } from 'zod';
 import { withReactRouterStubDecorator } from '../lib/storybook/react-router-stub';
 

apps/docs/src/remix-hook-form/radio-group.stories.tsx

@@ -5,7 +5,7 @@ import { Button } from '@lambdacurry/forms/ui/button';
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { expect, userEvent, within } from '@storybook/test';
 import { type ActionFunctionArgs, Form, useFetcher } from 'react-router';
-import { RemixFormProvider, getValidatedFormData, useRemixForm } from 'remix-hook-form';
+import { getValidatedFormData, RemixFormProvider, useRemixForm } from 'remix-hook-form';
 import { z } from 'zod';
 import { withReactRouterStubDecorator } from '../lib/storybook/react-router-stub';
 

apps/docs/src/remix-hook-form/scroll-to-error.stories.tsx

@@ -10,7 +10,7 @@ import { Textarea } from '@lambdacurry/forms/remix-hook-form/textarea';
 import { Button } from '@lambdacurry/forms/ui/button';
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { type ActionFunctionArgs, useFetcher } from 'react-router';
-import { RemixFormProvider, getValidatedFormData, useRemixForm, useRemixFormContext } from 'remix-hook-form';
+import { getValidatedFormData, RemixFormProvider, useRemixForm, useRemixFormContext } from 'remix-hook-form';
 import { z } from 'zod';
 import { withReactRouterStubDecorator } from '../lib/storybook/react-router-stub';
 

apps/docs/src/remix-hook-form/select-custom.stories.tsx

@@ -6,7 +6,7 @@ import { expect, userEvent, within } from '@storybook/test';
 import clsx from 'clsx';
 import * as React from 'react';
 import { type ActionFunctionArgs, useFetcher } from 'react-router';
-import { RemixFormProvider, getValidatedFormData, useRemixForm } from 'remix-hook-form';
+import { getValidatedFormData, RemixFormProvider, useRemixForm } from 'remix-hook-form';
 import { z } from 'zod';
 import { withReactRouterStubDecorator } from '../lib/storybook/react-router-stub';