@huyooo/ui 2.0.8 → 2.0.10

package/dist/WidthContainer-AZl-9MdF.js

@@ -1,717 +0,0 @@
-/* empty css               */
-import "./userMenuModal-D-nDaYqM.js";
-import { defineComponent as P, ref as A, watch as N, openBlock as n, createElementBlock as s, createElementVNode as a, createVNode as r, unref as c, withCtx as B, createTextVNode as K, renderSlot as V, toDisplayString as M, createCommentVNode as x, onMounted as Q, onBeforeUnmount as X, normalizeClass as $, Fragment as L, renderList as E, createBlock as Y, Teleport as ge, nextTick as J, computed as U, normalizeStyle as O } from "vue";
-import { Spin as Z } from "@arco-design/web-vue";
-import { u as ee } from "./useAuthkitAuth-cHrJMM8E.js";
-import "./apiClients-Ctcq8NZs.js";
-import { u as q } from "./useAuthkitAppsAuthPageInfo-DZ1p-P3Q.js";
-import { s as ye, a as be } from "./runtime-Dp7MgwhI.js";
-import "@vafast/api-client";
-import "./useAuthkitUsersProfile-CTd6PP-a.js";
-import { b as te, f as ne, w as W, a as oe, c as se } from "./useRoutePermission-B_g-WmDZ.js";
-import { useRouter as ae, useRoute as re } from "vue-router";
-import "@unhead/vue";
-import "./useUserMenu-ClPBlvaM.js";
-import { c as ie, h as ue, k as le, _ as ce, f as de, j as me, d as pe, g as R, U as ke, i as he } from "./UserMenuInvitationsItem.vue_vue_type_script_setup_true_lang-BdibAudA.js";
-import "./PaySubscriptions-Bv6LQ_Pf.js";
-/* empty css               */
-/* empty css               */
-import { M as we } from "./Menu-uCexrsKP.js";
-import "./CollapseItem-DUzZA6tx.js";
-/* empty css               */
-/* empty css               */
-import "./index-Cn6LcfZO.js";
-/* empty css               */
-import "./CustomTable-HDwqEcmB.js";
-import "@vueuse/core";
-import "./index-D56hUMeD.js";
-import { Icon as z } from "@iconify/vue";
-import { L as fe } from "./Logo-D7fyXyB-.js";
-import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const $e = {
-  class: "SidebarCom"
-}, Me = {
-  class: "LogoContent"
-}, Ce = {
-  class: "MenuContent"
-}, Te = {
-  class: "sidebar-footer"
-}, Se = /* @__PURE__ */ P({
-  __name: "AppSidebar",
-  props: {
-    menuType: {
-      default: "system"
-    },
-    showUserPanel: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  setup(p) {
-    const t = p, {
-      appsData: d
-    } = q(), {
-      signOut: h
-    } = ee(), {
-      menus: i
-    } = te(t.menuType), m = ae();
-    function g() {
-      m.push({
-        path: "/"
-      });
-    }
-    async function b() {
-      await h(), g();
-    }
-    const f = re(), w = A([""]);
-    function T(y) {
-      const e = y.path;
-      W(() => {
-        m.push({
-          path: e,
-          query: f.query
-        }), w.value = [e], window.scrollTo({
-          top: 0,
-          behavior: "smooth"
-        });
-      });
-    }
-    return N(() => [f.path, i.value], () => {
-      const y = ne(i.value, f.path, {
-        // Sidebar 中，子路由应该选中子菜单项
-        returnParentOnChildMatch: !1,
-        // 后备查找函数
-        fallback: (e) => oe(f.matched, t.menuType, e)
-      });
-      y && (w.value = [y]);
-    }, {
-      immediate: !0,
-      deep: !0
-    }), (y, e) => (n(), s("div", $e, [a("div", Me, [r(c(fe), {
-      icon: c(d).applicationLogoUrl,
-      name: c(d).name,
-      onTo: g
-    }, null, 8, ["icon", "name"])]), a("div", Ce, [r(we, {
-      "selected-keys": w.value,
-      "onUpdate:selectedKeys": e[0] || (e[0] = (u) => w.value = u),
-      menus: c(i),
-      onChange: T
-    }, null, 8, ["selected-keys", "menus"])]), a("div", Te, [r(c(ie), {
-      position: "tr",
-      "dropdown-offset-y": "30px"
-    }, {
-      trigger: B(() => [r(c(ke))]),
-      items: B(() => [r(c(ue)), r(c(le)), r(c(ce)), r(c(de)), r(c(me)), r(c(pe)), r(c(R), {
-        icon: "lucide:home",
-        onClick: g
-      }, {
-        default: B(() => [...e[1] || (e[1] = [K("主页", -1)])]),
-        _: 1
-      }), r(c(R), {
-        icon: "lucide:log-out",
-        danger: "",
-        onClick: b
-      }, {
-        default: B(() => [...e[2] || (e[2] = [K("退出登录", -1)])]),
-        _: 1
-      })]),
-      _: 1
-    }), r(c(he))])]));
-  }
-}), Ie = /* @__PURE__ */ C(Se, [["__scopeId", "data-v-38293d95"]]), xe = {
-  class: "layout"
-}, Ae = {
-  class: "leftContent"
-}, Pe = {
-  class: "content"
-}, Be = {
-  class: "contentCenter"
-}, Le = {
-  class: "pages"
-}, Ue = {
-  key: 0,
-  class: "loading"
-}, Ke = /* @__PURE__ */ P({
-  __name: "AppLayout",
-  props: {
-    menuType: {
-      default: "system"
-    },
-    showUserPanel: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  setup(p) {
-    const t = p, {
-      isChecking: d
-    } = se();
-    return (h, i) => (n(), s("div", xe, [a("div", Ae, [r(Ie, {
-      "menu-type": t.menuType,
-      "show-user-panel": t.showUserPanel
-    }, null, 8, ["menu-type", "show-user-panel"])]), a("div", Pe, [a("div", Be, [a("div", Le, [c(d) ? (n(), s("div", Ue, [r(c(Z), {
-      size: 40
-    })])) : V(h.$slots, "default", {
-      key: 1
-    }, void 0, !0)])])])]));
-  }
-}), on = /* @__PURE__ */ C(Ke, [["__scopeId", "data-v-410ad52b"]]), He = {
-  class: "ContentHead"
-}, De = {
-  class: "title"
-}, Ee = {
-  key: 0,
-  class: "description"
-}, Re = /* @__PURE__ */ P({
-  __name: "ContentHead",
-  props: {
-    title: {
-      type: String,
-      required: !0,
-      default: () => ""
-    },
-    description: {
-      type: String,
-      required: !0,
-      default: () => ""
-    }
-  },
-  setup(p) {
-    const t = p;
-    return (d, h) => (n(), s("div", He, [a("h1", De, M(t.title), 1), t.description ? (n(), s("p", Ee, M(t.description), 1)) : x("", !0)]));
-  }
-}), sn = /* @__PURE__ */ C(Re, [["__scopeId", "data-v-209a7bef"]]), ze = {
-  class: "desktop-menus"
-}, Oe = {
-  key: 0,
-  class: "header-menu-item"
-}, We = {
-  class: "submenu-popup"
-}, Ne = {
-  class: "submenu-content"
-}, Ve = ["onClick"], qe = {
-  key: 0,
-  class: "submenu-item-icon"
-}, Ge = {
-  class: "submenu-item-content"
-}, je = {
-  class: "submenu-item-title"
-}, Fe = {
-  key: 0,
-  class: "submenu-item-description"
-}, Je = ["onClick"], Qe = ["aria-expanded", "aria-label"], Xe = {
-  class: "mobile-menu-content",
-  "aria-label": "主导航"
-}, Ye = {
-  key: 0,
-  class: "mobile-menu-group"
-}, Ze = ["aria-expanded", "onClick"], et = {
-  key: 0,
-  class: "mobile-submenu"
-}, tt = ["onClick"], nt = ["onClick"], ot = /* @__PURE__ */ P({
-  __name: "HeaderMenus",
-  props: {
-    menus: {
-      type: Array,
-      required: !0
-    },
-    activateKey: {
-      type: String,
-      required: !0
-    },
-    theme: {
-      type: String,
-      default: "light"
-    }
-  },
-  emits: ["change"],
-  setup(p, {
-    emit: t
-  }) {
-    const d = p, h = t, i = A(!1), m = A({}), g = A(null), b = A(null);
-    let f = "";
-    function w(o) {
-      return Array.from(o.querySelectorAll('button:not([disabled]), a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'));
-    }
-    function T() {
-      i.value || (f = document.body.style.overflow, document.body.style.overflow = "hidden", i.value = !0, J(() => {
-        var o;
-        return (o = w(b.value ?? document.body)[0]) == null ? void 0 : o.focus();
-      }));
-    }
-    function y() {
-      i.value && (i.value = !1, document.body.style.overflow = f, J(() => {
-        var o;
-        return (o = g.value) == null ? void 0 : o.focus();
-      }));
-    }
-    function e() {
-      i.value && (i.value = !1, document.body.style.overflow = f);
-    }
-    function u() {
-      i.value ? y() : T();
-    }
-    function S(o) {
-      h("change", o);
-    }
-    function I(o) {
-      h("change", o), e();
-    }
-    function H(o) {
-      m.value[o] = !m.value[o];
-    }
-    function D(o) {
-      const _ = d.activateKey, l = o.path;
-      if (_ === l || _.startsWith(l + "/"))
-        return !0;
-      if (o.children && o.children.length > 0) {
-        for (const k of o.children)
-          if (_ === k.path || _.startsWith(k.path + "/"))
-            return !0;
-      }
-      return !1;
-    }
-    function G(o) {
-      const _ = d.activateKey, l = o.path;
-      return !!(_ === l || _.startsWith(l + "/"));
-    }
-    function _e(o) {
-      h("change", o);
-    }
-    function j(o) {
-      o.key === "Escape" && i.value && y();
-    }
-    function ve(o) {
-      if (o.key !== "Tab" || !b.value) return;
-      const _ = w(b.value);
-      if (_.length === 0) return;
-      const l = _[0], k = _[_.length - 1];
-      o.shiftKey && document.activeElement === l ? (o.preventDefault(), k.focus()) : !o.shiftKey && document.activeElement === k && (o.preventDefault(), l.focus());
-    }
-    return Q(() => document.addEventListener("keydown", j)), X(() => {
-      document.removeEventListener("keydown", j), document.body.style.overflow = f;
-    }), (o, _) => (n(), s("div", {
-      class: $(["HeaderMenus", {
-        "HeaderMenus--dark": d.theme === "dark"
-      }])
-    }, [a("div", ze, [(n(!0), s(L, null, E(d.menus, (l, k) => (n(), s(L, {
-      key: k
-    }, [l.children && l.children.length > 0 ? (n(), s("div", Oe, [a("div", {
-      class: $(["headerLink hasChildren", {
-        activate: D(l)
-      }])
-    }, [K(M(l.name) + " ", 1), r(c(z), {
-      icon: "mingcute:down-line",
-      class: "dropdown-arrow"
-    })], 2), a("div", We, [a("div", Ne, [(n(!0), s(L, null, E(l.children, (v, F) => (n(), s("div", {
-      key: F,
-      class: $(["submenu-item", {
-        active: G(v)
-      }]),
-      onClick: (Tt) => S(v)
-    }, [v.icon ? (n(), s("div", qe, [r(c(z), {
-      icon: v.icon
-    }, null, 8, ["icon"])])) : x("", !0), a("div", Ge, [a("div", je, M(v.name), 1), v.description ? (n(), s("div", Fe, M(v.description), 1)) : x("", !0)])], 10, Ve))), 128))])])])) : (n(), s("div", {
-      key: 1,
-      class: $(["headerLink", {
-        activate: D(l)
-      }]),
-      onClick: (v) => _e(l)
-    }, M(l.name), 11, Je))], 64))), 128))]), a("button", {
-      ref_key: "menuToggleRef",
-      ref: g,
-      type: "button",
-      class: $(["mobile-menu-toggle", {
-        active: i.value
-      }]),
-      "aria-expanded": i.value,
-      "aria-controls": "site-mobile-menu",
-      "aria-label": i.value ? "关闭导航菜单" : "打开导航菜单",
-      onClick: u
-    }, [..._[0] || (_[0] = [a("span", {
-      class: "hamburger-line"
-    }, null, -1), a("span", {
-      class: "hamburger-line"
-    }, null, -1), a("span", {
-      class: "hamburger-line"
-    }, null, -1)])], 10, Qe), (n(), Y(ge, {
-      to: "body"
-    }, [i.value ? (n(), s("div", {
-      key: 0,
-      class: "mobile-menu-overlay",
-      "aria-hidden": "true",
-      onClick: y
-    })) : x("", !0), i.value ? (n(), s("div", {
-      key: 1,
-      id: "site-mobile-menu",
-      ref_key: "mobileMenuRef",
-      ref: b,
-      class: "mobile-menu",
-      role: "dialog",
-      "aria-label": "移动导航",
-      "aria-modal": "true",
-      onKeydown: ve
-    }, [a("nav", Xe, [(n(!0), s(L, null, E(d.menus, (l, k) => (n(), s(L, {
-      key: l.path
-    }, [l.children && l.children.length > 0 ? (n(), s("div", Ye, [a("button", {
-      type: "button",
-      class: $(["mobile-menu-item mobile-menu-item-header", {
-        activate: D(l)
-      }]),
-      "aria-expanded": m.value[k] ?? !1,
-      onClick: (v) => H(k)
-    }, [a("span", null, M(l.name), 1), r(c(z), {
-      icon: m.value[k] ? "mingcute:up-line" : "mingcute:down-line",
-      class: "mobile-submenu-arrow"
-    }, null, 8, ["icon"])], 10, Ze), m.value[k] ? (n(), s("div", et, [(n(!0), s(L, null, E(l.children, (v) => (n(), s("button", {
-      key: v.path,
-      type: "button",
-      class: $(["mobile-submenu-item", {
-        active: G(v)
-      }]),
-      onClick: (F) => I(v)
-    }, M(v.name), 11, tt))), 128))])) : x("", !0)])) : (n(), s("button", {
-      key: 1,
-      type: "button",
-      class: $(["mobile-menu-item", {
-        activate: D(l)
-      }]),
-      onClick: (v) => I(l)
-    }, M(l.name), 11, nt))], 64))), 128))])], 544)) : x("", !0)]))], 2));
-  }
-}), st = /* @__PURE__ */ C(ot, [["__scopeId", "data-v-884ca88b"]]), at = {
-  class: "HeaderCom"
-}, rt = {
-  class: "HeaderCom-inner"
-}, it = {
-  class: "left"
-}, ut = {
-  class: "right"
-}, lt = ["aria-label"], ct = {
-  key: 0,
-  class: "theme-icon",
-  "aria-hidden": "true"
-}, dt = {
-  key: 1,
-  class: "theme-icon",
-  "aria-hidden": "true"
-}, mt = /* @__PURE__ */ P({
-  __name: "Header",
-  props: {
-    menuType: {
-      default: "header"
-    },
-    showUserPanel: {
-      type: Boolean,
-      default: !0
-    },
-    showThemeToggle: {
-      type: Boolean,
-      default: !0
-    },
-    theme: {
-      default: "light"
-    }
-  },
-  setup(p) {
-    const t = p, {
-      appsData: d
-    } = q(), {
-      signOut: h
-    } = ee(), {
-      menus: i
-    } = te(t.menuType), m = A(""), g = ae(), b = re();
-    function f() {
-      W(() => {
-        g.push({
-          path: "/"
-        }), window.scrollTo({
-          top: 0,
-          behavior: "smooth"
-        });
-      });
-    }
-    async function w() {
-      await h(), f();
-    }
-    function T(e) {
-      const u = e.path;
-      W(() => {
-        g.push(u), m.value = u, window.scrollTo({
-          top: 0,
-          behavior: "smooth"
-        });
-      });
-    }
-    function y() {
-      ye(t.theme === "dark" ? "light" : "dark");
-    }
-    return N(() => [b.path, i.value], () => {
-      m.value = ne(i.value, b.path, {
-        // Header 中，子菜单匹配时返回父菜单路径
-        returnParentOnChildMatch: !0,
-        // 后备查找函数
-        fallback: (e) => oe(b.matched, t.menuType, e)
-      });
-    }, {
-      immediate: !0,
-      deep: !0
-    }), (e, u) => (n(), s("header", at, [a("div", rt, [a("div", it, [r(fe, {
-      icon: c(d).applicationLogoUrl,
-      name: c(d).name,
-      onTo: f
-    }, null, 8, ["icon", "name"])]), a("div", ut, [r(st, {
-      menus: c(i),
-      activateKey: m.value,
-      theme: t.theme,
-      onChange: T
-    }, null, 8, ["menus", "activateKey", "theme"]), t.showThemeToggle ? (n(), s("button", {
-      key: 0,
-      type: "button",
-      class: "theme-toggle",
-      "aria-label": t.theme === "dark" ? "切换为浅色" : "切换为深色",
-      onClick: y
-    }, [t.theme === "dark" ? (n(), s("span", ct, [...u[0] || (u[0] = [a("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "20",
-      height: "20",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-width": "2",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round"
-    }, [a("circle", {
-      cx: "12",
-      cy: "12",
-      r: "4"
-    }), a("path", {
-      d: "M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"
-    })], -1)])])) : (n(), s("span", dt, [...u[1] || (u[1] = [a("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "20",
-      height: "20",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-width": "2",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round"
-    }, [a("path", {
-      d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"
-    })], -1)])]))], 8, lt)) : x("", !0), t.showUserPanel ? (n(), Y(ie, {
-      key: 1
-    }, {
-      items: B(() => [r(ue), r(le), r(ce), r(de), r(me), r(pe), r(R, {
-        icon: "lucide:home",
-        onClick: f
-      }, {
-        default: B(() => [...u[2] || (u[2] = [K("主页", -1)])]),
-        _: 1
-      }), r(R, {
-        icon: "lucide:log-out",
-        danger: "",
-        onClick: w
-      }, {
-        default: B(() => [...u[3] || (u[3] = [K("退出登录", -1)])]),
-        _: 1
-      })]),
-      _: 1
-    })) : x("", !0), r(he)])])]));
-  }
-}), pt = /* @__PURE__ */ C(mt, [["__scopeId", "data-v-4e63dcad"]]), ht = {
-  class: "layout-inner"
-}, ft = {
-  key: 0,
-  class: "loading"
-}, _t = "none", vt = "var(--huyooo-layout-dark-background)", gt = /* @__PURE__ */ P({
-  __name: "DefaultLayout",
-  props: {
-    menuType: {
-      default: "header"
-    },
-    showUserPanel: {
-      type: Boolean,
-      default: !0
-    },
-    showThemeToggle: {
-      type: Boolean,
-      default: !0
-    },
-    enableRoutePermission: {
-      type: Boolean,
-      default: !0
-    },
-    backgroundImage: {
-      default: ""
-    },
-    theme: {
-      default: void 0
-    }
-  },
-  setup(p) {
-    var T, y;
-    const t = p, {
-      appsData: d
-    } = q(), h = A(typeof window < "u" && ((y = (T = window.matchMedia) == null ? void 0 : T.call(window, "(prefers-color-scheme: dark)")) == null ? void 0 : y.matches));
-    function i() {
-      var e, u;
-      typeof window > "u" || (h.value = ((u = (e = window.matchMedia) == null ? void 0 : e.call(window, "(prefers-color-scheme: dark)")) == null ? void 0 : u.matches) ?? !1);
-    }
-    let m;
-    Q(() => {
-      var u, S;
-      i();
-      const e = (u = window.matchMedia) == null ? void 0 : u.call(window, "(prefers-color-scheme: dark)");
-      (S = e == null ? void 0 : e.addEventListener) == null || S.call(e, "change", i), m = () => {
-        var I;
-        return (I = e == null ? void 0 : e.removeEventListener) == null ? void 0 : I.call(e, "change", i);
-      };
-    });
-    const g = U(() => {
-      var I, H;
-      const e = t.theme;
-      if (e && e !== "system") return e;
-      if (e === "system") return h.value ? "dark" : "light";
-      const u = be.value;
-      if (u === "dark" || u === "light") return u;
-      if (u === "system") return h.value ? "dark" : "light";
-      const S = (H = (I = d.value) == null ? void 0 : I.brand) == null ? void 0 : H.theme;
-      return S === "dark" || S === "light" ? S : "light";
-    }), b = U(() => t.backgroundImage ? t.backgroundImage : g.value === "dark" ? vt : _t), f = U(() => {
-      const e = b.value;
-      return !e || e === "none" ? {
-        backgroundImage: "none",
-        backgroundColor: "transparent"
-      } : {
-        backgroundImage: e,
-        backgroundAttachment: "fixed"
-      };
-    });
-    N(g, (e) => {
-      typeof document > "u" || (e === "dark" ? (document.body.setAttribute("arco-theme", "dark"), document.body.classList.add("dark")) : (document.body.removeAttribute("arco-theme"), document.body.classList.remove("dark")));
-    }, {
-      immediate: !0
-    }), X(() => {
-      m == null || m();
-    });
-    const w = t.enableRoutePermission ? se().isChecking : A(!1);
-    return (e, u) => (n(), s("div", {
-      class: $(["layout", {
-        "layout--dark": g.value === "dark"
-      }]),
-      style: O(f.value)
-    }, [r(pt, {
-      "menu-type": t.menuType,
-      "show-user-panel": t.showUserPanel,
-      "show-theme-toggle": t.showThemeToggle,
-      theme: g.value
-    }, null, 8, ["menu-type", "show-user-panel", "show-theme-toggle", "theme"]), a("main", ht, [c(w) ? (n(), s("div", ft, [r(c(Z), {
-      size: 40
-    })])) : V(e.$slots, "default", {
-      key: 1
-    }, void 0, !0)])], 6));
-  }
-}), an = /* @__PURE__ */ C(gt, [["__scopeId", "data-v-6bfe720c"]]), yt = /* @__PURE__ */ P({
-  __name: "Gradientbackground",
-  props: {
-    width: {
-      type: String,
-      default: "100%"
-    },
-    height: {
-      type: String,
-      default: "100%"
-    },
-    zIndex: {
-      type: String,
-      default: "-1"
-    },
-    top: {
-      type: String,
-      default: "10%"
-    },
-    left: {
-      type: String,
-      default: "0%"
-    },
-    right: {
-      type: String,
-      default: "auto"
-    },
-    blur: {
-      type: String,
-      default: "0px"
-    },
-    background: {
-      type: String,
-      required: !1,
-      default: () => "var(--huyooo-gradient-background)"
-    }
-  },
-  setup(p) {
-    const t = p, d = U(() => ({
-      pointerEvents: "none",
-      position: "absolute",
-      zIndex: t.zIndex,
-      width: t.width,
-      height: t.height,
-      filter: `blur(${t.blur})`
-    })), h = U(() => ({
-      width: "100%",
-      height: "100%",
-      background: t.background
-    }));
-    return (i, m) => (n(), s("div", {
-      class: "ellipsis",
-      style: O(d.value)
-    }, [a("div", {
-      class: "ellipsis-item",
-      style: O(h.value)
-    }, null, 4)], 4));
-  }
-}), rn = /* @__PURE__ */ C(yt, [["__scopeId", "data-v-64c41f65"]]), bt = {
-  class: "SvgIcon"
-}, kt = ["href", "fill"], wt = /* @__PURE__ */ P({
-  __name: "SvgIcon",
-  props: {
-    prefix: {
-      type: String,
-      required: !1,
-      default: "icon"
-    },
-    name: {
-      type: String,
-      required: !0
-    },
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    }
-  },
-  setup(p) {
-    const t = p, d = U(() => `#${t.prefix ?? "icon"}-${t.name}`);
-    return (h, i) => (n(), s("svg", bt, [a("use", {
-      href: d.value,
-      fill: t.color
-    }, null, 8, kt)]));
-  }
-}), un = /* @__PURE__ */ C(wt, [["__scopeId", "data-v-9d0b08a0"]]), $t = {}, Mt = {
-  class: "WidthContainer"
-};
-function Ct(p, t) {
-  return n(), s("div", Mt, [V(p.$slots, "default", {}, void 0, !0)]);
-}
-const ln = /* @__PURE__ */ C($t, [["render", Ct], ["__scopeId", "data-v-d06aac1f"]]);
-export {
-  on as A,
-  sn as C,
-  an as D,
-  rn as G,
-  pt as H,
-  un as S,
-  ln as W,
-  Ie as a,
-  st as b
-};