@greensight/gts 1.0.0-beta.3 → 1.0.0-beta.4

package/index.mjs

@@ -1,22 +1,22 @@
 var ce = Object.defineProperty;
-var ue = (t, e, o) => e in t ? ce(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var m = (t, e, o) => ue(t, typeof e != "symbol" ? e + "" : e, o);
+var ue = (r, e, o) => e in r ? ce(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o;
+var m = (r, e, o) => ue(r, typeof e != "symbol" ? e + "" : e, o);
 import k from "path";
 import { tsImport as de } from "ts-import";
 import { existsSync as C } from "node:fs";
 import { readFile as V, mkdir as fe, writeFile as ye, rm as ge } from "node:fs/promises";
-import { resolve as x } from "node:path";
+import { resolve as F } from "node:path";
 const h = class h {
   static resolveReadPath(e) {
     if (!e || !e.trim())
       throw new Error("File path must be a non-empty string");
-    return x(h.baseDir, e);
+    return F(h.baseDir, e);
   }
   static resolveWritePath(e, o) {
-    const r = x(h.baseDir, o ?? "");
+    const t = F(h.baseDir, o ?? "");
     return {
-      targetDir: r,
-      targetPath: x(r, e)
+      targetDir: t,
+      targetPath: F(t, e)
     };
   }
   static handleReadError(e, o) {
@@ -25,51 +25,51 @@ const h = class h {
     );
   }
   static async read(e, o = "utf8") {
-    const r = h.resolveReadPath(e);
+    const t = h.resolveReadPath(e);
     try {
-      return await V(r, { encoding: o });
+      return await V(t, { encoding: o });
     } catch (n) {
-      h.handleReadError(n, r);
+      h.handleReadError(n, t);
     }
   }
   static async readBuffer(e) {
     const o = h.resolveReadPath(e);
     try {
       return await V(o);
-    } catch (r) {
-      h.handleReadError(r, o);
+    } catch (t) {
+      h.handleReadError(t, o);
     }
   }
   static async readJson(e) {
     const o = h.resolveReadPath(e);
     try {
-      const r = await V(o, { encoding: "utf8" });
+      const t = await V(o, { encoding: "utf8" });
       try {
-        return JSON.parse(r);
+        return JSON.parse(t);
       } catch (n) {
         throw new Error(`Failed to parse JSON from "${o}": ${n.message}`);
       }
-    } catch (r) {
-      h.handleReadError(r, o);
+    } catch (t) {
+      h.handleReadError(t, o);
     }
   }
-  static async write(e, o = "", r = {}) {
-    const { directory: n, overwrite: s = !0 } = r, { targetDir: a, targetPath: l } = h.resolveWritePath(e, n);
+  static async write(e, o = "", t = {}) {
+    const { directory: n, overwrite: s = !0 } = t, { targetDir: a, targetPath: l } = h.resolveWritePath(e, n);
     if (!s && C(l))
       throw new Error(`File ${l} already exists`);
     return await fe(a, { recursive: !0 }), await ye(l, o, { encoding: "utf8" }), l;
   }
-  static async writeWithExtension(e, o, r = "", n) {
+  static async writeWithExtension(e, o, t = "", n) {
     const s = o.startsWith(".") ? o : `.${o}`, a = `${e}${s}`;
-    return h.write(a, r, n);
+    return h.write(a, t, n);
   }
   static exists(e) {
     const o = h.resolveReadPath(e);
     return C(o);
   }
   static async delete(e, o) {
-    const { targetPath: r } = h.resolveWritePath(e, o);
-    C(r) && await ge(r, { recursive: !0, force: !0 });
+    const { targetPath: t } = h.resolveWritePath(e, o);
+    C(t) && await ge(t, { recursive: !0, force: !0 });
   }
 };
 m(h, "baseDir", process.cwd());
@@ -95,15 +95,15 @@ const $ = class $ {
 };
 m($, "configFileName", "gts.config.ts");
 let j = $;
-const pe = (t) => {
+const pe = (r) => {
   const e = new URLSearchParams();
-  return Object.keys(t).forEach((o) => {
-    Array.isArray(t[o]) ? t[o].forEach((r) => e.append(`${o}[]`, r)) : e.append(o, t[o]);
+  return Object.keys(r).forEach((o) => {
+    Array.isArray(r[o]) ? r[o].forEach((t) => e.append(`${o}[]`, t)) : e.append(o, r[o]);
   }), e;
-}, he = (t, e = 50) => {
+}, he = (r, e = 50) => {
   const o = [];
-  for (let r = 0; r < t.length; r += e)
-    o.push(t.slice(r, r + e));
+  for (let t = 0; t < r.length; t += e)
+    o.push(r.slice(t, t + e));
   return o;
 };
 class P {
@@ -119,18 +119,18 @@ class P {
   static async returnJSON(e) {
     const o = await e.json();
     if (!e.ok) {
-      let r = "Request failed";
-      throw new Error(r);
+      let t = "Request failed";
+      throw new Error(t);
     }
     return o;
   }
-  async performControlledRequest(e, { params: o = {}, timeout: r = 3e4, abortController: n = new AbortController() } = {}) {
-    var g;
+  async performControlledRequest(e, { params: o = {}, timeout: t = 3e4, abortController: n = new AbortController() } = {}) {
+    var p;
     if (!this.figmaToken || !this.fileId)
       throw new Error("figmaToken and fileId are required in gts.config.ts");
-    const s = Object.entries(o).reduce((p, [b, w]) => typeof w < "u" ? { ...p, [b]: w } : p, {}), a = `https://api.figma.com/v1${e}${s && Object.keys(s).length ? `?${pe(s)}` : ""}`;
+    const s = Object.entries(o).reduce((y, [b, w]) => typeof w < "u" ? { ...y, [b]: w } : y, {}), a = `https://api.figma.com/v1${e}${s && Object.keys(s).length ? `?${pe(s)}` : ""}`;
     console.log("endpoinWithParams=", a);
-    const l = setTimeout(() => n.abort(), r), i = {
+    const l = setTimeout(() => n.abort(), t), i = {
       "Content-Type": "application/json",
       ...this.figmaToken && { "X-Figma-Token": this.figmaToken }
     }, c = {
@@ -139,15 +139,15 @@ class P {
       signal: n.signal
     }, u = performance.now(), f = await fetch(`${a}`, c);
     clearTimeout(l);
-    const y = performance.now() - u;
-    return (g = this.onTimeMeasureHandler) == null || g.call(this, a, i, y), f;
+    const g = performance.now() - u;
+    return (p = this.onTimeMeasureHandler) == null || p.call(this, a, i, g), f;
   }
   async request(e, o) {
     var n;
-    const r = await this.performControlledRequest(e, {
+    const t = await this.performControlledRequest(e, {
       ...o
     });
-    return (n = r.headers.get("content-type")) != null && n.includes("application/json") ? P.returnJSON(r) : r;
+    return (n = t.headers.get("content-type")) != null && n.includes("application/json") ? P.returnJSON(t) : t;
   }
   async getComponents() {
     return this.request(`/files/${this.fileId}/components`);
@@ -158,54 +158,54 @@ class P {
   async getNodes(e) {
     const o = he(e).map(
       (s) => this.request(`/files/${this.fileId}/nodes`, { params: { ids: s.join(",") } })
-    ), r = await Promise.all(o);
+    ), t = await Promise.all(o);
     return {
-      ...r[0],
-      nodes: r.reduce((s, a) => ({ ...s, ...a.nodes }), {})
+      ...t[0],
+      nodes: t.reduce((s, a) => ({ ...s, ...a.nodes }), {})
     };
   }
 }
-const q = (t, e) => {
+const q = (r, e) => {
   const o = Array.isArray(e) ? e : e.split(".");
-  let r = t;
+  let t = r;
   for (const n of o) {
-    if (r == null || typeof r != "object") return;
-    r = r[n];
+    if (t == null || typeof t != "object") return;
+    t = t[n];
   }
-  return r;
-}, H = (t, e) => {
-  if (!e || typeof e != "object") return t;
-  if (!t || typeof t != "object") return e;
-  const o = { ...t };
-  for (const r in e)
-    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 t;
+}, H = (r, e) => {
+  if (!e || typeof e != "object") return r;
+  if (!r || typeof r != "object") return e;
+  const o = { ...r };
+  for (const t in e)
+    e.hasOwnProperty(t) && (typeof e[t] == "object" && e[t] !== null && typeof o[t] == "object" && o[t] !== null ? o[t] = H(o[t], e[t]) : o[t] = e[t]);
   return o;
 };
-function N(t, e) {
-  if (t === e)
+function N(r, e) {
+  if (r === e)
     return !0;
-  if (t == null || e == null)
-    return t === e;
-  if (typeof t != typeof e)
+  if (r == null || e == null)
+    return r === e;
+  if (typeof r != typeof e)
     return !1;
-  if (t instanceof Date && e instanceof Date)
-    return t.getTime() === e.getTime();
-  if (t instanceof RegExp && e instanceof RegExp)
-    return t.toString() === e.toString();
-  if (Array.isArray(t) && Array.isArray(e)) {
-    if (t.length !== e.length)
+  if (r instanceof Date && e instanceof Date)
+    return r.getTime() === e.getTime();
+  if (r instanceof RegExp && e instanceof RegExp)
+    return r.toString() === e.toString();
+  if (Array.isArray(r) && Array.isArray(e)) {
+    if (r.length !== e.length)
       return !1;
-    for (let o = 0; o < t.length; o++)
-      if (!N(t[o], e[o]))
+    for (let o = 0; o < r.length; o++)
+      if (!N(r[o], e[o]))
         return !1;
     return !0;
   }
-  if (typeof t == "object" && typeof e == "object") {
-    const o = Object.keys(t), r = Object.keys(e);
-    if (o.length !== r.length)
+  if (typeof r == "object" && typeof e == "object") {
+    const o = Object.keys(r), t = Object.keys(e);
+    if (o.length !== t.length)
       return !1;
     for (const n of o)
-      if (!r.includes(n) || !N(t[n], e[n]))
+      if (!t.includes(n) || !N(r[n], e[n]))
         return !1;
     return !0;
   }
@@ -235,9 +235,9 @@ class be {
   /** to camelCase */
   normalizeKey(e) {
     const o = e.trim();
-    return o && o.replace(/[-_\s]+/g, " ").split(" ").filter((r) => r.length).map((r, n) => {
-      const s = r.charAt(0), a = r.slice(1);
-      return n === 0 ? r.toLowerCase() : s.toUpperCase() + a;
+    return o && o.replace(/[-_\s]+/g, " ").split(" ").filter((t) => t.length).map((t, n) => {
+      const s = t.charAt(0), a = t.slice(1);
+      return n === 0 ? t.toLowerCase() : s.toUpperCase() + a;
     }).join("");
   }
   /**
@@ -245,9 +245,9 @@ class be {
    */
   parseVariableString(e) {
     if (typeof e != "string") return e;
-    const o = /^\{(.+)\}$/, r = e.match(o);
-    if (r) {
-      const n = r[1].trim();
+    const o = /^\{(.+)\}$/, t = e.match(o);
+    if (t) {
+      const n = t[1].trim();
       return `{${this.normalizeKey(n)}}`;
     }
     return e;
@@ -257,7 +257,7 @@ class be {
    */
   createVariableFileList(e) {
     return Object.entries(e).flatMap(
-      ([o, r]) => Object.entries(r.modes).flatMap(
+      ([o, t]) => Object.entries(t.modes).flatMap(
         ([n, s]) => s.map((a) => ({
           fileName: a,
           modeName: this.normalizeKey(n.trim()),
@@ -267,20 +267,20 @@ class be {
     );
   }
   parseValue(e) {
-    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, n]) => ({ ...o, [r]: this.parseValue(n) }), {}));
+    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, [t, n]) => ({ ...o, [t]: this.parseValue(n) }), {}));
   }
   getTokensFromFile(e, o) {
-    return Object.entries(e).reduce((r, [n, s]) => "$type" in s && "$value" in s ? {
-      ...r,
+    return Object.entries(e).reduce((t, [n, s]) => "$type" in s && "$value" in s ? {
+      ...t,
       [this.normalizeKey(n)]: {
         type: s.$type,
         description: s.$description,
         value: o ? { [this.normalizeKey(o)]: this.parseValue(s.$value) } : this.parseValue(s.$value)
       }
-    } : { ...r, [this.normalizeKey(n)]: this.getTokensFromFile(s, o) }, {});
+    } : { ...t, [this.normalizeKey(n)]: this.getTokensFromFile(s, o) }, {});
   }
-  processTokensFile(e, o, r) {
-    const n = this.normalizeKey(r), s = this.getTokensFromFile(e, o);
+  processTokensFile(e, o, t) {
+    const n = this.normalizeKey(t), s = this.getTokensFromFile(e, o);
     return { [n]: s };
   }
   /**
@@ -288,10 +288,10 @@ class be {
    */
   async loadVariableFiles(e) {
     return Promise.all(
-      e.map(async ({ fileName: o, modeName: r, collectionName: n }) => {
+      e.map(async ({ fileName: o, modeName: t, collectionName: n }) => {
         try {
           const s = k.join(this.tokensDir, o), a = await d.readJson(s);
-          return this.processTokensFile(a, r, n);
+          return this.processTokensFile(a, t, n);
         } catch (s) {
           return console.warn(`Failed to load variable file: ${k.join(this.tokensDir, o)}`, s), {};
         }
@@ -299,15 +299,15 @@ class be {
     );
   }
   mergeVariables(e) {
-    return e.reduce((o, r) => H(o, r), {});
+    return e.reduce((o, t) => H(o, t), {});
   }
   /**
    * Loads and processes all token variables from manifest collections
    */
   async loadTokenVariables(e) {
     try {
-      const o = this.createVariableFileList(e), r = await this.loadVariableFiles(o);
-      return this.mergeVariables(r);
+      const o = this.createVariableFileList(e), t = await this.loadVariableFiles(o);
+      return this.mergeVariables(t);
     } catch (o) {
       throw new Error(`Failed to load token variables from ${this.tokensDir}: ${o}`);
     }
@@ -317,7 +317,7 @@ class be {
    */
   createStyleFileList(e) {
     return Object.entries(e).flatMap(
-      ([o, r]) => (r == null ? void 0 : r.map((n) => ({
+      ([o, t]) => (t == null ? void 0 : t.map((n) => ({
         styleType: o,
         fileName: n
       }))) || []
@@ -328,16 +328,16 @@ class be {
    */
   async loadStyleFiles(e) {
     return (await Promise.all(
-      e.map(async ({ styleType: r, fileName: n }) => {
+      e.map(async ({ styleType: t, fileName: n }) => {
         try {
           const s = k.join(this.tokensDir, n), a = await d.readJson(s);
-          return { styleType: r, styleTokens: a };
+          return { styleType: t, styleTokens: a };
         } catch (s) {
-          return console.warn(`Failed to load style file: ${k.join(this.tokensDir, n)}`, s), { styleType: r, styleTokens: {} };
+          return console.warn(`Failed to load style file: ${k.join(this.tokensDir, n)}`, s), { styleType: t, styleTokens: {} };
         }
       })
     )).reduce(
-      (r, n) => ({ ...r, [n.styleType]: this.getTokensFromFile(n.styleTokens, "") }),
+      (t, n) => ({ ...t, [n.styleType]: this.getTokensFromFile(n.styleTokens, "") }),
       {
         ...R
       }
@@ -398,9 +398,9 @@ class be {
    */
   resolveVariableValue(e) {
     if (typeof e == "object")
-      return Object.keys(e).reduce((o, r) => {
-        const n = e[r], s = this.resolveVariableValueString(n, r);
-        return s && (o[r] = s), o;
+      return Object.keys(e).reduce((o, t) => {
+        const n = e[t], s = this.resolveVariableValueString(n, t);
+        return s && (o[t] = s), o;
       }, {});
   }
   /**
@@ -411,7 +411,7 @@ class be {
    */
   resolveVariableValueString(e, o) {
     if (!this.isVariableReference(e)) return e;
-    const r = this.getVariablePath(e), n = this.getToken(r, o);
+    const t = this.getVariablePath(e), n = this.getToken(t, o);
     if (n)
       return this.resolveVariableValueString(n, o);
   }
@@ -423,8 +423,8 @@ class be {
   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 n = q(r, e);
+    for (const t of Object.values(this.variables)) {
+      const n = q(t, e);
       if (n != null && n.value && typeof n.value == "object") {
         if (o) return n.value[o];
         {
@@ -441,32 +441,32 @@ const Kt = async () => {
     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: o, fileId: r, modules: n, manifest: s } = e, a = new P(o, r), l = new be(s);
+  const { figmaToken: o, fileId: t, modules: n, manifest: s } = e, a = new P(o, t), l = new be(s);
   s && d.exists(s) && await l.load(), await Promise.all(n.map((i) => i.executor({ figmaApiClient: a, tokenManagerClient: l })));
 }, Lt = async () => {
   await j.create(), console.log("\x1B[32m%s\x1B[0m", "✔️ Configuration file created gts.config.ts");
-}, me = ["xxxl", "xxl", "xl", "lg", "md", "sm", "xs", "xxs", "xxxs"], we = (t) => parseInt(t.value, 10), ke = (t) => t.reduce(
+}, me = ["xxxl", "xxl", "xl", "lg", "md", "sm", "xs", "xxs", "xxxs"], we = (r) => parseInt(r.value, 10), ke = (r) => r.reduce(
   (e, o) => ({
     ...e,
     [o.name]: we(o)
   }),
   {}
-), $e = async (t, e) => {
-  await d.delete(t, e);
-}, Se = async (t, e, o) => {
-  await d.write(t, e, { directory: o });
-}, F = async (t, e, o) => {
-  await $e(t, o), await Se(t, e, o);
-}, Te = (t) => {
-  const e = t.map(({ name: o, value: r }) => `    --${o}: ${r};`);
+), $e = async (r, e) => {
+  await d.delete(r, e);
+}, Se = async (r, e, o) => {
+  await d.write(r, e, { directory: o });
+}, x = async (r, e, o) => {
+  await $e(r, o), await Se(r, e, o);
+}, Te = (r) => {
+  const e = r.map(({ name: o, value: t }) => `    --${o}: ${t};`);
   return e.length ? `.breakpoint-variables {
 ${e.join(`
 `)}
 }
 ` : "";
-}, je = (t) => {
-  var r;
-  const e = t.map(({ name: n, value: s }) => `    ${n}: ${s}`), o = (r = t.at(-1)) == null ? void 0 : r.name;
+}, je = (r) => {
+  var t;
+  const e = r.map(({ name: n, value: s }) => `    ${n}: ${s}`), o = (t = r.at(-1)) == null ? void 0 : t.name;
   return !e.length || !o ? "" : `$breakpointList: (
 ${e.join(`,
 `)}
@@ -474,8 +474,8 @@ ${e.join(`,
 
 $defaultBreakpoint: '${o}';
 `;
-}, ve = (t) => [
-  `const breakpoints = ${JSON.stringify(t, null, 4)} as const;`,
+}, ve = (r) => [
+  `const breakpoints = ${JSON.stringify(r, null, 4)} as const;`,
   "",
   "const BREAKPOINTS_NAMES = Object.keys(breakpoints);",
   "",
@@ -486,20 +486,20 @@ $defaultBreakpoint: '${o}';
   "export type { BreakpointsKeysType, AllowMedia };",
   ""
 ].join(`
-`), Me = async ({ breakpointTokens: t, dir: e }) => {
-  const o = ke(t), r = Te(t), n = je(t), s = ve(o);
+`), Me = async ({ breakpointTokens: r, dir: e }) => {
+  const o = ke(r), t = Te(r), n = je(r), s = ve(o);
   await Promise.all([
-    F("styles.css", r, e),
-    F("styles.scss", n, e),
-    F("index.ts", s, e)
+    x("styles.css", t, e),
+    x("styles.scss", n, e),
+    x("index.ts", s, e)
   ]);
-}, Ce = (t, e) => {
-  const o = Object.keys(t).filter((s) => !isNaN(Number(s))).sort((s, a) => Number(s) - Number(a));
+}, Ce = (r, e) => {
+  const o = Object.keys(r).filter((s) => !isNaN(Number(s))).sort((s, a) => Number(s) - Number(a));
   if (o.length > e.length)
     throw new Error(
       `Not enough breakpoint names provided. Found ${o.length} breakpoints in data, but only ${e.length} names specified: ${e.join(", ")}`
     );
-  const n = Object.keys(t).filter((s) => isNaN(Number(s)));
+  const n = Object.keys(r).filter((s) => isNaN(Number(s)));
   if (n.length > 0)
     throw new Error(
       `Found non-numeric breakpoint keys in grid data: ${n.join(", ")}. All breakpoint keys must be numeric values.`
@@ -509,21 +509,21 @@ $defaultBreakpoint: '${o}';
     value: s
   }));
 }, Ut = ({
-  input: t = {},
+  input: r = {},
   output: { dir: e }
 }) => ({
   name: "breakpoints/tokenManager",
   executor: async ({ tokenManagerClient: o }) => {
     try {
       console.log("[breakpoints/tokenManager] Generating breakpoints from TokenManager...");
-      const { names: r = me } = t;
+      const { names: t = me } = r;
       if (!o.isLoaded())
         throw new Error("TokenManager is not loaded. Tokens must be loaded before using this module.");
       const n = o.getStyles();
       if (!n.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 s = Ce(n.grid, r);
+      const s = Ce(n.grid, t);
       if (!s.length) {
         console.warn("[breakpoints/tokenManager] No breakpoints found in grid styles.");
         return;
@@ -534,39 +534,39 @@ $defaultBreakpoint: '${o}';
         breakpointTokens: s,
         dir: e
       }), console.log("[breakpoints/tokenManager] ✅ Successfully generated breakpoint files");
-    } catch (r) {
-      const n = r instanceof Error ? r.message : String(r);
-      throw console.error("[breakpoints/tokenManager] ❌ Failed to generate breakpoints:", n), r instanceof Error && r.stack && console.error("[breakpoints/tokenManager] Stack trace:", r.stack), r;
+    } catch (t) {
+      const n = t instanceof Error ? t.message : String(t);
+      throw console.error("[breakpoints/tokenManager] ❌ Failed to generate breakpoints:", n), t instanceof Error && t.stack && console.error("[breakpoints/tokenManager] Stack trace:", t.stack), t;
     }
   }
-}), Ve = "styles.css", xe = "index.ts", A = (t, e) => {
+}), Ve = "styles.css", Fe = "index.ts", A = (r, e) => {
   if (!e.length) return "";
-  const o = e.map((r) => `    ${r}`).join(`
+  const o = e.map((t) => `    ${t}`).join(`
 `);
-  return `${t} {
+  return `${r} {
 ${o}
 }`;
-}, Fe = (t) => `.${t.replace(/\s+/g, "-").toLowerCase()}`, Q = (t) => `--cl-${t}`, Ne = (t) => t.reduce(
+}, xe = (r) => `.${r.replace(/\s+/g, "-").toLowerCase()}`, Q = (r) => `--cl-${r}`, Ne = (r) => r.reduce(
   (e, o) => {
-    const r = Q(o.name);
+    const t = Q(o.name);
     return typeof o.value == "object" ? Object.entries(o.value).forEach(([n, s]) => {
-      e[n] || (e[n] = []), e[n].push(`${r}: ${s};`);
-    }) : e.root.push(`${r}: ${o.value};`), e;
+      e[n] || (e[n] = []), e[n].push(`${t}: ${s};`);
+    }) : e.root.push(`${t}: ${o.value};`), e;
   },
   { root: [] }
-), Oe = (t) => {
-  const e = A(".color-variables", t.root), o = Object.entries(t).reduce((r, [n, s]) => {
-    if (n === "root" || !s.length) return r;
-    const a = A(Fe(`${n}-color-variables`), s);
-    return a && r.push(a), r;
+), Oe = (r) => {
+  const e = A(".color-variables", r.root), o = Object.entries(r).reduce((t, [n, s]) => {
+    if (n === "root" || !s.length) return t;
+    const a = A(xe(`${n}-color-variables`), s);
+    return a && t.push(a), t;
   }, []).join(`
 
 `);
   return [e, o].filter(Boolean).join(`
 
 `);
-}, Pe = (t) => `${`const colors = {
-${t.map((r) => `    '${r.name}': 'var(${Q(r.name)})'`).join(`,
+}, Pe = (r) => `${`const colors = {
+${r.map((t) => `    '${t.name}': 'var(${Q(t.name)})'`).join(`,
 `)}
 } as const;`}
 
@@ -574,36 +574,36 @@ type ColorsKeysType = keyof typeof colors;
 
 export { colors, type ColorsKeysType };
 `, Ee = async ({
-  tsContent: t,
+  tsContent: r,
   cssContent: e,
   dir: o
 }) => {
   await d.delete(o);
-  const r = d.write(xe, t, { directory: o }), n = d.write(Ve, e, { directory: o });
-  await Promise.all([r, n]);
-}, Be = async ({ colorTokens: t, dir: e }) => {
-  const o = Ne(t), r = Oe(o), n = Pe(t);
-  await Ee({ tsContent: n, cssContent: r, dir: e });
-}, v = (t) => t.reduce((e, o) => {
-  const r = Number((o.position * 100).toFixed(1));
-  return [...e, `${o.color}${r > 0 && r < 100 ? ` ${r}%` : ""}`];
-}, []).join(", "), Re = (t) => {
-  const e = v(t.stops);
-  return `linear-gradient(${t.angle}deg, ${e})`;
-}, Ae = (t) => `radial-gradient(circle, ${v(t.stops)})`, De = (t) => {
-  const e = v(t.stops);
-  return `conic-gradient(from ${t.angle}deg, ${e})`;
-}, Ke = (t) => {
-  const e = v(t.stops);
-  return `linear-gradient(${t.angle}deg, ${e})`;
-}, D = (t) => typeof t == "string" ? t : t.type === "linear" ? Re(t) : t.type === "radial" ? Ae(t) : t.type === "conic" ? De(t) : t.type === "diamond" ? Ke(t) : "", Z = (t, e) => Object.keys(t).reduce(
-  (o, r) => {
-    const n = t[r], s = e ? `${e}-${r}` : r;
+  const t = d.write(Fe, r, { directory: o }), n = d.write(Ve, e, { directory: o });
+  await Promise.all([t, n]);
+}, Be = async ({ colorTokens: r, dir: e }) => {
+  const o = Ne(r), t = Oe(o), n = Pe(r);
+  await Ee({ tsContent: n, cssContent: t, dir: e });
+}, v = (r) => r.reduce((e, o) => {
+  const t = Number((o.position * 100).toFixed(1));
+  return [...e, `${o.color}${t > 0 && t < 100 ? ` ${t}%` : ""}`];
+}, []).join(", "), Re = (r) => {
+  const e = v(r.stops);
+  return `linear-gradient(${r.angle}deg, ${e})`;
+}, Ae = (r) => `radial-gradient(circle, ${v(r.stops)})`, De = (r) => {
+  const e = v(r.stops);
+  return `conic-gradient(from ${r.angle}deg, ${e})`;
+}, Ke = (r) => {
+  const e = v(r.stops);
+  return `linear-gradient(${r.angle}deg, ${e})`;
+}, D = (r) => typeof r == "string" ? r : r.type === "linear" ? Re(r) : r.type === "radial" ? Ae(r) : r.type === "conic" ? De(r) : r.type === "diamond" ? Ke(r) : "", Z = (r, e) => Object.keys(r).reduce(
+  (o, t) => {
+    const n = r[t], s = e ? `${e}-${t}` : t;
     if (n && typeof n == "object" && "type" in n && "value" in n) {
       const l = Object.keys(n.value), i = l.length > 1 ? n.value : n.value[l[0]], c = typeof i == "object" ? Object.keys(i).reduce(
-        (f, y) => ({
+        (f, g) => ({
           ...f,
-          [y]: D(i[y])
+          [g]: D(i[g])
         }),
         {}
       ) : D(i), u = { [s]: c };
@@ -613,22 +613,22 @@ export { colors, type ColorsKeysType };
     return { ...o, ...a };
   },
   {}
-), X = (t, e) => Object.keys(t).reduce((o, r) => {
-  const n = t[r];
+), X = (r, e) => Object.keys(r).reduce((o, t) => {
+  const n = r[t];
   if (n.type && n.type !== "color") return o;
   if (n.type && n.value) {
-    const a = typeof n.value == "string" ? e.resolveVariableValueString(n.value, r) : e.resolveVariableValue(n.value);
-    return a ? { ...o, [r]: { ...n, value: a } } : o;
+    const a = typeof n.value == "string" ? e.resolveVariableValueString(n.value, t) : e.resolveVariableValue(n.value);
+    return a ? { ...o, [t]: { ...n, value: a } } : o;
   }
   const s = X(n, e);
-  return s ? { ...o, [r]: s } : o;
-}, {}), Wt = ({ input: t = {}, output: { dir: e } }) => ({
+  return s ? { ...o, [t]: s } : o;
+}, {}), Wt = ({ input: r = {}, output: { dir: e } }) => ({
   name: "colors/tokenManager",
   executor: async ({ tokenManagerClient: o }) => {
     try {
       console.log("[colors/tokenManager] Generating colors from TokenManager...");
-      const { includeVariables: r, includeStyles: n = !0 } = t;
-      if (!(r != null && r.length) && !n)
+      const { includeVariables: t, includeStyles: n = !0 } = r;
+      if (!(t != null && t.length) && !n)
         throw new Error("Either includeVariables or includeStyles must be enabled");
       if (!o.isLoaded())
         throw new Error("TokenManager is not loaded. Tokens must be loaded before using this module.");
@@ -637,9 +637,9 @@ export { colors, type ColorsKeysType };
         const i = o.getStyles();
         console.log("[colors/tokenManager] Processing styles for colors..."), i.color && s.push(i.color);
       }
-      if (r != null && r.length) {
-        console.log(`[colors/tokenManager] Processing ${r.length} variable groups...`);
-        const i = r.map((c) => a[c]).filter(Boolean);
+      if (t != null && t.length) {
+        console.log(`[colors/tokenManager] Processing ${t.length} variable groups...`);
+        const i = t.map((c) => a[c]).filter(Boolean);
         s.push(...i);
       }
       const l = s.map((i) => X(i, o)).flatMap(
@@ -656,42 +656,42 @@ export { colors, type ColorsKeysType };
         colorTokens: l,
         dir: e
       }), console.log("[colors/tokenManager] ✅ Successfully generated color files");
-    } catch (r) {
-      const n = r instanceof Error ? r.message : String(r);
-      throw console.error("[colors/tokenManager] ❌ Failed to generate colors:", n), r instanceof Error && r.stack && console.error("[colors/tokenManager] Stack trace:", r.stack), r;
+    } catch (t) {
+      const n = t instanceof Error ? t.message : String(t);
+      throw console.error("[colors/tokenManager] ❌ Failed to generate colors:", n), t instanceof Error && t.stack && console.error("[colors/tokenManager] Stack trace:", t.stack), t;
     }
   }
-}), Le = (t) => `    @media (width <= ${t.breakpoint}px) {
+}), Le = (r) => `    @media (width <= ${r.breakpoint}px) {
         .container {
-            padding-left: ${t.offset};
-            padding-right: ${t.offset};
+            padding-left: ${r.offset};
+            padding-right: ${r.offset};
         }
 
         .containerTablet {
-            padding-left: ${t.offset};
-            padding-right: ${t.offset};
+            padding-left: ${r.offset};
+            padding-right: ${r.offset};
         }
-    }`, Ue = (t, e) => {
-  const o = e || "components", r = t.map((n) => Le(n)).join(`
+    }`, Ue = (r, e) => {
+  const o = e || "components", t = r.map((n) => Le(n)).join(`
 
 `);
   return `@layer ${o} {
-${r}
+${t}
 }`;
 }, We = () => `import styles from './styles.module.css';
 
 export const conatinerClassName = styles.container;
 export const conatinerTabletClassName = styles.containerTablet;
-`, K = async (t, e, o) => {
-  await d.delete(t, o), await d.write(t, e, { directory: o });
-}, ze = async ({ containerTokens: t, dir: e, layer: o }) => {
-  const r = Ue(t, o), n = We();
-  await K("styles.module.css", r, e), await K("index.ts", n, e);
-}, Ie = (t) => {
-  const e = t.trim().toLowerCase();
+`, K = async (r, e, o) => {
+  await d.delete(r, o), await d.write(r, e, { directory: o });
+}, ze = async ({ containerTokens: r, dir: e, layer: o }) => {
+  const t = Ue(r, o), n = We();
+  await K("styles.module.css", t, e), await K("index.ts", n, e);
+}, Ie = (r) => {
+  const e = r.trim().toLowerCase();
   return e === "0" || e === "0px";
-}, Ge = (t, e) => Object.keys(t).filter((s) => !isNaN(Number(s))).sort((s, a) => Number(a) - Number(s)).reduce((s, a) => {
-  const l = t[a];
+}, Ge = (r, e) => Object.keys(r).filter((s) => !isNaN(Number(s))).sort((s, a) => Number(a) - Number(s)).reduce((s, a) => {
+  const l = r[a];
   if (!l || !("value" in l) || !Array.isArray(l.value))
     return s;
   const i = l.value.find((u) => u.pattern === "columns");
@@ -709,14 +709,14 @@ export const conatinerTabletClassName = styles.containerTablet;
   const l = s[s.length - 1];
   return l && N(l.offset, a.offset) || s.push(a), s;
 }, []), zt = ({
-  input: t = {},
+  input: r = {},
   output: { dir: e }
 }) => ({
   name: "container/tokenManager",
   executor: async ({ tokenManagerClient: o }) => {
     try {
       console.log("[container/tokenManager] Generating container styles...");
-      const { layer: r } = t;
+      const { layer: t } = r;
       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...");
@@ -733,42 +733,42 @@ export const conatinerTabletClassName = styles.containerTablet;
       ), console.log(`[container/tokenManager] Writing files to ${e}...`), await ze({
         containerTokens: s,
         dir: e,
-        layer: r
+        layer: t
       }), console.log("[container/tokenManager] ✅ Successfully generated container files");
-    } catch (r) {
-      const n = r instanceof Error ? r.message : String(r);
-      throw console.error("[container/tokenManager] ❌ Failed to generate container:", n), r instanceof Error && r.stack && console.error("[container/tokenManager] Stack trace:", r.stack), r;
+    } catch (t) {
+      const n = t instanceof Error ? t.message : String(t);
+      throw console.error("[container/tokenManager] ❌ Failed to generate container:", n), t instanceof Error && t.stack && console.error("[container/tokenManager] Stack trace:", t.stack), t;
     }
   }
-}), Je = "styles.css", qe = "index.ts", L = (t, e) => {
+}), Je = "styles.css", qe = "index.ts", L = (r, e) => {
   if (!e.length) return "";
-  const o = e.map((r) => `    ${r}`).join(`
+  const o = e.map((t) => `    ${t}`).join(`
 `);
-  return `${t} {
+  return `${r} {
 ${o}
 }`;
-}, He = (t) => `.${t.replace(/\s+/g, "-").toLowerCase()}`, Y = (t) => `--${t}`, Qe = ({ offsetX: t, offsetY: e, blur: o, spread: r, color: n }) => `${t} ${e} ${o} ${r} ${n}`, Ze = (t) => t.reduce(
+}, He = (r) => `.${r.replace(/\s+/g, "-").toLowerCase()}`, Y = (r) => `--${r}`, Qe = ({ offsetX: r, offsetY: e, blur: o, spread: t, color: n }) => `${r} ${e} ${o} ${t} ${n}`, Ze = (r) => r.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((n, [s, a]) => {
+    const t = Y(o.name);
+    return typeof o.value != "object" ? (e.root.push(`${t}: ${o.value};`), e) : Object.entries(o.value).reduce((n, [s, a]) => {
       const l = n[s] ?? [];
-      return { ...n, [s]: [...l, `${r}: ${a};`] };
+      return { ...n, [s]: [...l, `${t}: ${a};`] };
     }, e);
   },
   { root: [] }
-), Xe = (t) => {
-  const e = L(".shadow-variables", t.root), o = Object.entries(t).reduce((r, [n, s]) => {
-    if (n === "root" || !s.length) return r;
+), Xe = (r) => {
+  const e = L(".shadow-variables", r.root), o = Object.entries(r).reduce((t, [n, s]) => {
+    if (n === "root" || !s.length) return t;
     const a = L(He(`${n}-shadow-variables`), s);
-    return a && r.push(a), r;
+    return a && t.push(a), t;
   }, []).join(`
 
 `);
   return [e, o].filter(Boolean).join(`
 
 `);
-}, Ye = (t) => `${`const shadows = {
-${t.map((r) => `    '${r.name}': 'var(${Y(r.name)})'`).join(`,
+}, Ye = (r) => `${`const shadows = {
+${r.map((t) => `    '${t.name}': 'var(${Y(t.name)})'`).join(`,
 `)}
 } as const;`}
 
@@ -776,19 +776,19 @@ type ShadowsKeysType = keyof typeof shadows;
 
 export { shadows, type ShadowsKeysType };
 `, _e = async ({
-  tsContent: t,
+  tsContent: r,
   cssContent: e,
   dir: o
 }) => {
   await d.delete(o);
-  const r = d.write(qe, t, { directory: o }), n = d.write(Je, e, { directory: o });
-  await Promise.all([r, n]);
-}, et = async ({ shadowTokens: t, dir: e }) => {
-  const o = Ze(t), r = Xe(o), n = Ye(t);
-  await _e({ tsContent: n, cssContent: r, dir: e });
-}, _ = (t, e) => Object.keys(t).reduce(
-  (o, r) => {
-    const n = t[r], s = e ? `${e}-${r}` : r;
+  const t = d.write(qe, r, { directory: o }), n = d.write(Je, e, { directory: o });
+  await Promise.all([t, n]);
+}, et = async ({ shadowTokens: r, dir: e }) => {
+  const o = Ze(r), t = Xe(o), n = Ye(r);
+  await _e({ tsContent: n, cssContent: t, dir: e });
+}, _ = (r, e) => Object.keys(r).reduce(
+  (o, t) => {
+    const n = r[t], s = e ? `${e}-${t}` : t;
     if (n && typeof n == "object" && "type" in n && "value" in n) {
       const l = {
         [s]: n.value.map(Qe).join(", ")
@@ -799,18 +799,18 @@ export { shadows, type ShadowsKeysType };
     return { ...o, ...a };
   },
   {}
-), It = ({ input: t = {}, output: { dir: e } }) => ({
+), It = ({ input: r = {}, output: { dir: e } }) => ({
   name: "shadows/tokenManager",
   executor: async ({ tokenManagerClient: o }) => {
     try {
       console.log("[shadows/tokenManager] Generating shadows from TokenManager...");
-      const { includeStyles: r = !0 } = t;
-      if (!r)
+      const { includeStyles: t = !0 } = r;
+      if (!t)
         throw new Error("includeStyles must be enabled for shadows generation");
       if (!o.isLoaded())
         throw new Error("TokenManager is not loaded. Tokens must be loaded before using this module.");
       const n = [];
-      if (r) {
+      if (t) {
         const a = o.getStyles();
         console.log("[shadows/tokenManager] Processing styles for shadows..."), a.effect && n.push(a.effect);
       }
@@ -828,36 +828,36 @@ export { shadows, type ShadowsKeysType };
         shadowTokens: s,
         dir: e
       }), console.log("[shadows/tokenManager] ✅ Successfully generated shadow files");
-    } catch (r) {
-      const n = r instanceof Error ? r.message : String(r);
-      throw console.error("[shadows/tokenManager] ❌ Failed to generate shadows:", n), r instanceof Error && r.stack && console.error("[shadows/tokenManager] Stack trace:", r.stack), r;
+    } catch (t) {
+      const n = t instanceof Error ? t.message : String(t);
+      throw console.error("[shadows/tokenManager] ❌ Failed to generate shadows:", n), t instanceof Error && t.stack && console.error("[shadows/tokenManager] Stack trace:", t.stack), t;
     }
   }
-}), tt = "styles.module.css", rt = "index.ts", ot = "typography.ts", U = "sans-serif", W = (t, e) => {
+}), tt = "styles.module.css", rt = "index.ts", ot = "typography.ts", U = "sans-serif", W = (r, e) => {
   if (!e.length) return "";
-  const o = e.map((r) => `    ${r}`).join(`
+  const o = e.map((t) => `    ${t}`).join(`
 `);
-  return `${t} {
+  return `${r} {
 ${o}
 }`;
-}, ee = (t, e) => {
-  if (typeof t != "string") return t;
-  const o = e[t] ?? t;
+}, ee = (r, e) => {
+  if (typeof r != "string") return r;
+  const o = e[r] ?? r;
   return o.trim().toLowerCase().endsWith(U) ? o : `${o}, ${U}`;
-}, z = (t, e) => typeof t.fontFamily != "string" ? t : {
-  ...t,
-  fontFamily: ee(t.fontFamily, e)
-}, S = (t, e) => {
+}, z = (r, e) => typeof r.fontFamily != "string" ? r : {
+  ...r,
+  fontFamily: ee(r.fontFamily, e)
+}, S = (r, e) => {
   const o = {};
-  return Object.entries(t).forEach(([r, n]) => {
-    const s = r === "fontFamily" ? ee(n, e) : n, a = r.replace(/([A-Z])/g, "-$1").toLowerCase();
+  return Object.entries(r).forEach(([t, n]) => {
+    const s = t === "fontFamily" ? ee(n, e) : n, a = t.replace(/([A-Z])/g, "-$1").toLowerCase();
     o[a] = s;
   }), o;
-}, nt = (t, e, o) => {
-  const r = Object.keys(t.breakpoints), n = S(t.base, o);
-  return r.reduce(
+}, nt = (r, e, o) => {
+  const t = Object.keys(r.breakpoints), n = S(r.base, o);
+  return t.reduce(
     (s, a, l) => {
-      const i = S(t.breakpoints[a], o);
+      const i = S(r.breakpoints[a], o);
       return l ? [...s, { breakpoint: Number(e[a]), css: i }] : [
         {
           breakpoint: null,
@@ -878,86 +878,86 @@ ${o}
 }, te = () => ({
   base: {},
   breakpoints: {}
-}), O = (t, e, o, r) => {
-  Object.keys(r).length && (t.breakpoints[e] || (t.breakpoints[e] = {}), t.breakpoints[e][o] = {
-    ...t.breakpoints[e][o],
-    ...r
+}), O = (r, e, o, t) => {
+  Object.keys(t).length && (r.breakpoints[e] || (r.breakpoints[e] = {}), r.breakpoints[e][o] = {
+    ...r.breakpoints[e][o],
+    ...t
   });
-}, T = (t, e, o, r) => {
-  nt(e.value, o, r).forEach(({ breakpoint: s, css: a }) => {
+}, T = (r, e, o, t) => {
+  nt(e.value, o, t).forEach(({ breakpoint: s, css: a }) => {
     if (s === null) {
-      t.base[e.name] = a;
+      r.base[e.name] = a;
       return;
     }
-    O(t, s, e.name, a);
+    O(r, s, e.name, a);
   });
-}, re = (t) => {
-  const e = I(t.base), o = Object.keys(t.breakpoints).map(Number).sort((r, n) => n - r).reduce((r, n) => {
-    const s = t.breakpoints[n];
-    return r + `@media (max-width: ${n}px) { ${I(s)} }`;
+}, re = (r) => {
+  const e = I(r.base), o = Object.keys(r.breakpoints).map(Number).sort((t, n) => n - t).reduce((t, n) => {
+    const s = r.breakpoints[n];
+    return t + `@media (max-width: ${n}px) { ${I(s)} }`;
   }, "");
   return e + o;
-}, st = (t, e, o) => {
-  const r = t.reduce((n, s) => (T(n, s, e, o), n), te());
-  return re(r);
-}, I = (t) => Object.keys(t).reduce((e, o) => {
-  const r = t[o], n = Object.keys(r).map((s) => `${s}: ${r[s]}`).join(";");
+}, st = (r, e, o) => {
+  const t = r.reduce((n, s) => (T(n, s, e, o), n), te());
+  return re(t);
+}, I = (r) => Object.keys(r).reduce((e, o) => {
+  const t = r[o], n = Object.keys(t).map((s) => `${s}: ${t[s]}`).join(";");
   return e + `.typo-${o} { ${n} }`;
-}, ""), G = (t) => {
-  if (typeof t == "number") return Number.isFinite(t) ? t : null;
-  const e = Number.parseFloat(t);
+}, ""), G = (r) => {
+  if (typeof r == "number") return Number.isFinite(r) ? r : null;
+  const e = Number.parseFloat(r);
   return Number.isFinite(e) ? e : null;
-}, J = (t) => {
-  if (typeof t == "number") return t / 16;
-  const e = t.trim().toLowerCase();
+}, J = (r) => {
+  if (typeof r == "number") return r / 16;
+  const e = r.trim().toLowerCase();
   if (e.endsWith("rem")) return G(e);
   if (e.endsWith("px")) {
     const o = G(e);
     return o === null ? null : o / 16;
   }
   return null;
-}, at = (t) => {
-  const { minValueRem: e, maxValueRem: o, minVwRem: r, maxVwRem: n } = t, s = o - e;
-  return `calc(${e}rem + ((100vw - ${r}rem) / (${n}rem - ${r}rem)) * ${s}rem)`;
-}, it = (t, e, o, r) => {
-  const n = ["font-size", "line-height"], s = Object.entries(e.value.breakpoints).map(([p, b]) => {
-    const w = Number.parseInt(o[p], 10);
-    return { breakpointName: p, width: w, typography: b };
-  }).filter((p) => Number.isFinite(p.width)).sort((p, b) => b.width - p.width);
+}, at = (r) => {
+  const { minValueRem: e, maxValueRem: o, minVwRem: t, maxVwRem: n } = r, s = o - e;
+  return `calc(${e}rem + ((100vw - ${t}rem) / (${n}rem - ${t}rem)) * ${s}rem)`;
+}, it = (r, e, o, t) => {
+  const n = ["font-size", "line-height"], s = Object.entries(e.value.breakpoints).map(([y, b]) => {
+    const w = Number.parseInt(o[y], 10);
+    return { breakpointName: y, width: w, typography: b };
+  }).filter((y) => Number.isFinite(y.width)).sort((y, b) => b.width - y.width);
   if (s.length < 2) {
-    T(t, e, o, r);
+    T(r, e, o, t);
     return;
   }
   const a = s[0], l = s[s.length - 1];
   if (a.width <= l.width) {
-    T(t, e, o, r);
+    T(r, e, o, t);
     return;
   }
-  const i = S(e.value.base, r), c = S(a.typography, r), u = S(l.typography, r), f = a.width / 16, y = l.width / 16;
-  if (f === y) {
-    T(t, e, o, r);
+  const i = S(e.value.base, t), c = S(a.typography, t), u = S(l.typography, t), f = a.width / 16, g = l.width / 16;
+  if (f === g) {
+    T(r, e, o, t);
     return;
   }
-  t.base[e.name] = {
+  r.base[e.name] = {
     ...i,
     ...c
   };
-  const g = n.reduce((p, b) => {
+  const p = n.reduce((y, b) => {
     const w = c[b], M = u[b];
     if (w === void 0 || M === void 0 || w === M)
-      return p;
+      return y;
     const E = J(w), B = J(M);
-    return E === null || B === null ? p : {
-      ...p,
-      [b]: at({ minValueRem: B, maxValueRem: E, minVwRem: y, maxVwRem: f })
+    return E === null || B === null ? y : {
+      ...y,
+      [b]: at({ minValueRem: B, maxValueRem: E, minVwRem: g, maxVwRem: f })
     };
   }, {});
-  O(t, a.width, e.name, g), O(t, l.width, e.name, u);
-}, lt = (t, e, o, r) => {
-  if (!r) return st(t, e, o);
-  const n = t.reduce((s, a) => (it(s, a, e, o), s), te());
+  O(r, a.width, e.name, p), O(r, l.width, e.name, u);
+}, lt = (r, e, o, t) => {
+  if (!t) return st(r, e, o);
+  const n = r.reduce((s, a) => (it(s, a, e, o), s), te());
   return re(n);
-}, ct = (t) => t.length ? `import styles from './styles.module.css';
+}, ct = (r) => r.length ? `import styles from './styles.module.css';
 import { typography } from './typography';
 
 type TypographyKeysType = keyof typeof typography;
@@ -965,16 +965,16 @@ type TypographyKeysType = keyof typeof typography;
 const getTypographyClass = (typographyKey: TypographyKeysType) => styles[\`typo-\${typographyKey}\`];
 
 export { typography, getTypographyClass, type TypographyKeysType };
-` : "", ut = (t, e) => t.length ? `const typography = {
-${t.map((r) => {
-  const n = z(r.value.base, e), s = Object.entries(r.value.breakpoints).reduce(
+` : "", ut = (r, e) => r.length ? `const typography = {
+${r.map((t) => {
+  const n = z(t.value.base, e), s = Object.entries(t.value.breakpoints).reduce(
     (a, [l, i]) => ({
       ...a,
       [l]: z(i, e)
     }),
     {}
   );
-  return `    '${r.name}': {
+  return `    '${t.name}': {
         base: ${JSON.stringify(n, null, 8).replace(/\n/g, `
         `)},
         breakpoints: ${JSON.stringify(s, null, 8).replace(/\n/g, `
@@ -986,58 +986,58 @@ ${t.map((r) => {
 
 export { typography };
 ` : "", dt = async ({
-  indexTSContent: t,
+  indexTSContent: r,
   typographyTSContent: e,
   cssContent: o,
-  dir: r
+  dir: t
 }) => {
-  await d.delete(r);
-  const n = d.write(rt, t, { directory: r }), s = d.write(ot, e, { directory: r }), a = d.write(tt, o, { directory: r });
+  await d.delete(t);
+  const n = d.write(rt, r, { directory: t }), s = d.write(ot, e, { directory: t }), a = d.write(tt, o, { directory: t });
   await Promise.all([n, s, a]);
 }, ft = async ({
-  typographyTokens: t,
+  typographyTokens: r,
   dir: e,
   breakpoints: o,
-  fontFamily: r,
+  fontFamily: t,
   fluid: n
 }) => {
-  const s = lt(t, o, r, n), a = ut(t, r), l = ct(t);
+  const s = lt(r, o, t, n), a = ut(r, t), l = ct(r);
   await dt({ indexTSContent: l, typographyTSContent: a, cssContent: s, dir: e });
-}, oe = (t, e, o) => Object.keys(t).reduce((r, n) => {
-  const s = t[n];
-  if (typeof s != "object" || Array.isArray(s)) return r;
+}, oe = (r, e, o) => Object.keys(r).reduce((t, n) => {
+  const s = r[n];
+  if (typeof s != "object" || Array.isArray(s)) return t;
   if (!("type" in s) || !("value" in s))
-    return { ...r, [n]: oe(s, e, o) };
-  if (s.type !== "typography") return r;
+    return { ...t, [n]: oe(s, e, o) };
+  if (s.type !== "typography") return t;
   const a = s.value, l = Object.entries(a).reduce(
     (i, [c, u]) => {
       const f = Object.keys(o.breakpoints);
       if (f.length)
-        f.forEach((y) => {
-          const g = e.resolveVariableValueString(u, y);
-          g && (g === u ? i.base = { ...i.base, [c]: g } : i.breakpoints[y] = { ...i.breakpoints[y], [c]: g });
+        f.forEach((g) => {
+          const p = e.resolveVariableValueString(u, g);
+          p && (p === u ? i.base = { ...i.base, [c]: p } : i.breakpoints[g] = { ...i.breakpoints[g], [c]: p });
         });
       else {
-        const y = e.resolveVariableValueString(u);
-        y && (i.base = { ...i.base, [c]: y });
+        const g = e.resolveVariableValueString(u);
+        g && (i.base = { ...i.base, [c]: g });
       }
       return i;
     },
     { base: {}, breakpoints: {} }
   );
-  return { ...r, [n]: { type: "typography", value: l } };
-}, {}), ne = (t, e) => Object.keys(t).reduce((o, r) => {
-  const n = e ? `${e}-${r}` : r, s = t[r];
+  return { ...t, [n]: { type: "typography", value: l } };
+}, {}), ne = (r, e) => Object.keys(r).reduce((o, t) => {
+  const n = e ? `${e}-${t}` : t, s = r[t];
   if (!("type" in s) || !("value" in s))
     return { ...o, ...ne(s, n) };
   const a = s.value;
   return { ...o, [n]: a };
-}, {}), Gt = ({ input: t, output: { dir: e } }) => ({
+}, {}), Gt = ({ input: r, output: { dir: e } }) => ({
   name: "typography/tokenManager",
   executor: async ({ tokenManagerClient: o }) => {
     try {
       console.log("[typography/tokenManager] Generating typography from TokenManager...");
-      const { breakpoints: r, fontFamily: n } = t, s = t.fluid ?? !0;
+      const { breakpoints: t, fontFamily: n } = r, s = r.fluid ?? !0;
       if (!o.isLoaded())
         throw new Error("TokenManager is not loaded. Tokens must be loaded before using this module.");
       const a = [], l = o.getStyles();
@@ -1045,7 +1045,7 @@ export { typography };
       const i = a.reduce(
         (u, f) => ({
           ...u,
-          ...oe(f, o, { breakpoints: t.breakpoints })
+          ...oe(f, o, { breakpoints: r.breakpoints })
         }),
         {}
       ), c = Object.entries(ne(i)).map(
@@ -1058,41 +1058,41 @@ export { typography };
       console.log(`[typography/tokenManager] Generated ${c.length} typography tokens`), console.log(`[typography/tokenManager] Writing files to ${e}...`), await ft({
         typographyTokens: c,
         dir: e,
-        breakpoints: r,
+        breakpoints: t,
         fontFamily: n || {},
         fluid: s
       }), console.log("[typography/tokenManager] ✅ Successfully generated typography files");
-    } catch (r) {
-      const n = r instanceof Error ? r.message : String(r);
-      throw console.error("[typography/tokenManager] ❌ Failed to generate typography:", n), r instanceof Error && r.stack && console.error("[typography/tokenManager] Stack trace:", r.stack), r;
+    } catch (t) {
+      const n = t instanceof Error ? t.message : String(t);
+      throw console.error("[typography/tokenManager] ❌ Failed to generate typography:", n), t instanceof Error && t.stack && console.error("[typography/tokenManager] Stack trace:", t.stack), t;
     }
   }
-}), yt = (t) => typeof t == "object" && t !== null && "type" in t && "value" in t, gt = (t) => typeof t == "object" && t !== null && !Array.isArray(t), se = (t) => t.trim().split(".").map((e) => e.trim()).filter(Boolean), pt = (t, e) => {
+}), yt = (r) => typeof r == "object" && r !== null && "type" in r && "value" in r, gt = (r) => typeof r == "object" && r !== null && !Array.isArray(r), se = (r) => r.trim().split(".").map((e) => e.trim()).filter(Boolean), pt = (r, e) => {
   const o = se(e);
   if (!o.length)
     throw new Error("variablePath must contain at least one segment");
-  const r = q(t, o);
-  if (r === void 0)
+  const t = q(r, o);
+  if (t === void 0)
     throw new Error(`Variables subtree not found at path: ${o.join(".")}`);
-  return r;
-}, ae = (t, e, o) => {
-  if (!t) return [];
-  if (yt(t)) {
-    if (t.type !== "dimension") return [];
-    const r = t.value, n = Object.keys(r).reduce((s, a) => {
-      const l = r[a], i = o.resolveVariableValueString(l, a);
+  return t;
+}, ae = (r, e, o) => {
+  if (!r) return [];
+  if (yt(r)) {
+    if (r.type !== "dimension") return [];
+    const t = r.value, n = Object.keys(t).reduce((s, a) => {
+      const l = t[a], i = o.resolveVariableValueString(l, a);
       return { ...s, [a]: i ?? l };
     }, {});
     return [{ flatName: e, resolvedByMode: n }];
   }
-  return gt(t) ? Object.keys(t).flatMap((r) => {
-    const n = t[r], s = e ? `${e}-${r}` : r;
+  return gt(r) ? Object.keys(r).flatMap((t) => {
+    const n = r[t], s = e ? `${e}-${t}` : t;
     return ae(n, s, o);
   }) : [];
-}, ht = (t, e) => ae(t, "", e), bt = (t, e) => typeof e == "string" ? t === e : e.test(t), mt = (t, e) => e != null && e.length ? t.filter(
-  (o) => e.some((r) => bt(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), wt = (t) => {
-  const e = se(t);
+}, ht = (r, e) => ae(r, "", e), bt = (r, e) => typeof e == "string" ? r === e : e.test(r), mt = (r, e) => e != null && e.length ? r.filter(
+  (o) => e.some((t) => bt(o.flatName, t))
+) : r, ie = (r) => Object.keys(r).map((e) => ({ mode: e, widthPx: Number.parseInt(r[e], 10) })).filter((e) => Number.isFinite(e.widthPx)).sort((e, o) => o.widthPx - e.widthPx), wt = (r) => {
+  const e = se(r);
   if (!e.length)
     throw new Error("variablePath must contain at least one segment");
   const o = e[e.length - 1];
@@ -1100,69 +1100,70 @@ export { typography };
     variablesClassName: `${o}-variables`,
     variableNamePrefix: o
   };
-}, le = (t) => {
-  const e = wt(t.variablePath), o = t.variableNamePrefix ?? e.variableNamePrefix, r = t.variablesClassName ?? `${o}-variables`;
+}, le = (r, e) => {
+  var s;
+  const o = wt(r.variablePath), t = ((s = e.parseVariableName) == null ? void 0 : s.call(e, r.variablePath)) ?? o.variableNamePrefix, n = e.variablesClassName ?? `${t}-variables`;
   return {
-    variableNamePrefix: o,
-    variablesClassName: r
+    variableNamePrefix: t,
+    variablesClassName: n
   };
-}, kt = (t, e) => t ? `--${t}-${e}` : `--${e}`, $t = (t, e) => Object.keys(e).reduce(
-  (o, r) => {
-    const n = Number(r);
+}, kt = (r, e) => r ? `--${r}-${e}` : `--${e}`, $t = (r, e) => Object.keys(e).reduce(
+  (o, t) => {
+    const n = Number(t);
     return { ...o, [n]: { ...o[n], ...e[n] } };
   },
-  { ...t }
-), St = (t, e, o) => {
-  const r = kt(o, t.flatName), n = ie(e);
+  { ...r }
+), St = (r, e, o) => {
+  const t = kt(o, r.flatName), n = ie(e);
   if (Object.keys(e).length === 0 || n.length === 0) {
-    const i = Object.values(t.resolvedByMode)[0] ?? "";
-    return { base: { [r]: i }, byBreakpoint: {} };
+    const i = Object.values(r.resolvedByMode)[0] ?? "";
+    return { base: { [t]: i }, byBreakpoint: {} };
   }
-  const s = n.filter((i) => i.mode in t.resolvedByMode);
+  const s = n.filter((i) => i.mode in r.resolvedByMode);
   if (s.length === 0) {
-    const i = Object.values(t.resolvedByMode)[0] ?? "";
-    return { base: { [r]: i }, byBreakpoint: {} };
+    const i = Object.values(r.resolvedByMode)[0] ?? "";
+    return { base: { [t]: i }, byBreakpoint: {} };
   }
   if (s.length === 1) {
-    const i = s[0], c = t.resolvedByMode[i.mode] ?? "";
-    return { base: { [r]: c }, byBreakpoint: {} };
+    const i = s[0], c = r.resolvedByMode[i.mode] ?? "";
+    return { base: { [t]: c }, byBreakpoint: {} };
   }
-  const a = t.resolvedByMode[s[0].mode] ?? "", l = s.slice(1).reduce((i, c, u) => {
-    const f = s[u].mode, y = t.resolvedByMode[f], g = t.resolvedByMode[c.mode];
-    if (g === void 0 || g === y) return i;
-    const p = c.widthPx, b = i[p] ?? {};
-    return { ...i, [p]: { ...b, [r]: g } };
+  const a = r.resolvedByMode[s[0].mode] ?? "", l = s.slice(1).reduce((i, c, u) => {
+    const f = s[u].mode, g = r.resolvedByMode[f], p = r.resolvedByMode[c.mode];
+    if (p === void 0 || p === g) return i;
+    const y = c.widthPx, b = i[y] ?? {};
+    return { ...i, [y]: { ...b, [t]: p } };
   }, {});
-  return { base: { [r]: a }, byBreakpoint: l };
-}, Tt = (t, e, o) => t.reduce(
-  (r, n) => {
+  return { base: { [t]: a }, byBreakpoint: l };
+}, Tt = (r, e, o) => r.reduce(
+  (t, n) => {
     const { base: s, byBreakpoint: a } = St(n, e, o);
     return {
-      base: { ...r.base, ...s },
-      breakpoints: $t(r.breakpoints, a)
+      base: { ...t.base, ...s },
+      breakpoints: $t(t.breakpoints, a)
     };
   },
   { base: {}, breakpoints: {} }
-), jt = (t, e) => {
-  if (!t.length) return "";
-  const { breakpoints: o } = e, { variablesClassName: r, variableNamePrefix: n } = le(e), s = Tt(t, o, n), a = Object.keys(s.base).map((c) => `    ${c}: ${s.base[c]};`), l = W(`.${r}`, a), i = Object.keys(s.breakpoints).map(Number).sort((c, u) => u - c).map((c) => {
-    const u = s.breakpoints[c], f = Object.keys(u).map((g) => `    ${g}: ${u[g]};`), y = W(`.${r}`, f);
-    return `@media (max-width: ${c}px) {
-${y}
+), jt = (r, e, o) => {
+  if (!r.length) return "";
+  const { breakpoints: t } = e, { variablesClassName: n, variableNamePrefix: s } = le(e, o), a = Tt(r, t, s), l = Object.keys(a.base).map((u) => `    ${u}: ${a.base[u]};`), i = W(`.${n}`, l), c = Object.keys(a.breakpoints).map(Number).sort((u, f) => f - u).map((u) => {
+    const f = a.breakpoints[u], g = Object.keys(f).map((y) => `    ${y}: ${f[y]};`), p = W(`.${n}`, g);
+    return `@media (max-width: ${u}px) {
+${p}
 }`;
   }).filter(Boolean).join(`
 
 `);
-  return i ? `${l}
+  return c ? `${i}
 
-${i}` : l;
-}, vt = (t, e) => {
-  const o = t.resolvedByMode, r = ie(e), n = Object.keys(e).length > 0 && r.length > 0;
+${c}` : i;
+}, vt = (r, e) => {
+  const o = r.resolvedByMode, t = ie(e), n = Object.keys(e).length > 0 && t.length > 0;
   return { breakpoints: (() => {
     if (!n)
       return Object.keys(o);
     const l = [], i = /* @__PURE__ */ new Set();
-    return r.forEach(({ mode: c }) => {
+    return t.forEach(({ mode: c }) => {
       c in o && (l.push(c), i.add(c));
     }), Object.keys(o).forEach((c) => {
       i.has(c) || (l.push(c), i.add(c));
@@ -1171,10 +1172,10 @@ ${i}` : l;
     const c = o[i];
     return c === void 0 ? l : { ...l, [i]: c };
   }, {}) };
-}, Mt = (t, e) => {
+}, Mt = (r, e) => {
   const { breakpoints: o } = e;
-  return t.length ? `const utilities = {
-${t.map((n) => {
+  return r.length ? `const utilities = {
+${r.map((n) => {
     const s = vt(n, o), a = JSON.stringify(s, null, 8);
     return `    '${n.flatName}': ${a.replace(/\n/g, `
     `)}`;
@@ -1187,14 +1188,14 @@ export { utilities };
 
 export { utilities };
 `;
-}, Ct = (t) => {
-  const { variableNamePrefix: e } = le(t);
+}, Ct = (r, e) => {
+  const { variableNamePrefix: o } = le(r, e);
   return [
     "import { utilities } from './utilities';",
     "",
     "type UtilitiesKeysType = keyof typeof utilities;",
     "",
-    `const utilityVariableNamePrefix = ${JSON.stringify(e)};`,
+    `const utilityVariableNamePrefix = ${JSON.stringify(o)};`,
     "",
     "const getUtilityCssVariableName = (key: UtilitiesKeysType): string =>",
     "    utilityVariableNamePrefix",
@@ -1213,39 +1214,39 @@ export { utilities };
     ""
   ].join(`
 `);
-}, Vt = "styles.css", xt = "utilities.ts", Ft = "index.ts", Nt = async ({
-  dir: t,
+}, Vt = "styles.css", Ft = "utilities.ts", xt = "index.ts", Nt = async ({
+  dir: r,
   globalCss: e,
   utilitiesTs: o,
-  indexTs: r
+  indexTs: t
 }) => {
-  await d.delete(t), await Promise.all([
-    d.write(Vt, e, { directory: t }),
-    d.write(xt, o, { directory: t }),
-    d.write(Ft, r, { directory: t })
+  await d.delete(r), await Promise.all([
+    d.write(Vt, e, { directory: r }),
+    d.write(Ft, o, { directory: r }),
+    d.write(xt, t, { directory: r })
   ]);
 }, Ot = async ({
-  tokens: t,
+  tokens: r,
   input: e,
   output: o
 }) => {
-  const { dir: r } = o, n = jt(t, e), s = Mt(t, e), a = Ct(e);
-  await Nt({ dir: r, globalCss: n, utilitiesTs: s, indexTs: a });
-}, Jt = ({ input: t, output: e }) => ({
+  const { dir: t } = o, n = jt(r, e, o), s = Mt(r, e), a = Ct(e, o);
+  await Nt({ dir: t, globalCss: n, utilitiesTs: s, indexTs: a });
+}, Jt = ({ input: r, output: e }) => ({
   name: "utilities/tokenManager",
   executor: async ({ tokenManagerClient: o }) => {
-    var r;
+    var t;
     try {
       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 n = o.getVariables(), s = pt(n, t.variablePath), a = ht(s, o), l = mt(a, t.include);
+      const n = o.getVariables(), s = pt(n, r.variablePath), a = ht(s, o), l = mt(a, r.include);
       if (!l.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}"`);
+        a.length && ((t = r.include) != null && t.length) ? console.warn(
+          `[utilities/tokenManager] No tokens left after include filter (${a.length} at path "${r.variablePath}")`
+        ) : console.warn(`[utilities/tokenManager] No dimension tokens found at path "${r.variablePath}"`);
         return;
       }
-      console.log(`[utilities/tokenManager] Resolved ${l.length} utility token(s)`), console.log(`[utilities/tokenManager] Writing files to ${e.dir}...`), await Ot({ tokens: l, input: t, output: e }), console.log("[utilities/tokenManager] ✅ Successfully generated utility files");
+      console.log(`[utilities/tokenManager] Resolved ${l.length} utility token(s)`), console.log(`[utilities/tokenManager] Writing files to ${e.dir}...`), await Ot({ tokens: l, input: r, output: e }), console.log("[utilities/tokenManager] ✅ Successfully generated utility files");
     } catch (n) {
       const s = n instanceof Error ? n.message : String(n);
       throw console.error("[utilities/tokenManager] ❌ Failed to generate utilities:", s), n instanceof Error && n.stack && console.error("[utilities/tokenManager] Stack trace:", n.stack), n;