@carandesign/drawui 0.2.1 → 0.2.3

package/dist/drawui.es.js

@@ -1,4 +1,4 @@
-import st, { createContext as nt, useContext as rt, useRef as E, useState as Q, useEffect as C } from "react";
+import st, { createContext as nt, useContext as rt, useRef as O, useState as Q, useEffect as R } from "react";
 var ce = { exports: {} }, B = {};
 var je;
 function ot() {
@@ -6,16 +6,16 @@ function ot() {
   je = 1;
   var o = /* @__PURE__ */ Symbol.for("react.transitional.element"), e = /* @__PURE__ */ Symbol.for("react.fragment");
   function s(t, n, r) {
-    var i = null;
-    if (r !== void 0 && (i = "" + r), n.key !== void 0 && (i = "" + n.key), "key" in n) {
+    var a = null;
+    if (r !== void 0 && (a = "" + r), n.key !== void 0 && (a = "" + n.key), "key" in n) {
       r = {};
-      for (var a in n)
-        a !== "key" && (r[a] = n[a]);
+      for (var i in n)
+        i !== "key" && (r[i] = n[i]);
     } else r = n;
     return n = r.ref, {
       $$typeof: o,
       type: t,
-      key: i,
+      key: a,
       ref: n !== void 0 ? n : null,
       props: r
     };
@@ -24,7 +24,7 @@ function ot() {
 }
 var Z = {};
 var $e;
-function at() {
+function it() {
   return $e || ($e = 1, process.env.NODE_ENV !== "production" && (function() {
     function o(p) {
       if (p == null) return null;
@@ -32,7 +32,7 @@ function at() {
         return p.$$typeof === re ? null : p.displayName || p.name || null;
       if (typeof p == "string") return p;
       switch (p) {
-        case b:
+        case k:
           return "Fragment";
         case y:
           return "Profiler";
@@ -51,19 +51,19 @@ function at() {
         ), p.$$typeof) {
           case m:
             return "Portal";
-          case F:
+          case H:
             return p.displayName || "Context";
-          case N:
+          case D:
             return (p._context.displayName || "Context") + ".Consumer";
-          case H:
-            var M = p.render;
-            return p = p.displayName, p || (p = M.displayName || M.name || "", p = p !== "" ? "ForwardRef(" + p + ")" : "ForwardRef"), p;
+          case F:
+            var w = p.render;
+            return p = p.displayName, p || (p = w.displayName || w.name || "", p = p !== "" ? "ForwardRef(" + p + ")" : "ForwardRef"), p;
           case se:
-            return M = p.displayName || null, M !== null ? M : o(p.type) || "Memo";
+            return w = p.displayName || null, w !== null ? w : o(p.type) || "Memo";
           case $:
-            M = p._payload, p = p._init;
+            w = p._payload, p = p._init;
             try {
-              return o(p(M));
+              return o(p(w));
             } catch {
             }
         }
@@ -75,27 +75,27 @@ function at() {
     function s(p) {
       try {
         e(p);
-        var M = !1;
+        var w = !1;
       } catch {
-        M = !0;
+        w = !0;
       }
-      if (M) {
-        M = console;
-        var _ = M.error, P = typeof Symbol == "function" && Symbol.toStringTag && p[Symbol.toStringTag] || p.constructor.name || "Object";
+      if (w) {
+        w = console;
+        var _ = w.error, P = typeof Symbol == "function" && Symbol.toStringTag && p[Symbol.toStringTag] || p.constructor.name || "Object";
         return _.call(
-          M,
+          w,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           P
         ), e(p);
       }
     }
     function t(p) {
-      if (p === b) return "<>";
+      if (p === k) return "<>";
       if (typeof p == "object" && p !== null && p.$$typeof === $)
         return "<...>";
       try {
-        var M = o(p);
-        return M ? "<" + M + ">" : "<...>";
+        var w = o(p);
+        return w ? "<" + w + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -107,18 +107,18 @@ function at() {
     function r() {
       return Error("react-stack-top-frame");
     }
-    function i(p) {
+    function a(p) {
       if (S.call(p, "key")) {
-        var M = Object.getOwnPropertyDescriptor(p, "key").get;
-        if (M && M.isReactWarning) return !1;
+        var w = Object.getOwnPropertyDescriptor(p, "key").get;
+        if (w && w.isReactWarning) return !1;
       }
       return p.key !== void 0;
     }
-    function a(p, M) {
+    function i(p, w) {
       function _() {
-        D || (D = !0, console.error(
+        z || (z = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          M
+          w
         ));
       }
       _.isReactWarning = !0, Object.defineProperty(p, "key", {
@@ -132,12 +132,12 @@ function at() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), p = this.props.ref, p !== void 0 ? p : null;
     }
-    function u(p, M, _, P, ie, we) {
+    function u(p, w, _, P, ae, Me) {
       var T = _.ref;
       return p = {
         $$typeof: g,
         type: p,
-        key: M,
+        key: w,
         props: _,
         _owner: P
       }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(p, "ref", {
@@ -157,16 +157,16 @@ function at() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ie
+        value: ae
       }), Object.defineProperty(p, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: we
+        value: Me
       }), Object.freeze && (Object.freeze(p.props), Object.freeze(p)), p;
     }
-    function l(p, M, _, P, ie, we) {
-      var T = M.children;
+    function l(p, w, _, P, ae, Me) {
+      var T = w.children;
       if (T !== void 0)
         if (P)
           if (j(T)) {
@@ -178,9 +178,9 @@ function at() {
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
         else h(T);
-      if (S.call(M, "key")) {
+      if (S.call(w, "key")) {
         T = o(p);
-        var G = Object.keys(M).filter(function(tt) {
+        var G = Object.keys(w).filter(function(tt) {
           return tt !== "key";
         });
         P = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", Y[T + P] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
@@ -196,12 +196,12 @@ React keys must be passed directly to JSX without using spread:
           T
         ), Y[T + P] = !0);
       }
-      if (T = null, _ !== void 0 && (s(_), T = "" + _), i(M) && (s(M.key), T = "" + M.key), "key" in M) {
+      if (T = null, _ !== void 0 && (s(_), T = "" + _), a(w) && (s(w.key), T = "" + w.key), "key" in w) {
         _ = {};
-        for (var ye in M)
-          ye !== "key" && (_[ye] = M[ye]);
-      } else _ = M;
-      return T && a(
+        for (var ye in w)
+          ye !== "key" && (_[ye] = w[ye]);
+      } else _ = w;
+      return T && i(
         _,
         typeof p == "function" ? p.displayName || p.name || "Unknown" : p
       ), u(
@@ -209,8 +209,8 @@ React keys must be passed directly to JSX without using spread:
         T,
         _,
         n(),
-        ie,
-        we
+        ae,
+        Me
       );
     }
     function h(p) {
@@ -219,7 +219,7 @@ React keys must be passed directly to JSX without using spread:
     function f(p) {
       return typeof p == "object" && p !== null && p.$$typeof === g;
     }
-    var d = st, g = /* @__PURE__ */ Symbol.for("react.transitional.element"), m = /* @__PURE__ */ Symbol.for("react.portal"), b = /* @__PURE__ */ Symbol.for("react.fragment"), v = /* @__PURE__ */ Symbol.for("react.strict_mode"), y = /* @__PURE__ */ Symbol.for("react.profiler"), N = /* @__PURE__ */ Symbol.for("react.consumer"), F = /* @__PURE__ */ Symbol.for("react.context"), H = /* @__PURE__ */ Symbol.for("react.forward_ref"), ee = /* @__PURE__ */ Symbol.for("react.suspense"), te = /* @__PURE__ */ Symbol.for("react.suspense_list"), se = /* @__PURE__ */ Symbol.for("react.memo"), $ = /* @__PURE__ */ Symbol.for("react.lazy"), ne = /* @__PURE__ */ Symbol.for("react.activity"), re = /* @__PURE__ */ Symbol.for("react.client.reference"), x = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, S = Object.prototype.hasOwnProperty, j = Array.isArray, z = console.createTask ? console.createTask : function() {
+    var d = st, g = /* @__PURE__ */ Symbol.for("react.transitional.element"), m = /* @__PURE__ */ Symbol.for("react.portal"), k = /* @__PURE__ */ Symbol.for("react.fragment"), v = /* @__PURE__ */ Symbol.for("react.strict_mode"), y = /* @__PURE__ */ Symbol.for("react.profiler"), D = /* @__PURE__ */ Symbol.for("react.consumer"), H = /* @__PURE__ */ Symbol.for("react.context"), F = /* @__PURE__ */ Symbol.for("react.forward_ref"), ee = /* @__PURE__ */ Symbol.for("react.suspense"), te = /* @__PURE__ */ Symbol.for("react.suspense_list"), se = /* @__PURE__ */ Symbol.for("react.memo"), $ = /* @__PURE__ */ Symbol.for("react.lazy"), ne = /* @__PURE__ */ Symbol.for("react.activity"), re = /* @__PURE__ */ Symbol.for("react.client.reference"), x = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, S = Object.prototype.hasOwnProperty, j = Array.isArray, I = console.createTask ? console.createTask : function() {
       return null;
     };
     d = {
@@ -227,44 +227,44 @@ React keys must be passed directly to JSX without using spread:
         return p();
       }
     };
-    var D, q = {}, oe = d.react_stack_bottom_frame.bind(
+    var z, q = {}, oe = d.react_stack_bottom_frame.bind(
       d,
       r
-    )(), ae = z(t(r)), Y = {};
-    Z.Fragment = b, Z.jsx = function(p, M, _) {
+    )(), ie = I(t(r)), Y = {};
+    Z.Fragment = k, Z.jsx = function(p, w, _) {
       var P = 1e4 > x.recentlyCreatedOwnerStacks++;
       return l(
         p,
-        M,
+        w,
         _,
         !1,
         P ? Error("react-stack-top-frame") : oe,
-        P ? z(t(p)) : ae
+        P ? I(t(p)) : ie
       );
-    }, Z.jsxs = function(p, M, _) {
+    }, Z.jsxs = function(p, w, _) {
       var P = 1e4 > x.recentlyCreatedOwnerStacks++;
       return l(
         p,
-        M,
+        w,
         _,
         !0,
         P ? Error("react-stack-top-frame") : oe,
-        P ? z(t(p)) : ae
+        P ? I(t(p)) : ie
       );
     };
   })()), Z;
 }
 var De;
-function it() {
-  return De || (De = 1, process.env.NODE_ENV === "production" ? ce.exports = ot() : ce.exports = at()), ce.exports;
+function at() {
+  return De || (De = 1, process.env.NODE_ENV === "production" ? ce.exports = ot() : ce.exports = it()), ce.exports;
 }
-var w = it();
+var M = at();
 function Te(o, e, s) {
   if (o && o.length) {
-    const [t, n] = e, r = Math.PI / 180 * s, i = Math.cos(r), a = Math.sin(r);
+    const [t, n] = e, r = Math.PI / 180 * s, a = Math.cos(r), i = Math.sin(r);
     for (const c of o) {
       const [u, l] = c;
-      c[0] = (u - t) * i - (l - n) * a + t, c[1] = (u - t) * a + (l - n) * i + n;
+      c[0] = (u - t) * a - (l - n) * i + t, c[1] = (u - t) * i + (l - n) * a + n;
     }
   }
 }
@@ -276,15 +276,15 @@ function lt(o, e) {
   return o[0] === e[0] && o[1] === e[1];
 }
 function ut(o, e, s, t = 1) {
-  const n = s, r = Math.max(e, 0.1), i = o[0] && o[0][0] && typeof o[0][0] == "number" ? [o] : o, a = [0, 0];
+  const n = s, r = Math.max(e, 0.1), a = o[0] && o[0][0] && typeof o[0][0] == "number" ? [o] : o, i = [0, 0];
   if (n)
-    for (const u of i)
-      Te(u, a, n);
-  const c = ht(i, r, t);
+    for (const u of a)
+      Te(u, i, n);
+  const c = ht(a, r, t);
   if (n) {
-    for (const u of i)
-      Te(u, a, -n);
-    ct(c, a, -n);
+    for (const u of a)
+      Te(u, i, -n);
+    ct(c, i, -n);
   }
   return c;
 }
@@ -312,28 +312,28 @@ function ht(o, e, s) {
     }
   if (r.sort((u, l) => u.ymin < l.ymin ? -1 : u.ymin > l.ymin ? 1 : u.x < l.x ? -1 : u.x > l.x ? 1 : u.ymax === l.ymax ? 0 : (u.ymax - l.ymax) / Math.abs(u.ymax - l.ymax)), !r.length)
     return n;
-  let i = [], a = r[0].ymin, c = 0;
-  for (; i.length || r.length; ) {
+  let a = [], i = r[0].ymin, c = 0;
+  for (; a.length || r.length; ) {
     if (r.length) {
       let u = -1;
-      for (let h = 0; h < r.length && !(r[h].ymin > a); h++)
+      for (let h = 0; h < r.length && !(r[h].ymin > i); h++)
         u = h;
       r.splice(0, u + 1).forEach((h) => {
-        i.push({ s: a, edge: h });
+        a.push({ s: i, edge: h });
       });
     }
-    if (i = i.filter((u) => !(u.edge.ymax <= a)), i.sort((u, l) => u.edge.x === l.edge.x ? 0 : (u.edge.x - l.edge.x) / Math.abs(u.edge.x - l.edge.x)), (s !== 1 || c % e === 0) && i.length > 1)
-      for (let u = 0; u < i.length; u = u + 2) {
+    if (a = a.filter((u) => !(u.edge.ymax <= i)), a.sort((u, l) => u.edge.x === l.edge.x ? 0 : (u.edge.x - l.edge.x) / Math.abs(u.edge.x - l.edge.x)), (s !== 1 || c % e === 0) && a.length > 1)
+      for (let u = 0; u < a.length; u = u + 2) {
         const l = u + 1;
-        if (l >= i.length)
+        if (l >= a.length)
           break;
-        const h = i[u].edge, f = i[l].edge;
+        const h = a[u].edge, f = a[l].edge;
         n.push([
-          [Math.round(h.x), a],
-          [Math.round(f.x), a]
+          [Math.round(h.x), i],
+          [Math.round(f.x), i]
         ]);
       }
-    a += s, i.forEach((u) => {
+    i += s, a.forEach((u) => {
       u.edge.x = u.edge.x + s * u.edge.islope;
     }), c++;
   }
@@ -365,7 +365,7 @@ class Le {
     return t;
   }
 }
-function Me(o) {
+function we(o) {
   const e = o[0], s = o[1];
   return Math.sqrt(Math.pow(e[0] - s[0], 2) + Math.pow(e[1] - s[1], 2));
 }
@@ -373,16 +373,16 @@ class ft extends Le {
   fillPolygons(e, s) {
     let t = s.hachureGap;
     t < 0 && (t = s.strokeWidth * 4), t = Math.max(t, 0.1);
-    const n = Object.assign({}, s, { hachureGap: t }), r = J(e, n), i = Math.PI / 180 * s.hachureAngle, a = [], c = t * 0.5 * Math.cos(i), u = t * 0.5 * Math.sin(i);
+    const n = Object.assign({}, s, { hachureGap: t }), r = J(e, n), a = Math.PI / 180 * s.hachureAngle, i = [], c = t * 0.5 * Math.cos(a), u = t * 0.5 * Math.sin(a);
     for (const [h, f] of r)
-      Me([h, f]) && a.push([
+      we([h, f]) && i.push([
         [h[0] - c, h[1] + u],
         [...f]
       ], [
         [h[0] + c, h[1] - u],
         [...f]
       ]);
-    return { type: "fillSketch", ops: this.renderLines(a, s) };
+    return { type: "fillSketch", ops: this.renderLines(i, s) };
   }
 }
 class dt extends Le {
@@ -406,11 +406,11 @@ class pt {
     n < 0 && (n = s.strokeWidth * 4), n = Math.max(n, 0.1);
     let r = s.fillWeight;
     r < 0 && (r = s.strokeWidth / 2);
-    const i = n / 4;
-    for (const a of e) {
-      const c = Me(a), u = c / n, l = Math.ceil(u) - 1, h = c - l * n, f = (a[0][0] + a[1][0]) / 2 - n / 4, d = Math.min(a[0][1], a[1][1]);
+    const a = n / 4;
+    for (const i of e) {
+      const c = we(i), u = c / n, l = Math.ceil(u) - 1, h = c - l * n, f = (i[0][0] + i[1][0]) / 2 - n / 4, d = Math.min(i[0][1], i[1][1]);
       for (let g = 0; g < l; g++) {
-        const m = d + h + g * n, b = f - i + Math.random() * 2 * i, v = m - i + Math.random() * 2 * i, y = this.helper.ellipse(b, v, r, r, s);
+        const m = d + h + g * n, k = f - a + Math.random() * 2 * a, v = m - a + Math.random() * 2 * a, y = this.helper.ellipse(k, v, r, r, s);
         t.push(...y.ops);
       }
     }
@@ -427,14 +427,14 @@ class gt {
   }
   dashedLine(e, s) {
     const t = s.dashOffset < 0 ? s.hachureGap < 0 ? s.strokeWidth * 4 : s.hachureGap : s.dashOffset, n = s.dashGap < 0 ? s.hachureGap < 0 ? s.strokeWidth * 4 : s.hachureGap : s.dashGap, r = [];
-    return e.forEach((i) => {
-      const a = Me(i), c = Math.floor(a / (t + n)), u = (a + n - c * (t + n)) / 2;
-      let l = i[0], h = i[1];
-      l[0] > h[0] && (l = i[1], h = i[0]);
+    return e.forEach((a) => {
+      const i = we(a), c = Math.floor(i / (t + n)), u = (i + n - c * (t + n)) / 2;
+      let l = a[0], h = a[1];
+      l[0] > h[0] && (l = a[1], h = a[0]);
       const f = Math.atan((h[1] - l[1]) / (h[0] - l[0]));
       for (let d = 0; d < c; d++) {
-        const g = d * (t + n), m = g + t, b = [l[0] + g * Math.cos(f) + u * Math.cos(f), l[1] + g * Math.sin(f) + u * Math.sin(f)], v = [l[0] + m * Math.cos(f) + u * Math.cos(f), l[1] + m * Math.sin(f) + u * Math.sin(f)];
-        r.push(...this.helper.doubleLineOps(b[0], b[1], v[0], v[1], s));
+        const g = d * (t + n), m = g + t, k = [l[0] + g * Math.cos(f) + u * Math.cos(f), l[1] + g * Math.sin(f) + u * Math.sin(f)], v = [l[0] + m * Math.cos(f) + u * Math.cos(f), l[1] + m * Math.sin(f) + u * Math.sin(f)];
+        r.push(...this.helper.doubleLineOps(k[0], k[1], v[0], v[1], s));
       }
     }), r;
   }
@@ -452,42 +452,42 @@ class mt {
   zigzagLines(e, s, t) {
     const n = [];
     return e.forEach((r) => {
-      const i = Me(r), a = Math.round(i / (2 * s));
+      const a = we(r), i = Math.round(a / (2 * s));
       let c = r[0], u = r[1];
       c[0] > u[0] && (c = r[1], u = r[0]);
       const l = Math.atan((u[1] - c[1]) / (u[0] - c[0]));
-      for (let h = 0; h < a; h++) {
-        const f = h * 2 * s, d = (h + 1) * 2 * s, g = Math.sqrt(2 * Math.pow(s, 2)), m = [c[0] + f * Math.cos(l), c[1] + f * Math.sin(l)], b = [c[0] + d * Math.cos(l), c[1] + d * Math.sin(l)], v = [m[0] + g * Math.cos(l + Math.PI / 4), m[1] + g * Math.sin(l + Math.PI / 4)];
-        n.push(...this.helper.doubleLineOps(m[0], m[1], v[0], v[1], t), ...this.helper.doubleLineOps(v[0], v[1], b[0], b[1], t));
+      for (let h = 0; h < i; h++) {
+        const f = h * 2 * s, d = (h + 1) * 2 * s, g = Math.sqrt(2 * Math.pow(s, 2)), m = [c[0] + f * Math.cos(l), c[1] + f * Math.sin(l)], k = [c[0] + d * Math.cos(l), c[1] + d * Math.sin(l)], v = [m[0] + g * Math.cos(l + Math.PI / 4), m[1] + g * Math.sin(l + Math.PI / 4)];
+        n.push(...this.helper.doubleLineOps(m[0], m[1], v[0], v[1], t), ...this.helper.doubleLineOps(v[0], v[1], k[0], k[1], t));
       }
     }), n;
   }
 }
-const O = {};
+const E = {};
 function kt(o, e) {
   let s = o.fillStyle || "hachure";
-  if (!O[s])
+  if (!E[s])
     switch (s) {
       case "zigzag":
-        O[s] || (O[s] = new ft(e));
+        E[s] || (E[s] = new ft(e));
         break;
       case "cross-hatch":
-        O[s] || (O[s] = new dt(e));
+        E[s] || (E[s] = new dt(e));
         break;
       case "dots":
-        O[s] || (O[s] = new pt(e));
+        E[s] || (E[s] = new pt(e));
         break;
       case "dashed":
-        O[s] || (O[s] = new gt(e));
+        E[s] || (E[s] = new gt(e));
         break;
       case "zigzag-line":
-        O[s] || (O[s] = new mt(e));
+        E[s] || (E[s] = new mt(e));
         break;
       default:
-        s = "hachure", O[s] || (O[s] = new Le(e));
+        s = "hachure", E[s] || (E[s] = new Le(e));
         break;
     }
-  return O[s];
+  return E[s];
 }
 function bt() {
   return Math.floor(Math.random() * 2 ** 31);
@@ -500,14 +500,14 @@ class vt {
     return this.seed ? (2 ** 31 - 1 & (this.seed = Math.imul(48271, this.seed))) / 2 ** 31 : Math.random();
   }
 }
-const Mt = 0, xe = 1, Be = 2, le = { A: 7, a: 7, C: 6, c: 6, H: 1, h: 1, L: 2, l: 2, M: 2, m: 2, Q: 4, q: 4, S: 4, s: 4, T: 2, t: 2, V: 1, v: 1, Z: 0, z: 0 };
-function wt(o) {
+const wt = 0, xe = 1, Be = 2, le = { A: 7, a: 7, C: 6, c: 6, H: 1, h: 1, L: 2, l: 2, M: 2, m: 2, Q: 4, q: 4, S: 4, s: 4, T: 2, t: 2, V: 1, v: 1, Z: 0, z: 0 };
+function Mt(o) {
   const e = new Array();
   for (; o !== ""; )
     if (o.match(/^([ \t\r\n,]+)/))
       o = o.substr(RegExp.$1.length);
     else if (o.match(/^([aAcChHlLmMqQsStTvVzZ])/))
-      e[e.length] = { type: Mt, text: RegExp.$1 }, o = o.substr(RegExp.$1.length);
+      e[e.length] = { type: wt, text: RegExp.$1 }, o = o.substr(RegExp.$1.length);
     else if (o.match(/^(([-+]?[0-9]+(\.[0-9]*)?|[-+]?\.[0-9]+)([eE][-+]?[0-9]+)?)/))
       e[e.length] = { type: xe, text: `${parseFloat(RegExp.$1)}` }, o = o.substr(RegExp.$1.length);
     else
@@ -518,28 +518,28 @@ function _e(o, e) {
   return o.type === e;
 }
 function Ae(o) {
-  const e = [], s = wt(o);
+  const e = [], s = Mt(o);
   let t = "BOD", n = 0, r = s[n];
   for (; !_e(r, Be); ) {
-    let i = 0;
-    const a = [];
+    let a = 0;
+    const i = [];
     if (t === "BOD")
       if (r.text === "M" || r.text === "m")
-        n++, i = le[r.text], t = r.text;
+        n++, a = le[r.text], t = r.text;
       else
         return Ae("M0,0" + o);
-    else _e(r, xe) ? i = le[t] : (n++, i = le[r.text], t = r.text);
-    if (n + i < s.length) {
-      for (let c = n; c < n + i; c++) {
+    else _e(r, xe) ? a = le[t] : (n++, a = le[r.text], t = r.text);
+    if (n + a < s.length) {
+      for (let c = n; c < n + a; c++) {
         const u = s[c];
         if (_e(u, xe))
-          a[a.length] = +u.text;
+          i[i.length] = +u.text;
         else
           throw new Error("Param not a number: " + t + "," + u.text);
       }
       if (typeof le[t] == "number") {
-        const c = { key: t, data: a };
-        e.push(c), n += i, r = s[n], t === "M" && (t = "L"), t === "m" && (t = "l");
+        const c = { key: t, data: i };
+        e.push(c), n += a, r = s[n], t === "M" && (t = "L"), t === "m" && (t = "l");
       } else
         throw new Error("Bad segment: " + t);
     } else
@@ -550,67 +550,67 @@ function Ae(o) {
 function Ze(o) {
   let e = 0, s = 0, t = 0, n = 0;
   const r = [];
-  for (const { key: i, data: a } of o)
-    switch (i) {
+  for (const { key: a, data: i } of o)
+    switch (a) {
       case "M":
-        r.push({ key: "M", data: [...a] }), [e, s] = a, [t, n] = a;
+        r.push({ key: "M", data: [...i] }), [e, s] = i, [t, n] = i;
         break;
       case "m":
-        e += a[0], s += a[1], r.push({ key: "M", data: [e, s] }), t = e, n = s;
+        e += i[0], s += i[1], r.push({ key: "M", data: [e, s] }), t = e, n = s;
         break;
       case "L":
-        r.push({ key: "L", data: [...a] }), [e, s] = a;
+        r.push({ key: "L", data: [...i] }), [e, s] = i;
         break;
       case "l":
-        e += a[0], s += a[1], r.push({ key: "L", data: [e, s] });
+        e += i[0], s += i[1], r.push({ key: "L", data: [e, s] });
         break;
       case "C":
-        r.push({ key: "C", data: [...a] }), e = a[4], s = a[5];
+        r.push({ key: "C", data: [...i] }), e = i[4], s = i[5];
         break;
       case "c": {
-        const c = a.map((u, l) => l % 2 ? u + s : u + e);
+        const c = i.map((u, l) => l % 2 ? u + s : u + e);
         r.push({ key: "C", data: c }), e = c[4], s = c[5];
         break;
       }
       case "Q":
-        r.push({ key: "Q", data: [...a] }), e = a[2], s = a[3];
+        r.push({ key: "Q", data: [...i] }), e = i[2], s = i[3];
         break;
       case "q": {
-        const c = a.map((u, l) => l % 2 ? u + s : u + e);
+        const c = i.map((u, l) => l % 2 ? u + s : u + e);
         r.push({ key: "Q", data: c }), e = c[2], s = c[3];
         break;
       }
       case "A":
-        r.push({ key: "A", data: [...a] }), e = a[5], s = a[6];
+        r.push({ key: "A", data: [...i] }), e = i[5], s = i[6];
         break;
       case "a":
-        e += a[5], s += a[6], r.push({ key: "A", data: [a[0], a[1], a[2], a[3], a[4], e, s] });
+        e += i[5], s += i[6], r.push({ key: "A", data: [i[0], i[1], i[2], i[3], i[4], e, s] });
         break;
       case "H":
-        r.push({ key: "H", data: [...a] }), e = a[0];
+        r.push({ key: "H", data: [...i] }), e = i[0];
         break;
       case "h":
-        e += a[0], r.push({ key: "H", data: [e] });
+        e += i[0], r.push({ key: "H", data: [e] });
         break;
       case "V":
-        r.push({ key: "V", data: [...a] }), s = a[0];
+        r.push({ key: "V", data: [...i] }), s = i[0];
         break;
       case "v":
-        s += a[0], r.push({ key: "V", data: [s] });
+        s += i[0], r.push({ key: "V", data: [s] });
         break;
       case "S":
-        r.push({ key: "S", data: [...a] }), e = a[2], s = a[3];
+        r.push({ key: "S", data: [...i] }), e = i[2], s = i[3];
         break;
       case "s": {
-        const c = a.map((u, l) => l % 2 ? u + s : u + e);
+        const c = i.map((u, l) => l % 2 ? u + s : u + e);
         r.push({ key: "S", data: c }), e = c[2], s = c[3];
         break;
       }
       case "T":
-        r.push({ key: "T", data: [...a] }), e = a[0], s = a[1];
+        r.push({ key: "T", data: [...i] }), e = i[0], s = i[1];
         break;
       case "t":
-        e += a[0], s += a[1], r.push({ key: "T", data: [e, s] });
+        e += i[0], s += i[1], r.push({ key: "T", data: [e, s] });
         break;
       case "Z":
       case "z":
@@ -621,14 +621,14 @@ function Ze(o) {
 }
 function Xe(o) {
   const e = [];
-  let s = "", t = 0, n = 0, r = 0, i = 0, a = 0, c = 0;
+  let s = "", t = 0, n = 0, r = 0, a = 0, i = 0, c = 0;
   for (const { key: u, data: l } of o) {
     switch (u) {
       case "M":
-        e.push({ key: "M", data: [...l] }), [t, n] = l, [r, i] = l;
+        e.push({ key: "M", data: [...l] }), [t, n] = l, [r, a] = l;
         break;
       case "C":
-        e.push({ key: "C", data: [...l] }), t = l[4], n = l[5], a = l[2], c = l[3];
+        e.push({ key: "C", data: [...l] }), t = l[4], n = l[5], i = l[2], c = l[3];
         break;
       case "L":
         e.push({ key: "L", data: [...l] }), [t, n] = l;
@@ -641,31 +641,31 @@ function Xe(o) {
         break;
       case "S": {
         let h = 0, f = 0;
-        s === "C" || s === "S" ? (h = t + (t - a), f = n + (n - c)) : (h = t, f = n), e.push({ key: "C", data: [h, f, ...l] }), a = l[0], c = l[1], t = l[2], n = l[3];
+        s === "C" || s === "S" ? (h = t + (t - i), f = n + (n - c)) : (h = t, f = n), e.push({ key: "C", data: [h, f, ...l] }), i = l[0], c = l[1], t = l[2], n = l[3];
         break;
       }
       case "T": {
         const [h, f] = l;
         let d = 0, g = 0;
-        s === "Q" || s === "T" ? (d = t + (t - a), g = n + (n - c)) : (d = t, g = n);
-        const m = t + 2 * (d - t) / 3, b = n + 2 * (g - n) / 3, v = h + 2 * (d - h) / 3, y = f + 2 * (g - f) / 3;
-        e.push({ key: "C", data: [m, b, v, y, h, f] }), a = d, c = g, t = h, n = f;
+        s === "Q" || s === "T" ? (d = t + (t - i), g = n + (n - c)) : (d = t, g = n);
+        const m = t + 2 * (d - t) / 3, k = n + 2 * (g - n) / 3, v = h + 2 * (d - h) / 3, y = f + 2 * (g - f) / 3;
+        e.push({ key: "C", data: [m, k, v, y, h, f] }), i = d, c = g, t = h, n = f;
         break;
       }
       case "Q": {
-        const [h, f, d, g] = l, m = t + 2 * (h - t) / 3, b = n + 2 * (f - n) / 3, v = d + 2 * (h - d) / 3, y = g + 2 * (f - g) / 3;
-        e.push({ key: "C", data: [m, b, v, y, d, g] }), a = h, c = f, t = d, n = g;
+        const [h, f, d, g] = l, m = t + 2 * (h - t) / 3, k = n + 2 * (f - n) / 3, v = d + 2 * (h - d) / 3, y = g + 2 * (f - g) / 3;
+        e.push({ key: "C", data: [m, k, v, y, d, g] }), i = h, c = f, t = d, n = g;
         break;
       }
       case "A": {
-        const h = Math.abs(l[0]), f = Math.abs(l[1]), d = l[2], g = l[3], m = l[4], b = l[5], v = l[6];
-        h === 0 || f === 0 ? (e.push({ key: "C", data: [t, n, b, v, b, v] }), t = b, n = v) : (t !== b || n !== v) && (Ue(t, n, b, v, h, f, d, g, m).forEach(function(N) {
-          e.push({ key: "C", data: N });
-        }), t = b, n = v);
+        const h = Math.abs(l[0]), f = Math.abs(l[1]), d = l[2], g = l[3], m = l[4], k = l[5], v = l[6];
+        h === 0 || f === 0 ? (e.push({ key: "C", data: [t, n, k, v, k, v] }), t = k, n = v) : (t !== k || n !== v) && (Ue(t, n, k, v, h, f, d, g, m).forEach(function(D) {
+          e.push({ key: "C", data: D });
+        }), t = k, n = v);
         break;
       }
       case "Z":
-        e.push({ key: "Z", data: [] }), t = r, n = i;
+        e.push({ key: "Z", data: [] }), t = r, n = a;
         break;
     }
     s = u;
@@ -679,8 +679,8 @@ function X(o, e, s) {
   const t = o * Math.cos(s) - e * Math.sin(s), n = o * Math.sin(s) + e * Math.cos(s);
   return [t, n];
 }
-function Ue(o, e, s, t, n, r, i, a, c, u) {
-  const l = yt(i);
+function Ue(o, e, s, t, n, r, a, i, c, u) {
+  const l = yt(a);
   let h = [], f = 0, d = 0, g = 0, m = 0;
   if (u)
     [f, d, g, m] = u;
@@ -689,44 +689,44 @@ function Ue(o, e, s, t, n, r, i, a, c, u) {
     const x = (o - s) / 2, S = (e - t) / 2;
     let j = x * x / (n * n) + S * S / (r * r);
     j > 1 && (j = Math.sqrt(j), n = j * n, r = j * r);
-    const z = a === c ? -1 : 1, D = n * n, q = r * r, oe = D * q - D * S * S - q * x * x, ae = D * S * S + q * x * x, Y = z * Math.sqrt(Math.abs(oe / ae));
+    const I = i === c ? -1 : 1, z = n * n, q = r * r, oe = z * q - z * S * S - q * x * x, ie = z * S * S + q * x * x, Y = I * Math.sqrt(Math.abs(oe / ie));
     g = Y * n * S / r + (o + s) / 2, m = Y * -r * x / n + (e + t) / 2, f = Math.asin(parseFloat(((e - m) / r).toFixed(9))), d = Math.asin(parseFloat(((t - m) / r).toFixed(9))), o < g && (f = Math.PI - f), s < g && (d = Math.PI - d), f < 0 && (f = Math.PI * 2 + f), d < 0 && (d = Math.PI * 2 + d), c && f > d && (f = f - Math.PI * 2), !c && d > f && (d = d - Math.PI * 2);
   }
-  let b = d - f;
-  if (Math.abs(b) > Math.PI * 120 / 180) {
+  let k = d - f;
+  if (Math.abs(k) > Math.PI * 120 / 180) {
     const x = d, S = s, j = t;
-    c && d > f ? d = f + Math.PI * 120 / 180 * 1 : d = f + Math.PI * 120 / 180 * -1, s = g + n * Math.cos(d), t = m + r * Math.sin(d), h = Ue(s, t, S, j, n, r, i, 0, c, [d, x, g, m]);
+    c && d > f ? d = f + Math.PI * 120 / 180 * 1 : d = f + Math.PI * 120 / 180 * -1, s = g + n * Math.cos(d), t = m + r * Math.sin(d), h = Ue(s, t, S, j, n, r, a, 0, c, [d, x, g, m]);
   }
-  b = d - f;
-  const v = Math.cos(f), y = Math.sin(f), N = Math.cos(d), F = Math.sin(d), H = Math.tan(b / 4), ee = 4 / 3 * n * H, te = 4 / 3 * r * H, se = [o, e], $ = [o + ee * y, e - te * v], ne = [s + ee * F, t - te * N], re = [s, t];
+  k = d - f;
+  const v = Math.cos(f), y = Math.sin(f), D = Math.cos(d), H = Math.sin(d), F = Math.tan(k / 4), ee = 4 / 3 * n * F, te = 4 / 3 * r * F, se = [o, e], $ = [o + ee * y, e - te * v], ne = [s + ee * H, t - te * D], re = [s, t];
   if ($[0] = 2 * se[0] - $[0], $[1] = 2 * se[1] - $[1], u)
     return [$, ne, re].concat(h);
   {
     h = [$, ne, re].concat(h);
     const x = [];
     for (let S = 0; S < h.length; S += 3) {
-      const j = X(h[S][0], h[S][1], l), z = X(h[S + 1][0], h[S + 1][1], l), D = X(h[S + 2][0], h[S + 2][1], l);
-      x.push([j[0], j[1], z[0], z[1], D[0], D[1]]);
+      const j = X(h[S][0], h[S][1], l), I = X(h[S + 1][0], h[S + 1][1], l), z = X(h[S + 2][0], h[S + 2][1], l);
+      x.push([j[0], j[1], I[0], I[1], z[0], z[1]]);
     }
     return x;
   }
 }
 const _t = {
   randOffset: Ot,
-  randOffsetWithRange: Et,
+  randOffsetWithRange: Rt,
   ellipse: Tt,
-  doubleLineOps: Rt
+  doubleLineOps: Et
 };
 function Qe(o, e, s, t, n) {
-  return { type: "path", ops: I(o, e, s, t, n) };
+  return { type: "path", ops: N(o, e, s, t, n) };
 }
 function de(o, e, s) {
   const t = (o || []).length;
   if (t > 2) {
     const n = [];
     for (let r = 0; r < t - 1; r++)
-      n.push(...I(o[r][0], o[r][1], o[r + 1][0], o[r + 1][1], s));
-    return e && n.push(...I(o[t - 1][0], o[t - 1][1], o[0][0], o[0][1], s)), { type: "path", ops: n };
+      n.push(...N(o[r][0], o[r][1], o[r + 1][0], o[r + 1][1], s));
+    return e && n.push(...N(o[t - 1][0], o[t - 1][1], o[0][0], o[0][1], s)), { type: "path", ops: n };
   } else if (t === 2)
     return Qe(o[0][0], o[0][1], o[1][0], o[1][1], s);
   return { type: "path", ops: [] };
@@ -746,10 +746,10 @@ function Pt(o, e, s, t, n) {
 function ze(o, e) {
   if (o.length) {
     const t = typeof o[0][0] == "number" ? [o] : o, n = ue(t[0], 1 * (1 + e.roughness * 0.2), e), r = e.disableMultiStroke ? [] : ue(t[0], 1.5 * (1 + e.roughness * 0.22), We(e));
-    for (let i = 1; i < t.length; i++) {
-      const a = t[i];
-      if (a.length) {
-        const c = ue(a, 1 * (1 + e.roughness * 0.2), e), u = e.disableMultiStroke ? [] : ue(a, 1.5 * (1 + e.roughness * 0.22), We(e));
+    for (let a = 1; a < t.length; a++) {
+      const i = t[a];
+      if (i.length) {
+        const c = ue(i, 1 * (1 + e.roughness * 0.2), e), u = e.disableMultiStroke ? [] : ue(i, 1.5 * (1 + e.roughness * 0.22), We(e));
         for (const l of c)
           l.op !== "move" && n.push(l);
         for (const l of u)
@@ -766,56 +766,56 @@ function Tt(o, e, s, t, n) {
 }
 function Je(o, e, s) {
   const t = Math.sqrt(Math.PI * 2 * Math.sqrt((Math.pow(o / 2, 2) + Math.pow(e / 2, 2)) / 2)), n = Math.ceil(Math.max(s.curveStepCount, s.curveStepCount / Math.sqrt(200) * t)), r = Math.PI * 2 / n;
-  let i = Math.abs(o / 2), a = Math.abs(e / 2);
+  let a = Math.abs(o / 2), i = Math.abs(e / 2);
   const c = 1 - s.curveFitting;
-  return i += k(i * c, s), a += k(a * c, s), { increment: r, rx: i, ry: a };
+  return a += b(a * c, s), i += b(i * c, s), { increment: r, rx: a, ry: i };
 }
 function Oe(o, e, s, t) {
-  const [n, r] = Fe(t.increment, o, e, t.rx, t.ry, 1, t.increment * me(0.1, me(0.4, 1, s), s), s);
-  let i = ke(n, null, s);
+  const [n, r] = He(t.increment, o, e, t.rx, t.ry, 1, t.increment * me(0.1, me(0.4, 1, s), s), s);
+  let a = ke(n, null, s);
   if (!s.disableMultiStroke && s.roughness !== 0) {
-    const [a] = Fe(t.increment, o, e, t.rx, t.ry, 1.5, 0, s), c = ke(a, null, s);
-    i = i.concat(c);
+    const [i] = He(t.increment, o, e, t.rx, t.ry, 1.5, 0, s), c = ke(i, null, s);
+    a = a.concat(c);
   }
   return {
     estimatedPoints: r,
-    opset: { type: "path", ops: i }
+    opset: { type: "path", ops: a }
   };
 }
-function Ie(o, e, s, t, n, r, i, a, c) {
+function Ie(o, e, s, t, n, r, a, i, c) {
   const u = o, l = e;
   let h = Math.abs(s / 2), f = Math.abs(t / 2);
-  h += k(h * 0.01, c), f += k(f * 0.01, c);
+  h += b(h * 0.01, c), f += b(f * 0.01, c);
   let d = n, g = r;
   for (; d < 0; )
     d += Math.PI * 2, g += Math.PI * 2;
   g - d > Math.PI * 2 && (d = 0, g = Math.PI * 2);
-  const m = Math.PI * 2 / c.curveStepCount, b = Math.min(m / 2, (g - d) / 2), v = He(b, u, l, h, f, d, g, 1, c);
+  const m = Math.PI * 2 / c.curveStepCount, k = Math.min(m / 2, (g - d) / 2), v = Fe(k, u, l, h, f, d, g, 1, c);
   if (!c.disableMultiStroke) {
-    const y = He(b, u, l, h, f, d, g, 1.5, c);
+    const y = Fe(k, u, l, h, f, d, g, 1.5, c);
     v.push(...y);
   }
-  return i && (a ? v.push(...I(u, l, u + h * Math.cos(d), l + f * Math.sin(d), c), ...I(u, l, u + h * Math.cos(g), l + f * Math.sin(g), c)) : v.push({ op: "lineTo", data: [u, l] }, { op: "lineTo", data: [u + h * Math.cos(d), l + f * Math.sin(d)] })), { type: "path", ops: v };
+  return a && (i ? v.push(...N(u, l, u + h * Math.cos(d), l + f * Math.sin(d), c), ...N(u, l, u + h * Math.cos(g), l + f * Math.sin(g), c)) : v.push({ op: "lineTo", data: [u, l] }, { op: "lineTo", data: [u + h * Math.cos(d), l + f * Math.sin(d)] })), { type: "path", ops: v };
 }
 function Ne(o, e) {
   const s = Xe(Ze(Ae(o))), t = [];
   let n = [0, 0], r = [0, 0];
-  for (const { key: i, data: a } of s)
-    switch (i) {
+  for (const { key: a, data: i } of s)
+    switch (a) {
       case "M": {
-        r = [a[0], a[1]], n = [a[0], a[1]];
+        r = [i[0], i[1]], n = [i[0], i[1]];
         break;
       }
       case "L":
-        t.push(...I(r[0], r[1], a[0], a[1], e)), r = [a[0], a[1]];
+        t.push(...N(r[0], r[1], i[0], i[1], e)), r = [i[0], i[1]];
         break;
       case "C": {
-        const [c, u, l, h, f, d] = a;
+        const [c, u, l, h, f, d] = i;
         t.push(...Ct(c, u, l, h, f, d, r, e)), r = [f, d];
         break;
       }
       case "Z":
-        t.push(...I(r[0], r[1], n[0], n[1], e)), r = [n[0], n[1]];
+        t.push(...N(r[0], r[1], n[0], n[1], e)), r = [n[0], n[1]];
         break;
     }
   return { type: "path", ops: t };
@@ -826,9 +826,9 @@ function Se(o, e) {
     if (t.length) {
       const n = e.maxRandomnessOffset || 0, r = t.length;
       if (r > 2) {
-        s.push({ op: "move", data: [t[0][0] + k(n, e), t[0][1] + k(n, e)] });
-        for (let i = 1; i < r; i++)
-          s.push({ op: "lineTo", data: [t[i][0] + k(n, e), t[i][1] + k(n, e)] });
+        s.push({ op: "move", data: [t[0][0] + b(n, e), t[0][1] + b(n, e)] });
+        for (let a = 1; a < r; a++)
+          s.push({ op: "lineTo", data: [t[a][0] + b(n, e), t[a][1] + b(n, e)] });
       }
     }
   return { type: "fillPath", ops: s };
@@ -836,27 +836,27 @@ function Se(o, e) {
 function V(o, e) {
   return kt(e, _t).fillPolygons(o, e);
 }
-function xt(o, e, s, t, n, r, i) {
-  const a = o, c = e;
+function xt(o, e, s, t, n, r, a) {
+  const i = o, c = e;
   let u = Math.abs(s / 2), l = Math.abs(t / 2);
-  u += k(u * 0.01, i), l += k(l * 0.01, i);
+  u += b(u * 0.01, a), l += b(l * 0.01, a);
   let h = n, f = r;
   for (; h < 0; )
     h += Math.PI * 2, f += Math.PI * 2;
   f - h > Math.PI * 2 && (h = 0, f = Math.PI * 2);
-  const d = (f - h) / i.curveStepCount, g = [];
+  const d = (f - h) / a.curveStepCount, g = [];
   for (let m = h; m <= f; m = m + d)
-    g.push([a + u * Math.cos(m), c + l * Math.sin(m)]);
-  return g.push([a + u * Math.cos(f), c + l * Math.sin(f)]), g.push([a, c]), V([g], i);
+    g.push([i + u * Math.cos(m), c + l * Math.sin(m)]);
+  return g.push([i + u * Math.cos(f), c + l * Math.sin(f)]), g.push([i, c]), V([g], a);
 }
 function Ot(o, e) {
-  return k(o, e);
+  return b(o, e);
 }
-function Et(o, e, s) {
+function Rt(o, e, s) {
   return me(o, e, s);
 }
-function Rt(o, e, s, t, n) {
-  return I(o, e, s, t, n, !0);
+function Et(o, e, s, t, n) {
+  return N(o, e, s, t, n, !0);
 }
 function We(o) {
   const e = Object.assign({}, o);
@@ -868,47 +868,47 @@ function Ke(o) {
 function me(o, e, s, t = 1) {
   return s.roughness * t * (Ke(s) * (e - o) + o);
 }
-function k(o, e, s = 1) {
+function b(o, e, s = 1) {
   return me(-o, o, e, s);
 }
-function I(o, e, s, t, n, r = !1) {
-  const i = r ? n.disableMultiStrokeFill : n.disableMultiStroke, a = Ee(o, e, s, t, n, !0, !1);
-  if (i)
-    return a;
-  const c = Ee(o, e, s, t, n, !0, !0);
-  return a.concat(c);
+function N(o, e, s, t, n, r = !1) {
+  const a = r ? n.disableMultiStrokeFill : n.disableMultiStroke, i = Re(o, e, s, t, n, !0, !1);
+  if (a)
+    return i;
+  const c = Re(o, e, s, t, n, !0, !0);
+  return i.concat(c);
 }
-function Ee(o, e, s, t, n, r, i) {
-  const a = Math.pow(o - s, 2) + Math.pow(e - t, 2), c = Math.sqrt(a);
+function Re(o, e, s, t, n, r, a) {
+  const i = Math.pow(o - s, 2) + Math.pow(e - t, 2), c = Math.sqrt(i);
   let u = 1;
   c < 200 ? u = 1 : c > 500 ? u = 0.4 : u = -16668e-7 * c + 1.233334;
   let l = n.maxRandomnessOffset || 0;
-  l * l * 100 > a && (l = c / 10);
+  l * l * 100 > i && (l = c / 10);
   const h = l / 2, f = 0.2 + Ke(n) * 0.2;
   let d = n.bowing * n.maxRandomnessOffset * (t - e) / 200, g = n.bowing * n.maxRandomnessOffset * (o - s) / 200;
-  d = k(d, n, u), g = k(g, n, u);
-  const m = [], b = () => k(h, n, u), v = () => k(l, n, u), y = n.preserveVertices;
-  return i ? m.push({
+  d = b(d, n, u), g = b(g, n, u);
+  const m = [], k = () => b(h, n, u), v = () => b(l, n, u), y = n.preserveVertices;
+  return a ? m.push({
     op: "move",
     data: [
-      o + (y ? 0 : b()),
-      e + (y ? 0 : b())
+      o + (y ? 0 : k()),
+      e + (y ? 0 : k())
     ]
   }) : m.push({
     op: "move",
     data: [
-      o + (y ? 0 : k(l, n, u)),
-      e + (y ? 0 : k(l, n, u))
+      o + (y ? 0 : b(l, n, u)),
+      e + (y ? 0 : b(l, n, u))
     ]
-  }), i ? m.push({
+  }), a ? m.push({
     op: "bcurveTo",
     data: [
-      d + o + (s - o) * f + b(),
-      g + e + (t - e) * f + b(),
-      d + o + 2 * (s - o) * f + b(),
-      g + e + 2 * (t - e) * f + b(),
-      s + (y ? 0 : b()),
-      t + (y ? 0 : b())
+      d + o + (s - o) * f + k(),
+      g + e + (t - e) * f + k(),
+      d + o + 2 * (s - o) * f + k(),
+      g + e + 2 * (t - e) * f + k(),
+      s + (y ? 0 : k()),
+      t + (y ? 0 : k())
     ]
   }) : m.push({
     op: "bcurveTo",
@@ -927,30 +927,30 @@ function ue(o, e, s) {
     return [];
   const t = [];
   t.push([
-    o[0][0] + k(e, s),
-    o[0][1] + k(e, s)
+    o[0][0] + b(e, s),
+    o[0][1] + b(e, s)
   ]), t.push([
-    o[0][0] + k(e, s),
-    o[0][1] + k(e, s)
+    o[0][0] + b(e, s),
+    o[0][1] + b(e, s)
   ]);
   for (let n = 1; n < o.length; n++)
     t.push([
-      o[n][0] + k(e, s),
-      o[n][1] + k(e, s)
+      o[n][0] + b(e, s),
+      o[n][1] + b(e, s)
     ]), n === o.length - 1 && t.push([
-      o[n][0] + k(e, s),
-      o[n][1] + k(e, s)
+      o[n][0] + b(e, s),
+      o[n][1] + b(e, s)
     ]);
   return ke(t, null, s);
 }
 function ke(o, e, s) {
   const t = o.length, n = [];
   if (t > 3) {
-    const r = [], i = 1 - s.curveTightness;
+    const r = [], a = 1 - s.curveTightness;
     n.push({ op: "move", data: [o[1][0], o[1][1]] });
-    for (let a = 1; a + 2 < t; a++) {
-      const c = o[a];
-      r[0] = [c[0], c[1]], r[1] = [c[0] + (i * o[a + 1][0] - i * o[a - 1][0]) / 6, c[1] + (i * o[a + 1][1] - i * o[a - 1][1]) / 6], r[2] = [o[a + 1][0] + (i * o[a][0] - i * o[a + 2][0]) / 6, o[a + 1][1] + (i * o[a][1] - i * o[a + 2][1]) / 6], r[3] = [o[a + 1][0], o[a + 1][1]], n.push({ op: "bcurveTo", data: [r[1][0], r[1][1], r[2][0], r[2][1], r[3][0], r[3][1]] });
+    for (let i = 1; i + 2 < t; i++) {
+      const c = o[i];
+      r[0] = [c[0], c[1]], r[1] = [c[0] + (a * o[i + 1][0] - a * o[i - 1][0]) / 6, c[1] + (a * o[i + 1][1] - a * o[i - 1][1]) / 6], r[2] = [o[i + 1][0] + (a * o[i][0] - a * o[i + 2][0]) / 6, o[i + 1][1] + (a * o[i][1] - a * o[i + 2][1]) / 6], r[3] = [o[i + 1][0], o[i + 1][1]], n.push({ op: "bcurveTo", data: [r[1][0], r[1][1], r[2][0], r[2][1], r[3][0], r[3][1]] });
     }
   } else t === 3 ? (n.push({ op: "move", data: [o[1][0], o[1][1]] }), n.push({
     op: "bcurveTo",
@@ -962,11 +962,11 @@ function ke(o, e, s) {
       o[2][0],
       o[2][1]
     ]
-  })) : t === 2 && n.push(...Ee(o[0][0], o[0][1], o[1][0], o[1][1], s, !0, !0));
+  })) : t === 2 && n.push(...Re(o[0][0], o[0][1], o[1][0], o[1][1], s, !0, !0));
   return n;
 }
-function Fe(o, e, s, t, n, r, i, a) {
-  const c = a.roughness === 0, u = [], l = [];
+function He(o, e, s, t, n, r, a, i) {
+  const c = i.roughness === 0, u = [], l = [];
   if (c) {
     o = o / 4, l.push([
       e + t * Math.cos(-o),
@@ -987,63 +987,63 @@ function Fe(o, e, s, t, n, r, i, a) {
       s + n * Math.sin(o)
     ]);
   } else {
-    const h = k(0.5, a) - Math.PI / 2;
+    const h = b(0.5, i) - Math.PI / 2;
     l.push([
-      k(r, a) + e + 0.9 * t * Math.cos(h - o),
-      k(r, a) + s + 0.9 * n * Math.sin(h - o)
+      b(r, i) + e + 0.9 * t * Math.cos(h - o),
+      b(r, i) + s + 0.9 * n * Math.sin(h - o)
     ]);
     const f = Math.PI * 2 + h - 0.01;
     for (let d = h; d < f; d = d + o) {
       const g = [
-        k(r, a) + e + t * Math.cos(d),
-        k(r, a) + s + n * Math.sin(d)
+        b(r, i) + e + t * Math.cos(d),
+        b(r, i) + s + n * Math.sin(d)
       ];
       u.push(g), l.push(g);
     }
     l.push([
-      k(r, a) + e + t * Math.cos(h + Math.PI * 2 + i * 0.5),
-      k(r, a) + s + n * Math.sin(h + Math.PI * 2 + i * 0.5)
+      b(r, i) + e + t * Math.cos(h + Math.PI * 2 + a * 0.5),
+      b(r, i) + s + n * Math.sin(h + Math.PI * 2 + a * 0.5)
     ]), l.push([
-      k(r, a) + e + 0.98 * t * Math.cos(h + i),
-      k(r, a) + s + 0.98 * n * Math.sin(h + i)
+      b(r, i) + e + 0.98 * t * Math.cos(h + a),
+      b(r, i) + s + 0.98 * n * Math.sin(h + a)
     ]), l.push([
-      k(r, a) + e + 0.9 * t * Math.cos(h + i * 0.5),
-      k(r, a) + s + 0.9 * n * Math.sin(h + i * 0.5)
+      b(r, i) + e + 0.9 * t * Math.cos(h + a * 0.5),
+      b(r, i) + s + 0.9 * n * Math.sin(h + a * 0.5)
     ]);
   }
   return [l, u];
 }
-function He(o, e, s, t, n, r, i, a, c) {
-  const u = r + k(0.1, c), l = [];
+function Fe(o, e, s, t, n, r, a, i, c) {
+  const u = r + b(0.1, c), l = [];
   l.push([
-    k(a, c) + e + 0.9 * t * Math.cos(u - o),
-    k(a, c) + s + 0.9 * n * Math.sin(u - o)
+    b(i, c) + e + 0.9 * t * Math.cos(u - o),
+    b(i, c) + s + 0.9 * n * Math.sin(u - o)
   ]);
-  for (let h = u; h <= i; h = h + o)
+  for (let h = u; h <= a; h = h + o)
     l.push([
-      k(a, c) + e + t * Math.cos(h),
-      k(a, c) + s + n * Math.sin(h)
+      b(i, c) + e + t * Math.cos(h),
+      b(i, c) + s + n * Math.sin(h)
     ]);
   return l.push([
-    e + t * Math.cos(i),
-    s + n * Math.sin(i)
+    e + t * Math.cos(a),
+    s + n * Math.sin(a)
   ]), l.push([
-    e + t * Math.cos(i),
-    s + n * Math.sin(i)
+    e + t * Math.cos(a),
+    s + n * Math.sin(a)
   ]), ke(l, null, c);
 }
-function Ct(o, e, s, t, n, r, i, a) {
-  const c = [], u = [a.maxRandomnessOffset || 1, (a.maxRandomnessOffset || 1) + 0.3];
+function Ct(o, e, s, t, n, r, a, i) {
+  const c = [], u = [i.maxRandomnessOffset || 1, (i.maxRandomnessOffset || 1) + 0.3];
   let l = [0, 0];
-  const h = a.disableMultiStroke ? 1 : 2, f = a.preserveVertices;
+  const h = i.disableMultiStroke ? 1 : 2, f = i.preserveVertices;
   for (let d = 0; d < h; d++)
-    d === 0 ? c.push({ op: "move", data: [i[0], i[1]] }) : c.push({ op: "move", data: [i[0] + (f ? 0 : k(u[0], a)), i[1] + (f ? 0 : k(u[0], a))] }), l = f ? [n, r] : [n + k(u[d], a), r + k(u[d], a)], c.push({
+    d === 0 ? c.push({ op: "move", data: [a[0], a[1]] }) : c.push({ op: "move", data: [a[0] + (f ? 0 : b(u[0], i)), a[1] + (f ? 0 : b(u[0], i))] }), l = f ? [n, r] : [n + b(u[d], i), r + b(u[d], i)], c.push({
       op: "bcurveTo",
       data: [
-        o + k(u[d], a),
-        e + k(u[d], a),
-        s + k(u[d], a),
-        t + k(u[d], a),
+        o + b(u[d], i),
+        e + b(u[d], i),
+        s + b(u[d], i),
+        t + b(u[d], i),
         l[0],
         l[1]
       ]
@@ -1063,13 +1063,13 @@ function qe(o, e = 0) {
   else {
     const n = [];
     n.push(o[0], o[0]);
-    for (let a = 1; a < o.length; a++)
-      n.push(o[a]), a === o.length - 1 && n.push(o[a]);
-    const r = [], i = 1 - e;
+    for (let i = 1; i < o.length; i++)
+      n.push(o[i]), i === o.length - 1 && n.push(o[i]);
+    const r = [], a = 1 - e;
     t.push(U(n[0]));
-    for (let a = 1; a + 2 < n.length; a++) {
-      const c = n[a];
-      r[0] = [c[0], c[1]], r[1] = [c[0] + (i * n[a + 1][0] - i * n[a - 1][0]) / 6, c[1] + (i * n[a + 1][1] - i * n[a - 1][1]) / 6], r[2] = [n[a + 1][0] + (i * n[a][0] - i * n[a + 2][0]) / 6, n[a + 1][1] + (i * n[a][1] - i * n[a + 2][1]) / 6], r[3] = [n[a + 1][0], n[a + 1][1]], t.push(r[1], r[2], r[3]);
+    for (let i = 1; i + 2 < n.length; i++) {
+      const c = n[i];
+      r[0] = [c[0], c[1]], r[1] = [c[0] + (a * n[i + 1][0] - a * n[i - 1][0]) / 6, c[1] + (a * n[i + 1][1] - a * n[i - 1][1]) / 6], r[2] = [n[i + 1][0] + (a * n[i][0] - a * n[i + 2][0]) / 6, n[i + 1][1] + (a * n[i][1] - a * n[i + 2][1]) / 6], r[3] = [n[i + 1][0], n[i + 1][1]], t.push(r[1], r[2], r[3]);
     }
   }
   return t;
@@ -1095,23 +1095,23 @@ function W(o, e, s) {
 }
 function jt(o, e) {
   const s = o[e + 0], t = o[e + 1], n = o[e + 2], r = o[e + 3];
-  let i = 3 * t[0] - 2 * s[0] - r[0];
-  i *= i;
-  let a = 3 * t[1] - 2 * s[1] - r[1];
+  let a = 3 * t[0] - 2 * s[0] - r[0];
   a *= a;
+  let i = 3 * t[1] - 2 * s[1] - r[1];
+  i *= i;
   let c = 3 * n[0] - 2 * r[0] - s[0];
   c *= c;
   let u = 3 * n[1] - 2 * r[1] - s[1];
-  return u *= u, i < c && (i = c), a < u && (a = u), i + a;
+  return u *= u, a < c && (a = c), i < u && (i = u), a + i;
 }
-function Re(o, e, s, t) {
+function Ee(o, e, s, t) {
   const n = t || [];
   if (jt(o, e) < s) {
     const r = o[e + 0];
     n.length ? Lt(n[n.length - 1], r) > 1 && n.push(r) : n.push(r), n.push(o[e + 3]);
   } else {
-    const i = o[e + 0], a = o[e + 1], c = o[e + 2], u = o[e + 3], l = W(i, a, 0.5), h = W(a, c, 0.5), f = W(c, u, 0.5), d = W(l, h, 0.5), g = W(h, f, 0.5), m = W(d, g, 0.5);
-    Re([i, l, d, m], 0, s, n), Re([m, g, f, u], 0, s, n);
+    const a = o[e + 0], i = o[e + 1], c = o[e + 2], u = o[e + 3], l = W(a, i, 0.5), h = W(i, c, 0.5), f = W(c, u, 0.5), d = W(l, h, 0.5), g = W(h, f, 0.5), m = W(d, g, 0.5);
+    Ee([a, l, d, m], 0, s, n), Ee([m, g, f, u], 0, s, n);
   }
   return n;
 }
@@ -1119,47 +1119,47 @@ function $t(o, e) {
   return be(o, 0, o.length, e);
 }
 function be(o, e, s, t, n) {
-  const r = n || [], i = o[e], a = o[s - 1];
+  const r = n || [], a = o[e], i = o[s - 1];
   let c = 0, u = 1;
   for (let l = e + 1; l < s - 1; ++l) {
-    const h = At(o[l], i, a);
+    const h = At(o[l], a, i);
     h > c && (c = h, u = l);
   }
-  return Math.sqrt(c) > t ? (be(o, e, u + 1, t, r), be(o, u, s, t, r)) : (r.length || r.push(i), r.push(a)), r;
+  return Math.sqrt(c) > t ? (be(o, e, u + 1, t, r), be(o, u, s, t, r)) : (r.length || r.push(a), r.push(i)), r;
 }
 function Ce(o, e = 0.15, s) {
   const t = [], n = (o.length - 1) / 3;
   for (let r = 0; r < n; r++) {
-    const i = r * 3;
-    Re(o, i, e, t);
+    const a = r * 3;
+    Ee(o, a, e, t);
   }
   return s && s > 0 ? be(t, 0, t.length, s) : t;
 }
 function Dt(o, e, s) {
   const t = Ae(o), n = Xe(Ze(t)), r = [];
-  let i = [], a = [0, 0], c = [];
+  let a = [], i = [0, 0], c = [];
   const u = () => {
-    c.length >= 4 && i.push(...Ce(c, e)), c = [];
+    c.length >= 4 && a.push(...Ce(c, e)), c = [];
   }, l = () => {
-    u(), i.length && (r.push(i), i = []);
+    u(), a.length && (r.push(a), a = []);
   };
   for (const { key: f, data: d } of n)
     switch (f) {
       case "M":
-        l(), a = [d[0], d[1]], i.push(a);
+        l(), i = [d[0], d[1]], a.push(i);
         break;
       case "L":
-        u(), i.push([d[0], d[1]]);
+        u(), a.push([d[0], d[1]]);
         break;
       case "C":
         if (!c.length) {
-          const g = i.length ? i[i.length - 1] : a;
+          const g = a.length ? a[a.length - 1] : i;
           c.push([g[0], g[1]]);
         }
         c.push([d[0], d[1]]), c.push([d[2], d[3]]), c.push([d[4], d[5]]);
         break;
       case "Z":
-        u(), i.push([a[0], a[1]]);
+        u(), a.push([i[0], i[1]]);
         break;
     }
   if (l(), !s)
@@ -1171,7 +1171,7 @@ function Dt(o, e, s) {
   }
   return h;
 }
-const R = "none";
+const A = "none";
 class ve {
   constructor(e) {
     this.defaultOptions = {
@@ -1207,26 +1207,26 @@ class ve {
     return { shape: e, sets: s || [], options: t || this.defaultOptions };
   }
   line(e, s, t, n, r) {
-    const i = this._o(r);
-    return this._d("line", [Qe(e, s, t, n, i)], i);
+    const a = this._o(r);
+    return this._d("line", [Qe(e, s, t, n, a)], a);
   }
   rectangle(e, s, t, n, r) {
-    const i = this._o(r), a = [], c = Pt(e, s, t, n, i);
-    if (i.fill) {
+    const a = this._o(r), i = [], c = Pt(e, s, t, n, a);
+    if (a.fill) {
       const u = [[e, s], [e + t, s], [e + t, s + n], [e, s + n]];
-      i.fillStyle === "solid" ? a.push(Se([u], i)) : a.push(V([u], i));
+      a.fillStyle === "solid" ? i.push(Se([u], a)) : i.push(V([u], a));
     }
-    return i.stroke !== R && a.push(c), this._d("rectangle", a, i);
+    return a.stroke !== A && i.push(c), this._d("rectangle", i, a);
   }
   ellipse(e, s, t, n, r) {
-    const i = this._o(r), a = [], c = Je(t, n, i), u = Oe(e, s, i, c);
-    if (i.fill)
-      if (i.fillStyle === "solid") {
-        const l = Oe(e, s, i, c).opset;
-        l.type = "fillPath", a.push(l);
+    const a = this._o(r), i = [], c = Je(t, n, a), u = Oe(e, s, a, c);
+    if (a.fill)
+      if (a.fillStyle === "solid") {
+        const l = Oe(e, s, a, c).opset;
+        l.type = "fillPath", i.push(l);
       } else
-        a.push(V([u.estimatedPoints], i));
-    return i.stroke !== R && a.push(u.opset), this._d("ellipse", a, i);
+        i.push(V([u.estimatedPoints], a));
+    return a.stroke !== A && i.push(u.opset), this._d("ellipse", i, a);
   }
   circle(e, s, t, n) {
     const r = this.ellipse(e, s, t, t, n);
@@ -1236,53 +1236,53 @@ class ve {
     const t = this._o(s);
     return this._d("linearPath", [de(e, !1, t)], t);
   }
-  arc(e, s, t, n, r, i, a = !1, c) {
-    const u = this._o(c), l = [], h = Ie(e, s, t, n, r, i, a, !0, u);
-    if (a && u.fill)
+  arc(e, s, t, n, r, a, i = !1, c) {
+    const u = this._o(c), l = [], h = Ie(e, s, t, n, r, a, i, !0, u);
+    if (i && u.fill)
       if (u.fillStyle === "solid") {
         const f = Object.assign({}, u);
         f.disableMultiStroke = !0;
-        const d = Ie(e, s, t, n, r, i, !0, !1, f);
+        const d = Ie(e, s, t, n, r, a, !0, !1, f);
         d.type = "fillPath", l.push(d);
       } else
-        l.push(xt(e, s, t, n, r, i, u));
-    return u.stroke !== R && l.push(h), this._d("arc", l, u);
+        l.push(xt(e, s, t, n, r, a, u));
+    return u.stroke !== A && l.push(h), this._d("arc", l, u);
   }
   curve(e, s) {
     const t = this._o(s), n = [], r = ze(e, t);
-    if (t.fill && t.fill !== R)
+    if (t.fill && t.fill !== A)
       if (t.fillStyle === "solid") {
-        const i = ze(e, Object.assign(Object.assign({}, t), { disableMultiStroke: !0, roughness: t.roughness ? t.roughness + t.fillShapeRoughnessGain : 0 }));
+        const a = ze(e, Object.assign(Object.assign({}, t), { disableMultiStroke: !0, roughness: t.roughness ? t.roughness + t.fillShapeRoughnessGain : 0 }));
         n.push({
           type: "fillPath",
-          ops: this._mergedShape(i.ops)
+          ops: this._mergedShape(a.ops)
         });
       } else {
-        const i = [], a = e;
-        if (a.length) {
-          const u = typeof a[0][0] == "number" ? [a] : a;
+        const a = [], i = e;
+        if (i.length) {
+          const u = typeof i[0][0] == "number" ? [i] : i;
           for (const l of u)
-            l.length < 3 ? i.push(...l) : l.length === 3 ? i.push(...Ce(qe([
+            l.length < 3 ? a.push(...l) : l.length === 3 ? a.push(...Ce(qe([
               l[0],
               l[0],
               l[1],
               l[2]
-            ]), 10, (1 + t.roughness) / 2)) : i.push(...Ce(qe(l), 10, (1 + t.roughness) / 2));
+            ]), 10, (1 + t.roughness) / 2)) : a.push(...Ce(qe(l), 10, (1 + t.roughness) / 2));
         }
-        i.length && n.push(V([i], t));
+        a.length && n.push(V([a], t));
       }
-    return t.stroke !== R && n.push(r), this._d("curve", n, t);
+    return t.stroke !== A && n.push(r), this._d("curve", n, t);
   }
   polygon(e, s) {
     const t = this._o(s), n = [], r = de(e, !0, t);
-    return t.fill && (t.fillStyle === "solid" ? n.push(Se([e], t)) : n.push(V([e], t))), t.stroke !== R && n.push(r), this._d("polygon", n, t);
+    return t.fill && (t.fillStyle === "solid" ? n.push(Se([e], t)) : n.push(V([e], t))), t.stroke !== A && n.push(r), this._d("polygon", n, t);
   }
   path(e, s) {
     const t = this._o(s), n = [];
     if (!e)
       return this._d("path", n, t);
     e = (e || "").replace(/\n/g, " ").replace(/(-\s)/g, "-").replace("/(ss)/g", " ");
-    const r = t.fill && t.fill !== "transparent" && t.fill !== R, i = t.stroke !== R, a = !!(t.simplification && t.simplification < 1), c = a ? 4 - 4 * (t.simplification || 1) : (1 + t.roughness) / 2, u = Dt(e, 1, c), l = Ne(e, t);
+    const r = t.fill && t.fill !== "transparent" && t.fill !== A, a = t.stroke !== A, i = !!(t.simplification && t.simplification < 1), c = i ? 4 - 4 * (t.simplification || 1) : (1 + t.roughness) / 2, u = Dt(e, 1, c), l = Ne(e, t);
     if (r)
       if (t.fillStyle === "solid")
         if (u.length === 1) {
@@ -1295,14 +1295,14 @@ class ve {
           n.push(Se(u, t));
       else
         n.push(V(u, t));
-    return i && (a ? u.forEach((h) => {
+    return a && (i ? u.forEach((h) => {
       n.push(de(h, !1, t));
     }) : n.push(l)), this._d("path", n, t);
   }
   opsToPath(e, s) {
     let t = "";
     for (const n of e.ops) {
-      const r = typeof s == "number" && s >= 0 ? n.data.map((i) => +i.toFixed(s)) : n.data;
+      const r = typeof s == "number" && s >= 0 ? n.data.map((a) => +a.toFixed(s)) : n.data;
       switch (n.op) {
         case "move":
           t += `M${r[0]} ${r[1]} `;
@@ -1320,29 +1320,29 @@ class ve {
   toPaths(e) {
     const s = e.sets || [], t = e.options || this.defaultOptions, n = [];
     for (const r of s) {
-      let i = null;
+      let a = null;
       switch (r.type) {
         case "path":
-          i = {
+          a = {
             d: this.opsToPath(r),
             stroke: t.stroke,
             strokeWidth: t.strokeWidth,
-            fill: R
+            fill: A
           };
           break;
         case "fillPath":
-          i = {
+          a = {
             d: this.opsToPath(r),
-            stroke: R,
+            stroke: A,
             strokeWidth: 0,
-            fill: t.fill || R
+            fill: t.fill || A
           };
           break;
         case "fillSketch":
-          i = this.fillSketch(r, t);
+          a = this.fillSketch(r, t);
           break;
       }
-      i && n.push(i);
+      a && n.push(a);
     }
     return n;
   }
@@ -1350,9 +1350,9 @@ class ve {
     let t = s.fillWeight;
     return t < 0 && (t = s.strokeWidth / 2), {
       d: this.opsToPath(e),
-      stroke: s.fill || R,
+      stroke: s.fill || A,
       strokeWidth: t,
-      fill: R
+      fill: A
     };
   }
   _mergedShape(e) {
@@ -1365,19 +1365,19 @@ class zt {
   }
   draw(e) {
     const s = e.sets || [], t = e.options || this.getDefaultOptions(), n = this.ctx, r = e.options.fixedDecimalPlaceDigits;
-    for (const i of s)
-      switch (i.type) {
+    for (const a of s)
+      switch (a.type) {
         case "path":
-          n.save(), n.strokeStyle = t.stroke === "none" ? "transparent" : t.stroke, n.lineWidth = t.strokeWidth, t.strokeLineDash && n.setLineDash(t.strokeLineDash), t.strokeLineDashOffset && (n.lineDashOffset = t.strokeLineDashOffset), this._drawToContext(n, i, r), n.restore();
+          n.save(), n.strokeStyle = t.stroke === "none" ? "transparent" : t.stroke, n.lineWidth = t.strokeWidth, t.strokeLineDash && n.setLineDash(t.strokeLineDash), t.strokeLineDashOffset && (n.lineDashOffset = t.strokeLineDashOffset), this._drawToContext(n, a, r), n.restore();
           break;
         case "fillPath": {
           n.save(), n.fillStyle = t.fill || "";
-          const a = e.shape === "curve" || e.shape === "polygon" || e.shape === "path" ? "evenodd" : "nonzero";
-          this._drawToContext(n, i, r, a), n.restore();
+          const i = e.shape === "curve" || e.shape === "polygon" || e.shape === "path" ? "evenodd" : "nonzero";
+          this._drawToContext(n, a, r, i), n.restore();
           break;
         }
         case "fillSketch":
-          this.fillSketch(n, i, t);
+          this.fillSketch(n, a, t);
           break;
       }
   }
@@ -1388,16 +1388,16 @@ class zt {
   _drawToContext(e, s, t, n = "nonzero") {
     e.beginPath();
     for (const r of s.ops) {
-      const i = typeof t == "number" && t >= 0 ? r.data.map((a) => +a.toFixed(t)) : r.data;
+      const a = typeof t == "number" && t >= 0 ? r.data.map((i) => +i.toFixed(t)) : r.data;
       switch (r.op) {
         case "move":
-          e.moveTo(i[0], i[1]);
+          e.moveTo(a[0], a[1]);
           break;
         case "bcurveTo":
-          e.bezierCurveTo(i[0], i[1], i[2], i[3], i[4], i[5]);
+          e.bezierCurveTo(a[0], a[1], a[2], a[3], a[4], a[5]);
           break;
         case "lineTo":
-          e.lineTo(i[0], i[1]);
+          e.lineTo(a[0], a[1]);
           break;
       }
     }
@@ -1410,16 +1410,16 @@ class zt {
     return this.gen.defaultOptions;
   }
   line(e, s, t, n, r) {
-    const i = this.gen.line(e, s, t, n, r);
-    return this.draw(i), i;
+    const a = this.gen.line(e, s, t, n, r);
+    return this.draw(a), a;
   }
   rectangle(e, s, t, n, r) {
-    const i = this.gen.rectangle(e, s, t, n, r);
-    return this.draw(i), i;
+    const a = this.gen.rectangle(e, s, t, n, r);
+    return this.draw(a), a;
   }
   ellipse(e, s, t, n, r) {
-    const i = this.gen.ellipse(e, s, t, n, r);
-    return this.draw(i), i;
+    const a = this.gen.ellipse(e, s, t, n, r);
+    return this.draw(a), a;
   }
   circle(e, s, t, n) {
     const r = this.gen.circle(e, s, t, n);
@@ -1433,8 +1433,8 @@ class zt {
     const t = this.gen.polygon(e, s);
     return this.draw(t), t;
   }
-  arc(e, s, t, n, r, i, a = !1, c) {
-    const u = this.gen.arc(e, s, t, n, r, i, a, c);
+  arc(e, s, t, n, r, a, i = !1, c) {
+    const u = this.gen.arc(e, s, t, n, r, a, i, c);
     return this.draw(u), u;
   }
   curve(e, s) {
@@ -1452,20 +1452,20 @@ class It {
     this.svg = e, this.gen = new ve(s);
   }
   draw(e) {
-    const s = e.sets || [], t = e.options || this.getDefaultOptions(), n = this.svg.ownerDocument || window.document, r = n.createElementNS(he, "g"), i = e.options.fixedDecimalPlaceDigits;
-    for (const a of s) {
+    const s = e.sets || [], t = e.options || this.getDefaultOptions(), n = this.svg.ownerDocument || window.document, r = n.createElementNS(he, "g"), a = e.options.fixedDecimalPlaceDigits;
+    for (const i of s) {
       let c = null;
-      switch (a.type) {
+      switch (i.type) {
         case "path": {
-          c = n.createElementNS(he, "path"), c.setAttribute("d", this.opsToPath(a, i)), c.setAttribute("stroke", t.stroke), c.setAttribute("stroke-width", t.strokeWidth + ""), c.setAttribute("fill", "none"), t.strokeLineDash && c.setAttribute("stroke-dasharray", t.strokeLineDash.join(" ").trim()), t.strokeLineDashOffset && c.setAttribute("stroke-dashoffset", `${t.strokeLineDashOffset}`);
+          c = n.createElementNS(he, "path"), c.setAttribute("d", this.opsToPath(i, a)), c.setAttribute("stroke", t.stroke), c.setAttribute("stroke-width", t.strokeWidth + ""), c.setAttribute("fill", "none"), t.strokeLineDash && c.setAttribute("stroke-dasharray", t.strokeLineDash.join(" ").trim()), t.strokeLineDashOffset && c.setAttribute("stroke-dashoffset", `${t.strokeLineDashOffset}`);
           break;
         }
         case "fillPath": {
-          c = n.createElementNS(he, "path"), c.setAttribute("d", this.opsToPath(a, i)), c.setAttribute("stroke", "none"), c.setAttribute("stroke-width", "0"), c.setAttribute("fill", t.fill || ""), (e.shape === "curve" || e.shape === "polygon") && c.setAttribute("fill-rule", "evenodd");
+          c = n.createElementNS(he, "path"), c.setAttribute("d", this.opsToPath(i, a)), c.setAttribute("stroke", "none"), c.setAttribute("stroke-width", "0"), c.setAttribute("fill", t.fill || ""), (e.shape === "curve" || e.shape === "polygon") && c.setAttribute("fill-rule", "evenodd");
           break;
         }
         case "fillSketch": {
-          c = this.fillSketch(n, a, t);
+          c = this.fillSketch(n, i, t);
           break;
         }
       }
@@ -1489,16 +1489,16 @@ class It {
     return this.gen.opsToPath(e, s);
   }
   line(e, s, t, n, r) {
-    const i = this.gen.line(e, s, t, n, r);
-    return this.draw(i);
+    const a = this.gen.line(e, s, t, n, r);
+    return this.draw(a);
   }
   rectangle(e, s, t, n, r) {
-    const i = this.gen.rectangle(e, s, t, n, r);
-    return this.draw(i);
+    const a = this.gen.rectangle(e, s, t, n, r);
+    return this.draw(a);
   }
   ellipse(e, s, t, n, r) {
-    const i = this.gen.ellipse(e, s, t, n, r);
-    return this.draw(i);
+    const a = this.gen.ellipse(e, s, t, n, r);
+    return this.draw(a);
   }
   circle(e, s, t, n) {
     const r = this.gen.circle(e, s, t, n);
@@ -1512,8 +1512,8 @@ class It {
     const t = this.gen.polygon(e, s);
     return this.draw(t);
   }
-  arc(e, s, t, n, r, i, a = !1, c) {
-    const u = this.gen.arc(e, s, t, n, r, i, a, c);
+  arc(e, s, t, n, r, a, i = !1, c) {
+    const u = this.gen.arc(e, s, t, n, r, a, i, c);
     return this.draw(u);
   }
   curve(e, s) {
@@ -1525,7 +1525,7 @@ class It {
     return this.draw(t);
   }
 }
-const L = {
+const C = {
   canvas(o, e) {
     return new zt(o, e);
   },
@@ -1635,40 +1635,40 @@ const L = {
       ...o?.radius
     }
   };
-  return /* @__PURE__ */ w.jsx(et.Provider, { value: s, children: e });
-}, A = () => rt(et), Vt = ({
+  return /* @__PURE__ */ M.jsx(et.Provider, { value: s, children: e });
+}, L = () => rt(et), Vt = ({
   strokeWeight: o = "medium",
   radius: e = "md",
   size: s = "sm",
   backgroundColor: t,
   children: n,
   fillStyle: r,
-  ...i
+  ...a
 }) => {
-  const a = A(), c = E(null), [u, l] = Q(!1), h = a.buttonSize[s].width, f = a.buttonSize[s].height, d = a.buttonSize[s].fontSize;
-  return C(() => {
+  const i = L(), c = O(null), [u, l] = Q(!1), h = i.buttonSize[s].width, f = i.buttonSize[s].height, d = i.buttonSize[s].fontSize;
+  return R(() => {
     if (!c.current) return;
-    const g = L.svg(c.current);
+    const g = C.svg(c.current);
     c.current.innerHTML = "";
-    const m = a.stroke[o], b = g.path(
-      K(0, 0, h, f, a.radius[e]),
+    const m = i.stroke[o], k = g.path(
+      K(0, 0, h, f, i.radius[e]),
       {
         stroke: m.color,
         strokeWidth: m.width,
-        fill: t ?? a.fill.background,
+        fill: t ?? i.fill.background,
         fillStyle: r,
-        roughness: u ? a.roughness.roughness + 1 : a.roughness.roughness,
-        bowing: a.roughness.bowing
+        roughness: u ? i.roughness.roughness + 1 : i.roughness.roughness,
+        bowing: i.roughness.bowing
       }
     );
-    c.current.appendChild(b);
-  }, [u, o, e, a]), /* @__PURE__ */ w.jsxs(
+    c.current.appendChild(k);
+  }, [u, o, e, i]), /* @__PURE__ */ M.jsxs(
     "button",
     {
-      ...i,
+      ...a,
       onMouseEnter: () => l(!0),
       onMouseLeave: () => l(!1),
-      className: `${Nt["drawui-button"]} ${i.className ?? ""}`,
+      className: `${Nt["drawui-button"]} ${a.className ?? ""}`,
       style: {
         position: "relative",
         width: h,
@@ -1678,7 +1678,7 @@ const L = {
         cursor: "pointer"
       },
       children: [
-        /* @__PURE__ */ w.jsx(
+        /* @__PURE__ */ M.jsx(
           "svg",
           {
             ref: c,
@@ -1687,7 +1687,7 @@ const L = {
             style: { position: "absolute", inset: 0 }
           }
         ),
-        /* @__PURE__ */ w.jsx(
+        /* @__PURE__ */ M.jsx(
           "span",
           {
             style: {
@@ -1706,10 +1706,10 @@ const L = {
   "drawui-card-header": "_drawui-card-header_vhoat_7",
   "drawui-card-body": "_drawui-card-body_vhoat_12",
   "drawui-card-footer": "_drawui-card-footer_vhoat_17"
-}, Wt = "_vertical_1tdom_6", Ft = "_horizontal_1tdom_11", Pe = {
+}, Wt = "_vertical_1tdom_6", Ht = "_horizontal_1tdom_11", Pe = {
   "drawui-divider": "_drawui-divider_1tdom_1",
   vertical: Wt,
-  horizontal: Ft
+  horizontal: Ht
 }, Ge = ({
   strokeWeight: o = "medium",
   width: e = "100%",
@@ -1717,38 +1717,38 @@ const L = {
   className: t,
   fillStyle: n
 }) => {
-  const r = A(), i = E(null);
-  return C(() => {
-    if (!i.current) return;
-    i.current.innerHTML = "";
-    const a = L.svg(i.current), c = r.stroke[o];
+  const r = L(), a = O(null);
+  return R(() => {
+    if (!a.current) return;
+    a.current.innerHTML = "";
+    const i = C.svg(a.current), c = r.stroke[o];
     if (s) {
-      const u = typeof e == "number" ? e : 100, l = a.line(0, 0, 0, u, {
+      const u = typeof e == "number" ? e : 100, l = i.line(0, 0, 0, u, {
         stroke: c.color,
         strokeWidth: c.width,
         roughness: r.roughness.roughness,
         bowing: r.roughness.bowing
       });
-      i.current.appendChild(l);
+      a.current.appendChild(l);
     } else {
-      const u = typeof e == "number" ? e : 300, l = a.line(0, 0, u, 0, {
+      const u = typeof e == "number" ? e : 300, l = i.line(0, 0, u, 0, {
         stroke: c.color,
         strokeWidth: c.width,
         roughness: r.roughness.roughness,
         bowing: r.roughness.bowing,
         fillStyle: n
       });
-      i.current.appendChild(l);
+      a.current.appendChild(l);
     }
-  }, [r, o, e, s]), /* @__PURE__ */ w.jsx(
+  }, [r, o, e, s]), /* @__PURE__ */ M.jsx(
     "div",
     {
       className: `${Pe["drawui-divider"]} ${s ? Pe.vertical : Pe.horizontal} ${t ?? ""}`,
       style: { width: s ? void 0 : e },
-      children: /* @__PURE__ */ w.jsx(
+      children: /* @__PURE__ */ M.jsx(
         "svg",
         {
-          ref: i,
+          ref: a,
           width: s ? 2 : e,
           height: s ? e : 2,
           style: { display: "block" }
@@ -1760,59 +1760,82 @@ const L = {
   strokeWeight: o = "medium",
   radius: e = "md",
   width: s = 300,
-  height: t = 200,
+  height: t,
+  //optional, card adjust height itself by content
   backgroundColor: n,
   header: r,
-  footer: i,
-  fillStyle: a,
+  footer: a,
+  fillStyle: i,
   children: c,
   ...u
 }) => {
-  const l = A(), h = E(null), [f, d] = Q(!1);
-  return C(() => {
+  const l = L(), h = O(null), f = O(null), [d, g] = Q(t ?? 200);
+  R(() => {
+    if (!f.current || t) return;
+    const k = () => {
+      if (f.current) {
+        const y = f.current.scrollHeight;
+        g(y);
+      }
+    };
+    k();
+    const v = new ResizeObserver(k);
+    return v.observe(f.current), () => v.disconnect();
+  }, [c, r, a, t]), R(() => {
     if (!h.current) return;
-    const g = L.svg(h.current);
+    const k = C.svg(h.current);
     h.current.innerHTML = "";
-    const m = l.stroke[o], b = g.path(
-      K(0, 0, s, t, l.radius[e]),
+    const v = l.stroke[o], y = t ?? d, D = k.path(
+      K(0, 0, s, y, l.radius[e]),
       {
-        stroke: m.color,
-        strokeWidth: m.width,
+        stroke: v.color,
+        strokeWidth: v.width,
         fill: n ?? l.fill.background,
-        roughness: f ? l.roughness.roughness + 1 : l.roughness.roughness,
+        roughness: l.roughness.roughness,
         bowing: l.roughness.bowing,
-        fillStyle: a
+        fillStyle: i
       }
     );
-    h.current.appendChild(b);
-  }, [o, e, s, t, n, l]), /* @__PURE__ */ w.jsxs(
+    h.current.appendChild(D);
+  }, [
+    o,
+    e,
+    s,
+    d,
+    t,
+    n,
+    l,
+    i
+  ]);
+  const m = t ?? d;
+  return /* @__PURE__ */ M.jsxs(
     "div",
     {
       ...u,
+      ref: f,
       className: `${fe["drawui-card"]} ${u.className ?? ""}`,
-      onMouseEnter: () => d(!0),
-      onMouseLeave: () => d(!1),
       style: {
         position: "relative",
         width: s,
-        height: t,
+        minHeight: t || "auto",
+        height: t || "auto",
         cursor: "default",
         display: "flex",
         flexDirection: "column",
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ w.jsx(
+        /* @__PURE__ */ M.jsx(
           "svg",
           {
             ref: h,
             width: s,
-            height: t,
+            height: m,
             style: { position: "absolute", inset: 0, pointerEvents: "none" }
           }
         ),
-        r && /* @__PURE__ */ w.jsxs(w.Fragment, { children: [
-          /* @__PURE__ */ w.jsx(
+        r && /* @__PURE__ */ M.jsxs(M.Fragment, { children: [
+          /* @__PURE__ */ M.jsx(
             "div",
             {
               className: fe["drawui-card-header"],
@@ -1820,9 +1843,9 @@ const L = {
               children: r
             }
           ),
-          /* @__PURE__ */ w.jsx(Ge, { width: s, strokeWeight: "thick" })
+          /* @__PURE__ */ M.jsx(Ge, { width: s, strokeWeight: "thick" })
         ] }),
-        /* @__PURE__ */ w.jsx(
+        /* @__PURE__ */ M.jsx(
           "div",
           {
             className: fe["drawui-card-body"],
@@ -1830,14 +1853,14 @@ const L = {
             children: c
           }
         ),
-        i && /* @__PURE__ */ w.jsxs(w.Fragment, { children: [
-          /* @__PURE__ */ w.jsx(Ge, { width: s, strokeWeight: "thick" }),
-          /* @__PURE__ */ w.jsx(
+        a && /* @__PURE__ */ M.jsxs(M.Fragment, { children: [
+          /* @__PURE__ */ M.jsx(Ge, { width: s, strokeWeight: "thick" }),
+          /* @__PURE__ */ M.jsx(
             "div",
             {
               className: fe["drawui-card-footer"],
               style: { position: "relative", zIndex: 1 },
-              children: i
+              children: a
             }
           )
         ] })
@@ -1854,28 +1877,28 @@ const L = {
   radius: t = "md",
   width: n = 300,
   fillStyle: r,
-  className: i
+  className: a
 }) => {
-  const a = A(), c = E(null);
-  return C(() => {
+  const i = L(), c = O(null);
+  return R(() => {
     if (!c.current) return;
-    const u = L.svg(c.current);
+    const u = C.svg(c.current);
     c.current.innerHTML = "";
-    const l = a.stroke[s], h = u.path(
-      K(0, 0, n, 40, a.radius[t]),
+    const l = i.stroke[s], h = u.path(
+      K(0, 0, n, 40, i.radius[t]),
       {
         stroke: l.color,
         strokeWidth: l.width,
         fill: "transparent",
-        roughness: a.roughness.roughness,
-        bowing: a.roughness.bowing,
+        roughness: i.roughness.roughness,
+        bowing: i.roughness.bowing,
         fillStyle: r
       }
     );
     c.current.appendChild(h);
-  }, [a, s, t, n]), /* @__PURE__ */ w.jsx("div", { className: `${Ve["drawui-collapse"]} ${i ?? ""}`, style: { width: n }, children: /* @__PURE__ */ w.jsxs("details", { children: [
-    /* @__PURE__ */ w.jsxs("summary", { style: { position: "relative" }, children: [
-      /* @__PURE__ */ w.jsx(
+  }, [i, s, t, n]), /* @__PURE__ */ M.jsx("div", { className: `${Ve["drawui-collapse"]} ${a ?? ""}`, style: { width: n }, children: /* @__PURE__ */ M.jsxs("details", { children: [
+    /* @__PURE__ */ M.jsxs("summary", { style: { position: "relative" }, children: [
+      /* @__PURE__ */ M.jsx(
         "svg",
         {
           ref: c,
@@ -1884,43 +1907,43 @@ const L = {
           style: { position: "absolute", inset: 0, pointerEvents: "none" }
         }
       ),
-      /* @__PURE__ */ w.jsx("span", { style: { position: "relative", zIndex: 1 }, children: o })
+      /* @__PURE__ */ M.jsx("span", { style: { position: "relative", zIndex: 1 }, children: o })
     ] }),
-    /* @__PURE__ */ w.jsx("div", { className: Ve["drawui-collapse-content"], children: e })
+    /* @__PURE__ */ M.jsx("div", { className: Ve["drawui-collapse-content"], children: e })
   ] }) });
-}, Ht = {}, Zt = ({
+}, Ft = {}, Zt = ({
   strokeWeight: o = "medium",
   radius: e = "md",
   size: s = "sm",
   icon: t,
   fillStyle: n,
   backgroundColor: r,
-  ...i
+  ...a
 }) => {
-  const a = A(), c = E(null), [u, l] = Q(!1), h = a.buttonSize[s].height;
-  return C(() => {
+  const i = L(), c = O(null), [u, l] = Q(!1), h = i.buttonSize[s].height;
+  return R(() => {
     if (!c.current) return;
-    const f = L.svg(c.current);
+    const f = C.svg(c.current);
     c.current.innerHTML = "";
-    const d = a.stroke[o], g = f.path(
-      K(0, 0, h, h, a.radius[e]),
+    const d = i.stroke[o], g = f.path(
+      K(0, 0, h, h, i.radius[e]),
       {
         stroke: d.color,
         strokeWidth: d.width,
-        fill: r ?? a.fill.background,
-        roughness: u ? a.roughness.roughness + 1 : a.roughness.roughness,
-        bowing: a.roughness.bowing,
+        fill: r ?? i.fill.background,
+        roughness: u ? i.roughness.roughness + 1 : i.roughness.roughness,
+        bowing: i.roughness.bowing,
         fillStyle: n
       }
     );
     c.current.appendChild(g);
-  }, [u, o, e, a, h, r]), /* @__PURE__ */ w.jsxs(
+  }, [u, o, e, i, h, r]), /* @__PURE__ */ M.jsxs(
     "button",
     {
-      ...i,
+      ...a,
       onMouseEnter: () => l(!0),
       onMouseLeave: () => l(!1),
-      className: `${Ht["drawui-button"]} ${i.className ?? ""}`,
+      className: `${Ft["drawui-button"]} ${a.className ?? ""}`,
       style: {
         position: "relative",
         width: h,
@@ -1935,7 +1958,7 @@ const L = {
         padding: 0
       },
       children: [
-        /* @__PURE__ */ w.jsx(
+        /* @__PURE__ */ M.jsx(
           "svg",
           {
             ref: c,
@@ -1948,7 +1971,7 @@ const L = {
             }
           }
         ),
-        /* @__PURE__ */ w.jsx(
+        /* @__PURE__ */ M.jsx(
           "span",
           {
             style: {
@@ -1974,36 +1997,36 @@ const L = {
   inputSize: t = "md",
   className: n,
   fillStyle: r,
-  style: i,
-  ...a
+  style: a,
+  ...i
 }) => {
-  const c = A(), u = E(null), l = E(null), [h, f] = Q(!1), [d, g] = Q(!1), m = c.inputSize[t].height, b = c.inputSize[t].fontSize, v = c.inputSize[t].paddingX;
-  return C(() => {
+  const c = L(), u = O(null), l = O(null), [h, f] = Q(!1), [d, g] = Q(!1), m = c.inputSize[t].height, k = c.inputSize[t].fontSize, v = c.inputSize[t].paddingX;
+  return R(() => {
     if (!u.current || !l.current) return;
-    const y = l.current.offsetWidth, N = L.svg(u.current);
+    const y = l.current.offsetWidth, D = C.svg(u.current);
     u.current.innerHTML = "";
-    const F = c.stroke[o], H = N.path(
+    const H = c.stroke[o], F = D.path(
       K(0, 0, y, m, c.radius[s]),
       {
-        stroke: F.color,
-        strokeWidth: F.width,
+        stroke: H.color,
+        strokeWidth: H.width,
         fill: e ?? c.fill.background,
         roughness: h ? c.roughness.roughness + 1 : c.roughness.roughness,
         bowing: c.roughness.bowing,
         fillStyle: r
       }
     );
-    u.current.appendChild(H);
-  }, [h, d, o, s, t, c, e]), /* @__PURE__ */ w.jsxs(
+    u.current.appendChild(F);
+  }, [h, d, o, s, t, c, e]), /* @__PURE__ */ M.jsxs(
     "div",
     {
       ref: l,
       className: `${Ye["drawui-input"]} ${n ?? ""}`,
-      style: { height: m, ...i },
+      style: { height: m, ...a },
       onMouseEnter: () => g(!0),
       onMouseLeave: () => g(!1),
       children: [
-        /* @__PURE__ */ w.jsx(
+        /* @__PURE__ */ M.jsx(
           "svg",
           {
             ref: u,
@@ -2012,22 +2035,22 @@ const L = {
             style: { position: "absolute", inset: 0 }
           }
         ),
-        /* @__PURE__ */ w.jsx(
+        /* @__PURE__ */ M.jsx(
           "input",
           {
-            ...a,
+            ...i,
             className: Ye["drawui-input-field"],
             style: {
               height: m,
-              fontSize: b,
+              fontSize: k,
               paddingLeft: v,
               paddingRight: v
             },
             onFocus: (y) => {
-              f(!0), a.onFocus?.(y);
+              f(!0), i.onFocus?.(y);
             },
             onBlur: (y) => {
-              f(!1), a.onBlur?.(y);
+              f(!1), i.onBlur?.(y);
             }
           }
         )
@@ -2040,54 +2063,54 @@ const L = {
   color: s,
   className: t
 }) => {
-  const n = A(), r = E(null);
-  return C(() => {
+  const n = L(), r = O(null);
+  return R(() => {
     if (!r.current) return;
-    const i = L.svg(r.current);
+    const a = C.svg(r.current);
     r.current.innerHTML = "";
-    const a = n.stroke[e], c = s ?? a.color, u = i.path(
+    const i = n.stroke[e], c = s ?? i.color, u = a.path(
       "M6 18 H18 L16 12 A6 6 0 0 0 8 12 Z",
       {
         stroke: c,
-        strokeWidth: a.width,
+        strokeWidth: i.width,
         roughness: n.roughness.roughness,
         bowing: n.roughness.bowing,
         fill: "transparent"
       }
     );
     r.current.appendChild(u);
-    const l = i.circle(12, 18, 2, {
+    const l = a.circle(12, 18, 2, {
       stroke: c,
-      strokeWidth: a.width,
+      strokeWidth: i.width,
       roughness: n.roughness.roughness,
       bowing: n.roughness.bowing,
       fill: "transparent"
     });
     r.current.appendChild(l);
-  }, [n, e, s]), /* @__PURE__ */ w.jsx("svg", { ref: r, width: o, height: o, viewBox: "0 0 24 24", className: t });
+  }, [n, e, s]), /* @__PURE__ */ M.jsx("svg", { ref: r, width: o, height: o, viewBox: "0 0 24 24", className: t });
 }, Qt = ({
   size: o = 24,
   strokeWeight: e = "medium",
   color: s,
   className: t
 }) => {
-  const n = A(), r = E(null);
-  return C(() => {
+  const n = L(), r = O(null);
+  return R(() => {
     if (!r.current) return;
-    const i = L.svg(r.current);
+    const a = C.svg(r.current);
     r.current.innerHTML = "";
-    const a = n.stroke[e], c = s ?? a.color, u = i.path(
+    const i = n.stroke[e], c = s ?? i.color, u = a.path(
       "M2 12 L12 2 L22 12 V22 H2 Z",
       {
         stroke: c,
-        strokeWidth: a.width,
+        strokeWidth: i.width,
         roughness: n.roughness.roughness,
         bowing: n.roughness.bowing,
         fill: "transparent"
       }
     );
     r.current.appendChild(u);
-  }, [n, e, s]), /* @__PURE__ */ w.jsx(
+  }, [n, e, s]), /* @__PURE__ */ M.jsx(
     "svg",
     {
       ref: r,
@@ -2103,68 +2126,68 @@ const L = {
   color: s,
   className: t
 }) => {
-  const n = A(), r = E(null);
-  return C(() => {
+  const n = L(), r = O(null);
+  return R(() => {
     if (!r.current) return;
-    const i = L.svg(r.current);
+    const a = C.svg(r.current);
     r.current.innerHTML = "";
-    const a = n.stroke[e], c = s ?? a.color, u = i.line(4, 12, 20, 12, {
+    const i = n.stroke[e], c = s ?? i.color, u = a.line(4, 12, 20, 12, {
       stroke: c,
-      strokeWidth: a.width,
+      strokeWidth: i.width,
       roughness: n.roughness.roughness,
       bowing: n.roughness.bowing
     });
     r.current.appendChild(u);
-  }, [n, e, s]), /* @__PURE__ */ w.jsx("svg", { ref: r, width: o, height: o, viewBox: "0 0 24 24", className: t });
+  }, [n, e, s]), /* @__PURE__ */ M.jsx("svg", { ref: r, width: o, height: o, viewBox: "0 0 24 24", className: t });
 }, Kt = ({
   size: o = 24,
   strokeWeight: e = "medium",
   color: s,
   className: t
 }) => {
-  const n = A(), r = E(null);
-  return C(() => {
+  const n = L(), r = O(null);
+  return R(() => {
     if (!r.current) return;
-    const i = L.svg(r.current);
+    const a = C.svg(r.current);
     r.current.innerHTML = "";
-    const a = n.stroke[e], c = s ?? a.color, u = i.line(12, 4, 12, 20, {
+    const i = n.stroke[e], c = s ?? i.color, u = a.line(12, 4, 12, 20, {
       stroke: c,
-      strokeWidth: a.width,
+      strokeWidth: i.width,
       roughness: n.roughness.roughness,
       bowing: n.roughness.bowing
-    }), l = i.line(4, 12, 20, 12, {
+    }), l = a.line(4, 12, 20, 12, {
       stroke: c,
-      strokeWidth: a.width,
+      strokeWidth: i.width,
       roughness: n.roughness.roughness,
       bowing: n.roughness.bowing
     });
     r.current.appendChild(u), r.current.appendChild(l);
-  }, [n, e, s]), /* @__PURE__ */ w.jsx("svg", { ref: r, width: o, height: o, viewBox: "0 0 24 24", className: t });
+  }, [n, e, s]), /* @__PURE__ */ M.jsx("svg", { ref: r, width: o, height: o, viewBox: "0 0 24 24", className: t });
 }, es = ({
   size: o = 24,
   strokeWeight: e = "medium",
   color: s,
   className: t
 }) => {
-  const n = A(), r = E(null);
-  return C(() => {
+  const n = L(), r = O(null);
+  return R(() => {
     if (!r.current) return;
-    const i = L.svg(r.current);
+    const a = C.svg(r.current);
     r.current.innerHTML = "";
-    const a = n.stroke[e], c = s ?? a.color, u = i.circle(10, 10, 14, {
+    const i = n.stroke[e], c = s ?? i.color, u = a.circle(10, 10, 14, {
       stroke: c,
-      strokeWidth: a.width,
+      strokeWidth: i.width,
       roughness: n.roughness.roughness,
       bowing: n.roughness.bowing,
       fill: "transparent"
-    }), l = i.line(16, 16, 22, 22, {
+    }), l = a.line(16, 16, 22, 22, {
       stroke: c,
-      strokeWidth: a.width,
+      strokeWidth: i.width,
       roughness: n.roughness.roughness,
       bowing: n.roughness.bowing
     });
     r.current.appendChild(u), r.current.appendChild(l);
-  }, [n, e, s]), /* @__PURE__ */ w.jsx(
+  }, [n, e, s]), /* @__PURE__ */ M.jsx(
     "svg",
     {
       ref: r,
@@ -2180,60 +2203,94 @@ const L = {
   color: s,
   className: t
 }) => {
-  const n = A(), r = E(null);
-  return C(() => {
+  const n = L(), r = O(null);
+  return R(() => {
     if (!r.current) return;
-    const i = L.svg(r.current);
+    const a = C.svg(r.current);
     r.current.innerHTML = "";
-    const a = n.stroke[e], c = s ?? a.color, u = i.circle(12, 12, 14, {
+    const i = n.stroke[e], c = s ?? i.color, u = a.circle(12, 12, 14, {
       stroke: c,
-      strokeWidth: a.width,
+      strokeWidth: i.width,
       roughness: n.roughness.roughness,
       bowing: n.roughness.bowing,
       fill: "transparent"
     });
     r.current.appendChild(u);
     for (let l = 0; l < 8; l++) {
-      const h = l * Math.PI * 2 / 8, f = 12 + 7 * Math.cos(h), d = 12 + 7 * Math.sin(h), g = 12 + 10 * Math.cos(h), m = 12 + 10 * Math.sin(h), b = i.line(f, d, g, m, {
+      const h = l * Math.PI * 2 / 8, f = 12 + 7 * Math.cos(h), d = 12 + 7 * Math.sin(h), g = 12 + 10 * Math.cos(h), m = 12 + 10 * Math.sin(h), k = a.line(f, d, g, m, {
         stroke: c,
-        strokeWidth: a.width,
+        strokeWidth: i.width,
         roughness: n.roughness.roughness,
         bowing: n.roughness.bowing
       });
-      r.current.appendChild(b);
+      r.current.appendChild(k);
     }
-  }, [n, e, s]), /* @__PURE__ */ w.jsx("svg", { ref: r, width: o, height: o, viewBox: "0 0 24 24", className: t });
+  }, [n, e, s]), /* @__PURE__ */ M.jsx("svg", { ref: r, width: o, height: o, viewBox: "0 0 24 24", className: t });
 }, ss = ({
   size: o = 24,
   strokeWeight: e = "medium",
   color: s,
   className: t
 }) => {
-  const n = A(), r = E(null);
-  return C(() => {
+  const n = L(), r = O(null);
+  return R(() => {
     if (!r.current) return;
-    const i = L.svg(r.current);
+    const a = C.svg(r.current);
     r.current.innerHTML = "";
-    const a = n.stroke[e], c = s ?? a.color, u = i.circle(12, 8, 6, {
+    const i = n.stroke[e], c = s ?? i.color, u = a.circle(12, 8, 6, {
       stroke: c,
-      strokeWidth: a.width,
+      strokeWidth: i.width,
       roughness: n.roughness.roughness,
       bowing: n.roughness.bowing,
       fill: "transparent"
     });
     r.current.appendChild(u);
-    const l = i.path(
+    const l = a.path(
       "M4 20 Q12 16 20 20",
       {
         stroke: c,
-        strokeWidth: a.width,
+        strokeWidth: i.width,
         roughness: n.roughness.roughness,
         bowing: n.roughness.bowing,
         fill: "transparent"
       }
     );
     r.current.appendChild(l);
-  }, [n, e, s]), /* @__PURE__ */ w.jsx("svg", { ref: r, width: o, height: o, viewBox: "0 0 24 24", className: t });
+  }, [n, e, s]), /* @__PURE__ */ M.jsx("svg", { ref: r, width: o, height: o, viewBox: "0 0 24 24", className: t });
+}, ns = ({
+  size: o = 24,
+  strokeWeight: e = "medium",
+  color: s,
+  className: t
+}) => {
+  const n = L(), r = O(null);
+  return R(() => {
+    if (!r.current) return;
+    const a = C.svg(r.current);
+    r.current.innerHTML = "";
+    const i = n.stroke[e], u = {
+      stroke: s ?? i.color,
+      strokeWidth: i.width,
+      roughness: n.roughness.roughness,
+      bowing: n.roughness.bowing
+    };
+    r.current.appendChild(
+      a.line(4, 7, 20, 7, u)
+    ), r.current.appendChild(
+      a.line(4, 12, 20, 12, u)
+    ), r.current.appendChild(
+      a.line(4, 17, 20, 17, u)
+    );
+  }, [n, e, s]), /* @__PURE__ */ M.jsx(
+    "svg",
+    {
+      ref: r,
+      width: o,
+      height: o,
+      viewBox: "0 0 24 24",
+      className: t
+    }
+  );
 };
 export {
   Vt as DrawuiButton,
@@ -2244,11 +2301,12 @@ export {
   Xt as DrawuiInput,
   Gt as DrawuiThemeProvider,
   Ut as IconBell,
+  ns as IconHamburger,
   Qt as IconHome,
   Jt as IconMinus,
   Kt as IconPlus,
   es as IconSearch,
   ts as IconSettings,
   ss as IconUser,
-  A as useDrawuiTheme
+  L as useDrawuiTheme
 };