@lattice-php/lattice 0.37.0 → 0.39.0

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1,27 @@
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+//#endregion
+export { __exportAll, __reExport };

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

@@ -1,29 +1 @@
-import { DialogPlacement } from '../../ui/dialog.js';
-import { Node } from '../../core/types.js';
-import { ModalWidth } from '../../types/generated.js';
-import { ActionResponse } from '../../effects/dispatch.js';
-type ActionFormProps = {
-    cancelLabel: string;
-    componentRef: string;
-    description?: string;
-    endpoint: string;
-    /** Extra payload merged into every request, e.g. a bulk action's selection. */
-    extraData?: Record<string, unknown>;
-    /** The form to render; null while a lazy schema is still being fetched. */
-    formNode: Node | null;
-    method: string;
-    onClose: () => void;
-    onSuccess: (response: ActionResponse) => void;
-    /** Dialog placement for the form modal; sheets dock to a viewport edge. */
-    placement?: DialogPlacement;
-    submitLabel: string;
-    title: string;
-    width?: ModalWidth;
-};
-/**
- * Fetch a lazily-served form schema from the action endpoint while `enabled`,
- * so it can be prefilled per record. Returns null until it arrives.
- */
-export declare function useLazyActionForm(endpoint: string, componentRef: string, enabled: boolean): Node | null;
-export declare function ActionForm({ description, formNode, onClose, placement, title, width, ...rest }: ActionFormProps): import("react").JSX.Element;
-export {};
+export * from '@lattice-php/form/action-form';

package/dist/action/components/action-form.js

@@ -1,261 +1,10 @@
-import { apiFetch } from "../../core/api.js";
-import { useT } from "../../i18n/instance.js";
-import { Renderer } from "../../core/renderer.js";
-import { dispatchActionError, getActionEffects } from "../../effects/dispatch.js";
-import { useEffectDispatcher } from "../../effects/use-effect-dispatcher.js";
-import { Button } from "../../ui/button.js";
-import { Dialog, DialogContent, DialogHeader } from "../../ui/dialog.js";
-import { Spinner } from "../../ui/spinner.js";
-import { Skeleton } from "../../ui/skeleton.js";
-import { FormProvider } from "../../form/hooks/context.js";
-import { PrefillProvider } from "../../form/hooks/prefill-context.js";
-import { ResolvedNodesProvider } from "../../form/hooks/resolved-nodes.js";
-import { FormValuesProvider, useFormValues } from "../../form/hooks/values.js";
-import "../../form/lib/form-transport.js";
-import { useFormResolver } from "../../form/hooks/use-form-resolver.js";
-import { collectFields } from "../../form/lib/collect-fields.js";
-import { errorKeyBelongsTo, firstErrors } from "../../form/lib/field-errors.js";
-import { useDebouncedCallback } from "../../lib/use-debounced-callback.js";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { __exportAll, __reExport } from "../../_virtual/_rolldown/runtime.js";
+export * from "@lattice-php/form/action-form";
 //#region resources/js/action/components/action-form.tsx
-/**
-* Fetch a lazily-served form schema from the action endpoint while `enabled`,
-* so it can be prefilled per record. Returns null until it arrives.
-*/
-function useLazyActionForm(endpoint, componentRef, enabled) {
-	const [node, setNode] = useState(null);
-	useEffect(() => {
-		if (!enabled) {
-			setNode(null);
-			return;
-		}
-		const controller = new AbortController();
-		apiFetch(endpoint, {
-			body: JSON.stringify({ _sub: "schema" }),
-			ref: componentRef,
-			method: "POST",
-			signal: controller.signal,
-			throwOnError: false
-		}).then((response) => response.ok ? response.json() : null).then((fetched) => setNode(fetched)).catch(() => {});
-		return () => controller.abort();
-	}, [
-		enabled,
-		endpoint,
-		componentRef
-	]);
-	return node;
-}
-function ActionFormSkeleton() {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-4",
-		"data-lattice-action-form-loading": true,
-		children: [
-			/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
-			/* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" }),
-			/* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
-		]
-	});
-}
-function ActionFormBody({ cancelLabel, componentRef, endpoint, extraData, fieldLabels, formNode, method, onClose, onSuccess, precognitive, submitLabel }) {
-	const values = useFormValues();
-	const valuesRef = useRef(values);
-	valuesRef.current = values;
-	const extraDataRef = useRef(extraData);
-	extraDataRef.current = extraData;
-	const { nodes: resolvedNodes, markUserEdit } = useFormResolver(endpoint, componentRef, formNode.schema);
-	const dispatch = useEffectDispatcher();
-	const [errors, setErrors] = useState({});
-	const [processing, setProcessing] = useState(false);
-	const [validating, setValidating] = useState(false);
-	const request = useCallback((extraHeaders) => apiFetch(endpoint, {
-		body: JSON.stringify({
-			...valuesRef.current,
-			...extraDataRef.current
-		}),
-		method,
-		ref: componentRef,
-		headers: extraHeaders,
-		throwOnError: false
-	}), [
-		componentRef,
-		endpoint,
-		method
-	]);
-	const clearErrors = useCallback((field) => {
-		setErrors((current) => current[field] === void 0 ? current : {
-			...current,
-			[field]: void 0
-		});
-	}, []);
-	const runValidation = useDebouncedCallback((field) => {
-		request({
-			Precognition: "true",
-			"Precognition-Validate-Only": field
-		}).then(async (response) => {
-			if (response.status === 422) {
-				const body = await response.json();
-				setErrors((current) => ({
-					...current,
-					...firstErrors(body.errors)
-				}));
-				return;
-			}
-			clearErrors(field);
-		}).catch(() => {});
-	}, 250);
-	const validate = useCallback((field) => {
-		if (precognitive) runValidation(field);
-	}, [precognitive, runValidation]);
-	const touch = useCallback(() => {}, []);
-	const validateFields = useCallback((fields, options) => {
-		setValidating(true);
-		request({
-			Precognition: "true",
-			"Precognition-Validate-Only": fields.join(",")
-		}).then(async (response) => {
-			if (response.status === 422) {
-				const body = await response.json();
-				setErrors((current) => ({
-					...current,
-					...firstErrors(body.errors)
-				}));
-				options?.onValidationError?.();
-				return;
-			}
-			if (!response.ok) {
-				options?.onValidationError?.();
-				return;
-			}
-			const cleared = fields.filter((field) => !field.includes("*"));
-			setErrors((current) => Object.fromEntries(Object.entries(current).filter(([key]) => !cleared.some((name) => errorKeyBelongsTo(key, name)))));
-			options?.onSuccess?.();
-		}).catch(() => options?.onValidationError?.()).finally(() => setValidating(false));
-	}, [request]);
-	const submit = useCallback(() => {
-		setProcessing(true);
-		request().then(async (response) => {
-			const body = await response.json().catch(() => ({}));
-			dispatch(getActionEffects(body.effects));
-			if (response.status === 422 && body.errors) {
-				setErrors(firstErrors(body.errors));
-				return;
-			}
-			if (!response.ok) return;
-			onSuccess(body);
-		}).catch((error) => dispatchActionError(error)).finally(() => setProcessing(false));
-	}, [
-		dispatch,
-		onSuccess,
-		request
-	]);
-	const context = useMemo(() => ({
-		action: endpoint,
-		clearErrors,
-		componentRef,
-		errors,
-		fieldLabels,
-		precognitive,
-		processing,
-		touch,
-		validate,
-		validateFields,
-		validating
-	}), [
-		clearErrors,
-		componentRef,
-		endpoint,
-		errors,
-		fieldLabels,
-		precognitive,
-		processing,
-		touch,
-		validate,
-		validateFields,
-		validating
-	]);
-	return /* @__PURE__ */ jsx(FormProvider, {
-		value: context,
-		children: /* @__PURE__ */ jsxs("form", {
-			className: "flex flex-col gap-6",
-			onSubmit: (event) => {
-				event.preventDefault();
-				submit();
-			},
-			children: [/* @__PURE__ */ jsx(PrefillProvider, {
-				value: { markUserEdit },
-				children: /* @__PURE__ */ jsx(ResolvedNodesProvider, {
-					nodes: resolvedNodes,
-					children: /* @__PURE__ */ jsx(Renderer, { nodes: formNode.schema ?? [] })
-				})
-			}), /* @__PURE__ */ jsxs("div", {
-				className: "flex justify-end gap-3",
-				children: [/* @__PURE__ */ jsx(Button, {
-					"data-test": "action-form-cancel",
-					disabled: processing,
-					onClick: onClose,
-					type: "button",
-					emphasis: "ghost",
-					children: cancelLabel
-				}), formNode.props?.submitButton !== false && /* @__PURE__ */ jsxs(Button, {
-					"data-test": "action-form-submit",
-					disabled: processing,
-					type: "submit",
-					children: [processing && /* @__PURE__ */ jsx(Spinner, {}), submitLabel]
-				})]
-			})]
-		})
-	});
-}
-function ActionFormContent({ formNode, ...rest }) {
-	const precognitive = Boolean(formNode.props?.precognitive);
-	const { labels: fieldLabels, values: initialValues } = useMemo(() => {
-		const { labels, values } = collectFields(formNode.schema);
-		return {
-			labels,
-			values: {
-				...values,
-				...formNode.props?.state
-			}
-		};
-	}, [formNode]);
-	return /* @__PURE__ */ jsx(FormValuesProvider, {
-		initial: initialValues,
-		children: /* @__PURE__ */ jsx(ActionFormBody, {
-			fieldLabels,
-			formNode,
-			precognitive,
-			...rest
-		})
-	});
-}
-function ActionForm({ description, formNode, onClose, placement, title, width, ...rest }) {
-	const { t } = useT("lattice");
-	return /* @__PURE__ */ jsx(Dialog, {
-		open: true,
-		onOpenChange: (open) => {
-			if (!open) onClose();
-		},
-		children: /* @__PURE__ */ jsxs(DialogContent, {
-			...description ? {} : { "aria-describedby": void 0 },
-			placement,
-			width,
-			children: [/* @__PURE__ */ jsx(DialogHeader, {
-				closeLabel: t("common.close", "Close"),
-				description,
-				title
-			}), /* @__PURE__ */ jsx("div", {
-				className: "mt-6",
-				children: formNode ? /* @__PURE__ */ jsx(ActionFormContent, {
-					formNode,
-					onClose,
-					...rest
-				}) : /* @__PURE__ */ jsx(ActionFormSkeleton, {})
-			})]
-		})
-	});
-}
+var action_form_exports = /* @__PURE__ */ __exportAll({});
+import * as import__lattice_php_form_action_form from "@lattice-php/form/action-form";
+__reExport(action_form_exports, import__lattice_php_form_action_form);
 //#endregion
-export { ActionForm, useLazyActionForm };
+export { action_form_exports };
 
 //# sourceMappingURL=action-form.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"action-form.js","names":[],"sources":["../../../resources/js/action/components/action-form.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { apiFetch } from \"@lattice-php/lattice/core/api\";\nimport { Button } from \"@lattice-php/lattice/ui/button\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  type DialogPlacement,\n} from \"@lattice-php/lattice/ui/dialog\";\nimport { Skeleton } from \"@lattice-php/lattice/ui/skeleton\";\nimport { Spinner } from \"@lattice-php/lattice/ui/spinner\";\nimport { Renderer } from \"@lattice-php/lattice/core/renderer\";\nimport type { Node } from \"@lattice-php/lattice/core/types\";\nimport type { ModalWidth } from \"@lattice-php/lattice/types/generated\";\nimport {\n  collectFields,\n  FORM_DEBOUNCE_MS,\n  FormProvider,\n  FormValuesProvider,\n  errorKeyBelongsTo,\n  firstErrors,\n  PrefillProvider,\n  ResolvedNodesProvider,\n  useFormResolver,\n  useFormValues,\n} from \"@lattice-php/lattice/form/embed\";\nimport type { FieldErrors } from \"@lattice-php/lattice/form/embed\";\nimport { useDebouncedCallback } from \"@lattice-php/lattice/lib/use-debounced-callback\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { dispatchActionError, getActionEffects } from \"@lattice-php/lattice/effects/dispatch\";\nimport type { ActionResponse } from \"@lattice-php/lattice/effects/dispatch\";\nimport { useEffectDispatcher } from \"@lattice-php/lattice/effects/use-effect-dispatcher\";\n\ntype ActionFormProps = {\n  cancelLabel: string;\n  componentRef: string;\n  description?: string;\n  endpoint: string;\n  /** Extra payload merged into every request, e.g. a bulk action's selection. */\n  extraData?: Record<string, unknown>;\n  /** The form to render; null while a lazy schema is still being fetched. */\n  formNode: Node | null;\n  method: string;\n  onClose: () => void;\n  onSuccess: (response: ActionResponse) => void;\n  /** Dialog placement for the form modal; sheets dock to a viewport edge. */\n  placement?: DialogPlacement;\n  submitLabel: string;\n  title: string;\n  width?: ModalWidth;\n};\n\n/**\n * Fetch a lazily-served form schema from the action endpoint while `enabled`,\n * so it can be prefilled per record. Returns null until it arrives.\n */\nexport function useLazyActionForm(\n  endpoint: string,\n  componentRef: string,\n  enabled: boolean,\n): Node | null {\n  const [node, setNode] = useState<Node | null>(null);\n\n  useEffect(() => {\n    if (!enabled) {\n      setNode(null);\n\n      return;\n    }\n\n    const controller = new AbortController();\n\n    void apiFetch(endpoint, {\n      body: JSON.stringify({ _sub: \"schema\" }),\n      ref: componentRef,\n      method: \"POST\",\n      signal: controller.signal,\n      throwOnError: false,\n    })\n      .then((response) => (response.ok ? (response.json() as Promise<Node>) : null))\n      .then((fetched) => setNode(fetched))\n      .catch(() => {});\n\n    return () => controller.abort();\n  }, [enabled, endpoint, componentRef]);\n\n  return node;\n}\n\nfunction ActionFormSkeleton() {\n  return (\n    <div className=\"space-y-4\" data-lattice-action-form-loading>\n      <Skeleton className=\"h-4 w-24\" />\n      <Skeleton className=\"h-10 w-full\" />\n      <Skeleton className=\"h-10 w-full\" />\n    </div>\n  );\n}\n\nfunction ActionFormBody({\n  cancelLabel,\n  componentRef,\n  endpoint,\n  extraData,\n  fieldLabels,\n  formNode,\n  method,\n  onClose,\n  onSuccess,\n  precognitive,\n  submitLabel,\n}: Omit<ActionFormProps, \"description\" | \"title\"> & {\n  fieldLabels: Record<string, string>;\n  formNode: Node;\n  precognitive: boolean;\n}) {\n  const values = useFormValues();\n  const valuesRef = useRef(values);\n  valuesRef.current = values;\n  const extraDataRef = useRef(extraData);\n  extraDataRef.current = extraData;\n  const { nodes: resolvedNodes, markUserEdit } = useFormResolver(\n    endpoint,\n    componentRef,\n    formNode.schema,\n  );\n\n  const dispatch = useEffectDispatcher();\n  const [errors, setErrors] = useState<FieldErrors>({});\n  const [processing, setProcessing] = useState(false);\n  const [validating, setValidating] = useState(false);\n\n  const request = useCallback(\n    (extraHeaders?: Record<string, string>): Promise<Response> =>\n      apiFetch(endpoint, {\n        body: JSON.stringify({ ...valuesRef.current, ...extraDataRef.current }),\n        method,\n        ref: componentRef,\n        headers: extraHeaders,\n        throwOnError: false,\n      }),\n    [componentRef, endpoint, method],\n  );\n\n  const clearErrors = useCallback((field: string) => {\n    setErrors((current) =>\n      current[field] === undefined ? current : { ...current, [field]: undefined },\n    );\n  }, []);\n\n  const runValidation = useDebouncedCallback((field: string) => {\n    void request({ Precognition: \"true\", \"Precognition-Validate-Only\": field })\n      .then(async (response) => {\n        if (response.status === 422) {\n          const body = (await response.json()) as { errors?: Record<string, string[]> };\n          setErrors((current) => ({ ...current, ...firstErrors(body.errors) }));\n\n          return;\n        }\n\n        clearErrors(field);\n      })\n      .catch(() => {});\n  }, FORM_DEBOUNCE_MS);\n\n  const validate = useCallback(\n    (field: string) => {\n      if (precognitive) {\n        runValidation(field);\n      }\n    },\n    [precognitive, runValidation],\n  );\n\n  const touch = useCallback(() => {}, []);\n\n  const validateFields = useCallback(\n    (fields: string[], options?: { onSuccess?: () => void; onValidationError?: () => void }) => {\n      setValidating(true);\n\n      void request({ Precognition: \"true\", \"Precognition-Validate-Only\": fields.join(\",\") })\n        .then(async (response) => {\n          if (response.status === 422) {\n            const body = (await response.json()) as { errors?: Record<string, string[]> };\n            setErrors((current) => ({ ...current, ...firstErrors(body.errors) }));\n            options?.onValidationError?.();\n\n            return;\n          }\n\n          if (!response.ok) {\n            options?.onValidationError?.();\n\n            return;\n          }\n\n          const cleared = fields.filter((field) => !field.includes(\"*\"));\n          setErrors((current) =>\n            Object.fromEntries(\n              Object.entries(current).filter(\n                ([key]) => !cleared.some((name) => errorKeyBelongsTo(key, name)),\n              ),\n            ),\n          );\n          options?.onSuccess?.();\n        })\n        .catch(() => options?.onValidationError?.())\n        .finally(() => setValidating(false));\n    },\n    [request],\n  );\n\n  const submit = useCallback(() => {\n    setProcessing(true);\n\n    void request()\n      .then(async (response) => {\n        const body = (await response.json().catch(() => ({}))) as ActionResponse & {\n          errors?: Record<string, string[]>;\n        };\n\n        dispatch(getActionEffects(body.effects));\n\n        if (response.status === 422 && body.errors) {\n          setErrors(firstErrors(body.errors));\n\n          return;\n        }\n\n        if (!response.ok) {\n          return;\n        }\n\n        onSuccess(body);\n      })\n      .catch((error: unknown) => dispatchActionError(error))\n      .finally(() => setProcessing(false));\n  }, [dispatch, onSuccess, request]);\n\n  const context = useMemo(\n    () => ({\n      action: endpoint,\n      clearErrors,\n      componentRef,\n      errors,\n      fieldLabels,\n      precognitive,\n      processing,\n      touch,\n      validate,\n      validateFields,\n      validating,\n    }),\n    [\n      clearErrors,\n      componentRef,\n      endpoint,\n      errors,\n      fieldLabels,\n      precognitive,\n      processing,\n      touch,\n      validate,\n      validateFields,\n      validating,\n    ],\n  );\n\n  return (\n    <FormProvider value={context}>\n      <form\n        className=\"flex flex-col gap-6\"\n        onSubmit={(event) => {\n          event.preventDefault();\n          submit();\n        }}\n      >\n        <PrefillProvider value={{ markUserEdit }}>\n          <ResolvedNodesProvider nodes={resolvedNodes}>\n            <Renderer nodes={formNode.schema ?? []} />\n          </ResolvedNodesProvider>\n        </PrefillProvider>\n\n        <div className=\"flex justify-end gap-3\">\n          <Button\n            data-test=\"action-form-cancel\"\n            disabled={processing}\n            onClick={onClose}\n            type=\"button\"\n            emphasis=\"ghost\"\n          >\n            {cancelLabel}\n          </Button>\n\n          {formNode.props?.submitButton !== false && (\n            <Button data-test=\"action-form-submit\" disabled={processing} type=\"submit\">\n              {processing && <Spinner />}\n              {submitLabel}\n            </Button>\n          )}\n        </div>\n      </form>\n    </FormProvider>\n  );\n}\n\nfunction ActionFormContent({\n  formNode,\n  ...rest\n}: Omit<ActionFormProps, \"description\" | \"title\"> & { formNode: Node }) {\n  const precognitive = Boolean(formNode.props?.precognitive);\n  const { labels: fieldLabels, values: initialValues } = useMemo(() => {\n    const { labels, values } = collectFields(formNode.schema);\n\n    return {\n      labels,\n      values: { ...values, ...(formNode.props?.state as Record<string, unknown> | undefined) },\n    };\n  }, [formNode]);\n\n  return (\n    <FormValuesProvider initial={initialValues}>\n      <ActionFormBody\n        fieldLabels={fieldLabels}\n        formNode={formNode}\n        precognitive={precognitive}\n        {...rest}\n      />\n    </FormValuesProvider>\n  );\n}\n\nexport function ActionForm({\n  description,\n  formNode,\n  onClose,\n  placement,\n  title,\n  width,\n  ...rest\n}: ActionFormProps) {\n  const { t } = useT(\"lattice\");\n\n  return (\n    <Dialog\n      open\n      onOpenChange={(open) => {\n        if (!open) {\n          onClose();\n        }\n      }}\n    >\n      <DialogContent\n        {...(description ? {} : { \"aria-describedby\": undefined })}\n        placement={placement}\n        width={width}\n      >\n        <DialogHeader\n          closeLabel={t(\"common.close\", \"Close\")}\n          description={description}\n          title={title}\n        />\n\n        <div className=\"mt-6\">\n          {formNode ? (\n            <ActionFormContent formNode={formNode} onClose={onClose} {...rest} />\n          ) : (\n            <ActionFormSkeleton />\n          )}\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"action-form.js","names":[],"sources":["../../../resources/js/action/components/action-form.tsx"],"sourcesContent":["export * from \"@lattice-php/form/action-form\";\n"],"mappings":""}

package/dist/action/components/action-group.d.ts

@@ -1,3 +1,3 @@
-import { RendererComponent } from '../../core/types.js';
+import { RendererComponent } from '@lattice-php/core/types';
 declare const ActionGroupComponent: RendererComponent<"action.group">;
 export default ActionGroupComponent;

package/dist/action/components/action-group.js

@@ -1,11 +1,11 @@
-import { useT } from "../../i18n/instance.js";
-import { cn } from "../../lib/utils.js";
-import { Icon } from "../../icons/sprite.js";
-import { nodeIdentity } from "../../core/test-id.js";
-import { Button } from "../../ui/button.js";
-import { ActionMenuProvider } from "../../ui/action-menu-context.js";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from "../../ui/dropdown-menu.js";
+import { Icon } from "@lattice-php/ui/icons";
+import { cn } from "@lattice-php/ui/lib/utils";
+import { useT } from "@lattice-php/ui/i18n";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { nodeIdentity } from "@lattice-php/core/test-id";
+import { Button } from "@lattice-php/ui/components/button";
+import { ActionMenuProvider } from "@lattice-php/ui/action-menu-context";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from "@lattice-php/ui/dropdown-menu";
 //#region resources/js/action/components/action-group.tsx
 var ActionGroupComponent = ({ children, node }) => {
 	const { t } = useT("lattice");

package/dist/action/components/action-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"action-group.js","names":[],"sources":["../../../resources/js/action/components/action-group.tsx"],"sourcesContent":["import { Icon } from \"@lattice-php/lattice/icons\";\nimport { Button } from \"@lattice-php/lattice/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n} from \"@lattice-php/lattice/ui/dropdown-menu\";\nimport { nodeIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { ActionMenuProvider } from \"@lattice-php/lattice/ui/action-menu-context\";\n\nconst ActionGroupComponent: RendererComponent<\"action.group\"> = ({ children, node }) => {\n  const { t } = useT(\"lattice\");\n  const label = node.props.label ?? t(\"common.action-group.label\", \"Actions\");\n  const orientation = node.props.orientation;\n\n  if (orientation) {\n    return (\n      <div\n        aria-label={label}\n        className={cn(\n          \"inline-flex max-w-full gap-1\",\n          orientation === \"vertical\" ? \"flex-col items-stretch\" : \"flex-row flex-wrap items-center\",\n        )}\n        data-lattice-component={node.id}\n        role=\"group\"\n      >\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"inline-flex\" data-lattice-component={node.id}>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button\n            aria-label={label}\n            className=\"size-lt-control-sm text-lt-muted-fg shadow-none hover:text-lt-fg\"\n            data-test={nodeIdentity(node)}\n            size=\"icon\"\n            type=\"button\"\n            emphasis=\"ghost\"\n          >\n            <Icon name=\"more-horizontal\" aria-hidden=\"true\" className=\"size-lt-icon-md\" />\n          </Button>\n        </DropdownMenuTrigger>\n\n        <DropdownMenuContent\n          align=\"end\"\n          aria-label={label}\n          className=\"min-w-44 gap-0.5 p-1.5\"\n          sideOffset={8}\n        >\n          <ActionMenuProvider>{children}</ActionMenuProvider>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  );\n};\n\nexport default ActionGroupComponent;\n"],"mappings":";;;;;;;;;AAaA,IAAM,wBAA2D,EAAE,UAAU,WAAW;CACtF,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,QAAQ,KAAK,MAAM,SAAS,EAAE,6BAA6B,SAAS;CAC1E,MAAM,cAAc,KAAK,MAAM;CAE/B,IAAI,aACF,OACE,oBAAC,OAAD;EACE,cAAY;EACZ,WAAW,GACT,gCACA,gBAAgB,aAAa,2BAA2B,iCAC1D;EACA,0BAAwB,KAAK;EAC7B,MAAK;EAEJ;CACE,CAAA;CAIT,OACE,oBAAC,OAAD;EAAK,WAAU;EAAc,0BAAwB,KAAK;EACxD,UAAA,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,qBAAD;GAAqB,SAAA;GACnB,UAAA,oBAAC,QAAD;IACE,cAAY;IACZ,WAAU;IACV,aAAW,aAAa,IAAI;IAC5B,MAAK;IACL,MAAK;IACL,UAAS;IAET,UAAA,oBAAC,MAAD;KAAM,MAAK;KAAkB,eAAY;KAAO,WAAU;IAAmB,CAAA;GACvE,CAAA;EACW,CAAA,GAErB,oBAAC,qBAAD;GACE,OAAM;GACN,cAAY;GACZ,WAAU;GACV,YAAY;GAEZ,UAAA,oBAAC,oBAAD,EAAqB,SAA6B,CAAA;EAC/B,CAAA,CACT,EAAA,CAAA;CACX,CAAA;AAET"}
+{"version":3,"file":"action-group.js","names":[],"sources":["../../../resources/js/action/components/action-group.tsx"],"sourcesContent":["import { Icon } from \"@lattice-php/ui/icons\";\nimport { Button } from \"@lattice-php/ui/components/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n} from \"@lattice-php/ui/dropdown-menu\";\nimport { nodeIdentity } from \"@lattice-php/core/test-id\";\nimport type { RendererComponent } from \"@lattice-php/core/types\";\nimport { cn } from \"@lattice-php/ui/lib/utils\";\nimport { useT } from \"@lattice-php/ui/i18n\";\nimport { ActionMenuProvider } from \"@lattice-php/ui/action-menu-context\";\n\nconst ActionGroupComponent: RendererComponent<\"action.group\"> = ({ children, node }) => {\n  const { t } = useT(\"lattice\");\n  const label = node.props.label ?? t(\"common.action-group.label\", \"Actions\");\n  const orientation = node.props.orientation;\n\n  if (orientation) {\n    return (\n      <div\n        aria-label={label}\n        className={cn(\n          \"inline-flex max-w-full gap-1\",\n          orientation === \"vertical\" ? \"flex-col items-stretch\" : \"flex-row flex-wrap items-center\",\n        )}\n        data-lattice-component={node.id}\n        role=\"group\"\n      >\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"inline-flex\" data-lattice-component={node.id}>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button\n            aria-label={label}\n            className=\"size-lt-control-sm text-lt-muted-fg shadow-none hover:text-lt-fg\"\n            data-test={nodeIdentity(node)}\n            size=\"icon\"\n            type=\"button\"\n            emphasis=\"ghost\"\n          >\n            <Icon name=\"more-horizontal\" aria-hidden=\"true\" className=\"size-lt-icon-md\" />\n          </Button>\n        </DropdownMenuTrigger>\n\n        <DropdownMenuContent\n          align=\"end\"\n          aria-label={label}\n          className=\"min-w-44 gap-0.5 p-1.5\"\n          sideOffset={8}\n        >\n          <ActionMenuProvider>{children}</ActionMenuProvider>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  );\n};\n\nexport default ActionGroupComponent;\n"],"mappings":";;;;;;;;;AAaA,IAAM,wBAA2D,EAAE,UAAU,WAAW;CACtF,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,QAAQ,KAAK,MAAM,SAAS,EAAE,6BAA6B,SAAS;CAC1E,MAAM,cAAc,KAAK,MAAM;CAE/B,IAAI,aACF,OACE,oBAAC,OAAD;EACE,cAAY;EACZ,WAAW,GACT,gCACA,gBAAgB,aAAa,2BAA2B,iCAC1D;EACA,0BAAwB,KAAK;EAC7B,MAAK;EAEJ;CACE,CAAA;CAIT,OACE,oBAAC,OAAD;EAAK,WAAU;EAAc,0BAAwB,KAAK;EACxD,UAAA,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,qBAAD;GAAqB,SAAA;GACnB,UAAA,oBAAC,QAAD;IACE,cAAY;IACZ,WAAU;IACV,aAAW,aAAa,IAAI;IAC5B,MAAK;IACL,MAAK;IACL,UAAS;IAET,UAAA,oBAAC,MAAD;KAAM,MAAK;KAAkB,eAAY;KAAO,WAAU;IAAmB,CAAA;GACvE,CAAA;EACW,CAAA,GAErB,oBAAC,qBAAD;GACE,OAAM;GACN,cAAY;GACZ,WAAU;GACV,YAAY;GAEZ,UAAA,oBAAC,oBAAD,EAAqB,SAA6B,CAAA;EAC/B,CAAA,CACT,EAAA,CAAA;CACX,CAAA;AAET"}

package/dist/action/components/action-trigger-provider.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { Node } from '../../core/types.js';
-import { TriggerState } from '../../ui/click-behavior.js';
+import { Node } from '@lattice-php/core/types';
+import { TriggerState } from '@lattice-php/ui/click-behavior';
 export declare function ActionTrigger({ action, children, }: {
     action: Node<"action" | "action.bulk">;
     children: (trigger: TriggerState) => ReactNode;

package/dist/action/components/action-trigger-provider.js

@@ -1,6 +1,6 @@
-import { ActionTriggerProvider } from "../../ui/click-behavior.js";
 import { useAction } from "../hooks/use-action.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ActionTriggerProvider } from "@lattice-php/ui/click-behavior";
 //#region resources/js/action/components/action-trigger-provider.tsx
 function ActionTrigger({ action, children }) {
 	const { processing, requestSubmit, overlays } = useAction(action);

package/dist/action/components/action-trigger-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"action-trigger-provider.js","names":[],"sources":["../../../resources/js/action/components/action-trigger-provider.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { Node } from \"@lattice-php/lattice/core/types\";\nimport { ActionTriggerProvider, type TriggerState } from \"@lattice-php/lattice/ui/click-behavior\";\nimport { useAction } from \"@lattice-php/lattice/action/hooks/use-action\";\n\nexport function ActionTrigger({\n  action,\n  children,\n}: {\n  action: Node<\"action\" | \"action.bulk\">;\n  children: (trigger: TriggerState) => ReactNode;\n}) {\n  const { processing, requestSubmit, overlays } = useAction(action);\n\n  return (\n    <>\n      {children({ onClick: requestSubmit, processing })}\n      {overlays}\n    </>\n  );\n}\n\nexport function ActionInteractionProvider({ children }: { children: ReactNode }) {\n  return (\n    <ActionTriggerProvider\n      render={(props) => <ActionTrigger action={props.action}>{props.children}</ActionTrigger>}\n    >\n      {children}\n    </ActionTriggerProvider>\n  );\n}\n"],"mappings":";;;;AAKA,SAAgB,cAAc,EAC5B,QACA,YAIC;CACD,MAAM,EAAE,YAAY,eAAe,aAAa,UAAU,MAAM;CAEhE,OACE,qBAAA,UAAA,EAAA,UAAA,CACG,SAAS;EAAE,SAAS;EAAe;CAAW,CAAC,GAC/C,QACD,EAAA,CAAA;AAEN;AAEA,SAAgB,0BAA0B,EAAE,YAAqC;CAC/E,OACE,oBAAC,uBAAD;EACE,SAAS,UAAU,oBAAC,eAAD;GAAe,QAAQ,MAAM;GAAS,UAAA,MAAM;EAAwB,CAAA;EAEtF;CACoB,CAAA;AAE3B"}
+{"version":3,"file":"action-trigger-provider.js","names":[],"sources":["../../../resources/js/action/components/action-trigger-provider.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { Node } from \"@lattice-php/core/types\";\nimport { ActionTriggerProvider, type TriggerState } from \"@lattice-php/ui/click-behavior\";\nimport { useAction } from \"@lattice-php/lattice/action/hooks/use-action\";\n\nexport function ActionTrigger({\n  action,\n  children,\n}: {\n  action: Node<\"action\" | \"action.bulk\">;\n  children: (trigger: TriggerState) => ReactNode;\n}) {\n  const { processing, requestSubmit, overlays } = useAction(action);\n\n  return (\n    <>\n      {children({ onClick: requestSubmit, processing })}\n      {overlays}\n    </>\n  );\n}\n\nexport function ActionInteractionProvider({ children }: { children: ReactNode }) {\n  return (\n    <ActionTriggerProvider\n      render={(props) => <ActionTrigger action={props.action}>{props.children}</ActionTrigger>}\n    >\n      {children}\n    </ActionTriggerProvider>\n  );\n}\n"],"mappings":";;;;AAKA,SAAgB,cAAc,EAC5B,QACA,YAIC;CACD,MAAM,EAAE,YAAY,eAAe,aAAa,UAAU,MAAM;CAEhE,OACE,qBAAA,UAAA,EAAA,UAAA,CACG,SAAS;EAAE,SAAS;EAAe;CAAW,CAAC,GAC/C,QACD,EAAA,CAAA;AAEN;AAEA,SAAgB,0BAA0B,EAAE,YAAqC;CAC/E,OACE,oBAAC,uBAAD;EACE,SAAS,UAAU,oBAAC,eAAD;GAAe,QAAQ,MAAM;GAAS,UAAA,MAAM;EAAwB,CAAA;EAEtF;CACoB,CAAA;AAE3B"}

package/dist/action/components/action.d.ts

@@ -1,3 +1,3 @@
-import { RendererComponent } from '../../core/types.js';
+import { RendererComponent } from '@lattice-php/core/types';
 declare const ActionComponent: RendererComponent<"action">;
 export default ActionComponent;

package/dist/action/components/action.js

@@ -1,11 +1,11 @@
-import { IconRenderer } from "../../icons/icon-renderer.js";
-import { prefixedTestId } from "../../core/test-id.js";
-import { Button } from "../../ui/button.js";
-import { Spinner } from "../../ui/spinner.js";
 import { actionLabel } from "../lib/action-label.js";
 import { useAction } from "../hooks/use-action.js";
-import { actionMenuItemClassName, useActionMenu } from "../../ui/action-menu-context.js";
+import { IconRenderer } from "@lattice-php/ui/icons";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { prefixedTestId } from "@lattice-php/core/test-id";
+import { Button } from "@lattice-php/ui/components/button";
+import { Spinner } from "@lattice-php/ui/spinner";
+import { actionMenuItemClassName, useActionMenu } from "@lattice-php/ui/action-menu-context";
 //#region resources/js/action/components/action.tsx
 var ActionComponent = ({ node }) => {
 	const endpoint = node.props.endpoint ?? "";

package/dist/action/components/action.js.map

@@ -1 +1 @@
-{"version":3,"file":"action.js","names":[],"sources":["../../../resources/js/action/components/action.tsx"],"sourcesContent":["import { Button } from \"@lattice-php/lattice/ui/button\";\nimport { Spinner } from \"@lattice-php/lattice/ui/spinner\";\nimport { prefixedTestId } from \"@lattice-php/lattice/core/test-id\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { IconRenderer } from \"@lattice-php/lattice/icons\";\nimport {\n  actionMenuItemClassName,\n  useActionMenu,\n} from \"@lattice-php/lattice/ui/action-menu-context\";\nimport { useAction } from \"@lattice-php/lattice/action/hooks/use-action\";\nimport { actionLabel } from \"@lattice-php/lattice/action/lib/action-label\";\n\nconst ActionComponent: RendererComponent<\"action\"> = ({ node }) => {\n  const endpoint = node.props.endpoint ?? \"\";\n  const icon = node.props.icon;\n  const label = actionLabel(node);\n  const isMenuItem = useActionMenu();\n  const { variant, emphasis } = node.props;\n  const { processing, requestSubmit, overlays } = useAction(node);\n  const testId = node.key ?? prefixedTestId(\"action\", node.id);\n\n  return (\n    <>\n      <Button\n        className={isMenuItem ? actionMenuItemClassName : undefined}\n        data-lattice-component={node.id}\n        data-test={testId}\n        disabled={processing || !endpoint}\n        onClick={requestSubmit}\n        type=\"button\"\n        emphasis={isMenuItem ? \"ghost\" : emphasis}\n        variant={isMenuItem ? null : variant}\n      >\n        {processing ? (\n          <Spinner className={isMenuItem ? \"size-lt-icon-sm\" : undefined} />\n        ) : (\n          icon && (\n            <IconRenderer\n              className={isMenuItem ? \"size-lt-icon-sm\" : \"size-lt-icon-md\"}\n              icon={icon}\n            />\n          )\n        )}\n        {label}\n      </Button>\n\n      {overlays}\n    </>\n  );\n};\n\nexport default ActionComponent;\n"],"mappings":";;;;;;;;;AAYA,IAAM,mBAAgD,EAAE,WAAW;CACjE,MAAM,WAAW,KAAK,MAAM,YAAY;CACxC,MAAM,OAAO,KAAK,MAAM;CACxB,MAAM,QAAQ,YAAY,IAAI;CAC9B,MAAM,aAAa,cAAc;CACjC,MAAM,EAAE,SAAS,aAAa,KAAK;CACnC,MAAM,EAAE,YAAY,eAAe,aAAa,UAAU,IAAI;CAC9D,MAAM,SAAS,KAAK,OAAO,eAAe,UAAU,KAAK,EAAE;CAE3D,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,qBAAC,QAAD;EACE,WAAW,aAAa,0BAA0B,KAAA;EAClD,0BAAwB,KAAK;EAC7B,aAAW;EACX,UAAU,cAAc,CAAC;EACzB,SAAS;EACT,MAAK;EACL,UAAU,aAAa,UAAU;EACjC,SAAS,aAAa,OAAO;EAR/B,UAAA,CAUG,aACC,oBAAC,SAAD,EAAS,WAAW,aAAa,oBAAoB,KAAA,EAAY,CAAA,IAEjE,QACE,oBAAC,cAAD;GACE,WAAW,aAAa,oBAAoB;GACtC;EACP,CAAA,GAGJ,KACK;CAEP,CAAA,GAAA,QACD,EAAA,CAAA;AAEN"}
+{"version":3,"file":"action.js","names":[],"sources":["../../../resources/js/action/components/action.tsx"],"sourcesContent":["import { Button } from \"@lattice-php/ui/components/button\";\nimport { Spinner } from \"@lattice-php/ui/spinner\";\nimport { prefixedTestId } from \"@lattice-php/core/test-id\";\nimport type { RendererComponent } from \"@lattice-php/core/types\";\nimport { IconRenderer } from \"@lattice-php/ui/icons\";\nimport { actionMenuItemClassName, useActionMenu } from \"@lattice-php/ui/action-menu-context\";\nimport { useAction } from \"@lattice-php/lattice/action/hooks/use-action\";\nimport { actionLabel } from \"@lattice-php/lattice/action/lib/action-label\";\n\nconst ActionComponent: RendererComponent<\"action\"> = ({ node }) => {\n  const endpoint = node.props.endpoint ?? \"\";\n  const icon = node.props.icon;\n  const label = actionLabel(node);\n  const isMenuItem = useActionMenu();\n  const { variant, emphasis } = node.props;\n  const { processing, requestSubmit, overlays } = useAction(node);\n  const testId = node.key ?? prefixedTestId(\"action\", node.id);\n\n  return (\n    <>\n      <Button\n        className={isMenuItem ? actionMenuItemClassName : undefined}\n        data-lattice-component={node.id}\n        data-test={testId}\n        disabled={processing || !endpoint}\n        onClick={requestSubmit}\n        type=\"button\"\n        emphasis={isMenuItem ? \"ghost\" : emphasis}\n        variant={isMenuItem ? null : variant}\n      >\n        {processing ? (\n          <Spinner className={isMenuItem ? \"size-lt-icon-sm\" : undefined} />\n        ) : (\n          icon && (\n            <IconRenderer\n              className={isMenuItem ? \"size-lt-icon-sm\" : \"size-lt-icon-md\"}\n              icon={icon}\n            />\n          )\n        )}\n        {label}\n      </Button>\n\n      {overlays}\n    </>\n  );\n};\n\nexport default ActionComponent;\n"],"mappings":";;;;;;;;;AASA,IAAM,mBAAgD,EAAE,WAAW;CACjE,MAAM,WAAW,KAAK,MAAM,YAAY;CACxC,MAAM,OAAO,KAAK,MAAM;CACxB,MAAM,QAAQ,YAAY,IAAI;CAC9B,MAAM,aAAa,cAAc;CACjC,MAAM,EAAE,SAAS,aAAa,KAAK;CACnC,MAAM,EAAE,YAAY,eAAe,aAAa,UAAU,IAAI;CAC9D,MAAM,SAAS,KAAK,OAAO,eAAe,UAAU,KAAK,EAAE;CAE3D,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,qBAAC,QAAD;EACE,WAAW,aAAa,0BAA0B,KAAA;EAClD,0BAAwB,KAAK;EAC7B,aAAW;EACX,UAAU,cAAc,CAAC;EACzB,SAAS;EACT,MAAK;EACL,UAAU,aAAa,UAAU;EACjC,SAAS,aAAa,OAAO;EAR/B,UAAA,CAUG,aACC,oBAAC,SAAD,EAAS,WAAW,aAAa,oBAAoB,KAAA,EAAY,CAAA,IAEjE,QACE,oBAAC,cAAD;GACE,WAAW,aAAa,oBAAoB;GACtC;EACP,CAAA,GAGJ,KACK;CAEP,CAAA,GAAA,QACD,EAAA,CAAA;AAEN"}

package/dist/action/hooks/use-action.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { Node } from '../../core/types.js';
+import { Node } from '@lattice-php/core/types';
 type UseAction = {
     /** Whether the action request is in flight. */
     processing: boolean;

package/dist/action/hooks/use-action.js

@@ -1,14 +1,14 @@
-import { withHeaders } from "../../core/headers.js";
-import { apiFetch } from "../../core/api.js";
-import { translate } from "../../i18n/instance.js";
-import { useEffectDispatcher } from "../../effects/use-effect-dispatcher.js";
-import { ConfirmDialog } from "../../ui/confirm-dialog.js";
-import { runAction } from "../lib/run-action.js";
-import { ActionForm, useLazyActionForm } from "../components/action-form.js";
+import { run_action_exports } from "../lib/run-action.js";
+import { action_form_exports } from "../components/action-form.js";
 import { actionLabel } from "../lib/action-label.js";
 import { router } from "@inertiajs/react";
 import { useState } from "react";
+import { apiFetch } from "@lattice-php/core/api";
+import { withHeaders } from "@lattice-php/core/headers";
+import { translate } from "@lattice-php/ui/i18n";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { ConfirmDialog } from "@lattice-php/ui/confirm-dialog";
+import { useEffectDispatcher } from "@lattice-php/ui/effects/use-effect-dispatcher";
 //#region resources/js/action/hooks/use-action.tsx
 /**
 * The shared action machinery behind the Action button, action menu items, and
@@ -30,7 +30,7 @@ function useAction(node) {
 	const dispatch = useEffectDispatcher();
 	const [isConfirming, setIsConfirming] = useState(false);
 	const [isFilling, setIsFilling] = useState(false);
-	const lazyNode = useLazyActionForm(endpoint, componentRef, isFilling && lazyForm);
+	const lazyNode = (0, action_form_exports.useLazyActionForm)(endpoint, componentRef, isFilling && lazyForm);
 	const formNode = lazyForm ? lazyNode : inlineForm;
 	const submit = async () => {
 		if (!endpoint) return;
@@ -40,7 +40,7 @@ function useAction(node) {
 			return;
 		}
 		setProcessing(true);
-		const ok = await runAction(() => apiFetch(endpoint, {
+		const ok = await (0, run_action_exports.runAction)(() => apiFetch(endpoint, {
 			method,
 			ref: componentRef,
 			throwOnError: false
@@ -76,7 +76,7 @@ function useAction(node) {
 			confirmDisabled: !endpoint,
 			onConfirm: () => void submit(),
 			onCancel: () => setIsConfirming(false)
-		}), isFilling && hasForm && /* @__PURE__ */ jsx(ActionForm, {
+		}), isFilling && hasForm && /* @__PURE__ */ jsx(action_form_exports.ActionForm, {
 			cancelLabel: confirmationCancelLabel,
 			componentRef,
 			description: confirmation?.description ?? void 0,

package/dist/action/hooks/use-action.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-action.js","names":[],"sources":["../../../resources/js/action/hooks/use-action.tsx"],"sourcesContent":["import { router } from \"@inertiajs/react\";\nimport type { Method } from \"@inertiajs/core\";\nimport { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { ConfirmDialog } from \"@lattice-php/lattice/ui/confirm-dialog\";\nimport { apiFetch } from \"@lattice-php/lattice/core/api\";\nimport { withHeaders } from \"@lattice-php/lattice/core/headers\";\nimport type { Node } from \"@lattice-php/lattice/core/types\";\nimport { translate } from \"@lattice-php/lattice/i18n\";\nimport { useEffectDispatcher } from \"@lattice-php/lattice/effects/use-effect-dispatcher\";\nimport { runAction } from \"@lattice-php/lattice/action/lib/run-action\";\nimport { ActionForm, useLazyActionForm } from \"@lattice-php/lattice/action/components/action-form\";\nimport { actionLabel } from \"@lattice-php/lattice/action/lib/action-label\";\n\ntype UseAction = {\n  /** Whether the action request is in flight. */\n  processing: boolean;\n  /** Gate then run the action: open the form, confirm, or dispatch directly. */\n  requestSubmit: () => void;\n  /** The confirm dialog and action form rendered next to the trigger. */\n  overlays: ReactNode;\n};\n\n/**\n * The shared action machinery behind the Action button, action menu items, and\n * action links: it gates submission (form → modal, confirmation → confirm,\n * otherwise dispatch) and renders the matching overlays. The host owns the\n * trigger element so each surface keeps its own styling.\n */\nexport function useAction(node: Node<\"action\" | \"action.bulk\">): UseAction {\n  const endpoint = node.props.endpoint ?? \"\";\n  const componentRef = node.props.ref ?? \"\";\n  const method: Method = node.props.method ?? \"post\";\n  const label = actionLabel(node);\n  const { variant, emphasis } = node.props;\n  const confirmation = node.props.confirmation;\n  const inlineForm = node.props.form;\n  const lazyForm = node.props.lazyForm === true;\n  const hasForm = Boolean(inlineForm) || lazyForm;\n\n  const [processing, setProcessing] = useState(false);\n  const dispatch = useEffectDispatcher();\n  const [isConfirming, setIsConfirming] = useState(false);\n  const [isFilling, setIsFilling] = useState(false);\n  const lazyNode = useLazyActionForm(endpoint, componentRef, isFilling && lazyForm);\n  const formNode = lazyForm ? lazyNode : inlineForm;\n\n  const submit = async (): Promise<void> => {\n    if (!endpoint) {\n      return;\n    }\n\n    if (method === \"get\") {\n      router.visit(endpoint, { headers: withHeaders(componentRef) });\n      setIsConfirming(false);\n\n      return;\n    }\n\n    setProcessing(true);\n\n    const ok = await runAction(\n      () => apiFetch(endpoint, { method, ref: componentRef, throwOnError: false }),\n      dispatch,\n    );\n\n    setProcessing(false);\n\n    if (ok) {\n      setIsConfirming(false);\n    }\n  };\n\n  const requestSubmit = (): void => {\n    if (hasForm) {\n      setIsFilling(true);\n\n      return;\n    }\n\n    if (confirmation) {\n      setIsConfirming(true);\n\n      return;\n    }\n\n    void submit();\n  };\n\n  const confirmationTitle = confirmation?.title ?? label;\n  const confirmationConfirmLabel = confirmation?.confirmLabel ?? label;\n  const confirmationCancelLabel =\n    confirmation?.cancelLabel ?? translate(\"lattice\", \"common.cancel\", \"Cancel\");\n\n  const overlays = (\n    <>\n      {isConfirming && confirmation && (\n        <ConfirmDialog\n          title={confirmationTitle}\n          description={confirmation.description ?? undefined}\n          confirmLabel={confirmationConfirmLabel}\n          cancelLabel={confirmationCancelLabel}\n          confirmVariant={variant}\n          confirmEmphasis={emphasis}\n          processing={processing}\n          confirmDisabled={!endpoint}\n          onConfirm={() => void submit()}\n          onCancel={() => setIsConfirming(false)}\n        />\n      )}\n\n      {isFilling && hasForm && (\n        <ActionForm\n          cancelLabel={confirmationCancelLabel}\n          componentRef={componentRef}\n          description={confirmation?.description ?? undefined}\n          endpoint={endpoint}\n          formNode={formNode}\n          method={method}\n          onClose={() => setIsFilling(false)}\n          onSuccess={() => {\n            setIsFilling(false);\n          }}\n          placement={node.props.modalSide ?? \"center\"}\n          submitLabel={confirmationConfirmLabel}\n          title={confirmationTitle}\n          width={node.props.modalWidth ?? undefined}\n        />\n      )}\n    </>\n  );\n\n  return { processing, requestSubmit, overlays };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AA6BA,SAAgB,UAAU,MAAiD;CACzE,MAAM,WAAW,KAAK,MAAM,YAAY;CACxC,MAAM,eAAe,KAAK,MAAM,OAAO;CACvC,MAAM,SAAiB,KAAK,MAAM,UAAU;CAC5C,MAAM,QAAQ,YAAY,IAAI;CAC9B,MAAM,EAAE,SAAS,aAAa,KAAK;CACnC,MAAM,eAAe,KAAK,MAAM;CAChC,MAAM,aAAa,KAAK,MAAM;CAC9B,MAAM,WAAW,KAAK,MAAM,aAAa;CACzC,MAAM,UAAU,QAAQ,UAAU,KAAK;CAEvC,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAClD,MAAM,WAAW,oBAAoB;CACrC,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CACtD,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAChD,MAAM,WAAW,kBAAkB,UAAU,cAAc,aAAa,QAAQ;CAChF,MAAM,WAAW,WAAW,WAAW;CAEvC,MAAM,SAAS,YAA2B;EACxC,IAAI,CAAC,UACH;EAGF,IAAI,WAAW,OAAO;GACpB,OAAO,MAAM,UAAU,EAAE,SAAS,YAAY,YAAY,EAAE,CAAC;GAC7D,gBAAgB,KAAK;GAErB;EACF;EAEA,cAAc,IAAI;EAElB,MAAM,KAAK,MAAM,gBACT,SAAS,UAAU;GAAE;GAAQ,KAAK;GAAc,cAAc;EAAM,CAAC,GAC3E,QACF;EAEA,cAAc,KAAK;EAEnB,IAAI,IACF,gBAAgB,KAAK;CAEzB;CAEA,MAAM,sBAA4B;EAChC,IAAI,SAAS;GACX,aAAa,IAAI;GAEjB;EACF;EAEA,IAAI,cAAc;GAChB,gBAAgB,IAAI;GAEpB;EACF;EAEA,OAAY;CACd;CAEA,MAAM,oBAAoB,cAAc,SAAS;CACjD,MAAM,2BAA2B,cAAc,gBAAgB;CAC/D,MAAM,0BACJ,cAAc,eAAe,UAAU,WAAW,iBAAiB,QAAQ;CAwC7E,OAAO;EAAE;EAAY;EAAe,UArClC,qBAAA,YAAA,EAAA,UAAA,CACG,gBAAgB,gBACf,oBAAC,eAAD;GACE,OAAO;GACP,aAAa,aAAa,eAAe,KAAA;GACzC,cAAc;GACd,aAAa;GACb,gBAAgB;GAChB,iBAAiB;GACL;GACZ,iBAAiB,CAAC;GAClB,iBAAiB,KAAK,OAAO;GAC7B,gBAAgB,gBAAgB,KAAK;EACtC,CAAA,GAGF,aAAa,WACZ,oBAAC,YAAD;GACE,aAAa;GACC;GACd,aAAa,cAAc,eAAe,KAAA;GAChC;GACA;GACF;GACR,eAAe,aAAa,KAAK;GACjC,iBAAiB;IACf,aAAa,KAAK;GACpB;GACA,WAAW,KAAK,MAAM,aAAa;GACnC,aAAa;GACb,OAAO;GACP,OAAO,KAAK,MAAM,cAAc,KAAA;EACjC,CAAA,CAEH,EAAA,CAGgC;CAAS;AAC/C"}
+{"version":3,"file":"use-action.js","names":[],"sources":["../../../resources/js/action/hooks/use-action.tsx"],"sourcesContent":["import { router } from \"@inertiajs/react\";\nimport type { Method } from \"@inertiajs/core\";\nimport { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { ConfirmDialog } from \"@lattice-php/ui/confirm-dialog\";\nimport { apiFetch } from \"@lattice-php/core/api\";\nimport { withHeaders } from \"@lattice-php/core/headers\";\nimport type { Node } from \"@lattice-php/core/types\";\nimport { translate } from \"@lattice-php/ui/i18n\";\nimport { useEffectDispatcher } from \"@lattice-php/ui/effects/use-effect-dispatcher\";\nimport { runAction } from \"@lattice-php/lattice/action/lib/run-action\";\nimport { ActionForm, useLazyActionForm } from \"@lattice-php/lattice/action/components/action-form\";\nimport { actionLabel } from \"@lattice-php/lattice/action/lib/action-label\";\n\ntype UseAction = {\n  /** Whether the action request is in flight. */\n  processing: boolean;\n  /** Gate then run the action: open the form, confirm, or dispatch directly. */\n  requestSubmit: () => void;\n  /** The confirm dialog and action form rendered next to the trigger. */\n  overlays: ReactNode;\n};\n\n/**\n * The shared action machinery behind the Action button, action menu items, and\n * action links: it gates submission (form → modal, confirmation → confirm,\n * otherwise dispatch) and renders the matching overlays. The host owns the\n * trigger element so each surface keeps its own styling.\n */\nexport function useAction(node: Node<\"action\" | \"action.bulk\">): UseAction {\n  const endpoint = node.props.endpoint ?? \"\";\n  const componentRef = node.props.ref ?? \"\";\n  const method: Method = node.props.method ?? \"post\";\n  const label = actionLabel(node);\n  const { variant, emphasis } = node.props;\n  const confirmation = node.props.confirmation;\n  const inlineForm = node.props.form;\n  const lazyForm = node.props.lazyForm === true;\n  const hasForm = Boolean(inlineForm) || lazyForm;\n\n  const [processing, setProcessing] = useState(false);\n  const dispatch = useEffectDispatcher();\n  const [isConfirming, setIsConfirming] = useState(false);\n  const [isFilling, setIsFilling] = useState(false);\n  const lazyNode = useLazyActionForm(endpoint, componentRef, isFilling && lazyForm);\n  const formNode = lazyForm ? lazyNode : inlineForm;\n\n  const submit = async (): Promise<void> => {\n    if (!endpoint) {\n      return;\n    }\n\n    if (method === \"get\") {\n      router.visit(endpoint, { headers: withHeaders(componentRef) });\n      setIsConfirming(false);\n\n      return;\n    }\n\n    setProcessing(true);\n\n    const ok = await runAction(\n      () => apiFetch(endpoint, { method, ref: componentRef, throwOnError: false }),\n      dispatch,\n    );\n\n    setProcessing(false);\n\n    if (ok) {\n      setIsConfirming(false);\n    }\n  };\n\n  const requestSubmit = (): void => {\n    if (hasForm) {\n      setIsFilling(true);\n\n      return;\n    }\n\n    if (confirmation) {\n      setIsConfirming(true);\n\n      return;\n    }\n\n    void submit();\n  };\n\n  const confirmationTitle = confirmation?.title ?? label;\n  const confirmationConfirmLabel = confirmation?.confirmLabel ?? label;\n  const confirmationCancelLabel =\n    confirmation?.cancelLabel ?? translate(\"lattice\", \"common.cancel\", \"Cancel\");\n\n  const overlays = (\n    <>\n      {isConfirming && confirmation && (\n        <ConfirmDialog\n          title={confirmationTitle}\n          description={confirmation.description ?? undefined}\n          confirmLabel={confirmationConfirmLabel}\n          cancelLabel={confirmationCancelLabel}\n          confirmVariant={variant}\n          confirmEmphasis={emphasis}\n          processing={processing}\n          confirmDisabled={!endpoint}\n          onConfirm={() => void submit()}\n          onCancel={() => setIsConfirming(false)}\n        />\n      )}\n\n      {isFilling && hasForm && (\n        <ActionForm\n          cancelLabel={confirmationCancelLabel}\n          componentRef={componentRef}\n          description={confirmation?.description ?? undefined}\n          endpoint={endpoint}\n          formNode={formNode}\n          method={method}\n          onClose={() => setIsFilling(false)}\n          onSuccess={() => {\n            setIsFilling(false);\n          }}\n          placement={node.props.modalSide ?? \"center\"}\n          submitLabel={confirmationConfirmLabel}\n          title={confirmationTitle}\n          width={node.props.modalWidth ?? undefined}\n        />\n      )}\n    </>\n  );\n\n  return { processing, requestSubmit, overlays };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AA6BA,SAAgB,UAAU,MAAiD;CACzE,MAAM,WAAW,KAAK,MAAM,YAAY;CACxC,MAAM,eAAe,KAAK,MAAM,OAAO;CACvC,MAAM,SAAiB,KAAK,MAAM,UAAU;CAC5C,MAAM,QAAQ,YAAY,IAAI;CAC9B,MAAM,EAAE,SAAS,aAAa,KAAK;CACnC,MAAM,eAAe,KAAK,MAAM;CAChC,MAAM,aAAa,KAAK,MAAM;CAC9B,MAAM,WAAW,KAAK,MAAM,aAAa;CACzC,MAAM,UAAU,QAAQ,UAAU,KAAK;CAEvC,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAClD,MAAM,WAAW,oBAAoB;CACrC,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CACtD,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAChD,MAAM,YAAA,GAAW,oBAAA,kBAAA,CAAkB,UAAU,cAAc,aAAa,QAAQ;CAChF,MAAM,WAAW,WAAW,WAAW;CAEvC,MAAM,SAAS,YAA2B;EACxC,IAAI,CAAC,UACH;EAGF,IAAI,WAAW,OAAO;GACpB,OAAO,MAAM,UAAU,EAAE,SAAS,YAAY,YAAY,EAAE,CAAC;GAC7D,gBAAgB,KAAK;GAErB;EACF;EAEA,cAAc,IAAI;EAElB,MAAM,KAAK,OAAA,GAAM,mBAAA,UAAA,OACT,SAAS,UAAU;GAAE;GAAQ,KAAK;GAAc,cAAc;EAAM,CAAC,GAC3E,QACF;EAEA,cAAc,KAAK;EAEnB,IAAI,IACF,gBAAgB,KAAK;CAEzB;CAEA,MAAM,sBAA4B;EAChC,IAAI,SAAS;GACX,aAAa,IAAI;GAEjB;EACF;EAEA,IAAI,cAAc;GAChB,gBAAgB,IAAI;GAEpB;EACF;EAEA,OAAY;CACd;CAEA,MAAM,oBAAoB,cAAc,SAAS;CACjD,MAAM,2BAA2B,cAAc,gBAAgB;CAC/D,MAAM,0BACJ,cAAc,eAAe,UAAU,WAAW,iBAAiB,QAAQ;CAwC7E,OAAO;EAAE;EAAY;EAAe,UArClC,qBAAA,YAAA,EAAA,UAAA,CACG,gBAAgB,gBACf,oBAAC,eAAD;GACE,OAAO;GACP,aAAa,aAAa,eAAe,KAAA;GACzC,cAAc;GACd,aAAa;GACb,gBAAgB;GAChB,iBAAiB;GACL;GACZ,iBAAiB,CAAC;GAClB,iBAAiB,KAAK,OAAO;GAC7B,gBAAgB,gBAAgB,KAAK;EACtC,CAAA,GAGF,aAAa,WACZ,oBAAC,oBAAA,YAAD;GACE,aAAa;GACC;GACd,aAAa,cAAc,eAAe,KAAA;GAChC;GACA;GACF;GACR,eAAe,aAAa,KAAK;GACjC,iBAAiB;IACf,aAAa,KAAK;GACpB;GACA,WAAW,KAAK,MAAM,aAAa;GACnC,aAAa;GACb,OAAO;GACP,OAAO,KAAK,MAAM,cAAc,KAAA;EACjC,CAAA,CAEH,EAAA,CAGgC;CAAS;AAC/C"}

package/dist/action/index.d.ts

@@ -2,7 +2,7 @@ export { default as ActionComponent } from './components/action.js';
 export { ActionForm } from './components/action-form.js';
 export { default as ActionGroupComponent } from './components/action-group.js';
 export { ActionInteractionProvider, ActionTrigger } from './components/action-trigger-provider.js';
-export { ActionMenuProvider, actionMenuItemClassName, useActionMenu, } from '../ui/action-menu-context.js';
+export { ActionMenuProvider, actionMenuItemClassName, useActionMenu, } from '@lattice-php/ui/action-menu-context';
 export { useAction } from './hooks/use-action.js';
 export { runAction } from './lib/run-action.js';
 export { actionComponents } from './plugin.js';

package/dist/action/index.js

@@ -1,9 +1,11 @@
-import { runAction } from "./lib/run-action.js";
-import { ActionForm } from "./components/action-form.js";
+import { run_action_exports } from "./lib/run-action.js";
+import { action_form_exports } from "./components/action-form.js";
 import { useAction } from "./hooks/use-action.js";
 import { ActionInteractionProvider, ActionTrigger } from "./components/action-trigger-provider.js";
-import { ActionMenuProvider, actionMenuItemClassName, useActionMenu } from "../ui/action-menu-context.js";
 import ActionComponent from "./components/action.js";
 import ActionGroupComponent from "./components/action-group.js";
 import { actionComponents } from "./plugin.js";
+import { ActionMenuProvider, actionMenuItemClassName, useActionMenu } from "@lattice-php/ui/action-menu-context";
+var ActionForm = action_form_exports.ActionForm;
+var runAction = run_action_exports.runAction;
 export { ActionComponent, ActionForm, ActionGroupComponent, ActionInteractionProvider, ActionMenuProvider, ActionTrigger, actionComponents, actionMenuItemClassName, runAction, useAction, useActionMenu };

package/dist/action/lib/action-label.d.ts

@@ -1,2 +1,2 @@
-import { Node } from '../../core/types.js';
+import { Node } from '@lattice-php/core/types';
 export declare function actionLabel(node: Node<"action" | "action.bulk">): string;

package/dist/action/lib/action-label.js

@@ -1,4 +1,4 @@
-import { translate } from "../../i18n/instance.js";
+import { translate } from "@lattice-php/ui/i18n";
 //#region resources/js/action/lib/action-label.ts
 function actionLabel(node) {
 	return node.props.label ?? translate("lattice", "common.action.run", "Run action");

package/dist/action/lib/action-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"action-label.js","names":[],"sources":["../../../resources/js/action/lib/action-label.ts"],"sourcesContent":["import { translate } from \"@lattice-php/lattice/i18n\";\nimport type { Node } from \"@lattice-php/lattice/core/types\";\n\nexport function actionLabel(node: Node<\"action\" | \"action.bulk\">): string {\n  return node.props.label ?? translate(\"lattice\", \"common.action.run\", \"Run action\");\n}\n"],"mappings":";;AAGA,SAAgB,YAAY,MAA8C;CACxE,OAAO,KAAK,MAAM,SAAS,UAAU,WAAW,qBAAqB,YAAY;AACnF"}
+{"version":3,"file":"action-label.js","names":[],"sources":["../../../resources/js/action/lib/action-label.ts"],"sourcesContent":["import { translate } from \"@lattice-php/ui/i18n\";\nimport type { Node } from \"@lattice-php/core/types\";\n\nexport function actionLabel(node: Node<\"action\" | \"action.bulk\">): string {\n  return node.props.label ?? translate(\"lattice\", \"common.action.run\", \"Run action\");\n}\n"],"mappings":";;AAGA,SAAgB,YAAY,MAA8C;CACxE,OAAO,KAAK,MAAM,SAAS,UAAU,WAAW,qBAAqB,YAAY;AACnF"}

package/dist/action/lib/run-action.d.ts

@@ -1,9 +1 @@
-import { ActionEffect } from '../../effects/dispatch.js';
-/**
- * Runs an action request and dispatches the effects from its response body,
- * whether the action succeeded or was rejected (non-2xx). Returns whether the
- * response was ok so callers run their own post-success cleanup (closing a
- * dialog, reloading a table) only on success; a rejected action leaves the
- * dialog open. A thrown/network error routes through dispatchActionError.
- */
-export declare function runAction(request: () => Promise<Response>, dispatch: (effects: ActionEffect[]) => void): Promise<boolean>;
+export * from '@lattice-php/ui/effects/run-action';