@ck-ui/component-library 1.0.1 → 1.0.3

package/dist/components/Table/_helpers/TableFilterModal/RangeSelector.js

@@ -1,10 +1,10 @@
 import { jsxs as O, jsx as w } from "react/jsx-runtime";
 import * as h from "react";
-import { S as ke, N as nt, f as le, U as at, Q as ot, A as ue, o as je, q as st, r as it, P as t, O as lt, W as ct, X as J, x as Ue, d as Re, g as ut, L as ae, y as de, J as Je, e as Ke } from "../../../../useSlot-ylt7_lTY.js";
+import { u as ke, a as rt, c as le, b as nt, d as at, o as ue, e as je, g as ot, f as st, P as t, h as it, i as lt, j as G, s as ae, k as Ue, l as Re, m as ct, n as de, p as Ge, q as Ke } from "../../../../useSlot-BiMlGawc.js";
 import { c as xe } from "../../../../clsx-OuTLNxxd.js";
-import { a as Ye, c as Ge, b as qe } from "../../../../contains-kLLEGdNH.js";
+import { a as Ye, c as qe } from "../../../../createSimplePaletteValueFilter-BqxST_wX.js";
 import { i as _e } from "../../../../isFocusVisible-BzX3wEi7.js";
-const dt = {
+const ut = {
   border: 0,
   clip: "rect(0 0 0 0)",
   height: "1px",
@@ -15,14 +15,14 @@ const dt = {
   whiteSpace: "nowrap",
   width: "1px"
 };
-function pt(e, a, i = (c, p) => c === p) {
+function dt(e, a, i = (c, p) => c === p) {
   return e.length === a.length && e.every((c, p) => i(c, a[p]));
 }
-const ft = 2, mt = [], Me = {};
+const pt = 2, ft = [], Me = {};
 function ce(e, a, i, c, p) {
   return i === 1 ? Math.min(e + a, p) : Math.max(e - a, c);
 }
-function Qe(e, a) {
+function Je(e, a) {
   return e - a;
 }
 function Be(e, a, i = -1) {
@@ -37,7 +37,7 @@ function Be(e, a, i = -1) {
   } = c;
   return p == null ? p : i >= 0 && e[i] === e[p] ? i : p;
 }
-function Ce(e, a) {
+function Ne(e, a) {
   if (a.current != null && e.changedTouches) {
     const i = e;
     for (let c = 0; c < i.changedTouches.length; c += 1) {
@@ -58,10 +58,10 @@ function Ce(e, a) {
 function Pe(e, a, i) {
   return (e - a) * 100 / (i - a);
 }
-function bt(e, a, i) {
+function mt(e, a, i) {
   return (i - a) * e + a;
 }
-function ht(e) {
+function bt(e) {
   if (Math.abs(e) < 1) {
     const i = e.toExponential().split("e-"), c = i[0].split(".")[1];
     return (c ? c.length : 0) + parseInt(i[1], 10);
@@ -69,17 +69,17 @@ function ht(e) {
   const a = e.toString().split(".")[1];
   return a ? a.length : 0;
 }
-function gt(e, a, i) {
+function ht(e, a, i) {
   const c = Math.round((e - i) / a) * a + i;
-  return Number(c.toFixed(ht(a)));
+  return Number(c.toFixed(bt(a)));
 }
 function We(e, a, i) {
   const c = e.slice();
-  return c[i] = a, c.sort(Qe);
+  return c[i] = a, c.sort(Je);
 }
 function Ae(e, a, i, c) {
   const p = ue(e.current), y = Ye(p);
-  if (!Ge(e.current, y) || Number(y?.getAttribute("data-index")) !== a) {
+  if (!e.current?.contains(y) || Number(y?.getAttribute("data-index")) !== a) {
     const S = e.current?.querySelector(`[type="range"][data-index="${a}"]`);
     S != null && (c == null ? S.focus({
       preventScroll: !0
@@ -94,9 +94,9 @@ function Ae(e, a, i, c) {
   i && i(a);
 }
 function Ie(e, a) {
-  return typeof e == "number" && typeof a == "number" ? e === a : typeof e == "object" && typeof a == "object" ? pt(e, a) : !1;
+  return typeof e == "number" && typeof a == "number" ? e === a : typeof e == "object" && typeof a == "object" ? dt(e, a) : !1;
 }
-const vt = {
+const gt = {
   horizontal: {
     offset: (e) => ({
       left: `${e}%`
@@ -121,8 +121,8 @@ const vt = {
       height: `${e}%`
     })
   }
-}, yt = (e) => e;
-function kt(e) {
+}, vt = (e) => e;
+function yt(e) {
   const {
     "aria-labelledby": a,
     defaultValue: i,
@@ -135,16 +135,16 @@ function kt(e) {
     name: K,
     onChange: H,
     onChangeCommitted: _,
-    orientation: z = "horizontal",
-    rootRef: D,
-    scale: v = yt,
+    orientation: D = "horizontal",
+    rootRef: z,
+    scale: v = vt,
     step: b = 1,
     shiftStep: k = 10,
     tabIndex: T,
     value: E
-  } = e, M = h.useRef(void 0), oe = h.useRef(null), [B, G] = h.useState(-1), [Oe, Q] = h.useState(-1), [Z, we] = h.useState(!1), se = h.useRef(0), ie = h.useRef(-1), W = h.useRef(!1), pe = h.useRef(-1), $ = ke(() => {
+  } = e, M = h.useRef(void 0), oe = h.useRef(null), [B, J] = h.useState(-1), [Oe, Q] = h.useState(-1), [Z, we] = h.useState(!1), se = h.useRef(0), ie = h.useRef(-1), W = h.useRef(!1), pe = h.useRef(-1), $ = ke(() => {
     oe.current != null && (cancelAnimationFrame(oe.current), oe.current = null);
-  }), F = h.useRef(null), [P, L] = nt({
+  }), F = h.useRef(null), [P, L] = rt({
     controlled: E,
     default: i ?? u,
     name: "Slider"
@@ -162,7 +162,7 @@ function kt(e) {
       return [le(P, u, f)];
     if (P == null)
       return [u];
-    const n = P.slice().sort(Qe);
+    const n = P.slice().sort(Je);
     for (let r = 0; r < n.length; r += 1) {
       const o = n[r];
       n[r] = o == null ? u : le(o, u, f);
@@ -177,23 +177,23 @@ function kt(e) {
         };
       return n;
     }
-    return Array.isArray(S) ? S : mt;
-  }, [S, b, u, f]), N = h.useMemo(() => {
+    return Array.isArray(S) ? S : ft;
+  }, [S, b, u, f]), C = h.useMemo(() => {
     const n = new Array(U.length);
     for (let r = 0; r < U.length; r += 1)
       n[r] = U[r].value;
     return n;
-  }, [U]), [fe, Y] = h.useState(-1), x = h.useRef(null), me = at(D, x), Ve = (n) => (r) => {
+  }, [U]), [fe, Y] = h.useState(-1), x = h.useRef(null), me = nt(z, x), Ve = (n) => (r) => {
     const o = Number(r.currentTarget.getAttribute("data-index"));
     _e(r.target) && Y(o), Q(o), n?.onFocus?.(r);
   }, be = (n) => (r) => {
     _e(r.target) || Y(-1), Q(-1), n?.onBlur?.(r);
   }, I = (n, r) => {
-    const o = Number(n.currentTarget.getAttribute("data-index")), l = A[o], s = N.indexOf(l);
+    const o = Number(n.currentTarget.getAttribute("data-index")), l = A[o], s = C.indexOf(l);
     let d = r;
     if (U && b == null) {
-      const m = N[N.length - 1];
-      d >= m ? d = m : d <= N[0] ? d = N[0] : d = d < l ? N[s - 1] : N[s + 1];
+      const m = C[C.length - 1];
+      d >= m ? d = m : d <= C[0] ? d = C[0] : d = d < l ? C[s - 1] : C[s + 1];
     }
     if (d = le(d, u, f), ee) {
       p && (d = le(d, A[o - 1] || -1 / 0, A[o + 1] || 1 / 0));
@@ -203,7 +203,7 @@ function kt(e) {
       p || (g = d.indexOf(m)), Ae(x, g);
     }
     L(d), Y(o), H && !Ie(d, P) && j(n, d, o), _ && _(n, F.current ?? d);
-  }, ze = (n) => (r) => {
+  }, De = (n) => (r) => {
     if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Home", "End"].includes(r.key)) {
       r.preventDefault();
       const o = Number(r.currentTarget.getAttribute("data-index")), l = A[o];
@@ -237,22 +237,22 @@ function kt(e) {
             break;
         }
       } else if (U) {
-        const d = N[N.length - 1], m = N.indexOf(l), g = [y ? "ArrowRight" : "ArrowLeft", "ArrowDown", "PageDown", "Home"], q = [y ? "ArrowLeft" : "ArrowRight", "ArrowUp", "PageUp", "End"];
-        g.includes(r.key) ? m === 0 ? s = N[0] : s = N[m - 1] : q.includes(r.key) && (m === N.length - 1 ? s = d : s = N[m + 1]);
+        const d = C[C.length - 1], m = C.indexOf(l), g = [y ? "ArrowRight" : "ArrowLeft", "ArrowDown", "PageDown", "Home"], q = [y ? "ArrowLeft" : "ArrowRight", "ArrowUp", "PageUp", "End"];
+        g.includes(r.key) ? m === 0 ? s = C[0] : s = C[m - 1] : q.includes(r.key) && (m === C.length - 1 ? s = d : s = C[m + 1]);
       }
       s != null && I(r, s);
     }
     n?.onKeyDown?.(r);
   };
-  ot(() => {
+  at(() => {
     const n = Ye(ue(x.current));
-    c && Ge(x.current, n) && n != null && "blur" in n && n.blur();
-  }, [c]), c && B !== -1 && G(-1), c && fe !== -1 && Y(-1);
-  const De = (n) => (r) => {
+    c && x.current?.contains(n) && n != null && "blur" in n && n.blur();
+  }, [c]), c && B !== -1 && J(-1), c && fe !== -1 && Y(-1);
+  const ze = (n) => (r) => {
     n.onChange?.(r), I(r, r.currentTarget.valueAsNumber);
   }, te = h.useRef(void 0);
-  let C = z;
-  y && z === "horizontal" && (C += "-reverse");
+  let N = D;
+  y && D === "horizontal" && (N += "-reverse");
   const R = (n) => {
     const {
       current: r
@@ -266,21 +266,21 @@ function kt(e) {
       left: d
     } = r.getBoundingClientRect();
     let m;
-    C.startsWith("vertical") ? m = (s - n.y) / l : m = (n.x - d) / o, C.includes("-reverse") && (m = 1 - m);
+    N.startsWith("vertical") ? m = (s - n.y) / l : m = (n.x - d) / o, N.includes("-reverse") && (m = 1 - m);
     let g;
-    if (g = bt(m, u, f), b)
-      g = gt(g, b, u);
+    if (g = mt(m, u, f), b)
+      g = ht(g, b, u);
     else {
-      const Ne = Be(N, g);
-      g = N[Ne];
+      const Ce = Be(C, g);
+      g = C[Ce];
     }
     g = le(g, u, f);
     let q = 0;
     if (ee) {
-      const Ne = te.current !== -1;
-      q = Ne ? te.current : Be(A, g, ie.current), p && (g = le(g, A[q - 1] || -1 / 0, A[q + 1] || 1 / 0));
-      const rt = g;
-      g = We(A, g, q), p && Ne || (q = g.indexOf(rt), te.current = q);
+      const Ce = te.current !== -1;
+      q = Ce ? te.current : Be(A, g, ie.current), p && (g = le(g, A[q - 1] || -1 / 0, A[q + 1] || 1 / 0));
+      const tt = g;
+      g = We(A, g, q), p && Ce || (q = g.indexOf(tt), te.current = q);
     }
     return {
       newValue: g,
@@ -289,7 +289,7 @@ function kt(e) {
   }, re = ke((n) => {
     if ("pointerId" in n && n.pointerId !== pe.current)
       return;
-    const r = Ce(n, M);
+    const r = Ne(n, M);
     if (!r)
       return;
     if (se.current += 1, n.type === "pointermove" && n.buttons === 0) {
@@ -297,15 +297,15 @@ function kt(e) {
       return;
     }
     const o = R(r);
-    o && (Ae(x, o.activeIndex, G, !1), ie.current = o.activeIndex, L(o.newValue), !Z && se.current > ft && we(!0), H && !Ie(o.newValue, P) && j(n, o.newValue, o.activeIndex));
+    o && (Ae(x, o.activeIndex, J, !1), ie.current = o.activeIndex, L(o.newValue), !Z && se.current > pt && we(!0), H && !Ie(o.newValue, P) && j(n, o.newValue, o.activeIndex));
   }), X = ke((n) => {
     if ("pointerId" in n && n.pointerId !== pe.current)
       return;
-    const r = Ce(n, M);
+    const r = Ne(n, M);
     if (we(!1), !r)
       return;
     const o = R(r);
-    G(-1), n.type === "touchend" && Q(-1), o && _ && _(n, F.current ?? o.newValue), "pointerType" in n && x.current?.hasPointerCapture(n.pointerId) && x.current.releasePointerCapture(n.pointerId), M.current = void 0, pe.current = -1, ne();
+    J(-1), n.type === "touchend" && Q(-1), o && _ && _(n, F.current ?? o.newValue), "pointerType" in n && x.current?.hasPointerCapture(n.pointerId) && x.current.releasePointerCapture(n.pointerId), M.current = void 0, pe.current = -1, ne();
   }), he = ke((n) => {
     if (c)
       return;
@@ -317,11 +317,11 @@ function kt(e) {
     }
     const r = n.changedTouches[0];
     r != null && (M.current = r.identifier);
-    const o = Ce(n, M);
+    const o = Ne(n, M);
     if (o !== !1) {
       te.current = -1;
       const s = R(o);
-      s && (Ae(x, s.activeIndex, G, !1), ie.current = s.activeIndex, L(s.newValue), H && !Ie(s.newValue, P) && j(n, s.newValue, s.activeIndex));
+      s && (Ae(x, s.activeIndex, J, !1), ie.current = s.activeIndex, L(s.newValue), H && !Ie(s.newValue, P) && j(n, s.newValue, s.activeIndex));
     }
     se.current = 0;
     const l = ue(x.current);
@@ -348,13 +348,13 @@ function kt(e) {
   const Ee = (n) => (r) => {
     if (n.onPointerDown?.(r), r.pointerType === "touch" && (W.current = !0), c || r.defaultPrevented || r.button !== 0)
       return;
-    const o = Ce(r, M);
+    const o = Ne(r, M);
     if (o !== !1) {
       te.current = -1;
       const s = R(o);
       if (s) {
         const d = x.current?.querySelector(`input[type="range"][data-index="${s.activeIndex}"]`), m = ue(x.current), g = d != null && d === Ye(m);
-        G(s.activeIndex), ie.current = s.activeIndex, g ? r.preventDefault() : ($(), oe.current = requestAnimationFrame(() => {
+        J(s.activeIndex), ie.current = s.activeIndex, g ? r.preventDefault() : ($(), oe.current = requestAnimationFrame(() => {
           oe.current = null, Ae(x, s.activeIndex, void 0, !1);
         })), L(s.newValue), H && !Ie(s.newValue, P) && j(r, s.newValue, s.activeIndex);
       }
@@ -405,18 +405,18 @@ function kt(e) {
     };
   };
   let ye;
-  return z === "vertical" && (ye = y ? "vertical-rl" : "vertical-lr"), {
+  return D === "vertical" && (ye = y ? "vertical-rl" : "vertical-lr"), {
     active: B,
-    axis: C,
-    axisProps: vt,
+    axis: N,
+    axisProps: gt,
     dragging: Z,
     focusedThumbIndex: fe,
     getHiddenInputProps: (n = Me) => {
       const r = je(n), o = {
-        onChange: De(r),
+        onChange: ze(r),
         onFocus: Ve(r),
         onBlur: be(r),
-        onKeyDown: ze(r)
+        onKeyDown: De(r)
       }, l = {
         ...r,
         ...o
@@ -424,7 +424,7 @@ function kt(e) {
       return {
         tabIndex: T,
         "aria-labelledby": a,
-        "aria-orientation": z,
+        "aria-orientation": D,
         "aria-valuemax": v(f),
         "aria-valuemin": v(u),
         name: K,
@@ -436,7 +436,7 @@ function kt(e) {
         ...n,
         ...l,
         style: {
-          ...dt,
+          ...ut,
           direction: y ? "rtl" : "ltr",
           // So that VoiceOver's focus indicator matches the thumb's dimensions
           width: "100%",
@@ -457,10 +457,10 @@ function kt(e) {
     getThumbStyle: ve
   };
 }
-function xt(e) {
+function kt(e) {
   return st("MuiSlider", e);
 }
-const V = it("MuiSlider", ["root", "active", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "disabled", "dragging", "focusVisible", "mark", "markActive", "marked", "markLabel", "markLabelActive", "rail", "sizeSmall", "thumb", "track", "trackInverted", "trackFalse", "valueLabel", "valueLabelOpen", "valueLabelCircle", "valueLabelLabel", "vertical"]), wt = (e) => {
+const V = ot("MuiSlider", ["root", "active", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "disabled", "dragging", "focusVisible", "mark", "markActive", "marked", "markLabel", "markLabelActive", "rail", "sizeSmall", "thumb", "track", "trackInverted", "trackFalse", "valueLabel", "valueLabelOpen", "valueLabelCircle", "valueLabelLabel", "vertical"]), xt = (e) => {
   const {
     open: a
   } = e;
@@ -470,12 +470,12 @@ const V = it("MuiSlider", ["root", "active", "colorPrimary", "colorSecondary", "
     label: V.valueLabelLabel
   };
 };
-function Ze(e) {
+function Qe(e) {
   const {
     children: a,
     className: i,
     value: c
-  } = e, p = wt(e);
+  } = e, p = xt(e);
   return a ? /* @__PURE__ */ h.cloneElement(a, {
     className: a.props.className
   }, /* @__PURE__ */ O(h.Fragment, {
@@ -492,7 +492,7 @@ function Ze(e) {
     })]
   })) : null;
 }
-process.env.NODE_ENV !== "production" && (Ze.propTypes = {
+process.env.NODE_ENV !== "production" && (Qe.propTypes = {
   children: t.element.isRequired,
   className: t.string,
   value: t.node
@@ -500,7 +500,7 @@ process.env.NODE_ENV !== "production" && (Ze.propTypes = {
 function Xe(e) {
   return e;
 }
-const St = ae("span", {
+const wt = ae("span", {
   name: "MuiSlider",
   slot: "Root",
   overridesResolver: (e, a) => {
@@ -600,7 +600,7 @@ const St = ae("span", {
       marginRight: 44
     }
   }]
-}))), Tt = ae("span", {
+}))), St = ae("span", {
   name: "MuiSlider",
   slot: "Rail"
 })({
@@ -609,10 +609,6 @@ const St = ae("span", {
   borderRadius: "inherit",
   backgroundColor: "currentColor",
   opacity: 0.38,
-  "@media (forced-colors: active)": {
-    border: "1px solid transparent",
-    boxSizing: "border-box"
-  },
   variants: [{
     props: {
       orientation: "horizontal"
@@ -641,7 +637,7 @@ const St = ae("span", {
       opacity: 1
     }
   }]
-}), Lt = ae("span", {
+}), Tt = ae("span", {
   name: "MuiSlider",
   slot: "Track"
 })(de(({
@@ -660,9 +656,7 @@ const St = ae("span", {
       size: "small"
     },
     style: {
-      "@media (forced-colors: none)": {
-        border: "none"
-      }
+      border: "none"
     }
   }, {
     props: {
@@ -710,7 +704,7 @@ const St = ae("span", {
       }
     }
   }))]
-}))), Nt = ae("span", {
+}))), Lt = ae("span", {
   name: "MuiSlider",
   slot: "Thumb"
 })(de(({
@@ -729,9 +723,6 @@ const St = ae("span", {
   transition: e.transitions.create(["box-shadow", "left", "bottom"], {
     duration: e.transitions.duration.shortest
   }),
-  "@media (forced-colors: active)": {
-    border: "1px solid ButtonBorder"
-  },
   "&::before": {
     position: "absolute",
     content: '""',
@@ -799,7 +790,7 @@ const St = ae("span", {
       }
     }
   }))]
-}))), et = ae(Ze, {
+}))), Ze = ae(Qe, {
   name: "MuiSlider",
   slot: "ValueLabel"
 })(de(({
@@ -883,7 +874,7 @@ const St = ae("span", {
     }
   }]
 })));
-process.env.NODE_ENV !== "production" && (et.propTypes = {
+process.env.NODE_ENV !== "production" && (Ze.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -908,7 +899,7 @@ process.env.NODE_ENV !== "production" && (et.propTypes = {
 const Ct = ae("span", {
   name: "MuiSlider",
   slot: "Mark",
-  shouldForwardProp: (e) => Je(e) && e !== "markActive",
+  shouldForwardProp: (e) => Ge(e) && e !== "markActive",
   overridesResolver: (e, a) => {
     const {
       markActive: i
@@ -948,10 +939,10 @@ const Ct = ae("span", {
       opacity: 0.8
     }
   }]
-}))), At = ae("span", {
+}))), Nt = ae("span", {
   name: "MuiSlider",
   slot: "MarkLabel",
-  shouldForwardProp: (e) => Je(e) && e !== "markLabelActive"
+  shouldForwardProp: (e) => Ge(e) && e !== "markLabelActive"
 })(de(({
   theme: e
 }) => ({
@@ -989,7 +980,7 @@ const Ct = ae("span", {
       color: (e.vars || e).palette.text.primary
     }
   }]
-}))), It = (e) => {
+}))), At = (e) => {
   const {
     disabled: a,
     dragging: i,
@@ -1013,14 +1004,14 @@ const Ct = ae("span", {
     disabled: ["disabled"],
     focusVisible: ["focusVisible"]
   };
-  return ut(K, xt, S);
-}, Mt = ({
+  return ct(K, kt, S);
+}, It = ({
   children: e
-}) => e, tt = /* @__PURE__ */ h.forwardRef(function(a, i) {
-  const c = lt({
+}) => e, et = /* @__PURE__ */ h.forwardRef(function(a, i) {
+  const c = it({
     props: a,
     name: "MuiSlider"
-  }), p = ct(), {
+  }), p = lt(), {
     "aria-label": y,
     "aria-valuetext": S,
     "aria-labelledby": f,
@@ -1028,8 +1019,8 @@ const Ct = ae("span", {
     classes: K,
     className: H,
     disableSwap: _ = !1,
-    disabled: z = !1,
-    getAriaLabel: D,
+    disabled: D = !1,
+    getAriaLabel: z,
     getAriaValueText: v,
     marks: b = !1,
     max: k = 100,
@@ -1038,7 +1029,7 @@ const Ct = ae("span", {
     onChange: M,
     onChangeCommitted: oe,
     orientation: B = "horizontal",
-    shiftStep: G = 10,
+    shiftStep: J = 10,
     size: Oe = "medium",
     step: Q = 1,
     scale: Z = Xe,
@@ -1056,14 +1047,14 @@ const Ct = ae("span", {
     max: k,
     min: T,
     classes: K,
-    disabled: z,
+    disabled: D,
     disableSwap: _,
     orientation: B,
     marks: b,
     color: u,
     size: Oe,
     step: Q,
-    shiftStep: G,
+    shiftStep: J,
     scale: Z,
     track: W,
     valueLabelDisplay: $,
@@ -1073,7 +1064,7 @@ const Ct = ae("span", {
     getRootProps: ee,
     getHiddenInputProps: A,
     getThumbProps: U,
-    open: N,
+    open: C,
     active: fe,
     axis: Y,
     focusedThumbIndex: x,
@@ -1081,64 +1072,64 @@ const Ct = ae("span", {
     dragging: Ve,
     marks: be,
     values: I,
-    trackOffset: ze,
-    trackLeap: De,
+    trackOffset: De,
+    trackLeap: ze,
     getThumbStyle: te
-  } = kt({
+  } = yt({
     ...L,
     rootRef: i
   });
   L.marked = be.length > 0 && be.some((o) => o.label), L.dragging = Ve, L.focusedThumbIndex = x;
-  const C = It(L), R = {
+  const N = At(L), R = {
     slots: se,
     slotProps: we
-  }, [re, X] = J("root", {
-    elementType: St,
+  }, [re, X] = G("root", {
+    elementType: wt,
     getSlotProps: ee,
     externalForwardedProps: {
       ...R,
       ...P
     },
     ownerState: L,
-    className: [C.root, H]
-  }), [he, ne] = J("rail", {
-    elementType: Tt,
+    className: [N.root, H]
+  }), [he, ne] = G("rail", {
+    elementType: St,
     externalForwardedProps: R,
     ownerState: L,
-    className: C.rail
-  }), [Ee, Se] = J("track", {
-    elementType: Lt,
+    className: N.rail
+  }), [Ee, Se] = G("track", {
+    elementType: Tt,
     externalForwardedProps: R,
     additionalProps: {
       style: {
-        ...j[Y].offset(ze),
-        ...j[Y].leap(De)
+        ...j[Y].offset(De),
+        ...j[Y].leap(ze)
       }
     },
     ownerState: L,
-    className: C.track
-  }), [$e, ge] = J("thumb", {
-    elementType: Nt,
+    className: N.track
+  }), [$e, ge] = G("thumb", {
+    elementType: Lt,
     getSlotProps: U,
     externalForwardedProps: R,
     ownerState: L,
-    className: C.thumb
-  }), [He, Fe] = J("valueLabel", {
-    elementType: et,
+    className: N.thumb
+  }), [He, Fe] = G("valueLabel", {
+    elementType: Ze,
     externalForwardedProps: R,
     ownerState: L,
-    className: C.valueLabel
-  }), [Te, ve] = J("mark", {
+    className: N.valueLabel
+  }), [Te, ve] = G("mark", {
     elementType: Ct,
     externalForwardedProps: R,
     ownerState: L,
-    className: C.mark
-  }), [ye, Le] = J("markLabel", {
-    elementType: At,
+    className: N.mark
+  }), [ye, Le] = G("markLabel", {
+    elementType: Nt,
     externalForwardedProps: R,
     ownerState: L,
-    className: C.markLabel
-  }), [n, r] = J("input", {
+    className: N.markLabel
+  }), [n, r] = G("input", {
     elementType: "input",
     getSlotProps: A,
     externalForwardedProps: R,
@@ -1164,7 +1155,7 @@ const Ct = ae("span", {
             ...d,
             ...ve.style
           },
-          className: xe(ve.className, m && C.markActive)
+          className: xe(ve.className, m && N.markActive)
         }), o.label != null ? /* @__PURE__ */ w(ye, {
           "aria-hidden": !0,
           "data-index": l,
@@ -1176,12 +1167,12 @@ const Ct = ae("span", {
             ...d,
             ...Le.style
           },
-          className: xe(C.markLabel, Le.className, m && C.markLabelActive),
+          className: xe(N.markLabel, Le.className, m && N.markLabelActive),
           children: o.label
         }) : null]
       }, l);
     }), I.map((o, l) => {
-      const s = Pe(o, T, k), d = j[Y].offset(s), m = $ === "off" ? Mt : He;
+      const s = Pe(o, T, k), d = j[Y].offset(s), m = $ === "off" ? It : He;
       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__ */ w(m, {
@@ -1190,14 +1181,14 @@ const Ct = ae("span", {
             valueLabelDisplay: $,
             value: typeof F == "function" ? F(Z(o), l) : F,
             index: l,
-            open: N === l || fe === l || $ === "on",
-            disabled: z
+            open: C === l || fe === l || $ === "on",
+            disabled: D
           },
           ...Fe,
           children: /* @__PURE__ */ w($e, {
             "data-index": l,
             ...ge,
-            className: xe(C.thumb, ge.className, fe === l && C.active, x === l && C.focusVisible),
+            className: xe(N.thumb, ge.className, fe === l && N.active, x === l && N.focusVisible),
             style: {
               ...d,
               ...te(l),
@@ -1205,7 +1196,7 @@ const Ct = ae("span", {
             },
             children: /* @__PURE__ */ w(n, {
               "data-index": l,
-              "aria-label": D ? D(l) : y,
+              "aria-label": z ? z(l) : y,
               "aria-valuenow": Z(o),
               "aria-labelledby": f,
               "aria-valuetext": v ? v(Z(o), l) : S,
@@ -1218,7 +1209,7 @@ const Ct = ae("span", {
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (tt.propTypes = {
+process.env.NODE_ENV !== "production" && (et.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1472,7 +1463,7 @@ function Dt({
     const T = a || u();
     let E;
     k === 0 ? E = { ...T, min: Math.min(b[0], T.max - 0) } : E = { ...T, max: Math.max(b[1], T.min + 0) }, S(E);
-  }, z = u(), D = a || z;
+  }, D = u(), z = a || D;
   return /* @__PURE__ */ O("div", { children: [
     /* @__PURE__ */ O("div", { className: `ckds-filter-detail ${c ? "" : "mb-6"}`, children: [
       /* @__PURE__ */ O("div", { className: "ckds-filter-slider-values", children: [
@@ -1484,7 +1475,7 @@ function Dt({
             {
               type: "number",
               name: "min",
-              value: D.min,
+              value: z.min,
               onChange: K,
               className: "ckds-currency-input-field",
               placeholder: "0",
@@ -1502,7 +1493,7 @@ function Dt({
             {
               type: "number",
               name: "max",
-              value: D.max,
+              value: z.max,
               onChange: H,
               className: "ckds-currency-input-field",
               placeholder: "0",
@@ -1514,12 +1505,12 @@ function Dt({
     ] }),
     c && /* @__PURE__ */ w("div", { className: "ckds-filter-error", children: c }),
     /* @__PURE__ */ w("div", { style: { width: "100%", paddingInline: 14, boxSizing: "border-box" }, children: /* @__PURE__ */ w(
-      tt,
+      et,
       {
         className: "slider",
-        min: z.min,
-        max: z.max,
-        value: [D.min, D.max],
+        min: D.min,
+        max: D.max,
+        value: [z.min, z.max],
         onChange: _,
         disableSwap: !0,
         valueLabelDisplay: "auto"
@@ -1528,12 +1519,12 @@ function Dt({
     /* @__PURE__ */ O("div", { className: "ckds-slider-input-display", children: [
       /* @__PURE__ */ O("span", { children: [
         "$",
-        Number(D.min),
+        Number(z.min),
         " "
       ] }),
       /* @__PURE__ */ O("span", { children: [
         "$",
-        Number(D.max),
+        Number(z.max),
         " "
       ] })
     ] })