@pathscale/ui 1.1.39 → 1.1.42

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

@@ -80,117 +80,121 @@ const PWAInstallPrompt = (props)=>{
         },
         get children () {
             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"], {
-                variant: "shadow",
-                get ["class"] () {
-                    return __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.card;
-                },
+            (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,
-                            get ["class"] () {
-                                return __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.closeButton;
-                            },
+                            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, {
-                            get ["class"] () {
-                                return __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.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"], {
+                                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",
-                                    get ["class"] () {
-                                        return __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.media;
-                                    },
+                                    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__.effect)((_p$)=>{
-                                                    var _v$ = __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.appIconWrap, _v$2 = appIcon(), _v$3 = appName(), _v$4 = __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.appIcon;
-                                                    _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$3, "src", _p$.t = _v$2);
-                                                    _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "alt", _p$.a = _v$3);
-                                                    _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.o = _v$4);
-                                                    return _p$;
-                                                }, {
-                                                    e: void 0,
-                                                    t: void 0,
-                                                    a: void 0,
-                                                    o: void 0
-                                                });
+                                                (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__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_42888a32__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
                                                 direction: "col",
-                                                gap: "sm",
-                                                get ["class"] () {
-                                                    return __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.textWrap;
-                                                },
+                                                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);
-                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.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);
-                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.description));
                                                             return _el$5;
                                                         })()
                                                     ];
                                                 }
-                                            })
+                                            }))
                                         ];
                                     }
-                                });
+                                }));
                             }
-                        }),
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_ff5173c9__["default"].Footer, {
-                            get ["class"] () {
-                                return __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"].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__button_index_js_573defba__["default"], {
-                                        variant: "primary",
-                                        get ["class"] () {
-                                            return __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.action;
-                                        },
+                                    (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 texts().installButton;
                                         }
-                                    }),
-                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_573defba__["default"], {
-                                        variant: "ghost",
-                                        get ["class"] () {
-                                            return __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.action;
-                                        },
+                                    })),
+                                    (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 texts().notNowButton;
                                         }
-                                    })
+                                    }))
                                 ];
                             }
-                        })
+                        }))
                     ];
                 }
-            }));
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, __WEBPACK_EXTERNAL_MODULE__ImmersiveLanding_classes_js_45581556__.CLASSES.pwaPrompt.dialog));
+            })));
             return _el$;
         }
     });

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.js

@@ -2,7 +2,8 @@ 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__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>");
+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>");
 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, [
@@ -31,10 +32,9 @@ 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, {
-                get ["class"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("input-root", fullWidth() && "input-root--full-width", local.class, local.className);
-                },
+            (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)
+                }), {
                 get ["data-theme"] () {
                     return local.dataTheme;
                 },
@@ -45,11 +45,6 @@ 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, [
@@ -72,15 +67,34 @@ 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)("input-control", SIZE_CLASS_MAP[size()], fullWidth() && "input-control--full-width", isDisabled() && "input-control--disabled", isInvalid() && "input-control--invalid", local.class, local.className);
+    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);
     return (()=>{
-        var _el$2 = _tmpl$4(), _el$4 = _el$2.firstChild;
+        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);
         (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;
             },
             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);
                 return _el$3;
             }
@@ -88,8 +102,10 @@ const InputField = (props)=>{
         (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: "input-field",
+            }
+        }, ()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Input_classes_js_ac0fd06f__.CLASSES.slot.field
+            }), {
             get disabled () {
                 return isDisabled();
             },
@@ -106,24 +122,16 @@ const InputField = (props)=>{
                 return local.endIcon;
             },
             get children () {
-                var _el$5 = _tmpl$3();
+                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);
                 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;
     })();
 };
@@ -136,14 +144,14 @@ const InputLabel = (props)=>{
         "children"
     ]);
     return (()=>{
-        var _el$6 = _tmpl$5();
+        var _el$6 = _tmpl$4();
         (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();
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("input-label", local.class, local.className);
-            },
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Input_classes_js_ac0fd06f__.CLASSES.slot.label, local.class, local.className)
+            }), {
             "data-slot": "input-label"
         }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
@@ -161,14 +169,14 @@ const InputHelper = (props)=>{
     ]);
     const invalid = ()=>Boolean(local.invalid) || Boolean(ctx?.isInvalid());
     return (()=>{
-        var _el$7 = _tmpl$6();
+        var _el$7 = _tmpl$5();
         (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();
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("input-helper", invalid() && "input-helper--invalid", local.class, local.className);
-            },
+            }
+        }, ()=>({
+                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)
+            }), {
             "data-slot": "input-helper"
         }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.children);
@@ -243,10 +251,10 @@ const InputBase = (props)=>{
                     },
                     get ["aria-describedby"] () {
                         return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!hasHelper())() ? helperId() : void 0;
-                    },
-                    get ["class"] () {
-                        return local.class;
-                    },
+                    }
+                }, ()=>({
+                        class: local.class
+                    }), {
                     get className () {
                         return local.className;
                     },

package/dist/components/input-group/InputGroup.js

@@ -53,10 +53,9 @@ const InputGroupRoot = (props)=>{
                 groupRef = node;
                 if ("function" == typeof local.ref) local.ref(node);
             }, _el$);
-            (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)(__WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Root.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Root.flag.fullWidth, local.class, local.className);
-                },
+            (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__InputGroup_classes_js_9b857fa5__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Root.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Root.flag.fullWidth, local.class, local.className)
+                }), {
                 "data-slot": "input-group",
                 get ["data-disabled"] () {
                     return isDisabled() ? "true" : void 0;
@@ -98,10 +97,9 @@ const InputGroupInput = (props)=>{
     const isInvalid = ()=>Boolean(local.isInvalid) || Boolean(context?.isInvalid());
     return (()=>{
         var _el$2 = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Input.base, local.class, local.className);
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Input.base, local.class, local.className)
+            }), {
             "data-slot": "input-group-input",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -137,10 +135,9 @@ const InputGroupTextArea = (props)=>{
     const isInvalid = ()=>Boolean(local.isInvalid) || Boolean(context?.isInvalid());
     return (()=>{
         var _el$3 = _tmpl$3();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Input.base, local.class, local.className);
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Input.base, local.class, local.className)
+            }), {
             "data-slot": "input-group-textarea",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -171,10 +168,9 @@ const InputGroupPrefix = (props)=>{
     ]);
     return (()=>{
         var _el$4 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Prefix.base, local.class, local.className);
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Prefix.base, local.class, local.className)
+            }), {
             "data-slot": "input-group-prefix",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -197,10 +193,9 @@ const InputGroupSuffix = (props)=>{
     ]);
     return (()=>{
         var _el$5 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Suffix.base, local.class, local.className);
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Suffix.base, local.class, local.className)
+            }), {
             "data-slot": "input-group-suffix",
             get ["data-theme"] () {
                 return local.dataTheme;