@pindoba/react-tanstack-form 0.0.0-alpha-20261008173743 → 0.0.0-alpha-20261110151933

package/dist/src/FormCheckbox.d.ts

@@ -7,8 +7,8 @@ import { FieldSize } from "@pindoba/core-field";
  * `data-*`, …). Routed through `passThrough.input.props` so they land on the
  * `<input>`, not the Checkbox's root `<label>`.
  */
-type FormCheckboxAttributes = Omit<InputHTMLAttributes<HTMLInputElement>, Exclude<FormControlReservedAttribute, "value"> | "type">;
-type FormCheckboxProps = Omit<FormFieldOwnProps, "size"> & FormCheckboxAttributes & {
+export type FormCheckboxAttributes = Omit<InputHTMLAttributes<HTMLInputElement>, Exclude<FormControlReservedAttribute, "value"> | "type">;
+export type FormCheckboxProps = Omit<FormFieldOwnProps, "size"> & FormCheckboxAttributes & {
   /** The TanStack form instance returned by `useForm(...)`. */
   form: AnyFormApi;
   /**
@@ -28,7 +28,6 @@ type FormCheckboxProps = Omit<FormFieldOwnProps, "size"> & FormCheckboxAttribute
   ref?: React.Ref<HTMLInputElement>;
 };
 /** FormCheckbox — a `<Checkbox>` bound to a boolean TanStack form field. */
-declare const FormCheckbox: React.ForwardRefExoticComponent<Omit<FormCheckboxProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const FormCheckbox: React.ForwardRefExoticComponent<Omit<FormCheckboxProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 //#endregion
-export { FormCheckbox, FormCheckboxAttributes, FormCheckboxProps };
 //# sourceMappingURL=FormCheckbox.d.ts.map

package/dist/src/FormCheckbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormCheckbox.d.ts","names":[],"sources":["../../src/FormCheckbox.tsx"],"mappings":";;;;;;;;;KAuBY,yBAAyB,KACnC,oBAAoB,mBAEpB,QAAQ;KAGE,oBAAoB,KAAK,6BACnC;;EAEE,MAAM;;;;;EAKN;;EAEA,WAAW;;EAEX,OAAO,QAAQ;;;;;;EAMf,MAAM,MAAM,IAAI;;;cAIP,cAAY,MAAA,0BAAA,KAAA,4BAAA,MAAA,cAAA"}
+{"version":3,"file":"FormCheckbox.d.ts","names":[],"sources":["../../src/FormCheckbox.tsx"],"mappings":";;;;;;;;;YAuBY,yBAAyB,KACnC,oBAAoB,mBAEpB,QAAQ;YAGE,oBAAoB,KAAK,6BACnC;;EAEE,MAAM;;;;;EAKN;;EAEA,WAAW;;EAEX,OAAO,QAAQ;;;;;;EAMf,MAAM,MAAM,IAAI;;;qBAIP,cAAY,MAAA,0BAAA,KAAA,4BAAA,MAAA,cAAA"}

package/dist/src/FormField.d.ts

@@ -2,7 +2,7 @@ import { AnyFieldApi, AnyFormApi, FormFieldOwnProps } from "./types.js";
 import { JSX, ReactNode } from "react";
 import { FieldControlProps } from "@pindoba/core-field";
 //#region src/FormField.d.ts
-type FormFieldProps = FormFieldOwnProps & {
+export type FormFieldProps = FormFieldOwnProps & {
   /** The TanStack form instance returned by `useForm(...)`. */
   form: AnyFormApi;
   /** Field name (a key of the form's data). */
@@ -20,10 +20,9 @@ type FormFieldProps = FormFieldOwnProps & {
  * control via the `control` render-prop, which receives the Field's `controlProps`
  * bag plus the raw `field` API.
  */
-declare function FormField({ form, name, control, errorMode, ...fieldProps }: FormFieldProps): JSX.Element;
-declare namespace FormField {
+export declare function FormField({ form, name, control, errorMode, ...fieldProps }: FormFieldProps): JSX.Element;
+export declare namespace FormField {
   var displayName: string;
 }
 //#endregion
-export { FormField, FormFieldProps };
 //# sourceMappingURL=FormField.d.ts.map

package/dist/src/FormField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.d.ts","names":[],"sources":["../../src/FormField.tsx"],"mappings":";;;;KAOY,iBAAiB;;EAE3B,MAAM;;EAEN;;;;;EAKA,UAAU,cAAc,mBAAmB,OAAO,gBAAgB;;;;;;;;;iBAUpD,YACd,MACA,MACA,SACA,cACG,cACF,iBAAiB,IAAI;kBANR;MAAA"}
+{"version":3,"file":"FormField.d.ts","names":[],"sources":["../../src/FormField.tsx"],"mappings":";;;;YAOY,iBAAiB;;EAE3B,MAAM;;EAEN;;;;;EAKA,UAAU,cAAc,mBAAmB,OAAO,gBAAgB;;;;;;;;;wBAUpD,YACd,MACA,MACA,SACA,cACG,cACF,iBAAiB,IAAI;yBANR;MAAA"}

package/dist/src/FormInput.d.ts

@@ -9,8 +9,8 @@ import React from "react";
  * The form owns the value and the Field owns the id/aria wiring, so those are
  * reserved.
  */
-type FormInputAttributes = Omit<InputProps, FormControlReservedAttribute | "type" | "placeholder" | "ref">;
-type FormInputProps = FormFieldOwnProps & FormInputAttributes & {
+export type FormInputAttributes = Omit<InputProps, FormControlReservedAttribute | "type" | "placeholder" | "ref">;
+export type FormInputProps = FormFieldOwnProps & FormInputAttributes & {
   /** The TanStack form instance returned by `useForm(...)`. */
   form: AnyFormApi;
   /**
@@ -34,7 +34,6 @@ type FormInputProps = FormFieldOwnProps & FormInputAttributes & {
  * that isn't a Field prop (label, description, …) is forwarded to the
  * `<input>`; consumer `onChange`/`onBlur` run after the form's own handlers.
  */
-declare const FormInput: React.ForwardRefExoticComponent<Omit<FormInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const FormInput: React.ForwardRefExoticComponent<Omit<FormInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 //#endregion
-export { FormInput, FormInputAttributes, FormInputProps };
 //# sourceMappingURL=FormInput.d.ts.map

package/dist/src/FormInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormInput.d.ts","names":[],"sources":["../../src/FormInput.tsx"],"mappings":";;;;;;;;;;;KAiBY,sBAAsB,KAChC,YACA;KAGU,iBAAiB,oBAC3B;;EAEE,MAAM;;;;;EAKN;;EAEA,OAAO;;EAEP;;;;;;EAMA,MAAM,MAAM,IAAI;;;;;;;cAQP,WAAS,MAAA,0BAAA,KAAA,yBAAA,MAAA,cAAA"}
+{"version":3,"file":"FormInput.d.ts","names":[],"sources":["../../src/FormInput.tsx"],"mappings":";;;;;;;;;;;YAiBY,sBAAsB,KAChC,YACA;YAGU,iBAAiB,oBAC3B;;EAEE,MAAM;;;;;EAKN;;EAEA,OAAO;;EAEP;;;;;;EAMA,MAAM,MAAM,IAAI;;;;;;;qBAQP,WAAS,MAAA,0BAAA,KAAA,yBAAA,MAAA,cAAA"}

package/dist/src/FormSelect.d.ts

@@ -9,8 +9,8 @@ import { ListBoxNodeInput } from "@pindoba/core-listbox";
  * (`clearable`, `leading`, `listbox*`, `data-*`, `aria-*`, …). The form owns
  * the (single) selection, so the value/selection-mode props are reserved.
  */
-type FormSelectAttributes = Omit<SelectProps, FormControlReservedAttribute | "items" | "placeholder" | "selectionMode" | "onValueChange" | "ref">;
-type FormSelectProps = Omit<FormFieldOwnProps, "size"> & FormSelectAttributes & {
+export type FormSelectAttributes = Omit<SelectProps, FormControlReservedAttribute | "items" | "placeholder" | "selectionMode" | "onValueChange" | "ref">;
+export type FormSelectProps = Omit<FormFieldOwnProps, "size"> & FormSelectAttributes & {
   /** The TanStack form instance returned by `useForm(...)`. */
   form: AnyFormApi;
   /**
@@ -37,7 +37,6 @@ type FormSelectProps = Omit<FormFieldOwnProps, "size"> & FormSelectAttributes &
   ref?: React.Ref<HTMLDivElement>;
 };
 /** FormSelect — a single-select `<Select>` bound to a TanStack form field. */
-declare const FormSelect: React.ForwardRefExoticComponent<Omit<FormSelectProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const FormSelect: React.ForwardRefExoticComponent<Omit<FormSelectProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 //#endregion
-export { FormSelect, FormSelectAttributes, FormSelectProps };
 //# sourceMappingURL=FormSelect.d.ts.map

package/dist/src/FormSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormSelect.d.ts","names":[],"sources":["../../src/FormSelect.tsx"],"mappings":";;;;;;;;;;;KAiBY,uBAAuB,KACjC,aACE;KAQQ,kBAAkB,KAAK,6BACjC;;EAEE,MAAM;;;;;EAKN;;EAEA,OAAO;;EAEP;;EAEA,OAAO,QAAQ;;;;;EAKf;;;;;;EAMA,MAAM,MAAM,IAAI;;;cAIP,YAAU,MAAA,0BAAA,KAAA,0BAAA,MAAA,cAAA"}
+{"version":3,"file":"FormSelect.d.ts","names":[],"sources":["../../src/FormSelect.tsx"],"mappings":";;;;;;;;;;;YAsBY,uBAAuB,KACjC,aACE;YAQQ,kBAAkB,KAAK,6BACjC;;EAEE,MAAM;;;;;EAKN;;EAEA,OAAO;;EAEP;;EAEA,OAAO,QAAQ;;;;;EAKf;;;;;;EAMA,MAAM,MAAM,IAAI;;;qBAIP,YAAU,MAAA,0BAAA,KAAA,0BAAA,MAAA,cAAA"}

package/dist/src/FormSelect.js

@@ -1,5 +1,5 @@
 import { FormField } from "./FormField.js";
-import { splitFormFieldProps } from "@pindoba/core-tanstack-form";
+import { fromSelectValue, markTouchedOnSelectClose, splitFormFieldProps, toSelectValue } from "@pindoba/core-tanstack-form";
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import Select from "@pindoba/react-select";
@@ -21,10 +21,10 @@ const FormSelect = React.forwardRef(function FormSelect({ form, name, items, pla
 			items,
 			placeholder,
 			...autoComplete ? { passThrough: { hiddenSelect: { props: { autoComplete } } } } : {},
-			value: typeof field.state.value === "string" && field.state.value ? field.state.value : null,
-			onValueChange: (next) => field.handleChange(typeof next === "string" ? next : ""),
+			value: toSelectValue(field.state.value),
+			onValueChange: (next) => field.handleChange(fromSelectValue(next)),
 			onOpenChange: (open) => {
-				if (!open) field.handleBlur();
+				markTouchedOnSelectClose(field, open);
 				onOpenChange?.(open);
 			}
 		})

package/dist/src/FormSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSelect.js","names":[],"sources":["../../src/FormSelect.tsx"],"sourcesContent":["import type { FieldSize } from \"@pindoba/core-field\";\nimport type { ListBoxNodeInput } from \"@pindoba/core-listbox\";\nimport { splitFormFieldProps } from \"@pindoba/core-tanstack-form\";\nimport Select, { type SelectProps } from \"@pindoba/react-select\";\nimport React, { type JSX } from \"react\";\nimport { FormField } from \"./FormField\";\nimport type {\n  AnyFormApi,\n  FormControlReservedAttribute,\n  FormFieldOwnProps,\n} from \"./types\";\n\n/**\n * Select props and trigger attributes a consumer may pass through\n * (`clearable`, `leading`, `listbox*`, `data-*`, `aria-*`, …). The form owns\n * the (single) selection, so the value/selection-mode props are reserved.\n */\nexport type FormSelectAttributes = Omit<\n  SelectProps,\n  | FormControlReservedAttribute\n  | \"items\"\n  | \"placeholder\"\n  | \"selectionMode\"\n  | \"onValueChange\"\n  | \"ref\"\n>;\n\nexport type FormSelectProps = Omit<FormFieldOwnProps, \"size\"> &\n  FormSelectAttributes & {\n    /** The TanStack form instance returned by `useForm(...)`. */\n    form: AnyFormApi;\n    /**\n     * Field name (a key of the form's data holding the selected option key).\n     * Also the `name` of the hidden native `<select>` mirror.\n     */\n    name: string;\n    /** Options to choose from. */\n    items: ListBoxNodeInput[];\n    /** Placeholder shown when nothing is selected. */\n    placeholder?: string;\n    /** Size variant. Select supports `sm`/`md`/`lg` (no `xs`). */\n    size?: Exclude<FieldSize, \"xs\">;\n    /**\n     * Autofill hint (e.g. `\"country\"`) set on the hidden native `<select>`\n     * mirror, which the browser autofills and the Select syncs from.\n     */\n    autoComplete?: string;\n    /**\n     * Ref forwarded to the Select's focusable trigger (`role=\"combobox\"`) —\n     * the focus target (`ref.current.focus()`).\n     * @group Advanced\n     */\n    ref?: React.Ref<HTMLDivElement>;\n  };\n\n/** FormSelect — a single-select `<Select>` bound to a TanStack form field. */\nexport const FormSelect = React.forwardRef<HTMLDivElement, FormSelectProps>(\n  function FormSelect(\n    { form, name, items, placeholder, autoComplete, ...rest },\n    ref,\n  ): JSX.Element {\n    const { fieldProps, controlAttrs } = splitFormFieldProps(rest);\n    const { onOpenChange, ...selectAttrs } = controlAttrs;\n    return (\n      <FormField\n        form={form}\n        name={name}\n        {...fieldProps}\n        control={(props, field) => (\n          <Select\n            {...selectAttrs}\n            {...props}\n            ref={ref}\n            name={name}\n            size={fieldProps.size}\n            items={items}\n            placeholder={placeholder}\n            {...(autoComplete\n              ? { passThrough: { hiddenSelect: { props: { autoComplete } } } }\n              : {})}\n            value={\n              typeof field.state.value === \"string\" && field.state.value\n                ? field.state.value\n                : null\n            }\n            onValueChange={(next) =>\n              field.handleChange(typeof next === \"string\" ? next : \"\")\n            }\n            onOpenChange={(open) => {\n              // Mark touched when the dropdown closes — so `errorMode=\"touched\"`\n              // surfaces a required error after opening and dismissing without\n              // picking.\n              if (!open) field.handleBlur();\n              onOpenChange?.(open);\n            }}\n          />\n        )}\n      />\n    );\n  },\n);\n\nFormSelect.displayName = \"FormSelect\";\n"],"mappings":";;;;;;;AAwDA,MAAa,aAAa,MAAM,WAC9B,SAAS,WACP,EAAE,MAAM,MAAM,OAAO,aAAa,cAAc,GAAG,QACnD,KACa;CACb,MAAM,EAAE,YAAY,iBAAiB,oBAAoB,IAAI;CAC7D,MAAM,EAAE,cAAc,GAAG,gBAAgB;CACzC,OACE,oBAAC,WAAD;EACQ;EACA;EACN,GAAI;EACJ,UAAU,OAAO,UACf,oBAAC,QAAD;GACE,GAAI;GACJ,GAAI;GACC;GACC;GACN,MAAM,WAAW;GACV;GACM;GACb,GAAK,eACD,EAAE,aAAa,EAAE,cAAc,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE,IAC7D,CAAC;GACL,OACE,OAAO,MAAM,MAAM,UAAU,YAAY,MAAM,MAAM,QACjD,MAAM,MAAM,QACZ;GAEN,gBAAgB,SACd,MAAM,aAAa,OAAO,SAAS,WAAW,OAAO,EAAE;GAEzD,eAAe,SAAS;IAItB,IAAI,CAAC,MAAM,MAAM,WAAW;IAC5B,eAAe,IAAI;GACrB;EACD,CAAA;CAEJ,CAAA;AAEL,CACF;AAEA,WAAW,cAAc"}
+{"version":3,"file":"FormSelect.js","names":[],"sources":["../../src/FormSelect.tsx"],"sourcesContent":["import type { FieldSize } from \"@pindoba/core-field\";\nimport type { ListBoxNodeInput } from \"@pindoba/core-listbox\";\nimport {\n  fromSelectValue,\n  markTouchedOnSelectClose,\n  splitFormFieldProps,\n  toSelectValue,\n} from \"@pindoba/core-tanstack-form\";\nimport Select, { type SelectProps } from \"@pindoba/react-select\";\nimport React, { type JSX } from \"react\";\nimport { FormField } from \"./FormField\";\nimport type {\n  AnyFormApi,\n  FormControlReservedAttribute,\n  FormFieldOwnProps,\n} from \"./types\";\n\n/**\n * Select props and trigger attributes a consumer may pass through\n * (`clearable`, `leading`, `listbox*`, `data-*`, `aria-*`, …). The form owns\n * the (single) selection, so the value/selection-mode props are reserved.\n */\nexport type FormSelectAttributes = Omit<\n  SelectProps,\n  | FormControlReservedAttribute\n  | \"items\"\n  | \"placeholder\"\n  | \"selectionMode\"\n  | \"onValueChange\"\n  | \"ref\"\n>;\n\nexport type FormSelectProps = Omit<FormFieldOwnProps, \"size\"> &\n  FormSelectAttributes & {\n    /** The TanStack form instance returned by `useForm(...)`. */\n    form: AnyFormApi;\n    /**\n     * Field name (a key of the form's data holding the selected option key).\n     * Also the `name` of the hidden native `<select>` mirror.\n     */\n    name: string;\n    /** Options to choose from. */\n    items: ListBoxNodeInput[];\n    /** Placeholder shown when nothing is selected. */\n    placeholder?: string;\n    /** Size variant. Select supports `sm`/`md`/`lg` (no `xs`). */\n    size?: Exclude<FieldSize, \"xs\">;\n    /**\n     * Autofill hint (e.g. `\"country\"`) set on the hidden native `<select>`\n     * mirror, which the browser autofills and the Select syncs from.\n     */\n    autoComplete?: string;\n    /**\n     * Ref forwarded to the Select's focusable trigger (`role=\"combobox\"`) —\n     * the focus target (`ref.current.focus()`).\n     * @group Advanced\n     */\n    ref?: React.Ref<HTMLDivElement>;\n  };\n\n/** FormSelect — a single-select `<Select>` bound to a TanStack form field. */\nexport const FormSelect = React.forwardRef<HTMLDivElement, FormSelectProps>(\n  function FormSelect(\n    { form, name, items, placeholder, autoComplete, ...rest },\n    ref,\n  ): JSX.Element {\n    const { fieldProps, controlAttrs } = splitFormFieldProps(rest);\n    const { onOpenChange, ...selectAttrs } = controlAttrs;\n    return (\n      <FormField\n        form={form}\n        name={name}\n        {...fieldProps}\n        control={(props, field) => (\n          <Select\n            {...selectAttrs}\n            {...props}\n            ref={ref}\n            name={name}\n            size={fieldProps.size}\n            items={items}\n            placeholder={placeholder}\n            {...(autoComplete\n              ? { passThrough: { hiddenSelect: { props: { autoComplete } } } }\n              : {})}\n            value={toSelectValue(field.state.value)}\n            onValueChange={(next) => field.handleChange(fromSelectValue(next))}\n            onOpenChange={(open) => {\n              // Mark touched when the dropdown closes — so `errorMode=\"touched\"`\n              // surfaces a required error after opening and dismissing without\n              // picking.\n              markTouchedOnSelectClose(field, open);\n              onOpenChange?.(open);\n            }}\n          />\n        )}\n      />\n    );\n  },\n);\n\nFormSelect.displayName = \"FormSelect\";\n"],"mappings":";;;;;;;AA6DA,MAAa,aAAa,MAAM,WAC9B,SAAS,WACP,EAAE,MAAM,MAAM,OAAO,aAAa,cAAc,GAAG,QACnD,KACa;CACb,MAAM,EAAE,YAAY,iBAAiB,oBAAoB,IAAI;CAC7D,MAAM,EAAE,cAAc,GAAG,gBAAgB;CACzC,OACE,oBAAC,WAAD;EACQ;EACA;EACN,GAAI;EACJ,UAAU,OAAO,UACf,oBAAC,QAAD;GACE,GAAI;GACJ,GAAI;GACC;GACC;GACN,MAAM,WAAW;GACV;GACM;GACb,GAAK,eACD,EAAE,aAAa,EAAE,cAAc,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE,IAC7D,CAAC;GACL,OAAO,cAAc,MAAM,MAAM,KAAK;GACtC,gBAAgB,SAAS,MAAM,aAAa,gBAAgB,IAAI,CAAC;GACjE,eAAe,SAAS;IAItB,yBAAyB,OAAO,IAAI;IACpC,eAAe,IAAI;GACrB;EACD,CAAA;CAEJ,CAAA;AAEL,CACF;AAEA,WAAW,cAAc"}

package/dist/src/FormSubmit.d.ts

@@ -2,7 +2,7 @@ import { AnyFormApi } from "./types.js";
 import React, { ReactNode } from "react";
 import { ButtonProps } from "@pindoba/react-button";
 //#region src/FormSubmit.d.ts
-type FormSubmitProps = {
+export type FormSubmitProps = {
   /** The TanStack form instance returned by `useForm(...)`. */
   form: AnyFormApi;
   /**
@@ -27,10 +27,11 @@ type FormSubmitProps = {
 };
 /**
  * FormSubmit — a submit `<Button>` wired to the form's submit-readiness. While
- * the `onSubmit` promise is in flight the label is blurred with a corner spinner
- * (`Loading variant="busy"`) and the button is disabled + `aria-busy`.
+ * the `onSubmit` promise is in flight the button keeps its width and colour and
+ * its label is swapped for a spinner (`Loading variant="busy"
+ * indicator="inline"`); it's `aria-busy` and inert, not disabled — a disabled
+ * button would grey out as if the action weren't available.
  */
-declare const FormSubmit: React.ForwardRefExoticComponent<Omit<FormSubmitProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const FormSubmit: React.ForwardRefExoticComponent<Omit<FormSubmitProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 //#endregion
-export { FormSubmit, FormSubmitProps };
 //# sourceMappingURL=FormSubmit.d.ts.map

package/dist/src/FormSubmit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormSubmit.d.ts","names":[],"sources":["../../src/FormSubmit.tsx"],"mappings":";;;;KAMY;;EAEV,MAAM;;;;;;;EAON;;EAEA,WAAW;;EAEX,OAAO;;EAEP,WAAW;;;;;;EAMX,MAAM,MAAM,IAAI;;;;;;;cAQL,YAAU,MAAA,0BAAA,KAAA,0BAAA,MAAA,cAAA"}
+{"version":3,"file":"FormSubmit.d.ts","names":[],"sources":["../../src/FormSubmit.tsx"],"mappings":";;;;YAOY;;EAEV,MAAM;;;;;;;EAON;;EAEA,WAAW;;EAEX,OAAO;;EAEP,WAAW;;;;;;EAMX,MAAM,MAAM,IAAI;;;;;;;;;qBAUL,YAAU,MAAA,0BAAA,KAAA,0BAAA,MAAA,cAAA"}

package/dist/src/FormSubmit.js

@@ -1,4 +1,5 @@
 import { useStore } from "@tanstack/react-form";
+import { getSubmitButtonState } from "@pindoba/core-tanstack-form";
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import Button from "@pindoba/react-button";
@@ -6,25 +7,31 @@ import Loading from "@pindoba/react-loading";
 //#region src/FormSubmit.tsx
 /**
 * FormSubmit — a submit `<Button>` wired to the form's submit-readiness. While
-* the `onSubmit` promise is in flight the label is blurred with a corner spinner
-* (`Loading variant="busy"`) and the button is disabled + `aria-busy`.
+* the `onSubmit` promise is in flight the button keeps its width and colour and
+* its label is swapped for a spinner (`Loading variant="busy"
+* indicator="inline"`); it's `aria-busy` and inert, not disabled — a disabled
+* button would grey out as if the action weren't available.
 */
 const FormSubmit = React.forwardRef(function FormSubmit({ form, disableWhenInvalid = false, emphasis = "primary", size, children }, ref) {
 	const { canSubmit, isSubmitting } = useStore(form.store, (state) => ({
 		canSubmit: state.canSubmit,
 		isSubmitting: state.isSubmitting
 	}));
+	const button = getSubmitButtonState({
+		canSubmit,
+		isSubmitting
+	}, disableWhenInvalid);
 	return /* @__PURE__ */ jsx(Loading, {
-		loading: isSubmitting,
+		loading: button.busy,
 		variant: "busy",
-		indicator: true,
+		indicator: "inline",
 		children: /* @__PURE__ */ jsx(Button, {
 			ref,
 			type: "submit",
 			emphasis,
 			size,
-			disabled: isSubmitting || disableWhenInvalid && !canSubmit,
-			"aria-busy": isSubmitting ? "true" : void 0,
+			disabled: button.disabled,
+			"aria-busy": button.ariaBusy,
 			children: children ?? "Submit"
 		})
 	});

package/dist/src/FormSubmit.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSubmit.js","names":[],"sources":["../../src/FormSubmit.tsx"],"sourcesContent":["import Button, { type ButtonProps } from \"@pindoba/react-button\";\nimport Loading from \"@pindoba/react-loading\";\nimport { useStore } from \"@tanstack/react-form\";\nimport React, { type JSX, type ReactNode } from \"react\";\nimport type { AnyFormApi } from \"./types\";\n\nexport type FormSubmitProps = {\n  /** The TanStack form instance returned by `useForm(...)`. */\n  form: AnyFormApi;\n  /**\n   * Also disable while the form is invalid (not just while submitting). Off by\n   * default — the button stays clickable so submitting an invalid form surfaces\n   * its errors instead of leaving the user stuck on a disabled control.\n   * @default false\n   */\n  disableWhenInvalid?: boolean;\n  /** Emphasis forwarded to the underlying `<Button>`. */\n  emphasis?: ButtonProps[\"emphasis\"];\n  /** Size forwarded to the underlying `<Button>`. */\n  size?: ButtonProps[\"size\"];\n  /** Button label content. Falls back to \"Submit\". */\n  children?: ReactNode;\n  /**\n   * Ref forwarded to the native submit `<button>` (through the underlying\n   * `<Button>`).\n   * @group Advanced\n   */\n  ref?: React.Ref<HTMLButtonElement>;\n};\n\n/**\n * FormSubmit — a submit `<Button>` wired to the form's submit-readiness. While\n * the `onSubmit` promise is in flight the label is blurred with a corner spinner\n * (`Loading variant=\"busy\"`) and the button is disabled + `aria-busy`.\n */\nexport const FormSubmit = React.forwardRef<HTMLButtonElement, FormSubmitProps>(\n  function FormSubmit(\n    { form, disableWhenInvalid = false, emphasis = \"primary\", size, children },\n    ref,\n  ): JSX.Element {\n    const { canSubmit, isSubmitting } = useStore(form.store, (state) => ({\n      canSubmit: state.canSubmit,\n      isSubmitting: state.isSubmitting,\n    }));\n\n    return (\n      <Loading loading={isSubmitting} variant=\"busy\" indicator>\n        <Button\n          ref={ref}\n          type=\"submit\"\n          emphasis={emphasis}\n          size={size}\n          disabled={isSubmitting || (disableWhenInvalid && !canSubmit)}\n          aria-busy={isSubmitting ? \"true\" : undefined}\n        >\n          {children ?? \"Submit\"}\n        </Button>\n      </Loading>\n    );\n  },\n);\n\nFormSubmit.displayName = \"FormSubmit\";\n"],"mappings":";;;;;;;;;;;AAmCA,MAAa,aAAa,MAAM,WAC9B,SAAS,WACP,EAAE,MAAM,qBAAqB,OAAO,WAAW,WAAW,MAAM,YAChE,KACa;CACb,MAAM,EAAE,WAAW,iBAAiB,SAAS,KAAK,QAAQ,WAAW;EACnE,WAAW,MAAM;EACjB,cAAc,MAAM;CACtB,EAAE;CAEF,OACE,oBAAC,SAAD;EAAS,SAAS;EAAc,SAAQ;EAAO,WAAA;EAC7C,UAAA,oBAAC,QAAD;GACO;GACL,MAAK;GACK;GACJ;GACN,UAAU,gBAAiB,sBAAsB,CAAC;GAClD,aAAW,eAAe,SAAS,KAAA;GAElC,UAAA,YAAY;EACP,CAAA;CACD,CAAA;AAEb,CACF;AAEA,WAAW,cAAc"}
+{"version":3,"file":"FormSubmit.js","names":[],"sources":["../../src/FormSubmit.tsx"],"sourcesContent":["import { getSubmitButtonState } from \"@pindoba/core-tanstack-form\";\nimport Button, { type ButtonProps } from \"@pindoba/react-button\";\nimport Loading from \"@pindoba/react-loading\";\nimport { useStore } from \"@tanstack/react-form\";\nimport React, { type JSX, type ReactNode } from \"react\";\nimport type { AnyFormApi } from \"./types\";\n\nexport type FormSubmitProps = {\n  /** The TanStack form instance returned by `useForm(...)`. */\n  form: AnyFormApi;\n  /**\n   * Also disable while the form is invalid (not just while submitting). Off by\n   * default — the button stays clickable so submitting an invalid form surfaces\n   * its errors instead of leaving the user stuck on a disabled control.\n   * @default false\n   */\n  disableWhenInvalid?: boolean;\n  /** Emphasis forwarded to the underlying `<Button>`. */\n  emphasis?: ButtonProps[\"emphasis\"];\n  /** Size forwarded to the underlying `<Button>`. */\n  size?: ButtonProps[\"size\"];\n  /** Button label content. Falls back to \"Submit\". */\n  children?: ReactNode;\n  /**\n   * Ref forwarded to the native submit `<button>` (through the underlying\n   * `<Button>`).\n   * @group Advanced\n   */\n  ref?: React.Ref<HTMLButtonElement>;\n};\n\n/**\n * FormSubmit — a submit `<Button>` wired to the form's submit-readiness. While\n * the `onSubmit` promise is in flight the button keeps its width and colour and\n * its label is swapped for a spinner (`Loading variant=\"busy\"\n * indicator=\"inline\"`); it's `aria-busy` and inert, not disabled — a disabled\n * button would grey out as if the action weren't available.\n */\nexport const FormSubmit = React.forwardRef<HTMLButtonElement, FormSubmitProps>(\n  function FormSubmit(\n    { form, disableWhenInvalid = false, emphasis = \"primary\", size, children },\n    ref,\n  ): JSX.Element {\n    const { canSubmit, isSubmitting } = useStore(form.store, (state) => ({\n      canSubmit: state.canSubmit,\n      isSubmitting: state.isSubmitting,\n    }));\n\n    const button = getSubmitButtonState(\n      { canSubmit, isSubmitting },\n      disableWhenInvalid,\n    );\n\n    return (\n      <Loading loading={button.busy} variant=\"busy\" indicator=\"inline\">\n        <Button\n          ref={ref}\n          type=\"submit\"\n          emphasis={emphasis}\n          size={size}\n          disabled={button.disabled}\n          aria-busy={button.ariaBusy}\n        >\n          {children ?? \"Submit\"}\n        </Button>\n      </Loading>\n    );\n  },\n);\n\nFormSubmit.displayName = \"FormSubmit\";\n"],"mappings":";;;;;;;;;;;;;;AAsCA,MAAa,aAAa,MAAM,WAC9B,SAAS,WACP,EAAE,MAAM,qBAAqB,OAAO,WAAW,WAAW,MAAM,YAChE,KACa;CACb,MAAM,EAAE,WAAW,iBAAiB,SAAS,KAAK,QAAQ,WAAW;EACnE,WAAW,MAAM;EACjB,cAAc,MAAM;CACtB,EAAE;CAEF,MAAM,SAAS,qBACb;EAAE;EAAW;CAAa,GAC1B,kBACF;CAEA,OACE,oBAAC,SAAD;EAAS,SAAS,OAAO;EAAM,SAAQ;EAAO,WAAU;EACtD,UAAA,oBAAC,QAAD;GACO;GACL,MAAK;GACK;GACJ;GACN,UAAU,OAAO;GACjB,aAAW,OAAO;GAEjB,UAAA,YAAY;EACP,CAAA;CACD,CAAA;AAEb,CACF;AAEA,WAAW,cAAc"}

package/dist/src/FormTextarea.d.ts

@@ -7,8 +7,8 @@ import { TextareaProps } from "@pindoba/react-textarea";
  * `wrap`, `data-*`, …) plus the Textarea's own `rows`/`resize`/`autoResize`.
  * The form owns the value and the Field owns the id/aria wiring.
  */
-type FormTextareaAttributes = Omit<TextareaProps, FormControlReservedAttribute | "ref">;
-type FormTextareaProps = FormFieldOwnProps & FormTextareaAttributes & {
+export type FormTextareaAttributes = Omit<TextareaProps, FormControlReservedAttribute | "ref">;
+export type FormTextareaProps = FormFieldOwnProps & FormTextareaAttributes & {
   /** The TanStack form instance returned by `useForm(...)`. */
   form: AnyFormApi;
   /**
@@ -29,7 +29,6 @@ type FormTextareaProps = FormFieldOwnProps & FormTextareaAttributes & {
  * `aria-describedby` / `aria-errormessage`, change + blur handlers. Consumer
  * `onChange`/`onBlur` run after the form's own handlers.
  */
-declare const FormTextarea: React.ForwardRefExoticComponent<Omit<FormTextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export declare const FormTextarea: React.ForwardRefExoticComponent<Omit<FormTextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 //#endregion
-export { FormTextarea, FormTextareaAttributes, FormTextareaProps };
 //# sourceMappingURL=FormTextarea.d.ts.map

package/dist/src/FormTextarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormTextarea.d.ts","names":[],"sources":["../../src/FormTextarea.tsx"],"mappings":";;;;;;;;;KAeY,yBAAyB,KACnC,eACA;KAGU,oBAAoB,oBAC9B;;EAEE,MAAM;;;;;EAKN;;;;;;EAMA,MAAM,MAAM,IAAI;;;;;;;;cASP,cAAY,MAAA,0BAAA,KAAA,4BAAA,MAAA,cAAA"}
+{"version":3,"file":"FormTextarea.d.ts","names":[],"sources":["../../src/FormTextarea.tsx"],"mappings":";;;;;;;;;YAeY,yBAAyB,KACnC,eACA;YAGU,oBAAoB,oBAC9B;;EAEE,MAAM;;;;;EAKN;;;;;;EAMA,MAAM,MAAM,IAAI;;;;;;;;qBASP,cAAY,MAAA,0BAAA,KAAA,4BAAA,MAAA,cAAA"}

package/dist/src/field-errors.js

@@ -1,2 +1 @@
-import { getVisibleErrors, normalizeErrors } from "@pindoba/core-tanstack-form";
-export { getVisibleErrors, normalizeErrors };
+export { getVisibleErrors, normalizeErrors } from "@pindoba/core-tanstack-form";

package/dist/src/types.d.ts

@@ -8,7 +8,7 @@ import { FieldPassThrough } from "@pindoba/core-field";
  * wrapper (`<FormInput>`, `<FormTextarea>`, `<FormSelect>`, `<FormCheckbox>`). These mirror the
  * presentational `<Field>` props; the adapter supplies `error` from TanStack.
  */
-interface FormFieldOwnProps extends Omit<FormFieldBaseProps, "form" | "name" | "labelTooltip" | "passThrough"> {
+export interface FormFieldOwnProps extends Omit<FormFieldBaseProps, "form" | "name" | "labelTooltip" | "passThrough"> {
   /** Tooltip attached to an info trigger next to the label. */
   labelTooltip?: ReactNode;
   /** Per-slot escape hatch for styling and attributes. */
@@ -17,9 +17,9 @@ interface FormFieldOwnProps extends Omit<FormFieldBaseProps, "form" | "name" | "
 /**
  * Keys a convenience wrapper never forwards from its native-attribute bucket:
  * the TanStack binding owns `form`/`name`/value, the Field owns `id` + the
- * shared `size`/`feedback`/`disabled`/`required`/`passThrough` props.
+ * shared `size`/`tone`/`disabled`/`required`/`passThrough` props.
  */
-type FormControlReservedAttribute = "form" | "name" | "value" | "defaultValue" | "checked" | "defaultChecked" | "id" | "size" | "feedback" | "disabled" | "required" | "passThrough" | "children";
+export type FormControlReservedAttribute = "form" | "name" | "value" | "defaultValue" | "checked" | "defaultChecked" | "id" | "size" | "tone" | "disabled" | "required" | "passThrough" | "children";
 //#endregion
-export { type AnyFieldApi, type AnyFormApi, FormControlReservedAttribute, type FormFieldErrorMode, FormFieldOwnProps };
+export type { AnyFieldApi, AnyFormApi, FormFieldErrorMode };
 //# sourceMappingURL=types.d.ts.map

package/dist/src/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/types.ts"],"mappings":";;;;;;;;;;UAciB,0BAA0B,KACzC;;EAIA,eAAe;;EAEf,cAAc;;;;;;;KAQJ"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/types.ts"],"mappings":";;;;;;;;;;iBAciB,0BAA0B,KACzC;;EAIA,eAAe;;EAEf,cAAc;;;;;;;YAQJ"}

package/dist/src/useFocusInvalidOnSubmit.d.ts

@@ -21,9 +21,8 @@ import { FocusInvalidOptions } from "@pindoba/core-tanstack-form";
  * markers are in the DOM. TanStack Form does no DOM focus itself, so without
  * this a keyboard user is stranded on the submit button (WCAG 3.3.1).
  */
-declare function useFocusInvalidOnSubmit(form: AnyFormApi, options?: FocusInvalidOptions): {
+export declare function useFocusInvalidOnSubmit(form: AnyFormApi, options?: FocusInvalidOptions): {
   current: HTMLFormElement | null;
 };
 //#endregion
-export { useFocusInvalidOnSubmit };
 //# sourceMappingURL=useFocusInvalidOnSubmit.d.ts.map

package/dist/src/useFocusInvalidOnSubmit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusInvalidOnSubmit.d.ts","names":[],"sources":["../../src/useFocusInvalidOnSubmit.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;iBA6BgB,wBACd,MAAM,YACN,UAAU;EACP,SAAS"}
+{"version":3,"file":"useFocusInvalidOnSubmit.d.ts","names":[],"sources":["../../src/useFocusInvalidOnSubmit.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;wBA6BgB,wBACd,MAAM,YACN,UAAU;EACP,SAAS"}

package/dist/src/useFocusInvalidOnSubmit.js

@@ -26,18 +26,20 @@ function useFocusInvalidOnSubmit(form, options) {
 	const formRef = useRef(null);
 	const submissionAttempts = useStore(form.store, (s) => s.submissionAttempts);
 	const isValidating = useStore(form.store, (s) => s.isValidating);
+	const isSubmitting = useStore(form.store, (s) => s.isSubmitting);
 	const isValid = useStore(form.store, (s) => s.isValid);
 	const trackerRef = useRef(null);
 	if (trackerRef.current === null) trackerRef.current = createSubmitFocusTracker(() => focusFirstInvalidControl(formRef.current, options), submissionAttempts);
+	const pipelineBusy = isValidating || isSubmitting;
 	useEffect(() => {
 		trackerRef.current?.({
 			submissionAttempts,
-			isValidating,
+			isValidating: pipelineBusy,
 			isValid
 		});
 	}, [
 		submissionAttempts,
-		isValidating,
+		pipelineBusy,
 		isValid
 	]);
 	return formRef;

package/dist/src/useFocusInvalidOnSubmit.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusInvalidOnSubmit.js","names":[],"sources":["../../src/useFocusInvalidOnSubmit.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { useStore } from \"@tanstack/react-form\";\nimport {\n  createSubmitFocusTracker,\n  focusFirstInvalidControl,\n  type FocusInvalidOptions,\n} from \"@pindoba/core-tanstack-form\";\nimport type { AnyFormApi } from \"./types\";\n\n/**\n * Returns a ref to attach to your `<form>` that moves focus to the first\n * invalid control after a failed submit:\n *\n * ```tsx\n * const formRef = useFocusInvalidOnSubmit(form);\n * return (\n *   <form ref={formRef} onSubmit={(e) => { e.preventDefault(); form.handleSubmit(); }}>\n *     …\n *   </form>\n * );\n * ```\n *\n * It reads the form's submit-attempt / validation state, and once an attempt\n * ends invalid (after async validators settle) focuses the first control marked\n * `aria-invalid=\"true\"` inside the form. The state is read via `useStore`, so\n * the focus effect runs after React has committed the error render and the\n * markers are in the DOM. TanStack Form does no DOM focus itself, so without\n * this a keyboard user is stranded on the submit button (WCAG 3.3.1).\n */\nexport function useFocusInvalidOnSubmit(\n  form: AnyFormApi,\n  options?: FocusInvalidOptions,\n): { current: HTMLFormElement | null } {\n  // Returned as a structural `{ current }` box, not `React.RefObject`:\n  // RefObject<T> means `current: T | null` on @types/react@18 but `current: T`\n  // on 19, so no single RefObject spelling is a valid `<form ref>` on both.\n  const formRef = useRef<HTMLFormElement | null>(null);\n\n  const submissionAttempts = useStore(form.store, (s) => s.submissionAttempts);\n  const isValidating = useStore(form.store, (s) => s.isValidating);\n  const isValid = useStore(form.store, (s) => s.isValid);\n\n  // The tracker is stateful (it remembers the last attempt count), so it must\n  // survive re-renders. Seed it once with the current attempt count so a form\n  // mounted mid-flight doesn't focus spuriously.\n  const trackerRef = useRef<\n    | ((s: {\n        submissionAttempts: number;\n        isValidating: boolean;\n        isValid: boolean;\n      }) => void)\n    | null\n  >(null);\n  if (trackerRef.current === null) {\n    trackerRef.current = createSubmitFocusTracker(\n      () => focusFirstInvalidControl(formRef.current, options),\n      submissionAttempts,\n    );\n  }\n\n  // Runs after commit → aria-invalid markers are in the DOM.\n  useEffect(() => {\n    trackerRef.current?.({ submissionAttempts, isValidating, isValid });\n  }, [submissionAttempts, isValidating, isValid]);\n\n  return formRef;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAgB,wBACd,MACA,SACqC;CAIrC,MAAM,UAAU,OAA+B,IAAI;CAEnD,MAAM,qBAAqB,SAAS,KAAK,QAAQ,MAAM,EAAE,kBAAkB;CAC3E,MAAM,eAAe,SAAS,KAAK,QAAQ,MAAM,EAAE,YAAY;CAC/D,MAAM,UAAU,SAAS,KAAK,QAAQ,MAAM,EAAE,OAAO;CAKrD,MAAM,aAAa,OAOjB,IAAI;CACN,IAAI,WAAW,YAAY,MACzB,WAAW,UAAU,+BACb,yBAAyB,QAAQ,SAAS,OAAO,GACvD,kBACF;CAIF,gBAAgB;EACd,WAAW,UAAU;GAAE;GAAoB;GAAc;EAAQ,CAAC;CACpE,GAAG;EAAC;EAAoB;EAAc;CAAO,CAAC;CAE9C,OAAO;AACT"}
+{"version":3,"file":"useFocusInvalidOnSubmit.js","names":[],"sources":["../../src/useFocusInvalidOnSubmit.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { useStore } from \"@tanstack/react-form\";\nimport {\n  createSubmitFocusTracker,\n  focusFirstInvalidControl,\n  type FocusInvalidOptions,\n} from \"@pindoba/core-tanstack-form\";\nimport type { AnyFormApi } from \"./types\";\n\n/**\n * Returns a ref to attach to your `<form>` that moves focus to the first\n * invalid control after a failed submit:\n *\n * ```tsx\n * const formRef = useFocusInvalidOnSubmit(form);\n * return (\n *   <form ref={formRef} onSubmit={(e) => { e.preventDefault(); form.handleSubmit(); }}>\n *     …\n *   </form>\n * );\n * ```\n *\n * It reads the form's submit-attempt / validation state, and once an attempt\n * ends invalid (after async validators settle) focuses the first control marked\n * `aria-invalid=\"true\"` inside the form. The state is read via `useStore`, so\n * the focus effect runs after React has committed the error render and the\n * markers are in the DOM. TanStack Form does no DOM focus itself, so without\n * this a keyboard user is stranded on the submit button (WCAG 3.3.1).\n */\nexport function useFocusInvalidOnSubmit(\n  form: AnyFormApi,\n  options?: FocusInvalidOptions,\n): { current: HTMLFormElement | null } {\n  // Returned as a structural `{ current }` box, not `React.RefObject`:\n  // RefObject<T> means `current: T | null` on @types/react@18 but `current: T`\n  // on 19, so no single RefObject spelling is a valid `<form ref>` on both.\n  const formRef = useRef<HTMLFormElement | null>(null);\n\n  const submissionAttempts = useStore(form.store, (s) => s.submissionAttempts);\n  const isValidating = useStore(form.store, (s) => s.isValidating);\n  // TanStack's `handleSubmit` bumps `submissionAttempts` in a store write of\n  // its own, then flags `isSubmitting`, and only then awaits the validators —\n  // so a pristine form still reads `isValid: true` when the attempt lands.\n  // The whole submit pipeline counts as \"still validating\"; the attempt is\n  // judged once `isSubmitting` drops.\n  const isSubmitting = useStore(form.store, (s) => s.isSubmitting);\n  const isValid = useStore(form.store, (s) => s.isValid);\n\n  // The tracker is stateful (it remembers the last attempt count), so it must\n  // survive re-renders. Seed it once with the current attempt count so a form\n  // mounted mid-flight doesn't focus spuriously.\n  const trackerRef = useRef<\n    | ((s: {\n        submissionAttempts: number;\n        isValidating: boolean;\n        isValid: boolean;\n      }) => void)\n    | null\n  >(null);\n  if (trackerRef.current === null) {\n    trackerRef.current = createSubmitFocusTracker(\n      () => focusFirstInvalidControl(formRef.current, options),\n      submissionAttempts,\n    );\n  }\n\n  // Runs after commit → aria-invalid markers are in the DOM.\n  const pipelineBusy = isValidating || isSubmitting;\n  useEffect(() => {\n    trackerRef.current?.({\n      submissionAttempts,\n      isValidating: pipelineBusy,\n      isValid,\n    });\n  }, [submissionAttempts, pipelineBusy, isValid]);\n\n  return formRef;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAgB,wBACd,MACA,SACqC;CAIrC,MAAM,UAAU,OAA+B,IAAI;CAEnD,MAAM,qBAAqB,SAAS,KAAK,QAAQ,MAAM,EAAE,kBAAkB;CAC3E,MAAM,eAAe,SAAS,KAAK,QAAQ,MAAM,EAAE,YAAY;CAM/D,MAAM,eAAe,SAAS,KAAK,QAAQ,MAAM,EAAE,YAAY;CAC/D,MAAM,UAAU,SAAS,KAAK,QAAQ,MAAM,EAAE,OAAO;CAKrD,MAAM,aAAa,OAOjB,IAAI;CACN,IAAI,WAAW,YAAY,MACzB,WAAW,UAAU,+BACb,yBAAyB,QAAQ,SAAS,OAAO,GACvD,kBACF;CAIF,MAAM,eAAe,gBAAgB;CACrC,gBAAgB;EACd,WAAW,UAAU;GACnB;GACA,cAAc;GACd;EACF,CAAC;CACH,GAAG;EAAC;EAAoB;EAAc;CAAO,CAAC;CAE9C,OAAO;AACT"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pindoba/react-tanstack-form",
-  "version": "0.0.0-alpha-20261008173743",
+  "version": "0.0.0-alpha-20261110151933",
   "homepage": "https://github.com/EduardoLopes/pindoba/tree/main/packages/blocks/react/tanstack-form#README.md",
   "repository": {
     "type": "git",
@@ -20,39 +20,34 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
-    },
-    "./demos": "./src/demos/index.ts",
-    "./demos/basic": "./src/demos/basic.tsx",
-    "./demos/mixed-controls": "./src/demos/mixed-controls.tsx",
-    "./demos/generic-field": "./src/demos/generic-field.tsx",
-    "./demos/textarea": "./src/demos/textarea.tsx"
+    }
   },
   "devDependencies": {
+    "@pindoba/build-config": "0.0.0",
     "@pindoba/typescript-config": "0.0.0-alpha-20260320034942",
-    "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.5",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8",
-    "tsdown": "^0.22.14",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "tsdown": "^0.23.0",
     "typescript": "^6.0.3",
-    "zod": "^4.5.1"
+    "zod": "^4.6.5"
   },
   "peerDependencies": {
     "react": "^18.3.1 || ^19.0.0"
   },
   "dependencies": {
-    "@pindoba/core-field": "0.0.0-alpha-20261008173743",
-    "@pindoba/core-listbox": "0.0.0-alpha-20261008173743",
-    "@pindoba/core-tanstack-form": "0.0.0-alpha-20261008173743",
-    "@pindoba/react-affix": "0.0.0-alpha-20261008173743",
-    "@pindoba/react-button": "0.0.0-alpha-20261008173743",
-    "@pindoba/react-checkbox": "0.0.0-alpha-20261008173743",
-    "@pindoba/react-field": "0.0.0-alpha-20261008173743",
-    "@pindoba/react-input": "0.0.0-alpha-20261008173743",
-    "@pindoba/react-loading": "0.0.0-alpha-20261008173743",
-    "@pindoba/react-select": "0.0.0-alpha-20261008173743",
-    "@pindoba/react-textarea": "0.0.0-alpha-20261008173743",
-    "@pindoba/styled-system": "0.0.0-alpha-20261008173743",
+    "@pindoba/core-field": "0.0.0-alpha-20261110151933",
+    "@pindoba/core-listbox": "0.0.0-alpha-20261110151933",
+    "@pindoba/core-tanstack-form": "0.0.0-alpha-20261110151933",
+    "@pindoba/react-button": "0.0.0-alpha-20261110151933",
+    "@pindoba/react-checkbox": "0.0.0-alpha-20261110151933",
+    "@pindoba/react-field": "0.0.0-alpha-20261110151933",
+    "@pindoba/react-input": "0.0.0-alpha-20261110151933",
+    "@pindoba/react-loading": "0.0.0-alpha-20261110151933",
+    "@pindoba/react-select": "0.0.0-alpha-20261110151933",
+    "@pindoba/react-textarea": "0.0.0-alpha-20261110151933",
+    "@pindoba/styled-system": "0.0.0-alpha-20261110151933",
     "@tanstack/react-form": "^1.33.5"
   },
   "publishConfig": {

package/dist/src/types.js

@@ -1 +0,0 @@
-export {};