@greensight/gts 1.0.0-alpha.9 → 1.0.0-beta.10

package/index.mjs

@@ -1,153 +1,153 @@
-var Z = Object.defineProperty;
-var _ = (s, e, r) => e in s ? Z(s, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : s[e] = r;
-var b = (s, e, r) => _(s, typeof e != "symbol" ? e + "" : e, r);
-import $ from "path";
-import { tsImport as ee } from "ts-import";
-import { existsSync as j } from "node:fs";
-import { readFile as P, mkdir as re, writeFile as te, rm as oe } from "node:fs/promises";
-import { resolve as x } from "node:path";
-import { merge as se, get as q } from "lodash-es";
-const h = class h {
+var ue = Object.defineProperty;
+var de = (r, e, o) => e in r ? ue(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o;
+var w = (r, e, o) => de(r, 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 C } 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 x(h.baseDir, e);
+    return C(p.baseDir, e);
   }
-  static resolveWritePath(e, r) {
-    const t = x(h.baseDir, r ?? "");
+  static resolveWritePath(e, o) {
+    const t = C(p.baseDir, o ?? "");
     return {
       targetDir: t,
-      targetPath: x(t, e)
+      targetPath: C(t, e)
     };
   }
-  static handleReadError(e, r) {
-    throw e.code === "ENOENT" ? new Error(`File not found: ${r}`) : new Error(
-      `Failed to read file "${r}": ${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, r = "utf8") {
-    const t = h.resolveReadPath(e);
+  static async read(e, o = "utf8") {
+    const t = p.resolveReadPath(e);
     try {
-      return await P(t, { encoding: r });
-    } catch (o) {
-      h.handleReadError(o, t);
+      return await V(t, { encoding: o });
+    } catch (n) {
+      p.handleReadError(n, t);
     }
   }
   static async readBuffer(e) {
-    const r = h.resolveReadPath(e);
+    const o = p.resolveReadPath(e);
     try {
-      return await P(r);
+      return await V(o);
     } catch (t) {
-      h.handleReadError(t, r);
+      p.handleReadError(t, o);
     }
   }
   static async readJson(e) {
-    const r = h.resolveReadPath(e);
+    const o = p.resolveReadPath(e);
     try {
-      const t = await P(r, { encoding: "utf8" });
+      const t = await V(o, { encoding: "utf8" });
       try {
         return JSON.parse(t);
-      } catch (o) {
-        throw new Error(`Failed to parse JSON from "${r}": ${o.message}`);
+      } catch (n) {
+        throw new Error(`Failed to parse JSON from "${o}": ${n.message}`);
       }
     } catch (t) {
-      h.handleReadError(t, r);
+      p.handleReadError(t, o);
     }
   }
-  static async write(e, r = "", t = {}) {
-    const { directory: o, overwrite: n = !0 } = t, { targetDir: a, targetPath: i } = h.resolveWritePath(e, o);
-    if (!n && j(i))
+  static async write(e, o = "", t = {}) {
+    const { directory: n, overwrite: s = !0 } = t, { targetDir: a, targetPath: i } = p.resolveWritePath(e, n);
+    if (!s && M(i))
       throw new Error(`File ${i} already exists`);
-    return await re(a, { recursive: !0 }), await te(i, r, { encoding: "utf8" }), i;
+    return await fe(a, { recursive: !0 }), await ge(i, o, { encoding: "utf8" }), i;
   }
-  static async writeWithExtension(e, r, t = "", o) {
-    const n = r.startsWith(".") ? r : `.${r}`, a = `${e}${n}`;
-    return h.write(a, t, o);
+  static async writeWithExtension(e, o, t = "", n) {
+    const s = o.startsWith(".") ? o : `.${o}`, a = `${e}${s}`;
+    return p.write(a, t, n);
   }
   static exists(e) {
-    const r = h.resolveReadPath(e);
-    return j(r);
+    const o = p.resolveReadPath(e);
+    return M(o);
   }
-  static async delete(e, r) {
-    const { targetPath: t } = h.resolveWritePath(e, r);
-    j(t) && await oe(t, { force: !0 });
+  static async delete(e, o) {
+    const { targetPath: t } = p.resolveWritePath(e, o);
+    M(t) && await pe(t, { recursive: !0, force: !0 });
   }
 };
-b(h, "baseDir", process.cwd());
-let m = h;
-const v = class v {
+w(p, "baseDir", process.cwd());
+let y = p;
+const $ = class $ {
   static async create() {
-    if (m.exists(v.configFileName))
+    if (y.exists($.configFileName))
       throw new Error("The file already exists");
-    await m.write(v.configFileName, "", { overwrite: !1 });
+    await y.write($.configFileName, "", { overwrite: !1 });
   }
   async load() {
     try {
-      const e = await ee.compile(
-        `${$.resolve(process.cwd(), v.configFileName)}`
+      const e = await ye.compile(
+        `${k.resolve(process.cwd(), $.configFileName)}`
       );
-      if (!e) throw new Error();
+      if (!e)
+        throw new Error("gts.config.ts must default-export a configuration object");
       return e.default;
     } catch (e) {
       console.error("Cannot find module gts.config.ts", e);
     }
   }
 };
-b(v, "configFileName", "gts.config.ts");
-let E = v;
-const ne = (s) => {
+w($, "configFileName", "gts.config.ts");
+let v = $;
+const he = (r) => {
   const e = new URLSearchParams();
-  return Object.keys(s).forEach((r) => {
-    Array.isArray(s[r]) ? s[r].forEach((t) => e.append(`${r}[]`, t)) : e.append(r, s[r]);
+  return Object.keys(r).forEach((o) => {
+    Array.isArray(r[o]) ? r[o].forEach((t) => e.append(`${o}[]`, t)) : e.append(o, r[o]);
   }), e;
-}, ae = (s, e = 50) => {
-  const r = [];
-  for (let t = 0; t < s.length; t += e)
-    r.push(s.slice(t, t + e));
-  return r;
+}, me = (r, e = 50) => {
+  const o = [];
+  for (let t = 0; t < r.length; t += e)
+    o.push(r.slice(t, t + e));
+  return o;
 };
-class V {
-  constructor(e, r) {
-    b(this, "figmaToken");
-    b(this, "fileId");
-    b(this, "onTimeMeasureHandler");
-    this.figmaToken = e, this.fileId = r;
+class O {
+  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 r = await e.json();
+    const o = await e.json();
     if (!e.ok) {
       let t = "Request failed";
       throw new Error(t);
     }
-    return r;
+    return o;
   }
-  async performControlledRequest(e, { params: r = {}, timeout: t = 3e4, abortController: o = new AbortController() } = {}) {
-    var f;
+  async performControlledRequest(e, { params: o = {}, timeout: t = 3e4, abortController: n = new AbortController() } = {}) {
+    var m;
     if (!this.figmaToken || !this.fileId)
-      throw new Error("Добавьте figmaToken и figmaId");
-    const n = Object.entries(r).reduce((u, [p, w]) => typeof w < "u" ? { ...u, [p]: w } : u, {}), a = `https://api.figma.com/v1${e}${n && Object.keys(n).length ? `?${ne(n)}` : ""}`;
+      throw new Error("figmaToken and fileId are required in gts.config.ts");
+    const s = Object.entries(o).reduce((g, [h, b]) => typeof b < "u" ? { ...g, [h]: b } : g, {}), a = `https://api.figma.com/v1${e}${s && Object.keys(s).length ? `?${he(s)}` : ""}`;
     console.log("endpoinWithParams=", a);
-    const i = setTimeout(() => o.abort(), t), l = {
+    const i = setTimeout(() => n.abort(), t), l = {
       "Content-Type": "application/json",
       ...this.figmaToken && { "X-Figma-Token": this.figmaToken }
     }, c = {
       method: "GET",
       headers: l,
-      signal: o.signal
-    }, g = performance.now(), d = await fetch(`${a}`, c);
+      signal: n.signal
+    }, u = performance.now(), d = await fetch(`${a}`, c);
     clearTimeout(i);
-    const y = performance.now() - g;
-    return (f = this.onTimeMeasureHandler) == null || f.call(this, a, l, y), d;
+    const f = performance.now() - u;
+    return (m = this.onTimeMeasureHandler) == null || m.call(this, a, l, f), d;
   }
-  async request(e, r) {
-    var o;
+  async request(e, o) {
+    var n;
     const t = await this.performControlledRequest(e, {
-      ...r
+      ...o
     });
-    return (o = t.headers.get("content-type")) != null && o.includes("application/json") ? V.returnJSON(t) : t;
+    return (n = t.headers.get("content-type")) != null && n.includes("application/json") ? O.returnJSON(t) : t;
   }
   async getComponents() {
     return this.request(`/files/${this.fileId}/components`);
@@ -156,36 +156,88 @@ class V {
     return this.request(`/files/${this.fileId}/styles`);
   }
   async getNodes(e) {
-    const r = ae(e).map(
-      (n) => this.request(`/files/${this.fileId}/nodes`, { params: { ids: n.join(",") } })
-    ), t = await Promise.all(r);
+    const o = me(e).map(
+      (s) => this.request(`/files/${this.fileId}/nodes`, { params: { ids: s.join(",") } })
+    ), t = await Promise.all(o);
     return {
       ...t[0],
-      nodes: t.reduce((n, a) => ({ ...n, ...a.nodes }), {})
+      nodes: t.reduce((s, a) => ({ ...s, ...a.nodes }), {})
     };
   }
 }
-class ie {
+const q = (r, e) => {
+  const o = Array.isArray(e) ? e : e.split(".");
+  let t = r;
+  for (const n of o) {
+    if (t == null || typeof t != "object") return;
+    t = t[n];
+  }
+  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 x(r, e) {
+  if (r === e)
+    return !0;
+  if (r == null || e == null)
+    return r === e;
+  if (typeof r != typeof e)
+    return !1;
+  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 < r.length; o++)
+      if (!x(r[o], e[o]))
+        return !1;
+    return !0;
+  }
+  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 (!t.includes(n) || !x(r[n], e[n]))
+        return !1;
+    return !0;
+  }
+  return !1;
+}
+const K = {
+  color: {},
+  effect: {},
+  text: {},
+  grid: {}
+};
+class be {
   constructor(e) {
     // files
-    b(this, "tokensDir");
-    b(this, "manifestPath");
-    // figma data
-    b(this, "variables");
-    b(this, "styles");
+    w(this, "tokensDir");
+    w(this, "manifestPath");
+    // result data
+    w(this, "variables");
+    w(this, "styles");
     // flags
-    b(this, "loaded", !1);
-    this.tokensDir = e || "", this.manifestPath = $.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 r = e.trim();
-    return r && r.replace(/[-_\s]+/g, " ").split(" ").filter((t) => t.length).map((t, o) => {
-      const n = t.charAt(0), a = t.slice(1);
-      return o === 0 ? t : n.toUpperCase() + a;
+    const o = e.trim();
+    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 : s.toUpperCase() + a;
     }).join("");
   }
   /**
@@ -193,10 +245,10 @@ class ie {
    */
   parseVariableString(e) {
     if (typeof e != "string") return e;
-    const r = /^\{(.+)\}$/, t = e.match(r);
+    const o = /^\{(.+)\}$/, t = e.match(o);
     if (t) {
-      const o = t[1].trim();
-      return `{${this.normalizeKey(o)}}`;
+      const n = t[1].trim();
+      return `{${this.normalizeKey(n)}}`;
     }
     return e;
   }
@@ -205,59 +257,59 @@ class ie {
    */
   createVariableFileList(e) {
     return Object.entries(e).flatMap(
-      ([r, t]) => Object.entries(t.modes).flatMap(
-        ([o, n]) => n.map((a) => ({
+      ([o, t]) => Object.entries(t.modes).flatMap(
+        ([n, s]) => s.map((a) => ({
           fileName: a,
-          modeName: this.normalizeKey(o.trim()),
-          collectionName: r
+          modeName: this.normalizeKey(n.trim()),
+          collectionName: o
         }))
       )
     );
   }
   parseValue(e) {
-    return e && (typeof e == "string" ? this.parseVariableString(e) : typeof e != "object" ? e : (Array.isArray(e) && e.map((r) => this.parseValue(r)), Object.entries(e).reduce((r, [t, o]) => ({ ...r, [t]: 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, [t, n]) => ({ ...o, [t]: this.parseValue(n) }), {}));
   }
-  getTokensFromFile(e, r) {
-    return Object.entries(e).reduce((t, [o, n]) => "$type" in n && "$value" in n ? {
+  getTokensFromFile(e, o) {
+    return Object.entries(e).reduce((t, [n, s]) => "$type" in s && "$value" in s ? {
       ...t,
-      [this.normalizeKey(o)]: {
-        type: n.$type,
-        description: n.$description,
-        value: r ? { [this.normalizeKey(r)]: this.parseValue(n.$value) } : this.parseValue(n.$value)
+      [this.normalizeKey(n)]: {
+        type: s.$type,
+        description: s.$description,
+        value: o ? { [this.normalizeKey(o)]: this.parseValue(s.$value) } : this.parseValue(s.$value)
       }
-    } : { ...t, [this.normalizeKey(o)]: this.getTokensFromFile(n, r) }, {});
+    } : { ...t, [this.normalizeKey(n)]: this.getTokensFromFile(s, o) }, {});
   }
-  processTokensFile(e, r, t) {
-    const o = this.normalizeKey(t), n = this.getTokensFromFile(e, r);
-    return { [o]: n };
+  processTokensFile(e, o, t) {
+    const n = this.normalizeKey(t), s = this.getTokensFromFile(e, o);
+    return { [n]: s };
   }
   /**
    * Loads all variable files in parallel and returns processed results
    */
   async loadVariableFiles(e) {
     return Promise.all(
-      e.map(async ({ fileName: r, modeName: t, collectionName: o }) => {
+      e.map(async ({ fileName: o, modeName: t, collectionName: n }) => {
         try {
-          const n = $.join(this.tokensDir, r), a = await m.readJson(n);
-          return this.processTokensFile(a, t, o);
-        } catch (n) {
-          return console.warn(`Failed to load variable file: ${$.join(this.tokensDir, r)}`, n), {};
+          const s = k.join(this.tokensDir, o), a = await y.readJson(s);
+          return this.processTokensFile(a, t, n);
+        } catch (s) {
+          return console.warn(`Failed to load variable file: ${k.join(this.tokensDir, o)}`, s), {};
         }
       })
     );
   }
   mergeVariables(e) {
-    return e.reduce((r, t) => se(r, t), {});
+    return e.reduce((o, t) => H(o, t), {});
   }
   /**
    * Loads and processes all token variables from manifest collections
    */
   async loadTokenVariables(e) {
     try {
-      const r = this.createVariableFileList(e), t = await this.loadVariableFiles(r);
+      const o = this.createVariableFileList(e), t = await this.loadVariableFiles(o);
       return this.mergeVariables(t);
-    } catch (r) {
-      throw new Error(`Failed to load token variables from ${this.tokensDir}: ${r}`);
+    } catch (o) {
+      throw new Error(`Failed to load token variables from ${this.tokensDir}: ${o}`);
     }
   }
   /**
@@ -265,9 +317,9 @@ class ie {
    */
   createStyleFileList(e) {
     return Object.entries(e).flatMap(
-      ([r, t]) => (t == null ? void 0 : t.map((o) => ({
-        styleType: r,
-        fileName: o
+      ([o, t]) => (t == null ? void 0 : t.map((n) => ({
+        styleType: o,
+        fileName: n
       }))) || []
     );
   }
@@ -276,30 +328,32 @@ class ie {
    */
   async loadStyleFiles(e) {
     return (await Promise.all(
-      e.map(async ({ styleType: t, fileName: o }) => {
+      e.map(async ({ styleType: t, fileName: n }) => {
         try {
-          const n = $.join(this.tokensDir, o), a = await m.readJson(n);
+          const s = k.join(this.tokensDir, n), a = await y.readJson(s);
           return { styleType: t, styleTokens: a };
-        } catch (n) {
-          return console.warn(`Failed to load style file: ${$.join(this.tokensDir, o)}`, n), { styleType: t, styleTokens: {} };
+        } catch (s) {
+          return console.warn(`Failed to load style file: ${k.join(this.tokensDir, n)}`, s), { styleType: t, styleTokens: {} };
         }
       })
     )).reduce(
-      (t, o) => ({ ...t, [o.styleType]: this.getTokensFromFile(o.styleTokens, "") }),
-      {}
+      (t, n) => ({ ...t, [n.styleType]: this.getTokensFromFile(n.styleTokens, "") }),
+      {
+        ...K
+      }
     );
   }
   /**
    * Loads and processes all style tokens from manifest
    */
   async loadStyles(e) {
-    if (!e) return {};
-    const r = this.createStyleFileList(e);
-    return await this.loadStyleFiles(r);
+    if (!e) return { ...K };
+    const o = this.createStyleFileList(e);
+    return await this.loadStyleFiles(o);
   }
   async load() {
     if (this.loaded) return;
-    const e = await m.readJson(this.manifestPath);
+    const e = await y.readJson(this.manifestPath);
     if (!e)
       throw new Error(`Failed to load manifest file from: ${this.manifestPath}`);
     this.variables = await this.loadTokenVariables(e.collections), this.styles = await this.loadStyles(e.styles), this.loaded = !0;
@@ -336,397 +390,902 @@ class ie {
   getVariablePath(e) {
     return e.slice(1, -1);
   }
+  /**
+   * Resolves a variable reference by validating, parsing and getting the token
+   * @param value - Value to resolve (should be a variable reference like "{variable.path}")
+   * @param mode - Mode name to get value for (optional)
+   * @returns resolved token variable or undefined if not found or invalid
+   */
+  resolveVariableValue(e) {
+    if (typeof e == "object")
+      return Object.keys(e).reduce((o, t) => {
+        const n = e[t], s = this.resolveVariableValueString(n, t);
+        return s && (o[t] = s), o;
+      }, {});
+  }
+  /**
+   * Resolves a variable reference by validating, parsing and getting the token
+   * @param value - Value to resolve (should be a variable reference like "{variable.path}")
+   * @param mode - Mode name to get value for (optional)
+   * @returns resolved token variable or undefined if not found or invalid
+   */
+  resolveVariableValueString(e, o) {
+    if (!this.isVariableReference(e)) return e;
+    const t = this.getVariablePath(e), n = this.getToken(t, o);
+    if (n)
+      return this.resolveVariableValueString(n, 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) {
+  getToken(e, o) {
     if (!this.loaded || !this.variables)
       throw new Error("Tokens not loaded. Call load() first.");
-    const r = q(this.variables, e);
-    if (r && typeof r == "object") return r;
-    for (const [, t] of Object.entries(this.variables)) {
-      const o = q(t, e);
-      if (o != null && o.value) return o;
+    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];
+        {
+          const s = Object.keys(n.value)[0];
+          return n.value[s];
+        }
+      }
     }
   }
 }
-const xe = async () => {
-  const e = await new E().load();
+const It = async () => {
+  const e = await new v().load();
   if (!e)
-    throw new Error("Заполнить ошибку через нейронку");
-  const { figmaToken: r, fileId: t, modules: o, manifest: n } = e, a = new V(r, t), i = new ie(n);
-  n && m.exists(n) && await i.load(), await Promise.all(
-    // [
-    //     colorsFromTokenManager({
-    //         input: {
-    //             // includeVariables: ['colors'],
-    //             // includeStyles: false,
-    //         },
-    //         output: {
-    //             jsonDir: './fromVariables',
-    //             stylesDir: './fromVariables',
-    //         },
-    //     }),
-    // ]
-    o.map((l) => l.executor({ figmaApiClient: a, tokenManagerClient: i }))
-  );
-}, Oe = async () => {
-  await E.create(), console.log("\x1B[32m%s\x1B[0m", "✔️ Configuration file created gts.config.ts");
-}, le = ({ r: s, g: e, b: r }) => {
-  const t = (o) => `0${o.toString(16)}`.slice(-2);
-  return `#${t(s)}${t(e)}${t(r)}`;
-}, S = ({ opacity: s, r: e, g: r, b: t }) => {
-  const o = [e, r, t].map((n) => Math.round(n * 255));
-  return s < 1 ? `rgba(${o[0]}, ${o[1]}, ${o[2]}, ${s})` : le({ r: o[0], g: o[1], b: o[2] });
-}, X = (s, e = 0) => {
-  const r = Math.atan2(
-    s[1].y - s[0].y,
-    s[1].x - s[0].x
-  );
-  return Math.round(r * 180 / Math.PI) + e;
-}, R = (s) => s.reduce((e, r) => {
-  const t = Number((r.position * 100).toFixed(1));
-  return [
+    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: t, modules: n, manifest: s } = e, a = new O(o, t), i = new be(s);
+  s && y.exists(s) && await i.load(), await Promise.all(n.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");
+}, we = ["xxxl", "xxl", "xl", "lg", "md", "sm", "xs", "xxs", "xxxs"], ke = (r) => parseInt(r.value, 10), $e = (r) => r.reduce(
+  (e, o) => ({
     ...e,
-    `${S({
-      opacity: r.color.a,
-      r: r.color.r,
-      g: r.color.g,
-      b: r.color.b
-    })}${t > 0 && t < 100 ? ` ${t}%` : ""}`
-  ];
-}, []).join(", "), Y = (s) => {
-  const e = s[0].x, r = s[0].y, t = (e * 100).toFixed(2), o = (r * 100).toFixed(2);
-  return { centerX: t, centerY: o };
-}, ce = (s) => {
-  const { gradientHandlePositions: e, gradientStops: r } = s, t = X(e, 90), o = R(r);
-  return `linear-gradient(${t}deg, ${o})`;
-}, de = (s) => {
-  const e = s[0].x, r = s[0].y, t = s[1].x, o = s[1].y, n = s[2].x, a = s[2].y, i = (Math.sqrt((n - e) ** 2 + (a - r) ** 2) * 100).toFixed(2), l = (Math.sqrt((t - e) ** 2 + (o - r) ** 2) * 100).toFixed(2);
-  return { radiusX: i, radiusY: l };
-}, ue = (s) => {
-  const { gradientHandlePositions: e, gradientStops: r } = s, { centerX: t, centerY: o } = Y(e), { radiusX: n, radiusY: a } = de(e), i = R(r);
-  return `radial-gradient(${n}% ${a}% at ${t}% ${o}%, ${i})`;
-}, ge = (s) => {
-  const { gradientHandlePositions: e, gradientStops: r } = s, t = X(e, 30), { centerX: o, centerY: n } = Y(e), a = R(r);
-  return `conic-gradient(from ${t}deg at ${o}% ${n}%, ${a})`;
-}, fe = (s) => {
-  const e = s.type;
-  return e === "SOLID" ? S({
-    opacity: s.color.a,
-    r: s.color.r,
-    g: s.color.g,
-    b: s.color.b
-  }) : e === "GRADIENT_LINEAR" ? ce(s) : e === "GRADIENT_RADIAL" ? ue(s) : e === "GRADIENT_ANGULAR" ? ge(s) : "";
-}, B = (s, e) => {
+    [o.name]: ke(o)
+  }),
+  {}
+), Se = async (r, e) => {
+  await y.delete(r, e);
+}, Te = async (r, e, o) => {
+  await y.write(r, e, { directory: o });
+}, F = async (r, e, o) => {
+  await Se(r, o), await Te(r, e, o);
+}, je = (r) => {
+  const e = r.map(({ name: o, value: t }) => `    --${o}: ${t};`);
+  return e.length ? `.breakpoint-variables {
+${e.join(`
+`)}
+}
+` : "";
+}, ve = (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(`,
+`)}
+);
+
+$defaultBreakpoint: '${o}';
+`;
+}, Ne = (r) => [
+  `const breakpoints = ${JSON.stringify(r, null, 4)} as const;`,
+  "",
+  "const BREAKPOINTS_NAMES = Object.keys(breakpoints);",
+  "",
+  "type BreakpointsKeysType = keyof typeof breakpoints;",
+  "type AllowMedia = 'all' | BreakpointsKeysType;",
+  "",
+  "export { breakpoints, BREAKPOINTS_NAMES };",
+  "export type { BreakpointsKeysType, AllowMedia };",
+  ""
+].join(`
+`), Me = async ({ breakpointTokens: r, dir: e }) => {
+  const o = $e(r), t = je(r), n = ve(r), s = Ne(o);
+  await Promise.all([
+    F("styles.css", t, e),
+    F("styles.scss", n, e),
+    F("index.ts", s, e)
+  ]);
+}, Ve = (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(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.`
+    );
+  return o.map((s, a) => ({
+    name: e[e.length - 1 - a] || `bp-${s}`,
+    value: s
+  }));
+}, Gt = ({
+  input: r = {},
+  output: { dir: e }
+}) => ({
+  name: "breakpoints/tokenManager",
+  executor: async ({ tokenManagerClient: o }) => {
+    try {
+      console.log("[breakpoints/tokenManager] Generating breakpoints from TokenManager...");
+      const { names: t = we } = 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 = Ve(n.grid, t);
+      if (!s.length) {
+        console.warn("[breakpoints/tokenManager] No breakpoints found in grid styles.");
+        return;
+      }
+      console.log(
+        `[breakpoints/tokenManager] Found ${s.length} breakpoints: ${s.map((a) => a.name).join(", ")}`
+      ), console.log(`[breakpoints/tokenManager] Writing files to ${e}...`), await Me({
+        breakpointTokens: s,
+        dir: e
+      }), console.log("[breakpoints/tokenManager] ✅ Successfully generated breakpoint files");
+    } 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;
+    }
+  }
+}), Ce = "styles.css", Fe = "index.ts", A = (r, e) => {
   if (!e.length) return "";
-  const r = e.map((t) => `    ${t}`).join(`
+  const o = e.map((t) => `    ${t}`).join(`
 `);
-  return `${s} {
-${r}
+  return `${r} {
+${o}
 }`;
-}, he = (s) => `.${s.replace(/\s+/g, "-").toLowerCase()}`, me = (s) => s.replaceAll(/ /g, "").split("/").at(-1), ye = (s) => `--${s}`, be = (s) => s.reduce(
-  (e, r) => {
-    const t = ye(r.name);
-    return typeof r.value == "object" ? Object.entries(r.value).forEach(([o, n]) => {
-      e[o] || (e[o] = []), e[o].push(`${t}: ${n};`);
-    }) : e.root.push(`${t}: ${r.value};`), e;
+}, xe = (r) => `.${r.replace(/\s+/g, "-").toLowerCase()}`, Z = (r) => `--cl-${r}`, Pe = (r) => r.reduce(
+  (e, o) => {
+    const t = Z(o.name);
+    return typeof o.value == "object" ? Object.entries(o.value).forEach(([n, s]) => {
+      e[n] || (e[n] = []), e[n].push(`${t}: ${s};`);
+    }) : e.root.push(`${t}: ${o.value};`), e;
   },
   { root: [] }
-), pe = (s) => {
-  const e = B(":root", s.root), r = Object.entries(s).reduce((t, [o, n]) => {
-    if (o === "root" || !n.length) return t;
-    const a = B(he(o), n);
+), 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, r].filter(Boolean).join(`
+  return [e, o].filter(Boolean).join(`
 
 `);
-}, we = (s) => {
-  const e = s.reduce((r, t) => ({ ...r, [t.name]: t.value }), {});
-  return JSON.stringify(e);
-}, $e = async (s, e, r, t, o, n) => {
-  await Promise.all([m.delete(o, r), m.delete(n, t)]);
-  const a = m.write(o, s, { directory: r }), i = m.write(n, e, { directory: t });
-  await Promise.all([a, i]);
-}, M = async ({
-  colorTokens: s,
-  jsonDir: e,
-  stylesDir: r,
-  jsonFileName: t,
-  cssFileName: o
+}, Ee = (r) => `${`const colors = {
+${r.map((t) => `    '${t.name}': 'var(${Z(t.name)})'`).join(`,
+`)}
+} as const;`}
+
+type ColorsKeysType = keyof typeof colors;
+
+export { colors, type ColorsKeysType };
+`, Be = async ({
+  tsContent: r,
+  cssContent: e,
+  dir: o
 }) => {
-  const n = be(s), a = pe(n), i = we(s);
-  await $e(i, a, e, r, t, o);
-}, Ve = ({
-  input: s,
-  output: { jsonDir: e, stylesDir: r, jsonFileName: t = "colors.json", cssFileName: o = "colors.css" }
-}) => ({
-  name: "styles/colors",
-  executor: async ({ figmaApiClient: n }) => {
+  await y.delete(o);
+  const t = y.write(Fe, r, { directory: o }), n = y.write(Ce, e, { directory: o });
+  await Promise.all([t, n]);
+}, Ke = async ({ colorTokens: r, dir: e }) => {
+  const o = Pe(r), t = Oe(o), n = Ee(r);
+  await Be({ tsContent: n, cssContent: t, dir: e });
+}, N = (r) => r.reduce((e, o) => {
+  const t = Number((o.position * 100).toFixed(1));
+  return [...e, `${o.color}${t > 0 && t < 100 ? ` ${t}%` : ""}`];
+}, []).join(", "), Ae = (r) => {
+  const e = N(r.stops);
+  return `linear-gradient(${r.angle}deg, ${e})`;
+}, Re = (r) => `radial-gradient(circle, ${N(r.stops)})`, De = (r) => {
+  const e = N(r.stops);
+  return `conic-gradient(from ${r.angle}deg, ${e})`;
+}, Ue = (r) => {
+  const e = N(r.stops);
+  return `linear-gradient(${r.angle}deg, ${e})`;
+}, R = (r) => typeof r == "string" ? r : r.type === "linear" ? Ae(r) : r.type === "radial" ? Re(r) : r.type === "conic" ? De(r) : r.type === "diamond" ? Ue(r) : "", Q = (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 i = Object.keys(n.value), l = i.length > 1 ? n.value : n.value[i[0]], c = typeof l == "object" ? Object.keys(l).reduce(
+        (d, f) => ({
+          ...d,
+          [f]: R(l[f])
+        }),
+        {}
+      ) : R(l), u = { [s]: c };
+      return { ...o, ...u };
+    }
+    const a = Q(n, s);
+    return { ...o, ...a };
+  },
+  {}
+), 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, t) : e.resolveVariableValue(n.value);
+    return a ? { ...o, [t]: { ...n, value: a } } : o;
+  }
+  const s = X(n, e);
+  return s ? { ...o, [t]: s } : o;
+}, {}), Jt = ({ input: r = {}, output: { dir: e } }) => ({
+  name: "colors/tokenManager",
+  executor: async ({ tokenManagerClient: o }) => {
     try {
-      console.log("[styles/colors] Fetching styles from Figma...");
-      const i = (await n.getStyles()).meta.styles, l = (s == null ? void 0 : s.variablePaths) || [], c = i.filter((u) => u.style_type === "FILL");
-      if (console.log(`[styles/colors] Found ${c.length} color styles`), c.length === 0) {
-        console.warn("[styles/colors] No color styles found in Figma file");
-        return;
+      console.log("[colors/tokenManager] Generating colors from TokenManager...");
+      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.");
+      const s = [], a = o.getVariables();
+      if (n) {
+        const l = o.getStyles();
+        console.log("[colors/tokenManager] Processing styles for colors..."), l.color && s.push(l.color);
       }
-      console.log(`[styles/colors] Fetching ${c.length} color nodes from Figma...`);
-      const g = await n.getNodes(c.map((u) => u.node_id)), d = Object.entries(g.nodes);
-      let y = [];
-      if (l.length > 1) {
-        console.log(`[styles/colors] Reading ${l.length} variable files...`);
-        try {
-          y = await Promise.all(
-            l.map(async (u) => {
-              try {
-                return await m.readJson(u);
-              } catch (p) {
-                throw console.error(`[styles/colors] Failed to read variable file: ${u}`, p), p;
-              }
-            })
-          );
-        } catch (u) {
-          throw console.error("[styles/colors] Error reading variable files:", u), new Error(`Failed to read variable files: ${u.message}`);
-        }
+      if (t != null && t.length) {
+        console.log(`[colors/tokenManager] Processing ${t.length} variable groups...`);
+        const l = t.map((c) => a[c]).filter(Boolean);
+        s.push(...l);
       }
-      console.log(`[styles/colors] Processing ${d.length} color nodes...`);
-      const f = d.reduce((u, [, p]) => {
-        var w, N, C;
-        try {
-          const { document: k } = p, A = me(k.name);
-          if (k.type !== "RECTANGLE") return u;
-          const T = (w = k.fills) == null ? void 0 : w[0];
-          if (!T) return u;
-          if (T.type === "SOLID" && y.length > 1) {
-            const L = (C = (N = T.boundVariables) == null ? void 0 : N.color) == null ? void 0 : C.id;
-            if (L) {
-              const D = y.reduce((G, J) => {
-                var z;
-                const W = (z = Object.entries(J).find(
-                  ([, F]) => F.$extensions["com.figma.variableId"] === L
-                )) == null ? void 0 : z[1];
-                if (W) {
-                  const { components: F, alpha: H } = W.$value, Q = S({
-                    opacity: H,
-                    r: F[0],
-                    g: F[1],
-                    b: F[2]
-                  });
-                  return { ...G, [J.$extensions["com.figma.modeName"]]: Q };
-                }
-                return G;
-              }, {});
-              if (Object.keys(D).length > 1)
-                return [
-                  ...u,
-                  {
-                    name: A,
-                    value: D
-                  }
-                ];
-            }
-          }
-          const I = fe(T);
-          return I ? [
-            ...u,
-            {
-              name: A,
-              value: I
-            }
-          ] : u;
-        } catch (k) {
-          return console.warn("[styles/colors] Error processing color node:", k), u;
-        }
-      }, []);
-      if (console.log(`[styles/colors] Generated ${f.length} color tokens`), f.length === 0) {
-        console.warn("[styles/colors] No color tokens generated. Check your Figma styles configuration.");
+      const i = s.map((l) => X(l, o)).flatMap(
+        (l) => Object.entries(Q(l, "")).reduce(
+          (c, [u, d]) => [...c, { name: u, value: d }],
+          []
+        )
+      );
+      if (i.length === 0) {
+        console.warn("[colors/tokenManager] No color tokens generated");
         return;
       }
-      console.log(`[styles/colors] Writing files to ${e} and ${r}...`), await M({
-        colorTokens: f,
-        jsonDir: e,
-        stylesDir: r,
-        jsonFileName: t,
-        cssFileName: o
-      }), console.log("[styles/colors] ✅ Successfully generated color files");
-    } catch (a) {
-      const i = a instanceof Error ? a.message : String(a);
-      throw console.error("[styles/colors] ❌ Failed to generate colors from styles:", i), a instanceof Error && a.stack && console.error("[styles/colors] Stack trace:", a.stack), a;
+      console.log(`[colors/tokenManager] Generated ${i.length} color tokens`), console.log(`[colors/tokenManager] Writing files to ${e}...`), await Ke({
+        colorTokens: i,
+        dir: e
+      }), console.log("[colors/tokenManager] ✅ Successfully generated color files");
+    } 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;
     }
   }
-}), Re = ({
-  input: { variablePaths: s },
-  output: { jsonDir: e, stylesDir: r, jsonFileName: t = "colors.json", cssFileName: o = "colors.css" }
+}), Le = (r) => `    @media (width <= ${r.breakpoint}px) {
+        .container {
+            padding-left: ${r.offset};
+            padding-right: ${r.offset};
+        }
+
+        .containerTablet {
+            padding-left: ${r.offset};
+            padding-right: ${r.offset};
+        }
+    }`, We = (r, e) => {
+  const o = e || "components", t = r.map((n) => Le(n)).join(`
+
+`);
+  return `@layer ${o} {
+${t}
+}`;
+}, Ie = () => `import styles from './styles.module.css';
+
+export const conatinerClassName = styles.container;
+export const conatinerTabletClassName = styles.containerTablet;
+`, D = async (r, e, o) => {
+  await y.delete(r, o), await y.write(r, e, { directory: o });
+}, ze = async ({ containerTokens: r, dir: e, layer: o }) => {
+  const t = We(r, o), n = Ie();
+  await D("styles.module.css", t, e), await D("index.ts", n, e);
+}, Ge = (r) => {
+  const e = r.trim().toLowerCase();
+  return e === "0" || e === "0px";
+}, Je = (r, e) => Object.keys(r).filter((s) => !isNaN(Number(s))).sort((s, a) => Number(a) - Number(s)).reduce((s, a) => {
+  const i = r[a];
+  if (!i || !("value" in i) || !Array.isArray(i.value))
+    return s;
+  const l = i.value.find((u) => u.pattern === "columns");
+  if (!(l != null && l.offset))
+    return s;
+  const c = e.resolveVariableValueString(l.offset);
+  return !c || typeof c != "string" || Ge(c) ? s : [
+    ...s,
+    {
+      breakpoint: Number(a),
+      offset: c
+    }
+  ];
+}, []).reduce((s, a) => {
+  const i = s[s.length - 1];
+  return i && x(i.offset, a.offset) || s.push(a), s;
+}, []), qt = ({
+  input: r = {},
+  output: { dir: e }
 }) => ({
-  name: "variables/colors",
-  executor: async () => {
+  name: "container/tokenManager",
+  executor: async ({ tokenManagerClient: o }) => {
     try {
-      if (!s.length)
-        throw new Error("At least one variable file path is required");
-      console.log(`[variables/colors] Reading ${s.length} variable files...`);
-      const n = await Promise.all(
-        s.map(async (l) => {
-          try {
-            return console.log(`[variables/colors] Reading file: ${l}`), await m.readJson(l);
-          } catch (c) {
-            throw console.error(`[variables/colors] Failed to read variable file: ${l}`, c), new Error(`Failed to read variable file "${l}": ${c.message}`);
-          }
-        })
-      );
-      console.log(`[variables/colors] Processing ${n.length} variable files...`);
-      const a = /* @__PURE__ */ new Map();
-      n.forEach((l, c) => {
-        try {
-          if (!l.$extensions || !l.$extensions["com.figma.modeName"]) {
-            console.warn(
-              `[variables/colors] File ${s[c]} is missing modeName in extensions`
-            );
-            return;
-          }
-          const g = l.$extensions["com.figma.modeName"];
-          Object.entries(l).forEach(([d, y]) => {
-            if (d !== "$extensions")
-              try {
-                const f = y;
-                if (!f || f.$type !== "color") return;
-                if (!f.$value || !f.$value.components) {
-                  console.warn(
-                    `[variables/colors] Variable "${d}" in mode "${g}" has invalid structure`
-                  );
-                  return;
-                }
-                const { components: u, alpha: p } = f.$value, w = S({
-                  opacity: p ?? 1,
-                  r: u[0],
-                  g: u[1],
-                  b: u[2]
-                });
-                a.has(d) || a.set(d, {}), a.get(d)[g] = w;
-              } catch (f) {
-                console.warn(
-                  `[variables/colors] Error processing variable "${d}" in mode "${g}":`,
-                  f
-                );
-              }
-          });
-        } catch (g) {
-          console.error(`[variables/colors] Error processing file ${s[c]}:`, g);
-        }
-      });
-      const i = Array.from(a.entries()).map(([l, c]) => ({
-        name: l,
-        value: Object.keys(c).length > 1 ? c : Object.values(c)[0]
-      }));
-      if (console.log(`[variables/colors] Generated ${i.length} color tokens`), i.length === 0) {
-        console.warn(
-          "[variables/colors] No color tokens generated. Check your variable files structure."
-        );
+      console.log("[container/tokenManager] Generating container styles...");
+      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...");
+      const n = o.getStyles();
+      if (!n.grid)
+        throw new Error("No grid styles found in TokenManager. Grid tokens must be loaded.");
+      const s = Je(n.grid, o);
+      if (!s.length) {
+        console.warn("[container/tokenManager] No container tokens found.");
         return;
       }
-      console.log(`[variables/colors] Writing files to ${e} and ${r}...`), await M({
-        colorTokens: i,
-        jsonDir: e,
-        stylesDir: r,
-        jsonFileName: t,
-        cssFileName: o
-      }), console.log("[variables/colors] ✅ Successfully generated color files");
-    } catch (n) {
-      const a = n instanceof Error ? n.message : String(n);
-      throw console.error("[variables/colors] ❌ Failed to generate colors from variables:", a), n instanceof Error && n.stack && console.error("[variables/colors] Stack trace:", n.stack), n;
+      console.log(
+        `[container/tokenManager] Found ${s.length} container tokens: ${s.map((a) => a.breakpoint).join(", ")}`
+      ), console.log(`[container/tokenManager] Writing files to ${e}...`), await ze({
+        containerTokens: s,
+        dir: e,
+        layer: t
+      }), console.log("[container/tokenManager] ✅ Successfully generated container files");
+    } 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;
     }
   }
-}), K = (s, e) => Object.keys(s).reduce(
-  (r, t) => {
-    const o = s[t], n = e ? `${e}-${t}` : t;
-    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 = { [n]: l };
-      return { ...r, ...c };
+}), qe = "styles.css", He = "index.ts", U = (r, e) => {
+  if (!e.length) return "";
+  const o = e.map((t) => `    ${t}`).join(`
+`);
+  return `${r} {
+${o}
+}`;
+}, Ze = (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}`, Xe = (r) => r.reduce(
+  (e, o) => {
+    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 i = n[s] ?? [];
+      return { ...n, [s]: [...i, `${t}: ${a};`] };
+    }, e);
+  },
+  { root: [] }
+), Ye = (r) => {
+  const e = U(".shadow-variables", r.root), o = Object.entries(r).reduce((t, [n, s]) => {
+    if (n === "root" || !s.length) return t;
+    const a = U(Ze(`${n}-shadow-variables`), s);
+    return a && t.push(a), t;
+  }, []).join(`
+
+`);
+  return [e, o].filter(Boolean).join(`
+
+`);
+}, _e = (r) => `${`const shadows = {
+${r.map((t) => `    '${t.name}': 'var(${Y(t.name)})'`).join(`,
+`)}
+} as const;`}
+
+type ShadowsKeysType = keyof typeof shadows;
+
+export { shadows, type ShadowsKeysType };
+`, et = async ({
+  tsContent: r,
+  cssContent: e,
+  dir: o
+}) => {
+  await y.delete(o);
+  const t = y.write(He, r, { directory: o }), n = y.write(qe, e, { directory: o });
+  await Promise.all([t, n]);
+}, tt = async ({ shadowTokens: r, dir: e }) => {
+  const o = Xe(r), t = Ye(o), n = _e(r);
+  await et({ 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 i = {
+        [s]: n.value.map(Qe).join(", ")
+      };
+      return { ...o, ...i };
     }
-    const a = K(o, n);
-    return { ...r, ...a };
+    const a = _(n, s);
+    return { ...o, ...a };
   },
   {}
-), ve = (s) => `cl-${s}`, O = (s, e, r) => {
-  const { type: t, value: o } = s;
-  if (t !== "color") return;
-  if (typeof o == "string") {
-    if (!e.isVariableReference(o)) return { ...s, value: o };
-    const i = e.getToken(e.getVariablePath(o)), l = i ? O(i, e, r) : void 0;
-    return l != null && l.value ? { ...s, ...i } : void 0;
-  }
-  const a = Object.keys(o).reduce((i, l) => {
-    if (r && l !== r) return i;
-    const c = o[l];
-    if (typeof c != "string") return i;
-    if (!e.isVariableReference(c)) return { ...i, [l]: c };
-    const g = e.getToken(e.getVariablePath(c)), d = g ? O(g, e, l) : void 0;
-    return d != null && d.value ? { ...i, ...d.value } : i;
-  }, {});
-  if (Object.keys(a).length)
-    return { ...s, value: a };
-}, U = (s, e) => Object.keys(s).reduce((r, t) => {
-  const o = s[t];
-  if (o.type && o.value) {
-    const a = O(o, e);
-    return a ? { ...r, [t]: a } : r;
-  }
-  const n = U(o, e);
-  return n ? { ...r, [t]: n } : r;
-}, {}), Me = ({
-  input: s = {},
-  output: { jsonDir: e, stylesDir: r, jsonFileName: t = "colors.json", cssFileName: o = "colors.css" }
-}) => ({
-  name: "colors/tokenManager",
-  executor: async ({ tokenManagerClient: n }) => {
+), Ht = ({ input: r = {}, output: { dir: e } }) => ({
+  name: "shadows/tokenManager",
+  executor: async ({ tokenManagerClient: o }) => {
     try {
-      console.log("[colors/tokenManager] Generating colors from TokenManager...");
-      const { includeVariables: a, includeStyles: i = !0 } = s;
-      if (!(a != null && a.length) && !i)
-        throw new Error("Either includeVariables or includeStyles must be enabled");
-      if (!n.isLoaded())
+      console.log("[shadows/tokenManager] Generating shadows from TokenManager...");
+      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 l = [], c = n.getVariables();
-      if (i) {
-        const d = n.getStyles();
-        console.log("[colors/tokenManager] Processing styles for colors..."), d.color && l.push(d.color);
-      }
-      if (a != null && a.length) {
-        console.log(`[colors/tokenManager] Processing ${a.length} variable groups...`);
-        const d = a.map((y) => c[y]).filter(Boolean);
-        l.push(...d);
+      const n = [];
+      if (t) {
+        const a = o.getStyles();
+        console.log("[shadows/tokenManager] Processing styles for shadows..."), a.effect && n.push(a.effect);
       }
-      const g = l.map((d) => U(d, n)).flatMap(
-        (d) => Object.entries(K(d, "")).reduce(
-          (y, [f, u]) => [...y, { name: ve(f), value: u }],
+      const s = n.flatMap(
+        (a) => Object.entries(_(a, "")).reduce(
+          (i, [l, c]) => [...i, { name: l, value: c }],
           []
         )
       );
-      if (g.length === 0) {
-        console.warn("[colors/tokenManager] No color tokens generated");
+      if (s.length === 0) {
+        console.warn("[shadows/tokenManager] No shadow tokens generated");
         return;
       }
-      console.log(`[colors/tokenManager] Generated ${g.length} color tokens`), console.log(`[colors/tokenManager] Writing files to ${e} and ${r}...`), await M({
-        colorTokens: g,
-        jsonDir: e,
-        stylesDir: r,
-        jsonFileName: t,
-        cssFileName: o
-      }), console.log("[colors/tokenManager] ✅ Successfully generated color files");
-    } catch (a) {
-      const i = a instanceof Error ? a.message : String(a);
-      throw console.error("[colors/tokenManager] ❌ Failed to generate colors:", i), a instanceof Error && a.stack && console.error("[colors/tokenManager] Stack trace:", a.stack), a;
+      console.log(`[shadows/tokenManager] Generated ${s.length} shadow tokens`), console.log(`[shadows/tokenManager] Writing files to ${e}...`), await tt({
+        shadowTokens: s,
+        dir: e
+      }), console.log("[shadows/tokenManager] ✅ Successfully generated shadow files");
+    } 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;
+    }
+  }
+}), rt = "styles.module.css", ot = "index.ts", nt = "typography.ts", L = "sans-serif", W = (r, e) => {
+  if (!e.length) return "";
+  const o = e.map((t) => `    ${t}`).join(`
+`);
+  return `${r} {
+${o}
+}`;
+}, ee = (r, e) => {
+  if (typeof r != "string") return r;
+  const o = e[r] ?? r;
+  return o.trim().toLowerCase().endsWith(L) ? o : `${o}, ${L}`;
+}, I = (r, e) => typeof r.fontFamily != "string" ? r : {
+  ...r,
+  fontFamily: ee(r.fontFamily, e)
+}, T = (r, e) => {
+  const o = {};
+  return Object.entries(r).forEach(([t, n]) => {
+    const s = t === "fontFamily" ? ee(n, e) : n, a = t.replace(/([A-Z])/g, "-$1");
+    o[a] = s;
+  }), o;
+}, st = (r, e, o) => {
+  const t = Object.keys(r.breakpoints), n = T(r.base, o);
+  return t.reduce(
+    (s, a, i) => {
+      const l = T(r.breakpoints[a], o);
+      return i ? [...s, { breakpoint: Number(e[a]), css: l }] : [
+        {
+          breakpoint: null,
+          css: {
+            ...n,
+            ...l
+          }
+        }
+      ];
+    },
+    [
+      {
+        breakpoint: null,
+        css: n
+      }
+    ]
+  );
+}, te = () => ({
+  base: {},
+  breakpoints: {}
+}), P = (r, e, o, t) => {
+  Object.keys(t).length && (r.breakpoints[e] || (r.breakpoints[e] = {}), r.breakpoints[e][o] = {
+    ...r.breakpoints[e][o],
+    ...t
+  });
+}, j = (r, e, o, t) => {
+  st(e.value, o, t).forEach(({ breakpoint: s, css: a }) => {
+    if (s === null) {
+      r.base[e.name] = a;
+      return;
+    }
+    P(r, s, e.name, a);
+  });
+}, re = (r) => {
+  const e = z(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) { ${z(s)} }`;
+  }, "");
+  return e + o;
+}, at = (r, e, o) => {
+  const t = r.reduce((n, s) => (j(n, s, e, o), n), te());
+  return re(t);
+}, z = (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 = (r) => {
+  if (typeof r == "number") return Number.isFinite(r) ? r : null;
+  const e = Number.parseFloat(r);
+  return Number.isFinite(e) ? e : null;
+}, 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;
+}, it = (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)`;
+}, lt = (r, e, o, t) => {
+  const n = ["font-size", "line-height"], s = Object.entries(e.value.breakpoints).map(([g, h]) => {
+    const b = Number.parseInt(o[g], 10);
+    return { breakpointName: g, width: b, typography: h };
+  }).filter((g) => Number.isFinite(g.width)).sort((g, h) => h.width - g.width);
+  if (s.length < 2) {
+    j(r, e, o, t);
+    return;
+  }
+  const a = s[0], i = s[s.length - 1];
+  if (a.width <= i.width) {
+    j(r, e, o, t);
+    return;
+  }
+  const l = T(e.value.base, t), c = T(a.typography, t), u = T(i.typography, t), d = a.width / 16, f = i.width / 16;
+  if (d === f) {
+    j(r, e, o, t);
+    return;
+  }
+  r.base[e.name] = {
+    ...l,
+    ...c
+  };
+  const m = n.reduce((g, h) => {
+    const b = c[h], S = u[h];
+    if (b === void 0 || S === void 0 || b === S)
+      return g;
+    const E = J(b), B = J(S);
+    return E === null || B === null ? g : {
+      ...g,
+      [h]: it({ minValueRem: B, maxValueRem: E, minVwRem: f, maxVwRem: d })
+    };
+  }, {});
+  P(r, a.width, e.name, m), P(r, i.width, e.name, u);
+}, ct = (r, e, o, t) => {
+  if (!t) return at(r, e, o);
+  const n = r.reduce((s, a) => (lt(s, a, e, o), s), te());
+  return re(n);
+}, ut = (r) => r.length ? `import styles from './styles.module.css';
+import { typography } from './typography';
+
+type TypographyKeysType = keyof typeof typography;
+
+const getTypographyClass = (typographyKey: TypographyKeysType) => styles[\`typo-\${typographyKey}\`];
+
+export { typography, getTypographyClass, type TypographyKeysType };
+` : "", dt = (r, e) => r.length ? `const typography = {
+${r.map((t) => {
+  const n = I(t.value.base, e), s = Object.entries(t.value.breakpoints).reduce(
+    (a, [i, l]) => ({
+      ...a,
+      [i]: I(l, e)
+    }),
+    {}
+  );
+  return `    '${t.name}': {
+        base: ${JSON.stringify(n, null, 8).replace(/\n/g, `
+        `)},
+        breakpoints: ${JSON.stringify(s, null, 8).replace(/\n/g, `
+        `)}
+    }`;
+}).join(`,
+`)}
+} as const;
+
+export { typography };
+` : "", yt = async ({
+  indexTSContent: r,
+  typographyTSContent: e,
+  cssContent: o,
+  dir: t
+}) => {
+  await y.delete(t);
+  const n = y.write(ot, r, { directory: t }), s = y.write(nt, e, { directory: t }), a = y.write(rt, o, { directory: t });
+  await Promise.all([n, s, a]);
+}, ft = async ({
+  typographyTokens: r,
+  dir: e,
+  breakpoints: o,
+  fontFamily: t,
+  fluid: n
+}) => {
+  const s = ct(r, o, t, n), a = dt(r, t), i = ut(r);
+  await yt({ indexTSContent: i, typographyTSContent: a, cssContent: s, dir: e });
+}, 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 { ...t, [n]: oe(s, e, o) };
+  if (s.type !== "typography") return t;
+  const a = s.value, i = Object.entries(a).reduce(
+    (l, [c, u]) => {
+      const d = Object.keys(o.breakpoints);
+      if (d.length)
+        d.forEach((f) => {
+          const m = e.resolveVariableValueString(u, f);
+          m && (m === u ? l.base = { ...l.base, [c]: m } : l.breakpoints[f] = { ...l.breakpoints[f], [c]: m });
+        });
+      else {
+        const f = e.resolveVariableValueString(u);
+        f && (l.base = { ...l.base, [c]: f });
+      }
+      return l;
+    },
+    { base: {}, breakpoints: {} }
+  );
+  return { ...t, [n]: { type: "typography", value: i } };
+}, {}), 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 };
+}, {}), Zt = ({ input: r, output: { dir: e } }) => ({
+  name: "typography/tokenManager",
+  executor: async ({ tokenManagerClient: o }) => {
+    try {
+      console.log("[typography/tokenManager] Generating typography from TokenManager...");
+      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 = [], i = o.getStyles();
+      console.log("[typography/tokenManager] Processing styles for typography..."), i.text && a.push(i.text);
+      const l = a.reduce(
+        (u, d) => ({
+          ...u,
+          ...oe(d, o, { breakpoints: r.breakpoints })
+        }),
+        {}
+      ), c = Object.entries(ne(l)).map(
+        ([u, d]) => ({ name: u, value: d })
+      );
+      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({
+        typographyTokens: c,
+        dir: e,
+        breakpoints: t,
+        fontFamily: n || {},
+        fluid: s
+      }), console.log("[typography/tokenManager] ✅ Successfully generated typography files");
+    } 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;
+    }
+  }
+}), gt = (r) => typeof r == "object" && r !== null && "type" in r && "value" in r, pt = (r) => typeof r == "object" && r !== null && !Array.isArray(r), se = (r) => r.trim().split(".").map((e) => e.trim()).filter(Boolean), ht = (r, e) => {
+  const o = se(e);
+  if (!o.length)
+    throw new Error("variablePath must contain at least one segment");
+  const t = q(r, o);
+  if (t === void 0)
+    throw new Error(`Variables subtree not found at path: ${o.join(".")}`);
+  return t;
+}, ae = (r, e, o) => {
+  if (!r) return [];
+  if (gt(r)) {
+    if (r.type !== "dimension") return [];
+    const t = r.value, n = Object.keys(t).reduce((s, a) => {
+      const i = t[a], l = o.resolveVariableValueString(i, a);
+      return { ...s, [a]: l ?? i };
+    }, {});
+    return [{ flatName: e, resolvedByMode: n }];
+  }
+  return pt(r) ? Object.keys(r).flatMap((t) => {
+    const n = r[t], s = e ? `${e}-${t}` : t;
+    return ae(n, s, o);
+  }) : [];
+}, mt = (r, e) => ae(r, "", e), bt = (r, e) => typeof e == "string" ? r === e : e.test(r), wt = (r, e) => e != null && e.length ? r.filter(
+  (o) => e.some((t) => bt(o.flatName, t))
+) : r, kt = (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), ie = (r) => {
+  const e = se(r);
+  if (!e.length)
+    throw new Error("variablePath must contain at least one segment");
+  const o = e[e.length - 1];
+  return {
+    variablesClassName: `${o}-variables`,
+    variableNamePrefix: o
+  };
+}, $t = (r, e) => {
+  const t = ie(r.variablePath).variableNamePrefix, n = e.variablesClassName ?? `${t}-variables`;
+  return {
+    variableNamePrefix: t,
+    variablesClassName: n
+  };
+}, le = (r, e) => `${ie(r).variableNamePrefix}-${e}`, Qt = (r, e) => `--${le(r, e)}`, St = (r) => `--${r}`, ce = (r, e, o) => {
+  const t = le(r.variablePath, o);
+  if (!e.parseCssVariableName)
+    return t;
+  const n = e.parseCssVariableName({
+    variablePath: r.variablePath,
+    flatName: o,
+    defaultName: t
+  });
+  return n.trim() ? n : t;
+}, Tt = (r, e) => Object.keys(e).reduce(
+  (o, t) => {
+    const n = Number(t);
+    return { ...o, [n]: { ...o[n], ...e[n] } };
+  },
+  { ...r }
+), jt = (r, e, o) => {
+  const { breakpoints: t } = e, n = ce(e, o, r.flatName), s = St(n), a = kt(t);
+  if (Object.keys(t).length === 0 || a.length === 0) {
+    const u = Object.values(r.resolvedByMode)[0] ?? "";
+    return { base: { [s]: u }, byBreakpoint: {} };
+  }
+  const i = a.filter((u) => u.mode in r.resolvedByMode);
+  if (i.length === 0) {
+    const u = Object.values(r.resolvedByMode)[0] ?? "";
+    return { base: { [s]: u }, byBreakpoint: {} };
+  }
+  if (i.length === 1) {
+    const u = i[0], d = r.resolvedByMode[u.mode] ?? "";
+    return { base: { [s]: d }, byBreakpoint: {} };
+  }
+  const l = r.resolvedByMode[i[0].mode] ?? "", c = i.slice(1).reduce((u, d, f) => {
+    const m = i[f].mode, g = r.resolvedByMode[m], h = r.resolvedByMode[d.mode];
+    if (h === void 0 || h === g) return u;
+    const b = d.widthPx, S = u[b] ?? {};
+    return { ...u, [b]: { ...S, [s]: h } };
+  }, {});
+  return { base: { [s]: l }, byBreakpoint: c };
+}, vt = (r, e, o) => r.reduce(
+  (t, n) => {
+    const { base: s, byBreakpoint: a } = jt(n, e, o);
+    return {
+      base: { ...t.base, ...s },
+      breakpoints: Tt(t.breakpoints, a)
+    };
+  },
+  { base: {}, breakpoints: {} }
+), Nt = (r, e, o) => {
+  if (!r.length) return "";
+  const { variablesClassName: t } = $t(e, o), n = vt(r, e, o), s = Object.keys(n.base).map((l) => `    ${l}: ${n.base[l]};`), a = W(`.${t}`, s), i = Object.keys(n.breakpoints).map(Number).sort((l, c) => c - l).map((l) => {
+    const c = n.breakpoints[l], u = Object.keys(c).map((f) => `    ${f}: ${c[f]};`), d = W(`.${t}`, u);
+    return `@media (max-width: ${l}px) {
+${d}
+}`;
+  }).filter(Boolean).join(`
+
+`);
+  return i ? `${a}
+
+${i}` : a;
+}, Mt = (r) => {
+  const e = r.split("-").map((o) => o.trim()).filter(Boolean);
+  return e[e.length - 1] ?? r;
+}, Vt = (r, e, o) => {
+  const t = Mt(o);
+  if (!e.parseUtilityKey)
+    return t;
+  const n = e.parseUtilityKey({
+    variablePath: r.variablePath,
+    flatName: o,
+    defaultKey: t
+  });
+  return n.trim() ? n : t;
+}, Ct = /^[A-Za-z_$][A-Za-z0-9_$]*$/, Ft = (r) => {
+  var t;
+  const o = ((t = r.utilityKeysTypeName) == null ? void 0 : t.trim()) || "UtilitiesKeysType";
+  if (!Ct.test(o))
+    throw new Error(
+      `Invalid utilityKeysTypeName: "${o}". Expected a valid TypeScript identifier.`
+    );
+  return o;
+}, xt = (r, e, o) => r.reduce((t, n) => {
+  const s = Vt(e, o, n.flatName), a = t[s];
+  if (a && a !== n.flatName)
+    throw new Error(
+      `Utility key collision: "${s}" is generated for both "${a}" and "${n.flatName}"`
+    );
+  return {
+    ...t,
+    [s]: n.flatName
+  };
+}, {}), Pt = (r, e, o) => {
+  var c;
+  const t = xt(r, e, o), n = Object.keys(t).reduce((u, d) => {
+    const f = t[d];
+    return {
+      ...u,
+      [d]: ce(e, o, f)
+    };
+  }, {}), s = JSON.stringify(n, null, 4), i = ((c = o.getUtilityCssVarFunctionName) == null ? void 0 : c.trim()) || "getUtilityCssVar", l = Ft(o);
+  return [
+    `const utilityVariableNameByKey = ${s} as const;`,
+    "",
+    `type ${l} = keyof typeof utilityVariableNameByKey;`,
+    "",
+    `const getUtilityCssVariableName = (key: ${l}): string =>`,
+    "    `--${utilityVariableNameByKey[key]}`;",
+    "",
+    `const ${i} = (key: ${l}): string =>`,
+    "    `var(${getUtilityCssVariableName(key)})`;",
+    "",
+    "export {",
+    "    getUtilityCssVariableName,",
+    `    ${i},`,
+    `    type ${l},`,
+    "};",
+    ""
+  ].join(`
+`);
+}, Ot = "styles.css", Et = "index.ts", Bt = async ({
+  dir: r,
+  globalCss: e,
+  indexTs: o
+}) => {
+  await y.delete(r), await Promise.all([
+    y.write(Ot, e, { directory: r }),
+    y.write(Et, o, { directory: r })
+  ]);
+}, Kt = async ({
+  tokens: r,
+  input: e,
+  output: o
+}) => {
+  const { dir: t } = o, n = Nt(r, e, o), s = Pt(r, e, o);
+  await Bt({ dir: t, globalCss: n, indexTs: s });
+}, Xt = ({ input: r, output: e }) => ({
+  name: "utilities/tokenManager",
+  executor: async ({ tokenManagerClient: o }) => {
+    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 = ht(n, r.variablePath), a = mt(s, o), i = wt(a, r.include);
+      if (!i.length) {
+        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 ${i.length} utility token(s)`), console.log(`[utilities/tokenManager] Writing files to ${e.dir}...`), await Kt({ tokens: i, 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;
     }
   }
 });
 export {
-  ie as TokenManager,
-  Ve as colorsFromStyles,
-  Me as colorsFromTokenManager,
-  Re as colorsFromVariables,
-  xe as generate,
-  Oe as init
+  we as BREAKPOINTS_NAMES,
+  be as TokenManager,
+  Gt as breakpointsFromTokenManager,
+  Nt as buildUtilitiesGlobalStylesCSS,
+  Pt as buildUtilitiesIndexTSContent,
+  Jt as colorsFromTokenManager,
+  qt as containerFromTokenManager,
+  ie as deriveUtilityNamingFromVariablePath,
+  wt as filterResolvedUtilitiesByInclude,
+  It as generate,
+  Kt as generateUtilitiesFiles,
+  kt as getSortedBreakpointModes,
+  Qt as getUtilityCssVariableName,
+  le as getUtilityCssVariableNameWithoutDashes,
+  ht as getVariablesSubtree,
+  zt as init,
+  mt as resolveUtilitiesSubtree,
+  ce as resolveUtilityCssVariableNameWithoutDashes,
+  $t as resolveUtilityNaming,
+  Ht as shadowsFromTokenManager,
+  jt as splitUtilityTokenForMedia,
+  Zt as typographyFromTokenManager,
+  Xt as utilitiesFromTokenManager,
+  bt as utilityFlatNameMatchesIncludePattern,
+  Bt as writeUtilitiesFiles
 };