@tgb-form/react 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 The @tgb-form Authors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,110 @@
+# @tgb-form/react
+
+React adapter for TGB Form definitions and TanStack React Form.
+
+The adapter renders a `RuntimeFormDefinition` with `TgbForm`, resolves fields through a React renderer registry, and passes TanStack field state to renderer components.
+
+## Supported Flows
+
+- Implicit: `TgbForm` creates the TanStack form instance and reads renderers from `TgbFormContext`.
+- Hybrid: pass either `instance` or `renderers`, while `TgbForm` supplies the rest.
+- Fully explicit: pass both `instance` and `renderers` directly to `TgbForm`.
+
+## Public API
+
+- `TgbFormContext`
+- `TgbForm`
+- `TgbFormField`
+- `createReactRendererRegistry`
+- `BaseReactRendererProps`
+- `ReactRenderer`
+- `ReactRendererField`
+- `ReactRendererProps`
+- `ReactRendererRegistry`
+- `ReactTgbFormInstance`
+
+## Quick Start
+
+```tsx
+import { defineForm, FieldDataType, ValidationRuleKind } from '@tgb-form/core';
+import {
+  BaseReactRendererProps,
+  TgbForm,
+  TgbFormContext,
+  createReactRendererRegistry,
+} from '@tgb-form/react';
+
+const definition = defineForm({
+  fields: {
+    email: {
+      type: FieldDataType.String,
+      defaultValue: '',
+      label: 'Email',
+      component: 'email-input',
+      props: { placeholder: 'you@example.com' },
+      rules: [{ kind: ValidationRuleKind.Email, message: 'Enter a valid email' }],
+    },
+  },
+});
+
+function TextField({ field, label, name, props, value, errors }: BaseReactRendererProps) {
+  return (
+    <label>
+      <span>{label}</span>
+      <input
+        name={name}
+        onBlur={() => field.handleBlur()}
+        onChange={(event) => field.handleChange(event.currentTarget.value)}
+        placeholder={String(props?.placeholder ?? '')}
+        value={String(value ?? '')}
+      />
+      {errors.length > 0 ? <small>{errors.map(String).join(', ')}</small> : null}
+    </label>
+  );
+}
+
+const renderers = createReactRendererRegistry({
+  byName: {
+    'email-input': TextField,
+  },
+  byType: {
+    [FieldDataType.String]: TextField,
+  },
+});
+
+export function ContactForm() {
+  return (
+    <TgbFormContext renderers={renderers}>
+      <TgbForm
+        definition={definition}
+        tanstackOptions={{
+          onSubmit: async ({ value }) => {
+            console.log(value);
+          },
+        }}
+      >
+        <button type="submit">Submit</button>
+      </TgbForm>
+    </TgbFormContext>
+  );
+}
+```
+
+## Component Props
+
+`TgbForm` accepts:
+
+- `definition`: normalized form definition.
+- `instance`: optional TanStack form instance created by `useForm`.
+- `tanstackOptions`: options merged into `toTanStackOptions` when `TgbForm` creates the form.
+- `renderers`: renderer registry; overrides context.
+- `fields`: optional list of field names to render.
+- `children`: content rendered after generated fields.
+
+`TgbFormField` accepts:
+
+- `name`: field name.
+- `field`: field definition.
+- `renderers`: optional renderer registry; overrides context.
+
+Renderer props include `name`, `field`, `form`, `label`, `description`, `props`, `value`, and `errors`.

package/dist/index.d.ts

@@ -0,0 +1,65 @@
+import { FieldDataType, FieldDefinition, JsonObject, RendererRegistry, RuntimeFormDefinition, TgbFormTanStackOptions } from "@tgb-form/core";
+import { AnyFieldApi } from "@tanstack/react-form";
+import { ComponentType, FormHTMLAttributes, ReactNode } from "react";
+//#region src/types.d.ts
+type TanStackFieldRenderer = (field: any) => ReactNode;
+type ReactTgbFormInstance = {
+  readonly Field: ComponentType<{
+    readonly name: string;
+    readonly children: TanStackFieldRenderer;
+  }>;
+  readonly handleSubmit: () => void | Promise<void>;
+};
+type ReactRendererProps<TForm extends ReactTgbFormInstance = ReactTgbFormInstance, TField = unknown> = {
+  readonly name: string;
+  readonly field: TField;
+  readonly form: TForm;
+  readonly label: string | undefined;
+  readonly description: string | undefined;
+  readonly props: JsonObject | undefined;
+  readonly value: unknown;
+  readonly errors: readonly unknown[];
+};
+type ReactRendererField = AnyFieldApi;
+type BaseReactRendererProps = ReactRendererProps<ReactTgbFormInstance, ReactRendererField>;
+type ReactRenderer<TForm extends ReactTgbFormInstance = ReactTgbFormInstance, TField = unknown> = ComponentType<ReactRendererProps<TForm, TField>>;
+type AnyReactRenderer = ReactRenderer<any, any>;
+type ReactRendererRegistry<TByName extends Readonly<Record<string, AnyReactRenderer>> = Readonly<Record<string, AnyReactRenderer>>, TByType extends Partial<Readonly<Record<FieldDataType, AnyReactRenderer>>> = Partial<Readonly<Record<FieldDataType, AnyReactRenderer>>>> = RendererRegistry<TByName, TByType>;
+declare function createReactRendererRegistry<const TByName extends Readonly<Record<string, AnyReactRenderer>> = {}, const TByType extends Partial<Readonly<Record<FieldDataType, AnyReactRenderer>>> = {}>(registry: {
+  readonly byName?: TByName;
+  readonly byType?: TByType;
+}): ReactRendererRegistry<TByName, TByType>;
+//#endregion
+//#region src/TgbForm.d.ts
+type TgbFormProps = {
+  readonly definition: RuntimeFormDefinition;
+  readonly instance?: ReactTgbFormInstance;
+  readonly tanstackOptions?: TgbFormTanStackOptions;
+  readonly renderers?: ReactRendererRegistry;
+  readonly fields?: readonly string[];
+  readonly children?: ReactNode;
+} & Omit<FormHTMLAttributes<HTMLFormElement>, 'children' | 'onSubmit'>;
+declare function TgbForm({ definition, instance: externalInstance, tanstackOptions, renderers: propRenderers, fields, children, ...formProps }: TgbFormProps): import("react").JSX.Element;
+//#endregion
+//#region src/TgbFormField.d.ts
+type TgbFormFieldProps = {
+  readonly name: string;
+  readonly field: FieldDefinition;
+  readonly renderers?: ReactRendererRegistry | undefined;
+};
+declare function TgbFormField({ name, field, renderers: propRenderers }: TgbFormFieldProps): import("react").JSX.Element;
+//#endregion
+//#region src/TgbFormContext.d.ts
+type TgbFormRegistryContextValue = {
+  readonly renderers?: ReactRendererRegistry | undefined;
+};
+type TgbFormContextProps = {
+  readonly children: ReactNode;
+  readonly renderers?: ReactRendererRegistry;
+};
+declare function TgbFormContext({ children, renderers }: TgbFormContextProps): import("react").JSX.Element;
+declare function useTgbFormRegistry(): TgbFormRegistryContextValue | null;
+declare function useTgbFormInstance(): ReactTgbFormInstance | null;
+//#endregion
+export { type BaseReactRendererProps, type ReactRenderer, type ReactRendererField, type ReactRendererProps, type ReactRendererRegistry, type ReactTgbFormInstance, TgbForm, TgbFormContext, type TgbFormContextProps, TgbFormField, type TgbFormFieldProps, type TgbFormProps, type TgbFormRegistryContextValue, createReactRendererRegistry, useTgbFormInstance, useTgbFormRegistry };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -0,0 +1,96 @@
+import { createRendererRegistry, resolveRenderer, toTanStackOptions } from "@tgb-form/core";
+import { useForm } from "@tanstack/react-form";
+import { createContext, useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/types.ts
+function createReactRendererRegistry(registry) {
+	return createRendererRegistry(registry);
+}
+//#endregion
+//#region src/TgbFormContext.tsx
+const TgbFormRegistryContext = createContext(null);
+function TgbFormContext({ children, renderers }) {
+	return /* @__PURE__ */ jsx(TgbFormRegistryContext.Provider, {
+		value: { renderers },
+		children
+	});
+}
+const TgbFormInstanceContext = createContext(null);
+function useTgbFormRegistry() {
+	return useContext(TgbFormRegistryContext);
+}
+function useTgbFormInstance() {
+	return useContext(TgbFormInstanceContext);
+}
+//#endregion
+//#region src/TgbFormField.tsx
+function TgbFormField({ name, field, renderers: propRenderers }) {
+	const form = useTgbFormInstance();
+	const ctx = useTgbFormRegistry();
+	const renderers = propRenderers ?? ctx?.renderers;
+	if (!form) throw new Error("TgbFormField must be used inside a TgbForm component");
+	if (!renderers) throw new Error("No renderer registry found. Pass a renderers prop to TgbFormField or to the parent TgbForm.");
+	const Field = form.Field;
+	const Renderer = resolveRenderer(field, renderers);
+	return /* @__PURE__ */ jsx(Field, {
+		name,
+		children: (boundField) => {
+			const fieldState = boundField.state;
+			return /* @__PURE__ */ jsx(Renderer, {
+				description: field.description,
+				errors: fieldState?.meta?.errors ?? [],
+				field: boundField,
+				form,
+				label: field.label,
+				name,
+				props: field.props,
+				value: fieldState?.value
+			});
+		}
+	});
+}
+//#endregion
+//#region src/TgbForm.tsx
+function getOrderedFields(definition, subset) {
+	const subsetNames = subset === void 0 ? void 0 : new Set(subset);
+	return Object.entries(definition.fields).map(([name, field], declarationIndex) => ({
+		declarationIndex,
+		field,
+		name
+	})).filter(({ name }) => subsetNames === void 0 || subsetNames.has(name)).sort((left, right) => {
+		const orderDiff = (left.field.order ?? Number.POSITIVE_INFINITY) - (right.field.order ?? Number.POSITIVE_INFINITY);
+		return orderDiff === 0 ? left.declarationIndex - right.declarationIndex : orderDiff;
+	});
+}
+function TgbForm({ definition, instance: externalInstance, tanstackOptions, renderers: propRenderers, fields, children, ...formProps }) {
+	const ctx = useTgbFormRegistry();
+	const renderers = propRenderers ?? ctx?.renderers;
+	const managedForm = useForm(toTanStackOptions(definition, tanstackOptions));
+	const form = externalInstance ?? managedForm;
+	const orderedFields = getOrderedFields(definition, fields);
+	async function handleSubmit(event) {
+		event.preventDefault();
+		event.stopPropagation();
+		await form.handleSubmit();
+	}
+	const accessibleName = formProps["aria-label"] === void 0 && formProps["aria-labelledby"] === void 0 ? "Easy form" : formProps["aria-label"];
+	return /* @__PURE__ */ jsx(TgbFormInstanceContext.Provider, {
+		value: form,
+		children: /* @__PURE__ */ jsxs("form", {
+			...formProps,
+			"aria-label": accessibleName,
+			onSubmit: (event) => {
+				handleSubmit(event);
+			},
+			children: [orderedFields.map(({ name, field }) => /* @__PURE__ */ jsx(TgbFormField, {
+				name,
+				field,
+				renderers
+			}, name)), children]
+		})
+	});
+}
+//#endregion
+export { TgbForm, TgbFormContext, TgbFormField, createReactRendererRegistry, useTgbFormInstance, useTgbFormRegistry };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/types.ts","../src/TgbFormContext.tsx","../src/TgbFormField.tsx","../src/TgbForm.tsx"],"sourcesContent":["import type { ComponentType, ReactNode } from 'react';\nimport { createRendererRegistry } from '@tgb-form/core';\nimport type { FieldDataType, JsonObject, RendererRegistry } from '@tgb-form/core';\nimport type { AnyFieldApi } from '@tanstack/react-form';\n\ntype TanStackFieldRenderer = (field: any) => ReactNode;\n\nexport type ReactTgbFormInstance = {\n  readonly Field: ComponentType<{\n    readonly name: string;\n    readonly children: TanStackFieldRenderer;\n  }>;\n  readonly handleSubmit: () => void | Promise<void>;\n};\n\nexport type ReactRendererProps<\n  TForm extends ReactTgbFormInstance = ReactTgbFormInstance,\n  TField = unknown,\n> = {\n  readonly name: string;\n  readonly field: TField;\n  readonly form: TForm;\n  readonly label: string | undefined;\n  readonly description: string | undefined;\n  readonly props: JsonObject | undefined;\n  readonly value: unknown;\n  readonly errors: readonly unknown[];\n};\n\nexport type ReactRendererField = AnyFieldApi;\n\nexport type BaseReactRendererProps = ReactRendererProps<ReactTgbFormInstance, ReactRendererField>;\n\nexport type ReactRenderer<\n  TForm extends ReactTgbFormInstance = ReactTgbFormInstance,\n  TField = unknown,\n> = ComponentType<ReactRendererProps<TForm, TField>>;\n\ntype AnyReactRenderer = ReactRenderer<any, any>;\n\nexport type ReactRendererRegistry<\n  TByName extends Readonly<Record<string, AnyReactRenderer>> = Readonly<\n    Record<string, AnyReactRenderer>\n  >,\n  TByType extends Partial<Readonly<Record<FieldDataType, AnyReactRenderer>>> = Partial<\n    Readonly<Record<FieldDataType, AnyReactRenderer>>\n  >,\n> = RendererRegistry<TByName, TByType>;\n\nexport function createReactRendererRegistry<\n  const TByName extends Readonly<Record<string, AnyReactRenderer>> = {},\n  const TByType extends Partial<Readonly<Record<FieldDataType, AnyReactRenderer>>> = {},\n>(registry: {\n  readonly byName?: TByName;\n  readonly byType?: TByType;\n}): ReactRendererRegistry<TByName, TByType> {\n  return createRendererRegistry(registry);\n}\n","import { createContext, useContext, type ReactNode } from 'react';\nimport type { ReactRendererRegistry, ReactTgbFormInstance } from './types';\n\n// ── Registry context (root-level) ───────────────────────────────\n\nexport type TgbFormRegistryContextValue = {\n  readonly renderers?: ReactRendererRegistry | undefined;\n};\n\nexport const TgbFormRegistryContext = createContext<TgbFormRegistryContextValue | null>(null);\n\nexport type TgbFormContextProps = {\n  readonly children: ReactNode;\n  readonly renderers?: ReactRendererRegistry;\n};\n\nexport function TgbFormContext({ children, renderers }: TgbFormContextProps) {\n  return (\n    <TgbFormRegistryContext.Provider value={{ renderers }}>\n      {children}\n    </TgbFormRegistryContext.Provider>\n  );\n}\n\n// ── Form instance context (per-form, internal) ──────────────────\n\nexport const TgbFormInstanceContext = createContext<ReactTgbFormInstance | null>(null);\n\nexport function useTgbFormRegistry(): TgbFormRegistryContextValue | null {\n  return useContext(TgbFormRegistryContext);\n}\n\nexport function useTgbFormInstance(): ReactTgbFormInstance | null {\n  return useContext(TgbFormInstanceContext);\n}\n","import { resolveRenderer, type FieldDefinition } from '@tgb-form/core';\nimport { useTgbFormInstance, useTgbFormRegistry } from './TgbFormContext';\nimport type { ReactRenderer } from './types';\nimport type { ReactRendererRegistry } from './types';\n\ntype FieldState = {\n  readonly value?: unknown;\n  readonly meta?: {\n    readonly errors?: readonly unknown[];\n  };\n};\n\ntype BoundField = {\n  readonly state?: FieldState;\n};\n\nexport type TgbFormFieldProps = {\n  readonly name: string;\n  readonly field: FieldDefinition;\n  readonly renderers?: ReactRendererRegistry | undefined;\n};\n\nexport function TgbFormField({ name, field, renderers: propRenderers }: TgbFormFieldProps) {\n  const form = useTgbFormInstance();\n  const ctx = useTgbFormRegistry();\n  const renderers = propRenderers ?? ctx?.renderers;\n\n  if (!form) {\n    throw new Error('TgbFormField must be used inside a TgbForm component');\n  }\n\n  if (!renderers) {\n    throw new Error(\n      'No renderer registry found. Pass a renderers prop to TgbFormField or to the parent TgbForm.',\n    );\n  }\n\n  const Field = form.Field;\n  const Renderer = resolveRenderer(field, renderers) as ReactRenderer;\n\n  return (\n    <Field name={name}>\n      {(boundField: unknown) => {\n        const fieldState = (boundField as BoundField).state;\n\n        return (\n          <Renderer\n            description={field.description}\n            errors={fieldState?.meta?.errors ?? []}\n            field={boundField}\n            form={form}\n            label={field.label}\n            name={name}\n            props={field.props}\n            value={fieldState?.value}\n          />\n        );\n      }}\n    </Field>\n  );\n}\n","import type { FormEvent, FormHTMLAttributes, ReactNode } from 'react';\nimport { useForm } from '@tanstack/react-form';\nimport {\n  toTanStackOptions,\n  type TgbFormTanStackOptions,\n  type RuntimeFormDefinition,\n} from '@tgb-form/core';\nimport { TgbFormInstanceContext, useTgbFormRegistry } from './TgbFormContext';\nimport { TgbFormField } from './TgbFormField';\nimport type { ReactTgbFormInstance, ReactRendererRegistry } from './types';\n\ntype OrderedField = {\n  readonly name: string;\n  readonly field: import('@tgb-form/core').FieldDefinition;\n  readonly declarationIndex: number;\n};\n\nexport type TgbFormProps = {\n  readonly definition: RuntimeFormDefinition;\n  readonly instance?: ReactTgbFormInstance;\n  readonly tanstackOptions?: TgbFormTanStackOptions;\n  readonly renderers?: ReactRendererRegistry;\n  readonly fields?: readonly string[];\n  readonly children?: ReactNode;\n} & Omit<FormHTMLAttributes<HTMLFormElement>, 'children' | 'onSubmit'>;\n\nfunction getOrderedFields(\n  definition: RuntimeFormDefinition,\n  subset: readonly string[] | undefined,\n): OrderedField[] {\n  const subsetNames = subset === undefined ? undefined : new Set(subset);\n\n  return Object.entries(definition.fields)\n    .map(([name, field], declarationIndex) => ({\n      declarationIndex,\n      field,\n      name,\n    }))\n    .filter(({ name }) => subsetNames === undefined || subsetNames.has(name))\n    .sort((left, right) => {\n      const orderDiff =\n        (left.field.order ?? Number.POSITIVE_INFINITY) -\n        (right.field.order ?? Number.POSITIVE_INFINITY);\n      return orderDiff === 0 ? left.declarationIndex - right.declarationIndex : orderDiff;\n    });\n}\n\nexport function TgbForm({\n  definition,\n  instance: externalInstance,\n  tanstackOptions,\n  renderers: propRenderers,\n  fields,\n  children,\n  ...formProps\n}: TgbFormProps) {\n  const ctx = useTgbFormRegistry();\n  const renderers = propRenderers ?? ctx?.renderers;\n\n  const mergedOptions = toTanStackOptions(definition, tanstackOptions) as Record<string, unknown>;\n  const managedForm = useForm(mergedOptions);\n  const form = externalInstance ?? (managedForm as unknown as ReactTgbFormInstance);\n\n  const orderedFields = getOrderedFields(definition, fields);\n\n  async function handleSubmit(event: FormEvent<HTMLFormElement>) {\n    event.preventDefault();\n    event.stopPropagation();\n    await form.handleSubmit();\n  }\n\n  const accessibleName =\n    formProps['aria-label'] === undefined && formProps['aria-labelledby'] === undefined\n      ? 'Easy form'\n      : formProps['aria-label'];\n\n  return (\n    <TgbFormInstanceContext.Provider value={form}>\n      <form\n        {...formProps}\n        aria-label={accessibleName}\n        onSubmit={(event) => {\n          void handleSubmit(event);\n        }}\n      >\n        {orderedFields.map(({ name, field }) => (\n          <TgbFormField\n            key={name}\n            name={name}\n            field={field}\n            renderers={renderers}\n          />\n        ))}\n        {children}\n      </form>\n    </TgbFormInstanceContext.Provider>\n  );\n}\n"],"mappings":";;;;;AAiDA,SAAgB,4BAGd,UAG0C;CAC1C,OAAO,uBAAuB,QAAQ;AACxC;;;AChDA,MAAa,yBAAyB,cAAkD,IAAI;AAO5F,SAAgB,eAAe,EAAE,UAAU,aAAkC;CAC3E,OACE,oBAAC,uBAAuB,UAAxB;EAAiC,OAAO,EAAE,UAAU;EACjD;CAC8B,CAAA;AAErC;AAIA,MAAa,yBAAyB,cAA2C,IAAI;AAErF,SAAgB,qBAAyD;CACvE,OAAO,WAAW,sBAAsB;AAC1C;AAEA,SAAgB,qBAAkD;CAChE,OAAO,WAAW,sBAAsB;AAC1C;;;ACZA,SAAgB,aAAa,EAAE,MAAM,OAAO,WAAW,iBAAoC;CACzF,MAAM,OAAO,mBAAmB;CAChC,MAAM,MAAM,mBAAmB;CAC/B,MAAM,YAAY,iBAAiB,KAAK;CAExC,IAAI,CAAC,MACH,MAAM,IAAI,MAAM,sDAAsD;CAGxE,IAAI,CAAC,WACH,MAAM,IAAI,MACR,6FACF;CAGF,MAAM,QAAQ,KAAK;CACnB,MAAM,WAAW,gBAAgB,OAAO,SAAS;CAEjD,OACE,oBAAC,OAAD;EAAa;aACT,eAAwB;GACxB,MAAM,aAAc,WAA0B;GAE9C,OACE,oBAAC,UAAD;IACE,aAAa,MAAM;IACnB,QAAQ,YAAY,MAAM,UAAU,CAAC;IACrC,OAAO;IACD;IACN,OAAO,MAAM;IACP;IACN,OAAO,MAAM;IACb,OAAO,YAAY;GACpB,CAAA;EAEL;CACK,CAAA;AAEX;;;AClCA,SAAS,iBACP,YACA,QACgB;CAChB,MAAM,cAAc,WAAW,KAAA,IAAY,KAAA,IAAY,IAAI,IAAI,MAAM;CAErE,OAAO,OAAO,QAAQ,WAAW,MAAM,CAAC,CACrC,KAAK,CAAC,MAAM,QAAQ,sBAAsB;EACzC;EACA;EACA;CACF,EAAE,CAAC,CACF,QAAQ,EAAE,WAAW,gBAAgB,KAAA,KAAa,YAAY,IAAI,IAAI,CAAC,CAAC,CACxE,MAAM,MAAM,UAAU;EACrB,MAAM,aACH,KAAK,MAAM,SAAS,OAAO,sBAC3B,MAAM,MAAM,SAAS,OAAO;EAC/B,OAAO,cAAc,IAAI,KAAK,mBAAmB,MAAM,mBAAmB;CAC5E,CAAC;AACL;AAEA,SAAgB,QAAQ,EACtB,YACA,UAAU,kBACV,iBACA,WAAW,eACX,QACA,UACA,GAAG,aACY;CACf,MAAM,MAAM,mBAAmB;CAC/B,MAAM,YAAY,iBAAiB,KAAK;CAGxC,MAAM,cAAc,QADE,kBAAkB,YAAY,eACZ,CAAC;CACzC,MAAM,OAAO,oBAAqB;CAElC,MAAM,gBAAgB,iBAAiB,YAAY,MAAM;CAEzD,eAAe,aAAa,OAAmC;EAC7D,MAAM,eAAe;EACrB,MAAM,gBAAgB;EACtB,MAAM,KAAK,aAAa;CAC1B;CAEA,MAAM,iBACJ,UAAU,kBAAkB,KAAA,KAAa,UAAU,uBAAuB,KAAA,IACtE,cACA,UAAU;CAEhB,OACE,oBAAC,uBAAuB,UAAxB;EAAiC,OAAO;YACtC,qBAAC,QAAD;GACE,GAAI;GACJ,cAAY;GACZ,WAAW,UAAU;IACnB,aAAkB,KAAK;GACzB;aALF,CAOG,cAAc,KAAK,EAAE,MAAM,YAC1B,oBAAC,cAAD;IAEQ;IACC;IACI;GACZ,GAJM,IAIN,CACF,GACA,QACG;;CACyB,CAAA;AAErC"}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@tgb-form/react",
+  "version": "0.0.1",
+  "description": "An easy to use form library for React, built on top of @tgb-form/core.",
+  "homepage": "https://github.com/VueEasyForm/easyform#readme",
+  "bugs": {
+    "url": "https://github.com/VueEasyForm/easyform/issues"
+  },
+  "license": "MIT",
+  "author": "The @tgb-form Authors",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/VueEasyForm/easyform.git"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": "./dist/index.js",
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "@tanstack/react-form": "^1.33.0",
+    "@tsconfig/strictest": "^2.0.8",
+    "@types/node": "^26.1.1",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.3",
+    "@vitest/browser-playwright": "^4.1.10",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "tsdown": "^0.22.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.4",
+    "vitest": "^4.1.10",
+    "vitest-browser-react": "^2.2.0",
+    "@tgb-form/core": "0.0.1"
+  },
+  "peerDependencies": {
+    "@tanstack/react-form": "^1.33.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "play": "vite",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit"
+  }
+}