@pathscale/ui 2.4.0 → 2.6.0

package/dist/components/navbar/NavbarRow.generated.js

@@ -1,38 +1,27 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import { defineComponent } from "solid-layouts/application-boundary";
-import { children, createMemo, 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 { children, createMemo, omit } from "solid-js";
+import { twMerge } from "../../lib/twMerge.js";
 import { CLASSES, componentRecipe } from "./Navbar.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template("<div>");
 const __solidLayoutNavbarRow = (_stable, p)=>{
-    const [local, others] = splitProps(p, [
-        "variant",
-        "children",
-        "bordered",
-        "padded",
-        "flavor",
-        "class",
-        "style",
-        "dataTheme"
-    ]);
-    const resolvedChildren = children(()=>local.children);
-    const flavorClass = ()=>CLASSES.row.flavor[local.flavor ?? "neutral"] ?? `navbar__row--flavor-${local.flavor}`;
-    const classes = createMemo(()=>twMerge(CLASSES.row.base, true === local.bordered && CLASSES.row.flag.bordered, false !== local.padded && CLASSES.row.flag.padded, flavorClass(), "ghost" === local.variant && CLASSES.row.variant.ghost, local.class));
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(()=>({
-                class: classes()
-            }), {
-            get style () {
-                return local.style;
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            }
-        }, others), false, true);
-        insert(_el$, resolvedChildren);
-        return _el$;
-    })();
+    const others = omit(p, "variant", "children", "bordered", "padded", "flavor", "class", "style", "dataTheme");
+    const resolvedChildren = children(()=>p.children);
+    const flavorClass = ()=>CLASSES.row.flavor[p.flavor ?? "neutral"] ?? `navbar__row--flavor-${p.flavor}`;
+    const classes = createMemo(()=>twMerge(CLASSES.row.base, true === p.bordered && CLASSES.row.flag.bordered, false !== p.padded && CLASSES.row.flag.padded, flavorClass(), "ghost" === p.variant && CLASSES.row.variant.ghost, p.class));
+    var _el$ = _tmpl$();
+    spread(_el$, mergeProps(()=>({
+            class: classes()
+        }), {
+        get style () {
+            return p.style;
+        },
+        get ["data-theme"] () {
+            return p.dataTheme;
+        }
+    }, others), true);
+    insert(_el$, resolvedChildren);
+    return _el$;
 };
 const NavbarRow = defineComponent({
     recipe: componentRecipe,

package/dist/components/navbar/NavbarSection.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";
 export type NavbarSectionProps = JSX.HTMLAttributes<HTMLDivElement> & {
     section: "start" | "center" | "end";
     dataTheme?: string;

package/dist/components/navbar/NavbarSection.generated.js

@@ -1,34 +1,26 @@
-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, componentRecipe } from "./Navbar.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template("<div>");
 const __solidLayoutNavbarSection = (_stable, p)=>{
-    const [local, others] = splitProps(p, [
-        "children",
-        "section",
-        "dataTheme",
-        "class",
-        "style"
-    ]);
-    const classes = ()=>twMerge(CLASSES.section.base, CLASSES.section.variant[local.section], local.class);
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            }
-        }, ()=>({
-                class: classes()
-            }), {
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$, ()=>local.children);
-        return _el$;
-    })();
+    const others = omit(p, "children", "section", "dataTheme", "class", "style");
+    const classes = ()=>twMerge(CLASSES.section.base, CLASSES.section.variant[p.section], p.class);
+    var _el$ = _tmpl$();
+    spread(_el$, mergeProps(others, {
+        get ["data-theme"] () {
+            return p.dataTheme;
+        }
+    }, ()=>({
+            class: classes()
+        }), {
+        get style () {
+            return p.style;
+        }
+    }), true);
+    insert(_el$, ()=>p.children);
+    return _el$;
 };
 const NavbarSection = defineComponent({
     recipe: componentRecipe,

package/dist/components/navbar/NavbarStack.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 NavbarStackProps = JSX.HTMLAttributes<HTMLDivElement> & UIBaseProps & {
     sticky?: boolean;

package/dist/components/navbar/NavbarStack.generated.js

@@ -1,35 +1,26 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import { defineComponent } from "solid-layouts/application-boundary";
-import { children, createMemo, 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 { children, createMemo, omit } from "solid-js";
+import { twMerge } from "../../lib/twMerge.js";
 import { CLASSES, componentRecipe } from "./Navbar.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template("<div>");
 const __solidLayoutNavbarStack = (_stable, p)=>{
-    const [local, others] = splitProps(p, [
-        "children",
-        "sticky",
-        "container",
-        "class",
-        "style",
-        "dataTheme"
-    ]);
-    const resolvedChildren = children(()=>local.children);
-    const classes = createMemo(()=>twMerge(CLASSES.stack.base, local.sticky && CLASSES.stack.flag.sticky, local.container && CLASSES.stack.flag.container, local.class));
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(()=>({
-                class: classes()
-            }), {
-            get style () {
-                return local.style;
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            }
-        }, others), false, true);
-        insert(_el$, resolvedChildren);
-        return _el$;
-    })();
+    const others = omit(p, "children", "sticky", "container", "class", "style", "dataTheme");
+    const resolvedChildren = children(()=>p.children);
+    const classes = createMemo(()=>twMerge(CLASSES.stack.base, p.sticky && CLASSES.stack.flag.sticky, p.container && CLASSES.stack.flag.container, p.class));
+    var _el$ = _tmpl$();
+    spread(_el$, mergeProps(()=>({
+            class: classes()
+        }), {
+        get style () {
+            return p.style;
+        },
+        get ["data-theme"] () {
+            return p.dataTheme;
+        }
+    }, others), true);
+    insert(_el$, resolvedChildren);
+    return _el$;
 };
 const NavbarStack = defineComponent({
     recipe: componentRecipe,

package/dist/components/noise-background/NoiseBackground.generated.d.ts

@@ -1,6 +1,6 @@
 import type { Component as __LayoutComponent } from "solid-js";
 import "./NoiseBackground.css";
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { UIBaseProps } from "../vocabulary";
 export type NoiseBackgroundProps = {
     children?: JSX.Element;

package/dist/components/noise-background/NoiseBackground.generated.js

@@ -1,10 +1,10 @@
-import { insert, memo, mergeProps, spread, template, use } from "solid-js/web";
-import { defineComponent } from "solid-layouts/application-boundary";
+import { insert, memo, mergeProps, ref, spread, template } from "@solidjs/web";
+import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./NoiseBackground.css";
-import { onCleanup, onMount, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
+import { omit, onCleanup, onSettled } from "solid-js";
+import { twMerge } from "../../lib/twMerge.js";
 import { CLASSES, componentRecipe } from "./NoiseBackground.recipe.js";
-var _tmpl$ = /*#__PURE__*/ template("<div><div></div><div></div><div></div><div></div><div>"), _tmpl$2 = /*#__PURE__*/ template("<div><img alt>");
+var _tmpl$ = /*#__PURE__*/ template("<div><div></div><div></div><div></div><div></div><div>"), _tmpl$2 = /*#__PURE__*/ template("<div><img>");
 function createSpring(initial, stiffness = 100, damping = 30) {
     let current = initial;
     let velocity = 0;
@@ -23,35 +23,21 @@ function createSpring(initial, stiffness = 100, damping = 30) {
     };
 }
 const __solidLayoutNoiseBackground = (_stable, p)=>{
-    const [local, others] = splitProps(p, [
-        "children",
-        "class",
-        "containerClass",
-        "gradientColors",
-        "noiseIntensity",
-        "speed",
-        "backdropBlur",
-        "animating",
-        "borderRadius",
-        "noiseSrc",
-        "showNoise",
-        "dataTheme",
-        "style"
-    ]);
+    const others = omit(p, "children", "class", "containerClass", "gradientColors", "noiseIntensity", "speed", "backdropBlur", "animating", "borderRadius", "noiseSrc", "showNoise", "dataTheme", "style");
     let containerRef;
     let layer0;
     let layer1;
     let layer2;
     let stripEl;
-    const colors = ()=>local.gradientColors ?? [
+    const colors = ()=>p.gradientColors ?? [
             "rgb(255, 100, 150)",
             "rgb(100, 150, 255)",
             "rgb(255, 200, 100)"
         ];
-    const noiseIntensity = ()=>local.noiseIntensity ?? 0.2;
-    const speed = ()=>local.speed ?? 0.1;
-    const animating = ()=>local.animating ?? true;
-    const borderRadius = ()=>local.borderRadius ?? "var(--radius-box, 1rem)";
+    const noiseIntensity = ()=>p.noiseIntensity ?? 0.2;
+    const speed = ()=>p.speed ?? 0.1;
+    const animating = ()=>p.animating ?? true;
+    const borderRadius = ()=>p.borderRadius ?? "var(--radius-box, 1rem)";
     const springX = createSpring(0);
     const springY = createSpring(0);
     let vx = 0;
@@ -67,7 +53,7 @@ const __solidLayoutNoiseBackground = (_stable, p)=>{
             y: Math.sin(angle) * mag
         };
     };
-    onMount(()=>{
+    onSettled(()=>{
         if (!containerRef) return;
         const initRect = containerRef.getBoundingClientRect();
         const cx = initRect.width / 2;
@@ -140,80 +126,79 @@ const __solidLayoutNoiseBackground = (_stable, p)=>{
     onCleanup(()=>{
         if (void 0 !== rafId) cancelAnimationFrame(rafId);
     });
-    const containerClasses = ()=>twMerge(CLASSES.base, (local.backdropBlur ?? false) && CLASSES.flag.backdropBlur, local.containerClass);
-    const contentClasses = ()=>twMerge(CLASSES.slot.content, local.class);
-    return (()=>{
-        var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling;
-        var _ref$ = containerRef;
-        "function" == typeof _ref$ ? use(_ref$, _el$) : containerRef = _el$;
-        spread(_el$, mergeProps(()=>({
-                class: containerClasses()
-            }), {
-            get style () {
-                return {
-                    "--noise-opacity": noiseIntensity(),
-                    "border-radius": borderRadius(),
-                    ..."object" == typeof local.style ? local.style : {}
-                };
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            }
-        }, others), false, true);
-        var _ref$2 = layer0;
-        "function" == typeof _ref$2 ? use(_ref$2, _el$2) : layer0 = _el$2;
-        spread(_el$2, mergeProps(()=>({
-                class: CLASSES.slot.layer0
-            })), false, false);
-        var _ref$3 = layer1;
-        "function" == typeof _ref$3 ? use(_ref$3, _el$3) : layer1 = _el$3;
-        spread(_el$3, mergeProps(()=>({
-                class: CLASSES.slot.layer1
-            })), false, false);
-        var _ref$4 = layer2;
-        "function" == typeof _ref$4 ? use(_ref$4, _el$4) : layer2 = _el$4;
-        spread(_el$4, mergeProps(()=>({
-                class: CLASSES.slot.layer2
-            })), false, false);
-        var _ref$5 = stripEl;
-        "function" == typeof _ref$5 ? use(_ref$5, _el$5) : stripEl = _el$5;
-        spread(_el$5, mergeProps(()=>({
-                class: CLASSES.slot.strip
-            }), {
-            get style () {
-                return {
-                    background: `linear-gradient(to right, ${colors().join(", ")})`,
-                    "border-radius": `${borderRadius()} ${borderRadius()} 0 0`
-                };
-            }
-        }), false, false);
-        insert(_el$, (()=>{
-            var _c$ = memo(()=>!!(local.showNoise ?? false));
-            return ()=>_c$() && (()=>{
-                    var _el$7 = _tmpl$2(), _el$8 = _el$7.firstChild;
-                    spread(_el$7, mergeProps(()=>({
-                            class: CLASSES.slot.noiseWrap
-                        })), false, true);
-                    spread(_el$8, mergeProps({
-                        get src () {
-                            return local.noiseSrc ?? "/noise.webp";
-                        }
-                    }, ()=>({
-                            class: CLASSES.slot.noiseImage
-                        }), {
-                        style: {
-                            opacity: "var(--noise-opacity, 0.2)"
-                        }
-                    }), false, false);
-                    return _el$7;
-                })();
-        })(), _el$6);
-        spread(_el$6, mergeProps(()=>({
-                class: contentClasses()
-            })), false, true);
-        insert(_el$6, ()=>local.children);
-        return _el$;
-    })();
+    const containerClasses = ()=>twMerge(CLASSES.base, (p.backdropBlur ?? false) && CLASSES.flag.backdropBlur, p.containerClass);
+    const contentClasses = ()=>twMerge(CLASSES.slot.content, p.class);
+    var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling;
+    var _ref$ = containerRef;
+    "function" == typeof _ref$ || Array.isArray(_ref$) ? ref(()=>_ref$, _el$) : containerRef = _el$;
+    spread(_el$, mergeProps(()=>({
+            class: containerClasses()
+        }), {
+        get style () {
+            return {
+                "--noise-opacity": noiseIntensity(),
+                "border-radius": borderRadius(),
+                ..."object" == typeof p.style ? p.style : {}
+            };
+        },
+        get ["data-theme"] () {
+            return p.dataTheme;
+        }
+    }, others), true);
+    var _ref$2 = layer0;
+    "function" == typeof _ref$2 || Array.isArray(_ref$2) ? ref(()=>_ref$2, _el$2) : layer0 = _el$2;
+    spread(_el$2, mergeProps(()=>({
+            class: CLASSES.slot.layer0
+        })), false);
+    var _ref$3 = layer1;
+    "function" == typeof _ref$3 || Array.isArray(_ref$3) ? ref(()=>_ref$3, _el$3) : layer1 = _el$3;
+    spread(_el$3, mergeProps(()=>({
+            class: CLASSES.slot.layer1
+        })), false);
+    var _ref$4 = layer2;
+    "function" == typeof _ref$4 || Array.isArray(_ref$4) ? ref(()=>_ref$4, _el$4) : layer2 = _el$4;
+    spread(_el$4, mergeProps(()=>({
+            class: CLASSES.slot.layer2
+        })), false);
+    var _ref$5 = stripEl;
+    "function" == typeof _ref$5 || Array.isArray(_ref$5) ? ref(()=>_ref$5, _el$5) : stripEl = _el$5;
+    spread(_el$5, mergeProps(()=>({
+            class: CLASSES.slot.strip
+        }), {
+        get style () {
+            return {
+                background: `linear-gradient(to right, ${colors().join(", ")})`,
+                "border-radius": `${borderRadius()} ${borderRadius()} 0 0`
+            };
+        }
+    }), false);
+    insert(_el$, (()=>{
+        var _c$ = memo(()=>!!(p.showNoise ?? false));
+        return ()=>_c$() ? (()=>{
+                var _el$7 = _tmpl$2(), _el$8 = _el$7.firstChild;
+                spread(_el$7, mergeProps(()=>({
+                        class: CLASSES.slot.noiseWrap
+                    })), true);
+                spread(_el$8, mergeProps({
+                    get src () {
+                        return p.noiseSrc ?? "/noise.webp";
+                    },
+                    alt: ""
+                }, ()=>({
+                        class: CLASSES.slot.noiseImage
+                    }), {
+                    style: {
+                        opacity: "var(--noise-opacity, 0.2)"
+                    }
+                }), false);
+                return _el$7;
+            })() : p.showNoise ?? false;
+    })(), _el$6);
+    spread(_el$6, mergeProps(()=>({
+            class: contentClasses()
+        })), true);
+    insert(_el$6, ()=>p.children);
+    return _el$;
 };
 const NoiseBackground = defineComponent({
     recipe: componentRecipe,

package/dist/components/noise-background/NoiseBackground.recipe.d.ts

@@ -13,7 +13,7 @@ export declare const CLASSES: {
         readonly content: "noise-background__content";
     };
 };
-export declare const componentRecipe: import("solid-layouts").Recipe<{
+export declare const componentRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "noise-background";
     readonly slots: {
         readonly root: {};

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

@@ -1,6 +1,6 @@
 import type { Component as __LayoutComponent } from "solid-js";
 import "./Pagination.css";
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { UIBaseProps, State } from "../vocabulary";
 export type PaginationProps = Omit<JSX.HTMLAttributes<HTMLElement>, "onChange"> & UIBaseProps & {
     page: number;