@contentmunch/contentmunch-ui 1.0.30 → 1.0.33

package/lib/index.es.js

@@ -1,5 +1,5 @@
-import xe, { useState as T, Fragment as s, useRef as oe, useCallback as J, useEffect as K } from "react";
-var X = { exports: {} }, W = {};
+import oe, { useState as T, Fragment as s, useRef as de, useCallback as G, useEffect as Q, useMemo as te } from "react";
+var K = { exports: {} }, B = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,29 +9,29 @@ var X = { exports: {} }, W = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var te;
-function je() {
-  if (te) return W;
-  te = 1;
+var le;
+function ue() {
+  if (le) return B;
+  le = 1;
   var n = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function r(c, i, a) {
+  function r(i, c, a) {
     var x = null;
-    if (a !== void 0 && (x = "" + a), i.key !== void 0 && (x = "" + i.key), "key" in i) {
+    if (a !== void 0 && (x = "" + a), c.key !== void 0 && (x = "" + c.key), "key" in c) {
       a = {};
-      for (var o in i)
-        o !== "key" && (a[o] = i[o]);
-    } else a = i;
-    return i = a.ref, {
+      for (var o in c)
+        o !== "key" && (a[o] = c[o]);
+    } else a = c;
+    return c = a.ref, {
       $$typeof: n,
-      type: c,
+      type: i,
       key: x,
-      ref: i !== void 0 ? i : null,
+      ref: c !== void 0 ? c : null,
       props: a
     };
   }
-  return W.Fragment = t, W.jsx = r, W.jsxs = r, W;
+  return B.Fragment = t, B.jsx = r, B.jsxs = r, B;
 }
-var B = {};
+var J = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,26 +41,26 @@ var B = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var le;
-function ue() {
-  return le || (le = 1, process.env.NODE_ENV !== "production" && function() {
+var ce;
+function ye() {
+  return ce || (ce = 1, process.env.NODE_ENV !== "production" && function() {
     function n(l) {
       if (l == null) return null;
       if (typeof l == "function")
-        return l.$$typeof === H ? null : l.displayName || l.name || null;
+        return l.$$typeof === C ? null : l.displayName || l.name || null;
       if (typeof l == "string") return l;
       switch (l) {
-        case v:
-          return "Fragment";
         case g:
+          return "Fragment";
+        case v:
           return "Profiler";
-        case C:
+        case A:
           return "StrictMode";
-        case M:
+        case k:
           return "Suspense";
-        case y:
+        case H:
           return "SuspenseList";
-        case L:
+        case M:
           return "Activity";
       }
       if (typeof l == "object")
@@ -69,19 +69,19 @@ function ue() {
         ), l.$$typeof) {
           case N:
             return "Portal";
-          case _:
+          case S:
             return (l.displayName || "Context") + ".Provider";
-          case A:
+          case _:
             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 k:
-            return p = l.displayName || null, p !== null ? p : n(l.type) || "Memo";
           case z:
-            p = l._payload, l = l._init;
+            var y = l.render;
+            return l = l.displayName, l || (l = y.displayName || y.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
+          case P:
+            return y = l.displayName || null, y !== null ? y : n(l.type) || "Memo";
+          case m:
+            y = l._payload, l = l._init;
             try {
-              return n(l(p));
+              return n(l(y));
             } catch {
             }
         }
@@ -93,50 +93,50 @@ function ue() {
     function r(l) {
       try {
         t(l);
-        var p = !1;
+        var y = !1;
       } catch {
-        p = !0;
+        y = !0;
       }
-      if (p) {
-        p = console;
-        var b = p.error, E = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
+      if (y) {
+        y = console;
+        var b = y.error, E = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
         return b.call(
-          p,
+          y,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           E
         ), t(l);
       }
     }
-    function c(l) {
-      if (l === v) return "<>";
-      if (typeof l == "object" && l !== null && l.$$typeof === z)
+    function i(l) {
+      if (l === g) return "<>";
+      if (typeof l == "object" && l !== null && l.$$typeof === m)
         return "<...>";
       try {
-        var p = n(l);
-        return p ? "<" + p + ">" : "<...>";
+        var y = n(l);
+        return y ? "<" + y + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function i() {
-      var l = D.A;
+    function c() {
+      var l = L.A;
       return l === null ? null : l.getOwner();
     }
     function a() {
       return Error("react-stack-top-frame");
     }
     function x(l) {
-      if (Y.call(l, "key")) {
-        var p = Object.getOwnPropertyDescriptor(l, "key").get;
-        if (p && p.isReactWarning) return !1;
+      if (X.call(l, "key")) {
+        var y = Object.getOwnPropertyDescriptor(l, "key").get;
+        if (y && y.isReactWarning) return !1;
       }
       return l.key !== void 0;
     }
-    function o(l, p) {
+    function o(l, y) {
       function b() {
-        U || (U = !0, console.error(
+        Y || (Y = !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
+          y
         ));
       }
       b.isReactWarning = !0, Object.defineProperty(l, "key", {
@@ -150,13 +150,13 @@ function ue() {
         "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, b, E, P, V, Q, Z) {
+    function h(l, y, b, E, D, V, ee, se) {
       return b = V.ref, l = {
         $$typeof: f,
         type: l,
-        key: p,
+        key: y,
         props: V,
-        _owner: P
+        _owner: D
       }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(l, "ref", {
         enumerable: !1,
         get: d
@@ -174,19 +174,19 @@ function ue() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Q
+        value: ee
       }), Object.defineProperty(l, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Z
+        value: se
       }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     }
-    function j(l, p, b, E, P, V, Q, Z) {
-      var R = p.children;
+    function j(l, y, b, E, D, V, ee, se) {
+      var R = y.children;
       if (R !== void 0)
         if (E)
-          if (q(R)) {
+          if (Z(R)) {
             for (E = 0; E < R.length; E++)
               u(R[E]);
             Object.freeze && Object.freeze(R);
@@ -195,12 +195,12 @@ function ue() {
               "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 (Y.call(p, "key")) {
+      if (X.call(y, "key")) {
         R = n(l);
-        var I = Object.keys(p).filter(function(he) {
-          return he !== "key";
+        var F = Object.keys(y).filter(function(je) {
+          return je !== "key";
         });
-        E = 0 < I.length ? "{key: someKey, " + I.join(": ..., ") + ": ...}" : "{key: someKey}", re[R + E] || (I = 0 < I.length ? "{" + I.join(": ..., ") + ": ...}" : "{}", console.error(
+        E = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", re[R + E] || (F = 0 < F.length ? "{" + F.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -209,15 +209,15 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           E,
           R,
-          I,
+          F,
           R
         ), re[R + E] = !0);
       }
-      if (R = null, b !== void 0 && (r(b), R = "" + b), x(p) && (r(p.key), R = "" + p.key), "key" in p) {
+      if (R = null, b !== void 0 && (r(b), R = "" + b), x(y) && (r(y.key), R = "" + y.key), "key" in y) {
         b = {};
-        for (var ee in p)
-          ee !== "key" && (b[ee] = p[ee]);
-      } else b = p;
+        for (var ne in y)
+          ne !== "key" && (b[ne] = y[ne]);
+      } else b = y;
       return R && o(
         b,
         typeof l == "function" ? l.displayName || l.name || "Unknown" : l
@@ -225,68 +225,68 @@ React keys must be passed directly to JSX without using spread:
         l,
         R,
         V,
-        P,
-        i(),
+        D,
+        c(),
         b,
-        Q,
-        Z
+        ee,
+        se
       );
     }
     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"), 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() {
+    var p = oe, f = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), A = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), S = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), H = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), M = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), L = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, X = Object.prototype.hasOwnProperty, Z = Array.isArray, I = console.createTask ? console.createTask : function() {
       return null;
     };
-    m = {
+    p = {
       "react-stack-bottom-frame": function(l) {
         return l();
       }
     };
-    var U, $ = {}, se = m["react-stack-bottom-frame"].bind(
-      m,
+    var Y, $ = {}, U = p["react-stack-bottom-frame"].bind(
+      p,
       a
-    )(), ne = F(c(a)), re = {};
-    B.Fragment = v, B.jsx = function(l, p, b, E, P) {
-      var V = 1e4 > D.recentlyCreatedOwnerStacks++;
+    )(), W = I(i(a)), re = {};
+    J.Fragment = g, J.jsx = function(l, y, b, E, D) {
+      var V = 1e4 > L.recentlyCreatedOwnerStacks++;
       return j(
         l,
-        p,
+        y,
         b,
         !1,
         E,
-        P,
-        V ? Error("react-stack-top-frame") : se,
-        V ? F(c(l)) : ne
+        D,
+        V ? Error("react-stack-top-frame") : U,
+        V ? I(i(l)) : W
       );
-    }, B.jsxs = function(l, p, b, E, P) {
-      var V = 1e4 > D.recentlyCreatedOwnerStacks++;
+    }, J.jsxs = function(l, y, b, E, D) {
+      var V = 1e4 > L.recentlyCreatedOwnerStacks++;
       return j(
         l,
-        p,
+        y,
         b,
         !0,
         E,
-        P,
-        V ? Error("react-stack-top-frame") : se,
-        V ? F(c(l)) : ne
+        D,
+        V ? Error("react-stack-top-frame") : U,
+        V ? I(i(l)) : W
       );
     };
-  }()), B;
+  }()), J;
 }
 var ie;
-function ye() {
-  return ie || (ie = 1, process.env.NODE_ENV === "production" ? X.exports = je() : X.exports = ue()), X.exports;
+function pe() {
+  return ie || (ie = 1, process.env.NODE_ENV === "production" ? K.exports = ue() : K.exports = ye()), K.exports;
 }
-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) => {
+var e = pe();
+const Re = ({ variant: n, children: t }) => {
+  const { folds: r } = t, [i, c] = T(0), a = (d) => d === i ? "fold active" : "fold", x = (d) => "fold-button" + (n ? " fold-button--" + n : "") + (r[d].foldColor ? " fold-button--primary fold-button--" + r[d].foldColor : ""), o = (d) => {
     const h = d.which.toString(), j = d.ctrlKey && h.match(/33|34/);
     if (h.match(/38|40/) || j) {
-      const u = h.match(/34|40/) ? 1 : -1, m = r.length, f = (c + m + u) % m;
-      i(f);
+      const u = h.match(/34|40/) ? 1 : -1, p = r.length, f = (i + p + u) % p;
+      c(f);
     } else
-      h === "36" && i(0), h === "35" && i(r.length - 1);
+      h === "36" && c(0), h === "35" && c(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": c === h,
+        "aria-expanded": i === h,
         children: [
           /* @__PURE__ */ e.jsx(
             "button",
             {
               className: x(h),
               onKeyDown: o,
-              onClick: () => i(h),
+              onClick: () => c(h),
               children: /* @__PURE__ */ e.jsx("span", { children: d.heading })
             }
           ),
@@ -311,11 +311,11 @@ const Ee = ({ variant: n, children: t }) => {
       "muncher-accordion-fold-" + h
     )
   ) });
-}, pe = ({
+}, me = ({
   show: n = !1,
   backdropClickHandler: t,
   ...r
-}) => 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 = {
+}) => n ? /* @__PURE__ */ e.jsx("div", { className: "muncher-backdrop", onClick: t, ...r }) : null, fe = ({ variant: n, children: t, ...r }) => /* @__PURE__ */ e.jsx("div", { className: n ? "muncher-badge muncher-badge--" + n : "muncher-badge", ...r, children: t }), ae = {
   "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" })
   ] })
-}, w = ({ 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: i = 2, onClick: c, 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,38 +1081,38 @@ const Ee = ({ variant: n, children: t }) => {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 24 24",
         fill: "none",
-        strokeWidth: c || 2,
+        strokeWidth: i || 2,
         strokeLinecap: "round",
         strokeLinejoin: "round",
-        onClick: i,
-        children: t ? ce[t] : a ? Object(ce)[a] : ""
+        onClick: c,
+        children: t ? ae[t] : a ? Object(ae)[a] : ""
       }
     ),
     o && (!x || x === "left") ? /* @__PURE__ */ e.jsx("span", { className: "content-right", children: o }) : ""
   ] });
-}, Re = ({
+}, Te = ({
   variant: n = "primary",
   icon: t = "bell",
   text: r,
-  onClick: c,
-  ...i
+  onClick: i,
+  ...c
 }) => /* @__PURE__ */ e.jsxs(
   "div",
   {
     className: "muncher-icon-badge",
-    onClick: c,
-    ...i,
+    onClick: i,
+    ...c,
     children: [
       /* @__PURE__ */ e.jsx(w, { name: t }),
-      r === "" ? "" : /* @__PURE__ */ e.jsx(me, { variant: n, children: r })
+      r === "" ? "" : /* @__PURE__ */ e.jsx(fe, { variant: n, children: r })
     ]
   }
 ), O = ({
   type: n = "button",
   variant: t,
   size: r = "medium",
-  title: c,
-  active: i,
+  title: i,
+  active: c,
   disabled: a,
   rounded: x,
   onClick: o,
@@ -1120,30 +1120,30 @@ const Ee = ({ variant: n, children: t }) => {
   onMouseEnter: h,
   onMouseLeave: j,
   children: u,
-  ...m
+  ...p
 }) => {
-  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" : "");
+  const f = "muncher-button" + (n && n === "nav" ? " muncher-button--nav" : "") + (t ? " muncher-button--" + t : "") + (r ? " muncher-button--" + r : "") + (c ? " muncher-button--active" : "") + (x ? " muncher-button--rounded" : "");
   return /* @__PURE__ */ e.jsx(
     "button",
     {
       type: n && n !== "nav" ? n : "button",
       className: f,
       disabled: !!a,
-      title: c,
+      title: i,
       onClick: o,
       onMouseDown: d,
       onMouseEnter: h,
       onMouseLeave: j,
-      ...m,
+      ...p,
       children: u
     }
   );
-}, fe = ({
+}, ve = ({
   variant: n,
   size: t = "medium",
   title: r,
-  active: c,
-  disabled: i,
+  active: i,
+  disabled: c,
   element: a,
   onMouseDown: x,
   rounded: o,
@@ -1151,35 +1151,35 @@ const Ee = ({ variant: n, children: t }) => {
   onClick: h,
   onClose: j,
   showContent: u,
-  setShowContent: m,
+  setShowContent: p,
   withDropIcon: f,
   children: N,
-  ...v
+  ...g
 }) => {
-  const C = oe(null), g = (M) => {
-    M.preventDefault(), h && h(M), m && m(!0);
-  }, A = J(() => {
-    m(!1), j && j();
-  }, [j, m]), _ = J((M) => {
-    M.keyCode === 27 && A();
-  }, [A]);
-  K(() => {
-    const M = (y) => {
-      C && C.current && y.target instanceof HTMLElement && !C.current.contains(y.target) && A();
+  const A = de(null), v = (k) => {
+    k.preventDefault(), h && h(k), p && p(!0);
+  }, _ = G(() => {
+    p(!1), j && j();
+  }, [j, p]), S = G((k) => {
+    k.keyCode === 27 && _();
+  }, [_]);
+  Q(() => {
+    const k = (H) => {
+      A && A.current && H.target instanceof HTMLElement && !A.current.contains(H.target) && _();
     };
-    return document.addEventListener("keydown", _, !1), document.addEventListener("mousedown", M), () => {
-      document.removeEventListener("keydown", _, !1);
+    return document.addEventListener("keydown", S, !1), document.addEventListener("mousedown", k), () => {
+      document.removeEventListener("keydown", S, !1);
     };
-  }, [_, A]);
-  const S = () => {
-    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";
+  }, [S, _]);
+  const z = () => {
+    var P;
+    const k = (P = A.current) == null ? void 0 : P.offsetLeft, H = window.innerWidth;
+    if (k) {
+      if (k < 100) return "muncher-dropdown--content";
+      if (H - k < 150) return "muncher-dropdown--content drop-left";
+      if (H - k < 250) {
+        const m = Math.round((H - k) / H * 100);
+        if (m > 40 || m < 60) return "muncher-dropdown--content drop-middle";
       }
     }
     switch (d) {
@@ -1191,18 +1191,18 @@ const Ee = ({ variant: n, children: t }) => {
         return "muncher-dropdown--content";
     }
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: "muncher-dropdown", ref: C, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: "muncher-dropdown", ref: A, children: [
     /* @__PURE__ */ e.jsxs(
       O,
       {
-        onMouseDown: g,
+        onMouseDown: v,
         title: r,
-        disabled: i,
+        disabled: c,
         rounded: o,
-        active: c,
+        active: i,
         variant: n,
         size: t,
-        ...v,
+        ...g,
         children: [
           a,
           f ? /* @__PURE__ */ e.jsx(
@@ -1215,14 +1215,14 @@ const Ee = ({ variant: n, children: t }) => {
         ]
       }
     ),
-    u ? /* @__PURE__ */ e.jsx("div", { className: S(), children: N }) : ""
+    u ? /* @__PURE__ */ e.jsx("div", { className: z(), children: N }) : ""
   ] });
-}, Te = ({
+}, Ae = ({
   title: n,
   active: t,
   disabled: r,
-  element: c,
-  rounded: i,
+  element: i,
+  rounded: c,
   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: i,
+      rounded: c,
       active: t,
       ...x,
-      children: c
+      children: i
     }
   ),
   /* @__PURE__ */ e.jsx("div", { className: "muncher-dropdown-nav--content", children: a })
-] }), ve = (n) => {
+] }), ge = (n) => {
   navigator.clipboard.writeText(n);
-}, ge = ({
+}, be = ({
   text: n,
   variant: t = "secondary",
   size: r = "small"
 }) => {
-  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");
+  const [i, c] = T(), [a, x] = T("copy"), [o, d] = T("copy link"), h = () => {
+    ge(n), c("green"), x("check"), d("copied!"), setTimeout(function() {
+      c(""), x("copy");
     }, 2e3);
   };
   return /* @__PURE__ */ e.jsx(
@@ -1258,21 +1258,21 @@ const Ee = ({ variant: n, children: t }) => {
       variant: t,
       title: o,
       onClick: h,
-      children: /* @__PURE__ */ e.jsx(w, { name: a, color: c })
+      children: /* @__PURE__ */ e.jsx(w, { name: a, color: i })
     }
   );
-}, Ae = ({
+}, _e = ({
   variant: n = "secondary",
   size: t = "medium",
   title: r
 }) => {
-  const [c, i] = T(!1);
+  const [i, c] = T(!1);
   return /* @__PURE__ */ e.jsx("div", { className: "muncher-share", children: /* @__PURE__ */ e.jsxs(
-    fe,
+    ve,
     {
       title: "Share to Social Media",
-      showContent: c,
-      setShowContent: i,
+      showContent: i,
+      setShowContent: c,
       variant: n,
       size: t,
       element: /* @__PURE__ */ e.jsx(w, { name: "share", orientation: "right", children: "Share" }),
@@ -1304,16 +1304,16 @@ const Ee = ({ variant: n, children: t }) => {
             children: /* @__PURE__ */ e.jsx(w, { name: "mail" })
           }
         ) }),
-        /* @__PURE__ */ e.jsx(ge, { text: window.location.href })
+        /* @__PURE__ */ e.jsx(be, { text: window.location.href })
       ]
     }
   ) });
-}, be = ({
+}, we = ({
   header: n,
   data: t,
   filename: r,
-  variant: c,
-  size: i,
+  variant: i,
+  size: c,
   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: 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 = ({
+  return /* @__PURE__ */ e.jsx("div", { className: "muncher-csv", children: /* @__PURE__ */ e.jsx(O, { variant: i, size: c, active: x, disabled: o, rounded: d, children: /* @__PURE__ */ e.jsx("a", { href: h, download: r + ".csv", children: /* @__PURE__ */ e.jsx(w, { name: "download", children: a || "Download" }) }) }) });
+}, Ne = ({
   variant: n = "transparent",
   size: t = "small",
   title: r,
-  sortAsc: c = "true",
-  active: i,
+  sortAsc: i = "true",
+  active: c,
   rounded: a,
   onClick: x,
   children: o
 }) => {
-  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" });
+  const [d, h] = T(!1), j = () => !c || c && !d ? i ? /* @__PURE__ */ e.jsx(w, { name: "sort-asc" }) : /* @__PURE__ */ e.jsx(w, { name: "sort-desc" }) : i ? /* @__PURE__ */ e.jsx(w, { name: "sort-desc" }) : /* @__PURE__ */ e.jsx(w, { name: "sort-asc" });
   return /* @__PURE__ */ e.jsxs(
     O,
     {
@@ -1350,16 +1350,16 @@ const Ee = ({ variant: n, children: t }) => {
       onClick: x,
       children: [
         o,
-        i || d ? /* @__PURE__ */ e.jsx(j, {}) : ""
+        c || d ? /* @__PURE__ */ e.jsx(j, {}) : ""
       ]
     }
   );
-}, ae = ({
+}, xe = ({
   direction: n,
   size: t = "small",
   weight: r,
-  isDisabled: c,
-  variant: i = "primary",
+  isDisabled: i,
+  variant: c = "primary",
   navIcon: a = "chevron",
   onClick: x
 }) => {
@@ -1383,27 +1383,27 @@ const Ee = ({ variant: n, children: t }) => {
         O,
         {
           onClick: x,
-          disabled: c,
+          disabled: i,
           size: "small",
-          variant: i,
+          variant: c,
           title: n === "left" ? "Navigate Left" : "Navigate Right",
           children: /* @__PURE__ */ e.jsx(w, { name: o(), size: t, weight: r })
         }
       )
     }
   );
-}, G = ({ label: n, onClick: t, id: r, required: c = !1 }) => /* @__PURE__ */ e.jsxs("label", { htmlFor: r, onClick: t, children: [
+}, q = ({ label: n, onClick: t, id: r, required: i = !1 }) => /* @__PURE__ */ e.jsxs("label", { htmlFor: r, onClick: t, children: [
   n,
-  c ? /* @__PURE__ */ e.jsx("span", { className: "required", children: "*" }) : ""
-] }), _e = ({
+  i ? /* @__PURE__ */ e.jsx("span", { className: "required", children: "*" }) : ""
+] }), Se = ({
   name: n,
   required: t = !1,
   onChange: r,
-  checked: c = !1,
-  label: i,
+  checked: i = !1,
+  label: c,
   ...a
 }) => {
-  const [x, o] = T(c || !1);
+  const [x, o] = T(i || !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
       }
     ),
-    i ? /* @__PURE__ */ e.jsx(
-      G,
+    c ? /* @__PURE__ */ e.jsx(
+      q,
       {
-        label: i,
+        label: c,
         required: t,
         id: n,
         onClick: (d) => {
@@ -1431,18 +1431,18 @@ const Ee = ({ variant: n, children: t }) => {
       }
     ) : ""
   ] }) });
-}, de = ({ size: n, ...t }) => /* @__PURE__ */ e.jsx(
+}, he = ({ size: n, ...t }) => /* @__PURE__ */ e.jsx(
   "div",
   {
     className: n ? "muncher-spinner muncher-spinner-" + n : "muncher-spinner",
     ...t
   }
-), Ne = ({
+), Me = ({
   name: n,
   label: t,
   variant: r = "secondary",
-  size: c = "medium",
-  required: i,
+  size: i = "medium",
+  required: c,
   active: a,
   isUploading: x,
   handleOnChange: o,
@@ -1450,7 +1450,7 @@ const Ee = ({ variant: n, children: t }) => {
   successMessage: h,
   ...j
 }) => {
-  const u = "muncher-button" + (r ? " muncher-button--" + r : "") + (c ? " muncher-button--" + c : "") + (a ? " muncher-button--active" : ""), m = (f) => {
+  const u = "muncher-button" + (r ? " muncher-button--" + r : "") + (i ? " muncher-button--" + i : "") + (a ? " muncher-button--active" : ""), p = (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: [
@@ -1458,8 +1458,8 @@ const Ee = ({ variant: n, children: t }) => {
       /* @__PURE__ */ e.jsx(w, { name: "upload" }),
       " ",
       t || "Upload CSV",
-      i ? /* @__PURE__ */ e.jsx("span", { className: "required", children: " *" }) : "",
-      x ? /* @__PURE__ */ e.jsx(de, { size: "tiny" }) : ""
+      c ? /* @__PURE__ */ e.jsx("span", { className: "required", children: " *" }) : "",
+      x ? /* @__PURE__ */ e.jsx(he, { size: "tiny" }) : ""
     ] }),
     /* @__PURE__ */ e.jsx(
       "input",
@@ -1467,8 +1467,8 @@ const Ee = ({ variant: n, children: t }) => {
         id: n,
         type: "file",
         className: "muncher-file-input",
-        required: i,
-        onChange: m,
+        required: c,
+        onChange: p,
         accept: "text/csv",
         ...j
       }
@@ -1480,8 +1480,8 @@ const Ee = ({ variant: n, children: t }) => {
   name: n,
   label: t,
   variant: r = "secondary",
-  size: c = "large",
-  required: i,
+  size: i = "large",
+  required: c,
   active: a,
   setFiles: x,
   error: o,
@@ -1489,20 +1489,20 @@ const Ee = ({ variant: n, children: t }) => {
   maxFiles: h,
   ...j
 }) => {
-  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 = (_) => {
+  const [u, p] = T(""), [f, N] = T(""), g = h || 3, A = "muncher-button" + (r ? " muncher-button--" + r : "") + (i ? " muncher-button--" + i : "") + (a ? " muncher-button--active" : ""), v = (S) => {
     if (d) {
-      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(", "));
+      let z = Array.from(S.currentTarget.files);
+      z.length > g && (z = z.slice(0, g), N("Only first " + g + " files included")), x(z), p(z.map((k) => k.name).join(", "));
     } else
-      x(Array.from(_.currentTarget.files[0])), m(_.currentTarget.files[0].name);
-  }, A = () => o && o !== "";
+      x(Array.from(S.currentTarget.files[0])), p(S.currentTarget.files[0].name);
+  }, _ = () => 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.jsxs("label", { htmlFor: n, className: A, children: [
         /* @__PURE__ */ e.jsx(w, { name: "image" }),
         " ",
         t,
-        i ? /* @__PURE__ */ e.jsx("span", { className: "required", children: " *" }) : ""
+        c ? /* @__PURE__ */ e.jsx("span", { className: "required", children: " *" }) : ""
       ] }),
       /* @__PURE__ */ e.jsx("span", { className: "span-file-name", children: u }),
       /* @__PURE__ */ e.jsx(
@@ -1512,7 +1512,7 @@ const Ee = ({ variant: n, children: t }) => {
           type: "file",
           className: "muncher-file-input",
           name: n,
-          onChange: g,
+          onChange: v,
           multiple: d,
           accept: "image/*",
           ...j
@@ -1520,14 +1520,14 @@ const Ee = ({ variant: n, children: t }) => {
       )
     ] }),
     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 }) }) : ""
+    _() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(w, { name: "alert", children: o }) }) : ""
   ] });
-}, Me = ({
+}, ke = ({
   name: n,
   label: t,
   required: r,
-  readOnly: c,
-  icon: i,
+  readOnly: i,
+  icon: c,
   hoverIcon: a,
   onHoverIconClick: x,
   type: o = "text",
@@ -1535,28 +1535,28 @@ const Ee = ({ variant: n, children: t }) => {
   onBlur: h,
   labelPosition: j = "top",
   onKeyDown: u,
-  error: m,
+  error: p,
   focus: f = !1,
   placeholder: N,
-  onChange: v,
-  step: C,
-  value: g,
-  maxLength: A,
-  onEnterPress: _,
-  displayLoader: S,
-  ...M
+  onChange: g,
+  step: A,
+  value: v,
+  maxLength: _,
+  onEnterPress: S,
+  displayLoader: z,
+  ...k
 }) => {
-  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);
+  const H = () => p && p !== "", P = () => {
+    let C = "muncher-input";
+    return (c || a) && (C += " muncher-input-icon"), H() && (C += " muncher-input-error"), j === "side" && (C += " muncher-label-side"), C;
+  }, m = () => t ? /* @__PURE__ */ e.jsx(q, { label: t, required: r, id: n }) : "", M = (C) => {
+    C.key === "Enter" && S && S(), u && u(C);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-input--div", children: [
-    j !== "side" ? z() : "",
+    j !== "side" ? m() : "",
     /* @__PURE__ */ e.jsxs("div", { className: "muncher-input-element", children: [
-      j === "side" ? z() : "",
-      i ? /* @__PURE__ */ e.jsx(w, { name: i }) : "",
+      j === "side" ? m() : "",
+      c ? /* @__PURE__ */ e.jsx(w, { name: c }) : "",
       a ? /* @__PURE__ */ e.jsxs("span", { className: "muncher-icon-hover", children: [
         /* @__PURE__ */ e.jsx(w, { name: a, onClick: x }),
         " "
@@ -1566,31 +1566,31 @@ const Ee = ({ variant: n, children: t }) => {
           "input",
           {
             id: n,
-            className: k(),
+            className: P(),
             name: n,
             autoFocus: f,
-            value: g,
+            value: v,
             type: o || "text",
             autoComplete: "off",
             placeholder: N,
-            onChange: v,
+            onChange: g,
             required: r,
-            readOnly: c,
+            readOnly: i,
             list: d,
-            onKeyDown: L,
+            onKeyDown: M,
             onBlur: h,
-            step: C,
-            maxLength: A,
-            ...M
+            step: A,
+            maxLength: _,
+            ...k
           }
         ),
-        S ? /* @__PURE__ */ e.jsx(de, { size: "tiny" }) : ""
+        z ? /* @__PURE__ */ e.jsx(he, { size: "tiny" }) : ""
       ] })
     ] }),
-    y() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(w, { name: "alert", children: m }) }) : ""
+    H() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(w, { name: "alert", children: p }) }) : ""
   ] });
-}, Se = ({ name: n, required: t = !1, onChange: r, checked: c = !1, label: i, ...a }) => {
-  const [x, o] = T(c || !1);
+}, He = ({ name: n, required: t = !1, onChange: r, checked: i = !1, label: c, ...a }) => {
+  const [x, o] = T(i || !1);
   return /* @__PURE__ */ e.jsx("div", { className: "muncher-input--div", children: /* @__PURE__ */ e.jsxs("div", { className: "muncher-radio", children: [
     /* @__PURE__ */ e.jsx(
       "input",
@@ -1605,10 +1605,10 @@ const Ee = ({ variant: n, children: t }) => {
         ...a
       }
     ),
-    i ? /* @__PURE__ */ e.jsx(
-      G,
+    c ? /* @__PURE__ */ e.jsx(
+      q,
       {
-        label: i,
+        label: c,
         required: t,
         id: n,
         onClick: () => {
@@ -1617,12 +1617,12 @@ const Ee = ({ variant: n, children: t }) => {
       }
     ) : ""
   ] }) });
-}, ke = ({
+}, Ce = ({
   name: n,
   options: t,
   label: r,
-  required: c,
-  multiple: i,
+  required: i,
+  multiple: c,
   error: a,
   onChange: x,
   value: o,
@@ -1633,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(G, { label: r, required: c, id: n }) : "",
+    r ? /* @__PURE__ */ e.jsx(q, { label: r, required: i, id: n }) : "",
     /* @__PURE__ */ e.jsx("div", { className: "muncher-input-element", children: /* @__PURE__ */ e.jsxs(
       "select",
       {
@@ -1642,23 +1642,25 @@ const Ee = ({ variant: n, children: t }) => {
         name: n,
         value: o,
         onChange: x,
-        required: c,
-        multiple: i,
+        required: i,
+        multiple: c,
         ...d,
         children: [
-          c ? /* @__PURE__ */ e.jsx("option", {}) : "",
-          t.map((u, m) => /* @__PURE__ */ e.jsx("option", { value: u, children: u }, "select-option-" + m))
+          i ? /* @__PURE__ */ e.jsx("option", { value: "", children: "-- Select --" }) : "",
+          t.map(
+            (u, p) => /* @__PURE__ */ e.jsx("option", { value: u.value, children: u.label }, `select-option-${p}`)
+          )
         ]
       }
     ) }),
     h() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(w, { name: "alert", children: a }) }) : ""
   ] });
-}, He = ({
+}, Oe = ({
   name: n,
   label: t,
   required: r,
-  readOnly: c = !1,
-  rows: i = 6,
+  readOnly: i = !1,
+  rows: c = 6,
   maxLength: a = 1e3,
   focus: x = !1,
   placeholder: o,
@@ -1666,17 +1668,17 @@ const Ee = ({ variant: n, children: t }) => {
   value: h,
   ...j
 }) => {
-  const [u, m] = T(h), f = (N) => {
-    m(N.target.value), d && d(N);
+  const [u, p] = T(h), f = (N) => {
+    p(N.target.value), d && d(N);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-input--div", children: [
-    t ? /* @__PURE__ */ e.jsx(G, { label: t, required: r, id: n }) : "",
+    t ? /* @__PURE__ */ e.jsx(q, { label: t, required: r, id: n }) : "",
     /* @__PURE__ */ e.jsx(
       "textarea",
       {
         id: n,
         className: "muncher-textarea",
-        rows: i,
+        rows: c,
         maxLength: a,
         name: n,
         autoFocus: x,
@@ -1684,7 +1686,7 @@ const Ee = ({ variant: n, children: t }) => {
         placeholder: o,
         onChange: f,
         required: r,
-        readOnly: c,
+        readOnly: i,
         ...j
       }
     ),
@@ -1693,12 +1695,12 @@ const Ee = ({ variant: n, children: t }) => {
       " characters left"
     ] })
   ] });
-}, Oe = ({
+}, Ve = ({
   focus: n = !1,
   inputPlaceHolder: t,
   handleInputChange: r,
-  showContent: c = !1,
-  setShowContent: i,
+  showContent: i = !1,
+  setShowContent: c,
   readOnly: a,
   value: x,
   label: o,
@@ -1706,31 +1708,31 @@ const Ee = ({ variant: n, children: t }) => {
   required: h,
   children: j
 }) => {
-  const u = oe(null), m = (v) => {
-    i(!0), r(v.target.value);
-  }, f = J(() => {
-    i(!1);
-  }, [i]), N = J((v) => {
-    v.keyCode === 27 && f();
+  const u = de(null), p = (g) => {
+    c(!0), r(g.target.value);
+  }, f = G(() => {
+    c(!1);
+  }, [c]), N = G((g) => {
+    g.keyCode === 27 && f();
   }, [f]);
-  return K(() => {
-    const v = (C) => {
+  return Q(() => {
+    const g = (A) => {
       if (u && u !== null) {
-        const g = u.current;
-        g && !g.contains(C.target) && f();
+        const v = u.current;
+        v && !v.contains(A.target) && f();
       }
     };
-    return document.addEventListener("keydown", N, !1), document.addEventListener("mousedown", v), () => {
+    return document.addEventListener("keydown", N, !1), document.addEventListener("mousedown", g), () => {
       document.removeEventListener("keydown", N, !1);
     };
   }, [N, f]), /* @__PURE__ */ e.jsxs("div", { className: "muncher-input-drop-down", ref: u, children: [
     /* @__PURE__ */ e.jsx(
-      Me,
+      ke,
       {
         focus: n,
         placeholder: t,
         name: "query",
-        onChange: m,
+        onChange: p,
         readOnly: a,
         value: x,
         label: o,
@@ -1738,27 +1740,27 @@ const Ee = ({ variant: n, children: t }) => {
         error: d
       }
     ),
-    c ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-drop-down--content", children: j }) : ""
+    i ? /* @__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(
+}, Le = ({ children: n }) => /* @__PURE__ */ e.jsx("ul", { className: "muncher-ul", children: n }), Pe = ({ 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(
   w,
   {
     name: t,
     weight: r,
-    size: c,
-    color: i,
+    size: i,
+    color: c,
     children: a
   }
-) }), Pe = ({ show: n = !1, setShow: t, children: r, ...c }) => {
-  const i = J((a) => {
+) }), De = ({ show: n = !1, setShow: t, children: r, ...i }) => {
+  const c = G((a) => {
     a.keyCode === 27 && t(!1);
   }, [t]);
-  return K(() => (document.addEventListener("keydown", i, !1), () => {
-    document.removeEventListener("keydown", i, !1);
-  }), [i]), K(() => {
+  return Q(() => (document.addEventListener("keydown", c, !1), () => {
+    document.removeEventListener("keydown", c, !1);
+  }), [c]), Q(() => {
     n ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset";
-  }, [n]), /* @__PURE__ */ e.jsxs(xe.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(pe, { show: n, backdropClickHandler: () => t(!1) }),
+  }, [n]), /* @__PURE__ */ e.jsxs(oe.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(me, { show: n, backdropClickHandler: () => t(!1) }),
     /* @__PURE__ */ e.jsx(
       "div",
       {
@@ -1767,53 +1769,53 @@ const Ee = ({ variant: n, children: t }) => {
           transform: n ? "translateY(0)" : "translateY(-100vh)",
           opacity: n ? "1" : "0"
         },
-        ...c,
+        ...i,
         children: r
       }
     )
   ] });
-}, De = ({ showHoverEffect: n, 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: [
+}, Fe = ({ 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 });
+}, Ie = ({ 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(w, { name: "close" }) }),
   /* @__PURE__ */ e.jsxs("div", { className: "content", children: [
     " ",
     t
   ] })
-] }), Ie = ({ value: n, max: t, label: r }) => {
-  const c = () => {
-    const i = Math.round(n / t * 100) + "%";
-    return r ? r + " " + i : i;
+] }), Ye = ({ value: n, max: t, label: r }) => {
+  const i = () => {
+    const c = Math.round(n / t * 100) + "%";
+    return r ? r + " " + c : c;
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-progress", children: [
-    /* @__PURE__ */ e.jsx("label", { htmlFor: "progress", children: c() }),
-    /* @__PURE__ */ e.jsx("progress", { id: "progress", value: n, max: t, children: c() })
+    /* @__PURE__ */ e.jsx("label", { htmlFor: "progress", children: i() }),
+    /* @__PURE__ */ e.jsx("progress", { id: "progress", value: n, max: t, children: i() })
   ] });
-}, Ye = ({ variant: n, size: t, style: r }) => {
-  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" }) => {
+}, $e = ({ variant: n, size: t, style: r }) => {
+  const i = "muncher-hr" + (n ? " muncher-hr--" + n : "") + (t ? " muncher-hr--" + t : "") + (r ? " muncher-hr--" + r : "");
+  return /* @__PURE__ */ e.jsx("hr", { className: i });
+}, Ue = ({ sliderItems: n, navButtonSize: t = "large", navButtonWeight: r = 2, variant: i, navIcon: c, navButtonPlacement: a = "inside" }) => {
   const [x, o] = T(0), [d, h] = T(0), j = () => n.length > 1 && x > 0 ? /* @__PURE__ */ e.jsx(
-    ae,
+    xe,
     {
       direction: "left",
       size: t,
-      variant: c,
-      navIcon: i,
+      variant: i,
+      navIcon: c,
       weight: r,
       onClick: () => {
         x === 0 ? (h(-(n.length - 1) * 100), o(n.length - 1)) : (h(d + 100), o(x - 1));
       }
     }
   ) : "", u = () => n.length > 1 && x < n.length - 1 ? /* @__PURE__ */ e.jsx(
-    ae,
+    xe,
     {
       direction: "right",
       size: t,
       weight: r,
-      navIcon: i,
-      variant: c,
+      navIcon: c,
+      variant: i,
       onClick: () => {
         x === n.length - 1 ? (o(0), h(0)) : (h(d - 100), o(x + 1));
       }
@@ -1824,12 +1826,12 @@ const Ee = ({ variant: n, children: t }) => {
     /* @__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(
+        (p, f) => /* @__PURE__ */ e.jsx(
           "div",
           {
             className: "slider-item",
             style: { transform: `translateX(${d}%)` },
-            children: m
+            children: p
           },
           "slider-item" + f
         )
@@ -1838,12 +1840,12 @@ const Ee = ({ variant: n, children: t }) => {
     ] }),
     a === "outside" ? u() : ""
   ] });
-}, $e = ({
+}, We = ({
   min: n,
   max: t,
   minValue: r,
-  maxValue: c,
-  setMinValue: i,
+  maxValue: i,
+  setMinValue: c,
   setMaxValue: a,
   numberFormatter: x = (o) => new Intl.NumberFormat("en-US", {
     style: "currency",
@@ -1851,14 +1853,14 @@ const Ee = ({ variant: n, children: t }) => {
   }).format(o)
 }) => {
   const o = (j) => {
-    const u = +j.target.value, m = u < c - 1 ? u : r;
-    i(m);
+    const u = +j.target.value, p = u < i - 1 ? u : r;
+    c(p);
   }, d = (j) => {
-    const u = +j.target.value, m = u > r + 1 ? u : c;
-    a(m);
+    const u = +j.target.value, p = u > r + 1 ? u : i;
+    a(p);
   }, 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(c) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "slider-header", children: /* @__PURE__ */ e.jsx("p", { children: h(r) + " - " + h(i) }) }),
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -1877,7 +1879,7 @@ const Ee = ({ variant: n, children: t }) => {
         type: "range",
         min: n,
         max: t,
-        value: c,
+        value: i,
         onChange: d
       }
     ),
@@ -1886,19 +1888,19 @@ const Ee = ({ variant: n, children: t }) => {
       /* @__PURE__ */ e.jsx("div", { className: "slider-max", children: h(t) })
     ] })
   ] });
-}, We = ({
+}, Be = ({
   min: n,
   max: t,
   value: r,
-  setValue: c,
-  numberFormatter: i = (a) => new Intl.NumberFormat("en-US", {
+  setValue: i,
+  numberFormatter: c = (a) => new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: "USD"
   }).format(a)
 }) => {
-  const a = (o) => i ? i(o) : o, x = (o) => {
+  const a = (o) => c ? c(o) : o, x = (o) => {
     const d = +o.target.value;
-    c(d);
+    i(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) }) }),
@@ -1918,20 +1920,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, ...c }) => {
-  const i = {
+}, Je = ({ 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 }) }), Ge = ({ rating: n, color: t, size: r, ...i }) => {
+  const c = {
     "--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: i, ...c });
-}, Ge = ({ handleTabSelected: n, children: t }) => {
-  const [r, c] = T(0), { tabs: i } = t, a = (x) => {
-    c(x), n && n(x);
+  return /* @__PURE__ */ e.jsx("span", { className: a(), style: c, ...i });
+}, qe = ({ handleTabSelected: n, children: t }) => {
+  const [r, i] = T(0), { tabs: c } = t, a = (x) => {
+    i(x), n && n(x);
   };
   return /* @__PURE__ */ e.jsxs("section", { className: "muncher-tabs", children: [
-    /* @__PURE__ */ e.jsx("header", { children: i.map(
+    /* @__PURE__ */ e.jsx("header", { children: c.map(
       (x, o) => /* @__PURE__ */ e.jsxs("div", { className: "muncher-tab-header--item", children: [
         /* @__PURE__ */ e.jsx(
           O,
@@ -1946,10 +1948,10 @@ const Ee = ({ variant: n, children: t }) => {
             children: x.header
           }
         ),
-        o !== i.length - 1 ? /* @__PURE__ */ e.jsx("span", { className: "spacer", children: "|" }) : ""
+        o !== c.length - 1 ? /* @__PURE__ */ e.jsx("span", { className: "spacer", children: "|" }) : ""
       ] }, "muncher-tab-header" + o)
     ) }),
-    i.map(
+    c.map(
       (x, o) => /* @__PURE__ */ e.jsx(
         "section",
         {
@@ -1960,12 +1962,12 @@ const Ee = ({ variant: n, children: t }) => {
       )
     )
   ] });
-}, qe = ({
+}, Xe = ({
   fileName: n,
-  defaultPageSize: t,
+  defaultPageSize: t = 50,
   skeleton: r,
-  handleOnUpload: c,
-  sortBy: i,
+  handleOnUpload: i,
+  sortBy: c,
   excludeDownload: a,
   includeUpload: x,
   isUploading: o,
@@ -1973,106 +1975,101 @@ const Ee = ({ variant: n, children: t }) => {
   uploadSuccessMessage: h,
   excludePagination: j,
   footer: u,
-  children: m
+  children: p
 }) => {
-  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 = N.sort(f[v.index].sort);
-      return v.desc ? y.reverse() : y;
-    }
-    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 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;
-      }
+  const { header: f, rows: N } = p, [g, A] = T(c ?? { index: 0 }), [v, _] = T({ num: 0, size: t }), S = (m) => {
+    A(
+      (M) => M.index === m ? { ...M, desc: !M.desc } : { index: m }
     );
-  }, M = () => (g.num + 1) * g.size;
+  }, z = te(() => {
+    var C;
+    const m = [...N], M = (C = f[g.index]) == null ? void 0 : C.sort;
+    return M ? m.sort(M) : m.sort((L, X) => {
+      var Y, $, U, W;
+      const Z = (($ = (Y = L[g.index]) == null ? void 0 : Y.value) == null ? void 0 : $.toString().toLowerCase()) ?? "", I = ((W = (U = X[g.index]) == null ? void 0 : U.value) == null ? void 0 : W.toString().toLowerCase()) ?? "";
+      return Z.localeCompare(I);
+    }), g.desc ? m.reverse() : m;
+  }, [N, g, f]), k = te(
+    () => z.slice(v.num * v.size, (v.num + 1) * v.size),
+    [z, v]
+  ), H = f.filter((m) => !m.csvExclude).map((m) => typeof m.name == "string" ? m.name : ""), P = N.map(
+    (m) => m.filter((M, C) => !f[C].csvExclude).map((M) => M.csv ?? M.value ?? "")
+  );
   return /* @__PURE__ */ e.jsxs("section", { className: "muncher-table", children: [
     /* @__PURE__ */ e.jsx("div", { className: "row head", children: f.map(
-      (y, k) => y.visibility === "hidden" ? "" : /* @__PURE__ */ e.jsx(
+      (m, M) => m.visibility === "hidden" ? null : /* @__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(
-            we,
+          title: m.title,
+          className: m.visibility ? "col main" : "col",
+          children: typeof m.name == "string" ? /* @__PURE__ */ e.jsx("div", { className: "sort-button", children: /* @__PURE__ */ e.jsx(
+            Ne,
             {
-              onClick: () => {
-                _(k);
-              },
-              active: v.index === k,
-              sortAsc: !v.desc,
-              children: y.name
+              onClick: () => S(M),
+              active: g.index === M,
+              sortAsc: !g.desc,
+              children: m.name
             }
-          ) }) : y.name
+          ) }) : m.name
         },
-        "row-head-" + y.name
+        `row-head-${M}`
       )
     ) }),
-    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(
+    r || k.map((m, M) => /* @__PURE__ */ e.jsx("div", { className: "row", children: m.map(
+      (C, L) => f[L].visibility === "hidden" ? null : /* @__PURE__ */ e.jsx(
         "div",
         {
           className: f[L].visibility ? "col main" : "col",
-          children: z.content
+          children: C.content
         },
-        "row-col" + k + L
-      )) }, "row-" + k)
-    ),
-    u || "",
+        `row-col-${M}-${L}`
+      )
+    ) }, `row-${M}`)),
+    u ?? null,
     /* @__PURE__ */ e.jsxs("div", { className: "row-footer", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "row-footer-buttons", children: [
-        a ? "" : /* @__PURE__ */ e.jsx(
-          be,
+        !a && /* @__PURE__ */ e.jsx(
+          we,
           {
-            filename: n || "download",
+            filename: n ?? "download",
             variant: "secondary",
             title: "Download",
-            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 : "")
-            )
+            header: H,
+            data: P
           }
         ),
-        x ? /* @__PURE__ */ e.jsx(
-          Ne,
+        x && /* @__PURE__ */ e.jsx(
+          Me,
           {
             name: "csv-input-file",
-            handleOnChange: c,
+            handleOnChange: i,
             isUploading: o,
             warningMessage: d,
             successMessage: h
           }
-        ) : ""
+        )
       ] }),
-      j ? "" : /* @__PURE__ */ e.jsxs("div", { className: "pagination", children: [
+      !j && /* @__PURE__ */ e.jsxs("div", { className: "pagination", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "left", children: [
-          "Rows: ",
+          "Rows:",
           /* @__PURE__ */ e.jsx(
-            ke,
+            Ce,
             {
               name: "pageSize",
-              options: ["50", "100", "500"],
-              value: g.size,
-              onChange: (y) => {
-                A({
-                  ...g,
-                  size: parseInt(y.target.value)
-                });
-              }
+              options: [
+                { label: "50", value: "50" },
+                { label: "100", value: "100" },
+                { label: "500", value: "500" }
+              ],
+              value: String(v.size),
+              onChange: (m) => _({ num: 0, size: parseInt(m.target.value, 10) })
             }
           )
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "center", children: [
-          g.num * g.size + 1,
-          " - ",
-          M() < N.length ? M() : N.length,
+          v.num * v.size + 1,
+          " -",
+          Math.min((v.num + 1) * v.size, N.length),
           " of ",
           N.length
         ] }),
@@ -2081,11 +2078,9 @@ const Ee = ({ variant: n, children: t }) => {
             O,
             {
               variant: "transparent",
-              disabled: g.num === 0,
+              disabled: v.num === 0,
               size: "small",
-              onClick: () => {
-                A({ ...g, num: g.num - 1 });
-              },
+              onClick: () => _({ ...v, num: v.num - 1 }),
               children: /* @__PURE__ */ e.jsx(w, { name: "chevron-left" })
             }
           ),
@@ -2093,11 +2088,9 @@ const Ee = ({ variant: n, children: t }) => {
             O,
             {
               variant: "transparent",
-              disabled: N.length - g.num * g.size <= g.size,
+              disabled: (v.num + 1) * v.size >= N.length,
               size: "small",
-              onClick: () => {
-                A({ ...g, num: g.num + 1 });
-              },
+              onClick: () => _({ ...v, num: v.num + 1 }),
               children: /* @__PURE__ */ e.jsx(w, { name: "chevron-right" })
             }
           )
@@ -2107,42 +2100,42 @@ const Ee = ({ variant: n, children: t }) => {
   ] });
 };
 export {
-  Ee as Accordion,
-  pe as Backdrop,
-  me as Badge,
+  Re as Accordion,
+  me as Backdrop,
+  fe as Badge,
   O as Button,
-  _e as Checkbox,
-  ge as CopyButton,
-  be as CsvButton,
-  Ne as CsvInput,
-  fe as DropdownButton,
-  Te as DropdownNavButton,
-  Be as Featured,
-  Ye as Hr,
+  Se as Checkbox,
+  be as CopyButton,
+  we as CsvButton,
+  Me as CsvInput,
+  ve as DropdownButton,
+  Ae as DropdownNavButton,
+  Je as Featured,
+  $e as Hr,
   w as Icon,
-  Re as IconBadge,
+  Te as IconBadge,
   ze as ImageInput,
-  Me as Input,
+  ke as Input,
   Ue as ItemSlider,
-  G as Label,
-  Le as Li,
-  Pe as Modal,
-  ae as NavigateButton,
-  De as Paper,
-  Fe as Pill,
-  Ie as Progress,
-  Se as Radio,
-  $e as RangeSlider,
-  ke as Select,
-  Ae as ShareButton,
-  We as Slider,
-  we as SortButton,
-  de as Spinner,
-  Je as Star,
-  qe as Table,
-  Ge as Tabs,
-  Oe as TextInputDropdown,
-  He as Textarea,
-  Ve as Ul,
-  ve as copyToClipboard
+  q as Label,
+  Pe as Li,
+  De as Modal,
+  xe as NavigateButton,
+  Fe as Paper,
+  Ie as Pill,
+  Ye as Progress,
+  He as Radio,
+  We as RangeSlider,
+  Ce as Select,
+  _e as ShareButton,
+  Be as Slider,
+  Ne as SortButton,
+  he as Spinner,
+  Ge as Star,
+  Xe as Table,
+  qe as Tabs,
+  Ve as TextInputDropdown,
+  Oe as Textarea,
+  Le as Ul,
+  ge as copyToClipboard
 };