@lattice-php/lattice 0.16.0 → 0.17.0

package/dist/notifications/components/notification-item.js

@@ -0,0 +1,65 @@
+import { cn } from "../../lib/utils.js";
+import { IconRenderer } from "../../icons/icon-renderer.js";
+import { RenderNode } from "../../core/renderer.js";
+import { useT } from "../../i18n/instance.js";
+import { Link } from "@inertiajs/react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region resources/js/notifications/components/notification-item.tsx
+var variantIconClass = {
+	success: "text-lt-success",
+	info: "text-lt-info",
+	warning: "text-lt-warning",
+	error: "text-lt-danger"
+};
+function NotificationItemRow({ notification, onMarkRead, onDismiss }) {
+	const { t } = useT("lattice");
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [notification.title ? /* @__PURE__ */ jsx("p", {
+		className: "truncate text-sm font-medium text-lt-fg",
+		children: notification.title
+	}) : null, notification.body ? /* @__PURE__ */ jsx("p", {
+		className: "text-sm text-lt-muted-fg",
+		children: notification.body
+	}) : null] });
+	return /* @__PURE__ */ jsxs("li", {
+		className: cn("flex gap-3 px-3 py-3", !notification.isRead && "bg-lt-muted/40"),
+		"data-test": "notification",
+		children: [
+			notification.icon ? /* @__PURE__ */ jsx(IconRenderer, {
+				icon: notification.icon,
+				className: cn("mt-0.5 size-lt-icon-md", notification.variant ? variantIconClass[notification.variant] : void 0)
+			}) : null,
+			/* @__PURE__ */ jsxs("div", {
+				className: "min-w-0 flex-1",
+				children: [notification.href ? /* @__PURE__ */ jsx(Link, {
+					href: notification.href,
+					className: "block",
+					"data-test": "notification-link",
+					onClick: () => onMarkRead(notification.id),
+					children: content
+				}) : content, notification.actions.length > 0 ? /* @__PURE__ */ jsx("div", {
+					className: "mt-2 flex flex-wrap gap-2",
+					children: notification.actions.map((node, index) => /* @__PURE__ */ jsx(RenderNode, { node }, node.key ?? node.id ?? `action-${index}`))
+				}) : null]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex shrink-0 flex-col gap-1",
+				children: [!notification.isRead ? /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "text-xs text-lt-muted-fg hover:text-lt-fg",
+					onClick: () => onMarkRead(notification.id),
+					children: t("notifications.mark-read", "Mark read")
+				}) : null, /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-label": t("notifications.dismiss", "Dismiss"),
+					className: "text-xs text-lt-muted-fg hover:text-lt-fg",
+					onClick: () => onDismiss(notification.id),
+					children: t("notifications.dismiss", "Dismiss")
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { NotificationItemRow };
+
+//# sourceMappingURL=notification-item.js.map

package/dist/notifications/components/notification-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-item.js","names":[],"sources":["../../../resources/js/notifications/components/notification-item.tsx"],"sourcesContent":["import { Link } from \"@inertiajs/react\";\nimport { RenderNode } from \"@lattice-php/lattice/core/renderer\";\nimport { IconRenderer } from \"@lattice-php/lattice/icons\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport type { NotificationItem } from \"../types\";\n\nconst variantIconClass: Record<NonNullable<NotificationItem[\"variant\"]>, string> = {\n  success: \"text-lt-success\",\n  info: \"text-lt-info\",\n  warning: \"text-lt-warning\",\n  error: \"text-lt-danger\",\n};\n\nexport function NotificationItemRow({\n  notification,\n  onMarkRead,\n  onDismiss,\n}: {\n  notification: NotificationItem;\n  onMarkRead: (id: string) => void;\n  onDismiss: (id: string) => void;\n}) {\n  const { t } = useT(\"lattice\");\n\n  const content = (\n    <>\n      {notification.title ? (\n        <p className=\"truncate text-sm font-medium text-lt-fg\">{notification.title}</p>\n      ) : null}\n      {notification.body ? <p className=\"text-sm text-lt-muted-fg\">{notification.body}</p> : null}\n    </>\n  );\n\n  return (\n    <li\n      className={cn(\"flex gap-3 px-3 py-3\", !notification.isRead && \"bg-lt-muted/40\")}\n      data-test=\"notification\"\n    >\n      {notification.icon ? (\n        <IconRenderer\n          icon={notification.icon}\n          className={cn(\n            \"mt-0.5 size-lt-icon-md\",\n            notification.variant ? variantIconClass[notification.variant] : undefined,\n          )}\n        />\n      ) : null}\n      <div className=\"min-w-0 flex-1\">\n        {notification.href ? (\n          <Link\n            href={notification.href}\n            className=\"block\"\n            data-test=\"notification-link\"\n            onClick={() => onMarkRead(notification.id)}\n          >\n            {content}\n          </Link>\n        ) : (\n          content\n        )}\n        {notification.actions.length > 0 ? (\n          <div className=\"mt-2 flex flex-wrap gap-2\">\n            {notification.actions.map((node, index) => (\n              <RenderNode key={node.key ?? node.id ?? `action-${index}`} node={node} />\n            ))}\n          </div>\n        ) : null}\n      </div>\n      <div className=\"flex shrink-0 flex-col gap-1\">\n        {!notification.isRead ? (\n          <button\n            type=\"button\"\n            className=\"text-xs text-lt-muted-fg hover:text-lt-fg\"\n            onClick={() => onMarkRead(notification.id)}\n          >\n            {t(\"notifications.mark-read\", \"Mark read\")}\n          </button>\n        ) : null}\n        <button\n          type=\"button\"\n          aria-label={t(\"notifications.dismiss\", \"Dismiss\")}\n          className=\"text-xs text-lt-muted-fg hover:text-lt-fg\"\n          onClick={() => onDismiss(notification.id)}\n        >\n          {t(\"notifications.dismiss\", \"Dismiss\")}\n        </button>\n      </div>\n    </li>\n  );\n}\n"],"mappings":";;;;;;;AAOA,IAAM,mBAA6E;CACjF,SAAS;CACT,MAAM;CACN,SAAS;CACT,OAAO;AACT;AAEA,SAAgB,oBAAoB,EAClC,cACA,YACA,aAKC;CACD,MAAM,EAAE,MAAM,KAAK,SAAS;CAE5B,MAAM,UACJ,qBAAA,UAAA,EAAA,UAAA,CACG,aAAa,QACZ,oBAAC,KAAD;EAAG,WAAU;YAA2C,aAAa;CAAS,CAAA,IAC5E,MACH,aAAa,OAAO,oBAAC,KAAD;EAAG,WAAU;YAA4B,aAAa;CAAQ,CAAA,IAAI,IACvF,EAAA,CAAA;CAGJ,OACE,qBAAC,MAAD;EACE,WAAW,GAAG,wBAAwB,CAAC,aAAa,UAAU,gBAAgB;EAC9E,aAAU;YAFZ;GAIG,aAAa,OACZ,oBAAC,cAAD;IACE,MAAM,aAAa;IACnB,WAAW,GACT,0BACA,aAAa,UAAU,iBAAiB,aAAa,WAAW,KAAA,CAClE;GACD,CAAA,IACC;GACJ,qBAAC,OAAD;IAAK,WAAU;cAAf,CACG,aAAa,OACZ,oBAAC,MAAD;KACE,MAAM,aAAa;KACnB,WAAU;KACV,aAAU;KACV,eAAe,WAAW,aAAa,EAAE;eAExC;IACG,CAAA,IAEN,SAED,aAAa,QAAQ,SAAS,IAC7B,oBAAC,OAAD;KAAK,WAAU;eACZ,aAAa,QAAQ,KAAK,MAAM,UAC/B,oBAAC,YAAD,EAAiE,KAAO,GAAvD,KAAK,OAAO,KAAK,MAAM,UAAU,OAAsB,CACzE;IACE,CAAA,IACH,IACD;;GACL,qBAAC,OAAD;IAAK,WAAU;cAAf,CACG,CAAC,aAAa,SACb,oBAAC,UAAD;KACE,MAAK;KACL,WAAU;KACV,eAAe,WAAW,aAAa,EAAE;eAExC,EAAE,2BAA2B,WAAW;IACnC,CAAA,IACN,MACJ,oBAAC,UAAD;KACE,MAAK;KACL,cAAY,EAAE,yBAAyB,SAAS;KAChD,WAAU;KACV,eAAe,UAAU,aAAa,EAAE;eAEvC,EAAE,yBAAyB,SAAS;IAC/B,CAAA,CACL;;EACH;;AAER"}

package/dist/notifications/components/notification-list.d.ts

@@ -0,0 +1,10 @@
+import { NotificationItem } from '../types';
+import { NotificationsStatus } from '../store';
+export declare function NotificationList({ notifications, status, hasMore, onMarkRead, onDismiss, onLoadMore, }: {
+    notifications: NotificationItem[];
+    status: NotificationsStatus;
+    hasMore: boolean;
+    onMarkRead: (id: string) => void;
+    onDismiss: (id: string) => void;
+    onLoadMore: () => void;
+}): import("react").JSX.Element;

package/dist/notifications/components/notification-list.js

@@ -0,0 +1,38 @@
+import { useT } from "../../i18n/instance.js";
+import { Skeleton } from "../../core/components/skeleton.js";
+import { EmptyState } from "./empty-state.js";
+import { NotificationItemRow } from "./notification-item.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region resources/js/notifications/components/notification-list.tsx
+function NotificationList({ notifications, status, hasMore, onMarkRead, onDismiss, onLoadMore }) {
+	const { t } = useT("lattice");
+	if (status === "loading" && notifications.length === 0) return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2 p-3",
+		children: [
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full" })
+		]
+	});
+	if (notifications.length === 0) return /* @__PURE__ */ jsx(EmptyState, {});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "max-h-96 overflow-y-auto",
+		children: [/* @__PURE__ */ jsx("ul", {
+			className: "divide-y divide-lt-border",
+			children: notifications.map((notification) => /* @__PURE__ */ jsx(NotificationItemRow, {
+				notification,
+				onMarkRead,
+				onDismiss
+			}, notification.id))
+		}), hasMore ? /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: "w-full py-2 text-sm text-lt-muted-fg hover:text-lt-fg",
+			onClick: onLoadMore,
+			children: t("notifications.load-more", "Load more")
+		}) : null]
+	});
+}
+//#endregion
+export { NotificationList };
+
+//# sourceMappingURL=notification-list.js.map

package/dist/notifications/components/notification-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-list.js","names":[],"sources":["../../../resources/js/notifications/components/notification-list.tsx"],"sourcesContent":["import { Skeleton } from \"@lattice-php/lattice/core/components/skeleton\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport type { NotificationItem } from \"../types\";\nimport type { NotificationsStatus } from \"../store\";\nimport { EmptyState } from \"./empty-state\";\nimport { NotificationItemRow } from \"./notification-item\";\n\nexport function NotificationList({\n  notifications,\n  status,\n  hasMore,\n  onMarkRead,\n  onDismiss,\n  onLoadMore,\n}: {\n  notifications: NotificationItem[];\n  status: NotificationsStatus;\n  hasMore: boolean;\n  onMarkRead: (id: string) => void;\n  onDismiss: (id: string) => void;\n  onLoadMore: () => void;\n}) {\n  const { t } = useT(\"lattice\");\n\n  if (status === \"loading\" && notifications.length === 0) {\n    return (\n      <div className=\"space-y-2 p-3\">\n        <Skeleton className=\"h-12 w-full\" />\n        <Skeleton className=\"h-12 w-full\" />\n        <Skeleton className=\"h-12 w-full\" />\n      </div>\n    );\n  }\n\n  if (notifications.length === 0) {\n    return <EmptyState />;\n  }\n\n  return (\n    <div className=\"max-h-96 overflow-y-auto\">\n      <ul className=\"divide-y divide-lt-border\">\n        {notifications.map((notification) => (\n          <NotificationItemRow\n            key={notification.id}\n            notification={notification}\n            onMarkRead={onMarkRead}\n            onDismiss={onDismiss}\n          />\n        ))}\n      </ul>\n      {hasMore ? (\n        <button\n          type=\"button\"\n          className=\"w-full py-2 text-sm text-lt-muted-fg hover:text-lt-fg\"\n          onClick={onLoadMore}\n        >\n          {t(\"notifications.load-more\", \"Load more\")}\n        </button>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAOA,SAAgB,iBAAiB,EAC/B,eACA,QACA,SACA,YACA,WACA,cAQC;CACD,MAAM,EAAE,MAAM,KAAK,SAAS;CAE5B,IAAI,WAAW,aAAa,cAAc,WAAW,GACnD,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACE,oBAAC,UAAD,EAAU,WAAU,cAAe,CAAA;GACnC,oBAAC,UAAD,EAAU,WAAU,cAAe,CAAA;GACnC,oBAAC,UAAD,EAAU,WAAU,cAAe,CAAA;EAChC;;CAIT,IAAI,cAAc,WAAW,GAC3B,OAAO,oBAAC,YAAD,CAAa,CAAA;CAGtB,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,MAAD;GAAI,WAAU;aACX,cAAc,KAAK,iBAClB,oBAAC,qBAAD;IAEgB;IACF;IACD;GACZ,GAJM,aAAa,EAInB,CACF;EACC,CAAA,GACH,UACC,oBAAC,UAAD;GACE,MAAK;GACL,WAAU;GACV,SAAS;aAER,EAAE,2BAA2B,WAAW;EACnC,CAAA,IACN,IACD;;AAET"}

package/dist/notifications/components/notifications-echo.d.ts

@@ -0,0 +1,5 @@
+import { NotificationItem } from '../types';
+export declare function NotificationsEcho({ channel, onReceive, }: {
+    channel: string;
+    onReceive: (item: NotificationItem) => void;
+}): null;

package/dist/notifications/components/notifications-echo.js

@@ -0,0 +1,22 @@
+import { useEchoNotification } from "@laravel/echo-react";
+//#region resources/js/notifications/components/notifications-echo.tsx
+function NotificationsEcho({ channel, onReceive }) {
+	useEchoNotification(channel, (payload) => {
+		onReceive({
+			id: payload.id,
+			title: payload.title ?? null,
+			body: payload.body ?? null,
+			icon: payload.icon ?? null,
+			variant: payload.variant ?? null,
+			href: payload.href ?? null,
+			isRead: false,
+			createdAt: null,
+			actions: []
+		});
+	});
+	return null;
+}
+//#endregion
+export { NotificationsEcho };
+
+//# sourceMappingURL=notifications-echo.js.map

package/dist/notifications/components/notifications-echo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notifications-echo.js","names":[],"sources":["../../../resources/js/notifications/components/notifications-echo.tsx"],"sourcesContent":["import { useEchoNotification } from \"@laravel/echo-react\";\nimport type { NotificationItem } from \"../types\";\n\nexport function NotificationsEcho({\n  channel,\n  onReceive,\n}: {\n  channel: string;\n  onReceive: (item: NotificationItem) => void;\n}) {\n  useEchoNotification<Partial<NotificationItem>>(channel, (payload) => {\n    onReceive({\n      id: payload.id,\n      title: payload.title ?? null,\n      body: payload.body ?? null,\n      icon: payload.icon ?? null,\n      variant: payload.variant ?? null,\n      href: payload.href ?? null,\n      isRead: false,\n      createdAt: null,\n      actions: [],\n    });\n  });\n\n  return null;\n}\n"],"mappings":";;AAGA,SAAgB,kBAAkB,EAChC,SACA,aAIC;CACD,oBAA+C,UAAU,YAAY;EACnE,UAAU;GACR,IAAI,QAAQ;GACZ,OAAO,QAAQ,SAAS;GACxB,MAAM,QAAQ,QAAQ;GACtB,MAAM,QAAQ,QAAQ;GACtB,SAAS,QAAQ,WAAW;GAC5B,MAAM,QAAQ,QAAQ;GACtB,QAAQ;GACR,WAAW;GACX,SAAS,CAAC;EACZ,CAAC;CACH,CAAC;CAED,OAAO;AACT"}

package/dist/notifications/components/notifications.d.ts

@@ -0,0 +1,3 @@
+import { RendererComponent } from '../../core/types';
+declare const NotificationsComponent: RendererComponent<"notifications">;
+export default NotificationsComponent;

package/dist/notifications/components/notifications.js

@@ -0,0 +1,109 @@
+import { Icon } from "../../icons/sprite.js";
+import { useT } from "../../i18n/instance.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../../core/components/popover.js";
+import { Dialog, DialogContent, DialogTitle } from "../../core/components/dialog.js";
+import { Badge } from "../../core/components/badge.js";
+import { useNotifications } from "../store.js";
+import { NotificationList } from "./notification-list.js";
+import { Component, Suspense, lazy } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region resources/js/notifications/components/notifications.tsx
+var NotificationsEcho = lazy(() => import("./notifications-echo.js").then((m) => ({ default: m.NotificationsEcho })));
+var EchoBoundary = class extends Component {
+	state = { failed: false };
+	static getDerivedStateFromError() {
+		return { failed: true };
+	}
+	componentDidCatch() {
+		console.warn("[lattice] The notifications bell declares a realtime channel but Echo is unavailable. Install @laravel/echo-react and call configureEcho().");
+	}
+	render() {
+		return this.state.failed ? null : this.props.children;
+	}
+};
+var NotificationsComponent = ({ node }) => {
+	const { t } = useT("lattice");
+	const store = useNotifications({
+		endpoint: node.props.endpoint,
+		pollingInterval: node.props.pollingInterval
+	});
+	const label = t("notifications.label", "Notifications");
+	const trigger = /* @__PURE__ */ jsxs("span", {
+		className: "relative inline-flex items-center justify-center rounded-lt-sm p-2 hover:bg-lt-muted",
+		children: [/* @__PURE__ */ jsx(Icon, {
+			name: "bell",
+			className: "size-lt-icon-md"
+		}), store.unreadCount > 0 ? /* @__PURE__ */ jsx(Badge, {
+			variant: "destructive",
+			"data-test": "notifications-badge",
+			className: "absolute -right-0.5 -top-0.5 min-w-4 px-1 py-0 text-[10px]",
+			children: store.unreadCount
+		}) : null]
+	});
+	const panel = /* @__PURE__ */ jsxs("div", {
+		className: "w-80",
+		"data-test": "notifications-panel",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-between border-b border-lt-border px-3 py-2",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "text-sm font-medium",
+				children: t("notifications.heading", "Notifications")
+			}), store.unreadCount > 0 ? /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "text-xs text-lt-muted-fg hover:text-lt-fg",
+				onClick: store.markAllRead,
+				children: t("notifications.mark-all-read", "Mark all read")
+			}) : null]
+		}), /* @__PURE__ */ jsx(NotificationList, {
+			notifications: store.notifications,
+			status: store.status,
+			hasMore: store.hasMore,
+			onMarkRead: store.markRead,
+			onDismiss: store.dismiss,
+			onLoadMore: store.loadMore
+		})]
+	});
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [node.props.channel ? /* @__PURE__ */ jsx(EchoBoundary, { children: /* @__PURE__ */ jsx(Suspense, {
+		fallback: null,
+		children: /* @__PURE__ */ jsx(NotificationsEcho, {
+			channel: node.props.channel,
+			onReceive: (item) => store.receive(item)
+		})
+	}) }) : null, node.props.slideOut ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": label,
+		"data-test": "notifications-trigger",
+		onClick: () => store.setOpen(true),
+		children: trigger
+	}), /* @__PURE__ */ jsx(Dialog, {
+		open: store.open,
+		onOpenChange: store.setOpen,
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			className: "fixed left-auto right-0 top-0 h-full w-96 max-w-full translate-x-0 translate-y-0 overflow-y-auto p-0",
+			children: [/* @__PURE__ */ jsx(DialogTitle, {
+				className: "sr-only",
+				children: label
+			}), panel]
+		})
+	})] }) : /* @__PURE__ */ jsxs(Popover, {
+		open: store.open,
+		onOpenChange: store.setOpen,
+		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx("button", {
+				type: "button",
+				"aria-label": label,
+				"data-test": "notifications-trigger",
+				children: trigger
+			})
+		}), /* @__PURE__ */ jsx(PopoverContent, {
+			align: "end",
+			className: "p-0",
+			children: panel
+		})]
+	})] });
+};
+//#endregion
+export { NotificationsComponent as default };
+
+//# sourceMappingURL=notifications.js.map

package/dist/notifications/components/notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notifications.js","names":[],"sources":["../../../resources/js/notifications/components/notifications.tsx"],"sourcesContent":["import { Component, lazy, Suspense, type ReactNode } from \"react\";\nimport { Badge } from \"@lattice-php/lattice/core/components/badge\";\nimport { Dialog, DialogContent, DialogTitle } from \"@lattice-php/lattice/core/components/dialog\";\nimport {\n  Popover as PopoverRoot,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@lattice-php/lattice/core/components/popover\";\nimport { Icon } from \"@lattice-php/lattice/icons\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { useNotifications } from \"../store\";\nimport type { NotificationItem } from \"../types\";\nimport { NotificationList } from \"./notification-list\";\n\nconst NotificationsEcho = lazy(() =>\n  import(\"./notifications-echo\").then((m) => ({ default: m.NotificationsEcho })),\n);\n\nclass EchoBoundary extends Component<{ children: ReactNode }, { failed: boolean }> {\n  state = { failed: false };\n\n  static getDerivedStateFromError(): { failed: boolean } {\n    return { failed: true };\n  }\n\n  componentDidCatch(): void {\n    console.warn(\n      \"[lattice] The notifications bell declares a realtime channel but Echo is unavailable. Install @laravel/echo-react and call configureEcho().\",\n    );\n  }\n\n  render(): ReactNode {\n    return this.state.failed ? null : this.props.children;\n  }\n}\n\nconst NotificationsComponent: RendererComponent<\"notifications\"> = ({ node }) => {\n  const { t } = useT(\"lattice\");\n  const store = useNotifications({\n    endpoint: node.props.endpoint,\n    pollingInterval: node.props.pollingInterval,\n  });\n\n  const label = t(\"notifications.label\", \"Notifications\");\n\n  const trigger = (\n    <span className=\"relative inline-flex items-center justify-center rounded-lt-sm p-2 hover:bg-lt-muted\">\n      <Icon name=\"bell\" className=\"size-lt-icon-md\" />\n      {store.unreadCount > 0 ? (\n        <Badge\n          variant=\"destructive\"\n          data-test=\"notifications-badge\"\n          className=\"absolute -right-0.5 -top-0.5 min-w-4 px-1 py-0 text-[10px]\"\n        >\n          {store.unreadCount}\n        </Badge>\n      ) : null}\n    </span>\n  );\n\n  const panel = (\n    <div className=\"w-80\" data-test=\"notifications-panel\">\n      <div className=\"flex items-center justify-between border-b border-lt-border px-3 py-2\">\n        <span className=\"text-sm font-medium\">{t(\"notifications.heading\", \"Notifications\")}</span>\n        {store.unreadCount > 0 ? (\n          <button\n            type=\"button\"\n            className=\"text-xs text-lt-muted-fg hover:text-lt-fg\"\n            onClick={store.markAllRead}\n          >\n            {t(\"notifications.mark-all-read\", \"Mark all read\")}\n          </button>\n        ) : null}\n      </div>\n      <NotificationList\n        notifications={store.notifications}\n        status={store.status}\n        hasMore={store.hasMore}\n        onMarkRead={store.markRead}\n        onDismiss={store.dismiss}\n        onLoadMore={store.loadMore}\n      />\n    </div>\n  );\n\n  return (\n    <>\n      {node.props.channel ? (\n        <EchoBoundary>\n          <Suspense fallback={null}>\n            <NotificationsEcho\n              channel={node.props.channel}\n              onReceive={(item: NotificationItem) => store.receive(item)}\n            />\n          </Suspense>\n        </EchoBoundary>\n      ) : null}\n\n      {node.props.slideOut ? (\n        <>\n          <button\n            type=\"button\"\n            aria-label={label}\n            data-test=\"notifications-trigger\"\n            onClick={() => store.setOpen(true)}\n          >\n            {trigger}\n          </button>\n          <Dialog open={store.open} onOpenChange={store.setOpen}>\n            <DialogContent className=\"fixed left-auto right-0 top-0 h-full w-96 max-w-full translate-x-0 translate-y-0 overflow-y-auto p-0\">\n              <DialogTitle className=\"sr-only\">{label}</DialogTitle>\n              {panel}\n            </DialogContent>\n          </Dialog>\n        </>\n      ) : (\n        <PopoverRoot open={store.open} onOpenChange={store.setOpen}>\n          <PopoverTrigger asChild>\n            <button type=\"button\" aria-label={label} data-test=\"notifications-trigger\">\n              {trigger}\n            </button>\n          </PopoverTrigger>\n          <PopoverContent align=\"end\" className=\"p-0\">\n            {panel}\n          </PopoverContent>\n        </PopoverRoot>\n      )}\n    </>\n  );\n};\n\nexport default NotificationsComponent;\n"],"mappings":";;;;;;;;;;AAeA,IAAM,oBAAoB,WACxB,OAAO,2BAAwB,MAAM,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAC/E;AAEA,IAAM,eAAN,cAA2B,UAAwD;CACjF,QAAQ,EAAE,QAAQ,MAAM;CAExB,OAAO,2BAAgD;EACrD,OAAO,EAAE,QAAQ,KAAK;CACxB;CAEA,oBAA0B;EACxB,QAAQ,KACN,6IACF;CACF;CAEA,SAAoB;EAClB,OAAO,KAAK,MAAM,SAAS,OAAO,KAAK,MAAM;CAC/C;AACF;AAEA,IAAM,0BAA8D,EAAE,WAAW;CAC/E,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,QAAQ,iBAAiB;EAC7B,UAAU,KAAK,MAAM;EACrB,iBAAiB,KAAK,MAAM;CAC9B,CAAC;CAED,MAAM,QAAQ,EAAE,uBAAuB,eAAe;CAEtD,MAAM,UACJ,qBAAC,QAAD;EAAM,WAAU;YAAhB,CACE,oBAAC,MAAD;GAAM,MAAK;GAAO,WAAU;EAAmB,CAAA,GAC9C,MAAM,cAAc,IACnB,oBAAC,OAAD;GACE,SAAQ;GACR,aAAU;GACV,WAAU;aAET,MAAM;EACF,CAAA,IACL,IACA;;CAGR,MAAM,QACJ,qBAAC,OAAD;EAAK,WAAU;EAAO,aAAU;YAAhC,CACE,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,QAAD;IAAM,WAAU;cAAuB,EAAE,yBAAyB,eAAe;GAAQ,CAAA,GACxF,MAAM,cAAc,IACnB,oBAAC,UAAD;IACE,MAAK;IACL,WAAU;IACV,SAAS,MAAM;cAEd,EAAE,+BAA+B,eAAe;GAC3C,CAAA,IACN,IACD;MACL,oBAAC,kBAAD;GACE,eAAe,MAAM;GACrB,QAAQ,MAAM;GACd,SAAS,MAAM;GACf,YAAY,MAAM;GAClB,WAAW,MAAM;GACjB,YAAY,MAAM;EACnB,CAAA,CACE;;CAGP,OACE,qBAAA,YAAA,EAAA,UAAA,CACG,KAAK,MAAM,UACV,oBAAC,cAAD,EAAA,UACE,oBAAC,UAAD;EAAU,UAAU;YAClB,oBAAC,mBAAD;GACE,SAAS,KAAK,MAAM;GACpB,YAAY,SAA2B,MAAM,QAAQ,IAAI;EAC1D,CAAA;CACO,CAAA,EACE,CAAA,IACZ,MAEH,KAAK,MAAM,WACV,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,UAAD;EACE,MAAK;EACL,cAAY;EACZ,aAAU;EACV,eAAe,MAAM,QAAQ,IAAI;YAEhC;CACK,CAAA,GACR,oBAAC,QAAD;EAAQ,MAAM,MAAM;EAAM,cAAc,MAAM;YAC5C,qBAAC,eAAD;GAAe,WAAU;aAAzB,CACE,oBAAC,aAAD;IAAa,WAAU;cAAW;GAAmB,CAAA,GACpD,KACY;;CACT,CAAA,CACR,EAAA,CAAA,IAEF,qBAAC,SAAD;EAAa,MAAM,MAAM;EAAM,cAAc,MAAM;YAAnD,CACE,oBAAC,gBAAD;GAAgB,SAAA;aACd,oBAAC,UAAD;IAAQ,MAAK;IAAS,cAAY;IAAO,aAAU;cAChD;GACK,CAAA;EACM,CAAA,GAChB,oBAAC,gBAAD;GAAgB,OAAM;GAAM,WAAU;aACnC;EACa,CAAA,CACL;GAEf,EAAA,CAAA;AAEN"}

package/dist/notifications/index.d.ts

@@ -0,0 +1 @@
+export declare const notificationsPlugin: import('../core/registry').Plugin;

package/dist/notifications/index.js

@@ -0,0 +1,11 @@
+import { createPlugin, eagerComponent } from "../core/registry.js";
+import NotificationsComponent from "./components/notifications.js";
+//#region resources/js/notifications/index.ts
+var notificationsPlugin = createPlugin({
+	name: "lattice/notifications",
+	components: { notifications: eagerComponent(NotificationsComponent) }
+});
+//#endregion
+export { notificationsPlugin };
+
+//# sourceMappingURL=index.js.map

package/dist/notifications/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../resources/js/notifications/index.ts"],"sourcesContent":["import { createPlugin, eagerComponent } from \"@lattice-php/lattice/core/registry\";\nimport NotificationsComponent from \"./components/notifications\";\n\nexport const notificationsPlugin = createPlugin({\n  name: \"lattice/notifications\",\n  components: {\n    notifications: eagerComponent(NotificationsComponent),\n  },\n});\n"],"mappings":";;;AAGA,IAAa,sBAAsB,aAAa;CAC9C,MAAM;CACN,YAAY,EACV,eAAe,eAAe,sBAAsB,EACtD;AACF,CAAC"}

package/dist/notifications/store.d.ts

@@ -0,0 +1,25 @@
+import { NotificationItem } from './types';
+export declare function prependIncoming(list: NotificationItem[], item: NotificationItem): NotificationItem[];
+export declare function markReadIn(list: NotificationItem[], id: string): NotificationItem[];
+export declare function removeIn(list: NotificationItem[], id: string): NotificationItem[];
+export type NotificationsStatus = "loading" | "idle" | "error";
+type UseNotificationsOptions = {
+    endpoint: string;
+    pollingInterval?: number | null;
+};
+type UseNotificationsReturn = {
+    notifications: NotificationItem[];
+    unreadCount: number;
+    status: NotificationsStatus;
+    hasMore: boolean;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    loadMore: () => void;
+    markRead: (id: string) => void;
+    markAllRead: () => void;
+    dismiss: (id: string) => void;
+    clearAll: () => void;
+    receive: (item: NotificationItem) => void;
+};
+export declare function useNotifications({ endpoint, pollingInterval, }: UseNotificationsOptions): UseNotificationsReturn;
+export {};

package/dist/notifications/store.js

@@ -0,0 +1,100 @@
+import { clearAll, dismiss, fetchNotifications, markAllRead, markRead } from "./api.js";
+import { useCallback, useEffect, useRef, useState } from "react";
+//#region resources/js/notifications/store.ts
+function prependIncoming(list, item) {
+	if (list.some((n) => n.id === item.id)) return list;
+	return [item, ...list];
+}
+function markReadIn(list, id) {
+	return list.map((n) => n.id === id ? {
+		...n,
+		isRead: true
+	} : n);
+}
+function removeIn(list, id) {
+	return list.filter((n) => n.id !== id);
+}
+function useNotifications({ endpoint, pollingInterval }) {
+	const [notifications, setNotifications] = useState([]);
+	const [unreadCount, setUnreadCount] = useState(0);
+	const [status, setStatus] = useState("loading");
+	const [hasMore, setHasMore] = useState(false);
+	const [open, setOpen] = useState(false);
+	const pageRef = useRef(1);
+	const hasMoreRef = useRef(hasMore);
+	hasMoreRef.current = hasMore;
+	const loadingMoreRef = useRef(false);
+	const hydrate = useCallback(async () => {
+		try {
+			const result = await fetchNotifications(endpoint, 1);
+			pageRef.current = 1;
+			setNotifications(result.notifications);
+			setUnreadCount(result.unreadCount);
+			setHasMore(result.hasMore);
+			setStatus("idle");
+		} catch {
+			setStatus("error");
+		}
+	}, [endpoint]);
+	useEffect(() => {
+		hydrate();
+	}, [hydrate]);
+	useEffect(() => {
+		if (!pollingInterval || pollingInterval <= 0) return;
+		const timer = setInterval(() => void hydrate(), pollingInterval * 1e3);
+		return () => clearInterval(timer);
+	}, [hydrate, pollingInterval]);
+	return {
+		notifications,
+		unreadCount,
+		status,
+		hasMore,
+		open,
+		setOpen,
+		loadMore: useCallback(() => {
+			if (loadingMoreRef.current || !hasMoreRef.current) return;
+			loadingMoreRef.current = true;
+			const next = pageRef.current + 1;
+			fetchNotifications(endpoint, next).then((result) => {
+				pageRef.current = next;
+				setNotifications((current) => [...current, ...result.notifications]);
+				setHasMore(result.hasMore);
+			}).catch(() => void hydrate()).finally(() => {
+				loadingMoreRef.current = false;
+			});
+		}, [endpoint, hydrate]),
+		markRead: useCallback((id) => {
+			setNotifications((current) => markReadIn(current, id));
+			setUnreadCount((count) => Math.max(0, count - 1));
+			markRead(endpoint, id).then((r) => setUnreadCount(r.unreadCount)).catch(() => void hydrate());
+		}, [endpoint, hydrate]),
+		markAllRead: useCallback(() => {
+			setNotifications((current) => current.map((n) => ({
+				...n,
+				isRead: true
+			})));
+			setUnreadCount(0);
+			markAllRead(endpoint).then((r) => setUnreadCount(r.unreadCount)).catch(() => void hydrate());
+		}, [endpoint, hydrate]),
+		dismiss: useCallback((id) => {
+			setNotifications((current) => removeIn(current, id));
+			dismiss(endpoint, id).then((r) => setUnreadCount(r.unreadCount)).catch(() => void hydrate());
+		}, [endpoint, hydrate]),
+		clearAll: useCallback(() => {
+			setNotifications([]);
+			setUnreadCount(0);
+			clearAll(endpoint).then((r) => setUnreadCount(r.unreadCount)).catch(() => void hydrate());
+		}, [endpoint, hydrate]),
+		receive: useCallback((item) => {
+			setNotifications((current) => {
+				const next = prependIncoming(current, item);
+				if (next !== current) setUnreadCount((count) => count + 1);
+				return next;
+			});
+		}, [])
+	};
+}
+//#endregion
+export { markReadIn, prependIncoming, removeIn, useNotifications };
+
+//# sourceMappingURL=store.js.map

package/dist/notifications/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","names":[],"sources":["../../resources/js/notifications/store.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport {\n  clearAll as apiClearAll,\n  dismiss as apiDismiss,\n  fetchNotifications,\n  markAllRead as apiMarkAllRead,\n  markRead as apiMarkRead,\n} from \"./api\";\nimport type { NotificationItem } from \"./types\";\n\nexport function prependIncoming(\n  list: NotificationItem[],\n  item: NotificationItem,\n): NotificationItem[] {\n  if (list.some((n) => n.id === item.id)) {\n    return list;\n  }\n\n  return [item, ...list];\n}\n\nexport function markReadIn(list: NotificationItem[], id: string): NotificationItem[] {\n  return list.map((n) => (n.id === id ? { ...n, isRead: true } : n));\n}\n\nexport function removeIn(list: NotificationItem[], id: string): NotificationItem[] {\n  return list.filter((n) => n.id !== id);\n}\n\nexport type NotificationsStatus = \"loading\" | \"idle\" | \"error\";\n\ntype UseNotificationsOptions = {\n  endpoint: string;\n  pollingInterval?: number | null;\n};\n\ntype UseNotificationsReturn = {\n  notifications: NotificationItem[];\n  unreadCount: number;\n  status: NotificationsStatus;\n  hasMore: boolean;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  loadMore: () => void;\n  markRead: (id: string) => void;\n  markAllRead: () => void;\n  dismiss: (id: string) => void;\n  clearAll: () => void;\n  receive: (item: NotificationItem) => void;\n};\n\nexport function useNotifications({\n  endpoint,\n  pollingInterval,\n}: UseNotificationsOptions): UseNotificationsReturn {\n  const [notifications, setNotifications] = useState<NotificationItem[]>([]);\n  const [unreadCount, setUnreadCount] = useState(0);\n  const [status, setStatus] = useState<NotificationsStatus>(\"loading\");\n  const [hasMore, setHasMore] = useState(false);\n  const [open, setOpen] = useState(false);\n  const pageRef = useRef(1);\n  const hasMoreRef = useRef(hasMore);\n  hasMoreRef.current = hasMore;\n  const loadingMoreRef = useRef(false);\n\n  const hydrate = useCallback(async (): Promise<void> => {\n    try {\n      const result = await fetchNotifications(endpoint, 1);\n      pageRef.current = 1;\n      setNotifications(result.notifications);\n      setUnreadCount(result.unreadCount);\n      setHasMore(result.hasMore);\n      setStatus(\"idle\");\n    } catch {\n      setStatus(\"error\");\n    }\n  }, [endpoint]);\n\n  useEffect(() => {\n    void hydrate();\n  }, [hydrate]);\n\n  useEffect(() => {\n    if (!pollingInterval || pollingInterval <= 0) {\n      return;\n    }\n\n    const timer = setInterval(() => void hydrate(), pollingInterval * 1000);\n\n    return () => clearInterval(timer);\n  }, [hydrate, pollingInterval]);\n\n  const loadMore = useCallback((): void => {\n    if (loadingMoreRef.current || !hasMoreRef.current) {\n      return;\n    }\n\n    loadingMoreRef.current = true;\n    const next = pageRef.current + 1;\n    void fetchNotifications(endpoint, next)\n      .then((result) => {\n        pageRef.current = next;\n        setNotifications((current) => [...current, ...result.notifications]);\n        setHasMore(result.hasMore);\n      })\n      .catch(() => void hydrate())\n      .finally(() => {\n        loadingMoreRef.current = false;\n      });\n  }, [endpoint, hydrate]);\n\n  const markRead = useCallback(\n    (id: string): void => {\n      setNotifications((current) => markReadIn(current, id));\n      setUnreadCount((count) => Math.max(0, count - 1));\n      void apiMarkRead(endpoint, id)\n        .then((r) => setUnreadCount(r.unreadCount))\n        .catch(() => void hydrate());\n    },\n    [endpoint, hydrate],\n  );\n\n  const markAllRead = useCallback((): void => {\n    setNotifications((current) => current.map((n) => ({ ...n, isRead: true })));\n    setUnreadCount(0);\n    void apiMarkAllRead(endpoint)\n      .then((r) => setUnreadCount(r.unreadCount))\n      .catch(() => void hydrate());\n  }, [endpoint, hydrate]);\n\n  const dismiss = useCallback(\n    (id: string): void => {\n      setNotifications((current) => removeIn(current, id));\n      void apiDismiss(endpoint, id)\n        .then((r) => setUnreadCount(r.unreadCount))\n        .catch(() => void hydrate());\n    },\n    [endpoint, hydrate],\n  );\n\n  const clearAll = useCallback((): void => {\n    setNotifications([]);\n    setUnreadCount(0);\n    void apiClearAll(endpoint)\n      .then((r) => setUnreadCount(r.unreadCount))\n      .catch(() => void hydrate());\n  }, [endpoint, hydrate]);\n\n  const receive = useCallback((item: NotificationItem): void => {\n    setNotifications((current) => {\n      const next = prependIncoming(current, item);\n      if (next !== current) {\n        setUnreadCount((count) => count + 1);\n      }\n      return next;\n    });\n  }, []);\n\n  return {\n    notifications,\n    unreadCount,\n    status,\n    hasMore,\n    open,\n    setOpen,\n    loadMore,\n    markRead,\n    markAllRead,\n    dismiss,\n    clearAll,\n    receive,\n  };\n}\n"],"mappings":";;;AAUA,SAAgB,gBACd,MACA,MACoB;CACpB,IAAI,KAAK,MAAM,MAAM,EAAE,OAAO,KAAK,EAAE,GACnC,OAAO;CAGT,OAAO,CAAC,MAAM,GAAG,IAAI;AACvB;AAEA,SAAgB,WAAW,MAA0B,IAAgC;CACnF,OAAO,KAAK,KAAK,MAAO,EAAE,OAAO,KAAK;EAAE,GAAG;EAAG,QAAQ;CAAK,IAAI,CAAE;AACnE;AAEA,SAAgB,SAAS,MAA0B,IAAgC;CACjF,OAAO,KAAK,QAAQ,MAAM,EAAE,OAAO,EAAE;AACvC;AAwBA,SAAgB,iBAAiB,EAC/B,UACA,mBACkD;CAClD,MAAM,CAAC,eAAe,oBAAoB,SAA6B,CAAC,CAAC;CACzE,MAAM,CAAC,aAAa,kBAAkB,SAAS,CAAC;CAChD,MAAM,CAAC,QAAQ,aAAa,SAA8B,SAAS;CACnE,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,UAAU,OAAO,CAAC;CACxB,MAAM,aAAa,OAAO,OAAO;CACjC,WAAW,UAAU;CACrB,MAAM,iBAAiB,OAAO,KAAK;CAEnC,MAAM,UAAU,YAAY,YAA2B;EACrD,IAAI;GACF,MAAM,SAAS,MAAM,mBAAmB,UAAU,CAAC;GACnD,QAAQ,UAAU;GAClB,iBAAiB,OAAO,aAAa;GACrC,eAAe,OAAO,WAAW;GACjC,WAAW,OAAO,OAAO;GACzB,UAAU,MAAM;EAClB,QAAQ;GACN,UAAU,OAAO;EACnB;CACF,GAAG,CAAC,QAAQ,CAAC;CAEb,gBAAgB;EACd,QAAa;CACf,GAAG,CAAC,OAAO,CAAC;CAEZ,gBAAgB;EACd,IAAI,CAAC,mBAAmB,mBAAmB,GACzC;EAGF,MAAM,QAAQ,kBAAkB,KAAK,QAAQ,GAAG,kBAAkB,GAAI;EAEtE,aAAa,cAAc,KAAK;CAClC,GAAG,CAAC,SAAS,eAAe,CAAC;CAoE7B,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA,UAzEe,kBAAwB;GACvC,IAAI,eAAe,WAAW,CAAC,WAAW,SACxC;GAGF,eAAe,UAAU;GACzB,MAAM,OAAO,QAAQ,UAAU;GAC/B,mBAAwB,UAAU,IAAI,EACnC,MAAM,WAAW;IAChB,QAAQ,UAAU;IAClB,kBAAkB,YAAY,CAAC,GAAG,SAAS,GAAG,OAAO,aAAa,CAAC;IACnE,WAAW,OAAO,OAAO;GAC3B,CAAC,EACA,YAAY,KAAK,QAAQ,CAAC,EAC1B,cAAc;IACb,eAAe,UAAU;GAC3B,CAAC;EACL,GAAG,CAAC,UAAU,OAAO,CAwDnB;EACA,UAvDe,aACd,OAAqB;GACpB,kBAAkB,YAAY,WAAW,SAAS,EAAE,CAAC;GACrD,gBAAgB,UAAU,KAAK,IAAI,GAAG,QAAQ,CAAC,CAAC;GAChD,SAAiB,UAAU,EAAE,EAC1B,MAAM,MAAM,eAAe,EAAE,WAAW,CAAC,EACzC,YAAY,KAAK,QAAQ,CAAC;EAC/B,GACA,CAAC,UAAU,OAAO,CA+ClB;EACA,aA7CkB,kBAAwB;GAC1C,kBAAkB,YAAY,QAAQ,KAAK,OAAO;IAAE,GAAG;IAAG,QAAQ;GAAK,EAAE,CAAC;GAC1E,eAAe,CAAC;GAChB,YAAoB,QAAQ,EACzB,MAAM,MAAM,eAAe,EAAE,WAAW,CAAC,EACzC,YAAY,KAAK,QAAQ,CAAC;EAC/B,GAAG,CAAC,UAAU,OAAO,CAuCnB;EACA,SAtCc,aACb,OAAqB;GACpB,kBAAkB,YAAY,SAAS,SAAS,EAAE,CAAC;GACnD,QAAgB,UAAU,EAAE,EACzB,MAAM,MAAM,eAAe,EAAE,WAAW,CAAC,EACzC,YAAY,KAAK,QAAQ,CAAC;EAC/B,GACA,CAAC,UAAU,OAAO,CA+BlB;EACA,UA7Be,kBAAwB;GACvC,iBAAiB,CAAC,CAAC;GACnB,eAAe,CAAC;GAChB,SAAiB,QAAQ,EACtB,MAAM,MAAM,eAAe,EAAE,WAAW,CAAC,EACzC,YAAY,KAAK,QAAQ,CAAC;EAC/B,GAAG,CAAC,UAAU,OAAO,CAuBnB;EACA,SAtBc,aAAa,SAAiC;GAC5D,kBAAkB,YAAY;IAC5B,MAAM,OAAO,gBAAgB,SAAS,IAAI;IAC1C,IAAI,SAAS,SACX,gBAAgB,UAAU,QAAQ,CAAC;IAErC,OAAO;GACT,CAAC;EACH,GAAG,CAAC,CAcF;CACF;AACF"}

package/dist/notifications/types.d.ts

@@ -0,0 +1,10 @@
+import { NotificationItem } from '../types/generated';
+export type { NotificationItem };
+export type NotificationsResponse = {
+    notifications: NotificationItem[];
+    unreadCount: number;
+    hasMore: boolean;
+};
+export type UnreadCountResponse = {
+    unreadCount: number;
+};

package/dist/realtime/build-effects.d.ts

@@ -1,4 +1,5 @@
 import { Effect } from '../types/generated';
 import { Translate } from '../i18n/translatable';
-export type RawEffect = Record<string, unknown>;
+type RawEffect = Record<string, unknown>;
 export declare function buildEffects(effects: readonly RawEffect[], payload: Record<string, unknown>, t: Translate): Effect[];
+export {};

package/dist/realtime/build-effects.js.map

@@ -1 +1 @@
-{"version":3,"file":"build-effects.js","names":[],"sources":["../../resources/js/realtime/build-effects.ts"],"sourcesContent":["import type { Effect } from \"@lattice-php/lattice/types/generated\";\nimport { isTranslatable, resolveTranslatable } from \"@lattice-php/lattice/i18n/translatable\";\nimport type { Translate } from \"@lattice-php/lattice/i18n/translatable\";\n\nexport type RawEffect = Record<string, unknown>;\n\nexport function buildEffects(\n  effects: readonly RawEffect[],\n  payload: Record<string, unknown>,\n  t: Translate,\n): Effect[] {\n  return effects.map((effect) => resolveEffect(effect, payload, t)) as Effect[];\n}\n\nfunction resolveEffect(\n  effect: RawEffect,\n  payload: Record<string, unknown>,\n  t: Translate,\n): RawEffect {\n  if (effect.type !== \"toast\") {\n    return effect;\n  }\n\n  const toast = effect.toast;\n\n  if (typeof toast !== \"object\" || toast === null) {\n    return effect;\n  }\n\n  const message = (toast as Record<string, unknown>).message;\n\n  if (!isTranslatable(message)) {\n    return effect;\n  }\n\n  return {\n    ...effect,\n    toast: {\n      ...(toast as Record<string, unknown>),\n      message: resolveTranslatable(message, payload, t),\n    },\n  };\n}\n"],"mappings":";;AAMA,SAAgB,aACd,SACA,SACA,GACU;CACV,OAAO,QAAQ,KAAK,WAAW,cAAc,QAAQ,SAAS,CAAC,CAAC;AAClE;AAEA,SAAS,cACP,QACA,SACA,GACW;CACX,IAAI,OAAO,SAAS,SAClB,OAAO;CAGT,MAAM,QAAQ,OAAO;CAErB,IAAI,OAAO,UAAU,YAAY,UAAU,MACzC,OAAO;CAGT,MAAM,UAAW,MAAkC;CAEnD,IAAI,CAAC,eAAe,OAAO,GACzB,OAAO;CAGT,OAAO;EACL,GAAG;EACH,OAAO;GACL,GAAI;GACJ,SAAS,oBAAoB,SAAS,SAAS,CAAC;EAClD;CACF;AACF"}
+{"version":3,"file":"build-effects.js","names":[],"sources":["../../resources/js/realtime/build-effects.ts"],"sourcesContent":["import type { Effect } from \"@lattice-php/lattice/types/generated\";\nimport { isTranslatable, resolveTranslatable } from \"@lattice-php/lattice/i18n/translatable\";\nimport type { Translate } from \"@lattice-php/lattice/i18n/translatable\";\n\ntype RawEffect = Record<string, unknown>;\n\nexport function buildEffects(\n  effects: readonly RawEffect[],\n  payload: Record<string, unknown>,\n  t: Translate,\n): Effect[] {\n  return effects.map((effect) => resolveEffect(effect, payload, t)) as Effect[];\n}\n\nfunction resolveEffect(\n  effect: RawEffect,\n  payload: Record<string, unknown>,\n  t: Translate,\n): RawEffect {\n  if (effect.type !== \"toast\") {\n    return effect;\n  }\n\n  const toast = effect.toast;\n\n  if (typeof toast !== \"object\" || toast === null) {\n    return effect;\n  }\n\n  const message = (toast as Record<string, unknown>).message;\n\n  if (!isTranslatable(message)) {\n    return effect;\n  }\n\n  return {\n    ...effect,\n    toast: {\n      ...(toast as Record<string, unknown>),\n      message: resolveTranslatable(message, payload, t),\n    },\n  };\n}\n"],"mappings":";;AAMA,SAAgB,aACd,SACA,SACA,GACU;CACV,OAAO,QAAQ,KAAK,WAAW,cAAc,QAAQ,SAAS,CAAC,CAAC;AAClE;AAEA,SAAS,cACP,QACA,SACA,GACW;CACX,IAAI,OAAO,SAAS,SAClB,OAAO;CAGT,MAAM,QAAQ,OAAO;CAErB,IAAI,OAAO,UAAU,YAAY,UAAU,MACzC,OAAO;CAGT,MAAM,UAAW,MAAkC;CAEnD,IAAI,CAAC,eAAe,OAAO,GACzB,OAAO;CAGT,OAAO;EACL,GAAG;EACH,OAAO;GACL,GAAI;GACJ,SAAS,oBAAoB,SAAS,SAAS,CAAC;EAClD;CACF;AACF"}

package/dist/realtime/subscriptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"subscriptions.js","names":[],"sources":["../../resources/js/realtime/subscriptions.tsx"],"sourcesContent":["import { useEcho, useEchoPresence, useEchoPublic } from \"@laravel/echo-react\";\nimport { useCallback } from \"react\";\nimport { useEffectDispatcher } from \"@lattice-php/lattice/effects/use-effect-dispatcher\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { buildEffects } from \"./build-effects\";\nimport type { RawEffect } from \"./build-effects\";\nimport type { ListenerPayload } from \"@lattice-php/lattice/types/generated\";\n\nfunction useListenerHandler(listener: ListenerPayload): (payload: unknown) => void {\n  const { t } = useT(\"lattice\");\n  const dispatch = useEffectDispatcher();\n\n  return useCallback(\n    (payload: unknown) => {\n      const data = (typeof payload === \"object\" && payload !== null ? payload : {}) as Record<\n        string,\n        unknown\n      >;\n      dispatch(buildEffects(listener.effects as unknown as RawEffect[], data, t));\n    },\n    [dispatch, listener, t],\n  );\n}\n\nfunction PublicListener({ listener }: { listener: ListenerPayload }) {\n  useEchoPublic(listener.channel, listener.events, useListenerHandler(listener));\n  return null;\n}\n\nfunction PrivateListener({ listener }: { listener: ListenerPayload }) {\n  useEcho(listener.channel, listener.events, useListenerHandler(listener));\n  return null;\n}\n\nfunction PresenceListener({ listener }: { listener: ListenerPayload }) {\n  useEchoPresence(listener.channel, listener.events, useListenerHandler(listener));\n  return null;\n}\n\nfunction Listener({ listener }: { listener: ListenerPayload }) {\n  switch (listener.visibility) {\n    case \"private\":\n      return <PrivateListener listener={listener} />;\n    case \"presence\":\n      return <PresenceListener listener={listener} />;\n    default:\n      return <PublicListener listener={listener} />;\n  }\n}\n\nexport default function Subscriptions({ listeners }: { listeners: ListenerPayload[] }) {\n  return (\n    <>\n      {listeners.map((listener, index) => (\n        <Listener key={`${listener.visibility}:${listener.channel}:${index}`} listener={listener} />\n      ))}\n    </>\n  );\n}\n"],"mappings":";;;;;;;AAQA,SAAS,mBAAmB,UAAuD;CACjF,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,WAAW,oBAAoB;CAErC,OAAO,aACJ,YAAqB;EACpB,MAAM,OAAQ,OAAO,YAAY,YAAY,YAAY,OAAO,UAAU,CAAC;EAI3E,SAAS,aAAa,SAAS,SAAmC,MAAM,CAAC,CAAC;CAC5E,GACA;EAAC;EAAU;EAAU;CAAC,CACxB;AACF;AAEA,SAAS,eAAe,EAAE,YAA2C;CACnE,cAAc,SAAS,SAAS,SAAS,QAAQ,mBAAmB,QAAQ,CAAC;CAC7E,OAAO;AACT;AAEA,SAAS,gBAAgB,EAAE,YAA2C;CACpE,QAAQ,SAAS,SAAS,SAAS,QAAQ,mBAAmB,QAAQ,CAAC;CACvE,OAAO;AACT;AAEA,SAAS,iBAAiB,EAAE,YAA2C;CACrE,gBAAgB,SAAS,SAAS,SAAS,QAAQ,mBAAmB,QAAQ,CAAC;CAC/E,OAAO;AACT;AAEA,SAAS,SAAS,EAAE,YAA2C;CAC7D,QAAQ,SAAS,YAAjB;EACE,KAAK,WACH,OAAO,oBAAC,iBAAD,EAA2B,SAAW,CAAA;EAC/C,KAAK,YACH,OAAO,oBAAC,kBAAD,EAA4B,SAAW,CAAA;EAChD,SACE,OAAO,oBAAC,gBAAD,EAA0B,SAAW,CAAA;CAChD;AACF;AAEA,SAAwB,cAAc,EAAE,aAA+C;CACrF,OACE,oBAAA,YAAA,EAAA,UACG,UAAU,KAAK,UAAU,UACxB,oBAAC,UAAD,EAAgF,SAAW,GAA5E,GAAG,SAAS,WAAW,GAAG,SAAS,QAAQ,GAAG,OAA8B,CAC5F,EACD,CAAA;AAEN"}
+{"version":3,"file":"subscriptions.js","names":[],"sources":["../../resources/js/realtime/subscriptions.tsx"],"sourcesContent":["import { useEcho, useEchoPresence, useEchoPublic } from \"@laravel/echo-react\";\nimport { useCallback } from \"react\";\nimport { useEffectDispatcher } from \"@lattice-php/lattice/effects/use-effect-dispatcher\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { buildEffects } from \"./build-effects\";\nimport type { ListenerPayload } from \"@lattice-php/lattice/types/generated\";\n\nfunction useListenerHandler(listener: ListenerPayload): (payload: unknown) => void {\n  const { t } = useT(\"lattice\");\n  const dispatch = useEffectDispatcher();\n\n  return useCallback(\n    (payload: unknown) => {\n      const data = (typeof payload === \"object\" && payload !== null ? payload : {}) as Record<\n        string,\n        unknown\n      >;\n      dispatch(buildEffects(listener.effects, data, t));\n    },\n    [dispatch, listener, t],\n  );\n}\n\nfunction PublicListener({ listener }: { listener: ListenerPayload }) {\n  useEchoPublic(listener.channel, listener.events, useListenerHandler(listener));\n  return null;\n}\n\nfunction PrivateListener({ listener }: { listener: ListenerPayload }) {\n  useEcho(listener.channel, listener.events, useListenerHandler(listener));\n  return null;\n}\n\nfunction PresenceListener({ listener }: { listener: ListenerPayload }) {\n  useEchoPresence(listener.channel, listener.events, useListenerHandler(listener));\n  return null;\n}\n\nfunction Listener({ listener }: { listener: ListenerPayload }) {\n  switch (listener.visibility) {\n    case \"private\":\n      return <PrivateListener listener={listener} />;\n    case \"presence\":\n      return <PresenceListener listener={listener} />;\n    default:\n      return <PublicListener listener={listener} />;\n  }\n}\n\nexport default function Subscriptions({ listeners }: { listeners: ListenerPayload[] }) {\n  return (\n    <>\n      {listeners.map((listener, index) => (\n        <Listener key={`${listener.visibility}:${listener.channel}:${index}`} listener={listener} />\n      ))}\n    </>\n  );\n}\n"],"mappings":";;;;;;;AAOA,SAAS,mBAAmB,UAAuD;CACjF,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,WAAW,oBAAoB;CAErC,OAAO,aACJ,YAAqB;EACpB,MAAM,OAAQ,OAAO,YAAY,YAAY,YAAY,OAAO,UAAU,CAAC;EAI3E,SAAS,aAAa,SAAS,SAAS,MAAM,CAAC,CAAC;CAClD,GACA;EAAC;EAAU;EAAU;CAAC,CACxB;AACF;AAEA,SAAS,eAAe,EAAE,YAA2C;CACnE,cAAc,SAAS,SAAS,SAAS,QAAQ,mBAAmB,QAAQ,CAAC;CAC7E,OAAO;AACT;AAEA,SAAS,gBAAgB,EAAE,YAA2C;CACpE,QAAQ,SAAS,SAAS,SAAS,QAAQ,mBAAmB,QAAQ,CAAC;CACvE,OAAO;AACT;AAEA,SAAS,iBAAiB,EAAE,YAA2C;CACrE,gBAAgB,SAAS,SAAS,SAAS,QAAQ,mBAAmB,QAAQ,CAAC;CAC/E,OAAO;AACT;AAEA,SAAS,SAAS,EAAE,YAA2C;CAC7D,QAAQ,SAAS,YAAjB;EACE,KAAK,WACH,OAAO,oBAAC,iBAAD,EAA2B,SAAW,CAAA;EAC/C,KAAK,YACH,OAAO,oBAAC,kBAAD,EAA4B,SAAW,CAAA;EAChD,SACE,OAAO,oBAAC,gBAAD,EAA0B,SAAW,CAAA;CAChD;AACF;AAEA,SAAwB,cAAc,EAAE,aAA+C;CACrF,OACE,oBAAA,YAAA,EAAA,UACG,UAAU,KAAK,UAAU,UACxB,oBAAC,UAAD,EAAgF,SAAW,GAA5E,GAAG,SAAS,WAAW,GAAG,SAAS,QAAQ,GAAG,OAA8B,CAC5F,EACD,CAAA;AAEN"}

package/dist/registry/eager.js

@@ -2,12 +2,13 @@ import { createRegistry } from "../core/registry.js";
 import { layoutComponents } from "../layout/components.js";
 import { actionComponents } from "../action/index.js";
 import { chatPlugin } from "../chat/index.js";
+import { notificationsPlugin } from "../notifications/index.js";
 import { remoteComponents } from "../remote/index.js";
 import { eagerFormComponents } from "../form/eager.js";
 import { eagerCoreComponents } from "../core/components/eager.js";
 import { eagerTableComponents } from "../table/eager.js";
 //#region resources/js/registry/eager.ts
-var eagerRegistry = createRegistry(eagerCoreComponents, actionComponents, eagerFormComponents, layoutComponents, eagerTableComponents, chatPlugin, remoteComponents);
+var eagerRegistry = createRegistry(eagerCoreComponents, actionComponents, eagerFormComponents, layoutComponents, eagerTableComponents, chatPlugin, notificationsPlugin, remoteComponents);
 //#endregion
 export { eagerRegistry };
 

package/dist/registry/eager.js.map

@@ -1 +1 @@
-{"version":3,"file":"eager.js","names":[],"sources":["../../resources/js/registry/eager.ts"],"sourcesContent":["import { createRegistry } from \"@lattice-php/lattice/core/registry\";\nimport { actionComponents } from \"../action\";\nimport { chatPlugin } from \"../chat\";\nimport { eagerCoreComponents } from \"../core/components/eager\";\nimport { eagerFormComponents } from \"../form/eager\";\nimport { layoutComponents } from \"../layout/components\";\nimport { remoteComponents } from \"../remote\";\nimport { eagerTableComponents } from \"../table/eager\";\n\nexport const eagerRegistry = createRegistry(\n  eagerCoreComponents,\n  actionComponents,\n  eagerFormComponents,\n  layoutComponents,\n  eagerTableComponents,\n  chatPlugin,\n  remoteComponents,\n);\n"],"mappings":";;;;;;;;;AASA,IAAa,gBAAgB,eAC3B,qBACA,kBACA,qBACA,kBACA,sBACA,YACA,gBACF"}
+{"version":3,"file":"eager.js","names":[],"sources":["../../resources/js/registry/eager.ts"],"sourcesContent":["import { createRegistry } from \"@lattice-php/lattice/core/registry\";\nimport { actionComponents } from \"../action\";\nimport { chatPlugin } from \"../chat\";\nimport { eagerCoreComponents } from \"../core/components/eager\";\nimport { eagerFormComponents } from \"../form/eager\";\nimport { layoutComponents } from \"../layout/components\";\nimport { notificationsPlugin } from \"../notifications\";\nimport { remoteComponents } from \"../remote\";\nimport { eagerTableComponents } from \"../table/eager\";\n\nexport const eagerRegistry = createRegistry(\n  eagerCoreComponents,\n  actionComponents,\n  eagerFormComponents,\n  layoutComponents,\n  eagerTableComponents,\n  chatPlugin,\n  notificationsPlugin,\n  remoteComponents,\n);\n"],"mappings":";;;;;;;;;;AAUA,IAAa,gBAAgB,eAC3B,qBACA,kBACA,qBACA,kBACA,sBACA,YACA,qBACA,gBACF"}

package/dist/registry/lazy.js

@@ -4,10 +4,11 @@ import { actionComponents } from "../action/index.js";
 import { chatPlugin } from "../chat/index.js";
 import { coreComponents } from "../core/components/index.js";
 import { formComponents } from "../form/index.js";
+import { notificationsPlugin } from "../notifications/index.js";
 import { remoteComponents } from "../remote/index.js";
 import { tableComponents } from "../table/index.js";
 //#region resources/js/registry/lazy.ts
-var lazyRegistry = createRegistry(coreComponents, actionComponents, formComponents, layoutComponents, tableComponents, chatPlugin, remoteComponents);
+var lazyRegistry = createRegistry(coreComponents, actionComponents, formComponents, layoutComponents, tableComponents, chatPlugin, notificationsPlugin, remoteComponents);
 //#endregion
 export { lazyRegistry };
 

package/dist/registry/lazy.js.map

@@ -1 +1 @@
-{"version":3,"file":"lazy.js","names":[],"sources":["../../resources/js/registry/lazy.ts"],"sourcesContent":["import { createRegistry } from \"@lattice-php/lattice/core/registry\";\nimport { actionComponents } from \"../action\";\nimport { chatPlugin } from \"../chat\";\nimport { coreComponents } from \"../core/components\";\nimport { formComponents } from \"../form\";\nimport { layoutComponents } from \"../layout/components\";\nimport { remoteComponents } from \"../remote\";\nimport { tableComponents } from \"../table\";\n\nexport const lazyRegistry = createRegistry(\n  coreComponents,\n  actionComponents,\n  formComponents,\n  layoutComponents,\n  tableComponents,\n  chatPlugin,\n  remoteComponents,\n);\n"],"mappings":";;;;;;;;;AASA,IAAa,eAAe,eAC1B,gBACA,kBACA,gBACA,kBACA,iBACA,YACA,gBACF"}
+{"version":3,"file":"lazy.js","names":[],"sources":["../../resources/js/registry/lazy.ts"],"sourcesContent":["import { createRegistry } from \"@lattice-php/lattice/core/registry\";\nimport { actionComponents } from \"../action\";\nimport { chatPlugin } from \"../chat\";\nimport { coreComponents } from \"../core/components\";\nimport { formComponents } from \"../form\";\nimport { layoutComponents } from \"../layout/components\";\nimport { notificationsPlugin } from \"../notifications\";\nimport { remoteComponents } from \"../remote\";\nimport { tableComponents } from \"../table\";\n\nexport const lazyRegistry = createRegistry(\n  coreComponents,\n  actionComponents,\n  formComponents,\n  layoutComponents,\n  tableComponents,\n  chatPlugin,\n  notificationsPlugin,\n  remoteComponents,\n);\n"],"mappings":";;;;;;;;;;AAUA,IAAa,eAAe,eAC1B,gBACA,kBACA,gBACA,kBACA,iBACA,YACA,qBACA,gBACF"}

package/dist/table/bulk.d.ts

@@ -1,6 +1,7 @@
 import { Method } from '@inertiajs/core';
 import { Node } from '../core/types';
-import { Action, ActionNode, ButtonVariant } from '../types/generated';
+import { Action, ButtonVariant } from '../types/generated';
+import { ActionNode } from './types';
 export type BulkAction = {
     id: string;
     label: string;

package/dist/table/bulk.js.map

@@ -1 +1 @@
-{"version":3,"file":"bulk.js","names":[],"sources":["../../resources/js/table/bulk.ts"],"sourcesContent":["import type { Method } from \"@inertiajs/core\";\nimport type { Node } from \"@lattice-php/lattice/core/types\";\nimport type { Action, ActionNode, ButtonVariant } from \"@lattice-php/lattice/types/generated\";\n\nexport type BulkAction = {\n  id: string;\n  label: string;\n  method: Method;\n  endpoint: string;\n  ref: string;\n  variant: ButtonVariant;\n  confirmation: Action[\"confirmation\"];\n  form: Node | null;\n};\n\nexport function getBulkActions(actions: ActionNode[] | undefined): BulkAction[] {\n  return (actions ?? []).flatMap((node): BulkAction[] => {\n    if (node.type === \"action.group\") {\n      return [];\n    }\n\n    const props = node.props;\n\n    if (!props.endpoint) {\n      return [];\n    }\n\n    return [\n      {\n        id: node.id ?? \"\",\n        label: props.label ?? \"Run action\",\n        method: props.method ?? \"post\",\n        endpoint: props.endpoint,\n        ref: props.ref ?? \"\",\n        variant: props.variant ?? \"default\",\n        confirmation: props.confirmation,\n        form: props.form,\n      },\n    ];\n  });\n}\n"],"mappings":";AAeA,SAAgB,eAAe,SAAiD;CAC9E,QAAQ,WAAW,CAAC,GAAG,SAAS,SAAuB;EACrD,IAAI,KAAK,SAAS,gBAChB,OAAO,CAAC;EAGV,MAAM,QAAQ,KAAK;EAEnB,IAAI,CAAC,MAAM,UACT,OAAO,CAAC;EAGV,OAAO,CACL;GACE,IAAI,KAAK,MAAM;GACf,OAAO,MAAM,SAAS;GACtB,QAAQ,MAAM,UAAU;GACxB,UAAU,MAAM;GAChB,KAAK,MAAM,OAAO;GAClB,SAAS,MAAM,WAAW;GAC1B,cAAc,MAAM;GACpB,MAAM,MAAM;EACd,CACF;CACF,CAAC;AACH"}
+{"version":3,"file":"bulk.js","names":[],"sources":["../../resources/js/table/bulk.ts"],"sourcesContent":["import type { Method } from \"@inertiajs/core\";\nimport type { Node } from \"@lattice-php/lattice/core/types\";\nimport type { Action, ButtonVariant } from \"@lattice-php/lattice/types/generated\";\nimport type { ActionNode } from \"./types\";\n\nexport type BulkAction = {\n  id: string;\n  label: string;\n  method: Method;\n  endpoint: string;\n  ref: string;\n  variant: ButtonVariant;\n  confirmation: Action[\"confirmation\"];\n  form: Node | null;\n};\n\nexport function getBulkActions(actions: ActionNode[] | undefined): BulkAction[] {\n  return (actions ?? []).flatMap((node): BulkAction[] => {\n    if (node.type === \"action.group\") {\n      return [];\n    }\n\n    const props = node.props;\n\n    if (!props.endpoint) {\n      return [];\n    }\n\n    return [\n      {\n        id: node.id ?? \"\",\n        label: props.label ?? \"Run action\",\n        method: props.method ?? \"post\",\n        endpoint: props.endpoint,\n        ref: props.ref ?? \"\",\n        variant: props.variant ?? \"default\",\n        confirmation: props.confirmation,\n        form: props.form,\n      },\n    ];\n  });\n}\n"],"mappings":";AAgBA,SAAgB,eAAe,SAAiD;CAC9E,QAAQ,WAAW,CAAC,GAAG,SAAS,SAAuB;EACrD,IAAI,KAAK,SAAS,gBAChB,OAAO,CAAC;EAGV,MAAM,QAAQ,KAAK;EAEnB,IAAI,CAAC,MAAM,UACT,OAAO,CAAC;EAGV,OAAO,CACL;GACE,IAAI,KAAK,MAAM;GACf,OAAO,MAAM,SAAS;GACtB,QAAQ,MAAM,UAAU;GACxB,UAAU,MAAM;GAChB,KAAK,MAAM,OAAO;GAClB,SAAS,MAAM,WAAW;GAC1B,cAAc,MAAM;GACpB,MAAM,MAAM;EACd,CACF;CACF,CAAC;AACH"}

package/dist/table/components/bulk-bar.js

@@ -1,11 +1,11 @@
 import { withHeaders } from "../../core/headers.js";
 import { useT } from "../../i18n/instance.js";
 import { prefixedTestId } from "../../core/test-id.js";
-import { getActionEffects } from "../../effects/dispatch.js";
-import { useEffectDispatcher } from "../../effects/use-effect-dispatcher.js";
 import { Button } from "../../core/components/button.js";
 import { Spinner } from "../../core/components/spinner.js";
 import { ConfirmDialog } from "../../core/components/confirm-dialog.js";
+import { getActionEffects } from "../../effects/dispatch.js";
+import { useEffectDispatcher } from "../../effects/use-effect-dispatcher.js";
 import { runAction } from "../../action/run-action.js";
 import { ActionForm } from "../../action/components/action-form.js";
 import { useHttp } from "@inertiajs/react";

package/dist/table/components/cells/money-cell.js

@@ -1,7 +1,7 @@
 import { useLocale } from "../../../i18n/locale.js";
-import { formatCell } from "../../format.js";
 import { numericValue } from "../../../format/numeric.js";
 import { formatNumber } from "../../../format/number.js";
+import { formatCell } from "../../format.js";
 import { jsx } from "react/jsx-runtime";
 //#region resources/js/table/components/cells/money-cell.tsx
 var MoneyCell = ({ column, props, row, value }) => {

package/dist/table/components/cells/number-cell.js

@@ -1,7 +1,7 @@
 import { useLocale } from "../../../i18n/locale.js";
-import { formatCell } from "../../format.js";
 import { numericValue } from "../../../format/numeric.js";
 import { formatNumber } from "../../../format/number.js";
+import { formatCell } from "../../format.js";
 import { jsx } from "react/jsx-runtime";
 //#region resources/js/table/components/cells/number-cell.tsx
 var NumberCell = ({ column, props, value }) => {