@contentmunch/contentmunch-ui 1.0.27 → 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,28 +10,28 @@ 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(i, c, a) {
+  function r(c, i, a) {
     var x = null;
-    if (a !== void 0 && (x = "" + a), c.key !== void 0 && (x = "" + c.key), "key" in c) {
+    if (a !== void 0 && (x = "" + a), i.key !== void 0 && (x = "" + i.key), "key" in i) {
       a = {};
-      for (var o in c)
-        o !== "key" && (a[o] = c[o]);
-    } else a = c;
-    return c = a.ref, {
+      for (var o in i)
+        o !== "key" && (a[o] = i[o]);
+    } else a = i;
+    return i = a.ref, {
       $$typeof: n,
-      type: i,
+      type: c,
       key: x,
-      ref: c !== void 0 ? c : null,
+      ref: i !== void 0 ? i : null,
       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,43 +42,43 @@ 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 f:
+        case v:
           return "Fragment";
         case g:
           return "Profiler";
         case C:
           return "StrictMode";
-        case b:
+        case M:
           return "Suspense";
-        case u:
+        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,17 +99,17 @@ 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
         ), t(l);
       }
     }
-    function i(l) {
-      if (l === f) return "<>";
-      if (typeof l == "object" && l !== null && l.$$typeof === H)
+    function c(l) {
+      if (l === v) return "<>";
+      if (typeof l == "object" && l !== null && l.$$typeof === z)
         return "<...>";
       try {
         var p = n(l);
@@ -118,46 +118,46 @@ function je() {
         return "<...>";
       }
     }
-    function c() {
-      var l = P.A;
+    function i() {
+      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 = {
-        $$typeof: v,
+    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,25 +182,25 @@ 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)
           if (q(R)) {
             for (E = 0; E < R.length; E++)
-              y(R[E]);
+              u(R[E]);
             Object.freeze && Object.freeze(R);
           } else
             console.error(
               "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 y(R);
-      if (I.call(p, "key")) {
+        else u(R);
+      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,33 +209,33 @@ 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,
-        c(),
-        N,
+        P,
+        i(),
+        b,
         Q,
         Z
       );
     }
-    function y(l) {
-      typeof l == "object" && l !== null && l.$$typeof === v && l._store && (l._store.validated = 1);
+    function u(l) {
+      typeof l == "object" && l !== null && l.$$typeof === f && l._store && (l._store.validated = 1);
     }
-    var m = xe, v = Symbol.for("react.transitional.element"), k = Symbol.for("react.portal"), f = 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"), u = 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,50 +243,50 @@ 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(i(a)), re = {};
-    W.Fragment = f, 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(i(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(i(l)) : ne
+        V ? F(c(l)) : ne
       );
     };
-  }()), W;
+  }()), B;
 }
-var ce;
-function ue() {
-  return ce || (ce = 1, process.env.NODE_ENV === "production" ? X.exports = he() : X.exports = je()), X.exports;
+var ie;
+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, [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, [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/);
     if (h.match(/38|40/) || j) {
-      const y = h.match(/34|40/) ? 1 : -1, m = r.length, v = (i + m + y) % m;
-      c(v);
+      const u = h.match(/34|40/) ? 1 : -1, m = r.length, f = (c + m + u) % m;
+      i(f);
     } else
-      h === "36" && c(0), h === "35" && c(r.length - 1);
+      h === "36" && i(0), h === "35" && i(r.length - 1);
     d.preventDefault();
   };
   return /* @__PURE__ */ e.jsx("div", { className: "muncher-accordion", children: r.map(
@@ -294,14 +294,14 @@ const Ee = ({ variant: n, children: t }) => {
       "div",
       {
         className: a(h),
-        "aria-expanded": i === h,
+        "aria-expanded": c === h,
         children: [
           /* @__PURE__ */ e.jsx(
             "button",
             {
               className: x(h),
               onKeyDown: o,
-              onClick: () => c(h),
+              onClick: () => i(h),
               children: /* @__PURE__ */ e.jsx("span", { children: d.heading })
             }
           ),
@@ -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 }), ie = {
+}) => 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: i = 2, onClick: c, 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 }) : "",
@@ -1081,11 +1081,11 @@ const Ee = ({ variant: n, children: t }) => {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 24 24",
         fill: "none",
-        strokeWidth: i || 2,
+        strokeWidth: c || 2,
         strokeLinecap: "round",
         strokeLinejoin: "round",
-        onClick: c,
-        children: t ? ie[t] : a ? Object(ie)[a] : ""
+        onClick: i,
+        children: t ? ce[t] : a ? Object(ce)[a] : ""
       }
     ),
     o && (!x || x === "left") ? /* @__PURE__ */ e.jsx("span", { className: "content-right", children: o }) : ""
@@ -1094,92 +1094,92 @@ const Ee = ({ variant: n, children: t }) => {
   variant: n = "primary",
   icon: t = "bell",
   text: r,
-  onClick: i,
-  ...c
+  onClick: c,
+  ...i
 }) => /* @__PURE__ */ e.jsxs(
   "div",
   {
     className: "muncher-icon-badge",
-    onClick: i,
-    ...c,
+    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 = ({
   type: n = "button",
   variant: t,
   size: r = "medium",
-  title: i,
-  active: c,
+  title: c,
+  active: i,
   disabled: a,
   rounded: x,
   onClick: o,
   onMouseDown: d,
   onMouseEnter: h,
   onMouseLeave: j,
-  children: y,
+  children: u,
   ...m
 }) => {
-  const v = "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 : "") + (i ? " muncher-button--active" : "") + (x ? " muncher-button--rounded" : "");
   return /* @__PURE__ */ e.jsx(
     "button",
     {
       type: n && n !== "nav" ? n : "button",
-      className: v,
+      className: f,
       disabled: !!a,
-      title: i,
+      title: c,
       onClick: o,
       onMouseDown: d,
       onMouseEnter: h,
       onMouseLeave: j,
       ...m,
-      children: y
+      children: u
     }
   );
-}, me = ({
+}, fe = ({
   variant: n,
   size: t = "medium",
   title: r,
-  active: i,
-  disabled: c,
+  active: c,
+  disabled: i,
   element: a,
   onMouseDown: x,
   rounded: o,
   drop: d,
   onClick: h,
   onClose: j,
-  showContent: y,
+  showContent: u,
   setShowContent: m,
-  withDropIcon: v,
-  children: k,
-  ...f
+  withDropIcon: f,
+  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 = (u) => {
-      C && C.current && u.target instanceof HTMLElement && !C.current.contains(u.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, u = window.innerWidth;
-    if (b) {
-      if (b < 100) return "muncher-dropdown--content";
-      if (u - b < 150) return "muncher-dropdown--content drop-left";
-      if (u - b < 250) {
-        const H = Math.round((u - b) / u * 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) {
@@ -1197,15 +1197,15 @@ const Ee = ({ variant: n, children: t }) => {
       {
         onMouseDown: g,
         title: r,
-        disabled: c,
+        disabled: i,
         rounded: o,
-        active: i,
+        active: c,
         variant: n,
         size: t,
-        ...f,
+        ...v,
         children: [
           a,
-          v ? /* @__PURE__ */ e.jsx(
+          f ? /* @__PURE__ */ e.jsx(
             "span",
             {
               className: "small",
@@ -1215,14 +1215,14 @@ const Ee = ({ variant: n, children: t }) => {
         ]
       }
     ),
-    y ? /* @__PURE__ */ e.jsx("div", { className: S(), children: k }) : ""
+    u ? /* @__PURE__ */ e.jsx("div", { className: S(), children: N }) : ""
   ] });
 }, Te = ({
   title: n,
   active: t,
   disabled: r,
-  element: i,
-  rounded: c,
+  element: c,
+  rounded: i,
   children: a,
   ...x
 }) => /* @__PURE__ */ e.jsxs("div", { className: "muncher-dropdown-nav", children: [
@@ -1232,23 +1232,23 @@ const Ee = ({ variant: n, children: t }) => {
       type: "nav",
       title: n,
       disabled: r,
-      rounded: c,
+      rounded: i,
       active: t,
       ...x,
-      children: i
+      children: c
     }
   ),
   /* @__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 [i, c] = T(), [a, x] = T("copy"), [o, d] = T("copy link"), h = () => {
-    fe(n), c("green"), x("check"), d("copied!"), setTimeout(function() {
-      c(""), x("copy");
+  const [c, i] = T(), [a, x] = T("copy"), [o, d] = T("copy link"), h = () => {
+    ve(n), i("green"), x("check"), d("copied!"), setTimeout(function() {
+      i(""), x("copy");
     }, 2e3);
   };
   return /* @__PURE__ */ e.jsx(
@@ -1258,7 +1258,7 @@ const Ee = ({ variant: n, children: t }) => {
       variant: t,
       title: o,
       onClick: h,
-      children: /* @__PURE__ */ e.jsx(M, { name: a, color: i })
+      children: /* @__PURE__ */ e.jsx(w, { name: a, color: c })
     }
   );
 }, Ae = ({
@@ -1266,16 +1266,16 @@ const Ee = ({ variant: n, children: t }) => {
   size: t = "medium",
   title: r
 }) => {
-  const [i, c] = T(!1);
+  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: i,
-      setShowContent: c,
+      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,19 +1301,19 @@ 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,
-  variant: i,
-  size: c,
+  variant: c,
+  size: i,
   title: a,
   active: x,
   disabled: o,
@@ -1322,18 +1322,18 @@ 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: i, size: c, 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,
-  sortAsc: i = "true",
-  active: c,
+  sortAsc: c = "true",
+  active: i,
   rounded: a,
   onClick: x,
   children: o
 }) => {
-  const [d, h] = T(!1), j = () => !c || c && !d ? i ? /* @__PURE__ */ e.jsx(M, { name: "sort-asc" }) : /* @__PURE__ */ e.jsx(M, { name: "sort-desc" }) : i ? /* @__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,
     {
@@ -1350,7 +1350,7 @@ const Ee = ({ variant: n, children: t }) => {
       onClick: x,
       children: [
         o,
-        c || d ? /* @__PURE__ */ e.jsx(j, {}) : ""
+        i || d ? /* @__PURE__ */ e.jsx(j, {}) : ""
       ]
     }
   );
@@ -1358,8 +1358,8 @@ const Ee = ({ variant: n, children: t }) => {
   direction: n,
   size: t = "small",
   weight: r,
-  isDisabled: i,
-  variant: c = "primary",
+  isDisabled: c,
+  variant: i = "primary",
   navIcon: a = "chevron",
   onClick: x
 }) => {
@@ -1383,27 +1383,27 @@ const Ee = ({ variant: n, children: t }) => {
         O,
         {
           onClick: x,
-          disabled: i,
+          disabled: c,
           size: "small",
-          variant: c,
+          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: i = !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,
-  i ? /* @__PURE__ */ e.jsx("span", { className: "required", children: "*" }) : ""
+  c ? /* @__PURE__ */ e.jsx("span", { className: "required", children: "*" }) : ""
 ] }), _e = ({
   name: n,
   required: t = !1,
   onChange: r,
-  checked: i = !1,
-  label: c,
+  checked: c = !1,
+  label: i,
   ...a
 }) => {
-  const [x, o] = T(i || !1);
+  const [x, o] = T(c || !1);
   return /* @__PURE__ */ e.jsx("div", { className: "muncher-input--div", children: /* @__PURE__ */ e.jsxs("div", { className: "muncher-checkbox", children: [
     /* @__PURE__ */ e.jsx(
       "input",
@@ -1419,10 +1419,10 @@ const Ee = ({ variant: n, children: t }) => {
         ...a
       }
     ),
-    c ? /* @__PURE__ */ e.jsx(
-      J,
+    i ? /* @__PURE__ */ e.jsx(
+      G,
       {
-        label: c,
+        label: i,
         required: t,
         id: n,
         onClick: (d) => {
@@ -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",
@@ -1441,8 +1441,8 @@ const Ee = ({ variant: n, children: t }) => {
   name: n,
   label: t,
   variant: r = "secondary",
-  size: i = "medium",
-  required: c,
+  size: c = "medium",
+  required: i,
   active: a,
   isUploading: x,
   handleOnChange: o,
@@ -1450,16 +1450,16 @@ const Ee = ({ variant: n, children: t }) => {
   successMessage: h,
   ...j
 }) => {
-  const y = "muncher-button" + (r ? " muncher-button--" + r : "") + (i ? " muncher-button--" + i : "") + (a ? " muncher-button--active" : ""), m = (v) => {
-    o && o(v.currentTarget.files[0]);
+  const u = "muncher-button" + (r ? " muncher-button--" + r : "") + (c ? " muncher-button--" + c : "") + (a ? " muncher-button--active" : ""), m = (f) => {
+    o && o(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: y, children: [
-      /* @__PURE__ */ e.jsx(M, { name: "upload" }),
+    /* @__PURE__ */ e.jsxs("label", { htmlFor: n, className: u, children: [
+      /* @__PURE__ */ e.jsx(w, { name: "upload" }),
       " ",
       t || "Upload CSV",
-      c ? /* @__PURE__ */ e.jsx("span", { className: "required", children: " *" }) : "",
-      x ? /* @__PURE__ */ e.jsx(we, { size: "tiny" }) : ""
+      i ? /* @__PURE__ */ e.jsx("span", { className: "required", children: " *" }) : "",
+      x ? /* @__PURE__ */ e.jsx(de, { size: "tiny" }) : ""
     ] }),
     /* @__PURE__ */ e.jsx(
       "input",
@@ -1467,7 +1467,7 @@ const Ee = ({ variant: n, children: t }) => {
         id: n,
         type: "file",
         className: "muncher-file-input",
-        required: c,
+        required: i,
         onChange: m,
         accept: "text/csv",
         ...j
@@ -1480,8 +1480,8 @@ const Ee = ({ variant: n, children: t }) => {
   name: n,
   label: t,
   variant: r = "secondary",
-  size: i = "large",
-  required: c,
+  size: c = "large",
+  required: i,
   active: a,
   setFiles: x,
   error: o,
@@ -1489,22 +1489,22 @@ const Ee = ({ variant: n, children: t }) => {
   maxFiles: h,
   ...j
 }) => {
-  const [y, m] = T(""), [v, k] = T(""), f = h || 3, C = "muncher-button" + (r ? " muncher-button--" + r : "") + (i ? " muncher-button--" + i : "") + (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 > f && (S = S.slice(0, f), k("Only first " + f + " 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,
-        c ? /* @__PURE__ */ e.jsx("span", { className: "required", children: " *" }) : ""
+        i ? /* @__PURE__ */ e.jsx("span", { className: "required", children: " *" }) : ""
       ] }),
-      /* @__PURE__ */ e.jsx("span", { className: "span-file-name", children: y }),
+      /* @__PURE__ */ e.jsx("span", { className: "span-file-name", children: u }),
       /* @__PURE__ */ e.jsx(
         "input",
         {
@@ -1519,80 +1519,78 @@ const Ee = ({ variant: n, children: t }) => {
         }
       )
     ] }),
-    v !== "" ? /* @__PURE__ */ e.jsx("p", { className: "text-danger", children: v }) : "",
-    _() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(M, { name: "alert", children: o }) }) : ""
+    f !== "" ? /* @__PURE__ */ e.jsx("p", { className: "text-danger", children: f }) : "",
+    A() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(w, { name: "alert", children: o }) }) : ""
   ] });
 }, Me = ({
   name: n,
   label: t,
   required: r,
-  readOnly: i,
-  icon: c,
+  readOnly: c,
+  icon: i,
   hoverIcon: a,
   onHoverIconClick: x,
   type: o = "text",
   list: d,
   onBlur: h,
   labelPosition: j = "top",
-  onKeyDown: y,
+  onKeyDown: u,
   error: m,
-  focus: v = !1,
-  placeholder: k,
-  onChange: f,
+  focus: f = !1,
+  placeholder: N,
+  onChange: v,
   step: C,
   value: g,
-  maxLength: _,
-  onEnterPress: z,
-  ...S
+  maxLength: A,
+  onEnterPress: _,
+  displayLoader: S,
+  ...M
 }) => {
-  const b = () => m && m !== "", u = () => {
-    let A = "muncher-input";
-    return (c || 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(), y && y(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() : "",
-      c ? /* @__PURE__ */ e.jsx(M, { name: c }) : "",
+      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: u(),
-          name: n,
-          autoFocus: v,
-          value: g,
-          type: o || "text",
-          autoComplete: "off",
-          placeholder: k,
-          onChange: f,
-          required: r,
-          readOnly: i,
-          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: i = !1, label: c, ...a }) => {
-  const [x, o] = T(i || !1);
+}, Se = ({ name: n, required: t = !1, onChange: r, checked: c = !1, label: i, ...a }) => {
+  const [x, o] = T(c || !1);
   return /* @__PURE__ */ e.jsx("div", { className: "muncher-input--div", children: /* @__PURE__ */ e.jsxs("div", { className: "muncher-radio", children: [
     /* @__PURE__ */ e.jsx(
       "input",
@@ -1607,10 +1605,10 @@ const Ee = ({ variant: n, children: t }) => {
         ...a
       }
     ),
-    c ? /* @__PURE__ */ e.jsx(
-      J,
+    i ? /* @__PURE__ */ e.jsx(
+      G,
       {
-        label: c,
+        label: i,
         required: t,
         id: n,
         onClick: () => {
@@ -1623,19 +1621,19 @@ const Ee = ({ variant: n, children: t }) => {
   name: n,
   options: t,
   label: r,
-  required: i,
-  multiple: c,
+  required: c,
+  multiple: i,
   error: a,
   onChange: x,
   value: o,
   ...d
 }) => {
   const h = () => a && a !== "", j = () => {
-    let y = "muncher-input";
-    return h() && (y += " muncher-input-error"), y;
+    let u = "muncher-input";
+    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: i, 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",
       {
@@ -1644,23 +1642,23 @@ const Ee = ({ variant: n, children: t }) => {
         name: n,
         value: o,
         onChange: x,
-        required: i,
-        multiple: c,
+        required: c,
+        multiple: i,
         ...d,
         children: [
-          i ? /* @__PURE__ */ e.jsx("option", {}) : "",
-          t.map((y, m) => /* @__PURE__ */ e.jsx("option", { value: y, children: y }, "select-option-" + m))
+          c ? /* @__PURE__ */ e.jsx("option", {}) : "",
+          t.map((u, m) => /* @__PURE__ */ e.jsx("option", { value: u, children: u }, "select-option-" + m))
         ]
       }
     ) }),
-    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,
   label: t,
   required: r,
-  readOnly: i = !1,
-  rows: c = 6,
+  readOnly: c = !1,
+  rows: i = 6,
   maxLength: a = 1e3,
   focus: x = !1,
   placeholder: o,
@@ -1668,30 +1666,30 @@ const Ee = ({ variant: n, children: t }) => {
   value: h,
   ...j
 }) => {
-  const [y, m] = T(h), v = (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",
       {
         id: n,
         className: "muncher-textarea",
-        rows: c,
+        rows: i,
         maxLength: a,
         name: n,
         autoFocus: x,
         value: h,
         placeholder: o,
-        onChange: v,
+        onChange: f,
         required: r,
-        readOnly: i,
+        readOnly: c,
         ...j
       }
     ),
     /* @__PURE__ */ e.jsxs("p", { children: [
-      y ? a ? a - y.length : 1e3 : a,
+      u ? a ? a - u.length : 1e3 : a,
       " characters left"
     ] })
   ] });
@@ -1699,8 +1697,8 @@ const Ee = ({ variant: n, children: t }) => {
   focus: n = !1,
   inputPlaceHolder: t,
   handleInputChange: r,
-  showContent: i = !1,
-  setShowContent: c,
+  showContent: c = !1,
+  setShowContent: i,
   readOnly: a,
   value: x,
   label: o,
@@ -1708,24 +1706,24 @@ const Ee = ({ variant: n, children: t }) => {
   required: h,
   children: j
 }) => {
-  const y = oe(null), m = (f) => {
-    c(!0), r(f.target.value);
-  }, v = B(() => {
-    c(!1);
-  }, [c]), k = B((f) => {
-    f.keyCode === 27 && v();
-  }, [v]);
+  const u = oe(null), m = (v) => {
+    i(!0), r(v.target.value);
+  }, f = J(() => {
+    i(!1);
+  }, [i]), N = J((v) => {
+    v.keyCode === 27 && f();
+  }, [f]);
   return K(() => {
-    const f = (C) => {
-      if (y && y !== null) {
-        const g = y.current;
-        g && !g.contains(C.target) && v();
+    const v = (C) => {
+      if (u && u !== null) {
+        const g = u.current;
+        g && !g.contains(C.target) && f();
       }
     };
-    return document.addEventListener("keydown", k, !1), document.addEventListener("mousedown", f), () => {
-      document.removeEventListener("keydown", k, !1);
+    return document.addEventListener("keydown", N, !1), document.addEventListener("mousedown", v), () => {
+      document.removeEventListener("keydown", N, !1);
     };
-  }, [k, v]), /* @__PURE__ */ e.jsxs("div", { className: "muncher-input-drop-down", ref: y, children: [
+  }, [N, f]), /* @__PURE__ */ e.jsxs("div", { className: "muncher-input-drop-down", ref: u, children: [
     /* @__PURE__ */ e.jsx(
       Me,
       {
@@ -1740,27 +1738,27 @@ const Ee = ({ variant: n, children: t }) => {
         error: d
       }
     ),
-    i ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-drop-down--content", children: j }) : ""
+    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: i = "small", bulletColor: c, children: a }) => /* @__PURE__ */ e.jsx("li", { className: n ? "muncher-li featured" : "muncher-li", children: /* @__PURE__ */ e.jsx(
-  M,
+}, 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(
+  w,
   {
     name: t,
     weight: r,
-    size: i,
-    color: c,
+    size: c,
+    color: i,
     children: a
   }
-) }), Pe = ({ show: n = !1, setShow: t, children: r, ...i }) => {
-  const c = B((a) => {
+) }), Pe = ({ show: n = !1, setShow: t, children: r, ...c }) => {
+  const i = J((a) => {
     a.keyCode === 27 && t(!1);
   }, [t]);
-  return K(() => (document.addEventListener("keydown", c, !1), () => {
-    document.removeEventListener("keydown", c, !1);
-  }), [c]), K(() => {
+  return K(() => (document.addEventListener("keydown", i, !1), () => {
+    document.removeEventListener("keydown", i, !1);
+  }), [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",
       {
@@ -1769,79 +1767,83 @@ const Ee = ({ variant: n, children: t }) => {
           transform: n ? "translateY(0)" : "translateY(-100vh)",
           opacity: n ? "1" : "0"
         },
-        ...i,
+        ...c,
         children: r
       }
     )
   ] });
 }, De = ({ showHoverEffect: n, onClick: t, children: r }) => {
-  const i = () => n ? "muncher-paper muncher-paper-hover" : "muncher-paper";
-  return /* @__PURE__ */ e.jsx("section", { className: i(), onClick: t, children: r });
+  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
   ] })
 ] }), Ie = ({ value: n, max: t, label: r }) => {
-  const i = () => {
-    const c = Math.round(n / t * 100) + "%";
-    return r ? r + " " + c : c;
+  const c = () => {
+    const i = Math.round(n / t * 100) + "%";
+    return r ? r + " " + i : i;
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-progress", children: [
-    /* @__PURE__ */ e.jsx("label", { htmlFor: "progress", children: i() }),
-    /* @__PURE__ */ e.jsx("progress", { id: "progress", value: n, max: t, children: i() })
+    /* @__PURE__ */ e.jsx("label", { htmlFor: "progress", children: c() }),
+    /* @__PURE__ */ e.jsx("progress", { id: "progress", value: n, max: t, children: c() })
   ] });
 }, 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 }) => {
-  const [a, x] = T(0), [o, d] = T(0);
-  return /* @__PURE__ */ e.jsxs("div", { className: "muncher-item-slider", children: [
-    n.length > 1 && a > 0 ? /* @__PURE__ */ e.jsx(
-      ae,
-      {
-        direction: "left",
-        size: t,
-        variant: i,
-        navIcon: c,
-        weight: r,
-        onClick: () => {
-          a === 0 ? (d(-(n.length - 1) * 100), x(n.length - 1)) : (d(o + 100), x(a - 1));
-        }
+  const c = "muncher-hr" + (n ? " muncher-hr--" + n : "") + (t ? " muncher-hr--" + t : "") + (r ? " muncher-hr--" + r : "");
+  return /* @__PURE__ */ e.jsx("hr", { className: c });
+}, Ue = ({ sliderItems: n, navButtonSize: t = "large", navButtonWeight: r = 2, variant: c, navIcon: i, navButtonPlacement: a = "inside" }) => {
+  const [x, o] = T(0), [d, h] = T(0), j = () => n.length > 1 && x > 0 ? /* @__PURE__ */ e.jsx(
+    ae,
+    {
+      direction: "left",
+      size: t,
+      variant: c,
+      navIcon: i,
+      weight: r,
+      onClick: () => {
+        x === 0 ? (h(-(n.length - 1) * 100), o(n.length - 1)) : (h(d + 100), o(x - 1));
       }
-    ) : "",
-    /* @__PURE__ */ e.jsx("div", { className: "slider-container", style: { width: `${100 * n.length}%` }, children: n.map(
-      (h, j) => /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          className: "slider-item",
-          style: { transform: `translateX(${o}%)` },
-          children: h
-        },
-        "slider-item" + j
-      )
-    ) }),
-    n.length > 1 && a < n.length - 1 ? /* @__PURE__ */ e.jsx(
-      ae,
-      {
-        direction: "right",
-        size: t,
-        weight: r,
-        navIcon: c,
-        variant: i,
-        onClick: () => {
-          a === n.length - 1 ? (x(0), d(0)) : (d(o - 100), x(a + 1));
-        }
+    }
+  ) : "", u = () => n.length > 1 && x < n.length - 1 ? /* @__PURE__ */ e.jsx(
+    ae,
+    {
+      direction: "right",
+      size: t,
+      weight: r,
+      navIcon: i,
+      variant: c,
+      onClick: () => {
+        x === n.length - 1 ? (o(0), h(0)) : (h(d - 100), o(x + 1));
       }
-    ) : ""
+    }
+  ) : "";
+  return /* @__PURE__ */ e.jsxs("div", { className: "muncher-item-slider-wrapper--" + a, children: [
+    a === "outside" ? j() : "",
+    /* @__PURE__ */ e.jsxs("div", { className: "muncher-item-slider", children: [
+      a === "inside" ? j() : "",
+      /* @__PURE__ */ e.jsx("div", { className: "slider-container", style: { width: `${100 * n.length}%` }, children: n.map(
+        (m, f) => /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: "slider-item",
+            style: { transform: `translateX(${d}%)` },
+            children: m
+          },
+          "slider-item" + f
+        )
+      ) }),
+      a === "inside" ? u() : ""
+    ] }),
+    a === "outside" ? u() : ""
   ] });
 }, $e = ({
   min: n,
   max: t,
   minValue: r,
-  maxValue: i,
-  setMinValue: c,
+  maxValue: c,
+  setMinValue: i,
   setMaxValue: a,
   numberFormatter: x = (o) => new Intl.NumberFormat("en-US", {
     style: "currency",
@@ -1849,14 +1851,14 @@ const Ee = ({ variant: n, children: t }) => {
   }).format(o)
 }) => {
   const o = (j) => {
-    const y = +j.target.value, m = y < i - 1 ? y : r;
-    c(m);
+    const u = +j.target.value, m = u < c - 1 ? u : r;
+    i(m);
   }, d = (j) => {
-    const y = +j.target.value, m = y > r + 1 ? y : i;
+    const u = +j.target.value, m = u > r + 1 ? u : c;
     a(m);
   }, h = (j) => x && j ? x(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("div", { className: "slider-header", children: /* @__PURE__ */ e.jsx("p", { children: h(r) + " - " + h(c) }) }),
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -1875,7 +1877,7 @@ const Ee = ({ variant: n, children: t }) => {
         type: "range",
         min: n,
         max: t,
-        value: i,
+        value: c,
         onChange: d
       }
     ),
@@ -1888,15 +1890,15 @@ const Ee = ({ variant: n, children: t }) => {
   min: n,
   max: t,
   value: r,
-  setValue: i,
-  numberFormatter: c = (a) => new Intl.NumberFormat("en-US", {
+  setValue: c,
+  numberFormatter: i = (a) => new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: "USD"
   }).format(a)
 }) => {
-  const a = (o) => c ? c(o) : o, x = (o) => {
+  const a = (o) => i ? i(o) : o, x = (o) => {
     const d = +o.target.value;
-    i(d);
+    c(d);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-slider", children: [
     /* @__PURE__ */ e.jsx("div", { className: "slider-header", children: /* @__PURE__ */ e.jsx("p", { children: a(r) }) }),
@@ -1916,20 +1918,20 @@ const Ee = ({ variant: n, children: t }) => {
       /* @__PURE__ */ e.jsx("div", { className: "slider-max", children: a(t) })
     ] })
   ] });
-}, Be = ({ isFeatured: n, onClick: t }) => /* @__PURE__ */ e.jsx("span", { className: "span-featured", children: /* @__PURE__ */ e.jsx("span", { className: n ? "featured-star" : "un-featured-star", onClick: t }) }), Je = ({ rating: n, color: t, size: r, ...i }) => {
-  const c = {
+}, Be = ({ isFeatured: n, onClick: t }) => /* @__PURE__ */ e.jsx("span", { className: "span-featured", children: /* @__PURE__ */ e.jsx("span", { className: n ? "featured-star" : "un-featured-star", onClick: t }) }), Je = ({ rating: n, color: t, size: r, ...c }) => {
+  const i = {
     "--r": n
   }, a = () => {
     let x = "muncher-star";
     return t && (x += " star-" + t), r && (x += " star-" + r), x;
   };
-  return /* @__PURE__ */ e.jsx("span", { className: a(), style: c, ...i });
+  return /* @__PURE__ */ e.jsx("span", { className: a(), style: i, ...c });
 }, Ge = ({ handleTabSelected: n, children: t }) => {
-  const [r, i] = T(0), { tabs: c } = t, a = (x) => {
-    i(x), n && n(x);
+  const [r, c] = T(0), { tabs: i } = t, a = (x) => {
+    c(x), n && n(x);
   };
   return /* @__PURE__ */ e.jsxs("section", { className: "muncher-tabs", children: [
-    /* @__PURE__ */ e.jsx("header", { children: c.map(
+    /* @__PURE__ */ e.jsx("header", { children: i.map(
       (x, o) => /* @__PURE__ */ e.jsxs("div", { className: "muncher-tab-header--item", children: [
         /* @__PURE__ */ e.jsx(
           O,
@@ -1944,10 +1946,10 @@ const Ee = ({ variant: n, children: t }) => {
             children: x.header
           }
         ),
-        o !== c.length - 1 ? /* @__PURE__ */ e.jsx("span", { className: "spacer", children: "|" }) : ""
+        o !== i.length - 1 ? /* @__PURE__ */ e.jsx("span", { className: "spacer", children: "|" }) : ""
       ] }, "muncher-tab-header" + o)
     ) }),
-    c.map(
+    i.map(
       (x, o) => /* @__PURE__ */ e.jsx(
         "section",
         {
@@ -1962,79 +1964,79 @@ const Ee = ({ variant: n, children: t }) => {
   fileName: n,
   defaultPageSize: t,
   skeleton: r,
-  handleOnUpload: i,
-  sortBy: c,
+  handleOnUpload: c,
+  sortBy: i,
   excludeDownload: a,
   includeUpload: x,
   isUploading: o,
   uploadWarningMessage: d,
   uploadSuccessMessage: h,
   excludePagination: j,
-  footer: y,
+  footer: u,
   children: m
 }) => {
-  const { header: v, rows: k } = m, [f, C] = T(c || { index: 0 }), [g, _] = T({ num: 0, size: t || 50 }), z = (u) => {
-    f.index === u ? C({ ...f, desc: !f.desc }) : C({ index: u });
+  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 (v[f.index].sort) {
-      const u = k.sort(v[f.index].sort);
-      return f.desc ? u.reverse() : u;
+    if (f[v.index].sort) {
+      const y = N.sort(f[v.index].sort);
+      return v.desc ? y.reverse() : y;
     }
-    return k.sort(
-      (u, w) => {
-        var P, I, q, D, Y, U;
-        if (((P = u[f.index]) == null ? void 0 : P.value) === null || ((I = w[f.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 = u[f.index]) == null ? void 0 : q.value) == null ? void 0 : D.toString().toLowerCase(), A = (U = (Y = w[f.index]) == null ? void 0 : Y.value) == null ? void 0 : U.toString().toLowerCase();
-        let G = H.localeCompare(A);
-        return f.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: v.map(
-      (u, w) => u.visibility === "hidden" ? "" : /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "row head", children: f.map(
+      (y, k) => y.visibility === "hidden" ? "" : /* @__PURE__ */ e.jsx(
         "div",
         {
-          title: u.title,
-          className: u.visibility ? "col main" : "col",
-          children: typeof u.name == "string" ? /* @__PURE__ */ e.jsx("div", { className: "sort-button", children: /* @__PURE__ */ e.jsx(
-            be,
+          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(
+            we,
             {
               onClick: () => {
-                z(w);
+                _(k);
               },
-              active: f.index === w,
-              sortAsc: !f.desc,
-              children: u.name
+              active: v.index === k,
+              sortAsc: !v.desc,
+              children: y.name
             }
-          ) }) : u.name
+          ) }) : y.name
         },
-        "row-head-" + u.name
+        "row-head-" + y.name
       )
     ) }),
-    r || S().slice(g.num * g.size, b() - 1).map(
-      (u, w) => /* @__PURE__ */ e.jsx("div", { className: "row", children: u.map((H, A) => v[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: v[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)
     ),
-    y || "",
+    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: v.filter((u) => !u.csvExclude).map((u) => typeof u.name == "string" ? u.name : ""),
-            data: k.map(
-              (u) => u.filter((w, H) => !v[H].csvExclude).map((w) => w.csv ? w.csv ? w.csv : "" : w.value ? w.value : "")
+            header: f.filter((y) => !y.csvExclude).map((y) => typeof y.name == "string" ? y.name : ""),
+            data: N.map(
+              (y) => y.filter((k, z) => !f[z].csvExclude).map((k) => k.csv ? k.csv ? k.csv : "" : k.value ? k.value : "")
             )
           }
         ),
@@ -2042,7 +2044,7 @@ const Ee = ({ variant: n, children: t }) => {
           Ne,
           {
             name: "csv-input-file",
-            handleOnChange: i,
+            handleOnChange: c,
             isUploading: o,
             warningMessage: d,
             successMessage: h
@@ -2058,10 +2060,10 @@ const Ee = ({ variant: n, children: t }) => {
               name: "pageSize",
               options: ["50", "100", "500"],
               value: g.size,
-              onChange: (u) => {
-                _({
+              onChange: (y) => {
+                A({
                   ...g,
-                  size: parseInt(u.target.value)
+                  size: parseInt(y.target.value)
                 });
               }
             }
@@ -2070,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(
@@ -2082,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" })
             }
           )
         ] })
@@ -2106,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,
@@ -2134,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
 };