@lattice-php/lattice 0.1.0 → 0.2.0

package/dist/form/components/form.d.ts

@@ -1,21 +1,2 @@
-import { RendererComponent } from '../../../../core/types';
-import { FormMethod } from './types';
-declare module '../../../../core/types' {
-    interface ComponentProps {
-        form: {
-            action?: string;
-            errorBag?: string;
-            ref?: string;
-            method?: FormMethod;
-            precognitive?: boolean;
-            resetOnError?: boolean | string[];
-            resetOnSuccess?: boolean | string[];
-            state?: Record<string, unknown>;
-            status?: string;
-            submitButton?: boolean;
-            submitLabel?: string;
-            validationTimeout?: number;
-        };
-    }
-}
+import { RendererComponent } from '../../core/types';
 export declare const FormComponent: RendererComponent<"form">;

package/dist/form/components/form.js

@@ -1,33 +1,25 @@
 import { withRefHeader } from "../../core/component-ref.js";
-import { getBooleanProp, getOptionalNumberProp, getStringProp } from "../../core/props.js";
 import { LATTICE_EVENT } from "../../events/event-names.js";
 import { FormProvider } from "./context.js";
-import { FormSubmitButton } from "./base/submit-button.js";
+import { walkFields } from "./field-props.js";
 import { ResolvedNodesProvider } from "./resolved-nodes.js";
 import { FormValuesProvider } from "./values.js";
 import { useFormResolver } from "./use-form-resolver.js";
+import { FormSubmitButton } from "./base/submit-button.js";
 import { useEffect, useMemo } from "react";
 import { Form } from "@inertiajs/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region resources/js/form/components/form.tsx
-function getFormState(props) {
-	const state = props?.state;
-	if (typeof state !== "object" || state === null || Array.isArray(state)) return {};
-	return state;
-}
-function collectFields(nodes, collected = {
-	labels: {},
-	values: {}
-}) {
-	for (const child of nodes ?? []) {
-		const name = getStringProp(child.props, "name");
-		if (name) {
-			const label = getStringProp(child.props, "label");
-			if (label) collected.labels[name] = label;
-			if (child.props?.value !== void 0) collected.values[name] = child.props.value;
-		}
-		collectFields(child.children, collected);
-	}
+function collectFields(nodes) {
+	const collected = {
+		labels: {},
+		values: {}
+	};
+	walkFields(nodes, (props) => {
+		if (!props.name) return;
+		if (props.label) collected.labels[props.name] = props.label;
+		if (props.value !== void 0) collected.values[props.name] = props.value;
+	});
 	return collected;
 }
 function FormResetListener({ componentId, reset }) {
@@ -41,36 +33,40 @@ function FormResetListener({ componentId, reset }) {
 	}, [componentId, reset]);
 	return null;
 }
-function FormBody({ action, children, componentRef, nodes, shouldRenderSubmitButton, submitLabel }) {
+function FormBody({ action, children, componentRef, nodes, shouldRenderSubmitButton, submitLabel, summaryLabel }) {
 	return /* @__PURE__ */ jsx(ResolvedNodesProvider, {
 		nodes: useFormResolver(action, componentRef, nodes),
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col gap-6",
 			children: [children, shouldRenderSubmitButton && /* @__PURE__ */ jsx("div", {
 				className: "flex justify-end rounded-lt border border-lt-border bg-lt-surface px-6 py-4 shadow-xs",
-				children: /* @__PURE__ */ jsx(FormSubmitButton, { label: submitLabel })
+				children: /* @__PURE__ */ jsx(FormSubmitButton, {
+					label: submitLabel,
+					summaryLabel
+				})
 			})]
 		})
 	});
 }
 var FormComponent = ({ children, node }) => {
-	const props = node.props ?? {};
+	const props = node.props;
 	const action = props.action ?? "#";
 	const errorBag = props.errorBag;
-	const componentRef = getStringProp(props, "ref");
+	const componentRef = props.ref ?? "";
 	const method = props.method ?? "post";
-	const precognitive = getBooleanProp(props, "precognitive");
+	const precognitive = props.precognitive ?? false;
 	const resetOnError = props.resetOnError ?? false;
 	const resetOnSuccess = props.resetOnSuccess ?? [];
-	const state = getFormState(node.props);
-	const { labels: fieldLabels, values: fieldValues } = useMemo(() => collectFields(node.children), [node.children]);
+	const state = props.state;
+	const { labels: fieldLabels, values: fieldValues } = useMemo(() => collectFields(node.schema), [node.schema]);
 	const initialValues = {
 		...fieldValues,
 		...state
 	};
-	const shouldRenderSubmitButton = getBooleanProp(props, "submitButton", true);
+	const shouldRenderSubmitButton = props.submitButton ?? true;
 	const submitLabel = props.submitLabel ?? "Submit";
-	const validationTimeout = getOptionalNumberProp(props, "validationTimeout");
+	const summaryLabel = props.validationSummaryLabel;
+	const validationTimeout = props.validationTimeout ?? void 0;
 	return /* @__PURE__ */ jsx(Form, {
 		action,
 		"data-lattice-component": node.id,
@@ -81,20 +77,16 @@ var FormComponent = ({ children, node }) => {
 		validationTimeout: precognitive ? validationTimeout : void 0,
 		headers: withRefHeader(componentRef),
 		className: "mx-auto flex w-full max-w-2xl flex-col gap-6",
-		children: ({ clearErrors, errors, invalid, processing, reset, touch, validate, validating, valid }) => /* @__PURE__ */ jsxs(FormProvider, {
+		children: ({ clearErrors, errors, processing, reset, validate }) => /* @__PURE__ */ jsxs(FormProvider, {
 			value: {
 				action,
 				clearErrors: (field) => clearErrors(field),
 				componentRef,
 				errors,
 				fieldLabels,
-				invalid: (field) => invalid(field),
 				precognitive,
 				processing,
-				touch: (field) => touch(field),
-				validate: (field) => validate(field),
-				validating,
-				valid: (field) => valid(field)
+				validate: (field) => validate(field)
 			},
 			children: [
 				/* @__PURE__ */ jsx(FormResetListener, {
@@ -110,9 +102,10 @@ var FormComponent = ({ children, node }) => {
 					children: /* @__PURE__ */ jsx(FormBody, {
 						action,
 						componentRef,
-						nodes: node.children,
+						nodes: node.schema,
 						shouldRenderSubmitButton,
 						submitLabel,
+						summaryLabel,
 						children
 					})
 				})

package/dist/form/components/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","names":[],"sources":["../../../resources/js/form/components/form.tsx"],"sourcesContent":["import { Form as InertiaForm } from \"@inertiajs/react\";\nimport { withRefHeader } from \"@lattice/lattice/core/component-ref\";\nimport { getBooleanProp, getOptionalNumberProp, getStringProp } from \"@lattice/lattice/core/props\";\nimport { LATTICE_EVENT } from \"@lattice/lattice/events/event-names\";\nimport type { Node, NodeProps, RendererComponent } from \"@lattice/lattice/core/types\";\nimport { useEffect, useMemo } from \"react\";\nimport { FormSubmitButton } from \"./base/submit-button\";\nimport { FormProvider } from \"./context\";\nimport { ResolvedNodesProvider } from \"./resolved-nodes\";\nimport type { FormMethod } from \"./types\";\nimport { useFormResolver } from \"./use-form-resolver\";\nimport { FormValuesProvider } from \"./values\";\n\ndeclare module \"@lattice/lattice/core/types\" {\n  interface ComponentProps {\n    form: {\n      action?: string;\n      errorBag?: string;\n      ref?: string;\n      method?: FormMethod;\n      precognitive?: boolean;\n      resetOnError?: boolean | string[];\n      resetOnSuccess?: boolean | string[];\n      state?: Record<string, unknown>;\n      status?: string;\n      submitButton?: boolean;\n      submitLabel?: string;\n      validationTimeout?: number;\n    };\n  }\n}\n\nfunction getFormState(props: NodeProps | undefined): Record<string, unknown> {\n  const state = props?.state;\n\n  if (typeof state !== \"object\" || state === null || Array.isArray(state)) {\n    return {};\n  }\n\n  return state as Record<string, unknown>;\n}\n\ntype CollectedFields = {\n  labels: Record<string, string>;\n  values: Record<string, unknown>;\n};\n\nfunction collectFields(\n  nodes: Node[] | undefined,\n  collected: CollectedFields = { labels: {}, values: {} },\n): CollectedFields {\n  for (const child of nodes ?? []) {\n    const name = getStringProp(child.props, \"name\");\n\n    if (name) {\n      const label = getStringProp(child.props, \"label\");\n      if (label) {\n        collected.labels[name] = label;\n      }\n      if (child.props?.value !== undefined) {\n        collected.values[name] = child.props.value;\n      }\n    }\n\n    collectFields(child.children, collected);\n  }\n\n  return collected;\n}\n\nfunction FormResetListener({\n  componentId,\n  reset,\n}: {\n  componentId?: string;\n  reset: (...fields: string[]) => void;\n}) {\n  useEffect(() => {\n    const handler = (event: Event) => {\n      const detail = (event as CustomEvent<{ form?: string }>).detail;\n\n      if (!detail?.form || detail.form === componentId) {\n        reset();\n      }\n    };\n\n    window.addEventListener(LATTICE_EVENT.resetForm, handler);\n\n    return () => window.removeEventListener(LATTICE_EVENT.resetForm, handler);\n  }, [componentId, reset]);\n\n  return null;\n}\n\nfunction FormBody({\n  action,\n  children,\n  componentRef,\n  nodes,\n  shouldRenderSubmitButton,\n  submitLabel,\n}: {\n  action: string;\n  children: React.ReactNode;\n  componentRef: string;\n  nodes: Node[] | undefined;\n  shouldRenderSubmitButton: boolean;\n  submitLabel: string;\n}) {\n  const resolvedNodes = useFormResolver(action, componentRef, nodes);\n\n  return (\n    <ResolvedNodesProvider nodes={resolvedNodes}>\n      <div className=\"flex flex-col gap-6\">\n        {children}\n\n        {shouldRenderSubmitButton && (\n          <div className=\"flex justify-end rounded-lt border border-lt-border bg-lt-surface px-6 py-4 shadow-xs\">\n            <FormSubmitButton label={submitLabel} />\n          </div>\n        )}\n      </div>\n    </ResolvedNodesProvider>\n  );\n}\n\nexport const FormComponent: RendererComponent<\"form\"> = ({ children, node }) => {\n  const props = node.props ?? {};\n  const action = props.action ?? \"#\";\n  const errorBag = props.errorBag;\n  const componentRef = getStringProp(props, \"ref\");\n  const method = props.method ?? \"post\";\n  const precognitive = getBooleanProp(props, \"precognitive\");\n  const resetOnError = props.resetOnError ?? false;\n  const resetOnSuccess = props.resetOnSuccess ?? [];\n  const state = getFormState(node.props);\n  const { labels: fieldLabels, values: fieldValues } = useMemo(\n    () => collectFields(node.children),\n    [node.children],\n  );\n  const initialValues = { ...fieldValues, ...state };\n  const shouldRenderSubmitButton = getBooleanProp(props, \"submitButton\", true);\n  const submitLabel = props.submitLabel ?? \"Submit\";\n  const validationTimeout = getOptionalNumberProp(props, \"validationTimeout\");\n\n  return (\n    <InertiaForm\n      action={action}\n      data-lattice-component={node.id}\n      errorBag={errorBag}\n      method={method}\n      resetOnError={resetOnError}\n      resetOnSuccess={resetOnSuccess}\n      validationTimeout={precognitive ? validationTimeout : undefined}\n      headers={withRefHeader(componentRef)}\n      className=\"mx-auto flex w-full max-w-2xl flex-col gap-6\"\n    >\n      {({\n        clearErrors,\n        errors,\n        invalid,\n        processing,\n        reset,\n        touch,\n        validate,\n        validating,\n        valid,\n      }) => (\n        <FormProvider\n          value={{\n            action,\n            clearErrors: (field) => clearErrors(field),\n            componentRef,\n            errors: errors as Record<string, string | undefined>,\n            fieldLabels,\n            invalid: (field) => invalid(field),\n            precognitive,\n            processing,\n            touch: (field) => touch(field),\n            validate: (field) => validate(field),\n            validating,\n            valid: (field) => valid(field),\n          }}\n        >\n          <FormResetListener componentId={node.id} reset={reset} />\n\n          {props.status && (\n            <div className=\"text-center text-sm font-medium text-green-600 dark:text-green-400\">\n              {props.status}\n            </div>\n          )}\n\n          <FormValuesProvider initial={initialValues}>\n            <FormBody\n              action={action}\n              componentRef={componentRef}\n              nodes={node.children}\n              shouldRenderSubmitButton={shouldRenderSubmitButton}\n              submitLabel={submitLabel}\n            >\n              {children}\n            </FormBody>\n          </FormValuesProvider>\n        </FormProvider>\n      )}\n    </InertiaForm>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAgCA,SAAS,aAAa,OAAuD;CAC3E,MAAM,QAAQ,OAAO;CAErB,IAAI,OAAO,UAAU,YAAY,UAAU,QAAQ,MAAM,QAAQ,KAAK,GACpE,OAAO,CAAC;CAGV,OAAO;AACT;AAOA,SAAS,cACP,OACA,YAA6B;CAAE,QAAQ,CAAC;CAAG,QAAQ,CAAC;AAAE,GACrC;CACjB,KAAK,MAAM,SAAS,SAAS,CAAC,GAAG;EAC/B,MAAM,OAAO,cAAc,MAAM,OAAO,MAAM;EAE9C,IAAI,MAAM;GACR,MAAM,QAAQ,cAAc,MAAM,OAAO,OAAO;GAChD,IAAI,OACF,UAAU,OAAO,QAAQ;GAE3B,IAAI,MAAM,OAAO,UAAU,KAAA,GACzB,UAAU,OAAO,QAAQ,MAAM,MAAM;EAEzC;EAEA,cAAc,MAAM,UAAU,SAAS;CACzC;CAEA,OAAO;AACT;AAEA,SAAS,kBAAkB,EACzB,aACA,SAIC;CACD,gBAAgB;EACd,MAAM,WAAW,UAAiB;GAChC,MAAM,SAAU,MAAyC;GAEzD,IAAI,CAAC,QAAQ,QAAQ,OAAO,SAAS,aACnC,MAAM;EAEV;EAEA,OAAO,iBAAiB,cAAc,WAAW,OAAO;EAExD,aAAa,OAAO,oBAAoB,cAAc,WAAW,OAAO;CAC1E,GAAG,CAAC,aAAa,KAAK,CAAC;CAEvB,OAAO;AACT;AAEA,SAAS,SAAS,EAChB,QACA,UACA,cACA,OACA,0BACA,eAQC;CAGD,OACE,oBAAC,uBAAD;EAAuB,OAHH,gBAAgB,QAAQ,cAAc,KAG5B;YAC5B,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,UAEA,4BACC,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,kBAAD,EAAkB,OAAO,YAAc,CAAA;GACpC,CAAA,CAEJ;;CACgB,CAAA;AAE3B;AAEA,IAAa,iBAA4C,EAAE,UAAU,WAAW;CAC9E,MAAM,QAAQ,KAAK,SAAS,CAAC;CAC7B,MAAM,SAAS,MAAM,UAAU;CAC/B,MAAM,WAAW,MAAM;CACvB,MAAM,eAAe,cAAc,OAAO,KAAK;CAC/C,MAAM,SAAS,MAAM,UAAU;CAC/B,MAAM,eAAe,eAAe,OAAO,cAAc;CACzD,MAAM,eAAe,MAAM,gBAAgB;CAC3C,MAAM,iBAAiB,MAAM,kBAAkB,CAAC;CAChD,MAAM,QAAQ,aAAa,KAAK,KAAK;CACrC,MAAM,EAAE,QAAQ,aAAa,QAAQ,gBAAgB,cAC7C,cAAc,KAAK,QAAQ,GACjC,CAAC,KAAK,QAAQ,CAChB;CACA,MAAM,gBAAgB;EAAE,GAAG;EAAa,GAAG;CAAM;CACjD,MAAM,2BAA2B,eAAe,OAAO,gBAAgB,IAAI;CAC3E,MAAM,cAAc,MAAM,eAAe;CACzC,MAAM,oBAAoB,sBAAsB,OAAO,mBAAmB;CAE1E,OACE,oBAAC,MAAD;EACU;EACR,0BAAwB,KAAK;EACnB;EACF;EACM;EACE;EAChB,mBAAmB,eAAe,oBAAoB,KAAA;EACtD,SAAS,cAAc,YAAY;EACnC,WAAU;aAER,EACA,aACA,QACA,SACA,YACA,OACA,OACA,UACA,YACA,YAEA,qBAAC,cAAD;GACE,OAAO;IACL;IACA,cAAc,UAAU,YAAY,KAAK;IACzC;IACQ;IACR;IACA,UAAU,UAAU,QAAQ,KAAK;IACjC;IACA;IACA,QAAQ,UAAU,MAAM,KAAK;IAC7B,WAAW,UAAU,SAAS,KAAK;IACnC;IACA,QAAQ,UAAU,MAAM,KAAK;GAC/B;aAdF;IAgBE,oBAAC,mBAAD;KAAmB,aAAa,KAAK;KAAW;IAAQ,CAAA;IAEvD,MAAM,UACL,oBAAC,OAAD;KAAK,WAAU;eACZ,MAAM;IACJ,CAAA;IAGP,oBAAC,oBAAD;KAAoB,SAAS;eAC3B,oBAAC,UAAD;MACU;MACM;MACd,OAAO,KAAK;MACc;MACb;MAEZ;KACO,CAAA;IACQ,CAAA;GACR;;CAEL,CAAA;AAEjB"}
+{"version":3,"file":"form.js","names":[],"sources":["../../../resources/js/form/components/form.tsx"],"sourcesContent":["import { Form as InertiaForm } from \"@inertiajs/react\";\nimport { withRefHeader } from \"@lattice/lattice/core/component-ref\";\nimport { LATTICE_EVENT } from \"@lattice/lattice/events/event-names\";\nimport type { Node, RendererComponent } from \"@lattice/lattice/core/types\";\nimport { useEffect, useMemo } from \"react\";\nimport { FormSubmitButton } from \"./base/submit-button\";\nimport { FormProvider } from \"./context\";\nimport { walkFields } from \"./field-props\";\nimport { ResolvedNodesProvider } from \"./resolved-nodes\";\nimport { useFormResolver } from \"./use-form-resolver\";\nimport { FormValuesProvider } from \"./values\";\n\ntype CollectedFields = {\n  labels: Record<string, string>;\n  values: Record<string, unknown>;\n};\n\nfunction collectFields(nodes: Node[] | undefined): CollectedFields {\n  const collected: CollectedFields = { labels: {}, values: {} };\n\n  walkFields(nodes, (props) => {\n    if (!props.name) {\n      return;\n    }\n    if (props.label) {\n      collected.labels[props.name] = props.label;\n    }\n    if (props.value !== undefined) {\n      collected.values[props.name] = props.value;\n    }\n  });\n\n  return collected;\n}\n\nfunction FormResetListener({\n  componentId,\n  reset,\n}: {\n  componentId?: string;\n  reset: (...fields: string[]) => void;\n}) {\n  useEffect(() => {\n    const handler = (event: Event) => {\n      const detail = (event as CustomEvent<{ form: string | null }>).detail;\n\n      if (!detail?.form || detail.form === componentId) {\n        reset();\n      }\n    };\n\n    window.addEventListener(LATTICE_EVENT.resetForm, handler);\n\n    return () => window.removeEventListener(LATTICE_EVENT.resetForm, handler);\n  }, [componentId, reset]);\n\n  return null;\n}\n\nfunction FormBody({\n  action,\n  children,\n  componentRef,\n  nodes,\n  shouldRenderSubmitButton,\n  submitLabel,\n  summaryLabel,\n}: {\n  action: string;\n  children: React.ReactNode;\n  componentRef: string;\n  nodes: Node[] | undefined;\n  shouldRenderSubmitButton: boolean;\n  submitLabel: string;\n  summaryLabel: string;\n}) {\n  const resolvedNodes = useFormResolver(action, componentRef, nodes);\n\n  return (\n    <ResolvedNodesProvider nodes={resolvedNodes}>\n      <div className=\"flex flex-col gap-6\">\n        {children}\n\n        {shouldRenderSubmitButton && (\n          <div className=\"flex justify-end rounded-lt border border-lt-border bg-lt-surface px-6 py-4 shadow-xs\">\n            <FormSubmitButton label={submitLabel} summaryLabel={summaryLabel} />\n          </div>\n        )}\n      </div>\n    </ResolvedNodesProvider>\n  );\n}\n\nexport const FormComponent: RendererComponent<\"form\"> = ({ children, node }) => {\n  const props = node.props;\n  const action = props.action ?? \"#\";\n  const errorBag = props.errorBag;\n  const componentRef = props.ref ?? \"\";\n  const method = props.method ?? \"post\";\n  const precognitive = props.precognitive ?? false;\n  const resetOnError = props.resetOnError ?? false;\n  const resetOnSuccess = props.resetOnSuccess ?? [];\n  const state = props.state;\n  const { labels: fieldLabels, values: fieldValues } = useMemo(\n    () => collectFields(node.schema),\n    [node.schema],\n  );\n  const initialValues = { ...fieldValues, ...state };\n  const shouldRenderSubmitButton = props.submitButton ?? true;\n  const submitLabel = props.submitLabel ?? \"Submit\";\n  const summaryLabel = props.validationSummaryLabel;\n  const validationTimeout = props.validationTimeout ?? undefined;\n\n  return (\n    <InertiaForm\n      action={action}\n      data-lattice-component={node.id}\n      errorBag={errorBag}\n      method={method}\n      resetOnError={resetOnError}\n      resetOnSuccess={resetOnSuccess}\n      validationTimeout={precognitive ? validationTimeout : undefined}\n      headers={withRefHeader(componentRef)}\n      className=\"mx-auto flex w-full max-w-2xl flex-col gap-6\"\n    >\n      {({ clearErrors, errors, processing, reset, validate }) => (\n        <FormProvider\n          value={{\n            action,\n            clearErrors: (field) => clearErrors(field),\n            componentRef,\n            errors: errors as Record<string, string | undefined>,\n            fieldLabels,\n            precognitive,\n            processing,\n            validate: (field) => validate(field),\n          }}\n        >\n          <FormResetListener componentId={node.id} reset={reset} />\n\n          {props.status && (\n            <div className=\"text-center text-sm font-medium text-green-600 dark:text-green-400\">\n              {props.status}\n            </div>\n          )}\n\n          <FormValuesProvider initial={initialValues}>\n            <FormBody\n              action={action}\n              componentRef={componentRef}\n              nodes={node.schema}\n              shouldRenderSubmitButton={shouldRenderSubmitButton}\n              submitLabel={submitLabel}\n              summaryLabel={summaryLabel}\n            >\n              {children}\n            </FormBody>\n          </FormValuesProvider>\n        </FormProvider>\n      )}\n    </InertiaForm>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAiBA,SAAS,cAAc,OAA4C;CACjE,MAAM,YAA6B;EAAE,QAAQ,CAAC;EAAG,QAAQ,CAAC;CAAE;CAE5D,WAAW,QAAQ,UAAU;EAC3B,IAAI,CAAC,MAAM,MACT;EAEF,IAAI,MAAM,OACR,UAAU,OAAO,MAAM,QAAQ,MAAM;EAEvC,IAAI,MAAM,UAAU,KAAA,GAClB,UAAU,OAAO,MAAM,QAAQ,MAAM;CAEzC,CAAC;CAED,OAAO;AACT;AAEA,SAAS,kBAAkB,EACzB,aACA,SAIC;CACD,gBAAgB;EACd,MAAM,WAAW,UAAiB;GAChC,MAAM,SAAU,MAA+C;GAE/D,IAAI,CAAC,QAAQ,QAAQ,OAAO,SAAS,aACnC,MAAM;EAEV;EAEA,OAAO,iBAAiB,cAAc,WAAW,OAAO;EAExD,aAAa,OAAO,oBAAoB,cAAc,WAAW,OAAO;CAC1E,GAAG,CAAC,aAAa,KAAK,CAAC;CAEvB,OAAO;AACT;AAEA,SAAS,SAAS,EAChB,QACA,UACA,cACA,OACA,0BACA,aACA,gBASC;CAGD,OACE,oBAAC,uBAAD;EAAuB,OAHH,gBAAgB,QAAQ,cAAc,KAG5B;YAC5B,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,UAEA,4BACC,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,kBAAD;KAAkB,OAAO;KAA2B;IAAe,CAAA;GAChE,CAAA,CAEJ;;CACgB,CAAA;AAE3B;AAEA,IAAa,iBAA4C,EAAE,UAAU,WAAW;CAC9E,MAAM,QAAQ,KAAK;CACnB,MAAM,SAAS,MAAM,UAAU;CAC/B,MAAM,WAAW,MAAM;CACvB,MAAM,eAAe,MAAM,OAAO;CAClC,MAAM,SAAS,MAAM,UAAU;CAC/B,MAAM,eAAe,MAAM,gBAAgB;CAC3C,MAAM,eAAe,MAAM,gBAAgB;CAC3C,MAAM,iBAAiB,MAAM,kBAAkB,CAAC;CAChD,MAAM,QAAQ,MAAM;CACpB,MAAM,EAAE,QAAQ,aAAa,QAAQ,gBAAgB,cAC7C,cAAc,KAAK,MAAM,GAC/B,CAAC,KAAK,MAAM,CACd;CACA,MAAM,gBAAgB;EAAE,GAAG;EAAa,GAAG;CAAM;CACjD,MAAM,2BAA2B,MAAM,gBAAgB;CACvD,MAAM,cAAc,MAAM,eAAe;CACzC,MAAM,eAAe,MAAM;CAC3B,MAAM,oBAAoB,MAAM,qBAAqB,KAAA;CAErD,OACE,oBAAC,MAAD;EACU;EACR,0BAAwB,KAAK;EACnB;EACF;EACM;EACE;EAChB,mBAAmB,eAAe,oBAAoB,KAAA;EACtD,SAAS,cAAc,YAAY;EACnC,WAAU;aAER,EAAE,aAAa,QAAQ,YAAY,OAAO,eAC1C,qBAAC,cAAD;GACE,OAAO;IACL;IACA,cAAc,UAAU,YAAY,KAAK;IACzC;IACQ;IACR;IACA;IACA;IACA,WAAW,UAAU,SAAS,KAAK;GACrC;aAVF;IAYE,oBAAC,mBAAD;KAAmB,aAAa,KAAK;KAAW;IAAQ,CAAA;IAEvD,MAAM,UACL,oBAAC,OAAD;KAAK,WAAU;eACZ,MAAM;IACJ,CAAA;IAGP,oBAAC,oBAAD;KAAoB,SAAS;eAC3B,oBAAC,UAAD;MACU;MACM;MACd,OAAO,KAAK;MACc;MACb;MACC;MAEb;KACO,CAAA;IACQ,CAAA;GACR;;CAEL,CAAA;AAEjB"}

package/dist/form/components/index.d.ts

@@ -6,6 +6,5 @@ export { HiddenInputComponent } from './fields/hidden-input';
 export { NumberInputComponent } from './fields/number-input';
 export { PasswordInputComponent } from './fields/password-input';
 export { SelectComponent } from './fields/select';
-export { SubmitButtonComponent } from './fields/submit-button';
 export { TextareaComponent } from './fields/textarea';
 export { TextInputComponent } from './fields/text-input';

package/dist/form/components/index.js

@@ -6,7 +6,6 @@ import { HiddenInputComponent } from "./fields/hidden-input.js";
 import { NumberInputComponent } from "./fields/number-input.js";
 import { PasswordInputComponent } from "./fields/password-input.js";
 import { SelectComponent } from "./fields/select.js";
-import { SubmitButtonComponent } from "./fields/submit-button.js";
 import { TextareaComponent } from "./fields/textarea.js";
 import { TextInputComponent } from "./fields/text-input.js";
-export { CheckboxComponent, ChoiceComponent, DateInputComponent, FormComponent, HiddenInputComponent, NumberInputComponent, PasswordInputComponent, SelectComponent, SubmitButtonComponent, TextInputComponent, TextareaComponent };
+export { CheckboxComponent, ChoiceComponent, DateInputComponent, FormComponent, HiddenInputComponent, NumberInputComponent, PasswordInputComponent, SelectComponent, TextInputComponent, TextareaComponent };

package/dist/form/components/resolved-nodes.d.ts

@@ -1,4 +1,4 @@
-import { Node } from '../../../../core/types';
+import { Node } from '../../core/types';
 export declare function ResolvedNodesProvider({ nodes, children, }: {
     nodes: Record<string, Node>;
     children: React.ReactNode;

package/dist/form/components/resolved-nodes.js

@@ -1,4 +1,4 @@
-import { getStringProp } from "../../core/props.js";
+import { fieldProps } from "./field-props.js";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region resources/js/form/components/resolved-nodes.tsx
@@ -11,7 +11,7 @@ function ResolvedNodesProvider({ nodes, children }) {
 }
 function useResolvedNode(node) {
 	const nodes = useContext(ResolvedNodesContext);
-	const name = getStringProp(node.props, "name");
+	const name = fieldProps(node).name ?? "";
 	return name && nodes[name] ? nodes[name] : node;
 }
 //#endregion

package/dist/form/components/resolved-nodes.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolved-nodes.js","names":[],"sources":["../../../resources/js/form/components/resolved-nodes.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport { getStringProp } from \"@lattice/lattice/core/props\";\nimport type { Node } from \"@lattice/lattice/core/types\";\n\nconst ResolvedNodesContext = createContext<Record<string, Node>>({});\n\nexport function ResolvedNodesProvider({\n  nodes,\n  children,\n}: {\n  nodes: Record<string, Node>;\n  children: React.ReactNode;\n}) {\n  return <ResolvedNodesContext.Provider value={nodes}>{children}</ResolvedNodesContext.Provider>;\n}\n\nexport function useResolvedNode(node: Node): Node {\n  const nodes = useContext(ResolvedNodesContext);\n  const name = getStringProp(node.props, \"name\");\n\n  return name && nodes[name] ? nodes[name] : node;\n}\n"],"mappings":";;;;AAIA,IAAM,uBAAuB,cAAoC,CAAC,CAAC;AAEnE,SAAgB,sBAAsB,EACpC,OACA,YAIC;CACD,OAAO,oBAAC,qBAAqB,UAAtB;EAA+B,OAAO;EAAQ;CAAwC,CAAA;AAC/F;AAEA,SAAgB,gBAAgB,MAAkB;CAChD,MAAM,QAAQ,WAAW,oBAAoB;CAC7C,MAAM,OAAO,cAAc,KAAK,OAAO,MAAM;CAE7C,OAAO,QAAQ,MAAM,QAAQ,MAAM,QAAQ;AAC7C"}
+{"version":3,"file":"resolved-nodes.js","names":[],"sources":["../../../resources/js/form/components/resolved-nodes.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { Node } from \"@lattice/lattice/core/types\";\nimport { fieldProps } from \"./field-props\";\n\nconst ResolvedNodesContext = createContext<Record<string, Node>>({});\n\nexport function ResolvedNodesProvider({\n  nodes,\n  children,\n}: {\n  nodes: Record<string, Node>;\n  children: React.ReactNode;\n}) {\n  return <ResolvedNodesContext.Provider value={nodes}>{children}</ResolvedNodesContext.Provider>;\n}\n\nexport function useResolvedNode(node: Node): Node {\n  const nodes = useContext(ResolvedNodesContext);\n  const name = fieldProps(node).name ?? \"\";\n\n  return name && nodes[name] ? nodes[name] : node;\n}\n"],"mappings":";;;;AAIA,IAAM,uBAAuB,cAAoC,CAAC,CAAC;AAEnE,SAAgB,sBAAsB,EACpC,OACA,YAIC;CACD,OAAO,oBAAC,qBAAqB,UAAtB;EAA+B,OAAO;EAAQ;CAAwC,CAAA;AAC/F;AAEA,SAAgB,gBAAgB,MAAkB;CAChD,MAAM,QAAQ,WAAW,oBAAoB;CAC7C,MAAM,OAAO,WAAW,IAAI,EAAE,QAAQ;CAEtC,OAAO,QAAQ,MAAM,QAAQ,MAAM,QAAQ;AAC7C"}

package/dist/form/components/types.d.ts

@@ -1,4 +1,5 @@
 import { Method } from '@inertiajs/core';
+export type { Checkbox, Choice, DateInput, Form, FormFieldNode, FormNode, FormNodeType, HiddenInput, NumberInput, PasswordInput, RichEditor, Select, Textarea, TextInput, } from '../../types/generated';
 export type FormMethod = Method;
 export type FormLabelAction = {
     href: string;

package/dist/form/components/use-controlled-field.d.ts

@@ -1,16 +1,10 @@
-import { Node } from '../../../../core/types';
+import { Node } from '../../core/types';
 import { FieldState } from './conditions';
-type ControlledField = FieldState & {
+export type ControlledField = FieldState & {
     name: string;
     value: string;
     error?: string;
     commit: (value: unknown) => void;
 };
-/**
- * Shared wiring for store-controlled, condition-aware fields: derives the current
- * string value (store, falling back to the node's value prop), the field state
- * (hidden/required/readonly/disabled), the current error, and a `commit` callback
- * that writes to the store and triggers precognition validation / error clearing.
- */
+/** Shared wiring read by every store-controlled, condition-aware field. */
 export declare function useControlledField(node: Node): ControlledField;
-export {};

package/dist/form/components/use-controlled-field.js

@@ -1,21 +1,17 @@
-import { getStringProp } from "../../core/props.js";
 import { useFormContext } from "./context.js";
+import { fieldProps } from "./field-props.js";
 import { useFormValue } from "./values.js";
 import { useDependentField } from "./use-dependent-field.js";
 import { useFieldCommit } from "./use-field-commit.js";
 //#region resources/js/form/components/use-controlled-field.ts
-/**
-* Shared wiring for store-controlled, condition-aware fields: derives the current
-* string value (store, falling back to the node's value prop), the field state
-* (hidden/required/readonly/disabled), the current error, and a `commit` callback
-* that writes to the store and triggers precognition validation / error clearing.
-*/
+/** Shared wiring read by every store-controlled, condition-aware field. */
 function useControlledField(node) {
 	const { errors } = useFormContext();
 	const state = useDependentField(node);
-	const name = getStringProp(node.props, "name");
+	const props = fieldProps(node);
+	const name = props.name ?? "";
 	const storedValue = useFormValue(name);
-	const currentValue = storedValue !== void 0 ? storedValue : node.props?.value;
+	const currentValue = storedValue !== void 0 ? storedValue : props.value;
 	const value = typeof currentValue === "string" || typeof currentValue === "number" ? String(currentValue) : "";
 	const { commit: commitField } = useFieldCommit();
 	const commit = (next) => commitField(name, next);

package/dist/form/components/use-controlled-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-controlled-field.js","names":[],"sources":["../../../resources/js/form/components/use-controlled-field.ts"],"sourcesContent":["import { getStringProp } from \"@lattice/lattice/core/props\";\nimport type { Node } from \"@lattice/lattice/core/types\";\nimport type { FieldState } from \"./conditions\";\nimport { useFormContext } from \"./context\";\nimport { useDependentField } from \"./use-dependent-field\";\nimport { useFieldCommit } from \"./use-field-commit\";\nimport { useFormValue } from \"./values\";\n\ntype ControlledField = FieldState & {\n  name: string;\n  value: string;\n  error?: string;\n  commit: (value: unknown) => void;\n};\n\n/**\n * Shared wiring for store-controlled, condition-aware fields: derives the current\n * string value (store, falling back to the node's value prop), the field state\n * (hidden/required/readonly/disabled), the current error, and a `commit` callback\n * that writes to the store and triggers precognition validation / error clearing.\n */\nexport function useControlledField(node: Node): ControlledField {\n  const { errors } = useFormContext();\n  const state = useDependentField(node);\n  const name = getStringProp(node.props, \"name\");\n  const storedValue = useFormValue(name);\n  const currentValue = storedValue !== undefined ? storedValue : node.props?.value;\n  const value =\n    typeof currentValue === \"string\" || typeof currentValue === \"number\"\n      ? String(currentValue)\n      : \"\";\n\n  const { commit: commitField } = useFieldCommit();\n  const commit = (next: unknown): void => commitField(name, next);\n\n  return { ...state, name, value, error: errors[name], commit };\n}\n"],"mappings":";;;;;;;;;;;;AAqBA,SAAgB,mBAAmB,MAA6B;CAC9D,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,QAAQ,kBAAkB,IAAI;CACpC,MAAM,OAAO,cAAc,KAAK,OAAO,MAAM;CAC7C,MAAM,cAAc,aAAa,IAAI;CACrC,MAAM,eAAe,gBAAgB,KAAA,IAAY,cAAc,KAAK,OAAO;CAC3E,MAAM,QACJ,OAAO,iBAAiB,YAAY,OAAO,iBAAiB,WACxD,OAAO,YAAY,IACnB;CAEN,MAAM,EAAE,QAAQ,gBAAgB,eAAe;CAC/C,MAAM,UAAU,SAAwB,YAAY,MAAM,IAAI;CAE9D,OAAO;EAAE,GAAG;EAAO;EAAM;EAAO,OAAO,OAAO;EAAO;CAAO;AAC9D"}
+{"version":3,"file":"use-controlled-field.js","names":[],"sources":["../../../resources/js/form/components/use-controlled-field.ts"],"sourcesContent":["import type { Node } from \"@lattice/lattice/core/types\";\nimport type { FieldState } from \"./conditions\";\nimport { fieldProps } from \"./field-props\";\nimport { useFormContext } from \"./context\";\nimport { useDependentField } from \"./use-dependent-field\";\nimport { useFieldCommit } from \"./use-field-commit\";\nimport { useFormValue } from \"./values\";\n\nexport type ControlledField = FieldState & {\n  name: string;\n  value: string;\n  error?: string;\n  commit: (value: unknown) => void;\n};\n\n/** Shared wiring read by every store-controlled, condition-aware field. */\nexport function useControlledField(node: Node): ControlledField {\n  const { errors } = useFormContext();\n  const state = useDependentField(node);\n  const props = fieldProps(node);\n  const name = props.name ?? \"\";\n  const storedValue = useFormValue(name);\n  const currentValue = storedValue !== undefined ? storedValue : props.value;\n  const value =\n    typeof currentValue === \"string\" || typeof currentValue === \"number\"\n      ? String(currentValue)\n      : \"\";\n\n  const { commit: commitField } = useFieldCommit();\n  const commit = (next: unknown): void => commitField(name, next);\n\n  return { ...state, name, value, error: errors[name], commit };\n}\n"],"mappings":";;;;;;;AAgBA,SAAgB,mBAAmB,MAA6B;CAC9D,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,QAAQ,kBAAkB,IAAI;CACpC,MAAM,QAAQ,WAAW,IAAI;CAC7B,MAAM,OAAO,MAAM,QAAQ;CAC3B,MAAM,cAAc,aAAa,IAAI;CACrC,MAAM,eAAe,gBAAgB,KAAA,IAAY,cAAc,MAAM;CACrE,MAAM,QACJ,OAAO,iBAAiB,YAAY,OAAO,iBAAiB,WACxD,OAAO,YAAY,IACnB;CAEN,MAAM,EAAE,QAAQ,gBAAgB,eAAe;CAC/C,MAAM,UAAU,SAAwB,YAAY,MAAM,IAAI;CAE9D,OAAO;EAAE,GAAG;EAAO;EAAM;EAAO,OAAO,OAAO;EAAO;CAAO;AAC9D"}

package/dist/form/components/use-dependent-field.d.ts

@@ -1,3 +1,3 @@
-import { Node } from '../../../../core/types';
+import { Node } from '../../core/types';
 import { FieldState } from './conditions';
 export declare function useDependentField(node: Node): FieldState;

package/dist/form/components/use-dependent-field.js

@@ -1,15 +1,15 @@
-import { getBooleanProp } from "../../core/props.js";
-import { evaluateConditions } from "./conditions.js";
+import { fieldProps } from "./field-props.js";
 import { useFormValues } from "./values.js";
+import { evaluateConditions } from "./conditions.js";
 //#region resources/js/form/components/use-dependent-field.ts
 function useDependentField(node) {
 	const values = useFormValues();
-	const conditions = node.props?.conditions;
-	return evaluateConditions(conditions, values, {
-		hidden: getBooleanProp(node.props, "hidden"),
-		required: getBooleanProp(node.props, "required"),
-		readonly: getBooleanProp(node.props, "readonly"),
-		disabled: getBooleanProp(node.props, "disabled")
+	const props = fieldProps(node);
+	return evaluateConditions(props.conditions ?? void 0, values, {
+		hidden: props.hidden ?? false,
+		required: props.required ?? false,
+		readOnly: props.readOnly ?? false,
+		disabled: props.disabled ?? false
 	});
 }
 //#endregion

package/dist/form/components/use-dependent-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-dependent-field.js","names":[],"sources":["../../../resources/js/form/components/use-dependent-field.ts"],"sourcesContent":["import { getBooleanProp } from \"@lattice/lattice/core/props\";\nimport type { Node } from \"@lattice/lattice/core/types\";\nimport { type FieldConditions, type FieldState, evaluateConditions } from \"./conditions\";\nimport { useFormValues } from \"./values\";\n\nexport function useDependentField(node: Node): FieldState {\n  const values = useFormValues();\n  const conditions = node.props?.conditions as FieldConditions | undefined;\n\n  return evaluateConditions(conditions, values, {\n    hidden: getBooleanProp(node.props, \"hidden\"),\n    required: getBooleanProp(node.props, \"required\"),\n    readonly: getBooleanProp(node.props, \"readonly\"),\n    disabled: getBooleanProp(node.props, \"disabled\"),\n  });\n}\n"],"mappings":";;;;AAKA,SAAgB,kBAAkB,MAAwB;CACxD,MAAM,SAAS,cAAc;CAC7B,MAAM,aAAa,KAAK,OAAO;CAE/B,OAAO,mBAAmB,YAAY,QAAQ;EAC5C,QAAQ,eAAe,KAAK,OAAO,QAAQ;EAC3C,UAAU,eAAe,KAAK,OAAO,UAAU;EAC/C,UAAU,eAAe,KAAK,OAAO,UAAU;EAC/C,UAAU,eAAe,KAAK,OAAO,UAAU;CACjD,CAAC;AACH"}
+{"version":3,"file":"use-dependent-field.js","names":[],"sources":["../../../resources/js/form/components/use-dependent-field.ts"],"sourcesContent":["import type { Node } from \"@lattice/lattice/core/types\";\nimport { type FieldState, evaluateConditions } from \"./conditions\";\nimport { fieldProps } from \"./field-props\";\nimport { useFormValues } from \"./values\";\n\nexport function useDependentField(node: Node): FieldState {\n  const values = useFormValues();\n  const props = fieldProps(node);\n\n  return evaluateConditions(props.conditions ?? undefined, values, {\n    hidden: props.hidden ?? false,\n    required: props.required ?? false,\n    readOnly: props.readOnly ?? false,\n    disabled: props.disabled ?? false,\n  });\n}\n"],"mappings":";;;;AAKA,SAAgB,kBAAkB,MAAwB;CACxD,MAAM,SAAS,cAAc;CAC7B,MAAM,QAAQ,WAAW,IAAI;CAE7B,OAAO,mBAAmB,MAAM,cAAc,KAAA,GAAW,QAAQ;EAC/D,QAAQ,MAAM,UAAU;EACxB,UAAU,MAAM,YAAY;EAC5B,UAAU,MAAM,YAAY;EAC5B,UAAU,MAAM,YAAY;CAC9B,CAAC;AACH"}

package/dist/form/components/use-form-resolver.d.ts

@@ -1,2 +1,2 @@
-import { Node } from '../../../../core/types';
+import { Node } from '../../core/types';
 export declare function useFormResolver(action: string, componentRef: string, nodes: Node[] | undefined): Record<string, Node>;

package/dist/form/components/use-form-resolver.js

@@ -1,27 +1,22 @@
-import { getBooleanProp } from "../../core/props.js";
+import { walkFields } from "./field-props.js";
 import { postFormAction } from "./form-transport.js";
 import { useFormValues, useSetFormValue } from "./values.js";
 import { useEffect, useMemo, useState } from "react";
 //#region resources/js/form/components/use-form-resolver.ts
-function collectWatch(nodes, keys, state) {
-	for (const child of nodes ?? []) {
-		const dependsOnKeys = child.props?.dependsOnKeys;
-		if (Array.isArray(dependsOnKeys)) for (const key of dependsOnKeys) keys.add(String(key));
-		if (getBooleanProp(child.props, "dependsOnAny")) state.any = true;
-		collectWatch(child.children, keys, state);
-	}
-}
 function useFormResolver(action, componentRef, nodes) {
 	const values = useFormValues();
 	const setValue = useSetFormValue();
 	const [resolved, setResolved] = useState({});
 	const watch = useMemo(() => {
 		const keys = /* @__PURE__ */ new Set();
-		const state = { any: false };
-		collectWatch(nodes, keys, state);
+		let any = false;
+		walkFields(nodes, (props) => {
+			if (Array.isArray(props.dependsOnKeys)) for (const key of props.dependsOnKeys) keys.add(String(key));
+			if (props.dependsOnAny) any = true;
+		});
 		return {
 			keys: [...keys],
-			any: state.any
+			any
 		};
 	}, [nodes]);
 	useEffect(() => {
@@ -42,7 +37,7 @@ function useFormResolver(action, componentRef, nodes) {
 			controller.abort();
 		};
 	}, [
-		watch.any ? JSON.stringify(values) : JSON.stringify(watch.keys.map((key) => values[key])),
+		watch.any ? values : JSON.stringify(watch.keys.map((key) => values[key])),
 		action,
 		componentRef,
 		watch.keys.length,

package/dist/form/components/use-form-resolver.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-form-resolver.js","names":[],"sources":["../../../resources/js/form/components/use-form-resolver.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { getBooleanProp } from \"@lattice/lattice/core/props\";\nimport type { Node } from \"@lattice/lattice/core/types\";\nimport { FORM_DEBOUNCE_MS, postFormAction } from \"./form-transport\";\nimport { useFormValues, useSetFormValue } from \"./values\";\n\ntype ResolveResponse = {\n  fields?: Record<string, Node>;\n  values?: Record<string, unknown>;\n};\n\nfunction collectWatch(nodes: Node[] | undefined, keys: Set<string>, state: { any: boolean }): void {\n  for (const child of nodes ?? []) {\n    const dependsOnKeys = child.props?.dependsOnKeys;\n    if (Array.isArray(dependsOnKeys)) {\n      for (const key of dependsOnKeys) {\n        keys.add(String(key));\n      }\n    }\n    if (getBooleanProp(child.props, \"dependsOnAny\")) {\n      state.any = true;\n    }\n    collectWatch(child.children, keys, state);\n  }\n}\n\nexport function useFormResolver(\n  action: string,\n  componentRef: string,\n  nodes: Node[] | undefined,\n): Record<string, Node> {\n  const values = useFormValues();\n  const setValue = useSetFormValue();\n  const [resolved, setResolved] = useState<Record<string, Node>>({});\n\n  const watch = useMemo(() => {\n    const keys = new Set<string>();\n    const state = { any: false };\n    collectWatch(nodes, keys, state);\n    return { keys: [...keys], any: state.any };\n  }, [nodes]);\n\n  const watched = watch.any\n    ? JSON.stringify(values)\n    : JSON.stringify(watch.keys.map((key) => values[key]));\n\n  useEffect(() => {\n    if (watch.keys.length === 0 && !watch.any) {\n      return;\n    }\n\n    const controller = new AbortController();\n\n    const timer = window.setTimeout(() => {\n      void postFormAction<ResolveResponse>(\n        action,\n        componentRef,\n        { _resolve: true, ...values },\n        controller.signal,\n      )\n        .then((response) => {\n          if (!response) {\n            return;\n          }\n          for (const [name, value] of Object.entries(response.values ?? {})) {\n            setValue(name, value);\n          }\n          if (response.fields) {\n            setResolved(response.fields);\n          }\n        })\n        .catch(() => {});\n    }, FORM_DEBOUNCE_MS);\n\n    return () => {\n      window.clearTimeout(timer);\n      controller.abort();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [watched, action, componentRef, watch.keys.length, watch.any, setValue]);\n\n  return resolved;\n}\n"],"mappings":";;;;;AAWA,SAAS,aAAa,OAA2B,MAAmB,OAA+B;CACjG,KAAK,MAAM,SAAS,SAAS,CAAC,GAAG;EAC/B,MAAM,gBAAgB,MAAM,OAAO;EACnC,IAAI,MAAM,QAAQ,aAAa,GAC7B,KAAK,MAAM,OAAO,eAChB,KAAK,IAAI,OAAO,GAAG,CAAC;EAGxB,IAAI,eAAe,MAAM,OAAO,cAAc,GAC5C,MAAM,MAAM;EAEd,aAAa,MAAM,UAAU,MAAM,KAAK;CAC1C;AACF;AAEA,SAAgB,gBACd,QACA,cACA,OACsB;CACtB,MAAM,SAAS,cAAc;CAC7B,MAAM,WAAW,gBAAgB;CACjC,MAAM,CAAC,UAAU,eAAe,SAA+B,CAAC,CAAC;CAEjE,MAAM,QAAQ,cAAc;EAC1B,MAAM,uBAAO,IAAI,IAAY;EAC7B,MAAM,QAAQ,EAAE,KAAK,MAAM;EAC3B,aAAa,OAAO,MAAM,KAAK;EAC/B,OAAO;GAAE,MAAM,CAAC,GAAG,IAAI;GAAG,KAAK,MAAM;EAAI;CAC3C,GAAG,CAAC,KAAK,CAAC;CAMV,gBAAgB;EACd,IAAI,MAAM,KAAK,WAAW,KAAK,CAAC,MAAM,KACpC;EAGF,MAAM,aAAa,IAAI,gBAAgB;EAEvC,MAAM,QAAQ,OAAO,iBAAiB;GACpC,eACE,QACA,cACA;IAAE,UAAU;IAAM,GAAG;GAAO,GAC5B,WAAW,MACb,EACG,MAAM,aAAa;IAClB,IAAI,CAAC,UACH;IAEF,KAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,SAAS,UAAU,CAAC,CAAC,GAC9D,SAAS,MAAM,KAAK;IAEtB,IAAI,SAAS,QACX,YAAY,SAAS,MAAM;GAE/B,CAAC,EACA,YAAY,CAAC,CAAC;EACnB,GAAA,GAAmB;EAEnB,aAAa;GACX,OAAO,aAAa,KAAK;GACzB,WAAW,MAAM;EACnB;CAEF,GAAG;EArCa,MAAM,MAClB,KAAK,UAAU,MAAM,IACrB,KAAK,UAAU,MAAM,KAAK,KAAK,QAAQ,OAAO,IAAI,CAAC;EAmC1C;EAAQ;EAAc,MAAM,KAAK;EAAQ,MAAM;EAAK;CAAQ,CAAC;CAE1E,OAAO;AACT"}
+{"version":3,"file":"use-form-resolver.js","names":[],"sources":["../../../resources/js/form/components/use-form-resolver.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport type { Node } from \"@lattice/lattice/core/types\";\nimport { walkFields } from \"./field-props\";\nimport { FORM_DEBOUNCE_MS, postFormAction } from \"./form-transport\";\nimport { useFormValues, useSetFormValue } from \"./values\";\n\ntype ResolveResponse = {\n  fields?: Record<string, Node>;\n  values?: Record<string, unknown>;\n};\n\nexport function useFormResolver(\n  action: string,\n  componentRef: string,\n  nodes: Node[] | undefined,\n): Record<string, Node> {\n  const values = useFormValues();\n  const setValue = useSetFormValue();\n  const [resolved, setResolved] = useState<Record<string, Node>>({});\n\n  const watch = useMemo(() => {\n    const keys = new Set<string>();\n    let any = false;\n    walkFields(nodes, (props) => {\n      if (Array.isArray(props.dependsOnKeys)) {\n        for (const key of props.dependsOnKeys) {\n          keys.add(String(key));\n        }\n      }\n      if (props.dependsOnAny) {\n        any = true;\n      }\n    });\n    return { keys: [...keys], any };\n  }, [nodes]);\n\n  // In \"any\" mode the values store keeps a stable reference until something\n  // actually changes (Object.is in setValue), so its identity is the change\n  // signal — no need to serialize every value. Otherwise hash the watched keys.\n  const watchSignature = watch.any ? values : JSON.stringify(watch.keys.map((key) => values[key]));\n\n  useEffect(() => {\n    if (watch.keys.length === 0 && !watch.any) {\n      return;\n    }\n\n    const controller = new AbortController();\n\n    const timer = window.setTimeout(() => {\n      void postFormAction<ResolveResponse>(\n        action,\n        componentRef,\n        { _resolve: true, ...values },\n        controller.signal,\n      )\n        .then((response) => {\n          if (!response) {\n            return;\n          }\n          for (const [name, value] of Object.entries(response.values ?? {})) {\n            setValue(name, value);\n          }\n          if (response.fields) {\n            setResolved(response.fields);\n          }\n        })\n        .catch(() => {});\n    }, FORM_DEBOUNCE_MS);\n\n    return () => {\n      window.clearTimeout(timer);\n      controller.abort();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [watchSignature, action, componentRef, watch.keys.length, watch.any, setValue]);\n\n  return resolved;\n}\n"],"mappings":";;;;;AAWA,SAAgB,gBACd,QACA,cACA,OACsB;CACtB,MAAM,SAAS,cAAc;CAC7B,MAAM,WAAW,gBAAgB;CACjC,MAAM,CAAC,UAAU,eAAe,SAA+B,CAAC,CAAC;CAEjE,MAAM,QAAQ,cAAc;EAC1B,MAAM,uBAAO,IAAI,IAAY;EAC7B,IAAI,MAAM;EACV,WAAW,QAAQ,UAAU;GAC3B,IAAI,MAAM,QAAQ,MAAM,aAAa,GACnC,KAAK,MAAM,OAAO,MAAM,eACtB,KAAK,IAAI,OAAO,GAAG,CAAC;GAGxB,IAAI,MAAM,cACR,MAAM;EAEV,CAAC;EACD,OAAO;GAAE,MAAM,CAAC,GAAG,IAAI;GAAG;EAAI;CAChC,GAAG,CAAC,KAAK,CAAC;CAOV,gBAAgB;EACd,IAAI,MAAM,KAAK,WAAW,KAAK,CAAC,MAAM,KACpC;EAGF,MAAM,aAAa,IAAI,gBAAgB;EAEvC,MAAM,QAAQ,OAAO,iBAAiB;GACpC,eACE,QACA,cACA;IAAE,UAAU;IAAM,GAAG;GAAO,GAC5B,WAAW,MACb,EACG,MAAM,aAAa;IAClB,IAAI,CAAC,UACH;IAEF,KAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,SAAS,UAAU,CAAC,CAAC,GAC9D,SAAS,MAAM,KAAK;IAEtB,IAAI,SAAS,QACX,YAAY,SAAS,MAAM;GAE/B,CAAC,EACA,YAAY,CAAC,CAAC;EACnB,GAAA,GAAmB;EAEnB,aAAa;GACX,OAAO,aAAa,KAAK;GACzB,WAAW,MAAM;EACnB;CAEF,GAAG;EAnCoB,MAAM,MAAM,SAAS,KAAK,UAAU,MAAM,KAAK,KAAK,QAAQ,OAAO,IAAI,CAAC;EAmC3E;EAAQ;EAAc,MAAM,KAAK;EAAQ,MAAM;EAAK;CAAQ,CAAC;CAEjF,OAAO;AACT"}

package/dist/form/components/use-seed-default.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Seed a field's default into the store so dependent fields and the submitted
+ * payload reflect it before the user interacts. Pass undefined to skip.
+ */
+export declare function useSeedDefault(name: string, value: unknown): void;

package/dist/form/components/use-seed-default.js

@@ -0,0 +1,23 @@
+import { useFormValue, useSetFormValue } from "./values.js";
+import { useEffect } from "react";
+//#region resources/js/form/components/use-seed-default.ts
+/**
+* Seed a field's default into the store so dependent fields and the submitted
+* payload reflect it before the user interacts. Pass undefined to skip.
+*/
+function useSeedDefault(name, value) {
+	const stored = useFormValue(name);
+	const setValue = useSetFormValue();
+	useEffect(() => {
+		if (stored === void 0 && value !== void 0) setValue(name, value);
+	}, [
+		name,
+		value,
+		stored,
+		setValue
+	]);
+}
+//#endregion
+export { useSeedDefault };
+
+//# sourceMappingURL=use-seed-default.js.map

package/dist/form/components/use-seed-default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-seed-default.js","names":[],"sources":["../../../resources/js/form/components/use-seed-default.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useFormValue, useSetFormValue } from \"./values\";\n\n/**\n * Seed a field's default into the store so dependent fields and the submitted\n * payload reflect it before the user interacts. Pass undefined to skip.\n */\nexport function useSeedDefault(name: string, value: unknown): void {\n  const stored = useFormValue(name);\n  const setValue = useSetFormValue();\n\n  useEffect(() => {\n    if (stored === undefined && value !== undefined) {\n      setValue(name, value);\n    }\n  }, [name, value, stored, setValue]);\n}\n"],"mappings":";;;;;;;AAOA,SAAgB,eAAe,MAAc,OAAsB;CACjE,MAAM,SAAS,aAAa,IAAI;CAChC,MAAM,WAAW,gBAAgB;CAEjC,gBAAgB;EACd,IAAI,WAAW,KAAA,KAAa,UAAU,KAAA,GACpC,SAAS,MAAM,KAAK;CAExB,GAAG;EAAC;EAAM;EAAO;EAAQ;CAAQ,CAAC;AACpC"}

package/dist/form/index.d.ts

@@ -1 +1 @@
-export declare const formComponents: import('../../../core/registry').Plugin;
+export declare const formComponents: import('../core/registry').Plugin;

package/dist/form/index.js

@@ -21,7 +21,6 @@ var formComponents = createPlugin({
 			return { default: RichEditorComponent };
 		}),
 		"form.select": lazyComponent(loadFormComponent("SelectComponent")),
-		"form.submit-button": lazyComponent(loadFormComponent("SubmitButtonComponent")),
 		"form.textarea": lazyComponent(loadFormComponent("TextareaComponent")),
 		"form.text-input": lazyComponent(loadFormComponent("TextInputComponent"))
 	},

package/dist/form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../resources/js/form/index.ts"],"sourcesContent":["import { createPlugin, lazyComponent } from \"@lattice/lattice/core/registry\";\nimport type { RendererComponent, RendererComponentModule } from \"@lattice/lattice/core/types\";\nimport { FormSkeletonComponent } from \"./skeleton\";\n\ntype FormComponentName =\n  | \"CheckboxComponent\"\n  | \"ChoiceComponent\"\n  | \"DateInputComponent\"\n  | \"FormComponent\"\n  | \"HiddenInputComponent\"\n  | \"NumberInputComponent\"\n  | \"PasswordInputComponent\"\n  | \"SelectComponent\"\n  | \"SubmitButtonComponent\"\n  | \"TextareaComponent\"\n  | \"TextInputComponent\";\n\nconst loadFormComponents = () => import(\"./components\");\n\nfunction loadFormComponent<TType extends string>(\n  name: FormComponentName,\n): () => Promise<RendererComponentModule<TType>> {\n  return async () => {\n    const components = await loadFormComponents();\n\n    return {\n      default: components[name] as RendererComponent<TType>,\n    };\n  };\n}\n\nexport const formComponents = createPlugin({\n  components: {\n    form: lazyComponent(loadFormComponent(\"FormComponent\"), {\n      fallback: FormSkeletonComponent,\n    }),\n    \"form.checkbox\": lazyComponent(loadFormComponent(\"CheckboxComponent\")),\n    \"form.choice\": lazyComponent(loadFormComponent(\"ChoiceComponent\")),\n    \"form.date-input\": lazyComponent(loadFormComponent(\"DateInputComponent\")),\n    \"form.hidden-input\": lazyComponent(loadFormComponent(\"HiddenInputComponent\")),\n    \"form.number-input\": lazyComponent(loadFormComponent(\"NumberInputComponent\")),\n    \"form.password-input\": lazyComponent(loadFormComponent(\"PasswordInputComponent\")),\n    // Loaded from its own module so TipTap is split into a separate chunk,\n    // only fetched on pages that actually render a rich editor.\n    \"form.rich-editor\": lazyComponent<\"form.rich-editor\">(async () => {\n      const { RichEditorComponent } = await import(\"./components/fields/rich-editor\");\n\n      return { default: RichEditorComponent };\n    }),\n    \"form.select\": lazyComponent(loadFormComponent(\"SelectComponent\")),\n    \"form.submit-button\": lazyComponent(loadFormComponent(\"SubmitButtonComponent\")),\n    \"form.textarea\": lazyComponent(loadFormComponent(\"TextareaComponent\")),\n    \"form.text-input\": lazyComponent(loadFormComponent(\"TextInputComponent\")),\n  },\n  name: \"lattice/form\",\n});\n"],"mappings":";;;AAiBA,IAAM,2BAA2B,OAAO;AAExC,SAAS,kBACP,MAC+C;CAC/C,OAAO,YAAY;EAGjB,OAAO,EACL,UAAS,MAHc,mBAAmB,GAGtB,MACtB;CACF;AACF;AAEA,IAAa,iBAAiB,aAAa;CACzC,YAAY;EACV,MAAM,cAAc,kBAAkB,eAAe,GAAG,EACtD,UAAU,sBACZ,CAAC;EACD,iBAAiB,cAAc,kBAAkB,mBAAmB,CAAC;EACrE,eAAe,cAAc,kBAAkB,iBAAiB,CAAC;EACjE,mBAAmB,cAAc,kBAAkB,oBAAoB,CAAC;EACxE,qBAAqB,cAAc,kBAAkB,sBAAsB,CAAC;EAC5E,qBAAqB,cAAc,kBAAkB,sBAAsB,CAAC;EAC5E,uBAAuB,cAAc,kBAAkB,wBAAwB,CAAC;EAGhF,oBAAoB,cAAkC,YAAY;GAChE,MAAM,EAAE,wBAAwB,MAAM,OAAO;GAE7C,OAAO,EAAE,SAAS,oBAAoB;EACxC,CAAC;EACD,eAAe,cAAc,kBAAkB,iBAAiB,CAAC;EACjE,sBAAsB,cAAc,kBAAkB,uBAAuB,CAAC;EAC9E,iBAAiB,cAAc,kBAAkB,mBAAmB,CAAC;EACrE,mBAAmB,cAAc,kBAAkB,oBAAoB,CAAC;CAC1E;CACA,MAAM;AACR,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../resources/js/form/index.ts"],"sourcesContent":["import { createPlugin, lazyComponent } from \"@lattice/lattice/core/registry\";\nimport type { RendererComponent, RendererComponentModule } from \"@lattice/lattice/core/types\";\nimport { FormSkeletonComponent } from \"./skeleton\";\n\ntype FormComponentName =\n  | \"CheckboxComponent\"\n  | \"ChoiceComponent\"\n  | \"DateInputComponent\"\n  | \"FormComponent\"\n  | \"HiddenInputComponent\"\n  | \"NumberInputComponent\"\n  | \"PasswordInputComponent\"\n  | \"SelectComponent\"\n  | \"TextareaComponent\"\n  | \"TextInputComponent\";\n\nconst loadFormComponents = () => import(\"./components\");\n\nfunction loadFormComponent<TType extends string>(\n  name: FormComponentName,\n): () => Promise<RendererComponentModule<TType>> {\n  return async () => {\n    const components = await loadFormComponents();\n\n    return {\n      default: components[name] as unknown as RendererComponent<TType>,\n    };\n  };\n}\n\nexport const formComponents = createPlugin({\n  components: {\n    form: lazyComponent(loadFormComponent(\"FormComponent\"), {\n      fallback: FormSkeletonComponent,\n    }),\n    \"form.checkbox\": lazyComponent(loadFormComponent(\"CheckboxComponent\")),\n    \"form.choice\": lazyComponent(loadFormComponent(\"ChoiceComponent\")),\n    \"form.date-input\": lazyComponent(loadFormComponent(\"DateInputComponent\")),\n    \"form.hidden-input\": lazyComponent(loadFormComponent(\"HiddenInputComponent\")),\n    \"form.number-input\": lazyComponent(loadFormComponent(\"NumberInputComponent\")),\n    \"form.password-input\": lazyComponent(loadFormComponent(\"PasswordInputComponent\")),\n    // Loaded from its own module so TipTap is split into a separate chunk,\n    // only fetched on pages that actually render a rich editor.\n    \"form.rich-editor\": lazyComponent<\"form.rich-editor\">(async () => {\n      const { RichEditorComponent } = await import(\"./components/fields/rich-editor\");\n\n      return { default: RichEditorComponent };\n    }),\n    \"form.select\": lazyComponent(loadFormComponent(\"SelectComponent\")),\n    \"form.textarea\": lazyComponent(loadFormComponent(\"TextareaComponent\")),\n    \"form.text-input\": lazyComponent(loadFormComponent(\"TextInputComponent\")),\n  },\n  name: \"lattice/form\",\n});\n"],"mappings":";;;AAgBA,IAAM,2BAA2B,OAAO;AAExC,SAAS,kBACP,MAC+C;CAC/C,OAAO,YAAY;EAGjB,OAAO,EACL,UAAS,MAHc,mBAAmB,GAGtB,MACtB;CACF;AACF;AAEA,IAAa,iBAAiB,aAAa;CACzC,YAAY;EACV,MAAM,cAAc,kBAAkB,eAAe,GAAG,EACtD,UAAU,sBACZ,CAAC;EACD,iBAAiB,cAAc,kBAAkB,mBAAmB,CAAC;EACrE,eAAe,cAAc,kBAAkB,iBAAiB,CAAC;EACjE,mBAAmB,cAAc,kBAAkB,oBAAoB,CAAC;EACxE,qBAAqB,cAAc,kBAAkB,sBAAsB,CAAC;EAC5E,qBAAqB,cAAc,kBAAkB,sBAAsB,CAAC;EAC5E,uBAAuB,cAAc,kBAAkB,wBAAwB,CAAC;EAGhF,oBAAoB,cAAkC,YAAY;GAChE,MAAM,EAAE,wBAAwB,MAAM,OAAO;GAE7C,OAAO,EAAE,SAAS,oBAAoB;EACxC,CAAC;EACD,eAAe,cAAc,kBAAkB,iBAAiB,CAAC;EACjE,iBAAiB,cAAc,kBAAkB,mBAAmB,CAAC;EACrE,mBAAmB,cAAc,kBAAkB,oBAAoB,CAAC;CAC1E;CACA,MAAM;AACR,CAAC"}

package/dist/form/skeleton.d.ts

@@ -1,2 +1,2 @@
-import { RendererComponent } from '../../../core/types';
+import { RendererComponent } from '../core/types';
 export declare const FormSkeletonComponent: RendererComponent<"form">;

package/dist/form/skeleton.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region resources/js/form/skeleton.tsx
 var FormSkeletonComponent = ({ node }) => {
-	const fieldCount = Math.max(1, Math.min(4, node.children?.find((child) => child.type === "grid")?.children?.filter((child) => child.type !== "form.hidden-input").length ?? 2));
+	const fieldCount = Math.max(1, Math.min(4, node.schema?.find((child) => child.type === "grid")?.schema?.filter((child) => child.type !== "form.hidden-input").length ?? 2));
 	return /* @__PURE__ */ jsx("div", {
 		"aria-hidden": "true",
 		className: "mx-auto flex w-full max-w-md animate-pulse flex-col gap-6 rounded-lt border border-lt-border bg-lt-surface p-6 shadow-xs",

package/dist/form/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","names":[],"sources":["../../resources/js/form/skeleton.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice/lattice/core/types\";\n\nexport const FormSkeletonComponent: RendererComponent<\"form\"> = ({ node }) => {\n  const fieldCount = Math.max(\n    1,\n    Math.min(\n      4,\n      node.children\n        ?.find((child) => child.type === \"grid\")\n        ?.children?.filter((child) => child.type !== \"form.hidden-input\").length ?? 2,\n    ),\n  );\n\n  return (\n    <div\n      aria-hidden=\"true\"\n      className=\"mx-auto flex w-full max-w-md animate-pulse flex-col gap-6 rounded-lt border border-lt-border bg-lt-surface p-6 shadow-xs\"\n      data-lattice-skeleton={node.id ?? node.type}\n    >\n      <div className=\"grid gap-6\">\n        {Array.from({ length: fieldCount }).map((_, index) => (\n          <div className=\"grid gap-2\" key={index}>\n            <div className=\"h-4 w-28 rounded bg-lt-muted\" />\n            <div className=\"h-10 rounded-lt-sm bg-lt-muted\" />\n          </div>\n        ))}\n\n        <div className=\"mt-4 h-10 rounded-lt-sm bg-lt-muted\" />\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;AAEA,IAAa,yBAAoD,EAAE,WAAW;CAC5E,MAAM,aAAa,KAAK,IACtB,GACA,KAAK,IACH,GACA,KAAK,UACD,MAAM,UAAU,MAAM,SAAS,MAAM,GACrC,UAAU,QAAQ,UAAU,MAAM,SAAS,mBAAmB,EAAE,UAAU,CAChF,CACF;CAEA,OACE,oBAAC,OAAD;EACE,eAAY;EACZ,WAAU;EACV,yBAAuB,KAAK,MAAM,KAAK;YAEvC,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,MAAM,KAAK,EAAE,QAAQ,WAAW,CAAC,EAAE,KAAK,GAAG,UAC1C,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,OAAD,EAAK,WAAU,+BAAgC,CAAA,GAC/C,oBAAC,OAAD,EAAK,WAAU,iCAAkC,CAAA,CAC9C;MAH4B,KAG5B,CACN,GAED,oBAAC,OAAD,EAAK,WAAU,sCAAuC,CAAA,CACnD;;CACF,CAAA;AAET"}
+{"version":3,"file":"skeleton.js","names":[],"sources":["../../resources/js/form/skeleton.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice/lattice/core/types\";\n\nexport const FormSkeletonComponent: RendererComponent<\"form\"> = ({ node }) => {\n  const fieldCount = Math.max(\n    1,\n    Math.min(\n      4,\n      node.schema\n        ?.find((child) => child.type === \"grid\")\n        ?.schema?.filter((child) => child.type !== \"form.hidden-input\").length ?? 2,\n    ),\n  );\n\n  return (\n    <div\n      aria-hidden=\"true\"\n      className=\"mx-auto flex w-full max-w-md animate-pulse flex-col gap-6 rounded-lt border border-lt-border bg-lt-surface p-6 shadow-xs\"\n      data-lattice-skeleton={node.id ?? node.type}\n    >\n      <div className=\"grid gap-6\">\n        {Array.from({ length: fieldCount }).map((_, index) => (\n          <div className=\"grid gap-2\" key={index}>\n            <div className=\"h-4 w-28 rounded bg-lt-muted\" />\n            <div className=\"h-10 rounded-lt-sm bg-lt-muted\" />\n          </div>\n        ))}\n\n        <div className=\"mt-4 h-10 rounded-lt-sm bg-lt-muted\" />\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;AAEA,IAAa,yBAAoD,EAAE,WAAW;CAC5E,MAAM,aAAa,KAAK,IACtB,GACA,KAAK,IACH,GACA,KAAK,QACD,MAAM,UAAU,MAAM,SAAS,MAAM,GACrC,QAAQ,QAAQ,UAAU,MAAM,SAAS,mBAAmB,EAAE,UAAU,CAC9E,CACF;CAEA,OACE,oBAAC,OAAD;EACE,eAAY;EACZ,WAAU;EACV,yBAAuB,KAAK,MAAM,KAAK;YAEvC,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,MAAM,KAAK,EAAE,QAAQ,WAAW,CAAC,EAAE,KAAK,GAAG,UAC1C,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,OAAD,EAAK,WAAU,+BAAgC,CAAA,GAC/C,oBAAC,OAAD,EAAK,WAAU,iCAAkC,CAAA,CAC9C;MAH4B,KAG5B,CACN,GAED,oBAAC,OAAD,EAAK,WAAU,sCAAuC,CAAA,CACnD;;CACF,CAAA;AAET"}

package/dist/i18n/backend.d.ts

@@ -0,0 +1,24 @@
+export type BackendOptions = {
+    /** i18next-http-backend load path. Defaults to laravel-i18next's namespaced route. */
+    loadPath?: string;
+    /** Path that receives keys reported by saveMissing. */
+    addPath?: string;
+    /** Report missing keys back to the backend (laravel-i18next persists them). */
+    saveMissing?: boolean;
+    /** Extra request headers, e.g. the CSRF token for the saveMissing POST. */
+    customHeaders?: () => Record<string, string>;
+};
+/** The i18n settings the backend shares to the frontend (Inertia `lattice.i18n`). */
+export type I18nConfig = {
+    enabled: boolean;
+    saveMissing: boolean;
+};
+/** Apply the i18n config shared from the backend; wires the HTTP backend only when `enabled`. */
+export declare function configureI18n(config: I18nConfig | undefined): Promise<void>;
+/**
+ * Load translations from a backend such as bambamboole/laravel-i18next,
+ * overriding the renderer's inline English defaults. Call before the first
+ * render. Importing this module is the opt-in: apps that never call it don't
+ * bundle the HTTP backend.
+ */
+export declare function enableBackend(options?: BackendOptions): Promise<void>;

package/dist/i18n/backend.js

@@ -0,0 +1,39 @@
+import { ensureI18n, i18n } from "./instance.js";
+import { Backend } from "../node_modules/i18next-http-backend/esm/index.js";
+//#region resources/js/i18n/backend.ts
+/** laravel-i18next's namespaced routes; an app behind a custom prefix overrides them via {@link BackendOptions}. */
+var DEFAULT_LOAD_PATH = "/locales/{{lng}}/{{ns}}.json";
+var DEFAULT_ADD_PATH = "/locales/add/{{lng}}/{{ns}}";
+/** Apply the i18n config shared from the backend; wires the HTTP backend only when `enabled`. */
+async function configureI18n(config) {
+	if (!config?.enabled) {
+		await ensureI18n();
+		return;
+	}
+	await enableBackend({ saveMissing: config.saveMissing });
+}
+/**
+* Load translations from a backend such as bambamboole/laravel-i18next,
+* overriding the renderer's inline English defaults. Call before the first
+* render. Importing this module is the opt-in: apps that never call it don't
+* bundle the HTTP backend.
+*/
+async function enableBackend(options = {}) {
+	const { loadPath = DEFAULT_LOAD_PATH, addPath = DEFAULT_ADD_PATH, saveMissing = false, customHeaders } = options;
+	i18n.use(Backend);
+	await ensureI18n((base) => ({
+		...base,
+		partialBundledLanguages: true,
+		saveMissing,
+		backend: {
+			loadPath,
+			addPath,
+			customHeaders,
+			withCredentials: true
+		}
+	}));
+}
+//#endregion
+export { configureI18n, enableBackend };
+
+//# sourceMappingURL=backend.js.map

package/dist/i18n/backend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backend.js","names":[],"sources":["../../resources/js/i18n/backend.ts"],"sourcesContent":["import HttpBackend from \"i18next-http-backend\";\nimport { ensureI18n, i18n } from \"./instance\";\n\n/** laravel-i18next's namespaced routes; an app behind a custom prefix overrides them via {@link BackendOptions}. */\nconst DEFAULT_LOAD_PATH = \"/locales/{{lng}}/{{ns}}.json\";\nconst DEFAULT_ADD_PATH = \"/locales/add/{{lng}}/{{ns}}\";\n\nexport type BackendOptions = {\n  /** i18next-http-backend load path. Defaults to laravel-i18next's namespaced route. */\n  loadPath?: string;\n  /** Path that receives keys reported by saveMissing. */\n  addPath?: string;\n  /** Report missing keys back to the backend (laravel-i18next persists them). */\n  saveMissing?: boolean;\n  /** Extra request headers, e.g. the CSRF token for the saveMissing POST. */\n  customHeaders?: () => Record<string, string>;\n};\n\n/** The i18n settings the backend shares to the frontend (Inertia `lattice.i18n`). */\nexport type I18nConfig = {\n  enabled: boolean;\n  saveMissing: boolean;\n};\n\n/** Apply the i18n config shared from the backend; wires the HTTP backend only when `enabled`. */\nexport async function configureI18n(config: I18nConfig | undefined): Promise<void> {\n  if (!config?.enabled) {\n    await ensureI18n();\n\n    return;\n  }\n\n  await enableBackend({ saveMissing: config.saveMissing });\n}\n\n/**\n * Load translations from a backend such as bambamboole/laravel-i18next,\n * overriding the renderer's inline English defaults. Call before the first\n * render. Importing this module is the opt-in: apps that never call it don't\n * bundle the HTTP backend.\n */\nexport async function enableBackend(options: BackendOptions = {}): Promise<void> {\n  const {\n    loadPath = DEFAULT_LOAD_PATH,\n    addPath = DEFAULT_ADD_PATH,\n    saveMissing = false,\n    customHeaders,\n  } = options;\n\n  i18n.use(HttpBackend);\n\n  await ensureI18n((base) => ({\n    ...base,\n    partialBundledLanguages: true,\n    saveMissing,\n    backend: { loadPath, addPath, customHeaders, withCredentials: true },\n  }));\n}\n"],"mappings":";;;;AAIA,IAAM,oBAAoB;AAC1B,IAAM,mBAAmB;;AAoBzB,eAAsB,cAAc,QAA+C;CACjF,IAAI,CAAC,QAAQ,SAAS;EACpB,MAAM,WAAW;EAEjB;CACF;CAEA,MAAM,cAAc,EAAE,aAAa,OAAO,YAAY,CAAC;AACzD;;;;;;;AAQA,eAAsB,cAAc,UAA0B,CAAC,GAAkB;CAC/E,MAAM,EACJ,WAAW,mBACX,UAAU,kBACV,cAAc,OACd,kBACE;CAEJ,KAAK,IAAI,OAAW;CAEpB,MAAM,YAAY,UAAU;EAC1B,GAAG;EACH,yBAAyB;EACzB;EACA,SAAS;GAAE;GAAU;GAAS;GAAe,iBAAiB;EAAK;CACrE,EAAE;AACJ"}

package/dist/i18n/index.d.ts

@@ -0,0 +1,3 @@
+export { i18n, useT, translate } from './instance';
+export { configureI18n, enableBackend } from './backend';
+export type { BackendOptions, I18nConfig } from './backend';