@payfit/unity-components 2.5.4 → 2.5.6

package/dist/esm/hooks/use-tanstack-form.d.ts

@@ -39,6 +39,7 @@ export declare const useTanstackUnityForm: <TFormData, TOnMount extends import('
         displayName: string;
     };
     readonly NumberField: import('react').ForwardRefExoticComponent<import('../components/number-field/TanstackNumberField.js').FieldProps & import('../components/number-input/TanstackNumberInput.js').TanstackNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    readonly PasswordField: import('react').ForwardRefExoticComponent<import('../components/password-field/TanstackPasswordField.js').TanstackPasswordFieldProps & import('react').RefAttributes<HTMLInputElement>>;
     readonly PhoneNumberField: import('react').ForwardRefExoticComponent<import('../components/phone-number-field/TanstackPhoneNumberField.js').PhoneNumberFieldProps & import('react').RefAttributes<unknown>>;
     readonly RadioButtonGroupField: import('react').ForwardRefExoticComponent<import('../components/radio-button-group-field/TanstackRadioButtonGroupField.js').TanstackRadioButtonGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
     readonly SelectableButtonGroupField: import('react').ForwardRefExoticComponent<import('../components/selectable-button-group/TanstackSelectableButtonGroup.js').TanstackSelectableButtonGroupProps & Pick<import('../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
@@ -110,6 +111,7 @@ export declare const withForm: <TFormData, TOnMount extends import('@tanstack/fo
         displayName: string;
     };
     readonly NumberField: import('react').ForwardRefExoticComponent<import('../components/number-field/TanstackNumberField.js').FieldProps & import('../components/number-input/TanstackNumberInput.js').TanstackNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    readonly PasswordField: import('react').ForwardRefExoticComponent<import('../components/password-field/TanstackPasswordField.js').TanstackPasswordFieldProps & import('react').RefAttributes<HTMLInputElement>>;
     readonly PhoneNumberField: import('react').ForwardRefExoticComponent<import('../components/phone-number-field/TanstackPhoneNumberField.js').PhoneNumberFieldProps & import('react').RefAttributes<unknown>>;
     readonly RadioButtonGroupField: import('react').ForwardRefExoticComponent<import('../components/radio-button-group-field/TanstackRadioButtonGroupField.js').TanstackRadioButtonGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
     readonly SelectableButtonGroupField: import('react').ForwardRefExoticComponent<import('../components/selectable-button-group/TanstackSelectableButtonGroup.js').TanstackSelectableButtonGroupProps & Pick<import('../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
@@ -181,6 +183,7 @@ export declare const withForm: <TFormData, TOnMount extends import('@tanstack/fo
             displayName: string;
         };
         readonly NumberField: import('react').ForwardRefExoticComponent<import('../components/number-field/TanstackNumberField.js').FieldProps & import('../components/number-input/TanstackNumberInput.js').TanstackNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
+        readonly PasswordField: import('react').ForwardRefExoticComponent<import('../components/password-field/TanstackPasswordField.js').TanstackPasswordFieldProps & import('react').RefAttributes<HTMLInputElement>>;
         readonly PhoneNumberField: import('react').ForwardRefExoticComponent<import('../components/phone-number-field/TanstackPhoneNumberField.js').PhoneNumberFieldProps & import('react').RefAttributes<unknown>>;
         readonly RadioButtonGroupField: import('react').ForwardRefExoticComponent<import('../components/radio-button-group-field/TanstackRadioButtonGroupField.js').TanstackRadioButtonGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
         readonly SelectableButtonGroupField: import('react').ForwardRefExoticComponent<import('../components/selectable-button-group/TanstackSelectableButtonGroup.js').TanstackSelectableButtonGroupProps & Pick<import('../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
@@ -253,6 +256,7 @@ export declare const withFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps
         displayName: string;
     };
     readonly NumberField: import('react').ForwardRefExoticComponent<import('../components/number-field/TanstackNumberField.js').FieldProps & import('../components/number-input/TanstackNumberInput.js').TanstackNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    readonly PasswordField: import('react').ForwardRefExoticComponent<import('../components/password-field/TanstackPasswordField.js').TanstackPasswordFieldProps & import('react').RefAttributes<HTMLInputElement>>;
     readonly PhoneNumberField: import('react').ForwardRefExoticComponent<import('../components/phone-number-field/TanstackPhoneNumberField.js').PhoneNumberFieldProps & import('react').RefAttributes<unknown>>;
     readonly RadioButtonGroupField: import('react').ForwardRefExoticComponent<import('../components/radio-button-group-field/TanstackRadioButtonGroupField.js').TanstackRadioButtonGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
     readonly SelectableButtonGroupField: import('react').ForwardRefExoticComponent<import('../components/selectable-button-group/TanstackSelectableButtonGroup.js').TanstackSelectableButtonGroupProps & Pick<import('../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
@@ -324,6 +328,7 @@ export declare const withFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps
             displayName: string;
         };
         readonly NumberField: import('react').ForwardRefExoticComponent<import('../components/number-field/TanstackNumberField.js').FieldProps & import('../components/number-input/TanstackNumberInput.js').TanstackNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
+        readonly PasswordField: import('react').ForwardRefExoticComponent<import('../components/password-field/TanstackPasswordField.js').TanstackPasswordFieldProps & import('react').RefAttributes<HTMLInputElement>>;
         readonly PhoneNumberField: import('react').ForwardRefExoticComponent<import('../components/phone-number-field/TanstackPhoneNumberField.js').PhoneNumberFieldProps & import('react').RefAttributes<unknown>>;
         readonly RadioButtonGroupField: import('react').ForwardRefExoticComponent<import('../components/radio-button-group-field/TanstackRadioButtonGroupField.js').TanstackRadioButtonGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
         readonly SelectableButtonGroupField: import('react').ForwardRefExoticComponent<import('../components/selectable-button-group/TanstackSelectableButtonGroup.js').TanstackSelectableButtonGroupProps & Pick<import('../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
@@ -394,6 +399,7 @@ export declare const withFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps
             displayName: string;
         };
         readonly NumberField: import('react').ForwardRefExoticComponent<import('../components/number-field/TanstackNumberField.js').FieldProps & import('../components/number-input/TanstackNumberInput.js').TanstackNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
+        readonly PasswordField: import('react').ForwardRefExoticComponent<import('../components/password-field/TanstackPasswordField.js').TanstackPasswordFieldProps & import('react').RefAttributes<HTMLInputElement>>;
         readonly PhoneNumberField: import('react').ForwardRefExoticComponent<import('../components/phone-number-field/TanstackPhoneNumberField.js').PhoneNumberFieldProps & import('react').RefAttributes<unknown>>;
         readonly RadioButtonGroupField: import('react').ForwardRefExoticComponent<import('../components/radio-button-group-field/TanstackRadioButtonGroupField.js').TanstackRadioButtonGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
         readonly SelectableButtonGroupField: import('react').ForwardRefExoticComponent<import('../components/selectable-button-group/TanstackSelectableButtonGroup.js').TanstackSelectableButtonGroupProps & Pick<import('../index.js').LabelProps, "isRequired" | "requiredVariant"> & {

package/dist/esm/hooks/use-tanstack-form.js

@@ -20,13 +20,13 @@ const i = e(
   () => import("../components/form-field/parts/TanstackFormLabel.js").then((t) => ({
     default: t.TanstackFormLabel
   }))
-), p = e(
+), s = e(
   () => import("../components/form-field/parts/TanstackRawFormContextualLink.js").then(
     (t) => ({
       default: t.TanstackRawFormContextualLink
     })
   )
-), s = e(
+), p = e(
   () => import("../components/form-field/TanstackFormField.js").then((t) => ({
     default: t.TanstackFormField
   }))
@@ -96,17 +96,17 @@ const i = e(
       default: t.TanstackToggleSwitchGroup
     })
   )
-), B = e(
+), P = e(
   () => import("../components/toggle-switch/TanstackToggleSwitch.js").then((t) => ({
     default: t.TanstackToggleSwitch
   }))
-), N = e(
+), B = e(
   () => import("../components/checkbox-group-field/TanstackCheckGroupField.js").then(
     (t) => ({
       default: t.TanstackCheckGroupField
     })
   )
-), P = e(
+), N = e(
   () => import("../components/date-picker-field/TanstackDatePickerField.js").then(
     (t) => ({
       default: t.TanstackDatePickerField
@@ -175,14 +175,18 @@ const i = e(
     default: t.InlineFieldGroupEditView
   }))
 ), K = e(
+  () => import("../components/password-field/TanstackPasswordField.js").then((t) => ({
+    default: t.TanstackPasswordField
+  }))
+), O = e(
   () => import("../components/inline-field/parts/InlineFieldEditView.js").then((t) => ({
     default: t.InlineFieldEditView
   }))
-), O = e(
+), Q = e(
   () => import("../components/inline-field/parts/InlineFieldReadView.js").then((t) => ({
     default: t.InlineFieldReadView
   }))
-), Q = e(
+), W = e(
   () => import("../components/inline-field/InlineField.js").then((t) => ({
     default: t.InlineField
   }))
@@ -192,8 +196,8 @@ const i = e(
     FieldFeedbackText: r,
     FieldHelperText: d,
     FieldLabel: u,
-    FieldRawContextualLink: p,
-    Field: s,
+    FieldRawContextualLink: s,
+    Field: p,
     // bound input components
     CheckboxGroupInput: k,
     CheckboxInput: T,
@@ -209,13 +213,14 @@ const i = e(
     TextAreaInput: w,
     TextInput: g,
     ToggleSwitchGroupInput: R,
-    ToggleSwitchInput: B,
+    ToggleSwitchInput: P,
     // Field organisms
     CheckboxField: i,
-    CheckboxGroupField: N,
-    DatePickerField: P,
+    CheckboxGroupField: B,
+    DatePickerField: N,
     MultiSelectField: V,
     NumberField: H,
+    PasswordField: K,
     PhoneNumberField: b,
     RadioButtonGroupField: D,
     SelectableButtonGroupField: M,
@@ -226,9 +231,9 @@ const i = e(
     ToggleSwitchField: z,
     ToggleSwitchGroupField: U,
     // Inline Edition components
-    InlineField: Q,
-    InlineFieldReadView: O,
-    InlineFieldEditView: K
+    InlineField: W,
+    InlineFieldReadView: Q,
+    InlineFieldEditView: O
   },
   formComponents: {
     Form: o,
@@ -240,9 +245,9 @@ const i = e(
   },
   fieldContext: c,
   formContext: l
-}), _ = a.useAppForm, $ = a.withForm, tt = a.withFieldGroup;
+}), $ = a.useAppForm, tt = a.withForm, et = a.withFieldGroup;
 export {
-  _ as useTanstackUnityForm,
-  tt as withFieldGroup,
-  $ as withForm
+  $ as useTanstackUnityForm,
+  et as withFieldGroup,
+  tt as withForm
 };

package/dist/esm/index.d.ts

@@ -200,4 +200,6 @@ export * from './components/toggle-switch-group-field/ToggleSwitchGroupField.js'
 export * from './hooks/use-tanstack-form.js';
 export { useFormContext, useFieldContext } from './hooks/tanstack-form-context.js';
 export { useFieldA11yContext } from './components/form-field/TanstackFormField.context.js';
+export { fieldRevalidateLogic } from './utils/field-revalidate-logic.js';
+export type { FieldRevalidateLogicProps } from './utils/field-revalidate-logic.js';
 export * from './providers/router/RouterProvider.js';

package/dist/esm/index.js

@@ -1,7 +1,7 @@
 import { Actionable as r } from "./components/actionable/Actionable.js";
 import { ActionBar as p, actionBar as a } from "./components/action-bar/ActionBar.js";
 import { ActionBarAction as x } from "./components/action-bar/parts/ActionBarAction.js";
-import { ActionBarRoot as f, actionBarRoot as i } from "./components/action-bar/parts/ActionBarRoot.js";
+import { ActionBarRoot as n, actionBarRoot as i } from "./components/action-bar/parts/ActionBarRoot.js";
 import { Alert as u } from "./components/alert/Alert.js";
 import { AlertActions as g } from "./components/alert/parts/AlertActions.js";
 import { AlertContent as b } from "./components/alert/parts/AlertContent.js";
@@ -12,7 +12,7 @@ import { AppMenu as A } from "./components/app-menu/AppMenu.js";
 import { AppMenuContext as w, AppMenuContextProvider as R, useAppMenuContext as G } from "./components/app-menu/parts/AppMenu.context.js";
 import { AppMenuFooter as I } from "./components/app-menu/parts/AppMenuFooter.js";
 import { AppMenuHeader as D } from "./components/app-menu/parts/AppMenuHeader.js";
-import { AppMenuNavContent as v } from "./components/app-menu/parts/AppMenuNavContent.js";
+import { AppMenuNavContent as M } from "./components/app-menu/parts/AppMenuNavContent.js";
 import { Autocomplete as H } from "./components/autocomplete/Autocomplete.js";
 import { AutocompleteItem as E, autocompleteItem as O } from "./components/autocomplete/parts/AutocompleteItem.js";
 import { AutocompleteItemGroup as _, autocompleteItemGroup as U } from "./components/autocomplete/parts/AutocompleteItemGroup.js";
@@ -24,7 +24,7 @@ import { AvatarPair as Z } from "./components/avatar/parts/AvatarPair.js";
 import { getInitials as oo } from "./components/avatar/utils.js";
 import { Badge as ro } from "./components/badge/Badge.js";
 import { BottomSheet as po, bottomSheet as ao } from "./components/bottom-sheet/BottomSheet.js";
-import { BottomSheetContent as xo, bottomSheetContent as no } from "./components/bottom-sheet/parts/BottomSheetContent.js";
+import { BottomSheetContent as xo, bottomSheetContent as fo } from "./components/bottom-sheet/parts/BottomSheetContent.js";
 import { BottomSheetFooter as io, bottomSheetFooter as lo } from "./components/bottom-sheet/parts/BottomSheetFooter.js";
 import { BottomSheetHeader as go, bottomSheetHeader as co } from "./components/bottom-sheet/parts/BottomSheetHeader.js";
 import { Breadcrumbs as so } from "./components/breadcrumbs/Breadcrumbs.js";
@@ -34,7 +34,7 @@ import { Button as Ao } from "./components/button/Button.js";
 import { Card as wo, card as Ro } from "./components/card/Card.js";
 import { CardTitle as ho } from "./components/card/parts/CardTitle.js";
 import { CardContent as Lo } from "./components/card/parts/CardContent.js";
-import { CheckboxGroup as Mo, checkboxGroup as vo } from "./components/checkbox-group/CheckboxGroup.js";
+import { CheckboxGroup as vo, checkboxGroup as Mo } from "./components/checkbox-group/CheckboxGroup.js";
 import { Checkbox as Ho } from "./components/checkbox/Checkbox.js";
 import { CheckboxStandalone as Eo } from "./components/checkbox/CheckboxStandalone.js";
 import { Collapsible as Vo } from "./components/collapsible/Collapsible.js";
@@ -47,7 +47,7 @@ import { DateCalendar as $o } from "./components/date-calendar/DateCalendar.js";
 import { DatePicker as ee } from "./components/date-picker/DatePicker.js";
 import { DefinitionTooltip as te } from "./components/definition-tooltip/DefinitionTooltip.js";
 import { Dialog as ae, dialog as me } from "./components/dialog/Dialog.js";
-import { DialogActions as ne } from "./components/dialog/parts/DialogActions.js";
+import { DialogActions as fe } from "./components/dialog/parts/DialogActions.js";
 import { DialogButton as ie } from "./components/dialog/parts/DialogActions/DialogButton.js";
 import { DialogContent as ue } from "./components/dialog/parts/DialogContent.js";
 import { DialogTitle as ge } from "./components/dialog/parts/DialogTitle.js";
@@ -58,7 +58,7 @@ import { PromoDialogContent as Be } from "./components/promo-dialog/parts/PromoD
 import { PromoDialogActions as ke } from "./components/promo-dialog/parts/PromoDialogActions.js";
 import { PromoDialogTitle as Re } from "./components/promo-dialog/parts/PromoDialogTitle.js";
 import { ErrorState as he, errorState as Ie } from "./components/error-state/ErrorState.js";
-import { Fieldset as De, fieldset as Me } from "./components/fieldset/Fieldset.js";
+import { Fieldset as De, fieldset as ve } from "./components/fieldset/Fieldset.js";
 import { FieldGroup as ye } from "./components/fieldset/parts/FieldGroup.js";
 import { Filter as Ne, FilterControls as Ee, FilterLabels as Oe, filterContainer as Ve, filterDismissButton as _e } from "./components/filter/Filter.js";
 import { FilterToolbar as Qe, filterToolbar as We } from "./components/filter-toolbar/FilterToolbar.js";
@@ -68,7 +68,7 @@ import { FlexItem as Ze, StackItem as $e } from "./components/flex/FlexItem.js";
 import { Form as er } from "./components/form/Form.js";
 import { FullPageLoader as tr, fullPageLoader as pr } from "./components/full-page-loader/FullPageLoader.js";
 import { FunnelLayout as mr, funnelLayout as xr } from "./components/funnel-layout/FunnelLayout.js";
-import { FunnelBody as fr, funnelBody as ir } from "./components/funnel-layout/parts/FunnelBody.js";
+import { FunnelBody as nr, funnelBody as ir } from "./components/funnel-layout/parts/FunnelBody.js";
 import { FunnelPage as ur, funnelPage as dr } from "./components/funnel-layout/parts/FunnelPage.js";
 import { FunnelPageAction as cr } from "./components/funnel-layout/parts/FunnelPageAction.js";
 import { FunnelPageActions as sr, funnelPageActions as Sr } from "./components/funnel-layout/parts/FunnelPageActions.js";
@@ -76,7 +76,7 @@ import { FunnelPageContent as Tr, funnelPageContent as Cr } from "./components/f
 import { FunnelPageFooter as Br, funnelPageFooter as Ar } from "./components/funnel-layout/parts/FunnelPageFooter.js";
 import { FunnelPageHeader as wr, funnelPageHeader as Rr } from "./components/funnel-layout/parts/FunnelPageHeader.js";
 import { FunnelSidebar as hr, funnelSidebar as Ir } from "./components/funnel-layout/parts/FunnelSidebar.js";
-import { FunnelTopBar as Dr, funnelTopBar as Mr } from "./components/funnel-layout/parts/FunnelTopBar.js";
+import { FunnelTopBar as Dr, funnelTopBar as vr } from "./components/funnel-layout/parts/FunnelTopBar.js";
 import { Grid as yr } from "./components/grid/Grid.js";
 import { grid as Nr, gridItem as Er } from "./components/grid/Grid.variants.js";
 import { GridItem as Vr } from "./components/grid/GridItem.js";
@@ -88,7 +88,7 @@ import { Label as Yr } from "./components/label/Label.js";
 import { RawLink as $r, link as ot } from "./components/link/RawLink.js";
 import { ListView as rt } from "./components/list-view/ListView.js";
 import { RawListViewItem as pt, listViewItem as at } from "./components/list-view/parts/RawListViewItem.js";
-import { ListViewSection as xt, listViewSection as nt } from "./components/list-view/parts/ListViewSection.js";
+import { ListViewSection as xt, listViewSection as ft } from "./components/list-view/parts/ListViewSection.js";
 import { ListViewItemLabel as it } from "./components/list-view/parts/ListViewItemLabel.js";
 import { ListViewItemText as ut } from "./components/list-view/parts/ListViewItemText.js";
 import { Menu as gt } from "./components/menu/Menu.js";
@@ -101,7 +101,7 @@ import { MultiSelect as wt } from "./components/multi-select/MultiSelect.js";
 import { MultiSelectOptGroup as Gt } from "./components/multi-select/parts/MultiSelectOptGroup.js";
 import { MultiSelectOption as It } from "./components/multi-select/parts/MultiSelectOption.js";
 import { Nav as Dt } from "./components/nav/Nav.js";
-import { NavGroup as vt } from "./components/nav/parts/NavGroup.js";
+import { NavGroup as Mt } from "./components/nav/parts/NavGroup.js";
 import { RawNavItem as Ht, navItemBase as Nt } from "./components/nav/parts/RawNavItem.js";
 import { RawNavigationCard as Ot } from "./components/navigation-card/NavigationCard.js";
 import { NavigationCardGroup as _t, navigationCardGroup as Ut } from "./components/navigation-card/parts/NavigationCardGroup.js";
@@ -112,7 +112,7 @@ import { Page as Yt, page as Zt } from "./components/page/Page.js";
 import { PageHeader as op, pageHeader as ep } from "./components/page/parts/PageHeader.js";
 import { PageHeading as tp } from "./components/page/parts/PageHeading.js";
 import { Pagination as ap, pagination as mp } from "./components/pagination/Pagination.js";
-import { PaginationContent as np, paginationContent as fp } from "./components/pagination/parts/PaginationContent.js";
+import { PaginationContent as fp, paginationContent as np } from "./components/pagination/parts/PaginationContent.js";
 import { PaginationItem as lp } from "./components/pagination/parts/PaginationItem.js";
 import { RawPaginationLink as dp, paginationLink as gp } from "./components/pagination/parts/RawPaginationLink.js";
 import { RawPaginationPrevious as bp } from "./components/pagination/parts/RawPaginationPrevious.js";
@@ -124,7 +124,7 @@ import { PayFitBrand as wp } from "./components/payfit-brand/PayFitBrand.js";
 import { PayFitBrandPreprod as Gp } from "./components/payfit-brand/PayFitPreprod.js";
 import { PhoneNumberInput as Ip } from "./components/phone-number/PhoneNumberInput.js";
 import { Pill as Dp } from "./components/pill/Pill.js";
-import { Popover as vp } from "./components/popover/Popover.js";
+import { Popover as Mp } from "./components/popover/Popover.js";
 import { ProgressBar as Hp } from "./components/progress-bar/ProgressBar.js";
 import { RadioButtonGroup as Ep } from "./components/radio-button-group/RadioButtonGroup.js";
 import { RadioButton as Vp, radioButton as _p } from "./components/radio-button-group/parts/RadioButton.js";
@@ -136,7 +136,7 @@ import { SelectableButtonGroup as Zp, selectableButtonGroup as $p } from "./comp
 import { SelectableButton as ea, selectableButton as ra } from "./components/selectable-button-group/parts/SelectableButton.js";
 import { SelectableCardCheckboxGroup as pa } from "./components/selectable-card/selectable-card-checkbox-group/SelectableCardCheckboxGroup.js";
 import { SelectableCardCheckbox as ma } from "./components/selectable-card/selectable-card-checkbox-group/parts/SelectableCardCheckbox.js";
-import { SelectableCardRadioGroup as na } from "./components/selectable-card/selectable-card-radio-group/SelectableCardRadioGroup.js";
+import { SelectableCardRadioGroup as fa } from "./components/selectable-card/selectable-card-radio-group/SelectableCardRadioGroup.js";
 import { SelectableCardRadio as ia } from "./components/selectable-card/selectable-card-radio-group/parts/SelectableCardRadio.js";
 import { Select as ua } from "./components/select/Select.js";
 import { SelectButton as ga } from "./components/select/parts/SelectButton.js";
@@ -147,7 +147,7 @@ import { SidePanel as Pa, sidePanel as Ba } from "./components/side-panel/SidePa
 import { SidePanelContent as ka, sidePanelContent as wa } from "./components/side-panel/parts/SidePanelContent.js";
 import { SidePanelFooter as Ga, sidePanelFooter as ha } from "./components/side-panel/parts/SidePanelFooter.js";
 import { SidePanelHeader as La, sidePanelHeader as Da } from "./components/side-panel/parts/SidePanelHeader.js";
-import { SkipLink as va, SkipLinks as ya } from "./components/skip-links/SkipLinks.js";
+import { SkipLink as Ma, SkipLinks as ya } from "./components/skip-links/SkipLinks.js";
 import { Spinner as Na } from "./components/spinner/Spinner.js";
 import { Table as Oa, TableRoot as Va } from "./components/table/Table.js";
 import { TableBody as Ua, tableBody as Qa } from "./components/table/parts/TableBody.js";
@@ -155,7 +155,7 @@ import { TableCell as Xa, tableCell as ja } from "./components/table/parts/Table
 import { TableColumnHeader as za, tableColumnHeader as Ja } from "./components/table/parts/TableColumnHeader.js";
 import { TableEmptyState as Ya, TableEmptyStateError as Za, TableEmptyStateLoading as $a, TableEmptyStateNoData as om, TableEmptyStateText as em, tableEmptyState as rm } from "./components/table/parts/TableEmptyState.js";
 import { TableHeader as pm, tableHeader as am } from "./components/table/parts/TableHeader.js";
-import { TablePagination as xm, tablePagination as nm } from "./components/table/parts/TablePagination.js";
+import { TablePagination as xm, tablePagination as fm } from "./components/table/parts/TablePagination.js";
 import { TableRow as im, tableRow as lm } from "./components/table/parts/TableRow.js";
 import { Tabs as dm } from "./components/tabs/Tabs.js";
 import { RawTab as cm } from "./components/tabs/parts/RawTab.js";
@@ -165,7 +165,7 @@ import { TaskMenu as Cm, taskMenu as Pm } from "./components/task-menu/TaskMenu.
 import { RawSubTask as Am, rawSubTask as km } from "./components/task-menu/parts/RawSubTask.js";
 import { RawTask as Rm, rawTask as Gm } from "./components/task-menu/parts/RawTask.js";
 import { TaskGroup as Im } from "./components/task-menu/parts/TaskGroup.js";
-import { TextArea as Dm, textArea as Mm } from "./components/text-area/TextArea.js";
+import { TextArea as Dm, textArea as vm } from "./components/text-area/TextArea.js";
 import { Text as ym } from "./components/text/Text.js";
 import { text as Nm } from "./components/text/Text.variants.js";
 import { TOAST_CONFIG as Om, ToastManager as Vm } from "./components/toast/ToastManager.js";
@@ -178,7 +178,7 @@ import { useContainerQueryLevel as ox } from "./hooks/use-container-query-level.
 import { useMediaQuery as rx } from "./hooks/use-media-query.js";
 import { useUnityForm as px } from "./hooks/use-form.js";
 import { CheckboxField as mx } from "./components/checkbox-field/CheckboxField.js";
-import { CheckboxGroupField as nx } from "./components/checkbox-group-field/CheckboxGroupField.js";
+import { CheckboxGroupField as fx } from "./components/checkbox-group-field/CheckboxGroupField.js";
 import { DatePickerField as ix } from "./components/date-picker-field/DatePickerField.js";
 import { FormField as ux } from "./components/form-field/FormField.js";
 import { RawFormContextualLink as gx } from "./components/form-field/parts/RawFormContextualLink.js";
@@ -190,7 +190,7 @@ import { MultiSelectField as Ax } from "./components/multi-select-field/MultiSel
 import { NumberField as wx, numberField as Rx } from "./components/number-field/NumberField.js";
 import { RadioButtonGroupField as hx } from "./components/radio-button-group-field/RadioButtonGroupField.js";
 import { SelectableButtonGroupField as Lx } from "./components/selectable-button-group-field/SelectableButtonGroupField.js";
-import { SelectableCardCheckboxGroupField as Mx } from "./components/selectable-card-checkbox-group-field/SelectableCardCheckboxGroupField.js";
+import { SelectableCardCheckboxGroupField as vx } from "./components/selectable-card-checkbox-group-field/SelectableCardCheckboxGroupField.js";
 import { SelectableCardRadioGroupField as yx } from "./components/selectable-card-radio-group-field/SelectableCardRadioGroupField.js";
 import { SelectField as Nx } from "./components/select-field/SelectField.js";
 import { TextField as Ox } from "./components/text-field/TextField.js";
@@ -199,14 +199,15 @@ import { ToggleSwitchGroupField as Qx } from "./components/toggle-switch-group-f
 import { useTanstackUnityForm as Xx, withFieldGroup as jx, withForm as qx } from "./hooks/use-tanstack-form.js";
 import { useFieldContext as Jx, useFormContext as Kx } from "./hooks/tanstack-form-context.js";
 import { useFieldA11yContext as Zx } from "./components/form-field/TanstackFormField.context.js";
-import { NoopRouterProvider as on, RouterProvider as en, useRouter as rn } from "./providers/router/RouterProvider.js";
-import { DialogTrigger as pn, DialogTrigger as an } from "react-aria-components";
-import { FilterAdapters as xn } from "./components/filter-toolbar/utils/filter-adapters.js";
-import { useAsyncList as fn } from "react-stately";
+import { fieldRevalidateLogic as of } from "./utils/field-revalidate-logic.js";
+import { NoopRouterProvider as rf, RouterProvider as tf, useRouter as pf } from "./providers/router/RouterProvider.js";
+import { DialogTrigger as mf, DialogTrigger as xf } from "react-aria-components";
+import { FilterAdapters as nf } from "./components/filter-toolbar/utils/filter-adapters.js";
+import { useAsyncList as uf } from "react-stately";
 export {
   p as ActionBar,
   x as ActionBarAction,
-  f as ActionBarRoot,
+  n as ActionBarRoot,
   r as Actionable,
   u as Alert,
   g as AlertActions,
@@ -219,7 +220,7 @@ export {
   R as AppMenuContextProvider,
   I as AppMenuFooter,
   D as AppMenuHeader,
-  v as AppMenuNavContent,
+  M as AppMenuNavContent,
   H as Autocomplete,
   E as AutocompleteItem,
   _ as AutocompleteItemGroup,
@@ -242,8 +243,8 @@ export {
   ho as CardTitle,
   Ho as Checkbox,
   mx as CheckboxField,
-  Mo as CheckboxGroup,
-  nx as CheckboxGroupField,
+  vo as CheckboxGroup,
+  fx as CheckboxGroupField,
   Eo as CheckboxStandalone,
   Wr as CircularIconButton,
   Vo as Collapsible,
@@ -257,16 +258,16 @@ export {
   ix as DatePickerField,
   te as DefinitionTooltip,
   ae as Dialog,
-  ne as DialogActions,
+  fe as DialogActions,
   ie as DialogButton,
   ue as DialogContent,
   ge as DialogTitle,
-  pn as DialogTrigger,
+  mf as DialogTrigger,
   he as ErrorState,
   ye as FieldGroup,
   De as Fieldset,
   Ne as Filter,
-  xn as FilterAdapters,
+  nf as FilterAdapters,
   Ee as FilterControls,
   Oe as FilterLabels,
   Qe as FilterToolbar,
@@ -279,7 +280,7 @@ export {
   Tx as FormHelperText,
   Px as FormLabel,
   tr as FullPageLoader,
-  fr as FunnelBody,
+  nr as FunnelBody,
   mr as FunnelLayout,
   ur as FunnelPage,
   cr as FunnelPageAction,
@@ -309,26 +310,26 @@ export {
   Gt as MultiSelectOptGroup,
   It as MultiSelectOption,
   Dt as Nav,
-  vt as NavGroup,
+  Mt as NavGroup,
   jt as NavigationCardDescription,
   _t as NavigationCardGroup,
   Wt as NavigationCardLabel,
-  on as NoopRouterProvider,
+  rf as NoopRouterProvider,
   wx as NumberField,
   zt as NumberInput,
   Yt as Page,
   op as PageHeader,
   tp as PageHeading,
   ap as Pagination,
-  np as PaginationContent,
+  fp as PaginationContent,
   Tp as PaginationEllipsis,
   lp as PaginationItem,
   wp as PayFitBrand,
   Gp as PayFitBrandPreprod,
   Ip as PhoneNumberInput,
   Dp as Pill,
-  vp as Popover,
-  an as PopoverTrigger,
+  Mp as Popover,
+  xf as PopoverTrigger,
   Hp as ProgressBar,
   be as PromoDialog,
   ke as PromoDialogActions,
@@ -353,7 +354,7 @@ export {
   Am as RawSubTask,
   cm as RawTab,
   Rm as RawTask,
-  en as RouterProvider,
+  tf as RouterProvider,
   Xp as Search,
   zp as SegmentedButtonGroup,
   ua as Select,
@@ -367,15 +368,15 @@ export {
   Lx as SelectableButtonGroupField,
   ma as SelectableCardCheckbox,
   pa as SelectableCardCheckboxGroup,
-  Mx as SelectableCardCheckboxGroupField,
+  vx as SelectableCardCheckboxGroupField,
   ia as SelectableCardRadio,
-  na as SelectableCardRadioGroup,
+  fa as SelectableCardRadioGroup,
   yx as SelectableCardRadioGroupField,
   Pa as SidePanel,
   ka as SidePanelContent,
   Ga as SidePanelFooter,
   La as SidePanelHeader,
-  va as SkipLink,
+  Ma as SkipLink,
   ya as SkipLinks,
   Na as Spinner,
   qe as Stack,
@@ -414,16 +415,17 @@ export {
   O as autocompleteItem,
   U as autocompleteItemGroup,
   ao as bottomSheet,
-  no as bottomSheetContent,
+  fo as bottomSheetContent,
   lo as bottomSheetFooter,
   co as bottomSheetHeader,
   Ro as card,
-  vo as checkboxGroup,
+  Mo as checkboxGroup,
   Xr as circularIconButton,
   Jo as dataTableRoot,
   me as dialog,
   Ie as errorState,
-  Me as fieldset,
+  of as fieldRevalidateLogic,
+  ve as fieldset,
   Ve as filterContainer,
   _e as filterDismissButton,
   We as filterToolbar,
@@ -438,13 +440,13 @@ export {
   Ar as funnelPageFooter,
   Rr as funnelPageHeader,
   Ir as funnelSidebar,
-  Mr as funnelTopBar,
+  vr as funnelTopBar,
   oo as getInitials,
   Nr as grid,
   Er as gridItem,
   ot as link,
   at as listViewItem,
-  nt as listViewSection,
+  ft as listViewSection,
   Nt as navItemBase,
   Ut as navigationCardGroup,
   Rx as numberField,
@@ -452,7 +454,7 @@ export {
   Zt as page,
   ep as pageHeader,
   mp as pagination,
-  fp as paginationContent,
+  np as paginationContent,
   gp as paginationLink,
   se as promoDialog,
   _p as radioButton,
@@ -470,16 +472,16 @@ export {
   Ja as tableColumnHeader,
   rm as tableEmptyState,
   am as tableHeader,
-  nm as tablePagination,
+  fm as tablePagination,
   lm as tableRow,
   Pm as taskMenu,
   Nm as text,
-  Mm as textArea,
+  vm as textArea,
   Um as toast,
   zm as toggleSwitch,
   Xm as toggleSwitchGroup,
   G as useAppMenuContext,
-  fn as useAsyncList,
+  uf as useAsyncList,
   Zm as useBreakpointListener,
   ox as useContainerQueryLevel,
   Zx as useFieldA11yContext,
@@ -488,7 +490,7 @@ export {
   rx as useMediaQuery,
   Ap as usePaginationState,
   Pp as usePaginationWindow,
-  rn as useRouter,
+  pf as useRouter,
   Xx as useTanstackUnityForm,
   px as useUnityForm,
   jx as withFieldGroup,

package/dist/esm/utils/field-revalidate-logic.d.ts

@@ -0,0 +1,55 @@
+import { ValidationLogicFn } from '@tanstack/form-core';
+type ValidationEvent = 'blur' | 'change' | 'submit';
+export interface FieldRevalidateLogicProps {
+    /** Event to trigger onDynamic when observed fields have not been blurred yet (default: 'blur') */
+    whenPristine?: ValidationEvent;
+    /** Event to trigger onDynamic after the first blur (default: 'change') */
+    whenDirty?: ValidationEvent;
+    /** Fields observed by this validation logic */
+    fields: string[];
+}
+/**
+ * A `ValidationLogicFn` that controls when `onDynamic` / `onDynamicAsync`
+ * validators fire based on per-field blur state.
+ *
+ * Before the first blur → `onDynamic` fires on `whenPristine` (default: `'blur'`).
+ * After the first blur  → `onDynamic` fires on `whenDirty`    (default: `'change'`).
+ *
+ * **Important**: Fields listed in `fields` **must** use `onDynamic` (or
+ * `onDynamicAsync`) as their sole validation mechanism and be **excluded**
+ * from form-level validation schemas (e.g. `onBlur`, `onChange`).
+ * Mixing `onDynamic` with other validators on the same field leads to
+ * stale errors because standard validators are not re-run outside their
+ * original event.
+ *
+ * Validators without `onDynamic` (e.g. other fields validated via
+ * form-level `onBlur` schemas) are delegated to `defaultValidationLogic`.
+ * @example
+ * ```tsx
+ * const form = useTanstackUnityForm({
+ *   defaultValues: { password: '', email: '' },
+ *   validationLogic: fieldRevalidateLogic({
+ *     whenPristine: 'blur',
+ *     whenDirty: 'change',
+ *     fields: ['password'],
+ *   }),
+ *   // Form-level schema validates non-dynamic fields only.
+ *   // The password field is excluded — it uses onDynamic instead.
+ *   validators: { onBlur: z.object({ email: z.string().email() }) },
+ * })
+ *
+ * <form.AppField
+ *   name="password"
+ *   validators={{
+ *     onDynamic: ({ value }) => {
+ *       const result = passwordSchema.safeParse(value)
+ *       return result.success ? undefined : result.error.issues[0].message
+ *     },
+ *   }}
+ * >
+ *   {field => <field.PasswordField label="Password" />}
+ * </form.AppField>
+ * ```
+ */
+export declare const fieldRevalidateLogic: ({ whenPristine, whenDirty, }: FieldRevalidateLogicProps) => ValidationLogicFn;
+export {};

package/dist/esm/utils/field-revalidate-logic.js

@@ -0,0 +1,41 @@
+import { defaultValidationLogic as l } from "@tanstack/form-core";
+const m = {
+  change: ["change", "blur", "submit"],
+  blur: ["blur", "submit"],
+  submit: ["submit"]
+}, v = ({
+  whenPristine: r = "blur",
+  whenDirty: d = "change"
+}) => {
+  let n = !1;
+  return (a) => {
+    if (Object.keys(a.validators ?? {}).length === 0)
+      return a.runValidation({ validators: [], form: a.form });
+    const e = a.event.async ? a.validators?.onDynamicAsync : a.validators?.onDynamic;
+    if (!e)
+      return l(a);
+    a.event.type === "blur" && (n = !0);
+    const o = {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- TanStack FormValidators properties are typed as `any`
+      fn: e,
+      cause: "dynamic"
+    }, u = n ? d : r, t = [];
+    m[u].includes(a.event.type) && t.push(o);
+    let i = [];
+    return l({
+      ...a,
+      runValidation: (c) => {
+        i = c.validators;
+      }
+    }), t.length === 0 ? a.runValidation({
+      validators: i,
+      form: a.form
+    }) : a.runValidation({
+      validators: [...i, ...t],
+      form: a.form
+    });
+  };
+};
+export {
+  v as fieldRevalidateLogic
+};