@pathscale/ui 2.4.0 → 2.6.0

package/dist/components/table/MobileListView.generated.js

@@ -1,32 +1,21 @@
-import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
-import { defineComponent } from "solid-layouts/application-boundary";
-import { For, Show, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
+import { createComponent, insert, mergeProps, spread, template } from "@solidjs/web";
+import { defineComponent } from "solid-layouts/solid-2/application-boundary";
+import { For, Show, omit } from "solid-js";
+import { twMerge } from "../../lib/twMerge.js";
 import { Empty } from "../empty/index.js";
 import icon from "../icon/index.js";
 import { tableMobileListViewRecipe } from "./Table.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template("<div><ul>"), _tmpl$2 = /*#__PURE__*/ template("<li class=py-8 data-slot=table-mobile-list-view-empty>"), _tmpl$3 = /*#__PURE__*/ template("<li>");
 const __solidLayoutMobileListView = (_stable, p)=>{
-    const [local, rest] = splitProps(p, [
-        "rows",
-        "renderRow",
-        "empty",
-        "listClass",
-        "itemClass",
-        "children",
-        "emptyTitle",
-        "emptyIcon",
-        "class",
-        "dataTheme"
-    ]);
+    const rest = omit(p, "rows", "renderRow", "empty", "listClass", "itemClass", "children", "emptyTitle", "emptyIcon", "class", "dataTheme");
     const renderRow = (row, index)=>{
-        if (local.renderRow) return local.renderRow(row, index);
-        if (local.children) return local.children(row, index);
+        if (p.renderRow) return p.renderRow(row, index);
+        if (p.children) return p.children(row, index);
         return null;
     };
     const emptyContent = ()=>{
-        if (local.empty) return local.empty;
-        if (!local.emptyTitle) return null;
+        if (p.empty) return p.empty;
+        if (!p.emptyTitle) return null;
         return createComponent(Empty, {
             get children () {
                 return [
@@ -34,7 +23,7 @@ const __solidLayoutMobileListView = (_stable, p)=>{
                         get children () {
                             return createComponent(icon, {
                                 get src () {
-                                    return local.emptyIcon ?? "icon-[mdi--inbox-outline]";
+                                    return p.emptyIcon ?? "icon-[mdi--inbox-outline]";
                                 },
                                 width: 24,
                                 height: 24
@@ -43,64 +32,62 @@ const __solidLayoutMobileListView = (_stable, p)=>{
                     }),
                     createComponent(Empty.Title, {
                         get children () {
-                            return local.emptyTitle;
+                            return p.emptyTitle;
                         }
                     })
                 ];
             }
         });
     };
-    return (()=>{
-        var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
-        spread(_el$, mergeProps(rest, ()=>({
-                class: twMerge("w-full", local.class)
-            }), {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            "data-slot": "table-mobile-list-view"
-        }), false, true);
-        spread(_el$2, mergeProps(()=>({
-                class: twMerge("divide-y divide-base-content/10", local.listClass)
-            }), {
-            "data-slot": "table-mobile-list-view-list"
-        }), false, true);
-        insert(_el$2, createComponent(Show, {
-            get when () {
-                return local.rows.length > 0;
-            },
-            get fallback () {
-                return createComponent(Show, {
-                    get when () {
-                        return emptyContent();
-                    },
-                    get children () {
-                        var _el$3 = _tmpl$2();
-                        insert(_el$3, emptyContent);
-                        return _el$3;
-                    }
-                });
-            },
-            get children () {
-                return createComponent(For, {
-                    get each () {
-                        return local.rows;
-                    },
-                    children: (row, index)=>local.renderRow ? (()=>{
-                            var _el$4 = _tmpl$3();
-                            spread(_el$4, mergeProps(()=>({
-                                    class: local.itemClass
-                                }), {
-                                "data-slot": "table-mobile-list-view-item"
-                            }), false, true);
-                            insert(_el$4, ()=>renderRow(row, index()));
-                            return _el$4;
-                        })() : renderRow(row, index())
-                });
-            }
-        }));
-        return _el$;
-    })();
+    var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+    spread(_el$, mergeProps(rest, ()=>({
+            class: twMerge("w-full", p.class)
+        }), {
+        get ["data-theme"] () {
+            return p.dataTheme;
+        },
+        "data-slot": "table-mobile-list-view"
+    }), true);
+    spread(_el$2, mergeProps(()=>({
+            class: twMerge("divide-y divide-base-content/10", p.listClass)
+        }), {
+        "data-slot": "table-mobile-list-view-list"
+    }), true);
+    insert(_el$2, createComponent(Show, {
+        get when () {
+            return p.rows.length > 0;
+        },
+        get fallback () {
+            return createComponent(Show, {
+                get when () {
+                    return emptyContent();
+                },
+                get children () {
+                    var _el$3 = _tmpl$2();
+                    insert(_el$3, emptyContent);
+                    return _el$3;
+                }
+            });
+        },
+        get children () {
+            return createComponent(For, {
+                get each () {
+                    return p.rows;
+                },
+                children: (row, index)=>p.renderRow ? (()=>{
+                        var _el$4 = _tmpl$3();
+                        spread(_el$4, mergeProps(()=>({
+                                class: p.itemClass
+                            }), {
+                            "data-slot": "table-mobile-list-view-item"
+                        }), true);
+                        insert(_el$4, ()=>renderRow(row, index()));
+                        return _el$4;
+                    })() : renderRow(row, index())
+            });
+        }
+    }));
+    return _el$;
 };
 const MobileListView = defineComponent({
     recipe: tableMobileListViewRecipe,

package/dist/components/table/SortIcon.generated.d.ts

@@ -1,5 +1,5 @@
 import type { Component as __LayoutComponent } from "solid-js";
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { UIBaseProps } from "../vocabulary";
 export type SortIconState = "asc" | "desc" | "none";
 export type SortIconProps = UIBaseProps & {

package/dist/components/table/SortIcon.generated.js

@@ -1,68 +1,58 @@
-import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
-import { defineComponent } from "solid-layouts/application-boundary";
-import { Show, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
+import { createComponent, insert, mergeProps, spread, template } from "@solidjs/web";
+import { defineComponent } from "solid-layouts/solid-2/application-boundary";
+import { Show, omit } from "solid-js";
+import { twMerge } from "../../lib/twMerge.js";
 import icon from "../icon/index.js";
 import { tableSortIconRecipe } from "./Table.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template("<span>");
 const __solidLayoutSortIcon = (_stable, p)=>{
-    const [local, rest] = splitProps(p, [
-        "state",
-        "size",
-        "ascIcon",
-        "descIcon",
-        "neutralIcon",
-        "class",
-        "dataTheme"
-    ]);
-    const iconSize = ()=>local.size ?? 16;
+    const rest = omit(p, "state", "size", "ascIcon", "descIcon", "neutralIcon", "class", "dataTheme");
+    const iconSize = ()=>p.size ?? 16;
     const iconName = ()=>{
-        if ("asc" === local.state) return "icon-[lucide--arrow-up]";
-        if ("desc" === local.state) return "icon-[lucide--arrow-down]";
+        if ("asc" === p.state) return "icon-[lucide--arrow-up]";
+        if ("desc" === p.state) return "icon-[lucide--arrow-down]";
         return "icon-[lucide--arrow-up-down]";
     };
     const customIcon = ()=>{
-        if ("asc" === local.state) return local.ascIcon;
-        if ("desc" === local.state) return local.descIcon;
-        return local.neutralIcon;
+        if ("asc" === p.state) return p.ascIcon;
+        if ("desc" === p.state) return p.descIcon;
+        return p.neutralIcon;
     };
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(rest, ()=>({
-                class: twMerge("inline-flex shrink-0 items-center justify-center", local.class)
-            }), {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            "data-slot": "table-sort-icon",
-            get ["data-state"] () {
-                return local.state;
-            },
-            "aria-hidden": "true"
-        }), false, true);
-        insert(_el$, createComponent(Show, {
-            get when () {
-                return customIcon();
-            },
-            get fallback () {
-                return createComponent(icon, {
-                    get src () {
-                        return iconName();
-                    },
-                    get width () {
-                        return iconSize();
-                    },
-                    get height () {
-                        return iconSize();
-                    }
-                });
-            },
-            get children () {
-                return customIcon();
-            }
-        }));
-        return _el$;
-    })();
+    var _el$ = _tmpl$();
+    spread(_el$, mergeProps(rest, ()=>({
+            class: twMerge("inline-flex shrink-0 items-center justify-center", p.class)
+        }), {
+        get ["data-theme"] () {
+            return p.dataTheme;
+        },
+        "data-slot": "table-sort-icon",
+        get ["data-state"] () {
+            return p.state;
+        },
+        "aria-hidden": "true"
+    }), true);
+    insert(_el$, createComponent(Show, {
+        get when () {
+            return customIcon();
+        },
+        get fallback () {
+            return createComponent(icon, {
+                get src () {
+                    return iconName();
+                },
+                get width () {
+                    return iconSize();
+                },
+                get height () {
+                    return iconSize();
+                }
+            });
+        },
+        get children () {
+            return customIcon();
+        }
+    }));
+    return _el$;
 };
 const SortIcon = defineComponent({
     recipe: tableSortIconRecipe,

package/dist/components/table/Table.context.d.ts

@@ -1,4 +1,5 @@
-import { type Accessor, type JSX } from "solid-js";
+import { type Accessor } from "solid-js";
+import type { JSX } from "@solidjs/web";
 export type TableVariant = "primary" | "secondary";
 export type TableSortDirection = "ascending" | "descending";
 export type TableSortDescriptor = {
@@ -12,12 +13,12 @@ export type TableColumnChildren = JSX.Element | ((props: TableColumnRenderProps)
 export type TableContextValue = {
     variant: Accessor<TableVariant>;
 };
-export declare const TableContext: import("solid-js").Context<TableContextValue | undefined>;
+export declare const TableContext: import("solid-js").Context<TableContextValue>;
 export type TableContentContextValue = {
     sortDescriptor: Accessor<TableSortDescriptor | undefined>;
     onSortChange?: (descriptor: TableSortDescriptor) => void;
 };
-export declare const TableContentContext: import("solid-js").Context<TableContentContextValue | undefined>;
+export declare const TableContentContext: import("solid-js").Context<TableContentContextValue>;
 export declare const useTableContext: () => TableContextValue;
 export declare const useTableContentContext: () => TableContentContextValue;
 export declare const invokeEventHandler: (handler: unknown, event: Event) => void;

package/dist/components/table/Table.context.js

@@ -1,20 +1,12 @@
 import { createContext, useContext } from "solid-js";
-const TableContext = createContext();
-const TableContentContext = createContext();
-const useTableContext = ()=>{
-    const context = useContext(TableContext);
-    if (context) return context;
-    return {
-        variant: ()=>"primary"
-    };
-};
-const useTableContentContext = ()=>{
-    const context = useContext(TableContentContext);
-    if (context) return context;
-    return {
-        sortDescriptor: ()=>void 0
-    };
-};
+const TableContext = createContext({
+    variant: ()=>"primary"
+});
+const TableContentContext = createContext({
+    sortDescriptor: ()=>void 0
+});
+const useTableContext = ()=>useContext(TableContext);
+const useTableContentContext = ()=>useContext(TableContentContext);
 const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
     if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);

package/dist/components/table/Table.recipe.d.ts

@@ -24,77 +24,77 @@ export declare const CLASSES: {
     readonly loadMore: "table__load-more";
     readonly loadMoreContent: "table__load-more-content";
 };
-export declare const componentRecipe: import("solid-layouts").Recipe<{
+export declare const componentRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "table";
     readonly slots: {
         readonly root: {};
         readonly table: {};
     };
 }>;
-export declare const tableScrollContainerRecipe: import("solid-layouts").Recipe<{
+export declare const tableScrollContainerRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "table-scroll-container";
     readonly slots: {
         readonly root: {};
         readonly "table-scroll-container": {};
     };
 }>;
-export declare const tableContentRecipe: import("solid-layouts").Recipe<{
+export declare const tableContentRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "table-content";
     readonly slots: {
         readonly root: {};
         readonly "table-content": {};
     };
 }>;
-export declare const tableHeaderRecipe: import("solid-layouts").Recipe<{
+export declare const tableHeaderRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "table-header";
     readonly slots: {
         readonly root: {};
         readonly "table-header": {};
     };
 }>;
-export declare const tableColumnRecipe: import("solid-layouts").Recipe<{
+export declare const tableColumnRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "table-column";
     readonly slots: {
         readonly root: {};
         readonly "table-column": {};
     };
 }>;
-export declare const tableBodyRecipe: import("solid-layouts").Recipe<{
+export declare const tableBodyRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "table-body";
     readonly slots: {
         readonly root: {};
         readonly "table-body": {};
     };
 }>;
-export declare const tableRowRecipe: import("solid-layouts").Recipe<{
+export declare const tableRowRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "table-row";
     readonly slots: {
         readonly root: {};
         readonly "table-row": {};
     };
 }>;
-export declare const tableCellRecipe: import("solid-layouts").Recipe<{
+export declare const tableCellRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "table-cell";
     readonly slots: {
         readonly root: {};
         readonly "table-cell": {};
     };
 }>;
-export declare const tableExpandedRowRecipe: import("solid-layouts").Recipe<{
+export declare const tableExpandedRowRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "table-expanded-row";
     readonly slots: {
         readonly root: {};
         readonly "table-expanded-row": {};
     };
 }>;
-export declare const tableFooterRecipe: import("solid-layouts").Recipe<{
+export declare const tableFooterRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "table-footer";
     readonly slots: {
         readonly root: {};
         readonly "table-footer": {};
     };
 }>;
-export declare const tablePageSizeRecipe: import("solid-layouts").Recipe<{
+export declare const tablePageSizeRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "table-page-size";
     readonly slots: {
         readonly root: {};
@@ -102,56 +102,56 @@ export declare const tablePageSizeRecipe: import("solid-layouts").Recipe<{
         readonly "table-page-size-label": {};
     };
 }>;
-export declare const tableResizableContainerRecipe: import("solid-layouts").Recipe<{
+export declare const tableResizableContainerRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "table-resizable-container";
     readonly slots: {
         readonly root: {};
         readonly "table-resizable-container": {};
     };
 }>;
-export declare const tableColumnResizerRecipe: import("solid-layouts").Recipe<{
+export declare const tableColumnResizerRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "table-column-resizer";
     readonly slots: {
         readonly root: {};
         readonly "table-column-resizer": {};
     };
 }>;
-export declare const tableLoadMoreRecipe: import("solid-layouts").Recipe<{
+export declare const tableLoadMoreRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "table-load-more";
     readonly slots: {
         readonly root: {};
         readonly "table-load-more": {};
     };
 }>;
-export declare const tableLoadMoreContentRecipe: import("solid-layouts").Recipe<{
+export declare const tableLoadMoreContentRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "table-load-more-content";
     readonly slots: {
         readonly root: {};
         readonly "table-load-more-content": {};
     };
 }>;
-export declare const tableSortIconRecipe: import("solid-layouts").Recipe<{
+export declare const tableSortIconRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "table-sort-icon";
     readonly slots: {
         readonly root: {};
         readonly "table-sort-icon": {};
     };
 }>;
-export declare const tableExpandToggleRecipe: import("solid-layouts").Recipe<{
+export declare const tableExpandToggleRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "table-expand-toggle";
     readonly slots: {
         readonly root: {};
         readonly "table-expand-toggle": {};
     };
 }>;
-export declare const tableVirtualSpacerRowRecipe: import("solid-layouts").Recipe<{
+export declare const tableVirtualSpacerRowRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "table-virtual-spacer-row";
     readonly slots: {
         readonly root: {};
         readonly "table-virtual-spacer-row": {};
     };
 }>;
-export declare const tableMobileListViewRecipe: import("solid-layouts").Recipe<{
+export declare const tableMobileListViewRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "table-mobile-list-view";
     readonly slots: {
         readonly root: {};
@@ -161,7 +161,7 @@ export declare const tableMobileListViewRecipe: import("solid-layouts").Recipe<{
         readonly "table-mobile-list-view-empty": {};
     };
 }>;
-export declare const tableInlineConfirmRecipe: import("solid-layouts").Recipe<{
+export declare const tableInlineConfirmRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "table-inline-confirm";
     readonly slots: {
         readonly root: {};

package/dist/components/table/TableBody.generated.d.ts

@@ -1,5 +1,5 @@
 import type { Component as __LayoutComponent } from "solid-js";
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { UIBaseProps } from "../vocabulary";
 export type TableBodyProps = JSX.HTMLAttributes<HTMLTableSectionElement> & UIBaseProps;
 declare const TableBody: __LayoutComponent<TableBodyProps>;

package/dist/components/table/TableBody.generated.js

@@ -1,28 +1,22 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import { defineComponent } from "solid-layouts/application-boundary";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
+import { insert, mergeProps, spread, template } from "@solidjs/web";
+import { defineComponent } from "solid-layouts/solid-2/application-boundary";
+import { omit } from "solid-js";
+import { twMerge } from "../../lib/twMerge.js";
 import { CLASSES, tableBodyRecipe } from "./Table.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template("<tbody>");
 const __solidLayoutTableBody = (_stable, p)=>{
-    const [local, rest] = splitProps(p, [
-        "children",
-        "class",
-        "dataTheme"
-    ]);
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(()=>({
-                class: twMerge(CLASSES.body, local.class)
-            }), {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            "data-slot": "table-body"
-        }, rest), false, true);
-        insert(_el$, ()=>local.children);
-        return _el$;
-    })();
+    const rest = omit(p, "children", "class", "dataTheme");
+    var _el$ = _tmpl$();
+    spread(_el$, mergeProps(()=>({
+            class: twMerge(CLASSES.body, p.class)
+        }), {
+        get ["data-theme"] () {
+            return p.dataTheme;
+        },
+        "data-slot": "table-body"
+    }, rest), true);
+    insert(_el$, ()=>p.children);
+    return _el$;
 };
 const TableBody = defineComponent({
     recipe: tableBodyRecipe,

package/dist/components/table/TableCell.generated.d.ts

@@ -1,5 +1,5 @@
 import type { Component as __LayoutComponent } from "solid-js";
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { UIBaseProps } from "../vocabulary";
 export type TableCellProps = JSX.TdHTMLAttributes<HTMLTableCellElement> & UIBaseProps;
 declare const TableCell: __LayoutComponent<TableCellProps>;

package/dist/components/table/TableCell.generated.js

@@ -1,28 +1,22 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import { defineComponent } from "solid-layouts/application-boundary";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
+import { insert, mergeProps, spread, template } from "@solidjs/web";
+import { defineComponent } from "solid-layouts/solid-2/application-boundary";
+import { omit } from "solid-js";
+import { twMerge } from "../../lib/twMerge.js";
 import { CLASSES, tableCellRecipe } from "./Table.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template("<td>");
 const __solidLayoutTableCell = (_stable, p)=>{
-    const [local, rest] = splitProps(p, [
-        "children",
-        "class",
-        "dataTheme"
-    ]);
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(()=>({
-                class: twMerge(CLASSES.cell, local.class)
-            }), {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            "data-slot": "table-cell"
-        }, rest), false, true);
-        insert(_el$, ()=>local.children);
-        return _el$;
-    })();
+    const rest = omit(p, "children", "class", "dataTheme");
+    var _el$ = _tmpl$();
+    spread(_el$, mergeProps(()=>({
+            class: twMerge(CLASSES.cell, p.class)
+        }), {
+        get ["data-theme"] () {
+            return p.dataTheme;
+        },
+        "data-slot": "table-cell"
+    }, rest), true);
+    insert(_el$, ()=>p.children);
+    return _el$;
 };
 const TableCell = defineComponent({
     recipe: tableCellRecipe,

package/dist/components/table/TableColumn.generated.d.ts

@@ -1,5 +1,5 @@
 import type { Component as __LayoutComponent } from "solid-js";
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { UIBaseProps } from "../vocabulary";
 import { type TableColumnChildren } from "./Table.context";
 export type TableColumnProps = Omit<JSX.ThHTMLAttributes<HTMLTableCellElement>, "id" | "children"> & UIBaseProps & {