@lattice-php/lattice 0.1.0 → 0.3.0

package/dist/chat/types.d.ts

@@ -0,0 +1,39 @@
+import { Node } from '../core/types';
+import { ChatMessage as GeneratedChatMessage, ChatRole } from '../types/generated';
+export type { ChatRole };
+/**
+ * The generated message shape, but `parts` is widened from the generated
+ * `ChatNode` union to open `Node`s — a part is just a component node rendered by
+ * `type`, so a message can also carry a consumer's custom part.
+ */
+export type ChatMessage = Omit<GeneratedChatMessage, "parts"> & {
+    parts: Node[];
+};
+export type ChatStatus = "idle" | "submitted" | "streaming" | "error";
+export type ChatFrame = {
+    type: "text";
+    value: string;
+} | {
+    type: "part";
+    part: Node;
+} | {
+    type: "done";
+} | {
+    type: "error";
+    message?: string;
+};
+export type ChatTransportRequest = {
+    url: string;
+    body: unknown;
+    signal: AbortSignal;
+};
+export type ChatTransport = (request: ChatTransportRequest) => AsyncGenerator<ChatFrame>;
+export type UseChatReturn = {
+    messages: ChatMessage[];
+    status: ChatStatus;
+    error: string | null;
+    sendMessage: (text: string) => void;
+    setMessages: (messages: ChatMessage[]) => void;
+    stop: () => void;
+    regenerate: () => void;
+};

package/dist/chat/use-chat.d.ts

@@ -0,0 +1,15 @@
+import { ChatFrame, ChatMessage, ChatTransport, UseChatReturn } from './types';
+export type UseChatOptions = {
+    endpoint: string;
+    transport?: ChatTransport;
+    initialMessages?: ChatMessage[];
+    generateId?: () => string;
+};
+/**
+ * Pure reducer for a single streamed frame: a `text` frame appends to the open
+ * assistant text part (opening one if the last part is not text); a `part` frame
+ * pushes a complete part, which closes the open text part. Operates immutably on
+ * the last assistant message.
+ */
+export declare function foldFrame(messages: ChatMessage[], frame: ChatFrame): ChatMessage[];
+export declare function useChat({ endpoint, transport, initialMessages, generateId, }: UseChatOptions): UseChatReturn;

package/dist/chat/use-chat.js

@@ -0,0 +1,161 @@
+import { ndjsonChatTransport } from "./transport.js";
+import { useCallback, useEffect, useRef, useState } from "react";
+//#region resources/js/chat/use-chat.ts
+var idCounter = 0;
+function defaultGenerateId() {
+	idCounter += 1;
+	return `chat-${idCounter}`;
+}
+function isAbortError(error) {
+	return error instanceof DOMException && error.name === "AbortError";
+}
+function errorMessage(error) {
+	return error instanceof Error ? error.message : String(error);
+}
+function lastIsAssistant(messages) {
+	const last = messages.at(-1);
+	return last !== void 0 && last.role === "assistant";
+}
+/**
+* Pure reducer for a single streamed frame: a `text` frame appends to the open
+* assistant text part (opening one if the last part is not text); a `part` frame
+* pushes a complete part, which closes the open text part. Operates immutably on
+* the last assistant message.
+*/
+function foldFrame(messages, frame) {
+	if (!lastIsAssistant(messages)) return messages;
+	const index = messages.length - 1;
+	const target = messages[index];
+	if (frame.type === "text") {
+		const parts = [...target.parts];
+		const openIndex = parts.length - 1;
+		const open = parts[openIndex];
+		if (open !== void 0 && open.type === "chat.part.text") parts[openIndex] = {
+			type: "chat.part.text",
+			props: { text: `${open.props.text}${frame.value}` }
+		};
+		else parts.push({
+			type: "chat.part.text",
+			props: { text: frame.value }
+		});
+		const next = [...messages];
+		next[index] = {
+			...target,
+			parts
+		};
+		return next;
+	}
+	if (frame.type === "part") {
+		const next = [...messages];
+		next[index] = {
+			...target,
+			parts: [...target.parts, frame.part]
+		};
+		return next;
+	}
+	return messages;
+}
+function useChat({ endpoint, transport = ndjsonChatTransport, initialMessages = [], generateId = defaultGenerateId }) {
+	const [messages, setMessagesState] = useState(initialMessages);
+	const [status, setStatus] = useState("idle");
+	const [error, setError] = useState(null);
+	const abortRef = useRef(null);
+	const lastUserTextRef = useRef(null);
+	const messagesRef = useRef(messages);
+	messagesRef.current = messages;
+	const commitMessages = useCallback((next) => {
+		messagesRef.current = next;
+		setMessagesState(next);
+	}, []);
+	const runTurn = useCallback(async (history, userText) => {
+		abortRef.current?.abort();
+		const controller = new AbortController();
+		abortRef.current = controller;
+		setError(null);
+		setStatus("submitted");
+		const userMessage = {
+			id: generateId(),
+			role: "user",
+			parts: [{
+				type: "chat.part.text",
+				props: { text: userText }
+			}]
+		};
+		const assistantMessage = {
+			id: generateId(),
+			role: "assistant",
+			parts: []
+		};
+		commitMessages([
+			...history,
+			userMessage,
+			assistantMessage
+		]);
+		setStatus("streaming");
+		try {
+			for await (const frame of transport({
+				url: endpoint,
+				body: { message: userText },
+				signal: controller.signal
+			})) {
+				if (frame.type === "done") {
+					setStatus("idle");
+					continue;
+				}
+				if (frame.type === "error") {
+					setError(frame.message ?? "Chat failed");
+					setStatus("error");
+					continue;
+				}
+				commitMessages(foldFrame(messagesRef.current, frame));
+			}
+			setStatus((current) => current === "streaming" || current === "submitted" ? "idle" : current);
+		} catch (caught) {
+			if (isAbortError(caught)) {
+				setStatus("idle");
+				return;
+			}
+			setError(errorMessage(caught));
+			setStatus("error");
+		}
+	}, [
+		commitMessages,
+		endpoint,
+		generateId,
+		transport
+	]);
+	const sendMessage = useCallback((text) => {
+		const trimmed = text.trim();
+		if (trimmed === "") return;
+		lastUserTextRef.current = trimmed;
+		runTurn(messagesRef.current, trimmed);
+	}, [runTurn]);
+	const stop = useCallback(() => {
+		abortRef.current?.abort();
+		setStatus("idle");
+	}, []);
+	const regenerate = useCallback(() => {
+		const userText = lastUserTextRef.current;
+		if (userText === null) return;
+		const current = messagesRef.current;
+		runTurn(lastIsAssistant(current) ? current.slice(0, -2) : current, userText);
+	}, [runTurn]);
+	useEffect(() => {
+		return () => {
+			abortRef.current?.abort();
+		};
+	}, []);
+	return {
+		messages,
+		status,
+		error,
+		sendMessage,
+		setMessages: commitMessages,
+		stop,
+		regenerate
+	};
+}
+//#endregion
+export { foldFrame, useChat };
+
+//# sourceMappingURL=use-chat.js.map

package/dist/chat/use-chat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chat.js","names":[],"sources":["../../resources/js/chat/use-chat.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { ndjsonChatTransport } from \"./transport\";\nimport type { ChatFrame, ChatMessage, ChatStatus, ChatTransport, UseChatReturn } from \"./types\";\n\nexport type UseChatOptions = {\n  endpoint: string;\n  transport?: ChatTransport;\n  initialMessages?: ChatMessage[];\n  generateId?: () => string;\n};\n\nlet idCounter = 0;\n\nfunction defaultGenerateId(): string {\n  idCounter += 1;\n\n  return `chat-${idCounter}`;\n}\n\nfunction isAbortError(error: unknown): boolean {\n  return error instanceof DOMException && error.name === \"AbortError\";\n}\n\nfunction errorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : String(error);\n}\n\nfunction lastIsAssistant(messages: ChatMessage[]): boolean {\n  const last = messages.at(-1);\n\n  return last !== undefined && last.role === \"assistant\";\n}\n\n/**\n * Pure reducer for a single streamed frame: a `text` frame appends to the open\n * assistant text part (opening one if the last part is not text); a `part` frame\n * pushes a complete part, which closes the open text part. Operates immutably on\n * the last assistant message.\n */\nexport function foldFrame(messages: ChatMessage[], frame: ChatFrame): ChatMessage[] {\n  if (!lastIsAssistant(messages)) {\n    return messages;\n  }\n\n  const index = messages.length - 1;\n  const target = messages[index];\n\n  if (frame.type === \"text\") {\n    const parts = [...target.parts];\n    const openIndex = parts.length - 1;\n    const open = parts[openIndex];\n\n    if (open !== undefined && open.type === \"chat.part.text\") {\n      const openText = (open.props as { text: string }).text;\n      parts[openIndex] = { type: \"chat.part.text\", props: { text: `${openText}${frame.value}` } };\n    } else {\n      parts.push({ type: \"chat.part.text\", props: { text: frame.value } });\n    }\n\n    const next = [...messages];\n    next[index] = { ...target, parts };\n\n    return next;\n  }\n\n  if (frame.type === \"part\") {\n    const next = [...messages];\n    next[index] = { ...target, parts: [...target.parts, frame.part] };\n\n    return next;\n  }\n\n  return messages;\n}\n\nexport function useChat({\n  endpoint,\n  transport = ndjsonChatTransport,\n  initialMessages = [],\n  generateId = defaultGenerateId,\n}: UseChatOptions): UseChatReturn {\n  const [messages, setMessagesState] = useState<ChatMessage[]>(initialMessages);\n  const [status, setStatus] = useState<ChatStatus>(\"idle\");\n  const [error, setError] = useState<string | null>(null);\n\n  const abortRef = useRef<AbortController | null>(null);\n  const lastUserTextRef = useRef<string | null>(null);\n  const messagesRef = useRef<ChatMessage[]>(messages);\n  messagesRef.current = messages;\n\n  const commitMessages = useCallback((next: ChatMessage[]): void => {\n    messagesRef.current = next;\n    setMessagesState(next);\n  }, []);\n\n  const runTurn = useCallback(\n    async (history: ChatMessage[], userText: string): Promise<void> => {\n      abortRef.current?.abort();\n      const controller = new AbortController();\n      abortRef.current = controller;\n\n      setError(null);\n      setStatus(\"submitted\");\n\n      const userMessage: ChatMessage = {\n        id: generateId(),\n        role: \"user\",\n        parts: [{ type: \"chat.part.text\", props: { text: userText } }],\n      };\n      const assistantMessage: ChatMessage = { id: generateId(), role: \"assistant\", parts: [] };\n      commitMessages([...history, userMessage, assistantMessage]);\n      setStatus(\"streaming\");\n\n      try {\n        for await (const frame of transport({\n          url: endpoint,\n          body: { message: userText },\n          signal: controller.signal,\n        })) {\n          if (frame.type === \"done\") {\n            setStatus(\"idle\");\n            continue;\n          }\n\n          if (frame.type === \"error\") {\n            setError(frame.message ?? \"Chat failed\");\n            setStatus(\"error\");\n            continue;\n          }\n\n          commitMessages(foldFrame(messagesRef.current, frame));\n        }\n\n        setStatus((current) =>\n          current === \"streaming\" || current === \"submitted\" ? \"idle\" : current,\n        );\n      } catch (caught) {\n        if (isAbortError(caught)) {\n          setStatus(\"idle\");\n\n          return;\n        }\n\n        setError(errorMessage(caught));\n        setStatus(\"error\");\n      }\n    },\n    [commitMessages, endpoint, generateId, transport],\n  );\n\n  const sendMessage = useCallback(\n    (text: string): void => {\n      const trimmed = text.trim();\n      if (trimmed === \"\") {\n        return;\n      }\n\n      lastUserTextRef.current = trimmed;\n      void runTurn(messagesRef.current, trimmed);\n    },\n    [runTurn],\n  );\n\n  const stop = useCallback((): void => {\n    abortRef.current?.abort();\n    setStatus(\"idle\");\n  }, []);\n\n  const regenerate = useCallback((): void => {\n    const userText = lastUserTextRef.current;\n    if (userText === null) {\n      return;\n    }\n\n    const current = messagesRef.current;\n    const history = lastIsAssistant(current) ? current.slice(0, -2) : current;\n    void runTurn(history, userText);\n  }, [runTurn]);\n\n  useEffect(() => {\n    return () => {\n      abortRef.current?.abort();\n    };\n  }, []);\n\n  return { messages, status, error, sendMessage, setMessages: commitMessages, stop, regenerate };\n}\n"],"mappings":"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"}

package/dist/core/api.d.ts

@@ -0,0 +1,18 @@
+/**
+ * The single funnel for raw-fetch HTTP, so the cross-cutting header, credential,
+ * and error policy has one home and call sites only declare intent. Returns a
+ * Response (not parsed data) so one primitive serves JSON, the chat's streaming
+ * getReader(), and multipart alike. Not for the Inertia world (router/useHttp),
+ * which carries its own headers.
+ */
+export declare class ApiError extends Error {
+    readonly response: Response;
+    constructor(response: Response);
+}
+export type ApiInit = Omit<RequestInit, "headers"> & {
+    ref?: string;
+    headers?: Record<string, string>;
+    throwOnError?: boolean;
+};
+export declare function apiFetch(url: string, init?: ApiInit): Promise<Response>;
+export declare function apiJson<T>(url: string, init?: ApiInit): Promise<T>;

package/dist/core/api.js

@@ -0,0 +1,51 @@
+import { withHeaders } from "./headers.js";
+//#region resources/js/core/api.ts
+/**
+* The single funnel for raw-fetch HTTP, so the cross-cutting header, credential,
+* and error policy has one home and call sites only declare intent. Returns a
+* Response (not parsed data) so one primitive serves JSON, the chat's streaming
+* getReader(), and multipart alike. Not for the Inertia world (router/useHttp),
+* which carries its own headers.
+*/
+var ApiError = class extends Error {
+	response;
+	constructor(response) {
+		super(`HTTP ${response.status}`);
+		this.response = response;
+	}
+};
+function xsrfToken() {
+	const match = document.cookie.match(/XSRF-TOKEN=([^;]+)/);
+	return match ? decodeURIComponent(match[1]) : "";
+}
+function defaultHeaders(method) {
+	if (!(method !== void 0 && method !== "GET" && method !== "HEAD")) return { Accept: "application/json" };
+	return {
+		Accept: "application/json",
+		"Content-Type": "application/json",
+		"X-Requested-With": "XMLHttpRequest",
+		"X-XSRF-TOKEN": xsrfToken()
+	};
+}
+async function apiFetch(url, init = {}) {
+	const { ref, headers, throwOnError = true, method, ...rest } = init;
+	const normalizedMethod = method?.toUpperCase();
+	const response = await fetch(url, {
+		credentials: "same-origin",
+		...rest,
+		method: normalizedMethod,
+		headers: withHeaders(ref ?? "", {
+			...defaultHeaders(normalizedMethod),
+			...headers
+		})
+	});
+	if (throwOnError && !response.ok) throw new ApiError(response);
+	return response;
+}
+async function apiJson(url, init) {
+	return (await apiFetch(url, init)).json();
+}
+//#endregion
+export { ApiError, apiFetch, apiJson };
+
+//# sourceMappingURL=api.js.map

package/dist/core/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","names":[],"sources":["../../resources/js/core/api.ts"],"sourcesContent":["/**\n * The single funnel for raw-fetch HTTP, so the cross-cutting header, credential,\n * and error policy has one home and call sites only declare intent. Returns a\n * Response (not parsed data) so one primitive serves JSON, the chat's streaming\n * getReader(), and multipart alike. Not for the Inertia world (router/useHttp),\n * which carries its own headers.\n */\n\nimport { withHeaders } from \"./headers\";\n\nexport class ApiError extends Error {\n  constructor(readonly response: Response) {\n    super(`HTTP ${response.status}`);\n  }\n}\n\nfunction xsrfToken(): string {\n  const match = document.cookie.match(/XSRF-TOKEN=([^;]+)/);\n\n  return match ? decodeURIComponent(match[1]) : \"\";\n}\n\nexport type ApiInit = Omit<RequestInit, \"headers\"> & {\n  ref?: string;\n  headers?: Record<string, string>;\n  throwOnError?: boolean;\n};\n\nfunction defaultHeaders(method: string | undefined): Record<string, string> {\n  const isWrite = method !== undefined && method !== \"GET\" && method !== \"HEAD\";\n\n  if (!isWrite) {\n    return { Accept: \"application/json\" };\n  }\n\n  return {\n    Accept: \"application/json\",\n    \"Content-Type\": \"application/json\",\n    \"X-Requested-With\": \"XMLHttpRequest\",\n    \"X-XSRF-TOKEN\": xsrfToken(),\n  };\n}\n\nexport async function apiFetch(url: string, init: ApiInit = {}): Promise<Response> {\n  const { ref, headers, throwOnError = true, method, ...rest } = init;\n  // Some servers reject a lower-case method line, and fetch only normalizes the\n  // standard verbs, so upper-case it here.\n  const normalizedMethod = method?.toUpperCase();\n  const response = await fetch(url, {\n    credentials: \"same-origin\",\n    ...rest,\n    method: normalizedMethod,\n    headers: withHeaders(ref ?? \"\", { ...defaultHeaders(normalizedMethod), ...headers }),\n  });\n\n  if (throwOnError && !response.ok) {\n    throw new ApiError(response);\n  }\n\n  return response;\n}\n\nexport async function apiJson<T>(url: string, init?: ApiInit): Promise<T> {\n  return (await apiFetch(url, init)).json() as Promise<T>;\n}\n"],"mappings":";;;;;;;;;AAUA,IAAa,WAAb,cAA8B,MAAM;CACb;CAArB,YAAY,UAA6B;EACvC,MAAM,QAAQ,SAAS,QAAQ;EADZ,KAAA,WAAA;CAErB;AACF;AAEA,SAAS,YAAoB;CAC3B,MAAM,QAAQ,SAAS,OAAO,MAAM,oBAAoB;CAExD,OAAO,QAAQ,mBAAmB,MAAM,EAAE,IAAI;AAChD;AAQA,SAAS,eAAe,QAAoD;CAG1E,IAAI,EAFY,WAAW,KAAA,KAAa,WAAW,SAAS,WAAW,SAGrE,OAAO,EAAE,QAAQ,mBAAmB;CAGtC,OAAO;EACL,QAAQ;EACR,gBAAgB;EAChB,oBAAoB;EACpB,gBAAgB,UAAU;CAC5B;AACF;AAEA,eAAsB,SAAS,KAAa,OAAgB,CAAC,GAAsB;CACjF,MAAM,EAAE,KAAK,SAAS,eAAe,MAAM,QAAQ,GAAG,SAAS;CAG/D,MAAM,mBAAmB,QAAQ,YAAY;CAC7C,MAAM,WAAW,MAAM,MAAM,KAAK;EAChC,aAAa;EACb,GAAG;EACH,QAAQ;EACR,SAAS,YAAY,OAAO,IAAI;GAAE,GAAG,eAAe,gBAAgB;GAAG,GAAG;EAAQ,CAAC;CACrF,CAAC;CAED,IAAI,gBAAgB,CAAC,SAAS,IAC5B,MAAM,IAAI,SAAS,QAAQ;CAG7B,OAAO;AACT;AAEA,eAAsB,QAAW,KAAa,MAA4B;CACxE,QAAQ,MAAM,SAAS,KAAK,IAAI,GAAG,KAAK;AAC1C"}

package/dist/core/collapsed-context.d.ts

@@ -0,0 +1,2 @@
+export declare const CollapsedContext: import('react').Context<boolean>;
+export declare function useCollapsed(): boolean;

package/dist/core/collapsed-context.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+//#region resources/js/core/collapsed-context.ts
+var CollapsedContext = createContext(false);
+function useCollapsed() {
+	return useContext(CollapsedContext);
+}
+//#endregion
+export { CollapsedContext, useCollapsed };
+
+//# sourceMappingURL=collapsed-context.js.map

package/dist/core/collapsed-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsed-context.js","names":[],"sources":["../../resources/js/core/collapsed-context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport const CollapsedContext = createContext(false);\n\nexport function useCollapsed(): boolean {\n  return useContext(CollapsedContext);\n}\n"],"mappings":";;AAEA,IAAa,mBAAmB,cAAc,KAAK;AAEnD,SAAgB,eAAwB;CACtC,OAAO,WAAW,gBAAgB;AACpC"}

package/dist/core/column-sizing.d.ts

@@ -0,0 +1,17 @@
+import { ColumnWidth } from '../types/generated';
+export type SizableColumn = {
+    key: string;
+    label?: string;
+    width: ColumnWidth;
+};
+export declare const DEFAULT_COLUMN_WIDTH: ColumnWidth;
+export declare function columnWidthTrack(width: ColumnWidth): string;
+export declare function minColumnWidthPx(column: SizableColumn): number;
+export declare function defaultColumnWidthPx(column: SizableColumn): number;
+export declare function maxColumnWidthPx(column: SizableColumn): number;
+export declare function buildColumnGridTemplate({ columns, leadingTracks, trailingTracks, overrides, }: {
+    columns: SizableColumn[];
+    leadingTracks?: string[];
+    trailingTracks?: string[];
+    overrides?: Record<string, number | undefined>;
+}): string;

package/dist/core/column-sizing.js

@@ -0,0 +1,61 @@
+//#region resources/js/core/column-sizing.ts
+var DEFAULT_COLUMN_WIDTH = "md";
+var tracks = {
+	xs: {
+		track: "minmax(4rem, 0.35fr)",
+		minPx: 64,
+		defaultPx: 96,
+		maxPx: 1024
+	},
+	sm: {
+		track: "minmax(6rem, 0.5fr)",
+		minPx: 96,
+		defaultPx: 128,
+		maxPx: 1024
+	},
+	md: {
+		track: "minmax(8rem, 1fr)",
+		minPx: 128,
+		defaultPx: 176,
+		maxPx: 1024
+	},
+	lg: {
+		track: "minmax(12rem, 1.5fr)",
+		minPx: 192,
+		defaultPx: 240,
+		maxPx: 1024
+	},
+	xl: {
+		track: "minmax(16rem, 2fr)",
+		minPx: 256,
+		defaultPx: 320,
+		maxPx: 1024
+	}
+};
+function columnWidthTrack(width) {
+	return tracks[width].track;
+}
+function minColumnWidthPx(column) {
+	return tracks[column.width].minPx;
+}
+function defaultColumnWidthPx(column) {
+	return tracks[column.width].defaultPx;
+}
+function maxColumnWidthPx(column) {
+	return tracks[column.width].maxPx;
+}
+function buildColumnGridTemplate({ columns, leadingTracks = [], trailingTracks = [], overrides = {} }) {
+	return [
+		...leadingTracks,
+		...columns.map((column) => {
+			const override = overrides[column.key];
+			if (override !== void 0) return `${Math.min(maxColumnWidthPx(column), Math.max(minColumnWidthPx(column), override))}px`;
+			return columnWidthTrack(column.width);
+		}),
+		...trailingTracks
+	].join(" ");
+}
+//#endregion
+export { DEFAULT_COLUMN_WIDTH, buildColumnGridTemplate, columnWidthTrack, defaultColumnWidthPx, maxColumnWidthPx, minColumnWidthPx };
+
+//# sourceMappingURL=column-sizing.js.map

package/dist/core/column-sizing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-sizing.js","names":[],"sources":["../../resources/js/core/column-sizing.ts"],"sourcesContent":["import type { ColumnWidth } from \"@lattice-php/lattice/types/generated\";\n\nexport type SizableColumn = {\n  key: string;\n  label?: string;\n  width: ColumnWidth;\n};\n\nexport const DEFAULT_COLUMN_WIDTH: ColumnWidth = \"md\";\n\nconst tracks: Record<\n  ColumnWidth,\n  { track: string; minPx: number; defaultPx: number; maxPx: number }\n> = {\n  xs: { track: \"minmax(4rem, 0.35fr)\", minPx: 64, defaultPx: 96, maxPx: 1024 },\n  sm: { track: \"minmax(6rem, 0.5fr)\", minPx: 96, defaultPx: 128, maxPx: 1024 },\n  md: { track: \"minmax(8rem, 1fr)\", minPx: 128, defaultPx: 176, maxPx: 1024 },\n  lg: { track: \"minmax(12rem, 1.5fr)\", minPx: 192, defaultPx: 240, maxPx: 1024 },\n  xl: { track: \"minmax(16rem, 2fr)\", minPx: 256, defaultPx: 320, maxPx: 1024 },\n};\n\nexport function columnWidthTrack(width: ColumnWidth): string {\n  return tracks[width].track;\n}\n\nexport function minColumnWidthPx(column: SizableColumn): number {\n  return tracks[column.width].minPx;\n}\n\nexport function defaultColumnWidthPx(column: SizableColumn): number {\n  return tracks[column.width].defaultPx;\n}\n\nexport function maxColumnWidthPx(column: SizableColumn): number {\n  return tracks[column.width].maxPx;\n}\n\nexport function buildColumnGridTemplate({\n  columns,\n  leadingTracks = [],\n  trailingTracks = [],\n  overrides = {},\n}: {\n  columns: SizableColumn[];\n  leadingTracks?: string[];\n  trailingTracks?: string[];\n  overrides?: Record<string, number | undefined>;\n}): string {\n  return [\n    ...leadingTracks,\n    ...columns.map((column) => {\n      const override = overrides[column.key];\n\n      if (override !== undefined) {\n        return `${Math.min(maxColumnWidthPx(column), Math.max(minColumnWidthPx(column), override))}px`;\n      }\n\n      return columnWidthTrack(column.width);\n    }),\n    ...trailingTracks,\n  ].join(\" \");\n}\n"],"mappings":";AAQA,IAAa,uBAAoC;AAEjD,IAAM,SAGF;CACF,IAAI;EAAE,OAAO;EAAwB,OAAO;EAAI,WAAW;EAAI,OAAO;CAAK;CAC3E,IAAI;EAAE,OAAO;EAAuB,OAAO;EAAI,WAAW;EAAK,OAAO;CAAK;CAC3E,IAAI;EAAE,OAAO;EAAqB,OAAO;EAAK,WAAW;EAAK,OAAO;CAAK;CAC1E,IAAI;EAAE,OAAO;EAAwB,OAAO;EAAK,WAAW;EAAK,OAAO;CAAK;CAC7E,IAAI;EAAE,OAAO;EAAsB,OAAO;EAAK,WAAW;EAAK,OAAO;CAAK;AAC7E;AAEA,SAAgB,iBAAiB,OAA4B;CAC3D,OAAO,OAAO,OAAO;AACvB;AAEA,SAAgB,iBAAiB,QAA+B;CAC9D,OAAO,OAAO,OAAO,OAAO;AAC9B;AAEA,SAAgB,qBAAqB,QAA+B;CAClE,OAAO,OAAO,OAAO,OAAO;AAC9B;AAEA,SAAgB,iBAAiB,QAA+B;CAC9D,OAAO,OAAO,OAAO,OAAO;AAC9B;AAEA,SAAgB,wBAAwB,EACtC,SACA,gBAAgB,CAAC,GACjB,iBAAiB,CAAC,GAClB,YAAY,CAAC,KAMJ;CACT,OAAO;EACL,GAAG;EACH,GAAG,QAAQ,KAAK,WAAW;GACzB,MAAM,WAAW,UAAU,OAAO;GAElC,IAAI,aAAa,KAAA,GACf,OAAO,GAAG,KAAK,IAAI,iBAAiB,MAAM,GAAG,KAAK,IAAI,iBAAiB,MAAM,GAAG,QAAQ,CAAC,EAAE;GAG7F,OAAO,iBAAiB,OAAO,KAAK;EACtC,CAAC;EACD,GAAG;CACL,EAAE,KAAK,GAAG;AACZ"}

package/dist/core/components/badge.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { RendererComponent } from '../../../../core/types';
+import { RendererComponent } from '../types';
 import * as React from "react";
 declare const badgeVariants: (props?: ({
     variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
@@ -7,13 +7,6 @@ declare const badgeVariants: (props?: ({
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;
 }): React.JSX.Element;
-declare module '../../../../core/types' {
-    interface ComponentProps {
-        badge: {
-            label?: string;
-        };
-    }
-}
 declare const BadgeComponent: RendererComponent<"badge">;
 export default BadgeComponent;
 export { Badge, badgeVariants };

package/dist/core/components/badge.js

@@ -1,11 +1,10 @@
 import { cn } from "../../lib/utils.js";
-import { getStringProp } from "../props.js";
 import "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 //#region resources/js/core/components/badge.tsx
-var badgeVariants = cva("inline-flex items-center justify-center rounded-lt-sm border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 focus-visible:ring-[3px] aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger transition-[color,box-shadow] overflow-hidden", {
+var badgeVariants = cva("inline-flex items-center justify-center rounded-lt-sm border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-lt-icon-xs gap-1 [&>svg]:pointer-events-none focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 focus-visible:ring-[3px] aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger transition-[color,box-shadow] overflow-hidden", {
 	variants: { variant: {
 		default: "border-transparent bg-lt-primary text-lt-primary-fg [a&]:hover:bg-lt-primary/90",
 		secondary: "border-transparent bg-lt-secondary text-lt-secondary-fg [a&]:hover:bg-lt-secondary/90",
@@ -24,7 +23,7 @@ function Badge({ className, variant, asChild = false, ...props }) {
 var BadgeComponent = ({ node }) => /* @__PURE__ */ jsx(Badge, {
 	variant: "secondary",
 	className: "w-fit px-3 py-1",
-	children: getStringProp(node.props, "label")
+	children: node.props.label
 });
 //#endregion
 export { Badge, badgeVariants, BadgeComponent as default };

package/dist/core/components/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":[],"sources":["../../../resources/js/core/components/badge.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\nimport { cn } from \"@lattice/lattice/lib/utils\";\nimport { getStringProp } from \"@lattice/lattice/core/props\";\nimport type { RendererComponent } from \"@lattice/lattice/core/types\";\n\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-lt-sm border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 focus-visible:ring-[3px] aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger transition-[color,box-shadow] overflow-hidden\",\n  {\n    variants: {\n      variant: {\n        default: \"border-transparent bg-lt-primary text-lt-primary-fg [a&]:hover:bg-lt-primary/90\",\n        secondary:\n          \"border-transparent bg-lt-secondary text-lt-secondary-fg [a&]:hover:bg-lt-secondary/90\",\n        destructive:\n          \"border-transparent bg-lt-danger text-lt-danger-fg [a&]:hover:bg-lt-danger/90 focus-visible:ring-lt-danger/20 dark:focus-visible:ring-lt-danger/40 dark:bg-lt-danger/60\",\n        outline: \"border-lt-border text-lt-fg [a&]:hover:bg-lt-accent [a&]:hover:text-lt-accent-fg\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> & VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"span\";\n\n  return (\n    <Comp data-slot=\"badge\" className={cn(badgeVariants({ variant }), className)} {...props} />\n  );\n}\n\ndeclare module \"@lattice/lattice/core/types\" {\n  interface ComponentProps {\n    badge: {\n      label?: string;\n    };\n  }\n}\n\nconst BadgeComponent: RendererComponent<\"badge\"> = ({ node }) => (\n  <Badge variant=\"secondary\" className=\"w-fit px-3 py-1\">\n    {getStringProp(node.props, \"label\")}\n  </Badge>\n);\n\nexport default BadgeComponent;\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;;AAOA,IAAM,gBAAgB,IACpB,qZACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,WACE;EACF,aACE;EACF,SAAS;CACX,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,MAAM,EACb,WACA,SACA,UAAU,OACV,GAAG,SACyF;CAG5F,OACE,oBAHW,UAAU,OAAO,QAG5B;EAAM,aAAU;EAAQ,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AAE9F;AAUA,IAAM,kBAA8C,EAAE,WACpD,oBAAC,OAAD;CAAO,SAAQ;CAAY,WAAU;WAClC,cAAc,KAAK,OAAO,OAAO;AAC7B,CAAA"}
+{"version":3,"file":"badge.js","names":[],"sources":["../../../resources/js/core/components/badge.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\n\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-lt-sm border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-lt-icon-xs gap-1 [&>svg]:pointer-events-none focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 focus-visible:ring-[3px] aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger transition-[color,box-shadow] overflow-hidden\",\n  {\n    variants: {\n      variant: {\n        default: \"border-transparent bg-lt-primary text-lt-primary-fg [a&]:hover:bg-lt-primary/90\",\n        secondary:\n          \"border-transparent bg-lt-secondary text-lt-secondary-fg [a&]:hover:bg-lt-secondary/90\",\n        destructive:\n          \"border-transparent bg-lt-danger text-lt-danger-fg [a&]:hover:bg-lt-danger/90 focus-visible:ring-lt-danger/20 dark:focus-visible:ring-lt-danger/40 dark:bg-lt-danger/60\",\n        outline: \"border-lt-border text-lt-fg [a&]:hover:bg-lt-accent [a&]:hover:text-lt-accent-fg\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> & VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"span\";\n\n  return (\n    <Comp data-slot=\"badge\" className={cn(badgeVariants({ variant }), className)} {...props} />\n  );\n}\n\nconst BadgeComponent: RendererComponent<\"badge\"> = ({ node }) => (\n  <Badge variant=\"secondary\" className=\"w-fit px-3 py-1\">\n    {node.props.label}\n  </Badge>\n);\n\nexport default BadgeComponent;\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;AAMA,IAAM,gBAAgB,IACpB,8ZACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,WACE;EACF,aACE;EACF,SAAS;CACX,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,MAAM,EACb,WACA,SACA,UAAU,OACV,GAAG,SACyF;CAG5F,OACE,oBAHW,UAAU,OAAO,QAG5B;EAAM,aAAU;EAAQ,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AAE9F;AAEA,IAAM,kBAA8C,EAAE,WACpD,oBAAC,OAAD;CAAO,SAAQ;CAAY,WAAU;WAClC,KAAK,MAAM;AACP,CAAA"}

package/dist/core/components/button.d.ts

@@ -1,23 +1,15 @@
 import { VariantProps } from 'class-variance-authority';
-import { RendererComponent } from '../../../../core/types';
+import { RendererComponent } from '../types';
+import { ButtonVariant } from '../../types/generated';
 import * as React from "react";
-export type ButtonVariant = "default" | "destructive" | "ghost" | "link" | "outline" | "secondary";
+export type { ButtonVariant };
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "ghost" | "outline" | "secondary" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    variant?: "default" | "destructive" | "ghost" | "info" | "link" | "outline" | "secondary" | "success" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
 }): React.JSX.Element;
-declare module '../../../../core/types' {
-    interface ComponentProps {
-        button: {
-            href?: string;
-            label?: string;
-            variant?: ButtonVariant;
-        };
-    }
-}
 declare const ButtonComponent: RendererComponent<"button">;
 export default ButtonComponent;
 export { Button, buttonVariants };

package/dist/core/components/button.js

@@ -1,16 +1,18 @@
 import { cn } from "../../lib/utils.js";
-import { getStringProp } from "../props.js";
+import { nodeIdentity } from "../test-id.js";
 import "react";
 import { Link } from "@inertiajs/react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 //#region resources/js/core/components/button.tsx
-var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lt-sm text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 outline-none focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 focus-visible:ring-[3px] aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger", {
+var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lt-sm text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-lt-icon-md [&_svg]:shrink-0 outline-none focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 focus-visible:ring-[3px] aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger", {
 	variants: {
 		variant: {
 			default: "bg-lt-primary text-lt-primary-fg shadow-xs hover:bg-lt-primary/90",
 			destructive: "bg-lt-danger text-lt-danger-fg shadow-xs hover:bg-lt-danger/90 focus-visible:ring-lt-danger/20 dark:focus-visible:ring-lt-danger/40",
+			success: "bg-lt-success text-lt-success-fg shadow-xs hover:bg-lt-success/90",
+			info: "bg-lt-info text-lt-info-fg shadow-xs hover:bg-lt-info/90",
 			outline: "border border-lt-input bg-lt-bg shadow-xs hover:bg-lt-accent hover:text-lt-accent-fg",
 			secondary: "bg-lt-secondary text-lt-secondary-fg shadow-xs hover:bg-lt-secondary/80",
 			ghost: "hover:bg-lt-accent hover:text-lt-accent-fg",
@@ -39,16 +41,13 @@ function Button({ className, variant, size, asChild = false, ...props }) {
 		...props
 	});
 }
-function getButtonVariant(variant) {
-	if (variant === "default" || variant === "destructive" || variant === "outline" || variant === "secondary" || variant === "ghost" || variant === "link") return variant;
-	return "default";
-}
 var ButtonComponent = ({ node }) => {
-	const href = getStringProp(node.props, "href");
-	const label = getStringProp(node.props, "label", "Action");
-	const variant = getButtonVariant(getStringProp(node.props, "variant", "default"));
+	const { href, label } = node.props;
+	const variant = node.props.variant ?? "default";
+	const testId = nodeIdentity(node);
 	if (href) return /* @__PURE__ */ jsx(Button, {
 		asChild: true,
+		"data-test": testId,
 		variant,
 		size: "lg",
 		children: /* @__PURE__ */ jsx(Link, {
@@ -57,6 +56,8 @@ var ButtonComponent = ({ node }) => {
 		})
 	});
 	return /* @__PURE__ */ jsx(Button, {
+		"data-test": testId,
+		type: node.props.buttonType,
 		variant,
 		size: "lg",
 		children: label

package/dist/core/components/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":[],"sources":["../../../resources/js/core/components/button.tsx"],"sourcesContent":["import { Link } from \"@inertiajs/react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\nimport { cn } from \"@lattice/lattice/lib/utils\";\nimport { getStringProp } from \"@lattice/lattice/core/props\";\nimport type { RendererComponent } from \"@lattice/lattice/core/types\";\n\nexport type ButtonVariant = \"default\" | \"destructive\" | \"ghost\" | \"link\" | \"outline\" | \"secondary\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lt-sm text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 outline-none focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 focus-visible:ring-[3px] aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-lt-primary text-lt-primary-fg shadow-xs hover:bg-lt-primary/90\",\n        destructive:\n          \"bg-lt-danger text-lt-danger-fg shadow-xs hover:bg-lt-danger/90 focus-visible:ring-lt-danger/20 dark:focus-visible:ring-lt-danger/40\",\n        outline:\n          \"border border-lt-input bg-lt-bg shadow-xs hover:bg-lt-accent hover:text-lt-accent-fg\",\n        secondary: \"bg-lt-secondary text-lt-secondary-fg shadow-xs hover:bg-lt-secondary/80\",\n        ghost: \"hover:bg-lt-accent hover:text-lt-accent-fg\",\n        link: \"text-lt-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-lt-sm px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-lt-sm px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n  }) {\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\ndeclare module \"@lattice/lattice/core/types\" {\n  interface ComponentProps {\n    button: {\n      href?: string;\n      label?: string;\n      variant?: ButtonVariant;\n    };\n  }\n}\n\nfunction getButtonVariant(variant: string): ButtonVariant {\n  if (\n    variant === \"default\" ||\n    variant === \"destructive\" ||\n    variant === \"outline\" ||\n    variant === \"secondary\" ||\n    variant === \"ghost\" ||\n    variant === \"link\"\n  ) {\n    return variant;\n  }\n\n  return \"default\";\n}\n\nconst ButtonComponent: RendererComponent<\"button\"> = ({ node }) => {\n  const href = getStringProp(node.props, \"href\");\n  const label = getStringProp(node.props, \"label\", \"Action\");\n  const variant = getButtonVariant(getStringProp(node.props, \"variant\", \"default\"));\n\n  if (href) {\n    return (\n      <Button asChild variant={variant} size=\"lg\">\n        <Link href={href}>{label}</Link>\n      </Button>\n    );\n  }\n\n  return (\n    <Button variant={variant} size=\"lg\">\n      {label}\n    </Button>\n  );\n};\n\nexport default ButtonComponent;\nexport { Button, buttonVariants };\n"],"mappings":";;;;;;;;AAUA,IAAM,iBAAiB,IACrB,wcACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,aACE;GACF,SACE;GACF,WAAW;GACX,OAAO;GACP,MAAM;EACR;EACA,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,MAAM;EACR;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAEA,SAAS,OAAO,EACd,WACA,SACA,MACA,UAAU,OACV,GAAG,SAIA;CAGH,OACE,oBAHW,UAAU,OAAO,UAG5B;EACE,aAAU;EACV,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM;EAAU,CAAC,CAAC;EAC1D,GAAI;CACL,CAAA;AAEL;AAYA,SAAS,iBAAiB,SAAgC;CACxD,IACE,YAAY,aACZ,YAAY,iBACZ,YAAY,aACZ,YAAY,eACZ,YAAY,WACZ,YAAY,QAEZ,OAAO;CAGT,OAAO;AACT;AAEA,IAAM,mBAAgD,EAAE,WAAW;CACjE,MAAM,OAAO,cAAc,KAAK,OAAO,MAAM;CAC7C,MAAM,QAAQ,cAAc,KAAK,OAAO,SAAS,QAAQ;CACzD,MAAM,UAAU,iBAAiB,cAAc,KAAK,OAAO,WAAW,SAAS,CAAC;CAEhF,IAAI,MACF,OACE,oBAAC,QAAD;EAAQ,SAAA;EAAiB;EAAS,MAAK;YACrC,oBAAC,MAAD;GAAY;aAAO;EAAY,CAAA;CACzB,CAAA;CAIZ,OACE,oBAAC,QAAD;EAAiB;EAAS,MAAK;YAC5B;CACK,CAAA;AAEZ"}
+{"version":3,"file":"button.js","names":[],"sources":["../../../resources/js/core/components/button.tsx"],"sourcesContent":["import { Link } from \"@inertiajs/react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { nodeIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport type { ButtonVariant } from \"@lattice-php/lattice/types/generated\";\n\nexport type { ButtonVariant };\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lt-sm text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-lt-icon-md [&_svg]:shrink-0 outline-none focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 focus-visible:ring-[3px] aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-lt-primary text-lt-primary-fg shadow-xs hover:bg-lt-primary/90\",\n        destructive:\n          \"bg-lt-danger text-lt-danger-fg shadow-xs hover:bg-lt-danger/90 focus-visible:ring-lt-danger/20 dark:focus-visible:ring-lt-danger/40\",\n        success: \"bg-lt-success text-lt-success-fg shadow-xs hover:bg-lt-success/90\",\n        info: \"bg-lt-info text-lt-info-fg shadow-xs hover:bg-lt-info/90\",\n        outline:\n          \"border border-lt-input bg-lt-bg shadow-xs hover:bg-lt-accent hover:text-lt-accent-fg\",\n        secondary: \"bg-lt-secondary text-lt-secondary-fg shadow-xs hover:bg-lt-secondary/80\",\n        ghost: \"hover:bg-lt-accent hover:text-lt-accent-fg\",\n        link: \"text-lt-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-lt-sm px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-lt-sm px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n  }) {\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nconst ButtonComponent: RendererComponent<\"button\"> = ({ node }) => {\n  const { href, label } = node.props;\n  const variant = node.props.variant ?? \"default\";\n  const testId = nodeIdentity(node);\n\n  if (href) {\n    return (\n      <Button asChild data-test={testId} variant={variant} size=\"lg\">\n        <Link href={href}>{label}</Link>\n      </Button>\n    );\n  }\n\n  return (\n    <Button data-test={testId} type={node.props.buttonType} variant={variant} size=\"lg\">\n      {label}\n    </Button>\n  );\n};\n\nexport default ButtonComponent;\nexport { Button, buttonVariants };\n"],"mappings":";;;;;;;;AAWA,IAAM,iBAAiB,IACrB,idACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,aACE;GACF,SAAS;GACT,MAAM;GACN,SACE;GACF,WAAW;GACX,OAAO;GACP,MAAM;EACR;EACA,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,MAAM;EACR;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAEA,SAAS,OAAO,EACd,WACA,SACA,MACA,UAAU,OACV,GAAG,SAIA;CAGH,OACE,oBAHW,UAAU,OAAO,UAG5B;EACE,aAAU;EACV,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM;EAAU,CAAC,CAAC;EAC1D,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,mBAAgD,EAAE,WAAW;CACjE,MAAM,EAAE,MAAM,UAAU,KAAK;CAC7B,MAAM,UAAU,KAAK,MAAM,WAAW;CACtC,MAAM,SAAS,aAAa,IAAI;CAEhC,IAAI,MACF,OACE,oBAAC,QAAD;EAAQ,SAAA;EAAQ,aAAW;EAAiB;EAAS,MAAK;YACxD,oBAAC,MAAD;GAAY;aAAO;EAAY,CAAA;CACzB,CAAA;CAIZ,OACE,oBAAC,QAAD;EAAQ,aAAW;EAAQ,MAAM,KAAK,MAAM;EAAqB;EAAS,MAAK;YAC5E;CACK,CAAA;AAEZ"}

package/dist/core/components/card.d.ts

@@ -1,13 +1,5 @@
-import { RendererComponent } from '../../../../core/types';
+import { RendererComponent } from '../types';
 import * as React from "react";
-declare module '../../../../core/types' {
-    interface ComponentProps {
-        card: {
-            description?: string;
-            title?: string;
-        };
-    }
-}
 declare function Card({ className, ...props }: React.ComponentProps<"article">): React.JSX.Element;
 declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;

package/dist/core/components/card.js

@@ -1,5 +1,4 @@
 import { cn } from "../../lib/utils.js";
-import { getStringProp } from "../props.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region resources/js/core/components/card.tsx
@@ -46,8 +45,7 @@ function CardFooter({ className, ...props }) {
 	});
 }
 var CardComponent = ({ children, node }) => {
-	const title = getStringProp(node.props, "title");
-	const description = getStringProp(node.props, "description");
+	const { title, description } = node.props;
 	return /* @__PURE__ */ jsxs(Card, {
 		"data-lattice-component": node.id,
 		children: [(title || description) && /* @__PURE__ */ jsxs(CardHeader, { children: [title && /* @__PURE__ */ jsx(CardTitle, { children: title }), description && /* @__PURE__ */ jsx(CardDescription, { children: description })] }), children && /* @__PURE__ */ jsx(CardContent, {