@pathscale/ui 2.5.0 → 2.6.0

package/dist/components/switch/Switch.generated.js

@@ -1,143 +1,128 @@
-import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
-import { defineComponent } from "solid-layouts/application-boundary";
+import { createComponent, insert, mergeProps, spread, template } from "@solidjs/web";
+import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./Switch.css";
-import { Show, createSignal, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
+import { Show, createSignal, omit } from "solid-js";
+import { twMerge } from "../../lib/twMerge.js";
 import { CLASSES, componentRecipe } from "./Switch.recipe.js";
-var _tmpl$ = /*#__PURE__*/ template("<span>"), _tmpl$2 = /*#__PURE__*/ template("<span data-slot=label>"), _tmpl$3 = /*#__PURE__*/ template("<label><input><span><span>");
+var _tmpl$ = /*#__PURE__*/ template("<span>"), _tmpl$2 = /*#__PURE__*/ template("<span data-slot=label>"), _tmpl$3 = /*#__PURE__*/ template("<span><!><!>"), _tmpl$4 = /*#__PURE__*/ template("<label><input><span><span>");
 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);
 };
 const __solidLayoutSwitch = (_stable, p)=>{
-    const [local, others] = splitProps(p, [
-        "class",
-        "children",
-        "description",
-        "icon",
-        "state",
-        "flavor",
-        "size",
-        "checked",
-        "defaultChecked",
-        "disabled",
-        "onChange",
-        "dataTheme"
-    ]);
-    const [internalSelected, setInternalSelected] = createSignal(Boolean(local.defaultChecked));
-    const isControlled = ()=>void 0 !== local.checked;
-    const isSelected = ()=>isControlled() ? Boolean(local.checked) : internalSelected();
-    const isDisabled = ()=>Boolean("disabled" === local.state) || Boolean(local.disabled);
-    const color = ()=>local.flavor ?? "accent";
-    const size = ()=>local.size ?? "md";
-    const hasContent = ()=>null != local.children || null != local.description;
+    const others = omit(p, "class", "children", "description", "icon", "state", "flavor", "size", "checked", "defaultChecked", "disabled", "onChange", "dataTheme");
+    const [internalSelected, setInternalSelected] = createSignal(Boolean(p.defaultChecked));
+    const isControlled = ()=>void 0 !== p.checked;
+    const isSelected = ()=>isControlled() ? Boolean(p.checked) : internalSelected();
+    const isDisabled = ()=>Boolean("disabled" === p.state) || Boolean(p.disabled);
+    const color = ()=>p.flavor ?? "accent";
+    const size = ()=>p.size ?? "md";
+    const hasContent = ()=>null != p.children || null != p.description;
     const handleChange = (event)=>{
-        invokeEventHandler(local.onChange, event);
+        invokeEventHandler(p.onChange, event);
         if (event.defaultPrevented) return;
         if (isDisabled()) return;
         if (!isControlled()) setInternalSelected(event.currentTarget.checked);
     };
-    return (()=>{
-        var _el$ = _tmpl$3(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
-        spread(_el$, mergeProps(()=>({
-                class: twMerge(CLASSES.base, CLASSES.size[size()], CLASSES.flavor[color()] ?? `switch--flavor-${color()}`, isDisabled() && CLASSES.flag.disabled, local.class)
-            }), {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            "data-slot": "switch",
-            get ["data-selected"] () {
-                return isSelected() ? "true" : "false";
-            },
-            get ["data-disabled"] () {
-                return isDisabled() ? "true" : "false";
-            },
-            get ["aria-disabled"] () {
-                return isDisabled() ? "true" : "false";
-            }
-        }), false, true);
-        spread(_el$2, mergeProps(others, {
-            type: "checkbox",
-            role: "switch"
-        }, ()=>({
-                class: CLASSES.slot.input
-            }), {
-            "data-slot": "switch-input",
-            get checked () {
-                return isSelected();
-            },
-            get disabled () {
-                return isDisabled();
-            },
-            onChange: handleChange
-        }), false, false);
-        spread(_el$3, mergeProps(()=>({
-                class: CLASSES.slot.control
-            }), {
-            "data-slot": "switch-control",
-            "aria-hidden": "true"
-        }), false, true);
-        spread(_el$4, mergeProps(()=>({
-                class: CLASSES.slot.thumb
-            }), {
-            "data-slot": "switch-thumb"
-        }), false, true);
-        insert(_el$4, createComponent(Show, {
-            get when () {
-                return local.icon;
-            },
-            get children () {
-                var _el$5 = _tmpl$();
-                spread(_el$5, mergeProps(()=>({
-                        class: CLASSES.slot.icon
-                    }), {
-                    "data-slot": "switch-icon"
-                }), false, true);
-                insert(_el$5, ()=>local.icon);
-                return _el$5;
-            }
-        }));
-        insert(_el$, createComponent(Show, {
-            get when () {
-                return hasContent();
-            },
-            get children () {
-                var _el$6 = _tmpl$();
-                spread(_el$6, mergeProps(()=>({
-                        class: CLASSES.slot.content
-                    }), {
-                    "data-slot": "switch-content"
-                }), false, true);
-                insert(_el$6, createComponent(Show, {
-                    get when () {
-                        return local.children;
-                    },
-                    get children () {
-                        var _el$7 = _tmpl$2();
-                        insert(_el$7, ()=>local.children);
-                        return _el$7;
-                    }
-                }), null);
-                insert(_el$6, createComponent(Show, {
-                    get when () {
-                        return local.description;
-                    },
-                    get children () {
-                        var _el$8 = _tmpl$();
-                        spread(_el$8, mergeProps(()=>({
-                                class: CLASSES.slot.description
-                            }), {
-                            "data-slot": "description"
-                        }), false, true);
-                        insert(_el$8, ()=>local.description);
-                        return _el$8;
-                    }
-                }), null);
-                return _el$6;
-            }
-        }), null);
-        return _el$;
-    })();
+    var _el$ = _tmpl$4(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
+    spread(_el$, mergeProps(()=>({
+            class: twMerge(CLASSES.base, CLASSES.size[size()], CLASSES.flavor[color()] ?? `switch--flavor-${color()}`, isDisabled() && CLASSES.flag.disabled, p.class)
+        }), {
+        get ["data-theme"] () {
+            return p.dataTheme;
+        },
+        "data-slot": "switch",
+        get ["data-selected"] () {
+            return isSelected() ? "true" : "false";
+        },
+        get ["data-disabled"] () {
+            return isDisabled() ? "true" : "false";
+        },
+        get ["aria-disabled"] () {
+            return isDisabled() ? "true" : "false";
+        }
+    }), true);
+    spread(_el$2, mergeProps(others, {
+        type: "checkbox",
+        role: "switch"
+    }, ()=>({
+            class: CLASSES.slot.input
+        }), {
+        "data-slot": "switch-input",
+        get checked () {
+            return isSelected();
+        },
+        get disabled () {
+            return isDisabled();
+        },
+        onChange: handleChange
+    }), false);
+    spread(_el$3, mergeProps(()=>({
+            class: CLASSES.slot.control
+        }), {
+        "data-slot": "switch-control",
+        "aria-hidden": "true"
+    }), true);
+    spread(_el$4, mergeProps(()=>({
+            class: CLASSES.slot.thumb
+        }), {
+        "data-slot": "switch-thumb"
+    }), true);
+    insert(_el$4, createComponent(Show, {
+        get when () {
+            return p.icon;
+        },
+        get children () {
+            var _el$5 = _tmpl$();
+            spread(_el$5, mergeProps(()=>({
+                    class: CLASSES.slot.icon
+                }), {
+                "data-slot": "switch-icon"
+            }), true);
+            insert(_el$5, ()=>p.icon);
+            return _el$5;
+        }
+    }));
+    insert(_el$, createComponent(Show, {
+        get when () {
+            return hasContent();
+        },
+        get children () {
+            var _el$6 = _tmpl$3(), _el$9 = _el$6.firstChild, _el$0 = _el$9.nextSibling;
+            spread(_el$6, mergeProps(()=>({
+                    class: CLASSES.slot.content
+                }), {
+                "data-slot": "switch-content"
+            }), true);
+            insert(_el$6, createComponent(Show, {
+                get when () {
+                    return p.children;
+                },
+                get children () {
+                    var _el$7 = _tmpl$2();
+                    insert(_el$7, ()=>p.children);
+                    return _el$7;
+                }
+            }), _el$9);
+            insert(_el$6, createComponent(Show, {
+                get when () {
+                    return p.description;
+                },
+                get children () {
+                    var _el$8 = _tmpl$();
+                    spread(_el$8, mergeProps(()=>({
+                            class: CLASSES.slot.description
+                        }), {
+                        "data-slot": "description"
+                    }), true);
+                    insert(_el$8, ()=>p.description);
+                    return _el$8;
+                }
+            }), _el$0);
+            return _el$6;
+        }
+    }), null);
+    return _el$;
 };
 const Switch = defineComponent({
     recipe: componentRecipe,

package/dist/components/switch/Switch.recipe.d.ts

@@ -27,7 +27,7 @@ export declare const CLASSES: {
         readonly disabled: "switch--disabled";
     };
 };
-export declare const componentRecipe: import("solid-layouts").Recipe<{
+export declare const componentRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "switch";
     readonly slots: {
         readonly description: {};

package/dist/components/table/ExpandToggle.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 ExpandToggleProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "onToggle"> & UIBaseProps & {
     expanded: boolean;

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

@@ -1,89 +1,78 @@
-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 { tableExpandToggleRecipe } from "./Table.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template("<button>");
 const __solidLayoutExpandToggle = (_stable, p)=>{
-    const [local, rest] = splitProps(p, [
-        "expanded",
-        "onToggle",
-        "size",
-        "label",
-        "disabled",
-        "class",
-        "onClick",
-        "dataTheme"
-    ]);
-    const iconSize = ()=>local.size ?? 16;
-    const ariaLabel = ()=>local.label ?? "Toggle row details";
-    const isDisabled = ()=>Boolean(local.disabled);
+    const rest = omit(p, "expanded", "onToggle", "size", "label", "disabled", "class", "onClick", "dataTheme");
+    const iconSize = ()=>p.size ?? 16;
+    const ariaLabel = ()=>p.label ?? "Toggle row details";
+    const isDisabled = ()=>Boolean(p.disabled);
     const handleClick = (event)=>{
-        if ("function" == typeof local.onClick) local.onClick(event);
-        else if (Array.isArray(local.onClick) && "function" == typeof local.onClick[0]) local.onClick[0](local.onClick[1], event);
+        if ("function" == typeof p.onClick) p.onClick(event);
+        else if (Array.isArray(p.onClick) && "function" == typeof p.onClick[0]) p.onClick[0](p.onClick[1], event);
         if (event.defaultPrevented) return;
         if (isDisabled()) return;
-        local.onToggle?.();
+        p.onToggle?.();
     };
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(rest, {
-            get type () {
-                return rest.type ?? "button";
-            }
-        }, ()=>({
-                class: twMerge("inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-base-300 bg-base-100 text-base-content transition-colors hover:bg-base-200", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/60", isDisabled() && "cursor-not-allowed opacity-60 hover:bg-base-100", local.class)
-            }), {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            "data-slot": "table-expand-toggle",
-            get ["data-expanded"] () {
-                return local.expanded ? "true" : "false";
-            },
-            get ["aria-expanded"] () {
-                return local.expanded;
-            },
-            get ["aria-label"] () {
-                return ariaLabel();
-            },
-            get disabled () {
-                return isDisabled();
-            },
-            onClick: handleClick
-        }), false, true);
-        insert(_el$, createComponent(Show, {
-            get when () {
-                return local.expanded;
-            },
-            get fallback () {
-                return createComponent(icon, {
-                    src: "icon-[lucide--chevron-right]",
-                    get width () {
-                        return iconSize();
-                    },
-                    get height () {
-                        return iconSize();
-                    },
-                    "aria-hidden": "true"
-                });
-            },
-            get children () {
-                return createComponent(icon, {
-                    src: "icon-[lucide--chevron-down]",
-                    get width () {
-                        return iconSize();
-                    },
-                    get height () {
-                        return iconSize();
-                    },
-                    "aria-hidden": "true"
-                });
-            }
-        }));
-        return _el$;
-    })();
+    var _el$ = _tmpl$();
+    spread(_el$, mergeProps(rest, {
+        get type () {
+            return rest.type ?? "button";
+        }
+    }, ()=>({
+            class: twMerge("inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-base-300 bg-base-100 text-base-content transition-colors hover:bg-base-200", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/60", isDisabled() && "cursor-not-allowed opacity-60 hover:bg-base-100", p.class)
+        }), {
+        get ["data-theme"] () {
+            return p.dataTheme;
+        },
+        "data-slot": "table-expand-toggle",
+        get ["data-expanded"] () {
+            return p.expanded ? "true" : "false";
+        },
+        get ["aria-expanded"] () {
+            return p.expanded ? "true" : "false";
+        },
+        get ["aria-label"] () {
+            return ariaLabel();
+        },
+        get disabled () {
+            return isDisabled();
+        },
+        onClick: handleClick
+    }), true);
+    insert(_el$, createComponent(Show, {
+        get when () {
+            return p.expanded;
+        },
+        get fallback () {
+            return createComponent(icon, {
+                src: "icon-[lucide--chevron-right]",
+                get width () {
+                    return iconSize();
+                },
+                get height () {
+                    return iconSize();
+                },
+                "aria-hidden": "true"
+            });
+        },
+        get children () {
+            return createComponent(icon, {
+                src: "icon-[lucide--chevron-down]",
+                get width () {
+                    return iconSize();
+                },
+                get height () {
+                    return iconSize();
+                },
+                "aria-hidden": "true"
+            });
+        }
+    }));
+    return _el$;
 };
 const ExpandToggle = defineComponent({
     recipe: tableExpandToggleRecipe,

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

@@ -1,77 +1,64 @@
-import { createComponent, insert, memo, 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 { createComponent, insert, memo, 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 button_0 from "../button/index.js";
 import { tableInlineConfirmRecipe } from "./Table.recipe.js";
-var _tmpl$ = /*#__PURE__*/ template('<div><span class="text-sm text-base-content/70"data-slot=table-inline-confirm-prompt></span><div class="inline-flex items-center gap-2"data-slot=table-inline-confirm-actions>');
+var _tmpl$ = /*#__PURE__*/ template('<div><span class="text-sm text-base-content/70"data-slot=table-inline-confirm-prompt></span><div class="inline-flex items-center gap-2"data-slot=table-inline-confirm-actions><!><!>');
 const toButtonFlavor = (variant)=>{
     if ("danger" === variant) return "destructive";
     if ("warning" === variant) return "warning";
 };
 const __solidLayoutInlineConfirm = (_stable, p)=>{
-    const [local, rest] = splitProps(p, [
-        "prompt",
-        "confirmLabel",
-        "cancelLabel",
-        "onConfirm",
-        "onCancel",
-        "loading",
-        "disabled",
-        "confirmFlavor",
-        "class",
-        "dataTheme"
-    ]);
-    const isBusy = ()=>Boolean(local.loading);
-    const isDisabled = ()=>Boolean(local.disabled) || isBusy();
-    const confirmFlavor = ()=>toButtonFlavor(local.confirmFlavor ?? "primary");
-    return (()=>{
-        var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
-        spread(_el$, mergeProps(rest, ()=>({
-                class: twMerge("inline-flex flex-wrap items-center gap-2", local.class)
-            }), {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            "data-slot": "table-inline-confirm"
-        }), false, true);
-        insert(_el$2, ()=>local.prompt);
-        insert(_el$3, createComponent(button_0, {
-            size: "sm",
-            get flavor () {
-                return confirmFlavor();
-            },
-            get state () {
-                return memo(()=>!!isBusy())() ? "loading" : isDisabled() ? "disabled" : "default";
-            },
-            get onClick () {
-                return local.onConfirm;
-            },
-            get ["aria-label"] () {
-                return local.confirmLabel;
-            },
-            get children () {
-                return local.confirmLabel;
-            }
-        }), null);
-        insert(_el$3, createComponent(button_0, {
-            size: "sm",
-            variant: "ghost",
-            get state () {
-                return isDisabled() ? "disabled" : "default";
-            },
-            get onClick () {
-                return local.onCancel;
-            },
-            get ["aria-label"] () {
-                return local.cancelLabel;
-            },
-            get children () {
-                return local.cancelLabel;
-            }
-        }), null);
-        return _el$;
-    })();
+    const rest = omit(p, "prompt", "confirmLabel", "cancelLabel", "onConfirm", "onCancel", "loading", "disabled", "confirmFlavor", "class", "dataTheme");
+    const isBusy = ()=>Boolean(p.loading);
+    const isDisabled = ()=>Boolean(p.disabled) || isBusy();
+    const confirmFlavor = ()=>toButtonFlavor(p.confirmFlavor ?? "primary");
+    var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
+    spread(_el$, mergeProps(rest, ()=>({
+            class: twMerge("inline-flex flex-wrap items-center gap-2", p.class)
+        }), {
+        get ["data-theme"] () {
+            return p.dataTheme;
+        },
+        "data-slot": "table-inline-confirm"
+    }), true);
+    insert(_el$2, ()=>p.prompt);
+    insert(_el$3, createComponent(button_0, {
+        size: "sm",
+        get flavor () {
+            return confirmFlavor();
+        },
+        get state () {
+            return memo(()=>!!isBusy())() ? "loading" : isDisabled() ? "disabled" : "default";
+        },
+        get onClick () {
+            return p.onConfirm;
+        },
+        get ["aria-label"] () {
+            return p.confirmLabel;
+        },
+        get children () {
+            return p.confirmLabel;
+        }
+    }), _el$4);
+    insert(_el$3, createComponent(button_0, {
+        size: "sm",
+        variant: "ghost",
+        get state () {
+            return isDisabled() ? "disabled" : "default";
+        },
+        get onClick () {
+            return p.onCancel;
+        },
+        get ["aria-label"] () {
+            return p.cancelLabel;
+        },
+        get children () {
+            return p.cancelLabel;
+        }
+    }), _el$5);
+    return _el$;
 };
 const InlineConfirm = defineComponent({
     recipe: tableInlineConfirmRecipe,

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

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { UIBaseProps } from "../vocabulary";
 export type MobileListViewProps<TRow> = UIBaseProps & {
     rows: TRow[];