@munet/ui 1.0.0 → 1.0.1

package/dist/components/Range.css

@@ -1 +1 @@
-.form_input-range[data-v-1216dbeb]{--height: 1.5em;min-height:var(--height);appearance:none;background:transparent;border-radius:4px;transition:background-color .2s ease;--thumb-width: 4px;--thumb-height: var(--height);--thumb-box-shadow: 0 0 0px #e6e6e6;--thumb-border: none;--thumb-border-radius: 999px;--thumb-background: oklch(80% .07 calc(var(--hue) + 0));--thumb-background-hover: oklch(90% .07 calc(var(--hue) + 0));--thumb-background-active: oklch(70% .07 calc(var(--hue) + 0));--track-height: calc(var(--height) - var(--track-value-padding) * 2);--track-box-shadow: none;--track-border: solid 2px oklch(.95 .01 var(--hue));--track-border-radius: 6px;--track-background: oklch(.97 .006 var(--hue));--track-background-hover: oklch(.97 .006 var(--hue));--track-background-active: oklch(.97 .006 var(--hue));--track-value-background: rgb(255, 255, 255);--track-value-background-hover: rgb(255, 255, 255);--track-value-background-active: rgb(255, 255, 255);--track-value-padding: 2px}.form_input-range.slider-progress[data-v-1216dbeb]{--range: calc(var(--max) - var(--min));--ratio: calc((var(--value) - var(--min)) / var(--range));--sx: calc(.5 * 0em + var(--ratio) * (100% - 0em))}.form_input-range[data-v-1216dbeb]:focus{outline:none}.form_input-range[data-v-1216dbeb]::-webkit-slider-thumb{appearance:none;width:var(--thumb-width);height:var(--thumb-height);border-radius:var(--thumb-border-radius);background:var(--thumb-background);border:var(--thumb-border);box-shadow:var(--thumb-box-shadow);margin-top:calc(var(--track-height) * .5 - var(--thumb-height) * .5 - 2px);margin-left:calc(0 - var(--track-value-padding));cursor:col-resize;transition:background .2s ease-in-out,box-shadow .2s ease-in-out,border-color .2s ease-in-out,transform .2s cubic-bezier(.165,.84,.44,1),width .2s cubic-bezier(.165,.84,.44,1)}.form_input-range[data-v-1216dbeb]::-webkit-slider-runnable-track{height:var(--track-height);border:var(--track-border);border-radius:var(--track-border-radius);background:var(--track-background);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--track-box-shadow);position:relative;cursor:col-resize;transition:box-shadow .2s ease-in-out,border-color .2s ease-in-out}.form_input-range[data-v-1216dbeb]::-webkit-slider-thumb:hover{background:var(--thumb-background-hover);width:calc(var(--thumb-width) * 1.6);transform:scaleY(1.2)}.form_input-range[data-v-1216dbeb]:hover::-webkit-slider-runnable-track{background:var(--track-background-hover)}.form_input-range[data-v-1216dbeb]::-webkit-slider-thumb:active{background:var(--thumb-background-active)}.form_input-range[data-v-1216dbeb]:active::-webkit-slider-runnable-track{background:var(--track-background-active)}.form_input-range.slider-progress[data-v-1216dbeb]::-webkit-slider-runnable-track{margin-right:calc(0 - var(--track-value-padding));background:linear-gradient(var(--track-value-background),var(--track-value-background)) 0 / var(--sx) 100% no-repeat,var(--track-background)}.form_input-range.slider-progress[data-v-1216dbeb]:hover::-webkit-slider-runnable-track{background:linear-gradient(var(--track-value-background-hover),var(--track-value-background-hover)) 0 / var(--sx) 100% no-repeat,var(--track-background-hover)}.form_input-range.slider-progress[data-v-1216dbeb]:active::-webkit-slider-runnable-track{background:linear-gradient(var(--track-value-background-active),var(--track-value-background-active)) 0 / var(--sx) 100% no-repeat,var(--track-background-active)}.form_input-range[data-v-1216dbeb]::-moz-range-thumb{width:var(--thumb-width);height:var(--thumb-height);border-radius:var(--thumb-border-radius);background:var(--thumb-background);border:none;box-shadow:var(--thumb-box-shadow);cursor:col-resize;margin-left:calc(0 - var(--track-value-padding));transition:background .2s ease-in-out,box-shadow .2s ease-in-out,border-color .2s ease-in-out,transform .2s cubic-bezier(.165,.84,.44,1),width .2s cubic-bezier(.165,.84,.44,1)}.form_input-range[data-v-1216dbeb]::-moz-range-track{height:var(--track-height);border:var(--track-border);border-radius:var(--track-border-radius);background:var(--track-background);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--track-box-shadow);cursor:col-resize;width:calc(100% - var(--track-value-padding) * 2)}.form_input-range[data-v-1216dbeb]::-moz-range-thumb:hover{background:var(--thumb-background-hover);width:calc(var(--thumb-width) * 1.6);transform:scaleY(1.2)}.form_input-range[data-v-1216dbeb]:hover::-moz-range-track{background:var(--track-background-hover)}.form_input-range[data-v-1216dbeb]::-moz-range-thumb:active{background:var(--thumb-background-active)}.form_input-range[data-v-1216dbeb]:active::-moz-range-track{background:var(--track-background-active)}.form_input-range.slider-progress[data-v-1216dbeb]::-moz-range-track{background:linear-gradient(var(--track-value-background),var(--track-value-background)) 0 / var(--sx) 100% no-repeat,var(--track-background)}.form_input-range.slider-progress[data-v-1216dbeb]:hover::-moz-range-track{background:linear-gradient(var(--track-value-background-hover),var(--track-value-background-hover)) 0 / var(--sx) 100% no-repeat,var(--track-background-hover)}.form_input-range.slider-progress[data-v-1216dbeb]:active::-moz-range-track{background:linear-gradient(var(--track-value-background-active),var(--track-value-background-active)) 0 / var(--sx) 100% no-repeat,var(--track-background-active)}.form_input-range[data-v-1216dbeb]::-ms-fill-upper{background:transparent;border-color:transparent}.form_input-range[data-v-1216dbeb]::-ms-fill-lower{background:transparent;border-color:transparent}.form_input-range[data-v-1216dbeb]::-ms-thumb{width:var(--thumb-width);height:var(--thumb-height);border-radius:var(--thumb-border-radius);background:var(--thumb-background);border:var(--thumb-border);box-shadow:var(--thumb-box-shadow);margin-top:0;margin-left:calc(0 - var(--track-value-padding));box-sizing:border-box;cursor:col-resize;transition:background .2s ease-in-out,box-shadow .2s ease-in-out,border-color .2s ease-in-out,transform .2s cubic-bezier(.165,.84,.44,1),width .2s cubic-bezier(.165,.84,.44,1)}.form_input-range[data-v-1216dbeb]::-ms-track{height:var(--track-height);border-radius:var(--track-border-radius);background:var(--track-background);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--track-border);box-shadow:var(--track-box-shadow);box-sizing:border-box;cursor:col-resize}.form_input-range[data-v-1216dbeb]::-ms-thumb:hover{background:var(--thumb-background-hover);width:calc(var(--thumb-width) * 1.6);transform:scaleY(1.2)}.form_input-range[data-v-1216dbeb]:hover::-ms-track{background:var(--track-background-hover)}.form_input-range[data-v-1216dbeb]::-ms-thumb:active{background:var(--thumb-background-active)}.form_input-range[data-v-1216dbeb]:active::-ms-track{background:var(--track-background-active)}.form_input-range.slider-progress[data-v-1216dbeb]::-ms-fill-lower{height:var(--track-height);border-radius:var(--track-border-radius) 0 0 var(--track-border-radius);margin:0;background:var(--track-value-background);border:none;border-right-width:0;margin-left:calc(var(--track-value-padding));margin-right:calc(0 - var(--track-value-padding))}.form_input-range.slider-progress[data-v-1216dbeb]:hover::-ms-fill-lower{background:var(--track-value-background-hover)}.form_input-range.slider-progress[data-v-1216dbeb]:active::-ms-fill-lower{background:var(--track-value-background-active)}
+.form_input-range[data-v-8cd014c2]{--height: 1.5em;min-height:var(--height);appearance:none;background:transparent;border-radius:4px;transition:background-color .2s ease;--thumb-width: 4px;--thumb-height: var(--height);--thumb-box-shadow: 0 0 0px #e6e6e6;--thumb-border: none;--thumb-border-radius: 999px;--thumb-background: oklch(80% .07 calc(var(--hue) + 0));--thumb-background-hover: oklch(90% .07 calc(var(--hue) + 0));--thumb-background-active: oklch(70% .07 calc(var(--hue) + 0));--track-height: calc(var(--height) - var(--track-value-padding) * 2);--track-box-shadow: none;--track-border: solid 2px oklch(.95 .01 var(--hue));--track-border-radius: 6px;--track-background: oklch(.97 .006 var(--hue));--track-background-hover: oklch(.97 .006 var(--hue));--track-background-active: oklch(.97 .006 var(--hue));--track-value-background: rgb(255, 255, 255);--track-value-background-hover: rgb(255, 255, 255);--track-value-background-active: rgb(255, 255, 255);--track-value-padding: 2px}.form_input-range.slider-progress[data-v-8cd014c2]{--range: calc(var(--max) - var(--min));--ratio: calc((var(--value) - var(--min)) / var(--range));--sx: calc(.5 * 0em + var(--ratio) * (100% - 0em));--fill-start: 0%;--fill-end: var(--sx)}.form_input-range[data-v-8cd014c2]:focus{outline:none}.form_input-range[data-v-8cd014c2]::-webkit-slider-thumb{appearance:none;width:var(--thumb-width);height:var(--thumb-height);border-radius:var(--thumb-border-radius);background:var(--thumb-background);border:var(--thumb-border);box-shadow:var(--thumb-box-shadow);margin-top:calc(var(--track-height) * .5 - var(--thumb-height) * .5 - 2px);margin-left:calc(0 - var(--track-value-padding));cursor:col-resize;transition:background .2s ease-in-out,box-shadow .2s ease-in-out,border-color .2s ease-in-out,transform .2s cubic-bezier(.165,.84,.44,1),width .2s cubic-bezier(.165,.84,.44,1)}.form_input-range[data-v-8cd014c2]::-webkit-slider-runnable-track{height:var(--track-height);border:var(--track-border);border-radius:var(--track-border-radius);background:var(--track-background);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--track-box-shadow);position:relative;cursor:col-resize;transition:box-shadow .2s ease-in-out,border-color .2s ease-in-out}.form_input-range[data-v-8cd014c2]::-webkit-slider-thumb:hover{background:var(--thumb-background-hover);width:calc(var(--thumb-width) * 1.6);transform:scaleY(1.2)}.form_input-range[data-v-8cd014c2]:hover::-webkit-slider-runnable-track{background:var(--track-background-hover)}.form_input-range[data-v-8cd014c2]::-webkit-slider-thumb:active{background:var(--thumb-background-active)}.form_input-range[data-v-8cd014c2]:active::-webkit-slider-runnable-track{background:var(--track-background-active)}.form_input-range.slider-progress[data-v-8cd014c2]::-webkit-slider-runnable-track{margin-right:calc(0 - var(--track-value-padding));background:linear-gradient(to right,transparent var(--fill-start),var(--track-value-background) var(--fill-start),var(--track-value-background) var(--fill-end),transparent var(--fill-end)),var(--track-background)}.form_input-range.slider-progress[data-v-8cd014c2]:hover::-webkit-slider-runnable-track{background:linear-gradient(to right,transparent var(--fill-start),var(--track-value-background-hover) var(--fill-start),var(--track-value-background-hover) var(--fill-end),transparent var(--fill-end)),var(--track-background-hover)}.form_input-range.slider-progress[data-v-8cd014c2]:active::-webkit-slider-runnable-track{background:linear-gradient(to right,transparent var(--fill-start),var(--track-value-background-active) var(--fill-start),var(--track-value-background-active) var(--fill-end),transparent var(--fill-end)),var(--track-background-active)}.form_input-range[data-v-8cd014c2]::-moz-range-thumb{width:var(--thumb-width);height:var(--thumb-height);border-radius:var(--thumb-border-radius);background:var(--thumb-background);border:none;box-shadow:var(--thumb-box-shadow);cursor:col-resize;margin-left:calc(0 - var(--track-value-padding));transition:background .2s ease-in-out,box-shadow .2s ease-in-out,border-color .2s ease-in-out,transform .2s cubic-bezier(.165,.84,.44,1),width .2s cubic-bezier(.165,.84,.44,1)}.form_input-range[data-v-8cd014c2]::-moz-range-track{height:var(--track-height);border:var(--track-border);border-radius:var(--track-border-radius);background:var(--track-background);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--track-box-shadow);cursor:col-resize;width:calc(100% - var(--track-value-padding) * 2)}.form_input-range[data-v-8cd014c2]::-moz-range-thumb:hover{background:var(--thumb-background-hover);width:calc(var(--thumb-width) * 1.6);transform:scaleY(1.2)}.form_input-range[data-v-8cd014c2]:hover::-moz-range-track{background:var(--track-background-hover)}.form_input-range[data-v-8cd014c2]::-moz-range-thumb:active{background:var(--thumb-background-active)}.form_input-range[data-v-8cd014c2]:active::-moz-range-track{background:var(--track-background-active)}.form_input-range.slider-progress[data-v-8cd014c2]::-moz-range-track{background:linear-gradient(to right,transparent var(--fill-start),var(--track-value-background) var(--fill-start),var(--track-value-background) var(--fill-end),transparent var(--fill-end)),var(--track-background)}.form_input-range.slider-progress[data-v-8cd014c2]:hover::-moz-range-track{background:linear-gradient(to right,transparent var(--fill-start),var(--track-value-background-hover) var(--fill-start),var(--track-value-background-hover) var(--fill-end),transparent var(--fill-end)),var(--track-background-hover)}.form_input-range.slider-progress[data-v-8cd014c2]:active::-moz-range-track{background:linear-gradient(to right,transparent var(--fill-start),var(--track-value-background-active) var(--fill-start),var(--track-value-background-active) var(--fill-end),transparent var(--fill-end)),var(--track-background-active)}.form_input-range[data-v-8cd014c2]::-ms-fill-upper{background:transparent;border-color:transparent}.form_input-range[data-v-8cd014c2]::-ms-fill-lower{background:transparent;border-color:transparent}.form_input-range[data-v-8cd014c2]::-ms-thumb{width:var(--thumb-width);height:var(--thumb-height);border-radius:var(--thumb-border-radius);background:var(--thumb-background);border:var(--thumb-border);box-shadow:var(--thumb-box-shadow);margin-top:0;margin-left:calc(0 - var(--track-value-padding));box-sizing:border-box;cursor:col-resize;transition:background .2s ease-in-out,box-shadow .2s ease-in-out,border-color .2s ease-in-out,transform .2s cubic-bezier(.165,.84,.44,1),width .2s cubic-bezier(.165,.84,.44,1)}.form_input-range[data-v-8cd014c2]::-ms-track{height:var(--track-height);border-radius:var(--track-border-radius);background:var(--track-background);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--track-border);box-shadow:var(--track-box-shadow);box-sizing:border-box;cursor:col-resize}.form_input-range[data-v-8cd014c2]::-ms-thumb:hover{background:var(--thumb-background-hover);width:calc(var(--thumb-width) * 1.6);transform:scaleY(1.2)}.form_input-range[data-v-8cd014c2]:hover::-ms-track{background:var(--track-background-hover)}.form_input-range[data-v-8cd014c2]::-ms-thumb:active{background:var(--thumb-background-active)}.form_input-range[data-v-8cd014c2]:active::-ms-track{background:var(--track-background-active)}.form_input-range.slider-progress[data-v-8cd014c2]::-ms-fill-lower{height:var(--track-height);border-radius:var(--track-border-radius) 0 0 var(--track-border-radius);margin:0;background:var(--track-value-background);border:none;border-right-width:0;margin-left:calc(var(--track-value-padding));margin-right:calc(0 - var(--track-value-padding))}.form_input-range.slider-progress[data-v-8cd014c2]:hover::-ms-fill-lower{background:var(--track-value-background-hover)}.form_input-range.slider-progress[data-v-8cd014c2]:active::-ms-fill-lower{background:var(--track-value-background-active)}

package/dist/components/Range.vue.js

@@ -1,7 +1,7 @@
 import o from "./Range.vue2.js";
 /* empty css           */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1216dbeb"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8cd014c2"]]);
 export {
   m as default
 };

package/dist/components/Range.vue2.js

@@ -1,48 +1,54 @@
-import { defineComponent as v, mergeModels as g, useModel as x, computed as r, ref as y, onMounted as M, watch as p, withDirectives as V, createElementBlock as k, openBlock as _, vModelText as C } from "vue";
-const h = ["min", "max", "step"], S = /* @__PURE__ */ v({
+import { defineComponent as k, mergeModels as P, useModel as _, computed as o, ref as C, onMounted as R, watch as y, withDirectives as S, createElementBlock as b, openBlock as B, vModelText as w } from "vue";
+const E = ["min", "max", "step"], T = /* @__PURE__ */ k({
   __name: "Range",
-  props: /* @__PURE__ */ g({
+  props: /* @__PURE__ */ P({
     min: { default: 0 },
     max: { default: 100 },
     step: { default: 1 },
     disabled: { type: Boolean, default: !1 },
     thumbColor: { default: "#9090906e" },
     trackColor: { default: "gray" },
-    trackValueColor: { default: "red" }
+    trackValueColor: { default: "red" },
+    origin: { default: void 0 }
   }, {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(n) {
-    const t = n, s = x(n, "modelValue"), d = r(() => t.min * 1e4), i = r(() => t.max * 1e4), m = r(() => t.step * 1e4), e = y(), l = r({
+  setup(i) {
+    const l = i, s = _(i, "modelValue"), d = o(() => l.min * 1e4), m = o(() => l.max * 1e4), c = o(() => l.step * 1e4), f = o(() => l.origin ?? l.min), a = C(), n = o({
       get: () => s.value * 1e4,
-      set: (u) => {
-        s.value = u / 1e4, o();
+      set: (e) => {
+        s.value = e / 1e4, r();
       }
     });
-    M(() => o()), p(l, () => o(), { immediate: !0 }), p([d, i, m], () => o(), { immediate: !0 });
-    function o() {
-      e.value && (e.value.style.setProperty("--value", l.value.toString()), e.value.style.setProperty("--min", e.value.min ? e.value.min : t.min.toString()), e.value.style.setProperty("--max", e.value.max ? e.value.max : t.max.toString()));
+    R(() => r()), y(n, () => r(), { immediate: !0 }), y([d, m, c, f], () => r(), { immediate: !0 });
+    function r() {
+      if (!a.value)
+        return;
+      const e = l.min, t = l.max, u = s.value, M = f.value;
+      a.value.style.setProperty("--value", n.value.toString()), a.value.style.setProperty("--min", e.toString()), a.value.style.setProperty("--max", t.toString());
+      const p = t - e, v = (M - e) / p, g = (u - e) / p, V = Math.min(v, g), h = Math.max(v, g);
+      a.value.style.setProperty("--fill-start", `${V * 100}%`), a.value.style.setProperty("--fill-end", `${h * 100}%`);
     }
-    function c(u) {
-      const a = u.target;
-      a.style.setProperty("--value", a.value);
+    function x(e) {
+      const t = e.target;
+      t.style.setProperty("--value", t.value);
     }
-    return (u, a) => V((_(), k("input", {
+    return (e, t) => S((B(), b("input", {
       ref_key: "sliderRef",
-      ref: e,
-      "onUpdate:modelValue": a[0] || (a[0] = (f) => l.value = f),
+      ref: a,
+      "onUpdate:modelValue": t[0] || (t[0] = (u) => n.value = u),
       type: "range",
       min: d.value,
-      max: i.value,
-      step: m.value,
+      max: m.value,
+      step: c.value,
       class: "slider-progress form_input-range",
-      onInput: c
-    }, null, 40, h)), [
+      onInput: x
+    }, null, 40, E)), [
       [
-        C,
-        l.value,
+        w,
+        n.value,
         void 0,
         { number: !0 }
       ]
@@ -50,5 +56,5 @@ const h = ["min", "max", "step"], S = /* @__PURE__ */ v({
   }
 });
 export {
-  S as default
+  T as default
 };

package/dist/components/Select/index.js

@@ -1,9 +1,9 @@
-import { defineComponent as C, inject as k, computed as d, ref as c, createVNode as o, createTextVNode as H } from "vue";
-import { useVModel as M, onClickOutside as O } from "@vueuse/core";
+import { defineComponent as T, inject as V, computed as v, ref as u, createVNode as o, Teleport as $, createTextVNode as D } from "vue";
+import { useVModel as H, onClickOutside as N } from "@vueuse/core";
 import t from "./style.module.sass.js";
-import { theme as B } from "../../themes/index.js";
-import D from "../TransitionVertical.vue.js";
-const P = /* @__PURE__ */ C({
+import { theme as P } from "../../themes/index.js";
+import R from "../TransitionVertical.vue.js";
+const F = /* @__PURE__ */ T({
   props: {
     value: [String, Number],
     options: {
@@ -18,54 +18,73 @@ const P = /* @__PURE__ */ C({
     onChange: Function
   },
   setup(a, {
-    emit: f,
-    expose: b
+    emit: w,
+    expose: h
   }) {
-    const s = M(a, "value", f), m = k("disabled"), n = d(() => a.disabled || m?.value), l = c(!1), u = c(null), r = c("bottom"), i = d(() => a.options.find((e) => e.value === s.value)), g = (e) => typeof e == "function" ? e() : e, w = d(() => {
-      if (!i.value) return a.placeholder;
-      const e = i.value.label;
+    const r = H(a, "value", w), y = V("disabled"), s = v(() => a.disabled || y?.value), l = u(!1), n = u(null), d = u("bottom"), p = u(null), i = u({}), c = v(() => a.options.find((e) => e.value === r.value)), x = (e) => typeof e == "function" ? e() : e, C = v(() => {
+      if (!c.value) return a.placeholder;
+      const e = c.value.label;
       return typeof e == "function" ? e() : e;
-    }), v = () => {
-      if (!u.value) return;
-      const e = u.value.getBoundingClientRect(), p = window.innerHeight - e.bottom, x = e.top;
-      p < 500 && x > p ? r.value = "top" : r.value = "bottom";
-    }, h = () => {
-      n.value || (l.value || v(), l.value = !l.value);
-    }, y = (e) => {
-      e.disabled || n.value || (s.value = e.value, l.value = !1, a.onChange?.(e.value));
+    }), f = () => {
+      if (!n.value) return;
+      const e = n.value.getBoundingClientRect(), b = window.innerHeight, m = b - e.bottom, O = e.top, B = 500, M = getComputedStyle(n.value).getPropertyValue("--hue"), g = {
+        position: "fixed",
+        left: `${e.left}px`,
+        width: `${e.width}px`,
+        "--hue": M
+      };
+      m < B && O > m ? (d.value = "top", i.value = {
+        ...g,
+        bottom: `${b - e.top + 8}px`
+      }) : (d.value = "bottom", i.value = {
+        ...g,
+        top: `${e.bottom + 8}px`
+      });
+    }, S = () => {
+      s.value || (l.value || f(), l.value = !l.value);
+    }, k = (e) => {
+      e.disabled || s.value || (r.value = e.value, l.value = !1, a.onChange?.(e.value));
     };
-    return O(u, () => {
+    return N(n, () => {
       l.value = !1;
-    }), b({
+    }, {
+      ignore: [p]
+    }), h({
       open: () => {
-        n.value || (v(), l.value = !0);
+        s.value || (f(), l.value = !0);
       },
       close: () => {
         l.value = !1;
       }
     }), () => o("div", {
-      ref: u,
-      class: [t.select, B.value.textInput, n.value && t.disabled, l.value && t.open]
+      ref: n,
+      class: [t.select, P.value.textInput, s.value && t.disabled, l.value && t.open]
     }, [o("div", {
-      class: [t.trigger, !i.value && t.placeholder],
-      onClick: h
+      class: [t.trigger, !c.value && t.placeholder],
+      onClick: S
     }, [o("span", {
       class: t.text
-    }, [w.value]), o("span", {
+    }, [C.value]), o("span", {
       class: [t.arrow, l.value && t.arrowOpen, "i-solar:alt-arrow-down-linear"]
-    }, null)]), o(D, null, {
-      default: () => [l.value && o("div", {
-        class: [t.dropdown, "bg-dropMenu backdrop-blur-8", r.value === "top" && t.dropdownTop]
-      }, [a.options.length === 0 ? o("div", {
-        class: t.empty
-      }, [H("暂无选项")]) : a.options.map((e) => o("div", {
-        key: e.value,
-        class: [t.option, "bg-avatarMenuButton", e.value === s.value && t.selected, e.disabled && t.optionDisabled],
-        onClick: () => y(e)
-      }, [g(e.label)]))])]
+    }, null)]), o($, {
+      to: "body"
+    }, {
+      default: () => [o(R, null, {
+        default: () => [l.value && o("div", {
+          ref: p,
+          class: [t.dropdown, "bg-dropMenu backdrop-blur-8", d.value === "top" && t.dropdownTop],
+          style: i.value
+        }, [a.options.length === 0 ? o("div", {
+          class: t.empty
+        }, [D("暂无选项")]) : a.options.map((e) => o("div", {
+          key: e.value,
+          class: [t.option, "bg-avatarMenuButton", e.value === r.value && t.selected, e.disabled && t.optionDisabled],
+          onClick: () => k(e)
+        }, [x(e.label)]))])]
+      })]
     })]);
   }
 });
 export {
-  P as default
+  F as default
 };

package/dist/components/Select/style.module.css

@@ -1 +1 @@
-.style-module_94I2l{position:relative;width:100%;min-width:120px}.style-module_94I2l:not(.style-module_9bHA-) .style-module_DmzNq:hover{background-color:var(--hover-bg)}.style-module_94I2l:not(.style-module_9bHA-).style-module_-mLRw .style-module_DmzNq{background-color:var(--focus--bg);border:2px solid var(--border-hover-c)}.style-module_94I2l.style-module_9bHA- .style-module_DmzNq{opacity:.5}.style-module_DmzNq{border-radius:12px;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg);transition:all .3s;box-sizing:border-box;border:2px solid transparent;display:flex;align-items:center;justify-content:space-between;gap:.5em;min-height:2.8em}.style-module_DmzNq.style-module_UCaPN .style-module_C29oV{opacity:.5}.style-module_C29oV{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-module_ivRiG{transition:transform .3s;opacity:.6}.style-module_ivRiG.style-module_7Qg9z{transform:rotate(180deg)}.style-module_wPfBh{position:absolute;top:calc(100% + 8px);left:0;right:0;border-radius:12px;padding:8px;z-index:1000;max-height:500px;overflow-y:auto}.style-module_wPfBh::-webkit-scrollbar{width:6px}.style-module_wPfBh::-webkit-scrollbar-thumb{background-color:var(--border-hover-c);border-radius:3px}.style-module_wPfBh.style-module_NPikf{top:auto;bottom:calc(100% + 8px)}.style-module_s8wSl{padding:.5em 1em;transition:all .2s;display:flex;align-items:center;justify-content:space-between;font-weight:500;border-radius:8px}.style-module_s8wSl.style-module_y9cdC{color:var(--border-hover-c);font-weight:600}.style-module_s8wSl.style-module_rfohl{opacity:.4}.style-module_EVBKA{padding:1.5em 1.2em;text-align:center;opacity:.5;font-weight:500}
+.style-module_94I2l{position:relative;width:100%;min-width:120px}.style-module_94I2l:not(.style-module_9bHA-) .style-module_DmzNq:hover{background-color:var(--hover-bg)}.style-module_94I2l:not(.style-module_9bHA-).style-module_-mLRw .style-module_DmzNq{background-color:var(--focus--bg);border:2px solid var(--border-hover-c)}.style-module_94I2l.style-module_9bHA- .style-module_DmzNq{opacity:.5}.style-module_DmzNq{border-radius:12px;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg);transition:all .3s;box-sizing:border-box;border:2px solid transparent;display:flex;align-items:center;justify-content:space-between;gap:.5em;min-height:2.8em}.style-module_DmzNq.style-module_UCaPN .style-module_C29oV{opacity:.5}.style-module_C29oV{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-module_ivRiG{transition:transform .3s;opacity:.6}.style-module_ivRiG.style-module_7Qg9z{transform:rotate(180deg)}.style-module_wPfBh{border-radius:12px;padding:8px;z-index:1000;max-height:500px;overflow-y:auto}.style-module_wPfBh::-webkit-scrollbar{width:6px}.style-module_wPfBh::-webkit-scrollbar-thumb{background-color:var(--border-hover-c);border-radius:3px}.style-module_s8wSl{padding:.5em 1em;transition:all .2s;display:flex;align-items:center;justify-content:space-between;font-weight:500;border-radius:8px}.style-module_s8wSl.style-module_y9cdC{color:var(--border-hover-c);font-weight:600}.style-module_s8wSl.style-module_rfohl{opacity:.4}.style-module_EVBKA{padding:1.5em 1.2em;text-align:center;opacity:.5;font-weight:500}

package/dist/components/Select/style.module.sass.js

@@ -1,4 +1,4 @@
-const e = "style-module_94I2l", o = "style-module_9bHA-", t = "style-module_DmzNq", l = "style-module_-mLRw", s = "style-module_UCaPN", d = "style-module_C29oV", n = "style-module_ivRiG", c = "style-module_7Qg9z", r = "style-module_wPfBh", p = "style-module_NPikf", m = "style-module_s8wSl", y = "style-module_y9cdC", u = "style-module_rfohl", _ = "style-module_EVBKA", a = {
+const e = "style-module_94I2l", o = "style-module_9bHA-", t = "style-module_DmzNq", l = "style-module_-mLRw", s = "style-module_UCaPN", d = "style-module_C29oV", n = "style-module_ivRiG", c = "style-module_7Qg9z", r = "style-module_wPfBh", m = "style-module_s8wSl", y = "style-module_y9cdC", p = "style-module_rfohl", u = "style-module_EVBKA", a = {
   select: e,
   disabled: o,
   trigger: t,
@@ -8,11 +8,10 @@ const e = "style-module_94I2l", o = "style-module_9bHA-", t = "style-module_DmzN
   arrow: n,
   arrowOpen: c,
   dropdown: r,
-  dropdownTop: p,
   option: m,
   selected: y,
-  optionDisabled: u,
-  empty: _
+  optionDisabled: p,
+  empty: u
 };
 export {
   n as arrow,
@@ -20,11 +19,10 @@ export {
   a as default,
   o as disabled,
   r as dropdown,
-  p as dropdownTop,
-  _ as empty,
+  u as empty,
   l as open,
   m as option,
-  u as optionDisabled,
+  p as optionDisabled,
   s as placeholder,
   e as select,
   y as selected,

package/dist/components/Tabs/index.d.ts

@@ -0,0 +1,37 @@
+import { PropType } from 'vue';
+declare const TabPane: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    name: {
+        type: PropType<string | number>;
+        required: true;
+    };
+    tab: {
+        type: StringConstructor;
+        required: true;
+    };
+    disabled: BooleanConstructor;
+    color: StringConstructor;
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: PropType<string | number>;
+        required: true;
+    };
+    tab: {
+        type: StringConstructor;
+        required: true;
+    };
+    disabled: BooleanConstructor;
+    color: StringConstructor;
+}>> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const Tabs: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: PropType<string | number>;
+    onUpdateValue: PropType<(v: string | number) => void>;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: PropType<string | number>;
+    onUpdateValue: PropType<(v: string | number) => void>;
+}>> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export { TabPane };
+export default Tabs;

package/dist/components/Tabs/index.js

@@ -0,0 +1,75 @@
+import { defineComponent as d, computed as p, watchEffect as f, provide as b, createVNode as s, inject as v, isVNode as g, Comment as y, Fragment as h } from "vue";
+import { useVModel as x } from "@vueuse/core";
+const c = Symbol("mnui-tabs-active-name"), C = /* @__PURE__ */ d({
+  name: "TabPane",
+  props: {
+    name: {
+      type: [String, Number],
+      required: !0
+    },
+    tab: {
+      type: String,
+      required: !0
+    },
+    disabled: Boolean,
+    color: String
+  },
+  setup(o, {
+    slots: t
+  }) {
+    const e = v(c, void 0);
+    return () => !e || e.value !== o.name ? null : s("div", null, [t.default?.()]);
+  }
+}), m = (o) => {
+  const t = [];
+  for (const e of o)
+    if (!(!g(e) || e.type === y)) {
+      if (e.type === C) {
+        t.push(e);
+        continue;
+      }
+      e.type === h && Array.isArray(e.children) && t.push(...m(e.children));
+    }
+  return t;
+}, T = /* @__PURE__ */ d({
+  name: "Tabs",
+  props: {
+    value: [String, Number],
+    onUpdateValue: Function
+  },
+  emits: ["update:value"],
+  setup(o, {
+    emit: t,
+    slots: e
+  }) {
+    const a = x(o, "value", t), l = p(() => m(e.default?.() ?? []));
+    return f(() => {
+      const r = l.value;
+      if (r.length === 0 || r.some((u) => u.props?.name === a.value && !u.props?.disabled)) return;
+      const n = r.find((u) => !u.props?.disabled);
+      n?.props?.name !== void 0 && (a.value = n.props.name);
+    }), b(c, p(() => a.value)), () => s("div", {
+      class: "flex flex-col gap-3"
+    }, [s("div", {
+      class: "flex items-center gap-1 rd-xl bg-input p-1"
+    }, [l.value.map((r) => {
+      const i = r.props?.name === a.value, n = r.props?.color;
+      return s("button", {
+        key: String(r.props?.name),
+        class: ["px-3 py-1.5 text-sm rd-lg border border-transparent", r.props?.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer", i ? "bg-avatarMenuButton font-600" : "bg-transparent"],
+        style: i && n ? {
+          color: n,
+          borderColor: n
+        } : void 0,
+        disabled: !!r.props?.disabled,
+        onClick: () => {
+          !r.props?.disabled && r.props?.name !== void 0 && (a.value = r.props.name);
+        }
+      }, [r.props?.tab]);
+    })]), s("div", null, [e.default?.()])]);
+  }
+});
+export {
+  C as TabPane,
+  T as default
+};

package/dist/index.d.ts

@@ -19,13 +19,16 @@ export type { SelectOption, SelectExposed, SelectInstance } from './components/S
 export { default as TransitionVertical } from './components/TransitionVertical.vue';
 export { default as Range } from './components/Range.vue';
 export { default as TransitionOpacity } from './components/TransitionOpacity';
+export { default as Tabs, TabPane } from './components/Tabs';
 export { default as DropMenu } from './components/DropMenu';
 export { default as DropDown } from './components/DropMenu/DropDown';
 export { default as GlobalElementsContainer } from './components/GlobalElementsContainer';
 export { default as ScrollText } from './components/ScrollText';
 export { default as WhateverNaviBar } from './components/SubNaviBar/WhateverNaviBar';
 export { default as WarningBackground } from './components/WarningBackground';
+export { default as Popover } from './components/Popover';
 export type { NaviItem } from './components/SubNaviBar/WhateverNaviBar';
+export { default as Progress } from './components/Progress';
 export { foregroundTask } from './components/GlobalElementsContainer/ForegroundTask';
 export { showTransactionalDialog } from './components/GlobalElementsContainer/TransactionalDialog';
 export { taskManager } from './components/GlobalElementsContainer/TaskManager';

package/dist/index.js

@@ -1,85 +1,92 @@
-import { UIThemes as r, clearAppThemes as t, currentThemeVars as a, isLightTheme as f, realThemeName as m, registerAppTheme as s, selectedThemeHue as l, selectedThemeName as d, theme as p, themeClasses as x } from "./themes/index.js";
+import { UIThemes as r, clearAppThemes as a, currentThemeVars as t, isLightTheme as f, realThemeName as s, registerAppTheme as m, selectedThemeHue as l, selectedThemeName as p, theme as d, themeClasses as x } from "./themes/index.js";
 import { configureUIStrings as n, getUIString as i } from "./i18n/index.js";
-import { addToast as g, toasts as h } from "./controllers/toastController.js";
+import { addToast as c, toasts as h } from "./controllers/toastController.js";
 import { getModalIndex as S, isTopModal as I, modalShowing as M, modalStack as k, registerModal as y, unregisterModal as B } from "./states/modal.js";
 import { default as U } from "./components/Button/index.js";
-import { default as C } from "./components/TextInput/index.js";
-import { default as V } from "./components/CheckBox/index.js";
-import { default as R } from "./components/CheckBox/FlagCheckBox.js";
-import { default as b } from "./components/Radio/index.js";
-import { default as v } from "./components/Modal/index.js";
-import { default as F } from "./components/Modal/styles.module.sass.js";
-import { default as G } from "./components/Window/index.js";
-import { default as O } from "./components/Section/index.js";
-import { default as j } from "./components/DateFormat.js";
-import { default as J } from "./components/Qrcode.js";
-import { default as P } from "./components/NumberInput.js";
+import { default as w } from "./components/TextInput/index.js";
+import { default as N } from "./components/CheckBox/index.js";
+import { default as v } from "./components/CheckBox/FlagCheckBox.js";
+import { default as P } from "./components/Radio/index.js";
+import { default as W } from "./components/Modal/index.js";
+import { default as A } from "./components/Modal/styles.module.sass.js";
+import { default as E } from "./components/Window/index.js";
+import { default as H } from "./components/Section/index.js";
+import { default as Q } from "./components/DateFormat.js";
+import { default as z } from "./components/Qrcode.js";
+import { default as K } from "./components/NumberInput.js";
 import { default as Y } from "./components/Select/index.js";
 import { default as _ } from "./components/TransitionVertical.vue.js";
 import { default as ee } from "./components/Range.vue.js";
 import { default as re } from "./components/TransitionOpacity.js";
-import { default as ae } from "./components/DropMenu/index.js";
-import { default as me } from "./components/DropMenu/DropDown.js";
-import { default as le } from "./components/GlobalElementsContainer/index.js";
-import { default as pe } from "./components/ScrollText/index.js";
-import { default as ue } from "./components/SubNaviBar/WhateverNaviBar.js";
-import { default as ie } from "./components/WarningBackground/index.js";
-import { foregroundTask as ge } from "./components/GlobalElementsContainer/ForegroundTask.js";
-import { showTransactionalDialog as Te } from "./components/GlobalElementsContainer/TransactionalDialog.js";
-import { taskManager as Ie } from "./components/GlobalElementsContainer/TaskManager.js";
-import { composeThemeRoots as ke, composeThemeStyles as ye, mergeStyles as Be } from "./themes/base/composer.js";
-import { dynamicLightUI as Ue, dynamicLightVars as we } from "./themes/dynamicLight/index.js";
-import { aquadxUI as Ne, aquadxVars as Ve } from "./themes/aquadx/index.js";
+import { TabPane as te, default as fe } from "./components/Tabs/index.js";
+import { default as me } from "./components/DropMenu/index.js";
+import { default as pe } from "./components/DropMenu/DropDown.js";
+import { default as xe } from "./components/GlobalElementsContainer/index.js";
+import { default as ne } from "./components/ScrollText/index.js";
+import { default as ge } from "./components/SubNaviBar/WhateverNaviBar.js";
+import { default as he } from "./components/WarningBackground/index.js";
+import { default as Se } from "./components/Popover/index.js";
+import { default as Me } from "./components/Progress/index.js";
+import { foregroundTask as ye } from "./components/GlobalElementsContainer/ForegroundTask.js";
+import { showTransactionalDialog as De } from "./components/GlobalElementsContainer/TransactionalDialog.js";
+import { taskManager as be } from "./components/GlobalElementsContainer/TaskManager.js";
+import { composeThemeRoots as Ce, composeThemeStyles as Ne, mergeStyles as Ve } from "./themes/base/composer.js";
+import { dynamicLightUI as Le, dynamicLightVars as Pe } from "./themes/dynamicLight/index.js";
+import { aquadxUI as We, aquadxVars as qe } from "./themes/aquadx/index.js";
 export {
   U as Button,
-  V as CheckBox,
-  j as DateFormat,
-  me as DropDown,
-  ae as DropMenu,
-  R as FlagCheckBox,
-  le as GlobalElementsContainer,
-  v as Modal,
-  F as ModalStyles,
-  P as NumberInput,
-  J as Qrcode,
-  b as Radio,
+  N as CheckBox,
+  Q as DateFormat,
+  pe as DropDown,
+  me as DropMenu,
+  v as FlagCheckBox,
+  xe as GlobalElementsContainer,
+  W as Modal,
+  A as ModalStyles,
+  K as NumberInput,
+  Se as Popover,
+  Me as Progress,
+  z as Qrcode,
+  P as Radio,
   ee as Range,
-  pe as ScrollText,
-  O as Section,
+  ne as ScrollText,
+  H as Section,
   Y as Select,
-  C as TextInput,
+  te as TabPane,
+  fe as Tabs,
+  w as TextInput,
   re as TransitionOpacity,
   _ as TransitionVertical,
   r as UIThemes,
-  ie as WarningBackground,
-  ue as WhateverNaviBar,
-  G as Window,
-  g as addToast,
-  Ne as aquadxUI,
-  Ve as aquadxVars,
-  t as clearAppThemes,
-  ke as composeThemeRoots,
-  ye as composeThemeStyles,
+  he as WarningBackground,
+  ge as WhateverNaviBar,
+  E as Window,
+  c as addToast,
+  We as aquadxUI,
+  qe as aquadxVars,
+  a as clearAppThemes,
+  Ce as composeThemeRoots,
+  Ne as composeThemeStyles,
   n as configureUIStrings,
-  a as currentThemeVars,
-  Ue as dynamicLightUI,
-  we as dynamicLightVars,
-  ge as foregroundTask,
+  t as currentThemeVars,
+  Le as dynamicLightUI,
+  Pe as dynamicLightVars,
+  ye as foregroundTask,
   S as getModalIndex,
   i as getUIString,
   f as isLightTheme,
   I as isTopModal,
-  Be as mergeStyles,
+  Ve as mergeStyles,
   M as modalShowing,
   k as modalStack,
-  m as realThemeName,
-  s as registerAppTheme,
+  s as realThemeName,
+  m as registerAppTheme,
   y as registerModal,
   l as selectedThemeHue,
-  d as selectedThemeName,
-  Te as showTransactionalDialog,
-  Ie as taskManager,
-  p as theme,
+  p as selectedThemeName,
+  De as showTransactionalDialog,
+  be as taskManager,
+  d as theme,
   x as themeClasses,
   h as toasts,
   B as unregisterModal

package/dist/themes/aquadx/components.module.css

@@ -1 +1 @@
-@charset "UTF-8";body:has(.components-module_e-IS4){background:#222;--text-color: #ffffffde;--link-color: #b3c6ff;--modal-backdrop-bg: #2b2b2b;--modal-button-bg: rgb(70, 70, 70);--modal-button-hover-bg: rgb(76, 76, 76);--modal-button-active-bg: rgb(81, 81, 81);--modal-title-handle-bg: rgb(100, 108, 255);--fl-bg: rgba(255, 255, 255, .15)}body:has(.components-module_e-IS4) .components-module_e-IS4{display:none}body:has(.components-module_e-IS4) ::selection{background:#7280ea}body:has(.components-module_e-IS4) button,body:has(.components-module_e-IS4) select,body:has(.components-module_e-IS4) a.button{background-color:#ffffff14}body:has(.components-module_e-IS4) button:not(:disabled):hover,body:has(.components-module_e-IS4) select:not(:disabled):hover,body:has(.components-module_e-IS4) a.button:not(:disabled):hover{background-color:#ffffff1a}body:has(.components-module_e-IS4) button:not(:disabled):active,body:has(.components-module_e-IS4) select:not(:disabled):active,body:has(.components-module_e-IS4) a.button:not(:disabled):active{background-color:#ffffff20}body:has(.components-module_e-IS4) option{background-color:#222;color:#fff}body:has(.components-module_e-IS4) .components-module_fsgc0{border-color:#b3c6ff}body:has(.components-module_e-IS4) input[type=checkbox],body:has(.components-module_e-IS4) input[type=radio]{border-color:#b3c6ff}body:has(.components-module_e-IS4) input[type=checkbox]:checked,body:has(.components-module_e-IS4) input[type=radio]:checked{background-color:#b3c6ff;border-color:#b3c6ff}body:has(.components-module_e-IS4) .components-module_GT7Cc{color:var(--link-color)}@media (hover: hover){body:has(.components-module_e-IS4) .cst::-webkit-scrollbar-thumb{background-color:#999}body:has(.components-module_e-IS4) .cst::-webkit-scrollbar-thumb:hover{background-color:#666!important}}body:has(.components-module_e-IS4) .bg-splash{background:#111}body:has(.components-module_e-IS4) .bg-avatarMenu,body:has(.components-module_e-IS4) .bg-dropMenu{background:#3a3a3acc}body:has(.components-module_e-IS4) .bg-avatarMenuButton:hover{background:#fff1}body:has(.components-module_e-IS4) .bg-foregroundTask{background:#111c}body:has(.components-module_e-IS4) .bg-taskManager{background-color:#ffffff1a}body:has(.components-module_e-IS4) .c-taskManager-spin{color:#fff}body:has(.components-module_e-IS4) .c-taskManager-text{color:#fff}body:has(.components-module_e-IS4) .bg-toast-bar{background:#282828}body:has(.components-module_e-IS4) .bg-toast{background:#333}body:has(.components-module_e-IS4) .bg-dialogButton-error{background-color:#9f1239!important}body:has(.components-module_e-IS4) .bg-dialogButton-error:hover{background-color:#be123c!important}body:has(.components-module_e-IS4) .bg-modal{background:#383838}body:has(.components-module_e-IS4) .components-module_MNdKs{--border-hover-c: #b3c6ff;--hover-bg: #ffffff1a;--focus--bg: #ffffff20;--bg: #ffffff14}body:has(.components-module_e-IS4) .components-module_tSHNB .components-module_BUF00{background:#646cff;color:#fff}body:has(.components-module_e-IS4) .components-module_1s6C2 .components-module_4HjO-{background:#2a2a2a}body:has(.components-module_e-IS4) .components-module_1s6C2 .components-module_4HjO-:hover{background:#333}body:has(.components-module_e-IS4) .components-module_9aZnJ{background:#f0f0f0}body:has(.components-module_e-IS4) .components-module_3aGwJ{--color: #3f3f3f}body:has(.components-module_e-IS4) .components-module_On6-m>a:hover:not(.components-module_eZ-4N){background:#2c2c2c}body:has(.components-module_e-IS4) .components-module_On6-m :not(.components-module_eZ-4N) a:hover:not(.components-module_eZ-4N),body:has(.components-module_e-IS4) .components-module_On6-m :not(.components-module_eZ-4N) div:hover:not(.components-module_eZ-4N){background:#2c2c2c}body:has(.components-module_e-IS4) .components-module_On6-m .components-module_eZ-4N{background:#373737}body:has(.components-module_e-IS4) .components-module_ptXr7{--color: #973c00}
+@charset "UTF-8";body:has(.components-module_e-IS4){background:#222;--text-color: #ffffffde;--link-color: #b3c6ff;--modal-backdrop-bg: #2b2b2b;--modal-button-bg: rgb(70, 70, 70);--modal-button-hover-bg: rgb(76, 76, 76);--modal-button-active-bg: rgb(81, 81, 81);--modal-title-handle-bg: rgb(100, 108, 255);--fl-bg: rgba(255, 255, 255, .15)}body:has(.components-module_e-IS4) .components-module_e-IS4{display:none}body:has(.components-module_e-IS4) ::selection{background:#7280ea}body:has(.components-module_e-IS4) button,body:has(.components-module_e-IS4) select,body:has(.components-module_e-IS4) a.button{background-color:#ffffff14}body:has(.components-module_e-IS4) button:not(:disabled):hover,body:has(.components-module_e-IS4) select:not(:disabled):hover,body:has(.components-module_e-IS4) a.button:not(:disabled):hover{background-color:#ffffff1a}body:has(.components-module_e-IS4) button:not(:disabled):active,body:has(.components-module_e-IS4) select:not(:disabled):active,body:has(.components-module_e-IS4) a.button:not(:disabled):active{background-color:#ffffff20}body:has(.components-module_e-IS4) option{background-color:#222;color:#fff}body:has(.components-module_e-IS4) .components-module_fsgc0{border-color:#b3c6ff}body:has(.components-module_e-IS4) input[type=checkbox],body:has(.components-module_e-IS4) input[type=radio]{border-color:#b3c6ff}body:has(.components-module_e-IS4) input[type=checkbox]:checked,body:has(.components-module_e-IS4) input[type=radio]:checked{background-color:#b3c6ff;border-color:#b3c6ff}body:has(.components-module_e-IS4) .components-module_GT7Cc{color:var(--link-color)}@media (hover: hover){body:has(.components-module_e-IS4) .cst::-webkit-scrollbar-thumb{background-color:#999}body:has(.components-module_e-IS4) .cst::-webkit-scrollbar-thumb:hover{background-color:#666!important}}body:has(.components-module_e-IS4) .bg-splash{background:#111}body:has(.components-module_e-IS4) .bg-avatarMenu,body:has(.components-module_e-IS4) .bg-dropMenu{background:#3a3a3acc}body:has(.components-module_e-IS4) .bg-avatarMenuButton:hover{background:#fff1}body:has(.components-module_e-IS4) .bg-foregroundTask{background:#111c}body:has(.components-module_e-IS4) .bg-taskManager{background-color:#ffffff1a}body:has(.components-module_e-IS4) .c-taskManager-spin{color:#fff}body:has(.components-module_e-IS4) .c-taskManager-text{color:#fff}body:has(.components-module_e-IS4) .bg-toast-bar{background:#282828}body:has(.components-module_e-IS4) .bg-toast{background:#333}body:has(.components-module_e-IS4) .bg-dialogButton-error{background-color:#9f1239!important}body:has(.components-module_e-IS4) .bg-dialogButton-error:hover{background-color:#be123c!important}body:has(.components-module_e-IS4) .bg-modal{background:#383838}body:has(.components-module_e-IS4) .components-module_MNdKs{--border-hover-c: #b3c6ff;--hover-bg: #ffffff1a;--focus--bg: #ffffff20;--bg: #ffffff14}body:has(.components-module_e-IS4) .components-module_tSHNB .components-module_BUF00{background:#646cff;color:#fff}body:has(.components-module_e-IS4) .components-module_1s6C2 .components-module_4HjO-{background:#2a2a2a}body:has(.components-module_e-IS4) .components-module_1s6C2 .components-module_4HjO-:hover{background:#333}body:has(.components-module_e-IS4) .components-module_9aZnJ{background:#f0f0f0}body:has(.components-module_e-IS4) .components-module_3aGwJ{--color: #3f3f3f}body:has(.components-module_e-IS4) .components-module_On6-m>a:hover:not(.components-module_eZ-4N){background:#2c2c2c}body:has(.components-module_e-IS4) .components-module_On6-m :not(.components-module_eZ-4N) a:hover:not(.components-module_eZ-4N),body:has(.components-module_e-IS4) .components-module_On6-m :not(.components-module_eZ-4N) div:hover:not(.components-module_eZ-4N){background:#2c2c2c}body:has(.components-module_e-IS4) .components-module_On6-m .components-module_eZ-4N{background:#373737}body:has(.components-module_e-IS4) .components-module_ptXr7{--color: #973c00}.components-module_nM74x{--at-apply: transition-colors}.components-module_nM74x:hover{background-color:#282828}.components-module_RJ4do,.components-module_YUTzr:active:hover{background-color:#333}.components-module_8hmM9{background-color:#222c}