@pathscale/ui 0.1.1 → 1.2.1

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>;

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

@@ -0,0 +1,256 @@
+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";
+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",
+    decline: "Decline",
+    manage: "Manage",
+    manageTitle: "Manage cookie preferences",
+    essential: "Essential (required)",
+    analytics: "Analytics",
+    marketing: "Marketing",
+    cancel: "Cancel",
+    save: "Save",
+    closeLabel: "Close"
+};
+const CookieConsent = (props)=>{
+    const [showBanner, setShowBanner] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const [showManage, setShowManage] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const [isClosing, setIsClosing] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const [analyticsEnabled, setAnalyticsEnabled] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const [marketingEnabled, setMarketingEnabled] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const CONSENT_KEY = ()=>props.storageKeys?.consentKey ?? "app_cookie_consent";
+    const ANALYTICS_KEY = ()=>props.storageKeys?.analyticsKey ?? "app_cookie_analytics";
+    const MARKETING_KEY = ()=>props.storageKeys?.marketingKey ?? "app_cookie_marketing";
+    const texts = ()=>({
+            message: props.texts?.message ?? defaultTexts.message,
+            acceptAll: props.texts?.acceptAll ?? defaultTexts.acceptAll,
+            decline: props.texts?.decline ?? defaultTexts.decline,
+            manage: props.texts?.manage ?? defaultTexts.manage,
+            manageTitle: props.texts?.manageTitle ?? defaultTexts.manageTitle,
+            essential: props.texts?.essential ?? defaultTexts.essential,
+            analytics: props.texts?.analytics ?? defaultTexts.analytics,
+            marketing: props.texts?.marketing ?? defaultTexts.marketing,
+            cancel: props.texts?.cancel ?? defaultTexts.cancel,
+            save: props.texts?.save ?? defaultTexts.save,
+            closeLabel: props.texts?.closeLabel ?? defaultTexts.closeLabel
+        });
+    const checkConsent = ()=>{
+        const consent = localStorage.getItem(CONSENT_KEY());
+        return !consent;
+    };
+    const saveConsent = (type)=>{
+        localStorage.setItem(CONSENT_KEY(), type);
+        if ("all" === type) {
+            localStorage.setItem(ANALYTICS_KEY(), "true");
+            localStorage.setItem(MARKETING_KEY(), "true");
+        } else if ("essential" === type) {
+            localStorage.setItem(ANALYTICS_KEY(), "false");
+            localStorage.setItem(MARKETING_KEY(), "false");
+        }
+        emitChange(type);
+    };
+    const emitChange = (type)=>{
+        props.onConsentChange?.({
+            type,
+            analytics: "true" === localStorage.getItem(ANALYTICS_KEY()),
+            marketing: "true" === localStorage.getItem(MARKETING_KEY())
+        });
+    };
+    const handleAcceptAll = ()=>{
+        saveConsent("all");
+        closeBanner();
+    };
+    const handleDecline = ()=>{
+        saveConsent("essential");
+        closeBanner();
+    };
+    const handleManageOpen = ()=>{
+        const analytics = "true" === localStorage.getItem(ANALYTICS_KEY());
+        const marketing = "true" === localStorage.getItem(MARKETING_KEY());
+        setAnalyticsEnabled(analytics);
+        setMarketingEnabled(marketing);
+        setShowManage(true);
+    };
+    const handleManageClose = ()=>{
+        setShowManage(false);
+    };
+    const handleManageSave = ()=>{
+        localStorage.setItem(CONSENT_KEY(), "custom");
+        localStorage.setItem(ANALYTICS_KEY(), analyticsEnabled().toString());
+        localStorage.setItem(MARKETING_KEY(), marketingEnabled().toString());
+        setShowManage(false);
+        closeBanner();
+        emitChange("custom");
+    };
+    const closeBanner = ()=>{
+        setIsClosing(true);
+        setTimeout(()=>{
+            setShowBanner(false);
+            setIsClosing(false);
+        }, 300);
+    };
+    const handleKeyDown = (e)=>{
+        if ("Escape" === e.key && showManage()) handleManageClose();
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
+        if (checkConsent()) setShowBanner(true);
+        document.addEventListener("keydown", handleKeyDown);
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        document.removeEventListener("keydown", handleKeyDown);
+    });
+    return [
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return showBanner();
+            },
+            get children () {
+                var _el$ = _tmpl$3(), _el$2 = _el$.firstChild;
+                (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: "md:flex-row md:items-center md:justify-between",
+                    get children () {
+                        return [
+                            (()=>{
+                                var _el$3 = _tmpl$();
+                                (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"], {
+                                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"], {
+                                            variant: "primary",
+                                            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"], {
+                                            variant: "ghost",
+                                            size: "sm",
+                                            class: "w-full sm:w-auto",
+                                            onClick: handleDecline,
+                                            get children () {
+                                                return texts().decline;
+                                            }
+                                        }),
+                                        (()=>{
+                                            var _el$4 = _tmpl$2();
+                                            _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$;
+            }
+        }),
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return showManage();
+            },
+            get children () {
+                var _el$5 = _tmpl$7(), _el$6 = _el$5.firstChild;
+                _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: "mb-4",
+                    get children () {
+                        return [
+                            (()=>{
+                                var _el$7 = _tmpl$4();
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>texts().manageTitle);
+                                return _el$7;
+                            })(),
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], {
+                                size: "sm",
+                                variant: "ghost",
+                                isIconOnly: true,
+                                onClick: handleManageClose,
+                                get ["aria-label"] () {
+                                    return texts().closeLabel;
+                                },
+                                children: "X"
+                            })
+                        ];
+                    }
+                }), 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: "mb-6",
+                    get children () {
+                        return [
+                            (()=>{
+                                var _el$8 = _tmpl$5(), _el$9 = _el$8.firstChild;
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>texts().essential);
+                                return _el$8;
+                            })(),
+                            (()=>{
+                                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$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"], {
+                    gap: "sm",
+                    justify: "end",
+                    get children () {
+                        return [
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], {
+                                variant: "ghost",
+                                size: "sm",
+                                onClick: handleManageClose,
+                                get children () {
+                                    return texts().cancel;
+                                }
+                            }),
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], {
+                                variant: "primary",
+                                size: "sm",
+                                class: "transition-transform duration-150 hover:scale-[1.02] active:scale-[0.98]",
+                                onClick: handleManageSave,
+                                get children () {
+                                    return texts().save;
+                                }
+                            })
+                        ];
+                    }
+                }), null);
+                return _el$5;
+            }
+        })
+    ];
+};
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click"
+]);
+export { CookieConsent };

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

@@ -0,0 +1,9 @@
+import { type Component } from "solid-js";
+import { FirefoxPWABannerProps } from "../types";
+/**
+ * PWAUnsupportedBanner Component
+ *
+ * Shows a dismissible banner for browsers that don't support native PWA installation
+ * (beforeinstallprompt). Currently shows for Firefox desktop with extension recommendation.
+ */
+export declare const FirefoxPWABanner: Component<FirefoxPWABannerProps>;

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

@@ -0,0 +1,173 @@
+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__card_index_js_ff5173c9__ from "../../card/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__ from "../../flex/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__icon_index_js_5892b613__ from "../../icon/index.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="w-14 h-14 shrink-0 rounded-xl bg-base-200 p-2 flex items-center justify-center">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<p class="text-sm text-base-content/70">'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div aria-labelledby=pwa-unsupported-title class="fixed bottom-4 left-4 right-4 md:left-auto md:right-4 md:max-w-sm z-51 animate-slide-up">');
+const defaultTexts = {
+    title: "Install App on Firefox",
+    description: "Firefox does not support direct app installation. Install our helper extension to enable PWA support.",
+    installButton: "Install Extension",
+    dismissButton: "Maybe later",
+    closeLabel: "Close"
+};
+const detectBrowser = ()=>{
+    const ua = navigator.userAgent.toLowerCase();
+    if ("BeforeInstallPromptEvent" in globalThis) return "supported";
+    if (ua.includes("firefox")) return "firefox";
+    if (ua.includes("safari") && !ua.includes("chrome")) return "safari";
+    return "other";
+};
+const isMobile = ()=>/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase());
+const isPWAInstalled = ()=>globalThis.matchMedia("(display-mode: standalone)").matches;
+const FirefoxPWABanner = (props)=>{
+    const [showBanner, setShowBanner] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const [browser, setBrowser] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)("supported");
+    const STORAGE_KEY = ()=>props.storageKey ?? "app_firefox_pwa_dismissed";
+    const extensionUrl = ()=>props.extensionUrl ?? "https://addons.mozilla.org/";
+    const texts = ()=>({
+            title: props.texts?.title ?? defaultTexts.title,
+            description: props.texts?.description ?? defaultTexts.description,
+            installButton: props.texts?.installButton ?? defaultTexts.installButton,
+            dismissButton: props.texts?.dismissButton ?? defaultTexts.dismissButton,
+            closeLabel: props.texts?.closeLabel ?? defaultTexts.closeLabel
+        });
+    const checkShouldShow = ()=>{
+        const detectedBrowser = detectBrowser();
+        setBrowser(detectedBrowser);
+        if ("supported" === detectedBrowser) return false;
+        if (isMobile()) return false;
+        if ("firefox" !== detectedBrowser) return false;
+        if (isPWAInstalled()) return false;
+        const dismissed = localStorage.getItem(STORAGE_KEY());
+        if ("true" === dismissed) return false;
+        return true;
+    };
+    const handleDismiss = ()=>{
+        setShowBanner(false);
+        localStorage.setItem(STORAGE_KEY(), "true");
+        props.onDismiss?.();
+    };
+    const handleAction = ()=>{
+        if ("firefox" === browser()) {
+            globalThis.open(extensionUrl(), "_blank", "noopener,noreferrer");
+            props.onInstall?.();
+        }
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
+        if (checkShouldShow()) setTimeout(()=>setShowBanner(true), 2000);
+    });
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+        get when () {
+            return showBanner();
+        },
+        get children () {
+            var _el$ = _tmpl$3();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"], {
+                shadow: "lg",
+                background: "base-100",
+                class: "relative border border-base-300",
+                get children () {
+                    return [
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], {
+                            size: "sm",
+                            variant: "ghost",
+                            isIconOnly: true,
+                            class: "absolute top-2 right-2",
+                            onClick: handleDismiss,
+                            get ["aria-label"] () {
+                                return texts().closeLabel;
+                            },
+                            get children () {
+                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_5892b613__["default"], {
+                                    name: "icon-[mdi--close]",
+                                    width: 16,
+                                    height: 16
+                                });
+                            }
+                        }),
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"].Body, {
+                            get children () {
+                                return [
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], {
+                                        align: "start",
+                                        gap: "md",
+                                        get children () {
+                                            return [
+                                                (()=>{
+                                                    var _el$2 = _tmpl$();
+                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                        get when () {
+                                                            return "firefox" === browser();
+                                                        },
+                                                        get children () {
+                                                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_5892b613__["default"], {
+                                                                name: "icon-[mdi--firefox]",
+                                                                width: 40,
+                                                                height: 40,
+                                                                class: "text-orange-500"
+                                                            });
+                                                        }
+                                                    }));
+                                                    return _el$2;
+                                                })(),
+                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], {
+                                                    direction: "col",
+                                                    gap: "sm",
+                                                    class: "flex-1 min-w-0 pr-6",
+                                                    get children () {
+                                                        return [
+                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"].Title, {
+                                                                id: "pwa-unsupported-title",
+                                                                tag: "h3",
+                                                                class: "text-base",
+                                                                get children () {
+                                                                    return texts().title;
+                                                                }
+                                                            }),
+                                                            (()=>{
+                                                                var _el$3 = _tmpl$2();
+                                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>texts().description);
+                                                                return _el$3;
+                                                            })()
+                                                        ];
+                                                    }
+                                                })
+                                            ];
+                                        }
+                                    }),
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"].Actions, {
+                                        class: "mt-4",
+                                        get children () {
+                                            return [
+                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], {
+                                                    variant: "primary",
+                                                    class: "flex-1",
+                                                    onClick: handleAction,
+                                                    get children () {
+                                                        return texts().installButton;
+                                                    }
+                                                }),
+                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], {
+                                                    variant: "ghost",
+                                                    class: "flex-1",
+                                                    onClick: handleDismiss,
+                                                    get children () {
+                                                        return texts().dismissButton;
+                                                    }
+                                                })
+                                            ];
+                                        }
+                                    })
+                                ];
+                            }
+                        })
+                    ];
+                }
+            }));
+            return _el$;
+        }
+    });
+};
+export { FirefoxPWABanner };

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

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