@dlightjs/components - npm Package Compare versions

Comparing version 0.4.1 to 0.4.2

dist/index.js

 var Fe = Object.defineProperty;
 var We = (e, t, r) => t in e ? Fe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var o = (e, t, r) => (We(e, typeof t != "symbol" ? t + "" : t, r), r);
-import * as _ from "@dlightjs/dlight";
+import * as w from "@dlightjs/dlight";
 import { View as T, DLNodeType as le } from "@dlightjs/dlight";
@@ -51,10 +51,10 @@ function je(e) {
   }, e;
-}(), N = "-ms-", J = "-moz-", l = "-webkit-", ce = "comm", de = "rule", pe = "decl", He = "@import", Oe = "@keyframes", ze = Math.abs, Q = String.fromCharCode, Ye = Object.assign;
+}(), N = "-ms-", Z = "-moz-", l = "-webkit-", ce = "comm", de = "rule", pe = "decl", He = "@import", Oe = "@keyframes", ze = Math.abs, Q = String.fromCharCode, Ye = Object.assign;
 function Ke(e, t) {
   return E(e, 0) ^ 45 ? (((t << 2 ^ E(e, 0)) << 2 ^ E(e, 1)) << 2 ^ E(e, 2)) << 2 ^ E(e, 3) : 0;
 }
-function ke(e) {
+function Pe(e) {
   return e.trim();
 }
-function Ze(e, t) {
+function Je(e, t) {
   return (e = t.exec(e)) ? e[0] : e;
@@ -74,6 +74,6 @@ }
 }
-function P(e) {
+function k(e) {
   return e.length;
 }
-function ue(e) {
+function fe(e) {
   return e.length;
@@ -84,6 +84,6 @@ }
 }
-function Je(e, t) {
+function Ze(e, t) {
   return e.map(t).join("");
 }
-var ee = 1, V = 1, Pe = 0, S = 0, y = 0, B = "";
+var ee = 1, V = 1, ke = 0, S = 0, y = 0, B = "";
 function te(e, t, r, n, s, i, a) {
@@ -102,3 +102,3 @@ return { value: e, root: t, parent: r, type: n, props: s, children: i, line: ee, column: V, length: a, return: "" };
 function A() {
-  return y = S < Pe ? E(B, S++) : 0, V++, y === 10 && (V = 1, ee++), y;
+  return y = S < ke ? E(B, S++) : 0, V++, y === 10 && (V = 1, ee++), y;
 }
@@ -147,3 +147,3 @@ function M() {
 function Me(e) {
-  return ee = V = 1, Pe = P(B = e), S = 0, [];
+  return ee = V = 1, ke = k(B = e), S = 0, [];
 }
@@ -154,3 +154,3 @@ function Te(e) {
 function K(e) {
-  return ke(H(S - 1, ae(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return Pe(H(S - 1, ae(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
@@ -197,9 +197,9 @@ function et(e) {
 function st(e) {
-  return Te(Z("", null, null, null, [""], e = Me(e), 0, [0], e));
+  return Te(J("", null, null, null, [""], e = Me(e), 0, [0], e));
 }
-function Z(e, t, r, n, s, i, a, c, d) {
-  for (var u = 0, p = 0, f = a, $ = 0, C = 0, w = 0, h = 1, x = 1, v = 1, b = 0, O = "", F = s, D = i, k = n, m = O; x; )
-    switch (w = b, b = A()) {
+function J(e, t, r, n, s, i, a, c, d) {
+  for (var f = 0, p = 0, u = a, $ = 0, C = 0, _ = 0, h = 1, x = 1, v = 1, b = 0, O = "", F = s, D = i, P = n, m = O; x; )
+    switch (_ = b, b = A()) {
       case 40:
-        if (w != 108 && E(m, f - 1) == 58) {
+        if (_ != 108 && E(m, u - 1) == 58) {
           ie(m += g(K(b), "&", "&\f"), "&\f") != -1 && (v = -1);
@@ -217,3 +217,3 @@ break;
       case 32:
-        m += et(w);
+        m += et(_);
         break;
@@ -234,3 +234,3 @@ case 92:
       case 123 * h:
-        c[u++] = P(m) * v;
+        c[f++] = k(m) * v;
       case 125 * h:
@@ -244,3 +244,3 @@ case 59:
           case 59 + p:
-            C > 0 && P(m) - f && z(C > 32 ? me(m + ";", n, r, f - 1) : me(g(m, " ", "") + ";", n, r, f - 2), d);
+            C > 0 && k(m) - u && z(C > 32 ? me(m + ";", n, r, u - 1) : me(g(m, " ", "") + ";", n, r, u - 2), d);
             break;
@@ -250,5 +250,5 @@ case 59:
           default:
-            if (z(k = ge(m, t, r, u, p, s, c, O, F = [], D = [], f), i), b === 123)
+            if (z(P = ge(m, t, r, f, p, s, c, O, F = [], D = [], u), i), b === 123)
               if (p === 0)
-                Z(m, t, k, k, F, i, f, c, D);
+                J(m, t, P, P, F, i, u, c, D);
               else
@@ -259,12 +259,12 @@ switch ($ === 99 && E(m, 3) === 110 ? 100 : $) {
                   case 115:
-                    Z(e, k, k, n && z(ge(e, k, k, 0, 0, s, c, O, s, F = [], f), D), s, D, f, c, n ? F : D);
+                    J(e, P, P, n && z(ge(e, P, P, 0, 0, s, c, O, s, F = [], u), D), s, D, u, c, n ? F : D);
                     break;
                   default:
-                    Z(m, k, k, k, [""], D, 0, c, D);
+                    J(m, P, P, P, [""], D, 0, c, D);
                 }
         }
-        u = p = C = 0, h = v = 1, O = m = "", f = a;
+        f = p = C = 0, h = v = 1, O = m = "", u = a;
         break;
       case 58:
-        f = 1 + P(m), C = w;
+        u = 1 + k(m), C = _;
       default:
@@ -282,9 +282,9 @@ if (h < 1) {
           case 44:
-            c[u++] = (P(m) - 1) * v, v = 1;
+            c[f++] = (k(m) - 1) * v, v = 1;
             break;
           case 64:
-            M() === 45 && (m += K(A())), $ = M(), p = f = P(O = m += nt(Y())), b++;
+            M() === 45 && (m += K(A())), $ = M(), p = u = k(O = m += nt(Y())), b++;
             break;
           case 45:
-            w === 45 && P(m) == 2 && (h = 0);
+            _ === 45 && k(m) == 2 && (h = 0);
         }
@@ -294,7 +294,7 @@ }
 }
-function ge(e, t, r, n, s, i, a, c, d, u, p) {
-  for (var f = s - 1, $ = s === 0 ? i : [""], C = ue($), w = 0, h = 0, x = 0; w < n; ++w)
-    for (var v = 0, b = j(e, f + 1, f = ze(h = a[w])), O = e; v < C; ++v)
-      (O = ke(h > 0 ? $[v] + " " + b : g(b, /&\f/g, $[v]))) && (d[x++] = O);
-  return te(e, t, r, s === 0 ? de : c, d, u, p);
+function ge(e, t, r, n, s, i, a, c, d, f, p) {
+  for (var u = s - 1, $ = s === 0 ? i : [""], C = fe($), _ = 0, h = 0, x = 0; _ < n; ++_)
+    for (var v = 0, b = j(e, u + 1, u = ze(h = a[_])), O = e; v < C; ++v)
+      (O = Pe(h > 0 ? $[v] + " " + b : g(b, /&\f/g, $[v]))) && (d[x++] = O);
+  return te(e, t, r, s === 0 ? de : c, d, f, p);
 }
@@ -308,3 +308,3 @@ function it(e, t, r) {
 function U(e, t) {
-  for (var r = "", n = ue(e), s = 0; s < n; s++)
+  for (var r = "", n = fe(e), s = 0; s < n; s++)
     r += t(e[s], s, e, t) || "";
@@ -325,6 +325,6 @@ return r;
   }
-  return P(r = U(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
+  return k(r = U(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
 }
 function ot(e) {
-  var t = ue(e);
+  var t = fe(e);
   return function(r, n, s, i) {
@@ -351,3 +351,3 @@ for (var a = "", c = 0; c < t; c++)
   return H(t, S);
-}, ut = function(t, r) {
+}, ft = function(t, r) {
   var n = -1, s = 44;
@@ -372,4 +372,4 @@ do
   return t;
-}, ft = function(t, r) {
-  return Te(ut(Me(t), r));
+}, ut = function(t, r) {
+  return Te(ft(Me(t), r));
 }, $e = /* @__PURE__ */ new WeakMap(), ht = function(t) {
@@ -384,5 +384,5 @@ if (!(t.type !== "rule" || !t.parent || // positive .length indicates that this rule contains pseudo
       $e.set(t, !0);
-      for (var i = [], a = ft(r, i), c = n.props, d = 0, u = 0; d < a.length; d++)
-        for (var p = 0; p < c.length; p++, u++)
-          t.props[u] = i[d] ? a[d].replace(/&\f/g, c[p]) : c[p] + " " + a[d];
+      for (var i = [], a = ut(r, i), c = n.props, d = 0, f = 0; d < a.length; d++)
+        for (var p = 0; p < c.length; p++, f++)
+          t.props[f] = i[d] ? a[d].replace(/&\f/g, c[p]) : c[p] + " " + a[d];
     }
@@ -408,7 +408,7 @@ }
         ), d = c.length - 1; d >= 0; d--) {
-          var u = c[d];
-          if (u.line < r.line)
+          var f = c[d];
+          if (f.line < r.line)
             break;
-          if (u.column < r.column) {
-            if (mt(u))
+          if (f.column < r.column) {
+            if (mt(f))
               return;
@@ -471,3 +471,3 @@ break;
     case 2756:
-      return l + e + J + e + N + e + e;
+      return l + e + Z + e + N + e + e;
     case 6828:
@@ -516,3 +516,3 @@ case 4268:
     case 4765:
-      if (P(e) - 1 - t > 6)
+      if (k(e) - 1 - t > 6)
         switch (E(e, t + 1)) {
@@ -523,3 +523,3 @@ case 109:
           case 102:
-            return g(e, /(.+:)(.+)-([^]+)/, "$1" + l + "$2-$3$1" + J + (E(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+            return g(e, /(.+:)(.+)-([^]+)/, "$1" + l + "$2-$3$1" + Z + (E(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
           case 115:
@@ -533,3 +533,3 @@ return ~ie(e, "stretch") ? Ie(g(e, "stretch", "fill-available"), t) + e : e;
     case 6444:
-      switch (E(e, P(e) - 3 - (~ie(e, "!important") && 10))) {
+      switch (E(e, k(e) - 3 - (~ie(e, "!important") && 10))) {
         case 107:
@@ -554,3 +554,3 @@ return g(e, ":", ":" + l) + e;
 }
-var _t = function(t, r, n, s) {
+var wt = function(t, r, n, s) {
   if (t.length > -1 && !t.return)
@@ -567,8 +567,8 @@ switch (t.type) {
         if (t.length)
-          return Je(t.props, function(i) {
-            switch (Ze(i, /(::plac\w+|:read-\w+)/)) {
+          return Ze(t.props, function(i) {
+            switch (Je(i, /(::plac\w+|:read-\w+)/)) {
               case ":read-only":
               case ":read-write":
                 return U([W(t, {
-                  props: [g(i, /:(read-\w+)/, ":" + J + "$1")]
+                  props: [g(i, /:(read-\w+)/, ":" + Z + "$1")]
                 })], s);
@@ -579,3 +579,3 @@ case "::placeholder":
                 }), W(t, {
-                  props: [g(i, /:(plac\w+)/, ":" + J + "$1")]
+                  props: [g(i, /:(plac\w+)/, ":" + Z + "$1")]
                 }), W(t, {
@@ -588,3 +588,3 @@ props: [g(i, /:(plac\w+)/, N + "input-$1")]
     }
-}, wt = [_t], bt = function(t) {
+}, _t = [wt], bt = function(t) {
   var r = t.key;
@@ -601,3 +601,3 @@ if (process.env.NODE_ENV !== "production" && !r)
   }
-  var s = t.stylisPlugins || wt;
+  var s = t.stylisPlugins || _t;
   if (process.env.NODE_ENV !== "production" && /[^a-z-]/.test(r))
@@ -616,14 +616,14 @@ throw new Error('Emotion key must only contain lower case alphabetical characters and - but "' + r + '" was passed');
   );
-  var d, u = [ht, lt];
-  process.env.NODE_ENV !== "production" && u.push($t({
+  var d, f = [ht, lt];
+  process.env.NODE_ENV !== "production" && f.push($t({
     get compat() {
-      return w.compat;
+      return _.compat;
     }
   }), yt);
   {
-    var p, f = [at, process.env.NODE_ENV !== "production" ? function(h) {
+    var p, u = [at, process.env.NODE_ENV !== "production" ? function(h) {
       h.root || (h.return ? p.insert(h.return) : h.value && h.type !== ce && p.insert(h.value + "{}"));
     } : ct(function(h) {
       p.insert(h);
-    })], $ = ot(u.concat(s, f)), C = function(x) {
+    })], $ = ot(f.concat(s, u)), C = function(x) {
       return U(st(x), $);
@@ -636,6 +636,6 @@ };
         }
-      }), C(x ? x + "{" + v.styles + "}" : v.styles), O && (w.inserted[v.name] = !0);
+      }), C(x ? x + "{" + v.styles + "}" : v.styles), O && (_.inserted[v.name] = !0);
     };
   }
-  var w = {
+  var _ = {
     key: r,
@@ -655,3 +655,3 @@ sheet: new Ge({
   };
-  return w.sheet.hydrate(c), w;
+  return _.sheet.hydrate(c), _;
 };
@@ -727,8 +727,8 @@ function Et(e) {
 You can read more about this here:
-https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`, Nt = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).", St = /[A-Z]|^ms/g, Le = /_EMO_([^_]+?)_([^]*?)_EMO_/g, fe = function(t) {
+https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`, Nt = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).", St = /[A-Z]|^ms/g, Le = /_EMO_([^_]+?)_([^]*?)_EMO_/g, ue = function(t) {
   return t.charCodeAt(1) === 45;
-}, _e = function(t) {
+}, we = function(t) {
   return t != null && typeof t != "boolean";
 }, re = /* @__PURE__ */ dt(function(e) {
-  return fe(e) ? e : e.replace(St, "-$&").toLowerCase();
+  return ue(e) ? e : e.replace(St, "-$&").toLowerCase();
 }), X = function(t, r) {
@@ -747,6 +747,6 @@ switch (t) {
   }
-  return xt[t] !== 1 && !fe(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
+  return xt[t] !== 1 && !ue(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
 };
 if (process.env.NODE_ENV !== "production") {
-  var Ct = /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/, At = ["normal", "none", "initial", "inherit", "unset"], Rt = X, Ot = /^-ms-/, kt = /-(.)/g, we = {};
+  var Ct = /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/, At = ["normal", "none", "initial", "inherit", "unset"], Rt = X, Ot = /^-ms-/, Pt = /-(.)/g, _e = {};
   X = function(t, r) {
@@ -756,3 +756,3 @@ if (t === "content" && (typeof r != "string" || At.indexOf(r) === -1 && !Ct.test(r) && (r.charAt(0) !== r.charAt(r.length - 1) || r.charAt(0) !== '"' && r.charAt(0) !== "'")))
     var n = Rt(t, r);
-    return n !== "" && !fe(t) && t.indexOf("-") !== -1 && we[t] === void 0 && (we[t] = !0, console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + t.replace(Ot, "ms-").replace(kt, function(s, i) {
+    return n !== "" && !ue(t) && t.indexOf("-") !== -1 && _e[t] === void 0 && (_e[t] = !0, console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + t.replace(Ot, "ms-").replace(Pt, function(s, i) {
       return i.toUpperCase();
@@ -793,3 +793,3 @@ }) + "?")), n;
       }
-      return Pt(e, t, r);
+      return kt(e, t, r);
     }
@@ -806,3 +806,3 @@ case "function": {
       if (process.env.NODE_ENV !== "production") {
-        var c = [], d = r.replace(Le, function(p, f, $) {
+        var c = [], d = r.replace(Le, function(p, u, $) {
           var C = "animation" + c.length;
@@ -822,6 +822,6 @@ return c.push("const " + C + " = keyframes`" + $.replace(/^@keyframes animation-\w+/, "") + "`"), "${" + C + "}";
     return r;
-  var u = t[r];
-  return u !== void 0 ? u : r;
+  var f = t[r];
+  return f !== void 0 ? f : r;
 }
-function Pt(e, t, r) {
+function kt(e, t, r) {
   var n = "";
@@ -835,3 +835,3 @@ if (Array.isArray(r))
       if (typeof a != "object")
-        t != null && t[a] !== void 0 ? n += i + "{" + t[a] + "}" : _e(a) && (n += re(i) + ":" + X(i, a) + ";");
+        t != null && t[a] !== void 0 ? n += i + "{" + t[a] + "}" : we(a) && (n += re(i) + ":" + X(i, a) + ";");
       else {
@@ -842,3 +842,3 @@ if (i === "NO_COMPONENT_SELECTOR" && process.env.NODE_ENV !== "production")
           for (var c = 0; c < a.length; c++)
-            _e(a[c]) && (n += re(i) + ":" + X(i, a[c]) + ";");
+            we(a[c]) && (n += re(i) + ":" + X(i, a[c]) + ";");
         else {
@@ -875,8 +875,8 @@ var d = G(e, t, a);
   })), be.lastIndex = 0;
-  for (var u = "", p; (p = be.exec(i)) !== null; )
-    u += "-" + // $FlowFixMe we know it's not null
+  for (var f = "", p; (p = be.exec(i)) !== null; )
+    f += "-" + // $FlowFixMe we know it's not null
     p[1];
-  var f = Et(i) + u;
+  var u = Et(i) + f;
   return process.env.NODE_ENV !== "production" ? {
-    name: f,
+    name: u,
     styles: i,
@@ -889,3 +889,3 @@ map: d,
   } : {
-    name: f,
+    name: u,
     styles: i,
@@ -939,23 +939,23 @@ next: R
   var n = function() {
-    for (var d = arguments.length, u = new Array(d), p = 0; p < d; p++)
-      u[p] = arguments[p];
-    var f = ne(u, r.registered, void 0);
-    return Dt(r, f, !1), r.key + "-" + f.name;
+    for (var d = arguments.length, f = new Array(d), p = 0; p < d; p++)
+      f[p] = arguments[p];
+    var u = ne(f, r.registered, void 0);
+    return Dt(r, u, !1), r.key + "-" + u.name;
   }, s = function() {
-    for (var d = arguments.length, u = new Array(d), p = 0; p < d; p++)
-      u[p] = arguments[p];
-    var f = ne(u, r.registered), $ = "animation-" + f.name;
+    for (var d = arguments.length, f = new Array(d), p = 0; p < d; p++)
+      f[p] = arguments[p];
+    var u = ne(f, r.registered), $ = "animation-" + u.name;
     return Ee(r, {
-      name: f.name,
-      styles: "@keyframes " + $ + "{" + f.styles + "}"
+      name: u.name,
+      styles: "@keyframes " + $ + "{" + u.styles + "}"
     }), $;
   }, i = function() {
-    for (var d = arguments.length, u = new Array(d), p = 0; p < d; p++)
-      u[p] = arguments[p];
-    var f = ne(u, r.registered);
-    Ee(r, f);
+    for (var d = arguments.length, f = new Array(d), p = 0; p < d; p++)
+      f[p] = arguments[p];
+    var u = ne(f, r.registered);
+    Ee(r, u);
   }, a = function() {
-    for (var d = arguments.length, u = new Array(d), p = 0; p < d; p++)
-      u[p] = arguments[p];
-    return xe(r.registered, n, Lt(u));
+    for (var d = arguments.length, f = new Array(d), p = 0; p < d; p++)
+      f[p] = arguments[p];
+    return xe(r.registered, n, Lt(f));
   };
@@ -968,4 +968,4 @@ return {
     hydrate: function(d) {
-      d.forEach(function(u) {
-        r.inserted[u] = !0;
+      d.forEach(function(f) {
+        r.inserted[f] = !0;
       });
@@ -1013,6 +1013,6 @@ },
     super(...arguments);
-    o(this, "_$tag", "Spacer");
+    o(this, "isSpacer", !0);
   }
   Body() {
-    const r = new _.HtmlNode("div");
+    const r = new w.HtmlNode("div");
     return r._$addProp("className", I`
@@ -1025,3 +1025,3 @@ flex-grow: 1;
   if (![le.HTML, le.Text].includes(e._$nodeType)) {
-    if (e._$tag === "Spacer")
+    if (e.isSpacer)
       return !0;
@@ -1047,3 +1047,2 @@ for (let t of e._$nodes ?? [])
     });
-    o(this, "_$tag", "HStack");
     o(this, "_$$spacing", "_$prop");
@@ -1071,3 +1070,3 @@ o(this, "spacing", 10);
   Body() {
-    const r = new _.HtmlNode("div");
+    const r = new w.HtmlNode("div");
     return r._$addProp("className", () => I`
@@ -1080,7 +1079,7 @@ height: ${this.height};
             `, this, ["height", "width", "spacing"]), r._$addNodes((() => {
-      const n = new _.ForNode();
+      const n = new w.ForNode();
       return n._$addNodess(() => Array.from(this._$children).map((s) => (() => {
-        const i = new _.IfNode();
-        return i._$addCond(() => he(s), () => [new _.ExpressionNode(s)]), i._$addCond(() => !0, () => {
-          const a = new _.ExpressionNode(s);
+        const i = new w.IfNode();
+        return i._$addCond(() => he(s), () => [new w.ExpressionNode(s)]), i._$addCond(() => !0, () => {
+          const a = new w.ExpressionNode(s);
           return a._$addProp("className", () => I`
@@ -1108,3 +1107,2 @@ flex-shrink: 0;
     });
-    o(this, "_$tag", "VStack");
     o(this, "_$$spacing", "_$prop");
@@ -1132,3 +1130,3 @@ o(this, "spacing", 10);
   Body() {
-    const r = new _.HtmlNode("div");
+    const r = new w.HtmlNode("div");
     return r._$addProp("className", () => I`
@@ -1141,7 +1139,7 @@ height: ${this.height};
             `, this, ["height", "width", "spacing"]), r._$addNodes((() => {
-      const n = new _.ForNode();
+      const n = new w.ForNode();
       return n._$addNodess(() => Array.from(this._$children).map((s) => (() => {
-        const i = new _.IfNode();
-        return i._$addCond(() => he(s), () => [new _.ExpressionNode(s)]), i._$addCond(() => !0, () => {
-          const a = new _.ExpressionNode(s);
+        const i = new w.IfNode();
+        return i._$addCond(() => he(s), () => [new w.ExpressionNode(s)]), i._$addCond(() => !0, () => {
+          const a = new w.ExpressionNode(s);
           return a._$addProp("className", () => I`
@@ -1165,3 +1163,2 @@ flex-shrink: 0;
     });
-    o(this, "_$tag", "ZStack");
     o(this, "_$$hAlignment", "_$prop");
@@ -1177,3 +1174,3 @@ o(this, "hAlignment", "center");
   Body() {
-    const r = new _.HtmlNode("div");
+    const r = new w.HtmlNode("div");
     return r._$addProp("className", () => I`
@@ -1194,5 +1191,5 @@ height: ${this.height};
             `, this, ["height", "width", "vAlignment", "hAlignment"]), r._$addNodes((() => {
-      const n = new _.ForNode();
+      const n = new w.ForNode();
       return n._$addNodess(() => Array.from(this._$children).map((s) => (() => {
-        const i = new _.ExpressionNode(s);
+        const i = new w.ExpressionNode(s);
         return i._$addProp("className", I`
@@ -1253,3 +1250,2 @@ position: relative;
     });
-    o(this, "_$tag", "Route");
     o(this, "_$$_$content", "_$prop");
@@ -1260,3 +1256,3 @@ o(this, "_$content", " none");
   Body() {
-    return [new _.ExpressionNode(this._$children)];
+    return [new w.ExpressionNode(this._$children)];
   }
@@ -1279,3 +1275,2 @@ }
     });
-    o(this, "_$tag", "RouterSpace");
     o(this, "_$$mode", "_$prop");
@@ -1301,4 +1296,4 @@ o(this, "mode", "history");
           a = a.replace(/^(\.\/)+/, "");
-          const d = a === "." && n === "", u = (n + "/").startsWith(a + "/");
-          c = d || u || a === " none";
+          const d = a === "." && n === "", f = (n + "/").startsWith(a + "/");
+          c = d || f || a === " none";
         } else
@@ -1372,4 +1367,4 @@ a instanceof RegExp && (c = a.test(n));
   Body() {
-    const r = new _.EnvNode();
-    return r._$addNodes((() => [new _.ExpressionNode(() => this.showedRoute, this, ["showedRoute"])])()), r._$addProp("RouteParam", () => ({
+    const r = new w.EnvNode();
+    return r._$addNodes((() => [new w.ExpressionNode(() => this.showedRoute, this, ["showedRoute"])])()), r._$addProp("RouteParam", () => ({
       path: this.currUrl,
@@ -1380,3 +1375,3 @@ navigator: this.navigator
 }
-class Zt extends T {
+class Jt extends T {
   constructor() {
@@ -1389,3 +1384,2 @@ super(...arguments);
     });
-    o(this, "_$tag", "Transition");
     o(this, "_$$duration", "_$prop");
@@ -1399,3 +1393,3 @@ o(this, "duration", 0.5);
   Body() {
-    const r = new _.ExpressionNode(this._$children);
+    const r = new w.ExpressionNode(this._$children);
     return r._$addProp("className", () => I`
@@ -1406,3 +1400,3 @@ transition: all ${this.duration}s ${this.easing} ${this.delay}s;
 }
-class Jt extends T {
+class Zt extends T {
   constructor() {
@@ -1418,3 +1412,2 @@ super(...arguments);
     });
-    o(this, "_$tag", "TransitionGroup");
     o(this, "_$duration", 0.5);
@@ -1486,3 +1479,3 @@ o(this, "_$easing", "ease-in-out");
   Body() {
-    const r = new _.ExpressionNode(this._$children);
+    const r = new w.ExpressionNode(this._$children);
     return r._$onUpdateNodes(() => {
@@ -1559,14 +1552,14 @@ for (let [n, s] of this.prevElInfos.entries())
 function Bt(e, t, r, n, s, i, a) {
-  let c, d, u = !1;
+  let c, d, f = !1;
   const p = `all ${t}s ${r} ${n}s`;
-  function f($) {
+  function u($) {
     c === void 0 && (c = $, e.style.transition = p + ", transform 0s");
     const C = $ - c;
     if (d !== $) {
-      const w = Math.max(C / (t * 1e3) - n, 0), h = w * s, x = w * i;
-      w >= 1 ? (e.style.transform = "", u = !0) : e.style.transform = `translate(${s - h}px, ${i - x}px)`, a.rect = e.getBoundingClientRect();
+      const _ = Math.max(C / (t * 1e3) - n, 0), h = _ * s, x = _ * i;
+      _ >= 1 ? (e.style.transform = "", f = !0) : e.style.transform = `translate(${s - h}px, ${i - x}px)`, a.rect = e.getBoundingClientRect();
     }
-    d = $, !u && !a.stopTrigger ? requestAnimationFrame(f) : e.style.transition = p;
+    d = $, !f && !a.stopTrigger ? requestAnimationFrame(u) : e.style.transition = p;
   }
-  requestAnimationFrame(f);
+  requestAnimationFrame(u);
 }
@@ -1579,3 +1572,2 @@ class Xt extends T {
     });
-    o(this, "_$tag", "Case");
     o(this, "_$$_$content", "_$prop");
@@ -1599,3 +1591,2 @@ o(this, "_$content", " default");
     });
-    o(this, "_$tag", "Switch");
     o(this, "_$$_$content", "_$prop");
@@ -1619,3 +1610,3 @@ o(this, "_$content", Ft);
   Body() {
-    return [new _.ExpressionNode(() => this.caseChildren, this, ["caseChildren"])];
+    return [new w.ExpressionNode(() => this.caseChildren, this, ["caseChildren"])];
   }
@@ -1631,6 +1622,6 @@ }
   Qt as Switch,
-  Zt as Transition,
-  Jt as TransitionGroup,
+  Jt as Transition,
+  Zt as TransitionGroup,
   Ht as VStack,
   zt as ZStack
 };

package.json

 {
   "name": "@dlightjs/components",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "type": "module",
@@ -15,8 +15,8 @@ "files": [
     "vite-plugin-dts": "^1.7.1",
-    "@dlightjs/useless": "0.0.3",
-    "vite-plugin-dlight-transpiler": "0.4.1"
+    "@dlightjs/types": "0.0.2",
+    "vite-plugin-dlight-transpiler": "0.4.3"
   },
   "dependencies": {
     "@emotion/css": "^11.10.6",
-    "@dlightjs/dlight": "0.4.8"
+    "@dlightjs/dlight": "0.4.9"
   },
@@ -23,0 +23,0 @@ "scripts": {

No alert changes

Worsened metrics

Total package byte prevSize

96365

decreased by-0.59%

Lines of code

1744

decreased by-0.57%

Dependency changes

• + Added@dlightjs/dlight@0.4.9(transitive)

• - Removed@dlightjs/dlight@0.4.8(transitive)

• Updated@dlightjs/dlight@0.4.9