@contentmunch/contentmunch-ui 1.0.28 → 1.0.29

package/lib/index.es.js

@@ -1,5 +1,5 @@
-import xe, { useState as T, Fragment as s, useRef as oe, useCallback as B, useEffect as K } from "react";
-var X = { exports: {} }, $ = {};
+import xe, { useState as T, Fragment as s, useRef as oe, useCallback as J, useEffect as K } from "react";
+var X = { exports: {} }, W = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -10,8 +10,8 @@ var X = { exports: {} }, $ = {};
  * LICENSE file in the root directory of this source tree.
  */
 var te;
-function he() {
-  if (te) return $;
+function je() {
+  if (te) return W;
   te = 1;
   var n = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
   function r(c, i, a) {
@@ -29,9 +29,9 @@ function he() {
       props: a
     };
   }
-  return $.Fragment = t, $.jsx = r, $.jsxs = r, $;
+  return W.Fragment = t, W.jsx = r, W.jsxs = r, W;
 }
-var W = {};
+var B = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -42,12 +42,12 @@ var W = {};
  * LICENSE file in the root directory of this source tree.
  */
 var le;
-function je() {
+function ue() {
   return le || (le = 1, process.env.NODE_ENV !== "production" && function() {
     function n(l) {
       if (l == null) return null;
       if (typeof l == "function")
-        return l.$$typeof === G ? null : l.displayName || l.name || null;
+        return l.$$typeof === H ? null : l.displayName || l.name || null;
       if (typeof l == "string") return l;
       switch (l) {
         case v:
@@ -56,29 +56,29 @@ function je() {
           return "Profiler";
         case C:
           return "StrictMode";
-        case b:
+        case M:
           return "Suspense";
         case y:
           return "SuspenseList";
-        case A:
+        case L:
           return "Activity";
       }
       if (typeof l == "object")
         switch (typeof l.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), l.$$typeof) {
-          case k:
+          case N:
             return "Portal";
-          case z:
-            return (l.displayName || "Context") + ".Provider";
           case _:
+            return (l.displayName || "Context") + ".Provider";
+          case A:
             return (l._context.displayName || "Context") + ".Consumer";
           case S:
             var p = l.render;
             return l = l.displayName, l || (l = p.displayName || p.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
-          case w:
+          case k:
             return p = l.displayName || null, p !== null ? p : n(l.type) || "Memo";
-          case H:
+          case z:
             p = l._payload, l = l._init;
             try {
               return n(l(p));
@@ -99,8 +99,8 @@ function je() {
       }
       if (p) {
         p = console;
-        var N = p.error, E = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
-        return N.call(
+        var b = p.error, E = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
+        return b.call(
           p,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           E
@@ -109,7 +109,7 @@ function je() {
     }
     function c(l) {
       if (l === v) return "<>";
-      if (typeof l == "object" && l !== null && l.$$typeof === H)
+      if (typeof l == "object" && l !== null && l.$$typeof === z)
         return "<...>";
       try {
         var p = n(l);
@@ -119,45 +119,45 @@ function je() {
       }
     }
     function i() {
-      var l = P.A;
+      var l = D.A;
       return l === null ? null : l.getOwner();
     }
     function a() {
       return Error("react-stack-top-frame");
     }
     function x(l) {
-      if (I.call(l, "key")) {
+      if (Y.call(l, "key")) {
         var p = Object.getOwnPropertyDescriptor(l, "key").get;
         if (p && p.isReactWarning) return !1;
       }
       return l.key !== void 0;
     }
     function o(l, p) {
-      function N() {
-        Y || (Y = !0, console.error(
+      function b() {
+        U || (U = !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)",
           p
         ));
       }
-      N.isReactWarning = !0, Object.defineProperty(l, "key", {
-        get: N,
+      b.isReactWarning = !0, Object.defineProperty(l, "key", {
+        get: b,
         configurable: !0
       });
     }
     function d() {
       var l = n(this.type);
-      return U[l] || (U[l] = !0, console.error(
+      return $[l] || ($[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;
     }
-    function h(l, p, N, E, L, V, Q, Z) {
-      return N = V.ref, l = {
+    function h(l, p, b, E, P, V, Q, Z) {
+      return b = V.ref, l = {
         $$typeof: f,
         type: l,
         key: p,
         props: V,
-        _owner: L
-      }, (N !== void 0 ? N : null) !== null ? Object.defineProperty(l, "ref", {
+        _owner: P
+      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(l, "ref", {
         enumerable: !1,
         get: d
       }) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._store, "validated", {
@@ -182,7 +182,7 @@ function je() {
         value: Z
       }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     }
-    function j(l, p, N, E, L, V, Q, Z) {
+    function j(l, p, b, E, P, V, Q, Z) {
       var R = p.children;
       if (R !== void 0)
         if (E)
@@ -195,12 +195,12 @@ function je() {
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
         else u(R);
-      if (I.call(p, "key")) {
+      if (Y.call(p, "key")) {
         R = n(l);
-        var F = Object.keys(p).filter(function(de) {
-          return de !== "key";
+        var I = Object.keys(p).filter(function(he) {
+          return he !== "key";
         });
-        E = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", re[R + E] || (F = 0 < F.length ? "{" + F.join(": ..., ") + ": ...}" : "{}", console.error(
+        E = 0 < I.length ? "{key: someKey, " + I.join(": ..., ") + ": ...}" : "{key: someKey}", re[R + E] || (I = 0 < I.length ? "{" + I.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -209,25 +209,25 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           E,
           R,
-          F,
+          I,
           R
         ), re[R + E] = !0);
       }
-      if (R = null, N !== void 0 && (r(N), R = "" + N), x(p) && (r(p.key), R = "" + p.key), "key" in p) {
-        N = {};
+      if (R = null, b !== void 0 && (r(b), R = "" + b), x(p) && (r(p.key), R = "" + p.key), "key" in p) {
+        b = {};
         for (var ee in p)
-          ee !== "key" && (N[ee] = p[ee]);
-      } else N = p;
+          ee !== "key" && (b[ee] = p[ee]);
+      } else b = p;
       return R && o(
-        N,
+        b,
         typeof l == "function" ? l.displayName || l.name || "Unknown" : l
       ), h(
         l,
         R,
         V,
-        L,
+        P,
         i(),
-        N,
+        b,
         Q,
         Z
       );
@@ -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 m = xe, f = Symbol.for("react.transitional.element"), k = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), z = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), A = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), P = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, q = Array.isArray, D = console.createTask ? console.createTask : function() {
+    var m = xe, f = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), k = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), L = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), D = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, q = Array.isArray, F = console.createTask ? console.createTask : function() {
       return null;
     };
     m = {
@@ -243,42 +243,42 @@ React keys must be passed directly to JSX without using spread:
         return l();
       }
     };
-    var Y, U = {}, se = m["react-stack-bottom-frame"].bind(
+    var U, $ = {}, se = m["react-stack-bottom-frame"].bind(
       m,
       a
-    )(), ne = D(c(a)), re = {};
-    W.Fragment = v, W.jsx = function(l, p, N, E, L) {
-      var V = 1e4 > P.recentlyCreatedOwnerStacks++;
+    )(), ne = F(c(a)), re = {};
+    B.Fragment = v, B.jsx = function(l, p, b, E, P) {
+      var V = 1e4 > D.recentlyCreatedOwnerStacks++;
       return j(
         l,
         p,
-        N,
+        b,
         !1,
         E,
-        L,
+        P,
         V ? Error("react-stack-top-frame") : se,
-        V ? D(c(l)) : ne
+        V ? F(c(l)) : ne
       );
-    }, W.jsxs = function(l, p, N, E, L) {
-      var V = 1e4 > P.recentlyCreatedOwnerStacks++;
+    }, B.jsxs = function(l, p, b, E, P) {
+      var V = 1e4 > D.recentlyCreatedOwnerStacks++;
       return j(
         l,
         p,
-        N,
+        b,
         !0,
         E,
-        L,
+        P,
         V ? Error("react-stack-top-frame") : se,
-        V ? D(c(l)) : ne
+        V ? F(c(l)) : ne
       );
     };
-  }()), W;
+  }()), B;
 }
 var ie;
-function ue() {
-  return ie || (ie = 1, process.env.NODE_ENV === "production" ? X.exports = he() : X.exports = je()), X.exports;
+function ye() {
+  return ie || (ie = 1, process.env.NODE_ENV === "production" ? X.exports = je() : X.exports = ue()), X.exports;
 }
-var e = ue();
+var e = ye();
 const Ee = ({ variant: n, children: t }) => {
   const { folds: r } = t, [c, i] = T(0), a = (d) => d === c ? "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 h = d.which.toString(), j = d.ctrlKey && h.match(/33|34/);
@@ -311,11 +311,11 @@ const Ee = ({ variant: n, children: t }) => {
       "muncher-accordion-fold-" + h
     )
   ) });
-}, ye = ({
+}, pe = ({
   show: n = !1,
   backdropClickHandler: t,
   ...r
-}) => n ? /* @__PURE__ */ e.jsx("div", { className: "muncher-backdrop", onClick: t, ...r }) : null, pe = ({ variant: n, children: t, ...r }) => /* @__PURE__ */ e.jsx("div", { className: n ? "muncher-badge muncher-badge--" + n : "muncher-badge", ...r, children: t }), ce = {
+}) => n ? /* @__PURE__ */ e.jsx("div", { className: "muncher-backdrop", onClick: t, ...r }) : null, me = ({ variant: n, children: t, ...r }) => /* @__PURE__ */ e.jsx("div", { className: n ? "muncher-badge muncher-badge--" + n : "muncher-badge", ...r, children: t }), ce = {
   "align-center": /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx("line", { x1: "18", y1: "10", x2: "6", y2: "10" }),
     /* @__PURE__ */ e.jsx("line", { x1: "21", y1: "6", x2: "3", y2: "6" }),
@@ -1069,7 +1069,7 @@ const Ee = ({ 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" })
   ] })
-}, M = ({ color: n, name: t, size: r = "small", weight: c = 2, onClick: i, iconString: a, orientation: x, children: o }) => {
+}, w = ({ color: n, name: t, size: r = "small", weight: c = 2, onClick: i, iconString: a, orientation: x, children: o }) => {
   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 }) : "",
@@ -1103,8 +1103,8 @@ const Ee = ({ variant: n, children: t }) => {
     onClick: c,
     ...i,
     children: [
-      /* @__PURE__ */ e.jsx(M, { name: t }),
-      r === "" ? "" : /* @__PURE__ */ e.jsx(pe, { variant: n, children: r })
+      /* @__PURE__ */ e.jsx(w, { name: t }),
+      r === "" ? "" : /* @__PURE__ */ e.jsx(me, { variant: n, children: r })
     ]
   }
 ), O = ({
@@ -1138,7 +1138,7 @@ const Ee = ({ variant: n, children: t }) => {
       children: u
     }
   );
-}, me = ({
+}, fe = ({
   variant: n,
   size: t = "medium",
   title: r,
@@ -1153,33 +1153,33 @@ const Ee = ({ variant: n, children: t }) => {
   showContent: u,
   setShowContent: m,
   withDropIcon: f,
-  children: k,
+  children: N,
   ...v
 }) => {
-  const C = oe(null), g = (b) => {
-    b.preventDefault(), h && h(b), m && m(!0);
-  }, _ = B(() => {
+  const C = oe(null), g = (M) => {
+    M.preventDefault(), h && h(M), m && m(!0);
+  }, A = J(() => {
     m(!1), j && j();
-  }, [j, m]), z = B((b) => {
-    b.keyCode === 27 && _();
-  }, [_]);
+  }, [j, m]), _ = J((M) => {
+    M.keyCode === 27 && A();
+  }, [A]);
   K(() => {
-    const b = (y) => {
-      C && C.current && y.target instanceof HTMLElement && !C.current.contains(y.target) && _();
+    const M = (y) => {
+      C && C.current && y.target instanceof HTMLElement && !C.current.contains(y.target) && A();
     };
-    return document.addEventListener("keydown", z, !1), document.addEventListener("mousedown", b), () => {
-      document.removeEventListener("keydown", z, !1);
+    return document.addEventListener("keydown", _, !1), document.addEventListener("mousedown", M), () => {
+      document.removeEventListener("keydown", _, !1);
     };
-  }, [z, _]);
+  }, [_, A]);
   const S = () => {
-    var w;
-    const b = (w = C.current) == null ? void 0 : w.offsetLeft, y = window.innerWidth;
-    if (b) {
-      if (b < 100) return "muncher-dropdown--content";
-      if (y - b < 150) return "muncher-dropdown--content drop-left";
-      if (y - b < 250) {
-        const H = Math.round((y - b) / y * 100);
-        if (H > 40 || H < 60) return "muncher-dropdown--content drop-middle";
+    var k;
+    const M = (k = C.current) == null ? void 0 : k.offsetLeft, y = window.innerWidth;
+    if (M) {
+      if (M < 100) return "muncher-dropdown--content";
+      if (y - M < 150) return "muncher-dropdown--content drop-left";
+      if (y - M < 250) {
+        const z = Math.round((y - M) / y * 100);
+        if (z > 40 || z < 60) return "muncher-dropdown--content drop-middle";
       }
     }
     switch (d) {
@@ -1215,7 +1215,7 @@ const Ee = ({ variant: n, children: t }) => {
         ]
       }
     ),
-    u ? /* @__PURE__ */ e.jsx("div", { className: S(), children: k }) : ""
+    u ? /* @__PURE__ */ e.jsx("div", { className: S(), children: N }) : ""
   ] });
 }, Te = ({
   title: n,
@@ -1239,15 +1239,15 @@ const Ee = ({ variant: n, children: t }) => {
     }
   ),
   /* @__PURE__ */ e.jsx("div", { className: "muncher-dropdown-nav--content", children: a })
-] }), fe = (n) => {
+] }), ve = (n) => {
   navigator.clipboard.writeText(n);
-}, ve = ({
+}, ge = ({
   text: n,
   variant: t = "secondary",
   size: r = "small"
 }) => {
   const [c, i] = T(), [a, x] = T("copy"), [o, d] = T("copy link"), h = () => {
-    fe(n), i("green"), x("check"), d("copied!"), setTimeout(function() {
+    ve(n), i("green"), x("check"), d("copied!"), setTimeout(function() {
       i(""), x("copy");
     }, 2e3);
   };
@@ -1258,7 +1258,7 @@ const Ee = ({ variant: n, children: t }) => {
       variant: t,
       title: o,
       onClick: h,
-      children: /* @__PURE__ */ e.jsx(M, { name: a, color: c })
+      children: /* @__PURE__ */ e.jsx(w, { name: a, color: c })
     }
   );
 }, Ae = ({
@@ -1268,14 +1268,14 @@ const Ee = ({ variant: n, children: t }) => {
 }) => {
   const [c, i] = T(!1);
   return /* @__PURE__ */ e.jsx("div", { className: "muncher-share", children: /* @__PURE__ */ e.jsxs(
-    me,
+    fe,
     {
       title: "Share to Social Media",
       showContent: c,
       setShowContent: i,
       variant: n,
       size: t,
-      element: /* @__PURE__ */ e.jsx(M, { name: "share", orientation: "right", children: "Share" }),
+      element: /* @__PURE__ */ e.jsx(w, { name: "share", orientation: "right", children: "Share" }),
       children: [
         /* @__PURE__ */ e.jsx(O, { size: "small", variant: n, children: /* @__PURE__ */ e.jsx(
           "a",
@@ -1283,7 +1283,7 @@ const Ee = ({ variant: n, children: t }) => {
             href: "https://twitter.com/share?url=" + window.location.href + "&text=" + r,
             target: "_blank",
             title: "Share link to Twitter",
-            children: /* @__PURE__ */ e.jsx(M, { name: "twitter" })
+            children: /* @__PURE__ */ e.jsx(w, { name: "twitter" })
           }
         ) }),
         /* @__PURE__ */ e.jsx(O, { size: "small", variant: n, children: /* @__PURE__ */ e.jsx(
@@ -1292,7 +1292,7 @@ const Ee = ({ variant: n, children: t }) => {
             href: "https://www.facebook.com/sharer/sharer.php?u=" + window.location.href,
             target: "_blank",
             title: "Share link to Facebook",
-            children: /* @__PURE__ */ e.jsx(M, { name: "facebook" })
+            children: /* @__PURE__ */ e.jsx(w, { name: "facebook" })
           }
         ) }),
         /* @__PURE__ */ e.jsx(O, { size: "small", variant: n, children: /* @__PURE__ */ e.jsx(
@@ -1301,14 +1301,14 @@ const Ee = ({ variant: n, children: t }) => {
             href: "mailto:?subject=" + r + "&body=" + window.location.href,
             target: "_blank",
             title: "share link by Email",
-            children: /* @__PURE__ */ e.jsx(M, { name: "mail" })
+            children: /* @__PURE__ */ e.jsx(w, { name: "mail" })
           }
         ) }),
-        /* @__PURE__ */ e.jsx(ve, { text: window.location.href })
+        /* @__PURE__ */ e.jsx(ge, { text: window.location.href })
       ]
     }
   ) });
-}, ge = ({
+}, be = ({
   header: n,
   data: t,
   filename: r,
@@ -1322,8 +1322,8 @@ const Ee = ({ variant: n, children: t }) => {
   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: c, size: i, active: x, disabled: o, rounded: d, children: /* @__PURE__ */ e.jsx("a", { href: h, download: r + ".csv", children: /* @__PURE__ */ e.jsx(M, { name: "download", children: a || "Download" }) }) }) });
-}, be = ({
+  return /* @__PURE__ */ e.jsx("div", { className: "muncher-csv", children: /* @__PURE__ */ e.jsx(O, { variant: c, size: i, 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" }) }) }) });
+}, we = ({
   variant: n = "transparent",
   size: t = "small",
   title: r,
@@ -1333,7 +1333,7 @@ const Ee = ({ variant: n, children: t }) => {
   onClick: x,
   children: o
 }) => {
-  const [d, h] = T(!1), j = () => !i || i && !d ? c ? /* @__PURE__ */ e.jsx(M, { name: "sort-asc" }) : /* @__PURE__ */ e.jsx(M, { name: "sort-desc" }) : c ? /* @__PURE__ */ e.jsx(M, { name: "sort-desc" }) : /* @__PURE__ */ e.jsx(M, { name: "sort-asc" });
+  const [d, h] = T(!1), j = () => !i || i && !d ? c ? /* @__PURE__ */ e.jsx(w, { name: "sort-asc" }) : /* @__PURE__ */ e.jsx(w, { name: "sort-desc" }) : c ? /* @__PURE__ */ e.jsx(w, { name: "sort-desc" }) : /* @__PURE__ */ e.jsx(w, { name: "sort-asc" });
   return /* @__PURE__ */ e.jsxs(
     O,
     {
@@ -1387,12 +1387,12 @@ const Ee = ({ variant: n, children: t }) => {
           size: "small",
           variant: i,
           title: n === "left" ? "Navigate Left" : "Navigate Right",
-          children: /* @__PURE__ */ e.jsx(M, { name: o(), size: t, weight: r })
+          children: /* @__PURE__ */ e.jsx(w, { name: o(), size: t, weight: r })
         }
       )
     }
   );
-}, J = ({ label: n, onClick: t, id: r, required: c = !1 }) => /* @__PURE__ */ e.jsxs("label", { htmlFor: r, onClick: t, children: [
+}, G = ({ label: n, onClick: t, id: r, required: c = !1 }) => /* @__PURE__ */ e.jsxs("label", { htmlFor: r, onClick: t, children: [
   n,
   c ? /* @__PURE__ */ e.jsx("span", { className: "required", children: "*" }) : ""
 ] }), _e = ({
@@ -1420,7 +1420,7 @@ const Ee = ({ variant: n, children: t }) => {
       }
     ),
     i ? /* @__PURE__ */ e.jsx(
-      J,
+      G,
       {
         label: i,
         required: t,
@@ -1431,7 +1431,7 @@ const Ee = ({ variant: n, children: t }) => {
       }
     ) : ""
   ] }) });
-}, we = ({ size: n, ...t }) => /* @__PURE__ */ e.jsx(
+}, de = ({ size: n, ...t }) => /* @__PURE__ */ e.jsx(
   "div",
   {
     className: n ? "muncher-spinner muncher-spinner-" + n : "muncher-spinner",
@@ -1455,11 +1455,11 @@ const Ee = ({ variant: n, children: t }) => {
   };
   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: [
-      /* @__PURE__ */ e.jsx(M, { name: "upload" }),
+      /* @__PURE__ */ e.jsx(w, { name: "upload" }),
       " ",
       t || "Upload CSV",
       i ? /* @__PURE__ */ e.jsx("span", { className: "required", children: " *" }) : "",
-      x ? /* @__PURE__ */ e.jsx(we, { size: "tiny" }) : ""
+      x ? /* @__PURE__ */ e.jsx(de, { size: "tiny" }) : ""
     ] }),
     /* @__PURE__ */ e.jsx(
       "input",
@@ -1489,17 +1489,17 @@ const Ee = ({ variant: n, children: t }) => {
   maxFiles: h,
   ...j
 }) => {
-  const [u, m] = T(""), [f, k] = T(""), v = h || 3, C = "muncher-button" + (r ? " muncher-button--" + r : "") + (c ? " muncher-button--" + c : "") + (a ? " muncher-button--active" : ""), g = (z) => {
+  const [u, m] = T(""), [f, N] = T(""), v = h || 3, C = "muncher-button" + (r ? " muncher-button--" + r : "") + (c ? " muncher-button--" + c : "") + (a ? " muncher-button--active" : ""), g = (_) => {
     if (d) {
-      let S = Array.from(z.currentTarget.files);
-      S.length > v && (S = S.slice(0, v), k("Only first " + v + " files included")), x(S), m(S.map((b) => b.name).join(", "));
+      let S = Array.from(_.currentTarget.files);
+      S.length > v && (S = S.slice(0, v), N("Only first " + v + " files included")), x(S), m(S.map((M) => M.name).join(", "));
     } else
-      x(Array.from(z.currentTarget.files[0])), m(z.currentTarget.files[0].name);
-  }, _ = () => o && o !== "";
+      x(Array.from(_.currentTarget.files[0])), m(_.currentTarget.files[0].name);
+  }, A = () => o && o !== "";
   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: C, children: [
-        /* @__PURE__ */ e.jsx(M, { name: "image" }),
+        /* @__PURE__ */ e.jsx(w, { name: "image" }),
         " ",
         t,
         i ? /* @__PURE__ */ e.jsx("span", { className: "required", children: " *" }) : ""
@@ -1520,7 +1520,7 @@ const Ee = ({ 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(M, { name: "alert", children: o }) }) : ""
+    A() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(w, { name: "alert", children: o }) }) : ""
   ] });
 }, Me = ({
   name: n,
@@ -1537,59 +1537,57 @@ const Ee = ({ variant: n, children: t }) => {
   onKeyDown: u,
   error: m,
   focus: f = !1,
-  placeholder: k,
+  placeholder: N,
   onChange: v,
   step: C,
   value: g,
-  maxLength: _,
-  onEnterPress: z,
-  ...S
+  maxLength: A,
+  onEnterPress: _,
+  displayLoader: S,
+  ...M
 }) => {
-  const b = () => m && m !== "", y = () => {
-    let A = "muncher-input";
-    return (i || a) && (A += " muncher-input-icon"), b() && (A += " muncher-input-error"), j === "side" && (A += " muncher-label-side"), A;
-  }, w = () => t ? /* @__PURE__ */ e.jsx(J, { label: t, required: r, id: n }) : "", H = (A) => {
-    A.key === "Enter" && z && z(), u && u(A);
+  const y = () => m && m !== "", k = () => {
+    let H = "muncher-input";
+    return (i || a) && (H += " muncher-input-icon"), y() && (H += " muncher-input-error"), j === "side" && (H += " muncher-label-side"), H;
+  }, z = () => t ? /* @__PURE__ */ e.jsx(G, { label: t, required: r, id: n }) : "", L = (H) => {
+    H.key === "Enter" && _ && _(), u && u(H);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-input--div", children: [
-    j !== "side" ? w() : "",
+    j !== "side" ? z() : "",
     /* @__PURE__ */ e.jsxs("div", { className: "muncher-input-element", children: [
-      j === "side" ? w() : "",
-      i ? /* @__PURE__ */ e.jsx(M, { name: i }) : "",
+      j === "side" ? z() : "",
+      i ? /* @__PURE__ */ e.jsx(w, { name: i }) : "",
       a ? /* @__PURE__ */ e.jsxs("span", { className: "muncher-icon-hover", children: [
+        /* @__PURE__ */ e.jsx(w, { name: a, onClick: x }),
+        " "
+      ] }) : "",
+      /* @__PURE__ */ e.jsxs("div", { className: "muncher-input-wrapper", children: [
         /* @__PURE__ */ e.jsx(
-          M,
+          "input",
           {
-            name: a,
-            onClick: x
+            id: n,
+            className: k(),
+            name: n,
+            autoFocus: f,
+            value: g,
+            type: o || "text",
+            autoComplete: "off",
+            placeholder: N,
+            onChange: v,
+            required: r,
+            readOnly: c,
+            list: d,
+            onKeyDown: L,
+            onBlur: h,
+            step: C,
+            maxLength: A,
+            ...M
           }
         ),
-        " "
-      ] }) : "",
-      /* @__PURE__ */ e.jsx(
-        "input",
-        {
-          id: n,
-          className: y(),
-          name: n,
-          autoFocus: f,
-          value: g,
-          type: o || "text",
-          autoComplete: "off",
-          placeholder: k,
-          onChange: v,
-          required: r,
-          readOnly: c,
-          list: d,
-          onKeyDown: H,
-          onBlur: h,
-          step: C,
-          maxLength: _,
-          ...S
-        }
-      )
+        S ? /* @__PURE__ */ e.jsx(de, { size: "tiny" }) : ""
+      ] })
     ] }),
-    b() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(M, { name: "alert", children: m }) }) : ""
+    y() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(w, { name: "alert", children: m }) }) : ""
   ] });
 }, Se = ({ name: n, required: t = !1, onChange: r, checked: c = !1, label: i, ...a }) => {
   const [x, o] = T(c || !1);
@@ -1608,7 +1606,7 @@ const Ee = ({ variant: n, children: t }) => {
       }
     ),
     i ? /* @__PURE__ */ e.jsx(
-      J,
+      G,
       {
         label: i,
         required: t,
@@ -1635,7 +1633,7 @@ const Ee = ({ variant: n, children: t }) => {
     return h() && (u += " muncher-input-error"), u;
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-input--div", children: [
-    r ? /* @__PURE__ */ e.jsx(J, { label: r, required: c, id: n }) : "",
+    r ? /* @__PURE__ */ e.jsx(G, { label: r, required: c, id: n }) : "",
     /* @__PURE__ */ e.jsx("div", { className: "muncher-input-element", children: /* @__PURE__ */ e.jsxs(
       "select",
       {
@@ -1653,7 +1651,7 @@ const Ee = ({ variant: n, children: t }) => {
         ]
       }
     ) }),
-    h() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(M, { name: "alert", children: a }) }) : ""
+    h() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(w, { name: "alert", children: a }) }) : ""
   ] });
 }, He = ({
   name: n,
@@ -1668,11 +1666,11 @@ const Ee = ({ variant: n, children: t }) => {
   value: h,
   ...j
 }) => {
-  const [u, m] = T(h), f = (k) => {
-    m(k.target.value), d && d(k);
+  const [u, m] = T(h), f = (N) => {
+    m(N.target.value), d && d(N);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-input--div", children: [
-    t ? /* @__PURE__ */ e.jsx(J, { label: t, required: r, id: n }) : "",
+    t ? /* @__PURE__ */ e.jsx(G, { label: t, required: r, id: n }) : "",
     /* @__PURE__ */ e.jsx(
       "textarea",
       {
@@ -1710,9 +1708,9 @@ const Ee = ({ variant: n, children: t }) => {
 }) => {
   const u = oe(null), m = (v) => {
     i(!0), r(v.target.value);
-  }, f = B(() => {
+  }, f = J(() => {
     i(!1);
-  }, [i]), k = B((v) => {
+  }, [i]), N = J((v) => {
     v.keyCode === 27 && f();
   }, [f]);
   return K(() => {
@@ -1722,10 +1720,10 @@ const Ee = ({ variant: n, children: t }) => {
         g && !g.contains(C.target) && f();
       }
     };
-    return document.addEventListener("keydown", k, !1), document.addEventListener("mousedown", v), () => {
-      document.removeEventListener("keydown", k, !1);
+    return document.addEventListener("keydown", N, !1), document.addEventListener("mousedown", v), () => {
+      document.removeEventListener("keydown", N, !1);
     };
-  }, [k, f]), /* @__PURE__ */ e.jsxs("div", { className: "muncher-input-drop-down", ref: u, children: [
+  }, [N, f]), /* @__PURE__ */ e.jsxs("div", { className: "muncher-input-drop-down", ref: u, children: [
     /* @__PURE__ */ e.jsx(
       Me,
       {
@@ -1743,7 +1741,7 @@ const Ee = ({ variant: n, children: t }) => {
     c ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-drop-down--content", children: j }) : ""
   ] });
 }, Ve = ({ children: n }) => /* @__PURE__ */ e.jsx("ul", { className: "muncher-ul", children: n }), Le = ({ isFeatured: n, bulletIcon: t = "arrow-right", bulletWeight: r = 2, bulletSize: c = "small", bulletColor: i, children: a }) => /* @__PURE__ */ e.jsx("li", { className: n ? "muncher-li featured" : "muncher-li", children: /* @__PURE__ */ e.jsx(
-  M,
+  w,
   {
     name: t,
     weight: r,
@@ -1752,7 +1750,7 @@ const Ee = ({ variant: n, children: t }) => {
     children: a
   }
 ) }), Pe = ({ show: n = !1, setShow: t, children: r, ...c }) => {
-  const i = B((a) => {
+  const i = J((a) => {
     a.keyCode === 27 && t(!1);
   }, [t]);
   return K(() => (document.addEventListener("keydown", i, !1), () => {
@@ -1760,7 +1758,7 @@ const Ee = ({ variant: n, children: t }) => {
   }), [i]), K(() => {
     n ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset";
   }, [n]), /* @__PURE__ */ e.jsxs(xe.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(ye, { show: n, backdropClickHandler: () => t(!1) }),
+    /* @__PURE__ */ e.jsx(pe, { show: n, backdropClickHandler: () => t(!1) }),
     /* @__PURE__ */ e.jsx(
       "div",
       {
@@ -1778,7 +1776,7 @@ const Ee = ({ variant: n, children: t }) => {
   const c = () => n ? "muncher-paper muncher-paper-hover" : "muncher-paper";
   return /* @__PURE__ */ e.jsx("section", { className: c(), onClick: t, children: r });
 }, Fe = ({ pillCloseHandler: n, children: t, ...r }) => /* @__PURE__ */ e.jsxs("div", { className: "muncher-pill", ...r, children: [
-  /* @__PURE__ */ e.jsx("div", { className: "close", onClick: n, children: /* @__PURE__ */ e.jsx(M, { name: "close" }) }),
+  /* @__PURE__ */ e.jsx("div", { className: "close", onClick: n, children: /* @__PURE__ */ e.jsx(w, { name: "close" }) }),
   /* @__PURE__ */ e.jsxs("div", { className: "content", children: [
     " ",
     t
@@ -1977,38 +1975,38 @@ const Ee = ({ variant: n, children: t }) => {
   footer: u,
   children: m
 }) => {
-  const { header: f, rows: k } = m, [v, C] = T(i || { index: 0 }), [g, _] = T({ num: 0, size: t || 50 }), z = (y) => {
+  const { header: f, rows: N } = m, [v, C] = T(i || { index: 0 }), [g, A] = T({ num: 0, size: t || 50 }), _ = (y) => {
     v.index === y ? C({ ...v, desc: !v.desc }) : C({ index: y });
   }, S = () => {
     if (f[v.index].sort) {
-      const y = k.sort(f[v.index].sort);
+      const y = N.sort(f[v.index].sort);
       return v.desc ? y.reverse() : y;
     }
-    return k.sort(
-      (y, w) => {
-        var P, I, q, D, Y, U;
-        if (((P = y[v.index]) == null ? void 0 : P.value) === null || ((I = w[v.index]) == null ? void 0 : I.value) === null)
+    return N.sort(
+      (y, k) => {
+        var D, Y, q, F, U, $;
+        if (((D = y[v.index]) == null ? void 0 : D.value) === null || ((Y = k[v.index]) == null ? void 0 : Y.value) === null)
           return 0;
-        const H = (D = (q = y[v.index]) == null ? void 0 : q.value) == null ? void 0 : D.toString().toLowerCase(), A = (U = (Y = w[v.index]) == null ? void 0 : Y.value) == null ? void 0 : U.toString().toLowerCase();
-        let G = H.localeCompare(A);
-        return v.desc ? -G : G;
+        const z = (F = (q = y[v.index]) == null ? void 0 : q.value) == null ? void 0 : F.toString().toLowerCase(), L = ($ = (U = k[v.index]) == null ? void 0 : U.value) == null ? void 0 : $.toString().toLowerCase();
+        let H = z.localeCompare(L);
+        return v.desc ? -H : H;
       }
     );
-  }, b = () => (g.num + 1) * g.size;
+  }, M = () => (g.num + 1) * g.size;
   return /* @__PURE__ */ e.jsxs("section", { className: "muncher-table", children: [
     /* @__PURE__ */ e.jsx("div", { className: "row head", children: f.map(
-      (y, w) => y.visibility === "hidden" ? "" : /* @__PURE__ */ e.jsx(
+      (y, k) => y.visibility === "hidden" ? "" : /* @__PURE__ */ e.jsx(
         "div",
         {
           title: y.title,
           className: y.visibility ? "col main" : "col",
           children: typeof y.name == "string" ? /* @__PURE__ */ e.jsx("div", { className: "sort-button", children: /* @__PURE__ */ e.jsx(
-            be,
+            we,
             {
               onClick: () => {
-                z(w);
+                _(k);
               },
-              active: v.index === w,
+              active: v.index === k,
               sortAsc: !v.desc,
               children: y.name
             }
@@ -2017,28 +2015,28 @@ const Ee = ({ variant: n, children: t }) => {
         "row-head-" + y.name
       )
     ) }),
-    r || S().slice(g.num * g.size, b() - 1).map(
-      (y, w) => /* @__PURE__ */ e.jsx("div", { className: "row", children: y.map((H, A) => f[A].visibility === "hidden" ? "" : /* @__PURE__ */ e.jsx(
+    r || S().slice(g.num * g.size, M() - 1).map(
+      (y, k) => /* @__PURE__ */ e.jsx("div", { className: "row", children: y.map((z, L) => f[L].visibility === "hidden" ? "" : /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: f[A].visibility ? "col main" : "col",
-          children: H.content
+          className: f[L].visibility ? "col main" : "col",
+          children: z.content
         },
-        "row-col" + w + A
-      )) }, "row-" + w)
+        "row-col" + k + L
+      )) }, "row-" + k)
     ),
     u || "",
     /* @__PURE__ */ e.jsxs("div", { className: "row-footer", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "row-footer-buttons", children: [
         a ? "" : /* @__PURE__ */ e.jsx(
-          ge,
+          be,
           {
             filename: n || "download",
             variant: "secondary",
             title: "Download",
             header: f.filter((y) => !y.csvExclude).map((y) => typeof y.name == "string" ? y.name : ""),
-            data: k.map(
-              (y) => y.filter((w, H) => !f[H].csvExclude).map((w) => w.csv ? w.csv ? w.csv : "" : w.value ? w.value : "")
+            data: N.map(
+              (y) => y.filter((k, z) => !f[z].csvExclude).map((k) => k.csv ? k.csv ? k.csv : "" : k.value ? k.value : "")
             )
           }
         ),
@@ -2063,7 +2061,7 @@ const Ee = ({ variant: n, children: t }) => {
               options: ["50", "100", "500"],
               value: g.size,
               onChange: (y) => {
-                _({
+                A({
                   ...g,
                   size: parseInt(y.target.value)
                 });
@@ -2074,9 +2072,9 @@ const Ee = ({ variant: n, children: t }) => {
         /* @__PURE__ */ e.jsxs("div", { className: "center", children: [
           g.num * g.size + 1,
           " - ",
-          b() < k.length ? b() : k.length,
+          M() < N.length ? M() : N.length,
           " of ",
-          k.length
+          N.length
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "right", children: [
           /* @__PURE__ */ e.jsx(
@@ -2086,21 +2084,21 @@ const Ee = ({ variant: n, children: t }) => {
               disabled: g.num === 0,
               size: "small",
               onClick: () => {
-                _({ ...g, num: g.num - 1 });
+                A({ ...g, num: g.num - 1 });
               },
-              children: /* @__PURE__ */ e.jsx(M, { name: "chevron-left" })
+              children: /* @__PURE__ */ e.jsx(w, { name: "chevron-left" })
             }
           ),
           /* @__PURE__ */ e.jsx(
             O,
             {
               variant: "transparent",
-              disabled: k.length - g.num * g.size <= g.size,
+              disabled: N.length - g.num * g.size <= g.size,
               size: "small",
               onClick: () => {
-                _({ ...g, num: g.num + 1 });
+                A({ ...g, num: g.num + 1 });
               },
-              children: /* @__PURE__ */ e.jsx(M, { name: "chevron-right" })
+              children: /* @__PURE__ */ e.jsx(w, { name: "chevron-right" })
             }
           )
         ] })
@@ -2110,23 +2108,23 @@ const Ee = ({ variant: n, children: t }) => {
 };
 export {
   Ee as Accordion,
-  ye as Backdrop,
-  pe as Badge,
+  pe as Backdrop,
+  me as Badge,
   O as Button,
   _e as Checkbox,
-  ve as CopyButton,
-  ge as CsvButton,
+  ge as CopyButton,
+  be as CsvButton,
   Ne as CsvInput,
-  me as DropdownButton,
+  fe as DropdownButton,
   Te as DropdownNavButton,
   Be as Featured,
   Ye as Hr,
-  M as Icon,
+  w as Icon,
   Re as IconBadge,
   ze as ImageInput,
   Me as Input,
   Ue as ItemSlider,
-  J as Label,
+  G as Label,
   Le as Li,
   Pe as Modal,
   ae as NavigateButton,
@@ -2138,13 +2136,13 @@ export {
   ke as Select,
   Ae as ShareButton,
   We as Slider,
-  be as SortButton,
-  we as Spinner,
+  we as SortButton,
+  de as Spinner,
   Je as Star,
   qe as Table,
   Ge as Tabs,
   Oe as TextInputDropdown,
   He as Textarea,
   Ve as Ul,
-  fe as copyToClipboard
+  ve as copyToClipboard
 };