@pathscale/ui 0.0.129 → 0.0.130

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/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/PWAInstallPrompt.d.ts

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

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

@@ -48,6 +48,12 @@ export interface ImmersiveLandingProps extends IComponentBaseProps {
     appVersion?: string;
     overlay?: JSX.Element | ((context: ImmersiveLandingContextValue) => JSX.Element);
     children: JSX.Element | ((context: ImmersiveLandingContextValue) => JSX.Element);
+    pwaConfig?: PWAInstallPromptProps;
+    cookieConfig?: CookieConsentProps;
+    firefoxPWAConfig?: FirefoxPWABannerProps;
+    showPWAPrompt?: boolean;
+    showCookieConsent?: boolean;
+    showFirefoxBanner?: boolean;
 }
 export interface ImmersiveLandingPageProps extends IComponentBaseProps {
     id: string;
@@ -68,3 +74,61 @@ export interface ImmersiveLandingNavigationProps extends IComponentBaseProps {
     isFirstPage: boolean;
     isLastPage: boolean;
 }
+export type ConsentType = "all" | "essential" | "custom";
+export interface CookieConsentTexts {
+    message?: string;
+    acceptAll?: string;
+    decline?: string;
+    manage?: string;
+    manageTitle?: string;
+    essential?: string;
+    analytics?: string;
+    marketing: string;
+    cancel?: string;
+    save?: string;
+    closeLabel?: string;
+}
+export interface CookieConsentStorageKeys {
+    consentKey?: string;
+    analyticsKey?: string;
+    marketingKey?: string;
+}
+export interface CookieConsentProps {
+    texts?: CookieConsentTexts;
+    storageKeys?: CookieConsentStorageKeys;
+    onConsentChange?: (payload: {
+        type: ConsentType;
+        analytics: boolean;
+        marketing: boolean;
+    }) => void;
+}
+export type BrowserType = "firefox" | "safari" | "other" | "supported";
+export interface FirefoxPWABannerTexts {
+    title?: string;
+    description?: string;
+    installButton?: string;
+    dismissButton?: string;
+    closeLabel?: string;
+}
+export interface FirefoxPWABannerProps {
+    extensionUrl?: string;
+    storageKey?: string;
+    texts?: FirefoxPWABannerTexts;
+    onInstall?: () => void;
+    onDismiss?: () => void;
+}
+export interface PWAInstallPromptTexts {
+    title?: string;
+    description?: string;
+    installButton?: string;
+    notNowButton?: string;
+    closeLabel?: string;
+}
+export interface PWAInstallPromptProps {
+    appName?: string;
+    appIcon?: string;
+    storageKey?: string;
+    texts?: PWAInstallPromptTexts;
+    onInstall?: () => void;
+    onDismiss?: () => void;
+}

package/dist/index.js

@@ -9397,7 +9397,7 @@ const DropdownDetails = Object.assign(Details, {
     Toggle: DropdownToggle_Summary
 });
 var DropdownItem_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li role=menuitem>"), DropdownItem_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a>"), DropdownItem_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>");
-const DropdownItem = (props)=>{
+const DropdownItem_DropdownItem = (props)=>{
     const dropdownContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(DropdownContext);
     const defaultProps = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.mergeProps)({
         closeOnClick: true
@@ -9439,7 +9439,7 @@ const DropdownItem = (props)=>{
         return _el$;
     })();
 };
-const dropdown_DropdownItem = DropdownItem;
+const DropdownItem = DropdownItem_DropdownItem;
 var DropdownMenu_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<ul>");
 const DropdownMenu = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -9641,7 +9641,7 @@ const dropdown_Dropdown = Object.assign(Dropdown, {
     Details: DropdownDetails,
     Toggle: dropdown_DropdownToggle,
     Menu: dropdown_DropdownMenu,
-    Item: dropdown_DropdownItem
+    Item: DropdownItem
 });
 const dropdown = dropdown_Dropdown;
 var FileInput_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>");
@@ -10961,6 +10961,595 @@ const immersive_landing_ImmersiveLandingNavigation = ImmersiveLandingNavigation;
 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
     "click"
 ]);
+var PWAInstallPrompt_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="w-14 h-14 flex-shrink-0 rounded-xl bg-base-200 p-2"><img class="w-full h-full">'), PWAInstallPrompt_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<p class="text-sm text-base-content/70">'), PWAInstallPrompt_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div role=dialog aria-modal=false aria-labelledby=pwa-install-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 DISMISS_DURATION = 604800000;
+const defaultTexts = {
+    title: "Install App",
+    description: "Add this app to your home screen for a better experience.",
+    installButton: "Install",
+    notNowButton: "Not now",
+    closeLabel: "Close"
+};
+const PWAInstallPrompt = (props)=>{
+    const STORAGE_KEY = ()=>props.storageKey ?? "app_pwa_dismissed";
+    const appName = ()=>props.appName ?? "My App";
+    const appIcon = ()=>props.appIcon ?? "/icon-192.png";
+    const texts = ()=>({
+            title: props.texts?.title ?? defaultTexts.title,
+            description: props.texts?.description ?? defaultTexts.description,
+            installButton: props.texts?.installButton ?? defaultTexts.installButton,
+            notNowButton: props.texts?.notNowButton ?? defaultTexts.notNowButton,
+            closeLabel: props.texts?.closeLabel ?? defaultTexts.closeLabel
+        });
+    const [deferredPrompt, setDeferredPrompt] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
+    const [showPrompt, setShowPrompt] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const checkDismissalStatus = ()=>{
+        const dismissed = localStorage.getItem(STORAGE_KEY());
+        if (!dismissed) return true;
+        const dismissedTime = Number.parseInt(dismissed, 10);
+        const now = Date.now();
+        if (now - dismissedTime > DISMISS_DURATION) {
+            localStorage.removeItem(STORAGE_KEY());
+            return true;
+        }
+        return false;
+    };
+    const handleBeforeInstallPrompt = (e)=>{
+        e.preventDefault();
+        setDeferredPrompt(e);
+        if (checkDismissalStatus()) setShowPrompt(true);
+    };
+    const handleInstall = async ()=>{
+        const prompt = deferredPrompt();
+        if (!prompt) return;
+        try {
+            prompt.prompt();
+            const result = await prompt.userChoice;
+            if ("accepted" === result.outcome) {
+                setShowPrompt(false);
+                setDeferredPrompt(null);
+                props.onInstall?.();
+            }
+        } catch (error) {
+            console.debug("PWA install prompt failed:", error);
+        }
+    };
+    const handleDismiss = ()=>{
+        setShowPrompt(false);
+        localStorage.setItem(STORAGE_KEY(), Date.now().toString());
+        props.onDismiss?.();
+    };
+    const handleAppInstalled = ()=>{
+        setShowPrompt(false);
+        setDeferredPrompt(null);
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
+        window.addEventListener("beforeinstallprompt", handleBeforeInstallPrompt);
+        window.addEventListener("appinstalled", handleAppInstalled);
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        window.removeEventListener("beforeinstallprompt", handleBeforeInstallPrompt);
+        window.removeEventListener("appinstalled", handleAppInstalled);
+    });
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+        get when () {
+            return showPrompt();
+        },
+        get children () {
+            var _el$ = PWAInstallPrompt_tmpl$3();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(card_Card, {
+                shadow: "lg",
+                background: "base-100",
+                class: "relative border border-base-300",
+                get children () {
+                    return [
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
+                            size: "sm",
+                            color: "ghost",
+                            shape: "circle",
+                            class: "absolute top-2 right-2",
+                            onClick: handleDismiss,
+                            get ["aria-label"] () {
+                                return texts().closeLabel;
+                            },
+                            children: "X"
+                        }),
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(card_Card.Body, {
+                            get children () {
+                                return [
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(flex_Flex, {
+                                        align: "start",
+                                        gap: "md",
+                                        get children () {
+                                            return [
+                                                (()=>{
+                                                    var _el$2 = PWAInstallPrompt_tmpl$(), _el$3 = _el$2.firstChild;
+                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                                                        var _v$ = appIcon(), _v$2 = appName();
+                                                        _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "src", _p$.e = _v$);
+                                                        _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "alt", _p$.t = _v$2);
+                                                        return _p$;
+                                                    }, {
+                                                        e: void 0,
+                                                        t: void 0
+                                                    });
+                                                    return _el$2;
+                                                })(),
+                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(flex_Flex, {
+                                                    direction: "col",
+                                                    gap: "sm",
+                                                    class: "flex-1 min-w-0 pr-6",
+                                                    get children () {
+                                                        return [
+                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(card_Card.Title, {
+                                                                id: "pwa-install-title",
+                                                                tag: "h3",
+                                                                class: "text-base",
+                                                                get children () {
+                                                                    return texts().title;
+                                                                }
+                                                            }),
+                                                            (()=>{
+                                                                var _el$4 = PWAInstallPrompt_tmpl$2();
+                                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>texts().description);
+                                                                return _el$4;
+                                                            })()
+                                                        ];
+                                                    }
+                                                })
+                                            ];
+                                        }
+                                    }),
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(card_Card.Actions, {
+                                        class: "mt-4",
+                                        get children () {
+                                            return [
+                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
+                                                    color: "primary",
+                                                    class: "flex-1",
+                                                    onClick: handleInstall,
+                                                    get children () {
+                                                        return texts().installButton;
+                                                    }
+                                                }),
+                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
+                                                    color: "ghost",
+                                                    class: "flex-1",
+                                                    onClick: handleDismiss,
+                                                    get children () {
+                                                        return texts().notNowButton;
+                                                    }
+                                                })
+                                            ];
+                                        }
+                                    })
+                                ];
+                            }
+                        })
+                    ];
+                }
+            }));
+            return _el$;
+        }
+    });
+};
+var FirefoxPWABanner_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">'), FirefoxPWABanner_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<p class="text-sm text-base-content/70">'), FirefoxPWABanner_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 FirefoxPWABanner_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 ?? FirefoxPWABanner_defaultTexts.title,
+            description: props.texts?.description ?? FirefoxPWABanner_defaultTexts.description,
+            installButton: props.texts?.installButton ?? FirefoxPWABanner_defaultTexts.installButton,
+            dismissButton: props.texts?.dismissButton ?? FirefoxPWABanner_defaultTexts.dismissButton,
+            closeLabel: props.texts?.closeLabel ?? FirefoxPWABanner_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$ = FirefoxPWABanner_tmpl$3();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(card_Card, {
+                shadow: "lg",
+                background: "base-100",
+                class: "relative border border-base-300",
+                get children () {
+                    return [
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
+                            size: "sm",
+                            color: "ghost",
+                            shape: "circle",
+                            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)(icon_Icon, {
+                                    name: "icon-[mdi--close]",
+                                    width: 16,
+                                    height: 16
+                                });
+                            }
+                        }),
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(card_Card.Body, {
+                            get children () {
+                                return [
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(flex_Flex, {
+                                        align: "start",
+                                        gap: "md",
+                                        get children () {
+                                            return [
+                                                (()=>{
+                                                    var _el$2 = FirefoxPWABanner_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)(icon_Icon, {
+                                                                name: "icon-[mdi--firefox]",
+                                                                width: 40,
+                                                                height: 40,
+                                                                class: "text-orange-500"
+                                                            });
+                                                        }
+                                                    }));
+                                                    return _el$2;
+                                                })(),
+                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(flex_Flex, {
+                                                    direction: "col",
+                                                    gap: "sm",
+                                                    class: "flex-1 min-w-0 pr-6",
+                                                    get children () {
+                                                        return [
+                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(card_Card.Title, {
+                                                                id: "pwa-unsupported-title",
+                                                                tag: "h3",
+                                                                class: "text-base",
+                                                                get children () {
+                                                                    return texts().title;
+                                                                }
+                                                            }),
+                                                            (()=>{
+                                                                var _el$3 = FirefoxPWABanner_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)(card_Card.Actions, {
+                                        class: "mt-4",
+                                        get children () {
+                                            return [
+                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
+                                                    color: "primary",
+                                                    class: "flex-1",
+                                                    onClick: handleAction,
+                                                    get children () {
+                                                        return texts().installButton;
+                                                    }
+                                                }),
+                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
+                                                    color: "ghost",
+                                                    class: "flex-1",
+                                                    onClick: handleDismiss,
+                                                    get children () {
+                                                        return texts().dismissButton;
+                                                    }
+                                                })
+                                            ];
+                                        }
+                                    })
+                                ];
+                            }
+                        })
+                    ];
+                }
+            }));
+            return _el$;
+        }
+    });
+};
+var CookieConsent_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<p id=cookie-consent-message class="text-sm text-base-content flex-1">'), CookieConsent_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">'), CookieConsent_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">'), CookieConsent_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<h2 id=cookie-manage-title class="text-lg font-semibold">'), CookieConsent_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 CookieConsent_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 ?? CookieConsent_defaultTexts.message,
+            acceptAll: props.texts?.acceptAll ?? CookieConsent_defaultTexts.acceptAll,
+            decline: props.texts?.decline ?? CookieConsent_defaultTexts.decline,
+            manage: props.texts?.manage ?? CookieConsent_defaultTexts.manage,
+            manageTitle: props.texts?.manageTitle ?? CookieConsent_defaultTexts.manageTitle,
+            essential: props.texts?.essential ?? CookieConsent_defaultTexts.essential,
+            analytics: props.texts?.analytics ?? CookieConsent_defaultTexts.analytics,
+            marketing: props.texts?.marketing ?? CookieConsent_defaultTexts.marketing,
+            cancel: props.texts?.cancel ?? CookieConsent_defaultTexts.cancel,
+            save: props.texts?.save ?? CookieConsent_defaultTexts.save,
+            closeLabel: props.texts?.closeLabel ?? CookieConsent_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$ = CookieConsent_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)(flex_Flex, {
+                    direction: "col",
+                    gap: "md",
+                    class: "md:flex-row md:items-center md:justify-between",
+                    get children () {
+                        return [
+                            (()=>{
+                                var _el$3 = CookieConsent_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)(flex_Flex, {
+                                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)(button_Button, {
+                                            color: "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)(button_Button, {
+                                            color: "ghost",
+                                            size: "sm",
+                                            class: "w-full sm:w-auto",
+                                            onClick: handleDecline,
+                                            get children () {
+                                                return texts().decline;
+                                            }
+                                        }),
+                                        (()=>{
+                                            var _el$4 = CookieConsent_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)(flex_Flex, {
+                    justify: "between",
+                    align: "center",
+                    class: "mb-4",
+                    get children () {
+                        return [
+                            (()=>{
+                                var _el$7 = CookieConsent_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)(button_Button, {
+                                size: "sm",
+                                color: "ghost",
+                                shape: "circle",
+                                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)(flex_Flex, {
+                    direction: "col",
+                    gap: "md",
+                    class: "mb-6",
+                    get children () {
+                        return [
+                            (()=>{
+                                var _el$8 = CookieConsent_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)(flex_Flex, {
+                    gap: "sm",
+                    justify: "end",
+                    get children () {
+                        return [
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
+                                color: "ghost",
+                                size: "sm",
+                                onClick: handleManageClose,
+                                get children () {
+                                    return texts().cancel;
+                                }
+                            }),
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
+                                color: "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"
+]);
 var ImmersiveLanding_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">'), ImmersiveLanding_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'), ImmersiveLanding_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, [
@@ -10978,7 +11567,13 @@ const ImmersiveLanding = (props)=>{
         "children",
         "class",
         "className",
-        "style"
+        "style",
+        "pwaConfig",
+        "cookieConfig",
+        "firefoxPWAConfig",
+        "showPWAPrompt",
+        "showCookieConsent",
+        "showFirefoxBanner"
     ]);
     const navigation = useImmersiveLanding({
         pages: local.pages,
@@ -11082,7 +11677,76 @@ const ImmersiveLanding = (props)=>{
                         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)(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)(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)(CookieConsent, {
+                            get storageKeys () {
+                                return local.cookieConfig?.storageKeys;
+                            },
+                            get texts () {
+                                return local.cookieConfig?.texts;
+                            },
+                            get onConsentChange () {
+                                return local.cookieConfig?.onConsentChange;
+                            }
+                        });
+                    }
+                })
             ];
         }
     });
@@ -11278,7 +11942,7 @@ const Link = (props)=>{
     })();
 };
 const link_Link = Link;
-var LiveChatPanel_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg xmlns=http://www.w3.org/2000/svg class="w-5 h-5"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">'), LiveChatPanel_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<h3 class="font-semibold text-lg">'), LiveChatPanel_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="flex-shrink-0 bg-primary text-primary-content px-4 py-4 flex items-center justify-between"><button class="hover:bg-primary-focus rounded-lg p-1 transition-colors"><svg xmlns=http://www.w3.org/2000/svg class="w-5 h-5"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12"></path></svg></button></div><div class="flex-1 overflow-y-auto px-4 py-4 space-y-4"></div><div class="flex-shrink-0 border-t border-base-300 bg-base-100 p-3">'), LiveChatPanel_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), LiveChatPanel_tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><p class="text-sm leading-relaxed whitespace-pre-wrap break-words">'), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="text-xs text-base-content/50 mt-1 px-1">'), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="w-4 h-4 border-2 border-primary-content/30 border-t-primary-content rounded-full animate-spin inline-block">');
+var LiveChatPanel_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg xmlns=http://www.w3.org/2000/svg class="w-5 h-5"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z">'), LiveChatPanel_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<h3 class="font-semibold text-lg">'), LiveChatPanel_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="flex-shrink-0 bg-primary text-primary-content px-4 py-4 flex items-center justify-between"><button class="hover:bg-primary-focus rounded-lg p-1 transition-colors"><svg xmlns=http://www.w3.org/2000/svg class="w-5 h-5"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12"></path></svg></button></div><div class="flex-1 overflow-y-auto px-4 py-4 space-y-4"></div><div class="flex-shrink-0 border-t border-base-300 bg-base-100 p-3">'), LiveChatPanel_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), LiveChatPanel_tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><p class="text-sm leading-relaxed whitespace-pre-wrap break-words">'), LiveChatPanel_tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="text-xs text-base-content/50 mt-1 px-1">'), LiveChatPanel_tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="w-4 h-4 border-2 border-primary-content/30 border-t-primary-content rounded-full animate-spin inline-block">');
 const getMockMessages = ()=>{
     const salesMessages = [
         {
@@ -11493,7 +12157,7 @@ const LiveChatPanel_LiveChatPanel = (props)=>{
                                             return _el$9;
                                         })(),
                                         (()=>{
-                                            var _el$1 = _tmpl$6();
+                                            var _el$1 = LiveChatPanel_tmpl$6();
                                             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$1, ()=>formatTime(message.timestamp));
                                             return _el$1;
                                         })()
@@ -11552,7 +12216,7 @@ const LiveChatPanel_LiveChatPanel = (props)=>{
                                     return !isSending();
                                 },
                                 get fallback () {
-                                    return _tmpl$7();
+                                    return LiveChatPanel_tmpl$7();
                                 },
                                 get children () {
                                     return local.sendLabel ?? "Send";

package/dist/styles/icons/generated-icons.css

@@ -1 +1 @@
-.iconify{background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.iconify,.iconify-color{display:inline-block;height:1em;width:1em}.iconify-color{background-repeat:no-repeat;background-size:100% 100%}.icon-[mdi--loading]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M12 4V2A10 10 0 0 0 2 12h2a8 8 0 0 1 8-8'/%3E%3C/svg%3E")}.icon-[mdi--loading].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--loading].iconify-color{background-image:var(--svg)}.icon-[mdi--palette]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M17.5 12a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 17.5 9a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5m-3-4A1.5 1.5 0 0 1 13 6.5 1.5 1.5 0 0 1 14.5 5 1.5 1.5 0 0 1 16 6.5 1.5 1.5 0 0 1 14.5 8m-5 0A1.5 1.5 0 0 1 8 6.5 1.5 1.5 0 0 1 9.5 5 1.5 1.5 0 0 1 11 6.5 1.5 1.5 0 0 1 9.5 8m-3 4A1.5 1.5 0 0 1 5 10.5 1.5 1.5 0 0 1 6.5 9 1.5 1.5 0 0 1 8 10.5 1.5 1.5 0 0 1 6.5 12M12 3a9 9 0 0 0-9 9 9 9 0 0 0 9 9 1.5 1.5 0 0 0 1.5-1.5c0-.39-.15-.74-.39-1-.23-.27-.38-.62-.38-1a1.5 1.5 0 0 1 1.5-1.5H16a5 5 0 0 0 5-5c0-4.42-4.03-8-9-8'/%3E%3C/svg%3E")}.icon-[mdi--palette].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--palette].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-down]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m5.84 9.59 5.66 5.66 5.66-5.66-.71-.7-4.95 4.95-4.95-4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-down].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-down].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-left]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M14.41 18.16 8.75 12.5l5.66-5.66.7.71-4.95 4.95 4.95 4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-left].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-left].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-right]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m8.59 18.16 5.66-5.66-5.66-5.66-.7.71 4.95 4.95-4.95 4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-right].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-right].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-up]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m5.84 15.41 5.66-5.66 5.66 5.66-.71.7-4.95-4.95-4.95 4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-up].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-up].iconify-color{background-image:var(--svg)}.icon-[mdi-light--eye]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M11.5 18c4 0 7.46-2.22 9.24-5.5C18.96 9.22 15.5 7 11.5 7s-7.46 2.22-9.24 5.5C4.04 15.78 7.5 18 11.5 18m0-12c4.56 0 8.5 2.65 10.36 6.5C20 16.35 16.06 19 11.5 19S3 16.35 1.14 12.5C3 8.65 6.94 6 11.5 6m0 2C14 8 16 10 16 12.5S14 17 11.5 17 7 15 7 12.5 9 8 11.5 8m0 1A3.5 3.5 0 0 0 8 12.5a3.5 3.5 0 0 0 3.5 3.5 3.5 3.5 0 0 0 3.5-3.5A3.5 3.5 0 0 0 11.5 9'/%3E%3C/svg%3E")}.icon-[mdi-light--eye].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--eye].iconify-color{background-image:var(--svg)}.icon-[mdi-light--eye-off]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M2.54 4.71 3.25 4 20 20.75l-.71.71-3.34-3.35c-1.37.57-2.87.89-4.45.89-4.56 0-8.5-2.65-10.36-6.5.97-2 2.49-3.67 4.36-4.82zM11.5 18c1.29 0 2.53-.23 3.67-.66l-1.12-1.13c-.73.5-1.6.79-2.55.79C9 17 7 15 7 12.5c0-.95.29-1.82.79-2.55L6.24 8.41a10.64 10.64 0 0 0-3.98 4.09C4.04 15.78 7.5 18 11.5 18m9.24-5.5C18.96 9.22 15.5 7 11.5 7c-1.15 0-2.27.19-3.31.53l-.78-.78C8.68 6.26 10.06 6 11.5 6c4.56 0 8.5 2.65 10.36 6.5a11.47 11.47 0 0 1-4.07 4.63l-.72-.73c1.53-.96 2.8-2.3 3.67-3.9M11.5 8C14 8 16 10 16 12.5c0 .82-.22 1.58-.6 2.24l-.74-.74c.22-.46.34-.96.34-1.5A3.5 3.5 0 0 0 11.5 9c-.54 0-1.04.12-1.5.34l-.74-.74c.66-.38 1.42-.6 2.24-.6M8 12.5a3.5 3.5 0 0 0 3.5 3.5c.67 0 1.29-.19 1.82-.5L8.5 10.68c-.31.53-.5 1.15-.5 1.82'/%3E%3C/svg%3E")}.icon-[mdi-light--eye-off].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--eye-off].iconify-color{background-image:var(--svg)}.icon-[mdi-light--unfold-more-horizontal]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m15.74 8.83-.7.71L11.5 6 7.96 9.54l-.7-.71 4.24-4.24zm0 7.34-4.24 4.24-4.24-4.24.7-.71L11.5 19l3.54-3.54z'/%3E%3C/svg%3E")}.icon-[mdi-light--unfold-more-horizontal].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--unfold-more-horizontal].iconify-color{background-image:var(--svg)}
+.iconify{background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.iconify,.iconify-color{display:inline-block;height:1em;width:1em}.iconify-color{background-repeat:no-repeat;background-size:100% 100%}.icon-[mdi--close]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")}.icon-[mdi--close].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--close].iconify-color{background-image:var(--svg)}.icon-[mdi--firefox]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M6.85 6.74q.015 0 0 0M21.28 8.6c-.43-1.05-1.32-2.18-2.01-2.54.56 1.11.89 2.22 1.02 3.04v.02c-1.13-2.82-3.05-3.96-4.62-6.44-.08-.12-.17-.25-.24-.38-.04-.07-.07-.14-.11-.21-.06-.13-.12-.26-.15-.4 0-.01-.01-.02-.02-.02h-.03c-2.22 1.3-3.15 3.59-3.38 5.04-.69.04-1.37.21-1.99.51-.12.05-.17.19-.13.31.05.14.21.21.34.15.54-.26 1.14-.41 1.74-.45h.05c.08-.01.17-.01.25-.01.5-.01.97.06 1.44.2l.06.02c.1.02.17.06.25.06.05.04.11.06.16.08l.14.06c.07.03.14.06.2.09.03.02.06.03.09.05.07.04.16.07.2.11.04.02.08.05.12.07.73.45 1.34 1.07 1.75 1.81-.53-.37-1.49-.74-2.41-.58 3.6 1.81 2.63 8-2.36 7.76-.44-.01-.88-.1-1.3-.25-.1-.03-.2-.07-.29-.12-.05-.02-.12-.05-.17-.08-1.23-.63-2.24-1.82-2.38-3.27 0 0 .5-1.73 3.33-1.73.31 0 1.17-.86 1.2-1.1 0-.09-1.74-.78-2.42-1.45-.37-.36-.54-.53-.69-.66-.08-.07-.17-.13-.26-.19a4.63 4.63 0 0 1-.03-2.45C7.6 6.12 6.8 6.86 6.22 7.5c-.4-.5-.37-2.15-.35-2.5-.01 0-.3.16-.33.18-.35.25-.68.53-.98.82-.35.37-.66.74-.94 1.14-.62.91-1.12 1.95-1.34 3.04 0 .01-.1.41-.17.92l-.03.23c-.02.17-.04.32-.08.58v.41c0 5.53 4.5 10.01 10 10.01 4.97 0 9.08-3.59 9.88-8.33.02-.11.03-.24.05-.37.2-1.72-.02-3.52-.65-5.03'/%3E%3C/svg%3E")}.icon-[mdi--firefox].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--firefox].iconify-color{background-image:var(--svg)}.icon-[mdi--loading]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M12 4V2A10 10 0 0 0 2 12h2a8 8 0 0 1 8-8'/%3E%3C/svg%3E")}.icon-[mdi--loading].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--loading].iconify-color{background-image:var(--svg)}.icon-[mdi--palette]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M17.5 12a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 17.5 9a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5m-3-4A1.5 1.5 0 0 1 13 6.5 1.5 1.5 0 0 1 14.5 5 1.5 1.5 0 0 1 16 6.5 1.5 1.5 0 0 1 14.5 8m-5 0A1.5 1.5 0 0 1 8 6.5 1.5 1.5 0 0 1 9.5 5 1.5 1.5 0 0 1 11 6.5 1.5 1.5 0 0 1 9.5 8m-3 4A1.5 1.5 0 0 1 5 10.5 1.5 1.5 0 0 1 6.5 9 1.5 1.5 0 0 1 8 10.5 1.5 1.5 0 0 1 6.5 12M12 3a9 9 0 0 0-9 9 9 9 0 0 0 9 9 1.5 1.5 0 0 0 1.5-1.5c0-.39-.15-.74-.39-1-.23-.27-.38-.62-.38-1a1.5 1.5 0 0 1 1.5-1.5H16a5 5 0 0 0 5-5c0-4.42-4.03-8-9-8'/%3E%3C/svg%3E")}.icon-[mdi--palette].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--palette].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-down]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m5.84 9.59 5.66 5.66 5.66-5.66-.71-.7-4.95 4.95-4.95-4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-down].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-down].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-left]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M14.41 18.16 8.75 12.5l5.66-5.66.7.71-4.95 4.95 4.95 4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-left].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-left].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-right]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m8.59 18.16 5.66-5.66-5.66-5.66-.7.71 4.95 4.95-4.95 4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-right].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-right].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-up]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m5.84 15.41 5.66-5.66 5.66 5.66-.71.7-4.95-4.95-4.95 4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-up].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-up].iconify-color{background-image:var(--svg)}.icon-[mdi-light--eye]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M11.5 18c4 0 7.46-2.22 9.24-5.5C18.96 9.22 15.5 7 11.5 7s-7.46 2.22-9.24 5.5C4.04 15.78 7.5 18 11.5 18m0-12c4.56 0 8.5 2.65 10.36 6.5C20 16.35 16.06 19 11.5 19S3 16.35 1.14 12.5C3 8.65 6.94 6 11.5 6m0 2C14 8 16 10 16 12.5S14 17 11.5 17 7 15 7 12.5 9 8 11.5 8m0 1A3.5 3.5 0 0 0 8 12.5a3.5 3.5 0 0 0 3.5 3.5 3.5 3.5 0 0 0 3.5-3.5A3.5 3.5 0 0 0 11.5 9'/%3E%3C/svg%3E")}.icon-[mdi-light--eye].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--eye].iconify-color{background-image:var(--svg)}.icon-[mdi-light--eye-off]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M2.54 4.71 3.25 4 20 20.75l-.71.71-3.34-3.35c-1.37.57-2.87.89-4.45.89-4.56 0-8.5-2.65-10.36-6.5.97-2 2.49-3.67 4.36-4.82zM11.5 18c1.29 0 2.53-.23 3.67-.66l-1.12-1.13c-.73.5-1.6.79-2.55.79C9 17 7 15 7 12.5c0-.95.29-1.82.79-2.55L6.24 8.41a10.64 10.64 0 0 0-3.98 4.09C4.04 15.78 7.5 18 11.5 18m9.24-5.5C18.96 9.22 15.5 7 11.5 7c-1.15 0-2.27.19-3.31.53l-.78-.78C8.68 6.26 10.06 6 11.5 6c4.56 0 8.5 2.65 10.36 6.5a11.47 11.47 0 0 1-4.07 4.63l-.72-.73c1.53-.96 2.8-2.3 3.67-3.9M11.5 8C14 8 16 10 16 12.5c0 .82-.22 1.58-.6 2.24l-.74-.74c.22-.46.34-.96.34-1.5A3.5 3.5 0 0 0 11.5 9c-.54 0-1.04.12-1.5.34l-.74-.74c.66-.38 1.42-.6 2.24-.6M8 12.5a3.5 3.5 0 0 0 3.5 3.5c.67 0 1.29-.19 1.82-.5L8.5 10.68c-.31.53-.5 1.15-.5 1.82'/%3E%3C/svg%3E")}.icon-[mdi-light--eye-off].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--eye-off].iconify-color{background-image:var(--svg)}.icon-[mdi-light--unfold-more-horizontal]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m15.74 8.83-.7.71L11.5 6 7.96 9.54l-.7-.71 4.24-4.24zm0 7.34-4.24 4.24-4.24-4.24.7-.71L11.5 19l3.54-3.54z'/%3E%3C/svg%3E")}.icon-[mdi-light--unfold-more-horizontal].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--unfold-more-horizontal].iconify-color{background-image:var(--svg)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "0.0.129",
+  "version": "0.0.130",
   "author": "pathscale",
   "repository": {
     "type": "git",