@prozilla-os/settings 1.1.8 → 1.1.9

package/dist/main.js

@@ -1,39 +1,39 @@
-(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('._SettingsContainer_13l5q_1{width:100%;height:100%;position:sticky;top:0;left:0}._Settings_13l5q_1{--tabs-width: 10rem;flex:1;display:flex;width:100%;height:100%;background-color:var(--background-color-2)}._Tabs_13l5q_37{display:flex;gap:.25rem;flex-direction:column;min-width:calc(var(--tabs-width) / 2);width:var(--tabs-width);height:100%;max-width:50%;padding:.5rem;margin:0;background-color:var(--background-color-2);resize:horizontal;overflow:hidden}._TabButton_13l5q_67{display:flex;gap:.5rem;align-items:center;width:100%;min-width:fit-content;padding:.75rem;border-radius:var(--border-radius-1);font-size:.875rem}._TabButton_13l5q_67._ActiveTab_13l5q_89{background-color:var(--background-color-0)}._TabButton_13l5q_67:not(._ActiveTab_13l5q_89):hover,._TabButton_13l5q_67:not(._ActiveTab_13l5q_89):focus-visible{background-color:color-mix(in srgb,var(--background-color-0) 50%,transparent)}._TabButton_13l5q_67>svg{height:1.35rem;aspect-ratio:1}._TabButton_13l5q_67>p{margin:0}._TabPanel_13l5q_125{flex:1;display:flex;flex-direction:column;align-content:flex-start;height:100%;padding:.5rem 1rem;background-color:var(--background-color-3);overflow:auto}._TabPanel_13l5q_125:not(._ActivePanel_13l5q_147){display:none}._Option_13l5q_155{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:start;width:100%;padding-bottom:1rem}._OptionList_13l5q_175{gap:.5rem}._OptionList_13l5q_175 ._Option_13l5q_155{padding-bottom:0}._OptionHorizontal_13l5q_191{flex-direction:row;justify-content:space-between}._Option_13l5q_155>._Label_13l5q_201{color:var(--foreground-color-0)}._Input_13l5q_209{display:flex;gap:.5rem;flex-wrap:wrap}._Input_13l5q_209>label{flex:1;display:flex}._ImageSelectContainer_13l5q_231{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.5rem}._ImageSelect_13l5q_231{display:block;width:100%}._ImageSelect_13l5q_231>input{position:absolute;opacity:0;width:0;height:0}._ImageSelect_13l5q_231>input:hover+img,._ImageSelect_13l5q_231>input:focus-visible+img{filter:brightness(110%)}._ImageSelect_13l5q_231>input:checked+img{outline:.25em solid var(--foreground-color-0)}._ImageSelect_13l5q_231>img{width:100%;height:100%;border-radius:var(--border-radius-1);transition:filter .1s ease-in-out;cursor:pointer}._ButtonGroup_13l5q_301{display:flex;gap:1rem;flex-wrap:wrap;margin:.75rem 0}._ButtonGroup_13l5q_301 ._Button_13l5q_301{margin-bottom:0}._Button_13l5q_301{--normal-color: var(--background-color-0) !important;--hover-color: var(--background-color-1) !important;margin-bottom:.75rem!important;padding:.5rem 1rem;border-radius:var(--border-radius-1)}._ButtonDanger_13l5q_341{--text-color: var(--black-1) !important;--normal-color: var(--red-0) !important;--hover-color: var(--red-1) !important}._IconButton_13l5q_353{--color: var(--foreground-color-0);position:relative;height:1.25rem;width:auto;padding:0;background:none;border:none;outline:none;aspect-ratio:1;cursor:pointer}._IconButton_13l5q_353:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff0;border-radius:var(--border-radius-99);transform:scale(1);transform-origin:center;transition:all .2s ease-in-out}._IconButton_13l5q_353:hover:after,._IconButton_13l5q_353:focus-visible:after{background-color:#ffffff1a;transform:scale(1.5)}._IconButton_13l5q_353:disabled{--color: var(--foreground-color-2)}._IconButton_13l5q_353 svg{height:100%}._IconButton_13l5q_353 svg path{fill:var(--color);transition:fill .1s ease-in-out}._ProgressBarContainer_13l5q_445{width:100%;max-width:35rem}._ProgressBar_13l5q_445{width:100%!important}._ProgressBarLabels_13l5q_463{display:flex;justify-content:space-between;width:100%}._Option_13l5q_155>span._Label_13l5q_201{display:flex;gap:.5rem;align-items:center}._Icon_13l5q_353{display:inline-block;width:2rem;height:2rem}._Icon_13l5q_353 div{width:inherit;height:inherit}._Icon_13l5q_353 div>svg{width:inherit;height:inherit;object-fit:contain}._Dropdown_13l5q_521{width:auto;max-width:calc(60% - var(--gap));padding:.5rem 1rem;color:var(--text-color);background-color:var(--background-color-0);border:none;border-radius:var(--border-radius-1);outline:none;font-size:.875em}._Dropdown_13l5q_521>*{color:inherit;background-color:inherit;border:none;border-radius:var(--border-radius-1);outline:none;font-family:inherit;font-size:inherit}')),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-import { App as pt, AppsConfig as bt, useVirtualRoot as Pe, useWindowsManager as We, useSystemManager as me, useHistory as It, useAlert as Ot, useWindowedModal as mt, useContextMenu as je, Actions as Fe, ClickAction as ie, Vector2 as be, Divider as At, VirtualRoot as Je, DialogBox as Ze, ModalsConfig as Qe, DirectoryList as Rt, CODE_EXTENSIONS as $t, utilStyles as K, WindowedModal as Bt, ImagePreview as qe, StorageManager as ue, VirtualFile as Lt, useSettingsManager as Ye, SettingsManager as we, THEMES as kt, Button as Se, IMAGE_EXTENSIONS as Dt, ProgressBar as Mt } from "@prozilla-os/core";
-import { jsxs as E, jsx as s, Fragment as ht } from "react/jsx-runtime";
+(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";._SettingsContainer_13l5q_1{width:100%;height:100%;position:sticky;top:0;left:0}._Settings_13l5q_1{--tabs-width: 10rem;flex:1;display:flex;width:100%;height:100%;background-color:var(--background-color-2)}._Tabs_13l5q_37{display:flex;gap:.25rem;flex-direction:column;min-width:calc(var(--tabs-width) / 2);width:var(--tabs-width);height:100%;max-width:50%;padding:.5rem;margin:0;background-color:var(--background-color-2);resize:horizontal;overflow:hidden}._TabButton_13l5q_67{display:flex;gap:.5rem;align-items:center;width:100%;min-width:fit-content;padding:.75rem;border-radius:var(--border-radius-1);font-size:.875rem}._TabButton_13l5q_67._ActiveTab_13l5q_89{background-color:var(--background-color-0)}._TabButton_13l5q_67:not(._ActiveTab_13l5q_89):hover,._TabButton_13l5q_67:not(._ActiveTab_13l5q_89):focus-visible{background-color:color-mix(in srgb,var(--background-color-0) 50%,transparent)}._TabButton_13l5q_67>svg{height:1.35rem;aspect-ratio:1}._TabButton_13l5q_67>p{margin:0}._TabPanel_13l5q_125{flex:1;display:flex;flex-direction:column;align-content:flex-start;height:100%;padding:.5rem 1rem;background-color:var(--background-color-3);overflow:auto}._TabPanel_13l5q_125:not(._ActivePanel_13l5q_147){display:none}._Option_13l5q_155{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:start;width:100%;padding-bottom:1rem}._OptionList_13l5q_175{gap:.5rem}._OptionList_13l5q_175 ._Option_13l5q_155{padding-bottom:0}._OptionHorizontal_13l5q_191{flex-direction:row;justify-content:space-between}._Option_13l5q_155>._Label_13l5q_201{color:var(--foreground-color-0)}._Input_13l5q_209{display:flex;gap:.5rem;flex-wrap:wrap}._Input_13l5q_209>label{flex:1;display:flex}._ImageSelectContainer_13l5q_231{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.5rem}._ImageSelect_13l5q_231{display:block;width:100%}._ImageSelect_13l5q_231>input{position:absolute;opacity:0;width:0;height:0}._ImageSelect_13l5q_231>input:hover+img,._ImageSelect_13l5q_231>input:focus-visible+img{filter:brightness(110%)}._ImageSelect_13l5q_231>input:checked+img{outline:.25em solid var(--foreground-color-0)}._ImageSelect_13l5q_231>img{width:100%;height:100%;border-radius:var(--border-radius-1);transition:filter .1s ease-in-out;cursor:pointer}._ButtonGroup_13l5q_301{display:flex;gap:1rem;flex-wrap:wrap;margin:.75rem 0}._ButtonGroup_13l5q_301 ._Button_13l5q_301{margin-bottom:0}._Button_13l5q_301{--normal-color: var(--background-color-0) !important;--hover-color: var(--background-color-1) !important;margin-bottom:.75rem!important;padding:.5rem 1rem;border-radius:var(--border-radius-1)}._ButtonDanger_13l5q_341{--text-color: var(--black-1) !important;--normal-color: var(--red-0) !important;--hover-color: var(--red-1) !important}._IconButton_13l5q_353{--color: var(--foreground-color-0);position:relative;height:1.25rem;width:auto;padding:0;background:none;border:none;outline:none;aspect-ratio:1;cursor:pointer}._IconButton_13l5q_353:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff0;border-radius:var(--border-radius-99);transform:scale(1);transform-origin:center;transition:all .2s ease-in-out}._IconButton_13l5q_353:hover:after,._IconButton_13l5q_353:focus-visible:after{background-color:#ffffff1a;transform:scale(1.5)}._IconButton_13l5q_353:disabled{--color: var(--foreground-color-2)}._IconButton_13l5q_353 svg{height:100%}._IconButton_13l5q_353 svg path{fill:var(--color);transition:fill .1s ease-in-out}._ProgressBarContainer_13l5q_445{width:100%;max-width:35rem}._ProgressBar_13l5q_445{width:100%!important}._ProgressBarLabels_13l5q_463{display:flex;justify-content:space-between;width:100%}._Option_13l5q_155>span._Label_13l5q_201{display:flex;gap:.5rem;align-items:center}._Icon_13l5q_353{display:inline-block;width:2rem;height:2rem}._Icon_13l5q_353 div{width:inherit;height:inherit}._Icon_13l5q_353 div>svg{width:inherit;height:inherit;object-fit:contain}._Dropdown_13l5q_521{width:auto;max-width:calc(60% - var(--gap));padding:.5rem 1rem;color:var(--text-color);background-color:var(--background-color-0);border:none;border-radius:var(--border-radius-1);outline:none;font-size:.875em}._Dropdown_13l5q_521>*{color:inherit;background-color:inherit;border:none;border-radius:var(--border-radius-1);outline:none;font-family:inherit;font-size:inherit}:root{--util-menu-height: 2rem;--taskbar-margin: .5rem;--body-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}.ProzillaOS-Taskbar{--taskbar-opacity: .1;height:100%;pointer-events:none}.ProzillaOS-Taskbar:before,.ProzillaOS-Taskbar:after{display:none}.ProzillaOS-Taskbar__MenuIcons{display:none}.ProzillaOS-Taskbar__AppIcons{position:absolute;bottom:var(--taskbar-margin);left:50%;width:auto;height:auto;min-height:var(--taskbar-height);transform:translate(-50%);border-radius:var(--border-radius-1);transition:height .2s ease-out .1s;pointer-events:auto}.ProzillaOS-Taskbar__AppIcons:has(.ProzillaOS-Taskbar__AppIcon:hover){animation:expand .2s ease-out forwards}@keyframes expand{0%{height:var(--taskbar-height)}to{height:calc(var(--taskbar-height) * 150%)}}.ProzillaOS-Taskbar__AppIcons:after,.ProzillaOS-Taskbar__AppIcons:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none}.ProzillaOS-Taskbar__AppIcons:after{opacity:var(--taskbar-opacity);background-color:var(--foreground-color-0);z-index:-2}.ProzillaOS-Taskbar__AppIcons:before{-webkit-backdrop-filter:var(--taskbar-filter);backdrop-filter:var(--taskbar-filter);z-index:-3}.ProzillaOS-Taskbar__AppIcons>div{position:relative;width:auto;height:100%;align-items:flex-end}.ProzillaOS-Taskbar__AppIcon{--scale: var(--taskbar-height);width:var(--scale);height:var(--scale);padding:.5rem;transition:width .2s ease-out,height .2s ease-out,background-color .1s ease-in-out!important}.ProzillaOS-Taskbar__AppIcon svg{transform:none!important}.ProzillaOS-Taskbar__AppIcon:hover{--scale: calc(var(--taskbar-height) * 1.5)}.ProzillaOS-Taskbar__UtilIcons{position:absolute;top:0;left:0;right:0;height:var(--util-menu-height);background-color:var(--taskbar-color);box-shadow:.1rem .1rem .2rem .1rem color-mix(in srgb,var(--svg-drop-shadow-color) 50%,transparent);pointer-events:auto}.ProzillaOS-Taskbar__Indicator--Calendar{display:flex;flex-direction:row;gap:.5rem}.ProzillaOS-Taskbar__UtilIcons>div{position:relative}.ProzillaOS-Taskbar__UtilIcons>div>div{top:100%;bottom:unset}.ProzillaOS-Taskbar__Menu--Util{border-radius:var(--border-radius-1);border-top-right-radius:0}.ProzillaOS-Taskbar__UtilIcons>div>div>.ProzillaOS-Taskbar__Menu--Util:not(.ProzillaOS-Taskbar__Menu--Active){transform:translateY(-100px)}.ProzillaOS-Desktop .ProzillaOS-DirectoryList,.ProzillaOS-WindowsView{margin-top:var(--util-menu-height)}.ProzillaOS-WindowHeader{--window-icon-margin: .5rem;flex-direction:row-reverse;justify-content:flex-end;gap:.25rem}.ProzillaOS-WindowIcon{display:none}.ProzillaOS-WindowTitle{position:absolute;left:50%;transform:translate(calc(-50% - var(--window-icon-margin)))}.ProzillaOS-WindowHeader>button{--height: 1rem;--icon-opacity: 0;display:flex;justify-content:center;align-items:center;border-radius:9999px;margin:0;padding:.2rem;height:var(--height);color:var(--background-color-0);border:1px solid var(--header-button-hover-color)}.ProzillaOS-WindowHeader>button:hover,.ProzillaOS-WindowHeader>button:focus-visible{--icon-opacity: 1;background-color:var(--header-button-hover-color)!important}.ProzillaOS-WindowHeader>button#close-window{--header-button-hover-color: var(--red-1);background-color:var(--red-0)}.ProzillaOS-WindowHeader>button#maximize-window{--header-button-hover-color: var(--green-1);background-color:var(--green-0);order:-1}.ProzillaOS-WindowHeader>button#minimize-window{--header-button-hover-color: var(--yellow-1);background-color:var(--yellow-0)}.ProzillaOS-WindowHeader>button>svg{opacity:var(--icon-opacity);color:var(--background-color-0);transition:opacity .2s ease-in-out}.ProzillaOS-WindowHeader>button>svg *{color:inherit;fill:currentColor}:root{--border-radius-0: 0;--border-radius-1: 0}:root{--body-font-family: "Minecraftia", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}@font-face{font-family:Minecraftia;src:url(/assets/fonts/minecraftia/Minecraftia-Regular.ttf);font-display:swap}body{font-smooth:never;-webkit-font-smoothing:none}p,pre,input,a{position:relative;top:.25rem;line-height:1.6rem}p>a{top:unset}.ProzillaOS-Taskbar__Indicator--Calendar>p{font-size:.875rem;line-height:1.25rem}img{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor}')),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+import { App as gt, AppsConfig as ht, useVirtualRoot as Ne, useWindowsManager as He, useSystemManager as ge, useHistory as At, useAlert as Rt, useWindowedModal as vt, useContextMenu as qe, Actions as Ue, ClickAction as ie, Vector2 as be, Divider as $t, VirtualRoot as et, DialogBox as tt, ModalsConfig as nt, DirectoryList as Lt, CODE_EXTENSIONS as Bt, utilStyles as K, WindowedModal as Dt, ImagePreview as We, StorageManager as de, VirtualFile as Mt, useSettingsManager as Ke, SettingsManager as Ee, Button as Se, IMAGE_EXTENSIONS as jt, ProgressBar as zt } from "@prozilla-os/core";
+import { jsxs as T, jsx as i, Fragment as yt } from "react/jsx-runtime";
 import { FontAwesomeIcon as X } from "@fortawesome/react-fontawesome";
-import { faTrash as et, faCircleInfo as yt, faCaretLeft as jt, faCaretRight as Ft, faArrowUp as qt, faPlus as Ut, faSearch as zt, faCog as Wt, faHouse as Yt, faDesktop as Vt, faImage as Ht, faFileLines as Kt, faDownload as Gt, faThumbTack as Xt, faEllipsisVertical as Jt, faShapes as Zt, faPalette as Qt, faHardDrive as en } from "@fortawesome/free-solid-svg-icons";
-import pe, { Children as vt, cloneElement as _e, useRef as Te, useId as tn, useState as te, useEffect as se, useCallback as nn } from "react";
-import { round as Ae, removeFromArray as rn } from "@prozilla-os/shared";
-const on = "_SettingsContainer_13l5q_1", an = "_Settings_13l5q_1", sn = "_Tabs_13l5q_37", ln = "_TabButton_13l5q_67", cn = "_ActiveTab_13l5q_89", un = "_TabPanel_13l5q_125", dn = "_ActivePanel_13l5q_147", fn = "_Option_13l5q_155", pn = "_OptionList_13l5q_175", bn = "_OptionHorizontal_13l5q_191", mn = "_Label_13l5q_201", hn = "_Input_13l5q_209", yn = "_ImageSelectContainer_13l5q_231", vn = "_ImageSelect_13l5q_231", gn = "_ButtonGroup_13l5q_301", _n = "_Button_13l5q_301", Tn = "_ButtonDanger_13l5q_341", En = "_IconButton_13l5q_353", wn = "_ProgressBarContainer_13l5q_445", Sn = "_ProgressBar_13l5q_445", xn = "_ProgressBarLabels_13l5q_463", Cn = "_Icon_13l5q_353", Pn = "_Dropdown_13l5q_521", S = {
+import { faTrash as rt, faCircleInfo as wt, faCaretLeft as Ft, faCaretRight as qt, faArrowUp as Ut, faPlus as Wt, faSearch as Yt, faCog as Vt, faHouse as Ht, faDesktop as Kt, faImage as Gt, faFileLines as Xt, faDownload as Jt, faThumbTack as Zt, faEllipsisVertical as Qt, faShapes as en, faPalette as tn, faHardDrive as nn } from "@fortawesome/free-solid-svg-icons";
+import me, { Children as _t, cloneElement as _e, useRef as Te, useId as rn, useState as ne, useEffect as le, useCallback as sn } from "react";
+import { round as $e, removeFromArray as an } from "@prozilla-os/shared";
+const on = "_SettingsContainer_13l5q_1", ln = "_Settings_13l5q_1", cn = "_Tabs_13l5q_37", pn = "_TabButton_13l5q_67", dn = "_ActiveTab_13l5q_89", un = "_TabPanel_13l5q_125", fn = "_ActivePanel_13l5q_147", mn = "_Option_13l5q_155", bn = "_OptionList_13l5q_175", gn = "_OptionHorizontal_13l5q_191", hn = "_Label_13l5q_201", vn = "_Input_13l5q_209", yn = "_ImageSelectContainer_13l5q_231", wn = "_ImageSelect_13l5q_231", _n = "_ButtonGroup_13l5q_301", Tn = "_Button_13l5q_301", xn = "_ButtonDanger_13l5q_341", En = "_IconButton_13l5q_353", Sn = "_ProgressBarContainer_13l5q_445", In = "_ProgressBar_13l5q_445", Cn = "_ProgressBarLabels_13l5q_463", Pn = "_Icon_13l5q_353", Nn = "_Dropdown_13l5q_521", E = {
   SettingsContainer: on,
-  Settings: an,
-  Tabs: sn,
-  TabButton: ln,
-  ActiveTab: cn,
+  Settings: ln,
+  Tabs: cn,
+  TabButton: pn,
+  ActiveTab: dn,
   TabPanel: un,
-  ActivePanel: dn,
-  Option: fn,
-  OptionList: pn,
-  OptionHorizontal: bn,
-  Label: mn,
-  Input: hn,
+  ActivePanel: fn,
+  Option: mn,
+  OptionList: bn,
+  OptionHorizontal: gn,
+  Label: hn,
+  Input: vn,
   ImageSelectContainer: yn,
-  ImageSelect: vn,
-  ButtonGroup: gn,
-  Button: _n,
-  ButtonDanger: Tn,
+  ImageSelect: wn,
+  ButtonGroup: _n,
+  Button: Tn,
+  ButtonDanger: xn,
   IconButton: En,
-  ProgressBarContainer: wn,
-  ProgressBar: Sn,
-  ProgressBarLabels: xn,
-  Icon: Cn,
-  Dropdown: Pn
+  ProgressBarContainer: Sn,
+  ProgressBar: In,
+  ProgressBarLabels: Cn,
+  Icon: Pn,
+  Dropdown: Nn
 };
-function Nn(e) {
+function On(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ue = { exports: {} }, ve = { exports: {} }, D = {};
+var Ye = { exports: {} }, ye = { exports: {} }, D = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -42,32 +42,32 @@ var Ue = { exports: {} }, ve = { 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 tt;
-function In() {
-  if (tt) return D;
-  tt = 1;
-  var e = typeof Symbol == "function" && Symbol.for, n = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, l = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, h = e ? Symbol.for("react.provider") : 60109, i = e ? Symbol.for("react.context") : 60110, v = e ? Symbol.for("react.async_mode") : 60111, y = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, C = e ? Symbol.for("react.suspense") : 60113, k = e ? Symbol.for("react.suspense_list") : 60120, P = e ? Symbol.for("react.memo") : 60115, N = e ? Symbol.for("react.lazy") : 60116, x = e ? Symbol.for("react.block") : 60121, F = e ? Symbol.for("react.fundamental") : 60117, Y = e ? Symbol.for("react.responder") : 60118, Q = e ? Symbol.for("react.scope") : 60119;
-  function U(u) {
-    if (typeof u == "object" && u !== null) {
-      var ee = u.$$typeof;
+var st;
+function kn() {
+  if (st) return D;
+  st = 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, g = e ? Symbol.for("react.provider") : 60109, o = e ? Symbol.for("react.context") : 60110, v = e ? Symbol.for("react.async_mode") : 60111, h = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, I = e ? Symbol.for("react.suspense") : 60113, B = e ? Symbol.for("react.suspense_list") : 60120, C = e ? Symbol.for("react.memo") : 60115, P = e ? Symbol.for("react.lazy") : 60116, S = e ? Symbol.for("react.block") : 60121, z = e ? Symbol.for("react.fundamental") : 60117, Y = e ? Symbol.for("react.responder") : 60118, Q = e ? Symbol.for("react.scope") : 60119;
+  function q(p) {
+    if (typeof p == "object" && p !== null) {
+      var ee = p.$$typeof;
       switch (ee) {
         case n:
-          switch (u = u.type, u) {
+          switch (p = p.type, p) {
             case v:
-            case y:
+            case h:
             case r:
             case a:
             case l:
-            case C:
-              return u;
+            case I:
+              return p;
             default:
-              switch (u = u && u.$$typeof, u) {
-                case i:
+              switch (p = p && p.$$typeof, p) {
+                case o:
                 case d:
-                case N:
                 case P:
-                case h:
-                  return u;
+                case C:
+                case g:
+                  return p;
                 default:
                   return ee;
               }
@@ -77,36 +77,36 @@ function In() {
       }
     }
   }
-  function q(u) {
-    return U(u) === y;
+  function F(p) {
+    return q(p) === h;
   }
-  return D.AsyncMode = v, D.ConcurrentMode = y, 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 q(u) || U(u) === v;
-  }, D.isConcurrentMode = q, D.isContextConsumer = function(u) {
-    return U(u) === i;
-  }, D.isContextProvider = function(u) {
-    return U(u) === h;
-  }, D.isElement = function(u) {
-    return typeof u == "object" && u !== null && u.$$typeof === n;
-  }, D.isForwardRef = function(u) {
-    return U(u) === d;
-  }, D.isFragment = function(u) {
-    return U(u) === r;
-  }, D.isLazy = function(u) {
-    return U(u) === N;
-  }, D.isMemo = function(u) {
-    return U(u) === P;
-  }, D.isPortal = function(u) {
-    return U(u) === t;
-  }, D.isProfiler = function(u) {
-    return U(u) === a;
-  }, D.isStrictMode = function(u) {
-    return U(u) === l;
-  }, D.isSuspense = function(u) {
-    return U(u) === C;
-  }, D.isValidElementType = function(u) {
-    return typeof u == "string" || typeof u == "function" || u === r || u === y || u === a || u === l || u === C || u === k || typeof u == "object" && u !== null && (u.$$typeof === N || u.$$typeof === P || u.$$typeof === h || u.$$typeof === i || u.$$typeof === d || u.$$typeof === F || u.$$typeof === Y || u.$$typeof === Q || u.$$typeof === x);
-  }, D.typeOf = U, D;
+  return D.AsyncMode = v, D.ConcurrentMode = h, D.ContextConsumer = o, D.ContextProvider = g, D.Element = n, D.ForwardRef = d, D.Fragment = r, D.Lazy = P, D.Memo = C, D.Portal = t, D.Profiler = a, D.StrictMode = l, D.Suspense = I, D.isAsyncMode = function(p) {
+    return F(p) || q(p) === v;
+  }, D.isConcurrentMode = F, D.isContextConsumer = function(p) {
+    return q(p) === o;
+  }, D.isContextProvider = function(p) {
+    return q(p) === g;
+  }, D.isElement = function(p) {
+    return typeof p == "object" && p !== null && p.$$typeof === n;
+  }, D.isForwardRef = function(p) {
+    return q(p) === d;
+  }, D.isFragment = function(p) {
+    return q(p) === r;
+  }, D.isLazy = function(p) {
+    return q(p) === P;
+  }, D.isMemo = function(p) {
+    return q(p) === C;
+  }, D.isPortal = function(p) {
+    return q(p) === t;
+  }, D.isProfiler = function(p) {
+    return q(p) === a;
+  }, D.isStrictMode = function(p) {
+    return q(p) === l;
+  }, D.isSuspense = function(p) {
+    return q(p) === I;
+  }, D.isValidElementType = function(p) {
+    return typeof p == "string" || typeof p == "function" || p === r || p === h || p === a || p === l || p === I || p === B || typeof p == "object" && p !== null && (p.$$typeof === P || p.$$typeof === C || p.$$typeof === g || p.$$typeof === o || p.$$typeof === d || p.$$typeof === z || p.$$typeof === Y || p.$$typeof === Q || p.$$typeof === S);
+  }, D.typeOf = q, D;
 }
 var M = {};
 /** @license React v16.13.1
@@ -117,37 +117,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 nt;
-function On() {
-  return nt || (nt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, n = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, l = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, h = e ? Symbol.for("react.provider") : 60109, i = e ? Symbol.for("react.context") : 60110, v = e ? Symbol.for("react.async_mode") : 60111, y = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, C = e ? Symbol.for("react.suspense") : 60113, k = e ? Symbol.for("react.suspense_list") : 60120, P = e ? Symbol.for("react.memo") : 60115, N = e ? Symbol.for("react.lazy") : 60116, x = e ? Symbol.for("react.block") : 60121, F = e ? Symbol.for("react.fundamental") : 60117, Y = e ? Symbol.for("react.responder") : 60118, Q = e ? Symbol.for("react.scope") : 60119;
-    function U(c) {
+var at;
+function An() {
+  return at || (at = 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, g = e ? Symbol.for("react.provider") : 60109, o = e ? Symbol.for("react.context") : 60110, v = e ? Symbol.for("react.async_mode") : 60111, h = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, I = e ? Symbol.for("react.suspense") : 60113, B = e ? Symbol.for("react.suspense_list") : 60120, C = e ? Symbol.for("react.memo") : 60115, P = e ? Symbol.for("react.lazy") : 60116, S = e ? Symbol.for("react.block") : 60121, z = e ? Symbol.for("react.fundamental") : 60117, Y = e ? Symbol.for("react.responder") : 60118, Q = e ? Symbol.for("react.scope") : 60119;
+    function q(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 === y || 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 === Y || c.$$typeof === Q || c.$$typeof === x);
+      c === r || c === h || c === a || c === l || c === I || c === B || typeof c == "object" && c !== null && (c.$$typeof === P || c.$$typeof === C || c.$$typeof === g || c.$$typeof === o || c.$$typeof === d || c.$$typeof === z || c.$$typeof === Y || c.$$typeof === Q || c.$$typeof === S);
     }
-    function q(c) {
+    function F(c) {
       if (typeof c == "object" && c !== null) {
         var Z = c.$$typeof;
         switch (Z) {
           case n:
-            var ye = c.type;
-            switch (ye) {
+            var ve = c.type;
+            switch (ve) {
               case v:
-              case y:
+              case h:
               case r:
               case a:
               case l:
-              case C:
-                return ye;
+              case I:
+                return ve;
               default:
-                var Xe = ye && ye.$$typeof;
-                switch (Xe) {
-                  case i:
+                var Qe = ve && ve.$$typeof;
+                switch (Qe) {
+                  case o:
                   case d:
-                  case N:
                   case P:
-                  case h:
-                    return Xe;
+                  case C:
+                  case g:
+                    return Qe;
                   default:
                     return Z;
                 }
@@ -157,62 +157,62 @@ function On() {
         }
       }
     }
-    var u = v, ee = y, ne = i, le = h, ce = n, J = d, re = r, oe = N, m = P, p = t, g = a, w = l, j = C, V = !1;
+    var p = v, ee = h, re = o, ce = g, pe = n, J = d, se = r, ae = P, b = C, f = t, y = a, x = l, j = I, V = !1;
     function G(c) {
-      return V || (V = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), o(c) || q(c) === v;
+      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.")), s(c) || F(c) === v;
     }
-    function o(c) {
-      return q(c) === y;
+    function s(c) {
+      return F(c) === h;
     }
-    function f(c) {
-      return q(c) === i;
+    function u(c) {
+      return F(c) === o;
     }
-    function A(c) {
-      return q(c) === h;
+    function k(c) {
+      return F(c) === g;
     }
     function O(c) {
       return typeof c == "object" && c !== null && c.$$typeof === n;
     }
-    function _(c) {
-      return q(c) === d;
+    function w(c) {
+      return F(c) === d;
     }
-    function R(c) {
-      return q(c) === r;
+    function A(c) {
+      return F(c) === r;
     }
-    function T(c) {
-      return q(c) === N;
+    function _(c) {
+      return F(c) === P;
     }
-    function I(c) {
-      return q(c) === P;
+    function N(c) {
+      return F(c) === C;
     }
-    function B(c) {
-      return q(c) === t;
+    function $(c) {
+      return F(c) === t;
     }
     function L(c) {
-      return q(c) === a;
+      return F(c) === a;
     }
-    function $(c) {
-      return q(c) === l;
+    function R(c) {
+      return F(c) === l;
     }
     function W(c) {
-      return q(c) === C;
+      return F(c) === I;
     }
-    M.AsyncMode = u, M.ConcurrentMode = ee, M.ContextConsumer = ne, M.ContextProvider = le, M.Element = ce, M.ForwardRef = J, M.Fragment = re, M.Lazy = oe, M.Memo = m, M.Portal = p, M.Profiler = g, M.StrictMode = w, M.Suspense = j, M.isAsyncMode = G, M.isConcurrentMode = o, M.isContextConsumer = f, M.isContextProvider = A, M.isElement = O, M.isForwardRef = _, M.isFragment = R, M.isLazy = T, M.isMemo = I, M.isPortal = B, M.isProfiler = L, M.isStrictMode = $, M.isSuspense = W, M.isValidElementType = U, M.typeOf = q;
+    M.AsyncMode = p, M.ConcurrentMode = ee, M.ContextConsumer = re, M.ContextProvider = ce, M.Element = pe, M.ForwardRef = J, M.Fragment = se, M.Lazy = ae, M.Memo = b, M.Portal = f, M.Profiler = y, M.StrictMode = x, M.Suspense = j, M.isAsyncMode = G, M.isConcurrentMode = s, M.isContextConsumer = u, M.isContextProvider = k, M.isElement = O, M.isForwardRef = w, M.isFragment = A, M.isLazy = _, M.isMemo = N, M.isPortal = $, M.isProfiler = L, M.isStrictMode = R, M.isSuspense = W, M.isValidElementType = q, M.typeOf = F;
   }()), M;
 }
-var rt;
-function gt() {
-  return rt || (rt = 1, process.env.NODE_ENV === "production" ? ve.exports = In() : ve.exports = On()), ve.exports;
+var ot;
+function Tt() {
+  return ot || (ot = 1, process.env.NODE_ENV === "production" ? ye.exports = kn() : ye.exports = An()), ye.exports;
 }
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var Re, ot;
-function An() {
-  if (ot) return Re;
-  ot = 1;
+var Le, it;
+function Rn() {
+  if (it) return Le;
+  it = 1;
   var e = Object.getOwnPropertySymbols, n = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
   function r(a) {
     if (a == null)
@@ -226,86 +226,86 @@ function An() {
       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 v = Object.getOwnPropertyNames(h).map(function(d) {
-        return h[d];
+      for (var g = {}, o = 0; o < 10; o++)
+        g["_" + String.fromCharCode(o)] = o;
+      var v = Object.getOwnPropertyNames(g).map(function(d) {
+        return g[d];
       });
       if (v.join("") !== "0123456789")
         return !1;
-      var y = {};
+      var h = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(d) {
-        y[d] = d;
-      }), Object.keys(Object.assign({}, y)).join("") === "abcdefghijklmnopqrst";
+        h[d] = d;
+      }), Object.keys(Object.assign({}, h)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
-  return Re = l() ? Object.assign : function(a, h) {
-    for (var i, v = r(a), y, d = 1; d < arguments.length; d++) {
-      i = Object(arguments[d]);
-      for (var C in i)
-        n.call(i, C) && (v[C] = i[C]);
+  return Le = l() ? Object.assign : function(a, g) {
+    for (var o, v = r(a), h, d = 1; d < arguments.length; d++) {
+      o = Object(arguments[d]);
+      for (var I in o)
+        n.call(o, I) && (v[I] = o[I]);
       if (e) {
-        y = e(i);
-        for (var k = 0; k < y.length; k++)
-          t.call(i, y[k]) && (v[y[k]] = i[y[k]]);
+        h = e(o);
+        for (var B = 0; B < h.length; B++)
+          t.call(o, h[B]) && (v[h[B]] = o[h[B]]);
       }
     }
     return v;
-  }, Re;
+  }, Le;
 }
-var $e, at;
-function Ve() {
-  if (at) return $e;
-  at = 1;
+var Be, lt;
+function Ge() {
+  if (lt) return Be;
+  lt = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return $e = e, $e;
+  return Be = e, Be;
 }
-var Be, it;
-function _t() {
-  return it || (it = 1, Be = Function.call.bind(Object.prototype.hasOwnProperty)), Be;
+var De, ct;
+function xt() {
+  return ct || (ct = 1, De = Function.call.bind(Object.prototype.hasOwnProperty)), De;
 }
-var Le, st;
-function Rn() {
-  if (st) return Le;
-  st = 1;
+var Me, pt;
+function $n() {
+  if (pt) return Me;
+  pt = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var n = Ve(), t = {}, r = _t();
+    var n = Ge(), t = {}, r = xt();
     e = function(a) {
-      var h = "Warning: " + a;
-      typeof console < "u" && console.error(h);
+      var g = "Warning: " + a;
+      typeof console < "u" && console.error(g);
       try {
-        throw new Error(h);
+        throw new Error(g);
       } catch {
       }
     };
   }
-  function l(a, h, i, v, y) {
+  function l(a, g, o, v, h) {
     if (process.env.NODE_ENV !== "production") {
       for (var d in a)
         if (r(a, d)) {
-          var C;
+          var I;
           try {
             if (typeof a[d] != "function") {
-              var k = Error(
-                (v || "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`."
+              var B = Error(
+                (v || "React class") + ": " + o + " 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`."
               );
-              throw k.name = "Invariant Violation", k;
+              throw B.name = "Invariant Violation", B;
             }
-            C = a[d](h, d, v, i, null, n);
-          } catch (N) {
-            C = N;
+            I = a[d](g, d, v, o, null, n);
+          } catch (P) {
+            I = P;
           }
-          if (C && !(C instanceof Error) && e(
-            (v || "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 = y ? y() : "";
+          if (I && !(I instanceof Error) && e(
+            (v || "React class") + ": type specification of " + o + " `" + d + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof I + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), I instanceof Error && !(I.message in t)) {
+            t[I.message] = !0;
+            var C = h ? h() : "";
             e(
-              "Failed " + i + " type: " + C.message + (P ?? "")
+              "Failed " + o + " type: " + I.message + (C ?? "")
             );
           }
         }
@@ -313,33 +313,33 @@ function Rn() {
   }
   return l.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (t = {});
-  }, Le = l, Le;
+  }, Me = l, Me;
 }
-var ke, lt;
-function $n() {
-  if (lt) return ke;
-  lt = 1;
-  var e = gt(), n = An(), t = Ve(), r = _t(), l = Rn(), a = function() {
+var je, dt;
+function Ln() {
+  if (dt) return je;
+  dt = 1;
+  var e = Tt(), n = Rn(), t = Ge(), r = xt(), l = $n(), a = function() {
   };
-  process.env.NODE_ENV !== "production" && (a = function(i) {
-    var v = "Warning: " + i;
+  process.env.NODE_ENV !== "production" && (a = function(o) {
+    var v = "Warning: " + o;
     typeof console < "u" && console.error(v);
     try {
       throw new Error(v);
     } catch {
     }
   });
-  function h() {
+  function g() {
     return null;
   }
-  return ke = function(i, v) {
-    var y = typeof Symbol == "function" && Symbol.iterator, d = "@@iterator";
-    function C(o) {
-      var f = o && (y && o[y] || o[d]);
-      if (typeof f == "function")
-        return f;
+  return je = function(o, v) {
+    var h = typeof Symbol == "function" && Symbol.iterator, d = "@@iterator";
+    function I(s) {
+      var u = s && (h && s[h] || s[d]);
+      if (typeof u == "function")
+        return u;
     }
-    var k = "<<anonymous>>", P = {
+    var B = "<<anonymous>>", C = {
       array: Y("array"),
       bigint: Y("bigint"),
       bool: Y("boolean"),
@@ -349,245 +349,245 @@ function $n() {
       string: Y("string"),
       symbol: Y("symbol"),
       any: Q(),
-      arrayOf: U,
-      element: q(),
-      elementType: u(),
+      arrayOf: q,
+      element: F(),
+      elementType: p(),
       instanceOf: ee,
       node: J(),
-      objectOf: le,
-      oneOf: ne,
-      oneOfType: ce,
-      shape: oe,
-      exact: m
+      objectOf: ce,
+      oneOf: re,
+      oneOfType: pe,
+      shape: ae,
+      exact: b
     };
-    function N(o, f) {
-      return o === f ? o !== 0 || 1 / o === 1 / f : o !== o && f !== f;
+    function P(s, u) {
+      return s === u ? s !== 0 || 1 / s === 1 / u : s !== s && u !== u;
     }
-    function x(o, f) {
-      this.message = o, this.data = f && typeof f == "object" ? f : {}, this.stack = "";
+    function S(s, u) {
+      this.message = s, this.data = u && typeof u == "object" ? u : {}, this.stack = "";
     }
-    x.prototype = Error.prototype;
-    function F(o) {
+    S.prototype = Error.prototype;
+    function z(s) {
       if (process.env.NODE_ENV !== "production")
-        var f = {}, A = 0;
-      function O(R, T, I, B, L, $, W) {
-        if (B = B || k, $ = $ || I, W !== t) {
+        var u = {}, k = 0;
+      function O(A, _, N, $, L, R, W) {
+        if ($ = $ || B, R = R || N, W !== t) {
           if (v) {
             var c = 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;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var Z = B + ":" + I;
-            !f[Z] && // Avoid spamming the console because they are often not actionable except for lib authors
-            A < 3 && (a(
-              "You are manually calling a React.PropTypes validation function for the `" + $ + "` prop on `" + B + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), f[Z] = !0, A++);
+            var Z = $ + ":" + N;
+            !u[Z] && // Avoid spamming the console because they are often not actionable except for lib authors
+            k < 3 && (a(
+              "You are manually calling a React.PropTypes validation function for the `" + R + "` prop on `" + $ + "`. 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."
+            ), u[Z] = !0, k++);
           }
         }
-        return T[I] == null ? R ? T[I] === null ? new x("The " + L + " `" + $ + "` is marked as required " + ("in `" + B + "`, but its value is `null`.")) : new x("The " + L + " `" + $ + "` is marked as required in " + ("`" + B + "`, but its value is `undefined`.")) : null : o(T, I, B, L, $);
+        return _[N] == null ? A ? _[N] === null ? new S("The " + L + " `" + R + "` is marked as required " + ("in `" + $ + "`, but its value is `null`.")) : new S("The " + L + " `" + R + "` is marked as required in " + ("`" + $ + "`, but its value is `undefined`.")) : null : s(_, N, $, L, R);
       }
-      var _ = O.bind(null, !1);
-      return _.isRequired = O.bind(null, !0), _;
+      var w = O.bind(null, !1);
+      return w.isRequired = O.bind(null, !0), w;
     }
-    function Y(o) {
-      function f(A, O, _, R, T, I) {
-        var B = A[O], L = w(B);
-        if (L !== o) {
-          var $ = j(B);
-          return new x(
-            "Invalid " + R + " `" + T + "` of type " + ("`" + $ + "` supplied to `" + _ + "`, expected ") + ("`" + o + "`."),
-            { expectedType: o }
+    function Y(s) {
+      function u(k, O, w, A, _, N) {
+        var $ = k[O], L = x($);
+        if (L !== s) {
+          var R = j($);
+          return new S(
+            "Invalid " + A + " `" + _ + "` of type " + ("`" + R + "` supplied to `" + w + "`, expected ") + ("`" + s + "`."),
+            { expectedType: s }
           );
         }
         return null;
       }
-      return F(f);
+      return z(u);
     }
     function Q() {
-      return F(h);
+      return z(g);
     }
-    function U(o) {
-      function f(A, O, _, R, T) {
-        if (typeof o != "function")
-          return new x("Property `" + T + "` of component `" + _ + "` has invalid PropType notation inside arrayOf.");
-        var I = A[O];
-        if (!Array.isArray(I)) {
-          var B = w(I);
-          return new x("Invalid " + R + " `" + T + "` of type " + ("`" + B + "` supplied to `" + _ + "`, expected an array."));
+    function q(s) {
+      function u(k, O, w, A, _) {
+        if (typeof s != "function")
+          return new S("Property `" + _ + "` of component `" + w + "` has invalid PropType notation inside arrayOf.");
+        var N = k[O];
+        if (!Array.isArray(N)) {
+          var $ = x(N);
+          return new S("Invalid " + A + " `" + _ + "` of type " + ("`" + $ + "` supplied to `" + w + "`, 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 L = 0; L < N.length; L++) {
+          var R = s(N, L, w, A, _ + "[" + L + "]", t);
+          if (R instanceof Error)
+            return R;
         }
         return null;
       }
-      return F(f);
+      return z(u);
     }
-    function q() {
-      function o(f, A, O, _, R) {
-        var T = f[A];
-        if (!i(T)) {
-          var I = w(T);
-          return new x("Invalid " + _ + " `" + R + "` of type " + ("`" + I + "` supplied to `" + O + "`, expected a single ReactElement."));
+    function F() {
+      function s(u, k, O, w, A) {
+        var _ = u[k];
+        if (!o(_)) {
+          var N = x(_);
+          return new S("Invalid " + w + " `" + A + "` of type " + ("`" + N + "` supplied to `" + O + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return F(o);
+      return z(s);
     }
-    function u() {
-      function o(f, A, O, _, R) {
-        var T = f[A];
-        if (!e.isValidElementType(T)) {
-          var I = w(T);
-          return new x("Invalid " + _ + " `" + R + "` of type " + ("`" + I + "` supplied to `" + O + "`, expected a single ReactElement type."));
+    function p() {
+      function s(u, k, O, w, A) {
+        var _ = u[k];
+        if (!e.isValidElementType(_)) {
+          var N = x(_);
+          return new S("Invalid " + w + " `" + A + "` of type " + ("`" + N + "` supplied to `" + O + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return F(o);
+      return z(s);
     }
-    function ee(o) {
-      function f(A, O, _, R, T) {
-        if (!(A[O] instanceof o)) {
-          var I = o.name || k, B = G(A[O]);
-          return new x("Invalid " + R + " `" + T + "` of type " + ("`" + B + "` supplied to `" + _ + "`, expected ") + ("instance of `" + I + "`."));
+    function ee(s) {
+      function u(k, O, w, A, _) {
+        if (!(k[O] instanceof s)) {
+          var N = s.name || B, $ = G(k[O]);
+          return new S("Invalid " + A + " `" + _ + "` of type " + ("`" + $ + "` supplied to `" + w + "`, expected ") + ("instance of `" + N + "`."));
         }
         return null;
       }
-      return F(f);
+      return z(u);
     }
-    function ne(o) {
-      if (!Array.isArray(o))
+    function re(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 f(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.")), g;
+      function u(k, O, w, A, _) {
+        for (var N = k[O], $ = 0; $ < s.length; $++)
+          if (P(N, s[$]))
             return null;
-        var L = JSON.stringify(o, function(W, c) {
+        var L = JSON.stringify(s, function(W, c) {
           var Z = j(c);
           return Z === "symbol" ? String(c) : c;
         });
-        return new x("Invalid " + R + " `" + T + "` of value `" + String(I) + "` " + ("supplied to `" + _ + "`, expected one of " + L + "."));
+        return new S("Invalid " + A + " `" + _ + "` of value `" + String(N) + "` " + ("supplied to `" + w + "`, expected one of " + L + "."));
       }
-      return F(f);
+      return z(u);
     }
-    function le(o) {
-      function f(A, O, _, R, T) {
-        if (typeof o != "function")
-          return new x("Property `" + T + "` of component `" + _ + "` has invalid PropType notation inside objectOf.");
-        var I = A[O], B = w(I);
-        if (B !== "object")
-          return new x("Invalid " + R + " `" + T + "` of type " + ("`" + B + "` supplied to `" + _ + "`, expected an object."));
-        for (var L in I)
-          if (r(I, L)) {
-            var $ = o(I, L, _, R, T + "." + L, t);
-            if ($ instanceof Error)
-              return $;
+    function ce(s) {
+      function u(k, O, w, A, _) {
+        if (typeof s != "function")
+          return new S("Property `" + _ + "` of component `" + w + "` has invalid PropType notation inside objectOf.");
+        var N = k[O], $ = x(N);
+        if ($ !== "object")
+          return new S("Invalid " + A + " `" + _ + "` of type " + ("`" + $ + "` supplied to `" + w + "`, expected an object."));
+        for (var L in N)
+          if (r(N, L)) {
+            var R = s(N, L, w, A, _ + "." + L, t);
+            if (R instanceof Error)
+              return R;
           }
         return null;
       }
-      return F(f);
+      return z(u);
     }
-    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 f = 0; f < o.length; f++) {
-        var A = o[f];
-        if (typeof A != "function")
+    function pe(s) {
+      if (!Array.isArray(s))
+        return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), g;
+      for (var u = 0; u < s.length; u++) {
+        var k = s[u];
+        if (typeof k != "function")
           return a(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + V(A) + " at index " + f + "."
-          ), h;
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + V(k) + " at index " + u + "."
+          ), g;
       }
-      function O(_, R, T, I, B) {
-        for (var L = [], $ = 0; $ < o.length; $++) {
-          var W = o[$], c = W(_, R, T, I, B, t);
+      function O(w, A, _, N, $) {
+        for (var L = [], R = 0; R < s.length; R++) {
+          var W = s[R], c = W(w, A, _, N, $, t);
           if (c == null)
             return null;
           c.data && r(c.data, "expectedType") && L.push(c.data.expectedType);
         }
         var Z = L.length > 0 ? ", expected one of type [" + L.join(", ") + "]" : "";
-        return new x("Invalid " + I + " `" + B + "` supplied to " + ("`" + T + "`" + Z + "."));
+        return new S("Invalid " + N + " `" + $ + "` supplied to " + ("`" + _ + "`" + Z + "."));
       }
-      return F(O);
+      return z(O);
     }
     function J() {
-      function o(f, A, O, _, R) {
-        return p(f[A]) ? null : new x("Invalid " + _ + " `" + R + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
+      function s(u, k, O, w, A) {
+        return f(u[k]) ? null : new S("Invalid " + w + " `" + A + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
       }
-      return F(o);
+      return z(s);
     }
-    function re(o, f, A, O, _) {
-      return new x(
-        (o || "React class") + ": " + f + " type `" + A + "." + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + _ + "`."
+    function se(s, u, k, O, w) {
+      return new S(
+        (s || "React class") + ": " + u + " type `" + k + "." + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + w + "`."
       );
     }
-    function oe(o) {
-      function f(A, O, _, R, T) {
-        var I = A[O], B = w(I);
-        if (B !== "object")
-          return new x("Invalid " + R + " `" + T + "` of type `" + B + "` " + ("supplied to `" + _ + "`, expected `object`."));
-        for (var L in o) {
-          var $ = o[L];
-          if (typeof $ != "function")
-            return re(_, R, T, L, j($));
-          var W = $(I, L, _, R, T + "." + L, t);
+    function ae(s) {
+      function u(k, O, w, A, _) {
+        var N = k[O], $ = x(N);
+        if ($ !== "object")
+          return new S("Invalid " + A + " `" + _ + "` of type `" + $ + "` " + ("supplied to `" + w + "`, expected `object`."));
+        for (var L in s) {
+          var R = s[L];
+          if (typeof R != "function")
+            return se(w, A, _, L, j(R));
+          var W = R(N, L, w, A, _ + "." + L, t);
           if (W)
             return W;
         }
         return null;
       }
-      return F(f);
+      return z(u);
     }
-    function m(o) {
-      function f(A, O, _, R, T) {
-        var I = A[O], B = w(I);
-        if (B !== "object")
-          return new x("Invalid " + R + " `" + T + "` of type `" + B + "` " + ("supplied to `" + _ + "`, expected `object`."));
-        var L = n({}, A[O], o);
-        for (var $ in L) {
-          var W = o[$];
-          if (r(o, $) && typeof W != "function")
-            return re(_, R, T, $, j(W));
+    function b(s) {
+      function u(k, O, w, A, _) {
+        var N = k[O], $ = x(N);
+        if ($ !== "object")
+          return new S("Invalid " + A + " `" + _ + "` of type `" + $ + "` " + ("supplied to `" + w + "`, expected `object`."));
+        var L = n({}, k[O], s);
+        for (var R in L) {
+          var W = s[R];
+          if (r(s, R) && typeof W != "function")
+            return se(w, A, _, R, j(W));
           if (!W)
-            return new x(
-              "Invalid " + R + " `" + T + "` key `" + $ + "` supplied to `" + _ + "`.\nBad object: " + JSON.stringify(A[O], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
+            return new S(
+              "Invalid " + A + " `" + _ + "` key `" + R + "` supplied to `" + w + "`.\nBad object: " + JSON.stringify(k[O], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
             );
-          var c = W(I, $, _, R, T + "." + $, t);
+          var c = W(N, R, w, A, _ + "." + R, t);
           if (c)
             return c;
         }
         return null;
       }
-      return F(f);
+      return z(u);
     }
-    function p(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(p);
-          if (o === null || i(o))
+          if (Array.isArray(s))
+            return s.every(f);
+          if (s === null || o(s))
             return !0;
-          var f = C(o);
-          if (f) {
-            var A = f.call(o), O;
-            if (f !== o.entries) {
-              for (; !(O = A.next()).done; )
-                if (!p(O.value))
+          var u = I(s);
+          if (u) {
+            var k = u.call(s), O;
+            if (u !== s.entries) {
+              for (; !(O = k.next()).done; )
+                if (!f(O.value))
                   return !1;
             } else
-              for (; !(O = A.next()).done; ) {
-                var _ = O.value;
-                if (_ && !p(_[1]))
+              for (; !(O = k.next()).done; ) {
+                var w = O.value;
+                if (w && !f(w[1]))
                   return !1;
               }
           } else
@@ -597,61 +597,61 @@ Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
           return !1;
       }
     }
-    function g(o, f) {
-      return o === "symbol" ? !0 : f ? f["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && f instanceof Symbol : !1;
+    function y(s, u) {
+      return s === "symbol" ? !0 : u ? u["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && u instanceof Symbol : !1;
     }
-    function w(o) {
-      var f = typeof o;
-      return Array.isArray(o) ? "array" : o instanceof RegExp ? "object" : g(f, o) ? "symbol" : f;
+    function x(s) {
+      var u = typeof s;
+      return Array.isArray(s) ? "array" : s instanceof RegExp ? "object" : y(u, s) ? "symbol" : u;
     }
-    function j(o) {
-      if (typeof o > "u" || o === null)
-        return "" + o;
-      var f = w(o);
-      if (f === "object") {
-        if (o instanceof Date)
+    function j(s) {
+      if (typeof s > "u" || s === null)
+        return "" + s;
+      var u = x(s);
+      if (u === "object") {
+        if (s instanceof Date)
           return "date";
-        if (o instanceof RegExp)
+        if (s instanceof RegExp)
           return "regexp";
       }
-      return f;
+      return u;
     }
-    function V(o) {
-      var f = j(o);
-      switch (f) {
+    function V(s) {
+      var u = j(s);
+      switch (u) {
         case "array":
         case "object":
-          return "an " + f;
+          return "an " + u;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + f;
+          return "a " + u;
         default:
-          return f;
+          return u;
       }
     }
-    function G(o) {
-      return !o.constructor || !o.constructor.name ? k : o.constructor.name;
+    function G(s) {
+      return !s.constructor || !s.constructor.name ? B : s.constructor.name;
     }
-    return P.checkPropTypes = l, P.resetWarningCache = l.resetWarningCache, P.PropTypes = P, P;
-  }, ke;
+    return C.checkPropTypes = l, C.resetWarningCache = l.resetWarningCache, C.PropTypes = C, C;
+  }, je;
 }
-var De, ct;
+var ze, ut;
 function Bn() {
-  if (ct) return De;
-  ct = 1;
-  var e = Ve();
+  if (ut) return ze;
+  ut = 1;
+  var e = Ge();
   function n() {
   }
   function t() {
   }
-  return t.resetWarningCache = n, De = function() {
-    function r(h, i, v, y, d, C) {
-      if (C !== e) {
-        var k = new Error(
+  return t.resetWarningCache = n, ze = function() {
+    function r(g, o, v, h, d, I) {
+      if (I !== e) {
+        var B = 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 B.name = "Invariant Violation", B;
       }
     }
     r.isRequired = r;
@@ -682,84 +682,84 @@ function Bn() {
       resetWarningCache: n
     };
     return a.PropTypes = a, a;
-  }, De;
+  }, ze;
 }
 if (process.env.NODE_ENV !== "production") {
-  var Ln = gt(), kn = !0;
-  Ue.exports = $n()(Ln.isElement, kn);
+  var Dn = Tt(), Mn = !0;
+  Ye.exports = Ln()(Dn.isElement, Mn);
 } else
-  Ue.exports = Bn()();
-var Dn = Ue.exports;
-const b = /* @__PURE__ */ Nn(Dn);
-function He(e) {
+  Ye.exports = Bn()();
+var jn = Ye.exports;
+const m = /* @__PURE__ */ On(jn);
+function Xe(e) {
   return (n) => !!n.type && n.type.tabsRole === e;
 }
-const he = He("Tab"), Ne = He("TabList"), Ie = He("TabPanel");
-function Mn(e) {
-  return he(e) || Ne(e) || Ie(e);
+const he = Xe("Tab"), Oe = Xe("TabList"), ke = Xe("TabPanel");
+function zn(e) {
+  return he(e) || Oe(e) || ke(e);
 }
-function ze(e, n) {
-  return vt.map(e, (t) => t === null ? null : Mn(t) ? n(t) : t.props && t.props.children && typeof t.props.children == "object" ? _e(t, { ...t.props, children: ze(t.props.children, n) }) : t);
+function Ve(e, n) {
+  return _t.map(e, (t) => t === null ? null : zn(t) ? n(t) : t.props && t.props.children && typeof t.props.children == "object" ? _e(t, { ...t.props, children: Ve(t.props.children, n) }) : t);
 }
-function xe(e, n) {
-  return vt.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), xe(t.props.children, n)));
+function Ie(e, n) {
+  return _t.forEach(e, (t) => {
+    t !== null && (he(t) || ke(t) ? n(t) : t.props && t.props.children && typeof t.props.children == "object" && (Oe(t) && n(t), Ie(t.props.children, n)));
   });
 }
-function Tt(e, n, t) {
-  let r, l = 0, a = 0, h = !1;
-  const i = [], v = e[n];
-  return xe(v, (y) => {
-    Ne(y) && (y.props && y.props.children && typeof y.props.children == "object" && xe(y.props.children, (d) => i.push(d)), h && (r = new Error("Found multiple 'TabList' components inside 'Tabs'. Only one is allowed.")), h = !0), he(y) ? ((!h || i.indexOf(y) === -1) && (r = new Error("Found a 'Tab' component outside of the 'TabList' component. 'Tab' components have to be inside the 'TabList' component.")), l++) : Ie(y) && a++;
+function Et(e, n, t) {
+  let r, l = 0, a = 0, g = !1;
+  const o = [], v = e[n];
+  return Ie(v, (h) => {
+    Oe(h) && (h.props && h.props.children && typeof h.props.children == "object" && Ie(h.props.children, (d) => o.push(d)), g && (r = new Error("Found multiple 'TabList' components inside 'Tabs'. Only one is allowed.")), g = !0), he(h) ? ((!g || o.indexOf(h) === -1) && (r = new Error("Found a 'Tab' component outside of the 'TabList' component. 'Tab' components have to be inside the 'TabList' component.")), l++) : ke(h) && 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 jn(e, n, t, r, l) {
-  const a = e[n], h = 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\`.
+function Fn(e, n, t, r, l) {
+  const a = e[n], g = l || n;
+  let o = null;
+  return a && typeof a != "function" ? o = new Error(`Invalid ${r} \`${g}\` of type \`${typeof a}\` supplied to \`${t}\`, expected \`function\`.`) : e.selectedIndex != null && a == null && (o = new Error(`The ${r} \`${g}\` 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;
+If you only want to set the inital tab replace \`selectedIndex\` with \`defaultIndex\`.`)), o;
 }
-function Fn(e, n, t, r, l) {
-  const a = e[n], h = l || n;
-  let i = null;
+function qn(e, n, t, r, l) {
+  const a = e[n], g = l || n;
+  let o = null;
   if (a != null && typeof a != "number")
-    i = new Error(`Invalid ${r} \`${h}\` of type \`${typeof a}\` supplied to \`${t}\`, expected \`number\`.`);
+    o = new Error(`Invalid ${r} \`${g}\` 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 i;
+    return new Error(`The ${r} \`${g}\` cannot be used together with \`defaultIndex\` in \`${t}\`.
+Either remove \`${g}\` to let \`${t}\` handle the selected tab internally or remove \`defaultIndex\` to handle it yourself.`);
+  return o;
 }
-function Et(e) {
+function St(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 = St(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 Ae() {
+  for (var e, n, t = 0, r = "", l = arguments.length; t < l; t++) (e = arguments[t]) && (n = St(e)) && (r && (r += " "), r += n);
   return r;
 }
-function wt(e) {
+function It(e) {
   let n = 0;
-  return xe(e, (t) => {
+  return Ie(e, (t) => {
     he(t) && n++;
   }), n;
 }
-function St(e) {
+function Ct(e) {
   return e && "getAttribute" in e;
 }
-function ut(e) {
-  return St(e) && e.getAttribute("data-rttab");
+function ft(e) {
+  return Ct(e) && e.getAttribute("data-rttab");
 }
-function ae(e) {
-  return St(e) && e.getAttribute("aria-disabled") === "true";
+function oe(e) {
+  return Ct(e) && e.getAttribute("aria-disabled") === "true";
 }
 let Ce;
-function qn(e) {
+function Un(e) {
   const n = e || (typeof window < "u" ? window : void 0);
   try {
     Ce = !!(typeof n < "u" && n.document && n.document.activeElement);
@@ -767,166 +767,166 @@ function qn(e) {
     Ce = !1;
   }
 }
-const Un = { className: "react-tabs", focus: !1 }, zn = process.env.NODE_ENV !== "production" ? { children: Tt, direction: b.oneOf(["rtl", "ltr"]), className: b.oneOfType([b.string, b.array, b.object]), disabledTabClassName: b.string, disableUpDownKeys: b.bool, disableLeftRightKeys: b.bool, domRef: b.func, focus: b.bool, forceRenderTabPanel: b.bool, onSelect: b.func.isRequired, selectedIndex: b.number.isRequired, selectedTabClassName: b.string, selectedTabPanelClassName: b.string, environment: b.object } : {}, xt = (e) => {
+const Wn = { className: "react-tabs", focus: !1 }, Yn = process.env.NODE_ENV !== "production" ? { children: Et, 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 } : {}, Pt = (e) => {
   let n = Te([]), t = Te([]);
   const r = Te();
-  function l(m, p) {
-    if (m < 0 || m >= y()) return;
-    const { onSelect: g, selectedIndex: w } = e;
-    g(m, w, p);
+  function l(b, f) {
+    if (b < 0 || b >= h()) return;
+    const { onSelect: y, selectedIndex: x } = e;
+    y(b, x, f);
   }
-  function a(m) {
-    const p = y();
-    for (let g = m + 1; g < p; g++)
-      if (!ae(d(g)))
-        return g;
-    for (let g = 0; g < m; g++)
-      if (!ae(d(g)))
-        return g;
-    return m;
+  function a(b) {
+    const f = h();
+    for (let y = b + 1; y < f; y++)
+      if (!oe(d(y)))
+        return y;
+    for (let y = 0; y < b; y++)
+      if (!oe(d(y)))
+        return y;
+    return b;
   }
-  function h(m) {
-    let p = m;
-    for (; p--; )
-      if (!ae(d(p)))
-        return p;
-    for (p = y(); p-- > m; )
-      if (!ae(d(p)))
-        return p;
-    return m;
+  function g(b) {
+    let f = b;
+    for (; f--; )
+      if (!oe(d(f)))
+        return f;
+    for (f = h(); f-- > b; )
+      if (!oe(d(f)))
+        return f;
+    return b;
   }
-  function i() {
-    const m = y();
-    for (let p = 0; p < m; p++)
-      if (!ae(d(p)))
-        return p;
+  function o() {
+    const b = h();
+    for (let f = 0; f < b; f++)
+      if (!oe(d(f)))
+        return f;
     return null;
   }
   function v() {
-    let m = y();
-    for (; m--; )
-      if (!ae(d(m)))
-        return m;
+    let b = h();
+    for (; b--; )
+      if (!oe(d(b)))
+        return b;
     return null;
   }
-  function y() {
-    const { children: m } = e;
-    return wt(m);
+  function h() {
+    const { children: b } = e;
+    return It(b);
   }
-  function d(m) {
-    return n.current[`tabs-${m}`];
+  function d(b) {
+    return n.current[`tabs-${b}`];
   }
-  function C() {
-    let m = 0;
-    const { children: p, disabledTabClassName: g, focus: w, forceRenderTabPanel: j, selectedIndex: V, selectedTabClassName: G, selectedTabPanelClassName: o, environment: f } = e;
+  function I() {
+    let b = 0;
+    const { children: f, disabledTabClassName: y, focus: x, forceRenderTabPanel: j, selectedIndex: V, selectedTabClassName: G, selectedTabPanelClassName: s, environment: u } = e;
     t.current = t.current || [];
-    let A = t.current.length - y();
-    const O = tn();
-    for (; A++ < 0; )
+    let k = t.current.length - h();
+    const O = rn();
+    for (; k++ < 0; )
       t.current.push(`${O}${t.current.length}`);
-    return ze(p, (_) => {
-      let R = _;
-      if (Ne(_)) {
-        let T = 0, I = !1;
-        Ce == null && qn(f);
-        const B = f || (typeof window < "u" ? window : void 0);
-        Ce && B && (I = pe.Children.toArray(_.props.children).filter(he).some((L, $) => B.document.activeElement === d($))), R = _e(_, { children: ze(_.props.children, (L) => {
-          const $ = `tabs-${T}`, W = V === T, c = { tabRef: (Z) => {
-            n.current[$] = Z;
-          }, id: t.current[T], selected: W, focus: W && (w || I) };
-          return G && (c.selectedClassName = G), g && (c.disabledClassName = g), T++, _e(L, c);
+    return Ve(f, (w) => {
+      let A = w;
+      if (Oe(w)) {
+        let _ = 0, N = !1;
+        Ce == null && Un(u);
+        const $ = u || (typeof window < "u" ? window : void 0);
+        Ce && $ && (N = me.Children.toArray(w.props.children).filter(he).some((L, R) => $.document.activeElement === d(R))), A = _e(w, { children: Ve(w.props.children, (L) => {
+          const R = `tabs-${_}`, W = V === _, c = { tabRef: (Z) => {
+            n.current[R] = Z;
+          }, id: t.current[_], selected: W, focus: W && (x || N) };
+          return G && (c.selectedClassName = G), y && (c.disabledClassName = y), _++, _e(L, c);
         }) });
-      } 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 (ke(w)) {
+        const _ = { id: t.current[b], selected: V === b };
+        j && (_.forceRender = j), s && (_.selectedClassName = s), b++, A = _e(w, _);
       }
-      return R;
+      return A;
     });
   }
-  function k(m) {
-    const { direction: p, disableUpDownKeys: g, disableLeftRightKeys: w } = e;
-    if (N(m.target)) {
+  function B(b) {
+    const { direction: f, disableUpDownKeys: y, disableLeftRightKeys: x } = e;
+    if (P(b.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") ? (p === "rtl" ? j = a(j) : j = h(j), V = !0, G = !0) : !w && (m.keyCode === 39 || m.code === "ArrowRight") || !g && (m.keyCode === 40 || m.code === "ArrowDown") ? (p === "rtl" ? j = h(j) : j = a(j), V = !0, G = !0) : m.keyCode === 35 || m.code === "End" ? (j = v(), V = !0, G = !0) : (m.keyCode === 36 || m.code === "Home") && (j = i(), V = !0, G = !0), V && m.preventDefault(), G && l(j, m);
+      (b.code === "Space" || b.keyCode === 32 || b.code === "Enter" || b.keyCode === 13) && (V = !0, G = !1, C(b)), !x && (b.keyCode === 37 || b.code === "ArrowLeft") || !y && (b.keyCode === 38 || b.code === "ArrowUp") ? (f === "rtl" ? j = a(j) : j = g(j), V = !0, G = !0) : !x && (b.keyCode === 39 || b.code === "ArrowRight") || !y && (b.keyCode === 40 || b.code === "ArrowDown") ? (f === "rtl" ? j = g(j) : j = a(j), V = !0, G = !0) : b.keyCode === 35 || b.code === "End" ? (j = v(), V = !0, G = !0) : (b.keyCode === 36 || b.code === "Home") && (j = o(), V = !0, G = !0), V && b.preventDefault(), G && l(j, b);
     }
   }
-  function P(m) {
-    let p = m.target;
+  function C(b) {
+    let f = b.target;
     do
-      if (N(p)) {
-        if (ae(p))
+      if (P(f)) {
+        if (oe(f))
           return;
-        const g = [].slice.call(p.parentNode.children).filter(ut).indexOf(p);
-        l(g, m);
+        const y = [].slice.call(f.parentNode.children).filter(ft).indexOf(f);
+        l(y, b);
         return;
       }
-    while ((p = p.parentNode) != null);
+    while ((f = f.parentNode) != null);
   }
-  function N(m) {
-    if (!ut(m))
+  function P(b) {
+    if (!ft(b))
       return !1;
-    let p = m.parentElement;
+    let f = b.parentElement;
     do {
-      if (p === r.current) return !0;
-      if (p.getAttribute("data-rttabs")) break;
-      p = p.parentElement;
-    } while (p);
+      if (f === r.current) return !0;
+      if (f.getAttribute("data-rttabs")) break;
+      f = f.parentElement;
+    } while (f);
     return !1;
   }
-  const { children: x, className: F, disabledTabClassName: Y, domRef: Q, focus: U, forceRenderTabPanel: q, onSelect: u, selectedIndex: ee, selectedTabClassName: ne, selectedTabPanelClassName: le, environment: ce, disableUpDownKeys: J, disableLeftRightKeys: re, ...oe } = { ...Un, ...e };
-  return pe.createElement("div", Object.assign({}, oe, { className: Oe(F), onClick: P, onKeyDown: k, ref: (m) => {
-    r.current = m, Q && Q(m);
-  }, "data-rttabs": !0 }), C());
+  const { children: S, className: z, disabledTabClassName: Y, domRef: Q, focus: q, forceRenderTabPanel: F, onSelect: p, selectedIndex: ee, selectedTabClassName: re, selectedTabPanelClassName: ce, environment: pe, disableUpDownKeys: J, disableLeftRightKeys: se, ...ae } = { ...Wn, ...e };
+  return me.createElement("div", Object.assign({}, ae, { className: Ae(z), onClick: C, onKeyDown: B, ref: (b) => {
+    r.current = b, Q && Q(b);
+  }, "data-rttabs": !0 }), I());
 };
-xt.propTypes = process.env.NODE_ENV !== "production" ? zn : {};
-const Wn = 0, Ee = 1, Yn = process.env.NODE_ENV !== "production" ? { children: Tt, className: b.oneOfType([b.string, b.array, b.object]), defaultFocus: b.bool, defaultIndex: b.number, direction: b.oneOf(["rtl", "ltr"]), disabledTabClassName: b.string, disableUpDownKeys: b.bool, disableLeftRightKeys: b.bool, domRef: b.func, environment: b.object, focusTabOnClick: b.bool, forceRenderTabPanel: b.bool, onSelect: jn, selectedIndex: Fn, selectedTabClassName: b.string, selectedTabPanelClassName: b.string } : {}, Vn = { defaultFocus: !1, focusTabOnClick: !0, forceRenderTabPanel: !1, selectedIndex: null, defaultIndex: null, environment: null, disableUpDownKeys: !1, disableLeftRightKeys: !1 }, Ct = (e) => e.selectedIndex === null ? Ee : Wn, Hn = (e, n) => {
-  if (process.env.NODE_ENV !== "production" && n != null && n !== Ct(e))
+Pt.propTypes = process.env.NODE_ENV !== "production" ? Yn : {};
+const Vn = 0, xe = 1, Hn = process.env.NODE_ENV !== "production" ? { children: Et, 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: Fn, selectedIndex: qn, selectedTabClassName: m.string, selectedTabPanelClassName: m.string } : {}, Kn = { defaultFocus: !1, focusTabOnClick: !0, forceRenderTabPanel: !1, selectedIndex: null, defaultIndex: null, environment: null, disableUpDownKeys: !1, disableLeftRightKeys: !1 }, Nt = (e) => e.selectedIndex === null ? xe : Vn, Gn = (e, n) => {
+  if (process.env.NODE_ENV !== "production" && n != null && n !== Nt(e))
     throw new Error("Switching between controlled mode (by using `selectedIndex`) and uncontrolled mode is not supported in `Tabs`.\nFor more information about controlled and uncontrolled mode of react-tabs see https://github.com/reactjs/react-tabs#controlled-vs-uncontrolled-mode.");
-}, Ke = (e) => {
-  const { children: n, defaultFocus: t, defaultIndex: r, focusTabOnClick: l, onSelect: a, ...h } = { ...Vn, ...e }, [i, v] = te(t), [y] = te(Ct(h)), [d, C] = te(y === Ee ? r || 0 : null);
-  if (se(() => {
+}, Je = (e) => {
+  const { children: n, defaultFocus: t, defaultIndex: r, focusTabOnClick: l, onSelect: a, ...g } = { ...Kn, ...e }, [o, v] = ne(t), [h] = ne(Nt(g)), [d, I] = ne(h === xe ? r || 0 : null);
+  if (le(() => {
     v(!1);
-  }, []), y === Ee) {
-    const N = wt(n);
-    se(() => {
+  }, []), h === xe) {
+    const P = It(n);
+    le(() => {
       if (d != null) {
-        const x = Math.max(0, N - 1);
-        C(Math.min(d, x));
+        const S = Math.max(0, P - 1);
+        I(Math.min(d, S));
       }
-    }, [N]);
+    }, [P]);
   }
-  Hn(h, y);
-  const k = (N, x, F) => {
-    typeof a == "function" && a(N, x, F) === !1 || (l && v(!0), y === Ee && C(N));
+  Gn(g, h);
+  const B = (P, S, z) => {
+    typeof a == "function" && a(P, S, z) === !1 || (l && v(!0), h === xe && I(P));
   };
-  let P = { ...e, ...h };
-  return P.focus = i, P.onSelect = k, d != null && (P.selectedIndex = d), delete P.defaultFocus, delete P.defaultIndex, delete P.focusTabOnClick, pe.createElement(xt, P, n);
+  let C = { ...e, ...g };
+  return C.focus = o, C.onSelect = B, d != null && (C.selectedIndex = d), delete C.defaultFocus, delete C.defaultIndex, delete C.focusTabOnClick, me.createElement(Pt, C, n);
 };
-Ke.propTypes = process.env.NODE_ENV !== "production" ? Yn : {};
-Ke.tabsRole = "Tabs";
-const Kn = { className: "react-tabs__tab-list" }, Gn = process.env.NODE_ENV !== "production" ? { children: b.oneOfType([b.object, b.array]), className: b.oneOfType([b.string, b.array, b.object]) } : {}, Ge = (e) => {
-  const { children: n, className: t, ...r } = { ...Kn, ...e };
-  return pe.createElement("ul", Object.assign({}, r, { className: Oe(t), role: "tablist" }), n);
+Je.propTypes = process.env.NODE_ENV !== "production" ? Hn : {};
+Je.tabsRole = "Tabs";
+const Xn = { className: "react-tabs__tab-list" }, Jn = process.env.NODE_ENV !== "production" ? { children: m.oneOfType([m.object, m.array]), className: m.oneOfType([m.string, m.array, m.object]) } : {}, Ze = (e) => {
+  const { children: n, className: t, ...r } = { ...Xn, ...e };
+  return me.createElement("ul", Object.assign({}, r, { className: Ae(t), role: "tablist" }), n);
 };
-Ge.tabsRole = "TabList";
-Ge.propTypes = process.env.NODE_ENV !== "production" ? Gn : {};
-const Me = "react-tabs__tab", Xn = { className: Me, disabledClassName: `${Me}--disabled`, focus: !1, id: null, selected: !1, selectedClassName: `${Me}--selected` }, Jn = process.env.NODE_ENV !== "production" ? { children: b.oneOfType([b.array, b.object, b.string]), className: b.oneOfType([b.string, b.array, b.object]), disabled: b.bool, disabledClassName: b.string, focus: b.bool, id: b.string, selected: b.bool, selectedClassName: b.string, tabIndex: b.string, tabRef: b.func } : {}, de = (e) => {
+Ze.tabsRole = "TabList";
+Ze.propTypes = process.env.NODE_ENV !== "production" ? Jn : {};
+const Fe = "react-tabs__tab", Zn = { className: Fe, disabledClassName: `${Fe}--disabled`, focus: !1, id: null, selected: !1, selectedClassName: `${Fe}--selected` }, Qn = 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 = Te();
-  const { children: t, className: r, disabled: l, disabledClassName: a, focus: h, id: i, selected: v, selectedClassName: y, tabIndex: d, tabRef: C, ...k } = { ...Xn, ...e };
-  return se(() => {
-    v && h && n.current.focus();
-  }, [v, h]), pe.createElement("li", Object.assign({}, k, { className: Oe(r, { [y]: v, [a]: l }), ref: (P) => {
-    n.current = P, C && C(P);
-  }, role: "tab", id: `tab${i}`, "aria-selected": v ? "true" : "false", "aria-disabled": l ? "true" : "false", "aria-controls": `panel${i}`, tabIndex: d || (v ? "0" : null), "data-rttab": !0 }), t);
+  const { children: t, className: r, disabled: l, disabledClassName: a, focus: g, id: o, selected: v, selectedClassName: h, tabIndex: d, tabRef: I, ...B } = { ...Zn, ...e };
+  return le(() => {
+    v && g && n.current.focus();
+  }, [v, g]), me.createElement("li", Object.assign({}, B, { className: Ae(r, { [h]: v, [a]: l }), ref: (C) => {
+    n.current = C, I && I(C);
+  }, role: "tab", id: `tab${o}`, "aria-selected": v ? "true" : "false", "aria-disabled": l ? "true" : "false", "aria-controls": `panel${o}`, tabIndex: d || (v ? "0" : null), "data-rttab": !0 }), t);
 };
-de.propTypes = process.env.NODE_ENV !== "production" ? Jn : {};
-de.tabsRole = "Tab";
-const dt = "react-tabs__tab-panel", Zn = { className: dt, forceRender: !1, selectedClassName: `${dt}--selected` }, Qn = process.env.NODE_ENV !== "production" ? { children: b.node, className: b.oneOfType([b.string, b.array, b.object]), forceRender: b.bool, id: b.string, selected: b.bool, selectedClassName: b.string } : {}, fe = (e) => {
-  const { children: n, className: t, forceRender: r, id: l, selected: a, selectedClassName: h, ...i } = { ...Zn, ...e };
-  return pe.createElement("div", Object.assign({}, i, { className: Oe(t, { [h]: a }), role: "tabpanel", id: `panel${l}`, "aria-labelledby": `tab${l}` }), r || a ? n : null);
+ue.propTypes = process.env.NODE_ENV !== "production" ? Qn : {};
+ue.tabsRole = "Tab";
+const mt = "react-tabs__tab-panel", er = { className: mt, forceRender: !1, selectedClassName: `${mt}--selected` }, tr = 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: g, ...o } = { ...er, ...e };
+  return me.createElement("div", Object.assign({}, o, { className: Ae(t, { [g]: a }), role: "tabpanel", id: `panel${l}`, "aria-labelledby": `tab${l}` }), r || a ? n : null);
 };
 fe.tabsRole = "TabPanel";
-fe.propTypes = process.env.NODE_ENV !== "production" ? Qn : {};
+fe.propTypes = process.env.NODE_ENV !== "production" ? tr : {};
 (function() {
   try {
     if (typeof document < "u") {
@@ -937,27 +937,27 @@ fe.propTypes = process.env.NODE_ENV !== "production" ? Qn : {};
     console.error("vite-plugin-css-injected-by-js", n);
   }
 })();
-const er = "_FileExplorer_10w0u_1", tr = "_Header_10w0u_25", nr = "_IconButton_10w0u_45", rr = "_PathInput_10w0u_137", or = "_Body_10w0u_159", ar = "_Sidebar_10w0u_175", ir = "_NavButton_10w0u_203", sr = "_Main_10w0u_249", lr = "_Footer_10w0u_277", cr = "_Selector_10w0u_315", z = {
-  FileExplorer: er,
-  Header: tr,
-  IconButton: nr,
-  PathInput: rr,
+const nr = "_FileExplorer_10w0u_1", rr = "_Header_10w0u_25", sr = "_IconButton_10w0u_45", ar = "_PathInput_10w0u_137", or = "_Body_10w0u_159", ir = "_Sidebar_10w0u_175", lr = "_NavButton_10w0u_203", cr = "_Main_10w0u_249", pr = "_Footer_10w0u_277", dr = "_Selector_10w0u_315", U = {
+  FileExplorer: nr,
+  Header: rr,
+  IconButton: sr,
+  PathInput: ar,
   Body: or,
-  Sidebar: ar,
-  NavButton: ir,
-  Main: sr,
-  Footer: lr,
-  Selector: cr
+  Sidebar: ir,
+  NavButton: lr,
+  Main: cr,
+  Footer: pr,
+  Selector: dr
 };
-function ge({ onClick: e, icon: n, name: t }) {
-  return /* @__PURE__ */ E(
+function we({ onClick: e, icon: n, name: t }) {
+  return /* @__PURE__ */ T(
     "button",
     {
       tabIndex: 0,
-      className: `${z.NavButton} ${K.TextSemibold}`,
+      className: `${U.NavButton} ${K.TextSemibold}`,
       onClick: e,
       children: [
-        /* @__PURE__ */ s(X, { icon: n }),
+        /* @__PURE__ */ i(X, { icon: n }),
         t
       ]
     }
@@ -967,17 +967,17 @@ function ur({ 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 = (v) => {
-        const { result: y } = v.target;
-        e.createFile(a, h, (d) => {
-          d.setSource(y);
+      const { name: a, extension: g } = Mt.splitId(l.name), o = new FileReader();
+      o.onload = (v) => {
+        const { result: h } = v.target;
+        e.createFile(a, g, (d) => {
+          d.setSource(h);
         });
-      }, i.readAsDataURL(l);
+      }, o.readAsDataURL(l);
     });
   };
-  return /* @__PURE__ */ E("label", { title: "Import", tabIndex: 0, className: z.IconButton, children: [
-    /* @__PURE__ */ s(
+  return /* @__PURE__ */ T("label", { title: "Import", tabIndex: 0, className: U.IconButton, children: [
+    /* @__PURE__ */ i(
       "input",
       {
         type: "file",
@@ -987,308 +987,473 @@ function ur({ directory: e }) {
         onChange: n
       }
     ),
-    /* @__PURE__ */ s(X, { icon: Gt })
+    /* @__PURE__ */ i(X, { icon: Jt })
   ] });
 }
-const ft = {
+const bt = {
   NONE: 0,
   SINGLE: 1,
   MULTIPLE: 2
-}, dr = "_FileProperties_s5har_1", fr = "_Icon_s5har_17", pr = "_Section_s5har_49", br = "_Line_s5har_91", mr = "_AppIcon_s5har_135", H = {
-  FileProperties: dr,
-  Icon: fr,
-  Section: pr,
-  Line: br,
-  AppIcon: mr
+}, fr = "_FileProperties_s5har_1", mr = "_Icon_s5har_17", br = "_Section_s5har_49", gr = "_Line_s5har_91", hr = "_AppIcon_s5har_135", H = {
+  FileProperties: fr,
+  Icon: mr,
+  Section: br,
+  Line: gr,
+  AppIcon: hr
 };
-function hr({ modal: e, params: n, file: t, ...r }) {
-  const { appsConfig: l } = me(), a = t.extension != null ? l.getAppByFileExtension(t.extension) : null;
-  return /* @__PURE__ */ E(Bt, { className: H.FileProperties, modal: e, params: n, ...r, children: [
-    /* @__PURE__ */ E("span", { className: H.Section, children: [
-      /* @__PURE__ */ s(qe, { className: H.Icon, source: t.getIconUrl() }),
-      /* @__PURE__ */ s("p", { className: `${H.Line} ${K.TextBold}`, children: t.id })
+function vr({ modal: e, params: n, file: t, ...r }) {
+  const { appsConfig: l } = ge(), a = t.extension != null ? l.getAppByFileExtension(t.extension) : null;
+  return /* @__PURE__ */ T(Dt, { className: H.FileProperties, modal: e, params: n, ...r, children: [
+    /* @__PURE__ */ T("span", { className: H.Section, children: [
+      /* @__PURE__ */ i(We, { className: H.Icon, source: t.getIconUrl() }),
+      /* @__PURE__ */ i("p", { className: `${H.Line} ${K.TextBold}`, children: t.id })
     ] }),
-    /* @__PURE__ */ E("span", { className: H.Section, children: [
-      /* @__PURE__ */ E("p", { className: H.Line, children: [
+    /* @__PURE__ */ T("span", { className: H.Section, children: [
+      /* @__PURE__ */ T("p", { className: H.Line, children: [
         "Type: ",
         t.getType()
       ] }),
-      a != null && /* @__PURE__ */ E("span", { className: H.Line, children: [
+      a != null && /* @__PURE__ */ T("span", { className: H.Line, children: [
         "Opens with:",
-        /* @__PURE__ */ s(qe, { className: H.AppIcon, source: a.iconUrl ?? "" }),
+        /* @__PURE__ */ i(We, { className: H.AppIcon, source: a.iconUrl ?? "" }),
         a.name
       ] })
     ] }),
-    /* @__PURE__ */ E("span", { className: H.Section, children: [
-      /* @__PURE__ */ E("p", { className: H.Line, children: [
+    /* @__PURE__ */ T("span", { className: H.Section, children: [
+      /* @__PURE__ */ T("p", { className: H.Line, children: [
         "Location: ",
         t.path
       ] }),
-      /* @__PURE__ */ E("p", { className: H.Line, children: [
+      /* @__PURE__ */ T("p", { className: H.Line, children: [
         "Size: ",
-        ue.getByteSize(t.source ?? t.content),
+        de.getByteSize(t.source ?? t.content),
         " bytes"
       ] }),
-      /* @__PURE__ */ E("p", { className: H.Line, children: [
+      /* @__PURE__ */ T("p", { className: H.Line, children: [
         "Size on drive: ",
-        ue.getByteSize(t.toString()),
+        de.getByteSize(t.toString()),
         " bytes"
       ] })
     ] }),
-    /* @__PURE__ */ s("span", { className: H.Section, children: /* @__PURE__ */ E("p", { className: H.Line, children: [
+    /* @__PURE__ */ i("span", { className: H.Section, children: /* @__PURE__ */ T("p", { className: H.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 !== ft.NONE, i = Pe(), v = We(), { windowsConfig: y } = me(), [d, C] = te(i == null ? void 0 : i.navigate(n ?? "~")), [k, P] = te((d == null ? void 0 : d.path) ?? ""), [N] = te(!0), { history: x, stateIndex: F, pushState: Y, undo: Q, redo: U, undoAvailable: q, redoAvailable: u } = It(d.path), { alert: ee } = Ot(), { openWindowedModal: ne } = mt(), { onContextMenu: le } = je({
-    Actions: (p) => /* @__PURE__ */ E(Fe, { ...p, children: [
-      /* @__PURE__ */ s(ie, { label: h ? "Select" : "Open", onTrigger: (g, w) => {
-        if (h) {
-          l == null || l({ files: [w.id], directory: d }), a == null || a();
+  const g = r != null && t != null && t !== bt.NONE, o = Ne(), v = He(), { windowsConfig: h } = ge(), [d, I] = ne(o == null ? void 0 : o.navigate(n ?? "~")), [B, C] = ne((d == null ? void 0 : d.path) ?? ""), [P] = ne(!0), { history: S, stateIndex: z, pushState: Y, undo: Q, redo: q, undoAvailable: F, redoAvailable: p } = At(d.path), { alert: ee } = Rt(), { openWindowedModal: re } = vt(), { onContextMenu: ce } = qe({
+    Actions: (f) => /* @__PURE__ */ T(Ue, { ...f, children: [
+      /* @__PURE__ */ i(ie, { label: g ? "Select" : "Open", onTrigger: (y, x) => {
+        if (g) {
+          l == null || l({ files: [x.id], directory: d }), a == null || a();
           return;
         }
-        v != null && w.open(v);
+        v != null && x.open(v);
       } }),
-      /* @__PURE__ */ s(ie, { label: "Delete", icon: et, onTrigger: (g, w) => {
-        w.delete();
+      /* @__PURE__ */ i(ie, { label: "Delete", icon: rt, onTrigger: (y, x) => {
+        x.delete();
       } }),
-      /* @__PURE__ */ s(ie, { label: "Properties", icon: yt, onTrigger: (g, w) => {
-        ne({
-          title: `${w.id} ${y.titleSeparator} Properties`,
-          iconUrl: w.getIconUrl(),
+      /* @__PURE__ */ i(ie, { label: "Properties", icon: wt, onTrigger: (y, x) => {
+        re({
+          title: `${x.id} ${h.titleSeparator} Properties`,
+          iconUrl: x.getIconUrl(),
           size: new be(400, 500),
-          Modal: (j) => /* @__PURE__ */ s(hr, { file: w, ...j })
+          Modal: (j) => /* @__PURE__ */ i(vr, { file: x, ...j })
         });
       } })
     ] })
-  }), { onContextMenu: ce } = je({
-    Actions: (p) => /* @__PURE__ */ E(Fe, { ...p, children: [
-      /* @__PURE__ */ s(ie, { label: "Open", onTrigger: (g, w) => {
-        J(w.linkedPath ?? w.name);
+  }), { onContextMenu: pe } = qe({
+    Actions: (f) => /* @__PURE__ */ T(Ue, { ...f, children: [
+      /* @__PURE__ */ i(ie, { label: "Open", onTrigger: (y, x) => {
+        J(x.linkedPath ?? x.name);
       } }),
-      /* @__PURE__ */ s(At, {}),
-      /* @__PURE__ */ s(ie, { label: "Delete", icon: et, onTrigger: (g, w) => {
-        w.delete();
+      /* @__PURE__ */ i($t, {}),
+      /* @__PURE__ */ i(ie, { label: "Delete", icon: rt, onTrigger: (y, x) => {
+        x.delete();
       } })
     ] })
-  }), J = nn((p, g = !1) => {
-    if (p == null)
+  }), J = sn((f, y = !1) => {
+    if (f == null)
       return;
-    d == null && (g = !0);
-    const w = g ? i == null ? void 0 : i.navigate(p) : d.navigate(p);
-    w != null && (C(w), P(w.root ? "/" : w.path), Y(w.path));
-  }, [d, Y, i]);
-  se(() => {
-    if (x.length === 0)
+    d == null && (y = !0);
+    const x = y ? o == null ? void 0 : o.navigate(f) : d.navigate(f);
+    x != null && (I(x), C(x.root ? "/" : x.path), Y(x.path));
+  }, [d, Y, o]);
+  le(() => {
+    if (S.length === 0)
       return;
-    const p = x[F], g = i == null ? void 0 : i.navigate(p);
-    g != null && (C(g), P(g.root ? "/" : g.path));
-  }, [x, F, i]), se(() => {
-    const p = (g) => {
+    const f = S[z], y = o == null ? void 0 : o.navigate(f);
+    y != null && (I(y), C(y.root ? "/" : y.path));
+  }, [S, z, o]), le(() => {
+    const f = (y) => {
       ee({
-        title: g.message,
+        title: y.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),
         single: !0
       });
     };
-    return i == null || i.on(Je.EVENT_NAMES.error, p), () => {
-      i == null || i.off(Je.EVENT_NAMES.error, p);
+    return o == null || o.on(et.EVENT_NAMES.error, f), () => {
+      o == null || o.off(et.EVENT_NAMES.error, f);
     };
   }, []);
-  const re = (p) => {
-    P(p.target.value);
-  }, oe = (p) => {
-    let g = p.target.value;
-    if (p.key === "Enter") {
-      g === "" && (g = "~");
-      const w = i == null ? void 0 : i.navigate(g);
-      if (w == null) {
-        ne({
+  const se = (f) => {
+    C(f.target.value);
+  }, ae = (f) => {
+    let y = f.target.value;
+    if (f.key === "Enter") {
+      y === "" && (y = "~");
+      const x = o == null ? void 0 : o.navigate(y);
+      if (x == null) {
+        re({
           title: "Error",
           iconUrl: e == null ? void 0 : e.iconUrl,
           size: new be(300, 150),
-          Modal: (j) => /* @__PURE__ */ E(Ze, { ...j, children: [
-            /* @__PURE__ */ E("p", { children: [
+          Modal: (j) => /* @__PURE__ */ T(tt, { ...j, children: [
+            /* @__PURE__ */ T("p", { children: [
               'Invalid path: "',
-              g,
+              y,
               '"'
             ] }),
-            /* @__PURE__ */ s("button", { "data-type": Qe.DIALOG_CONTENT_TYPES.closeButton, children: "Ok" })
+            /* @__PURE__ */ i("button", { "data-type": nt.DIALOG_CONTENT_TYPES.closeButton, children: "Ok" })
           ] })
         });
         return;
       }
-      C(w), P(w.root ? "/" : w.path);
+      I(x), C(x.root ? "/" : x.path);
     }
-  }, m = d.getItemCount(N);
-  return /* @__PURE__ */ E("div", { className: h ? `${z.FileExplorer} ${z.Selector}` : z.FileExplorer, children: [
-    /* @__PURE__ */ E("div", { className: z.Header, children: [
-      /* @__PURE__ */ s(
+  }, b = d.getItemCount(P);
+  return /* @__PURE__ */ T("div", { className: g ? `${U.FileExplorer} ${U.Selector}` : U.FileExplorer, children: [
+    /* @__PURE__ */ T("div", { className: U.Header, children: [
+      /* @__PURE__ */ i(
         "button",
         {
           title: "Back",
           tabIndex: 0,
-          className: z.IconButton,
+          className: U.IconButton,
           onClick: () => {
             Q();
           },
-          disabled: !q,
-          children: /* @__PURE__ */ s(X, { icon: jt })
+          disabled: !F,
+          children: /* @__PURE__ */ i(X, { icon: Ft })
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ i(
         "button",
         {
           title: "Forward",
           tabIndex: 0,
-          className: z.IconButton,
+          className: U.IconButton,
           onClick: () => {
-            U();
+            q();
           },
-          disabled: !u,
-          children: /* @__PURE__ */ s(X, { icon: Ft })
+          disabled: !p,
+          children: /* @__PURE__ */ i(X, { icon: qt })
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ i(
         "button",
         {
           title: "Up",
           tabIndex: 0,
-          className: z.IconButton,
+          className: U.IconButton,
           onClick: () => {
             J("..");
           },
           disabled: d.isRoot != null && d.isRoot,
-          children: /* @__PURE__ */ s(X, { icon: qt })
+          children: /* @__PURE__ */ i(X, { icon: Ut })
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ i(
         "button",
         {
           title: "New",
           tabIndex: 0,
-          className: z.IconButton,
+          className: U.IconButton,
           onClick: () => {
-            ne({
+            re({
               title: "Error",
               iconUrl: e == null ? void 0 : e.iconUrl,
               size: new be(300, 150),
-              Modal: (p) => /* @__PURE__ */ E(Ze, { ...p, children: [
-                /* @__PURE__ */ s("p", { children: "This folder is protected." }),
-                /* @__PURE__ */ s("button", { "data-type": Qe.DIALOG_CONTENT_TYPES.closeButton, children: "Ok" })
+              Modal: (f) => /* @__PURE__ */ T(tt, { ...f, children: [
+                /* @__PURE__ */ i("p", { children: "This folder is protected." }),
+                /* @__PURE__ */ i("button", { "data-type": nt.DIALOG_CONTENT_TYPES.closeButton, children: "Ok" })
               ] })
             });
           },
           disabled: !d.canBeEdited,
-          children: /* @__PURE__ */ s(X, { icon: Ut })
+          children: /* @__PURE__ */ i(X, { icon: Wt })
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ i(
         "input",
         {
-          value: k,
+          value: B,
           type: "text",
           "aria-label": "Path",
-          className: z.PathInput,
+          className: U.PathInput,
           tabIndex: 0,
-          onChange: re,
-          onKeyDown: oe,
+          onChange: se,
+          onKeyDown: ae,
           placeholder: "Enter a path..."
         }
       ),
-      /* @__PURE__ */ s(ur, { directory: d }),
-      /* @__PURE__ */ s("button", { title: "Search", tabIndex: 0, className: z.IconButton, children: /* @__PURE__ */ s(X, { icon: zt }) }),
-      /* @__PURE__ */ s("button", { title: "Settings", tabIndex: 0, className: z.IconButton, children: /* @__PURE__ */ s(X, { icon: Wt }) })
+      /* @__PURE__ */ i(ur, { directory: d }),
+      /* @__PURE__ */ i("button", { title: "Search", tabIndex: 0, className: U.IconButton, children: /* @__PURE__ */ i(X, { icon: Yt }) }),
+      /* @__PURE__ */ i("button", { title: "Settings", tabIndex: 0, className: U.IconButton, children: /* @__PURE__ */ i(X, { icon: Vt }) })
     ] }),
-    /* @__PURE__ */ E("div", { className: z.Body, children: [
-      /* @__PURE__ */ E("div", { className: z.Sidebar, children: [
-        /* @__PURE__ */ s(ge, { name: "Home", onClick: () => {
+    /* @__PURE__ */ T("div", { className: U.Body, children: [
+      /* @__PURE__ */ T("div", { className: U.Sidebar, children: [
+        /* @__PURE__ */ i(we, { name: "Home", onClick: () => {
           J("~");
-        }, icon: Yt }),
-        /* @__PURE__ */ s(ge, { name: "Desktop", onClick: () => {
+        }, icon: Ht }),
+        /* @__PURE__ */ i(we, { name: "Desktop", onClick: () => {
           J("~/Desktop");
-        }, icon: Vt }),
-        /* @__PURE__ */ s(ge, { name: "Images", onClick: () => {
+        }, icon: Kt }),
+        /* @__PURE__ */ i(we, { name: "Images", onClick: () => {
           J("~/Pictures");
-        }, icon: Ht }),
-        /* @__PURE__ */ s(ge, { name: "Documents", onClick: () => {
+        }, icon: Gt }),
+        /* @__PURE__ */ i(we, { name: "Documents", onClick: () => {
           J("~/Documents");
-        }, icon: Kt })
+        }, icon: Xt })
       ] }),
-      /* @__PURE__ */ s(
-        Rt,
+      /* @__PURE__ */ i(
+        Lt,
         {
           directory: d,
           id: "main",
-          className: z.Main,
-          showHidden: N,
-          onOpenFile: (p, g) => {
-            if (p.preventDefault(), h)
+          className: U.Main,
+          showHidden: P,
+          onOpenFile: (f, y) => {
+            if (f.preventDefault(), g)
               return void (a == null ? void 0 : a());
-            const w = {};
-            (g.extension === "md" || g.extension != null && $t.includes(g.extension)) && (w.mode = "view"), v == null || v.openFile(g, w);
+            const x = {};
+            (y.extension === "md" || y.extension != null && Bt.includes(y.extension)) && (x.mode = "view"), v == null || v.openFile(y, x);
           },
-          onOpenFolder: (p, g) => {
-            J(g.linkedPath ?? g.name);
+          onOpenFolder: (f, y) => {
+            J(y.linkedPath ?? y.name);
           },
-          onContextMenuFile: le,
-          onContextMenuFolder: ce,
-          allowMultiSelect: t !== ft.SINGLE,
+          onContextMenuFile: ce,
+          onContextMenuFolder: pe,
+          allowMultiSelect: t !== bt.SINGLE,
           onSelectionChange: l
         }
       )
     ] }),
-    h ? /* @__PURE__ */ s("div", { className: z.Footer, children: /* @__PURE__ */ s(r, {}) }) : /* @__PURE__ */ s("span", { className: z.Footer, children: /* @__PURE__ */ s("p", { className: K.TextLight, children: m === 1 ? m + " item" : m + " items" }) })
+    g ? /* @__PURE__ */ i("div", { className: U.Footer, children: /* @__PURE__ */ i(r, {}) }) : /* @__PURE__ */ i("span", { className: U.Footer, children: /* @__PURE__ */ i("p", { className: K.TextLight, children: b === 1 ? b + " item" : b + " items" }) })
   ] });
 }
-var Pt = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.Single = 1] = "Single", e[e.Multi = 2] = "Multi", e))(Pt || {});
-const Nt = new pt("File Explorer", "file-explorer", yr).setIconUrl("https://os.prozilla.dev/assets/apps/icons/file-explorer.svg").setRole(bt.APP_ROLES.fileExplorer).setCategory("Utilities & tools");
-Nt.setMetadata({ name: "@prozilla-os/file-explorer", version: "1.1.7", author: "Prozilla" });
-const vr = "~/Pictures/Wallpapers";
-function gr() {
-  var k, P;
-  const { modalsConfig: e } = me(), n = Pe(), t = Ye(), [r, l] = te(0), [a, h] = te(null), i = t == null ? void 0 : t.getSettings(we.VIRTUAL_PATHS.desktop), v = t == null ? void 0 : t.getSettings(we.VIRTUAL_PATHS.theme), { openWindowedModal: y } = mt();
-  se(() => {
-    i == null || i.get("wallpaper", h), v == null || v.get("theme", (N) => {
-      l(parseInt(N));
+var Ot = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.Single = 1] = "Single", e[e.Multi = 2] = "Multi", e))(Ot || {});
+const kt = new gt("File Explorer", "file-explorer", yr).setIconUrl("https://os.prozilla.dev/assets/apps/icons/file-explorer.svg").setRole(ht.APP_ROLES.fileExplorer).setCategory("Utilities & tools");
+kt.setMetadata({ name: "@prozilla-os/file-explorer", version: "1.1.8", author: "Prozilla" });
+const wr = "~/Pictures/Wallpapers";
+var _r = Object.defineProperty, Tr = (e, n, t) => n in e ? _r(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, te = (e, n, t) => Tr(e, typeof n != "symbol" ? n + "" : n, t);
+class Re {
+  constructor(n = {}) {
+    te(this, "systemIcon"), te(this, "appIcons"), te(this, "appNames"), te(this, "wallpapers"), te(this, "defaultWallpaper"), te(this, "fileIcons"), te(this, "folderIcons"), te(this, "loadStyleSheet"), te(this, "defaultTheme"), this.systemIcon = n.systemIcon ?? "https://os.prozilla.dev/icon.svg", this.appIcons = n.appIcons, this.appNames = n.appNames, this.wallpapers = n.wallpapers ?? [
+      "https://os.prozilla.dev/assets/wallpapers/vibrant-wallpaper-blue-purple-red.png",
+      "https://os.prozilla.dev/assets/wallpapers/abstract-mesh-gradient-orange-red-purple.png",
+      "https://os.prozilla.dev/assets/wallpapers/vibrant-wallpaper-purple-yellow.png",
+      "https://os.prozilla.dev/assets/wallpapers/abstract-wallpaper-mesh-gradient-cyan.png",
+      "https://os.prozilla.dev/assets/wallpapers/colorful-abstract-wallpaper-blue-red-green.png",
+      "https://os.prozilla.dev/assets/wallpapers/mesh-gradient-wallpaper-red-purple.png",
+      "https://os.prozilla.dev/assets/wallpapers/colorful-mesh-gradient-red-green.png",
+      "https://os.prozilla.dev/assets/wallpapers/flame-abstract-wallpaper-orange.png",
+      "https://os.prozilla.dev/assets/wallpapers/wave-abstract-wallpaper-teal.png",
+      "https://os.prozilla.dev/assets/wallpapers/abstract-wallpaper-gradient-blue-dark.png",
+      "https://os.prozilla.dev/assets/wallpapers/abstract-wallpaper-gradient-red.png"
+    ], this.defaultWallpaper = n.defaultWallpaper ?? "https://os.prozilla.dev/assets/wallpapers/vibrant-wallpaper-blue-purple-red.png", this.fileIcons = n.fileIcons ?? {
+      generic: "https://os.prozilla.dev/assets/apps/file-explorer/icons/file.svg",
+      text: "https://os.prozilla.dev/assets/apps/file-explorer/icons/file-text.svg",
+      info: "https://os.prozilla.dev/assets/apps/file-explorer/icons/file-info.svg",
+      code: "https://os.prozilla.dev/assets/apps/file-explorer/icons/file-code.svg",
+      external: "https://os.prozilla.dev/assets/apps/file-explorer/icons/file-external.svg"
+    }, this.folderIcons = n.folderIcons ?? {
+      generic: "https://os.prozilla.dev/assets/apps/file-explorer/icons/folder.svg",
+      images: "https://os.prozilla.dev/assets/apps/file-explorer/icons/folder-images.svg",
+      text: "https://os.prozilla.dev/assets/apps/file-explorer/icons/folder-text.svg",
+      link: "https://os.prozilla.dev/assets/apps/file-explorer/icons/folder-link.svg"
+    }, this.loadStyleSheet = n.loadStyleSheet, this.defaultTheme = n.defaultTheme;
+  }
+}
+new Re({
+  appIcons: {
+    "ball-maze": "/assets/skins/mac/apps/icons/ball-maze.svg",
+    browser: "/assets/skins/mac/apps/icons/browser.svg",
+    calculator: "/assets/skins/mac/apps/icons/calculator.svg",
+    "file-explorer": "/assets/skins/mac/apps/icons/file-explorer.svg",
+    "media-viewer": "/assets/skins/mac/apps/icons/media-viewer.svg",
+    minesweeper: "/assets/skins/mac/apps/icons/minesweeper.svg",
+    settings: "/assets/skins/mac/apps/icons/settings.svg",
+    terminal: "/assets/skins/mac/apps/icons/terminal.svg",
+    "text-editor": "/assets/skins/mac/apps/icons/text-editor.svg",
+    wordle: "/assets/skins/mac/apps/icons/wordle.svg"
+  },
+  appNames: {
+    browser: "Safari",
+    calculator: "Calculator",
+    "file-explorer": "Finder",
+    "media-viewer": "Photos",
+    terminal: "Terminal",
+    "text-editor": "Notes"
+  },
+  wallpapers: [
+    "/assets/skins/mac/wallpapers/macos-monterey.jpg"
+  ],
+  defaultWallpaper: "/assets/skins/mac/wallpapers/macos-monterey.jpg",
+  fileIcons: {
+    generic: "/assets/skins/mac/apps/file-explorer/file.svg"
+  },
+  folderIcons: {
+    generic: "/assets/skins/mac/apps/file-explorer/folder.svg"
+  },
+  loadStyleSheet: () => {
+    Promise.resolve({                                                                    });
+  }
+});
+new Re({
+  appIcons: {
+    browser: "/assets/skins/minimal/apps/icons/browser.svg",
+    calculator: "/assets/skins/minimal/apps/icons/calculator.svg",
+    "file-explorer": "/assets/skins/minimal/apps/icons/file-explorer.svg",
+    "media-viewer": "/assets/skins/minimal/apps/icons/media-viewer.svg",
+    settings: "/assets/skins/minimal/apps/icons/settings.svg",
+    terminal: "/assets/skins/minimal/apps/icons/terminal.svg",
+    "text-editor": "/assets/skins/minimal/apps/icons/text-editor.svg",
+    "ball-maze": "/assets/skins/minimal/apps/icons/ball-maze.svg",
+    minesweeper: "/assets/skins/minimal/apps/icons/minesweeper.svg",
+    wordle: "/assets/skins/minimal/apps/icons/wordle.svg",
+    "logic-sim": "/assets/skins/minimal/apps/icons/logic-sim.svg"
+  },
+  defaultWallpaper: "/assets/wallpapers/abstract-wallpaper-mesh-gradient-cyan.png",
+  fileIcons: {
+    generic: "/assets/skins/minimal/apps/file-explorer/file.svg"
+  },
+  folderIcons: {
+    generic: "/assets/skins/minimal/apps/file-explorer/folder.svg"
+  },
+  loadStyleSheet: () => {
+    import(
+      /*'./chunks/minimal-Be8X8qbA.js'*/
+      "./chunks/minimal-l0sNRNKZ.js"
+    );
+  }
+});
+new Re({
+  appIcons: {
+    "ball-maze": "/assets/skins/pixel/apps/icons/ball-maze.png",
+    browser: "/assets/skins/pixel/apps/icons/browser.png",
+    calculator: "/assets/skins/pixel/apps/icons/calculator.png",
+    "file-explorer": "/assets/skins/pixel/apps/icons/file-explorer.png",
+    "logic-sim": "/assets/skins/pixel/apps/icons/logic-sim.png",
+    "media-viewer": "/assets/skins/pixel/apps/icons/media-viewer.png",
+    minesweeper: "/assets/skins/pixel/apps/icons/minesweeper.png",
+    settings: "/assets/skins/pixel/apps/icons/settings.png",
+    terminal: "/assets/skins/pixel/apps/icons/terminal.png",
+    "text-editor": "/assets/skins/pixel/apps/icons/text-editor.png",
+    wordle: "/assets/skins/pixel/apps/icons/wordle.png"
+  },
+  wallpapers: [
+    "/assets/skins/pixel/wallpapers/vibrant-wallpaper-blue-purple-red.png",
+    "/assets/skins/pixel/wallpapers/abstract-mesh-gradient-orange-red-purple.png",
+    "/assets/skins/pixel/wallpapers/vibrant-wallpaper-purple-yellow.png",
+    "/assets/skins/pixel/wallpapers/abstract-wallpaper-mesh-gradient-cyan.png",
+    "/assets/skins/pixel/wallpapers/colorful-abstract-wallpaper-blue-red-green.png",
+    "/assets/skins/pixel/wallpapers/mesh-gradient-wallpaper-red-purple.png",
+    "/assets/skins/pixel/wallpapers/colorful-mesh-gradient-red-green.png",
+    "/assets/skins/pixel/wallpapers/flame-abstract-wallpaper-orange.png",
+    "/assets/skins/pixel/wallpapers/wave-abstract-wallpaper-teal.png"
+  ],
+  defaultWallpaper: "/assets/skins/pixel/wallpapers/vibrant-wallpaper-blue-purple-red.png",
+  fileIcons: {
+    generic: "/assets/skins/pixel/apps/file-explorer/file.png"
+  },
+  folderIcons: {
+    generic: "/assets/skins/pixel/apps/file-explorer/folder.png"
+  },
+  loadStyleSheet: () => {
+    Promise.resolve({                                                                    });
+  }
+});
+var Pe = /* @__PURE__ */ ((e) => (e[e.Dark = 0] = "Dark", e[e.Light = 1] = "Light", e[e.Cherry = 2] = "Cherry", e[e.Mango = 3] = "Mango", e[e.Aqua = 4] = "Aqua", e[e.Grape = 5] = "Grape", e))(Pe || {});
+new Re({
+  systemIcon: "/assets/skins/windows95/system-icon.png",
+  appIcons: {
+    browser: "/assets/skins/windows95/apps/icons/browser.svg",
+    calculator: "/assets/skins/windows95/apps/icons/calculator.svg",
+    "file-explorer": "/assets/skins/windows95/apps/icons/file-explorer.svg",
+    "media-viewer": "/assets/skins/windows95/apps/icons/media-viewer.svg",
+    minesweeper: "/assets/skins/windows95/apps/icons/minesweeper.svg",
+    settings: "/assets/skins/windows95/apps/icons/settings.svg",
+    terminal: "/assets/skins/windows95/apps/icons/terminal.svg",
+    "text-editor": "/assets/skins/windows95/apps/icons/text-editor.svg"
+  },
+  appNames: {
+    browser: "Internet Explorer",
+    calculator: "Calculator",
+    "file-explorer": "Windows Explorer",
+    "media-viewer": "Imaging",
+    terminal: "MS-DOS Prompt",
+    "text-editor": "Notepad"
+  },
+  wallpapers: [
+    "/assets/skins/windows95/wallpapers/default.png",
+    "/assets/skins/windows95/wallpapers/clouds.png"
+  ],
+  defaultWallpaper: "/assets/skins/windows95/wallpapers/default.png",
+  fileIcons: {
+    generic: "/assets/skins/windows95/apps/file-explorer/file.svg"
+  },
+  folderIcons: {
+    generic: "/assets/skins/windows95/apps/file-explorer/folder.svg"
+  },
+  defaultTheme: Pe.Light,
+  loadStyleSheet: () => {
+    Promise.resolve({});
+  }
+});
+function xr() {
+  var B, C;
+  const { modalsConfig: e } = ge(), n = Ne(), t = Ke(), [r, l] = ne(Pe.Dark), [a, g] = ne(null), o = t == null ? void 0 : t.getSettings(Ee.VIRTUAL_PATHS.desktop), v = t == null ? void 0 : t.getSettings(Ee.VIRTUAL_PATHS.theme), { openWindowedModal: h } = vt();
+  le(() => {
+    o == null || o.get("wallpaper", g), v == null || v.get("theme", (P) => {
+      l(parseInt(P));
     });
-  }, [i, v]);
-  const d = (N) => {
-    const x = N.target.value;
-    i == null || i.set("wallpaper", x);
-  }, C = (N) => {
-    const x = N.target.value;
-    v == null || v.set("theme", x);
+  }, [o, v]);
+  const d = (P) => {
+    const S = P.target.value;
+    o == null || o.set("wallpaper", S);
+  }, I = (P) => {
+    const S = P.target.value;
+    v == null || v.set("theme", S);
   };
-  return /* @__PURE__ */ E(ht, { children: [
-    /* @__PURE__ */ E("div", { className: S.Option, children: [
-      /* @__PURE__ */ s("p", { className: S.Label, children: "Theme" }),
-      /* @__PURE__ */ s("div", { className: S.Input, children: /* @__PURE__ */ s("select", { className: S.Dropdown, "aria-label": "theme", value: r, onChange: C, children: Object.entries(kt).map(
-        ([N, x]) => /* @__PURE__ */ s("option", { value: N, children: x }, N)
+  return /* @__PURE__ */ T(yt, { children: [
+    /* @__PURE__ */ T("div", { className: E.Option, children: [
+      /* @__PURE__ */ i("p", { className: E.Label, children: "Theme" }),
+      /* @__PURE__ */ i("div", { className: E.Input, children: /* @__PURE__ */ i("select", { className: E.Dropdown, "aria-label": "theme", value: r, onChange: I, children: Object.entries(Pe).map(
+        ([P, S]) => /* @__PURE__ */ i("option", { value: P, children: S }, P)
       ) }) })
     ] }),
-    /* @__PURE__ */ E("div", { className: S.Option, children: [
-      /* @__PURE__ */ s("p", { className: S.Label, children: "Wallpaper" }),
-      /* @__PURE__ */ s(
+    /* @__PURE__ */ T("div", { className: E.Option, children: [
+      /* @__PURE__ */ i("p", { className: E.Label, children: "Wallpaper" }),
+      /* @__PURE__ */ i(
         Se,
         {
-          className: `${S.Button} ${K.TextBold}`,
+          className: `${E.Button} ${K.TextBold}`,
           onClick: () => {
-            y({
+            h({
               size: e.defaultFileSelectorSize,
-              Modal: (N) => /* @__PURE__ */ s(
-                Nt.WindowContent,
+              Modal: (P) => /* @__PURE__ */ i(
+                kt.WindowContent,
                 {
-                  type: Pt.Single,
-                  allowedFormats: Dt,
-                  onFinish: (x) => {
-                    x.source != null && (i == null || i.set("wallpaper", x.source));
+                  type: Ot.Single,
+                  allowedFormats: jt,
+                  onFinish: (S) => {
+                    S.source != null && (o == null || o.set("wallpaper", S.source));
                   },
-                  ...N
+                  ...P
                 }
               )
             });
@@ -1296,41 +1461,41 @@ function gr() {
           children: "Browse"
         }
       ),
-      /* @__PURE__ */ s("div", { className: `${S.Input} ${S.ImageSelectContainer}`, children: (P = (k = n == null ? void 0 : n.navigate(vr)) == null ? void 0 : k.getFiles()) == null ? void 0 : P.map(
-        ({ id: N, source: x }) => /* @__PURE__ */ E("label", { className: S.ImageSelect, children: [
-          /* @__PURE__ */ s(
+      /* @__PURE__ */ i("div", { className: `${E.Input} ${E.ImageSelectContainer}`, children: (C = (B = n == null ? void 0 : n.navigate(wr)) == null ? void 0 : B.getFiles()) == null ? void 0 : C.map(
+        ({ id: P, source: S }) => /* @__PURE__ */ T("label", { className: E.ImageSelect, children: [
+          /* @__PURE__ */ i(
             "input",
             {
               type: "radio",
-              value: x ?? "",
+              value: S ?? "",
               "aria-label": "Wallpaper image",
-              checked: x === a,
+              checked: S === a,
               onChange: d,
               tabIndex: 0
             }
           ),
-          /* @__PURE__ */ s("img", { src: x ?? "", alt: N, draggable: "false" })
-        ] }, N)
+          /* @__PURE__ */ i("img", { src: S ?? "", alt: P, draggable: "false" })
+        ] }, P)
       ) })
     ] })
   ] });
 }
-function _r() {
-  const { systemName: e } = me(), n = We(), t = Pe();
-  return /* @__PURE__ */ E("div", { className: S.Option, children: [
-    /* @__PURE__ */ E("p", { className: S.Label, children: [
+function Er() {
+  const { systemName: e } = ge(), n = He(), t = Ne();
+  return /* @__PURE__ */ T("div", { className: E.Option, children: [
+    /* @__PURE__ */ T("p", { className: E.Label, children: [
       "About ",
       e
     ] }),
-    /* @__PURE__ */ E("p", { className: K.TextLight, children: [
+    /* @__PURE__ */ T("p", { className: K.TextLight, children: [
       e,
       " is a web-based operating system inspired by Ubuntu Linux and Windows made with React.js by Prozilla."
     ] }),
-    /* @__PURE__ */ E("div", { className: S.ButtonGroup, children: [
-      /* @__PURE__ */ s(
+    /* @__PURE__ */ T("div", { className: E.ButtonGroup, children: [
+      /* @__PURE__ */ i(
         Se,
         {
-          className: `${S.Button} ${K.TextBold}`,
+          className: `${E.Button} ${K.TextBold}`,
           onClick: (r) => {
             r.preventDefault(), n == null || n.open("text-editor", {
               mode: "view",
@@ -1341,10 +1506,10 @@ function _r() {
           children: "Open Info.md"
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ i(
         Se,
         {
-          className: `${S.Button} ${K.TextBold}`,
+          className: `${E.Button} ${K.TextBold}`,
           href: "https://github.com/prozilla-os/ProzillaOS",
           children: "View source"
         }
@@ -1352,33 +1517,33 @@ function _r() {
     ] })
   ] });
 }
-function Tr() {
-  const e = Pe(), 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__ */ E(ht, { children: [
-    /* @__PURE__ */ E("div", { className: `${S.Option} ${S.ProgressBarContainer}`, children: [
-      /* @__PURE__ */ E("p", { className: S.Label, children: [
+function Sr() {
+  const e = Ne(), 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__ */ T(yt, { children: [
+    /* @__PURE__ */ T("div", { className: `${E.Option} ${E.ProgressBarContainer}`, children: [
+      /* @__PURE__ */ T("p", { className: E.Label, children: [
         "Virtual Drive (",
-        Ae(r, 1),
+        $e(r, 1),
         " KB)"
       ] }),
-      /* @__PURE__ */ s(Mt, { fillPercentage: l / r * 100, className: S.ProgressBar }),
-      /* @__PURE__ */ E("span", { className: S.ProgressBarLabels, children: [
-        /* @__PURE__ */ E("p", { className: K.TextLight, children: [
-          Ae(l, 1),
+      /* @__PURE__ */ i(zt, { fillPercentage: l / r * 100, className: E.ProgressBar }),
+      /* @__PURE__ */ T("span", { className: E.ProgressBarLabels, children: [
+        /* @__PURE__ */ T("p", { className: K.TextLight, children: [
+          $e(l, 1),
           " KB used"
         ] }),
-        /* @__PURE__ */ E("p", { className: K.TextLight, children: [
-          Ae(a, 1),
+        /* @__PURE__ */ T("p", { className: K.TextLight, children: [
+          $e(a, 1),
           " KB free"
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ E("div", { className: S.Option, children: [
-      /* @__PURE__ */ s("p", { className: S.Label, children: "Manage data" }),
-      /* @__PURE__ */ s(
+    /* @__PURE__ */ T("div", { className: E.Option, children: [
+      /* @__PURE__ */ i("p", { className: E.Label, children: "Manage data" }),
+      /* @__PURE__ */ i(
         Se,
         {
-          className: `${S.Button} ${S.ButtonDanger} ${K.TextBold}`,
+          className: `${E.Button} ${E.ButtonDanger} ${K.TextBold}`,
           onClick: () => {
             e == null || e.reset();
           },
@@ -1388,80 +1553,80 @@ function Tr() {
     ] })
   ] });
 }
-function Er({ app: e, pins: n, setPins: t }) {
-  const r = n.includes(e.id), l = Ye(), a = We(), { onContextMenu: h } = je({
-    Actions: (i) => /* @__PURE__ */ E(Fe, { ...i, children: [
-      /* @__PURE__ */ s(ie, { label: "Launch", icon: e.iconUrl, onTrigger: () => a == null ? void 0 : a.open(e.id) }),
-      /* @__PURE__ */ s(ie, { label: r ? "Unpin from taskbar" : "Pin to taskbar", icon: Xt, onTrigger: () => {
+function Ir({ app: e, pins: n, setPins: t }) {
+  const r = n.includes(e.id), l = Ke(), a = He(), { onContextMenu: g } = qe({
+    Actions: (o) => /* @__PURE__ */ T(Ue, { ...o, children: [
+      /* @__PURE__ */ i(ie, { label: "Launch", icon: e.iconUrl, onTrigger: () => a == null ? void 0 : a.open(e.id) }),
+      /* @__PURE__ */ i(ie, { label: r ? "Unpin from taskbar" : "Pin to taskbar", icon: Zt, onTrigger: () => {
         const v = [...n];
-        r ? rn(e.id, n) : v.push(e.id);
-        const y = l == null ? void 0 : l.getSettings(we.VIRTUAL_PATHS.taskbar);
-        y == null || y.set("pins", v.join(","));
+        r ? an(e.id, n) : v.push(e.id);
+        const h = l == null ? void 0 : l.getSettings(Ee.VIRTUAL_PATHS.taskbar);
+        h == null || h.set("pins", v.join(","));
       } })
     ] })
   });
-  return /* @__PURE__ */ E("div", { className: `${S.Option} ${S.OptionHorizontal}`, children: [
-    /* @__PURE__ */ E("span", { className: S.Label, children: [
-      /* @__PURE__ */ s(qe, { className: S.Icon, source: e.iconUrl }),
+  return /* @__PURE__ */ T("div", { className: `${E.Option} ${E.OptionHorizontal}`, children: [
+    /* @__PURE__ */ T("span", { className: E.Label, children: [
+      /* @__PURE__ */ i(We, { className: E.Icon, source: e.iconUrl }),
       e.name
     ] }),
-    /* @__PURE__ */ s("button", { className: S.IconButton, onClick: h, children: /* @__PURE__ */ s(X, { icon: Jt }) })
+    /* @__PURE__ */ i("button", { className: E.IconButton, onClick: g, children: /* @__PURE__ */ i(X, { icon: Qt }) })
   ] });
 }
-function wr() {
-  const { appsConfig: e } = me(), n = Ye(), [t, r] = te([]);
-  return se(() => {
-    const l = n == null ? void 0 : n.getSettings(we.VIRTUAL_PATHS.taskbar);
+function Cr() {
+  const { appsConfig: e } = ge(), n = Ke(), [t, r] = ne([]);
+  return le(() => {
+    const l = n == null ? void 0 : n.getSettings(Ee.VIRTUAL_PATHS.taskbar);
     l == null || l.get("pins", (a) => {
       r(a.split(","));
     });
-  }, [n]), /* @__PURE__ */ E("div", { className: `${S.Option} ${S.OptionList}`, children: [
-    /* @__PURE__ */ s("p", { className: S.Label, children: "Apps" }),
+  }, [n]), /* @__PURE__ */ T("div", { className: `${E.Option} ${E.OptionList}`, children: [
+    /* @__PURE__ */ i("p", { className: E.Label, children: "Apps" }),
     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)
+      (l) => /* @__PURE__ */ i(Ir, { app: l, pins: t, setPins: r }, l.id)
     )
   ] });
 }
-function Sr({ tab: e }) {
-  return /* @__PURE__ */ s("div", { className: S.SettingsContainer, children: /* @__PURE__ */ E(
-    Ke,
+function Pr({ tab: e }) {
+  return /* @__PURE__ */ i("div", { className: E.SettingsContainer, children: /* @__PURE__ */ T(
+    Je,
     {
       defaultIndex: e ?? 0,
-      className: S.Settings,
-      selectedTabClassName: S.ActiveTab,
-      selectedTabPanelClassName: S.ActivePanel,
+      className: E.Settings,
+      selectedTabClassName: E.ActiveTab,
+      selectedTabPanelClassName: E.ActivePanel,
       children: [
-        /* @__PURE__ */ E(Ge, { className: S.Tabs, children: [
-          /* @__PURE__ */ E(de, { className: S.TabButton, tabIndex: "0", children: [
-            /* @__PURE__ */ s(X, { icon: Zt }),
-            /* @__PURE__ */ s("p", { className: K.TextSemibold, children: "Apps" })
+        /* @__PURE__ */ T(Ze, { className: E.Tabs, children: [
+          /* @__PURE__ */ T(ue, { className: E.TabButton, tabIndex: "0", children: [
+            /* @__PURE__ */ i(X, { icon: en }),
+            /* @__PURE__ */ i("p", { className: K.TextSemibold, children: "Apps" })
           ] }),
-          /* @__PURE__ */ E(de, { className: S.TabButton, tabIndex: "0", children: [
-            /* @__PURE__ */ s(X, { icon: Qt }),
-            /* @__PURE__ */ s("p", { className: K.TextSemibold, children: "Appearance" })
+          /* @__PURE__ */ T(ue, { className: E.TabButton, tabIndex: "0", children: [
+            /* @__PURE__ */ i(X, { icon: tn }),
+            /* @__PURE__ */ i("p", { className: K.TextSemibold, children: "Appearance" })
           ] }),
-          /* @__PURE__ */ E(de, { className: S.TabButton, tabIndex: "0", children: [
-            /* @__PURE__ */ s(X, { icon: en }),
-            /* @__PURE__ */ s("p", { className: K.TextSemibold, children: "Storage" })
+          /* @__PURE__ */ T(ue, { className: E.TabButton, tabIndex: "0", children: [
+            /* @__PURE__ */ i(X, { icon: nn }),
+            /* @__PURE__ */ i("p", { className: K.TextSemibold, children: "Storage" })
           ] }),
-          /* @__PURE__ */ E(de, { className: S.TabButton, tabIndex: "0", children: [
-            /* @__PURE__ */ s(X, { icon: yt }),
-            /* @__PURE__ */ s("p", { className: K.TextSemibold, children: "About" })
+          /* @__PURE__ */ T(ue, { className: E.TabButton, tabIndex: "0", children: [
+            /* @__PURE__ */ i(X, { icon: wt }),
+            /* @__PURE__ */ i("p", { className: K.TextSemibold, children: "About" })
           ] })
         ] }),
-        /* @__PURE__ */ s(fe, { className: S.TabPanel, children: /* @__PURE__ */ s(wr, {}) }),
-        /* @__PURE__ */ s(fe, { className: S.TabPanel, children: /* @__PURE__ */ s(gr, {}) }),
-        /* @__PURE__ */ s(fe, { className: S.TabPanel, children: /* @__PURE__ */ s(Tr, {}) }),
-        /* @__PURE__ */ s(fe, { className: S.TabPanel, children: /* @__PURE__ */ s(_r, {}) })
+        /* @__PURE__ */ i(fe, { className: E.TabPanel, children: /* @__PURE__ */ i(Cr, {}) }),
+        /* @__PURE__ */ i(fe, { className: E.TabPanel, children: /* @__PURE__ */ i(xr, {}) }),
+        /* @__PURE__ */ i(fe, { className: E.TabPanel, children: /* @__PURE__ */ i(Sr, {}) }),
+        /* @__PURE__ */ i(fe, { className: E.TabPanel, children: /* @__PURE__ */ i(Er, {}) })
       ]
     }
   ) });
 }
-const xr = new pt("Settings", "settings", Sr).setIconUrl("https://os.prozilla.dev/assets/apps/icons/settings.svg").setRole(bt.APP_ROLES.settings).setCategory("Personalization");
-xr.setMetadata({ name: "@prozilla-os/settings", version: "1.1.7", author: "Prozilla" });
+const Nr = new gt("Settings", "settings", Pr).setIconUrl("https://os.prozilla.dev/assets/apps/icons/settings.svg").setRole(ht.APP_ROLES.settings).setCategory("Personalization");
+Nr.setMetadata({ name: "@prozilla-os/settings", version: "1.1.8", author: "Prozilla" });
 export {
-  xr as settings
+  Nr as settings
 };
 //# sourceMappingURL=main.js.map