@prozilla-os/settings 1.1.17 → 1.1.19

package/dist/main.js

@@ -1,40 +1,45 @@
-(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('._SettingsContainer_12j2h_1{width:100%;height:100%;position:sticky;top:0;left:0}._Settings_12j2h_1{--tabs-width: 10rem;flex:1;display:flex;width:100%;height:100%;background-color:var(--background-color-2)}._Tabs_12j2h_19{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_12j2h_34{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_12j2h_34._ActiveTab_12j2h_45{background-color:var(--background-color-0)}._TabButton_12j2h_34:not(._ActiveTab_12j2h_45):hover,._TabButton_12j2h_34:not(._ActiveTab_12j2h_45):focus-visible{background-color:color-mix(in srgb,var(--background-color-0) 50%,transparent)}._TabButton_12j2h_34>svg{height:1.35rem;aspect-ratio:1}._TabButton_12j2h_34>p{margin:0}._TabPanel_12j2h_63{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_12j2h_63:not(._ActivePanel_12j2h_74){display:none}._Option_12j2h_78{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:start;width:100%;padding-bottom:1rem}._OptionList_12j2h_88{gap:.5rem}._OptionList_12j2h_88 ._Option_12j2h_78{padding-bottom:0}._OptionHorizontal_12j2h_96{flex-direction:row;justify-content:space-between}._Option_12j2h_78>._Label_12j2h_101{color:var(--foreground-color-0)}._Input_12j2h_105{display:flex;gap:.5rem;flex-wrap:wrap}._Input_12j2h_105>label{flex:1;display:flex}._ImageSelectContainer_12j2h_116{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.5rem}._ImageSelect_12j2h_116{display:block;width:100%}._ImageSelect_12j2h_116>input{position:absolute;opacity:0;width:0;height:0}._ImageSelect_12j2h_116>input:hover+img,._ImageSelect_12j2h_116>input:focus-visible+img{filter:brightness(110%)}._ImageSelect_12j2h_116>input:checked+img{outline:.25em solid var(--foreground-color-0)}._ImageSelect_12j2h_116>img{width:100%;height:100%;border-radius:var(--border-radius-1);transition:filter var(--transition-duration-0) var(--ease-in-out-default);cursor:pointer}._ButtonGroup_12j2h_151{display:flex;gap:1rem;flex-wrap:wrap;margin:.75rem 0}._ButtonGroup_12j2h_151 ._Button_12j2h_151{margin-bottom:0}._Button_12j2h_151{--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_12j2h_171{--text-color: var(--black-1) !important;--normal-color: var(--red-0) !important;--hover-color: var(--red-1) !important}._IconButton_12j2h_177{--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_12j2h_177: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 var(--transition-duration-1) var(--ease-in-out-default)}._IconButton_12j2h_177:hover:after,._IconButton_12j2h_177:focus-visible:after{background-color:#ffffff1a;transform:scale(1.5)}._IconButton_12j2h_177:disabled{--color: var(--foreground-color-2)}._IconButton_12j2h_177 svg{height:100%}._IconButton_12j2h_177 svg path{fill:var(--color);transition:fill var(--transition-duration-0) var(--ease-in-out-default)}._ProgressBarContainer_12j2h_223{width:100%;max-width:35rem}._ProgressBar_12j2h_223{width:100%!important}._ProgressBarLabels_12j2h_232{display:flex;justify-content:space-between;width:100%}._Option_12j2h_78>span._Label_12j2h_101{display:flex;gap:.5rem;align-items:center}._Icon_12j2h_177{display:inline-block;width:2rem;height:2rem}._Icon_12j2h_177 div{width:inherit;height:inherit}._Icon_12j2h_177 div>svg{width:inherit;height:inherit;object-fit:contain}._Dropdown_12j2h_261{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_12j2h_261>*{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 bt, AppsConfig as mt, useVirtualRoot as we, useWindowsManager as Ye, useSystemManager as me, useHistory as Ot, useAlert as At, useWindowedModal as ht, useContextMenu as Me, Actions as Fe, ClickAction as re, Vector2 as be, Divider as Rt, VirtualRoot as Je, DialogBox as Ze, ModalsConfig as Qe, DirectoryList as $t, CODE_EXTENSIONS as jt, utilStyles as H, WindowedModal as Bt, ImagePreview as Ue, StorageManager as ue, VirtualFile as Lt, useSettingsManager as qe, SettingsManager as Ee, Button as Se, IMAGE_EXTENSIONS as kt, ProgressBar as Dt } from "@prozilla-os/core";
-import { jsxs as x, jsx as s, Fragment as vt } from "react/jsx-runtime";
-import { FontAwesomeIcon as X } from "@fortawesome/react-fontawesome";
-import { faUpload as Mt, faTrash as et, faCircleInfo as yt, faCaretLeft as Ft, faCaretRight as Ut, faArrowUp as zt, faPlus as Wt, faSearch as Yt, faCog as qt, faHouse as Vt, faDesktop as Kt, faImage as Ht, faFileLines as Gt, faDownload as Xt, faThumbTack as Jt, faEllipsisVertical as Zt, faShapes as Qt, faPalette as en, faHardDrive as tn } from "@fortawesome/free-solid-svg-icons";
-import pe, { Children as gt, cloneElement as _e, useRef as Te, useId as nn, useState as te, useEffect as se, useCallback as rn } from "react";
-import { Theme as tt } from "@prozilla-os/skins";
-import { round as Ae, removeFromArray as on } from "@prozilla-os/shared";
-const an = "_SettingsContainer_12j2h_1", sn = "_Settings_12j2h_1", ln = "_Tabs_12j2h_19", cn = "_TabButton_12j2h_34", un = "_ActiveTab_12j2h_45", dn = "_TabPanel_12j2h_63", fn = "_ActivePanel_12j2h_74", pn = "_Option_12j2h_78", bn = "_OptionList_12j2h_88", mn = "_OptionHorizontal_12j2h_96", hn = "_Label_12j2h_101", vn = "_Input_12j2h_105", yn = "_ImageSelectContainer_12j2h_116", gn = "_ImageSelect_12j2h_116", _n = "_ButtonGroup_12j2h_151", Tn = "_Button_12j2h_151", xn = "_ButtonDanger_12j2h_171", En = "_IconButton_12j2h_177", Sn = "_ProgressBarContainer_12j2h_223", Cn = "_ProgressBar_12j2h_223", Pn = "_ProgressBarLabels_12j2h_232", wn = "_Icon_12j2h_177", Nn = "_Dropdown_12j2h_261", E = {
-  SettingsContainer: an,
-  Settings: sn,
-  Tabs: ln,
-  TabButton: cn,
-  ActiveTab: un,
-  TabPanel: dn,
-  ActivePanel: fn,
-  Option: pn,
-  OptionList: bn,
-  OptionHorizontal: mn,
-  Label: hn,
-  Input: vn,
-  ImageSelectContainer: yn,
-  ImageSelect: gn,
-  ButtonGroup: _n,
-  Button: Tn,
-  ButtonDanger: xn,
-  IconButton: En,
-  ProgressBarContainer: Sn,
-  ProgressBar: Cn,
-  ProgressBarLabels: Pn,
-  Icon: wn,
-  Dropdown: Nn
+(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('._SettingsContainer_oddmx_1{width:100%;height:100%;position:sticky;top:0;left:0}._Settings_oddmx_1{--tabs-width: 10rem;flex:1;display:flex;width:100%;height:100%;background-color:var(--background-color-2)}._Tabs_oddmx_19{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_oddmx_34{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_oddmx_34._ActiveTab_oddmx_45{background-color:var(--background-color-0)}._TabButton_oddmx_34:not(._ActiveTab_oddmx_45):hover,._TabButton_oddmx_34:not(._ActiveTab_oddmx_45):focus-visible{background-color:color-mix(in srgb,var(--background-color-0) 50%,transparent)}._TabButton_oddmx_34>svg{height:1.35rem;aspect-ratio:1}._TabButton_oddmx_34>p{margin:0}._TabPanel_oddmx_63{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_oddmx_63:not(._ActivePanel_oddmx_74){display:none}._Breadcrumbs_oddmx_78{font-size:1.25em;font-weight:600;-webkit-user-select:none;user-select:none;margin:1rem 0;line-height:1.5}span._Breadcrumbs_oddmx_78{--gap: .5rem;display:flex;gap:calc(var(--gap) / 2);align-items:center}._Breadcrumbs_oddmx_78 button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;font-size:inherit;font-weight:inherit;padding:0;color:var(--foreground-color-1)}._Breadcrumbs_oddmx_78 p{margin:0;line-height:inherit}._Breadcrumbs_oddmx_78>*:not(:first-child):before{content:"▸";font-weight:600;font-size:inherit;margin-right:calc(var(--gap) / 2)}._Option_oddmx_114{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:start;width:100%;padding-bottom:1rem;background:none}._OptionList_oddmx_125{gap:.5rem}._OptionList_oddmx_125 ._Option_oddmx_114{padding-bottom:0}._OptionList_oddmx_125 ._OptionListItem_oddmx_133{display:flex;justify-content:space-between;align-items:center;background-color:var(--background-color-1);border-radius:var(--border-radius-1);padding:.75rem}._OptionList_oddmx_125 ._OptionListItem_oddmx_133>._Label_oddmx_142{font-size:1rem}._OptionHorizontal_oddmx_146{flex-direction:row;justify-content:space-between}._Option_oddmx_114>._Label_oddmx_142{color:var(--foreground-color-0)}._Input_oddmx_155{display:flex;gap:.5rem;flex-wrap:wrap}._Input_oddmx_155>label{flex:1;display:flex}._ImageSelectContainer_oddmx_166{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.5rem}._ImageSelect_oddmx_166{display:block;width:100%}._ImageSelect_oddmx_166>input{position:absolute;opacity:0;width:0;height:0}._ImageSelect_oddmx_166>input:hover+img,._ImageSelect_oddmx_166>input:focus-visible+img{filter:brightness(110%)}._ImageSelect_oddmx_166>input:checked+img{outline:.25em solid var(--foreground-color-0)}._ImageSelect_oddmx_166>img{width:100%;height:100%;border-radius:var(--border-radius-1);transition:filter var(--transition-duration-0) var(--ease-in-out-default);cursor:pointer}._ButtonGroup_oddmx_201{display:flex;gap:1rem;flex-wrap:wrap;margin:.75rem 0}._ButtonGroup_oddmx_201 ._Button_oddmx_201{margin-bottom:0}._Button_oddmx_201{--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_oddmx_221{--text-color: var(--black-1) !important;--normal-color: var(--red-0) !important;--hover-color: var(--red-1) !important}._IconButton_oddmx_227{--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_oddmx_227: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 var(--transition-duration-1) var(--ease-in-out-default)}._IconButton_oddmx_227:hover:after,._IconButton_oddmx_227:focus-visible:after{background-color:#ffffff1a;transform:scale(1.5)}._IconButton_oddmx_227:disabled{--color: var(--foreground-color-2)}._IconButton_oddmx_227 svg{height:100%}._IconButton_oddmx_227 svg path{fill:var(--color);transition:fill var(--transition-duration-0) var(--ease-in-out-default)}._ProgressBarContainer_oddmx_273{width:100%;max-width:35rem}._ProgressBar_oddmx_273{width:100%!important}._ProgressBarLabels_oddmx_282{display:flex;justify-content:space-between;width:100%}._Option_oddmx_114>span._Label_oddmx_142{display:flex;gap:.5rem;align-items:center}._Icon_oddmx_227{display:inline-block;width:2rem;height:2rem}._Icon_oddmx_227 div{width:inherit;height:inherit}._Icon_oddmx_227 div>svg{width:inherit;height:inherit;object-fit:contain}._Dropdown_oddmx_311{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_oddmx_311>*{color:inherit;background-color:inherit;border:none;border-radius:var(--border-radius-1);outline:none;font-family:inherit;font-size:inherit}._Checkbox_oddmx_333{background:none;height:1.5rem}._Checkbox_oddmx_333>svg{width:auto;height:inherit}._OptionList_oddmx_125 ._OptionListItem_oddmx_133:has(._Checkbox_oddmx_333){transition:background-color var(--transition-duration-0) var(--ease-in-out-default)}._OptionList_oddmx_125 ._OptionListItem_oddmx_133:has(._Checkbox_oddmx_333:not(._Checked_oddmx_347)){background-color:var(--background-color-2)}._NavButton_14eky_1{display:flex;gap:1rem;flex-direction:row;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background-color-1);width:100%;border-radius:var(--border-radius-1);padding:.75rem 1rem}._NavButton_14eky_1 span{display:flex;flex-direction:column;align-items:start}._NavButton_14eky_1 p{margin:0;line-height:1.5}._NavButton_14eky_1 ._Description_14eky_47{color:var(--foreground-color-1)}._NavButton_14eky_1:after{content:"▸";font-size:1.5rem;margin:auto 0 auto auto}')),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { utilStyles as V, useIntSetting as Mt, SettingsManager as he, App as bt, AppsConfig as ht, useVirtualRoot as Pe, useWindowsManager as Ve, useSystemManager as se, useHistory as jt, useAlert as Ft, useWindowedModal as gt, useContextMenu as Ue, Actions as ze, ClickAction as ne, Vector2 as me, Divider as Ut, VirtualRoot as Ze, DialogBox as Qe, ModalsConfig as et, DirectoryList as zt, CODE_EXTENSIONS as qt, WindowedModal as Wt, ImagePreview as Ee, StorageManager as de, VirtualFile as Yt, useStringSetting as Vt, Button as Ne, IMAGE_EXTENSIONS as Kt, useBoolSetting as Ht, ProgressBar as Gt, useListSetting as vt } from "@prozilla-os/core";
+import { jsxs as y, jsx as o, Fragment as qe } from "react/jsx-runtime";
+import { FontAwesomeIcon as W } from "@fortawesome/react-fontawesome";
+import { faUpload as Xt, faTrash as tt, faCircleInfo as yt, faCaretLeft as Jt, faCaretRight as Zt, faArrowUp as Qt, faPlus as en, faSearch as tn, faCog as nn, faHouse as rn, faDesktop as _t, faImage as Tt, faFileLines as on, faDownload as an, faSquareCheck as xt, faPalette as St, faThumbTack as sn, faEllipsisVertical as ln, faList as cn, faFlagCheckered as dn, faShapes as un, faHardDrive as fn } from "@fortawesome/free-solid-svg-icons";
+import pe, { Children as Ct, cloneElement as xe, useRef as Se, useId as pn, useState as ie, useEffect as be, useCallback as mn } from "react";
+import { Theme as nt } from "@prozilla-os/skins";
+import { faSquare as Et } from "@fortawesome/free-regular-svg-icons";
+import { round as Re, removeFromArray as Nt } from "@prozilla-os/shared";
+const bn = "_SettingsContainer_oddmx_1", hn = "_Settings_oddmx_1", gn = "_Tabs_oddmx_19", vn = "_TabButton_oddmx_34", yn = "_ActiveTab_oddmx_45", _n = "_TabPanel_oddmx_63", Tn = "_ActivePanel_oddmx_74", xn = "_Breadcrumbs_oddmx_78", Sn = "_Option_oddmx_114", Cn = "_OptionList_oddmx_125", En = "_OptionListItem_oddmx_133", Nn = "_Label_oddmx_142", wn = "_OptionHorizontal_oddmx_146", In = "_Input_oddmx_155", Pn = "_ImageSelectContainer_oddmx_166", On = "_ImageSelect_oddmx_166", An = "_ButtonGroup_oddmx_201", $n = "_Button_oddmx_201", Rn = "_ButtonDanger_oddmx_221", kn = "_IconButton_oddmx_227", Ln = "_ProgressBarContainer_oddmx_273", Bn = "_ProgressBar_oddmx_273", Dn = "_ProgressBarLabels_oddmx_282", Mn = "_Icon_oddmx_227", jn = "_Dropdown_oddmx_311", Fn = "_Checkbox_oddmx_333", Un = "_Checked_oddmx_347", b = {
+  SettingsContainer: bn,
+  Settings: hn,
+  Tabs: gn,
+  TabButton: vn,
+  ActiveTab: yn,
+  TabPanel: _n,
+  ActivePanel: Tn,
+  Breadcrumbs: xn,
+  Option: Sn,
+  OptionList: Cn,
+  OptionListItem: En,
+  Label: Nn,
+  OptionHorizontal: wn,
+  Input: In,
+  ImageSelectContainer: Pn,
+  ImageSelect: On,
+  ButtonGroup: An,
+  Button: $n,
+  ButtonDanger: Rn,
+  IconButton: kn,
+  ProgressBarContainer: Ln,
+  ProgressBar: Bn,
+  ProgressBarLabels: Dn,
+  Icon: Mn,
+  Dropdown: jn,
+  Checkbox: Fn,
+  Checked: Un
 };
-function In(e) {
+function zn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ze = { exports: {} }, ye = { exports: {} }, D = {};
+var We = { exports: {} }, ye = { exports: {} }, B = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -43,31 +48,31 @@ var ze = { exports: {} }, ye = { exports: {} }, D = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var nt;
-function On() {
-  if (nt) return D;
-  nt = 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, y = e ? Symbol.for("react.async_mode") : 60111, v = 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, S = e ? Symbol.for("react.block") : 60121, F = e ? Symbol.for("react.fundamental") : 60117, q = e ? Symbol.for("react.responder") : 60118, Q = e ? Symbol.for("react.scope") : 60119;
+var rt;
+function qn() {
+  if (rt) return B;
+  rt = 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, c = e ? Symbol.for("react.provider") : 60109, i = e ? Symbol.for("react.context") : 60110, _ = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, h = e ? Symbol.for("react.forward_ref") : 60112, E = e ? Symbol.for("react.suspense") : 60113, M = e ? Symbol.for("react.suspense_list") : 60120, I = e ? Symbol.for("react.memo") : 60115, j = e ? Symbol.for("react.lazy") : 60116, L = e ? Symbol.for("react.block") : 60121, F = e ? Symbol.for("react.fundamental") : 60117, K = e ? Symbol.for("react.responder") : 60118, Q = e ? Symbol.for("react.scope") : 60119;
   function z(u) {
     if (typeof u == "object" && u !== null) {
       var ee = u.$$typeof;
       switch (ee) {
         case n:
           switch (u = u.type, u) {
-            case y:
+            case _:
             case v:
             case r:
             case a:
             case l:
-            case C:
+            case E:
               return u;
             default:
               switch (u = u && u.$$typeof, u) {
                 case i:
-                case d:
-                case N:
-                case P:
                 case h:
+                case j:
+                case I:
+                case c:
                   return u;
                 default:
                   return ee;
@@ -81,35 +86,35 @@ function On() {
   function U(u) {
     return z(u) === v;
   }
-  return D.AsyncMode = y, D.ConcurrentMode = v, D.ContextConsumer = i, D.ContextProvider = h, D.Element = n, D.ForwardRef = d, D.Fragment = r, D.Lazy = N, D.Memo = P, D.Portal = t, D.Profiler = a, D.StrictMode = l, D.Suspense = C, D.isAsyncMode = function(u) {
-    return U(u) || z(u) === y;
-  }, D.isConcurrentMode = U, D.isContextConsumer = function(u) {
+  return B.AsyncMode = _, B.ConcurrentMode = v, B.ContextConsumer = i, B.ContextProvider = c, B.Element = n, B.ForwardRef = h, B.Fragment = r, B.Lazy = j, B.Memo = I, B.Portal = t, B.Profiler = a, B.StrictMode = l, B.Suspense = E, B.isAsyncMode = function(u) {
+    return U(u) || z(u) === _;
+  }, B.isConcurrentMode = U, B.isContextConsumer = function(u) {
     return z(u) === i;
-  }, D.isContextProvider = function(u) {
-    return z(u) === h;
-  }, D.isElement = function(u) {
+  }, B.isContextProvider = function(u) {
+    return z(u) === c;
+  }, B.isElement = function(u) {
     return typeof u == "object" && u !== null && u.$$typeof === n;
-  }, D.isForwardRef = function(u) {
-    return z(u) === d;
-  }, D.isFragment = function(u) {
+  }, B.isForwardRef = function(u) {
+    return z(u) === h;
+  }, B.isFragment = function(u) {
     return z(u) === r;
-  }, D.isLazy = function(u) {
-    return z(u) === N;
-  }, D.isMemo = function(u) {
-    return z(u) === P;
-  }, D.isPortal = function(u) {
+  }, B.isLazy = function(u) {
+    return z(u) === j;
+  }, B.isMemo = function(u) {
+    return z(u) === I;
+  }, B.isPortal = function(u) {
     return z(u) === t;
-  }, D.isProfiler = function(u) {
+  }, B.isProfiler = function(u) {
     return z(u) === a;
-  }, D.isStrictMode = function(u) {
+  }, B.isStrictMode = function(u) {
     return z(u) === l;
-  }, D.isSuspense = function(u) {
-    return z(u) === C;
-  }, D.isValidElementType = function(u) {
-    return typeof u == "string" || typeof u == "function" || u === r || u === v || 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 === q || u.$$typeof === Q || u.$$typeof === S);
-  }, D.typeOf = z, D;
+  }, B.isSuspense = function(u) {
+    return z(u) === E;
+  }, B.isValidElementType = function(u) {
+    return typeof u == "string" || typeof u == "function" || u === r || u === v || u === a || u === l || u === E || u === M || typeof u == "object" && u !== null && (u.$$typeof === j || u.$$typeof === I || u.$$typeof === c || u.$$typeof === i || u.$$typeof === h || u.$$typeof === F || u.$$typeof === K || u.$$typeof === Q || u.$$typeof === L);
+  }, B.typeOf = z, B;
 }
-var M = {};
+var D = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -118,37 +123,37 @@ var M = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var rt;
-function An() {
-  return rt || (rt = 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, y = e ? Symbol.for("react.async_mode") : 60111, v = 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, S = e ? Symbol.for("react.block") : 60121, F = e ? Symbol.for("react.fundamental") : 60117, q = e ? Symbol.for("react.responder") : 60118, Q = e ? Symbol.for("react.scope") : 60119;
-    function z(c) {
-      return typeof c == "string" || typeof c == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      c === r || c === v || c === a || c === l || c === C || c === k || typeof c == "object" && c !== null && (c.$$typeof === N || c.$$typeof === P || c.$$typeof === h || c.$$typeof === i || c.$$typeof === d || c.$$typeof === F || c.$$typeof === q || c.$$typeof === Q || c.$$typeof === S);
+var ot;
+function Wn() {
+  return ot || (ot = 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, c = e ? Symbol.for("react.provider") : 60109, i = e ? Symbol.for("react.context") : 60110, _ = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, h = e ? Symbol.for("react.forward_ref") : 60112, E = e ? Symbol.for("react.suspense") : 60113, M = e ? Symbol.for("react.suspense_list") : 60120, I = e ? Symbol.for("react.memo") : 60115, j = e ? Symbol.for("react.lazy") : 60116, L = e ? Symbol.for("react.block") : 60121, F = e ? Symbol.for("react.fundamental") : 60117, K = e ? Symbol.for("react.responder") : 60118, Q = e ? Symbol.for("react.scope") : 60119;
+    function z(d) {
+      return typeof d == "string" || typeof d == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      d === r || d === v || d === a || d === l || d === E || d === M || typeof d == "object" && d !== null && (d.$$typeof === j || d.$$typeof === I || d.$$typeof === c || d.$$typeof === i || d.$$typeof === h || d.$$typeof === F || d.$$typeof === K || d.$$typeof === Q || d.$$typeof === L);
     }
-    function U(c) {
-      if (typeof c == "object" && c !== null) {
-        var Z = c.$$typeof;
+    function U(d) {
+      if (typeof d == "object" && d !== null) {
+        var Z = d.$$typeof;
         switch (Z) {
           case n:
-            var ve = c.type;
+            var ve = d.type;
             switch (ve) {
-              case y:
+              case _:
               case v:
               case r:
               case a:
               case l:
-              case C:
+              case E:
                 return ve;
               default:
-                var Xe = ve && ve.$$typeof;
-                switch (Xe) {
+                var Je = ve && ve.$$typeof;
+                switch (Je) {
                   case i:
-                  case d:
-                  case N:
-                  case P:
                   case h:
-                    return Xe;
+                  case j:
+                  case I:
+                  case c:
+                    return Je;
                   default:
                     return Z;
                 }
@@ -158,62 +163,62 @@ function An() {
         }
       }
     }
-    var u = y, ee = v, ne = i, le = h, ce = n, J = d, oe = r, ae = N, m = P, f = 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) || U(c) === y;
+    var u = _, ee = v, te = i, le = c, ce = n, J = h, re = r, oe = j, g = I, f = t, T = a, C = l, $ = E, H = !1;
+    function X(d) {
+      return H || (H = !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.")), s(d) || U(d) === _;
     }
-    function o(c) {
-      return U(c) === v;
+    function s(d) {
+      return U(d) === v;
     }
-    function p(c) {
-      return U(c) === i;
+    function p(d) {
+      return U(d) === i;
     }
-    function A(c) {
-      return U(c) === h;
+    function P(d) {
+      return U(d) === c;
     }
-    function O(c) {
-      return typeof c == "object" && c !== null && c.$$typeof === n;
+    function w(d) {
+      return typeof d == "object" && d !== null && d.$$typeof === n;
     }
-    function _(c) {
-      return U(c) === d;
+    function x(d) {
+      return U(d) === h;
     }
-    function R(c) {
-      return U(c) === r;
+    function O(d) {
+      return U(d) === r;
     }
-    function T(c) {
-      return U(c) === N;
+    function S(d) {
+      return U(d) === j;
     }
-    function I(c) {
-      return U(c) === P;
+    function N(d) {
+      return U(d) === I;
     }
-    function B(c) {
-      return U(c) === t;
+    function R(d) {
+      return U(d) === t;
     }
-    function L(c) {
-      return U(c) === a;
+    function k(d) {
+      return U(d) === a;
     }
-    function $(c) {
-      return U(c) === l;
+    function A(d) {
+      return U(d) === l;
     }
-    function Y(c) {
-      return U(c) === C;
+    function Y(d) {
+      return U(d) === E;
     }
-    M.AsyncMode = u, M.ConcurrentMode = ee, M.ContextConsumer = ne, M.ContextProvider = le, M.Element = ce, M.ForwardRef = J, M.Fragment = oe, M.Lazy = ae, M.Memo = m, M.Portal = f, M.Profiler = g, M.StrictMode = w, M.Suspense = j, M.isAsyncMode = G, M.isConcurrentMode = o, M.isContextConsumer = p, 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 = Y, M.isValidElementType = z, M.typeOf = U;
-  }()), M;
+    D.AsyncMode = u, D.ConcurrentMode = ee, D.ContextConsumer = te, D.ContextProvider = le, D.Element = ce, D.ForwardRef = J, D.Fragment = re, D.Lazy = oe, D.Memo = g, D.Portal = f, D.Profiler = T, D.StrictMode = C, D.Suspense = $, D.isAsyncMode = X, D.isConcurrentMode = s, D.isContextConsumer = p, D.isContextProvider = P, D.isElement = w, D.isForwardRef = x, D.isFragment = O, D.isLazy = S, D.isMemo = N, D.isPortal = R, D.isProfiler = k, D.isStrictMode = A, D.isSuspense = Y, D.isValidElementType = z, D.typeOf = U;
+  }()), D;
 }
-var ot;
-function _t() {
-  return ot || (ot = 1, process.env.NODE_ENV === "production" ? ye.exports = On() : ye.exports = An()), ye.exports;
+var at;
+function wt() {
+  return at || (at = 1, process.env.NODE_ENV === "production" ? ye.exports = qn() : ye.exports = Wn()), ye.exports;
 }
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var Re, at;
-function Rn() {
-  if (at) return Re;
-  at = 1;
+var ke, it;
+function Yn() {
+  if (it) return ke;
+  it = 1;
   var e = Object.getOwnPropertySymbols, n = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
   function r(a) {
     if (a == null)
@@ -227,86 +232,86 @@ function Rn() {
       var a = new String("abc");
       if (a[5] = "de", Object.getOwnPropertyNames(a)[0] === "5")
         return !1;
-      for (var h = {}, i = 0; i < 10; i++)
-        h["_" + String.fromCharCode(i)] = i;
-      var y = Object.getOwnPropertyNames(h).map(function(d) {
-        return h[d];
+      for (var c = {}, i = 0; i < 10; i++)
+        c["_" + String.fromCharCode(i)] = i;
+      var _ = Object.getOwnPropertyNames(c).map(function(h) {
+        return c[h];
       });
-      if (y.join("") !== "0123456789")
+      if (_.join("") !== "0123456789")
         return !1;
       var v = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(d) {
-        v[d] = d;
+      return "abcdefghijklmnopqrst".split("").forEach(function(h) {
+        v[h] = h;
       }), Object.keys(Object.assign({}, v)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
-  return Re = l() ? Object.assign : function(a, h) {
-    for (var i, y = r(a), v, d = 1; d < arguments.length; d++) {
-      i = Object(arguments[d]);
-      for (var C in i)
-        n.call(i, C) && (y[C] = i[C]);
+  return ke = l() ? Object.assign : function(a, c) {
+    for (var i, _ = r(a), v, h = 1; h < arguments.length; h++) {
+      i = Object(arguments[h]);
+      for (var E in i)
+        n.call(i, E) && (_[E] = i[E]);
       if (e) {
         v = e(i);
-        for (var k = 0; k < v.length; k++)
-          t.call(i, v[k]) && (y[v[k]] = i[v[k]]);
+        for (var M = 0; M < v.length; M++)
+          t.call(i, v[M]) && (_[v[M]] = i[v[M]]);
       }
     }
-    return y;
-  }, Re;
+    return _;
+  }, ke;
 }
-var $e, it;
-function Ve() {
-  if (it) return $e;
-  it = 1;
+var Le, st;
+function Ke() {
+  if (st) return Le;
+  st = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return $e = e, $e;
-}
-var je, st;
-function Tt() {
-  return st || (st = 1, je = Function.call.bind(Object.prototype.hasOwnProperty)), je;
+  return Le = e, Le;
 }
 var Be, lt;
-function $n() {
-  if (lt) return Be;
-  lt = 1;
+function It() {
+  return lt || (lt = 1, Be = Function.call.bind(Object.prototype.hasOwnProperty)), Be;
+}
+var De, ct;
+function Vn() {
+  if (ct) return De;
+  ct = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var n = Ve(), t = {}, r = Tt();
+    var n = Ke(), t = {}, r = It();
     e = function(a) {
-      var h = "Warning: " + a;
-      typeof console < "u" && console.error(h);
+      var c = "Warning: " + a;
+      typeof console < "u" && console.error(c);
       try {
-        throw new Error(h);
+        throw new Error(c);
       } catch {
       }
     };
   }
-  function l(a, h, i, y, v) {
+  function l(a, c, i, _, v) {
     if (process.env.NODE_ENV !== "production") {
-      for (var d in a)
-        if (r(a, d)) {
-          var C;
+      for (var h in a)
+        if (r(a, h)) {
+          var E;
           try {
-            if (typeof a[d] != "function") {
-              var k = Error(
-                (y || "React class") + ": " + i + " type `" + d + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[d] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+            if (typeof a[h] != "function") {
+              var M = Error(
+                (_ || "React class") + ": " + i + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw k.name = "Invariant Violation", k;
+              throw M.name = "Invariant Violation", M;
             }
-            C = a[d](h, d, y, i, null, n);
-          } catch (N) {
-            C = N;
+            E = a[h](c, h, _, i, null, n);
+          } catch (j) {
+            E = j;
           }
-          if (C && !(C instanceof Error) && e(
-            (y || "React class") + ": type specification of " + i + " `" + d + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof C + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), C instanceof Error && !(C.message in t)) {
-            t[C.message] = !0;
-            var P = v ? v() : "";
+          if (E && !(E instanceof Error) && e(
+            (_ || "React class") + ": type specification of " + i + " `" + h + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof E + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), E instanceof Error && !(E.message in t)) {
+            t[E.message] = !0;
+            var I = v ? v() : "";
             e(
-              "Failed " + i + " type: " + C.message + (P ?? "")
+              "Failed " + i + " type: " + E.message + (I ?? "")
             );
           }
         }
@@ -314,41 +319,41 @@ function $n() {
   }
   return l.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (t = {});
-  }, Be = l, Be;
+  }, De = l, De;
 }
-var Le, ct;
-function jn() {
-  if (ct) return Le;
-  ct = 1;
-  var e = _t(), n = Rn(), t = Ve(), r = Tt(), l = $n(), a = function() {
+var Me, dt;
+function Kn() {
+  if (dt) return Me;
+  dt = 1;
+  var e = wt(), n = Yn(), t = Ke(), r = It(), l = Vn(), a = function() {
   };
   process.env.NODE_ENV !== "production" && (a = function(i) {
-    var y = "Warning: " + i;
-    typeof console < "u" && console.error(y);
+    var _ = "Warning: " + i;
+    typeof console < "u" && console.error(_);
     try {
-      throw new Error(y);
+      throw new Error(_);
     } catch {
     }
   });
-  function h() {
+  function c() {
     return null;
   }
-  return Le = function(i, y) {
-    var v = typeof Symbol == "function" && Symbol.iterator, d = "@@iterator";
-    function C(o) {
-      var p = o && (v && o[v] || o[d]);
+  return Me = function(i, _) {
+    var v = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
+    function E(s) {
+      var p = s && (v && s[v] || s[h]);
       if (typeof p == "function")
         return p;
     }
-    var k = "<<anonymous>>", P = {
-      array: q("array"),
-      bigint: q("bigint"),
-      bool: q("boolean"),
-      func: q("function"),
-      number: q("number"),
-      object: q("object"),
-      string: q("string"),
-      symbol: q("symbol"),
+    var M = "<<anonymous>>", I = {
+      array: K("array"),
+      bigint: K("bigint"),
+      bool: K("boolean"),
+      func: K("function"),
+      number: K("number"),
+      object: K("object"),
+      string: K("string"),
+      symbol: K("symbol"),
       any: Q(),
       arrayOf: z,
       element: U(),
@@ -356,49 +361,49 @@ function jn() {
       instanceOf: ee,
       node: J(),
       objectOf: le,
-      oneOf: ne,
+      oneOf: te,
       oneOfType: ce,
-      shape: ae,
-      exact: m
+      shape: oe,
+      exact: g
     };
-    function N(o, p) {
-      return o === p ? o !== 0 || 1 / o === 1 / p : o !== o && p !== p;
+    function j(s, p) {
+      return s === p ? s !== 0 || 1 / s === 1 / p : s !== s && p !== p;
     }
-    function S(o, p) {
-      this.message = o, this.data = p && typeof p == "object" ? p : {}, this.stack = "";
+    function L(s, p) {
+      this.message = s, this.data = p && typeof p == "object" ? p : {}, this.stack = "";
     }
-    S.prototype = Error.prototype;
-    function F(o) {
+    L.prototype = Error.prototype;
+    function F(s) {
       if (process.env.NODE_ENV !== "production")
-        var p = {}, A = 0;
-      function O(R, T, I, B, L, $, Y) {
-        if (B = B || k, $ = $ || I, Y !== t) {
-          if (y) {
-            var c = new Error(
+        var p = {}, P = 0;
+      function w(O, S, N, R, k, A, Y) {
+        if (R = R || M, A = A || N, Y !== t) {
+          if (_) {
+            var d = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
-            throw c.name = "Invariant Violation", c;
+            throw d.name = "Invariant Violation", d;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var Z = B + ":" + I;
+            var Z = R + ":" + N;
             !p[Z] && // Avoid spamming the console because they are often not actionable except for lib authors
-            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."
-            ), p[Z] = !0, A++);
+            P < 3 && (a(
+              "You are manually calling a React.PropTypes validation function for the `" + A + "` prop on `" + R + "`. 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."
+            ), p[Z] = !0, P++);
           }
         }
-        return T[I] == null ? R ? T[I] === null ? new S("The " + L + " `" + $ + "` is marked as required " + ("in `" + B + "`, but its value is `null`.")) : new S("The " + L + " `" + $ + "` is marked as required in " + ("`" + B + "`, but its value is `undefined`.")) : null : o(T, I, B, L, $);
+        return S[N] == null ? O ? S[N] === null ? new L("The " + k + " `" + A + "` is marked as required " + ("in `" + R + "`, but its value is `null`.")) : new L("The " + k + " `" + A + "` is marked as required in " + ("`" + R + "`, but its value is `undefined`.")) : null : s(S, N, R, k, A);
       }
-      var _ = O.bind(null, !1);
-      return _.isRequired = O.bind(null, !0), _;
+      var x = w.bind(null, !1);
+      return x.isRequired = w.bind(null, !0), x;
     }
-    function q(o) {
-      function p(A, O, _, R, T, I) {
-        var B = A[O], L = w(B);
-        if (L !== o) {
-          var $ = j(B);
-          return new S(
-            "Invalid " + R + " `" + T + "` of type " + ("`" + $ + "` supplied to `" + _ + "`, expected ") + ("`" + o + "`."),
-            { expectedType: o }
+    function K(s) {
+      function p(P, w, x, O, S, N) {
+        var R = P[w], k = C(R);
+        if (k !== s) {
+          var A = $(R);
+          return new L(
+            "Invalid " + O + " `" + S + "` of type " + ("`" + A + "` supplied to `" + x + "`, expected ") + ("`" + s + "`."),
+            { expectedType: s }
           );
         }
         return null;
@@ -406,135 +411,135 @@ function jn() {
       return F(p);
     }
     function Q() {
-      return F(h);
+      return F(c);
     }
-    function z(o) {
-      function p(A, O, _, R, T) {
-        if (typeof o != "function")
-          return new S("Property `" + T + "` of component `" + _ + "` has invalid PropType notation inside arrayOf.");
-        var I = A[O];
-        if (!Array.isArray(I)) {
-          var B = w(I);
-          return new S("Invalid " + R + " `" + T + "` of type " + ("`" + B + "` supplied to `" + _ + "`, expected an array."));
+    function z(s) {
+      function p(P, w, x, O, S) {
+        if (typeof s != "function")
+          return new L("Property `" + S + "` of component `" + x + "` has invalid PropType notation inside arrayOf.");
+        var N = P[w];
+        if (!Array.isArray(N)) {
+          var R = C(N);
+          return new L("Invalid " + O + " `" + S + "` of type " + ("`" + R + "` supplied to `" + x + "`, expected an array."));
         }
-        for (var L = 0; L < I.length; L++) {
-          var $ = o(I, L, _, R, T + "[" + L + "]", t);
-          if ($ instanceof Error)
-            return $;
+        for (var k = 0; k < N.length; k++) {
+          var A = s(N, k, x, O, S + "[" + k + "]", t);
+          if (A instanceof Error)
+            return A;
         }
         return null;
       }
       return F(p);
     }
     function U() {
-      function o(p, A, O, _, R) {
-        var T = p[A];
-        if (!i(T)) {
-          var I = w(T);
-          return new S("Invalid " + _ + " `" + R + "` of type " + ("`" + I + "` supplied to `" + O + "`, expected a single ReactElement."));
+      function s(p, P, w, x, O) {
+        var S = p[P];
+        if (!i(S)) {
+          var N = C(S);
+          return new L("Invalid " + x + " `" + O + "` of type " + ("`" + N + "` supplied to `" + w + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return F(o);
+      return F(s);
     }
     function u() {
-      function o(p, A, O, _, R) {
-        var T = p[A];
-        if (!e.isValidElementType(T)) {
-          var I = w(T);
-          return new S("Invalid " + _ + " `" + R + "` of type " + ("`" + I + "` supplied to `" + O + "`, expected a single ReactElement type."));
+      function s(p, P, w, x, O) {
+        var S = p[P];
+        if (!e.isValidElementType(S)) {
+          var N = C(S);
+          return new L("Invalid " + x + " `" + O + "` of type " + ("`" + N + "` supplied to `" + w + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return F(o);
+      return F(s);
     }
-    function ee(o) {
-      function p(A, O, _, R, T) {
-        if (!(A[O] instanceof o)) {
-          var I = o.name || k, B = G(A[O]);
-          return new S("Invalid " + R + " `" + T + "` of type " + ("`" + B + "` supplied to `" + _ + "`, expected ") + ("instance of `" + I + "`."));
+    function ee(s) {
+      function p(P, w, x, O, S) {
+        if (!(P[w] instanceof s)) {
+          var N = s.name || M, R = X(P[w]);
+          return new L("Invalid " + O + " `" + S + "` of type " + ("`" + R + "` supplied to `" + x + "`, expected ") + ("instance of `" + N + "`."));
         }
         return null;
       }
       return F(p);
     }
-    function ne(o) {
-      if (!Array.isArray(o))
+    function te(s) {
+      if (!Array.isArray(s))
         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 p(A, O, _, R, T) {
-        for (var I = A[O], B = 0; B < o.length; B++)
-          if (N(I, o[B]))
+        ) : a("Invalid argument supplied to oneOf, expected an array.")), c;
+      function p(P, w, x, O, S) {
+        for (var N = P[w], R = 0; R < s.length; R++)
+          if (j(N, s[R]))
             return null;
-        var L = JSON.stringify(o, function(Y, c) {
-          var Z = j(c);
-          return Z === "symbol" ? String(c) : c;
+        var k = JSON.stringify(s, function(Y, d) {
+          var Z = $(d);
+          return Z === "symbol" ? String(d) : d;
         });
-        return new S("Invalid " + R + " `" + T + "` of value `" + String(I) + "` " + ("supplied to `" + _ + "`, expected one of " + L + "."));
+        return new L("Invalid " + O + " `" + S + "` of value `" + String(N) + "` " + ("supplied to `" + x + "`, expected one of " + k + "."));
       }
       return F(p);
     }
-    function le(o) {
-      function p(A, O, _, R, T) {
-        if (typeof o != "function")
-          return new S("Property `" + T + "` of component `" + _ + "` has invalid PropType notation inside objectOf.");
-        var I = A[O], B = w(I);
-        if (B !== "object")
-          return new S("Invalid " + R + " `" + T + "` of type " + ("`" + B + "` supplied to `" + _ + "`, expected an object."));
-        for (var L in I)
-          if (r(I, L)) {
-            var $ = o(I, L, _, R, T + "." + L, t);
-            if ($ instanceof Error)
-              return $;
+    function le(s) {
+      function p(P, w, x, O, S) {
+        if (typeof s != "function")
+          return new L("Property `" + S + "` of component `" + x + "` has invalid PropType notation inside objectOf.");
+        var N = P[w], R = C(N);
+        if (R !== "object")
+          return new L("Invalid " + O + " `" + S + "` of type " + ("`" + R + "` supplied to `" + x + "`, expected an object."));
+        for (var k in N)
+          if (r(N, k)) {
+            var A = s(N, k, x, O, S + "." + k, t);
+            if (A instanceof Error)
+              return A;
           }
         return null;
       }
       return F(p);
     }
-    function ce(o) {
-      if (!Array.isArray(o))
-        return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), h;
-      for (var p = 0; p < o.length; p++) {
-        var A = o[p];
-        if (typeof A != "function")
+    function ce(s) {
+      if (!Array.isArray(s))
+        return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), c;
+      for (var p = 0; p < s.length; p++) {
+        var P = s[p];
+        if (typeof P != "function")
           return a(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + V(A) + " at index " + p + "."
-          ), h;
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + H(P) + " at index " + p + "."
+          ), c;
       }
-      function O(_, R, T, I, B) {
-        for (var L = [], $ = 0; $ < o.length; $++) {
-          var Y = o[$], c = Y(_, R, T, I, B, t);
-          if (c == null)
+      function w(x, O, S, N, R) {
+        for (var k = [], A = 0; A < s.length; A++) {
+          var Y = s[A], d = Y(x, O, S, N, R, t);
+          if (d == null)
             return null;
-          c.data && r(c.data, "expectedType") && L.push(c.data.expectedType);
+          d.data && r(d.data, "expectedType") && k.push(d.data.expectedType);
         }
-        var Z = L.length > 0 ? ", expected one of type [" + L.join(", ") + "]" : "";
-        return new S("Invalid " + I + " `" + B + "` supplied to " + ("`" + T + "`" + Z + "."));
+        var Z = k.length > 0 ? ", expected one of type [" + k.join(", ") + "]" : "";
+        return new L("Invalid " + N + " `" + R + "` supplied to " + ("`" + S + "`" + Z + "."));
       }
-      return F(O);
+      return F(w);
     }
     function J() {
-      function o(p, A, O, _, R) {
-        return f(p[A]) ? null : new S("Invalid " + _ + " `" + R + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
+      function s(p, P, w, x, O) {
+        return f(p[P]) ? null : new L("Invalid " + x + " `" + O + "` supplied to " + ("`" + w + "`, expected a ReactNode."));
       }
-      return F(o);
+      return F(s);
     }
-    function oe(o, p, A, O, _) {
-      return new S(
-        (o || "React class") + ": " + p + " type `" + A + "." + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + _ + "`."
+    function re(s, p, P, w, x) {
+      return new L(
+        (s || "React class") + ": " + p + " type `" + P + "." + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + x + "`."
       );
     }
-    function ae(o) {
-      function p(A, O, _, R, T) {
-        var I = A[O], B = w(I);
-        if (B !== "object")
-          return new S("Invalid " + R + " `" + T + "` of type `" + B + "` " + ("supplied to `" + _ + "`, expected `object`."));
-        for (var L in o) {
-          var $ = o[L];
-          if (typeof $ != "function")
-            return oe(_, R, T, L, j($));
-          var Y = $(I, L, _, R, T + "." + L, t);
+    function oe(s) {
+      function p(P, w, x, O, S) {
+        var N = P[w], R = C(N);
+        if (R !== "object")
+          return new L("Invalid " + O + " `" + S + "` of type `" + R + "` " + ("supplied to `" + x + "`, expected `object`."));
+        for (var k in s) {
+          var A = s[k];
+          if (typeof A != "function")
+            return re(x, O, S, k, $(A));
+          var Y = A(N, k, x, O, S + "." + k, t);
           if (Y)
             return Y;
         }
@@ -542,53 +547,53 @@ function jn() {
       }
       return F(p);
     }
-    function m(o) {
-      function p(A, O, _, R, T) {
-        var I = A[O], B = w(I);
-        if (B !== "object")
-          return new S("Invalid " + R + " `" + T + "` of type `" + B + "` " + ("supplied to `" + _ + "`, expected `object`."));
-        var L = n({}, A[O], o);
-        for (var $ in L) {
-          var Y = o[$];
-          if (r(o, $) && typeof Y != "function")
-            return oe(_, R, T, $, j(Y));
+    function g(s) {
+      function p(P, w, x, O, S) {
+        var N = P[w], R = C(N);
+        if (R !== "object")
+          return new L("Invalid " + O + " `" + S + "` of type `" + R + "` " + ("supplied to `" + x + "`, expected `object`."));
+        var k = n({}, P[w], s);
+        for (var A in k) {
+          var Y = s[A];
+          if (r(s, A) && typeof Y != "function")
+            return re(x, O, S, A, $(Y));
           if (!Y)
-            return new S(
-              "Invalid " + R + " `" + T + "` key `" + $ + "` supplied to `" + _ + "`.\nBad object: " + JSON.stringify(A[O], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
+            return new L(
+              "Invalid " + O + " `" + S + "` key `" + A + "` supplied to `" + x + "`.\nBad object: " + JSON.stringify(P[w], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
             );
-          var c = Y(I, $, _, R, T + "." + $, t);
-          if (c)
-            return c;
+          var d = Y(N, A, x, O, S + "." + A, t);
+          if (d)
+            return d;
         }
         return null;
       }
       return F(p);
     }
-    function f(o) {
-      switch (typeof o) {
+    function f(s) {
+      switch (typeof s) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !o;
+          return !s;
         case "object":
-          if (Array.isArray(o))
-            return o.every(f);
-          if (o === null || i(o))
+          if (Array.isArray(s))
+            return s.every(f);
+          if (s === null || i(s))
             return !0;
-          var p = C(o);
+          var p = E(s);
           if (p) {
-            var A = p.call(o), O;
-            if (p !== o.entries) {
-              for (; !(O = A.next()).done; )
-                if (!f(O.value))
+            var P = p.call(s), w;
+            if (p !== s.entries) {
+              for (; !(w = P.next()).done; )
+                if (!f(w.value))
                   return !1;
             } else
-              for (; !(O = A.next()).done; ) {
-                var _ = O.value;
-                if (_ && !f(_[1]))
+              for (; !(w = P.next()).done; ) {
+                var x = w.value;
+                if (x && !f(x[1]))
                   return !1;
               }
           } else
@@ -598,27 +603,27 @@ Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
           return !1;
       }
     }
-    function g(o, p) {
-      return o === "symbol" ? !0 : p ? p["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && p instanceof Symbol : !1;
+    function T(s, p) {
+      return s === "symbol" ? !0 : p ? p["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && p instanceof Symbol : !1;
     }
-    function w(o) {
-      var p = typeof o;
-      return Array.isArray(o) ? "array" : o instanceof RegExp ? "object" : g(p, o) ? "symbol" : p;
+    function C(s) {
+      var p = typeof s;
+      return Array.isArray(s) ? "array" : s instanceof RegExp ? "object" : T(p, s) ? "symbol" : p;
     }
-    function j(o) {
-      if (typeof o > "u" || o === null)
-        return "" + o;
-      var p = w(o);
+    function $(s) {
+      if (typeof s > "u" || s === null)
+        return "" + s;
+      var p = C(s);
       if (p === "object") {
-        if (o instanceof Date)
+        if (s instanceof Date)
           return "date";
-        if (o instanceof RegExp)
+        if (s instanceof RegExp)
           return "regexp";
       }
       return p;
     }
-    function V(o) {
-      var p = j(o);
+    function H(s) {
+      var p = $(s);
       switch (p) {
         case "array":
         case "object":
@@ -631,28 +636,28 @@ Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
           return p;
       }
     }
-    function G(o) {
-      return !o.constructor || !o.constructor.name ? k : o.constructor.name;
+    function X(s) {
+      return !s.constructor || !s.constructor.name ? M : s.constructor.name;
     }
-    return P.checkPropTypes = l, P.resetWarningCache = l.resetWarningCache, P.PropTypes = P, P;
-  }, Le;
+    return I.checkPropTypes = l, I.resetWarningCache = l.resetWarningCache, I.PropTypes = I, I;
+  }, Me;
 }
-var ke, ut;
-function Bn() {
-  if (ut) return ke;
+var je, ut;
+function Hn() {
+  if (ut) return je;
   ut = 1;
-  var e = Ve();
+  var e = Ke();
   function n() {
   }
   function t() {
   }
-  return t.resetWarningCache = n, ke = function() {
-    function r(h, i, y, v, d, C) {
-      if (C !== e) {
-        var k = new Error(
+  return t.resetWarningCache = n, je = function() {
+    function r(c, i, _, v, h, E) {
+      if (E !== e) {
+        var M = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
-        throw k.name = "Invariant Violation", k;
+        throw M.name = "Invariant Violation", M;
       }
     }
     r.isRequired = r;
@@ -683,190 +688,190 @@ function Bn() {
       resetWarningCache: n
     };
     return a.PropTypes = a, a;
-  }, ke;
+  }, je;
 }
 if (process.env.NODE_ENV !== "production") {
-  var Ln = _t(), kn = !0;
-  ze.exports = jn()(Ln.isElement, kn);
+  var Gn = wt(), Xn = !0;
+  We.exports = Kn()(Gn.isElement, Xn);
 } else
-  ze.exports = Bn()();
-var Dn = ze.exports;
-const b = /* @__PURE__ */ In(Dn);
-function Ke(e) {
+  We.exports = Hn()();
+var Jn = We.exports;
+const m = /* @__PURE__ */ zn(Jn);
+function He(e) {
   return (n) => !!n.type && n.type.tabsRole === e;
 }
-const he = Ke("Tab"), Ne = Ke("TabList"), Ie = Ke("TabPanel");
-function Mn(e) {
-  return he(e) || Ne(e) || Ie(e);
+const ge = He("Tab"), Oe = He("TabList"), Ae = He("TabPanel");
+function Zn(e) {
+  return ge(e) || Oe(e) || Ae(e);
 }
-function We(e, n) {
-  return gt.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: We(t.props.children, n) }) : t);
+function Ye(e, n) {
+  return Ct.map(e, (t) => t === null ? null : Zn(t) ? n(t) : t.props && t.props.children && typeof t.props.children == "object" ? xe(t, { ...t.props, children: Ye(t.props.children, n) }) : t);
 }
-function Ce(e, n) {
-  return gt.forEach(e, (t) => {
-    t !== null && (he(t) || Ie(t) ? n(t) : t.props && t.props.children && typeof t.props.children == "object" && (Ne(t) && n(t), Ce(t.props.children, n)));
+function we(e, n) {
+  return Ct.forEach(e, (t) => {
+    t !== null && (ge(t) || Ae(t) ? n(t) : t.props && t.props.children && typeof t.props.children == "object" && (Oe(t) && n(t), we(t.props.children, n)));
   });
 }
-function xt(e, n, t) {
-  let r, l = 0, a = 0, h = !1;
-  const i = [], y = e[n];
-  return Ce(y, (v) => {
-    Ne(v) && (v.props && v.props.children && typeof v.props.children == "object" && Ce(v.props.children, (d) => i.push(d)), h && (r = new Error("Found multiple 'TabList' components inside 'Tabs'. Only one is allowed.")), h = !0), he(v) ? ((!h || i.indexOf(v) === -1) && (r = new Error("Found a 'Tab' component outside of the 'TabList' component. 'Tab' components have to be inside the 'TabList' component.")), l++) : Ie(v) && a++;
+function Pt(e, n, t) {
+  let r, l = 0, a = 0, c = !1;
+  const i = [], _ = e[n];
+  return we(_, (v) => {
+    Oe(v) && (v.props && v.props.children && typeof v.props.children == "object" && we(v.props.children, (h) => i.push(h)), c && (r = new Error("Found multiple 'TabList' components inside 'Tabs'. Only one is allowed.")), c = !0), ge(v) ? ((!c || i.indexOf(v) === -1) && (r = new Error("Found a 'Tab' component outside of the 'TabList' component. 'Tab' components have to be inside the 'TabList' component.")), l++) : Ae(v) && a++;
   }), !r && l !== a && (r = new Error(`There should be an equal number of 'Tab' and 'TabPanel' in \`${t}\`. Received ${l} 'Tab' and ${a} 'TabPanel'.`)), r;
 }
-function Fn(e, n, t, r, l) {
-  const a = e[n], h = l || n;
+function Qn(e, n, t, r, l) {
+  const a = e[n], c = l || n;
   let i = null;
-  return a && typeof a != "function" ? i = new Error(`Invalid ${r} \`${h}\` of type \`${typeof a}\` supplied to \`${t}\`, expected \`function\`.`) : e.selectedIndex != null && a == null && (i = new Error(`The ${r} \`${h}\` is marked as required in \`${t}\`, but its value is \`undefined\` or \`null\`.
+  return a && typeof a != "function" ? i = new Error(`Invalid ${r} \`${c}\` of type \`${typeof a}\` supplied to \`${t}\`, expected \`function\`.`) : e.selectedIndex != null && a == null && (i = new Error(`The ${r} \`${c}\` is marked as required in \`${t}\`, but its value is \`undefined\` or \`null\`.
 \`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 Un(e, n, t, r, l) {
-  const a = e[n], h = l || n;
+function er(e, n, t, r, l) {
+  const a = e[n], c = l || n;
   let i = null;
   if (a != null && typeof a != "number")
-    i = new Error(`Invalid ${r} \`${h}\` of type \`${typeof a}\` supplied to \`${t}\`, expected \`number\`.`);
+    i = new Error(`Invalid ${r} \`${c}\` of type \`${typeof a}\` supplied to \`${t}\`, expected \`number\`.`);
   else if (e.defaultIndex != null && a != null)
-    return new Error(`The ${r} \`${h}\` cannot be used together with \`defaultIndex\` in \`${t}\`.
-Either remove \`${h}\` to let \`${t}\` handle the selected tab internally or remove \`defaultIndex\` to handle it yourself.`);
+    return new Error(`The ${r} \`${c}\` cannot be used together with \`defaultIndex\` in \`${t}\`.
+Either remove \`${c}\` to let \`${t}\` handle the selected tab internally or remove \`defaultIndex\` to handle it yourself.`);
   return i;
 }
-function Et(e) {
+function Ot(e) {
   var n, t, r = "";
   if (typeof e == "string" || typeof e == "number") r += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var l = e.length;
-    for (n = 0; n < l; n++) e[n] && (t = Et(e[n])) && (r && (r += " "), r += t);
+    for (n = 0; n < l; n++) e[n] && (t = Ot(e[n])) && (r && (r += " "), r += t);
   } else for (t in e) e[t] && (r && (r += " "), r += t);
   return r;
 }
-function Oe() {
-  for (var e, n, t = 0, r = "", l = arguments.length; t < l; t++) (e = arguments[t]) && (n = Et(e)) && (r && (r += " "), r += n);
+function $e() {
+  for (var e, n, t = 0, r = "", l = arguments.length; t < l; t++) (e = arguments[t]) && (n = Ot(e)) && (r && (r += " "), r += n);
   return r;
 }
-function St(e) {
+function At(e) {
   let n = 0;
-  return Ce(e, (t) => {
-    he(t) && n++;
+  return we(e, (t) => {
+    ge(t) && n++;
   }), n;
 }
-function Ct(e) {
+function $t(e) {
   return e && "getAttribute" in e;
 }
-function dt(e) {
-  return Ct(e) && e.getAttribute("data-rttab");
+function ft(e) {
+  return $t(e) && e.getAttribute("data-rttab");
 }
-function ie(e) {
-  return Ct(e) && e.getAttribute("aria-disabled") === "true";
+function ae(e) {
+  return $t(e) && e.getAttribute("aria-disabled") === "true";
 }
-let Pe;
-function zn(e) {
+let Ie;
+function tr(e) {
   const n = e || (typeof window < "u" ? window : void 0);
   try {
-    Pe = !!(typeof n < "u" && n.document && n.document.activeElement);
+    Ie = !!(typeof n < "u" && n.document && n.document.activeElement);
   } catch {
-    Pe = !1;
+    Ie = !1;
   }
 }
-const Wn = { className: "react-tabs", focus: !1 }, Yn = process.env.NODE_ENV !== "production" ? { children: xt, 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 } : {}, Pt = (e) => {
-  let n = Te([]), t = Te([]);
-  const r = Te();
-  function l(m, f) {
-    if (m < 0 || m >= v()) return;
-    const { onSelect: g, selectedIndex: w } = e;
-    g(m, w, f);
+const nr = { className: "react-tabs", focus: !1 }, rr = process.env.NODE_ENV !== "production" ? { children: Pt, direction: m.oneOf(["rtl", "ltr"]), className: m.oneOfType([m.string, m.array, m.object]), disabledTabClassName: m.string, disableUpDownKeys: m.bool, disableLeftRightKeys: m.bool, domRef: m.func, focus: m.bool, forceRenderTabPanel: m.bool, onSelect: m.func.isRequired, selectedIndex: m.number.isRequired, selectedTabClassName: m.string, selectedTabPanelClassName: m.string, environment: m.object } : {}, Rt = (e) => {
+  let n = Se([]), t = Se([]);
+  const r = Se();
+  function l(g, f) {
+    if (g < 0 || g >= v()) return;
+    const { onSelect: T, selectedIndex: C } = e;
+    T(g, C, f);
   }
-  function a(m) {
+  function a(g) {
     const f = v();
-    for (let g = m + 1; g < f; g++)
-      if (!ie(d(g)))
-        return g;
-    for (let g = 0; g < m; g++)
-      if (!ie(d(g)))
-        return g;
-    return m;
+    for (let T = g + 1; T < f; T++)
+      if (!ae(h(T)))
+        return T;
+    for (let T = 0; T < g; T++)
+      if (!ae(h(T)))
+        return T;
+    return g;
   }
-  function h(m) {
-    let f = m;
+  function c(g) {
+    let f = g;
     for (; f--; )
-      if (!ie(d(f)))
+      if (!ae(h(f)))
         return f;
-    for (f = v(); f-- > m; )
-      if (!ie(d(f)))
+    for (f = v(); f-- > g; )
+      if (!ae(h(f)))
         return f;
-    return m;
+    return g;
   }
   function i() {
-    const m = v();
-    for (let f = 0; f < m; f++)
-      if (!ie(d(f)))
+    const g = v();
+    for (let f = 0; f < g; f++)
+      if (!ae(h(f)))
         return f;
     return null;
   }
-  function y() {
-    let m = v();
-    for (; m--; )
-      if (!ie(d(m)))
-        return m;
+  function _() {
+    let g = v();
+    for (; g--; )
+      if (!ae(h(g)))
+        return g;
     return null;
   }
   function v() {
-    const { children: m } = e;
-    return St(m);
+    const { children: g } = e;
+    return At(g);
   }
-  function d(m) {
-    return n.current[`tabs-${m}`];
+  function h(g) {
+    return n.current[`tabs-${g}`];
   }
-  function C() {
-    let m = 0;
-    const { children: f, disabledTabClassName: g, focus: w, forceRenderTabPanel: j, selectedIndex: V, selectedTabClassName: G, selectedTabPanelClassName: o, environment: p } = e;
+  function E() {
+    let g = 0;
+    const { children: f, disabledTabClassName: T, focus: C, forceRenderTabPanel: $, selectedIndex: H, selectedTabClassName: X, selectedTabPanelClassName: s, environment: p } = e;
     t.current = t.current || [];
-    let A = t.current.length - v();
-    const O = nn();
-    for (; A++ < 0; )
-      t.current.push(`${O}${t.current.length}`);
-    return We(f, (_) => {
-      let R = _;
-      if (Ne(_)) {
-        let T = 0, I = !1;
-        Pe == null && zn(p);
-        const B = p || (typeof window < "u" ? window : void 0);
-        Pe && B && (I = pe.Children.toArray(_.props.children).filter(he).some((L, $) => B.document.activeElement === d($))), R = _e(_, { children: We(_.props.children, (L) => {
-          const $ = `tabs-${T}`, Y = V === T, c = { tabRef: (Z) => {
-            n.current[$] = Z;
-          }, id: t.current[T], selected: Y, focus: Y && (w || I) };
-          return G && (c.selectedClassName = G), g && (c.disabledClassName = g), T++, _e(L, c);
+    let P = t.current.length - v();
+    const w = pn();
+    for (; P++ < 0; )
+      t.current.push(`${w}${t.current.length}`);
+    return Ye(f, (x) => {
+      let O = x;
+      if (Oe(x)) {
+        let S = 0, N = !1;
+        Ie == null && tr(p);
+        const R = p || (typeof window < "u" ? window : void 0);
+        Ie && R && (N = pe.Children.toArray(x.props.children).filter(ge).some((k, A) => R.document.activeElement === h(A))), O = xe(x, { children: Ye(x.props.children, (k) => {
+          const A = `tabs-${S}`, Y = H === S, d = { tabRef: (Z) => {
+            n.current[A] = Z;
+          }, id: t.current[S], selected: Y, focus: Y && (C || N) };
+          return X && (d.selectedClassName = X), T && (d.disabledClassName = T), S++, xe(k, d);
         }) });
-      } else if (Ie(_)) {
-        const T = { id: t.current[m], selected: V === m };
-        j && (T.forceRender = j), o && (T.selectedClassName = o), m++, R = _e(_, T);
+      } else if (Ae(x)) {
+        const S = { id: t.current[g], selected: H === g };
+        $ && (S.forceRender = $), s && (S.selectedClassName = s), g++, O = xe(x, S);
       }
-      return R;
+      return O;
     });
   }
-  function k(m) {
-    const { direction: f, disableUpDownKeys: g, disableLeftRightKeys: w } = e;
-    if (N(m.target)) {
-      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") ? (f === "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") ? (f === "rtl" ? j = h(j) : j = a(j), V = !0, G = !0) : m.keyCode === 35 || m.code === "End" ? (j = y(), V = !0, G = !0) : (m.keyCode === 36 || m.code === "Home") && (j = i(), V = !0, G = !0), V && m.preventDefault(), G && l(j, m);
+  function M(g) {
+    const { direction: f, disableUpDownKeys: T, disableLeftRightKeys: C } = e;
+    if (j(g.target)) {
+      let { selectedIndex: $ } = e, H = !1, X = !1;
+      (g.code === "Space" || g.keyCode === 32 || g.code === "Enter" || g.keyCode === 13) && (H = !0, X = !1, I(g)), !C && (g.keyCode === 37 || g.code === "ArrowLeft") || !T && (g.keyCode === 38 || g.code === "ArrowUp") ? (f === "rtl" ? $ = a($) : $ = c($), H = !0, X = !0) : !C && (g.keyCode === 39 || g.code === "ArrowRight") || !T && (g.keyCode === 40 || g.code === "ArrowDown") ? (f === "rtl" ? $ = c($) : $ = a($), H = !0, X = !0) : g.keyCode === 35 || g.code === "End" ? ($ = _(), H = !0, X = !0) : (g.keyCode === 36 || g.code === "Home") && ($ = i(), H = !0, X = !0), H && g.preventDefault(), X && l($, g);
     }
   }
-  function P(m) {
-    let f = m.target;
+  function I(g) {
+    let f = g.target;
     do
-      if (N(f)) {
-        if (ie(f))
+      if (j(f)) {
+        if (ae(f))
           return;
-        const g = [].slice.call(f.parentNode.children).filter(dt).indexOf(f);
-        l(g, m);
+        const T = [].slice.call(f.parentNode.children).filter(ft).indexOf(f);
+        l(T, g);
         return;
       }
     while ((f = f.parentNode) != null);
   }
-  function N(m) {
-    if (!dt(m))
+  function j(g) {
+    if (!ft(g))
       return !1;
-    let f = m.parentElement;
+    let f = g.parentElement;
     do {
       if (f === r.current) return !0;
       if (f.getAttribute("data-rttabs")) break;
@@ -874,60 +879,108 @@ const Wn = { className: "react-tabs", focus: !1 }, Yn = process.env.NODE_ENV !==
     } while (f);
     return !1;
   }
-  const { children: S, className: F, disabledTabClassName: q, domRef: Q, focus: z, forceRenderTabPanel: U, onSelect: u, selectedIndex: ee, selectedTabClassName: ne, selectedTabPanelClassName: le, environment: ce, disableUpDownKeys: J, disableLeftRightKeys: oe, ...ae } = { ...Wn, ...e };
-  return pe.createElement("div", Object.assign({}, ae, { className: Oe(F), onClick: P, onKeyDown: k, ref: (m) => {
-    r.current = m, Q && Q(m);
-  }, "data-rttabs": !0 }), C());
+  const { children: L, className: F, disabledTabClassName: K, domRef: Q, focus: z, forceRenderTabPanel: U, onSelect: u, selectedIndex: ee, selectedTabClassName: te, selectedTabPanelClassName: le, environment: ce, disableUpDownKeys: J, disableLeftRightKeys: re, ...oe } = { ...nr, ...e };
+  return pe.createElement("div", Object.assign({}, oe, { className: $e(F), onClick: I, onKeyDown: M, ref: (g) => {
+    r.current = g, Q && Q(g);
+  }, "data-rttabs": !0 }), E());
 };
-Pt.propTypes = process.env.NODE_ENV !== "production" ? Yn : {};
-const qn = 0, xe = 1, Vn = process.env.NODE_ENV !== "production" ? { children: xt, 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: Fn, selectedIndex: Un, selectedTabClassName: b.string, selectedTabPanelClassName: b.string } : {}, Kn = { defaultFocus: !1, focusTabOnClick: !0, forceRenderTabPanel: !1, selectedIndex: null, defaultIndex: null, environment: null, disableUpDownKeys: !1, disableLeftRightKeys: !1 }, wt = (e) => e.selectedIndex === null ? xe : qn, Hn = (e, n) => {
-  if (process.env.NODE_ENV !== "production" && n != null && n !== wt(e))
+Rt.propTypes = process.env.NODE_ENV !== "production" ? rr : {};
+const or = 0, Ce = 1, ar = process.env.NODE_ENV !== "production" ? { children: Pt, className: m.oneOfType([m.string, m.array, m.object]), defaultFocus: m.bool, defaultIndex: m.number, direction: m.oneOf(["rtl", "ltr"]), disabledTabClassName: m.string, disableUpDownKeys: m.bool, disableLeftRightKeys: m.bool, domRef: m.func, environment: m.object, focusTabOnClick: m.bool, forceRenderTabPanel: m.bool, onSelect: Qn, selectedIndex: er, selectedTabClassName: m.string, selectedTabPanelClassName: m.string } : {}, ir = { defaultFocus: !1, focusTabOnClick: !0, forceRenderTabPanel: !1, selectedIndex: null, defaultIndex: null, environment: null, disableUpDownKeys: !1, disableLeftRightKeys: !1 }, kt = (e) => e.selectedIndex === null ? Ce : or, sr = (e, n) => {
+  if (process.env.NODE_ENV !== "production" && n != null && n !== kt(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.");
-}, He = (e) => {
-  const { children: n, defaultFocus: t, defaultIndex: r, focusTabOnClick: l, onSelect: a, ...h } = { ...Kn, ...e }, [i, y] = te(t), [v] = te(wt(h)), [d, C] = te(v === xe ? r || 0 : null);
-  if (se(() => {
-    y(!1);
-  }, []), v === xe) {
-    const N = St(n);
-    se(() => {
-      if (d != null) {
-        const S = Math.max(0, N - 1);
-        C(Math.min(d, S));
+}, Ge = (e) => {
+  const { children: n, defaultFocus: t, defaultIndex: r, focusTabOnClick: l, onSelect: a, ...c } = { ...ir, ...e }, [i, _] = ie(t), [v] = ie(kt(c)), [h, E] = ie(v === Ce ? r || 0 : null);
+  if (be(() => {
+    _(!1);
+  }, []), v === Ce) {
+    const j = At(n);
+    be(() => {
+      if (h != null) {
+        const L = Math.max(0, j - 1);
+        E(Math.min(h, L));
       }
-    }, [N]);
+    }, [j]);
   }
-  Hn(h, v);
-  const k = (N, S, F) => {
-    typeof a == "function" && a(N, S, F) === !1 || (l && y(!0), v === xe && C(N));
+  sr(c, v);
+  const M = (j, L, F) => {
+    typeof a == "function" && a(j, L, F) === !1 || (l && _(!0), v === Ce && E(j));
   };
-  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(Pt, P, n);
+  let I = { ...e, ...c };
+  return I.focus = i, I.onSelect = M, h != null && (I.selectedIndex = h), delete I.defaultFocus, delete I.defaultIndex, delete I.focusTabOnClick, pe.createElement(Rt, I, n);
 };
-He.propTypes = process.env.NODE_ENV !== "production" ? Vn : {};
-He.tabsRole = "Tabs";
-const Gn = { className: "react-tabs__tab-list" }, Xn = 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 } = { ...Gn, ...e };
-  return pe.createElement("ul", Object.assign({}, r, { className: Oe(t), role: "tablist" }), n);
+Ge.propTypes = process.env.NODE_ENV !== "production" ? ar : {};
+Ge.tabsRole = "Tabs";
+const lr = { className: "react-tabs__tab-list" }, cr = process.env.NODE_ENV !== "production" ? { children: m.oneOfType([m.object, m.array]), className: m.oneOfType([m.string, m.array, m.object]) } : {}, Xe = (e) => {
+  const { children: n, className: t, ...r } = { ...lr, ...e };
+  return pe.createElement("ul", Object.assign({}, r, { className: $e(t), role: "tablist" }), n);
 };
-Ge.tabsRole = "TabList";
-Ge.propTypes = process.env.NODE_ENV !== "production" ? Xn : {};
-const De = "react-tabs__tab", Jn = { className: De, disabledClassName: `${De}--disabled`, focus: !1, id: null, selected: !1, selectedClassName: `${De}--selected` }, Zn = 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: y, selectedClassName: v, tabIndex: d, tabRef: C, ...k } = { ...Jn, ...e };
-  return se(() => {
-    y && h && n.current.focus();
-  }, [y, h]), pe.createElement("li", Object.assign({}, k, { className: Oe(r, { [v]: y, [a]: l }), ref: (P) => {
-    n.current = P, C && C(P);
-  }, role: "tab", id: `tab${i}`, "aria-selected": y ? "true" : "false", "aria-disabled": l ? "true" : "false", "aria-controls": `panel${i}`, tabIndex: d || (y ? "0" : null), "data-rttab": !0 }), t);
+Xe.tabsRole = "TabList";
+Xe.propTypes = process.env.NODE_ENV !== "production" ? cr : {};
+const Fe = "react-tabs__tab", dr = { className: Fe, disabledClassName: `${Fe}--disabled`, focus: !1, id: null, selected: !1, selectedClassName: `${Fe}--selected` }, ur = process.env.NODE_ENV !== "production" ? { children: m.oneOfType([m.array, m.object, m.string]), className: m.oneOfType([m.string, m.array, m.object]), disabled: m.bool, disabledClassName: m.string, focus: m.bool, id: m.string, selected: m.bool, selectedClassName: m.string, tabIndex: m.string, tabRef: m.func } : {}, ue = (e) => {
+  let n = Se();
+  const { children: t, className: r, disabled: l, disabledClassName: a, focus: c, id: i, selected: _, selectedClassName: v, tabIndex: h, tabRef: E, ...M } = { ...dr, ...e };
+  return be(() => {
+    _ && c && n.current.focus();
+  }, [_, c]), pe.createElement("li", Object.assign({}, M, { className: $e(r, { [v]: _, [a]: l }), ref: (I) => {
+    n.current = I, E && E(I);
+  }, role: "tab", id: `tab${i}`, "aria-selected": _ ? "true" : "false", "aria-disabled": l ? "true" : "false", "aria-controls": `panel${i}`, tabIndex: h || (_ ? "0" : null), "data-rttab": !0 }), t);
 };
-de.propTypes = process.env.NODE_ENV !== "production" ? Zn : {};
-de.tabsRole = "Tab";
-const ft = "react-tabs__tab-panel", Qn = { className: ft, forceRender: !1, selectedClassName: `${ft}--selected` }, er = 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 } = { ...Qn, ...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);
+ue.propTypes = process.env.NODE_ENV !== "production" ? ur : {};
+ue.tabsRole = "Tab";
+const pt = "react-tabs__tab-panel", fr = { className: pt, forceRender: !1, selectedClassName: `${pt}--selected` }, pr = process.env.NODE_ENV !== "production" ? { children: m.node, className: m.oneOfType([m.string, m.array, m.object]), forceRender: m.bool, id: m.string, selected: m.bool, selectedClassName: m.string } : {}, fe = (e) => {
+  const { children: n, className: t, forceRender: r, id: l, selected: a, selectedClassName: c, ...i } = { ...fr, ...e };
+  return pe.createElement("div", Object.assign({}, i, { className: $e(t, { [c]: a }), role: "tabpanel", id: `panel${l}`, "aria-labelledby": `tab${l}` }), r || a ? n : null);
 };
 fe.tabsRole = "TabPanel";
-fe.propTypes = process.env.NODE_ENV !== "production" ? er : {};
+fe.propTypes = process.env.NODE_ENV !== "production" ? pr : {};
+const mr = "_NavButton_14eky_1", br = "_Description_14eky_47", _e = {
+  NavButton: mr,
+  Description: br
+};
+function hr({ label: e, icon: n, description: t, onClick: r }) {
+  return /* @__PURE__ */ y("button", { className: _e.NavButton, onClick: r, children: [
+    n && /* @__PURE__ */ o(W, { className: _e.Icon, icon: n }),
+    /* @__PURE__ */ y("span", { children: [
+      /* @__PURE__ */ o("p", { className: `${_e.Label} ${V.TextRegular}`, children: e }),
+      /* @__PURE__ */ o("p", { className: `${_e.Description} ${V.TextLight}`, children: t ?? "" })
+    ] })
+  ] });
+}
+function Lt({ title: e, pages: n, children: t }) {
+  const [r, l] = ie(null), a = r ? n[r] : null;
+  return /* @__PURE__ */ o("div", { className: `${b.Option} ${b.OptionList}`, children: a != null ? /* @__PURE__ */ y(qe, { children: [
+    /* @__PURE__ */ y("span", { className: b.Breadcrumbs, children: [
+      /* @__PURE__ */ o("button", { className: b.Label, onClick: (c) => l(null), children: e }),
+      /* @__PURE__ */ o("p", { children: a.title })
+    ] }),
+    /* @__PURE__ */ o(a.Content, {})
+  ] }) : /* @__PURE__ */ y(qe, { children: [
+    /* @__PURE__ */ o("p", { className: `${b.Label} ${b.Breadcrumbs}`, children: e }),
+    Object.keys(n).map((c) => {
+      const i = n[c];
+      return /* @__PURE__ */ o(
+        hr,
+        {
+          icon: i.icon,
+          label: i.title,
+          description: i.description,
+          onClick: (_) => l(c)
+        },
+        c
+      );
+    }),
+    t
+  ] }) });
+}
+function gr() {
+  const [e, n] = Mt(he.VIRTUAL_PATHS.theme, "theme", nt.Dark);
+  return /* @__PURE__ */ y("div", { className: b.Option, children: [
+    /* @__PURE__ */ o("p", { className: b.Label, children: "Theme" }),
+    /* @__PURE__ */ o("div", { className: b.Input, children: /* @__PURE__ */ o("select", { className: b.Dropdown, "aria-label": "theme", value: e, onChange: (t) => n(t.target.value), children: Object.entries(nt).filter(([t, r]) => typeof r != "number").map(
+      ([t, r]) => /* @__PURE__ */ o("option", { value: t, children: r }, t)
+    ) }) })
+  ] });
+}
 (function() {
   try {
     if (typeof document < "u") {
@@ -938,47 +991,47 @@ fe.propTypes = process.env.NODE_ENV !== "production" ? er : {};
     console.error("vite-plugin-css-injected-by-js", n);
   }
 })();
-const tr = "_FileExplorer_lr5mr_1", nr = "_Header_lr5mr_13", rr = "_IconButton_lr5mr_23", or = "_PathInput_lr5mr_69", ar = "_Body_lr5mr_80", ir = "_Sidebar_lr5mr_88", sr = "_NavButton_lr5mr_102", lr = "_Main_lr5mr_125", cr = "_Footer_lr5mr_139", ur = "_Selector_lr5mr_158", W = {
-  FileExplorer: tr,
-  Header: nr,
-  IconButton: rr,
-  PathInput: or,
-  Body: ar,
-  Sidebar: ir,
-  NavButton: sr,
-  Main: lr,
-  Footer: cr,
-  Selector: ur
+const vr = "_FileExplorer_lr5mr_1", yr = "_Header_lr5mr_13", _r = "_IconButton_lr5mr_23", Tr = "_PathInput_lr5mr_69", xr = "_Body_lr5mr_80", Sr = "_Sidebar_lr5mr_88", Cr = "_NavButton_lr5mr_102", Er = "_Main_lr5mr_125", Nr = "_Footer_lr5mr_139", wr = "_Selector_lr5mr_158", q = {
+  FileExplorer: vr,
+  Header: yr,
+  IconButton: _r,
+  PathInput: Tr,
+  Body: xr,
+  Sidebar: Sr,
+  NavButton: Cr,
+  Main: Er,
+  Footer: Nr,
+  Selector: wr
 };
-function ge({ onClick: e, icon: n, name: t }) {
-  return /* @__PURE__ */ x(
+function Te({ onClick: e, icon: n, name: t }) {
+  return /* @__PURE__ */ y(
     "button",
     {
       tabIndex: 0,
-      className: `${W.NavButton} ${H.TextSemibold}`,
+      className: `${q.NavButton} ${V.TextSemibold}`,
       onClick: e,
       children: [
-        /* @__PURE__ */ s(X, { icon: n }),
+        /* @__PURE__ */ o(W, { icon: n }),
         t
       ]
     }
   );
 }
-function dr({ directory: e }) {
+function Ir({ directory: e }) {
   const n = (t) => {
     const r = t.target.files;
     r != null && Array.from(r).forEach((l) => {
-      const { name: a, extension: h } = Lt.splitId(l.name), i = new FileReader();
-      i.onload = (y) => {
-        const { result: v } = y.target;
-        e.createFile(a, h, (d) => {
-          d.setSource(v);
+      const { name: a, extension: c } = Yt.splitId(l.name), i = new FileReader();
+      i.onload = (_) => {
+        const { result: v } = _.target;
+        e.createFile(a, c, (h) => {
+          h.setSource(v);
         });
       }, i.readAsDataURL(l);
     });
   };
-  return /* @__PURE__ */ x("label", { title: "Import", tabIndex: 0, className: W.IconButton, children: [
-    /* @__PURE__ */ s(
+  return /* @__PURE__ */ y("label", { title: "Import", tabIndex: 0, className: q.IconButton, children: [
+    /* @__PURE__ */ o(
       "input",
       {
         type: "file",
@@ -988,370 +1041,394 @@ function dr({ directory: e }) {
         onChange: n
       }
     ),
-    /* @__PURE__ */ s(X, { icon: Xt })
+    /* @__PURE__ */ o(W, { icon: an })
   ] });
 }
-const pt = {
+const mt = {
   NONE: 0,
   SINGLE: 1,
   MULTIPLE: 2
-}, fr = "_FileProperties_xi8b6_1", pr = "_Icon_xi8b6_9", br = "_Section_xi8b6_25", mr = "_Line_xi8b6_46", hr = "_AppIcon_xi8b6_68", K = {
-  FileProperties: fr,
-  Icon: pr,
-  Section: br,
-  Line: mr,
-  AppIcon: hr
+}, Pr = "_FileProperties_xi8b6_1", Or = "_Icon_xi8b6_9", Ar = "_Section_xi8b6_25", $r = "_Line_xi8b6_46", Rr = "_AppIcon_xi8b6_68", G = {
+  FileProperties: Pr,
+  Icon: Or,
+  Section: Ar,
+  Line: $r,
+  AppIcon: Rr
 };
-function vr({ modal: e, params: n, file: t, ...r }) {
-  const { appsConfig: l } = me(), a = t.extension != null ? l.getAppByFileExtension(t.extension) : null;
-  return /* @__PURE__ */ x(Bt, { className: K.FileProperties, modal: e, params: n, ...r, children: [
-    /* @__PURE__ */ x("span", { className: K.Section, children: [
-      /* @__PURE__ */ s(Ue, { className: K.Icon, source: t.getIconUrl() }),
-      /* @__PURE__ */ s("p", { className: `${K.Line} ${H.TextBold}`, children: t.id })
+function kr({ modal: e, params: n, file: t, ...r }) {
+  const { appsConfig: l } = se(), a = t.extension != null ? l.getAppByFileExtension(t.extension) : null;
+  return /* @__PURE__ */ y(Wt, { className: G.FileProperties, modal: e, params: n, ...r, children: [
+    /* @__PURE__ */ y("span", { className: G.Section, children: [
+      /* @__PURE__ */ o(Ee, { className: G.Icon, source: t.getIconUrl() }),
+      /* @__PURE__ */ o("p", { className: `${G.Line} ${V.TextBold}`, children: t.id })
     ] }),
-    /* @__PURE__ */ x("span", { className: K.Section, children: [
-      /* @__PURE__ */ x("p", { className: K.Line, children: [
+    /* @__PURE__ */ y("span", { className: G.Section, children: [
+      /* @__PURE__ */ y("p", { className: G.Line, children: [
         "Type: ",
         t.getType()
       ] }),
-      a != null && /* @__PURE__ */ x("span", { className: K.Line, children: [
+      a != null && /* @__PURE__ */ y("span", { className: G.Line, children: [
         "Opens with:",
-        /* @__PURE__ */ s(Ue, { className: K.AppIcon, source: a.iconUrl ?? "" }),
+        /* @__PURE__ */ o(Ee, { className: G.AppIcon, source: a.iconUrl ?? "" }),
         a.name
       ] })
     ] }),
-    /* @__PURE__ */ x("span", { className: K.Section, children: [
-      /* @__PURE__ */ x("p", { className: K.Line, children: [
+    /* @__PURE__ */ y("span", { className: G.Section, children: [
+      /* @__PURE__ */ y("p", { className: G.Line, children: [
         "Location: ",
         t.path
       ] }),
-      /* @__PURE__ */ x("p", { className: K.Line, children: [
+      /* @__PURE__ */ y("p", { className: G.Line, children: [
         "Size: ",
-        ue.getByteSize(t.source ?? t.content),
+        de.getByteSize(t.source ?? t.content),
         " bytes"
       ] }),
-      /* @__PURE__ */ x("p", { className: K.Line, children: [
+      /* @__PURE__ */ y("p", { className: G.Line, children: [
         "Size on drive: ",
-        ue.getByteSize(t.toString()),
+        de.getByteSize(t.toString()),
         " bytes"
       ] })
     ] }),
-    /* @__PURE__ */ s("span", { className: K.Section, children: /* @__PURE__ */ x("p", { className: K.Line, children: [
+    /* @__PURE__ */ o("span", { className: G.Section, children: /* @__PURE__ */ y("p", { className: G.Line, children: [
       "Attributes: ",
       t.isProtected ? "Protected" : "N/A"
     ] }) })
   ] });
 }
-function yr({ app: e, path: n, selectorMode: t, Footer: r, onSelectionChange: l, onSelectionFinish: a }) {
-  const h = r != null && t != null && t !== pt.NONE, i = we(), y = Ye(), { windowsConfig: v } = me(), [d, C] = te(i == null ? void 0 : i.navigate(n ?? "~")), [k, P] = te((d == null ? void 0 : d.path) ?? ""), [N] = te(!0), { history: S, stateIndex: F, pushState: q, undo: Q, redo: z, undoAvailable: U, redoAvailable: u } = Ot(d.path), { alert: ee } = At(), { openWindowedModal: ne } = ht(), { onContextMenu: le } = Me({
+function Lr({ app: e, path: n, selectorMode: t, Footer: r, onSelectionChange: l, onSelectionFinish: a }) {
+  const c = r != null && t != null && t !== mt.NONE, i = Pe(), _ = Ve(), { windowsConfig: v } = se(), [h, E] = ie(i == null ? void 0 : i.navigate(n ?? "~")), [M, I] = ie((h == null ? void 0 : h.path) ?? ""), [j] = ie(!0), { history: L, stateIndex: F, pushState: K, undo: Q, redo: z, undoAvailable: U, redoAvailable: u } = jt(h.path), { alert: ee } = Ft(), { openWindowedModal: te } = gt(), { onContextMenu: le } = Ue({
     Actions: (f) => {
-      var g;
-      return /* @__PURE__ */ x(Fe, { ...f, children: [
-        /* @__PURE__ */ s(re, { label: h ? "Select" : "Open", onTrigger: (w, j) => {
-          if (h) {
-            l == null || l({ files: [j.id], directory: d }), a == null || a();
+      var T;
+      return /* @__PURE__ */ y(ze, { ...f, children: [
+        /* @__PURE__ */ o(ne, { label: c ? "Select" : "Open", onTrigger: (C, $) => {
+          if (c) {
+            l == null || l({ files: [$.id], directory: h }), a == null || a();
             return;
           }
-          y != null && j.open(y);
+          _ != null && $.open(_);
         } }),
-        ((g = f.triggerParams) == null ? void 0 : g.isDownloadable()) && /* @__PURE__ */ s(re, { label: "Export", icon: Mt, onTrigger: (w, j) => {
-          j.download();
+        ((T = f.triggerParams) == null ? void 0 : T.isDownloadable()) && /* @__PURE__ */ o(ne, { label: "Export", icon: Xt, onTrigger: (C, $) => {
+          $.download();
         } }),
-        /* @__PURE__ */ s(re, { label: "Delete", icon: et, onTrigger: (w, j) => {
-          j.delete();
+        /* @__PURE__ */ o(ne, { label: "Delete", icon: tt, onTrigger: (C, $) => {
+          $.delete();
         } }),
-        /* @__PURE__ */ s(re, { label: "Properties", icon: yt, onTrigger: (w, j) => {
-          ne({
-            title: `${j.id} ${v.titleSeparator} Properties`,
-            iconUrl: j.getIconUrl(),
-            size: new be(400, 500),
-            Modal: (V) => /* @__PURE__ */ s(vr, { file: j, ...V })
+        /* @__PURE__ */ o(ne, { label: "Properties", icon: yt, onTrigger: (C, $) => {
+          te({
+            title: `${$.id} ${v.titleSeparator} Properties`,
+            iconUrl: $.getIconUrl(),
+            size: new me(400, 500),
+            Modal: (H) => /* @__PURE__ */ o(kr, { file: $, ...H })
           });
         } })
       ] });
     }
-  }), { onContextMenu: ce } = Me({
-    Actions: (f) => /* @__PURE__ */ x(Fe, { ...f, children: [
-      /* @__PURE__ */ s(re, { label: "Open", onTrigger: (g, w) => {
-        J(w.linkedPath ?? w.name);
+  }), { onContextMenu: ce } = Ue({
+    Actions: (f) => /* @__PURE__ */ y(ze, { ...f, children: [
+      /* @__PURE__ */ o(ne, { label: "Open", onTrigger: (T, C) => {
+        J(C.linkedPath ?? C.name);
       } }),
-      /* @__PURE__ */ s(Rt, {}),
-      /* @__PURE__ */ s(re, { label: "Delete", icon: et, onTrigger: (g, w) => {
-        w.delete();
+      /* @__PURE__ */ o(Ut, {}),
+      /* @__PURE__ */ o(ne, { label: "Delete", icon: tt, onTrigger: (T, C) => {
+        C.delete();
       } })
     ] })
-  }), J = rn((f, g = !1) => {
+  }), J = mn((f, T = !1) => {
     if (f == null)
       return;
-    d == null && (g = !0);
-    const w = g ? i == null ? void 0 : i.navigate(f) : d.navigate(f);
-    w != null && (C(w), P(w.root ? "/" : w.path), q(w.path));
-  }, [d, q, i]);
-  se(() => {
-    if (S.length === 0)
+    h == null && (T = !0);
+    const C = T ? i == null ? void 0 : i.navigate(f) : h.navigate(f);
+    C != null && (E(C), I(C.root ? "/" : C.path), K(C.path));
+  }, [h, K, i]);
+  be(() => {
+    if (L.length === 0)
       return;
-    const f = S[F], g = i == null ? void 0 : i.navigate(f);
-    g != null && (C(g), P(g.root ? "/" : g.path));
-  }, [S, F, i]), se(() => {
-    const f = (g) => {
+    const f = L[F], T = i == null ? void 0 : i.navigate(f);
+    T != null && (E(T), I(T.root ? "/" : T.path));
+  }, [L, F, i]), be(() => {
+    const f = (T) => {
       ee({
-        title: g.message,
+        title: T.message,
         text: "You have exceeded the virtual drive capacity. Files and folders will not be saved until more storage is freed.",
         iconUrl: e == null ? void 0 : e.iconUrl,
-        size: new be(300, 200),
+        size: new me(300, 200),
         single: !0
       });
     };
-    return i == null || i.on(Je.EVENT_NAMES.error, f), () => {
-      i == null || i.off(Je.EVENT_NAMES.error, f);
+    return i == null || i.on(Ze.EVENT_NAMES.error, f), () => {
+      i == null || i.off(Ze.EVENT_NAMES.error, f);
     };
   }, []);
-  const oe = (f) => {
-    P(f.target.value);
-  }, ae = (f) => {
-    let g = f.target.value;
+  const re = (f) => {
+    I(f.target.value);
+  }, oe = (f) => {
+    let T = f.target.value;
     if (f.key === "Enter") {
-      g === "" && (g = "~");
-      const w = i == null ? void 0 : i.navigate(g);
-      if (w == null) {
-        ne({
+      T === "" && (T = "~");
+      const C = i == null ? void 0 : i.navigate(T);
+      if (C == null) {
+        te({
           title: "Error",
           iconUrl: e == null ? void 0 : e.iconUrl,
-          size: new be(300, 150),
-          Modal: (j) => /* @__PURE__ */ x(Ze, { ...j, children: [
-            /* @__PURE__ */ x("p", { children: [
+          size: new me(300, 150),
+          Modal: ($) => /* @__PURE__ */ y(Qe, { ...$, children: [
+            /* @__PURE__ */ y("p", { children: [
               'Invalid path: "',
-              g,
+              T,
               '"'
             ] }),
-            /* @__PURE__ */ s("button", { "data-type": Qe.DIALOG_CONTENT_TYPES.closeButton, children: "Ok" })
+            /* @__PURE__ */ o("button", { "data-type": et.DIALOG_CONTENT_TYPES.closeButton, children: "Ok" })
           ] })
         });
         return;
       }
-      C(w), P(w.root ? "/" : w.path);
+      E(C), I(C.root ? "/" : C.path);
     }
-  }, m = d.getItemCount(N);
-  return /* @__PURE__ */ x("div", { className: h ? `${W.FileExplorer} ${W.Selector}` : W.FileExplorer, children: [
-    /* @__PURE__ */ x("div", { className: W.Header, children: [
-      /* @__PURE__ */ s(
+  }, g = h.getItemCount(j);
+  return /* @__PURE__ */ y("div", { className: c ? `${q.FileExplorer} ${q.Selector}` : q.FileExplorer, children: [
+    /* @__PURE__ */ y("div", { className: q.Header, children: [
+      /* @__PURE__ */ o(
         "button",
         {
           title: "Back",
           tabIndex: 0,
-          className: W.IconButton,
+          className: q.IconButton,
           onClick: () => {
             Q();
           },
           disabled: !U,
-          children: /* @__PURE__ */ s(X, { icon: Ft })
+          children: /* @__PURE__ */ o(W, { icon: Jt })
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ o(
         "button",
         {
           title: "Forward",
           tabIndex: 0,
-          className: W.IconButton,
+          className: q.IconButton,
           onClick: () => {
             z();
           },
           disabled: !u,
-          children: /* @__PURE__ */ s(X, { icon: Ut })
+          children: /* @__PURE__ */ o(W, { icon: Zt })
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ o(
         "button",
         {
           title: "Up",
           tabIndex: 0,
-          className: W.IconButton,
+          className: q.IconButton,
           onClick: () => {
             J("..");
           },
-          disabled: d.isRoot != null && d.isRoot,
-          children: /* @__PURE__ */ s(X, { icon: zt })
+          disabled: h.isRoot != null && h.isRoot,
+          children: /* @__PURE__ */ o(W, { icon: Qt })
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ o(
         "button",
         {
           title: "New",
           tabIndex: 0,
-          className: W.IconButton,
+          className: q.IconButton,
           onClick: () => {
-            ne({
+            te({
               title: "Error",
               iconUrl: e == null ? void 0 : e.iconUrl,
-              size: new be(300, 150),
-              Modal: (f) => /* @__PURE__ */ x(Ze, { ...f, children: [
-                /* @__PURE__ */ s("p", { children: "This folder is protected." }),
-                /* @__PURE__ */ s("button", { "data-type": Qe.DIALOG_CONTENT_TYPES.closeButton, children: "Ok" })
+              size: new me(300, 150),
+              Modal: (f) => /* @__PURE__ */ y(Qe, { ...f, children: [
+                /* @__PURE__ */ o("p", { children: "This folder is protected." }),
+                /* @__PURE__ */ o("button", { "data-type": et.DIALOG_CONTENT_TYPES.closeButton, children: "Ok" })
               ] })
             });
           },
-          disabled: !d.canBeEdited,
-          children: /* @__PURE__ */ s(X, { icon: Wt })
+          disabled: !h.canBeEdited,
+          children: /* @__PURE__ */ o(W, { icon: en })
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ o(
         "input",
         {
-          value: k,
+          value: M,
           type: "text",
           "aria-label": "Path",
-          className: W.PathInput,
+          className: q.PathInput,
           tabIndex: 0,
-          onChange: oe,
-          onKeyDown: ae,
+          onChange: re,
+          onKeyDown: oe,
           placeholder: "Enter a path..."
         }
       ),
-      /* @__PURE__ */ s(dr, { directory: d }),
-      /* @__PURE__ */ s("button", { title: "Search", tabIndex: 0, className: W.IconButton, children: /* @__PURE__ */ s(X, { icon: Yt }) }),
-      /* @__PURE__ */ s("button", { title: "Settings", tabIndex: 0, className: W.IconButton, children: /* @__PURE__ */ s(X, { icon: qt }) })
+      /* @__PURE__ */ o(Ir, { directory: h }),
+      /* @__PURE__ */ o("button", { title: "Search", tabIndex: 0, className: q.IconButton, children: /* @__PURE__ */ o(W, { icon: tn }) }),
+      /* @__PURE__ */ o("button", { title: "Settings", tabIndex: 0, className: q.IconButton, children: /* @__PURE__ */ o(W, { icon: nn }) })
     ] }),
-    /* @__PURE__ */ x("div", { className: W.Body, children: [
-      /* @__PURE__ */ x("div", { className: W.Sidebar, children: [
-        /* @__PURE__ */ s(ge, { name: "Home", onClick: () => {
+    /* @__PURE__ */ y("div", { className: q.Body, children: [
+      /* @__PURE__ */ y("div", { className: q.Sidebar, children: [
+        /* @__PURE__ */ o(Te, { name: "Home", onClick: () => {
           J("~");
-        }, icon: Vt }),
-        /* @__PURE__ */ s(ge, { name: "Desktop", onClick: () => {
+        }, icon: rn }),
+        /* @__PURE__ */ o(Te, { name: "Desktop", onClick: () => {
           J("~/Desktop");
-        }, icon: Kt }),
-        /* @__PURE__ */ s(ge, { name: "Images", onClick: () => {
+        }, icon: _t }),
+        /* @__PURE__ */ o(Te, { name: "Images", onClick: () => {
           J("~/Pictures");
-        }, icon: Ht }),
-        /* @__PURE__ */ s(ge, { name: "Documents", onClick: () => {
+        }, icon: Tt }),
+        /* @__PURE__ */ o(Te, { name: "Documents", onClick: () => {
           J("~/Documents");
-        }, icon: Gt })
+        }, icon: on })
       ] }),
-      /* @__PURE__ */ s(
-        $t,
+      /* @__PURE__ */ o(
+        zt,
         {
-          directory: d,
+          directory: h,
           id: "main",
-          className: W.Main,
-          showHidden: N,
-          onOpenFile: (f, g) => {
-            if (f.preventDefault(), h)
+          className: q.Main,
+          showHidden: j,
+          onOpenFile: (f, T) => {
+            if (f.preventDefault(), c)
               return void (a == null ? void 0 : a());
-            const w = {};
-            (g.extension === "md" || g.extension != null && jt.includes(g.extension)) && (w.mode = "view"), y == null || y.openFile(g, w);
+            const C = {};
+            (T.extension === "md" || T.extension != null && qt.includes(T.extension)) && (C.mode = "view"), _ == null || _.openFile(T, C);
           },
-          onOpenFolder: (f, g) => {
-            J(g.linkedPath ?? g.name);
+          onOpenFolder: (f, T) => {
+            J(T.linkedPath ?? T.name);
           },
           onContextMenuFile: le,
           onContextMenuFolder: ce,
-          allowMultiSelect: t !== pt.SINGLE,
+          allowMultiSelect: t !== mt.SINGLE,
           onSelectionChange: l
         }
       )
     ] }),
-    h ? /* @__PURE__ */ s("div", { className: W.Footer, children: /* @__PURE__ */ s(r, {}) }) : /* @__PURE__ */ s("span", { className: W.Footer, children: /* @__PURE__ */ s("p", { className: H.TextLight, children: m === 1 ? m + " item" : m + " items" }) })
+    c ? /* @__PURE__ */ o("div", { className: q.Footer, children: /* @__PURE__ */ o(r, {}) }) : /* @__PURE__ */ o("span", { className: q.Footer, children: /* @__PURE__ */ o("p", { className: V.TextLight, children: g === 1 ? g + " item" : g + " items" }) })
   ] });
 }
-var Nt = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.Single = 1] = "Single", e[e.Multi = 2] = "Multi", e))(Nt || {});
-const It = new bt("File Explorer", "file-explorer", yr).setIconUrl("https://os.prozilla.dev/assets/apps/icons/file-explorer.svg").setRole(mt.APP_ROLES.fileExplorer).setCategory("Utilities & tools");
-It.setMetadata({ name: "@prozilla-os/file-explorer", version: "1.1.16", author: "Prozilla" });
-const gr = "~/Pictures/Wallpapers";
-function _r() {
-  var k, P;
-  const { modalsConfig: e } = me(), n = we(), t = qe(), [r, l] = te(tt.Dark), [a, h] = te(null), i = t == null ? void 0 : t.getSettings(Ee.VIRTUAL_PATHS.desktop), y = t == null ? void 0 : t.getSettings(Ee.VIRTUAL_PATHS.theme), { openWindowedModal: v } = ht();
-  se(() => {
-    i == null || i.get("wallpaper", h), y == null || y.get("theme", (N) => {
-      l(parseInt(N));
-    });
-  }, [i, y]);
-  const d = (N) => {
-    const S = N.target.value;
-    i == null || i.set("wallpaper", S);
-  }, C = (N) => {
-    const S = N.target.value;
-    y == null || y.set("theme", S);
-  };
-  return /* @__PURE__ */ x(vt, { children: [
-    /* @__PURE__ */ x("div", { className: E.Option, children: [
-      /* @__PURE__ */ s("p", { className: E.Label, children: "Theme" }),
-      /* @__PURE__ */ s("div", { className: E.Input, children: /* @__PURE__ */ s("select", { className: E.Dropdown, "aria-label": "theme", value: r, onChange: C, children: Object.entries(tt).map(
-        ([N, S]) => /* @__PURE__ */ s("option", { value: N, children: S }, N)
-      ) }) })
-    ] }),
-    /* @__PURE__ */ x("div", { className: E.Option, children: [
-      /* @__PURE__ */ s("p", { className: E.Label, children: "Wallpaper" }),
-      /* @__PURE__ */ s(
-        Se,
-        {
-          className: `${E.Button} ${H.TextBold}`,
-          onClick: () => {
-            v({
-              size: e.defaultFileSelectorSize,
-              Modal: (N) => /* @__PURE__ */ s(
-                It.WindowContent,
-                {
-                  type: Nt.Single,
-                  allowedFormats: kt,
-                  onFinish: (S) => {
-                    S.source != null && (i == null || i.set("wallpaper", S.source));
-                  },
-                  ...N
-                }
-              )
-            });
-          },
-          children: "Browse"
-        }
-      ),
-      /* @__PURE__ */ s("div", { className: `${E.Input} ${E.ImageSelectContainer}`, children: (P = (k = n == null ? void 0 : n.navigate(gr)) == null ? void 0 : k.getFiles()) == null ? void 0 : P.map(
-        ({ id: N, source: S }) => /* @__PURE__ */ x("label", { className: E.ImageSelect, children: [
-          /* @__PURE__ */ s(
-            "input",
-            {
-              type: "radio",
-              value: S ?? "",
-              "aria-label": "Wallpaper image",
-              checked: S === a,
-              onChange: d,
-              tabIndex: 0
-            }
-          ),
-          /* @__PURE__ */ s("img", { src: S ?? "", alt: N, draggable: "false" })
-        ] }, N)
-      ) })
-    ] })
+var Bt = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.Single = 1] = "Single", e[e.Multi = 2] = "Multi", e))(Bt || {});
+const Dt = new bt("File Explorer", "file-explorer", Lr).setIconUrl("https://os.prozilla.dev/assets/apps/icons/file-explorer.svg").setRole(ht.APP_ROLES.fileExplorer).setCategory("Utilities & tools");
+Dt.setMetadata({ name: "@prozilla-os/file-explorer", version: "1.1.17", author: "Prozilla" });
+const Br = "~/Pictures/Wallpapers";
+function Dr() {
+  var a, c;
+  const { modalsConfig: e } = se(), n = Pe(), [t, r] = Vt(he.VIRTUAL_PATHS.desktop, "wallpaper"), { openWindowedModal: l } = gt();
+  return /* @__PURE__ */ y("div", { className: b.Option, children: [
+    /* @__PURE__ */ o("p", { className: b.Label, children: "Wallpaper" }),
+    /* @__PURE__ */ o(
+      Ne,
+      {
+        className: `${b.Button} ${V.TextBold}`,
+        onClick: () => {
+          l({
+            size: e.defaultFileSelectorSize,
+            Modal: (i) => /* @__PURE__ */ o(
+              Dt.WindowContent,
+              {
+                type: Bt.Single,
+                allowedFormats: Kt,
+                onFinish: (_) => {
+                  _.source != null && r(_.source);
+                },
+                ...i
+              }
+            )
+          });
+        },
+        children: "Browse"
+      }
+    ),
+    /* @__PURE__ */ o("div", { className: `${b.Input} ${b.ImageSelectContainer}`, children: (c = (a = n == null ? void 0 : n.navigate(Br)) == null ? void 0 : a.getFiles()) == null ? void 0 : c.map(
+      ({ id: i, source: _ }) => /* @__PURE__ */ y("label", { className: b.ImageSelect, children: [
+        /* @__PURE__ */ o(
+          "input",
+          {
+            type: "radio",
+            value: _ ?? "",
+            "aria-label": "Wallpaper image",
+            checked: _ === t,
+            onChange: (v) => r(v.target.value),
+            tabIndex: 0
+          }
+        ),
+        /* @__PURE__ */ o("img", { src: _ ?? "", alt: i, draggable: "false" })
+      ] }, i)
+    ) })
+  ] });
+}
+function Mr({ active: e = !1, setActive: n }) {
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      onClick: (t) => n(!e),
+      className: `${b.Checkbox} ${e ? "Checked" : ""}`,
+      children: e ? /* @__PURE__ */ o(W, { icon: xt }) : /* @__PURE__ */ o(W, { icon: Et })
+    }
+  );
+}
+function jr() {
+  const [e, n] = Ht(he.VIRTUAL_PATHS.desktop, "show-icons", !0);
+  return /* @__PURE__ */ y("div", { className: b.Option, children: [
+    /* @__PURE__ */ o("p", { className: b.Label, children: "Show icons" }),
+    /* @__PURE__ */ o("div", { className: b.Input, children: /* @__PURE__ */ o(Mr, { active: e, setActive: n }) })
   ] });
 }
-function Tr() {
-  const { systemName: e } = me(), n = Ye(), t = we();
-  return /* @__PURE__ */ x("div", { className: E.Option, children: [
-    /* @__PURE__ */ x("p", { className: E.Label, children: [
+function Fr() {
+  return /* @__PURE__ */ o(
+    Lt,
+    {
+      title: "Appearance",
+      pages: {
+        theme: {
+          title: "Theme",
+          description: "Choose a color palette",
+          icon: St,
+          Content: gr
+        },
+        wallpaper: {
+          title: "Wallpaper",
+          description: "Choose a background image",
+          icon: Tt,
+          Content: Dr
+        },
+        desktop: {
+          title: "Desktop",
+          icon: _t,
+          Content: jr
+        }
+      }
+    }
+  );
+}
+function Ur() {
+  const { systemName: e } = se(), n = Ve(), t = Pe();
+  return /* @__PURE__ */ y("div", { className: b.Option, children: [
+    /* @__PURE__ */ y("p", { className: b.Label, children: [
       "About ",
       e
     ] }),
-    /* @__PURE__ */ x("p", { className: H.TextLight, children: [
+    /* @__PURE__ */ y("p", { className: V.TextLight, children: [
       e,
       " is a web-based operating system inspired by Ubuntu Linux and Windows made with React.js by Prozilla."
     ] }),
-    /* @__PURE__ */ x("div", { className: E.ButtonGroup, children: [
-      /* @__PURE__ */ s(
-        Se,
+    /* @__PURE__ */ y("div", { className: b.ButtonGroup, children: [
+      /* @__PURE__ */ o(
+        Ne,
         {
-          className: `${E.Button} ${H.TextBold}`,
+          className: `${b.Button} ${V.TextBold}`,
           onClick: (r) => {
             r.preventDefault(), n == null || n.open("text-editor", {
               mode: "view",
               file: t == null ? void 0 : t.navigate("~/Documents/Info.md"),
-              size: new be(575, 675)
+              size: new me(575, 675)
             });
           },
           children: "Open Info.md"
         }
       ),
-      /* @__PURE__ */ s(
-        Se,
+      /* @__PURE__ */ o(
+        Ne,
         {
-          className: `${E.Button} ${H.TextBold}`,
+          className: `${b.Button} ${V.TextBold}`,
           href: "https://github.com/prozilla-os/ProzillaOS",
           children: "View source"
         }
@@ -1359,33 +1436,33 @@ function Tr() {
     ] })
   ] });
 }
-function xr() {
-  const e = we(), n = ue.MAX_BYTES, t = ue.getByteSize((e == null ? void 0 : e.toString()) ?? ""), r = ue.byteToKilobyte(n), l = ue.byteToKilobyte(t), a = r - l;
-  return /* @__PURE__ */ x(vt, { children: [
-    /* @__PURE__ */ x("div", { className: `${E.Option} ${E.ProgressBarContainer}`, children: [
-      /* @__PURE__ */ x("p", { className: E.Label, children: [
+function zr() {
+  const e = Pe(), n = de.MAX_BYTES, t = de.getByteSize((e == null ? void 0 : e.toString()) ?? ""), r = de.byteToKilobyte(n), l = de.byteToKilobyte(t), a = r - l;
+  return /* @__PURE__ */ y(qe, { children: [
+    /* @__PURE__ */ y("div", { className: `${b.Option} ${b.ProgressBarContainer}`, children: [
+      /* @__PURE__ */ y("p", { className: b.Label, children: [
         "Virtual Drive (",
-        Ae(r, 1),
+        Re(r, 1),
         " KB)"
       ] }),
-      /* @__PURE__ */ s(Dt, { fillPercentage: l / r * 100, className: E.ProgressBar }),
-      /* @__PURE__ */ x("span", { className: E.ProgressBarLabels, children: [
-        /* @__PURE__ */ x("p", { className: H.TextLight, children: [
-          Ae(l, 1),
+      /* @__PURE__ */ o(Gt, { fillPercentage: l / r * 100, className: b.ProgressBar }),
+      /* @__PURE__ */ y("span", { className: b.ProgressBarLabels, children: [
+        /* @__PURE__ */ y("p", { className: V.TextLight, children: [
+          Re(l, 1),
           " KB used"
         ] }),
-        /* @__PURE__ */ x("p", { className: H.TextLight, children: [
-          Ae(a, 1),
+        /* @__PURE__ */ y("p", { className: V.TextLight, children: [
+          Re(a, 1),
           " KB free"
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ x("div", { className: E.Option, children: [
-      /* @__PURE__ */ s("p", { className: E.Label, children: "Manage data" }),
-      /* @__PURE__ */ s(
-        Se,
+    /* @__PURE__ */ y("div", { className: b.Option, children: [
+      /* @__PURE__ */ o("p", { className: b.Label, children: "Manage data" }),
+      /* @__PURE__ */ o(
+        Ne,
         {
-          className: `${E.Button} ${E.ButtonDanger} ${H.TextBold}`,
+          className: `${b.Button} ${b.ButtonDanger} ${V.TextBold}`,
           onClick: () => {
             e == null || e.reset();
           },
@@ -1395,80 +1472,134 @@ function xr() {
     ] })
   ] });
 }
-function Er({ app: e, pins: n, setPins: t }) {
-  const r = n.includes(e.id), l = qe(), a = Ye(), { onContextMenu: h } = Me({
-    Actions: (i) => /* @__PURE__ */ x(Fe, { ...i, children: [
-      /* @__PURE__ */ s(re, { label: "Launch", icon: e.iconUrl, onTrigger: () => a == null ? void 0 : a.open(e.id) }),
-      /* @__PURE__ */ s(re, { label: r ? "Unpin from taskbar" : "Pin to taskbar", icon: Jt, onTrigger: () => {
-        const y = [...n];
-        r ? on(e.id, n) : y.push(e.id);
-        const v = l == null ? void 0 : l.getSettings(Ee.VIRTUAL_PATHS.taskbar);
-        v == null || v.set("pins", y.join(","));
+function qr({ app: e, pins: n, setPins: t }) {
+  const r = n.includes(e.id), l = Ve(), { onContextMenu: a } = Ue({
+    Actions: (c) => /* @__PURE__ */ y(ze, { ...c, children: [
+      /* @__PURE__ */ o(ne, { label: "Launch", icon: e.iconUrl, onTrigger: () => l == null ? void 0 : l.open(e.id) }),
+      /* @__PURE__ */ o(ne, { label: r ? "Unpin from taskbar" : "Pin to taskbar", icon: sn, onTrigger: () => {
+        const i = [...n];
+        r ? Nt(e.id, i) : i.push(e.id), t(i);
       } })
     ] })
   });
-  return /* @__PURE__ */ x("div", { className: `${E.Option} ${E.OptionHorizontal}`, children: [
-    /* @__PURE__ */ x("span", { className: E.Label, children: [
-      /* @__PURE__ */ s(Ue, { className: E.Icon, source: e.iconUrl }),
+  return /* @__PURE__ */ y("div", { className: `${b.Option} ${b.OptionHorizontal} ${b.OptionListItem}`, children: [
+    /* @__PURE__ */ y("span", { className: b.Label, children: [
+      /* @__PURE__ */ o(Ee, { className: b.Icon, source: e.iconUrl }),
       e.name
     ] }),
-    /* @__PURE__ */ s("button", { className: E.IconButton, onClick: h, children: /* @__PURE__ */ s(X, { icon: Zt }) })
+    /* @__PURE__ */ o("button", { className: b.IconButton, onClick: a, children: /* @__PURE__ */ o(W, { icon: ln }) })
   ] });
 }
-function Sr() {
-  const { appsConfig: e } = me(), n = qe(), [t, r] = te([]);
-  return se(() => {
-    const l = n == null ? void 0 : n.getSettings(Ee.VIRTUAL_PATHS.taskbar);
-    l == null || l.get("pins", (a) => {
-      r(a.split(","));
-    });
-  }, [n]), /* @__PURE__ */ x("div", { className: `${E.Option} ${E.OptionList}`, children: [
-    /* @__PURE__ */ s("p", { className: E.Label, children: "Apps" }),
+function Wr() {
+  const { appsConfig: e } = se(), [n, t] = vt(he.VIRTUAL_PATHS.taskbar, "pins");
+  return /* @__PURE__ */ o("div", { className: `${b.Option} ${b.OptionList}`, children: e.apps.sort(
+    (r, l) => r.name.toLowerCase().localeCompare(l.name.toLowerCase())
+  ).map(
+    (r) => /* @__PURE__ */ o(qr, { app: r, pins: n, setPins: t }, r.id)
+  ) });
+}
+function Yr() {
+  const { appsConfig: e } = se(), n = se(), [t, r] = vt(he.VIRTUAL_PATHS.apps, "startup"), l = (a, c) => {
+    const i = [...t];
+    if (c) {
+      if (i.includes(a))
+        return;
+      i.push(a);
+    } else {
+      if (!i.includes(a))
+        return;
+      Nt(a, i);
+    }
+    r(i);
+  };
+  return /* @__PURE__ */ y("div", { className: `${b.Option} ${b.OptionList}`, children: [
+    /* @__PURE__ */ y("p", { className: V.TextLight, children: [
+      "Apps can be configured to start automatically when you enter ",
+      n.systemName,
+      "."
+    ] }),
     e.apps.sort(
-      (l, a) => l.name.toLowerCase().localeCompare(a.name.toLowerCase())
-    ).map(
-      (l) => /* @__PURE__ */ s(Er, { app: l, pins: t, setPins: r }, l.id)
-    )
+      (a, c) => a.name.toLowerCase().localeCompare(c.name.toLowerCase())
+    ).map((a) => {
+      const c = t.includes(a.id);
+      return /* @__PURE__ */ y(
+        "button",
+        {
+          className: `${b.Option} ${b.OptionHorizontal} ${b.OptionListItem}`,
+          onClick: (i) => l(a.id, !c),
+          children: [
+            /* @__PURE__ */ y("span", { className: b.Label, children: [
+              /* @__PURE__ */ o(Ee, { className: b.Icon, source: a.iconUrl }),
+              a.name
+            ] }),
+            /* @__PURE__ */ o("div", { className: `${b.Checkbox} ${c ? b.Checked : ""}`, children: c ? /* @__PURE__ */ o(W, { icon: xt }) : /* @__PURE__ */ o(W, { icon: Et }) })
+          ]
+        },
+        a.id
+      );
+    })
   ] });
 }
-function Cr({ tab: e }) {
-  return /* @__PURE__ */ s("div", { className: E.SettingsContainer, children: /* @__PURE__ */ x(
-    He,
+function Vr() {
+  return /* @__PURE__ */ o(
+    Lt,
+    {
+      title: "Apps",
+      pages: {
+        installedApps: {
+          title: "Installed apps",
+          description: "Manage installed apps",
+          icon: cn,
+          Content: Wr
+        },
+        startupApps: {
+          title: "Startup apps",
+          description: "Apps that start automatically",
+          icon: dn,
+          Content: Yr
+        }
+      }
+    }
+  );
+}
+function Kr({ tab: e }) {
+  return /* @__PURE__ */ o("div", { className: b.SettingsContainer, children: /* @__PURE__ */ y(
+    Ge,
     {
       defaultIndex: e ?? 0,
-      className: E.Settings,
-      selectedTabClassName: E.ActiveTab,
-      selectedTabPanelClassName: E.ActivePanel,
+      className: b.Settings,
+      selectedTabClassName: b.ActiveTab,
+      selectedTabPanelClassName: b.ActivePanel,
       children: [
-        /* @__PURE__ */ x(Ge, { className: E.Tabs, children: [
-          /* @__PURE__ */ x(de, { className: E.TabButton, tabIndex: "0", children: [
-            /* @__PURE__ */ s(X, { icon: Qt }),
-            /* @__PURE__ */ s("p", { className: H.TextSemibold, children: "Apps" })
+        /* @__PURE__ */ y(Xe, { className: b.Tabs, children: [
+          /* @__PURE__ */ y(ue, { className: b.TabButton, tabIndex: "0", children: [
+            /* @__PURE__ */ o(W, { icon: un }),
+            /* @__PURE__ */ o("p", { className: V.TextSemibold, children: "Apps" })
           ] }),
-          /* @__PURE__ */ x(de, { className: E.TabButton, tabIndex: "0", children: [
-            /* @__PURE__ */ s(X, { icon: en }),
-            /* @__PURE__ */ s("p", { className: H.TextSemibold, children: "Appearance" })
+          /* @__PURE__ */ y(ue, { className: b.TabButton, tabIndex: "0", children: [
+            /* @__PURE__ */ o(W, { icon: St }),
+            /* @__PURE__ */ o("p", { className: V.TextSemibold, children: "Appearance" })
           ] }),
-          /* @__PURE__ */ x(de, { className: E.TabButton, tabIndex: "0", children: [
-            /* @__PURE__ */ s(X, { icon: tn }),
-            /* @__PURE__ */ s("p", { className: H.TextSemibold, children: "Storage" })
+          /* @__PURE__ */ y(ue, { className: b.TabButton, tabIndex: "0", children: [
+            /* @__PURE__ */ o(W, { icon: fn }),
+            /* @__PURE__ */ o("p", { className: V.TextSemibold, children: "Storage" })
           ] }),
-          /* @__PURE__ */ x(de, { className: E.TabButton, tabIndex: "0", children: [
-            /* @__PURE__ */ s(X, { icon: yt }),
-            /* @__PURE__ */ s("p", { className: H.TextSemibold, children: "About" })
+          /* @__PURE__ */ y(ue, { className: b.TabButton, tabIndex: "0", children: [
+            /* @__PURE__ */ o(W, { icon: yt }),
+            /* @__PURE__ */ o("p", { className: V.TextSemibold, children: "About" })
           ] })
         ] }),
-        /* @__PURE__ */ s(fe, { className: E.TabPanel, children: /* @__PURE__ */ s(Sr, {}) }),
-        /* @__PURE__ */ s(fe, { className: E.TabPanel, children: /* @__PURE__ */ s(_r, {}) }),
-        /* @__PURE__ */ s(fe, { className: E.TabPanel, children: /* @__PURE__ */ s(xr, {}) }),
-        /* @__PURE__ */ s(fe, { className: E.TabPanel, children: /* @__PURE__ */ s(Tr, {}) })
+        /* @__PURE__ */ o(fe, { className: b.TabPanel, children: /* @__PURE__ */ o(Vr, {}) }),
+        /* @__PURE__ */ o(fe, { className: b.TabPanel, children: /* @__PURE__ */ o(Fr, {}) }),
+        /* @__PURE__ */ o(fe, { className: b.TabPanel, children: /* @__PURE__ */ o(zr, {}) }),
+        /* @__PURE__ */ o(fe, { className: b.TabPanel, children: /* @__PURE__ */ o(Ur, {}) })
       ]
     }
   ) });
 }
-const Pr = new bt("Settings", "settings", Cr).setIconUrl("https://os.prozilla.dev/assets/apps/icons/settings.svg").setRole(mt.APP_ROLES.settings).setCategory("Personalization");
-Pr.setMetadata({ name: "@prozilla-os/settings", version: "1.1.16", author: "Prozilla" });
+const Hr = new bt("Settings", "settings", Kr).setIconUrl("https://os.prozilla.dev/assets/apps/icons/settings.svg").setRole(ht.APP_ROLES.settings).setCategory("Personalization");
+Hr.setMetadata({ name: "@prozilla-os/settings", version: "1.1.17", author: "Prozilla" });
 export {
-  Pr as settings
+  Hr as settings
 };
 //# sourceMappingURL=main.js.map