@pathscale/ui 1.2.6 → 1.2.7

package/dist/components/popover/Popover.js

@@ -1,18 +1,18 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { Portal, createComponent, insert, memo, mergeProps, spread, template, use } from "solid-js/web";
 import "./Popover.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__shared_overlayPosition_js_ab299723__ from "../_shared/overlayPosition.js";
-import * as __WEBPACK_EXTERNAL_MODULE__Popover_classes_js_917d7621__ from "./Popover.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)('<svg aria-hidden=true data-slot=popover-arrow-svg height=12 viewBox="0 0 12 12"width=12 xmlns=http://www.w3.org/2000/svg><path d="M0 0C5.48483 8 6.5 8 12 0Z"fill=currentColor>'), _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)("<h3>");
-const PopoverContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+import { Show, createContext, createEffect, createMemo, createSignal, onCleanup, onMount, splitProps, useContext } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { createOverlayPosition } from "../_shared/overlayPosition.js";
+import { CLASSES } from "./Popover.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template('<svg aria-hidden=true data-slot=popover-arrow-svg height=12 viewBox="0 0 12 12"width=12 xmlns=http://www.w3.org/2000/svg><path d="M0 0C5.48483 8 6.5 8 12 0Z"fill=currentColor>'), _tmpl$3 = /*#__PURE__*/ template("<span>"), _tmpl$4 = /*#__PURE__*/ template("<h3>");
+const PopoverContext = createContext();
 const usePopoverContext = ()=>{
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(PopoverContext);
+    const ctx = useContext(PopoverContext);
     if (!ctx) throw new Error("Popover compound components must be used within <Popover>");
     return ctx;
 };
 const PopoverRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -28,14 +28,14 @@ const PopoverRoot = (props)=>{
         "closeOnEscape",
         "onInteractOutside"
     ]);
-    const [internalOpen, setInternalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(Boolean(local.defaultOpen));
-    const [triggerRef, setTriggerRef] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)();
-    const [contentRef, setContentRef] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)();
-    const [triggerId] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(`popover-trigger-${Math.random().toString(36).slice(2, 8)}`);
-    const [contentId] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(`popover-content-${Math.random().toString(36).slice(2, 8)}`);
-    const [resolvedPlacement, setResolvedPlacement] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.placement ?? "bottom");
-    const isControlled = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>void 0 !== local.isOpen);
-    const isOpen = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>isControlled() ? Boolean(local.isOpen) : internalOpen());
+    const [internalOpen, setInternalOpen] = createSignal(Boolean(local.defaultOpen));
+    const [triggerRef, setTriggerRef] = createSignal();
+    const [contentRef, setContentRef] = createSignal();
+    const [triggerId] = createSignal(`popover-trigger-${Math.random().toString(36).slice(2, 8)}`);
+    const [contentId] = createSignal(`popover-content-${Math.random().toString(36).slice(2, 8)}`);
+    const [resolvedPlacement, setResolvedPlacement] = createSignal(local.placement ?? "bottom");
+    const isControlled = createMemo(()=>void 0 !== local.isOpen);
+    const isOpen = createMemo(()=>isControlled() ? Boolean(local.isOpen) : internalOpen());
     const setIsOpen = (next, options)=>{
         if (!isControlled()) setInternalOpen(next);
         if (isOpen() !== next) local.onOpenChange?.(next);
@@ -45,7 +45,7 @@ const PopoverRoot = (props)=>{
     const placement = ()=>resolvedPlacement();
     const offset = ()=>local.offset ?? 8;
     const autoFlip = ()=>local.autoFlip ?? true;
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
+    onMount(()=>{
         const handlePointerDown = (event)=>{
             if (!isOpen()) return;
             if (false === local.closeOnOutsideClick) return;
@@ -69,7 +69,7 @@ const PopoverRoot = (props)=>{
         };
         document.addEventListener("pointerdown", handlePointerDown);
         document.addEventListener("keydown", handleKeyDown);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        onCleanup(()=>{
             document.removeEventListener("pointerdown", handlePointerDown);
             document.removeEventListener("keydown", handleKeyDown);
         });
@@ -90,12 +90,12 @@ const PopoverRoot = (props)=>{
         offset,
         onInteractOutside: local.onInteractOutside
     };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(PopoverContext.Provider, {
+    return createComponent(PopoverContext.Provider, {
         value: ctx,
         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, ()=>({
-                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Popover_classes_js_917d7621__.CLASSES.slot.root, local.class, local.className)
+            spread(_el$, mergeProps(others, ()=>({
+                    class: twMerge(CLASSES.slot.root, local.class, local.className)
                 }), {
                 "data-slot": "popover-root",
                 get ["data-theme"] () {
@@ -105,13 +105,13 @@ const PopoverRoot = (props)=>{
                     return local.style;
                 }
             }), false, true);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+            insert(_el$, ()=>local.children);
             return _el$;
         }
     });
 };
 const PopoverTrigger = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -142,15 +142,15 @@ const PopoverTrigger = (props)=>{
     };
     return (()=>{
         var _el$2 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>ctx.setTriggerRef(el), _el$2);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        use((el)=>ctx.setTriggerRef(el), _el$2);
+        spread(_el$2, mergeProps(others, {
             get id () {
                 return ctx.triggerId();
             },
             role: "button",
             tabIndex: 0
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Popover_classes_js_917d7621__.CLASSES.slot.trigger, local.class, local.className)
+                class: twMerge(CLASSES.slot.trigger, local.class, local.className)
             }), {
             "data-slot": "popover-trigger",
             get ["data-theme"] () {
@@ -164,17 +164,17 @@ const PopoverTrigger = (props)=>{
                 return ctx.isOpen() ? "true" : "false";
             },
             get ["aria-controls"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!ctx.isOpen())() ? ctx.contentId() : void 0;
+                return memo(()=>!!ctx.isOpen())() ? ctx.contentId() : void 0;
             },
             onClick: handleClick,
             onKeyDown: handleKeyDown
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
+        insert(_el$2, ()=>local.children);
         return _el$2;
     })();
 };
 const PopoverContent = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -183,7 +183,7 @@ const PopoverContent = (props)=>{
         "sideOffset"
     ]);
     const ctx = usePopoverContext();
-    const overlayPosition = (0, __WEBPACK_EXTERNAL_MODULE__shared_overlayPosition_js_ab299723__.createOverlayPosition)({
+    const overlayPosition = createOverlayPosition({
         open: ctx.isOpen,
         triggerRef: ctx.triggerRef,
         overlayRef: ctx.contentRef,
@@ -192,7 +192,7 @@ const PopoverContent = (props)=>{
         autoFlip: ctx.autoFlip,
         align: ()=>"center"
     });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         ctx.setPlacement(overlayPosition.placement());
     });
     const style = ()=>{
@@ -206,22 +206,22 @@ const PopoverContent = (props)=>{
             ...overlayStyle
         };
     };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+    return createComponent(Show, {
         get when () {
             return ctx.isOpen();
         },
         get children () {
-            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Portal, {
+            return createComponent(Portal, {
                 get children () {
                     var _el$3 = _tmpl$();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>ctx.setContentRef(el), _el$3);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+                    use((el)=>ctx.setContentRef(el), _el$3);
+                    spread(_el$3, mergeProps(others, {
                         get id () {
                             return ctx.contentId();
                         },
                         role: "dialog"
                     }, ()=>({
-                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Popover_classes_js_917d7621__.CLASSES.base, local.class, local.className)
+                            class: twMerge(CLASSES.base, local.class, local.className)
                         }), {
                         "data-slot": "popover-content",
                         get ["data-open"] () {
@@ -243,7 +243,7 @@ const PopoverContent = (props)=>{
                             return ctx.isOpen() ? "false" : "true";
                         }
                     }), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
+                    insert(_el$3, ()=>local.children);
                     return _el$3;
                 }
             });
@@ -251,7 +251,7 @@ const PopoverContent = (props)=>{
     });
 };
 const PopoverDialog = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -260,8 +260,8 @@ const PopoverDialog = (props)=>{
     ]);
     return (()=>{
         var _el$4 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Popover_classes_js_917d7621__.CLASSES.slot.dialog, local.class, local.className)
+        spread(_el$4, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.slot.dialog, local.class, local.className)
             }), {
             "data-slot": "popover-dialog",
             get ["data-theme"] () {
@@ -271,12 +271,12 @@ const PopoverDialog = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
+        insert(_el$4, ()=>local.children);
         return _el$4;
     })();
 };
 const PopoverArrow = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -287,8 +287,8 @@ const PopoverArrow = (props)=>{
     const defaultArrow = _tmpl$2();
     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, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Popover_classes_js_917d7621__.CLASSES.slot.arrow, local.class, local.className)
+        spread(_el$6, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.slot.arrow, local.class, local.className)
             }), {
             "data-slot": "popover-arrow",
             get ["data-placement"] () {
@@ -302,12 +302,12 @@ const PopoverArrow = (props)=>{
             },
             "aria-hidden": "true"
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children ?? defaultArrow);
+        insert(_el$6, ()=>local.children ?? defaultArrow);
         return _el$6;
     })();
 };
 const PopoverHeading = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -316,8 +316,8 @@ const PopoverHeading = (props)=>{
     ]);
     return (()=>{
         var _el$7 = _tmpl$4();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Popover_classes_js_917d7621__.CLASSES.slot.heading, local.class, local.className)
+        spread(_el$7, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.slot.heading, local.class, local.className)
             }), {
             "data-slot": "popover-heading",
             get ["data-theme"] () {
@@ -327,7 +327,7 @@ const PopoverHeading = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.children);
+        insert(_el$7, ()=>local.children);
         return _el$7;
     })();
 };

package/dist/components/popover/index.js

@@ -1,9 +1,3 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Popover_js_1c9672de__ from "./Popover.js";
-const popover = __WEBPACK_EXTERNAL_MODULE__Popover_js_1c9672de__["default"];
-var __webpack_exports__PopoverArrow = __WEBPACK_EXTERNAL_MODULE__Popover_js_1c9672de__.PopoverArrow;
-var __webpack_exports__PopoverContent = __WEBPACK_EXTERNAL_MODULE__Popover_js_1c9672de__.PopoverContent;
-var __webpack_exports__PopoverDialog = __WEBPACK_EXTERNAL_MODULE__Popover_js_1c9672de__.PopoverDialog;
-var __webpack_exports__PopoverHeading = __WEBPACK_EXTERNAL_MODULE__Popover_js_1c9672de__.PopoverHeading;
-var __webpack_exports__PopoverRoot = __WEBPACK_EXTERNAL_MODULE__Popover_js_1c9672de__.PopoverRoot;
-var __webpack_exports__PopoverTrigger = __WEBPACK_EXTERNAL_MODULE__Popover_js_1c9672de__.PopoverTrigger;
-export { popover as default, __webpack_exports__PopoverArrow as PopoverArrow, __webpack_exports__PopoverContent as PopoverContent, __webpack_exports__PopoverDialog as PopoverDialog, __webpack_exports__PopoverHeading as PopoverHeading, __webpack_exports__PopoverRoot as PopoverRoot, __webpack_exports__PopoverTrigger as PopoverTrigger };
+import external_Popover_js_default, { PopoverArrow, PopoverContent, PopoverDialog, PopoverHeading, PopoverRoot, PopoverTrigger } from "./Popover.js";
+const popover = external_Popover_js_default;
+export { PopoverArrow, PopoverContent, PopoverDialog, PopoverHeading, PopoverRoot, PopoverTrigger, popover as default };

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

@@ -1,104 +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;
-    }
-  }
-}
+@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.js

@@ -1,11 +1,11 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { insert, memo, mergeProps, spread, template } 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>");
+import { createMemo, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./ProgressBar.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div><div><div>"), _tmpl$2 = /*#__PURE__*/ template("<span>");
 const ProgressBar = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "value",
         "minValue",
         "maxValue",
@@ -24,21 +24,21 @@ const ProgressBar = (props)=>{
     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)(()=>{
+    const percentage = 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)(()=>{
+    const valueText = 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));
+    const classes = createMemo(()=>twMerge(CLASSES.base, CLASSES.size[local.size ?? "md"], CLASSES.color[local.color ?? "accent"], isIndeterminate() && CLASSES.state.indeterminate, local.isDisabled && 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, {
+        spread(_el$, mergeProps(others, {
             role: "progressbar"
         }, ()=>({
                 class: classes()
@@ -50,7 +50,7 @@ const ProgressBar = (props)=>{
                 return local.style;
             },
             get ["aria-valuenow"] () {
-                return isIndeterminate() ? void 0 : local.value;
+                return memo(()=>!!isIndeterminate())() ? void 0 : local.value;
             },
             get ["aria-valuemin"] () {
                 return min();
@@ -59,7 +59,7 @@ const ProgressBar = (props)=>{
                 return max();
             },
             get ["aria-valuetext"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isIndeterminate())() ? void 0 : valueText();
+                return memo(()=>!!isIndeterminate())() ? void 0 : valueText();
             },
             get ["aria-label"] () {
                 return local.label;
@@ -71,36 +71,36 @@ const ProgressBar = (props)=>{
                 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);
+        insert(_el$, (()=>{
+            var _c$ = 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
+                    spread(_el$4, mergeProps(()=>({
+                            class: CLASSES.label
                         })), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.label);
+                    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());
+        insert(_el$, (()=>{
+            var _c$2 = 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
+                    spread(_el$5, mergeProps(()=>({
+                            class: CLASSES.output
                         })), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, valueText);
+                    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
+        spread(_el$2, mergeProps(()=>({
+                class: 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
+        spread(_el$3, mergeProps(()=>({
+                class: CLASSES.indicator
             }), {
             get style () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isIndeterminate())() ? void 0 : {
+                return memo(()=>!!isIndeterminate())() ? void 0 : {
                     width: `${percentage()}%`
                 };
             }

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

@@ -1,3 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__ProgressBar_js_0e285d3e__ from "./ProgressBar.js";
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__ProgressBar_js_0e285d3e__["default"];
-export { __webpack_exports__default as default };
+import external_ProgressBar_js_default from "./ProgressBar.js";
+export { external_ProgressBar_js_default as default };