@pathscale/ui 0.1.0 → 1.2.0

package/dist/components/immersive-landing/ImmersiveLanding.d.ts

@@ -0,0 +1,8 @@
+import { type Component } from "solid-js";
+import type { ImmersiveLandingProps } from "./types";
+declare const _default: Component<ImmersiveLandingProps> & {
+    Page: (props: import("./types").ImmersiveLandingPageProps) => import("solid-js").JSX.Element;
+    Arrows: (props: import("./types").ImmersiveLandingArrowsProps) => import("solid-js").JSX.Element;
+    Navigation: (props: import("./types").ImmersiveLandingNavigationProps) => import("solid-js").JSX.Element;
+};
+export default _default;

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

@@ -0,0 +1,218 @@
+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__useImmersiveLanding_js_66194376__ from "./useImmersiveLanding.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ImmersiveLandingContext_js_0e3f38c0__ from "./ImmersiveLandingContext.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ImmersiveLandingPage_js_df221ed4__ from "./ImmersiveLandingPage.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ImmersiveLandingArrows_js_21c819ca__ from "./ImmersiveLandingArrows.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ImmersiveLandingNavigation_js_3c874fb2__ from "./ImmersiveLandingNavigation.js";
+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 class="relative h-full w-full"><div class="relative z-10 h-full w-full">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="absolute bottom-20 right-6"aria-hidden=true><span class="font-mono text-base-content/20 text-[clamp(0.75rem,2vw,1.25rem)] tracking-[0.4em]">v'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="pointer-events-none fixed inset-0 z-30">');
+const ImmersiveLanding = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "pages",
+        "initialPage",
+        "currentPage",
+        "transitionDuration",
+        "onNavigate",
+        "onNavigationComplete",
+        "enableScrollNavigation",
+        "showNavigation",
+        "showArrows",
+        "appVersion",
+        "overlay",
+        "children",
+        "class",
+        "className",
+        "style",
+        "pwaConfig",
+        "cookieConfig",
+        "firefoxPWAConfig",
+        "showPWAPrompt",
+        "showCookieConsent",
+        "showFirefoxBanner"
+    ]);
+    const navigation = (0, __WEBPACK_EXTERNAL_MODULE__useImmersiveLanding_js_66194376__.useImmersiveLanding)({
+        pages: local.pages,
+        initialPage: local.initialPage,
+        currentPage: local.currentPage,
+        transitionDuration: local.transitionDuration,
+        onNavigate: local.onNavigate,
+        onNavigationComplete: local.onNavigationComplete,
+        enableScrollNavigation: local.enableScrollNavigation
+    });
+    const contextValue = {
+        activePage: navigation.activePage,
+        navigateTo: navigation.navigateTo,
+        goNext: navigation.goNext,
+        goPrev: navigation.goPrev,
+        currentIndex: navigation.currentIndex,
+        totalPages: local.pages.length,
+        isFirstPage: navigation.isFirstPage,
+        isLastPage: navigation.isLastPage,
+        direction: navigation.direction,
+        transitionDuration: navigation.transitionDuration,
+        pages: local.pages,
+        appVersion: local.appVersion
+    };
+    const showNav = ()=>false !== local.showNavigation;
+    const showArrowNav = ()=>false !== local.showArrows;
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("fixed inset-0 h-screen w-screen overflow-hidden bg-transparent relative isolate", local.class, local.className);
+    const renderChildren = ()=>"function" == typeof local.children ? local.children(contextValue) : local.children;
+    const renderOverlay = ()=>"function" == typeof local.overlay ? local.overlay(contextValue) : local.overlay;
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__ImmersiveLandingContext_js_0e3f38c0__.ImmersiveLandingContext.Provider, {
+        value: contextValue,
+        get children () {
+            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();
+                        },
+                        get style () {
+                            return local.style;
+                        }
+                    }, others), false, true);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, renderChildren);
+                    return _el$;
+                })(),
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                    get when () {
+                        return local.overlay || local.appVersion;
+                    },
+                    get children () {
+                        var _el$4 = _tmpl$3();
+                        (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 () {
+                                return local.appVersion;
+                            },
+                            get children () {
+                                var _el$5 = _tmpl$2(), _el$6 = _el$5.firstChild;
+                                _el$6.firstChild;
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.appVersion, null);
+                                return _el$5;
+                            }
+                        }), null);
+                        return _el$4;
+                    }
+                }),
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!showArrowNav())() && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__ImmersiveLandingArrows_js_21c819ca__["default"], {
+                        get onPrev () {
+                            return navigation.goPrev;
+                        },
+                        get onNext () {
+                            return navigation.goNext;
+                        },
+                        get isFirstPage () {
+                            return navigation.isFirstPage();
+                        },
+                        get isLastPage () {
+                            return navigation.isLastPage();
+                        }
+                    })),
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!showNav())() && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__ImmersiveLandingNavigation_js_3c874fb2__["default"], {
+                        get pages () {
+                            return local.pages;
+                        },
+                        get currentPageIndex () {
+                            return navigation.currentIndex();
+                        },
+                        get onPageDotClick () {
+                            return navigation.navigateTo;
+                        },
+                        get onPrev () {
+                            return navigation.goPrev;
+                        },
+                        get onNext () {
+                            return navigation.goNext;
+                        },
+                        get isFirstPage () {
+                            return navigation.isFirstPage();
+                        },
+                        get isLastPage () {
+                            return navigation.isLastPage();
+                        }
+                    })),
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                    get when () {
+                        return local.showPWAPrompt;
+                    },
+                    get children () {
+                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__components_PWAInstallPrompt_js_a5e100bf__.PWAInstallPrompt, {
+                            get appName () {
+                                return local.pwaConfig?.appName;
+                            },
+                            get appIcon () {
+                                return local.pwaConfig?.appIcon;
+                            },
+                            get storageKey () {
+                                return local.pwaConfig?.storageKey ?? "app_pwa_dismissed";
+                            },
+                            get texts () {
+                                return local.pwaConfig?.texts;
+                            },
+                            get onInstall () {
+                                return local.pwaConfig?.onInstall;
+                            },
+                            get onDismiss () {
+                                return local.pwaConfig?.onDismiss;
+                            }
+                        });
+                    }
+                }),
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                    get when () {
+                        return local.showFirefoxBanner;
+                    },
+                    get children () {
+                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__components_FirefoxPWABanner_js_46fc5861__.FirefoxPWABanner, {
+                            get extensionUrl () {
+                                return local.firefoxPWAConfig?.extensionUrl;
+                            },
+                            get storageKey () {
+                                return local.firefoxPWAConfig?.storageKey ?? "app_firefox_pwa_dismissed";
+                            },
+                            get texts () {
+                                return local.firefoxPWAConfig?.texts;
+                            },
+                            get onInstall () {
+                                return local.firefoxPWAConfig?.onInstall;
+                            },
+                            get onDismiss () {
+                                return local.firefoxPWAConfig?.onDismiss;
+                            }
+                        });
+                    }
+                }),
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                    get when () {
+                        return local.showCookieConsent;
+                    },
+                    get children () {
+                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__components_CookieConsent_js_dd55e062__.CookieConsent, {
+                            get storageKeys () {
+                                return local.cookieConfig?.storageKeys;
+                            },
+                            get texts () {
+                                return local.cookieConfig?.texts;
+                            },
+                            get onConsentChange () {
+                                return local.cookieConfig?.onConsentChange;
+                            }
+                        });
+                    }
+                })
+            ];
+        }
+    });
+};
+const immersive_landing_ImmersiveLanding = Object.assign(ImmersiveLanding, {
+    Page: __WEBPACK_EXTERNAL_MODULE__ImmersiveLandingPage_js_df221ed4__["default"],
+    Arrows: __WEBPACK_EXTERNAL_MODULE__ImmersiveLandingArrows_js_21c819ca__["default"],
+    Navigation: __WEBPACK_EXTERNAL_MODULE__ImmersiveLandingNavigation_js_3c874fb2__["default"]
+});
+export { immersive_landing_ImmersiveLanding as default };

package/dist/components/immersive-landing/ImmersiveLandingArrows.d.ts

@@ -0,0 +1,4 @@
+import { type JSX } from "solid-js";
+import type { ImmersiveLandingArrowsProps } from "./types";
+declare const ImmersiveLandingArrows: (props: ImmersiveLandingArrowsProps) => JSX.Element;
+export default ImmersiveLandingArrows;

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

@@ -0,0 +1,60 @@
+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";
+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",
+        "onNext",
+        "isFirstPage",
+        "isLastPage",
+        "class",
+        "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$.$$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)(buttonClasses, "left-4", local.class, local.className);
+                    }
+                }, others), false, true);
+                return _el$;
+            }
+        }),
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return !local.isLastPage;
+            },
+            get children () {
+                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);
+                return _el$2;
+            }
+        })
+    ];
+};
+const immersive_landing_ImmersiveLandingArrows = ImmersiveLandingArrows;
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click"
+]);
+export { immersive_landing_ImmersiveLandingArrows as default };

package/dist/components/immersive-landing/ImmersiveLandingContext.d.ts

@@ -0,0 +1,3 @@
+import type { ImmersiveLandingContextValue } from "./types";
+export declare const ImmersiveLandingContext: import("solid-js").Context<ImmersiveLandingContextValue | undefined>;
+export declare function useImmersiveLandingContext(): ImmersiveLandingContextValue;

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

@@ -0,0 +1,8 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+const ImmersiveLandingContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+function useImmersiveLandingContext() {
+    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(ImmersiveLandingContext);
+    if (!context) throw new Error("useImmersiveLandingContext must be used within an ImmersiveLanding component");
+    return context;
+}
+export { ImmersiveLandingContext, useImmersiveLandingContext };

package/dist/components/immersive-landing/ImmersiveLandingNavigation.d.ts

@@ -0,0 +1,4 @@
+import { type JSX } from "solid-js";
+import type { ImmersiveLandingNavigationProps } from "./types";
+declare const ImmersiveLandingNavigation: (props: ImmersiveLandingNavigationProps) => JSX.Element;
+export default ImmersiveLandingNavigation;

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

@@ -0,0 +1,91 @@
+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";
+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",
+        "currentPageIndex",
+        "onPageDotClick",
+        "onPrev",
+        "onNext",
+        "isFirstPage",
+        "isLastPage",
+        "class",
+        "className",
+        "style"
+    ]);
+    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.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))",
+                    ...local.style
+                };
+            }
+        }, 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__.insert)(_el$3, (()=>{
+            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!(local.pages && local.pages.length > 0));
+            return ()=>_c$() && (()=>{
+                    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$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$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$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$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$;
+    })();
+};
+const immersive_landing_ImmersiveLandingNavigation = ImmersiveLandingNavigation;
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click"
+]);
+export { immersive_landing_ImmersiveLandingNavigation as default };

package/dist/components/immersive-landing/ImmersiveLandingPage.d.ts

@@ -0,0 +1,4 @@
+import { type JSX } from "solid-js";
+import type { ImmersiveLandingPageProps } from "./types";
+declare const ImmersiveLandingPage: (props: ImmersiveLandingPageProps) => JSX.Element;
+export default ImmersiveLandingPage;

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

@@ -0,0 +1,46 @@
+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";
+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",
+        "children",
+        "class",
+        "className",
+        "style"
+    ]);
+    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)("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)({
+            get id () {
+                return local.id;
+            },
+            get ["aria-label"] () {
+                return `${local.id} section`;
+            },
+            get ["class"] () {
+                return classes();
+            },
+            get style () {
+                return {
+                    "transition-duration": `${fadeDurationMs}ms`,
+                    "transition-delay": isActive() ? `${fadeDurationMs}ms` : "0ms",
+                    ...local.style
+                };
+            },
+            get ["aria-hidden"] () {
+                return !isActive();
+            }
+        }, others), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
+        return _el$;
+    })();
+};
+const immersive_landing_ImmersiveLandingPage = ImmersiveLandingPage;
+export { immersive_landing_ImmersiveLandingPage as default };

package/dist/components/immersive-landing/components/CookieConsent.d.ts

@@ -0,0 +1,3 @@
+import { type Component } from "solid-js";
+import { CookieConsentProps } from "../types";
+export declare const CookieConsent: Component<CookieConsentProps>;