@lattice-php/lattice 0.2.0 → 0.4.0

package/dist/realtime/listeners.js

@@ -0,0 +1,31 @@
+import { Component, Suspense, lazy } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region resources/js/realtime/listeners.tsx
+var Subscriptions = lazy(() => import("./subscriptions.js"));
+var EchoBoundary = class extends Component {
+	state = { failed: false };
+	static getDerivedStateFromError() {
+		return { failed: true };
+	}
+	componentDidCatch() {
+		console.warn("[lattice] Real-time listeners are declared but Echo is unavailable. Install @laravel/echo-react and call configureEcho().");
+	}
+	render() {
+		return this.state.failed ? null : this.props.children;
+	}
+};
+/**
+* Renders nothing when a page declares no listeners, so the echo-react chunk
+* is only fetched where it is actually needed.
+*/
+function RealtimeListeners({ listeners }) {
+	if (listeners === void 0 || listeners.length === 0) return null;
+	return /* @__PURE__ */ jsx(EchoBoundary, { children: /* @__PURE__ */ jsx(Suspense, {
+		fallback: null,
+		children: /* @__PURE__ */ jsx(Subscriptions, { listeners })
+	}) });
+}
+//#endregion
+export { RealtimeListeners };
+
+//# sourceMappingURL=listeners.js.map

package/dist/realtime/listeners.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listeners.js","names":[],"sources":["../../resources/js/realtime/listeners.tsx"],"sourcesContent":["import { Component, lazy, Suspense } from \"react\";\nimport type { ReactNode } from \"react\";\nimport type { ListenerPayload } from \"@lattice-php/lattice/types/generated\";\n\nconst Subscriptions = lazy(() => import(\"./subscriptions\"));\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] Real-time listeners are declared 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\n/**\n * Renders nothing when a page declares no listeners, so the echo-react chunk\n * is only fetched where it is actually needed.\n */\nexport function RealtimeListeners({ listeners }: { listeners?: ListenerPayload[] }) {\n  if (listeners === undefined || listeners.length === 0) {\n    return null;\n  }\n\n  return (\n    <EchoBoundary>\n      <Suspense fallback={null}>\n        <Subscriptions listeners={listeners} />\n      </Suspense>\n    </EchoBoundary>\n  );\n}\n"],"mappings":";;;AAIA,IAAM,gBAAgB,WAAW,OAAO,qBAAkB;AAE1D,IAAM,eAAN,cAA2B,UAAwD;CACjF,QAAQ,EAAE,QAAQ,MAAM;CAExB,OAAO,2BAAgD;EACrD,OAAO,EAAE,QAAQ,KAAK;CACxB;CAEA,oBAA0B;EACxB,QAAQ,KACN,2HACF;CACF;CAEA,SAAoB;EAClB,OAAO,KAAK,MAAM,SAAS,OAAO,KAAK,MAAM;CAC/C;AACF;;;;;AAMA,SAAgB,kBAAkB,EAAE,aAAgD;CAClF,IAAI,cAAc,KAAA,KAAa,UAAU,WAAW,GAClD,OAAO;CAGT,OACE,oBAAC,cAAD,EAAA,UACE,oBAAC,UAAD;EAAU,UAAU;YAClB,oBAAC,eAAD,EAA0B,UAAY,CAAA;CAC9B,CAAA,EACE,CAAA;AAElB"}

package/dist/realtime/subscriptions.d.ts

@@ -0,0 +1,4 @@
+import { ListenerPayload } from '../types/generated';
+export default function Subscriptions({ listeners }: {
+    listeners: ListenerPayload[];
+}): import("react").JSX.Element;

package/dist/realtime/subscriptions.js

@@ -0,0 +1,45 @@
+import { useT } from "../i18n/instance.js";
+import { useEffectDispatcher } from "../effects/use-effect-dispatcher.js";
+import { buildEffects } from "./build-effects.js";
+import { useCallback } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import { useEcho, useEchoPresence, useEchoPublic } from "@laravel/echo-react";
+//#region resources/js/realtime/subscriptions.tsx
+function useListenerHandler(listener) {
+	const { t } = useT("lattice");
+	const dispatch = useEffectDispatcher();
+	return useCallback((payload) => {
+		const data = typeof payload === "object" && payload !== null ? payload : {};
+		dispatch(buildEffects(listener.effects, data, t));
+	}, [
+		dispatch,
+		listener,
+		t
+	]);
+}
+function PublicListener({ listener }) {
+	useEchoPublic(listener.channel, listener.events, useListenerHandler(listener));
+	return null;
+}
+function PrivateListener({ listener }) {
+	useEcho(listener.channel, listener.events, useListenerHandler(listener));
+	return null;
+}
+function PresenceListener({ listener }) {
+	useEchoPresence(listener.channel, listener.events, useListenerHandler(listener));
+	return null;
+}
+function Listener({ listener }) {
+	switch (listener.visibility) {
+		case "private": return /* @__PURE__ */ jsx(PrivateListener, { listener });
+		case "presence": return /* @__PURE__ */ jsx(PresenceListener, { listener });
+		default: return /* @__PURE__ */ jsx(PublicListener, { listener });
+	}
+}
+function Subscriptions({ listeners }) {
+	return /* @__PURE__ */ jsx(Fragment$1, { children: listeners.map((listener, index) => /* @__PURE__ */ jsx(Listener, { listener }, `${listener.visibility}:${listener.channel}:${index}`)) });
+}
+//#endregion
+export { Subscriptions as default };
+
+//# sourceMappingURL=subscriptions.js.map

package/dist/realtime/subscriptions.js.map

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

package/dist/registry.js

@@ -1,11 +1,13 @@
 import { createRegistry } from "./core/registry.js";
 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 { remoteComponents } from "./remote/index.js";
 import { layoutComponents } from "./layout/components.js";
 import { tableComponents } from "./table/index.js";
 //#region resources/js/registry.ts
-var registry = createRegistry(coreComponents, actionComponents, formComponents, layoutComponents, tableComponents);
+var registry = createRegistry(coreComponents, actionComponents, formComponents, layoutComponents, tableComponents, chatPlugin, remoteComponents);
 //#endregion
 export { registry };
 

package/dist/registry.js.map

@@ -1 +1 @@
-{"version":3,"file":"registry.js","names":[],"sources":["../resources/js/registry.ts"],"sourcesContent":["import { createRegistry } from \"@lattice/lattice/core/registry\";\nimport { actionComponents } from \"./action\";\nimport { coreComponents } from \"./core/components\";\nimport { formComponents } from \"./form\";\nimport { layoutComponents } from \"./layout/components\";\nimport { tableComponents } from \"./table\";\n\nexport const registry = createRegistry(\n  coreComponents,\n  actionComponents,\n  formComponents,\n  layoutComponents,\n  tableComponents,\n);\n"],"mappings":";;;;;;;AAOA,IAAa,WAAW,eACtB,gBACA,kBACA,gBACA,kBACA,eACF"}
+{"version":3,"file":"registry.js","names":[],"sources":["../resources/js/registry.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 { remoteComponents } from \"./remote\";\nimport { layoutComponents } from \"./layout/components\";\nimport { tableComponents } from \"./table\";\n\nexport const registry = createRegistry(\n  coreComponents,\n  actionComponents,\n  formComponents,\n  layoutComponents,\n  tableComponents,\n  chatPlugin,\n  remoteComponents,\n);\n"],"mappings":";;;;;;;;;AASA,IAAa,WAAW,eACtB,gBACA,kBACA,gBACA,kBACA,iBACA,YACA,gBACF"}

package/dist/remote/components/chat-box.d.ts

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

package/dist/remote/components/chat-box.js

@@ -0,0 +1,65 @@
+import { cn } from "../../lib/utils.js";
+import { testIdentity } from "../../core/test-id.js";
+import { useT } from "../../i18n/instance.js";
+import { remoteJson } from "../../core/api.js";
+import { createRemoteNdjsonChatTransport, ndjsonChatTransport } from "../../chat/transport.js";
+import { useChat } from "../../chat/use-chat.js";
+import { MessageList } from "../../chat/components/message-list.js";
+import { PromptInput } from "../../chat/components/prompt-input.js";
+import { useCallback, useEffect, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region resources/js/remote/components/chat-box.tsx
+var RemoteChatBox = ({ node }) => {
+	const props = node.props;
+	const { t } = useT("lattice");
+	const transport = useMemo(() => props.remote ? createRemoteNdjsonChatTransport(props.remote) : ndjsonChatTransport, [props.remote]);
+	const { messages, status, error, sendMessage, setMessages } = useChat({
+		endpoint: props.streamEndpoint ?? "",
+		transport
+	});
+	const seededRef = useRef(false);
+	const seedHistory = useCallback(async () => {
+		if (seededRef.current || !props.historyEndpoint || !props.remote) return;
+		seededRef.current = true;
+		setMessages((await remoteJson(props.historyEndpoint, { remote: props.remote })).messages);
+	}, [
+		props.historyEndpoint,
+		props.remote,
+		setMessages
+	]);
+	useEffect(() => {
+		seedHistory().catch(() => {});
+	}, [seedHistory]);
+	const disabled = status === "submitted" || status === "streaming" || !props.remote || !props.streamEndpoint;
+	const visibleError = error;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col overflow-hidden border border-lt-border bg-lt-bg", props.fill ? "sticky top-0 h-full min-h-[28rem] w-full" : "h-[28rem] w-80 rounded-lt shadow-lt-lg"),
+		"data-test": testIdentity("chat-box"),
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "flex items-center border-b border-lt-border px-3 py-2",
+				children: /* @__PURE__ */ jsx("span", {
+					className: "text-sm font-medium text-lt-fg",
+					children: props.title ?? t("chat.title", "Chat")
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex-1 overflow-y-auto",
+				children: /* @__PURE__ */ jsx(MessageList, { messages })
+			}),
+			visibleError ? /* @__PURE__ */ jsx("div", {
+				className: "border-t border-lt-danger/40 px-3 py-2 text-xs text-lt-danger",
+				children: visibleError
+			}) : null,
+			/* @__PURE__ */ jsx(PromptInput, {
+				disabled,
+				onSubmit: sendMessage,
+				placeholder: props.placeholder ?? void 0
+			})
+		]
+	});
+};
+//#endregion
+export { RemoteChatBox, RemoteChatBox as default };
+
+//# sourceMappingURL=chat-box.js.map

package/dist/remote/components/chat-box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-box.js","names":[],"sources":["../../../resources/js/remote/components/chat-box.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { remoteJson } from \"@lattice-php/lattice/core/api\";\nimport { testIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport type { RemoteChatBox as RemoteChatBoxProps } from \"@lattice-php/lattice/types/generated\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport {\n  createRemoteNdjsonChatTransport,\n  ndjsonChatTransport,\n} from \"@lattice-php/lattice/chat/transport\";\nimport { useChat } from \"@lattice-php/lattice/chat/use-chat\";\nimport type { ChatMessage } from \"@lattice-php/lattice/chat/types\";\nimport { MessageList } from \"@lattice-php/lattice/chat/components/message-list\";\nimport { PromptInput } from \"@lattice-php/lattice/chat/components/prompt-input\";\n\ntype ChatHistoryResponse = { messages: ChatMessage[] };\n\nexport const RemoteChatBox: RendererComponent<\"remote.chat-box\"> = ({ node }) => {\n  const props: RemoteChatBoxProps = node.props;\n  const { t } = useT(\"lattice\");\n  const transport = useMemo(\n    () => (props.remote ? createRemoteNdjsonChatTransport(props.remote) : ndjsonChatTransport),\n    [props.remote],\n  );\n  const { messages, status, error, sendMessage, setMessages } = useChat({\n    endpoint: props.streamEndpoint ?? \"\",\n    transport,\n  });\n\n  const seededRef = useRef(false);\n\n  const seedHistory = useCallback(async (): Promise<void> => {\n    if (seededRef.current || !props.historyEndpoint || !props.remote) {\n      return;\n    }\n\n    seededRef.current = true;\n\n    const payload = await remoteJson<ChatHistoryResponse>(props.historyEndpoint, {\n      remote: props.remote,\n    });\n\n    setMessages(payload.messages);\n  }, [props.historyEndpoint, props.remote, setMessages]);\n\n  useEffect(() => {\n    void seedHistory().catch(() => {});\n  }, [seedHistory]);\n\n  const busy = status === \"submitted\" || status === \"streaming\";\n  const disabled = busy || !props.remote || !props.streamEndpoint;\n  const visibleError = error;\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col overflow-hidden border border-lt-border bg-lt-bg\",\n        props.fill\n          ? \"sticky top-0 h-full min-h-[28rem] w-full\"\n          : \"h-[28rem] w-80 rounded-lt shadow-lt-lg\",\n      )}\n      data-test={testIdentity(\"chat-box\")}\n    >\n      <div className=\"flex items-center border-b border-lt-border px-3 py-2\">\n        <span className=\"text-sm font-medium text-lt-fg\">\n          {props.title ?? t(\"chat.title\", \"Chat\")}\n        </span>\n      </div>\n      <div className=\"flex-1 overflow-y-auto\">\n        <MessageList messages={messages} />\n      </div>\n      {visibleError ? (\n        <div className=\"border-t border-lt-danger/40 px-3 py-2 text-xs text-lt-danger\">\n          {visibleError}\n        </div>\n      ) : null}\n      <PromptInput\n        disabled={disabled}\n        onSubmit={sendMessage}\n        placeholder={props.placeholder ?? undefined}\n      />\n    </div>\n  );\n};\n\nexport default RemoteChatBox;\n"],"mappings":";;;;;;;;;;;AAkBA,IAAa,iBAAuD,EAAE,WAAW;CAC/E,MAAM,QAA4B,KAAK;CACvC,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,YAAY,cACT,MAAM,SAAS,gCAAgC,MAAM,MAAM,IAAI,qBACtE,CAAC,MAAM,MAAM,CACf;CACA,MAAM,EAAE,UAAU,QAAQ,OAAO,aAAa,gBAAgB,QAAQ;EACpE,UAAU,MAAM,kBAAkB;EAClC;CACF,CAAC;CAED,MAAM,YAAY,OAAO,KAAK;CAE9B,MAAM,cAAc,YAAY,YAA2B;EACzD,IAAI,UAAU,WAAW,CAAC,MAAM,mBAAmB,CAAC,MAAM,QACxD;EAGF,UAAU,UAAU;EAMpB,aAAY,MAJU,WAAgC,MAAM,iBAAiB,EAC3E,QAAQ,MAAM,OAChB,CAAC,GAEmB,QAAQ;CAC9B,GAAG;EAAC,MAAM;EAAiB,MAAM;EAAQ;CAAW,CAAC;CAErD,gBAAgB;EACd,YAAiB,EAAE,YAAY,CAAC,CAAC;CACnC,GAAG,CAAC,WAAW,CAAC;CAGhB,MAAM,WADO,WAAW,eAAe,WAAW,eACzB,CAAC,MAAM,UAAU,CAAC,MAAM;CACjD,MAAM,eAAe;CAErB,OACE,qBAAC,OAAD;EACE,WAAW,GACT,kEACA,MAAM,OACF,6CACA,wCACN;EACA,aAAW,aAAa,UAAU;YAPpC;GASE,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,QAAD;KAAM,WAAU;eACb,MAAM,SAAS,EAAE,cAAc,MAAM;IAClC,CAAA;GACH,CAAA;GACL,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,aAAD,EAAuB,SAAW,CAAA;GAC/B,CAAA;GACJ,eACC,oBAAC,OAAD;IAAK,WAAU;cACZ;GACE,CAAA,IACH;GACJ,oBAAC,aAAD;IACY;IACV,UAAU;IACV,aAAa,MAAM,eAAe,KAAA;GACnC,CAAA;EACE;;AAET"}

package/dist/remote/components/data-list.d.ts

@@ -0,0 +1,10 @@
+import { RendererComponent, Schema } from '../../core/types';
+import { DataList as DataListProps } from '../../types/generated';
+type RemoteDataListProps = DataListProps & {
+    schema?: Schema;
+};
+export declare function RemoteDataList({ props }: {
+    props: RemoteDataListProps;
+}): import("react").JSX.Element;
+export declare const DataList: RendererComponent<"remote.data-list">;
+export default DataList;

package/dist/remote/components/data-list.js

@@ -0,0 +1,106 @@
+import { useT } from "../../i18n/instance.js";
+import { remoteJson } from "../../core/api.js";
+import { Renderer } from "../../core/renderer.js";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region resources/js/remote/components/data-list.tsx
+function label(value) {
+	if (value === null || value === void 0) return "";
+	return String(value);
+}
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function dataBindings(value) {
+	if (!isRecord(value)) return {};
+	return Object.fromEntries(Object.entries(value).filter((entry) => {
+		return typeof entry[1] === "string";
+	}));
+}
+function rowValue(row, key) {
+	if (key in row) return row[key];
+	return key.split(".").reduce((value, segment) => {
+		return isRecord(value) ? value[segment] : void 0;
+	}, row);
+}
+function materializeProps(props, row) {
+	if (!isRecord(props)) return {};
+	const { dataBindings: bindings, ...materialized } = props;
+	for (const [prop, key] of Object.entries(dataBindings(bindings))) {
+		const value = rowValue(row, key);
+		if (value !== void 0) materialized[prop] = value;
+	}
+	return materialized;
+}
+function materializeNode(node, row) {
+	return {
+		...node,
+		props: materializeProps(node.props, row),
+		schema: node.schema?.map((child) => materializeNode(child, row))
+	};
+}
+function materializeSchema(schema, row) {
+	return schema?.map((node) => materializeNode(node, row)) ?? [];
+}
+function RemoteDataList({ props }) {
+	const { t } = useT("lattice");
+	const [rows, setRows] = useState([]);
+	const [error, setError] = useState(null);
+	const [loading, setLoading] = useState(false);
+	useEffect(() => {
+		if (!props.remote || !props.dataEndpoint) {
+			setRows([]);
+			setLoading(false);
+			return;
+		}
+		let cancelled = false;
+		setError(null);
+		setLoading(true);
+		remoteJson(props.dataEndpoint, { remote: props.remote }).then((payload) => {
+			if (!cancelled) setRows(payload.data ?? []);
+		}).catch((caught) => {
+			if (!cancelled) setError(caught instanceof Error ? caught.message : String(caught));
+		}).finally(() => {
+			if (!cancelled) setLoading(false);
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [props.dataEndpoint, props.remote]);
+	if (error) return /* @__PURE__ */ jsx("div", {
+		className: "rounded-lt border border-lt-danger/40 p-3 text-sm",
+		children: error
+	});
+	if (loading || !props.remote) return /* @__PURE__ */ jsx("div", {
+		className: "rounded-lt border border-lt-border p-3 text-sm",
+		children: t("remote.data-list.loading", "Loading...")
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "rounded-lt border border-lt-border bg-lt-bg",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "border-b border-lt-border px-3 py-2 text-sm font-medium",
+			children: t("remote.data-list.title", "Remote data")
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "divide-y divide-lt-border",
+			children: [rows.map((row, index) => {
+				return /* @__PURE__ */ jsx("div", {
+					className: "px-3 py-2",
+					children: /* @__PURE__ */ jsx(Renderer, { nodes: materializeSchema(props.schema, row) })
+				}, label(row.id) || index);
+			}), rows.length === 0 ? /* @__PURE__ */ jsx("div", {
+				className: "px-3 py-2 text-sm text-lt-muted-fg",
+				children: props.emptyLabel ?? t("remote.data-list.empty", "No data")
+			}) : null]
+		})]
+	});
+}
+var DataList = ({ node }) => {
+	return /* @__PURE__ */ jsx(RemoteDataList, { props: {
+		...node.props,
+		schema: node.schema
+	} });
+};
+//#endregion
+export { DataList, DataList as default, RemoteDataList };
+
+//# sourceMappingURL=data-list.js.map

package/dist/remote/components/data-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list.js","names":[],"sources":["../../../resources/js/remote/components/data-list.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Renderer } from \"@lattice-php/lattice/core/renderer\";\nimport type { Node, NodeProps, RendererComponent, Schema } from \"@lattice-php/lattice/core/types\";\nimport { remoteJson } from \"@lattice-php/lattice/core/api\";\nimport type { DataList as DataListProps } from \"@lattice-php/lattice/types/generated\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\n\ntype RemotePayload = {\n  data?: Array<Record<string, unknown>>;\n};\n\ntype RemoteRow = Record<string, unknown>;\n\ntype DataBindings = Record<string, string>;\n\ntype RemoteDataListProps = DataListProps & {\n  schema?: Schema;\n};\n\nfunction label(value: unknown): string {\n  if (value === null || value === undefined) {\n    return \"\";\n  }\n\n  return String(value);\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n\nfunction dataBindings(value: unknown): DataBindings {\n  if (!isRecord(value)) {\n    return {};\n  }\n\n  return Object.fromEntries(\n    Object.entries(value).filter((entry): entry is [string, string] => {\n      return typeof entry[1] === \"string\";\n    }),\n  );\n}\n\nfunction rowValue(row: RemoteRow, key: string): unknown {\n  if (key in row) {\n    return row[key];\n  }\n\n  return key.split(\".\").reduce<unknown>((value, segment) => {\n    return isRecord(value) ? value[segment] : undefined;\n  }, row);\n}\n\nfunction materializeProps(props: unknown, row: RemoteRow): NodeProps {\n  if (!isRecord(props)) {\n    return {};\n  }\n\n  const { dataBindings: bindings, ...materialized } = props;\n\n  for (const [prop, key] of Object.entries(dataBindings(bindings))) {\n    const value = rowValue(row, key);\n\n    if (value !== undefined) {\n      materialized[prop] = value;\n    }\n  }\n\n  return materialized;\n}\n\nfunction materializeNode(node: Node, row: RemoteRow): Node {\n  return {\n    ...node,\n    props: materializeProps(node.props, row),\n    schema: node.schema?.map((child) => materializeNode(child, row)),\n  } as Node;\n}\n\nfunction materializeSchema(schema: Schema | undefined, row: RemoteRow): Schema {\n  return schema?.map((node) => materializeNode(node, row)) ?? [];\n}\n\nexport function RemoteDataList({ props }: { props: RemoteDataListProps }) {\n  const { t } = useT(\"lattice\");\n  const [rows, setRows] = useState<RemoteRow[]>([]);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(false);\n\n  useEffect(() => {\n    if (!props.remote || !props.dataEndpoint) {\n      setRows([]);\n      setLoading(false);\n\n      return;\n    }\n\n    let cancelled = false;\n    setError(null);\n    setLoading(true);\n\n    void remoteJson<RemotePayload>(props.dataEndpoint, { remote: props.remote })\n      .then((payload) => {\n        if (!cancelled) {\n          setRows(payload.data ?? []);\n        }\n      })\n      .catch((caught: unknown) => {\n        if (!cancelled) {\n          setError(caught instanceof Error ? caught.message : String(caught));\n        }\n      })\n      .finally(() => {\n        if (!cancelled) {\n          setLoading(false);\n        }\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [props.dataEndpoint, props.remote]);\n\n  if (error) {\n    return <div className=\"rounded-lt border border-lt-danger/40 p-3 text-sm\">{error}</div>;\n  }\n\n  if (loading || !props.remote) {\n    return (\n      <div className=\"rounded-lt border border-lt-border p-3 text-sm\">\n        {t(\"remote.data-list.loading\", \"Loading...\")}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"rounded-lt border border-lt-border bg-lt-bg\">\n      <div className=\"border-b border-lt-border px-3 py-2 text-sm font-medium\">\n        {t(\"remote.data-list.title\", \"Remote data\")}\n      </div>\n      <div className=\"divide-y divide-lt-border\">\n        {rows.map((row, index) => {\n          return (\n            <div className=\"px-3 py-2\" key={label(row.id) || index}>\n              <Renderer nodes={materializeSchema(props.schema, row)} />\n            </div>\n          );\n        })}\n        {rows.length === 0 ? (\n          <div className=\"px-3 py-2 text-sm text-lt-muted-fg\">\n            {props.emptyLabel ?? t(\"remote.data-list.empty\", \"No data\")}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nexport const DataList: RendererComponent<\"remote.data-list\"> = ({ node }) => {\n  return <RemoteDataList props={{ ...node.props, schema: node.schema }} />;\n};\n\nexport default DataList;\n"],"mappings":";;;;;;AAmBA,SAAS,MAAM,OAAwB;CACrC,IAAI,UAAU,QAAQ,UAAU,KAAA,GAC9B,OAAO;CAGT,OAAO,OAAO,KAAK;AACrB;AAEA,SAAS,SAAS,OAAkD;CAClE,OAAO,OAAO,UAAU,YAAY,UAAU,QAAQ,CAAC,MAAM,QAAQ,KAAK;AAC5E;AAEA,SAAS,aAAa,OAA8B;CAClD,IAAI,CAAC,SAAS,KAAK,GACjB,OAAO,CAAC;CAGV,OAAO,OAAO,YACZ,OAAO,QAAQ,KAAK,EAAE,QAAQ,UAAqC;EACjE,OAAO,OAAO,MAAM,OAAO;CAC7B,CAAC,CACH;AACF;AAEA,SAAS,SAAS,KAAgB,KAAsB;CACtD,IAAI,OAAO,KACT,OAAO,IAAI;CAGb,OAAO,IAAI,MAAM,GAAG,EAAE,QAAiB,OAAO,YAAY;EACxD,OAAO,SAAS,KAAK,IAAI,MAAM,WAAW,KAAA;CAC5C,GAAG,GAAG;AACR;AAEA,SAAS,iBAAiB,OAAgB,KAA2B;CACnE,IAAI,CAAC,SAAS,KAAK,GACjB,OAAO,CAAC;CAGV,MAAM,EAAE,cAAc,UAAU,GAAG,iBAAiB;CAEpD,KAAK,MAAM,CAAC,MAAM,QAAQ,OAAO,QAAQ,aAAa,QAAQ,CAAC,GAAG;EAChE,MAAM,QAAQ,SAAS,KAAK,GAAG;EAE/B,IAAI,UAAU,KAAA,GACZ,aAAa,QAAQ;CAEzB;CAEA,OAAO;AACT;AAEA,SAAS,gBAAgB,MAAY,KAAsB;CACzD,OAAO;EACL,GAAG;EACH,OAAO,iBAAiB,KAAK,OAAO,GAAG;EACvC,QAAQ,KAAK,QAAQ,KAAK,UAAU,gBAAgB,OAAO,GAAG,CAAC;CACjE;AACF;AAEA,SAAS,kBAAkB,QAA4B,KAAwB;CAC7E,OAAO,QAAQ,KAAK,SAAS,gBAAgB,MAAM,GAAG,CAAC,KAAK,CAAC;AAC/D;AAEA,SAAgB,eAAe,EAAE,SAAyC;CACxE,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,CAAC,MAAM,WAAW,SAAsB,CAAC,CAAC;CAChD,MAAM,CAAC,OAAO,YAAY,SAAwB,IAAI;CACtD,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAE5C,gBAAgB;EACd,IAAI,CAAC,MAAM,UAAU,CAAC,MAAM,cAAc;GACxC,QAAQ,CAAC,CAAC;GACV,WAAW,KAAK;GAEhB;EACF;EAEA,IAAI,YAAY;EAChB,SAAS,IAAI;EACb,WAAW,IAAI;EAEf,WAA+B,MAAM,cAAc,EAAE,QAAQ,MAAM,OAAO,CAAC,EACxE,MAAM,YAAY;GACjB,IAAI,CAAC,WACH,QAAQ,QAAQ,QAAQ,CAAC,CAAC;EAE9B,CAAC,EACA,OAAO,WAAoB;GAC1B,IAAI,CAAC,WACH,SAAS,kBAAkB,QAAQ,OAAO,UAAU,OAAO,MAAM,CAAC;EAEtE,CAAC,EACA,cAAc;GACb,IAAI,CAAC,WACH,WAAW,KAAK;EAEpB,CAAC;EAEH,aAAa;GACX,YAAY;EACd;CACF,GAAG,CAAC,MAAM,cAAc,MAAM,MAAM,CAAC;CAErC,IAAI,OACF,OAAO,oBAAC,OAAD;EAAK,WAAU;YAAqD;CAAW,CAAA;CAGxF,IAAI,WAAW,CAAC,MAAM,QACpB,OACE,oBAAC,OAAD;EAAK,WAAU;YACZ,EAAE,4BAA4B,YAAY;CACxC,CAAA;CAIT,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,OAAD;GAAK,WAAU;aACZ,EAAE,0BAA0B,aAAa;EACvC,CAAA,GACL,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,KAAK,KAAK,KAAK,UAAU;IACxB,OACE,oBAAC,OAAD;KAAK,WAAU;eACb,oBAAC,UAAD,EAAU,OAAO,kBAAkB,MAAM,QAAQ,GAAG,EAAI,CAAA;IACrD,GAF2B,MAAM,IAAI,EAAE,KAAK,KAE5C;GAET,CAAC,GACA,KAAK,WAAW,IACf,oBAAC,OAAD;IAAK,WAAU;cACZ,MAAM,cAAc,EAAE,0BAA0B,SAAS;GACvD,CAAA,IACH,IACD;IACF;;AAET;AAEA,IAAa,YAAmD,EAAE,WAAW;CAC3E,OAAO,oBAAC,gBAAD,EAAgB,OAAO;EAAE,GAAG,KAAK;EAAO,QAAQ,KAAK;CAAO,EAAI,CAAA;AACzE"}

package/dist/remote/index.d.ts

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

package/dist/remote/index.js

@@ -0,0 +1,15 @@
+import { createPlugin, eagerComponent } from "../core/registry.js";
+import { DataList } from "./components/data-list.js";
+import { RemoteChatBox } from "./components/chat-box.js";
+//#region resources/js/remote/index.ts
+var remoteComponents = createPlugin({
+	components: {
+		"remote.data-list": eagerComponent(DataList),
+		"remote.chat-box": eagerComponent(RemoteChatBox)
+	},
+	name: "lattice/remote"
+});
+//#endregion
+export { remoteComponents };
+
+//# sourceMappingURL=index.js.map

package/dist/remote/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../resources/js/remote/index.ts"],"sourcesContent":["import { createPlugin, eagerComponent } from \"@lattice-php/lattice/core/registry\";\nimport DataListComponent from \"./components/data-list\";\nimport RemoteChatBoxComponent from \"./components/chat-box\";\n\nexport const remoteComponents = createPlugin({\n  components: {\n    \"remote.data-list\": eagerComponent(DataListComponent),\n    \"remote.chat-box\": eagerComponent(RemoteChatBoxComponent),\n  },\n  name: \"lattice/remote\",\n});\n"],"mappings":";;;;AAIA,IAAa,mBAAmB,aAAa;CAC3C,YAAY;EACV,oBAAoB,eAAe,QAAiB;EACpD,mBAAmB,eAAe,aAAsB;CAC1D;CACA,MAAM;AACR,CAAC"}

package/dist/svg-sprite-client/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/svg-sprite-client.d.ts

@@ -0,0 +1 @@
+/// <reference types="@lattice-php/vite-svg-sprite/client" />

package/dist/table/align.d.ts

@@ -0,0 +1,4 @@
+import { ColumnAlign } from '../types/generated';
+export declare const alignText: (align: ColumnAlign) => string;
+export declare const alignJustify: (align: ColumnAlign) => string;
+export declare const alignJustifyItems: (align: ColumnAlign) => string;

package/dist/table/align.js

@@ -0,0 +1,23 @@
+//#region resources/js/table/align.ts
+var TEXT = {
+	start: "text-start",
+	center: "text-center",
+	end: "text-end"
+};
+var JUSTIFY = {
+	start: "justify-start",
+	center: "justify-center",
+	end: "justify-end"
+};
+var JUSTIFY_ITEMS = {
+	start: "justify-items-start",
+	center: "justify-items-center",
+	end: "justify-items-end"
+};
+var alignText = (align) => TEXT[align];
+var alignJustify = (align) => JUSTIFY[align];
+var alignJustifyItems = (align) => JUSTIFY_ITEMS[align];
+//#endregion
+export { alignJustify, alignJustifyItems, alignText };
+
+//# sourceMappingURL=align.js.map

package/dist/table/align.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"align.js","names":[],"sources":["../../resources/js/table/align.ts"],"sourcesContent":["import type { ColumnAlign } from \"@lattice-php/lattice/types/generated\";\n\nconst TEXT: Record<ColumnAlign, string> = {\n  start: \"text-start\",\n  center: \"text-center\",\n  end: \"text-end\",\n};\n\nconst JUSTIFY: Record<ColumnAlign, string> = {\n  start: \"justify-start\",\n  center: \"justify-center\",\n  end: \"justify-end\",\n};\n\nconst JUSTIFY_ITEMS: Record<ColumnAlign, string> = {\n  start: \"justify-items-start\",\n  center: \"justify-items-center\",\n  end: \"justify-items-end\",\n};\n\nexport const alignText = (align: ColumnAlign): string => TEXT[align];\nexport const alignJustify = (align: ColumnAlign): string => JUSTIFY[align];\nexport const alignJustifyItems = (align: ColumnAlign): string => JUSTIFY_ITEMS[align];\n"],"mappings":";AAEA,IAAM,OAAoC;CACxC,OAAO;CACP,QAAQ;CACR,KAAK;AACP;AAEA,IAAM,UAAuC;CAC3C,OAAO;CACP,QAAQ;CACR,KAAK;AACP;AAEA,IAAM,gBAA6C;CACjD,OAAO;CACP,QAAQ;CACR,KAAK;AACP;AAEA,IAAa,aAAa,UAA+B,KAAK;AAC9D,IAAa,gBAAgB,UAA+B,QAAQ;AACpE,IAAa,qBAAqB,UAA+B,cAAc"}

package/dist/table/bulk.js

@@ -12,7 +12,7 @@ function getBulkActions(actions) {
 			ref: props.ref ?? "",
 			variant: props.variant ?? "default",
 			confirmation: props.confirmation,
-			form: props.form ?? null
+			form: props.form
 		}];
 	});
 }

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/lattice/core/types\";\nimport type { Action, ActionNode, ButtonVariant } from \"@lattice/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 as unknown as Node | null) ?? null,\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,MAAO,MAAM,QAAmC;EAClD,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, 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"}

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

@@ -1,9 +1,11 @@
-import { withRefHeader } from "../../core/component-ref.js";
+import { withHeaders } from "../../core/headers.js";
+import { prefixedTestId } from "../../core/test-id.js";
 import { Button } from "../../core/components/button.js";
 import { useT } from "../../i18n/instance.js";
 import { Spinner } from "../../core/components/spinner.js";
 import { ConfirmDialog } from "../../core/components/confirm-dialog.js";
-import { dispatchActionEffects, dispatchActionError, getActionEffects } from "../../action/effects.js";
+import { dispatchActionError, getActionEffects } from "../../effects/dispatch.js";
+import { useEffectDispatcher } from "../../effects/use-effect-dispatcher.js";
 import { ActionForm } from "../../action/components/action-form.js";
 import { useState } from "react";
 import { useHttp } from "@inertiajs/react";
@@ -12,6 +14,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 function BulkBar({ actions, selectedKeys, allMatching, total, query, canSelectAllMatching, onSelectAllMatching, onCompleted }) {
 	const { t } = useT("lattice");
 	const http = useHttp({});
+	const dispatch = useEffectDispatcher();
 	const [confirming, setConfirming] = useState(null);
 	const [filling, setFilling] = useState(null);
 	const selectionPayload = () => allMatching ? {
@@ -27,7 +30,7 @@ function BulkBar({ actions, selectedKeys, allMatching, total, query, canSelectAl
 					...query
 				} : { selected: selectedKeys }
 			}));
-			dispatchActionEffects(getActionEffects((await http[action.method](action.endpoint, { headers: withRefHeader(action.ref ?? "") })).effects));
+			dispatch(getActionEffects((await http[action.method](action.endpoint, { headers: withHeaders(action.ref ?? "") })).effects));
 			setConfirming(null);
 			onCompleted();
 		} catch (error) {
@@ -64,7 +67,7 @@ function BulkBar({ actions, selectedKeys, allMatching, total, query, canSelectAl
 				className: "flex flex-wrap items-center gap-2",
 				children: actions.map((action) => /* @__PURE__ */ jsxs(Button, {
 					type: "button",
-					"data-test": `bulk-action-${action.label.toLowerCase().replace(/\s+/g, "-")}`,
+					"data-test": prefixedTestId("bulk-action", action.id),
 					variant: action.variant,
 					disabled: http.processing,
 					onClick: () => run(action),
@@ -91,7 +94,7 @@ function BulkBar({ actions, selectedKeys, allMatching, total, query, canSelectAl
 				method: filling.method,
 				onClose: () => setFilling(null),
 				onSuccess: (response) => {
-					dispatchActionEffects(getActionEffects(response.effects));
+					dispatch(getActionEffects(response.effects));
 					setFilling(null);
 					onCompleted();
 				},

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

@@ -1 +1 @@
-{"version":3,"file":"bulk-bar.js","names":[],"sources":["../../../resources/js/table/components/bulk-bar.tsx"],"sourcesContent":["import { useHttp } from \"@inertiajs/react\";\nimport { useState } from \"react\";\nimport { ActionForm } from \"@lattice/lattice/action/components/action-form\";\nimport {\n  dispatchActionEffects,\n  dispatchActionError,\n  getActionEffects,\n} from \"@lattice/lattice/action/effects\";\nimport type { ActionResponse } from \"@lattice/lattice/action/effects\";\nimport { withRefHeader } from \"@lattice/lattice/core/component-ref\";\nimport { Button } from \"@lattice/lattice/core/components/button\";\nimport { ConfirmDialog } from \"@lattice/lattice/core/components/confirm-dialog\";\nimport { Spinner } from \"@lattice/lattice/core/components/spinner\";\nimport { useT } from \"@lattice/lattice/i18n\";\nimport type { BulkAction } from \"../bulk\";\n\ntype BulkData = {\n  allMatching?: boolean;\n  selected?: string[];\n};\n\nexport function BulkBar({\n  actions,\n  selectedKeys,\n  allMatching,\n  total,\n  query,\n  canSelectAllMatching,\n  onSelectAllMatching,\n  onCompleted,\n}: {\n  actions: BulkAction[];\n  selectedKeys: string[];\n  allMatching: boolean;\n  total?: number;\n  query: Record<string, unknown>;\n  canSelectAllMatching: boolean;\n  onSelectAllMatching: () => void;\n  onCompleted: () => void;\n}) {\n  const { t } = useT(\"lattice\");\n  const http = useHttp<BulkData, ActionResponse>({});\n  const [confirming, setConfirming] = useState<BulkAction | null>(null);\n  const [filling, setFilling] = useState<BulkAction | null>(null);\n\n  const selectionPayload = (): Record<string, unknown> =>\n    allMatching ? { allMatching: true, ...query } : { selected: selectedKeys };\n\n  async function submit(action: BulkAction): Promise<void> {\n    try {\n      http.transform((data) => ({\n        ...data,\n        ...(allMatching ? { allMatching: true, ...query } : { selected: selectedKeys }),\n      }));\n\n      const response = await http[action.method](action.endpoint, {\n        headers: withRefHeader(action.ref ?? \"\"),\n      });\n\n      dispatchActionEffects(getActionEffects(response.effects));\n      setConfirming(null);\n      onCompleted();\n    } catch (error) {\n      dispatchActionError(error);\n    }\n  }\n\n  function run(action: BulkAction): void {\n    if (action.form) {\n      setFilling(action);\n\n      return;\n    }\n\n    if (action.confirmation) {\n      setConfirming(action);\n\n      return;\n    }\n\n    void submit(action);\n  }\n\n  const count = allMatching ? (total ?? selectedKeys.length) : selectedKeys.length;\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-3 border-b border-lt-border bg-lt-muted/50 p-4 text-sm\">\n      <span className=\"font-medium\">\n        {allMatching\n          ? t(\"bulk.allSelected\", \"All {{count}} selected\", { count })\n          : t(\"bulk.selected\", \"{{count}} selected\", { count })}\n      </span>\n      {canSelectAllMatching && (\n        <button\n          type=\"button\"\n          data-test=\"bulk-select-all-matching\"\n          className=\"font-medium text-lt-primary underline underline-offset-2\"\n          onClick={onSelectAllMatching}\n        >\n          {t(\"bulk.selectAllMatching\", \"Select all {{total}} matching\", { total })}\n        </button>\n      )}\n      <div className=\"flex flex-wrap items-center gap-2\">\n        {actions.map((action) => (\n          <Button\n            key={action.id}\n            type=\"button\"\n            data-test={`bulk-action-${action.label.toLowerCase().replace(/\\s+/g, \"-\")}`}\n            variant={action.variant}\n            disabled={http.processing}\n            onClick={() => run(action)}\n          >\n            {http.processing && <Spinner />}\n            {action.label}\n          </Button>\n        ))}\n      </div>\n\n      {confirming?.confirmation && (\n        <ConfirmDialog\n          title={confirming.confirmation.title ?? confirming.label}\n          description={confirming.confirmation.description ?? undefined}\n          confirmLabel={confirming.confirmation.confirmLabel ?? confirming.label}\n          cancelLabel={confirming.confirmation.cancelLabel ?? \"Cancel\"}\n          confirmVariant={confirming.variant}\n          processing={http.processing}\n          onConfirm={() => void submit(confirming)}\n          onCancel={() => setConfirming(null)}\n        />\n      )}\n\n      {filling?.form && (\n        <ActionForm\n          cancelLabel={filling.confirmation?.cancelLabel ?? \"Cancel\"}\n          componentRef={filling.ref}\n          description={filling.confirmation?.description ?? undefined}\n          endpoint={filling.endpoint}\n          extraData={selectionPayload()}\n          formNode={filling.form}\n          method={filling.method}\n          onClose={() => setFilling(null)}\n          onSuccess={(response) => {\n            dispatchActionEffects(getActionEffects(response.effects));\n            setFilling(null);\n            onCompleted();\n          }}\n          submitLabel={filling.confirmation?.confirmLabel ?? filling.label}\n          title={filling.confirmation?.title ?? filling.label}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAqBA,SAAgB,QAAQ,EACtB,SACA,cACA,aACA,OACA,OACA,sBACA,qBACA,eAUC;CACD,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,OAAO,QAAkC,CAAC,CAAC;CACjD,MAAM,CAAC,YAAY,iBAAiB,SAA4B,IAAI;CACpE,MAAM,CAAC,SAAS,cAAc,SAA4B,IAAI;CAE9D,MAAM,yBACJ,cAAc;EAAE,aAAa;EAAM,GAAG;CAAM,IAAI,EAAE,UAAU,aAAa;CAE3E,eAAe,OAAO,QAAmC;EACvD,IAAI;GACF,KAAK,WAAW,UAAU;IACxB,GAAG;IACH,GAAI,cAAc;KAAE,aAAa;KAAM,GAAG;IAAM,IAAI,EAAE,UAAU,aAAa;GAC/E,EAAE;GAMF,sBAAsB,kBAAiB,MAJhB,KAAK,OAAO,QAAQ,OAAO,UAAU,EAC1D,SAAS,cAAc,OAAO,OAAO,EAAE,EACzC,CAAC,GAE+C,OAAO,CAAC;GACxD,cAAc,IAAI;GAClB,YAAY;EACd,SAAS,OAAO;GACd,oBAAoB,KAAK;EAC3B;CACF;CAEA,SAAS,IAAI,QAA0B;EACrC,IAAI,OAAO,MAAM;GACf,WAAW,MAAM;GAEjB;EACF;EAEA,IAAI,OAAO,cAAc;GACvB,cAAc,MAAM;GAEpB;EACF;EAEA,OAAY,MAAM;CACpB;CAEA,MAAM,QAAQ,cAAe,SAAS,aAAa,SAAU,aAAa;CAE1E,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACE,oBAAC,QAAD;IAAM,WAAU;cACb,cACG,EAAE,oBAAoB,0BAA0B,EAAE,MAAM,CAAC,IACzD,EAAE,iBAAiB,sBAAsB,EAAE,MAAM,CAAC;GAClD,CAAA;GACL,wBACC,oBAAC,UAAD;IACE,MAAK;IACL,aAAU;IACV,WAAU;IACV,SAAS;cAER,EAAE,0BAA0B,iCAAiC,EAAE,MAAM,CAAC;GACjE,CAAA;GAEV,oBAAC,OAAD;IAAK,WAAU;cACZ,QAAQ,KAAK,WACZ,qBAAC,QAAD;KAEE,MAAK;KACL,aAAW,eAAe,OAAO,MAAM,YAAY,EAAE,QAAQ,QAAQ,GAAG;KACxE,SAAS,OAAO;KAChB,UAAU,KAAK;KACf,eAAe,IAAI,MAAM;eAN3B,CAQG,KAAK,cAAc,oBAAC,SAAD,CAAU,CAAA,GAC7B,OAAO,KACF;OATD,OAAO,EASN,CACT;GACE,CAAA;GAEJ,YAAY,gBACX,oBAAC,eAAD;IACE,OAAO,WAAW,aAAa,SAAS,WAAW;IACnD,aAAa,WAAW,aAAa,eAAe,KAAA;IACpD,cAAc,WAAW,aAAa,gBAAgB,WAAW;IACjE,aAAa,WAAW,aAAa,eAAe;IACpD,gBAAgB,WAAW;IAC3B,YAAY,KAAK;IACjB,iBAAiB,KAAK,OAAO,UAAU;IACvC,gBAAgB,cAAc,IAAI;GACnC,CAAA;GAGF,SAAS,QACR,oBAAC,YAAD;IACE,aAAa,QAAQ,cAAc,eAAe;IAClD,cAAc,QAAQ;IACtB,aAAa,QAAQ,cAAc,eAAe,KAAA;IAClD,UAAU,QAAQ;IAClB,WAAW,iBAAiB;IAC5B,UAAU,QAAQ;IAClB,QAAQ,QAAQ;IAChB,eAAe,WAAW,IAAI;IAC9B,YAAY,aAAa;KACvB,sBAAsB,iBAAiB,SAAS,OAAO,CAAC;KACxD,WAAW,IAAI;KACf,YAAY;IACd;IACA,aAAa,QAAQ,cAAc,gBAAgB,QAAQ;IAC3D,OAAO,QAAQ,cAAc,SAAS,QAAQ;GAC/C,CAAA;EAEA;;AAET"}
+{"version":3,"file":"bulk-bar.js","names":[],"sources":["../../../resources/js/table/components/bulk-bar.tsx"],"sourcesContent":["import { useHttp } from \"@inertiajs/react\";\nimport { useState } from \"react\";\nimport { ActionForm } from \"@lattice-php/lattice/action/components/action-form\";\nimport { dispatchActionError, getActionEffects } from \"@lattice-php/lattice/effects/dispatch\";\nimport type { ActionResponse } from \"@lattice-php/lattice/effects/dispatch\";\nimport { useEffectDispatcher } from \"@lattice-php/lattice/effects/use-effect-dispatcher\";\nimport { withHeaders } from \"@lattice-php/lattice/core/headers\";\nimport { Button } from \"@lattice-php/lattice/core/components/button\";\nimport { ConfirmDialog } from \"@lattice-php/lattice/core/components/confirm-dialog\";\nimport { Spinner } from \"@lattice-php/lattice/core/components/spinner\";\nimport { prefixedTestId } from \"@lattice-php/lattice/core/test-id\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport type { BulkAction } from \"../bulk\";\n\ntype BulkData = {\n  allMatching?: boolean;\n  selected?: string[];\n};\n\nexport function BulkBar({\n  actions,\n  selectedKeys,\n  allMatching,\n  total,\n  query,\n  canSelectAllMatching,\n  onSelectAllMatching,\n  onCompleted,\n}: {\n  actions: BulkAction[];\n  selectedKeys: string[];\n  allMatching: boolean;\n  total?: number;\n  query: Record<string, unknown>;\n  canSelectAllMatching: boolean;\n  onSelectAllMatching: () => void;\n  onCompleted: () => void;\n}) {\n  const { t } = useT(\"lattice\");\n  const http = useHttp<BulkData, ActionResponse>({});\n  const dispatch = useEffectDispatcher();\n  const [confirming, setConfirming] = useState<BulkAction | null>(null);\n  const [filling, setFilling] = useState<BulkAction | null>(null);\n\n  const selectionPayload = (): Record<string, unknown> =>\n    allMatching ? { allMatching: true, ...query } : { selected: selectedKeys };\n\n  async function submit(action: BulkAction): Promise<void> {\n    try {\n      http.transform((data) => ({\n        ...data,\n        ...(allMatching ? { allMatching: true, ...query } : { selected: selectedKeys }),\n      }));\n\n      const response = await http[action.method](action.endpoint, {\n        headers: withHeaders(action.ref ?? \"\"),\n      });\n\n      dispatch(getActionEffects(response.effects));\n      setConfirming(null);\n      onCompleted();\n    } catch (error) {\n      dispatchActionError(error);\n    }\n  }\n\n  function run(action: BulkAction): void {\n    if (action.form) {\n      setFilling(action);\n\n      return;\n    }\n\n    if (action.confirmation) {\n      setConfirming(action);\n\n      return;\n    }\n\n    void submit(action);\n  }\n\n  const count = allMatching ? (total ?? selectedKeys.length) : selectedKeys.length;\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-3 border-b border-lt-border bg-lt-muted/50 p-4 text-sm\">\n      <span className=\"font-medium\">\n        {allMatching\n          ? t(\"bulk.allSelected\", \"All {{count}} selected\", { count })\n          : t(\"bulk.selected\", \"{{count}} selected\", { count })}\n      </span>\n      {canSelectAllMatching && (\n        <button\n          type=\"button\"\n          data-test=\"bulk-select-all-matching\"\n          className=\"font-medium text-lt-primary underline underline-offset-2\"\n          onClick={onSelectAllMatching}\n        >\n          {t(\"bulk.selectAllMatching\", \"Select all {{total}} matching\", { total })}\n        </button>\n      )}\n      <div className=\"flex flex-wrap items-center gap-2\">\n        {actions.map((action) => (\n          <Button\n            key={action.id}\n            type=\"button\"\n            data-test={prefixedTestId(\"bulk-action\", action.id)}\n            variant={action.variant}\n            disabled={http.processing}\n            onClick={() => run(action)}\n          >\n            {http.processing && <Spinner />}\n            {action.label}\n          </Button>\n        ))}\n      </div>\n\n      {confirming?.confirmation && (\n        <ConfirmDialog\n          title={confirming.confirmation.title ?? confirming.label}\n          description={confirming.confirmation.description ?? undefined}\n          confirmLabel={confirming.confirmation.confirmLabel ?? confirming.label}\n          cancelLabel={confirming.confirmation.cancelLabel ?? \"Cancel\"}\n          confirmVariant={confirming.variant}\n          processing={http.processing}\n          onConfirm={() => void submit(confirming)}\n          onCancel={() => setConfirming(null)}\n        />\n      )}\n\n      {filling?.form && (\n        <ActionForm\n          cancelLabel={filling.confirmation?.cancelLabel ?? \"Cancel\"}\n          componentRef={filling.ref}\n          description={filling.confirmation?.description ?? undefined}\n          endpoint={filling.endpoint}\n          extraData={selectionPayload()}\n          formNode={filling.form}\n          method={filling.method}\n          onClose={() => setFilling(null)}\n          onSuccess={(response) => {\n            dispatch(getActionEffects(response.effects));\n            setFilling(null);\n            onCompleted();\n          }}\n          submitLabel={filling.confirmation?.confirmLabel ?? filling.label}\n          title={filling.confirmation?.title ?? filling.label}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAmBA,SAAgB,QAAQ,EACtB,SACA,cACA,aACA,OACA,OACA,sBACA,qBACA,eAUC;CACD,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,OAAO,QAAkC,CAAC,CAAC;CACjD,MAAM,WAAW,oBAAoB;CACrC,MAAM,CAAC,YAAY,iBAAiB,SAA4B,IAAI;CACpE,MAAM,CAAC,SAAS,cAAc,SAA4B,IAAI;CAE9D,MAAM,yBACJ,cAAc;EAAE,aAAa;EAAM,GAAG;CAAM,IAAI,EAAE,UAAU,aAAa;CAE3E,eAAe,OAAO,QAAmC;EACvD,IAAI;GACF,KAAK,WAAW,UAAU;IACxB,GAAG;IACH,GAAI,cAAc;KAAE,aAAa;KAAM,GAAG;IAAM,IAAI,EAAE,UAAU,aAAa;GAC/E,EAAE;GAMF,SAAS,kBAAiB,MAJH,KAAK,OAAO,QAAQ,OAAO,UAAU,EAC1D,SAAS,YAAY,OAAO,OAAO,EAAE,EACvC,CAAC,GAEkC,OAAO,CAAC;GAC3C,cAAc,IAAI;GAClB,YAAY;EACd,SAAS,OAAO;GACd,oBAAoB,KAAK;EAC3B;CACF;CAEA,SAAS,IAAI,QAA0B;EACrC,IAAI,OAAO,MAAM;GACf,WAAW,MAAM;GAEjB;EACF;EAEA,IAAI,OAAO,cAAc;GACvB,cAAc,MAAM;GAEpB;EACF;EAEA,OAAY,MAAM;CACpB;CAEA,MAAM,QAAQ,cAAe,SAAS,aAAa,SAAU,aAAa;CAE1E,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACE,oBAAC,QAAD;IAAM,WAAU;cACb,cACG,EAAE,oBAAoB,0BAA0B,EAAE,MAAM,CAAC,IACzD,EAAE,iBAAiB,sBAAsB,EAAE,MAAM,CAAC;GAClD,CAAA;GACL,wBACC,oBAAC,UAAD;IACE,MAAK;IACL,aAAU;IACV,WAAU;IACV,SAAS;cAER,EAAE,0BAA0B,iCAAiC,EAAE,MAAM,CAAC;GACjE,CAAA;GAEV,oBAAC,OAAD;IAAK,WAAU;cACZ,QAAQ,KAAK,WACZ,qBAAC,QAAD;KAEE,MAAK;KACL,aAAW,eAAe,eAAe,OAAO,EAAE;KAClD,SAAS,OAAO;KAChB,UAAU,KAAK;KACf,eAAe,IAAI,MAAM;eAN3B,CAQG,KAAK,cAAc,oBAAC,SAAD,CAAU,CAAA,GAC7B,OAAO,KACF;OATD,OAAO,EASN,CACT;GACE,CAAA;GAEJ,YAAY,gBACX,oBAAC,eAAD;IACE,OAAO,WAAW,aAAa,SAAS,WAAW;IACnD,aAAa,WAAW,aAAa,eAAe,KAAA;IACpD,cAAc,WAAW,aAAa,gBAAgB,WAAW;IACjE,aAAa,WAAW,aAAa,eAAe;IACpD,gBAAgB,WAAW;IAC3B,YAAY,KAAK;IACjB,iBAAiB,KAAK,OAAO,UAAU;IACvC,gBAAgB,cAAc,IAAI;GACnC,CAAA;GAGF,SAAS,QACR,oBAAC,YAAD;IACE,aAAa,QAAQ,cAAc,eAAe;IAClD,cAAc,QAAQ;IACtB,aAAa,QAAQ,cAAc,eAAe,KAAA;IAClD,UAAU,QAAQ;IAClB,WAAW,iBAAiB;IAC5B,UAAU,QAAQ;IAClB,QAAQ,QAAQ;IAChB,eAAe,WAAW,IAAI;IAC9B,YAAY,aAAa;KACvB,SAAS,iBAAiB,SAAS,OAAO,CAAC;KAC3C,WAAW,IAAI;KACf,YAAY;IACd;IACA,aAAa,QAAQ,cAAc,gBAAgB,QAAQ;IAC3D,OAAO,QAAQ,cAAc,SAAS,QAAQ;GAC/C,CAAA;EAEA;;AAET"}

package/dist/table/components/cells/badge-cell.d.ts

@@ -1,5 +1,2 @@
-import { TableColumn } from '../../types';
-export declare function BadgeCell({ column, value }: {
-    column: TableColumn;
-    value: unknown;
-}): import("react").JSX.Element | null;
+import { ColumnCellComponent } from '../../registry';
+export declare const BadgeCell: ColumnCellComponent<"column.badge">;

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

@@ -2,14 +2,14 @@ import { cn } from "../../../lib/utils.js";
 import { formatCell } from "../../format.js";
 import { jsx } from "react/jsx-runtime";
 //#region resources/js/table/components/cells/badge-cell.tsx
-function BadgeCell({ column, value }) {
+var BadgeCell = ({ column, props, value }) => {
 	const label = formatCell(value, column);
 	if (label === "") return null;
 	return /* @__PURE__ */ jsx("span", {
-		className: cn("lt-cell-badge", `lt-cell-tone-${column.props?.colors?.[String(value)] ?? "gray"}`),
+		className: cn("lt-cell-badge", `lt-cell-tone-${props.colors?.[String(value)] ?? "gray"}`),
 		children: label
 	});
-}
+};
 //#endregion
 export { BadgeCell };
 

package/dist/table/components/cells/badge-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge-cell.js","names":[],"sources":["../../../../resources/js/table/components/cells/badge-cell.tsx"],"sourcesContent":["import { cn } from \"@lattice/lattice/lib/utils\";\nimport type { BadgeColumnProps } from \"@lattice/lattice/types/generated\";\nimport { formatCell } from \"../../format\";\nimport type { TableColumn } from \"../../types\";\n\nexport function BadgeCell({ column, value }: { column: TableColumn; value: unknown }) {\n  const label = formatCell(value, column);\n\n  if (label === \"\") {\n    return null;\n  }\n\n  const props = column.props as BadgeColumnProps | null;\n  const color = props?.colors?.[String(value)] ?? \"gray\";\n\n  return <span className={cn(\"lt-cell-badge\", `lt-cell-tone-${color}`)}>{label}</span>;\n}\n"],"mappings":";;;;AAKA,SAAgB,UAAU,EAAE,QAAQ,SAAkD;CACpF,MAAM,QAAQ,WAAW,OAAO,MAAM;CAEtC,IAAI,UAAU,IACZ,OAAO;CAMT,OAAO,oBAAC,QAAD;EAAM,WAAW,GAAG,iBAAiB,gBAH9B,OAAO,OACA,SAAS,OAAO,KAAK,MAAM,QAEmB;YAAI;CAAY,CAAA;AACrF"}
+{"version":3,"file":"badge-cell.js","names":[],"sources":["../../../../resources/js/table/components/cells/badge-cell.tsx"],"sourcesContent":["import { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { formatCell } from \"../../format\";\nimport type { ColumnCellComponent } from \"../../registry\";\n\nexport const BadgeCell: ColumnCellComponent<\"column.badge\"> = ({ column, props, value }) => {\n  const label = formatCell(value, column);\n\n  if (label === \"\") {\n    return null;\n  }\n\n  const color = props.colors?.[String(value)] ?? \"gray\";\n\n  return <span className={cn(\"lt-cell-badge\", `lt-cell-tone-${color}`)}>{label}</span>;\n};\n"],"mappings":";;;;AAIA,IAAa,aAAkD,EAAE,QAAQ,OAAO,YAAY;CAC1F,MAAM,QAAQ,WAAW,OAAO,MAAM;CAEtC,IAAI,UAAU,IACZ,OAAO;CAKT,OAAO,oBAAC,QAAD;EAAM,WAAW,GAAG,iBAAiB,gBAF9B,MAAM,SAAS,OAAO,KAAK,MAAM,QAEoB;YAAI;CAAY,CAAA;AACrF"}

package/dist/table/components/cells/boolean-cell.d.ts

@@ -0,0 +1,3 @@
+import { ColumnCellComponent } from '../../registry';
+/** Renders a boolean column as a check (truthy) or cross (falsy) icon. */
+export declare const BooleanCell: ColumnCellComponent<"column.boolean">;

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

@@ -0,0 +1,23 @@
+import { cn } from "../../../lib/utils.js";
+import { Icon } from "../../../icons/sprite.js";
+import { jsx } from "react/jsx-runtime";
+//#region resources/js/table/components/cells/boolean-cell.tsx
+function isTruthy(value) {
+	return value === true || value === 1 || value === "1" || value === "true";
+}
+/** Renders a boolean column as a check (truthy) or cross (falsy) icon. */
+var BooleanCell = ({ value }) => {
+	const truthy = isTruthy(value);
+	return /* @__PURE__ */ jsx("span", {
+		"aria-label": String(truthy),
+		role: "img",
+		children: /* @__PURE__ */ jsx(Icon, {
+			name: truthy ? "check" : "x",
+			className: cn("size-lt-icon-md", truthy ? "text-lt-success" : "text-lt-muted-fg")
+		})
+	});
+};
+//#endregion
+export { BooleanCell };
+
+//# sourceMappingURL=boolean-cell.js.map

package/dist/table/components/cells/boolean-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"boolean-cell.js","names":[],"sources":["../../../../resources/js/table/components/cells/boolean-cell.tsx"],"sourcesContent":["import { Icon } from \"@lattice-php/lattice/icons\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport type { ColumnCellComponent } from \"../../registry\";\n\nfunction isTruthy(value: unknown): boolean {\n  return value === true || value === 1 || value === \"1\" || value === \"true\";\n}\n\n/** Renders a boolean column as a check (truthy) or cross (falsy) icon. */\nexport const BooleanCell: ColumnCellComponent<\"column.boolean\"> = ({ value }) => {\n  const truthy = isTruthy(value);\n\n  return (\n    <span aria-label={String(truthy)} role=\"img\">\n      <Icon\n        name={truthy ? \"check\" : \"x\"}\n        className={cn(\"size-lt-icon-md\", truthy ? \"text-lt-success\" : \"text-lt-muted-fg\")}\n      />\n    </span>\n  );\n};\n"],"mappings":";;;;AAIA,SAAS,SAAS,OAAyB;CACzC,OAAO,UAAU,QAAQ,UAAU,KAAK,UAAU,OAAO,UAAU;AACrE;;AAGA,IAAa,eAAsD,EAAE,YAAY;CAC/E,MAAM,SAAS,SAAS,KAAK;CAE7B,OACE,oBAAC,QAAD;EAAM,cAAY,OAAO,MAAM;EAAG,MAAK;YACrC,oBAAC,MAAD;GACE,MAAM,SAAS,UAAU;GACzB,WAAW,GAAG,mBAAmB,SAAS,oBAAoB,kBAAkB;EACjF,CAAA;CACG,CAAA;AAEV"}

package/dist/table/components/cells/icon-cell.d.ts

@@ -1,5 +1,2 @@
-import { TableColumn } from '../../types';
-export declare function IconCell({ column, value }: {
-    column: TableColumn;
-    value: unknown;
-}): import("react").JSX.Element | null;
+import { ColumnCellComponent } from '../../registry';
+export declare const IconCell: ColumnCellComponent<"column.icon">;