@pathscale/ui 1.1.39 → 1.1.42

package/dist/components/grid/Grid.js

@@ -26,11 +26,10 @@ const Grid_Grid = (props)=>{
     return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
         get component () {
             return local.as;
-        },
-        get ["class"] () {
-            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(classes);
         }
-    }, rest, {
+    }, ()=>({
+            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(classes)
+        }), rest, {
         get children () {
             return resolvedChildren();
         }

package/dist/components/header/Header.js

@@ -14,10 +14,9 @@ const HeaderRoot = (props)=>{
     ]);
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Header_classes_js_7c962527__.CLASSES.base, local.class, local.className);
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Header_classes_js_7c962527__.CLASSES.base, local.class, local.className)
+            }), {
             "data-slot": "header",
             get ["data-theme"] () {
                 return local.dataTheme;

package/dist/components/icon/Icon.js

@@ -20,10 +20,9 @@ const Icon = (props)=>{
     const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Icon_classes_js_7218ccd2__.CLASSES.base, name, local.class, local.className));
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return classes();
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: classes()
+            }), {
             get style () {
                 return {
                     width: `${width}px`,

package/dist/components/immersive-landing/ImmersiveLanding.js

@@ -11,7 +11,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__ImmersiveLandingNavigation_js_3c874fb2__
 import * as __WEBPACK_EXTERNAL_MODULE__components_PWAInstallPrompt_js_a5e100bf__ from "./components/PWAInstallPrompt.js";
 import * as __WEBPACK_EXTERNAL_MODULE__components_FirefoxPWABanner_js_46fc5861__ from "./components/FirefoxPWABanner.js";
 import * as __WEBPACK_EXTERNAL_MODULE__components_CookieConsent_js_dd55e062__ from "./components/CookieConsent.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div><div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div aria-hidden=true><span>v"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div><div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><span>v"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const ImmersiveLanding = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "pages",
@@ -70,24 +70,20 @@ const ImmersiveLanding = (props)=>{
             return [
                 (()=>{
                     var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-                        get ["class"] () {
-                            return classes();
-                        },
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: classes()
+                        }), {
                         get style () {
                             return local.style;
                         }
                     }, others), false, true);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.landing.viewport
+                        })), false, true);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.landing.pageLayer
+                        })), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, renderChildren);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                        var _v$ = __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.landing.viewport, _v$2 = __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.landing.pageLayer;
-                        _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.e = _v$);
-                        _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.t = _v$2);
-                        return _p$;
-                    }, {
-                        e: void 0,
-                        t: void 0
-                    });
                     return _el$;
                 })(),
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
@@ -96,6 +92,9 @@ const ImmersiveLanding = (props)=>{
                     },
                     get children () {
                         var _el$4 = _tmpl$3();
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.landing.overlay
+                            })), false, true);
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, renderOverlay, null);
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
                             get when () {
@@ -104,20 +103,18 @@ const ImmersiveLanding = (props)=>{
                             get children () {
                                 var _el$5 = _tmpl$2(), _el$6 = _el$5.firstChild;
                                 _el$6.firstChild;
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.landing.versionWrap
+                                    }), {
+                                    "aria-hidden": "true"
+                                }), false, true);
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.landing.versionLabel
+                                    })), false, true);
                                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.appVersion, null);
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                                    var _v$3 = __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.landing.versionWrap, _v$4 = __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.landing.versionLabel;
-                                    _v$3 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.e = _v$3);
-                                    _v$4 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, _p$.t = _v$4);
-                                    return _p$;
-                                }, {
-                                    e: void 0,
-                                    t: void 0
-                                });
                                 return _el$5;
                             }
                         }), null);
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.landing.overlay));
                         return _el$4;
                     }
                 }),

package/dist/components/immersive-landing/ImmersiveLandingArrows.js

@@ -2,7 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
 import * as __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__ from "./ImmersiveLanding.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button aria-label="Previous page"><svg fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=2><path stroke-linecap=round stroke-linejoin=round d="M15 19l-7-7 7-7">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button aria-label="Next page"><svg fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=2><path stroke-linecap=round stroke-linejoin=round d="M9 5l7 7-7 7">');
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button><svg><path stroke-linecap=round stroke-linejoin=round d="M15 19l-7-7 7-7">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button><svg><path stroke-linecap=round stroke-linejoin=round d="M9 5l7 7-7 7">');
 const ImmersiveLandingArrows = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "onPrev",
@@ -26,12 +26,19 @@ const ImmersiveLandingArrows = (props)=>{
             get children () {
                 var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
                 _el$.$$click = handlePrev;
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-                    get ["class"] () {
-                        return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.arrows.button, __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.arrows.prev, local.class, local.className);
-                    }
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.arrows.button, __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.arrows.prev, local.class, local.className)
+                    }), {
+                    "aria-label": "Previous page"
                 }, others), false, true);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "class", __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.arrows.icon));
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.arrows.icon
+                    }), {
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    "stroke-width": "2"
+                }), true, true);
                 return _el$;
             }
         }),
@@ -42,12 +49,19 @@ const ImmersiveLandingArrows = (props)=>{
             get children () {
                 var _el$3 = _tmpl$2(), _el$4 = _el$3.firstChild;
                 _el$3.$$click = handleNext;
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-                    get ["class"] () {
-                        return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.arrows.button, __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.arrows.next, local.class, local.className);
-                    }
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.arrows.button, __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.arrows.next, local.class, local.className)
+                    }), {
+                    "aria-label": "Next page"
                 }, others), false, true);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "class", __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.arrows.icon));
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.arrows.icon
+                    }), {
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    "stroke-width": "2"
+                }), true, true);
                 return _el$3;
             }
         })

package/dist/components/immersive-landing/ImmersiveLandingNavigation.js

@@ -2,7 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
 import * as __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__ from "./ImmersiveLanding.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<nav aria-label="Page navigation"><div><div><button type=button aria-label="Previous page"><svg fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=2><path stroke-linecap=round stroke-linejoin=round d="M15 19l-7-7 7-7"></path></svg></button><button type=button aria-label="Next page"><svg fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=2><path stroke-linecap=round stroke-linejoin=round d="M9 5l7 7-7 7">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>/");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<nav><div><div><button type=button><svg><path stroke-linecap=round stroke-linejoin=round d="M15 19l-7-7 7-7"></path></svg></button><button type=button><svg><path stroke-linecap=round stroke-linejoin=round d="M9 5l7 7-7 7">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>/");
 const ImmersiveLandingNavigation = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "pages",
@@ -19,10 +19,10 @@ const ImmersiveLandingNavigation = (props)=>{
     const mobileArrowClasses = (disabled)=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.navigation.mobileArrow, disabled && __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.navigation.mobileArrowDisabled);
     return (()=>{
         var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$4.nextSibling, _el$7 = _el$6.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.navigation.base, local.class, local.className);
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.navigation.base, local.class, local.className)
+            }), {
+            "aria-label": "Page navigation",
             get style () {
                 return {
                     bottom: "calc(0.75rem + env(safe-area-inset-bottom))",
@@ -30,11 +30,39 @@ const ImmersiveLandingNavigation = (props)=>{
                 };
             }
         }, others), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.addEventListener)(_el$4, "click", local.onPrev, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.navigation.shell
+            })), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.navigation.row
+            })), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get onClick () {
+                return local.onPrev;
+            },
+            get disabled () {
+                return local.isFirstPage;
+            }
+        }, ()=>({
+                class: mobileArrowClasses(local.isFirstPage)
+            }), {
+            "aria-label": "Previous page"
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.navigation.icon
+            }), {
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            "stroke-width": "2"
+        }), true, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (()=>{
             var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!(local.pages && local.pages.length > 0));
             return ()=>_c$() && (()=>{
                     var _el$8 = _tmpl$2();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.navigation.dots
+                        })), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
                         get each () {
                             return local.pages;
@@ -42,21 +70,19 @@ const ImmersiveLandingNavigation = (props)=>{
                         children: (pageId, index)=>(()=>{
                                 var _el$9 = _tmpl$3();
                                 _el$9.$$click = ()=>local.onPageDotClick(pageId);
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                                    var _v$9 = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.navigation.dot, index() === local.currentPageIndex && __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.navigation.dotActive), _v$0 = `Go to page ${index() + 1} of ${local.pages.length}`, _v$1 = index() === local.currentPageIndex ? "step" : void 0;
-                                    _v$9 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$9, _p$.e = _v$9);
-                                    _v$0 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$9, "aria-label", _p$.t = _v$0);
-                                    _v$1 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$9, "aria-current", _p$.a = _v$1);
-                                    return _p$;
-                                }, {
-                                    e: void 0,
-                                    t: void 0,
-                                    a: void 0
-                                });
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                        class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.navigation.dot, index() === local.currentPageIndex && __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.navigation.dotActive)
+                                    }), {
+                                    get ["aria-label"] () {
+                                        return `Go to page ${index() + 1} of ${local.pages.length}`;
+                                    },
+                                    get ["aria-current"] () {
+                                        return index() === local.currentPageIndex ? "step" : void 0;
+                                    }
+                                }), false, false);
                                 return _el$9;
                             })()
                     }));
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$8, __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.navigation.dots));
                     return _el$8;
                 })();
         })(), _el$6);
@@ -64,34 +90,34 @@ const ImmersiveLandingNavigation = (props)=>{
             var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!(local.pages && local.pages.length > 0));
             return ()=>_c$2() && (()=>{
                     var _el$0 = _tmpl$4(), _el$1 = _el$0.firstChild;
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.navigation.counter
+                        })), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, ()=>(local.currentPageIndex ?? 0) + 1, _el$1);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, ()=>local.pages.length, null);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$0, __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.navigation.counter));
                     return _el$0;
                 })();
         })(), _el$6);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.addEventListener)(_el$6, "click", local.onNext, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.navigation.shell, _v$2 = __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.navigation.row, _v$3 = local.isFirstPage, _v$4 = mobileArrowClasses(local.isFirstPage), _v$5 = __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.navigation.icon, _v$6 = local.isLastPage, _v$7 = mobileArrowClasses(local.isLastPage), _v$8 = __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.navigation.icon;
-            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.e = _v$);
-            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.t = _v$2);
-            _v$3 !== _p$.a && (_el$4.disabled = _p$.a = _v$3);
-            _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, _p$.o = _v$4);
-            _v$5 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "class", _p$.i = _v$5);
-            _v$6 !== _p$.n && (_el$6.disabled = _p$.n = _v$6);
-            _v$7 !== _p$.s && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, _p$.s = _v$7);
-            _v$8 !== _p$.h && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$7, "class", _p$.h = _v$8);
-            return _p$;
-        }, {
-            e: void 0,
-            t: void 0,
-            a: void 0,
-            o: void 0,
-            i: void 0,
-            n: void 0,
-            s: void 0,
-            h: void 0
-        });
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get onClick () {
+                return local.onNext;
+            },
+            get disabled () {
+                return local.isLastPage;
+            }
+        }, ()=>({
+                class: mobileArrowClasses(local.isLastPage)
+            }), {
+            "aria-label": "Next page"
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.navigation.icon
+            }), {
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            "stroke-width": "2"
+        }), true, true);
         return _el$;
     })();
 };

package/dist/components/immersive-landing/ImmersiveLandingPage.js

@@ -24,10 +24,10 @@ const ImmersiveLandingPage = (props)=>{
             },
             get ["aria-label"] () {
                 return `${local.id} section`;
-            },
-            get ["class"] () {
-                return classes();
-            },
+            }
+        }, ()=>({
+                class: classes()
+            }), {
             get style () {
                 return {
                     "transition-duration": `${fadeDurationMs}ms`,
@@ -39,8 +39,10 @@ const ImmersiveLandingPage = (props)=>{
                 return !isActive();
             }
         }, others), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.page.content
+            })), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.page.content));
         return _el$;
     })();
 };