@coinloger/dev-ui 0.0.3 → 0.0.4

package/dist/{dev-ui.js → index.js}

@@ -1,5 +1,5 @@
-import $, { createContext as Ie, useRef as Ae, useEffect as ne, useContext as ie, useState as Fe, forwardRef as L, useId as Rr } from "react";
-import { createPortal as _r } from "react-dom";
+import $, { createContext as Ie, useRef as Ae, useEffect as ne, useContext as ie, useState as Fe, forwardRef as L, useId as Rr, useMemo as _r } from "react";
+import { createPortal as wr } from "react-dom";
 var ae = { exports: {} }, Y = {};
 /**
  * @license React
@@ -11,16 +11,16 @@ var ae = { exports: {} }, Y = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Pe;
-function wr() {
+function Tr() {
   if (Pe) return Y;
   Pe = 1;
-  var t = $, a = Symbol.for("react.element"), s = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, l = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function f(v, p, j) {
-    var g, y = {}, C = null, S = null;
+  var t = $, n = Symbol.for("react.element"), s = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, u = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function f(d, p, j) {
+    var g, x = {}, C = null, S = null;
     j !== void 0 && (C = "" + j), p.key !== void 0 && (C = "" + p.key), p.ref !== void 0 && (S = p.ref);
-    for (g in p) o.call(p, g) && !c.hasOwnProperty(g) && (y[g] = p[g]);
-    if (v && v.defaultProps) for (g in p = v.defaultProps, p) y[g] === void 0 && (y[g] = p[g]);
-    return { $$typeof: a, type: v, key: C, ref: S, props: y, _owner: l.current };
+    for (g in p) a.call(p, g) && !l.hasOwnProperty(g) && (x[g] = p[g]);
+    if (d && d.defaultProps) for (g in p = d.defaultProps, p) x[g] === void 0 && (x[g] = p[g]);
+    return { $$typeof: n, type: d, key: C, ref: S, props: x, _owner: u.current };
   }
   return Y.Fragment = s, Y.jsx = f, Y.jsxs = f, Y;
 }
@@ -35,48 +35,48 @@ var B = {};
  * LICENSE file in the root directory of this source tree.
  */
 var $e;
-function Tr() {
+function kr() {
   return $e || ($e = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = $, a = Symbol.for("react.element"), s = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), v = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), O = Symbol.iterator, q = "@@iterator";
+    var t = $, n = Symbol.for("react.element"), s = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), u = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), d = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), N = Symbol.iterator, q = "@@iterator";
     function G(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = O && e[O] || e[q];
+      var r = N && e[N] || e[q];
       return typeof r == "function" ? r : null;
     }
     var _ = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function w(e) {
       {
-        for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), u = 1; u < r; u++)
-          n[u - 1] = arguments[u];
-        Be("error", e, n);
+        for (var r = arguments.length, i = new Array(r > 1 ? r - 1 : 0), c = 1; c < r; c++)
+          i[c - 1] = arguments[c];
+        Be("error", e, i);
       }
     }
-    function Be(e, r, n) {
+    function Be(e, r, i) {
       {
-        var u = _.ReactDebugCurrentFrame, h = u.getStackAddendum();
-        h !== "" && (r += "%s", n = n.concat([h]));
-        var b = n.map(function(m) {
+        var c = _.ReactDebugCurrentFrame, b = c.getStackAddendum();
+        b !== "" && (r += "%s", i = i.concat([b]));
+        var h = i.map(function(m) {
           return String(m);
         });
-        b.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, b);
+        h.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, h);
       }
     }
     var Ve = !1, Ue = !1, Je = !1, Ke = !1, qe = !1, se;
     se = Symbol.for("react.module.reference");
     function Ge(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === c || qe || e === l || e === j || e === g || Ke || e === S || Ve || Ue || Je || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === y || e.$$typeof === f || e.$$typeof === v || e.$$typeof === p || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === a || e === l || qe || e === u || e === j || e === g || Ke || e === S || Ve || Ue || Je || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === x || e.$$typeof === f || e.$$typeof === d || e.$$typeof === p || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       e.$$typeof === se || e.getModuleId !== void 0));
     }
-    function He(e, r, n) {
-      var u = e.displayName;
-      if (u)
-        return u;
-      var h = r.displayName || r.name || "";
-      return h !== "" ? n + "(" + h + ")" : n;
+    function He(e, r, i) {
+      var c = e.displayName;
+      if (c)
+        return c;
+      var b = r.displayName || r.name || "";
+      return b !== "" ? i + "(" + b + ")" : i;
     }
     function ue(e) {
       return e.displayName || "Context";
@@ -89,13 +89,13 @@ function Tr() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case o:
+        case a:
           return "Fragment";
         case s:
           return "Portal";
-        case c:
-          return "Profiler";
         case l:
+          return "Profiler";
+        case u:
           return "StrictMode";
         case j:
           return "Suspense";
@@ -104,21 +104,21 @@ function Tr() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case v:
+          case d:
             var r = e;
             return ue(r) + ".Consumer";
           case f:
-            var n = e;
-            return ue(n._context) + ".Provider";
+            var i = e;
+            return ue(i._context) + ".Provider";
           case p:
             return He(e, e.render, "ForwardRef");
-          case y:
-            var u = e.displayName || null;
-            return u !== null ? u : P(e.type) || "Memo";
+          case x:
+            var c = e.displayName || null;
+            return c !== null ? c : P(e.type) || "Memo";
           case C: {
-            var h = e, b = h._payload, m = h._init;
+            var b = e, h = b._payload, m = b._init;
             try {
-              return P(m(b));
+              return P(m(h));
             } catch {
               return null;
             }
@@ -126,18 +126,18 @@ function Tr() {
         }
       return null;
     }
-    var I = Object.assign, M = 0, le, ce, fe, de, ve, pe, me;
-    function he() {
+    var I = Object.assign, M = 0, ce, le, fe, de, ve, pe, me;
+    function be() {
     }
-    he.__reactDisabledLog = !0;
+    be.__reactDisabledLog = !0;
     function ze() {
       {
         if (M === 0) {
-          le = console.log, ce = console.info, fe = console.warn, de = console.error, ve = console.group, pe = console.groupCollapsed, me = console.groupEnd;
+          ce = console.log, le = console.info, fe = console.warn, de = console.error, ve = console.group, pe = console.groupCollapsed, me = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: he,
+            value: be,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -163,10 +163,10 @@ function Tr() {
           };
           Object.defineProperties(console, {
             log: I({}, e, {
-              value: le
+              value: ce
             }),
             info: I({}, e, {
-              value: ce
+              value: le
             }),
             warn: I({}, e, {
               value: fe
@@ -189,14 +189,14 @@ function Tr() {
       }
     }
     var H = _.ReactCurrentDispatcher, z;
-    function V(e, r, n) {
+    function V(e, r, i) {
       {
         if (z === void 0)
           try {
             throw Error();
-          } catch (h) {
-            var u = h.stack.trim().match(/\n( *(at )?)/);
-            z = u && u[1] || "";
+          } catch (b) {
+            var c = b.stack.trim().match(/\n( *(at )?)/);
+            z = c && c[1] || "";
           }
         return `
 ` + z + e;
@@ -207,20 +207,20 @@ function Tr() {
       var Ze = typeof WeakMap == "function" ? WeakMap : Map;
       U = new Ze();
     }
-    function be(e, r) {
+    function he(e, r) {
       if (!e || X)
         return "";
       {
-        var n = U.get(e);
-        if (n !== void 0)
-          return n;
+        var i = U.get(e);
+        if (i !== void 0)
+          return i;
       }
-      var u;
+      var c;
       X = !0;
-      var h = Error.prepareStackTrace;
+      var b = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var b;
-      b = H.current, H.current = null, ze();
+      var h;
+      h = H.current, H.current = null, ze();
       try {
         if (r) {
           var m = function() {
@@ -234,14 +234,14 @@ function Tr() {
             try {
               Reflect.construct(m, []);
             } catch (k) {
-              u = k;
+              c = k;
             }
             Reflect.construct(e, [], m);
           } else {
             try {
               m.call();
             } catch (k) {
-              u = k;
+              c = k;
             }
             e.call(m.prototype);
           }
@@ -249,47 +249,47 @@ function Tr() {
           try {
             throw Error();
           } catch (k) {
-            u = k;
+            c = k;
           }
           e();
         }
       } catch (k) {
-        if (k && u && typeof k.stack == "string") {
-          for (var d = k.stack.split(`
-`), T = u.stack.split(`
-`), E = d.length - 1, R = T.length - 1; E >= 1 && R >= 0 && d[E] !== T[R]; )
+        if (k && c && typeof k.stack == "string") {
+          for (var v = k.stack.split(`
+`), T = c.stack.split(`
+`), E = v.length - 1, R = T.length - 1; E >= 1 && R >= 0 && v[E] !== T[R]; )
             R--;
           for (; E >= 1 && R >= 0; E--, R--)
-            if (d[E] !== T[R]) {
+            if (v[E] !== T[R]) {
               if (E !== 1 || R !== 1)
                 do
-                  if (E--, R--, R < 0 || d[E] !== T[R]) {
-                    var N = `
-` + d[E].replace(" at new ", " at ");
-                    return e.displayName && N.includes("<anonymous>") && (N = N.replace("<anonymous>", e.displayName)), typeof e == "function" && U.set(e, N), N;
+                  if (E--, R--, R < 0 || v[E] !== T[R]) {
+                    var O = `
+` + v[E].replace(" at new ", " at ");
+                    return e.displayName && O.includes("<anonymous>") && (O = O.replace("<anonymous>", e.displayName)), typeof e == "function" && U.set(e, O), O;
                   }
                 while (E >= 1 && R >= 0);
               break;
             }
         }
       } finally {
-        X = !1, H.current = b, Xe(), Error.prepareStackTrace = h;
+        X = !1, H.current = h, Xe(), Error.prepareStackTrace = b;
       }
       var D = e ? e.displayName || e.name : "", A = D ? V(D) : "";
       return typeof e == "function" && U.set(e, A), A;
     }
-    function Qe(e, r, n) {
-      return be(e, !1);
+    function Qe(e, r, i) {
+      return he(e, !1);
     }
     function er(e) {
       var r = e.prototype;
       return !!(r && r.isReactComponent);
     }
-    function J(e, r, n) {
+    function J(e, r, i) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return be(e, er(e));
+        return he(e, er(e));
       if (typeof e == "string")
         return V(e);
       switch (e) {
@@ -302,42 +302,42 @@ function Tr() {
         switch (e.$$typeof) {
           case p:
             return Qe(e.render);
-          case y:
-            return J(e.type, r, n);
+          case x:
+            return J(e.type, r, i);
           case C: {
-            var u = e, h = u._payload, b = u._init;
+            var c = e, b = c._payload, h = c._init;
             try {
-              return J(b(h), r, n);
+              return J(h(b), r, i);
             } catch {
             }
           }
         }
       return "";
     }
-    var W = Object.prototype.hasOwnProperty, xe = {}, ge = _.ReactDebugCurrentFrame;
+    var W = Object.prototype.hasOwnProperty, ye = {}, ge = _.ReactDebugCurrentFrame;
     function K(e) {
       if (e) {
-        var r = e._owner, n = J(e.type, e._source, r ? r.type : null);
-        ge.setExtraStackFrame(n);
+        var r = e._owner, i = J(e.type, e._source, r ? r.type : null);
+        ge.setExtraStackFrame(i);
       } else
         ge.setExtraStackFrame(null);
     }
-    function rr(e, r, n, u, h) {
+    function rr(e, r, i, c, b) {
       {
-        var b = Function.call.bind(W);
+        var h = Function.call.bind(W);
         for (var m in e)
-          if (b(e, m)) {
-            var d = void 0;
+          if (h(e, m)) {
+            var v = void 0;
             try {
               if (typeof e[m] != "function") {
-                var T = Error((u || "React class") + ": " + n + " 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`.");
+                var T = Error((c || "React class") + ": " + i + " 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;
               }
-              d = e[m](r, m, u, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              v = e[m](r, m, c, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (E) {
-              d = E;
+              v = E;
             }
-            d && !(d instanceof Error) && (K(h), w("%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).", u || "React class", n, m, typeof d), K(null)), d instanceof Error && !(d.message in xe) && (xe[d.message] = !0, K(h), w("Failed %s type: %s", n, d.message), K(null));
+            v && !(v instanceof Error) && (K(b), w("%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).", c || "React class", i, m, typeof v), K(null)), v instanceof Error && !(v.message in ye) && (ye[v.message] = !0, K(b), w("Failed %s type: %s", i, v.message), K(null));
           }
       }
     }
@@ -347,23 +347,23 @@ function Tr() {
     }
     function nr(e) {
       {
-        var r = typeof Symbol == "function" && Symbol.toStringTag, n = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return n;
+        var r = typeof Symbol == "function" && Symbol.toStringTag, i = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return i;
       }
     }
     function ar(e) {
       try {
-        return ye(e), !1;
+        return xe(e), !1;
       } catch {
         return !0;
       }
     }
-    function ye(e) {
+    function xe(e) {
       return "" + e;
     }
     function je(e) {
       if (ar(e))
-        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", nr(e)), ye(e);
+        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", nr(e)), xe(e);
     }
     var Ee = _.ReactCurrentOwner, ir = {
       key: !0,
@@ -390,87 +390,87 @@ function Tr() {
     function ur(e, r) {
       typeof e.ref == "string" && Ee.current;
     }
-    function lr(e, r) {
+    function cr(e, r) {
       {
-        var n = function() {
+        var i = function() {
           Re || (Re = !0, w("%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)", r));
         };
-        n.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: n,
+        i.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: i,
           configurable: !0
         });
       }
     }
-    function cr(e, r) {
+    function lr(e, r) {
       {
-        var n = function() {
+        var i = function() {
           _e || (_e = !0, w("%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)", r));
         };
-        n.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: n,
+        i.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: i,
           configurable: !0
         });
       }
     }
-    var fr = function(e, r, n, u, h, b, m) {
-      var d = {
+    var fr = function(e, r, i, c, b, h, m) {
+      var v = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: a,
+        $$typeof: n,
         // Built-in properties that belong on the element
         type: e,
         key: r,
-        ref: n,
+        ref: i,
         props: m,
         // Record the component responsible for creating this element.
-        _owner: b
+        _owner: h
       };
-      return d._store = {}, Object.defineProperty(d._store, "validated", {
+      return v._store = {}, Object.defineProperty(v._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(d, "_self", {
+      }), Object.defineProperty(v, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: u
-      }), Object.defineProperty(d, "_source", {
+        value: c
+      }), Object.defineProperty(v, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: h
-      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
+        value: b
+      }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
     };
-    function dr(e, r, n, u, h) {
+    function dr(e, r, i, c, b) {
       {
-        var b, m = {}, d = null, T = null;
-        n !== void 0 && (je(n), d = "" + n), sr(r) && (je(r.key), d = "" + r.key), or(r) && (T = r.ref, ur(r, h));
-        for (b in r)
-          W.call(r, b) && !ir.hasOwnProperty(b) && (m[b] = r[b]);
+        var h, m = {}, v = null, T = null;
+        i !== void 0 && (je(i), v = "" + i), sr(r) && (je(r.key), v = "" + r.key), or(r) && (T = r.ref, ur(r, b));
+        for (h in r)
+          W.call(r, h) && !ir.hasOwnProperty(h) && (m[h] = r[h]);
         if (e && e.defaultProps) {
           var E = e.defaultProps;
-          for (b in E)
-            m[b] === void 0 && (m[b] = E[b]);
+          for (h in E)
+            m[h] === void 0 && (m[h] = E[h]);
         }
-        if (d || T) {
+        if (v || T) {
           var R = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          d && lr(m, R), T && cr(m, R);
+          v && cr(m, R), T && lr(m, R);
         }
-        return fr(e, d, T, h, u, Ee.current, m);
+        return fr(e, v, T, b, c, Ee.current, m);
       }
     }
     var Q = _.ReactCurrentOwner, we = _.ReactDebugCurrentFrame;
     function F(e) {
       if (e) {
-        var r = e._owner, n = J(e.type, e._source, r ? r.type : null);
-        we.setExtraStackFrame(n);
+        var r = e._owner, i = J(e.type, e._source, r ? r.type : null);
+        we.setExtraStackFrame(i);
       } else
         we.setExtraStackFrame(null);
     }
     var ee;
     ee = !1;
     function re(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === a;
+      return typeof e == "object" && e !== null && e.$$typeof === n;
     }
     function Te() {
       {
@@ -492,10 +492,10 @@ Check the render method of \`` + e + "`.";
       {
         var r = Te();
         if (!r) {
-          var n = typeof e == "string" ? e : e.displayName || e.name;
-          n && (r = `
+          var i = typeof e == "string" ? e : e.displayName || e.name;
+          i && (r = `
 
-Check the top-level render call using <` + n + ">.");
+Check the top-level render call using <` + i + ">.");
         }
         return r;
       }
@@ -505,12 +505,12 @@ Check the top-level render call using <` + n + ">.");
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var n = pr(r);
-        if (ke[n])
+        var i = pr(r);
+        if (ke[i])
           return;
-        ke[n] = !0;
-        var u = "";
-        e && e._owner && e._owner !== Q.current && (u = " It was passed a child from " + P(e._owner.type) + "."), F(e), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, u), F(null);
+        ke[i] = !0;
+        var c = "";
+        e && e._owner && e._owner !== Q.current && (c = " It was passed a child from " + P(e._owner.type) + "."), F(e), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, c), F(null);
       }
     }
     function Se(e, r) {
@@ -518,16 +518,16 @@ Check the top-level render call using <` + n + ">.");
         if (typeof e != "object")
           return;
         if (Z(e))
-          for (var n = 0; n < e.length; n++) {
-            var u = e[n];
-            re(u) && Ce(u, r);
+          for (var i = 0; i < e.length; i++) {
+            var c = e[i];
+            re(c) && Ce(c, r);
           }
         else if (re(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var h = G(e);
-          if (typeof h == "function" && h !== e.entries)
-            for (var b = h.call(e), m; !(m = b.next()).done; )
+          var b = G(e);
+          if (typeof b == "function" && b !== e.entries)
+            for (var h = b.call(e), m; !(m = h.next()).done; )
               re(m.value) && Ce(m.value, r);
         }
       }
@@ -537,251 +537,251 @@ Check the top-level render call using <` + n + ">.");
         var r = e.type;
         if (r == null || typeof r == "string")
           return;
-        var n;
+        var i;
         if (typeof r == "function")
-          n = r.propTypes;
+          i = r.propTypes;
         else if (typeof r == "object" && (r.$$typeof === p || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === y))
-          n = r.propTypes;
+        r.$$typeof === x))
+          i = r.propTypes;
         else
           return;
-        if (n) {
-          var u = P(r);
-          rr(n, e.props, "prop", u, e);
+        if (i) {
+          var c = P(r);
+          rr(i, e.props, "prop", c, e);
         } else if (r.PropTypes !== void 0 && !ee) {
           ee = !0;
-          var h = P(r);
-          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", h || "Unknown");
+          var b = P(r);
+          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", b || "Unknown");
         }
         typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function hr(e) {
+    function br(e) {
       {
-        for (var r = Object.keys(e.props), n = 0; n < r.length; n++) {
-          var u = r[n];
-          if (u !== "children" && u !== "key") {
-            F(e), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", u), F(null);
+        for (var r = Object.keys(e.props), i = 0; i < r.length; i++) {
+          var c = r[i];
+          if (c !== "children" && c !== "key") {
+            F(e), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", c), F(null);
             break;
           }
         }
         e.ref !== null && (F(e), w("Invalid attribute `ref` supplied to `React.Fragment`."), F(null));
       }
     }
-    var Ne = {};
-    function Oe(e, r, n, u, h, b) {
+    var Oe = {};
+    function Ne(e, r, i, c, b, h) {
       {
         var m = Ge(e);
         if (!m) {
-          var d = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (d += " 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 v = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (v += " 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 = vr();
-          T ? d += T : d += Te();
+          T ? v += T : v += Te();
           var E;
-          e === null ? E = "null" : Z(e) ? E = "array" : e !== void 0 && e.$$typeof === a ? (E = "<" + (P(e.type) || "Unknown") + " />", d = " Did you accidentally export a JSX literal instead of a component?") : E = typeof e, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", E, d);
+          e === null ? E = "null" : Z(e) ? E = "array" : e !== void 0 && e.$$typeof === n ? (E = "<" + (P(e.type) || "Unknown") + " />", v = " Did you accidentally export a JSX literal instead of a component?") : E = typeof e, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", E, v);
         }
-        var R = dr(e, r, n, h, b);
+        var R = dr(e, r, i, b, h);
         if (R == null)
           return R;
         if (m) {
-          var N = r.children;
-          if (N !== void 0)
-            if (u)
-              if (Z(N)) {
-                for (var D = 0; D < N.length; D++)
-                  Se(N[D], e);
-                Object.freeze && Object.freeze(N);
+          var O = r.children;
+          if (O !== void 0)
+            if (c)
+              if (Z(O)) {
+                for (var D = 0; D < O.length; D++)
+                  Se(O[D], e);
+                Object.freeze && Object.freeze(O);
               } else
                 w("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
-              Se(N, e);
+              Se(O, e);
         }
         if (W.call(r, "key")) {
           var A = P(e), k = Object.keys(r).filter(function(Er) {
             return Er !== "key";
           }), te = k.length > 0 ? "{key: someKey, " + k.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ne[A + te]) {
+          if (!Oe[A + te]) {
             var jr = k.length > 0 ? "{" + k.join(": ..., ") + ": ...}" : "{}";
             w(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, te, A, jr, A), Ne[A + te] = !0;
+  <%s key={someKey} {...props} />`, te, A, jr, A), Oe[A + te] = !0;
           }
         }
-        return e === o ? hr(R) : mr(R), R;
+        return e === a ? br(R) : mr(R), R;
       }
     }
-    function br(e, r, n) {
-      return Oe(e, r, n, !0);
+    function hr(e, r, i) {
+      return Ne(e, r, i, !0);
     }
-    function xr(e, r, n) {
-      return Oe(e, r, n, !1);
+    function yr(e, r, i) {
+      return Ne(e, r, i, !1);
     }
-    var gr = xr, yr = br;
-    B.Fragment = o, B.jsx = gr, B.jsxs = yr;
+    var gr = yr, xr = hr;
+    B.Fragment = a, B.jsx = gr, B.jsxs = xr;
   }()), B;
 }
-process.env.NODE_ENV === "production" ? ae.exports = wr() : ae.exports = Tr();
-var i = ae.exports;
+process.env.NODE_ENV === "production" ? ae.exports = Tr() : ae.exports = kr();
+var o = ae.exports;
 function De(t) {
-  var a, s, o = "";
-  if (typeof t == "string" || typeof t == "number") o += t;
+  var n, s, a = "";
+  if (typeof t == "string" || typeof t == "number") a += t;
   else if (typeof t == "object") if (Array.isArray(t)) {
-    var l = t.length;
-    for (a = 0; a < l; a++) t[a] && (s = De(t[a])) && (o && (o += " "), o += s);
-  } else for (s in t) t[s] && (o && (o += " "), o += s);
-  return o;
+    var u = t.length;
+    for (n = 0; n < u; n++) t[n] && (s = De(t[n])) && (a && (a += " "), a += s);
+  } else for (s in t) t[s] && (a && (a += " "), a += s);
+  return a;
 }
-function x() {
-  for (var t, a, s = 0, o = "", l = arguments.length; s < l; s++) (t = arguments[s]) && (a = De(t)) && (o && (o += " "), o += a);
-  return o;
+function y() {
+  for (var t, n, s = 0, a = "", u = arguments.length; s < u; s++) (t = arguments[s]) && (n = De(t)) && (a && (a += " "), a += n);
+  return a;
 }
-const kr = $.forwardRef(
-  ({ className: t, variant: a = "primary", size: s = "md", ...o }, l) => {
-    const c = x(
+const Cr = $.forwardRef(
+  ({ className: t, variant: n = "primary", size: s = "md", ...a }, u) => {
+    const l = y(
       "ui-btn",
-      `ui-btn-${a}`,
+      `ui-btn-${n}`,
       `ui-btn-${s}`,
       t
     );
-    return /* @__PURE__ */ i.jsx("button", { ref: l, className: c, ...o });
+    return /* @__PURE__ */ o.jsx("button", { ref: u, className: l, ...a });
   }
 );
-kr.displayName = "Button";
-const Cr = $.forwardRef(
-  ({ className: t, label: a, error: s, helperText: o, fullWidth: l, size: c = "md", id: f, ...v }, p) => {
+Cr.displayName = "Button";
+const Sr = $.forwardRef(
+  ({ className: t, label: n, error: s, helperText: a, fullWidth: u, size: l = "md", id: f, ...d }, p) => {
     const j = f || $.useId();
-    return /* @__PURE__ */ i.jsxs("div", { className: x("ui-input-wrapper", l && "ui-input-wrapper-full"), children: [
-      a && /* @__PURE__ */ i.jsx("label", { htmlFor: j, className: "ui-label", children: a }),
-      /* @__PURE__ */ i.jsx(
+    return /* @__PURE__ */ o.jsxs("div", { className: y("ui-input-wrapper", u && "ui-input-wrapper-full"), children: [
+      n && /* @__PURE__ */ o.jsx("label", { htmlFor: j, className: "ui-label", children: n }),
+      /* @__PURE__ */ o.jsx(
         "input",
         {
           ref: p,
           id: j,
-          className: x(
+          className: y(
             "ui-input",
-            `ui-input-${c}`,
+            `ui-input-${l}`,
             s && "ui-input-error",
             t
           ),
-          ...v
+          ...d
         }
       ),
-      o && /* @__PURE__ */ i.jsx("span", { className: x("ui-helper-text", s && "ui-helper-text-error"), children: o })
+      a && /* @__PURE__ */ o.jsx("span", { className: y("ui-helper-text", s && "ui-helper-text-error"), children: a })
     ] });
   }
 );
-Cr.displayName = "Input";
-const Sr = $.forwardRef(
-  ({ className: t, title: a, footer: s, children: o, ...l }, c) => /* @__PURE__ */ i.jsxs("div", { ref: c, className: x("ui-card", t), ...l, children: [
-    a && /* @__PURE__ */ i.jsx("div", { className: "ui-card__header", children: a }),
-    /* @__PURE__ */ i.jsx("div", { className: "ui-card__body", children: o }),
-    s && /* @__PURE__ */ i.jsx("div", { className: "ui-card__footer", children: s })
+Sr.displayName = "Input";
+const Or = $.forwardRef(
+  ({ className: t, title: n, footer: s, children: a, ...u }, l) => /* @__PURE__ */ o.jsxs("div", { ref: l, className: y("ui-card", t), ...u, children: [
+    n && /* @__PURE__ */ o.jsx("div", { className: "ui-card__header", children: n }),
+    /* @__PURE__ */ o.jsx("div", { className: "ui-card__body", children: a }),
+    s && /* @__PURE__ */ o.jsx("div", { className: "ui-card__footer", children: s })
   ] })
 );
-Sr.displayName = "Card";
+Or.displayName = "Card";
 const Le = Ie(void 0), Nr = () => {
   const t = ie(Le);
   if (!t)
     throw new Error("Modal compound components must be used within a Modal");
   return t;
-}, Me = ({ children: t, className: a }) => {
+}, Me = ({ children: t, className: n }) => {
   const { onClose: s } = Nr();
-  return /* @__PURE__ */ i.jsxs("div", { className: x("ui-modal-header", a), children: [
-    /* @__PURE__ */ i.jsx("h3", { className: "ui-modal-title", children: t }),
-    /* @__PURE__ */ i.jsx(
+  return /* @__PURE__ */ o.jsxs("div", { className: y("ui-modal-header", n), children: [
+    /* @__PURE__ */ o.jsx("h3", { className: "ui-modal-title", children: t }),
+    /* @__PURE__ */ o.jsx(
       "button",
       {
         className: "ui-modal-close",
         onClick: s,
         "aria-label": "Close modal",
-        children: /* @__PURE__ */ i.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-          /* @__PURE__ */ i.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-          /* @__PURE__ */ i.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+        children: /* @__PURE__ */ o.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ o.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+          /* @__PURE__ */ o.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
         ] })
       }
     )
   ] });
-}, We = ({ children: t, className: a }) => /* @__PURE__ */ i.jsx("div", { className: x("ui-modal-body", a), children: t }), Ye = ({ children: t, className: a }) => /* @__PURE__ */ i.jsx("div", { className: x("ui-modal-footer", a), children: t }), Or = ({
+}, We = ({ children: t, className: n }) => /* @__PURE__ */ o.jsx("div", { className: y("ui-modal-body", n), children: t }), Ye = ({ children: t, className: n }) => /* @__PURE__ */ o.jsx("div", { className: y("ui-modal-footer", n), children: t }), Pr = ({
   isOpen: t,
-  onClose: a,
+  onClose: n,
   title: s,
-  children: o,
-  footer: l,
-  size: c = "md",
+  children: a,
+  footer: u,
+  size: l = "md",
   className: f,
-  closeOnBackdropClick: v = !0
+  closeOnBackdropClick: d = !0
 }) => {
   const p = Ae(null), [j, g] = $.useState(t);
   ne(() => {
     t && g(!0);
   }, [t]);
-  const y = () => {
+  const x = () => {
     t || g(!1);
   };
   if (ne(() => {
-    const S = (O) => {
-      O.key === "Escape" && a();
+    const S = (N) => {
+      N.key === "Escape" && n();
     };
     return t && (document.addEventListener("keydown", S), document.body.style.overflow = "hidden"), () => {
       document.removeEventListener("keydown", S), document.body.style.overflow = "";
     };
-  }, [t, a]), !j) return null;
+  }, [t, n]), !j) return null;
   const C = (S) => {
-    v && S.target === p.current && a();
+    d && S.target === p.current && n();
   };
-  return _r(
-    /* @__PURE__ */ i.jsx(Le.Provider, { value: { onClose: a }, children: /* @__PURE__ */ i.jsx(
+  return wr(
+    /* @__PURE__ */ o.jsx(Le.Provider, { value: { onClose: n }, children: /* @__PURE__ */ o.jsx(
       "div",
       {
-        className: x("ui-modal-overlay", !t && "ui-modal-closing"),
+        className: y("ui-modal-overlay", !t && "ui-modal-closing"),
         ref: p,
         onClick: C,
-        onAnimationEnd: y,
-        children: /* @__PURE__ */ i.jsx(
+        onAnimationEnd: x,
+        children: /* @__PURE__ */ o.jsx(
           "div",
           {
-            className: x(
+            className: y(
               "ui-modal",
-              `ui-modal-${c}`,
+              `ui-modal-${l}`,
               !t && "ui-modal-closing",
               f
             ),
             role: "dialog",
             "aria-modal": "true",
-            children: s ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-              /* @__PURE__ */ i.jsx(Me, { children: s }),
-              /* @__PURE__ */ i.jsx(We, { children: o }),
-              l && /* @__PURE__ */ i.jsx(Ye, { children: l })
-            ] }) : o
+            children: s ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+              /* @__PURE__ */ o.jsx(Me, { children: s }),
+              /* @__PURE__ */ o.jsx(We, { children: a }),
+              u && /* @__PURE__ */ o.jsx(Ye, { children: u })
+            ] }) : a
           }
         )
       }
     ) }),
     document.body
   );
-}, Mr = Object.assign(Or, {
+}, Br = Object.assign(Pr, {
   Header: Me,
   Body: We,
   Footer: Ye
-}), Wr = ({
+}), Vr = ({
   options: t,
-  value: a,
+  value: n,
   onChange: s,
-  placeholder: o = "Select an option",
-  label: l,
-  error: c,
+  placeholder: a = "Select an option",
+  label: u,
+  error: l,
   helperText: f,
-  disabled: v,
+  disabled: d,
   fullWidth: p,
   size: j = "md",
   className: g
 }) => {
-  const [y, C] = Fe(!1), S = Ae(null), O = t.find((_) => _.value === a), q = () => {
-    v || C(!y);
+  const [x, C] = Fe(!1), S = Ae(null), N = t.find((_) => _.value === n), q = () => {
+    d || C(!x);
   }, G = (_) => {
     s && s(_), C(!1);
   };
@@ -789,91 +789,91 @@ const Le = Ie(void 0), Nr = () => {
     const _ = (w) => {
       S.current && !S.current.contains(w.target) && C(!1);
     };
-    return y && document.addEventListener("mousedown", _), () => {
+    return x && document.addEventListener("mousedown", _), () => {
       document.removeEventListener("mousedown", _);
     };
-  }, [y]), /* @__PURE__ */ i.jsxs(
+  }, [x]), /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: x("ui-select-wrapper", p && "ui-w-full", g),
+      className: y("ui-select-wrapper", p && "ui-w-full", g),
       ref: S,
       style: { width: p ? "100%" : "auto" },
       children: [
-        l && /* @__PURE__ */ i.jsx("label", { className: "ui-label", style: { marginBottom: "0.375rem", display: "block" }, children: l }),
-        /* @__PURE__ */ i.jsxs(
+        u && /* @__PURE__ */ o.jsx("label", { className: "ui-label", style: { marginBottom: "0.375rem", display: "block" }, children: u }),
+        /* @__PURE__ */ o.jsxs(
           "button",
           {
             type: "button",
-            className: x(
+            className: y(
               "ui-select-trigger",
               `ui-select-${j}`,
-              c && "ui-select-error",
-              v && "ui-select-disabled",
-              y && "ui-select-open"
+              l && "ui-select-error",
+              d && "ui-select-disabled",
+              x && "ui-select-open"
             ),
             onClick: q,
-            disabled: v,
+            disabled: d,
             "aria-haspopup": "listbox",
-            "aria-expanded": y,
+            "aria-expanded": x,
             children: [
-              /* @__PURE__ */ i.jsx("span", { className: x(!O && "ui-select-placeholder"), children: O ? O.label : o }),
-              /* @__PURE__ */ i.jsx(
+              /* @__PURE__ */ o.jsx("span", { className: y(!N && "ui-select-placeholder"), children: N ? N.label : a }),
+              /* @__PURE__ */ o.jsx(
                 "svg",
                 {
                   className: "ui-select-icon",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ i.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+                  children: /* @__PURE__ */ o.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
                 }
               )
             ]
           }
         ),
-        y && /* @__PURE__ */ i.jsxs("ul", { className: "ui-select-menu", role: "listbox", children: [
-          t.map((_) => /* @__PURE__ */ i.jsx(
+        x && /* @__PURE__ */ o.jsxs("ul", { className: "ui-select-menu", role: "listbox", children: [
+          t.map((_) => /* @__PURE__ */ o.jsx(
             "li",
             {
-              className: x(
+              className: y(
                 "ui-select-option",
-                _.value === a && "ui-select-selected"
+                _.value === n && "ui-select-selected"
               ),
               onClick: () => G(_.value),
               role: "option",
-              "aria-selected": _.value === a,
+              "aria-selected": _.value === n,
               children: _.label
             },
             _.value
           )),
-          t.length === 0 && /* @__PURE__ */ i.jsx("li", { className: "ui-select-option", style: { color: "var(--ui-text-muted)", cursor: "default" }, children: "No options" })
+          t.length === 0 && /* @__PURE__ */ o.jsx("li", { className: "ui-select-option", style: { color: "var(--ui-text-muted)", cursor: "default" }, children: "No options" })
         ] }),
-        f && /* @__PURE__ */ i.jsx("span", { className: x("ui-helper-text", c && "ui-helper-text-error"), style: { marginTop: "0.375rem", display: "block" }, children: f })
+        f && /* @__PURE__ */ o.jsx("span", { className: y("ui-helper-text", l && "ui-helper-text-error"), style: { marginTop: "0.375rem", display: "block" }, children: f })
       ]
     }
   );
-}, Yr = L(
-  ({ className: t, label: a, error: s, disabled: o, size: l = "md", variant: c = "primary", ...f }, v) => /* @__PURE__ */ i.jsxs(
+}, Ur = L(
+  ({ className: t, label: n, error: s, disabled: a, size: u = "md", variant: l = "primary", ...f }, d) => /* @__PURE__ */ o.jsxs(
     "label",
     {
-      className: x(
+      className: y(
         "ui-checkbox-label",
+        `ui-checkbox-${u}`,
         `ui-checkbox-${l}`,
-        `ui-checkbox-${c}`,
-        o && "ui-checkbox-disabled",
+        a && "ui-checkbox-disabled",
         t
       ),
       children: [
-        /* @__PURE__ */ i.jsx(
+        /* @__PURE__ */ o.jsx(
           "input",
           {
             type: "checkbox",
             className: "ui-checkbox-input",
-            disabled: o,
-            ref: v,
+            disabled: a,
+            ref: d,
             ...f
           }
         ),
-        /* @__PURE__ */ i.jsx("span", { className: "ui-checkbox-custom", children: /* @__PURE__ */ i.jsx(
+        /* @__PURE__ */ o.jsx("span", { className: "ui-checkbox-custom", children: /* @__PURE__ */ o.jsx(
           "svg",
           {
             className: "ui-checkbox-icon",
@@ -882,210 +882,232 @@ const Le = Ie(void 0), Nr = () => {
             stroke: "currentColor",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            children: /* @__PURE__ */ i.jsx("polyline", { points: "20 6 9 17 4 12" })
+            children: /* @__PURE__ */ o.jsx("polyline", { points: "20 6 9 17 4 12" })
           }
         ) }),
-        a && /* @__PURE__ */ i.jsx("span", { className: "ui-checkbox-text", children: a })
+        n && /* @__PURE__ */ o.jsx("span", { className: "ui-checkbox-text", children: n })
       ]
     }
   )
-), Br = L(
-  ({ className: t, label: a, error: s, disabled: o, size: l = "md", variant: c = "primary", ...f }, v) => /* @__PURE__ */ i.jsxs(
+), Jr = L(
+  ({ className: t, label: n, error: s, disabled: a, size: u = "md", variant: l = "primary", ...f }, d) => /* @__PURE__ */ o.jsxs(
     "label",
     {
-      className: x(
+      className: y(
         "ui-radio-label",
+        `ui-radio-${u}`,
         `ui-radio-${l}`,
-        `ui-radio-${c}`,
-        o && "ui-radio-disabled",
+        a && "ui-radio-disabled",
         t
       ),
       children: [
-        /* @__PURE__ */ i.jsx(
+        /* @__PURE__ */ o.jsx(
           "input",
           {
             type: "radio",
             className: "ui-radio-input",
-            disabled: o,
-            ref: v,
+            disabled: a,
+            ref: d,
             ...f
           }
         ),
-        /* @__PURE__ */ i.jsx("span", { className: "ui-radio-custom", children: /* @__PURE__ */ i.jsx("span", { className: "ui-radio-dot" }) }),
-        a && /* @__PURE__ */ i.jsx("span", { className: "ui-radio-text", children: a })
+        /* @__PURE__ */ o.jsx("span", { className: "ui-radio-custom", children: /* @__PURE__ */ o.jsx("span", { className: "ui-radio-dot" }) }),
+        n && /* @__PURE__ */ o.jsx("span", { className: "ui-radio-text", children: n })
       ]
     }
   )
-), Vr = L(
-  ({ className: t, label: a, error: s, disabled: o, size: l = "md", variant: c = "primary", ...f }, v) => /* @__PURE__ */ i.jsxs(
+), Kr = L(
+  ({ className: t, label: n, error: s, disabled: a, size: u = "md", variant: l = "primary", ...f }, d) => /* @__PURE__ */ o.jsxs(
     "label",
     {
-      className: x(
+      className: y(
         "ui-switch-label",
+        `ui-switch-${u}`,
         `ui-switch-${l}`,
-        `ui-switch-${c}`,
-        o && "ui-switch-disabled",
+        a && "ui-switch-disabled",
         t
       ),
       children: [
-        /* @__PURE__ */ i.jsx(
+        /* @__PURE__ */ o.jsx(
           "input",
           {
             type: "checkbox",
             className: "ui-switch-input",
-            disabled: o,
-            ref: v,
+            disabled: a,
+            ref: d,
             role: "switch",
             ...f
           }
         ),
-        /* @__PURE__ */ i.jsx("span", { className: "ui-switch-track", children: /* @__PURE__ */ i.jsx("span", { className: "ui-switch-thumb" }) }),
-        a && /* @__PURE__ */ i.jsx("span", { className: "ui-switch-text", children: a })
+        /* @__PURE__ */ o.jsx("span", { className: "ui-switch-track", children: /* @__PURE__ */ o.jsx("span", { className: "ui-switch-thumb" }) }),
+        n && /* @__PURE__ */ o.jsx("span", { className: "ui-switch-text", children: n })
       ]
     }
   )
-), Ur = L(
-  ({ className: t, children: a, variant: s = "primary", size: o = "md", shape: l = "rounded", ...c }, f) => /* @__PURE__ */ i.jsx(
+), qr = L(
+  ({ className: t, children: n, variant: s = "primary", size: a = "md", shape: u = "rounded", ...l }, f) => /* @__PURE__ */ o.jsx(
     "span",
     {
       ref: f,
-      className: x(
+      className: y(
         "ui-badge",
         `ui-badge-${s}`,
-        `ui-badge-${o}`,
-        `ui-badge-${l}`,
+        `ui-badge-${a}`,
+        `ui-badge-${u}`,
         t
       ),
-      ...c,
-      children: a
+      ...l,
+      children: n
     }
   )
-), Jr = L(
-  ({ className: t, children: a, level: s = 1, truncate: o, lines: l, style: c, ...f }, v) => {
-    const p = `h${s}`, j = l ? { ...c, "--ui-line-clamp": l } : c;
-    return /* @__PURE__ */ i.jsx(
+), Gr = L(
+  ({ className: t, children: n, level: s = 1, truncate: a, lines: u, style: l, ...f }, d) => {
+    const p = `h${s}`, j = u ? { ...l, "--ui-line-clamp": u } : l;
+    return /* @__PURE__ */ o.jsx(
       p,
       {
-        ref: v,
-        className: x(
+        ref: d,
+        className: y(
           "ui-heading",
           `ui-heading-h${s}`,
-          o && "ui-text-truncate",
-          l && "ui-text-clamp",
+          a && "ui-text-truncate",
+          u && "ui-text-clamp",
           t
         ),
         style: j,
         ...f,
-        children: a
+        children: n
       }
     );
   }
-), Kr = L(
-  ({ className: t, children: a, variant: s = "body", weight: o, muted: l, truncate: c, lines: f, as: v = "p", style: p, ...j }, g) => {
-    const y = f ? { ...p, "--ui-line-clamp": f } : p;
-    return /* @__PURE__ */ i.jsx(
-      v,
+), Hr = L(
+  ({ className: t, children: n, variant: s = "body", weight: a, muted: u, truncate: l, lines: f, as: d = "p", style: p, ...j }, g) => {
+    const x = f ? { ...p, "--ui-line-clamp": f } : p;
+    return /* @__PURE__ */ o.jsx(
+      d,
       {
         ref: g,
-        className: x(
+        className: y(
           "ui-text",
           `ui-text-${s}`,
-          o && `ui-text-weight-${o}`,
-          l && "ui-text-muted",
-          c && "ui-text-truncate",
+          a && `ui-text-weight-${a}`,
+          u && "ui-text-muted",
+          l && "ui-text-truncate",
           f && "ui-text-clamp",
           t
         ),
-        style: y,
+        style: x,
         ...j,
-        children: a
+        children: n
       }
     );
   }
-), oe = Ie(null), Pr = ({ defaultValue: t, value: a, onValueChange: s, children: o, className: l }) => {
-  const [c, f] = Fe(t || ""), v = a !== void 0, p = v ? a : c, j = Rr(), g = (y) => {
-    v || f(y), s == null || s(y);
+), oe = Ie(null), $r = ({ defaultValue: t, value: n, onValueChange: s, children: a, className: u }) => {
+  const [l, f] = Fe(t || ""), d = n !== void 0, p = d ? n : l, j = Rr(), g = (x) => {
+    d || f(x), s == null || s(x);
   };
-  return /* @__PURE__ */ i.jsx(oe.Provider, { value: { value: p, onChange: g, baseId: j }, children: /* @__PURE__ */ i.jsx("div", { className: x("ui-tabs", l), children: o }) });
-}, $r = ({ className: t, children: a, variant: s = "line", ...o }) => /* @__PURE__ */ i.jsx(
+  return /* @__PURE__ */ o.jsx(oe.Provider, { value: { value: p, onChange: g, baseId: j }, children: /* @__PURE__ */ o.jsx("div", { className: y("ui-tabs", u), children: a }) });
+}, Ir = ({ className: t, children: n, variant: s = "line", ...a }) => /* @__PURE__ */ o.jsx(
   "div",
   {
     role: "tablist",
-    className: x("ui-tabs-list", `ui-tabs-list-${s}`, t),
-    ...o,
-    children: a
+    className: y("ui-tabs-list", `ui-tabs-list-${s}`, t),
+    ...a,
+    children: n
   }
-), Ir = ({ value: t, className: a, children: s, onClick: o, ...l }) => {
-  const c = ie(oe);
-  if (!c) throw new Error("TabsTrigger must be used within Tabs");
-  const f = c.value === t, v = `${c.baseId}-trigger-${t}`, p = `${c.baseId}-content-${t}`, j = (g) => {
-    c.onChange(t), o == null || o(g);
+), Ar = ({ value: t, className: n, children: s, onClick: a, ...u }) => {
+  const l = ie(oe);
+  if (!l) throw new Error("TabsTrigger must be used within Tabs");
+  const f = l.value === t, d = `${l.baseId}-trigger-${t}`, p = `${l.baseId}-content-${t}`, j = (g) => {
+    l.onChange(t), a == null || a(g);
   };
-  return /* @__PURE__ */ i.jsx(
+  return /* @__PURE__ */ o.jsx(
     "button",
     {
       type: "button",
       role: "tab",
       "aria-selected": f,
       "aria-controls": p,
-      id: v,
+      id: d,
       tabIndex: f ? 0 : -1,
       "data-state": f ? "active" : "inactive",
-      className: x("ui-tabs-trigger", a),
+      className: y("ui-tabs-trigger", n),
       onClick: j,
-      ...l,
+      ...u,
       children: s
     }
   );
-}, Ar = ({ value: t, className: a, children: s, ...o }) => {
-  const l = ie(oe);
-  if (!l) throw new Error("TabsContent must be used within Tabs");
-  const c = l.value === t, f = `${l.baseId}-trigger-${t}`, v = `${l.baseId}-content-${t}`;
-  return c ? /* @__PURE__ */ i.jsx(
+}, Fr = ({ value: t, className: n, children: s, ...a }) => {
+  const u = ie(oe);
+  if (!u) throw new Error("TabsContent must be used within Tabs");
+  const l = u.value === t, f = `${u.baseId}-trigger-${t}`, d = `${u.baseId}-content-${t}`;
+  return l ? /* @__PURE__ */ o.jsx(
     "div",
     {
       role: "tabpanel",
-      id: v,
+      id: d,
       "aria-labelledby": f,
       tabIndex: 0,
-      className: x("ui-tabs-content", a),
-      ...o,
+      className: y("ui-tabs-content", n),
+      ...a,
       children: s
     }
   ) : null;
-}, qr = Object.assign(Pr, {
-  List: $r,
-  Trigger: Ir,
-  Content: Ar
-}), Fr = $.forwardRef(
-  ({ className: t, bordered: a = !0, striped: s, hover: o, size: l = "md", children: c, ...f }, v) => {
+}, zr = Object.assign($r, {
+  List: Ir,
+  Trigger: Ar,
+  Content: Fr
+}), Dr = $.forwardRef(
+  ({ className: t, bordered: n = !0, striped: s, hover: a, size: u = "md", children: l, ...f }, d) => {
     const p = [
       "ui-table",
-      a && "ui-table-bordered",
+      n && "ui-table-bordered",
       s && "ui-table-striped",
-      o && "ui-table-hover",
-      l === "sm" && "ui-table-sm",
+      a && "ui-table-hover",
+      u === "sm" && "ui-table-sm",
       t
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ i.jsx("div", { className: "ui-table-responsive", children: /* @__PURE__ */ i.jsx("table", { ref: v, className: p, ...f, children: c }) });
+    return /* @__PURE__ */ o.jsx("div", { className: "ui-table-responsive", children: /* @__PURE__ */ o.jsx("table", { ref: d, className: p, ...f, children: l }) });
   }
 );
-Fr.displayName = "Table";
+Dr.displayName = "Table";
+function Lr(t) {
+  return t && typeof t == "object" && !Array.isArray(t);
+}
+function Mr(t) {
+  const n = {}, s = (a, u) => {
+    Object.keys(a).forEach((l) => {
+      const f = a[l], d = `${u}-${l}`;
+      Lr(f) ? s(f, d) : n[`-${d}`] = f;
+    });
+  };
+  return t.colors && Object.keys(t.colors).forEach((a) => {
+    n[`--ui-${a}`] = t.colors[a];
+  }), t.components && Object.keys(t.components).forEach((a) => {
+    const u = t.components[a];
+    u && s(u, `-ui-${a.toLowerCase()}`);
+  }), t.spacing && s(t.spacing, "-ui-spacing"), t.radius && s(t.radius, "-ui-radius"), t.shadows && s(t.shadows, "-ui-shadow"), t.typography && s(t.typography, "-ui-typography"), n;
+}
+const Xr = ({ theme: t, children: n }) => {
+  const s = _r(() => Mr(t), [t]);
+  return /* @__PURE__ */ o.jsx("div", { style: { display: "contents", ...s }, children: n });
+};
 export {
-  Ur as Badge,
-  kr as Button,
-  Sr as Card,
-  Yr as Checkbox,
-  Jr as Heading,
-  Cr as Input,
-  Mr as Modal,
+  qr as Badge,
+  Cr as Button,
+  Or as Card,
+  Ur as Checkbox,
+  Gr as Heading,
+  Sr as Input,
+  Br as Modal,
   We as ModalBody,
   Ye as ModalFooter,
   Me as ModalHeader,
-  Br as Radio,
-  Wr as Select,
-  Vr as Switch,
-  Fr as Table,
-  qr as Tabs,
-  Kr as Text
+  Jr as Radio,
+  Vr as Select,
+  Kr as Switch,
+  Dr as Table,
+  zr as Tabs,
+  Hr as Text,
+  Xr as ThemeProvider
 };