@pathscale/ui 1.1.40 → 1.1.43

package/dist/components/color-wheel-flower/ColorWheelFlower.js

@@ -9,7 +9,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__colorWheelFlowerContext_js_cc353a63__ fro
 import * as __WEBPACK_EXTERNAL_MODULE__ColorUtils_js_8c38ee50__ from "./ColorUtils.js";
 import * as __WEBPACK_EXTERNAL_MODULE__motion_index_js_58495715__ from "../../motion/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__ from "./ColorWheelFlower.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=color-wheel-flower><div><div><div></div></div><div><div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div><div><span></span><span>");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div><div><div></div></div><div><div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div><div><span></span><span>");
 const parseRgbToHsl = (rgbString)=>{
     const match = rgbString.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
     if (!match) return {
@@ -557,17 +557,48 @@ const ColorWheelFlower = (props)=>{
     const pickerValue = ()=>colors()[visualSelectedIndex()]?.hex;
     return (()=>{
         var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$3.nextSibling, _el$6 = _el$5.firstChild;
-        _el$.addEventListener("mouseleave", handlePointerLeave);
-        _el$.$$mousemove = handlePointerMove;
         var _ref$ = containerRef;
         "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$) : containerRef = _el$;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.base, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+                    [__WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.flag.disabled]: context.disabled()
+                }), local.class, local.className)
+            }), {
+            onMouseMove: handlePointerMove,
+            onMouseLeave: handlePointerLeave,
+            "data-slot": "color-wheel-flower",
+            get ["data-disabled"] () {
+                return context.disabled() ? "true" : "false";
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.rings
+            })), false, true);
+        (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__ColorWheelFlower_classes_js_01229d60__.CLASSES.ringShell.base, __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.ringShell.outer)
+            })), false, true);
         var _ref$2 = outerRingRef;
         "function" == typeof _ref$2 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$2, _el$4) : outerRingRef = _el$4;
-        _el$4.style.setProperty("transition", reduceMotion ? "none" : "background 450ms ease-in-out, box-shadow 300ms ease-out");
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__color_swatch_picker_index_js_d4d4ca4f__["default"], {
-            get ["class"] () {
-                return __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.picker;
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.ring.base, __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.ring.outer)
+            }), {
+            get style () {
+                return {
+                    background: outerRingBackground(),
+                    "box-shadow": outerRingGlow(),
+                    transition: reduceMotion ? "none" : "background 450ms ease-in-out, box-shadow 300ms ease-out"
+                };
+            }
+        }), false, false);
+        (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__ColorWheelFlower_classes_js_01229d60__.CLASSES.ringShell.base, __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.ringShell.inner)
+            })), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.ring.base, __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.ring.inner)
+            })), false, false);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__color_swatch_picker_index_js_d4d4ca4f__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.picker
+            }), {
             get value () {
                 return pickerValue();
             },
@@ -681,18 +712,44 @@ const ColorWheelFlower = (props)=>{
                         });
                         return (()=>{
                             var _el$7 = _tmpl$2(), _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling;
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                    class: __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.dot.base
+                                }), {
+                                get style () {
+                                    return {
+                                        left: `calc(50% + ${item.offsetX}px)`,
+                                        top: `calc(50% + ${item.offsetY}px)`
+                                    };
+                                }
+                            }), false, true);
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                    class: __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.dot.frame
+                                })), false, true);
                             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>{
                                 motionRef = el;
                             }, _el$9);
-                            _el$0.style.setProperty("transition", reduceMotion ? "none" : "opacity 200ms ease-out, box-shadow 200ms ease-out");
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__color_swatch_index_js_6938a92b__["default"], {
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                    class: __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.dot.motion
+                                })), false, true);
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                    class: __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.halo
+                                }), {
+                                get style () {
+                                    return {
+                                        opacity: glowOpacity(),
+                                        "box-shadow": `0 0 8px ${toRgba(item.rgb, 0.3)}, 0 0 3px rgba(255,255,255,0.35)`,
+                                        transition: reduceMotion ? "none" : "opacity 200ms ease-out, box-shadow 200ms ease-out"
+                                    };
+                                }
+                            }), false, false);
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__color_swatch_index_js_6938a92b__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
                                 get color () {
                                     return item.hex;
                                 },
-                                size: "lg",
-                                get ["class"] () {
-                                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.swatch.base, item.isCenter && __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.swatch.center);
-                                },
+                                size: "lg"
+                            }, ()=>({
+                                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.swatch.base, item.isCenter && __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.swatch.center)
+                                }), {
                                 get colorName () {
                                     return item.isCenter ? "Reset to neutral" : `Theme color ${item.hex}`;
                                 },
@@ -723,66 +780,18 @@ const ColorWheelFlower = (props)=>{
                                 onPointerCancel: ()=>{
                                     if (!context.disabled()) setPressedIndex(null);
                                 }
-                            }), _el$1);
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                                var _v$0 = __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.dot.base, _v$1 = `calc(50% + ${item.offsetX}px)`, _v$10 = `calc(50% + ${item.offsetY}px)`, _v$11 = __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.dot.frame, _v$12 = __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.dot.motion, _v$13 = __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.halo, _v$14 = glowOpacity(), _v$15 = `0 0 8px ${toRgba(item.rgb, 0.3)}, 0 0 3px rgba(255,255,255,0.35)`, _v$16 = (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(__WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.highlight.base, isHovered() && __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.highlight.hovered, isPulsing() && __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.highlight.pulsing);
-                                _v$0 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$7, _p$.e = _v$0);
-                                _v$1 !== _p$.t && (null != (_p$.t = _v$1) ? _el$7.style.setProperty("left", _v$1) : _el$7.style.removeProperty("left"));
-                                _v$10 !== _p$.a && (null != (_p$.a = _v$10) ? _el$7.style.setProperty("top", _v$10) : _el$7.style.removeProperty("top"));
-                                _v$11 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$8, _p$.o = _v$11);
-                                _v$12 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$9, _p$.i = _v$12);
-                                _v$13 !== _p$.n && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$0, _p$.n = _v$13);
-                                _v$14 !== _p$.s && (null != (_p$.s = _v$14) ? _el$0.style.setProperty("opacity", _v$14) : _el$0.style.removeProperty("opacity"));
-                                _v$15 !== _p$.h && (null != (_p$.h = _v$15) ? _el$0.style.setProperty("box-shadow", _v$15) : _el$0.style.removeProperty("box-shadow"));
-                                _v$16 !== _p$.r && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$1, _p$.r = _v$16);
-                                return _p$;
-                            }, {
-                                e: void 0,
-                                t: void 0,
-                                a: void 0,
-                                o: void 0,
-                                i: void 0,
-                                n: void 0,
-                                s: void 0,
-                                h: void 0,
-                                r: void 0
-                            });
+                            })), _el$1);
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$1, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                    class: (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(__WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.highlight.base, isHovered() && __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.highlight.hovered, isPulsing() && __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.highlight.pulsing)
+                                })), false, false);
                             return _el$7;
                         })();
                     }
                 });
             }
-        }), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.base, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-                [__WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.flag.disabled]: context.disabled()
-            }), local.class, local.className), _v$2 = context.disabled() ? "true" : "false", _v$3 = __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.rings, _v$4 = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.ringShell.base, __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.ringShell.outer), _v$5 = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.ring.base, __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.ring.outer), _v$6 = outerRingBackground(), _v$7 = outerRingGlow(), _v$8 = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.ringShell.base, __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.ringShell.inner), _v$9 = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.ring.base, __WEBPACK_EXTERNAL_MODULE__ColorWheelFlower_classes_js_01229d60__.CLASSES.ring.inner);
-            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$);
-            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-disabled", _p$.t = _v$2);
-            _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.a = _v$3);
-            _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.o = _v$4);
-            _v$5 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, _p$.i = _v$5);
-            _v$6 !== _p$.n && (null != (_p$.n = _v$6) ? _el$4.style.setProperty("background", _v$6) : _el$4.style.removeProperty("background"));
-            _v$7 !== _p$.s && (null != (_p$.s = _v$7) ? _el$4.style.setProperty("box-shadow", _v$7) : _el$4.style.removeProperty("box-shadow"));
-            _v$8 !== _p$.h && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.h = _v$8);
-            _v$9 !== _p$.r && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, _p$.r = _v$9);
-            return _p$;
-        }, {
-            e: void 0,
-            t: void 0,
-            a: void 0,
-            o: void 0,
-            i: void 0,
-            n: void 0,
-            s: void 0,
-            h: void 0,
-            r: void 0
-        });
+        })), null);
         return _el$;
     })();
 };
 const color_wheel_flower_ColorWheelFlower = ColorWheelFlower;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "mousemove"
-]);
 export { color_wheel_flower_ColorWheelFlower as default };

package/dist/components/combo-box/ComboBox.js

@@ -3,7 +3,7 @@ import "./ComboBox.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__ComboBox_classes_js_713bff32__ from "./ComboBox.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input type=hidden>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=combobox-start-icon>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=combobox-trigger-start-icon>"), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=combobox-trigger-end-icon>"), _tmpl$8 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=combobox-empty-state>No matching options"), _tmpl$9 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=option tabindex=-1 data-slot=combobox-option><span>"), _tmpl$0 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span aria-hidden=true><span data-slot=combobox-option-end-icon>");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input type=hidden>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>No matching options"), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=option tabindex=-1 data-slot=combobox-option><span>"), _tmpl$8 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span><span>");
 const ComboBoxContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
 const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
@@ -240,10 +240,9 @@ const ComboBoxRoot = (props)=>{
                 rootRef = 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__ComboBox_classes_js_713bff32__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Root.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.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__ComboBox_classes_js_713bff32__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Root.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Root.flag.fullWidth, local.class, local.className)
+                }), {
                 "data-slot": "combobox",
                 get ["data-open"] () {
                     return isOpen() ? "true" : "false";
@@ -289,8 +288,12 @@ const ComboBoxRoot = (props)=>{
                                     },
                                     get children () {
                                         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)(()=>({
+                                                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.base, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.start)
+                                            }), {
+                                            "data-slot": "combobox-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__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.base, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.start)));
                                         return _el$3;
                                     }
                                 }),
@@ -331,10 +334,9 @@ const ComboBoxInputGroup = (props)=>{
     ]);
     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)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.InputGroup.base, context?.fullWidth() && __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.InputGroup.flag.fullWidth, 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__ComboBox_classes_js_713bff32__.CLASSES.InputGroup.base, context?.fullWidth() && __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.InputGroup.flag.fullWidth, local.class, local.className)
+            }), {
             "data-slot": "combobox-input-group",
             get ["data-disabled"] () {
                 return context?.isDisabled() ? "true" : void 0;
@@ -458,10 +460,10 @@ const ComboBoxInput = (props)=>{
             },
             get ["aria-invalid"] () {
                 return context?.isInvalid() ? "true" : void 0;
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Input.base, local.class, local.className);
-            },
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Input.base, local.class, local.className)
+            }), {
             "data-slot": "combobox-input",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -506,10 +508,10 @@ const ComboBoxTrigger = (props)=>{
     return (()=>{
         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, {
-            type: "button",
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Trigger.base, local.class, local.className);
-            },
+            type: "button"
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Trigger.base, local.class, local.className)
+            }), {
             "data-slot": "combobox-trigger",
             get ["data-open"] () {
                 return context?.isOpen() ? "true" : "false";
@@ -539,9 +541,13 @@ const ComboBoxTrigger = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (()=>{
             var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.startIcon);
             return ()=>_c$() ? (()=>{
-                    var _el$7 = _tmpl$6();
+                    var _el$7 = _tmpl$3();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.base, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.start)
+                        }), {
+                        "data-slot": "combobox-trigger-start-icon"
+                    }), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.startIcon);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.base, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.start)));
                     return _el$7;
                 })() : null;
         })(), null);
@@ -549,9 +555,13 @@ const ComboBoxTrigger = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (()=>{
             var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.endIcon);
             return ()=>_c$2() ? (()=>{
-                    var _el$8 = _tmpl$7();
+                    var _el$8 = _tmpl$3();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.base, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.end, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Trigger.icon)
+                        }), {
+                        "data-slot": "combobox-trigger-end-icon"
+                    }), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>local.endIcon);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.base, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.end, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Trigger.icon)));
                     return _el$8;
                 })() : null;
         })(), null);
@@ -569,10 +579,9 @@ const ComboBoxPopover = (props)=>{
     ]);
     return (()=>{
         var _el$9 = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Popover.base, local.class, local.className);
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Popover.base, local.class, local.className)
+            }), {
             "data-slot": "combobox-popover",
             get ["data-open"] () {
                 return context?.isOpen() ? "true" : "false";
@@ -606,10 +615,10 @@ const ComboBoxList = (props)=>{
             get id () {
                 return context?.listBoxId;
             },
-            role: "listbox",
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.List.base, local.class, local.className);
-            },
+            role: "listbox"
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.List.base, local.class, local.className)
+            }), {
             "data-slot": "combobox-list",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -624,8 +633,12 @@ const ComboBoxList = (props)=>{
             },
             get fallback () {
                 return local.renderEmptyState?.() ?? (()=>{
-                    var _el$1 = _tmpl$8();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$1, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.List.empty));
+                    var _el$1 = _tmpl$6();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$1, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.List.empty
+                        }), {
+                        "data-slot": "combobox-empty-state"
+                    }), false, true);
                     return _el$1;
                 })();
             },
@@ -646,16 +659,45 @@ const ComboBoxList = (props)=>{
                             item: item.item
                         };
                         return (()=>{
-                            var _el$10 = _tmpl$9(), _el$11 = _el$10.firstChild;
-                            _el$10.$$click = ()=>{
-                                if (item.disabled) return;
-                                context?.selectKey(item.key);
-                            };
-                            _el$10.addEventListener("mouseenter", ()=>{
-                                if (item.disabled) return;
-                                context?.setActiveKey(item.key);
-                            });
-                            _el$10.$$mousedown = (event)=>event.preventDefault();
+                            var _el$10 = _tmpl$7(), _el$11 = _el$10.firstChild;
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$10, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                                get id () {
+                                    return context?.getOptionId(item.key);
+                                },
+                                get ["aria-selected"] () {
+                                    return selected() ? "true" : "false";
+                                },
+                                get ["aria-disabled"] () {
+                                    return item.disabled ? "true" : void 0;
+                                },
+                                get ["data-key"] () {
+                                    return item.key;
+                                },
+                                get ["data-selected"] () {
+                                    return selected() ? "true" : "false";
+                                },
+                                get ["data-active"] () {
+                                    return active() ? "true" : "false";
+                                },
+                                get ["data-disabled"] () {
+                                    return item.disabled ? "true" : "false";
+                                }
+                            }, ()=>({
+                                    class: __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Option.base
+                                }), {
+                                onMouseDown: (event)=>event.preventDefault(),
+                                onMouseEnter: ()=>{
+                                    if (item.disabled) return;
+                                    context?.setActiveKey(item.key);
+                                },
+                                onClick: ()=>{
+                                    if (item.disabled) return;
+                                    context?.selectKey(item.key);
+                                }
+                            }), false, true);
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$11, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                    class: __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Option.label
+                                })), false, true);
                             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, (()=>{
                                 var _c$3 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"function" == typeof local.children);
                                 return ()=>_c$3() ? local.children(state) : item.textValue;
@@ -663,43 +705,21 @@ const ComboBoxList = (props)=>{
                             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, (()=>{
                                 var _c$4 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.endIcon);
                                 return ()=>_c$4() ? (()=>{
-                                        var _el$12 = _tmpl$0(), _el$13 = _el$12.firstChild;
+                                        var _el$12 = _tmpl$8(), _el$13 = _el$12.firstChild;
+                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                                class: __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Option.indicator
+                                            }), {
+                                            "aria-hidden": "true"
+                                        }), false, true);
+                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.base, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.end)
+                                            }), {
+                                            "data-slot": "combobox-option-end-icon"
+                                        }), false, true);
                                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, ()=>local.endIcon);
-                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                                            var _v$0 = __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Option.indicator, _v$1 = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.base, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.end);
-                                            _v$0 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$12, _p$.e = _v$0);
-                                            _v$1 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$13, _p$.t = _v$1);
-                                            return _p$;
-                                        }, {
-                                            e: void 0,
-                                            t: void 0
-                                        });
                                         return _el$12;
                                     })() : null;
                             })(), null);
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                                var _v$ = context?.getOptionId(item.key), _v$2 = selected() ? "true" : "false", _v$3 = item.disabled ? "true" : void 0, _v$4 = item.key, _v$5 = selected() ? "true" : "false", _v$6 = active() ? "true" : "false", _v$7 = item.disabled ? "true" : "false", _v$8 = __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Option.base, _v$9 = __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Option.label;
-                                _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "id", _p$.e = _v$);
-                                _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "aria-selected", _p$.t = _v$2);
-                                _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "aria-disabled", _p$.a = _v$3);
-                                _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "data-key", _p$.o = _v$4);
-                                _v$5 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "data-selected", _p$.i = _v$5);
-                                _v$6 !== _p$.n && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "data-active", _p$.n = _v$6);
-                                _v$7 !== _p$.s && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "data-disabled", _p$.s = _v$7);
-                                _v$8 !== _p$.h && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$10, _p$.h = _v$8);
-                                _v$9 !== _p$.r && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$11, _p$.r = _v$9);
-                                return _p$;
-                            }, {
-                                e: void 0,
-                                t: void 0,
-                                a: void 0,
-                                o: void 0,
-                                i: void 0,
-                                n: void 0,
-                                s: void 0,
-                                h: void 0,
-                                r: void 0
-                            });
                             return _el$10;
                         })();
                     }
@@ -718,8 +738,4 @@ const ComboBox = Object.assign(ComboBoxRoot, {
     List: ComboBoxList
 });
 const combo_box_ComboBox = ComboBox;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "mousedown",
-    "click"
-]);
 export { ComboBox, ComboBoxInput, ComboBoxInputGroup, ComboBoxList, ComboBoxPopover, ComboBoxRoot, ComboBoxTrigger, combo_box_ComboBox as default };

package/dist/components/date-field/DateField.js

@@ -62,10 +62,9 @@ const DateFieldRoot = (props)=>{
         value: contextValue,
         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)(__WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Root.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.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__DateField_classes_js_5a4dc420__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Root.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Root.flag.fullWidth, local.class, local.className)
+                }), {
                 "data-slot": "date-field",
                 get ["data-invalid"] () {
                     return isInvalid() ? "true" : void 0;
@@ -118,10 +117,9 @@ const DateFieldGroup = (props)=>{
         });
     return (()=>{
         var _el$2 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Group.base, __WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Group.variant[context?.variant() ?? "primary"], context?.fullWidth() && __WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Group.flag.fullWidth, 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__DateField_classes_js_5a4dc420__.CLASSES.Group.base, __WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Group.variant[context?.variant() ?? "primary"], context?.fullWidth() && __WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Group.flag.fullWidth, local.class, local.className)
+            }), {
             "data-slot": "date-input-group",
             get ["data-invalid"] () {
                 return context?.isInvalid() ? "true" : void 0;
@@ -166,10 +164,10 @@ const DateFieldInput = (props)=>{
     return (()=>{
         var _el$3 = _tmpl$2();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            type: "date",
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Input.base, local.class, local.className);
-            },
+            type: "date"
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Input.base, local.class, local.className)
+            }), {
             "data-slot": "date-input-group-input",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -211,10 +209,9 @@ const DateFieldInputContainer = (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__DateField_classes_js_5a4dc420__.CLASSES.InputContainer.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__DateField_classes_js_5a4dc420__.CLASSES.InputContainer.base, local.class, local.className)
+            }), {
             "data-slot": "date-input-group-input-container",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -238,10 +235,9 @@ const DateFieldSegment = (props)=>{
     ]);
     return (()=>{
         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)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Segment.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__DateField_classes_js_5a4dc420__.CLASSES.Segment.base, local.class, local.className)
+            }), {
             "data-slot": "date-input-group-segment",
             get ["data-type"] () {
                 return local.segment?.type;
@@ -279,10 +275,9 @@ const DateFieldPrefix = (props)=>{
     ]);
     return (()=>{
         var _el$6 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Prefix.base, local.class, local.className);
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Prefix.base, local.class, local.className)
+            }), {
             "data-slot": "date-input-group-prefix",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -305,10 +300,9 @@ const DateFieldSuffix = (props)=>{
     ]);
     return (()=>{
         var _el$7 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Suffix.base, local.class, local.className);
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Suffix.base, local.class, local.className)
+            }), {
             "data-slot": "date-input-group-suffix",
             get ["data-theme"] () {
                 return local.dataTheme;