@pathscale/ui 1.1.12 → 1.1.13

package/dist/components/glass-panel/GlassPanel.js

@@ -2,7 +2,7 @@ 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_clsx__ from "clsx";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button class="flex w-full items-center justify-between gap-2 px-4 py-3 text-sm font-medium cursor-pointer select-none transition-colors duration-150 text-base-content/50 hover:text-base-content/80 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><span class="flex items-center gap-2"></span><svg fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=1.5><path stroke-linecap=round stroke-linejoin=round d="M19 9l-7 7-7-7">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div><div>");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button class="flex w-full items-center justify-between gap-2 px-4 py-3 text-sm font-medium cursor-pointer select-none transition-colors duration-150 text-base-content/50 hover:text-base-content/80 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><span class="flex items-center gap-2"></span><svg fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=1.5><path stroke-linecap=round stroke-linejoin=round d="M19 9l-7 7-7-7">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div><div class=overflow-hidden>");
 const BLUR_MAP = {
     none: "",
     sm: "backdrop-blur-sm",
@@ -126,17 +126,15 @@ const GlassPanel = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "id", contentId);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$3 = `grid transition-[grid-template-rows,opacity] duration-200 ease-in-out ${local.collapsible ? "overflow-hidden" : ""} ${local.collapsible && !isOpen() ? "" : contentClasses()}`, _v$4 = !local.collapsible || isOpen() ? "1fr" : "0fr", _v$5 = !local.collapsible || isOpen() ? "1" : "0", _v$6 = local.collapsible ? "overflow-hidden" : "";
+            var _v$3 = `grid transition-[grid-template-rows,opacity] duration-200 ease-in-out overflow-hidden ${local.collapsible && !isOpen() ? "" : contentClasses()}`, _v$4 = !local.collapsible || isOpen() ? "1fr" : "0fr", _v$5 = !local.collapsible || isOpen() ? "1" : "0";
             _v$3 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.e = _v$3);
             _v$4 !== _p$.t && (null != (_p$.t = _v$4) ? _el$5.style.setProperty("grid-template-rows", _v$4) : _el$5.style.removeProperty("grid-template-rows"));
             _v$5 !== _p$.a && (null != (_p$.a = _v$5) ? _el$5.style.setProperty("opacity", _v$5) : _el$5.style.removeProperty("opacity"));
-            _v$6 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, _p$.o = _v$6);
             return _p$;
         }, {
             e: void 0,
             t: void 0,
-            a: void 0,
-            o: void 0
+            a: void 0
         });
         return _el$;
     })();

package/dist/components/pagination/Pagination.css

@@ -0,0 +1,121 @@
+@layer components {
+  .pagination {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-between;
+    gap: 1rem;
+  }
+
+  @media (min-width: 640px) {
+    .pagination {
+      flex-direction: row;
+    }
+  }
+
+  .pagination__summary {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    align-self: flex-start;
+    font-size: 0.875rem;
+    opacity: 0.7;
+  }
+
+  @media (min-width: 640px) {
+    .pagination__summary {
+      align-self: center;
+    }
+  }
+
+  .pagination__content {
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+    align-self: flex-start;
+  }
+
+  @media (min-width: 640px) {
+    .pagination__content {
+      align-self: center;
+    }
+  }
+
+  .pagination__item {
+    display: inline-flex;
+  }
+
+  .pagination__link {
+    position: relative;
+    isolation: isolate;
+    display: inline-flex;
+    height: 2.25rem;
+    width: 2.25rem;
+    transform-origin: center;
+    align-items: center;
+    justify-content: center;
+    border-radius: 9999px;
+    border: 0;
+    background-color: transparent;
+    color: var(--color-base-content);
+    font-size: 0.875rem;
+    font-weight: 500;
+    white-space: nowrap;
+    outline: none;
+    user-select: none;
+    cursor: pointer;
+    transition:
+      transform 250ms var(--ease-smooth, cubic-bezier(0.22, 1, 0.36, 1)),
+      background-color 100ms ease-out,
+      box-shadow 100ms ease-out;
+  }
+
+  .pagination__link:focus-visible,
+  .pagination__link[data-focus-visible="true"] {
+    outline: none;
+    box-shadow: 0 0 0 2px var(--color-focus, var(--color-accent));
+  }
+
+  .pagination__link:disabled,
+  .pagination__link[aria-disabled="true"] {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  @media (hover: hover) {
+    .pagination__link:hover:not(:disabled),
+    .pagination__link[data-hovered="true"]:not(:disabled) {
+      background-color: var(--color-base-200);
+    }
+  }
+
+  .pagination__link:active:not(:disabled),
+  .pagination__link[data-pressed="true"]:not(:disabled) {
+    background-color: var(--color-base-300);
+    transform: scale(0.97);
+  }
+
+  .pagination__link[data-active="true"] {
+    background-color: var(--color-base-300);
+    color: var(--color-base-content);
+  }
+
+  .pagination__ellipsis {
+    display: inline-flex;
+    height: 2.25rem;
+    width: 2.25rem;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.875rem;
+    opacity: 0.65;
+    user-select: none;
+  }
+
+  .pagination__link--nav {
+    width: auto;
+    gap: 0.375rem;
+    padding-inline: 0.625rem;
+  }
+}
+

package/dist/components/pagination/Pagination.d.ts

@@ -1,5 +1,11 @@
+import "./Pagination.css";
 import { type JSX } from "solid-js";
-import { type JoinProps } from "../join/Join";
-export type PaginationProps = JoinProps;
+import type { IComponentBaseProps } from "../types";
+export type PaginationProps = Omit<JSX.HTMLAttributes<HTMLElement>, "onChange"> & IComponentBaseProps & {
+    page: number;
+    total: number;
+    onChange: (page: number) => void;
+    isDisabled?: boolean;
+};
 declare const Pagination: (props: PaginationProps) => JSX.Element;
 export default Pagination;

package/dist/components/pagination/Pagination.js

@@ -1,17 +1,123 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./Pagination.css";
 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__join_Join_js_ac0d20a5__ from "../join/Join.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)(`<nav><div class=pagination__summary data-slot=pagination-summary>Page <!> of </div><ul class=pagination__content data-slot=pagination-content><li class=pagination__item data-slot=pagination-item><button type=button class="pagination__link pagination__link--nav"data-slot=pagination-previous aria-label="Go to previous page"><span aria-hidden=true>\u{2039}</span><span>Previous</span></button></li><li class=pagination__item data-slot=pagination-item><button type=button class="pagination__link pagination__link--nav"data-slot=pagination-next aria-label="Go to next page"><span>Next</span><span aria-hidden=true>\u{203A}`), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li class=pagination__item data-slot=pagination-item>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button class=pagination__link data-slot=pagination-link>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)(`<span class=pagination__ellipsis data-slot=pagination-ellipsis aria-hidden=true>\u{2026}`);
+const clampPage = (page, total)=>{
+    if (!Number.isFinite(page)) return 1;
+    return Math.min(Math.max(1, Math.floor(page)), total);
+};
+const getPaginationTokens = (page, total)=>{
+    if (total <= 0) return [];
+    if (total <= 7) return Array.from({
+        length: total
+    }, (_, index)=>index + 1);
+    if (page <= 4) return [
+        1,
+        2,
+        3,
+        4,
+        5,
+        "ellipsis-right",
+        total
+    ];
+    if (page >= total - 3) return [
+        1,
+        "ellipsis-left",
+        total - 4,
+        total - 3,
+        total - 2,
+        total - 1,
+        total
+    ];
+    return [
+        1,
+        "ellipsis-left",
+        page - 1,
+        page,
+        page + 1,
+        "ellipsis-right",
+        total
+    ];
+};
 const Pagination = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "class",
-        "className"
+        "className",
+        "dataTheme",
+        "page",
+        "total",
+        "onChange",
+        "isDisabled"
     ]);
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__join_Join_js_ac0d20a5__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-        get ["class"] () {
-            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.class, local.className);
-        }
-    }));
+    const safeTotal = ()=>Math.max(1, Math.floor(local.total || 0));
+    const currentPage = ()=>clampPage(local.page, safeTotal());
+    const tokens = ()=>getPaginationTokens(currentPage(), safeTotal());
+    const disabled = ()=>Boolean(local.isDisabled);
+    const handleChange = (nextPage)=>{
+        if (disabled()) return;
+        const bounded = clampPage(nextPage, safeTotal());
+        if (bounded === currentPage()) return;
+        local.onChange(bounded);
+    };
+    return (()=>{
+        var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$5 = _el$3.nextSibling, _el$6 = (_el$5.nextSibling, _el$2.nextSibling), _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, _el$9 = _el$7.nextSibling, _el$0 = _el$9.firstChild;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            "aria-label": "pagination",
+            role: "navigation",
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("pagination", local.class, local.className);
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "pagination"
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, currentPage, _el$5);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, safeTotal, null);
+        _el$8.$$click = ()=>handleChange(currentPage() - 1);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+            get each () {
+                return tokens();
+            },
+            children: (token)=>(()=>{
+                    var _el$1 = _tmpl$2();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$1, "number" == typeof token ? (()=>{
+                        var _el$10 = _tmpl$3();
+                        _el$10.$$click = ()=>handleChange(token);
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "aria-label", `Go to page ${token}`);
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, token);
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                            var _v$3 = token === currentPage() ? "true" : void 0, _v$4 = token === currentPage() ? "page" : void 0, _v$5 = disabled();
+                            _v$3 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "data-active", _p$.e = _v$3);
+                            _v$4 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "aria-current", _p$.t = _v$4);
+                            _v$5 !== _p$.a && (_el$10.disabled = _p$.a = _v$5);
+                            return _p$;
+                        }, {
+                            e: void 0,
+                            t: void 0,
+                            a: void 0
+                        });
+                        return _el$10;
+                    })() : _tmpl$4());
+                    return _el$1;
+                })()
+        }), _el$9);
+        _el$0.$$click = ()=>handleChange(currentPage() + 1);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+            var _v$ = disabled() || currentPage() <= 1, _v$2 = disabled() || currentPage() >= safeTotal();
+            _v$ !== _p$.e && (_el$8.disabled = _p$.e = _v$);
+            _v$2 !== _p$.t && (_el$0.disabled = _p$.t = _v$2);
+            return _p$;
+        }, {
+            e: void 0,
+            t: void 0
+        });
+        return _el$;
+    })();
 };
 const pagination_Pagination = Pagination;
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click"
+]);
 export { pagination_Pagination as default };

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

@@ -2,11 +2,10 @@ 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)('<div class="flex justify-center items-center gap-2 mt-4"><span class="text-sm ml-2">Page <!> of '), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><span>");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=mt-4>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$3 = /*#__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",
@@ -88,18 +87,18 @@ const StreamingTable = (props)=>{
         });
     });
     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;
-        }
+    const sortDescriptor = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        const sorting = sortingState();
+        if (!sorting.columnId || !sorting.direction) return;
+        return {
+            column: sorting.columnId,
+            direction: "asc" === sorting.direction ? "ascending" : "descending"
+        };
+    });
+    const handleSortChange = (descriptor)=>{
         setSortingState({
-            columnId: null === newDirection ? null : columnId,
-            direction: newDirection
+            columnId: descriptor.column,
+            direction: "ascending" === descriptor.direction ? "asc" : "desc"
         });
     };
     const getSortValue = (row, col)=>{
@@ -140,17 +139,15 @@ const StreamingTable = (props)=>{
         });
         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"], {
+    const renderSortIndicator = (sortDirection)=>{
+        if (!local.enableSorting) return null;
+        if (!sortDirection) 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"], {
+        return "ascending" === sortDirection ? (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
@@ -186,22 +183,6 @@ const StreamingTable = (props)=>{
         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$2();
         (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, {
@@ -209,6 +190,10 @@ const StreamingTable = (props)=>{
                 return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].ScrollContainer, {
                     get children () {
                         return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].Content, {
+                            get sortDescriptor () {
+                                return sortDescriptor();
+                            },
+                            onSortChange: handleSortChange,
                             get children () {
                                 return [
                                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].Header, {
@@ -220,16 +205,18 @@ const StreamingTable = (props)=>{
                                                             return local.columns;
                                                         },
                                                         children: (col, index)=>{
+                                                            const columnId = getColumnId(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"].Column, {
-                                                                get children () {
-                                                                    var _el$7 = _tmpl$3(), _el$8 = _el$7.firstChild;
-                                                                    _el$7.$$click = ()=>isSortable && handleSort(col, index());
-                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$7, isSortable ? "flex items-center gap-2 cursor-pointer select-none" : "");
-                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>col.header);
-                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>renderSortIndicator(col, index()), null);
-                                                                    return _el$7;
-                                                                }
+                                                                id: columnId,
+                                                                allowsSorting: isSortable,
+                                                                children: ({ sortDirection })=>(()=>{
+                                                                        var _el$3 = _tmpl$3(), _el$4 = _el$3.firstChild;
+                                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, isSortable ? "flex items-center gap-2 cursor-pointer select-none" : "");
+                                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>col.header);
+                                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>renderSortIndicator(isSortable ? sortDirection : void 0), null);
+                                                                        return _el$3;
+                                                                    })()
                                                             });
                                                         }
                                                     });
@@ -296,53 +283,16 @@ const StreamingTable = (props)=>{
                 return enablePagination && totalPages() > 0;
             },
             get children () {
-                var _el$2 = _tmpl$(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$6 = _el$4.nextSibling;
-                _el$6.nextSibling;
+                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__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$3);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>currentPage() + 1, _el$6);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, totalPages, null);
+                    get page () {
+                        return currentPage() + 1;
+                    },
+                    get total () {
+                        return totalPages();
+                    },
+                    onChange: (page)=>goToPage(page - 1)
+                }));
                 return _el$2;
             }
         }), null);
@@ -351,7 +301,4 @@ const StreamingTable = (props)=>{
     })();
 };
 const streaming_table_StreamingTable = StreamingTable;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "click"
-]);
 export { streaming_table_StreamingTable as default };

package/dist/components/table/EnhancedTable.d.ts

@@ -1,4 +1,4 @@
-import "./table.css";
+import "./Table.css";
 import { type Accessor, type JSX } from "solid-js";
 import { type ColumnDef, type SortingState, type ColumnFiltersState, type PaginationState, type OnChangeFn, type ExpandedState } from "@tanstack/solid-table";
 import { type TableRootProps } from "./Table";