@pathscale/ui 2.4.0 → 2.6.0

package/dist/components/address/Address.generated.js

@@ -1,10 +1,10 @@
-import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
-import { defineComponent } from "solid-layouts/application-boundary";
+import { claimElement, createComponent, insert, mergeProps, spread, template } from "@solidjs/web";
+import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./Address.css";
 import { Show, createSignal, onCleanup } from "solid-js";
 import { address } from "./Address.recipe.js";
 import { DEFAULT_LEAD, DEFAULT_TAIL, copyAddress, scheduleCopyReset, truncateAddress } from "./Address.interactions.js";
-var _tmpl$ = /*#__PURE__*/ template("<span>"), _tmpl$2 = /*#__PURE__*/ template("<button>"), _tmpl$3 = /*#__PURE__*/ template("<a>"), _tmpl$4 = /*#__PURE__*/ template("<span><span>");
+var _tmpl$ = /*#__PURE__*/ template("<span>"), _tmpl$2 = /*#__PURE__*/ template("<button>"), _tmpl$3 = /*#__PURE__*/ template("<a>"), _tmpl$4 = /*#__PURE__*/ template("<span><span></span><!><!>");
 const __solidLayoutAddressLayout = (_stable, p)=>{
     const [copied, setCopied] = createSignal(false);
     let cancel;
@@ -20,83 +20,82 @@ const __solidLayoutAddressLayout = (_stable, p)=>{
         cancel?.();
         cancel = scheduleCopyReset(()=>setCopied(false));
     };
-    return (()=>{
-        var _el$ = _tmpl$4(), _el$2 = _el$.firstChild;
-        spread(_el$, mergeProps(()=>_stable.slot.root, {
-            get ["data-state"] () {
-                return p.state ?? "default";
-            }
-        }), false, true);
-        spread(_el$2, mergeProps(()=>_stable.slot.value, {
-            get title () {
-                return p.value;
-            }
-        }), false, true);
-        insert(_el$2, createComponent(Show, {
-            get when () {
-                return p.name;
-            },
-            get fallback () {
-                return shown();
-            },
-            get children () {
-                return p.name;
-            }
-        }));
-        insert(_el$, createComponent(Show, {
-            get when () {
-                return false !== p.copyable;
-            },
-            get children () {
-                var _el$3 = _tmpl$2();
-                spread(_el$3, mergeProps(()=>_stable.slot.copy, {
-                    type: "button",
-                    onClick: copy,
-                    get disabled () {
-                        return "disabled" === p.state;
-                    },
-                    get ["aria-label"] () {
-                        return memo(()=>!!copied())() ? void 0 : p.copyLabel ?? "Copy address";
-                    }
-                }), false, true);
-                insert(_el$3, createComponent(Show, {
-                    get when () {
-                        return copied();
-                    },
-                    get fallback () {
-                        return p.copyLabel ?? "Copy";
-                    },
-                    get children () {
-                        var _el$4 = _tmpl$();
-                        spread(_el$4, mergeProps(()=>_stable.slot.feedback, {
-                            role: "status"
-                        }), false, true);
-                        insert(_el$4, ()=>p.copiedLabel ?? "Copied");
-                        return _el$4;
-                    }
-                }));
-                return _el$3;
-            }
-        }), null);
-        insert(_el$, createComponent(Show, {
-            get when () {
-                return p.explorerUrl;
-            },
-            get children () {
-                var _el$5 = _tmpl$3();
-                spread(_el$5, mergeProps(()=>_stable.slot.link, {
-                    get href () {
-                        return p.explorerUrl;
-                    },
-                    target: "_blank",
-                    rel: "noreferrer noopener"
-                }), false, true);
-                insert(_el$5, ()=>p.explorerLabel ?? "View");
-                return _el$5;
-            }
-        }), null);
-        return _el$;
-    })();
+    var _el$ = _tmpl$4(), _el$2 = _el$.firstChild, _el$6 = _el$2.nextSibling, _el$7 = _el$6.nextSibling;
+    spread(_el$, mergeProps(()=>_stable.slot.root, {
+        get ["data-state"] () {
+            return p.state ?? "default";
+        }
+    }), true);
+    spread(_el$2, mergeProps(()=>_stable.slot.value, {
+        get title () {
+            return p.value;
+        }
+    }), true);
+    insert(_el$2, createComponent(Show, {
+        get when () {
+            return p.name;
+        },
+        get fallback () {
+            return shown();
+        },
+        get children () {
+            return p.name;
+        }
+    }));
+    insert(_el$, createComponent(Show, {
+        get when () {
+            return false !== p.copyable;
+        },
+        get children () {
+            var _el$3 = _tmpl$2();
+            spread(_el$3, mergeProps(()=>_stable.slot.copy, {
+                type: "button",
+                onClick: copy,
+                get disabled () {
+                    return "disabled" === p.state;
+                },
+                get ["aria-label"] () {
+                    return copied() ? void 0 : p.copyLabel ?? "Copy address";
+                }
+            }), true);
+            insert(_el$3, createComponent(Show, {
+                get when () {
+                    return copied();
+                },
+                get fallback () {
+                    return p.copyLabel ?? "Copy";
+                },
+                get children () {
+                    var _el$4 = _tmpl$();
+                    spread(_el$4, mergeProps(()=>_stable.slot.feedback, {
+                        role: "status"
+                    }), true);
+                    insert(_el$4, ()=>p.copiedLabel ?? "Copied");
+                    return _el$4;
+                }
+            }));
+            return _el$3;
+        }
+    }), _el$6);
+    insert(_el$, createComponent(Show, {
+        get when () {
+            return p.explorerUrl;
+        },
+        get children () {
+            var _el$5 = _tmpl$3();
+            claimElement(_el$5);
+            spread(_el$5, mergeProps(()=>_stable.slot.link, {
+                get href () {
+                    return p.explorerUrl;
+                },
+                target: "_blank",
+                rel: "noreferrer noopener"
+            }), true);
+            insert(_el$5, ()=>p.explorerLabel ?? "View");
+            return _el$5;
+        }
+    }), _el$7);
+    return _el$;
 };
 const AddressLayout = defineComponent({
     recipe: address,

package/dist/components/address/Address.recipe.d.ts

@@ -10,7 +10,7 @@
  * Deliberately not a form input. This displays an address someone already has;
  * entering one is `Input` with a validator.
  */
-export declare const address: import("solid-layouts").Recipe<{
+export declare const address: import("solid-layouts/solid-2").Recipe<{
     readonly component: "address";
     readonly element: "span";
     readonly slots: {

package/dist/components/alert/Alert.generated.d.ts

@@ -1,6 +1,6 @@
 import type { Component as __LayoutComponent } from "solid-js";
 import "./Alert.css";
-import { type JSX } from "solid-js";
+import { type JSX } from "@solidjs/web";
 import type { Flavor, UIBaseProps, Variant } from "../vocabulary";
 export type AlertPlacement = "inline" | "banner";
 export type AlertProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children" | "title"> & UIBaseProps & {

package/dist/components/alert/Alert.generated.js

@@ -1,9 +1,9 @@
-import { Dynamic, createComponent, insert, mergeProps, spread, template } from "solid-js/web";
-import { defineComponent } from "solid-layouts/application-boundary";
+import { Dynamic, createComponent, insert, mergeProps, spread, template } from "@solidjs/web";
+import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./Alert.css";
 import { Show } from "solid-js";
 import { alert as external_Alert_recipe_js_alert } from "./Alert.recipe.js";
-var _tmpl$ = /*#__PURE__*/ template('<svg aria-hidden=true fill=none height=16 viewBox="0 0 24 24"width=16 xmlns=http://www.w3.org/2000/svg>'), _tmpl$2 = /*#__PURE__*/ template("<svg><circle cx=12 cy=12 r=10 stroke=currentColor stroke-width=2></svg>", false, true, false), _tmpl$3 = /*#__PURE__*/ template('<svg><path d="M12 16v-4M12 8h.01"stroke=currentColor stroke-linecap=round stroke-width=2></svg>', false, true, false), _tmpl$4 = /*#__PURE__*/ template('<svg><path d="M9 12l2 2 4-4"stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2></svg>', false, true, false), _tmpl$5 = /*#__PURE__*/ template('<svg><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"stroke=currentColor stroke-width=2></svg>', false, true, false), _tmpl$6 = /*#__PURE__*/ template('<svg><path d="M12 9v4M12 17h.01"stroke=currentColor stroke-linecap=round stroke-width=2></svg>', false, true, false), _tmpl$7 = /*#__PURE__*/ template('<svg><path d="M15 9l-6 6M9 9l6 6"stroke=currentColor stroke-linecap=round stroke-width=2></svg>', false, true, false), _tmpl$8 = /*#__PURE__*/ template("<span>"), _tmpl$9 = /*#__PURE__*/ template("<p>"), _tmpl$0 = /*#__PURE__*/ template('<button><svg aria-hidden=true fill=none height=14 viewBox="0 0 24 24"width=14 xmlns=http://www.w3.org/2000/svg><path d="M18 6L6 18M6 6l12 12"stroke=currentColor stroke-linecap=round stroke-width=2>'), _tmpl$1 = /*#__PURE__*/ template("<div><div><span>");
+var _tmpl$ = /*#__PURE__*/ template('<svg aria-hidden=true fill=none height=16 viewBox="0 0 24 24"width=16>'), _tmpl$2 = /*#__PURE__*/ template("<svg><circle cx=12 cy=12 r=10 stroke=currentColor stroke-width=2></svg>", 2), _tmpl$3 = /*#__PURE__*/ template('<svg><path d="M12 16v-4M12 8h.01"stroke=currentColor stroke-linecap=round stroke-width=2></svg>', 2), _tmpl$4 = /*#__PURE__*/ template('<svg><path d="M9 12l2 2 4-4"stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2></svg>', 2), _tmpl$5 = /*#__PURE__*/ template('<svg><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"stroke=currentColor stroke-width=2></svg>', 2), _tmpl$6 = /*#__PURE__*/ template('<svg><path d="M12 9v4M12 17h.01"stroke=currentColor stroke-linecap=round stroke-width=2></svg>', 2), _tmpl$7 = /*#__PURE__*/ template('<svg><path d="M15 9l-6 6M9 9l6 6"stroke=currentColor stroke-linecap=round stroke-width=2></svg>', 2), _tmpl$8 = /*#__PURE__*/ template("<span>"), _tmpl$9 = /*#__PURE__*/ template("<p>"), _tmpl$0 = /*#__PURE__*/ template('<button><svg aria-hidden=true fill=none height=14 viewBox="0 0 24 24"width=14 xmlns=http://www.w3.org/2000/svg><path d="M18 6L6 18M6 6l12 12"stroke=currentColor stroke-linecap=round stroke-width=2>'), _tmpl$1 = /*#__PURE__*/ template("<div><div><span></span></div><!>");
 const svg = (paths)=>(()=>{
         var _el$ = _tmpl$();
         insert(_el$, paths);
@@ -37,76 +37,74 @@ const ASSERTIVE = new Set([
 ]);
 const __solidLayoutAlertLayout = (_stable, p)=>{
     const role = ()=>ASSERTIVE.has(String(p.flavor)) ? "alert" : "status";
-    return (()=>{
-        var _el$0 = _tmpl$1(), _el$10 = _el$0.firstChild, _el$12 = _el$10.firstChild;
-        spread(_el$0, mergeProps(()=>_stable.slot.root, {
-            get role () {
-                return role();
-            },
-            get ["aria-live"] () {
-                return "alert" === role() ? "assertive" : "polite";
-            },
-            get ["data-flavor"] () {
-                return p.flavor ?? "neutral";
-            }
-        }), false, true);
-        insert(_el$0, createComponent(Show, {
-            get when () {
-                return false !== p.icon;
-            },
-            get children () {
-                var _el$1 = _tmpl$8();
-                spread(_el$1, mergeProps(()=>_stable.slot.indicator), false, true);
-                insert(_el$1, createComponent(Show, {
-                    get when () {
-                        return p.icon;
-                    },
-                    get fallback () {
-                        return createComponent(Dynamic, {
-                            get component () {
-                                return FLAVOR_ICON[String(p.flavor)] ?? InfoIcon;
-                            }
-                        });
-                    },
-                    get children () {
-                        return p.icon;
-                    }
-                }));
-                return _el$1;
-            }
-        }), _el$10);
-        spread(_el$10, mergeProps(()=>_stable.slot.content), false, true);
-        insert(_el$10, createComponent(Show, {
-            get when () {
-                return p.title;
-            },
-            get children () {
-                var _el$11 = _tmpl$9();
-                spread(_el$11, mergeProps(()=>_stable.slot.title), false, true);
-                insert(_el$11, ()=>p.title);
-                return _el$11;
-            }
-        }), _el$12);
-        spread(_el$12, mergeProps(()=>_stable.slot.description), false, true);
-        insert(_el$12, ()=>_stable.children);
-        insert(_el$0, createComponent(Show, {
-            get when () {
-                return p.onDismiss;
-            },
-            get children () {
-                var _el$13 = _tmpl$0();
-                spread(_el$13, mergeProps(()=>_stable.slot.dismiss, {
-                    type: "button",
-                    onClick: ()=>p.onDismiss?.(),
-                    get ["aria-label"] () {
-                        return p.dismissLabel ?? "Dismiss";
-                    }
-                }), false, true);
-                return _el$13;
-            }
-        }), null);
-        return _el$0;
-    })();
+    var _el$0 = _tmpl$1(), _el$10 = _el$0.firstChild, _el$12 = _el$10.firstChild, _el$14 = _el$10.nextSibling;
+    spread(_el$0, mergeProps(()=>_stable.slot.root, {
+        get role () {
+            return role();
+        },
+        get ["aria-live"] () {
+            return "alert" === role() ? "assertive" : "polite";
+        },
+        get ["data-flavor"] () {
+            return p.flavor ?? "neutral";
+        }
+    }), true);
+    insert(_el$0, createComponent(Show, {
+        get when () {
+            return false !== p.icon;
+        },
+        get children () {
+            var _el$1 = _tmpl$8();
+            spread(_el$1, mergeProps(()=>_stable.slot.indicator), true);
+            insert(_el$1, createComponent(Show, {
+                get when () {
+                    return p.icon;
+                },
+                get fallback () {
+                    return createComponent(Dynamic, {
+                        get component () {
+                            return FLAVOR_ICON[String(p.flavor)] ?? InfoIcon;
+                        }
+                    });
+                },
+                get children () {
+                    return p.icon;
+                }
+            }));
+            return _el$1;
+        }
+    }), _el$10);
+    spread(_el$10, mergeProps(()=>_stable.slot.content), true);
+    insert(_el$10, createComponent(Show, {
+        get when () {
+            return p.title;
+        },
+        get children () {
+            var _el$11 = _tmpl$9();
+            spread(_el$11, mergeProps(()=>_stable.slot.title), true);
+            insert(_el$11, ()=>p.title);
+            return _el$11;
+        }
+    }), _el$12);
+    spread(_el$12, mergeProps(()=>_stable.slot.description), true);
+    insert(_el$12, ()=>_stable.children);
+    insert(_el$0, createComponent(Show, {
+        get when () {
+            return p.onDismiss;
+        },
+        get children () {
+            var _el$13 = _tmpl$0();
+            spread(_el$13, mergeProps(()=>_stable.slot.dismiss, {
+                type: "button",
+                onClick: ()=>p.onDismiss?.(),
+                get ["aria-label"] () {
+                    return p.dismissLabel ?? "Dismiss";
+                }
+            }), true);
+            return _el$13;
+        }
+    }), _el$14);
+    return _el$0;
 };
 const AlertLayout = defineComponent({
     recipe: external_Alert_recipe_js_alert,

package/dist/components/alert/Alert.recipe.d.ts

@@ -7,7 +7,7 @@
  * named it after one of its own states — `status` was passed at 29 of 29 call
  * sites because "alert" was never a state it could default to.
  */
-export declare const alert: import("solid-layouts").Recipe<{
+export declare const alert: import("solid-layouts/solid-2").Recipe<{
     readonly component: "alert";
     readonly element: "div";
     readonly slots: {

package/dist/components/auth-card/AuthCard.generated.d.ts

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

package/dist/components/auth-card/AuthCard.generated.js

@@ -1,10 +1,10 @@
-import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
-import { defineComponent } from "solid-layouts/application-boundary";
+import { createComponent, insert, memo, mergeProps, spread, template } from "@solidjs/web";
+import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./AuthCard.css";
 import { Show } from "solid-js";
 import card from "../card/index.js";
 import { authCard } from "./AuthCard.recipe.js";
-var _tmpl$ = /*#__PURE__*/ template("<h2>"), _tmpl$2 = /*#__PURE__*/ template("<p>"), _tmpl$3 = /*#__PURE__*/ template("<div>"), _tmpl$4 = /*#__PURE__*/ template("<div><div>");
+var _tmpl$ = /*#__PURE__*/ template("<h2>"), _tmpl$2 = /*#__PURE__*/ template("<p>"), _tmpl$3 = /*#__PURE__*/ template("<div>"), _tmpl$4 = /*#__PURE__*/ template("<div><div><!><!>");
 const __solidLayoutAuthCardLayout = (_stable, p)=>createComponent(card, mergeProps(()=>_stable.slot.root, {
         elevation: "md",
         get children () {
@@ -17,40 +17,40 @@ const __solidLayoutAuthCardLayout = (_stable, p)=>createComponent(card, mergePro
                                     return p.title || p.description || p.brandingSlot;
                                 },
                                 get children () {
-                                    var _el$ = _tmpl$4(), _el$2 = _el$.firstChild;
-                                    spread(_el$, mergeProps(()=>_stable.slot.header), false, true);
-                                    spread(_el$2, mergeProps(()=>_stable.slot.headings), false, true);
+                                    var _el$ = _tmpl$4(), _el$2 = _el$.firstChild, _el$5 = _el$2.firstChild, _el$6 = _el$5.nextSibling;
+                                    spread(_el$, mergeProps(()=>_stable.slot.header), true);
+                                    spread(_el$2, mergeProps(()=>_stable.slot.headings), true);
                                     insert(_el$2, createComponent(Show, {
                                         get when () {
                                             return p.title;
                                         },
                                         get children () {
                                             var _el$3 = _tmpl$();
-                                            spread(_el$3, mergeProps(()=>_stable.slot.title), false, true);
+                                            spread(_el$3, mergeProps(()=>_stable.slot.title), true);
                                             insert(_el$3, ()=>p.title);
                                             return _el$3;
                                         }
-                                    }), null);
+                                    }), _el$5);
                                     insert(_el$2, createComponent(Show, {
                                         get when () {
                                             return p.description;
                                         },
                                         get children () {
                                             var _el$4 = _tmpl$2();
-                                            spread(_el$4, mergeProps(()=>_stable.slot.description), false, true);
+                                            spread(_el$4, mergeProps(()=>_stable.slot.description), true);
                                             insert(_el$4, ()=>p.description);
                                             return _el$4;
                                         }
-                                    }), null);
+                                    }), _el$6);
                                     insert(_el$, createComponent(Show, {
                                         get when () {
                                             return p.brandingSlot;
                                         },
                                         get children () {
-                                            var _el$5 = _tmpl$3();
-                                            spread(_el$5, mergeProps(()=>_stable.slot.branding), false, true);
-                                            insert(_el$5, ()=>p.brandingSlot);
-                                            return _el$5;
+                                            var _el$7 = _tmpl$3();
+                                            spread(_el$7, mergeProps(()=>_stable.slot.branding), true);
+                                            insert(_el$7, ()=>p.brandingSlot);
+                                            return _el$7;
                                         }
                                     }), null);
                                     return _el$;

package/dist/components/auth-card/AuthCard.recipe.d.ts

@@ -1,4 +1,4 @@
-export declare const authCard: import("solid-layouts").Recipe<{
+export declare const authCard: import("solid-layouts/solid-2").Recipe<{
     readonly component: "auth-card";
     readonly element: "div";
     readonly slots: {

package/dist/components/auth-field-group/AuthFieldGroup.generated.d.ts

@@ -1,6 +1,6 @@
 import type { Component as __LayoutComponent } from "solid-js";
 import "./AuthFieldGroup.css";
-import type { JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { UIBaseProps } from "../vocabulary";
 export type AuthFieldGroupGap = "sm" | "md" | "lg";
 export type AuthFieldGroupProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & UIBaseProps & {

package/dist/components/auth-field-group/AuthFieldGroup.generated.js

@@ -1,11 +1,11 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import { defineComponent } from "solid-layouts/application-boundary";
+import { insert, mergeProps, spread, template } from "@solidjs/web";
+import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./AuthFieldGroup.css";
 import { authFieldGroup } from "./AuthFieldGroup.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template("<div>");
 const __solidLayoutAuthFieldGroupLayout = (_stable, p)=>(()=>{
         var _el$ = _tmpl$();
-        spread(_el$, mergeProps(()=>_stable.slot.root), false, true);
+        spread(_el$, mergeProps(()=>_stable.slot.root), true);
         insert(_el$, ()=>_stable.children);
         return _el$;
     })();

package/dist/components/auth-field-group/AuthFieldGroup.recipe.d.ts

@@ -1,4 +1,4 @@
-export declare const authFieldGroup: import("solid-layouts").Recipe<{
+export declare const authFieldGroup: import("solid-layouts/solid-2").Recipe<{
     readonly component: "auth-field-group";
     readonly element: "div";
     readonly slots: {

package/dist/components/auth-footer-links/AuthFooterLinks.generated.d.ts

@@ -1,6 +1,6 @@
 import type { Component as __LayoutComponent } from "solid-js";
 import "./AuthFooterLinks.css";
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { UIBaseProps } from "../vocabulary";
 export type AuthFooterLinkItem = {
     key: string;

package/dist/components/auth-footer-links/AuthFooterLinks.generated.js

@@ -1,18 +1,19 @@
-import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
-import { defineComponent } from "solid-layouts/application-boundary";
+import { claimElement, createComponent, insert, mergeProps, spread, template } from "@solidjs/web";
+import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./AuthFooterLinks.css";
 import { For } from "solid-js";
 import { authFooterLinks } from "./AuthFooterLinks.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<a>"), _tmpl$3 = /*#__PURE__*/ template("<button>");
 const __solidLayoutAuthFooterLinksLayout = (_stable, p)=>(()=>{
         var _el$ = _tmpl$();
-        spread(_el$, mergeProps(()=>_stable.slot.root), false, true);
+        spread(_el$, mergeProps(()=>_stable.slot.root), true);
         insert(_el$, createComponent(For, {
             get each () {
                 return p.items;
             },
             children: (item)=>item.href ? (()=>{
                     var _el$2 = _tmpl$2();
+                    claimElement(_el$2);
                     spread(_el$2, mergeProps(()=>_stable.slot.link, {
                         get href () {
                             return item.href;
@@ -27,7 +28,7 @@ const __solidLayoutAuthFooterLinksLayout = (_stable, p)=>(()=>{
                             if (item.disabled) return void event.preventDefault();
                             item.onClick?.();
                         }
-                    }), false, true);
+                    }), true);
                     insert(_el$2, ()=>item.label);
                     return _el$2;
                 })() : (()=>{
@@ -43,7 +44,7 @@ const __solidLayoutAuthFooterLinksLayout = (_stable, p)=>(()=>{
                         get onClick () {
                             return item.onClick;
                         }
-                    }), false, true);
+                    }), true);
                     insert(_el$3, ()=>item.label);
                     return _el$3;
                 })()

package/dist/components/auth-footer-links/AuthFooterLinks.recipe.d.ts

@@ -1,4 +1,4 @@
-export declare const authFooterLinks: import("solid-layouts").Recipe<{
+export declare const authFooterLinks: import("solid-layouts/solid-2").Recipe<{
     readonly component: "auth-footer-links";
     readonly element: "div";
     readonly slots: {

package/dist/components/auth-message/AuthMessage.generated.d.ts

@@ -1,6 +1,6 @@
 import type { Component as __LayoutComponent } from "solid-js";
 import "./AuthMessage.css";
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { Flavor, UIBaseProps } from "../vocabulary";
 export type AuthMessageProps = UIBaseProps & {
     message?: JSX.Element | string | null;

package/dist/components/auth-message/AuthMessage.generated.js

@@ -1,5 +1,5 @@
-import { createComponent, memo, mergeProps } from "solid-js/web";
-import { defineComponent } from "solid-layouts/application-boundary";
+import { createComponent, memo, mergeProps } from "@solidjs/web";
+import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./AuthMessage.css";
 import { Show } from "solid-js";
 import alert_0 from "../alert/index.js";

package/dist/components/auth-message/AuthMessage.recipe.d.ts

@@ -1,4 +1,4 @@
-export declare const authMessage: import("solid-layouts").Recipe<{
+export declare const authMessage: import("solid-layouts/solid-2").Recipe<{
     readonly component: "auth-message";
     readonly element: "div";
     readonly slots: {

package/dist/components/auth-powered-by/AuthPoweredBy.generated.d.ts

@@ -1,6 +1,6 @@
 import type { Component as __LayoutComponent } from "solid-js";
 import "./AuthPoweredBy.css";
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { UIBaseProps } from "../vocabulary";
 export type AuthPoweredByAlign = "left" | "center" | "right";
 export type AuthPoweredByVariant = "subtle" | "card" | "inline";

package/dist/components/auth-powered-by/AuthPoweredBy.generated.js

@@ -1,5 +1,5 @@
-import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
-import { defineComponent } from "solid-layouts/application-boundary";
+import { claimElement, createComponent, insert, mergeProps, spread, template } from "@solidjs/web";
+import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./AuthPoweredBy.css";
 import { Show } from "solid-js";
 import { authPoweredBy } from "./AuthPoweredBy.recipe.js";
@@ -8,15 +8,16 @@ const DEFAULT_LABEL = "Secure Auth by Honey";
 const DEFAULT_HREF = "https://honey.id/";
 const __solidLayoutAuthPoweredByLayout = (_stable, p)=>(()=>{
         var _el$ = _tmpl$2(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$5 = _el$3.firstChild;
-        spread(_el$, mergeProps(()=>_stable.slot.root), false, true);
+        spread(_el$, mergeProps(()=>_stable.slot.root), true);
+        claimElement(_el$2);
         spread(_el$2, mergeProps(()=>_stable.slot.link, {
             get href () {
                 return p.href ?? DEFAULT_HREF;
             },
             target: "_blank",
             rel: "noopener noreferrer"
-        }), false, true);
-        spread(_el$3, mergeProps(()=>_stable.slot.content), false, true);
+        }), true);
+        spread(_el$3, mergeProps(()=>_stable.slot.content), true);
         insert(_el$3, createComponent(Show, {
             get when () {
                 return p.logo;
@@ -25,7 +26,7 @@ const __solidLayoutAuthPoweredByLayout = (_stable, p)=>(()=>{
                 var _el$4 = _tmpl$();
                 spread(_el$4, mergeProps(()=>_stable.slot.logo, {
                     "aria-hidden": "true"
-                }), false, true);
+                }), true);
                 insert(_el$4, ()=>p.logo);
                 return _el$4;
             }

package/dist/components/auth-powered-by/AuthPoweredBy.recipe.d.ts

@@ -1,4 +1,4 @@
-export declare const authPoweredBy: import("solid-layouts").Recipe<{
+export declare const authPoweredBy: import("solid-layouts/solid-2").Recipe<{
     readonly component: "auth-powered-by";
     readonly element: "div";
     readonly slots: {