@cfx-dev/ui-components 0.0.19 → 0.0.21

package/dist/{Icons-B26SczGZ.js → Icons-BlBKvJD8.js}

@@ -1,153 +1,94 @@
 import { jsx as a } from "react/jsx-runtime";
-import c from "react";
-var L = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-}, d = c.createContext && c.createContext(L), o = function() {
-  return o = Object.assign || function(t) {
-    for (var l, e = 1, n = arguments.length; e < n; e++) {
-      l = arguments[e];
-      for (var i in l)
-        Object.prototype.hasOwnProperty.call(l, i) && (t[i] = l[i]);
-    }
-    return t;
-  }, o.apply(this, arguments);
-}, z = function(t, l) {
-  var e = {};
-  for (var n in t)
-    Object.prototype.hasOwnProperty.call(t, n) && l.indexOf(n) < 0 && (e[n] = t[n]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var i = 0, n = Object.getOwnPropertySymbols(t); i < n.length; i++)
-      l.indexOf(n[i]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[i]) && (e[n[i]] = t[n[i]]);
-  return e;
-};
-function m(t) {
-  return t && t.map(function(l, e) {
-    return c.createElement(l.tag, o({
-      key: e
-    }, l.attr), m(l.child));
-  });
-}
-function r(t) {
-  return function(l) {
-    return c.createElement(p, o({
-      attr: o({}, t.attr)
-    }, l), m(t.child));
-  };
-}
-function p(t) {
-  var l = function(e) {
-    var n = t.attr, i = t.size, u = t.title, C = z(t, ["attr", "size", "title"]), g = i || e.size || "1em", s;
-    return e.className && (s = e.className), t.className && (s = (s ? s + " " : "") + t.className), c.createElement("svg", o({
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0"
-    }, e.attr, n, C, {
-      className: s,
-      style: o(o({
-        color: t.color || e.color
-      }, e.style), t.style),
-      height: g,
-      width: g,
-      xmlns: "http://www.w3.org/2000/svg"
-    }), u && c.createElement("title", null, u), t.children);
-  };
-  return d !== void 0 ? c.createElement(d.Consumer, null, function(e) {
-    return l(e);
-  }) : l(L);
-}
-function x(t) {
+import { G as r, b as n } from "./index.esm-BkynlSN6.js";
+function o(t) {
   return r({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z" } }, { tag: "path", attr: { d: "M13 7h-2v6h6v-2h-4z" } }] })(t);
 }
-function M(t) {
+function c(t) {
   return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M15.854 5.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L12.5 7.793l2.646-2.647a.5.5 0 0 1 .708 0z" } }, { tag: "path", attr: { d: "M1 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" } }] })(t);
 }
-function B(t) {
+function g(t) {
   return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" } }] })(t);
 }
-function w(t) {
+function s(t) {
   return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" } }, { tag: "path", attr: { d: "M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z" } }] })(t);
 }
-function y(t) {
+function d(t) {
   return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z" } }] })(t);
 }
-function Q(t) {
+function b(t) {
   return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" } }] })(t);
 }
-function q(t) {
+function S(t) {
   return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z" } }] })(t);
 }
-function H(t) {
+function h(t) {
   return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z" } }, { tag: "path", attr: { d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z" } }] })(t);
 }
-function V(t) {
+function v(t) {
   return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M4 10.781c.148 1.667 1.513 2.85 3.591 3.003V15h1.043v-1.216c2.27-.179 3.678-1.438 3.678-3.3 0-1.59-.947-2.51-2.956-3.028l-.722-.187V3.467c1.122.11 1.879.714 2.07 1.616h1.47c-.166-1.6-1.54-2.748-3.54-2.875V1H7.591v1.233c-1.939.23-3.27 1.472-3.27 3.156 0 1.454.966 2.483 2.661 2.917l.61.162v4.031c-1.149-.17-1.94-.8-2.131-1.718H4zm3.391-3.836c-1.043-.263-1.6-.825-1.6-1.616 0-.944.704-1.641 1.8-1.828v3.495l-.2-.05zm1.591 1.872c1.287.323 1.852.859 1.852 1.769 0 1.097-.826 1.828-2.2 1.939V8.73l.348.086z" } }] })(t);
 }
-function k(t) {
+function u(t) {
   return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" } }, { tag: "path", attr: { d: "M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z" } }] })(t);
 }
-function b(t) {
+function L(t) {
   return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z" } }] })(t);
 }
-function A(t) {
+function f(t) {
   return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z" } }] })(t);
 }
-function F(t) {
+function p(t) {
   return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z" } }] })(t);
 }
-function O(t) {
+function M(t) {
   return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" } }] })(t);
 }
-function Z(t) {
+function B(t) {
   return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M10.804 8 5 4.633v6.734L10.804 8zm.792-.696a.802.802 0 0 1 0 1.392l-6.363 3.692C4.713 12.69 4 12.345 4 11.692V4.308c0-.653.713-.998 1.233-.696l6.363 3.692z" } }] })(t);
 }
-function N(t) {
+function C(t) {
   return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z" } }] })(t);
 }
-function S(t) {
+function z(t) {
   return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M3 2v4.586l7 7L14.586 9l-7-7H3zM2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586V2z" } }, { tag: "path", attr: { d: "M5.5 5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm0 1a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM1 7.086a1 1 0 0 0 .293.707L8.75 15.25l-.043.043a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 0 7.586V3a1 1 0 0 1 1-1v5.086z" } }] })(t);
 }
-function E(t) {
+function x(t) {
   return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6Z" } }, { tag: "path", attr: { d: "M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1ZM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118ZM2.5 3h11V2h-11v1Z" } }] })(t);
 }
-function _(t) {
+function m(t) {
   return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" } }, { tag: "path", attr: { d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z" } }] })(t);
 }
-function j(t) {
+function w(t) {
   return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z" } }] })(t);
 }
-function P(t) {
-  return r({ tag: "svg", attr: { viewBox: "0 0 640 512" }, child: [{ tag: "path", attr: { d: "M48 0C21.53 0 0 21.53 0 48v64c0 8.84 7.16 16 16 16h80V48C96 21.53 74.47 0 48 0zm208 412.57V352h288V96c0-52.94-43.06-96-96-96H111.59C121.74 13.41 128 29.92 128 48v368c0 38.87 34.65 69.65 74.75 63.12C234.22 474 256 444.46 256 412.57zM288 384v32c0 52.93-43.06 96-96 96h336c61.86 0 112-50.14 112-112 0-8.84-7.16-16-16-16H288z" } }] })(t);
-}
-function R(t) {
+function y(t) {
   return r({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" } }, { tag: "polyline", attr: { points: "15 3 21 3 21 9" } }, { tag: "line", attr: { x1: "10", y1: "14", x2: "21", y2: "3" } }] })(t);
 }
-function h(t) {
+function N(t) {
+  return r({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" } }, { tag: "polyline", attr: { points: "17 8 12 3 7 8" } }, { tag: "line", attr: { x1: "12", y1: "3", x2: "12", y2: "15" } }] })(t);
+}
+function l(t) {
   return r({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256.65 38.984l-49.697 100.702-111.13 16.146 80.413 78.385-18.982 110.68 99.396-52.256 99.397 52.256-18.983-110.68 80.413-78.384-111.127-16.146-49.7-100.702zM112 308.826l-26.674 54.05-59.646 8.665 43.16 42.073-10.188 59.403L112 444.97l53.348 28.046-10.188-59.403 43.16-42.072-59.646-8.665L112 308.825zm288 0l-26.674 54.05-59.646 8.665 43.16 42.073-10.188 59.403L400 444.97l53.348 28.046-10.188-59.403 43.16-42.072-59.646-8.665L400 308.825z" } }] })(t);
 }
-function v(t) {
+function e(t) {
   return r({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M345.6 128l51.3 51.3-109.3 109.4-89.6-89.6L32 365.4 63.6 397 198 262.5l89.6 89.7 141.1-141 51.3 51.3V128H345.6z" } }] })(t);
 }
-function T(t) {
+function H(t) {
   return r({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M394.23 197.56a300.43 300.43 0 00-53.37-90C301.2 61.65 249.05 32 208 32a16 16 0 00-15.48 20c13.87 53-14.88 97.07-45.31 143.72C122 234.36 96 274.27 96 320c0 88.22 71.78 160 160 160s160-71.78 160-160c0-43.3-7.32-84.49-21.77-122.44zm-105.9 221.13C278 429.69 265.05 432 256 432s-22-2.31-32.33-13.31S208 390.24 208 368c0-25.14 8.82-44.28 17.34-62.78 4.95-10.74 10-21.67 13-33.37a8 8 0 0112.49-4.51A126.48 126.48 0 01275 292c18.17 24 29 52.42 29 76 0 22.24-5.42 39.77-15.67 50.69z" } }] })(t);
 }
-function U(t) {
+function V(t) {
   return r({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" } }, { tag: "path", attr: { d: "M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z" } }] })(t);
 }
-function G(t) {
+function k(t) {
   return r({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "g", attr: { fill: "none" }, child: [{ tag: "path", attr: { d: "M0 0h24v24H0z" } }, { tag: "path", attr: { d: "M0 0h24v24H0z" } }, { tag: "path", attr: { d: "M0 0h24v24H0z" } }] }, { tag: "path", attr: { d: "M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z" } }] })(t);
 }
-function D(t) {
+function A(t) {
   return r({ tag: "svg", attr: { viewBox: "0 0 16 16", fill: "currentColor" }, child: [{ tag: "rect", attr: { x: "2", y: "9", width: "9", height: "1" } }, { tag: "rect", attr: { x: "2", y: "12", width: "8", height: "1" } }, { tag: "rect", attr: { x: "2", y: "6", width: "12", height: "1" } }, { tag: "rect", attr: { x: "2", y: "3", width: "11", height: "1" } }] })(t);
 }
-var f;
+var i;
 ((t) => {
-  t.exit = /* @__PURE__ */ a(j, { style: { fontSize: "1.75em" } }), t.settings = /* @__PURE__ */ a(b, {}), t.changelog = /* @__PURE__ */ a(P, {}), t.storymode = /* @__PURE__ */ a(Z, {}), t.replayEditor = /* @__PURE__ */ a(G, {}), t.tipInfo = /* @__PURE__ */ a(N, {}), t.remove = /* @__PURE__ */ a(E, {}), t.externalLink = /* @__PURE__ */ a(R, {}), t.tags = /* @__PURE__ */ a(S, {}), t.checkmark = /* @__PURE__ */ a(y, {}), t.playersCount = /* @__PURE__ */ a(O, {}), t.last24h = /* @__PURE__ */ a(U, {}), t.statusLevelAllGood = /* @__PURE__ */ a(w, {}), t.statusLevelMinor = /* @__PURE__ */ a(k, {}), t.statusLevelMajor = /* @__PURE__ */ a(_, {}), t.favoriteInactive = /* @__PURE__ */ a(F, {}), t.favoriteActive = /* @__PURE__ */ a(A, { className: "cfx-color-primary" }), t.account = /* @__PURE__ */ a(B, {}), t.accountLoaded = /* @__PURE__ */ a(M, {}), t.serversListAll = /* @__PURE__ */ a(D, {}), t.serversListSupporters = /* @__PURE__ */ a(V, {}), t.serversListHistory = /* @__PURE__ */ a(H, {}), t.serversListFavorites = t.favoriteInactive, t.serverLastConnected = /* @__PURE__ */ a(x, {}), t.serversFeatured = /* @__PURE__ */ a(h, { style: { fill: "url(#pin-gradient)" } }), t.serversFeaturedUnstyled = /* @__PURE__ */ a(h, {}), t.serverBoost = /* @__PURE__ */ a(v, { style: { fill: "url(#boost-gradient)" } }), t.serverBoostUnstyled = /* @__PURE__ */ a(v, {}), t.serverBurst = /* @__PURE__ */ a(T, { style: { fill: "url(#burst-gradient)" } });
-})(f || (f = {}));
-const J = {
+  t.exit = /* @__PURE__ */ a(w, { style: { fontSize: "1.75em" } }), t.settings = /* @__PURE__ */ a(L, {}), t.changelog = /* @__PURE__ */ a(n, {}), t.storymode = /* @__PURE__ */ a(B, {}), t.replayEditor = /* @__PURE__ */ a(k, {}), t.tipInfo = /* @__PURE__ */ a(C, {}), t.remove = /* @__PURE__ */ a(x, {}), t.externalLink = /* @__PURE__ */ a(y, {}), t.tags = /* @__PURE__ */ a(z, {}), t.checkmark = /* @__PURE__ */ a(d, {}), t.playersCount = /* @__PURE__ */ a(M, {}), t.last24h = /* @__PURE__ */ a(V, {}), t.statusLevelAllGood = /* @__PURE__ */ a(s, {}), t.statusLevelMinor = /* @__PURE__ */ a(u, {}), t.statusLevelMajor = /* @__PURE__ */ a(m, {}), t.favoriteInactive = /* @__PURE__ */ a(p, {}), t.favoriteActive = /* @__PURE__ */ a(f, { className: "cfx-color-primary" }), t.account = /* @__PURE__ */ a(g, {}), t.accountLoaded = /* @__PURE__ */ a(c, {}), t.serversListAll = /* @__PURE__ */ a(A, {}), t.serversListSupporters = /* @__PURE__ */ a(v, {}), t.serversListHistory = /* @__PURE__ */ a(h, {}), t.serversListFavorites = t.favoriteInactive, t.serverLastConnected = /* @__PURE__ */ a(o, {}), t.serversFeatured = /* @__PURE__ */ a(l, { style: { fill: "url(#pin-gradient)" } }), t.serversFeaturedUnstyled = /* @__PURE__ */ a(l, {}), t.serverBoost = /* @__PURE__ */ a(e, { style: { fill: "url(#boost-gradient)" } }), t.serverBoostUnstyled = /* @__PURE__ */ a(e, {}), t.serverBurst = /* @__PURE__ */ a(H, { style: { fill: "url(#burst-gradient)" } });
+})(i || (i = {}));
+const R = {
   gta5: /* @__PURE__ */ a("svg", { className: "brand-icon mirror", children: /* @__PURE__ */ a("use", { xlinkHref: "#logo-gta5" }) }),
   rdr3: /* @__PURE__ */ a("svg", { className: "brand-icon", children: /* @__PURE__ */ a("use", { xlinkHref: "#logo-rdr3" }) }),
   ny: /* @__PURE__ */ a("svg", { className: "brand-icon", children: /* @__PURE__ */ a("use", { xlinkHref: "#logo-ny" }) }),
@@ -155,8 +96,9 @@ const J = {
   ROS: /* @__PURE__ */ a("svg", { className: "brand-icon", viewBox: "0 0 128 128", version: "1.1", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ a("path", { d: "M126.7,82.9L99.6,82.9L95.3,55.9L79.5,82.7L76.5,82.7C74.7,79.6 74,75.1 74,72.3C74,67.7 74.3,63.2 74.3,57.3C74.3,49.5 72,45.4 65.9,43.9L65.9,43.7C78.8,41.9 84.7,33.3 84.7,21.3C84.7,4.2 73.3,0.5 58.4,0.5L18.3,0.5L1.3,80.9L22.6,80.9L28.8,51.6L43,51.6C50.6,51.6 53.7,55.3 53.7,62.4C53.7,67.8 53.1,72.1 53.1,76.2C53.1,77.7 53.4,81.3 54.5,82.7L69.9,99L56.6,127.5L85,110.6L106.2,126.9L102.3,100L126.7,82.9ZM49.4,36.6L32.4,36.6L36.5,17.2L52.3,17.2C57.9,17.2 63.8,18.7 63.8,25.5C63.8,34.2 57.1,36.6 49.4,36.6M85.4,105.9L65.6,117.7L74.7,98.3L63.7,86.7L81.8,86.7L93.2,67.4L96.3,86.9L114.3,86.9L98.1,98.2L101,118L85.4,105.9Z" }) })
 };
 export {
-  J as B,
-  f as I,
-  Q as a,
-  q as b
+  R as B,
+  N as F,
+  i as I,
+  b as a,
+  S as b
 };

package/dist/{Rail-BCY3h7eP.js → Rail-CCuyJpf6.js}

@@ -1,9 +1,9 @@
 import { jsx as _ } from "react/jsx-runtime";
-import r from "react";
+import s from "react";
 import { Interactive as w } from "./components/Interactive/Interactive.js";
 import { clsx as A } from "./utils/clsx.js";
-import { d as C } from "./hooks-GAujvL7d.js";
-import { c as b } from "./math-i2ceybzU.js";
+import { useInstance as C } from "./utils/hooks.js";
+import { clamp01 as b } from "./utils/math.js";
 import './assets/Rail.css';const P = "_virtual_sn3qq_1", T = "_root_sn3qq_5", y = "_active_sn3qq_13", z = "_scroller_sn3qq_17", M = "_content_sn3qq_27", R = "_thumb_sn3qq_42", a = {
   virtual: P,
   root: T,
@@ -37,7 +37,7 @@ function X(d) {
     rootRef: v,
     setRootActive: c,
     minThumbSize: i
-  } = d, o = r.useMemo(() => l === "x" ? {
+  } = d, o = s.useMemo(() => l === "x" ? {
     sizeCSS: "width",
     offsetCSSTransform: "translateX",
     scrollToSide: "left",
@@ -47,13 +47,13 @@ function X(d) {
     offsetCSSTransform: "translateY",
     scrollToSide: "top",
     mousePosAxis: "clientY"
-  }, []), [S, m] = r.useState(!1), t = C(E);
+  }, []), [S, m] = s.useState(!1), t = C(E);
   t.pos = n, t.ratio = b(e / g), t.height = e * t.ratio, t.offset = n * t.ratio, t.height < i && (t.height = i, t.offset = n * t.ratio * ((e - i) / e)), t.movementMultiplier = 1 / t.ratio;
-  const h = r.useCallback((s) => {
-    t.dragging = !0, t.dragStartAtPos = t.pos, t.dragStartAtCursor = s[o.mousePosAxis], m(!0), c(!0);
+  const h = s.useCallback((r) => {
+    t.dragging = !0, t.dragStartAtPos = t.pos, t.dragStartAtCursor = r[o.mousePosAxis], m(!0), c(!0);
   }, []);
-  r.useEffect(() => {
-    const s = (q) => {
+  s.useEffect(() => {
+    const r = (q) => {
       var f;
       if (!t.dragging)
         return;
@@ -65,8 +65,8 @@ function X(d) {
     }, u = () => {
       t.dragging && (t.dragging = !1, m(!1), c(!1));
     };
-    return window.addEventListener("mousemove", s), window.addEventListener("mouseup", u), () => {
-      window.removeEventListener("mousemove", s), window.removeEventListener("mouseup", u);
+    return window.addEventListener("mousemove", r), window.addEventListener("mouseup", u), () => {
+      window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", u);
     };
   }, []);
   const p = {

package/dist/_commonjsHelpers-C6fGbg64.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+export {
+  e as g
+};

package/dist/assets/InputDropzone.css

@@ -0,0 +1 @@
+._root_1kc1u_1 ._dropzone_1kc1u_1{text-align:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;width:100%;min-height:calc(var(--quant) * 15);padding:var(--offset-normal);background-color:var(--color-input-background);border-radius:var(--border-radius-small);border:none;box-shadow:0 0 0 2px var(--color-input-border) inset}._root_1kc1u_1 ._dropzone_1kc1u_1{transition:all .2s ease}._root_1kc1u_1 ._dropzone_1kc1u_1:hover{transition:none}._root_1kc1u_1 ._dropzone_1kc1u_1 ._text_1kc1u_21{margin-top:var(--offset-small)}._root_1kc1u_1 ._dropzone_1kc1u_1 ._text_1kc1u_21{transition:all .2s ease}._root_1kc1u_1 ._dropzone_1kc1u_1 ._text_1kc1u_21:hover{transition:none}._root_1kc1u_1 ._dropzone_1kc1u_1._disabled_1kc1u_30{box-shadow:0 0 0 2px var(--color-input-disabled-border) inset;cursor:not-allowed;opacity:.5}._root_1kc1u_1 ._dropzone_1kc1u_1:not(._disabled_1kc1u_30):hover{box-shadow:0 0 0 2px var(--color-input-hover-border) inset}._root_1kc1u_1 ._dropzone_1kc1u_1:not(._disabled_1kc1u_30):hover ._text_1kc1u_21{margin-top:var(--offset-normal)}._root_1kc1u_1 ._dropzone_1kc1u_1:not(._disabled_1kc1u_30):focus-visible,._root_1kc1u_1 ._dropzone_1kc1u_1:not(._disabled_1kc1u_30):focus-visible:hover,._root_1kc1u_1 ._dropzone_1kc1u_1:not(._disabled_1kc1u_30)._focused_1kc1u_41,._root_1kc1u_1 ._dropzone_1kc1u_1:not(._disabled_1kc1u_30)._dragActive_1kc1u_41{box-shadow:0 0 0 2px var(--color-input-focus-border) inset}._root_1kc1u_1 ._dropzone_1kc1u_1:not(._disabled_1kc1u_30):focus-visible ._text_1kc1u_21,._root_1kc1u_1 ._dropzone_1kc1u_1:not(._disabled_1kc1u_30):focus-visible:hover ._text_1kc1u_21,._root_1kc1u_1 ._dropzone_1kc1u_1:not(._disabled_1kc1u_30)._focused_1kc1u_41 ._text_1kc1u_21,._root_1kc1u_1 ._dropzone_1kc1u_1:not(._disabled_1kc1u_30)._dragActive_1kc1u_41 ._text_1kc1u_21{margin-top:var(--offset-normal)}._root_1kc1u_1 ._linkText_1kc1u_47{text-decoration:underline;text-decoration-color:currentColor;cursor:pointer}._root_1kc1u_1 ._linkText_1kc1u_47{transition:all .2s ease}._root_1kc1u_1 ._linkText_1kc1u_47:hover{transition:none}._root_1kc1u_1 ._linkText_1kc1u_47:hover{text-decoration-color:var(--color-link-hover-decoration)}

package/dist/assets/ItemPreview.css

@@ -0,0 +1 @@
+._root_15ual_1{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:var(--offset-small);padding:var(--offset-small);background-color:var(--color-input-background);border-radius:var(--border-radius-small);border:none;box-shadow:0 0 0 2px var(--color-input-border) inset}._root_15ual_1 ._filePath_15ual_13{word-break:break-all;margin-right:var(--offset-small)}

package/dist/assets/Table.css

@@ -0,0 +1 @@
+._table-responsive_1jg2j_1{overflow-y:auto;max-height:400px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px;color:#fff}@media (max-width: 600px){th,td{padding:4px;font-size:14px}}._selectedRow_1jg2j_23{background-color:gray}th{background-color:#f50551}

package/dist/components/BackdropPortal/BackdropPortal.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 
+export declare const BACKDROP_OUTLET_ID = "backdrop-outlet";
 export interface BackdropPortalProps {
     children?: React.ReactNode;
 }

package/dist/components/BackdropPortal/BackdropPortal.js

@@ -1,11 +1,13 @@
-import { jsx as t } from "react/jsx-runtime";
-import { a } from "../../hooks-GAujvL7d.js";
-function e({
-  children: o
+import { jsx as r } from "react/jsx-runtime";
+import { useOutlet as c } from "../../utils/hooks.js";
+const e = "backdrop-outlet";
+function n({
+  children: t
 }) {
-  const r = a("backdrop");
-  return /* @__PURE__ */ t(r, { children: o });
+  const o = c(e);
+  return /* @__PURE__ */ r(o, { children: t });
 }
 export {
-  e as BackdropPortal
+  e as BACKDROP_OUTLET_ID,
+  n as BackdropPortal
 };

package/dist/components/Badge/Badge.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
 
-export type BadeColor = 'default' | 'primary' | 'success' | 'warning' | 'error';
+export type BadgeColor = 'default' | 'primary' | 'success' | 'warning' | 'error';
 export interface BadgeProps {
-    color?: BadeColor;
+    color?: BadgeColor;
     children?: React.ReactNode;
     className?: string;
 }

package/dist/components/Button/Button.d.ts

@@ -5,7 +5,7 @@ export type ButtonSize = 'normal' | 'small' | 'large';
 export interface ButtonProps {
     text?: React.ReactNode;
     title?: string;
-    type?: 'button' | 'submit' | 'reset';
+    type?: HTMLButtonElement['type'];
     icon?: React.ReactNode;
     theme?: ButtonTheme;
     size?: ButtonSize;
@@ -15,6 +15,7 @@ export interface ButtonProps {
     tabIndex?: number;
     className?: string;
     fullWidth?: boolean;
+    ariaLabel?: string;
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     onMouseUp?: (event: React.MouseEvent<HTMLButtonElement>) => void;

package/dist/components/Button/Button.js

@@ -1,9 +1,9 @@
-import { jsxs as j, jsx as i } from "react/jsx-runtime";
-import w from "react";
-import { clsx as B } from "../../utils/clsx.js";
-import { n as l } from "../../functional-C0pE183N.js";
+import { jsxs as w, jsx as i } from "react/jsx-runtime";
+import B from "react";
+import { clsx as M } from "../../utils/clsx.js";
+import { noop as n } from "../../utils/functional.js";
 import { s as o } from "../../Button.module-Z6njvP9Z.js";
-const F = w.forwardRef(function(c, u) {
+const I = B.forwardRef(function(c, u) {
   const {
     text: t = null,
     icon: e = null,
@@ -12,38 +12,40 @@ const F = w.forwardRef(function(c, u) {
     className: m = "",
     theme: p = "default",
     size: h = "normal",
-    disabled: n = !1,
-    straightCorners: x = !1,
-    onClick: b = l,
-    onMouseDown: C = l,
-    onMouseUp: N = l,
-    autofocus: s = !1,
+    disabled: l = !1,
+    straightCorners: b = !1,
+    onClick: x = n,
+    onMouseDown: C = n,
+    onMouseUp: N = n,
+    autofocus: a = !1,
     fullWidth: k = !1,
-    tabIndex: a,
-    decorator: r = null
-  } = c, y = B(o.root, o[p], o[h], m, {
-    [o.disabled]: n,
+    tabIndex: s,
+    decorator: r = null,
+    ariaLabel: y = ""
+  } = c, g = M(o.root, o[p], o[h], m, {
+    [o.disabled]: l,
     [o.icon]: !!e && (t === null || typeof t > "u"),
     [o.text]: !!t,
-    [o.autofocus]: s || typeof a < "u",
-    [o["straight-borders"]]: x,
+    [o.autofocus]: a || typeof s < "u",
+    [o["straight-borders"]]: b,
     [o.fullWidth]: k
   });
-  return /* @__PURE__ */ j(
+  return /* @__PURE__ */ w(
     "button",
     {
       ref: u,
-      disabled: n,
-      className: y,
-      onClick: (g) => {
-        n || b(g);
+      disabled: l,
+      className: g,
+      onClick: (j) => {
+        l || x(j);
       },
       onMouseDown: C,
       onMouseUp: N,
-      autoFocus: s,
-      tabIndex: a,
+      autoFocus: a,
+      tabIndex: s,
       title: d,
       type: f,
+      "aria-label": y,
       children: [
         !!e && /* @__PURE__ */ i("span", { className: o["icon-node"], children: e }),
         t,
@@ -53,5 +55,5 @@ const F = w.forwardRef(function(c, u) {
   );
 });
 export {
-  F as Button
+  I as Button
 };

package/dist/components/Button/ButtonBar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ButtonBarProps {
     children?: React.ReactNode;
     className?: string;

package/dist/components/Button/LinkButton.js

@@ -1,14 +1,14 @@
-import { jsxs as R, jsx as a } from "react/jsx-runtime";
-import l from "react";
+import { jsxs as R, jsx as l } from "react/jsx-runtime";
+import a from "react";
 import { clsx as j } from "../../utils/clsx.js";
-import { n as B } from "../../functional-C0pE183N.js";
-import { i as E } from "../../links-CgOD-Vfj.js";
+import { noop as B } from "../../utils/functional.js";
+import { isExternalUrl as E } from "../../utils/links.js";
 import { s as o } from "../../Button.module-Z6njvP9Z.js";
-const P = l.forwardRef(function(i, c) {
+const P = a.forwardRef(function(i, c) {
   const {
     to: e,
-    text: n = null,
-    icon: t = null,
+    text: t = null,
+    icon: n = null,
     title: m = "",
     className: d = "",
     theme: f = "default",
@@ -21,9 +21,9 @@ const P = l.forwardRef(function(i, c) {
     Component: h
   } = i, N = j(o.root, o[f], o[p], d, {
     [o.disabled]: u,
-    [o.icon]: !!t && !n,
-    [o.text]: !!n
-  }), r = E(e), b = r ? "a" : h || "a", L = l.useMemo(() => r ? { href: e } : { to: e }, [e, r]);
+    [o.icon]: !!n && !t,
+    [o.text]: !!t
+  }), r = E(e), b = r ? "a" : h || "a", L = a.useMemo(() => r ? { href: e } : { to: e }, [e, r]);
   return /* @__PURE__ */ R(
     b,
     {
@@ -36,9 +36,9 @@ const P = l.forwardRef(function(i, c) {
       onClickCapture: C,
       ...L,
       children: [
-        !!t && /* @__PURE__ */ a("span", { className: o["icon-node"], children: t }),
-        n,
-        !!s && /* @__PURE__ */ a("div", { className: o.decorator, children: s })
+        !!n && /* @__PURE__ */ l("span", { className: o["icon-node"], children: n }),
+        t,
+        !!s && /* @__PURE__ */ l("div", { className: o.decorator, children: s })
       ]
     }
   );

package/dist/components/Flyout/Flyout.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 
+export declare const FLYOUT_OUTLET_ID = "flyout-outlet";
 export interface FlyoutProps {
     disabled?: boolean;
     size?: 'normal' | 'small' | 'xsmall';

package/dist/components/Flyout/Flyout.js

@@ -1,59 +1,60 @@
 import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import d from "react";
-import { F as p } from "../../Combination-Dj-a6dCZ.js";
+import _ from "react";
+import { F as p } from "../../Combination-Dp_plIQU.js";
 import { Button as h } from "../Button/Button.js";
-import { I as f } from "../../Icons-B26SczGZ.js";
-import { Interactive as u } from "../Interactive/Interactive.js";
+import { Interactive as f } from "../Interactive/Interactive.js";
+import { I as u } from "../../Icons-BlBKvJD8.js";
 import { clsx as l } from "../../utils/clsx.js";
-import { n as v } from "../../functional-C0pE183N.js";
-import { a as b, c as z } from "../../hooks-GAujvL7d.js";
-import '../../assets/Flyout.css';const N = "_root_11ks7_1", C = "_holder_11ks7_6", y = "_active_11ks7_15", x = "_backdrop_11ks7_15", F = "_mask_11ks7_28", I = "_content_11ks7_90", L = "_header_11ks7_95", g = "_title_11ks7_101", e = {
+import { noop as v } from "../../utils/functional.js";
+import { useOutlet as b, useKeyboardClose as z } from "../../utils/hooks.js";
+import '../../assets/Flyout.css';const N = "_root_11ks7_1", C = "_holder_11ks7_6", y = "_active_11ks7_15", F = "_backdrop_11ks7_15", x = "_mask_11ks7_28", I = "_content_11ks7_90", L = "_header_11ks7_95", O = "_title_11ks7_101", e = {
   root: N,
   "size-normal": "_size-normal_11ks7_6",
   holder: C,
   "size-small": "_size-small_11ks7_9",
   "size-xsmall": "_size-xsmall_11ks7_12",
   active: y,
-  backdrop: x,
+  backdrop: F,
   "backdrop-appearance": "_backdrop-appearance_11ks7_1",
-  mask: F,
+  mask: x,
   "holder-appearance": "_holder-appearance_11ks7_1",
   content: I,
   header: L,
-  title: g
-};
-function j(c) {
+  title: O
+}, E = "flyout-outlet";
+function T(c) {
   const {
     disabled: o = !1,
-    size: r = "normal",
-    onClose: a = v,
+    size: a = "normal",
+    onClose: r = v,
     children: n,
-    holderClassName: m
-  } = c, _ = b("flyout-outlet");
-  d.useEffect(() => {
+    holderClassName: d
+  } = c, m = b(E);
+  _.useEffect(() => {
     if (o)
       return;
     const t = document.getElementById("cfxui-root");
     return t == null || t.classList.add("shrink"), () => t == null ? void 0 : t.classList.remove("shrink");
-  }, [o]), z(a);
-  const k = l(e.root, e[`size-${r}`], {
+  }, [o]), z(r);
+  const k = l(e.root, e[`size-${a}`], {
     [e.active]: !o
   });
-  return /* @__PURE__ */ s(_, { children: /* @__PURE__ */ i("div", { className: k, children: [
-    /* @__PURE__ */ s(u, { showPointer: !1, className: e.backdrop, onClick: a }),
-    /* @__PURE__ */ s("div", { className: e.mask, children: /* @__PURE__ */ s("div", { className: l(e.holder, m), children: /* @__PURE__ */ s(p, { disabled: !!o, className: e.content, children: n }) }) })
+  return /* @__PURE__ */ s(m, { children: /* @__PURE__ */ i("div", { className: k, children: [
+    /* @__PURE__ */ s(f, { showPointer: !1, className: e.backdrop, onClick: r }),
+    /* @__PURE__ */ s("div", { className: e.mask, children: /* @__PURE__ */ s("div", { className: l(e.holder, d), children: /* @__PURE__ */ s(p, { disabled: !!o, className: e.content, children: n }) }) })
   ] }) });
 }
-j.Header = d.forwardRef(function(o, r) {
+T.Header = _.forwardRef(function(o, a) {
   const {
-    onClose: a,
+    onClose: r,
     children: n
   } = o;
-  return /* @__PURE__ */ i("div", { ref: r, className: e.header, children: [
+  return /* @__PURE__ */ i("div", { ref: a, className: e.header, children: [
     /* @__PURE__ */ s("div", { className: e.title, children: n }),
-    !!a && /* @__PURE__ */ s(h, { size: "large", icon: f.exit, onClick: a })
+    !!r && /* @__PURE__ */ s(h, { size: "large", icon: u.exit, onClick: r })
   ] });
 });
 export {
-  j as Flyout
+  E as FLYOUT_OUTLET_ID,
+  T as Flyout
 };

package/dist/components/Input/Input.js

@@ -3,7 +3,7 @@ import n from "react";
 import { Indicator as q } from "../Indicator/Indicator.js";
 import { clsx as H } from "../../utils/clsx.js";
 import { getValue as J } from "../../utils/getValue.js";
-import { u as i } from "../../hooks-GAujvL7d.js";
+import { useDynamicRef as i } from "../../utils/hooks.js";
 import '../../assets/Input.css';const O = "_root_gmtev_1", P = "_input_gmtev_1", Q = "_small_gmtev_8", U = "_large_gmtev_12", Y = "_decorator_gmtev_60", Z = "_error_gmtev_68", $ = "_disabled_gmtev_72", ee = "_description_gmtev_106", e = {
   root: O,
   input: P,

package/dist/components/Input/RichInput.js

@@ -1,9 +1,9 @@
 import { jsxs as B, jsx as o } from "react/jsx-runtime";
 import r from "react";
 import { Button as D } from "../Button/Button.js";
-import { I as F } from "../../Icons-B26SczGZ.js";
+import { I as F } from "../../Icons-BlBKvJD8.js";
 import { clsx as L } from "../../utils/clsx.js";
-import { u as i } from "../../hooks-GAujvL7d.js";
+import { useDynamicRef as i } from "../../utils/hooks.js";
 import '../../assets/RichInput.css';const T = "_root_16on4_1", j = "_renderer_16on4_1", z = "_small_16on4_8", E = "_large_16on4_13", H = "_clear_16on4_95", t = {
   root: T,
   renderer: j,

package/dist/components/InputDropzone/InputDropzone.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { DropzoneOptions, FileWithPath as DropzoneFileWithPath } from 'react-dropzone';
+
+export type FileWithPath = DropzoneFileWithPath;
+export interface InputDropzoneProps extends DropzoneOptions {
+    value?: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onRemoveFile?: (file: FileWithPath) => void;
+    text?: string;
+    linkText?: string;
+    removeItemAriaLabel?: string;
+    rootAriaLabel?: string;
+}
+export declare function InputDropzone(props: InputDropzoneProps): import("react/jsx-runtime").JSX.Element;