@solidxai/core-ui 0.1.5-beta.0 → 0.1.5-beta.10

package/dist/components/core/list/SolidDataTable.js

@@ -0,0 +1,141 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+export function Column(_props) {
+    return null;
+}
+var cx = function () {
+    var parts = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        parts[_i] = arguments[_i];
+    }
+    return parts.filter(Boolean).join(" ");
+};
+function renderHeaderNode(header) {
+    if (typeof header === "function")
+        return header();
+    return header !== null && header !== void 0 ? header : null;
+}
+function normalizeColumns(children) {
+    return React.Children.toArray(children).filter(function (child) {
+        return React.isValidElement(child);
+    });
+}
+function resolveSortIcon(active, order) {
+    if (!active || order === 0)
+        return "pi pi-sort-alt";
+    return order === 1 ? "pi pi-sort-amount-up-alt" : "pi pi-sort-amount-down";
+}
+function nextSortOrder(active, order, removableSort) {
+    if (removableSort === void 0) { removableSort = true; }
+    if (!active || order === 0)
+        return 1;
+    if (order === 1)
+        return -1;
+    return removableSort ? 0 : 1;
+}
+export function SolidDataTable(_a) {
+    var value = _a.value, children = _a.children, _b = _a.size, size = _b === void 0 ? "normal" : _b, viewportHeight = _a.viewportHeight, _c = _a.dataKey, dataKey = _c === void 0 ? "id" : _c, emptyMessage = _a.emptyMessage, _d = _a.rows, rows = _d === void 0 ? 25 : _d, _e = _a.first, first = _e === void 0 ? 0 : _e, _f = _a.totalRecords, totalRecords = _f === void 0 ? 0 : _f, _g = _a.rowsPerPageOptions, rowsPerPageOptions = _g === void 0 ? [10, 25, 50, 100] : _g, onPage = _a.onPage, onSort = _a.onSort, sortField = _a.sortField, _h = _a.sortOrder, sortOrder = _h === void 0 ? 0 : _h, _j = _a.removableSort, removableSort = _j === void 0 ? true : _j, _k = _a.selection, selection = _k === void 0 ? [] : _k, selectionMode = _a.selectionMode, onSelectionChange = _a.onSelectionChange, onRowClick = _a.onRowClick, rowClassName = _a.rowClassName, tableClassName = _a.tableClassName, paginatorClassName = _a.paginatorClassName, _l = _a.currentPageReportTemplate, currentPageReportTemplate = _l === void 0 ? "{first} - {last} of {totalRecords}" : _l;
+    var columns = normalizeColumns(children);
+    var pageRows = value !== null && value !== void 0 ? value : [];
+    var selectedKeys = new Set((selection || []).map(function (row) { return String(row === null || row === void 0 ? void 0 : row[dataKey]); }));
+    var allSelected = pageRows.length > 0 && pageRows.every(function (row) { return selectedKeys.has(String(row === null || row === void 0 ? void 0 : row[dataKey])); });
+    var start = totalRecords === 0 ? 0 : first + 1;
+    var end = Math.min(first + rows, totalRecords);
+    var currentPage = rows > 0 ? Math.floor(first / rows) + 1 : 1;
+    var totalPages = rows > 0 ? Math.max(1, Math.ceil(totalRecords / rows)) : 1;
+    var report = currentPageReportTemplate
+        .replace("{first}", String(start))
+        .replace("{last}", String(end))
+        .replace("{totalRecords}", String(totalRecords));
+    var emitSelection = function (nextSelection) {
+        onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange({ value: nextSelection });
+    };
+    var toggleSelectAll = function (checked) {
+        if (!checked) {
+            var pageKeys_1 = new Set(pageRows.map(function (row) { return String(row === null || row === void 0 ? void 0 : row[dataKey]); }));
+            emitSelection((selection || []).filter(function (row) { return !pageKeys_1.has(String(row === null || row === void 0 ? void 0 : row[dataKey])); }));
+            return;
+        }
+        var merged = __spreadArray([], (selection || []), true);
+        var mergedKeys = new Set(merged.map(function (row) { return String(row === null || row === void 0 ? void 0 : row[dataKey]); }));
+        pageRows.forEach(function (row) {
+            var key = String(row === null || row === void 0 ? void 0 : row[dataKey]);
+            if (!mergedKeys.has(key))
+                merged.push(row);
+        });
+        emitSelection(merged);
+    };
+    var toggleRowSelection = function (rowData, checked) {
+        var key = String(rowData === null || rowData === void 0 ? void 0 : rowData[dataKey]);
+        if (!checked) {
+            emitSelection((selection || []).filter(function (row) { return String(row === null || row === void 0 ? void 0 : row[dataKey]) !== key; }));
+            return;
+        }
+        emitSelection(__spreadArray(__spreadArray([], (selection || []), true), [rowData], false));
+    };
+    var densityClass = size === "small"
+        ? "solid-table-density-compact"
+        : size === "large"
+            ? "solid-table-density-comfortable"
+            : "solid-table-density-cozy";
+    return (_jsxs("div", { className: cx("solid-data-table-root w-full min-h-0", densityClass), style: {
+            height: viewportHeight || "100%",
+            maxHeight: viewportHeight || "100%",
+        }, children: [_jsx("div", { className: "solid-data-table-viewport min-h-0 rounded-md border border-border/60 bg-background", children: _jsxs("table", { className: cx("w-full text-sm border-collapse", tableClassName), children: [_jsx("thead", { className: "solid-data-table-head sticky top-0 z-2", children: _jsx("tr", { children: columns.map(function (column, index) {
+                                    var props = column.props;
+                                    var isSelectionColumn = props.selectionMode === "multiple";
+                                    var isSortable = Boolean(props.sortable && props.field && !isSelectionColumn);
+                                    var isActiveSort = isSortable && sortField === props.field;
+                                    var iconClass = resolveSortIcon(Boolean(isActiveSort), sortOrder);
+                                    return (_jsx("th", { className: cx("solid-data-table-th text-left text-foreground whitespace-nowrap", isSelectionColumn ? "solid-data-table-selection-col" : undefined, props.headerClassName), style: __assign(__assign({}, props.style), props.headerStyle), children: isSelectionColumn ? (_jsx("input", { type: "checkbox", checked: allSelected, onChange: function (e) { return toggleSelectAll(e.currentTarget.checked); }, "aria-label": "Select all rows" })) : (_jsxs("button", { type: "button", className: cx("solid-table-header-button", isSortable ? "is-sortable" : undefined), onClick: function () {
+                                                if (!isSortable)
+                                                    return;
+                                                var nextOrder = nextSortOrder(Boolean(isActiveSort), sortOrder, removableSort);
+                                                onSort === null || onSort === void 0 ? void 0 : onSort({
+                                                    sortField: nextOrder === 0 ? undefined : props.field,
+                                                    sortOrder: nextOrder,
+                                                });
+                                            }, children: [renderHeaderNode(props.header), isSortable ? _jsx("i", { className: iconClass, "aria-hidden": "true" }) : null] })) }, "header-".concat(index)));
+                                }) }) }), _jsx("tbody", { children: pageRows.length === 0 ? (_jsx("tr", { children: _jsx("td", { className: "px-3 py-6 text-center text-muted-foreground", colSpan: Math.max(columns.length, 1), children: emptyMessage || "No records found" }) })) : (pageRows.map(function (rowData) {
+                                var key = String(rowData === null || rowData === void 0 ? void 0 : rowData[dataKey]);
+                                var rowSelected = selectedKeys.has(key);
+                                return (_jsx("tr", { className: cx("solid-data-table-row", rowClassName === null || rowClassName === void 0 ? void 0 : rowClassName(rowData)), onClick: function (event) {
+                                        var target = event.target;
+                                        if (target.closest("button,a,input,label,[data-no-row-click='true']"))
+                                            return;
+                                        onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick({ data: rowData });
+                                    }, children: columns.map(function (column, index) {
+                                        var props = column.props;
+                                        var isSelectionColumn = props.selectionMode === "multiple";
+                                        var content = isSelectionColumn
+                                            ? (_jsx("input", { type: "checkbox", checked: rowSelected, onChange: function (e) { return toggleRowSelection(rowData, e.currentTarget.checked); }, onClick: function (e) { return e.stopPropagation(); }, "aria-label": "Select row" }))
+                                            : props.body
+                                                ? props.body(rowData)
+                                                : props.field
+                                                    ? rowData === null || rowData === void 0 ? void 0 : rowData[props.field]
+                                                    : null;
+                                        return (_jsx("td", { className: cx("solid-data-table-td align-top text-foreground", isSelectionColumn ? "solid-data-table-selection-col" : undefined, props.className), style: props.style, children: content }, "cell-".concat(key, "-").concat(index)));
+                                    }) }, key));
+                            })) })] }) }), typeof onPage === "function" ? (_jsxs("div", { className: cx("w-full solid-table-paginator solid-table-paginator-align-end flex items-center justify-end gap-3 text-sm rounded-md border border-border/60 px-3 py-1.5 bg-background", paginatorClassName), children: [_jsxs("div", { className: "solid-paginator-meta flex items-center gap-2 ml-auto", children: [_jsx("span", { className: "solid-paginator-label", children: "Rows" }), _jsx("select", { value: rows, onChange: function (e) { return onPage({ first: 0, rows: Number(e.target.value) }); }, className: "solid-paginator-select", children: rowsPerPageOptions.map(function (option) { return (_jsx("option", { value: option, children: option }, option)); }) }), _jsx("span", { className: "solid-paginator-report", children: report })] }), _jsxs("div", { className: "solid-paginator-actions flex items-center gap-2", children: [_jsx("button", { type: "button", className: "solid-paginator-btn", onClick: function () { return onPage({ first: Math.max(0, first - rows), rows: rows }); }, disabled: currentPage <= 1, children: "Previous" }), _jsx("button", { type: "button", className: "solid-paginator-btn", onClick: function () { return onPage({ first: Math.min((totalPages - 1) * rows, first + rows), rows: rows }); }, disabled: currentPage >= totalPages, children: "Next" })] })] })) : null] }));
+}
+//# sourceMappingURL=SolidDataTable.js.map

package/dist/components/core/list/SolidDataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidDataTable.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidDataTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\nexport type DataTableStateEvent = {\n  sortField?: string;\n  sortOrder?: 1 | -1 | 0;\n};\n\ntype HeaderRenderer = React.ReactNode | (() => React.ReactNode);\ntype BodyRenderer = (rowData: any) => React.ReactNode;\n\nexport type SolidColumnProps = {\n  field?: string;\n  header?: HeaderRenderer;\n  body?: BodyRenderer;\n  sortable?: boolean;\n  selectionMode?: \"multiple\" | \"single\" | null;\n  headerStyle?: React.CSSProperties;\n  style?: React.CSSProperties;\n  className?: string;\n  headerClassName?: string;\n  frozen?: boolean;\n  alignFrozen?: \"left\" | \"right\";\n  [key: string]: any;\n};\n\nexport function Column(_props: SolidColumnProps) {\n  return null;\n}\n\ntype SolidDataTableProps = {\n  value: any[];\n  children: React.ReactNode;\n  size?: \"small\" | \"normal\" | \"large\";\n  viewportHeight?: string;\n  dataKey?: string;\n  emptyMessage?: React.ReactNode;\n  rows?: number;\n  first?: number;\n  totalRecords?: number;\n  rowsPerPageOptions?: number[];\n  onPage?: (event: { first: number; rows: number }) => void;\n  onSort?: (event: DataTableStateEvent) => void;\n  sortField?: string;\n  sortOrder?: 1 | -1 | 0;\n  removableSort?: boolean;\n  selection?: any[];\n  selectionMode?: \"checkbox\" | null;\n  onSelectionChange?: (event: { value: any[] }) => void;\n  onRowClick?: (event: { data: any }) => void;\n  rowClassName?: (rowData: any) => string;\n  tableClassName?: string;\n  paginatorClassName?: string;\n  currentPageReportTemplate?: string;\n  [key: string]: any;\n};\n\nconst cx = (...parts: Array<string | undefined | false>) => parts.filter(Boolean).join(\" \");\n\nfunction renderHeaderNode(header?: HeaderRenderer) {\n  if (typeof header === \"function\") return header();\n  return header ?? null;\n}\n\nfunction normalizeColumns(children: React.ReactNode): React.ReactElement<SolidColumnProps>[] {\n  return React.Children.toArray(children).filter((child): child is React.ReactElement<SolidColumnProps> => {\n    return React.isValidElement(child);\n  });\n}\n\nfunction resolveSortIcon(active: boolean, order: 1 | -1 | 0): string {\n  if (!active || order === 0) return \"pi pi-sort-alt\";\n  return order === 1 ? \"pi pi-sort-amount-up-alt\" : \"pi pi-sort-amount-down\";\n}\n\nfunction nextSortOrder(active: boolean, order: 1 | -1 | 0, removableSort = true): 1 | -1 | 0 {\n  if (!active || order === 0) return 1;\n  if (order === 1) return -1;\n  return removableSort ? 0 : 1;\n}\n\nexport function SolidDataTable({\n  value,\n  children,\n  size = \"normal\",\n  viewportHeight,\n  dataKey = \"id\",\n  emptyMessage,\n  rows = 25,\n  first = 0,\n  totalRecords = 0,\n  rowsPerPageOptions = [10, 25, 50, 100],\n  onPage,\n  onSort,\n  sortField,\n  sortOrder = 0,\n  removableSort = true,\n  selection = [],\n  selectionMode,\n  onSelectionChange,\n  onRowClick,\n  rowClassName,\n  tableClassName,\n  paginatorClassName,\n  currentPageReportTemplate = \"{first} - {last} of {totalRecords}\",\n}: SolidDataTableProps) {\n  const columns = normalizeColumns(children);\n  const pageRows = value ?? [];\n\n  const selectedKeys = new Set((selection || []).map((row: any) => String(row?.[dataKey])));\n  const allSelected = pageRows.length > 0 && pageRows.every((row: any) => selectedKeys.has(String(row?.[dataKey])));\n\n  const start = totalRecords === 0 ? 0 : first + 1;\n  const end = Math.min(first + rows, totalRecords);\n  const currentPage = rows > 0 ? Math.floor(first / rows) + 1 : 1;\n  const totalPages = rows > 0 ? Math.max(1, Math.ceil(totalRecords / rows)) : 1;\n\n  const report = currentPageReportTemplate\n    .replace(\"{first}\", String(start))\n    .replace(\"{last}\", String(end))\n    .replace(\"{totalRecords}\", String(totalRecords));\n\n  const emitSelection = (nextSelection: any[]) => {\n    onSelectionChange?.({ value: nextSelection });\n  };\n\n  const toggleSelectAll = (checked: boolean) => {\n    if (!checked) {\n      const pageKeys = new Set(pageRows.map((row: any) => String(row?.[dataKey])));\n      emitSelection((selection || []).filter((row: any) => !pageKeys.has(String(row?.[dataKey]))));\n      return;\n    }\n    const merged = [...(selection || [])];\n    const mergedKeys = new Set(merged.map((row: any) => String(row?.[dataKey])));\n    pageRows.forEach((row: any) => {\n      const key = String(row?.[dataKey]);\n      if (!mergedKeys.has(key)) merged.push(row);\n    });\n    emitSelection(merged);\n  };\n\n  const toggleRowSelection = (rowData: any, checked: boolean) => {\n    const key = String(rowData?.[dataKey]);\n    if (!checked) {\n      emitSelection((selection || []).filter((row: any) => String(row?.[dataKey]) !== key));\n      return;\n    }\n    emitSelection([...(selection || []), rowData]);\n  };\n\n  const densityClass =\n    size === \"small\"\n      ? \"solid-table-density-compact\"\n      : size === \"large\"\n        ? \"solid-table-density-comfortable\"\n        : \"solid-table-density-cozy\";\n\n  return (\n    <div\n      className={cx(\"solid-data-table-root w-full min-h-0\", densityClass)}\n      style={{\n        height: viewportHeight || \"100%\",\n        maxHeight: viewportHeight || \"100%\",\n      }}\n    >\n      <div className=\"solid-data-table-viewport min-h-0 rounded-md border border-border/60 bg-background\">\n        <table className={cx(\"w-full text-sm border-collapse\", tableClassName)}>\n          <thead className=\"solid-data-table-head sticky top-0 z-2\">\n            <tr>\n              {columns.map((column, index) => {\n                const props = column.props;\n                const isSelectionColumn = props.selectionMode === \"multiple\";\n                const isSortable = Boolean(props.sortable && props.field && !isSelectionColumn);\n                const isActiveSort = isSortable && sortField === props.field;\n                const iconClass = resolveSortIcon(Boolean(isActiveSort), sortOrder);\n                return (\n                  <th\n                    key={`header-${index}`}\n                    className={cx(\n                      \"solid-data-table-th text-left text-foreground whitespace-nowrap\",\n                      isSelectionColumn ? \"solid-data-table-selection-col\" : undefined,\n                      props.headerClassName\n                    )}\n                    style={{ ...props.style, ...props.headerStyle }}\n                  >\n                    {isSelectionColumn ? (\n                      <input\n                        type=\"checkbox\"\n                        checked={allSelected}\n                        onChange={(e) => toggleSelectAll(e.currentTarget.checked)}\n                        aria-label=\"Select all rows\"\n                      />\n                    ) : (\n                      <button\n                        type=\"button\"\n                        className={cx(\"solid-table-header-button\", isSortable ? \"is-sortable\" : undefined)}\n                        onClick={() => {\n                          if (!isSortable) return;\n                          const nextOrder = nextSortOrder(Boolean(isActiveSort), sortOrder, removableSort);\n                          onSort?.({\n                            sortField: nextOrder === 0 ? undefined : props.field,\n                            sortOrder: nextOrder,\n                          });\n                        }}\n                      >\n                        {renderHeaderNode(props.header)}\n                        {isSortable ? <i className={iconClass} aria-hidden=\"true\" /> : null}\n                      </button>\n                    )}\n                  </th>\n                );\n              })}\n            </tr>\n          </thead>\n          <tbody>\n            {pageRows.length === 0 ? (\n              <tr>\n                <td className=\"px-3 py-6 text-center text-muted-foreground\" colSpan={Math.max(columns.length, 1)}>\n                  {emptyMessage || \"No records found\"}\n                </td>\n              </tr>\n            ) : (\n              pageRows.map((rowData: any) => {\n                const key = String(rowData?.[dataKey]);\n                const rowSelected = selectedKeys.has(key);\n                return (\n                  <tr\n                    key={key}\n                    className={cx(\"solid-data-table-row\", rowClassName?.(rowData))}\n                    onClick={(event) => {\n                      const target = event.target as HTMLElement;\n                      if (target.closest(\"button,a,input,label,[data-no-row-click='true']\")) return;\n                      onRowClick?.({ data: rowData });\n                    }}\n                  >\n                    {columns.map((column, index) => {\n                      const props = column.props;\n                      const isSelectionColumn = props.selectionMode === \"multiple\";\n                      const content = isSelectionColumn\n                        ? (\n                          <input\n                            type=\"checkbox\"\n                            checked={rowSelected}\n                            onChange={(e) => toggleRowSelection(rowData, e.currentTarget.checked)}\n                            onClick={(e) => e.stopPropagation()}\n                            aria-label=\"Select row\"\n                          />\n                        )\n                        : props.body\n                          ? props.body(rowData)\n                          : props.field\n                            ? rowData?.[props.field]\n                            : null;\n                      return (\n                        <td\n                          key={`cell-${key}-${index}`}\n                          className={cx(\n                            \"solid-data-table-td align-top text-foreground\",\n                            isSelectionColumn ? \"solid-data-table-selection-col\" : undefined,\n                            props.className\n                          )}\n                          style={props.style}\n                        >\n                          {content}\n                        </td>\n                      );\n                    })}\n                  </tr>\n                );\n              })\n            )}\n          </tbody>\n        </table>\n      </div>\n\n      {typeof onPage === \"function\" ? (\n        <div\n          className={cx(\"w-full solid-table-paginator solid-table-paginator-align-end flex items-center justify-end gap-3 text-sm rounded-md border border-border/60 px-3 py-1.5 bg-background\", paginatorClassName)}\n        >\n          <div className=\"solid-paginator-meta flex items-center gap-2 ml-auto\">\n            <span className=\"solid-paginator-label\">Rows</span>\n            <select\n              value={rows}\n              onChange={(e) => onPage({ first: 0, rows: Number(e.target.value) })}\n              className=\"solid-paginator-select\"\n            >\n              {rowsPerPageOptions.map((option) => (\n                <option key={option} value={option}>{option}</option>\n              ))}\n            </select>\n            <span className=\"solid-paginator-report\">{report}</span>\n          </div>\n          <div className=\"solid-paginator-actions flex items-center gap-2\">\n            <button\n              type=\"button\"\n              className=\"solid-paginator-btn\"\n              onClick={() => onPage({ first: Math.max(0, first - rows), rows })}\n              disabled={currentPage <= 1}\n            >\n              Previous\n            </button>\n            <button\n              type=\"button\"\n              className=\"solid-paginator-btn\"\n              onClick={() => onPage({ first: Math.min((totalPages - 1) * rows, first + rows), rows })}\n              disabled={currentPage >= totalPages}\n            >\n              Next\n            </button>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"]}

package/dist/components/core/list/SolidDataTable.tsx

@@ -0,0 +1,314 @@
+import React from "react";
+
+export type DataTableStateEvent = {
+  sortField?: string;
+  sortOrder?: 1 | -1 | 0;
+};
+
+type HeaderRenderer = React.ReactNode | (() => React.ReactNode);
+type BodyRenderer = (rowData: any) => React.ReactNode;
+
+export type SolidColumnProps = {
+  field?: string;
+  header?: HeaderRenderer;
+  body?: BodyRenderer;
+  sortable?: boolean;
+  selectionMode?: "multiple" | "single" | null;
+  headerStyle?: React.CSSProperties;
+  style?: React.CSSProperties;
+  className?: string;
+  headerClassName?: string;
+  frozen?: boolean;
+  alignFrozen?: "left" | "right";
+  [key: string]: any;
+};
+
+export function Column(_props: SolidColumnProps) {
+  return null;
+}
+
+type SolidDataTableProps = {
+  value: any[];
+  children: React.ReactNode;
+  size?: "small" | "normal" | "large";
+  viewportHeight?: string;
+  dataKey?: string;
+  emptyMessage?: React.ReactNode;
+  rows?: number;
+  first?: number;
+  totalRecords?: number;
+  rowsPerPageOptions?: number[];
+  onPage?: (event: { first: number; rows: number }) => void;
+  onSort?: (event: DataTableStateEvent) => void;
+  sortField?: string;
+  sortOrder?: 1 | -1 | 0;
+  removableSort?: boolean;
+  selection?: any[];
+  selectionMode?: "checkbox" | null;
+  onSelectionChange?: (event: { value: any[] }) => void;
+  onRowClick?: (event: { data: any }) => void;
+  rowClassName?: (rowData: any) => string;
+  tableClassName?: string;
+  paginatorClassName?: string;
+  currentPageReportTemplate?: string;
+  [key: string]: any;
+};
+
+const cx = (...parts: Array<string | undefined | false>) => parts.filter(Boolean).join(" ");
+
+function renderHeaderNode(header?: HeaderRenderer) {
+  if (typeof header === "function") return header();
+  return header ?? null;
+}
+
+function normalizeColumns(children: React.ReactNode): React.ReactElement<SolidColumnProps>[] {
+  return React.Children.toArray(children).filter((child): child is React.ReactElement<SolidColumnProps> => {
+    return React.isValidElement(child);
+  });
+}
+
+function resolveSortIcon(active: boolean, order: 1 | -1 | 0): string {
+  if (!active || order === 0) return "pi pi-sort-alt";
+  return order === 1 ? "pi pi-sort-amount-up-alt" : "pi pi-sort-amount-down";
+}
+
+function nextSortOrder(active: boolean, order: 1 | -1 | 0, removableSort = true): 1 | -1 | 0 {
+  if (!active || order === 0) return 1;
+  if (order === 1) return -1;
+  return removableSort ? 0 : 1;
+}
+
+export function SolidDataTable({
+  value,
+  children,
+  size = "normal",
+  viewportHeight,
+  dataKey = "id",
+  emptyMessage,
+  rows = 25,
+  first = 0,
+  totalRecords = 0,
+  rowsPerPageOptions = [10, 25, 50, 100],
+  onPage,
+  onSort,
+  sortField,
+  sortOrder = 0,
+  removableSort = true,
+  selection = [],
+  selectionMode,
+  onSelectionChange,
+  onRowClick,
+  rowClassName,
+  tableClassName,
+  paginatorClassName,
+  currentPageReportTemplate = "{first} - {last} of {totalRecords}",
+}: SolidDataTableProps) {
+  const columns = normalizeColumns(children);
+  const pageRows = value ?? [];
+
+  const selectedKeys = new Set((selection || []).map((row: any) => String(row?.[dataKey])));
+  const allSelected = pageRows.length > 0 && pageRows.every((row: any) => selectedKeys.has(String(row?.[dataKey])));
+
+  const start = totalRecords === 0 ? 0 : first + 1;
+  const end = Math.min(first + rows, totalRecords);
+  const currentPage = rows > 0 ? Math.floor(first / rows) + 1 : 1;
+  const totalPages = rows > 0 ? Math.max(1, Math.ceil(totalRecords / rows)) : 1;
+
+  const report = currentPageReportTemplate
+    .replace("{first}", String(start))
+    .replace("{last}", String(end))
+    .replace("{totalRecords}", String(totalRecords));
+
+  const emitSelection = (nextSelection: any[]) => {
+    onSelectionChange?.({ value: nextSelection });
+  };
+
+  const toggleSelectAll = (checked: boolean) => {
+    if (!checked) {
+      const pageKeys = new Set(pageRows.map((row: any) => String(row?.[dataKey])));
+      emitSelection((selection || []).filter((row: any) => !pageKeys.has(String(row?.[dataKey]))));
+      return;
+    }
+    const merged = [...(selection || [])];
+    const mergedKeys = new Set(merged.map((row: any) => String(row?.[dataKey])));
+    pageRows.forEach((row: any) => {
+      const key = String(row?.[dataKey]);
+      if (!mergedKeys.has(key)) merged.push(row);
+    });
+    emitSelection(merged);
+  };
+
+  const toggleRowSelection = (rowData: any, checked: boolean) => {
+    const key = String(rowData?.[dataKey]);
+    if (!checked) {
+      emitSelection((selection || []).filter((row: any) => String(row?.[dataKey]) !== key));
+      return;
+    }
+    emitSelection([...(selection || []), rowData]);
+  };
+
+  const densityClass =
+    size === "small"
+      ? "solid-table-density-compact"
+      : size === "large"
+        ? "solid-table-density-comfortable"
+        : "solid-table-density-cozy";
+
+  return (
+    <div
+      className={cx("solid-data-table-root w-full min-h-0", densityClass)}
+      style={{
+        height: viewportHeight || "100%",
+        maxHeight: viewportHeight || "100%",
+      }}
+    >
+      <div className="solid-data-table-viewport min-h-0 rounded-md border border-border/60 bg-background">
+        <table className={cx("w-full text-sm border-collapse", tableClassName)}>
+          <thead className="solid-data-table-head sticky top-0 z-2">
+            <tr>
+              {columns.map((column, index) => {
+                const props = column.props;
+                const isSelectionColumn = props.selectionMode === "multiple";
+                const isSortable = Boolean(props.sortable && props.field && !isSelectionColumn);
+                const isActiveSort = isSortable && sortField === props.field;
+                const iconClass = resolveSortIcon(Boolean(isActiveSort), sortOrder);
+                return (
+                  <th
+                    key={`header-${index}`}
+                    className={cx(
+                      "solid-data-table-th text-left text-foreground whitespace-nowrap",
+                      isSelectionColumn ? "solid-data-table-selection-col" : undefined,
+                      props.headerClassName
+                    )}
+                    style={{ ...props.style, ...props.headerStyle }}
+                  >
+                    {isSelectionColumn ? (
+                      <input
+                        type="checkbox"
+                        checked={allSelected}
+                        onChange={(e) => toggleSelectAll(e.currentTarget.checked)}
+                        aria-label="Select all rows"
+                      />
+                    ) : (
+                      <button
+                        type="button"
+                        className={cx("solid-table-header-button", isSortable ? "is-sortable" : undefined)}
+                        onClick={() => {
+                          if (!isSortable) return;
+                          const nextOrder = nextSortOrder(Boolean(isActiveSort), sortOrder, removableSort);
+                          onSort?.({
+                            sortField: nextOrder === 0 ? undefined : props.field,
+                            sortOrder: nextOrder,
+                          });
+                        }}
+                      >
+                        {renderHeaderNode(props.header)}
+                        {isSortable ? <i className={iconClass} aria-hidden="true" /> : null}
+                      </button>
+                    )}
+                  </th>
+                );
+              })}
+            </tr>
+          </thead>
+          <tbody>
+            {pageRows.length === 0 ? (
+              <tr>
+                <td className="px-3 py-6 text-center text-muted-foreground" colSpan={Math.max(columns.length, 1)}>
+                  {emptyMessage || "No records found"}
+                </td>
+              </tr>
+            ) : (
+              pageRows.map((rowData: any) => {
+                const key = String(rowData?.[dataKey]);
+                const rowSelected = selectedKeys.has(key);
+                return (
+                  <tr
+                    key={key}
+                    className={cx("solid-data-table-row", rowClassName?.(rowData))}
+                    onClick={(event) => {
+                      const target = event.target as HTMLElement;
+                      if (target.closest("button,a,input,label,[data-no-row-click='true']")) return;
+                      onRowClick?.({ data: rowData });
+                    }}
+                  >
+                    {columns.map((column, index) => {
+                      const props = column.props;
+                      const isSelectionColumn = props.selectionMode === "multiple";
+                      const content = isSelectionColumn
+                        ? (
+                          <input
+                            type="checkbox"
+                            checked={rowSelected}
+                            onChange={(e) => toggleRowSelection(rowData, e.currentTarget.checked)}
+                            onClick={(e) => e.stopPropagation()}
+                            aria-label="Select row"
+                          />
+                        )
+                        : props.body
+                          ? props.body(rowData)
+                          : props.field
+                            ? rowData?.[props.field]
+                            : null;
+                      return (
+                        <td
+                          key={`cell-${key}-${index}`}
+                          className={cx(
+                            "solid-data-table-td align-top text-foreground",
+                            isSelectionColumn ? "solid-data-table-selection-col" : undefined,
+                            props.className
+                          )}
+                          style={props.style}
+                        >
+                          {content}
+                        </td>
+                      );
+                    })}
+                  </tr>
+                );
+              })
+            )}
+          </tbody>
+        </table>
+      </div>
+
+      {typeof onPage === "function" ? (
+        <div
+          className={cx("w-full solid-table-paginator solid-table-paginator-align-end flex items-center justify-end gap-3 text-sm rounded-md border border-border/60 px-3 py-1.5 bg-background", paginatorClassName)}
+        >
+          <div className="solid-paginator-meta flex items-center gap-2 ml-auto">
+            <span className="solid-paginator-label">Rows</span>
+            <select
+              value={rows}
+              onChange={(e) => onPage({ first: 0, rows: Number(e.target.value) })}
+              className="solid-paginator-select"
+            >
+              {rowsPerPageOptions.map((option) => (
+                <option key={option} value={option}>{option}</option>
+              ))}
+            </select>
+            <span className="solid-paginator-report">{report}</span>
+          </div>
+          <div className="solid-paginator-actions flex items-center gap-2">
+            <button
+              type="button"
+              className="solid-paginator-btn"
+              onClick={() => onPage({ first: Math.max(0, first - rows), rows })}
+              disabled={currentPage <= 1}
+            >
+              Previous
+            </button>
+            <button
+              type="button"
+              className="solid-paginator-btn"
+              onClick={() => onPage({ first: Math.min((totalPages - 1) * rows, first + rows), rows })}
+              disabled={currentPage >= totalPages}
+            >
+              Next
+            </button>
+          </div>
+        </div>
+      ) : null}
+    </div>
+  );
+}

package/dist/components/core/list/SolidDataTablePagination.d.ts

@@ -0,0 +1,15 @@
+type SolidDataTablePaginationProps = {
+    rows: number;
+    first: number;
+    totalRecords: number;
+    rowsPerPageOptions?: number[];
+    onPage: (event: {
+        first: number;
+        rows: number;
+    }) => void;
+    currentPageReportTemplate?: string;
+    className?: string;
+};
+export declare function SolidDataTablePagination({ rows, first, totalRecords, rowsPerPageOptions, onPage, currentPageReportTemplate, className, }: SolidDataTablePaginationProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidDataTablePagination.d.ts.map

package/dist/components/core/list/SolidDataTablePagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidDataTablePagination.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidDataTablePagination.tsx"],"names":[],"mappings":"AAEA,KAAK,6BAA6B,GAAG;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,MAAM,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACzD,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,kBAAsC,EACtC,MAAM,EACN,yBAAgE,EAChE,SAAS,GACV,EAAE,6BAA6B,2CA+C/B"}

package/dist/components/core/list/SolidDataTablePagination.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var cx = function () {
+    var parts = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        parts[_i] = arguments[_i];
+    }
+    return parts.filter(Boolean).join(" ");
+};
+export function SolidDataTablePagination(_a) {
+    var rows = _a.rows, first = _a.first, totalRecords = _a.totalRecords, _b = _a.rowsPerPageOptions, rowsPerPageOptions = _b === void 0 ? [10, 25, 50, 100] : _b, onPage = _a.onPage, _c = _a.currentPageReportTemplate, currentPageReportTemplate = _c === void 0 ? "{first} - {last} of {totalRecords}" : _c, className = _a.className;
+    var safeRows = rows > 0 ? rows : 25;
+    var start = totalRecords === 0 ? 0 : first + 1;
+    var end = Math.min(first + safeRows, totalRecords);
+    var currentPage = Math.floor(first / safeRows) + 1;
+    var totalPages = Math.max(1, Math.ceil(totalRecords / safeRows));
+    var report = currentPageReportTemplate
+        .replace("{first}", String(start))
+        .replace("{last}", String(end))
+        .replace("{totalRecords}", String(totalRecords));
+    return (_jsxs("div", { className: cx("w-full solid-table-paginator flex items-center justify-end gap-3 text-sm rounded-md border border-border/60 px-3 py-1.5 bg-background", className), children: [_jsxs("div", { className: "solid-paginator-meta flex items-center gap-2 ml-auto", children: [_jsx("span", { className: "solid-paginator-label", children: "Rows" }), _jsx("select", { value: safeRows, onChange: function (e) { return onPage({ first: 0, rows: Number(e.target.value) }); }, className: "solid-paginator-select", children: rowsPerPageOptions.map(function (option) { return (_jsx("option", { value: option, children: option }, option)); }) }), _jsx("span", { className: "solid-paginator-report", children: report })] }), _jsxs("div", { className: "solid-paginator-actions flex items-center gap-2", children: [_jsx("button", { type: "button", className: "solid-paginator-btn", onClick: function () { return onPage({ first: Math.max(0, first - safeRows), rows: safeRows }); }, disabled: currentPage <= 1, children: "Previous" }), _jsx("button", { type: "button", className: "solid-paginator-btn", onClick: function () { return onPage({ first: Math.min((totalPages - 1) * safeRows, first + safeRows), rows: safeRows }); }, disabled: currentPage >= totalPages, children: "Next" })] })] }));
+}
+//# sourceMappingURL=SolidDataTablePagination.js.map

package/dist/components/core/list/SolidDataTablePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidDataTablePagination.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidDataTablePagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\ntype SolidDataTablePaginationProps = {\n  rows: number;\n  first: number;\n  totalRecords: number;\n  rowsPerPageOptions?: number[];\n  onPage: (event: { first: number; rows: number }) => void;\n  currentPageReportTemplate?: string;\n  className?: string;\n};\n\nconst cx = (...parts: Array<string | undefined | false>) => parts.filter(Boolean).join(\" \");\n\nexport function SolidDataTablePagination({\n  rows,\n  first,\n  totalRecords,\n  rowsPerPageOptions = [10, 25, 50, 100],\n  onPage,\n  currentPageReportTemplate = \"{first} - {last} of {totalRecords}\",\n  className,\n}: SolidDataTablePaginationProps) {\n  const safeRows = rows > 0 ? rows : 25;\n  const start = totalRecords === 0 ? 0 : first + 1;\n  const end = Math.min(first + safeRows, totalRecords);\n  const currentPage = Math.floor(first / safeRows) + 1;\n  const totalPages = Math.max(1, Math.ceil(totalRecords / safeRows));\n\n  const report = currentPageReportTemplate\n    .replace(\"{first}\", String(start))\n    .replace(\"{last}\", String(end))\n    .replace(\"{totalRecords}\", String(totalRecords));\n\n  return (\n    <div className={cx(\"w-full solid-table-paginator flex items-center justify-end gap-3 text-sm rounded-md border border-border/60 px-3 py-1.5 bg-background\", className)}>\n      <div className=\"solid-paginator-meta flex items-center gap-2 ml-auto\">\n        <span className=\"solid-paginator-label\">Rows</span>\n        <select\n          value={safeRows}\n          onChange={(e) => onPage({ first: 0, rows: Number(e.target.value) })}\n          className=\"solid-paginator-select\"\n        >\n          {rowsPerPageOptions.map((option) => (\n            <option key={option} value={option}>{option}</option>\n          ))}\n        </select>\n        <span className=\"solid-paginator-report\">{report}</span>\n      </div>\n      <div className=\"solid-paginator-actions flex items-center gap-2\">\n        <button\n          type=\"button\"\n          className=\"solid-paginator-btn\"\n          onClick={() => onPage({ first: Math.max(0, first - safeRows), rows: safeRows })}\n          disabled={currentPage <= 1}\n        >\n          Previous\n        </button>\n        <button\n          type=\"button\"\n          className=\"solid-paginator-btn\"\n          onClick={() => onPage({ first: Math.min((totalPages - 1) * safeRows, first + safeRows), rows: safeRows })}\n          disabled={currentPage >= totalPages}\n        >\n          Next\n        </button>\n      </div>\n    </div>\n  );\n}\n\n"]}

package/dist/components/core/list/SolidDataTablePagination.tsx

@@ -0,0 +1,71 @@
+import React from "react";
+
+type SolidDataTablePaginationProps = {
+  rows: number;
+  first: number;
+  totalRecords: number;
+  rowsPerPageOptions?: number[];
+  onPage: (event: { first: number; rows: number }) => void;
+  currentPageReportTemplate?: string;
+  className?: string;
+};
+
+const cx = (...parts: Array<string | undefined | false>) => parts.filter(Boolean).join(" ");
+
+export function SolidDataTablePagination({
+  rows,
+  first,
+  totalRecords,
+  rowsPerPageOptions = [10, 25, 50, 100],
+  onPage,
+  currentPageReportTemplate = "{first} - {last} of {totalRecords}",
+  className,
+}: SolidDataTablePaginationProps) {
+  const safeRows = rows > 0 ? rows : 25;
+  const start = totalRecords === 0 ? 0 : first + 1;
+  const end = Math.min(first + safeRows, totalRecords);
+  const currentPage = Math.floor(first / safeRows) + 1;
+  const totalPages = Math.max(1, Math.ceil(totalRecords / safeRows));
+
+  const report = currentPageReportTemplate
+    .replace("{first}", String(start))
+    .replace("{last}", String(end))
+    .replace("{totalRecords}", String(totalRecords));
+
+  return (
+    <div className={cx("w-full solid-table-paginator flex items-center justify-end gap-3 text-sm rounded-md border border-border/60 px-3 py-1.5 bg-background", className)}>
+      <div className="solid-paginator-meta flex items-center gap-2 ml-auto">
+        <span className="solid-paginator-label">Rows</span>
+        <select
+          value={safeRows}
+          onChange={(e) => onPage({ first: 0, rows: Number(e.target.value) })}
+          className="solid-paginator-select"
+        >
+          {rowsPerPageOptions.map((option) => (
+            <option key={option} value={option}>{option}</option>
+          ))}
+        </select>
+        <span className="solid-paginator-report">{report}</span>
+      </div>
+      <div className="solid-paginator-actions flex items-center gap-2">
+        <button
+          type="button"
+          className="solid-paginator-btn"
+          onClick={() => onPage({ first: Math.max(0, first - safeRows), rows: safeRows })}
+          disabled={currentPage <= 1}
+        >
+          Previous
+        </button>
+        <button
+          type="button"
+          className="solid-paginator-btn"
+          onClick={() => onPage({ first: Math.min((totalPages - 1) * safeRows, first + safeRows), rows: safeRows })}
+          disabled={currentPage >= totalPages}
+        >
+          Next
+        </button>
+      </div>
+    </div>
+  );
+}
+

package/dist/components/core/list/SolidListView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidListView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListView.tsx"],"names":[],"mappings":";AAgCA,OAAO,uCAAuC,CAAC;AAC/C,OAAO,gDAAgD,CAAC;AAyBxD,eAAO,MAAM,+BAA+B,WAgB3C,CAAC;AAGF,eAAO,MAAM,oCAAoC,QAAS,MAAM,QAgB/D,CAAC;AAEF,eAAO,MAAM,6BAA6B,gBAAiB,MAAM,kBAUhE,CAAC;AAGF,eAAO,MAAM,kCAAkC,QAAS,MAAM,eAAe,MAAM,kBAUlF,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6BAA6B,CAAC,EAAE,GAAG,CAAC;IACpC,8BAA8B,CAAC,EAAE,GAAG,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,iBAAiB,CAAC,EAAE,GAAG,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;;OAKG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB;;;;;;OAMG;IACH,WAAW,EAAE,CAAC,MAAM,EAAE;QACpB,uBAAuB,CAAC,EAAE,GAAG,CAAC;QAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC;QACvB,sBAAsB,CAAC,EAAE,GAAG,CAAC;QAC7B,2BAA2B,CAAC,EAAE,GAAG,CAAC;KACnC,KAAK,IAAI,CAAC;IACX;;;;OAIG;IACH,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D;;;OAGG;IACH,OAAO,EAAE,CAAC,iBAAiB,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;KAAE,EAAE,KAAK,IAAI,CAAC;IACzE;;;OAGG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,EAAE,MAAM;QACd,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,aAAa,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;SAAE,EAAE,CAAC;QAClD,YAAY,EAAE,OAAO,CAAC;QACtB,OAAO,EAAE,GAAG,CAAC;QACb,gBAAgB,EAAE,GAAG,CAAC;QACtB,QAAQ,EAAE,GAAG,EAAE,CAAC;QAChB,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,aAAa,qHA41DxB,CAAC"}
+{"version":3,"file":"SolidListView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListView.tsx"],"names":[],"mappings":";AAgCA,OAAO,uCAAuC,CAAC;AAC/C,OAAO,gDAAgD,CAAC;AAyBxD,eAAO,MAAM,+BAA+B,WAgB3C,CAAC;AAGF,eAAO,MAAM,oCAAoC,QAAS,MAAM,QAgB/D,CAAC;AAEF,eAAO,MAAM,6BAA6B,gBAAiB,MAAM,kBAUhE,CAAC;AAGF,eAAO,MAAM,kCAAkC,QAAS,MAAM,eAAe,MAAM,kBAUlF,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6BAA6B,CAAC,EAAE,GAAG,CAAC;IACpC,8BAA8B,CAAC,EAAE,GAAG,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,iBAAiB,CAAC,EAAE,GAAG,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;;OAKG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB;;;;;;OAMG;IACH,WAAW,EAAE,CAAC,MAAM,EAAE;QACpB,uBAAuB,CAAC,EAAE,GAAG,CAAC;QAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC;QACvB,sBAAsB,CAAC,EAAE,GAAG,CAAC;QAC7B,2BAA2B,CAAC,EAAE,GAAG,CAAC;KACnC,KAAK,IAAI,CAAC;IACX;;;;OAIG;IACH,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D;;;OAGG;IACH,OAAO,EAAE,CAAC,iBAAiB,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;KAAE,EAAE,KAAK,IAAI,CAAC;IACzE;;;OAGG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,EAAE,MAAM;QACd,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,aAAa,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;SAAE,EAAE,CAAC;QAClD,YAAY,EAAE,OAAO,CAAC;QACtB,OAAO,EAAE,GAAG,CAAC;QACb,gBAAgB,EAAE,GAAG,CAAC;QACtB,QAAQ,EAAE,GAAG,EAAE,CAAC;QAChB,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,aAAa,qHA61DxB,CAAC"}