@pathscale/ui 1.1.56 → 1.1.57

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

@@ -4,7 +4,8 @@ import * as __WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__ from "../../bu
 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">');
+import * as __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__ from "../ImmersiveLanding.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<h3 id=pwa-unsupported-title>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<p>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div aria-labelledby=pwa-unsupported-title>");
 const defaultTexts = {
     title: "Install App on Firefox",
     description: "Firefox does not support direct app installation. Install our helper extension to enable PWA support.",
@@ -63,18 +64,24 @@ const FirefoxPWABanner = (props)=>{
             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",
+            var _el$ = _tmpl$4();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                    class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.dialog
+                })), false, true);
+            (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"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                variant: "shadow"
+            }, ()=>({
+                    class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.card
+                }), {
                 get children () {
                     return [
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], {
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
                             size: "sm",
                             variant: "ghost",
-                            isIconOnly: true,
-                            class: "absolute top-2 right-2",
+                            isIconOnly: true
+                        }, ()=>({
+                                class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.closeButton
+                            }), {
                             onClick: handleDismiss,
                             get ["aria-label"] () {
                                 return texts().closeLabel;
@@ -86,86 +93,103 @@ const FirefoxPWABanner = (props)=>{
                                     height: 16
                                 });
                             }
-                        }),
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"].Body, {
+                        })),
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"].Body, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.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",
+                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                                    align: "start",
+                                    gap: "md"
+                                }, ()=>({
+                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.media
+                                    }), {
+                                    get children () {
+                                        return [
+                                            (()=>{
+                                                var _el$2 = _tmpl$();
+                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.iconWrap
+                                                    })), false, true);
+                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                    get when () {
+                                                        return "firefox" === browser();
+                                                    },
                                                     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;
-                                                            })()
-                                                        ];
+                                                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_5892b613__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                                                            name: "icon-[mdi--firefox]",
+                                                            width: 40,
+                                                            height: 40
+                                                        }, ()=>({
+                                                                class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.browserIcon
+                                                            })));
                                                     }
-                                                })
-                                            ];
+                                                }));
+                                                return _el$2;
+                                            })(),
+                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                                                direction: "col",
+                                                gap: "sm"
+                                            }, ()=>({
+                                                    class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.textWrap
+                                                }), {
+                                                get children () {
+                                                    return [
+                                                        (()=>{
+                                                            var _el$3 = _tmpl$2();
+                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                                                    class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.title
+                                                                })), false, true);
+                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>texts().title);
+                                                            return _el$3;
+                                                        })(),
+                                                        (()=>{
+                                                            var _el$4 = _tmpl$3();
+                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                                                    class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.description
+                                                                })), false, true);
+                                                            (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)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"].Footer, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.footer
+                            }), {
+                            get children () {
+                                return [
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                                        variant: "primary"
+                                    }, ()=>({
+                                            class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.action
+                                        }), {
+                                        onClick: handleAction,
+                                        get children () {
+                                            return texts().installButton;
                                         }
-                                    }),
-                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"].Actions, {
-                                        class: "mt-4",
+                                    })),
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                                        variant: "ghost"
+                                    }, ()=>({
+                                            class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.firefoxBanner.action
+                                        }), {
+                                        onClick: handleDismiss,
                                         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 texts().dismissButton;
                                         }
-                                    })
+                                    }))
                                 ];
                             }
-                        })
+                        }))
                     ];
                 }
-            }));
+            })));
             return _el$;
         }
     });

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

@@ -3,7 +3,8 @@ 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";
-var _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">'), _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 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">');
+import * as __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__ from "../ImmersiveLanding.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><img>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<h3 id=pwa-install-title>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<p>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=dialog aria-modal=false aria-labelledby=pwa-install-title>");
 const DISMISS_DURATION = 604800000;
 const defaultTexts = {
     title: "Install App",
@@ -78,99 +79,122 @@ const PWAInstallPrompt = (props)=>{
             return showPrompt();
         },
         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",
+            var _el$ = _tmpl$4();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                    class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.dialog
+                })), false, true);
+            (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"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                variant: "shadow"
+            }, ()=>({
+                    class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.card
+                }), {
                 get children () {
                     return [
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], {
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
                             size: "sm",
                             variant: "ghost",
-                            isIconOnly: true,
-                            class: "absolute top-2 right-2",
+                            isIconOnly: true
+                        }, ()=>({
+                                class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.closeButton
+                            }), {
                             onClick: handleDismiss,
                             get ["aria-label"] () {
                                 return texts().closeLabel;
                             },
                             children: "X"
-                        }),
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"].Body, {
+                        })),
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"].Body, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.body
+                            }), {
+                            get children () {
+                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                                    align: "start",
+                                    gap: "md"
+                                }, ()=>({
+                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.media
+                                    }), {
+                                    get children () {
+                                        return [
+                                            (()=>{
+                                                var _el$2 = _tmpl$(), _el$3 = _el$2.firstChild;
+                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.appIconWrap
+                                                    })), false, true);
+                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                                                    get src () {
+                                                        return appIcon();
+                                                    },
+                                                    get alt () {
+                                                        return appName();
+                                                    }
+                                                }, ()=>({
+                                                        class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.appIcon
+                                                    })), false, false);
+                                                return _el$2;
+                                            })(),
+                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                                                direction: "col",
+                                                gap: "sm"
+                                            }, ()=>({
+                                                    class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.textWrap
+                                                }), {
+                                                get children () {
+                                                    return [
+                                                        (()=>{
+                                                            var _el$4 = _tmpl$2();
+                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                                                    class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.title
+                                                                })), false, true);
+                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>texts().title);
+                                                            return _el$4;
+                                                        })(),
+                                                        (()=>{
+                                                            var _el$5 = _tmpl$3();
+                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                                                    class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.description
+                                                                })), false, true);
+                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>texts().description);
+                                                            return _el$5;
+                                                        })()
+                                                    ];
+                                                }
+                                            }))
+                                        ];
+                                    }
+                                }));
+                            }
+                        })),
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"].Footer, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.footer
+                            }), {
                             get children () {
                                 return [
-                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], {
-                                        align: "start",
-                                        gap: "md",
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                                        variant: "primary"
+                                    }, ()=>({
+                                            class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.action
+                                        }), {
+                                        onClick: handleInstall,
                                         get children () {
-                                            return [
-                                                (()=>{
-                                                    var _el$2 = _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)(__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-install-title",
-                                                                tag: "h3",
-                                                                class: "text-base",
-                                                                get children () {
-                                                                    return texts().title;
-                                                                }
-                                                            }),
-                                                            (()=>{
-                                                                var _el$4 = _tmpl$2();
-                                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>texts().description);
-                                                                return _el$4;
-                                                            })()
-                                                        ];
-                                                    }
-                                                })
-                                            ];
+                                            return texts().installButton;
                                         }
-                                    }),
-                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"].Actions, {
-                                        class: "mt-4",
+                                    })),
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                                        variant: "ghost"
+                                    }, ()=>({
+                                            class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.action
+                                        }), {
+                                        onClick: handleDismiss,
                                         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: handleInstall,
-                                                    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().notNowButton;
-                                                    }
-                                                })
-                                            ];
+                                            return texts().notNowButton;
                                         }
-                                    })
+                                    }))
                                 ];
                             }
-                        })
+                        }))
                     ];
                 }
-            }));
+            })));
             return _el$;
         }
     });

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

@@ -1,3 +1,4 @@
+import "./ImmersiveLanding.css";
 export { default } from "./ImmersiveLanding";
 export { useImmersiveLanding } from "./useImmersiveLanding";
 export { ImmersiveLandingContext, useImmersiveLandingContext } from "./ImmersiveLandingContext";

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

@@ -1,3 +1,4 @@
+import "./ImmersiveLanding.css";
 import * as __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_js_2b17ea6a__ from "./ImmersiveLanding.js";
 import * as __WEBPACK_EXTERNAL_MODULE__useImmersiveLanding_js_66194376__ from "./useImmersiveLanding.js";
 import * as __WEBPACK_EXTERNAL_MODULE__ImmersiveLandingContext_js_0e3f38c0__ from "./ImmersiveLandingContext.js";

package/dist/components/input/Input.classes.d.ts

@@ -0,0 +1,24 @@
+export declare const CLASSES: {
+    readonly base: "input-root";
+    readonly slot: {
+        readonly control: "input-control";
+        readonly field: "input-field";
+        readonly label: "input-label";
+        readonly helper: "input-helper";
+        readonly icon: "input__icon";
+        readonly iconStart: "input__icon--start";
+        readonly iconEnd: "input__icon--end";
+    };
+    readonly size: {
+        readonly sm: "input-control--sm";
+        readonly md: "input-control--md";
+        readonly lg: "input-control--lg";
+    };
+    readonly flag: {
+        readonly fullWidthRoot: "input-root--full-width";
+        readonly fullWidthControl: "input-control--full-width";
+        readonly invalid: "input-control--invalid";
+        readonly disabled: "input-control--disabled";
+        readonly helperInvalid: "input-helper--invalid";
+    };
+};

package/dist/components/input/Input.classes.js

@@ -0,0 +1,25 @@
+const CLASSES = {
+    base: "input-root",
+    slot: {
+        control: "input-control",
+        field: "input-field",
+        label: "input-label",
+        helper: "input-helper",
+        icon: "input__icon",
+        iconStart: "input__icon--start",
+        iconEnd: "input__icon--end"
+    },
+    size: {
+        sm: "input-control--sm",
+        md: "input-control--md",
+        lg: "input-control--lg"
+    },
+    flag: {
+        fullWidthRoot: "input-root--full-width",
+        fullWidthControl: "input-control--full-width",
+        invalid: "input-control--invalid",
+        disabled: "input-control--disabled",
+        helperInvalid: "input-helper--invalid"
+    }
+};
+export { CLASSES };

package/dist/components/input/Input.css

@@ -123,16 +123,33 @@
     cursor: not-allowed;
   }
 
-  .input-slot {
+  .input__icon {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
     color: color-mix(in oklab, var(--color-base-content) 72%, transparent);
+    pointer-events: none;
   }
 
-  .input-slot svg {
+  .input__icon > :is(button, [role="button"], a, [tabindex]):not([tabindex="-1"]) {
+    pointer-events: auto;
+  }
+
+  .input__icon > * {
     width: 1rem;
     height: 1rem;
   }
+
+  @media (max-width: 767px) {
+    .input-control--sm,
+    .input-control--md,
+    .input-control--lg {
+      font-size: 1rem;
+    }
+
+    .input-field {
+      font-size: 1rem;
+    }
+  }
 }

package/dist/components/input/Input.d.ts

@@ -16,8 +16,8 @@ type InputFieldProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "size" |
     disabled?: boolean;
     isInvalid?: boolean;
     fullWidth?: boolean;
-    startContent?: JSX.Element;
-    endContent?: JSX.Element;
+    startIcon?: JSX.Element;
+    endIcon?: JSX.Element;
     dataTheme?: string;
     className?: string;
 };