@pathscale/ui 0.1.1 → 1.2.0

package/dist/components/steps/step.css

@@ -0,0 +1,179 @@
+@layer components {
+  .steps {
+      display: inline-grid;
+      grid-auto-flow: column;
+      overflow: hidden;
+      overflow-x: auto;
+      counter-reset: step;
+      grid-auto-columns: 1fr;
+    }
+
+  .steps .step {
+      display: grid;
+      grid-template-columns: repeat(1, minmax(0, 1fr));
+      grid-template-columns: auto;
+      grid-template-rows: repeat(2, minmax(0, 1fr));
+      grid-template-rows: 40px 1fr;
+      place-items: center;
+      text-align: center;
+      min-width: 4rem;
+      --step-bg: var(--color-base-300);
+      --step-fg: var(--color-base-content);
+    }
+
+  .steps .step:before {
+      top: calc(0.25rem * 0);
+      grid-column-start: 1;
+      grid-row-start: 1;
+      height: calc(0.25rem * 2);
+      width: 100%;
+      border: 1px solid;
+      color: var(--step-bg);
+      background-color: var(--step-bg);
+      content: "";
+      margin-inline-start: -100%;
+    }
+
+  .steps .step > .step-icon,
+    .steps .step:not(:has(.step-icon)):after {
+      --tw-content: counter(step);
+      content: var(--tw-content);
+      counter-increment: step;
+      z-index: 1;
+      color: var(--step-fg);
+      background-color: var(--step-bg);
+      border: 1px solid var(--step-bg);
+      position: relative;
+      grid-column-start: 1;
+      grid-row-start: 1;
+      display: grid;
+      height: calc(0.25rem * 8);
+      width: calc(0.25rem * 8);
+      place-items: center;
+      place-self: center;
+      border-radius: calc(infinity * 1px);
+    }
+
+  .steps .step:first-child:before {
+      --tw-content: none;
+      content: var(--tw-content);
+    }
+
+  .steps .step[data-content]:after {
+      --tw-content: attr(data-content);
+      content: var(--tw-content);
+    }
+
+  .steps .step-neutral + .step-neutral:before,
+    .steps .step-neutral:after,
+    .steps .step-neutral > .step-icon {
+      --step-bg: var(--color-neutral);
+      --step-fg: var(--color-neutral-content);
+    }
+
+  .steps .step-primary + .step-primary:before,
+    .steps .step-primary:after,
+    .steps .step-primary > .step-icon {
+      --step-bg: var(--color-primary);
+      --step-fg: var(--color-primary-content);
+    }
+
+  .steps .step-secondary + .step-secondary:before,
+    .steps .step-secondary:after,
+    .steps .step-secondary > .step-icon {
+      --step-bg: var(--color-secondary);
+      --step-fg: var(--color-secondary-content);
+    }
+
+  .steps .step-accent + .step-accent:before,
+    .steps .step-accent:after,
+    .steps .step-accent > .step-icon {
+      --step-bg: var(--color-accent);
+      --step-fg: var(--color-accent-content);
+    }
+
+  .steps .step-info + .step-info:before,
+    .steps .step-info:after,
+    .steps .step-info > .step-icon {
+      --step-bg: var(--color-info);
+      --step-fg: var(--color-info-content);
+    }
+
+  .steps .step-success + .step-success:before,
+    .steps .step-success:after,
+    .steps .step-success > .step-icon {
+      --step-bg: var(--color-success);
+      --step-fg: var(--color-success-content);
+    }
+
+  .steps .step-warning + .step-warning:before,
+    .steps .step-warning:after,
+    .steps .step-warning > .step-icon {
+      --step-bg: var(--color-warning);
+      --step-fg: var(--color-warning-content);
+    }
+
+  .steps .step-error + .step-error:before,
+    .steps .step-error:after,
+    .steps .step-error > .step-icon {
+      --step-bg: var(--color-error);
+      --step-fg: var(--color-error-content);
+    }
+
+  .steps-vertical {
+      grid-auto-rows: 1fr;
+      grid-auto-flow: row;
+    }
+
+  .steps-vertical .step {
+      display: grid;
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+      grid-template-columns: 40px 1fr;
+      grid-template-rows: repeat(1, minmax(0, 1fr));
+      grid-template-rows: auto;
+      gap: 0.5rem;
+      min-height: 4rem;
+      justify-items: start;
+    }
+
+  .steps-vertical .step:before {
+      height: 100%;
+      width: calc(0.25rem * 2);
+      translate: -50% -50%;
+      margin-inline-start: 50%;
+    }
+
+  [dir="rtl"] .steps-vertical .step:before {
+      translate: 50% -50%;
+    }
+
+  .steps-horizontal {
+      grid-auto-columns: 1fr;
+      display: inline-grid;
+      grid-auto-flow: column;
+      overflow: hidden;
+      overflow-x: auto;
+    }
+
+  .steps-horizontal .step {
+      display: grid;
+      grid-template-columns: repeat(1, minmax(0, 1fr));
+      grid-template-columns: auto;
+      grid-template-rows: repeat(2, minmax(0, 1fr));
+      grid-template-rows: 40px 1fr;
+      place-items: center;
+      text-align: center;
+      min-width: 4rem;
+    }
+
+  .steps-horizontal .step:before {
+      height: calc(0.25rem * 2);
+      width: 100%;
+      translate: 0;
+      margin-inline-start: -100%;
+    }
+
+  [dir="rtl"] .steps-horizontal .step:before {
+      translate: 0;
+    }
+}

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

@@ -1,5 +1,5 @@
 import type { TableProps } from "../table";
-import type { StreamingColumnDef, StreamingConfig } from "./types";
+import type { StreamingColumnDef, StreamingConfig, SortingState } from "./types";
 export type StreamingTableProps<TData> = {
     data: TData[];
     columns: StreamingColumnDef<TData>[];
@@ -21,6 +21,8 @@ export type StreamingTableProps<TData> = {
     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.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.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.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 };