react-minolith 0.0.30 → 1.0.1

package/dist/utilities/minolithStyleUtility/minolithStyleUtility.js

@@ -1,622 +1,830 @@
-const d = "minolith-";
-function h(t, l, e, i) {
-  const s = [];
-  return l && (l.fore && s.push(
-    `--${d}color-${t}${e ? `-${e}` : ""}${i ? `-${i}` : ""}-fore: ${l.fore.startsWith("--") ? `var(${l.fore});` : `${l.fore};`}`
-  ), l.back && s.push(
-    `--${d}color-${t}${e ? `-${e}` : ""}${i ? `-${i}` : ""}-back: ${l.back.startsWith("--") ? `var(${l.back});` : `${l.back};`}`
-  ), l.border && s.push(
-    `--${d}color-${t}${e ? `-${e}` : ""}${i ? `-${i}` : ""}-border: ${l.border.startsWith("--") ? `var(${l.border});` : `${l.border};`}`
-  ), l.shadow && s.push(
-    `--${d}color-${t}${e ? `-${e}` : ""}${i ? `-${i}` : ""}-shadow: ${l.shadow.startsWith("--") ? `var(${l.shadow});` : `${l.shadow};`}`
-  ), l.placeholder && s.push(
-    `--${d}color-${t}${e ? `-${e}` : ""}${i ? `-${i}` : ""}-placeholder: ${l.placeholder.startsWith("--") ? `var(${l.placeholder});` : `${l.placeholder};`}`
-  )), s;
+import { css as A } from "@emotion/react";
+import { merge as P } from "lodash";
+const o = "minolith-";
+function z(e, a, r, i) {
+  const t = [];
+  return a && (a.fore && t.push(
+    `--${o}color-${e}${r ? `-${r}` : ""}${i ? `-${i}` : ""}-fore: ${a.fore.startsWith("--") ? `var(${a.fore});` : `${a.fore};`}`
+  ), a.back && t.push(
+    `--${o}color-${e}${r ? `-${r}` : ""}${i ? `-${i}` : ""}-back: ${a.back.startsWith("--") ? `var(${a.back});` : `${a.back};`}`
+  ), a.border && t.push(
+    `--${o}color-${e}${r ? `-${r}` : ""}${i ? `-${i}` : ""}-border: ${a.border.startsWith("--") ? `var(${a.border});` : `${a.border};`}`
+  ), a.shadow && t.push(
+    `--${o}color-${e}${r ? `-${r}` : ""}${i ? `-${i}` : ""}-shadow: ${a.shadow.startsWith("--") ? `var(${a.shadow});` : `${a.shadow};`}`
+  ), a.placeholder && t.push(
+    `--${o}color-${e}${r ? `-${r}` : ""}${i ? `-${i}` : ""}-placeholder: ${a.placeholder.startsWith("--") ? `var(${a.placeholder});` : `${a.placeholder};`}`
+  )), t;
 }
-function f(t, l, e) {
+function l(e, a, r) {
   const i = [];
-  if (l.default) {
-    const s = h(
-      t,
-      l.default,
+  if (a.default) {
+    const t = z(
+      e,
+      a.default,
       void 0,
-      e
+      r
     );
-    s.length > 0 && i.push(...s);
+    t.length > 0 && i.push(...t);
   }
-  if (l.hover) {
-    const s = h(
-      t,
-      l.hover,
+  if (a.hover) {
+    const t = z(
+      e,
+      a.hover,
       "hover",
-      e
+      r
     );
-    s.length > 0 && i.push(...s);
+    t.length > 0 && i.push(...t);
   }
-  if (l.focus) {
-    const s = h(
-      t,
-      l.focus,
+  if (a.focus) {
+    const t = z(
+      e,
+      a.focus,
       "focus",
-      e
+      r
     );
-    s.length > 0 && i.push(...s);
+    t.length > 0 && i.push(...t);
   }
-  if (l.active) {
-    const s = h(
-      t,
-      l.active,
+  if (a.active) {
+    const t = z(
+      e,
+      a.active,
       "active",
-      e
+      r
     );
-    s.length > 0 && i.push(...s);
+    t.length > 0 && i.push(...t);
   }
-  if (l.disabled) {
-    const s = h(
-      t,
-      l.disabled,
+  if (a.disabled) {
+    const t = z(
+      e,
+      a.disabled,
       "disabled",
-      e
+      r
     );
-    s.length > 0 && i.push(...s);
+    t.length > 0 && i.push(...t);
   }
   return i;
 }
-function r(t, l) {
-  const e = [];
-  if (t.default) {
-    const i = f(
+function n(e, a) {
+  const r = [];
+  if (e.default) {
+    const i = l(
       "default",
-      t.default,
-      l
+      e.default,
+      a
     );
-    i.length > 0 && e.push(...i);
+    i.length > 0 && r.push(...i);
   }
-  if (t.gray) {
-    const i = f("gray", t.gray, l);
-    i.length > 0 && e.push(...i);
+  if (e.gray) {
+    const i = l("gray", e.gray, a);
+    i.length > 0 && r.push(...i);
   }
-  if (t.red) {
-    const i = f("red", t.red, l);
-    i.length > 0 && e.push(...i);
+  if (e.red) {
+    const i = l("red", e.red, a);
+    i.length > 0 && r.push(...i);
   }
-  if (t.coral) {
-    const i = f("coral", t.coral, l);
-    i.length > 0 && e.push(...i);
+  if (e.coral) {
+    const i = l("coral", e.coral, a);
+    i.length > 0 && r.push(...i);
   }
-  if (t.orange) {
-    const i = f("orange", t.orange, l);
-    i.length > 0 && e.push(...i);
+  if (e.orange) {
+    const i = l("orange", e.orange, a);
+    i.length > 0 && r.push(...i);
   }
-  if (t.yellow) {
-    const i = f("yellow", t.yellow, l);
-    i.length > 0 && e.push(...i);
+  if (e.yellow) {
+    const i = l("yellow", e.yellow, a);
+    i.length > 0 && r.push(...i);
   }
-  if (t.lime) {
-    const i = f("lime", t.lime, l);
-    i.length > 0 && e.push(...i);
+  if (e.lime) {
+    const i = l("lime", e.lime, a);
+    i.length > 0 && r.push(...i);
   }
-  if (t.green) {
-    const i = f("green", t.green, l);
-    i.length > 0 && e.push(...i);
+  if (e.green) {
+    const i = l("green", e.green, a);
+    i.length > 0 && r.push(...i);
   }
-  if (t.cyan) {
-    const i = f("cyan", t.cyan, l);
-    i.length > 0 && e.push(...i);
+  if (e.cyan) {
+    const i = l("cyan", e.cyan, a);
+    i.length > 0 && r.push(...i);
   }
-  if (t.blue) {
-    const i = f("blue", t.blue, l);
-    i.length > 0 && e.push(...i);
+  if (e.blue) {
+    const i = l("blue", e.blue, a);
+    i.length > 0 && r.push(...i);
   }
-  if (t.violet) {
-    const i = f("violet", t.violet, l);
-    i.length > 0 && e.push(...i);
+  if (e.violet) {
+    const i = l("violet", e.violet, a);
+    i.length > 0 && r.push(...i);
   }
-  if (t.magenta) {
-    const i = f(
+  if (e.magenta) {
+    const i = l(
       "magenta",
-      t.magenta,
-      l
+      e.magenta,
+      a
     );
-    i.length > 0 && e.push(...i);
+    i.length > 0 && r.push(...i);
   }
-  return e;
+  return r;
 }
-function n(t) {
-  const l = [];
-  if (t.badge) {
-    const e = r(
-      t.badge,
+function F(e) {
+  const a = [];
+  if (e.badge) {
+    const r = n(
+      e.badge,
       "badge"
     );
-    e.length > 0 && l.push(...e);
+    r.length > 0 && a.push(...r);
   }
-  if (t.accordion) {
-    const e = r(
-      t.accordion,
+  if (e.accordion) {
+    const r = n(
+      e.accordion,
       "accordion"
     );
-    if (e.length > 0 && l.push(...e), t.accordion.accordionSummary) {
-      const i = r(
-        t.accordion.accordionSummary,
+    if (r.length > 0 && a.push(...r), e.accordion.accordionSummary) {
+      const i = n(
+        e.accordion.accordionSummary,
         "accordion-summary"
       );
-      i.length > 0 && l.push(...i);
+      i.length > 0 && a.push(...i);
     }
-    if (t.accordion.accordionDetails) {
-      const i = r(
-        t.accordion.accordionDetails,
+    if (e.accordion.accordionDetails) {
+      const i = n(
+        e.accordion.accordionDetails,
         "accordion-details"
       );
-      i.length > 0 && l.push(...i);
+      i.length > 0 && a.push(...i);
     }
   }
-  if (t.button) {
-    const e = r(
-      t.button,
+  if (e.button) {
+    const r = n(
+      e.button,
       "button"
     );
-    e.length > 0 && l.push(...e);
+    r.length > 0 && a.push(...r);
   }
-  if (t.card) {
-    const e = r(t.card, "card");
-    if (e.length > 0 && l.push(...e), t.card.cardHeader) {
-      const i = r(
-        t.card.cardHeader,
+  if (e.card) {
+    const r = n(e.card, "card");
+    if (r.length > 0 && a.push(...r), e.card.cardHeader) {
+      const i = n(
+        e.card.cardHeader,
         "card-header"
       );
-      i.length > 0 && l.push(...i);
+      i.length > 0 && a.push(...i);
     }
-    if (t.card.cardBody) {
-      const i = r(
-        t.card.cardBody,
+    if (e.card.cardBody) {
+      const i = n(
+        e.card.cardBody,
         "card-body"
       );
-      i.length > 0 && l.push(...i);
+      i.length > 0 && a.push(...i);
     }
-    if (t.card.cardFooter) {
-      const i = r(
-        t.card.cardFooter,
+    if (e.card.cardFooter) {
+      const i = n(
+        e.card.cardFooter,
         "card-footer"
       );
-      i.length > 0 && l.push(...i);
+      i.length > 0 && a.push(...i);
     }
   }
-  if (t.dialogue) {
-    const e = r(
-      t.dialogue,
+  if (e.dialogue) {
+    const r = n(
+      e.dialogue,
       "dialogue"
     );
-    if (e.length > 0 && l.push(...e), t.dialogue.dialogueAvatar) {
-      const i = r(
-        t.dialogue.dialogueAvatar,
+    if (r.length > 0 && a.push(...r), e.dialogue.dialogueAvatar) {
+      const i = n(
+        e.dialogue.dialogueAvatar,
         "dialogue-avatar"
       );
-      i.length > 0 && l.push(...i);
+      i.length > 0 && a.push(...i);
     }
-    if (t.dialogue.dialogueName) {
-      const i = r(
-        t.dialogue.dialogueName,
+    if (e.dialogue.dialogueName) {
+      const i = n(
+        e.dialogue.dialogueName,
         "dialogue-name"
       );
-      i.length > 0 && l.push(...i);
+      i.length > 0 && a.push(...i);
     }
-    if (t.dialogue.dialogueMessage) {
-      const i = r(
-        t.dialogue.dialogueMessage,
+    if (e.dialogue.dialogueMessage) {
+      const i = n(
+        e.dialogue.dialogueMessage,
         "dialogue-message"
       );
-      i.length > 0 && l.push(...i);
+      i.length > 0 && a.push(...i);
     }
   }
-  if (t.header) {
-    const e = r(
-      t.header,
+  if (e.header) {
+    const r = n(
+      e.header,
       "header"
     );
-    e.length > 0 && l.push(...e);
+    r.length > 0 && a.push(...r);
   }
-  if (t.label) {
-    const e = r(
-      t.label,
+  if (e.label) {
+    const r = n(
+      e.label,
       "label"
     );
-    e.length > 0 && l.push(...e);
+    r.length > 0 && a.push(...r);
   }
-  if (t.link) {
-    const e = r(t.link, "link");
-    e.length > 0 && l.push(...e);
+  if (e.link) {
+    const r = n(e.link, "link");
+    r.length > 0 && a.push(...r);
   }
-  if (t.loader) {
-    const e = r(
-      t.loader,
+  if (e.loader) {
+    const r = n(
+      e.loader,
       "loader"
     );
-    e.length > 0 && l.push(...e);
+    r.length > 0 && a.push(...r);
   }
-  if (t.message) {
-    const e = r(
-      t.message,
+  if (e.message) {
+    const r = n(
+      e.message,
       "message"
     );
-    if (e.length > 0 && l.push(...e), t.message.messageHeader) {
-      const i = r(
-        t.message.messageHeader,
+    if (r.length > 0 && a.push(...r), e.message.messageHeader) {
+      const i = n(
+        e.message.messageHeader,
         "message-header"
       );
-      i.length > 0 && l.push(...i);
+      i.length > 0 && a.push(...i);
     }
-    if (t.message.messageBody) {
-      const i = r(
-        t.message.messageBody,
+    if (e.message.messageBody) {
+      const i = n(
+        e.message.messageBody,
         "message-body"
       );
-      i.length > 0 && l.push(...i);
+      i.length > 0 && a.push(...i);
     }
   }
-  if (t.progress) {
-    const e = r(
-      t.progress,
+  if (e.progress) {
+    const r = n(
+      e.progress,
       "progress"
     );
-    e.length > 0 && l.push(...e);
+    r.length > 0 && a.push(...r);
   }
-  return l;
+  return a;
 }
-function c(t) {
-  const l = [], e = o(t), i = $(t), s = y(t);
-  return e.length > 0 && l.push(`:root{${e.join("")}}`), i.length > 0 && l.push(`:root{${i.join("")}}`), i.length > 0 && l.push(
+function V(e) {
+  const a = [], r = I(e), i = C(e), t = N(e);
+  return r.length > 0 && a.push(`:root{${r.join("")}}`), i.length > 0 && a.push(`:root{${i.join("")}}`), i.length > 0 && a.push(
     `[data-color-scheme="light"]{${i.join("")}}`
-  ), s.length > 0 && l.push(
-    `[data-color-scheme="dark"]{${s.join("")}}`
-  ), l;
+  ), t.length > 0 && a.push(
+    `[data-color-scheme="dark"]{${t.join("")}}`
+  ), a;
 }
-function o(t) {
-  const l = [];
-  if (t) {
-    if (t.animation) {
-      const e = t.animation;
-      e.speedHeavey && l.push(
-        `--${d}animation-speed-heavy: ${e.speedHeavey};`
-      ), e.speedSlower && l.push(
-        `--${d}animation-speed-slower: ${e.speedSlower};`
-      ), e.speedSlow && l.push(
-        `--${d}animation-speed-slow: ${e.speedSlow};`
-      ), e.speedNormal && l.push(
-        `--${d}animation-speed-normal: ${e.speedNormal};`
-      ), e.speedfFast && l.push(
-        `--${d}animation-speed-fast: ${e.speedfFast};`
-      ), e.speedfFaster && l.push(
-        `--${d}animation-speed-faster: ${e.speedfFaster};`
-      ), e.speedfFlash && l.push(
-        `--${d}animation-speed-flash: ${e.speedfFlash};`
+function I(e) {
+  const a = [];
+  if (e) {
+    if (e.animation) {
+      const r = e.animation;
+      r.speedHeavey && a.push(
+        `--${o}animation-speed-heavy: ${r.speedHeavey};`
+      ), r.speedSlower && a.push(
+        `--${o}animation-speed-slower: ${r.speedSlower};`
+      ), r.speedSlow && a.push(
+        `--${o}animation-speed-slow: ${r.speedSlow};`
+      ), r.speedNormal && a.push(
+        `--${o}animation-speed-normal: ${r.speedNormal};`
+      ), r.speedfFast && a.push(
+        `--${o}animation-speed-fast: ${r.speedfFast};`
+      ), r.speedfFaster && a.push(
+        `--${o}animation-speed-faster: ${r.speedfFaster};`
+      ), r.speedfFlash && a.push(
+        `--${o}animation-speed-flash: ${r.speedfFlash};`
       );
     }
-    if (t.border) {
-      const e = t.border;
-      e.borderWidthXThin && l.push(
-        `--${d}border-width-xthin: ${e.borderWidthXThin};`
-      ), e.borderWidthThin && l.push(
-        `--${d}border-width-thin: ${e.borderWidthThin};`
-      ), e.borderWidthMedium && l.push(
-        `--${d}border-width-medium: ${e.borderWidthMedium};`
-      ), e.borderWidthThick && l.push(
-        `--${d}border-width-thick: ${e.borderWidthThick};`
-      ), e.borderWidthXThick && l.push(
-        `--${d}border-width-xthick: ${e.borderWidthXThick};`
-      ), e.borderRadiusSmall && l.push(
-        `--${d}border-radius-small: ${e.borderRadiusSmall};`
-      ), e.borderRadiusMedium && l.push(
-        `--${d}border-radius-medium: ${e.borderRadiusMedium};`
-      ), e.borderRadiusLarge && l.push(
-        `--${d}border-radius-large: ${e.borderRadiusLarge};`
+    if (e.border) {
+      const r = e.border;
+      r.borderWidthXThin && a.push(
+        `--${o}border-width-xthin: ${r.borderWidthXThin};`
+      ), r.borderWidthThin && a.push(
+        `--${o}border-width-thin: ${r.borderWidthThin};`
+      ), r.borderWidthMedium && a.push(
+        `--${o}border-width-medium: ${r.borderWidthMedium};`
+      ), r.borderWidthThick && a.push(
+        `--${o}border-width-thick: ${r.borderWidthThick};`
+      ), r.borderWidthXThick && a.push(
+        `--${o}border-width-xthick: ${r.borderWidthXThick};`
+      ), r.borderRadiusSmall && a.push(
+        `--${o}border-radius-small: ${r.borderRadiusSmall};`
+      ), r.borderRadiusMedium && a.push(
+        `--${o}border-radius-medium: ${r.borderRadiusMedium};`
+      ), r.borderRadiusLarge && a.push(
+        `--${o}border-radius-large: ${r.borderRadiusLarge};`
       );
     }
-    if (t.color) {
-      const e = t.color, i = (s, a, g) => {
-        if (g) {
-          const u = `${g.lightness}% ${g.chroma} ${g.hue}`;
-          l.push(
-            `--${d}color-${s}-${a}-oklch: ${u};`
-          ), l.push(
-            `--${d}color-${s}-${a}: oklch(${u});`
+    if (e.color) {
+      const r = e.color, i = (t, d, f) => {
+        if (f) {
+          const s = `${f.lightness}% ${f.chroma} ${f.hue}`;
+          a.push(
+            `--${o}color-${t}-${d}-oklch: ${s};`
+          ), a.push(
+            `--${o}color-${t}-${d}: oklch(${s});`
           );
         }
       };
-      if (e.gray) {
-        const s = e.gray, a = "gray";
-        i(a, "95", s[95]), i(a, "90", s[90]), i(a, "85", s[85]), i(a, "80", s[80]), i(a, "75", s[75]), i(a, "70", s[70]), i(a, "65", s[65]), i(a, "60", s[60]), i(a, "55", s[55]), i(a, "50", s[50]), i(a, "45", s[45]), i(a, "40", s[40]), i(a, "35", s[35]), i(a, "30", s[30]), i(a, "25", s[25]), i(a, "20", s[20]), i(a, "15", s[15]), i(a, "10", s[10]), i(a, "05", s[5]);
+      if (r.gray) {
+        const t = r.gray, d = "gray";
+        i(d, "95", t[95]), i(d, "90", t[90]), i(d, "85", t[85]), i(d, "80", t[80]), i(d, "75", t[75]), i(d, "70", t[70]), i(d, "65", t[65]), i(d, "60", t[60]), i(d, "55", t[55]), i(d, "50", t[50]), i(d, "45", t[45]), i(d, "40", t[40]), i(d, "35", t[35]), i(d, "30", t[30]), i(d, "25", t[25]), i(d, "20", t[20]), i(d, "15", t[15]), i(d, "10", t[10]), i(d, "05", t[5]);
       }
-      if (e.red) {
-        const s = e.red, a = "red";
-        i(a, "95", s[95]), i(a, "90", s[90]), i(a, "85", s[85]), i(a, "80", s[80]), i(a, "75", s[75]), i(a, "70", s[70]), i(a, "65", s[65]), i(a, "60", s[60]), i(a, "55", s[55]), i(a, "50", s[50]), i(a, "45", s[45]), i(a, "40", s[40]), i(a, "35", s[35]), i(a, "30", s[30]), i(a, "25", s[25]), i(a, "20", s[20]), i(a, "15", s[15]), i(a, "10", s[10]), i(a, "05", s[5]);
+      if (r.red) {
+        const t = r.red, d = "red";
+        i(d, "95", t[95]), i(d, "90", t[90]), i(d, "85", t[85]), i(d, "80", t[80]), i(d, "75", t[75]), i(d, "70", t[70]), i(d, "65", t[65]), i(d, "60", t[60]), i(d, "55", t[55]), i(d, "50", t[50]), i(d, "45", t[45]), i(d, "40", t[40]), i(d, "35", t[35]), i(d, "30", t[30]), i(d, "25", t[25]), i(d, "20", t[20]), i(d, "15", t[15]), i(d, "10", t[10]), i(d, "05", t[5]);
       }
-      if (e.coral) {
-        const s = e.coral, a = "coral";
-        i(a, "95", s[95]), i(a, "90", s[90]), i(a, "85", s[85]), i(a, "80", s[80]), i(a, "75", s[75]), i(a, "70", s[70]), i(a, "65", s[65]), i(a, "60", s[60]), i(a, "55", s[55]), i(a, "50", s[50]), i(a, "45", s[45]), i(a, "40", s[40]), i(a, "35", s[35]), i(a, "30", s[30]), i(a, "25", s[25]), i(a, "20", s[20]), i(a, "15", s[15]), i(a, "10", s[10]), i(a, "05", s[5]);
+      if (r.coral) {
+        const t = r.coral, d = "coral";
+        i(d, "95", t[95]), i(d, "90", t[90]), i(d, "85", t[85]), i(d, "80", t[80]), i(d, "75", t[75]), i(d, "70", t[70]), i(d, "65", t[65]), i(d, "60", t[60]), i(d, "55", t[55]), i(d, "50", t[50]), i(d, "45", t[45]), i(d, "40", t[40]), i(d, "35", t[35]), i(d, "30", t[30]), i(d, "25", t[25]), i(d, "20", t[20]), i(d, "15", t[15]), i(d, "10", t[10]), i(d, "05", t[5]);
       }
-      if (e.orange) {
-        const s = e.orange, a = "orange";
-        i(a, "95", s[95]), i(a, "90", s[90]), i(a, "85", s[85]), i(a, "80", s[80]), i(a, "75", s[75]), i(a, "70", s[70]), i(a, "65", s[65]), i(a, "60", s[60]), i(a, "55", s[55]), i(a, "50", s[50]), i(a, "45", s[45]), i(a, "40", s[40]), i(a, "35", s[35]), i(a, "30", s[30]), i(a, "25", s[25]), i(a, "20", s[20]), i(a, "15", s[15]), i(a, "10", s[10]), i(a, "05", s[5]);
+      if (r.orange) {
+        const t = r.orange, d = "orange";
+        i(d, "95", t[95]), i(d, "90", t[90]), i(d, "85", t[85]), i(d, "80", t[80]), i(d, "75", t[75]), i(d, "70", t[70]), i(d, "65", t[65]), i(d, "60", t[60]), i(d, "55", t[55]), i(d, "50", t[50]), i(d, "45", t[45]), i(d, "40", t[40]), i(d, "35", t[35]), i(d, "30", t[30]), i(d, "25", t[25]), i(d, "20", t[20]), i(d, "15", t[15]), i(d, "10", t[10]), i(d, "05", t[5]);
       }
-      if (e.yellow) {
-        const s = e.yellow, a = "yellow";
-        i(a, "95", s[95]), i(a, "90", s[90]), i(a, "85", s[85]), i(a, "80", s[80]), i(a, "75", s[75]), i(a, "70", s[70]), i(a, "65", s[65]), i(a, "60", s[60]), i(a, "55", s[55]), i(a, "50", s[50]), i(a, "45", s[45]), i(a, "40", s[40]), i(a, "35", s[35]), i(a, "30", s[30]), i(a, "25", s[25]), i(a, "20", s[20]), i(a, "15", s[15]), i(a, "10", s[10]), i(a, "05", s[5]);
+      if (r.yellow) {
+        const t = r.yellow, d = "yellow";
+        i(d, "95", t[95]), i(d, "90", t[90]), i(d, "85", t[85]), i(d, "80", t[80]), i(d, "75", t[75]), i(d, "70", t[70]), i(d, "65", t[65]), i(d, "60", t[60]), i(d, "55", t[55]), i(d, "50", t[50]), i(d, "45", t[45]), i(d, "40", t[40]), i(d, "35", t[35]), i(d, "30", t[30]), i(d, "25", t[25]), i(d, "20", t[20]), i(d, "15", t[15]), i(d, "10", t[10]), i(d, "05", t[5]);
       }
-      if (e.lime) {
-        const s = e.lime, a = "lime";
-        i(a, "95", s[95]), i(a, "90", s[90]), i(a, "85", s[85]), i(a, "80", s[80]), i(a, "75", s[75]), i(a, "70", s[70]), i(a, "65", s[65]), i(a, "60", s[60]), i(a, "55", s[55]), i(a, "50", s[50]), i(a, "45", s[45]), i(a, "40", s[40]), i(a, "35", s[35]), i(a, "30", s[30]), i(a, "25", s[25]), i(a, "20", s[20]), i(a, "15", s[15]), i(a, "10", s[10]), i(a, "05", s[5]);
+      if (r.lime) {
+        const t = r.lime, d = "lime";
+        i(d, "95", t[95]), i(d, "90", t[90]), i(d, "85", t[85]), i(d, "80", t[80]), i(d, "75", t[75]), i(d, "70", t[70]), i(d, "65", t[65]), i(d, "60", t[60]), i(d, "55", t[55]), i(d, "50", t[50]), i(d, "45", t[45]), i(d, "40", t[40]), i(d, "35", t[35]), i(d, "30", t[30]), i(d, "25", t[25]), i(d, "20", t[20]), i(d, "15", t[15]), i(d, "10", t[10]), i(d, "05", t[5]);
       }
-      if (e.green) {
-        const s = e.green, a = "green";
-        i(a, "95", s[95]), i(a, "90", s[90]), i(a, "85", s[85]), i(a, "80", s[80]), i(a, "75", s[75]), i(a, "70", s[70]), i(a, "65", s[65]), i(a, "60", s[60]), i(a, "55", s[55]), i(a, "50", s[50]), i(a, "45", s[45]), i(a, "40", s[40]), i(a, "35", s[35]), i(a, "30", s[30]), i(a, "25", s[25]), i(a, "20", s[20]), i(a, "15", s[15]), i(a, "10", s[10]), i(a, "05", s[5]);
+      if (r.green) {
+        const t = r.green, d = "green";
+        i(d, "95", t[95]), i(d, "90", t[90]), i(d, "85", t[85]), i(d, "80", t[80]), i(d, "75", t[75]), i(d, "70", t[70]), i(d, "65", t[65]), i(d, "60", t[60]), i(d, "55", t[55]), i(d, "50", t[50]), i(d, "45", t[45]), i(d, "40", t[40]), i(d, "35", t[35]), i(d, "30", t[30]), i(d, "25", t[25]), i(d, "20", t[20]), i(d, "15", t[15]), i(d, "10", t[10]), i(d, "05", t[5]);
       }
-      if (e.cyan) {
-        const s = e.cyan, a = "cyan";
-        i(a, "95", s[95]), i(a, "90", s[90]), i(a, "85", s[85]), i(a, "80", s[80]), i(a, "75", s[75]), i(a, "70", s[70]), i(a, "65", s[65]), i(a, "60", s[60]), i(a, "55", s[55]), i(a, "50", s[50]), i(a, "45", s[45]), i(a, "40", s[40]), i(a, "35", s[35]), i(a, "30", s[30]), i(a, "25", s[25]), i(a, "20", s[20]), i(a, "15", s[15]), i(a, "10", s[10]), i(a, "05", s[5]);
+      if (r.cyan) {
+        const t = r.cyan, d = "cyan";
+        i(d, "95", t[95]), i(d, "90", t[90]), i(d, "85", t[85]), i(d, "80", t[80]), i(d, "75", t[75]), i(d, "70", t[70]), i(d, "65", t[65]), i(d, "60", t[60]), i(d, "55", t[55]), i(d, "50", t[50]), i(d, "45", t[45]), i(d, "40", t[40]), i(d, "35", t[35]), i(d, "30", t[30]), i(d, "25", t[25]), i(d, "20", t[20]), i(d, "15", t[15]), i(d, "10", t[10]), i(d, "05", t[5]);
       }
-      if (e.blue) {
-        const s = e.blue, a = "blue";
-        i(a, "95", s[95]), i(a, "90", s[90]), i(a, "85", s[85]), i(a, "80", s[80]), i(a, "75", s[75]), i(a, "70", s[70]), i(a, "65", s[65]), i(a, "60", s[60]), i(a, "55", s[55]), i(a, "50", s[50]), i(a, "45", s[45]), i(a, "40", s[40]), i(a, "35", s[35]), i(a, "30", s[30]), i(a, "25", s[25]), i(a, "20", s[20]), i(a, "15", s[15]), i(a, "10", s[10]), i(a, "05", s[5]);
+      if (r.blue) {
+        const t = r.blue, d = "blue";
+        i(d, "95", t[95]), i(d, "90", t[90]), i(d, "85", t[85]), i(d, "80", t[80]), i(d, "75", t[75]), i(d, "70", t[70]), i(d, "65", t[65]), i(d, "60", t[60]), i(d, "55", t[55]), i(d, "50", t[50]), i(d, "45", t[45]), i(d, "40", t[40]), i(d, "35", t[35]), i(d, "30", t[30]), i(d, "25", t[25]), i(d, "20", t[20]), i(d, "15", t[15]), i(d, "10", t[10]), i(d, "05", t[5]);
       }
-      if (e.violet) {
-        const s = e.violet, a = "violet";
-        i(a, "95", s[95]), i(a, "90", s[90]), i(a, "85", s[85]), i(a, "80", s[80]), i(a, "75", s[75]), i(a, "70", s[70]), i(a, "65", s[65]), i(a, "60", s[60]), i(a, "55", s[55]), i(a, "50", s[50]), i(a, "45", s[45]), i(a, "40", s[40]), i(a, "35", s[35]), i(a, "30", s[30]), i(a, "25", s[25]), i(a, "20", s[20]), i(a, "15", s[15]), i(a, "10", s[10]), i(a, "05", s[5]);
+      if (r.violet) {
+        const t = r.violet, d = "violet";
+        i(d, "95", t[95]), i(d, "90", t[90]), i(d, "85", t[85]), i(d, "80", t[80]), i(d, "75", t[75]), i(d, "70", t[70]), i(d, "65", t[65]), i(d, "60", t[60]), i(d, "55", t[55]), i(d, "50", t[50]), i(d, "45", t[45]), i(d, "40", t[40]), i(d, "35", t[35]), i(d, "30", t[30]), i(d, "25", t[25]), i(d, "20", t[20]), i(d, "15", t[15]), i(d, "10", t[10]), i(d, "05", t[5]);
       }
-      if (e.magenta) {
-        const s = e.magenta, a = "magenta";
-        i(a, "95", s[95]), i(a, "90", s[90]), i(a, "85", s[85]), i(a, "80", s[80]), i(a, "75", s[75]), i(a, "70", s[70]), i(a, "65", s[65]), i(a, "60", s[60]), i(a, "55", s[55]), i(a, "50", s[50]), i(a, "45", s[45]), i(a, "40", s[40]), i(a, "35", s[35]), i(a, "30", s[30]), i(a, "25", s[25]), i(a, "20", s[20]), i(a, "15", s[15]), i(a, "10", s[10]), i(a, "05", s[5]);
+      if (r.magenta) {
+        const t = r.magenta, d = "magenta";
+        i(d, "95", t[95]), i(d, "90", t[90]), i(d, "85", t[85]), i(d, "80", t[80]), i(d, "75", t[75]), i(d, "70", t[70]), i(d, "65", t[65]), i(d, "60", t[60]), i(d, "55", t[55]), i(d, "50", t[50]), i(d, "45", t[45]), i(d, "40", t[40]), i(d, "35", t[35]), i(d, "30", t[30]), i(d, "25", t[25]), i(d, "20", t[20]), i(d, "15", t[15]), i(d, "10", t[10]), i(d, "05", t[5]);
       }
     }
-    if (t.miscellaneous) {
-      const e = t.miscellaneous;
-      e.zIndexTabula && l.push(
-        `--${d}z-index-tabula: ${e.zIndexTabula};`
-      ), e.zIndexModal && l.push(
-        `--${d}z-index-modal: ${e.zIndexModal};`
-      ), e.zIndexModalContent && l.push(
-        `--${d}z-index-tabula-content: ${e.zIndexModalContent};`
-      ), e.zIndexHeaderIsSticky && l.push(
-        `--${d}z-index-header-is-sticky: ${e.zIndexHeaderIsSticky};`
+    if (e.miscellaneous) {
+      const r = e.miscellaneous;
+      r.zIndexTabula && a.push(
+        `--${o}z-index-tabula: ${r.zIndexTabula};`
+      ), r.zIndexModal && a.push(
+        `--${o}z-index-modal: ${r.zIndexModal};`
+      ), r.zIndexModalContent && a.push(
+        `--${o}z-index-tabula-content: ${r.zIndexModalContent};`
+      ), r.zIndexHeaderIsSticky && a.push(
+        `--${o}z-index-header-is-sticky: ${r.zIndexHeaderIsSticky};`
       );
     }
-    if (t.typography) {
-      const e = t.typography;
-      e.fontFamily && (e.fontFamily.sansSerif && l.push(
-        `--${d}font-family-sans-serif: ${e.fontFamily.sansSerif};`
-      ), e.fontFamily.serif && l.push(
-        `--${d}font-family-serif: ${e.fontFamily.serif};`
-      ), e.fontFamily.monospace && l.push(
-        `--${d}font-family-monospace: ${e.fontFamily.monospace};`
-      ), e.fontFamily.main && l.push(
-        `--${d}font-family-main: ${e.fontFamily.main};`
-      ), e.fontFamily.heading && l.push(
-        `--${d}font-family-heading: ${e.fontFamily.heading};`
-      ), e.fontFamily.code && l.push(
-        `--${d}font-family-code: ${e.fontFamily.code};`
-      )), e.fontSize && (e.fontSize.xsmall && l.push(
-        `--${d}font-size-xsmall: ${e.fontSize.xsmall};`
-      ), e.fontSize.small && l.push(
-        `--${d}font-size-small: ${e.fontSize.small};`
-      ), e.fontSize.normal && l.push(
-        `--${d}font-size-normal: ${e.fontSize.normal};`
-      ), e.fontSize.medium && l.push(
-        `--${d}font-size-medium: ${e.fontSize.medium};`
-      ), e.fontSize.large && l.push(
-        `--${d}font-size-large: ${e.fontSize.large};`
-      ), e.fontSize.xlarge && l.push(
-        `--${d}font-size-xlarge: ${e.fontSize.xlarge};`
-      ), e.fontSize.xxlarge && l.push(
-        `--${d}font-size-xxlarge: ${e.fontSize.xxlarge};`
-      ), e.fontSize.xxxlarge && l.push(
-        `--${d}font-size-xxxlarge: ${e.fontSize.xxxlarge};`
-      ), e.fontSize.xxxxlarge && l.push(
-        `--${d}font-size-xxxxlarge: ${e.fontSize.xxxxlarge};`
-      ), e.fontSize.xxxxxlarge && l.push(
-        `--${d}font-size-xxxxxlarge: ${e.fontSize.xxxxxlarge};`
-      )), e.fontWeight && (e.fontWeight.light && l.push(
-        `--${d}font-weight-light: ${e.fontWeight.light};`
-      ), e.fontWeight.normal && l.push(
-        `--${d}font-weight-normal: ${e.fontWeight.normal};`
-      ), e.fontWeight.medium && l.push(
-        `--${d}font-weight-medium: ${e.fontWeight.medium};`
-      ), e.fontWeight.semibold && l.push(
-        `--${d}font-weight-semibold: ${e.fontWeight.semibold};`
-      ), e.fontWeight.bold && l.push(
-        `--${d}font-weight-bold: ${e.fontWeight.bold};`
+    if (e.typography) {
+      const r = e.typography;
+      r.fontFamily && (r.fontFamily.sansSerif && a.push(
+        `--${o}font-family-sans-serif: ${r.fontFamily.sansSerif};`
+      ), r.fontFamily.serif && a.push(
+        `--${o}font-family-serif: ${r.fontFamily.serif};`
+      ), r.fontFamily.monospace && a.push(
+        `--${o}font-family-monospace: ${r.fontFamily.monospace};`
+      ), r.fontFamily.main && a.push(
+        `--${o}font-family-main: ${r.fontFamily.main};`
+      ), r.fontFamily.heading && a.push(
+        `--${o}font-family-heading: ${r.fontFamily.heading};`
+      ), r.fontFamily.code && a.push(
+        `--${o}font-family-code: ${r.fontFamily.code};`
+      )), r.fontSize && (r.fontSize.xsmall && a.push(
+        `--${o}font-size-xsmall: ${r.fontSize.xsmall};`
+      ), r.fontSize.small && a.push(
+        `--${o}font-size-small: ${r.fontSize.small};`
+      ), r.fontSize.normal && a.push(
+        `--${o}font-size-normal: ${r.fontSize.normal};`
+      ), r.fontSize.medium && a.push(
+        `--${o}font-size-medium: ${r.fontSize.medium};`
+      ), r.fontSize.large && a.push(
+        `--${o}font-size-large: ${r.fontSize.large};`
+      ), r.fontSize.xlarge && a.push(
+        `--${o}font-size-xlarge: ${r.fontSize.xlarge};`
+      ), r.fontSize.xxlarge && a.push(
+        `--${o}font-size-xxlarge: ${r.fontSize.xxlarge};`
+      ), r.fontSize.xxxlarge && a.push(
+        `--${o}font-size-xxxlarge: ${r.fontSize.xxxlarge};`
+      ), r.fontSize.xxxxlarge && a.push(
+        `--${o}font-size-xxxxlarge: ${r.fontSize.xxxxlarge};`
+      ), r.fontSize.xxxxxlarge && a.push(
+        `--${o}font-size-xxxxxlarge: ${r.fontSize.xxxxxlarge};`
+      )), r.fontWeight && (r.fontWeight.light && a.push(
+        `--${o}font-weight-light: ${r.fontWeight.light};`
+      ), r.fontWeight.normal && a.push(
+        `--${o}font-weight-normal: ${r.fontWeight.normal};`
+      ), r.fontWeight.medium && a.push(
+        `--${o}font-weight-medium: ${r.fontWeight.medium};`
+      ), r.fontWeight.semibold && a.push(
+        `--${o}font-weight-semibold: ${r.fontWeight.semibold};`
+      ), r.fontWeight.bold && a.push(
+        `--${o}font-weight-bold: ${r.fontWeight.bold};`
       ));
     }
-    if (t.components) {
-      const e = t.components;
-      if (e.breadcrumbs) {
-        const i = e.breadcrumbs;
-        i.breadcrumbDivider && l.push(
-          `--${d}breadcrumb-divider: ${i.breadcrumbDivider};`
+    if (e.components) {
+      const r = e.components;
+      if (r.breadcrumbs) {
+        const i = r.breadcrumbs;
+        i.breadcrumbDivider && a.push(
+          `--${o}breadcrumb-divider: ${i.breadcrumbDivider};`
         );
       }
-      if (e.button) {
-        const i = e.button;
-        i.paddingX && l.push(
-          `--${d}button-padding-x: ${i.paddingX};`
-        ), i.paddingY && l.push(
-          `--${d}button-padding-y: ${i.paddingY};`
+      if (r.button) {
+        const i = r.button;
+        i.paddingX && a.push(
+          `--${o}button-padding-x: ${i.paddingX};`
+        ), i.paddingY && a.push(
+          `--${o}button-padding-y: ${i.paddingY};`
         );
       }
-      if (e.dialogue) {
-        const i = e.dialogue;
-        i.avatarSizeDefault && l.push(
-          `--${d}dialogue-avatar-size-default: ${i.avatarSizeDefault};`
-        ), i.avatarSizeSmall && l.push(
-          `--${d}dialogue-avatar-size-small: ${i.avatarSizeSmall};`
-        ), i.avatarSizeLarge && l.push(
-          `--${d}dialogue-avatar-size-large: ${i.avatarSizeLarge};`
-        ), i.avatarTopOffset && l.push(
-          `--${d}dialogue-avatar-top-offset: ${i.avatarTopOffset};`
-        ), i.nameFontSize && (i.nameFontSize.includes("rem"), l.push(
-          `--${d}dialogue-name-font-size: ${i.nameFontSize};`
-        )), i.namePaddingX && l.push(
-          `--${d}dialogue-name-padding-x: ${i.namePaddingX};`
-        ), i.namePaddingY && l.push(
-          `--${d}dialogue-name-padding-y: ${i.namePaddingY};`
-        ), i.messageArrowHeight && l.push(
-          `--${d}dialogue-messege-arrow-height: ${i.messageArrowHeight};`
-        ), i.messageArrowWidth && l.push(
-          `--${d}dialogue-messege-arrow-width: ${i.messageArrowWidth};`
-        ), i.messageInnerPaddingX && l.push(
-          `--${d}dialogue-message-inner-padding-x: ${i.messageInnerPaddingX};`
-        ), i.messageInnerPaddingY && l.push(
-          `--${d}dialogue-message-inner-padding-y: ${i.messageInnerPaddingY};`
+      if (r.dialogue) {
+        const i = r.dialogue;
+        i.avatarSizeDefault && a.push(
+          `--${o}dialogue-avatar-size-default: ${i.avatarSizeDefault};`
+        ), i.avatarSizeSmall && a.push(
+          `--${o}dialogue-avatar-size-small: ${i.avatarSizeSmall};`
+        ), i.avatarSizeLarge && a.push(
+          `--${o}dialogue-avatar-size-large: ${i.avatarSizeLarge};`
+        ), i.avatarTopOffset && a.push(
+          `--${o}dialogue-avatar-top-offset: ${i.avatarTopOffset};`
+        ), i.nameFontSize && (i.nameFontSize.includes("rem"), a.push(
+          `--${o}dialogue-name-font-size: ${i.nameFontSize};`
+        )), i.namePaddingX && a.push(
+          `--${o}dialogue-name-padding-x: ${i.namePaddingX};`
+        ), i.namePaddingY && a.push(
+          `--${o}dialogue-name-padding-y: ${i.namePaddingY};`
+        ), i.messageArrowHeight && a.push(
+          `--${o}dialogue-messege-arrow-height: ${i.messageArrowHeight};`
+        ), i.messageArrowWidth && a.push(
+          `--${o}dialogue-messege-arrow-width: ${i.messageArrowWidth};`
+        ), i.messageInnerPaddingX && a.push(
+          `--${o}dialogue-message-inner-padding-x: ${i.messageInnerPaddingX};`
+        ), i.messageInnerPaddingY && a.push(
+          `--${o}dialogue-message-inner-padding-y: ${i.messageInnerPaddingY};`
         );
       }
-      if (e.header) {
-        const i = e.header;
-        i.backdropFilter && l.push(
-          `--${d}header-backdrop-filter: ${i.backdropFilter};`
-        ), i.zIndexIsSticky && (i.zIndexIsSticky === "auto" ? l.push(
-          `--${d}header-z-index-is-sticky: "auto";`
-        ) : l.push(
-          `--${d}header-z-index-is-sticky: ${i.zIndexIsSticky};`
-        )), i.zIndexIsFixed && (i.zIndexIsFixed === "auto" ? l.push(
-          `--${d}header-z-index-is-fixed: "auto";`
-        ) : l.push(
-          `--${d}header-z-index-is-fixed: ${i.zIndexIsFixed};`
+      if (r.header) {
+        const i = r.header;
+        i.backdropFilter && a.push(
+          `--${o}header-backdrop-filter: ${i.backdropFilter};`
+        ), i.zIndexIsSticky && (i.zIndexIsSticky === "auto" ? a.push(
+          `--${o}header-z-index-is-sticky: "auto";`
+        ) : a.push(
+          `--${o}header-z-index-is-sticky: ${i.zIndexIsSticky};`
+        )), i.zIndexIsFixed && (i.zIndexIsFixed === "auto" ? a.push(
+          `--${o}header-z-index-is-fixed: "auto";`
+        ) : a.push(
+          `--${o}header-z-index-is-fixed: ${i.zIndexIsFixed};`
         ));
       }
-      if (e.heading) {
-        const i = e.heading;
-        i.fontFamily && l.push(
-          `--${d}font-family-heading: ${i.fontFamily};`
+      if (r.heading) {
+        const i = r.heading;
+        i.fontFamily && a.push(
+          `--${o}font-family-heading: ${i.fontFamily};`
         );
       }
     }
   }
-  return l;
+  return a;
 }
-function $(t) {
-  const l = [];
-  if (t && t.color) {
-    const e = t.color;
-    if (e.light) {
-      if (e.light.default) {
-        const i = f("default", e.light.default);
-        i.length > 0 && l.push(...i);
-      }
-      if (e.light.gray) {
-        const i = f("gray", e.light.gray);
-        i.length > 0 && l.push(...i);
-      }
-      if (e.light.red) {
-        const i = f("red", e.light.red);
-        i.length > 0 && l.push(...i);
-      }
-      if (e.light.coral) {
-        const i = f("coral", e.light.coral);
-        i.length > 0 && l.push(...i);
-      }
-      if (e.light.orange) {
-        const i = f("orange", e.light.orange);
-        i.length > 0 && l.push(...i);
-      }
-      if (e.light.yellow) {
-        const i = f("yellow", e.light.yellow);
-        i.length > 0 && l.push(...i);
-      }
-      if (e.light.lime) {
-        const i = f("lime", e.light.lime);
-        i.length > 0 && l.push(...i);
-      }
-      if (e.light.green) {
-        const i = f("green", e.light.green);
-        i.length > 0 && l.push(...i);
-      }
-      if (e.light.cyan) {
-        const i = f("cyan", e.light.cyan);
-        i.length > 0 && l.push(...i);
-      }
-      if (e.light.blue) {
-        const i = f("blue", e.light.blue);
-        i.length > 0 && l.push(...i);
-      }
-      if (e.light.violet) {
-        const i = f("violet", e.light.violet);
-        i.length > 0 && l.push(...i);
-      }
-      if (e.light.components) {
-        const i = e.light.components, s = n(i);
-        s.length > 0 && l.push(...s);
+function C(e) {
+  const a = [];
+  if (e && e.color) {
+    const r = e.color;
+    if (r.light) {
+      if (r.light.default) {
+        const i = l("default", r.light.default);
+        i.length > 0 && a.push(...i);
+      }
+      if (r.light.gray) {
+        const i = l("gray", r.light.gray);
+        i.length > 0 && a.push(...i);
+      }
+      if (r.light.red) {
+        const i = l("red", r.light.red);
+        i.length > 0 && a.push(...i);
+      }
+      if (r.light.coral) {
+        const i = l("coral", r.light.coral);
+        i.length > 0 && a.push(...i);
+      }
+      if (r.light.orange) {
+        const i = l("orange", r.light.orange);
+        i.length > 0 && a.push(...i);
+      }
+      if (r.light.yellow) {
+        const i = l("yellow", r.light.yellow);
+        i.length > 0 && a.push(...i);
+      }
+      if (r.light.lime) {
+        const i = l("lime", r.light.lime);
+        i.length > 0 && a.push(...i);
+      }
+      if (r.light.green) {
+        const i = l("green", r.light.green);
+        i.length > 0 && a.push(...i);
+      }
+      if (r.light.cyan) {
+        const i = l("cyan", r.light.cyan);
+        i.length > 0 && a.push(...i);
+      }
+      if (r.light.blue) {
+        const i = l("blue", r.light.blue);
+        i.length > 0 && a.push(...i);
+      }
+      if (r.light.violet) {
+        const i = l("violet", r.light.violet);
+        i.length > 0 && a.push(...i);
+      }
+      if (r.light.components) {
+        const i = r.light.components, t = F(i);
+        t.length > 0 && a.push(...t);
       }
     }
   }
-  return l;
+  return a;
 }
-function y(t) {
-  const l = [];
-  if (t && t.color) {
-    const e = t.color;
-    if (e.dark) {
-      if (e.dark.default) {
-        const i = f("default", e.dark.default);
-        i.length > 0 && l.push(...i);
-      }
-      if (e.dark.gray) {
-        const i = f("gray", e.dark.gray);
-        i.length > 0 && l.push(...i);
-      }
-      if (e.dark.red) {
-        const i = f("red", e.dark.red);
-        i.length > 0 && l.push(...i);
-      }
-      if (e.dark.coral) {
-        const i = f("coral", e.dark.coral);
-        i.length > 0 && l.push(...i);
-      }
-      if (e.dark.orange) {
-        const i = f("orange", e.dark.orange);
-        i.length > 0 && l.push(...i);
-      }
-      if (e.dark.yellow) {
-        const i = f("yellow", e.dark.yellow);
-        i.length > 0 && l.push(...i);
-      }
-      if (e.dark.lime) {
-        const i = f("lime", e.dark.lime);
-        i.length > 0 && l.push(...i);
-      }
-      if (e.dark.green) {
-        const i = f("green", e.dark.green);
-        i.length > 0 && l.push(...i);
-      }
-      if (e.dark.cyan) {
-        const i = f("cyan", e.dark.cyan);
-        i.length > 0 && l.push(...i);
-      }
-      if (e.dark.blue) {
-        const i = f("blue", e.dark.blue);
-        i.length > 0 && l.push(...i);
-      }
-      if (e.dark.violet) {
-        const i = f("violet", e.dark.violet);
-        i.length > 0 && l.push(...i);
-      }
-      if (e.dark.magenta) {
-        const i = f("magenta", e.dark.magenta);
-        i.length > 0 && l.push(...i);
-      }
-      if (e.dark.components) {
-        const i = e.dark.components, s = n(i);
-        s.length > 0 && l.push(...s);
+function N(e) {
+  const a = [];
+  if (e && e.color) {
+    const r = e.color;
+    if (r.dark) {
+      if (r.dark.default) {
+        const i = l("default", r.dark.default);
+        i.length > 0 && a.push(...i);
+      }
+      if (r.dark.gray) {
+        const i = l("gray", r.dark.gray);
+        i.length > 0 && a.push(...i);
+      }
+      if (r.dark.red) {
+        const i = l("red", r.dark.red);
+        i.length > 0 && a.push(...i);
+      }
+      if (r.dark.coral) {
+        const i = l("coral", r.dark.coral);
+        i.length > 0 && a.push(...i);
+      }
+      if (r.dark.orange) {
+        const i = l("orange", r.dark.orange);
+        i.length > 0 && a.push(...i);
+      }
+      if (r.dark.yellow) {
+        const i = l("yellow", r.dark.yellow);
+        i.length > 0 && a.push(...i);
+      }
+      if (r.dark.lime) {
+        const i = l("lime", r.dark.lime);
+        i.length > 0 && a.push(...i);
+      }
+      if (r.dark.green) {
+        const i = l("green", r.dark.green);
+        i.length > 0 && a.push(...i);
+      }
+      if (r.dark.cyan) {
+        const i = l("cyan", r.dark.cyan);
+        i.length > 0 && a.push(...i);
+      }
+      if (r.dark.blue) {
+        const i = l("blue", r.dark.blue);
+        i.length > 0 && a.push(...i);
+      }
+      if (r.dark.violet) {
+        const i = l("violet", r.dark.violet);
+        i.length > 0 && a.push(...i);
+      }
+      if (r.dark.magenta) {
+        const i = l("magenta", r.dark.magenta);
+        i.length > 0 && a.push(...i);
+      }
+      if (r.dark.components) {
+        const i = r.dark.components, t = F(i);
+        t.length > 0 && a.push(...t);
       }
     }
   }
-  return l;
+  return a;
 }
-const p = {
-  getMinolithCssVariableStyles: c,
-  getRootStyles: o,
-  getLightSchemeStyles: $,
-  getDarkSchemeStyles: y
+function g(e, a) {
+  return e ? a === "highlighter" ? {
+    default: w(e.default),
+    hover: w(e.hover),
+    focus: w(e.focus),
+    active: w(e.active),
+    disabled: w(e.disabled)
+  } : {
+    default: x(e.default),
+    hover: x(e.hover),
+    focus: x(e.focus),
+    active: x(e.active),
+    disabled: x(e.disabled)
+  } : {
+    default: void 0,
+    hover: void 0,
+    focus: void 0,
+    active: void 0,
+    disabled: void 0
+  };
+}
+function x(e) {
+  if (e)
+    return e.name === "rainbow" ? "transparent !important" : `var(--${o}color-${e.name}-${e.lightness === 5 ? "05" : e.lightness}) !important`;
+}
+function w(e) {
+  if (e && e.name !== "rainbow")
+    return `linear-gradient(
+    transparent 66.66%,
+    var(--${o}color-${e.name}-${e.lightness}) 33.33%
+  )`;
+}
+function m(e) {
+  return e.foreColor || e.backColor || e.highlighter || e.borderColor ? {
+    color: e.foreColor,
+    backgroundColor: e.backColor,
+    backgroundImage: e.highlighter,
+    borderColor: e.borderColor,
+    borderTopColor: e.borderTopColor,
+    borderRightColor: e.borderRightColor,
+    borderBottomColor: e.borderBottomColor,
+    borderLeftColor: e.borderLeftColor
+  } : void 0;
+}
+function W({
+  foreColor: e,
+  backColor: a,
+  highlighter: r,
+  borderColor: i,
+  borderTopColor: t,
+  borderRightColor: d,
+  borderBottomColor: f,
+  borderLeftColor: s
+}) {
+  return (e || a || r || i || t || d || f || s) && {
+    color: e && e.default,
+    backgroundColor: a && a.default,
+    backgroundImage: r && r.default,
+    borderColor: i && i.default,
+    borderTopColor: t && t.default,
+    borderRightColor: d && d.default,
+    borderBottomColor: f && f.default,
+    borderLeftColor: s && s.default,
+    ":hover": m({
+      foreColor: e && e.hover,
+      backColor: a && a.hover,
+      highlighter: r && r.hover,
+      borderColor: i && i.hover,
+      borderTopColor: t && t.hover,
+      borderRightColor: d && d.hover,
+      borderBottomColor: f && f.hover,
+      borderLeftColor: s && s.hover
+    }),
+    ":focus": m({
+      foreColor: e && e.focus,
+      backColor: a && a.focus,
+      highlighter: r && r.focus,
+      borderColor: i && i.focus,
+      borderTopColor: t && t.focus,
+      borderRightColor: d && d.focus,
+      borderBottomColor: f && f.focus,
+      borderLeftColor: s && s.focus
+    }),
+    ":active": m({
+      foreColor: e && e.active,
+      backColor: a && a.active,
+      highlighter: r && r.active,
+      borderColor: i && i.active,
+      borderTopColor: t && t.active,
+      borderRightColor: d && d.active,
+      borderBottomColor: f && f.active,
+      borderLeftColor: s && s.active
+    }),
+    "[disabled]": m({
+      foreColor: e && e.disabled,
+      backColor: a && a.disabled,
+      highlighter: r && r.disabled,
+      borderColor: i && i.disabled,
+      borderTopColor: t && t.disabled,
+      borderRightColor: d && d.disabled,
+      borderBottomColor: f && f.disabled,
+      borderLeftColor: s && s.disabled
+    })
+  };
+}
+function p(e) {
+  if (Object.keys(e).filter(
+    (k) => k === "fore" || k === "back" || k === "highlighter" || k === "border" || k === "positioning" || k === "sizing" || k === "spacing"
+  ).length === 0)
+    return e.css ? e.css : void 0;
+  const i = e.fore && g(e.fore.color), t = e.fore && e.fore.color && g(e.fore.color.light), d = e.fore && e.fore.color && g(e.fore.color.dark), f = e.fore && e.fore.fontSize ? `var(--${o}font-size-${e.fore.fontSize})` : void 0, s = e.fore && e.fore.fontWeight ? `var(--${o}font-weight-${e.fore.fontWeight})` : void 0, h = e.back && g(e.back.color), B = e.back && e.back.color && g(e.back.color.light), L = e.back && e.back.color && g(e.back.color.dark), c = e.highlighter && g(e.highlighter.color, "highlighter"), T = e.highlighter && e.highlighter.color && g(e.highlighter.color.light, "highlighter"), R = e.highlighter && e.highlighter.color && g(e.highlighter.color.dark, "highlighter"), u = e.border && g(e.border.color), b = e.border && e.border.top && g(e.border.top.color), $ = e.border && e.border.right && g(e.border.right.color), y = e.border && e.border.bottom && g(e.border.bottom.color), v = e.border && e.border.left && g(e.border.left.color), D = e.border && e.border.color && g(e.border.color.light), j = e.border && e.border.top && e.border.top.color && g(e.border.top.color.light), H = e.border && e.border.right && e.border.right.color && g(e.border.right.color.light), M = e.border && e.border.bottom && e.border.bottom.color && g(e.border.bottom.color.light), X = e.border && e.border.left && e.border.left.color && g(e.border.left.color.light), Y = e.border && e.border.color && g(e.border.color.dark), O = e.border && e.border.top && e.border.top.color && g(e.border.top.color.dark), K = e.border && e.border.right && e.border.right.color && g(e.border.right.color.dark), U = e.border && e.border.bottom && e.border.bottom.color && g(e.border.bottom.color.dark), E = e.border && e.border.left && e.border.left.color && g(e.border.left.color.dark), q = m({
+    foreColor: i && i.hover,
+    backColor: h && h.hover,
+    highlighter: c && c.hover,
+    borderColor: u && u.hover,
+    borderTopColor: b && b.hover,
+    borderRightColor: $ && $.hover,
+    borderBottomColor: y && y.hover,
+    borderLeftColor: v && v.hover
+  }), G = m({
+    foreColor: i && i.focus,
+    backColor: h && h.focus,
+    highlighter: c && c.focus,
+    borderColor: u && u.focus,
+    borderTopColor: b && b.focus,
+    borderRightColor: $ && $.focus,
+    borderBottomColor: y && y.focus,
+    borderLeftColor: v && v.focus
+  }), J = m({
+    foreColor: i && i.active,
+    backColor: h && h.active,
+    highlighter: c && c.active,
+    borderColor: u && u.active,
+    borderTopColor: b && b.active,
+    borderRightColor: $ && $.active,
+    borderBottomColor: y && y.active,
+    borderLeftColor: v && v.active
+  }), Q = m({
+    foreColor: i && i.disabled,
+    backColor: h && h.disabled,
+    highlighter: c && c.disabled,
+    borderColor: u && u.disabled,
+    borderTopColor: b && b.disabled,
+    borderRightColor: $ && $.disabled,
+    borderBottomColor: y && y.disabled,
+    borderLeftColor: v && v.disabled
+  }), Z = W({
+    foreColor: t,
+    backColor: B,
+    highlighter: T,
+    borderColor: D,
+    borderTopColor: j,
+    borderRightColor: H,
+    borderBottomColor: M,
+    borderLeftColor: X
+  }), _ = W({
+    foreColor: d,
+    backColor: L,
+    highlighter: R,
+    borderColor: Y,
+    borderTopColor: O,
+    borderRightColor: K,
+    borderBottomColor: U,
+    borderLeftColor: E
+  }), S = A({
+    color: i && i.default,
+    fontSize: f,
+    fontWeight: s,
+    backgroundColor: h && h.default,
+    backgroundImage: c && c.default,
+    borderColor: u && u.default,
+    borderCollapse: e.border && e.border.collapse ? e.border.collapse === "collapted" ? "collapse" : "separate" : void 0,
+    borderRadius: e.border && e.border.radius ? `var(--${o}border-radius-${e.border.radius})` : void 0,
+    borderStyle: e.border && e.border.style ? e.border.style : void 0,
+    borderWidth: e.border && e.border.width ? `var(--${o}border-width-${e.border.width})` : void 0,
+    borderTopColor: b && b.default,
+    borderTopStyle: e.border && e.border.top && e.border.top.style ? e.border.top.style : void 0,
+    borderTopWidth: e.border && e.border.top && e.border.top.width ? `var(--${o}border-width-${e.border.top.width})` : void 0,
+    borderRightColor: $ && $.default,
+    borderRightStyle: e.border && e.border.right && e.border.right.style ? e.border.right.style : void 0,
+    borderRightWidth: e.border && e.border.right && e.border.right.width ? `var(--${o}border-width-${e.border.right.width})` : void 0,
+    borderBottomColor: y && y.default,
+    borderBottomStyle: e.border && e.border.bottom && e.border.bottom.style ? e.border.bottom.style : void 0,
+    borderBottomWidth: e.border && e.border.bottom && e.border.bottom.width ? `var(--${o}border-width-${e.border.bottom.width})` : void 0,
+    borderLeftColor: v && v.default,
+    borderLeftStyle: e.border && e.border.left && e.border.left.style ? e.border.left.style : void 0,
+    borderLeftWidth: e.border && e.border.left && e.border.left.width ? `var(--${o}border-width-${e.border.left.width})` : void 0,
+    margin: e.spacing && e.spacing.margin ? typeof e.spacing.margin == "number" ? `${e.spacing.margin}rem` : typeof e.spacing.margin == "string" ? e.spacing.margin : void 0 : void 0,
+    marginTop: e.spacing && e.spacing.margin && typeof e.spacing.margin == "object" && e.spacing.margin.top ? typeof e.spacing.margin.top == "number" ? `${e.spacing.margin.top}rem` : e.spacing.margin.top : void 0,
+    marginRight: e.spacing && e.spacing.margin && typeof e.spacing.margin == "object" && e.spacing.margin.right ? typeof e.spacing.margin.right == "number" ? `${e.spacing.margin.right}rem` : e.spacing.margin.right : void 0,
+    marginBottom: e.spacing && e.spacing.margin && typeof e.spacing.margin == "object" && e.spacing.margin.bottom ? typeof e.spacing.margin.bottom == "number" ? `${e.spacing.margin.bottom}rem` : e.spacing.margin.bottom : void 0,
+    marginLeft: e.spacing && e.spacing.margin && typeof e.spacing.margin == "object" && e.spacing.margin.left ? typeof e.spacing.margin.left == "number" ? `${e.spacing.margin.left}rem` : e.spacing.margin.left : void 0,
+    padding: e.spacing && e.spacing.padding ? typeof e.spacing.padding == "number" ? `${e.spacing.padding}rem` : typeof e.spacing.padding == "string" ? e.spacing.padding : void 0 : void 0,
+    paddingTop: e.spacing && e.spacing.padding && typeof e.spacing.padding == "object" && e.spacing.padding.top ? typeof e.spacing.padding.top == "number" ? `${e.spacing.padding.top}rem` : e.spacing.padding.top : void 0,
+    paddingRight: e.spacing && e.spacing.padding && typeof e.spacing.padding == "object" && e.spacing.padding.right ? typeof e.spacing.padding.right == "number" ? `${e.spacing.padding.right}rem` : e.spacing.padding.right : void 0,
+    paddingBottom: e.spacing && e.spacing.padding && typeof e.spacing.padding == "object" && e.spacing.padding.bottom ? typeof e.spacing.padding.bottom == "number" ? `${e.spacing.padding.bottom}rem` : e.spacing.padding.bottom : void 0,
+    paddingLeft: e.spacing && e.spacing.padding && typeof e.spacing.padding == "object" && e.spacing.padding.left ? typeof e.spacing.padding.left == "number" ? `${e.spacing.padding.left}rem` : e.spacing.padding.left : void 0,
+    ":hover": q,
+    ":focus": G,
+    ":active": J,
+    "[disabled]": Q,
+    "@media (prefers-color-scheme: light)": Z,
+    "@media (prefers-color-scheme: dark)": _
+  });
+  return e.css ? P(S, e.css) : S;
+}
+const ti = {
+  getMinolithCssVariableStyles: V,
+  getRootStyles: I,
+  getColorVariable: x,
+  getEmotionCss: p
 };
 export {
-  p as default
+  ti as default
 };
 //# sourceMappingURL=minolithStyleUtility.js.map