@minimalstuff/ui 0.0.18 → 0.0.19

package/dist/index.es.js

@@ -1,12 +1,12 @@
 import y from "@emotion/styled";
-import P, { useEffect as Q, createContext as ze, useContext as Lr, useState as Y, useRef as Ve, Fragment as Ue } from "react";
-import { keyframes as ue, useTheme as He, ThemeProvider as Yr, css as J, Global as Br } from "@emotion/react";
-import { useHotkeys as Mr } from "react-hotkeys-hook";
-import Nr from "hex-rgb";
-import Ge from "tinycolor2";
-import { createPortal as zr } from "react-dom";
-import Vr from "react-toggle";
-import Ur from "react-select";
+import P, { useEffect as Q, createContext as ze, useContext as Ve, useState as Y, useRef as Ue, Fragment as He } from "react";
+import { keyframes as ue, useTheme as Ge, ThemeProvider as Br, css as J, Global as Mr } from "@emotion/react";
+import { useHotkeys as Nr } from "react-hotkeys-hook";
+import zr from "hex-rgb";
+import Ke from "tinycolor2";
+import { createPortal as Vr } from "react-dom";
+import Ur from "react-toggle";
+import Hr from "react-select";
 const Nt = y.button(
   ({ theme: r, danger: t = !1, secondary: n = !1 }) => {
     const a = t ? r.colors.red.default : r.colors.blue.default, s = t ? r.colors.red.dark : r.colors.blue.dark, c = n ? a : r.colors.white, m = n ? "transparent" : a;
@@ -43,7 +43,7 @@ var ce = { exports: {} }, z = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Le;
-function Hr() {
+function Gr() {
   if (Le) return z;
   Le = 1;
   var r = P, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, s = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
@@ -67,13 +67,13 @@ var V = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ye;
-function Gr() {
+function Kr() {
   return Ye || (Ye = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = P, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), h = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), D = Symbol.for("react.offscreen"), pe = Symbol.iterator, rr = "@@iterator";
-    function tr(e) {
+    var r = P, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), h = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), D = Symbol.for("react.offscreen"), pe = Symbol.iterator, or = "@@iterator";
+    function nr(e) {
       if (e === null || typeof e != "object")
         return null;
-      var o = pe && e[pe] || e[rr];
+      var o = pe && e[pe] || e[or];
       return typeof o == "function" ? o : null;
     }
     var $ = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -81,10 +81,10 @@ function Gr() {
       {
         for (var o = arguments.length, i = new Array(o > 1 ? o - 1 : 0), l = 1; l < o; l++)
           i[l - 1] = arguments[l];
-        or("error", e, i);
+        ar("error", e, i);
       }
     }
-    function or(e, o, i) {
+    function ar(e, o, i) {
       {
         var l = $.ReactDebugCurrentFrame, b = l.getStackAddendum();
         b !== "" && (o += "%s", i = i.concat([b]));
@@ -94,16 +94,16 @@ function Gr() {
         v.unshift("Warning: " + o), Function.prototype.apply.call(console[e], console, v);
       }
     }
-    var nr = !1, ar = !1, ir = !1, lr = !1, sr = !1, be;
+    var ir = !1, lr = !1, sr = !1, cr = !1, ur = !1, be;
     be = Symbol.for("react.module.reference");
-    function cr(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === a || e === c || sr || e === s || e === S || e === p || lr || e === D || nr || ar || ir || typeof e == "object" && e !== null && (e.$$typeof === E || e.$$typeof === T || e.$$typeof === m || e.$$typeof === h || e.$$typeof === g || // This needs to include all possible module reference object
+    function dr(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === a || e === c || ur || e === s || e === S || e === p || cr || e === D || ir || lr || sr || typeof e == "object" && e !== null && (e.$$typeof === E || e.$$typeof === T || e.$$typeof === m || e.$$typeof === h || e.$$typeof === g || // 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 === be || e.getModuleId !== void 0));
     }
-    function ur(e, o, i) {
+    function fr(e, o, i) {
       var l = e.displayName;
       if (l)
         return l;
@@ -143,7 +143,7 @@ function Gr() {
             var i = e;
             return ge(i._context) + ".Provider";
           case g:
-            return ur(e, e.render, "ForwardRef");
+            return fr(e, e.render, "ForwardRef");
           case T:
             var l = e.displayName || null;
             return l !== null ? l : j(e.type) || "Memo";
@@ -162,7 +162,7 @@ function Gr() {
     function _e() {
     }
     _e.__reactDisabledLog = !0;
-    function dr() {
+    function pr() {
       {
         if (B === 0) {
           ve = console.log, me = console.info, he = console.warn, ye = console.error, xe = console.group, we = console.groupCollapsed, Ee = console.groupEnd;
@@ -185,7 +185,7 @@ function Gr() {
         B++;
       }
     }
-    function fr() {
+    function br() {
       {
         if (B--, B === 0) {
           var e = {
@@ -236,8 +236,8 @@ function Gr() {
     }
     var te = !1, H;
     {
-      var pr = typeof WeakMap == "function" ? WeakMap : Map;
-      H = new pr();
+      var gr = typeof WeakMap == "function" ? WeakMap : Map;
+      H = new gr();
     }
     function ke(e, o) {
       if (!e || te)
@@ -252,7 +252,7 @@ function Gr() {
       var b = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var v;
-      v = ee.current, ee.current = null, dr();
+      v = ee.current, ee.current = null, pr();
       try {
         if (o) {
           var d = function() {
@@ -305,15 +305,15 @@ function Gr() {
             }
         }
       } finally {
-        te = !1, ee.current = v, fr(), Error.prepareStackTrace = b;
+        te = !1, ee.current = v, br(), Error.prepareStackTrace = b;
       }
       var L = e ? e.displayName || e.name : "", A = L ? U(L) : "";
       return typeof e == "function" && H.set(e, A), A;
     }
-    function br(e, o, i) {
+    function vr(e, o, i) {
       return ke(e, !1);
     }
-    function gr(e) {
+    function mr(e) {
       var o = e.prototype;
       return !!(o && o.isReactComponent);
     }
@@ -321,7 +321,7 @@ function Gr() {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return ke(e, gr(e));
+        return ke(e, mr(e));
       if (typeof e == "string")
         return U(e);
       switch (e) {
@@ -333,7 +333,7 @@ function Gr() {
       if (typeof e == "object")
         switch (e.$$typeof) {
           case g:
-            return br(e.render);
+            return vr(e.render);
           case T:
             return G(e.type, o, i);
           case E: {
@@ -354,7 +354,7 @@ function Gr() {
       } else
         Se.setExtraStackFrame(null);
     }
-    function vr(e, o, i, l, b) {
+    function hr(e, o, i, l, b) {
       {
         var v = Function.call.bind(M);
         for (var d in e)
@@ -373,17 +373,17 @@ function Gr() {
           }
       }
     }
-    var mr = Array.isArray;
+    var yr = Array.isArray;
     function oe(e) {
-      return mr(e);
+      return yr(e);
     }
-    function hr(e) {
+    function xr(e) {
       {
         var o = typeof Symbol == "function" && Symbol.toStringTag, i = o && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return i;
       }
     }
-    function yr(e) {
+    function wr(e) {
       try {
         return Ce(e), !1;
       } catch {
@@ -394,17 +394,17 @@ function Gr() {
       return "" + e;
     }
     function Te(e) {
-      if (yr(e))
-        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", hr(e)), Ce(e);
+      if (wr(e))
+        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", xr(e)), Ce(e);
     }
-    var N = $.ReactCurrentOwner, xr = {
+    var N = $.ReactCurrentOwner, Er = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, je, Oe, ne;
     ne = {};
-    function wr(e) {
+    function _r(e) {
       if (M.call(e, "ref")) {
         var o = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (o && o.isReactWarning)
@@ -412,7 +412,7 @@ function Gr() {
       }
       return e.ref !== void 0;
     }
-    function Er(e) {
+    function kr(e) {
       if (M.call(e, "key")) {
         var o = Object.getOwnPropertyDescriptor(e, "key").get;
         if (o && o.isReactWarning)
@@ -420,13 +420,13 @@ function Gr() {
       }
       return e.key !== void 0;
     }
-    function _r(e, o) {
+    function Rr(e, o) {
       if (typeof e.ref == "string" && N.current && o && N.current.stateNode !== o) {
         var i = j(N.current.type);
         ne[i] || (_('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', j(N.current.type), e.ref), ne[i] = !0);
       }
     }
-    function kr(e, o) {
+    function Sr(e, o) {
       {
         var i = function() {
           je || (je = !0, _("%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)", o));
@@ -437,7 +437,7 @@ function Gr() {
         });
       }
     }
-    function Rr(e, o) {
+    function Cr(e, o) {
       {
         var i = function() {
           Oe || (Oe = !0, _("%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)", o));
@@ -448,7 +448,7 @@ function Gr() {
         });
       }
     }
-    var Sr = function(e, o, i, l, b, v, d) {
+    var Tr = function(e, o, i, l, b, v, d) {
       var u = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -477,12 +477,12 @@ function Gr() {
         value: b
       }), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
     };
-    function Cr(e, o, i, l, b) {
+    function jr(e, o, i, l, b) {
       {
         var v, d = {}, u = null, k = null;
-        i !== void 0 && (Te(i), u = "" + i), Er(o) && (Te(o.key), u = "" + o.key), wr(o) && (k = o.ref, _r(o, b));
+        i !== void 0 && (Te(i), u = "" + i), kr(o) && (Te(o.key), u = "" + o.key), _r(o) && (k = o.ref, Rr(o, b));
         for (v in o)
-          M.call(o, v) && !xr.hasOwnProperty(v) && (d[v] = o[v]);
+          M.call(o, v) && !Er.hasOwnProperty(v) && (d[v] = o[v]);
         if (e && e.defaultProps) {
           var x = e.defaultProps;
           for (v in x)
@@ -490,9 +490,9 @@ function Gr() {
         }
         if (u || k) {
           var w = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          u && kr(d, w), k && Rr(d, w);
+          u && Sr(d, w), k && Cr(d, w);
         }
-        return Sr(e, u, k, b, l, N.current, d);
+        return Tr(e, u, k, b, l, N.current, d);
       }
     }
     var ae = $.ReactCurrentOwner, Pe = $.ReactDebugCurrentFrame;
@@ -520,11 +520,11 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Tr(e) {
+    function Or(e) {
       return "";
     }
     var Ie = {};
-    function jr(e) {
+    function Pr(e) {
       {
         var o = De();
         if (!o) {
@@ -541,7 +541,7 @@ Check the top-level render call using <` + i + ">.");
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var i = jr(o);
+        var i = Pr(o);
         if (Ie[i])
           return;
         Ie[i] = !0;
@@ -561,14 +561,14 @@ Check the top-level render call using <` + i + ">.");
         else if (le(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var b = tr(e);
+          var b = nr(e);
           if (typeof b == "function" && b !== e.entries)
             for (var v = b.call(e), d; !(d = v.next()).done; )
               le(d.value) && Fe(d.value, o);
         }
       }
     }
-    function Or(e) {
+    function Dr(e) {
       {
         var o = e.type;
         if (o == null || typeof o == "string")
@@ -584,7 +584,7 @@ Check the top-level render call using <` + i + ">.");
           return;
         if (i) {
           var l = j(o);
-          vr(i, e.props, "prop", l, e);
+          hr(i, e.props, "prop", l, e);
         } else if (o.PropTypes !== void 0 && !ie) {
           ie = !0;
           var b = j(o);
@@ -593,7 +593,7 @@ Check the top-level render call using <` + i + ">.");
         typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Pr(e) {
+    function Ir(e) {
       {
         for (var o = Object.keys(e.props), i = 0; i < o.length; i++) {
           var l = o[i];
@@ -608,16 +608,16 @@ Check the top-level render call using <` + i + ">.");
     var $e = {};
     function We(e, o, i, l, b, v) {
       {
-        var d = cr(e);
+        var d = dr(e);
         if (!d) {
           var u = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (u += " 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 k = Tr();
+          var k = Or();
           k ? u += k : u += De();
           var x;
           e === null ? x = "null" : oe(e) ? x = "array" : e !== void 0 && e.$$typeof === t ? (x = "<" + (j(e.type) || "Unknown") + " />", u = " Did you accidentally export a JSX literal instead of a component?") : x = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", x, u);
         }
-        var w = Cr(e, o, i, b, v);
+        var w = jr(e, o, i, b, v);
         if (w == null)
           return w;
         if (d) {
@@ -634,33 +634,33 @@ Check the top-level render call using <` + i + ">.");
               Ae(C, e);
         }
         if (M.call(o, "key")) {
-          var A = j(e), R = Object.keys(o).filter(function(Wr) {
-            return Wr !== "key";
+          var A = j(e), R = Object.keys(o).filter(function(Yr) {
+            return Yr !== "key";
           }), se = R.length > 0 ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!$e[A + se]) {
-            var $r = R.length > 0 ? "{" + R.join(": ..., ") + ": ...}" : "{}";
+            var Lr = R.length > 0 ? "{" + R.join(": ..., ") + ": ...}" : "{}";
             _(`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} />`, se, A, $r, A), $e[A + se] = !0;
+  <%s key={someKey} {...props} />`, se, A, Lr, A), $e[A + se] = !0;
           }
         }
-        return e === a ? Pr(w) : Or(w), w;
+        return e === a ? Ir(w) : Dr(w), w;
       }
     }
-    function Dr(e, o, i) {
+    function Fr(e, o, i) {
       return We(e, o, i, !0);
     }
-    function Ir(e, o, i) {
+    function Ar(e, o, i) {
       return We(e, o, i, !1);
     }
-    var Fr = Ir, Ar = Dr;
-    V.Fragment = a, V.jsx = Fr, V.jsxs = Ar;
+    var $r = Ar, Wr = Fr;
+    V.Fragment = a, V.jsx = $r, V.jsxs = Wr;
   }()), V;
 }
-process.env.NODE_ENV === "production" ? ce.exports = Hr() : ce.exports = Gr();
+process.env.NODE_ENV === "production" ? ce.exports = Gr() : ce.exports = Kr();
 var f = ce.exports;
 ue({
   "0%": {
@@ -678,7 +678,7 @@ ue({
     transform: "rotate(360deg)"
   }
 });
-const Kr = ue({
+const Jr = ue({
   from: {
     opacity: 0,
     transform: "scale(0.95)"
@@ -688,8 +688,8 @@ const Kr = ue({
     transform: "scale(1)"
   }
 }), de = y.div(({ theme: r }) => ({
-  animation: `${r.transitions.delay.normal} ${Kr} both`
-})), Jr = y(de)(
+  animation: `${r.transitions.delay.normal} ${Jr} both`
+})), qr = y(de)(
   ({ show: r, theme: t }) => ({
     zIndex: 99,
     position: "absolute",
@@ -704,14 +704,14 @@ const Kr = ue({
     flexDirection: "column",
     overflow: "hidden"
   })
-), qr = y.div(({ theme: r }) => ({
+), Xr = y.div(({ theme: r }) => ({
   height: "auto",
   width: "auto",
   color: r.colors.font,
   display: "flex",
   gap: "0.35em"
 }));
-function Ke(r, t) {
+function Je(r, t) {
   Q(() => {
     function n(a) {
       var s;
@@ -720,25 +720,25 @@ function Ke(r, t) {
     return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
   }, [r, t]);
 }
-const Xr = "escape", Zr = "ArrowUp", Qr = "ArrowDown", et = {
-  ARROW_DOWN: Qr,
-  ARROW_UP: Zr,
-  ESCAPE_KEY: Xr
-}, rt = {
+const Zr = "escape", Qr = "ArrowUp", et = "ArrowDown", rt = {
+  ARROW_DOWN: et,
+  ARROW_UP: Qr,
+  ESCAPE_KEY: Zr
+}, tt = {
   globalHotkeysEnabled: !0,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   setGlobalHotkeysEnabled: (r) => {
   }
-}, tt = ze(
-  rt
-), Je = () => Lr(tt);
-function qe(r, t, { enabled: n, disableGlobalCheck: a } = {
+}, ot = ze(
+  tt
+), qe = () => Ve(ot);
+function Xe(r, t, { enabled: n, disableGlobalCheck: a } = {
   enabled: !0,
   disableGlobalCheck: !1
 }) {
-  const { globalHotkeysEnabled: s } = Je();
-  return Mr(
-    et[r],
+  const { globalHotkeysEnabled: s } = qe();
+  return Nr(
+    rt[r],
     (c) => {
       c.preventDefault(), t();
     },
@@ -748,7 +748,7 @@ function qe(r, t, { enabled: n, disableGlobalCheck: a } = {
     }
   );
 }
-const ot = (r = !1) => {
+const nt = (r = !1) => {
   const [t, n] = Y(r);
   return {
     isShowing: t,
@@ -756,7 +756,7 @@ const ot = (r = !1) => {
     open: () => n(!0),
     close: () => n(!1)
   };
-}, nt = y.div(
+}, at = y.div(
   ({ opened: r, theme: t, svgSize: n = 24 }) => ({
     cursor: "pointer",
     userSelect: "none",
@@ -782,9 +782,9 @@ function zt({
   className: n,
   svgSize: a
 }) {
-  const s = Ve(null), { isShowing: c, toggle: m, close: h } = ot();
-  return Ke(s, h), qe("ESCAPE_KEY", h, { disableGlobalCheck: !0 }), /* @__PURE__ */ f.jsxs(
-    nt,
+  const s = Ue(null), { isShowing: c, toggle: m, close: h } = nt();
+  return Je(s, h), Xe("ESCAPE_KEY", h, { disableGlobalCheck: !0 }), /* @__PURE__ */ f.jsxs(
+    at,
     {
       opened: c,
       onClick: m,
@@ -792,13 +792,13 @@ function zt({
       className: n,
       svgSize: a,
       children: [
-        /* @__PURE__ */ f.jsx(qr, { children: t }),
-        /* @__PURE__ */ f.jsx(Jr, { show: c, children: r })
+        /* @__PURE__ */ f.jsx(Xr, { children: t }),
+        /* @__PURE__ */ f.jsx(qr, { show: c, children: r })
       ]
     }
   );
 }
-const Xe = y("div", {
+const Ze = y("div", {
   shouldForwardProp: (r) => r !== "danger"
 })(({ theme: r, danger: t }) => ({
   fontSize: "14px",
@@ -809,11 +809,11 @@ const Xe = y("div", {
   "&:hover": {
     backgroundColor: r.colors.background
   }
-})), Vt = y(Xe)({
+})), Vt = y(Ze)({
   display: "flex",
   gap: "0.75em",
   alignItems: "center"
-}), Ut = y(Xe.withComponent("a"))({
+}), Ut = y(Ze.withComponent("a"))({
   width: "100%",
   display: "flex",
   gap: "0.75em",
@@ -826,13 +826,13 @@ function Ht({
 }) {
   return /* @__PURE__ */ f.jsx("a", { target: "_blank", rel: "noreferrer", title: t, ...n, children: r });
 }
-const at = y.div({
+const it = y.div({
   width: "100%",
   display: "flex",
   flex: 1,
   alignItems: "center",
   flexDirection: "column"
-}), it = y(de)(({ theme: r }) => ({
+}), lt = y(de)(({ theme: r }) => ({
   minWidth: "500px",
   background: r.colors.background,
   padding: "1em",
@@ -849,23 +849,23 @@ const at = y.div({
     minWidth: "unset",
     marginTop: "1em"
   }
-})), lt = y.h3({
+})), st = y.h3({
   width: "100%",
   margin: 0,
   marginBottom: "0.75em",
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between"
-}), st = y.button(({ theme: r }) => ({
+}), ct = y.button(({ theme: r }) => ({
   cursor: "pointer",
   color: r.colors.blue.default,
   backgroundColor: "transparent",
   border: 0,
   padding: 0,
   margin: 0
-})), I = (r, t) => `rgba(${Nr(r, { format: "array" }).slice(0, -1).join(",")},${t})`;
+})), I = (r, t) => `rgba(${zr(r, { format: "array" }).slice(0, -1).join(",")},${t})`;
 function O(r) {
-  const t = Ge(r.color);
+  const t = Ke(r.color);
   if (!t.isValid())
     throw new Error("Invalid color provided");
   return {
@@ -898,9 +898,9 @@ function q({
   multiplicator: n,
   type: a
 }) {
-  return Ge(r)[a](t * n).toString();
+  return Ke(r)[a](t * n).toString();
 }
-const ct = y.div(({ theme: r }) => ({
+const ut = y.div(({ theme: r }) => ({
   zIndex: 9999,
   position: "absolute",
   top: 0,
@@ -914,16 +914,16 @@ const ct = y.div(({ theme: r }) => ({
   flexDirection: "column",
   transition: r.transitions.delay.normal
 }));
-var Ze = {
+var Qe = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, Be = P.createContext && /* @__PURE__ */ P.createContext(Ze), ut = ["attr", "size", "title"];
-function dt(r, t) {
+}, Be = P.createContext && /* @__PURE__ */ P.createContext(Qe), dt = ["attr", "size", "title"];
+function ft(r, t) {
   if (r == null) return {};
-  var n = ft(r, t), a, s;
+  var n = pt(r, t), a, s;
   if (Object.getOwnPropertySymbols) {
     var c = Object.getOwnPropertySymbols(r);
     for (s = 0; s < c.length; s++)
@@ -931,7 +931,7 @@ function dt(r, t) {
   }
   return n;
 }
-function ft(r, t) {
+function pt(r, t) {
   if (r == null) return {};
   var n = {};
   for (var a in r)
@@ -965,21 +965,21 @@ function Z(r) {
   for (var t = 1; t < arguments.length; t++) {
     var n = arguments[t] != null ? arguments[t] : {};
     t % 2 ? Me(Object(n), !0).forEach(function(a) {
-      pt(r, a, n[a]);
+      bt(r, a, n[a]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(n)) : Me(Object(n)).forEach(function(a) {
       Object.defineProperty(r, a, Object.getOwnPropertyDescriptor(n, a));
     });
   }
   return r;
 }
-function pt(r, t, n) {
-  return t = bt(t), t in r ? Object.defineProperty(r, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : r[t] = n, r;
+function bt(r, t, n) {
+  return t = gt(t), t in r ? Object.defineProperty(r, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : r[t] = n, r;
 }
-function bt(r) {
-  var t = gt(r, "string");
+function gt(r) {
+  var t = vt(r, "string");
   return typeof t == "symbol" ? t : t + "";
 }
-function gt(r, t) {
+function vt(r, t) {
   if (typeof r != "object" || !r) return r;
   var n = r[Symbol.toPrimitive];
   if (n !== void 0) {
@@ -989,23 +989,23 @@ function gt(r, t) {
   }
   return (t === "string" ? String : Number)(r);
 }
-function Qe(r) {
+function er(r) {
   return r && r.map((t, n) => /* @__PURE__ */ P.createElement(t.tag, Z({
     key: n
-  }, t.attr), Qe(t.child)));
+  }, t.attr), er(t.child)));
 }
-function vt(r) {
-  return (t) => /* @__PURE__ */ P.createElement(mt, X({
+function mt(r) {
+  return (t) => /* @__PURE__ */ P.createElement(ht, X({
     attr: Z({}, r.attr)
-  }, t), Qe(r.child));
+  }, t), er(r.child));
 }
-function mt(r) {
+function ht(r) {
   var t = (n) => {
     var {
       attr: a,
       size: s,
       title: c
-    } = r, m = dt(r, ut), h = s || n.size || "1em", g;
+    } = r, m = ft(r, dt), h = s || n.size || "1em", g;
     return n.className && (g = n.className), r.className && (g = (g ? g + " " : "") + r.className), /* @__PURE__ */ P.createElement("svg", X({
       stroke: "currentColor",
       fill: "currentColor",
@@ -1020,12 +1020,12 @@ function mt(r) {
       xmlns: "http://www.w3.org/2000/svg"
     }), c && /* @__PURE__ */ P.createElement("title", null, c), r.children);
   };
-  return Be !== void 0 ? /* @__PURE__ */ P.createElement(Be.Consumer, null, (n) => t(n)) : t(Ze);
+  return Be !== void 0 ? /* @__PURE__ */ P.createElement(Be.Consumer, null, (n) => t(n)) : t(Qe);
 }
-function ht(r) {
-  return vt({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "m289.94 256 95-95A24 24 0 0 0 351 127l-95 95-95-95a24 24 0 0 0-34 34l95 95-95 95a24 24 0 1 0 34 34l95-95 95 95a24 24 0 0 0 34-34z" }, child: [] }] })(r);
+function yt(r) {
+  return mt({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "m289.94 256 95-95A24 24 0 0 0 351 127l-95 95-95-95a24 24 0 0 0-34 34l95 95-95 95a24 24 0 1 0 34 34l95-95 95 95a24 24 0 0 0 34-34z" }, child: [] }] })(r);
 }
-const yt = y.p(({ lines: r = 1 }) => r > 1 ? {
+const xt = y.p(({ lines: r = 1 }) => r > 1 ? {
   overflow: "hidden",
   display: "-webkit-box",
   WebkitLineClamp: r,
@@ -1043,24 +1043,24 @@ function Gt({
   className: s,
   close: c
 }) {
-  const m = Ve(null), { setGlobalHotkeysEnabled: h } = Je();
-  return Ke(m, c), qe("ESCAPE_KEY", c, { disableGlobalCheck: !0 }), Q(
+  const m = Ue(null), { setGlobalHotkeysEnabled: h } = qe();
+  return Je(m, c), Xe("ESCAPE_KEY", c, { disableGlobalCheck: !0 }), Q(
     () => h(!n),
     [n, h]
-  ), typeof window > "u" ? /* @__PURE__ */ f.jsx(Ue, {}) : n && zr(
-    /* @__PURE__ */ f.jsx(ct, { children: /* @__PURE__ */ f.jsxs(it, { className: s, ref: m, children: [
-      (!a || r) && /* @__PURE__ */ f.jsxs(lt, { children: [
-        r && /* @__PURE__ */ f.jsx(yt, { children: r }),
+  ), typeof window > "u" ? /* @__PURE__ */ f.jsx(He, {}) : n && Vr(
+    /* @__PURE__ */ f.jsx(ut, { children: /* @__PURE__ */ f.jsxs(lt, { className: s, ref: m, children: [
+      (!a || r) && /* @__PURE__ */ f.jsxs(st, { children: [
+        r && /* @__PURE__ */ f.jsx(xt, { children: r }),
         !a && /* @__PURE__ */ f.jsx(
-          st,
+          ct,
           {
             onClick: c,
             style: { marginLeft: r ? "unset" : "auto" },
-            children: /* @__PURE__ */ f.jsx(ht, { size: 20 })
+            children: /* @__PURE__ */ f.jsx(yt, { size: 20 })
           }
         )
       ] }),
-      /* @__PURE__ */ f.jsx(at, { children: t })
+      /* @__PURE__ */ f.jsx(it, { children: t })
     ] }) }),
     document.body
   );
@@ -1075,7 +1075,7 @@ const Kt = y.img(({ theme: r, size: t = 48 }) => {
       boxShadow: `0 1px 3px 0 ${n}, 0 1px 2px -1px ${n}`
     }
   };
-}), xt = y.li(
+}), wt = y.li(
   ({ theme: r, active: t, danger: n }) => {
     const a = n ? r.colors.red.default : r.colors.blue.default;
     return {
@@ -1091,12 +1091,12 @@ const Kt = y.img(({ theme: r, size: t = 48 }) => {
       transition: ".075s"
     };
   }
-), wt = y.ul({
+), Et = y.ul({
   padding: 0,
   margin: 0,
   display: "flex",
   listStyle: "none"
-}), Et = y.div(({ theme: r }) => ({
+}), _t = y.div(({ theme: r }) => ({
   zIndex: 1,
   position: "relative",
   border: `1px solid ${I(r.colors.blue.default, 0.25)}`,
@@ -1108,8 +1108,8 @@ function Jt({ tabs: r }) {
     n(s);
   };
   return /* @__PURE__ */ f.jsxs("div", { children: [
-    /* @__PURE__ */ f.jsx(wt, { children: r.map(({ title: s, icon: c, danger: m }, h) => /* @__PURE__ */ f.jsxs(
-      xt,
+    /* @__PURE__ */ f.jsx(Et, { children: r.map(({ title: s, icon: c, danger: m }, h) => /* @__PURE__ */ f.jsxs(
+      wt,
       {
         active: h === t,
         onClick: () => a(h),
@@ -1121,7 +1121,7 @@ function Jt({ tabs: r }) {
       },
       h
     )) }),
-    /* @__PURE__ */ f.jsx(Et, { children: /* @__PURE__ */ f.jsx(de, { children: r[t].content }) }, r[t].title)
+    /* @__PURE__ */ f.jsx(_t, { children: /* @__PURE__ */ f.jsx(de, { children: r[t].content }) }, r[t].title)
   ] });
 }
 const fe = y("div", {
@@ -1142,7 +1142,7 @@ const fe = y("div", {
     color: t.colors.red.default,
     content: r ? '"*"' : '""'
   }
-})), er = y.p(({ theme: r }) => ({
+})), rr = y.p(({ theme: r }) => ({
   fontSize: "12px",
   color: r.colors.red.default
 }));
@@ -1156,7 +1156,7 @@ function qt({
   ...m
 }) {
   const [h, g] = Y(n);
-  if (typeof window > "u") return /* @__PURE__ */ f.jsx(Ue, {});
+  if (typeof window > "u") return /* @__PURE__ */ f.jsx(He, {});
   function S({ target: p }) {
     g(p.checked), s && s(p.name, p.checked);
   }
@@ -1168,7 +1168,7 @@ function qt({
       children: [
         /* @__PURE__ */ f.jsx("label", { htmlFor: r, title: t, children: t }),
         /* @__PURE__ */ f.jsx(
-          Vr,
+          Ur,
           {
             ...m,
             onChange: S,
@@ -1178,7 +1178,7 @@ function qt({
             id: r
           }
         ),
-        a.length > 0 && a.map((p) => /* @__PURE__ */ f.jsx(er, { children: p }, p))
+        a.length > 0 && a.map((p) => /* @__PURE__ */ f.jsx(rr, { children: p }, p))
       ]
     }
   );
@@ -1188,7 +1188,7 @@ const Xt = y.form({
   display: "flex",
   gap: "1em",
   flexDirection: "column"
-}), _t = y.input(({ theme: r }) => ({
+}), kt = y.input(({ theme: r }) => ({
   width: "100%",
   color: r.colors.font,
   backgroundColor: r.colors.secondary,
@@ -1224,7 +1224,7 @@ function Zt({
   return /* @__PURE__ */ f.jsxs(fe, { required: c, children: [
     /* @__PURE__ */ f.jsx("label", { htmlFor: r, title: t, children: t }),
     /* @__PURE__ */ f.jsx(
-      _t,
+      kt,
       {
         ...m,
         name: r,
@@ -1233,7 +1233,7 @@ function Zt({
         placeholder: m.placeholder ?? "Type something..."
       }
     ),
-    a.length > 0 && a.map((p) => /* @__PURE__ */ f.jsx(er, { children: p }, p))
+    a.length > 0 && a.map((p) => /* @__PURE__ */ f.jsx(rr, { children: p }, p))
   ] });
 }
 function Qt({
@@ -1246,7 +1246,7 @@ function Qt({
   required: m = !1,
   ...h
 }) {
-  const g = He(), [S, p] = Y();
+  const g = Ge(), [S, p] = Y();
   Q(() => {
     if (a.length === 0) return;
     const E = a.find((D) => D.value === n);
@@ -1258,7 +1258,7 @@ function Qt({
   return /* @__PURE__ */ f.jsxs(fe, { required: m, children: [
     t && /* @__PURE__ */ f.jsx("label", { htmlFor: r, title: `${r} field`, children: t }),
     /* @__PURE__ */ f.jsx(
-      Ur,
+      Hr,
       {
         value: S,
         onChange: (E) => T(E),
@@ -1271,7 +1271,7 @@ function Qt({
     )
   ] });
 }
-const Ne = "__minimstuff_dark_theme__", kt = {
+const Ne = "__minimstuff_dark_theme__", Rt = {
   radius: {
     xs: "1px",
     s: "2px",
@@ -1279,31 +1279,31 @@ const Ne = "__minimstuff_dark_theme__", kt = {
     l: "4px",
     xl: "5px"
   }
-}, Rt = {
+}, St = {
   xs: "10px",
   s: "12px",
   m: "14px",
   l: "16px",
   xl: "18px"
-}, St = {
+}, Ct = {
   mobile: "768px",
   tablet: "1024px",
   small_desktop: "1280px",
   medium_desktop: "1440px",
   large_desktop: "1920px",
   xlarge_desktop: "2560px"
-}, Ct = {
+}, Tt = {
   delay: {
     fast: "0.075s",
     normal: "0.15s",
     slow: "0.3s"
   }
-}, Tt = {
-  borders: kt,
-  medias: St,
-  transitions: Ct,
-  fontSizes: Rt
 }, jt = {
+  borders: Rt,
+  medias: Ct,
+  transitions: Tt,
+  fontSizes: St
+}, Ot = {
   font: "#f0eef6",
   background: "#222831",
   secondary: "#323a47",
@@ -1321,7 +1321,7 @@ const Ne = "__minimstuff_dark_theme__", kt = {
   red: O({ color: "red" }),
   yellow: O({ color: "#ffc107" }),
   boxShadow: `0 0 1em 0 ${I("#111", 0.4)}`
-}, Ot = {
+}, Pt = {
   font: "#333",
   background: "#f0eef6",
   secondary: "#fff",
@@ -1344,7 +1344,7 @@ const Ne = "__minimstuff_dark_theme__", kt = {
   }),
   boxShadow: `0 0 1em 0 ${I("#aaa", 0.4)}`
 };
-const Pt = ze({
+const tr = ze({
   isDarkTheme: !0,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   toggleDarkTheme: (r) => {
@@ -1360,14 +1360,14 @@ function eo({
   return Q(() => {
     localStorage.setItem(Ne, String(n));
   }, [n]), /* @__PURE__ */ f.jsx(
-    Yr,
+    Br,
     {
       theme: {
-        ...Tt,
-        colors: n ? jt : Ot
+        ...jt,
+        colors: n ? Ot : Pt
       },
       children: /* @__PURE__ */ f.jsxs(
-        Pt.Provider,
+        tr.Provider,
         {
           value: {
             isDarkTheme: n,
@@ -1383,7 +1383,7 @@ function eo({
   );
 }
 function Dt() {
-  const r = He(), t = J({
+  const r = Ge(), t = J({
     "*": {
       boxSizing: "border-box",
       outline: 0,
@@ -1482,34 +1482,40 @@ function Dt() {
       backgroundColor: r.colors.secondary
     }
   });
-  return /* @__PURE__ */ f.jsx(Br, { styles: [t, n, a, s] });
+  return /* @__PURE__ */ f.jsx(Mr, { styles: [t, n, a, s] });
 }
+const ro = () => Ve(tr);
 export {
   Nt as Button,
   qt as Checkbox,
   zt as Dropdown,
-  Jr as DropdownContainer,
+  qr as DropdownContainer,
   Vt as DropdownItemButton,
   Ut as DropdownItemLink,
-  qr as DropdownLabel,
+  Xr as DropdownLabel,
   Ht as ExternalLink,
   Xt as Form,
   Gt as Modal,
-  at as ModalBody,
-  st as ModalCloseBtn,
-  it as ModalContainer,
-  lt as ModalHeader,
-  ct as ModalWrapper,
+  it as ModalBody,
+  ct as ModalCloseBtn,
+  lt as ModalContainer,
+  st as ModalHeader,
+  ut as ModalWrapper,
   Kt as RoundedImage,
   Qt as Selector,
   Dt as StyleReset,
-  xt as TabItem,
-  wt as TabList,
-  Et as TabPanel,
+  wt as TabItem,
+  Et as TabList,
+  _t as TabPanel,
   Jt as Tabs,
-  yt as TextEllipsis,
+  xt as TextEllipsis,
   Zt as Textbox,
   eo as ThemeContextProvider,
-  Pt as _ThemeContext
+  tr as _ThemeContext,
+  Je as useClickOutside,
+  qe as useGlobalHotkeys,
+  Xe as useShortcut,
+  ro as useThemeSwitcher,
+  nt as useToggle
 };
 //# sourceMappingURL=index.es.js.map