@pathscale/ui 1.1.55 → 1.1.56

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

@@ -3,8 +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";
-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>");
+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">');
 const DISMISS_DURATION = 604800000;
 const defaultTexts = {
     title: "Install App",
@@ -79,122 +78,99 @@ const PWAInstallPrompt = (props)=>{
             return showPrompt();
         },
         get children () {
-            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
-                }), {
+            var _el$ = _tmpl$3();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"], {
+                shadow: "lg",
+                background: "base-100",
+                class: "relative border border-base-300",
                 get children () {
                     return [
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], {
                             size: "sm",
                             variant: "ghost",
-                            isIconOnly: true
-                        }, ()=>({
-                                class: __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.closeButton
-                            }), {
+                            isIconOnly: true,
+                            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)(__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
-                            }), {
+                        }),
+                        (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__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,
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], {
+                                        align: "start",
+                                        gap: "md",
                                         get children () {
-                                            return texts().installButton;
+                                            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;
+                                                            })()
+                                                        ];
+                                                    }
+                                                })
+                                            ];
                                         }
-                                    })),
-                                    (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,
+                                    }),
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"].Actions, {
+                                        class: "mt-4",
                                         get children () {
-                                            return texts().notNowButton;
+                                            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 _el$;
         }
     });

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

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

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

@@ -1,4 +1,3 @@
-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/indicator/Indicator.d.ts

@@ -0,0 +1,31 @@
+import "./indicator.css";
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+type ElementType = keyof JSX.IntrinsicElements;
+type IndicatorBaseProps = {
+    horizontal?: "start" | "center" | "end";
+    vertical?: "top" | "middle" | "bottom";
+    as?: ElementType;
+    children?: JSX.Element;
+    dataTheme?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+};
+type PropsOf<E extends ElementType> = JSX.IntrinsicElements[E];
+export type IndicatorProps<E extends ElementType = "div"> = Omit<PropsOf<E>, keyof IndicatorBaseProps> & IndicatorBaseProps & IComponentBaseProps;
+type IndicatorItemBaseProps = {
+    horizontal?: "start" | "center" | "end";
+    vertical?: "top" | "middle" | "bottom";
+    as?: ElementType;
+    children?: JSX.Element;
+    dataTheme?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+};
+export type IndicatorItemProps<E extends ElementType = "span"> = Omit<PropsOf<E>, keyof IndicatorItemBaseProps> & IndicatorItemBaseProps & IComponentBaseProps;
+declare const _default: (<E extends ElementType = "div">(props: IndicatorProps<E>) => JSX.Element) & {
+    Item: <E extends ElementType = "span">(props: IndicatorItemProps<E>) => JSX.Element;
+};
+export default _default;

package/dist/components/indicator/Indicator.js

@@ -0,0 +1,76 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./indicator.css";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+const Indicator = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "horizontal",
+        "vertical",
+        "dataTheme",
+        "class",
+        "className",
+        "style",
+        "as"
+    ]);
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("indicator", local.class, local.className);
+    const Tag = local.as || "div";
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        component: Tag
+    }, others, {
+        get ["data-theme"] () {
+            return local.dataTheme;
+        },
+        get ["class"] () {
+            return classes();
+        },
+        get style () {
+            return local.style;
+        },
+        get children () {
+            return local.children;
+        }
+    }));
+};
+const IndicatorItem = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "horizontal",
+        "vertical",
+        "dataTheme",
+        "class",
+        "className",
+        "style",
+        "as"
+    ]);
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("indicator-item", local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+            "indicator-start": "start" === local.horizontal,
+            "indicator-center": "center" === local.horizontal,
+            "indicator-end": "end" === local.horizontal,
+            "indicator-top": "top" === local.vertical,
+            "indicator-middle": "middle" === local.vertical,
+            "indicator-bottom": "bottom" === local.vertical
+        }));
+    const Tag = local.as || "span";
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        component: Tag
+    }, others, {
+        get ["data-theme"] () {
+            return local.dataTheme;
+        },
+        get ["class"] () {
+            return classes();
+        },
+        get style () {
+            return local.style;
+        },
+        get children () {
+            return local.children;
+        }
+    }));
+};
+const indicator_Indicator = Object.assign(Indicator, {
+    Item: IndicatorItem
+});
+export { indicator_Indicator as default };

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

@@ -0,0 +1,2 @@
+export { default } from "./Indicator";
+export type { IndicatorItemProps, IndicatorProps } from "./Indicator";

package/dist/components/indicator/index.js

@@ -0,0 +1,3 @@
+import * as __WEBPACK_EXTERNAL_MODULE__Indicator_js_454db259__ from "./Indicator.js";
+var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Indicator_js_454db259__["default"];
+export { __webpack_exports__default as default };

package/dist/components/indicator/indicator.css

@@ -0,0 +1,70 @@
+@layer components {
+  .indicator {
+      position: relative;
+      display: inline-flex;
+      width: max-content;
+    }
+
+  .indicator :where(.indicator-item) {
+      z-index: 1;
+      position: absolute;
+      white-space: nowrap;
+      top: var(--indicator-t, 0);
+      bottom: var(--indicator-b, auto);
+      left: var(--indicator-s, auto);
+      right: var(--indicator-e, 0);
+      translate: var(--indicator-x, 50%) var(--indicator-y, -50%);
+    }
+
+  .indicator-end {
+      --indicator-s: auto;
+      --indicator-e: 0;
+      --indicator-x: 50%;
+    }
+
+  [dir="rtl"] .indicator-end {
+      --indicator-s: 0;
+      --indicator-e: auto;
+      --indicator-x: -50%;
+    }
+
+  .indicator-start {
+      --indicator-s: 0;
+      --indicator-e: auto;
+      --indicator-x: -50%;
+    }
+
+  [dir="rtl"] .indicator-start {
+      --indicator-s: auto;
+      --indicator-e: 0;
+      --indicator-x: 50%;
+    }
+
+  .indicator-center {
+      --indicator-s: 50%;
+      --indicator-e: 50%;
+      --indicator-x: -50%;
+    }
+
+  [dir="rtl"] .indicator-center {
+      --indicator-x: 50%;
+    }
+
+  .indicator-bottom {
+      --indicator-t: auto;
+      --indicator-b: 0;
+      --indicator-y: 50%;
+    }
+
+  .indicator-middle {
+      --indicator-t: 50%;
+      --indicator-b: 50%;
+      --indicator-y: -50%;
+    }
+
+  .indicator-top {
+      --indicator-t: 0;
+      --indicator-b: auto;
+      --indicator-y: -50%;
+    }
+}

package/dist/components/input/Input.css

@@ -123,20 +123,15 @@
     cursor: not-allowed;
   }
 
-  .input__icon {
+  .input-slot {
     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__icon > :is(button, [role="button"], a, [tabindex]):not([tabindex="-1"]) {
-    pointer-events: auto;
-  }
-
-  .input__icon > * {
+  .input-slot svg {
     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;
-    startIcon?: JSX.Element;
-    endIcon?: JSX.Element;
+    startContent?: JSX.Element;
+    endContent?: JSX.Element;
     dataTheme?: string;
     className?: string;
 };

package/dist/components/input/Input.js

@@ -2,8 +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";
-import * as __WEBPACK_EXTERNAL_MODULE__Input_classes_js_ac0fd06f__ from "./Input.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)("<span>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><input>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label>"), _tmpl$5 = /*#__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-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>");
 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, [
@@ -32,9 +31,10 @@ const InputRoot = (props)=>{
         },
         get children () {
             var _el$ = _tmpl$();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Input_classes_js_ac0fd06f__.CLASSES.base, fullWidth() && __WEBPACK_EXTERNAL_MODULE__Input_classes_js_ac0fd06f__.CLASSES.flag.fullWidthRoot, local.class, local.className)
-                }), {
+            (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)("input-root", fullWidth() && "input-root--full-width", local.class, local.className);
+                },
                 get ["data-theme"] () {
                     return local.dataTheme;
                 },
@@ -45,6 +45,11 @@ const InputRoot = (props)=>{
         }
     });
 };
+const SIZE_CLASS_MAP = {
+    sm: "input-control--sm",
+    md: "input-control--md",
+    lg: "input-control--lg"
+};
 const InputField = (props)=>{
     const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(InputContext);
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -55,8 +60,8 @@ const InputField = (props)=>{
         "disabled",
         "isInvalid",
         "fullWidth",
-        "startIcon",
-        "endIcon",
+        "startContent",
+        "endContent",
         "dataTheme",
         "id",
         "aria-invalid"
@@ -67,45 +72,24 @@ const InputField = (props)=>{
     const fullWidth = ()=>Boolean(local.fullWidth) || Boolean(ctx?.fullWidth());
     const inputId = ()=>local.id ?? ctx?.fieldId();
     const ariaInvalid = ()=>local["aria-invalid"] ?? (isInvalid() ? true : void 0);
-    const controlClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Input_classes_js_ac0fd06f__.CLASSES.slot.control, __WEBPACK_EXTERNAL_MODULE__Input_classes_js_ac0fd06f__.CLASSES.size[size()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__Input_classes_js_ac0fd06f__.CLASSES.flag.fullWidthControl, isDisabled() && __WEBPACK_EXTERNAL_MODULE__Input_classes_js_ac0fd06f__.CLASSES.flag.disabled, isInvalid() && __WEBPACK_EXTERNAL_MODULE__Input_classes_js_ac0fd06f__.CLASSES.flag.invalid, local.class, local.className);
+    const controlClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("input-control", SIZE_CLASS_MAP[size()], fullWidth() && "input-control--full-width", isDisabled() && "input-control--disabled", isInvalid() && "input-control--invalid", local.class, local.className);
     return (()=>{
-        var _el$2 = _tmpl$3(), _el$4 = _el$2.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: controlClasses()
-            }), {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            "data-slot": "input-control",
-            get ["data-disabled"] () {
-                return isDisabled() ? "true" : "false";
-            },
-            get ["data-invalid"] () {
-                return isInvalid() ? "true" : "false";
-            }
-        }), false, true);
+        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.startIcon;
+                return local.startContent;
             },
             get children () {
                 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: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Input_classes_js_ac0fd06f__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Input_classes_js_ac0fd06f__.CLASSES.slot.iconStart)
-                    }), {
-                    "data-slot": "input-start-icon"
-                }), false, true);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.startIcon);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.startContent);
                 return _el$3;
             }
         }), _el$4);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get id () {
                 return inputId();
-            }
-        }, ()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__Input_classes_js_ac0fd06f__.CLASSES.slot.field
-            }), {
+            },
+            class: "input-field",
             get disabled () {
                 return isDisabled();
             },
@@ -119,19 +103,27 @@ 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.endIcon;
+                return local.endContent;
             },
             get children () {
-                var _el$5 = _tmpl$2();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Input_classes_js_ac0fd06f__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Input_classes_js_ac0fd06f__.CLASSES.slot.iconEnd)
-                    }), {
-                    "data-slot": "input-end-icon"
-                }), false, true);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.endIcon);
+                var _el$5 = _tmpl$3();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.endContent);
                 return _el$5;
             }
         }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+            var _v$ = controlClasses(), _v$2 = local.dataTheme, _v$3 = isDisabled() ? "true" : "false", _v$4 = isInvalid() ? "true" : "false";
+            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.e = _v$);
+            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "data-theme", _p$.t = _v$2);
+            _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "data-disabled", _p$.a = _v$3);
+            _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "data-invalid", _p$.o = _v$4);
+            return _p$;
+        }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0
+        });
         return _el$2;
     })();
 };
@@ -144,14 +136,14 @@ const InputLabel = (props)=>{
         "children"
     ]);
     return (()=>{
-        var _el$6 = _tmpl$4();
+        var _el$6 = _tmpl$5();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["for"] () {
                 return local.for ?? ctx?.fieldId();
-            }
-        }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Input_classes_js_ac0fd06f__.CLASSES.slot.label, local.class, local.className)
-            }), {
+            },
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("input-label", local.class, local.className);
+            },
             "data-slot": "input-label"
         }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
@@ -169,14 +161,14 @@ const InputHelper = (props)=>{
     ]);
     const invalid = ()=>Boolean(local.invalid) || Boolean(ctx?.isInvalid());
     return (()=>{
-        var _el$7 = _tmpl$5();
+        var _el$7 = _tmpl$6();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get id () {
                 return local.id ?? ctx?.helperId();
-            }
-        }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Input_classes_js_ac0fd06f__.CLASSES.slot.helper, invalid() && __WEBPACK_EXTERNAL_MODULE__Input_classes_js_ac0fd06f__.CLASSES.flag.helperInvalid, local.class, local.className)
-            }), {
+            },
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("input-helper", invalid() && "input-helper--invalid", local.class, local.className);
+            },
             "data-slot": "input-helper"
         }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.children);
@@ -251,10 +243,10 @@ const InputBase = (props)=>{
                     },
                     get ["aria-describedby"] () {
                         return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!hasHelper())() ? helperId() : void 0;
-                    }
-                }, ()=>({
-                        class: local.class
-                    }), {
+                    },
+                    get ["class"] () {
+                        return local.class;
+                    },
                     get className () {
                         return local.className;
                     },