@performant-software/core-data 2.3.10-beta.6 → 2.3.10-beta.7

package/dist/index.es50.js

@@ -1,10 +1,9 @@
-import { j as o } from "./index.es73.js";
-import { useTimer as bt } from "@performant-software/shared-components";
-import { clsx as N } from "./index.es75.js";
-import { useState as I, useRef as ft, useEffect as R, useMemo as E, useCallback as b } from "react";
-import { mergeRefs as Nt } from "./index.es148.js";
+import { j as s } from "./index.es73.js";
+import { clsx as b } from "./index.es75.js";
+import { useState as E, useRef as ft, useEffect as R, useMemo as y, useCallback as T } from "react";
+import { mergeRefs as bt } from "./index.es148.js";
 import et from "./index.es149.js";
-import d from "./index.es76.js";
+import l from "./index.es76.js";
 import "./index.es77.js";
 import "./index.es78.js";
 import "./index.es79.js";
@@ -32,105 +31,104 @@ import "./index.es100.js";
 import "./index.es101.js";
 import "./index.es102.js";
 import "./index.es103.js";
-import jt from "./index.es48.js";
+import Nt from "./index.es48.js";
 import nt from "./index.es13.js";
-import { useEventsService as Tt } from "./index.es34.js";
 import ot from "./index.es106.js";
-import wt from "./index.es150.js";
+import jt from "./index.es150.js";
 import at from "./index.es151.js";
-import { timeTicks as pt } from "./index.es152.js";
-const Ot = 24192e5, _t = 26784e5, S = 154, W = 42, O = 4, lt = O * 2, yt = 1, $ = 8, mt = 1, st = 0.5, Et = 32, It = 3e3, rt = 80, ut = 15, K = 1, ct = 2, Rt = 1.5, kt = (n) => {
-  var M, C;
-  const [u, A] = I(new Date(n.range.min, 0, 1)), [_, k] = I(new Date(n.range.max, 11, 31)), [v, r] = et(), [P, i] = et(), h = ft(), [c, D] = I(!1), [a, j] = I(K);
+import { timeTicks as wt } from "./index.es152.js";
+const Tt = 24192e5, Ot = 26784e5, S = 154, $ = 42, p = 4, lt = p * 2, pt = 1, K = 8, mt = 1, st = 0.5, _t = 32, yt = 3e3, it = 80, ut = 15, Y = 1, ct = 2, Et = 1.5, It = (o) => {
+  var H, v;
+  const [m, A] = E(new Date(o.range.min, 0, 1)), [_, k] = E(new Date(o.range.max, 11, 31)), [M, i] = et(), [U, r] = et(), g = ft(), [c, P] = E(!1), [u, N] = E(Y);
   R(() => {
-    j(K);
-  }, [n.range]);
-  const Y = E(() => (i.width - Et) * a, [a, i]), T = E(() => ({
-    min: new Date(n.range.min, 0, 1),
-    max: new Date(n.range.max, 0, 1)
-  }), [n.range]);
+    N(Y);
+  }, [o.range]);
+  const X = y(() => (r.width - _t) * u, [u, r]), j = y(() => ({
+    min: new Date(o.range.min, 0, 1),
+    max: new Date(o.range.max, 0, 1)
+  }), [o.range]);
   R(() => {
-    var l;
-    const t = i.width / 2, s = r.width / 2 - t;
-    (l = h.current) == null || l.scrollTo({ left: s });
-  }, [a, i, r, h]);
-  const U = b(() => {
-    j((t) => t * ct);
-  }, [j]), X = b(() => {
-    j((t) => t === K ? t : t / ct);
-  }, [j]), q = b((t) => {
+    var d;
+    const t = r.width / 2, a = i.width / 2 - t;
+    (d = g.current) == null || d.scrollTo({ left: a });
+  }, [u, r, i, g]);
+  const x = T(() => {
+    N((t) => t * ct);
+  }, [N]), D = T(() => {
+    N((t) => t === Y ? t : t / ct);
+  }, [N]), q = T((t) => {
     var e;
-    D(!0), (e = h.current) == null || e.setPointerCapture(t.pointerId);
-  }, [h.current]), g = b((t) => {
+    P(!0), (e = g.current) == null || e.setPointerCapture(t.pointerId);
+  }, [g.current]), J = T((t) => {
     var e;
-    D(!1), (e = h.current) == null || e.releasePointerCapture(t.pointerId);
-  }, [h.current]), L = b((t) => {
+    P(!1), (e = g.current) == null || e.releasePointerCapture(t.pointerId);
+  }, [g.current]), F = T((t) => {
     var e;
-    (e = h.current) != null && e.hasPointerCapture(t.pointerId) && (h.current.scrollLeft -= t.movementX * Rt);
-  }, [h]), J = E(() => r.width < It, [r.width, a]), Q = E(() => a > K, [a]), F = b(
-    (t, e) => d.some(e, (s) => s.yOffset === t.yOffset && t.xOffset < s.xOffset + S && t.xOffset + S > s.xOffset),
+    (e = g.current) != null && e.hasPointerCapture(t.pointerId) && (g.current.scrollLeft -= t.movementX * Et);
+  }, [g]), Q = y(() => i.width < yt, [i.width, u]), L = y(() => u > Y, [u]), z = T(
+    (t, e) => l.some(e, (a) => a.yOffset === t.yOffset && t.xOffset < a.xOffset + S && t.xOffset + S > a.xOffset),
     []
-  ), z = E(() => {
+  ), V = y(() => {
     let t = 0;
-    return d.chain(n.events).sortBy("date").reduce((e, s) => {
-      let x = (s.date - T.min) / (T.max - T.min) * r.width, y = !1;
-      x + S > r.width && (y = !0, x -= S);
-      let w = 0;
-      const m = i.height - r.height;
-      for (; F({ xOffset: x, yOffset: w }, e); ) {
-        if (w + W * 2 >= m) {
-          w = t, t + W * 2 < m ? t += W : t = 0;
+    return l.chain(o.events).sortBy("date").reduce((e, a) => {
+      let w = (a.date - j.min) / (j.max - j.min) * i.width, G = !1;
+      w + S > i.width && (G = !0, w -= S);
+      let O = 0;
+      const h = r.height - i.height;
+      for (; z({ xOffset: w, yOffset: O }, e); ) {
+        if (O + $ * 2 >= h) {
+          O = t, t + $ * 2 < h ? t += $ : t = 0;
           break;
         }
-        w += W;
+        O += $;
       }
       return e.push({
-        ...s,
-        xOffset: x,
-        yOffset: w,
-        anchorRight: y
+        ...a,
+        xOffset: w,
+        yOffset: O,
+        anchorRight: G
       }), e;
     }, []).value();
-  }, [n.events, r, i.height, T]), V = b((t, e, s, l = "major") => {
-    const x = s, y = Math.floor(x / rt), w = at().domain([t, e]).range([0, x]), m = pt(t, e, y).map((p) => ({
-      value: p,
-      xOffset: w(p)
+  }, [o.events, i, r.height, j]), C = T((t, e, a, d = "major") => {
+    const w = a, G = Math.floor(w / it), O = at().domain([t, e]).range([0, w]), h = wt(t, e, G).map((I) => ({
+      value: I,
+      xOffset: O(I)
     }));
-    return m.length > 0 && (d.last(m).value.getTime() < e.getTime() && m.push({ value: e, xOffset: w(e), hideVal: !0 }), d.first(m).value.getTime() > t.getTime() && m.unshift({ value: t, xOffset: w(t), hideVal: !0 })), l === "minor" ? m.length > 1 ? d.chain(m).map((p, B) => {
+    return h.length > 0 && (l.last(h).value.getTime() < e.getTime() && h.push({ value: e, xOffset: O(e), hideVal: !0 }), l.first(h).value.getTime() > t.getTime() && h.unshift({ value: t, xOffset: O(t), hideVal: !0 })), d === "minor" ? h.length > 1 ? l.chain(h).map((I, B) => {
       if (B > 0) {
-        const G = [m[B - 1].value, p.value];
-        if (G[1] - G[0] <= _t)
+        const Z = [h[B - 1].value, I.value];
+        if (Z[1] - Z[0] <= Ot)
           return [];
-        const tt = [m[B - 1].xOffset, p.xOffset], dt = tt[1] - tt[0], ht = Math.floor(dt / ut), it = at().domain(G).range(tt).nice(), gt = d.map(it.ticks(ht), (Z) => ({
-          value: Z,
-          xOffset: it(Z)
+        const tt = [h[B - 1].xOffset, I.xOffset], dt = tt[1] - tt[0], ht = Math.floor(dt / ut), rt = at().domain(Z).range(tt).nice(), gt = l.map(rt.ticks(ht), (W) => ({
+          value: W,
+          xOffset: rt(W)
         }));
-        return d.filter(gt, (Z) => !d.map(
-          G,
+        return l.filter(gt, (W) => !l.map(
+          Z,
           (xt) => xt.getTime()
-        ).includes(Z.value.getTime()));
+        ).includes(W.value.getTime()));
       }
       return [];
-    }).flatten().uniq(!0, (p) => p.value).value() : [] : m;
+    }).flatten().uniq(!0, (I) => I.value).value() : [] : h;
   }, []);
   R(() => {
-    A(T.min), k(T.max);
-  }, [T.min, T.max]);
-  const f = E(() => ({
-    major: r != null && r.width ? V(u, _, r.width, "major") : [],
-    minor: r != null && r.width ? V(u, _, r.width, "minor") : []
-  }), [u, _, r.width]), H = b((t, e) => {
-    var s;
-    if (((s = f == null ? void 0 : f.major) == null ? void 0 : s.length) > 1) {
-      const l = f.major[1].value - f.major[0].value;
-      return !e || (e == null ? void 0 : e.getFullYear()) !== t.getFullYear() ? t.getFullYear() : l > Ot || e || (e == null ? void 0 : e.getMonth()) !== t.getMonth() ? t.toLocaleDateString(void 0, { month: "short" }) : t.toLocaleDateString(void 0, { day: "numeric" });
+    A(j.min), k(j.max);
+  }, [j.min, j.max]);
+  const n = y(() => ({
+    major: i != null && i.width ? C(m, _, i.width, "major") : [],
+    minor: i != null && i.width ? C(m, _, i.width, "minor") : []
+  }), [m, _, i.width]), f = T((t, e) => {
+    var a;
+    if (((a = n == null ? void 0 : n.major) == null ? void 0 : a.length) > 1) {
+      const d = n.major[1].value - n.major[0].value;
+      return !e || (e == null ? void 0 : e.getFullYear()) !== t.getFullYear() ? t.getFullYear() : d > Tt || e || (e == null ? void 0 : e.getMonth()) !== t.getMonth() ? t.toLocaleDateString(void 0, { month: "short" }) : t.toLocaleDateString(void 0, { day: "numeric" });
     }
     return t.toString();
-  }, [f.major]);
-  return /* @__PURE__ */ o.jsxs(
+  }, [n.major]);
+  return /* @__PURE__ */ s.jsxs(
     "div",
     {
-      className: N(
+      className: b(
         "grow",
         "px-4",
         "pt-6",
@@ -142,108 +140,108 @@ const Ot = 24192e5, _t = 26784e5, S = 154, W = 42, O = 4, lt = O * 2, yt = 1, $
         "select-none",
         c ? "cursor-grabbing" : "cursor-grab"
       ),
-      ref: Nt([P, h]),
-      onPointerMove: L,
-      onPointerUp: g,
+      ref: bt([U, g]),
+      onPointerMove: F,
+      onPointerUp: J,
       style: { scrollbarWidth: "none" },
       children: [
-        /* @__PURE__ */ o.jsxs("div", { className: "absolute top-5 right-5 z-30 flex flex-row", children: [
-          /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ s.jsxs("div", { className: "absolute top-5 right-5 z-30 flex flex-row", children: [
+          /* @__PURE__ */ s.jsx(
             "button",
             {
               "aria-label": ot.t("Timeline.zoomIn"),
-              className: N(
+              className: b(
                 "p-3",
                 "disabled:opacity-50",
                 "disabled:hover:bg-transparent",
                 "rounded-tl",
                 "rounded-bl",
-                (M = n.classNames) == null ? void 0 : M.zoom
+                (H = o.classNames) == null ? void 0 : H.zoom
               ),
-              disabled: !J,
+              disabled: !Q,
               type: "button",
-              onClick: U,
-              children: /* @__PURE__ */ o.jsx(nt, { name: "magnifying_glass_plus", size: 19 })
+              onClick: x,
+              children: /* @__PURE__ */ s.jsx(nt, { name: "magnifying_glass_plus", size: 19 })
             }
           ),
-          /* @__PURE__ */ o.jsx(
+          /* @__PURE__ */ s.jsx(
             "button",
             {
               "aria-label": ot.t("Timeline.zoomOut"),
-              className: N(
+              className: b(
                 "ml-[1px]",
                 "p-3",
                 "disabled:opacity-50",
                 "disabled:hover:bg-transparent",
                 "rounded-tr",
                 "rounded-br",
-                (C = n.classNames) == null ? void 0 : C.zoom
+                (v = o.classNames) == null ? void 0 : v.zoom
               ),
-              disabled: !Q,
+              disabled: !L,
               type: "button",
-              onClick: X,
-              children: /* @__PURE__ */ o.jsx(nt, { name: "magnifying_glass_minus", size: 19 })
+              onClick: D,
+              children: /* @__PURE__ */ s.jsx(nt, { name: "magnifying_glass_minus", size: 19 })
             }
           )
         ] }),
-        /* @__PURE__ */ o.jsxs(
+        /* @__PURE__ */ s.jsxs(
           "div",
           {
             className: "h-full min-h-36 flex flex-col",
-            style: { width: Y },
+            style: { width: X },
             onPointerDown: q,
             children: [
-              /* @__PURE__ */ o.jsx("div", { className: "grow relative", children: d.map(z, (t) => {
+              /* @__PURE__ */ s.jsx("div", { className: "grow relative", children: l.map(V, (t) => {
                 var e;
-                return /* @__PURE__ */ o.jsxs(
+                return /* @__PURE__ */ s.jsxs(
                   "div",
                   {
                     className: "w-44 absolute",
                     style: {
                       left: `${t.xOffset}px`,
-                      bottom: `${t.yOffset + $}px`
+                      bottom: `${t.yOffset + K}px`
                     },
                     children: [
-                      /* @__PURE__ */ o.jsxs(
+                      /* @__PURE__ */ s.jsxs(
                         "svg",
                         {
-                          className: N(
+                          className: b(
                             "absolute",
                             "top-[32px]"
                           ),
-                          height: t.yOffset + $ + lt,
+                          height: t.yOffset + K + lt,
                           width: lt,
                           style: {
-                            left: `${t.anchorRight ? S + yt - O : -O}px`
+                            left: `${t.anchorRight ? S + pt - p : -p}px`
                           },
                           children: [
-                            /* @__PURE__ */ o.jsx(
+                            /* @__PURE__ */ s.jsx(
                               "line",
                               {
-                                x1: O,
-                                x2: O,
+                                x1: p,
+                                x2: p,
                                 y1: 0,
-                                y2: t.yOffset + $ + O - mt,
+                                y2: t.yOffset + K + p - mt,
                                 className: "stroke-neutral-300 stroke-[1px]",
                                 shapeRendering: "crispEdges"
                               }
                             ),
-                            /* @__PURE__ */ o.jsx(
+                            /* @__PURE__ */ s.jsx(
                               "circle",
                               {
-                                cx: O,
-                                cy: t.yOffset + $ + O - mt,
-                                r: O,
-                                className: N(((e = n.classNames) == null ? void 0 : e.marker) || "fill-neutral-500")
+                                cx: p,
+                                cy: t.yOffset + K + p - mt,
+                                r: p,
+                                className: b(((e = o.classNames) == null ? void 0 : e.marker) || "fill-neutral-500")
                               }
                             )
                           ]
                         }
                       ),
-                      /* @__PURE__ */ o.jsx(
+                      /* @__PURE__ */ s.jsx(
                         "button",
                         {
-                          className: N(
+                          className: b(
                             "h-9",
                             "w-44",
                             "px-2",
@@ -264,10 +262,10 @@ const Ot = 24192e5, _t = 26784e5, S = 154, W = 42, O = 4, lt = O * 2, yt = 1, $
                             t.anchorRight ? "rounded-bl" : "rounded-br",
                             "mb-1"
                           ),
-                          onPointerDown: (s) => s.stopPropagation(),
-                          onClick: () => n.onClick(t),
+                          onPointerDown: (a) => a.stopPropagation(),
+                          onClick: () => o.onClick(t),
                           type: "button",
-                          children: /* @__PURE__ */ o.jsx("span", { className: "truncate text-sm", children: t.name })
+                          children: /* @__PURE__ */ s.jsx("span", { className: "truncate text-sm", children: t.name })
                         }
                       )
                     ]
@@ -275,7 +273,7 @@ const Ot = 24192e5, _t = 26784e5, S = 154, W = 42, O = 4, lt = O * 2, yt = 1, $
                   t.uuid
                 );
               }) }),
-              /* @__PURE__ */ o.jsx("div", { ref: v, className: "w-fill", children: f && /* @__PURE__ */ o.jsxs(
+              /* @__PURE__ */ s.jsx("div", { ref: M, className: "w-fill", children: n && /* @__PURE__ */ s.jsxs(
                 "svg",
                 {
                   className: "!overflow-visible w-fill",
@@ -284,10 +282,10 @@ const Ot = 24192e5, _t = 26784e5, S = 154, W = 42, O = 4, lt = O * 2, yt = 1, $
                   overflow: "visible",
                   shapeRendering: "crispEdges",
                   children: [
-                    d.last(f.major) && /* @__PURE__ */ o.jsx("line", { x1: "0", y1: "0", x2: d.last(f.major).xOffset + st, y2: "0", stroke: "currentColor" }),
-                    d.map(f.major, ({ value: t, xOffset: e, hideVal: s }, l) => !s && /* @__PURE__ */ o.jsxs("g", { transform: `translate(${e}, 0)`, children: [
-                      /* @__PURE__ */ o.jsx("line", { y2: 10, stroke: "currentColor" }),
-                      /* @__PURE__ */ o.jsx(
+                    l.last(n.major) && /* @__PURE__ */ s.jsx("line", { x1: "0", y1: "0", x2: l.last(n.major).xOffset + st, y2: "0", stroke: "currentColor" }),
+                    l.map(n.major, ({ value: t, xOffset: e, hideVal: a }, d) => !a && /* @__PURE__ */ s.jsxs("g", { transform: `translate(${e}, 0)`, children: [
+                      /* @__PURE__ */ s.jsx("line", { y2: 10, stroke: "currentColor" }),
+                      /* @__PURE__ */ s.jsx(
                         "text",
                         {
                           className: "translate-y-8",
@@ -295,12 +293,12 @@ const Ot = 24192e5, _t = 26784e5, S = 154, W = 42, O = 4, lt = O * 2, yt = 1, $
                             textAnchor: "middle"
                           },
                           fill: "currentColor",
-                          children: H(t, l !== 0 ? f.major[l - 1].value : null)
+                          children: f(t, d !== 0 ? n.major[d - 1].value : null)
                         },
                         t
                       )
                     ] }, t)),
-                    d.map(f.minor, ({ xOffset: t }, e) => /* @__PURE__ */ o.jsx("g", { transform: `translate(${t}, 0)`, children: /* @__PURE__ */ o.jsx("line", { y2: 5, stroke: "currentColor" }) }, e))
+                    l.map(n.minor, ({ xOffset: t }, e) => /* @__PURE__ */ s.jsx("g", { transform: `translate(${t}, 0)`, children: /* @__PURE__ */ s.jsx("line", { y2: 5, stroke: "currentColor" }) }, e))
                   ]
                 }
               ) })
@@ -310,108 +308,98 @@ const Ot = 24192e5, _t = 26784e5, S = 154, W = 42, O = 4, lt = O * 2, yt = 1, $
       ]
     }
   );
-}, Ne = (n) => {
-  var f, H, M, C;
-  const { range: u = {}, refine: A, start: _ = [] } = n, k = Math.max(u.min, Number.isFinite(_[0]) ? _[0] : u.min), v = Math.min(u.max + 1, Number.isFinite(_[1]) ? _[1] : u.max + 1), [r, P] = I(), [i, h] = I(u.max + 1), [c, D] = I(u.min), [a, j] = I([k, v]), Y = Tt(), T = ft(), { clearTimer: U, setTimer: X } = bt(), [q, g] = et();
+}, he = (o) => {
+  var L, z, V, C;
+  const { range: m = {}, refine: A, start: _ = [] } = o, k = Math.max(m.min, Number.isFinite(_[0]) ? _[0] : m.min), M = Math.min(m.max, Number.isFinite(_[1]) ? _[1] : m.max), [i, U] = E(), [r, g] = E(m.max), [c, P] = E(m.min), [u, N] = E([k, M]), X = ft(), [j, x] = et();
   R(() => {
-    j((t) => {
-      const e = [...t];
-      return c > t[0] ? e[0] = c : i < t[0] && (e[0] = i), i < t[1] ? e[1] = i : c > t[1] && (e[1] = c), e;
+    N((n) => {
+      const f = [...n];
+      return c > n[0] ? f[0] = c : r < n[0] && (f[0] = r), r < n[1] ? f[1] = r : c > n[1] && (f[1] = c), f;
     });
-  }, [c, i]);
-  const L = () => {
-    j([c, i]), A([c, i]);
-  }, J = E(() => [{
+  }, [c, r]);
+  const D = () => {
+    N([c, r]), A([c, r]);
+  }, q = y(() => [{
     className: "-mt-4",
     label: ot.t("Timeline.resetRange"),
-    icon: /* @__PURE__ */ o.jsx(nt, { name: "reset", className: "w-5 h-5" }),
-    onClick: L,
+    icon: /* @__PURE__ */ s.jsx(nt, { name: "reset", className: "w-5 h-5" }),
+    onClick: D,
     position: "right",
-    disabled: a[0] === c && a[1] === i
-  }], [L, a]), Q = b((t) => {
-    var s, l;
-    const e = ((s = t.start_date) == null ? void 0 : s.start_date) || ((l = t.end_date) == null ? void 0 : l.start_date);
-    return e && new Date(e);
-  }, []), F = b((t) => {
-    P(d.map(t.events, (e) => ({
-      ...e,
-      date: Q(e)
-    })));
+    disabled: u[0] === c && u[1] === r
+  }], [D, u]), J = T((n) => {
+    const f = !l.isEmpty(n.start_date) && n.start_date[0] || !l.isEmpty(n.end_date) && n.end_date[0];
+    return f && new Date(f);
   }, []);
   R(() => {
-    a && (U(), X(() => {
-      P([]);
-      const t = {
-        min_year: a[0],
-        max_year: a[1]
-      };
-      Y.fetchAll(t).then(F);
-    }));
-  }, [F, i, c, a]), R(() => {
-    n.onLoad && n.onLoad(r);
-  }, [r, n.onLoad]), R(() => {
-    j([k, v]), D(u.min), h(u.max + 1);
-  }, [k, v, u.min, u.max]);
-  const z = b((t, e, s, l = "major") => {
-    let x = e - t;
-    const y = s - st;
-    if (y / x < rt)
-      x = Math.floor(y / (l === "minor" ? ut : rt));
-    else if (l === "minor")
+    U(l.map(o.data, (n) => ({
+      ...n,
+      date: J(n)
+    })));
+  }, [o.data]), R(() => {
+    o.onLoad && o.onLoad(i);
+  }, [i, o.onLoad]), R(() => {
+    N([k, M]), P(m.min), g(m.max);
+  }, [k, M, m.min, m.max]);
+  const F = T((n, f, H, v = "major") => {
+    let t = f - n;
+    const e = H - st;
+    if (e / t < it)
+      t = Math.floor(e / (v === "minor" ? ut : it));
+    else if (v === "minor")
       return [];
-    const m = wt().domain([t, e]).range([st, y]);
-    return m.ticks(x).map((p) => ({
-      value: p,
-      xOffset: m(p)
+    const d = jt().domain([n, f]).range([st, e]);
+    return d.ticks(t).map((w) => ({
+      value: w,
+      xOffset: d(w)
     }));
-  }, []), V = E(() => ({
-    major: g != null && g.width ? z(c, i, g.width, "major") : [],
-    minor: g != null && g.width ? z(c, i, g.width, "minor") : []
-  }), [c, i, g.width]);
-  return /* @__PURE__ */ o.jsxs(
+  }, []), Q = y(() => ({
+    major: x != null && x.width ? F(c, r, x.width, "major") : [],
+    minor: x != null && x.width ? F(c, r, x.width, "minor") : []
+  }), [c, r, x.width]);
+  return /* @__PURE__ */ s.jsxs(
     "div",
     {
-      className: N(
+      className: b(
         "h-full",
         "flex",
         "flex-col",
         "relative",
-        n.className
+        o.className
       ),
-      ref: T,
+      ref: X,
       children: [
-        /* @__PURE__ */ o.jsx(
-          kt,
+        /* @__PURE__ */ s.jsx(
+          It,
           {
-            classNames: n.classNames,
-            events: r,
-            onClick: n.onClick,
-            range: { min: a[0], max: a[1] }
+            classNames: o.classNames,
+            events: i,
+            onClick: o.onClick,
+            range: { min: u[0], max: u[1] + 1 }
           }
         ),
-        /* @__PURE__ */ o.jsx(
-          jt,
+        /* @__PURE__ */ s.jsx(
+          Nt,
           {
             actions: [
-              ...J,
-              ...n.actions || []
+              ...q,
+              ...o.actions || []
             ],
             classNames: {
-              ...n.classNames,
-              range: N("cursor-grab", "active:cursor-grabbing", "bg-slate-500", "border", "border-black", (f = n.classNames) == null ? void 0 : f.range),
-              root: N("ml-14", "mr-5", (H = n.classNames) == null ? void 0 : H.root),
-              track: N("cursor-grab", "active:cursor-grabbing", "h-5", "mb-4", (M = n.classNames) == null ? void 0 : M.track),
-              thumb: N("opacity-0", "w-[1px]", (C = n.classNames) == null ? void 0 : C.thumb)
+              ...o.classNames,
+              range: b("cursor-grab", "active:cursor-grabbing", "bg-slate-500", "border", "border-black", (L = o.classNames) == null ? void 0 : L.range),
+              root: b("ml-14", "mr-5", (z = o.classNames) == null ? void 0 : z.root),
+              track: b("cursor-grab", "active:cursor-grabbing", "h-5", "mb-4", (V = o.classNames) == null ? void 0 : V.track),
+              thumb: b("opacity-0", "w-[1px]", (C = o.classNames) == null ? void 0 : C.thumb)
             },
             hideStepButtons: !0,
-            max: i,
+            max: r,
             min: c,
-            onValueChange: j,
+            onValueChange: N,
             onValueCommit: A,
             position: "bottom",
-            ticks: V,
-            ref: q,
-            value: a
+            ticks: Q,
+            ref: j,
+            value: u
           }
         )
       ]
@@ -419,6 +407,6 @@ const Ot = 24192e5, _t = 26784e5, S = 154, W = 42, O = 4, lt = O * 2, yt = 1, $
   );
 };
 export {
-  Ne as default
+  he as default
 };
 //# sourceMappingURL=index.es50.js.map