@pathscale/ui 1.1.39 → 1.1.42

package/dist/components/card/Card.js

@@ -33,10 +33,9 @@ const CardRoot = (props)=>{
     };
     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__Card_classes_js_d234b054__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__Card_classes_js_d234b054__.CLASSES.Root.variant[variant()], local.isHoverable && __WEBPACK_EXTERNAL_MODULE__Card_classes_js_d234b054__.CLASSES.Root.flag.isHoverable, local.isPressable && __WEBPACK_EXTERNAL_MODULE__Card_classes_js_d234b054__.CLASSES.Root.flag.isPressable, 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__Card_classes_js_d234b054__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__Card_classes_js_d234b054__.CLASSES.Root.variant[variant()], local.isHoverable && __WEBPACK_EXTERNAL_MODULE__Card_classes_js_d234b054__.CLASSES.Root.flag.isHoverable, local.isPressable && __WEBPACK_EXTERNAL_MODULE__Card_classes_js_d234b054__.CLASSES.Root.flag.isPressable, local.class, local.className)
+            }), {
             "data-slot": "card",
             get ["data-variant"] () {
                 return variant();
@@ -75,10 +74,9 @@ const CardHeader = (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__Card_classes_js_d234b054__.CLASSES.Header.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__Card_classes_js_d234b054__.CLASSES.Header.base, local.class, local.className)
+            }), {
             "data-slot": "card-header",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -101,10 +99,9 @@ const CardBody = (props)=>{
     ]);
     return (()=>{
         var _el$3 = _tmpl$();
-        (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__Card_classes_js_d234b054__.CLASSES.Body.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__Card_classes_js_d234b054__.CLASSES.Body.base, local.class, local.className)
+            }), {
             "data-slot": "card-body",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -127,10 +124,9 @@ const CardFooter = (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__Card_classes_js_d234b054__.CLASSES.Footer.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__Card_classes_js_d234b054__.CLASSES.Footer.base, local.class, local.className)
+            }), {
             "data-slot": "card-footer",
             get ["data-theme"] () {
                 return local.dataTheme;

package/dist/components/chatbubble/ChatBubble.js

@@ -23,10 +23,10 @@ const ChatBubble = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["data-theme"] () {
                 return local.dataTheme;
-            },
-            get ["class"] () {
-                return classes();
-            },
+            }
+        }, ()=>({
+                class: classes()
+            }), {
             get style () {
                 return local.style;
             }

package/dist/components/chatbubble/ChatBubbleAvatar.js

@@ -2,7 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
 import * as __WEBPACK_EXTERNAL_MODULE__avatar_index_js_ad25bec4__ from "../avatar/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__ChatBubble_classes_js_4ceb888a__ from "./ChatBubble.classes.js";
-const ChatBubbleAvatar = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__avatar_index_js_ad25bec4__["default"], {
+const ChatBubbleAvatar = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__avatar_index_js_ad25bec4__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
         get size () {
             return props.size ?? "sm";
         },
@@ -11,10 +11,10 @@ const ChatBubbleAvatar = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d
         },
         get variant () {
             return props.variant;
-        },
-        get ["class"] () {
-            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ChatBubble_classes_js_4ceb888a__.CLASSES.slot.avatar, props.class, props.className);
-        },
+        }
+    }, ()=>({
+            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ChatBubble_classes_js_4ceb888a__.CLASSES.slot.avatar, props.class, props.className)
+        }), {
         get dataTheme () {
             return props.dataTheme;
         },
@@ -38,6 +38,6 @@ const ChatBubbleAvatar = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d
                 })
             ];
         }
-    });
+    }));
 const chatbubble_ChatBubbleAvatar = ChatBubbleAvatar;
 export { chatbubble_ChatBubbleAvatar as default };

package/dist/components/chatbubble/ChatBubbleFooter.js

@@ -10,11 +10,9 @@ const ChatBubbleFooter = (props)=>{
     ]);
     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__ChatBubble_classes_js_4ceb888a__.CLASSES.slot.footer, local.class, local.className);
-            }
-        }), false, false);
+        (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__ChatBubble_classes_js_4ceb888a__.CLASSES.slot.footer, local.class, local.className)
+            })), false, false);
         return _el$;
     })();
 };

package/dist/components/chatbubble/ChatBubbleHeader.js

@@ -10,11 +10,9 @@ const ChatBubbleHeader_ChatBubbleHeader = (props)=>{
     ]);
     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__ChatBubble_classes_js_4ceb888a__.CLASSES.slot.header, local.class, local.className);
-            }
-        }), false, false);
+        (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__ChatBubble_classes_js_4ceb888a__.CLASSES.slot.header, local.class, local.className)
+            })), false, false);
         return _el$;
     })();
 };

package/dist/components/chatbubble/ChatBubbleTime.js

@@ -10,11 +10,9 @@ const ChatBubbleTime = (props)=>{
     ]);
     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__ChatBubble_classes_js_4ceb888a__.CLASSES.slot.time, local.class, local.className);
-            }
-        }), false, false);
+        (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__ChatBubble_classes_js_4ceb888a__.CLASSES.slot.time, local.class, local.className)
+            })), false, false);
         return _el$;
     })();
 };

package/dist/components/checkbox/Checkbox.classes.d.ts

@@ -0,0 +1,17 @@
+export declare const CLASSES: {
+    readonly base: "checkbox";
+    readonly slot: {
+        readonly input: "checkbox__input";
+        readonly control: "checkbox__control";
+        readonly indicator: "checkbox__indicator";
+        readonly content: "checkbox__content";
+        readonly description: "checkbox__description";
+    };
+    readonly variant: {
+        readonly primary: "checkbox--primary";
+        readonly secondary: "checkbox--secondary";
+    };
+    readonly flag: {
+        readonly disabled: "checkbox--disabled";
+    };
+};

package/dist/components/checkbox/Checkbox.classes.js

@@ -0,0 +1,18 @@
+const CLASSES = {
+    base: "checkbox",
+    slot: {
+        input: "checkbox__input",
+        control: "checkbox__control",
+        indicator: "checkbox__indicator",
+        content: "checkbox__content",
+        description: "checkbox__description"
+    },
+    variant: {
+        primary: "checkbox--primary",
+        secondary: "checkbox--secondary"
+    },
+    flag: {
+        disabled: "checkbox--disabled"
+    }
+};
+export { CLASSES };

package/dist/components/checkbox/Checkbox.js

@@ -3,15 +3,12 @@ import "./Checkbox.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__checkbox_group_context_js_31d5d7d2__ from "../checkbox-group/context.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=checkbox-default-indicator--indeterminate fill=none role=presentation stroke=currentColor stroke-linecap=round stroke-width=3 viewBox="0 0 24 24"><line x1=21 x2=3 y1=12 y2=12>'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=label>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=checkbox__description data-slot=description>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=checkbox__content data-slot=checkbox-content>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label data-slot=checkbox><input><span class=checkbox__control data-slot=checkbox-control aria-hidden=true><span class=checkbox__indicator data-slot=checkbox-indicator>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=checkbox-default-indicator--checkmark fill=none role=presentation stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 17 18"><polyline points="1 9 7 14 15 4">');
+import * as __WEBPACK_EXTERNAL_MODULE__Checkbox_classes_js_b04c974d__ from "./Checkbox.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=checkbox-default-indicator--indeterminate fill=none role=presentation stroke=currentColor stroke-linecap=round stroke-width=3 viewBox="0 0 24 24"><line x1=21 x2=3 y1=12 y2=12>'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=label>"), _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)("<label><input><span><span>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=checkbox-default-indicator--checkmark fill=none role=presentation stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 17 18"><polyline points="1 9 7 14 15 4">');
 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);
 };
-const VARIANT_CLASS_MAP = {
-    primary: "checkbox--primary",
-    secondary: "checkbox--secondary"
-};
 const Checkbox_Checkbox = (props)=>{
     let inputRef;
     const group = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(__WEBPACK_EXTERNAL_MODULE__checkbox_group_context_js_31d5d7d2__.CheckboxGroupContext);
@@ -57,13 +54,41 @@ const Checkbox_Checkbox = (props)=>{
         if (!isControlled()) setInternalSelected(event.currentTarget.checked);
     };
     return (()=>{
-        var _el$ = _tmpl$5(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
+        var _el$ = _tmpl$4(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
+        (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__Checkbox_classes_js_b04c974d__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Checkbox_classes_js_b04c974d__.CLASSES.variant[variant()], isDisabled() && __WEBPACK_EXTERNAL_MODULE__Checkbox_classes_js_b04c974d__.CLASSES.flag.disabled, local.class, local.className)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "checkbox",
+            get ["data-selected"] () {
+                return isSelected() ? "true" : "false";
+            },
+            get ["data-indeterminate"] () {
+                return isIndeterminate() ? "true" : "false";
+            },
+            get ["data-disabled"] () {
+                return isDisabled() ? "true" : "false";
+            },
+            get ["data-invalid"] () {
+                return isInvalid() ? "true" : "false";
+            },
+            get ["data-has-description"] () {
+                return null != local.description ? "true" : "false";
+            },
+            get ["aria-disabled"] () {
+                return isDisabled() ? "true" : "false";
+            }
+        }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>{
             inputRef = el;
         }, _el$2);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            type: "checkbox",
-            class: "checkbox__input",
+            type: "checkbox"
+        }, ()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Checkbox_classes_js_b04c974d__.CLASSES.slot.input
+            }), {
             "data-slot": "checkbox-input",
             get value () {
                 return local.value;
@@ -85,12 +110,23 @@ const Checkbox_Checkbox = (props)=>{
             },
             onChange: handleChange
         }), false, false);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Checkbox_classes_js_b04c974d__.CLASSES.slot.control
+            }), {
+            "data-slot": "checkbox-control",
+            "aria-hidden": "true"
+        }), 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__Checkbox_classes_js_b04c974d__.CLASSES.slot.indicator
+            }), {
+            "data-slot": "checkbox-indicator"
+        }), 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_solid_js_aeefcc6d__.Show, {
             get when () {
                 return isIndeterminate();
             },
             get fallback () {
-                return _tmpl$6();
+                return _tmpl$5();
             },
             get children () {
                 return _tmpl$();
@@ -101,7 +137,12 @@ const Checkbox_Checkbox = (props)=>{
                 return hasContent();
             },
             get children () {
-                var _el$6 = _tmpl$4();
+                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__Checkbox_classes_js_b04c974d__.CLASSES.slot.content
+                    }), {
+                    "data-slot": "checkbox-content"
+                }), false, true);
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
                     get when () {
                         return local.children;
@@ -118,6 +159,11 @@ const Checkbox_Checkbox = (props)=>{
                     },
                     get children () {
                         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: __WEBPACK_EXTERNAL_MODULE__Checkbox_classes_js_b04c974d__.CLASSES.slot.description
+                            }), {
+                            "data-slot": "description"
+                        }), false, true);
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>local.description);
                         return _el$8;
                     }
@@ -125,27 +171,6 @@ const Checkbox_Checkbox = (props)=>{
                 return _el$6;
             }
         }), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("checkbox", VARIANT_CLASS_MAP[variant()], isDisabled() && "checkbox--disabled", local.class, local.className), _v$2 = local.dataTheme, _v$3 = isSelected() ? "true" : "false", _v$4 = isIndeterminate() ? "true" : "false", _v$5 = isDisabled() ? "true" : "false", _v$6 = isInvalid() ? "true" : "false", _v$7 = null != local.description ? "true" : "false", _v$8 = isDisabled() ? "true" : "false";
-            _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-theme", _p$.t = _v$2);
-            _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-selected", _p$.a = _v$3);
-            _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-indeterminate", _p$.o = _v$4);
-            _v$5 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-disabled", _p$.i = _v$5);
-            _v$6 !== _p$.n && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-invalid", _p$.n = _v$6);
-            _v$7 !== _p$.s && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-has-description", _p$.s = _v$7);
-            _v$8 !== _p$.h && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-disabled", _p$.h = _v$8);
-            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
-        });
         return _el$;
     })();
 };

package/dist/components/chip/Chip.classes.d.ts

@@ -0,0 +1,29 @@
+export declare const CLASSES: {
+    readonly base: "chip";
+    readonly slot: {
+        readonly icon: "chip__icon";
+        readonly iconStart: "chip__icon--start";
+        readonly iconEnd: "chip__icon--end";
+        readonly label: "chip__label";
+        readonly remove: "chip__remove";
+        readonly removeIcon: "chip__remove-icon";
+    };
+    readonly variant: {
+        readonly solid: "chip--solid";
+        readonly flat: "chip--flat";
+        readonly bordered: "chip--bordered";
+    };
+    readonly color: {
+        readonly default: "chip--default";
+        readonly primary: "chip--primary";
+        readonly accent: "chip--accent";
+        readonly success: "chip--success";
+        readonly warning: "chip--warning";
+        readonly danger: "chip--danger";
+    };
+    readonly size: {
+        readonly sm: "chip--sm";
+        readonly md: "chip--md";
+        readonly lg: "chip--lg";
+    };
+};

package/dist/components/chip/Chip.classes.js

@@ -0,0 +1,30 @@
+const CLASSES = {
+    base: "chip",
+    slot: {
+        icon: "chip__icon",
+        iconStart: "chip__icon--start",
+        iconEnd: "chip__icon--end",
+        label: "chip__label",
+        remove: "chip__remove",
+        removeIcon: "chip__remove-icon"
+    },
+    variant: {
+        solid: "chip--solid",
+        flat: "chip--flat",
+        bordered: "chip--bordered"
+    },
+    color: {
+        default: "chip--default",
+        primary: "chip--primary",
+        accent: "chip--accent",
+        success: "chip--success",
+        warning: "chip--warning",
+        danger: "chip--danger"
+    },
+    size: {
+        sm: "chip--sm",
+        md: "chip--md",
+        lg: "chip--lg"
+    }
+};
+export { CLASSES };

package/dist/components/chip/Chip.js

@@ -3,25 +3,8 @@ import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
 import "./Chip.css";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="chip__icon chip__icon--start"data-slot=chip-start-icon>'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=chip__remove-icon data-slot=chip-remove-icon>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button class=chip__remove data-slot=chip-remove>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="chip__icon chip__icon--end"data-slot=chip-end-icon>'), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=chip-label>");
-const CHIP_VARIANT_CLASS = {
-    solid: "chip--solid",
-    flat: "chip--flat",
-    bordered: "chip--bordered"
-};
-const CHIP_COLOR_CLASS = {
-    default: "chip--default",
-    primary: "chip--primary",
-    accent: "chip--accent",
-    success: "chip--success",
-    warning: "chip--warning",
-    danger: "chip--danger"
-};
-const CHIP_SIZE_CLASS = {
-    sm: "chip--sm",
-    md: "chip--md",
-    lg: "chip--lg"
-};
+import * as __WEBPACK_EXTERNAL_MODULE__Chip_classes_js_29627ec4__ from "./Chip.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button>");
 const ChipRoot = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -40,7 +23,7 @@ const ChipRoot = (props)=>{
         const variant = local.variant ?? "solid";
         const color = local.color ?? "default";
         const size = local.size ?? "md";
-        return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)("chip", CHIP_VARIANT_CLASS[variant], CHIP_COLOR_CLASS[color], CHIP_SIZE_CLASS[size], local.class, local.className));
+        return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(__WEBPACK_EXTERNAL_MODULE__Chip_classes_js_29627ec4__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Chip_classes_js_29627ec4__.CLASSES.variant[variant], __WEBPACK_EXTERNAL_MODULE__Chip_classes_js_29627ec4__.CLASSES.color[color], __WEBPACK_EXTERNAL_MODULE__Chip_classes_js_29627ec4__.CLASSES.size[size], local.class, local.className));
     };
     const chipChildren = ()=>{
         const c = local.children;
@@ -54,11 +37,10 @@ const ChipRoot = (props)=>{
         local.onRemove?.();
     };
     return (()=>{
-        var _el$ = _tmpl$5();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return classes();
-            },
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: classes()
+            }), {
             "data-slot": "chip",
             get ["data-disabled"] () {
                 return local.isDisabled ? "true" : "false";
@@ -73,6 +55,11 @@ const ChipRoot = (props)=>{
             },
             get children () {
                 var _el$2 = _tmpl$();
+                (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__Chip_classes_js_29627ec4__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Chip_classes_js_29627ec4__.CLASSES.slot.iconStart)
+                    }), {
+                    "data-slot": "chip-start-icon"
+                }), false, true);
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.startIcon);
                 return _el$2;
             }
@@ -83,27 +70,34 @@ const ChipRoot = (props)=>{
                 return local.onRemove && local.endIcon;
             },
             get children () {
-                var _el$3 = _tmpl$3();
-                _el$3.$$click = handleRemove;
+                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: __WEBPACK_EXTERNAL_MODULE__Chip_classes_js_29627ec4__.CLASSES.slot.remove
+                    }), {
+                    "data-slot": "chip-remove",
+                    get ["aria-label"] () {
+                        return local.removeButtonLabel ?? "Remove";
+                    },
+                    onClick: handleRemove,
+                    get disabled () {
+                        return Boolean(local.isDisabled);
+                    }
+                }), false, true);
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
                     get when () {
                         return local.endIcon;
                     },
                     get children () {
-                        var _el$4 = _tmpl$2();
+                        var _el$4 = _tmpl$();
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                class: __WEBPACK_EXTERNAL_MODULE__Chip_classes_js_29627ec4__.CLASSES.slot.removeIcon
+                            }), {
+                            "data-slot": "chip-remove-icon"
+                        }), false, true);
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.endIcon);
                         return _el$4;
                     }
                 }));
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                    var _v$ = local.removeButtonLabel ?? "Remove", _v$2 = Boolean(local.isDisabled);
-                    _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "aria-label", _p$.e = _v$);
-                    _v$2 !== _p$.t && (_el$3.disabled = _p$.t = _v$2);
-                    return _p$;
-                }, {
-                    e: void 0,
-                    t: void 0
-                });
                 return _el$3;
             }
         }), null);
@@ -112,7 +106,12 @@ const ChipRoot = (props)=>{
                 return !local.onRemove && local.endIcon;
             },
             get children () {
-                var _el$5 = _tmpl$4();
+                var _el$5 = _tmpl$();
+                (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__Chip_classes_js_29627ec4__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Chip_classes_js_29627ec4__.CLASSES.slot.iconEnd)
+                    }), {
+                    "data-slot": "chip-end-icon"
+                }), false, true);
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.endIcon);
                 return _el$5;
             }
@@ -126,17 +125,14 @@ const ChipLabel = (props)=>{
         "class"
     ]);
     return (()=>{
-        var _el$6 = _tmpl$6();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("chip__label", local.class);
-            }
+        var _el$6 = _tmpl$();
+        (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__Chip_classes_js_29627ec4__.CLASSES.slot.label, local.class)
+            }), {
+            "data-slot": "chip-label"
         }, others), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
         return _el$6;
     })();
 };
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "click"
-]);
 export { ChipLabel, ChipRoot };

package/dist/components/close-button/CloseButton.js

@@ -3,7 +3,7 @@ import "./CloseButton.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__CloseButton_classes_js_1d24ab3a__ from "./CloseButton.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=close-button-start-icon>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=close-button-end-icon>");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
 const CloseButton_CloseButton = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -29,10 +29,10 @@ const CloseButton_CloseButton = (props)=>{
             },
             get ["aria-label"] () {
                 return local["aria-label"] ?? "Close";
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__CloseButton_classes_js_1d24ab3a__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__CloseButton_classes_js_1d24ab3a__.CLASSES.variant[variant()], local.class, local.className);
-            },
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__CloseButton_classes_js_1d24ab3a__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__CloseButton_classes_js_1d24ab3a__.CLASSES.variant[variant()], local.class, local.className)
+            }), {
             "data-slot": "close-button",
             get ["data-pending"] () {
                 return local.isPending ? "true" : "false";
@@ -54,8 +54,12 @@ const CloseButton_CloseButton = (props)=>{
             var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.startIcon);
             return ()=>_c$() ? (()=>{
                     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__CloseButton_classes_js_1d24ab3a__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__CloseButton_classes_js_1d24ab3a__.CLASSES.slot.iconStart)
+                        }), {
+                        "data-slot": "close-button-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__CloseButton_classes_js_1d24ab3a__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__CloseButton_classes_js_1d24ab3a__.CLASSES.slot.iconStart)));
                     return _el$2;
                 })() : null;
         })(), null);
@@ -63,9 +67,13 @@ const CloseButton_CloseButton = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
             var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.endIcon);
             return ()=>_c$2() ? (()=>{
-                    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__CloseButton_classes_js_1d24ab3a__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__CloseButton_classes_js_1d24ab3a__.CLASSES.slot.iconEnd)
+                        }), {
+                        "data-slot": "close-button-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__CloseButton_classes_js_1d24ab3a__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__CloseButton_classes_js_1d24ab3a__.CLASSES.slot.iconEnd)));
                     return _el$3;
                 })() : null;
         })(), null);

package/dist/components/color-area/ColorArea.classes.d.ts

@@ -0,0 +1,6 @@
+export declare const CLASSES: {
+    readonly base: "color-area";
+    readonly slot: {
+        readonly thumb: "color-area__thumb";
+    };
+};

package/dist/components/color-area/ColorArea.classes.js

@@ -0,0 +1,7 @@
+const CLASSES = {
+    base: "color-area",
+    slot: {
+        thumb: "color-area__thumb"
+    }
+};
+export { CLASSES };