@scorchingft/ui-plus 1.0.7 → 1.0.8

package/dist/scorchingft-ui-plus.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as a, ref as v, onMounted as V, openBlock as o, createElementBlock as r, normalizeStyle as M, normalizeClass as Y1, createBlock as K1, resolveDynamicComponent as X1, createCommentVNode as j1, renderSlot as $, watch as z, createElementVNode as s, createStaticVNode as h, h as d, createVNode as t2, render as e2 } from "vue";
-const n2 = { key: 0 }, s2 = /* @__PURE__ */ a({
+import { defineComponent as a, ref as w, onMounted as V, openBlock as o, createElementBlock as r, normalizeStyle as $, normalizeClass as X1, createBlock as j1, resolveDynamicComponent as t2, createCommentVNode as e2, renderSlot as M, watch as z, createElementVNode as s, createStaticVNode as h, h as d, createVNode as n2, render as s2 } from "vue";
+const o2 = { key: 0 }, r2 = /* @__PURE__ */ a({
   name: "SfButton",
   __name: "Button",
   props: {
@@ -34,7 +34,7 @@ const n2 = { key: 0 }, s2 = /* @__PURE__ */ a({
     }
   },
   setup(n) {
-    const e = n, t = v({}), l = v();
+    const e = n, t = w({}), l = w();
     return V(() => {
       e.round && (t.value.borderRadius = `${l.value.scrollHeight / 2}px`), e.circle && (t.value = {
         height: "35px",
@@ -47,21 +47,21 @@ const n2 = { key: 0 }, s2 = /* @__PURE__ */ a({
       }), e.disabled && (t.value.cursor = "not-allowed");
     }), (_, p) => (o(), r("div", {
       cursor: "",
-      class: Y1([
+      class: X1([
         "sf-button",
         `sf-${e.type}-hover`,
         `sf-button-${e.size}`,
         e.plain ? `sf-${e.type}` : `sf-${e.type}-button`,
         e.disabled ? "sf-disabled" : ""
       ]),
-      style: M(t.value),
+      style: $(t.value),
       ref_key: "btn",
       ref: l
     }, [
-      e.icon ? (o(), r("span", n2, [
-        (o(), K1(X1(e.icon)))
-      ])) : j1("", !0),
-      $(_.$slots, "default", {}, void 0, !0)
+      e.icon ? (o(), r("span", o2, [
+        (o(), j1(t2(e.icon)))
+      ])) : e2("", !0),
+      M(_.$slots, "default", {}, void 0, !0)
     ], 6));
   }
 }), i = (n, e) => {
@@ -69,7 +69,7 @@ const n2 = { key: 0 }, s2 = /* @__PURE__ */ a({
   for (const [l, _] of e)
     t[l] = _;
   return t;
-}, o2 = /* @__PURE__ */ i(s2, [["__scopeId", "data-v-65507ad2"]]), r2 = /* @__PURE__ */ a({
+}, a2 = /* @__PURE__ */ i(r2, [["__scopeId", "data-v-65507ad2"]]), i2 = /* @__PURE__ */ a({
   name: "SfCard",
   __name: "Card",
   props: {
@@ -102,7 +102,7 @@ const n2 = { key: 0 }, s2 = /* @__PURE__ */ a({
     }
   },
   setup(n) {
-    const e = n, t = v({});
+    const e = n, t = w({});
     return z(() => e, (l) => {
       typeof l.width == "string" && typeof l.height == "string" ? t.value = {
         width: l.width,
@@ -145,9 +145,9 @@ const n2 = { key: 0 }, s2 = /* @__PURE__ */ a({
       });
     }), (l, _) => (o(), r("div", {
       class: "sf-card",
-      style: M(t.value)
+      style: $(t.value)
     }, [
-      $(l.$slots, "default")
+      M(l.$slots, "default")
     ], 4));
   }
 }), L = /* @__PURE__ */ a({
@@ -168,7 +168,7 @@ const n2 = { key: 0 }, s2 = /* @__PURE__ */ a({
     }
   },
   setup(n) {
-    const e = n, t = v({});
+    const e = n, t = w({});
     return z(() => e, (l) => {
       typeof l.size == "string" ? t.value = {
         width: l.size,
@@ -192,632 +192,656 @@ const n2 = { key: 0 }, s2 = /* @__PURE__ */ a({
     }), (l, _) => (o(), r("div", {
       class: "sf-icon",
       ref: "wrapper",
-      style: M(t.value)
+      style: $(t.value)
     }, [
-      $(l.$slots, "default")
+      M(l.$slots, "default")
     ], 4));
   }
-}), a2 = [o2, r2, L];
-function i2(n) {
+}), l2 = [a2, i2, L];
+function c2(n) {
   return "sf-" + n.replace(/^Sf/, "").replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 }
-const l2 = {
+const _2 = {
   install(n) {
-    a2.forEach((e) => {
+    l2.forEach((e) => {
       const t = e.name;
       if (!t) {
         console.warn("组件缺少 name");
         return;
       }
-      const l = i2(t);
+      const l = c2(t);
       n.component(l, e);
     });
   }
-}, c2 = {
+}, d2 = {
   xmlns: "https://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, _2 = /* @__PURE__ */ a({
+}, C2 = /* @__PURE__ */ a({
   name: "Arrowdown",
   __name: "Arrowdown",
   setup(n) {
-    return (e, t) => (o(), r("svg", c2, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", d2, [...t[0] || (t[0] = [
       s("path", { d: "M12 15.6315L20.9679 10.8838L20.0321 9.11619L12 13.3685L3.9679 9.11619L3.03212 10.8838L12 15.6315Z" }, null, -1)
     ])]));
   }
-}), N = /* @__PURE__ */ i(_2, [["__scopeId", "data-v-6ecbb752"]]), d2 = {
+}), N = /* @__PURE__ */ i(C2, [["__scopeId", "data-v-6ecbb752"]]), u2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2",
   "aria-hidden": "true"
-}, C2 = /* @__PURE__ */ a({
+}, p2 = /* @__PURE__ */ a({
   name: "Arrowdown1",
   __name: "Arrowdown1",
   setup(n) {
-    return (e, t) => (o(), r("svg", d2, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", u2, [...t[0] || (t[0] = [
       s("path", { d: "M6 10 L12 16 L18 10" }, null, -1)
     ])]));
   }
-}), S = /* @__PURE__ */ i(C2, [["__scopeId", "data-v-fce46536"]]), u2 = {
+}), S = /* @__PURE__ */ i(p2, [["__scopeId", "data-v-fce46536"]]), m2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, p2 = /* @__PURE__ */ a({
+}, f2 = /* @__PURE__ */ a({
   name: "Decrease",
   __name: "Decrease",
   setup(n) {
-    return (e, t) => (o(), r("svg", u2, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", m2, [...t[0] || (t[0] = [
       s("path", { d: "M3 4H21V6H3V4ZM3 19H21V21H3V19ZM11 14H21V16H11V14ZM11 9H21V11H11V9ZM3 12.5L7 9V16L3 12.5Z" }, null, -1)
     ])]));
   }
-}), A = /* @__PURE__ */ i(p2, [["__scopeId", "data-v-ec98981c"]]), m2 = {
+}), A = /* @__PURE__ */ i(f2, [["__scopeId", "data-v-ec98981c"]]), w2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, f2 = /* @__PURE__ */ a({
+}, v2 = /* @__PURE__ */ a({
   name: "Increase",
   __name: "Increase",
   setup(n) {
-    return (e, t) => (o(), r("svg", m2, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", w2, [...t[0] || (t[0] = [
       s("path", { d: "M3 4H21V6H3V4ZM3 19H21V21H3V19ZM11 14H21V16H11V14ZM11 9H21V11H11V9ZM7 12.5L3 16V9L7 12.5Z" }, null, -1)
     ])]));
   }
-}), D = /* @__PURE__ */ i(f2, [["__scopeId", "data-v-06b5acf4"]]), v2 = {
+}), T = /* @__PURE__ */ i(v2, [["__scopeId", "data-v-06b5acf4"]]), h2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, w2 = /* @__PURE__ */ a({
+}, g2 = /* @__PURE__ */ a({
   name: "Codes",
   __name: "Codes",
   setup(n) {
-    return (e, t) => (o(), r("svg", v2, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", h2, [...t[0] || (t[0] = [
       s("path", { d: "M24 12L18.3431 17.6569L16.9289 16.2426L21.1716 12L16.9289 7.75736L18.3431 6.34315L24 12ZM2.82843 12L7.07107 16.2426L5.65685 17.6569L0 12L5.65685 6.34315L7.07107 7.75736L2.82843 12ZM9.78845 21H7.66009L14.2116 3H16.3399L9.78845 21Z" }, null, -1)
     ])]));
   }
-}), E = /* @__PURE__ */ i(w2, [["__scopeId", "data-v-e1e4d57b"]]), h2 = {
+}), D = /* @__PURE__ */ i(g2, [["__scopeId", "data-v-e1e4d57b"]]), H2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, g2 = /* @__PURE__ */ a({
+}, L2 = /* @__PURE__ */ a({
   name: "Copydocument",
   __name: "Copydocument",
   setup(n) {
-    return (e, t) => (o(), r("svg", h2, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", H2, [...t[0] || (t[0] = [
       s("path", { d: "M6.9998 6V3C6.9998 2.44772 7.44752 2 7.9998 2H19.9998C20.5521 2 20.9998 2.44772 20.9998 3V17C20.9998 17.5523 20.5521 18 19.9998 18H16.9998V20.9991C16.9998 21.5519 16.5499 22 15.993 22H4.00666C3.45059 22 3 21.5554 3 20.9991L3.0026 7.00087C3.0027 6.44811 3.45264 6 4.00942 6H6.9998ZM5.00242 8L5.00019 20H14.9998V8H5.00242ZM8.9998 6H16.9998V16H18.9998V4H8.9998V6Z" }, null, -1)
     ])]));
   }
-}), T = /* @__PURE__ */ i(g2, [["__scopeId", "data-v-a971b6ee"]]), H2 = {
+}), E = /* @__PURE__ */ i(L2, [["__scopeId", "data-v-a971b6ee"]]), x2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, L2 = /* @__PURE__ */ a({
+}, V2 = /* @__PURE__ */ a({
   name: "Copydocument1",
   __name: "Copydocument1",
   setup(n) {
-    return (e, t) => (o(), r("svg", H2, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", x2, [...t[0] || (t[0] = [
       s("path", { d: "M6.9998 6V3C6.9998 2.44772 7.44752 2 7.9998 2H19.9998C20.5521 2 20.9998 2.44772 20.9998 3V17C20.9998 17.5523 20.5521 18 19.9998 18H16.9998V20.9991C16.9998 21.5519 16.5499 22 15.993 22H4.00666C3.45059 22 3 21.5554 3 20.9991L3.0026 7.00087C3.0027 6.44811 3.45264 6 4.00942 6H6.9998ZM5.00242 8L5.00019 20H14.9998V8H5.00242ZM8.9998 6H16.9998V16H18.9998V4H8.9998V6ZM7 11H13V13H7V11ZM7 15H13V17H7V15Z" }, null, -1)
     ])]));
   }
-}), W = /* @__PURE__ */ i(L2, [["__scopeId", "data-v-500b60ab"]]), x2 = {
+}), W = /* @__PURE__ */ i(V2, [["__scopeId", "data-v-500b60ab"]]), $2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, V2 = /* @__PURE__ */ a({
+}, M2 = /* @__PURE__ */ a({
   name: "Document",
   __name: "Document",
   setup(n) {
-    return (e, t) => (o(), r("svg", x2, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", $2, [...t[0] || (t[0] = [
       s("path", { d: "M7 4V2H17V4H20.0066C20.5552 4 21 4.44495 21 4.9934V21.0066C21 21.5552 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5551 3 21.0066V4.9934C3 4.44476 3.44495 4 3.9934 4H7ZM7 6H5V20H19V6H17V8H7V6ZM9 4V6H15V4H9Z" }, null, -1)
     ])]));
   }
-}), G = /* @__PURE__ */ i(V2, [["__scopeId", "data-v-db7f4d3e"]]), M2 = {
+}), G = /* @__PURE__ */ i(M2, [["__scopeId", "data-v-db7f4d3e"]]), Z2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, $2 = /* @__PURE__ */ a({
+}, b2 = /* @__PURE__ */ a({
   name: "Aligncenter",
   __name: "Aligncenter",
   setup(n) {
-    return (e, t) => (o(), r("svg", M2, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", Z2, [...t[0] || (t[0] = [
       s("path", { d: "M3 4H21V6H3V4ZM5 19H19V21H5V19ZM3 14H21V16H3V14ZM5 9H19V11H5V9Z" }, null, -1)
     ])]));
   }
-}), U = /* @__PURE__ */ i($2, [["__scopeId", "data-v-54c55e3d"]]), Z2 = {
+}), U = /* @__PURE__ */ i(b2, [["__scopeId", "data-v-54c55e3d"]]), y2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, b2 = /* @__PURE__ */ a({
+}, I2 = /* @__PURE__ */ a({
   name: "Alignleft",
   __name: "Alignleft",
   setup(n) {
-    return (e, t) => (o(), r("svg", Z2, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", y2, [...t[0] || (t[0] = [
       s("path", { d: "M3 4H21V6H3V4ZM3 19H17V21H3V19ZM3 14H21V16H3V14ZM3 9H17V11H3V9Z" }, null, -1)
     ])]));
   }
-}), R = /* @__PURE__ */ i(b2, [["__scopeId", "data-v-9189b9cf"]]), y2 = {
+}), R = /* @__PURE__ */ i(I2, [["__scopeId", "data-v-9189b9cf"]]), B2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, I2 = /* @__PURE__ */ a({
+}, k2 = /* @__PURE__ */ a({
   name: "Alignright",
   __name: "Alignright",
   setup(n) {
-    return (e, t) => (o(), r("svg", y2, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", B2, [...t[0] || (t[0] = [
       s("path", { d: "M3 4H21V6H3V4ZM7 19H21V21H7V19ZM3 14H21V16H3V14ZM7 9H21V11H7V9Z" }, null, -1)
     ])]));
   }
-}), F = /* @__PURE__ */ i(I2, [["__scopeId", "data-v-95cc50df"]]), B2 = {
+}), F = /* @__PURE__ */ i(k2, [["__scopeId", "data-v-95cc50df"]]), z2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, k2 = /* @__PURE__ */ a({
+}, N2 = /* @__PURE__ */ a({
   name: "Bold",
   __name: "Bold",
   setup(n) {
-    return (e, t) => (o(), r("svg", B2, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", z2, [...t[0] || (t[0] = [
       s("path", { d: "M8 11H12.5C13.8807 11 15 9.88071 15 8.5C15 7.11929 13.8807 6 12.5 6H8V11ZM18 15.5C18 17.9853 15.9853 20 13.5 20H6V4H12.5C14.9853 4 17 6.01472 17 8.5C17 9.70431 16.5269 10.7981 15.7564 11.6058C17.0979 12.3847 18 13.837 18 15.5ZM8 13V18H13.5C14.8807 18 16 16.8807 16 15.5C16 14.1193 14.8807 13 13.5 13H8Z" }, null, -1)
     ])]));
   }
-}), q = /* @__PURE__ */ i(k2, [["__scopeId", "data-v-7856c91b"]]), z2 = {
+}), q = /* @__PURE__ */ i(N2, [["__scopeId", "data-v-7856c91b"]]), S2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, N2 = /* @__PURE__ */ a({
+}, A2 = /* @__PURE__ */ a({
   name: "Clearformat",
   __name: "Clearformat",
   setup(n) {
-    return (e, t) => (o(), r("svg", z2, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", S2, [...t[0] || (t[0] = [
       s("path", { d: "M12.6512 14.0654L11.6047 20H9.57389L10.9247 12.339L3.51465 4.92892L4.92886 3.51471L20.4852 19.0711L19.071 20.4853L12.6512 14.0654ZM11.7727 7.53009L12.0425 5.99999H10.2426L8.24257 3.99999H19.9999V5.99999H14.0733L13.4991 9.25652L11.7727 7.53009Z" }, null, -1)
     ])]));
   }
-}), P = /* @__PURE__ */ i(N2, [["__scopeId", "data-v-5d93a5aa"]]), S2 = {
+}), P = /* @__PURE__ */ i(A2, [["__scopeId", "data-v-5d93a5aa"]]), T2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, A2 = /* @__PURE__ */ a({
+}, D2 = /* @__PURE__ */ a({
   name: "Color",
   __name: "Color",
   setup(n) {
-    return (e, t) => (o(), r("svg", S2, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", T2, [...t[0] || (t[0] = [
       s("path", { d: "M15.2459 14H8.75407L7.15407 18H5L11 3H13L19 18H16.8459L15.2459 14ZM14.4459 12L12 5.88516L9.55407 12H14.4459ZM3 20H21V22H3V20Z" }, null, -1)
     ])]));
   }
-}), O = /* @__PURE__ */ i(A2, [["__scopeId", "data-v-5a093b5a"]]), D2 = {
+}), O = /* @__PURE__ */ i(D2, [["__scopeId", "data-v-5a093b5a"]]), E2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, E2 = /* @__PURE__ */ a({
+}, W2 = /* @__PURE__ */ a({
   name: "Format",
   __name: "Format",
   setup(n) {
-    return (e, t) => (o(), r("svg", D2, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", E2, [...t[0] || (t[0] = [
       s("path", { d: "M8 19.9967V14.9967H10V19.9967H19V12.9967H5V19.9967H8ZM4 10.9967H20V7.9967H14V3.9967H10V7.9967H4V10.9967ZM3 20.9967V12.9967H2V6.9967C2 6.44442 2.44772 5.9967 3 5.9967H8V2.9967C8 2.44442 8.44772 1.9967 9 1.9967H15C15.5523 1.9967 16 2.44442 16 2.9967V5.9967H21C21.5523 5.9967 22 6.44442 22 6.9967V12.9967H21V20.9967C21 21.549 20.5523 21.9967 20 21.9967H4C3.44772 21.9967 3 21.549 3 20.9967Z" }, null, -1)
     ])]));
   }
-}), Q = /* @__PURE__ */ i(E2, [["__scopeId", "data-v-3d4c8080"]]), T2 = {
+}), Q = /* @__PURE__ */ i(W2, [["__scopeId", "data-v-3d4c8080"]]), G2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, W2 = /* @__PURE__ */ a({
+}, U2 = /* @__PURE__ */ a({
   name: "Italic",
   __name: "Italic",
   setup(n) {
-    return (e, t) => (o(), r("svg", T2, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", G2, [...t[0] || (t[0] = [
       s("path", { d: "M15 20H7V18H9.92661L12.0425 6H9V4H17V6H14.0734L11.9575 18H15V20Z" }, null, -1)
     ])]));
   }
-}), J = /* @__PURE__ */ i(W2, [["__scopeId", "data-v-07427ebc"]]), G2 = {
+}), J = /* @__PURE__ */ i(U2, [["__scopeId", "data-v-07427ebc"]]), R2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, U2 = /* @__PURE__ */ a({
+}, F2 = /* @__PURE__ */ a({
   name: "Justify",
   __name: "Justify",
   setup(n) {
-    return (e, t) => (o(), r("svg", G2, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", R2, [...t[0] || (t[0] = [
       s("path", { d: "M3 4H21V6H3V4ZM3 19H21V21H3V19ZM3 14H21V16H3V14ZM3 9H21V11H3V9Z" }, null, -1)
     ])]));
   }
-}), Y = /* @__PURE__ */ i(U2, [["__scopeId", "data-v-0c6fafc2"]]), R2 = {
+}), Y = /* @__PURE__ */ i(F2, [["__scopeId", "data-v-0c6fafc2"]]), q2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, F2 = /* @__PURE__ */ a({
+}, P2 = /* @__PURE__ */ a({
   name: "Lineheight",
   __name: "Lineheight",
   setup(n) {
-    return (e, t) => (o(), r("svg", R2, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", q2, [...t[0] || (t[0] = [
       s("path", { d: "M11 4H21V6H11V4ZM6 7V11H4V7H1L5 3L9 7H6ZM6 17H9L5 21L1 17H4V13H6V17ZM11 18H21V20H11V18ZM9 11H21V13H9V11Z" }, null, -1)
     ])]));
   }
-}), K = /* @__PURE__ */ i(F2, [["__scopeId", "data-v-8f19bdb9"]]), q2 = {
+}), K = /* @__PURE__ */ i(P2, [["__scopeId", "data-v-8f19bdb9"]]), O2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, P2 = /* @__PURE__ */ a({
+}, Q2 = /* @__PURE__ */ a({
   name: "OrderedList",
   __name: "OrderedList",
   setup(n) {
-    return (e, t) => (o(), r("svg", q2, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", O2, [...t[0] || (t[0] = [
       s("path", { d: "M8 4H21V6H8V4ZM5 3V6H6V7H3V6H4V4H3V3H5ZM3 14V11.5H5V11H3V10H6V12.5H4V13H6V14H3ZM5 19.5H3V18.5H5V18H3V17H6V21H3V20H5V19.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z" }, null, -1)
     ])]));
   }
-}), X = /* @__PURE__ */ i(P2, [["__scopeId", "data-v-4cd04009"]]), O2 = {
+}), X = /* @__PURE__ */ i(Q2, [["__scopeId", "data-v-4cd04009"]]), J2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, Q2 = /* @__PURE__ */ a({
+}, Y2 = /* @__PURE__ */ a({
   name: "Redo",
   __name: "Redo",
   setup(n) {
-    return (e, t) => (o(), r("svg", O2, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", J2, [...t[0] || (t[0] = [
       s("path", { d: "M16 7H11C7.68629 7 5 9.68629 5 13C5 16.3137 7.68629 19 11 19H20V21H11C6.58172 21 3 17.4183 3 13C3 8.58172 6.58172 5 11 5H16V1L22 6L16 11V7Z" }, null, -1)
     ])]));
   }
-}), j = /* @__PURE__ */ i(Q2, [["__scopeId", "data-v-e34f5dcf"]]), J2 = {
+}), j = /* @__PURE__ */ i(Y2, [["__scopeId", "data-v-e34f5dcf"]]), K2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, Y2 = /* @__PURE__ */ a({
+}, X2 = /* @__PURE__ */ a({
   name: "Strikethrough",
   __name: "Strikethrough",
   setup(n) {
-    return (e, t) => (o(), r("svg", J2, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", K2, [...t[0] || (t[0] = [
       s("path", { d: "M17.1538 14C17.3846 14.5161 17.5 15.0893 17.5 15.7196C17.5 17.0625 16.9762 18.1116 15.9286 18.867C14.8809 19.6223 13.4335 20 11.5862 20C9.94674 20 8.32335 19.6185 6.71592 18.8555V16.6009C8.23538 17.4783 9.7908 17.917 11.3822 17.917C13.9333 17.917 15.2128 17.1846 15.2208 15.7196C15.2208 15.0939 15.0049 14.5598 14.5731 14.1173C14.5339 14.0772 14.4939 14.0381 14.4531 14H3V12H21V14H17.1538ZM13.076 11H7.62908C7.4566 10.8433 7.29616 10.6692 7.14776 10.4778C6.71592 9.92084 6.5 9.24559 6.5 8.45207C6.5 7.21602 6.96583 6.165 7.89749 5.299C8.82916 4.43299 10.2706 4 12.2219 4C13.6934 4 15.1009 4.32808 16.4444 4.98426V7.13591C15.2448 6.44921 13.9293 6.10587 12.4978 6.10587C10.0187 6.10587 8.77917 6.88793 8.77917 8.45207C8.77917 8.87172 8.99709 9.23796 9.43293 9.55079C9.86878 9.86362 10.4066 10.1135 11.0463 10.3004C11.6665 10.4816 12.3431 10.7148 13.076 11H13.076Z" }, null, -1)
     ])]));
   }
-}), t1 = /* @__PURE__ */ i(Y2, [["__scopeId", "data-v-21722058"]]), K2 = {
+}), t1 = /* @__PURE__ */ i(X2, [["__scopeId", "data-v-21722058"]]), j2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, X2 = /* @__PURE__ */ a({
+}, t0 = /* @__PURE__ */ a({
   name: "Underline",
   __name: "Underline",
   setup(n) {
-    return (e, t) => (o(), r("svg", K2, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", j2, [...t[0] || (t[0] = [
       s("path", { d: "M8 3V12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12V3H18V12C18 15.3137 15.3137 18 12 18C8.68629 18 6 15.3137 6 12V3H8ZM4 20H20V22H4V20Z" }, null, -1)
     ])]));
   }
-}), e1 = /* @__PURE__ */ i(X2, [["__scopeId", "data-v-d35c2518"]]), j2 = {
+}), e1 = /* @__PURE__ */ i(t0, [["__scopeId", "data-v-d35c2518"]]), e0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, t0 = /* @__PURE__ */ a({
+}, n0 = /* @__PURE__ */ a({
   name: "Undo",
   __name: "Undo",
   setup(n) {
-    return (e, t) => (o(), r("svg", j2, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", e0, [...t[0] || (t[0] = [
       s("path", { d: "M8 7V11L2 6L8 1V5H13C17.4183 5 21 8.58172 21 13C21 17.4183 17.4183 21 13 21H4V19H13C16.3137 19 19 16.3137 19 13C19 9.68629 16.3137 7 13 7H8Z" }, null, -1)
     ])]));
   }
-}), n1 = /* @__PURE__ */ i(t0, [["__scopeId", "data-v-edab5821"]]), e0 = {
+}), n1 = /* @__PURE__ */ i(n0, [["__scopeId", "data-v-edab5821"]]), s0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, n0 = /* @__PURE__ */ a({
+}, o0 = /* @__PURE__ */ a({
   name: "UnorderedList",
   __name: "UnorderedList",
   setup(n) {
-    return (e, t) => (o(), r("svg", e0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", s0, [...t[0] || (t[0] = [
       s("path", { d: "M8 4H21V6H8V4ZM4.5 6.5C3.67157 6.5 3 5.82843 3 5C3 4.17157 3.67157 3.5 4.5 3.5C5.32843 3.5 6 4.17157 6 5C6 5.82843 5.32843 6.5 4.5 6.5ZM4.5 13.5C3.67157 13.5 3 12.8284 3 12C3 11.1716 3.67157 10.5 4.5 10.5C5.32843 10.5 6 11.1716 6 12C6 12.8284 5.32843 13.5 4.5 13.5ZM4.5 20.4C3.67157 20.4 3 19.7284 3 18.9C3 18.0716 3.67157 17.4 4.5 17.4C5.32843 17.4 6 18.0716 6 18.9C6 19.7284 5.32843 20.4 4.5 20.4ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z" }, null, -1)
     ])]));
   }
-}), s1 = /* @__PURE__ */ i(n0, [["__scopeId", "data-v-9fd493f8"]]), s0 = {
+}), s1 = /* @__PURE__ */ i(o0, [["__scopeId", "data-v-9fd493f8"]]), r0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, o0 = /* @__PURE__ */ a({
+}, a0 = /* @__PURE__ */ a({
   name: "Attachment",
   __name: "Attachment",
   setup(n) {
-    return (e, t) => (o(), r("svg", s0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", r0, [...t[0] || (t[0] = [
       s("path", { d: "M14.8287 7.75737L9.1718 13.4142C8.78127 13.8047 8.78127 14.4379 9.1718 14.8284C9.56232 15.219 10.1955 15.219 10.586 14.8284L16.2429 9.17158C17.4144 8.00001 17.4144 6.10052 16.2429 4.92894C15.0713 3.75737 13.1718 3.75737 12.0002 4.92894L6.34337 10.5858C4.39075 12.5384 4.39075 15.7042 6.34337 17.6569C8.29599 19.6095 11.4618 19.6095 13.4144 17.6569L19.0713 12L20.4855 13.4142L14.8287 19.0711C12.095 21.8047 7.66283 21.8047 4.92916 19.0711C2.19549 16.3374 2.19549 11.9053 4.92916 9.17158L10.586 3.51473C12.5386 1.56211 15.7045 1.56211 17.6571 3.51473C19.6097 5.46735 19.6097 8.63317 17.6571 10.5858L12.0002 16.2427C10.8287 17.4142 8.92916 17.4142 7.75759 16.2427C6.58601 15.0711 6.58601 13.1716 7.75759 12L13.4144 6.34316L14.8287 7.75737Z" }, null, -1)
     ])]));
   }
-}), o1 = /* @__PURE__ */ i(o0, [["__scopeId", "data-v-829833c8"]]), r0 = {
+}), o1 = /* @__PURE__ */ i(a0, [["__scopeId", "data-v-829833c8"]]), i0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, a0 = /* @__PURE__ */ a({
+}, l0 = /* @__PURE__ */ a({
   name: "Emotion",
   __name: "Emotion",
   setup(n) {
-    return (e, t) => (o(), r("svg", r0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", i0, [...t[0] || (t[0] = [
       s("path", { d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM8 13H16C16 15.2091 14.2091 17 12 17C9.79086 17 8 15.2091 8 13ZM8 11C7.17157 11 6.5 10.3284 6.5 9.5C6.5 8.67157 7.17157 8 8 8C8.82843 8 9.5 8.67157 9.5 9.5C9.5 10.3284 8.82843 11 8 11ZM16 11C15.1716 11 14.5 10.3284 14.5 9.5C14.5 8.67157 15.1716 8 16 8C16.8284 8 17.5 8.67157 17.5 9.5C17.5 10.3284 16.8284 11 16 11Z" }, null, -1)
     ])]));
   }
-}), r1 = /* @__PURE__ */ i(a0, [["__scopeId", "data-v-9f8f4c2f"]]), i0 = {
+}), r1 = /* @__PURE__ */ i(l0, [["__scopeId", "data-v-9f8f4c2f"]]), c0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, l0 = /* @__PURE__ */ a({
+}, _0 = /* @__PURE__ */ a({
   name: "Like",
   __name: "Like",
   setup(n) {
-    return (e, t) => (o(), r("svg", i0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", c0, [...t[0] || (t[0] = [
       s("path", { d: "M14.5998 8.00033H21C22.1046 8.00033 23 8.89576 23 10.0003V12.1047C23 12.3659 22.9488 12.6246 22.8494 12.8662L19.755 20.3811C19.6007 20.7558 19.2355 21.0003 18.8303 21.0003H2C1.44772 21.0003 1 20.5526 1 20.0003V10.0003C1 9.44804 1.44772 9.00033 2 9.00033H5.48184C5.80677 9.00033 6.11143 8.84246 6.29881 8.57701L11.7522 0.851355C11.8947 0.649486 12.1633 0.581978 12.3843 0.692483L14.1984 1.59951C15.25 2.12534 15.7931 3.31292 15.5031 4.45235L14.5998 8.00033ZM7 10.5878V19.0003H18.1606L21 12.1047V10.0003H14.5998C13.2951 10.0003 12.3398 8.77128 12.6616 7.50691L13.5649 3.95894C13.6229 3.73105 13.5143 3.49353 13.3039 3.38837L12.6428 3.0578L7.93275 9.73038C7.68285 10.0844 7.36341 10.3746 7 10.5878ZM5 11.0003H3V19.0003H5V11.0003Z" }, null, -1)
     ])]));
   }
-}), a1 = /* @__PURE__ */ i(l0, [["__scopeId", "data-v-55382005"]]), c0 = {
+}), a1 = /* @__PURE__ */ i(_0, [["__scopeId", "data-v-55382005"]]), d0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, _0 = /* @__PURE__ */ a({
+}, C0 = /* @__PURE__ */ a({
   name: "Likefilled",
   __name: "Likefilled",
   setup(n) {
-    return (e, t) => (o(), r("svg", c0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", d0, [...t[0] || (t[0] = [
       s("path", { d: "M2 8.99997H5V21H2C1.44772 21 1 20.5523 1 20V9.99997C1 9.44769 1.44772 8.99997 2 8.99997ZM7.29289 7.70708L13.6934 1.30661C13.8693 1.13066 14.1479 1.11087 14.3469 1.26016L15.1995 1.8996C15.6842 2.26312 15.9026 2.88253 15.7531 3.46966L14.5998 7.99997H21C22.1046 7.99997 23 8.8954 23 9.99997V12.1043C23 12.3656 22.9488 12.6243 22.8494 12.8658L19.755 20.3807C19.6007 20.7554 19.2355 21 18.8303 21H8C7.44772 21 7 20.5523 7 20V8.41419C7 8.14897 7.10536 7.89462 7.29289 7.70708Z" }, null, -1)
     ])]));
   }
-}), i1 = /* @__PURE__ */ i(_0, [["__scopeId", "data-v-8444d3f4"]]), d0 = {
+}), i1 = /* @__PURE__ */ i(C0, [["__scopeId", "data-v-8444d3f4"]]), u0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, C0 = /* @__PURE__ */ a({
+}, p0 = /* @__PURE__ */ a({
   name: "Image",
   __name: "Image",
   setup(n) {
-    return (e, t) => (o(), r("svg", d0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", u0, [...t[0] || (t[0] = [
       s("path", { d: "M2.9918 21C2.44405 21 2 20.5551 2 20.0066V3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918ZM20 15V5H4V19L14 9L20 15ZM20 17.8284L14 11.8284L6.82843 19H20V17.8284ZM8 11C6.89543 11 6 10.1046 6 9C6 7.89543 6.89543 7 8 7C9.10457 7 10 7.89543 10 9C10 10.1046 9.10457 11 8 11Z" }, null, -1)
     ])]));
   }
-}), l1 = /* @__PURE__ */ i(C0, [["__scopeId", "data-v-5fffe11f"]]), u0 = {
+}), l1 = /* @__PURE__ */ i(p0, [["__scopeId", "data-v-5fffe11f"]]), m0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, p0 = /* @__PURE__ */ a({
+}, f0 = /* @__PURE__ */ a({
   name: "Email",
   __name: "Email",
   setup(n) {
-    return (e, t) => (o(), r("svg", u0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", m0, [...t[0] || (t[0] = [
       s("path", { d: "M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM20 7.23792L12.0718 14.338L4 7.21594V19H20V7.23792ZM4.51146 5L12.0619 11.662L19.501 5H4.51146Z" }, null, -1)
     ])]));
   }
-}), c1 = /* @__PURE__ */ i(p0, [["__scopeId", "data-v-b9ee9b68"]]), m0 = {
+}), c1 = /* @__PURE__ */ i(f0, [["__scopeId", "data-v-b9ee9b68"]]), w0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, f0 = /* @__PURE__ */ a({
+}, v0 = /* @__PURE__ */ a({
   name: "Add",
   __name: "Add",
   setup(n) {
-    return (e, t) => (o(), r("svg", m0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", w0, [...t[0] || (t[0] = [
       s("path", { d: "M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z" }, null, -1)
     ])]));
   }
-}), _1 = /* @__PURE__ */ i(f0, [["__scopeId", "data-v-c792f1c6"]]), v0 = {
+}), _1 = /* @__PURE__ */ i(v0, [["__scopeId", "data-v-c792f1c6"]]), h0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, w0 = /* @__PURE__ */ a({
+}, g0 = /* @__PURE__ */ a({
   name: "Circleclose",
   __name: "Circleclose",
   setup(n) {
-    return (e, t) => (o(), r("svg", v0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", h0, [...t[0] || (t[0] = [
       s("path", { d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 10.5858L14.8284 7.75736L16.2426 9.17157L13.4142 12L16.2426 14.8284L14.8284 16.2426L12 13.4142L9.17157 16.2426L7.75736 14.8284L10.5858 12L7.75736 9.17157L9.17157 7.75736L12 10.5858Z" }, null, -1)
     ])]));
   }
-}), d1 = /* @__PURE__ */ i(w0, [["__scopeId", "data-v-00313e32"]]), h0 = {
+}), d1 = /* @__PURE__ */ i(g0, [["__scopeId", "data-v-00313e32"]]), H0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, g0 = /* @__PURE__ */ a({
+}, L0 = /* @__PURE__ */ a({
   name: "Circleclosefilled",
   __name: "Circleclosefilled",
   setup(n) {
-    return (e, t) => (o(), r("svg", h0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", H0, [...t[0] || (t[0] = [
       s("path", { d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 10.5858L9.17157 7.75736L7.75736 9.17157L10.5858 12L7.75736 14.8284L9.17157 16.2426L12 13.4142L14.8284 16.2426L16.2426 14.8284L13.4142 12L16.2426 9.17157L14.8284 7.75736L12 10.5858Z" }, null, -1)
     ])]));
   }
-}), Z = /* @__PURE__ */ i(g0, [["__scopeId", "data-v-e5b02814"]]), H0 = {
+}), Z = /* @__PURE__ */ i(L0, [["__scopeId", "data-v-e5b02814"]]), x0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, L0 = /* @__PURE__ */ a({
+}, V0 = /* @__PURE__ */ a({
   name: "Close",
   __name: "Close",
   setup(n) {
-    return (e, t) => (o(), r("svg", H0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", x0, [...t[0] || (t[0] = [
       s("path", { d: "M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z" }, null, -1)
     ])]));
   }
-}), C1 = /* @__PURE__ */ i(L0, [["__scopeId", "data-v-1128a890"]]), x0 = {
+}), C1 = /* @__PURE__ */ i(V0, [["__scopeId", "data-v-1128a890"]]), $0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, V0 = /* @__PURE__ */ a({
+}, M0 = /* @__PURE__ */ a({
   name: "Delete",
   __name: "Delete",
   setup(n) {
-    return (e, t) => (o(), r("svg", x0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", $0, [...t[0] || (t[0] = [
       s("path", { d: "M17 6H22V8H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V8H2V6H7V3C7 2.44772 7.44772 2 8 2H16C16.5523 2 17 2.44772 17 3V6ZM18 8H6V20H18V8ZM9 11H11V17H9V11ZM13 11H15V17H13V11ZM9 4V6H15V4H9Z" }, null, -1)
     ])]));
   }
-}), u1 = /* @__PURE__ */ i(V0, [["__scopeId", "data-v-da6ac506"]]), M0 = {
+}), u1 = /* @__PURE__ */ i(M0, [["__scopeId", "data-v-da6ac506"]]), Z0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, $0 = /* @__PURE__ */ a({
+}, b0 = /* @__PURE__ */ a({
   name: "Grid",
   __name: "Grid",
   setup(n) {
-    return (e, t) => (o(), r("svg", M0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", Z0, [...t[0] || (t[0] = [
       s("path", { d: "M14 10V14H10V10H14ZM16 10H21V14H16V10ZM14 21H10V16H14V21ZM16 21V16H21V20C21 20.5523 20.5523 21 20 21H16ZM14 3V8H10V3H14ZM16 3H20C20.5523 3 21 3.44772 21 4V8H16V3ZM8 10V14H3V10H8ZM8 21H4C3.44772 21 3 20.5523 3 20V16H8V21ZM8 3V8H3V4C3 3.44772 3.44772 3 4 3H8Z" }, null, -1)
     ])]));
   }
-}), p1 = /* @__PURE__ */ i($0, [["__scopeId", "data-v-5b66786e"]]), Z0 = {
+}), p1 = /* @__PURE__ */ i(b0, [["__scopeId", "data-v-5b66786e"]]), y0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, b0 = /* @__PURE__ */ a({
+}, I0 = /* @__PURE__ */ a({
   name: "Hide",
   __name: "Hide",
   setup(n) {
-    return (e, t) => (o(), r("svg", Z0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", y0, [...t[0] || (t[0] = [
       s("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5C21.27 7.61 17 4.5 12 4.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z" }, null, -1),
       s("path", { d: "M12 9c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" }, null, -1),
       s("path", { d: "M2.81 2.81L21.19 21.19 19.78 22.6 1.39 4.21 2.81 2.81z" }, null, -1)
     ])]));
   }
-}), m1 = /* @__PURE__ */ i(b0, [["__scopeId", "data-v-e1dbe2b7"]]), y0 = {
+}), m1 = /* @__PURE__ */ i(I0, [["__scopeId", "data-v-e1dbe2b7"]]), B0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, I0 = /* @__PURE__ */ a({
+}, k0 = /* @__PURE__ */ a({
   name: "Infofilled",
   __name: "Infofilled",
   setup(n) {
-    return (e, t) => (o(), r("svg", y0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", B0, [...t[0] || (t[0] = [
       s("path", { d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 9.5C12.8284 9.5 13.5 8.82843 13.5 8C13.5 7.17157 12.8284 6.5 12 6.5C11.1716 6.5 10.5 7.17157 10.5 8C10.5 8.82843 11.1716 9.5 12 9.5ZM14 15H13V10.5H10V12.5H11V15H10V17H14V15Z" }, null, -1)
     ])]));
   }
-}), w = /* @__PURE__ */ i(I0, [["__scopeId", "data-v-2aca4b77"]]), B0 = {
+}), v = /* @__PURE__ */ i(k0, [["__scopeId", "data-v-2aca4b77"]]), z0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, k0 = /* @__PURE__ */ a({
+}, N0 = /* @__PURE__ */ a({
   name: "Link",
   __name: "Link",
   setup(n) {
-    return (e, t) => (o(), r("svg", B0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", z0, [...t[0] || (t[0] = [
       s("path", { d: "M18.3638 15.5355L16.9496 14.1213L18.3638 12.7071C20.3164 10.7545 20.3164 7.58866 18.3638 5.63604C16.4112 3.68341 13.2453 3.68341 11.2927 5.63604L9.87849 7.05025L8.46428 5.63604L9.87849 4.22182C12.6122 1.48815 17.0443 1.48815 19.778 4.22182C22.5117 6.95549 22.5117 11.3876 19.778 14.1213L18.3638 15.5355ZM15.5353 18.364L14.1211 19.7782C11.3875 22.5118 6.95531 22.5118 4.22164 19.7782C1.48797 17.0445 1.48797 12.6123 4.22164 9.87868L5.63585 8.46446L7.05007 9.87868L5.63585 11.2929C3.68323 13.2455 3.68323 16.4113 5.63585 18.364C7.58847 20.3166 10.7543 20.3166 12.7069 18.364L14.1211 16.9497L15.5353 18.364ZM14.8282 7.75736L16.2425 9.17157L9.17139 16.2426L7.75717 14.8284L14.8282 7.75736Z" }, null, -1)
     ])]));
   }
-}), f1 = /* @__PURE__ */ i(k0, [["__scopeId", "data-v-23ffeb96"]]), z0 = {
+}), f1 = /* @__PURE__ */ i(N0, [["__scopeId", "data-v-23ffeb96"]]), S0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, N0 = /* @__PURE__ */ a({
+}, A0 = /* @__PURE__ */ a({
   name: "Successfilled",
   __name: "Successfilled",
   setup(n) {
-    return (e, t) => (o(), r("svg", z0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", S0, [...t[0] || (t[0] = [
       s("path", { d: "M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM10.3 15.3L6.7 11.7L8.1 10.3L10.3 12.5L15.9 6.9L17.3 8.3L10.3 15.3Z" }, null, -1)
     ])]));
   }
-}), b = /* @__PURE__ */ i(N0, [["__scopeId", "data-v-c15363d2"]]), S0 = {
+}), b = /* @__PURE__ */ i(A0, [["__scopeId", "data-v-c15363d2"]]), T0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, A0 = /* @__PURE__ */ a({
+}, D0 = /* @__PURE__ */ a({
   name: "Unlink",
   __name: "Unlink",
   setup(n) {
-    return (e, t) => (o(), r("svg", S0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", T0, [...t[0] || (t[0] = [
       s("path", { d: "M17.657 14.8284L16.2428 13.4142L17.657 12C19.2191 10.4379 19.2191 7.90526 17.657 6.34316C16.0949 4.78106 13.5622 4.78106 12.0001 6.34316L10.5859 7.75737L9.17171 6.34316L10.5859 4.92895C12.9291 2.5858 16.7281 2.5858 19.0712 4.92895C21.4143 7.27209 21.4143 11.0711 19.0712 13.4142L17.657 14.8284ZM14.8286 17.6569L13.4143 19.0711C11.0712 21.4142 7.27221 21.4142 4.92907 19.0711C2.58592 16.7279 2.58592 12.9289 4.92907 10.5858L6.34328 9.17159L7.75749 10.5858L6.34328 12C4.78118 13.5621 4.78118 16.0948 6.34328 17.6569C7.90538 19.219 10.438 19.219 12.0001 17.6569L13.4143 16.2427L14.8286 17.6569ZM14.8286 7.75737L16.2428 9.17159L9.17171 16.2427L7.75749 14.8284L14.8286 7.75737ZM5.77539 2.29291L7.70724 1.77527L8.74252 5.63897L6.81067 6.15661L5.77539 2.29291ZM15.2578 18.3611L17.1896 17.8434L18.2249 21.7071L16.293 22.2248L15.2578 18.3611ZM2.29303 5.77527L6.15673 6.81054L5.63909 8.7424L1.77539 7.70712L2.29303 5.77527ZM18.3612 15.2576L22.2249 16.2929L21.7072 18.2248L17.8435 17.1895L18.3612 15.2576Z" }, null, -1)
     ])]));
   }
-}), v1 = /* @__PURE__ */ i(A0, [["__scopeId", "data-v-e4b370d7"]]), D0 = {
+}), w1 = /* @__PURE__ */ i(D0, [["__scopeId", "data-v-e4b370d7"]]), E0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, E0 = /* @__PURE__ */ a({
+}, W0 = /* @__PURE__ */ a({
   name: "View",
   __name: "View",
   setup(n) {
-    return (e, t) => (o(), r("svg", D0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", E0, [...t[0] || (t[0] = [
       s("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5C21.27 7.61 17 4.5 12 4.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z" }, null, -1),
       s("path", { d: "M12 9c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" }, null, -1)
     ])]));
   }
-}), w1 = /* @__PURE__ */ i(E0, [["__scopeId", "data-v-550b680d"]]), T0 = {
+}), v1 = /* @__PURE__ */ i(W0, [["__scopeId", "data-v-550b680d"]]), G0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, W0 = /* @__PURE__ */ a({
+}, U0 = /* @__PURE__ */ a({
   name: "Warningfilled",
   __name: "Warningfilled",
   setup(n) {
-    return (e, t) => (o(), r("svg", T0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", G0, [...t[0] || (t[0] = [
       s("path", { d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM11 7V13H13V7H11Z" }, null, -1)
     ])]));
   }
-}), y = /* @__PURE__ */ i(W0, [["__scopeId", "data-v-89262f63"]]), G0 = {
+}), y = /* @__PURE__ */ i(U0, [["__scopeId", "data-v-89262f63"]]), R0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, U0 = /* @__PURE__ */ a({
+}, F0 = /* @__PURE__ */ a({
   name: "List",
   __name: "List",
   setup(n) {
-    return (e, t) => (o(), r("svg", G0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", R0, [...t[0] || (t[0] = [
       s("path", { d: "M20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22ZM19 20V4H5V20H19ZM8 7H16V9H8V7ZM8 11H16V13H8V11ZM8 15H16V17H8V15Z" }, null, -1)
     ])]));
   }
-}), h1 = /* @__PURE__ */ i(U0, [["__scopeId", "data-v-d58823f0"]]), R0 = {
+}), h1 = /* @__PURE__ */ i(F0, [["__scopeId", "data-v-d58823f0"]]), q0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, F0 = /* @__PURE__ */ a({
+}, P0 = /* @__PURE__ */ a({
   name: "Home",
   __name: "Home",
   setup(n) {
-    return (e, t) => (o(), r("svg", R0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", q0, [...t[0] || (t[0] = [
       s("path", { d: "M19 21H5C4.44772 21 4 20.5523 4 20V11L1 11L11.3273 1.6115C11.7087 1.26475 12.2913 1.26475 12.6727 1.6115L23 11L20 11V20C20 20.5523 19.5523 21 19 21ZM6 19H18V9.15745L12 3.7029L6 9.15745V19Z" }, null, -1)
     ])]));
   }
-}), g1 = /* @__PURE__ */ i(F0, [["__scopeId", "data-v-0f054b9d"]]), q0 = {
+}), g1 = /* @__PURE__ */ i(P0, [["__scopeId", "data-v-0f054b9d"]]), O0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, P0 = /* @__PURE__ */ a({
+}, Q0 = /* @__PURE__ */ a({
   name: "Chat",
   __name: "Chat",
   setup(n) {
-    return (e, t) => (o(), r("svg", q0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", O0, [...t[0] || (t[0] = [
       s("path", { d: "M5.76282 17H20V5H4V18.3851L5.76282 17ZM6.45455 19L2 22.5V4C2 3.44772 2.44772 3 3 3H21C21.5523 3 22 3.44772 22 4V18C22 18.5523 21.5523 19 21 19H6.45455Z" }, null, -1)
     ])]));
   }
-}), H1 = /* @__PURE__ */ i(P0, [["__scopeId", "data-v-533f3b51"]]), O0 = {
+}), H1 = /* @__PURE__ */ i(Q0, [["__scopeId", "data-v-533f3b51"]]), J0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, Q0 = /* @__PURE__ */ a({
+}, Y0 = /* @__PURE__ */ a({
   name: "Chatfilled",
   __name: "Chatfilled",
   setup(n) {
-    return (e, t) => (o(), r("svg", O0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", J0, [...t[0] || (t[0] = [
       s("path", { d: "M6.45455 19L2 22.5V4C2 3.44772 2.44772 3 3 3H21C21.5523 3 22 3.44772 22 4V18C22 18.5523 21.5523 19 21 19H6.45455Z" }, null, -1)
     ])]));
   }
-}), L1 = /* @__PURE__ */ i(Q0, [["__scopeId", "data-v-535a5610"]]), J0 = {
+}), L1 = /* @__PURE__ */ i(Y0, [["__scopeId", "data-v-535a5610"]]), K0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, Y0 = /* @__PURE__ */ a({
+}, X0 = /* @__PURE__ */ a({
+  name: "Theme",
+  __name: "Theme",
+  setup(n) {
+    return (e, t) => (o(), r("svg", K0, [...t[0] || (t[0] = [
+      s("path", { d: "M14.5135 5.00008L17.1201 2.39348C17.5106 2.00295 18.1438 2.00295 18.5343 2.39348L22.777 6.63612C23.1675 7.02664 23.1675 7.65981 22.777 8.05033L18.9988 11.8285V21.0001C18.9988 21.5524 18.5511 22.0001 17.9988 22.0001H5.9988C5.44652 22.0001 4.9988 21.5524 4.9988 21.0001V11.8285L1.22063 8.05033C0.830103 7.65981 0.830103 7.02664 1.22063 6.63612L5.46327 2.39348C5.85379 2.00295 6.48696 2.00295 6.87748 2.39348L9.48408 5.00008H14.5135ZM15.3419 7.00008H8.65566L6.17037 4.5148L3.34195 7.34323L6.9988 11.0001V20.0001H16.9988V11.0001L20.6557 7.34323L17.8272 4.5148L15.3419 7.00008Z" }, null, -1)
+    ])]));
+  }
+}), x1 = /* @__PURE__ */ i(X0, [["__scopeId", "data-v-f6ae55ac"]]), j0 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+}, t5 = /* @__PURE__ */ a({
+  name: "Themefilled",
+  __name: "Themefilled",
+  setup(n) {
+    return (e, t) => (o(), r("svg", j0, [...t[0] || (t[0] = [
+      s("path", { d: "M14.5135 5.00008L17.1201 2.39348C17.5106 2.00295 18.1438 2.00295 18.5343 2.39348L22.777 6.63612C23.1675 7.02664 23.1675 7.65981 22.777 8.05033L18.9988 11.8285V21.0001C18.9988 21.5524 18.5511 22.0001 17.9988 22.0001H5.9988C5.44652 22.0001 4.9988 21.5524 4.9988 21.0001V11.8285L1.22063 8.05033C0.830103 7.65981 0.830103 7.02664 1.22063 6.63612L5.46327 2.39348C5.85379 2.00295 6.48696 2.00295 6.87748 2.39348L9.48408 5.00008H14.5135Z" }, null, -1)
+    ])]));
+  }
+}), V1 = /* @__PURE__ */ i(t5, [["__scopeId", "data-v-fd2c3205"]]), e5 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+}, n5 = /* @__PURE__ */ a({
   name: "Dark",
   __name: "Dark",
   setup(n) {
-    return (e, t) => (o(), r("svg", J0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", e5, [...t[0] || (t[0] = [
       s("path", { d: "M10 7C10 10.866 13.134 14 17 14C18.9584 14 20.729 13.1957 21.9995 11.8995C22 11.933 22 11.9665 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C12.0335 2 12.067 2 12.1005 2.00049C10.8043 3.27098 10 5.04157 10 7ZM4 12C4 16.4183 7.58172 20 12 20C15.0583 20 17.7158 18.2839 19.062 15.7621C18.3945 15.9187 17.7035 16 17 16C12.0294 16 8 11.9706 8 7C8 6.29648 8.08133 5.60547 8.2379 4.938C5.71611 6.28423 4 8.9417 4 12Z" }, null, -1)
     ])]));
   }
-}), x1 = /* @__PURE__ */ i(Y0, [["__scopeId", "data-v-af70b8fa"]]), K0 = {
+}), $1 = /* @__PURE__ */ i(n5, [["__scopeId", "data-v-af70b8fa"]]), s5 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, X0 = /* @__PURE__ */ a({
+}, o5 = /* @__PURE__ */ a({
   name: "Light",
   __name: "Light",
   setup(n) {
-    return (e, t) => (o(), r("svg", K0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", s5, [...t[0] || (t[0] = [
       s("path", { d: "M12 18C8.68629 18 6 15.3137 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 15.3137 15.3137 18 12 18ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16ZM11 1H13V4H11V1ZM11 20H13V23H11V20ZM3.51472 4.92893L4.92893 3.51472L7.05025 5.63604L5.63604 7.05025L3.51472 4.92893ZM16.9497 18.364L18.364 16.9497L20.4853 19.0711L19.0711 20.4853L16.9497 18.364ZM19.0711 3.51472L20.4853 4.92893L18.364 7.05025L16.9497 5.63604L19.0711 3.51472ZM5.63604 16.9497L7.05025 18.364L4.92893 20.4853L3.51472 19.0711L5.63604 16.9497ZM23 11V13H20V11H23ZM4 11V13H1V11H4Z" }, null, -1)
     ])]));
   }
-}), V1 = /* @__PURE__ */ i(X0, [["__scopeId", "data-v-86e7d2a3"]]), j0 = {
+}), M1 = /* @__PURE__ */ i(o5, [["__scopeId", "data-v-86e7d2a3"]]), r5 = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 2048 2048",
   style: { "enable-background": "new 0 0 2048 2048" },
   "xml:space": "preserve"
-}, t5 = /* @__PURE__ */ a({
+}, a5 = /* @__PURE__ */ a({
   name: "Githubdark",
   __name: "Githubdark",
   setup(n) {
-    return (e, t) => (o(), r("svg", j0, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", r5, [...t[0] || (t[0] = [
       s("path", { d: `M1024.6,32.2C466.5,32.2,15.2,486.8,15.2,1049.1c0,449.5,289.1,830,690.2,964.7C755.6,2024,774,1992,774,1965\r
 	c0-23.6-1.7-104.4-1.7-188.6C491.5,1837.1,433,1655.2,433,1655.2c-45.1-117.9-112-148.1-112-148.1c-91.9-62.3,6.7-62.3,6.7-62.3\r
 	c101.9,6.7,155.4,104.4,155.4,104.4c90.2,154.9,235.6,111.1,294.1,84.2c8.3-65.7,35.1-111.1,63.5-136.4\r
@@ -827,18 +851,18 @@ const l2 = {
 	c0,26.9,18.4,58.9,68.5,48.8c401.1-134.7,690.2-515.2,690.2-964.7C2034,486.8,1581.1,32.2,1024.6,32.2z` }, null, -1)
     ])]));
   }
-}), M1 = /* @__PURE__ */ i(t5, [["__scopeId", "data-v-24c2c5e6"]]), e5 = {
+}), Z1 = /* @__PURE__ */ i(a5, [["__scopeId", "data-v-24c2c5e6"]]), i5 = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 2048 2048",
   fill: "white",
   style: { "enable-background": "new 0 0 2048 2048" },
   "xml:space": "preserve"
-}, n5 = /* @__PURE__ */ a({
+}, l5 = /* @__PURE__ */ a({
   name: "Githublight",
   __name: "Githublight",
   setup(n) {
-    return (e, t) => (o(), r("svg", e5, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", i5, [...t[0] || (t[0] = [
       s("path", { d: `M1024.6,48.9c-548.8,0-992.5,446.9-992.5,999.9c0,442,284.3,816.1,678.6,948.5c49.3,10,67.4-21.5,67.4-48\r
 	c0-23.2-1.6-102.6-1.6-185.4c-276.1,59.6-333.6-119.2-333.6-119.2C398.6,1528.8,332.8,1499,332.8,1499c-90.4-61.3,6.6-61.3,6.6-61.3\r
 	c100.2,6.6,152.8,102.6,152.8,102.6c88.7,152.3,231.7,109.3,289.2,82.8c8.2-64.6,34.5-109.3,62.4-134.1\r
@@ -848,45 +872,45 @@ const l2 = {
 	c0,26.5,18.1,58,67.4,48c394.4-132.5,678.6-506.6,678.6-948.5C2017.1,495.8,1571.8,48.9,1024.6,48.9z` }, null, -1)
     ])]));
   }
-}), $1 = /* @__PURE__ */ i(n5, [["__scopeId", "data-v-5411ba40"]]), s5 = {
+}), b1 = /* @__PURE__ */ i(l5, [["__scopeId", "data-v-5411ba40"]]), c5 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "black"
-}, o5 = /* @__PURE__ */ a({
+}, _5 = /* @__PURE__ */ a({
   name: "Github",
   __name: "Github",
   setup(n) {
-    return (e, t) => (o(), r("svg", s5, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", c5, [...t[0] || (t[0] = [
       s("path", { d: "M5.88401 18.6533C5.58404 18.4526 5.32587 18.1975 5.0239 17.8369C4.91473 17.7065 4.47283 17.1524 4.55811 17.2583C4.09533 16.6833 3.80296 16.417 3.50156 16.3089C2.9817 16.1225 2.7114 15.5499 2.89784 15.0301C3.08428 14.5102 3.65685 14.2399 4.17672 14.4263C4.92936 14.6963 5.43847 15.1611 6.12425 16.0143C6.03025 15.8974 6.46364 16.441 6.55731 16.5529C6.74784 16.7804 6.88732 16.9182 6.99629 16.9911C7.20118 17.1283 7.58451 17.1874 8.14709 17.1311C8.17065 16.7489 8.24136 16.3783 8.34919 16.0358C5.38097 15.3104 3.70116 13.3952 3.70116 9.63971C3.70116 8.40085 4.0704 7.28393 4.75917 6.3478C4.5415 5.45392 4.57433 4.37284 5.06092 3.15636C5.1725 2.87739 5.40361 2.66338 5.69031 2.57352C5.77242 2.54973 5.81791 2.53915 5.89878 2.52673C6.70167 2.40343 7.83573 2.69705 9.31449 3.62336C10.181 3.41879 11.0885 3.315 12.0012 3.315C12.9129 3.315 13.8196 3.4186 14.6854 3.62277C16.1619 2.69 17.2986 2.39649 18.1072 2.52651C18.1919 2.54013 18.2645 2.55783 18.3249 2.57766C18.6059 2.66991 18.8316 2.88179 18.9414 3.15636C19.4279 4.37256 19.4608 5.45344 19.2433 6.3472C19.9342 7.28337 20.3012 8.39208 20.3012 9.63971C20.3012 13.3968 18.627 15.3048 15.6588 16.032C15.7837 16.447 15.8496 16.9105 15.8496 17.4121C15.8496 18.0765 15.8471 18.711 15.8424 19.4225C15.8412 19.6127 15.8397 19.8159 15.8375 20.1281C16.2129 20.2109 16.5229 20.5077 16.6031 20.9089C16.7114 21.4504 16.3602 21.9773 15.8186 22.0856C14.6794 22.3134 13.8353 21.5538 13.8353 20.5611C13.8353 20.4708 13.836 20.3417 13.8375 20.1145C13.8398 19.8015 13.8412 19.599 13.8425 19.4094C13.8471 18.7019 13.8496 18.0716 13.8496 17.4121C13.8496 16.7148 13.6664 16.2602 13.4237 16.051C12.7627 15.4812 13.0977 14.3973 13.965 14.2999C16.9314 13.9666 18.3012 12.8177 18.3012 9.63971C18.3012 8.68508 17.9893 7.89571 17.3881 7.23559C17.1301 6.95233 17.0567 6.54659 17.199 6.19087C17.3647 5.77663 17.4354 5.23384 17.2941 4.57702L17.2847 4.57968C16.7928 4.71886 16.1744 5.0198 15.4261 5.5285C15.182 5.69438 14.8772 5.74401 14.5932 5.66413C13.7729 5.43343 12.8913 5.315 12.0012 5.315C11.111 5.315 10.2294 5.43343 9.40916 5.66413C9.12662 5.74359 8.82344 5.69492 8.57997 5.53101C7.8274 5.02439 7.2056 4.72379 6.71079 4.58376C6.56735 5.23696 6.63814 5.77782 6.80336 6.19087C6.94565 6.54659 6.87219 6.95233 6.61423 7.23559C6.01715 7.8912 5.70116 8.69376 5.70116 9.63971C5.70116 12.8116 7.07225 13.9683 10.023 14.2999C10.8883 14.3971 11.2246 15.4769 10.5675 16.0482C10.3751 16.2156 10.1384 16.7802 10.1384 17.4121V20.5611C10.1384 21.5474 9.30356 22.2869 8.17878 22.09C7.63476 21.9948 7.27093 21.4766 7.36613 20.9326C7.43827 20.5204 7.75331 20.2116 8.13841 20.1276V19.1381C7.22829 19.1994 6.47656 19.0498 5.88401 18.6533Z" }, null, -1)
     ])]));
   }
-}), Z1 = /* @__PURE__ */ i(o5, [["__scopeId", "data-v-14afc400"]]), r5 = {
+}), y1 = /* @__PURE__ */ i(_5, [["__scopeId", "data-v-14afc400"]]), d5 = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 12 12",
   fill: "red",
   style: { "enable-background": "new 0 0 12 12" },
   "xml:space": "preserve"
-}, a5 = /* @__PURE__ */ a({
+}, C5 = /* @__PURE__ */ a({
   name: "Npm",
   __name: "Npm",
   setup(n) {
-    return (e, t) => (o(), r("svg", r5, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", d5, [...t[0] || (t[0] = [
       s("path", { d: `M0.8,4h10.5v3.5H6V8H3.7V7.5H0.8V4z M1.3,6.9h1.2V5.1h0.6v1.8h0.6V4.5H1.3V6.9z M4.3,4.5v2.9h1.2V6.9h1.2V4.5\r
 	H4.3z M5.4,5.1H6v1.2H5.4L5.4,5.1z M7.2,4.5v2.3h1.2V5.1h0.6v1.8h0.6V5.1h0.6v1.8h0.6V4.5H7.2z` }, null, -1)
     ])]));
   }
-}), b1 = /* @__PURE__ */ i(a5, [["__scopeId", "data-v-52755f2a"]]), i5 = {
+}), I1 = /* @__PURE__ */ i(C5, [["__scopeId", "data-v-52755f2a"]]), u5 = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 12 12",
   style: { "enable-background": "new 0 0 12 12" },
   "xml:space": "preserve"
-}, l5 = /* @__PURE__ */ a({
+}, p5 = /* @__PURE__ */ a({
   name: "Pnpm",
   __name: "Pnpm",
   setup(n) {
-    return (e, t) => (o(), r("svg", i5, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", u5, [...t[0] || (t[0] = [
       s("path", {
         fill: "#e78515",
         d: "M11.2,4H8V0.8h3.3V4z M7.6,4H4.4V0.8h3.3V4z M4,4H0.8V0.8H4L4,4z M11.2,7.6H8V4.4h3.3V7.6z"
@@ -897,18 +921,18 @@ const l2 = {
       }, null, -1)
     ])]));
   }
-}), y1 = /* @__PURE__ */ i(l5, [["__scopeId", "data-v-5484e3cd"]]), c5 = {
+}), B1 = /* @__PURE__ */ i(p5, [["__scopeId", "data-v-5484e3cd"]]), m5 = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 12 12",
   fill: "#303846",
   style: { "enable-background": "new 0 0 12 12" },
   "xml:space": "preserve"
-}, _5 = /* @__PURE__ */ a({
+}, f5 = /* @__PURE__ */ a({
   name: "Yarn",
   __name: "Yarn",
   setup(n) {
-    return (e, t) => (o(), r("svg", c5, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", m5, [...t[0] || (t[0] = [
       s("path", {
         class: "st0",
         d: `M10.6,9.2c-0.5,0.1-1,0.4-1.5,0.7c-0.7,0.4-1.4,0.8-2.2,1C6.8,10.9,6.7,11,6.5,11c-0.8,0.1-1.6,0.2-2.4,0.2\r
@@ -921,128 +945,128 @@ const l2 = {
       }, null, -1)
     ])]));
   }
-}), I1 = /* @__PURE__ */ i(_5, [["__scopeId", "data-v-3598cfd5"]]), d5 = {
+}), k1 = /* @__PURE__ */ i(f5, [["__scopeId", "data-v-3598cfd5"]]), w5 = {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
-}, C5 = /* @__PURE__ */ a({
+}, v5 = /* @__PURE__ */ a({
   name: "Bilibili",
   __name: "Bilibili",
   setup(n) {
-    return (e, t) => (o(), r("svg", d5, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", w5, [...t[0] || (t[0] = [
       s("path", {
         fill: "#fb7299",
         d: "M7.17 2.76 10.41 6h3.17l3.24-3.24a1 1 0 1 1 1.42 1.41L16.41 6H18.5A3.5 3.5 0 0 1 22 9.5v8A3.5 3.5 0 0 1 18.5 21h-13A3.5 3.5 0 0 1 2 17.5v-8A3.5 3.5 0 0 1 5.5 6h2.09L5.76 4.17a1 1 0 0 1 1.41-1.41ZM5.5 8A1.5 1.5 0 0 0 4 9.5v8A1.5 1.5 0 0 0 5.5 19h13a1.5 1.5 0 0 0 1.5-1.5v-8A1.5 1.5 0 0 0 18.5 8h-13ZM8 11a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0v-2a1 1 0 0 1 1-1Zm8 0a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0v-2a1 1 0 0 1 1-1Z"
       }, null, -1)
     ])]));
   }
-}), B1 = /* @__PURE__ */ i(C5, [["__scopeId", "data-v-a44ec043"]]), u5 = {
+}), z1 = /* @__PURE__ */ i(v5, [["__scopeId", "data-v-a44ec043"]]), h5 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#4692DD"
-}, p5 = /* @__PURE__ */ a({
+}, g5 = /* @__PURE__ */ a({
   name: "Qqfill",
   __name: "Qqfill",
   setup(n) {
-    return (e, t) => (o(), r("svg", u5, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", h5, [...t[0] || (t[0] = [
       s("path", { d: "M19.9139 14.529C19.7336 13.955 19.4877 13.2856 19.2385 12.643L18.3288 10.3969C18.3295 10.371 18.3408 9.92858 18.3408 9.70053C18.3408 5.8599 16.5082 2.00037 12.0009 2C7.49403 2.00037 5.66113 5.8599 5.66113 9.70053C5.66113 9.92858 5.67237 10.371 5.67312 10.3969L4.76379 12.643C4.51453 13.2856 4.26827 13.955 4.08798 14.529C3.2285 17.2657 3.507 18.3982 3.71915 18.4238C4.17419 18.4779 5.49021 16.3635 5.49021 16.3635C5.49021 17.5879 6.12741 19.1858 7.5064 20.3398C6.99064 20.4971 6.35868 20.7388 5.95237 21.0355C5.58729 21.3025 5.63302 21.5743 5.69861 21.6841C5.9876 22.1661 10.6542 21.9918 12.0017 21.8417C13.3488 21.9918 18.0158 22.1661 18.3044 21.6841C18.3704 21.5743 18.4157 21.3025 18.0507 21.0355C17.6443 20.7388 17.012 20.4971 16.4959 20.3395C17.8745 19.1858 18.5117 17.5879 18.5117 16.3635C18.5117 16.3635 19.8281 18.4779 20.2831 18.4238C20.4949 18.3982 20.7734 17.2657 19.9139 14.529Z" }, null, -1)
     ])]));
   }
-}), k1 = /* @__PURE__ */ i(p5, [["__scopeId", "data-v-69f42891"]]), m5 = {
+}), N1 = /* @__PURE__ */ i(g5, [["__scopeId", "data-v-69f42891"]]), H5 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#4692DD"
-}, f5 = /* @__PURE__ */ a({
+}, L5 = /* @__PURE__ */ a({
   name: "Qq",
   __name: "Qq",
   setup(n) {
-    return (e, t) => (o(), r("svg", m5, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", H5, [...t[0] || (t[0] = [
       s("path", { d: "M17.5359 12.5144L16.8402 10.7175C16.8408 10.6968 16.8494 10.3429 16.8494 10.1604C16.8494 7.08792 15.448 4.0003 12.0012 4C8.55459 4.0003 7.15292 7.08792 7.15292 10.1604C7.15292 10.3429 7.16151 10.6968 7.16209 10.7175L6.4667 12.5144C6.27608 13.0285 6.08776 13.564 5.94988 14.0232C5.29262 16.2126 5.50559 17.1186 5.66783 17.139C6.01581 17.1823 7.02221 15.4908 7.02221 15.4908C7.02221 16.4704 7.5095 17.7487 8.56405 18.6719C8.16963 18.7976 7.68635 18.9911 7.37564 19.2284C7.09645 19.442 7.13142 19.6594 7.18158 19.7473C7.40258 20.1329 10.9713 19.9935 12.0017 19.8733C13.0319 19.9935 16.6009 20.1329 16.8216 19.7473C16.872 19.6594 16.9067 19.442 16.6275 19.2284C16.3168 18.9911 15.8333 18.7976 15.4386 18.6716C16.4928 17.7487 16.9801 16.4704 16.9801 15.4908C16.9801 15.4908 17.9868 17.1823 18.3348 17.139C18.4967 17.1186 18.7131 16.2108 18.0524 14.0232C17.9125 13.56 17.7265 13.0285 17.5359 12.5144ZM18.5574 20.7407C18.1843 21.3926 17.7237 21.6334 17.1187 21.7981C16.8792 21.8633 16.621 21.9056 16.325 21.936C15.8844 21.9814 15.3392 22.001 14.712 22C13.786 21.9985 12.693 21.9491 12.0017 21.884C11.3103 21.9491 10.2173 21.9985 9.29129 22C8.66414 22.001 8.11889 21.9814 7.67832 21.936C7.38236 21.9056 7.12409 21.8633 6.88467 21.7981C6.27994 21.6335 5.81954 21.393 5.44496 20.7393C5.15165 20.2258 5.07747 19.6406 5.20612 19.0866C4.61376 18.9546 4.20483 18.6045 3.92733 18.1757C3.77911 17.9466 3.68408 17.7127 3.61845 17.4663C3.53001 17.1344 3.49486 16.7666 3.50184 16.3601C3.51532 15.5749 3.68902 14.5984 4.03435 13.4481C4.17427 12.9821 4.3614 12.4396 4.6015 11.7926L5.15467 10.3632C5.1536 10.287 5.15292 10.2154 5.15292 10.1604C5.15292 5.6047 7.58875 2.00038 12.0013 2C16.4138 2.00038 18.8494 5.60454 18.8494 10.1604C18.8494 10.2154 18.8487 10.2869 18.8477 10.3631L19.401 11.7923L19.4112 11.8191C19.636 12.4254 19.8242 12.9722 19.967 13.445C20.3145 14.5956 20.4889 15.5735 20.5018 16.361C20.5085 16.768 20.4728 17.1365 20.3837 17.4689C20.3178 17.7148 20.2226 17.9483 20.0746 18.1768C19.7976 18.6041 19.3905 18.9532 18.7974 19.0862C18.9266 19.6411 18.8523 20.2274 18.5574 20.7407Z" }, null, -1)
     ])]));
   }
-}), z1 = /* @__PURE__ */ i(f5, [["__scopeId", "data-v-b5f2b4b3"]]), v5 = {
+}), S1 = /* @__PURE__ */ i(L5, [["__scopeId", "data-v-b5f2b4b3"]]), x5 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#64CD8A"
-}, w5 = /* @__PURE__ */ a({
+}, V5 = /* @__PURE__ */ a({
   name: "Wechat",
   __name: "Wechat",
   setup(n) {
-    return (e, t) => (o(), r("svg", v5, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", x5, [...t[0] || (t[0] = [
       s("path", { d: "M10.0014 14.6757C10.0011 14.6551 10.001 14.6345 10.001 14.6138C10.001 12.1055 12.0175 9.99564 14.7539 9.38092C14.3904 7.07873 11.9602 5.19995 8.90098 5.19995C5.58037 5.19995 3.00098 7.41344 3.00098 9.9793C3.00098 10.9487 3.36131 11.88 4.04082 12.6781C4.0728 12.7157 4.12443 12.7717 4.19342 12.8427C4.78537 13.4517 5.13709 14.2457 5.19546 15.0805C5.90857 14.6683 6.74285 14.5123 7.55832 14.6392C7.72416 14.665 7.85986 14.6847 7.96345 14.6982C8.27111 14.7383 8.58419 14.7586 8.90098 14.7586C9.27825 14.7586 9.64595 14.7301 10.0014 14.6757ZM10.4581 16.627C9.95467 16.7133 9.43399 16.7586 8.90098 16.7586C8.49441 16.7586 8.09502 16.7323 7.70499 16.6815C7.58312 16.6656 7.4317 16.6436 7.25073 16.6154C6.87693 16.5572 6.49436 16.6321 6.1713 16.8268L4.26653 17.9745C4.12052 18.0646 3.94891 18.1057 3.77733 18.0916C3.33814 18.0554 3.01178 17.6744 3.04837 17.2405L3.19859 15.4596C3.23664 15.0086 3.07664 14.5632 2.75931 14.2367C2.66182 14.1364 2.5814 14.0491 2.51802 13.9747C1.56406 12.8542 1.00098 11.4732 1.00098 9.9793C1.00098 6.23517 4.53793 3.19995 8.90098 3.19995C12.9601 3.19995 16.3041 5.82699 16.7504 9.20788C20.1225 9.36136 22.801 11.723 22.801 14.6138C22.801 15.8068 22.3448 16.9097 21.572 17.8044C21.5206 17.8639 21.4555 17.9336 21.3765 18.0137C21.1194 18.2744 20.9898 18.6301 21.0206 18.9903L21.1423 20.4125C21.172 20.759 20.9076 21.0632 20.5518 21.0921C20.4128 21.1034 20.2738 21.0706 20.1555 20.9986L18.6124 20.0821C18.3506 19.9266 18.0407 19.8668 17.7379 19.9133C17.5913 19.9358 17.4686 19.9533 17.3699 19.966C17.0539 20.0066 16.7303 20.0277 16.401 20.0277C13.7074 20.0277 11.4025 18.6201 10.4581 16.627ZM17.4346 17.9364C18.0019 17.8494 18.5793 17.911 19.1105 18.1111C19.2492 17.5503 19.5373 17.0304 19.9524 16.6094C20.0027 16.5585 20.0388 16.5198 20.0584 16.4971C20.5467 15.9318 20.801 15.2839 20.801 14.6138C20.801 12.8095 18.8983 11.2 16.401 11.2C13.9037 11.2 12.001 12.8095 12.001 14.6138C12.001 16.4181 13.9037 18.0277 16.401 18.0277C16.6424 18.0277 16.8809 18.0124 17.115 17.9823C17.1957 17.972 17.3029 17.9566 17.4346 17.9364Z" }, null, -1)
     ])]));
   }
-}), N1 = /* @__PURE__ */ i(w5, [["__scopeId", "data-v-d55a8489"]]), h5 = {
+}), A1 = /* @__PURE__ */ i(V5, [["__scopeId", "data-v-d55a8489"]]), $5 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "rgba(100,205,138,1)"
-}, g5 = /* @__PURE__ */ a({
+}, M5 = /* @__PURE__ */ a({
   name: "Wechatfill",
   __name: "Wechatfill",
   setup(n) {
-    return (e, t) => (o(), r("svg", h5, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", $5, [...t[0] || (t[0] = [
       s("path", { d: "M18.5753 13.7114C19.0742 13.7114 19.4733 13.2873 19.4733 12.8134C19.4733 12.3145 19.0742 11.9155 18.5753 11.9155C18.0765 11.9155 17.6774 12.3145 17.6774 12.8134C17.6774 13.3123 18.0765 13.7114 18.5753 13.7114ZM14.1497 13.7114C14.6485 13.7114 15.0476 13.2873 15.0476 12.8134C15.0476 12.3145 14.6485 11.9155 14.1497 11.9155C13.6508 11.9155 13.2517 12.3145 13.2517 12.8134C13.2517 13.3123 13.6508 13.7114 14.1497 13.7114ZM20.717 18.7516C20.5942 18.8253 20.5205 18.9482 20.5451 19.1202C20.5451 19.1693 20.5451 19.2185 20.5696 19.2676C20.6679 19.6854 20.8643 20.349 20.8643 20.3736C20.8643 20.4473 20.8889 20.4964 20.8889 20.5456C20.8889 20.6685 20.7907 20.7668 20.6679 20.7668C20.6187 20.7668 20.5942 20.7422 20.5451 20.7176L19.0961 19.882C18.9978 19.8329 18.875 19.7837 18.7522 19.7837C18.6786 19.7837 18.6049 19.7837 18.5558 19.8083C17.8681 20.0049 17.1559 20.1032 16.3946 20.1032C12.7352 20.1032 9.78815 17.6456 9.78815 14.5983C9.78815 11.5509 12.7352 9.09329 16.3946 9.09329C20.0539 9.09329 23.001 11.5509 23.001 14.5983C23.001 16.2448 22.1168 17.7439 20.717 18.7516ZM16.6737 8.09757C16.581 8.09473 16.488 8.09329 16.3946 8.09329C12.2199 8.09329 8.78815 10.9536 8.78815 14.5983C8.78815 15.1519 8.86733 15.6874 9.01626 16.1975H8.92711C8.04096 16.1975 7.15481 16.0503 6.3425 15.8296C6.26866 15.805 6.19481 15.805 6.12097 15.805C5.97327 15.805 5.82558 15.8541 5.7025 15.9277L3.95482 16.9334C3.90559 16.958 3.85635 16.9825 3.80712 16.9825C3.65943 16.9825 3.53636 16.8599 3.53636 16.7127C3.53636 16.6391 3.56097 16.59 3.58559 16.5164C3.6102 16.4919 3.83174 15.6824 3.95482 15.1918C3.95482 15.1427 3.97943 15.0691 3.97943 15.0201C3.97943 14.8238 3.88097 14.6766 3.75789 14.5785C2.05944 13.3765 1.00098 11.5858 1.00098 9.59876C1.00098 5.94369 4.5702 3 8.95173 3C12.7157 3 15.8802 5.16856 16.6737 8.09757ZM11.5199 8.51604C12.0927 8.51604 12.5462 8.03871 12.5462 7.4898C12.5462 6.91701 12.0927 6.46356 11.5199 6.46356C10.9471 6.46356 10.4937 6.91701 10.4937 7.4898C10.4937 8.06258 10.9471 8.51604 11.5199 8.51604ZM6.26045 8.51604C6.83324 8.51604 7.28669 8.03871 7.28669 7.4898C7.28669 6.91701 6.83324 6.46356 6.26045 6.46356C5.68767 6.46356 5.23421 6.91701 5.23421 7.4898C5.23421 8.06258 5.68767 8.51604 6.26045 8.51604Z" }, null, -1)
     ])]));
   }
-}), S1 = /* @__PURE__ */ i(g5, [["__scopeId", "data-v-502da359"]]), H5 = {
+}), T1 = /* @__PURE__ */ i(M5, [["__scopeId", "data-v-502da359"]]), Z5 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#64CD8A"
-}, L5 = /* @__PURE__ */ a({
+}, b5 = /* @__PURE__ */ a({
   name: "Wechatpay",
   __name: "Wechatpay",
   setup(n) {
-    return (e, t) => (o(), r("svg", H5, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", Z5, [...t[0] || (t[0] = [
       s("path", { d: "M19.1458 8.99325L9.34705 14.6006L9.27753 14.6465C9.18483 14.6925 9.09213 14.7154 8.97625 14.7154C8.72133 14.7154 8.51275 14.5776 8.39688 14.3709L8.35053 14.2791L6.51971 10.329C6.49653 10.283 6.49653 10.2371 6.49653 10.1912C6.49653 10.0074 6.63558 9.86964 6.82098 9.86964C6.8905 9.86964 6.96003 9.8926 7.02955 9.93853L9.18483 11.4543C9.34705 11.5461 9.53245 11.615 9.74103 11.615C9.8569 11.615 9.97278 11.5921 10.0887 11.5461L18.3634 7.89746C16.9347 6.27313 14.6348 5.19995 12.0006 5.19995C7.57986 5.19995 4.10059 8.22235 4.10059 11.8C4.10059 13.1655 4.60024 14.4728 5.53227 15.5809C5.58056 15.6383 5.65277 15.7177 5.74666 15.8155C6.54199 16.6438 6.94301 17.7739 6.84765 18.9182L6.82289 19.2153L7.53841 18.7789C8.34812 18.2851 9.30697 18.095 10.2438 18.2426C10.4553 18.2759 10.6292 18.3015 10.7634 18.3192C11.1696 18.3728 11.5828 18.4 12.0006 18.4C16.4213 18.4 19.9006 15.3776 19.9006 11.8C19.9006 10.8036 19.6307 9.85022 19.1458 8.99325ZM6.19286 21.9423C6.00989 22.0566 5.79484 22.1087 5.57981 22.0908C5.02944 22.045 4.62045 21.5616 4.66631 21.0112L4.85456 18.7521C4.90224 18.1799 4.70173 17.6149 4.30407 17.2008C4.1819 17.0735 4.08111 16.9627 4.0017 16.8683C2.80622 15.447 2.10059 13.6951 2.10059 11.8C2.10059 7.0503 6.53297 3.19995 12.0006 3.19995C17.4682 3.19995 21.9006 7.0503 21.9006 11.8C21.9006 16.5496 17.4682 20.4 12.0006 20.4C11.4911 20.4 10.9906 20.3665 10.5018 20.302C10.3491 20.2819 10.1593 20.254 9.93256 20.2182C9.46412 20.1444 8.9847 20.2395 8.57985 20.4864L6.19286 21.9423Z" }, null, -1)
     ])]));
   }
-}), A1 = /* @__PURE__ */ i(L5, [["__scopeId", "data-v-cd07e873"]]), x5 = {
+}), D1 = /* @__PURE__ */ i(b5, [["__scopeId", "data-v-cd07e873"]]), y5 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "#64CD8A"
-}, V5 = /* @__PURE__ */ a({
+}, I5 = /* @__PURE__ */ a({
   name: "Wechatpayfill",
   __name: "Wechatpayfill",
   setup(n) {
-    return (e, t) => (o(), r("svg", x5, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", y5, [...t[0] || (t[0] = [
       s("path", { d: "M9.27099 14.6689C8.9532 14.8312 8.56403 14.7122 8.39132 14.4L8.3477 14.3054L6.53019 10.3069C6.52269 10.2588 6.52269 10.2097 6.53019 10.1615C6.53017 10.0735 6.56564 9.98916 6.62857 9.9276C6.6915 9.86603 6.7766 9.83243 6.86462 9.83438C6.93567 9.83269 7.00508 9.85582 7.06091 9.89981L9.24191 11.4265C9.40329 11.5346 9.59293 11.5928 9.78716 11.5937C9.90424 11.5945 10.0203 11.5723 10.1289 11.5283L20.176 7.02816C18.091 4.72544 15.1103 3.43931 12.0045 3.5022C6.4793 3.5022 2.00098 7.23172 2.00098 11.87C2.06681 14.4052 3.35646 16.7515 5.4615 18.1658C5.6878 18.3326 5.78402 18.6241 5.70141 18.8928L5.25067 20.594C5.22336 20.6714 5.20625 20.7521 5.19978 20.8339C5.19777 20.9232 5.23236 21.0094 5.29552 21.0726C5.35868 21.1358 5.44491 21.1703 5.5342 21.1684C5.60098 21.1645 5.66583 21.1445 5.72322 21.1102L7.90423 19.8452C8.06383 19.7467 8.2474 19.6939 8.43494 19.6925C8.53352 19.6923 8.63157 19.707 8.72574 19.7361C9.78781 20.0363 10.8863 20.188 11.99 20.1869C17.5152 20.1869 22.001 16.4574 22.001 11.8554C22.0108 10.4834 21.6301 9.13687 20.903 7.97326L9.35096 14.6253L9.27099 14.6689Z" }, null, -1)
     ])]));
   }
-}), D1 = /* @__PURE__ */ i(V5, [["__scopeId", "data-v-54ddd07d"]]), M5 = {
+}), E1 = /* @__PURE__ */ i(I5, [["__scopeId", "data-v-54ddd07d"]]), B5 = {
   width: "60",
   height: "20",
   viewBox: "0 0 120 30",
   fill: "currentColor"
-}, $5 = /* @__PURE__ */ a({
+}, k5 = /* @__PURE__ */ a({
   name: "Float",
   __name: "Float",
   setup(n) {
-    return (e, t) => (o(), r("svg", M5, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", B5, [...t[0] || (t[0] = [
       h('<circle cx="15" cy="15" r="10" data-v-c00b4c8e><animate attributeName="cy" values="15;5;15" dur="0.6s" repeatCount="indefinite" data-v-c00b4c8e></animate></circle><circle cx="60" cy="15" r="10" data-v-c00b4c8e><animate attributeName="cy" values="15;5;15" dur="0.6s" begin="0.2s" repeatCount="indefinite" data-v-c00b4c8e></animate></circle><circle cx="105" cy="15" r="10" data-v-c00b4c8e><animate attributeName="cy" values="15;5;15" dur="0.6s" begin="0.4s" repeatCount="indefinite" data-v-c00b4c8e></animate></circle>', 3)
     ])]));
   }
-}), E1 = /* @__PURE__ */ i($5, [["__scopeId", "data-v-c00b4c8e"]]), Z5 = {
+}), W1 = /* @__PURE__ */ i(k5, [["__scopeId", "data-v-c00b4c8e"]]), z5 = {
   width: "50",
   height: "40",
   viewBox: "0 0 50 40",
   fill: "currentColor"
-}, b5 = /* @__PURE__ */ a({
+}, N5 = /* @__PURE__ */ a({
   name: "Height",
   __name: "Height",
   setup(n) {
-    return (e, t) => (o(), r("svg", Z5, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", z5, [...t[0] || (t[0] = [
       h('<rect x="5" y="25" width="6" height="10" data-v-f82a929e><animate attributeName="y" values="25;5;25" dur="1s" repeatCount="indefinite" data-v-f82a929e></animate><animate attributeName="height" values="10;30;10" dur="1s" repeatCount="indefinite" data-v-f82a929e></animate></rect><rect x="20" y="5" width="6" height="30" data-v-f82a929e><animate attributeName="y" values="5;25;5" dur="1s" repeatCount="indefinite" data-v-f82a929e></animate><animate attributeName="height" values="30;10;30" dur="1s" repeatCount="indefinite" data-v-f82a929e></animate></rect><rect x="35" y="25" width="6" height="10" data-v-f82a929e><animate attributeName="y" values="25;5;25" dur="1s" repeatCount="indefinite" data-v-f82a929e></animate><animate attributeName="height" values="10;30;10" dur="1s" repeatCount="indefinite" data-v-f82a929e></animate></rect>', 3)
     ])]));
   }
-}), T1 = /* @__PURE__ */ i(b5, [["__scopeId", "data-v-f82a929e"]]), y5 = {
+}), G1 = /* @__PURE__ */ i(N5, [["__scopeId", "data-v-f82a929e"]]), S5 = {
   width: "64",
   height: "64",
   viewBox: "0 0 100 100",
   xmlns: "http://www.w3.org/2000/svg"
-}, I5 = /* @__PURE__ */ a({
+}, A5 = /* @__PURE__ */ a({
   name: "Hourglass",
   __name: "Hourglass",
   setup(n) {
-    return (e, t) => (o(), r("svg", y5, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", S5, [...t[0] || (t[0] = [
       h(`<g stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none" data-v-29489be8><polygon points="30,20 70,20 50,50" data-v-29489be8></polygon><polygon points="30,80 70,80 50,50" data-v-29489be8></polygon><animateTransform attributeName="transform" type="rotate" values="0 50 50; 0 50 50; 180 50 50; 180 50 50" keyTimes="0; 0.5; 0.6; 1" dur="4s" repeatCount="indefinite" data-v-29489be8></animateTransform><polygon fill="currentColor" points="30,20 70,20 50,45" data-v-29489be8><animate attributeName="points" dur="4s" repeatCount="indefinite" values="\r
           30,20 70,20 50,45;\r
           50,45 50,45 50,45;\r
@@ -1056,27 +1080,27 @@ const l2 = {
         " keyTimes="0; 0.5; 0.6; 1" data-v-29489be8></animate></polygon><circle cx="50" cy="45" r="2" fill="currentColor" data-v-29489be8><animate attributeName="cy" dur="0.15s" values="45;55;45" repeatCount="indefinite" begin="0s" end="2s" data-v-29489be8></animate></circle></g>`, 1)
     ])]));
   }
-}), W1 = /* @__PURE__ */ i(I5, [["__scopeId", "data-v-29489be8"]]), B5 = {
+}), U1 = /* @__PURE__ */ i(A5, [["__scopeId", "data-v-29489be8"]]), T5 = {
   width: "40",
   height: "40",
   viewBox: "0 0 50 50"
-}, k5 = /* @__PURE__ */ a({
+}, D5 = /* @__PURE__ */ a({
   name: "Loadcolor",
   __name: "Loadcolor",
   setup(n) {
-    return (e, t) => (o(), r("svg", B5, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", T5, [...t[0] || (t[0] = [
       h('<defs data-v-66445b72><linearGradient id="grad" data-v-66445b72><stop offset="0%" stop-color="#4facfe" data-v-66445b72></stop><stop offset="100%" stop-color="#00f2fe" data-v-66445b72></stop></linearGradient></defs><circle cx="25" cy="25" r="20" fill="none" stroke="url(#grad)" stroke-width="4" stroke-linecap="round" stroke-dasharray="80 200" data-v-66445b72><animateTransform attributeName="transform" type="rotate" dur="1s" repeatCount="indefinite" from="0 25 25" to="360 25 25" data-v-66445b72></animateTransform></circle>', 2)
     ])]));
   }
-}), G1 = /* @__PURE__ */ i(k5, [["__scopeId", "data-v-66445b72"]]), z5 = {
+}), R1 = /* @__PURE__ */ i(D5, [["__scopeId", "data-v-66445b72"]]), E5 = {
   viewBox: "0 0 50 50",
   width: "40",
   height: "40"
-}, N5 = /* @__PURE__ */ a({
+}, W5 = /* @__PURE__ */ a({
   name: "Loadding",
   __name: "Loadding",
   setup(n) {
-    return (e, t) => (o(), r("svg", z5, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", E5, [...t[0] || (t[0] = [
       s("circle", {
         cx: "25",
         cy: "25",
@@ -1098,15 +1122,15 @@ const l2 = {
       ], -1)
     ])]));
   }
-}), U1 = /* @__PURE__ */ i(N5, [["__scopeId", "data-v-84ae3f9e"]]), S5 = {
+}), F1 = /* @__PURE__ */ i(W5, [["__scopeId", "data-v-84ae3f9e"]]), G5 = {
   width: "50",
   height: "50",
   viewBox: "0 0 50 50"
-}, A5 = /* @__PURE__ */ a({
+}, U5 = /* @__PURE__ */ a({
   name: "Path",
   __name: "Path",
   setup(n) {
-    return (e, t) => (o(), r("svg", S5, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", G5, [...t[0] || (t[0] = [
       s("circle", {
         cx: "25",
         cy: "25",
@@ -1132,15 +1156,15 @@ const l2 = {
       ], -1)
     ])]));
   }
-}), R1 = /* @__PURE__ */ i(A5, [["__scopeId", "data-v-df518bbd"]]), D5 = {
+}), q1 = /* @__PURE__ */ i(U5, [["__scopeId", "data-v-df518bbd"]]), R5 = {
   width: "40",
   height: "40",
   viewBox: "0 0 50 50"
-}, E5 = /* @__PURE__ */ a({
+}, F5 = /* @__PURE__ */ a({
   name: "Ring",
   __name: "Ring",
   setup(n) {
-    return (e, t) => (o(), r("svg", D5, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", R5, [...t[0] || (t[0] = [
       s("circle", {
         cx: "25",
         cy: "25",
@@ -1179,15 +1203,15 @@ const l2 = {
       ], -1)
     ])]));
   }
-}), F1 = /* @__PURE__ */ i(E5, [["__scopeId", "data-v-594c57b0"]]), T5 = {
+}), P1 = /* @__PURE__ */ i(F5, [["__scopeId", "data-v-594c57b0"]]), q5 = {
   width: "40",
   height: "40",
   viewBox: "0 0 40 40"
-}, W5 = /* @__PURE__ */ a({
+}, P5 = /* @__PURE__ */ a({
   name: "Scale",
   __name: "Scale",
   setup(n) {
-    return (e, t) => (o(), r("svg", T5, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", q5, [...t[0] || (t[0] = [
       s("circle", {
         cx: "20",
         cy: "20",
@@ -1209,15 +1233,15 @@ const l2 = {
       ], -1)
     ])]));
   }
-}), q1 = /* @__PURE__ */ i(W5, [["__scopeId", "data-v-c95e67d4"]]), G5 = {
+}), O1 = /* @__PURE__ */ i(P5, [["__scopeId", "data-v-c95e67d4"]]), O5 = {
   viewBox: "0 0 50 50",
   width: "40",
   height: "40"
-}, U5 = /* @__PURE__ */ a({
+}, Q5 = /* @__PURE__ */ a({
   name: "Speed",
   __name: "Speed",
   setup(n) {
-    return (e, t) => (o(), r("svg", G5, [...t[0] || (t[0] = [
+    return (e, t) => (o(), r("svg", O5, [...t[0] || (t[0] = [
       s("circle", {
         cx: "25",
         cy: "25",
@@ -1252,13 +1276,13 @@ const l2 = {
       ], -1)
     ])]));
   }
-}), P1 = /* @__PURE__ */ i(U5, [["__scopeId", "data-v-1675553a"]]), R5 = [
+}), Q1 = /* @__PURE__ */ i(Q5, [["__scopeId", "data-v-1675553a"]]), J5 = [
   N,
   S,
   A,
+  T,
   D,
   E,
-  T,
   W,
   G,
   U,
@@ -1289,21 +1313,19 @@ const l2 = {
   u1,
   p1,
   m1,
-  w,
+  v,
   f1,
   b,
-  v1,
   w1,
+  v1,
   y,
-  x1,
-  V1,
-  M1,
   $1,
+  M1,
+  Z1,
   b1,
-  y1,
   I1,
-  E1,
-  T1,
+  B1,
+  k1,
   W1,
   G1,
   U1,
@@ -1311,22 +1333,26 @@ const l2 = {
   F1,
   q1,
   P1,
-  B1,
-  k1,
+  O1,
+  Q1,
   z1,
   N1,
   S1,
   A1,
+  T1,
   D1,
-  Z1,
+  E1,
+  y1,
   c1,
   h1,
   g1,
   H1,
-  L1
-], F5 = {
+  L1,
+  x1,
+  V1
+], Y5 = {
   install(n) {
-    R5.forEach((e) => {
+    J5.forEach((e) => {
       if (!e.name) return console.warn("图标缺少 name");
       const t = e.name[0].toUpperCase() + e.name.slice(1);
       n.component(t, e);
@@ -1336,9 +1362,9 @@ const l2 = {
   Arrowdown: N,
   Arrowdown1: S,
   Decrease: A,
-  Increase: D,
-  Codes: E,
-  Copydocument: T,
+  Increase: T,
+  Codes: D,
+  Copydocument: E,
   Copydocument1: W,
   Document: G,
   Aligncenter: U,
@@ -1369,46 +1395,48 @@ const l2 = {
   Delete: u1,
   Grid: p1,
   Hide: m1,
-  Infofilled: w,
+  Infofilled: v,
   Link: f1,
   Successfilled: b,
-  Unlink: v1,
-  View: w1,
+  Unlink: w1,
+  View: v1,
   Warningfilled: y,
-  Dark: x1,
-  Light: V1,
-  Githubdark: M1,
-  Githublight: $1,
-  Npm: b1,
-  Pnpm: y1,
-  Yarn: I1,
-  Float: E1,
-  Height: T1,
-  Hourglass: W1,
-  Loadcolor: G1,
-  Loadding: U1,
-  Path: R1,
-  Ring: F1,
-  Scale: q1,
-  Speed: P1,
-  Bilibili: B1,
-  Qqfill: k1,
-  Qq: z1,
-  Wechat: N1,
-  Wechatfill: S1,
-  Wechatpay: A1,
-  Wechatpayfill: D1,
-  Github: Z1,
+  Dark: $1,
+  Light: M1,
+  Githubdark: Z1,
+  Githublight: b1,
+  Npm: I1,
+  Pnpm: B1,
+  Yarn: k1,
+  Float: W1,
+  Height: G1,
+  Hourglass: U1,
+  Loadcolor: R1,
+  Loadding: F1,
+  Path: q1,
+  Ring: P1,
+  Scale: O1,
+  Speed: Q1,
+  Bilibili: z1,
+  Qqfill: N1,
+  Qq: S1,
+  Wechat: A1,
+  Wechatfill: T1,
+  Wechatpay: D1,
+  Wechatpayfill: E1,
+  Github: y1,
   Email: c1,
   List: h1,
   Home: g1,
   Chat: H1,
-  Chatfilled: L1
+  Chatfilled: L1,
+  Theme: x1,
+  Themefilled: V1
 };
 let u = -45, x = 65;
-const q5 = {
-  info: w,
-  primary: w,
+const K5 = {
+  info: v,
+  primary: v,
   success: b,
   warning: y,
   error: Z
@@ -1416,14 +1444,14 @@ const q5 = {
 function f(n) {
   n.duration = n.duration ? n.duration : 3e3;
   let e = null;
-  e = P5(u, n.type, n.showIcon, n.message, n.plain, n.icon, n.showClose, n.coloor, n.textcolor), u += x, n.duration && setTimeout(() => {
-    O1(e, n.plain, n.type);
+  e = X5(u, n.type, n.showIcon, n.message, n.plain, n.icon, n.showClose, n.coloor, n.textcolor), u += x, n.duration && setTimeout(() => {
+    J1(e, n.plain, n.type);
   }, n.duration);
 }
-function P5(n, e, t = !0, l, _ = !1, p, m = !1, I, B) {
+function X5(n, e, t = !0, l, _ = !1, p, m = !1, I, B) {
   const c = document.createElement("div");
   c.style.top = `${n}px`, _ ? c.classList = `sf-message sf-${e}-plain` : c.classList = `sf-message sf-${e}`, I != "" && (c.style.backgroundColor = I), B != "" && (c.style.color = B);
-  const Q1 = a({
+  const Y1 = a({
     setup() {
       return () => d(
         "div",
@@ -1433,11 +1461,11 @@ function P5(n, e, t = !0, l, _ = !1, p, m = !1, I, B) {
             L,
             { size: 20, color: `.sf-message-${e}-icon` },
             {
-              default: () => p ? typeof p == "string" ? d(k[p]) : d(p) : d(q5[e])
+              default: () => p ? typeof p == "string" ? d(k[p]) : d(p) : d(K5[e])
             }
           ) : null,
           d("span", null, `${l}`),
-          m ? d(L, { size: 20, onClick: () => O1(c, _, e) }, {
+          m ? d(L, { size: 20, onClick: () => J1(c, _, e) }, {
             default: () => {
               const H = k.Close;
               return H ? d(H) : null;
@@ -1446,14 +1474,14 @@ function P5(n, e, t = !0, l, _ = !1, p, m = !1, I, B) {
         ]
       );
     }
-  }), J1 = t2(Q1);
-  return e2(J1, c), document.body.appendChild(c), setTimeout(() => {
+  }), K1 = n2(Y1);
+  return s2(K1, c), document.body.appendChild(c), setTimeout(() => {
     c.classList.add("sf-enter"), c.addEventListener("animationend", async (H) => {
       c.classList.remove("sf-enter"), c.classList.add("sf-await");
     }, { once: !0 });
   }, 1e3), c;
 }
-function O1(n, e, t) {
+function J1(n, e, t) {
   document.querySelectorAll(".sf-message").forEach((_, p) => {
     _.offsetTop == -45 ? setTimeout(() => {
       e ? n.classList = `sf-message sf-${t}-plain sf-leave` : n.classList = `sf-message sf-${t} sf-leave`, u -= x, n.addEventListener("animationend", (m) => {
@@ -1490,13 +1518,13 @@ C.error = (n) => {
 C.closeAll = () => {
   document.querySelectorAll(".sf-message").forEach((e) => e.remove()), u = -45;
 };
-const O5 = (n) => {
-  l2.install(n), F5.install(n), n.config.globalProperties.$message = C;
-}, Q5 = {
-  install: O5,
+const j5 = (n) => {
+  _2.install(n), Y5.install(n), n.config.globalProperties.$message = C;
+}, t4 = {
+  install: j5,
   SfMessage: C
 };
-Q5.SfMessage = C;
+t4.SfMessage = C;
 export {
   _1 as Add,
   U as Aligncenter,
@@ -1505,7 +1533,7 @@ export {
   N as Arrowdown,
   S as Arrowdown1,
   o1 as Attachment,
-  B1 as Bilibili,
+  z1 as Bilibili,
   q as Bold,
   H1 as Chat,
   L1 as Chatfilled,
@@ -1513,66 +1541,68 @@ export {
   Z as Circleclosefilled,
   P as Clearformat,
   C1 as Close,
-  E as Codes,
+  D as Codes,
   O as Color,
-  T as Copydocument,
+  E as Copydocument,
   W as Copydocument1,
-  x1 as Dark,
+  $1 as Dark,
   A as Decrease,
   u1 as Delete,
   G as Document,
   c1 as Email,
   r1 as Emotion,
-  E1 as Float,
+  W1 as Float,
   Q as Format,
-  Z1 as Github,
-  M1 as Githubdark,
-  $1 as Githublight,
+  y1 as Github,
+  Z1 as Githubdark,
+  b1 as Githublight,
   p1 as Grid,
-  T1 as Height,
+  G1 as Height,
   m1 as Hide,
   g1 as Home,
-  W1 as Hourglass,
+  U1 as Hourglass,
   l1 as Image,
-  D as Increase,
-  w as Infofilled,
+  T as Increase,
+  v as Infofilled,
   J as Italic,
   Y as Justify,
-  V1 as Light,
+  M1 as Light,
   a1 as Like,
   i1 as Likefilled,
   K as Lineheight,
   f1 as Link,
   h1 as List,
-  G1 as Loadcolor,
-  U1 as Loadding,
-  b1 as Npm,
+  R1 as Loadcolor,
+  F1 as Loadding,
+  I1 as Npm,
   X as Orderedlist,
-  R1 as Path,
-  y1 as Pnpm,
-  z1 as Qq,
-  k1 as Qqfill,
+  q1 as Path,
+  B1 as Pnpm,
+  S1 as Qq,
+  N1 as Qqfill,
   j as Redo,
-  F1 as Ring,
-  q1 as Scale,
-  o2 as SfButton,
-  r2 as SfCard,
+  P1 as Ring,
+  O1 as Scale,
+  a2 as SfButton,
+  i2 as SfCard,
   L as SfIcon,
   C as SfMessage,
-  P1 as Speed,
+  Q1 as Speed,
   t1 as Strikethrough,
   b as Successfilled,
+  x1 as Theme,
+  V1 as Themefilled,
   e1 as Underline,
   n1 as Undo,
-  v1 as Unlink,
+  w1 as Unlink,
   s1 as Unorderedlist,
-  w1 as View,
+  v1 as View,
   y as Warningfilled,
-  N1 as Wechat,
-  S1 as Wechatfill,
-  A1 as Wechatpay,
-  D1 as Wechatpayfill,
-  I1 as Yarn,
-  Q5 as default
+  A1 as Wechat,
+  T1 as Wechatfill,
+  D1 as Wechatpay,
+  E1 as Wechatpayfill,
+  k1 as Yarn,
+  t4 as default
 };
 //# sourceMappingURL=scorchingft-ui-plus.es.js.map