@a_ng_d/utils-ui-color-palette 1.4.1 → 1.4.3

package/dist/modules/data/data.js

@@ -4,51 +4,51 @@ var u = (c, r, s) => E(c, typeof r != "symbol" ? r + "" : r, s);
 import { C as d, H as C } from "../../color-1CXTuV84.js";
 import { c as p } from "../../index-Beb8qoyd.js";
 const S = (c) => {
-  const r = c.themes.filter((o) => o.type === "custom theme").length === 0 ? c.themes.filter((o) => o.type === "default theme") : c.themes.filter((o) => o.type === "custom theme"), s = {}, a = (o) => ({
+  const r = c.themes.filter((a) => a.type === "custom theme").length === 0 ? c.themes.filter((a) => a.type === "default theme") : c.themes.filter((a) => a.type === "custom theme"), s = {}, o = (a) => (isNaN(a.hsl[0]) && (a.hsl[0] = 0), isNaN(a.lch[2]) && (a.lch[2] = 0), isNaN(a.oklch[2]) && (a.oklch[2] = 0), {
     rgb: {
-      r: Math.floor(o.rgb[0]),
-      g: Math.floor(o.rgb[1]),
-      b: Math.floor(o.rgb[2])
+      r: Math.floor(a.rgb[0]),
+      g: Math.floor(a.rgb[1]),
+      b: Math.floor(a.rgb[2])
     },
     gl: {
-      r: parseFloat(o.gl[0].toFixed(3)),
-      g: parseFloat(o.gl[1].toFixed(3)),
-      b: parseFloat(o.gl[2].toFixed(3))
+      r: parseFloat(a.gl[0].toFixed(3)),
+      g: parseFloat(a.gl[1].toFixed(3)),
+      b: parseFloat(a.gl[2].toFixed(3))
     },
     lch: {
-      l: Math.floor(o.lch[0]),
-      c: Math.floor(o.lch[1]),
-      h: Math.floor(o.lch[2])
+      l: Math.floor(a.lch[0]),
+      c: Math.floor(a.lch[1]),
+      h: Math.floor(a.lch[2])
     },
     oklch: {
-      l: parseFloat(o.oklch[0].toFixed(3)),
-      c: parseFloat(o.oklch[1].toFixed(3)),
-      h: Math.floor(o.oklch[2])
+      l: parseFloat(a.oklch[0].toFixed(3)),
+      c: parseFloat(a.oklch[1].toFixed(3)),
+      h: Math.floor(a.oklch[2])
     },
     lab: {
-      l: Math.floor(o.lab[0]),
-      a: Math.floor(o.lab[1]),
-      b: Math.floor(o.lab[2])
+      l: Math.floor(a.lab[0]),
+      a: Math.floor(a.lab[1]),
+      b: Math.floor(a.lab[2])
     },
     oklab: {
-      l: parseFloat(o.oklab[0].toFixed(3)),
-      a: parseFloat(o.oklab[1].toFixed(3)),
-      b: parseFloat(o.oklab[2].toFixed(3))
+      l: parseFloat(a.oklab[0].toFixed(3)),
+      a: parseFloat(a.oklab[1].toFixed(3)),
+      b: parseFloat(a.oklab[2].toFixed(3))
     },
     hsl: {
-      h: Math.floor(o.hsl[0]),
-      s: Math.floor(o.hsl[1] * 100),
-      l: Math.floor(o.hsl[2] * 100)
+      h: Math.floor(a.hsl[0]),
+      s: Math.floor(a.hsl[1] * 100),
+      l: Math.floor(a.hsl[2] * 100)
     },
     hsluv: {
-      h: Math.floor(o.hsluv[0]),
-      s: Math.floor(o.hsluv[1]),
-      l: Math.floor(o.hsluv[2])
+      h: Math.floor(a.hsluv[0]),
+      s: Math.floor(a.hsluv[1]),
+      l: Math.floor(a.hsluv[2])
     },
-    hex: o.hex,
-    description: o.description,
+    hex: a.hex,
+    description: a.description,
     type: "color shade/tint"
-  }), h = (o, e) => ({
+  }), h = (a, e) => ({
     rgb: {
       r: Math.floor(e.rgb[0]),
       g: Math.floor(e.rgb[1]),
@@ -90,26 +90,26 @@ const S = (c) => {
       l: Math.floor(e.hsluv[2])
     },
     hex: e.hex,
-    alpha: o.alpha,
-    description: o.description,
+    alpha: a.alpha,
+    description: a.description,
     type: "color shade/tint"
   });
-  return r[0].type === "custom theme" ? r.forEach((o) => {
-    s[o.name] = {}, o.colors.forEach((e) => {
+  return r[0].type === "custom theme" ? r.forEach((a) => {
+    s[a.name] = {}, a.colors.forEach((e) => {
       const t = e.shades.find(
         (l) => l.type === "source color"
       );
-      s[o.name][e.name] = {}, e.shades.forEach((l) => {
-        l && t && (s[o.name][e.name][l.name] = l.isTransparent ? h(l, t) : a(l));
-      }), s[o.name][e.name].description = e.description, s[o.name][e.name].type = "color";
-    }), s[o.name].description = o.description, s[o.name].type = "color mode";
-  }) : r.forEach((o) => {
-    o.colors.forEach((e) => {
+      s[a.name][e.name] = {}, e.shades.forEach((l) => {
+        l && t && (s[a.name][e.name][l.name] = l.isTransparent ? h(l, t) : o(l));
+      }), s[a.name][e.name].description = e.description, s[a.name][e.name].type = "color";
+    }), s[a.name].description = a.description, s[a.name].type = "color mode";
+  }) : r.forEach((a) => {
+    a.colors.forEach((e) => {
       const t = e.shades.find(
         (l) => l.type === "source color"
       );
       s[e.name] = {}, e.shades.forEach((l) => {
-        l && t && (s[e.name][l.name] = l.isTransparent ? h(l, t) : a(l));
+        l && t && (s[e.name][l.name] = l.isTransparent ? h(l, t) : o(l));
       }), s[e.name].description = e.description, s[e.name].type = "color";
     });
   }), s.description = c.description, s.type = "color palette", JSON.stringify(s, null, "  ");
@@ -121,18 +121,18 @@ class f {
   }
 }
 const T = (c) => {
-  const r = c.themes.filter((a) => a.type === "custom theme").length === 0 ? c.themes.filter((a) => a.type === "default theme") : c.themes.filter((a) => a.type === "custom theme"), s = [];
-  return r.forEach((a) => {
+  const r = c.themes.filter((o) => o.type === "custom theme").length === 0 ? c.themes.filter((o) => o.type === "default theme") : c.themes.filter((o) => o.type === "custom theme"), s = [];
+  return r.forEach((o) => {
     const h = [];
-    a.colors.forEach((o) => {
-      const e = o.shades.find((t) => t.type === "source color");
-      h.push(`// ${o.name}`), o.shades.reverse().forEach((t) => {
+    o.colors.forEach((a) => {
+      const e = a.shades.find((t) => t.type === "source color");
+      h.push(`// ${a.name}`), a.shades.reverse().forEach((t) => {
         h.push(
-          t.isTransparent ? `static let ${new f(o.name).doPascalCase()}${t.name === "source" ? "Source" : t.name} = UIColor(red: ${e == null ? void 0 : e.gl[0].toFixed(
+          t.isTransparent ? `static let ${new f(a.name).doPascalCase()}${t.name === "source" ? "Source" : t.name} = UIColor(red: ${e == null ? void 0 : e.gl[0].toFixed(
             3
           )}, green: ${e == null ? void 0 : e.gl[1].toFixed(3)}, blue: ${e == null ? void 0 : e.gl[2].toFixed(
             3
-          )}, alpha: ${t.alpha ?? 1})` : `static let ${new f(o.name).doPascalCase()}${t.name === "source" ? "Source" : t.name} = UIColor(red: ${t.gl[0].toFixed(
+          )}, alpha: ${t.alpha ?? 1})` : `static let ${new f(a.name).doPascalCase()}${t.name === "source" ? "Source" : t.name} = UIColor(red: ${t.gl[0].toFixed(
             3
           )}, green: ${t.gl[1].toFixed(3)}, blue: ${t.gl[2].toFixed(
             3
@@ -140,7 +140,7 @@ const T = (c) => {
         );
       }), h.push("");
     }), h.pop(), r[0].type === "custom theme" ? s.push(
-      `struct ${new f(a.name).doPascalCase()} {
+      `struct ${new f(o.name).doPascalCase()} {
     ${h.join(
         `
     `
@@ -156,46 +156,46 @@ struct Color {
   `)}
 }`;
 }, L = (c) => {
-  const r = c.themes.filter((a) => a.type === "custom theme").length === 0 ? c.themes.filter((a) => a.type === "default theme") : c.themes.filter((a) => a.type === "custom theme"), s = {
+  const r = c.themes.filter((o) => o.type === "custom theme").length === 0 ? c.themes.filter((o) => o.type === "default theme") : c.themes.filter((o) => o.type === "custom theme"), s = {
     theme: {
       colors: {}
     }
   };
-  return c.themes[0].colors.forEach((a) => {
-    s.theme.colors[new f(a.name).doKebabCase()] = {};
-  }), r[0].type === "custom theme" ? r.forEach((a) => {
-    a.colors.forEach((h) => {
-      const o = h.shades.find(
+  return c.themes[0].colors.forEach((o) => {
+    s.theme.colors[new f(o.name).doKebabCase()] = {};
+  }), r[0].type === "custom theme" ? r.forEach((o) => {
+    o.colors.forEach((h) => {
+      const a = h.shades.find(
         (e) => e.type === "source color"
       );
-      s.theme.colors[new f(h.name).doKebabCase()][new f(a.name).doKebabCase()] = {}, h.shades.forEach((e) => {
-        s.theme.colors[new f(h.name).doKebabCase()][new f(a.name).doKebabCase()][new f(e.name).doKebabCase()] = e.isTransparent ? p((o == null ? void 0 : o.hex) ?? "#000000").alpha(e.alpha ?? 1).hex() : e.hex;
+      s.theme.colors[new f(h.name).doKebabCase()][new f(o.name).doKebabCase()] = {}, h.shades.forEach((e) => {
+        s.theme.colors[new f(h.name).doKebabCase()][new f(o.name).doKebabCase()][new f(e.name).doKebabCase()] = e.isTransparent ? p((a == null ? void 0 : a.hex) ?? "#000000").alpha(e.alpha ?? 1).hex() : e.hex;
       });
     });
-  }) : r.forEach((a) => {
-    a.colors.forEach((h) => {
-      const o = h.shades.find(
+  }) : r.forEach((o) => {
+    o.colors.forEach((h) => {
+      const a = h.shades.find(
         (e) => e.type === "source color"
       );
       s.theme.colors[new f(h.name).doKebabCase()] = {}, h.shades.sort().forEach((e) => {
-        s.theme.colors[new f(h.name).doKebabCase()][new f(e.name).doKebabCase()] = e.isTransparent ? p((o == null ? void 0 : o.hex) ?? "#000000").alpha(e.alpha ?? 1).hex() : e.hex;
+        s.theme.colors[new f(h.name).doKebabCase()][new f(e.name).doKebabCase()] = e.isTransparent ? p((a == null ? void 0 : a.hex) ?? "#000000").alpha(e.alpha ?? 1).hex() : e.hex;
       });
     });
   }), s;
-}, H = (c) => {
-  const r = c.themes.filter((a) => a.type === "custom theme").length === 0 ? c.themes.filter((a) => a.type === "default theme") : c.themes.filter((a) => a.type === "custom theme"), s = [];
-  return r.forEach((a) => {
-    a.colors.forEach((h) => {
-      const o = h.shades.find((t) => t.type === "source color"), e = [];
+}, N = (c) => {
+  const r = c.themes.filter((o) => o.type === "custom theme").length === 0 ? c.themes.filter((o) => o.type === "default theme") : c.themes.filter((o) => o.type === "custom theme"), s = [];
+  return r.forEach((o) => {
+    o.colors.forEach((h) => {
+      const a = h.shades.find((t) => t.type === "source color"), e = [];
       e.push(
-        `// ${r[0].type === "custom theme" ? a.name + " - " : ""}${h.name}`
+        `// ${r[0].type === "custom theme" ? o.name + " - " : ""}${h.name}`
       ), h.shades.reverse().forEach((t) => {
         e.push(
-          t.isTransparent ? `public let ${r[0].type === "custom theme" ? new f(a.name + " " + h.name).doPascalCase() : new f(h.name).doPascalCase()}${t.name === "source" ? "Source" : t.name} = Color(red: ${o == null ? void 0 : o.gl[0].toFixed(
+          t.isTransparent ? `public let ${r[0].type === "custom theme" ? new f(o.name + " " + h.name).doPascalCase() : new f(h.name).doPascalCase()}${t.name === "source" ? "Source" : t.name} = Color(red: ${a == null ? void 0 : a.gl[0].toFixed(
             3
-          )}, green: ${o == null ? void 0 : o.gl[1].toFixed(3)}, blue: ${t.gl[2].toFixed(
+          )}, green: ${a == null ? void 0 : a.gl[1].toFixed(3)}, blue: ${t.gl[2].toFixed(
             3
-          )}).opacity(${t.alpha ?? 1})` : `public let ${r[0].type === "custom theme" ? new f(a.name + " " + h.name).doPascalCase() : new f(h.name).doPascalCase()}${t.name === "source" ? "Source" : t.name} = Color(red: ${t.gl[0].toFixed(
+          )}).opacity(${t.alpha ?? 1})` : `public let ${r[0].type === "custom theme" ? new f(o.name + " " + h.name).doPascalCase() : new f(h.name).doPascalCase()}${t.name === "source" ? "Source" : t.name} = Color(red: ${t.gl[0].toFixed(
             3
           )}, green: ${t.gl[1].toFixed(3)}, blue: ${t.gl[2].toFixed(
             3
@@ -214,43 +214,43 @@ public extension Color {
   )}
   }
 }`;
-}, P = (c) => {
+}, H = (c) => {
   const r = c.themes.filter((h) => h.type === "custom theme").length === 0 ? c.themes.filter((h) => h.type === "default theme") : c.themes.filter((h) => h.type === "custom theme"), s = {
     color: {}
-  }, a = (h, o, e) => ({
+  }, o = (h, a, e) => ({
     type: "color",
-    value: o.isTransparent ? p(e.hex).alpha(o.alpha ?? 1).hex() : o.hex,
-    comment: h.description !== "" ? h.description + " - " + o.description : o.description
+    value: a.isTransparent ? p(e.hex).alpha(a.alpha ?? 1).hex() : a.hex,
+    comment: h.description !== "" ? h.description + " - " + a.description : a.description
   });
   return c.themes[0].colors.forEach((h) => {
     s.color[h.name] = {};
   }), r[0].type === "custom theme" ? r.forEach((h) => {
-    h.colors.forEach((o) => {
-      const e = o.shades.find(
+    h.colors.forEach((a) => {
+      const e = a.shades.find(
         (t) => t.type === "source color"
       );
-      s.color[o.name][h.name] = {}, o.shades.forEach((t) => {
-        t && e && (s.color[o.name][h.name][t.name] = a(
-          o,
+      s.color[a.name][h.name] = {}, a.shades.forEach((t) => {
+        t && e && (s.color[a.name][h.name][t.name] = o(
+          a,
           t,
           e
         ));
       });
     });
   }) : r.forEach((h) => {
-    h.colors.forEach((o) => {
-      const e = o.shades.find(
+    h.colors.forEach((a) => {
+      const e = a.shades.find(
         (t) => t.type === "source color"
       );
-      s.color[o.name] = {}, o.shades.forEach((t) => {
-        t && e && (s.color[o.name][t.name] = a(o, t, e));
+      s.color[a.name] = {}, a.shades.forEach((t) => {
+        t && e && (s.color[a.name][t.name] = o(a, t, e));
       });
     });
   }), JSON.stringify(s, null, "  ");
-}, A = (c, r) => {
-  const s = c.themes.filter((e) => e.type === "custom theme").length === 0 ? c.themes.filter((e) => e.type === "default theme") : c.themes.filter((e) => e.type === "custom theme"), a = [], h = (e) => {
+}, P = (c, r) => {
+  const s = c.themes.filter((e) => e.type === "custom theme").length === 0 ? c.themes.filter((e) => e.type === "default theme") : c.themes.filter((e) => e.type === "custom theme"), o = [], h = (e) => {
     var l;
-    e.hsl[0] === null && (e.hsl[0] = 0), e.lch[2] === null && (e.lch[2] = 0);
+    isNaN(e.hsl[0]) && (e.hsl[0] = 0), isNaN(e.lch[2]) && (e.lch[2] = 0);
     const t = {
       RGB: () => `rgb(${Math.floor(e.rgb[0])}, ${Math.floor(
         e.rgb[1]
@@ -267,7 +267,7 @@ public extension Color {
       )}, ${e.gl[2].toFixed(3)})`
     };
     return (l = t[r ?? "RGB"]) == null ? void 0 : l.call(t);
-  }, o = (e, t) => {
+  }, a = (e, t) => {
     var i;
     const l = {
       RGB: () => {
@@ -304,21 +304,21 @@ public extension Color {
       t.push(`// ${l.name}`), l.shades.reverse().forEach((i) => {
         const n = l.shades.find((b) => b.type === "source color"), m = `$${new f(l.name).doKebabCase()}-${i.name}`;
         n && (e.type === "custom theme" ? t.push(
-          `  ${m}: ${i.isTransparent ? o(i, n) : h(i)};`
+          `  ${m}: ${i.isTransparent ? a(i, n) : h(i)};`
         ) : t.push(
-          `${m}: ${i.isTransparent ? o(i, n) : h(i)};`
+          `${m}: ${i.isTransparent ? a(i, n) : h(i)};`
         ));
       }), t.push("");
-    }), e.type === "custom theme" && t.push("}"), a.push(t.join(`
+    }), e.type === "custom theme" && t.push("}"), o.push(t.join(`
 `));
-  }), a.push(`
+  }), o.push(`
 // Color modes map
 $modes: (`), s.filter((e) => e.type === "custom theme").forEach((e, t, l) => {
     const i = new f(e.name).doKebabCase();
-    a.push(
+    o.push(
       `  '${i}': ${new f(e.name).doCamelCase()}-mode${t < l.length - 1 ? "," : ""}`
     );
-  }), a.push(`);
+  }), o.push(`);
 
 // Mode application mixin
 @mixin with-color-mode() {
@@ -330,19 +330,19 @@ $modes: (`), s.filter((e) => e.type === "custom theme").forEach((e, t, l) => {
       @content($mode);
     }
   }
-}`), a.join(`
+}`), o.join(`
 
 `);
-}, R = (c) => {
-  const r = c.themes.filter((a) => a.type === "custom theme").length === 0 ? c.themes.filter((a) => a.type === "default theme") : c.themes.filter((a) => a.type === "custom theme"), s = [];
-  return r.forEach((a) => {
-    a.colors.forEach((h) => {
-      const o = h.shades.find((t) => t.type === "source color"), e = [];
+}, A = (c) => {
+  const r = c.themes.filter((o) => o.type === "custom theme").length === 0 ? c.themes.filter((o) => o.type === "default theme") : c.themes.filter((o) => o.type === "custom theme"), s = [];
+  return r.forEach((o) => {
+    o.colors.forEach((h) => {
+      const a = h.shades.find((t) => t.type === "source color"), e = [];
       e.push(
-        `<!--${r[0].type === "custom theme" ? `${a.name} - ${h.name}-->` : `${h.name}-->`}`
+        `<!--${r[0].type === "custom theme" ? `${o.name} - ${h.name}-->` : `${h.name}-->`}`
       ), h.shades.reverse().forEach((t) => {
         e.push(
-          `<color name="${r[0].type === "custom theme" ? new f(a.name + " " + h.name).doSnakeCase() : new f(h.name).doSnakeCase()}_${t.name}">${t.isTransparent ? p((o == null ? void 0 : o.hex) ?? "#000000").alpha(t.alpha ?? 1).hex() : t.hex}</color>`
+          `<color name="${r[0].type === "custom theme" ? new f(o.name + " " + h.name).doSnakeCase() : new f(h.name).doSnakeCase()}_${t.name}">${t.isTransparent ? p((a == null ? void 0 : a.hex) ?? "#000000").alpha(t.alpha ?? 1).hex() : t.hex}</color>`
         );
       }), e.push(""), e.forEach((t) => s.push(t));
     });
@@ -353,39 +353,39 @@ $modes: (`), s.filter((e) => e.type === "custom theme").forEach((e, t, l) => {
   `
   )}
 </resources>`;
-}, B = (c) => {
-  const r = c.themes.filter((o) => o.type === "custom theme").length === 0 ? c.themes.filter((o) => o.type === "default theme") : c.themes.filter((o) => o.type === "custom theme"), s = {
+}, R = (c) => {
+  const r = c.themes.filter((a) => a.type === "custom theme").length === 0 ? c.themes.filter((a) => a.type === "default theme") : c.themes.filter((a) => a.type === "custom theme"), s = {
     $themes: [],
     $metadata: {
       activeThemes: [],
       tokenSetOrder: [],
       activeSets: []
     }
-  }, a = c.name, h = (o, e, t) => ({
+  }, o = c.name, h = (a, e, t) => ({
     $type: "color",
     $value: e.isTransparent ? p(t.hex).alpha(e.alpha ?? 1).hex() : e.hex,
-    $description: o.description !== "" ? o.description + " - " + e.description : e.description
+    $description: a.description !== "" ? a.description + " - " + e.description : e.description
   });
-  return r[0].type === "custom theme" ? r.forEach((o) => {
-    o.colors.forEach((e) => {
+  return r[0].type === "custom theme" ? r.forEach((a) => {
+    a.colors.forEach((e) => {
       const t = e.shades.find(
         (l) => l.type === "source color"
       );
-      s[`${o.name}/${e.name}`] = {}, e.shades.forEach((l) => {
-        l && t && (s[`${o.name}/${e.name}`][l.name] = h(
+      s[`${a.name}/${e.name}`] = {}, e.shades.forEach((l) => {
+        l && t && (s[`${a.name}/${e.name}`][l.name] = h(
           e,
           l,
           t
         ));
       });
     });
-  }) : r.forEach((o) => {
-    o.colors.forEach((e) => {
+  }) : r.forEach((a) => {
+    a.colors.forEach((e) => {
       const t = e.shades.find(
         (l) => l.type === "source color"
       );
-      s[`${a}/${e.name}`] = {}, e.shades.forEach((l) => {
-        l && t && (s[`${a}/${e.name}`][l.name] = h(
+      s[`${o}/${e.name}`] = {}, e.shades.forEach((l) => {
+        l && t && (s[`${o}/${e.name}`][l.name] = h(
           e,
           l,
           t
@@ -393,10 +393,10 @@ $modes: (`), s.filter((e) => e.type === "custom theme").forEach((e, t, l) => {
       });
     });
   }), JSON.stringify(s, null, "  ");
-}, K = (c, r) => {
-  const s = c.themes.filter((t) => t.type === "custom theme").length === 0 ? c.themes.filter((t) => t.type === "default theme") : c.themes.filter((t) => t.type === "custom theme"), a = [], h = (t) => {
+}, B = (c, r) => {
+  const s = c.themes.filter((t) => t.type === "custom theme").length === 0 ? c.themes.filter((t) => t.type === "default theme") : c.themes.filter((t) => t.type === "custom theme"), o = [], h = (t) => {
     var i;
-    t.hsl[0] === null && (t.hsl[0] = 0), t.lch[2] === null && (t.lch[2] = 0);
+    isNaN(t.hsl[0]) && (t.hsl[0] = 0), isNaN(t.lch[2]) && (t.lch[2] = 0);
     const l = {
       RGB: () => `rgb(${Math.floor(t.rgb[0])}, ${Math.floor(
         t.rgb[1]
@@ -413,7 +413,7 @@ $modes: (`), s.filter((e) => e.type === "custom theme").forEach((e, t, l) => {
       )}, ${t.gl[2].toFixed(3)})`
     };
     return (i = l[r ?? "RGB"]) == null ? void 0 : i.call(l);
-  }, o = (t, l) => {
+  }, a = (t, l) => {
     var n;
     const i = {
       RGB: () => {
@@ -452,15 +452,15 @@ $modes: (`), s.filter((e) => e.type === "custom theme").forEach((e, t, l) => {
       t.push(`// ${l.name}`), l.shades.reverse().forEach((i) => {
         const n = l.shades.find((b) => b.type === "source color"), m = `@${new f(l.name).doKebabCase()}-${i.name}`;
         n && t.push(
-          `${m}: ${i.isTransparent ? o(i, n) : h(i)};`
+          `${m}: ${i.isTransparent ? a(i, n) : h(i)};`
         );
       }), t.push("");
-    }), a.push(t.join(`
+    }), o.push(t.join(`
 `));
   }
   return s.filter((t) => t.type === "custom theme").forEach((t) => {
     const l = new f(t.name).doKebabCase();
-    a.push(`
+    o.push(`
 // ${t.name} mode
 #${l} {
   .mode() {`);
@@ -469,24 +469,24 @@ $modes: (`), s.filter((e) => e.type === "custom theme").forEach((e, t, l) => {
       i.push(`    // ${n.name}`), n.shades.reverse().forEach((m) => {
         const b = n.shades.find(($) => $.type === "source color"), x = `@${new f(n.name).doKebabCase()}-${m.name}`;
         b && i.push(
-          `    ${x}: ${m.isTransparent ? o(m, b) : h(m)};`
+          `    ${x}: ${m.isTransparent ? a(m, b) : h(m)};`
         );
       }), i.push("");
-    }), i.length > 0 && i.pop(), a.push(i.join(`
-`)), a.push(`  }
+    }), i.length > 0 && i.pop(), o.push(i.join(`
+`)), o.push(`  }
 }`);
-  }), a.push(`
+  }), o.push(`
 // Mode application
 .apply-mode(@mode) {
   & when (@mode = default) {
     // Default mode variables are already available
   }`), s.filter((t) => t.type === "custom theme").forEach((t) => {
     const l = new f(t.name).doKebabCase();
-    a.push(`
+    o.push(`
   & when (@mode = ${l}) {
     #${l} > .mode();
   }`);
-  }), a.push(`}
+  }), o.push(`}
 
 // Mode application via HTML attribute
 .with-mode(@selector) {
@@ -503,13 +503,13 @@ $modes: (`), s.filter((e) => e.type === "custom theme").forEach((e, t, l) => {
   }).join(`
 
   `)}
-}`), a.join(`
+}`), o.join(`
 
 `);
-}, j = (c, r) => {
-  const s = c.themes.filter((e) => e.type === "custom theme").length === 0 ? c.themes.filter((e) => e.type === "default theme") : c.themes.filter((e) => e.type === "custom theme"), a = {}, h = (e) => {
+}, K = (c, r) => {
+  const s = c.themes.filter((e) => e.type === "custom theme").length === 0 ? c.themes.filter((e) => e.type === "default theme") : c.themes.filter((e) => e.type === "custom theme"), o = {}, h = (e) => {
     var l;
-    e.oklch[2] === null && (e.oklch[2] = 0);
+    isNaN(e.oklch[2]) && (e.oklch[2] = 0);
     const t = {
       RGB: () => ({
         colorSpace: "srgb",
@@ -531,7 +531,7 @@ $modes: (`), s.filter((e) => e.type === "custom theme").forEach((e, t, l) => {
       })
     };
     return (l = t[r ?? "RGB"]) == null ? void 0 : l.call(t);
-  }, o = (e, t) => {
+  }, a = (e, t) => {
     var i;
     const l = {
       RGB: () => ({
@@ -562,17 +562,17 @@ $modes: (`), s.filter((e) => e.type === "custom theme").forEach((e, t, l) => {
       const l = t.shades.find(
         (i) => i.type === "source color"
       );
-      a[t.name] || (a[t.name] = {
+      o[t.name] || (o[t.name] = {
         $type: "color"
       }), t.shades.forEach((i) => {
-        !a[t.name][i.name] && l && (a[t.name][i.name] = {
+        !o[t.name][i.name] && l && (o[t.name][i.name] = {
           $type: "color",
-          $value: i.isTransparent ? o(l, i) : h(i),
+          $value: i.isTransparent ? a(l, i) : h(i),
           $description: t.description !== "" ? t.description + " - " + i.description : i.description,
           $extensions: {
             mode: {}
           }
-        }), l && (a[t.name][i.name].$extensions.mode[e.name] = i.isTransparent ? o(l, i) : h(i));
+        }), l && (o[t.name][i.name].$extensions.mode[e.name] = i.isTransparent ? a(l, i) : h(i));
       });
     });
   }) : s.forEach((e) => {
@@ -580,37 +580,37 @@ $modes: (`), s.filter((e) => e.type === "custom theme").forEach((e, t, l) => {
       const l = t.shades.find(
         (i) => i.type === "source color"
       );
-      a[t.name] = {}, t.shades.forEach((i) => {
-        i && l && (a[t.name][i.name] = {
+      o[t.name] = {}, t.shades.forEach((i) => {
+        i && l && (o[t.name][i.name] = {
           $type: "color",
-          $value: i.isTransparent ? o(l, i) : h(i),
+          $value: i.isTransparent ? a(l, i) : h(i),
           $description: t.description !== "" ? t.description + " - " + i.description : i.description
         });
       });
     });
-  }), JSON.stringify(a, null, "  ");
-}, N = (c) => {
-  const r = c.themes.filter((l) => l.type === "custom theme").length === 0 ? c.themes.filter((l) => l.type === "default theme") : c.themes.filter((l) => l.type === "custom theme"), s = [], a = [], h = [], o = [], e = [], t = [];
+  }), JSON.stringify(o, null, "  ");
+}, j = (c) => {
+  const r = c.themes.filter((l) => l.type === "custom theme").length === 0 ? c.themes.filter((l) => l.type === "default theme") : c.themes.filter((l) => l.type === "custom theme"), s = [], o = [], h = [], a = [], e = [], t = [];
   return r.forEach((l) => {
     l.colors.forEach((i) => {
       i.shades.forEach((n) => {
-        h.push(n.name), o.push(Math.floor(n.lch[0])), e.push(Math.floor(n.lch[1])), t.push(Math.floor(n.lch[2]));
+        h.push(n.name), a.push(Math.floor(n.lch[0])), e.push(Math.floor(n.lch[1])), t.push(Math.floor(n.lch[2]));
       }), s.push({
         name: i.name,
         csv: `${i.name},Lightness,Chroma,Hue
-${h.map((n, m) => `${n},${o[m]},${e[m]},${t[m]}`).join(`
+${h.map((n, m) => `${n},${a[m]},${e[m]},${t[m]}`).join(`
 `)}`
-      }), h.splice(0, h.length), o.splice(0, o.length), e.splice(0, e.length), t.splice(0, t.length);
-    }), a.push({
+      }), h.splice(0, h.length), a.splice(0, a.length), e.splice(0, e.length), t.splice(0, t.length);
+    }), o.push({
       name: l.name,
       colors: s.map((i) => i),
       type: l.type
     }), s.splice(0, s.length);
-  }), a;
+  }), o;
 }, G = (c, r) => {
-  const s = c.themes.filter((e) => e.type === "custom theme").length === 0 ? c.themes.filter((e) => e.type === "default theme") : c.themes.filter((e) => e.type === "custom theme"), a = [], h = (e) => {
+  const s = c.themes.filter((e) => e.type === "custom theme").length === 0 ? c.themes.filter((e) => e.type === "default theme") : c.themes.filter((e) => e.type === "custom theme"), o = [], h = (e) => {
     var l;
-    e.hsl[0] === null && (e.hsl[0] = 0), e.lch[2] === null && (e.lch[2] = 0);
+    isNaN(e.hsl[0]) && (e.hsl[0] = 0), isNaN(e.lch[2]) && (e.lch[2] = 0);
     const t = {
       RGB: () => `rgb(${Math.floor(e.rgb[0])}, ${Math.floor(
         e.rgb[1]
@@ -619,15 +619,15 @@ ${h.map((n, m) => `${n},${o[m]},${e[m]},${t[m]}`).join(`
       HSL: () => `hsl(${Math.floor(e.hsl[0])} ${Math.floor(
         e.hsl[1] * 100
       )}% ${Math.floor(e.hsl[2] * 100)}%)`,
-      LCH: () => `lch(${Math.floor(e.lch[0])}% ${Math.floor(
+      LCH: () => (e.lch[2] === null && (e.lch[2] = 0), `lch(${Math.floor(e.lch[0])}% ${Math.floor(
         e.lch[1]
-      )} ${Math.floor(e.lch[2])})`,
+      )} ${Math.floor(e.lch[2])})`),
       P3: () => `color(display-p3 ${e.gl[0].toFixed(3)} ${e.gl[1].toFixed(
         3
       )} ${e.gl[2].toFixed(3)})`
     };
     return (l = t[r ?? "RGB"]) == null ? void 0 : l.call(t);
-  }, o = (e, t) => {
+  }, a = (e, t) => {
     var i;
     const l = {
       RGB: () => {
@@ -664,28 +664,28 @@ ${h.map((n, m) => `${n},${o[m]},${e[m]},${t[m]}`).join(`
       t.push(`/* ${l.name} */`), l.shades.reverse().forEach((i) => {
         const n = l.shades.find((m) => m.type === "source color");
         n && t.push(
-          `--${new f(l.name).doKebabCase()}-${i.name}: ${i.isTransparent ? o(i, n) : h(i)};`
+          `--${new f(l.name).doKebabCase()}-${i.name}: ${i.isTransparent ? a(i, n) : h(i)};`
         );
       }), t.push("");
-    }), t.pop(), a.push(
+    }), t.pop(), o.push(
       `:root${e.type === "custom theme" ? `[data-theme='${new f(e.name).doKebabCase()}']` : ""} {
   ${t.join(`
   `)}
 }`
     );
-  }), a.join(`
+  }), o.join(`
 
 `);
 }, _ = (c) => {
-  const r = c.themes.filter((a) => a.type === "custom theme").length === 0 ? c.themes.filter((a) => a.type === "default theme") : c.themes.filter((a) => a.type === "custom theme"), s = [];
-  return r.forEach((a) => {
-    a.colors.forEach((h) => {
-      const o = h.shades.find((t) => t.type === "source color"), e = [];
+  const r = c.themes.filter((o) => o.type === "custom theme").length === 0 ? c.themes.filter((o) => o.type === "default theme") : c.themes.filter((o) => o.type === "custom theme"), s = [];
+  return r.forEach((o) => {
+    o.colors.forEach((h) => {
+      const a = h.shades.find((t) => t.type === "source color"), e = [];
       e.push(
-        `// ${r[0].type === "custom theme" ? a.name + " - " : ""}${h.name}`
+        `// ${r[0].type === "custom theme" ? o.name + " - " : ""}${h.name}`
       ), h.shades.reverse().forEach((t) => {
         e.push(
-          `val ${r[0].type === "custom theme" ? new f(a.name + " " + h.name).doSnakeCase() : new f(h.name).doSnakeCase()}_${t.name} = Color(${t.isTransparent ? p((o == null ? void 0 : o.hex) ?? "#000000").alpha(t.alpha ?? 1).hex().replace("#", "0xFF").toUpperCase() : t.hex.replace("#", "0xFF").toUpperCase()})`
+          `val ${r[0].type === "custom theme" ? new f(o.name + " " + h.name).doSnakeCase() : new f(h.name).doSnakeCase()}_${t.name} = Color(${t.isTransparent ? p((a == null ? void 0 : a.hex) ?? "#000000").alpha(t.alpha ?? 1).hex().replace("#", "0xFF").toUpperCase() : t.hex.replace("#", "0xFF").toUpperCase()})`
         );
       }), e.push(""), e.forEach((t) => s.push(t));
     });
@@ -698,7 +698,7 @@ class O {
   constructor({
     base: r,
     themes: s,
-    meta: a
+    meta: o
   }) {
     u(this, "base");
     u(this, "themes");
@@ -713,24 +713,24 @@ class O {
         colors: [],
         type: r.type
       };
-      this.base.colors.forEach((a) => {
+      this.base.colors.forEach((o) => {
         const h = Object.entries(r.scale).reverse().map((n) => {
-          if (a.alpha.isEnabled) {
+          if (o.alpha.isEnabled) {
             const m = new d({
               render: "RGB",
               sourceColor: [
-                a.rgb.r * 255,
-                a.rgb.g * 255,
-                a.rgb.b * 255
+                o.rgb.r * 255,
+                o.rgb.g * 255,
+                o.rgb.b * 255
               ],
               alpha: parseFloat((n[1] / 100).toFixed(2)),
-              hueShifting: a.hue.shift !== void 0 ? a.hue.shift : 0,
-              chromaShifting: a.chroma.shift !== void 0 ? a.chroma.shift : 100,
+              hueShifting: o.hue.shift !== void 0 ? o.hue.shift : 0,
+              chromaShifting: o.chroma.shift !== void 0 ? o.chroma.shift : 100,
               algorithmVersion: this.base.algorithmVersion,
               visionSimulationMode: r.visionSimulationMode
             }), b = new d({
               render: "RGB",
-              sourceColor: p(a.alpha.backgroundColor).rgb(),
+              sourceColor: p(o.alpha.backgroundColor).rgb(),
               algorithmVersion: this.base.algorithmVersion,
               visionSimulationMode: r.visionSimulationMode
             });
@@ -802,13 +802,13 @@ class O {
             const m = new d({
               render: "RGB",
               sourceColor: [
-                a.rgb.r * 255,
-                a.rgb.g * 255,
-                a.rgb.b * 255
+                o.rgb.r * 255,
+                o.rgb.g * 255,
+                o.rgb.b * 255
               ],
               lightness: n[1],
-              hueShifting: a.hue.shift !== void 0 ? a.hue.shift : 0,
-              chromaShifting: a.chroma.shift !== void 0 ? a.chroma.shift : 100,
+              hueShifting: o.hue.shift !== void 0 ? o.hue.shift : 0,
+              chromaShifting: o.chroma.shift !== void 0 ? o.chroma.shift : 100,
               algorithmVersion: this.base.algorithmVersion,
               visionSimulationMode: r.visionSimulationMode
             });
@@ -829,18 +829,18 @@ class O {
                 return [n, [0, 0, 0]];
             }
           }
-        }), o = {
-          id: a.id,
-          name: a.name,
-          description: a.description,
+        }), a = {
+          id: o.id,
+          name: o.name,
+          description: o.description,
           shades: [],
           type: "color"
         }, e = [
-          a.rgb.r * 255,
-          a.rgb.g * 255,
-          a.rgb.b * 255
+          o.rgb.r * 255,
+          o.rgb.g * 255,
+          o.rgb.b * 255
         ], t = new C();
-        t.rgb_r = a.rgb.r, t.rgb_g = a.rgb.g, t.rgb_b = a.rgb.b, t.rgbToHsluv(), o.shades.push({
+        t.rgb_r = o.rgb.r, t.rgb_g = o.rgb.g, t.rgb_b = o.rgb.b, t.rgbToHsluv(), a.shades.push({
           name: "source",
           description: "Source color",
           hex: p(e).hex(),
@@ -881,21 +881,21 @@ class O {
             sourceColor: p(e).rgb(),
             visionSimulationMode: r.visionSimulationMode
           }).setColor();
-          m === i && this.base.areSourceColorsLocked && !a.alpha.isEnabled ? ($.rgb_r = Number(y[0]) / 255, $.rgb_g = Number(y[1]) / 255, $.rgb_b = Number(y[2]) / 255) : ($.rgb_r = Number(n[1][0]) / 255, $.rgb_g = Number(n[1][1]) / 255, $.rgb_b = Number(n[1][2]) / 255), $.rgbToHsluv(), o.shades.push({
+          m === i && this.base.areSourceColorsLocked && !o.alpha.isEnabled ? ($.rgb_r = Number(y[0]) / 255, $.rgb_g = Number(y[1]) / 255, $.rgb_b = Number(y[2]) / 255) : ($.rgb_r = Number(n[1][0]) / 255, $.rgb_g = Number(n[1][1]) / 255, $.rgb_b = Number(n[1][2]) / 255), $.rgbToHsluv(), a.shades.push({
             name: x,
-            description: `Shade/Tint color with ${typeof n[0][1] == "number" ? n[0][1].toFixed(1) : n[0][1]}% of ${a.alpha.isEnabled ? "opacity" : "lightness"}`,
-            hex: m === i && this.base.areSourceColorsLocked && !a.alpha.isEnabled ? p(g).hex() : p(n[1]).hex(),
-            rgb: m === i && this.base.areSourceColorsLocked && !a.alpha.isEnabled ? p(g).rgb() : p(n[1]).rgb(),
-            gl: m === i && this.base.areSourceColorsLocked && !a.alpha.isEnabled ? p(g).gl() : p(n[1]).gl(),
-            lch: m === i && this.base.areSourceColorsLocked && !a.alpha.isEnabled ? p(g).lch() : p(n[1]).lch(),
-            oklch: m === i && this.base.areSourceColorsLocked && !a.alpha.isEnabled ? p(g).oklch() : p(n[1]).oklch(),
-            lab: m === i && this.base.areSourceColorsLocked && !a.alpha.isEnabled ? p(g).lab() : p(n[1]).lab(),
-            oklab: m === i && this.base.areSourceColorsLocked && !a.alpha.isEnabled ? p(g).oklab() : p(n[1]).oklab(),
-            hsl: m === i && this.base.areSourceColorsLocked && !a.alpha.isEnabled ? p(g).hsl() : p(n[1]).hsl(),
+            description: `Shade/Tint color with ${typeof n[0][1] == "number" ? n[0][1].toFixed(1) : n[0][1]}% of ${o.alpha.isEnabled ? "opacity" : "lightness"}`,
+            hex: m === i && this.base.areSourceColorsLocked && !o.alpha.isEnabled ? p(g).hex() : p(n[1]).hex(),
+            rgb: m === i && this.base.areSourceColorsLocked && !o.alpha.isEnabled ? p(g).rgb() : p(n[1]).rgb(),
+            gl: m === i && this.base.areSourceColorsLocked && !o.alpha.isEnabled ? p(g).gl() : p(n[1]).gl(),
+            lch: m === i && this.base.areSourceColorsLocked && !o.alpha.isEnabled ? p(g).lch() : p(n[1]).lch(),
+            oklch: m === i && this.base.areSourceColorsLocked && !o.alpha.isEnabled ? p(g).oklch() : p(n[1]).oklch(),
+            lab: m === i && this.base.areSourceColorsLocked && !o.alpha.isEnabled ? p(g).lab() : p(n[1]).lab(),
+            oklab: m === i && this.base.areSourceColorsLocked && !o.alpha.isEnabled ? p(g).oklab() : p(n[1]).oklab(),
+            hsl: m === i && this.base.areSourceColorsLocked && !o.alpha.isEnabled ? p(g).hsl() : p(n[1]).hsl(),
             hsluv: [$.hsluv_h, $.hsluv_s, $.hsluv_l],
-            alpha: a.alpha.isEnabled ? parseFloat((n[0][1] / 100).toFixed(2)) : void 0,
-            backgroundColor: a.alpha.isEnabled && a.alpha.backgroundColor ? p(n[2]).rgb() : void 0,
-            mixedColor: a.alpha.isEnabled && a.alpha.backgroundColor ? new d({
+            alpha: o.alpha.isEnabled ? parseFloat((n[0][1] / 100).toFixed(2)) : void 0,
+            backgroundColor: o.alpha.isEnabled && o.alpha.backgroundColor ? p(n[2]).rgb() : void 0,
+            mixedColor: o.alpha.isEnabled && o.alpha.backgroundColor ? new d({
               visionSimulationMode: r.visionSimulationMode
             }).mixColorsRgb(
               [
@@ -907,25 +907,25 @@ class O {
               [...n[2], 1]
             ) : void 0,
             isClosestToRef: b < 4 && !this.base.areSourceColorsLocked,
-            isSourceColorLocked: m === i && this.base.areSourceColorsLocked && !a.alpha.isEnabled,
-            isTransparent: a.alpha.isEnabled,
+            isSourceColorLocked: m === i && this.base.areSourceColorsLocked && !o.alpha.isEnabled,
+            isTransparent: o.alpha.isEnabled,
             type: "color shade/tint"
           });
-        }), s.colors.push(o);
+        }), s.colors.push(a);
       }), this.paletteData.themes.push(s);
     }), this.paletteData));
     u(this, "makeLibraryData", (r, s) => {
-      const a = this.makePaletteData();
-      return a.themes.flatMap(
-        (o) => o.colors.flatMap(
+      const o = this.makePaletteData();
+      return o.themes.flatMap(
+        (a) => a.colors.flatMap(
           (e) => e.shades.flatMap((t) => {
-            const l = `${o.id}:${e.id}:${t.name}`, i = s == null ? void 0 : s.find(
+            const l = `${a.id}:${e.id}:${t.name}`, i = s == null ? void 0 : s.find(
               (n) => n.id === l
             );
             return {
               id: l,
-              paletteName: a.name,
-              themeName: o.name,
+              paletteName: o.name,
+              themeName: a.name,
               colorName: e.name,
               shadeName: t.name,
               ...(r == null ? void 0 : r.includes("alpha")) && { alpha: t.alpha ?? 1 },
@@ -953,15 +953,15 @@ class O {
     });
     u(this, "makeNativeTokens", () => {
       const r = this.makePaletteData();
-      return B(r);
+      return R(r);
     });
     u(this, "makeDtcgTokens", (r = "RGB") => {
       const s = this.makePaletteData();
-      return j(s, r);
+      return K(s, r);
     });
     u(this, "makeStyleDictionaryTokens", () => {
       const r = this.makePaletteData();
-      return P(r);
+      return H(r);
     });
     u(this, "makeUniversalJson", () => {
       const r = this.makePaletteData();
@@ -971,13 +971,13 @@ class O {
       const s = this.makePaletteData();
       return G(s, r);
     });
-    u(this, "makeScssVariable", (r = "RGB") => {
+    u(this, "makeScssVariables", (r = "RGB") => {
       const s = this.makePaletteData();
-      return A(s, r);
+      return P(s, r);
     });
     u(this, "makeLessVariables", (r = "RGB") => {
       const s = this.makePaletteData();
-      return K(s, r);
+      return B(s, r);
     });
     u(this, "makeTailwindConfig", () => {
       const r = this.makePaletteData();
@@ -985,7 +985,7 @@ class O {
     });
     u(this, "makeSwiftUI", () => {
       const r = this.makePaletteData();
-      return H(r);
+      return N(r);
     });
     u(this, "makeUIKit", () => {
       const r = this.makePaletteData();
@@ -997,11 +997,11 @@ class O {
     });
     u(this, "makeResources", () => {
       const r = this.makePaletteData();
-      return R(r);
+      return A(r);
     });
     u(this, "makeCsv", () => {
       const r = this.makePaletteData();
-      return N(r);
+      return j(r);
     });
     u(this, "makePaletteFullData", () => ({
       base: this.base,
@@ -1012,12 +1012,12 @@ class O {
       type: "UI_COLOR_PALETTE"
     }));
     var h;
-    this.base = r, this.themes = s, this.meta = a, this.paletteData = {
+    this.base = r, this.themes = s, this.meta = o, this.paletteData = {
       name: r.name ?? "UI Color Palette",
       description: r.description,
       themes: [],
       type: "palette"
-    }, this.currentScale = ((h = s.find((o) => o.isEnabled)) == null ? void 0 : h.scale) ?? {};
+    }, this.currentScale = ((h = s.find((a) => a.isEnabled)) == null ? void 0 : h.scale) ?? {};
   }
 }
 export {