@contentmunch/contentmunch-ui 1.1.4 → 1.1.6

package/lib/index.es.js

@@ -1,4 +1,4 @@
-import o1, { useState as S, Fragment as s, useRef as d1, useCallback as G, useEffect as Q, useMemo as l1 } from "react";
+import o1, { useState as H, Fragment as s, useRef as h1, useCallback as q, useEffect as Z, useMemo as x1 } from "react";
 var K = { exports: {} }, B = {};
 /**
  * @license React
@@ -14,19 +14,19 @@ 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) {
+  function r(c, t, i) {
     var o = null;
-    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, {
+    if (i !== void 0 && (o = "" + i), t.key !== void 0 && (o = "" + t.key), "key" in t) {
+      i = {};
+      for (var a in t)
+        a !== "key" && (i[a] = t[a]);
+    } else i = t;
+    return t = i.ref, {
       $$typeof: n,
-      type: i,
+      type: c,
       key: o,
-      ref: c !== void 0 ? c : null,
-      props: x
+      ref: t !== void 0 ? t : null,
+      props: i
     };
   }
   return B.Fragment = l, B.jsx = r, B.jsxs = r, B;
@@ -41,166 +41,166 @@ 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 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) {
+var i1;
+function p1() {
+  return i1 || (i1 = 1, process.env.NODE_ENV !== "production" && function() {
+    function n(x) {
+      if (x == null) return null;
+      if (typeof x == "function")
+        return x.$$typeof === A ? null : x.displayName || x.name || null;
+      if (typeof x == "string") return x;
+      switch (x) {
         case g:
           return "Fragment";
         case f:
           return "Profiler";
         case _:
           return "StrictMode";
-        case b:
+        case M:
           return "Suspense";
-        case H:
+        case S:
           return "SuspenseList";
         case k:
           return "Activity";
       }
-      if (typeof t == "object")
-        switch (typeof t.tag == "number" && console.error(
+      if (typeof x == "object")
+        switch (typeof x.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), t.$$typeof) {
+        ), x.$$typeof) {
           case N:
             return "Portal";
           case C:
-            return (t.displayName || "Context") + ".Provider";
+            return (x.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;
+            return (x._context.displayName || "Context") + ".Consumer";
+          case z:
+            var p = x.render;
+            return x = x.displayName, x || (x = p.displayName || p.name || "", x = x !== "" ? "ForwardRef(" + x + ")" : "ForwardRef"), x;
           case P:
-            return u = t.displayName || null, u !== null ? u : n(t.type) || "Memo";
+            return p = x.displayName || null, p !== null ? p : n(x.type) || "Memo";
           case m:
-            u = t._payload, t = t._init;
+            p = x._payload, x = x._init;
             try {
-              return n(t(u));
+              return n(x(p));
             } catch {
             }
         }
       return null;
     }
-    function l(t) {
-      return "" + t;
+    function l(x) {
+      return "" + x;
     }
-    function r(t) {
+    function r(x) {
       try {
-        l(t);
-        var u = !1;
+        l(x);
+        var p = !1;
       } catch {
-        u = !0;
+        p = !0;
       }
-      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,
+      if (p) {
+        p = console;
+        var b = p.error, R = typeof Symbol == "function" && Symbol.toStringTag && x[Symbol.toStringTag] || x.constructor.name || "Object";
+        return b.call(
+          p,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           R
-        ), l(t);
+        ), l(x);
       }
     }
-    function i(t) {
-      if (t === g) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === m)
+    function c(x) {
+      if (x === g) return "<>";
+      if (typeof x == "object" && x !== null && x.$$typeof === m)
         return "<...>";
       try {
-        var u = n(t);
-        return u ? "<" + u + ">" : "<...>";
+        var p = n(x);
+        return p ? "<" + p + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function c() {
-      var t = O.A;
-      return t === null ? null : t.getOwner();
+    function t() {
+      var x = O.A;
+      return x === null ? null : x.getOwner();
     }
-    function x() {
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function o(t) {
-      if (X.call(t, "key")) {
-        var u = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (u && u.isReactWarning) return !1;
+    function o(x) {
+      if (X.call(x, "key")) {
+        var p = Object.getOwnPropertyDescriptor(x, "key").get;
+        if (p && p.isReactWarning) return !1;
       }
-      return t.key !== void 0;
+      return x.key !== void 0;
     }
-    function a(t, u) {
-      function M() {
+    function a(x, p) {
+      function b() {
         $ || ($ = !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)",
-          u
+          p
         ));
       }
-      M.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: M,
+      b.isReactWarning = !0, Object.defineProperty(x, "key", {
+        get: b,
         configurable: !0
       });
     }
-    function j() {
-      var t = n(this.type);
-      return Y[t] || (Y[t] = !0, console.error(
+    function d() {
+      var x = n(this.type);
+      return Y[x] || (Y[x] = !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."
-      )), t = this.props.ref, t !== void 0 ? t : null;
+      )), x = this.props.ref, x !== void 0 ? x : null;
     }
-    function y(t, u, M, R, D, L, e1, s1) {
-      return M = L.ref, t = {
+    function y(x, p, b, R, D, L, s1, n1) {
+      return b = L.ref, x = {
         $$typeof: v,
-        type: t,
-        key: u,
+        type: x,
+        key: p,
         props: L,
         _owner: D
-      }, (M !== void 0 ? M : null) !== null ? Object.defineProperty(t, "ref", {
+      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(x, "ref", {
         enumerable: !1,
-        get: j
-      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
+        get: d
+      }) : Object.defineProperty(x, "ref", { enumerable: !1, value: null }), x._store = {}, Object.defineProperty(x._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(t, "_debugInfo", {
+      }), Object.defineProperty(x, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(t, "_debugStack", {
+      }), Object.defineProperty(x, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: e1
-      }), Object.defineProperty(t, "_debugTask", {
+        value: s1
+      }), Object.defineProperty(x, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: s1
-      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
+        value: n1
+      }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     }
-    function d(t, u, M, R, D, L, e1, s1) {
-      var T = u.children;
+    function h(x, p, b, R, D, L, s1, n1) {
+      var T = p.children;
       if (T !== void 0)
         if (R)
-          if (Z(T)) {
+          if (e1(T)) {
             for (R = 0; R < T.length; R++)
-              h(T[R]);
+              j(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(T);
-      if (X.call(u, "key")) {
-        T = n(t);
-        var F = Object.keys(u).filter(function(j1) {
-          return j1 !== "key";
+        else j(T);
+      if (X.call(p, "key")) {
+        T = n(x);
+        var F = Object.keys(p).filter(function(d1) {
+          return d1 !== "key";
         });
-        R = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", r1[T + R] || (F = 0 < F.length ? "{" + F.join(": ..., ") + ": ...}" : "{}", console.error(
+        R = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", l1[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} />
@@ -211,116 +211,119 @@ React keys must be passed directly to JSX without using spread:
           T,
           F,
           T
-        ), r1[T + R] = !0);
+        ), l1[T + R] = !0);
       }
-      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;
+      if (T = null, b !== void 0 && (r(b), T = "" + b), o(p) && (r(p.key), T = "" + p.key), "key" in p) {
+        b = {};
+        for (var r1 in p)
+          r1 !== "key" && (b[r1] = p[r1]);
+      } else b = p;
       return T && a(
-        M,
-        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+        b,
+        typeof x == "function" ? x.displayName || x.name || "Unknown" : x
       ), y(
-        t,
+        x,
         T,
         L,
         D,
-        c(),
-        M,
-        e1,
-        s1
+        t(),
+        b,
+        s1,
+        n1
       );
     }
-    function h(t) {
-      typeof t == "object" && t !== null && t.$$typeof === v && t._store && (t._store.validated = 1);
+    function j(x) {
+      typeof x == "object" && x !== null && x.$$typeof === v && x._store && (x._store.validated = 1);
     }
-    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() {
+    var u = 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"), z = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), k = Symbol.for("react.activity"), A = Symbol.for("react.client.reference"), O = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, X = Object.prototype.hasOwnProperty, e1 = Array.isArray, I = console.createTask ? console.createTask : function() {
       return null;
     };
-    p = {
-      "react-stack-bottom-frame": function(t) {
-        return t();
+    u = {
+      "react-stack-bottom-frame": function(x) {
+        return x();
       }
     };
-    var $, Y = {}, U = p["react-stack-bottom-frame"].bind(
-      p,
-      x
-    )(), W = I(i(x)), r1 = {};
-    J.Fragment = g, J.jsx = function(t, u, M, R, D) {
+    var $, Y = {}, U = u["react-stack-bottom-frame"].bind(
+      u,
+      i
+    )(), W = I(c(i)), l1 = {};
+    J.Fragment = g, J.jsx = function(x, p, b, R, D) {
       var L = 1e4 > O.recentlyCreatedOwnerStacks++;
-      return d(
-        t,
-        u,
-        M,
+      return h(
+        x,
+        p,
+        b,
         !1,
         R,
         D,
         L ? Error("react-stack-top-frame") : U,
-        L ? I(i(t)) : W
+        L ? I(c(x)) : W
       );
-    }, J.jsxs = function(t, u, M, R, D) {
+    }, J.jsxs = function(x, p, b, R, D) {
       var L = 1e4 > O.recentlyCreatedOwnerStacks++;
-      return d(
-        t,
-        u,
-        M,
+      return h(
+        x,
+        p,
+        b,
         !0,
         R,
         D,
         L ? Error("react-stack-top-frame") : U,
-        L ? I(i(t)) : W
+        L ? I(c(x)) : W
       );
     };
   }()), J;
 }
-var i1;
-function p1() {
-  return i1 || (i1 = 1, process.env.NODE_ENV === "production" ? K.exports = y1() : K.exports = u1()), K.exports;
+var c1;
+function u1() {
+  return c1 || (c1 = 1, process.env.NODE_ENV === "production" ? K.exports = y1() : K.exports = p1()), K.exports;
 }
-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 v = h.match(/34|40/) ? 1 : -1, N = i.length, g = (c + N + v) % N;
-      x(g);
+var e = u1();
+const z1 = ({ variant: n, collapsed: l, children: r }) => {
+  const { folds: c } = r, [t, i] = H(l ? -1 : 0), o = (h) => h === t ? "fold active" : "fold", a = (h) => "fold-button" + (n ? " fold-button--" + n : "") + (c[h].foldColor ? " fold-button--primary fold-button--" + c[h].foldColor : ""), d = (h) => {
+    const j = h.which.toString(), u = h.ctrlKey && j.match(/33|34/);
+    if (j.match(/38|40/) || u) {
+      const v = j.match(/34|40/) ? 1 : -1, N = c.length, g = (t + N + v) % N;
+      i(g);
     } else
-      h === "36" && x(0), h === "35" && x(i.length - 1);
-    d.preventDefault();
-  }, y = (d) => {
-    x(c === d ? -1 : d);
+      j === "36" && i(0), j === "35" && i(c.length - 1);
+    h.preventDefault();
+  }, y = (h) => {
+    i(t === h ? -1 : h);
   };
-  return /* @__PURE__ */ e.jsx("div", { className: "muncher-accordion", children: i.map(
-    (d, h) => /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsx("div", { className: "muncher-accordion", children: c.map(
+    (h, j) => /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: o(h),
-        "aria-expanded": c === h,
+        className: o(j),
+        "aria-expanded": t === j,
         children: [
           /* @__PURE__ */ e.jsx(
             "button",
             {
-              className: a(h),
-              onKeyDown: j,
-              onClick: () => y(h),
-              children: /* @__PURE__ */ e.jsx("span", { children: d.heading })
+              className: a(j),
+              onKeyDown: d,
+              onClick: () => y(j),
+              children: /* @__PURE__ */ e.jsx("span", { children: h.heading })
             }
           ),
-          /* @__PURE__ */ e.jsx("section", { className: "fold-content", children: d.body })
+          /* @__PURE__ */ e.jsx("section", { className: "fold-content", children: h.body })
         ]
       },
-      "muncher-accordion-fold-" + h
+      "muncher-accordion-fold-" + j
     )
   ) });
 }, m1 = ({
   show: n = !1,
   backdropClickHandler: l,
   ...r
-}) => 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 = {
+}) => n ? /* @__PURE__ */ e.jsx("div", { className: "muncher-backdrop", onClick: l, ...r }) : null, f1 = ({ variant: n, rounded: l, border: r, children: c, ...t }) => {
+  const i = "muncher-badge" + (n ? " muncher-badge--" + n : "") + (l ? " muncher-badge--rounded" : "") + (r ? " muncher-badge--border" : "");
+  return /* @__PURE__ */ e.jsx("div", { className: i, ...t, children: c });
+}, Q = {
+  // Navigation & Movement (Anything related to direction, traversal, layout movement)
+  // Actions & Controls (Generic system actions and state changes)
+  // Content & Creation
   "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" }),
@@ -350,6 +353,19 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
     /* @__PURE__ */ e.jsx("line", { x1: "9", y1: "20", x2: "15", y2: "20" }),
     /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "4", x2: "12", y2: "20" })
   ] }),
+  italic: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("line", { x1: "19", y1: "4", x2: "10", y2: "4" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "14", y1: "20", x2: "5", y2: "20" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "15", y1: "4", x2: "9", y2: "20" })
+  ] }),
+  bold: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("path", { d: "M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" }),
+    /* @__PURE__ */ e.jsx("path", { d: "M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" })
+  ] }),
+  underline: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("path", { d: "M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "4", y1: "21", x2: "20", y2: "21" })
+  ] }),
   "ordered-list": /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx("line", { x1: "9", y1: "5", x2: "21", y2: "5" }),
     /* @__PURE__ */ e.jsx("line", { x1: "9", y1: "12", x2: "21", y2: "12" }),
@@ -366,12 +382,6 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
     /* @__PURE__ */ e.jsx("circle", { cx: "4", cy: "5", r: "1" }),
     /* @__PURE__ */ e.jsx("circle", { cx: "4", cy: "19", r: "1" })
   ] }),
-  table: /* @__PURE__ */ e.jsxs(s, { children: [
-    /* @__PURE__ */ e.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
-    /* @__PURE__ */ e.jsx("line", { x1: "3", y1: "9", x2: "21", y2: "9" }),
-    /* @__PURE__ */ e.jsx("line", { x1: "3", y1: "15", x2: "21", y2: "15" }),
-    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "3", x2: "12", y2: "21" })
-  ] }),
   undo: /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx("polyline", { points: "2 10 2 16 8 16" }),
     /* @__PURE__ */ e.jsx("path", { d: "m22 16c-1.8136-6.5424-9.5593-9.4823-15.36-4.36l-4.64 4.36" })
@@ -392,31 +402,6 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
     /* @__PURE__ */ e.jsx("line", { x1: "16", y1: "19", x2: "16", y2: "22" }),
     /* @__PURE__ */ e.jsx("line", { x1: "19", y1: "16", x2: "22", y2: "16" })
   ] }),
-  "arrow-left": /* @__PURE__ */ e.jsxs(s, { children: [
-    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ e.jsx("polyline", { points: "12 8 8 12 12 16" }),
-    /* @__PURE__ */ e.jsx("line", { x1: "16", y1: "12", x2: "8", y2: "12" })
-  ] }),
-  "arrow-right": /* @__PURE__ */ e.jsxs(s, { children: [
-    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ e.jsx("polyline", { points: "12 16 16 12 12 8" }),
-    /* @__PURE__ */ e.jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12" })
-  ] }),
-  "arrow-down": /* @__PURE__ */ e.jsxs(s, { children: [
-    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ e.jsx("polyline", { points: "8 12 12 16 16 12" }),
-    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "16" })
-  ] }),
-  "arrow-up": /* @__PURE__ */ e.jsxs(s, { children: [
-    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__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,10 +456,7 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
     ),
     /* @__PURE__ */ e.jsx("polygon", { points: "9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02" })
   ] }),
-  clock: /* @__PURE__ */ e.jsxs(s, { children: [
-    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ e.jsx("polyline", { points: "12 6 12 12 16 14" })
-  ] }),
+  moon: /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }) }),
   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" }),
@@ -489,6 +471,12 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
     /* @__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" })
   ] }),
+  server: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("rect", { x: "2", y: "2", width: "20", height: "8", rx: "2", ry: "2" }),
+    /* @__PURE__ */ e.jsx("rect", { x: "2", y: "14", width: "20", height: "8", rx: "2", ry: "2" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "6", y1: "6", x2: "6.01", y2: "6" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "6", y1: "18", x2: "6.01", y2: "18" })
+  ] }),
   camera: /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx("path", { d: "M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z" }),
     /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "13", r: "4" })
@@ -509,24 +497,16 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
     /* @__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" })
   ] }),
+  droplet: /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx("path", { d: "M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z" }) }),
   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(
@@ -536,12 +516,20 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
       }
     )
   ] }),
+  slash: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "4.93", y1: "4.93", x2: "19.07", y2: "19.07" })
+  ] }),
+  circle: /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }) }),
+  triangle: /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }) }),
+  square: /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }) }),
   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"
     }
   ) }),
+  octagon: /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx("polygon", { points: "7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" }) }),
   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(
@@ -595,10 +583,35 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
     ),
     /* @__PURE__ */ e.jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] }),
+  speaker: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", ry: "2" }),
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "14", r: "4" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "6", x2: "12.01", y2: "6" })
+  ] }),
   tv: /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx("rect", { x: "2", y: "7", width: "20", height: "15", rx: "2", ry: "2" }),
     /* @__PURE__ */ e.jsx("polyline", { points: "17 2 12 7 7 2" })
   ] }),
+  film: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "2.18", ry: "2.18" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "7", y1: "2", x2: "7", y2: "22" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "17", y1: "2", x2: "17", y2: "22" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "2", y1: "12", x2: "22", y2: "12" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "2", y1: "7", x2: "7", y2: "7" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "2", y1: "17", x2: "7", y2: "17" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "17", y1: "17", x2: "22", y2: "17" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "17", y1: "7", x2: "22", y2: "7" })
+  ] }),
+  monitor: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", ry: "2" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
+  ] }),
+  music: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("path", { d: "M9 18V5l12-2v13" }),
+    /* @__PURE__ */ e.jsx("circle", { cx: "6", cy: "18", r: "3" }),
+    /* @__PURE__ */ e.jsx("circle", { cx: "18", cy: "16", r: "3" })
+  ] }),
   truck: /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx("rect", { x: "1", y: "3", width: "15", height: "13" }),
     /* @__PURE__ */ e.jsx("polygon", { points: "16 8 20 8 23 11 23 16 16 16 16 8" }),
@@ -654,12 +667,44 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
     /* @__PURE__ */ e.jsx("line", { x1: "23", y1: "9", x2: "17", y2: "15" }),
     /* @__PURE__ */ e.jsx("line", { x1: "17", y1: "9", x2: "23", y2: "15" })
   ] }),
+  mic: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("path", { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }),
+    /* @__PURE__ */ e.jsx("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "19", x2: "12", y2: "23" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "8", y1: "23", x2: "16", y2: "23" })
+  ] }),
+  "mic-off": /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" }),
+    /* @__PURE__ */ e.jsx("path", { d: "M9 9v3a3 3 0 0 0 5.12 2.12M15 9.34V4a3 3 0 0 0-5.94-.6" }),
+    /* @__PURE__ */ e.jsx("path", { d: "M17 16.95A7 7 0 0 1 5 12v-2m14 0v2a7 7 0 0 1-.11 1.23" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "19", x2: "12", y2: "23" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "8", y1: "23", x2: "16", y2: "23" })
+  ] }),
+  "arrow-left": /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e.jsx("polyline", { points: "12 8 8 12 12 16" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "16", y1: "12", x2: "8", y2: "12" })
+  ] }),
+  "arrow-right": /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e.jsx("polyline", { points: "12 16 16 12 12 8" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12" })
+  ] }),
+  "arrow-down": /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e.jsx("polyline", { points: "8 12 12 16 16 12" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "16" })
+  ] }),
+  "arrow-up": /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e.jsx("polyline", { points: "16 12 12 8 8 12" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "16", x2: "12", y2: "8" })
+  ] }),
   alert: /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
     /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
   ] }),
-  "simple-check": /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx("polyline", { points: "20 6 9 17 4 12" }) }),
   check: /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
     /* @__PURE__ */ e.jsx("polyline", { points: "22 4 12 14.01 9 11.01" })
@@ -679,6 +724,71 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
     /* @__PURE__ */ e.jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
     /* @__PURE__ */ e.jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
   ] }),
+  plus: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "16" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12" })
+  ] }),
+  minus: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12" })
+  ] }),
+  divide: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "16", x2: "12", y2: "16" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "8" }),
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" })
+  ] }),
+  disc: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "3" })
+  ] }),
+  target: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "6" }),
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "2" })
+  ] }),
+  clock: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e.jsx("polyline", { points: "12 6 12 12 16 14" })
+  ] }),
+  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" })
+  ] }),
+  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" })
+  ] }),
+  dribble: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e.jsx(
+      "path",
+      {
+        d: "M8.56 2.75c4.37 6.03 6.02 9.42 8.03 17.72m2.54-15.38c-3.72 4.35-8.94 5.66-16.88 5.85m19.5 1.9c-3.5-.93-6.63-.82-8.94 0-2.58.92-5.01 2.86-7.44 6.32"
+      }
+    )
+  ] }),
+  smile: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e.jsx("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "9", y1: "9", x2: "9.01", y2: "9" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "15", y1: "9", x2: "15.01", y2: "9" })
+  ] }),
+  frown: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e.jsx("path", { d: "M16 16s-1.5-2-4-2-4 2-4 2" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "9", y1: "9", x2: "9.01", y2: "9" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "15", y1: "9", x2: "15.01", y2: "9" })
+  ] }),
+  meh: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "8", y1: "15", x2: "16", y2: "15" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "9", y1: "9", x2: "9.01", y2: "9" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "15", y1: "9", x2: "15.01", y2: "9" })
+  ] }),
+  "simple-check": /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx("polyline", { points: "20 6 9 17 4 12" }) }),
   code: /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx("polyline", { points: "16 18 22 12 16 6" }),
     /* @__PURE__ */ e.jsx("polyline", { points: "8 6 2 12 8 18" })
@@ -736,15 +846,6 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
     /* @__PURE__ */ e.jsx("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }),
     /* @__PURE__ */ e.jsx("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })
   ] }),
-  plus: /* @__PURE__ */ e.jsxs(s, { children: [
-    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "16" }),
-    /* @__PURE__ */ e.jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12" })
-  ] }),
-  minus: /* @__PURE__ */ e.jsxs(s, { children: [
-    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ e.jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12" })
-  ] }),
   "external-link": /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
     /* @__PURE__ */ e.jsx("polyline", { points: "15 3 21 3 21 9" }),
@@ -789,18 +890,39 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
     /* @__PURE__ */ e.jsx("line", { x1: "14.47", y1: "14.48", x2: "20", y2: "20" }),
     /* @__PURE__ */ e.jsx("line", { x1: "8.12", y1: "8.12", x2: "12", y2: "12" })
   ] }),
-  slash: /* @__PURE__ */ e.jsxs(s, { children: [
-    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ e.jsx("line", { x1: "4.93", y1: "4.93", x2: "19.07", y2: "19.07" })
+  table: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "3", y1: "9", x2: "21", y2: "9" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "3", y1: "15", x2: "21", y2: "15" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "3", x2: "12", y2: "21" })
+  ] }),
+  layout: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "3", y1: "9", x2: "21", y2: "9" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "9", y1: "21", x2: "9", y2: "9" })
   ] }),
   sidebar: /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
     /* @__PURE__ */ e.jsx("line", { x1: "9", y1: "3", x2: "9", y2: "21" })
   ] }),
+  "split-view": /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "3", x2: "12", y2: "21" })
+  ] }),
+  hash: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("line", { x1: "4", y1: "9", x2: "20", y2: "9" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "4", y1: "15", x2: "20", y2: "15" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "10", y1: "3", x2: "8", y2: "21" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "16", y1: "3", x2: "14", y2: "21" })
+  ] }),
   dollar: /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "1", x2: "12", y2: "23" }),
     /* @__PURE__ */ e.jsx("path", { d: "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" })
   ] }),
+  "credit-card": /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("rect", { x: "1", y: "4", width: "22", height: "16", rx: "2", ry: "2" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "1", y1: "10", x2: "23", y2: "10" })
+  ] }),
   box: /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx(
       "path",
@@ -970,6 +1092,19 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
     /* @__PURE__ */ e.jsx("circle", { cx: "6.5", cy: "16.5", r: "2.5" }),
     /* @__PURE__ */ e.jsx("circle", { cx: "16.5", cy: "16.5", r: "2.5" })
   ] }),
+  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" })
+  ] }),
+  book: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("path", { d: "M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z" }),
+    /* @__PURE__ */ e.jsx("path", { d: "M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z" })
+  ] }),
+  briefcase: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("rect", { x: "2", y: "7", width: "20", height: "14", rx: "2", ry: "2" }),
+    /* @__PURE__ */ e.jsx("path", { d: "M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16" })
+  ] }),
   more: /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "1" }),
     /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "5", r: "1" }),
@@ -1004,6 +1139,10 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
     /* @__PURE__ */ e.jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
     /* @__PURE__ */ e.jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
   ] }),
+  crop: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("path", { d: "M6.13 1L6 16a2 2 0 0 0 2 2h15" }),
+    /* @__PURE__ */ e.jsx("path", { d: "M1 6.13L16 6a2 2 0 0 1 2 2v15" })
+  ] }),
   clipboard: /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx("path", { d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" }),
     /* @__PURE__ */ e.jsx("rect", { x: "8", y: "2", width: "8", height: "4", rx: "1", ry: "1" })
@@ -1024,10 +1163,21 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
     /* @__PURE__ */ e.jsx("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
     /* @__PURE__ */ e.jsx("polyline", { points: "22,6 12,13 2,6" })
   ] }),
+  message: /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx(
+    "path",
+    {
+      d: "M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"
+    }
+  ) }),
   phone: /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", ry: "2" }),
     /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "18", x2: "12.01", y2: "18" })
   ] }),
+  voicemail: /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("circle", { cx: "5.5", cy: "11.5", r: "4.5" }),
+    /* @__PURE__ */ e.jsx("circle", { cx: "18.5", cy: "11.5", r: "4.5" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "5.5", y1: "16", x2: "18.5", y2: "16" })
+  ] }),
   inbox: /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx("polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12" }),
     /* @__PURE__ */ e.jsx(
@@ -1134,24 +1284,6 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
     /* @__PURE__ */ e.jsx("rect", { x: "1", y: "5", width: "22", height: "14", rx: "7", ry: "7" }),
     /* @__PURE__ */ e.jsx("circle", { cx: "16", cy: "12", r: "3", color: "green" })
   ] }),
-  smile: /* @__PURE__ */ e.jsxs(s, { children: [
-    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ e.jsx("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
-    /* @__PURE__ */ e.jsx("line", { x1: "9", y1: "9", x2: "9.01", y2: "9" }),
-    /* @__PURE__ */ e.jsx("line", { x1: "15", y1: "9", x2: "15.01", y2: "9" })
-  ] }),
-  frown: /* @__PURE__ */ e.jsxs(s, { children: [
-    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ e.jsx("path", { d: "M16 16s-1.5-2-4-2-4 2-4 2" }),
-    /* @__PURE__ */ e.jsx("line", { x1: "9", y1: "9", x2: "9.01", y2: "9" }),
-    /* @__PURE__ */ e.jsx("line", { x1: "15", y1: "9", x2: "15.01", y2: "9" })
-  ] }),
-  meh: /* @__PURE__ */ e.jsxs(s, { children: [
-    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ e.jsx("line", { x1: "8", y1: "15", x2: "16", y2: "15" }),
-    /* @__PURE__ */ e.jsx("line", { x1: "9", y1: "9", x2: "9.01", y2: "9" }),
-    /* @__PURE__ */ e.jsx("line", { x1: "15", y1: "9", x2: "15.01", y2: "9" })
-  ] }),
   at: /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "4" }),
     /* @__PURE__ */ e.jsx("path", { d: "M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94" })
@@ -1174,6 +1306,14 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
     /* @__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" })
   ] }),
+  "trending-up": /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("polyline", { points: "23 6 13.5 15.5 8.5 10.5 1 18" }),
+    /* @__PURE__ */ e.jsx("polyline", { points: "17 6 23 6 23 12" })
+  ] }),
+  "trending-down": /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("polyline", { points: "23 18 13.5 8.5 8.5 13.5 1 6" }),
+    /* @__PURE__ */ e.jsx("polyline", { points: "17 18 23 18 23 12" })
+  ] }),
   gift: /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx("polyline", { points: "20 12 20 22 4 22 4 12" }),
     /* @__PURE__ */ e.jsx("rect", { x: "2", y: "7", width: "20", height: "5" }),
@@ -1196,39 +1336,39 @@ const A1 = ({ variant: n, collapsed: l, 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" })
   ] })
-}, 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";
+}, w = ({ color: n, name: l, size: r = "small", weight: c = 2, onClick: t, iconString: i, orientation: o, children: a }) => {
+  const d = `muncher-icon--${r}`, y = l ? Q[l] : i && i in Q ? Q[i] : (process.env.NODE_ENV === "development" && console.warn("Unknown icon:", i), Q.muncher);
   return /* @__PURE__ */ e.jsxs("span", { className: "muncher-icon", children: [
     a && o && o === "right" ? /* @__PURE__ */ e.jsx("span", { className: "content-left", children: a }) : "",
     /* @__PURE__ */ e.jsx(
       "svg",
       {
-        className: j,
+        className: d,
         stroke: n || "currentColor",
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 24 24",
         fill: "none",
-        strokeWidth: i || 2,
+        strokeWidth: c || 2,
         strokeLinecap: "round",
         strokeLinejoin: "round",
-        onClick: c,
-        children: l ? x1[l] : x ? Object(x1)[x] : ""
+        onClick: t,
+        children: y
       }
     ),
-    a && (!o || o === "left") ? /* @__PURE__ */ e.jsx("span", { className: "content-right", children: a }) : ""
+    a && o === "right" && /* @__PURE__ */ e.jsx("span", { className: "content-left", children: a })
   ] });
-}, z1 = ({
+}, A1 = ({
   variant: n = "primary",
   icon: l = "bell",
   text: r,
-  onClick: i,
-  ...c
+  onClick: c,
+  ...t
 }) => /* @__PURE__ */ e.jsxs(
   "div",
   {
     className: "muncher-icon-badge",
-    onClick: i,
-    ...c,
+    onClick: c,
+    ...t,
     children: [
       /* @__PURE__ */ e.jsx(w, { name: l }),
       r === "" ? "" : /* @__PURE__ */ e.jsx(f1, { variant: n, children: r })
@@ -1238,78 +1378,78 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
   type: n = "button",
   variant: l,
   size: r = "medium",
-  title: i,
-  active: c,
-  disabled: x,
+  title: c,
+  active: t,
+  disabled: i,
   rounded: o,
   onClick: a,
-  onMouseDown: j,
+  onMouseDown: d,
   onMouseEnter: y,
-  onMouseLeave: d,
-  children: h,
-  ...p
+  onMouseLeave: h,
+  children: j,
+  ...u
 }) => {
-  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" : "");
+  const v = "muncher-button" + (n && n === "nav" ? " muncher-button--nav" : "") + (l ? " muncher-button--" + l : "") + (r ? " muncher-button--" + r : "") + (t ? " muncher-button--active" : "") + (o ? " muncher-button--rounded" : "");
   return /* @__PURE__ */ e.jsx(
     "button",
     {
       type: n && n !== "nav" ? n : "button",
       className: v,
-      disabled: !!x,
-      title: i,
+      disabled: !!i,
+      title: c,
       onClick: a,
-      onMouseDown: j,
+      onMouseDown: d,
       onMouseEnter: y,
-      onMouseLeave: d,
-      ...p,
-      children: h
+      onMouseLeave: h,
+      ...u,
+      children: j
     }
   );
 }, v1 = ({
   variant: n,
   size: l = "medium",
   title: r,
-  active: i,
-  disabled: c,
-  element: x,
+  active: c,
+  disabled: t,
+  element: i,
   onMouseDown: o,
   rounded: a,
-  drop: j,
+  drop: d,
   onClick: y,
-  onClose: d,
-  showContent: h,
-  setShowContent: p,
+  onClose: h,
+  showContent: j,
+  setShowContent: u,
   withDropIcon: v,
   children: N,
   ...g
 }) => {
-  const _ = d1(null), f = (b) => {
-    b.preventDefault(), y && y(b), p && p(!0);
-  }, E = G(() => {
-    p(!1), d && d();
-  }, [d, p]), C = G((b) => {
-    b.keyCode === 27 && E();
+  const _ = h1(null), f = (M) => {
+    M.preventDefault(), y && y(M), u && u(!0);
+  }, E = q(() => {
+    u(!1), h && h();
+  }, [h, u]), C = q((M) => {
+    M.keyCode === 27 && E();
   }, [E]);
-  Q(() => {
-    const b = (H) => {
-      _ && _.current && H.target instanceof HTMLElement && !_.current.contains(H.target) && E();
+  Z(() => {
+    const M = (S) => {
+      _ && _.current && S.target instanceof HTMLElement && !_.current.contains(S.target) && E();
     };
-    return document.addEventListener("keydown", C, !1), document.addEventListener("mousedown", b), () => {
+    return document.addEventListener("keydown", C, !1), document.addEventListener("mousedown", M), () => {
       document.removeEventListener("keydown", C, !1);
     };
   }, [C, E]);
-  const A = () => {
+  const z = () => {
     var P;
-    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);
+    const M = (P = _.current) == null ? void 0 : P.offsetLeft, S = window.innerWidth;
+    if (M) {
+      if (M < 100) return "muncher-dropdown--content";
+      if (S - M < 150) return "muncher-dropdown--content drop-left";
+      if (S - M < 250) {
+        const m = Math.round((S - M) / S * 100);
         if (m > 40 || m < 60) return "muncher-dropdown--content drop-middle";
       }
     }
-    switch (j) {
+    switch (d) {
       case "left":
         return "muncher-dropdown--content drop-left";
       case "middle":
@@ -1324,14 +1464,14 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
       {
         onMouseDown: f,
         title: r,
-        disabled: c,
+        disabled: t,
         rounded: a,
-        active: i,
+        active: c,
         variant: n,
         size: l,
         ...g,
         children: [
-          x,
+          i,
           v ? /* @__PURE__ */ e.jsx(
             "span",
             {
@@ -1342,41 +1482,41 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
         ]
       }
     ),
-    h ? /* @__PURE__ */ e.jsx("div", { className: A(), children: N }) : ""
+    j ? /* @__PURE__ */ e.jsx("div", { className: z(), children: N }) : ""
   ] });
 }, R1 = ({
   title: n,
   active: l,
   disabled: r,
-  element: i,
-  rounded: c,
-  dropLeft: x,
+  element: c,
+  rounded: t,
+  dropLeft: i,
   children: o,
   ...a
-}) => /* @__PURE__ */ e.jsxs("div", { className: `muncher-dropdown-nav ${x ? "drop-left" : ""}`, children: [
+}) => /* @__PURE__ */ e.jsxs("div", { className: `muncher-dropdown-nav ${i ? "drop-left" : ""}`, children: [
   /* @__PURE__ */ e.jsx(
     V,
     {
       type: "nav",
       title: n,
       disabled: r,
-      rounded: c,
+      rounded: t,
       active: l,
       ...a,
-      children: i
+      children: c
     }
   ),
   /* @__PURE__ */ e.jsx("div", { className: "muncher-dropdown-nav--content", children: o })
 ] }), g1 = (n) => {
   navigator.clipboard.writeText(n);
-}, b1 = ({
+}, M1 = ({
   text: n,
   variant: l = "secondary",
   size: r = "small"
 }) => {
-  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");
+  const [c, t] = H(), [i, o] = H("copy"), [a, d] = H("copy link"), y = () => {
+    g1(n), t("green"), o("check"), d("copied!"), setTimeout(function() {
+      t(""), o("copy");
     }, 2e3);
   };
   return /* @__PURE__ */ e.jsx(
@@ -1386,7 +1526,7 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
       variant: l,
       title: a,
       onClick: y,
-      children: /* @__PURE__ */ e.jsx(w, { name: x, color: i })
+      children: /* @__PURE__ */ e.jsx(w, { name: i, color: c })
     }
   );
 }, T1 = ({
@@ -1394,13 +1534,13 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
   size: l = "medium",
   title: r
 }) => {
-  const [i, c] = S(!1);
+  const [c, t] = H(!1);
   return /* @__PURE__ */ e.jsx("div", { className: "muncher-share", children: /* @__PURE__ */ e.jsxs(
     v1,
     {
       title: "Share to Social Media",
-      showContent: i,
-      setShowContent: c,
+      showContent: c,
+      setShowContent: t,
       variant: n,
       size: l,
       element: /* @__PURE__ */ e.jsx(w, { name: "share", orientation: "right", children: "Share" }),
@@ -1432,43 +1572,43 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
             children: /* @__PURE__ */ e.jsx(w, { name: "mail" })
           }
         ) }),
-        /* @__PURE__ */ e.jsx(b1, { text: window.location.href })
+        /* @__PURE__ */ e.jsx(M1, { text: window.location.href })
       ]
     }
   ) });
-}, M1 = ({
+}, b1 = ({
   header: n,
   data: l,
   filename: r,
-  variant: i,
-  size: c,
-  title: x,
+  variant: c,
+  size: t,
+  title: i,
   active: o,
   disabled: a,
-  rounded: j
+  rounded: d
 }) => {
   const y = encodeURI("data:text/csv;charset=utf-8," + n.join(",") + `
-` + l.map((d) => d.join(",")).join(`
+` + l.map((h) => h.join(",")).join(`
 `));
-  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" }) }) }) });
+  return /* @__PURE__ */ e.jsx("div", { className: "muncher-csv", children: /* @__PURE__ */ e.jsx(V, { variant: c, size: t, active: o, disabled: a, rounded: d, children: /* @__PURE__ */ e.jsx("a", { href: y, download: r + ".csv", children: /* @__PURE__ */ e.jsx(w, { name: "download", children: i || "Download" }) }) }) });
 }, w1 = ({
   variant: n = "transparent",
   size: l = "small",
   title: r,
-  sortAsc: i = "true",
-  active: c,
-  rounded: x,
+  sortAsc: c = "true",
+  active: t,
+  rounded: i,
   onClick: o,
   children: a
 }) => {
-  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" });
+  const [d, y] = H(!1), h = () => !t || t && !d ? c ? /* @__PURE__ */ e.jsx(w, { name: "sort-asc" }) : /* @__PURE__ */ e.jsx(w, { name: "sort-desc" }) : c ? /* @__PURE__ */ e.jsx(w, { name: "sort-desc" }) : /* @__PURE__ */ e.jsx(w, { name: "sort-asc" });
   return /* @__PURE__ */ e.jsxs(
     V,
     {
       variant: n,
       size: l,
       title: r,
-      rounded: x,
+      rounded: i,
       onMouseEnter: () => {
         y(!0);
       },
@@ -1478,7 +1618,7 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
       onClick: o,
       children: [
         a,
-        c || j ? /* @__PURE__ */ e.jsx(d, {}) : ""
+        t || d ? /* @__PURE__ */ e.jsx(h, {}) : ""
       ]
     }
   );
@@ -1486,13 +1626,13 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
   direction: n,
   size: l = "small",
   weight: r,
-  isDisabled: i,
-  variant: c = "primary",
-  navIcon: x = "chevron",
+  isDisabled: c,
+  variant: t = "primary",
+  navIcon: i = "chevron",
   onClick: o
 }) => {
   const a = () => {
-    switch (x) {
+    switch (i) {
       case "arrow":
         return n === "left" ? "arrow-left" : "arrow-right";
       case "skip":
@@ -1511,27 +1651,27 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
         V,
         {
           onClick: o,
-          disabled: i,
+          disabled: c,
           size: "small",
-          variant: c,
+          variant: t,
           title: n === "left" ? "Navigate Left" : "Navigate Right",
           children: /* @__PURE__ */ e.jsx(w, { name: a(), size: l, weight: r })
         }
       )
     }
   );
-}, q = ({ label: n, onClick: l, id: r, required: i = !1 }) => /* @__PURE__ */ e.jsxs("label", { htmlFor: r, onClick: l, children: [
+}, G = ({ label: n, onClick: l, id: r, required: c = !1 }) => /* @__PURE__ */ e.jsxs("label", { htmlFor: r, onClick: l, children: [
   n,
-  i ? /* @__PURE__ */ e.jsx("span", { className: "required", children: "*" }) : ""
+  c ? /* @__PURE__ */ e.jsx("span", { className: "required", children: "*" }) : ""
 ] }), _1 = ({
   name: n,
   required: l = !1,
   onChange: r,
-  checked: i = !1,
-  label: c,
-  ...x
+  checked: c = !1,
+  label: t,
+  ...i
 }) => {
-  const [o, a] = S(i || !1);
+  const [o, a] = H(c || !1);
   return /* @__PURE__ */ e.jsx("div", { className: "muncher-input--div", children: /* @__PURE__ */ e.jsxs("div", { className: "muncher-checkbox", children: [
     /* @__PURE__ */ e.jsx(
       "input",
@@ -1539,27 +1679,27 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
         type: "checkbox",
         id: n,
         name: n,
-        onChange: (j) => {
-          a(j.target.checked), r && r();
+        onChange: (d) => {
+          a(d.target.checked), r && r();
         },
         checked: o,
         required: l,
-        ...x
+        ...i
       }
     ),
-    c ? /* @__PURE__ */ e.jsx(
-      q,
+    t ? /* @__PURE__ */ e.jsx(
+      G,
       {
-        label: c,
+        label: t,
         required: l,
         id: n,
-        onClick: (j) => {
-          j.preventDefault(), a(!o), r && r();
+        onClick: (d) => {
+          d.preventDefault(), a(!o), r && r();
         }
       }
     ) : ""
   ] }) });
-}, h1 = ({ size: n, ...l }) => /* @__PURE__ */ e.jsx(
+}, j1 = ({ size: n, ...l }) => /* @__PURE__ */ e.jsx(
   "div",
   {
     className: n ? "muncher-spinner muncher-spinner-" + n : "muncher-spinner",
@@ -1569,25 +1709,25 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
   name: n,
   label: l,
   variant: r = "secondary",
-  size: i = "medium",
-  required: c,
-  active: x,
+  size: c = "medium",
+  required: t,
+  active: i,
   isUploading: o,
   handleOnChange: a,
-  warningMessage: j,
+  warningMessage: d,
   successMessage: y,
-  ...d
+  ...h
 }) => {
-  const h = "muncher-button" + (r ? " muncher-button--" + r : "") + (i ? " muncher-button--" + i : "") + (x ? " muncher-button--active" : ""), p = (v) => {
+  const j = "muncher-button" + (r ? " muncher-button--" + r : "") + (c ? " muncher-button--" + c : "") + (i ? " muncher-button--active" : ""), u = (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.jsxs("label", { htmlFor: n, className: j, children: [
       /* @__PURE__ */ e.jsx(w, { name: "upload" }),
       " ",
       l || "Upload CSV",
-      c ? /* @__PURE__ */ e.jsx("span", { className: "required", children: " *" }) : "",
-      o ? /* @__PURE__ */ e.jsx(h1, { size: "tiny" }) : ""
+      t ? /* @__PURE__ */ e.jsx("span", { className: "required", children: " *" }) : "",
+      o ? /* @__PURE__ */ e.jsx(j1, { size: "tiny" }) : ""
     ] }),
     /* @__PURE__ */ e.jsx(
       "input",
@@ -1595,34 +1735,34 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
         id: n,
         type: "file",
         className: "muncher-file-input",
-        required: c,
-        onChange: p,
+        required: t,
+        onChange: u,
         accept: "text/csv",
-        ...d
+        ...h
       }
     ),
-    j && j !== "" ? /* @__PURE__ */ e.jsx("p", { className: "text-danger", children: j }) : "",
+    d && d !== "" ? /* @__PURE__ */ e.jsx("p", { className: "text-danger", children: d }) : "",
     y && y !== "" ? /* @__PURE__ */ e.jsx("p", { className: "text-success", children: y }) : ""
   ] }) });
-}, S1 = ({
+}, H1 = ({
   name: n,
   label: l,
   variant: r = "secondary",
-  size: i = "large",
-  required: c,
-  active: x,
+  size: c = "large",
+  required: t,
+  active: i,
   setFiles: o,
   error: a,
-  multiple: j = !1,
+  multiple: d = !1,
   maxFiles: y,
-  ...d
+  ...h
 }) => {
-  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 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(", "));
+  const [j, u] = H(""), [v, N] = H(""), g = y || 3, _ = "muncher-button" + (r ? " muncher-button--" + r : "") + (c ? " muncher-button--" + c : "") + (i ? " muncher-button--active" : ""), f = (C) => {
+    if (d) {
+      let z = Array.from(C.currentTarget.files);
+      z.length > g && (z = z.slice(0, g), N("Only first " + g + " files included")), o(z), u(z.map((M) => M.name).join(", "));
     } else
-      o(Array.from(C.currentTarget.files[0])), p(C.currentTarget.files[0].name);
+      o(Array.from(C.currentTarget.files[0])), u(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: [
@@ -1630,9 +1770,9 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
         /* @__PURE__ */ e.jsx(w, { name: "image" }),
         " ",
         l,
-        c ? /* @__PURE__ */ e.jsx("span", { className: "required", children: " *" }) : ""
+        t ? /* @__PURE__ */ e.jsx("span", { className: "required", children: " *" }) : ""
       ] }),
-      /* @__PURE__ */ e.jsx("span", { className: "span-file-name", children: h }),
+      /* @__PURE__ */ e.jsx("span", { className: "span-file-name", children: j }),
       /* @__PURE__ */ e.jsx(
         "input",
         {
@@ -1641,9 +1781,9 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
           className: "muncher-file-input",
           name: n,
           onChange: f,
-          multiple: j,
+          multiple: d,
           accept: "image/*",
-          ...d
+          ...h
         }
       )
     ] }),
@@ -1654,16 +1794,16 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
   name: n,
   label: l,
   required: r,
-  readOnly: i,
-  icon: c,
-  hoverIcon: x,
+  readOnly: c,
+  icon: t,
+  hoverIcon: i,
   onHoverIconClick: o,
   type: a = "text",
-  list: j,
+  list: d,
   onBlur: y,
-  labelPosition: d = "top",
-  onKeyDown: h,
-  error: p,
+  labelPosition: h = "top",
+  onKeyDown: j,
+  error: u,
   focus: v = !1,
   placeholder: N,
   onChange: g,
@@ -1671,22 +1811,22 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
   value: f,
   maxLength: E,
   onEnterPress: C,
-  displayLoader: A,
-  ...b
+  displayLoader: z,
+  ...M
 }) => {
-  const H = () => p && p !== "", P = () => {
-    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);
+  const S = () => u && u !== "", P = () => {
+    let A = "muncher-input";
+    return (t || i) && (A += " muncher-input-icon"), S() && (A += " muncher-input-error"), h === "side" && (A += " muncher-label-side"), A;
+  }, m = () => l ? /* @__PURE__ */ e.jsx(G, { label: l, required: r, id: n }) : "", k = (A) => {
+    A.key === "Enter" && C && C(), j && j(A);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-input--div", children: [
-    d !== "side" ? m() : "",
+    h !== "side" ? m() : "",
     /* @__PURE__ */ e.jsxs("div", { className: "muncher-input-element", children: [
-      d === "side" ? m() : "",
-      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 }),
+      h === "side" ? m() : "",
+      t ? /* @__PURE__ */ e.jsx(w, { name: t }) : "",
+      i ? /* @__PURE__ */ e.jsxs("span", { className: "muncher-icon-hover", children: [
+        /* @__PURE__ */ e.jsx(w, { name: i, onClick: o }),
         " "
       ] }) : "",
       /* @__PURE__ */ e.jsxs("div", { className: "muncher-input-wrapper", children: [
@@ -1703,35 +1843,35 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
             placeholder: N,
             onChange: g,
             required: r,
-            readOnly: i,
-            list: j,
+            readOnly: c,
+            list: d,
             onKeyDown: k,
             onBlur: y,
             step: _,
             maxLength: E,
-            ...b
+            ...M
           }
         ),
-        A ? /* @__PURE__ */ e.jsx(h1, { size: "tiny" }) : ""
+        z ? /* @__PURE__ */ e.jsx(j1, { size: "tiny" }) : ""
       ] })
     ] }),
-    H() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(w, { name: "alert", children: p }) }) : ""
+    S() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(w, { name: "alert", children: u }) }) : ""
   ] });
-}, 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: [
+}, S1 = ({ name: n, required: l = !1, onChange: r, checked: c = !1, label: t, ...i }) => /* @__PURE__ */ e.jsx("div", { className: "muncher-input--div", children: /* @__PURE__ */ e.jsxs("div", { className: "muncher-radio", children: [
   /* @__PURE__ */ e.jsx(
     "input",
     {
       type: "radio",
       name: n,
       onChange: r,
-      checked: i,
-      ...x
+      checked: c,
+      ...i
     }
   ),
-  c ? /* @__PURE__ */ e.jsx(
-    q,
+  t ? /* @__PURE__ */ e.jsx(
+    G,
     {
-      label: c,
+      label: t,
       required: l,
       onClick: () => {
         r && r();
@@ -1742,77 +1882,77 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
   name: n,
   options: l,
   label: r,
-  required: i,
-  multiple: c,
-  error: x,
+  required: c,
+  multiple: t,
+  error: i,
   onChange: o,
   value: a,
-  ...j
+  ...d
 }) => {
-  const y = () => x && x !== "", d = () => {
-    let h = "muncher-input";
-    return y() && (h += " muncher-input-error"), h;
+  const y = () => i && i !== "", h = () => {
+    let j = "muncher-input";
+    return y() && (j += " muncher-input-error"), j;
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-input--div", children: [
-    r ? /* @__PURE__ */ e.jsx(q, { label: r, required: i, id: n }) : "",
+    r ? /* @__PURE__ */ e.jsx(G, { label: r, required: c, id: n }) : "",
     /* @__PURE__ */ e.jsx("div", { className: "muncher-input-element", children: /* @__PURE__ */ e.jsxs(
       "select",
       {
         id: n,
-        className: d(),
+        className: h(),
         name: n,
         value: a,
         onChange: o,
-        required: i,
-        multiple: c,
-        ...j,
+        required: c,
+        multiple: t,
+        ...d,
         children: [
-          i ? /* @__PURE__ */ e.jsx("option", { value: "", children: "-- Select --" }) : "",
+          c ? /* @__PURE__ */ e.jsx("option", { value: "", children: "-- Select --" }) : "",
           l.map(
-            (h, p) => /* @__PURE__ */ e.jsx("option", { value: h.value, children: h.label }, `select-option-${p}`)
+            (j, u) => /* @__PURE__ */ e.jsx("option", { value: j.value, children: j.label }, `select-option-${u}`)
           )
         ]
       }
     ) }),
-    y() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(w, { name: "alert", children: x }) }) : ""
+    y() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(w, { name: "alert", children: i }) }) : ""
   ] });
 }, V1 = ({
   name: n,
   label: l,
   required: r,
-  readOnly: i = !1,
-  rows: c = 6,
-  maxLength: x = 1e3,
+  readOnly: c = !1,
+  rows: t = 6,
+  maxLength: i = 1e3,
   focus: o = !1,
   placeholder: a,
-  onChange: j,
+  onChange: d,
   value: y,
-  ...d
+  ...h
 }) => {
-  const [h, p] = S(y), v = (N) => {
-    p(N.target.value), j && j(N);
+  const [j, u] = H(y), v = (N) => {
+    u(N.target.value), d && d(N);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-input--div", children: [
-    l ? /* @__PURE__ */ e.jsx(q, { label: l, required: r, id: n }) : "",
+    l ? /* @__PURE__ */ e.jsx(G, { label: l, required: r, id: n }) : "",
     /* @__PURE__ */ e.jsx(
       "textarea",
       {
         id: n,
         className: "muncher-textarea",
-        rows: c,
-        maxLength: x,
+        rows: t,
+        maxLength: i,
         name: n,
         autoFocus: o,
         value: y,
         placeholder: a,
         onChange: v,
         required: r,
-        readOnly: i,
-        ...d
+        readOnly: c,
+        ...h
       }
     ),
     /* @__PURE__ */ e.jsxs("p", { children: [
-      h ? x ? x - h.length : 1e3 : x,
+      j ? i ? i - j.length : 1e3 : i,
       " characters left"
     ] })
   ] });
@@ -1820,31 +1960,31 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
   name: n = "query",
   focus: l = !1,
   inputPlaceHolder: r,
-  handleInputChange: i,
-  showContent: c = !1,
-  setShowContent: x,
+  handleInputChange: c,
+  showContent: t = !1,
+  setShowContent: i,
   readOnly: o,
   value: a,
-  label: j,
+  label: d,
   error: y,
-  required: d,
-  onEnterPress: h,
-  list: p,
+  required: h,
+  onEnterPress: j,
+  list: u,
   displayLoader: v,
   children: N
 }) => {
-  const g = d1(null), _ = (C) => {
-    x(!0), i(C.target.value);
-  }, f = G(() => {
-    x(!1);
-  }, [x]), E = G((C) => {
+  const g = h1(null), _ = (C) => {
+    i(!0), c(C.target.value);
+  }, f = q(() => {
+    i(!1);
+  }, [i]), E = q((C) => {
     C.keyCode === 27 && f();
   }, [f]);
-  return Q(() => {
-    const C = (A) => {
+  return Z(() => {
+    const C = (z) => {
       if (g && g !== null) {
-        const b = g.current;
-        b && !b.contains(A.target) && f();
+        const M = g.current;
+        M && !M.contains(z.target) && f();
       }
     };
     return document.addEventListener("keydown", E, !1), document.addEventListener("mousedown", C), () => {
@@ -1858,34 +1998,34 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
         placeholder: r,
         name: n,
         onChange: _,
-        onEnterPress: h,
-        list: p,
+        onEnterPress: j,
+        list: u,
         displayLoader: v,
         readOnly: o,
         value: a,
-        label: j,
-        required: d,
+        label: d,
+        required: h,
         error: y
       }
     ),
-    c ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-drop-down--content", children: N }) : ""
+    t ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-drop-down--content", children: 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(
+}, O1 = ({ children: n }) => /* @__PURE__ */ e.jsx("ul", { className: "muncher-ul", children: n }), P1 = ({ isFeatured: n, bulletIcon: l = "arrow-right", bulletWeight: r = 2, bulletSize: c = "small", bulletColor: t, children: i }) => /* @__PURE__ */ e.jsx("li", { className: n ? "muncher-li featured" : "muncher-li", children: /* @__PURE__ */ e.jsx(
   w,
   {
     name: l,
     weight: r,
-    size: i,
-    color: c,
-    children: x
+    size: c,
+    color: t,
+    children: i
   }
-) }), D1 = ({ show: n = !1, setShow: l, children: r, ...i }) => {
-  const c = G((x) => {
-    x.keyCode === 27 && l(!1);
+) }), D1 = ({ show: n = !1, setShow: l, children: r, ...c }) => {
+  const t = q((i) => {
+    i.keyCode === 27 && l(!1);
   }, [l]);
-  return Q(() => (document.addEventListener("keydown", c, !1), () => {
-    document.removeEventListener("keydown", c, !1);
-  }), [c]), Q(() => {
+  return Z(() => (document.addEventListener("keydown", t, !1), () => {
+    document.removeEventListener("keydown", t, !1);
+  }), [t]), Z(() => {
     n ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset";
   }, [n]), /* @__PURE__ */ e.jsxs(o1.Fragment, { children: [
     /* @__PURE__ */ e.jsx(m1, { show: n, backdropClickHandler: () => l(!1) }),
@@ -1897,14 +2037,14 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
           transform: n ? "translateY(0)" : "translateY(-100vh)",
           opacity: n ? "1" : "0"
         },
-        ...i,
+        ...c,
         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: l, children: r });
+  const c = () => n ? "muncher-paper muncher-paper-hover" : "muncher-paper";
+  return /* @__PURE__ */ e.jsx("section", { className: c(), 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: [
@@ -1912,83 +2052,83 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
     l
   ] })
 ] }), $1 = ({ value: n, max: l, label: r }) => {
-  const i = () => {
-    const c = Math.round(n / l * 100) + "%";
-    return r ? r + " " + c : c;
+  const c = () => {
+    const t = Math.round(n / l * 100) + "%";
+    return r ? r + " " + t : t;
   };
   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: l, children: i() })
+    /* @__PURE__ */ e.jsx("label", { htmlFor: "progress", children: c() }),
+    /* @__PURE__ */ e.jsx("progress", { id: "progress", value: n, max: l, children: c() })
   ] });
 }, 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 });
-}, 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(
+  const c = "muncher-hr" + (n ? " muncher-hr--" + n : "") + (l ? " muncher-hr--" + l : "") + (r ? " muncher-hr--" + r : "");
+  return /* @__PURE__ */ e.jsx("hr", { className: c });
+}, U1 = ({ sliderItems: n, navButtonSize: l = "large", navButtonWeight: r = 2, variant: c, navIcon: t, navButtonPlacement: i = "inside" }) => {
+  const [o, a] = H(0), [d, y] = H(0), h = () => n.length > 1 && o > 0 ? /* @__PURE__ */ e.jsx(
     a1,
     {
       direction: "left",
       size: l,
-      variant: i,
-      navIcon: c,
+      variant: c,
+      navIcon: t,
       weight: r,
       onClick: () => {
-        o === 0 ? (y(-(n.length - 1) * 100), a(n.length - 1)) : (y(j + 100), a(o - 1));
+        o === 0 ? (y(-(n.length - 1) * 100), a(n.length - 1)) : (y(d + 100), a(o - 1));
       }
     }
-  ) : "", h = () => n.length > 1 && o < n.length - 1 ? /* @__PURE__ */ e.jsx(
+  ) : "", j = () => n.length > 1 && o < n.length - 1 ? /* @__PURE__ */ e.jsx(
     a1,
     {
       direction: "right",
       size: l,
       weight: r,
-      navIcon: c,
-      variant: i,
+      navIcon: t,
+      variant: c,
       onClick: () => {
-        o === n.length - 1 ? (a(0), y(0)) : (y(j - 100), a(o + 1));
+        o === n.length - 1 ? (a(0), y(0)) : (y(d - 100), a(o + 1));
       }
     }
   ) : "";
-  return /* @__PURE__ */ e.jsxs("div", { className: "muncher-item-slider-wrapper--" + x, children: [
-    x === "outside" ? d() : "",
+  return /* @__PURE__ */ e.jsxs("div", { className: "muncher-item-slider-wrapper--" + i, children: [
+    i === "outside" ? h() : "",
     /* @__PURE__ */ e.jsxs("div", { className: "muncher-item-slider", children: [
-      x === "inside" ? d() : "",
+      i === "inside" ? h() : "",
       /* @__PURE__ */ e.jsx("div", { className: "slider-container", style: { width: `${100 * n.length}%` }, children: n.map(
-        (p, v) => /* @__PURE__ */ e.jsx(
+        (u, v) => /* @__PURE__ */ e.jsx(
           "div",
           {
             className: "slider-item",
-            style: { transform: `translateX(${j}%)` },
-            children: p
+            style: { transform: `translateX(${d}%)` },
+            children: u
           },
           "slider-item" + v
         )
       ) }),
-      x === "inside" ? h() : ""
+      i === "inside" ? j() : ""
     ] }),
-    x === "outside" ? h() : ""
+    i === "outside" ? j() : ""
   ] });
 }, W1 = ({
   min: n,
   max: l,
   minValue: r,
-  maxValue: i,
-  setMinValue: c,
-  setMaxValue: x,
+  maxValue: c,
+  setMinValue: t,
+  setMaxValue: i,
   numberFormatter: o = (a) => new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: "USD"
   }).format(a)
 }) => {
-  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;
-    x(p);
-  }, y = (d) => o && d ? o(d) : d;
+  const a = (h) => {
+    const j = +h.target.value, u = j < c - 1 ? j : r;
+    t(u);
+  }, d = (h) => {
+    const j = +h.target.value, u = j > r + 1 ? j : c;
+    i(u);
+  }, y = (h) => o && h ? o(h) : h;
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-slider", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "slider-header", children: /* @__PURE__ */ e.jsx("p", { children: y(r) + " - " + y(i) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "slider-header", children: /* @__PURE__ */ e.jsx("p", { children: y(r) + " - " + y(c) }) }),
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -2007,8 +2147,8 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
         type: "range",
         min: n,
         max: l,
-        value: i,
-        onChange: j
+        value: c,
+        onChange: d
       }
     ),
     /* @__PURE__ */ e.jsxs("div", { className: "slider-values", children: [
@@ -2020,18 +2160,18 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
   min: n,
   max: l,
   value: r,
-  setValue: i,
-  numberFormatter: c = (x) => new Intl.NumberFormat("en-US", {
+  setValue: c,
+  numberFormatter: t = (i) => new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: "USD"
-  }).format(x)
+  }).format(i)
 }) => {
-  const x = (a) => c ? c(a) : a, o = (a) => {
-    const j = +a.target.value;
-    i(j);
+  const i = (a) => t ? t(a) : a, o = (a) => {
+    const d = +a.target.value;
+    c(d);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-slider", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "slider-header", children: /* @__PURE__ */ e.jsx("p", { children: x(r) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "slider-header", children: /* @__PURE__ */ e.jsx("p", { children: i(r) }) }),
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -2044,24 +2184,24 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
       }
     ),
     /* @__PURE__ */ e.jsxs("div", { className: "slider-values", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "slider-min", children: x(n) }),
-      /* @__PURE__ */ e.jsx("div", { className: "slider-max", children: x(l) })
+      /* @__PURE__ */ e.jsx("div", { className: "slider-min", children: i(n) }),
+      /* @__PURE__ */ e.jsx("div", { className: "slider-max", children: i(l) })
     ] })
   ] });
-}, 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 = {
+}, 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 }) }), q1 = ({ rating: n, color: l, size: r, ...c }) => {
+  const t = {
     "--r": n
-  }, x = () => {
+  }, i = () => {
     let o = "muncher-star";
     return l && (o += " star-" + l), r && (o += " star-" + r), 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.jsx("span", { className: i(), style: t, ...c });
+}, G1 = ({ handleTabSelected: n, children: l }) => {
+  const [r, c] = H(0), { tabs: t } = l, i = (o) => {
+    c(o), n && n(o);
   };
   return /* @__PURE__ */ e.jsxs("section", { className: "muncher-tabs", children: [
-    /* @__PURE__ */ e.jsx("header", { children: c.map(
+    /* @__PURE__ */ e.jsx("header", { children: t.map(
       (o, a) => /* @__PURE__ */ e.jsxs("div", { className: "muncher-tab-header--item", children: [
         /* @__PURE__ */ e.jsx(
           V,
@@ -2071,15 +2211,15 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
             size: "small",
             title: o.headerTitle,
             onClick: () => {
-              x(a);
+              i(a);
             },
             children: o.header
           }
         ),
-        a !== c.length - 1 ? /* @__PURE__ */ e.jsx("span", { className: "spacer", children: "|" }) : ""
+        a !== t.length - 1 ? /* @__PURE__ */ e.jsx("span", { className: "spacer", children: "|" }) : ""
       ] }, "muncher-tab-header" + a)
     ) }),
-    c.map(
+    t.map(
       (o, a) => /* @__PURE__ */ e.jsx(
         "section",
         {
@@ -2094,34 +2234,34 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
   fileName: n,
   defaultPageSize: l = 50,
   skeleton: r,
-  handleOnUpload: i,
-  sortBy: c,
-  excludeDownload: x,
+  handleOnUpload: c,
+  sortBy: t,
+  excludeDownload: i,
   includeUpload: o,
   isUploading: a,
-  uploadWarningMessage: j,
+  uploadWarningMessage: d,
   uploadSuccessMessage: y,
-  excludePagination: d,
-  footer: h,
-  children: p
+  excludePagination: h,
+  footer: j,
+  children: u
 }) => {
-  const { header: v, rows: N } = p, [g, _] = S(c ?? { index: 0 }), [f, E] = S({ num: 0, size: l }), C = (m) => {
+  const { header: v, rows: N } = u, [g, _] = H(t ?? { index: 0 }), [f, E] = H({ num: 0, size: l }), C = (m) => {
     _(
       (k) => k.index === m ? { ...k, desc: !k.desc } : { index: m }
     );
-  }, A = l1(() => {
-    var z;
-    const m = [...N], k = (z = v[g.index]) == null ? void 0 : z.sort;
+  }, z = x1(() => {
+    var A;
+    const m = [...N], k = (A = v[g.index]) == null ? void 0 : A.sort;
     return k ? m.sort(k) : m.sort((O, X) => {
       var $, Y, U, W;
-      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);
+      const e1 = ((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 e1.localeCompare(I);
     }), 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 ?? "")
+  }, [N, g, v]), M = x1(
+    () => z.slice(f.num * f.size, (f.num + 1) * f.size),
+    [z, f]
+  ), S = v.filter((m) => !m.csvExclude).map((m) => typeof m.name == "string" ? m.name : ""), P = N.map(
+    (m) => m.filter((k, A) => !v[A].csvExclude).map((k) => k.csv ?? k.value ?? "")
   );
   return /* @__PURE__ */ e.jsxs("section", { className: "muncher-table", children: [
     /* @__PURE__ */ e.jsx("div", { className: "row head", children: v.map(
@@ -2143,26 +2283,26 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
         `row-head-${k}`
       )
     ) }),
-    r || b.map((m, k) => /* @__PURE__ */ e.jsx("div", { className: "row", children: m.map(
-      (z, O) => v[O].visibility === "hidden" ? null : /* @__PURE__ */ e.jsx(
+    r || M.map((m, k) => /* @__PURE__ */ e.jsx("div", { className: "row", children: m.map(
+      (A, O) => v[O].visibility === "hidden" ? null : /* @__PURE__ */ e.jsx(
         "div",
         {
           className: v[O].visibility ? "col main" : "col",
-          children: z.content
+          children: A.content
         },
         `row-col-${k}-${O}`
       )
     ) }, `row-${k}`)),
-    h ?? null,
+    j ?? null,
     /* @__PURE__ */ e.jsxs("div", { className: "row-footer", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "row-footer-buttons", children: [
-        !x && /* @__PURE__ */ e.jsx(
-          M1,
+        !i && /* @__PURE__ */ e.jsx(
+          b1,
           {
             filename: n ?? "download",
             variant: "secondary",
             title: "Download",
-            header: H,
+            header: S,
             data: P
           }
         ),
@@ -2170,14 +2310,14 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
           N1,
           {
             name: "csv-input-file",
-            handleOnChange: i,
+            handleOnChange: c,
             isUploading: a,
-            warningMessage: j,
+            warningMessage: d,
             successMessage: y
           }
         )
       ] }),
-      !d && /* @__PURE__ */ e.jsxs("div", { className: "pagination", children: [
+      !h && /* @__PURE__ */ e.jsxs("div", { className: "pagination", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "left", children: [
           "Rows:",
           /* @__PURE__ */ e.jsx(
@@ -2228,40 +2368,40 @@ const A1 = ({ variant: n, collapsed: l, children: r }) => {
   ] });
 };
 export {
-  A1 as Accordion,
+  z1 as Accordion,
   m1 as Backdrop,
   f1 as Badge,
   V as Button,
   _1 as Checkbox,
-  b1 as CopyButton,
-  M1 as CsvButton,
+  M1 as CopyButton,
+  b1 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,
+  A1 as IconBadge,
+  H1 as ImageInput,
   k1 as Input,
   U1 as ItemSlider,
-  q as Label,
+  G as Label,
   P1 as Li,
   D1 as Modal,
   a1 as NavigateButton,
   F1 as Paper,
   I1 as Pill,
   $1 as Progress,
-  H1 as Radio,
+  S1 as Radio,
   W1 as RangeSlider,
   C1 as Select,
   T1 as ShareButton,
   B1 as Slider,
   w1 as SortButton,
-  h1 as Spinner,
-  G1 as Star,
+  j1 as Spinner,
+  q1 as Star,
   X1 as Table,
-  q1 as Tabs,
+  G1 as Tabs,
   L1 as TextInputDropdown,
   V1 as Textarea,
   O1 as Ul,