@contentmunch/contentmunch-ui 1.0.33 → 1.0.35

package/lib/index.es.js

@@ -1,4 +1,4 @@
-import oe, { useState as T, Fragment as s, useRef as de, useCallback as G, useEffect as Q, useMemo as te } from "react";
+import oe, { useState as A, Fragment as s, useRef as de, useCallback as G, useEffect as Q, useMemo as te } from "react";
 var K = { exports: {} }, B = {};
 /**
  * @license React
@@ -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
     };
@@ -54,7 +54,7 @@ function ye() {
           return "Fragment";
         case v:
           return "Profiler";
-        case A:
+        case T:
           return "StrictMode";
         case k:
           return "Suspense";
@@ -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(
@@ -235,7 +235,7 @@ React keys must be passed directly to JSX without using spread:
     function u(l) {
       typeof l == "object" && l !== null && l.$$typeof === f && l._store && (l._store.validated = 1);
     }
-    var p = oe, f = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), A = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), S = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), H = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), M = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), L = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, X = Object.prototype.hasOwnProperty, Z = Array.isArray, I = console.createTask ? console.createTask : function() {
+    var p = oe, f = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), T = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), S = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), H = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), M = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), L = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, X = Object.prototype.hasOwnProperty, Z = Array.isArray, I = console.createTask ? console.createTask : function() {
       return null;
     };
     p = {
@@ -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] = T(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,
@@ -1156,7 +1156,7 @@ const Re = ({ variant: n, children: t }) => {
   children: N,
   ...g
 }) => {
-  const A = de(null), v = (k) => {
+  const T = de(null), v = (k) => {
     k.preventDefault(), h && h(k), p && p(!0);
   }, _ = G(() => {
     p(!1), j && j();
@@ -1165,7 +1165,7 @@ const Re = ({ variant: n, children: t }) => {
   }, [_]);
   Q(() => {
     const k = (H) => {
-      A && A.current && H.target instanceof HTMLElement && !A.current.contains(H.target) && _();
+      T && T.current && H.target instanceof HTMLElement && !T.current.contains(H.target) && _();
     };
     return document.addEventListener("keydown", S, !1), document.addEventListener("mousedown", k), () => {
       document.removeEventListener("keydown", S, !1);
@@ -1173,7 +1173,7 @@ const Re = ({ variant: n, children: t }) => {
   }, [S, _]);
   const z = () => {
     var P;
-    const k = (P = A.current) == null ? void 0 : P.offsetLeft, H = window.innerWidth;
+    const k = (P = T.current) == null ? void 0 : P.offsetLeft, H = window.innerWidth;
     if (k) {
       if (k < 100) return "muncher-dropdown--content";
       if (H - k < 150) return "muncher-dropdown--content drop-left";
@@ -1191,14 +1191,14 @@ const Re = ({ variant: n, children: t }) => {
         return "muncher-dropdown--content";
     }
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: "muncher-dropdown", ref: A, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: "muncher-dropdown", ref: T, children: [
     /* @__PURE__ */ e.jsxs(
       O,
       {
         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] = T(), [a, x] = T("copy"), [o, d] = T("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 })
     }
@@ -1266,7 +1267,7 @@ const Re = ({ variant: n, children: t }) => {
   size: t = "medium",
   title: r
 }) => {
-  const [i, c] = T(!1);
+  const [i, c] = A(!1);
   return /* @__PURE__ */ e.jsx("div", { className: "muncher-share", children: /* @__PURE__ */ e.jsxs(
     ve,
     {
@@ -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,10 +1331,10 @@ const Re = ({ variant: n, children: t }) => {
   sortAsc: i = "true",
   active: c,
   rounded: a,
-  onClick: x,
-  children: o
+  onClick: o,
+  children: x
 }) => {
-  const [d, h] = T(!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" });
+  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(
     O,
     {
@@ -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] = T(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,22 +1484,22 @@ 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
 }) => {
-  const [u, p] = T(""), [f, N] = T(""), g = h || 3, A = "muncher-button" + (r ? " muncher-button--" + r : "") + (i ? " muncher-button--" + i : "") + (a ? " muncher-button--active" : ""), v = (S) => {
+  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: A, children: [
+      /* @__PURE__ */ e.jsxs("label", { htmlFor: n, className: T, children: [
         /* @__PURE__ */ e.jsx(w, { name: "image" }),
         " ",
         t,
@@ -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",
@@ -1539,7 +1540,7 @@ const Re = ({ variant: n, children: t }) => {
   focus: f = !1,
   placeholder: N,
   onChange: g,
-  step: A,
+  step: T,
   value: v,
   maxLength: _,
   onEnterPress: S,
@@ -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,
@@ -1579,7 +1580,7 @@ const Re = ({ variant: n, children: t }) => {
             list: d,
             onKeyDown: M,
             onBlur: h,
-            step: A,
+            step: T,
             maxLength: _,
             ...k
           }
@@ -1589,43 +1590,36 @@ const Re = ({ variant: n, children: t }) => {
     ] }),
     H() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(w, { name: "alert", children: p }) }) : ""
   ] });
-}, He = ({ name: n, required: t = !1, onChange: r, checked: i = !1, label: c, ...a }) => {
-  const [x, o] = T(i || !1);
-  return /* @__PURE__ */ e.jsx("div", { className: "muncher-input--div", children: /* @__PURE__ */ e.jsxs("div", { className: "muncher-radio", children: [
-    /* @__PURE__ */ e.jsx(
-      "input",
-      {
-        id: n,
-        type: "radio",
-        name: n,
-        onChange: (d) => {
-          o(d.target.checked), r && r();
-        },
-        checked: x,
-        ...a
-      }
-    ),
-    c ? /* @__PURE__ */ e.jsx(
-      q,
-      {
-        label: c,
-        required: t,
-        id: n,
-        onClick: () => {
-          o(!x), r && r();
-        }
+}, He = ({ name: n, required: t = !1, onChange: r, checked: i = !1, label: c, ...a }) => /* @__PURE__ */ e.jsx("div", { className: "muncher-input--div", children: /* @__PURE__ */ e.jsxs("div", { className: "muncher-radio", children: [
+  /* @__PURE__ */ e.jsx(
+    "input",
+    {
+      type: "radio",
+      name: n,
+      onChange: r,
+      checked: i,
+      ...a
+    }
+  ),
+  c ? /* @__PURE__ */ e.jsx(
+    q,
+    {
+      label: c,
+      required: t,
+      onClick: () => {
+        r && r();
       }
-    ) : ""
-  ] }) });
-}, Ce = ({
+    }
+  ) : ""
+] }) }), Ce = ({
   name: n,
   options: t,
   label: r,
   required: i,
   multiple: c,
   error: a,
-  onChange: x,
-  value: o,
+  onChange: o,
+  value: x,
   ...d
 }) => {
   const h = () => a && a !== "", j = () => {
@@ -1640,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,
@@ -1662,13 +1656,13 @@ 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
 }) => {
-  const [u, p] = T(h), f = (N) => {
+  const [u, p] = A(h), f = (N) => {
     p(N.target.value), d && d(N);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-input--div", children: [
@@ -1681,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,
@@ -1702,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
@@ -1716,10 +1710,10 @@ const Re = ({ variant: n, children: t }) => {
     g.keyCode === 27 && f();
   }, [f]);
   return Q(() => {
-    const g = (A) => {
+    const g = (T) => {
       if (u && u !== null) {
         const v = u.current;
-        v && !v.contains(A.target) && f();
+        v && !v.contains(T.target) && f();
       }
     };
     return document.addEventListener("keydown", N, !1), document.addEventListener("mousedown", g), () => {
@@ -1734,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
       }
@@ -1783,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;
@@ -1792,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] = T(0), [d, h] = T(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",
@@ -1805,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",
@@ -1817,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));
       }
     }
   ) : "";
@@ -1847,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(
@@ -1869,7 +1863,7 @@ const Re = ({ variant: n, children: t }) => {
         min: n,
         max: t,
         value: r,
-        onChange: o
+        onChange: x
       }
     ),
     /* @__PURE__ */ e.jsx(
@@ -1898,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: [
@@ -1912,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: [
@@ -1924,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] = T(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
       )
     )
   ] });
@@ -1969,24 +1963,24 @@ 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,
   footer: u,
   children: p
 }) => {
-  const { header: f, rows: N } = p, [g, A] = T(c ?? { index: 0 }), [v, _] = T({ num: 0, size: t }), S = (m) => {
-    A(
+  const { header: f, rows: N } = p, [g, T] = A(c ?? { index: 0 }), [v, _] = A({ num: 0, size: t }), S = (m) => {
+    T(
       (M) => M.index === m ? { ...M, desc: !M.desc } : { index: m }
     );
   }, z = te(() => {
     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(
@@ -2038,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
           }
@@ -2111,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,
@@ -2123,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,