@pathscale/ui 0.1.0 → 1.2.0

package/dist/components/streaming-table/StreamingTable.d.ts

@@ -0,0 +1,28 @@
+import type { TableProps } from "../table";
+import type { StreamingColumnDef, StreamingConfig, SortingState } from "./types";
+export type StreamingTableProps<TData> = {
+    data: TData[];
+    columns: StreamingColumnDef<TData>[];
+    getRowId?: (row: TData) => string;
+    streamingConfig?: StreamingConfig;
+    /** Enable filtering (default: false) */
+    enableFiltering?: boolean;
+    /** External control of filter value */
+    filterValue?: string;
+    /** Callback when filter changes */
+    onFilterChange?: (value: string) => void;
+    /** Custom global filter function (filters across all columns) */
+    globalFilterFn?: (row: TData, filterValue: string, columns: StreamingColumnDef<TData>[]) => boolean;
+    /** Enable pagination (default: false) */
+    enablePagination?: boolean;
+    /** Number of rows per page (default: 10) */
+    pageSize?: number;
+    /** Initial page index (default: 0) */
+    initialPage?: number;
+    /** Enable sorting (default: false) */
+    enableSorting?: boolean;
+    /** Initial sorting state (default: null) */
+    initialSorting?: SortingState;
+} & Omit<TableProps, "children">;
+declare const StreamingTable: <TData>(props: StreamingTableProps<TData>) => import("solid-js").JSX.Element;
+export default StreamingTable;

package/dist/components/streaming-table/StreamingTable.js

@@ -0,0 +1,345 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__ from "../table/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__ from "../button/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__ from "../icon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__pagination_index_js_4cbbf7e7__ from "../pagination/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__createStreamingTableStore_js_f1f78960__ from "./createStreamingTableStore.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tbody>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex justify-center items-center gap-2 mt-4"><span class="text-sm ml-2">Page <!> of '), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><span>");
+const StreamingTable = (props)=>{
+    const [local, tableProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "data",
+        "columns",
+        "getRowId",
+        "streamingConfig",
+        "enableFiltering",
+        "filterValue",
+        "onFilterChange",
+        "globalFilterFn",
+        "enablePagination",
+        "pageSize",
+        "initialPage",
+        "enableSorting",
+        "initialSorting",
+        "class",
+        "className"
+    ]);
+    const store = (0, __WEBPACK_EXTERNAL_MODULE__createStreamingTableStore_js_f1f78960__.createStreamingTableStore)();
+    const [sortingState, setSortingState] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.initialSorting ?? {
+        columnId: null,
+        direction: null
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        if (local.initialSorting) setSortingState(local.initialSorting);
+    });
+    const config = {
+        maxBufferSize: local.streamingConfig?.maxBufferSize ?? 1000,
+        appendMode: local.streamingConfig?.appendMode ?? false
+    };
+    const resolveId = (row)=>{
+        if (local.getRowId) return local.getRowId(row);
+        const rowWithId = row;
+        if (null != rowWithId.id) return String(rowWithId.id);
+        return JSON.stringify(row);
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        const incoming = local.data ?? [];
+        if (config.appendMode) {
+            store.appendRows(incoming, resolveId);
+            store.truncateToSize(config.maxBufferSize);
+        } else {
+            const idSet = new Set();
+            incoming.forEach((row)=>{
+                const id = resolveId(row);
+                idSet.add(id);
+                store.upsertRow(row, resolveId);
+            });
+            const current = store.rows();
+            current.forEach((r)=>{
+                if (!idSet.has(r.id)) store.removeRow(r.id);
+            });
+        }
+    });
+    const defaultGlobalFilterFn = (row, filterValue, columns)=>{
+        if (!filterValue || "" === filterValue.trim()) return true;
+        const lowerFilter = filterValue.toLowerCase();
+        return columns.some((col)=>{
+            if (col.filterFn) return col.filterFn(row, filterValue);
+            let value;
+            if (col.accessorKey) value = row[col.accessorKey];
+            else {
+                if (!col.accessorFn) return false;
+                value = col.accessorFn(row);
+            }
+            if (null == value) return false;
+            return String(value).toLowerCase().includes(lowerFilter);
+        });
+    };
+    const filteredRows = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        const rows = store.rows();
+        if (!local.enableFiltering) return rows;
+        const currentFilterValue = local.filterValue ?? "";
+        if (!currentFilterValue || "" === currentFilterValue.trim()) return rows;
+        const filterFn = local.globalFilterFn ?? defaultGlobalFilterFn;
+        return rows.filter((rowStore)=>{
+            const rowData = rowStore.data();
+            return filterFn(rowData, currentFilterValue, local.columns);
+        });
+    });
+    const getColumnId = (col, index)=>col.id ?? col.accessorKey ?? `column-${index}`;
+    const handleSort = (col, index)=>{
+        if (!local.enableSorting || false === col.enableSorting) return;
+        const columnId = getColumnId(col, index);
+        const current = sortingState();
+        let newDirection = "asc";
+        if (current.columnId === columnId) {
+            if ("asc" === current.direction) newDirection = "desc";
+            else if ("desc" === current.direction) newDirection = null;
+        }
+        setSortingState({
+            columnId: null === newDirection ? null : columnId,
+            direction: newDirection
+        });
+    };
+    const getSortValue = (row, col)=>{
+        if (col.accessorKey) return row[col.accessorKey];
+        if (col.accessorFn) return col.accessorFn(row);
+        return null;
+    };
+    const defaultSortFn = (a, b)=>{
+        if (null == a && null == b) return 0;
+        if (null == a) return 1;
+        if (null == b) return -1;
+        if ("string" == typeof a && "string" == typeof b) return a.localeCompare(b);
+        if ("number" == typeof a && "number" == typeof b) return a - b;
+        if ("boolean" == typeof a && "boolean" == typeof b) return a === b ? 0 : a ? 1 : -1;
+        if (a instanceof Date && b instanceof Date) return a.getTime() - b.getTime();
+        return String(a).localeCompare(String(b));
+    };
+    const sortedRows = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        const rows = filteredRows();
+        const sorting = sortingState();
+        if (!local.enableSorting || !sorting.direction || !sorting.columnId) return rows;
+        const colIndex = local.columns.findIndex((col, idx)=>getColumnId(col, idx) === sorting.columnId);
+        if (-1 === colIndex) return rows;
+        const col = local.columns[colIndex];
+        const sorted = [
+            ...rows
+        ].sort((rowStoreA, rowStoreB)=>{
+            const rowA = rowStoreA.data();
+            const rowB = rowStoreB.data();
+            let result;
+            if (col.sortingFn) result = col.sortingFn(rowA, rowB);
+            else {
+                const valueA = getSortValue(rowA, col);
+                const valueB = getSortValue(rowB, col);
+                result = defaultSortFn(valueA, valueB);
+            }
+            return "desc" === sorting.direction ? -result : result;
+        });
+        return sorted;
+    });
+    const renderSortIndicator = (col, index)=>{
+        if (!local.enableSorting || false === col.enableSorting) return null;
+        const columnId = getColumnId(col, index);
+        const sorting = sortingState();
+        if (sorting.columnId !== columnId || !sorting.direction) return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
+            name: "icon-[mdi-light--unfold-more-horizontal]",
+            width: 16,
+            height: 16,
+            class: "opacity-30"
+        });
+        return "asc" === sorting.direction ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
+            name: "icon-[mdi-light--chevron-up]",
+            width: 16,
+            height: 16
+        }) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
+            name: "icon-[mdi-light--chevron-down]",
+            width: 16,
+            height: 16
+        });
+    };
+    const [currentPage, setCurrentPage] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.initialPage ?? 0);
+    const pageSize = local.pageSize ?? 10;
+    const enablePagination = local.enablePagination ?? false;
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        if (enablePagination) {
+            if (local.enableFiltering) local.filterValue;
+            if (local.enableSorting) sortingState();
+            setCurrentPage(0);
+        }
+    });
+    const paginatedRows = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        const rows = sortedRows();
+        if (!enablePagination) return rows;
+        const start = currentPage() * pageSize;
+        const end = start + pageSize;
+        return rows.slice(start, end);
+    });
+    const totalPages = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        if (!enablePagination) return 1;
+        const total = sortedRows().length;
+        return Math.max(1, Math.ceil(total / pageSize));
+    });
+    const goToPage = (page)=>{
+        const maxPage = totalPages() - 1;
+        if (page >= 0 && page <= maxPage) setCurrentPage(page);
+    };
+    const nextPage = ()=>goToPage(currentPage() + 1);
+    const prevPage = ()=>goToPage(currentPage() - 1);
+    const visiblePageNumbers = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        const total = totalPages();
+        const current = currentPage();
+        const pages = [];
+        if (total <= 5) for(let i = 0; i < total; i++)pages.push(i);
+        else {
+            let start = Math.max(0, current - 2);
+            let end = Math.min(total - 1, current + 2);
+            if (current < 2) end = Math.min(total - 1, 4);
+            else if (current > total - 3) start = Math.max(0, total - 5);
+            for(let i = start; i <= end; i++)pages.push(i);
+        }
+        return pages;
+    });
+    return (()=>{
+        var _el$ = _tmpl$3();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(tableProps, {
+            get children () {
+                return [
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].Head, {
+                        get children () {
+                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                                get each () {
+                                    return local.columns;
+                                },
+                                children: (col, index)=>{
+                                    const isSortable = local.enableSorting && false !== col.enableSorting;
+                                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].HeadCell, {
+                                        get children () {
+                                            var _el$8 = _tmpl$4(), _el$9 = _el$8.firstChild;
+                                            _el$8.$$click = ()=>isSortable && handleSort(col, index());
+                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$8, isSortable ? "flex items-center gap-2 cursor-pointer select-none" : "");
+                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>col.header);
+                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>renderSortIndicator(col, index()), null);
+                                            return _el$8;
+                                        }
+                                    });
+                                }
+                            });
+                        }
+                    }),
+                    (()=>{
+                        var _el$2 = _tmpl$();
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                            get when () {
+                                return paginatedRows().length > 0;
+                            },
+                            get fallback () {
+                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].Row, {
+                                    get children () {
+                                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].Cell, {
+                                            get colSpan () {
+                                                return local.columns.length;
+                                            },
+                                            class: "text-center",
+                                            children: "No data"
+                                        });
+                                    }
+                                });
+                            },
+                            get children () {
+                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                                    get each () {
+                                        return paginatedRows();
+                                    },
+                                    children: (rowStore)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].Row, {
+                                            get children () {
+                                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                                                    get each () {
+                                                        return local.columns;
+                                                    },
+                                                    children: (col)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].Cell, {
+                                                            get children () {
+                                                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!col.cell)() ? col.cell({
+                                                                    row: {
+                                                                        original: rowStore.data()
+                                                                    }
+                                                                }) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!col.accessorKey)() ? rowStore.data()[col.accessorKey] : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!col.accessorFn)() ? col.accessorFn(rowStore.data()) : "";
+                                                            }
+                                                        })
+                                                });
+                                            }
+                                        })
+                                });
+                            }
+                        }));
+                        return _el$2;
+                    })()
+                ];
+            }
+        })), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return enablePagination && totalPages() > 0;
+            },
+            get children () {
+                var _el$3 = _tmpl$2(), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$7 = _el$5.nextSibling;
+                _el$7.nextSibling;
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__pagination_index_js_4cbbf7e7__["default"], {
+                    get children () {
+                        return [
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__["default"], {
+                                class: "join-item",
+                                onClick: prevPage,
+                                get isDisabled () {
+                                    return 0 === currentPage();
+                                },
+                                size: "sm",
+                                variant: "ghost",
+                                children: "\xAB"
+                            }),
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                                get each () {
+                                    return visiblePageNumbers();
+                                },
+                                children: (pageNum)=>{
+                                    const isActive = ()=>pageNum === currentPage();
+                                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__["default"], {
+                                        class: "join-item",
+                                        onClick: ()=>goToPage(pageNum),
+                                        size: "sm",
+                                        get variant () {
+                                            return isActive() ? "primary" : "ghost";
+                                        },
+                                        children: pageNum + 1
+                                    });
+                                }
+                            }),
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__["default"], {
+                                class: "join-item",
+                                onClick: nextPage,
+                                get isDisabled () {
+                                    return currentPage() === totalPages() - 1;
+                                },
+                                size: "sm",
+                                variant: "ghost",
+                                children: "\xBB"
+                            })
+                        ];
+                    }
+                }), _el$4);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>currentPage() + 1, _el$7);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, totalPages, null);
+                return _el$3;
+            }
+        }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.class, local.className)));
+        return _el$;
+    })();
+};
+const streaming_table_StreamingTable = StreamingTable;
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click"
+]);
+export { streaming_table_StreamingTable as default };

package/dist/components/streaming-table/createRowStore.d.ts

@@ -0,0 +1,7 @@
+export interface RowStore<T> {
+    id: string;
+    data: () => T;
+    patch: (partial: Partial<T>) => void;
+    replace: (newData: T) => void;
+}
+export declare function createRowStore<T>(id: string, initial: T): RowStore<T>;

package/dist/components/streaming-table/createRowStore.js

@@ -0,0 +1,18 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+function createRowStore(id, initial) {
+    const [data, setData] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(initial);
+    return {
+        id,
+        data,
+        patch: (partial)=>{
+            setData((prev)=>({
+                    ...prev,
+                    ...partial
+                }));
+        },
+        replace: (newData)=>{
+            setData(()=>newData);
+        }
+    };
+}
+export { createRowStore };

package/dist/components/streaming-table/createStreamingTableStore.d.ts

@@ -0,0 +1,13 @@
+import { type RowStore } from "./createRowStore";
+export interface StreamingTableStore<T> {
+    rows: () => RowStore<T>[];
+    loadInitial: (rows: T[], getId: (row: T) => string) => void;
+    upsertRow: (row: T, getId: (row: T) => string) => void;
+    upsertRows: (rows: T[], getId: (row: T) => string) => void;
+    updateRow: (id: string, patch: Partial<T>) => void;
+    removeRow: (id: string) => void;
+    appendRow: (row: T, getId: (row: T) => string) => void;
+    appendRows: (rows: T[], getId: (row: T) => string) => void;
+    truncateToSize: (maxSize: number) => void;
+}
+export declare function createStreamingTableStore<T>(): StreamingTableStore<T>;

package/dist/components/streaming-table/createStreamingTableStore.js

@@ -0,0 +1,68 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE__createRowStore_js_908e2c13__ from "./createRowStore.js";
+function createStreamingTableStore() {
+    const [rowStores, setRowStores] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)([]);
+    function loadInitial(rows, getId) {
+        const stores = rows.map((r)=>(0, __WEBPACK_EXTERNAL_MODULE__createRowStore_js_908e2c13__.createRowStore)(getId(r), r));
+        setRowStores(stores);
+    }
+    function upsertRow(row, getId) {
+        const id = getId(row);
+        const stores = rowStores();
+        const existing = stores.find((s)=>s.id === id);
+        if (existing) return void existing.replace(row);
+        setRowStores([
+            ...stores,
+            (0, __WEBPACK_EXTERNAL_MODULE__createRowStore_js_908e2c13__.createRowStore)(id, row)
+        ]);
+    }
+    function upsertRows(rows, getId) {
+        rows.forEach((row)=>upsertRow(row, getId));
+    }
+    function appendRow(row, getId) {
+        const id = getId(row);
+        const stores = rowStores();
+        const existing = stores.find((s)=>s.id === id);
+        if (existing) return;
+        setRowStores([
+            ...stores,
+            (0, __WEBPACK_EXTERNAL_MODULE__createRowStore_js_908e2c13__.createRowStore)(id, row)
+        ]);
+    }
+    function appendRows(rows, getId) {
+        const stores = rowStores();
+        const existingIds = new Set(stores.map((s)=>s.id));
+        const newStores = rows.filter((row)=>!existingIds.has(getId(row))).map((row)=>(0, __WEBPACK_EXTERNAL_MODULE__createRowStore_js_908e2c13__.createRowStore)(getId(row), row));
+        if (newStores.length > 0) setRowStores([
+            ...stores,
+            ...newStores
+        ]);
+    }
+    function updateRow(id, patch) {
+        const stores = rowStores();
+        const existing = stores.find((s)=>s.id === id);
+        if (existing) existing.patch(patch);
+    }
+    function removeRow(id) {
+        const stores = rowStores().filter((s)=>s.id !== id);
+        setRowStores(stores);
+    }
+    function truncateToSize(maxSize) {
+        const stores = rowStores();
+        if (stores.length <= maxSize) return;
+        const truncated = stores.slice(-maxSize);
+        setRowStores(truncated);
+    }
+    return {
+        rows: rowStores,
+        loadInitial,
+        upsertRow,
+        upsertRows,
+        updateRow,
+        removeRow,
+        appendRow,
+        appendRows,
+        truncateToSize
+    };
+}
+export { createStreamingTableStore };

package/dist/components/streaming-table/index.d.ts

@@ -0,0 +1,5 @@
+export { default as StreamingTable } from "./StreamingTable";
+export type { StreamingTableProps } from "./StreamingTable";
+export type { StreamingColumnDef, StreamingConfig } from "./types";
+export { createStreamingTableStore } from "./createStreamingTableStore";
+export type { StreamingTableStore } from "./createStreamingTableStore";

package/dist/components/streaming-table/index.js

@@ -0,0 +1,5 @@
+import * as __WEBPACK_EXTERNAL_MODULE__StreamingTable_js_35def8b4__ from "./StreamingTable.js";
+import * as __WEBPACK_EXTERNAL_MODULE__createStreamingTableStore_js_f1f78960__ from "./createStreamingTableStore.js";
+var __webpack_exports__StreamingTable = __WEBPACK_EXTERNAL_MODULE__StreamingTable_js_35def8b4__["default"];
+var __webpack_exports__createStreamingTableStore = __WEBPACK_EXTERNAL_MODULE__createStreamingTableStore_js_f1f78960__.createStreamingTableStore;
+export { __webpack_exports__StreamingTable as StreamingTable, __webpack_exports__createStreamingTableStore as createStreamingTableStore };

package/dist/components/streaming-table/types.d.ts

@@ -0,0 +1,46 @@
+import type { JSX } from "solid-js";
+export type SortDirection = "asc" | "desc" | null;
+export interface SortingState {
+    columnId: string | null;
+    direction: SortDirection;
+}
+export interface StreamingColumnDef<T> {
+    /** Unique identifier for the column (required for sorting) */
+    id?: string;
+    /** Header text or JSX element */
+    header: JSX.Element | string;
+    /** For simple field access */
+    accessorKey?: keyof T & string;
+    /** For computed access */
+    accessorFn?: (row: T) => any;
+    /** Custom cell renderer */
+    cell?: (ctx: {
+        row: {
+            original: T;
+        };
+    }) => JSX.Element;
+    /** Custom sorting function */
+    sortingFn?: (rowA: T, rowB: T) => number;
+    /** Extra config (sorting, filters, etc.) */
+    meta?: Record<string, any>;
+    /** Enable column filter */
+    enableColumnFilter?: boolean;
+    /** Enable sorting for this column */
+    enableSorting?: boolean;
+    /** Custom filter function for this column */
+    filterFn?: (row: T, filterValue: string) => boolean;
+}
+export interface StreamingConfig {
+    /** Maximum buffer size (default: 1000) */
+    maxBufferSize?: number;
+    /** Append-only mode - don't remove stale rows (default: false) */
+    appendMode?: boolean;
+}
+export interface PaginationConfig {
+    /** Enable pagination (default: false) */
+    enablePagination?: boolean;
+    /** Number of rows per page (default: 10) */
+    pageSize?: number;
+    /** Initial page index (default: 0) */
+    initialPage?: number;
+}

package/dist/components/svgbackground/SvgBackground.d.ts

@@ -0,0 +1,21 @@
+import { type JSX } from "solid-js";
+export interface SvgBackgroundProps {
+    /** Primary gradient color (CSS color value) */
+    colorStart?: string;
+    /** Secondary gradient color (CSS color value) */
+    colorEnd?: string;
+    /** Background color */
+    backgroundColor?: string;
+    /** Background opacity (0-1) */
+    opacity?: number;
+    /** Blur intensity (0-100) */
+    blurIntensity?: number;
+    /** Density of shapes (any positive number) */
+    density?: number;
+    /** Darkness overlay (0-1) */
+    darkness?: number;
+    class?: string;
+    style?: JSX.CSSProperties;
+    children?: JSX.Element;
+}
+export default function SvgBackground(props: SvgBackgroundProps): JSX.Element;