@salty-css/core 0.0.1-alpha.23 → 0.0.1-alpha.230

package/helpers/viewport-clamp.d.ts

@@ -0,0 +1,8 @@
+interface ViewportClampConfig {
+    screenSize: number;
+    axis?: 'vertical' | 'horizontal';
+    minMultiplier?: number;
+    maxMultiplier?: number;
+}
+export declare const defineViewportClamp: (config: ViewportClampConfig) => (value: number) => string;
+export {};

package/index-CuYozIxT.js

@@ -0,0 +1,507 @@
+import * as gt from "esbuild";
+import { execSync as Dt } from "child_process";
+import { d as H, t as R } from "./dash-case-DBThphLm.js";
+import { join as c, parse as X } from "path";
+import { existsSync as it, writeFileSync as C, mkdirSync as W, readFileSync as _, statSync as kt, readdirSync as Tt } from "fs";
+import { readFile as ht } from "fs/promises";
+import { p as at, a as _t } from "./parse-styles-Bo7fQ_SV.js";
+import { createLogger as vt, format as nt, transports as Et } from "winston";
+import { mergeObjects as G, mergeFactories as Vt } from "./css/merge.js";
+import { d as Ot } from "./define-templates-4A2yHcMF.js";
+import ot from "typescript";
+const $t = async (t, e = []) => {
+  if (!t) return "";
+  const s = [], n = {};
+  for (const [o, a] of Object.entries(t))
+    if (typeof a != "function") if (a && typeof a == "object") {
+      const i = o.trim(), p = await $t(a, [...e, i]);
+      s.push(p);
+    } else
+      n[o] = a;
+  if (Object.keys(n).length) {
+    const o = e.map(H).join("-"), a = "t_" + R(o, 4), i = await at(n, `.${o}, .${a}`);
+    s.push(i);
+  }
+  return s.join(`
+`);
+}, Mt = (t) => t ? Object.entries(t).reduce((e, [s, n]) => (typeof n == "function" ? e[s] = "any" : typeof n == "object" && (e[s] = bt(n).map((o) => `"${o}"`).join(" | ")), e), {}) : {}, bt = (t, e = "", s = /* @__PURE__ */ new Set()) => t ? (Object.entries(t).forEach(([n, o]) => {
+  const a = e ? `${e}.${n}` : n;
+  return typeof o == "object" ? bt(o, a, s) : s.add(e);
+}), [...s]) : [], wt = (t) => {
+  if (!t || t === "/") throw new Error("Could not find package.json file");
+  const e = c(t, "package.json");
+  return it(e) ? e : wt(c(t, ".."));
+}, Rt = async (t) => {
+  const e = wt(t);
+  return await ht(e, "utf-8").then(JSON.parse).catch(() => {
+  });
+}, Jt = async (t) => {
+  const e = await Rt(t);
+  if (e)
+    return e.type;
+};
+let z;
+const St = async (t) => {
+  if (z) return z;
+  const e = await Jt(t);
+  return e === "module" ? z = "esm" : (e === "commonjs" || import.meta.url.endsWith(".cjs")) && (z = "cjs"), z || "esm";
+}, U = vt({
+  level: "debug",
+  format: nt.combine(nt.colorize(), nt.cli()),
+  transports: [new Et.Console({})]
+}), ne = (t) => {
+  U.error(t);
+};
+function Ct(t) {
+  return t ? typeof t != "string" ? Ct(String(t)) : t.replace(/[\s-]/g, ".").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (e, s) => (s > 0 ? "." : "") + e.toLowerCase()) : "";
+}
+const zt = {
+  /** Set box model to border-box */
+  "*, *::before, *::after": {
+    boxSizing: "border-box"
+  },
+  /** Remove default margin and padding */
+  "*": {
+    margin: 0
+  },
+  /** Remove adjust font properties */
+  html: {
+    lineHeight: 1.15,
+    textSizeAdjust: "100%",
+    WebkitFontSmoothing: "antialiased"
+  },
+  /** Make media elements responsive */
+  "img, picture, video, canvas, svg": {
+    display: "block",
+    maxWidth: "100%"
+  },
+  /** Avoid overflow of text */
+  "p, h1, h2, h3, h4, h5, h6": {
+    overflowWrap: "break-word"
+  },
+  /** Improve text wrapping */
+  p: {
+    textWrap: "pretty"
+  },
+  "h1, h2, h3, h4, h5, h6": {
+    textWrap: "balance"
+  },
+  /** Improve link color */
+  a: {
+    color: "currentColor"
+  },
+  /** Improve button line height */
+  button: {
+    lineHeight: "1em",
+    color: "currentColor"
+  },
+  /** Improve form elements */
+  "input, optgroup, select, textarea": {
+    fontFamily: "inherit",
+    fontSize: "100%",
+    lineHeight: "1.15em"
+  }
+}, Wt = (t, e) => new Promise((s, n) => {
+  const o = setTimeout(() => {
+    n(new Error("Timeout"));
+  }, 100), a = ot.createSourceFile("temp.ts", t, ot.ScriptTarget.Latest, !0);
+  function i(p) {
+    if (ot.isVariableDeclaration(p) && p.name.getText() === e) {
+      const y = p.getStart(), m = p.getEnd();
+      clearTimeout(o), s([y, m]);
+    }
+    p.forEachChild(i);
+  }
+  i(a);
+}), E = {
+  externalModules: [],
+  rcFile: void 0,
+  destDir: void 0
+}, jt = (t) => {
+  if (E.externalModules.length > 0) return E.externalModules;
+  const s = _(t, "utf8").match(/externalModules:\s?\[(.*)\]/);
+  if (!s) return [];
+  const n = s[1].split(",").map((o) => o.replace(/['"`]/g, "").trim());
+  return E.externalModules = n, n;
+}, J = async (t) => {
+  if (E.destDir) return E.destDir;
+  const e = await rt(t), s = c(t, (e == null ? void 0 : e.saltygenDir) || "saltygen");
+  return E.destDir = s, s;
+}, Ft = ["salty", "css", "styles", "styled"], Gt = (t = []) => new RegExp(`\\.(${[...Ft, ...t].join("|")})\\.`), ct = (t, e = []) => Gt(e).test(t), Nt = async (t) => {
+  if (E.rcFile) return E.rcFile;
+  if (t === "/") throw new Error("Could not find .saltyrc.json file");
+  const e = c(t, ".saltyrc.json"), s = await ht(e, "utf-8").then(JSON.parse).catch(() => {
+  });
+  return s ? (E.rcFile = s, s) : Nt(c(t, ".."));
+}, rt = async (t) => {
+  var n, o;
+  const e = await Nt(t), s = (n = e.projects) == null ? void 0 : n.find((a) => t.endsWith(a.dir || ""));
+  return s || ((o = e.projects) == null ? void 0 : o.find((a) => a.dir === e.defaultProject));
+}, Ht = async (t) => {
+  const e = await rt(t), s = await J(t), n = c(t, (e == null ? void 0 : e.configDir) || "", "salty.config.ts"), o = c(s, "salty.config.js"), a = await St(t), i = jt(n);
+  await gt.build({
+    entryPoints: [n],
+    minify: !0,
+    treeShaking: !0,
+    bundle: !0,
+    outfile: o,
+    format: a,
+    external: i
+  });
+  const p = Date.now(), { config: y } = await import(`${o}?t=${p}`);
+  return { config: y, path: o };
+}, It = async (t, e) => {
+  var pt, mt;
+  const s = await J(t), n = {
+    mediaQueries: [],
+    globalStyles: [],
+    variables: [],
+    templates: []
+  };
+  await Promise.all(
+    [...e].map(async ($) => {
+      const { contents: w, outputFilePath: v } = await Y(t, $, s);
+      Object.entries(w).forEach(([x, k]) => {
+        k.isMedia ? n.mediaQueries.push([x, k]) : k.isGlobalDefine ? n.globalStyles.push(k) : k.isDefineVariables ? n.variables.push(k) : k.isDefineTemplates && n.templates.push(k._setPath(`${x};;${v}`));
+      });
+    })
+  );
+  const { config: o, path: a } = await Ht(t), i = { ...o }, p = /* @__PURE__ */ new Set(), y = ($, w = []) => $ ? Object.entries($).flatMap(([v, x]) => {
+    if (!x) return;
+    if (typeof x == "object") return y(x, [...w, v]);
+    const k = Ct(v), et = H(v), st = [...w, k].join(".");
+    p.add(`"${st}"`);
+    const q = [...w.map(H), et].join("-"), dt = _t(x);
+    return dt ? `--${q}: ${dt.transformed};` : `--${q}: ${x};`;
+  }) : [], m = ($) => $ ? Object.entries($).flatMap(([w, v]) => {
+    const x = y(v);
+    return w === "base" ? x.join("") : `${w} { ${x.join("")} }`;
+  }) : [], r = ($) => $ ? Object.entries($).flatMap(([w, v]) => Object.entries(v).flatMap(([x, k]) => {
+    const et = y(k, [w]), st = `.${w}-${x}, [data-${w}="${x}"]`, q = et.join("");
+    return `${st} { ${q} }`;
+  })) : [], g = ($) => ({ ...$, responsive: void 0, conditional: void 0 }), u = ($) => n.variables.map((w) => $ === "static" ? g(w._current) : w._current[$]), h = G(g(o.variables), u("static")), d = y(h), j = G((pt = o.variables) == null ? void 0 : pt.responsive, u("responsive")), P = m(j), D = G((mt = o.variables) == null ? void 0 : mt.conditional, u("conditional")), V = r(D), O = c(s, "css/_variables.css"), ut = `:root { ${d.join("")} ${P.join("")} } ${V.join("")}`;
+  C(O, ut), i.staticVariables = h;
+  const M = c(s, "css/_global.css"), tt = G(o.global, n.globalStyles), f = await at(tt, "");
+  C(M, `@layer global { ${f} }`);
+  const b = c(s, "css/_reset.css"), l = o.reset === "none" ? {} : typeof o.reset == "object" ? o.reset : zt, F = await at(l, "");
+  C(b, `@layer reset { ${F} }`);
+  const N = c(s, "css/_templates.css"), T = G(o.templates, n.templates), I = await $t(T), K = Mt(T);
+  C(N, `@layer templates { ${I} }`), i.templates = T;
+  const L = o.templates ? [Ot(o.templates)._setPath(`config;;${a}`)] : [], B = Vt(n.templates, L);
+  i.templatePaths = Object.fromEntries(Object.entries(B).map(([$, w]) => [$, w._path]));
+  const { mediaQueries: Q } = n;
+  i.mediaQueries = Object.fromEntries(Q.map(([$, w]) => [`@${$}`, w]));
+  const A = Q.map(([$]) => `'@${$}'`).join(" | "), Z = c(s, "types/css-tokens.d.ts"), Pt = `
+  // Variable types
+  type VariableTokens = ${[...p].join("|")}; 
+  type PropertyValueToken = \`{\${VariableTokens}}\`;
+
+  // Template types
+  type TemplateTokens = {
+    ${Object.entries(K).map(([$, w]) => `${$}?: ${w}`).join(`
+`)}
+  }
+
+  // Media query types
+  type MediaQueryKeys = ${A || "''"};
+  `;
+  C(Z, Pt);
+  const xt = c(s, "cache/config-cache.json");
+  C(xt, JSON.stringify(i, null, 2));
+}, yt = (t) => t.replace(/styled\(([^"'`{,]+),/g, (e, s) => {
+  if (/^['"`]/.test(s)) return e;
+  const o = new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);
+  if (!o.test(t)) return e;
+  const i = o.exec(t);
+  if (i) {
+    const p = i.at(1);
+    if (Ft.some((m) => p == null ? void 0 : p.includes(m))) return e;
+  }
+  return "styled('div',";
+}), Kt = (t, e) => {
+  try {
+    const s = _(c(e, "saltygen/cache/config-cache.json"), "utf8");
+    return s ? `globalThis.saltyConfig = ${s};
+
+${t}` : `globalThis.saltyConfig = {};
+
+${t}`;
+  } catch {
+    return t;
+  }
+}, Y = async (t, e, s) => {
+  const n = R(e), o = c(s, "./temp");
+  it(o) || W(o);
+  const a = X(e);
+  let i = _(e, "utf8");
+  i = yt(i), i = Kt(i, t);
+  const p = c(s, "js", n + ".js"), y = await rt(t), m = c(t, (y == null ? void 0 : y.configDir) || "", "salty.config.ts"), r = jt(m), g = await St(t);
+  await gt.build({
+    stdin: {
+      contents: i,
+      sourcefile: a.base,
+      resolveDir: a.dir,
+      loader: "tsx"
+    },
+    minify: !1,
+    treeShaking: !0,
+    bundle: !0,
+    outfile: p,
+    format: g,
+    target: ["node20"],
+    keepNames: !0,
+    external: r,
+    packages: "external",
+    plugins: [
+      {
+        name: "test",
+        setup: (d) => {
+          d.onLoad({ filter: /.*\.css|salty|styles|styled\.ts/ }, (j) => {
+            const P = _(j.path, "utf8");
+            return { contents: yt(P), loader: "ts" };
+          });
+        }
+      }
+    ]
+  });
+  const u = Date.now();
+  return { contents: await import(`${p}?t=${u}`), outputFilePath: p };
+}, Lt = async (t) => {
+  const e = await J(t), s = c(e, "cache/config-cache.json"), n = _(s, "utf8");
+  if (!n) throw new Error("Could not find config cache file");
+  return JSON.parse(n);
+}, lt = async (t) => {
+  const e = await Lt(t), s = await J(t), n = c(s, "salty.config.js"), o = Date.now(), { config: a } = await import(`${n}?t=${o}`);
+  return G(a, e);
+}, ft = () => {
+  try {
+    return process.env.NODE_ENV === "production";
+  } catch {
+    return !1;
+  }
+}, oe = async (t, e = ft(), s = !0) => {
+  try {
+    const n = Date.now();
+    e ? U.info("Generating CSS in production mode! 🔥") : U.info("Generating CSS in development mode! 🚀");
+    const o = [], a = [], i = await J(t), p = c(i, "index.css");
+    s && (() => {
+      it(i) && Dt("rm -rf " + i), W(i, { recursive: !0 }), W(c(i, "css")), W(c(i, "types")), W(c(i, "js")), W(c(i, "cache"));
+    })();
+    const m = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set();
+    async function g(f) {
+      const b = ["node_modules", "saltygen"], S = kt(f);
+      if (S.isDirectory()) {
+        const l = Tt(f);
+        if (b.some((N) => f.includes(N))) return;
+        await Promise.all(l.map((N) => g(c(f, N))));
+      } else if (S.isFile() && ct(f)) {
+        m.add(f);
+        const F = _(f, "utf8");
+        /define[\w\d]+\(/.test(F) && r.add(f);
+      }
+    }
+    await g(t), await It(t, r);
+    const u = {
+      keyframes: [],
+      components: [],
+      classNames: []
+    };
+    await Promise.all(
+      [...m].map(async (f) => {
+        const { contents: b } = await Y(t, f, i);
+        for (let [S, l] of Object.entries(b))
+          l instanceof Promise && (l = await l), l.isKeyframes ? u.keyframes.push({
+            value: l,
+            src: f,
+            name: S
+          }) : l.isClassName ? u.classNames.push({
+            ...l,
+            src: f,
+            name: S
+          }) : l.generator && u.components.push({
+            ...l,
+            src: f,
+            name: S
+          });
+      })
+    );
+    const h = await lt(t);
+    for (const f of u.keyframes) {
+      const { value: b } = f, S = `a_${b.animationName}.css`, l = `css/${S}`, F = c(i, l);
+      o.push(S), C(F, b.css);
+    }
+    const d = {};
+    for (const f of u.components) {
+      const { src: b, name: S } = f;
+      d[b] || (d[b] = []);
+      const l = f.generator._withBuildContext({
+        callerName: S,
+        isProduction: e,
+        config: h
+      });
+      a[l.priority] || (a[l.priority] = []);
+      const F = await l.css;
+      if (!F) continue;
+      a[l.priority].push(l.cssFileName);
+      const N = `css/${l.cssFileName}`, T = c(i, N);
+      C(T, F), h.importStrategy === "component" && d[b].push(l.cssFileName);
+    }
+    for (const f of u.classNames) {
+      const { src: b, name: S } = f;
+      d[b] || (d[b] = []);
+      const l = f.generator._withBuildContext({
+        callerName: S,
+        isProduction: e,
+        config: h
+      }), F = await l.css;
+      if (!F) continue;
+      a[l.priority] || (a[l.priority] = []), a[l.priority].push(l.cssFileName);
+      const N = `css/${l.cssFileName}`, T = c(i, N);
+      C(T, F), h.importStrategy === "component" && d[b].push(l.cssFileName);
+    }
+    h.importStrategy === "component" && Object.entries(d).forEach(([f, b]) => {
+      const S = b.map((I) => `@import url('./${I}');`).join(`
+`), l = R(f, 6), F = X(f), N = H(F.name), T = c(i, `css/f_${N}-${l}.css`);
+      C(T, S || "/* Empty file */");
+    });
+    const j = o.map((f) => `@import url('./css/${f}');`).join(`
+`);
+    let O = `@layer reset, global, templates, l0, l1, l2, l3, l4, l5, l6, l7, l8;
+
+${["_variables.css", "_reset.css", "_global.css", "_templates.css"].filter((f) => {
+      try {
+        return _(c(i, "css", f), "utf8").length > 0;
+      } catch {
+        return !1;
+      }
+    }).map((f) => `@import url('./css/${f}');`).join(`
+`)}
+${j}`;
+    if (h.importStrategy !== "component") {
+      const f = a.reduce((b, S, l) => {
+        const F = S.reduce((K, L) => {
+          var Z;
+          const B = c(i, "css", L), Q = _(B, "utf8"), A = ((Z = /.*-([^-]+)-\d+.css/.exec(L)) == null ? void 0 : Z.at(1)) || R(B, 6);
+          return K.includes(A) ? K : `${K}
+/*start:${A}-${L}*/
+${Q}
+/*end:${A}*/
+`;
+        }, ""), N = `l_${l}.css`, T = c(i, "css", N), I = `@layer l${l} { ${F}
+ }`;
+        return C(T, I), `${b}
+@import url('./css/${N}');`;
+      }, "");
+      O += f;
+    }
+    C(p, O);
+    const M = Date.now() - n, tt = M < 200 ? "🔥" : M < 500 ? "🚀" : M < 1e3 ? "🎉" : M < 2e3 ? "🚗" : M < 5e3 ? "🤔" : "🥴";
+    U.info(`Generated CSS in ${M}ms! ${tt}`);
+  } catch (n) {
+    console.error(n);
+  }
+}, ae = async (t, e, s = ft()) => {
+  try {
+    const n = await J(t);
+    if (ct(e)) {
+      const a = [], i = await lt(t), { contents: p } = await Y(t, e, n);
+      for (const [y, m] of Object.entries(p)) {
+        if (m.isKeyframes && m.css) {
+          const j = `css/${`a_${m.animationName}.css`}`, P = c(n, j);
+          C(P, await m.css);
+          return;
+        }
+        if (m.isClassName) {
+          const d = m.generator._withBuildContext({
+            callerName: y,
+            isProduction: s,
+            config: i
+          }), j = await d.css;
+          if (!j) continue;
+          a[d.priority] || (a[d.priority] = []), a[d.priority].push(d.cssFileName);
+          const P = `css/${d.cssFileName}`, D = c(n, P);
+          C(D, j);
+        }
+        if (!m.generator) return;
+        const r = m.generator._withBuildContext({
+          callerName: y,
+          isProduction: s,
+          config: i
+        }), g = await r.css;
+        if (!g) continue;
+        const u = `css/${r.cssFileName}`, h = c(n, u);
+        C(h, g), a[r.priority] || (a[r.priority] = []), a[r.priority].push(r.cssFileName);
+      }
+      if (i.importStrategy !== "component")
+        a.forEach((y, m) => {
+          const r = `l_${m}.css`, g = c(n, "css", r);
+          let u = _(g, "utf8");
+          y.forEach((h) => {
+            var D;
+            const d = c(n, "css", h), j = ((D = /.*-([^-]+)-\d+.css/.exec(h)) == null ? void 0 : D.at(1)) || R(d, 6);
+            if (!u.includes(j)) {
+              const V = _(d, "utf8"), O = `/*start:${j}-${h}*/
+${V}
+/*end:${j}*/
+`;
+              u = `${u.replace(/\}$/, "")}
+${O}
+}`;
+            }
+          }), C(g, u);
+        });
+      else {
+        const y = a.flat().map((h) => `@import url('./${h}');`).join(`
+`), m = R(e, 6), r = X(e), g = H(r.name), u = c(n, `css/f_${g}-${m}.css`);
+        C(u, y || "/* Empty file */");
+      }
+    }
+  } catch (n) {
+    console.error(n);
+  }
+}, ie = async (t, e, s = ft()) => {
+  var n, o;
+  try {
+    const a = await J(t);
+    if (ct(e)) {
+      const p = _(e, "utf8"), y = await lt(t), { contents: m } = await Y(t, e, a);
+      let r = p;
+      for (const [g, u] of Object.entries(m)) {
+        if (u.isKeyframes || !u.generator) continue;
+        const h = u.generator._withBuildContext({
+          callerName: g,
+          isProduction: s,
+          config: y
+        }), [d, j] = await Wt(r, g), P = r.slice(d, j);
+        if (u.isClassName) {
+          const D = r, V = ` ${g} = className("${h.classNames}")`;
+          r = r.replace(P, V), D === r && console.error("Minimize file failed to change content", { name: g });
+        }
+        if (P.includes("styled")) {
+          const D = (o = (n = /styled\(([^,]+),/.exec(P)) == null ? void 0 : n.at(1)) == null ? void 0 : o.trim(), V = r, O = ` ${g} = styled(${D}, "${h.classNames}", ${JSON.stringify(h.clientProps)})`;
+          r = r.replace(P, O), V === r && console.error("Minimize file failed to change content", { name: g, tagName: D });
+        }
+      }
+      if (y.importStrategy === "component") {
+        const g = R(e, 6), u = X(e);
+        r = `import '../../saltygen/css/${`f_${H(u.name)}-${g}.css`}';
+${r}`;
+      }
+      return r = r.replace("@salty-css/react/class-name", "@salty-css/react/class-name-client"), r = r.replace("{ styled }", "{ styledClient as styled }"), r = r.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), r;
+    }
+  } catch (a) {
+    console.error("Error in minimizeFile:", a);
+  }
+};
+export {
+  ne as a,
+  Gt as b,
+  It as c,
+  Y as d,
+  ae as e,
+  oe as g,
+  ct as i,
+  U as l,
+  ie as m,
+  Ft as s
+};

package/index-q4N-TRZZ.cjs

@@ -0,0 +1,38 @@
+"use strict";const Pe=require("esbuild"),ke=require("child_process"),D=require("./dash-case-BJEkFEGQ.cjs"),c=require("path"),r=require("fs"),de=require("fs/promises"),U=require("./parse-styles-3N79AOBO.cjs"),L=require("winston"),R=require("./css/merge.cjs"),xe=require("./define-templates-Cunsb_Tr.cjs"),se=require("typescript");var ne=typeof document<"u"?document.currentScript:null;function De(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,n.get?n:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const me=De(Pe),ye=async(e,t=[])=>{if(!e)return"";const s=[],n={};for(const[o,i]of Object.entries(e))if(typeof i!="function")if(i&&typeof i=="object"){const a=o.trim(),d=await ye(i,[...t,a]);s.push(d)}else n[o]=i;if(Object.keys(n).length){const o=t.map(D.dashCase).join("-"),i="t_"+D.toHash(o,4),a=await U.parseAndJoinStyles(n,`.${o}, .${i}`);s.push(a)}return s.join(`
+`)},_e=e=>e?Object.entries(e).reduce((t,[s,n])=>(typeof n=="function"?t[s]="any":typeof n=="object"&&(t[s]=ge(n).map(o=>`"${o}"`).join(" | ")),t),{}):{},ge=(e,t="",s=new Set)=>e?(Object.entries(e).forEach(([n,o])=>{const i=t?`${t}.${n}`:n;return typeof o=="object"?ge(o,i,s):s.add(t)}),[...s]):[],he=e=>{if(!e||e==="/")throw new Error("Could not find package.json file");const t=c.join(e,"package.json");return r.existsSync(t)?t:he(c.join(e,".."))},Te=async e=>{const t=he(e);return await de.readFile(t,"utf-8").then(JSON.parse).catch(()=>{})},Oe=async e=>{const t=await Te(e);if(t)return t.type};let z;const Se=async e=>{if(z)return z;const t=await Oe(e);return t==="module"?z="esm":(t==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:ne&&ne.tagName.toUpperCase()==="SCRIPT"&&ne.src||new URL("index-q4N-TRZZ.cjs",document.baseURI).href).endsWith(".cjs"))&&(z="cjs"),z||"esm"},A=L.createLogger({level:"debug",format:L.format.combine(L.format.colorize(),L.format.cli()),transports:[new L.transports.Console({})]}),ve=e=>{A.error(e)};function je(e){return e?typeof e!="string"?je(String(e)):e.replace(/[\s-]/g,".").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g,(t,s)=>(s>0?".":"")+t.toLowerCase()):""}const Ee={"*, *::before, *::after":{boxSizing:"border-box"},"*":{margin:0},html:{lineHeight:1.15,textSizeAdjust:"100%",WebkitFontSmoothing:"antialiased"},"img, picture, video, canvas, svg":{display:"block",maxWidth:"100%"},"p, h1, h2, h3, h4, h5, h6":{overflowWrap:"break-word"},p:{textWrap:"pretty"},"h1, h2, h3, h4, h5, h6":{textWrap:"balance"},a:{color:"currentColor"},button:{lineHeight:"1em",color:"currentColor"},"input, optgroup, select, textarea":{fontFamily:"inherit",fontSize:"100%",lineHeight:"1.15em"}},Ve=(e,t)=>new Promise((s,n)=>{const o=setTimeout(()=>{n(new Error("Timeout"))},100),i=se.createSourceFile("temp.ts",e,se.ScriptTarget.Latest,!0);function a(d){if(se.isVariableDeclaration(d)&&d.name.getText()===t){const g=d.getStart(),m=d.getEnd();clearTimeout(o),s([g,m])}d.forEachChild(a)}a(i)}),v={externalModules:[],rcFile:void 0,destDir:void 0},be=e=>{if(v.externalModules.length>0)return v.externalModules;const s=r.readFileSync(e,"utf8").match(/externalModules:\s?\[(.*)\]/);if(!s)return[];const n=s[1].split(",").map(o=>o.replace(/['"`]/g,"").trim());return v.externalModules=n,n},J=async e=>{if(v.destDir)return v.destDir;const t=await ie(e),s=c.join(e,(t==null?void 0:t.saltygenDir)||"saltygen");return v.destDir=s,s},oe=["salty","css","styles","styled"],we=(e=[])=>new RegExp(`\\.(${[...oe,...e].join("|")})\\.`),X=(e,t=[])=>we(t).test(e),$e=async e=>{if(v.rcFile)return v.rcFile;if(e==="/")throw new Error("Could not find .saltyrc.json file");const t=c.join(e,".saltyrc.json"),s=await de.readFile(t,"utf-8").then(JSON.parse).catch(()=>{});return s?(v.rcFile=s,s):$e(c.join(e,".."))},ie=async e=>{var n,o;const t=await $e(e),s=(n=t.projects)==null?void 0:n.find(i=>e.endsWith(i.dir||""));return s||((o=t.projects)==null?void 0:o.find(i=>i.dir===t.defaultProject))},Me=async e=>{const t=await ie(e),s=await J(e),n=c.join(e,(t==null?void 0:t.configDir)||"","salty.config.ts"),o=c.join(s,"salty.config.js"),i=await Se(e),a=be(n);await me.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:o,format:i,external:a});const d=Date.now(),{config:g}=await import(`${o}?t=${d}`);return{config:g,path:o}},Fe=async(e,t)=>{var le,fe;const s=await J(e),n={mediaQueries:[],globalStyles:[],variables:[],templates:[]};await Promise.all([...t].map(async j=>{const{contents:w,outputFilePath:O}=await G(e,j,s);Object.entries(w).forEach(([k,_])=>{_.isMedia?n.mediaQueries.push([k,_]):_.isGlobalDefine?n.globalStyles.push(_):_.isDefineVariables?n.variables.push(_):_.isDefineTemplates&&n.templates.push(_._setPath(`${k};;${O}`))})}));const{config:o,path:i}=await Me(e),a={...o},d=new Set,g=(j,w=[])=>j?Object.entries(j).flatMap(([O,k])=>{if(!k)return;if(typeof k=="object")return g(k,[...w,O]);const _=je(O),ee=D.dashCase(O),te=[...w,_].join(".");d.add(`"${te}"`);const Z=[...w.map(D.dashCase),ee].join("-"),ue=U.parseVariableTokens(k);return ue?`--${Z}: ${ue.transformed};`:`--${Z}: ${k};`}):[],m=j=>j?Object.entries(j).flatMap(([w,O])=>{const k=g(O);return w==="base"?k.join(""):`${w} { ${k.join("")} }`}):[],l=j=>j?Object.entries(j).flatMap(([w,O])=>Object.entries(O).flatMap(([k,_])=>{const ee=g(_,[w]),te=`.${w}-${k}, [data-${w}="${k}"]`,Z=ee.join("");return`${te} { ${Z} }`})):[],h=j=>({...j,responsive:void 0,conditional:void 0}),p=j=>n.variables.map(w=>j==="static"?h(w._current):w._current[j]),S=R.mergeObjects(h(o.variables),p("static")),y=g(S),F=R.mergeObjects((le=o.variables)==null?void 0:le.responsive,p("responsive")),P=m(F),x=R.mergeObjects((fe=o.variables)==null?void 0:fe.conditional,p("conditional")),E=l(x),V=c.join(s,"css/_variables.css"),re=`:root { ${y.join("")} ${P.join("")} } ${E.join("")}`;r.writeFileSync(V,re),a.staticVariables=S;const M=c.join(s,"css/_global.css"),Y=R.mergeObjects(o.global,n.globalStyles),u=await U.parseAndJoinStyles(Y,"");r.writeFileSync(M,`@layer global { ${u} }`);const b=c.join(s,"css/_reset.css"),f=o.reset==="none"?{}:typeof o.reset=="object"?o.reset:Ee,C=await U.parseAndJoinStyles(f,"");r.writeFileSync(b,`@layer reset { ${C} }`);const N=c.join(s,"css/_templates.css"),T=R.mergeObjects(o.templates,n.templates),q=await ye(T),H=_e(T);r.writeFileSync(N,`@layer templates { ${q} }`),a.templates=T;const W=o.templates?[xe.defineTemplates(o.templates)._setPath(`config;;${i}`)]:[],K=R.mergeFactories(n.templates,W);a.templatePaths=Object.fromEntries(Object.entries(K).map(([j,w])=>[j,w._path]));const{mediaQueries:B}=n;a.mediaQueries=Object.fromEntries(B.map(([j,w])=>[`@${j}`,w]));const I=B.map(([j])=>`'@${j}'`).join(" | "),Q=c.join(s,"types/css-tokens.d.ts"),Ce=`
+  // Variable types
+  type VariableTokens = ${[...d].join("|")}; 
+  type PropertyValueToken = \`{\${VariableTokens}}\`;
+
+  // Template types
+  type TemplateTokens = {
+    ${Object.entries(H).map(([j,w])=>`${j}?: ${w}`).join(`
+`)}
+  }
+
+  // Media query types
+  type MediaQueryKeys = ${I||"''"};
+  `;r.writeFileSync(Q,Ce);const Ne=c.join(s,"cache/config-cache.json");r.writeFileSync(Ne,JSON.stringify(a,null,2))},pe=e=>e.replace(/styled\(([^"'`{,]+),/g,(t,s)=>{if(/^['"`]/.test(s))return t;const o=new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);if(!o.test(e))return t;const a=o.exec(e);if(a){const d=a.at(1);if(oe.some(m=>d==null?void 0:d.includes(m)))return t}return"styled('div',"}),Re=(e,t)=>{try{const s=r.readFileSync(c.join(t,"saltygen/cache/config-cache.json"),"utf8");return s?`globalThis.saltyConfig = ${s};
+
+${e}`:`globalThis.saltyConfig = {};
+
+${e}`}catch{return e}},G=async(e,t,s)=>{const n=D.toHash(t),o=c.join(s,"./temp");r.existsSync(o)||r.mkdirSync(o);const i=c.parse(t);let a=r.readFileSync(t,"utf8");a=pe(a),a=Re(a,e);const d=c.join(s,"js",n+".js"),g=await ie(e),m=c.join(e,(g==null?void 0:g.configDir)||"","salty.config.ts"),l=be(m),h=await Se(e);await me.build({stdin:{contents:a,sourcefile:i.base,resolveDir:i.dir,loader:"tsx"},minify:!1,treeShaking:!0,bundle:!0,outfile:d,format:h,target:["node20"],keepNames:!0,external:l,packages:"external",plugins:[{name:"test",setup:y=>{y.onLoad({filter:/.*\.css|salty|styles|styled\.ts/},F=>{const P=r.readFileSync(F.path,"utf8");return{contents:pe(P),loader:"ts"}})}}]});const p=Date.now();return{contents:await import(`${d}?t=${p}`),outputFilePath:d}},Je=async e=>{const t=await J(e),s=c.join(t,"cache/config-cache.json"),n=r.readFileSync(s,"utf8");if(!n)throw new Error("Could not find config cache file");return JSON.parse(n)},ae=async e=>{const t=await Je(e),s=await J(e),n=c.join(s,"salty.config.js"),o=Date.now(),{config:i}=await import(`${n}?t=${o}`);return R.mergeObjects(i,t)},ce=()=>{try{return process.env.NODE_ENV==="production"}catch{return!1}},ze=async(e,t=ce(),s=!0)=>{try{const n=Date.now();t?A.info("Generating CSS in production mode! 🔥"):A.info("Generating CSS in development mode! 🚀");const o=[],i=[],a=await J(e),d=c.join(a,"index.css");s&&(()=>{r.existsSync(a)&&ke.execSync("rm -rf "+a),r.mkdirSync(a,{recursive:!0}),r.mkdirSync(c.join(a,"css")),r.mkdirSync(c.join(a,"types")),r.mkdirSync(c.join(a,"js")),r.mkdirSync(c.join(a,"cache"))})();const m=new Set,l=new Set;async function h(u){const b=["node_modules","saltygen"],$=r.statSync(u);if($.isDirectory()){const f=r.readdirSync(u);if(b.some(N=>u.includes(N)))return;await Promise.all(f.map(N=>h(c.join(u,N))))}else if($.isFile()&&X(u)){m.add(u);const C=r.readFileSync(u,"utf8");/define[\w\d]+\(/.test(C)&&l.add(u)}}await h(e),await Fe(e,l);const p={keyframes:[],components:[],classNames:[]};await Promise.all([...m].map(async u=>{const{contents:b}=await G(e,u,a);for(let[$,f]of Object.entries(b))f instanceof Promise&&(f=await f),f.isKeyframes?p.keyframes.push({value:f,src:u,name:$}):f.isClassName?p.classNames.push({...f,src:u,name:$}):f.generator&&p.components.push({...f,src:u,name:$})}));const S=await ae(e);for(const u of p.keyframes){const{value:b}=u,$=`a_${b.animationName}.css`,f=`css/${$}`,C=c.join(a,f);o.push($),r.writeFileSync(C,b.css)}const y={};for(const u of p.components){const{src:b,name:$}=u;y[b]||(y[b]=[]);const f=u.generator._withBuildContext({callerName:$,isProduction:t,config:S});i[f.priority]||(i[f.priority]=[]);const C=await f.css;if(!C)continue;i[f.priority].push(f.cssFileName);const N=`css/${f.cssFileName}`,T=c.join(a,N);r.writeFileSync(T,C),S.importStrategy==="component"&&y[b].push(f.cssFileName)}for(const u of p.classNames){const{src:b,name:$}=u;y[b]||(y[b]=[]);const f=u.generator._withBuildContext({callerName:$,isProduction:t,config:S}),C=await f.css;if(!C)continue;i[f.priority]||(i[f.priority]=[]),i[f.priority].push(f.cssFileName);const N=`css/${f.cssFileName}`,T=c.join(a,N);r.writeFileSync(T,C),S.importStrategy==="component"&&y[b].push(f.cssFileName)}S.importStrategy==="component"&&Object.entries(y).forEach(([u,b])=>{const $=b.map(q=>`@import url('./${q}');`).join(`
+`),f=D.toHash(u,6),C=c.parse(u),N=D.dashCase(C.name),T=c.join(a,`css/f_${N}-${f}.css`);r.writeFileSync(T,$||"/* Empty file */")});const F=o.map(u=>`@import url('./css/${u}');`).join(`
+`);let V=`@layer reset, global, templates, l0, l1, l2, l3, l4, l5, l6, l7, l8;
+
+${["_variables.css","_reset.css","_global.css","_templates.css"].filter(u=>{try{return r.readFileSync(c.join(a,"css",u),"utf8").length>0}catch{return!1}}).map(u=>`@import url('./css/${u}');`).join(`
+`)}
+${F}`;if(S.importStrategy!=="component"){const u=i.reduce((b,$,f)=>{const C=$.reduce((H,W)=>{var Q;const K=c.join(a,"css",W),B=r.readFileSync(K,"utf8"),I=((Q=/.*-([^-]+)-\d+.css/.exec(W))==null?void 0:Q.at(1))||D.toHash(K,6);return H.includes(I)?H:`${H}
+/*start:${I}-${W}*/
+${B}
+/*end:${I}*/
+`},""),N=`l_${f}.css`,T=c.join(a,"css",N),q=`@layer l${f} { ${C}
+ }`;return r.writeFileSync(T,q),`${b}
+@import url('./css/${N}');`},"");V+=u}r.writeFileSync(d,V);const M=Date.now()-n,Y=M<200?"🔥":M<500?"🚀":M<1e3?"🎉":M<2e3?"🚗":M<5e3?"🤔":"🥴";A.info(`Generated CSS in ${M}ms! ${Y}`)}catch(n){console.error(n)}},qe=async(e,t,s=ce())=>{try{const n=await J(e);if(X(t)){const i=[],a=await ae(e),{contents:d}=await G(e,t,n);for(const[g,m]of Object.entries(d)){if(m.isKeyframes&&m.css){const F=`css/${`a_${m.animationName}.css`}`,P=c.join(n,F);r.writeFileSync(P,await m.css);return}if(m.isClassName){const y=m.generator._withBuildContext({callerName:g,isProduction:s,config:a}),F=await y.css;if(!F)continue;i[y.priority]||(i[y.priority]=[]),i[y.priority].push(y.cssFileName);const P=`css/${y.cssFileName}`,x=c.join(n,P);r.writeFileSync(x,F)}if(!m.generator)return;const l=m.generator._withBuildContext({callerName:g,isProduction:s,config:a}),h=await l.css;if(!h)continue;const p=`css/${l.cssFileName}`,S=c.join(n,p);r.writeFileSync(S,h),i[l.priority]||(i[l.priority]=[]),i[l.priority].push(l.cssFileName)}if(a.importStrategy!=="component")i.forEach((g,m)=>{const l=`l_${m}.css`,h=c.join(n,"css",l);let p=r.readFileSync(h,"utf8");g.forEach(S=>{var x;const y=c.join(n,"css",S),F=((x=/.*-([^-]+)-\d+.css/.exec(S))==null?void 0:x.at(1))||D.toHash(y,6);if(!p.includes(F)){const E=r.readFileSync(y,"utf8"),V=`/*start:${F}-${S}*/
+${E}
+/*end:${F}*/
+`;p=`${p.replace(/\}$/,"")}
+${V}
+}`}}),r.writeFileSync(h,p)});else{const g=i.flat().map(S=>`@import url('./${S}');`).join(`
+`),m=D.toHash(t,6),l=c.parse(t),h=D.dashCase(l.name),p=c.join(n,`css/f_${h}-${m}.css`);r.writeFileSync(p,g||"/* Empty file */")}}}catch(n){console.error(n)}},He=async(e,t,s=ce())=>{var n,o;try{const i=await J(e);if(X(t)){const d=r.readFileSync(t,"utf8"),g=await ae(e),{contents:m}=await G(e,t,i);let l=d;for(const[h,p]of Object.entries(m)){if(p.isKeyframes||!p.generator)continue;const S=p.generator._withBuildContext({callerName:h,isProduction:s,config:g}),[y,F]=await Ve(l,h),P=l.slice(y,F);if(p.isClassName){const x=l,E=` ${h} = className("${S.classNames}")`;l=l.replace(P,E),x===l&&console.error("Minimize file failed to change content",{name:h})}if(P.includes("styled")){const x=(o=(n=/styled\(([^,]+),/.exec(P))==null?void 0:n.at(1))==null?void 0:o.trim(),E=l,V=` ${h} = styled(${x}, "${S.classNames}", ${JSON.stringify(S.clientProps)})`;l=l.replace(P,V),E===l&&console.error("Minimize file failed to change content",{name:h,tagName:x})}}if(g.importStrategy==="component"){const h=D.toHash(t,6),p=c.parse(t);l=`import '../../saltygen/css/${`f_${D.dashCase(p.name)}-${h}.css`}';
+${l}`}return l=l.replace("@salty-css/react/class-name","@salty-css/react/class-name-client"),l=l.replace("{ styled }","{ styledClient as styled }"),l=l.replace("@salty-css/react/styled","@salty-css/react/styled-client"),l}}catch(i){console.error("Error in minimizeFile:",i)}};exports.compileSaltyFile=G;exports.generateConfigStyles=Fe;exports.generateCss=ze;exports.generateFile=qe;exports.isSaltyFile=X;exports.logError=ve;exports.logger=A;exports.minimizeFile=He;exports.saltyFileExtensions=oe;exports.saltyFileRegExp=we;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/core",
-  "version": "0.0.1-alpha.23",
+  "version": "0.0.1-alpha.230",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -10,7 +10,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "homepage": "https://github.com/margarita-form/salty-css",
+  "description": "Core library for Salty CSS. Will be used by other Salty CSS libraries and plugins.",
+  "homepage": "https://salty-css.dev/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/margarita-form/salty-css.git"
+  },
   "bugs": {
     "url": "https://github.com/margarita-form/salty-css/issues"
   },
@@ -23,14 +28,21 @@
     "name": "core"
   },
   "peerDependencies": {
+    "color": ">=5.x",
     "commander": ">=12.x",
+    "csstype": "^3.1.x",
     "ejs": ">=3.x",
     "esbuild": ">=0.21.x",
     "ora": ">=8.x",
     "react": ">=18.x || >=19.x",
+    "typescript": ">=5.x",
     "winston": ">=3.x"
   },
   "exports": {
+    "./bin/main": {
+      "import": "./bin/main.js",
+      "require": "./bin/main.cjs"
+    },
     "./compiler": {
       "import": "./compiler/index.js",
       "require": "./compiler/index.cjs"
@@ -39,6 +51,22 @@
       "import": "./css/index.js",
       "require": "./css/index.cjs"
     },
+    "./css/keyframes": {
+      "import": "./css/keyframes.js",
+      "require": "./css/keyframes.cjs"
+    },
+    "./css/media": {
+      "import": "./css/media.js",
+      "require": "./css/media.cjs"
+    },
+    "./css/token": {
+      "import": "./css/token.js",
+      "require": "./css/token.cjs"
+    },
+    "./css/merge": {
+      "import": "./css/merge.js",
+      "require": "./css/merge.cjs"
+    },
     "./generator": {
       "import": "./generator/index.js",
       "require": "./generator/index.cjs"
@@ -54,6 +82,10 @@
     "./util": {
       "import": "./util/index.js",
       "require": "./util/index.cjs"
+    },
+    "./helpers": {
+      "import": "./helpers/index.js",
+      "require": "./helpers/index.cjs"
     }
   },
   "bin": {

package/parse-styles-3N79AOBO.cjs

@@ -0,0 +1,5 @@
+"use strict";const V=require("./dash-case-BJEkFEGQ.cjs"),k=a=>e=>{if(typeof e!="string"||!a)return;let t=e;const u=[];return Object.values(a).forEach(n=>{const{pattern:b,transform:y}=n;t=t.replace(b,x=>{const{value:O,css:E}=y(x);return E&&u.push(E),O})}),{transformed:t,additionalCss:u}},z=a=>e=>typeof e!="string"||!/\{[^{}]+\}/g.test(e)?void 0:{transformed:e.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${V.dashCase(n[1].replaceAll(".","-"))})`)},q=z(),J=["top","right","bottom","left","min-width",/.*width.*/,/^[^line]*height.*/,/padding.*/,/margin.*/,/border.*/,/inset.*/,/.*radius.*/,/.*spacing.*/,/.*gap.*/,/.*indent.*/,/.*offset.*/,/.*size.*/,/.*thickness.*/,/.*font-size.*/],M=(a,e,t)=>{if(J.some(n=>typeof n=="string"?n===a:n.test(a))){const n=(t==null?void 0:t.defaultUnit)||"px";return`${e}${n}`}return`${e}`},Q=["Webkit","Moz","ms","O"],_=a=>a.startsWith("-")?a:Q.some(e=>a.startsWith(e))?`-${V.dashCase(a)}`:V.dashCase(a),$=async(a,e="",t,u=!1)=>{if(!a)throw new Error("No styles provided to parseStyles function!");const n=new Set,b=Object.entries(a),y=async([p,s])=>{var C;const r=p.trim(),w=_(r),l=(i,d=";")=>`${w}:${i}${d}`,P={scope:e,config:t};if(typeof s=="function")return y([p,s(P)]);if(s instanceof Promise)return y([p,await s]);if(t!=null&&t.templates&&t.templatePaths[r])try{const[i,d]=t.templatePaths[r].split(";;"),o=await import(d),c=d.includes("salty.config"),f=c?o[i].templates:o[i],h=c?f[r]:f.params[r];if(f&&typeof h=="function"){const j=await h(s),[m]=await $(j,"");return m}}catch(i){console.error(`Error loading template "${r}" from path "${t.templatePaths[r]}"`,i);return}if(t!=null&&t.templates&&t.templates[r]){if(u)return;const d=s.split(".").reduce((o,c)=>o[c],t.templates[r]);if(d){const[o]=await $(d,"");return o}console.warn(`Template "${r}" with path of "${s}" was not found in config!`);return}if(typeof s=="object"){if(!s)return;if(s.isColor)return l(s.toString());if(r==="defaultVariants")return;if(r==="variants"){const o=Object.entries(s);for(const[c,f]of o){if(!f)return;const h=Object.entries(f);for(const[j,m]of h){if(!m)return;const T=`${e}.${c}-${j}`;(await $(m,T,t)).forEach(U=>n.add(U))}}return}if(r==="compoundVariants"){for(const o of s){const{css:c,...f}=o,h=Object.entries(f).reduce((m,[T,N])=>`${m}.${T}-${N}`,e);(await $(c,h,t)).forEach(m=>n.add(m))}return}if(r.startsWith("@")){const o=((C=t==null?void 0:t.mediaQueries)==null?void 0:C[r])||r,c=await A(s,e,t),f=`${o} { ${c} }`;n.add(f);return}const i=p.includes("&")?r.replace("&",e):r.startsWith(":")?`${e}${r}`:`${e} ${r}`;(await $(s,i,t)).forEach(o=>n.add(o));return}if(typeof s=="number"){const i=M(w,s,t);return l(i)}if(typeof s!="string")if("toString"in s)s=s.toString();else throw new Error(`Invalid value type for property ${w}`);return l(s)},x=b.map(y),{modifiers:O}=t||{},E=[z(),k(O)],S=(await Promise.all(x).then(p=>Promise.all(p.map(s=>E.reduce(async(r,w)=>{const l=await r;if(!l)return l;const P=await w(l);if(!P)return l;const{transformed:C,additionalCss:i}=P;let d="";if(i)for(const o of i)d+=await A(o,"");return`${d}${C}`},Promise.resolve(s)))))).filter(p=>p!==void 0).join(`
+	`);if(!S.trim())return Array.from(n);const W=e?`${e} {
+	${S}
+}`:S;return n.has(W)?Array.from(n):[W,...n]},A=async(a,e,t,u=!1)=>(await $(a,e,t,u)).join(`
+`);exports.parseAndJoinStyles=A;exports.parseVariableTokens=q;