@pathscale/ui 1.1.54 → 1.1.56

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

@@ -1,8 +1,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><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">');
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button aria-label="Previous page"><svg class="w-6 h-6 text-base-content/70"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 class="w-6 h-6 text-base-content/70"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">');
 const ImmersiveLandingArrows = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "onPrev",
@@ -13,32 +12,27 @@ const ImmersiveLandingArrows = (props)=>{
         "className"
     ]);
     const handleNext = ()=>{
+        console.log("ImmersiveLandingArrows: handleNext called, onNext is:", typeof local.onNext);
         if (local.onNext) local.onNext();
     };
     const handlePrev = ()=>{
+        console.log("ImmersiveLandingArrows: handlePrev called, onPrev is:", typeof local.onPrev);
         if (local.onPrev) local.onPrev();
     };
+    const buttonClasses = "fixed top-1/2 -translate-y-1/2 z-40 hidden md:flex items-center justify-center min-w-[48px] min-h-[48px] rounded-full bg-base-content/10 hover:bg-base-content/20 transition-colors cursor-pointer";
     return [
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
             get when () {
                 return !local.isFirstPage;
             },
             get children () {
-                var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+                var _el$ = _tmpl$();
                 _el$.$$click = handlePrev;
-                (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"
+                (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)(buttonClasses, "left-4", local.class, local.className);
+                    }
                 }, 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.arrows.icon
-                    }), {
-                    fill: "none",
-                    viewBox: "0 0 24 24",
-                    stroke: "currentColor",
-                    "stroke-width": "2"
-                }), true, true);
                 return _el$;
             }
         }),
@@ -47,22 +41,14 @@ const ImmersiveLandingArrows = (props)=>{
                 return !local.isLastPage;
             },
             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)(()=>({
-                        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"
+                var _el$2 = _tmpl$2();
+                _el$2.$$click = handleNext;
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                    get ["class"] () {
+                        return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(buttonClasses, "right-4", local.class, local.className);
+                    }
                 }, others), false, true);
-                (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;
+                return _el$2;
             }
         })
     ];

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

@@ -1,8 +1,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><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>/");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<nav aria-label="Page navigation"><div class="bg-base-100/90 backdrop-blur border border-base-content/10 rounded-full px-2 sm:px-3 py-1.5 sm:py-2 shadow-lg"><div class="flex items-center justify-center gap-2 md:gap-3"><button type=button aria-label="Previous page"><svg class="w-5 h-5"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 class="w-5 h-5"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 class="hidden md:flex items-center gap-1.5 px-2">'), _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 class="text-sm text-base-content/60 tabular-nums font-medium min-w-[3ch] text-center">/');
 const ImmersiveLandingNavigation = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "pages",
@@ -16,13 +15,13 @@ const ImmersiveLandingNavigation = (props)=>{
         "className",
         "style"
     ]);
-    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);
+    const mobileArrowClasses = (disabled)=>`md:hidden flex items-center justify-center min-w-[44px] min-h-[44px] rounded-full transition-colors cursor-pointer ${disabled ? "text-base-content/20 cursor-not-allowed" : "text-base-content/70 hover:bg-base-content/10 active:bg-base-content/20"}`;
     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)(()=>({
-                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",
+        var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
+        (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)("fixed left-1/2 -translate-x-1/2 z-50 w-auto px-2", local.class, local.className);
+            },
             get style () {
                 return {
                     bottom: "calc(0.75rem + env(safe-area-inset-bottom))",
@@ -30,94 +29,58 @@ const ImmersiveLandingNavigation = (props)=>{
                 };
             }
         }, 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.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__.addEventListener)(_el$4, "click", local.onPrev, 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, {
+                    var _el$6 = _tmpl$2();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
                         get each () {
                             return local.pages;
                         },
                         children: (pageId, index)=>(()=>{
-                                var _el$9 = _tmpl$3();
-                                _el$9.$$click = ()=>local.onPageDotClick(pageId);
-                                (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;
+                                var _el$7 = _tmpl$3();
+                                _el$7.$$click = ()=>local.onPageDotClick(pageId);
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                                    var _v$5 = `w-2 h-2 rounded-full transition-all cursor-pointer ${index() === local.currentPageIndex ? "bg-primary scale-125" : "bg-base-content/30 hover:bg-base-content/50"}`, _v$6 = `Go to page ${index() + 1} of ${local.pages.length}`, _v$7 = index() === local.currentPageIndex ? "step" : void 0;
+                                    _v$5 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$7, _p$.e = _v$5);
+                                    _v$6 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$7, "aria-label", _p$.t = _v$6);
+                                    _v$7 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$7, "aria-current", _p$.a = _v$7);
+                                    return _p$;
+                                }, {
+                                    e: void 0,
+                                    t: void 0,
+                                    a: void 0
+                                });
+                                return _el$7;
                             })()
                     }));
-                    return _el$8;
+                    return _el$6;
                 })();
-        })(), _el$6);
+        })(), _el$5);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (()=>{
             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);
-                    return _el$0;
+                    var _el$8 = _tmpl$4(), _el$9 = _el$8.firstChild;
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>(local.currentPageIndex ?? 0) + 1, _el$9);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>local.pages.length, null);
+                    return _el$8;
                 })();
-        })(), _el$6);
-        (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);
+        })(), _el$5);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.addEventListener)(_el$5, "click", local.onNext, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+            var _v$ = local.isFirstPage, _v$2 = mobileArrowClasses(local.isFirstPage), _v$3 = local.isLastPage, _v$4 = mobileArrowClasses(local.isLastPage);
+            _v$ !== _p$.e && (_el$4.disabled = _p$.e = _v$);
+            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, _p$.t = _v$2);
+            _v$3 !== _p$.a && (_el$5.disabled = _p$.a = _v$3);
+            _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.o = _v$4);
+            return _p$;
+        }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0
+        });
         return _el$;
     })();
 };

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

@@ -2,8 +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__ImmersiveLandingContext_js_0e3f38c0__ from "./ImmersiveLandingContext.js";
-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)("<section role=region><div>");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<section role=region><div class="relative z-10 h-full overflow-hidden">');
 const ImmersiveLandingPage = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "id",
@@ -15,7 +14,7 @@ const ImmersiveLandingPage = (props)=>{
     const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(__WEBPACK_EXTERNAL_MODULE__ImmersiveLandingContext_js_0e3f38c0__.ImmersiveLandingContext);
     const isActive = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>context?.activePage() === local.id);
     const fadeDurationMs = 200;
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.page.base, isActive() ? __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.page.active : __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_ecd495a7__.CLASSES.page.inactive, local.class, local.className);
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("absolute inset-0 h-full w-full overflow-hidden bg-transparent transition-opacity ease-in-out", isActive() ? "opacity-100 pointer-events-auto" : "opacity-0 pointer-events-none", local.class, local.className);
     return (()=>{
         var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
@@ -24,10 +23,10 @@ const ImmersiveLandingPage = (props)=>{
             },
             get ["aria-label"] () {
                 return `${local.id} section`;
-            }
-        }, ()=>({
-                class: classes()
-            }), {
+            },
+            get ["class"] () {
+                return classes();
+            },
             get style () {
                 return {
                     "transition-duration": `${fadeDurationMs}ms`,
@@ -39,9 +38,6 @@ 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);
         return _el$;
     })();

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

@@ -2,8 +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__button_index_js_573defba__ from "../../button/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__ from "../../flex/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__ from "../ImmersiveLanding.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<p id=cookie-consent-message>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=dialog aria-modal=false aria-labelledby=cookie-consent-message><div>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<h2 id=cookie-manage-title>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label><span></span><input type=checkbox checked disabled>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label><span></span><input type=checkbox>"), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=dialog aria-modal=true aria-labelledby=cookie-manage-title><div>");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<p id=cookie-consent-message class="text-sm text-base-content flex-1">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button class="text-sm underline hover:no-underline text-base-content/70 hover:text-base-content transition-colors">'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div role=dialog aria-modal=false aria-labelledby=cookie-consent-message><div class="container mx-auto px-4 py-4 max-w-7xl">'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<h2 id=cookie-manage-title class="text-lg font-semibold">'), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<label class="flex items-center justify-between p-3 rounded bg-base-200/50 cursor-not-allowed"><span class="text-sm font-medium text-base-content/70"></span><input type=checkbox checked disabled class="toggle toggle-sm toggle-primary">'), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<label class="flex items-center justify-between p-3 rounded hover:bg-base-200/50 cursor-pointer transition-colors"><span class="text-sm font-medium"></span><input type=checkbox class="toggle toggle-sm toggle-primary">'), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div role=dialog aria-modal=true aria-labelledby=cookie-manage-title class="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm animate-fade-in"><div class="bg-base-100 rounded-lg shadow-xl w-full max-w-md p-6 animate-scale-in">');
 const defaultTexts = {
     message: "We use cookies to improve your experience. You can accept all cookies or manage your preferences.",
     acceptAll: "Accept all",
@@ -111,73 +110,53 @@ const CookieConsent = (props)=>{
             },
             get children () {
                 var _el$ = _tmpl$3(), _el$2 = _el$.firstChild;
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: `${__WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.banner}${isClosing() ? ` ${__WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.bannerClosing}` : ""}`
-                    })), 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_45581556__.CLASSES.cookie.container
-                    })), false, true);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], {
                     direction: "col",
-                    gap: "md"
-                }, ()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.row
-                    }), {
+                    gap: "md",
+                    class: "md:flex-row md:items-center md:justify-between",
                     get children () {
                         return [
                             (()=>{
                                 var _el$3 = _tmpl$();
-                                (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_45581556__.CLASSES.cookie.message
-                                    })), false, true);
                                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>texts().message);
                                 return _el$3;
                             })(),
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-                                gap: "sm"
-                            }, ()=>({
-                                    class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.actions
-                                }), {
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], {
+                                gap: "sm",
+                                class: "flex-col sm:flex-row sm:items-center shrink-0",
                                 get children () {
                                     return [
-                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], {
                                             variant: "primary",
-                                            size: "sm"
-                                        }, ()=>({
-                                                class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.actionButton
-                                            }), {
+                                            size: "sm",
+                                            class: "w-full sm:w-auto transition-transform duration-150 hover:scale-[1.02] active:scale-[0.98]",
                                             onClick: handleAcceptAll,
                                             get children () {
                                                 return texts().acceptAll;
                                             }
-                                        })),
-                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                                        }),
+                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], {
                                             variant: "ghost",
-                                            size: "sm"
-                                        }, ()=>({
-                                                class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.actionButton
-                                            }), {
+                                            size: "sm",
+                                            class: "w-full sm:w-auto",
                                             onClick: handleDecline,
                                             get children () {
                                                 return texts().decline;
                                             }
-                                        })),
+                                        }),
                                         (()=>{
                                             var _el$4 = _tmpl$2();
-                                            (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_45581556__.CLASSES.cookie.manageButton
-                                                }), {
-                                                onClick: handleManageOpen
-                                            }), false, true);
+                                            _el$4.$$click = handleManageOpen;
                                             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>texts().manage);
                                             return _el$4;
                                         })()
                                     ];
                                 }
-                            }))
+                            })
                         ];
                     }
-                })));
+                }));
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, `fixed bottom-0 left-0 right-0 z-52 bg-base-300/95 backdrop-blur border-t border-base-content/10 transition-all duration-300 ${isClosing() ? "translate-y-full opacity-0" : "translate-y-0 opacity-100 animate-slide-up"}`));
                 return _el$;
             }
         }),
@@ -187,29 +166,16 @@ const CookieConsent = (props)=>{
             },
             get children () {
                 var _el$5 = _tmpl$7(), _el$6 = _el$5.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_45581556__.CLASSES.cookie.modalBackdrop
-                    }), {
-                    onClick: handleManageClose
-                }), 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_45581556__.CLASSES.cookie.modalCard
-                    }), {
-                    onClick: (e)=>e.stopPropagation()
-                }), false, true);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                _el$5.$$click = handleManageClose;
+                _el$6.$$click = (e)=>e.stopPropagation();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], {
                     justify: "between",
-                    align: "center"
-                }, ()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.modalHeader
-                    }), {
+                    align: "center",
+                    class: "mb-4",
                     get children () {
                         return [
                             (()=>{
                                 var _el$7 = _tmpl$4();
-                                (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_45581556__.CLASSES.cookie.modalTitle
-                                    })), false, true);
                                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>texts().manageTitle);
                                 return _el$7;
                             })(),
@@ -225,76 +191,38 @@ const CookieConsent = (props)=>{
                             })
                         ];
                     }
-                })), null);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                }), null);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], {
                     direction: "col",
-                    gap: "md"
-                }, ()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.preferences
-                    }), {
+                    gap: "md",
+                    class: "mb-6",
                     get children () {
                         return [
                             (()=>{
-                                var _el$8 = _tmpl$5(), _el$9 = _el$8.firstChild, _el$0 = _el$9.nextSibling;
-                                (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_45581556__.CLASSES.cookie.preferenceRow} ${__WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.preferenceRowLocked}`
-                                    })), false, true);
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.preferenceLabel
-                                    })), false, true);
+                                var _el$8 = _tmpl$5(), _el$9 = _el$8.firstChild;
                                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>texts().essential);
-                                (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_45581556__.CLASSES.cookie.toggle
-                                    })), false, false);
                                 return _el$8;
                             })(),
                             (()=>{
-                                var _el$1 = _tmpl$6(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling;
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$1, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.preferenceRow
-                                    })), false, true);
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$10, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.preferenceLabel
-                                    })), false, true);
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, ()=>texts().analytics);
-                                _el$11.addEventListener("change", (e)=>setAnalyticsEnabled(e.currentTarget.checked));
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$11, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-                                    get checked () {
-                                        return analyticsEnabled();
-                                    }
-                                }, ()=>({
-                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.toggle
-                                    })), false, false);
-                                return _el$1;
+                                var _el$0 = _tmpl$6(), _el$1 = _el$0.firstChild, _el$10 = _el$1.nextSibling;
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$1, ()=>texts().analytics);
+                                _el$10.addEventListener("change", (e)=>setAnalyticsEnabled(e.currentTarget.checked));
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$10.checked = analyticsEnabled());
+                                return _el$0;
                             })(),
                             (()=>{
-                                var _el$12 = _tmpl$6(), _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling;
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.preferenceRow
-                                    })), false, true);
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.preferenceLabel
-                                    })), false, true);
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, ()=>texts().marketing);
-                                _el$14.addEventListener("change", (e)=>setMarketingEnabled(e.currentTarget.checked));
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$14, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-                                    get checked () {
-                                        return marketingEnabled();
-                                    }
-                                }, ()=>({
-                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.toggle
-                                    })), false, false);
-                                return _el$12;
+                                var _el$11 = _tmpl$6(), _el$12 = _el$11.firstChild, _el$13 = _el$12.nextSibling;
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, ()=>texts().marketing);
+                                _el$13.addEventListener("change", (e)=>setMarketingEnabled(e.currentTarget.checked));
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$13.checked = marketingEnabled());
+                                return _el$11;
                             })()
                         ];
                     }
-                })), null);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                }), null);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], {
                     gap: "sm",
-                    justify: "end"
-                }, ()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.modalFooter
-                    }), {
+                    justify: "end",
                     get children () {
                         return [
                             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], {
@@ -305,23 +233,24 @@ const CookieConsent = (props)=>{
                                     return texts().cancel;
                                 }
                             }),
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], {
                                 variant: "primary",
-                                size: "sm"
-                            }, ()=>({
-                                    class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.cookie.saveButton
-                                }), {
+                                size: "sm",
+                                class: "transition-transform duration-150 hover:scale-[1.02] active:scale-[0.98]",
                                 onClick: handleManageSave,
                                 get children () {
                                     return texts().save;
                                 }
-                            }))
+                            })
                         ];
                     }
-                })), null);
+                }), null);
                 return _el$5;
             }
         })
     ];
 };
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click"
+]);
 export { CookieConsent };