@ui0/icon 0.1.1 → 0.1.3

package/dist/index.js

@@ -1,14 +1,14 @@
 var te = Object.defineProperty;
-var ne = (n, s, e) => s in n ? te(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e;
-var $ = (n, s, e) => ne(n, typeof s != "symbol" ? s + "" : s, e);
-import { newErrorForSetupCall as ce, isArray as ae, hyphenate as ie } from "@ui0/util";
-import { inject as R, getCurrentInstance as re, h as k, resolveComponent as le, defineComponent as pe, useCssModule as ue, shallowRef as he, useAttrs as de, openBlock as fe, createBlock as me, mergeProps as N, camelize as ge } from "vue";
+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 ve = Symbol.for("ui0-icon"), U = Symbol("ui0-icon-instance");
-function as() {
-  const n = R(U, void 0);
-  if (n) return n;
-  const s = re();
+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;
 }
@@ -32,32 +32,32 @@ const ye = {
     guides: !1
   }
 };
-function we(n, s) {
+function be(o, s) {
   const e = [
-    n,
+    o,
     s,
     ye
-  ], f = (c) => {
-    for (const p of e) {
-      const m = p == null ? void 0 : p[c];
-      if (m !== void 0) return m;
+  ], i = (n) => {
+    for (const r of e) {
+      const u = r == null ? void 0 : r[n];
+      if (u !== void 0) return u;
     }
   };
   return new Proxy({}, {
-    get: (c, p) => f(p),
-    ownKeys: () => [...new Set(e.flatMap((c) => c ? Object.keys(c) : []))],
-    getOwnPropertyDescriptor: (c, p) => ({
+    get: (n, r) => i(r),
+    ownKeys: () => [...new Set(e.flatMap((n) => n ? Object.keys(n) : []))],
+    getOwnPropertyDescriptor: (n, r) => ({
       enumerable: !0,
       configurable: !0,
-      value: f(p)
+      value: i(r)
     })
   });
 }
-const K = Symbol("ui0-icon-framework");
-function be() {
-  return R(K, {});
+const Q = Symbol("ui0-icon-framework");
+function xe() {
+  return z(Q, {});
 }
-const G = {
+const Y = {
   "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,18 +65,18 @@ const G = {
   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 xe(n) {
-  return n in G;
+function Ie(o) {
+  return o in Y;
 }
-function _e(n) {
-  return !!n && "customOptions" in n;
+function W(o) {
+  return !!o && "customOptions" in o;
 }
-function A(n) {
-  return (s) => k("g", n, s || []);
+function F(o) {
+  return (s) => B("g", o, s || []);
 }
-class Ie {
+class _e {
   constructor() {
-    $(this, "stack", []);
+    V(this, "stack", []);
   }
   add(s) {
     this.stack.push(s);
@@ -85,36 +85,109 @@ class Ie {
     return this.stack.reduce((s, e) => e(s), {});
   }
 }
-function Se(n, s) {
-  const e = () => c.params.value ? `icon-${c.params.pack}-${c.params.value}` : "icon-none", c = {
+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 b = le(e());
-      return typeof b == "string" ? null : b;
+      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 (!n) return c;
-  const p = n.includes("/") ? n : `/${n}`, [m, v = ""] = p.split("?", 2), [h, j] = m.split("/", 2), [O, ...w] = j.split(".");
-  return w.length && (c.modifiers = w.reduce((b, E) => [...b, E.replace(":", "-")], [])), v && (c.params = Object.fromEntries(v.split("&").map((b) => b.split("=", 2)))), c.params.pack = h || s.pack || "ui0", O && (c.params.value = O), c;
+  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 Z(n, s) {
-  const e = Se(n, s);
-  for (const [c, p] of Object.entries(s))
-    p !== void 0 && c !== "value" && e.params[c] === void 0 && (e.params[c] = p);
-  const f = {
+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: f
+    params: i
   };
 }
-const Me = /* @__PURE__ */ pe({
+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 Me(o, s) {
+  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);
+  }
+  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 = () => {
+  };
+  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();
+    };
+    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);
+    };
+  }, D = (g, k) => {
+    const P = {
+      pointerenter: () => {
+        k.hover = !0, r();
+      },
+      pointerleave: () => {
+        k.hover = !1, r();
+      },
+      pointerdown: (m) => L(m, k),
+      keydown: (m) => L(m, k),
+      focusin: () => {
+        k.focus = !0, r();
+      },
+      focusout: (m) => {
+        const E = m.relatedTarget;
+        k.focus = E !== null && g.contains(E), r();
+      }
+    };
+    for (const [m, E] of Object.entries(P)) g.addEventListener(m, E);
+    return () => {
+      for (const [m, E] of Object.entries(P)) g.removeEventListener(m, E);
+    };
+  }, M = D(o, e), O = i && i !== o ? D(i, n) : () => {
+  };
+  return r(), () => {
+    M(), O(), u();
+  };
+}
+function Ce() {
+  const o = pe({ hover: !1, active: !1, focus: !1 });
+  let s = 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)) : () => {
+    });
+  };
+  return ue(() => i(null)), { state: o, elementRef: i };
+}
+const Pe = /* @__PURE__ */ fe({
   __name: "icon",
   props: {
+    filled: { type: Boolean, default: void 0 },
     badge: {},
     display: {},
     shape: {},
@@ -134,200 +207,191 @@ const Me = /* @__PURE__ */ pe({
     height: {},
     color: {}
   },
-  setup(n) {
-    var D, z;
-    const s = n, e = ue(), f = be(), c = (D = f.useTheme) == null ? void 0 : D.call(f, s, e), p = we(s, (z = f.useDefaults) == null ? void 0 : z.call(f)), m = q(), [, v] = ke("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")
-    }, j = k("rect", {
-      ...m.viewBox,
+  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,
       fill: "#FFF"
-    }), w = {
-      ...ee(s),
-      viewBox: m.getViewBox()
-    }, b = he(!1), E = de();
-    function H(t) {
-      return Array.isArray(t) ? t.filter(Boolean) : typeof t == "string" ? t.split(/[\s,]+/).filter(Boolean) : [];
-    }
-    function W(t) {
-      const a = [], o = Object.keys(t), r = ["size", "color", "value", "fill", "weight"];
-      for (let i = 0; i < o.length; i++) {
-        const l = t[o[i]];
-        r.includes(o[i]) && l !== void 0 && ["string", "number", "boolean"].includes(typeof l) && a.push(`icon-${o[i]}-${l}`);
+    }), 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"];
+      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}`);
       }
-      return a;
+      return p;
     }
-    const Q = () => {
-      const { value: t } = s;
-      if (!t) return null;
-      const a = Z(ae(t) ? t[0] : t, p), o = [e.icon];
-      c ? o.push(...c.classes(a.params)) : o.push(...W(a.params));
-      const r = {
-        class: o,
-        onPointermove() {
-          b.value = !0;
-        },
-        onPointerleave() {
-          b.value = !1;
-        },
-        onVnodeMounted(l) {
-          l.el instanceof HTMLElement && l.el.parentElement && l.el.parentElement instanceof HTMLElement && l.el.parentElement;
-        }
+    const P = () => {
+      const { value: c } = s;
+      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
       };
-      if (a.params.value === "fake")
-        return k("i", N(E, r));
-      const i = X(a);
-      return i ? k("i", N(E, r), i) : null;
-    }, T = (t, a) => k("symbol", a, t), X = (t) => {
-      const a = V(t);
-      if (!a) return null;
-      const o = t.params, r = o.color && o.color.length === 2, i = o.color && o.color.length > 2, l = (r || i) && o.rendering && o.rendering === "multicolor", d = [e.canvas];
-      c && d.push(...c.classes(o, e));
-      const u = [], _ = [], M = {
-        viewBox: m.getViewBox(),
-        class: d
+      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);
       };
-      r && d.push(e.doubleColored), i && d.push(e.tripleColored);
-      let y = {};
-      if (u.push(
-        T(a, {
-          id: h.icon,
-          viewBox: m.getViewBox()
-        })
-      ), o.badge && typeof o.badge == "string") {
-        const g = Z(o.badge, {});
-        y = g.params;
-        const S = V(g);
-        if (S) {
-          const B = T(S, {
-            id: h.badge,
-            viewBox: m.getViewBox()
-          });
-          u.push(B), !o.shape && !y.shape && u.push(x(h.badge, y, w));
-          const I = x(h.badge, y, {
-            ...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,
             class: [e.strokeMask, e.masked]
           });
-          _.push(L(h.strokeMask, [I]));
+          _.push(R(d.strokeMask, [w]));
         }
       }
-      if ((!o.shape || l) && u.push(x(h.icon, o, { mask: h.strokeMask })), o.shape) {
-        const g = x(h.icon, o, {
-          mask: h.strokeMask,
+      if ((!t.shape || v) && h.push(S(d.icon, t, { mask: d.strokeMask })), t.shape) {
+        const x = S(d.icon, t, {
+          mask: d.strokeMask,
           class: e.masked
-        }), S = x(h.badge, y, {
-          ...w,
+        }), I = S(d.badge, b, {
+          ...M,
           class: e.masked
         });
-        y.shape && u.push(x(h.shape, {}, { mask: h.badge, ...w }));
-        const B = [g];
-        if (o.badge && B.push(S), y.shape) {
-          const I = {
-            ...w,
-            viewBox: m.getViewBox()
+        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()
           };
-          B.push(
-            x(
-              h.shape,
+          w.push(
+            S(
+              d.shape,
               {},
               {
-                ...I,
+                ...C,
                 class: [e.strokeMask, e.shapeStrokeMask, e.masked]
               }
             )
           );
         }
-        if (_.push(L(h.iconMask, B)), o.shape || y.shape) {
-          const I = J(t);
-          I && u.push(
-            T(I, {
-              id: h.shape,
-              viewBox: m.getViewBox()
+        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()
             })
-          ), u.push(x(h.shape, {}, l ? { mask: h.iconMask } : { mask: h.iconMask }));
+          ), h.push(S(d.shape, {}, v ? { mask: d.iconMask } : { mask: d.iconMask }));
         }
-        o.badge && u.push(x(h.badge, y, l ? w : { ...w }));
+        t.badge && h.push(S(d.badge, b, v ? M : { ...M }));
       }
-      return _.length && u.unshift(k("defs", _)), k("svg", M, u);
-    }, V = (t) => {
-      const a = t.getComponent();
-      if (!_e(a)) return null;
-      const o = new Ie(), r = a.customOptions, i = {
-        fit: t.params.fit ?? "default",
-        progress: t.params.progress ?? 100,
-        rendering: t.params.rendering,
-        modifiers: [...t.modifiers, ...H(t.params.modifiers)]
-      }, l = [e.layerStyle], d = {
-        class: l,
+      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 = {
+        fit: c.params.fit ?? "default",
+        progress: c.params.progress ?? 100,
+        rendering: c.params.rendering,
+        modifiers: l
+      }, a = [e.layerStyle], h = {
+        class: a,
         style: "--0-icon-weight: 800;"
       };
-      return r.flags.includes("no-fill") || l.push(e.fillable), !r.flags.includes("no-stroke") && !r.flags.includes("no-process-stroke") && l.push(e.weighty), r.flags.includes("no-cap") || l.push(e.cap), r.flags.includes("no-join") || l.push(e.join), t.params.shape && l.push(e.shaped), t.modifiers.includes("fill") && l.push(e.filled), t.params.rendering && l.push(e[ge(t.params.rendering)]), o.add(() => k(a, i)), o.add(A(d)), t.params.animation && o.add(A({})), (t.params.flipped || t.modifiers.includes("flip")) && o.add(A({ class: e.flip })), t.params.rotate && o.add(
-        A({
-          class: e.rotate,
-          style: `--0-icon-rotate: ${t.params.rotate ?? 0}deg`
+      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;
+      return t.add(
+        F({
+          "data-icon-rotate": "",
+          transform: `rotate(${Number.isFinite(b) ? b : 0} ${$} ${j})`
         })
-      ), o.render();
-    }, x = (t, a = {}, o = {}) => {
-      let r = {
-        "--0-icon-weight": +(a.weight ?? 400) / 100 * m.getStrokeUnit(),
-        "--0-icon-progress": a.progress ?? 100
+      ), t.render();
+    }, J = (c, p = {}, t = {}, f) => {
+      let l = {
+        "--0-icon-weight": +(p.weight ?? 400) / 100 * u.getStrokeUnit(),
+        "--0-icon-progress": p.progress ?? 100
       };
-      const i = Array.isArray(o.class) ? o.class : [o.class];
-      c && (r = { ...r, ...c.styles(a) }, i.push(...c.classes(a, e)));
-      const l = {
-        href: `#${t}`,
-        style: r,
-        ...o,
-        class: i
+      const v = Array.isArray(t.class) ? t.class : [t.class];
+      n && (l = { ...l, ...n.styles(p) }, v.push(...n.classes(p, e)));
+      const a = {
+        href: `#${c}`,
+        style: l,
+        ...t,
+        class: v
       };
-      return o.mask && (l.mask = `url(#${o.mask})`), k("use", l);
-    }, L = (t, a = []) => k("mask", { id: t }, [j, ...a]), J = (t) => {
-      const a = t.params;
-      if (!a.shape) return;
-      const o = [], r = Y(t), i = a.shape;
-      return i === "rect" || i === "circle" ? o.push(
-        k("rect", {
-          ...r,
-          rx: i === "circle" ? "50%" : "10%"
+      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 l === "rect" || l === "circle" ? t.push(
+        B("rect", {
+          ...f,
+          rx: l === "circle" ? "50%" : "10%"
           // mask: 'url(#badgenumber)'
         })
-      ) : xe(i) && o.push(
-        k("path", {
+      ) : Ie(l) && t.push(
+        B("path", {
           // 'stroke-width': 80,
-          ...r,
+          ...f,
           x: void 0,
           y: void 0,
           "stroke-linejoin": "round",
           "stroke-linecap": "round",
-          d: G[i]
+          d: Y[l]
           // !asMask ? shapes[p.shape] : scalePath(shapes[p.shape], .4),
         })
-      ), o;
+      ), t;
     };
-    function Y(t) {
-      const i = m.viewBox.height - m.viewBox.height / 16, l = i, d = i, u = (
+    function ee(c) {
+      const l = u.viewBox.height - u.viewBox.height / 16, v = l, a = l, h = (
         /* isChild && isMask ? measure.x : */
-        m.viewBox.width / 32
+        u.viewBox.width / 32
       ), _ = (
         /*isChild && isMask ? measure.y : */
-        m.viewBox.height / 32
-      ), M = [e.shape];
-      return c && M.push(...c.classes(t.params, e)), {
-        class: M,
+        u.viewBox.height / 32
+      ), A = [e.shape];
+      return n && A.push(...n.classes(c.params, e)), {
+        class: A,
         // mask,
-        x: u,
+        x: h,
         y: _,
-        height: l,
-        width: d
+        height: v,
+        width: a
       };
     }
-    function q() {
+    function se() {
       return {
         viewBox: {
           width: 960,
@@ -348,93 +412,92 @@ const Me = /* @__PURE__ */ pe({
         }
       };
     }
-    function ee(t) {
-      const { options: a } = t, o = 960, r = o / 4 * 3, i = (o - r) / 2, l = {
-        small: r / 4,
-        normal: r / 3,
-        large: r / 2
-      }, d = a == null ? void 0 : a.badge, u = d !== void 0 && d.scale || "normal", _ = d == null ? void 0 : d.cell, M = d == null ? void 0 : d.x, y = d == null ? void 0 : d.y;
-      if (u === "full" || u === 1)
+    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)
         return {
           x: "0",
           y: "0",
-          width: `${o}px`,
-          height: `${o}px`
+          width: `${t}px`,
+          height: `${t}px`
         };
-      let g;
-      if (typeof u == "number" ? g = u > 0.75 ? u * o : Math.min(r, Math.round(r * u)) : g = l[u], _) {
-        const P = typeof u == "string" ? {
+      let $;
+      if (typeof h == "number" ? $ = h > 0.75 ? h * t : Math.min(f, Math.round(f * h)) : $ = v[h], _) {
+        const I = typeof h == "string" ? {
           small: 4,
           normal: 3,
           large: 2
-        }[u] : 3, C = r / P, [se, oe] = _.split(/\s|-|,/).map(Number), F = P - 1;
+        }[h] : 3, w = f / I, [C, K] = _.split(/\s|-|,/).map(Number), T = I - 1;
         return {
-          x: `${i + Math.min(se, F) * C}`,
-          y: `${i + Math.min(oe, F) * C}`,
-          width: `${g}px`,
-          height: `${g}px`
+          x: `${l + Math.min(C, T) * w}`,
+          y: `${l + Math.min(K, T) * w}`,
+          width: `${$}px`,
+          height: `${$}px`
         };
       }
-      const S = (I) => {
-        const P = I === "x" ? M : y, C = r - g;
-        switch (P) {
+      const j = (x) => {
+        const I = x === "x" ? A : b, w = f - $;
+        switch (I) {
           case "center":
-            return i + C / 2;
+            return l + w / 2;
           case "end":
-            return i + C;
+            return l + w;
           default:
-            return i;
+            return l;
         }
       };
       return {
-        x: `${S("x")}`,
-        y: `${S("y")}`,
-        width: `${g}px`,
-        height: `${g}px`
+        x: `${j("x")}`,
+        y: `${j("y")}`,
+        width: `${$}px`,
+        height: `${$}px`
       };
     }
-    return (t, a) => (fe(), me(Q));
+    return (c, p) => (me(), ge(P));
   }
-}), Be = "ic_c2d4", $e = "ca_a457", Ce = "si_e681", Ee = "st_39f2", Pe = "sh_6010", Ae = "sh_f589", je = "la_1353", Oe = "we_0775", Te = "fi_ff74", Ve = "fi_8a2f", Le = "la_e3b8", De = "ma_30e1", ze = "la_9af0", Fe = "do_9bcc", Ne = "mu_2455", Ze = "sh_0266", Re = "tr_07fb", Ue = "jo_5839", Ke = "ca_45e8", Ge = "fl_4e44", He = "ro_299b", We = {
-  icon: Be,
-  canvas: $e,
-  sizeCustom: Ce,
-  strokeMask: Ee,
-  shapeStrokeMask: Pe,
-  shape: Ae,
-  layerStyle: je,
-  weighty: Oe,
-  fillable: Te,
-  filled: Ve,
-  layers: Le,
-  masked: De,
-  layersShift: ze,
-  doubleColored: Fe,
-  multicolor: Ne,
-  shaped: Ze,
-  tripleColored: Re,
-  join: Ue,
-  cap: Ke,
-  flip: Ge,
-  rotate: He
-}, Qe = (n, s) => {
-  const e = n.__vccOpts || n;
-  for (const [f, c] of s)
-    e[f] = c;
+}), 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;
   return e;
-}, Xe = {
-  $style: We
-}, Je = /* @__PURE__ */ Qe(Me, [["__cssModules", Xe]]);
-function Ye(n) {
-  const s = ie(n.replace("Icon", "")), e = s.split("-")[0];
+}, 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 + "-", "");
 }
-class qe {
+class os {
   constructor() {
-    $(this, "icons", []);
-    $(this, "vueApp");
-    $(this, "packs", {});
-    $(this, "deferred", []);
+    V(this, "icons", []);
+    V(this, "vueApp");
+    V(this, "packs", {});
+    V(this, "deferred", []);
   }
   /**
    * add icon pack plugin
@@ -456,9 +519,9 @@ class qe {
    * @param component
    */
   add(s, e) {
-    var c;
-    const f = Ye(s);
-    this.icons.push(f), this.vueApp ? (c = this.vueApp) == null || c.component(s, e) : this.deferred.push([s, 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]);
   }
   setVue(s) {
     if (!s) throw new Error("app is null");
@@ -468,29 +531,29 @@ class qe {
       throw new Error("vue already installed");
   }
 }
-function is(n = {}, s) {
-  const e = new qe();
+function ps(o = {}, s) {
+  const e = new os();
   return {
-    install: (p) => {
-      if (!p) throw new Error("@ui0/icon can be run with vue 3 only");
-      p.provide(U, e), n.framework && p.provide(K, n.framework), p.component("Icon", Je), e.setVue(p), p.config.globalProperties.$ui0Icon = e;
+    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;
     },
-    use: (p) => {
-      e.addPack(p);
+    use: (r) => {
+      e.addPack(r);
     },
-    key: ve
+    key: we
   };
 }
-const es = "ic_c2d4", ss = "ca_a457", rs = {
-  icon: es,
-  canvas: ss
+const ts = "ic_c2d4", ns = "ca_a457", us = {
+  icon: ts,
+  canvas: ns
 };
 export {
-  rs as $style,
-  Je as Icon,
-  K as IconFrameworkKey,
-  is as createIcon,
-  as as getIcon,
-  we as resolveIconDefaults,
-  be as useIconFramework
+  us as $style,
+  es as Icon,
+  Q as IconFrameworkKey,
+  ps as createIcon,
+  ls as getIcon,
+  be as resolveIconDefaults,
+  xe as useIconFramework
 };