@pathscale/ui 1.1.34 → 1.1.35

package/dist/components/form/Form.d.ts

@@ -1,17 +1,11 @@
-import ValidatedForm, { useFormValidation } from "./ValidatedForm";
-export type { FormProps } from "./FormBase";
-export type { ValidatedFormProps } from "./ValidatedForm";
-export type { FormFieldProps } from "./FormField";
-export type { PasswordFieldProps } from "./PasswordField";
-export type { NumberFieldProps } from "./NumberField";
-export type { FormDropdownProps, DropdownOption } from "./FormDropdown";
-export { useFormValidation };
-declare const _default: import("solid-js").ParentComponent<import("./FormBase").FormProps> & {
-    Label: import("solid-js").ParentComponent<import("./Label").LabelProps>;
-    Validated: typeof ValidatedForm;
-    Field: import("solid-js").Component<import("./FormField").FormFieldProps>;
-    Password: import("solid-js").Component<import("./PasswordField").PasswordFieldProps>;
-    Number: import("solid-js").Component<import("./NumberField").NumberFieldProps>;
-    Dropdown: import("solid-js").Component<import("./FormDropdown").FormDropdownProps>;
+import "./Form.css";
+import { type Component, type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type FormRootProps = JSX.FormHTMLAttributes<HTMLFormElement> & IComponentBaseProps;
+declare const FormRoot: Component<FormRootProps>;
+declare const Form: Component<FormRootProps> & {
+    Root: Component<FormRootProps>;
 };
-export default _default;
+export default Form;
+export { Form, FormRoot };
+export type { FormRootProps as FormProps };

package/dist/components/form/Form.js

@@ -1,17 +1,34 @@
-import * as __WEBPACK_EXTERNAL_MODULE__FormBase_js_90e50c3a__ from "./FormBase.js";
-import * as __WEBPACK_EXTERNAL_MODULE__Label_js_56960635__ from "./Label.js";
-import * as __WEBPACK_EXTERNAL_MODULE__ValidatedForm_js_56b86c0b__ from "./ValidatedForm.js";
-import * as __WEBPACK_EXTERNAL_MODULE__FormField_js_940fe8a4__ from "./FormField.js";
-import * as __WEBPACK_EXTERNAL_MODULE__PasswordField_js_9859d7de__ from "./PasswordField.js";
-import * as __WEBPACK_EXTERNAL_MODULE__NumberField_js_68db54de__ from "./NumberField.js";
-import * as __WEBPACK_EXTERNAL_MODULE__FormDropdown_js_0063c469__ from "./FormDropdown.js";
-const Form = Object.assign(__WEBPACK_EXTERNAL_MODULE__FormBase_js_90e50c3a__["default"], {
-    Label: __WEBPACK_EXTERNAL_MODULE__Label_js_56960635__["default"],
-    Validated: __WEBPACK_EXTERNAL_MODULE__ValidatedForm_js_56b86c0b__["default"],
-    Field: __WEBPACK_EXTERNAL_MODULE__FormField_js_940fe8a4__["default"],
-    Password: __WEBPACK_EXTERNAL_MODULE__PasswordField_js_9859d7de__["default"],
-    Number: __WEBPACK_EXTERNAL_MODULE__NumberField_js_68db54de__["default"],
-    Dropdown: __WEBPACK_EXTERNAL_MODULE__FormDropdown_js_0063c469__["default"]
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./Form.css";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<form>");
+const FormRoot = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("form", local.class, local.className);
+            },
+            "data-slot": "form",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, false);
+        return _el$;
+    })();
+};
+const Form = Object.assign(FormRoot, {
+    Root: FormRoot
 });
-var __webpack_exports__useFormValidation = __WEBPACK_EXTERNAL_MODULE__ValidatedForm_js_56b86c0b__.useFormValidation;
-export { Form as default, __webpack_exports__useFormValidation as useFormValidation };
+const form_Form = Form;
+export { Form, FormRoot, form_Form as default };

package/dist/components/form/index.d.ts

@@ -1,4 +1 @@
-export { default } from "./Form";
-export { type FormProps, type ValidatedFormProps, type FormFieldProps, type PasswordFieldProps, type NumberFieldProps, useFormValidation, } from "./Form";
-export type { LabelProps } from "./Label";
-export { default as FormDropdown, type FormDropdownProps, type DropdownOption, } from "./FormDropdown";
+export { default, Form, FormRoot, type FormProps, type FormRootProps, } from "./Form";

package/dist/components/form/index.js

@@ -1,6 +1,5 @@
 import * as __WEBPACK_EXTERNAL_MODULE__Form_js_cf7aa139__ from "./Form.js";
-import * as __WEBPACK_EXTERNAL_MODULE__FormDropdown_js_0063c469__ from "./FormDropdown.js";
-var __webpack_exports__FormDropdown = __WEBPACK_EXTERNAL_MODULE__FormDropdown_js_0063c469__["default"];
+var __webpack_exports__Form = __WEBPACK_EXTERNAL_MODULE__Form_js_cf7aa139__.Form;
+var __webpack_exports__FormRoot = __WEBPACK_EXTERNAL_MODULE__Form_js_cf7aa139__.FormRoot;
 var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Form_js_cf7aa139__["default"];
-var __webpack_exports__useFormValidation = __WEBPACK_EXTERNAL_MODULE__Form_js_cf7aa139__.useFormValidation;
-export { __webpack_exports__FormDropdown as FormDropdown, __webpack_exports__default as default, __webpack_exports__useFormValidation as useFormValidation };
+export { __webpack_exports__Form as Form, __webpack_exports__FormRoot as FormRoot, __webpack_exports__default as default };

package/dist/components/header/Header.css

@@ -0,0 +1,13 @@
+@layer components {
+  .header {
+    width: 100%;
+    padding-inline: 0.5rem;
+    padding-top: 0.375rem;
+    padding-bottom: 0.25rem;
+    text-align: left;
+    font-size: 0.75rem;
+    line-height: 1rem;
+    font-weight: 500;
+    color: var(--color-muted, color-mix(in oklab, var(--color-base-content) 55%, transparent));
+  }
+}

package/dist/components/header/Header.d.ts

@@ -0,0 +1,9 @@
+import "./Header.css";
+import { type Component, type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type HeaderRootProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
+declare const HeaderRoot: Component<HeaderRootProps>;
+declare const Header: Component<HeaderRootProps>;
+export default Header;
+export { Header, HeaderRoot };
+export type { HeaderRootProps as HeaderProps };

package/dist/components/{menu/MenuDetails.js → header/Header.js}

@@ -1,37 +1,34 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./Header.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<details><summary></summary><ul>");
-const MenuDetails = (props)=>{
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const HeaderRoot = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "label",
-        "open",
+        "children",
         "class",
         "className",
-        "style",
-        "children",
-        "dataTheme"
+        "dataTheme",
+        "style"
     ]);
-    const classAttr = ()=>local.class ?? local.className;
     return (()=>{
-        var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+        var _el$ = _tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get open () {
-                return local.open;
-            },
             get ["class"] () {
-                return classAttr();
-            },
-            get style () {
-                return local.style;
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("header", local.class, local.className);
             },
+            "data-slot": "header",
             get ["data-theme"] () {
                 return local.dataTheme;
+            },
+            get style () {
+                return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.label);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
         return _el$;
     })();
 };
-const menu_MenuDetails = MenuDetails;
-export { menu_MenuDetails as default };
+const Header = HeaderRoot;
+const header_Header = Header;
+export { Header, HeaderRoot, header_Header as default };

package/dist/components/header/index.d.ts

@@ -0,0 +1 @@
+export { default, Header, HeaderRoot, type HeaderProps, type HeaderRootProps, } from "./Header";

package/dist/components/header/index.js

@@ -0,0 +1,5 @@
+import * as __WEBPACK_EXTERNAL_MODULE__Header_js_94d20122__ from "./Header.js";
+var __webpack_exports__Header = __WEBPACK_EXTERNAL_MODULE__Header_js_94d20122__.Header;
+var __webpack_exports__HeaderRoot = __WEBPACK_EXTERNAL_MODULE__Header_js_94d20122__.HeaderRoot;
+var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Header_js_94d20122__["default"];
+export { __webpack_exports__Header as Header, __webpack_exports__HeaderRoot as HeaderRoot, __webpack_exports__default as default };

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

@@ -4,7 +4,7 @@ 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">');
+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)('<h3 id=pwa-unsupported-title class="text-base font-medium leading-6">'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<p class="text-sm text-base-content/70">'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div aria-labelledby=pwa-unsupported-title class="fixed bottom-4 left-4 right-4 md:left-auto md:right-4 md:max-w-sm z-51 animate-slide-up">');
 const defaultTexts = {
     title: "Install App on Firefox",
     description: "Firefox does not support direct app installation. Install our helper extension to enable PWA support.",
@@ -63,10 +63,9 @@ const FirefoxPWABanner = (props)=>{
             return showBanner();
         },
         get children () {
-            var _el$ = _tmpl$3();
+            var _el$ = _tmpl$4();
             (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",
+                variant: "shadow",
                 class: "relative border border-base-300",
                 get children () {
                     return [
@@ -89,75 +88,70 @@ const FirefoxPWABanner = (props)=>{
                         }),
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"].Body, {
                             get children () {
-                                return [
-                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], {
-                                        align: "start",
-                                        gap: "md",
-                                        get children () {
-                                            return [
-                                                (()=>{
-                                                    var _el$2 = _tmpl$();
-                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                                                        get when () {
-                                                            return "firefox" === browser();
-                                                        },
-                                                        get children () {
-                                                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_5892b613__["default"], {
-                                                                name: "icon-[mdi--firefox]",
-                                                                width: 40,
-                                                                height: 40,
-                                                                class: "text-orange-500"
-                                                            });
-                                                        }
-                                                    }));
-                                                    return _el$2;
-                                                })(),
-                                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], {
-                                                    direction: "col",
-                                                    gap: "sm",
-                                                    class: "flex-1 min-w-0 pr-6",
+                                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__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"], {
+                                                            name: "icon-[mdi--firefox]",
+                                                            width: 40,
+                                                            height: 40,
+                                                            class: "text-orange-500"
+                                                        });
                                                     }
-                                                })
-                                            ];
+                                                }));
+                                                return _el$2;
+                                            })(),
+                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], {
+                                                direction: "col",
+                                                gap: "sm",
+                                                class: "flex-1 min-w-0 pr-6",
+                                                get children () {
+                                                    return [
+                                                        (()=>{
+                                                            var _el$3 = _tmpl$2();
+                                                            (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__.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, {
+                            class: "mt-1",
+                            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__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"], {
+                                        variant: "ghost",
+                                        class: "flex-1",
+                                        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;
                                         }
                                     })
                                 ];

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

@@ -3,7 +3,7 @@ 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">');
+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)('<h3 id=pwa-install-title class="text-base font-medium leading-6">'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<p class="text-sm text-base-content/70">'), _tmpl$4 = /*#__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",
@@ -78,10 +78,9 @@ const PWAInstallPrompt = (props)=>{
             return showPrompt();
         },
         get children () {
-            var _el$ = _tmpl$3();
+            var _el$ = _tmpl$4();
             (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",
+                variant: "shadow",
                 class: "relative border border-base-300",
                 get children () {
                     return [
@@ -97,72 +96,67 @@ const PWAInstallPrompt = (props)=>{
                             children: "X"
                         }),
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"].Body, {
+                            get children () {
+                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], {
+                                    align: "start",
+                                    gap: "md",
+                                    get children () {
+                                        return [
+                                            (()=>{
+                                                var _el$2 = _tmpl$(), _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 [
+                                                        (()=>{
+                                                            var _el$4 = _tmpl$2();
+                                                            (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__.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, {
+                            class: "mt-1",
                             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"], {
+                                        variant: "primary",
+                                        class: "flex-1",
+                                        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"], {
+                                        variant: "ghost",
+                                        class: "flex-1",
+                                        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;
                                         }
                                     })
                                 ];

package/dist/components/input/Input.css

@@ -123,15 +123,16 @@
     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 > * {
     width: 1rem;
     height: 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;
 };

package/dist/components/input/Input.js

@@ -2,7 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Input.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="input-slot input-slot--start"data-slot=input-start-content>'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="input-slot input-slot--end"data-slot=input-end-content>'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=input-control><input>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<p>");
+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)('<span class="input__icon input__icon--start"data-slot=input-start-icon>'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="input__icon input__icon--end"data-slot=input-end-icon>'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=input-control><input>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<p>");
 const InputContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
 const InputRoot = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -60,8 +60,8 @@ const InputField = (props)=>{
         "disabled",
         "isInvalid",
         "fullWidth",
-        "startContent",
-        "endContent",
+        "startIcon",
+        "endIcon",
         "dataTheme",
         "id",
         "aria-invalid"
@@ -77,11 +77,11 @@ const InputField = (props)=>{
         var _el$2 = _tmpl$4(), _el$4 = _el$2.firstChild;
         (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 local.startContent;
+                return local.startIcon;
             },
             get children () {
                 var _el$3 = _tmpl$2();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.startContent);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.startIcon);
                 return _el$3;
             }
         }), _el$4);
@@ -103,11 +103,11 @@ const InputField = (props)=>{
         }), false, false);
         (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 local.endContent;
+                return local.endIcon;
             },
             get children () {
                 var _el$5 = _tmpl$3();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.endContent);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.endIcon);
                 return _el$5;
             }
         }), null);