@versini/ui-styles 1.4.1 → 1.5.1

package/README.md

@@ -1,27 +1,3 @@
-# React + TypeScript + Vite
+# @versini/ui-styles
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
-
-- Configure the top-level `parserOptions` property like this:
-
-```js
-   parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-    project: ['./tsconfig.json', './tsconfig.node.json'],
-    tsconfigRootDir: __dirname,
-   },
-```
-
-- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
-- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
-- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
+Required package to handle styles via TailwindCSS, including Typography.

package/dist/index.js

@@ -54,13 +54,13 @@ var Rr = { exports: {} };
 (function(e, t) {
   var r = 200, i = "__lodash_hash_undefined__", n = 800, a = 16, u = 9007199254740991, p = "[object Arguments]", s = "[object Array]", l = "[object AsyncFunction]", d = "[object Boolean]", g = "[object Date]", b = "[object Error]", M = "[object Function]", I = "[object GeneratorFunction]", c = "[object Map]", m = "[object Number]", _ = "[object Null]", T = "[object Object]", k = "[object Proxy]", E = "[object RegExp]", x = "[object Set]", L = "[object String]", N = "[object Undefined]", $ = "[object WeakMap]", A = "[object ArrayBuffer]", R = "[object DataView]", G = "[object Float32Array]", ee = "[object Float64Array]", ge = "[object Int8Array]", le = "[object Int16Array]", ve = "[object Int32Array]", V = "[object Uint8Array]", ye = "[object Uint8ClampedArray]", ke = "[object Uint16Array]", Ne = "[object Uint32Array]", Pe = /[\\^$.*+?()[\]{}|]/g, q = /^\[object .+?Constructor\]$/, B = /^(?:0|[1-9]\d*)$/, O = {};
   O[G] = O[ee] = O[ge] = O[le] = O[ve] = O[V] = O[ye] = O[ke] = O[Ne] = !0, O[p] = O[s] = O[A] = O[d] = O[R] = O[g] = O[b] = O[M] = O[c] = O[m] = O[T] = O[E] = O[x] = O[L] = O[$] = !1;
-  var w = typeof st == "object" && st && st.Object === Object && st, z = typeof self == "object" && self && self.Object === Object && self, H = w || z || Function("return this")(), S = t && !t.nodeType && t, X = S && !0 && e && !e.nodeType && e, ne = X && X.exports === S, Z = ne && w.process, W = function() {
+  var w = typeof st == "object" && st && st.Object === Object && st, z = typeof self == "object" && self && self.Object === Object && self, U = w || z || Function("return this")(), S = t && !t.nodeType && t, X = S && !0 && e && !e.nodeType && e, ne = X && X.exports === S, Z = ne && w.process, j = function() {
     try {
       var f = X && X.require && X.require("util").types;
       return f || Z && Z.binding && Z.binding("util");
     } catch {
     }
-  }(), ae = W && W.isTypedArray;
+  }(), ae = j && j.isTypedArray;
   function me(f, v, y) {
     switch (y.length) {
       case 0:
@@ -92,18 +92,18 @@ var Rr = { exports: {} };
       return f(v(y));
     };
   }
-  var Me = Array.prototype, _e = Function.prototype, Se = Object.prototype, Oe = H["__core-js_shared__"], Ae = _e.toString, Le = Se.hasOwnProperty, Je = function() {
+  var Me = Array.prototype, _e = Function.prototype, Se = Object.prototype, Oe = U["__core-js_shared__"], Ae = _e.toString, Le = Se.hasOwnProperty, Je = function() {
     var f = /[^.]+$/.exec(Oe && Oe.keys && Oe.keys.IE_PROTO || "");
     return f ? "Symbol(src)_1." + f : "";
   }(), Ye = Se.toString, Vt = Ae.call(Object), Jt = RegExp(
     "^" + Ae.call(Le).replace(Pe, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), it = ne ? H.Buffer : void 0, Tt = H.Symbol, xt = H.Uint8Array, St = it ? it.allocUnsafe : void 0, Pn = $e(Object.getPrototypeOf, Object), Ln = Object.create, _o = Se.propertyIsEnumerable, To = Me.splice, Ze = Tt ? Tt.toStringTag : void 0, kt = function() {
+  ), it = ne ? U.Buffer : void 0, Tt = U.Symbol, xt = U.Uint8Array, St = it ? it.allocUnsafe : void 0, Pn = $e(Object.getPrototypeOf, Object), Ln = Object.create, _o = Se.propertyIsEnumerable, To = Me.splice, Ze = Tt ? Tt.toStringTag : void 0, kt = function() {
     try {
       var f = er(Object, "defineProperty");
       return f({}, "", {}), f;
     } catch {
     }
-  }(), xo = it ? it.isBuffer : void 0, In = Math.max, So = Date.now, An = er(H, "Map"), pt = er(Object, "create"), ko = /* @__PURE__ */ function() {
+  }(), xo = it ? it.isBuffer : void 0, In = Math.max, So = Date.now, An = er(U, "Map"), pt = er(Object, "create"), ko = /* @__PURE__ */ function() {
     function f() {
     }
     return function(v) {
@@ -950,7 +950,7 @@ var La = pn.exports;
 })(yi);
 let fr = yi;
 var Ti = (fr.__esModule ? fr : { default: fr }).default;
-const j = /* @__PURE__ */ dn(Ti), h = Ti, Y = (e) => e.toFixed(7).replace(/(\.[0-9]+?)0+$/, "$1").replace(/\.0$/, ""), Ee = (e) => `${Y(e / 16)}rem`, o = (e, t) => `${Y(e / t)}em`, Fe = (e) => {
+const H = /* @__PURE__ */ dn(Ti), h = Ti, Y = (e) => e.toFixed(7).replace(/(\.[0-9]+?)0+$/, "$1").replace(/\.0$/, ""), Ee = (e) => `${Y(e / 16)}rem`, o = (e, t) => `${Y(e / t)}em`, Fe = (e) => {
   e = e.replace("#", ""), e = e.length === 3 ? e.replace(/./g, "$&$&") : e;
   const t = parseInt(e.substring(0, 2), 16), r = parseInt(e.substring(2, 4), 16), i = parseInt(e.substring(4, 6), 16);
   return `${t} ${r} ${i}`;
@@ -3933,8 +3933,8 @@ F.combinator = Ys;
     var O = {}, w = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for (var z in q)
       if (Object.prototype.hasOwnProperty.call(q, z)) {
-        var H = w ? Object.getOwnPropertyDescriptor(q, z) : null;
-        H && (H.get || H.set) ? Object.defineProperty(O, z, H) : O[z] = q[z];
+        var U = w ? Object.getOwnPropertyDescriptor(q, z) : null;
+        U && (U.get || U.set) ? Object.defineProperty(O, z, U) : O[z] = q[z];
       }
     return O.default = q, B && B.set(q, O), O;
   }
@@ -4012,7 +4012,7 @@ F.combinator = Ys;
       this.root = new r.default({
         source: z
       }), this.root.errorGenerator = this._errorGenerator();
-      var H = new i.default({
+      var U = new i.default({
         source: {
           start: {
             line: 1,
@@ -4020,13 +4020,13 @@ F.combinator = Ys;
           }
         }
       });
-      this.root.append(H), this.current = H, this.loop();
+      this.root.append(U), this.current = U, this.loop();
     }
     var B = q.prototype;
     return B._errorGenerator = function() {
       var w = this;
-      return function(z, H) {
-        return typeof w.rule == "string" ? new Error(z) : w.rule.error(z, H);
+      return function(z, U) {
+        return typeof w.rule == "string" ? new Error(z) : w.rule.error(z, U);
       };
     }, B.attribute = function() {
       var w = [], z = this.currToken;
@@ -4034,67 +4034,67 @@ F.combinator = Ys;
         w.push(this.currToken), this.position++;
       if (this.currToken[c.FIELDS.TYPE] !== m.closeSquare)
         return this.expected("closing square bracket", this.currToken[c.FIELDS.START_POS]);
-      var H = w.length, S = {
+      var U = w.length, S = {
         source: le(z[1], z[2], this.currToken[3], this.currToken[4]),
         sourceIndex: z[c.FIELDS.START_POS]
       };
-      if (H === 1 && !~[m.word].indexOf(w[0][c.FIELDS.TYPE]))
+      if (U === 1 && !~[m.word].indexOf(w[0][c.FIELDS.TYPE]))
         return this.expected("attribute", w[0][c.FIELDS.START_POS]);
-      for (var X = 0, ne = "", Z = "", W = null, ae = !1; X < H; ) {
+      for (var X = 0, ne = "", Z = "", j = null, ae = !1; X < U; ) {
         var me = w[X], Q = this.content(me), ce = w[X + 1];
         switch (me[c.FIELDS.TYPE]) {
           case m.space:
             if (ae = !0, this.options.lossy)
               break;
-            if (W) {
-              (0, T.ensureObject)(S, "spaces", W);
-              var Ce = S.spaces[W].after || "";
-              S.spaces[W].after = Ce + Q;
-              var $e = (0, T.getProp)(S, "raws", "spaces", W, "after") || null;
-              $e && (S.raws.spaces[W].after = $e + Q);
+            if (j) {
+              (0, T.ensureObject)(S, "spaces", j);
+              var Ce = S.spaces[j].after || "";
+              S.spaces[j].after = Ce + Q;
+              var $e = (0, T.getProp)(S, "raws", "spaces", j, "after") || null;
+              $e && (S.raws.spaces[j].after = $e + Q);
             } else
               ne = ne + Q, Z = Z + Q;
             break;
           case m.asterisk:
             if (ce[c.FIELDS.TYPE] === m.equals)
-              S.operator = Q, W = "operator";
-            else if ((!S.namespace || W === "namespace" && !ae) && ce) {
+              S.operator = Q, j = "operator";
+            else if ((!S.namespace || j === "namespace" && !ae) && ce) {
               ne && ((0, T.ensureObject)(S, "spaces", "attribute"), S.spaces.attribute.before = ne, ne = ""), Z && ((0, T.ensureObject)(S, "raws", "spaces", "attribute"), S.raws.spaces.attribute.before = ne, Z = ""), S.namespace = (S.namespace || "") + Q;
               var Me = (0, T.getProp)(S, "raws", "namespace") || null;
-              Me && (S.raws.namespace += Q), W = "namespace";
+              Me && (S.raws.namespace += Q), j = "namespace";
             }
             ae = !1;
             break;
           case m.dollar:
-            if (W === "value") {
+            if (j === "value") {
               var _e = (0, T.getProp)(S, "raws", "value");
               S.value += "$", _e && (S.raws.value = _e + "$");
               break;
             }
           case m.caret:
-            ce[c.FIELDS.TYPE] === m.equals && (S.operator = Q, W = "operator"), ae = !1;
+            ce[c.FIELDS.TYPE] === m.equals && (S.operator = Q, j = "operator"), ae = !1;
             break;
           case m.combinator:
-            if (Q === "~" && ce[c.FIELDS.TYPE] === m.equals && (S.operator = Q, W = "operator"), Q !== "|") {
+            if (Q === "~" && ce[c.FIELDS.TYPE] === m.equals && (S.operator = Q, j = "operator"), Q !== "|") {
               ae = !1;
               break;
             }
-            ce[c.FIELDS.TYPE] === m.equals ? (S.operator = Q, W = "operator") : !S.namespace && !S.attribute && (S.namespace = !0), ae = !1;
+            ce[c.FIELDS.TYPE] === m.equals ? (S.operator = Q, j = "operator") : !S.namespace && !S.attribute && (S.namespace = !0), ae = !1;
             break;
           case m.word:
             if (ce && this.content(ce) === "|" && w[X + 2] && w[X + 2][c.FIELDS.TYPE] !== m.equals && // this look-ahead probably fails with comment nodes involved.
             !S.operator && !S.namespace)
-              S.namespace = Q, W = "namespace";
-            else if (!S.attribute || W === "attribute" && !ae) {
+              S.namespace = Q, j = "namespace";
+            else if (!S.attribute || j === "attribute" && !ae) {
               ne && ((0, T.ensureObject)(S, "spaces", "attribute"), S.spaces.attribute.before = ne, ne = ""), Z && ((0, T.ensureObject)(S, "raws", "spaces", "attribute"), S.raws.spaces.attribute.before = Z, Z = ""), S.attribute = (S.attribute || "") + Q;
               var Se = (0, T.getProp)(S, "raws", "attribute") || null;
-              Se && (S.raws.attribute += Q), W = "attribute";
-            } else if (!S.value && S.value !== "" || W === "value" && !ae) {
+              Se && (S.raws.attribute += Q), j = "attribute";
+            } else if (!S.value && S.value !== "" || j === "value" && !ae) {
               var Oe = (0, T.unesc)(Q), Ae = (0, T.getProp)(S, "raws", "value") || "", Le = S.value || "";
-              S.value = Le + Oe, S.quoteMark = null, (Oe !== Q || Ae) && ((0, T.ensureObject)(S, "raws"), S.raws.value = (Ae || Le) + Q), W = "value";
+              S.value = Le + Oe, S.quoteMark = null, (Oe !== Q || Ae) && ((0, T.ensureObject)(S, "raws"), S.raws.value = (Ae || Le) + Q), j = "value";
             } else {
               var Je = Q === "i" || Q === "I";
-              (S.value || S.value === "") && (S.quoteMark || ae) ? (S.insensitive = Je, (!Je || Q === "I") && ((0, T.ensureObject)(S, "raws"), S.raws.insensitiveFlag = Q), W = "insensitive", ne && ((0, T.ensureObject)(S, "spaces", "insensitive"), S.spaces.insensitive.before = ne, ne = ""), Z && ((0, T.ensureObject)(S, "raws", "spaces", "insensitive"), S.raws.spaces.insensitive.before = Z, Z = "")) : (S.value || S.value === "") && (W = "value", S.value += Q, S.raws.value && (S.raws.value += Q));
+              (S.value || S.value === "") && (S.quoteMark || ae) ? (S.insensitive = Je, (!Je || Q === "I") && ((0, T.ensureObject)(S, "raws"), S.raws.insensitiveFlag = Q), j = "insensitive", ne && ((0, T.ensureObject)(S, "spaces", "insensitive"), S.spaces.insensitive.before = ne, ne = ""), Z && ((0, T.ensureObject)(S, "raws", "spaces", "insensitive"), S.raws.spaces.insensitive.before = Z, Z = "")) : (S.value || S.value === "") && (j = "value", S.value += Q, S.raws.value && (S.raws.value += Q));
             }
             ae = !1;
             break;
@@ -4104,7 +4104,7 @@ F.combinator = Ys;
                 index: me[c.FIELDS.START_POS]
               });
             var Ye = (0, d.unescapeValue)(Q), Vt = Ye.unescaped, Jt = Ye.quoteMark;
-            S.value = Vt, S.quoteMark = Jt, W = "value", (0, T.ensureObject)(S, "raws"), S.raws.value = Q, ae = !1;
+            S.value = Vt, S.quoteMark = Jt, j = "value", (0, T.ensureObject)(S, "raws"), S.raws.value = Q, ae = !1;
             break;
           case m.equals:
             if (!S.attribute)
@@ -4113,16 +4113,16 @@ F.combinator = Ys;
               return this.error('Unexpected "=" found; an operator was already defined.', {
                 index: me[c.FIELDS.START_POS]
               });
-            S.operator = S.operator ? S.operator + Q : Q, W = "operator", ae = !1;
+            S.operator = S.operator ? S.operator + Q : Q, j = "operator", ae = !1;
             break;
           case m.comment:
-            if (W)
-              if (ae || ce && ce[c.FIELDS.TYPE] === m.space || W === "insensitive") {
-                var it = (0, T.getProp)(S, "spaces", W, "after") || "", Tt = (0, T.getProp)(S, "raws", "spaces", W, "after") || it;
-                (0, T.ensureObject)(S, "raws", "spaces", W), S.raws.spaces[W].after = Tt + Q;
+            if (j)
+              if (ae || ce && ce[c.FIELDS.TYPE] === m.space || j === "insensitive") {
+                var it = (0, T.getProp)(S, "spaces", j, "after") || "", Tt = (0, T.getProp)(S, "raws", "spaces", j, "after") || it;
+                (0, T.ensureObject)(S, "raws", "spaces", j), S.raws.spaces[j].after = Tt + Q;
               } else {
-                var xt = S[W] || "", St = (0, T.getProp)(S, "raws", W) || xt;
-                (0, T.ensureObject)(S, "raws"), S.raws[W] = St + Q;
+                var xt = S[j] || "", St = (0, T.getProp)(S, "raws", j) || xt;
+                (0, T.ensureObject)(S, "raws"), S.raws[j] = St + Q;
               }
             else
               Z = Z + Q;
@@ -4137,7 +4137,7 @@ F.combinator = Ys;
       ye(S, "attribute"), ye(S, "namespace"), this.newNode(new d.default(S)), this.position++;
     }, B.parseWhitespaceEquivalentTokens = function(w) {
       w < 0 && (w = this.tokens.length);
-      var z = this.position, H = [], S = "", X = void 0;
+      var z = this.position, U = [], S = "", X = void 0;
       do
         if (R[this.currToken[c.FIELDS.TYPE]])
           this.options.lossy || (S += this.content());
@@ -4148,17 +4148,17 @@ F.combinator = Ys;
             source: ve(this.currToken),
             sourceIndex: this.currToken[c.FIELDS.START_POS],
             spaces: ne
-          }), H.push(X);
+          }), U.push(X);
         }
       while (++this.position < w);
       if (S) {
         if (X)
           X.spaces.after = S;
         else if (!this.options.lossy) {
-          var Z = this.tokens[z], W = this.tokens[this.position - 1];
-          H.push(new s.default({
+          var Z = this.tokens[z], j = this.tokens[this.position - 1];
+          U.push(new s.default({
             value: "",
-            source: le(Z[c.FIELDS.START_LINE], Z[c.FIELDS.START_COL], W[c.FIELDS.END_LINE], W[c.FIELDS.END_COL]),
+            source: le(Z[c.FIELDS.START_LINE], Z[c.FIELDS.START_COL], j[c.FIELDS.END_LINE], j[c.FIELDS.END_COL]),
             sourceIndex: Z[c.FIELDS.START_POS],
             spaces: {
               before: S,
@@ -4167,14 +4167,14 @@ F.combinator = Ys;
           }));
         }
       }
-      return H;
+      return U;
     }, B.convertWhitespaceNodesToSpace = function(w, z) {
-      var H = this;
+      var U = this;
       z === void 0 && (z = !1);
       var S = "", X = "";
       w.forEach(function(Z) {
-        var W = H.lossySpace(Z.spaces.before, z), ae = H.lossySpace(Z.rawSpaceBefore, z);
-        S += W + H.lossySpace(Z.spaces.after, z && W.length === 0), X += W + Z.value + H.lossySpace(Z.rawSpaceAfter, z && ae.length === 0);
+        var j = U.lossySpace(Z.spaces.before, z), ae = U.lossySpace(Z.rawSpaceBefore, z);
+        S += j + U.lossySpace(Z.spaces.after, z && j.length === 0), X += j + Z.value + U.lossySpace(Z.rawSpaceAfter, z && ae.length === 0);
       }), X === S && (X = void 0);
       var ne = {
         space: S,
@@ -4185,13 +4185,13 @@ F.combinator = Ys;
       return w === void 0 && (w = this.position), this.tokens[w + 0] && this.tokens[w + 0][c.FIELDS.TYPE] === m.slash && this.tokens[w + 1] && this.tokens[w + 1][c.FIELDS.TYPE] === m.word && this.tokens[w + 2] && this.tokens[w + 2][c.FIELDS.TYPE] === m.slash;
     }, B.namedCombinator = function() {
       if (this.isNamedCombinator()) {
-        var w = this.content(this.tokens[this.position + 1]), z = (0, T.unesc)(w).toLowerCase(), H = {};
-        z !== w && (H.value = "/" + w + "/");
+        var w = this.content(this.tokens[this.position + 1]), z = (0, T.unesc)(w).toLowerCase(), U = {};
+        z !== w && (U.value = "/" + w + "/");
         var S = new b.default({
           value: "/" + z + "/",
           source: le(this.currToken[c.FIELDS.START_LINE], this.currToken[c.FIELDS.START_COL], this.tokens[this.position + 2][c.FIELDS.END_LINE], this.tokens[this.position + 2][c.FIELDS.END_COL]),
           sourceIndex: this.currToken[c.FIELDS.START_POS],
-          raws: H
+          raws: U
         });
         return this.position = this.position + 3, S;
       } else
@@ -4202,20 +4202,20 @@ F.combinator = Ys;
         return this.namespace();
       var z = this.locateNextMeaningfulToken(this.position);
       if (z < 0 || this.tokens[z][c.FIELDS.TYPE] === m.comma) {
-        var H = this.parseWhitespaceEquivalentTokens(z);
-        if (H.length > 0) {
+        var U = this.parseWhitespaceEquivalentTokens(z);
+        if (U.length > 0) {
           var S = this.current.last;
           if (S) {
-            var X = this.convertWhitespaceNodesToSpace(H), ne = X.space, Z = X.rawSpace;
+            var X = this.convertWhitespaceNodesToSpace(U), ne = X.space, Z = X.rawSpace;
             Z !== void 0 && (S.rawSpaceAfter += Z), S.spaces.after += ne;
           } else
-            H.forEach(function(Ae) {
+            U.forEach(function(Ae) {
               return w.newNode(Ae);
             });
         }
         return;
       }
-      var W = this.currToken, ae = void 0;
+      var j = this.currToken, ae = void 0;
       z > this.position && (ae = this.parseWhitespaceEquivalentTokens(z));
       var me;
       if (this.isNamedCombinator() ? me = this.namedCombinator() : this.currToken[c.FIELDS.TYPE] === m.combinator ? (me = new b.default({
@@ -4235,8 +4235,8 @@ F.combinator = Ys;
         };
         Me.endsWith(" ") && _e.endsWith(" ") ? (Se.before = Me.slice(0, Me.length - 1), Oe.spaces.before = _e.slice(0, _e.length - 1)) : Me.startsWith(" ") && _e.startsWith(" ") ? (Se.after = Me.slice(1), Oe.spaces.after = _e.slice(1)) : Oe.value = _e, me = new b.default({
           value: " ",
-          source: V(W, this.tokens[this.position - 1]),
-          sourceIndex: W[c.FIELDS.START_POS],
+          source: V(j, this.tokens[this.position - 1]),
+          sourceIndex: j[c.FIELDS.START_POS],
           spaces: Se,
           raws: Oe
         });
@@ -4296,12 +4296,12 @@ F.combinator = Ys;
     }, B.parentheses = function() {
       var w = this.current.last, z = 1;
       if (this.position++, w && w.type === _.PSEUDO) {
-        var H = new i.default({
+        var U = new i.default({
           source: {
             start: ee(this.tokens[this.position - 1])
           }
         }), S = this.current;
-        for (w.append(H), this.current = H; this.position < this.tokens.length && z; )
+        for (w.append(U), this.current = U; this.position < this.tokens.length && z; )
           this.currToken[c.FIELDS.TYPE] === m.openParenthesis && z++, this.currToken[c.FIELDS.TYPE] === m.closeParenthesis && z--, z ? this.parse() : (this.current.source.end = ge(this.currToken), this.current.parent.source.end = ge(this.currToken), this.position++);
         this.current = S;
       } else {
@@ -4316,7 +4316,7 @@ F.combinator = Ys;
       if (z)
         return this.expected("closing parenthesis", this.currToken[c.FIELDS.START_POS]);
     }, B.pseudo = function() {
-      for (var w = this, z = "", H = this.currToken; this.currToken && this.currToken[c.FIELDS.TYPE] === m.colon; )
+      for (var w = this, z = "", U = this.currToken; this.currToken && this.currToken[c.FIELDS.TYPE] === m.colon; )
         z += this.content(), this.position++;
       if (!this.currToken)
         return this.expected(["pseudo-class", "pseudo-element"], this.position - 1);
@@ -4324,8 +4324,8 @@ F.combinator = Ys;
         this.splitWord(!1, function(S, X) {
           z += S, w.newNode(new l.default({
             value: z,
-            source: V(H, w.currToken),
-            sourceIndex: H[c.FIELDS.START_POS]
+            source: V(U, w.currToken),
+            sourceIndex: U[c.FIELDS.START_POS]
           })), X > 1 && w.nextToken && w.nextToken[c.FIELDS.TYPE] === m.openParenthesis && w.error("Misplaced parenthesis.", {
             index: w.nextToken[c.FIELDS.START_POS]
           });
@@ -4348,14 +4348,14 @@ F.combinator = Ys;
       var z = this.nextToken;
       if (z && this.content(z) === "|")
         return this.position++, this.namespace();
-      var H = this.currToken;
+      var U = this.currToken;
       this.newNode(new g.default({
         value: this.content(),
-        source: ve(H),
-        sourceIndex: H[c.FIELDS.START_POS]
+        source: ve(U),
+        sourceIndex: U[c.FIELDS.START_POS]
       }), w), this.position++;
     }, B.splitWord = function(w, z) {
-      for (var H = this, S = this.nextToken, X = this.content(); S && ~[m.dollar, m.caret, m.equals, m.word].indexOf(S[c.FIELDS.TYPE]); ) {
+      for (var U = this, S = this.nextToken, X = this.content(); S && ~[m.dollar, m.caret, m.equals, m.word].indexOf(S[c.FIELDS.TYPE]); ) {
         this.position++;
         var ne = this.content();
         if (X += ne, ne.lastIndexOf("\\") === ne.length - 1) {
@@ -4364,7 +4364,7 @@ F.combinator = Ys;
         }
         S = this.nextToken;
       }
-      var W = ke(X, ".").filter(function(ce) {
+      var j = ke(X, ".").filter(function(ce) {
         var Ce = X[ce - 1] === "\\", $e = /^\d+\.\d+%$/.test(X);
         return !Ce && !$e;
       }), ae = ke(X, "#").filter(function(ce) {
@@ -4373,13 +4373,13 @@ F.combinator = Ys;
       me.length && (ae = ae.filter(function(ce) {
         return !~me.indexOf(ce);
       }));
-      var Q = (0, I.default)(Ne([0].concat(W, ae)));
+      var Q = (0, I.default)(Ne([0].concat(j, ae)));
       Q.forEach(function(ce, Ce) {
         var $e = Q[Ce + 1] || X.length, Me = X.slice(ce, $e);
         if (Ce === 0 && z)
-          return z.call(H, Me, Q.length);
-        var _e, Se = H.currToken, Oe = Se[c.FIELDS.START_POS] + Q[Ce], Ae = le(Se[1], Se[2] + ce, Se[3], Se[2] + ($e - 1));
-        if (~W.indexOf(ce)) {
+          return z.call(U, Me, Q.length);
+        var _e, Se = U.currToken, Oe = Se[c.FIELDS.START_POS] + Q[Ce], Ae = le(Se[1], Se[2] + ce, Se[3], Se[2] + ($e - 1));
+        if (~j.indexOf(ce)) {
           var Le = {
             value: Me.slice(1),
             source: Ae,
@@ -4401,7 +4401,7 @@ F.combinator = Ys;
           };
           ye(Ye, "value"), _e = new p.default(Ye);
         }
-        H.newNode(_e, w), w = null;
+        U.newNode(_e, w), w = null;
       }), this.position++;
     }, B.word = function(w) {
       var z = this.nextToken;
@@ -4459,13 +4459,13 @@ F.combinator = Ys;
         default:
           this.unexpected();
       }
-    }, B.expected = function(w, z, H) {
+    }, B.expected = function(w, z, U) {
       if (Array.isArray(w)) {
         var S = w.pop();
         w = w.join(", ") + " or " + S;
       }
       var X = /^[aeiou]/.test(w[0]) ? "an" : "a";
-      return H ? this.error("Expected " + X + " " + w + ', found "' + H + '" instead.', {
+      return U ? this.error("Expected " + X + " " + w + ', found "' + U + '" instead.', {
         index: z
       }) : this.error("Expected " + X + " " + w + ".", {
         index: z
@@ -5192,21 +5192,21 @@ const Uu = /* @__PURE__ */ dn(Hu), Wu = {
   Hue: "hue",
   Alpha: "alpha"
 };
-let U = 0;
+let W = 0;
 function Lt(e) {
-  let t = e[U], r = e[U + 1];
-  return t === "-" || t === "+" ? /\d/.test(r) || r === "." && /\d/.test(e[U + 2]) : t === "." ? /\d/.test(r) : /\d/.test(t);
+  let t = e[W], r = e[W + 1];
+  return t === "-" || t === "+" ? /\d/.test(r) || r === "." && /\d/.test(e[W + 2]) : t === "." ? /\d/.test(r) : /\d/.test(t);
 }
 function an(e) {
-  if (U >= e.length)
+  if (W >= e.length)
     return !1;
-  let t = e[U];
+  let t = e[W];
   if (on.test(t))
     return !0;
   if (t === "-") {
-    if (e.length - U < 2)
+    if (e.length - W < 2)
       return !1;
-    let r = e[U + 1];
+    let r = e[W + 1];
     return !!(r === "-" || on.test(r));
   }
   return !1;
@@ -5219,36 +5219,36 @@ const d0 = {
 };
 function vt(e) {
   let t = "";
-  if ((e[U] === "-" || e[U] === "+") && (t += e[U++]), t += It(e), e[U] === "." && /\d/.test(e[U + 1]) && (t += e[U++] + It(e)), (e[U] === "e" || e[U] === "E") && ((e[U + 1] === "-" || e[U + 1] === "+") && /\d/.test(e[U + 2]) ? t += e[U++] + e[U++] + It(e) : /\d/.test(e[U + 1]) && (t += e[U++] + It(e))), an(e)) {
+  if ((e[W] === "-" || e[W] === "+") && (t += e[W++]), t += It(e), e[W] === "." && /\d/.test(e[W + 1]) && (t += e[W++] + It(e)), (e[W] === "e" || e[W] === "E") && ((e[W + 1] === "-" || e[W + 1] === "+") && /\d/.test(e[W + 2]) ? t += e[W++] + e[W++] + It(e) : /\d/.test(e[W + 1]) && (t += e[W++] + It(e))), an(e)) {
     let r = zt(e);
     return r === "deg" || r === "rad" || r === "turn" || r === "grad" ? { type: P.Hue, value: t * d0[r] } : void 0;
   }
-  return e[U] === "%" ? (U++, { type: P.Percentage, value: +t }) : { type: P.Number, value: +t };
+  return e[W] === "%" ? (W++, { type: P.Percentage, value: +t }) : { type: P.Number, value: +t };
 }
 function It(e) {
   let t = "";
-  for (; /\d/.test(e[U]); )
-    t += e[U++];
+  for (; /\d/.test(e[W]); )
+    t += e[W++];
   return t;
 }
 function zt(e) {
   let t = "";
-  for (; U < e.length && c0.test(e[U]); )
-    t += e[U++];
+  for (; W < e.length && c0.test(e[W]); )
+    t += e[W++];
   return t;
 }
 function p0(e) {
   let t = zt(e);
-  return e[U] === "(" ? (U++, { type: P.Function, value: t }) : t === "none" ? { type: P.None, value: void 0 } : { type: P.Ident, value: t };
+  return e[W] === "(" ? (W++, { type: P.Function, value: t }) : t === "none" ? { type: P.None, value: void 0 } : { type: P.Ident, value: t };
 }
 function h0(e = "") {
   let t = e.trim(), r = [], i;
-  for (U = 0; U < t.length; ) {
-    if (i = t[U++], i === `
+  for (W = 0; W < t.length; ) {
+    if (i = t[W++], i === `
 ` || i === "	" || i === " ") {
-      for (; U < t.length && (t[U] === `
-` || t[U] === "	" || t[U] === " "); )
-        U++;
+      for (; W < t.length && (t[W] === `
+` || t[W] === "	" || t[W] === " "); )
+        W++;
       continue;
     }
     if (i === ",")
@@ -5258,14 +5258,14 @@ function h0(e = "") {
       continue;
     }
     if (i === "+") {
-      if (U--, Lt(t)) {
+      if (W--, Lt(t)) {
         r.push(vt(t));
         continue;
       }
       return;
     }
     if (i === "-") {
-      if (U--, Lt(t)) {
+      if (W--, Lt(t)) {
         r.push(vt(t));
         continue;
       }
@@ -5276,16 +5276,16 @@ function h0(e = "") {
       return;
     }
     if (i === ".") {
-      if (U--, Lt(t)) {
+      if (W--, Lt(t)) {
         r.push(vt(t));
         continue;
       }
       return;
     }
     if (i === "/") {
-      for (; U < t.length && (t[U] === `
-` || t[U] === "	" || t[U] === " "); )
-        U++;
+      for (; W < t.length && (t[W] === `
+` || t[W] === "	" || t[W] === " "); )
+        W++;
       let n;
       if (Lt(t) && (n = vt(t), n.type !== P.Hue)) {
         r.push({ type: P.Alpha, value: n });
@@ -5301,11 +5301,11 @@ function h0(e = "") {
       return;
     }
     if (/\d/.test(i)) {
-      U--, r.push(vt(t));
+      W--, r.push(vt(t));
       continue;
     }
     if (on.test(i)) {
-      U--, r.push(p0(t));
+      W--, r.push(p0(t));
       continue;
     }
     return;
@@ -6550,8 +6550,8 @@ function Gf(e, t, r, i, n, a = null) {
     {
       let p = r - n, s = i, l = 0.3963377774 * e + 0.2158037573 * t, d = -0.1055613458 * e - 0.0638541728 * t, g = -0.0894841775 * e - 1.291485548 * t, b = p + s * l, M = p + s * d, I = p + s * g;
       {
-        let c = n * (1 - u) + u * r, m = u * i, _ = c + m * l, T = c + m * d, k = c + m * g, E = _ * _ * _, x = T * T * T, L = k * k * k, N = 3 * b * _ * _, $ = 3 * M * T * T, A = 3 * I * k * k, R = 6 * b * b * _, G = 6 * M * M * T, ee = 6 * I * I * k, ge = 4.0767416621 * E - 3.3077115913 * x + 0.2309699292 * L - 1, le = 4.0767416621 * N - 3.3077115913 * $ + 0.2309699292 * A, ve = 4.0767416621 * R - 3.3077115913 * G + 0.2309699292 * ee, V = le / (le * le - 0.5 * ge * ve), ye = -ge * V, ke = -1.2684380046 * E + 2.6097574011 * x - 0.3413193965 * L - 1, Ne = -1.2684380046 * N + 2.6097574011 * $ - 0.3413193965 * A, Pe = -1.2684380046 * R + 2.6097574011 * G - 0.3413193965 * ee, q = Ne / (Ne * Ne - 0.5 * ke * Pe), B = -ke * q, O = -0.0041960863 * E - 0.7034186147 * x + 1.707614701 * L - 1, w = -0.0041960863 * N - 0.7034186147 * $ + 1.707614701 * A, z = -0.0041960863 * R - 0.7034186147 * G + 1.707614701 * ee, H = w / (w * w - 0.5 * O * z), S = -O * H;
-        ye = V >= 0 ? ye : 1e6, B = q >= 0 ? B : 1e6, S = H >= 0 ? S : 1e6, u += Math.min(ye, Math.min(B, S));
+        let c = n * (1 - u) + u * r, m = u * i, _ = c + m * l, T = c + m * d, k = c + m * g, E = _ * _ * _, x = T * T * T, L = k * k * k, N = 3 * b * _ * _, $ = 3 * M * T * T, A = 3 * I * k * k, R = 6 * b * b * _, G = 6 * M * M * T, ee = 6 * I * I * k, ge = 4.0767416621 * E - 3.3077115913 * x + 0.2309699292 * L - 1, le = 4.0767416621 * N - 3.3077115913 * $ + 0.2309699292 * A, ve = 4.0767416621 * R - 3.3077115913 * G + 0.2309699292 * ee, V = le / (le * le - 0.5 * ge * ve), ye = -ge * V, ke = -1.2684380046 * E + 2.6097574011 * x - 0.3413193965 * L - 1, Ne = -1.2684380046 * N + 2.6097574011 * $ - 0.3413193965 * A, Pe = -1.2684380046 * R + 2.6097574011 * G - 0.3413193965 * ee, q = Ne / (Ne * Ne - 0.5 * ke * Pe), B = -ke * q, O = -0.0041960863 * E - 0.7034186147 * x + 1.707614701 * L - 1, w = -0.0041960863 * N - 0.7034186147 * $ + 1.707614701 * A, z = -0.0041960863 * R - 0.7034186147 * G + 1.707614701 * ee, U = w / (w * w - 0.5 * O * z), S = -O * U;
+        ye = V >= 0 ? ye : 1e6, B = q >= 0 ? B : 1e6, S = U >= 0 ? S : 1e6, u += Math.min(ye, Math.min(B, S));
       }
     }
   }
@@ -7029,75 +7029,84 @@ const gi = "#ff3f3f", K = {
     /**
      * Action tokens.
      */
-    "action-dark": j.slate[900],
-    "action-dark-hover": j.slate[700],
-    "action-dark-active": j.slate[600],
-    "action-light": j.slate[500],
-    "action-light-hover": j.slate[600],
-    "action-light-active": j.slate[700],
+    "action-dark": H.slate[900],
+    "action-dark-hover": H.slate[700],
+    "action-dark-active": H.slate[600],
+    "action-light": H.slate[500],
+    "action-light-hover": H.slate[600],
+    "action-light-active": H.slate[700],
+    "action-danger-dark": H.red[900],
+    "action-danger-dark-hover": H.red[700],
+    "action-danger-dark-active": H.red[600],
+    "action-danger-light": H.red[600],
+    "action-danger-light-hover": H.red[700],
+    "action-danger-light-active": H.red[800],
     /**
      * Surface tokens.
      */
-    "surface-darker": j.slate[900],
-    "surface-dark": j.slate[700],
-    "surface-medium": j.slate[500],
-    "surface-light": j.slate[300],
-    "surface-lighter": j.slate[200],
+    "surface-darker": H.slate[900],
+    "surface-dark": H.slate[700],
+    "surface-medium": H.slate[500],
+    "surface-light": H.slate[300],
+    "surface-lighter": H.slate[200],
     "surface-accent": "#0B93F6",
-    "surface-information": j.violet[200],
-    "surface-success": j.green[200],
-    "surface-warning": j.orange[200],
-    "surface-error": j.red[200],
+    "surface-information": H.violet[200],
+    "surface-success": H.green[200],
+    "surface-warning": H.orange[200],
+    "surface-error": H.red[200],
     /**
      * Typography tokens.
      */
-    "copy-dark": j.slate[900],
-    "copy-dark-hover": j.slate[900],
-    "copy-dark-active": j.slate[900],
-    "copy-medium": j.slate[400],
-    "copy-medium-hover": j.slate[400],
-    "copy-medium-active": j.slate[400],
-    "copy-light": j.slate[200],
-    "copy-light-hover": j.slate[200],
-    "copy-light-active": j.slate[400],
+    "copy-dark": H.slate[900],
+    "copy-dark-hover": H.slate[900],
+    "copy-dark-active": H.slate[900],
+    "copy-medium": H.slate[400],
+    "copy-medium-hover": H.slate[400],
+    "copy-medium-active": H.slate[400],
+    "copy-light": H.slate[200],
+    "copy-light-hover": H.slate[200],
+    "copy-light-active": H.slate[400],
     "copy-lighter": "#ffffff",
     "copy-lighter-hover": "#ffffff",
     "copy-lighter-active": "#ffffff",
-    "copy-error-dark": j.red[700],
-    "copy-error-light": j.red[500],
-    "copy-information": j.violet[800],
-    "copy-success": j.green[800],
-    "copy-warning": j.orange[800],
-    "copy-error": j.red[800],
+    "copy-error-dark": H.red[700],
+    "copy-error-light": H.red[500],
+    "copy-information": H.violet[800],
+    "copy-success": H.green[800],
+    "copy-warning": H.orange[800],
+    "copy-error": H.red[800],
     /**
      * Border tokens.
      */
-    "border-dark": j.slate[900],
-    "border-medium": j.slate[400],
-    "border-light": j.slate[300],
+    "border-dark": H.slate[900],
+    "border-medium": H.slate[400],
+    "border-light": H.slate[300],
+    "border-danger-dark": H.red[900],
+    "border-danger-medium": H.red[400],
+    "border-danger-light": H.red[300],
     "border-white": "#ffffff",
-    "border-error-dark": j.red[700],
+    "border-error-dark": H.red[700],
     "border-error-light": gi,
-    "border-information": j.violet[400],
-    "border-success": j.green[400],
-    "border-warning": j.orange[400],
-    "border-error": j.red[400],
+    "border-information": H.violet[400],
+    "border-success": H.green[400],
+    "border-warning": H.orange[400],
+    "border-error": H.red[400],
     /**
      * Focus tokens.
      */
-    "focus-dark": j.green[700],
-    "focus-light": j.green[300],
-    "focus-error-dark": j.red[700],
+    "focus-dark": H.green[700],
+    "focus-light": H.green[300],
+    "focus-error-dark": H.red[700],
     "focus-error-light": gi,
     /**
      * Table tokens
      */
-    "table-dark": j.gray[700],
-    "table-dark-odd": j.gray[800],
-    "table-dark-even": j.gray[900],
-    "table-light": j.gray[100],
-    "table-light-odd": j.gray[200],
-    "table-light-even": j.gray[300]
+    "table-dark": H.gray[700],
+    "table-dark-odd": H.gray[800],
+    "table-dark-even": H.gray[900],
+    "table-light": H.gray[100],
+    "table-light-odd": H.gray[200],
+    "table-light-even": H.gray[300]
   }
 }, $l = ji("rgb"), Dl = () => {
   const e = {};
@@ -7114,7 +7123,8 @@ const gi = "#ff3f3f", K = {
           css: {
             maxWidth: "inherit",
             "h1, h2, h3, h4, h5, h6": {
-              fontFamily: "Open Sans, ui-sans-serif, system-ui, sans-serif"
+              fontFamily: "Open Sans, ui-sans-serif, system-ui, sans-serif",
+              fontWeight: "400"
             },
             blockquote: {
               borderLeftWidth: "6px"

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-styles",
-	"version": "1.4.1",
+	"version": "1.5.1",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -36,5 +36,5 @@
 		"culori": "4.0.1",
 		"tailwindcss": "3.4.1"
 	},
-	"gitHead": "447106e020407b1d9244830a4de1f65f90e2b1b9"
+	"gitHead": "421b11d82c0dde00ef1af1e2298d5beff6200f92"
 }