@tenoxui/moxie 0.2.0 → 0.3.0

package/dist/index.es.js

@@ -1,122 +1,99 @@
-var K = Object.defineProperty;
-var V = Object.getOwnPropertySymbols;
-var E = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
-var W = (b, e, s) => e in b ? K(b, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : b[e] = s, N = (b, e) => {
-  for (var s in e || (e = {}))
-    E.call(e, s) && W(b, s, e[s]);
-  if (V)
-    for (var s of V(e))
-      _.call(e, s) && W(b, s, e[s]);
-  return b;
+var j = Object.defineProperty;
+var R = Object.getOwnPropertySymbols;
+var z = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable;
+var V = (P, s, e) => s in P ? j(P, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : P[s] = e, W = (P, s) => {
+  for (var e in s || (s = {}))
+    z.call(s, e) && V(P, e, s[e]);
+  if (R)
+    for (var e of R(s))
+      S.call(s, e) && V(P, e, s[e]);
+  return P;
 };
-class T {
-  constructor({
-    property: e = {},
-    values: s = {},
-    classes: t = {},
-    aliases: n = {},
-    breakpoints: r = []
-  } = {}) {
-    this.property = N({
-      moxie: ({ key: i }) => i
-    }, e), this.values = s, this.classes = t, this.aliases = n, this.breakpoints = r;
+class _ {
+  constructor({ property: s = {}, values: e = {}, classes: t = {}, aliases: n = {} } = {}) {
+    this.property = W({
+      moxie: ({ key: r }) => r
+    }, s), this.values = e, this.classes = t, this.aliases = n;
   }
-  toKebabCase(e) {
-    if (/^(webkit|moz|ms|o)[A-Z]/.test(e)) {
-      const s = e.match(/^(webkit|moz|ms|o)/);
-      if (s) {
-        const t = s[0];
-        return `-${t}${e.slice(t.length).replace(/[A-Z]/g, (n) => `-${n.toLowerCase()}`)}`;
+  toKebabCase(s) {
+    if (/^(webkit|moz|ms|o)[A-Z]/.test(s)) {
+      const e = s.match(/^(webkit|moz|ms|o)/);
+      if (e) {
+        const t = e[0];
+        return `-${t}${s.slice(t.length).replace(/[A-Z]/g, (n) => `-${n.toLowerCase()}`)}`;
       }
     }
-    return e.replace(/[A-Z]/g, (s) => `-${s.toLowerCase()}`);
+    return s.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
   }
-  escapeCSSSelector(e) {
-    return e.replace(/([ #{}.:;?%&,@+*~'"!^$[\]()=>|/])/g, "\\$1");
+  escapeCSSSelector(s) {
+    return s.replace(/([ #{}.:;?%&,@+*~'"!^$[\]()=>|/])/g, "\\$1");
   }
-  getAllClassNames(e) {
-    if (!e) return [];
-    const s = /* @__PURE__ */ new Set();
-    return Object.entries(e).forEach(([t, n]) => {
+  getAllClassNames(s) {
+    if (!s) return [];
+    const e = /* @__PURE__ */ new Set();
+    return Object.entries(s).forEach(([t, n]) => {
       n && typeof n == "object" && Object.keys(n).forEach((r) => {
-        s.add(r);
+        e.add(r);
       });
-    }), Array.from(s);
+    }), Array.from(e);
   }
-  getTypePrefixes() {
-    const e = this.property, s = this.classes, t = Object.keys(e);
-    if (!s)
-      return t.sort((i, a) => a.length - i.length).join("|");
-    const r = [...this.getAllClassNames(s)];
-    return [...t, ...r].sort((i, a) => a.length - i.length).join("|");
+  getTypePrefixes(s = []) {
+    const e = this.property, t = this.classes, n = Object.keys(e);
+    if (!t)
+      return [...n, ...s].sort((i, l) => l.length - i.length).join("|");
+    const c = [...this.getAllClassNames(t)];
+    return [...n, ...c, ...s].sort((i, l) => l.length - i.length).join("|");
   }
-  generateClassNameRegEx() {
-    const e = this.getTypePrefixes(), s = "(?:([a-zA-Z0-9-]+|\\[[^\\]]+\\]|\\([^()]*(?:\\([^()]*\\)[^()]*)*\\)|\\{[^{}]*(?:\\{[^{}]*\\}[^{}]*)*\\}):)?", t = `(${e}|\\[[^\\]]+\\])`, n = "(?:-)?", r = "(-?(?:\\d+(?:\\.\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|(?:\\[[^\\]]+\\])|(?:\\{[^{}]*(?:\\{[^{}]*\\}[^{}]*)*\\})|(?:\\([^()]*(?:\\([^()]*\\)[^()]*)*\\))|(?:\\$[^\\s\\/]+))", i = "([a-zA-Z%]*)", a = "(?:\\/(-?(?:\\d+(?:\\.\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|(?:\\[[^\\]]+\\])|(?:\\{[^{}]*(?:\\{[^{}]*\\}[^{}]*)*\\})|(?:\\([^()]*(?:\\([^()]*\\)[^()]*)*\\))|(?:\\$[^\\s\\/]+))([a-zA-Z%]*))?";
+  generateClassNameRegEx(s) {
+    const e = this.getTypePrefixes(s), t = "\\[[^\\]]+\\]", n = "\\([^()]*(?:\\([^()]*\\)[^()]*)*\\)", r = "\\{[^{}]*(?:\\{[^{}]*\\}[^{}]*)*\\}", c = "(?:([a-zA-Z0-9_-]+|[a-zA-Z0-9_-]+(?:-" + t + ")|" + // Direct bracket, parenthesis, or brace content
+    t + "|" + n + "|" + r + "):)?", i = `(${e}|\\[[^\\]]+\\])`, l = "(?:-)?", h = "(-?(?:\\d+(?:\\.\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|" + // Hex colors
+    t + "|" + // Bracket content
+    r + "|" + // Curly brace content
+    n + "|(?:\\$[^\\s\\/]+))", f = "([a-zA-Z%]*)", a = "(?:\\/(-?(?:\\d+(?:\\.\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|" + t + "|" + r + "|" + n + "|(?:\\$[^\\s\\/]+))([a-zA-Z%]*))?";
     return new RegExp(
-      s + t + n + r + i + a
+      c + i + l + h + f + a
     );
   }
-  parse(e) {
-    for (const [$, o] of Object.entries(this.classes))
-      if (o && typeof o == "object" && e in o)
-        return [void 0, e, "", "", void 0, void 0];
-    const s = this.generateClassNameRegEx(), t = e.match(s);
-    if (!t) return null;
-    const [, n, r, i, a, l, h] = t;
-    return [
-      n,
-      //? as its name. e.g. hover, md, focus
-      r,
-      //? compute css properties or variables that will styled. e.g. [color]-, [--red,background]-, bg-,
-      i || "",
-      //? parsed css value from the class name. e.g. red, space-between, 64, 100
-      a || "",
-      //? is optional if the value is numbers. e.g. px, rem, %
-      // same as value and unit, parsed after the '/' character
-      l,
-      h
-    ];
-  }
-  generateMediaQuery(e, s, t) {
-    const { name: n, min: r, max: i } = e;
-    let a = "screen and ";
-    return r !== void 0 && i !== void 0 ? a += `(min-width: ${r}px) and (max-width: ${i}px)` : r !== void 0 ? a += `(min-width: ${r}px)` : i !== void 0 && (a += `(max-width: ${i}px)`), {
-      mediaKey: `@media ${a}`,
-      ruleSet: `.${n}\\:${s} { ${t} }`
-    };
+  parse(s, e) {
+    if (Object.values(this.classes).some((p) => p == null ? void 0 : p[s]))
+      return [void 0, s, "", "", void 0, void 0];
+    const t = this.generateClassNameRegEx(e), n = (s + "-dummy").match(t);
+    if (!n) return null;
+    const [, r, c, i, l, h, f] = n, a = i === "dummy" ? "" : i.replace("-dummy", "");
+    return [r, c, a, l || "", h, f];
   }
   // unique value parser
-  processValue(e, s, t) {
+  processValue(s, e, t) {
     if (!s) return "";
-    const n = (r) => r.replace(/\{([^}]+)\}/g, (i, a) => {
-      const l = typeof this.values == "object" && this.values !== null ? this.values[a] : void 0;
-      return typeof l == "string" ? l : i;
+    const n = (r) => r.replace(/\{([^}]+)\}/g, (c, i) => {
+      const l = this.values, h = l !== null ? typeof l[t] == "object" ? l[t][i] : l[i] : void 0;
+      return typeof h == "string" ? h : c;
     });
-    if (typeof this.values == "object" && this.values !== null && (this.values[e] && typeof this.values[e] == "object" && this.values[e][s] || this.values[s]))
-      return typeof this.values[e] == "object" && this.values[e] !== null ? this.values[e][s] : this.values[s];
+    if (typeof this.values == "object" && this.values !== null && (this.values[t] && typeof this.values[t] == "object" && this.values[t][s] || this.values[s]))
+      return typeof this.values[t] == "object" && this.values[t] !== null ? this.values[t][s] : this.values[s];
     if (s.startsWith("$"))
       return `var(--${s.slice(1)})`;
     if (s.startsWith("[") && s.endsWith("]") || s.startsWith("(") && s.endsWith(")")) {
       const r = s.slice(1, -1).replace(/_/g, " ");
       return r.includes("{") ? n(r) : r.startsWith("--") ? `var(${r})` : r;
     }
-    return s + (t || "");
+    return s + (e || "");
   }
-  processShorthand(e = "", s = "", t = "", n, r = "", i = "", a = !0) {
-    const l = this.property[e], h = /^(?:\(|\[)([^:]+):(.+)(?:\)|\])$/;
-    let $ = null, o = s || "";
-    const m = o.match(h);
-    m && ($ = m[1].trim(), o = m[2].trim());
-    let g;
-    s.includes($ + ":") ? g = s.startsWith("(") ? `(${o})` : `[${o}]` : g = s;
-    const c = this.processValue(e, g, t), f = this.processValue(e, r, i);
-    if (e.startsWith("[") && e.endsWith("]")) {
-      const d = e.slice(1, -1).split(",").map((p) => p.trim()).map((p) => {
-        const u = this.property[p] || p;
-        return `${typeof u == "string" && u.startsWith("--") ? String(u) : this.toKebabCase(String(u))}: ${c}`;
+  processShorthand(s = "", e = "", t = "", n, r = "", c = "", i = !0) {
+    const l = this.property[s], h = /^(?:\(|\[)([^:]+):(.+)(?:\)|\])$/;
+    let f = null, a = e || "";
+    const p = a.match(h);
+    p && (f = p[1].trim(), a = p[2].trim());
+    let o;
+    e.includes(f + ":") ? o = e.startsWith("(") ? `(${a})` : `[${a}]` : o = e;
+    const u = this.processValue(o, t, s), m = this.processValue(r, c, s);
+    if (s.startsWith("[") && s.endsWith("]")) {
+      const d = s.slice(1, -1).split(",").map((y) => y.trim()).map((y) => {
+        const $ = this.property[y] || y;
+        return `${typeof $ == "string" && $.startsWith("--") ? String($) : this.toKebabCase(String($))}: ${u}`;
       }).join("; ");
       return {
-        className: `${`[${e.slice(1, -1)}]${a ? "-" : ""}${s}${t}`}`,
+        className: `${`[${s.slice(1, -1)}]${i ? "-" : ""}${e}${t}`}`,
         cssRules: d,
         // return css rules directly
         value: null,
@@ -127,95 +104,96 @@ class T {
     if (l) {
       if (typeof l == "object" && "property" in l && "value" in l) {
         const d = typeof l.property == "function" ? l.property({
-          value: t ? s : c,
+          value: t ? e : u,
           unit: t,
-          secondValue: i ? r : f,
-          secondUnit: i,
-          key: $
-        }) : l.property, p = l.value;
-        let u;
-        typeof p == "function" ? u = p({
-          value: t ? s : c,
-          unit: t,
-          secondValue: i ? r : f,
-          secondUnit: i,
-          key: $,
-          property: d
-        }) : p && typeof p == "string" ? u = this.parseValuePattern(e, p, c, "", f, "") ? this.parseValuePattern(e, p, c, "", f, "") : c : u = null;
-        const A = `${e}${s ? `${a && a ? "-" : ""}${s}${t}` : ""}${r ? `/${r}${i}` : ""}`;
+          secondValue: c ? r : m,
+          secondUnit: c,
+          key: f
+        }) : l.property, y = l.value;
+        let $;
+        if (typeof y == "function")
+          $ = y({
+            value: t ? e : u,
+            unit: t,
+            secondValue: c ? r : m,
+            secondUnit: c,
+            key: f,
+            property: d
+          });
+        else if (y && typeof y == "string") {
+          const C = l.group || s, A = this.processValue(o, t, C);
+          console.log(o), $ = this.values[o] || this.values[C][o] || o.includes("{") || y.includes("{") ? this.parseValuePattern(C, y, A, "", m, "") : u;
+        } else $ = null;
         return {
-          className: l.classNameSuffix ? {
-            className: A,
-            modifier: l.classNameSuffix
-          } : A,
+          className: `${s}${e ? `${i && i ? "-" : ""}${e}${t}` : ""}${r ? `/${r}${c}` : ""}`,
           cssRules: Array.isArray(d) || typeof d == "string" && d.includes(":") ? d : this.toKebabCase(String(d)),
-          value: p === null ? null : s.startsWith("[") ? c : u,
+          value: y === null ? null : e.startsWith("[") ? u : $,
           prefix: n
         };
       }
-      const y = typeof l == "function" ? l({
-        value: t ? s : c,
+      const g = typeof l == "function" ? l({
+        value: t ? e : u,
         unit: t,
-        secondValue: i ? r : f,
-        secondUnit: i,
-        key: $
+        secondValue: c ? r : m,
+        secondUnit: c,
+        key: f
       }) : l;
       return {
-        className: `${e}${s ? (a ? "-" : "") + s + t : ""}`,
-        cssRules: Array.isArray(l) ? y : typeof y == "string" && y.startsWith("value:") ? y.slice(6) : this.toKebabCase(String(y)),
-        value: typeof y == "string" && y.startsWith("value:") ? null : c,
+        className: `${s}${e ? (i ? "-" : "") + e + t : ""}`,
+        cssRules: Array.isArray(l) ? g : typeof g == "string" && g.startsWith("value:") ? g.slice(6) : this.toKebabCase(String(g)),
+        value: typeof g == "string" && g.startsWith("value:") ? null : u,
         prefix: n
       };
     }
     return null;
   }
-  parseValuePattern(e, s, t, n, r, i) {
-    if (!s.includes("{0}") && !s.includes("{1") && !s.includes("||"))
-      return s;
-    const [a, l] = s.split("||").map((o) => o.trim()), h = this.processValue(e, t, n), $ = this.processValue(e, r, i);
-    if (s.includes("{0}") && s.includes("{1") || s.includes("{1")) {
-      let o = a;
-      if (t && (o = o.replace("{0}", h)), s.includes("{1")) {
-        const m = o.match(/{1([^}]*)}/);
-        if (s.includes("{1}"))
-          r ? o = r.startsWith("[") ? $ : o.replace("{1}", $) : o = l;
-        else if (m) {
-          const g = m[0], c = m[1].trim();
-          let f = $;
-          !f && c.includes("|") ? f = c.split("|")[1].trim() : f || (f = ""), o = t.startsWith("[") ? h : o.replace(g, f);
+  parseValuePattern(s, e, t, n, r, c) {
+    if (!e.includes("{0}") && !e.includes("{1") && !e.includes("||"))
+      return e;
+    const [i, l] = e.split("||").map((a) => a.trim()), h = this.processValue(t, n, s), f = this.processValue(r, c, s);
+    if (e.includes("{0}") && e.includes("{1") || e.includes("{1")) {
+      let a = i;
+      if (t && (a = a.replace("{0}", h)), e.includes("{1")) {
+        const p = a.match(/{1([^}]*)}/);
+        if (e.includes("{1}"))
+          r ? a = r.startsWith("[") ? f : a.replace("{1}", f) : a = l;
+        else if (p) {
+          const o = p[0], u = p[1].trim();
+          let m = f;
+          !m && u.includes("|") ? m = u.split("|")[1].trim() : m || (m = ""), a = t.startsWith("[") ? h : a.replace(o, m);
         }
       }
-      return t ? o : l || a;
+      return t ? a : l || i;
     } else
-      return t ? t.startsWith("[") ? h : a.replace("{0}", h) : l || a;
+      return t ? t.startsWith("[") ? h : i.replace("{0}", h) : l || i;
   }
-  getParentClass(e) {
+  getParentClass(s) {
     return Object.keys(this.classes).filter(
-      (s) => Object.prototype.hasOwnProperty.call(
-        this.classes[s],
-        e
+      (e) => Object.prototype.hasOwnProperty.call(
+        this.classes[e],
+        s
       )
     );
   }
-  processCustomClass(e, s = "", t = "", n = "", r = "", i = "", a = !0) {
-    if (!e) return null;
-    const l = this.getParentClass(e);
+  processCustomClass(s, e = "", t = "", n = "", r = "", c = "", i = !0) {
+    if (!s) return null;
+    const l = this.getParentClass(s);
     if (l.length > 0) {
-      const h = l.map((m) => {
-        const g = this.classes[m];
-        if (!g) return "";
-        const c = this.parseValuePattern(
-          e,
-          g[e] || "",
+      const h = l.map((p) => {
+        const o = this.classes[p];
+        if (!o) return "";
+        const u = this.parseValuePattern(
           s,
+          o[s] || "",
+          e,
           t,
           r,
-          i
+          c
         );
-        return `${this.toKebabCase(String(m))}: ${c}`;
-      }).filter(Boolean).join("; "), $ = e.slice(-(s + t).length), o = `${e}${s ? `${a ? "-" : ""}${s}${t}` : ""}${r ? `/${r}${i}` : ""}`;
+        return `${this.toKebabCase(String(p))}: ${u}`;
+      }).filter(Boolean).join("; "), f = s.slice(-(e + t).length), a = `${s}${e ? `${i ? "-" : ""}${e}${t}` : ""}${r ? `/${r}${c}` : ""}`;
       return {
-        className: this.escapeCSSSelector(s === $ ? e : o),
+        className: e === f ? s : a,
         cssRules: h,
         value: null,
         prefix: n
@@ -223,118 +201,83 @@ class T {
     }
     return null;
   }
-  processAlias(e, s = "") {
-    const t = this.aliases[e];
+  processAlias(s, e = "") {
+    const t = this.aliases[s];
     if (!t) return null;
     const n = t.split(" "), r = [];
-    return n.forEach((i) => {
-      const [a, l] = i.split(":"), h = l || a, $ = l ? a : void 0, o = this.parse(i), m = o || [$, h, "", ""];
-      if (!m) return;
-      const [g, c, f, y, d, p] = m, u = this.processShorthand(c, f, y, void 0, d, p), A = this.processCustomClass(c, f, y, g, d, p);
-      if (A) {
-        const { cssRules: S } = A;
-        r.push(S);
+    return n.forEach((c) => {
+      const [i, l] = c.split(":"), h = l || i, f = l ? i : void 0, a = this.parse(c), p = a || [f, h, "", ""];
+      if (!p) return;
+      const [o, u, m, g, d, y] = p, $ = this.processShorthand(u, m, g, void 0, d, y), x = this.processCustomClass(u, m, g, o, d, y);
+      if (x) {
+        const { cssRules: C } = x;
+        r.push(C);
         return;
       }
-      if (u) {
-        const S = u.value !== null ? `: ${u.value}` : "";
-        Array.isArray(u.cssRules) ? u.cssRules.forEach((R) => {
-          r.push(`${this.toKebabCase(R)}${S}`);
-        }) : r.push(`${u.cssRules}${S}`);
+      if ($) {
+        const C = $.value !== null ? `: ${$.value}` : "";
+        Array.isArray($.cssRules) ? $.cssRules.forEach((A) => {
+          r.push(`${this.toKebabCase(A)}${C}`);
+        }) : r.push(`${$.cssRules}${C}`);
       }
     }), {
-      className: e,
+      className: s,
       cssRules: r.join("; "),
       value: null,
-      prefix: s
+      prefix: e
     };
   }
-  process(e) {
-    const s = Array.isArray(e) ? e : e.split(/\s+/), t = [];
-    return s.forEach((n) => {
+  process(s) {
+    const e = Array.isArray(s) ? s : s.split(/\s+/), t = [];
+    return e.forEach((n) => {
       if (!n) return this;
-      const [r, i] = n.split(":"), a = i || r, l = i ? r : void 0, h = this.breakpoints.find((x) => x.name === l), $ = this.processAlias(a, l);
-      if ($) {
-        const { className: x, cssRules: C } = $;
-        if (h) {
-          const { mediaKey: v, ruleSet: P } = this.generateMediaQuery(
-            h,
-            x,
-            C
-          );
-          t.push({
-            className: v,
-            cssRules: P,
-            value: null,
-            prefix: null
-          });
-        } else
-          t.push({
-            className: x,
-            cssRules: C,
-            value: null,
-            prefix: l
-          });
+      const [r, c] = n.split(":"), i = c || r, l = c ? r : void 0, h = this.processAlias(i, l);
+      if (h) {
+        const { className: A, cssRules: b } = h;
+        t.push({
+          className: A,
+          cssRules: b,
+          value: null,
+          prefix: l
+        });
         return;
       }
-      const o = this.parse(n), m = o || [l, a, "", ""];
-      if (!m) return this;
-      const [g, c, f, y, d, p] = m, u = !n.includes((c || "") + (f || "")), A = this.getParentClass(`${c}${u ? "-" : ""}${f}`).length > 0 ? `${c}${u ? "-" : ""}${f}` : c, S = this.processCustomClass(
-        A,
-        f,
-        y,
+      const f = this.parse(n), a = f || [l, i, "", ""];
+      if (!a) return this;
+      const [p, o, u, m, g, d] = a, y = !n.includes((o || "") + (u || "")), $ = this.getParentClass(`${o}${y ? "-" : ""}${u}`).length > 0 ? `${o}${y ? "-" : ""}${u}` : o, x = this.processCustomClass(
+        $,
+        u,
+        m,
+        p,
         g,
         d,
-        p,
-        u
+        y
       );
-      if (S) {
-        const { className: x, cssRules: C, prefix: v } = S;
-        if (h) {
-          const { mediaKey: P, ruleSet: j } = this.generateMediaQuery(
-            h,
-            x,
-            C
-          );
-          t.push({
-            className: P,
-            cssRules: j,
-            value: null,
-            prefix: null
-          });
-        } else
-          t.push({
-            className: x,
-            cssRules: C,
-            value: null,
-            prefix: v
-          });
+      if (x) {
+        const { className: A, cssRules: b, prefix: v } = x;
+        t.push({
+          className: A,
+          cssRules: b,
+          value: null,
+          prefix: v
+        });
         return;
       }
-      const R = this.processShorthand(c, f, y, g, d, p, u);
-      if (R) {
-        const { className: x, cssRules: C, value: v, prefix: P } = R, j = typeof x == "string" ? this.escapeCSSSelector(x) : this.escapeCSSSelector(x.className) + x.modifier;
-        if (h) {
-          const Z = Array.isArray(C) ? C.map((z) => `${this.toKebabCase(z)}: ${v}`).join("; ") : `${C}${v !== null ? `: ${v}` : ""}`, { mediaKey: k, ruleSet: w } = this.generateMediaQuery(h, j, Z);
-          t.push({
-            className: k,
-            cssRules: w,
-            value: null,
-            prefix: null
-          });
-        } else
-          t.push({
-            className: j,
-            cssRules: C,
-            value: v,
-            prefix: P
-          });
+      const C = this.processShorthand(o, u, m, p, g, d, y);
+      if (C) {
+        const { className: A, cssRules: b, value: v, prefix: Z } = C;
+        t.push({
+          className: A,
+          cssRules: b,
+          value: v,
+          prefix: Z
+        });
       }
     }), t;
   }
 }
 export {
-  T as TenoxUI,
-  T as default
+  _ as TenoxUI,
+  _ as default
 };
 //# sourceMappingURL=index.es.js.map