@contentmunch/contentmunch-ui 1.0.37 → 1.0.38

package/lib/index.es.js

@@ -67,7 +67,7 @@ function ye() {
         switch (typeof l.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), l.$$typeof) {
-          case N:
+          case b:
             return "Portal";
           case S:
             return (l.displayName || "Context") + ".Provider";
@@ -99,8 +99,8 @@ function ye() {
       }
       if (y) {
         y = console;
-        var b = y.error, E = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
-        return b.call(
+        var w = y.error, E = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
+        return w.call(
           y,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           E
@@ -133,33 +133,33 @@ function ye() {
       return l.key !== void 0;
     }
     function x(l, y) {
-      function b() {
+      function w() {
         $ || ($ = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           y
         ));
       }
-      b.isReactWarning = !0, Object.defineProperty(l, "key", {
-        get: b,
+      w.isReactWarning = !0, Object.defineProperty(l, "key", {
+        get: w,
         configurable: !0
       });
     }
-    function d() {
+    function j() {
       var l = n(this.type);
       return Y[l] || (Y[l] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), l = this.props.ref, l !== void 0 ? l : null;
     }
-    function h(l, y, b, E, D, V, ee, se) {
-      return b = V.ref, l = {
+    function d(l, y, w, E, D, V, ee, se) {
+      return w = V.ref, l = {
         $$typeof: f,
         type: l,
         key: y,
         props: V,
         _owner: D
-      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(l, "ref", {
+      }, (w !== void 0 ? w : null) !== null ? Object.defineProperty(l, "ref", {
         enumerable: !1,
-        get: d
+        get: j
       }) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -182,7 +182,7 @@ function ye() {
         value: se
       }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     }
-    function j(l, y, b, E, D, V, ee, se) {
+    function h(l, y, w, E, D, V, ee, se) {
       var R = y.children;
       if (R !== void 0)
         if (E)
@@ -213,21 +213,21 @@ React keys must be passed directly to JSX without using spread:
           R
         ), re[R + E] = !0);
       }
-      if (R = null, b !== void 0 && (r(b), R = "" + b), o(y) && (r(y.key), R = "" + y.key), "key" in y) {
-        b = {};
+      if (R = null, w !== void 0 && (r(w), R = "" + w), o(y) && (r(y.key), R = "" + y.key), "key" in y) {
+        w = {};
         for (var ne in y)
-          ne !== "key" && (b[ne] = y[ne]);
-      } else b = y;
+          ne !== "key" && (w[ne] = y[ne]);
+      } else w = y;
       return R && x(
-        b,
+        w,
         typeof l == "function" ? l.displayName || l.name || "Unknown" : l
-      ), h(
+      ), d(
         l,
         R,
         V,
         D,
         c(),
-        b,
+        w,
         ee,
         se
       );
@@ -235,7 +235,7 @@ React keys must be passed directly to JSX without using spread:
     function u(l) {
       typeof l == "object" && l !== null && l.$$typeof === f && l._store && (l._store.validated = 1);
     }
-    var p = oe, f = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), T = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), S = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), H = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), M = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), L = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, X = Object.prototype.hasOwnProperty, Z = Array.isArray, I = console.createTask ? console.createTask : function() {
+    var p = oe, f = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), T = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), S = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), H = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), M = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), L = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, X = Object.prototype.hasOwnProperty, Z = Array.isArray, I = console.createTask ? console.createTask : function() {
       return null;
     };
     p = {
@@ -247,24 +247,24 @@ React keys must be passed directly to JSX without using spread:
       p,
       a
     )(), W = I(i(a)), re = {};
-    J.Fragment = g, J.jsx = function(l, y, b, E, D) {
+    J.Fragment = g, J.jsx = function(l, y, w, E, D) {
       var V = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return j(
+      return h(
         l,
         y,
-        b,
+        w,
         !1,
         E,
         D,
         V ? Error("react-stack-top-frame") : U,
         V ? I(i(l)) : W
       );
-    }, J.jsxs = function(l, y, b, E, D) {
+    }, J.jsxs = function(l, y, w, E, D) {
       var V = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return j(
+      return h(
         l,
         y,
-        b,
+        w,
         !0,
         E,
         D,
@@ -279,29 +279,29 @@ function pe() {
   return ie || (ie = 1, process.env.NODE_ENV === "production" ? K.exports = ue() : K.exports = ye()), K.exports;
 }
 var e = pe();
-const Re = ({ variant: n, children: t }) => {
-  const { folds: r } = t, [i, c] = A(0), a = (d) => d === i ? "fold active" : "fold", o = (d) => "fold-button" + (n ? " fold-button--" + n : "") + (r[d].foldColor ? " fold-button--primary fold-button--" + r[d].foldColor : ""), x = (d) => {
-    const h = d.which.toString(), j = d.ctrlKey && h.match(/33|34/);
-    if (h.match(/38|40/) || j) {
-      const u = h.match(/34|40/) ? 1 : -1, p = r.length, f = (i + p + u) % p;
-      c(f);
+const Re = ({ variant: n, collapsed: t, children: r }) => {
+  const { folds: i } = r, [c, a] = A(t ? -1 : 0), o = (d) => d === c ? "fold active" : "fold", x = (d) => "fold-button" + (n ? " fold-button--" + n : "") + (i[d].foldColor ? " fold-button--primary fold-button--" + i[d].foldColor : ""), j = (d) => {
+    const h = d.which.toString(), u = d.ctrlKey && h.match(/33|34/);
+    if (h.match(/38|40/) || u) {
+      const p = h.match(/34|40/) ? 1 : -1, f = i.length, b = (c + f + p) % f;
+      a(b);
     } else
-      h === "36" && c(0), h === "35" && c(r.length - 1);
+      h === "36" && a(0), h === "35" && a(i.length - 1);
     d.preventDefault();
   };
-  return /* @__PURE__ */ e.jsx("div", { className: "muncher-accordion", children: r.map(
+  return /* @__PURE__ */ e.jsx("div", { className: "muncher-accordion", children: i.map(
     (d, h) => /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: a(h),
-        "aria-expanded": i === h,
+        className: o(h),
+        "aria-expanded": c === h,
         children: [
           /* @__PURE__ */ e.jsx(
             "button",
             {
-              className: o(h),
-              onKeyDown: x,
-              onClick: () => c(h),
+              className: x(h),
+              onKeyDown: j,
+              onClick: () => a(h),
               children: /* @__PURE__ */ e.jsx("span", { children: d.heading })
             }
           ),
@@ -1069,14 +1069,14 @@ const Re = ({ variant: n, children: t }) => {
     /* @__PURE__ */ e.jsx("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" }),
     /* @__PURE__ */ e.jsx("text", { x: "6", y: "14", fontSize: "6", fontFamily: "'Lucida Grande', sans-serif", children: "360" })
   ] })
-}, w = ({ color: n, name: t, size: r = "small", weight: i = 2, onClick: c, iconString: a, orientation: o, children: x }) => {
-  const d = r ? "muncher-icon--" + r : "muncher-icon--small";
+}, N = ({ color: n, name: t, size: r = "small", weight: i = 2, onClick: c, iconString: a, orientation: o, children: x }) => {
+  const j = r ? "muncher-icon--" + r : "muncher-icon--small";
   return /* @__PURE__ */ e.jsxs("span", { className: "muncher-icon", children: [
     x && o && o === "right" ? /* @__PURE__ */ e.jsx("span", { className: "content-left", children: x }) : "",
     /* @__PURE__ */ e.jsx(
       "svg",
       {
-        className: d,
+        className: j,
         stroke: n || "currentColor",
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 24 24",
@@ -1103,7 +1103,7 @@ const Re = ({ variant: n, children: t }) => {
     onClick: i,
     ...c,
     children: [
-      /* @__PURE__ */ e.jsx(w, { name: t }),
+      /* @__PURE__ */ e.jsx(N, { name: t }),
       r === "" ? "" : /* @__PURE__ */ e.jsx(fe, { variant: n, children: r })
     ]
   }
@@ -1116,9 +1116,9 @@ const Re = ({ variant: n, children: t }) => {
   disabled: a,
   rounded: o,
   onClick: x,
-  onMouseDown: d,
-  onMouseEnter: h,
-  onMouseLeave: j,
+  onMouseDown: j,
+  onMouseEnter: d,
+  onMouseLeave: h,
   children: u,
   ...p
 }) => {
@@ -1131,9 +1131,9 @@ const Re = ({ variant: n, children: t }) => {
       disabled: !!a,
       title: i,
       onClick: x,
-      onMouseDown: d,
-      onMouseEnter: h,
-      onMouseLeave: j,
+      onMouseDown: j,
+      onMouseEnter: d,
+      onMouseLeave: h,
       ...p,
       children: u
     }
@@ -1147,20 +1147,20 @@ const Re = ({ variant: n, children: t }) => {
   element: a,
   onMouseDown: o,
   rounded: x,
-  drop: d,
-  onClick: h,
-  onClose: j,
+  drop: j,
+  onClick: d,
+  onClose: h,
   showContent: u,
   setShowContent: p,
   withDropIcon: f,
-  children: N,
+  children: b,
   ...g
 }) => {
   const T = de(null), v = (k) => {
-    k.preventDefault(), h && h(k), p && p(!0);
+    k.preventDefault(), d && d(k), p && p(!0);
   }, _ = G(() => {
-    p(!1), j && j();
-  }, [j, p]), S = G((k) => {
+    p(!1), h && h();
+  }, [h, p]), S = G((k) => {
     k.keyCode === 27 && _();
   }, [_]);
   Q(() => {
@@ -1182,7 +1182,7 @@ const Re = ({ variant: n, children: t }) => {
         if (m > 40 || m < 60) return "muncher-dropdown--content drop-middle";
       }
     }
-    switch (d) {
+    switch (j) {
       case "left":
         return "muncher-dropdown--content drop-left";
       case "middle":
@@ -1215,7 +1215,7 @@ const Re = ({ variant: n, children: t }) => {
         ]
       }
     ),
-    u ? /* @__PURE__ */ e.jsx("div", { className: z(), children: N }) : ""
+    u ? /* @__PURE__ */ e.jsx("div", { className: z(), children: b }) : ""
   ] });
 }, Ae = ({
   title: n,
@@ -1247,8 +1247,8 @@ const Re = ({ variant: n, children: t }) => {
   variant: t = "secondary",
   size: r = "small"
 }) => {
-  const [i, c] = A(), [a, o] = A("copy"), [x, d] = A("copy link"), h = () => {
-    ge(n), c("green"), o("check"), d("copied!"), setTimeout(function() {
+  const [i, c] = A(), [a, o] = A("copy"), [x, j] = A("copy link"), d = () => {
+    ge(n), c("green"), o("check"), j("copied!"), setTimeout(function() {
       c(""), o("copy");
     }, 2e3);
   };
@@ -1258,8 +1258,8 @@ const Re = ({ variant: n, children: t }) => {
       size: r,
       variant: t,
       title: x,
-      onClick: h,
-      children: /* @__PURE__ */ e.jsx(w, { name: a, color: i })
+      onClick: d,
+      children: /* @__PURE__ */ e.jsx(N, { name: a, color: i })
     }
   );
 }, _e = ({
@@ -1276,7 +1276,7 @@ const Re = ({ variant: n, children: t }) => {
       setShowContent: c,
       variant: n,
       size: t,
-      element: /* @__PURE__ */ e.jsx(w, { name: "share", orientation: "right", children: "Share" }),
+      element: /* @__PURE__ */ e.jsx(N, { name: "share", orientation: "right", children: "Share" }),
       children: [
         /* @__PURE__ */ e.jsx(O, { size: "small", variant: n, children: /* @__PURE__ */ e.jsx(
           "a",
@@ -1284,7 +1284,7 @@ const Re = ({ variant: n, children: t }) => {
             href: "https://twitter.com/share?url=" + window.location.href + "&text=" + r,
             target: "_blank",
             title: "Share link to Twitter",
-            children: /* @__PURE__ */ e.jsx(w, { name: "twitter" })
+            children: /* @__PURE__ */ e.jsx(N, { name: "twitter" })
           }
         ) }),
         /* @__PURE__ */ e.jsx(O, { size: "small", variant: n, children: /* @__PURE__ */ e.jsx(
@@ -1293,7 +1293,7 @@ const Re = ({ variant: n, children: t }) => {
             href: "https://www.facebook.com/sharer/sharer.php?u=" + window.location.href,
             target: "_blank",
             title: "Share link to Facebook",
-            children: /* @__PURE__ */ e.jsx(w, { name: "facebook" })
+            children: /* @__PURE__ */ e.jsx(N, { name: "facebook" })
           }
         ) }),
         /* @__PURE__ */ e.jsx(O, { size: "small", variant: n, children: /* @__PURE__ */ e.jsx(
@@ -1302,7 +1302,7 @@ const Re = ({ variant: n, children: t }) => {
             href: "mailto:?subject=" + r + "&body=" + window.location.href,
             target: "_blank",
             title: "share link by Email",
-            children: /* @__PURE__ */ e.jsx(w, { name: "mail" })
+            children: /* @__PURE__ */ e.jsx(N, { name: "mail" })
           }
         ) }),
         /* @__PURE__ */ e.jsx(be, { text: window.location.href })
@@ -1318,12 +1318,12 @@ const Re = ({ variant: n, children: t }) => {
   title: a,
   active: o,
   disabled: x,
-  rounded: d
+  rounded: j
 }) => {
-  const h = encodeURI("data:text/csv;charset=utf-8," + n.join(",") + `
-` + t.map((j) => j.join(",")).join(`
+  const d = encodeURI("data:text/csv;charset=utf-8," + n.join(",") + `
+` + t.map((h) => h.join(",")).join(`
 `));
-  return /* @__PURE__ */ e.jsx("div", { className: "muncher-csv", children: /* @__PURE__ */ e.jsx(O, { variant: i, size: c, active: o, disabled: x, rounded: d, children: /* @__PURE__ */ e.jsx("a", { href: h, download: r + ".csv", children: /* @__PURE__ */ e.jsx(w, { name: "download", children: a || "Download" }) }) }) });
+  return /* @__PURE__ */ e.jsx("div", { className: "muncher-csv", children: /* @__PURE__ */ e.jsx(O, { variant: i, size: c, active: o, disabled: x, rounded: j, children: /* @__PURE__ */ e.jsx("a", { href: d, download: r + ".csv", children: /* @__PURE__ */ e.jsx(N, { name: "download", children: a || "Download" }) }) }) });
 }, Ne = ({
   variant: n = "transparent",
   size: t = "small",
@@ -1334,7 +1334,7 @@ const Re = ({ variant: n, children: t }) => {
   onClick: o,
   children: x
 }) => {
-  const [d, h] = A(!1), j = () => !c || c && !d ? i ? /* @__PURE__ */ e.jsx(w, { name: "sort-asc" }) : /* @__PURE__ */ e.jsx(w, { name: "sort-desc" }) : i ? /* @__PURE__ */ e.jsx(w, { name: "sort-desc" }) : /* @__PURE__ */ e.jsx(w, { name: "sort-asc" });
+  const [j, d] = A(!1), h = () => !c || c && !j ? i ? /* @__PURE__ */ e.jsx(N, { name: "sort-asc" }) : /* @__PURE__ */ e.jsx(N, { name: "sort-desc" }) : i ? /* @__PURE__ */ e.jsx(N, { name: "sort-desc" }) : /* @__PURE__ */ e.jsx(N, { name: "sort-asc" });
   return /* @__PURE__ */ e.jsxs(
     O,
     {
@@ -1343,15 +1343,15 @@ const Re = ({ variant: n, children: t }) => {
       title: r,
       rounded: a,
       onMouseEnter: () => {
-        h(!0);
+        d(!0);
       },
       onMouseLeave: () => {
-        h(!1);
+        d(!1);
       },
       onClick: o,
       children: [
         x,
-        c || d ? /* @__PURE__ */ e.jsx(j, {}) : ""
+        c || j ? /* @__PURE__ */ e.jsx(h, {}) : ""
       ]
     }
   );
@@ -1388,7 +1388,7 @@ const Re = ({ variant: n, children: t }) => {
           size: "small",
           variant: c,
           title: n === "left" ? "Navigate Left" : "Navigate Right",
-          children: /* @__PURE__ */ e.jsx(w, { name: x(), size: t, weight: r })
+          children: /* @__PURE__ */ e.jsx(N, { name: x(), size: t, weight: r })
         }
       )
     }
@@ -1412,8 +1412,8 @@ const Re = ({ variant: n, children: t }) => {
         type: "checkbox",
         id: n,
         name: n,
-        onChange: (d) => {
-          x(d.target.checked), r && r();
+        onChange: (j) => {
+          x(j.target.checked), r && r();
         },
         checked: o,
         required: t,
@@ -1426,8 +1426,8 @@ const Re = ({ variant: n, children: t }) => {
         label: c,
         required: t,
         id: n,
-        onClick: (d) => {
-          d.preventDefault(), x(!o), r && r();
+        onClick: (j) => {
+          j.preventDefault(), x(!o), r && r();
         }
       }
     ) : ""
@@ -1447,16 +1447,16 @@ const Re = ({ variant: n, children: t }) => {
   active: a,
   isUploading: o,
   handleOnChange: x,
-  warningMessage: d,
-  successMessage: h,
-  ...j
+  warningMessage: j,
+  successMessage: d,
+  ...h
 }) => {
   const u = "muncher-button" + (r ? " muncher-button--" + r : "") + (i ? " muncher-button--" + i : "") + (a ? " muncher-button--active" : ""), p = (f) => {
     x && x(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: u, children: [
-      /* @__PURE__ */ e.jsx(w, { name: "upload" }),
+      /* @__PURE__ */ e.jsx(N, { name: "upload" }),
       " ",
       t || "Upload CSV",
       c ? /* @__PURE__ */ e.jsx("span", { className: "required", children: " *" }) : "",
@@ -1471,11 +1471,11 @@ const Re = ({ variant: n, children: t }) => {
         required: c,
         onChange: p,
         accept: "text/csv",
-        ...j
+        ...h
       }
     ),
-    d && d !== "" ? /* @__PURE__ */ e.jsx("p", { className: "text-danger", children: d }) : "",
-    h && h !== "" ? /* @__PURE__ */ e.jsx("p", { className: "text-success", children: h }) : ""
+    j && j !== "" ? /* @__PURE__ */ e.jsx("p", { className: "text-danger", children: j }) : "",
+    d && d !== "" ? /* @__PURE__ */ e.jsx("p", { className: "text-success", children: d }) : ""
   ] }) });
 }, ze = ({
   name: n,
@@ -1486,21 +1486,21 @@ const Re = ({ variant: n, children: t }) => {
   active: a,
   setFiles: o,
   error: x,
-  multiple: d = !1,
-  maxFiles: h,
-  ...j
+  multiple: j = !1,
+  maxFiles: d,
+  ...h
 }) => {
-  const [u, p] = A(""), [f, N] = A(""), g = h || 3, T = "muncher-button" + (r ? " muncher-button--" + r : "") + (i ? " muncher-button--" + i : "") + (a ? " muncher-button--active" : ""), v = (S) => {
-    if (d) {
+  const [u, p] = A(""), [f, b] = A(""), g = d || 3, T = "muncher-button" + (r ? " muncher-button--" + r : "") + (i ? " muncher-button--" + i : "") + (a ? " muncher-button--active" : ""), v = (S) => {
+    if (j) {
       let z = Array.from(S.currentTarget.files);
-      z.length > g && (z = z.slice(0, g), N("Only first " + g + " files included")), o(z), p(z.map((k) => k.name).join(", "));
+      z.length > g && (z = z.slice(0, g), b("Only first " + g + " files included")), o(z), p(z.map((k) => k.name).join(", "));
     } else
       o(Array.from(S.currentTarget.files[0])), p(S.currentTarget.files[0].name);
   }, _ = () => x && x !== "";
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-file-input--div", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "file-input-element", children: [
       /* @__PURE__ */ e.jsxs("label", { htmlFor: n, className: T, children: [
-        /* @__PURE__ */ e.jsx(w, { name: "image" }),
+        /* @__PURE__ */ e.jsx(N, { name: "image" }),
         " ",
         t,
         c ? /* @__PURE__ */ e.jsx("span", { className: "required", children: " *" }) : ""
@@ -1514,14 +1514,14 @@ const Re = ({ variant: n, children: t }) => {
           className: "muncher-file-input",
           name: n,
           onChange: v,
-          multiple: d,
+          multiple: j,
           accept: "image/*",
-          ...j
+          ...h
         }
       )
     ] }),
     f !== "" ? /* @__PURE__ */ e.jsx("p", { className: "text-danger", children: f }) : "",
-    _() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(w, { name: "alert", children: x }) }) : ""
+    _() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(N, { name: "alert", children: x }) }) : ""
   ] });
 }, ke = ({
   name: n,
@@ -1532,13 +1532,13 @@ const Re = ({ variant: n, children: t }) => {
   hoverIcon: a,
   onHoverIconClick: o,
   type: x = "text",
-  list: d,
-  onBlur: h,
-  labelPosition: j = "top",
+  list: j,
+  onBlur: d,
+  labelPosition: h = "top",
   onKeyDown: u,
   error: p,
   focus: f = !1,
-  placeholder: N,
+  placeholder: b,
   onChange: g,
   step: T,
   value: v,
@@ -1549,17 +1549,17 @@ const Re = ({ variant: n, children: t }) => {
 }) => {
   const H = () => p && p !== "", P = () => {
     let C = "muncher-input";
-    return (c || a) && (C += " muncher-input-icon"), H() && (C += " muncher-input-error"), j === "side" && (C += " muncher-label-side"), C;
+    return (c || a) && (C += " muncher-input-icon"), H() && (C += " muncher-input-error"), h === "side" && (C += " muncher-label-side"), C;
   }, m = () => t ? /* @__PURE__ */ e.jsx(q, { label: t, required: r, id: n }) : "", M = (C) => {
     C.key === "Enter" && S && S(), u && u(C);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-input--div", children: [
-    j !== "side" ? m() : "",
+    h !== "side" ? m() : "",
     /* @__PURE__ */ e.jsxs("div", { className: "muncher-input-element", children: [
-      j === "side" ? m() : "",
-      c ? /* @__PURE__ */ e.jsx(w, { name: c }) : "",
+      h === "side" ? m() : "",
+      c ? /* @__PURE__ */ e.jsx(N, { name: c }) : "",
       a ? /* @__PURE__ */ e.jsxs("span", { className: "muncher-icon-hover", children: [
-        /* @__PURE__ */ e.jsx(w, { name: a, onClick: o }),
+        /* @__PURE__ */ e.jsx(N, { name: a, onClick: o }),
         " "
       ] }) : "",
       /* @__PURE__ */ e.jsxs("div", { className: "muncher-input-wrapper", children: [
@@ -1573,13 +1573,13 @@ const Re = ({ variant: n, children: t }) => {
             value: v,
             type: x || "text",
             autoComplete: "off",
-            placeholder: N,
+            placeholder: b,
             onChange: g,
             required: r,
             readOnly: i,
-            list: d,
+            list: j,
             onKeyDown: M,
-            onBlur: h,
+            onBlur: d,
             step: T,
             maxLength: _,
             ...k
@@ -1588,7 +1588,7 @@ const Re = ({ variant: n, children: t }) => {
         z ? /* @__PURE__ */ e.jsx(he, { size: "tiny" }) : ""
       ] })
     ] }),
-    H() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(w, { name: "alert", children: p }) }) : ""
+    H() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(N, { name: "alert", children: p }) }) : ""
   ] });
 }, He = ({ name: n, required: t = !1, onChange: r, checked: i = !1, label: c, ...a }) => /* @__PURE__ */ e.jsx("div", { className: "muncher-input--div", children: /* @__PURE__ */ e.jsxs("div", { className: "muncher-radio", children: [
   /* @__PURE__ */ e.jsx(
@@ -1620,11 +1620,11 @@ const Re = ({ variant: n, children: t }) => {
   error: a,
   onChange: o,
   value: x,
-  ...d
+  ...j
 }) => {
-  const h = () => a && a !== "", j = () => {
+  const d = () => a && a !== "", h = () => {
     let u = "muncher-input";
-    return h() && (u += " muncher-input-error"), u;
+    return d() && (u += " muncher-input-error"), u;
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-input--div", children: [
     r ? /* @__PURE__ */ e.jsx(q, { label: r, required: i, id: n }) : "",
@@ -1632,13 +1632,13 @@ const Re = ({ variant: n, children: t }) => {
       "select",
       {
         id: n,
-        className: j(),
+        className: h(),
         name: n,
         value: x,
         onChange: o,
         required: i,
         multiple: c,
-        ...d,
+        ...j,
         children: [
           i ? /* @__PURE__ */ e.jsx("option", { value: "", children: "-- Select --" }) : "",
           t.map(
@@ -1647,7 +1647,7 @@ const Re = ({ variant: n, children: t }) => {
         ]
       }
     ) }),
-    h() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(w, { name: "alert", children: a }) }) : ""
+    d() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(N, { name: "alert", children: a }) }) : ""
   ] });
 }, Oe = ({
   name: n,
@@ -1658,12 +1658,12 @@ const Re = ({ variant: n, children: t }) => {
   maxLength: a = 1e3,
   focus: o = !1,
   placeholder: x,
-  onChange: d,
-  value: h,
-  ...j
+  onChange: j,
+  value: d,
+  ...h
 }) => {
-  const [u, p] = A(h), f = (N) => {
-    p(N.target.value), d && d(N);
+  const [u, p] = A(d), f = (b) => {
+    p(b.target.value), j && j(b);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-input--div", children: [
     t ? /* @__PURE__ */ e.jsx(q, { label: t, required: r, id: n }) : "",
@@ -1676,12 +1676,12 @@ const Re = ({ variant: n, children: t }) => {
         maxLength: a,
         name: n,
         autoFocus: o,
-        value: h,
+        value: d,
         placeholder: x,
         onChange: f,
         required: r,
         readOnly: i,
-        ...j
+        ...h
       }
     ),
     /* @__PURE__ */ e.jsxs("p", { children: [
@@ -1698,15 +1698,15 @@ const Re = ({ variant: n, children: t }) => {
   readOnly: a,
   value: o,
   label: x,
-  error: d,
-  required: h,
-  children: j
+  error: j,
+  required: d,
+  children: h
 }) => {
   const u = de(null), p = (g) => {
     c(!0), r(g.target.value);
   }, f = G(() => {
     c(!1);
-  }, [c]), N = G((g) => {
+  }, [c]), b = G((g) => {
     g.keyCode === 27 && f();
   }, [f]);
   return Q(() => {
@@ -1716,10 +1716,10 @@ const Re = ({ variant: n, children: t }) => {
         v && !v.contains(T.target) && f();
       }
     };
-    return document.addEventListener("keydown", N, !1), document.addEventListener("mousedown", g), () => {
-      document.removeEventListener("keydown", N, !1);
+    return document.addEventListener("keydown", b, !1), document.addEventListener("mousedown", g), () => {
+      document.removeEventListener("keydown", b, !1);
     };
-  }, [N, f]), /* @__PURE__ */ e.jsxs("div", { className: "muncher-input-drop-down", ref: u, children: [
+  }, [b, f]), /* @__PURE__ */ e.jsxs("div", { className: "muncher-input-drop-down", ref: u, children: [
     /* @__PURE__ */ e.jsx(
       ke,
       {
@@ -1730,14 +1730,14 @@ const Re = ({ variant: n, children: t }) => {
         readOnly: a,
         value: o,
         label: x,
-        required: h,
-        error: d
+        required: d,
+        error: j
       }
     ),
-    i ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-drop-down--content", children: j }) : ""
+    i ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-drop-down--content", children: h }) : ""
   ] });
 }, Le = ({ children: n }) => /* @__PURE__ */ e.jsx("ul", { className: "muncher-ul", children: n }), Pe = ({ isFeatured: n, bulletIcon: t = "arrow-right", bulletWeight: r = 2, bulletSize: i = "small", bulletColor: c, children: a }) => /* @__PURE__ */ e.jsx("li", { className: n ? "muncher-li featured" : "muncher-li", children: /* @__PURE__ */ e.jsx(
-  w,
+  N,
   {
     name: t,
     weight: r,
@@ -1772,7 +1772,7 @@ const Re = ({ variant: n, children: t }) => {
   const i = () => n ? "muncher-paper muncher-paper-hover" : "muncher-paper";
   return /* @__PURE__ */ e.jsx("section", { className: i(), onClick: t, children: r });
 }, Ie = ({ pillCloseHandler: n, children: t, ...r }) => /* @__PURE__ */ e.jsxs("div", { className: "muncher-pill", ...r, children: [
-  /* @__PURE__ */ e.jsx("div", { className: "close", onClick: n, children: /* @__PURE__ */ e.jsx(w, { name: "close" }) }),
+  /* @__PURE__ */ e.jsx("div", { className: "close", onClick: n, children: /* @__PURE__ */ e.jsx(N, { name: "close" }) }),
   /* @__PURE__ */ e.jsxs("div", { className: "content", children: [
     " ",
     t
@@ -1790,7 +1790,7 @@ const Re = ({ variant: n, children: t }) => {
   const i = "muncher-hr" + (n ? " muncher-hr--" + n : "") + (t ? " muncher-hr--" + t : "") + (r ? " muncher-hr--" + r : "");
   return /* @__PURE__ */ e.jsx("hr", { className: i });
 }, Ue = ({ sliderItems: n, navButtonSize: t = "large", navButtonWeight: r = 2, variant: i, navIcon: c, navButtonPlacement: a = "inside" }) => {
-  const [o, x] = A(0), [d, h] = A(0), j = () => n.length > 1 && o > 0 ? /* @__PURE__ */ e.jsx(
+  const [o, x] = A(0), [j, d] = A(0), h = () => n.length > 1 && o > 0 ? /* @__PURE__ */ e.jsx(
     xe,
     {
       direction: "left",
@@ -1799,7 +1799,7 @@ const Re = ({ variant: n, children: t }) => {
       navIcon: c,
       weight: r,
       onClick: () => {
-        o === 0 ? (h(-(n.length - 1) * 100), x(n.length - 1)) : (h(d + 100), x(o - 1));
+        o === 0 ? (d(-(n.length - 1) * 100), x(n.length - 1)) : (d(j + 100), x(o - 1));
       }
     }
   ) : "", u = () => n.length > 1 && o < n.length - 1 ? /* @__PURE__ */ e.jsx(
@@ -1811,20 +1811,20 @@ const Re = ({ variant: n, children: t }) => {
       navIcon: c,
       variant: i,
       onClick: () => {
-        o === n.length - 1 ? (x(0), h(0)) : (h(d - 100), x(o + 1));
+        o === n.length - 1 ? (x(0), d(0)) : (d(j - 100), x(o + 1));
       }
     }
   ) : "";
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-item-slider-wrapper--" + a, children: [
-    a === "outside" ? j() : "",
+    a === "outside" ? h() : "",
     /* @__PURE__ */ e.jsxs("div", { className: "muncher-item-slider", children: [
-      a === "inside" ? j() : "",
+      a === "inside" ? h() : "",
       /* @__PURE__ */ e.jsx("div", { className: "slider-container", style: { width: `${100 * n.length}%` }, children: n.map(
         (p, f) => /* @__PURE__ */ e.jsx(
           "div",
           {
             className: "slider-item",
-            style: { transform: `translateX(${d}%)` },
+            style: { transform: `translateX(${j}%)` },
             children: p
           },
           "slider-item" + f
@@ -1846,15 +1846,15 @@ const Re = ({ variant: n, children: t }) => {
     currency: "USD"
   }).format(x)
 }) => {
-  const x = (j) => {
-    const u = +j.target.value, p = u < i - 1 ? u : r;
+  const x = (h) => {
+    const u = +h.target.value, p = u < i - 1 ? u : r;
     c(p);
-  }, d = (j) => {
-    const u = +j.target.value, p = u > r + 1 ? u : i;
+  }, j = (h) => {
+    const u = +h.target.value, p = u > r + 1 ? u : i;
     a(p);
-  }, h = (j) => o && j ? o(j) : j;
+  }, d = (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: h(r) + " - " + h(i) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "slider-header", children: /* @__PURE__ */ e.jsx("p", { children: d(r) + " - " + d(i) }) }),
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -1874,12 +1874,12 @@ const Re = ({ variant: n, children: t }) => {
         min: n,
         max: t,
         value: i,
-        onChange: d
+        onChange: j
       }
     ),
     /* @__PURE__ */ e.jsxs("div", { className: "slider-values", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "slider-min", children: h(n) }),
-      /* @__PURE__ */ e.jsx("div", { className: "slider-max", children: h(t) })
+      /* @__PURE__ */ e.jsx("div", { className: "slider-min", children: d(n) }),
+      /* @__PURE__ */ e.jsx("div", { className: "slider-max", children: d(t) })
     ] })
   ] });
 }, Be = ({
@@ -1893,8 +1893,8 @@ const Re = ({ variant: n, children: t }) => {
   }).format(a)
 }) => {
   const a = (x) => c ? c(x) : x, o = (x) => {
-    const d = +x.target.value;
-    i(d);
+    const j = +x.target.value;
+    i(j);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-slider", children: [
     /* @__PURE__ */ e.jsx("div", { className: "slider-header", children: /* @__PURE__ */ e.jsx("p", { children: a(r) }) }),
@@ -1965,28 +1965,28 @@ const Re = ({ variant: n, children: t }) => {
   excludeDownload: a,
   includeUpload: o,
   isUploading: x,
-  uploadWarningMessage: d,
-  uploadSuccessMessage: h,
-  excludePagination: j,
+  uploadWarningMessage: j,
+  uploadSuccessMessage: d,
+  excludePagination: h,
   footer: u,
   children: p
 }) => {
-  const { header: f, rows: N } = p, [g, T] = A(c ?? { index: 0 }), [v, _] = A({ num: 0, size: t }), S = (m) => {
+  const { header: f, rows: b } = p, [g, T] = A(c ?? { index: 0 }), [v, _] = A({ num: 0, size: t }), S = (m) => {
     T(
       (M) => M.index === m ? { ...M, desc: !M.desc } : { index: m }
     );
   }, z = te(() => {
     var C;
-    const m = [...N], M = (C = f[g.index]) == null ? void 0 : C.sort;
+    const m = [...b], M = (C = f[g.index]) == null ? void 0 : C.sort;
     return M ? m.sort(M) : m.sort((L, X) => {
       var $, Y, U, W;
       const Z = ((Y = ($ = L[g.index]) == null ? void 0 : $.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);
     }), g.desc ? m.reverse() : m;
-  }, [N, g, f]), k = te(
+  }, [b, g, f]), k = te(
     () => z.slice(v.num * v.size, (v.num + 1) * v.size),
     [z, v]
-  ), H = f.filter((m) => !m.csvExclude).map((m) => typeof m.name == "string" ? m.name : ""), P = N.map(
+  ), H = f.filter((m) => !m.csvExclude).map((m) => typeof m.name == "string" ? m.name : ""), P = b.map(
     (m) => m.filter((M, C) => !f[C].csvExclude).map((M) => M.csv ?? M.value ?? "")
   );
   return /* @__PURE__ */ e.jsxs("section", { className: "muncher-table", children: [
@@ -2038,12 +2038,12 @@ const Re = ({ variant: n, children: t }) => {
             name: "csv-input-file",
             handleOnChange: i,
             isUploading: x,
-            warningMessage: d,
-            successMessage: h
+            warningMessage: j,
+            successMessage: d
           }
         )
       ] }),
-      !j && /* @__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(
@@ -2063,9 +2063,9 @@ const Re = ({ variant: n, children: t }) => {
         /* @__PURE__ */ e.jsxs("div", { className: "center", children: [
           v.num * v.size + 1,
           " -",
-          Math.min((v.num + 1) * v.size, N.length),
+          Math.min((v.num + 1) * v.size, b.length),
           " of ",
-          N.length
+          b.length
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "right", children: [
           /* @__PURE__ */ e.jsx(
@@ -2075,17 +2075,17 @@ const Re = ({ variant: n, children: t }) => {
               disabled: v.num === 0,
               size: "small",
               onClick: () => _({ ...v, num: v.num - 1 }),
-              children: /* @__PURE__ */ e.jsx(w, { name: "chevron-left" })
+              children: /* @__PURE__ */ e.jsx(N, { name: "chevron-left" })
             }
           ),
           /* @__PURE__ */ e.jsx(
             O,
             {
               variant: "transparent",
-              disabled: (v.num + 1) * v.size >= N.length,
+              disabled: (v.num + 1) * v.size >= b.length,
               size: "small",
               onClick: () => _({ ...v, num: v.num + 1 }),
-              children: /* @__PURE__ */ e.jsx(w, { name: "chevron-right" })
+              children: /* @__PURE__ */ e.jsx(N, { name: "chevron-right" })
             }
           )
         ] })
@@ -2106,7 +2106,7 @@ export {
   Ae as DropdownNavButton,
   Je as Featured,
   Ye as Hr,
-  w as Icon,
+  N as Icon,
   Te as IconBadge,
   ze as ImageInput,
   ke as Input,