@lattice-php/lattice 0.38.0 → 0.40.0

package/dist/form/components/fields/repeater.js

@@ -1,109 +0,0 @@
-import { Icon } from "../../../icons/sprite.js";
-import { useFormContext } from "../../hooks/context.js";
-import { ROW_ID_KEY } from "./repeater-rows.js";
-import { FormFieldFrame } from "../base/field.js";
-import { useDependentField } from "../../hooks/use-dependent-field.js";
-import { RowKeyInputs } from "./row-key-inputs.js";
-import { RowItem } from "./row-item.js";
-import { TableRows, columnsFromSchema } from "./table-rows.js";
-import { useFlipReorder } from "./use-flip-reorder.js";
-import { useRowCollection } from "./use-row-collection.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/form/components/fields/repeater.tsx
-var EMPTY_TEMPLATE = [];
-var RepeaterComponent = ({ node }) => {
-	const props = node.props;
-	const name = props.name;
-	const { errors } = useFormContext();
-	const { hidden, required } = useDependentField(node);
-	const { path, rows, onField, onRemove, onMove, onDuplicate, append } = useRowCollection(name, props.defaultItems ?? 1);
-	const template = node.schema ?? EMPTY_TEMPLATE;
-	const orderSignature = rows.map((r) => String(r["rowId"] ?? "")).join(",");
-	const registerRow = useFlipReorder(orderSignature);
-	const atMax = props.maxItems != null && rows.length >= props.maxItems;
-	const atMin = props.minItems != null && rows.length <= props.minItems;
-	const isTable = props.layout === "table";
-	const itemLabels = props.itemLabels;
-	const rowHeading = (index) => {
-		const label = itemLabels?.[index];
-		if (typeof label === "string" && label !== "") return label;
-		return props.itemLabel ? `${props.itemLabel} ${index + 1}` : `#${index + 1}`;
-	};
-	if (hidden) return null;
-	const tableRows = rows.map((row, index) => ({
-		key: String(row["rowId"] ?? index),
-		index,
-		row,
-		template,
-		span: false,
-		heading: rowHeading(index)
-	}));
-	return /* @__PURE__ */ jsx(FormFieldFrame, {
-		error: errors[path],
-		helperText: props.helperText ?? void 0,
-		tooltip: props.tooltip ?? void 0,
-		label: props.label ?? "",
-		id: path,
-		required,
-		children: (controlProps) => /* @__PURE__ */ jsxs("div", {
-			...controlProps,
-			className: "flex flex-col gap-3",
-			role: "group",
-			children: [
-				/* @__PURE__ */ jsx(RowKeyInputs, {
-					path,
-					rows,
-					rowKey: ROW_ID_KEY
-				}),
-				isTable ? /* @__PURE__ */ jsx(TableRows, {
-					base: path,
-					columns: columnsFromSchema(template),
-					rows: tableRows,
-					reorderable: props.reorderable ?? false,
-					removable: () => !atMin,
-					rowActions: props.rowActions,
-					onField,
-					onMove,
-					onRemove,
-					onDuplicate,
-					registerRow,
-					resizableColumns: props.resizableColumns === true,
-					resizeIndicator: props.resizeIndicator === true
-				}) : rows.map((row, index) => {
-					const key = String(row["rowId"] ?? index);
-					return /* @__PURE__ */ jsx("div", {
-						ref: (el) => registerRow(key, el),
-						"data-flip-key": key,
-						children: /* @__PURE__ */ jsx(RowItem, {
-							base: path,
-							index,
-							row,
-							template,
-							heading: rowHeading(index),
-							reorderable: props.reorderable ?? false,
-							isFirst: index === 0,
-							isLast: index === rows.length - 1,
-							removable: !atMin,
-							rowActions: props.rowActions,
-							onField,
-							onRemove,
-							onMove,
-							onDuplicate
-						})
-					}, key);
-				}),
-				!atMax && /* @__PURE__ */ jsxs("button", {
-					type: "button",
-					"data-test": `repeater-${name}-add`,
-					className: "inline-flex items-center gap-1.5 self-start rounded-lt-sm border border-lt-border px-3 py-1.5 text-sm hover:bg-lt-accent [&_svg]:size-lt-icon-sm",
-					onClick: () => append({}),
-					children: [/* @__PURE__ */ jsx(Icon, { name: "plus" }), props.addLabel ?? "Add"]
-				})
-			]
-		})
-	});
-};
-//#endregion
-export { RepeaterComponent };
-
-//# sourceMappingURL=repeater.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"repeater.js","names":[],"sources":["../../../../resources/js/form/components/fields/repeater.tsx"],"sourcesContent":["import { Icon } from \"@lattice-php/lattice/icons\";\nimport type { Node, RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { FormFieldFrame } from \"@lattice-php/lattice/form/components/base/field\";\nimport { useFormContext } from \"@lattice-php/lattice/form/hooks/context\";\nimport { useDependentField } from \"@lattice-php/lattice/form/hooks/use-dependent-field\";\nimport { ROW_ID_KEY } from \"./repeater-rows\";\nimport { RowKeyInputs } from \"./row-key-inputs\";\nimport { RowItem } from \"./row-item\";\nimport { columnsFromSchema, TableRows } from \"./table-rows\";\nimport { useFlipReorder } from \"./use-flip-reorder\";\nimport { useRowCollection } from \"./use-row-collection\";\n\nconst EMPTY_TEMPLATE: Node[] = [];\n\nexport const RepeaterComponent: RendererComponent<\"field.repeater\"> = ({ node }) => {\n  const props = node.props;\n  const name = props.name;\n  const { errors } = useFormContext();\n  const { hidden, required } = useDependentField(node);\n  const { path, rows, onField, onRemove, onMove, onDuplicate, append } = useRowCollection(\n    name,\n    props.defaultItems ?? 1,\n  );\n  const template = node.schema ?? EMPTY_TEMPLATE;\n  const orderSignature = rows.map((r) => String(r[ROW_ID_KEY] ?? \"\")).join(\",\");\n  const registerRow = useFlipReorder(orderSignature);\n  const atMax = props.maxItems != null && rows.length >= props.maxItems;\n  const atMin = props.minItems != null && rows.length <= props.minItems;\n  const isTable = props.layout === \"table\";\n  const itemLabels = (props as { itemLabels?: Array<string | null> | null }).itemLabels;\n  const rowHeading = (index: number) => {\n    const label = itemLabels?.[index];\n\n    if (typeof label === \"string\" && label !== \"\") {\n      return label;\n    }\n\n    return props.itemLabel ? `${props.itemLabel} ${index + 1}` : `#${index + 1}`;\n  };\n\n  if (hidden) {\n    return null;\n  }\n\n  const tableRows = rows.map((row, index) => ({\n    key: String(row[ROW_ID_KEY] ?? index),\n    index,\n    row,\n    template,\n    span: false,\n    heading: rowHeading(index),\n  }));\n\n  return (\n    <FormFieldFrame\n      error={errors[path]}\n      helperText={props.helperText ?? undefined}\n      tooltip={props.tooltip ?? undefined}\n      label={props.label ?? \"\"}\n      id={path}\n      required={required}\n    >\n      {(controlProps) => (\n        <div {...controlProps} className=\"flex flex-col gap-3\" role=\"group\">\n          <RowKeyInputs path={path} rows={rows} rowKey={ROW_ID_KEY} />\n          {isTable ? (\n            <TableRows\n              base={path}\n              columns={columnsFromSchema(template)}\n              rows={tableRows}\n              reorderable={props.reorderable ?? false}\n              removable={() => !atMin}\n              rowActions={props.rowActions}\n              onField={onField}\n              onMove={onMove}\n              onRemove={onRemove}\n              onDuplicate={onDuplicate}\n              registerRow={registerRow}\n              resizableColumns={props.resizableColumns === true}\n              resizeIndicator={props.resizeIndicator === true}\n            />\n          ) : (\n            rows.map((row, index) => {\n              const key = String(row[ROW_ID_KEY] ?? index);\n              return (\n                <div key={key} ref={(el) => registerRow(key, el)} data-flip-key={key}>\n                  <RowItem\n                    base={path}\n                    index={index}\n                    row={row}\n                    template={template}\n                    heading={rowHeading(index)}\n                    reorderable={props.reorderable ?? false}\n                    isFirst={index === 0}\n                    isLast={index === rows.length - 1}\n                    removable={!atMin}\n                    rowActions={props.rowActions}\n                    onField={onField}\n                    onRemove={onRemove}\n                    onMove={onMove}\n                    onDuplicate={onDuplicate}\n                  />\n                </div>\n              );\n            })\n          )}\n\n          {!atMax && (\n            <button\n              type=\"button\"\n              data-test={`repeater-${name}-add`}\n              className=\"inline-flex items-center gap-1.5 self-start rounded-lt-sm border border-lt-border px-3 py-1.5 text-sm hover:bg-lt-accent [&_svg]:size-lt-icon-sm\"\n              onClick={() => append({})}\n            >\n              <Icon name=\"plus\" />\n              {props.addLabel ?? \"Add\"}\n            </button>\n          )}\n        </div>\n      )}\n    </FormFieldFrame>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAYA,IAAM,iBAAyB,CAAC;AAEhC,IAAa,qBAA0D,EAAE,WAAW;CAClF,MAAM,QAAQ,KAAK;CACnB,MAAM,OAAO,MAAM;CACnB,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,QAAQ,aAAa,kBAAkB,IAAI;CACnD,MAAM,EAAE,MAAM,MAAM,SAAS,UAAU,QAAQ,aAAa,WAAW,iBACrE,MACA,MAAM,gBAAgB,CACxB;CACA,MAAM,WAAW,KAAK,UAAU;CAChC,MAAM,iBAAiB,KAAK,KAAK,MAAM,OAAO,EAAA,YAAiB,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG;CAC5E,MAAM,cAAc,eAAe,cAAc;CACjD,MAAM,QAAQ,MAAM,YAAY,QAAQ,KAAK,UAAU,MAAM;CAC7D,MAAM,QAAQ,MAAM,YAAY,QAAQ,KAAK,UAAU,MAAM;CAC7D,MAAM,UAAU,MAAM,WAAW;CACjC,MAAM,aAAc,MAAuD;CAC3E,MAAM,cAAc,UAAkB;EACpC,MAAM,QAAQ,aAAa;EAE3B,IAAI,OAAO,UAAU,YAAY,UAAU,IACzC,OAAO;EAGT,OAAO,MAAM,YAAY,GAAG,MAAM,UAAU,GAAG,QAAQ,MAAM,IAAI,QAAQ;CAC3E;CAEA,IAAI,QACF,OAAO;CAGT,MAAM,YAAY,KAAK,KAAK,KAAK,WAAW;EAC1C,KAAK,OAAO,IAAA,YAAmB,KAAK;EACpC;EACA;EACA;EACA,MAAM;EACN,SAAS,WAAW,KAAK;CAC3B,EAAE;CAEF,OACE,oBAAC,gBAAD;EACE,OAAO,OAAO;EACd,YAAY,MAAM,cAAc,KAAA;EAChC,SAAS,MAAM,WAAW,KAAA;EAC1B,OAAO,MAAM,SAAS;EACtB,IAAI;EACM;EAER,WAAA,iBACA,qBAAC,OAAD;GAAK,GAAI;GAAc,WAAU;GAAsB,MAAK;GAA5D,UAAA;IACE,oBAAC,cAAD;KAAoB;KAAY;KAAM,QAAQ;IAAa,CAAA;IAC1D,UACC,oBAAC,WAAD;KACE,MAAM;KACN,SAAS,kBAAkB,QAAQ;KACnC,MAAM;KACN,aAAa,MAAM,eAAe;KAClC,iBAAiB,CAAC;KAClB,YAAY,MAAM;KACT;KACD;KACE;KACG;KACA;KACb,kBAAkB,MAAM,qBAAqB;KAC7C,iBAAiB,MAAM,oBAAoB;IAC5C,CAAA,IAED,KAAK,KAAK,KAAK,UAAU;KACvB,MAAM,MAAM,OAAO,IAAA,YAAmB,KAAK;KAC3C,OACE,oBAAC,OAAD;MAAe,MAAM,OAAO,YAAY,KAAK,EAAE;MAAG,iBAAe;MAC/D,UAAA,oBAAC,SAAD;OACE,MAAM;OACC;OACF;OACK;OACV,SAAS,WAAW,KAAK;OACzB,aAAa,MAAM,eAAe;OAClC,SAAS,UAAU;OACnB,QAAQ,UAAU,KAAK,SAAS;OAChC,WAAW,CAAC;OACZ,YAAY,MAAM;OACT;OACC;OACF;OACK;MACd,CAAA;KACE,GAjBK,GAiBL;IAET,CAAC;IAGF,CAAC,SACA,qBAAC,UAAD;KACE,MAAK;KACL,aAAW,YAAY,KAAK;KAC5B,WAAU;KACV,eAAe,OAAO,CAAC,CAAC;KAJ1B,UAAA,CAME,oBAAC,MAAD,EAAM,MAAK,OAAQ,CAAA,GAClB,MAAM,YAAY,KACb;;GAEP;;CAEO,CAAA;AAEpB"}

package/dist/form/components/fields/rich-editor-field.d.ts

@@ -1,3 +0,0 @@
-import { RendererComponent } from '../../../core/types.js';
-declare const RichEditorField: RendererComponent<"field.rich-editor">;
-export default RichEditorField;

package/dist/form/components/fields/rich-editor-field.js

@@ -1,104 +0,0 @@
-import { useT } from "../../../i18n/instance.js";
-import { cn } from "../../../lib/utils.js";
-import { useFormContext } from "../../hooks/context.js";
-import { useFieldScope } from "../../hooks/field-scope.js";
-import { useFormValue } from "../../hooks/values.js";
-import { useFieldCommit } from "../../hooks/use-field-commit.js";
-import { FormFieldFrame } from "../base/field.js";
-import { useDependentField } from "../../hooks/use-dependent-field.js";
-import { assembleStarterKitOptions, assembleTiptapExtensions, assembleToolbar, resolveRichEditorExtensions } from "../../rich-editor/registry.js";
-import { ToolbarIconButton } from "../../rich-editor/toolbar-button.js";
-import { registerBuiltinRichEditorExtensions } from "../../rich-editor/builtins.js";
-import { useEffect, useMemo } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { Placeholder } from "@tiptap/extensions";
-import { EditorContent, useEditor } from "@tiptap/react";
-import { StarterKit } from "@tiptap/starter-kit";
-//#region resources/js/form/components/fields/rich-editor-field.tsx
-registerBuiltinRichEditorExtensions();
-function Toolbar({ editor, items }) {
-	const { t } = useT("lattice");
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex flex-wrap items-center gap-0.5 border-b border-lt-border p-1",
-		children: items.map((item, index) => {
-			if (item === "separator") return /* @__PURE__ */ jsx("span", { className: "mx-1 h-5 w-px bg-lt-border" }, `sep-${index}`);
-			if ("component" in item) {
-				const Control = item.component;
-				return /* @__PURE__ */ jsx(Control, { editor }, item.key);
-			}
-			const label = t(`form.editor.${item.key}`, item.label);
-			return /* @__PURE__ */ jsx(ToolbarIconButton, {
-				active: item.isActive(editor),
-				disabled: item.isDisabled?.(editor) ?? false,
-				icon: item.icon,
-				label,
-				onClick: () => item.run(editor),
-				testId: `editor-${item.key}`
-			}, item.key);
-		})
-	});
-}
-var RichEditorField = ({ node }) => {
-	const { errors } = useFormContext();
-	const { hidden, required, readOnly, disabled } = useDependentField(node);
-	const { change, blur } = useFieldCommit();
-	const name = node.props.name;
-	const scope = useFieldScope();
-	const globalValue = useFormValue(name);
-	const storedValue = scope ? scope.getValue(name) : globalValue;
-	const domName = scope ? scope.scopedName(name) : name;
-	const errorKey = scope ? scope.errorKey(name) : name;
-	const locked = readOnly || disabled;
-	const initialContent = typeof storedValue === "object" && storedValue !== null ? storedValue : node.props.value ?? "";
-	const resolved = useMemo(() => resolveRichEditorExtensions(node.props.extensions), [node.props.extensions]);
-	const toolbar = useMemo(() => assembleToolbar(resolved), [resolved]);
-	const extensions = useMemo(() => [
-		StarterKit.configure(assembleStarterKitOptions(resolved)),
-		Placeholder.configure({ placeholder: node.props.placeholder ?? "" }),
-		...assembleTiptapExtensions(resolved)
-	], [resolved, node.props.placeholder]);
-	const editor = useEditor({
-		extensions,
-		content: initialContent,
-		editable: !locked,
-		immediatelyRender: false,
-		shouldRerenderOnTransaction: true,
-		editorProps: { attributes: { class: "lattice-prose min-h-32 px-3 py-2 outline-none" } },
-		onUpdate: ({ editor: instance }) => {
-			change(name, instance.isEmpty ? null : instance.getJSON());
-		},
-		onBlur: () => {
-			blur(name);
-		}
-	});
-	useEffect(() => {
-		editor?.setEditable(!locked);
-	}, [editor, locked]);
-	if (hidden) return null;
-	const submittedValue = storedValue ? JSON.stringify(storedValue) : "";
-	return /* @__PURE__ */ jsx(FormFieldFrame, {
-		error: errors[errorKey],
-		helperText: node.props.helperText ?? void 0,
-		tooltip: node.props.tooltip ?? void 0,
-		label: node.props.label ?? "",
-		id: domName,
-		required,
-		children: (controlProps) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
-			...controlProps,
-			className: cn("overflow-hidden rounded-lt-sm border border-lt-input bg-transparent shadow-lt-xs focus-within:border-lt-ring focus-within:ring-[length:var(--lt-ring-width)] focus-within:ring-lt-ring/50", locked && "opacity-60"),
-			role: "group",
-			children: [editor && !locked && toolbar.length > 0 && /* @__PURE__ */ jsx(Toolbar, {
-				editor,
-				items: toolbar
-			}), /* @__PURE__ */ jsx(EditorContent, { editor })]
-		}), /* @__PURE__ */ jsx("input", {
-			name: domName,
-			type: "hidden",
-			value: submittedValue
-		})] })
-	});
-};
-//#endregion
-export { RichEditorField as default };
-
-//# sourceMappingURL=rich-editor-field.js.map

package/dist/form/components/fields/rich-editor-field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rich-editor-field.js","names":[],"sources":["../../../../resources/js/form/components/fields/rich-editor-field.tsx"],"sourcesContent":["import { Placeholder } from \"@tiptap/extensions\";\nimport { type Editor, EditorContent, useEditor } from \"@tiptap/react\";\nimport { StarterKit } from \"@tiptap/starter-kit\";\nimport { useEffect, useMemo } from \"react\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { FormFieldFrame } from \"@lattice-php/lattice/form/components/base/field\";\nimport { useFormContext } from \"@lattice-php/lattice/form/hooks/context\";\nimport { useFieldScope } from \"@lattice-php/lattice/form/hooks/field-scope\";\nimport { useDependentField } from \"@lattice-php/lattice/form/hooks/use-dependent-field\";\nimport { useFieldCommit } from \"@lattice-php/lattice/form/hooks/use-field-commit\";\nimport { useFormValue } from \"@lattice-php/lattice/form/hooks/values\";\nimport { registerBuiltinRichEditorExtensions } from \"@lattice-php/lattice/form/rich-editor/builtins\";\nimport {\n  assembleStarterKitOptions,\n  assembleTiptapExtensions,\n  assembleToolbar,\n  resolveRichEditorExtensions,\n  type ToolbarEntry,\n} from \"@lattice-php/lattice/form/rich-editor/registry\";\nimport { ToolbarIconButton } from \"@lattice-php/lattice/form/rich-editor/toolbar-button\";\n\nregisterBuiltinRichEditorExtensions();\n\nfunction Toolbar({ editor, items }: { editor: Editor; items: ToolbarEntry[] }) {\n  const { t } = useT(\"lattice\");\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-0.5 border-b border-lt-border p-1\">\n      {items.map((item, index) => {\n        if (item === \"separator\") {\n          // eslint-disable-next-line react/no-array-index-key\n          return <span key={`sep-${index}`} className=\"mx-1 h-5 w-px bg-lt-border\" />;\n        }\n\n        if (\"component\" in item) {\n          const Control = item.component;\n\n          return <Control editor={editor} key={item.key} />;\n        }\n\n        const label = t(`form.editor.${item.key}`, item.label);\n\n        return (\n          <ToolbarIconButton\n            active={item.isActive(editor)}\n            disabled={item.isDisabled?.(editor) ?? false}\n            icon={item.icon}\n            key={item.key}\n            label={label}\n            onClick={() => item.run(editor)}\n            testId={`editor-${item.key}`}\n          />\n        );\n      })}\n    </div>\n  );\n}\n\nconst RichEditorField: RendererComponent<\"field.rich-editor\"> = ({ node }) => {\n  const { errors } = useFormContext();\n  const { hidden, required, readOnly, disabled } = useDependentField(node);\n  const { change, blur } = useFieldCommit();\n  const name = node.props.name;\n  const scope = useFieldScope();\n  const globalValue = useFormValue(name);\n  const storedValue = scope ? scope.getValue(name) : globalValue;\n  const domName = scope ? scope.scopedName(name) : name;\n  const errorKey = scope ? scope.errorKey(name) : name;\n  const locked = readOnly || disabled;\n  const initialContent =\n    typeof storedValue === \"object\" && storedValue !== null\n      ? (storedValue as object)\n      : ((node.props.value as object | undefined) ?? \"\");\n\n  const resolved = useMemo(\n    () => resolveRichEditorExtensions(node.props.extensions),\n    [node.props.extensions],\n  );\n  const toolbar = useMemo(() => assembleToolbar(resolved), [resolved]);\n  const extensions = useMemo(\n    () => [\n      StarterKit.configure(assembleStarterKitOptions(resolved)),\n      Placeholder.configure({ placeholder: node.props.placeholder ?? \"\" }),\n      ...assembleTiptapExtensions(resolved),\n    ],\n    [resolved, node.props.placeholder],\n  );\n\n  const editor = useEditor({\n    extensions,\n    content: initialContent,\n    editable: !locked,\n    immediatelyRender: false,\n    // Tiptap v3 stops re-rendering per transaction by default, but the toolbar\n    // reads isActive/isDisabled during render — without this, selection-only\n    // transactions leave those states stale.\n    shouldRerenderOnTransaction: true,\n    editorProps: {\n      attributes: {\n        class: \"lattice-prose min-h-32 px-3 py-2 outline-none\",\n      },\n    },\n    onUpdate: ({ editor: instance }) => {\n      change(name, instance.isEmpty ? null : instance.getJSON());\n    },\n    onBlur: () => {\n      blur(name);\n    },\n  });\n\n  useEffect(() => {\n    editor?.setEditable(!locked);\n  }, [editor, locked]);\n\n  if (hidden) {\n    return null;\n  }\n\n  const submittedValue = storedValue ? JSON.stringify(storedValue) : \"\";\n\n  return (\n    <FormFieldFrame\n      error={errors[errorKey]}\n      helperText={node.props.helperText ?? undefined}\n      tooltip={node.props.tooltip ?? undefined}\n      label={node.props.label ?? \"\"}\n      id={domName}\n      required={required}\n    >\n      {(controlProps) => (\n        <>\n          <div\n            {...controlProps}\n            className={cn(\n              \"overflow-hidden rounded-lt-sm border border-lt-input bg-transparent shadow-lt-xs focus-within:border-lt-ring focus-within:ring-[length:var(--lt-ring-width)] focus-within:ring-lt-ring/50\",\n              locked && \"opacity-60\",\n            )}\n            role=\"group\"\n          >\n            {editor && !locked && toolbar.length > 0 && <Toolbar editor={editor} items={toolbar} />}\n            <EditorContent editor={editor} />\n          </div>\n          <input name={domName} type=\"hidden\" value={submittedValue} />\n        </>\n      )}\n    </FormFieldFrame>\n  );\n};\n\nexport default RichEditorField;\n"],"mappings":"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"}

package/dist/form/components/fields/rich-editor.d.ts

@@ -1,2 +0,0 @@
-import { RendererComponent } from '../../../core/types.js';
-export declare const RichEditorComponent: RendererComponent<"field.rich-editor">;

package/dist/form/components/fields/rich-editor.js

@@ -1,15 +0,0 @@
-import { Suspense, lazy } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/form/components/fields/rich-editor.tsx
-var RichEditorField = lazy(() => import("./rich-editor-field.js"));
-var RichEditorComponent = ({ children, node }) => /* @__PURE__ */ jsx(Suspense, {
-	fallback: null,
-	children: /* @__PURE__ */ jsx(RichEditorField, {
-		node,
-		children
-	})
-});
-//#endregion
-export { RichEditorComponent };
-
-//# sourceMappingURL=rich-editor.js.map

package/dist/form/components/fields/rich-editor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rich-editor.js","names":[],"sources":["../../../../resources/js/form/components/fields/rich-editor.tsx"],"sourcesContent":["import { lazy, Suspense } from \"react\";\nimport type { RendererComponent, RendererComponentModule } from \"@lattice-php/lattice/core/types\";\n\nconst RichEditorField = lazy(\n  () => import(\"./rich-editor-field\") as unknown as Promise<RendererComponentModule>,\n);\n\nexport const RichEditorComponent: RendererComponent<\"field.rich-editor\"> = ({ children, node }) => (\n  <Suspense fallback={null}>\n    <RichEditorField node={node}>{children}</RichEditorField>\n  </Suspense>\n);\n"],"mappings":";;;AAGA,IAAM,kBAAkB,WAChB,OAAO,yBACf;AAEA,IAAa,uBAA+D,EAAE,UAAU,WACtF,oBAAC,UAAD;CAAU,UAAU;CAClB,UAAA,oBAAC,iBAAD;EAAuB;EAAO;CAA0B,CAAA;AAChD,CAAA"}

package/dist/form/components/fields/row-action-menu.d.ts

@@ -1,18 +0,0 @@
-import { RowAction as WireRowAction } from '../../../types/generated.js';
-import { RowAction } from './row-actions.js';
-type RowActionTranslate = (key: string, fallback: string) => string;
-export type RowActionContext = {
-    index: number;
-    removable: boolean;
-    onRemove: (index: number) => void;
-    onDuplicate: (index: number) => void;
-    t: RowActionTranslate;
-};
-/**
- * Resolves the declared wire row actions into the click-wired client actions the
- * kebab renders. `null` (undeclared) falls back to the built-in remove; an empty
- * array disables row actions entirely. Remove is dropped while the row is at its
- * minimum, and built-in labels resolve through i18n when the server sends none.
- */
-export declare function buildRowActions(declared: WireRowAction[] | null, ctx: RowActionContext): RowAction[];
-export {};

package/dist/form/components/fields/row-action-menu.js

@@ -1,61 +0,0 @@
-//#region resources/js/form/components/fields/row-action-menu.ts
-/** Translation key + fallback and icon for each built-in; the server sends null labels. */
-var BUILT_IN = {
-	duplicate: {
-		key: "table.row-actions.duplicate",
-		fallback: "Duplicate",
-		icon: "copy"
-	},
-	remove: {
-		key: "table.row-actions.remove",
-		fallback: "Remove",
-		icon: "trash-2"
-	}
-};
-/**
-* Resolves the declared wire row actions into the click-wired client actions the
-* kebab renders. `null` (undeclared) falls back to the built-in remove; an empty
-* array disables row actions entirely. Remove is dropped while the row is at its
-* minimum, and built-in labels resolve through i18n when the server sends none.
-*/
-function buildRowActions(declared, ctx) {
-	return (declared ?? defaultActions(ctx.removable)).map((action) => toClientAction(action, ctx)).filter((action) => action !== null);
-}
-function defaultActions(removable) {
-	if (!removable) return [];
-	return [{
-		type: "remove",
-		key: "remove",
-		label: null,
-		icon: null,
-		danger: true
-	}];
-}
-function toClientAction(action, ctx) {
-	if (action.type === "duplicate") {
-		const builtIn = BUILT_IN.duplicate;
-		return {
-			key: action.key,
-			label: action.label ?? ctx.t(builtIn.key, builtIn.fallback),
-			icon: action.icon ?? builtIn.icon,
-			danger: action.danger,
-			onClick: () => ctx.onDuplicate(ctx.index)
-		};
-	}
-	if (action.type === "remove") {
-		if (!ctx.removable) return null;
-		const builtIn = BUILT_IN.remove;
-		return {
-			key: action.key,
-			label: action.label ?? ctx.t(builtIn.key, builtIn.fallback),
-			icon: action.icon ?? builtIn.icon,
-			danger: action.danger,
-			onClick: () => ctx.onRemove(ctx.index)
-		};
-	}
-	return null;
-}
-//#endregion
-export { buildRowActions };
-
-//# sourceMappingURL=row-action-menu.js.map

package/dist/form/components/fields/row-action-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"row-action-menu.js","names":[],"sources":["../../../../resources/js/form/components/fields/row-action-menu.ts"],"sourcesContent":["import type { RowAction as WireRowAction } from \"@lattice-php/lattice/types/generated\";\nimport type { RowAction } from \"./row-actions\";\n\ntype RowActionTranslate = (key: string, fallback: string) => string;\n\n/** Translation key + fallback and icon for each built-in; the server sends null labels. */\nconst BUILT_IN: Record<\"duplicate\" | \"remove\", { key: string; fallback: string; icon: string }> = {\n  duplicate: { key: \"table.row-actions.duplicate\", fallback: \"Duplicate\", icon: \"copy\" },\n  remove: { key: \"table.row-actions.remove\", fallback: \"Remove\", icon: \"trash-2\" },\n};\n\nexport type RowActionContext = {\n  index: number;\n  removable: boolean;\n  onRemove: (index: number) => void;\n  onDuplicate: (index: number) => void;\n  t: RowActionTranslate;\n};\n\n/**\n * Resolves the declared wire row actions into the click-wired client actions the\n * kebab renders. `null` (undeclared) falls back to the built-in remove; an empty\n * array disables row actions entirely. Remove is dropped while the row is at its\n * minimum, and built-in labels resolve through i18n when the server sends none.\n */\nexport function buildRowActions(\n  declared: WireRowAction[] | null,\n  ctx: RowActionContext,\n): RowAction[] {\n  const source = declared ?? defaultActions(ctx.removable);\n\n  return source\n    .map((action) => toClientAction(action, ctx))\n    .filter((action): action is RowAction => action !== null);\n}\n\nfunction defaultActions(removable: boolean): WireRowAction[] {\n  if (!removable) {\n    return [];\n  }\n\n  return [{ type: \"remove\", key: \"remove\", label: null, icon: null, danger: true }];\n}\n\nfunction toClientAction(action: WireRowAction, ctx: RowActionContext): RowAction | null {\n  if (action.type === \"duplicate\") {\n    const builtIn = BUILT_IN.duplicate;\n\n    return {\n      key: action.key,\n      label: action.label ?? ctx.t(builtIn.key, builtIn.fallback),\n      icon: action.icon ?? builtIn.icon,\n      danger: action.danger,\n      onClick: () => ctx.onDuplicate(ctx.index),\n    };\n  }\n\n  if (action.type === \"remove\") {\n    if (!ctx.removable) {\n      return null;\n    }\n\n    const builtIn = BUILT_IN.remove;\n\n    return {\n      key: action.key,\n      label: action.label ?? ctx.t(builtIn.key, builtIn.fallback),\n      icon: action.icon ?? builtIn.icon,\n      danger: action.danger,\n      onClick: () => ctx.onRemove(ctx.index),\n    };\n  }\n\n  return null;\n}\n"],"mappings":";;AAMA,IAAM,WAA4F;CAChG,WAAW;EAAE,KAAK;EAA+B,UAAU;EAAa,MAAM;CAAO;CACrF,QAAQ;EAAE,KAAK;EAA4B,UAAU;EAAU,MAAM;CAAU;AACjF;;;;;;;AAgBA,SAAgB,gBACd,UACA,KACa;CAGb,QAFe,YAAY,eAAe,IAAI,SAAS,EAAA,CAGpD,KAAK,WAAW,eAAe,QAAQ,GAAG,CAAC,CAAC,CAC5C,QAAQ,WAAgC,WAAW,IAAI;AAC5D;AAEA,SAAS,eAAe,WAAqC;CAC3D,IAAI,CAAC,WACH,OAAO,CAAC;CAGV,OAAO,CAAC;EAAE,MAAM;EAAU,KAAK;EAAU,OAAO;EAAM,MAAM;EAAM,QAAQ;CAAK,CAAC;AAClF;AAEA,SAAS,eAAe,QAAuB,KAAyC;CACtF,IAAI,OAAO,SAAS,aAAa;EAC/B,MAAM,UAAU,SAAS;EAEzB,OAAO;GACL,KAAK,OAAO;GACZ,OAAO,OAAO,SAAS,IAAI,EAAE,QAAQ,KAAK,QAAQ,QAAQ;GAC1D,MAAM,OAAO,QAAQ,QAAQ;GAC7B,QAAQ,OAAO;GACf,eAAe,IAAI,YAAY,IAAI,KAAK;EAC1C;CACF;CAEA,IAAI,OAAO,SAAS,UAAU;EAC5B,IAAI,CAAC,IAAI,WACP,OAAO;EAGT,MAAM,UAAU,SAAS;EAEzB,OAAO;GACL,KAAK,OAAO;GACZ,OAAO,OAAO,SAAS,IAAI,EAAE,QAAQ,KAAK,QAAQ,QAAQ;GAC1D,MAAM,OAAO,QAAQ,QAAQ;GAC7B,QAAQ,OAAO;GACf,eAAe,IAAI,SAAS,IAAI,KAAK;EACvC;CACF;CAEA,OAAO;AACT"}

package/dist/form/components/fields/row-actions.d.ts

@@ -1,10 +0,0 @@
-export type RowAction = {
-    key: string;
-    label: string;
-    icon: string;
-    onClick: () => void;
-    danger?: boolean;
-};
-export declare function RowActions({ actions }: {
-    actions: RowAction[];
-}): import("react").JSX.Element | null;

package/dist/form/components/fields/row-actions.js

@@ -1,47 +0,0 @@
-import { useT } from "../../../i18n/instance.js";
-import { Icon } from "../../../icons/sprite.js";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../../../ui/dropdown-menu.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/form/components/fields/row-actions.tsx
-function inlineClass(danger) {
-	return danger ? "text-lt-danger hover:text-lt-danger [&_svg]:size-lt-icon-sm" : "text-lt-muted-fg hover:text-lt-fg [&_svg]:size-lt-icon-sm";
-}
-function RowActions({ actions }) {
-	const { t } = useT("lattice");
-	if (actions.length === 0) return null;
-	if (actions.length === 1) {
-		const action = actions[0];
-		return /* @__PURE__ */ jsx("button", {
-			type: "button",
-			"aria-label": action.label,
-			"data-test": `row-action-${action.key}`,
-			className: inlineClass(action.danger),
-			onClick: action.onClick,
-			children: /* @__PURE__ */ jsx(Icon, { name: action.icon })
-		});
-	}
-	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-		asChild: true,
-		children: /* @__PURE__ */ jsx("button", {
-			type: "button",
-			"aria-label": t("common.action-group.label", "Actions"),
-			"data-test": "row-actions-menu",
-			className: "text-lt-muted-fg hover:text-lt-fg [&_svg]:size-lt-icon-sm",
-			children: /* @__PURE__ */ jsx(Icon, { name: "more-horizontal" })
-		})
-	}), /* @__PURE__ */ jsx(DropdownMenuContent, {
-		align: "end",
-		className: "min-w-[10rem]",
-		children: actions.map((action) => /* @__PURE__ */ jsx(DropdownMenuItem, {
-			"data-test": `row-action-${action.key}`,
-			danger: action.danger,
-			icon: action.icon,
-			onClick: action.onClick,
-			children: action.label
-		}, action.key))
-	})] });
-}
-//#endregion
-export { RowActions };
-
-//# sourceMappingURL=row-actions.js.map

package/dist/form/components/fields/row-actions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"row-actions.js","names":[],"sources":["../../../../resources/js/form/components/fields/row-actions.tsx"],"sourcesContent":["import { Icon } from \"@lattice-php/lattice/icons\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@lattice-php/lattice/ui/dropdown-menu\";\n\nexport type RowAction = {\n  key: string;\n  label: string;\n  icon: string;\n  onClick: () => void;\n  danger?: boolean;\n};\n\nfunction inlineClass(danger?: boolean): string {\n  return danger\n    ? \"text-lt-danger hover:text-lt-danger [&_svg]:size-lt-icon-sm\"\n    : \"text-lt-muted-fg hover:text-lt-fg [&_svg]:size-lt-icon-sm\";\n}\n\nexport function RowActions({ actions }: { actions: RowAction[] }) {\n  const { t } = useT(\"lattice\");\n  if (actions.length === 0) {\n    return null;\n  }\n\n  if (actions.length === 1) {\n    const action = actions[0];\n    return (\n      <button\n        type=\"button\"\n        aria-label={action.label}\n        data-test={`row-action-${action.key}`}\n        className={inlineClass(action.danger)}\n        onClick={action.onClick}\n      >\n        <Icon name={action.icon} />\n      </button>\n    );\n  }\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <button\n          type=\"button\"\n          aria-label={t(\"common.action-group.label\", \"Actions\")}\n          data-test=\"row-actions-menu\"\n          className=\"text-lt-muted-fg hover:text-lt-fg [&_svg]:size-lt-icon-sm\"\n        >\n          <Icon name=\"more-horizontal\" />\n        </button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" className=\"min-w-[10rem]\">\n        {actions.map((action) => (\n          <DropdownMenuItem\n            key={action.key}\n            data-test={`row-action-${action.key}`}\n            danger={action.danger}\n            icon={action.icon}\n            onClick={action.onClick}\n          >\n            {action.label}\n          </DropdownMenuItem>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"mappings":";;;;;AAiBA,SAAS,YAAY,QAA0B;CAC7C,OAAO,SACH,gEACA;AACN;AAEA,SAAgB,WAAW,EAAE,WAAqC;CAChE,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,IAAI,QAAQ,WAAW,GACrB,OAAO;CAGT,IAAI,QAAQ,WAAW,GAAG;EACxB,MAAM,SAAS,QAAQ;EACvB,OACE,oBAAC,UAAD;GACE,MAAK;GACL,cAAY,OAAO;GACnB,aAAW,cAAc,OAAO;GAChC,WAAW,YAAY,OAAO,MAAM;GACpC,SAAS,OAAO;GAEhB,UAAA,oBAAC,MAAD,EAAM,MAAM,OAAO,KAAO,CAAA;EACpB,CAAA;CAEZ;CAEA,OACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,qBAAD;EAAqB,SAAA;EACnB,UAAA,oBAAC,UAAD;GACE,MAAK;GACL,cAAY,EAAE,6BAA6B,SAAS;GACpD,aAAU;GACV,WAAU;GAEV,UAAA,oBAAC,MAAD,EAAM,MAAK,kBAAmB,CAAA;EACxB,CAAA;CACW,CAAA,GACrB,oBAAC,qBAAD;EAAqB,OAAM;EAAM,WAAU;EACxC,UAAA,QAAQ,KAAK,WACZ,oBAAC,kBAAD;GAEE,aAAW,cAAc,OAAO;GAChC,QAAQ,OAAO;GACf,MAAM,OAAO;GACb,SAAS,OAAO;GAEf,UAAA,OAAO;EACQ,GAPX,OAAO,GAOI,CACnB;CACkB,CAAA,CACT,EAAA,CAAA;AAElB"}

package/dist/form/components/fields/row-item.d.ts

@@ -1,28 +0,0 @@
-import { ReactNode } from 'react';
-import { Node } from '../../../core/types.js';
-import { RowAction as WireRowAction } from '../../../types/generated.js';
-import { RepeaterRow } from './repeater-rows.js';
-export declare function RowButton({ label, testId, onClick, children, }: {
-    label: string;
-    testId: string;
-    onClick: () => void;
-    children: ReactNode;
-}): import("react").JSX.Element;
-type RowItemProps = {
-    base: string;
-    index: number;
-    row: RepeaterRow;
-    template: Node[];
-    heading: string;
-    reorderable: boolean;
-    isFirst: boolean;
-    isLast: boolean;
-    removable: boolean;
-    rowActions: WireRowAction[] | null;
-    onField: (index: number, field: string, value: unknown) => void;
-    onRemove: (index: number) => void;
-    onMove: (index: number, delta: number) => void;
-    onDuplicate: (index: number) => void;
-};
-export declare const RowItem: import('react').MemoExoticComponent<({ base, index, row, template, heading, reorderable, isFirst, isLast, removable, rowActions, onField, onRemove, onMove, onDuplicate, }: RowItemProps) => import("react").JSX.Element>;
-export {};

package/dist/form/components/fields/row-item.js

@@ -1,70 +0,0 @@
-import { useT } from "../../../i18n/instance.js";
-import { Icon } from "../../../icons/sprite.js";
-import { nodeKey } from "../../../core/nodes.js";
-import { RenderNode } from "../../../core/renderer.js";
-import { FieldScopeProvider } from "../../hooks/field-scope.js";
-import { buildRowActions } from "./row-action-menu.js";
-import { RowActions } from "./row-actions.js";
-import { memo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/form/components/fields/row-item.tsx
-function RowButton({ label, testId, onClick, children }) {
-	return /* @__PURE__ */ jsx("button", {
-		type: "button",
-		"aria-label": label,
-		"data-test": testId,
-		className: "text-lt-muted-fg hover:text-lt-fg",
-		onClick,
-		children
-	});
-}
-var RowItem = memo(function RowItem({ base, index, row, template, heading, reorderable, isFirst, isLast, removable, rowActions, onField, onRemove, onMove, onDuplicate }) {
-	const { t } = useT("lattice");
-	return /* @__PURE__ */ jsxs("div", {
-		"data-test": `repeater-${base}-row-${index}`,
-		className: "rounded-lt border border-lt-border bg-lt-surface p-4",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "mb-2 flex items-center justify-between",
-			children: [/* @__PURE__ */ jsx("span", {
-				className: "text-sm font-medium text-lt-muted-fg",
-				children: heading
-			}), /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-1 [&_svg]:size-lt-icon-sm",
-				children: [
-					reorderable && !isFirst && /* @__PURE__ */ jsx(RowButton, {
-						label: "Move up",
-						testId: `repeater-${base}-up-${index}`,
-						onClick: () => onMove(index, -1),
-						children: /* @__PURE__ */ jsx(Icon, { name: "arrow-up" })
-					}),
-					reorderable && !isLast && /* @__PURE__ */ jsx(RowButton, {
-						label: "Move down",
-						testId: `repeater-${base}-down-${index}`,
-						onClick: () => onMove(index, 1),
-						children: /* @__PURE__ */ jsx(Icon, { name: "arrow-down" })
-					}),
-					/* @__PURE__ */ jsx(RowActions, { actions: buildRowActions(rowActions, {
-						index,
-						removable,
-						onRemove,
-						onDuplicate,
-						t
-					}) })
-				]
-			})]
-		}), /* @__PURE__ */ jsx(FieldScopeProvider, {
-			base,
-			index,
-			row,
-			onChange: (field, value) => onField(index, field, value),
-			children: /* @__PURE__ */ jsx("div", {
-				className: "flex flex-col gap-4",
-				children: template.map((child, childIndex) => /* @__PURE__ */ jsx(RenderNode, { node: child }, nodeKey(child, childIndex)))
-			})
-		})]
-	});
-});
-//#endregion
-export { RowButton, RowItem };
-
-//# sourceMappingURL=row-item.js.map

package/dist/form/components/fields/row-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"row-item.js","names":[],"sources":["../../../../resources/js/form/components/fields/row-item.tsx"],"sourcesContent":["import { Icon } from \"@lattice-php/lattice/icons\";\nimport type { ReactNode } from \"react\";\nimport { memo } from \"react\";\nimport type { Node } from \"@lattice-php/lattice/core/types\";\nimport { nodeKey } from \"@lattice-php/lattice/core/nodes\";\nimport { RenderNode } from \"@lattice-php/lattice/core/renderer\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport type { RowAction as WireRowAction } from \"@lattice-php/lattice/types/generated\";\nimport { FieldScopeProvider } from \"@lattice-php/lattice/form/hooks/field-scope\";\nimport { buildRowActions } from \"./row-action-menu\";\nimport { RowActions } from \"./row-actions\";\nimport type { RepeaterRow } from \"./repeater-rows\";\n\nexport function RowButton({\n  label,\n  testId,\n  onClick,\n  children,\n}: {\n  label: string;\n  testId: string;\n  onClick: () => void;\n  children: ReactNode;\n}) {\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      data-test={testId}\n      className=\"text-lt-muted-fg hover:text-lt-fg\"\n      onClick={onClick}\n    >\n      {children}\n    </button>\n  );\n}\n\ntype RowItemProps = {\n  base: string;\n  index: number;\n  row: RepeaterRow;\n  template: Node[];\n  heading: string;\n  reorderable: boolean;\n  isFirst: boolean;\n  isLast: boolean;\n  removable: boolean;\n  rowActions: WireRowAction[] | null;\n  onField: (index: number, field: string, value: unknown) => void;\n  onRemove: (index: number) => void;\n  onMove: (index: number, delta: number) => void;\n  onDuplicate: (index: number) => void;\n};\n\n// Memoised so editing one row doesn't re-render its siblings. Its props are kept\n// referentially stable by the parent: `row` survives untouched via functional\n// store updates, and the handlers are `useCallback`-stable.\nexport const RowItem = memo(function RowItem({\n  base,\n  index,\n  row,\n  template,\n  heading,\n  reorderable,\n  isFirst,\n  isLast,\n  removable,\n  rowActions,\n  onField,\n  onRemove,\n  onMove,\n  onDuplicate,\n}: RowItemProps) {\n  const { t } = useT(\"lattice\");\n\n  return (\n    <div\n      data-test={`repeater-${base}-row-${index}`}\n      className=\"rounded-lt border border-lt-border bg-lt-surface p-4\"\n    >\n      <div className=\"mb-2 flex items-center justify-between\">\n        <span className=\"text-sm font-medium text-lt-muted-fg\">{heading}</span>\n        <div className=\"flex items-center gap-1 [&_svg]:size-lt-icon-sm\">\n          {reorderable && !isFirst && (\n            <RowButton\n              label=\"Move up\"\n              testId={`repeater-${base}-up-${index}`}\n              onClick={() => onMove(index, -1)}\n            >\n              <Icon name=\"arrow-up\" />\n            </RowButton>\n          )}\n          {reorderable && !isLast && (\n            <RowButton\n              label=\"Move down\"\n              testId={`repeater-${base}-down-${index}`}\n              onClick={() => onMove(index, 1)}\n            >\n              <Icon name=\"arrow-down\" />\n            </RowButton>\n          )}\n          <RowActions\n            actions={buildRowActions(rowActions, { index, removable, onRemove, onDuplicate, t })}\n          />\n        </div>\n      </div>\n\n      <FieldScopeProvider\n        base={base}\n        index={index}\n        row={row}\n        onChange={(field, value) => onField(index, field, value)}\n      >\n        <div className=\"flex flex-col gap-4\">\n          {template.map((child, childIndex) => (\n            <RenderNode key={nodeKey(child, childIndex)} node={child} />\n          ))}\n        </div>\n      </FieldScopeProvider>\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,UAAU,EACxB,OACA,QACA,SACA,YAMC;CACD,OACE,oBAAC,UAAD;EACE,MAAK;EACL,cAAY;EACZ,aAAW;EACX,WAAU;EACD;EAER;CACK,CAAA;AAEZ;AAsBA,IAAa,UAAU,KAAK,SAAS,QAAQ,EAC3C,MACA,OACA,KACA,UACA,SACA,aACA,SACA,QACA,WACA,YACA,SACA,UACA,QACA,eACe;CACf,MAAM,EAAE,MAAM,KAAK,SAAS;CAE5B,OACE,qBAAC,OAAD;EACE,aAAW,YAAY,KAAK,OAAO;EACnC,WAAU;EAFZ,UAAA,CAIE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,QAAD;IAAM,WAAU;IAAwC,UAAA;GAAc,CAAA,GACtE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACG,eAAe,CAAC,WACf,oBAAC,WAAD;MACE,OAAM;MACN,QAAQ,YAAY,KAAK,MAAM;MAC/B,eAAe,OAAO,OAAO,EAAE;MAE/B,UAAA,oBAAC,MAAD,EAAM,MAAK,WAAY,CAAA;KACd,CAAA;KAEZ,eAAe,CAAC,UACf,oBAAC,WAAD;MACE,OAAM;MACN,QAAQ,YAAY,KAAK,QAAQ;MACjC,eAAe,OAAO,OAAO,CAAC;MAE9B,UAAA,oBAAC,MAAD,EAAM,MAAK,aAAc,CAAA;KAChB,CAAA;KAEb,oBAAC,YAAD,EACE,SAAS,gBAAgB,YAAY;MAAE;MAAO;MAAW;MAAU;MAAa;KAAE,CAAC,EACpF,CAAA;IACE;GACF,CAAA,CAAA;EAEL,CAAA,GAAA,oBAAC,oBAAD;GACQ;GACC;GACF;GACL,WAAW,OAAO,UAAU,QAAQ,OAAO,OAAO,KAAK;GAEvD,UAAA,oBAAC,OAAD;IAAK,WAAU;IACZ,UAAA,SAAS,KAAK,OAAO,eACpB,oBAAC,YAAD,EAA6C,MAAM,MAAQ,GAA1C,QAAQ,OAAO,UAAU,CAAiB,CAC5D;GACE,CAAA;EACa,CAAA,CACjB;;AAET,CAAC"}

package/dist/form/components/fields/row-key-inputs.d.ts

@@ -1,7 +0,0 @@
-import { RepeaterRow } from './repeater-rows.js';
-/** Inertia serializes the live DOM on submit, so reserved row keys must be mounted as inputs. */
-export declare function RowKeyInputs({ path, rows, rowKey, }: {
-    path: string;
-    rows: RepeaterRow[];
-    rowKey: string;
-}): import("react").JSX.Element;

package/dist/form/components/fields/row-key-inputs.js

@@ -1,16 +0,0 @@
-import { appendPath, toHtmlName } from "../../lib/form-path.js";
-import "./repeater-rows.js";
-import { Fragment, jsx } from "react/jsx-runtime";
-//#region resources/js/form/components/fields/row-key-inputs.tsx
-/** Inertia serializes the live DOM on submit, so reserved row keys must be mounted as inputs. */
-function RowKeyInputs({ path, rows, rowKey }) {
-	return /* @__PURE__ */ jsx(Fragment, { children: rows.map((row, index) => /* @__PURE__ */ jsx("input", {
-		type: "hidden",
-		name: toHtmlName(appendPath(path, index, rowKey)),
-		value: String(row[rowKey] ?? "")
-	}, String(row["rowId"] ?? index))) });
-}
-//#endregion
-export { RowKeyInputs };
-
-//# sourceMappingURL=row-key-inputs.js.map

package/dist/form/components/fields/row-key-inputs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"row-key-inputs.js","names":[],"sources":["../../../../resources/js/form/components/fields/row-key-inputs.tsx"],"sourcesContent":["import { appendPath, toHtmlName } from \"@lattice-php/lattice/form/lib/form-path\";\nimport { ROW_ID_KEY, type RepeaterRow } from \"./repeater-rows\";\n\n/** Inertia serializes the live DOM on submit, so reserved row keys must be mounted as inputs. */\nexport function RowKeyInputs({\n  path,\n  rows,\n  rowKey,\n}: {\n  path: string;\n  rows: RepeaterRow[];\n  rowKey: string;\n}) {\n  return (\n    <>\n      {rows.map((row, index) => (\n        <input\n          key={String(row[ROW_ID_KEY] ?? index)}\n          type=\"hidden\"\n          name={toHtmlName(appendPath(path, index, rowKey))}\n          value={String(row[rowKey] ?? \"\")}\n        />\n      ))}\n    </>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgB,aAAa,EAC3B,MACA,MACA,UAKC;CACD,OACE,oBAAA,UAAA,EAAA,UACG,KAAK,KAAK,KAAK,UACd,oBAAC,SAAD;EAEE,MAAK;EACL,MAAM,WAAW,WAAW,MAAM,OAAO,MAAM,CAAC;EAChD,OAAO,OAAO,IAAI,WAAW,EAAE;CAChC,GAJM,OAAO,IAAA,YAAmB,KAAK,CAIrC,CACF,EACD,CAAA;AAEN"}

package/dist/form/components/fields/row-templates.d.ts

@@ -1,9 +0,0 @@
-import { Node } from '../../../core/types.js';
-export type RowTemplate = {
-    type: string;
-    label: string;
-    schema: Node[];
-};
-export declare function rowTemplatesOf(node: Node): RowTemplate[] | undefined;
-/** The schema for a submitted row: its matching template, or the node's own schema when untyped. */
-export declare function rowSchemaFor(node: Node, row: Record<string, unknown>): Node[];

package/dist/form/components/fields/row-templates.js

@@ -1,14 +0,0 @@
-//#region resources/js/form/components/fields/row-templates.ts
-function rowTemplatesOf(node) {
-	return node.templates;
-}
-/** The schema for a submitted row: its matching template, or the node's own schema when untyped. */
-function rowSchemaFor(node, row) {
-	const templates = rowTemplatesOf(node);
-	if (!templates) return node.schema ?? [];
-	return templates.find((template) => template.type === row.type)?.schema ?? [];
-}
-//#endregion
-export { rowSchemaFor, rowTemplatesOf };
-
-//# sourceMappingURL=row-templates.js.map

package/dist/form/components/fields/row-templates.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"row-templates.js","names":[],"sources":["../../../../resources/js/form/components/fields/row-templates.ts"],"sourcesContent":["import type { Node } from \"@lattice-php/lattice/core/types\";\n\nexport type RowTemplate = { type: string; label: string; schema: Node[] };\n\nexport function rowTemplatesOf(node: Node): RowTemplate[] | undefined {\n  return (node as unknown as { templates?: RowTemplate[] }).templates;\n}\n\n/** The schema for a submitted row: its matching template, or the node's own schema when untyped. */\nexport function rowSchemaFor(node: Node, row: Record<string, unknown>): Node[] {\n  const templates = rowTemplatesOf(node);\n\n  if (!templates) {\n    return node.schema ?? [];\n  }\n\n  return templates.find((template) => template.type === row.type)?.schema ?? [];\n}\n"],"mappings":";AAIA,SAAgB,eAAe,MAAuC;CACpE,OAAQ,KAAkD;AAC5D;;AAGA,SAAgB,aAAa,MAAY,KAAsC;CAC7E,MAAM,YAAY,eAAe,IAAI;CAErC,IAAI,CAAC,WACH,OAAO,KAAK,UAAU,CAAC;CAGzB,OAAO,UAAU,MAAM,aAAa,SAAS,SAAS,IAAI,IAAI,CAAC,EAAE,UAAU,CAAC;AAC9E"}

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

@@ -1,2 +0,0 @@
-import { RendererComponent } from '../../../core/types.js';
-export declare const SelectComponent: RendererComponent<"field.select">;