react-minolith 0.0.28 → 0.0.30

package/dist/utilities/minolithStyleUtility/minolithStyleUtility.js

@@ -1,559 +1,614 @@
 const d = "minolith-";
-function h(l, t, s, i) {
-  const e = [];
-  return t && (t.fore && e.push(
-    `--${d}color-${l}${s ? `-${s}` : ""}${i ? `-${i}` : ""}-fore: ${t.fore.startsWith("--") ? `var(${t.fore});` : `${t.fore};`}`
-  ), t.back && e.push(
-    `--${d}color-${l}${s ? `-${s}` : ""}${i ? `-${i}` : ""}-back: ${t.back.startsWith("--") ? `var(${t.back});` : `${t.back};`}`
-  ), t.border && e.push(
-    `--${d}color-${l}${s ? `-${s}` : ""}${i ? `-${i}` : ""}-border: ${t.border.startsWith("--") ? `var(${t.border});` : `${t.border};`}`
-  ), t.shadow && e.push(
-    `--${d}color-${l}${s ? `-${s}` : ""}${i ? `-${i}` : ""}-shadow: ${t.shadow.startsWith("--") ? `var(${t.shadow});` : `${t.shadow};`}`
-  ), t.placeholder && e.push(
-    `--${d}color-${l}${s ? `-${s}` : ""}${i ? `-${i}` : ""}-placeholder: ${t.placeholder.startsWith("--") ? `var(${t.placeholder});` : `${t.placeholder};`}`
-  )), e;
+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;
 }
-function f(l, t, s) {
+function f(t, l, e) {
   const i = [];
-  if (t.default) {
-    const e = h(
-      l,
-      t.default,
+  if (l.default) {
+    const s = h(
+      t,
+      l.default,
       void 0,
-      s
+      e
     );
-    e.length > 0 && i.push(...e);
+    s.length > 0 && i.push(...s);
   }
-  if (t.hover) {
-    const e = h(
-      l,
-      t.hover,
+  if (l.hover) {
+    const s = h(
+      t,
+      l.hover,
       "hover",
-      s
+      e
     );
-    e.length > 0 && i.push(...e);
+    s.length > 0 && i.push(...s);
   }
-  if (t.focus) {
-    const e = h(
-      l,
-      t.focus,
+  if (l.focus) {
+    const s = h(
+      t,
+      l.focus,
       "focus",
-      s
+      e
     );
-    e.length > 0 && i.push(...e);
+    s.length > 0 && i.push(...s);
   }
-  if (t.active) {
-    const e = h(
-      l,
-      t.active,
+  if (l.active) {
+    const s = h(
+      t,
+      l.active,
       "active",
-      s
+      e
     );
-    e.length > 0 && i.push(...e);
+    s.length > 0 && i.push(...s);
   }
-  if (t.disabled) {
-    const e = h(
-      l,
-      t.disabled,
+  if (l.disabled) {
+    const s = h(
+      t,
+      l.disabled,
       "disabled",
-      s
+      e
     );
-    e.length > 0 && i.push(...e);
+    s.length > 0 && i.push(...s);
   }
   return i;
 }
-function r(l, t) {
-  const s = [];
-  if (l.default) {
+function r(t, l) {
+  const e = [];
+  if (t.default) {
     const i = f(
       "default",
-      l.default,
-      t
+      t.default,
+      l
     );
-    i.length > 0 && s.push(...i);
+    i.length > 0 && e.push(...i);
+  }
+  if (t.gray) {
+    const i = f("gray", t.gray, l);
+    i.length > 0 && e.push(...i);
+  }
+  if (t.red) {
+    const i = f("red", t.red, l);
+    i.length > 0 && e.push(...i);
   }
-  if (l.gray) {
-    const i = f("gray", l.gray, t);
-    i.length > 0 && s.push(...i);
+  if (t.coral) {
+    const i = f("coral", t.coral, l);
+    i.length > 0 && e.push(...i);
   }
-  if (l.red) {
-    const i = f("red", l.red, t);
-    i.length > 0 && s.push(...i);
+  if (t.orange) {
+    const i = f("orange", t.orange, l);
+    i.length > 0 && e.push(...i);
   }
-  if (l.orange) {
-    const i = f("orange", l.orange, t);
-    i.length > 0 && s.push(...i);
+  if (t.yellow) {
+    const i = f("yellow", t.yellow, l);
+    i.length > 0 && e.push(...i);
   }
-  if (l.yellow) {
-    const i = f("yellow", l.yellow, t);
-    i.length > 0 && s.push(...i);
+  if (t.lime) {
+    const i = f("lime", t.lime, l);
+    i.length > 0 && e.push(...i);
   }
-  if (l.green) {
-    const i = f("green", l.green, t);
-    i.length > 0 && s.push(...i);
+  if (t.green) {
+    const i = f("green", t.green, l);
+    i.length > 0 && e.push(...i);
   }
-  if (l.cyan) {
-    const i = f("cyan", l.cyan, t);
-    i.length > 0 && s.push(...i);
+  if (t.cyan) {
+    const i = f("cyan", t.cyan, l);
+    i.length > 0 && e.push(...i);
   }
-  if (l.blue) {
-    const i = f("blue", l.blue, t);
-    i.length > 0 && s.push(...i);
+  if (t.blue) {
+    const i = f("blue", t.blue, l);
+    i.length > 0 && e.push(...i);
   }
-  if (l.violet) {
-    const i = f("violet", l.violet, t);
-    i.length > 0 && s.push(...i);
+  if (t.violet) {
+    const i = f("violet", t.violet, l);
+    i.length > 0 && e.push(...i);
   }
-  if (l.magenta) {
+  if (t.magenta) {
     const i = f(
       "magenta",
-      l.magenta,
-      t
+      t.magenta,
+      l
     );
-    i.length > 0 && s.push(...i);
+    i.length > 0 && e.push(...i);
   }
-  return s;
+  return e;
 }
-function n(l) {
-  const t = [];
-  if (l.badge) {
-    const s = r(
-      l.badge,
+function n(t) {
+  const l = [];
+  if (t.badge) {
+    const e = r(
+      t.badge,
       "badge"
     );
-    s.length > 0 && t.push(...s);
+    e.length > 0 && l.push(...e);
   }
-  if (l.accordion) {
-    const s = r(l.accordion, "accordion");
-    if (s.length > 0 && t.push(...s), l.accordion.accordionSummary) {
+  if (t.accordion) {
+    const e = r(
+      t.accordion,
+      "accordion"
+    );
+    if (e.length > 0 && l.push(...e), t.accordion.accordionSummary) {
       const i = r(
-        l.accordion.accordionSummary,
+        t.accordion.accordionSummary,
         "accordion-summary"
       );
-      i.length > 0 && t.push(...i);
+      i.length > 0 && l.push(...i);
     }
-    if (l.accordion.accordionDetails) {
+    if (t.accordion.accordionDetails) {
       const i = r(
-        l.accordion.accordionDetails,
+        t.accordion.accordionDetails,
         "accordion-details"
       );
-      i.length > 0 && t.push(...i);
+      i.length > 0 && l.push(...i);
     }
   }
-  if (l.button) {
-    const s = r(
-      l.button,
+  if (t.button) {
+    const e = r(
+      t.button,
       "button"
     );
-    s.length > 0 && t.push(...s);
+    e.length > 0 && l.push(...e);
   }
-  if (l.card) {
-    const s = r(l.card, "card");
-    if (s.length > 0 && t.push(...s), l.card.cardHeader) {
+  if (t.card) {
+    const e = r(t.card, "card");
+    if (e.length > 0 && l.push(...e), t.card.cardHeader) {
       const i = r(
-        l.card.cardHeader,
+        t.card.cardHeader,
         "card-header"
       );
-      i.length > 0 && t.push(...i);
+      i.length > 0 && l.push(...i);
     }
-    if (l.card.cardBody) {
+    if (t.card.cardBody) {
       const i = r(
-        l.card.cardBody,
+        t.card.cardBody,
         "card-body"
       );
-      i.length > 0 && t.push(...i);
+      i.length > 0 && l.push(...i);
     }
-    if (l.card.cardFooter) {
+    if (t.card.cardFooter) {
       const i = r(
-        l.card.cardFooter,
+        t.card.cardFooter,
         "card-footer"
       );
-      i.length > 0 && t.push(...i);
+      i.length > 0 && l.push(...i);
     }
   }
-  if (l.dialogue) {
-    const s = r(l.dialogue, "dialogue");
-    if (s.length > 0 && t.push(...s), l.dialogue.dialogueAvatar) {
+  if (t.dialogue) {
+    const e = r(
+      t.dialogue,
+      "dialogue"
+    );
+    if (e.length > 0 && l.push(...e), t.dialogue.dialogueAvatar) {
       const i = r(
-        l.dialogue.dialogueAvatar,
+        t.dialogue.dialogueAvatar,
         "dialogue-avatar"
       );
-      i.length > 0 && t.push(...i);
+      i.length > 0 && l.push(...i);
     }
-    if (l.dialogue.dialogueName) {
+    if (t.dialogue.dialogueName) {
       const i = r(
-        l.dialogue.dialogueName,
+        t.dialogue.dialogueName,
         "dialogue-name"
       );
-      i.length > 0 && t.push(...i);
+      i.length > 0 && l.push(...i);
     }
-    if (l.dialogue.dialogueMessage) {
+    if (t.dialogue.dialogueMessage) {
       const i = r(
-        l.dialogue.dialogueMessage,
+        t.dialogue.dialogueMessage,
         "dialogue-message"
       );
-      i.length > 0 && t.push(...i);
+      i.length > 0 && l.push(...i);
     }
   }
-  if (l.header) {
-    const s = r(
-      l.header,
+  if (t.header) {
+    const e = r(
+      t.header,
       "header"
     );
-    s.length > 0 && t.push(...s);
+    e.length > 0 && l.push(...e);
   }
-  if (l.label) {
-    const s = r(
-      l.label,
+  if (t.label) {
+    const e = r(
+      t.label,
       "label"
     );
-    s.length > 0 && t.push(...s);
+    e.length > 0 && l.push(...e);
   }
-  if (l.link) {
-    const s = r(
-      l.link,
-      "link"
-    );
-    s.length > 0 && t.push(...s);
+  if (t.link) {
+    const e = r(t.link, "link");
+    e.length > 0 && l.push(...e);
   }
-  if (l.loader) {
-    const s = r(
-      l.loader,
+  if (t.loader) {
+    const e = r(
+      t.loader,
       "loader"
     );
-    s.length > 0 && t.push(...s);
+    e.length > 0 && l.push(...e);
   }
-  if (l.message) {
-    const s = r(
-      l.message,
+  if (t.message) {
+    const e = r(
+      t.message,
       "message"
     );
-    if (s.length > 0 && t.push(...s), l.message.messageHeader) {
+    if (e.length > 0 && l.push(...e), t.message.messageHeader) {
       const i = r(
-        l.message.messageHeader,
+        t.message.messageHeader,
         "message-header"
       );
-      i.length > 0 && t.push(...i);
+      i.length > 0 && l.push(...i);
     }
-    if (l.message.messageBody) {
+    if (t.message.messageBody) {
       const i = r(
-        l.message.messageBody,
+        t.message.messageBody,
         "message-body"
       );
-      i.length > 0 && t.push(...i);
+      i.length > 0 && l.push(...i);
     }
   }
-  if (l.progress) {
-    const s = r(
-      l.progress,
+  if (t.progress) {
+    const e = r(
+      t.progress,
       "progress"
     );
-    s.length > 0 && t.push(...s);
+    e.length > 0 && l.push(...e);
   }
-  return t;
+  return l;
 }
-function c(l) {
-  const t = [], s = o(l), i = $(l), e = y(l);
-  return s.length > 0 && t.push(`:root{${s.join("")}}`), i.length > 0 && t.push(`:root{${i.join("")}}`), i.length > 0 && t.push(
+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(
     `[data-color-scheme="light"]{${i.join("")}}`
-  ), e.length > 0 && t.push(
-    `[data-color-scheme="dark"]{${e.join("")}}`
-  ), t;
+  ), s.length > 0 && l.push(
+    `[data-color-scheme="dark"]{${s.join("")}}`
+  ), l;
 }
-function o(l) {
-  const t = [];
-  if (l) {
-    if (l.animation) {
-      const s = l.animation;
-      s.speedHeavey && t.push(
-        `--${d}animation-speed-heavy: ${s.speedHeavey};`
-      ), s.speedSlower && t.push(
-        `--${d}animation-speed-slower: ${s.speedSlower};`
-      ), s.speedSlow && t.push(
-        `--${d}animation-speed-slow: ${s.speedSlow};`
-      ), s.speedNormal && t.push(
-        `--${d}animation-speed-normal: ${s.speedNormal};`
-      ), s.speedfFast && t.push(
-        `--${d}animation-speed-fast: ${s.speedfFast};`
-      ), s.speedfFaster && t.push(
-        `--${d}animation-speed-faster: ${s.speedfFaster};`
-      ), s.speedfFlash && t.push(
-        `--${d}animation-speed-flash: ${s.speedfFlash};`
+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};`
       );
     }
-    if (l.border) {
-      const s = l.border;
-      s.borderWidthXThin && t.push(
-        `--${d}border-width-xthin: ${s.borderWidthXThin};`
-      ), s.borderWidthThin && t.push(
-        `--${d}border-width-thin: ${s.borderWidthThin};`
-      ), s.borderWidthMedium && t.push(
-        `--${d}border-width-medium: ${s.borderWidthMedium};`
-      ), s.borderWidthThick && t.push(
-        `--${d}border-width-thick: ${s.borderWidthThick};`
-      ), s.borderWidthXThick && t.push(
-        `--${d}border-width-xthick: ${s.borderWidthXThick};`
-      ), s.borderRadiusSmall && t.push(
-        `--${d}border-radius-small: ${s.borderRadiusSmall};`
-      ), s.borderRadiusMedium && t.push(
-        `--${d}border-radius-medium: ${s.borderRadiusMedium};`
-      ), s.borderRadiusLarge && t.push(
-        `--${d}border-radius-large: ${s.borderRadiusLarge};`
+    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 (l.color) {
-      const s = l.color, i = (e, a, g) => {
+    if (t.color) {
+      const e = t.color, i = (s, a, g) => {
         if (g) {
           const u = `${g.lightness}% ${g.chroma} ${g.hue}`;
-          t.push(
-            `--${d}color-${e}-${a}-oklch: ${u};`
-          ), t.push(
-            `--${d}color-${e}-${a}: oklch(${u});`
+          l.push(
+            `--${d}color-${s}-${a}-oklch: ${u};`
+          ), l.push(
+            `--${d}color-${s}-${a}: oklch(${u});`
           );
         }
       };
-      if (s.gray) {
-        const e = s.gray, a = "gray";
-        i(a, "95", e[95]), i(a, "90", e[90]), i(a, "85", e[85]), i(a, "80", e[80]), i(a, "75", e[75]), i(a, "70", e[70]), i(a, "65", e[65]), i(a, "60", e[60]), i(a, "55", e[55]), i(a, "50", e[50]), i(a, "45", e[45]), i(a, "40", e[40]), i(a, "35", e[35]), i(a, "30", e[30]), i(a, "25", e[25]), i(a, "20", e[20]), i(a, "15", e[15]), i(a, "10", e[10]), i(a, "05", e[5]);
+      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 (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 (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 (s.red) {
-        const e = s.red, a = "red";
-        i(a, "95", e[95]), i(a, "90", e[90]), i(a, "85", e[85]), i(a, "80", e[80]), i(a, "75", e[75]), i(a, "70", e[70]), i(a, "65", e[65]), i(a, "60", e[60]), i(a, "55", e[55]), i(a, "50", e[50]), i(a, "45", e[45]), i(a, "40", e[40]), i(a, "35", e[35]), i(a, "30", e[30]), i(a, "25", e[25]), i(a, "20", e[20]), i(a, "15", e[15]), i(a, "10", e[10]), i(a, "05", e[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 (s.orange) {
-        const e = s.orange, a = "orange";
-        i(a, "95", e[95]), i(a, "90", e[90]), i(a, "85", e[85]), i(a, "80", e[80]), i(a, "75", e[75]), i(a, "70", e[70]), i(a, "65", e[65]), i(a, "60", e[60]), i(a, "55", e[55]), i(a, "50", e[50]), i(a, "45", e[45]), i(a, "40", e[40]), i(a, "35", e[35]), i(a, "30", e[30]), i(a, "25", e[25]), i(a, "20", e[20]), i(a, "15", e[15]), i(a, "10", e[10]), i(a, "05", e[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 (s.yellow) {
-        const e = s.yellow, a = "yellow";
-        i(a, "95", e[95]), i(a, "90", e[90]), i(a, "85", e[85]), i(a, "80", e[80]), i(a, "75", e[75]), i(a, "70", e[70]), i(a, "65", e[65]), i(a, "60", e[60]), i(a, "55", e[55]), i(a, "50", e[50]), i(a, "45", e[45]), i(a, "40", e[40]), i(a, "35", e[35]), i(a, "30", e[30]), i(a, "25", e[25]), i(a, "20", e[20]), i(a, "15", e[15]), i(a, "10", e[10]), i(a, "05", e[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 (s.green) {
-        const e = s.green, a = "green";
-        i(a, "95", e[95]), i(a, "90", e[90]), i(a, "85", e[85]), i(a, "80", e[80]), i(a, "75", e[75]), i(a, "70", e[70]), i(a, "65", e[65]), i(a, "60", e[60]), i(a, "55", e[55]), i(a, "50", e[50]), i(a, "45", e[45]), i(a, "40", e[40]), i(a, "35", e[35]), i(a, "30", e[30]), i(a, "25", e[25]), i(a, "20", e[20]), i(a, "15", e[15]), i(a, "10", e[10]), i(a, "05", e[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 (s.cyan) {
-        const e = s.cyan, a = "cyan";
-        i(a, "95", e[95]), i(a, "90", e[90]), i(a, "85", e[85]), i(a, "80", e[80]), i(a, "75", e[75]), i(a, "70", e[70]), i(a, "65", e[65]), i(a, "60", e[60]), i(a, "55", e[55]), i(a, "50", e[50]), i(a, "45", e[45]), i(a, "40", e[40]), i(a, "35", e[35]), i(a, "30", e[30]), i(a, "25", e[25]), i(a, "20", e[20]), i(a, "15", e[15]), i(a, "10", e[10]), i(a, "05", e[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 (s.blue) {
-        const e = s.blue, a = "blue";
-        i(a, "95", e[95]), i(a, "90", e[90]), i(a, "85", e[85]), i(a, "80", e[80]), i(a, "75", e[75]), i(a, "70", e[70]), i(a, "65", e[65]), i(a, "60", e[60]), i(a, "55", e[55]), i(a, "50", e[50]), i(a, "45", e[45]), i(a, "40", e[40]), i(a, "35", e[35]), i(a, "30", e[30]), i(a, "25", e[25]), i(a, "20", e[20]), i(a, "15", e[15]), i(a, "10", e[10]), i(a, "05", e[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 (s.violet) {
-        const e = s.violet, a = "violet";
-        i(a, "95", e[95]), i(a, "90", e[90]), i(a, "85", e[85]), i(a, "80", e[80]), i(a, "75", e[75]), i(a, "70", e[70]), i(a, "65", e[65]), i(a, "60", e[60]), i(a, "55", e[55]), i(a, "50", e[50]), i(a, "45", e[45]), i(a, "40", e[40]), i(a, "35", e[35]), i(a, "30", e[30]), i(a, "25", e[25]), i(a, "20", e[20]), i(a, "15", e[15]), i(a, "10", e[10]), i(a, "05", e[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 (s.magenta) {
-        const e = s.magenta, a = "magenta";
-        i(a, "95", e[95]), i(a, "90", e[90]), i(a, "85", e[85]), i(a, "80", e[80]), i(a, "75", e[75]), i(a, "70", e[70]), i(a, "65", e[65]), i(a, "60", e[60]), i(a, "55", e[55]), i(a, "50", e[50]), i(a, "45", e[45]), i(a, "40", e[40]), i(a, "35", e[35]), i(a, "30", e[30]), i(a, "25", e[25]), i(a, "20", e[20]), i(a, "15", e[15]), i(a, "10", e[10]), i(a, "05", e[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 (l.miscellaneous) {
-      const s = l.miscellaneous;
-      s.zIndexTabula && t.push(
-        `--${d}z-index-tabula: ${s.zIndexTabula};`
-      ), s.zIndexModal && t.push(
-        `--${d}z-index-modal: ${s.zIndexModal};`
-      ), s.zIndexModalContent && t.push(
-        `--${d}z-index-tabula-content: ${s.zIndexModalContent};`
-      ), s.zIndexHeaderIsSticky && t.push(
-        `--${d}z-index-header-is-sticky: ${s.zIndexHeaderIsSticky};`
+    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 (l.typography) {
-      const s = l.typography;
-      s.fontFamily && (s.fontFamily.sansSerif && t.push(
-        `--${d}font-family-sans-serif: ${s.fontFamily.sansSerif};`
-      ), s.fontFamily.serif && t.push(
-        `--${d}font-family-serif: ${s.fontFamily.serif};`
-      ), s.fontFamily.monospace && t.push(
-        `--${d}font-family-monospace: ${s.fontFamily.monospace};`
-      ), s.fontFamily.main && t.push(
-        `--${d}font-family-main: ${s.fontFamily.main};`
-      ), s.fontFamily.heading && t.push(
-        `--${d}font-family-heading: ${s.fontFamily.heading};`
-      ), s.fontFamily.code && t.push(
-        `--${d}font-family-code: ${s.fontFamily.code};`
-      )), s.fontSize && (s.fontSize.xsmall && t.push(
-        `--${d}font-size-xsmall: ${s.fontSize.xsmall};`
-      ), s.fontSize.small && t.push(
-        `--${d}font-size-small: ${s.fontSize.small};`
-      ), s.fontSize.normal && t.push(
-        `--${d}font-size-normal: ${s.fontSize.normal};`
-      ), s.fontSize.medium && t.push(
-        `--${d}font-size-medium: ${s.fontSize.medium};`
-      ), s.fontSize.large && t.push(
-        `--${d}font-size-large: ${s.fontSize.large};`
-      ), s.fontSize.xlarge && t.push(
-        `--${d}font-size-xlarge: ${s.fontSize.xlarge};`
-      ), s.fontSize.xxlarge && t.push(
-        `--${d}font-size-xxlarge: ${s.fontSize.xxlarge};`
-      ), s.fontSize.xxxlarge && t.push(
-        `--${d}font-size-xxxlarge: ${s.fontSize.xxxlarge};`
-      ), s.fontSize.xxxxlarge && t.push(
-        `--${d}font-size-xxxxlarge: ${s.fontSize.xxxxlarge};`
-      ), s.fontSize.xxxxxlarge && t.push(
-        `--${d}font-size-xxxxxlarge: ${s.fontSize.xxxxxlarge};`
-      )), s.fontWeight && (s.fontWeight.light && t.push(
-        `--${d}font-weight-light: ${s.fontWeight.light};`
-      ), s.fontWeight.normal && t.push(
-        `--${d}font-weight-normal: ${s.fontWeight.normal};`
-      ), s.fontWeight.medium && t.push(
-        `--${d}font-weight-medium: ${s.fontWeight.medium};`
-      ), s.fontWeight.semibold && t.push(
-        `--${d}font-weight-semibold: ${s.fontWeight.semibold};`
-      ), s.fontWeight.bold && t.push(
-        `--${d}font-weight-bold: ${s.fontWeight.bold};`
+    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 (l.components) {
-      const s = l.components;
-      if (s.breadcrumbs) {
-        const i = s.breadcrumbs;
-        i.breadcrumbDivider && t.push(
+    if (t.components) {
+      const e = t.components;
+      if (e.breadcrumbs) {
+        const i = e.breadcrumbs;
+        i.breadcrumbDivider && l.push(
           `--${d}breadcrumb-divider: ${i.breadcrumbDivider};`
         );
       }
-      if (s.button) {
-        const i = s.button;
-        i.paddingX && t.push(
+      if (e.button) {
+        const i = e.button;
+        i.paddingX && l.push(
           `--${d}button-padding-x: ${i.paddingX};`
-        ), i.paddingY && t.push(
+        ), i.paddingY && l.push(
           `--${d}button-padding-y: ${i.paddingY};`
         );
       }
-      if (s.dialogue) {
-        const i = s.dialogue;
-        i.avatarSizeDefault && t.push(
+      if (e.dialogue) {
+        const i = e.dialogue;
+        i.avatarSizeDefault && l.push(
           `--${d}dialogue-avatar-size-default: ${i.avatarSizeDefault};`
-        ), i.avatarSizeSmall && t.push(
+        ), i.avatarSizeSmall && l.push(
           `--${d}dialogue-avatar-size-small: ${i.avatarSizeSmall};`
-        ), i.avatarSizeLarge && t.push(
+        ), i.avatarSizeLarge && l.push(
           `--${d}dialogue-avatar-size-large: ${i.avatarSizeLarge};`
-        ), i.avatarTopOffset && t.push(
+        ), i.avatarTopOffset && l.push(
           `--${d}dialogue-avatar-top-offset: ${i.avatarTopOffset};`
-        ), i.nameFontSize && (i.nameFontSize.includes("rem"), t.push(
+        ), i.nameFontSize && (i.nameFontSize.includes("rem"), l.push(
           `--${d}dialogue-name-font-size: ${i.nameFontSize};`
-        )), i.namePaddingX && t.push(
+        )), i.namePaddingX && l.push(
           `--${d}dialogue-name-padding-x: ${i.namePaddingX};`
-        ), i.namePaddingY && t.push(
+        ), i.namePaddingY && l.push(
           `--${d}dialogue-name-padding-y: ${i.namePaddingY};`
-        ), i.messageArrowHeight && t.push(
+        ), i.messageArrowHeight && l.push(
           `--${d}dialogue-messege-arrow-height: ${i.messageArrowHeight};`
-        ), i.messageArrowWidth && t.push(
+        ), i.messageArrowWidth && l.push(
           `--${d}dialogue-messege-arrow-width: ${i.messageArrowWidth};`
-        ), i.messageInnerPaddingX && t.push(
+        ), i.messageInnerPaddingX && l.push(
           `--${d}dialogue-message-inner-padding-x: ${i.messageInnerPaddingX};`
-        ), i.messageInnerPaddingY && t.push(
+        ), i.messageInnerPaddingY && l.push(
           `--${d}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 (e.heading) {
+        const i = e.heading;
+        i.fontFamily && l.push(
+          `--${d}font-family-heading: ${i.fontFamily};`
+        );
+      }
     }
   }
-  return t;
+  return l;
 }
-function $(l) {
-  const t = [];
-  if (l && l.color) {
-    const s = l.color;
-    if (s.light) {
-      if (s.light.default) {
-        const i = f("default", s.light.default);
-        i.length > 0 && t.push(...i);
-      }
-      if (s.light.gray) {
-        const i = f("gray", s.light.gray);
-        i.length > 0 && t.push(...i);
-      }
-      if (s.light.red) {
-        const i = f("red", s.light.red);
-        i.length > 0 && t.push(...i);
-      }
-      if (s.light.orange) {
-        const i = f("orange", s.light.orange);
-        i.length > 0 && t.push(...i);
-      }
-      if (s.light.yellow) {
-        const i = f("yellow", s.light.yellow);
-        i.length > 0 && t.push(...i);
-      }
-      if (s.light.green) {
-        const i = f("green", s.light.green);
-        i.length > 0 && t.push(...i);
-      }
-      if (s.light.cyan) {
-        const i = f("cyan", s.light.cyan);
-        i.length > 0 && t.push(...i);
-      }
-      if (s.light.blue) {
-        const i = f("blue", s.light.blue);
-        i.length > 0 && t.push(...i);
-      }
-      if (s.light.violet) {
-        const i = f("violet", s.light.violet);
-        i.length > 0 && t.push(...i);
-      }
-      if (s.light.components) {
-        const i = s.light.components, e = n(i);
-        e.length > 0 && t.push(...e);
+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);
       }
     }
   }
-  return t;
+  return l;
 }
-function y(l) {
-  const t = [];
-  if (l && l.color) {
-    const s = l.color;
-    if (s.dark) {
-      if (s.dark.default) {
-        const i = f("default", s.dark.default);
-        i.length > 0 && t.push(...i);
-      }
-      if (s.dark.gray) {
-        const i = f("gray", s.dark.gray);
-        i.length > 0 && t.push(...i);
-      }
-      if (s.dark.red) {
-        const i = f("red", s.dark.red);
-        i.length > 0 && t.push(...i);
-      }
-      if (s.dark.orange) {
-        const i = f("orange", s.dark.orange);
-        i.length > 0 && t.push(...i);
-      }
-      if (s.dark.yellow) {
-        const i = f("yellow", s.dark.yellow);
-        i.length > 0 && t.push(...i);
-      }
-      if (s.dark.green) {
-        const i = f("green", s.dark.green);
-        i.length > 0 && t.push(...i);
-      }
-      if (s.dark.cyan) {
-        const i = f("cyan", s.dark.cyan);
-        i.length > 0 && t.push(...i);
-      }
-      if (s.dark.blue) {
-        const i = f("blue", s.dark.blue);
-        i.length > 0 && t.push(...i);
-      }
-      if (s.dark.violet) {
-        const i = f("violet", s.dark.violet);
-        i.length > 0 && t.push(...i);
-      }
-      if (s.dark.magenta) {
-        const i = f("magenta", s.dark.magenta);
-        i.length > 0 && t.push(...i);
-      }
-      if (s.dark.components) {
-        const i = s.dark.components, e = n(i);
-        e.length > 0 && t.push(...e);
+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);
       }
     }
   }
-  return t;
+  return l;
 }
 const p = {
   getMinolithCssVariableStyles: c,