@huyooo/ui 1.0.2 → 1.0.4

package/dist/WidthContainer-PeWkCK0p.js

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