@binamik/components 0.1.2 → 0.1.3

package/dist/binamik-components.es.js

@@ -1,39 +1,8 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import { keyframes, css, Global } from "@emotion/react";
-import styled from "@emotion/styled";
-import React, { useMemo, useCallback, useState, useEffect, createContext, Fragment as Fragment$1, useContext } from "react";
-import { motion, AnimatePresence } from "framer-motion";
-const dashAnimation = keyframes`
+import { keyframes as ue, css as F, Global as jr } from "@emotion/react";
+import R from "@emotion/styled";
+import O, { useMemo as N, useCallback as X, useState as Sr, useEffect as Ge, createContext as $r, Fragment as Fr, useContext as Dr } from "react";
+import { motion as D, AnimatePresence as Ke } from "framer-motion";
+const Br = ue`
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
@@ -46,25 +15,22 @@ const dashAnimation = keyframes`
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -124px;
   }
-`;
-const rotate = keyframes`
+`, Nr = ue`
   100% {
     transform: rotate(360deg);
   }
-`;
-const SpinnerContainer = styled.div`
+`, Mr = R.div`
   position: relative;
   margin: 0 auto;
-  width: ${({ size }) => size || "1.5rem"};
+  width: ${({ size: r }) => r || "1.5rem"};
 
   &:before {
     content: '';
     display: block;
     padding-top: 100%;
   }
-`;
-const SpinnerComponent = styled.svg`
-  animation: ${rotate} 2s linear infinite;
+`, Ir = R.svg`
+  animation: ${Nr} 2s linear infinite;
   height: 100%;
   transform-origin: center center;
   width: 100%;
@@ -74,83 +40,65 @@ const SpinnerComponent = styled.svg`
   left: 0;
   right: 0;
   margin: auto;
-`;
-const Circle = styled.circle`
+`, zr = R.circle`
   stroke-dasharray: 1, 200;
   stroke-dashoffset: 0;
-  animation: ${dashAnimation} 1.5s ease-in-out infinite;
+  animation: ${Br} 1.5s ease-in-out infinite;
   stroke-linecap: round;
 `;
-var jsxRuntime = { exports: {} };
-var reactJsxRuntime_production_min = {};
+var ce = { exports: {} }, L = {};
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var getOwnPropertySymbols = Object.getOwnPropertySymbols;
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-var propIsEnumerable = Object.prototype.propertyIsEnumerable;
-function toObject(val) {
-  if (val === null || val === void 0) {
-    throw new TypeError("Object.assign cannot be called with null or undefined");
-  }
-  return Object(val);
-}
-function shouldUseNative() {
-  try {
-    if (!Object.assign) {
-      return false;
-    }
-    var test1 = new String("abc");
-    test1[5] = "de";
-    if (Object.getOwnPropertyNames(test1)[0] === "5") {
-      return false;
+var le, Le;
+function Je() {
+  if (Le)
+    return le;
+  Le = 1;
+  var r = Object.getOwnPropertySymbols, o = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
+  function c(d) {
+    if (d == null)
+      throw new TypeError("Object.assign cannot be called with null or undefined");
+    return Object(d);
+  }
+  function f() {
+    try {
+      if (!Object.assign)
+        return !1;
+      var d = new String("abc");
+      if (d[5] = "de", Object.getOwnPropertyNames(d)[0] === "5")
+        return !1;
+      for (var x = {}, i = 0; i < 10; i++)
+        x["_" + String.fromCharCode(i)] = i;
+      var l = Object.getOwnPropertyNames(x).map(function(u) {
+        return x[u];
+      });
+      if (l.join("") !== "0123456789")
+        return !1;
+      var p = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(u) {
+        p[u] = u;
+      }), Object.keys(Object.assign({}, p)).join("") === "abcdefghijklmnopqrst";
+    } catch {
+      return !1;
     }
-    var test2 = {};
-    for (var i = 0; i < 10; i++) {
-      test2["_" + String.fromCharCode(i)] = i;
-    }
-    var order2 = Object.getOwnPropertyNames(test2).map(function(n2) {
-      return test2[n2];
-    });
-    if (order2.join("") !== "0123456789") {
-      return false;
-    }
-    var test3 = {};
-    "abcdefghijklmnopqrst".split("").forEach(function(letter) {
-      test3[letter] = letter;
-    });
-    if (Object.keys(Object.assign({}, test3)).join("") !== "abcdefghijklmnopqrst") {
-      return false;
-    }
-    return true;
-  } catch (err) {
-    return false;
   }
-}
-shouldUseNative() ? Object.assign : function(target, source) {
-  var from;
-  var to = toObject(target);
-  var symbols;
-  for (var s = 1; s < arguments.length; s++) {
-    from = Object(arguments[s]);
-    for (var key in from) {
-      if (hasOwnProperty.call(from, key)) {
-        to[key] = from[key];
-      }
-    }
-    if (getOwnPropertySymbols) {
-      symbols = getOwnPropertySymbols(from);
-      for (var i = 0; i < symbols.length; i++) {
-        if (propIsEnumerable.call(from, symbols[i])) {
-          to[symbols[i]] = from[symbols[i]];
-        }
+  return le = f() ? Object.assign : function(d, x) {
+    for (var i, l = c(d), p, u = 1; u < arguments.length; u++) {
+      i = Object(arguments[u]);
+      for (var b in i)
+        o.call(i, b) && (l[b] = i[b]);
+      if (r) {
+        p = r(i);
+        for (var E = 0; E < p.length; E++)
+          n.call(i, p[E]) && (l[p[E]] = i[p[E]]);
       }
     }
-  }
-  return to;
-};
+    return l;
+  }, le;
+}
 /** @license React v17.0.2
  * react-jsx-runtime.production.min.js
  *
@@ -159,67 +107,636 @@ shouldUseNative() ? Object.assign : function(target, source) {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var f = React, g = 60103;
-reactJsxRuntime_production_min.Fragment = 60107;
-if (typeof Symbol === "function" && Symbol.for) {
-  var h = Symbol.for;
-  g = h("react.element");
-  reactJsxRuntime_production_min.Fragment = h("react.fragment");
+var Ye;
+function Wr() {
+  if (Ye)
+    return L;
+  Ye = 1, Je();
+  var r = O, o = 60103;
+  if (L.Fragment = 60107, typeof Symbol == "function" && Symbol.for) {
+    var n = Symbol.for;
+    o = n("react.element"), L.Fragment = n("react.fragment");
+  }
+  var c = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, f = Object.prototype.hasOwnProperty, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function x(i, l, p) {
+    var u, b = {}, E = null, A = null;
+    p !== void 0 && (E = "" + p), l.key !== void 0 && (E = "" + l.key), l.ref !== void 0 && (A = l.ref);
+    for (u in l)
+      f.call(l, u) && !d.hasOwnProperty(u) && (b[u] = l[u]);
+    if (i && i.defaultProps)
+      for (u in l = i.defaultProps, l)
+        b[u] === void 0 && (b[u] = l[u]);
+    return { $$typeof: o, type: i, key: E, ref: A, props: b, _owner: c.current };
+  }
+  return L.jsx = x, L.jsxs = x, L;
 }
-var m = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n = Object.prototype.hasOwnProperty, p = { key: true, ref: true, __self: true, __source: true };
-function q(c, a, k) {
-  var b, d = {}, e = null, l = null;
-  k !== void 0 && (e = "" + k);
-  a.key !== void 0 && (e = "" + a.key);
-  a.ref !== void 0 && (l = a.ref);
-  for (b in a)
-    n.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
-  if (c && c.defaultProps)
-    for (b in a = c.defaultProps, a)
-      d[b] === void 0 && (d[b] = a[b]);
-  return { $$typeof: g, type: c, key: e, ref: l, props: d, _owner: m.current };
-}
-reactJsxRuntime_production_min.jsx = q;
-reactJsxRuntime_production_min.jsxs = q;
-{
-  jsxRuntime.exports = reactJsxRuntime_production_min;
+var se = {};
+/** @license React v17.0.2
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var qe;
+function Lr() {
+  return qe || (qe = 1, function(r) {
+    process.env.NODE_ENV !== "production" && function() {
+      var o = O, n = Je(), c = 60103, f = 60106;
+      r.Fragment = 60107;
+      var d = 60108, x = 60114, i = 60109, l = 60110, p = 60112, u = 60113, b = 60120, E = 60115, A = 60116, M = 60121, ge = 60122, be = 60117, me = 60129, ve = 60131;
+      if (typeof Symbol == "function" && Symbol.for) {
+        var _ = Symbol.for;
+        c = _("react.element"), f = _("react.portal"), r.Fragment = _("react.fragment"), d = _("react.strict_mode"), x = _("react.profiler"), i = _("react.provider"), l = _("react.context"), p = _("react.forward_ref"), u = _("react.suspense"), b = _("react.suspense_list"), E = _("react.memo"), A = _("react.lazy"), M = _("react.block"), ge = _("react.server.block"), be = _("react.fundamental"), _("react.scope"), _("react.opaque.id"), me = _("react.debug_trace_mode"), _("react.offscreen"), ve = _("react.legacy_hidden");
+      }
+      var he = typeof Symbol == "function" && Symbol.iterator, nr = "@@iterator";
+      function or(e) {
+        if (e === null || typeof e != "object")
+          return null;
+        var t = he && e[he] || e[nr];
+        return typeof t == "function" ? t : null;
+      }
+      var I = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+      function C(e) {
+        {
+          for (var t = arguments.length, a = new Array(t > 1 ? t - 1 : 0), s = 1; s < t; s++)
+            a[s - 1] = arguments[s];
+          ir("error", e, a);
+        }
+      }
+      function ir(e, t, a) {
+        {
+          var s = I.ReactDebugCurrentFrame, h = s.getStackAddendum();
+          h !== "" && (t += "%s", a = a.concat([h]));
+          var y = a.map(function(m) {
+            return "" + m;
+          });
+          y.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, y);
+        }
+      }
+      var lr = !1;
+      function sr(e) {
+        return !!(typeof e == "string" || typeof e == "function" || e === r.Fragment || e === x || e === me || e === d || e === u || e === b || e === ve || lr || typeof e == "object" && e !== null && (e.$$typeof === A || e.$$typeof === E || e.$$typeof === i || e.$$typeof === l || e.$$typeof === p || e.$$typeof === be || e.$$typeof === M || e[0] === ge));
+      }
+      function cr(e, t, a) {
+        var s = t.displayName || t.name || "";
+        return e.displayName || (s !== "" ? a + "(" + s + ")" : a);
+      }
+      function ye(e) {
+        return e.displayName || "Context";
+      }
+      function P(e) {
+        if (e == null)
+          return null;
+        if (typeof e.tag == "number" && C("Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+          return e.displayName || e.name || null;
+        if (typeof e == "string")
+          return e;
+        switch (e) {
+          case r.Fragment:
+            return "Fragment";
+          case f:
+            return "Portal";
+          case x:
+            return "Profiler";
+          case d:
+            return "StrictMode";
+          case u:
+            return "Suspense";
+          case b:
+            return "SuspenseList";
+        }
+        if (typeof e == "object")
+          switch (e.$$typeof) {
+            case l:
+              var t = e;
+              return ye(t) + ".Consumer";
+            case i:
+              var a = e;
+              return ye(a._context) + ".Provider";
+            case p:
+              return cr(e, e.render, "ForwardRef");
+            case E:
+              return P(e.type);
+            case M:
+              return P(e._render);
+            case A: {
+              var s = e, h = s._payload, y = s._init;
+              try {
+                return P(y(h));
+              } catch {
+                return null;
+              }
+            }
+          }
+        return null;
+      }
+      var Y = 0, we, Ee, _e, ke, Re, Te, Ce;
+      function Oe() {
+      }
+      Oe.__reactDisabledLog = !0;
+      function pr() {
+        {
+          if (Y === 0) {
+            we = console.log, Ee = console.info, _e = console.warn, ke = console.error, Re = console.group, Te = console.groupCollapsed, Ce = console.groupEnd;
+            var e = {
+              configurable: !0,
+              enumerable: !0,
+              value: Oe,
+              writable: !0
+            };
+            Object.defineProperties(console, {
+              info: e,
+              log: e,
+              warn: e,
+              error: e,
+              group: e,
+              groupCollapsed: e,
+              groupEnd: e
+            });
+          }
+          Y++;
+        }
+      }
+      function ur() {
+        {
+          if (Y--, Y === 0) {
+            var e = {
+              configurable: !0,
+              enumerable: !0,
+              writable: !0
+            };
+            Object.defineProperties(console, {
+              log: n({}, e, {
+                value: we
+              }),
+              info: n({}, e, {
+                value: Ee
+              }),
+              warn: n({}, e, {
+                value: _e
+              }),
+              error: n({}, e, {
+                value: ke
+              }),
+              group: n({}, e, {
+                value: Re
+              }),
+              groupCollapsed: n({}, e, {
+                value: Te
+              }),
+              groupEnd: n({}, e, {
+                value: Ce
+              })
+            });
+          }
+          Y < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        }
+      }
+      var Q = I.ReactCurrentDispatcher, ee;
+      function V(e, t, a) {
+        {
+          if (ee === void 0)
+            try {
+              throw Error();
+            } catch (h) {
+              var s = h.stack.trim().match(/\n( *(at )?)/);
+              ee = s && s[1] || "";
+            }
+          return `
+` + ee + e;
+        }
+      }
+      var re = !1, H;
+      {
+        var dr = typeof WeakMap == "function" ? WeakMap : Map;
+        H = new dr();
+      }
+      function Ae(e, t) {
+        if (!e || re)
+          return "";
+        {
+          var a = H.get(e);
+          if (a !== void 0)
+            return a;
+        }
+        var s;
+        re = !0;
+        var h = Error.prepareStackTrace;
+        Error.prepareStackTrace = void 0;
+        var y;
+        y = Q.current, Q.current = null, pr();
+        try {
+          if (t) {
+            var m = function() {
+              throw Error();
+            };
+            if (Object.defineProperty(m.prototype, "props", {
+              set: function() {
+                throw Error();
+              }
+            }), typeof Reflect == "object" && Reflect.construct) {
+              try {
+                Reflect.construct(m, []);
+              } catch ($) {
+                s = $;
+              }
+              Reflect.construct(e, [], m);
+            } else {
+              try {
+                m.call();
+              } catch ($) {
+                s = $;
+              }
+              e.call(m.prototype);
+            }
+          } else {
+            try {
+              throw Error();
+            } catch ($) {
+              s = $;
+            }
+            e();
+          }
+        } catch ($) {
+          if ($ && s && typeof $.stack == "string") {
+            for (var g = $.stack.split(`
+`), T = s.stack.split(`
+`), w = g.length - 1, k = T.length - 1; w >= 1 && k >= 0 && g[w] !== T[k]; )
+              k--;
+            for (; w >= 1 && k >= 0; w--, k--)
+              if (g[w] !== T[k]) {
+                if (w !== 1 || k !== 1)
+                  do
+                    if (w--, k--, k < 0 || g[w] !== T[k]) {
+                      var S = `
+` + g[w].replace(" at new ", " at ");
+                      return typeof e == "function" && H.set(e, S), S;
+                    }
+                  while (w >= 1 && k >= 0);
+                break;
+              }
+          }
+        } finally {
+          re = !1, Q.current = y, ur(), Error.prepareStackTrace = h;
+        }
+        var W = e ? e.displayName || e.name : "", We = W ? V(W) : "";
+        return typeof e == "function" && H.set(e, We), We;
+      }
+      function Pe(e, t, a) {
+        return Ae(e, !1);
+      }
+      function fr(e) {
+        var t = e.prototype;
+        return !!(t && t.isReactComponent);
+      }
+      function G(e, t, a) {
+        if (e == null)
+          return "";
+        if (typeof e == "function")
+          return Ae(e, fr(e));
+        if (typeof e == "string")
+          return V(e);
+        switch (e) {
+          case u:
+            return V("Suspense");
+          case b:
+            return V("SuspenseList");
+        }
+        if (typeof e == "object")
+          switch (e.$$typeof) {
+            case p:
+              return Pe(e.render);
+            case E:
+              return G(e.type, t, a);
+            case M:
+              return Pe(e._render);
+            case A: {
+              var s = e, h = s._payload, y = s._init;
+              try {
+                return G(y(h), t, a);
+              } catch {
+              }
+            }
+          }
+        return "";
+      }
+      var je = {}, Se = I.ReactDebugCurrentFrame;
+      function K(e) {
+        if (e) {
+          var t = e._owner, a = G(e.type, e._source, t ? t.type : null);
+          Se.setExtraStackFrame(a);
+        } else
+          Se.setExtraStackFrame(null);
+      }
+      function xr(e, t, a, s, h) {
+        {
+          var y = Function.call.bind(Object.prototype.hasOwnProperty);
+          for (var m in e)
+            if (y(e, m)) {
+              var g = void 0;
+              try {
+                if (typeof e[m] != "function") {
+                  var T = Error((s || "React class") + ": " + a + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                  throw T.name = "Invariant Violation", T;
+                }
+                g = e[m](t, m, s, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              } catch (w) {
+                g = w;
+              }
+              g && !(g instanceof Error) && (K(h), C("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", s || "React class", a, m, typeof g), K(null)), g instanceof Error && !(g.message in je) && (je[g.message] = !0, K(h), C("Failed %s type: %s", a, g.message), K(null));
+            }
+        }
+      }
+      var q = I.ReactCurrentOwner, te = Object.prototype.hasOwnProperty, gr = {
+        key: !0,
+        ref: !0,
+        __self: !0,
+        __source: !0
+      }, $e, Fe, ae;
+      ae = {};
+      function br(e) {
+        if (te.call(e, "ref")) {
+          var t = Object.getOwnPropertyDescriptor(e, "ref").get;
+          if (t && t.isReactWarning)
+            return !1;
+        }
+        return e.ref !== void 0;
+      }
+      function mr(e) {
+        if (te.call(e, "key")) {
+          var t = Object.getOwnPropertyDescriptor(e, "key").get;
+          if (t && t.isReactWarning)
+            return !1;
+        }
+        return e.key !== void 0;
+      }
+      function vr(e, t) {
+        if (typeof e.ref == "string" && q.current && t && q.current.stateNode !== t) {
+          var a = P(q.current.type);
+          ae[a] || (C('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', P(q.current.type), e.ref), ae[a] = !0);
+        }
+      }
+      function hr(e, t) {
+        {
+          var a = function() {
+            $e || ($e = !0, C("%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://reactjs.org/link/special-props)", t));
+          };
+          a.isReactWarning = !0, Object.defineProperty(e, "key", {
+            get: a,
+            configurable: !0
+          });
+        }
+      }
+      function yr(e, t) {
+        {
+          var a = function() {
+            Fe || (Fe = !0, C("%s: `ref` 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://reactjs.org/link/special-props)", t));
+          };
+          a.isReactWarning = !0, Object.defineProperty(e, "ref", {
+            get: a,
+            configurable: !0
+          });
+        }
+      }
+      var wr = function(e, t, a, s, h, y, m) {
+        var g = {
+          // This tag allows us to uniquely identify this as a React Element
+          $$typeof: c,
+          // Built-in properties that belong on the element
+          type: e,
+          key: t,
+          ref: a,
+          props: m,
+          // Record the component responsible for creating this element.
+          _owner: y
+        };
+        return g._store = {}, Object.defineProperty(g._store, "validated", {
+          configurable: !1,
+          enumerable: !1,
+          writable: !0,
+          value: !1
+        }), Object.defineProperty(g, "_self", {
+          configurable: !1,
+          enumerable: !1,
+          writable: !1,
+          value: s
+        }), Object.defineProperty(g, "_source", {
+          configurable: !1,
+          enumerable: !1,
+          writable: !1,
+          value: h
+        }), Object.freeze && (Object.freeze(g.props), Object.freeze(g)), g;
+      };
+      function Er(e, t, a, s, h) {
+        {
+          var y, m = {}, g = null, T = null;
+          a !== void 0 && (g = "" + a), mr(t) && (g = "" + t.key), br(t) && (T = t.ref, vr(t, h));
+          for (y in t)
+            te.call(t, y) && !gr.hasOwnProperty(y) && (m[y] = t[y]);
+          if (e && e.defaultProps) {
+            var w = e.defaultProps;
+            for (y in w)
+              m[y] === void 0 && (m[y] = w[y]);
+          }
+          if (g || T) {
+            var k = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+            g && hr(m, k), T && yr(m, k);
+          }
+          return wr(e, g, T, h, s, q.current, m);
+        }
+      }
+      var ne = I.ReactCurrentOwner, De = I.ReactDebugCurrentFrame;
+      function z(e) {
+        if (e) {
+          var t = e._owner, a = G(e.type, e._source, t ? t.type : null);
+          De.setExtraStackFrame(a);
+        } else
+          De.setExtraStackFrame(null);
+      }
+      var oe;
+      oe = !1;
+      function ie(e) {
+        return typeof e == "object" && e !== null && e.$$typeof === c;
+      }
+      function Be() {
+        {
+          if (ne.current) {
+            var e = P(ne.current.type);
+            if (e)
+              return `
+
+Check the render method of \`` + e + "`.";
+          }
+          return "";
+        }
+      }
+      function _r(e) {
+        {
+          if (e !== void 0) {
+            var t = e.fileName.replace(/^.*[\\\/]/, ""), a = e.lineNumber;
+            return `
+
+Check your code at ` + t + ":" + a + ".";
+          }
+          return "";
+        }
+      }
+      var Ne = {};
+      function kr(e) {
+        {
+          var t = Be();
+          if (!t) {
+            var a = typeof e == "string" ? e : e.displayName || e.name;
+            a && (t = `
+
+Check the top-level render call using <` + a + ">.");
+          }
+          return t;
+        }
+      }
+      function Me(e, t) {
+        {
+          if (!e._store || e._store.validated || e.key != null)
+            return;
+          e._store.validated = !0;
+          var a = kr(t);
+          if (Ne[a])
+            return;
+          Ne[a] = !0;
+          var s = "";
+          e && e._owner && e._owner !== ne.current && (s = " It was passed a child from " + P(e._owner.type) + "."), z(e), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', a, s), z(null);
+        }
+      }
+      function Ie(e, t) {
+        {
+          if (typeof e != "object")
+            return;
+          if (Array.isArray(e))
+            for (var a = 0; a < e.length; a++) {
+              var s = e[a];
+              ie(s) && Me(s, t);
+            }
+          else if (ie(e))
+            e._store && (e._store.validated = !0);
+          else if (e) {
+            var h = or(e);
+            if (typeof h == "function" && h !== e.entries)
+              for (var y = h.call(e), m; !(m = y.next()).done; )
+                ie(m.value) && Me(m.value, t);
+          }
+        }
+      }
+      function Rr(e) {
+        {
+          var t = e.type;
+          if (t == null || typeof t == "string")
+            return;
+          var a;
+          if (typeof t == "function")
+            a = t.propTypes;
+          else if (typeof t == "object" && (t.$$typeof === p || // Note: Memo only checks outer props here.
+          // Inner props are checked in the reconciler.
+          t.$$typeof === E))
+            a = t.propTypes;
+          else
+            return;
+          if (a) {
+            var s = P(t);
+            xr(a, e.props, "prop", s, e);
+          } else if (t.PropTypes !== void 0 && !oe) {
+            oe = !0;
+            var h = P(t);
+            C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", h || "Unknown");
+          }
+          typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        }
+      }
+      function Tr(e) {
+        {
+          for (var t = Object.keys(e.props), a = 0; a < t.length; a++) {
+            var s = t[a];
+            if (s !== "children" && s !== "key") {
+              z(e), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", s), z(null);
+              break;
+            }
+          }
+          e.ref !== null && (z(e), C("Invalid attribute `ref` supplied to `React.Fragment`."), z(null));
+        }
+      }
+      function ze(e, t, a, s, h, y) {
+        {
+          var m = sr(e);
+          if (!m) {
+            var g = "";
+            (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (g += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+            var T = _r(h);
+            T ? g += T : g += Be();
+            var w;
+            e === null ? w = "null" : Array.isArray(e) ? w = "array" : e !== void 0 && e.$$typeof === c ? (w = "<" + (P(e.type) || "Unknown") + " />", g = " Did you accidentally export a JSX literal instead of a component?") : w = typeof e, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", w, g);
+          }
+          var k = Er(e, t, a, h, y);
+          if (k == null)
+            return k;
+          if (m) {
+            var S = t.children;
+            if (S !== void 0)
+              if (s)
+                if (Array.isArray(S)) {
+                  for (var W = 0; W < S.length; W++)
+                    Ie(S[W], e);
+                  Object.freeze && Object.freeze(S);
+                } else
+                  C("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
+                Ie(S, e);
+          }
+          return e === r.Fragment ? Tr(k) : Rr(k), k;
+        }
+      }
+      function Cr(e, t, a) {
+        return ze(e, t, a, !0);
+      }
+      function Or(e, t, a) {
+        return ze(e, t, a, !1);
+      }
+      var Ar = Or, Pr = Cr;
+      r.jsx = Ar, r.jsxs = Pr;
+    }();
+  }(se)), se;
 }
-const jsx = jsxRuntime.exports.jsx;
-const jsxs = jsxRuntime.exports.jsxs;
-const Fragment = jsxRuntime.exports.Fragment;
-const Spinner = ({
-  size,
-  color,
-  thickness
-}) => {
-  return /* @__PURE__ */ jsx(SpinnerContainer, {
-    size,
-    children: /* @__PURE__ */ jsx(SpinnerComponent, {
-      viewBox: "25 25 50 50",
-      children: /* @__PURE__ */ jsx(Circle, {
-        className: "path",
-        cx: "50",
-        cy: "50",
-        r: "20",
-        fill: "none",
-        stroke: color || "currentColor",
-        opacity: "0.5",
-        strokeWidth: thickness || 5,
-        strokeMiterlimit: "10"
-      })
+process.env.NODE_ENV === "production" ? ce.exports = Wr() : ce.exports = Lr();
+var de = ce.exports;
+const v = de.jsx, j = de.jsxs, U = de.Fragment, Yr = ({
+  size: r,
+  color: o,
+  thickness: n
+}) => /* @__PURE__ */ v(Mr, {
+  size: r,
+  children: /* @__PURE__ */ v(Ir, {
+    viewBox: "25 25 50 50",
+    children: /* @__PURE__ */ v(zr, {
+      className: "path",
+      cx: "50",
+      cy: "50",
+      r: "20",
+      fill: "none",
+      stroke: o || "currentColor",
+      opacity: "0.5",
+      strokeWidth: n || 5,
+      strokeMiterlimit: "10"
     })
-  });
-};
-const pulse = keyframes`
+  })
+}), qr = ue`
   100% {
     opacity: 0.5;
   }
-`;
-const DefaultButtonContainer = styled.button`
+`, Ur = R.button`
   --button-hover-brightness: 0.88;
 
   position: relative;
-  padding: ${({ isLoading, hasLoadingText }) => isLoading && hasLoadingText ? "0.75em 1.125em 0.75em 2.5em" : "0.75em 1.25em"};
+  padding: ${({ isLoading: r, hasLoadingText: o }) => r && o ? "0.75em 1.125em 0.75em 2.5em" : "0.75em 1.25em"};
   border-radius: 30px;
   border: 0;
 
@@ -233,7 +750,7 @@ const DefaultButtonContainer = styled.button`
   cursor: pointer;
 
   .button__text_wrapper {
-    animation: ${({ isLoading }) => isLoading ? pulse : "none"} 0.75s infinite
+    animation: ${({ isLoading: r }) => r ? qr : "none"} 0.75s infinite
       alternate;
   }
 
@@ -280,55 +797,44 @@ const DefaultButtonContainer = styled.button`
     content: '';
     display: block;
 
-    width: ${({ isLoading, hasLoadingText }) => isLoading && hasLoadingText ? "2em" : "0"};
+    width: ${({ isLoading: r, hasLoadingText: o }) => r && o ? "2em" : "0"};
   }
 
   .button__spinner_wrapper {
     margin: -0.5em 0;
-    display: ${({ isLoading }) => isLoading ? "block" : "none"};
-    ${({ hasLoadingText }) => hasLoadingText && css`
+    display: ${({ isLoading: r }) => r ? "block" : "none"};
+    ${({ hasLoadingText: r }) => r && F`
         top: calc(50% + 0.5em);
         transform: translateY(-50%);
         position: absolute;
         left: 0.5rem;
       `}
   }
-`;
-const Button = (_a) => {
-  var _b = _a, {
-    disabled = false,
-    isLoading = false,
-    loadingText = "",
-    outlined = false,
-    className = "",
-    children
-  } = _b, rest = __objRest(_b, [
-    "disabled",
-    "isLoading",
-    "loadingText",
-    "outlined",
-    "className",
-    "children"
-  ]);
-  return /* @__PURE__ */ jsxs(DefaultButtonContainer, __spreadProps(__spreadValues({
-    disabled: disabled || isLoading,
-    isLoading,
-    hasLoadingText: !!loadingText,
-    className: `${className} ${outlined ? "button__outline" : ""}`,
-    type: "button"
-  }, rest), {
-    children: [/* @__PURE__ */ jsx("div", {
-      className: "button__spinner_wrapper",
-      children: /* @__PURE__ */ jsx(Spinner, {
-        size: "1.5em"
-      })
-    }), /* @__PURE__ */ jsx("span", {
-      className: "button__text_wrapper",
-      children: isLoading ? loadingText || "" : children
-    })]
-  }));
-};
-const binamikTheme = css`
+`, At = ({
+  disabled: r = !1,
+  isLoading: o = !1,
+  loadingText: n = "",
+  outlined: c = !1,
+  className: f = "",
+  children: d,
+  ...x
+}) => /* @__PURE__ */ j(Ur, {
+  disabled: r || o,
+  isLoading: o,
+  hasLoadingText: !!n,
+  className: `${f} ${c ? "button__outline" : ""}`,
+  type: "button",
+  ...x,
+  children: [/* @__PURE__ */ v("div", {
+    className: "button__spinner_wrapper",
+    children: /* @__PURE__ */ v(Yr, {
+      size: "1.5em"
+    })
+  }), /* @__PURE__ */ v("span", {
+    className: "button__text_wrapper",
+    children: o ? n || "" : d
+  })]
+}), Pt = F`
   :root {
     --clr-white: #ffffff;
     --clr-black: #000000;
@@ -428,8 +934,7 @@ const binamikTheme = css`
 
     --bp-tablet: 64rem; // 1024px
   }
-`;
-const binamikCssReset = css`
+`, jt = F`
   html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
   blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
   img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u,
@@ -515,8 +1020,7 @@ const binamikCssReset = css`
     background-clip: text;
     -webkit-background-clip: text;
   }
-`;
-const binamikGlobalStyles = css`
+`, St = F`
   body {
     line-height: 1;
     color: #444;
@@ -578,29 +1082,7 @@ const binamikGlobalStyles = css`
   .primary_color_txt {
     color: var(--clr-primary);
   }
-`;
-const UMBRA_COLOR = (shadowStyles = "normal") => {
-  if (shadowStyles === "light")
-    return "rgba(0, 0, 0, 0.05)";
-  if (shadowStyles === "normal")
-    return "rgba(0, 0, 0, 0.1)";
-  return "rgba(0, 0, 0, 0.2)";
-};
-const PENUMBRA_COLOR = (shadowStyles = "normal") => {
-  if (shadowStyles === "light")
-    return "rgba(0, 0, 0, 0.03)";
-  if (shadowStyles === "normal")
-    return "rgba(0, 0, 0, 0.07)";
-  return "rgba(0, 0, 0, 0.14)";
-};
-const AMBIENT_COLOR = (shadowStyles = "normal") => {
-  if (shadowStyles === "light")
-    return "rgba(0, 0, 0, 0.02)";
-  if (shadowStyles === "normal")
-    return "rgba(0, 0, 0, 0.06)";
-  return "rgba(0, 0, 0, 0.12)";
-};
-const UMBRA_MAP = {
+`, Vr = (r = "normal") => r === "light" ? "rgba(0, 0, 0, 0.05)" : r === "normal" ? "rgba(0, 0, 0, 0.1)" : "rgba(0, 0, 0, 0.2)", Hr = (r = "normal") => r === "light" ? "rgba(0, 0, 0, 0.03)" : r === "normal" ? "rgba(0, 0, 0, 0.07)" : "rgba(0, 0, 0, 0.14)", Gr = (r = "normal") => r === "light" ? "rgba(0, 0, 0, 0.02)" : r === "normal" ? "rgba(0, 0, 0, 0.06)" : "rgba(0, 0, 0, 0.12)", Kr = {
   0: "0px 0px 0px 0px",
   1: "0px 2px 1px -1px",
   2: "0px 3px 1px -2px",
@@ -626,8 +1108,7 @@ const UMBRA_MAP = {
   22: "0px 10px 14px -6px",
   23: "0px 11px 14px -7px",
   24: "0px 11px 15px -7px"
-};
-const PENUMBRA_MAP = {
+}, Jr = {
   0: "0px 0px 0px 0px",
   1: "0px 1px 1px 0px",
   2: "0px 2px 2px 0px",
@@ -653,8 +1134,7 @@ const PENUMBRA_MAP = {
   22: "0px 22px 35px 3px",
   23: "0px 23px 36px 3px",
   24: "0px 24px 38px 3px"
-};
-const AMBIENT_MAP = {
+}, Xr = {
   0: "0px 0px 0px 0px",
   1: "0px 1px 3px 0px",
   2: "0px 1px 5px 0px",
@@ -680,31 +1160,21 @@ const AMBIENT_MAP = {
   22: "0px 8px 42px 7px",
   23: "0px 9px 44px 8px",
   24: "0px 9px 46px 8px"
-};
-const depth = (depthValue, strength = "light") => {
-  return `box-shadow: ${UMBRA_MAP[depthValue]} ${UMBRA_COLOR(strength)},
-                      ${PENUMBRA_MAP[depthValue]} ${PENUMBRA_COLOR(strength)},
-                      ${AMBIENT_MAP[depthValue]} ${AMBIENT_COLOR(strength)};`;
-};
-const PreventScroll = () => {
-  return /* @__PURE__ */ jsx(Global, {
-    styles: css`
+}, Zr = (r, o = "light") => `box-shadow: ${Kr[r]} ${Vr(o)},
+                      ${Jr[r]} ${Hr(o)},
+                      ${Xr[r]} ${Gr(o)};`, $t = () => /* @__PURE__ */ v(jr, {
+  styles: F`
         body {
           overflow: hidden;
         }
       `
-  });
-};
-const MIN_TABLE_MOBILE_BREAKPOINT = 480;
-const parseBreakpointProp = (props) => Math.max(props.mobileBreakpoint, MIN_TABLE_MOBILE_BREAKPOINT);
-const filterProps = {
-  shouldForwardProp(prop) {
-    return !["columnTemplate", "mobileBreakpoint", "customCss"].includes(prop);
+}), pe = 480, Qr = (r) => Math.max(r.mobileBreakpoint, pe), et = {
+  shouldForwardProp(r) {
+    return !["columnTemplate", "mobileBreakpoint", "customCss"].includes(r);
   }
-};
-const TableWrapper = styled(motion.div, filterProps)`
+}, rt = R(D.div, et)`
   --radius: 0.625rem;
-  --column-template: ${(props) => props.columnTemplate};
+  --column-template: ${(r) => r.columnTemplate};
   --table-padding: 1.875rem;
 
   --header-row-display: grid;
@@ -747,7 +1217,7 @@ const TableWrapper = styled(motion.div, filterProps)`
     box-sizing: border-box;
   }
 
-  @media (max-width: ${parseBreakpointProp}px) {
+  @media (max-width: ${Qr}px) {
     --column-template: 1fr;
 
     --header-row-display: none;
@@ -782,9 +1252,8 @@ const TableWrapper = styled(motion.div, filterProps)`
     --cell-padding: 0.8rem 0.65rem;
   }
 
-  ${(props) => props.customCss}
-`;
-const TableRowAnnexWrapper = styled(motion.div)`
+  ${(r) => r.customCss}
+`, tt = R(D.div)`
   width: auto;
   position: relative;
   border: var(--row-annex-border);
@@ -793,8 +1262,7 @@ const TableRowAnnexWrapper = styled(motion.div)`
   padding: var(--row-annex-padding);
   background-color: rgba(255, 255, 255, 0.6);
   transition: background-color var(--highlight-transition);
-`;
-const tableRowStyle = css`
+`, Xe = F`
   display: grid;
   width: 100%;
   grid-template-columns: var(--column-template);
@@ -805,8 +1273,7 @@ const tableRowStyle = css`
   color: var(--clr-gray3);
   min-height: 0;
   min-width: 0;
-`;
-const TableRowContainer = styled(motion.li)`
+`, at = R(D.li)`
   margin: var(--row-margin);
   border: var(--row-border);
   border-radius: var(--radius);
@@ -829,9 +1296,8 @@ const TableRowContainer = styled(motion.li)`
   &:not(.empty_row):hover {
     background-color: var(--row-hover-background);
   }
-`;
-const TableRowWrapper = styled(motion.div)`
-  ${tableRowStyle}
+`, nt = R(D.div)`
+  ${Xe}
 
   max-width: 100%;
   min-width: 0;
@@ -842,30 +1308,26 @@ const TableRowWrapper = styled(motion.div)`
   &:last-of-type .TableCellWrapper:last-of-type .TableCellRef {
     border-radius: 0 0 0 var(--radius);
   }
-`;
-const TableHeaderRow = styled(motion.div)`
-  ${tableRowStyle}
+`, ot = R(D.div)`
+  ${Xe}
   min-height: 4.375rem;
   background-color: var(--label-background);
   font-weight: bold;
   color: var(--clr-gray3);
   border-radius: var(--radius);
   display: var(--header-row-display);
-`;
-const TableBody = styled(motion.ul)`
+`, it = R(D.ul)`
   width: 100%;
   list-style: none;
   margin: 0;
   padding: 0;
-`;
-const tableCellStyle = css`
+`, fe = F`
   padding: var(--cell-padding);
   height: 100%;
   display: flex;
   align-items: center;
   margin: 0;
-`;
-const nonHeaderCellStyle = css`
+`, lt = F`
   position: relative;
 
   &::before {
@@ -893,14 +1355,12 @@ const nonHeaderCellStyle = css`
   &:first-of-type::before {
     border-radius: var(--radius) var(--radius) 0 0;
   }
-`;
-const TableCell = styled.div`
-  ${tableCellStyle}
+`, st = R.div`
+  ${fe}
 
   width: 100%;
-`;
-const TableCellWrapper = styled.div`
-  ${nonHeaderCellStyle}
+`, ct = R.div`
+  ${lt}
 
   min-width: 0;
 
@@ -920,16 +1380,14 @@ const TableCellWrapper = styled.div`
       border-radius: var(--radius) 0 0 0;
     }
   }
-`;
-const TableCellRef = styled.div`
-  ${tableCellStyle}
+`, pt = R.div`
+  ${fe}
 
   display: var(--mobile-ref-display);
   background-color: var(--label-background);
   font-weight: bold;
   color: var(--clr-gray3);
-`;
-const sortableStyles = css`
+`, ut = F`
   &.sortable,
   &.sorted-asc,
   &.sorted-desc {
@@ -984,9 +1442,8 @@ const sortableStyles = css`
       margin-top: 0.2ch;
     }
   }
-`;
-const TableHeaderWrapper = styled.div`
-  ${tableCellStyle}
+`, dt = R.div`
+  ${fe}
   transition: background-color var(--highlight-transition);
   border-radius: var(--radius);
 
@@ -994,9 +1451,8 @@ const TableHeaderWrapper = styled.div`
     background-color: var(--clr-gray8);
   }
 
-  ${sortableStyles}
-`;
-const MobileSortButton = styled(motion.button)`
+  ${ut}
+`, ft = R(D.button)`
   display: var(--mobile-sorting-display);
   align-items: center;
   color: var(--clr-gray3);
@@ -1031,7 +1487,9 @@ const MobileSortButton = styled(motion.button)`
       border-width: 0 1px 1px 0;
       transform: rotate(45deg);
       margin: 0 0.25rem;
-      transition: transform 300ms, margin 300ms;
+      transition:
+        transform 300ms,
+        margin 300ms;
       margin-bottom: 0.25rem;
     }
 
@@ -1044,8 +1502,7 @@ const MobileSortButton = styled(motion.button)`
       }
     }
   }
-`;
-const MobileSortTooltip = styled(motion.div)`
+`, xt = R(D.div)`
   position: absolute;
   top: 2.5rem;
   right: 0;
@@ -1062,9 +1519,8 @@ const MobileSortTooltip = styled(motion.div)`
   overflow: auto;
   max-height: calc(100vh - 5rem);
   transform-origin: top right;
-  ${depth(8)}
-`;
-const MobileSortTooltipOption = styled.button`
+  ${Zr(8)}
+`, gt = R.button`
   background-color: var(--clr-white);
   padding: 0.5rem;
   border-radius: var(--radius);
@@ -1086,8 +1542,7 @@ const MobileSortTooltipOption = styled.button`
   &:hover {
     background-color: var(--clr-gray8);
   }
-`;
-const MobileSortTooltipBackdrop = styled(motion.button)`
+`, bt = R(D.button)`
   position: fixed;
   inset: 0;
   z-index: 10;
@@ -1095,203 +1550,172 @@ const MobileSortTooltipBackdrop = styled(motion.button)`
   height: 100%;
   background-color: transparent;
   cursor: default;
-`;
-const LOOK_AT_ME = "\n^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n";
-const buildColumnTemplate = (columns = []) => {
-  const safeColumnsWidths = columns.map(({ width }) => (width == null ? void 0 : width.replace(/\s/g, "")) || "1fr");
-  return safeColumnsWidths.join(" ");
-};
-const validateProps = ({
-  columns = [],
-  children = [],
-  mobileBreakpoint = 900
+`, J = `
+^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+`, Ze = (r = []) => r.map(
+  ({ width: n }) => (n == null ? void 0 : n.replace(/\s/g, "")) || "1fr"
+).join(" "), mt = ({
+  columns: r = [],
+  children: o = [],
+  mobileBreakpoint: n = 900
 }) => {
-  if (mobileBreakpoint < MIN_TABLE_MOBILE_BREAKPOINT) {
-    console.warn(`Table: mobileBreakpoint (${mobileBreakpoint}) is too small. The minimum of ${MIN_TABLE_MOBILE_BREAKPOINT} will be used instead.${LOOK_AT_ME}`);
-  }
-  const columnTemplate = buildColumnTemplate(columns);
-  const splitTemplate = columnTemplate.split(" ");
-  splitTemplate.map((value, idx) => ({ value, idx })).filter((width) => !CSS.supports("grid-template-columns", width.value)).forEach((width) => {
-    const parsedWidth = width.value.replace(/"/g, '\\"');
-    console.warn(`Table: Invalid width value "${parsedWidth}" on columnsWidths[${width.idx}].${LOOK_AT_ME}`);
-  });
-  const tableRowChildren = children.map((value, idx) => ({ value, idx })).filter((child) => {
-    var _a, _b, _c, _d;
-    return React.isValidElement(child.value) && (((_b = (_a = child.value) == null ? void 0 : _a.type) == null ? void 0 : _b.displayName) === "TableRow" || ((_d = (_c = child.value) == null ? void 0 : _c.type) == null ? void 0 : _d.displayName) === "EmptyRow");
+  n < pe && console.warn(
+    `Table: mobileBreakpoint (${n}) is too small. The minimum of ${pe} will be used instead.${J}`
+  ), Ze(r).split(" ").map((i, l) => ({ value: i, idx: l })).filter((i) => !CSS.supports("grid-template-columns", i.value)).forEach((i) => {
+    const l = i.value.replace(/"/g, '\\"');
+    console.warn(
+      `Table: Invalid width value "${l}" on columnsWidths[${i.idx}].${J}`
+    );
   });
-  tableRowChildren.forEach((child) => {
-    var _a, _b, _c, _d, _e;
-    const childChildrenLength = (_c = (_b = (_a = child.value) == null ? void 0 : _a.props) == null ? void 0 : _b.children) == null ? void 0 : _c.filter((childChild) => childChild !== void 0).length;
-    if (React.isValidElement(child.value) && ((_e = (_d = child.value) == null ? void 0 : _d.type) == null ? void 0 : _e.displayName) !== "EmptyRow" && childChildrenLength !== columns.length) {
-      console.warn(`Table: children[${child.idx}] length (${childChildrenLength}) should be equal to labels length (${columns.length}).${LOOK_AT_ME}`);
+  const d = o.map((i, l) => ({ value: i, idx: l })).filter(
+    (i) => {
+      var l, p, u, b;
+      return O.isValidElement(i.value) && (((p = (l = i.value) == null ? void 0 : l.type) == null ? void 0 : p.displayName) === "TableRow" || ((b = (u = i.value) == null ? void 0 : u.type) == null ? void 0 : b.displayName) === "EmptyRow");
     }
+  );
+  d.forEach((i) => {
+    var p, u, b, E, A;
+    const l = (b = (u = (p = i.value) == null ? void 0 : p.props) == null ? void 0 : u.children) == null ? void 0 : b.filter((M) => M !== void 0).length;
+    O.isValidElement(i.value) && ((A = (E = i.value) == null ? void 0 : E.type) == null ? void 0 : A.displayName) !== "EmptyRow" && l !== r.length && console.warn(
+      `Table: children[${i.idx}] length (${l}) should be equal to labels length (${r.length}).${J}`
+    );
+  }), o.map((i, l) => ({ value: i, idx: l })).filter(
+    (i) => !d.some((l) => l.idx === i.idx)
+  ).forEach((i) => {
+    console.warn(
+      `Table: children[${i.idx}] is not a TableRow. See TableRow component.${J}`
+    );
   });
-  const nonTableRowChildren = children.map((value, idx) => ({ value, idx })).filter((child) => !tableRowChildren.some((tableRowChild) => tableRowChild.idx === child.idx));
-  nonTableRowChildren.forEach((child) => {
-    console.warn(`Table: children[${child.idx}] is not a TableRow. See TableRow component.${LOOK_AT_ME}`);
-  });
-};
-const changeSortOrder = (sortOrder) => sortOrder !== "asc" ? "asc" : "desc";
-const TableHeader = ({
-  column,
-  onSort
+}, Qe = (r) => r !== "asc" ? "asc" : "desc", vt = ({
+  column: r,
+  onSort: o
 }) => {
   const {
-    sortedColumn,
-    sortedOrder = ""
-  } = useTable();
-  const sortOrder = useMemo(() => sortedColumn === column.name ? sortedOrder : "", [column.name, sortedColumn, sortedOrder]);
-  const handleSortClick = useCallback(() => {
-    if (!column.sortable)
-      return;
-    onSort(changeSortOrder(sortOrder));
-  }, [column.sortable, onSort, sortOrder]);
-  return /* @__PURE__ */ jsx(TableHeaderWrapper, {
-    className: ["TableHeader", sortOrder ? `sorted-${sortOrder}` : "", column.sortable ? "sortable" : ""].join(" "),
-    onClick: handleSortClick,
-    role: column.sortable ? "button" : void 0,
-    children: column.label
+    sortedColumn: n,
+    sortedOrder: c = ""
+  } = Z(), f = N(() => n === r.name ? c : "", [r.name, n, c]), d = X(() => {
+    r.sortable && o(Qe(f));
+  }, [r.sortable, o, f]);
+  return /* @__PURE__ */ v(dt, {
+    className: ["TableHeader", f ? `sorted-${f}` : "", r.sortable ? "sortable" : ""].join(" "),
+    onClick: d,
+    role: r.sortable ? "button" : void 0,
+    children: r.label
   });
 };
-var DefaultContext = {
+var er = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-};
-var IconContext = React.createContext && React.createContext(DefaultContext);
-var __assign = globalThis && globalThis.__assign || function() {
-  __assign = Object.assign || function(t) {
-    for (var s, i = 1, n2 = arguments.length; i < n2; i++) {
-      s = arguments[i];
-      for (var p2 in s)
-        if (Object.prototype.hasOwnProperty.call(s, p2))
-          t[p2] = s[p2];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var __rest = globalThis && globalThis.__rest || function(s, e) {
-  var t = {};
-  for (var p2 in s)
-    if (Object.prototype.hasOwnProperty.call(s, p2) && e.indexOf(p2) < 0)
-      t[p2] = s[p2];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-    for (var i = 0, p2 = Object.getOwnPropertySymbols(s); i < p2.length; i++) {
-      if (e.indexOf(p2[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p2[i]))
-        t[p2[i]] = s[p2[i]];
+}, Ue = O.createContext && O.createContext(er), B = globalThis && globalThis.__assign || function() {
+  return B = Object.assign || function(r) {
+    for (var o, n = 1, c = arguments.length; n < c; n++) {
+      o = arguments[n];
+      for (var f in o)
+        Object.prototype.hasOwnProperty.call(o, f) && (r[f] = o[f]);
     }
-  return t;
+    return r;
+  }, B.apply(this, arguments);
+}, ht = globalThis && globalThis.__rest || function(r, o) {
+  var n = {};
+  for (var c in r)
+    Object.prototype.hasOwnProperty.call(r, c) && o.indexOf(c) < 0 && (n[c] = r[c]);
+  if (r != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var f = 0, c = Object.getOwnPropertySymbols(r); f < c.length; f++)
+      o.indexOf(c[f]) < 0 && Object.prototype.propertyIsEnumerable.call(r, c[f]) && (n[c[f]] = r[c[f]]);
+  return n;
 };
-function Tree2Element(tree) {
-  return tree && tree.map(function(node, i) {
-    return React.createElement(node.tag, __assign({
-      key: i
-    }, node.attr), Tree2Element(node.child));
+function rr(r) {
+  return r && r.map(function(o, n) {
+    return O.createElement(o.tag, B({
+      key: n
+    }, o.attr), rr(o.child));
   });
 }
-function GenIcon(data) {
-  return function(props) {
-    return React.createElement(IconBase, __assign({
-      attr: __assign({}, data.attr)
-    }, props), Tree2Element(data.child));
+function xe(r) {
+  return function(o) {
+    return O.createElement(yt, B({
+      attr: B({}, r.attr)
+    }, o), rr(r.child));
   };
 }
-function IconBase(props) {
-  var elem = function(conf) {
-    var attr = props.attr, size = props.size, title = props.title, svgProps = __rest(props, ["attr", "size", "title"]);
-    var computedSize = size || conf.size || "1em";
-    var className;
-    if (conf.className)
-      className = conf.className;
-    if (props.className)
-      className = (className ? className + " " : "") + props.className;
-    return React.createElement("svg", __assign({
+function yt(r) {
+  var o = function(n) {
+    var c = r.attr, f = r.size, d = r.title, x = ht(r, ["attr", "size", "title"]), i = f || n.size || "1em", l;
+    return n.className && (l = n.className), r.className && (l = (l ? l + " " : "") + r.className), O.createElement("svg", B({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, conf.attr, attr, svgProps, {
-      className,
-      style: __assign(__assign({
-        color: props.color || conf.color
-      }, conf.style), props.style),
-      height: computedSize,
-      width: computedSize,
+    }, n.attr, c, x, {
+      className: l,
+      style: B(B({
+        color: r.color || n.color
+      }, n.style), r.style),
+      height: i,
+      width: i,
       xmlns: "http://www.w3.org/2000/svg"
-    }), title && React.createElement("title", null, title), props.children);
+    }), d && O.createElement("title", null, d), r.children);
   };
-  return IconContext !== void 0 ? React.createElement(IconContext.Consumer, null, function(conf) {
-    return elem(conf);
-  }) : elem(DefaultContext);
+  return Ue !== void 0 ? O.createElement(Ue.Consumer, null, function(n) {
+    return o(n);
+  }) : o(er);
 }
-function BiSortAlt2(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M7 20h2V8h3L8 4 4 8h3zm13-4h-3V4h-2v12h-3l4 4z" } }] })(props);
+function wt(r) {
+  return xe({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M7 20h2V8h3L8 4 4 8h3zm13-4h-3V4h-2v12h-3l4 4z" } }] })(r);
 }
-function BiSortDown(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "m6 20 4-4H7V4H5v12H2zm5-12h9v2h-9zm0 4h7v2h-7zm0-8h11v2H11zm0 12h5v2h-5z" } }] })(props);
+function Ve(r) {
+  return xe({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "m6 20 4-4H7V4H5v12H2zm5-12h9v2h-9zm0 4h7v2h-7zm0-8h11v2H11zm0 12h5v2h-5z" } }] })(r);
 }
-function BiSortUp(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M11 9h9v2h-9zm0 4h7v2h-7zm0-8h11v2H11zm0 12h5v2h-5zm-6 3h2V8h3L6 4 2 8h3z" } }] })(props);
+function He(r) {
+  return xe({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M11 9h9v2h-9zm0 4h7v2h-7zm0-8h11v2H11zm0 12h5v2h-5zm-6 3h2V8h3L6 4 2 8h3z" } }] })(r);
 }
-const MobileSortMenu = ({
-  onSortingChange
+const Et = ({
+  onSortingChange: r
 }) => {
   const {
-    columns = [],
-    sortedOrder = "",
-    sortedColumn = ""
-  } = useTable();
-  const sortableColumns = useMemo(() => {
-    return columns.filter(({
-      sortable
-    }) => sortable);
-  }, [columns]);
-  const sortedLabel = useMemo(() => {
-    var _a;
-    return ((_a = columns.find(({
-      name
-    }) => name === sortedColumn)) == null ? void 0 : _a.label) || "";
-  }, [columns, sortedColumn]);
-  const isTableSortable = useMemo(() => sortableColumns.length, [sortableColumns]);
-  const [isMenuOpen, setMenuOpen] = useState(false);
-  const toggleMenu = useCallback(() => {
-    if (isTableSortable) {
-      setMenuOpen((v) => !v);
-    }
-  }, [isTableSortable]);
-  useEffect(() => {
-    if (isTableSortable) {
-      setMenuOpen(false);
-    }
-  }, [isTableSortable]);
-  const handleSortingChange = useCallback((column) => () => {
-    setMenuOpen(false);
-    onSortingChange(column)(changeSortOrder(sortedColumn === column.name ? sortedOrder : ""));
-  }, [onSortingChange, sortedColumn, sortedOrder]);
-  return isTableSortable || sortedLabel && sortedOrder ? /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsxs(MobileSortButton, {
-      className: [isTableSortable ? "sortable" : "", isMenuOpen ? "open" : ""].join(" "),
-      onClick: toggleMenu,
-      disabled: !isTableSortable,
+    columns: o = [],
+    sortedOrder: n = "",
+    sortedColumn: c = ""
+  } = Z(), f = N(() => o.filter(({
+    sortable: b
+  }) => b), [o]), d = N(() => {
+    var b;
+    return ((b = o.find(({
+      name: E
+    }) => E === c)) == null ? void 0 : b.label) || "";
+  }, [o, c]), x = N(() => f.length, [f]), [i, l] = Sr(!1), p = X(() => {
+    x && l((b) => !b);
+  }, [x]);
+  Ge(() => {
+    x && l(!1);
+  }, [x]);
+  const u = X((b) => () => {
+    l(!1), r(b)(Qe(c === b.name ? n : ""));
+  }, [r, c, n]);
+  return x || d && n ? /* @__PURE__ */ j(U, {
+    children: [/* @__PURE__ */ j(ft, {
+      className: [x ? "sortable" : "", i ? "open" : ""].join(" "),
+      onClick: p,
+      disabled: !x,
       type: "button",
-      layout: true,
-      children: [isTableSortable && (!sortedLabel || !sortedOrder) ? /* @__PURE__ */ jsxs(Fragment, {
-        children: [/* @__PURE__ */ jsx(BiSortAlt2, {}), /* @__PURE__ */ jsx("p", {
+      layout: !0,
+      children: [x && (!d || !n) ? /* @__PURE__ */ j(U, {
+        children: [/* @__PURE__ */ v(wt, {}), /* @__PURE__ */ v("p", {
           children: "Ordenar"
         })]
-      }) : null, sortedLabel && sortedOrder ? /* @__PURE__ */ jsxs(Fragment, {
-        children: [sortedOrder === "asc" ? /* @__PURE__ */ jsx(BiSortDown, {}) : /* @__PURE__ */ jsx(BiSortUp, {}), /* @__PURE__ */ jsx("p", {
-          children: sortedLabel
+      }) : null, d && n ? /* @__PURE__ */ j(U, {
+        children: [n === "asc" ? /* @__PURE__ */ v(Ve, {}) : /* @__PURE__ */ v(He, {}), /* @__PURE__ */ v("p", {
+          children: d
         })]
       }) : null]
-    }), /* @__PURE__ */ jsx(AnimatePresence, {
-      children: isMenuOpen ? /* @__PURE__ */ jsxs(Fragment, {
-        children: [/* @__PURE__ */ jsx(MobileSortTooltipBackdrop, {
-          onClick: toggleMenu,
+    }), /* @__PURE__ */ v(Ke, {
+      children: i ? /* @__PURE__ */ j(U, {
+        children: [/* @__PURE__ */ v(bt, {
+          onClick: p,
           type: "button"
-        }), /* @__PURE__ */ jsx(MobileSortTooltip, {
+        }), /* @__PURE__ */ v(xt, {
           initial: {
             transform: "scale(0)",
             opacity: 0
@@ -1307,124 +1731,112 @@ const MobileSortMenu = ({
           transition: {
             type: "tween"
           },
-          children: sortableColumns.map((column) => /* @__PURE__ */ jsxs(MobileSortTooltipOption, {
-            onClick: handleSortingChange(column),
-            children: [/* @__PURE__ */ jsx("p", {
-              children: column.label
-            }), column.name === sortedColumn ? sortedOrder === "desc" ? /* @__PURE__ */ jsx(BiSortDown, {
+          children: f.map((b) => /* @__PURE__ */ j(gt, {
+            onClick: u(b),
+            children: [/* @__PURE__ */ v("p", {
+              children: b.label
+            }), b.name === c ? n === "desc" ? /* @__PURE__ */ v(Ve, {
               size: "1.25rem"
-            }) : /* @__PURE__ */ jsx(BiSortUp, {
+            }) : /* @__PURE__ */ v(He, {
               size: "1.25rem"
             }) : null]
-          }, column.key))
+          }, b.key))
         })]
       }) : null
     })]
   }) : null;
-};
-const defaultSortingHandler = (_) => void 0;
-const TableContext = createContext({});
-const Table = ({
-  columns = [],
-  children,
-  customCss,
-  sorting,
-  onSortingChange = defaultSortingHandler,
-  mobileBreakpoint = 900
+}, _t = (r) => {
+}, tr = $r({}), Ft = ({
+  columns: r = [],
+  children: o,
+  customCss: n,
+  sorting: c,
+  onSortingChange: f = _t,
+  mobileBreakpoint: d = 900
 }) => {
-  const handleSortChange = useCallback((column) => (order) => {
-    if (!(column == null ? void 0 : column.sortable))
-      return;
-    onSortingChange({
-      column: column.name,
-      order
+  const x = X((p) => (u) => {
+    p != null && p.sortable && f({
+      column: p.name,
+      order: u
     });
-  }, [onSortingChange]);
-  useEffect(() => {
-    const effectiveChildren = children.flat().filter(Boolean);
-    validateProps({
-      columns,
-      children: effectiveChildren,
-      mobileBreakpoint
+  }, [f]);
+  Ge(() => {
+    const p = o.flat().filter(Boolean);
+    mt({
+      columns: r,
+      children: p,
+      mobileBreakpoint: d
     });
-  }, [children, columns, mobileBreakpoint]);
-  const columnTemplate = useMemo(() => buildColumnTemplate(columns), [columns]);
-  const indexedColumns = useMemo(() => {
-    return columns.map((column, index) => __spreadProps(__spreadValues({}, column), {
-      index,
-      key: `${column.name}-${index}`
-    }));
-  }, [columns]);
-  return /* @__PURE__ */ jsx(TableContext.Provider, {
+  }, [o, r, d]);
+  const i = N(() => Ze(r), [r]), l = N(() => r.map((p, u) => ({
+    ...p,
+    index: u,
+    key: `${p.name}-${u}`
+  })), [r]);
+  return /* @__PURE__ */ v(tr.Provider, {
     value: {
-      columns: indexedColumns,
-      sortedOrder: sorting == null ? void 0 : sorting.order,
-      sortedColumn: sorting == null ? void 0 : sorting.column
+      columns: l,
+      sortedOrder: c == null ? void 0 : c.order,
+      sortedColumn: c == null ? void 0 : c.column
     },
-    children: /* @__PURE__ */ jsxs(TableWrapper, {
-      columnTemplate,
-      customCss,
-      mobileBreakpoint,
-      layout: true,
-      children: [/* @__PURE__ */ jsx(MobileSortMenu, {
-        onSortingChange: handleSortChange
-      }), /* @__PURE__ */ jsx(TableHeaderRow, {
-        layout: true,
-        children: indexedColumns.map((column) => /* @__PURE__ */ jsx(TableHeader, {
-          column,
-          onSort: handleSortChange(column)
-        }, column.key))
-      }), /* @__PURE__ */ jsx(TableBody, {
-        children: children.map((child, idx) => /* @__PURE__ */ jsx(Fragment$1, {
-          children: child
-        }, idx))
+    children: /* @__PURE__ */ j(rt, {
+      columnTemplate: i,
+      customCss: n,
+      mobileBreakpoint: d,
+      layout: !0,
+      children: [/* @__PURE__ */ v(Et, {
+        onSortingChange: x
+      }), /* @__PURE__ */ v(ot, {
+        layout: !0,
+        children: l.map((p) => /* @__PURE__ */ v(vt, {
+          column: p,
+          onSort: x(p)
+        }, p.key))
+      }), /* @__PURE__ */ v(it, {
+        children: o.map((p, u) => /* @__PURE__ */ v(Fr, {
+          children: p
+        }, u))
       })]
     })
   });
 };
-function useTable() {
-  const context = useContext(TableContext);
-  if (!context) {
+function Z() {
+  const r = Dr(tr);
+  if (!r)
     throw new Error("useTable and TableRow must be used within a Table");
-  }
-  return context;
+  return r;
 }
-const TableRow = (_c) => {
-  var _d = _c, {
-    children,
-    className,
-    annex
-  } = _d, other = __objRest(_d, [
-    "children",
-    "className",
-    "annex"
-  ]);
+const ar = ({
+  children: r,
+  className: o,
+  annex: n,
+  ...c
+}) => {
   const {
-    columns = []
-  } = useTable();
-  const rowId = useMemo(() => `table-row-${Math.random().toString(16).slice(2)}`, []);
-  return /* @__PURE__ */ jsx(Fragment, {
-    children: /* @__PURE__ */ jsxs(TableRowContainer, __spreadProps(__spreadValues({
-      layout: true,
-      className
-    }, other), {
-      children: [/* @__PURE__ */ jsx(TableRowWrapper, {
-        id: rowId,
-        layoutId: rowId,
+    columns: f = []
+  } = Z(), d = N(() => `table-row-${Math.random().toString(16).slice(2)}`, []);
+  return /* @__PURE__ */ v(U, {
+    children: /* @__PURE__ */ j(at, {
+      layout: !0,
+      className: o,
+      ...c,
+      children: [/* @__PURE__ */ v(nt, {
+        id: d,
+        layoutId: d,
         className: "TableRow",
-        children: columns.map((column) => /* @__PURE__ */ jsxs(TableCellWrapper, {
-          className: `TableCellWrapper column-${column.index}`,
-          children: [/* @__PURE__ */ jsx(TableCellRef, {
-            className: `TableCellRef column-${column.index}`,
-            children: column.label
-          }), /* @__PURE__ */ jsx(TableCell, {
-            className: `TableCell column-${column.index}`,
-            children: children[column.index] || null
+        children: f.map((x) => /* @__PURE__ */ j(ct, {
+          className: `TableCellWrapper column-${x.index}`,
+          children: [/* @__PURE__ */ v(pt, {
+            className: `TableCellRef column-${x.index}`,
+            children: x.label
+          }), /* @__PURE__ */ v(st, {
+            className: `TableCell column-${x.index}`,
+            children: r[x.index] || null
           })]
-        }, column.key))
-      }), /* @__PURE__ */ jsx(AnimatePresence, {
-        children: annex ? /* @__PURE__ */ jsx(TableRowAnnexWrapper, {
-          layoutId: `${rowId}-annex`,
+        }, x.key))
+      }), /* @__PURE__ */ v(Ke, {
+        children: n ? /* @__PURE__ */ v(tt, {
+          layoutId: `${d}-annex`,
           initial: {
             opacity: 0
           },
@@ -1441,23 +1853,34 @@ const TableRow = (_c) => {
           transition: {
             type: "tween"
           },
-          "aria-details": rowId,
+          "aria-details": d,
           className: "TableRowAnnex",
-          children: annex
+          children: n
         }, "annex") : null
       })]
-    }))
+    })
   });
 };
-TableRow.displayName = "TableRow";
-const EmptyRow = () => {
+ar.displayName = "TableRow";
+const kt = () => {
   const {
-    columns = []
-  } = useTable();
-  return /* @__PURE__ */ jsx(TableRow, {
+    columns: r = []
+  } = Z();
+  return /* @__PURE__ */ v(ar, {
     className: "empty_row",
-    children: Array(columns.length).fill(null)
+    children: Array(r.length).fill(null)
   });
 };
-EmptyRow.displayName = "EmptyRow";
-export { Button, EmptyRow, PreventScroll, Spinner, Table, TableRow, binamikCssReset, binamikGlobalStyles, binamikTheme, depth };
+kt.displayName = "EmptyRow";
+export {
+  At as Button,
+  kt as EmptyRow,
+  $t as PreventScroll,
+  Yr as Spinner,
+  Ft as Table,
+  ar as TableRow,
+  jt as binamikCssReset,
+  St as binamikGlobalStyles,
+  Pt as binamikTheme,
+  Zr as depth
+};