@pathscale/ui 1.1.40 → 1.1.42

package/dist/components/select/Select.js

@@ -2,12 +2,9 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Select.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="ui-select__icon ui-select__icon--start"data-slot=ui-select-trigger-start-icon>'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="ui-select__icon ui-select__icon--end"data-slot=ui-select-trigger-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 class="ui-select__icon ui-select__icon--start"data-slot=ui-select-indicator-start-icon>'), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="ui-select__icon ui-select__icon--end"data-slot=ui-select-indicator-end-icon>'), _tmpl$8 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="ui-select__icon ui-select__icon--start"data-slot=ui-select-option-start-icon>'), _tmpl$9 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class=ui-select__option-indicator data-slot=ui-select-option-indicator aria-hidden=true><span class="ui-select__icon ui-select__icon--end"data-slot=ui-select-option-end-icon>'), _tmpl$0 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button><span class=ui-select__option-label data-slot=ui-select-option-label>");
+import * as __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__ from "./Select.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)("<button>"), _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)("<span><span>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button><span>");
 const SelectContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
-const SELECT_VARIANT_CLASS_MAP = {
-    primary: "ui-select--primary",
-    secondary: "ui-select--secondary"
-};
 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);
@@ -227,10 +224,9 @@ const SelectRoot = (props)=>{
         get children () {
             var _el$ = _tmpl$();
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(setRootRef, _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)("ui-select", SELECT_VARIANT_CLASS_MAP[variant()], fullWidth() && "ui-select--full-width", local.class, local.className);
-                },
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.flag.fullWidth, local.class, local.className)
+                }), {
                 get ["data-theme"] () {
                     return local.dataTheme;
                 },
@@ -267,10 +263,9 @@ const SelectTrigger = (props)=>{
     ]);
     if (!ctx) return (()=>{
         var _el$2 = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("ui-select__trigger", 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__Select_classes_js_98857364__.CLASSES.slot.trigger, local.class, local.className)
+            }), {
             get ["data-theme"] () {
                 return local.dataTheme;
             },
@@ -282,6 +277,11 @@ const SelectTrigger = (props)=>{
             var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.startIcon);
             return ()=>_c$() ? (()=>{
                     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__Select_classes_js_98857364__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.iconStart)
+                        }), {
+                        "data-slot": "ui-select-trigger-start-icon"
+                    }), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.startIcon);
                     return _el$3;
                 })() : null;
@@ -290,7 +290,12 @@ const SelectTrigger = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (()=>{
             var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.endIcon);
             return ()=>_c$2() ? (()=>{
-                    var _el$4 = _tmpl$4();
+                    var _el$4 = _tmpl$3();
+                    (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__Select_classes_js_98857364__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.iconEnd)
+                        }), {
+                        "data-slot": "ui-select-trigger-end-icon"
+                    }), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.endIcon);
                     return _el$4;
                 })() : null;
@@ -347,10 +352,10 @@ const SelectTrigger = (props)=>{
             },
             get type () {
                 return local.type ?? "button";
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("ui-select__trigger", ctx.fullWidth() && "ui-select__trigger--full-width", local.class, local.className);
-            },
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.trigger, ctx.fullWidth() && __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.triggerFullWidth, local.class, local.className)
+            }), {
             get ["data-theme"] () {
                 return local.dataTheme;
             },
@@ -378,6 +383,11 @@ const SelectTrigger = (props)=>{
             var _c$3 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.startIcon);
             return ()=>_c$3() ? (()=>{
                     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: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.iconStart)
+                        }), {
+                        "data-slot": "ui-select-trigger-start-icon"
+                    }), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.startIcon);
                     return _el$6;
                 })() : null;
@@ -386,7 +396,12 @@ const SelectTrigger = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (()=>{
             var _c$4 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.endIcon);
             return ()=>_c$4() ? (()=>{
-                    var _el$7 = _tmpl$4();
+                    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__Select_classes_js_98857364__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.iconEnd)
+                        }), {
+                        "data-slot": "ui-select-trigger-end-icon"
+                    }), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.endIcon);
                     return _el$7;
                 })() : null;
@@ -406,11 +421,10 @@ const SelectValue = (props)=>{
     const text = ()=>ctx?.selectedText() ?? "";
     const isPlaceholder = ()=>0 === text().length;
     return (()=>{
-        var _el$8 = _tmpl$5();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("ui-select__value", local.class, local.className);
-            },
+        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)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.value, local.class, local.className)
+            }), {
             get ["data-theme"] () {
                 return local.dataTheme;
             },
@@ -434,11 +448,10 @@ const SelectIndicator = (props)=>{
         "endIcon"
     ]);
     return (()=>{
-        var _el$9 = _tmpl$5();
-        (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)("ui-select__indicator", local.class, local.className);
-            },
+        var _el$9 = _tmpl$3();
+        (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__Select_classes_js_98857364__.CLASSES.slot.indicator, local.class, local.className)
+            }), {
             get ["data-theme"] () {
                 return local.dataTheme;
             },
@@ -451,7 +464,12 @@ const SelectIndicator = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, (()=>{
             var _c$5 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.startIcon);
             return ()=>_c$5() ? (()=>{
-                    var _el$0 = _tmpl$6();
+                    var _el$0 = _tmpl$3();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.iconStart)
+                        }), {
+                        "data-slot": "ui-select-indicator-start-icon"
+                    }), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, ()=>local.startIcon);
                     return _el$0;
                 })() : null;
@@ -460,7 +478,12 @@ const SelectIndicator = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, (()=>{
             var _c$6 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.endIcon);
             return ()=>_c$6() ? (()=>{
-                    var _el$1 = _tmpl$7();
+                    var _el$1 = _tmpl$3();
+                    (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_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.iconEnd)
+                        }), {
+                        "data-slot": "ui-select-indicator-end-icon"
+                    }), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$1, ()=>local.endIcon);
                     return _el$1;
                 })() : null;
@@ -478,10 +501,9 @@ const SelectPopover = (props)=>{
     ]);
     return (()=>{
         var _el$10 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$10, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("ui-select__popover", local.class, local.className);
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$10, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.popover, local.class, local.className)
+            }), {
             get ["data-theme"] () {
                 return local.dataTheme;
             },
@@ -507,10 +529,10 @@ const SelectListbox = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$11, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get id () {
                 return ctx?.listboxId;
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("ui-select__listbox", local.class, local.className);
-            },
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.listbox, local.class, local.className)
+            }), {
             get ["data-theme"] () {
                 return local.dataTheme;
             },
@@ -546,10 +568,9 @@ const SelectOption = (props)=>{
     ]);
     if (!ctx) return (()=>{
         var _el$12 = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("ui-select__option", local.class, local.className);
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.option, local.class, local.className)
+            }), {
             get ["data-theme"] () {
                 return local.dataTheme;
             },
@@ -560,7 +581,12 @@ const SelectOption = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (()=>{
             var _c$7 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.startIcon);
             return ()=>_c$7() ? (()=>{
-                    var _el$13 = _tmpl$8();
+                    var _el$13 = _tmpl$3();
+                    (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__Select_classes_js_98857364__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.iconStart)
+                        }), {
+                        "data-slot": "ui-select-option-start-icon"
+                    }), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, ()=>local.startIcon);
                     return _el$13;
                 })() : null;
@@ -569,7 +595,18 @@ const SelectOption = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (()=>{
             var _c$8 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.endIcon);
             return ()=>_c$8() ? (()=>{
-                    var _el$14 = _tmpl$9(), _el$15 = _el$14.firstChild;
+                    var _el$14 = _tmpl$4(), _el$15 = _el$14.firstChild;
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$14, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.optionIndicator
+                        }), {
+                        "data-slot": "ui-select-option-indicator",
+                        "aria-hidden": "true"
+                    }), false, true);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$15, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.iconEnd)
+                        }), {
+                        "data-slot": "ui-select-option-end-icon"
+                    }), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$15, ()=>local.endIcon);
                     return _el$14;
                 })() : null;
@@ -654,15 +691,15 @@ const SelectOption = (props)=>{
         if ("Tab" === event.key) ctx.setOpen(false);
     };
     return (()=>{
-        var _el$16 = _tmpl$0(), _el$17 = _el$16.firstChild;
+        var _el$16 = _tmpl$5(), _el$17 = _el$16.firstChild;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(setRef, _el$16);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get type () {
                 return local.type ?? "button";
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("ui-select__option", local.class, local.className);
-            },
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.option, local.class, local.className)
+            }), {
             get ["data-theme"] () {
                 return local.dataTheme;
             },
@@ -695,16 +732,37 @@ const SelectOption = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (()=>{
             var _c$9 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.startIcon);
             return ()=>_c$9() ? (()=>{
-                    var _el$18 = _tmpl$8();
+                    var _el$18 = _tmpl$3();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$18, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.iconStart)
+                        }), {
+                        "data-slot": "ui-select-option-start-icon"
+                    }), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, ()=>local.startIcon);
                     return _el$18;
                 })() : null;
         })(), _el$17);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$17, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.optionLabel
+            }), {
+            "data-slot": "ui-select-option-label"
+        }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$17, ()=>local.children);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (()=>{
             var _c$0 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.endIcon);
             return ()=>_c$0() ? (()=>{
-                    var _el$19 = _tmpl$9(), _el$20 = _el$19.firstChild;
+                    var _el$19 = _tmpl$4(), _el$20 = _el$19.firstChild;
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$19, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.optionIndicator
+                        }), {
+                        "data-slot": "ui-select-option-indicator",
+                        "aria-hidden": "true"
+                    }), false, true);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$20, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.iconEnd)
+                        }), {
+                        "data-slot": "ui-select-option-end-icon"
+                    }), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$20, ()=>local.endIcon);
                     return _el$19;
                 })() : null;

package/dist/components/size-picker/SizePicker.classes.d.ts

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

package/dist/components/size-picker/SizePicker.classes.js

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

package/dist/components/size-picker/SizePicker.js

@@ -4,7 +4,8 @@ import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-m
 import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
 import * as __WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__ from "../button/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__sizeStore_js_308b1735__ from "./sizeStore.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=radiogroup>");
+import * as __WEBPACK_EXTERNAL_MODULE__SizePicker_classes_js_e21f4008__ from "./SizePicker.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const PRESETS = [
     "M",
     "L",
@@ -25,16 +26,16 @@ const SizePicker_SizePicker = (props)=>{
         store().setSize(preset);
         local.onSizeChange?.(preset);
     };
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("inline-flex gap-1", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(local.class, local.className));
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__SizePicker_classes_js_e21f4008__.CLASSES.base, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(local.class, local.className));
     return (()=>{
         var _el$ = _tmpl$();
-        (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()
+            }), {
             get style () {
                 return local.style;
             },
+            role: "radiogroup",
             get ["aria-label"] () {
                 return local["aria-label"] ?? "Change text size";
             }

package/dist/components/skeleton/Skeleton.classes.d.ts

@@ -0,0 +1,8 @@
+export declare const CLASSES: {
+    readonly base: "skeleton";
+    readonly animation: {
+        readonly shimmer: "skeleton--shimmer";
+        readonly pulse: "skeleton--pulse";
+        readonly none: "skeleton--none";
+    };
+};

package/dist/components/skeleton/Skeleton.classes.js

@@ -0,0 +1,9 @@
+const CLASSES = {
+    base: "skeleton",
+    animation: {
+        shimmer: "skeleton--shimmer",
+        pulse: "skeleton--pulse",
+        none: "skeleton--none"
+    }
+};
+export { CLASSES };

package/dist/components/skeleton/Skeleton.js

@@ -2,12 +2,8 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Skeleton.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__Skeleton_classes_js_44948e04__ from "./Skeleton.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const ANIMATION_CLASS_MAP = {
-    shimmer: "skeleton--shimmer",
-    pulse: "skeleton--pulse",
-    none: "skeleton--none"
-};
 const Skeleton = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "class",
@@ -19,10 +15,9 @@ const Skeleton = (props)=>{
     const animation = ()=>local.animationType ?? "shimmer";
     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)("skeleton", ANIMATION_CLASS_MAP[animation()], 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__Skeleton_classes_js_44948e04__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Skeleton_classes_js_44948e04__.CLASSES.animation[animation()], local.class, local.className)
+            }), {
             "data-slot": "skeleton",
             get ["data-theme"] () {
                 return local.dataTheme;

package/dist/components/slider/Slider.js

@@ -3,7 +3,7 @@ import "./Slider.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__Slider_classes_js_33bccb6b__ from "./Slider.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=label>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=slider-output aria-live=polite>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=slider><div data-slot=slider-track><div data-slot=slider-fill></div><div data-slot=slider-thumb role=slider>");
+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)("<div><div><div></div><div>");
 function clamp(val, min, max) {
     return Math.min(Math.max(val, min), max);
 }
@@ -108,7 +108,21 @@ const Slider = (props)=>{
     const handleFocus = ()=>setFocusVisible(true);
     const handleBlur = ()=>setFocusVisible(false);
     return (()=>{
-        var _el$ = _tmpl$3(), _el$4 = _el$.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling;
+        var _el$ = _tmpl$2(), _el$4 = _el$.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling;
+        (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__Slider_classes_js_33bccb6b__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.size[size()], local.class, local.className)
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            "data-slot": "slider",
+            get ["data-disabled"] () {
+                return isDisabled() ? "true" : "false";
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
         (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, {
             get when () {
                 return local.label;
@@ -118,78 +132,94 @@ const Slider = (props)=>{
                     (()=>{
                         var _el$2 = _tmpl$();
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "id", labelId);
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                class: __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.label
+                            }), {
+                            "data-slot": "label"
+                        }), false, true);
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.label);
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.label));
                         return _el$2;
                     })(),
                     (()=>{
-                        var _el$3 = _tmpl$2();
+                        var _el$3 = _tmpl$();
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                class: __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.output
+                            }), {
+                            "data-slot": "slider-output",
+                            "aria-live": "polite"
+                        }), false, true);
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, formattedValue);
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.output));
                         return _el$3;
                     })()
                 ];
             }
         }), _el$4);
-        _el$4.$$pointerup = handlePointerUp;
-        _el$4.$$pointermove = handlePointerMove;
-        _el$4.$$pointerdown = handlePointerDown;
         var _ref$ = trackRef;
         "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$4) : trackRef = _el$4;
-        _el$6.addEventListener("blur", handleBlur);
-        _el$6.addEventListener("focus", handleFocus);
-        _el$6.$$keydown = handleKeyDown;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.size[size()], local.class, local.className), _v$2 = local.dataTheme, _v$3 = isDisabled() ? "true" : "false", _v$4 = local.style, _v$5 = __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.track, _v$6 = __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.fill, _v$7 = fillWidth(), _v$8 = __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.thumb, _v$9 = dragging() ? "true" : "false", _v$0 = isDisabled() ? "true" : "false", _v$1 = focusVisible() ? "true" : "false", _v$10 = thumbLeft(), _v$11 = isDisabled() ? -1 : 0, _v$12 = min(), _v$13 = max(), _v$14 = local.value, _v$15 = formattedValue(), _v$16 = local.label ? labelId : void 0, _v$17 = isDisabled() ? "true" : void 0;
-            _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-disabled", _p$.a = _v$3);
-            _p$.o = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$, _v$4, _p$.o);
-            _v$5 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, _p$.i = _v$5);
-            _v$6 !== _p$.n && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.n = _v$6);
-            _v$7 !== _p$.s && (null != (_p$.s = _v$7) ? _el$5.style.setProperty("width", _v$7) : _el$5.style.removeProperty("width"));
-            _v$8 !== _p$.h && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, _p$.h = _v$8);
-            _v$9 !== _p$.r && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "data-dragging", _p$.r = _v$9);
-            _v$0 !== _p$.d && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "data-disabled", _p$.d = _v$0);
-            _v$1 !== _p$.l && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "data-focus-visible", _p$.l = _v$1);
-            _v$10 !== _p$.u && (null != (_p$.u = _v$10) ? _el$6.style.setProperty("left", _v$10) : _el$6.style.removeProperty("left"));
-            _v$11 !== _p$.c && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "tabindex", _p$.c = _v$11);
-            _v$12 !== _p$.w && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-valuemin", _p$.w = _v$12);
-            _v$13 !== _p$.m && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-valuemax", _p$.m = _v$13);
-            _v$14 !== _p$.f && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-valuenow", _p$.f = _v$14);
-            _v$15 !== _p$.y && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-valuetext", _p$.y = _v$15);
-            _v$16 !== _p$.g && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-labelledby", _p$.g = _v$16);
-            _v$17 !== _p$.p && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-disabled", _p$.p = _v$17);
-            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,
-            d: void 0,
-            l: void 0,
-            u: void 0,
-            c: void 0,
-            w: void 0,
-            m: void 0,
-            f: void 0,
-            y: void 0,
-            g: void 0,
-            p: void 0
-        });
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.track
+            }), {
+            "data-slot": "slider-track",
+            onPointerDown: handlePointerDown,
+            onPointerMove: handlePointerMove,
+            onPointerUp: handlePointerUp
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.fill
+            }), {
+            "data-slot": "slider-fill",
+            get style () {
+                return {
+                    width: fillWidth()
+                };
+            }
+        }), false, false);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.thumb
+            }), {
+            "data-slot": "slider-thumb",
+            get ["data-dragging"] () {
+                return dragging() ? "true" : "false";
+            },
+            get ["data-disabled"] () {
+                return isDisabled() ? "true" : "false";
+            },
+            get ["data-focus-visible"] () {
+                return focusVisible() ? "true" : "false";
+            },
+            get style () {
+                return {
+                    left: thumbLeft()
+                };
+            },
+            role: "slider",
+            get tabIndex () {
+                return isDisabled() ? -1 : 0;
+            },
+            get ["aria-valuemin"] () {
+                return min();
+            },
+            get ["aria-valuemax"] () {
+                return max();
+            },
+            get ["aria-valuenow"] () {
+                return local.value;
+            },
+            get ["aria-valuetext"] () {
+                return formattedValue();
+            },
+            get ["aria-labelledby"] () {
+                return local.label ? labelId : void 0;
+            },
+            get ["aria-disabled"] () {
+                return isDisabled() ? "true" : void 0;
+            },
+            onKeyDown: handleKeyDown,
+            onFocus: handleFocus,
+            onBlur: handleBlur
+        }), false, false);
         return _el$;
     })();
 };
 const slider_Slider = Slider;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "pointerdown",
-    "pointermove",
-    "pointerup",
-    "keydown"
-]);
 export { slider_Slider as default };

package/dist/components/spinner/Spinner.classes.d.ts

@@ -0,0 +1,25 @@
+export declare const CLASSES: {
+    readonly base: "spinner";
+    readonly size: {
+        readonly xs: "spinner--xs";
+        readonly sm: "spinner--sm";
+        readonly md: "";
+        readonly lg: "spinner--lg";
+        readonly xl: "spinner--xl";
+    };
+    readonly color: {
+        readonly current: "spinner--current";
+        readonly accent: "spinner--accent";
+        readonly success: "spinner--success";
+        readonly warning: "spinner--warning";
+        readonly danger: "spinner--danger";
+    };
+    readonly variant: {
+        readonly spinner: "spinner--spinner";
+        readonly dots: "spinner--dots";
+        readonly ring: "spinner--ring";
+        readonly ball: "spinner--ball";
+        readonly bars: "spinner--bars";
+        readonly infinity: "spinner--infinity";
+    };
+};