@prozilla-os/settings 1.1.7 → 1.1.8

package/dist/main.js

@@ -1,36 +1,36 @@
 (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('._SettingsContainer_13l5q_1{width:100%;height:100%;position:sticky;top:0;left:0}._Settings_13l5q_1{--tabs-width: 10rem;flex:1;display:flex;width:100%;height:100%;background-color:var(--background-color-2)}._Tabs_13l5q_37{display:flex;gap:.25rem;flex-direction:column;min-width:calc(var(--tabs-width) / 2);width:var(--tabs-width);height:100%;max-width:50%;padding:.5rem;margin:0;background-color:var(--background-color-2);resize:horizontal;overflow:hidden}._TabButton_13l5q_67{display:flex;gap:.5rem;align-items:center;width:100%;min-width:fit-content;padding:.75rem;border-radius:var(--border-radius-1);font-size:.875rem}._TabButton_13l5q_67._ActiveTab_13l5q_89{background-color:var(--background-color-0)}._TabButton_13l5q_67:not(._ActiveTab_13l5q_89):hover,._TabButton_13l5q_67:not(._ActiveTab_13l5q_89):focus-visible{background-color:color-mix(in srgb,var(--background-color-0) 50%,transparent)}._TabButton_13l5q_67>svg{height:1.35rem;aspect-ratio:1}._TabButton_13l5q_67>p{margin:0}._TabPanel_13l5q_125{flex:1;display:flex;flex-direction:column;align-content:flex-start;height:100%;padding:.5rem 1rem;background-color:var(--background-color-3);overflow:auto}._TabPanel_13l5q_125:not(._ActivePanel_13l5q_147){display:none}._Option_13l5q_155{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:start;width:100%;padding-bottom:1rem}._OptionList_13l5q_175{gap:.5rem}._OptionList_13l5q_175 ._Option_13l5q_155{padding-bottom:0}._OptionHorizontal_13l5q_191{flex-direction:row;justify-content:space-between}._Option_13l5q_155>._Label_13l5q_201{color:var(--foreground-color-0)}._Input_13l5q_209{display:flex;gap:.5rem;flex-wrap:wrap}._Input_13l5q_209>label{flex:1;display:flex}._ImageSelectContainer_13l5q_231{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.5rem}._ImageSelect_13l5q_231{display:block;width:100%}._ImageSelect_13l5q_231>input{position:absolute;opacity:0;width:0;height:0}._ImageSelect_13l5q_231>input:hover+img,._ImageSelect_13l5q_231>input:focus-visible+img{filter:brightness(110%)}._ImageSelect_13l5q_231>input:checked+img{outline:.25em solid var(--foreground-color-0)}._ImageSelect_13l5q_231>img{width:100%;height:100%;border-radius:var(--border-radius-1);transition:filter .1s ease-in-out;cursor:pointer}._ButtonGroup_13l5q_301{display:flex;gap:1rem;flex-wrap:wrap;margin:.75rem 0}._ButtonGroup_13l5q_301 ._Button_13l5q_301{margin-bottom:0}._Button_13l5q_301{--normal-color: var(--background-color-0) !important;--hover-color: var(--background-color-1) !important;margin-bottom:.75rem!important;padding:.5rem 1rem;border-radius:var(--border-radius-1)}._ButtonDanger_13l5q_341{--text-color: var(--black-1) !important;--normal-color: var(--red-0) !important;--hover-color: var(--red-1) !important}._IconButton_13l5q_353{--color: var(--foreground-color-0);position:relative;height:1.25rem;width:auto;padding:0;background:none;border:none;outline:none;aspect-ratio:1;cursor:pointer}._IconButton_13l5q_353:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff0;border-radius:var(--border-radius-99);transform:scale(1);transform-origin:center;transition:all .2s ease-in-out}._IconButton_13l5q_353:hover:after,._IconButton_13l5q_353:focus-visible:after{background-color:#ffffff1a;transform:scale(1.5)}._IconButton_13l5q_353:disabled{--color: var(--foreground-color-2)}._IconButton_13l5q_353 svg{height:100%}._IconButton_13l5q_353 svg path{fill:var(--color);transition:fill .1s ease-in-out}._ProgressBarContainer_13l5q_445{width:100%;max-width:35rem}._ProgressBar_13l5q_445{width:100%!important}._ProgressBarLabels_13l5q_463{display:flex;justify-content:space-between;width:100%}._Option_13l5q_155>span._Label_13l5q_201{display:flex;gap:.5rem;align-items:center}._Icon_13l5q_353{display:inline-block;width:2rem;height:2rem}._Icon_13l5q_353 div{width:inherit;height:inherit}._Icon_13l5q_353 div>svg{width:inherit;height:inherit;object-fit:contain}._Dropdown_13l5q_521{width:auto;max-width:calc(60% - var(--gap));padding:.5rem 1rem;color:var(--text-color);background-color:var(--background-color-0);border:none;border-radius:var(--border-radius-1);outline:none;font-size:.875em}._Dropdown_13l5q_521>*{color:inherit;background-color:inherit;border:none;border-radius:var(--border-radius-1);outline:none;font-family:inherit;font-size:inherit}')),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-import { App as pt, AppsConfig as bt, useVirtualRoot as Pe, useWindowsManager as We, useSystemManager as me, useHistory as Nt, useAlert as It, useWindowedModal as mt, useContextMenu as Me, Actions as Fe, ClickAction as ie, Vector2 as be, Divider as Ot, VirtualRoot as Je, DialogBox as Ze, ModalsConfig as Qe, DirectoryList as Rt, CODE_EXTENSIONS as At, utilStyles as K, WindowedModal as $t, ImagePreview as qe, StorageManager as ue, VirtualFile as Bt, useSettingsManager as Ye, SettingsManager as we, THEMES as Lt, Button as Se, IMAGE_EXTENSIONS as kt, ProgressBar as Dt } from "@prozilla-os/core";
+import { App as pt, AppsConfig as bt, useVirtualRoot as Pe, useWindowsManager as We, useSystemManager as me, useHistory as It, useAlert as Ot, useWindowedModal as mt, useContextMenu as je, Actions as Fe, ClickAction as ie, Vector2 as be, Divider as At, VirtualRoot as Je, DialogBox as Ze, ModalsConfig as Qe, DirectoryList as Rt, CODE_EXTENSIONS as $t, utilStyles as K, WindowedModal as Bt, ImagePreview as qe, StorageManager as ue, VirtualFile as Lt, useSettingsManager as Ye, SettingsManager as we, THEMES as kt, Button as Se, IMAGE_EXTENSIONS as Dt, ProgressBar as Mt } from "@prozilla-os/core";
 import { jsxs as E, jsx as s, Fragment as ht } from "react/jsx-runtime";
 import { FontAwesomeIcon as X } from "@fortawesome/react-fontawesome";
-import { faTrash as et, faCircleInfo as yt, faCaretLeft as jt, faCaretRight as Mt, faArrowUp as Ft, faPlus as qt, faSearch as Ut, faCog as zt, faHouse as Wt, faDesktop as Yt, faImage as Vt, faFileLines as Ht, faDownload as Kt, faThumbTack as Gt, faEllipsisVertical as Xt, faShapes as Jt, faPalette as Zt, faHardDrive as Qt } from "@fortawesome/free-solid-svg-icons";
-import pe, { Children as vt, cloneElement as _e, useRef as Te, useId as en, useState as te, useEffect as se, useCallback as tn } from "react";
-import { round as Re, removeFromArray as nn } from "@prozilla-os/shared";
-const rn = "_SettingsContainer_13l5q_1", on = "_Settings_13l5q_1", an = "_Tabs_13l5q_37", sn = "_TabButton_13l5q_67", ln = "_ActiveTab_13l5q_89", cn = "_TabPanel_13l5q_125", un = "_ActivePanel_13l5q_147", dn = "_Option_13l5q_155", fn = "_OptionList_13l5q_175", pn = "_OptionHorizontal_13l5q_191", bn = "_Label_13l5q_201", mn = "_Input_13l5q_209", hn = "_ImageSelectContainer_13l5q_231", yn = "_ImageSelect_13l5q_231", vn = "_ButtonGroup_13l5q_301", gn = "_Button_13l5q_301", _n = "_ButtonDanger_13l5q_341", Tn = "_IconButton_13l5q_353", En = "_ProgressBarContainer_13l5q_445", wn = "_ProgressBar_13l5q_445", Sn = "_ProgressBarLabels_13l5q_463", xn = "_Icon_13l5q_353", Cn = "_Dropdown_13l5q_521", S = {
-  SettingsContainer: rn,
-  Settings: on,
-  Tabs: an,
-  TabButton: sn,
-  ActiveTab: ln,
-  TabPanel: cn,
-  ActivePanel: un,
-  Option: dn,
-  OptionList: fn,
-  OptionHorizontal: pn,
-  Label: bn,
-  Input: mn,
-  ImageSelectContainer: hn,
-  ImageSelect: yn,
-  ButtonGroup: vn,
-  Button: gn,
-  ButtonDanger: _n,
-  IconButton: Tn,
-  ProgressBarContainer: En,
-  ProgressBar: wn,
-  ProgressBarLabels: Sn,
-  Icon: xn,
-  Dropdown: Cn
+import { faTrash as et, faCircleInfo as yt, faCaretLeft as jt, faCaretRight as Ft, faArrowUp as qt, faPlus as Ut, faSearch as zt, faCog as Wt, faHouse as Yt, faDesktop as Vt, faImage as Ht, faFileLines as Kt, faDownload as Gt, faThumbTack as Xt, faEllipsisVertical as Jt, faShapes as Zt, faPalette as Qt, faHardDrive as en } from "@fortawesome/free-solid-svg-icons";
+import pe, { Children as vt, cloneElement as _e, useRef as Te, useId as tn, useState as te, useEffect as se, useCallback as nn } from "react";
+import { round as Ae, removeFromArray as rn } from "@prozilla-os/shared";
+const on = "_SettingsContainer_13l5q_1", an = "_Settings_13l5q_1", sn = "_Tabs_13l5q_37", ln = "_TabButton_13l5q_67", cn = "_ActiveTab_13l5q_89", un = "_TabPanel_13l5q_125", dn = "_ActivePanel_13l5q_147", fn = "_Option_13l5q_155", pn = "_OptionList_13l5q_175", bn = "_OptionHorizontal_13l5q_191", mn = "_Label_13l5q_201", hn = "_Input_13l5q_209", yn = "_ImageSelectContainer_13l5q_231", vn = "_ImageSelect_13l5q_231", gn = "_ButtonGroup_13l5q_301", _n = "_Button_13l5q_301", Tn = "_ButtonDanger_13l5q_341", En = "_IconButton_13l5q_353", wn = "_ProgressBarContainer_13l5q_445", Sn = "_ProgressBar_13l5q_445", xn = "_ProgressBarLabels_13l5q_463", Cn = "_Icon_13l5q_353", Pn = "_Dropdown_13l5q_521", S = {
+  SettingsContainer: on,
+  Settings: an,
+  Tabs: sn,
+  TabButton: ln,
+  ActiveTab: cn,
+  TabPanel: un,
+  ActivePanel: dn,
+  Option: fn,
+  OptionList: pn,
+  OptionHorizontal: bn,
+  Label: mn,
+  Input: hn,
+  ImageSelectContainer: yn,
+  ImageSelect: vn,
+  ButtonGroup: gn,
+  Button: _n,
+  ButtonDanger: Tn,
+  IconButton: En,
+  ProgressBarContainer: wn,
+  ProgressBar: Sn,
+  ProgressBarLabels: xn,
+  Icon: Cn,
+  Dropdown: Pn
 };
-function Pn(e) {
+function Nn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Ue = { exports: {} }, ve = { exports: {} }, D = {};
@@ -43,7 +43,7 @@ var Ue = { exports: {} }, ve = { exports: {} }, D = {};
  * LICENSE file in the root directory of this source tree.
  */
 var tt;
-function Nn() {
+function In() {
   if (tt) return D;
   tt = 1;
   var e = typeof Symbol == "function" && Symbol.for, n = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, l = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, h = e ? Symbol.for("react.provider") : 60109, i = e ? Symbol.for("react.context") : 60110, v = e ? Symbol.for("react.async_mode") : 60111, y = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, C = e ? Symbol.for("react.suspense") : 60113, k = e ? Symbol.for("react.suspense_list") : 60120, P = e ? Symbol.for("react.memo") : 60115, N = e ? Symbol.for("react.lazy") : 60116, x = e ? Symbol.for("react.block") : 60121, F = e ? Symbol.for("react.fundamental") : 60117, Y = e ? Symbol.for("react.responder") : 60118, Q = e ? Symbol.for("react.scope") : 60119;
@@ -108,7 +108,7 @@ function Nn() {
     return typeof u == "string" || typeof u == "function" || u === r || u === y || u === a || u === l || u === C || u === k || typeof u == "object" && u !== null && (u.$$typeof === N || u.$$typeof === P || u.$$typeof === h || u.$$typeof === i || u.$$typeof === d || u.$$typeof === F || u.$$typeof === Y || u.$$typeof === Q || u.$$typeof === x);
   }, D.typeOf = U, D;
 }
-var j = {};
+var M = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -118,7 +118,7 @@ var j = {};
  * LICENSE file in the root directory of this source tree.
  */
 var nt;
-function In() {
+function On() {
   return nt || (nt = 1, process.env.NODE_ENV !== "production" && function() {
     var e = typeof Symbol == "function" && Symbol.for, n = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, l = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, h = e ? Symbol.for("react.provider") : 60109, i = e ? Symbol.for("react.context") : 60110, v = e ? Symbol.for("react.async_mode") : 60111, y = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, C = e ? Symbol.for("react.suspense") : 60113, k = e ? Symbol.for("react.suspense_list") : 60120, P = e ? Symbol.for("react.memo") : 60115, N = e ? Symbol.for("react.lazy") : 60116, x = e ? Symbol.for("react.block") : 60121, F = e ? Symbol.for("react.fundamental") : 60117, Y = e ? Symbol.for("react.responder") : 60118, Q = e ? Symbol.for("react.scope") : 60119;
     function U(c) {
@@ -157,7 +157,7 @@ function In() {
         }
       }
     }
-    var u = v, ee = y, ne = i, le = h, ce = n, J = d, re = r, oe = N, m = P, p = t, g = a, w = l, M = C, V = !1;
+    var u = v, ee = y, ne = i, le = h, ce = n, J = d, re = r, oe = N, m = P, p = t, g = a, w = l, j = C, V = !1;
     function G(c) {
       return V || (V = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), o(c) || q(c) === v;
     }
@@ -167,7 +167,7 @@ function In() {
     function f(c) {
       return q(c) === i;
     }
-    function R(c) {
+    function A(c) {
       return q(c) === h;
     }
     function O(c) {
@@ -176,7 +176,7 @@ function In() {
     function _(c) {
       return q(c) === d;
     }
-    function A(c) {
+    function R(c) {
       return q(c) === r;
     }
     function T(c) {
@@ -197,21 +197,21 @@ function In() {
     function W(c) {
       return q(c) === C;
     }
-    j.AsyncMode = u, j.ConcurrentMode = ee, j.ContextConsumer = ne, j.ContextProvider = le, j.Element = ce, j.ForwardRef = J, j.Fragment = re, j.Lazy = oe, j.Memo = m, j.Portal = p, j.Profiler = g, j.StrictMode = w, j.Suspense = M, j.isAsyncMode = G, j.isConcurrentMode = o, j.isContextConsumer = f, j.isContextProvider = R, j.isElement = O, j.isForwardRef = _, j.isFragment = A, j.isLazy = T, j.isMemo = I, j.isPortal = B, j.isProfiler = L, j.isStrictMode = $, j.isSuspense = W, j.isValidElementType = U, j.typeOf = q;
-  }()), j;
+    M.AsyncMode = u, M.ConcurrentMode = ee, M.ContextConsumer = ne, M.ContextProvider = le, M.Element = ce, M.ForwardRef = J, M.Fragment = re, M.Lazy = oe, M.Memo = m, M.Portal = p, M.Profiler = g, M.StrictMode = w, M.Suspense = j, M.isAsyncMode = G, M.isConcurrentMode = o, M.isContextConsumer = f, M.isContextProvider = A, M.isElement = O, M.isForwardRef = _, M.isFragment = R, M.isLazy = T, M.isMemo = I, M.isPortal = B, M.isProfiler = L, M.isStrictMode = $, M.isSuspense = W, M.isValidElementType = U, M.typeOf = q;
+  }()), M;
 }
 var rt;
 function gt() {
-  return rt || (rt = 1, process.env.NODE_ENV === "production" ? ve.exports = Nn() : ve.exports = In()), ve.exports;
+  return rt || (rt = 1, process.env.NODE_ENV === "production" ? ve.exports = In() : ve.exports = On()), ve.exports;
 }
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var Ae, ot;
-function On() {
-  if (ot) return Ae;
+var Re, ot;
+function An() {
+  if (ot) return Re;
   ot = 1;
   var e = Object.getOwnPropertySymbols, n = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
   function r(a) {
@@ -241,7 +241,7 @@ function On() {
       return !1;
     }
   }
-  return Ae = l() ? Object.assign : function(a, h) {
+  return Re = l() ? Object.assign : function(a, h) {
     for (var i, v = r(a), y, d = 1; d < arguments.length; d++) {
       i = Object(arguments[d]);
       for (var C in i)
@@ -253,7 +253,7 @@ function On() {
       }
     }
     return v;
-  }, Ae;
+  }, Re;
 }
 var $e, at;
 function Ve() {
@@ -316,10 +316,10 @@ function Rn() {
   }, Le = l, Le;
 }
 var ke, lt;
-function An() {
+function $n() {
   if (lt) return ke;
   lt = 1;
-  var e = gt(), n = On(), t = Ve(), r = _t(), l = Rn(), a = function() {
+  var e = gt(), n = An(), t = Ve(), r = _t(), l = Rn(), a = function() {
   };
   process.env.NODE_ENV !== "production" && (a = function(i) {
     var v = "Warning: " + i;
@@ -369,8 +369,8 @@ function An() {
     x.prototype = Error.prototype;
     function F(o) {
       if (process.env.NODE_ENV !== "production")
-        var f = {}, R = 0;
-      function O(A, T, I, B, L, $, W) {
+        var f = {}, A = 0;
+      function O(R, T, I, B, L, $, W) {
         if (B = B || k, $ = $ || I, W !== t) {
           if (v) {
             var c = new Error(
@@ -380,23 +380,23 @@ function An() {
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var Z = B + ":" + I;
             !f[Z] && // Avoid spamming the console because they are often not actionable except for lib authors
-            R < 3 && (a(
+            A < 3 && (a(
               "You are manually calling a React.PropTypes validation function for the `" + $ + "` prop on `" + B + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), f[Z] = !0, R++);
+            ), f[Z] = !0, A++);
           }
         }
-        return T[I] == null ? A ? T[I] === null ? new x("The " + L + " `" + $ + "` is marked as required " + ("in `" + B + "`, but its value is `null`.")) : new x("The " + L + " `" + $ + "` is marked as required in " + ("`" + B + "`, but its value is `undefined`.")) : null : o(T, I, B, L, $);
+        return T[I] == null ? R ? T[I] === null ? new x("The " + L + " `" + $ + "` is marked as required " + ("in `" + B + "`, but its value is `null`.")) : new x("The " + L + " `" + $ + "` is marked as required in " + ("`" + B + "`, but its value is `undefined`.")) : null : o(T, I, B, L, $);
       }
       var _ = O.bind(null, !1);
       return _.isRequired = O.bind(null, !0), _;
     }
     function Y(o) {
-      function f(R, O, _, A, T, I) {
-        var B = R[O], L = w(B);
+      function f(A, O, _, R, T, I) {
+        var B = A[O], L = w(B);
         if (L !== o) {
-          var $ = M(B);
+          var $ = j(B);
           return new x(
-            "Invalid " + A + " `" + T + "` of type " + ("`" + $ + "` supplied to `" + _ + "`, expected ") + ("`" + o + "`."),
+            "Invalid " + R + " `" + T + "` of type " + ("`" + $ + "` supplied to `" + _ + "`, expected ") + ("`" + o + "`."),
             { expectedType: o }
           );
         }
@@ -408,16 +408,16 @@ function An() {
       return F(h);
     }
     function U(o) {
-      function f(R, O, _, A, T) {
+      function f(A, O, _, R, T) {
         if (typeof o != "function")
           return new x("Property `" + T + "` of component `" + _ + "` has invalid PropType notation inside arrayOf.");
-        var I = R[O];
+        var I = A[O];
         if (!Array.isArray(I)) {
           var B = w(I);
-          return new x("Invalid " + A + " `" + T + "` of type " + ("`" + B + "` supplied to `" + _ + "`, expected an array."));
+          return new x("Invalid " + R + " `" + T + "` of type " + ("`" + B + "` supplied to `" + _ + "`, expected an array."));
         }
         for (var L = 0; L < I.length; L++) {
-          var $ = o(I, L, _, A, T + "[" + L + "]", t);
+          var $ = o(I, L, _, R, T + "[" + L + "]", t);
           if ($ instanceof Error)
             return $;
         }
@@ -426,32 +426,32 @@ function An() {
       return F(f);
     }
     function q() {
-      function o(f, R, O, _, A) {
-        var T = f[R];
+      function o(f, A, O, _, R) {
+        var T = f[A];
         if (!i(T)) {
           var I = w(T);
-          return new x("Invalid " + _ + " `" + A + "` of type " + ("`" + I + "` supplied to `" + O + "`, expected a single ReactElement."));
+          return new x("Invalid " + _ + " `" + R + "` of type " + ("`" + I + "` supplied to `" + O + "`, expected a single ReactElement."));
         }
         return null;
       }
       return F(o);
     }
     function u() {
-      function o(f, R, O, _, A) {
-        var T = f[R];
+      function o(f, A, O, _, R) {
+        var T = f[A];
         if (!e.isValidElementType(T)) {
           var I = w(T);
-          return new x("Invalid " + _ + " `" + A + "` of type " + ("`" + I + "` supplied to `" + O + "`, expected a single ReactElement type."));
+          return new x("Invalid " + _ + " `" + R + "` of type " + ("`" + I + "` supplied to `" + O + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return F(o);
     }
     function ee(o) {
-      function f(R, O, _, A, T) {
-        if (!(R[O] instanceof o)) {
-          var I = o.name || k, B = G(R[O]);
-          return new x("Invalid " + A + " `" + T + "` of type " + ("`" + B + "` supplied to `" + _ + "`, expected ") + ("instance of `" + I + "`."));
+      function f(A, O, _, R, T) {
+        if (!(A[O] instanceof o)) {
+          var I = o.name || k, B = G(A[O]);
+          return new x("Invalid " + R + " `" + T + "` of type " + ("`" + B + "` supplied to `" + _ + "`, expected ") + ("instance of `" + I + "`."));
         }
         return null;
       }
@@ -462,28 +462,28 @@ function An() {
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? a(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : a("Invalid argument supplied to oneOf, expected an array.")), h;
-      function f(R, O, _, A, T) {
-        for (var I = R[O], B = 0; B < o.length; B++)
+      function f(A, O, _, R, T) {
+        for (var I = A[O], B = 0; B < o.length; B++)
           if (N(I, o[B]))
             return null;
         var L = JSON.stringify(o, function(W, c) {
-          var Z = M(c);
+          var Z = j(c);
           return Z === "symbol" ? String(c) : c;
         });
-        return new x("Invalid " + A + " `" + T + "` of value `" + String(I) + "` " + ("supplied to `" + _ + "`, expected one of " + L + "."));
+        return new x("Invalid " + R + " `" + T + "` of value `" + String(I) + "` " + ("supplied to `" + _ + "`, expected one of " + L + "."));
       }
       return F(f);
     }
     function le(o) {
-      function f(R, O, _, A, T) {
+      function f(A, O, _, R, T) {
         if (typeof o != "function")
           return new x("Property `" + T + "` of component `" + _ + "` has invalid PropType notation inside objectOf.");
-        var I = R[O], B = w(I);
+        var I = A[O], B = w(I);
         if (B !== "object")
-          return new x("Invalid " + A + " `" + T + "` of type " + ("`" + B + "` supplied to `" + _ + "`, expected an object."));
+          return new x("Invalid " + R + " `" + T + "` of type " + ("`" + B + "` supplied to `" + _ + "`, expected an object."));
         for (var L in I)
           if (r(I, L)) {
-            var $ = o(I, L, _, A, T + "." + L, t);
+            var $ = o(I, L, _, R, T + "." + L, t);
             if ($ instanceof Error)
               return $;
           }
@@ -495,15 +495,15 @@ function An() {
       if (!Array.isArray(o))
         return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), h;
       for (var f = 0; f < o.length; f++) {
-        var R = o[f];
-        if (typeof R != "function")
+        var A = o[f];
+        if (typeof A != "function")
           return a(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + V(R) + " at index " + f + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + V(A) + " at index " + f + "."
           ), h;
       }
-      function O(_, A, T, I, B) {
+      function O(_, R, T, I, B) {
         for (var L = [], $ = 0; $ < o.length; $++) {
-          var W = o[$], c = W(_, A, T, I, B, t);
+          var W = o[$], c = W(_, R, T, I, B, t);
           if (c == null)
             return null;
           c.data && r(c.data, "expectedType") && L.push(c.data.expectedType);
@@ -514,26 +514,26 @@ function An() {
       return F(O);
     }
     function J() {
-      function o(f, R, O, _, A) {
-        return p(f[R]) ? null : new x("Invalid " + _ + " `" + A + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
+      function o(f, A, O, _, R) {
+        return p(f[A]) ? null : new x("Invalid " + _ + " `" + R + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
       }
       return F(o);
     }
-    function re(o, f, R, O, _) {
+    function re(o, f, A, O, _) {
       return new x(
-        (o || "React class") + ": " + f + " type `" + R + "." + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + _ + "`."
+        (o || "React class") + ": " + f + " type `" + A + "." + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + _ + "`."
       );
     }
     function oe(o) {
-      function f(R, O, _, A, T) {
-        var I = R[O], B = w(I);
+      function f(A, O, _, R, T) {
+        var I = A[O], B = w(I);
         if (B !== "object")
-          return new x("Invalid " + A + " `" + T + "` of type `" + B + "` " + ("supplied to `" + _ + "`, expected `object`."));
+          return new x("Invalid " + R + " `" + T + "` of type `" + B + "` " + ("supplied to `" + _ + "`, expected `object`."));
         for (var L in o) {
           var $ = o[L];
           if (typeof $ != "function")
-            return re(_, A, T, L, M($));
-          var W = $(I, L, _, A, T + "." + L, t);
+            return re(_, R, T, L, j($));
+          var W = $(I, L, _, R, T + "." + L, t);
           if (W)
             return W;
         }
@@ -542,21 +542,21 @@ function An() {
       return F(f);
     }
     function m(o) {
-      function f(R, O, _, A, T) {
-        var I = R[O], B = w(I);
+      function f(A, O, _, R, T) {
+        var I = A[O], B = w(I);
         if (B !== "object")
-          return new x("Invalid " + A + " `" + T + "` of type `" + B + "` " + ("supplied to `" + _ + "`, expected `object`."));
-        var L = n({}, R[O], o);
+          return new x("Invalid " + R + " `" + T + "` of type `" + B + "` " + ("supplied to `" + _ + "`, expected `object`."));
+        var L = n({}, A[O], o);
         for (var $ in L) {
           var W = o[$];
           if (r(o, $) && typeof W != "function")
-            return re(_, A, T, $, M(W));
+            return re(_, R, T, $, j(W));
           if (!W)
             return new x(
-              "Invalid " + A + " `" + T + "` key `" + $ + "` supplied to `" + _ + "`.\nBad object: " + JSON.stringify(R[O], null, "  ") + `
+              "Invalid " + R + " `" + T + "` key `" + $ + "` supplied to `" + _ + "`.\nBad object: " + JSON.stringify(A[O], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
             );
-          var c = W(I, $, _, A, T + "." + $, t);
+          var c = W(I, $, _, R, T + "." + $, t);
           if (c)
             return c;
         }
@@ -579,13 +579,13 @@ Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
             return !0;
           var f = C(o);
           if (f) {
-            var R = f.call(o), O;
+            var A = f.call(o), O;
             if (f !== o.entries) {
-              for (; !(O = R.next()).done; )
+              for (; !(O = A.next()).done; )
                 if (!p(O.value))
                   return !1;
             } else
-              for (; !(O = R.next()).done; ) {
+              for (; !(O = A.next()).done; ) {
                 var _ = O.value;
                 if (_ && !p(_[1]))
                   return !1;
@@ -604,7 +604,7 @@ Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
       var f = typeof o;
       return Array.isArray(o) ? "array" : o instanceof RegExp ? "object" : g(f, o) ? "symbol" : f;
     }
-    function M(o) {
+    function j(o) {
       if (typeof o > "u" || o === null)
         return "" + o;
       var f = w(o);
@@ -617,7 +617,7 @@ Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
       return f;
     }
     function V(o) {
-      var f = M(o);
+      var f = j(o);
       switch (f) {
         case "array":
         case "object":
@@ -637,7 +637,7 @@ Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
   }, ke;
 }
 var De, ct;
-function $n() {
+function Bn() {
   if (ct) return De;
   ct = 1;
   var e = Ve();
@@ -685,21 +685,21 @@ function $n() {
   }, De;
 }
 if (process.env.NODE_ENV !== "production") {
-  var Bn = gt(), Ln = !0;
-  Ue.exports = An()(Bn.isElement, Ln);
+  var Ln = gt(), kn = !0;
+  Ue.exports = $n()(Ln.isElement, kn);
 } else
-  Ue.exports = $n()();
-var kn = Ue.exports;
-const b = /* @__PURE__ */ Pn(kn);
+  Ue.exports = Bn()();
+var Dn = Ue.exports;
+const b = /* @__PURE__ */ Nn(Dn);
 function He(e) {
   return (n) => !!n.type && n.type.tabsRole === e;
 }
 const he = He("Tab"), Ne = He("TabList"), Ie = He("TabPanel");
-function Dn(e) {
+function Mn(e) {
   return he(e) || Ne(e) || Ie(e);
 }
 function ze(e, n) {
-  return vt.map(e, (t) => t === null ? null : Dn(t) ? n(t) : t.props && t.props.children && typeof t.props.children == "object" ? _e(t, { ...t.props, children: ze(t.props.children, n) }) : t);
+  return vt.map(e, (t) => t === null ? null : Mn(t) ? n(t) : t.props && t.props.children && typeof t.props.children == "object" ? _e(t, { ...t.props, children: ze(t.props.children, n) }) : t);
 }
 function xe(e, n) {
   return vt.forEach(e, (t) => {
@@ -720,7 +720,7 @@ function jn(e, n, t, r, l) {
 \`onSelect\` is required when \`selectedIndex\` is also set. Not doing so will make the tabs not do anything, as \`selectedIndex\` indicates that you want to handle the selected tab yourself.
 If you only want to set the inital tab replace \`selectedIndex\` with \`defaultIndex\`.`)), i;
 }
-function Mn(e, n, t, r, l) {
+function Fn(e, n, t, r, l) {
   const a = e[n], h = l || n;
   let i = null;
   if (a != null && typeof a != "number")
@@ -759,7 +759,7 @@ function ae(e) {
   return St(e) && e.getAttribute("aria-disabled") === "true";
 }
 let Ce;
-function Fn(e) {
+function qn(e) {
   const n = e || (typeof window < "u" ? window : void 0);
   try {
     Ce = !!(typeof n < "u" && n.document && n.document.activeElement);
@@ -767,7 +767,7 @@ function Fn(e) {
     Ce = !1;
   }
 }
-const qn = { className: "react-tabs", focus: !1 }, Un = process.env.NODE_ENV !== "production" ? { children: Tt, direction: b.oneOf(["rtl", "ltr"]), className: b.oneOfType([b.string, b.array, b.object]), disabledTabClassName: b.string, disableUpDownKeys: b.bool, disableLeftRightKeys: b.bool, domRef: b.func, focus: b.bool, forceRenderTabPanel: b.bool, onSelect: b.func.isRequired, selectedIndex: b.number.isRequired, selectedTabClassName: b.string, selectedTabPanelClassName: b.string, environment: b.object } : {}, xt = (e) => {
+const Un = { className: "react-tabs", focus: !1 }, zn = process.env.NODE_ENV !== "production" ? { children: Tt, direction: b.oneOf(["rtl", "ltr"]), className: b.oneOfType([b.string, b.array, b.object]), disabledTabClassName: b.string, disableUpDownKeys: b.bool, disableLeftRightKeys: b.bool, domRef: b.func, focus: b.bool, forceRenderTabPanel: b.bool, onSelect: b.func.isRequired, selectedIndex: b.number.isRequired, selectedTabClassName: b.string, selectedTabPanelClassName: b.string, environment: b.object } : {}, xt = (e) => {
   let n = Te([]), t = Te([]);
   const r = Te();
   function l(m, p) {
@@ -818,19 +818,19 @@ const qn = { className: "react-tabs", focus: !1 }, Un = process.env.NODE_ENV !==
   }
   function C() {
     let m = 0;
-    const { children: p, disabledTabClassName: g, focus: w, forceRenderTabPanel: M, selectedIndex: V, selectedTabClassName: G, selectedTabPanelClassName: o, environment: f } = e;
+    const { children: p, disabledTabClassName: g, focus: w, forceRenderTabPanel: j, selectedIndex: V, selectedTabClassName: G, selectedTabPanelClassName: o, environment: f } = e;
     t.current = t.current || [];
-    let R = t.current.length - y();
-    const O = en();
-    for (; R++ < 0; )
+    let A = t.current.length - y();
+    const O = tn();
+    for (; A++ < 0; )
       t.current.push(`${O}${t.current.length}`);
     return ze(p, (_) => {
-      let A = _;
+      let R = _;
       if (Ne(_)) {
         let T = 0, I = !1;
-        Ce == null && Fn(f);
+        Ce == null && qn(f);
         const B = f || (typeof window < "u" ? window : void 0);
-        Ce && B && (I = pe.Children.toArray(_.props.children).filter(he).some((L, $) => B.document.activeElement === d($))), A = _e(_, { children: ze(_.props.children, (L) => {
+        Ce && B && (I = pe.Children.toArray(_.props.children).filter(he).some((L, $) => B.document.activeElement === d($))), R = _e(_, { children: ze(_.props.children, (L) => {
           const $ = `tabs-${T}`, W = V === T, c = { tabRef: (Z) => {
             n.current[$] = Z;
           }, id: t.current[T], selected: W, focus: W && (w || I) };
@@ -838,16 +838,16 @@ const qn = { className: "react-tabs", focus: !1 }, Un = process.env.NODE_ENV !==
         }) });
       } else if (Ie(_)) {
         const T = { id: t.current[m], selected: V === m };
-        M && (T.forceRender = M), o && (T.selectedClassName = o), m++, A = _e(_, T);
+        j && (T.forceRender = j), o && (T.selectedClassName = o), m++, R = _e(_, T);
       }
-      return A;
+      return R;
     });
   }
   function k(m) {
     const { direction: p, disableUpDownKeys: g, disableLeftRightKeys: w } = e;
     if (N(m.target)) {
-      let { selectedIndex: M } = e, V = !1, G = !1;
-      (m.code === "Space" || m.keyCode === 32 || m.code === "Enter" || m.keyCode === 13) && (V = !0, G = !1, P(m)), !w && (m.keyCode === 37 || m.code === "ArrowLeft") || !g && (m.keyCode === 38 || m.code === "ArrowUp") ? (p === "rtl" ? M = a(M) : M = h(M), V = !0, G = !0) : !w && (m.keyCode === 39 || m.code === "ArrowRight") || !g && (m.keyCode === 40 || m.code === "ArrowDown") ? (p === "rtl" ? M = h(M) : M = a(M), V = !0, G = !0) : m.keyCode === 35 || m.code === "End" ? (M = v(), V = !0, G = !0) : (m.keyCode === 36 || m.code === "Home") && (M = i(), V = !0, G = !0), V && m.preventDefault(), G && l(M, m);
+      let { selectedIndex: j } = e, V = !1, G = !1;
+      (m.code === "Space" || m.keyCode === 32 || m.code === "Enter" || m.keyCode === 13) && (V = !0, G = !1, P(m)), !w && (m.keyCode === 37 || m.code === "ArrowLeft") || !g && (m.keyCode === 38 || m.code === "ArrowUp") ? (p === "rtl" ? j = a(j) : j = h(j), V = !0, G = !0) : !w && (m.keyCode === 39 || m.code === "ArrowRight") || !g && (m.keyCode === 40 || m.code === "ArrowDown") ? (p === "rtl" ? j = h(j) : j = a(j), V = !0, G = !0) : m.keyCode === 35 || m.code === "End" ? (j = v(), V = !0, G = !0) : (m.keyCode === 36 || m.code === "Home") && (j = i(), V = !0, G = !0), V && m.preventDefault(), G && l(j, m);
     }
   }
   function P(m) {
@@ -873,17 +873,17 @@ const qn = { className: "react-tabs", focus: !1 }, Un = process.env.NODE_ENV !==
     } while (p);
     return !1;
   }
-  const { children: x, className: F, disabledTabClassName: Y, domRef: Q, focus: U, forceRenderTabPanel: q, onSelect: u, selectedIndex: ee, selectedTabClassName: ne, selectedTabPanelClassName: le, environment: ce, disableUpDownKeys: J, disableLeftRightKeys: re, ...oe } = { ...qn, ...e };
+  const { children: x, className: F, disabledTabClassName: Y, domRef: Q, focus: U, forceRenderTabPanel: q, onSelect: u, selectedIndex: ee, selectedTabClassName: ne, selectedTabPanelClassName: le, environment: ce, disableUpDownKeys: J, disableLeftRightKeys: re, ...oe } = { ...Un, ...e };
   return pe.createElement("div", Object.assign({}, oe, { className: Oe(F), onClick: P, onKeyDown: k, ref: (m) => {
     r.current = m, Q && Q(m);
   }, "data-rttabs": !0 }), C());
 };
-xt.propTypes = process.env.NODE_ENV !== "production" ? Un : {};
-const zn = 0, Ee = 1, Wn = process.env.NODE_ENV !== "production" ? { children: Tt, className: b.oneOfType([b.string, b.array, b.object]), defaultFocus: b.bool, defaultIndex: b.number, direction: b.oneOf(["rtl", "ltr"]), disabledTabClassName: b.string, disableUpDownKeys: b.bool, disableLeftRightKeys: b.bool, domRef: b.func, environment: b.object, focusTabOnClick: b.bool, forceRenderTabPanel: b.bool, onSelect: jn, selectedIndex: Mn, selectedTabClassName: b.string, selectedTabPanelClassName: b.string } : {}, Yn = { defaultFocus: !1, focusTabOnClick: !0, forceRenderTabPanel: !1, selectedIndex: null, defaultIndex: null, environment: null, disableUpDownKeys: !1, disableLeftRightKeys: !1 }, Ct = (e) => e.selectedIndex === null ? Ee : zn, Vn = (e, n) => {
+xt.propTypes = process.env.NODE_ENV !== "production" ? zn : {};
+const Wn = 0, Ee = 1, Yn = process.env.NODE_ENV !== "production" ? { children: Tt, className: b.oneOfType([b.string, b.array, b.object]), defaultFocus: b.bool, defaultIndex: b.number, direction: b.oneOf(["rtl", "ltr"]), disabledTabClassName: b.string, disableUpDownKeys: b.bool, disableLeftRightKeys: b.bool, domRef: b.func, environment: b.object, focusTabOnClick: b.bool, forceRenderTabPanel: b.bool, onSelect: jn, selectedIndex: Fn, selectedTabClassName: b.string, selectedTabPanelClassName: b.string } : {}, Vn = { defaultFocus: !1, focusTabOnClick: !0, forceRenderTabPanel: !1, selectedIndex: null, defaultIndex: null, environment: null, disableUpDownKeys: !1, disableLeftRightKeys: !1 }, Ct = (e) => e.selectedIndex === null ? Ee : Wn, Hn = (e, n) => {
   if (process.env.NODE_ENV !== "production" && n != null && n !== Ct(e))
     throw new Error("Switching between controlled mode (by using `selectedIndex`) and uncontrolled mode is not supported in `Tabs`.\nFor more information about controlled and uncontrolled mode of react-tabs see https://github.com/reactjs/react-tabs#controlled-vs-uncontrolled-mode.");
 }, Ke = (e) => {
-  const { children: n, defaultFocus: t, defaultIndex: r, focusTabOnClick: l, onSelect: a, ...h } = { ...Yn, ...e }, [i, v] = te(t), [y] = te(Ct(h)), [d, C] = te(y === Ee ? r || 0 : null);
+  const { children: n, defaultFocus: t, defaultIndex: r, focusTabOnClick: l, onSelect: a, ...h } = { ...Vn, ...e }, [i, v] = te(t), [y] = te(Ct(h)), [d, C] = te(y === Ee ? r || 0 : null);
   if (se(() => {
     v(!1);
   }, []), y === Ee) {
@@ -895,38 +895,38 @@ const zn = 0, Ee = 1, Wn = process.env.NODE_ENV !== "production" ? { children: T
       }
     }, [N]);
   }
-  Vn(h, y);
+  Hn(h, y);
   const k = (N, x, F) => {
     typeof a == "function" && a(N, x, F) === !1 || (l && v(!0), y === Ee && C(N));
   };
   let P = { ...e, ...h };
   return P.focus = i, P.onSelect = k, d != null && (P.selectedIndex = d), delete P.defaultFocus, delete P.defaultIndex, delete P.focusTabOnClick, pe.createElement(xt, P, n);
 };
-Ke.propTypes = process.env.NODE_ENV !== "production" ? Wn : {};
+Ke.propTypes = process.env.NODE_ENV !== "production" ? Yn : {};
 Ke.tabsRole = "Tabs";
-const Hn = { className: "react-tabs__tab-list" }, Kn = process.env.NODE_ENV !== "production" ? { children: b.oneOfType([b.object, b.array]), className: b.oneOfType([b.string, b.array, b.object]) } : {}, Ge = (e) => {
-  const { children: n, className: t, ...r } = { ...Hn, ...e };
+const Kn = { className: "react-tabs__tab-list" }, Gn = process.env.NODE_ENV !== "production" ? { children: b.oneOfType([b.object, b.array]), className: b.oneOfType([b.string, b.array, b.object]) } : {}, Ge = (e) => {
+  const { children: n, className: t, ...r } = { ...Kn, ...e };
   return pe.createElement("ul", Object.assign({}, r, { className: Oe(t), role: "tablist" }), n);
 };
 Ge.tabsRole = "TabList";
-Ge.propTypes = process.env.NODE_ENV !== "production" ? Kn : {};
-const je = "react-tabs__tab", Gn = { className: je, disabledClassName: `${je}--disabled`, focus: !1, id: null, selected: !1, selectedClassName: `${je}--selected` }, Xn = process.env.NODE_ENV !== "production" ? { children: b.oneOfType([b.array, b.object, b.string]), className: b.oneOfType([b.string, b.array, b.object]), disabled: b.bool, disabledClassName: b.string, focus: b.bool, id: b.string, selected: b.bool, selectedClassName: b.string, tabIndex: b.string, tabRef: b.func } : {}, de = (e) => {
+Ge.propTypes = process.env.NODE_ENV !== "production" ? Gn : {};
+const Me = "react-tabs__tab", Xn = { className: Me, disabledClassName: `${Me}--disabled`, focus: !1, id: null, selected: !1, selectedClassName: `${Me}--selected` }, Jn = process.env.NODE_ENV !== "production" ? { children: b.oneOfType([b.array, b.object, b.string]), className: b.oneOfType([b.string, b.array, b.object]), disabled: b.bool, disabledClassName: b.string, focus: b.bool, id: b.string, selected: b.bool, selectedClassName: b.string, tabIndex: b.string, tabRef: b.func } : {}, de = (e) => {
   let n = Te();
-  const { children: t, className: r, disabled: l, disabledClassName: a, focus: h, id: i, selected: v, selectedClassName: y, tabIndex: d, tabRef: C, ...k } = { ...Gn, ...e };
+  const { children: t, className: r, disabled: l, disabledClassName: a, focus: h, id: i, selected: v, selectedClassName: y, tabIndex: d, tabRef: C, ...k } = { ...Xn, ...e };
   return se(() => {
     v && h && n.current.focus();
   }, [v, h]), pe.createElement("li", Object.assign({}, k, { className: Oe(r, { [y]: v, [a]: l }), ref: (P) => {
     n.current = P, C && C(P);
   }, role: "tab", id: `tab${i}`, "aria-selected": v ? "true" : "false", "aria-disabled": l ? "true" : "false", "aria-controls": `panel${i}`, tabIndex: d || (v ? "0" : null), "data-rttab": !0 }), t);
 };
-de.propTypes = process.env.NODE_ENV !== "production" ? Xn : {};
+de.propTypes = process.env.NODE_ENV !== "production" ? Jn : {};
 de.tabsRole = "Tab";
-const dt = "react-tabs__tab-panel", Jn = { className: dt, forceRender: !1, selectedClassName: `${dt}--selected` }, Zn = process.env.NODE_ENV !== "production" ? { children: b.node, className: b.oneOfType([b.string, b.array, b.object]), forceRender: b.bool, id: b.string, selected: b.bool, selectedClassName: b.string } : {}, fe = (e) => {
-  const { children: n, className: t, forceRender: r, id: l, selected: a, selectedClassName: h, ...i } = { ...Jn, ...e };
+const dt = "react-tabs__tab-panel", Zn = { className: dt, forceRender: !1, selectedClassName: `${dt}--selected` }, Qn = process.env.NODE_ENV !== "production" ? { children: b.node, className: b.oneOfType([b.string, b.array, b.object]), forceRender: b.bool, id: b.string, selected: b.bool, selectedClassName: b.string } : {}, fe = (e) => {
+  const { children: n, className: t, forceRender: r, id: l, selected: a, selectedClassName: h, ...i } = { ...Zn, ...e };
   return pe.createElement("div", Object.assign({}, i, { className: Oe(t, { [h]: a }), role: "tabpanel", id: `panel${l}`, "aria-labelledby": `tab${l}` }), r || a ? n : null);
 };
 fe.tabsRole = "TabPanel";
-fe.propTypes = process.env.NODE_ENV !== "production" ? Zn : {};
+fe.propTypes = process.env.NODE_ENV !== "production" ? Qn : {};
 (function() {
   try {
     if (typeof document < "u") {
@@ -937,17 +937,17 @@ fe.propTypes = process.env.NODE_ENV !== "production" ? Zn : {};
     console.error("vite-plugin-css-injected-by-js", n);
   }
 })();
-const Qn = "_FileExplorer_10w0u_1", er = "_Header_10w0u_25", tr = "_IconButton_10w0u_45", nr = "_PathInput_10w0u_137", rr = "_Body_10w0u_159", or = "_Sidebar_10w0u_175", ar = "_NavButton_10w0u_203", ir = "_Main_10w0u_249", sr = "_Footer_10w0u_277", lr = "_Selector_10w0u_315", z = {
-  FileExplorer: Qn,
-  Header: er,
-  IconButton: tr,
-  PathInput: nr,
-  Body: rr,
-  Sidebar: or,
-  NavButton: ar,
-  Main: ir,
-  Footer: sr,
-  Selector: lr
+const er = "_FileExplorer_10w0u_1", tr = "_Header_10w0u_25", nr = "_IconButton_10w0u_45", rr = "_PathInput_10w0u_137", or = "_Body_10w0u_159", ar = "_Sidebar_10w0u_175", ir = "_NavButton_10w0u_203", sr = "_Main_10w0u_249", lr = "_Footer_10w0u_277", cr = "_Selector_10w0u_315", z = {
+  FileExplorer: er,
+  Header: tr,
+  IconButton: nr,
+  PathInput: rr,
+  Body: or,
+  Sidebar: ar,
+  NavButton: ir,
+  Main: sr,
+  Footer: lr,
+  Selector: cr
 };
 function ge({ onClick: e, icon: n, name: t }) {
   return /* @__PURE__ */ E(
@@ -963,11 +963,11 @@ function ge({ onClick: e, icon: n, name: t }) {
     }
   );
 }
-function cr({ directory: e }) {
+function ur({ directory: e }) {
   const n = (t) => {
     const r = t.target.files;
     r != null && Array.from(r).forEach((l) => {
-      const { name: a, extension: h } = Bt.splitId(l.name), i = new FileReader();
+      const { name: a, extension: h } = Lt.splitId(l.name), i = new FileReader();
       i.onload = (v) => {
         const { result: y } = v.target;
         e.createFile(a, h, (d) => {
@@ -987,23 +987,23 @@ function cr({ directory: e }) {
         onChange: n
       }
     ),
-    /* @__PURE__ */ s(X, { icon: Kt })
+    /* @__PURE__ */ s(X, { icon: Gt })
   ] });
 }
 const ft = {
   NONE: 0,
   SINGLE: 1,
   MULTIPLE: 2
-}, ur = "_FileProperties_s5har_1", dr = "_Icon_s5har_17", fr = "_Section_s5har_49", pr = "_Line_s5har_91", br = "_AppIcon_s5har_135", H = {
-  FileProperties: ur,
-  Icon: dr,
-  Section: fr,
-  Line: pr,
-  AppIcon: br
+}, dr = "_FileProperties_s5har_1", fr = "_Icon_s5har_17", pr = "_Section_s5har_49", br = "_Line_s5har_91", mr = "_AppIcon_s5har_135", H = {
+  FileProperties: dr,
+  Icon: fr,
+  Section: pr,
+  Line: br,
+  AppIcon: mr
 };
-function mr({ modal: e, params: n, file: t, ...r }) {
+function hr({ modal: e, params: n, file: t, ...r }) {
   const { appsConfig: l } = me(), a = t.extension != null ? l.getAppByFileExtension(t.extension) : null;
-  return /* @__PURE__ */ E($t, { className: H.FileProperties, modal: e, params: n, ...r, children: [
+  return /* @__PURE__ */ E(Bt, { className: H.FileProperties, modal: e, params: n, ...r, children: [
     /* @__PURE__ */ E("span", { className: H.Section, children: [
       /* @__PURE__ */ s(qe, { className: H.Icon, source: t.getIconUrl() }),
       /* @__PURE__ */ s("p", { className: `${H.Line} ${K.TextBold}`, children: t.id })
@@ -1041,8 +1041,8 @@ function mr({ modal: e, params: n, file: t, ...r }) {
     ] }) })
   ] });
 }
-function hr({ app: e, path: n, selectorMode: t, Footer: r, onSelectionChange: l, onSelectionFinish: a }) {
-  const h = r != null && t != null && t !== ft.NONE, i = Pe(), v = We(), { windowsConfig: y } = me(), [d, C] = te(i == null ? void 0 : i.navigate(n ?? "~")), [k, P] = te((d == null ? void 0 : d.path) ?? ""), [N] = te(!0), { history: x, stateIndex: F, pushState: Y, undo: Q, redo: U, undoAvailable: q, redoAvailable: u } = Nt(d.path), { alert: ee } = It(), { openWindowedModal: ne } = mt(), { onContextMenu: le } = Me({
+function yr({ app: e, path: n, selectorMode: t, Footer: r, onSelectionChange: l, onSelectionFinish: a }) {
+  const h = r != null && t != null && t !== ft.NONE, i = Pe(), v = We(), { windowsConfig: y } = me(), [d, C] = te(i == null ? void 0 : i.navigate(n ?? "~")), [k, P] = te((d == null ? void 0 : d.path) ?? ""), [N] = te(!0), { history: x, stateIndex: F, pushState: Y, undo: Q, redo: U, undoAvailable: q, redoAvailable: u } = It(d.path), { alert: ee } = Ot(), { openWindowedModal: ne } = mt(), { onContextMenu: le } = je({
     Actions: (p) => /* @__PURE__ */ E(Fe, { ...p, children: [
       /* @__PURE__ */ s(ie, { label: h ? "Select" : "Open", onTrigger: (g, w) => {
         if (h) {
@@ -1059,21 +1059,21 @@ function hr({ app: e, path: n, selectorMode: t, Footer: r, onSelectionChange: l,
           title: `${w.id} ${y.titleSeparator} Properties`,
           iconUrl: w.getIconUrl(),
           size: new be(400, 500),
-          Modal: (M) => /* @__PURE__ */ s(mr, { file: w, ...M })
+          Modal: (j) => /* @__PURE__ */ s(hr, { file: w, ...j })
         });
       } })
     ] })
-  }), { onContextMenu: ce } = Me({
+  }), { onContextMenu: ce } = je({
     Actions: (p) => /* @__PURE__ */ E(Fe, { ...p, children: [
       /* @__PURE__ */ s(ie, { label: "Open", onTrigger: (g, w) => {
         J(w.linkedPath ?? w.name);
       } }),
-      /* @__PURE__ */ s(Ot, {}),
+      /* @__PURE__ */ s(At, {}),
       /* @__PURE__ */ s(ie, { label: "Delete", icon: et, onTrigger: (g, w) => {
         w.delete();
       } })
     ] })
-  }), J = tn((p, g = !1) => {
+  }), J = nn((p, g = !1) => {
     if (p == null)
       return;
     d == null && (g = !0);
@@ -1095,8 +1095,8 @@ function hr({ app: e, path: n, selectorMode: t, Footer: r, onSelectionChange: l,
         single: !0
       });
     };
-    return i == null || i.on(Je.EVENT_NAMES.ERROR, p), () => {
-      i == null || i.off(Je.EVENT_NAMES.ERROR, p);
+    return i == null || i.on(Je.EVENT_NAMES.error, p), () => {
+      i == null || i.off(Je.EVENT_NAMES.error, p);
     };
   }, []);
   const re = (p) => {
@@ -1111,13 +1111,13 @@ function hr({ app: e, path: n, selectorMode: t, Footer: r, onSelectionChange: l,
           title: "Error",
           iconUrl: e == null ? void 0 : e.iconUrl,
           size: new be(300, 150),
-          Modal: (M) => /* @__PURE__ */ E(Ze, { ...M, children: [
+          Modal: (j) => /* @__PURE__ */ E(Ze, { ...j, children: [
             /* @__PURE__ */ E("p", { children: [
               'Invalid path: "',
               g,
               '"'
             ] }),
-            /* @__PURE__ */ s("button", { "data-type": Qe.DIALOG_CONTENT_TYPES.CloseButton, children: "Ok" })
+            /* @__PURE__ */ s("button", { "data-type": Qe.DIALOG_CONTENT_TYPES.closeButton, children: "Ok" })
           ] })
         });
         return;
@@ -1150,7 +1150,7 @@ function hr({ app: e, path: n, selectorMode: t, Footer: r, onSelectionChange: l,
             U();
           },
           disabled: !u,
-          children: /* @__PURE__ */ s(X, { icon: Mt })
+          children: /* @__PURE__ */ s(X, { icon: Ft })
         }
       ),
       /* @__PURE__ */ s(
@@ -1163,7 +1163,7 @@ function hr({ app: e, path: n, selectorMode: t, Footer: r, onSelectionChange: l,
             J("..");
           },
           disabled: d.isRoot != null && d.isRoot,
-          children: /* @__PURE__ */ s(X, { icon: Ft })
+          children: /* @__PURE__ */ s(X, { icon: qt })
         }
       ),
       /* @__PURE__ */ s(
@@ -1179,12 +1179,12 @@ function hr({ app: e, path: n, selectorMode: t, Footer: r, onSelectionChange: l,
               size: new be(300, 150),
               Modal: (p) => /* @__PURE__ */ E(Ze, { ...p, children: [
                 /* @__PURE__ */ s("p", { children: "This folder is protected." }),
-                /* @__PURE__ */ s("button", { "data-type": Qe.DIALOG_CONTENT_TYPES.CloseButton, children: "Ok" })
+                /* @__PURE__ */ s("button", { "data-type": Qe.DIALOG_CONTENT_TYPES.closeButton, children: "Ok" })
               ] })
             });
           },
           disabled: !d.canBeEdited,
-          children: /* @__PURE__ */ s(X, { icon: qt })
+          children: /* @__PURE__ */ s(X, { icon: Ut })
         }
       ),
       /* @__PURE__ */ s(
@@ -1200,24 +1200,24 @@ function hr({ app: e, path: n, selectorMode: t, Footer: r, onSelectionChange: l,
           placeholder: "Enter a path..."
         }
       ),
-      /* @__PURE__ */ s(cr, { directory: d }),
-      /* @__PURE__ */ s("button", { title: "Search", tabIndex: 0, className: z.IconButton, children: /* @__PURE__ */ s(X, { icon: Ut }) }),
-      /* @__PURE__ */ s("button", { title: "Settings", tabIndex: 0, className: z.IconButton, children: /* @__PURE__ */ s(X, { icon: zt }) })
+      /* @__PURE__ */ s(ur, { directory: d }),
+      /* @__PURE__ */ s("button", { title: "Search", tabIndex: 0, className: z.IconButton, children: /* @__PURE__ */ s(X, { icon: zt }) }),
+      /* @__PURE__ */ s("button", { title: "Settings", tabIndex: 0, className: z.IconButton, children: /* @__PURE__ */ s(X, { icon: Wt }) })
     ] }),
     /* @__PURE__ */ E("div", { className: z.Body, children: [
       /* @__PURE__ */ E("div", { className: z.Sidebar, children: [
         /* @__PURE__ */ s(ge, { name: "Home", onClick: () => {
           J("~");
-        }, icon: Wt }),
+        }, icon: Yt }),
         /* @__PURE__ */ s(ge, { name: "Desktop", onClick: () => {
           J("~/Desktop");
-        }, icon: Yt }),
+        }, icon: Vt }),
         /* @__PURE__ */ s(ge, { name: "Images", onClick: () => {
           J("~/Pictures");
-        }, icon: Vt }),
+        }, icon: Ht }),
         /* @__PURE__ */ s(ge, { name: "Documents", onClick: () => {
           J("~/Documents");
-        }, icon: Ht })
+        }, icon: Kt })
       ] }),
       /* @__PURE__ */ s(
         Rt,
@@ -1230,7 +1230,7 @@ function hr({ app: e, path: n, selectorMode: t, Footer: r, onSelectionChange: l,
             if (p.preventDefault(), h)
               return void (a == null ? void 0 : a());
             const w = {};
-            (g.extension === "md" || g.extension != null && At.includes(g.extension)) && (w.mode = "view"), v == null || v.openFile(g, w);
+            (g.extension === "md" || g.extension != null && $t.includes(g.extension)) && (w.mode = "view"), v == null || v.openFile(g, w);
           },
           onOpenFolder: (p, g) => {
             J(g.linkedPath ?? g.name);
@@ -1246,7 +1246,9 @@ function hr({ app: e, path: n, selectorMode: t, Footer: r, onSelectionChange: l,
   ] });
 }
 var Pt = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.Single = 1] = "Single", e[e.Multi = 2] = "Multi", e))(Pt || {});
-const yr = new pt("File Explorer", "file-explorer", hr).setIconUrl("https://os.prozilla.dev/assets/apps/icons/file-explorer.svg").setRole(bt.APP_ROLES.FileExplorer), vr = "~/Pictures/Wallpapers";
+const Nt = new pt("File Explorer", "file-explorer", yr).setIconUrl("https://os.prozilla.dev/assets/apps/icons/file-explorer.svg").setRole(bt.APP_ROLES.fileExplorer).setCategory("Utilities & tools");
+Nt.setMetadata({ name: "@prozilla-os/file-explorer", version: "1.1.7", author: "Prozilla" });
+const vr = "~/Pictures/Wallpapers";
 function gr() {
   var k, P;
   const { modalsConfig: e } = me(), n = Pe(), t = Ye(), [r, l] = te(0), [a, h] = te(null), i = t == null ? void 0 : t.getSettings(we.VIRTUAL_PATHS.desktop), v = t == null ? void 0 : t.getSettings(we.VIRTUAL_PATHS.theme), { openWindowedModal: y } = mt();
@@ -1265,7 +1267,7 @@ function gr() {
   return /* @__PURE__ */ E(ht, { children: [
     /* @__PURE__ */ E("div", { className: S.Option, children: [
       /* @__PURE__ */ s("p", { className: S.Label, children: "Theme" }),
-      /* @__PURE__ */ s("div", { className: S.Input, children: /* @__PURE__ */ s("select", { className: S.Dropdown, "aria-label": "theme", value: r, onChange: C, children: Object.entries(Lt).map(
+      /* @__PURE__ */ s("div", { className: S.Input, children: /* @__PURE__ */ s("select", { className: S.Dropdown, "aria-label": "theme", value: r, onChange: C, children: Object.entries(kt).map(
         ([N, x]) => /* @__PURE__ */ s("option", { value: N, children: x }, N)
       ) }) })
     ] }),
@@ -1279,10 +1281,10 @@ function gr() {
             y({
               size: e.defaultFileSelectorSize,
               Modal: (N) => /* @__PURE__ */ s(
-                yr.WindowContent,
+                Nt.WindowContent,
                 {
                   type: Pt.Single,
-                  allowedFormats: kt,
+                  allowedFormats: Dt,
                   onFinish: (x) => {
                     x.source != null && (i == null || i.set("wallpaper", x.source));
                   },
@@ -1356,17 +1358,17 @@ function Tr() {
     /* @__PURE__ */ E("div", { className: `${S.Option} ${S.ProgressBarContainer}`, children: [
       /* @__PURE__ */ E("p", { className: S.Label, children: [
         "Virtual Drive (",
-        Re(r, 1),
+        Ae(r, 1),
         " KB)"
       ] }),
-      /* @__PURE__ */ s(Dt, { fillPercentage: l / r * 100, className: S.ProgressBar }),
+      /* @__PURE__ */ s(Mt, { fillPercentage: l / r * 100, className: S.ProgressBar }),
       /* @__PURE__ */ E("span", { className: S.ProgressBarLabels, children: [
         /* @__PURE__ */ E("p", { className: K.TextLight, children: [
-          Re(l, 1),
+          Ae(l, 1),
           " KB used"
         ] }),
         /* @__PURE__ */ E("p", { className: K.TextLight, children: [
-          Re(a, 1),
+          Ae(a, 1),
           " KB free"
         ] })
       ] })
@@ -1387,12 +1389,12 @@ function Tr() {
   ] });
 }
 function Er({ app: e, pins: n, setPins: t }) {
-  const r = n.includes(e.id), l = Ye(), a = We(), { onContextMenu: h } = Me({
+  const r = n.includes(e.id), l = Ye(), a = We(), { onContextMenu: h } = je({
     Actions: (i) => /* @__PURE__ */ E(Fe, { ...i, children: [
       /* @__PURE__ */ s(ie, { label: "Launch", icon: e.iconUrl, onTrigger: () => a == null ? void 0 : a.open(e.id) }),
-      /* @__PURE__ */ s(ie, { label: r ? "Unpin from taskbar" : "Pin to taskbar", icon: Gt, onTrigger: () => {
+      /* @__PURE__ */ s(ie, { label: r ? "Unpin from taskbar" : "Pin to taskbar", icon: Xt, onTrigger: () => {
         const v = [...n];
-        r ? nn(e.id, n) : v.push(e.id);
+        r ? rn(e.id, n) : v.push(e.id);
         const y = l == null ? void 0 : l.getSettings(we.VIRTUAL_PATHS.taskbar);
         y == null || y.set("pins", v.join(","));
       } })
@@ -1403,7 +1405,7 @@ function Er({ app: e, pins: n, setPins: t }) {
       /* @__PURE__ */ s(qe, { className: S.Icon, source: e.iconUrl }),
       e.name
     ] }),
-    /* @__PURE__ */ s("button", { className: S.IconButton, onClick: h, children: /* @__PURE__ */ s(X, { icon: Xt }) })
+    /* @__PURE__ */ s("button", { className: S.IconButton, onClick: h, children: /* @__PURE__ */ s(X, { icon: Jt }) })
   ] });
 }
 function wr() {
@@ -1433,15 +1435,15 @@ function Sr({ tab: e }) {
       children: [
         /* @__PURE__ */ E(Ge, { className: S.Tabs, children: [
           /* @__PURE__ */ E(de, { className: S.TabButton, tabIndex: "0", children: [
-            /* @__PURE__ */ s(X, { icon: Jt }),
+            /* @__PURE__ */ s(X, { icon: Zt }),
             /* @__PURE__ */ s("p", { className: K.TextSemibold, children: "Apps" })
           ] }),
           /* @__PURE__ */ E(de, { className: S.TabButton, tabIndex: "0", children: [
-            /* @__PURE__ */ s(X, { icon: Zt }),
+            /* @__PURE__ */ s(X, { icon: Qt }),
             /* @__PURE__ */ s("p", { className: K.TextSemibold, children: "Appearance" })
           ] }),
           /* @__PURE__ */ E(de, { className: S.TabButton, tabIndex: "0", children: [
-            /* @__PURE__ */ s(X, { icon: Qt }),
+            /* @__PURE__ */ s(X, { icon: en }),
             /* @__PURE__ */ s("p", { className: K.TextSemibold, children: "Storage" })
           ] }),
           /* @__PURE__ */ E(de, { className: S.TabButton, tabIndex: "0", children: [
@@ -1457,8 +1459,9 @@ function Sr({ tab: e }) {
     }
   ) });
 }
-const Rr = new pt("Settings", "settings", Sr).setIconUrl("https://os.prozilla.dev/assets/apps/icons/settings.svg").setRole(bt.APP_ROLES.Settings);
+const xr = new pt("Settings", "settings", Sr).setIconUrl("https://os.prozilla.dev/assets/apps/icons/settings.svg").setRole(bt.APP_ROLES.settings).setCategory("Personalization");
+xr.setMetadata({ name: "@prozilla-os/settings", version: "1.1.7", author: "Prozilla" });
 export {
-  Rr as settings
+  xr as settings
 };
 //# sourceMappingURL=main.js.map