@lattice-php/lattice 0.17.2 → 0.18.0

package/dist/table/{format.js → lib/format.js}

@@ -1,5 +1,5 @@
-import { formatDateValue } from "../format/date-time.js";
-//#region resources/js/table/format.ts
+import { formatDateValue } from "../../format/date-time.js";
+//#region resources/js/table/lib/format.ts
 function formatCell(value, column, options) {
 	if (value === null || value === void 0) return "";
 	const date = (column?.props)?.date;
@@ -8,7 +8,7 @@ function formatCell(value, column, options) {
 	return JSON.stringify(value);
 }
 function resolveLink(column, row, value) {
-	const link = column.props?.link;
+	const link = column.props.link;
 	if (!link) return null;
 	const href = link.href ?? String(value ?? "");
 	if (href === "") return null;

package/dist/table/lib/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","names":[],"sources":["../../../resources/js/table/lib/format.ts"],"sourcesContent":["import { type FormatOptions, formatDateValue } from \"@lattice-php/lattice/format/date-time\";\nimport type { ColumnPropsOf, TableColumn, TableRow } from \"@lattice-php/lattice/table/types\";\n\nexport function formatCell(value: unknown, column?: TableColumn, options?: FormatOptions): string {\n  if (value === null || value === undefined) {\n    return \"\";\n  }\n\n  const date = (column?.props as ColumnPropsOf<\"column.text\"> | null)?.date;\n\n  if (date) {\n    return formatDateValue(value, date, options);\n  }\n\n  if (typeof value === \"string\" || typeof value === \"number\" || typeof value === \"boolean\") {\n    return String(value);\n  }\n\n  return JSON.stringify(value);\n}\n\nexport function resolveLink(column: TableColumn, row: TableRow, value: unknown): string | null {\n  const link = (column.props as ColumnPropsOf<\"column.text\">).link;\n\n  if (!link) {\n    return null;\n  }\n\n  const href = link.href ?? String(value ?? \"\");\n\n  if (href === \"\") {\n    return null;\n  }\n\n  return href.replace(/\\{([^}]+)\\}/g, (_, key: string) => {\n    if (key === \"value\") {\n      return encodeURIComponent(String(value ?? \"\"));\n    }\n\n    return encodeURIComponent(String(row[key] ?? \"\"));\n  });\n}\n"],"mappings":";;AAGA,SAAgB,WAAW,OAAgB,QAAsB,SAAiC;CAChG,IAAI,UAAU,QAAQ,UAAU,KAAA,GAC9B,OAAO;CAGT,MAAM,QAAQ,QAAQ,QAA+C;CAErE,IAAI,MACF,OAAO,gBAAgB,OAAO,MAAM,OAAO;CAG7C,IAAI,OAAO,UAAU,YAAY,OAAO,UAAU,YAAY,OAAO,UAAU,WAC7E,OAAO,OAAO,KAAK;CAGrB,OAAO,KAAK,UAAU,KAAK;AAC7B;AAEA,SAAgB,YAAY,QAAqB,KAAe,OAA+B;CAC7F,MAAM,OAAQ,OAAO,MAAuC;CAE5D,IAAI,CAAC,MACH,OAAO;CAGT,MAAM,OAAO,KAAK,QAAQ,OAAO,SAAS,EAAE;CAE5C,IAAI,SAAS,IACX,OAAO;CAGT,OAAO,KAAK,QAAQ,iBAAiB,GAAG,QAAgB;EACtD,IAAI,QAAQ,SACV,OAAO,mBAAmB,OAAO,SAAS,EAAE,CAAC;EAG/C,OAAO,mBAAmB,OAAO,IAAI,QAAQ,EAAE,CAAC;CAClD,CAAC;AACH"}

package/dist/table/{payload.d.ts → lib/payload.d.ts}

@@ -1,9 +1,8 @@
-import { Node } from '../core/types';
-import { TableColumn, TablePagination, TableRow, TableState } from './types';
+import { Node } from '../../core/types.js';
+import { TableColumn, TablePagination, TableRow, TableState } from '../types.js';
 export declare function getColumns(value: unknown): TableColumn[];
 export declare function getRows(value: unknown): TableRow[];
 export declare function getPagination(value: unknown): TablePagination;
-export declare function flattenColumns(columns: TableColumn[]): TableColumn[];
 export declare function getState(value: unknown): TableState;
 export declare function getRowKey(row: TableRow, index: number): string;
 export declare function getRowActions(row: TableRow): Node[];

package/dist/table/{payload.js → lib/payload.js}

@@ -1,11 +1,11 @@
-//#region resources/js/table/payload.ts
+//#region resources/js/table/lib/payload.ts
 function getFilters(value) {
 	if (!Array.isArray(value)) return [];
 	return value.filter((clause) => typeof clause === "object" && clause !== null && typeof clause.field === "string" && typeof clause.operator === "string" && typeof clause.value === "string");
 }
 function getColumns(value) {
 	if (!Array.isArray(value)) return [];
-	return value.filter((column) => typeof column === "object" && column !== null && "key" in column && "label" in column && typeof column.key === "string" && typeof column.label === "string");
+	return value.filter((column) => typeof column === "object" && column !== null && "key" in column && "props" in column && typeof column.key === "string" && typeof column.props === "object" && column.props !== null && typeof column.props.label === "string");
 }
 function getRows(value) {
 	if (!Array.isArray(value)) return [];
@@ -26,16 +26,14 @@ function getPagination(value) {
 	if (typeof value !== "object" || value === null || Array.isArray(value)) return EMPTY_PAGINATION;
 	return value;
 }
-function flattenColumns(columns) {
-	return columns.flatMap((column) => [column, ...flattenColumns(column.columns ?? [])]);
-}
 function getState(value) {
 	if (typeof value !== "object" || value === null || Array.isArray(value)) return {
 		filters: [],
 		sorts: [],
 		page: 1,
 		perPage: 25,
-		tableFilters: {}
+		tableFilters: {},
+		tableFilterIndicators: []
 	};
 	const state = value;
 	return {
@@ -43,7 +41,8 @@ function getState(value) {
 		sorts: Array.isArray(state.sorts) ? state.sorts : [],
 		page: typeof state.page === "number" ? state.page : 1,
 		perPage: typeof state.perPage === "number" ? state.perPage : 25,
-		tableFilters: getTableFilters(state.tableFilters)
+		tableFilters: getTableFilters(state.tableFilters),
+		tableFilterIndicators: getTableFilterIndicators(state.tableFilterIndicators)
 	};
 }
 /**
@@ -52,7 +51,11 @@ function getState(value) {
 */
 function getTableFilters(value) {
 	if (typeof value !== "object" || value === null || Array.isArray(value)) return {};
-	return value;
+	return Object.fromEntries(Object.entries(value).filter((entry) => typeof entry[1] === "object" && entry[1] !== null && !Array.isArray(entry[1])));
+}
+function getTableFilterIndicators(value) {
+	if (!Array.isArray(value)) return [];
+	return value.filter((indicator) => typeof indicator === "object" && indicator !== null && typeof indicator.filter === "string" && typeof indicator.label === "string" && typeof indicator.value === "string");
 }
 function getRowKey(row, index) {
 	const key = row.id ?? row.uuid ?? row.key ?? index;
@@ -62,6 +65,6 @@ function getRowActions(row) {
 	return Array.isArray(row.actions) ? row.actions : [];
 }
 //#endregion
-export { flattenColumns, getColumns, getPagination, getRowActions, getRowKey, getRows, getState };
+export { getColumns, getPagination, getRowActions, getRowKey, getRows, getState };
 
 //# sourceMappingURL=payload.js.map

package/dist/table/lib/payload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"payload.js","names":[],"sources":["../../../resources/js/table/lib/payload.ts"],"sourcesContent":["import type { Node } from \"@lattice-php/lattice/core/types\";\nimport type {\n  FilterClause,\n  TableColumn,\n  TableFilterIndicator,\n  TablePagination,\n  TableRow,\n  TableState,\n} from \"@lattice-php/lattice/table/types\";\n\nfunction getFilters(value: unknown): FilterClause[] {\n  if (!Array.isArray(value)) {\n    return [];\n  }\n\n  return value.filter(\n    (clause): clause is FilterClause =>\n      typeof clause === \"object\" &&\n      clause !== null &&\n      typeof clause.field === \"string\" &&\n      typeof clause.operator === \"string\" &&\n      typeof clause.value === \"string\",\n  );\n}\n\nexport function getColumns(value: unknown): TableColumn[] {\n  if (!Array.isArray(value)) {\n    return [];\n  }\n\n  return value.filter(\n    (column): column is TableColumn =>\n      typeof column === \"object\" &&\n      column !== null &&\n      \"key\" in column &&\n      \"props\" in column &&\n      typeof column.key === \"string\" &&\n      typeof column.props === \"object\" &&\n      column.props !== null &&\n      typeof (column.props as Record<string, unknown>).label === \"string\",\n  );\n}\n\nexport function getRows(value: unknown): TableRow[] {\n  if (!Array.isArray(value)) {\n    return [];\n  }\n\n  return value.filter(\n    (row): row is TableRow => typeof row === \"object\" && row !== null && !Array.isArray(row),\n  );\n}\n\nconst EMPTY_PAGINATION: TablePagination = {\n  mode: \"none\",\n  currentPage: null,\n  lastPage: null,\n  perPage: null,\n  total: null,\n  from: null,\n  to: null,\n  hasMore: false,\n  nextPage: null,\n};\n\nexport function getPagination(value: unknown): TablePagination {\n  if (typeof value !== \"object\" || value === null || Array.isArray(value)) {\n    return EMPTY_PAGINATION;\n  }\n\n  return value as TablePagination;\n}\n\nexport function getState(value: unknown): TableState {\n  if (typeof value !== \"object\" || value === null || Array.isArray(value)) {\n    return {\n      filters: [],\n      sorts: [],\n      page: 1,\n      perPage: 25,\n      tableFilters: {},\n      tableFilterIndicators: [],\n    };\n  }\n\n  const state = value as Partial<TableState>;\n\n  return {\n    filters: getFilters(state.filters),\n    sorts: Array.isArray(state.sorts) ? state.sorts : [],\n    page: typeof state.page === \"number\" ? state.page : 1,\n    perPage: typeof state.perPage === \"number\" ? state.perPage : 25,\n    tableFilters: getTableFilters(state.tableFilters),\n    tableFilterIndicators: getTableFilterIndicators(state.tableFilterIndicators),\n  };\n}\n\n/**\n * The wire serializes an empty filter map as `[]` and a populated one as an\n * object, so coerce both to a plain `key => value` record.\n */\nfunction getTableFilters(value: unknown): Record<string, Record<string, unknown>> {\n  if (typeof value !== \"object\" || value === null || Array.isArray(value)) {\n    return {};\n  }\n\n  return Object.fromEntries(\n    Object.entries(value).filter(\n      (entry): entry is [string, Record<string, unknown>] =>\n        typeof entry[1] === \"object\" && entry[1] !== null && !Array.isArray(entry[1]),\n    ),\n  );\n}\n\nfunction getTableFilterIndicators(value: unknown): TableFilterIndicator[] {\n  if (!Array.isArray(value)) {\n    return [];\n  }\n\n  return value.filter(\n    (indicator): indicator is TableFilterIndicator =>\n      typeof indicator === \"object\" &&\n      indicator !== null &&\n      typeof indicator.filter === \"string\" &&\n      typeof indicator.label === \"string\" &&\n      typeof indicator.value === \"string\",\n  );\n}\n\nexport function getRowKey(row: TableRow, index: number): string {\n  const key = row.id ?? row.uuid ?? row.key ?? index;\n\n  return String(key);\n}\n\nexport function getRowActions(row: TableRow): Node[] {\n  return Array.isArray(row.actions) ? (row.actions as Node[]) : [];\n}\n"],"mappings":";AAUA,SAAS,WAAW,OAAgC;CAClD,IAAI,CAAC,MAAM,QAAQ,KAAK,GACtB,OAAO,CAAC;CAGV,OAAO,MAAM,QACV,WACC,OAAO,WAAW,YAClB,WAAW,QACX,OAAO,OAAO,UAAU,YACxB,OAAO,OAAO,aAAa,YAC3B,OAAO,OAAO,UAAU,QAC5B;AACF;AAEA,SAAgB,WAAW,OAA+B;CACxD,IAAI,CAAC,MAAM,QAAQ,KAAK,GACtB,OAAO,CAAC;CAGV,OAAO,MAAM,QACV,WACC,OAAO,WAAW,YAClB,WAAW,QACX,SAAS,UACT,WAAW,UACX,OAAO,OAAO,QAAQ,YACtB,OAAO,OAAO,UAAU,YACxB,OAAO,UAAU,QACjB,OAAQ,OAAO,MAAkC,UAAU,QAC/D;AACF;AAEA,SAAgB,QAAQ,OAA4B;CAClD,IAAI,CAAC,MAAM,QAAQ,KAAK,GACtB,OAAO,CAAC;CAGV,OAAO,MAAM,QACV,QAAyB,OAAO,QAAQ,YAAY,QAAQ,QAAQ,CAAC,MAAM,QAAQ,GAAG,CACzF;AACF;AAEA,IAAM,mBAAoC;CACxC,MAAM;CACN,aAAa;CACb,UAAU;CACV,SAAS;CACT,OAAO;CACP,MAAM;CACN,IAAI;CACJ,SAAS;CACT,UAAU;AACZ;AAEA,SAAgB,cAAc,OAAiC;CAC7D,IAAI,OAAO,UAAU,YAAY,UAAU,QAAQ,MAAM,QAAQ,KAAK,GACpE,OAAO;CAGT,OAAO;AACT;AAEA,SAAgB,SAAS,OAA4B;CACnD,IAAI,OAAO,UAAU,YAAY,UAAU,QAAQ,MAAM,QAAQ,KAAK,GACpE,OAAO;EACL,SAAS,CAAC;EACV,OAAO,CAAC;EACR,MAAM;EACN,SAAS;EACT,cAAc,CAAC;EACf,uBAAuB,CAAC;CAC1B;CAGF,MAAM,QAAQ;CAEd,OAAO;EACL,SAAS,WAAW,MAAM,OAAO;EACjC,OAAO,MAAM,QAAQ,MAAM,KAAK,IAAI,MAAM,QAAQ,CAAC;EACnD,MAAM,OAAO,MAAM,SAAS,WAAW,MAAM,OAAO;EACpD,SAAS,OAAO,MAAM,YAAY,WAAW,MAAM,UAAU;EAC7D,cAAc,gBAAgB,MAAM,YAAY;EAChD,uBAAuB,yBAAyB,MAAM,qBAAqB;CAC7E;AACF;;;;;AAMA,SAAS,gBAAgB,OAAyD;CAChF,IAAI,OAAO,UAAU,YAAY,UAAU,QAAQ,MAAM,QAAQ,KAAK,GACpE,OAAO,CAAC;CAGV,OAAO,OAAO,YACZ,OAAO,QAAQ,KAAK,EAAE,QACnB,UACC,OAAO,MAAM,OAAO,YAAY,MAAM,OAAO,QAAQ,CAAC,MAAM,QAAQ,MAAM,EAAE,CAChF,CACF;AACF;AAEA,SAAS,yBAAyB,OAAwC;CACxE,IAAI,CAAC,MAAM,QAAQ,KAAK,GACtB,OAAO,CAAC;CAGV,OAAO,MAAM,QACV,cACC,OAAO,cAAc,YACrB,cAAc,QACd,OAAO,UAAU,WAAW,YAC5B,OAAO,UAAU,UAAU,YAC3B,OAAO,UAAU,UAAU,QAC/B;AACF;AAEA,SAAgB,UAAU,KAAe,OAAuB;CAC9D,MAAM,MAAM,IAAI,MAAM,IAAI,QAAQ,IAAI,OAAO;CAE7C,OAAO,OAAO,GAAG;AACnB;AAEA,SAAgB,cAAc,KAAuB;CACnD,OAAO,MAAM,QAAQ,IAAI,OAAO,IAAK,IAAI,UAAqB,CAAC;AACjE"}

package/dist/table/{query.d.ts → lib/query.d.ts}

@@ -1,5 +1,5 @@
-import { ColumnWidth } from '../types/generated';
-import { TableColumn, TableSort, TableState } from './types';
+import { ColumnWidth } from '../../types/generated.js';
+import { TableColumn, TableSort, TableState } from '../types.js';
 export declare function getColumnSort(state: TableState, column: TableColumn): TableSort | undefined;
 export declare function getColumnAriaSort(sort: TableSort | undefined): "ascending" | "descending" | undefined;
 export declare function buildEndpoint(endpoint: string, state: TableState): string;
@@ -11,7 +11,7 @@ export declare function nextSort(sorts: TableSort[], column: TableColumn): Table
 export declare function getVisiblePages(currentPage: number, lastPage: number): number[];
 export declare function getTableSizingColumns(columns: TableColumn[]): {
     key: string;
-    label: string;
+    label: string | null;
     width: ColumnWidth;
 }[];
 export declare function getTableUtilityTracks(hasActions: boolean, hasSelection: boolean): {

package/dist/table/{query.js → lib/query.js}

@@ -1,7 +1,7 @@
-import { translate } from "../i18n/instance.js";
-import "../core/column-sizing.js";
+import { translate } from "../../i18n/instance.js";
+import "../../core/hooks/column-sizing.js";
 import { isEmptyMember } from "./filter-values.js";
-//#region resources/js/table/query.ts
+//#region resources/js/table/lib/query.ts
 function getColumnSort(state, column) {
 	return state.sorts.find((currentSort) => currentSort.key === column.key);
 }
@@ -18,24 +18,8 @@ function buildEndpoint(endpoint, state) {
 	url.searchParams.set("per_page", String(state.perPage));
 	return `${url.pathname}${url.search}`;
 }
-/**
-* Serialize the dedicated table filters as Laravel-native bracket params:
-* `tf[key]=v`, repeated `tf[key][]=v` for multi-value, and `tf[key][sub]=v`
-* for structured values (e.g. a date range's from/until). Empty values are
-* dropped so an unset filter never reaches the server.
-*/
 function appendTableFilters(url, tableFilters) {
-	for (const [key, value] of Object.entries(getTableFilterParams(tableFilters))) {
-		if (typeof value === "string") {
-			url.searchParams.set(`tf[${key}]`, value);
-			continue;
-		}
-		if (Array.isArray(value)) {
-			for (const item of value) if (!isEmptyMember(item)) url.searchParams.append(`tf[${key}][]`, String(item));
-			continue;
-		}
-		if (typeof value === "object" && value !== null) for (const [subKey, subValue] of Object.entries(value)) url.searchParams.set(`tf[${key}][${subKey}]`, String(subValue));
-	}
+	for (const [key, value] of Object.entries(getTableFilterParams(tableFilters))) appendTableFilterParam(url, `tf[${key}]`, value);
 }
 function getTableFilterParams(tableFilters) {
 	const params = {};
@@ -46,18 +30,34 @@ function getTableFilterParams(tableFilters) {
 	return params;
 }
 function normalizeTableFilterValue(value) {
+	if (isEmptyMember(value) || Array.isArray(value) || typeof value !== "object") return;
+	const entries = Object.entries(value).map(([subKey, subValue]) => [subKey, normalizeTableFilterMember(subValue)]).filter((entry) => entry[1] !== void 0);
+	return entries.length > 0 ? Object.fromEntries(entries) : void 0;
+}
+function normalizeTableFilterMember(value) {
 	if (isEmptyMember(value)) return;
-	if (typeof value === "string") return value;
 	if (Array.isArray(value)) {
-		const items = value.filter((item) => !isEmptyMember(item)).map(String);
-		return items.length > 0 ? items : void 0;
+		const values = value.map(normalizeTableFilterMember).filter((item) => item !== void 0);
+		return values.length > 0 ? values : void 0;
 	}
 	if (typeof value === "object") {
-		const entries = Object.entries(value).filter(([, subValue]) => !isEmptyMember(subValue)).map(([subKey, subValue]) => [subKey, String(subValue)]);
+		if (value === null) return;
+		const entries = Object.entries(value).map(([key, item]) => [key, normalizeTableFilterMember(item)]).filter((entry) => entry[1] !== void 0);
 		return entries.length > 0 ? Object.fromEntries(entries) : void 0;
 	}
 	return String(value);
 }
+function appendTableFilterParam(url, key, value) {
+	if (Array.isArray(value)) {
+		for (const item of value) appendTableFilterParam(url, `${key}[]`, item);
+		return;
+	}
+	if (typeof value === "object" && value !== null) {
+		for (const [subKey, subValue] of Object.entries(value)) appendTableFilterParam(url, `${key}[${subKey}]`, subValue);
+		return;
+	}
+	url.searchParams.append(key, String(value));
+}
 function getQueryParams(state) {
 	const params = {};
 	if (state.filters.length > 0) params.filter = serializeFilters(state);
@@ -97,7 +97,7 @@ function getSortDirectionLabel(direction) {
 	return direction === "desc" ? "descending" : "ascending";
 }
 function nextSort(sorts, column) {
-	if (!column.sortable) return sorts;
+	if (!column.props.sortable) return sorts;
 	const currentSort = sorts.find((sort) => sort.key === column.key);
 	const remainingSorts = sorts.filter((sort) => sort.key !== column.key);
 	if (!currentSort) return [...sorts, {
@@ -118,12 +118,12 @@ function getVisiblePages(currentPage, lastPage) {
 function getTableSizingColumns(columns) {
 	return columns.map((column) => ({
 		key: column.key,
-		label: column.label,
+		label: column.props.label,
 		width: columnWidthOrDefault(column)
 	}));
 }
 function columnWidthOrDefault(column) {
-	return column.width ?? (column.type === "column.stack" ? "xl" : "md");
+	return column.props.width ?? (column.type === "column.stack" ? "xl" : "md");
 }
 function getTableUtilityTracks(hasActions, hasSelection) {
 	return {

package/dist/table/lib/query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"query.js","names":[],"sources":["../../../resources/js/table/lib/query.ts"],"sourcesContent":["import { translate } from \"@lattice-php/lattice/i18n\";\nimport { DEFAULT_COLUMN_WIDTH } from \"@lattice-php/lattice/core/hooks/column-sizing\";\nimport type { ColumnWidth } from \"@lattice-php/lattice/types/generated\";\nimport { isEmptyMember } from \"./filter-values\";\nimport type { TableColumn, TableSort, TableState } from \"@lattice-php/lattice/table/types\";\n\nexport function getColumnSort(state: TableState, column: TableColumn): TableSort | undefined {\n  return state.sorts.find((currentSort) => currentSort.key === column.key);\n}\n\nexport function getColumnAriaSort(\n  sort: TableSort | undefined,\n): \"ascending\" | \"descending\" | undefined {\n  if (sort?.direction === \"asc\") {\n    return \"ascending\";\n  }\n\n  if (sort?.direction === \"desc\") {\n    return \"descending\";\n  }\n\n  return undefined;\n}\n\nexport function buildEndpoint(endpoint: string, state: TableState): string {\n  const url = new URL(endpoint, window.location.origin);\n\n  if (state.filters.length > 0) {\n    url.searchParams.set(\"filter\", serializeFilters(state));\n  }\n\n  if (state.sorts.length > 0) {\n    url.searchParams.set(\"sort\", serializeSorts(state));\n  }\n\n  appendTableFilters(url, state.tableFilters);\n\n  url.searchParams.set(\"page\", String(state.page));\n  url.searchParams.set(\"per_page\", String(state.perPage));\n\n  return `${url.pathname}${url.search}`;\n}\n\nfunction appendTableFilters(url: URL, tableFilters: Record<string, unknown>): void {\n  for (const [key, value] of Object.entries(getTableFilterParams(tableFilters))) {\n    appendTableFilterParam(url, `tf[${key}]`, value);\n  }\n}\n\nfunction getTableFilterParams(tableFilters: Record<string, unknown>): Record<string, unknown> {\n  const params: Record<string, unknown> = {};\n\n  for (const [key, value] of Object.entries(tableFilters)) {\n    const normalized = normalizeTableFilterValue(value);\n\n    if (normalized !== undefined) {\n      params[key] = normalized;\n    }\n  }\n\n  return params;\n}\n\nfunction normalizeTableFilterValue(value: unknown): unknown | undefined {\n  if (isEmptyMember(value) || Array.isArray(value) || typeof value !== \"object\") {\n    return undefined;\n  }\n\n  const entries = Object.entries(value)\n    .map(([subKey, subValue]) => [subKey, normalizeTableFilterMember(subValue)] as const)\n    .filter((entry): entry is readonly [string, unknown] => entry[1] !== undefined);\n\n  return entries.length > 0 ? Object.fromEntries(entries) : undefined;\n}\n\nfunction normalizeTableFilterMember(value: unknown): unknown | undefined {\n  if (isEmptyMember(value)) {\n    return undefined;\n  }\n\n  if (Array.isArray(value)) {\n    const values = value.map(normalizeTableFilterMember).filter((item) => item !== undefined);\n\n    return values.length > 0 ? values : undefined;\n  }\n\n  if (typeof value === \"object\") {\n    if (value === null) {\n      return undefined;\n    }\n\n    const entries = Object.entries(value)\n      .map(([key, item]) => [key, normalizeTableFilterMember(item)] as const)\n      .filter((entry): entry is readonly [string, unknown] => entry[1] !== undefined);\n\n    return entries.length > 0 ? Object.fromEntries(entries) : undefined;\n  }\n\n  return String(value);\n}\n\nfunction appendTableFilterParam(url: URL, key: string, value: unknown): void {\n  if (Array.isArray(value)) {\n    for (const item of value) {\n      appendTableFilterParam(url, `${key}[]`, item);\n    }\n\n    return;\n  }\n\n  if (typeof value === \"object\" && value !== null) {\n    for (const [subKey, subValue] of Object.entries(value)) {\n      appendTableFilterParam(url, `${key}[${subKey}]`, subValue);\n    }\n\n    return;\n  }\n\n  url.searchParams.append(key, String(value));\n}\n\nexport function getQueryParams(state: TableState): Record<string, unknown> {\n  const params: Record<string, unknown> = {};\n\n  if (state.filters.length > 0) {\n    params.filter = serializeFilters(state);\n  }\n\n  if (state.sorts.length > 0) {\n    params.sort = serializeSorts(state);\n  }\n\n  const tableFilters = getTableFilterParams(state.tableFilters);\n\n  if (Object.keys(tableFilters).length > 0) {\n    params.tf = tableFilters;\n  }\n\n  return params;\n}\n\nfunction serializeFilters(state: TableState): string {\n  return state.filters\n    .map((clause) => `${clause.field}:${clause.operator}:${encodeURIComponent(clause.value)}`)\n    .join(\",\");\n}\n\nfunction serializeSorts(state: TableState): string {\n  return state.sorts\n    .map((sort) => (sort.direction === \"desc\" ? `-${sort.key}` : sort.key))\n    .join(\",\");\n}\n\nconst operatorLabels: Record<string, string> = {\n  contains: \"contains\",\n  starts_with: \"starts with\",\n  ends_with: \"ends with\",\n  eq: \"equals\",\n  neq: \"not equals\",\n  gt: \">\",\n  gte: \"≥\",\n  lt: \"<\",\n  lte: \"≤\",\n  in: \"in\",\n  not_in: \"not in\",\n  before: \"before\",\n  after: \"after\",\n  empty: \"is empty\",\n  filled: \"is not empty\",\n};\n\nexport const VALUELESS_FILTER_OPERATORS = new Set<string>([\"empty\", \"filled\"]);\n\nexport function operatorLabel(operator: string): string {\n  return translate(\"lattice\", `table.operators.${operator}`, operatorLabels[operator] ?? operator);\n}\n\nexport function getSortDirectionLabel(direction: string): string {\n  return direction === \"desc\" ? \"descending\" : \"ascending\";\n}\n\nexport function nextSort(sorts: TableSort[], column: TableColumn): TableSort[] {\n  if (!column.props.sortable) {\n    return sorts;\n  }\n\n  const currentSort = sorts.find((sort) => sort.key === column.key);\n  const remainingSorts = sorts.filter((sort) => sort.key !== column.key);\n\n  if (!currentSort) {\n    return [...sorts, { key: column.key, direction: \"asc\" }];\n  }\n\n  if (currentSort.direction === \"asc\") {\n    return [...remainingSorts, { key: column.key, direction: \"desc\" }];\n  }\n\n  return remainingSorts;\n}\n\nexport function getVisiblePages(currentPage: number, lastPage: number): number[] {\n  if (lastPage <= 5) {\n    return Array.from({ length: lastPage }, (_, index) => index + 1);\n  }\n\n  const start = Math.max(1, Math.min(currentPage - 2, lastPage - 4));\n\n  return Array.from({ length: 5 }, (_, index) => start + index);\n}\n\nexport function getTableSizingColumns(columns: TableColumn[]) {\n  return columns.map((column) => ({\n    key: column.key,\n    label: column.props.label,\n    width: columnWidthOrDefault(column),\n  }));\n}\n\nfunction columnWidthOrDefault(column: TableColumn): ColumnWidth {\n  return (column.props.width ??\n    (column.type === \"column.stack\" ? \"xl\" : DEFAULT_COLUMN_WIDTH)) as ColumnWidth;\n}\n\nexport function getTableUtilityTracks(hasActions: boolean, hasSelection: boolean) {\n  // Utility tracks are fixed because the independent header/filter/body grids would drift with content-sized tracks.\n  return {\n    leadingTracks: hasSelection ? [\"3rem\"] : [],\n    trailingTracks: hasActions ? [\"10rem\"] : [],\n  };\n}\n"],"mappings":";;;;AAMA,SAAgB,cAAc,OAAmB,QAA4C;CAC3F,OAAO,MAAM,MAAM,MAAM,gBAAgB,YAAY,QAAQ,OAAO,GAAG;AACzE;AAEA,SAAgB,kBACd,MACwC;CACxC,IAAI,MAAM,cAAc,OACtB,OAAO;CAGT,IAAI,MAAM,cAAc,QACtB,OAAO;AAIX;AAEA,SAAgB,cAAc,UAAkB,OAA2B;CACzE,MAAM,MAAM,IAAI,IAAI,UAAU,OAAO,SAAS,MAAM;CAEpD,IAAI,MAAM,QAAQ,SAAS,GACzB,IAAI,aAAa,IAAI,UAAU,iBAAiB,KAAK,CAAC;CAGxD,IAAI,MAAM,MAAM,SAAS,GACvB,IAAI,aAAa,IAAI,QAAQ,eAAe,KAAK,CAAC;CAGpD,mBAAmB,KAAK,MAAM,YAAY;CAE1C,IAAI,aAAa,IAAI,QAAQ,OAAO,MAAM,IAAI,CAAC;CAC/C,IAAI,aAAa,IAAI,YAAY,OAAO,MAAM,OAAO,CAAC;CAEtD,OAAO,GAAG,IAAI,WAAW,IAAI;AAC/B;AAEA,SAAS,mBAAmB,KAAU,cAA6C;CACjF,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,qBAAqB,YAAY,CAAC,GAC1E,uBAAuB,KAAK,MAAM,IAAI,IAAI,KAAK;AAEnD;AAEA,SAAS,qBAAqB,cAAgE;CAC5F,MAAM,SAAkC,CAAC;CAEzC,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,YAAY,GAAG;EACvD,MAAM,aAAa,0BAA0B,KAAK;EAElD,IAAI,eAAe,KAAA,GACjB,OAAO,OAAO;CAElB;CAEA,OAAO;AACT;AAEA,SAAS,0BAA0B,OAAqC;CACtE,IAAI,cAAc,KAAK,KAAK,MAAM,QAAQ,KAAK,KAAK,OAAO,UAAU,UACnE;CAGF,MAAM,UAAU,OAAO,QAAQ,KAAK,EACjC,KAAK,CAAC,QAAQ,cAAc,CAAC,QAAQ,2BAA2B,QAAQ,CAAC,CAAU,EACnF,QAAQ,UAA+C,MAAM,OAAO,KAAA,CAAS;CAEhF,OAAO,QAAQ,SAAS,IAAI,OAAO,YAAY,OAAO,IAAI,KAAA;AAC5D;AAEA,SAAS,2BAA2B,OAAqC;CACvE,IAAI,cAAc,KAAK,GACrB;CAGF,IAAI,MAAM,QAAQ,KAAK,GAAG;EACxB,MAAM,SAAS,MAAM,IAAI,0BAA0B,EAAE,QAAQ,SAAS,SAAS,KAAA,CAAS;EAExF,OAAO,OAAO,SAAS,IAAI,SAAS,KAAA;CACtC;CAEA,IAAI,OAAO,UAAU,UAAU;EAC7B,IAAI,UAAU,MACZ;EAGF,MAAM,UAAU,OAAO,QAAQ,KAAK,EACjC,KAAK,CAAC,KAAK,UAAU,CAAC,KAAK,2BAA2B,IAAI,CAAC,CAAU,EACrE,QAAQ,UAA+C,MAAM,OAAO,KAAA,CAAS;EAEhF,OAAO,QAAQ,SAAS,IAAI,OAAO,YAAY,OAAO,IAAI,KAAA;CAC5D;CAEA,OAAO,OAAO,KAAK;AACrB;AAEA,SAAS,uBAAuB,KAAU,KAAa,OAAsB;CAC3E,IAAI,MAAM,QAAQ,KAAK,GAAG;EACxB,KAAK,MAAM,QAAQ,OACjB,uBAAuB,KAAK,GAAG,IAAI,KAAK,IAAI;EAG9C;CACF;CAEA,IAAI,OAAO,UAAU,YAAY,UAAU,MAAM;EAC/C,KAAK,MAAM,CAAC,QAAQ,aAAa,OAAO,QAAQ,KAAK,GACnD,uBAAuB,KAAK,GAAG,IAAI,GAAG,OAAO,IAAI,QAAQ;EAG3D;CACF;CAEA,IAAI,aAAa,OAAO,KAAK,OAAO,KAAK,CAAC;AAC5C;AAEA,SAAgB,eAAe,OAA4C;CACzE,MAAM,SAAkC,CAAC;CAEzC,IAAI,MAAM,QAAQ,SAAS,GACzB,OAAO,SAAS,iBAAiB,KAAK;CAGxC,IAAI,MAAM,MAAM,SAAS,GACvB,OAAO,OAAO,eAAe,KAAK;CAGpC,MAAM,eAAe,qBAAqB,MAAM,YAAY;CAE5D,IAAI,OAAO,KAAK,YAAY,EAAE,SAAS,GACrC,OAAO,KAAK;CAGd,OAAO;AACT;AAEA,SAAS,iBAAiB,OAA2B;CACnD,OAAO,MAAM,QACV,KAAK,WAAW,GAAG,OAAO,MAAM,GAAG,OAAO,SAAS,GAAG,mBAAmB,OAAO,KAAK,GAAG,EACxF,KAAK,GAAG;AACb;AAEA,SAAS,eAAe,OAA2B;CACjD,OAAO,MAAM,MACV,KAAK,SAAU,KAAK,cAAc,SAAS,IAAI,KAAK,QAAQ,KAAK,GAAI,EACrE,KAAK,GAAG;AACb;AAEA,IAAM,iBAAyC;CAC7C,UAAU;CACV,aAAa;CACb,WAAW;CACX,IAAI;CACJ,KAAK;CACL,IAAI;CACJ,KAAK;CACL,IAAI;CACJ,KAAK;CACL,IAAI;CACJ,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,OAAO;CACP,QAAQ;AACV;AAEA,IAAa,6BAA6B,IAAI,IAAY,CAAC,SAAS,QAAQ,CAAC;AAE7E,SAAgB,cAAc,UAA0B;CACtD,OAAO,UAAU,WAAW,mBAAmB,YAAY,eAAe,aAAa,QAAQ;AACjG;AAEA,SAAgB,sBAAsB,WAA2B;CAC/D,OAAO,cAAc,SAAS,eAAe;AAC/C;AAEA,SAAgB,SAAS,OAAoB,QAAkC;CAC7E,IAAI,CAAC,OAAO,MAAM,UAChB,OAAO;CAGT,MAAM,cAAc,MAAM,MAAM,SAAS,KAAK,QAAQ,OAAO,GAAG;CAChE,MAAM,iBAAiB,MAAM,QAAQ,SAAS,KAAK,QAAQ,OAAO,GAAG;CAErE,IAAI,CAAC,aACH,OAAO,CAAC,GAAG,OAAO;EAAE,KAAK,OAAO;EAAK,WAAW;CAAM,CAAC;CAGzD,IAAI,YAAY,cAAc,OAC5B,OAAO,CAAC,GAAG,gBAAgB;EAAE,KAAK,OAAO;EAAK,WAAW;CAAO,CAAC;CAGnE,OAAO;AACT;AAEA,SAAgB,gBAAgB,aAAqB,UAA4B;CAC/E,IAAI,YAAY,GACd,OAAO,MAAM,KAAK,EAAE,QAAQ,SAAS,IAAI,GAAG,UAAU,QAAQ,CAAC;CAGjE,MAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,IAAI,cAAc,GAAG,WAAW,CAAC,CAAC;CAEjE,OAAO,MAAM,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,UAAU,QAAQ,KAAK;AAC9D;AAEA,SAAgB,sBAAsB,SAAwB;CAC5D,OAAO,QAAQ,KAAK,YAAY;EAC9B,KAAK,OAAO;EACZ,OAAO,OAAO,MAAM;EACpB,OAAO,qBAAqB,MAAM;CACpC,EAAE;AACJ;AAEA,SAAS,qBAAqB,QAAkC;CAC9D,OAAQ,OAAO,MAAM,UAClB,OAAO,SAAS,iBAAiB,OAAA;AACtC;AAEA,SAAgB,sBAAsB,YAAqB,cAAuB;CAEhF,OAAO;EACL,eAAe,eAAe,CAAC,MAAM,IAAI,CAAC;EAC1C,gBAAgB,aAAa,CAAC,OAAO,IAAI,CAAC;CAC5C;AACF"}

package/dist/table/plugin.d.ts

@@ -0,0 +1,2 @@
+export type TableComponentType = "table";
+export declare const tableComponents: import('../core/registry.js').Plugin;

package/dist/table/plugin.js

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

package/dist/table/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","names":[],"sources":["../../resources/js/table/plugin.ts"],"sourcesContent":["import {\n  createPlugin,\n  eagerComponent,\n  type ComponentRegistryFor,\n} from \"@lattice-php/lattice/core/registry\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport TableComponent from \"./components/table\";\n\nexport type TableComponentType = \"table\";\n\n// The table renders an enriched TableNode (rows/pagination/state the server\n// hydrates onto it); the registry erases per-component node types here.\nexport const tableComponents = createPlugin({\n  components: {\n    table: eagerComponent(TableComponent as unknown as RendererComponent<\"table\">),\n  } satisfies ComponentRegistryFor<TableComponentType>,\n  name: \"lattice/table\",\n});\n"],"mappings":";;;AAYA,IAAa,kBAAkB,aAAa;CAC1C,YAAY,EACV,OAAO,eAAe,cAAuD,EAC/E;CACA,MAAM;AACR,CAAC"}

package/dist/table/registry.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-import { ColumnPropsOf, TableColumn, TableRow } from './types';
+import { ColumnPropsOf, TableColumn, TableRow } from './types.js';
+import { ColumnPropsMap } from '../types/generated.js';
 export type ColumnCellArgs<TType extends string = string> = {
     column: TableColumn;
     props: ColumnPropsOf<TType>;
@@ -8,6 +9,7 @@ export type ColumnCellArgs<TType extends string = string> = {
 };
 export type ColumnCellComponent<TType extends string = string> = (args: ColumnCellArgs<TType>) => ReactNode;
 export type ColumnRegistry = Record<string, ColumnCellComponent>;
+export type ColumnRegistryFor<TTypes extends keyof ColumnPropsMap & string> = Record<TTypes, ColumnCellComponent>;
 /**
  * Registers a typed column cell, erasing the type parameter so it fits the
  * registry. Mirrors `eagerComponent`/`lazyComponent` for the component registry:

package/dist/table/registry.js.map

@@ -1 +1 @@
-{"version":3,"file":"registry.js","names":[],"sources":["../../resources/js/table/registry.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { ColumnPropsOf, TableColumn, TableRow } from \"./types\";\n\nexport type ColumnCellArgs<TType extends string = string> = {\n  column: TableColumn;\n  props: ColumnPropsOf<TType>;\n  row: TableRow;\n  value: unknown;\n};\n\nexport type ColumnCellComponent<TType extends string = string> = (\n  args: ColumnCellArgs<TType>,\n) => ReactNode;\n\nexport type ColumnRegistry = Record<string, ColumnCellComponent>;\n\n/**\n * Registers a typed column cell, erasing the type parameter so it fits the\n * registry. Mirrors `eagerComponent`/`lazyComponent` for the component registry:\n * author against `ColumnCellComponent<\"my.type\">` for typed `props`, register\n * through this.\n */\nexport function columnCell<TType extends string>(\n  cell: ColumnCellComponent<TType>,\n): ColumnCellComponent {\n  return cell as ColumnCellComponent;\n}\n"],"mappings":";;;;;;;AAsBA,SAAgB,WACd,MACqB;CACrB,OAAO;AACT"}
+{"version":3,"file":"registry.js","names":[],"sources":["../../resources/js/table/registry.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { ColumnPropsOf, TableColumn, TableRow } from \"./types\";\nimport type { ColumnPropsMap } from \"@lattice-php/lattice/types/generated\";\n\nexport type ColumnCellArgs<TType extends string = string> = {\n  column: TableColumn;\n  props: ColumnPropsOf<TType>;\n  row: TableRow;\n  value: unknown;\n};\n\nexport type ColumnCellComponent<TType extends string = string> = (\n  args: ColumnCellArgs<TType>,\n) => ReactNode;\n\nexport type ColumnRegistry = Record<string, ColumnCellComponent>;\n\nexport type ColumnRegistryFor<TTypes extends keyof ColumnPropsMap & string> = Record<\n  TTypes,\n  ColumnCellComponent\n>;\n\n/**\n * Registers a typed column cell, erasing the type parameter so it fits the\n * registry. Mirrors `eagerComponent`/`lazyComponent` for the component registry:\n * author against `ColumnCellComponent<\"my.type\">` for typed `props`, register\n * through this.\n */\nexport function columnCell<TType extends string>(\n  cell: ColumnCellComponent<TType>,\n): ColumnCellComponent {\n  return cell as ColumnCellComponent;\n}\n"],"mappings":";;;;;;;AA4BA,SAAgB,WACd,MACqB;CACrB,OAAO;AACT"}

package/dist/table/types.d.ts

@@ -1,8 +1,7 @@
-import { NodeUnionOf, ResolveProps } from '../core/types';
-import { ActionNodeType, ColumnData, ColumnFilter, ColumnPropsMap, ColumnType, FilterClause as WireFilterClause, Op, Table, TablePagination, TableQuery, TableSort } from '../types/generated';
-export type { ColumnData, ColumnFilter, ColumnType, TablePagination, TableSort };
+import { NodeUnionOf, ResolveProps, Schema, WireNode } from '../core/types.js';
+import { ActionNodeType, ColumnFilter, ColumnPropsMap, ColumnType, FilterClause as WireFilterClause, FilterPropsMap, Op, Table, TablePagination, TableQuery, TableSort } from '../types/generated.js';
+export type { ColumnFilter, ColumnType, TablePagination, TableSort };
 export type ActionNode = NodeUnionOf<ActionNodeType>;
-export type TableColumn = ColumnData;
 export type TableRow = Record<string, unknown>;
 /**
  * The wire types `operator` as a free string (validated server-side); on the
@@ -12,8 +11,14 @@ export type TableRow = Record<string, unknown>;
 export type FilterClause = Omit<WireFilterClause, "operator"> & {
     operator: Op;
 };
-export type TableState = Omit<TableQuery, "filters"> & {
+export type TableFilterIndicator = {
+    filter: string;
+    label: string;
+    value: string;
+};
+export type TableState = Omit<TableQuery, "filters" | "tableFilterIndicators"> & {
     filters: FilterClause[];
+    tableFilterIndicators: TableFilterIndicator[];
 };
 export type TableResponse = {
     data?: TableRow[];
@@ -21,9 +26,11 @@ export type TableResponse = {
     state?: Partial<TableState>;
 };
 /** The generated wire props plus the rows/pagination/state the server hydrates on for the first render. */
-export type TableNodeProps = Partial<Omit<Table, "bulkActions">> & {
+export type TableNodeProps = Partial<Omit<Table, "bulkActions" | "columns" | "filters">> & {
     bulkActions?: ActionNode[];
+    columns?: ColumnNode[];
     data?: TableRow[];
+    filters?: FilterNode[];
     pagination?: TablePagination;
     state?: Partial<TableState>;
 };
@@ -40,4 +47,47 @@ export type TableNode = {
  */
 export interface ColumnProps {
 }
-export type ColumnPropsOf<TType extends string> = ResolveProps<ColumnProps, ColumnPropsMap, TType, Record<string, unknown> | undefined>;
+/**
+ * The base `Column` props every column node carries on the wire regardless of
+ * type — custom columns extend `Column`, so the unaugmented fallback carries
+ * them too. Derived from the generated types (each built-in bakes them in)
+ * rather than hand-written.
+ */
+export type CommonColumnProps = Pick<ColumnPropsMap["column.text"], "label" | "width" | "align" | "sortable" | "toggleable" | "hiddenByDefault" | "filter">;
+export type ColumnPropsOf<TType extends string> = ResolveProps<ColumnProps, ColumnPropsMap, TType, CommonColumnProps & Record<string, unknown>>;
+/**
+ * A column node, authored and consumed like a field/component: `key`/`type`
+ * stay top-level, every common concern (`label`/`width`/`filter`/…) lives in
+ * `props` on each generated column type. `schema` is only present for a
+ * `StackColumn`: the bound component nodes rendered per row (see
+ * `materializeSchema`). The column counterpart of `NodeOfType`.
+ */
+export type ColumnNode<TType extends string = string> = {
+    type: TType;
+    key: string;
+    props: ColumnPropsOf<TType>;
+    schema?: Schema;
+};
+export type TableColumn = ColumnNode;
+/**
+ * Consumer apps augment this via `declare module` to type their custom filters'
+ * props. Schema-based filters no longer need custom client props, but the map
+ * remains for existing custom controls during the migration.
+ */
+export interface FilterProps {
+}
+export type FilterPropsOf<TType extends string> = ResolveProps<FilterProps, FilterPropsMap, TType, Record<string, unknown>>;
+export type FilterNodeType = keyof FilterPropsMap & string;
+/**
+ * A dedicated table filter, authored and consumed like a field/component:
+ * `key`/`type` stay top-level, `props` carries `label` plus whatever the
+ * filter type contributes. `schema` is the bound field(s) rendering the
+ * filter's control and is absent when empty. The filter counterpart of
+ * `ColumnNode`.
+ */
+export type FilterNode<TType extends string = FilterNodeType> = {
+    type: TType;
+    key: string;
+    props: FilterPropsOf<TType>;
+    schema?: WireNode[];
+};

package/dist/toast/callout.d.ts

@@ -1,4 +1,4 @@
-import { Callout } from '../types/generated';
+import { Callout } from '../types/generated.js';
 export type { Callout };
 export declare function normalizeCallout(detail: unknown): Callout | null;
 export declare function onCallout(callback: (callout: Callout) => void): () => void;

package/dist/toast/callout.js.map

@@ -1 +1 @@
-{"version":3,"file":"callout.js","names":[],"sources":["../../resources/js/toast/callout.ts"],"sourcesContent":["import type { Callout } from \"@lattice-php/lattice/types/generated\";\nimport { LATTICE_EVENT } from \"@lattice-php/lattice/events/event-names\";\nimport { isVariant } from \"@lattice-php/lattice/toast/toast\";\n\nexport type { Callout };\n\nexport function normalizeCallout(detail: unknown): Callout | null {\n  if (typeof detail !== \"object\" || detail === null) {\n    return null;\n  }\n\n  const value = (detail as { callout?: unknown }).callout;\n\n  if (typeof value !== \"object\" || value === null) {\n    return null;\n  }\n\n  const callout = value as Record<string, unknown>;\n\n  if (typeof callout.message !== \"string\" || callout.message === \"\") {\n    return null;\n  }\n\n  return {\n    action: (callout.action as Callout[\"action\"]) ?? null,\n    dismissible: callout.dismissible !== false,\n    message: callout.message,\n    title: typeof callout.title === \"string\" ? callout.title : null,\n    variant: isVariant(callout.variant) ? callout.variant : \"info\",\n  };\n}\n\nexport function onCallout(callback: (callout: Callout) => void): () => void {\n  const listener = (event: Event): void => {\n    const callout = normalizeCallout((event as CustomEvent).detail);\n\n    if (callout) {\n      callback(callout);\n    }\n  };\n\n  window.addEventListener(LATTICE_EVENT.callout, listener);\n\n  return () => window.removeEventListener(LATTICE_EVENT.callout, listener);\n}\n"],"mappings":";;;AAMA,SAAgB,iBAAiB,QAAiC;CAChE,IAAI,OAAO,WAAW,YAAY,WAAW,MAC3C,OAAO;CAGT,MAAM,QAAS,OAAiC;CAEhD,IAAI,OAAO,UAAU,YAAY,UAAU,MACzC,OAAO;CAGT,MAAM,UAAU;CAEhB,IAAI,OAAO,QAAQ,YAAY,YAAY,QAAQ,YAAY,IAC7D,OAAO;CAGT,OAAO;EACL,QAAS,QAAQ,UAAgC;EACjD,aAAa,QAAQ,gBAAgB;EACrC,SAAS,QAAQ;EACjB,OAAO,OAAO,QAAQ,UAAU,WAAW,QAAQ,QAAQ;EAC3D,SAAS,UAAU,QAAQ,OAAO,IAAI,QAAQ,UAAU;CAC1D;AACF;AAEA,SAAgB,UAAU,UAAkD;CAC1E,MAAM,YAAY,UAAuB;EACvC,MAAM,UAAU,iBAAkB,MAAsB,MAAM;EAE9D,IAAI,SACF,SAAS,OAAO;CAEpB;CAEA,OAAO,iBAAiB,cAAc,SAAS,QAAQ;CAEvD,aAAa,OAAO,oBAAoB,cAAc,SAAS,QAAQ;AACzE"}
+{"version":3,"file":"callout.js","names":[],"sources":["../../resources/js/toast/callout.ts"],"sourcesContent":["import type { Callout } from \"@lattice-php/lattice/types/generated\";\nimport { LATTICE_EVENT } from \"@lattice-php/lattice/events/event-names\";\nimport { isVariant } from \"./toast\";\n\nexport type { Callout };\n\nexport function normalizeCallout(detail: unknown): Callout | null {\n  if (typeof detail !== \"object\" || detail === null) {\n    return null;\n  }\n\n  const value = (detail as { callout?: unknown }).callout;\n\n  if (typeof value !== \"object\" || value === null) {\n    return null;\n  }\n\n  const callout = value as Record<string, unknown>;\n\n  if (typeof callout.message !== \"string\" || callout.message === \"\") {\n    return null;\n  }\n\n  return {\n    action: (callout.action as Callout[\"action\"]) ?? null,\n    dismissible: callout.dismissible !== false,\n    message: callout.message,\n    title: typeof callout.title === \"string\" ? callout.title : null,\n    variant: isVariant(callout.variant) ? callout.variant : \"info\",\n  };\n}\n\nexport function onCallout(callback: (callout: Callout) => void): () => void {\n  const listener = (event: Event): void => {\n    const callout = normalizeCallout((event as CustomEvent).detail);\n\n    if (callout) {\n      callback(callout);\n    }\n  };\n\n  window.addEventListener(LATTICE_EVENT.callout, listener);\n\n  return () => window.removeEventListener(LATTICE_EVENT.callout, listener);\n}\n"],"mappings":";;;AAMA,SAAgB,iBAAiB,QAAiC;CAChE,IAAI,OAAO,WAAW,YAAY,WAAW,MAC3C,OAAO;CAGT,MAAM,QAAS,OAAiC;CAEhD,IAAI,OAAO,UAAU,YAAY,UAAU,MACzC,OAAO;CAGT,MAAM,UAAU;CAEhB,IAAI,OAAO,QAAQ,YAAY,YAAY,QAAQ,YAAY,IAC7D,OAAO;CAGT,OAAO;EACL,QAAS,QAAQ,UAAgC;EACjD,aAAa,QAAQ,gBAAgB;EACrC,SAAS,QAAQ;EACjB,OAAO,OAAO,QAAQ,UAAU,WAAW,QAAQ,QAAQ;EAC3D,SAAS,UAAU,QAAQ,OAAO,IAAI,QAAQ,UAAU;CAC1D;AACF;AAEA,SAAgB,UAAU,UAAkD;CAC1E,MAAM,YAAY,UAAuB;EACvC,MAAM,UAAU,iBAAkB,MAAsB,MAAM;EAE9D,IAAI,SACF,SAAS,OAAO;CAEpB;CAEA,OAAO,iBAAiB,cAAc,SAAS,QAAQ;CAEvD,aAAa,OAAO,oBAAoB,cAAc,SAAS,QAAQ;AACzE"}

package/dist/toast/index.d.ts

@@ -1,5 +1,6 @@
-export { normalizeCallout, onCallout } from './callout';
-export type { Callout } from './callout';
-export { Toaster } from './toaster';
-export { isVariant, normalizeToast, normalizeToastMessage, onToast, showToast } from './toast';
-export type { ToastMessage, Variant } from './toast';
+export { normalizeCallout, onCallout } from './callout.js';
+export type { Callout } from './callout.js';
+export { Toaster } from './toaster.js';
+export { isVariant, normalizeToast, normalizeToastMessage, onToast, showToast } from './toast.js';
+export type { ToastMessage, Variant } from './toast.js';
+export { variantStyles } from './variant-styles.js';

package/dist/toast/index.js

@@ -1,4 +1,5 @@
 import { isVariant, normalizeToast, normalizeToastMessage, onToast, showToast } from "./toast.js";
 import { normalizeCallout, onCallout } from "./callout.js";
+import { variantStyles } from "./variant-styles.js";
 import { Toaster } from "./toaster.js";
-export { Toaster, isVariant, normalizeCallout, normalizeToast, normalizeToastMessage, onCallout, onToast, showToast };
+export { Toaster, isVariant, normalizeCallout, normalizeToast, normalizeToastMessage, onCallout, onToast, showToast, variantStyles };

package/dist/toast/toast.d.ts

@@ -1,4 +1,4 @@
-import { ToastMessage, Variant } from '../types/generated';
+import { ToastMessage, Variant } from '../types/generated.js';
 export type { ToastMessage, Variant };
 export declare function isVariant(value: unknown): value is Variant;
 /**

package/dist/toast/toaster.js.map

@@ -1 +1 @@
-{"version":3,"file":"toaster.js","names":[],"sources":["../../resources/js/toast/toaster.tsx"],"sourcesContent":["import { Icon } from \"@lattice-php/lattice/icons\";\nimport * as Toast from \"@radix-ui/react-toast\";\nimport { useEffect, useState } from \"react\";\nimport { RenderNode } from \"@lattice-php/lattice/core/renderer\";\nimport type { ToastMessage } from \"@lattice-php/lattice/types/generated\";\nimport { onToast } from \"@lattice-php/lattice/toast/toast\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { variantStyles } from \"@lattice-php/lattice/toast/variant-styles\";\nimport { resolveTranslatable } from \"@lattice-php/lattice/i18n/translatable\";\n\ntype ToastItem = ToastMessage & { id: number };\n\nlet nextId = 0;\n\nexport function Toaster({ duration = 4000 }: { duration?: number }) {\n  const { t } = useT(\"lattice\");\n  const [toasts, setToasts] = useState<ToastItem[]>([]);\n\n  function dismiss(id: number): void {\n    setToasts((current) => current.filter((toast) => toast.id !== id));\n  }\n\n  useEffect(\n    () =>\n      onToast((toast) => {\n        setToasts((current) => [...current, { ...toast, id: nextId++ }]);\n      }),\n    [],\n  );\n\n  return (\n    <Toast.Provider duration={duration} swipeDirection=\"down\">\n      {toasts.map((toast) => (\n        <Toast.Root\n          key={toast.id}\n          className={cn(\n            \"flex items-start gap-3 rounded-lt border border-l-4 border-lt-border bg-lt-popover p-4 text-lt-popover-fg shadow-lt-lg\",\n            variantStyles[toast.variant].accent,\n            \"data-[state=open]:animate-lt-toast-in data-[state=closed]:animate-lt-toast-out\",\n            \"data-[swipe=move]:translate-y-[var(--radix-toast-swipe-move-y)] data-[swipe=cancel]:translate-y-0 data-[swipe=cancel]:transition-transform\",\n          )}\n          data-test={`toast-${toast.variant}`}\n          duration={toast.persistent ? Infinity : (toast.duration ?? duration)}\n          onOpenChange={(open) => {\n            if (!open) {\n              dismiss(toast.id);\n            }\n          }}\n        >\n          {variantStyles[toast.variant].icon}\n          <div className=\"flex min-w-0 flex-1 flex-col gap-2\">\n            <Toast.Title className=\"text-sm text-lt-fg\">\n              {typeof toast.message === \"string\"\n                ? toast.message\n                : resolveTranslatable(toast.message, {}, t)}\n            </Toast.Title>\n            {toast.action ? (\n              <div className=\"flex flex-wrap gap-2\">\n                <RenderNode node={toast.action} />\n              </div>\n            ) : null}\n          </div>\n          {toast.dismissible ? (\n            <Toast.Close\n              aria-label={t(\"common.dismiss\", \"Dismiss\")}\n              className=\"shrink-0 rounded-lt-sm p-1 text-lt-muted-fg transition-colors hover:bg-lt-muted hover:text-lt-fg\"\n              data-test=\"toast-dismiss\"\n            >\n              <Icon name=\"x\" className=\"size-lt-icon-md\" />\n            </Toast.Close>\n          ) : null}\n        </Toast.Root>\n      ))}\n      <Toast.Viewport className=\"fixed inset-x-0 bottom-0 z-lt-toast mx-auto flex w-full max-w-sm flex-col gap-2 p-4 outline-none\" />\n    </Toast.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAaA,IAAI,SAAS;AAEb,SAAgB,QAAQ,EAAE,WAAW,OAA+B;CAClE,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,CAAC,QAAQ,aAAa,SAAsB,CAAC,CAAC;CAEpD,SAAS,QAAQ,IAAkB;EACjC,WAAW,YAAY,QAAQ,QAAQ,UAAU,MAAM,OAAO,EAAE,CAAC;CACnE;CAEA,gBAEI,SAAS,UAAU;EACjB,WAAW,YAAY,CAAC,GAAG,SAAS;GAAE,GAAG;GAAO,IAAI;EAAS,CAAC,CAAC;CACjE,CAAC,GACH,CAAC,CACH;CAEA,OACE,qBAAC,MAAM,UAAP;EAA0B;EAAU,gBAAe;YAAnD,CACG,OAAO,KAAK,UACX,qBAAC,MAAM,MAAP;GAEE,WAAW,GACT,0HACA,cAAc,MAAM,SAAS,QAC7B,kFACA,4IACF;GACA,aAAW,SAAS,MAAM;GAC1B,UAAU,MAAM,aAAa,WAAY,MAAM,YAAY;GAC3D,eAAe,SAAS;IACtB,IAAI,CAAC,MACH,QAAQ,MAAM,EAAE;GAEpB;aAdF;IAgBG,cAAc,MAAM,SAAS;IAC9B,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,MAAM,OAAP;MAAa,WAAU;gBACpB,OAAO,MAAM,YAAY,WACtB,MAAM,UACN,oBAAoB,MAAM,SAAS,CAAC,GAAG,CAAC;KACjC,CAAA,GACZ,MAAM,SACL,oBAAC,OAAD;MAAK,WAAU;gBACb,oBAAC,YAAD,EAAY,MAAM,MAAM,OAAS,CAAA;KAC9B,CAAA,IACH,IACD;;IACJ,MAAM,cACL,oBAAC,MAAM,OAAP;KACE,cAAY,EAAE,kBAAkB,SAAS;KACzC,WAAU;KACV,aAAU;eAEV,oBAAC,MAAD;MAAM,MAAK;MAAI,WAAU;KAAmB,CAAA;IACjC,CAAA,IACX;GACM;KArCL,MAAM,EAqCD,CACb,GACD,oBAAC,MAAM,UAAP,EAAgB,WAAU,mGAAoG,CAAA,CAChH;;AAEpB"}
+{"version":3,"file":"toaster.js","names":[],"sources":["../../resources/js/toast/toaster.tsx"],"sourcesContent":["import { Icon } from \"@lattice-php/lattice/icons\";\nimport * as Toast from \"@radix-ui/react-toast\";\nimport { useEffect, useState } from \"react\";\nimport { RenderNode } from \"@lattice-php/lattice/core/renderer\";\nimport type { ToastMessage } from \"@lattice-php/lattice/types/generated\";\nimport { onToast } from \"./toast\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { variantStyles } from \"./variant-styles\";\nimport { resolveTranslatable } from \"@lattice-php/lattice/i18n/translatable\";\n\ntype ToastItem = ToastMessage & { id: number };\n\nlet nextId = 0;\n\nexport function Toaster({ duration = 4000 }: { duration?: number }) {\n  const { t } = useT(\"lattice\");\n  const [toasts, setToasts] = useState<ToastItem[]>([]);\n\n  function dismiss(id: number): void {\n    setToasts((current) => current.filter((toast) => toast.id !== id));\n  }\n\n  useEffect(\n    () =>\n      onToast((toast) => {\n        setToasts((current) => [...current, { ...toast, id: nextId++ }]);\n      }),\n    [],\n  );\n\n  return (\n    <Toast.Provider duration={duration} swipeDirection=\"down\">\n      {toasts.map((toast) => (\n        <Toast.Root\n          key={toast.id}\n          className={cn(\n            \"flex items-start gap-3 rounded-lt border border-l-4 border-lt-border bg-lt-popover p-4 text-lt-popover-fg shadow-lt-lg\",\n            variantStyles[toast.variant].accent,\n            \"data-[state=open]:animate-lt-toast-in data-[state=closed]:animate-lt-toast-out\",\n            \"data-[swipe=move]:translate-y-[var(--radix-toast-swipe-move-y)] data-[swipe=cancel]:translate-y-0 data-[swipe=cancel]:transition-transform\",\n          )}\n          data-test={`toast-${toast.variant}`}\n          duration={toast.persistent ? Infinity : (toast.duration ?? duration)}\n          onOpenChange={(open) => {\n            if (!open) {\n              dismiss(toast.id);\n            }\n          }}\n        >\n          {variantStyles[toast.variant].icon}\n          <div className=\"flex min-w-0 flex-1 flex-col gap-2\">\n            <Toast.Title className=\"text-sm text-lt-fg\">\n              {typeof toast.message === \"string\"\n                ? toast.message\n                : resolveTranslatable(toast.message, {}, t)}\n            </Toast.Title>\n            {toast.action ? (\n              <div className=\"flex flex-wrap gap-2\">\n                <RenderNode node={toast.action} />\n              </div>\n            ) : null}\n          </div>\n          {toast.dismissible ? (\n            <Toast.Close\n              aria-label={t(\"common.dismiss\", \"Dismiss\")}\n              className=\"shrink-0 rounded-lt-sm p-1 text-lt-muted-fg transition-colors hover:bg-lt-muted hover:text-lt-fg\"\n              data-test=\"toast-dismiss\"\n            >\n              <Icon name=\"x\" className=\"size-lt-icon-md\" />\n            </Toast.Close>\n          ) : null}\n        </Toast.Root>\n      ))}\n      <Toast.Viewport className=\"fixed inset-x-0 bottom-0 z-lt-toast mx-auto flex w-full max-w-sm flex-col gap-2 p-4 outline-none\" />\n    </Toast.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAaA,IAAI,SAAS;AAEb,SAAgB,QAAQ,EAAE,WAAW,OAA+B;CAClE,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,CAAC,QAAQ,aAAa,SAAsB,CAAC,CAAC;CAEpD,SAAS,QAAQ,IAAkB;EACjC,WAAW,YAAY,QAAQ,QAAQ,UAAU,MAAM,OAAO,EAAE,CAAC;CACnE;CAEA,gBAEI,SAAS,UAAU;EACjB,WAAW,YAAY,CAAC,GAAG,SAAS;GAAE,GAAG;GAAO,IAAI;EAAS,CAAC,CAAC;CACjE,CAAC,GACH,CAAC,CACH;CAEA,OACE,qBAAC,MAAM,UAAP;EAA0B;EAAU,gBAAe;YAAnD,CACG,OAAO,KAAK,UACX,qBAAC,MAAM,MAAP;GAEE,WAAW,GACT,0HACA,cAAc,MAAM,SAAS,QAC7B,kFACA,4IACF;GACA,aAAW,SAAS,MAAM;GAC1B,UAAU,MAAM,aAAa,WAAY,MAAM,YAAY;GAC3D,eAAe,SAAS;IACtB,IAAI,CAAC,MACH,QAAQ,MAAM,EAAE;GAEpB;aAdF;IAgBG,cAAc,MAAM,SAAS;IAC9B,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,MAAM,OAAP;MAAa,WAAU;gBACpB,OAAO,MAAM,YAAY,WACtB,MAAM,UACN,oBAAoB,MAAM,SAAS,CAAC,GAAG,CAAC;KACjC,CAAA,GACZ,MAAM,SACL,oBAAC,OAAD;MAAK,WAAU;gBACb,oBAAC,YAAD,EAAY,MAAM,MAAM,OAAS,CAAA;KAC9B,CAAA,IACH,IACD;;IACJ,MAAM,cACL,oBAAC,MAAM,OAAP;KACE,cAAY,EAAE,kBAAkB,SAAS;KACzC,WAAU;KACV,aAAU;eAEV,oBAAC,MAAD;MAAM,MAAK;MAAI,WAAU;KAAmB,CAAA;IACjC,CAAA,IACX;GACM;KArCL,MAAM,EAqCD,CACb,GACD,oBAAC,MAAM,UAAP,EAAgB,WAAU,mGAAoG,CAAA,CAChH;;AAEpB"}

package/dist/toast/variant-styles.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { Variant } from '../types/generated';
+import { Variant } from '../types/generated.js';
 export declare const variantStyles: Record<Variant, {
     accent: string;
     icon: ReactNode;