@contentmunch/contentmunch-ui 1.1.3 → 1.1.4

package/lib/index.es.js

@@ -1,4 +1,4 @@
-import oe, { useState as S, Fragment as s, useRef as de, useCallback as G, useEffect as Q, useMemo as te } from "react";
+import o1, { useState as S, Fragment as s, useRef as d1, useCallback as G, useEffect as Q, useMemo as l1 } from "react";
 var K = { exports: {} }, B = {};
 /**
  * @license React
@@ -9,27 +9,27 @@ var K = { exports: {} }, 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() {
-  if (le) return B;
-  le = 1;
-  var n = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function r(i, c, a) {
+var t1;
+function y1() {
+  if (t1) return B;
+  t1 = 1;
+  var n = Symbol.for("react.transitional.element"), l = Symbol.for("react.fragment");
+  function r(i, c, x) {
     var o = null;
-    if (a !== void 0 && (o = "" + a), c.key !== void 0 && (o = "" + c.key), "key" in c) {
-      a = {};
-      for (var x in c)
-        x !== "key" && (a[x] = c[x]);
-    } else a = c;
-    return c = a.ref, {
+    if (x !== void 0 && (o = "" + x), c.key !== void 0 && (o = "" + c.key), "key" in c) {
+      x = {};
+      for (var a in c)
+        a !== "key" && (x[a] = c[a]);
+    } else x = c;
+    return c = x.ref, {
       $$typeof: n,
       type: i,
       key: o,
       ref: c !== void 0 ? c : null,
-      props: a
+      props: x
     };
   }
-  return B.Fragment = t, B.jsx = r, B.jsxs = r, B;
+  return B.Fragment = l, B.jsx = r, B.jsxs = r, B;
 }
 var J = {};
 /**
@@ -41,255 +41,255 @@ var J = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-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 === A ? null : l.displayName || l.name || null;
-      if (typeof l == "string") return l;
-      switch (l) {
-        case b:
+var c1;
+function u1() {
+  return c1 || (c1 = 1, process.env.NODE_ENV !== "production" && function() {
+    function n(t) {
+      if (t == null) return null;
+      if (typeof t == "function")
+        return t.$$typeof === z ? null : t.displayName || t.name || null;
+      if (typeof t == "string") return t;
+      switch (t) {
+        case g:
           return "Fragment";
-        case v:
+        case f:
           return "Profiler";
-        case E:
+        case _:
           return "StrictMode";
-        case C:
+        case b:
           return "Suspense";
         case H:
           return "SuspenseList";
-        case M:
+        case k:
           return "Activity";
       }
-      if (typeof l == "object")
-        switch (typeof l.tag == "number" && console.error(
+      if (typeof t == "object")
+        switch (typeof t.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), l.$$typeof) {
-          case g:
+        ), t.$$typeof) {
+          case N:
             return "Portal";
-          case T:
-            return (l.displayName || "Context") + ".Provider";
-          case k:
-            return (l._context.displayName || "Context") + ".Consumer";
-          case R:
-            var y = l.render;
-            return l = l.displayName, l || (l = y.displayName || y.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
+          case C:
+            return (t.displayName || "Context") + ".Provider";
+          case E:
+            return (t._context.displayName || "Context") + ".Consumer";
+          case A:
+            var u = t.render;
+            return t = t.displayName, t || (t = u.displayName || u.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
           case P:
-            return y = l.displayName || null, y !== null ? y : n(l.type) || "Memo";
+            return u = t.displayName || null, u !== null ? u : n(t.type) || "Memo";
           case m:
-            y = l._payload, l = l._init;
+            u = t._payload, t = t._init;
             try {
-              return n(l(y));
+              return n(t(u));
             } catch {
             }
         }
       return null;
     }
-    function t(l) {
-      return "" + l;
+    function l(t) {
+      return "" + t;
     }
-    function r(l) {
+    function r(t) {
       try {
-        t(l);
-        var y = !1;
+        l(t);
+        var u = !1;
       } catch {
-        y = !0;
+        u = !0;
       }
-      if (y) {
-        y = console;
-        var w = y.error, _ = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
-        return w.call(
-          y,
+      if (u) {
+        u = console;
+        var M = u.error, R = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return M.call(
+          u,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          _
-        ), t(l);
+          R
+        ), l(t);
       }
     }
-    function i(l) {
-      if (l === b) return "<>";
-      if (typeof l == "object" && l !== null && l.$$typeof === m)
+    function i(t) {
+      if (t === g) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === m)
         return "<...>";
       try {
-        var y = n(l);
-        return y ? "<" + y + ">" : "<...>";
+        var u = n(t);
+        return u ? "<" + u + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function c() {
-      var l = L.A;
-      return l === null ? null : l.getOwner();
+      var t = O.A;
+      return t === null ? null : t.getOwner();
     }
-    function a() {
+    function x() {
       return Error("react-stack-top-frame");
     }
-    function o(l) {
-      if (X.call(l, "key")) {
-        var y = Object.getOwnPropertyDescriptor(l, "key").get;
-        if (y && y.isReactWarning) return !1;
+    function o(t) {
+      if (X.call(t, "key")) {
+        var u = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (u && u.isReactWarning) return !1;
       }
-      return l.key !== void 0;
+      return t.key !== void 0;
     }
-    function x(l, y) {
-      function w() {
+    function a(t, u) {
+      function M() {
         $ || ($ = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          y
+          u
         ));
       }
-      w.isReactWarning = !0, Object.defineProperty(l, "key", {
-        get: w,
+      M.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: M,
         configurable: !0
       });
     }
     function j() {
-      var l = n(this.type);
-      return Y[l] || (Y[l] = !0, console.error(
+      var t = n(this.type);
+      return Y[t] || (Y[t] = !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;
+      )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function u(l, y, w, _, D, V, ee, se) {
-      return w = V.ref, l = {
-        $$typeof: f,
-        type: l,
-        key: y,
-        props: V,
+    function y(t, u, M, R, D, L, e1, s1) {
+      return M = L.ref, t = {
+        $$typeof: v,
+        type: t,
+        key: u,
+        props: L,
         _owner: D
-      }, (w !== void 0 ? w : null) !== null ? Object.defineProperty(l, "ref", {
+      }, (M !== void 0 ? M : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
         get: j
-      }) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._store, "validated", {
+      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(l, "_debugInfo", {
+      }), Object.defineProperty(t, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(l, "_debugStack", {
+      }), Object.defineProperty(t, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ee
-      }), Object.defineProperty(l, "_debugTask", {
+        value: e1
+      }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: se
-      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
+        value: s1
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function d(l, y, w, _, D, V, ee, se) {
-      var z = y.children;
-      if (z !== void 0)
-        if (_)
-          if (Z(z)) {
-            for (_ = 0; _ < z.length; _++)
-              h(z[_]);
-            Object.freeze && Object.freeze(z);
+    function d(t, u, M, R, D, L, e1, s1) {
+      var T = u.children;
+      if (T !== void 0)
+        if (R)
+          if (Z(T)) {
+            for (R = 0; R < T.length; R++)
+              h(T[R]);
+            Object.freeze && Object.freeze(T);
           } 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 h(z);
-      if (X.call(y, "key")) {
-        z = n(l);
-        var F = Object.keys(y).filter(function(je) {
-          return je !== "key";
+        else h(T);
+      if (X.call(u, "key")) {
+        T = n(t);
+        var F = Object.keys(u).filter(function(j1) {
+          return j1 !== "key";
         });
-        _ = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", re[z + _] || (F = 0 < F.length ? "{" + F.join(": ..., ") + ": ...}" : "{}", console.error(
+        R = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", r1[T + R] || (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} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          _,
-          z,
+          R,
+          T,
           F,
-          z
-        ), re[z + _] = !0);
+          T
+        ), r1[T + R] = !0);
       }
-      if (z = null, w !== void 0 && (r(w), z = "" + w), o(y) && (r(y.key), z = "" + y.key), "key" in y) {
-        w = {};
-        for (var ne in y)
-          ne !== "key" && (w[ne] = y[ne]);
-      } else w = y;
-      return z && x(
-        w,
-        typeof l == "function" ? l.displayName || l.name || "Unknown" : l
-      ), u(
-        l,
-        z,
-        V,
+      if (T = null, M !== void 0 && (r(M), T = "" + M), o(u) && (r(u.key), T = "" + u.key), "key" in u) {
+        M = {};
+        for (var n1 in u)
+          n1 !== "key" && (M[n1] = u[n1]);
+      } else M = u;
+      return T && a(
+        M,
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), y(
+        t,
+        T,
+        L,
         D,
         c(),
-        w,
-        ee,
-        se
+        M,
+        e1,
+        s1
       );
     }
-    function h(l) {
-      typeof l == "object" && l !== null && l.$$typeof === f && l._store && (l._store.validated = 1);
+    function h(t) {
+      typeof t == "object" && t !== null && t.$$typeof === v && t._store && (t._store.validated = 1);
     }
-    var p = oe, f = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), k = Symbol.for("react.consumer"), T = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), C = 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"), A = Symbol.for("react.client.reference"), L = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, X = Object.prototype.hasOwnProperty, Z = Array.isArray, I = console.createTask ? console.createTask : function() {
+    var p = o1, v = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), C = Symbol.for("react.context"), A = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), H = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), k = Symbol.for("react.activity"), z = Symbol.for("react.client.reference"), O = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, X = Object.prototype.hasOwnProperty, Z = Array.isArray, I = console.createTask ? console.createTask : function() {
       return null;
     };
     p = {
-      "react-stack-bottom-frame": function(l) {
-        return l();
+      "react-stack-bottom-frame": function(t) {
+        return t();
       }
     };
     var $, Y = {}, U = p["react-stack-bottom-frame"].bind(
       p,
-      a
-    )(), W = I(i(a)), re = {};
-    J.Fragment = b, J.jsx = function(l, y, w, _, D) {
-      var V = 1e4 > L.recentlyCreatedOwnerStacks++;
+      x
+    )(), W = I(i(x)), r1 = {};
+    J.Fragment = g, J.jsx = function(t, u, M, R, D) {
+      var L = 1e4 > O.recentlyCreatedOwnerStacks++;
       return d(
-        l,
-        y,
-        w,
+        t,
+        u,
+        M,
         !1,
-        _,
+        R,
         D,
-        V ? Error("react-stack-top-frame") : U,
-        V ? I(i(l)) : W
+        L ? Error("react-stack-top-frame") : U,
+        L ? I(i(t)) : W
       );
-    }, J.jsxs = function(l, y, w, _, D) {
-      var V = 1e4 > L.recentlyCreatedOwnerStacks++;
+    }, J.jsxs = function(t, u, M, R, D) {
+      var L = 1e4 > O.recentlyCreatedOwnerStacks++;
       return d(
-        l,
-        y,
-        w,
+        t,
+        u,
+        M,
         !0,
-        _,
+        R,
         D,
-        V ? Error("react-stack-top-frame") : U,
-        V ? I(i(l)) : W
+        L ? Error("react-stack-top-frame") : U,
+        L ? I(i(t)) : W
       );
     };
   }()), J;
 }
-var ie;
-function pe() {
-  return ie || (ie = 1, process.env.NODE_ENV === "production" ? K.exports = ue() : K.exports = ye()), K.exports;
+var i1;
+function p1() {
+  return i1 || (i1 = 1, process.env.NODE_ENV === "production" ? K.exports = y1() : K.exports = u1()), K.exports;
 }
-var e = pe();
-const Re = ({ variant: n, collapsed: t, children: r }) => {
-  const { folds: i } = r, [c, a] = S(t ? -1 : 0), o = (d) => d === c ? "fold active" : "fold", x = (d) => "fold-button" + (n ? " fold-button--" + n : "") + (i[d].foldColor ? " fold-button--primary fold-button--" + i[d].foldColor : ""), j = (d) => {
+var e = p1();
+const A1 = ({ variant: n, collapsed: l, children: r }) => {
+  const { folds: i } = r, [c, x] = S(l ? -1 : 0), o = (d) => d === c ? "fold active" : "fold", a = (d) => "fold-button" + (n ? " fold-button--" + n : "") + (i[d].foldColor ? " fold-button--primary fold-button--" + i[d].foldColor : ""), j = (d) => {
     const h = d.which.toString(), p = d.ctrlKey && h.match(/33|34/);
     if (h.match(/38|40/) || p) {
-      const f = h.match(/34|40/) ? 1 : -1, g = i.length, b = (c + g + f) % g;
-      a(b);
+      const v = h.match(/34|40/) ? 1 : -1, N = i.length, g = (c + N + v) % N;
+      x(g);
     } else
-      h === "36" && a(0), h === "35" && a(i.length - 1);
+      h === "36" && x(0), h === "35" && x(i.length - 1);
     d.preventDefault();
-  }, u = (d) => {
-    a(c === d ? -1 : d);
+  }, y = (d) => {
+    x(c === d ? -1 : d);
   };
   return /* @__PURE__ */ e.jsx("div", { className: "muncher-accordion", children: i.map(
     (d, h) => /* @__PURE__ */ e.jsxs(
@@ -301,9 +301,9 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
           /* @__PURE__ */ e.jsx(
             "button",
             {
-              className: x(h),
+              className: a(h),
               onKeyDown: j,
-              onClick: () => u(h),
+              onClick: () => y(h),
               children: /* @__PURE__ */ e.jsx("span", { children: d.heading })
             }
           ),
@@ -313,14 +313,14 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
       "muncher-accordion-fold-" + h
     )
   ) });
-}, me = ({
+}, m1 = ({
   show: n = !1,
-  backdropClickHandler: t,
+  backdropClickHandler: l,
   ...r
-}) => n ? /* @__PURE__ */ e.jsx("div", { className: "muncher-backdrop", onClick: t, ...r }) : null, fe = ({ variant: n, rounded: t, border: r, children: i, ...c }) => {
-  const a = "muncher-badge" + (n ? " muncher-badge--" + n : "") + (t ? " muncher-badge--rounded" : "") + (r ? " muncher-badge--border" : "");
-  return /* @__PURE__ */ e.jsx("div", { className: a, ...c, children: i });
-}, ae = {
+}) => n ? /* @__PURE__ */ e.jsx("div", { className: "muncher-backdrop", onClick: l, ...r }) : null, f1 = ({ variant: n, rounded: l, border: r, children: i, ...c }) => {
+  const x = "muncher-badge" + (n ? " muncher-badge--" + n : "") + (l ? " muncher-badge--rounded" : "") + (r ? " muncher-badge--border" : "");
+  return /* @__PURE__ */ e.jsx("div", { className: x, ...c, children: i });
+}, x1 = {
   "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" }),
@@ -412,6 +412,11 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
     /* @__PURE__ */ e.jsx("polyline", { points: "16 12 12 8 8 12" }),
     /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "16", x2: "12", y2: "8" })
   ] }),
+  anchor: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "5", r: "3" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "22", x2: "12", y2: "8" }),
+    /* @__PURE__ */ e.jsx("path", { d: "M5 12H2a10 10 0 0 0 20 0h-3" })
+  ] }),
   hamburger: /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
     /* @__PURE__ */ e.jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
@@ -471,6 +476,15 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
     /* @__PURE__ */ e.jsx("polyline", { points: "12 6 12 12 16 14" })
   ] }),
   cloud: /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx("path", { d: "M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z" }) }),
+  "cloud-drizzle": /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("line", { x1: "8", y1: "19", x2: "8", y2: "21" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "8", y1: "13", x2: "8", y2: "15" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "16", y1: "19", x2: "16", y2: "21" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "16", y1: "13", x2: "16", y2: "15" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "21", x2: "12", y2: "23" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "15", x2: "12", y2: "17" }),
+    /* @__PURE__ */ e.jsx("path", { d: "M20 16.58A5 5 0 0 0 18 7h-1.26A8 8 0 1 0 4 15.25" })
+  ] }),
   "cloud-lightning": /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx("path", { d: "M19 16.9A5 5 0 0 0 18 7h-1.26a8 8 0 1 0-11.62 9" }),
     /* @__PURE__ */ e.jsx("polyline", { points: "13 11 9 17 15 17 11 23" })
@@ -488,6 +502,86 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
       }
     )
   ] }),
+  coffee: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("path", { d: "M18 8h1a4 4 0 0 1 0 8h-1" }),
+    /* @__PURE__ */ e.jsx("path", { d: "M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "6", y1: "1", x2: "6", y2: "4" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "10", y1: "1", x2: "10", y2: "4" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "14", y1: "1", x2: "14", y2: "4" })
+  ] }),
+  compass: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e.jsx("polygon", { points: "16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76" })
+  ] }),
+  eye: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "3" })
+  ] }),
+  feather: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("path", { d: "M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "16", y1: "8", x2: "2", y2: "22" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "17.5", y1: "15", x2: "9", y2: "15" })
+  ] }),
+  globe: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "2", y1: "12", x2: "22", y2: "12" }),
+    /* @__PURE__ */ e.jsx("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
+  ] }),
+  headphone: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("path", { d: "M3 18v-6a9 9 0 0 1 18 0v6" }),
+    /* @__PURE__ */ e.jsx(
+      "path",
+      {
+        d: "M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"
+      }
+    )
+  ] }),
+  hexagon: /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx(
+    "path",
+    {
+      d: "M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"
+    }
+  ) }),
+  package: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("line", { x1: "16.5", y1: "9.4", x2: "7.5", y2: "4.21" }),
+    /* @__PURE__ */ e.jsx(
+      "path",
+      {
+        d: "M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"
+      }
+    ),
+    /* @__PURE__ */ e.jsx("polyline", { points: "3.27 6.96 12 12.01 20.73 6.96" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "22.08", x2: "12", y2: "12" })
+  ] }),
+  "paper-clip": /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx(
+    "path",
+    {
+      d: "M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"
+    }
+  ) }),
+  "pen-tool": /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("path", { d: "M12 19l7-7 3 3-7 7-3-3z" }),
+    /* @__PURE__ */ e.jsx("path", { d: "M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z" }),
+    /* @__PURE__ */ e.jsx("path", { d: "M2 2l7.586 7.586" }),
+    /* @__PURE__ */ e.jsx("circle", { cx: "11", cy: "11", r: "2" })
+  ] }),
+  pocket: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("path", { d: "M4 3h16a2 2 0 0 1 2 2v6a10 10 0 0 1-10 10A10 10 0 0 1 2 11V5a2 2 0 0 1 2-2z" }),
+    /* @__PURE__ */ e.jsx("polyline", { points: "8 10 12 14 16 10" })
+  ] }),
+  shield: /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) }),
+  watch: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "7" }),
+    /* @__PURE__ */ e.jsx("polyline", { points: "12 9 12 12 13.5 13.5" }),
+    /* @__PURE__ */ e.jsx(
+      "path",
+      {
+        d: "M16.51 17.35l-.35 3.83a2 2 0 0 1-2 1.82H9.83a2 2 0 0 1-2-1.82l-.35-3.83m.01-10.7l.35-3.83A2 2 0 0 1 9.83 1h4.35a2 2 0 0 1 2 1.82l.35 3.83"
+      }
+    )
+  ] }),
+  wind: /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx("path", { d: "M9.59 4.59A2 2 0 1 1 11 8H2m10.59 11.41A2 2 0 1 0 14 16H2m15.73-8.27A2.5 2.5 0 1 1 19.5 12H2" }) }),
+  zap: /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }) }),
   video: /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx("polygon", { points: "23 7 16 12 23 17 23 7" }),
     /* @__PURE__ */ e.jsx("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2", ry: "2" })
@@ -804,6 +898,23 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
     /* @__PURE__ */ e.jsx("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
     /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "7", r: "4" })
   ] }),
+  "user-plus": /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }),
+    /* @__PURE__ */ e.jsx("circle", { cx: "8.5", cy: "7", r: "4" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "20", y1: "8", x2: "20", y2: "14" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "23", y1: "11", x2: "17", y2: "11" })
+  ] }),
+  "user-minus": /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }),
+    /* @__PURE__ */ e.jsx("circle", { cx: "8.5", cy: "7", r: "4" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "23", y1: "11", x2: "17", y2: "11" })
+  ] }),
+  users: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("path", { d: "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }),
+    /* @__PURE__ */ e.jsx("circle", { cx: "9", cy: "7", r: "4" }),
+    /* @__PURE__ */ e.jsx("path", { d: "M23 21v-2a4 4 0 0 0-3-3.87" }),
+    /* @__PURE__ */ e.jsx("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
+  ] }),
   "log-in": /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx("path", { d: "M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4" }),
     /* @__PURE__ */ e.jsx("polyline", { points: "10 17 15 12 10 7" }),
@@ -1054,6 +1165,11 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
     /* @__PURE__ */ e.jsx("circle", { cx: "20", cy: "21", r: "1" }),
     /* @__PURE__ */ e.jsx("path", { d: "M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" })
   ] }),
+  "bar-chart": /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("line", { x1: "18", y1: "20", x2: "18", y2: "10" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "20", x2: "12", y2: "4" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "6", y1: "20", x2: "6", y2: "14" })
+  ] }),
   "pie-chart": /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx("path", { d: "M21.21 15.89A10 10 0 1 1 8 2.83" }),
     /* @__PURE__ */ e.jsx("path", { d: "M22 12A10 10 0 0 0 12 2v10z" })
@@ -1080,10 +1196,10 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
     /* @__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" })
   ] })
-}, N = ({ color: n, name: t, size: r = "small", weight: i = 2, onClick: c, iconString: a, orientation: o, children: x }) => {
+}, w = ({ color: n, name: l, size: r = "small", weight: i = 2, onClick: c, iconString: x, orientation: o, children: a }) => {
   const j = r ? "muncher-icon--" + r : "muncher-icon--small";
   return /* @__PURE__ */ e.jsxs("span", { className: "muncher-icon", children: [
-    x && o && o === "right" ? /* @__PURE__ */ e.jsx("span", { className: "content-left", children: x }) : "",
+    a && o && o === "right" ? /* @__PURE__ */ e.jsx("span", { className: "content-left", children: a }) : "",
     /* @__PURE__ */ e.jsx(
       "svg",
       {
@@ -1096,14 +1212,14 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
         strokeLinecap: "round",
         strokeLinejoin: "round",
         onClick: c,
-        children: t ? ae[t] : a ? Object(ae)[a] : ""
+        children: l ? x1[l] : x ? Object(x1)[x] : ""
       }
     ),
-    x && (!o || o === "left") ? /* @__PURE__ */ e.jsx("span", { className: "content-right", children: x }) : ""
+    a && (!o || o === "left") ? /* @__PURE__ */ e.jsx("span", { className: "content-right", children: a }) : ""
   ] });
-}, Te = ({
+}, z1 = ({
   variant: n = "primary",
-  icon: t = "bell",
+  icon: l = "bell",
   text: r,
   onClick: i,
   ...c
@@ -1114,82 +1230,82 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
     onClick: i,
     ...c,
     children: [
-      /* @__PURE__ */ e.jsx(N, { name: t }),
-      r === "" ? "" : /* @__PURE__ */ e.jsx(fe, { variant: n, children: r })
+      /* @__PURE__ */ e.jsx(w, { name: l }),
+      r === "" ? "" : /* @__PURE__ */ e.jsx(f1, { variant: n, children: r })
     ]
   }
-), O = ({
+), V = ({
   type: n = "button",
-  variant: t,
+  variant: l,
   size: r = "medium",
   title: i,
   active: c,
-  disabled: a,
+  disabled: x,
   rounded: o,
-  onClick: x,
+  onClick: a,
   onMouseDown: j,
-  onMouseEnter: u,
+  onMouseEnter: y,
   onMouseLeave: d,
   children: h,
   ...p
 }) => {
-  const f = "muncher-button" + (n && n === "nav" ? " muncher-button--nav" : "") + (t ? " muncher-button--" + t : "") + (r ? " muncher-button--" + r : "") + (c ? " muncher-button--active" : "") + (o ? " muncher-button--rounded" : "");
+  const v = "muncher-button" + (n && n === "nav" ? " muncher-button--nav" : "") + (l ? " muncher-button--" + l : "") + (r ? " muncher-button--" + r : "") + (c ? " muncher-button--active" : "") + (o ? " muncher-button--rounded" : "");
   return /* @__PURE__ */ e.jsx(
     "button",
     {
       type: n && n !== "nav" ? n : "button",
-      className: f,
-      disabled: !!a,
+      className: v,
+      disabled: !!x,
       title: i,
-      onClick: x,
+      onClick: a,
       onMouseDown: j,
-      onMouseEnter: u,
+      onMouseEnter: y,
       onMouseLeave: d,
       ...p,
       children: h
     }
   );
-}, ve = ({
+}, v1 = ({
   variant: n,
-  size: t = "medium",
+  size: l = "medium",
   title: r,
   active: i,
   disabled: c,
-  element: a,
+  element: x,
   onMouseDown: o,
-  rounded: x,
+  rounded: a,
   drop: j,
-  onClick: u,
+  onClick: y,
   onClose: d,
   showContent: h,
   setShowContent: p,
-  withDropIcon: f,
-  children: g,
-  ...b
+  withDropIcon: v,
+  children: N,
+  ...g
 }) => {
-  const E = de(null), v = (C) => {
-    C.preventDefault(), u && u(C), p && p(!0);
-  }, k = G(() => {
+  const _ = d1(null), f = (b) => {
+    b.preventDefault(), y && y(b), p && p(!0);
+  }, E = G(() => {
     p(!1), d && d();
-  }, [d, p]), T = G((C) => {
-    C.keyCode === 27 && k();
-  }, [k]);
+  }, [d, p]), C = G((b) => {
+    b.keyCode === 27 && E();
+  }, [E]);
   Q(() => {
-    const C = (H) => {
-      E && E.current && H.target instanceof HTMLElement && !E.current.contains(H.target) && k();
+    const b = (H) => {
+      _ && _.current && H.target instanceof HTMLElement && !_.current.contains(H.target) && E();
     };
-    return document.addEventListener("keydown", T, !1), document.addEventListener("mousedown", C), () => {
-      document.removeEventListener("keydown", T, !1);
+    return document.addEventListener("keydown", C, !1), document.addEventListener("mousedown", b), () => {
+      document.removeEventListener("keydown", C, !1);
     };
-  }, [T, k]);
-  const R = () => {
+  }, [C, E]);
+  const A = () => {
     var P;
-    const C = (P = E.current) == null ? void 0 : P.offsetLeft, H = window.innerWidth;
-    if (C) {
-      if (C < 100) return "muncher-dropdown--content";
-      if (H - C < 150) return "muncher-dropdown--content drop-left";
-      if (H - C < 250) {
-        const m = Math.round((H - C) / H * 100);
+    const b = (P = _.current) == null ? void 0 : P.offsetLeft, H = window.innerWidth;
+    if (b) {
+      if (b < 100) return "muncher-dropdown--content";
+      if (H - b < 150) return "muncher-dropdown--content drop-left";
+      if (H - b < 250) {
+        const m = Math.round((H - b) / H * 100);
         if (m > 40 || m < 60) return "muncher-dropdown--content drop-middle";
       }
     }
@@ -1202,21 +1318,21 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
         return "muncher-dropdown--content";
     }
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: "muncher-dropdown", ref: E, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: "muncher-dropdown", ref: _, children: [
     /* @__PURE__ */ e.jsxs(
-      O,
+      V,
       {
-        onMouseDown: v,
+        onMouseDown: f,
         title: r,
         disabled: c,
-        rounded: x,
+        rounded: a,
         active: i,
         variant: n,
-        size: t,
-        ...b,
+        size: l,
+        ...g,
         children: [
-          a,
-          f ? /* @__PURE__ */ e.jsx(
+          x,
+          v ? /* @__PURE__ */ e.jsx(
             "span",
             {
               className: "small",
@@ -1226,157 +1342,157 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
         ]
       }
     ),
-    h ? /* @__PURE__ */ e.jsx("div", { className: R(), children: g }) : ""
+    h ? /* @__PURE__ */ e.jsx("div", { className: A(), children: N }) : ""
   ] });
-}, Ae = ({
+}, R1 = ({
   title: n,
-  active: t,
+  active: l,
   disabled: r,
   element: i,
   rounded: c,
-  dropLeft: a,
+  dropLeft: x,
   children: o,
-  ...x
-}) => /* @__PURE__ */ e.jsxs("div", { className: `muncher-dropdown-nav ${a ? "drop-left" : ""}`, children: [
+  ...a
+}) => /* @__PURE__ */ e.jsxs("div", { className: `muncher-dropdown-nav ${x ? "drop-left" : ""}`, children: [
   /* @__PURE__ */ e.jsx(
-    O,
+    V,
     {
       type: "nav",
       title: n,
       disabled: r,
       rounded: c,
-      active: t,
-      ...x,
+      active: l,
+      ...a,
       children: i
     }
   ),
   /* @__PURE__ */ e.jsx("div", { className: "muncher-dropdown-nav--content", children: o })
-] }), ge = (n) => {
+] }), g1 = (n) => {
   navigator.clipboard.writeText(n);
-}, be = ({
+}, b1 = ({
   text: n,
-  variant: t = "secondary",
+  variant: l = "secondary",
   size: r = "small"
 }) => {
-  const [i, c] = S(), [a, o] = S("copy"), [x, j] = S("copy link"), u = () => {
-    ge(n), c("green"), o("check"), j("copied!"), setTimeout(function() {
+  const [i, c] = S(), [x, o] = S("copy"), [a, j] = S("copy link"), y = () => {
+    g1(n), c("green"), o("check"), j("copied!"), setTimeout(function() {
       c(""), o("copy");
     }, 2e3);
   };
   return /* @__PURE__ */ e.jsx(
-    O,
+    V,
     {
       size: r,
-      variant: t,
-      title: x,
-      onClick: u,
-      children: /* @__PURE__ */ e.jsx(N, { name: a, color: i })
+      variant: l,
+      title: a,
+      onClick: y,
+      children: /* @__PURE__ */ e.jsx(w, { name: x, color: i })
     }
   );
-}, _e = ({
+}, T1 = ({
   variant: n = "secondary",
-  size: t = "medium",
+  size: l = "medium",
   title: r
 }) => {
   const [i, c] = S(!1);
   return /* @__PURE__ */ e.jsx("div", { className: "muncher-share", children: /* @__PURE__ */ e.jsxs(
-    ve,
+    v1,
     {
       title: "Share to Social Media",
       showContent: i,
       setShowContent: c,
       variant: n,
-      size: t,
-      element: /* @__PURE__ */ e.jsx(N, { name: "share", orientation: "right", children: "Share" }),
+      size: l,
+      element: /* @__PURE__ */ e.jsx(w, { name: "share", orientation: "right", children: "Share" }),
       children: [
-        /* @__PURE__ */ e.jsx(O, { size: "small", variant: n, children: /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e.jsx(V, { size: "small", variant: n, children: /* @__PURE__ */ e.jsx(
           "a",
           {
             href: "https://twitter.com/share?url=" + window.location.href + "&text=" + r,
             target: "_blank",
             title: "Share link to Twitter",
-            children: /* @__PURE__ */ e.jsx(N, { name: "twitter" })
+            children: /* @__PURE__ */ e.jsx(w, { name: "twitter" })
           }
         ) }),
-        /* @__PURE__ */ e.jsx(O, { size: "small", variant: n, children: /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e.jsx(V, { size: "small", variant: n, children: /* @__PURE__ */ e.jsx(
           "a",
           {
             href: "https://www.facebook.com/sharer/sharer.php?u=" + window.location.href,
             target: "_blank",
             title: "Share link to Facebook",
-            children: /* @__PURE__ */ e.jsx(N, { name: "facebook" })
+            children: /* @__PURE__ */ e.jsx(w, { name: "facebook" })
           }
         ) }),
-        /* @__PURE__ */ e.jsx(O, { size: "small", variant: n, children: /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e.jsx(V, { size: "small", variant: n, children: /* @__PURE__ */ e.jsx(
           "a",
           {
             href: "mailto:?subject=" + r + "&body=" + window.location.href,
             target: "_blank",
             title: "share link by Email",
-            children: /* @__PURE__ */ e.jsx(N, { name: "mail" })
+            children: /* @__PURE__ */ e.jsx(w, { name: "mail" })
           }
         ) }),
-        /* @__PURE__ */ e.jsx(be, { text: window.location.href })
+        /* @__PURE__ */ e.jsx(b1, { text: window.location.href })
       ]
     }
   ) });
-}, we = ({
+}, M1 = ({
   header: n,
-  data: t,
+  data: l,
   filename: r,
   variant: i,
   size: c,
-  title: a,
+  title: x,
   active: o,
-  disabled: x,
+  disabled: a,
   rounded: j
 }) => {
-  const u = encodeURI("data:text/csv;charset=utf-8," + n.join(",") + `
-` + t.map((d) => d.join(",")).join(`
+  const y = encodeURI("data:text/csv;charset=utf-8," + n.join(",") + `
+` + l.map((d) => d.join(",")).join(`
 `));
-  return /* @__PURE__ */ e.jsx("div", { className: "muncher-csv", children: /* @__PURE__ */ e.jsx(O, { variant: i, size: c, active: o, disabled: x, rounded: j, children: /* @__PURE__ */ e.jsx("a", { href: u, download: r + ".csv", children: /* @__PURE__ */ e.jsx(N, { name: "download", children: a || "Download" }) }) }) });
-}, Ne = ({
+  return /* @__PURE__ */ e.jsx("div", { className: "muncher-csv", children: /* @__PURE__ */ e.jsx(V, { variant: i, size: c, active: o, disabled: a, rounded: j, children: /* @__PURE__ */ e.jsx("a", { href: y, download: r + ".csv", children: /* @__PURE__ */ e.jsx(w, { name: "download", children: x || "Download" }) }) }) });
+}, w1 = ({
   variant: n = "transparent",
-  size: t = "small",
+  size: l = "small",
   title: r,
   sortAsc: i = "true",
   active: c,
-  rounded: a,
+  rounded: x,
   onClick: o,
-  children: x
+  children: a
 }) => {
-  const [j, u] = S(!1), d = () => !c || c && !j ? i ? /* @__PURE__ */ e.jsx(N, { name: "sort-asc" }) : /* @__PURE__ */ e.jsx(N, { name: "sort-desc" }) : i ? /* @__PURE__ */ e.jsx(N, { name: "sort-desc" }) : /* @__PURE__ */ e.jsx(N, { name: "sort-asc" });
+  const [j, y] = S(!1), d = () => !c || c && !j ? 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,
+    V,
     {
       variant: n,
-      size: t,
+      size: l,
       title: r,
-      rounded: a,
+      rounded: x,
       onMouseEnter: () => {
-        u(!0);
+        y(!0);
       },
       onMouseLeave: () => {
-        u(!1);
+        y(!1);
       },
       onClick: o,
       children: [
-        x,
+        a,
         c || j ? /* @__PURE__ */ e.jsx(d, {}) : ""
       ]
     }
   );
-}, xe = ({
+}, a1 = ({
   direction: n,
-  size: t = "small",
+  size: l = "small",
   weight: r,
   isDisabled: i,
   variant: c = "primary",
-  navIcon: a = "chevron",
+  navIcon: x = "chevron",
   onClick: o
 }) => {
-  const x = () => {
-    switch (a) {
+  const a = () => {
+    switch (x) {
       case "arrow":
         return n === "left" ? "arrow-left" : "arrow-right";
       case "skip":
@@ -1392,30 +1508,30 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
     {
       className: n === "left" ? "muncher-button--navigate muncher-button--navigate-left" : "muncher-button--navigate muncher-button--navigate-right",
       children: /* @__PURE__ */ e.jsx(
-        O,
+        V,
         {
           onClick: o,
           disabled: i,
           size: "small",
           variant: c,
           title: n === "left" ? "Navigate Left" : "Navigate Right",
-          children: /* @__PURE__ */ e.jsx(N, { name: x(), size: t, weight: r })
+          children: /* @__PURE__ */ e.jsx(w, { name: a(), size: l, weight: r })
         }
       )
     }
   );
-}, q = ({ label: n, onClick: t, id: r, required: i = !1 }) => /* @__PURE__ */ e.jsxs("label", { htmlFor: r, onClick: t, children: [
+}, q = ({ label: n, onClick: l, id: r, required: i = !1 }) => /* @__PURE__ */ e.jsxs("label", { htmlFor: r, onClick: l, children: [
   n,
   i ? /* @__PURE__ */ e.jsx("span", { className: "required", children: "*" }) : ""
-] }), ze = ({
+] }), _1 = ({
   name: n,
-  required: t = !1,
+  required: l = !1,
   onChange: r,
   checked: i = !1,
   label: c,
-  ...a
+  ...x
 }) => {
-  const [o, x] = S(i || !1);
+  const [o, a] = S(i || !1);
   return /* @__PURE__ */ e.jsx("div", { className: "muncher-input--div", children: /* @__PURE__ */ e.jsxs("div", { className: "muncher-checkbox", children: [
     /* @__PURE__ */ e.jsx(
       "input",
@@ -1424,54 +1540,54 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
         id: n,
         name: n,
         onChange: (j) => {
-          x(j.target.checked), r && r();
+          a(j.target.checked), r && r();
         },
         checked: o,
-        required: t,
-        ...a
+        required: l,
+        ...x
       }
     ),
     c ? /* @__PURE__ */ e.jsx(
       q,
       {
         label: c,
-        required: t,
+        required: l,
         id: n,
         onClick: (j) => {
-          j.preventDefault(), x(!o), r && r();
+          j.preventDefault(), a(!o), r && r();
         }
       }
     ) : ""
   ] }) });
-}, he = ({ size: n, ...t }) => /* @__PURE__ */ e.jsx(
+}, h1 = ({ size: n, ...l }) => /* @__PURE__ */ e.jsx(
   "div",
   {
     className: n ? "muncher-spinner muncher-spinner-" + n : "muncher-spinner",
-    ...t
+    ...l
   }
-), Me = ({
+), N1 = ({
   name: n,
-  label: t,
+  label: l,
   variant: r = "secondary",
   size: i = "medium",
   required: c,
-  active: a,
+  active: x,
   isUploading: o,
-  handleOnChange: x,
+  handleOnChange: a,
   warningMessage: j,
-  successMessage: u,
+  successMessage: y,
   ...d
 }) => {
-  const h = "muncher-button" + (r ? " muncher-button--" + r : "") + (i ? " muncher-button--" + i : "") + (a ? " muncher-button--active" : ""), p = (f) => {
-    x && x(f.currentTarget.files[0]);
+  const h = "muncher-button" + (r ? " muncher-button--" + r : "") + (i ? " muncher-button--" + i : "") + (x ? " muncher-button--active" : ""), p = (v) => {
+    a && a(v.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: h, children: [
-      /* @__PURE__ */ e.jsx(N, { name: "upload" }),
+      /* @__PURE__ */ e.jsx(w, { name: "upload" }),
       " ",
-      t || "Upload CSV",
+      l || "Upload CSV",
       c ? /* @__PURE__ */ e.jsx("span", { className: "required", children: " *" }) : "",
-      o ? /* @__PURE__ */ e.jsx(he, { size: "tiny" }) : ""
+      o ? /* @__PURE__ */ e.jsx(h1, { size: "tiny" }) : ""
     ] }),
     /* @__PURE__ */ e.jsx(
       "input",
@@ -1486,34 +1602,34 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
       }
     ),
     j && j !== "" ? /* @__PURE__ */ e.jsx("p", { className: "text-danger", children: j }) : "",
-    u && u !== "" ? /* @__PURE__ */ e.jsx("p", { className: "text-success", children: u }) : ""
+    y && y !== "" ? /* @__PURE__ */ e.jsx("p", { className: "text-success", children: y }) : ""
   ] }) });
-}, Se = ({
+}, S1 = ({
   name: n,
-  label: t,
+  label: l,
   variant: r = "secondary",
   size: i = "large",
   required: c,
-  active: a,
+  active: x,
   setFiles: o,
-  error: x,
+  error: a,
   multiple: j = !1,
-  maxFiles: u,
+  maxFiles: y,
   ...d
 }) => {
-  const [h, p] = S(""), [f, g] = S(""), b = u || 3, E = "muncher-button" + (r ? " muncher-button--" + r : "") + (i ? " muncher-button--" + i : "") + (a ? " muncher-button--active" : ""), v = (T) => {
+  const [h, p] = S(""), [v, N] = S(""), g = y || 3, _ = "muncher-button" + (r ? " muncher-button--" + r : "") + (i ? " muncher-button--" + i : "") + (x ? " muncher-button--active" : ""), f = (C) => {
     if (j) {
-      let R = Array.from(T.currentTarget.files);
-      R.length > b && (R = R.slice(0, b), g("Only first " + b + " files included")), o(R), p(R.map((C) => C.name).join(", "));
+      let A = Array.from(C.currentTarget.files);
+      A.length > g && (A = A.slice(0, g), N("Only first " + g + " files included")), o(A), p(A.map((b) => b.name).join(", "));
     } else
-      o(Array.from(T.currentTarget.files[0])), p(T.currentTarget.files[0].name);
-  }, k = () => x && x !== "";
+      o(Array.from(C.currentTarget.files[0])), p(C.currentTarget.files[0].name);
+  }, E = () => a && a !== "";
   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: E, children: [
-        /* @__PURE__ */ e.jsx(N, { name: "image" }),
+      /* @__PURE__ */ e.jsxs("label", { htmlFor: n, className: _, children: [
+        /* @__PURE__ */ e.jsx(w, { name: "image" }),
         " ",
-        t,
+        l,
         c ? /* @__PURE__ */ e.jsx("span", { className: "required", children: " *" }) : ""
       ] }),
       /* @__PURE__ */ e.jsx("span", { className: "span-file-name", children: h }),
@@ -1524,53 +1640,53 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
           type: "file",
           className: "muncher-file-input",
           name: n,
-          onChange: v,
+          onChange: f,
           multiple: j,
           accept: "image/*",
           ...d
         }
       )
     ] }),
-    f !== "" ? /* @__PURE__ */ e.jsx("p", { className: "text-danger", children: f }) : "",
-    k() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(N, { name: "alert", children: x }) }) : ""
+    v !== "" ? /* @__PURE__ */ e.jsx("p", { className: "text-danger", children: v }) : "",
+    E() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(w, { name: "alert", children: a }) }) : ""
   ] });
-}, ke = ({
+}, k1 = ({
   name: n,
-  label: t,
+  label: l,
   required: r,
   readOnly: i,
   icon: c,
-  hoverIcon: a,
+  hoverIcon: x,
   onHoverIconClick: o,
-  type: x = "text",
+  type: a = "text",
   list: j,
-  onBlur: u,
+  onBlur: y,
   labelPosition: d = "top",
   onKeyDown: h,
   error: p,
-  focus: f = !1,
-  placeholder: g,
-  onChange: b,
-  step: E,
-  value: v,
-  maxLength: k,
-  onEnterPress: T,
-  displayLoader: R,
-  ...C
+  focus: v = !1,
+  placeholder: N,
+  onChange: g,
+  step: _,
+  value: f,
+  maxLength: E,
+  onEnterPress: C,
+  displayLoader: A,
+  ...b
 }) => {
   const H = () => p && p !== "", P = () => {
-    let A = "muncher-input";
-    return (c || a) && (A += " muncher-input-icon"), H() && (A += " muncher-input-error"), d === "side" && (A += " muncher-label-side"), A;
-  }, m = () => t ? /* @__PURE__ */ e.jsx(q, { label: t, required: r, id: n }) : "", M = (A) => {
-    A.key === "Enter" && T && T(), h && h(A);
+    let z = "muncher-input";
+    return (c || x) && (z += " muncher-input-icon"), H() && (z += " muncher-input-error"), d === "side" && (z += " muncher-label-side"), z;
+  }, m = () => l ? /* @__PURE__ */ e.jsx(q, { label: l, required: r, id: n }) : "", k = (z) => {
+    z.key === "Enter" && C && C(), h && h(z);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-input--div", children: [
     d !== "side" ? m() : "",
     /* @__PURE__ */ e.jsxs("div", { className: "muncher-input-element", children: [
       d === "side" ? m() : "",
-      c ? /* @__PURE__ */ e.jsx(N, { name: c }) : "",
-      a ? /* @__PURE__ */ e.jsxs("span", { className: "muncher-icon-hover", children: [
-        /* @__PURE__ */ e.jsx(N, { name: a, onClick: o }),
+      c ? /* @__PURE__ */ e.jsx(w, { name: c }) : "",
+      x ? /* @__PURE__ */ e.jsxs("span", { className: "muncher-icon-hover", children: [
+        /* @__PURE__ */ e.jsx(w, { name: x, onClick: o }),
         " "
       ] }) : "",
       /* @__PURE__ */ e.jsxs("div", { className: "muncher-input-wrapper", children: [
@@ -1580,28 +1696,28 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
             id: n,
             className: P(),
             name: n,
-            autoFocus: f,
-            value: v,
-            type: x || "text",
+            autoFocus: v,
+            value: f,
+            type: a || "text",
             autoComplete: "off",
-            placeholder: g,
-            onChange: b,
+            placeholder: N,
+            onChange: g,
             required: r,
             readOnly: i,
             list: j,
-            onKeyDown: M,
-            onBlur: u,
-            step: E,
-            maxLength: k,
-            ...C
+            onKeyDown: k,
+            onBlur: y,
+            step: _,
+            maxLength: E,
+            ...b
           }
         ),
-        R ? /* @__PURE__ */ e.jsx(he, { size: "tiny" }) : ""
+        A ? /* @__PURE__ */ e.jsx(h1, { size: "tiny" }) : ""
       ] })
     ] }),
-    H() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(N, { name: "alert", children: p }) }) : ""
+    H() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(w, { name: "alert", children: p }) }) : ""
   ] });
-}, He = ({ name: n, required: t = !1, onChange: r, checked: i = !1, label: c, ...a }) => /* @__PURE__ */ e.jsx("div", { className: "muncher-input--div", children: /* @__PURE__ */ e.jsxs("div", { className: "muncher-radio", children: [
+}, H1 = ({ name: n, required: l = !1, onChange: r, checked: i = !1, label: c, ...x }) => /* @__PURE__ */ e.jsx("div", { className: "muncher-input--div", children: /* @__PURE__ */ e.jsxs("div", { className: "muncher-radio", children: [
   /* @__PURE__ */ e.jsx(
     "input",
     {
@@ -1609,33 +1725,33 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
       name: n,
       onChange: r,
       checked: i,
-      ...a
+      ...x
     }
   ),
   c ? /* @__PURE__ */ e.jsx(
     q,
     {
       label: c,
-      required: t,
+      required: l,
       onClick: () => {
         r && r();
       }
     }
   ) : ""
-] }) }), Ce = ({
+] }) }), C1 = ({
   name: n,
-  options: t,
+  options: l,
   label: r,
   required: i,
   multiple: c,
-  error: a,
+  error: x,
   onChange: o,
-  value: x,
+  value: a,
   ...j
 }) => {
-  const u = () => a && a !== "", d = () => {
+  const y = () => x && x !== "", d = () => {
     let h = "muncher-input";
-    return u() && (h += " muncher-input-error"), h;
+    return y() && (h += " muncher-input-error"), h;
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-input--div", children: [
     r ? /* @__PURE__ */ e.jsx(q, { label: r, required: i, id: n }) : "",
@@ -1645,133 +1761,134 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
         id: n,
         className: d(),
         name: n,
-        value: x,
+        value: a,
         onChange: o,
         required: i,
         multiple: c,
         ...j,
         children: [
           i ? /* @__PURE__ */ e.jsx("option", { value: "", children: "-- Select --" }) : "",
-          t.map(
+          l.map(
             (h, p) => /* @__PURE__ */ e.jsx("option", { value: h.value, children: h.label }, `select-option-${p}`)
           )
         ]
       }
     ) }),
-    u() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(N, { name: "alert", children: a }) }) : ""
+    y() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(w, { name: "alert", children: x }) }) : ""
   ] });
-}, Oe = ({
+}, V1 = ({
   name: n,
-  label: t,
+  label: l,
   required: r,
   readOnly: i = !1,
   rows: c = 6,
-  maxLength: a = 1e3,
+  maxLength: x = 1e3,
   focus: o = !1,
-  placeholder: x,
+  placeholder: a,
   onChange: j,
-  value: u,
+  value: y,
   ...d
 }) => {
-  const [h, p] = S(u), f = (g) => {
-    p(g.target.value), j && j(g);
+  const [h, p] = S(y), v = (N) => {
+    p(N.target.value), j && j(N);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-input--div", children: [
-    t ? /* @__PURE__ */ e.jsx(q, { label: t, required: r, id: n }) : "",
+    l ? /* @__PURE__ */ e.jsx(q, { label: l, required: r, id: n }) : "",
     /* @__PURE__ */ e.jsx(
       "textarea",
       {
         id: n,
         className: "muncher-textarea",
         rows: c,
-        maxLength: a,
+        maxLength: x,
         name: n,
         autoFocus: o,
-        value: u,
-        placeholder: x,
-        onChange: f,
+        value: y,
+        placeholder: a,
+        onChange: v,
         required: r,
         readOnly: i,
         ...d
       }
     ),
     /* @__PURE__ */ e.jsxs("p", { children: [
-      h ? a ? a - h.length : 1e3 : a,
+      h ? x ? x - h.length : 1e3 : x,
       " characters left"
     ] })
   ] });
-}, Ve = ({
-  focus: n = !1,
-  inputPlaceHolder: t,
-  handleInputChange: r,
-  showContent: i = !1,
-  setShowContent: c,
-  readOnly: a,
-  value: o,
-  label: x,
-  error: j,
-  required: u,
-  onEnterPress: d,
-  list: h,
-  displayLoader: p,
-  children: f
+}, L1 = ({
+  name: n = "query",
+  focus: l = !1,
+  inputPlaceHolder: r,
+  handleInputChange: i,
+  showContent: c = !1,
+  setShowContent: x,
+  readOnly: o,
+  value: a,
+  label: j,
+  error: y,
+  required: d,
+  onEnterPress: h,
+  list: p,
+  displayLoader: v,
+  children: N
 }) => {
-  const g = de(null), b = (k) => {
-    c(!0), r(k.target.value);
-  }, E = G(() => {
-    c(!1);
-  }, [c]), v = G((k) => {
-    k.keyCode === 27 && E();
-  }, [E]);
+  const g = d1(null), _ = (C) => {
+    x(!0), i(C.target.value);
+  }, f = G(() => {
+    x(!1);
+  }, [x]), E = G((C) => {
+    C.keyCode === 27 && f();
+  }, [f]);
   return Q(() => {
-    const k = (T) => {
+    const C = (A) => {
       if (g && g !== null) {
-        const R = g.current;
-        R && !R.contains(T.target) && E();
+        const b = g.current;
+        b && !b.contains(A.target) && f();
       }
     };
-    return document.addEventListener("keydown", v, !1), document.addEventListener("mousedown", k), () => {
-      document.removeEventListener("keydown", v, !1);
+    return document.addEventListener("keydown", E, !1), document.addEventListener("mousedown", C), () => {
+      document.removeEventListener("keydown", E, !1);
     };
-  }, [v, E]), /* @__PURE__ */ e.jsxs("div", { className: "muncher-input-drop-down", ref: g, children: [
+  }, [E, f]), /* @__PURE__ */ e.jsxs("div", { className: "muncher-input-drop-down", ref: g, children: [
     /* @__PURE__ */ e.jsx(
-      ke,
+      k1,
       {
-        focus: n,
-        placeholder: t,
-        name: "query",
-        onChange: b,
-        onEnterPress: d,
-        list: h,
-        displayLoader: p,
-        readOnly: a,
-        value: o,
-        label: x,
-        required: u,
-        error: j
+        focus: l,
+        placeholder: r,
+        name: n,
+        onChange: _,
+        onEnterPress: h,
+        list: p,
+        displayLoader: v,
+        readOnly: o,
+        value: a,
+        label: j,
+        required: d,
+        error: y
       }
     ),
-    i ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-drop-down--content", children: f }) : ""
+    c ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-drop-down--content", children: N }) : ""
   ] });
-}, 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(
-  N,
+}, O1 = ({ children: n }) => /* @__PURE__ */ e.jsx("ul", { className: "muncher-ul", children: n }), P1 = ({ isFeatured: n, bulletIcon: l = "arrow-right", bulletWeight: r = 2, bulletSize: i = "small", bulletColor: c, children: x }) => /* @__PURE__ */ e.jsx("li", { className: n ? "muncher-li featured" : "muncher-li", children: /* @__PURE__ */ e.jsx(
+  w,
   {
-    name: t,
+    name: l,
     weight: r,
     size: i,
     color: c,
-    children: a
+    children: x
   }
-) }), De = ({ show: n = !1, setShow: t, children: r, ...i }) => {
-  const c = G((a) => {
-    a.keyCode === 27 && t(!1);
-  }, [t]);
+) }), D1 = ({ show: n = !1, setShow: l, children: r, ...i }) => {
+  const c = G((x) => {
+    x.keyCode === 27 && l(!1);
+  }, [l]);
   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(oe.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(me, { show: n, backdropClickHandler: () => t(!1) }),
+  }, [n]), /* @__PURE__ */ e.jsxs(o1.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(m1, { show: n, backdropClickHandler: () => l(!1) }),
     /* @__PURE__ */ e.jsx(
       "div",
       {
@@ -1785,102 +1902,102 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
       }
     )
   ] });
-}, Fe = ({ showHoverEffect: n, onClick: t, children: r }) => {
+}, F1 = ({ showHoverEffect: n, onClick: l, 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(N, { name: "close" }) }),
+  return /* @__PURE__ */ e.jsx("section", { className: i(), onClick: l, children: r });
+}, I1 = ({ pillCloseHandler: n, children: l, ...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
+    l
   ] })
-] }), $e = ({ value: n, max: t, label: r }) => {
+] }), $1 = ({ value: n, max: l, label: r }) => {
   const i = () => {
-    const c = Math.round(n / t * 100) + "%";
+    const c = Math.round(n / l * 100) + "%";
     return r ? r + " " + c : c;
   };
   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("progress", { id: "progress", value: n, max: l, children: i() })
   ] });
-}, Ye = ({ variant: n, size: t, style: r }) => {
-  const i = "muncher-hr" + (n ? " muncher-hr--" + n : "") + (t ? " muncher-hr--" + t : "") + (r ? " muncher-hr--" + r : "");
+}, Y1 = ({ variant: n, size: l, style: r }) => {
+  const i = "muncher-hr" + (n ? " muncher-hr--" + n : "") + (l ? " muncher-hr--" + l : "") + (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 [o, x] = S(0), [j, u] = S(0), d = () => n.length > 1 && o > 0 ? /* @__PURE__ */ e.jsx(
-    xe,
+}, U1 = ({ sliderItems: n, navButtonSize: l = "large", navButtonWeight: r = 2, variant: i, navIcon: c, navButtonPlacement: x = "inside" }) => {
+  const [o, a] = S(0), [j, y] = S(0), d = () => n.length > 1 && o > 0 ? /* @__PURE__ */ e.jsx(
+    a1,
     {
       direction: "left",
-      size: t,
+      size: l,
       variant: i,
       navIcon: c,
       weight: r,
       onClick: () => {
-        o === 0 ? (u(-(n.length - 1) * 100), x(n.length - 1)) : (u(j + 100), x(o - 1));
+        o === 0 ? (y(-(n.length - 1) * 100), a(n.length - 1)) : (y(j + 100), a(o - 1));
       }
     }
   ) : "", h = () => n.length > 1 && o < n.length - 1 ? /* @__PURE__ */ e.jsx(
-    xe,
+    a1,
     {
       direction: "right",
-      size: t,
+      size: l,
       weight: r,
       navIcon: c,
       variant: i,
       onClick: () => {
-        o === n.length - 1 ? (x(0), u(0)) : (u(j - 100), x(o + 1));
+        o === n.length - 1 ? (a(0), y(0)) : (y(j - 100), a(o + 1));
       }
     }
   ) : "";
-  return /* @__PURE__ */ e.jsxs("div", { className: "muncher-item-slider-wrapper--" + a, children: [
-    a === "outside" ? d() : "",
+  return /* @__PURE__ */ e.jsxs("div", { className: "muncher-item-slider-wrapper--" + x, children: [
+    x === "outside" ? d() : "",
     /* @__PURE__ */ e.jsxs("div", { className: "muncher-item-slider", children: [
-      a === "inside" ? d() : "",
+      x === "inside" ? d() : "",
       /* @__PURE__ */ e.jsx("div", { className: "slider-container", style: { width: `${100 * n.length}%` }, children: n.map(
-        (p, f) => /* @__PURE__ */ e.jsx(
+        (p, v) => /* @__PURE__ */ e.jsx(
           "div",
           {
             className: "slider-item",
             style: { transform: `translateX(${j}%)` },
             children: p
           },
-          "slider-item" + f
+          "slider-item" + v
         )
       ) }),
-      a === "inside" ? h() : ""
+      x === "inside" ? h() : ""
     ] }),
-    a === "outside" ? h() : ""
+    x === "outside" ? h() : ""
   ] });
-}, We = ({
+}, W1 = ({
   min: n,
-  max: t,
+  max: l,
   minValue: r,
   maxValue: i,
   setMinValue: c,
-  setMaxValue: a,
-  numberFormatter: o = (x) => new Intl.NumberFormat("en-US", {
+  setMaxValue: x,
+  numberFormatter: o = (a) => new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: "USD"
-  }).format(x)
+  }).format(a)
 }) => {
-  const x = (d) => {
+  const a = (d) => {
     const h = +d.target.value, p = h < i - 1 ? h : r;
     c(p);
   }, j = (d) => {
     const h = +d.target.value, p = h > r + 1 ? h : i;
-    a(p);
-  }, u = (d) => o && d ? o(d) : d;
+    x(p);
+  }, y = (d) => o && d ? o(d) : d;
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-slider", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "slider-header", children: /* @__PURE__ */ e.jsx("p", { children: u(r) + " - " + u(i) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "slider-header", children: /* @__PURE__ */ e.jsx("p", { children: y(r) + " - " + y(i) }) }),
     /* @__PURE__ */ e.jsx(
       "input",
       {
         className: "muncher-range",
         type: "range",
         min: n,
-        max: t,
+        max: l,
         value: r,
-        onChange: x
+        onChange: a
       }
     ),
     /* @__PURE__ */ e.jsx(
@@ -1889,158 +2006,158 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
         className: "muncher-range",
         type: "range",
         min: n,
-        max: t,
+        max: l,
         value: i,
         onChange: j
       }
     ),
     /* @__PURE__ */ e.jsxs("div", { className: "slider-values", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "slider-min", children: u(n) }),
-      /* @__PURE__ */ e.jsx("div", { className: "slider-max", children: u(t) })
+      /* @__PURE__ */ e.jsx("div", { className: "slider-min", children: y(n) }),
+      /* @__PURE__ */ e.jsx("div", { className: "slider-max", children: y(l) })
     ] })
   ] });
-}, Be = ({
+}, B1 = ({
   min: n,
-  max: t,
+  max: l,
   value: r,
   setValue: i,
-  numberFormatter: c = (a) => new Intl.NumberFormat("en-US", {
+  numberFormatter: c = (x) => new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: "USD"
-  }).format(a)
+  }).format(x)
 }) => {
-  const a = (x) => c ? c(x) : x, o = (x) => {
-    const j = +x.target.value;
+  const x = (a) => c ? c(a) : a, o = (a) => {
+    const j = +a.target.value;
     i(j);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-slider", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "slider-header", children: /* @__PURE__ */ e.jsx("p", { children: a(r) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "slider-header", children: /* @__PURE__ */ e.jsx("p", { children: x(r) }) }),
     /* @__PURE__ */ e.jsx(
       "input",
       {
         className: "muncher-range",
         type: "range",
         min: n,
-        max: t,
+        max: l,
         value: r,
         onChange: o
       }
     ),
     /* @__PURE__ */ e.jsxs("div", { className: "slider-values", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "slider-min", children: a(n) }),
-      /* @__PURE__ */ e.jsx("div", { className: "slider-max", children: a(t) })
+      /* @__PURE__ */ e.jsx("div", { className: "slider-min", children: x(n) }),
+      /* @__PURE__ */ e.jsx("div", { className: "slider-max", children: x(l) })
     ] })
   ] });
-}, 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 }) => {
+}, J1 = ({ isFeatured: n, onClick: l }) => /* @__PURE__ */ e.jsx("span", { className: "span-featured", children: /* @__PURE__ */ e.jsx("span", { className: n ? "featured-star" : "un-featured-star", onClick: l }) }), G1 = ({ rating: n, color: l, size: r, ...i }) => {
   const c = {
     "--r": n
-  }, a = () => {
+  }, x = () => {
     let o = "muncher-star";
-    return t && (o += " star-" + t), r && (o += " star-" + r), o;
+    return l && (o += " star-" + l), r && (o += " star-" + r), o;
   };
-  return /* @__PURE__ */ e.jsx("span", { className: a(), style: c, ...i });
-}, qe = ({ handleTabSelected: n, children: t }) => {
-  const [r, i] = S(0), { tabs: c } = t, a = (o) => {
+  return /* @__PURE__ */ e.jsx("span", { className: x(), style: c, ...i });
+}, q1 = ({ handleTabSelected: n, children: l }) => {
+  const [r, i] = S(0), { tabs: c } = l, x = (o) => {
     i(o), n && n(o);
   };
   return /* @__PURE__ */ e.jsxs("section", { className: "muncher-tabs", children: [
     /* @__PURE__ */ e.jsx("header", { children: c.map(
-      (o, x) => /* @__PURE__ */ e.jsxs("div", { className: "muncher-tab-header--item", children: [
+      (o, a) => /* @__PURE__ */ e.jsxs("div", { className: "muncher-tab-header--item", children: [
         /* @__PURE__ */ e.jsx(
-          O,
+          V,
           {
             variant: "transparent",
-            active: r === x,
+            active: r === a,
             size: "small",
             title: o.headerTitle,
             onClick: () => {
-              a(x);
+              x(a);
             },
             children: o.header
           }
         ),
-        x !== c.length - 1 ? /* @__PURE__ */ e.jsx("span", { className: "spacer", children: "|" }) : ""
-      ] }, "muncher-tab-header" + x)
+        a !== c.length - 1 ? /* @__PURE__ */ e.jsx("span", { className: "spacer", children: "|" }) : ""
+      ] }, "muncher-tab-header" + a)
     ) }),
     c.map(
-      (o, x) => /* @__PURE__ */ e.jsx(
+      (o, a) => /* @__PURE__ */ e.jsx(
         "section",
         {
-          className: r === x ? "muncher-tab muncher-tab--active" : "muncher-tab",
+          className: r === a ? "muncher-tab muncher-tab--active" : "muncher-tab",
           children: o.body
         },
-        "muncher-tab-" + x
+        "muncher-tab-" + a
       )
     )
   ] });
-}, Xe = ({
+}, X1 = ({
   fileName: n,
-  defaultPageSize: t = 50,
+  defaultPageSize: l = 50,
   skeleton: r,
   handleOnUpload: i,
   sortBy: c,
-  excludeDownload: a,
+  excludeDownload: x,
   includeUpload: o,
-  isUploading: x,
+  isUploading: a,
   uploadWarningMessage: j,
-  uploadSuccessMessage: u,
+  uploadSuccessMessage: y,
   excludePagination: d,
   footer: h,
   children: p
 }) => {
-  const { header: f, rows: g } = p, [b, E] = S(c ?? { index: 0 }), [v, k] = S({ num: 0, size: t }), T = (m) => {
-    E(
-      (M) => M.index === m ? { ...M, desc: !M.desc } : { index: m }
+  const { header: v, rows: N } = p, [g, _] = S(c ?? { index: 0 }), [f, E] = S({ num: 0, size: l }), C = (m) => {
+    _(
+      (k) => k.index === m ? { ...k, desc: !k.desc } : { index: m }
     );
-  }, R = te(() => {
-    var A;
-    const m = [...g], M = (A = f[b.index]) == null ? void 0 : A.sort;
-    return M ? m.sort(M) : m.sort((L, X) => {
+  }, A = l1(() => {
+    var z;
+    const m = [...N], k = (z = v[g.index]) == null ? void 0 : z.sort;
+    return k ? m.sort(k) : m.sort((O, X) => {
       var $, Y, U, W;
-      const Z = ((Y = ($ = L[b.index]) == null ? void 0 : $.value) == null ? void 0 : Y.toString().toLowerCase()) ?? "", I = ((W = (U = X[b.index]) == null ? void 0 : U.value) == null ? void 0 : W.toString().toLowerCase()) ?? "";
+      const Z = ((Y = ($ = O[g.index]) == null ? void 0 : $.value) == null ? void 0 : Y.toString().toLowerCase()) ?? "", I = ((W = (U = X[g.index]) == null ? void 0 : U.value) == null ? void 0 : W.toString().toLowerCase()) ?? "";
       return Z.localeCompare(I);
-    }), b.desc ? m.reverse() : m;
-  }, [g, b, f]), C = te(
-    () => R.slice(v.num * v.size, (v.num + 1) * v.size),
-    [R, v]
-  ), H = f.filter((m) => !m.csvExclude).map((m) => typeof m.name == "string" ? m.name : ""), P = g.map(
-    (m) => m.filter((M, A) => !f[A].csvExclude).map((M) => M.csv ?? M.value ?? "")
+    }), g.desc ? m.reverse() : m;
+  }, [N, g, v]), b = l1(
+    () => A.slice(f.num * f.size, (f.num + 1) * f.size),
+    [A, f]
+  ), H = v.filter((m) => !m.csvExclude).map((m) => typeof m.name == "string" ? m.name : ""), P = N.map(
+    (m) => m.filter((k, z) => !v[z].csvExclude).map((k) => k.csv ?? k.value ?? "")
   );
   return /* @__PURE__ */ e.jsxs("section", { className: "muncher-table", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "row head", children: f.map(
-      (m, M) => m.visibility === "hidden" ? null : /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "row head", children: v.map(
+      (m, k) => m.visibility === "hidden" ? null : /* @__PURE__ */ e.jsx(
         "div",
         {
           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,
+            w1,
             {
-              onClick: () => T(M),
-              active: b.index === M,
-              sortAsc: !b.desc,
+              onClick: () => C(k),
+              active: g.index === k,
+              sortAsc: !g.desc,
               children: m.name
             }
           ) }) : m.name
         },
-        `row-head-${M}`
+        `row-head-${k}`
       )
     ) }),
-    r || C.map((m, M) => /* @__PURE__ */ e.jsx("div", { className: "row", children: m.map(
-      (A, L) => f[L].visibility === "hidden" ? null : /* @__PURE__ */ e.jsx(
+    r || b.map((m, k) => /* @__PURE__ */ e.jsx("div", { className: "row", children: m.map(
+      (z, O) => v[O].visibility === "hidden" ? null : /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: f[L].visibility ? "col main" : "col",
-          children: A.content
+          className: v[O].visibility ? "col main" : "col",
+          children: z.content
         },
-        `row-col-${M}-${L}`
+        `row-col-${k}-${O}`
       )
-    ) }, `row-${M}`)),
+    ) }, `row-${k}`)),
     h ?? null,
     /* @__PURE__ */ e.jsxs("div", { className: "row-footer", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "row-footer-buttons", children: [
-        !a && /* @__PURE__ */ e.jsx(
-          we,
+        !x && /* @__PURE__ */ e.jsx(
+          M1,
           {
             filename: n ?? "download",
             variant: "secondary",
@@ -2050,13 +2167,13 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
           }
         ),
         o && /* @__PURE__ */ e.jsx(
-          Me,
+          N1,
           {
             name: "csv-input-file",
             handleOnChange: i,
-            isUploading: x,
+            isUploading: a,
             warningMessage: j,
-            successMessage: u
+            successMessage: y
           }
         )
       ] }),
@@ -2064,7 +2181,7 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
         /* @__PURE__ */ e.jsxs("div", { className: "left", children: [
           "Rows:",
           /* @__PURE__ */ e.jsx(
-            Ce,
+            C1,
             {
               name: "pageSize",
               options: [
@@ -2072,37 +2189,37 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
                 { label: "100", value: "100" },
                 { label: "500", value: "500" }
               ],
-              value: String(v.size),
-              onChange: (m) => k({ num: 0, size: parseInt(m.target.value, 10) })
+              value: String(f.size),
+              onChange: (m) => E({ num: 0, size: parseInt(m.target.value, 10) })
             }
           )
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "center", children: [
-          v.num * v.size + 1,
+          f.num * f.size + 1,
           " -",
-          Math.min((v.num + 1) * v.size, g.length),
+          Math.min((f.num + 1) * f.size, N.length),
           " of ",
-          g.length
+          N.length
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "right", children: [
           /* @__PURE__ */ e.jsx(
-            O,
+            V,
             {
               variant: "transparent",
-              disabled: v.num === 0,
+              disabled: f.num === 0,
               size: "small",
-              onClick: () => k({ ...v, num: v.num - 1 }),
-              children: /* @__PURE__ */ e.jsx(N, { name: "chevron-left" })
+              onClick: () => E({ ...f, num: f.num - 1 }),
+              children: /* @__PURE__ */ e.jsx(w, { name: "chevron-left" })
             }
           ),
           /* @__PURE__ */ e.jsx(
-            O,
+            V,
             {
               variant: "transparent",
-              disabled: (v.num + 1) * v.size >= g.length,
+              disabled: (f.num + 1) * f.size >= N.length,
               size: "small",
-              onClick: () => k({ ...v, num: v.num + 1 }),
-              children: /* @__PURE__ */ e.jsx(N, { name: "chevron-right" })
+              onClick: () => E({ ...f, num: f.num + 1 }),
+              children: /* @__PURE__ */ e.jsx(w, { name: "chevron-right" })
             }
           )
         ] })
@@ -2111,42 +2228,42 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
   ] });
 };
 export {
-  Re as Accordion,
-  me as Backdrop,
-  fe as Badge,
-  O as Button,
-  ze as Checkbox,
-  be as CopyButton,
-  we as CsvButton,
-  Me as CsvInput,
-  ve as DropdownButton,
-  Ae as DropdownNavButton,
-  Je as Featured,
-  Ye as Hr,
-  N as Icon,
-  Te as IconBadge,
-  Se as ImageInput,
-  ke as Input,
-  Ue as ItemSlider,
+  A1 as Accordion,
+  m1 as Backdrop,
+  f1 as Badge,
+  V as Button,
+  _1 as Checkbox,
+  b1 as CopyButton,
+  M1 as CsvButton,
+  N1 as CsvInput,
+  v1 as DropdownButton,
+  R1 as DropdownNavButton,
+  J1 as Featured,
+  Y1 as Hr,
+  w as Icon,
+  z1 as IconBadge,
+  S1 as ImageInput,
+  k1 as Input,
+  U1 as ItemSlider,
   q as Label,
-  Pe as Li,
-  De as Modal,
-  xe as NavigateButton,
-  Fe as Paper,
-  Ie as Pill,
-  $e 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
+  P1 as Li,
+  D1 as Modal,
+  a1 as NavigateButton,
+  F1 as Paper,
+  I1 as Pill,
+  $1 as Progress,
+  H1 as Radio,
+  W1 as RangeSlider,
+  C1 as Select,
+  T1 as ShareButton,
+  B1 as Slider,
+  w1 as SortButton,
+  h1 as Spinner,
+  G1 as Star,
+  X1 as Table,
+  q1 as Tabs,
+  L1 as TextInputDropdown,
+  V1 as Textarea,
+  O1 as Ul,
+  g1 as copyToClipboard
 };