@lattice-php/lattice 0.38.0 → 0.40.0

package/dist/form/components/form.js

@@ -1,182 +0,0 @@
-import { LATTICE_EVENT } from "../../core/event-names.js";
-import { withHeaders } from "../../core/headers.js";
-import { refreshRef } from "../../core/api.js";
-import { useT } from "../../i18n/instance.js";
-import { useWindowEvent } from "../../core/hooks/use-window-event.js";
-import { nodeKey } from "../../core/nodes.js";
-import { RenderNode } from "../../core/renderer.js";
-import { FormProvider } from "../hooks/context.js";
-import { PrefillProvider } from "../hooks/prefill-context.js";
-import { ResolvedNodesProvider } from "../hooks/resolved-nodes.js";
-import { FormValuesProvider, useResetFormValues } from "../hooks/values.js";
-import { useFormResolver } from "../hooks/use-form-resolver.js";
-import { collectFields } from "../lib/collect-fields.js";
-import { FormSubmitButton } from "./base/submit-button.js";
-import { Form } from "@inertiajs/react";
-import { useEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/form/components/form.tsx
-var JUSTIFY_CLASS = {
-	start: "justify-start",
-	center: "justify-center",
-	end: "justify-end",
-	between: "justify-between",
-	around: "justify-around",
-	evenly: "justify-evenly"
-};
-function FormResetListener({ componentId, reset }) {
-	const resetValues = useResetFormValues();
-	useWindowEvent(LATTICE_EVENT.resetForm, (event) => {
-		const detail = event.detail;
-		if (!detail?.form || detail.form === componentId) {
-			reset();
-			resetValues();
-		}
-	});
-	return null;
-}
-function FormBody({ action, children, componentRef, nodes, shouldRenderSubmitButton, submitButtons, submitEmphasis, submitJustify, submitLabel, submitVariant, summaryLabel }) {
-	const { nodes: resolvedNodes, markUserEdit } = useFormResolver(action, componentRef, nodes);
-	const prefill = useMemo(() => ({ markUserEdit }), [markUserEdit]);
-	return /* @__PURE__ */ jsx(PrefillProvider, {
-		value: prefill,
-		children: /* @__PURE__ */ jsx(ResolvedNodesProvider, {
-			nodes: resolvedNodes,
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "flex flex-col gap-6",
-				children: [children, shouldRenderSubmitButton && /* @__PURE__ */ jsx("div", {
-					className: `flex gap-3 ${JUSTIFY_CLASS[submitJustify ?? "end"]}`,
-					children: submitButtons?.length ? submitButtons.map((button, index) => button.props.buttonType === "submit" ? /* @__PURE__ */ jsx(FormSubmitButton, {
-						emphasis: button.props.emphasis ?? submitEmphasis,
-						label: button.props.label ?? submitLabel,
-						summaryLabel,
-						variant: button.props.variant ?? submitVariant
-					}, nodeKey(button, index)) : /* @__PURE__ */ jsx(RenderNode, { node: button }, nodeKey(button, index))) : /* @__PURE__ */ jsx(FormSubmitButton, {
-						emphasis: submitEmphasis,
-						label: submitLabel,
-						summaryLabel,
-						variant: submitVariant
-					})
-				})]
-			})
-		})
-	});
-}
-function configuredResetFields(configured) {
-	if (!configured || Array.isArray(configured) && configured.length === 0) return false;
-	return Array.isArray(configured) ? configured : void 0;
-}
-var FormComponent = ({ children, node }) => {
-	const initialValues = useMemo(() => ({
-		...collectFields(node.schema).values,
-		...node.props.state
-	}), [node.schema, node.props.state]);
-	return /* @__PURE__ */ jsx(FormValuesProvider, {
-		initial: initialValues,
-		children: /* @__PURE__ */ jsx(FormShell, {
-			node,
-			children
-		})
-	});
-};
-function FormShell({ children, node }) {
-	const { t } = useT("lattice");
-	const props = node.props;
-	const action = props.action ?? "#";
-	const errorBag = props.errorBag;
-	const componentRef = props.ref ?? "";
-	const method = props.method ?? "post";
-	const precognitive = props.precognitive;
-	const resetOnError = props.resetOnError ?? false;
-	const resetOnSuccess = props.resetOnSuccess ?? [];
-	const fieldLabels = useMemo(() => collectFields(node.schema).labels, [node.schema]);
-	const shouldRenderSubmitButton = props.submitButton;
-	const submitButtons = props.submitButtons ?? void 0;
-	const submitJustify = props.submitJustify ?? void 0;
-	const submitLabel = props.submitLabel ?? t("form.submit", "Submit");
-	const submitVariant = props.submitVariant ?? void 0;
-	const submitEmphasis = props.submitEmphasis ?? void 0;
-	const summaryLabel = props.validationSummaryLabel;
-	const validationTimeout = props.validationTimeout ?? void 0;
-	const resetValues = useResetFormValues();
-	const resetConfigured = (configured) => {
-		const fields = configuredResetFields(configured);
-		if (fields !== false) resetValues(fields);
-	};
-	const formRef = useRef(null);
-	const retryPhase = useRef("idle");
-	const [renewedSubmitTick, setRenewedSubmitTick] = useState(0);
-	useEffect(() => {
-		if (renewedSubmitTick > 0 && retryPhase.current === "renewing") formRef.current?.submit();
-	}, [renewedSubmitTick]);
-	return /* @__PURE__ */ jsx(Form, {
-		ref: formRef,
-		action,
-		"data-slot": "form",
-		"data-lattice-component": node.id,
-		errorBag,
-		method,
-		resetOnError,
-		resetOnSuccess,
-		validationTimeout: precognitive ? validationTimeout : void 0,
-		headers: withHeaders(componentRef),
-		className: "mx-auto flex w-full max-w-2xl flex-col gap-6",
-		onStart: () => {
-			retryPhase.current = retryPhase.current === "renewing" ? "retried" : "idle";
-		},
-		onSuccess: () => resetConfigured(resetOnSuccess),
-		onError: () => resetConfigured(resetOnError),
-		onHttpException: (response) => {
-			if (response.status !== 403 || componentRef === "" || retryPhase.current === "retried") return;
-			retryPhase.current = "renewing";
-			refreshRef(componentRef).finally(() => setRenewedSubmitTick((tick) => tick + 1));
-			return false;
-		},
-		children: ({ clearErrors, errors, processing, reset, touch, validate, validating }) => /* @__PURE__ */ jsxs(FormProvider, {
-			value: {
-				action,
-				clearErrors: (field) => clearErrors(field),
-				componentId: node.id,
-				componentRef,
-				errors,
-				fieldLabels,
-				precognitive,
-				processing,
-				touch: (fields) => touch(...fields),
-				validate: (field) => validate(field),
-				validateFields: (fields, options) => validate({
-					only: fields,
-					...options
-				}),
-				validating
-			},
-			children: [
-				/* @__PURE__ */ jsx(FormResetListener, {
-					componentId: node.id,
-					reset
-				}),
-				props.status && /* @__PURE__ */ jsx("div", {
-					className: "text-center text-sm font-medium text-lt-success",
-					children: props.status
-				}),
-				/* @__PURE__ */ jsx(FormBody, {
-					action,
-					componentRef,
-					nodes: node.schema,
-					shouldRenderSubmitButton,
-					submitButtons,
-					submitEmphasis,
-					submitJustify,
-					submitLabel,
-					submitVariant,
-					summaryLabel,
-					children
-				})
-			]
-		})
-	});
-}
-//#endregion
-export { FormComponent };
-
-//# sourceMappingURL=form.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"form.js","names":[],"sources":["../../../resources/js/form/components/form.tsx"],"sourcesContent":["import type { FormComponentRef, HttpExceptionResponse } from \"@inertiajs/core\";\nimport { Form as InertiaForm } from \"@inertiajs/react\";\nimport { refreshRef } from \"@lattice-php/lattice/core/api\";\nimport { withHeaders } from \"@lattice-php/lattice/core/headers\";\nimport { LATTICE_EVENT } from \"@lattice-php/lattice/core/event-names\";\nimport { useWindowEvent } from \"@lattice-php/lattice/core/hooks/use-window-event\";\nimport { nodeKey } from \"@lattice-php/lattice/core/nodes\";\nimport { RenderNode } from \"@lattice-php/lattice/core/renderer\";\nimport type { Node, RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport type { Emphasis, Justify, Variant } from \"@lattice-php/lattice/types/generated\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { FormSubmitButton } from \"./base/submit-button\";\nimport { FormProvider } from \"@lattice-php/lattice/form/hooks/context\";\nimport { collectFields } from \"@lattice-php/lattice/form/lib/collect-fields\";\nimport { PrefillProvider } from \"@lattice-php/lattice/form/hooks/prefill-context\";\nimport { ResolvedNodesProvider } from \"@lattice-php/lattice/form/hooks/resolved-nodes\";\nimport { useFormResolver } from \"@lattice-php/lattice/form/hooks/use-form-resolver\";\nimport { FormValuesProvider, useResetFormValues } from \"@lattice-php/lattice/form/hooks/values\";\n\nconst JUSTIFY_CLASS: Record<Justify, string> = {\n  start: \"justify-start\",\n  center: \"justify-center\",\n  end: \"justify-end\",\n  between: \"justify-between\",\n  around: \"justify-around\",\n  evenly: \"justify-evenly\",\n};\n\nfunction FormResetListener({\n  componentId,\n  reset,\n}: {\n  componentId?: string;\n  reset: (...fields: string[]) => void;\n}) {\n  const resetValues = useResetFormValues();\n\n  useWindowEvent(LATTICE_EVENT.resetForm, (event) => {\n    const detail = (event as CustomEvent<{ form: string | null }>).detail;\n\n    if (!detail?.form || detail.form === componentId) {\n      reset();\n      resetValues();\n    }\n  });\n\n  return null;\n}\n\nfunction FormBody({\n  action,\n  children,\n  componentRef,\n  nodes,\n  shouldRenderSubmitButton,\n  submitButtons,\n  submitEmphasis,\n  submitJustify,\n  submitLabel,\n  submitVariant,\n  summaryLabel,\n}: {\n  action: string;\n  children: React.ReactNode;\n  componentRef: string;\n  nodes: Node[] | undefined;\n  shouldRenderSubmitButton: boolean;\n  submitButtons: Node<\"button\">[] | undefined;\n  submitEmphasis: Emphasis | undefined;\n  submitJustify: Justify | undefined;\n  submitLabel: string;\n  submitVariant: Variant | undefined;\n  summaryLabel: string;\n}) {\n  const { nodes: resolvedNodes, markUserEdit } = useFormResolver(action, componentRef, nodes);\n  const prefill = useMemo(() => ({ markUserEdit }), [markUserEdit]);\n\n  return (\n    <PrefillProvider value={prefill}>\n      <ResolvedNodesProvider nodes={resolvedNodes}>\n        <div className=\"flex flex-col gap-6\">\n          {children}\n\n          {shouldRenderSubmitButton && (\n            <div className={`flex gap-3 ${JUSTIFY_CLASS[submitJustify ?? \"end\"]}`}>\n              {submitButtons?.length ? (\n                submitButtons.map((button, index) =>\n                  button.props.buttonType === \"submit\" ? (\n                    <FormSubmitButton\n                      key={nodeKey(button, index)}\n                      emphasis={button.props.emphasis ?? submitEmphasis}\n                      label={button.props.label ?? submitLabel}\n                      summaryLabel={summaryLabel}\n                      variant={button.props.variant ?? submitVariant}\n                    />\n                  ) : (\n                    <RenderNode key={nodeKey(button, index)} node={button} />\n                  ),\n                )\n              ) : (\n                <FormSubmitButton\n                  emphasis={submitEmphasis}\n                  label={submitLabel}\n                  summaryLabel={summaryLabel}\n                  variant={submitVariant}\n                />\n              )}\n            </div>\n          )}\n        </div>\n      </ResolvedNodesProvider>\n    </PrefillProvider>\n  );\n}\n\nfunction configuredResetFields(\n  configured: string[] | boolean | null | undefined,\n): string[] | undefined | false {\n  if (!configured || (Array.isArray(configured) && configured.length === 0)) {\n    return false;\n  }\n\n  return Array.isArray(configured) ? configured : undefined;\n}\n\nexport const FormComponent: RendererComponent<\"form\"> = ({ children, node }) => {\n  const initialValues = useMemo(\n    () => ({ ...collectFields(node.schema).values, ...node.props.state }),\n    [node.schema, node.props.state],\n  );\n\n  return (\n    <FormValuesProvider initial={initialValues}>\n      <FormShell node={node}>{children}</FormShell>\n    </FormValuesProvider>\n  );\n};\n\nfunction FormShell({ children, node }: { children: React.ReactNode; node: Node<\"form\"> }) {\n  const { t } = useT(\"lattice\");\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;\n  const resetOnError = props.resetOnError ?? false;\n  const resetOnSuccess = props.resetOnSuccess ?? [];\n  const fieldLabels = useMemo(() => collectFields(node.schema).labels, [node.schema]);\n  const shouldRenderSubmitButton = props.submitButton;\n  const submitButtons = props.submitButtons ?? undefined;\n  const submitJustify = props.submitJustify ?? undefined;\n  const submitLabel = props.submitLabel ?? t(\"form.submit\", \"Submit\");\n  const submitVariant = props.submitVariant ?? undefined;\n  const submitEmphasis = props.submitEmphasis ?? undefined;\n  const summaryLabel = props.validationSummaryLabel;\n  const validationTimeout = props.validationTimeout ?? undefined;\n\n  const resetValues = useResetFormValues();\n  const resetConfigured = (configured: string[] | boolean | null | undefined): void => {\n    const fields = configuredResetFields(configured);\n\n    if (fields !== false) {\n      resetValues(fields);\n    }\n  };\n\n  const formRef = useRef<FormComponentRef | null>(null);\n  // One renewal attempt per user-initiated submit: 'renewing' marks the window\n  // between the 403 and our programmatic retry, 'retried' lets the second\n  // failure surface normally.\n  const retryPhase = useRef<\"idle\" | \"renewing\" | \"retried\">(\"idle\");\n  const [renewedSubmitTick, setRenewedSubmitTick] = useState(0);\n\n  useEffect(() => {\n    // The state bump forces this render first, so the headers prop below has\n    // re-resolved the renewed token before the retry goes out.\n    if (renewedSubmitTick > 0 && retryPhase.current === \"renewing\") {\n      formRef.current?.submit();\n    }\n  }, [renewedSubmitTick]);\n\n  return (\n    <InertiaForm\n      ref={formRef}\n      action={action}\n      data-slot=\"form\"\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={withHeaders(componentRef)}\n      className=\"mx-auto flex w-full max-w-2xl flex-col gap-6\"\n      onStart={() => {\n        retryPhase.current = retryPhase.current === \"renewing\" ? \"retried\" : \"idle\";\n      }}\n      onSuccess={() => resetConfigured(resetOnSuccess)}\n      onError={() => resetConfigured(resetOnError)}\n      onHttpException={(response: HttpExceptionResponse) => {\n        if (response.status !== 403 || componentRef === \"\" || retryPhase.current === \"retried\") {\n          return undefined;\n        }\n\n        retryPhase.current = \"renewing\";\n        // Retry even when the renewal failed: a genuine 403 then surfaces\n        // through the second attempt instead of being swallowed here.\n        void refreshRef(componentRef).finally(() => setRenewedSubmitTick((tick) => tick + 1));\n\n        return false;\n      }}\n    >\n      {({ clearErrors, errors, processing, reset, touch, validate, validating }) => (\n        <FormProvider\n          value={{\n            action,\n            clearErrors: (field) => clearErrors(field),\n            componentId: node.id,\n            componentRef,\n            errors: errors as Record<string, string | undefined>,\n            fieldLabels,\n            precognitive,\n            processing,\n            touch: (fields) => touch(...fields),\n            validate: (field) => validate(field),\n            validateFields: (fields, options) => validate({ only: fields, ...options }),\n            validating,\n          }}\n        >\n          <FormResetListener componentId={node.id} reset={reset} />\n\n          {props.status && (\n            <div className=\"text-center text-sm font-medium text-lt-success\">{props.status}</div>\n          )}\n\n          <FormBody\n            action={action}\n            componentRef={componentRef}\n            nodes={node.schema}\n            shouldRenderSubmitButton={shouldRenderSubmitButton}\n            submitButtons={submitButtons}\n            submitEmphasis={submitEmphasis}\n            submitJustify={submitJustify}\n            submitLabel={submitLabel}\n            submitVariant={submitVariant}\n            summaryLabel={summaryLabel}\n          >\n            {children}\n          </FormBody>\n        </FormProvider>\n      )}\n    </InertiaForm>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,19 +0,0 @@
-export { BuilderComponent } from './fields/builder.js';
-export { CheckboxComponent } from './fields/checkbox.js';
-export { ChoiceComponent } from './fields/choice.js';
-export { ColorPickerFieldComponent } from './fields/color-picker-field.js';
-export { DateInputComponent } from './fields/date-input.js';
-export { DateTimeInputComponent } from './fields/date-time-input.js';
-export { FileUploadComponent } from './fields/file-upload.js';
-export { FormComponent } from './form.js';
-export { HiddenInputComponent } from './fields/hidden-input.js';
-export { NumberInputComponent } from './fields/number-input.js';
-export { OtpInputComponent } from './fields/otp-input.js';
-export { PasswordInputComponent } from './fields/password-input.js';
-export { RepeaterComponent } from './fields/repeater.js';
-export { SelectComponent } from './fields/select.js';
-export { TextareaComponent } from './fields/textarea.js';
-export { TextInputComponent } from './fields/text-input.js';
-export { TimeInputComponent } from './fields/time-input.js';
-export { ToggleComponent } from './fields/toggle.js';
-export { WizardComponent, WizardStepComponent } from './wizard.js';

package/dist/form/components/index.js

@@ -1,20 +0,0 @@
-import { BuilderComponent } from "./fields/builder.js";
-import { CheckboxComponent } from "./fields/checkbox.js";
-import { ChoiceComponent } from "./fields/choice.js";
-import { ColorPickerFieldComponent } from "./fields/color-picker-field.js";
-import { DateInputComponent } from "./fields/date-input.js";
-import { DateTimeInputComponent } from "./fields/date-time-input.js";
-import { FileUploadComponent } from "./fields/file-upload.js";
-import { FormComponent } from "./form.js";
-import { HiddenInputComponent } from "./fields/hidden-input.js";
-import { NumberInputComponent } from "./fields/number-input.js";
-import { OtpInputComponent } from "./fields/otp-input.js";
-import { PasswordInputComponent } from "./fields/password-input.js";
-import { RepeaterComponent } from "./fields/repeater.js";
-import { SelectComponent } from "./fields/select.js";
-import { TextareaComponent } from "./fields/textarea.js";
-import { TextInputComponent } from "./fields/text-input.js";
-import { TimeInputComponent } from "./fields/time-input.js";
-import { ToggleComponent } from "./fields/toggle.js";
-import { WizardComponent, WizardStepComponent } from "./wizard.js";
-export { BuilderComponent, CheckboxComponent, ChoiceComponent, ColorPickerFieldComponent, DateInputComponent, DateTimeInputComponent, FileUploadComponent, FormComponent, HiddenInputComponent, NumberInputComponent, OtpInputComponent, PasswordInputComponent, RepeaterComponent, SelectComponent, TextInputComponent, TextareaComponent, TimeInputComponent, ToggleComponent, WizardComponent, WizardStepComponent };

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

@@ -1,3 +0,0 @@
-import { RendererComponent } from '../../core/types.js';
-export declare const WizardComponent: RendererComponent<"wizard">;
-export declare const WizardStepComponent: RendererComponent<"wizard-step">;

package/dist/form/components/wizard.js

@@ -1,148 +0,0 @@
-import { useT } from "../../i18n/instance.js";
-import { cn } from "../../lib/utils.js";
-import { Icon } from "../../icons/sprite.js";
-import { Button } from "../../ui/button.js";
-import { Spinner } from "../../ui/spinner.js";
-import { useFormContext } from "../hooks/context.js";
-import { firstErroredStep, stepFieldNames, stepValidationPaths, stepsWithErrors } from "../lib/wizard-steps.js";
-import { createContext, useContext, useEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/form/components/wizard.tsx
-var WizardContext = createContext({ activeName: "" });
-function getSteps(node) {
-	const nodes = (node.schema ?? []).filter((child) => child.type === "wizard-step");
-	return {
-		items: nodes.map((child) => child.props),
-		nodes
-	};
-}
-var WizardComponent = ({ children, node }) => {
-	const { t } = useT("lattice");
-	const { errors, processing, touch, validateFields, validating } = useFormContext();
-	const { items, nodes } = useMemo(() => getSteps(node), [node]);
-	const stepNames = useMemo(() => nodes.map((step) => stepFieldNames(step)), [nodes]);
-	const isVertical = node.props.orientation === "vertical";
-	const [activeIndex, setActiveIndex] = useState(0);
-	const [visited, setVisited] = useState(() => /* @__PURE__ */ new Set([0]));
-	const [completed, setCompleted] = useState(() => /* @__PURE__ */ new Set());
-	const erroredSteps = useMemo(() => stepsWithErrors(stepNames, errors), [stepNames, errors]);
-	const isLast = activeIndex === items.length - 1;
-	const goTo = (index) => {
-		setActiveIndex(index);
-		setVisited((previous) => new Set(previous).add(index));
-	};
-	const advance = () => {
-		setCompleted((previous) => new Set(previous).add(activeIndex));
-		if (!isLast) goTo(activeIndex + 1);
-	};
-	const onNext = () => {
-		const step = nodes[activeIndex];
-		const paths = step ? stepValidationPaths(step) : [];
-		if (paths.length === 0) {
-			advance();
-			return;
-		}
-		touch(paths);
-		validateFields(paths, { onSuccess: advance });
-	};
-	const wasProcessing = useRef(false);
-	useEffect(() => {
-		if (wasProcessing.current && !processing) {
-			const target = firstErroredStep(stepNames, errors);
-			if (target !== null && target !== activeIndex) goTo(target);
-		}
-		wasProcessing.current = processing;
-	}, [
-		processing,
-		errors,
-		stepNames,
-		activeIndex
-	]);
-	const contextValue = useMemo(() => ({ activeName: items[activeIndex]?.name ?? "" }), [items, activeIndex]);
-	return /* @__PURE__ */ jsx(WizardContext.Provider, {
-		value: contextValue,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: cn("gap-6", isVertical ? "flex" : "grid"),
-			"data-slot": "wizard",
-			children: [/* @__PURE__ */ jsx("ol", {
-				"aria-label": t("form.wizard.steps", "Steps"),
-				className: cn("gap-1", isVertical ? "flex w-56 shrink-0 flex-col" : "flex flex-wrap"),
-				children: items.map((step, index) => {
-					const isActive = index === activeIndex;
-					const isDone = completed.has(index);
-					const hasError = erroredSteps.has(index);
-					return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("button", {
-						"aria-current": isActive ? "step" : void 0,
-						className: cn("flex w-full items-center gap-2 rounded-lt px-3 py-2 text-left text-sm", isActive ? "bg-lt-muted font-medium text-lt-fg" : "text-lt-muted-fg", !visited.has(index) && "cursor-not-allowed opacity-60"),
-						"data-error": hasError || void 0,
-						"data-test": `wizard-rail-${step.name}`,
-						disabled: !visited.has(index),
-						id: `wizard-step-${step.name}-trigger`,
-						onClick: () => goTo(index),
-						type: "button",
-						children: [/* @__PURE__ */ jsx("span", {
-							className: cn("flex size-5 shrink-0 items-center justify-center rounded-full border text-xs", hasError ? "border-lt-danger text-lt-danger" : isDone ? "border-lt-primary bg-lt-primary text-lt-primary-fg" : "border-lt-border"),
-							children: isDone && !hasError ? /* @__PURE__ */ jsx(Icon, {
-								className: "size-lt-icon-sm",
-								name: "check"
-							}) : index + 1
-						}), /* @__PURE__ */ jsxs("span", {
-							className: "min-w-0",
-							children: [/* @__PURE__ */ jsx("span", {
-								className: "block truncate",
-								children: step.label
-							}), isVertical && step.description && /* @__PURE__ */ jsx("span", {
-								className: "block truncate text-xs text-lt-muted-fg",
-								children: step.description
-							})]
-						})]
-					}) }, step.name);
-				})
-			}), /* @__PURE__ */ jsxs("div", {
-				className: "min-w-0 flex-1 space-y-6",
-				children: [children, /* @__PURE__ */ jsxs("div", {
-					className: "flex items-center justify-between gap-3",
-					children: [/* @__PURE__ */ jsx(Button, {
-						"data-test": "wizard-back",
-						disabled: activeIndex === 0 || processing,
-						onClick: () => goTo(activeIndex - 1),
-						type: "button",
-						emphasis: "outline",
-						children: t("form.wizard.back", "Back")
-					}), isLast ? /* @__PURE__ */ jsxs(Button, {
-						"data-test": "wizard-finish",
-						disabled: processing,
-						type: "submit",
-						children: [processing && /* @__PURE__ */ jsx(Spinner, {}), t("form.wizard.finish", "Finish")]
-					}) : /* @__PURE__ */ jsxs(Button, {
-						"data-test": "wizard-next",
-						disabled: processing || validating,
-						onClick: onNext,
-						type: "button",
-						children: [validating && /* @__PURE__ */ jsx(Spinner, {}), t("form.wizard.next", "Next")]
-					})]
-				})]
-			})]
-		})
-	});
-};
-var WizardStepComponent = ({ children, node }) => {
-	const { activeName } = useContext(WizardContext);
-	const name = node.props.name;
-	const isActive = activeName === name;
-	const [hasOpened, setHasOpened] = useState(isActive);
-	useEffect(() => {
-		if (isActive) setHasOpened(true);
-	}, [isActive]);
-	return /* @__PURE__ */ jsx("section", {
-		"aria-labelledby": `wizard-step-${name}-trigger`,
-		className: cn("space-y-8", !isActive && "hidden"),
-		hidden: !isActive,
-		id: `wizard-step-${name}-panel`,
-		children: hasOpened ? children : null
-	});
-};
-//#endregion
-export { WizardComponent, WizardStepComponent };
-
-//# sourceMappingURL=wizard.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"wizard.js","names":[],"sources":["../../../resources/js/form/components/wizard.tsx"],"sourcesContent":["import { createContext, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport type { Node, RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport type { WizardStep } from \"@lattice-php/lattice/types/generated\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { Icon } from \"@lattice-php/lattice/icons\";\nimport { Button } from \"@lattice-php/lattice/ui/button\";\nimport { Spinner } from \"@lattice-php/lattice/ui/spinner\";\nimport { useFormContext } from \"@lattice-php/lattice/form/hooks/context\";\nimport {\n  firstErroredStep,\n  stepFieldNames,\n  stepsWithErrors,\n  stepValidationPaths,\n} from \"@lattice-php/lattice/form/lib/wizard-steps\";\n\ntype WizardContextValue = { activeName: string };\n\nconst WizardContext = createContext<WizardContextValue>({ activeName: \"\" });\n\nfunction getSteps(node: Node<\"wizard\">): { items: WizardStep[]; nodes: Node[] } {\n  const nodes = (node.schema ?? []).filter((child) => child.type === \"wizard-step\");\n  const items = nodes.map((child) => child.props as unknown as WizardStep);\n\n  return { items, nodes };\n}\n\nexport const WizardComponent: RendererComponent<\"wizard\"> = ({ children, node }) => {\n  const { t } = useT(\"lattice\");\n  const { errors, processing, touch, validateFields, validating } = useFormContext();\n  const { items, nodes } = useMemo(() => getSteps(node), [node]);\n  const stepNames = useMemo(() => nodes.map((step) => stepFieldNames(step)), [nodes]);\n  const isVertical = node.props.orientation === \"vertical\";\n\n  const [activeIndex, setActiveIndex] = useState(0);\n  const [visited, setVisited] = useState<Set<number>>(() => new Set([0]));\n  const [completed, setCompleted] = useState<Set<number>>(() => new Set());\n  const erroredSteps = useMemo(() => stepsWithErrors(stepNames, errors), [stepNames, errors]);\n  const isLast = activeIndex === items.length - 1;\n\n  const goTo = (index: number): void => {\n    setActiveIndex(index);\n    setVisited((previous) => new Set(previous).add(index));\n  };\n\n  const advance = (): void => {\n    setCompleted((previous) => new Set(previous).add(activeIndex));\n\n    if (!isLast) {\n      goTo(activeIndex + 1);\n    }\n  };\n\n  const onNext = (): void => {\n    const step = nodes[activeIndex];\n    const paths = step ? stepValidationPaths(step) : [];\n\n    if (paths.length === 0) {\n      advance();\n\n      return;\n    }\n\n    touch(paths);\n    validateFields(paths, { onSuccess: advance });\n  };\n\n  const wasProcessing = useRef(false);\n  useEffect(() => {\n    if (wasProcessing.current && !processing) {\n      const target = firstErroredStep(stepNames, errors);\n\n      if (target !== null && target !== activeIndex) {\n        goTo(target);\n      }\n    }\n\n    wasProcessing.current = processing;\n  }, [processing, errors, stepNames, activeIndex]);\n\n  const contextValue = useMemo(\n    () => ({ activeName: items[activeIndex]?.name ?? \"\" }),\n    [items, activeIndex],\n  );\n\n  return (\n    <WizardContext.Provider value={contextValue}>\n      <div className={cn(\"gap-6\", isVertical ? \"flex\" : \"grid\")} data-slot=\"wizard\">\n        <ol\n          aria-label={t(\"form.wizard.steps\", \"Steps\")}\n          className={cn(\"gap-1\", isVertical ? \"flex w-56 shrink-0 flex-col\" : \"flex flex-wrap\")}\n        >\n          {items.map((step, index) => {\n            const isActive = index === activeIndex;\n            const isDone = completed.has(index);\n            const hasError = erroredSteps.has(index);\n\n            return (\n              <li key={step.name}>\n                <button\n                  aria-current={isActive ? \"step\" : undefined}\n                  className={cn(\n                    \"flex w-full items-center gap-2 rounded-lt px-3 py-2 text-left text-sm\",\n                    isActive ? \"bg-lt-muted font-medium text-lt-fg\" : \"text-lt-muted-fg\",\n                    !visited.has(index) && \"cursor-not-allowed opacity-60\",\n                  )}\n                  data-error={hasError || undefined}\n                  data-test={`wizard-rail-${step.name}`}\n                  disabled={!visited.has(index)}\n                  id={`wizard-step-${step.name}-trigger`}\n                  onClick={() => goTo(index)}\n                  type=\"button\"\n                >\n                  <span\n                    className={cn(\n                      \"flex size-5 shrink-0 items-center justify-center rounded-full border text-xs\",\n                      hasError\n                        ? \"border-lt-danger text-lt-danger\"\n                        : isDone\n                          ? \"border-lt-primary bg-lt-primary text-lt-primary-fg\"\n                          : \"border-lt-border\",\n                    )}\n                  >\n                    {isDone && !hasError ? (\n                      <Icon className=\"size-lt-icon-sm\" name=\"check\" />\n                    ) : (\n                      index + 1\n                    )}\n                  </span>\n                  <span className=\"min-w-0\">\n                    <span className=\"block truncate\">{step.label}</span>\n                    {isVertical && step.description && (\n                      <span className=\"block truncate text-xs text-lt-muted-fg\">\n                        {step.description}\n                      </span>\n                    )}\n                  </span>\n                </button>\n              </li>\n            );\n          })}\n        </ol>\n\n        <div className=\"min-w-0 flex-1 space-y-6\">\n          {children}\n\n          <div className=\"flex items-center justify-between gap-3\">\n            <Button\n              data-test=\"wizard-back\"\n              disabled={activeIndex === 0 || processing}\n              onClick={() => goTo(activeIndex - 1)}\n              type=\"button\"\n              emphasis=\"outline\"\n            >\n              {t(\"form.wizard.back\", \"Back\")}\n            </Button>\n\n            {isLast ? (\n              <Button data-test=\"wizard-finish\" disabled={processing} type=\"submit\">\n                {processing && <Spinner />}\n                {t(\"form.wizard.finish\", \"Finish\")}\n              </Button>\n            ) : (\n              <Button\n                data-test=\"wizard-next\"\n                disabled={processing || validating}\n                onClick={onNext}\n                type=\"button\"\n              >\n                {validating && <Spinner />}\n                {t(\"form.wizard.next\", \"Next\")}\n              </Button>\n            )}\n          </div>\n        </div>\n      </div>\n    </WizardContext.Provider>\n  );\n};\n\nexport const WizardStepComponent: RendererComponent<\"wizard-step\"> = ({ children, node }) => {\n  const { activeName } = useContext(WizardContext);\n  const name = node.props.name;\n  const isActive = activeName === name;\n  const [hasOpened, setHasOpened] = useState(isActive);\n\n  useEffect(() => {\n    if (isActive) {\n      setHasOpened(true);\n    }\n  }, [isActive]);\n\n  return (\n    <section\n      aria-labelledby={`wizard-step-${name}-trigger`}\n      className={cn(\"space-y-8\", !isActive && \"hidden\")}\n      hidden={!isActive}\n      id={`wizard-step-${name}-panel`}\n    >\n      {hasOpened ? (children as ReactNode) : null}\n    </section>\n  );\n};\n"],"mappings":"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"}

package/dist/form/embed.d.ts

@@ -1,22 +0,0 @@
-/**
- * Entry point for hosting a form runtime outside the `<Form>` component — action
- * dialogs, table filter rows, and similar schema-driven surfaces. The counterpart
- * to `toolkit.ts` (which serves custom-field authors): everything a host needs to
- * provide form state, prefill, and dependent-field resolution around rendered
- * fields. Form modules not re-exported here or in the toolkit are internal and
- * may change without notice.
- */
-export { FormProvider } from './hooks/context.js';
-export { PrefillProvider } from './hooks/prefill-context.js';
-export { ResolvedNodesProvider } from './hooks/resolved-nodes.js';
-export { FieldCommitOverrideProvider } from './hooks/use-field-commit.js';
-export { TableCellProvider } from './hooks/row-layout-context.js';
-export { useFormResolver } from './hooks/use-form-resolver.js';
-export { FormValuesProvider, useFormValues, useSetFormValue } from './hooks/values.js';
-export { walkFields } from './lib/field-props.js';
-export { collectFields } from './lib/collect-fields.js';
-export type { CollectedFields } from './lib/collect-fields.js';
-export { errorKeyBelongsTo, firstErrors } from './lib/field-errors.js';
-export type { FieldErrors } from './lib/field-errors.js';
-export { appendPath, getPath, setPath } from './lib/form-path.js';
-export { FORM_DEBOUNCE_MS } from './lib/form-transport.js';

package/dist/form/embed.js

@@ -1,13 +0,0 @@
-import { FormProvider } from "./hooks/context.js";
-import { PrefillProvider } from "./hooks/prefill-context.js";
-import { walkFields } from "./lib/field-props.js";
-import { appendPath, getPath, setPath } from "./lib/form-path.js";
-import { ResolvedNodesProvider } from "./hooks/resolved-nodes.js";
-import { FormValuesProvider, useFormValues, useSetFormValue } from "./hooks/values.js";
-import { FieldCommitOverrideProvider } from "./hooks/use-field-commit.js";
-import { TableCellProvider } from "./hooks/row-layout-context.js";
-import { FORM_DEBOUNCE_MS } from "./lib/form-transport.js";
-import { useFormResolver } from "./hooks/use-form-resolver.js";
-import { collectFields } from "./lib/collect-fields.js";
-import { errorKeyBelongsTo, firstErrors } from "./lib/field-errors.js";
-export { FORM_DEBOUNCE_MS, FieldCommitOverrideProvider, FormProvider, FormValuesProvider, PrefillProvider, ResolvedNodesProvider, TableCellProvider, appendPath, collectFields, errorKeyBelongsTo, firstErrors, getPath, setPath, useFormResolver, useFormValues, useSetFormValue, walkFields };

package/dist/form/hooks/context.d.ts

@@ -1,25 +0,0 @@
-import { Option } from '../../core/types.js';
-export type FormContextValue = {
-    action: string;
-    clearErrors: (field: string) => void;
-    componentId?: string;
-    componentRef: string;
-    errors: Record<string, string | undefined>;
-    fieldIdPrefix?: string;
-    fieldLabels: Record<string, string>;
-    precognitive: boolean;
-    processing: boolean;
-    searchOptions?: (field: string, query: string, values: Record<string, unknown>, signal: AbortSignal) => Promise<Option[]>;
-    touch: (fields: string[]) => void;
-    validate: (field: string) => void;
-    validateFields: (fields: string[], options?: {
-        onSuccess?: () => void;
-        onValidationError?: () => void;
-    }) => void;
-    validating: boolean;
-};
-export declare function FormProvider({ children, value, }: {
-    children: React.ReactNode;
-    value: FormContextValue;
-}): import("react").JSX.Element;
-export declare function useFormContext(): FormContextValue;

package/dist/form/hooks/context.js

@@ -1,31 +0,0 @@
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/form/hooks/context.tsx
-var FormContext = createContext({
-	action: "#",
-	clearErrors: () => {},
-	componentId: void 0,
-	componentRef: "",
-	errors: {},
-	fieldIdPrefix: void 0,
-	fieldLabels: {},
-	precognitive: false,
-	processing: false,
-	touch: () => {},
-	validate: () => {},
-	validateFields: () => {},
-	validating: false
-});
-function FormProvider({ children, value }) {
-	return /* @__PURE__ */ jsx(FormContext.Provider, {
-		value,
-		children
-	});
-}
-function useFormContext() {
-	return useContext(FormContext);
-}
-//#endregion
-export { FormProvider, useFormContext };
-
-//# sourceMappingURL=context.js.map

package/dist/form/hooks/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../resources/js/form/hooks/context.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { Option } from \"@lattice-php/lattice/core/types\";\n\nexport type FormContextValue = {\n  action: string;\n  clearErrors: (field: string) => void;\n  componentId?: string;\n  componentRef: string;\n  errors: Record<string, string | undefined>;\n  fieldIdPrefix?: string;\n  fieldLabels: Record<string, string>;\n  precognitive: boolean;\n  processing: boolean;\n  searchOptions?: (\n    field: string,\n    query: string,\n    values: Record<string, unknown>,\n    signal: AbortSignal,\n  ) => Promise<Option[]>;\n  touch: (fields: string[]) => void;\n  validate: (field: string) => void;\n  validateFields: (\n    fields: string[],\n    options?: { onSuccess?: () => void; onValidationError?: () => void },\n  ) => void;\n  validating: boolean;\n};\n\nconst FormContext = createContext<FormContextValue>({\n  action: \"#\",\n  clearErrors: () => {},\n  componentId: undefined,\n  componentRef: \"\",\n  errors: {},\n  fieldIdPrefix: undefined,\n  fieldLabels: {},\n  precognitive: false,\n  processing: false,\n  touch: () => {},\n  validate: () => {},\n  validateFields: () => {},\n  validating: false,\n});\n\nexport function FormProvider({\n  children,\n  value,\n}: {\n  children: React.ReactNode;\n  value: FormContextValue;\n}) {\n  return <FormContext.Provider value={value}>{children}</FormContext.Provider>;\n}\n\nexport function useFormContext() {\n  return useContext(FormContext);\n}\n"],"mappings":";;;AA4BA,IAAM,cAAc,cAAgC;CAClD,QAAQ;CACR,mBAAmB,CAAC;CACpB,aAAa,KAAA;CACb,cAAc;CACd,QAAQ,CAAC;CACT,eAAe,KAAA;CACf,aAAa,CAAC;CACd,cAAc;CACd,YAAY;CACZ,aAAa,CAAC;CACd,gBAAgB,CAAC;CACjB,sBAAsB,CAAC;CACvB,YAAY;AACd,CAAC;AAED,SAAgB,aAAa,EAC3B,UACA,SAIC;CACD,OAAO,oBAAC,YAAY,UAAb;EAA6B;EAAQ;CAA+B,CAAA;AAC7E;AAEA,SAAgB,iBAAiB;CAC/B,OAAO,WAAW,WAAW;AAC/B"}

package/dist/form/hooks/field-scope.d.ts

@@ -1,22 +0,0 @@
-type FieldScopeValue = {
-    row: Record<string, unknown>;
-    rowId: string | null;
-    path: string;
-    values: Record<string, unknown>;
-    identityPath: string;
-    getValue: (name: string) => unknown;
-    setValue: (name: string, value: unknown) => void;
-    scopedName: (name: string) => string;
-    errorKey: (name: string) => string;
-    overrideKey: (name: string) => string;
-};
-export declare function FieldScopeProvider({ base, index, row, onChange, children, }: {
-    base: string;
-    index: number;
-    row: Record<string, unknown>;
-    onChange: (name: string, value: unknown) => void;
-    children: React.ReactNode;
-}): import("react").JSX.Element;
-/** Null outside a row so callers can preserve top-level behavior without a wrapper. */
-export declare function useFieldScope(): FieldScopeValue | null;
-export {};

package/dist/form/hooks/field-scope.js

@@ -1,54 +0,0 @@
-import { appendPath, getPath, toHtmlName } from "../lib/form-path.js";
-import { buildOverrideKey, rowIdFrom } from "../lib/override-keys.js";
-import { createContext, useContext, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/form/hooks/field-scope.tsx
-var FieldScopeContext = createContext(null);
-function childCollectionIdentity(base, parent) {
-	if (!parent) return base;
-	const local = base.startsWith(`${parent.path}.`) ? base.slice(parent.path.length + 1) : base;
-	return appendPath(parent.identityPath, local);
-}
-function FieldScopeProvider({ base, index, row, onChange, children }) {
-	const parent = useContext(FieldScopeContext);
-	const value = useMemo(() => {
-		const scopedRow = row ?? {};
-		const rowId = rowIdFrom(scopedRow);
-		const path = appendPath(base, index);
-		const identityCollection = childCollectionIdentity(base, parent);
-		const identityPath = appendPath(identityCollection, rowId ?? index);
-		return {
-			row: scopedRow,
-			rowId,
-			path,
-			values: parent ? {
-				...parent.values,
-				...scopedRow
-			} : scopedRow,
-			identityPath,
-			getValue: (name) => getPath(scopedRow, name),
-			setValue: onChange,
-			scopedName: (name) => toHtmlName(appendPath(path, name)),
-			errorKey: (name) => appendPath(path, name),
-			overrideKey: (name) => buildOverrideKey(identityCollection, rowId, index, name)
-		};
-	}, [
-		base,
-		index,
-		row,
-		onChange,
-		parent
-	]);
-	return /* @__PURE__ */ jsx(FieldScopeContext.Provider, {
-		value,
-		children
-	});
-}
-/** Null outside a row so callers can preserve top-level behavior without a wrapper. */
-function useFieldScope() {
-	return useContext(FieldScopeContext);
-}
-//#endregion
-export { FieldScopeProvider, useFieldScope };
-
-//# sourceMappingURL=field-scope.js.map

package/dist/form/hooks/field-scope.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-scope.js","names":[],"sources":["../../../resources/js/form/hooks/field-scope.tsx"],"sourcesContent":["import { createContext, useContext, useMemo } from \"react\";\nimport { appendPath, getPath, toHtmlName } from \"@lattice-php/lattice/form/lib/form-path\";\nimport { buildOverrideKey, rowIdFrom } from \"@lattice-php/lattice/form/lib/override-keys\";\n\ntype FieldScopeValue = {\n  row: Record<string, unknown>;\n  rowId: string | null;\n  path: string;\n  values: Record<string, unknown>;\n  identityPath: string;\n  getValue: (name: string) => unknown;\n  setValue: (name: string, value: unknown) => void;\n  scopedName: (name: string) => string;\n  errorKey: (name: string) => string;\n  overrideKey: (name: string) => string;\n};\n\nconst FieldScopeContext = createContext<FieldScopeValue | null>(null);\n\nfunction childCollectionIdentity(base: string, parent: FieldScopeValue | null): string {\n  if (!parent) {\n    return base;\n  }\n\n  const local = base.startsWith(`${parent.path}.`) ? base.slice(parent.path.length + 1) : base;\n\n  return appendPath(parent.identityPath, local);\n}\n\nexport function FieldScopeProvider({\n  base,\n  index,\n  row,\n  onChange,\n  children,\n}: {\n  base: string;\n  index: number;\n  row: Record<string, unknown>;\n  onChange: (name: string, value: unknown) => void;\n  children: React.ReactNode;\n}) {\n  const parent = useContext(FieldScopeContext);\n\n  const value = useMemo<FieldScopeValue>(() => {\n    const scopedRow = row ?? {};\n    const rowId = rowIdFrom(scopedRow);\n    const path = appendPath(base, index);\n    const identityCollection = childCollectionIdentity(base, parent);\n    const identityPath = appendPath(identityCollection, rowId ?? index);\n\n    return {\n      row: scopedRow,\n      rowId,\n      path,\n      values: parent ? { ...parent.values, ...scopedRow } : scopedRow,\n      identityPath,\n      getValue: (name) => getPath(scopedRow, name),\n      setValue: onChange,\n      scopedName: (name) => toHtmlName(appendPath(path, name)),\n      errorKey: (name) => appendPath(path, name),\n      overrideKey: (name) => buildOverrideKey(identityCollection, rowId, index, name),\n    };\n  }, [base, index, row, onChange, parent]);\n\n  return <FieldScopeContext.Provider value={value}>{children}</FieldScopeContext.Provider>;\n}\n\n/** Null outside a row so callers can preserve top-level behavior without a wrapper. */\nexport function useFieldScope(): FieldScopeValue | null {\n  return useContext(FieldScopeContext);\n}\n"],"mappings":";;;;;AAiBA,IAAM,oBAAoB,cAAsC,IAAI;AAEpE,SAAS,wBAAwB,MAAc,QAAwC;CACrF,IAAI,CAAC,QACH,OAAO;CAGT,MAAM,QAAQ,KAAK,WAAW,GAAG,OAAO,KAAK,EAAE,IAAI,KAAK,MAAM,OAAO,KAAK,SAAS,CAAC,IAAI;CAExF,OAAO,WAAW,OAAO,cAAc,KAAK;AAC9C;AAEA,SAAgB,mBAAmB,EACjC,MACA,OACA,KACA,UACA,YAOC;CACD,MAAM,SAAS,WAAW,iBAAiB;CAE3C,MAAM,QAAQ,cAA+B;EAC3C,MAAM,YAAY,OAAO,CAAC;EAC1B,MAAM,QAAQ,UAAU,SAAS;EACjC,MAAM,OAAO,WAAW,MAAM,KAAK;EACnC,MAAM,qBAAqB,wBAAwB,MAAM,MAAM;EAC/D,MAAM,eAAe,WAAW,oBAAoB,SAAS,KAAK;EAElE,OAAO;GACL,KAAK;GACL;GACA;GACA,QAAQ,SAAS;IAAE,GAAG,OAAO;IAAQ,GAAG;GAAU,IAAI;GACtD;GACA,WAAW,SAAS,QAAQ,WAAW,IAAI;GAC3C,UAAU;GACV,aAAa,SAAS,WAAW,WAAW,MAAM,IAAI,CAAC;GACvD,WAAW,SAAS,WAAW,MAAM,IAAI;GACzC,cAAc,SAAS,iBAAiB,oBAAoB,OAAO,OAAO,IAAI;EAChF;CACF,GAAG;EAAC;EAAM;EAAO;EAAK;EAAU;CAAM,CAAC;CAEvC,OAAO,oBAAC,kBAAkB,UAAnB;EAAmC;EAAQ;CAAqC,CAAA;AACzF;;AAGA,SAAgB,gBAAwC;CACtD,OAAO,WAAW,iBAAiB;AACrC"}

package/dist/form/hooks/prefill-context.d.ts

@@ -1,5 +0,0 @@
-export type PrefillController = {
-    markUserEdit: (overrideKey: string) => void;
-};
-export declare const PrefillProvider: import('react').Provider<PrefillController | null>;
-export declare function usePrefillController(): PrefillController | null;

package/dist/form/hooks/prefill-context.js

@@ -1,11 +0,0 @@
-import { createContext, useContext } from "react";
-//#region resources/js/form/hooks/prefill-context.ts
-var PrefillContext = createContext(null);
-var PrefillProvider = PrefillContext.Provider;
-function usePrefillController() {
-	return useContext(PrefillContext);
-}
-//#endregion
-export { PrefillProvider, usePrefillController };
-
-//# sourceMappingURL=prefill-context.js.map