@binamik/components 0.1.1 → 0.1.3

package/dist/binamik-components.es.js

@@ -1,38 +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 require$$0 from "react";
-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;
@@ -45,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%;
@@ -73,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 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;
+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);
   }
-}
-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];
-      }
+  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;
     }
-    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
  *
@@ -158,66 +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 = require$$0, 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 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 };
+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;
 }
-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 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;
 
@@ -231,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;
   }
 
@@ -278,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;
@@ -426,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,
@@ -513,8 +1020,7 @@ const binamikCssReset = css`
     background-clip: text;
     -webkit-background-clip: text;
   }
-`;
-const binamikGlobalStyles = css`
+`, St = F`
   body {
     line-height: 1;
     color: #444;
@@ -576,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",
@@ -624,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",
@@ -651,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",
@@ -678,19 +1160,727 @@ 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;
         }
       `
+}), pe = 480, Qr = (r) => Math.max(r.mobileBreakpoint, pe), et = {
+  shouldForwardProp(r) {
+    return !["columnTemplate", "mobileBreakpoint", "customCss"].includes(r);
+  }
+}, rt = R(D.div, et)`
+  --radius: 0.625rem;
+  --column-template: ${(r) => r.columnTemplate};
+  --table-padding: 1.875rem;
+
+  --header-row-display: grid;
+  --label-background: rgba(0, 0, 0, 0.045);
+  --highlight-transition: 150ms ease-in-out;
+
+  --row-padding: 0.5rem;
+  --row-margin: 0;
+  --row-border: none;
+  --row-even-background: var(--clr-gray14);
+  --row-odd-background: var(--clr-white);
+  --row-hover-background: var(--clr-gray11);
+
+  --cell-column-template: 1fr;
+  --cell-padding: 0.75rem;
+
+  --row-annex-border: 1px solid var(--clr-gray7);
+  --row-annex-padding: calc(var(--row-padding) + var(--cell-padding));
+  --row-annex-margin: 0 var(--row-annex-padding) var(--row-annex-padding);
+
+  --mobile-decorators-content: none;
+  --mobile-ref-width: 20ch;
+  --mobile-ref-display: none;
+  --mobile-sorting-display: none;
+
+  --table-row-height: 3.75rem;
+
+  width: 100%;
+  color: #2d2d2d;
+  line-height: 1.25;
+  border-collapse: collapse;
+  background-color: var(--clr-white);
+  border: 1px solid var(--clr-gray11);
+  padding: var(--table-padding);
+  border-radius: var(--radius);
+  font-size: 0.875rem;
+  position: relative;
+
+  * {
+    box-sizing: border-box;
+  }
+
+  @media (max-width: ${Qr}px) {
+    --column-template: 1fr;
+
+    --header-row-display: none;
+
+    --row-padding: 0;
+    --row-margin: 1rem 0;
+    --row-border: 1px solid var(--clr-gray7);
+    --row-even-background: var(--clr-gray15);
+    --row-hover-background: var(--clr-gray14);
+
+    --cell-column-template: var(--mobile-ref-width) minmax(0, 1fr);
+    --cell-padding: 1rem;
+
+    --row-annex-padding: var(--cell-padding);
+    --row-annex-margin: var(--row-annex-padding);
+
+    --mobile-decorators-content: '';
+    --mobile-ref-display: block;
+    --mobile-sorting-display: flex;
+    --mobile-cell-display: grid;
+  }
+
+  @media (max-width: 480px) {
+    --table-padding: 1.25rem;
+
+    --cell-padding: 0.9rem 0.8rem;
+    --mobile-ref-width: 15ch;
+  }
+
+  @media (max-width: 360px) {
+    --table-padding: 0.7rem;
+    --cell-padding: 0.8rem 0.65rem;
+  }
+
+  ${(r) => r.customCss}
+`, tt = R(D.div)`
+  width: auto;
+  position: relative;
+  border: var(--row-annex-border);
+  border-radius: var(--radius);
+  margin: var(--row-annex-margin);
+  padding: var(--row-annex-padding);
+  background-color: rgba(255, 255, 255, 0.6);
+  transition: background-color var(--highlight-transition);
+`, Xe = F`
+  display: grid;
+  width: 100%;
+  grid-template-columns: var(--column-template);
+  padding: var(--row-padding);
+  border-radius: var(--radius);
+  transition: background-color var(--highlight-transition);
+  min-height: var(--table-row-height);
+  color: var(--clr-gray3);
+  min-height: 0;
+  min-width: 0;
+`, at = R(D.li)`
+  margin: var(--row-margin);
+  border: var(--row-border);
+  border-radius: var(--radius);
+  padding: 0.01px 0;
+  transition: background-color var(--highlight-transition);
+  background-color: var(--clr-white);
+
+  &:first-of-type {
+    margin-top: 0;
+  }
+  &:last-of-type {
+    margin-bottom: 0;
+  }
+  &:nth-of-type(even) {
+    background-color: var(--row-even-background);
+  }
+  &:nth-of-type(odd) {
+    background-color: var(--row-odd-background);
+  }
+  &:not(.empty_row):hover {
+    background-color: var(--row-hover-background);
+  }
+`, nt = R(D.div)`
+  ${Xe}
+
+  max-width: 100%;
+  min-width: 0;
+
+  &:last-of-type .TableCellWrapper:last-of-type::before {
+    border-radius: 0 0 var(--radius) var(--radius);
+  }
+  &:last-of-type .TableCellWrapper:last-of-type .TableCellRef {
+    border-radius: 0 0 0 var(--radius);
+  }
+`, 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);
+`, it = R(D.ul)`
+  width: 100%;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+`, fe = F`
+  padding: var(--cell-padding);
+  height: 100%;
+  display: flex;
+  align-items: center;
+  margin: 0;
+`, lt = F`
+  position: relative;
+
+  &::before {
+    content: var(--mobile-decorators-content);
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+    z-index: 0;
+    background-color: transparent;
+    transition: background-color var(--highlight-transition);
+  }
+
+  &:nth-of-type(even) {
+    &::before {
+      background-color: rgba(0, 0, 0, 0.02);
+    }
+  }
+
+  &:hover {
+    &::before {
+      background-color: rgba(0, 0, 0, 0.06);
+    }
+  }
+
+  &:first-of-type::before {
+    border-radius: var(--radius) var(--radius) 0 0;
+  }
+`, st = R.div`
+  ${fe}
+
+  width: 100%;
+`, ct = R.div`
+  ${lt}
+
+  min-width: 0;
+
+  display: var(--mobile-cell-display, flex);
+
+  margin: 0;
+  width: 100%;
+  align-items: center;
+  grid-template-columns: var(--cell-column-template);
+
+  & > * {
+    border-radius: none;
+  }
+
+  &:first-of-type {
+    .TableCellRef {
+      border-radius: var(--radius) 0 0 0;
+    }
+  }
+`, pt = R.div`
+  ${fe}
+
+  display: var(--mobile-ref-display);
+  background-color: var(--label-background);
+  font-weight: bold;
+  color: var(--clr-gray3);
+`, ut = F`
+  &.sortable,
+  &.sorted-asc,
+  &.sorted-desc {
+    cursor: pointer;
+    position: relative;
+    padding-left: 3.5ch;
+  }
+
+  &::after,
+  &::before {
+    content: '';
+    display: block;
+    position: absolute;
+    height: 0.8ch;
+    width: 0.8ch;
+    border: 0 solid var(--clr-gray3);
+    transform: rotate(45deg);
+    left: var(--cell-padding);
+  }
+  &::before {
+    border-width: 1.5px 0 0 1.5px;
+    margin-bottom: 1.2ch;
+  }
+  &::after {
+    border-width: 0 1.5px 1.5px 0;
+    margin-top: 0.8ch;
+  }
+  &:not(.sortable) {
+    cursor: default;
+    &::before,
+    &::after {
+      content: none;
+    }
+  }
+  &.sorted-desc {
+    &::before {
+      content: none;
+    }
+    &::after {
+      content: '';
+      margin-top: 0;
+      margin-bottom: 0.65ch;
+    }
+  }
+  &.sorted-asc {
+    &::after {
+      content: none;
+    }
+    &::before {
+      content: '';
+      margin-bottom: 0;
+      margin-top: 0.2ch;
+    }
+  }
+`, dt = R.div`
+  ${fe}
+  transition: background-color var(--highlight-transition);
+  border-radius: var(--radius);
+
+  &:hover {
+    background-color: var(--clr-gray8);
+  }
+
+  ${ut}
+`, ft = R(D.button)`
+  display: var(--mobile-sorting-display);
+  align-items: center;
+  color: var(--clr-gray3);
+  margin: 0.5rem;
+  background-color: var(--clr-gray12);
+  border-radius: var(--radius);
+  padding: 0.5rem;
+  margin: -0.5rem 0 1rem auto;
+  cursor: default;
+
+  > svg {
+    margin-right: 0.5rem;
+    font-size: 1.75rem;
+  }
+
+  > p {
+    margin-right: 0.25rem;
+  }
+
+  &.sortable {
+    cursor: pointer;
+    &:hover {
+      background-color: var(--clr-gray8);
+    }
+
+    &::after {
+      content: '';
+      display: inline-block;
+      width: 0.4rem;
+      height: 0.4rem;
+      border: 1px solid var(--clr-gray4);
+      border-width: 0 1px 1px 0;
+      transform: rotate(45deg);
+      margin: 0 0.25rem;
+      transition:
+        transform 300ms,
+        margin 300ms;
+      margin-bottom: 0.25rem;
+    }
+
+    &.open {
+      z-index: 11;
+      &::after {
+        transform: rotate(225deg);
+        margin-top: 0.1rem;
+        margin-bottom: 0;
+      }
+    }
+  }
+`, xt = R(D.div)`
+  position: absolute;
+  top: 2.5rem;
+  right: 0;
+  background-color: var(--clr-white);
+  color: var(--clr-gray3);
+  margin: var(--table-padding);
+  padding: 0.5rem;
+  border-radius: var(--radius);
+  z-index: 11;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  border: 1px solid var(--clr-gray10);
+  overflow: auto;
+  max-height: calc(100vh - 5rem);
+  transform-origin: top right;
+  ${Zr(8)}
+`, gt = R.button`
+  background-color: var(--clr-white);
+  padding: 0.5rem;
+  border-radius: var(--radius);
+  color: inherit;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-direction: row-reverse;
+  width: 100%;
+
+  > p {
+    margin: 0.17rem 0;
+    margin-right: 0.25rem;
+    margin-left: 1.75rem;
+    &:not(:last-child) {
+      margin-left: 0.5rem;
+    }
+  }
+  &:hover {
+    background-color: var(--clr-gray8);
+  }
+`, bt = R(D.button)`
+  position: fixed;
+  inset: 0;
+  z-index: 10;
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+  cursor: default;
+`, 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
+}) => {
+  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}`
+    );
   });
+  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}`
+    );
+  });
+}, Qe = (r) => r !== "asc" ? "asc" : "desc", vt = ({
+  column: r,
+  onSort: o
+}) => {
+  const {
+    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 er = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+}, 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 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 rr(r) {
+  return r && r.map(function(o, n) {
+    return O.createElement(o.tag, B({
+      key: n
+    }, o.attr), rr(o.child));
+  });
+}
+function xe(r) {
+  return function(o) {
+    return O.createElement(yt, B({
+      attr: B({}, r.attr)
+    }, o), rr(r.child));
+  };
+}
+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"
+    }, 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"
+    }), d && O.createElement("title", null, d), r.children);
+  };
+  return Ue !== void 0 ? O.createElement(Ue.Consumer, null, function(n) {
+    return o(n);
+  }) : o(er);
+}
+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 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 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 Et = ({
+  onSortingChange: r
+}) => {
+  const {
+    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: !0,
+      children: [x && (!d || !n) ? /* @__PURE__ */ j(U, {
+        children: [/* @__PURE__ */ v(wt, {}), /* @__PURE__ */ v("p", {
+          children: "Ordenar"
+        })]
+      }) : null, d && n ? /* @__PURE__ */ j(U, {
+        children: [n === "asc" ? /* @__PURE__ */ v(Ve, {}) : /* @__PURE__ */ v(He, {}), /* @__PURE__ */ v("p", {
+          children: d
+        })]
+      }) : null]
+    }), /* @__PURE__ */ v(Ke, {
+      children: i ? /* @__PURE__ */ j(U, {
+        children: [/* @__PURE__ */ v(bt, {
+          onClick: p,
+          type: "button"
+        }), /* @__PURE__ */ v(xt, {
+          initial: {
+            transform: "scale(0)",
+            opacity: 0
+          },
+          animate: {
+            transform: "scale(1)",
+            opacity: 1
+          },
+          exit: {
+            transform: "scale(0)",
+            opacity: 0
+          },
+          transition: {
+            type: "tween"
+          },
+          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__ */ v(He, {
+              size: "1.25rem"
+            }) : null]
+          }, b.key))
+        })]
+      }) : null
+    })]
+  }) : null;
+}, _t = (r) => {
+}, tr = $r({}), Ft = ({
+  columns: r = [],
+  children: o,
+  customCss: n,
+  sorting: c,
+  onSortingChange: f = _t,
+  mobileBreakpoint: d = 900
+}) => {
+  const x = X((p) => (u) => {
+    p != null && p.sortable && f({
+      column: p.name,
+      order: u
+    });
+  }, [f]);
+  Ge(() => {
+    const p = o.flat().filter(Boolean);
+    mt({
+      columns: r,
+      children: p,
+      mobileBreakpoint: d
+    });
+  }, [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: l,
+      sortedOrder: c == null ? void 0 : c.order,
+      sortedColumn: c == null ? void 0 : c.column
+    },
+    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 Z() {
+  const r = Dr(tr);
+  if (!r)
+    throw new Error("useTable and TableRow must be used within a Table");
+  return r;
+}
+const ar = ({
+  children: r,
+  className: o,
+  annex: n,
+  ...c
+}) => {
+  const {
+    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: 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
+          })]
+        }, x.key))
+      }), /* @__PURE__ */ v(Ke, {
+        children: n ? /* @__PURE__ */ v(tt, {
+          layoutId: `${d}-annex`,
+          initial: {
+            opacity: 0
+          },
+          animate: {
+            opacity: 1
+          },
+          exit: {
+            opacity: 0,
+            height: 0,
+            padding: 0,
+            margin: 0,
+            overflow: "hidden"
+          },
+          transition: {
+            type: "tween"
+          },
+          "aria-details": d,
+          className: "TableRowAnnex",
+          children: n
+        }, "annex") : null
+      })]
+    })
+  });
+};
+ar.displayName = "TableRow";
+const kt = () => {
+  const {
+    columns: r = []
+  } = Z();
+  return /* @__PURE__ */ v(ar, {
+    className: "empty_row",
+    children: Array(r.length).fill(null)
+  });
+};
+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
 };
-export { Button, PreventScroll, Spinner, binamikCssReset, binamikGlobalStyles, binamikTheme, depth };