@pathscale/ui 0.0.130 → 0.0.132

package/dist/components/immersive-landing/index.d.ts

@@ -1,4 +1,7 @@
 export { default } from "./ImmersiveLanding";
 export { useImmersiveLanding } from "./useImmersiveLanding";
 export { ImmersiveLandingContext, useImmersiveLandingContext } from "./ImmersiveLandingContext";
-export type { ImmersiveLandingProps, ImmersiveLandingPageProps, ImmersiveLandingArrowsProps, ImmersiveLandingNavigationProps, ImmersiveLandingContextValue, UseImmersiveLandingOptions, UseImmersiveLandingReturn, } from "./types";
+export { CookieConsent } from "./components/CookieConsent";
+export { PWAInstallPrompt } from "./components/PWAInstallPrompt";
+export { FirefoxPWABanner } from "./components/FirefoxPWABanner";
+export type { ImmersiveLandingProps, ImmersiveLandingPageProps, ImmersiveLandingArrowsProps, ImmersiveLandingNavigationProps, ImmersiveLandingContextValue, UseImmersiveLandingOptions, UseImmersiveLandingReturn, CookieConsentProps, CookieConsentTexts, CookieConsentStorageKeys, PWAInstallPromptProps, PWAInstallPromptTexts, FirefoxPWABannerProps, FirefoxPWABannerTexts, } from "./types";

package/dist/index.d.ts

@@ -40,8 +40,8 @@ export { default as Grid } from "./components/grid";
 export { default as Hero } from "./components/hero";
 export type { HeroContentProps, HeroOverlayProps, HeroProps, } from "./components/hero";
 export { default as Icon } from "./components/icon";
-export { default as ImmersiveLanding, useImmersiveLanding, useImmersiveLandingContext, ImmersiveLandingContext, } from "./components/immersive-landing";
-export type { ImmersiveLandingProps, ImmersiveLandingPageProps, ImmersiveLandingArrowsProps, ImmersiveLandingNavigationProps, ImmersiveLandingContextValue, UseImmersiveLandingOptions, UseImmersiveLandingReturn, } from "./components/immersive-landing";
+export { default as ImmersiveLanding, useImmersiveLanding, useImmersiveLandingContext, ImmersiveLandingContext, CookieConsent, PWAInstallPrompt, FirefoxPWABanner, } from "./components/immersive-landing";
+export type { ImmersiveLandingProps, ImmersiveLandingPageProps, ImmersiveLandingArrowsProps, ImmersiveLandingNavigationProps, ImmersiveLandingContextValue, UseImmersiveLandingOptions, UseImmersiveLandingReturn, CookieConsentProps, CookieConsentTexts, CookieConsentStorageKeys, PWAInstallPromptProps, PWAInstallPromptTexts, FirefoxPWABannerProps, FirefoxPWABannerTexts, } from "./components/immersive-landing";
 export { default as Indicator } from "./components/indicator";
 export { default as Input } from "./components/input";
 export { default as Join } from "./components/join";

package/dist/index.js

@@ -15026,7 +15026,7 @@ const table_Table = Object.assign(Table, {
     Cell: TableCell,
     HeadCell: table_TableHeadCell
 });
-var EnhancedTable_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="cursor-pointer ml-auto">'), EnhancedTable_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class=mb-2></div><div class="flex gap-2 justify-end">'), EnhancedTable_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="flex items-center gap-2"><span class=opacity-70>Rows per page</span></div><div class="flex items-center gap-3 ml-4"><span class=opacity-70>Page <!> of </span><div class=join>'), EnhancedTable_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex items-center gap-2"><div class=truncate></div><div class=grow>'), EnhancedTable_tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex gap-2">');
+var EnhancedTable_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="cursor-pointer ml-auto">'), EnhancedTable_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class=mb-2></div><div class="flex gap-2 justify-end">'), EnhancedTable_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="enhanced-table-footer shrink-0 border-t border-base-300"><div class="px-4 py-3"><div><div class="flex items-center gap-2"><span class=opacity-70>Rows per page</span></div><div class="flex items-center gap-3 ml-4"><span class=opacity-70>Page <!> of </span><div class=join>'), EnhancedTable_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="enhanced-table-root flex h-full min-h-0 w-full flex-col"><div class="enhanced-table-scroll flex-1 min-h-0 overflow-y-auto overflow-x-auto">'), EnhancedTable_tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="menu p-2 shadow bg-base-100 rounded-box border border-base-300 w-24"role=menu aria-label="Rows per page">'), EnhancedTable_tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex items-center gap-2"><div class=truncate></div><div class=grow>'), EnhancedTable_tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button>"), EnhancedTable_tmpl$8 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex gap-2">');
 function EnhancedTable_EnhancedTable(props) {
     const [local, tableProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "data",
@@ -15065,6 +15065,22 @@ function EnhancedTable_EnhancedTable(props) {
         "lastPageIcon"
     ]);
     const [openFilterFor, setOpenFilterFor] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
+    const [pageSizeMenuOpen, setPageSizeMenuOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const [pageSizeMenuStyle, setPageSizeMenuStyle] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)({
+        position: "fixed",
+        top: "0px",
+        left: "0px",
+        "min-width": "96px",
+        "z-index": 1300
+    });
+    const pageSizeOptions = [
+        10,
+        25,
+        50,
+        100
+    ];
+    let pageSizeToggleRef;
+    let pageSizeMenuRef;
     const table = (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.createSolidTable)({
         get data () {
             return local.data;
@@ -15127,7 +15143,7 @@ function EnhancedTable_EnhancedTable(props) {
         return pageCount > 1 || totalRows > pageSize;
     });
     const headerGroups = ()=>table.getHeaderGroups();
-    const visibleColumnCount = ()=>headerGroups()[0]?.headers.length ?? 0;
+    const totalColumns = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>table.getVisibleLeafColumns().length + (local.enableRowSelection ? 1 : 0) + (local.expandable ? 1 : 0));
     const FilterIconTrigger = (props)=>(()=>{
             var _el$ = EnhancedTable_tmpl$();
             _el$.$$click = (e)=>{
@@ -15175,377 +15191,433 @@ function EnhancedTable_EnhancedTable(props) {
             }
         });
     };
-    table.getAllLeafColumns().length, local.enableRowSelection, local.expandable;
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(tableProps, {
-        get ["class"] () {
-            return dist_clsx(tableProps.class, "table-auto");
-        },
-        get children () {
-            return [
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Head, {
-                    noCell: true,
-                    get children () {
-                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
-                            get each () {
-                                return headerGroups();
-                            },
-                            children: (hg)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
-                                    get children () {
-                                        return [
-                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                                                get when () {
-                                                    return local.expandable;
-                                                },
-                                                get children () {
-                                                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.HeadCell, {
-                                                        class: "w-6"
-                                                    });
-                                                }
-                                            }),
-                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                                                get when () {
-                                                    return local.enableRowSelection;
-                                                },
-                                                get children () {
-                                                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.HeadCell, {
-                                                        class: "w-8",
+    const ensurePortalRoot = ()=>{
+        if ("undefined" == typeof document) return;
+        const existing = document.getElementById("enhanced-table-overlay-root");
+        if (existing) return existing;
+        const root = document.createElement("div");
+        root.id = "enhanced-table-overlay-root";
+        document.body.append(root);
+        return root;
+    };
+    const updatePageSizeMenuPosition = ()=>{
+        const toggleEl = pageSizeToggleRef;
+        const menuEl = pageSizeMenuRef;
+        if (!toggleEl || !menuEl) return;
+        const viewportPadding = 8;
+        const gap = 4;
+        const toggleRect = toggleEl.getBoundingClientRect();
+        const menuRect = menuEl.getBoundingClientRect();
+        const menuWidth = menuRect.width || Math.max(toggleRect.width, 96);
+        const menuHeight = menuRect.height || 0;
+        const viewportWidth = window.innerWidth;
+        const viewportHeight = window.innerHeight;
+        let left = toggleRect.right - menuWidth;
+        left = Math.max(viewportPadding, Math.min(left, viewportWidth - menuWidth - viewportPadding));
+        const spaceBelow = viewportHeight - toggleRect.bottom;
+        const spaceAbove = toggleRect.top;
+        const shouldOpenUp = spaceBelow < menuHeight + gap && spaceAbove > menuHeight + gap;
+        let top = shouldOpenUp ? toggleRect.top - menuHeight - gap : toggleRect.bottom + gap;
+        top = Math.max(viewportPadding, Math.min(top, viewportHeight - menuHeight - viewportPadding));
+        setPageSizeMenuStyle({
+            position: "fixed",
+            top: `${top}px`,
+            left: `${left}px`,
+            "min-width": `${Math.max(toggleRect.width, 96)}px`,
+            "z-index": 1300
+        });
+    };
+    const closePageSizeMenu = ()=>setPageSizeMenuOpen(false);
+    const togglePageSizeMenu = ()=>setPageSizeMenuOpen((current)=>!current);
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        if (!shouldShowPagination()) closePageSizeMenu();
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        if (!pageSizeMenuOpen()) return;
+        ensurePortalRoot();
+        requestAnimationFrame(()=>{
+            updatePageSizeMenuPosition();
+            requestAnimationFrame(updatePageSizeMenuPosition);
+        });
+        const onPointerDown = (event)=>{
+            const target = event.target;
+            if (!target) return;
+            if (pageSizeToggleRef?.contains(target)) return;
+            if (pageSizeMenuRef?.contains(target)) return;
+            closePageSizeMenu();
+        };
+        const onKeyDown = (event)=>{
+            if ("Escape" === event.key) closePageSizeMenu();
+        };
+        const onViewportChange = ()=>updatePageSizeMenuPosition();
+        document.addEventListener("pointerdown", onPointerDown);
+        document.addEventListener("keydown", onKeyDown);
+        window.addEventListener("resize", onViewportChange);
+        window.addEventListener("scroll", onViewportChange, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+            document.removeEventListener("pointerdown", onPointerDown);
+            document.removeEventListener("keydown", onKeyDown);
+            window.removeEventListener("resize", onViewportChange);
+            window.removeEventListener("scroll", onViewportChange, true);
+        });
+    });
+    return [
+        (()=>{
+            var _el$5 = EnhancedTable_tmpl$4(), _el$6 = _el$5.firstChild;
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(tableProps, {
+                get ["class"] () {
+                    return dist_clsx(tableProps.class, "table-auto");
+                },
+                get children () {
+                    return [
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Head, {
+                            noCell: true,
+                            get children () {
+                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                                    get each () {
+                                        return headerGroups();
+                                    },
+                                    children: (hg)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
+                                            get children () {
+                                                return [
+                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                        get when () {
+                                                            return local.expandable;
+                                                        },
                                                         get children () {
-                                                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(checkbox_Checkbox, {
-                                                                get checked () {
-                                                                    return table.getIsAllPageRowsSelected();
-                                                                },
-                                                                get indeterminate () {
-                                                                    return table.getIsSomePageRowsSelected();
-                                                                },
-                                                                get onChange () {
-                                                                    return table.getToggleAllPageRowsSelectedHandler();
-                                                                }
+                                                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.HeadCell, {
+                                                                class: "w-6"
                                                             });
                                                         }
-                                                    });
-                                                }
-                                            }),
-                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
-                                                get each () {
-                                                    return hg.headers;
-                                                },
-                                                children: (header)=>{
-                                                    const colId = header.column.id;
-                                                    const canSort = local.enableSorting && false !== header.column.columnDef.enableSorting && header.column.getCanSort();
-                                                    const canFilter = local.enableFilters && false !== header.column.columnDef.enableColumnFilter && header.column.getCanFilter();
-                                                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.HeadCell, {
-                                                        class: canSort ? "relative cursor-pointer select-none" : "relative",
-                                                        get onClick () {
-                                                            return canSort ? header.column.getToggleSortingHandler() : void 0;
+                                                    }),
+                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                        get when () {
+                                                            return local.enableRowSelection;
                                                         },
                                                         get children () {
-                                                            var _el$13 = EnhancedTable_tmpl$4(), _el$14 = _el$13.firstChild, _el$15 = _el$14.nextSibling;
-                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$14, ()=>(0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.flexRender)(header.column.columnDef.header, header.getContext()));
-                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                                                                get when () {
-                                                                    return "asc" === header.column.getIsSorted();
-                                                                },
-                                                                get children () {
-                                                                    return local.sortAscIcon;
-                                                                }
-                                                            }), _el$15);
-                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                                                                get when () {
-                                                                    return "desc" === header.column.getIsSorted();
-                                                                },
+                                                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.HeadCell, {
+                                                                class: "w-8",
                                                                 get children () {
-                                                                    return local.sortDescIcon;
-                                                                }
-                                                            }), _el$15);
-                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                                                                get when () {
-                                                                    return canSort && false === header.column.getIsSorted() && local.sortNeutralIcon;
-                                                                },
-                                                                get children () {
-                                                                    return local.sortNeutralIcon;
-                                                                }
-                                                            }), _el$15);
-                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                                                                when: canFilter,
-                                                                get children () {
-                                                                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FilterIconTrigger, {
-                                                                        colId: colId
+                                                                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(checkbox_Checkbox, {
+                                                                        get checked () {
+                                                                            return table.getIsAllPageRowsSelected();
+                                                                        },
+                                                                        get indeterminate () {
+                                                                            return table.getIsSomePageRowsSelected();
+                                                                        },
+                                                                        get onChange () {
+                                                                            return table.getToggleAllPageRowsSelectedHandler();
+                                                                        }
                                                                     });
                                                                 }
-                                                            }), null);
-                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                                                                when: canFilter,
+                                                            });
+                                                        }
+                                                    }),
+                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                                                        get each () {
+                                                            return hg.headers;
+                                                        },
+                                                        children: (header)=>{
+                                                            const colId = header.column.id;
+                                                            const canSort = local.enableSorting && false !== header.column.columnDef.enableSorting && header.column.getCanSort();
+                                                            const canFilter = local.enableFilters && false !== header.column.columnDef.enableColumnFilter && header.column.getCanFilter();
+                                                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.HeadCell, {
+                                                                class: canSort ? "relative cursor-pointer select-none" : "relative",
+                                                                get onClick () {
+                                                                    return canSort ? header.column.getToggleSortingHandler() : void 0;
+                                                                },
                                                                 get children () {
-                                                                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FilterPanel, {
-                                                                        get column () {
-                                                                            return header.column;
+                                                                    var _el$18 = EnhancedTable_tmpl$6(), _el$19 = _el$18.firstChild, _el$20 = _el$19.nextSibling;
+                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$19, ()=>(0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.flexRender)(header.column.columnDef.header, header.getContext()));
+                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                                        get when () {
+                                                                            return "asc" === header.column.getIsSorted();
+                                                                        },
+                                                                        get children () {
+                                                                            return local.sortAscIcon;
                                                                         }
-                                                                    });
+                                                                    }), _el$20);
+                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                                        get when () {
+                                                                            return "desc" === header.column.getIsSorted();
+                                                                        },
+                                                                        get children () {
+                                                                            return local.sortDescIcon;
+                                                                        }
+                                                                    }), _el$20);
+                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                                        get when () {
+                                                                            return canSort && false === header.column.getIsSorted() && local.sortNeutralIcon;
+                                                                        },
+                                                                        get children () {
+                                                                            return local.sortNeutralIcon;
+                                                                        }
+                                                                    }), _el$20);
+                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                                        when: canFilter,
+                                                                        get children () {
+                                                                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FilterIconTrigger, {
+                                                                                colId: colId
+                                                                            });
+                                                                        }
+                                                                    }), null);
+                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                                        when: canFilter,
+                                                                        get children () {
+                                                                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FilterPanel, {
+                                                                                get column () {
+                                                                                    return header.column;
+                                                                                }
+                                                                            });
+                                                                        }
+                                                                    }), null);
+                                                                    return _el$18;
                                                                 }
-                                                            }), null);
-                                                            return _el$13;
+                                                            });
                                                         }
-                                                    });
-                                                }
-                                            })
-                                        ];
-                                    }
-                                })
-                        });
-                    }
-                }),
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Body, {
-                    get children () {
-                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.loading)() ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
+                                                    })
+                                                ];
+                                            }
+                                        })
+                                });
+                            }
+                        }),
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Body, {
                             get children () {
-                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
-                                    get colSpan () {
-                                        return visibleColumnCount();
-                                    },
-                                    class: "text-center py-6",
+                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.loading)() ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
                                     get children () {
-                                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.renderLoading)() ? local.renderLoading() : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(loading_Loading, {
-                                            variant: "spinner",
-                                            size: "lg",
-                                            color: "primary"
+                                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
+                                            get colSpan () {
+                                                return totalColumns();
+                                            },
+                                            class: "text-center py-6",
+                                            get children () {
+                                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.renderLoading)() ? local.renderLoading() : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(loading_Loading, {
+                                                    variant: "spinner",
+                                                    size: "lg",
+                                                    color: "primary"
+                                                });
+                                            }
                                         });
                                     }
-                                });
-                            }
-                        }) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!(0 === tableRows().length && local.renderEmpty))() ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
-                            get children () {
-                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
-                                    get colSpan () {
-                                        return visibleColumnCount();
-                                    },
-                                    class: "text-center py-4",
+                                }) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!(0 === tableRows().length && local.renderEmpty))() ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
                                     get children () {
-                                        return local.renderEmpty();
+                                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
+                                            get colSpan () {
+                                                return totalColumns();
+                                            },
+                                            class: "text-center py-4",
+                                            get children () {
+                                                return local.renderEmpty();
+                                            }
+                                        });
                                     }
-                                });
-                            }
-                        }) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
-                            get each () {
-                                return tableRows();
-                            },
-                            children: (row)=>[
-                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
-                                        get children () {
-                                            return [
-                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                                                    get when () {
-                                                        return local.expandable;
-                                                    },
-                                                    get children () {
-                                                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
-                                                            class: "w-6",
+                                }) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                                    get each () {
+                                        return tableRows();
+                                    },
+                                    children: (row)=>[
+                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
+                                                get children () {
+                                                    return [
+                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                            get when () {
+                                                                return local.expandable;
+                                                            },
                                                             get children () {
-                                                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
-                                                                    size: "xs",
-                                                                    color: "ghost",
-                                                                    shape: "circle",
-                                                                    get onClick () {
-                                                                        return row.getToggleExpandedHandler();
-                                                                    },
+                                                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
+                                                                    class: "w-6",
                                                                     get children () {
-                                                                        return row.getIsExpanded() ? local.collapseIcon ?? "v" : local.expandIcon ?? ">";
+                                                                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
+                                                                            size: "xs",
+                                                                            color: "ghost",
+                                                                            shape: "circle",
+                                                                            get onClick () {
+                                                                                return row.getToggleExpandedHandler();
+                                                                            },
+                                                                            get children () {
+                                                                                return row.getIsExpanded() ? local.collapseIcon ?? "v" : local.expandIcon ?? ">";
+                                                                            }
+                                                                        });
                                                                     }
                                                                 });
                                                             }
-                                                        });
-                                                    }
-                                                }),
-                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                                                    get when () {
-                                                        return local.enableRowSelection;
-                                                    },
-                                                    get children () {
-                                                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
-                                                            class: "w-8",
+                                                        }),
+                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                            get when () {
+                                                                return local.enableRowSelection;
+                                                            },
                                                             get children () {
-                                                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(checkbox_Checkbox, {
-                                                                    get checked () {
-                                                                        return row.getIsSelected();
-                                                                    },
-                                                                    get onChange () {
-                                                                        return row.getToggleSelectedHandler();
+                                                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
+                                                                    class: "w-8",
+                                                                    get children () {
+                                                                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(checkbox_Checkbox, {
+                                                                            get checked () {
+                                                                                return row.getIsSelected();
+                                                                            },
+                                                                            get onChange () {
+                                                                                return row.getToggleSelectedHandler();
+                                                                            }
+                                                                        });
                                                                     }
                                                                 });
                                                             }
-                                                        });
-                                                    }
-                                                }),
-                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
-                                                    get each () {
-                                                        return row.getVisibleCells();
-                                                    },
-                                                    children: (cell)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
-                                                            get children () {
-                                                                return (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.flexRender)(cell.column.columnDef.cell, cell.getContext());
-                                                            }
+                                                        }),
+                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                                                            get each () {
+                                                                return row.getVisibleCells();
+                                                            },
+                                                            children: (cell)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
+                                                                    get children () {
+                                                                        return (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.flexRender)(cell.column.columnDef.cell, cell.getContext());
+                                                                    }
+                                                                })
                                                         })
-                                                })
-                                            ];
-                                        }
-                                    }),
-                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                                        get when () {
-                                            return row.getIsExpanded() && local.expandable;
-                                        },
-                                        get children () {
-                                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
+                                                    ];
+                                                }
+                                            }),
+                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                get when () {
+                                                    return row.getIsExpanded() && local.expandable;
+                                                },
                                                 get children () {
-                                                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
-                                                        get colSpan () {
-                                                            return visibleColumnCount();
-                                                        },
+                                                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
                                                         get children () {
-                                                            return local.expandable?.expandedRowRender({
-                                                                row
+                                                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
+                                                                get colSpan () {
+                                                                    return totalColumns();
+                                                                },
+                                                                get children () {
+                                                                    return local.expandable?.expandedRowRender({
+                                                                        row
+                                                                    });
+                                                                }
                                                             });
                                                         }
                                                     });
                                                 }
-                                            });
-                                        }
-                                    })
-                                ]
-                        });
-                    }
-                }),
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                    get when () {
-                        return shouldShowPagination();
-                    },
-                    get children () {
-                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Footer, {
-                            noCell: true,
-                            get children () {
-                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
-                                    get children () {
-                                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
-                                            get colSpan () {
-                                                return visibleColumnCount();
-                                            },
-                                            get children () {
-                                                var _el$5 = EnhancedTable_tmpl$3(), _el$6 = _el$5.firstChild, _el$8 = (_el$6.firstChild, _el$6.nextSibling), _el$9 = _el$8.firstChild, _el$0 = _el$9.firstChild, _el$11 = _el$0.nextSibling, _el$12 = (_el$11.nextSibling, _el$9.nextSibling);
-                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown, {
-                                                    class: "dropdown-end",
-                                                    get children () {
-                                                        return [
-                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Toggle, {
-                                                                button: true,
-                                                                size: "sm",
-                                                                color: "neutral",
-                                                                get children () {
-                                                                    return table.getState().pagination.pageSize;
-                                                                }
-                                                            }),
-                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Menu, {
-                                                                class: "w-24",
-                                                                get children () {
-                                                                    return [
-                                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Item, {
-                                                                            onClick: ()=>table.setPageSize(10),
-                                                                            get ["aria-selected"] () {
-                                                                                return 10 === table.getState().pagination.pageSize;
-                                                                            },
-                                                                            get ["class"] () {
-                                                                                return dist_clsx(10 === table.getState().pagination.pageSize && "active");
-                                                                            },
-                                                                            children: "10"
-                                                                        }),
-                                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Item, {
-                                                                            onClick: ()=>table.setPageSize(25),
-                                                                            get ["aria-selected"] () {
-                                                                                return 25 === table.getState().pagination.pageSize;
-                                                                            },
-                                                                            get ["class"] () {
-                                                                                return dist_clsx(25 === table.getState().pagination.pageSize && "active");
-                                                                            },
-                                                                            children: "25"
-                                                                        }),
-                                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Item, {
-                                                                            onClick: ()=>table.setPageSize(50),
-                                                                            get ["aria-selected"] () {
-                                                                                return 50 === table.getState().pagination.pageSize;
-                                                                            },
-                                                                            get ["class"] () {
-                                                                                return dist_clsx(50 === table.getState().pagination.pageSize && "active");
-                                                                            },
-                                                                            children: "50"
-                                                                        }),
-                                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown.Item, {
-                                                                            onClick: ()=>table.setPageSize(100),
-                                                                            get ["aria-selected"] () {
-                                                                                return 100 === table.getState().pagination.pageSize;
-                                                                            },
-                                                                            get ["class"] () {
-                                                                                return dist_clsx(100 === table.getState().pagination.pageSize && "active");
-                                                                            },
-                                                                            children: "100"
-                                                                        })
-                                                                    ];
-                                                                }
-                                                            })
-                                                        ];
-                                                    }
-                                                }), null);
-                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>table.getState().pagination.pageIndex + 1, _el$11);
-                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>table.getPageCount() || 1, null);
-                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
-                                                    size: "sm",
-                                                    get disabled () {
-                                                        return !table.getCanPreviousPage();
-                                                    },
-                                                    onClick: ()=>table.setPageIndex(0),
-                                                    get children () {
-                                                        return local.firstPageIcon ?? "|<<";
-                                                    }
-                                                }), null);
-                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
-                                                    size: "sm",
-                                                    get disabled () {
-                                                        return !table.getCanPreviousPage();
-                                                    },
-                                                    onClick: ()=>table.previousPage(),
-                                                    get children () {
-                                                        return local.prevPageIcon ?? "<<";
-                                                    }
-                                                }), null);
-                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
-                                                    size: "sm",
-                                                    get disabled () {
-                                                        return !table.getCanNextPage();
-                                                    },
-                                                    onClick: ()=>table.nextPage(),
-                                                    get children () {
-                                                        return local.nextPageIcon ?? ">>";
-                                                    }
-                                                }), null);
-                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
-                                                    size: "sm",
-                                                    get disabled () {
-                                                        return !table.getCanNextPage();
-                                                    },
-                                                    onClick: ()=>table.setPageIndex(table.getPageCount() - 1),
-                                                    get children () {
-                                                        return local.lastPageIcon ?? ">>|";
-                                                    }
-                                                }), null);
-                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, dist_clsx("flex items-center w-full", "bottomLeft" === local.paginationPosition && "justify-start", "bottomCenter" === local.paginationPosition && "justify-center", "bottomRight" === local.paginationPosition && "justify-end")));
-                                                return _el$5;
-                                            }
-                                        });
-                                    }
+                                            })
+                                        ]
                                 });
                             }
-                        });
+                        })
+                    ];
+                }
+            })));
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                get when () {
+                    return shouldShowPagination();
+                },
+                get children () {
+                    var _el$7 = EnhancedTable_tmpl$3(), _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$0 = _el$9.firstChild, _el$10 = (_el$0.firstChild, _el$0.nextSibling), _el$11 = _el$10.firstChild, _el$12 = _el$11.firstChild, _el$15 = _el$12.nextSibling, _el$16 = (_el$15.nextSibling, _el$11.nextSibling);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
+                        size: "sm",
+                        color: "neutral",
+                        "aria-haspopup": "menu",
+                        get ["aria-expanded"] () {
+                            return pageSizeMenuOpen();
+                        },
+                        onClick: (event)=>{
+                            event.stopPropagation();
+                            togglePageSizeMenu();
+                        },
+                        ref: (el)=>{
+                            pageSizeToggleRef = el;
+                        },
+                        get children () {
+                            return table.getState().pagination.pageSize;
+                        }
+                    }), null);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, ()=>table.getState().pagination.pageIndex + 1, _el$15);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, ()=>table.getPageCount() || 1, null);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
+                        size: "sm",
+                        get disabled () {
+                            return !table.getCanPreviousPage();
+                        },
+                        onClick: ()=>table.setPageIndex(0),
+                        get children () {
+                            return local.firstPageIcon ?? "|<<";
+                        }
+                    }), null);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
+                        size: "sm",
+                        get disabled () {
+                            return !table.getCanPreviousPage();
+                        },
+                        onClick: ()=>table.previousPage(),
+                        get children () {
+                            return local.prevPageIcon ?? "<<";
+                        }
+                    }), null);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
+                        size: "sm",
+                        get disabled () {
+                            return !table.getCanNextPage();
+                        },
+                        onClick: ()=>table.nextPage(),
+                        get children () {
+                            return local.nextPageIcon ?? ">>";
+                        }
+                    }), null);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
+                        size: "sm",
+                        get disabled () {
+                            return !table.getCanNextPage();
+                        },
+                        onClick: ()=>table.setPageIndex(table.getPageCount() - 1),
+                        get children () {
+                            return local.lastPageIcon ?? ">>|";
+                        }
+                    }), null);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$9, dist_clsx("flex items-center w-full", "bottomLeft" === local.paginationPosition && "justify-start", "bottomCenter" === local.paginationPosition && "justify-center", "bottomRight" === local.paginationPosition && "justify-end")));
+                    return _el$7;
+                }
+            }), null);
+            return _el$5;
+        })(),
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return pageSizeMenuOpen();
+            },
+            get children () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Portal, {
+                    get mount () {
+                        return ensurePortalRoot();
+                    },
+                    get children () {
+                        var _el$17 = EnhancedTable_tmpl$5();
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>{
+                            pageSizeMenuRef = el;
+                        }, _el$17);
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$17, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                            each: pageSizeOptions,
+                            children: (size)=>(()=>{
+                                    var _el$21 = EnhancedTable_tmpl$7();
+                                    _el$21.$$click = ()=>{
+                                        table.setPageSize(size);
+                                        closePageSizeMenu();
+                                    };
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$21, size);
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                                        var _v$ = dist_clsx("btn btn-sm btn-ghost justify-start", table.getState().pagination.pageSize === size && "btn-active"), _v$2 = table.getState().pagination.pageSize === size;
+                                        _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$21, _p$.e = _v$);
+                                        _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$21, "aria-pressed", _p$.t = _v$2);
+                                        return _p$;
+                                    }, {
+                                        e: void 0,
+                                        t: void 0
+                                    });
+                                    return _el$21;
+                                })()
+                        }));
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_$p)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$17, pageSizeMenuStyle(), _$p));
+                        return _el$17;
                     }
-                })
-            ];
-        }
-    }));
+                });
+            }
+        })
+    ];
 }
 function ColumnFilter(props) {
     const col = props.column;
@@ -15572,8 +15644,8 @@ function ColumnFilter(props) {
             ]);
         };
         return (()=>{
-            var _el$16 = EnhancedTable_tmpl$5();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
+            var _el$22 = EnhancedTable_tmpl$8();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$22, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
                 size: "sm",
                 type: "number",
                 placeholder: "Min",
@@ -15582,7 +15654,7 @@ function ColumnFilter(props) {
                 },
                 onInput: (e)=>setRange(e.currentTarget.value, v[1])
             }), null);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$22, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
                 size: "sm",
                 type: "number",
                 placeholder: "Max",
@@ -15591,7 +15663,7 @@ function ColumnFilter(props) {
                 },
                 onInput: (e)=>setRange(v[0], e.currentTarget.value)
             }), null);
-            return _el$16;
+            return _el$22;
         })();
     }
     if ("select" === type) {
@@ -17477,4 +17549,4 @@ const createRouteTransitionResolver = (options)=>{
         return fallback ?? noMotion;
     };
 };
-export { accordion_Accordion as Accordion, alert_Alert as Alert, AlphaSlider, artboard_Artboard as Artboard, avatar as Avatar, background_Background as Background, Badge, bottom_sheet_BottomSheet as BottomSheet, Breadcrumbs, breadcrumbs_BreadcrumbsItem as BreadcrumbsItem, browsermockup_BrowserMockup as BrowserMockup, button_Button as Button, Calendar, card_Card as Card, carousel_Carousel as Carousel, chatbubble_ChatBubble as ChatBubble, checkbox_Checkbox as Checkbox, codemockup_CodeMockup as CodeMockup, CodeMockupLine, collapse_Collapse as Collapse, CollapseContent, CollapseDetails, CollapseTitle, colorpicker_ColorInput as ColorInput, colorpicker_ColorPicker as ColorPicker, ColorPickerContext, ColorPickerFlowerSelector, colorpicker_ColorPickerGradientSelector as ColorPickerGradientSelector, ColorPickerWheelSelector, colorpicker_ColorPreview as ColorPreview, colorpicker_ColorSwatches as ColorSwatches, ColorWheel, colorpicker_ColorWheelFlower as ColorWheelFlower, connectionstatus_ConnectionStatus as ConnectionStatus, CopyButton, countdown_Countdown as Countdown, diff_Diff as Diff, divider as Divider, dock as Dock, Drawer, dropdown as Dropdown, EnhancedTable, FileInput, flex_Flex as Flex, footer_Footer as Footer, form_Form as Form, Grid, hero_Hero as Hero, colorpicker_HueSlider as HueSlider, I18nContext, I18nProvider, icon_Icon as Icon, immersive_landing_ImmersiveLanding as ImmersiveLanding, ImmersiveLandingContext, indicator_Indicator as Indicator, input as Input, join_Join as Join, kbd_Kbd as Kbd, language_switcher_LanguageSwitcher as LanguageSwitcher, LightnessSlider, link_Link as Link, live_chat_LiveChatBubble as LiveChatBubble, LiveChatPanel, loading_Loading as Loading, mask as Mask, menu_Menu as Menu, modal_Modal as Modal, MotionDiv, navbar_Navbar as Navbar, pagination_Pagination as Pagination, phonemockup_PhoneMockup as PhoneMockup, Progress, props_table_PropsTable as PropsTable, radialprogress_RadialProgress as RadialProgress, radio_Radio as Radio, range_Range as Range, Rating, colorpicker_SaturationBrightness as SaturationBrightness, select_Select as Select, showcase_ShowcaseBlock as ShowcaseBlock, ShowcaseSection, sidenav_Sidenav as Sidenav, sidenav_SidenavButton as SidenavButton, sidenav_SidenavGroup as SidenavGroup, sidenav_SidenavItem as SidenavItem, sidenav_SidenavLink as SidenavLink, sidenav_SidenavMenu as SidenavMenu, skeleton_Skeleton as Skeleton, Stack, stat_card_StatCard as StatCard, stats_Stats as Stats, status_Status as Status, steps as Steps, streaming_table_StreamingTable as StreamingTable, Summary, SvgBackground, Swap, table_Table as Table, tabs_Tabs as Tabs, textarea_Textarea as Textarea, ThemeColorPicker, Timeline, timeline_TimelineEnd as TimelineEnd, timeline_TimelineItem as TimelineItem, timeline_TimelineMiddle as TimelineMiddle, timeline_TimelineStart as TimelineStart, toast_Toast as Toast, ToastContainer, ToastStack_ToastStack as ToastStack, toggle_Toggle as Toggle, tooltip_Tooltip as Tooltip, windowmockup_WindowMockup as WindowMockup, createHueShiftStore, createI18n, createMotionPresets, createMotionSystem, createPopmotionDriver, createRouteTransitionResolver, createStreamingTableStore, connectionstatus_ConnectionStatus as default, defaultMotionTokens, enablePopmotion, getDefaultHueShiftStore, getMotionDriver, presets_getPreset as getPreset, immediateDriver, mergeMotionTokens, motionDistances, motionDurations, motionEasings, motionPresets, noMotion, prefersReducedMotion, presets_registerPreset as registerPreset, resetHueShift, resolveEase, presets_resolvePreset as resolvePreset, routeTransition, runMotion, setMotionDriver, toastStore, useColorPickerContext, useDesktop, useFormValidation, useI18n, useImmersiveLanding, useImmersiveLandingContext };
+export { accordion_Accordion as Accordion, alert_Alert as Alert, AlphaSlider, artboard_Artboard as Artboard, avatar as Avatar, background_Background as Background, Badge, bottom_sheet_BottomSheet as BottomSheet, Breadcrumbs, breadcrumbs_BreadcrumbsItem as BreadcrumbsItem, browsermockup_BrowserMockup as BrowserMockup, button_Button as Button, Calendar, card_Card as Card, carousel_Carousel as Carousel, chatbubble_ChatBubble as ChatBubble, checkbox_Checkbox as Checkbox, codemockup_CodeMockup as CodeMockup, CodeMockupLine, collapse_Collapse as Collapse, CollapseContent, CollapseDetails, CollapseTitle, colorpicker_ColorInput as ColorInput, colorpicker_ColorPicker as ColorPicker, ColorPickerContext, ColorPickerFlowerSelector, colorpicker_ColorPickerGradientSelector as ColorPickerGradientSelector, ColorPickerWheelSelector, colorpicker_ColorPreview as ColorPreview, colorpicker_ColorSwatches as ColorSwatches, ColorWheel, colorpicker_ColorWheelFlower as ColorWheelFlower, connectionstatus_ConnectionStatus as ConnectionStatus, CookieConsent, CopyButton, countdown_Countdown as Countdown, diff_Diff as Diff, divider as Divider, dock as Dock, Drawer, dropdown as Dropdown, EnhancedTable, FileInput, FirefoxPWABanner, flex_Flex as Flex, footer_Footer as Footer, form_Form as Form, Grid, hero_Hero as Hero, colorpicker_HueSlider as HueSlider, I18nContext, I18nProvider, icon_Icon as Icon, immersive_landing_ImmersiveLanding as ImmersiveLanding, ImmersiveLandingContext, indicator_Indicator as Indicator, input as Input, join_Join as Join, kbd_Kbd as Kbd, language_switcher_LanguageSwitcher as LanguageSwitcher, LightnessSlider, link_Link as Link, live_chat_LiveChatBubble as LiveChatBubble, LiveChatPanel, loading_Loading as Loading, mask as Mask, menu_Menu as Menu, modal_Modal as Modal, MotionDiv, navbar_Navbar as Navbar, PWAInstallPrompt, pagination_Pagination as Pagination, phonemockup_PhoneMockup as PhoneMockup, Progress, props_table_PropsTable as PropsTable, radialprogress_RadialProgress as RadialProgress, radio_Radio as Radio, range_Range as Range, Rating, colorpicker_SaturationBrightness as SaturationBrightness, select_Select as Select, showcase_ShowcaseBlock as ShowcaseBlock, ShowcaseSection, sidenav_Sidenav as Sidenav, sidenav_SidenavButton as SidenavButton, sidenav_SidenavGroup as SidenavGroup, sidenav_SidenavItem as SidenavItem, sidenav_SidenavLink as SidenavLink, sidenav_SidenavMenu as SidenavMenu, skeleton_Skeleton as Skeleton, Stack, stat_card_StatCard as StatCard, stats_Stats as Stats, status_Status as Status, steps as Steps, streaming_table_StreamingTable as StreamingTable, Summary, SvgBackground, Swap, table_Table as Table, tabs_Tabs as Tabs, textarea_Textarea as Textarea, ThemeColorPicker, Timeline, timeline_TimelineEnd as TimelineEnd, timeline_TimelineItem as TimelineItem, timeline_TimelineMiddle as TimelineMiddle, timeline_TimelineStart as TimelineStart, toast_Toast as Toast, ToastContainer, ToastStack_ToastStack as ToastStack, toggle_Toggle as Toggle, tooltip_Tooltip as Tooltip, windowmockup_WindowMockup as WindowMockup, createHueShiftStore, createI18n, createMotionPresets, createMotionSystem, createPopmotionDriver, createRouteTransitionResolver, createStreamingTableStore, connectionstatus_ConnectionStatus as default, defaultMotionTokens, enablePopmotion, getDefaultHueShiftStore, getMotionDriver, presets_getPreset as getPreset, immediateDriver, mergeMotionTokens, motionDistances, motionDurations, motionEasings, motionPresets, noMotion, prefersReducedMotion, presets_registerPreset as registerPreset, resetHueShift, resolveEase, presets_resolvePreset as resolvePreset, routeTransition, runMotion, setMotionDriver, toastStore, useColorPickerContext, useDesktop, useFormValidation, useI18n, useImmersiveLanding, useImmersiveLandingContext };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "0.0.130",
+  "version": "0.0.132",
   "author": "pathscale",
   "repository": {
     "type": "git",