@contentmunch/contentmunch-ui 1.0.27 → 1.0.28

package/lib/index.es.js

@@ -14,18 +14,18 @@ function he() {
   if (te) return $;
   te = 1;
   var n = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function r(i, c, a) {
+  function r(c, i, a) {
     var x = null;
-    if (a !== void 0 && (x = "" + a), c.key !== void 0 && (x = "" + c.key), "key" in c) {
+    if (a !== void 0 && (x = "" + a), i.key !== void 0 && (x = "" + i.key), "key" in i) {
       a = {};
-      for (var o in c)
-        o !== "key" && (a[o] = c[o]);
-    } else a = c;
-    return c = a.ref, {
+      for (var o in i)
+        o !== "key" && (a[o] = i[o]);
+    } else a = i;
+    return i = a.ref, {
       $$typeof: n,
-      type: i,
+      type: c,
       key: x,
-      ref: c !== void 0 ? c : null,
+      ref: i !== void 0 ? i : null,
       props: a
     };
   }
@@ -50,7 +50,7 @@ function je() {
         return l.$$typeof === G ? null : l.displayName || l.name || null;
       if (typeof l == "string") return l;
       switch (l) {
-        case f:
+        case v:
           return "Fragment";
         case g:
           return "Profiler";
@@ -58,7 +58,7 @@ function je() {
           return "StrictMode";
         case b:
           return "Suspense";
-        case u:
+        case y:
           return "SuspenseList";
         case A:
           return "Activity";
@@ -107,8 +107,8 @@ function je() {
         ), t(l);
       }
     }
-    function i(l) {
-      if (l === f) return "<>";
+    function c(l) {
+      if (l === v) return "<>";
       if (typeof l == "object" && l !== null && l.$$typeof === H)
         return "<...>";
       try {
@@ -118,7 +118,7 @@ function je() {
         return "<...>";
       }
     }
-    function c() {
+    function i() {
       var l = P.A;
       return l === null ? null : l.getOwner();
     }
@@ -152,7 +152,7 @@ function je() {
     }
     function h(l, p, N, E, L, V, Q, Z) {
       return N = V.ref, l = {
-        $$typeof: v,
+        $$typeof: f,
         type: l,
         key: p,
         props: V,
@@ -188,13 +188,13 @@ function je() {
         if (E)
           if (q(R)) {
             for (E = 0; E < R.length; E++)
-              y(R[E]);
+              u(R[E]);
             Object.freeze && Object.freeze(R);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else y(R);
+        else u(R);
       if (I.call(p, "key")) {
         R = n(l);
         var F = Object.keys(p).filter(function(de) {
@@ -226,16 +226,16 @@ React keys must be passed directly to JSX without using spread:
         R,
         V,
         L,
-        c(),
+        i(),
         N,
         Q,
         Z
       );
     }
-    function y(l) {
-      typeof l == "object" && l !== null && l.$$typeof === v && l._store && (l._store.validated = 1);
+    function u(l) {
+      typeof l == "object" && l !== null && l.$$typeof === f && l._store && (l._store.validated = 1);
     }
-    var m = xe, v = Symbol.for("react.transitional.element"), k = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), z = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), A = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), P = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, q = Array.isArray, D = console.createTask ? console.createTask : function() {
+    var m = xe, f = Symbol.for("react.transitional.element"), k = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), z = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), A = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), P = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, q = Array.isArray, D = console.createTask ? console.createTask : function() {
       return null;
     };
     m = {
@@ -246,8 +246,8 @@ React keys must be passed directly to JSX without using spread:
     var Y, U = {}, se = m["react-stack-bottom-frame"].bind(
       m,
       a
-    )(), ne = D(i(a)), re = {};
-    W.Fragment = f, W.jsx = function(l, p, N, E, L) {
+    )(), ne = D(c(a)), re = {};
+    W.Fragment = v, W.jsx = function(l, p, N, E, L) {
       var V = 1e4 > P.recentlyCreatedOwnerStacks++;
       return j(
         l,
@@ -257,7 +257,7 @@ React keys must be passed directly to JSX without using spread:
         E,
         L,
         V ? Error("react-stack-top-frame") : se,
-        V ? D(i(l)) : ne
+        V ? D(c(l)) : ne
       );
     }, W.jsxs = function(l, p, N, E, L) {
       var V = 1e4 > P.recentlyCreatedOwnerStacks++;
@@ -269,24 +269,24 @@ React keys must be passed directly to JSX without using spread:
         E,
         L,
         V ? Error("react-stack-top-frame") : se,
-        V ? D(i(l)) : ne
+        V ? D(c(l)) : ne
       );
     };
   }()), W;
 }
-var ce;
+var ie;
 function ue() {
-  return ce || (ce = 1, process.env.NODE_ENV === "production" ? X.exports = he() : X.exports = je()), X.exports;
+  return ie || (ie = 1, process.env.NODE_ENV === "production" ? X.exports = he() : X.exports = je()), X.exports;
 }
 var e = ue();
 const Ee = ({ variant: n, children: t }) => {
-  const { folds: r } = t, [i, c] = T(0), a = (d) => d === i ? "fold active" : "fold", x = (d) => "fold-button" + (n ? " fold-button--" + n : "") + (r[d].foldColor ? " fold-button--primary fold-button--" + r[d].foldColor : ""), o = (d) => {
+  const { folds: r } = t, [c, i] = T(0), a = (d) => d === c ? "fold active" : "fold", x = (d) => "fold-button" + (n ? " fold-button--" + n : "") + (r[d].foldColor ? " fold-button--primary fold-button--" + r[d].foldColor : ""), o = (d) => {
     const h = d.which.toString(), j = d.ctrlKey && h.match(/33|34/);
     if (h.match(/38|40/) || j) {
-      const y = h.match(/34|40/) ? 1 : -1, m = r.length, v = (i + m + y) % m;
-      c(v);
+      const u = h.match(/34|40/) ? 1 : -1, m = r.length, f = (c + m + u) % m;
+      i(f);
     } else
-      h === "36" && c(0), h === "35" && c(r.length - 1);
+      h === "36" && i(0), h === "35" && i(r.length - 1);
     d.preventDefault();
   };
   return /* @__PURE__ */ e.jsx("div", { className: "muncher-accordion", children: r.map(
@@ -294,14 +294,14 @@ const Ee = ({ variant: n, children: t }) => {
       "div",
       {
         className: a(h),
-        "aria-expanded": i === h,
+        "aria-expanded": c === h,
         children: [
           /* @__PURE__ */ e.jsx(
             "button",
             {
               className: x(h),
               onKeyDown: o,
-              onClick: () => c(h),
+              onClick: () => i(h),
               children: /* @__PURE__ */ e.jsx("span", { children: d.heading })
             }
           ),
@@ -315,7 +315,7 @@ const Ee = ({ variant: n, children: t }) => {
   show: n = !1,
   backdropClickHandler: t,
   ...r
-}) => n ? /* @__PURE__ */ e.jsx("div", { className: "muncher-backdrop", onClick: t, ...r }) : null, pe = ({ variant: n, children: t, ...r }) => /* @__PURE__ */ e.jsx("div", { className: n ? "muncher-badge muncher-badge--" + n : "muncher-badge", ...r, children: t }), ie = {
+}) => n ? /* @__PURE__ */ e.jsx("div", { className: "muncher-backdrop", onClick: t, ...r }) : null, pe = ({ variant: n, children: t, ...r }) => /* @__PURE__ */ e.jsx("div", { className: n ? "muncher-badge muncher-badge--" + n : "muncher-badge", ...r, children: t }), ce = {
   "align-center": /* @__PURE__ */ e.jsxs(s, { children: [
     /* @__PURE__ */ e.jsx("line", { x1: "18", y1: "10", x2: "6", y2: "10" }),
     /* @__PURE__ */ e.jsx("line", { x1: "21", y1: "6", x2: "3", y2: "6" }),
@@ -1069,7 +1069,7 @@ const Ee = ({ variant: n, children: t }) => {
     /* @__PURE__ */ e.jsx("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" }),
     /* @__PURE__ */ e.jsx("text", { x: "6", y: "14", fontSize: "6", fontFamily: "'Lucida Grande', sans-serif", children: "360" })
   ] })
-}, M = ({ color: n, name: t, size: r = "small", weight: i = 2, onClick: c, iconString: a, orientation: x, children: o }) => {
+}, M = ({ color: n, name: t, size: r = "small", weight: c = 2, onClick: i, iconString: a, orientation: x, children: o }) => {
   const d = r ? "muncher-icon--" + r : "muncher-icon--small";
   return /* @__PURE__ */ e.jsxs("span", { className: "muncher-icon", children: [
     o && x && x === "right" ? /* @__PURE__ */ e.jsx("span", { className: "content-left", children: o }) : "",
@@ -1081,11 +1081,11 @@ const Ee = ({ variant: n, children: t }) => {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 24 24",
         fill: "none",
-        strokeWidth: i || 2,
+        strokeWidth: c || 2,
         strokeLinecap: "round",
         strokeLinejoin: "round",
-        onClick: c,
-        children: t ? ie[t] : a ? Object(ie)[a] : ""
+        onClick: i,
+        children: t ? ce[t] : a ? Object(ce)[a] : ""
       }
     ),
     o && (!x || x === "left") ? /* @__PURE__ */ e.jsx("span", { className: "content-right", children: o }) : ""
@@ -1094,14 +1094,14 @@ const Ee = ({ variant: n, children: t }) => {
   variant: n = "primary",
   icon: t = "bell",
   text: r,
-  onClick: i,
-  ...c
+  onClick: c,
+  ...i
 }) => /* @__PURE__ */ e.jsxs(
   "div",
   {
     className: "muncher-icon-badge",
-    onClick: i,
-    ...c,
+    onClick: c,
+    ...i,
     children: [
       /* @__PURE__ */ e.jsx(M, { name: t }),
       r === "" ? "" : /* @__PURE__ */ e.jsx(pe, { variant: n, children: r })
@@ -1111,50 +1111,50 @@ const Ee = ({ variant: n, children: t }) => {
   type: n = "button",
   variant: t,
   size: r = "medium",
-  title: i,
-  active: c,
+  title: c,
+  active: i,
   disabled: a,
   rounded: x,
   onClick: o,
   onMouseDown: d,
   onMouseEnter: h,
   onMouseLeave: j,
-  children: y,
+  children: u,
   ...m
 }) => {
-  const v = "muncher-button" + (n && n === "nav" ? " muncher-button--nav" : "") + (t ? " muncher-button--" + t : "") + (r ? " muncher-button--" + r : "") + (c ? " muncher-button--active" : "") + (x ? " muncher-button--rounded" : "");
+  const f = "muncher-button" + (n && n === "nav" ? " muncher-button--nav" : "") + (t ? " muncher-button--" + t : "") + (r ? " muncher-button--" + r : "") + (i ? " muncher-button--active" : "") + (x ? " muncher-button--rounded" : "");
   return /* @__PURE__ */ e.jsx(
     "button",
     {
       type: n && n !== "nav" ? n : "button",
-      className: v,
+      className: f,
       disabled: !!a,
-      title: i,
+      title: c,
       onClick: o,
       onMouseDown: d,
       onMouseEnter: h,
       onMouseLeave: j,
       ...m,
-      children: y
+      children: u
     }
   );
 }, me = ({
   variant: n,
   size: t = "medium",
   title: r,
-  active: i,
-  disabled: c,
+  active: c,
+  disabled: i,
   element: a,
   onMouseDown: x,
   rounded: o,
   drop: d,
   onClick: h,
   onClose: j,
-  showContent: y,
+  showContent: u,
   setShowContent: m,
-  withDropIcon: v,
+  withDropIcon: f,
   children: k,
-  ...f
+  ...v
 }) => {
   const C = oe(null), g = (b) => {
     b.preventDefault(), h && h(b), m && m(!0);
@@ -1164,8 +1164,8 @@ const Ee = ({ variant: n, children: t }) => {
     b.keyCode === 27 && _();
   }, [_]);
   K(() => {
-    const b = (u) => {
-      C && C.current && u.target instanceof HTMLElement && !C.current.contains(u.target) && _();
+    const b = (y) => {
+      C && C.current && y.target instanceof HTMLElement && !C.current.contains(y.target) && _();
     };
     return document.addEventListener("keydown", z, !1), document.addEventListener("mousedown", b), () => {
       document.removeEventListener("keydown", z, !1);
@@ -1173,12 +1173,12 @@ const Ee = ({ variant: n, children: t }) => {
   }, [z, _]);
   const S = () => {
     var w;
-    const b = (w = C.current) == null ? void 0 : w.offsetLeft, u = window.innerWidth;
+    const b = (w = C.current) == null ? void 0 : w.offsetLeft, y = window.innerWidth;
     if (b) {
       if (b < 100) return "muncher-dropdown--content";
-      if (u - b < 150) return "muncher-dropdown--content drop-left";
-      if (u - b < 250) {
-        const H = Math.round((u - b) / u * 100);
+      if (y - b < 150) return "muncher-dropdown--content drop-left";
+      if (y - b < 250) {
+        const H = Math.round((y - b) / y * 100);
         if (H > 40 || H < 60) return "muncher-dropdown--content drop-middle";
       }
     }
@@ -1197,15 +1197,15 @@ const Ee = ({ variant: n, children: t }) => {
       {
         onMouseDown: g,
         title: r,
-        disabled: c,
+        disabled: i,
         rounded: o,
-        active: i,
+        active: c,
         variant: n,
         size: t,
-        ...f,
+        ...v,
         children: [
           a,
-          v ? /* @__PURE__ */ e.jsx(
+          f ? /* @__PURE__ */ e.jsx(
             "span",
             {
               className: "small",
@@ -1215,14 +1215,14 @@ const Ee = ({ variant: n, children: t }) => {
         ]
       }
     ),
-    y ? /* @__PURE__ */ e.jsx("div", { className: S(), children: k }) : ""
+    u ? /* @__PURE__ */ e.jsx("div", { className: S(), children: k }) : ""
   ] });
 }, Te = ({
   title: n,
   active: t,
   disabled: r,
-  element: i,
-  rounded: c,
+  element: c,
+  rounded: i,
   children: a,
   ...x
 }) => /* @__PURE__ */ e.jsxs("div", { className: "muncher-dropdown-nav", children: [
@@ -1232,10 +1232,10 @@ const Ee = ({ variant: n, children: t }) => {
       type: "nav",
       title: n,
       disabled: r,
-      rounded: c,
+      rounded: i,
       active: t,
       ...x,
-      children: i
+      children: c
     }
   ),
   /* @__PURE__ */ e.jsx("div", { className: "muncher-dropdown-nav--content", children: a })
@@ -1246,9 +1246,9 @@ const Ee = ({ variant: n, children: t }) => {
   variant: t = "secondary",
   size: r = "small"
 }) => {
-  const [i, c] = T(), [a, x] = T("copy"), [o, d] = T("copy link"), h = () => {
-    fe(n), c("green"), x("check"), d("copied!"), setTimeout(function() {
-      c(""), x("copy");
+  const [c, i] = T(), [a, x] = T("copy"), [o, d] = T("copy link"), h = () => {
+    fe(n), i("green"), x("check"), d("copied!"), setTimeout(function() {
+      i(""), x("copy");
     }, 2e3);
   };
   return /* @__PURE__ */ e.jsx(
@@ -1258,7 +1258,7 @@ const Ee = ({ variant: n, children: t }) => {
       variant: t,
       title: o,
       onClick: h,
-      children: /* @__PURE__ */ e.jsx(M, { name: a, color: i })
+      children: /* @__PURE__ */ e.jsx(M, { name: a, color: c })
     }
   );
 }, Ae = ({
@@ -1266,13 +1266,13 @@ const Ee = ({ variant: n, children: t }) => {
   size: t = "medium",
   title: r
 }) => {
-  const [i, c] = T(!1);
+  const [c, i] = T(!1);
   return /* @__PURE__ */ e.jsx("div", { className: "muncher-share", children: /* @__PURE__ */ e.jsxs(
     me,
     {
       title: "Share to Social Media",
-      showContent: i,
-      setShowContent: c,
+      showContent: c,
+      setShowContent: i,
       variant: n,
       size: t,
       element: /* @__PURE__ */ e.jsx(M, { name: "share", orientation: "right", children: "Share" }),
@@ -1312,8 +1312,8 @@ const Ee = ({ variant: n, children: t }) => {
   header: n,
   data: t,
   filename: r,
-  variant: i,
-  size: c,
+  variant: c,
+  size: i,
   title: a,
   active: x,
   disabled: o,
@@ -1322,18 +1322,18 @@ const Ee = ({ variant: n, children: t }) => {
   const h = encodeURI("data:text/csv;charset=utf-8," + n.join(",") + `
 ` + t.map((j) => j.join(",")).join(`
 `));
-  return /* @__PURE__ */ e.jsx("div", { className: "muncher-csv", children: /* @__PURE__ */ e.jsx(O, { variant: i, size: c, active: x, disabled: o, rounded: d, children: /* @__PURE__ */ e.jsx("a", { href: h, download: r + ".csv", children: /* @__PURE__ */ e.jsx(M, { name: "download", children: a || "Download" }) }) }) });
+  return /* @__PURE__ */ e.jsx("div", { className: "muncher-csv", children: /* @__PURE__ */ e.jsx(O, { variant: c, size: i, active: x, disabled: o, rounded: d, children: /* @__PURE__ */ e.jsx("a", { href: h, download: r + ".csv", children: /* @__PURE__ */ e.jsx(M, { name: "download", children: a || "Download" }) }) }) });
 }, be = ({
   variant: n = "transparent",
   size: t = "small",
   title: r,
-  sortAsc: i = "true",
-  active: c,
+  sortAsc: c = "true",
+  active: i,
   rounded: a,
   onClick: x,
   children: o
 }) => {
-  const [d, h] = T(!1), j = () => !c || c && !d ? i ? /* @__PURE__ */ e.jsx(M, { name: "sort-asc" }) : /* @__PURE__ */ e.jsx(M, { name: "sort-desc" }) : i ? /* @__PURE__ */ e.jsx(M, { name: "sort-desc" }) : /* @__PURE__ */ e.jsx(M, { name: "sort-asc" });
+  const [d, h] = T(!1), j = () => !i || i && !d ? c ? /* @__PURE__ */ e.jsx(M, { name: "sort-asc" }) : /* @__PURE__ */ e.jsx(M, { name: "sort-desc" }) : c ? /* @__PURE__ */ e.jsx(M, { name: "sort-desc" }) : /* @__PURE__ */ e.jsx(M, { name: "sort-asc" });
   return /* @__PURE__ */ e.jsxs(
     O,
     {
@@ -1350,7 +1350,7 @@ const Ee = ({ variant: n, children: t }) => {
       onClick: x,
       children: [
         o,
-        c || d ? /* @__PURE__ */ e.jsx(j, {}) : ""
+        i || d ? /* @__PURE__ */ e.jsx(j, {}) : ""
       ]
     }
   );
@@ -1358,8 +1358,8 @@ const Ee = ({ variant: n, children: t }) => {
   direction: n,
   size: t = "small",
   weight: r,
-  isDisabled: i,
-  variant: c = "primary",
+  isDisabled: c,
+  variant: i = "primary",
   navIcon: a = "chevron",
   onClick: x
 }) => {
@@ -1383,27 +1383,27 @@ const Ee = ({ variant: n, children: t }) => {
         O,
         {
           onClick: x,
-          disabled: i,
+          disabled: c,
           size: "small",
-          variant: c,
+          variant: i,
           title: n === "left" ? "Navigate Left" : "Navigate Right",
           children: /* @__PURE__ */ e.jsx(M, { name: o(), size: t, weight: r })
         }
       )
     }
   );
-}, J = ({ label: n, onClick: t, id: r, required: i = !1 }) => /* @__PURE__ */ e.jsxs("label", { htmlFor: r, onClick: t, children: [
+}, J = ({ label: n, onClick: t, id: r, required: c = !1 }) => /* @__PURE__ */ e.jsxs("label", { htmlFor: r, onClick: t, children: [
   n,
-  i ? /* @__PURE__ */ e.jsx("span", { className: "required", children: "*" }) : ""
+  c ? /* @__PURE__ */ e.jsx("span", { className: "required", children: "*" }) : ""
 ] }), _e = ({
   name: n,
   required: t = !1,
   onChange: r,
-  checked: i = !1,
-  label: c,
+  checked: c = !1,
+  label: i,
   ...a
 }) => {
-  const [x, o] = T(i || !1);
+  const [x, o] = T(c || !1);
   return /* @__PURE__ */ e.jsx("div", { className: "muncher-input--div", children: /* @__PURE__ */ e.jsxs("div", { className: "muncher-checkbox", children: [
     /* @__PURE__ */ e.jsx(
       "input",
@@ -1419,10 +1419,10 @@ const Ee = ({ variant: n, children: t }) => {
         ...a
       }
     ),
-    c ? /* @__PURE__ */ e.jsx(
+    i ? /* @__PURE__ */ e.jsx(
       J,
       {
-        label: c,
+        label: i,
         required: t,
         id: n,
         onClick: (d) => {
@@ -1441,8 +1441,8 @@ const Ee = ({ variant: n, children: t }) => {
   name: n,
   label: t,
   variant: r = "secondary",
-  size: i = "medium",
-  required: c,
+  size: c = "medium",
+  required: i,
   active: a,
   isUploading: x,
   handleOnChange: o,
@@ -1450,15 +1450,15 @@ const Ee = ({ variant: n, children: t }) => {
   successMessage: h,
   ...j
 }) => {
-  const y = "muncher-button" + (r ? " muncher-button--" + r : "") + (i ? " muncher-button--" + i : "") + (a ? " muncher-button--active" : ""), m = (v) => {
-    o && o(v.currentTarget.files[0]);
+  const u = "muncher-button" + (r ? " muncher-button--" + r : "") + (c ? " muncher-button--" + c : "") + (a ? " muncher-button--active" : ""), m = (f) => {
+    o && o(f.currentTarget.files[0]);
   };
   return /* @__PURE__ */ e.jsx("div", { className: "muncher-file-input--div", children: /* @__PURE__ */ e.jsxs("div", { className: "file-input-element", children: [
-    /* @__PURE__ */ e.jsxs("label", { htmlFor: n, className: y, children: [
+    /* @__PURE__ */ e.jsxs("label", { htmlFor: n, className: u, children: [
       /* @__PURE__ */ e.jsx(M, { name: "upload" }),
       " ",
       t || "Upload CSV",
-      c ? /* @__PURE__ */ e.jsx("span", { className: "required", children: " *" }) : "",
+      i ? /* @__PURE__ */ e.jsx("span", { className: "required", children: " *" }) : "",
       x ? /* @__PURE__ */ e.jsx(we, { size: "tiny" }) : ""
     ] }),
     /* @__PURE__ */ e.jsx(
@@ -1467,7 +1467,7 @@ const Ee = ({ variant: n, children: t }) => {
         id: n,
         type: "file",
         className: "muncher-file-input",
-        required: c,
+        required: i,
         onChange: m,
         accept: "text/csv",
         ...j
@@ -1480,8 +1480,8 @@ const Ee = ({ variant: n, children: t }) => {
   name: n,
   label: t,
   variant: r = "secondary",
-  size: i = "large",
-  required: c,
+  size: c = "large",
+  required: i,
   active: a,
   setFiles: x,
   error: o,
@@ -1489,10 +1489,10 @@ const Ee = ({ variant: n, children: t }) => {
   maxFiles: h,
   ...j
 }) => {
-  const [y, m] = T(""), [v, k] = T(""), f = h || 3, C = "muncher-button" + (r ? " muncher-button--" + r : "") + (i ? " muncher-button--" + i : "") + (a ? " muncher-button--active" : ""), g = (z) => {
+  const [u, m] = T(""), [f, k] = T(""), v = h || 3, C = "muncher-button" + (r ? " muncher-button--" + r : "") + (c ? " muncher-button--" + c : "") + (a ? " muncher-button--active" : ""), g = (z) => {
     if (d) {
       let S = Array.from(z.currentTarget.files);
-      S.length > f && (S = S.slice(0, f), k("Only first " + f + " files included")), x(S), m(S.map((b) => b.name).join(", "));
+      S.length > v && (S = S.slice(0, v), k("Only first " + v + " files included")), x(S), m(S.map((b) => b.name).join(", "));
     } else
       x(Array.from(z.currentTarget.files[0])), m(z.currentTarget.files[0].name);
   }, _ = () => o && o !== "";
@@ -1502,9 +1502,9 @@ const Ee = ({ variant: n, children: t }) => {
         /* @__PURE__ */ e.jsx(M, { name: "image" }),
         " ",
         t,
-        c ? /* @__PURE__ */ e.jsx("span", { className: "required", children: " *" }) : ""
+        i ? /* @__PURE__ */ e.jsx("span", { className: "required", children: " *" }) : ""
       ] }),
-      /* @__PURE__ */ e.jsx("span", { className: "span-file-name", children: y }),
+      /* @__PURE__ */ e.jsx("span", { className: "span-file-name", children: u }),
       /* @__PURE__ */ e.jsx(
         "input",
         {
@@ -1519,43 +1519,43 @@ const Ee = ({ variant: n, children: t }) => {
         }
       )
     ] }),
-    v !== "" ? /* @__PURE__ */ e.jsx("p", { className: "text-danger", children: v }) : "",
+    f !== "" ? /* @__PURE__ */ e.jsx("p", { className: "text-danger", children: f }) : "",
     _() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(M, { name: "alert", children: o }) }) : ""
   ] });
 }, Me = ({
   name: n,
   label: t,
   required: r,
-  readOnly: i,
-  icon: c,
+  readOnly: c,
+  icon: i,
   hoverIcon: a,
   onHoverIconClick: x,
   type: o = "text",
   list: d,
   onBlur: h,
   labelPosition: j = "top",
-  onKeyDown: y,
+  onKeyDown: u,
   error: m,
-  focus: v = !1,
+  focus: f = !1,
   placeholder: k,
-  onChange: f,
+  onChange: v,
   step: C,
   value: g,
   maxLength: _,
   onEnterPress: z,
   ...S
 }) => {
-  const b = () => m && m !== "", u = () => {
+  const b = () => m && m !== "", y = () => {
     let A = "muncher-input";
-    return (c || a) && (A += " muncher-input-icon"), b() && (A += " muncher-input-error"), j === "side" && (A += " muncher-label-side"), A;
+    return (i || a) && (A += " muncher-input-icon"), b() && (A += " muncher-input-error"), j === "side" && (A += " muncher-label-side"), A;
   }, w = () => t ? /* @__PURE__ */ e.jsx(J, { label: t, required: r, id: n }) : "", H = (A) => {
-    A.key === "Enter" && z && z(), y && y(A);
+    A.key === "Enter" && z && z(), u && u(A);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-input--div", children: [
     j !== "side" ? w() : "",
     /* @__PURE__ */ e.jsxs("div", { className: "muncher-input-element", children: [
       j === "side" ? w() : "",
-      c ? /* @__PURE__ */ e.jsx(M, { name: c }) : "",
+      i ? /* @__PURE__ */ e.jsx(M, { name: i }) : "",
       a ? /* @__PURE__ */ e.jsxs("span", { className: "muncher-icon-hover", children: [
         /* @__PURE__ */ e.jsx(
           M,
@@ -1570,16 +1570,16 @@ const Ee = ({ variant: n, children: t }) => {
         "input",
         {
           id: n,
-          className: u(),
+          className: y(),
           name: n,
-          autoFocus: v,
+          autoFocus: f,
           value: g,
           type: o || "text",
           autoComplete: "off",
           placeholder: k,
-          onChange: f,
+          onChange: v,
           required: r,
-          readOnly: i,
+          readOnly: c,
           list: d,
           onKeyDown: H,
           onBlur: h,
@@ -1591,8 +1591,8 @@ const Ee = ({ variant: n, children: t }) => {
     ] }),
     b() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(M, { name: "alert", children: m }) }) : ""
   ] });
-}, Se = ({ name: n, required: t = !1, onChange: r, checked: i = !1, label: c, ...a }) => {
-  const [x, o] = T(i || !1);
+}, Se = ({ name: n, required: t = !1, onChange: r, checked: c = !1, label: i, ...a }) => {
+  const [x, o] = T(c || !1);
   return /* @__PURE__ */ e.jsx("div", { className: "muncher-input--div", children: /* @__PURE__ */ e.jsxs("div", { className: "muncher-radio", children: [
     /* @__PURE__ */ e.jsx(
       "input",
@@ -1607,10 +1607,10 @@ const Ee = ({ variant: n, children: t }) => {
         ...a
       }
     ),
-    c ? /* @__PURE__ */ e.jsx(
+    i ? /* @__PURE__ */ e.jsx(
       J,
       {
-        label: c,
+        label: i,
         required: t,
         id: n,
         onClick: () => {
@@ -1623,19 +1623,19 @@ const Ee = ({ variant: n, children: t }) => {
   name: n,
   options: t,
   label: r,
-  required: i,
-  multiple: c,
+  required: c,
+  multiple: i,
   error: a,
   onChange: x,
   value: o,
   ...d
 }) => {
   const h = () => a && a !== "", j = () => {
-    let y = "muncher-input";
-    return h() && (y += " muncher-input-error"), y;
+    let u = "muncher-input";
+    return h() && (u += " muncher-input-error"), u;
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-input--div", children: [
-    r ? /* @__PURE__ */ e.jsx(J, { label: r, required: i, id: n }) : "",
+    r ? /* @__PURE__ */ e.jsx(J, { label: r, required: c, id: n }) : "",
     /* @__PURE__ */ e.jsx("div", { className: "muncher-input-element", children: /* @__PURE__ */ e.jsxs(
       "select",
       {
@@ -1644,12 +1644,12 @@ const Ee = ({ variant: n, children: t }) => {
         name: n,
         value: o,
         onChange: x,
-        required: i,
-        multiple: c,
+        required: c,
+        multiple: i,
         ...d,
         children: [
-          i ? /* @__PURE__ */ e.jsx("option", {}) : "",
-          t.map((y, m) => /* @__PURE__ */ e.jsx("option", { value: y, children: y }, "select-option-" + m))
+          c ? /* @__PURE__ */ e.jsx("option", {}) : "",
+          t.map((u, m) => /* @__PURE__ */ e.jsx("option", { value: u, children: u }, "select-option-" + m))
         ]
       }
     ) }),
@@ -1659,8 +1659,8 @@ const Ee = ({ variant: n, children: t }) => {
   name: n,
   label: t,
   required: r,
-  readOnly: i = !1,
-  rows: c = 6,
+  readOnly: c = !1,
+  rows: i = 6,
   maxLength: a = 1e3,
   focus: x = !1,
   placeholder: o,
@@ -1668,7 +1668,7 @@ const Ee = ({ variant: n, children: t }) => {
   value: h,
   ...j
 }) => {
-  const [y, m] = T(h), v = (k) => {
+  const [u, m] = T(h), f = (k) => {
     m(k.target.value), d && d(k);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-input--div", children: [
@@ -1678,20 +1678,20 @@ const Ee = ({ variant: n, children: t }) => {
       {
         id: n,
         className: "muncher-textarea",
-        rows: c,
+        rows: i,
         maxLength: a,
         name: n,
         autoFocus: x,
         value: h,
         placeholder: o,
-        onChange: v,
+        onChange: f,
         required: r,
-        readOnly: i,
+        readOnly: c,
         ...j
       }
     ),
     /* @__PURE__ */ e.jsxs("p", { children: [
-      y ? a ? a - y.length : 1e3 : a,
+      u ? a ? a - u.length : 1e3 : a,
       " characters left"
     ] })
   ] });
@@ -1699,8 +1699,8 @@ const Ee = ({ variant: n, children: t }) => {
   focus: n = !1,
   inputPlaceHolder: t,
   handleInputChange: r,
-  showContent: i = !1,
-  setShowContent: c,
+  showContent: c = !1,
+  setShowContent: i,
   readOnly: a,
   value: x,
   label: o,
@@ -1708,24 +1708,24 @@ const Ee = ({ variant: n, children: t }) => {
   required: h,
   children: j
 }) => {
-  const y = oe(null), m = (f) => {
-    c(!0), r(f.target.value);
-  }, v = B(() => {
-    c(!1);
-  }, [c]), k = B((f) => {
-    f.keyCode === 27 && v();
-  }, [v]);
+  const u = oe(null), m = (v) => {
+    i(!0), r(v.target.value);
+  }, f = B(() => {
+    i(!1);
+  }, [i]), k = B((v) => {
+    v.keyCode === 27 && f();
+  }, [f]);
   return K(() => {
-    const f = (C) => {
-      if (y && y !== null) {
-        const g = y.current;
-        g && !g.contains(C.target) && v();
+    const v = (C) => {
+      if (u && u !== null) {
+        const g = u.current;
+        g && !g.contains(C.target) && f();
       }
     };
-    return document.addEventListener("keydown", k, !1), document.addEventListener("mousedown", f), () => {
+    return document.addEventListener("keydown", k, !1), document.addEventListener("mousedown", v), () => {
       document.removeEventListener("keydown", k, !1);
     };
-  }, [k, v]), /* @__PURE__ */ e.jsxs("div", { className: "muncher-input-drop-down", ref: y, children: [
+  }, [k, f]), /* @__PURE__ */ e.jsxs("div", { className: "muncher-input-drop-down", ref: u, children: [
     /* @__PURE__ */ e.jsx(
       Me,
       {
@@ -1740,24 +1740,24 @@ const Ee = ({ variant: n, children: t }) => {
         error: d
       }
     ),
-    i ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-drop-down--content", children: j }) : ""
+    c ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-drop-down--content", children: j }) : ""
   ] });
-}, Ve = ({ children: n }) => /* @__PURE__ */ e.jsx("ul", { className: "muncher-ul", children: n }), Le = ({ isFeatured: n, bulletIcon: t = "arrow-right", bulletWeight: r = 2, bulletSize: i = "small", bulletColor: c, children: a }) => /* @__PURE__ */ e.jsx("li", { className: n ? "muncher-li featured" : "muncher-li", children: /* @__PURE__ */ e.jsx(
+}, Ve = ({ children: n }) => /* @__PURE__ */ e.jsx("ul", { className: "muncher-ul", children: n }), Le = ({ isFeatured: n, bulletIcon: t = "arrow-right", bulletWeight: r = 2, bulletSize: c = "small", bulletColor: i, children: a }) => /* @__PURE__ */ e.jsx("li", { className: n ? "muncher-li featured" : "muncher-li", children: /* @__PURE__ */ e.jsx(
   M,
   {
     name: t,
     weight: r,
-    size: i,
-    color: c,
+    size: c,
+    color: i,
     children: a
   }
-) }), Pe = ({ show: n = !1, setShow: t, children: r, ...i }) => {
-  const c = B((a) => {
+) }), Pe = ({ show: n = !1, setShow: t, children: r, ...c }) => {
+  const i = B((a) => {
     a.keyCode === 27 && t(!1);
   }, [t]);
-  return K(() => (document.addEventListener("keydown", c, !1), () => {
-    document.removeEventListener("keydown", c, !1);
-  }), [c]), K(() => {
+  return K(() => (document.addEventListener("keydown", i, !1), () => {
+    document.removeEventListener("keydown", i, !1);
+  }), [i]), K(() => {
     n ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset";
   }, [n]), /* @__PURE__ */ e.jsxs(xe.Fragment, { children: [
     /* @__PURE__ */ e.jsx(ye, { show: n, backdropClickHandler: () => t(!1) }),
@@ -1769,14 +1769,14 @@ const Ee = ({ variant: n, children: t }) => {
           transform: n ? "translateY(0)" : "translateY(-100vh)",
           opacity: n ? "1" : "0"
         },
-        ...i,
+        ...c,
         children: r
       }
     )
   ] });
 }, De = ({ showHoverEffect: n, onClick: t, children: r }) => {
-  const i = () => n ? "muncher-paper muncher-paper-hover" : "muncher-paper";
-  return /* @__PURE__ */ e.jsx("section", { className: i(), onClick: t, children: r });
+  const c = () => n ? "muncher-paper muncher-paper-hover" : "muncher-paper";
+  return /* @__PURE__ */ e.jsx("section", { className: c(), onClick: t, children: r });
 }, Fe = ({ pillCloseHandler: n, children: t, ...r }) => /* @__PURE__ */ e.jsxs("div", { className: "muncher-pill", ...r, children: [
   /* @__PURE__ */ e.jsx("div", { className: "close", onClick: n, children: /* @__PURE__ */ e.jsx(M, { name: "close" }) }),
   /* @__PURE__ */ e.jsxs("div", { className: "content", children: [
@@ -1784,64 +1784,68 @@ const Ee = ({ variant: n, children: t }) => {
     t
   ] })
 ] }), Ie = ({ value: n, max: t, label: r }) => {
-  const i = () => {
-    const c = Math.round(n / t * 100) + "%";
-    return r ? r + " " + c : c;
+  const c = () => {
+    const i = Math.round(n / t * 100) + "%";
+    return r ? r + " " + i : i;
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-progress", children: [
-    /* @__PURE__ */ e.jsx("label", { htmlFor: "progress", children: i() }),
-    /* @__PURE__ */ e.jsx("progress", { id: "progress", value: n, max: t, children: i() })
+    /* @__PURE__ */ e.jsx("label", { htmlFor: "progress", children: c() }),
+    /* @__PURE__ */ e.jsx("progress", { id: "progress", value: n, max: t, children: c() })
   ] });
 }, Ye = ({ variant: n, size: t, style: r }) => {
-  const i = "muncher-hr" + (n ? " muncher-hr--" + n : "") + (t ? " muncher-hr--" + t : "") + (r ? " muncher-hr--" + r : "");
-  return /* @__PURE__ */ e.jsx("hr", { className: i });
-}, Ue = ({ sliderItems: n, navButtonSize: t = "large", navButtonWeight: r = 2, variant: i, navIcon: c }) => {
-  const [a, x] = T(0), [o, d] = T(0);
-  return /* @__PURE__ */ e.jsxs("div", { className: "muncher-item-slider", children: [
-    n.length > 1 && a > 0 ? /* @__PURE__ */ e.jsx(
-      ae,
-      {
-        direction: "left",
-        size: t,
-        variant: i,
-        navIcon: c,
-        weight: r,
-        onClick: () => {
-          a === 0 ? (d(-(n.length - 1) * 100), x(n.length - 1)) : (d(o + 100), x(a - 1));
-        }
+  const c = "muncher-hr" + (n ? " muncher-hr--" + n : "") + (t ? " muncher-hr--" + t : "") + (r ? " muncher-hr--" + r : "");
+  return /* @__PURE__ */ e.jsx("hr", { className: c });
+}, Ue = ({ sliderItems: n, navButtonSize: t = "large", navButtonWeight: r = 2, variant: c, navIcon: i, navButtonPlacement: a = "inside" }) => {
+  const [x, o] = T(0), [d, h] = T(0), j = () => n.length > 1 && x > 0 ? /* @__PURE__ */ e.jsx(
+    ae,
+    {
+      direction: "left",
+      size: t,
+      variant: c,
+      navIcon: i,
+      weight: r,
+      onClick: () => {
+        x === 0 ? (h(-(n.length - 1) * 100), o(n.length - 1)) : (h(d + 100), o(x - 1));
       }
-    ) : "",
-    /* @__PURE__ */ e.jsx("div", { className: "slider-container", style: { width: `${100 * n.length}%` }, children: n.map(
-      (h, j) => /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          className: "slider-item",
-          style: { transform: `translateX(${o}%)` },
-          children: h
-        },
-        "slider-item" + j
-      )
-    ) }),
-    n.length > 1 && a < n.length - 1 ? /* @__PURE__ */ e.jsx(
-      ae,
-      {
-        direction: "right",
-        size: t,
-        weight: r,
-        navIcon: c,
-        variant: i,
-        onClick: () => {
-          a === n.length - 1 ? (x(0), d(0)) : (d(o - 100), x(a + 1));
-        }
+    }
+  ) : "", u = () => n.length > 1 && x < n.length - 1 ? /* @__PURE__ */ e.jsx(
+    ae,
+    {
+      direction: "right",
+      size: t,
+      weight: r,
+      navIcon: i,
+      variant: c,
+      onClick: () => {
+        x === n.length - 1 ? (o(0), h(0)) : (h(d - 100), o(x + 1));
       }
-    ) : ""
+    }
+  ) : "";
+  return /* @__PURE__ */ e.jsxs("div", { className: "muncher-item-slider-wrapper--" + a, children: [
+    a === "outside" ? j() : "",
+    /* @__PURE__ */ e.jsxs("div", { className: "muncher-item-slider", children: [
+      a === "inside" ? j() : "",
+      /* @__PURE__ */ e.jsx("div", { className: "slider-container", style: { width: `${100 * n.length}%` }, children: n.map(
+        (m, f) => /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: "slider-item",
+            style: { transform: `translateX(${d}%)` },
+            children: m
+          },
+          "slider-item" + f
+        )
+      ) }),
+      a === "inside" ? u() : ""
+    ] }),
+    a === "outside" ? u() : ""
   ] });
 }, $e = ({
   min: n,
   max: t,
   minValue: r,
-  maxValue: i,
-  setMinValue: c,
+  maxValue: c,
+  setMinValue: i,
   setMaxValue: a,
   numberFormatter: x = (o) => new Intl.NumberFormat("en-US", {
     style: "currency",
@@ -1849,14 +1853,14 @@ const Ee = ({ variant: n, children: t }) => {
   }).format(o)
 }) => {
   const o = (j) => {
-    const y = +j.target.value, m = y < i - 1 ? y : r;
-    c(m);
+    const u = +j.target.value, m = u < c - 1 ? u : r;
+    i(m);
   }, d = (j) => {
-    const y = +j.target.value, m = y > r + 1 ? y : i;
+    const u = +j.target.value, m = u > r + 1 ? u : c;
     a(m);
   }, h = (j) => x && j ? x(j) : j;
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-slider", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "slider-header", children: /* @__PURE__ */ e.jsx("p", { children: h(r) + " - " + h(i) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "slider-header", children: /* @__PURE__ */ e.jsx("p", { children: h(r) + " - " + h(c) }) }),
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -1875,7 +1879,7 @@ const Ee = ({ variant: n, children: t }) => {
         type: "range",
         min: n,
         max: t,
-        value: i,
+        value: c,
         onChange: d
       }
     ),
@@ -1888,15 +1892,15 @@ const Ee = ({ variant: n, children: t }) => {
   min: n,
   max: t,
   value: r,
-  setValue: i,
-  numberFormatter: c = (a) => new Intl.NumberFormat("en-US", {
+  setValue: c,
+  numberFormatter: i = (a) => new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: "USD"
   }).format(a)
 }) => {
-  const a = (o) => c ? c(o) : o, x = (o) => {
+  const a = (o) => i ? i(o) : o, x = (o) => {
     const d = +o.target.value;
-    i(d);
+    c(d);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-slider", children: [
     /* @__PURE__ */ e.jsx("div", { className: "slider-header", children: /* @__PURE__ */ e.jsx("p", { children: a(r) }) }),
@@ -1916,20 +1920,20 @@ const Ee = ({ variant: n, children: t }) => {
       /* @__PURE__ */ e.jsx("div", { className: "slider-max", children: a(t) })
     ] })
   ] });
-}, Be = ({ isFeatured: n, onClick: t }) => /* @__PURE__ */ e.jsx("span", { className: "span-featured", children: /* @__PURE__ */ e.jsx("span", { className: n ? "featured-star" : "un-featured-star", onClick: t }) }), Je = ({ rating: n, color: t, size: r, ...i }) => {
-  const c = {
+}, Be = ({ isFeatured: n, onClick: t }) => /* @__PURE__ */ e.jsx("span", { className: "span-featured", children: /* @__PURE__ */ e.jsx("span", { className: n ? "featured-star" : "un-featured-star", onClick: t }) }), Je = ({ rating: n, color: t, size: r, ...c }) => {
+  const i = {
     "--r": n
   }, a = () => {
     let x = "muncher-star";
     return t && (x += " star-" + t), r && (x += " star-" + r), x;
   };
-  return /* @__PURE__ */ e.jsx("span", { className: a(), style: c, ...i });
+  return /* @__PURE__ */ e.jsx("span", { className: a(), style: i, ...c });
 }, Ge = ({ handleTabSelected: n, children: t }) => {
-  const [r, i] = T(0), { tabs: c } = t, a = (x) => {
-    i(x), n && n(x);
+  const [r, c] = T(0), { tabs: i } = t, a = (x) => {
+    c(x), n && n(x);
   };
   return /* @__PURE__ */ e.jsxs("section", { className: "muncher-tabs", children: [
-    /* @__PURE__ */ e.jsx("header", { children: c.map(
+    /* @__PURE__ */ e.jsx("header", { children: i.map(
       (x, o) => /* @__PURE__ */ e.jsxs("div", { className: "muncher-tab-header--item", children: [
         /* @__PURE__ */ e.jsx(
           O,
@@ -1944,10 +1948,10 @@ const Ee = ({ variant: n, children: t }) => {
             children: x.header
           }
         ),
-        o !== c.length - 1 ? /* @__PURE__ */ e.jsx("span", { className: "spacer", children: "|" }) : ""
+        o !== i.length - 1 ? /* @__PURE__ */ e.jsx("span", { className: "spacer", children: "|" }) : ""
       ] }, "muncher-tab-header" + o)
     ) }),
-    c.map(
+    i.map(
       (x, o) => /* @__PURE__ */ e.jsx(
         "section",
         {
@@ -1962,68 +1966,68 @@ const Ee = ({ variant: n, children: t }) => {
   fileName: n,
   defaultPageSize: t,
   skeleton: r,
-  handleOnUpload: i,
-  sortBy: c,
+  handleOnUpload: c,
+  sortBy: i,
   excludeDownload: a,
   includeUpload: x,
   isUploading: o,
   uploadWarningMessage: d,
   uploadSuccessMessage: h,
   excludePagination: j,
-  footer: y,
+  footer: u,
   children: m
 }) => {
-  const { header: v, rows: k } = m, [f, C] = T(c || { index: 0 }), [g, _] = T({ num: 0, size: t || 50 }), z = (u) => {
-    f.index === u ? C({ ...f, desc: !f.desc }) : C({ index: u });
+  const { header: f, rows: k } = m, [v, C] = T(i || { index: 0 }), [g, _] = T({ num: 0, size: t || 50 }), z = (y) => {
+    v.index === y ? C({ ...v, desc: !v.desc }) : C({ index: y });
   }, S = () => {
-    if (v[f.index].sort) {
-      const u = k.sort(v[f.index].sort);
-      return f.desc ? u.reverse() : u;
+    if (f[v.index].sort) {
+      const y = k.sort(f[v.index].sort);
+      return v.desc ? y.reverse() : y;
     }
     return k.sort(
-      (u, w) => {
+      (y, w) => {
         var P, I, q, D, Y, U;
-        if (((P = u[f.index]) == null ? void 0 : P.value) === null || ((I = w[f.index]) == null ? void 0 : I.value) === null)
+        if (((P = y[v.index]) == null ? void 0 : P.value) === null || ((I = w[v.index]) == null ? void 0 : I.value) === null)
           return 0;
-        const H = (D = (q = u[f.index]) == null ? void 0 : q.value) == null ? void 0 : D.toString().toLowerCase(), A = (U = (Y = w[f.index]) == null ? void 0 : Y.value) == null ? void 0 : U.toString().toLowerCase();
+        const H = (D = (q = y[v.index]) == null ? void 0 : q.value) == null ? void 0 : D.toString().toLowerCase(), A = (U = (Y = w[v.index]) == null ? void 0 : Y.value) == null ? void 0 : U.toString().toLowerCase();
         let G = H.localeCompare(A);
-        return f.desc ? -G : G;
+        return v.desc ? -G : G;
       }
     );
   }, b = () => (g.num + 1) * g.size;
   return /* @__PURE__ */ e.jsxs("section", { className: "muncher-table", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "row head", children: v.map(
-      (u, w) => u.visibility === "hidden" ? "" : /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "row head", children: f.map(
+      (y, w) => y.visibility === "hidden" ? "" : /* @__PURE__ */ e.jsx(
         "div",
         {
-          title: u.title,
-          className: u.visibility ? "col main" : "col",
-          children: typeof u.name == "string" ? /* @__PURE__ */ e.jsx("div", { className: "sort-button", children: /* @__PURE__ */ e.jsx(
+          title: y.title,
+          className: y.visibility ? "col main" : "col",
+          children: typeof y.name == "string" ? /* @__PURE__ */ e.jsx("div", { className: "sort-button", children: /* @__PURE__ */ e.jsx(
             be,
             {
               onClick: () => {
                 z(w);
               },
-              active: f.index === w,
-              sortAsc: !f.desc,
-              children: u.name
+              active: v.index === w,
+              sortAsc: !v.desc,
+              children: y.name
             }
-          ) }) : u.name
+          ) }) : y.name
         },
-        "row-head-" + u.name
+        "row-head-" + y.name
       )
     ) }),
     r || S().slice(g.num * g.size, b() - 1).map(
-      (u, w) => /* @__PURE__ */ e.jsx("div", { className: "row", children: u.map((H, A) => v[A].visibility === "hidden" ? "" : /* @__PURE__ */ e.jsx(
+      (y, w) => /* @__PURE__ */ e.jsx("div", { className: "row", children: y.map((H, A) => f[A].visibility === "hidden" ? "" : /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: v[A].visibility ? "col main" : "col",
+          className: f[A].visibility ? "col main" : "col",
           children: H.content
         },
         "row-col" + w + A
       )) }, "row-" + w)
     ),
-    y || "",
+    u || "",
     /* @__PURE__ */ e.jsxs("div", { className: "row-footer", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "row-footer-buttons", children: [
         a ? "" : /* @__PURE__ */ e.jsx(
@@ -2032,9 +2036,9 @@ const Ee = ({ variant: n, children: t }) => {
             filename: n || "download",
             variant: "secondary",
             title: "Download",
-            header: v.filter((u) => !u.csvExclude).map((u) => typeof u.name == "string" ? u.name : ""),
+            header: f.filter((y) => !y.csvExclude).map((y) => typeof y.name == "string" ? y.name : ""),
             data: k.map(
-              (u) => u.filter((w, H) => !v[H].csvExclude).map((w) => w.csv ? w.csv ? w.csv : "" : w.value ? w.value : "")
+              (y) => y.filter((w, H) => !f[H].csvExclude).map((w) => w.csv ? w.csv ? w.csv : "" : w.value ? w.value : "")
             )
           }
         ),
@@ -2042,7 +2046,7 @@ const Ee = ({ variant: n, children: t }) => {
           Ne,
           {
             name: "csv-input-file",
-            handleOnChange: i,
+            handleOnChange: c,
             isUploading: o,
             warningMessage: d,
             successMessage: h
@@ -2058,10 +2062,10 @@ const Ee = ({ variant: n, children: t }) => {
               name: "pageSize",
               options: ["50", "100", "500"],
               value: g.size,
-              onChange: (u) => {
+              onChange: (y) => {
                 _({
                   ...g,
-                  size: parseInt(u.target.value)
+                  size: parseInt(y.target.value)
                 });
               }
             }