@adamosuiteservices/ui 2.13.1 → 2.13.3

package/dist/slider.js

@@ -1,13 +1,13 @@
 "use client";
-import { j as c } from "./jsx-runtime-BzflLqGi.js";
+import { j as u } from "./jsx-runtime-BzflLqGi.js";
 import * as l from "react";
-import { c as $ } from "./index-rKs9bXHr.js";
+import { c as Y } from "./index-rKs9bXHr.js";
 import { u as le, c as _ } from "./index-C0UREtMP.js";
-import { u as C } from "./index-DLcqcWxM.js";
+import { u as M } from "./index-DLcqcWxM.js";
 import { c as ce } from "./index-FxyLF8MY.js";
 import { c as ue, u as me } from "./index-CmWhhuj7.js";
 import { u as fe } from "./index-BZPx6jYI.js";
-import { u as pe } from "./index-BGQepRFJ.js";
+import { u as he } from "./index-BGQepRFJ.js";
 import { P as I } from "./index-BMWt1NBG.js";
 import { c as N } from "./index-CRiPKpXj.js";
 var X = ["PageUp", "PageDown"], G = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], W = {
@@ -15,20 +15,20 @@ var X = ["PageUp", "PageDown"], G = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arrow
   "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
   "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
   "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
-}, M = "Slider", [H, he, Se] = ue(M), [q] = ce(M, [
+}, C = "Slider", [H, pe, Se] = ue(C), [q] = ce(C, [
   Se
-]), [ge, B] = q(M), J = l.forwardRef(
+]), [ge, k] = q(C), J = l.forwardRef(
   (e, t) => {
     const {
-      name: o,
-      min: n = 0,
-      max: r = 100,
+      name: n,
+      min: o = 0,
+      max: i = 100,
       step: d = 1,
-      orientation: i = "horizontal",
+      orientation: r = "horizontal",
       disabled: s = !1,
-      minStepsBetweenThumbs: u = 0,
-      defaultValue: S = [n],
-      value: g,
+      minStepsBetweenThumbs: c = 0,
+      defaultValue: g = [o],
+      value: h,
       onValueChange: a = () => {
       },
       onValueCommit: m = () => {
@@ -36,50 +36,50 @@ var X = ["PageUp", "PageDown"], G = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arrow
       inverted: w = !1,
       form: y,
       ...v
-    } = e, p = l.useRef(/* @__PURE__ */ new Set()), f = l.useRef(0), b = i === "horizontal" ? ve : we, [h = [], A] = le({
-      prop: g,
-      defaultProp: S,
+    } = e, p = l.useRef(/* @__PURE__ */ new Set()), f = l.useRef(0), b = r === "horizontal" ? ve : we, [S = [], A] = le({
+      prop: h,
+      defaultProp: g,
       onChange: (x) => {
         [...p.current][f.current]?.focus(), a(x);
       }
-    }), T = l.useRef(h);
-    function k(x) {
-      const R = Pe(h, x);
+    }), B = l.useRef(S);
+    function T(x) {
+      const R = Pe(S, x);
       j(x, R);
     }
     function se(x) {
       j(x, f.current);
     }
     function de() {
-      const x = T.current[f.current];
-      h[f.current] !== x && m(h);
+      const x = B.current[f.current];
+      S[f.current] !== x && m(S);
     }
     function j(x, R, { commit: V } = { commit: !1 }) {
-      const F = Ce(d), z = Me(Math.round((x - n) / d) * d + n, F), K = $(z, [n, r]);
+      const F = Me(d), z = Ce(Math.round((x - o) / d) * d + o, F), K = Y(z, [o, i]);
       A((E = []) => {
         const P = ye(E, K, R);
-        if (_e(P, u * d)) {
+        if (_e(P, c * d)) {
           f.current = P.indexOf(K);
-          const Y = String(P) !== String(E);
-          return Y && V && m(P), Y ? P : E;
+          const $ = String(P) !== String(E);
+          return $ && V && m(P), $ ? P : E;
         } else
           return E;
       });
     }
-    return /* @__PURE__ */ c.jsx(
+    return /* @__PURE__ */ u.jsx(
       ge,
       {
         scope: e.__scopeSlider,
-        name: o,
+        name: n,
         disabled: s,
-        min: n,
-        max: r,
+        min: o,
+        max: i,
         valueIndexToChangeRef: f,
         thumbs: p.current,
-        values: h,
-        orientation: i,
+        values: S,
+        orientation: r,
         form: y,
-        children: /* @__PURE__ */ c.jsx(H.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ c.jsx(H.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ c.jsx(
+        children: /* @__PURE__ */ u.jsx(H.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ u.jsx(H.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ u.jsx(
           b,
           {
             "aria-disabled": s,
@@ -87,19 +87,19 @@ var X = ["PageUp", "PageDown"], G = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arrow
             ...v,
             ref: t,
             onPointerDown: _(v.onPointerDown, () => {
-              s || (T.current = h);
+              s || (B.current = S);
             }),
-            min: n,
-            max: r,
+            min: o,
+            max: i,
             inverted: w,
-            onSlideStart: s ? void 0 : k,
+            onSlideStart: s ? void 0 : T,
             onSlideMove: s ? void 0 : se,
             onSlideEnd: s ? void 0 : de,
-            onHomeKeyDown: () => !s && j(n, 0, { commit: !0 }),
-            onEndKeyDown: () => !s && j(r, h.length - 1, { commit: !0 }),
+            onHomeKeyDown: () => !s && j(o, 0, { commit: !0 }),
+            onEndKeyDown: () => !s && j(i, S.length - 1, { commit: !0 }),
             onStepKeyDown: ({ event: x, direction: R }) => {
               if (!s) {
-                const z = X.includes(x.key) || x.shiftKey && G.includes(x.key) ? 10 : 1, K = f.current, E = h[K], P = d * z * R;
+                const z = X.includes(x.key) || x.shiftKey && G.includes(x.key) ? 10 : 1, K = f.current, E = S[K], P = d * z * R;
                 j(E + P, K, { commit: !0 });
               }
             }
@@ -109,8 +109,8 @@ var X = ["PageUp", "PageDown"], G = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arrow
     );
   }
 );
-J.displayName = M;
-var [Q, Z] = q(M, {
+J.displayName = C;
+var [Q, Z] = q(C, {
   startEdge: "left",
   endEdge: "right",
   size: "width",
@@ -118,21 +118,21 @@ var [Q, Z] = q(M, {
 }), ve = l.forwardRef(
   (e, t) => {
     const {
-      min: o,
-      max: n,
-      dir: r,
+      min: n,
+      max: o,
+      dir: i,
       inverted: d,
-      onSlideStart: i,
+      onSlideStart: r,
       onSlideMove: s,
-      onSlideEnd: u,
-      onStepKeyDown: S,
-      ...g
-    } = e, [a, m] = l.useState(null), w = C(t, (b) => m(b)), y = l.useRef(void 0), v = me(r), p = v === "ltr", f = p && !d || !p && d;
+      onSlideEnd: c,
+      onStepKeyDown: g,
+      ...h
+    } = e, [a, m] = l.useState(null), w = M(t, (b) => m(b)), y = l.useRef(void 0), v = me(i), p = v === "ltr", f = p && !d || !p && d;
     function D(b) {
-      const h = y.current || a.getBoundingClientRect(), A = [0, h.width], k = U(A, f ? [o, n] : [n, o]);
-      return y.current = h, k(b - h.left);
+      const S = y.current || a.getBoundingClientRect(), A = [0, S.width], T = U(A, f ? [n, o] : [o, n]);
+      return y.current = S, T(b - S.left);
     }
-    return /* @__PURE__ */ c.jsx(
+    return /* @__PURE__ */ u.jsx(
       Q,
       {
         scope: e.__scopeSlider,
@@ -140,31 +140,31 @@ var [Q, Z] = q(M, {
         endEdge: f ? "right" : "left",
         direction: f ? 1 : -1,
         size: "width",
-        children: /* @__PURE__ */ c.jsx(
+        children: /* @__PURE__ */ u.jsx(
           ee,
           {
             dir: v,
             "data-orientation": "horizontal",
-            ...g,
+            ...h,
             ref: w,
             style: {
-              ...g.style,
+              ...h.style,
               "--radix-slider-thumb-transform": "translateX(-50%)"
             },
             onSlideStart: (b) => {
-              const h = D(b.clientX);
-              i?.(h);
+              const S = D(b.clientX);
+              r?.(S);
             },
             onSlideMove: (b) => {
-              const h = D(b.clientX);
-              s?.(h);
+              const S = D(b.clientX);
+              s?.(S);
             },
             onSlideEnd: () => {
-              y.current = void 0, u?.();
+              y.current = void 0, c?.();
             },
             onStepKeyDown: (b) => {
               const A = W[f ? "from-left" : "from-right"].includes(b.key);
-              S?.({ event: b, direction: A ? -1 : 1 });
+              g?.({ event: b, direction: A ? -1 : 1 });
             }
           }
         )
@@ -174,20 +174,20 @@ var [Q, Z] = q(M, {
 ), we = l.forwardRef(
   (e, t) => {
     const {
-      min: o,
-      max: n,
-      inverted: r,
+      min: n,
+      max: o,
+      inverted: i,
       onSlideStart: d,
-      onSlideMove: i,
+      onSlideMove: r,
       onSlideEnd: s,
-      onStepKeyDown: u,
-      ...S
-    } = e, g = l.useRef(null), a = C(t, g), m = l.useRef(void 0), w = !r;
+      onStepKeyDown: c,
+      ...g
+    } = e, h = l.useRef(null), a = M(t, h), m = l.useRef(void 0), w = !i;
     function y(v) {
-      const p = m.current || g.current.getBoundingClientRect(), f = [0, p.height], b = U(f, w ? [n, o] : [o, n]);
+      const p = m.current || h.current.getBoundingClientRect(), f = [0, p.height], b = U(f, w ? [o, n] : [n, o]);
       return m.current = p, b(v - p.top);
     }
-    return /* @__PURE__ */ c.jsx(
+    return /* @__PURE__ */ u.jsx(
       Q,
       {
         scope: e.__scopeSlider,
@@ -195,14 +195,14 @@ var [Q, Z] = q(M, {
         endEdge: w ? "top" : "bottom",
         size: "height",
         direction: w ? 1 : -1,
-        children: /* @__PURE__ */ c.jsx(
+        children: /* @__PURE__ */ u.jsx(
           ee,
           {
             "data-orientation": "vertical",
-            ...S,
+            ...g,
             ref: a,
             style: {
-              ...S.style,
+              ...g.style,
               "--radix-slider-thumb-transform": "translateY(50%)"
             },
             onSlideStart: (v) => {
@@ -211,14 +211,14 @@ var [Q, Z] = q(M, {
             },
             onSlideMove: (v) => {
               const p = y(v.clientY);
-              i?.(p);
+              r?.(p);
             },
             onSlideEnd: () => {
               m.current = void 0, s?.();
             },
             onStepKeyDown: (v) => {
               const f = W[w ? "from-bottom" : "from-top"].includes(v.key);
-              u?.({ event: v, direction: f ? -1 : 1 });
+              c?.({ event: v, direction: f ? -1 : 1 });
             }
           }
         )
@@ -228,29 +228,29 @@ var [Q, Z] = q(M, {
 ), ee = l.forwardRef(
   (e, t) => {
     const {
-      __scopeSlider: o,
-      onSlideStart: n,
-      onSlideMove: r,
+      __scopeSlider: n,
+      onSlideStart: o,
+      onSlideMove: i,
       onSlideEnd: d,
-      onHomeKeyDown: i,
+      onHomeKeyDown: r,
       onEndKeyDown: s,
-      onStepKeyDown: u,
-      ...S
-    } = e, g = B(M, o);
-    return /* @__PURE__ */ c.jsx(
+      onStepKeyDown: c,
+      ...g
+    } = e, h = k(C, n);
+    return /* @__PURE__ */ u.jsx(
       I.span,
       {
-        ...S,
+        ...g,
         ref: t,
         onKeyDown: _(e.onKeyDown, (a) => {
-          a.key === "Home" ? (i(a), a.preventDefault()) : a.key === "End" ? (s(a), a.preventDefault()) : X.concat(G).includes(a.key) && (u(a), a.preventDefault());
+          a.key === "Home" ? (r(a), a.preventDefault()) : a.key === "End" ? (s(a), a.preventDefault()) : X.concat(G).includes(a.key) && (c(a), a.preventDefault());
         }),
         onPointerDown: _(e.onPointerDown, (a) => {
           const m = a.target;
-          m.setPointerCapture(a.pointerId), a.preventDefault(), g.thumbs.has(m) ? m.focus() : n(a);
+          m.setPointerCapture(a.pointerId), a.preventDefault(), h.thumbs.has(m) ? m.focus() : o(a);
         }),
         onPointerMove: _(e.onPointerMove, (a) => {
-          a.target.hasPointerCapture(a.pointerId) && r(a);
+          a.target.hasPointerCapture(a.pointerId) && i(a);
         }),
         onPointerUp: _(e.onPointerUp, (a) => {
           const m = a.target;
@@ -259,60 +259,60 @@ var [Q, Z] = q(M, {
       }
     );
   }
-), te = "SliderTrack", oe = l.forwardRef(
+), te = "SliderTrack", ne = l.forwardRef(
   (e, t) => {
-    const { __scopeSlider: o, ...n } = e, r = B(te, o);
-    return /* @__PURE__ */ c.jsx(
+    const { __scopeSlider: n, ...o } = e, i = k(te, n);
+    return /* @__PURE__ */ u.jsx(
       I.span,
       {
-        "data-disabled": r.disabled ? "" : void 0,
-        "data-orientation": r.orientation,
-        ...n,
+        "data-disabled": i.disabled ? "" : void 0,
+        "data-orientation": i.orientation,
+        ...o,
         ref: t
       }
     );
   }
 );
-oe.displayName = te;
-var L = "SliderRange", ne = l.forwardRef(
+ne.displayName = te;
+var L = "SliderRange", oe = l.forwardRef(
   (e, t) => {
-    const { __scopeSlider: o, ...n } = e, r = B(L, o), d = Z(L, o), i = l.useRef(null), s = C(t, i), u = r.values.length, S = r.values.map(
-      (m) => ae(m, r.min, r.max)
-    ), g = u > 1 ? Math.min(...S) : 0, a = 100 - Math.max(...S);
-    return /* @__PURE__ */ c.jsx(
+    const { __scopeSlider: n, ...o } = e, i = k(L, n), d = Z(L, n), r = l.useRef(null), s = M(t, r), c = i.values.length, g = i.values.map(
+      (m) => ae(m, i.min, i.max)
+    ), h = c > 1 ? Math.min(...g) : 0, a = 100 - Math.max(...g);
+    return /* @__PURE__ */ u.jsx(
       I.span,
       {
-        "data-orientation": r.orientation,
-        "data-disabled": r.disabled ? "" : void 0,
-        ...n,
+        "data-orientation": i.orientation,
+        "data-disabled": i.disabled ? "" : void 0,
+        ...o,
         ref: s,
         style: {
           ...e.style,
-          [d.startEdge]: g + "%",
+          [d.startEdge]: h + "%",
           [d.endEdge]: a + "%"
         }
       }
     );
   }
 );
-ne.displayName = L;
+oe.displayName = L;
 var O = "SliderThumb", re = l.forwardRef(
   (e, t) => {
-    const o = he(e.__scopeSlider), [n, r] = l.useState(null), d = C(t, (s) => r(s)), i = l.useMemo(
-      () => n ? o().findIndex((s) => s.ref.current === n) : -1,
-      [o, n]
+    const n = pe(e.__scopeSlider), [o, i] = l.useState(null), d = M(t, (s) => i(s)), r = l.useMemo(
+      () => o ? n().findIndex((s) => s.ref.current === o) : -1,
+      [n, o]
     );
-    return /* @__PURE__ */ c.jsx(be, { ...e, ref: d, index: i });
+    return /* @__PURE__ */ u.jsx(be, { ...e, ref: d, index: r });
   }
 ), be = l.forwardRef(
   (e, t) => {
-    const { __scopeSlider: o, index: n, name: r, ...d } = e, i = B(O, o), s = Z(O, o), [u, S] = l.useState(null), g = C(t, (D) => S(D)), a = u ? i.form || !!u.closest("form") : !0, m = pe(u), w = i.values[n], y = w === void 0 ? 0 : ae(w, i.min, i.max), v = Re(n, i.values.length), p = m?.[s.size], f = p ? De(p, y, s.direction) : 0;
+    const { __scopeSlider: n, index: o, name: i, ...d } = e, r = k(O, n), s = Z(O, n), [c, g] = l.useState(null), h = M(t, (D) => g(D)), a = c ? r.form || !!c.closest("form") : !0, m = he(c), w = r.values[o], y = w === void 0 ? 0 : ae(w, r.min, r.max), v = Re(o, r.values.length), p = m?.[s.size], f = p ? De(p, y, s.direction) : 0;
     return l.useEffect(() => {
-      if (u)
-        return i.thumbs.add(u), () => {
-          i.thumbs.delete(u);
+      if (c)
+        return r.thumbs.add(c), () => {
+          r.thumbs.delete(c);
         };
-    }, [u, i.thumbs]), /* @__PURE__ */ c.jsxs(
+    }, [c, r.thumbs]), /* @__PURE__ */ u.jsxs(
       "span",
       {
         style: {
@@ -321,34 +321,34 @@ var O = "SliderThumb", re = l.forwardRef(
           [s.startEdge]: `calc(${y}% + ${f}px)`
         },
         children: [
-          /* @__PURE__ */ c.jsx(H.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ c.jsx(
+          /* @__PURE__ */ u.jsx(H.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ u.jsx(
             I.span,
             {
               role: "slider",
               "aria-label": e["aria-label"] || v,
-              "aria-valuemin": i.min,
+              "aria-valuemin": r.min,
               "aria-valuenow": w,
-              "aria-valuemax": i.max,
-              "aria-orientation": i.orientation,
-              "data-orientation": i.orientation,
-              "data-disabled": i.disabled ? "" : void 0,
-              tabIndex: i.disabled ? void 0 : 0,
+              "aria-valuemax": r.max,
+              "aria-orientation": r.orientation,
+              "data-orientation": r.orientation,
+              "data-disabled": r.disabled ? "" : void 0,
+              tabIndex: r.disabled ? void 0 : 0,
               ...d,
-              ref: g,
+              ref: h,
               style: w === void 0 ? { display: "none" } : e.style,
               onFocus: _(e.onFocus, () => {
-                i.valueIndexToChangeRef.current = n;
+                r.valueIndexToChangeRef.current = o;
               })
             }
           ) }),
-          a && /* @__PURE__ */ c.jsx(
+          a && /* @__PURE__ */ u.jsx(
             ie,
             {
-              name: r ?? (i.name ? i.name + (i.values.length > 1 ? "[]" : "") : void 0),
-              form: i.form,
+              name: i ?? (r.name ? r.name + (r.values.length > 1 ? "[]" : "") : void 0),
+              form: r.form,
               value: w
             },
-            n
+            o
           )
         ]
       }
@@ -357,21 +357,21 @@ var O = "SliderThumb", re = l.forwardRef(
 );
 re.displayName = O;
 var xe = "RadioBubbleInput", ie = l.forwardRef(
-  ({ __scopeSlider: e, value: t, ...o }, n) => {
-    const r = l.useRef(null), d = C(r, n), i = fe(t);
+  ({ __scopeSlider: e, value: t, ...n }, o) => {
+    const i = l.useRef(null), d = M(i, o), r = fe(t);
     return l.useEffect(() => {
-      const s = r.current;
+      const s = i.current;
       if (!s) return;
-      const u = window.HTMLInputElement.prototype, g = Object.getOwnPropertyDescriptor(u, "value").set;
-      if (i !== t && g) {
+      const c = window.HTMLInputElement.prototype, h = Object.getOwnPropertyDescriptor(c, "value").set;
+      if (r !== t && h) {
         const a = new Event("input", { bubbles: !0 });
-        g.call(s, t), s.dispatchEvent(a);
+        h.call(s, t), s.dispatchEvent(a);
       }
-    }, [i, t]), /* @__PURE__ */ c.jsx(
+    }, [r, t]), /* @__PURE__ */ u.jsx(
       I.input,
       {
         style: { display: "none" },
-        ...o,
+        ...n,
         ref: d,
         defaultValue: t
       }
@@ -379,73 +379,85 @@ var xe = "RadioBubbleInput", ie = l.forwardRef(
   }
 );
 ie.displayName = xe;
-function ye(e = [], t, o) {
-  const n = [...e];
-  return n[o] = t, n.sort((r, d) => r - d);
+function ye(e = [], t, n) {
+  const o = [...e];
+  return o[n] = t, o.sort((i, d) => i - d);
 }
-function ae(e, t, o) {
-  const d = 100 / (o - t) * (e - t);
-  return $(d, [0, 100]);
+function ae(e, t, n) {
+  const d = 100 / (n - t) * (e - t);
+  return Y(d, [0, 100]);
 }
 function Re(e, t) {
   return t > 2 ? `Value ${e + 1} of ${t}` : t === 2 ? ["Minimum", "Maximum"][e] : void 0;
 }
 function Pe(e, t) {
   if (e.length === 1) return 0;
-  const o = e.map((r) => Math.abs(r - t)), n = Math.min(...o);
-  return o.indexOf(n);
+  const n = e.map((i) => Math.abs(i - t)), o = Math.min(...n);
+  return n.indexOf(o);
 }
-function De(e, t, o) {
-  const n = e / 2, d = U([0, 50], [0, n]);
-  return (n - d(t) * o) * o;
+function De(e, t, n) {
+  const o = e / 2, d = U([0, 50], [0, o]);
+  return (o - d(t) * n) * n;
 }
 function Ee(e) {
-  return e.slice(0, -1).map((t, o) => e[o + 1] - t);
+  return e.slice(0, -1).map((t, n) => e[n + 1] - t);
 }
 function _e(e, t) {
   if (t > 0) {
-    const o = Ee(e);
-    return Math.min(...o) >= t;
+    const n = Ee(e);
+    return Math.min(...n) >= t;
   }
   return !0;
 }
 function U(e, t) {
-  return (o) => {
+  return (n) => {
     if (e[0] === e[1] || t[0] === t[1]) return t[0];
-    const n = (t[1] - t[0]) / (e[1] - e[0]);
-    return t[0] + n * (o - e[0]);
+    const o = (t[1] - t[0]) / (e[1] - e[0]);
+    return t[0] + o * (n - e[0]);
   };
 }
-function Ce(e) {
+function Me(e) {
   return (String(e).split(".")[1] || "").length;
 }
-function Me(e, t) {
-  const o = Math.pow(10, t);
-  return Math.round(e * o) / o;
+function Ce(e, t) {
+  const n = Math.pow(10, t);
+  return Math.round(e * n) / n;
 }
-var Ae = J, je = oe, Ke = ne, Ie = re;
+var Ae = J, je = ne, Ke = oe, Ie = re;
 function Fe({
   className: e,
   defaultValue: t,
-  value: o,
-  min: n = 0,
-  max: r = 100,
+  value: n,
+  min: o = 0,
+  max: i = 100,
   theme: d,
-  ...i
+  color: r,
+  ...s
 }) {
-  const s = l.useMemo(
-    () => Array.isArray(o) ? o : Array.isArray(t) ? t : [n, r],
-    [o, t, n, r]
-  );
-  return /* @__PURE__ */ c.jsxs(
+  const c = l.useMemo(
+    () => Array.isArray(n) ? n : Array.isArray(t) ? t : [o, i],
+    [n, t, o, i]
+  ), g = l.useMemo(() => {
+    if (r) {
+      if (r === "full")
+        return {
+          background: "linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff0000)"
+        };
+      if (Array.isArray(r) && r.length === 2)
+        return {
+          background: `linear-gradient(to right, ${r[0]}, ${r[1]})`
+        };
+    }
+  }, [r]);
+  return /* @__PURE__ */ u.jsxs(
     Ae,
     {
       "data-slot": "slider",
       "data-theme": d,
       defaultValue: t,
-      value: o,
-      min: n,
-      max: r,
+      value: n,
+      min: o,
+      max: i,
       className: N(
         `
           adm:relative adm:flex adm:w-full adm:touch-none adm:items-center
@@ -458,38 +470,40 @@ function Fe({
         `,
         e
       ),
-      ...i,
+      ...s,
       children: [
-        /* @__PURE__ */ c.jsx(
+        /* @__PURE__ */ u.jsx(
           je,
           {
             "data-slot": "slider-track",
             className: N(
               `
             adm:relative adm:grow adm:overflow-hidden adm:rounded-full
-            adm:bg-muted
             adm:data-[orientation=horizontal]:h-1.5
             adm:data-[orientation=horizontal]:w-full
             adm:data-[orientation=vertical]:h-full
             adm:data-[orientation=vertical]:w-1.5
-          `
+          `,
+              r ? "" : "adm:bg-muted"
             ),
-            children: /* @__PURE__ */ c.jsx(
+            style: r ? g : void 0,
+            children: /* @__PURE__ */ u.jsx(
               Ke,
               {
                 "data-slot": "slider-range",
                 className: N(
                   `
-              adm:absolute adm:bg-primary
+              adm:absolute
               adm:data-[orientation=horizontal]:h-full
               adm:data-[orientation=vertical]:w-full
-            `
+            `,
+                  r ? "adm:bg-transparent" : "adm:bg-primary"
                 )
               }
             )
           }
         ),
-        Array.from({ length: s.length }, (u, S) => /* @__PURE__ */ c.jsx(
+        Array.from({ length: c.length }, (h, a) => /* @__PURE__ */ u.jsx(
           Ie,
           {
             "data-slot": "slider-thumb",
@@ -502,7 +516,7 @@ function Fe({
             adm:disabled:pointer-events-none adm:disabled:opacity-50
           `
           },
-          S
+          a
         ))
       ]
     }