@greensight/gts 1.0.0-beta.5 → 1.0.0-beta.6

package/index.mjs

@@ -1,78 +1,78 @@
-var ue = Object.defineProperty;
-var de = (t, e, s) => e in t ? ue(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
-var m = (t, e, s) => de(t, typeof e != "symbol" ? e + "" : e, s);
-import w from "path";
+var de = Object.defineProperty;
+var fe = (t, e, o) => e in t ? de(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var w = (t, e, o) => fe(t, typeof e != "symbol" ? e + "" : e, o);
+import k from "path";
 import { tsImport as ye } from "ts-import";
-import { existsSync as M } from "node:fs";
-import { readFile as V, mkdir as fe, writeFile as ge, rm as pe } from "node:fs/promises";
-import { resolve as N } from "node:path";
+import { existsSync as C } from "node:fs";
+import { readFile as N, mkdir as ge, writeFile as pe, rm as he } from "node:fs/promises";
+import { resolve as V } from "node:path";
 const p = class p {
   static resolveReadPath(e) {
     if (!e || !e.trim())
       throw new Error("File path must be a non-empty string");
-    return N(p.baseDir, e);
+    return V(p.baseDir, e);
   }
-  static resolveWritePath(e, s) {
-    const r = N(p.baseDir, s ?? "");
+  static resolveWritePath(e, o) {
+    const r = V(p.baseDir, o ?? "");
     return {
       targetDir: r,
-      targetPath: N(r, e)
+      targetPath: V(r, e)
     };
   }
-  static handleReadError(e, s) {
-    throw e.code === "ENOENT" ? new Error(`File not found: ${s}`) : new Error(
-      `Failed to read file "${s}": ${e.message ?? String(e)}`
+  static handleReadError(e, o) {
+    throw e.code === "ENOENT" ? new Error(`File not found: ${o}`) : new Error(
+      `Failed to read file "${o}": ${e.message ?? String(e)}`
     );
   }
-  static async read(e, s = "utf8") {
+  static async read(e, o = "utf8") {
     const r = p.resolveReadPath(e);
     try {
-      return await V(r, { encoding: s });
-    } catch (o) {
-      p.handleReadError(o, r);
+      return await N(r, { encoding: o });
+    } catch (s) {
+      p.handleReadError(s, r);
     }
   }
   static async readBuffer(e) {
-    const s = p.resolveReadPath(e);
+    const o = p.resolveReadPath(e);
     try {
-      return await V(s);
+      return await N(o);
     } catch (r) {
-      p.handleReadError(r, s);
+      p.handleReadError(r, o);
     }
   }
   static async readJson(e) {
-    const s = p.resolveReadPath(e);
+    const o = p.resolveReadPath(e);
     try {
-      const r = await V(s, { encoding: "utf8" });
+      const r = await N(o, { encoding: "utf8" });
       try {
         return JSON.parse(r);
-      } catch (o) {
-        throw new Error(`Failed to parse JSON from "${s}": ${o.message}`);
+      } catch (s) {
+        throw new Error(`Failed to parse JSON from "${o}": ${s.message}`);
       }
     } catch (r) {
-      p.handleReadError(r, s);
+      p.handleReadError(r, o);
     }
   }
-  static async write(e, s = "", r = {}) {
-    const { directory: o, overwrite: n = !0 } = r, { targetDir: a, targetPath: i } = p.resolveWritePath(e, o);
-    if (!n && M(i))
+  static async write(e, o = "", r = {}) {
+    const { directory: s, overwrite: n = !0 } = r, { targetDir: a, targetPath: i } = p.resolveWritePath(e, s);
+    if (!n && C(i))
       throw new Error(`File ${i} already exists`);
-    return await fe(a, { recursive: !0 }), await ge(i, s, { encoding: "utf8" }), i;
+    return await ge(a, { recursive: !0 }), await pe(i, o, { encoding: "utf8" }), i;
   }
-  static async writeWithExtension(e, s, r = "", o) {
-    const n = s.startsWith(".") ? s : `.${s}`, a = `${e}${n}`;
-    return p.write(a, r, o);
+  static async writeWithExtension(e, o, r = "", s) {
+    const n = o.startsWith(".") ? o : `.${o}`, a = `${e}${n}`;
+    return p.write(a, r, s);
   }
   static exists(e) {
-    const s = p.resolveReadPath(e);
-    return M(s);
+    const o = p.resolveReadPath(e);
+    return C(o);
   }
-  static async delete(e, s) {
-    const { targetPath: r } = p.resolveWritePath(e, s);
-    M(r) && await pe(r, { recursive: !0, force: !0 });
+  static async delete(e, o) {
+    const { targetPath: r } = p.resolveWritePath(e, o);
+    C(r) && await he(r, { recursive: !0, force: !0 });
   }
 };
-m(p, "baseDir", process.cwd());
+w(p, "baseDir", process.cwd());
 let d = p;
 const $ = class $ {
   static async create() {
@@ -83,7 +83,7 @@ const $ = class $ {
   async load() {
     try {
       const e = await ye.compile(
-        `${w.resolve(process.cwd(), $.configFileName)}`
+        `${k.resolve(process.cwd(), $.configFileName)}`
       );
       if (!e)
         throw new Error("gts.config.ts must default-export a configuration object");
@@ -93,61 +93,61 @@ const $ = class $ {
     }
   }
 };
-m($, "configFileName", "gts.config.ts");
-let j = $;
-const he = (t) => {
+w($, "configFileName", "gts.config.ts");
+let v = $;
+const be = (t) => {
   const e = new URLSearchParams();
-  return Object.keys(t).forEach((s) => {
-    Array.isArray(t[s]) ? t[s].forEach((r) => e.append(`${s}[]`, r)) : e.append(s, t[s]);
+  return Object.keys(t).forEach((o) => {
+    Array.isArray(t[o]) ? t[o].forEach((r) => e.append(`${o}[]`, r)) : e.append(o, t[o]);
   }), e;
-}, be = (t, e = 50) => {
-  const s = [];
+}, me = (t, e = 50) => {
+  const o = [];
   for (let r = 0; r < t.length; r += e)
-    s.push(t.slice(r, r + e));
-  return s;
+    o.push(t.slice(r, r + e));
+  return o;
 };
 class P {
-  constructor(e, s) {
-    m(this, "figmaToken");
-    m(this, "fileId");
-    m(this, "onTimeMeasureHandler");
-    this.figmaToken = e, this.fileId = s;
+  constructor(e, o) {
+    w(this, "figmaToken");
+    w(this, "fileId");
+    w(this, "onTimeMeasureHandler");
+    this.figmaToken = e, this.fileId = o;
   }
   setOnTimeMeasureHandler(e) {
     this.onTimeMeasureHandler = e;
   }
   static async returnJSON(e) {
-    const s = await e.json();
+    const o = await e.json();
     if (!e.ok) {
       let r = "Request failed";
       throw new Error(r);
     }
-    return s;
+    return o;
   }
-  async performControlledRequest(e, { params: s = {}, timeout: r = 3e4, abortController: o = new AbortController() } = {}) {
-    var h;
+  async performControlledRequest(e, { params: o = {}, timeout: r = 3e4, abortController: s = new AbortController() } = {}) {
+    var b;
     if (!this.figmaToken || !this.fileId)
       throw new Error("figmaToken and fileId are required in gts.config.ts");
-    const n = Object.entries(s).reduce((f, [b, k]) => typeof k < "u" ? { ...f, [b]: k } : f, {}), a = `https://api.figma.com/v1${e}${n && Object.keys(n).length ? `?${he(n)}` : ""}`;
+    const n = Object.entries(o).reduce((g, [h, m]) => typeof m < "u" ? { ...g, [h]: m } : g, {}), a = `https://api.figma.com/v1${e}${n && Object.keys(n).length ? `?${be(n)}` : ""}`;
     console.log("endpoinWithParams=", a);
-    const i = setTimeout(() => o.abort(), r), l = {
+    const i = setTimeout(() => s.abort(), r), l = {
       "Content-Type": "application/json",
       ...this.figmaToken && { "X-Figma-Token": this.figmaToken }
     }, c = {
       method: "GET",
       headers: l,
-      signal: o.signal
-    }, u = performance.now(), y = await fetch(`${a}`, c);
+      signal: s.signal
+    }, u = performance.now(), f = await fetch(`${a}`, c);
     clearTimeout(i);
-    const g = performance.now() - u;
-    return (h = this.onTimeMeasureHandler) == null || h.call(this, a, l, g), y;
+    const y = performance.now() - u;
+    return (b = this.onTimeMeasureHandler) == null || b.call(this, a, l, y), f;
   }
-  async request(e, s) {
-    var o;
+  async request(e, o) {
+    var s;
     const r = await this.performControlledRequest(e, {
-      ...s
+      ...o
     });
-    return (o = r.headers.get("content-type")) != null && o.includes("application/json") ? P.returnJSON(r) : r;
+    return (s = r.headers.get("content-type")) != null && s.includes("application/json") ? P.returnJSON(r) : r;
   }
   async getComponents() {
     return this.request(`/files/${this.fileId}/components`);
@@ -156,30 +156,30 @@ class P {
     return this.request(`/files/${this.fileId}/styles`);
   }
   async getNodes(e) {
-    const s = be(e).map(
+    const o = me(e).map(
       (n) => this.request(`/files/${this.fileId}/nodes`, { params: { ids: n.join(",") } })
-    ), r = await Promise.all(s);
+    ), r = await Promise.all(o);
     return {
       ...r[0],
       nodes: r.reduce((n, a) => ({ ...n, ...a.nodes }), {})
     };
   }
 }
-const H = (t, e) => {
-  const s = Array.isArray(e) ? e : e.split(".");
+const q = (t, e) => {
+  const o = Array.isArray(e) ? e : e.split(".");
   let r = t;
-  for (const o of s) {
+  for (const s of o) {
     if (r == null || typeof r != "object") return;
-    r = r[o];
+    r = r[s];
   }
   return r;
-}, Q = (t, e) => {
+}, H = (t, e) => {
   if (!e || typeof e != "object") return t;
   if (!t || typeof t != "object") return e;
-  const s = { ...t };
+  const o = { ...t };
   for (const r in e)
-    e.hasOwnProperty(r) && (typeof e[r] == "object" && e[r] !== null && typeof s[r] == "object" && s[r] !== null ? s[r] = Q(s[r], e[r]) : s[r] = e[r]);
-  return s;
+    e.hasOwnProperty(r) && (typeof e[r] == "object" && e[r] !== null && typeof o[r] == "object" && o[r] !== null ? o[r] = H(o[r], e[r]) : o[r] = e[r]);
+  return o;
 };
 function x(t, e) {
   if (t === e)
@@ -195,49 +195,49 @@ function x(t, e) {
   if (Array.isArray(t) && Array.isArray(e)) {
     if (t.length !== e.length)
       return !1;
-    for (let s = 0; s < t.length; s++)
-      if (!x(t[s], e[s]))
+    for (let o = 0; o < t.length; o++)
+      if (!x(t[o], e[o]))
         return !1;
     return !0;
   }
   if (typeof t == "object" && typeof e == "object") {
-    const s = Object.keys(t), r = Object.keys(e);
-    if (s.length !== r.length)
+    const o = Object.keys(t), r = Object.keys(e);
+    if (o.length !== r.length)
       return !1;
-    for (const o of s)
-      if (!r.includes(o) || !x(t[o], e[o]))
+    for (const s of o)
+      if (!r.includes(s) || !x(t[s], e[s]))
         return !1;
     return !0;
   }
   return !1;
 }
-const K = {
+const R = {
   color: {},
   effect: {},
   text: {},
   grid: {}
 };
-class me {
+class we {
   constructor(e) {
     // files
-    m(this, "tokensDir");
-    m(this, "manifestPath");
+    w(this, "tokensDir");
+    w(this, "manifestPath");
     // result data
-    m(this, "variables");
-    m(this, "styles");
+    w(this, "variables");
+    w(this, "styles");
     // flags
-    m(this, "loaded", !1);
-    this.tokensDir = e || "", this.manifestPath = w.join(this.tokensDir, "manifest.json");
+    w(this, "loaded", !1);
+    this.tokensDir = e || "", this.manifestPath = k.join(this.tokensDir, "manifest.json");
   }
   isLoaded() {
     return this.loaded && !!this.variables && !!this.styles;
   }
   /** to camelCase */
   normalizeKey(e) {
-    const s = e.trim();
-    return s && s.replace(/[-_\s]+/g, " ").split(" ").filter((r) => r.length).map((r, o) => {
+    const o = e.trim();
+    return o && o.replace(/[-_\s]+/g, " ").split(" ").filter((r) => r.length).map((r, s) => {
       const n = r.charAt(0), a = r.slice(1);
-      return o === 0 ? r.toLowerCase() : n.toUpperCase() + a;
+      return s === 0 ? r.toLowerCase() : n.toUpperCase() + a;
     }).join("");
   }
   /**
@@ -245,10 +245,10 @@ class me {
    */
   parseVariableString(e) {
     if (typeof e != "string") return e;
-    const s = /^\{(.+)\}$/, r = e.match(s);
+    const o = /^\{(.+)\}$/, r = e.match(o);
     if (r) {
-      const o = r[1].trim();
-      return `{${this.normalizeKey(o)}}`;
+      const s = r[1].trim();
+      return `{${this.normalizeKey(s)}}`;
     }
     return e;
   }
@@ -257,59 +257,59 @@ class me {
    */
   createVariableFileList(e) {
     return Object.entries(e).flatMap(
-      ([s, r]) => Object.entries(r.modes).flatMap(
-        ([o, n]) => n.map((a) => ({
+      ([o, r]) => Object.entries(r.modes).flatMap(
+        ([s, n]) => n.map((a) => ({
           fileName: a,
-          modeName: this.normalizeKey(o.trim()),
-          collectionName: s
+          modeName: this.normalizeKey(s.trim()),
+          collectionName: o
         }))
       )
     );
   }
   parseValue(e) {
-    return e && (typeof e == "string" ? this.parseVariableString(e) : typeof e != "object" ? e : Array.isArray(e) ? e.map((s) => this.parseValue(s)) : Object.entries(e).reduce((s, [r, o]) => ({ ...s, [r]: this.parseValue(o) }), {}));
+    return e && (typeof e == "string" ? this.parseVariableString(e) : typeof e != "object" ? e : Array.isArray(e) ? e.map((o) => this.parseValue(o)) : Object.entries(e).reduce((o, [r, s]) => ({ ...o, [r]: this.parseValue(s) }), {}));
   }
-  getTokensFromFile(e, s) {
-    return Object.entries(e).reduce((r, [o, n]) => "$type" in n && "$value" in n ? {
+  getTokensFromFile(e, o) {
+    return Object.entries(e).reduce((r, [s, n]) => "$type" in n && "$value" in n ? {
       ...r,
-      [this.normalizeKey(o)]: {
+      [this.normalizeKey(s)]: {
         type: n.$type,
         description: n.$description,
-        value: s ? { [this.normalizeKey(s)]: this.parseValue(n.$value) } : this.parseValue(n.$value)
+        value: o ? { [this.normalizeKey(o)]: this.parseValue(n.$value) } : this.parseValue(n.$value)
       }
-    } : { ...r, [this.normalizeKey(o)]: this.getTokensFromFile(n, s) }, {});
+    } : { ...r, [this.normalizeKey(s)]: this.getTokensFromFile(n, o) }, {});
   }
-  processTokensFile(e, s, r) {
-    const o = this.normalizeKey(r), n = this.getTokensFromFile(e, s);
-    return { [o]: n };
+  processTokensFile(e, o, r) {
+    const s = this.normalizeKey(r), n = this.getTokensFromFile(e, o);
+    return { [s]: n };
   }
   /**
    * Loads all variable files in parallel and returns processed results
    */
   async loadVariableFiles(e) {
     return Promise.all(
-      e.map(async ({ fileName: s, modeName: r, collectionName: o }) => {
+      e.map(async ({ fileName: o, modeName: r, collectionName: s }) => {
         try {
-          const n = w.join(this.tokensDir, s), a = await d.readJson(n);
-          return this.processTokensFile(a, r, o);
+          const n = k.join(this.tokensDir, o), a = await d.readJson(n);
+          return this.processTokensFile(a, r, s);
         } catch (n) {
-          return console.warn(`Failed to load variable file: ${w.join(this.tokensDir, s)}`, n), {};
+          return console.warn(`Failed to load variable file: ${k.join(this.tokensDir, o)}`, n), {};
         }
       })
     );
   }
   mergeVariables(e) {
-    return e.reduce((s, r) => Q(s, r), {});
+    return e.reduce((o, r) => H(o, r), {});
   }
   /**
    * Loads and processes all token variables from manifest collections
    */
   async loadTokenVariables(e) {
     try {
-      const s = this.createVariableFileList(e), r = await this.loadVariableFiles(s);
+      const o = this.createVariableFileList(e), r = await this.loadVariableFiles(o);
       return this.mergeVariables(r);
-    } catch (s) {
-      throw new Error(`Failed to load token variables from ${this.tokensDir}: ${s}`);
+    } catch (o) {
+      throw new Error(`Failed to load token variables from ${this.tokensDir}: ${o}`);
     }
   }
   /**
@@ -317,9 +317,9 @@ class me {
    */
   createStyleFileList(e) {
     return Object.entries(e).flatMap(
-      ([s, r]) => (r == null ? void 0 : r.map((o) => ({
-        styleType: s,
-        fileName: o
+      ([o, r]) => (r == null ? void 0 : r.map((s) => ({
+        styleType: o,
+        fileName: s
       }))) || []
     );
   }
@@ -328,18 +328,18 @@ class me {
    */
   async loadStyleFiles(e) {
     return (await Promise.all(
-      e.map(async ({ styleType: r, fileName: o }) => {
+      e.map(async ({ styleType: r, fileName: s }) => {
         try {
-          const n = w.join(this.tokensDir, o), a = await d.readJson(n);
+          const n = k.join(this.tokensDir, s), a = await d.readJson(n);
           return { styleType: r, styleTokens: a };
         } catch (n) {
-          return console.warn(`Failed to load style file: ${w.join(this.tokensDir, o)}`, n), { styleType: r, styleTokens: {} };
+          return console.warn(`Failed to load style file: ${k.join(this.tokensDir, s)}`, n), { styleType: r, styleTokens: {} };
         }
       })
     )).reduce(
-      (r, o) => ({ ...r, [o.styleType]: this.getTokensFromFile(o.styleTokens, "") }),
+      (r, s) => ({ ...r, [s.styleType]: this.getTokensFromFile(s.styleTokens, "") }),
       {
-        ...K
+        ...R
       }
     );
   }
@@ -347,9 +347,9 @@ class me {
    * Loads and processes all style tokens from manifest
    */
   async loadStyles(e) {
-    if (!e) return { ...K };
-    const s = this.createStyleFileList(e);
-    return await this.loadStyleFiles(s);
+    if (!e) return { ...R };
+    const o = this.createStyleFileList(e);
+    return await this.loadStyleFiles(o);
   }
   async load() {
     if (this.loaded) return;
@@ -398,9 +398,9 @@ class me {
    */
   resolveVariableValue(e) {
     if (typeof e == "object")
-      return Object.keys(e).reduce((s, r) => {
-        const o = e[r], n = this.resolveVariableValueString(o, r);
-        return n && (s[r] = n), s;
+      return Object.keys(e).reduce((o, r) => {
+        const s = e[r], n = this.resolveVariableValueString(s, r);
+        return n && (o[r] = n), o;
       }, {});
   }
   /**
@@ -409,70 +409,70 @@ class me {
    * @param mode - Mode name to get value for (optional)
    * @returns resolved token variable or undefined if not found or invalid
    */
-  resolveVariableValueString(e, s) {
+  resolveVariableValueString(e, o) {
     if (!this.isVariableReference(e)) return e;
-    const r = this.getVariablePath(e), o = this.getToken(r, s);
-    if (o)
-      return this.resolveVariableValueString(o, s);
+    const r = this.getVariablePath(e), s = this.getToken(r, o);
+    if (s)
+      return this.resolveVariableValueString(s, o);
   }
   /**
    * Gets a nested token value by path, similar to lodash.get
    * @param variablePath - Dot-separated string path or array of path segments
    * @param mode - Mode name to get value for (optional)
    */
-  getToken(e, s) {
+  getToken(e, o) {
     if (!this.loaded || !this.variables)
       throw new Error("Tokens not loaded. Call load() first.");
     for (const r of Object.values(this.variables)) {
-      const o = H(r, e);
-      if (o != null && o.value && typeof o.value == "object") {
-        if (s) return o.value[s];
+      const s = q(r, e);
+      if (s != null && s.value && typeof s.value == "object") {
+        if (o) return s.value[o];
         {
-          const n = Object.keys(o.value)[0];
-          return o.value[n];
+          const n = Object.keys(s.value)[0];
+          return s.value[n];
         }
       }
     }
   }
 }
-const Lt = async () => {
-  const e = await new j().load();
+const Wt = async () => {
+  const e = await new v().load();
   if (!e)
     throw new Error(
       'Failed to load gts.config.ts. Run "npx gts-init" to create it, or ensure the file exists and default-exports a valid configuration.'
     );
-  const { figmaToken: s, fileId: r, modules: o, manifest: n } = e, a = new P(s, r), i = new me(n);
-  n && d.exists(n) && await i.load(), await Promise.all(o.map((l) => l.executor({ figmaApiClient: a, tokenManagerClient: i })));
-}, Wt = async () => {
-  await j.create(), console.log("\x1B[32m%s\x1B[0m", "✔️ Configuration file created gts.config.ts");
-}, ke = ["xxxl", "xxl", "xl", "lg", "md", "sm", "xs", "xxs", "xxxs"], we = (t) => parseInt(t.value, 10), $e = (t) => t.reduce(
-  (e, s) => ({
+  const { figmaToken: o, fileId: r, modules: s, manifest: n } = e, a = new P(o, r), i = new we(n);
+  n && d.exists(n) && await i.load(), await Promise.all(s.map((l) => l.executor({ figmaApiClient: a, tokenManagerClient: i })));
+}, zt = async () => {
+  await v.create(), console.log("\x1B[32m%s\x1B[0m", "✔️ Configuration file created gts.config.ts");
+}, ke = ["xxxl", "xxl", "xl", "lg", "md", "sm", "xs", "xxs", "xxxs"], $e = (t) => parseInt(t.value, 10), Se = (t) => t.reduce(
+  (e, o) => ({
     ...e,
-    [s.name]: we(s)
+    [o.name]: $e(o)
   }),
   {}
 ), Te = async (t, e) => {
   await d.delete(t, e);
-}, Se = async (t, e, s) => {
-  await d.write(t, e, { directory: s });
-}, F = async (t, e, s) => {
-  await Te(t, s), await Se(t, e, s);
-}, je = (t) => {
-  const e = t.map(({ name: s, value: r }) => `    --${s}: ${r};`);
+}, je = async (t, e, o) => {
+  await d.write(t, e, { directory: o });
+}, F = async (t, e, o) => {
+  await Te(t, o), await je(t, e, o);
+}, ve = (t) => {
+  const e = t.map(({ name: o, value: r }) => `    --${o}: ${r};`);
   return e.length ? `.breakpoint-variables {
 ${e.join(`
 `)}
 }
 ` : "";
-}, ve = (t) => {
+}, Me = (t) => {
   var r;
-  const e = t.map(({ name: o, value: n }) => `    ${o}: ${n}`), s = (r = t.at(-1)) == null ? void 0 : r.name;
-  return !e.length || !s ? "" : `$breakpointList: (
+  const e = t.map(({ name: s, value: n }) => `    ${s}: ${n}`), o = (r = t.at(-1)) == null ? void 0 : r.name;
+  return !e.length || !o ? "" : `$breakpointList: (
 ${e.join(`,
 `)}
 );
 
-$defaultBreakpoint: '${s}';
+$defaultBreakpoint: '${o}';
 `;
 }, Ce = (t) => [
   `const breakpoints = ${JSON.stringify(t, null, 4)} as const;`,
@@ -486,155 +486,155 @@ $defaultBreakpoint: '${s}';
   "export type { BreakpointsKeysType, AllowMedia };",
   ""
 ].join(`
-`), Me = async ({ breakpointTokens: t, dir: e }) => {
-  const s = $e(t), r = je(t), o = ve(t), n = Ce(s);
+`), Ne = async ({ breakpointTokens: t, dir: e }) => {
+  const o = Se(t), r = ve(t), s = Me(t), n = Ce(o);
   await Promise.all([
     F("styles.css", r, e),
-    F("styles.scss", o, e),
+    F("styles.scss", s, e),
     F("index.ts", n, e)
   ]);
 }, Ve = (t, e) => {
-  const s = Object.keys(t).filter((n) => !isNaN(Number(n))).sort((n, a) => Number(n) - Number(a));
-  if (s.length > e.length)
+  const o = Object.keys(t).filter((n) => !isNaN(Number(n))).sort((n, a) => Number(n) - Number(a));
+  if (o.length > e.length)
     throw new Error(
-      `Not enough breakpoint names provided. Found ${s.length} breakpoints in data, but only ${e.length} names specified: ${e.join(", ")}`
+      `Not enough breakpoint names provided. Found ${o.length} breakpoints in data, but only ${e.length} names specified: ${e.join(", ")}`
     );
-  const o = Object.keys(t).filter((n) => isNaN(Number(n)));
-  if (o.length > 0)
+  const s = Object.keys(t).filter((n) => isNaN(Number(n)));
+  if (s.length > 0)
     throw new Error(
-      `Found non-numeric breakpoint keys in grid data: ${o.join(", ")}. All breakpoint keys must be numeric values.`
+      `Found non-numeric breakpoint keys in grid data: ${s.join(", ")}. All breakpoint keys must be numeric values.`
     );
-  return s.map((n, a) => ({
+  return o.map((n, a) => ({
     name: e[e.length - 1 - a] || `bp-${n}`,
     value: n
   }));
-}, zt = ({
+}, It = ({
   input: t = {},
   output: { dir: e }
 }) => ({
   name: "breakpoints/tokenManager",
-  executor: async ({ tokenManagerClient: s }) => {
+  executor: async ({ tokenManagerClient: o }) => {
     try {
       console.log("[breakpoints/tokenManager] Generating breakpoints from TokenManager...");
       const { names: r = ke } = t;
-      if (!s.isLoaded())
+      if (!o.isLoaded())
         throw new Error("TokenManager is not loaded. Tokens must be loaded before using this module.");
-      const o = s.getStyles();
-      if (!o.grid)
+      const s = o.getStyles();
+      if (!s.grid)
         throw new Error("No grid styles found in TokenManager. Grid tokens must be loaded.");
       console.log("[breakpoints/tokenManager] Extracting breakpoints from grid styles...");
-      const n = Ve(o.grid, r);
+      const n = Ve(s.grid, r);
       if (!n.length) {
         console.warn("[breakpoints/tokenManager] No breakpoints found in grid styles.");
         return;
       }
       console.log(
         `[breakpoints/tokenManager] Found ${n.length} breakpoints: ${n.map((a) => a.name).join(", ")}`
-      ), console.log(`[breakpoints/tokenManager] Writing files to ${e}...`), await Me({
+      ), console.log(`[breakpoints/tokenManager] Writing files to ${e}...`), await Ne({
         breakpointTokens: n,
         dir: e
       }), console.log("[breakpoints/tokenManager] ✅ Successfully generated breakpoint files");
     } catch (r) {
-      const o = r instanceof Error ? r.message : String(r);
-      throw console.error("[breakpoints/tokenManager] ❌ Failed to generate breakpoints:", o), r instanceof Error && r.stack && console.error("[breakpoints/tokenManager] Stack trace:", r.stack), r;
+      const s = r instanceof Error ? r.message : String(r);
+      throw console.error("[breakpoints/tokenManager] ❌ Failed to generate breakpoints:", s), r instanceof Error && r.stack && console.error("[breakpoints/tokenManager] Stack trace:", r.stack), r;
     }
   }
-}), Ne = "styles.css", Fe = "index.ts", A = (t, e) => {
+}), Fe = "styles.css", xe = "index.ts", A = (t, e) => {
   if (!e.length) return "";
-  const s = e.map((r) => `    ${r}`).join(`
+  const o = e.map((r) => `    ${r}`).join(`
 `);
   return `${t} {
-${s}
+${o}
 }`;
-}, xe = (t) => `.${t.replace(/\s+/g, "-").toLowerCase()}`, Z = (t) => `--cl-${t}`, Oe = (t) => t.reduce(
-  (e, s) => {
-    const r = Z(s.name);
-    return typeof s.value == "object" ? Object.entries(s.value).forEach(([o, n]) => {
-      e[o] || (e[o] = []), e[o].push(`${r}: ${n};`);
-    }) : e.root.push(`${r}: ${s.value};`), e;
+}, Oe = (t) => `.${t.replace(/\s+/g, "-").toLowerCase()}`, Q = (t) => `--cl-${t}`, Pe = (t) => t.reduce(
+  (e, o) => {
+    const r = Q(o.name);
+    return typeof o.value == "object" ? Object.entries(o.value).forEach(([s, n]) => {
+      e[s] || (e[s] = []), e[s].push(`${r}: ${n};`);
+    }) : e.root.push(`${r}: ${o.value};`), e;
   },
   { root: [] }
-), Pe = (t) => {
-  const e = A(".color-variables", t.root), s = Object.entries(t).reduce((r, [o, n]) => {
-    if (o === "root" || !n.length) return r;
-    const a = A(xe(`${o}-color-variables`), n);
+), Ee = (t) => {
+  const e = A(".color-variables", t.root), o = Object.entries(t).reduce((r, [s, n]) => {
+    if (s === "root" || !n.length) return r;
+    const a = A(Oe(`${s}-color-variables`), n);
     return a && r.push(a), r;
   }, []).join(`
 
 `);
-  return [e, s].filter(Boolean).join(`
+  return [e, o].filter(Boolean).join(`
 
 `);
-}, Ee = (t) => `${`const colors = {
-${t.map((r) => `    '${r.name}': 'var(${Z(r.name)})'`).join(`,
+}, Be = (t) => `${`const colors = {
+${t.map((r) => `    '${r.name}': 'var(${Q(r.name)})'`).join(`,
 `)}
 } as const;`}
 
 type ColorsKeysType = keyof typeof colors;
 
 export { colors, type ColorsKeysType };
-`, Be = async ({
+`, Re = async ({
   tsContent: t,
   cssContent: e,
-  dir: s
+  dir: o
 }) => {
-  await d.delete(s);
-  const r = d.write(Fe, t, { directory: s }), o = d.write(Ne, e, { directory: s });
-  await Promise.all([r, o]);
-}, Re = async ({ colorTokens: t, dir: e }) => {
-  const s = Oe(t), r = Pe(s), o = Ee(t);
-  await Be({ tsContent: o, cssContent: r, dir: e });
-}, v = (t) => t.reduce((e, s) => {
-  const r = Number((s.position * 100).toFixed(1));
-  return [...e, `${s.color}${r > 0 && r < 100 ? ` ${r}%` : ""}`];
+  await d.delete(o);
+  const r = d.write(xe, t, { directory: o }), s = d.write(Fe, e, { directory: o });
+  await Promise.all([r, s]);
+}, Ae = async ({ colorTokens: t, dir: e }) => {
+  const o = Pe(t), r = Ee(o), s = Be(t);
+  await Re({ tsContent: s, cssContent: r, dir: e });
+}, M = (t) => t.reduce((e, o) => {
+  const r = Number((o.position * 100).toFixed(1));
+  return [...e, `${o.color}${r > 0 && r < 100 ? ` ${r}%` : ""}`];
 }, []).join(", "), Ke = (t) => {
-  const e = v(t.stops);
+  const e = M(t.stops);
   return `linear-gradient(${t.angle}deg, ${e})`;
-}, Ae = (t) => `radial-gradient(circle, ${v(t.stops)})`, Ue = (t) => {
-  const e = v(t.stops);
+}, De = (t) => `radial-gradient(circle, ${M(t.stops)})`, Le = (t) => {
+  const e = M(t.stops);
   return `conic-gradient(from ${t.angle}deg, ${e})`;
-}, De = (t) => {
-  const e = v(t.stops);
+}, Ue = (t) => {
+  const e = M(t.stops);
   return `linear-gradient(${t.angle}deg, ${e})`;
-}, U = (t) => typeof t == "string" ? t : t.type === "linear" ? Ke(t) : t.type === "radial" ? Ae(t) : t.type === "conic" ? Ue(t) : t.type === "diamond" ? De(t) : "", X = (t, e) => Object.keys(t).reduce(
-  (s, r) => {
-    const o = t[r], n = e ? `${e}-${r}` : r;
-    if (o && typeof o == "object" && "type" in o && "value" in o) {
-      const i = Object.keys(o.value), l = i.length > 1 ? o.value : o.value[i[0]], c = typeof l == "object" ? Object.keys(l).reduce(
-        (y, g) => ({
-          ...y,
-          [g]: U(l[g])
+}, K = (t) => typeof t == "string" ? t : t.type === "linear" ? Ke(t) : t.type === "radial" ? De(t) : t.type === "conic" ? Le(t) : t.type === "diamond" ? Ue(t) : "", Z = (t, e) => Object.keys(t).reduce(
+  (o, r) => {
+    const s = t[r], n = e ? `${e}-${r}` : r;
+    if (s && typeof s == "object" && "type" in s && "value" in s) {
+      const i = Object.keys(s.value), l = i.length > 1 ? s.value : s.value[i[0]], c = typeof l == "object" ? Object.keys(l).reduce(
+        (f, y) => ({
+          ...f,
+          [y]: K(l[y])
         }),
         {}
-      ) : U(l), u = { [n]: c };
-      return { ...s, ...u };
+      ) : K(l), u = { [n]: c };
+      return { ...o, ...u };
     }
-    const a = X(o, n);
-    return { ...s, ...a };
+    const a = Z(s, n);
+    return { ...o, ...a };
   },
   {}
-), Y = (t, e) => Object.keys(t).reduce((s, r) => {
-  const o = t[r];
-  if (o.type && o.type !== "color") return s;
-  if (o.type && o.value) {
-    const a = typeof o.value == "string" ? e.resolveVariableValueString(o.value, r) : e.resolveVariableValue(o.value);
-    return a ? { ...s, [r]: { ...o, value: a } } : s;
+), X = (t, e) => Object.keys(t).reduce((o, r) => {
+  const s = t[r];
+  if (s.type && s.type !== "color") return o;
+  if (s.type && s.value) {
+    const a = typeof s.value == "string" ? e.resolveVariableValueString(s.value, r) : e.resolveVariableValue(s.value);
+    return a ? { ...o, [r]: { ...s, value: a } } : o;
   }
-  const n = Y(o, e);
-  return n ? { ...s, [r]: n } : s;
-}, {}), It = ({ input: t = {}, output: { dir: e } }) => ({
+  const n = X(s, e);
+  return n ? { ...o, [r]: n } : o;
+}, {}), Gt = ({ input: t = {}, output: { dir: e } }) => ({
   name: "colors/tokenManager",
-  executor: async ({ tokenManagerClient: s }) => {
+  executor: async ({ tokenManagerClient: o }) => {
     try {
       console.log("[colors/tokenManager] Generating colors from TokenManager...");
-      const { includeVariables: r, includeStyles: o = !0 } = t;
-      if (!(r != null && r.length) && !o)
+      const { includeVariables: r, includeStyles: s = !0 } = t;
+      if (!(r != null && r.length) && !s)
         throw new Error("Either includeVariables or includeStyles must be enabled");
-      if (!s.isLoaded())
+      if (!o.isLoaded())
         throw new Error("TokenManager is not loaded. Tokens must be loaded before using this module.");
-      const n = [], a = s.getVariables();
-      if (o) {
-        const l = s.getStyles();
+      const n = [], a = o.getVariables();
+      if (s) {
+        const l = o.getStyles();
         console.log("[colors/tokenManager] Processing styles for colors..."), l.color && n.push(l.color);
       }
       if (r != null && r.length) {
@@ -642,9 +642,9 @@ export { colors, type ColorsKeysType };
         const l = r.map((c) => a[c]).filter(Boolean);
         n.push(...l);
       }
-      const i = n.map((l) => Y(l, s)).flatMap(
-        (l) => Object.entries(X(l, "")).reduce(
-          (c, [u, y]) => [...c, { name: u, value: y }],
+      const i = n.map((l) => X(l, o)).flatMap(
+        (l) => Object.entries(Z(l, "")).reduce(
+          (c, [u, f]) => [...c, { name: u, value: f }],
           []
         )
       );
@@ -652,16 +652,16 @@ export { colors, type ColorsKeysType };
         console.warn("[colors/tokenManager] No color tokens generated");
         return;
       }
-      console.log(`[colors/tokenManager] Generated ${i.length} color tokens`), console.log(`[colors/tokenManager] Writing files to ${e}...`), await Re({
+      console.log(`[colors/tokenManager] Generated ${i.length} color tokens`), console.log(`[colors/tokenManager] Writing files to ${e}...`), await Ae({
         colorTokens: i,
         dir: e
       }), console.log("[colors/tokenManager] ✅ Successfully generated color files");
     } catch (r) {
-      const o = r instanceof Error ? r.message : String(r);
-      throw console.error("[colors/tokenManager] ❌ Failed to generate colors:", o), r instanceof Error && r.stack && console.error("[colors/tokenManager] Stack trace:", r.stack), r;
+      const s = r instanceof Error ? r.message : String(r);
+      throw console.error("[colors/tokenManager] ❌ Failed to generate colors:", s), r instanceof Error && r.stack && console.error("[colors/tokenManager] Stack trace:", r.stack), r;
     }
   }
-}), Le = (t) => `    @media (width <= ${t.breakpoint}px) {
+}), We = (t) => `    @media (width <= ${t.breakpoint}px) {
         .container {
             padding-left: ${t.offset};
             padding-right: ${t.offset};
@@ -671,26 +671,26 @@ export { colors, type ColorsKeysType };
             padding-left: ${t.offset};
             padding-right: ${t.offset};
         }
-    }`, We = (t, e) => {
-  const s = e || "components", r = t.map((o) => Le(o)).join(`
+    }`, ze = (t, e) => {
+  const o = e || "components", r = t.map((s) => We(s)).join(`
 
 `);
-  return `@layer ${s} {
+  return `@layer ${o} {
 ${r}
 }`;
-}, ze = () => `import styles from './styles.module.css';
+}, Ie = () => `import styles from './styles.module.css';
 
 export const conatinerClassName = styles.container;
 export const conatinerTabletClassName = styles.containerTablet;
-`, D = async (t, e, s) => {
-  await d.delete(t, s), await d.write(t, e, { directory: s });
-}, Ie = async ({ containerTokens: t, dir: e, layer: s }) => {
-  const r = We(t, s), o = ze();
-  await D("styles.module.css", r, e), await D("index.ts", o, e);
-}, Ge = (t) => {
+`, D = async (t, e, o) => {
+  await d.delete(t, o), await d.write(t, e, { directory: o });
+}, Ge = async ({ containerTokens: t, dir: e, layer: o }) => {
+  const r = ze(t, o), s = Ie();
+  await D("styles.module.css", r, e), await D("index.ts", s, e);
+}, Je = (t) => {
   const e = t.trim().toLowerCase();
   return e === "0" || e === "0px";
-}, Je = (t, e) => Object.keys(t).filter((n) => !isNaN(Number(n))).sort((n, a) => Number(a) - Number(n)).reduce((n, a) => {
+}, qe = (t, e) => Object.keys(t).filter((n) => !isNaN(Number(n))).sort((n, a) => Number(a) - Number(n)).reduce((n, a) => {
   const i = t[a];
   if (!i || !("value" in i) || !Array.isArray(i.value))
     return n;
@@ -698,7 +698,7 @@ export const conatinerTabletClassName = styles.containerTablet;
   if (!(l != null && l.offset))
     return n;
   const c = e.resolveVariableValueString(l.offset);
-  return !c || typeof c != "string" || Ge(c) ? n : [
+  return !c || typeof c != "string" || Je(c) ? n : [
     ...n,
     {
       breakpoint: Number(a),
@@ -708,114 +708,114 @@ export const conatinerTabletClassName = styles.containerTablet;
 }, []).reduce((n, a) => {
   const i = n[n.length - 1];
   return i && x(i.offset, a.offset) || n.push(a), n;
-}, []), Gt = ({
+}, []), Jt = ({
   input: t = {},
   output: { dir: e }
 }) => ({
   name: "container/tokenManager",
-  executor: async ({ tokenManagerClient: s }) => {
+  executor: async ({ tokenManagerClient: o }) => {
     try {
       console.log("[container/tokenManager] Generating container styles...");
       const { layer: r } = t;
-      if (!s.isLoaded())
+      if (!o.isLoaded())
         throw new Error("TokenManager is not loaded. Tokens must be loaded before using this module.");
       console.log("[container/tokenManager] Extracting container tokens...");
-      const o = s.getStyles();
-      if (!o.grid)
+      const s = o.getStyles();
+      if (!s.grid)
         throw new Error("No grid styles found in TokenManager. Grid tokens must be loaded.");
-      const n = Je(o.grid, s);
+      const n = qe(s.grid, o);
       if (!n.length) {
         console.warn("[container/tokenManager] No container tokens found.");
         return;
       }
       console.log(
         `[container/tokenManager] Found ${n.length} container tokens: ${n.map((a) => a.breakpoint).join(", ")}`
-      ), console.log(`[container/tokenManager] Writing files to ${e}...`), await Ie({
+      ), console.log(`[container/tokenManager] Writing files to ${e}...`), await Ge({
         containerTokens: n,
         dir: e,
         layer: r
       }), console.log("[container/tokenManager] ✅ Successfully generated container files");
     } catch (r) {
-      const o = r instanceof Error ? r.message : String(r);
-      throw console.error("[container/tokenManager] ❌ Failed to generate container:", o), r instanceof Error && r.stack && console.error("[container/tokenManager] Stack trace:", r.stack), r;
+      const s = r instanceof Error ? r.message : String(r);
+      throw console.error("[container/tokenManager] ❌ Failed to generate container:", s), r instanceof Error && r.stack && console.error("[container/tokenManager] Stack trace:", r.stack), r;
     }
   }
-}), qe = "styles.css", He = "index.ts", L = (t, e) => {
+}), He = "styles.css", Qe = "index.ts", L = (t, e) => {
   if (!e.length) return "";
-  const s = e.map((r) => `    ${r}`).join(`
+  const o = e.map((r) => `    ${r}`).join(`
 `);
   return `${t} {
-${s}
+${o}
 }`;
-}, Qe = (t) => `.${t.replace(/\s+/g, "-").toLowerCase()}`, _ = (t) => `--${t}`, Ze = ({ offsetX: t, offsetY: e, blur: s, spread: r, color: o }) => `${t} ${e} ${s} ${r} ${o}`, Xe = (t) => t.reduce(
-  (e, s) => {
-    const r = _(s.name);
-    return typeof s.value != "object" ? (e.root.push(`${r}: ${s.value};`), e) : Object.entries(s.value).reduce((o, [n, a]) => {
-      const i = o[n] ?? [];
-      return { ...o, [n]: [...i, `${r}: ${a};`] };
+}, Ze = (t) => `.${t.replace(/\s+/g, "-").toLowerCase()}`, Y = (t) => `--${t}`, Xe = ({ offsetX: t, offsetY: e, blur: o, spread: r, color: s }) => `${t} ${e} ${o} ${r} ${s}`, Ye = (t) => t.reduce(
+  (e, o) => {
+    const r = Y(o.name);
+    return typeof o.value != "object" ? (e.root.push(`${r}: ${o.value};`), e) : Object.entries(o.value).reduce((s, [n, a]) => {
+      const i = s[n] ?? [];
+      return { ...s, [n]: [...i, `${r}: ${a};`] };
     }, e);
   },
   { root: [] }
-), Ye = (t) => {
-  const e = L(".shadow-variables", t.root), s = Object.entries(t).reduce((r, [o, n]) => {
-    if (o === "root" || !n.length) return r;
-    const a = L(Qe(`${o}-shadow-variables`), n);
+), _e = (t) => {
+  const e = L(".shadow-variables", t.root), o = Object.entries(t).reduce((r, [s, n]) => {
+    if (s === "root" || !n.length) return r;
+    const a = L(Ze(`${s}-shadow-variables`), n);
     return a && r.push(a), r;
   }, []).join(`
 
 `);
-  return [e, s].filter(Boolean).join(`
+  return [e, o].filter(Boolean).join(`
 
 `);
-}, _e = (t) => `${`const shadows = {
-${t.map((r) => `    '${r.name}': 'var(${_(r.name)})'`).join(`,
+}, et = (t) => `${`const shadows = {
+${t.map((r) => `    '${r.name}': 'var(${Y(r.name)})'`).join(`,
 `)}
 } as const;`}
 
 type ShadowsKeysType = keyof typeof shadows;
 
 export { shadows, type ShadowsKeysType };
-`, et = async ({
+`, tt = async ({
   tsContent: t,
   cssContent: e,
-  dir: s
+  dir: o
 }) => {
-  await d.delete(s);
-  const r = d.write(He, t, { directory: s }), o = d.write(qe, e, { directory: s });
-  await Promise.all([r, o]);
-}, tt = async ({ shadowTokens: t, dir: e }) => {
-  const s = Xe(t), r = Ye(s), o = _e(t);
-  await et({ tsContent: o, cssContent: r, dir: e });
-}, ee = (t, e) => Object.keys(t).reduce(
-  (s, r) => {
-    const o = t[r], n = e ? `${e}-${r}` : r;
-    if (o && typeof o == "object" && "type" in o && "value" in o) {
+  await d.delete(o);
+  const r = d.write(Qe, t, { directory: o }), s = d.write(He, e, { directory: o });
+  await Promise.all([r, s]);
+}, rt = async ({ shadowTokens: t, dir: e }) => {
+  const o = Ye(t), r = _e(o), s = et(t);
+  await tt({ tsContent: s, cssContent: r, dir: e });
+}, _ = (t, e) => Object.keys(t).reduce(
+  (o, r) => {
+    const s = t[r], n = e ? `${e}-${r}` : r;
+    if (s && typeof s == "object" && "type" in s && "value" in s) {
       const i = {
-        [n]: o.value.map(Ze).join(", ")
+        [n]: s.value.map(Xe).join(", ")
       };
-      return { ...s, ...i };
+      return { ...o, ...i };
     }
-    const a = ee(o, n);
-    return { ...s, ...a };
+    const a = _(s, n);
+    return { ...o, ...a };
   },
   {}
-), Jt = ({ input: t = {}, output: { dir: e } }) => ({
+), qt = ({ input: t = {}, output: { dir: e } }) => ({
   name: "shadows/tokenManager",
-  executor: async ({ tokenManagerClient: s }) => {
+  executor: async ({ tokenManagerClient: o }) => {
     try {
       console.log("[shadows/tokenManager] Generating shadows from TokenManager...");
       const { includeStyles: r = !0 } = t;
       if (!r)
         throw new Error("includeStyles must be enabled for shadows generation");
-      if (!s.isLoaded())
+      if (!o.isLoaded())
         throw new Error("TokenManager is not loaded. Tokens must be loaded before using this module.");
-      const o = [];
+      const s = [];
       if (r) {
-        const a = s.getStyles();
-        console.log("[shadows/tokenManager] Processing styles for shadows..."), a.effect && o.push(a.effect);
+        const a = o.getStyles();
+        console.log("[shadows/tokenManager] Processing styles for shadows..."), a.effect && s.push(a.effect);
       }
-      const n = o.flatMap(
-        (a) => Object.entries(ee(a, "")).reduce(
+      const n = s.flatMap(
+        (a) => Object.entries(_(a, "")).reduce(
           (i, [l, c]) => [...i, { name: l, value: c }],
           []
         )
@@ -824,45 +824,45 @@ export { shadows, type ShadowsKeysType };
         console.warn("[shadows/tokenManager] No shadow tokens generated");
         return;
       }
-      console.log(`[shadows/tokenManager] Generated ${n.length} shadow tokens`), console.log(`[shadows/tokenManager] Writing files to ${e}...`), await tt({
+      console.log(`[shadows/tokenManager] Generated ${n.length} shadow tokens`), console.log(`[shadows/tokenManager] Writing files to ${e}...`), await rt({
         shadowTokens: n,
         dir: e
       }), console.log("[shadows/tokenManager] ✅ Successfully generated shadow files");
     } catch (r) {
-      const o = r instanceof Error ? r.message : String(r);
-      throw console.error("[shadows/tokenManager] ❌ Failed to generate shadows:", o), r instanceof Error && r.stack && console.error("[shadows/tokenManager] Stack trace:", r.stack), r;
+      const s = r instanceof Error ? r.message : String(r);
+      throw console.error("[shadows/tokenManager] ❌ Failed to generate shadows:", s), r instanceof Error && r.stack && console.error("[shadows/tokenManager] Stack trace:", r.stack), r;
     }
   }
-}), rt = "styles.module.css", st = "index.ts", ot = "typography.ts", W = "sans-serif", z = (t, e) => {
+}), ot = "styles.module.css", st = "index.ts", nt = "typography.ts", U = "sans-serif", W = (t, e) => {
   if (!e.length) return "";
-  const s = e.map((r) => `    ${r}`).join(`
+  const o = e.map((r) => `    ${r}`).join(`
 `);
   return `${t} {
-${s}
+${o}
 }`;
-}, te = (t, e) => {
+}, ee = (t, e) => {
   if (typeof t != "string") return t;
-  const s = e[t] ?? t;
-  return s.trim().toLowerCase().endsWith(W) ? s : `${s}, ${W}`;
-}, I = (t, e) => typeof t.fontFamily != "string" ? t : {
+  const o = e[t] ?? t;
+  return o.trim().toLowerCase().endsWith(U) ? o : `${o}, ${U}`;
+}, z = (t, e) => typeof t.fontFamily != "string" ? t : {
   ...t,
-  fontFamily: te(t.fontFamily, e)
+  fontFamily: ee(t.fontFamily, e)
 }, T = (t, e) => {
-  const s = {};
-  return Object.entries(t).forEach(([r, o]) => {
-    const n = r === "fontFamily" ? te(o, e) : o, a = r.replace(/([A-Z])/g, "-$1").toLowerCase();
-    s[a] = n;
-  }), s;
-}, nt = (t, e, s) => {
-  const r = Object.keys(t.breakpoints), o = T(t.base, s);
+  const o = {};
+  return Object.entries(t).forEach(([r, s]) => {
+    const n = r === "fontFamily" ? ee(s, e) : s, a = r.replace(/([A-Z])/g, "-$1").toLowerCase();
+    o[a] = n;
+  }), o;
+}, at = (t, e, o) => {
+  const r = Object.keys(t.breakpoints), s = T(t.base, o);
   return r.reduce(
     (n, a, i) => {
-      const l = T(t.breakpoints[a], s);
+      const l = T(t.breakpoints[a], o);
       return i ? [...n, { breakpoint: Number(e[a]), css: l }] : [
         {
           breakpoint: null,
           css: {
-            ...o,
+            ...s,
             ...l
           }
         }
@@ -871,93 +871,93 @@ ${s}
     [
       {
         breakpoint: null,
-        css: o
+        css: s
       }
     ]
   );
-}, re = () => ({
+}, te = () => ({
   base: {},
   breakpoints: {}
-}), O = (t, e, s, r) => {
-  Object.keys(r).length && (t.breakpoints[e] || (t.breakpoints[e] = {}), t.breakpoints[e][s] = {
-    ...t.breakpoints[e][s],
+}), O = (t, e, o, r) => {
+  Object.keys(r).length && (t.breakpoints[e] || (t.breakpoints[e] = {}), t.breakpoints[e][o] = {
+    ...t.breakpoints[e][o],
     ...r
   });
-}, S = (t, e, s, r) => {
-  nt(e.value, s, r).forEach(({ breakpoint: n, css: a }) => {
+}, j = (t, e, o, r) => {
+  at(e.value, o, r).forEach(({ breakpoint: n, css: a }) => {
     if (n === null) {
       t.base[e.name] = a;
       return;
     }
     O(t, n, e.name, a);
   });
-}, se = (t) => {
-  const e = G(t.base), s = Object.keys(t.breakpoints).map(Number).sort((r, o) => o - r).reduce((r, o) => {
-    const n = t.breakpoints[o];
-    return r + `@media (max-width: ${o}px) { ${G(n)} }`;
+}, re = (t) => {
+  const e = I(t.base), o = Object.keys(t.breakpoints).map(Number).sort((r, s) => s - r).reduce((r, s) => {
+    const n = t.breakpoints[s];
+    return r + `@media (max-width: ${s}px) { ${I(n)} }`;
   }, "");
-  return e + s;
-}, at = (t, e, s) => {
-  const r = t.reduce((o, n) => (S(o, n, e, s), o), re());
-  return se(r);
-}, G = (t) => Object.keys(t).reduce((e, s) => {
-  const r = t[s], o = Object.keys(r).map((n) => `${n}: ${r[n]}`).join(";");
-  return e + `.typo-${s} { ${o} }`;
-}, ""), J = (t) => {
+  return e + o;
+}, it = (t, e, o) => {
+  const r = t.reduce((s, n) => (j(s, n, e, o), s), te());
+  return re(r);
+}, I = (t) => Object.keys(t).reduce((e, o) => {
+  const r = t[o], s = Object.keys(r).map((n) => `${n}: ${r[n]}`).join(";");
+  return e + `.typo-${o} { ${s} }`;
+}, ""), G = (t) => {
   if (typeof t == "number") return Number.isFinite(t) ? t : null;
   const e = Number.parseFloat(t);
   return Number.isFinite(e) ? e : null;
-}, q = (t) => {
+}, J = (t) => {
   if (typeof t == "number") return t / 16;
   const e = t.trim().toLowerCase();
-  if (e.endsWith("rem")) return J(e);
+  if (e.endsWith("rem")) return G(e);
   if (e.endsWith("px")) {
-    const s = J(e);
-    return s === null ? null : s / 16;
+    const o = G(e);
+    return o === null ? null : o / 16;
   }
   return null;
-}, it = (t) => {
-  const { minValueRem: e, maxValueRem: s, minVwRem: r, maxVwRem: o } = t, n = s - e;
-  return `calc(${e}rem + ((100vw - ${r}rem) / (${o}rem - ${r}rem)) * ${n}rem)`;
-}, lt = (t, e, s, r) => {
-  const o = ["font-size", "line-height"], n = Object.entries(e.value.breakpoints).map(([f, b]) => {
-    const k = Number.parseInt(s[f], 10);
-    return { breakpointName: f, width: k, typography: b };
-  }).filter((f) => Number.isFinite(f.width)).sort((f, b) => b.width - f.width);
+}, lt = (t) => {
+  const { minValueRem: e, maxValueRem: o, minVwRem: r, maxVwRem: s } = t, n = o - e;
+  return `calc(${e}rem + ((100vw - ${r}rem) / (${s}rem - ${r}rem)) * ${n}rem)`;
+}, ct = (t, e, o, r) => {
+  const s = ["font-size", "line-height"], n = Object.entries(e.value.breakpoints).map(([g, h]) => {
+    const m = Number.parseInt(o[g], 10);
+    return { breakpointName: g, width: m, typography: h };
+  }).filter((g) => Number.isFinite(g.width)).sort((g, h) => h.width - g.width);
   if (n.length < 2) {
-    S(t, e, s, r);
+    j(t, e, o, r);
     return;
   }
   const a = n[0], i = n[n.length - 1];
   if (a.width <= i.width) {
-    S(t, e, s, r);
+    j(t, e, o, r);
     return;
   }
-  const l = T(e.value.base, r), c = T(a.typography, r), u = T(i.typography, r), y = a.width / 16, g = i.width / 16;
-  if (y === g) {
-    S(t, e, s, r);
+  const l = T(e.value.base, r), c = T(a.typography, r), u = T(i.typography, r), f = a.width / 16, y = i.width / 16;
+  if (f === y) {
+    j(t, e, o, r);
     return;
   }
   t.base[e.name] = {
     ...l,
     ...c
   };
-  const h = o.reduce((f, b) => {
-    const k = c[b], C = u[b];
-    if (k === void 0 || C === void 0 || k === C)
-      return f;
-    const B = q(k), R = q(C);
-    return B === null || R === null ? f : {
-      ...f,
-      [b]: it({ minValueRem: R, maxValueRem: B, minVwRem: g, maxVwRem: y })
+  const b = s.reduce((g, h) => {
+    const m = c[h], S = u[h];
+    if (m === void 0 || S === void 0 || m === S)
+      return g;
+    const E = J(m), B = J(S);
+    return E === null || B === null ? g : {
+      ...g,
+      [h]: lt({ minValueRem: B, maxValueRem: E, minVwRem: y, maxVwRem: f })
     };
   }, {});
-  O(t, a.width, e.name, h), O(t, i.width, e.name, u);
-}, ct = (t, e, s, r) => {
-  if (!r) return at(t, e, s);
-  const o = t.reduce((n, a) => (lt(n, a, e, s), n), re());
-  return se(o);
-}, ut = (t) => t.length ? `import styles from './styles.module.css';
+  O(t, a.width, e.name, b), O(t, i.width, e.name, u);
+}, ut = (t, e, o, r) => {
+  if (!r) return it(t, e, o);
+  const s = t.reduce((n, a) => (ct(n, a, e, o), n), te());
+  return re(s);
+}, dt = (t) => t.length ? `import styles from './styles.module.css';
 import { typography } from './typography';
 
 type TypographyKeysType = keyof typeof typography;
@@ -965,17 +965,17 @@ type TypographyKeysType = keyof typeof typography;
 const getTypographyClass = (typographyKey: TypographyKeysType) => styles[\`typo-\${typographyKey}\`];
 
 export { typography, getTypographyClass, type TypographyKeysType };
-` : "", dt = (t, e) => t.length ? `const typography = {
+` : "", ft = (t, e) => t.length ? `const typography = {
 ${t.map((r) => {
-  const o = I(r.value.base, e), n = Object.entries(r.value.breakpoints).reduce(
+  const s = z(r.value.base, e), n = Object.entries(r.value.breakpoints).reduce(
     (a, [i, l]) => ({
       ...a,
-      [i]: I(l, e)
+      [i]: z(l, e)
     }),
     {}
   );
   return `    '${r.name}': {
-        base: ${JSON.stringify(o, null, 8).replace(/\n/g, `
+        base: ${JSON.stringify(s, null, 8).replace(/\n/g, `
         `)},
         breakpoints: ${JSON.stringify(n, null, 8).replace(/\n/g, `
         `)}
@@ -988,203 +988,205 @@ export { typography };
 ` : "", yt = async ({
   indexTSContent: t,
   typographyTSContent: e,
-  cssContent: s,
+  cssContent: o,
   dir: r
 }) => {
   await d.delete(r);
-  const o = d.write(st, t, { directory: r }), n = d.write(ot, e, { directory: r }), a = d.write(rt, s, { directory: r });
-  await Promise.all([o, n, a]);
-}, ft = async ({
+  const s = d.write(st, t, { directory: r }), n = d.write(nt, e, { directory: r }), a = d.write(ot, o, { directory: r });
+  await Promise.all([s, n, a]);
+}, gt = async ({
   typographyTokens: t,
   dir: e,
-  breakpoints: s,
+  breakpoints: o,
   fontFamily: r,
-  fluid: o
+  fluid: s
 }) => {
-  const n = ct(t, s, r, o), a = dt(t, r), i = ut(t);
+  const n = ut(t, o, r, s), a = ft(t, r), i = dt(t);
   await yt({ indexTSContent: i, typographyTSContent: a, cssContent: n, dir: e });
-}, oe = (t, e, s) => Object.keys(t).reduce((r, o) => {
-  const n = t[o];
+}, oe = (t, e, o) => Object.keys(t).reduce((r, s) => {
+  const n = t[s];
   if (typeof n != "object" || Array.isArray(n)) return r;
   if (!("type" in n) || !("value" in n))
-    return { ...r, [o]: oe(n, e, s) };
+    return { ...r, [s]: oe(n, e, o) };
   if (n.type !== "typography") return r;
   const a = n.value, i = Object.entries(a).reduce(
     (l, [c, u]) => {
-      const y = Object.keys(s.breakpoints);
-      if (y.length)
-        y.forEach((g) => {
-          const h = e.resolveVariableValueString(u, g);
-          h && (h === u ? l.base = { ...l.base, [c]: h } : l.breakpoints[g] = { ...l.breakpoints[g], [c]: h });
+      const f = Object.keys(o.breakpoints);
+      if (f.length)
+        f.forEach((y) => {
+          const b = e.resolveVariableValueString(u, y);
+          b && (b === u ? l.base = { ...l.base, [c]: b } : l.breakpoints[y] = { ...l.breakpoints[y], [c]: b });
         });
       else {
-        const g = e.resolveVariableValueString(u);
-        g && (l.base = { ...l.base, [c]: g });
+        const y = e.resolveVariableValueString(u);
+        y && (l.base = { ...l.base, [c]: y });
       }
       return l;
     },
     { base: {}, breakpoints: {} }
   );
-  return { ...r, [o]: { type: "typography", value: i } };
-}, {}), ne = (t, e) => Object.keys(t).reduce((s, r) => {
-  const o = e ? `${e}-${r}` : r, n = t[r];
+  return { ...r, [s]: { type: "typography", value: i } };
+}, {}), se = (t, e) => Object.keys(t).reduce((o, r) => {
+  const s = e ? `${e}-${r}` : r, n = t[r];
   if (!("type" in n) || !("value" in n))
-    return { ...s, ...ne(n, o) };
+    return { ...o, ...se(n, s) };
   const a = n.value;
-  return { ...s, [o]: a };
-}, {}), qt = ({ input: t, output: { dir: e } }) => ({
+  return { ...o, [s]: a };
+}, {}), Ht = ({ input: t, output: { dir: e } }) => ({
   name: "typography/tokenManager",
-  executor: async ({ tokenManagerClient: s }) => {
+  executor: async ({ tokenManagerClient: o }) => {
     try {
       console.log("[typography/tokenManager] Generating typography from TokenManager...");
-      const { breakpoints: r, fontFamily: o } = t, n = t.fluid ?? !0;
-      if (!s.isLoaded())
+      const { breakpoints: r, fontFamily: s } = t, n = t.fluid ?? !0;
+      if (!o.isLoaded())
         throw new Error("TokenManager is not loaded. Tokens must be loaded before using this module.");
-      const a = [], i = s.getStyles();
+      const a = [], i = o.getStyles();
       console.log("[typography/tokenManager] Processing styles for typography..."), i.text && a.push(i.text);
       const l = a.reduce(
-        (u, y) => ({
+        (u, f) => ({
           ...u,
-          ...oe(y, s, { breakpoints: t.breakpoints })
+          ...oe(f, o, { breakpoints: t.breakpoints })
         }),
         {}
-      ), c = Object.entries(ne(l)).map(
-        ([u, y]) => ({ name: u, value: y })
+      ), c = Object.entries(se(l)).map(
+        ([u, f]) => ({ name: u, value: f })
       );
       if (c.length === 0) {
         console.warn("[typography/tokenManager] No typography tokens generated");
         return;
       }
-      console.log(`[typography/tokenManager] Generated ${c.length} typography tokens`), console.log(`[typography/tokenManager] Writing files to ${e}...`), await ft({
+      console.log(`[typography/tokenManager] Generated ${c.length} typography tokens`), console.log(`[typography/tokenManager] Writing files to ${e}...`), await gt({
         typographyTokens: c,
         dir: e,
         breakpoints: r,
-        fontFamily: o || {},
+        fontFamily: s || {},
         fluid: n
       }), console.log("[typography/tokenManager] ✅ Successfully generated typography files");
     } catch (r) {
-      const o = r instanceof Error ? r.message : String(r);
-      throw console.error("[typography/tokenManager] ❌ Failed to generate typography:", o), r instanceof Error && r.stack && console.error("[typography/tokenManager] Stack trace:", r.stack), r;
+      const s = r instanceof Error ? r.message : String(r);
+      throw console.error("[typography/tokenManager] ❌ Failed to generate typography:", s), r instanceof Error && r.stack && console.error("[typography/tokenManager] Stack trace:", r.stack), r;
     }
   }
-}), gt = (t) => typeof t == "object" && t !== null && "type" in t && "value" in t, pt = (t) => typeof t == "object" && t !== null && !Array.isArray(t), ae = (t) => t.trim().split(".").map((e) => e.trim()).filter(Boolean), ht = (t, e) => {
-  const s = ae(e);
-  if (!s.length)
+}), pt = (t) => typeof t == "object" && t !== null && "type" in t && "value" in t, ht = (t) => typeof t == "object" && t !== null && !Array.isArray(t), ne = (t) => t.trim().split(".").map((e) => e.trim()).filter(Boolean), bt = (t, e) => {
+  const o = ne(e);
+  if (!o.length)
     throw new Error("variablePath must contain at least one segment");
-  const r = H(t, s);
+  const r = q(t, o);
   if (r === void 0)
-    throw new Error(`Variables subtree not found at path: ${s.join(".")}`);
+    throw new Error(`Variables subtree not found at path: ${o.join(".")}`);
   return r;
-}, ie = (t, e, s) => {
+}, ae = (t, e, o) => {
   if (!t) return [];
-  if (gt(t)) {
+  if (pt(t)) {
     if (t.type !== "dimension") return [];
-    const r = t.value, o = Object.keys(r).reduce((n, a) => {
-      const i = r[a], l = s.resolveVariableValueString(i, a);
+    const r = t.value, s = Object.keys(r).reduce((n, a) => {
+      const i = r[a], l = o.resolveVariableValueString(i, a);
       return { ...n, [a]: l ?? i };
     }, {});
-    return [{ flatName: e, resolvedByMode: o }];
+    return [{ flatName: e, resolvedByMode: s }];
   }
-  return pt(t) ? Object.keys(t).flatMap((r) => {
-    const o = t[r], n = e ? `${e}-${r}` : r;
-    return ie(o, n, s);
+  return ht(t) ? Object.keys(t).flatMap((r) => {
+    const s = t[r], n = e ? `${e}-${r}` : r;
+    return ae(s, n, o);
   }) : [];
-}, bt = (t, e) => ie(t, "", e), mt = (t, e) => typeof e == "string" ? t === e : e.test(t), kt = (t, e) => e != null && e.length ? t.filter(
-  (s) => e.some((r) => mt(s.flatName, r))
-) : t, le = (t) => Object.keys(t).map((e) => ({ mode: e, widthPx: Number.parseInt(t[e], 10) })).filter((e) => Number.isFinite(e.widthPx)).sort((e, s) => s.widthPx - e.widthPx), E = (t) => {
-  const e = ae(t);
+}, mt = (t, e) => ae(t, "", e), wt = (t, e) => typeof e == "string" ? t === e : e.test(t), kt = (t, e) => e != null && e.length ? t.filter(
+  (o) => e.some((r) => wt(o.flatName, r))
+) : t, ie = (t) => Object.keys(t).map((e) => ({ mode: e, widthPx: Number.parseInt(t[e], 10) })).filter((e) => Number.isFinite(e.widthPx)).sort((e, o) => o.widthPx - e.widthPx), le = (t) => {
+  const e = ne(t);
   if (!e.length)
     throw new Error("variablePath must contain at least one segment");
-  const s = e[e.length - 1];
+  const o = e[e.length - 1];
   return {
-    variablesClassName: `${s}-variables`,
-    variableNamePrefix: s
+    variablesClassName: `${o}-variables`,
+    variableNamePrefix: o
   };
-}, wt = (t, e) => {
-  const s = E(t.variablePath), r = e.variablesClassName ?? s.variablesClassName;
+}, $t = (t, e) => {
+  const r = le(t.variablePath).variableNamePrefix, s = e.variablesClassName ?? `${r}-variables`;
   return {
-    variableNamePrefix: s.variableNamePrefix,
-    variablesClassName: r
+    variableNamePrefix: r,
+    variablesClassName: s
   };
-}, ce = (t, e, s) => {
-  const r = E(t);
-  return (s == null ? void 0 : s(t, e)) ?? `${r.variableNamePrefix}-${e}`;
-}, $t = (t, e, s) => `--${ce(t, e, s)}`, Tt = (t, e) => Object.keys(e).reduce(
-  (s, r) => {
-    const o = Number(r);
-    return { ...s, [o]: { ...s[o], ...e[o] } };
+}, ce = (t, e) => `${le(t).variableNamePrefix}-${e}`, Qt = (t, e) => `--${ce(t, e)}`, St = (t) => `--${t}`, ue = (t, e, o) => {
+  const r = ce(t.variablePath, o);
+  if (!e.parseCssVariableName)
+    return r;
+  const s = e.parseCssVariableName({
+    variablePath: t.variablePath,
+    flatName: o,
+    defaultName: r
+  });
+  return s.trim() ? s : r;
+}, Tt = (t, e) => Object.keys(e).reduce(
+  (o, r) => {
+    const s = Number(r);
+    return { ...o, [s]: { ...o[s], ...e[s] } };
   },
   { ...t }
-), St = (t, e, s, r) => {
-  const o = $t(s, t.flatName, r), n = le(e);
-  if (Object.keys(e).length === 0 || n.length === 0) {
-    const c = Object.values(t.resolvedByMode)[0] ?? "";
-    return { base: { [o]: c }, byBreakpoint: {} };
+), jt = (t, e, o) => {
+  const { breakpoints: r } = e, s = ue(e, o, t.flatName), n = St(s), a = ie(r);
+  if (Object.keys(r).length === 0 || a.length === 0) {
+    const u = Object.values(t.resolvedByMode)[0] ?? "";
+    return { base: { [n]: u }, byBreakpoint: {} };
   }
-  const a = n.filter((c) => c.mode in t.resolvedByMode);
-  if (a.length === 0) {
-    const c = Object.values(t.resolvedByMode)[0] ?? "";
-    return { base: { [o]: c }, byBreakpoint: {} };
+  const i = a.filter((u) => u.mode in t.resolvedByMode);
+  if (i.length === 0) {
+    const u = Object.values(t.resolvedByMode)[0] ?? "";
+    return { base: { [n]: u }, byBreakpoint: {} };
   }
-  if (a.length === 1) {
-    const c = a[0], u = t.resolvedByMode[c.mode] ?? "";
-    return { base: { [o]: u }, byBreakpoint: {} };
+  if (i.length === 1) {
+    const u = i[0], f = t.resolvedByMode[u.mode] ?? "";
+    return { base: { [n]: f }, byBreakpoint: {} };
   }
-  const i = t.resolvedByMode[a[0].mode] ?? "", l = a.slice(1).reduce((c, u, y) => {
-    const g = a[y].mode, h = t.resolvedByMode[g], f = t.resolvedByMode[u.mode];
-    if (f === void 0 || f === h) return c;
-    const b = u.widthPx, k = c[b] ?? {};
-    return { ...c, [b]: { ...k, [o]: f } };
+  const l = t.resolvedByMode[i[0].mode] ?? "", c = i.slice(1).reduce((u, f, y) => {
+    const b = i[y].mode, g = t.resolvedByMode[b], h = t.resolvedByMode[f.mode];
+    if (h === void 0 || h === g) return u;
+    const m = f.widthPx, S = u[m] ?? {};
+    return { ...u, [m]: { ...S, [n]: h } };
   }, {});
-  return { base: { [o]: i }, byBreakpoint: l };
-}, jt = (t, e, s, r) => t.reduce(
-  (o, n) => {
-    const { base: a, byBreakpoint: i } = St(
-      n,
-      e,
-      s,
-      r
-    );
+  return { base: { [n]: l }, byBreakpoint: c };
+}, vt = (t, e, o) => t.reduce(
+  (r, s) => {
+    const { base: n, byBreakpoint: a } = jt(s, e, o);
     return {
-      base: { ...o.base, ...a },
-      breakpoints: Tt(o.breakpoints, i)
+      base: { ...r.base, ...n },
+      breakpoints: Tt(r.breakpoints, a)
     };
   },
   { base: {}, breakpoints: {} }
-), vt = (t, e, s) => {
+), Mt = (t, e, o) => {
   if (!t.length) return "";
-  const { breakpoints: r, variablePath: o } = e, { variablesClassName: n } = wt(e, s), a = jt(t, r, o, s.parseVariableName), i = Object.keys(a.base).map((u) => `    ${u}: ${a.base[u]};`), l = z(`.${n}`, i), c = Object.keys(a.breakpoints).map(Number).sort((u, y) => y - u).map((u) => {
-    const y = a.breakpoints[u], g = Object.keys(y).map((f) => `    ${f}: ${y[f]};`), h = z(`.${n}`, g);
-    return `@media (max-width: ${u}px) {
-${h}
+  const { variablesClassName: r } = $t(e, o), s = vt(t, e, o), n = Object.keys(s.base).map((l) => `    ${l}: ${s.base[l]};`), a = W(`.${r}`, n), i = Object.keys(s.breakpoints).map(Number).sort((l, c) => c - l).map((l) => {
+    const c = s.breakpoints[l], u = Object.keys(c).map((y) => `    ${y}: ${c[y]};`), f = W(`.${r}`, u);
+    return `@media (max-width: ${l}px) {
+${f}
 }`;
   }).filter(Boolean).join(`
 
 `);
-  return c ? `${l}
+  return i ? `${a}
 
-${c}` : l;
+${i}` : a;
 }, Ct = (t, e) => {
-  const s = t.resolvedByMode, r = le(e), o = Object.keys(e).length > 0 && r.length > 0;
+  const o = t.resolvedByMode, r = ie(e), s = Object.keys(e).length > 0 && r.length > 0;
   return { breakpoints: (() => {
-    if (!o)
-      return Object.keys(s);
+    if (!s)
+      return Object.keys(o);
     const i = [], l = /* @__PURE__ */ new Set();
     return r.forEach(({ mode: c }) => {
-      c in s && (i.push(c), l.add(c));
-    }), Object.keys(s).forEach((c) => {
+      c in o && (i.push(c), l.add(c));
+    }), Object.keys(o).forEach((c) => {
       l.has(c) || (i.push(c), l.add(c));
     }), i;
   })().reduce((i, l) => {
-    const c = s[l];
+    const c = o[l];
     return c === void 0 ? i : { ...i, [l]: c };
   }, {}) };
-}, Mt = (t, e) => {
-  const { breakpoints: s } = e;
+}, Nt = (t, e) => {
+  const { breakpoints: o } = e;
   return t.length ? `const utilities = {
-${t.map((o) => {
-    const n = Ct(o, s), a = JSON.stringify(n, null, 8);
-    return `    '${o.flatName}': ${a.replace(/\n/g, `
+${t.map((s) => {
+    const n = Ct(s, o), a = JSON.stringify(n, null, 8);
+    return `    '${s.flatName}': ${a.replace(/\n/g, `
     `)}`;
   }).join(`,
 `)}
@@ -1195,20 +1197,20 @@ export { utilities };
 
 export { utilities };
 `;
-}, Vt = (t, e, s) => t.reduce(
-  (r, o) => ({
+}, Vt = (t, e, o) => t.reduce(
+  (r, s) => ({
     ...r,
-    [o.flatName]: ce(e, o.flatName, s)
+    [s.flatName]: ue(e, o, s.flatName)
   }),
   {}
-), Nt = (t, e, s) => {
-  const r = !!s.parseVariableName, o = Vt(t, e.variablePath, s.parseVariableName), n = JSON.stringify(o, null, 4), { variableNamePrefix: a } = E(e.variablePath);
-  return r ? [
+), Ft = (t, e, o) => {
+  const r = Vt(t, e, o);
+  return [
     "import { utilities } from './utilities';",
     "",
     "type UtilitiesKeysType = keyof typeof utilities;",
     "",
-    `const utilityVariableNameByKey = ${n} as const;`,
+    `const utilityVariableNameByKey = ${JSON.stringify(r, null, 4)} as const;`,
     "",
     "const getUtilityCssVariableName = (key: UtilitiesKeysType): string =>",
     "    `--${utilityVariableNameByKey[key]}`;",
@@ -1224,90 +1226,72 @@ export { utilities };
     "};",
     ""
   ].join(`
-`) : [
-    "import { utilities } from './utilities';",
-    "",
-    "type UtilitiesKeysType = keyof typeof utilities;",
-    "",
-    "const getUtilityCssVariableName = (key: UtilitiesKeysType): string =>",
-    `    \`--${a}-\${key}\`;`,
-    "",
-    "const getUtilityCssVar = (key: UtilitiesKeysType): string =>",
-    "    `var(${getUtilityCssVariableName(key)})`;",
-    "",
-    "export {",
-    "    utilities,",
-    "    getUtilityCssVariableName,",
-    "    getUtilityCssVar,",
-    "    type UtilitiesKeysType,",
-    "};",
-    ""
-  ].join(`
 `);
-}, Ft = "styles.css", xt = "utilities.ts", Ot = "index.ts", Pt = async ({
+}, xt = "styles.css", Ot = "utilities.ts", Pt = "index.ts", Et = async ({
   dir: t,
   globalCss: e,
-  utilitiesTs: s,
+  utilitiesTs: o,
   indexTs: r
 }) => {
   await d.delete(t), await Promise.all([
-    d.write(Ft, e, { directory: t }),
-    d.write(xt, s, { directory: t }),
-    d.write(Ot, r, { directory: t })
+    d.write(xt, e, { directory: t }),
+    d.write(Ot, o, { directory: t }),
+    d.write(Pt, r, { directory: t })
   ]);
-}, Et = async ({
+}, Bt = async ({
   tokens: t,
   input: e,
-  output: s
+  output: o
 }) => {
-  const { dir: r } = s, o = vt(t, e, s), n = Mt(t, e), a = Nt(t, e, s);
-  await Pt({ dir: r, globalCss: o, utilitiesTs: n, indexTs: a });
-}, Ht = ({ input: t, output: e }) => ({
+  const { dir: r } = o, s = Mt(t, e, o), n = Nt(t, e), a = Ft(t, e, o);
+  await Et({ dir: r, globalCss: s, utilitiesTs: n, indexTs: a });
+}, Zt = ({ input: t, output: e }) => ({
   name: "utilities/tokenManager",
-  executor: async ({ tokenManagerClient: s }) => {
+  executor: async ({ tokenManagerClient: o }) => {
     var r;
     try {
-      if (console.log("[utilities/tokenManager] Generating utility classes from TokenManager..."), !s.isLoaded())
+      if (console.log("[utilities/tokenManager] Generating utility classes from TokenManager..."), !o.isLoaded())
         throw new Error("TokenManager is not loaded. Tokens must be loaded before using this module.");
-      const o = s.getVariables(), n = ht(o, t.variablePath), a = bt(n, s), i = kt(a, t.include);
+      const s = o.getVariables(), n = bt(s, t.variablePath), a = mt(n, o), i = kt(a, t.include);
       if (!i.length) {
         a.length && ((r = t.include) != null && r.length) ? console.warn(
           `[utilities/tokenManager] No tokens left after include filter (${a.length} at path "${t.variablePath}")`
         ) : console.warn(`[utilities/tokenManager] No dimension tokens found at path "${t.variablePath}"`);
         return;
       }
-      console.log(`[utilities/tokenManager] Resolved ${i.length} utility token(s)`), console.log(`[utilities/tokenManager] Writing files to ${e.dir}...`), await Et({ tokens: i, input: t, output: e }), console.log("[utilities/tokenManager] ✅ Successfully generated utility files");
-    } catch (o) {
-      const n = o instanceof Error ? o.message : String(o);
-      throw console.error("[utilities/tokenManager] ❌ Failed to generate utilities:", n), o instanceof Error && o.stack && console.error("[utilities/tokenManager] Stack trace:", o.stack), o;
+      console.log(`[utilities/tokenManager] Resolved ${i.length} utility token(s)`), console.log(`[utilities/tokenManager] Writing files to ${e.dir}...`), await Bt({ tokens: i, input: t, output: e }), console.log("[utilities/tokenManager] ✅ Successfully generated utility files");
+    } catch (s) {
+      const n = s instanceof Error ? s.message : String(s);
+      throw console.error("[utilities/tokenManager] ❌ Failed to generate utilities:", n), s instanceof Error && s.stack && console.error("[utilities/tokenManager] Stack trace:", s.stack), s;
     }
   }
 });
 export {
   ke as BREAKPOINTS_NAMES,
-  me as TokenManager,
-  zt as breakpointsFromTokenManager,
-  Mt as buildUtilitiesDataTSContent,
-  vt as buildUtilitiesGlobalStylesCSS,
-  Nt as buildUtilitiesIndexTSContent,
-  It as colorsFromTokenManager,
-  Gt as containerFromTokenManager,
-  E as deriveUtilityNamingFromVariablePath,
+  we as TokenManager,
+  It as breakpointsFromTokenManager,
+  Nt as buildUtilitiesDataTSContent,
+  Mt as buildUtilitiesGlobalStylesCSS,
+  Ft as buildUtilitiesIndexTSContent,
+  Gt as colorsFromTokenManager,
+  Jt as containerFromTokenManager,
+  le as deriveUtilityNamingFromVariablePath,
   kt as filterResolvedUtilitiesByInclude,
-  Lt as generate,
-  Et as generateUtilitiesFiles,
-  le as getSortedBreakpointModes,
-  $t as getUtilityCssVariableName,
+  Wt as generate,
+  Bt as generateUtilitiesFiles,
+  ie as getSortedBreakpointModes,
+  Qt as getUtilityCssVariableName,
   ce as getUtilityCssVariableNameWithoutDashes,
-  ht as getVariablesSubtree,
-  Wt as init,
-  bt as resolveUtilitiesSubtree,
-  wt as resolveUtilityNaming,
-  Jt as shadowsFromTokenManager,
-  St as splitUtilityTokenForMedia,
-  qt as typographyFromTokenManager,
-  Ht as utilitiesFromTokenManager,
-  mt as utilityFlatNameMatchesIncludePattern,
+  bt as getVariablesSubtree,
+  zt as init,
+  mt as resolveUtilitiesSubtree,
+  ue as resolveUtilityCssVariableNameWithoutDashes,
+  $t as resolveUtilityNaming,
+  qt as shadowsFromTokenManager,
+  jt as splitUtilityTokenForMedia,
+  Ht as typographyFromTokenManager,
+  Zt as utilitiesFromTokenManager,
+  wt as utilityFlatNameMatchesIncludePattern,
   Ct as utilityTokenToSerializableData,
-  Pt as writeUtilitiesFiles
+  Et as writeUtilitiesFiles
 };