@pathscale/ui 1.1.40 → 1.1.42

package/dist/components/noise-background/NoiseBackground.js

@@ -146,10 +146,9 @@ const NoiseBackground = (rawProps)=>{
         var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling;
         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 containerClasses();
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: containerClasses()
+            }), {
             get style () {
                 return {
                     "--noise-opacity": noiseIntensity(),
@@ -163,51 +162,56 @@ const NoiseBackground = (rawProps)=>{
         }, others), false, true);
         var _ref$2 = layer0;
         "function" == typeof _ref$2 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$2, _el$2) : layer0 = _el$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__NoiseBackground_classes_js_aea288b9__.CLASSES.slot.layer0
+            })), false, false);
         var _ref$3 = layer1;
         "function" == typeof _ref$3 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$3, _el$3) : layer1 = _el$3;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__NoiseBackground_classes_js_aea288b9__.CLASSES.slot.layer1
+            })), false, false);
         var _ref$4 = layer2;
         "function" == typeof _ref$4 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$4, _el$4) : layer2 = _el$4;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__NoiseBackground_classes_js_aea288b9__.CLASSES.slot.layer2
+            })), false, false);
         var _ref$5 = stripEl;
         "function" == typeof _ref$5 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$5, _el$5) : stripEl = _el$5;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__NoiseBackground_classes_js_aea288b9__.CLASSES.slot.strip
+            }), {
+            get style () {
+                return {
+                    background: `linear-gradient(to right, ${colors().join(", ")})`,
+                    "border-radius": `${borderRadius()} ${borderRadius()} 0 0`
+                };
+            }
+        }), false, false);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
             var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!(local.showNoise ?? false));
             return ()=>_c$() && (()=>{
                     var _el$7 = _tmpl$2(), _el$8 = _el$7.firstChild;
-                    _el$8.style.setProperty("opacity", "var(--noise-opacity, 0.2)");
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                        var _v$8 = __WEBPACK_EXTERNAL_MODULE__NoiseBackground_classes_js_aea288b9__.CLASSES.slot.noiseWrap, _v$9 = local.noiseSrc ?? "/noise.webp", _v$0 = __WEBPACK_EXTERNAL_MODULE__NoiseBackground_classes_js_aea288b9__.CLASSES.slot.noiseImage;
-                        _v$8 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$7, _p$.e = _v$8);
-                        _v$9 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$8, "src", _p$.t = _v$9);
-                        _v$0 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$8, _p$.a = _v$0);
-                        return _p$;
-                    }, {
-                        e: void 0,
-                        t: void 0,
-                        a: void 0
-                    });
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: __WEBPACK_EXTERNAL_MODULE__NoiseBackground_classes_js_aea288b9__.CLASSES.slot.noiseWrap
+                        })), false, true);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                        get src () {
+                            return local.noiseSrc ?? "/noise.webp";
+                        }
+                    }, ()=>({
+                            class: __WEBPACK_EXTERNAL_MODULE__NoiseBackground_classes_js_aea288b9__.CLASSES.slot.noiseImage
+                        }), {
+                        style: {
+                            opacity: "var(--noise-opacity, 0.2)"
+                        }
+                    }), false, false);
                     return _el$7;
                 })();
         })(), _el$6);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: contentClasses()
+            })), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = __WEBPACK_EXTERNAL_MODULE__NoiseBackground_classes_js_aea288b9__.CLASSES.slot.layer0, _v$2 = __WEBPACK_EXTERNAL_MODULE__NoiseBackground_classes_js_aea288b9__.CLASSES.slot.layer1, _v$3 = __WEBPACK_EXTERNAL_MODULE__NoiseBackground_classes_js_aea288b9__.CLASSES.slot.layer2, _v$4 = __WEBPACK_EXTERNAL_MODULE__NoiseBackground_classes_js_aea288b9__.CLASSES.slot.strip, _v$5 = `linear-gradient(to right, ${colors().join(", ")})`, _v$6 = `${borderRadius()} ${borderRadius()} 0 0`, _v$7 = contentClasses();
-            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.e = _v$);
-            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.t = _v$2);
-            _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, _p$.a = _v$3);
-            _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.o = _v$4);
-            _v$5 !== _p$.i && (null != (_p$.i = _v$5) ? _el$5.style.setProperty("background", _v$5) : _el$5.style.removeProperty("background"));
-            _v$6 !== _p$.n && (null != (_p$.n = _v$6) ? _el$5.style.setProperty("border-radius", _v$6) : _el$5.style.removeProperty("border-radius"));
-            _v$7 !== _p$.s && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, _p$.s = _v$7);
-            return _p$;
-        }, {
-            e: void 0,
-            t: void 0,
-            a: void 0,
-            o: void 0,
-            i: void 0,
-            n: void 0,
-            s: void 0
-        });
         return _el$;
     })();
 };

package/dist/components/number-field/NumberField.js

@@ -106,10 +106,9 @@ const NumberFieldRoot = (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__NumberField_classes_js_abe73f12__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.Root.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.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__NumberField_classes_js_abe73f12__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.Root.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.Root.flag.fullWidth, local.class, local.className)
+                }), {
                 "data-slot": "number-field",
                 get ["data-invalid"] () {
                     return isInvalid() ? "true" : void 0;
@@ -162,10 +161,9 @@ const NumberFieldGroup = (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__NumberField_classes_js_abe73f12__.CLASSES.Group.base, context?.fullWidth() && __WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.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__NumberField_classes_js_abe73f12__.CLASSES.Group.base, context?.fullWidth() && __WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.Group.flag.fullWidth, local.class, local.className)
+            }), {
             "data-slot": "number-field-group",
             get ["data-invalid"] () {
                 return context?.isInvalid() ? "true" : void 0;
@@ -211,10 +209,10 @@ const NumberFieldInput = (props)=>{
         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: "text",
-            inputmode: "decimal",
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.Input.base, local.class, local.className);
-            },
+            inputmode: "decimal"
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.Input.base, local.class, local.className)
+            }), {
             "data-slot": "number-field-input",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -270,10 +268,10 @@ const NumberFieldIncrementButton = (props)=>{
     return (()=>{
         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)(others, {
-            type: "button",
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.IncrementButton.base, local.class, local.className);
-            },
+            type: "button"
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.IncrementButton.base, local.class, local.className)
+            }), {
             "data-slot": "number-field-increment-button",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -312,10 +310,10 @@ const NumberFieldDecrementButton = (props)=>{
     return (()=>{
         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)(others, {
-            type: "button",
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.DecrementButton.base, local.class, local.className);
-            },
+            type: "button"
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.DecrementButton.base, local.class, local.className)
+            }), {
             "data-slot": "number-field-decrement-button",
             get ["data-theme"] () {
                 return local.dataTheme;

package/dist/components/pagination/Pagination.classes.d.ts

@@ -0,0 +1,11 @@
+export declare const CLASSES: {
+    readonly base: "pagination";
+    readonly slot: {
+        readonly summary: "pagination__summary";
+        readonly content: "pagination__content";
+        readonly item: "pagination__item";
+        readonly link: "pagination__link";
+        readonly linkNav: "pagination__link--nav";
+        readonly ellipsis: "pagination__ellipsis";
+    };
+};

package/dist/components/pagination/Pagination.classes.js

@@ -0,0 +1,12 @@
+const CLASSES = {
+    base: "pagination",
+    slot: {
+        summary: "pagination__summary",
+        content: "pagination__content",
+        item: "pagination__item",
+        link: "pagination__link",
+        linkNav: "pagination__link--nav",
+        ellipsis: "pagination__ellipsis"
+    }
+};
+export { CLASSES };

package/dist/components/pagination/Pagination.js

@@ -2,7 +2,8 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Pagination.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)(`<nav><div class=pagination__summary data-slot=pagination-summary>Page <!> of </div><ul class=pagination__content data-slot=pagination-content><li class=pagination__item data-slot=pagination-item><button type=button class="pagination__link pagination__link--nav"data-slot=pagination-previous aria-label="Go to previous page"><span aria-hidden=true>\u{2039}</span><span>Previous</span></button></li><li class=pagination__item data-slot=pagination-item><button type=button class="pagination__link pagination__link--nav"data-slot=pagination-next aria-label="Go to next page"><span>Next</span><span aria-hidden=true>\u{203A}`), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li class=pagination__item data-slot=pagination-item>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button class=pagination__link data-slot=pagination-link>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)(`<span class=pagination__ellipsis data-slot=pagination-ellipsis aria-hidden=true>\u{2026}`);
+import * as __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__ from "./Pagination.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)(`<nav><div>Page <!> of </div><ul><li><button type=button><span aria-hidden=true>\u{2039}</span><span>Previous</span></button></li><li><button type=button><span>Next</span><span aria-hidden=true>\u{203A}`), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)(`<span>\u{2026}`);
 const clampPage = (page, total)=>{
     if (!Number.isFinite(page)) return 1;
     return Math.min(Math.max(1, Math.floor(page)), total);
@@ -64,60 +65,103 @@ const Pagination = (props)=>{
         var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$5 = _el$3.nextSibling, _el$6 = (_el$5.nextSibling, _el$2.nextSibling), _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, _el$9 = _el$7.nextSibling, _el$0 = _el$9.firstChild;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             "aria-label": "pagination",
-            role: "navigation",
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("pagination", local.class, local.className);
-            },
+            role: "navigation"
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.base, local.class, local.className)
+            }), {
             get ["data-theme"] () {
                 return local.dataTheme;
             },
             "data-slot": "pagination"
         }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.summary
+            }), {
+            "data-slot": "pagination-summary"
+        }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, currentPage, _el$5);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, safeTotal, null);
-        _el$8.$$click = ()=>handleChange(currentPage() - 1);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.content
+            }), {
+            "data-slot": "pagination-content"
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.item
+            }), {
+            "data-slot": "pagination-item"
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.link, __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.linkNav)
+            }), {
+            "data-slot": "pagination-previous",
+            onClick: ()=>handleChange(currentPage() - 1),
+            get disabled () {
+                return disabled() || currentPage() <= 1;
+            },
+            "aria-label": "Go to previous page"
+        }), 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__.For, {
             get each () {
                 return tokens();
             },
             children: (token)=>(()=>{
                     var _el$1 = _tmpl$2();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$1, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.item
+                        }), {
+                        "data-slot": "pagination-item"
+                    }), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$1, "number" == typeof token ? (()=>{
                         var _el$10 = _tmpl$3();
-                        _el$10.$$click = ()=>handleChange(token);
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "aria-label", `Go to page ${token}`);
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$10, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                class: __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.link
+                            }), {
+                            "data-slot": "pagination-link",
+                            get ["data-active"] () {
+                                return token === currentPage() ? "true" : void 0;
+                            },
+                            get ["aria-current"] () {
+                                return token === currentPage() ? "page" : void 0;
+                            },
+                            "aria-label": `Go to page ${token}`,
+                            get disabled () {
+                                return disabled();
+                            },
+                            onClick: ()=>handleChange(token)
+                        }), false, true);
                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, token);
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                            var _v$3 = token === currentPage() ? "true" : void 0, _v$4 = token === currentPage() ? "page" : void 0, _v$5 = disabled();
-                            _v$3 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "data-active", _p$.e = _v$3);
-                            _v$4 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "aria-current", _p$.t = _v$4);
-                            _v$5 !== _p$.a && (_el$10.disabled = _p$.a = _v$5);
-                            return _p$;
-                        }, {
-                            e: void 0,
-                            t: void 0,
-                            a: void 0
-                        });
                         return _el$10;
-                    })() : _tmpl$4());
+                    })() : (()=>{
+                        var _el$11 = _tmpl$4();
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$11, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                                class: __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.ellipsis
+                            }), {
+                            "data-slot": "pagination-ellipsis",
+                            "aria-hidden": "true"
+                        }), false, true);
+                        return _el$11;
+                    })());
                     return _el$1;
                 })()
         }), _el$9);
-        _el$0.$$click = ()=>handleChange(currentPage() + 1);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = disabled() || currentPage() <= 1, _v$2 = disabled() || currentPage() >= safeTotal();
-            _v$ !== _p$.e && (_el$8.disabled = _p$.e = _v$);
-            _v$2 !== _p$.t && (_el$0.disabled = _p$.t = _v$2);
-            return _p$;
-        }, {
-            e: void 0,
-            t: void 0
-        });
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.item
+            }), {
+            "data-slot": "pagination-item"
+        }), false, true);
+        (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__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.link, __WEBPACK_EXTERNAL_MODULE__Pagination_classes_js_a4e7fc9f__.CLASSES.slot.linkNav)
+            }), {
+            "data-slot": "pagination-next",
+            onClick: ()=>handleChange(currentPage() + 1),
+            get disabled () {
+                return disabled() || currentPage() >= safeTotal();
+            },
+            "aria-label": "Go to next page"
+        }), false, true);
         return _el$;
     })();
 };
 const pagination_Pagination = Pagination;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "click"
-]);
 export { pagination_Pagination as default };

package/dist/components/progress-bar/ProgressBar.js

@@ -39,10 +39,10 @@ const ProgressBar = (props)=>{
     return (()=>{
         var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            role: "progressbar",
-            get ["class"] () {
-                return classes();
-            },
+            role: "progressbar"
+        }, ()=>({
+                class: classes()
+            }), {
             get ["data-theme"] () {
                 return local.dataTheme;
             },
@@ -75,8 +75,10 @@ const ProgressBar = (props)=>{
             var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.label);
             return ()=>_c$() && (()=>{
                     var _el$4 = _tmpl$2();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: __WEBPACK_EXTERNAL_MODULE__ProgressBar_classes_js_54b1a4d7__.CLASSES.label
+                        })), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.label);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, __WEBPACK_EXTERNAL_MODULE__ProgressBar_classes_js_54b1a4d7__.CLASSES.label));
                     return _el$4;
                 })();
         })(), _el$2);
@@ -84,24 +86,25 @@ const ProgressBar = (props)=>{
             var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!shouldShowValue());
             return ()=>_c$2() && (()=>{
                     var _el$5 = _tmpl$2();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                            class: __WEBPACK_EXTERNAL_MODULE__ProgressBar_classes_js_54b1a4d7__.CLASSES.output
+                        })), false, true);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, valueText);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, __WEBPACK_EXTERNAL_MODULE__ProgressBar_classes_js_54b1a4d7__.CLASSES.output));
                     return _el$5;
                 })();
         })(), _el$2);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = __WEBPACK_EXTERNAL_MODULE__ProgressBar_classes_js_54b1a4d7__.CLASSES.track, _v$2 = __WEBPACK_EXTERNAL_MODULE__ProgressBar_classes_js_54b1a4d7__.CLASSES.indicator, _v$3 = isIndeterminate() ? void 0 : {
-                width: `${percentage()}%`
-            };
-            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.e = _v$);
-            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.t = _v$2);
-            _p$.a = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$3, _v$3, _p$.a);
-            return _p$;
-        }, {
-            e: void 0,
-            t: void 0,
-            a: void 0
-        });
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__ProgressBar_classes_js_54b1a4d7__.CLASSES.track
+            })), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__ProgressBar_classes_js_54b1a4d7__.CLASSES.indicator
+            }), {
+            get style () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isIndeterminate())() ? void 0 : {
+                    width: `${percentage()}%`
+                };
+            }
+        }), false, false);
         return _el$;
     })();
 };

package/dist/components/progress-circle/ProgressCircle.js

@@ -3,7 +3,7 @@ import "./ProgressCircle.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__ProgressCircle_classes_js_9616c884__ from "./ProgressCircle.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span><svg fill=none viewBox="0 0 36 36"><circle cx=18 cy=18 r=16 stroke-width=4></circle><circle cx=18 cy=18 r=16 stroke-linecap=round stroke-width=4 transform="rotate(-90 18 18)">');
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span><svg><circle></circle><circle>");
 const STROKE_WIDTH = 4;
 const CENTER = 18;
 const RADIUS = CENTER - STROKE_WIDTH / 2;
@@ -42,10 +42,10 @@ const ProgressCircle = (props)=>{
     return (()=>{
         var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            role: "progressbar",
-            get ["class"] () {
-                return classes();
-            },
+            role: "progressbar"
+        }, ()=>({
+                class: classes()
+            }), {
             get ["data-theme"] () {
                 return local.dataTheme;
             },
@@ -74,20 +74,34 @@ const ProgressCircle = (props)=>{
                 return local.isDisabled ? "true" : void 0;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "stroke-dasharray", `${CIRCUMFERENCE}`);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = __WEBPACK_EXTERNAL_MODULE__ProgressCircle_classes_js_9616c884__.CLASSES.svg, _v$2 = __WEBPACK_EXTERNAL_MODULE__ProgressCircle_classes_js_9616c884__.CLASSES.trackCircle, _v$3 = __WEBPACK_EXTERNAL_MODULE__ProgressCircle_classes_js_9616c884__.CLASSES.indicator, _v$4 = `${isIndeterminate() ? 0.75 * CIRCUMFERENCE : strokeDashoffset()}`;
-            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "class", _p$.e = _v$);
-            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "class", _p$.t = _v$2);
-            _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "class", _p$.a = _v$3);
-            _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "stroke-dashoffset", _p$.o = _v$4);
-            return _p$;
-        }, {
-            e: void 0,
-            t: void 0,
-            a: void 0,
-            o: void 0
-        });
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__ProgressCircle_classes_js_9616c884__.CLASSES.svg
+            }), {
+            fill: "none",
+            viewBox: `0 0 ${2 * CENTER} ${2 * CENTER}`
+        }), true, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__ProgressCircle_classes_js_9616c884__.CLASSES.trackCircle
+            }), {
+            cx: CENTER,
+            cy: CENTER,
+            r: RADIUS,
+            "stroke-width": STROKE_WIDTH
+        }), true, false);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__ProgressCircle_classes_js_9616c884__.CLASSES.indicator
+            }), {
+            cx: CENTER,
+            cy: CENTER,
+            r: RADIUS,
+            "stroke-dasharray": `${CIRCUMFERENCE}`,
+            get ["stroke-dashoffset"] () {
+                return `${isIndeterminate() ? 0.75 * CIRCUMFERENCE : strokeDashoffset()}`;
+            },
+            "stroke-linecap": "round",
+            "stroke-width": STROKE_WIDTH,
+            transform: `rotate(-90 ${CENTER} ${CENTER})`
+        }), true, false);
         return _el$;
     })();
 };

package/dist/components/radio/Radio.classes.d.ts

@@ -0,0 +1,13 @@
+export declare const CLASSES: {
+    readonly base: "radio";
+    readonly slot: {
+        readonly input: "radio__input";
+        readonly control: "radio__control";
+        readonly indicator: "radio__indicator";
+        readonly content: "radio__content";
+        readonly description: "radio__description";
+    };
+    readonly flag: {
+        readonly disabled: "radio--disabled";
+    };
+};

package/dist/components/radio/Radio.classes.js

@@ -0,0 +1,14 @@
+const CLASSES = {
+    base: "radio",
+    slot: {
+        input: "radio__input",
+        control: "radio__control",
+        indicator: "radio__indicator",
+        content: "radio__content",
+        description: "radio__description"
+    },
+    flag: {
+        disabled: "radio--disabled"
+    }
+};
+export { CLASSES };