@lattice-php/lattice 0.40.0 → 0.41.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lattice-php/lattice",
-  "version": "0.40.0",
+  "version": "0.41.0",
   "description": "Server-driven React components for Laravel and Inertia.",
   "license": "MIT",
   "author": "Manuel Christlieb <manuel@christlieb.eu>",
@@ -32,14 +32,6 @@
       "import": "./dist/index.js"
     },
     "./css": "./dist/lattice.css",
-    "./action": {
-      "types": "./dist/action/index.d.ts",
-      "import": "./dist/action/index.js"
-    },
-    "./action/lib/run-action": {
-      "types": "./dist/action/lib/run-action.d.ts",
-      "import": "./dist/action/lib/run-action.js"
-    },
     "./appearance": {
       "types": "./dist/appearance/index.d.ts",
       "import": "./dist/appearance/index.js"
@@ -121,14 +113,15 @@
     "build": "vite build",
     "build:standalone": "vite build --mode standalone",
     "prepack": "npm run build",
-    "typecheck": "tsc --noEmit",
-    "test": "vitest run"
+    "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@lattice-php/core": "0.40.0",
-    "@lattice-php/form": "0.40.0",
-    "@lattice-php/table": "0.40.0",
-    "@lattice-php/ui": "0.40.0",
+    "@lattice-php/action": "0.41.0",
+    "@lattice-php/core": "0.41.0",
+    "@lattice-php/form": "0.41.0",
+    "@lattice-php/table": "0.41.0",
+    "@lattice-php/ui": "0.41.0",
+    "@lattice-php/vite-svg-sprite": "^0.3.0",
     "@atlaskit/pragmatic-drag-and-drop": "^2.0.1",
     "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^3.0.0",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^2.0.0",
@@ -140,7 +133,6 @@
     "@codemirror/legacy-modes": "^6.5.3",
     "@codemirror/state": "^6.7.1",
     "@codemirror/view": "^6.43.7",
-    "@lattice-php/vite-svg-sprite": "^0.3.0",
     "@lezer/highlight": "^1.2.3",
     "@radix-ui/react-toast": "^1.2.16"
   },

package/dist/_virtual/_rolldown/runtime.js

@@ -1,27 +0,0 @@
-//#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 +0,0 @@
-export * from '@lattice-php/form/action-form';

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

@@ -1,10 +0,0 @@
-import { __exportAll, __reExport } from "../../_virtual/_rolldown/runtime.js";
-export * from "@lattice-php/form/action-form";
-//#region resources/js/action/components/action-form.tsx
-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 { action_form_exports };
-
-//# sourceMappingURL=action-form.js.map

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

@@ -1 +0,0 @@
-{"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 +0,0 @@
-import { RendererComponent } from '@lattice-php/core/types';
-declare const ActionGroupComponent: RendererComponent<"action.group">;
-export default ActionGroupComponent;

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

@@ -1,51 +0,0 @@
-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");
-	const label = node.props.label ?? t("common.action-group.label", "Actions");
-	const orientation = node.props.orientation;
-	if (orientation) return /* @__PURE__ */ jsx("div", {
-		"aria-label": label,
-		className: cn("inline-flex max-w-full gap-1", orientation === "vertical" ? "flex-col items-stretch" : "flex-row flex-wrap items-center"),
-		"data-lattice-component": node.id,
-		role: "group",
-		children
-	});
-	return /* @__PURE__ */ jsx("div", {
-		className: "inline-flex",
-		"data-lattice-component": node.id,
-		children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-			asChild: true,
-			children: /* @__PURE__ */ jsx(Button, {
-				"aria-label": label,
-				className: "size-lt-control-sm text-lt-muted-fg shadow-none hover:text-lt-fg",
-				"data-test": nodeIdentity(node),
-				size: "icon",
-				type: "button",
-				emphasis: "ghost",
-				children: /* @__PURE__ */ jsx(Icon, {
-					name: "more-horizontal",
-					"aria-hidden": "true",
-					className: "size-lt-icon-md"
-				})
-			})
-		}), /* @__PURE__ */ jsx(DropdownMenuContent, {
-			align: "end",
-			"aria-label": label,
-			className: "min-w-44 gap-0.5 p-1.5",
-			sideOffset: 8,
-			children: /* @__PURE__ */ jsx(ActionMenuProvider, { children })
-		})] })
-	});
-};
-//#endregion
-export { ActionGroupComponent as default };
-
-//# sourceMappingURL=action-group.js.map

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

@@ -1 +0,0 @@
-{"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,10 +0,0 @@
-import { ReactNode } from 'react';
-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;
-}): import("react").JSX.Element;
-export declare function ActionInteractionProvider({ children }: {
-    children: ReactNode;
-}): import("react").JSX.Element;

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

@@ -1,24 +0,0 @@
-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);
-	return /* @__PURE__ */ jsxs(Fragment, { children: [children({
-		onClick: requestSubmit,
-		processing
-	}), overlays] });
-}
-function ActionInteractionProvider({ children }) {
-	return /* @__PURE__ */ jsx(ActionTriggerProvider, {
-		render: (props) => /* @__PURE__ */ jsx(ActionTrigger, {
-			action: props.action,
-			children: props.children
-		}),
-		children
-	});
-}
-//#endregion
-export { ActionInteractionProvider, ActionTrigger };
-
-//# sourceMappingURL=action-trigger-provider.js.map

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

@@ -1 +0,0 @@
-{"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 +0,0 @@
-import { RendererComponent } from '@lattice-php/core/types';
-declare const ActionComponent: RendererComponent<"action">;
-export default ActionComponent;

package/dist/action/components/action.js

@@ -1,36 +0,0 @@
-import { actionLabel } from "../lib/action-label.js";
-import { useAction } from "../hooks/use-action.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 ?? "";
-	const icon = node.props.icon;
-	const label = actionLabel(node);
-	const isMenuItem = useActionMenu();
-	const { variant, emphasis } = node.props;
-	const { processing, requestSubmit, overlays } = useAction(node);
-	const testId = node.key ?? prefixedTestId("action", node.id);
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Button, {
-		className: isMenuItem ? actionMenuItemClassName : void 0,
-		"data-lattice-component": node.id,
-		"data-test": testId,
-		disabled: processing || !endpoint,
-		onClick: requestSubmit,
-		type: "button",
-		emphasis: isMenuItem ? "ghost" : emphasis,
-		variant: isMenuItem ? null : variant,
-		children: [processing ? /* @__PURE__ */ jsx(Spinner, { className: isMenuItem ? "size-lt-icon-sm" : void 0 }) : icon && /* @__PURE__ */ jsx(IconRenderer, {
-			className: isMenuItem ? "size-lt-icon-sm" : "size-lt-icon-md",
-			icon
-		}), label]
-	}), overlays] });
-};
-//#endregion
-export { ActionComponent as default };
-
-//# sourceMappingURL=action.js.map

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

@@ -1 +0,0 @@
-{"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,18 +0,0 @@
-import { ReactNode } from 'react';
-import { Node } from '@lattice-php/core/types';
-type UseAction = {
-    /** Whether the action request is in flight. */
-    processing: boolean;
-    /** Gate then run the action: open the form, confirm, or dispatch directly. */
-    requestSubmit: () => void;
-    /** The confirm dialog and action form rendered next to the trigger. */
-    overlays: ReactNode;
-};
-/**
- * The shared action machinery behind the Action button, action menu items, and
- * action links: it gates submission (form → modal, confirmation → confirm,
- * otherwise dispatch) and renders the matching overlays. The host owns the
- * trigger element so each surface keeps its own styling.
- */
-export declare function useAction(node: Node<"action" | "action.bulk">): UseAction;
-export {};

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

@@ -1,100 +0,0 @@
-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
-* action links: it gates submission (form → modal, confirmation → confirm,
-* otherwise dispatch) and renders the matching overlays. The host owns the
-* trigger element so each surface keeps its own styling.
-*/
-function useAction(node) {
-	const endpoint = node.props.endpoint ?? "";
-	const componentRef = node.props.ref ?? "";
-	const method = node.props.method ?? "post";
-	const label = actionLabel(node);
-	const { variant, emphasis } = node.props;
-	const confirmation = node.props.confirmation;
-	const inlineForm = node.props.form;
-	const lazyForm = node.props.lazyForm === true;
-	const hasForm = Boolean(inlineForm) || lazyForm;
-	const [processing, setProcessing] = useState(false);
-	const dispatch = useEffectDispatcher();
-	const [isConfirming, setIsConfirming] = useState(false);
-	const [isFilling, setIsFilling] = useState(false);
-	const lazyNode = (0, action_form_exports.useLazyActionForm)(endpoint, componentRef, isFilling && lazyForm);
-	const formNode = lazyForm ? lazyNode : inlineForm;
-	const submit = async () => {
-		if (!endpoint) return;
-		if (method === "get") {
-			router.visit(endpoint, { headers: withHeaders(componentRef) });
-			setIsConfirming(false);
-			return;
-		}
-		setProcessing(true);
-		const ok = await (0, run_action_exports.runAction)(() => apiFetch(endpoint, {
-			method,
-			ref: componentRef,
-			throwOnError: false
-		}), dispatch);
-		setProcessing(false);
-		if (ok) setIsConfirming(false);
-	};
-	const requestSubmit = () => {
-		if (hasForm) {
-			setIsFilling(true);
-			return;
-		}
-		if (confirmation) {
-			setIsConfirming(true);
-			return;
-		}
-		submit();
-	};
-	const confirmationTitle = confirmation?.title ?? label;
-	const confirmationConfirmLabel = confirmation?.confirmLabel ?? label;
-	const confirmationCancelLabel = confirmation?.cancelLabel ?? translate("lattice", "common.cancel", "Cancel");
-	return {
-		processing,
-		requestSubmit,
-		overlays: /* @__PURE__ */ jsxs(Fragment$1, { children: [isConfirming && confirmation && /* @__PURE__ */ jsx(ConfirmDialog, {
-			title: confirmationTitle,
-			description: confirmation.description ?? void 0,
-			confirmLabel: confirmationConfirmLabel,
-			cancelLabel: confirmationCancelLabel,
-			confirmVariant: variant,
-			confirmEmphasis: emphasis,
-			processing,
-			confirmDisabled: !endpoint,
-			onConfirm: () => void submit(),
-			onCancel: () => setIsConfirming(false)
-		}), isFilling && hasForm && /* @__PURE__ */ jsx(action_form_exports.ActionForm, {
-			cancelLabel: confirmationCancelLabel,
-			componentRef,
-			description: confirmation?.description ?? void 0,
-			endpoint,
-			formNode,
-			method,
-			onClose: () => setIsFilling(false),
-			onSuccess: () => {
-				setIsFilling(false);
-			},
-			placement: node.props.modalSide ?? "center",
-			submitLabel: confirmationConfirmLabel,
-			title: confirmationTitle,
-			width: node.props.modalWidth ?? void 0
-		})] })
-	};
-}
-//#endregion
-export { useAction };
-
-//# sourceMappingURL=use-action.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,8 +0,0 @@
-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 '@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,11 +0,0 @@
-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 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 +0,0 @@
-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,9 +0,0 @@
-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");
-}
-//#endregion
-export { actionLabel };
-
-//# sourceMappingURL=action-label.js.map

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

@@ -1 +0,0 @@
-{"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 +0,0 @@
-export * from '@lattice-php/ui/effects/run-action';

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

@@ -1,10 +0,0 @@
-import { __exportAll, __reExport } from "../../_virtual/_rolldown/runtime.js";
-export * from "@lattice-php/ui/effects/run-action";
-//#region resources/js/action/lib/run-action.ts
-var run_action_exports = /* @__PURE__ */ __exportAll({});
-import * as import__lattice_php_ui_effects_run_action from "@lattice-php/ui/effects/run-action";
-__reExport(run_action_exports, import__lattice_php_ui_effects_run_action);
-//#endregion
-export { run_action_exports };
-
-//# sourceMappingURL=run-action.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"run-action.js","names":[],"sources":["../../../resources/js/action/lib/run-action.ts"],"sourcesContent":["export * from \"@lattice-php/ui/effects/run-action\";\n"],"mappings":""}

package/dist/action/plugin.d.ts

@@ -1,2 +0,0 @@
-import { Plugin } from '@lattice-php/core/registry';
-export declare const actionComponents: Plugin;

package/dist/action/plugin.js

@@ -1,15 +0,0 @@
-import ActionComponent from "./components/action.js";
-import ActionGroupComponent from "./components/action-group.js";
-import { eagerComponent } from "@lattice-php/core/registry";
-//#region resources/js/action/plugin.ts
-var actionComponents = {
-	components: {
-		action: eagerComponent(ActionComponent),
-		"action.group": eagerComponent(ActionGroupComponent)
-	},
-	name: "lattice/action"
-};
-//#endregion
-export { actionComponents };
-
-//# sourceMappingURL=plugin.js.map

package/dist/action/plugin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"plugin.js","names":[],"sources":["../../resources/js/action/plugin.ts"],"sourcesContent":["import { eagerComponent, type ComponentRegistryFor, type Plugin } from \"@lattice-php/core/registry\";\nimport type { ActionNodeType } from \"@lattice-php/lattice/types/generated\";\nimport ActionComponent from \"./components/action\";\nimport ActionGroupComponent from \"./components/action-group\";\n\ntype ActionComponentType = Exclude<ActionNodeType, \"action.bulk\">;\n\nexport const actionComponents: Plugin = {\n  components: {\n    action: eagerComponent(ActionComponent),\n    \"action.group\": eagerComponent(ActionGroupComponent),\n  } satisfies ComponentRegistryFor<ActionComponentType>,\n  name: \"lattice/action\",\n};\n"],"mappings":";;;;AAOA,IAAa,mBAA2B;CACtC,YAAY;EACV,QAAQ,eAAe,eAAe;EACtC,gBAAgB,eAAe,oBAAoB;CACrD;CACA,MAAM;AACR"}