kdpa-components 1.0.0 → 1.2.0

package/dist/{KdpaSlider-93a991f0.js → KdpaSlider-b7226e20.js}

@@ -1,15 +1,14 @@
-import { j as C } from "./jsx-runtime-944c88e2.js";
-import { _ as c, a as Nt } from "./extends-393586f3.js";
+import { j as $t } from "./jsx-dev-runtime-48fdc504.js";
+import { a as c, _ as Et } from "./extends-135d7828.js";
 import * as T from "react";
-import { P as t } from "./index-f4329b29.js";
-import { g as Rt, c as ce, s as ee, j as ct, u as Et, a as _t } from "./useThemeProps-114e8d66.js";
-import { u as Vt } from "./useTheme-2bb6b2df.js";
-import { i as Ee, u as B } from "./useSlotProps-db1ead27.js";
-import { g as wt, c as U, l as jt, d as At, a as rt } from "./identifier-5cabf5ae.js";
-import { u as It } from "./useControlled-cc2d41cb.js";
-import { u as Mt } from "./useIsFocusVisible-4693b580.js";
+import { g as Rt, j as N, P as t, c as U, l as _t, d as Vt, a as rt } from "./identifier-2647f844.js";
+import { g as jt, c as ce, s as ee, j as ct, u as wt, a as At } from "./useThemeProps-ea792506.js";
+import { u as It } from "./useTheme-6ea322ec.js";
+import { i as Re, u as B } from "./useSlotProps-3b927bcb.js";
+import { u as Mt } from "./useControlled-cc2d41cb.js";
+import { u as zt } from "./useIsFocusVisible-4693b580.js";
 import { u as at } from "./useForkRef-0781dda0.js";
-import { u as zt, a as We } from "./useEventCallback-83a2883c.js";
+import { u as Dt, a as Ke } from "./useEventCallback-83a2883c.js";
 import { o as _e } from "./ownerDocument-5430cd5b.js";
 import { c as nt } from "./chainPropTypes-004bf492.js";
 const Ft = {
@@ -22,11 +21,11 @@ const Ft = {
   position: "absolute",
   whiteSpace: "nowrap",
   width: "1px"
-}, Dt = Ft;
-function Ht(e, o, a = (s, d) => s === d) {
+}, Ht = Ft;
+function Yt(e, o, a = (s, d) => s === d) {
   return e.length === o.length && e.every((s, d) => a(s, o[d]));
 }
-const Yt = 2;
+const Bt = 2;
 function ut(e, o) {
   return e - o;
 }
@@ -37,11 +36,11 @@ function lt(e, o) {
   var a;
   const {
     index: s
-  } = (a = e.reduce((d, L, N) => {
-    const m = Math.abs(o - L);
-    return d === null || m < d.distance || m === d.distance ? {
-      distance: m,
-      index: N
+  } = (a = e.reduce((d, L, $) => {
+    const f = Math.abs(o - L);
+    return d === null || f < d.distance || f === d.distance ? {
+      distance: f,
+      index: $
     } : d;
   }, null)) != null ? a : {};
   return s;
@@ -67,10 +66,10 @@ function Ce(e, o) {
 function Ve(e, o, a) {
   return (e - o) * 100 / (a - o);
 }
-function Bt(e, o, a) {
+function Ut(e, o, a) {
   return (a - o) * e + o;
 }
-function Ut(e) {
+function qt(e) {
   if (Math.abs(e) < 1) {
     const a = e.toExponential().split("e-"), s = a[0].split(".")[1];
     return (s ? s.length : 0) + parseInt(a[1], 10);
@@ -78,9 +77,9 @@ function Ut(e) {
   const o = e.toString().split(".")[1];
   return o ? o.length : 0;
 }
-function qt(e, o, a) {
+function Xt(e, o, a) {
   const s = Math.round((e - a) / o) * o + a;
-  return Number(s.toFixed(Ut(o)));
+  return Number(s.toFixed(qt(o)));
 }
 function st({
   values: e,
@@ -90,7 +89,7 @@ function st({
   const s = e.slice();
   return s[a] = o, s.sort(ut);
 }
-function $e({
+function Ne({
   sliderRef: e,
   activeIndex: o,
   setActive: a
@@ -98,15 +97,15 @@ function $e({
   var s, d;
   const L = _e(e.current);
   if (!((s = e.current) != null && s.contains(L.activeElement)) || Number(L == null || (d = L.activeElement) == null ? void 0 : d.getAttribute("data-index")) !== o) {
-    var N;
-    (N = e.current) == null || N.querySelector(`[type="range"][data-index="${o}"]`).focus();
+    var $;
+    ($ = e.current) == null || $.querySelector(`[type="range"][data-index="${o}"]`).focus();
   }
   a && a(o);
 }
-function Ne(e, o) {
-  return typeof e == "number" && typeof o == "number" ? e === o : typeof e == "object" && typeof o == "object" ? Ht(e, o) : !1;
+function $e(e, o) {
+  return typeof e == "number" && typeof o == "number" ? e === o : typeof e == "object" && typeof o == "object" ? Yt(e, o) : !1;
 }
-const Xt = {
+const Kt = {
   horizontal: {
     offset: (e) => ({
       left: `${e}%`
@@ -132,19 +131,19 @@ const Xt = {
     })
   }
 }, Wt = (e) => e;
-let Re;
-function Ke() {
-  return Re === void 0 && (typeof CSS < "u" && typeof CSS.supports == "function" ? Re = CSS.supports("touch-action", "none") : Re = !0), Re;
+let Ee;
+function We() {
+  return Ee === void 0 && (typeof CSS < "u" && typeof CSS.supports == "function" ? Ee = CSS.supports("touch-action", "none") : Ee = !0), Ee;
 }
-function Kt(e) {
+function Gt(e) {
   const {
     "aria-labelledby": o,
     defaultValue: a,
     disabled: s = !1,
     disableSwap: d = !1,
     isRtl: L = !1,
-    marks: N = !1,
-    max: m = 100,
+    marks: $ = !1,
+    max: f = 100,
     min: b = 0,
     name: q,
     onChange: ue,
@@ -155,7 +154,7 @@ function Kt(e) {
     step: _ = 1,
     tabIndex: ye,
     value: ke
-  } = e, M = T.useRef(), [pe, D] = T.useState(-1), [xe, H] = T.useState(-1), [fe, me] = T.useState(!1), W = T.useRef(0), [V, Y] = It({
+  } = e, M = T.useRef(), [pe, F] = T.useState(-1), [xe, H] = T.useState(-1), [me, fe] = T.useState(!1), K = T.useRef(0), [V, Y] = Mt({
     controlled: ke,
     default: a ?? b,
     name: "Slider"
@@ -168,40 +167,40 @@ function Kt(e) {
         name: q
       }
     }), ue(y, n, l);
-  }), K = Array.isArray(V);
-  let g = K ? V.slice().sort(ut) : [V];
-  g = g.map((r) => he(r, b, m));
-  const oe = N === !0 && _ !== null ? [...Array(Math.floor((m - b) / _) + 1)].map((r, n) => ({
+  }), W = Array.isArray(V);
+  let g = W ? V.slice().sort(ut) : [V];
+  g = g.map((r) => he(r, b, f));
+  const oe = $ === !0 && _ !== null ? [...Array(Math.floor((f - b) / _) + 1)].map((r, n) => ({
     value: b + _ * n
-  })) : N || [], w = oe.map((r) => r.value), {
+  })) : $ || [], j = oe.map((r) => r.value), {
     isFocusVisibleRef: Te,
-    onBlur: j,
+    onBlur: w,
     onFocus: A,
-    ref: we
-  } = Mt(), [Le, re] = T.useState(-1), S = T.useRef(), Se = at(we, S), be = at(ge, Se), Pe = (r) => (n) => {
+    ref: je
+  } = zt(), [Le, re] = T.useState(-1), S = T.useRef(), Se = at(je, S), be = at(ge, Se), Pe = (r) => (n) => {
     var l;
     const i = Number(n.currentTarget.getAttribute("data-index"));
     A(n), Te.current === !0 && re(i), H(i), r == null || (l = r.onFocus) == null || l.call(r, n);
-  }, je = (r) => (n) => {
+  }, we = (r) => (n) => {
     var l;
-    j(n), Te.current === !1 && re(-1), H(-1), r == null || (l = r.onBlur) == null || l.call(r, n);
+    w(n), Te.current === !1 && re(-1), H(-1), r == null || (l = r.onBlur) == null || l.call(r, n);
   };
-  zt(() => {
+  Dt(() => {
     if (s && S.current.contains(document.activeElement)) {
       var r;
       (r = document.activeElement) == null || r.blur();
     }
-  }, [s]), s && pe !== -1 && D(-1), s && Le !== -1 && re(-1);
+  }, [s]), s && pe !== -1 && F(-1), s && Le !== -1 && re(-1);
   const ae = (r) => (n) => {
     var l;
     (l = r.onChange) == null || l.call(r, n);
-    const i = Number(n.currentTarget.getAttribute("data-index")), y = g[i], P = w.indexOf(y);
+    const i = Number(n.currentTarget.getAttribute("data-index")), y = g[i], P = j.indexOf(y);
     let p = n.target.valueAsNumber;
-    if (oe && _ == null && (p = p < y ? w[P - 1] : w[P + 1]), p = he(p, b, m), oe && _ == null) {
-      const O = w.indexOf(g[i]);
-      p = p < g[i] ? w[O - 1] : w[O + 1];
+    if (oe && _ == null && (p = p < y ? j[P - 1] : j[P + 1]), p = he(p, b, f), oe && _ == null) {
+      const O = j.indexOf(g[i]);
+      p = p < g[i] ? j[O - 1] : j[O + 1];
     }
-    if (K) {
+    if (W) {
       d && (p = he(p, g[i - 1] || -1 / 0, g[i + 1] || 1 / 0));
       const O = p;
       p = st({
@@ -210,12 +209,12 @@ function Kt(e) {
         index: i
       });
       let u = i;
-      d || (u = p.indexOf(O)), $e({
+      d || (u = p.indexOf(O)), Ne({
         sliderRef: S,
         activeIndex: u
       });
     }
-    Y(p), re(i), z && !Ne(p, V) && z(n, p, i), X && X(n, p);
+    Y(p), re(i), z && !$e(p, V) && z(n, p, i), X && X(n, p);
   }, G = T.useRef();
   let ne = te;
   L && te === "horizontal" && (ne += "-reverse");
@@ -234,15 +233,15 @@ function Kt(e) {
     let O;
     ne.indexOf("vertical") === 0 ? O = (P - r.y) / y : O = (r.x - p) / i, ne.indexOf("-reverse") !== -1 && (O = 1 - O);
     let u;
-    if (u = Bt(O, b, m), _)
-      u = qt(u, _, b);
+    if (u = Ut(O, b, f), _)
+      u = Xt(u, _, b);
     else {
-      const ve = lt(w, u);
-      u = w[ve];
+      const ve = lt(j, u);
+      u = j[ve];
     }
-    u = he(u, b, m);
+    u = he(u, b, f);
     let I = 0;
-    if (K) {
+    if (W) {
       n ? I = G.current : I = lt(g, u), d && (u = he(u, g[I - 1] || -1 / 0, g[I + 1] || 1 / 0));
       const ve = u;
       u = st({
@@ -255,12 +254,12 @@ function Kt(e) {
       newValue: u,
       activeIndex: I
     };
-  }, J = We((r) => {
+  }, J = Ke((r) => {
     const n = Ce(r, M);
     if (!n)
       return;
-    if (W.current += 1, r.type === "mousemove" && r.buttons === 0) {
-      R(r);
+    if (K.current += 1, r.type === "mousemove" && r.buttons === 0) {
+      E(r);
       return;
     }
     const {
@@ -270,14 +269,14 @@ function Kt(e) {
       finger: n,
       move: !0
     });
-    $e({
+    Ne({
       sliderRef: S,
       activeIndex: i,
-      setActive: D
-    }), Y(l), !fe && W.current > Yt && me(!0), z && !Ne(l, V) && z(r, l, i);
-  }), R = We((r) => {
+      setActive: F
+    }), Y(l), !me && K.current > Bt && fe(!0), z && !$e(l, V) && z(r, l, i);
+  }), E = Ke((r) => {
     const n = Ce(r, M);
-    if (me(!1), !n)
+    if (fe(!1), !n)
       return;
     const {
       newValue: l
@@ -285,11 +284,11 @@ function Kt(e) {
       finger: n,
       move: !0
     });
-    D(-1), r.type === "touchend" && H(-1), X && X(r, l), M.current = void 0, f();
-  }), v = We((r) => {
+    F(-1), r.type === "touchend" && H(-1), X && X(r, l), M.current = void 0, m();
+  }), v = Ke((r) => {
     if (s)
       return;
-    Ke() || r.preventDefault();
+    We() || r.preventDefault();
     const n = r.changedTouches[0];
     n != null && (M.current = n.identifier);
     const l = Ce(r, M);
@@ -300,33 +299,33 @@ function Kt(e) {
       } = le({
         finger: l
       });
-      $e({
+      Ne({
         sliderRef: S,
         activeIndex: P,
-        setActive: D
-      }), Y(y), z && !Ne(y, V) && z(r, y, P);
+        setActive: F
+      }), Y(y), z && !$e(y, V) && z(r, y, P);
     }
-    W.current = 0;
+    K.current = 0;
     const i = _e(S.current);
-    i.addEventListener("touchmove", J), i.addEventListener("touchend", R);
-  }), f = T.useCallback(() => {
+    i.addEventListener("touchmove", J), i.addEventListener("touchend", E);
+  }), m = T.useCallback(() => {
     const r = _e(S.current);
-    r.removeEventListener("mousemove", J), r.removeEventListener("mouseup", R), r.removeEventListener("touchmove", J), r.removeEventListener("touchend", R);
-  }, [R, J]);
+    r.removeEventListener("mousemove", J), r.removeEventListener("mouseup", E), r.removeEventListener("touchmove", J), r.removeEventListener("touchend", E);
+  }, [E, J]);
   T.useEffect(() => {
     const {
       current: r
     } = S;
     return r.addEventListener("touchstart", v, {
-      passive: Ke()
+      passive: We()
     }), () => {
       r.removeEventListener("touchstart", v, {
-        passive: Ke()
-      }), f();
+        passive: We()
+      }), m();
     };
-  }, [f, v]), T.useEffect(() => {
-    s && f();
-  }, [s, f]);
+  }, [m, v]), T.useEffect(() => {
+    s && m();
+  }, [s, m]);
   const se = (r) => (n) => {
     var l;
     if ((l = r.onMouseDown) == null || l.call(r, n), s || n.defaultPrevented || n.button !== 0)
@@ -340,16 +339,16 @@ function Kt(e) {
       } = le({
         finger: i
       });
-      $e({
+      Ne({
         sliderRef: S,
         activeIndex: p,
-        setActive: D
-      }), Y(P), z && !Ne(P, V) && z(n, P, p);
+        setActive: F
+      }), Y(P), z && !$e(P, V) && z(n, P, p);
     }
-    W.current = 0;
+    K.current = 0;
     const y = _e(S.current);
-    y.addEventListener("mousemove", J), y.addEventListener("mouseup", R);
-  }, Q = Ve(K ? g[0] : b, b, m), Z = Ve(g[g.length - 1], b, m) - Q, Ae = (r = {}) => {
+    y.addEventListener("mousemove", J), y.addEventListener("mouseup", E);
+  }, Q = Ve(W ? g[0] : b, b, f), Z = Ve(g[g.length - 1], b, f) - Q, Ae = (r = {}) => {
     const n = {
       onMouseDown: se(r || {})
     }, l = c({}, r, n);
@@ -368,21 +367,21 @@ function Kt(e) {
   return {
     active: pe,
     axis: ne,
-    axisProps: Xt,
-    dragging: fe,
+    axisProps: Kt,
+    dragging: me,
     focusedThumbIndex: Le,
     getHiddenInputProps: (r = {}) => {
       var n;
       const l = {
         onChange: ae(r || {}),
         onFocus: Pe(r || {}),
-        onBlur: je(r || {})
+        onBlur: we(r || {})
       }, i = c({}, r, l);
       return c({
         tabIndex: ye,
         "aria-labelledby": o,
         "aria-orientation": te,
-        "aria-valuemax": de(m),
+        "aria-valuemax": de(f),
         "aria-valuemin": de(b),
         name: q,
         type: "range",
@@ -391,7 +390,7 @@ function Kt(e) {
         step: (n = e.step) != null ? n : void 0,
         disabled: s
       }, i, {
-        style: c({}, Dt, {
+        style: c({}, Ht, {
           direction: L ? "rtl" : "ltr",
           // So that VoiceOver's focus indicator matches the thumb's dimensions
           width: "100%",
@@ -409,25 +408,25 @@ function Kt(e) {
     },
     marks: oe,
     open: xe,
-    range: K,
+    range: W,
     rootRef: be,
     trackLeap: Z,
     trackOffset: Q,
     values: g
   };
 }
-const Gt = (e) => !e || !Ee(e), Jt = Gt;
-function Qt(e) {
-  return wt("MuiSlider", e);
+const Jt = (e) => !e || !Re(e), Qt = Jt;
+function Zt(e) {
+  return Rt("MuiSlider", e);
 }
-const Zt = Rt("MuiSlider", ["root", "active", "colorPrimary", "colorSecondary", "disabled", "dragging", "focusVisible", "mark", "markActive", "marked", "markLabel", "markLabelActive", "rail", "sizeSmall", "thumb", "thumbColorPrimary", "thumbColorSecondary", "track", "trackInverted", "trackFalse", "thumbSizeSmall", "valueLabel", "valueLabelOpen", "valueLabelCircle", "valueLabelLabel", "vertical"]), E = Zt, eo = (e) => {
+const eo = jt("MuiSlider", ["root", "active", "colorPrimary", "colorSecondary", "disabled", "dragging", "focusVisible", "mark", "markActive", "marked", "markLabel", "markLabelActive", "rail", "sizeSmall", "thumb", "thumbColorPrimary", "thumbColorSecondary", "track", "trackInverted", "trackFalse", "thumbSizeSmall", "valueLabel", "valueLabelOpen", "valueLabelCircle", "valueLabelLabel", "vertical"]), R = eo, to = (e) => {
   const {
     open: o
   } = e;
   return {
-    offset: ce(o && E.valueLabelOpen),
-    circle: E.valueLabelCircle,
-    label: E.valueLabelLabel
+    offset: ce(o && R.valueLabelOpen),
+    circle: R.valueLabelCircle,
+    label: R.valueLabelLabel
   };
 };
 function dt(e) {
@@ -435,16 +434,16 @@ function dt(e) {
     children: o,
     className: a,
     value: s
-  } = e, d = eo(e);
+  } = e, d = to(e);
   return o ? /* @__PURE__ */ T.cloneElement(o, {
     className: ce(o.props.className)
-  }, /* @__PURE__ */ C.jsxs(T.Fragment, {
-    children: [o.props.children, /* @__PURE__ */ C.jsx("span", {
+  }, /* @__PURE__ */ N.jsxs(T.Fragment, {
+    children: [o.props.children, /* @__PURE__ */ N.jsx("span", {
       className: ce(d.offset, a),
       "aria-hidden": !0,
-      children: /* @__PURE__ */ C.jsx("span", {
+      children: /* @__PURE__ */ N.jsx("span", {
         className: d.circle,
-        children: /* @__PURE__ */ C.jsx("span", {
+        children: /* @__PURE__ */ N.jsx("span", {
           className: d.label,
           children: s
         })
@@ -457,7 +456,7 @@ process.env.NODE_ENV !== "production" && (dt.propTypes = {
   className: t.string,
   value: t.node
 });
-const to = ["aria-label", "aria-valuetext", "aria-labelledby", "component", "components", "componentsProps", "color", "classes", "className", "disableSwap", "disabled", "getAriaLabel", "getAriaValueText", "marks", "max", "min", "name", "onChange", "onChangeCommitted", "orientation", "size", "step", "scale", "slotProps", "slots", "tabIndex", "track", "value", "valueLabelDisplay", "valueLabelFormat"];
+const oo = ["aria-label", "aria-valuetext", "aria-labelledby", "component", "components", "componentsProps", "color", "classes", "className", "disableSwap", "disabled", "getAriaLabel", "getAriaValueText", "marks", "max", "min", "name", "onChange", "onChangeCommitted", "orientation", "size", "step", "scale", "slotProps", "slots", "tabIndex", "track", "value", "valueLabelDisplay", "valueLabelFormat"];
 function it(e) {
   return e;
 }
@@ -512,13 +511,13 @@ const pt = ee("span", {
   "@media print": {
     colorAdjust: "exact"
   },
-  [`&.${E.disabled}`]: {
+  [`&.${R.disabled}`]: {
     pointerEvents: "none",
     cursor: "default",
     color: (e.vars || e).palette.grey[400]
   },
-  [`&.${E.dragging}`]: {
-    [`& .${E.thumb}, & .${E.track}`]: {
+  [`&.${R.dragging}`]: {
+    [`& .${R.thumb}, & .${R.track}`]: {
       transition: "none"
     }
   }
@@ -533,7 +532,7 @@ process.env.NODE_ENV !== "production" && (pt.propTypes = {
    */
   children: t.node
 });
-const ft = ee("span", {
+const mt = ee("span", {
   name: "MuiSlider",
   slot: "Rail",
   overridesResolver: (e, o) => o.rail
@@ -558,7 +557,7 @@ const ft = ee("span", {
 }, e.track === "inverted" && {
   opacity: 1
 }));
-process.env.NODE_ENV !== "production" && (ft.propTypes = {
+process.env.NODE_ENV !== "production" && (mt.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -568,7 +567,7 @@ process.env.NODE_ENV !== "production" && (ft.propTypes = {
    */
   children: t.node
 });
-const mt = ee("span", {
+const ft = ee("span", {
   name: "MuiSlider",
   slot: "Track",
   overridesResolver: (e, o) => o.track
@@ -578,7 +577,7 @@ const mt = ee("span", {
 }) => {
   const a = (
     // Same logic as the LinearProgress track color
-    e.palette.mode === "light" ? jt(e.palette[o.color].main, 0.62) : At(e.palette[o.color].main, 0.5)
+    e.palette.mode === "light" ? _t(e.palette[o.color].main, 0.62) : Vt(e.palette[o.color].main, 0.5)
   );
   return c({
     display: "block",
@@ -606,7 +605,7 @@ const mt = ee("span", {
     borderColor: e.vars ? e.vars.palette.Slider[`${o.color}Track`] : a
   });
 });
-process.env.NODE_ENV !== "production" && (mt.propTypes = {
+process.env.NODE_ENV !== "production" && (ft.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -673,16 +672,16 @@ const bt = ee("span", {
     left: "50%",
     transform: "translate(-50%, -50%)"
   },
-  [`&:hover, &.${E.focusVisible}`]: {
+  [`&:hover, &.${R.focusVisible}`]: {
     boxShadow: `0px 0px 0px 8px ${e.vars ? `rgba(${e.vars.palette[o.color].mainChannel} / 0.16)` : rt(e.palette[o.color].main, 0.16)}`,
     "@media (hover: none)": {
       boxShadow: "none"
     }
   },
-  [`&.${E.active}`]: {
+  [`&.${R.active}`]: {
     boxShadow: `0px 0px 0px 14px ${e.vars ? `rgba(${e.vars.palette[o.color].mainChannel} / 0.16)` : rt(e.palette[o.color].main, 0.16)}`
   },
-  [`&.${E.disabled}`]: {
+  [`&.${R.disabled}`]: {
     "&:hover": {
       boxShadow: "none"
     }
@@ -706,7 +705,7 @@ const vt = ee(dt, {
   theme: e,
   ownerState: o
 }) => c({
-  [`&.${E.valueLabelOpen}`]: {
+  [`&.${R.valueLabelOpen}`]: {
     transform: `${o.orientation === "vertical" ? "translateY(-50%)" : "translateY(-100%)"} scale(1)`
   },
   zIndex: 1,
@@ -844,18 +843,18 @@ process.env.NODE_ENV !== "production" && (gt.propTypes = {
    */
   children: t.node
 });
-const oo = (e) => {
+const ro = (e) => {
   const {
     disabled: o,
     dragging: a,
     marked: s,
     orientation: d,
     track: L,
-    classes: N,
-    color: m,
+    classes: $,
+    color: f,
     size: b
   } = e, q = {
-    root: ["root", o && "disabled", a && "dragging", s && "marked", d === "vertical" && "vertical", L === "inverted" && "trackInverted", L === !1 && "trackFalse", m && `color${U(m)}`, b && `size${U(b)}`],
+    root: ["root", o && "disabled", a && "dragging", s && "marked", d === "vertical" && "vertical", L === "inverted" && "trackInverted", L === !1 && "trackFalse", f && `color${U(f)}`, b && `size${U(b)}`],
     rail: ["rail"],
     track: ["track"],
     mark: ["mark"],
@@ -863,59 +862,59 @@ const oo = (e) => {
     markLabel: ["markLabel"],
     markLabelActive: ["markLabelActive"],
     valueLabel: ["valueLabel"],
-    thumb: ["thumb", o && "disabled", b && `thumbSize${U(b)}`, m && `thumbColor${U(m)}`],
+    thumb: ["thumb", o && "disabled", b && `thumbSize${U(b)}`, f && `thumbColor${U(f)}`],
     active: ["active"],
     disabled: ["disabled"],
     focusVisible: ["focusVisible"]
   };
-  return _t(q, Qt, N);
-}, ro = ({
+  return At(q, Zt, $);
+}, ao = ({
   children: e
 }) => e, yt = /* @__PURE__ */ T.forwardRef(function(o, a) {
-  var s, d, L, N, m, b, q, ue, X, te, ge, de, _, ye, ke, M, pe, D, xe, H, fe, me, W, V;
-  const Y = Et({
+  var s, d, L, $, f, b, q, ue, X, te, ge, de, _, ye, ke, M, pe, F, xe, H, me, fe, K, V;
+  const Y = wt({
     props: o,
     name: "MuiSlider"
-  }), K = Vt().direction === "rtl", {
+  }), W = It().direction === "rtl", {
     "aria-label": g,
     "aria-valuetext": oe,
-    "aria-labelledby": w,
+    "aria-labelledby": j,
     // eslint-disable-next-line react/prop-types
     component: Te = "span",
-    components: j = {},
+    components: w = {},
     componentsProps: A = {},
-    color: we = "primary",
+    color: je = "primary",
     classes: Le,
     className: re,
     disableSwap: S = !1,
     disabled: Se = !1,
     getAriaLabel: be,
     getAriaValueText: Pe,
-    marks: je = !1,
+    marks: we = !1,
     max: ae = 100,
     min: G = 0,
     orientation: ne = "horizontal",
     size: le = "medium",
     step: J = 1,
-    scale: R = it,
+    scale: E = it,
     slotProps: v,
-    slots: f,
+    slots: m,
     track: se = "normal",
     valueLabelDisplay: Q = "off",
     valueLabelFormat: Z = it
-  } = Y, Ae = Nt(Y, to), x = c({}, Y, {
-    isRtl: K,
+  } = Y, Ae = Et(Y, oo), x = c({}, Y, {
+    isRtl: W,
     max: ae,
     min: G,
     classes: Le,
     disabled: Se,
     disableSwap: S,
     orientation: ne,
-    marks: je,
-    color: we,
+    marks: we,
+    color: je,
     size: le,
     step: J,
-    scale: R,
+    scale: E,
     track: se,
     valueLabelDisplay: Q,
     valueLabelFormat: Z
@@ -934,110 +933,110 @@ const oo = (e) => {
     values: u,
     trackOffset: I,
     trackLeap: ve
-  } = Kt(c({}, x, {
+  } = Gt(c({}, x, {
     rootRef: a
   }));
   x.marked = O.length > 0 && O.some((h) => h.label), x.dragging = p, x.focusedThumbIndex = y;
-  const $ = oo(x), Ie = (s = (d = f == null ? void 0 : f.root) != null ? d : j.Root) != null ? s : pt, Qe = (L = (N = f == null ? void 0 : f.rail) != null ? N : j.Rail) != null ? L : ft, Ze = (m = (b = f == null ? void 0 : f.track) != null ? b : j.Track) != null ? m : mt, et = (q = (ue = f == null ? void 0 : f.thumb) != null ? ue : j.Thumb) != null ? q : bt, tt = (X = (te = f == null ? void 0 : f.valueLabel) != null ? te : j.ValueLabel) != null ? X : vt, Me = (ge = (de = f == null ? void 0 : f.mark) != null ? de : j.Mark) != null ? ge : ht, ze = (_ = (ye = f == null ? void 0 : f.markLabel) != null ? ye : j.MarkLabel) != null ? _ : gt, ot = (ke = (M = f == null ? void 0 : f.input) != null ? M : j.Input) != null ? ke : "input", Fe = (pe = v == null ? void 0 : v.root) != null ? pe : A.root, kt = (D = v == null ? void 0 : v.rail) != null ? D : A.rail, De = (xe = v == null ? void 0 : v.track) != null ? xe : A.track, He = (H = v == null ? void 0 : v.thumb) != null ? H : A.thumb, Ye = (fe = v == null ? void 0 : v.valueLabel) != null ? fe : A.valueLabel, xt = (me = v == null ? void 0 : v.mark) != null ? me : A.mark, Tt = (W = v == null ? void 0 : v.markLabel) != null ? W : A.markLabel, Lt = (V = v == null ? void 0 : v.input) != null ? V : A.input, St = B({
+  const C = ro(x), Ie = (s = (d = m == null ? void 0 : m.root) != null ? d : w.Root) != null ? s : pt, Qe = (L = ($ = m == null ? void 0 : m.rail) != null ? $ : w.Rail) != null ? L : mt, Ze = (f = (b = m == null ? void 0 : m.track) != null ? b : w.Track) != null ? f : ft, et = (q = (ue = m == null ? void 0 : m.thumb) != null ? ue : w.Thumb) != null ? q : bt, tt = (X = (te = m == null ? void 0 : m.valueLabel) != null ? te : w.ValueLabel) != null ? X : vt, Me = (ge = (de = m == null ? void 0 : m.mark) != null ? de : w.Mark) != null ? ge : ht, ze = (_ = (ye = m == null ? void 0 : m.markLabel) != null ? ye : w.MarkLabel) != null ? _ : gt, ot = (ke = (M = m == null ? void 0 : m.input) != null ? M : w.Input) != null ? ke : "input", De = (pe = v == null ? void 0 : v.root) != null ? pe : A.root, kt = (F = v == null ? void 0 : v.rail) != null ? F : A.rail, Fe = (xe = v == null ? void 0 : v.track) != null ? xe : A.track, He = (H = v == null ? void 0 : v.thumb) != null ? H : A.thumb, Ye = (me = v == null ? void 0 : v.valueLabel) != null ? me : A.valueLabel, xt = (fe = v == null ? void 0 : v.mark) != null ? fe : A.mark, Tt = (K = v == null ? void 0 : v.markLabel) != null ? K : A.markLabel, Lt = (V = v == null ? void 0 : v.input) != null ? V : A.input, St = B({
     elementType: Ie,
     getSlotProps: Ge,
-    externalSlotProps: Fe,
+    externalSlotProps: De,
     externalForwardedProps: Ae,
-    additionalProps: c({}, Jt(Ie) && {
+    additionalProps: c({}, Qt(Ie) && {
       as: Te
     }),
-    ownerState: c({}, x, Fe == null ? void 0 : Fe.ownerState),
-    className: [$.root, re]
+    ownerState: c({}, x, De == null ? void 0 : De.ownerState),
+    className: [C.root, re]
   }), Pt = B({
     elementType: Qe,
     externalSlotProps: kt,
     ownerState: x,
-    className: $.rail
+    className: C.rail
   }), Ot = B({
     elementType: Ze,
-    externalSlotProps: De,
+    externalSlotProps: Fe,
     additionalProps: {
       style: c({}, ie[i].offset(I), ie[i].leap(ve))
     },
-    ownerState: c({}, x, De == null ? void 0 : De.ownerState),
-    className: $.track
+    ownerState: c({}, x, Fe == null ? void 0 : Fe.ownerState),
+    className: C.track
   }), Be = B({
     elementType: et,
     getSlotProps: r,
     externalSlotProps: He,
     ownerState: c({}, x, He == null ? void 0 : He.ownerState),
-    className: $.thumb
+    className: C.thumb
   }), Ct = B({
     elementType: tt,
     externalSlotProps: Ye,
     ownerState: c({}, x, Ye == null ? void 0 : Ye.ownerState),
-    className: $.valueLabel
+    className: C.valueLabel
   }), Ue = B({
     elementType: Me,
     externalSlotProps: xt,
     ownerState: x,
-    className: $.mark
+    className: C.mark
   }), qe = B({
     elementType: ze,
     externalSlotProps: Tt,
     ownerState: x,
-    className: $.markLabel
-  }), $t = B({
+    className: C.markLabel
+  }), Nt = B({
     elementType: ot,
     getSlotProps: Je,
     externalSlotProps: Lt,
     ownerState: x
   });
-  return /* @__PURE__ */ C.jsxs(Ie, c({}, St, {
-    children: [/* @__PURE__ */ C.jsx(Qe, c({}, Pt)), /* @__PURE__ */ C.jsx(Ze, c({}, Ot)), O.filter((h) => h.value >= G && h.value <= ae).map((h, k) => {
+  return /* @__PURE__ */ N.jsxs(Ie, c({}, St, {
+    children: [/* @__PURE__ */ N.jsx(Qe, c({}, Pt)), /* @__PURE__ */ N.jsx(Ze, c({}, Ot)), O.filter((h) => h.value >= G && h.value <= ae).map((h, k) => {
       const Xe = Ve(h.value, G, ae), Oe = ie[i].offset(Xe);
-      let F;
-      return se === !1 ? F = u.indexOf(h.value) !== -1 : F = se === "normal" && (P ? h.value >= u[0] && h.value <= u[u.length - 1] : h.value <= u[0]) || se === "inverted" && (P ? h.value <= u[0] || h.value >= u[u.length - 1] : h.value >= u[0]), /* @__PURE__ */ C.jsxs(T.Fragment, {
-        children: [/* @__PURE__ */ C.jsx(Me, c({
+      let D;
+      return se === !1 ? D = u.indexOf(h.value) !== -1 : D = se === "normal" && (P ? h.value >= u[0] && h.value <= u[u.length - 1] : h.value <= u[0]) || se === "inverted" && (P ? h.value <= u[0] || h.value >= u[u.length - 1] : h.value >= u[0]), /* @__PURE__ */ N.jsxs(T.Fragment, {
+        children: [/* @__PURE__ */ N.jsx(Me, c({
           "data-index": k
-        }, Ue, !Ee(Me) && {
-          markActive: F
+        }, Ue, !Re(Me) && {
+          markActive: D
         }, {
           style: c({}, Oe, Ue.style),
-          className: ce(Ue.className, F && $.markActive)
-        })), h.label != null ? /* @__PURE__ */ C.jsx(ze, c({
+          className: ce(Ue.className, D && C.markActive)
+        })), h.label != null ? /* @__PURE__ */ N.jsx(ze, c({
           "aria-hidden": !0,
           "data-index": k
-        }, qe, !Ee(ze) && {
-          markLabelActive: F
+        }, qe, !Re(ze) && {
+          markLabelActive: D
         }, {
           style: c({}, Oe, qe.style),
-          className: ce($.markLabel, qe.className, F && $.markLabelActive),
+          className: ce(C.markLabel, qe.className, D && C.markLabelActive),
           children: h.label
         })) : null]
       }, k);
     }), u.map((h, k) => {
-      const Xe = Ve(h, G, ae), Oe = ie[i].offset(Xe), F = Q === "off" ? ro : tt;
+      const Xe = Ve(h, G, ae), Oe = ie[i].offset(Xe), D = Q === "off" ? ao : tt;
       return (
         /* TODO v6: Change component structure. It will help in avoiding the complicated React.cloneElement API added in SliderValueLabel component. Should be: Thumb -> Input, ValueLabel. Follow Joy UI's Slider structure. */
-        /* @__PURE__ */ C.jsx(F, c({}, !Ee(F) && {
+        /* @__PURE__ */ N.jsx(D, c({}, !Re(D) && {
           valueLabelFormat: Z,
           valueLabelDisplay: Q,
-          value: typeof Z == "function" ? Z(R(h), k) : Z,
+          value: typeof Z == "function" ? Z(E(h), k) : Z,
           index: k,
           open: n === k || l === k || Q === "on",
           disabled: Se
         }, Ct, {
-          children: /* @__PURE__ */ C.jsx(et, c({
+          children: /* @__PURE__ */ N.jsx(et, c({
             "data-index": k
           }, Be, {
-            className: ce($.thumb, Be.className, l === k && $.active, y === k && $.focusVisible),
+            className: ce(C.thumb, Be.className, l === k && C.active, y === k && C.focusVisible),
             style: c({}, Oe, {
               pointerEvents: S && l !== k ? "none" : void 0
             }, Be.style),
-            children: /* @__PURE__ */ C.jsx(ot, c({
+            children: /* @__PURE__ */ N.jsx(ot, c({
               "data-index": k,
               "aria-label": be ? be(k) : g,
-              "aria-valuenow": R(h),
-              "aria-labelledby": w,
-              "aria-valuetext": Pe ? Pe(R(h), k) : oe,
+              "aria-valuenow": E(h),
+              "aria-labelledby": j,
+              "aria-valuetext": Pe ? Pe(E(h), k) : oe,
               value: u[k]
-            }, $t))
+            }, Nt))
           }))
         }), k)
       );
@@ -1306,8 +1305,23 @@ process.env.NODE_ENV !== "production" && (yt.propTypes = {
    */
   valueLabelFormat: t.oneOfType([t.func, t.string])
 });
-const ao = yt;
-const yo = ({ ...e }) => /* @__PURE__ */ C.jsx(ao, { "aria-labelledby": "discrete-slider", ...e });
+const no = yt;
+const yo = ({ ...e }) => /* @__PURE__ */ $t.jsxDEV(
+  no,
+  {
+    className: "kdpa-slider",
+    "aria-labelledby": "discrete-slider",
+    ...e
+  },
+  void 0,
+  !1,
+  {
+    fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Slider/KdpaSlider.tsx",
+    lineNumber: 8,
+    columnNumber: 5
+  },
+  globalThis
+);
 export {
   yo as K
 };