@pathscale/ui 1.1.39 → 1.1.42

package/dist/components/tag/Tag.js

@@ -5,7 +5,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-m
 import * as __WEBPACK_EXTERNAL_MODULE__close_button_index_js_620c3b77__ from "../close-button/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__tag_group_context_js_fcbb3264__ from "../tag-group/context.js";
 import * as __WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__ from "./Tag.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 data-slot=tag-start-icon>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=tag-end-icon>");
+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>");
 const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
     if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
@@ -92,10 +92,9 @@ const TagRoot = (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)(__WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.Root.size[size()], __WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.Root.variant[variant()], 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__Tag_classes_js_e42200b9__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.Root.size[size()], __WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.Root.variant[variant()], local.class, local.className)
+                }), {
                 "data-slot": "tag",
                 get ["data-theme"] () {
                     return local.dataTheme;
@@ -145,8 +144,12 @@ const TagRoot = (props)=>{
                             },
                             get children () {
                                 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)(()=>({
+                                        class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.slot.iconStart)
+                                    }), {
+                                    "data-slot": "tag-start-icon"
+                                }), false, true);
                                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.startIcon);
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.slot.iconStart)));
                                 return _el$2;
                             }
                         }),
@@ -168,9 +171,13 @@ const TagRoot = (props)=>{
                                 return !allowsRemoving() && local.endIcon;
                             },
                             get children () {
-                                var _el$3 = _tmpl$3();
+                                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__Tag_classes_js_e42200b9__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.slot.iconEnd)
+                                    }), {
+                                    "data-slot": "tag-end-icon"
+                                }), false, true);
                                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.endIcon);
-                                (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__Tag_classes_js_e42200b9__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.slot.iconEnd)));
                                 return _el$3;
                             }
                         })
@@ -207,10 +214,10 @@ const TagRemoveButton = (props)=>{
     return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__close_button_index_js_620c3b77__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
         get ["aria-label"] () {
             return local["aria-label"] ?? "Remove tag";
-        },
-        get ["class"] () {
-            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.slot.removeButton, local.class, local.className);
-        },
+        }
+    }, ()=>({
+            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.slot.removeButton, local.class, local.className)
+        }), {
         "data-slot": "tag-remove-button",
         get ["data-theme"] () {
             return local.dataTheme;

package/dist/components/tag-group/TagGroup.js

@@ -105,10 +105,10 @@ const TagGroupRoot = (props)=>{
                 },
                 get ["aria-disabled"] () {
                     return isDisabled() ? "true" : void 0;
-                },
-                get ["class"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TagGroup_classes_js_5288e22c__.CLASSES.Root.base, local.class, local.className);
-                },
+                }
+            }, ()=>({
+                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TagGroup_classes_js_5288e22c__.CLASSES.Root.base, local.class, local.className)
+                }), {
                 get style () {
                     return local.style;
                 }
@@ -158,10 +158,10 @@ const TagGroupList = (props)=>{
             "data-slot": "tag-group-list",
             get ["data-theme"] () {
                 return local.dataTheme;
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TagGroup_classes_js_5288e22c__.CLASSES.List.base, local.class, local.className);
-            },
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TagGroup_classes_js_5288e22c__.CLASSES.List.base, local.class, local.className)
+            }), {
             get style () {
                 return local.style;
             }

package/dist/components/text/Text.js

@@ -18,10 +18,9 @@ const TextRoot = (props)=>{
     const variant = ()=>local.variant ?? "default";
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Text_classes_js_9c0bb3e7__.CLASSES.base, 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__Text_classes_js_9c0bb3e7__.CLASSES.base, local.class, local.className)
+            }), {
             "data-slot": "text",
             get ["data-size"] () {
                 return size();

package/dist/components/textarea/Textarea.classes.d.ts

@@ -0,0 +1,3 @@
+export declare const CLASSES: {
+    readonly base: "";
+};

package/dist/components/textarea/Textarea.classes.js

@@ -0,0 +1,4 @@
+const CLASSES = {
+    base: ""
+};
+export { CLASSES };

package/dist/components/textarea/Textarea.js

@@ -2,16 +2,15 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 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__text_area_index_js_555b41ee__ from "../text-area/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Textarea_classes_js_3c5029bc__ from "./Textarea.classes.js";
 const TextareaRoot = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "class",
         "className"
     ]);
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__text_area_index_js_555b41ee__.TextAreaRoot, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-        get ["class"] () {
-            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.class, local.className);
-        }
-    }));
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__text_area_index_js_555b41ee__.TextAreaRoot, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Textarea_classes_js_3c5029bc__.CLASSES.base, local.class, local.className)
+        })));
 };
 const Textarea = Object.assign(TextareaRoot, {
     Root: TextareaRoot

package/dist/components/theme-color-picker/ThemeColorPicker.classes.d.ts

@@ -0,0 +1,10 @@
+export declare const CLASSES: {
+    readonly base: "relative";
+    readonly iconActive: "text-primary";
+    readonly popover: "absolute right-0 z-50 mt-2 rounded-lg bg-base-200/80 p-4 shadow-xl backdrop-blur-sm";
+    readonly row: "flex items-center gap-3";
+    readonly wheelWrap: "flex justify-center";
+    readonly wheelCustom: "color-wheel-custom";
+    readonly grayscaleList: "flex flex-col gap-1.5";
+    readonly swatchButton: "h-6 w-6 rounded-full border border-white/20 transition-transform hover:scale-110";
+};

package/dist/components/theme-color-picker/ThemeColorPicker.classes.js

@@ -0,0 +1,11 @@
+const CLASSES = {
+    base: "relative",
+    iconActive: "text-primary",
+    popover: "absolute right-0 z-50 mt-2 rounded-lg bg-base-200/80 p-4 shadow-xl backdrop-blur-sm",
+    row: "flex items-center gap-3",
+    wheelWrap: "flex justify-center",
+    wheelCustom: "color-wheel-custom",
+    grayscaleList: "flex flex-col gap-1.5",
+    swatchButton: "h-6 w-6 rounded-full border border-white/20 transition-transform hover:scale-110"
+};
+export { CLASSES };

package/dist/components/theme-color-picker/ThemeColorPicker.js

@@ -1,13 +1,13 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
 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_clsx__ from "clsx";
 import * as __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_index_js_cbe90990__ from "../color-wheel-flower/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__ from "../color-wheel-flower/ColorUtils.js";
 import * as __WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__ from "../button/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__ from "../icon/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__hueShift_js_ca4235e5__ from "./hueShift.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex items-center gap-3"><div class="flex justify-center"></div><div class="flex flex-col gap-1.5">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="absolute right-0 z-50 mt-2 rounded-lg bg-base-200/80 p-4 shadow-xl backdrop-blur-sm">'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button class="h-6 w-6 rounded-full border border-white/20 transition-transform hover:scale-110">');
+import * as __WEBPACK_EXTERNAL_MODULE__ThemeColorPicker_classes_js_79a82485__ from "./ThemeColorPicker.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div></div><div>"), _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)("<button type=button>");
 function hexToColorValue(hex) {
     if (null === hex) return (0, __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__.createColorFromHsl)(0, 0, 100, 1);
     return (0, __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__.parseColor)(hex) ?? (0, __WEBPACK_EXTERNAL_MODULE__color_wheel_flower_ColorUtils_js_abf9b965__.createColorFromHsl)(0, 0, 100, 1);
@@ -105,20 +105,19 @@ const ThemeColorPicker_ThemeColorPicker = (props)=>{
             onChange: handleColorChange,
             onFormatChange: ()=>{}
         });
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("relative", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(local.class, local.className));
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ThemeColorPicker_classes_js_79a82485__.CLASSES.base, local.class, local.className);
     return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
         get when () {
             return featureAvailable();
         },
         get children () {
-            var _el$ = _tmpl$3();
-            _el$.$$keydown = handleKeyDown;
+            var _el$ = _tmpl$2();
             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)({
-                get ["class"] () {
-                    return classes();
-                },
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                    class: classes()
+                }), {
+                onKeyDown: handleKeyDown,
                 get style () {
                     return local.style;
                 }
@@ -135,14 +134,13 @@ const ThemeColorPicker_ThemeColorPicker = (props)=>{
                     return isOpen();
                 },
                 get children () {
-                    return local.children ?? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
+                    return local.children ?? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
                         name: "icon-[mdi--palette]",
                         width: 16,
-                        height: 16,
-                        get ["class"] () {
-                            return null !== store.themeColor() ? "text-primary" : void 0;
-                        }
-                    });
+                        height: 16
+                    }, ()=>({
+                            class: null !== store.themeColor() ? __WEBPACK_EXTERNAL_MODULE__ThemeColorPicker_classes_js_79a82485__.CLASSES.iconActive : void 0
+                        })));
                 }
             }), null);
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
@@ -151,29 +149,44 @@ const ThemeColorPicker_ThemeColorPicker = (props)=>{
                 },
                 get children () {
                     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)(()=>({
+                            class: __WEBPACK_EXTERNAL_MODULE__ThemeColorPicker_classes_js_79a82485__.CLASSES.popover
+                        })), 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__color_wheel_flower_index_js_cbe90990__.ColorPickerContext.Provider, {
                         get value () {
                             return contextValue();
                         },
                         get children () {
                             var _el$3 = _tmpl$(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__color_wheel_flower_index_js_cbe90990__.ColorWheelFlower, {
-                                class: "color-wheel-custom"
-                            }));
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                    class: __WEBPACK_EXTERNAL_MODULE__ThemeColorPicker_classes_js_79a82485__.CLASSES.row
+                                })), false, true);
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                    class: __WEBPACK_EXTERNAL_MODULE__ThemeColorPicker_classes_js_79a82485__.CLASSES.wheelWrap
+                                })), false, true);
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__color_wheel_flower_index_js_cbe90990__.ColorWheelFlower, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                    class: __WEBPACK_EXTERNAL_MODULE__ThemeColorPicker_classes_js_79a82485__.CLASSES.wheelCustom
+                                }))));
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                    class: __WEBPACK_EXTERNAL_MODULE__ThemeColorPicker_classes_js_79a82485__.CLASSES.grayscaleList
+                                })), false, true);
                             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
                                 each: GRAYSCALE_SWATCHES,
                                 children: (g)=>(()=>{
-                                        var _el$6 = _tmpl$4();
-                                        _el$6.$$click = ()=>handleGrayscale(g);
-                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                                            var _v$ = `${g.hex}`, _v$2 = g.label;
-                                            _v$ !== _p$.e && (null != (_p$.e = _v$) ? _el$6.style.setProperty("background-color", _v$) : _el$6.style.removeProperty("background-color"));
-                                            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-label", _p$.t = _v$2);
-                                            return _p$;
-                                        }, {
-                                            e: void 0,
-                                            t: void 0
-                                        });
+                                        var _el$6 = _tmpl$3();
+                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                                class: __WEBPACK_EXTERNAL_MODULE__ThemeColorPicker_classes_js_79a82485__.CLASSES.swatchButton
+                                            }), {
+                                            get style () {
+                                                return {
+                                                    "background-color": `${g.hex}`
+                                                };
+                                            },
+                                            get ["aria-label"] () {
+                                                return g.label;
+                                            },
+                                            onClick: ()=>handleGrayscale(g)
+                                        }), false, false);
                                         return _el$6;
                                     })()
                             }));
@@ -188,8 +201,4 @@ const ThemeColorPicker_ThemeColorPicker = (props)=>{
     });
 };
 const ThemeColorPicker = ThemeColorPicker_ThemeColorPicker;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "keydown",
-    "click"
-]);
 export { ThemeColorPicker as default };

package/dist/components/time-field/TimeField.js

@@ -62,10 +62,9 @@ const TimeFieldRoot = (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__TimeField_classes_js_ec713282__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__TimeField_classes_js_ec713282__.CLASSES.Root.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__TimeField_classes_js_ec713282__.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__TimeField_classes_js_ec713282__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__TimeField_classes_js_ec713282__.CLASSES.Root.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__TimeField_classes_js_ec713282__.CLASSES.Root.flag.fullWidth, local.class, local.className)
+                }), {
                 "data-slot": "time-field",
                 get ["data-invalid"] () {
                     return isInvalid() ? "true" : void 0;
@@ -118,10 +117,9 @@ const TimeFieldGroup = (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__TimeField_classes_js_ec713282__.CLASSES.Group.base, __WEBPACK_EXTERNAL_MODULE__TimeField_classes_js_ec713282__.CLASSES.Group.variant[context?.variant() ?? "primary"], context?.fullWidth() && __WEBPACK_EXTERNAL_MODULE__TimeField_classes_js_ec713282__.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__TimeField_classes_js_ec713282__.CLASSES.Group.base, __WEBPACK_EXTERNAL_MODULE__TimeField_classes_js_ec713282__.CLASSES.Group.variant[context?.variant() ?? "primary"], context?.fullWidth() && __WEBPACK_EXTERNAL_MODULE__TimeField_classes_js_ec713282__.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 TimeFieldInput = (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: "time",
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TimeField_classes_js_ec713282__.CLASSES.Input.base, local.class, local.className);
-            },
+            type: "time"
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TimeField_classes_js_ec713282__.CLASSES.Input.base, local.class, local.className)
+            }), {
             "data-slot": "date-input-group-input",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -211,10 +209,9 @@ const TimeFieldInputContainer = (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__TimeField_classes_js_ec713282__.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__TimeField_classes_js_ec713282__.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 TimeFieldSegment = (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__TimeField_classes_js_ec713282__.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__TimeField_classes_js_ec713282__.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 TimeFieldPrefix = (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__TimeField_classes_js_ec713282__.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__TimeField_classes_js_ec713282__.CLASSES.Prefix.base, local.class, local.className)
+            }), {
             "data-slot": "date-input-group-prefix",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -305,10 +300,9 @@ const TimeFieldSuffix = (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__TimeField_classes_js_ec713282__.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__TimeField_classes_js_ec713282__.CLASSES.Suffix.base, local.class, local.className)
+            }), {
             "data-slot": "date-input-group-suffix",
             get ["data-theme"] () {
                 return local.dataTheme;