@contentmunch/contentmunch-ui 1.0.34 → 1.0.35

package/lib/index.es.js

@@ -15,16 +15,16 @@ function ue() {
   le = 1;
   var n = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
   function r(i, c, a) {
-    var x = null;
-    if (a !== void 0 && (x = "" + a), c.key !== void 0 && (x = "" + c.key), "key" in c) {
+    var o = null;
+    if (a !== void 0 && (o = "" + a), c.key !== void 0 && (o = "" + c.key), "key" in c) {
       a = {};
-      for (var o in c)
-        o !== "key" && (a[o] = c[o]);
+      for (var x in c)
+        x !== "key" && (a[x] = c[x]);
     } else a = c;
     return c = a.ref, {
       $$typeof: n,
       type: i,
-      key: x,
+      key: o,
       ref: c !== void 0 ? c : null,
       props: a
     };
@@ -125,16 +125,16 @@ function ye() {
     function a() {
       return Error("react-stack-top-frame");
     }
-    function x(l) {
+    function o(l) {
       if (X.call(l, "key")) {
         var y = Object.getOwnPropertyDescriptor(l, "key").get;
         if (y && y.isReactWarning) return !1;
       }
       return l.key !== void 0;
     }
-    function o(l, y) {
+    function x(l, y) {
       function b() {
-        Y || (Y = !0, console.error(
+        $ || ($ = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           y
         ));
@@ -146,7 +146,7 @@ function ye() {
     }
     function d() {
       var l = n(this.type);
-      return $[l] || ($[l] = !0, console.error(
+      return Y[l] || (Y[l] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), l = this.props.ref, l !== void 0 ? l : null;
     }
@@ -213,12 +213,12 @@ React keys must be passed directly to JSX without using spread:
           R
         ), re[R + E] = !0);
       }
-      if (R = null, b !== void 0 && (r(b), R = "" + b), x(y) && (r(y.key), R = "" + y.key), "key" in y) {
+      if (R = null, b !== void 0 && (r(b), R = "" + b), o(y) && (r(y.key), R = "" + y.key), "key" in y) {
         b = {};
         for (var ne in y)
           ne !== "key" && (b[ne] = y[ne]);
       } else b = y;
-      return R && o(
+      return R && x(
         b,
         typeof l == "function" ? l.displayName || l.name || "Unknown" : l
       ), h(
@@ -243,7 +243,7 @@ React keys must be passed directly to JSX without using spread:
         return l();
       }
     };
-    var Y, $ = {}, U = p["react-stack-bottom-frame"].bind(
+    var $, Y = {}, U = p["react-stack-bottom-frame"].bind(
       p,
       a
     )(), W = I(i(a)), re = {};
@@ -280,7 +280,7 @@ function pe() {
 }
 var e = pe();
 const Re = ({ variant: n, children: t }) => {
-  const { folds: r } = t, [i, c] = A(0), a = (d) => d === i ? "fold active" : "fold", x = (d) => "fold-button" + (n ? " fold-button--" + n : "") + (r[d].foldColor ? " fold-button--primary fold-button--" + r[d].foldColor : ""), o = (d) => {
+  const { folds: r } = t, [i, c] = A(0), a = (d) => d === i ? "fold active" : "fold", o = (d) => "fold-button" + (n ? " fold-button--" + n : "") + (r[d].foldColor ? " fold-button--primary fold-button--" + r[d].foldColor : ""), x = (d) => {
     const h = d.which.toString(), j = d.ctrlKey && h.match(/33|34/);
     if (h.match(/38|40/) || j) {
       const u = h.match(/34|40/) ? 1 : -1, p = r.length, f = (i + p + u) % p;
@@ -299,8 +299,8 @@ const Re = ({ variant: n, children: t }) => {
           /* @__PURE__ */ e.jsx(
             "button",
             {
-              className: x(h),
-              onKeyDown: o,
+              className: o(h),
+              onKeyDown: x,
               onClick: () => c(h),
               children: /* @__PURE__ */ e.jsx("span", { children: d.heading })
             }
@@ -1069,10 +1069,10 @@ const Re = ({ variant: n, children: t }) => {
     /* @__PURE__ */ e.jsx("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" }),
     /* @__PURE__ */ e.jsx("text", { x: "6", y: "14", fontSize: "6", fontFamily: "'Lucida Grande', sans-serif", children: "360" })
   ] })
-}, w = ({ color: n, name: t, size: r = "small", weight: i = 2, onClick: c, iconString: a, orientation: x, children: o }) => {
+}, w = ({ color: n, name: t, size: r = "small", weight: i = 2, onClick: c, iconString: a, orientation: o, children: x }) => {
   const d = r ? "muncher-icon--" + r : "muncher-icon--small";
   return /* @__PURE__ */ e.jsxs("span", { className: "muncher-icon", children: [
-    o && x && x === "right" ? /* @__PURE__ */ e.jsx("span", { className: "content-left", children: o }) : "",
+    x && o && o === "right" ? /* @__PURE__ */ e.jsx("span", { className: "content-left", children: x }) : "",
     /* @__PURE__ */ e.jsx(
       "svg",
       {
@@ -1088,7 +1088,7 @@ const Re = ({ variant: n, children: t }) => {
         children: t ? ae[t] : a ? Object(ae)[a] : ""
       }
     ),
-    o && (!x || x === "left") ? /* @__PURE__ */ e.jsx("span", { className: "content-right", children: o }) : ""
+    x && (!o || o === "left") ? /* @__PURE__ */ e.jsx("span", { className: "content-right", children: x }) : ""
   ] });
 }, Te = ({
   variant: n = "primary",
@@ -1114,15 +1114,15 @@ const Re = ({ variant: n, children: t }) => {
   title: i,
   active: c,
   disabled: a,
-  rounded: x,
-  onClick: o,
+  rounded: o,
+  onClick: x,
   onMouseDown: d,
   onMouseEnter: h,
   onMouseLeave: j,
   children: u,
   ...p
 }) => {
-  const f = "muncher-button" + (n && n === "nav" ? " muncher-button--nav" : "") + (t ? " muncher-button--" + t : "") + (r ? " muncher-button--" + r : "") + (c ? " muncher-button--active" : "") + (x ? " muncher-button--rounded" : "");
+  const f = "muncher-button" + (n && n === "nav" ? " muncher-button--nav" : "") + (t ? " muncher-button--" + t : "") + (r ? " muncher-button--" + r : "") + (c ? " muncher-button--active" : "") + (o ? " muncher-button--rounded" : "");
   return /* @__PURE__ */ e.jsx(
     "button",
     {
@@ -1130,7 +1130,7 @@ const Re = ({ variant: n, children: t }) => {
       className: f,
       disabled: !!a,
       title: i,
-      onClick: o,
+      onClick: x,
       onMouseDown: d,
       onMouseEnter: h,
       onMouseLeave: j,
@@ -1145,8 +1145,8 @@ const Re = ({ variant: n, children: t }) => {
   active: i,
   disabled: c,
   element: a,
-  onMouseDown: x,
-  rounded: o,
+  onMouseDown: o,
+  rounded: x,
   drop: d,
   onClick: h,
   onClose: j,
@@ -1198,7 +1198,7 @@ const Re = ({ variant: n, children: t }) => {
         onMouseDown: v,
         title: r,
         disabled: c,
-        rounded: o,
+        rounded: x,
         active: i,
         variant: n,
         size: t,
@@ -1223,9 +1223,10 @@ const Re = ({ variant: n, children: t }) => {
   disabled: r,
   element: i,
   rounded: c,
-  children: a,
+  dropLeft: a,
+  children: o,
   ...x
-}) => /* @__PURE__ */ e.jsxs("div", { className: "muncher-dropdown-nav", children: [
+}) => /* @__PURE__ */ e.jsxs("div", { className: `muncher-dropdown-nav ${a ? "drop-left" : ""}`, children: [
   /* @__PURE__ */ e.jsx(
     O,
     {
@@ -1238,7 +1239,7 @@ const Re = ({ variant: n, children: t }) => {
       children: i
     }
   ),
-  /* @__PURE__ */ e.jsx("div", { className: "muncher-dropdown-nav--content", children: a })
+  /* @__PURE__ */ e.jsx("div", { className: "muncher-dropdown-nav--content", children: o })
 ] }), ge = (n) => {
   navigator.clipboard.writeText(n);
 }, be = ({
@@ -1246,9 +1247,9 @@ const Re = ({ variant: n, children: t }) => {
   variant: t = "secondary",
   size: r = "small"
 }) => {
-  const [i, c] = A(), [a, x] = A("copy"), [o, d] = A("copy link"), h = () => {
-    ge(n), c("green"), x("check"), d("copied!"), setTimeout(function() {
-      c(""), x("copy");
+  const [i, c] = A(), [a, o] = A("copy"), [x, d] = A("copy link"), h = () => {
+    ge(n), c("green"), o("check"), d("copied!"), setTimeout(function() {
+      c(""), o("copy");
     }, 2e3);
   };
   return /* @__PURE__ */ e.jsx(
@@ -1256,7 +1257,7 @@ const Re = ({ variant: n, children: t }) => {
     {
       size: r,
       variant: t,
-      title: o,
+      title: x,
       onClick: h,
       children: /* @__PURE__ */ e.jsx(w, { name: a, color: i })
     }
@@ -1315,14 +1316,14 @@ const Re = ({ variant: n, children: t }) => {
   variant: i,
   size: c,
   title: a,
-  active: x,
-  disabled: o,
+  active: o,
+  disabled: x,
   rounded: d
 }) => {
   const h = encodeURI("data:text/csv;charset=utf-8," + n.join(",") + `
 ` + t.map((j) => j.join(",")).join(`
 `));
-  return /* @__PURE__ */ e.jsx("div", { className: "muncher-csv", children: /* @__PURE__ */ e.jsx(O, { variant: i, size: c, active: x, disabled: o, rounded: d, children: /* @__PURE__ */ e.jsx("a", { href: h, download: r + ".csv", children: /* @__PURE__ */ e.jsx(w, { name: "download", children: a || "Download" }) }) }) });
+  return /* @__PURE__ */ e.jsx("div", { className: "muncher-csv", children: /* @__PURE__ */ e.jsx(O, { variant: i, size: c, active: o, disabled: x, rounded: d, children: /* @__PURE__ */ e.jsx("a", { href: h, download: r + ".csv", children: /* @__PURE__ */ e.jsx(w, { name: "download", children: a || "Download" }) }) }) });
 }, Ne = ({
   variant: n = "transparent",
   size: t = "small",
@@ -1330,8 +1331,8 @@ const Re = ({ variant: n, children: t }) => {
   sortAsc: i = "true",
   active: c,
   rounded: a,
-  onClick: x,
-  children: o
+  onClick: o,
+  children: x
 }) => {
   const [d, h] = A(!1), j = () => !c || c && !d ? i ? /* @__PURE__ */ e.jsx(w, { name: "sort-asc" }) : /* @__PURE__ */ e.jsx(w, { name: "sort-desc" }) : i ? /* @__PURE__ */ e.jsx(w, { name: "sort-desc" }) : /* @__PURE__ */ e.jsx(w, { name: "sort-asc" });
   return /* @__PURE__ */ e.jsxs(
@@ -1347,9 +1348,9 @@ const Re = ({ variant: n, children: t }) => {
       onMouseLeave: () => {
         h(!1);
       },
-      onClick: x,
+      onClick: o,
       children: [
-        o,
+        x,
         c || d ? /* @__PURE__ */ e.jsx(j, {}) : ""
       ]
     }
@@ -1361,9 +1362,9 @@ const Re = ({ variant: n, children: t }) => {
   isDisabled: i,
   variant: c = "primary",
   navIcon: a = "chevron",
-  onClick: x
+  onClick: o
 }) => {
-  const o = () => {
+  const x = () => {
     switch (a) {
       case "arrow":
         return n === "left" ? "arrow-left" : "arrow-right";
@@ -1382,12 +1383,12 @@ const Re = ({ variant: n, children: t }) => {
       children: /* @__PURE__ */ e.jsx(
         O,
         {
-          onClick: x,
+          onClick: o,
           disabled: i,
           size: "small",
           variant: c,
           title: n === "left" ? "Navigate Left" : "Navigate Right",
-          children: /* @__PURE__ */ e.jsx(w, { name: o(), size: t, weight: r })
+          children: /* @__PURE__ */ e.jsx(w, { name: x(), size: t, weight: r })
         }
       )
     }
@@ -1403,7 +1404,7 @@ const Re = ({ variant: n, children: t }) => {
   label: c,
   ...a
 }) => {
-  const [x, o] = A(i || !1);
+  const [o, x] = A(i || !1);
   return /* @__PURE__ */ e.jsx("div", { className: "muncher-input--div", children: /* @__PURE__ */ e.jsxs("div", { className: "muncher-checkbox", children: [
     /* @__PURE__ */ e.jsx(
       "input",
@@ -1412,9 +1413,9 @@ const Re = ({ variant: n, children: t }) => {
         id: n,
         name: n,
         onChange: (d) => {
-          o(d.target.checked), r && r();
+          x(d.target.checked), r && r();
         },
-        checked: x,
+        checked: o,
         required: t,
         ...a
       }
@@ -1426,7 +1427,7 @@ const Re = ({ variant: n, children: t }) => {
         required: t,
         id: n,
         onClick: (d) => {
-          d.preventDefault(), o(!x), r && r();
+          d.preventDefault(), x(!o), r && r();
         }
       }
     ) : ""
@@ -1444,14 +1445,14 @@ const Re = ({ variant: n, children: t }) => {
   size: i = "medium",
   required: c,
   active: a,
-  isUploading: x,
-  handleOnChange: o,
+  isUploading: o,
+  handleOnChange: x,
   warningMessage: d,
   successMessage: h,
   ...j
 }) => {
   const u = "muncher-button" + (r ? " muncher-button--" + r : "") + (i ? " muncher-button--" + i : "") + (a ? " muncher-button--active" : ""), p = (f) => {
-    o && o(f.currentTarget.files[0]);
+    x && x(f.currentTarget.files[0]);
   };
   return /* @__PURE__ */ e.jsx("div", { className: "muncher-file-input--div", children: /* @__PURE__ */ e.jsxs("div", { className: "file-input-element", children: [
     /* @__PURE__ */ e.jsxs("label", { htmlFor: n, className: u, children: [
@@ -1459,7 +1460,7 @@ const Re = ({ variant: n, children: t }) => {
       " ",
       t || "Upload CSV",
       c ? /* @__PURE__ */ e.jsx("span", { className: "required", children: " *" }) : "",
-      x ? /* @__PURE__ */ e.jsx(he, { size: "tiny" }) : ""
+      o ? /* @__PURE__ */ e.jsx(he, { size: "tiny" }) : ""
     ] }),
     /* @__PURE__ */ e.jsx(
       "input",
@@ -1483,8 +1484,8 @@ const Re = ({ variant: n, children: t }) => {
   size: i = "large",
   required: c,
   active: a,
-  setFiles: x,
-  error: o,
+  setFiles: o,
+  error: x,
   multiple: d = !1,
   maxFiles: h,
   ...j
@@ -1492,10 +1493,10 @@ const Re = ({ variant: n, children: t }) => {
   const [u, p] = A(""), [f, N] = A(""), g = h || 3, T = "muncher-button" + (r ? " muncher-button--" + r : "") + (i ? " muncher-button--" + i : "") + (a ? " muncher-button--active" : ""), v = (S) => {
     if (d) {
       let z = Array.from(S.currentTarget.files);
-      z.length > g && (z = z.slice(0, g), N("Only first " + g + " files included")), x(z), p(z.map((k) => k.name).join(", "));
+      z.length > g && (z = z.slice(0, g), N("Only first " + g + " files included")), o(z), p(z.map((k) => k.name).join(", "));
     } else
-      x(Array.from(S.currentTarget.files[0])), p(S.currentTarget.files[0].name);
-  }, _ = () => o && o !== "";
+      o(Array.from(S.currentTarget.files[0])), p(S.currentTarget.files[0].name);
+  }, _ = () => x && x !== "";
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-file-input--div", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "file-input-element", children: [
       /* @__PURE__ */ e.jsxs("label", { htmlFor: n, className: T, children: [
@@ -1520,7 +1521,7 @@ const Re = ({ variant: n, children: t }) => {
       )
     ] }),
     f !== "" ? /* @__PURE__ */ e.jsx("p", { className: "text-danger", children: f }) : "",
-    _() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(w, { name: "alert", children: o }) }) : ""
+    _() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(w, { name: "alert", children: x }) }) : ""
   ] });
 }, ke = ({
   name: n,
@@ -1529,8 +1530,8 @@ const Re = ({ variant: n, children: t }) => {
   readOnly: i,
   icon: c,
   hoverIcon: a,
-  onHoverIconClick: x,
-  type: o = "text",
+  onHoverIconClick: o,
+  type: x = "text",
   list: d,
   onBlur: h,
   labelPosition: j = "top",
@@ -1558,7 +1559,7 @@ const Re = ({ variant: n, children: t }) => {
       j === "side" ? m() : "",
       c ? /* @__PURE__ */ e.jsx(w, { name: c }) : "",
       a ? /* @__PURE__ */ e.jsxs("span", { className: "muncher-icon-hover", children: [
-        /* @__PURE__ */ e.jsx(w, { name: a, onClick: x }),
+        /* @__PURE__ */ e.jsx(w, { name: a, onClick: o }),
         " "
       ] }) : "",
       /* @__PURE__ */ e.jsxs("div", { className: "muncher-input-wrapper", children: [
@@ -1570,7 +1571,7 @@ const Re = ({ variant: n, children: t }) => {
             name: n,
             autoFocus: f,
             value: v,
-            type: o || "text",
+            type: x || "text",
             autoComplete: "off",
             placeholder: N,
             onChange: g,
@@ -1617,8 +1618,8 @@ const Re = ({ variant: n, children: t }) => {
   required: i,
   multiple: c,
   error: a,
-  onChange: x,
-  value: o,
+  onChange: o,
+  value: x,
   ...d
 }) => {
   const h = () => a && a !== "", j = () => {
@@ -1633,8 +1634,8 @@ const Re = ({ variant: n, children: t }) => {
         id: n,
         className: j(),
         name: n,
-        value: o,
-        onChange: x,
+        value: x,
+        onChange: o,
         required: i,
         multiple: c,
         ...d,
@@ -1655,8 +1656,8 @@ const Re = ({ variant: n, children: t }) => {
   readOnly: i = !1,
   rows: c = 6,
   maxLength: a = 1e3,
-  focus: x = !1,
-  placeholder: o,
+  focus: o = !1,
+  placeholder: x,
   onChange: d,
   value: h,
   ...j
@@ -1674,9 +1675,9 @@ const Re = ({ variant: n, children: t }) => {
         rows: c,
         maxLength: a,
         name: n,
-        autoFocus: x,
+        autoFocus: o,
         value: h,
-        placeholder: o,
+        placeholder: x,
         onChange: f,
         required: r,
         readOnly: i,
@@ -1695,8 +1696,8 @@ const Re = ({ variant: n, children: t }) => {
   showContent: i = !1,
   setShowContent: c,
   readOnly: a,
-  value: x,
-  label: o,
+  value: o,
+  label: x,
   error: d,
   required: h,
   children: j
@@ -1727,8 +1728,8 @@ const Re = ({ variant: n, children: t }) => {
         name: "query",
         onChange: p,
         readOnly: a,
-        value: x,
-        label: o,
+        value: o,
+        label: x,
         required: h,
         error: d
       }
@@ -1776,7 +1777,7 @@ const Re = ({ variant: n, children: t }) => {
     " ",
     t
   ] })
-] }), Ye = ({ value: n, max: t, label: r }) => {
+] }), $e = ({ value: n, max: t, label: r }) => {
   const i = () => {
     const c = Math.round(n / t * 100) + "%";
     return r ? r + " " + c : c;
@@ -1785,11 +1786,11 @@ const Re = ({ variant: n, children: t }) => {
     /* @__PURE__ */ e.jsx("label", { htmlFor: "progress", children: i() }),
     /* @__PURE__ */ e.jsx("progress", { id: "progress", value: n, max: t, children: i() })
   ] });
-}, $e = ({ variant: n, size: t, style: r }) => {
+}, Ye = ({ variant: n, size: t, style: r }) => {
   const i = "muncher-hr" + (n ? " muncher-hr--" + n : "") + (t ? " muncher-hr--" + t : "") + (r ? " muncher-hr--" + r : "");
   return /* @__PURE__ */ e.jsx("hr", { className: i });
 }, Ue = ({ sliderItems: n, navButtonSize: t = "large", navButtonWeight: r = 2, variant: i, navIcon: c, navButtonPlacement: a = "inside" }) => {
-  const [x, o] = A(0), [d, h] = A(0), j = () => n.length > 1 && x > 0 ? /* @__PURE__ */ e.jsx(
+  const [o, x] = A(0), [d, h] = A(0), j = () => n.length > 1 && o > 0 ? /* @__PURE__ */ e.jsx(
     xe,
     {
       direction: "left",
@@ -1798,10 +1799,10 @@ const Re = ({ variant: n, children: t }) => {
       navIcon: c,
       weight: r,
       onClick: () => {
-        x === 0 ? (h(-(n.length - 1) * 100), o(n.length - 1)) : (h(d + 100), o(x - 1));
+        o === 0 ? (h(-(n.length - 1) * 100), x(n.length - 1)) : (h(d + 100), x(o - 1));
       }
     }
-  ) : "", u = () => n.length > 1 && x < n.length - 1 ? /* @__PURE__ */ e.jsx(
+  ) : "", u = () => n.length > 1 && o < n.length - 1 ? /* @__PURE__ */ e.jsx(
     xe,
     {
       direction: "right",
@@ -1810,7 +1811,7 @@ const Re = ({ variant: n, children: t }) => {
       navIcon: c,
       variant: i,
       onClick: () => {
-        x === n.length - 1 ? (o(0), h(0)) : (h(d - 100), o(x + 1));
+        o === n.length - 1 ? (x(0), h(0)) : (h(d - 100), x(o + 1));
       }
     }
   ) : "";
@@ -1840,18 +1841,18 @@ const Re = ({ variant: n, children: t }) => {
   maxValue: i,
   setMinValue: c,
   setMaxValue: a,
-  numberFormatter: x = (o) => new Intl.NumberFormat("en-US", {
+  numberFormatter: o = (x) => new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: "USD"
-  }).format(o)
+  }).format(x)
 }) => {
-  const o = (j) => {
+  const x = (j) => {
     const u = +j.target.value, p = u < i - 1 ? u : r;
     c(p);
   }, d = (j) => {
     const u = +j.target.value, p = u > r + 1 ? u : i;
     a(p);
-  }, h = (j) => x && j ? x(j) : j;
+  }, h = (j) => o && j ? o(j) : j;
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-slider", children: [
     /* @__PURE__ */ e.jsx("div", { className: "slider-header", children: /* @__PURE__ */ e.jsx("p", { children: h(r) + " - " + h(i) }) }),
     /* @__PURE__ */ e.jsx(
@@ -1862,7 +1863,7 @@ const Re = ({ variant: n, children: t }) => {
         min: n,
         max: t,
         value: r,
-        onChange: o
+        onChange: x
       }
     ),
     /* @__PURE__ */ e.jsx(
@@ -1891,8 +1892,8 @@ const Re = ({ variant: n, children: t }) => {
     currency: "USD"
   }).format(a)
 }) => {
-  const a = (o) => c ? c(o) : o, x = (o) => {
-    const d = +o.target.value;
+  const a = (x) => c ? c(x) : x, o = (x) => {
+    const d = +x.target.value;
     i(d);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-slider", children: [
@@ -1905,7 +1906,7 @@ const Re = ({ variant: n, children: t }) => {
         min: n,
         max: t,
         value: r,
-        onChange: x
+        onChange: o
       }
     ),
     /* @__PURE__ */ e.jsxs("div", { className: "slider-values", children: [
@@ -1917,41 +1918,41 @@ const Re = ({ variant: n, children: t }) => {
   const c = {
     "--r": n
   }, a = () => {
-    let x = "muncher-star";
-    return t && (x += " star-" + t), r && (x += " star-" + r), x;
+    let o = "muncher-star";
+    return t && (o += " star-" + t), r && (o += " star-" + r), o;
   };
   return /* @__PURE__ */ e.jsx("span", { className: a(), style: c, ...i });
 }, qe = ({ handleTabSelected: n, children: t }) => {
-  const [r, i] = A(0), { tabs: c } = t, a = (x) => {
-    i(x), n && n(x);
+  const [r, i] = A(0), { tabs: c } = t, a = (o) => {
+    i(o), n && n(o);
   };
   return /* @__PURE__ */ e.jsxs("section", { className: "muncher-tabs", children: [
     /* @__PURE__ */ e.jsx("header", { children: c.map(
-      (x, o) => /* @__PURE__ */ e.jsxs("div", { className: "muncher-tab-header--item", children: [
+      (o, x) => /* @__PURE__ */ e.jsxs("div", { className: "muncher-tab-header--item", children: [
         /* @__PURE__ */ e.jsx(
           O,
           {
             variant: "transparent",
-            active: r === o,
+            active: r === x,
             size: "small",
-            title: x.headerTitle,
+            title: o.headerTitle,
             onClick: () => {
-              a(o);
+              a(x);
             },
-            children: x.header
+            children: o.header
           }
         ),
-        o !== c.length - 1 ? /* @__PURE__ */ e.jsx("span", { className: "spacer", children: "|" }) : ""
-      ] }, "muncher-tab-header" + o)
+        x !== c.length - 1 ? /* @__PURE__ */ e.jsx("span", { className: "spacer", children: "|" }) : ""
+      ] }, "muncher-tab-header" + x)
     ) }),
     c.map(
-      (x, o) => /* @__PURE__ */ e.jsx(
+      (o, x) => /* @__PURE__ */ e.jsx(
         "section",
         {
-          className: r === o ? "muncher-tab muncher-tab--active" : "muncher-tab",
-          children: x.body
+          className: r === x ? "muncher-tab muncher-tab--active" : "muncher-tab",
+          children: o.body
         },
-        "muncher-tab-" + o
+        "muncher-tab-" + x
       )
     )
   ] });
@@ -1962,8 +1963,8 @@ const Re = ({ variant: n, children: t }) => {
   handleOnUpload: i,
   sortBy: c,
   excludeDownload: a,
-  includeUpload: x,
-  isUploading: o,
+  includeUpload: o,
+  isUploading: x,
   uploadWarningMessage: d,
   uploadSuccessMessage: h,
   excludePagination: j,
@@ -1978,8 +1979,8 @@ const Re = ({ variant: n, children: t }) => {
     var C;
     const m = [...N], M = (C = f[g.index]) == null ? void 0 : C.sort;
     return M ? m.sort(M) : m.sort((L, X) => {
-      var Y, $, U, W;
-      const Z = (($ = (Y = L[g.index]) == null ? void 0 : Y.value) == null ? void 0 : $.toString().toLowerCase()) ?? "", I = ((W = (U = X[g.index]) == null ? void 0 : U.value) == null ? void 0 : W.toString().toLowerCase()) ?? "";
+      var $, Y, U, W;
+      const Z = ((Y = ($ = L[g.index]) == null ? void 0 : $.value) == null ? void 0 : Y.toString().toLowerCase()) ?? "", I = ((W = (U = X[g.index]) == null ? void 0 : U.value) == null ? void 0 : W.toString().toLowerCase()) ?? "";
       return Z.localeCompare(I);
     }), g.desc ? m.reverse() : m;
   }, [N, g, f]), k = te(
@@ -2031,12 +2032,12 @@ const Re = ({ variant: n, children: t }) => {
             data: P
           }
         ),
-        x && /* @__PURE__ */ e.jsx(
+        o && /* @__PURE__ */ e.jsx(
           Me,
           {
             name: "csv-input-file",
             handleOnChange: i,
-            isUploading: o,
+            isUploading: x,
             warningMessage: d,
             successMessage: h
           }
@@ -2104,7 +2105,7 @@ export {
   ve as DropdownButton,
   Ae as DropdownNavButton,
   Je as Featured,
-  $e as Hr,
+  Ye as Hr,
   w as Icon,
   Te as IconBadge,
   ze as ImageInput,
@@ -2116,7 +2117,7 @@ export {
   xe as NavigateButton,
   Fe as Paper,
   Ie as Pill,
-  Ye as Progress,
+  $e as Progress,
   He as Radio,
   We as RangeSlider,
   Ce as Select,