@contentmunch/contentmunch-ui 1.1.1 → 1.1.3

package/lib/index.es.js

@@ -1,4 +1,4 @@
-import oe, { useState as A, Fragment as s, useRef as de, useCallback as G, useEffect as Q, useMemo as te } from "react";
+import oe, { useState as S, Fragment as s, useRef as de, useCallback as G, useEffect as Q, useMemo as te } from "react";
 var K = { exports: {} }, B = {};
 /**
  * @license React
@@ -47,16 +47,16 @@ function ye() {
     function n(l) {
       if (l == null) return null;
       if (typeof l == "function")
-        return l.$$typeof === C ? null : l.displayName || l.name || null;
+        return l.$$typeof === A ? null : l.displayName || l.name || null;
       if (typeof l == "string") return l;
       switch (l) {
-        case g:
+        case b:
           return "Fragment";
         case v:
           return "Profiler";
-        case T:
+        case E:
           return "StrictMode";
-        case k:
+        case C:
           return "Suspense";
         case H:
           return "SuspenseList";
@@ -67,13 +67,13 @@ 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 b:
+          case g:
             return "Portal";
-          case S:
+          case T:
             return (l.displayName || "Context") + ".Provider";
-          case _:
+          case k:
             return (l._context.displayName || "Context") + ".Consumer";
-          case z:
+          case R:
             var y = l.render;
             return l = l.displayName, l || (l = y.displayName || y.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
           case P:
@@ -99,16 +99,16 @@ function ye() {
       }
       if (y) {
         y = console;
-        var w = y.error, E = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
+        var w = y.error, _ = 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
+          _
         ), t(l);
       }
     }
     function i(l) {
-      if (l === g) return "<>";
+      if (l === b) return "<>";
       if (typeof l == "object" && l !== null && l.$$typeof === m)
         return "<...>";
       try {
@@ -150,7 +150,7 @@ function ye() {
         "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 u(l, y, w, E, D, V, ee, se) {
+    function u(l, y, w, _, D, V, ee, se) {
       return w = V.ref, l = {
         $$typeof: f,
         type: l,
@@ -182,48 +182,48 @@ function ye() {
         value: se
       }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     }
-    function d(l, y, w, E, D, V, ee, se) {
-      var R = y.children;
-      if (R !== void 0)
-        if (E)
-          if (Z(R)) {
-            for (E = 0; E < R.length; E++)
-              h(R[E]);
-            Object.freeze && Object.freeze(R);
+    function d(l, y, w, _, D, V, ee, se) {
+      var z = y.children;
+      if (z !== void 0)
+        if (_)
+          if (Z(z)) {
+            for (_ = 0; _ < z.length; _++)
+              h(z[_]);
+            Object.freeze && Object.freeze(z);
           } 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(R);
+        else h(z);
       if (X.call(y, "key")) {
-        R = n(l);
+        z = n(l);
         var F = Object.keys(y).filter(function(je) {
           return je !== "key";
         });
-        E = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", re[R + E] || (F = 0 < F.length ? "{" + F.join(": ..., ") + ": ...}" : "{}", console.error(
+        _ = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", re[z + _] || (F = 0 < F.length ? "{" + F.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          E,
-          R,
+          _,
+          z,
           F,
-          R
-        ), re[R + E] = !0);
+          z
+        ), re[z + _] = !0);
       }
-      if (R = null, w !== void 0 && (r(w), R = "" + w), o(y) && (r(y.key), R = "" + y.key), "key" in y) {
+      if (z = null, w !== void 0 && (r(w), z = "" + w), o(y) && (r(y.key), z = "" + y.key), "key" in y) {
         w = {};
         for (var ne in y)
           ne !== "key" && (w[ne] = y[ne]);
       } else w = y;
-      return R && x(
+      return z && x(
         w,
         typeof l == "function" ? l.displayName || l.name || "Unknown" : l
       ), u(
         l,
-        R,
+        z,
         V,
         D,
         c(),
@@ -235,7 +235,7 @@ React keys must be passed directly to JSX without using spread:
     function h(l) {
       typeof l == "object" && l !== null && l.$$typeof === f && l._store && (l._store.validated = 1);
     }
-    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() {
+    var p = oe, f = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), k = Symbol.for("react.consumer"), T = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), H = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), M = Symbol.for("react.activity"), A = Symbol.for("react.client.reference"), L = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, X = Object.prototype.hasOwnProperty, Z = Array.isArray, I = console.createTask ? console.createTask : function() {
       return null;
     };
     p = {
@@ -247,26 +247,26 @@ 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, w, E, D) {
+    J.Fragment = b, J.jsx = function(l, y, w, _, D) {
       var V = 1e4 > L.recentlyCreatedOwnerStacks++;
       return d(
         l,
         y,
         w,
         !1,
-        E,
+        _,
         D,
         V ? Error("react-stack-top-frame") : U,
         V ? I(i(l)) : W
       );
-    }, J.jsxs = function(l, y, w, E, D) {
+    }, J.jsxs = function(l, y, w, _, D) {
       var V = 1e4 > L.recentlyCreatedOwnerStacks++;
       return d(
         l,
         y,
         w,
         !0,
-        E,
+        _,
         D,
         V ? Error("react-stack-top-frame") : U,
         V ? I(i(l)) : W
@@ -280,11 +280,11 @@ function pe() {
 }
 var e = pe();
 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 { folds: i } = r, [c, a] = S(t ? -1 : 0), o = (d) => d === c ? "fold active" : "fold", x = (d) => "fold-button" + (n ? " fold-button--" + n : "") + (i[d].foldColor ? " fold-button--primary fold-button--" + i[d].foldColor : ""), j = (d) => {
     const h = d.which.toString(), p = d.ctrlKey && h.match(/33|34/);
     if (h.match(/38|40/) || p) {
-      const f = h.match(/34|40/) ? 1 : -1, b = i.length, g = (c + b + f) % b;
-      a(g);
+      const f = h.match(/34|40/) ? 1 : -1, g = i.length, b = (c + g + f) % g;
+      a(b);
     } else
       h === "36" && a(0), h === "35" && a(i.length - 1);
     d.preventDefault();
@@ -470,6 +470,11 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
     /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ e.jsx("polyline", { points: "12 6 12 12 16 14" })
   ] }),
+  cloud: /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx("path", { d: "M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z" }) }),
+  "cloud-lightning": /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("path", { d: "M19 16.9A5 5 0 0 0 18 7h-1.26a8 8 0 1 0-11.62 9" }),
+    /* @__PURE__ */ e.jsx("polyline", { points: "13 11 9 17 15 17 11 23" })
+  ] }),
   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" })
@@ -1159,32 +1164,32 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
   showContent: h,
   setShowContent: p,
   withDropIcon: f,
-  children: b,
-  ...g
+  children: g,
+  ...b
 }) => {
-  const T = de(null), v = (k) => {
-    k.preventDefault(), u && u(k), p && p(!0);
-  }, _ = G(() => {
+  const E = de(null), v = (C) => {
+    C.preventDefault(), u && u(C), p && p(!0);
+  }, k = G(() => {
     p(!1), d && d();
-  }, [d, p]), S = G((k) => {
-    k.keyCode === 27 && _();
-  }, [_]);
+  }, [d, p]), T = G((C) => {
+    C.keyCode === 27 && k();
+  }, [k]);
   Q(() => {
-    const k = (H) => {
-      T && T.current && H.target instanceof HTMLElement && !T.current.contains(H.target) && _();
+    const C = (H) => {
+      E && E.current && H.target instanceof HTMLElement && !E.current.contains(H.target) && k();
     };
-    return document.addEventListener("keydown", S, !1), document.addEventListener("mousedown", k), () => {
-      document.removeEventListener("keydown", S, !1);
+    return document.addEventListener("keydown", T, !1), document.addEventListener("mousedown", C), () => {
+      document.removeEventListener("keydown", T, !1);
     };
-  }, [S, _]);
-  const z = () => {
+  }, [T, k]);
+  const R = () => {
     var P;
-    const k = (P = T.current) == null ? void 0 : P.offsetLeft, H = window.innerWidth;
-    if (k) {
-      if (k < 100) return "muncher-dropdown--content";
-      if (H - k < 150) return "muncher-dropdown--content drop-left";
-      if (H - k < 250) {
-        const m = Math.round((H - k) / H * 100);
+    const C = (P = E.current) == null ? void 0 : P.offsetLeft, H = window.innerWidth;
+    if (C) {
+      if (C < 100) return "muncher-dropdown--content";
+      if (H - C < 150) return "muncher-dropdown--content drop-left";
+      if (H - C < 250) {
+        const m = Math.round((H - C) / H * 100);
         if (m > 40 || m < 60) return "muncher-dropdown--content drop-middle";
       }
     }
@@ -1197,7 +1202,7 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
         return "muncher-dropdown--content";
     }
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: "muncher-dropdown", ref: T, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: "muncher-dropdown", ref: E, children: [
     /* @__PURE__ */ e.jsxs(
       O,
       {
@@ -1208,7 +1213,7 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
         active: i,
         variant: n,
         size: t,
-        ...g,
+        ...b,
         children: [
           a,
           f ? /* @__PURE__ */ e.jsx(
@@ -1221,7 +1226,7 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
         ]
       }
     ),
-    h ? /* @__PURE__ */ e.jsx("div", { className: z(), children: b }) : ""
+    h ? /* @__PURE__ */ e.jsx("div", { className: R(), children: g }) : ""
   ] });
 }, Ae = ({
   title: n,
@@ -1253,7 +1258,7 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
   variant: t = "secondary",
   size: r = "small"
 }) => {
-  const [i, c] = A(), [a, o] = A("copy"), [x, j] = A("copy link"), u = () => {
+  const [i, c] = S(), [a, o] = S("copy"), [x, j] = S("copy link"), u = () => {
     ge(n), c("green"), o("check"), j("copied!"), setTimeout(function() {
       c(""), o("copy");
     }, 2e3);
@@ -1273,7 +1278,7 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
   size: t = "medium",
   title: r
 }) => {
-  const [i, c] = A(!1);
+  const [i, c] = S(!1);
   return /* @__PURE__ */ e.jsx("div", { className: "muncher-share", children: /* @__PURE__ */ e.jsxs(
     ve,
     {
@@ -1340,7 +1345,7 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
   onClick: o,
   children: x
 }) => {
-  const [j, u] = A(!1), d = () => !c || c && !j ? i ? /* @__PURE__ */ e.jsx(N, { name: "sort-asc" }) : /* @__PURE__ */ e.jsx(N, { name: "sort-desc" }) : i ? /* @__PURE__ */ e.jsx(N, { name: "sort-desc" }) : /* @__PURE__ */ e.jsx(N, { name: "sort-asc" });
+  const [j, u] = S(!1), d = () => !c || c && !j ? i ? /* @__PURE__ */ e.jsx(N, { name: "sort-asc" }) : /* @__PURE__ */ e.jsx(N, { name: "sort-desc" }) : i ? /* @__PURE__ */ e.jsx(N, { name: "sort-desc" }) : /* @__PURE__ */ e.jsx(N, { name: "sort-asc" });
   return /* @__PURE__ */ e.jsxs(
     O,
     {
@@ -1402,7 +1407,7 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
 }, q = ({ label: n, onClick: t, id: r, required: i = !1 }) => /* @__PURE__ */ e.jsxs("label", { htmlFor: r, onClick: t, children: [
   n,
   i ? /* @__PURE__ */ e.jsx("span", { className: "required", children: "*" }) : ""
-] }), Se = ({
+] }), ze = ({
   name: n,
   required: t = !1,
   onChange: r,
@@ -1410,7 +1415,7 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
   label: c,
   ...a
 }) => {
-  const [o, x] = A(i || !1);
+  const [o, x] = S(i || !1);
   return /* @__PURE__ */ e.jsx("div", { className: "muncher-input--div", children: /* @__PURE__ */ e.jsxs("div", { className: "muncher-checkbox", children: [
     /* @__PURE__ */ e.jsx(
       "input",
@@ -1483,7 +1488,7 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
     j && j !== "" ? /* @__PURE__ */ e.jsx("p", { className: "text-danger", children: j }) : "",
     u && u !== "" ? /* @__PURE__ */ e.jsx("p", { className: "text-success", children: u }) : ""
   ] }) });
-}, ze = ({
+}, Se = ({
   name: n,
   label: t,
   variant: r = "secondary",
@@ -1496,16 +1501,16 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
   maxFiles: u,
   ...d
 }) => {
-  const [h, p] = A(""), [f, b] = A(""), g = u || 3, T = "muncher-button" + (r ? " muncher-button--" + r : "") + (i ? " muncher-button--" + i : "") + (a ? " muncher-button--active" : ""), v = (S) => {
+  const [h, p] = S(""), [f, g] = S(""), b = u || 3, E = "muncher-button" + (r ? " muncher-button--" + r : "") + (i ? " muncher-button--" + i : "") + (a ? " muncher-button--active" : ""), v = (T) => {
     if (j) {
-      let z = Array.from(S.currentTarget.files);
-      z.length > g && (z = z.slice(0, g), b("Only first " + g + " files included")), o(z), p(z.map((k) => k.name).join(", "));
+      let R = Array.from(T.currentTarget.files);
+      R.length > b && (R = R.slice(0, b), g("Only first " + b + " files included")), o(R), p(R.map((C) => C.name).join(", "));
     } else
-      o(Array.from(S.currentTarget.files[0])), p(S.currentTarget.files[0].name);
-  }, _ = () => x && x !== "";
+      o(Array.from(T.currentTarget.files[0])), p(T.currentTarget.files[0].name);
+  }, k = () => 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.jsxs("label", { htmlFor: n, className: E, children: [
         /* @__PURE__ */ e.jsx(N, { name: "image" }),
         " ",
         t,
@@ -1527,7 +1532,7 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
       )
     ] }),
     f !== "" ? /* @__PURE__ */ e.jsx("p", { className: "text-danger", children: f }) : "",
-    _() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(N, { name: "alert", children: x }) }) : ""
+    k() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(N, { name: "alert", children: x }) }) : ""
   ] });
 }, ke = ({
   name: n,
@@ -1544,20 +1549,20 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
   onKeyDown: h,
   error: p,
   focus: f = !1,
-  placeholder: b,
-  onChange: g,
-  step: T,
+  placeholder: g,
+  onChange: b,
+  step: E,
   value: v,
-  maxLength: _,
-  onEnterPress: S,
-  displayLoader: z,
-  ...k
+  maxLength: k,
+  onEnterPress: T,
+  displayLoader: R,
+  ...C
 }) => {
   const H = () => p && p !== "", P = () => {
-    let C = "muncher-input";
-    return (c || a) && (C += " muncher-input-icon"), H() && (C += " muncher-input-error"), d === "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(), h && h(C);
+    let A = "muncher-input";
+    return (c || a) && (A += " muncher-input-icon"), H() && (A += " muncher-input-error"), d === "side" && (A += " muncher-label-side"), A;
+  }, m = () => t ? /* @__PURE__ */ e.jsx(q, { label: t, required: r, id: n }) : "", M = (A) => {
+    A.key === "Enter" && T && T(), h && h(A);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-input--div", children: [
     d !== "side" ? m() : "",
@@ -1579,19 +1584,19 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
             value: v,
             type: x || "text",
             autoComplete: "off",
-            placeholder: b,
-            onChange: g,
+            placeholder: g,
+            onChange: b,
             required: r,
             readOnly: i,
             list: j,
             onKeyDown: M,
             onBlur: u,
-            step: T,
-            maxLength: _,
-            ...k
+            step: E,
+            maxLength: k,
+            ...C
           }
         ),
-        z ? /* @__PURE__ */ e.jsx(he, { size: "tiny" }) : ""
+        R ? /* @__PURE__ */ e.jsx(he, { size: "tiny" }) : ""
       ] })
     ] }),
     H() ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ e.jsx(N, { name: "alert", children: p }) }) : ""
@@ -1668,8 +1673,8 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
   value: u,
   ...d
 }) => {
-  const [h, p] = A(u), f = (b) => {
-    p(b.target.value), j && j(b);
+  const [h, p] = S(u), f = (g) => {
+    p(g.target.value), j && j(g);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "muncher-input--div", children: [
     t ? /* @__PURE__ */ e.jsx(q, { label: t, required: r, id: n }) : "",
@@ -1706,33 +1711,39 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
   label: x,
   error: j,
   required: u,
-  children: d
+  onEnterPress: d,
+  list: h,
+  displayLoader: p,
+  children: f
 }) => {
-  const h = de(null), p = (g) => {
-    c(!0), r(g.target.value);
-  }, f = G(() => {
+  const g = de(null), b = (k) => {
+    c(!0), r(k.target.value);
+  }, E = G(() => {
     c(!1);
-  }, [c]), b = G((g) => {
-    g.keyCode === 27 && f();
-  }, [f]);
+  }, [c]), v = G((k) => {
+    k.keyCode === 27 && E();
+  }, [E]);
   return Q(() => {
-    const g = (T) => {
-      if (h && h !== null) {
-        const v = h.current;
-        v && !v.contains(T.target) && f();
+    const k = (T) => {
+      if (g && g !== null) {
+        const R = g.current;
+        R && !R.contains(T.target) && E();
       }
     };
-    return document.addEventListener("keydown", b, !1), document.addEventListener("mousedown", g), () => {
-      document.removeEventListener("keydown", b, !1);
+    return document.addEventListener("keydown", v, !1), document.addEventListener("mousedown", k), () => {
+      document.removeEventListener("keydown", v, !1);
     };
-  }, [b, f]), /* @__PURE__ */ e.jsxs("div", { className: "muncher-input-drop-down", ref: h, children: [
+  }, [v, E]), /* @__PURE__ */ e.jsxs("div", { className: "muncher-input-drop-down", ref: g, children: [
     /* @__PURE__ */ e.jsx(
       ke,
       {
         focus: n,
         placeholder: t,
         name: "query",
-        onChange: p,
+        onChange: b,
+        onEnterPress: d,
+        list: h,
+        displayLoader: p,
         readOnly: a,
         value: o,
         label: x,
@@ -1740,7 +1751,7 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
         error: j
       }
     ),
-    i ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-drop-down--content", children: d }) : ""
+    i ? /* @__PURE__ */ e.jsx("div", { className: "muncher-input-drop-down--content", children: f }) : ""
   ] });
 }, Le = ({ children: n }) => /* @__PURE__ */ e.jsx("ul", { className: "muncher-ul", children: n }), Pe = ({ isFeatured: n, bulletIcon: t = "arrow-right", bulletWeight: r = 2, bulletSize: i = "small", bulletColor: c, children: a }) => /* @__PURE__ */ e.jsx("li", { className: n ? "muncher-li featured" : "muncher-li", children: /* @__PURE__ */ e.jsx(
   N,
@@ -1796,7 +1807,7 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
   const i = "muncher-hr" + (n ? " muncher-hr--" + n : "") + (t ? " muncher-hr--" + t : "") + (r ? " muncher-hr--" + r : "");
   return /* @__PURE__ */ e.jsx("hr", { className: i });
 }, Ue = ({ sliderItems: n, navButtonSize: t = "large", navButtonWeight: r = 2, variant: i, navIcon: c, navButtonPlacement: a = "inside" }) => {
-  const [o, x] = A(0), [j, u] = A(0), d = () => n.length > 1 && o > 0 ? /* @__PURE__ */ e.jsx(
+  const [o, x] = S(0), [j, u] = S(0), d = () => n.length > 1 && o > 0 ? /* @__PURE__ */ e.jsx(
     xe,
     {
       direction: "left",
@@ -1929,7 +1940,7 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
   };
   return /* @__PURE__ */ e.jsx("span", { className: a(), style: c, ...i });
 }, qe = ({ handleTabSelected: n, children: t }) => {
-  const [r, i] = A(0), { tabs: c } = t, a = (o) => {
+  const [r, i] = S(0), { tabs: c } = t, a = (o) => {
     i(o), n && n(o);
   };
   return /* @__PURE__ */ e.jsxs("section", { className: "muncher-tabs", children: [
@@ -1977,23 +1988,23 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
   footer: h,
   children: p
 }) => {
-  const { header: f, rows: b } = p, [g, T] = A(c ?? { index: 0 }), [v, _] = A({ num: 0, size: t }), S = (m) => {
-    T(
+  const { header: f, rows: g } = p, [b, E] = S(c ?? { index: 0 }), [v, k] = S({ num: 0, size: t }), T = (m) => {
+    E(
       (M) => M.index === m ? { ...M, desc: !M.desc } : { index: m }
     );
-  }, z = te(() => {
-    var C;
-    const m = [...b], M = (C = f[g.index]) == null ? void 0 : C.sort;
+  }, R = te(() => {
+    var A;
+    const m = [...g], M = (A = f[b.index]) == null ? void 0 : A.sort;
     return M ? m.sort(M) : m.sort((L, X) => {
       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()) ?? "";
+      const Z = ((Y = ($ = L[b.index]) == null ? void 0 : $.value) == null ? void 0 : Y.toString().toLowerCase()) ?? "", I = ((W = (U = X[b.index]) == null ? void 0 : U.value) == null ? void 0 : W.toString().toLowerCase()) ?? "";
       return Z.localeCompare(I);
-    }), g.desc ? m.reverse() : m;
-  }, [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 = b.map(
-    (m) => m.filter((M, C) => !f[C].csvExclude).map((M) => M.csv ?? M.value ?? "")
+    }), b.desc ? m.reverse() : m;
+  }, [g, b, f]), C = te(
+    () => R.slice(v.num * v.size, (v.num + 1) * v.size),
+    [R, v]
+  ), H = f.filter((m) => !m.csvExclude).map((m) => typeof m.name == "string" ? m.name : ""), P = g.map(
+    (m) => m.filter((M, A) => !f[A].csvExclude).map((M) => M.csv ?? M.value ?? "")
   );
   return /* @__PURE__ */ e.jsxs("section", { className: "muncher-table", children: [
     /* @__PURE__ */ e.jsx("div", { className: "row head", children: f.map(
@@ -2005,9 +2016,9 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
           children: typeof m.name == "string" ? /* @__PURE__ */ e.jsx("div", { className: "sort-button", children: /* @__PURE__ */ e.jsx(
             Ne,
             {
-              onClick: () => S(M),
-              active: g.index === M,
-              sortAsc: !g.desc,
+              onClick: () => T(M),
+              active: b.index === M,
+              sortAsc: !b.desc,
               children: m.name
             }
           ) }) : m.name
@@ -2015,12 +2026,12 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
         `row-head-${M}`
       )
     ) }),
-    r || k.map((m, M) => /* @__PURE__ */ e.jsx("div", { className: "row", children: m.map(
-      (C, L) => f[L].visibility === "hidden" ? null : /* @__PURE__ */ e.jsx(
+    r || C.map((m, M) => /* @__PURE__ */ e.jsx("div", { className: "row", children: m.map(
+      (A, L) => f[L].visibility === "hidden" ? null : /* @__PURE__ */ e.jsx(
         "div",
         {
           className: f[L].visibility ? "col main" : "col",
-          children: C.content
+          children: A.content
         },
         `row-col-${M}-${L}`
       )
@@ -2062,16 +2073,16 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
                 { label: "500", value: "500" }
               ],
               value: String(v.size),
-              onChange: (m) => _({ num: 0, size: parseInt(m.target.value, 10) })
+              onChange: (m) => k({ num: 0, size: parseInt(m.target.value, 10) })
             }
           )
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "center", children: [
           v.num * v.size + 1,
           " -",
-          Math.min((v.num + 1) * v.size, b.length),
+          Math.min((v.num + 1) * v.size, g.length),
           " of ",
-          b.length
+          g.length
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "right", children: [
           /* @__PURE__ */ e.jsx(
@@ -2080,7 +2091,7 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
               variant: "transparent",
               disabled: v.num === 0,
               size: "small",
-              onClick: () => _({ ...v, num: v.num - 1 }),
+              onClick: () => k({ ...v, num: v.num - 1 }),
               children: /* @__PURE__ */ e.jsx(N, { name: "chevron-left" })
             }
           ),
@@ -2088,9 +2099,9 @@ const Re = ({ variant: n, collapsed: t, children: r }) => {
             O,
             {
               variant: "transparent",
-              disabled: (v.num + 1) * v.size >= b.length,
+              disabled: (v.num + 1) * v.size >= g.length,
               size: "small",
-              onClick: () => _({ ...v, num: v.num + 1 }),
+              onClick: () => k({ ...v, num: v.num + 1 }),
               children: /* @__PURE__ */ e.jsx(N, { name: "chevron-right" })
             }
           )
@@ -2104,7 +2115,7 @@ export {
   me as Backdrop,
   fe as Badge,
   O as Button,
-  Se as Checkbox,
+  ze as Checkbox,
   be as CopyButton,
   we as CsvButton,
   Me as CsvInput,
@@ -2114,7 +2125,7 @@ export {
   Ye as Hr,
   N as Icon,
   Te as IconBadge,
-  ze as ImageInput,
+  Se as ImageInput,
   ke as Input,
   Ue as ItemSlider,
   q as Label,