@ui0/icon 0.1.3 → 0.1.5

package/dist/index.js

@@ -1,18 +1,18 @@
-var te = Object.defineProperty;
-var ne = (o, s, e) => s in o ? te(o, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[s] = e;
-var V = (o, s, e) => ne(o, typeof s != "symbol" ? s + "" : s, e);
-import { newErrorForSetupCall as ce, isArray as ie, hyphenate as re } from "@ui0/util";
-import { inject as z, getCurrentInstance as ae, h as B, resolveComponent as le, reactive as pe, onScopeDispose as ue, defineComponent as fe, useCssModule as de, useAttrs as he, openBlock as me, createBlock as ge, mergeProps as G, camelize as ve } from "vue";
-import { useComponentId as ke } from "@ui0/composable";
-const we = Symbol.for("ui0-icon"), X = Symbol("ui0-icon-instance");
-function ls() {
-  const o = z(X, void 0);
-  if (o) return o;
-  const s = ae();
-  if (!s) throw ce("getIcon");
-  return s.appContext.config.globalProperties.$ui0Icon;
+var ne = Object.defineProperty;
+var ce = (s, o, e) => o in s ? ne(s, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[o] = e;
+var z = (s, o, e) => ce(s, typeof o != "symbol" ? o + "" : o, e);
+import { newErrorForSetupCall as ie, isArray as re, hyphenate as ae } from "@ui0/util";
+import { hasInjectionContext as le, inject as Z, h as E, reactive as pe, onScopeDispose as ue, resolveComponent as fe, defineComponent as de, useCssModule as he, useAttrs as me, openBlock as ge, createBlock as ve, mergeProps as G, camelize as ke } from "vue";
+import { useComponentId as we } from "@ui0/composable";
+const ye = Symbol.for("ui0-icon"), Y = Symbol("ui0-icon-instance");
+function us() {
+  if (le()) {
+    const s = Z(Y, void 0);
+    if (s) return s;
+  }
+  throw ie("getIcon");
 }
-const ye = {
+const be = {
   value: "fake",
   rotate: 0,
   weight: 400,
@@ -32,32 +32,32 @@ const ye = {
     guides: !1
   }
 };
-function be(o, s) {
+function xe(s, o) {
   const e = [
-    o,
     s,
-    ye
-  ], i = (n) => {
-    for (const r of e) {
-      const u = r == null ? void 0 : r[n];
-      if (u !== void 0) return u;
+    o,
+    be
+  ], d = (n) => {
+    for (const i of e) {
+      const p = i == null ? void 0 : i[n];
+      if (p !== void 0) return p;
     }
   };
   return new Proxy({}, {
-    get: (n, r) => i(r),
+    get: (n, i) => d(i),
     ownKeys: () => [...new Set(e.flatMap((n) => n ? Object.keys(n) : []))],
-    getOwnPropertyDescriptor: (n, r) => ({
+    getOwnPropertyDescriptor: (n, i) => ({
       enumerable: !0,
       configurable: !0,
-      value: i(r)
+      value: d(i)
     })
   });
 }
-const Q = Symbol("ui0-icon-framework");
-function xe() {
-  return z(Q, {});
+const J = Symbol("ui0-icon-framework");
+function Ie() {
+  return Z(J, {});
 }
-const Y = {
+const q = {
   "ellipse-rect": "M930,602.17c0,12.52,0,25.03-.07,37.55-.06,10.54-.18,21.09-.47,31.63-.62,22.97-1.97,46.14-6.06,68.85-4.14,23.04-10.9,44.49-21.56,65.42-10.47,20.58-24.16,39.41-40.49,55.73-16.33,16.33-35.16,30.01-55.73,40.49-20.94,10.66-42.38,17.42-65.42,21.56-22.71,4.08-45.88,5.43-68.85,6.06-10.54.29-21.08.41-31.63.47-12.52.08-25.03.07-37.55.07h-244.34c-12.52,0-25.03,0-37.55-.07-10.54-.06-21.09-.18-31.63-.47-22.97-.62-46.14-1.97-68.85-6.06-23.04-4.14-44.49-10.9-65.42-21.56-20.58-10.47-39.41-24.16-55.73-40.49-16.33-16.33-30.01-35.16-40.49-55.73-10.66-20.94-17.42-42.38-21.56-65.42-4.08-22.71-5.43-45.88-6.06-68.85-.29-10.54-.41-21.08-.47-31.63-.08-12.52-.07-25.03-.07-37.55v-244.34c0-12.52,0-25.03.07-37.55.06-10.54.18-21.09.47-31.63.62-22.97,1.97-46.14,6.06-68.85,4.14-23.04,10.9-44.49,21.56-65.42,10.47-20.58,24.16-39.41,40.49-55.73,16.33-16.33,35.16-30.01,55.73-40.49,20.94-10.66,42.38-17.42,65.42-21.56,22.71-4.08,45.88-5.43,68.85-6.06,10.54-.29,21.08-.41,31.63-.47,12.52-.08,25.03-.07,37.55-.07h244.34c12.52,0,25.03,0,37.55.07,10.54.06,21.09.18,31.63.47,22.97.62,46.14,1.97,68.85,6.06,23.04,4.14,44.49,10.9,65.42,21.56,20.58,10.47,39.41,24.16,55.73,40.49,16.33,16.33,30.01,35.16,40.49,55.73,10.66,20.94,17.42,42.38,21.56,65.42,4.08,22.71,5.43,45.88,6.06,68.85.29,10.54.41,21.08.47,31.63.08,12.52.07,25.03.07,37.55v244.34Z",
   shield: "M75,408.8c0-143.9,0-215.8,17-240,17-24.2,84.6-47.4,219.9-93.7l25.8-8.8c70.5-24.1,105.8-36.2,142.3-36.2s71.8,12.1,142.3,36.2l25.8,8.8c135.3,46.3,202.9,69.5,219.9,93.7,17,24.2,17,96.2,17,240v70.9c0,253.7-190.8,376.8-310.4,429.1-32.5,14.2-48.7,21.3-94.6,21.3s-62.1-7.1-94.6-21.3c-119.7-52.3-310.4-175.4-310.4-429.1v-70.9h0Z",
   pentagon: "M515.9,52.2l114.6,232.2c5.8,11.8,17.1,20,30.1,21.9l256.3,37.2c32.8,4.8,45.9,45.1,22.2,68.2l-185.4,180.8c-9.4,9.2-13.7,22.4-11.5,35.4l43.8,255.2c5.6,32.7-28.7,57.6-58,42.2l-229.2-120.5c-11.7-6.1-25.6-6.1-37.2,0l-229.2,120.5c-29.3,15.4-63.6-9.5-58-42.2l43.8-255.2c2.2-13-2.1-26.2-11.5-35.4L21,411.8c-23.7-23.1-10.6-63.5,22.2-68.2l256.3-37.2c13-1.9,24.3-10.1,30.1-21.9l114.6-232.2c14.7-29.7,57.1-29.7,71.7,0Z",
@@ -65,126 +65,135 @@ const Y = {
   heptagon: "M462.6,40.8L133.9,199.2c-11,5.3-18.9,15.3-21.6,27.1L31.1,582c-2.7,11.9.1,24.3,7.7,33.8l227.5,285.3c7.6,9.5,19.1,15.1,31.3,15.1h364.9c12.2,0,23.7-5.5,31.3-15.1l227.5-285.3c7.6-9.5,10.4-22,7.7-33.8l-81.2-355.7c-2.7-11.9-10.7-21.9-21.6-27.1L497.4,40.8c-11-5.3-23.7-5.3-34.7,0Z",
   octagon: "M523,38.5l238.7,98.9c27.6,11.4,49.5,33.3,60.9,60.9l98.9,238.7c11.4,27.6,11.4,58.5,0,86.1l-98.9,238.7c-11.4,27.6-33.3,49.5-60.9,60.9l-238.7,98.9c-27.6,11.4-58.5,11.4-86.1,0l-238.7-98.9c-27.6-11.4-49.5-33.3-60.9-60.9l-98.9-238.7c-11.4-27.6-11.4-58.5,0-86.1l98.9-238.7c11.4-27.6,33.3-49.5,60.9-60.9l238.7-98.9c27.6-11.4,58.5-11.4,86.1,0h0Z"
 };
-function Ie(o) {
-  return o in Y;
+function _e(s) {
+  return s in q;
 }
-function W(o) {
-  return !!o && "customOptions" in o;
+function W(s) {
+  return !!s && "customOptions" in s;
 }
-function F(o) {
-  return (s) => B("g", o, s || []);
+function R(s) {
+  return (o) => E("g", s, o || []);
 }
-class _e {
+class Se {
   constructor() {
-    V(this, "stack", []);
+    z(this, "stack", []);
   }
-  add(s) {
-    this.stack.push(s);
+  add(o) {
+    this.stack.push(o);
   }
   render() {
-    return this.stack.reduce((s, e) => e(s), {});
+    return this.stack.reduce((o, e) => e(o), {});
   }
 }
-function Se(o, s) {
-  const e = () => n.params.value ? `icon-${n.params.pack}-${n.params.value}` : "icon-none", n = {
-    modifiers: [],
-    params: {},
-    getComponentName: e,
-    getComponent: () => {
-      const k = z(Symbol.for("ui0-icon-generated"), {})[`${n.params.pack}/${n.params.value}`];
-      if (k) return k;
-      const P = le(e());
-      return typeof P == "string" ? null : P;
-    }
-  };
-  if (!o) return n;
-  const r = o.includes("/") ? o : `/${o}`, [u, y = ""] = r.split("?", 2), d = u.indexOf("/"), L = u.slice(0, d), D = u.slice(d + 1), [M, ...O] = D.split(".");
-  return O.length && (n.modifiers = O.reduce((g, k) => [...g, k.replace(":", "-")], [])), y && (n.params = Object.fromEntries(y.split("&").map((g) => g.split("=", 2)))), n.params.pack = L || s.pack || "ui0", M && (n.params.value = M), n;
-}
-function H(o, s) {
-  const e = Se(o, s);
-  for (const [n, r] of Object.entries(s))
-    r !== void 0 && n !== "value" && e.params[n] === void 0 && (e.params[n] = r);
-  const i = {
-    ...s,
-    ...e.params
-  };
-  return {
-    ...e,
-    params: i
-  };
-}
-function Be(o) {
-  return Array.isArray(o) ? o.filter((s) => typeof s == "string" && s.length > 0) : typeof o == "string" ? o.split(/[\s,]+/).filter(Boolean) : [];
+function X(s) {
+  return Array.isArray(s) ? s.filter((o) => typeof o == "string" && o.length > 0) : typeof s == "string" ? s.split(/[\s,]+/).filter(Boolean) : [];
 }
-function Me(o, s) {
+function Be(s, o) {
   const e = /* @__PURE__ */ new Set();
-  for (const i of o) {
-    const n = i.match(/^(.+?)(?::|-)(hover|active|focus)$/);
-    n ? s[n[2]] && e.add(n[1]) : e.add(i);
+  for (const d of s) {
+    const n = d.match(/^(.+?)(?::|-)(hover|active|focus)$/);
+    n ? o[n[2]] && e.add(n[1]) : e.add(d);
   }
   return [...e];
 }
-function $e(o, s) {
-  const e = { hover: o.matches(":hover"), active: o.matches(":active"), focus: o.matches(":focus-within") }, i = o.closest("button, input, a"), n = {
-    hover: (i == null ? void 0 : i.matches(":hover")) ?? !1,
-    active: (i == null ? void 0 : i.matches(":active")) ?? !1,
-    focus: (i == null ? void 0 : i.matches(":focus-within")) ?? !1
-  }, r = () => s({ hover: e.hover || n.hover, active: e.active || n.active, focus: e.focus || n.focus });
-  let u = () => {
+function Ee(s) {
+  return s.some((o) => /(?::|-)(hover|active|focus)$/.test(o));
+}
+function Me(s, o) {
+  const e = { hover: s.matches(":hover"), active: s.matches(":active"), focus: s.matches(":focus-within") }, d = () => s.closest("button, input, a, [data-icon-host]");
+  let n = null;
+  const i = { hover: !1, active: !1, focus: !1 }, p = () => o({ hover: e.hover || i.hover, active: e.active || i.active, focus: e.focus || i.focus });
+  let v = () => {
   };
-  const y = () => {
-    e.active = n.active = !1, u(), u = () => {
-    }, r();
-  }, d = o.ownerDocument.defaultView, L = (g, k) => {
-    if (g.type === "pointerdown" && g.button !== 0 || g.type === "keydown" && ![" ", "Enter"].includes(g.key) || (y(), k.active = !0, r(), !d)) return;
-    const P = (m) => {
-      (m.type !== "keyup" || [" ", "Enter"].includes(m.key)) && y();
+  const h = () => {
+    e.active = i.active = !1, v(), v = () => {
+    }, p();
+  }, L = s.ownerDocument.defaultView, F = (f, P) => {
+    if (f.type === "pointerdown" && f.button !== 0 || f.type === "keydown" && ![" ", "Enter"].includes(f.key) || (h(), P.active = !0, p(), !L)) return;
+    const O = (g) => {
+      (g.type !== "keyup" || [" ", "Enter"].includes(g.key)) && h();
     };
-    for (const m of ["pointerup", "pointercancel", "keyup", "blur"]) d.addEventListener(m, P);
-    u = () => {
-      for (const m of ["pointerup", "pointercancel", "keyup", "blur"]) d.removeEventListener(m, P);
+    for (const g of ["pointerup", "pointercancel", "keyup", "blur"]) L.addEventListener(g, O);
+    v = () => {
+      for (const g of ["pointerup", "pointercancel", "keyup", "blur"]) L.removeEventListener(g, O);
     };
-  }, D = (g, k) => {
-    const P = {
+  }, I = (f, P) => {
+    const O = {
       pointerenter: () => {
-        k.hover = !0, r();
+        P.hover = !0, p();
       },
       pointerleave: () => {
-        k.hover = !1, r();
+        P.hover = !1, p();
       },
-      pointerdown: (m) => L(m, k),
-      keydown: (m) => L(m, k),
+      pointerdown: (g) => F(g, P),
+      keydown: (g) => F(g, P),
       focusin: () => {
-        k.focus = !0, r();
+        P.focus = !0, p();
       },
-      focusout: (m) => {
-        const E = m.relatedTarget;
-        k.focus = E !== null && g.contains(E), r();
+      focusout: (g) => {
+        const A = g.relatedTarget;
+        P.focus = A !== null && f.contains(A), p();
       }
     };
-    for (const [m, E] of Object.entries(P)) g.addEventListener(m, E);
+    for (const [g, A] of Object.entries(O)) f.addEventListener(g, A);
     return () => {
-      for (const [m, E] of Object.entries(P)) g.removeEventListener(m, E);
+      for (const [g, A] of Object.entries(O)) f.removeEventListener(g, A);
     };
-  }, M = D(o, e), O = i && i !== o ? D(i, n) : () => {
+  }, j = I(s, e);
+  let C = () => {
+  };
+  const _ = () => {
+    const f = d();
+    f !== n && (n = f, C(), C = f && f !== s ? I(f, i) : () => {
+    }, i.hover = (f == null ? void 0 : f.matches(":hover")) ?? !1, i.active = (f == null ? void 0 : f.matches(":active")) ?? !1, i.focus = (f == null ? void 0 : f.matches(":focus-within")) ?? !1);
   };
-  return r(), () => {
-    M(), O(), u();
+  _();
+  const D = () => _();
+  return s.addEventListener("pointerenter", _), s.addEventListener("focusin", _), s.ownerDocument.addEventListener("pointerover", D), p(), () => {
+    j(), C(), s.removeEventListener("pointerenter", _), s.removeEventListener("focusin", _), s.ownerDocument.removeEventListener("pointerover", D), v();
   };
 }
-function Ce() {
-  const o = pe({ hover: !1, active: !1, focus: !1 });
-  let s = null, e = () => {
+function $e() {
+  const s = pe({ hover: !1, active: !1, focus: !1 });
+  let o = null, e = () => {
   };
-  const i = (n) => {
-    const r = n instanceof Element ? n : null;
-    r !== s && (e(), s = r, Object.assign(o, { hover: !1, active: !1, focus: !1 }), e = r ? $e(r, (u) => Object.assign(o, u)) : () => {
+  const d = (n) => {
+    const i = n instanceof Element ? n : null;
+    i !== o && (e(), o = i, Object.assign(s, { hover: !1, active: !1, focus: !1 }), e = i ? Me(i, (p) => Object.assign(s, p)) : () => {
     });
   };
-  return ue(() => i(null)), { state: o, elementRef: i };
+  return ue(() => d(null)), { state: s, elementRef: d };
 }
-const Pe = /* @__PURE__ */ fe({
+function Ce(s, o) {
+  const e = () => n.params.value ? `icon-${n.params.pack}-${n.params.value}` : "icon-none", n = {
+    modifiers: [],
+    params: {},
+    getComponentName: e,
+    getComponent: () => {
+      const _ = Z(Symbol.for("ui0-icon-generated"), {})[`${n.params.pack}/${n.params.value}`];
+      if (_) return _;
+      const D = fe(e());
+      return typeof D == "string" ? null : D;
+    }
+  };
+  if (!s) return n;
+  const i = s.includes("/") ? s : `/${s}`, [p, v = ""] = i.split("?", 2), h = p.indexOf("/"), L = p.slice(0, h), F = p.slice(h + 1), [I, ...j] = F.split(".");
+  return j.length && (n.modifiers = j.reduce((C, _) => [...C, _.replace(":", "-")], [])), v && (n.params = Object.fromEntries(v.split("&").map((C) => C.split("=", 2)))), n.params.pack = L || o.pack || "ui0", I && (n.params.value = I), n;
+}
+function Q(s, o) {
+  const e = Ce(s, o);
+  for (const [n, i] of Object.entries(o))
+    i !== void 0 && n !== "value" && e.params[n] === void 0 && (e.params[n] = i);
+  const d = {
+    ...o,
+    ...e.params
+  };
+  return {
+    ...e,
+    params: d
+  };
+}
+const Pe = /* @__PURE__ */ de({
   __name: "icon",
   props: {
     filled: { type: Boolean, default: void 0 },
@@ -207,191 +216,194 @@ const Pe = /* @__PURE__ */ fe({
     height: {},
     color: {}
   },
-  setup(o) {
-    var Z, U;
-    const s = o, e = de(), i = xe(), n = (Z = i.useTheme) == null ? void 0 : Z.call(i, s, e), r = be(s, (U = i.useDefaults) == null ? void 0 : U.call(i)), u = se(), [, y] = ke("icon"), d = {
-      badge: y("badge"),
-      radial: y("radial"),
-      shape: y("shape"),
-      shapeBadge: y("shape-badge"),
-      strokeMask: y("stroke-mask"),
-      shapeStrokeMask: y("shape-stroke-mask"),
-      icon: y("icon"),
-      iconMask: y("mask-icon")
-    }, L = B("rect", {
-      ...u.viewBox,
+  setup(s) {
+    var U, H;
+    const o = s, e = he(), d = Ie(), n = (U = d.useTheme) == null ? void 0 : U.call(d, o, e), i = xe(o, (H = d.useDefaults) == null ? void 0 : H.call(d)), p = oe(), [, v] = we("icon"), h = {
+      badge: v("badge"),
+      radial: v("radial"),
+      shape: v("shape"),
+      shapeBadge: v("shape-badge"),
+      strokeMask: v("stroke-mask"),
+      shapeStrokeMask: v("shape-stroke-mask"),
+      icon: v("icon"),
+      iconMask: v("mask-icon")
+    }, L = E("rect", {
+      ...p.viewBox,
       fill: "#FFF"
-    }), M = {
-      ...oe(s),
-      viewBox: u.getViewBox()
-    }, O = Ce(), g = he();
-    function k(c) {
-      const p = [], t = Object.keys(c), f = ["size", "color", "value", "fill", "weight"];
+    }), I = {
+      ...te(o),
+      viewBox: p.getViewBox()
+    }, j = $e(), C = me();
+    function _(c) {
+      const a = [], t = Object.keys(c), u = ["size", "color", "value", "fill", "weight"];
       for (let l = 0; l < t.length; l++) {
-        const v = c[t[l]];
-        f.includes(t[l]) && v !== void 0 && ["string", "number", "boolean"].includes(typeof v) && p.push(`icon-${t[l]}-${v}`);
+        const k = c[t[l]];
+        u.includes(t[l]) && k !== void 0 && ["string", "number", "boolean"].includes(typeof k) && a.push(`icon-${t[l]}-${k}`);
       }
-      return p;
+      return a;
     }
-    const P = () => {
-      const { value: c } = s;
+    const D = () => {
+      const { value: c } = o;
       if (!c) return null;
-      const p = H(ie(c) ? c[0] : c, r), t = [e.icon];
-      n ? t.push(...n.classes(p.params)) : t.push(...k(p.params));
-      const f = { class: t, ref: O.elementRef };
-      if (p.params.value === "fake")
-        return B("i", G(g, f));
-      const l = E(p);
-      return l ? B("i", G(g, f), l) : null;
-    }, m = (c, p) => B("symbol", p, c), E = (c) => {
-      const p = N(c);
-      if (!p) return null;
-      const t = c.params, f = t.color && t.color.length === 2, l = t.color && t.color.length > 2, v = (f || l) && t.rendering && t.rendering === "multicolor", a = [e.canvas];
-      n && a.push(...n.classes(t, e));
-      const h = [], _ = [], A = {
-        viewBox: u.getViewBox(),
-        class: a
+      const a = Q(re(c) ? c[0] : c, i), t = [e.icon];
+      n ? t.push(...n.classes(a.params)) : t.push(..._(a.params));
+      const u = {
+        class: t,
+        ref: Ee([...a.modifiers, ...X(a.params.modifiers)]) ? j.elementRef : void 0
+      };
+      if (a.params.value === "fake")
+        return E("i", G(C, u));
+      const l = P(a);
+      return l ? E("i", G(C, u), l) : null;
+    }, f = (c, a) => E("symbol", a, c), P = (c) => {
+      const a = O(c);
+      if (!a) return null;
+      const t = c.params, u = t.color && t.color.length === 2, l = t.color && t.color.length > 2, k = (u || l) && t.rendering && t.rendering === "multicolor", r = [e.canvas];
+      n && r.push(...n.classes(t, e));
+      const m = [], S = [], V = {
+        viewBox: p.getViewBox(),
+        class: r
       };
-      f && a.push(e.doubleColored), l && a.push(e.tripleColored);
-      let b = {};
-      const $ = /* @__PURE__ */ new Map(), j = (x, I, w) => {
-        const C = I.getComponent();
-        W(C) && (Array.from(C.customOptions.modifiers).length > 0 || C.customOptions.flags.some((T) => ["animation", "animate"].includes(T))) ? $.set(x, () => N(I)) : h.push(m(w, { id: x, viewBox: u.getViewBox() }));
-      }, S = (x, I = {}, w = {}) => {
-        const C = $.get(x);
-        return J(x, I, w, C);
+      u && r.push(e.doubleColored), l && r.push(e.tripleColored);
+      let y = {};
+      const M = /* @__PURE__ */ new Map(), T = (b, x, w) => {
+        const $ = x.getComponent();
+        W($) && (Array.from($.customOptions.modifiers).length > 0 || $.customOptions.flags.some((N) => ["animation", "animate"].includes(N))) ? M.set(b, () => O(x)) : m.push(f(w, { id: b, viewBox: p.getViewBox() }));
+      }, B = (b, x = {}, w = {}) => {
+        const $ = M.get(b);
+        return g(b, x, w, $);
       };
-      if (j(d.icon, c, p), t.badge && typeof t.badge == "string") {
-        const x = H(t.badge, {});
-        b = x.params;
-        const I = N(x);
-        if (I) {
-          j(d.badge, x, I), !t.shape && !b.shape && h.push(S(d.badge, b, M));
-          const w = S(d.badge, b, {
-            ...M,
+      if (T(h.icon, c, a), t.badge && typeof t.badge == "string") {
+        const b = Q(t.badge, {});
+        y = b.params;
+        const x = O(b);
+        if (x) {
+          T(h.badge, b, x), !t.shape && !y.shape && m.push(B(h.badge, y, I));
+          const w = B(h.badge, y, {
+            ...I,
             class: [e.strokeMask, e.masked]
           });
-          _.push(R(d.strokeMask, [w]));
+          S.push(A(h.strokeMask, [w]));
         }
       }
-      if ((!t.shape || v) && h.push(S(d.icon, t, { mask: d.strokeMask })), t.shape) {
-        const x = S(d.icon, t, {
-          mask: d.strokeMask,
+      if ((!t.shape || k) && m.push(B(h.icon, t, { mask: h.strokeMask })), t.shape) {
+        const b = B(h.icon, t, {
+          mask: h.strokeMask,
           class: e.masked
-        }), I = S(d.badge, b, {
-          ...M,
+        }), x = B(h.badge, y, {
+          ...I,
           class: e.masked
         });
-        b.shape && h.push(S(d.shape, {}, { mask: d.badge, ...M }));
-        const w = [x];
-        if (t.badge && w.push(I), b.shape) {
-          const C = {
-            ...M,
-            viewBox: u.getViewBox()
+        y.shape && m.push(B(h.shape, {}, { mask: h.badge, ...I }));
+        const w = [b];
+        if (t.badge && w.push(x), y.shape) {
+          const $ = {
+            ...I,
+            viewBox: p.getViewBox()
           };
           w.push(
-            S(
-              d.shape,
+            B(
+              h.shape,
               {},
               {
-                ...C,
+                ...$,
                 class: [e.strokeMask, e.shapeStrokeMask, e.masked]
               }
             )
           );
         }
-        if (_.push(R(d.iconMask, w)), t.shape || b.shape) {
-          const C = q(c);
-          C && h.push(
-            m(C, {
-              id: d.shape,
-              viewBox: u.getViewBox()
+        if (S.push(A(h.iconMask, w)), t.shape || y.shape) {
+          const $ = ee(c);
+          $ && m.push(
+            f($, {
+              id: h.shape,
+              viewBox: p.getViewBox()
             })
-          ), h.push(S(d.shape, {}, v ? { mask: d.iconMask } : { mask: d.iconMask }));
+          ), m.push(B(h.shape, {}, k ? { mask: h.iconMask } : { mask: h.iconMask }));
         }
-        t.badge && h.push(S(d.badge, b, v ? M : { ...M }));
+        t.badge && m.push(B(h.badge, y, k ? I : { ...I }));
       }
-      return _.length && h.unshift(B("defs", _)), B("svg", A, h);
-    }, N = (c) => {
-      const p = c.getComponent();
-      if (!W(p)) return null;
-      const t = new _e(), f = p.customOptions, l = Me(
-        [...c.modifiers, ...Be(c.params.modifiers)],
-        O.state
-      ), v = {
+      return S.length && m.unshift(E("defs", S)), E("svg", V, m);
+    }, O = (c) => {
+      const a = c.getComponent();
+      if (!W(a)) return null;
+      const t = new Se(), u = a.customOptions, l = Be(
+        [...c.modifiers, ...X(c.params.modifiers)],
+        j.state
+      ), k = {
         fit: c.params.fit ?? "default",
         progress: c.params.progress ?? 100,
         rendering: c.params.rendering,
         modifiers: l
-      }, a = [e.layerStyle], h = {
-        class: a,
+      }, r = [e.layerStyle], m = {
+        class: r,
         style: "--0-icon-weight: 800;"
       };
-      f.flags.includes("no-fill") || a.push(e.fillable), !f.flags.includes("no-stroke") && !f.flags.includes("no-process-stroke") && a.push(e.weighty), f.flags.includes("no-cap") || a.push(e.cap), f.flags.includes("no-join") || a.push(e.join), c.params.shape && a.push(e.shaped);
-      const _ = c.params.filled;
-      (_ !== void 0 ? _ === !0 || _ === "true" : l.some((S) => S === "fill" || S === "filled")) && a.push(e.filled), c.params.rendering && a.push(e[ve(c.params.rendering)]), t.add(() => B(p, v)), t.add(F(h)), c.params.animation && t.add(F({})), (c.params.flipped || l.includes("flip")) && t.add(F({ class: e.flip }));
-      const b = Number(c.params.rotate ?? 0), $ = u.viewBox.x + u.viewBox.width / 2, j = u.viewBox.y + u.viewBox.height / 2;
+      u.flags.includes("no-fill") || r.push(e.fillable), !u.flags.includes("no-stroke") && !u.flags.includes("no-process-stroke") && r.push(e.weighty), u.flags.includes("no-cap") || r.push(e.cap), u.flags.includes("no-join") || r.push(e.join), c.params.shape && r.push(e.shaped);
+      const S = c.params.filled;
+      (S !== void 0 ? S === !0 || S === "true" : l.some((B) => B === "fill" || B === "filled")) && r.push(e.filled), c.params.rendering && r.push(e[ke(c.params.rendering)]), t.add(() => E(a, k)), t.add(R(m)), c.params.animation && t.add(R({})), (c.params.flipped || l.includes("flip")) && t.add(R({ class: e.flip }));
+      const y = Number(c.params.rotate ?? 0), M = p.viewBox.x + p.viewBox.width / 2, T = p.viewBox.y + p.viewBox.height / 2;
       return t.add(
-        F({
+        R({
           "data-icon-rotate": "",
-          transform: `rotate(${Number.isFinite(b) ? b : 0} ${$} ${j})`
+          transform: `rotate(${Number.isFinite(y) ? y : 0} ${M} ${T})`
         })
       ), t.render();
-    }, J = (c, p = {}, t = {}, f) => {
+    }, g = (c, a = {}, t = {}, u) => {
       let l = {
-        "--0-icon-weight": +(p.weight ?? 400) / 100 * u.getStrokeUnit(),
-        "--0-icon-progress": p.progress ?? 100
+        "--0-icon-weight": +(a.weight ?? 400) / 100 * p.getStrokeUnit(),
+        "--0-icon-progress": a.progress ?? 100
       };
-      const v = Array.isArray(t.class) ? t.class : [t.class];
-      n && (l = { ...l, ...n.styles(p) }, v.push(...n.classes(p, e)));
-      const a = {
+      const k = Array.isArray(t.class) ? t.class : [t.class];
+      n && (l = { ...l, ...n.styles(a) }, k.push(...n.classes(a, e)));
+      const r = {
         href: `#${c}`,
         style: l,
         ...t,
-        class: v
+        class: k
       };
-      return t.mask && (a.mask = `url(#${t.mask})`), f ? (delete a.href, a.viewBox ?? (a.viewBox = u.getViewBox()), a["data-icon-inline"] = "", B("svg", a, [f()])) : B("use", a);
-    }, R = (c, p = []) => B("mask", { id: c }, [L, ...p]), q = (c) => {
-      const p = c.params;
-      if (!p.shape) return;
-      const t = [], f = ee(c), l = p.shape;
+      return t.mask && (r.mask = `url(#${t.mask})`), u ? (delete r.href, r.viewBox ?? (r.viewBox = p.getViewBox()), r["data-icon-inline"] = "", E("svg", r, [u()])) : E("use", r);
+    }, A = (c, a = []) => E("mask", { id: c }, [L, ...a]), ee = (c) => {
+      const a = c.params;
+      if (!a.shape) return;
+      const t = [], u = se(c), l = a.shape;
       return l === "rect" || l === "circle" ? t.push(
-        B("rect", {
-          ...f,
+        E("rect", {
+          ...u,
           rx: l === "circle" ? "50%" : "10%"
           // mask: 'url(#badgenumber)'
         })
-      ) : Ie(l) && t.push(
-        B("path", {
+      ) : _e(l) && t.push(
+        E("path", {
           // 'stroke-width': 80,
-          ...f,
+          ...u,
           x: void 0,
           y: void 0,
           "stroke-linejoin": "round",
           "stroke-linecap": "round",
-          d: Y[l]
+          d: q[l]
           // !asMask ? shapes[p.shape] : scalePath(shapes[p.shape], .4),
         })
       ), t;
     };
-    function ee(c) {
-      const l = u.viewBox.height - u.viewBox.height / 16, v = l, a = l, h = (
+    function se(c) {
+      const l = p.viewBox.height - p.viewBox.height / 16, k = l, r = l, m = (
         /* isChild && isMask ? measure.x : */
-        u.viewBox.width / 32
-      ), _ = (
+        p.viewBox.width / 32
+      ), S = (
         /*isChild && isMask ? measure.y : */
-        u.viewBox.height / 32
-      ), A = [e.shape];
-      return n && A.push(...n.classes(c.params, e)), {
-        class: A,
+        p.viewBox.height / 32
+      ), V = [e.shape];
+      return n && V.push(...n.classes(c.params, e)), {
+        class: V,
         // mask,
-        x: h,
-        y: _,
-        height: v,
-        width: a
+        x: m,
+        y: S,
+        height: k,
+        width: r
       };
     }
-    function se() {
+    function oe() {
       return {
         viewBox: {
           width: 960,
@@ -412,36 +424,36 @@ const Pe = /* @__PURE__ */ fe({
         }
       };
     }
-    function oe(c) {
-      const { options: p } = c, t = 960, f = t / 4 * 3, l = (t - f) / 2, v = {
-        small: f / 4,
-        normal: f / 3,
-        large: f / 2
-      }, a = p == null ? void 0 : p.badge, h = a !== void 0 && a.scale || "normal", _ = a == null ? void 0 : a.cell, A = a == null ? void 0 : a.x, b = a == null ? void 0 : a.y;
-      if (h === "full" || h === 1)
+    function te(c) {
+      const { options: a } = c, t = 960, u = t / 4 * 3, l = (t - u) / 2, k = {
+        small: u / 4,
+        normal: u / 3,
+        large: u / 2
+      }, r = a == null ? void 0 : a.badge, m = r !== void 0 && r.scale || "normal", S = r == null ? void 0 : r.cell, V = r == null ? void 0 : r.x, y = r == null ? void 0 : r.y;
+      if (m === "full" || m === 1)
         return {
           x: "0",
           y: "0",
           width: `${t}px`,
           height: `${t}px`
         };
-      let $;
-      if (typeof h == "number" ? $ = h > 0.75 ? h * t : Math.min(f, Math.round(f * h)) : $ = v[h], _) {
-        const I = typeof h == "string" ? {
+      let M;
+      if (typeof m == "number" ? M = m > 0.75 ? m * t : Math.min(u, Math.round(u * m)) : M = k[m], S) {
+        const x = typeof m == "string" ? {
           small: 4,
           normal: 3,
           large: 2
-        }[h] : 3, w = f / I, [C, K] = _.split(/\s|-|,/).map(Number), T = I - 1;
+        }[m] : 3, w = u / x, [$, K] = S.split(/\s|-|,/).map(Number), N = x - 1;
         return {
-          x: `${l + Math.min(C, T) * w}`,
-          y: `${l + Math.min(K, T) * w}`,
-          width: `${$}px`,
-          height: `${$}px`
+          x: `${l + Math.min($, N) * w}`,
+          y: `${l + Math.min(K, N) * w}`,
+          width: `${M}px`,
+          height: `${M}px`
         };
       }
-      const j = (x) => {
-        const I = x === "x" ? A : b, w = f - $;
-        switch (I) {
+      const T = (b) => {
+        const x = b === "x" ? V : y, w = u - M;
+        switch (x) {
           case "center":
             return l + w / 2;
           case "end":
@@ -451,109 +463,110 @@ const Pe = /* @__PURE__ */ fe({
         }
       };
       return {
-        x: `${j("x")}`,
-        y: `${j("y")}`,
-        width: `${$}px`,
-        height: `${$}px`
+        x: `${T("x")}`,
+        y: `${T("y")}`,
+        width: `${M}px`,
+        height: `${M}px`
       };
     }
-    return (c, p) => (me(), ge(P));
+    return (c, a) => (ge(), ve(D));
   }
-}), Ee = "ic_c2d4", Oe = "ca_a457", Ae = "si_e681", je = "st_39f2", Le = "sh_6010", Ve = "sh_f589", De = "la_1353", Te = "we_0775", Fe = "fi_ff74", Ne = "fi_8a2f", ze = "la_e3b8", Re = "ma_30e1", Ze = "la_9af0", Ue = "do_9bcc", Ke = "mu_2455", Ge = "sh_0266", We = "tr_07fb", He = "jo_5839", Xe = "ca_45e8", Qe = "fl_4e44", Ye = {
-  icon: Ee,
-  canvas: Oe,
-  sizeCustom: Ae,
-  strokeMask: je,
-  shapeStrokeMask: Le,
-  shape: Ve,
-  layerStyle: De,
-  weighty: Te,
-  fillable: Fe,
-  filled: Ne,
-  layers: ze,
-  masked: Re,
-  layersShift: Ze,
-  doubleColored: Ue,
-  multicolor: Ke,
-  shaped: Ge,
-  tripleColored: We,
-  join: He,
-  cap: Xe,
-  flip: Qe
-}, Je = (o, s) => {
-  const e = o.__vccOpts || o;
-  for (const [i, n] of s)
-    e[i] = n;
+}), Oe = "ic_c2d4", Ae = "ca_a457", Le = "si_3f5b", je = "si_e681", De = "st_39f2", Ve = "sh_6010", Te = "sh_f589", ze = "la_1353", Fe = "we_0775", Ne = "fi_ff74", Re = "fi_8a2f", Ze = "la_e3b8", Ue = "ma_30e1", He = "la_9af0", Ke = "do_9bcc", Ge = "mu_2455", We = "sh_0266", Xe = "tr_07fb", Qe = "jo_5839", Ye = "ca_45e8", Je = "fl_4e44", qe = {
+  icon: Oe,
+  canvas: Ae,
+  sized: Le,
+  sizeCustom: je,
+  strokeMask: De,
+  shapeStrokeMask: Ve,
+  shape: Te,
+  layerStyle: ze,
+  weighty: Fe,
+  fillable: Ne,
+  filled: Re,
+  layers: Ze,
+  masked: Ue,
+  layersShift: He,
+  doubleColored: Ke,
+  multicolor: Ge,
+  shaped: We,
+  tripleColored: Xe,
+  join: Qe,
+  cap: Ye,
+  flip: Je
+}, es = (s, o) => {
+  const e = s.__vccOpts || s;
+  for (const [d, n] of o)
+    e[d] = n;
   return e;
-}, qe = {
-  $style: Ye
-}, es = /* @__PURE__ */ Je(Pe, [["__cssModules", qe]]);
-function ss(o) {
-  const s = re(o.replace("Icon", "")), e = s.split("-")[0];
-  return e ? e + "/" + s.replace(e + "-", "") : s.replace(e + "-", "");
+}, ss = {
+  $style: qe
+}, os = /* @__PURE__ */ es(Pe, [["__cssModules", ss]]);
+function ts(s) {
+  const o = ae(s.replace("Icon", "")), e = o.split("-")[0];
+  return e ? e + "/" + o.replace(e + "-", "") : o.replace(e + "-", "");
 }
-class os {
+class ns {
   constructor() {
-    V(this, "icons", []);
-    V(this, "vueApp");
-    V(this, "packs", {});
-    V(this, "deferred", []);
+    z(this, "icons", []);
+    z(this, "vueApp");
+    z(this, "packs", {});
+    z(this, "deferred", []);
   }
   /**
    * add icon pack plugin
    * @param plugin
    */
-  addPack(s) {
-    Object.keys(s.components).forEach((e) => this.add(e, s.components[e])), this.packs[s.name] = s.config;
+  addPack(o) {
+    Object.keys(o.components).forEach((e) => this.add(e, o.components[e])), this.packs[o.name] = o.config;
   }
   /**
    * returns installed icons list
    * @param pack
    */
-  list(s) {
-    return s ? this.icons.filter((e) => e.startsWith(`${s}/`)) : this.icons;
+  list(o) {
+    return o ? this.icons.filter((e) => e.startsWith(`${o}/`)) : this.icons;
   }
   /**
    * add icon component
    * @param name
    * @param component
    */
-  add(s, e) {
+  add(o, e) {
     var n;
-    const i = ss(s);
-    this.icons.push(i), this.vueApp ? (n = this.vueApp) == null || n.component(s, e) : this.deferred.push([s, e]);
+    const d = ts(o);
+    this.icons.push(d), this.vueApp ? (n = this.vueApp) == null || n.component(o, e) : this.deferred.push([o, e]);
   }
-  setVue(s) {
-    if (!s) throw new Error("app is null");
+  setVue(o) {
+    if (!o) throw new Error("app is null");
     if (!this.vueApp)
-      this.vueApp = s, this.deferred.length && this.deferred.forEach((e) => s.component(...e));
+      this.vueApp = o, this.deferred.length && this.deferred.forEach((e) => o.component(...e));
     else
       throw new Error("vue already installed");
   }
 }
-function ps(o = {}, s) {
-  const e = new os();
+function fs(s = {}, o) {
+  const e = new ns();
   return {
-    install: (r) => {
-      if (!r) throw new Error("@ui0/icon can be run with vue 3 only");
-      r.provide(X, e), o.framework && r.provide(Q, o.framework), r.component("Icon", es), e.setVue(r), r.config.globalProperties.$ui0Icon = e;
+    install: (i) => {
+      if (!i) throw new Error("@ui0/icon can be run with vue 3 only");
+      i.provide(Y, e), s.framework && i.provide(J, s.framework), i.component("Icon", os), e.setVue(i);
     },
-    use: (r) => {
-      e.addPack(r);
+    use: (i) => {
+      e.addPack(i);
     },
-    key: we
+    key: ye
   };
 }
-const ts = "ic_c2d4", ns = "ca_a457", us = {
-  icon: ts,
-  canvas: ns
+const cs = "ic_c2d4", is = "ca_a457", ds = {
+  icon: cs,
+  canvas: is
 };
 export {
-  us as $style,
-  es as Icon,
-  Q as IconFrameworkKey,
-  ps as createIcon,
-  ls as getIcon,
-  be as resolveIconDefaults,
-  xe as useIconFramework
+  ds as $style,
+  os as Icon,
+  J as IconFrameworkKey,
+  fs as createIcon,
+  us as getIcon,
+  xe as resolveIconDefaults,
+  Ie as useIconFramework
 };