@lattice-php/lattice 0.38.0 → 0.40.0

package/dist/form/components/fields/file-upload.js

@@ -1,264 +0,0 @@
-import { useT } from "../../../i18n/instance.js";
-import { testIdentity } from "../../../core/test-id.js";
-import { useFormContext } from "../../hooks/context.js";
-import { useFieldScope } from "../../hooks/field-scope.js";
-import { useFormValues, useSetFormValue } from "../../hooks/values.js";
-import { IconButton } from "../../../ui/icon-button.js";
-import { FormFieldFrame } from "../base/field.js";
-import { useDependentField } from "../../hooks/use-dependent-field.js";
-import { requestSignedUpload, xhrTransfer } from "../../../core/upload.js";
-import { useEffect, useId, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/form/components/fields/file-upload.tsx
-function uploadValueEquals(current, next) {
-	if (Array.isArray(next)) return Array.isArray(current) && current.length === next.length && current.every((value, index) => value === next[index]);
-	return current === next;
-}
-var FileUploadComponent = ({ node }) => {
-	const { t } = useT("lattice");
-	const props = node.props;
-	const { hidden, required, readOnly, disabled } = useDependentField(node);
-	const { action, componentRef, errors } = useFormContext();
-	const name = props.name;
-	const scope = useFieldScope();
-	const domName = scope ? scope.scopedName(name) : name;
-	const errorKey = scope ? scope.errorKey(name) : name;
-	const uploadKey = errorKey;
-	const values = useFormValues();
-	const setValue = useSetFormValue();
-	const inputId = useId();
-	const fileInputRef = useRef(null);
-	const previewUrlsRef = useRef(/* @__PURE__ */ new Set());
-	const locked = readOnly || disabled;
-	const signed = props.signed;
-	const multiple = props.multiple;
-	const fieldName = multiple ? `${domName}[]` : domName;
-	const initial = useMemo(() => (props.files ?? []).map((file) => ({
-		id: crypto.randomUUID(),
-		name: file.name,
-		size: file.size,
-		status: "ready",
-		progress: 100,
-		key: file.key,
-		url: file.url,
-		token: file.token,
-		existing: true
-	})), [props.files]);
-	const [items, setItems] = useState(initial);
-	const [removedTokens, setRemovedTokens] = useState([]);
-	useEffect(() => {
-		if (!signed) return;
-		const keys = items.filter((item) => !item.existing && item.key && item.status === "ready").map((item) => item.key);
-		const next = multiple ? keys : keys[0] ?? "";
-		if (scope) {
-			if (!uploadValueEquals(scope.getValue(name), next)) scope.setValue(name, next);
-			return;
-		}
-		setValue(name, next);
-	}, [
-		items,
-		multiple,
-		name,
-		scope,
-		setValue,
-		signed
-	]);
-	useEffect(() => {
-		if (!signed || scope) return;
-		setValue(`${name}__removed`, removedTokens);
-	}, [
-		name,
-		removedTokens,
-		scope,
-		setValue,
-		signed
-	]);
-	useEffect(() => () => {
-		previewUrlsRef.current.forEach((url) => URL.revokeObjectURL(url));
-		previewUrlsRef.current.clear();
-	}, []);
-	const multipartFiles = useMemo(() => items.filter((item) => item.file && !item.existing).map((item) => item.file), [items]);
-	useEffect(() => {
-		if (signed || !fileInputRef.current) return;
-		const transfer = new DataTransfer();
-		multipartFiles.forEach((file) => transfer.items.add(file));
-		fileInputRef.current.files = transfer.files;
-	}, [multipartFiles, signed]);
-	function createPreviewUrl(file) {
-		if (!props.image) return;
-		const url = URL.createObjectURL(file);
-		previewUrlsRef.current.add(url);
-		return url;
-	}
-	function revokePreviewUrl(item) {
-		if (!item.url || !previewUrlsRef.current.has(item.url)) return;
-		URL.revokeObjectURL(item.url);
-		previewUrlsRef.current.delete(item.url);
-	}
-	async function signAndUpload(item, file) {
-		const markFailed = () => {
-			setItems((prev) => prev.map((entry) => entry.id === item.id ? {
-				...entry,
-				status: "error"
-			} : entry));
-		};
-		const response = await requestSignedUpload(action, {
-			ref: componentRef,
-			target: uploadKey,
-			filename: file.name,
-			contentType: file.type,
-			values
-		});
-		if (!response.ok) {
-			markFailed();
-			return;
-		}
-		const sign = await response.json();
-		try {
-			const put = await xhrTransfer({
-				url: sign.url,
-				method: sign.method.toUpperCase(),
-				body: file,
-				headers: sign.headers,
-				onProgress: (progress) => setItems((prev) => prev.map((entry) => entry.id === item.id ? {
-					...entry,
-					progress
-				} : entry))
-			});
-			setItems((prev) => prev.map((entry) => entry.id === item.id ? {
-				...entry,
-				status: put.ok ? "ready" : "error",
-				key: sign.key,
-				progress: 100
-			} : entry));
-		} catch {
-			markFailed();
-		}
-	}
-	function addFiles(fileList) {
-		if (!fileList || locked) return;
-		const incoming = Array.from(fileList);
-		const next = incoming.map((file) => ({
-			id: crypto.randomUUID(),
-			name: file.name,
-			size: file.size,
-			status: signed ? "uploading" : "ready",
-			progress: 0,
-			file,
-			url: createPreviewUrl(file),
-			existing: false
-		}));
-		if (!multiple) {
-			items.forEach(revokePreviewUrl);
-			if (!scope) {
-				const replacedTokens = items.filter((item) => item.existing && item.token).map((item) => item.token);
-				if (replacedTokens.length > 0) setRemovedTokens((tokens) => [...tokens, ...replacedTokens]);
-			}
-		}
-		setItems((prev) => multiple ? [...prev, ...next] : next);
-		if (signed) next.forEach((item, index) => void signAndUpload(item, incoming[index]));
-	}
-	function removeItem(id) {
-		const target = items.find((item) => item.id === id);
-		if (target) revokePreviewUrl(target);
-		if (target?.existing && target.token && !scope) setRemovedTokens((tokens) => [...tokens, target.token]);
-		setItems((prev) => prev.filter((i) => i.id !== id));
-	}
-	if (hidden) return null;
-	return /* @__PURE__ */ jsx(FormFieldFrame, {
-		error: errors[errorKey],
-		helperText: props.helperText ?? void 0,
-		tooltip: props.tooltip ?? void 0,
-		label: props.label ?? "",
-		id: inputId,
-		required,
-		children: (controlProps) => /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-3 rounded-lt-sm border border-dashed border-lt-border bg-lt-surface px-4 py-6",
-			"data-test": testIdentity(name),
-			onDragOver: (event) => event.preventDefault(),
-			onDrop: (event) => {
-				event.preventDefault();
-				addFiles(event.dataTransfer.files);
-			},
-			children: [
-				/* @__PURE__ */ jsx("button", {
-					className: "text-sm text-lt-muted-fg",
-					disabled: locked,
-					onClick: () => fileInputRef.current?.click(),
-					type: "button",
-					children: t("form.file-upload.dropzone", "Drop files here or click to browse")
-				}),
-				/* @__PURE__ */ jsx("ul", {
-					className: props.image ? "grid grid-cols-1 gap-3 sm:grid-cols-2" : "flex flex-col gap-2",
-					children: items.map((item) => /* @__PURE__ */ jsxs("li", {
-						className: props.image ? "flex min-w-0 items-center gap-3 rounded-lt-sm border border-lt-border bg-lt-bg p-2 text-sm" : "flex items-center justify-between gap-3 text-sm",
-						children: [
-							props.image && item.url ? /* @__PURE__ */ jsx("img", {
-								alt: item.name,
-								className: "size-16 shrink-0 rounded-lt-sm border border-lt-border object-cover",
-								"data-test": testIdentity(`${name}-preview`),
-								src: item.url
-							}) : null,
-							/* @__PURE__ */ jsxs("div", {
-								className: "min-w-0 flex-1",
-								children: [
-									/* @__PURE__ */ jsx("span", {
-										className: "block truncate",
-										"data-test": testIdentity(`${name}-item`),
-										children: item.name
-									}),
-									item.status === "uploading" && /* @__PURE__ */ jsxs("span", {
-										className: "text-xs text-lt-muted-fg",
-										children: [item.progress, "%"]
-									}),
-									item.status === "error" && /* @__PURE__ */ jsx("span", {
-										className: "text-xs text-lt-danger",
-										children: t("form.file-upload.failed", "Failed")
-									})
-								]
-							}),
-							(!item.existing || !scope) && /* @__PURE__ */ jsx(IconButton, {
-								size: "sm",
-								icon: "x",
-								label: t("form.file-upload.remove", "Remove {{name}}", { name: item.name }),
-								"data-test": testIdentity(item.existing ? `${name}-remove-existing` : `${name}-remove`),
-								disabled: locked,
-								onClick: () => removeItem(item.id)
-							}),
-							signed && !item.existing && item.key && item.status === "ready" && /* @__PURE__ */ jsx("input", {
-								"data-test": testIdentity(`${name}-uploaded`),
-								name: fieldName,
-								type: "hidden",
-								value: item.key
-							})
-						]
-					}, item.id))
-				}),
-				!scope && removedTokens.map((token) => /* @__PURE__ */ jsx("input", {
-					name: `${name}__removed[]`,
-					type: "hidden",
-					value: token
-				}, token)),
-				/* @__PURE__ */ jsx("input", {
-					...controlProps,
-					accept: props.accept ?? void 0,
-					"aria-label": props.label ?? name,
-					className: "sr-only",
-					"data-test": testIdentity(`${name}-input`),
-					multiple,
-					name: signed ? void 0 : fieldName,
-					onChange: (event) => {
-						addFiles(event.target.files);
-						if (signed) event.target.value = "";
-					},
-					ref: fileInputRef,
-					type: "file"
-				})
-			]
-		})
-	});
-};
-//#endregion
-export { FileUploadComponent };
-
-//# sourceMappingURL=file-upload.js.map

package/dist/form/components/fields/file-upload.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"file-upload.js","names":[],"sources":["../../../../resources/js/form/components/fields/file-upload.tsx"],"sourcesContent":["import { testIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport { requestSignedUpload, xhrTransfer } from \"@lattice-php/lattice/core/upload\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport type { SignedUpload } from \"@lattice-php/lattice/types/generated\";\nimport { IconButton } from \"@lattice-php/lattice/ui/icon-button\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { useEffect, useId, useMemo, useRef, useState } from \"react\";\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 { useFieldScope } from \"@lattice-php/lattice/form/hooks/field-scope\";\nimport { useFormValues, useSetFormValue } from \"@lattice-php/lattice/form/hooks/values\";\n\ntype Item = {\n  id: string;\n  name: string;\n  size: number | null;\n  status: \"ready\" | \"uploading\" | \"error\";\n  progress: number;\n  file?: File;\n  key?: string;\n  url?: string | null;\n  token?: string;\n  existing: boolean;\n};\n\nfunction uploadValueEquals(current: unknown, next: string[] | string): boolean {\n  if (Array.isArray(next)) {\n    return (\n      Array.isArray(current) &&\n      current.length === next.length &&\n      current.every((value, index) => value === next[index])\n    );\n  }\n\n  return current === next;\n}\n\nexport const FileUploadComponent: RendererComponent<\"field.file-upload\"> = ({ node }) => {\n  const { t } = useT(\"lattice\");\n  const props = node.props;\n  const { hidden, required, readOnly, disabled } = useDependentField(node);\n  const { action, componentRef, errors } = useFormContext();\n  const name = props.name;\n  const scope = useFieldScope();\n  const domName = scope ? scope.scopedName(name) : name;\n  const errorKey = scope ? scope.errorKey(name) : name;\n  const uploadKey = errorKey;\n  const values = useFormValues();\n  const setValue = useSetFormValue();\n  const inputId = useId();\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const previewUrlsRef = useRef<Set<string>>(new Set());\n  const locked = readOnly || disabled;\n  const signed = props.signed;\n  const multiple = props.multiple;\n  const fieldName = multiple ? `${domName}[]` : domName;\n\n  const initial = useMemo<Item[]>(\n    () =>\n      (props.files ?? []).map((file) => ({\n        id: crypto.randomUUID(),\n        name: file.name,\n        size: file.size,\n        status: \"ready\" as const,\n        progress: 100,\n        key: file.key,\n        url: file.url,\n        token: file.token,\n        existing: true,\n      })),\n    [props.files],\n  );\n  const [items, setItems] = useState<Item[]>(initial);\n  const [removedTokens, setRemovedTokens] = useState<string[]>([]);\n\n  useEffect(() => {\n    if (!signed) {\n      return;\n    }\n\n    const keys = items\n      .filter((item) => !item.existing && item.key && item.status === \"ready\")\n      .map((item) => item.key as string);\n    const next = multiple ? keys : (keys[0] ?? \"\");\n\n    if (scope) {\n      if (!uploadValueEquals(scope.getValue(name), next)) {\n        scope.setValue(name, next);\n      }\n\n      return;\n    }\n\n    setValue(name, next);\n  }, [items, multiple, name, scope, setValue, signed]);\n\n  useEffect(() => {\n    if (!signed || scope) {\n      return;\n    }\n\n    setValue(`${name}__removed`, removedTokens);\n  }, [name, removedTokens, scope, setValue, signed]);\n\n  useEffect(\n    () => () => {\n      previewUrlsRef.current.forEach((url) => URL.revokeObjectURL(url));\n      previewUrlsRef.current.clear();\n    },\n    [],\n  );\n\n  const multipartFiles = useMemo(\n    () => items.filter((item) => item.file && !item.existing).map((item) => item.file as File),\n    [items],\n  );\n  useEffect(() => {\n    if (signed || !fileInputRef.current) {\n      return;\n    }\n\n    const transfer = new DataTransfer();\n    multipartFiles.forEach((file) => transfer.items.add(file));\n    fileInputRef.current.files = transfer.files;\n  }, [multipartFiles, signed]);\n\n  function createPreviewUrl(file: File): string | undefined {\n    if (!props.image) {\n      return undefined;\n    }\n\n    const url = URL.createObjectURL(file);\n    previewUrlsRef.current.add(url);\n\n    return url;\n  }\n\n  function revokePreviewUrl(item: Item): void {\n    if (!item.url || !previewUrlsRef.current.has(item.url)) {\n      return;\n    }\n\n    URL.revokeObjectURL(item.url);\n    previewUrlsRef.current.delete(item.url);\n  }\n\n  async function signAndUpload(item: Item, file: File): Promise<void> {\n    const markFailed = (): void => {\n      setItems((prev) =>\n        prev.map((entry) => (entry.id === item.id ? { ...entry, status: \"error\" } : entry)),\n      );\n    };\n\n    const response = await requestSignedUpload(action, {\n      ref: componentRef,\n      target: uploadKey,\n      filename: file.name,\n      contentType: file.type,\n      values,\n    });\n\n    if (!response.ok) {\n      markFailed();\n\n      return;\n    }\n\n    const sign = (await response.json()) as SignedUpload;\n\n    try {\n      const put = await xhrTransfer({\n        url: sign.url,\n        method: sign.method.toUpperCase(),\n        body: file,\n        headers: sign.headers,\n        onProgress: (progress) =>\n          setItems((prev) =>\n            prev.map((entry) => (entry.id === item.id ? { ...entry, progress } : entry)),\n          ),\n      });\n\n      setItems((prev) =>\n        prev.map((entry) =>\n          entry.id === item.id\n            ? {\n                ...entry,\n                status: put.ok ? \"ready\" : \"error\",\n                key: sign.key,\n                progress: 100,\n              }\n            : entry,\n        ),\n      );\n    } catch {\n      markFailed();\n    }\n  }\n\n  function addFiles(fileList: FileList | null): void {\n    if (!fileList || locked) {\n      return;\n    }\n\n    const incoming = Array.from(fileList);\n    const next = incoming.map<Item>((file) => ({\n      id: crypto.randomUUID(),\n      name: file.name,\n      size: file.size,\n      status: signed ? \"uploading\" : \"ready\",\n      progress: 0,\n      file,\n      url: createPreviewUrl(file),\n      existing: false,\n    }));\n\n    if (!multiple) {\n      items.forEach(revokePreviewUrl);\n\n      if (!scope) {\n        const replacedTokens = items\n          .filter((item) => item.existing && item.token)\n          .map((item) => item.token as string);\n\n        if (replacedTokens.length > 0) {\n          setRemovedTokens((tokens) => [...tokens, ...replacedTokens]);\n        }\n      }\n    }\n\n    setItems((prev) => (multiple ? [...prev, ...next] : next));\n\n    if (signed) {\n      next.forEach((item, index) => void signAndUpload(item, incoming[index]));\n    }\n  }\n\n  function removeItem(id: string): void {\n    const target = items.find((item) => item.id === id);\n\n    if (target) {\n      revokePreviewUrl(target);\n    }\n\n    if (target?.existing && target.token && !scope) {\n      setRemovedTokens((tokens) => [...tokens, target.token as string]);\n    }\n\n    setItems((prev) => prev.filter((i) => i.id !== id));\n  }\n\n  if (hidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldFrame\n      error={errors[errorKey]}\n      helperText={props.helperText ?? undefined}\n      tooltip={props.tooltip ?? undefined}\n      label={props.label ?? \"\"}\n      id={inputId}\n      required={required}\n    >\n      {(controlProps) => (\n        <div\n          className=\"flex flex-col gap-3 rounded-lt-sm border border-dashed border-lt-border bg-lt-surface px-4 py-6\"\n          data-test={testIdentity(name)}\n          onDragOver={(event) => event.preventDefault()}\n          onDrop={(event) => {\n            event.preventDefault();\n            addFiles(event.dataTransfer.files);\n          }}\n        >\n          <button\n            className=\"text-sm text-lt-muted-fg\"\n            disabled={locked}\n            onClick={() => fileInputRef.current?.click()}\n            type=\"button\"\n          >\n            {t(\"form.file-upload.dropzone\", \"Drop files here or click to browse\")}\n          </button>\n\n          <ul\n            className={\n              props.image ? \"grid grid-cols-1 gap-3 sm:grid-cols-2\" : \"flex flex-col gap-2\"\n            }\n          >\n            {items.map((item) => (\n              <li\n                className={\n                  props.image\n                    ? \"flex min-w-0 items-center gap-3 rounded-lt-sm border border-lt-border bg-lt-bg p-2 text-sm\"\n                    : \"flex items-center justify-between gap-3 text-sm\"\n                }\n                key={item.id}\n              >\n                {props.image && item.url ? (\n                  <img\n                    alt={item.name}\n                    className=\"size-16 shrink-0 rounded-lt-sm border border-lt-border object-cover\"\n                    data-test={testIdentity(`${name}-preview`)}\n                    src={item.url}\n                  />\n                ) : null}\n                <div className=\"min-w-0 flex-1\">\n                  <span className=\"block truncate\" data-test={testIdentity(`${name}-item`)}>\n                    {item.name}\n                  </span>\n                  {item.status === \"uploading\" && (\n                    <span className=\"text-xs text-lt-muted-fg\">{item.progress}%</span>\n                  )}\n                  {item.status === \"error\" && (\n                    <span className=\"text-xs text-lt-danger\">\n                      {t(\"form.file-upload.failed\", \"Failed\")}\n                    </span>\n                  )}\n                </div>\n                {(!item.existing || !scope) && (\n                  <IconButton\n                    size=\"sm\"\n                    icon=\"x\"\n                    label={t(\"form.file-upload.remove\", \"Remove {{name}}\", { name: item.name })}\n                    data-test={testIdentity(\n                      item.existing ? `${name}-remove-existing` : `${name}-remove`,\n                    )}\n                    disabled={locked}\n                    onClick={() => removeItem(item.id)}\n                  />\n                )}\n                {signed && !item.existing && item.key && item.status === \"ready\" && (\n                  <input\n                    data-test={testIdentity(`${name}-uploaded`)}\n                    name={fieldName}\n                    type=\"hidden\"\n                    value={item.key}\n                  />\n                )}\n              </li>\n            ))}\n          </ul>\n\n          {!scope &&\n            removedTokens.map((token) => (\n              <input key={token} name={`${name}__removed[]`} type=\"hidden\" value={token} />\n            ))}\n\n          <input\n            {...controlProps}\n            accept={props.accept ?? undefined}\n            aria-label={props.label ?? name}\n            className=\"sr-only\"\n            data-test={testIdentity(`${name}-input`)}\n            multiple={multiple}\n            name={signed ? undefined : fieldName}\n            onChange={(event) => {\n              addFiles(event.target.files);\n              if (signed) {\n                event.target.value = \"\";\n              }\n            }}\n            ref={fileInputRef}\n            type=\"file\"\n          />\n        </div>\n      )}\n    </FormFieldFrame>\n  );\n};\n"],"mappings":"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"}

package/dist/form/components/fields/hidden-input.d.ts

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

package/dist/form/components/fields/hidden-input.js

@@ -1,17 +0,0 @@
-import { useFieldScope } from "../../hooks/field-scope.js";
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/form/components/fields/hidden-input.tsx
-var HiddenInputComponent = ({ node }) => {
-	const scope = useFieldScope();
-	const name = node.props.name;
-	const value = scope ? scope.getValue(name) : node.props.value;
-	return /* @__PURE__ */ jsx("input", {
-		defaultValue: typeof value === "string" ? value : "",
-		name: scope ? scope.scopedName(name) : name,
-		type: "hidden"
-	});
-};
-//#endregion
-export { HiddenInputComponent };
-
-//# sourceMappingURL=hidden-input.js.map

package/dist/form/components/fields/hidden-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hidden-input.js","names":[],"sources":["../../../../resources/js/form/components/fields/hidden-input.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { useFieldScope } from \"@lattice-php/lattice/form/hooks/field-scope\";\n\nexport const HiddenInputComponent: RendererComponent<\"field.hidden-input\"> = ({ node }) => {\n  const scope = useFieldScope();\n  const name = node.props.name;\n  const value = scope ? scope.getValue(name) : node.props.value;\n\n  return (\n    <input\n      defaultValue={typeof value === \"string\" ? value : \"\"}\n      name={scope ? scope.scopedName(name) : name}\n      type=\"hidden\"\n    />\n  );\n};\n"],"mappings":";;;AAGA,IAAa,wBAAiE,EAAE,WAAW;CACzF,MAAM,QAAQ,cAAc;CAC5B,MAAM,OAAO,KAAK,MAAM;CACxB,MAAM,QAAQ,QAAQ,MAAM,SAAS,IAAI,IAAI,KAAK,MAAM;CAExD,OACE,oBAAC,SAAD;EACE,cAAc,OAAO,UAAU,WAAW,QAAQ;EAClD,MAAM,QAAQ,MAAM,WAAW,IAAI,IAAI;EACvC,MAAK;CACN,CAAA;AAEL"}

package/dist/form/components/fields/number-input.d.ts

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

package/dist/form/components/fields/number-input.js

@@ -1,60 +0,0 @@
-import { Input } from "../../../ui/input.js";
-import { SimpleField } from "./simple-field.js";
-import { AffixGroup } from "../../../ui/affix-group.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/form/components/fields/number-input.tsx
-var NumberInputComponent = ({ node }) => {
-	const props = node.props;
-	return /* @__PURE__ */ jsx(SimpleField, {
-		node,
-		label: props.label ?? "",
-		children: ({ name, testId, value, readOnly, disabled, commit }, controlProps) => {
-			const onChange = (event) => commit(event.target.value);
-			return props.slider ? /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ jsx("input", {
-					...controlProps,
-					"aria-label": props.label ?? "",
-					className: "h-2 w-full cursor-pointer appearance-none rounded-lt-sm bg-lt-muted accent-lt-primary disabled:cursor-not-allowed disabled:accent-lt-disabled",
-					"data-test": testId,
-					disabled: disabled || readOnly,
-					max: props.max ?? void 0,
-					min: props.min ?? void 0,
-					name,
-					onChange,
-					step: props.step ?? void 0,
-					tabIndex: props.tabIndex ?? void 0,
-					type: "range",
-					value
-				}), /* @__PURE__ */ jsx("output", {
-					className: "w-10 shrink-0 text-right text-sm tabular-nums text-lt-fg",
-					children: value
-				})]
-			}) : /* @__PURE__ */ jsx(AffixGroup, {
-				prefix: props.prefix,
-				suffix: props.suffix,
-				children: (controlClassName) => /* @__PURE__ */ jsx(Input, {
-					...controlProps,
-					autoFocus: props.autoFocus ?? false,
-					className: controlClassName,
-					"data-test": testId,
-					disabled,
-					max: props.max ?? void 0,
-					min: props.min ?? void 0,
-					name,
-					onChange,
-					placeholder: props.placeholder ?? "",
-					readOnly,
-					step: props.step ?? void 0,
-					tabIndex: props.tabIndex ?? void 0,
-					type: "number",
-					value
-				})
-			});
-		}
-	});
-};
-//#endregion
-export { NumberInputComponent };
-
-//# sourceMappingURL=number-input.js.map

package/dist/form/components/fields/number-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"number-input.js","names":[],"sources":["../../../../resources/js/form/components/fields/number-input.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { AffixGroup } from \"@lattice-php/lattice/ui/affix-group\";\nimport { Input } from \"@lattice-php/lattice/ui/input\";\nimport { SimpleField } from \"./simple-field\";\n\nexport const NumberInputComponent: RendererComponent<\"field.number-input\"> = ({ node }) => {\n  const props = node.props;\n\n  return (\n    <SimpleField node={node} label={props.label ?? \"\"}>\n      {({ name, testId, value, readOnly, disabled, commit }, controlProps) => {\n        const onChange = (event: React.ChangeEvent<HTMLInputElement>): void =>\n          commit(event.target.value);\n\n        return props.slider ? (\n          <div className=\"flex items-center gap-3\">\n            <input\n              {...controlProps}\n              aria-label={props.label ?? \"\"}\n              className=\"h-2 w-full cursor-pointer appearance-none rounded-lt-sm bg-lt-muted accent-lt-primary disabled:cursor-not-allowed disabled:accent-lt-disabled\"\n              data-test={testId}\n              disabled={disabled || readOnly}\n              max={props.max ?? undefined}\n              min={props.min ?? undefined}\n              name={name}\n              onChange={onChange}\n              step={props.step ?? undefined}\n              tabIndex={props.tabIndex ?? undefined}\n              type=\"range\"\n              value={value}\n            />\n            <output className=\"w-10 shrink-0 text-right text-sm tabular-nums text-lt-fg\">\n              {value}\n            </output>\n          </div>\n        ) : (\n          <AffixGroup prefix={props.prefix} suffix={props.suffix}>\n            {(controlClassName) => (\n              <Input\n                {...controlProps}\n                autoFocus={props.autoFocus ?? false}\n                className={controlClassName}\n                data-test={testId}\n                disabled={disabled}\n                max={props.max ?? undefined}\n                min={props.min ?? undefined}\n                name={name}\n                onChange={onChange}\n                placeholder={props.placeholder ?? \"\"}\n                readOnly={readOnly}\n                step={props.step ?? undefined}\n                tabIndex={props.tabIndex ?? undefined}\n                type=\"number\"\n                value={value}\n              />\n            )}\n          </AffixGroup>\n        );\n      }}\n    </SimpleField>\n  );\n};\n"],"mappings":";;;;;AAKA,IAAa,wBAAiE,EAAE,WAAW;CACzF,MAAM,QAAQ,KAAK;CAEnB,OACE,oBAAC,aAAD;EAAmB;EAAM,OAAO,MAAM,SAAS;EAC3C,WAAA,EAAE,MAAM,QAAQ,OAAO,UAAU,UAAU,UAAU,iBAAiB;GACtE,MAAM,YAAY,UAChB,OAAO,MAAM,OAAO,KAAK;GAE3B,OAAO,MAAM,SACX,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,oBAAC,SAAD;KACE,GAAI;KACJ,cAAY,MAAM,SAAS;KAC3B,WAAU;KACV,aAAW;KACX,UAAU,YAAY;KACtB,KAAK,MAAM,OAAO,KAAA;KAClB,KAAK,MAAM,OAAO,KAAA;KACZ;KACI;KACV,MAAM,MAAM,QAAQ,KAAA;KACpB,UAAU,MAAM,YAAY,KAAA;KAC5B,MAAK;KACE;IACR,CAAA,GACD,oBAAC,UAAD;KAAQ,WAAU;KACf,UAAA;IACK,CAAA,CACL;GAEL,CAAA,IAAA,oBAAC,YAAD;IAAY,QAAQ,MAAM;IAAQ,QAAQ,MAAM;IAC5C,WAAA,qBACA,oBAAC,OAAD;KACE,GAAI;KACJ,WAAW,MAAM,aAAa;KAC9B,WAAW;KACX,aAAW;KACD;KACV,KAAK,MAAM,OAAO,KAAA;KAClB,KAAK,MAAM,OAAO,KAAA;KACZ;KACI;KACV,aAAa,MAAM,eAAe;KACxB;KACV,MAAM,MAAM,QAAQ,KAAA;KACpB,UAAU,MAAM,YAAY,KAAA;KAC5B,MAAK;KACE;IACR,CAAA;GAEO,CAAA;EAEhB;CACW,CAAA;AAEjB"}

package/dist/form/components/fields/otp-input.d.ts

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

package/dist/form/components/fields/otp-input.js

@@ -1,25 +0,0 @@
-import { SimpleField } from "./simple-field.js";
-import { InputOTP } from "../../../ui/input-otp.js";
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/form/components/fields/otp-input.tsx
-var OtpInputComponent = ({ node }) => {
-	const props = node.props;
-	return /* @__PURE__ */ jsx(SimpleField, {
-		node,
-		label: props.label ?? "",
-		children: ({ name, testId, value, readOnly, disabled, commit }, controlProps) => /* @__PURE__ */ jsx(InputOTP, {
-			...controlProps,
-			autoFocus: props.autoFocus ?? false,
-			"data-test": testId,
-			disabled: disabled || readOnly,
-			length: props.length,
-			name,
-			onChange: (next) => commit(next),
-			value
-		})
-	});
-};
-//#endregion
-export { OtpInputComponent };
-
-//# sourceMappingURL=otp-input.js.map

package/dist/form/components/fields/otp-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"otp-input.js","names":[],"sources":["../../../../resources/js/form/components/fields/otp-input.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { InputOTP } from \"@lattice-php/lattice/ui/input-otp\";\nimport { SimpleField } from \"./simple-field\";\n\nexport const OtpInputComponent: RendererComponent<\"field.otp\"> = ({ node }) => {\n  const props = node.props;\n\n  return (\n    <SimpleField node={node} label={props.label ?? \"\"}>\n      {({ name, testId, value, readOnly, disabled, commit }, controlProps) => (\n        <InputOTP\n          {...controlProps}\n          autoFocus={props.autoFocus ?? false}\n          data-test={testId}\n          disabled={disabled || readOnly}\n          length={props.length}\n          name={name}\n          onChange={(next) => commit(next)}\n          value={value}\n        />\n      )}\n    </SimpleField>\n  );\n};\n"],"mappings":";;;;AAIA,IAAa,qBAAqD,EAAE,WAAW;CAC7E,MAAM,QAAQ,KAAK;CAEnB,OACE,oBAAC,aAAD;EAAmB;EAAM,OAAO,MAAM,SAAS;EAC3C,WAAA,EAAE,MAAM,QAAQ,OAAO,UAAU,UAAU,UAAU,iBACrD,oBAAC,UAAD;GACE,GAAI;GACJ,WAAW,MAAM,aAAa;GAC9B,aAAW;GACX,UAAU,YAAY;GACtB,QAAQ,MAAM;GACR;GACN,WAAW,SAAS,OAAO,IAAI;GACxB;EACR,CAAA;CAEQ,CAAA;AAEjB"}

package/dist/form/components/fields/password-input.d.ts

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

package/dist/form/components/fields/password-input.js

@@ -1,79 +0,0 @@
-import { testIdentity } from "../../../core/test-id.js";
-import { useFormContext } from "../../hooks/context.js";
-import { useFieldScope } from "../../hooks/field-scope.js";
-import { useFieldCommit } from "../../hooks/use-field-commit.js";
-import { FormFieldFrame } from "../base/field.js";
-import { useControlledField } from "../../hooks/use-controlled-field.js";
-import { AffixGroup } from "../../../ui/affix-group.js";
-import PasswordInput from "../../../ui/password-input.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/form/components/fields/password-input.tsx
-var PasswordInputComponent = ({ node }) => {
-	const props = node.props;
-	const { errors } = useFormContext();
-	const field = useControlledField(node);
-	const { commit } = useFieldCommit();
-	const scope = useFieldScope();
-	const confirmation = props.confirmation;
-	const confirmationLocalName = confirmation?.name ?? `${field.localName}_confirmation`;
-	const confirmationName = scope ? scope.scopedName(confirmationLocalName) : confirmationLocalName;
-	const confirmationErrorKey = scope ? scope.errorKey(confirmationLocalName) : confirmationLocalName;
-	const passwordRules = (props.passwordRules ?? "") || void 0;
-	if (field.hidden) return null;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "grid gap-6",
-		children: [/* @__PURE__ */ jsx(FormFieldFrame, {
-			error: field.error,
-			helperText: props.helperText ?? void 0,
-			tooltip: props.tooltip ?? void 0,
-			label: props.label ?? "",
-			labelAction: props.labelAction ?? void 0,
-			id: field.name,
-			required: field.required,
-			children: (controlProps) => /* @__PURE__ */ jsx(AffixGroup, {
-				prefix: props.prefix,
-				suffix: props.suffix,
-				children: (controlClassName) => /* @__PURE__ */ jsx(PasswordInput, {
-					...controlProps,
-					autoComplete: props.autoComplete ?? "",
-					autoFocus: props.autoFocus ?? false,
-					className: controlClassName,
-					"data-test": field.testId,
-					disabled: field.disabled,
-					name: field.name,
-					onChange: (event) => {
-						field.commit(event.target.value);
-					},
-					placeholder: props.placeholder ?? "",
-					passwordrules: passwordRules,
-					readOnly: field.readOnly,
-					tabIndex: props.tabIndex ?? void 0,
-					value: field.value
-				})
-			})
-		}), confirmation && /* @__PURE__ */ jsx(FormFieldFrame, {
-			error: errors[confirmationErrorKey],
-			label: confirmation.label ?? "Confirm password",
-			id: confirmationName,
-			required: field.required,
-			children: (controlProps) => /* @__PURE__ */ jsx(PasswordInput, {
-				...controlProps,
-				autoComplete: "new-password",
-				"data-test": testIdentity(confirmationLocalName),
-				disabled: field.disabled,
-				name: confirmationName,
-				onChange: (event) => {
-					commit(confirmationLocalName, event.target.value);
-				},
-				placeholder: confirmation.placeholder ?? confirmation.label ?? "Confirm password",
-				passwordrules: passwordRules,
-				readOnly: field.readOnly,
-				tabIndex: props.tabIndex ?? void 0
-			})
-		})]
-	});
-};
-//#endregion
-export { PasswordInputComponent };
-
-//# sourceMappingURL=password-input.js.map

package/dist/form/components/fields/password-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"password-input.js","names":[],"sources":["../../../../resources/js/form/components/fields/password-input.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { testIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport { AffixGroup } from \"@lattice-php/lattice/ui/affix-group\";\nimport { FormFieldFrame } from \"@lattice-php/lattice/form/components/base/field\";\nimport PasswordInput from \"@lattice-php/lattice/ui/password-input\";\nimport { useFieldScope } from \"@lattice-php/lattice/form/hooks/field-scope\";\nimport { useControlledField } from \"@lattice-php/lattice/form/hooks/use-controlled-field\";\nimport { useFieldCommit } from \"@lattice-php/lattice/form/hooks/use-field-commit\";\nimport { useFormContext } from \"@lattice-php/lattice/form/hooks/context\";\n\nexport const PasswordInputComponent: RendererComponent<\"field.password-input\"> = ({ node }) => {\n  const props = node.props;\n  const { errors } = useFormContext();\n  const field = useControlledField(node);\n  const { commit } = useFieldCommit();\n  const scope = useFieldScope();\n  const confirmation = props.confirmation;\n  const confirmationLocalName = confirmation?.name ?? `${field.localName}_confirmation`;\n  const confirmationName = scope ? scope.scopedName(confirmationLocalName) : confirmationLocalName;\n  const confirmationErrorKey = scope\n    ? scope.errorKey(confirmationLocalName)\n    : confirmationLocalName;\n  const passwordRules = (props.passwordRules ?? \"\") || undefined;\n\n  if (field.hidden) {\n    return null;\n  }\n\n  return (\n    <div className=\"grid gap-6\">\n      <FormFieldFrame\n        error={field.error}\n        helperText={props.helperText ?? undefined}\n        tooltip={props.tooltip ?? undefined}\n        label={props.label ?? \"\"}\n        labelAction={props.labelAction ?? undefined}\n        id={field.name}\n        required={field.required}\n      >\n        {(controlProps) => (\n          <AffixGroup prefix={props.prefix} suffix={props.suffix}>\n            {(controlClassName) => (\n              <PasswordInput\n                {...controlProps}\n                autoComplete={props.autoComplete ?? \"\"}\n                autoFocus={props.autoFocus ?? false}\n                className={controlClassName}\n                data-test={field.testId}\n                disabled={field.disabled}\n                name={field.name}\n                onChange={(event) => {\n                  field.commit(event.target.value);\n                }}\n                placeholder={props.placeholder ?? \"\"}\n                passwordrules={passwordRules}\n                readOnly={field.readOnly}\n                tabIndex={props.tabIndex ?? undefined}\n                value={field.value}\n              />\n            )}\n          </AffixGroup>\n        )}\n      </FormFieldFrame>\n\n      {confirmation && (\n        <FormFieldFrame\n          error={errors[confirmationErrorKey]}\n          label={confirmation.label ?? \"Confirm password\"}\n          id={confirmationName}\n          required={field.required}\n        >\n          {(controlProps) => (\n            <PasswordInput\n              {...controlProps}\n              autoComplete=\"new-password\"\n              data-test={testIdentity(confirmationLocalName)}\n              disabled={field.disabled}\n              name={confirmationName}\n              onChange={(event) => {\n                commit(confirmationLocalName, event.target.value);\n              }}\n              placeholder={confirmation.placeholder ?? confirmation.label ?? \"Confirm password\"}\n              passwordrules={passwordRules}\n              readOnly={field.readOnly}\n              tabIndex={props.tabIndex ?? undefined}\n            />\n          )}\n        </FormFieldFrame>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;AAUA,IAAa,0BAAqE,EAAE,WAAW;CAC7F,MAAM,QAAQ,KAAK;CACnB,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,QAAQ,mBAAmB,IAAI;CACrC,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,QAAQ,cAAc;CAC5B,MAAM,eAAe,MAAM;CAC3B,MAAM,wBAAwB,cAAc,QAAQ,GAAG,MAAM,UAAU;CACvE,MAAM,mBAAmB,QAAQ,MAAM,WAAW,qBAAqB,IAAI;CAC3E,MAAM,uBAAuB,QACzB,MAAM,SAAS,qBAAqB,IACpC;CACJ,MAAM,iBAAiB,MAAM,iBAAiB,OAAO,KAAA;CAErD,IAAI,MAAM,QACR,OAAO;CAGT,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,oBAAC,gBAAD;GACE,OAAO,MAAM;GACb,YAAY,MAAM,cAAc,KAAA;GAChC,SAAS,MAAM,WAAW,KAAA;GAC1B,OAAO,MAAM,SAAS;GACtB,aAAa,MAAM,eAAe,KAAA;GAClC,IAAI,MAAM;GACV,UAAU,MAAM;GAEd,WAAA,iBACA,oBAAC,YAAD;IAAY,QAAQ,MAAM;IAAQ,QAAQ,MAAM;IAC5C,WAAA,qBACA,oBAAC,eAAD;KACE,GAAI;KACJ,cAAc,MAAM,gBAAgB;KACpC,WAAW,MAAM,aAAa;KAC9B,WAAW;KACX,aAAW,MAAM;KACjB,UAAU,MAAM;KAChB,MAAM,MAAM;KACZ,WAAW,UAAU;MACnB,MAAM,OAAO,MAAM,OAAO,KAAK;KACjC;KACA,aAAa,MAAM,eAAe;KAClC,eAAe;KACf,UAAU,MAAM;KAChB,UAAU,MAAM,YAAY,KAAA;KAC5B,OAAO,MAAM;IACd,CAAA;GAEO,CAAA;EAEA,CAAA,GAEf,gBACC,oBAAC,gBAAD;GACE,OAAO,OAAO;GACd,OAAO,aAAa,SAAS;GAC7B,IAAI;GACJ,UAAU,MAAM;GAEd,WAAA,iBACA,oBAAC,eAAD;IACE,GAAI;IACJ,cAAa;IACb,aAAW,aAAa,qBAAqB;IAC7C,UAAU,MAAM;IAChB,MAAM;IACN,WAAW,UAAU;KACnB,OAAO,uBAAuB,MAAM,OAAO,KAAK;IAClD;IACA,aAAa,aAAa,eAAe,aAAa,SAAS;IAC/D,eAAe;IACf,UAAU,MAAM;IAChB,UAAU,MAAM,YAAY,KAAA;GAC7B,CAAA;EAEW,CAAA,CAEf;;AAET"}

package/dist/form/components/fields/repeater-rows.d.ts

@@ -1,15 +0,0 @@
-export type RepeaterRow = Record<string, unknown>;
-/**
- * Reserved per-row identity key: server-filled rows arrive with a uuid, the
- * client mints one for rows it creates, and it submits with the row so
- * validated data identifies every row.
- */
-export declare const ROW_ID_KEY = "rowId";
-export declare function withRowId(row: RepeaterRow): RepeaterRow;
-/** Ensure every row has a stable id; returns the SAME array reference if none were missing. */
-export declare function ensureRowIds(rows: RepeaterRow[]): RepeaterRow[];
-export declare function seedRows(value: unknown, defaultItems: number): RepeaterRow[];
-export declare function addRow(rows: RepeaterRow[]): RepeaterRow[];
-export declare function removeRow(rows: RepeaterRow[], index: number): RepeaterRow[];
-export declare function duplicateRow(rows: RepeaterRow[], index: number): RepeaterRow[];
-export declare function moveRow(rows: RepeaterRow[], from: number, to: number): RepeaterRow[];

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

@@ -1,48 +0,0 @@
-//#region resources/js/form/components/fields/repeater-rows.ts
-/**
-* Reserved per-row identity key: server-filled rows arrive with a uuid, the
-* client mints one for rows it creates, and it submits with the row so
-* validated data identifies every row.
-*/
-var ROW_ID_KEY = "rowId";
-function withRowId(row) {
-	return row["rowId"] ? row : {
-		...row,
-		[ROW_ID_KEY]: crypto.randomUUID()
-	};
-}
-/** Ensure every row has a stable id; returns the SAME array reference if none were missing. */
-function ensureRowIds(rows) {
-	if (rows.every((row) => Boolean(row["rowId"]))) return rows;
-	return rows.map(withRowId);
-}
-function seedRows(value, defaultItems) {
-	if (Array.isArray(value) && value.length > 0) return value.map((row) => row && typeof row === "object" ? { ...row } : {});
-	return Array.from({ length: Math.max(0, defaultItems) }, () => ({}));
-}
-function addRow(rows) {
-	return [...rows, {}];
-}
-function removeRow(rows, index) {
-	return rows.filter((_, i) => i !== index);
-}
-function duplicateRow(rows, index) {
-	const source = rows[index];
-	if (!source) return rows;
-	const { [ROW_ID_KEY]: _id, ...copy } = source;
-	return [
-		...rows.slice(0, index + 1),
-		withRowId(copy),
-		...rows.slice(index + 1)
-	];
-}
-function moveRow(rows, from, to) {
-	const next = [...rows];
-	const [moved] = next.splice(from, 1);
-	next.splice(to, 0, moved);
-	return next;
-}
-//#endregion
-export { ROW_ID_KEY, addRow, duplicateRow, ensureRowIds, moveRow, removeRow, seedRows, withRowId };
-
-//# sourceMappingURL=repeater-rows.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"repeater-rows.js","names":[],"sources":["../../../../resources/js/form/components/fields/repeater-rows.ts"],"sourcesContent":["export type RepeaterRow = Record<string, unknown>;\n\n/**\n * Reserved per-row identity key: server-filled rows arrive with a uuid, the\n * client mints one for rows it creates, and it submits with the row so\n * validated data identifies every row.\n */\nexport const ROW_ID_KEY = \"rowId\";\n\nexport function withRowId(row: RepeaterRow): RepeaterRow {\n  return row[ROW_ID_KEY] ? row : { ...row, [ROW_ID_KEY]: crypto.randomUUID() };\n}\n\n/** Ensure every row has a stable id; returns the SAME array reference if none were missing. */\nexport function ensureRowIds(rows: RepeaterRow[]): RepeaterRow[] {\n  if (rows.every((row) => Boolean(row[ROW_ID_KEY]))) {\n    return rows;\n  }\n  return rows.map(withRowId);\n}\n\nexport function seedRows(value: unknown, defaultItems: number): RepeaterRow[] {\n  if (Array.isArray(value) && value.length > 0) {\n    return value.map((row) => (row && typeof row === \"object\" ? { ...(row as RepeaterRow) } : {}));\n  }\n\n  return Array.from({ length: Math.max(0, defaultItems) }, () => ({}));\n}\n\nexport function addRow(rows: RepeaterRow[]): RepeaterRow[] {\n  return [...rows, {}];\n}\n\nexport function removeRow(rows: RepeaterRow[], index: number): RepeaterRow[] {\n  return rows.filter((_, i) => i !== index);\n}\n\nexport function duplicateRow(rows: RepeaterRow[], index: number): RepeaterRow[] {\n  const source = rows[index];\n  if (!source) {\n    return rows;\n  }\n\n  const { [ROW_ID_KEY]: _id, ...copy } = source;\n  return [...rows.slice(0, index + 1), withRowId(copy), ...rows.slice(index + 1)];\n}\n\nexport function moveRow(rows: RepeaterRow[], from: number, to: number): RepeaterRow[] {\n  const next = [...rows];\n  const [moved] = next.splice(from, 1);\n  next.splice(to, 0, moved);\n  return next;\n}\n"],"mappings":";;;;;;AAOA,IAAa,aAAa;AAE1B,SAAgB,UAAU,KAA+B;CACvD,OAAO,IAAA,WAAkB,MAAM;EAAE,GAAG;GAAM,aAAa,OAAO,WAAW;CAAE;AAC7E;;AAGA,SAAgB,aAAa,MAAoC;CAC/D,IAAI,KAAK,OAAO,QAAQ,QAAQ,IAAA,QAAe,CAAC,GAC9C,OAAO;CAET,OAAO,KAAK,IAAI,SAAS;AAC3B;AAEA,SAAgB,SAAS,OAAgB,cAAqC;CAC5E,IAAI,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,GACzC,OAAO,MAAM,KAAK,QAAS,OAAO,OAAO,QAAQ,WAAW,EAAE,GAAI,IAAoB,IAAI,CAAC,CAAE;CAG/F,OAAO,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAI,GAAG,YAAY,EAAE,UAAU,CAAC,EAAE;AACrE;AAEA,SAAgB,OAAO,MAAoC;CACzD,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC;AACrB;AAEA,SAAgB,UAAU,MAAqB,OAA8B;CAC3E,OAAO,KAAK,QAAQ,GAAG,MAAM,MAAM,KAAK;AAC1C;AAEA,SAAgB,aAAa,MAAqB,OAA8B;CAC9E,MAAM,SAAS,KAAK;CACpB,IAAI,CAAC,QACH,OAAO;CAGT,MAAM,GAAG,aAAa,KAAK,GAAG,SAAS;CACvC,OAAO;EAAC,GAAG,KAAK,MAAM,GAAG,QAAQ,CAAC;EAAG,UAAU,IAAI;EAAG,GAAG,KAAK,MAAM,QAAQ,CAAC;CAAC;AAChF;AAEA,SAAgB,QAAQ,MAAqB,MAAc,IAA2B;CACpF,MAAM,OAAO,CAAC,GAAG,IAAI;CACrB,MAAM,CAAC,SAAS,KAAK,OAAO,MAAM,CAAC;CACnC,KAAK,OAAO,IAAI,GAAG,KAAK;CACxB,OAAO;AACT"}

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

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