@pathscale/ui 1.1.39 → 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.classes.d.ts

@@ -0,0 +1,23 @@
+export declare const CLASSES: {
+    readonly base: "progress-bar";
+    readonly label: "progress-bar__label";
+    readonly output: "progress-bar__output";
+    readonly track: "progress-bar__track";
+    readonly indicator: "progress-bar__indicator";
+    readonly size: {
+        readonly sm: "progress-bar--sm";
+        readonly md: "progress-bar--md";
+        readonly lg: "progress-bar--lg";
+    };
+    readonly color: {
+        readonly default: "progress-bar--default";
+        readonly accent: "progress-bar--accent";
+        readonly success: "progress-bar--success";
+        readonly warning: "progress-bar--warning";
+        readonly danger: "progress-bar--danger";
+    };
+    readonly state: {
+        readonly indeterminate: "progress-bar--indeterminate";
+        readonly disabled: "progress-bar--disabled";
+    };
+};

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

@@ -0,0 +1,24 @@
+const CLASSES = {
+    base: "progress-bar",
+    label: "progress-bar__label",
+    output: "progress-bar__output",
+    track: "progress-bar__track",
+    indicator: "progress-bar__indicator",
+    size: {
+        sm: "progress-bar--sm",
+        md: "progress-bar--md",
+        lg: "progress-bar--lg"
+    },
+    color: {
+        default: "progress-bar--default",
+        accent: "progress-bar--accent",
+        success: "progress-bar--success",
+        warning: "progress-bar--warning",
+        danger: "progress-bar--danger"
+    },
+    state: {
+        indeterminate: "progress-bar--indeterminate",
+        disabled: "progress-bar--disabled"
+    }
+};
+export { CLASSES };

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

@@ -0,0 +1,104 @@
+@layer components {
+  .progress-bar {
+    display: grid;
+    width: 100%;
+    gap: 0.25rem;
+    grid-template-areas:
+      "label output"
+      "track track";
+    grid-template-columns: 1fr auto;
+
+    --progress-bar-fill: var(--color-accent);
+  }
+
+  .progress-bar__label {
+    grid-area: label;
+    width: fit-content;
+    font-size: 0.875rem;
+    font-weight: 500;
+  }
+
+  .progress-bar__output {
+    grid-area: output;
+    font-size: 0.875rem;
+    font-weight: 500;
+    font-variant-numeric: tabular-nums;
+  }
+
+  .progress-bar__track {
+    grid-area: track;
+    position: relative;
+    overflow: hidden;
+    border-radius: 9999px;
+    background: var(--color-base-200);
+    height: 0.5rem;
+  }
+
+  .progress-bar__indicator {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    border-radius: 9999px;
+    background-color: var(--progress-bar-fill);
+    transition: width 300ms var(--ease-out);
+  }
+
+  .progress-bar--indeterminate .progress-bar__indicator {
+    width: 40%;
+    animation: progress-bar-indeterminate 1.5s cubic-bezier(0.65, 0, 0.35, 1) infinite;
+  }
+
+  .progress-bar--disabled,
+  .progress-bar[aria-disabled="true"],
+  .progress-bar[data-disabled="true"] {
+    opacity: 0.6;
+  }
+
+  .progress-bar--sm .progress-bar__track {
+    height: 0.25rem;
+  }
+
+  .progress-bar--lg .progress-bar__track {
+    height: 0.75rem;
+  }
+
+  .progress-bar--default {
+    --progress-bar-fill: var(--color-base-content);
+  }
+
+  .progress-bar--accent {
+    --progress-bar-fill: var(--color-accent);
+  }
+
+  .progress-bar--success {
+    --progress-bar-fill: var(--color-success);
+  }
+
+  .progress-bar--warning {
+    --progress-bar-fill: var(--color-warning);
+  }
+
+  .progress-bar--danger {
+    --progress-bar-fill: var(--color-danger);
+  }
+
+  @keyframes progress-bar-indeterminate {
+    0% {
+      transform: translateX(-100%);
+    }
+    100% {
+      transform: translateX(350%);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .progress-bar__indicator {
+      transition: none;
+    }
+
+    .progress-bar--indeterminate .progress-bar__indicator {
+      animation: none;
+    }
+  }
+}

package/dist/components/progress-bar/ProgressBar.d.ts

@@ -0,0 +1,19 @@
+import "./ProgressBar.css";
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type ProgressBarSize = "sm" | "md" | "lg";
+export type ProgressBarColor = "default" | "accent" | "success" | "warning" | "danger";
+export type ProgressBarProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & {
+    value?: number;
+    minValue?: number;
+    maxValue?: number;
+    isIndeterminate?: boolean;
+    label?: string;
+    size?: ProgressBarSize;
+    color?: ProgressBarColor;
+    isDisabled?: boolean;
+    formatValue?: (value: number) => string;
+    showValue?: boolean;
+};
+declare const ProgressBar: (props: ProgressBarProps) => JSX.Element;
+export default ProgressBar;

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

@@ -0,0 +1,112 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./ProgressBar.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__ProgressBar_classes_js_54b1a4d7__ from "./ProgressBar.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div><div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+const ProgressBar = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "value",
+        "minValue",
+        "maxValue",
+        "isIndeterminate",
+        "label",
+        "size",
+        "color",
+        "isDisabled",
+        "formatValue",
+        "showValue",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    const min = ()=>local.minValue ?? 0;
+    const max = ()=>local.maxValue ?? 100;
+    const isIndeterminate = ()=>Boolean(local.isIndeterminate) || void 0 === local.value;
+    const percentage = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        if (isIndeterminate()) return 0;
+        const clamped = Math.min(Math.max(local.value ?? 0, min()), max());
+        return (clamped - min()) / (max() - min()) * 100;
+    });
+    const valueText = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        if (isIndeterminate()) return "";
+        if (local.formatValue && void 0 !== local.value) return local.formatValue(local.value);
+        return `${Math.round(percentage())}%`;
+    });
+    const shouldShowValue = ()=>Boolean(local.showValue);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ProgressBar_classes_js_54b1a4d7__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__ProgressBar_classes_js_54b1a4d7__.CLASSES.size[local.size ?? "md"], __WEBPACK_EXTERNAL_MODULE__ProgressBar_classes_js_54b1a4d7__.CLASSES.color[local.color ?? "accent"], isIndeterminate() && __WEBPACK_EXTERNAL_MODULE__ProgressBar_classes_js_54b1a4d7__.CLASSES.state.indeterminate, local.isDisabled && __WEBPACK_EXTERNAL_MODULE__ProgressBar_classes_js_54b1a4d7__.CLASSES.state.disabled, local.class, local.className));
+    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"
+        }, ()=>({
+                class: classes()
+            }), {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            },
+            get ["aria-valuenow"] () {
+                return isIndeterminate() ? void 0 : local.value;
+            },
+            get ["aria-valuemin"] () {
+                return min();
+            },
+            get ["aria-valuemax"] () {
+                return max();
+            },
+            get ["aria-valuetext"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isIndeterminate())() ? void 0 : valueText();
+            },
+            get ["aria-label"] () {
+                return local.label;
+            },
+            get ["aria-disabled"] () {
+                return local.isDisabled ? "true" : void 0;
+            },
+            get ["data-disabled"] () {
+                return local.isDisabled ? "true" : void 0;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
+            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);
+                    return _el$4;
+                })();
+        })(), _el$2);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
+            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);
+                    return _el$5;
+                })();
+        })(), _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__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$;
+    })();
+};
+const progress_bar_ProgressBar = ProgressBar;
+export { progress_bar_ProgressBar as default };

package/dist/components/progress-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./ProgressBar";
+export type { ProgressBarProps, ProgressBarSize, ProgressBarColor } from "./ProgressBar";