@salty-css/core 0.0.1-alpha.9 → 0.0.1-alpha.91

package/compiler/index.js

@@ -1,180 +1,18 @@
-import * as M from "esbuild";
-import * as N from "winston";
-import { execSync as z } from "child_process";
-import { toHash as T, dashCase as I } from "../util/index.js";
-import { join as o } from "path";
-import { writeFileSync as $, existsSync as H, mkdirSync as v, statSync as J, readdirSync as G, readFileSync as _ } from "fs";
-import { writeFile as L } from "fs/promises";
-import { p as q, a as A, b as U } from "../parse-templates-BOSK0Tb6.js";
-const ot = N.createLogger({
-  level: "info",
-  format: N.format.combine(N.format.colorize(), N.format.cli()),
-  transports: [new N.transports.Console({})]
-}), k = (s) => o(s, "./saltygen"), W = ["salty", "css", "styles", "styled"], O = (s) => new RegExp(`\\.(${W.join("|")})\\.`).test(s), X = async (s) => {
-  const e = k(s), n = o(s, "salty-config.ts"), t = o(e, "salty-config.js");
-  await M.build({
-    entryPoints: [n],
-    minify: !0,
-    treeShaking: !0,
-    bundle: !0,
-    outfile: t,
-    format: "esm",
-    external: ["react"]
-  });
-  const c = Date.now(), { config: S } = await import(`${t}?t=${c}`);
-  return S;
-}, Y = async (s) => {
-  const e = await X(s), n = /* @__PURE__ */ new Set(), t = (m, l = []) => m ? Object.entries(m).flatMap(([p, i]) => {
-    if (!i) return;
-    if (typeof i == "object") return t(i, [...l, p]);
-    const C = [...l, p].join(".");
-    n.add(`"${C}"`);
-    const D = [...l.map(I), I(p)].join("-"), { result: P } = U(i);
-    return `--${D}: ${P};`;
-  }) : [], c = (m) => m ? Object.entries(m).flatMap(([l, p]) => {
-    const i = t(p);
-    return l === "base" ? i.join("") : `${l} { ${i.join("")} }`;
-  }) : [], S = (m) => m ? Object.entries(m).flatMap(([l, p]) => Object.entries(p).flatMap(([i, C]) => {
-    const D = t(C, [l]), P = `.${l}-${i}, [data-${l}="${i}"]`, V = D.join("");
-    return `${P} { ${V} }`;
-  })) : [], d = t(e.variables), w = c(e.responsiveVariables), a = S(e.conditionalVariables), b = k(s), y = o(b, "css/variables.css"), r = `:root { ${d.join("")} ${w.join("")} } ${a.join("")}`;
-  $(y, r);
-  const f = o(b, "types/css-tokens.d.ts"), u = `type VariableTokens = ${[...n].join("|")}; type PropertyValueToken = \`{\${VariableTokens}}\``;
-  $(f, u);
-  const g = o(b, "css/global.css"), j = q(e.global, "");
-  $(g, j);
-  const F = o(b, "css/templates.css"), x = A(e.templates);
-  $(F, x);
-}, E = async (s, e) => {
-  const n = T(s), t = o(e, "js", n + ".js");
-  await M.build({
-    entryPoints: [s],
-    minify: !0,
-    treeShaking: !0,
-    bundle: !0,
-    outfile: t,
-    format: "esm",
-    target: ["es2022"],
-    keepNames: !0,
-    external: ["react"]
-  });
-  const c = Date.now();
-  return await import(`${t}?t=${c}`);
-}, R = async (s) => {
-  const e = k(s), n = o(e, "salty-config.js"), { config: t } = await import(n);
-  return t;
-}, rt = async (s) => {
-  try {
-    const e = [], n = [], t = k(s), c = o(t, "index.css");
-    (() => {
-      H(t) && z("rm -rf " + t), v(t), v(o(t, "css")), v(o(t, "types"));
-    })(), await Y(s);
-    const d = await R(s);
-    async function w(r, f) {
-      const h = J(r);
-      if (h.isDirectory()) {
-        const u = G(r);
-        await Promise.all(u.map((g) => w(o(r, g), o(f, g))));
-      } else if (h.isFile() && O(r)) {
-        const g = await E(r, t), j = [];
-        Object.entries(g).forEach(([l, p]) => {
-          if (p.isKeyframes && p.css) {
-            const V = `${p.animationName}.css`, B = `css/${V}`, K = o(t, B);
-            e.push(V), $(K, p.css);
-            return;
-          }
-          if (!p.generator) return;
-          const i = p.generator._withBuildContext({
-            name: l,
-            config: d
-          }), C = `${i.hash}-${i.priority}.css`;
-          n[i.priority] || (n[i.priority] = []), n[i.priority].push(C), j.push(C);
-          const D = `css/${C}`, P = o(t, D);
-          $(P, i.css);
-        });
-        const F = j.map((l) => `@import url('./${l}');`).join(`
-`), x = T(r, 6), m = o(t, `css/${x}.css`);
-        $(m, F);
-      }
-    }
-    await w(s, t);
-    const a = e.map((r) => `@import url('./css/${r}');`).join(`
-`);
-    let y = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
-
-${["@import url('./css/variables.css');", "@import url('./css/global.css');", "@import url('./css/templates.css');"].join(`
-`)}
-${a}`;
-    if (d.importStrategy !== "component") {
-      const r = n.flat().map((f) => `@import url('./css/${f}');`).join(`
-`);
-      y += r;
-    }
-    $(c, y);
-  } catch (e) {
-    console.error(e);
-  }
-}, it = async (s, e) => {
-  try {
-    const n = [], t = o(s, "./saltygen"), c = o(t, "index.css");
-    if (O(e)) {
-      const d = await R(s), w = await E(e, t);
-      Object.entries(w).forEach(([f, h]) => {
-        if (!h.generator) return;
-        const u = h.generator._withBuildContext({
-          name: f,
-          config: d
-        }), g = `${u.hash}-${u.priority}.css`, j = `css/${g}`, F = o(t, j);
-        n.push(g), $(F, u.css);
-      });
-      const a = _(c, "utf8").split(`
-`), b = n.map((f) => `@import url('../saltygen/css/${f}');`), r = [.../* @__PURE__ */ new Set([...a, ...b])].join(`
-`);
-      $(c, r);
-    }
-  } catch (n) {
-    console.error(n);
-  }
-}, ct = async (s, e) => {
-  try {
-    const n = o(s, "./saltygen");
-    if (O(e)) {
-      let c = _(e, "utf8");
-      c.replace(/^(?!export\s)const\s.*/gm, (y) => `export ${y}`) !== c && await L(e, c);
-      const d = await R(s), w = await E(e, n);
-      let a = c;
-      Object.entries(w).forEach(([y, r]) => {
-        var m;
-        if (r.isKeyframes) {
-          console.log("value", r);
-          return;
-        }
-        if (!r.generator) return;
-        const f = r.generator._withBuildContext({
-          name: y,
-          config: d
-        }), h = new RegExp(`${y}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(c);
-        if (!h)
-          return console.error("Could not find the original declaration");
-        const u = (m = h.at(1)) == null ? void 0 : m.trim(), { element: g, variantKeys: j } = f.props, F = `${y} = styled(${u}, "${f.classNames}", "${f._callerName}", ${JSON.stringify(g)}, ${JSON.stringify(
-          j
-        )});`, x = new RegExp(`${y}[=\\s]+[^()]+styled\\(([^,]+),[^;]+;`, "g");
-        a = a.replace(x, F);
-      });
-      const b = T(e, 6);
-      return d.importStrategy === "component" && (a = `import '../../saltygen/css/${b}.css';
-${a}`), a = a.replace("{ styled }", "{ styledClient as styled }"), a = a.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), a;
-    }
-  } catch (n) {
-    console.error(n);
-  }
-};
+import "esbuild";
+import "child_process";
+import "../dash-case-DMQMcCO6.js";
+import "path";
+import "fs";
+import "fs/promises";
+import "../parse-templates-DUUSaubj.js";
+import { d as p, c as n, g, e as F, i as y, m as x, s as S, b as c } from "../index-BGaLvshf.js";
 export {
-  E as compileSaltyFile,
-  rt as generateCss,
-  it as generateFile,
-  Y as generateVariables,
-  O as isSaltyFile,
-  ot as logger,
-  ct as minimizeFile
+  p as compileSaltyFile,
+  n as generateConfigStyles,
+  g as generateCss,
+  F as generateFile,
+  y as isSaltyFile,
+  x as minimizeFile,
+  S as saltyFileExtensions,
+  c as saltyFileRegExp
 };

package/config/config-types.d.ts

@@ -1,7 +1,6 @@
 import { CssStyles } from '../types';
-type CssTemplate = CssStyles | {
-    [key: PropertyKey]: CssTemplate;
-};
+import { OrString } from '../types/util-types';
+export type GlobalStyles = Record<string, CssStyles>;
 export type CssVariables = Record<string, unknown>;
 export interface CssResponsiveVariables {
     [key: string]: CssVariables;
@@ -11,6 +10,9 @@ export interface CssConditionalVariables {
         [key: PropertyKey]: CssVariables;
     };
 }
+type CssTemplate = CssStyles | {
+    [key: PropertyKey]: CssTemplate;
+};
 export interface CssTemplates {
     [key: PropertyKey]: {
         [key: PropertyKey]: CssTemplate;
@@ -46,7 +48,7 @@ export interface SaltyConfig {
     /**
      * The global styles that are imported in the root of the project.
      */
-    global?: CssStyles;
+    global?: GlobalStyles;
     /**
      * The templates that can be used in styles to create reusable css.
      */
@@ -55,5 +57,9 @@ export interface SaltyConfig {
      * The modifiers that can transform css values.
      */
     modifiers?: CssModifiers;
+    /**
+     * Define modules that should not be bundled when generating the css file. This improves the performance of the css generation and can help with issues relared to external packages being imported in an environment that does not support them.
+     */
+    externalModules?: ('react' | 'react-dom' | OrString)[];
 }
 export {};

package/dash-case-DKzpenwY.cjs

@@ -0,0 +1 @@
+"use strict";const n=e=>String.fromCharCode(e+(e>25?39:97)),i=(e,r)=>{let t="",a;for(a=Math.abs(e);a>52;a=a/52|0)t=n(a%52)+t;return t=n(a%52)+t,t.length<r?t=t.padStart(r,"a"):t.length>r&&(t=t.slice(-r)),t},o=(e,r)=>{let t=r.length;for(;t;)e=e*33^r.charCodeAt(--t);return e},c=(e,r=3)=>{const t=o(5381,JSON.stringify(e))>>>0;return i(t,r)};function s(e){return e?typeof e!="string"?s(String(e)):e.replace(/\s/g,"-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g,(r,t)=>(t>0?"-":"")+r.toLowerCase()):""}exports.dashCase=s;exports.toHash=c;

package/dash-case-DMQMcCO6.js

@@ -0,0 +1,19 @@
+const n = (e) => String.fromCharCode(e + (e > 25 ? 39 : 97)), o = (e, r) => {
+  let t = "", a;
+  for (a = Math.abs(e); a > 52; a = a / 52 | 0) t = n(a % 52) + t;
+  return t = n(a % 52) + t, t.length < r ? t = t.padStart(r, "a") : t.length > r && (t = t.slice(-r)), t;
+}, i = (e, r) => {
+  let t = r.length;
+  for (; t; ) e = e * 33 ^ r.charCodeAt(--t);
+  return e;
+}, c = (e, r = 3) => {
+  const t = i(5381, JSON.stringify(e)) >>> 0;
+  return o(t, r);
+};
+function s(e) {
+  return e ? typeof e != "string" ? s(String(e)) : e.replace(/\s/g, "-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (r, t) => (t > 0 ? "-" : "") + r.toLowerCase()) : "";
+}
+export {
+  s as d,
+  c as t
+};

package/generator/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../util/index.cjs"),i=require("../parse-templates-BY1Xai-_.cjs");class o{constructor(t,s){this.tagName=t,this.params=s}get hash(){return n.toHash(this.params.base||this.params)}get priority(){var t;return typeof this.tagName=="function"||typeof this.tagName=="object"?(((t=this.tagName.generator)==null?void 0:t.priority)||0)+1:0}get classNames(){const t=[this.hash],{className:s}=this.params;return s&&t.push(s),t.join(" ")}get cssClassName(){return this.hash}get cssDisplayNameVar(){return`--${this.hash}-display-name: ${this._callerName};`}get templateKeys(){var t;return(t=this._context)!=null&&t.config.templates?i.getTemplateKeys(this._context.config.templates):[]}get css(){var a;const{base:t={},variants:s={},compoundVariants:e=[]}=this.params,r={...t,variants:s,compoundVariants:e};return i.parseStyles(r,`.${this.cssClassName}`,this.priority,(a=this._context)==null?void 0:a.config)}get props(){const{element:t}=this.params,s=this.params.variants?Object.keys(this.params.variants).map(e=>{var a;const r=(a=this.params.defaultVariants)==null?void 0:a[e];return r!==void 0?`${e}=${String(r)}`:e}):void 0;return{element:t,variantKeys:s}}_withBuildContext(t){this._context=t;const{name:s,config:e}=t;return this._callerName=s,this}}exports.StyleComponentGenerator=o;
+"use strict";var m=Object.defineProperty;var l=(a,t,s)=>t in a?m(a,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):a[t]=s;var o=(a,t,s)=>l(a,typeof t!="symbol"?t+"":t,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../dash-case-DKzpenwY.cjs"),p=require("../parse-templates-DVK3iZIl.cjs");class g{constructor(t,s){o(this,"_isProd");o(this,"_callerName");o(this,"_context");this.tagName=t,this.params=s}get hash(){return u.toHash(this.params.base||this.params)}get priority(){var t;return typeof this.tagName=="function"||typeof this.tagName=="object"?(((t=this.tagName.generator)==null?void 0:t.priority)||0)+1:0}get classNames(){const t=[this.hash],{className:s}=this.params;return s&&t.push(s),t.join(" ")}get cssClassName(){return this.hash}get cssDisplayNameVar(){return`--${this.hash}-display-name: ${this._callerName};`}get templateKeys(){var t;return(t=this._context)!=null&&t.config.templates?p.getTemplateKeys(this._context.config.templates):[]}get css(){var e;const{base:t={},variants:s={},compoundVariants:i=[]}=this.params,r={...t,variants:s,compoundVariants:i};return p.parseStyles(r,`.${this.cssClassName}`,this.priority,(e=this._context)==null?void 0:e.config)}get props(){const{element:t}=this.params,s=this.params.variants?Object.keys(this.params.variants).map(e=>{var n;const c=(n=this.params.defaultVariants)==null?void 0:n[e];return c!==void 0?`${e}=${String(c)}`:e}):void 0,i=new Set([]),r=/\{props\.([\w\d]+)\}/gi.exec(JSON.stringify(this.params.base));return r&&r.forEach((e,c,n)=>{const h=n.at(1);h&&i.add(h)}),{element:t,variantKeys:s,propValueKeys:[...i],attr:{"data-component-name":this._isProd?void 0:this._callerName}}}_withBuildContext(t){this._context=t;const{name:s,config:i,prod:r}=t;return this._isProd=r,this._callerName=s,this}}exports.StyleComponentGenerator=g;

package/generator/index.js

@@ -1,11 +1,17 @@
-import { toHash as i } from "../util/index.js";
-import { g as n, p as o } from "../parse-templates-BOSK0Tb6.js";
-class p {
+var p = Object.defineProperty;
+var m = (e, t, s) => t in e ? p(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var n = (e, t, s) => m(e, typeof t != "symbol" ? t + "" : t, s);
+import { t as l } from "../dash-case-DMQMcCO6.js";
+import { g, p as u } from "../parse-templates-DUUSaubj.js";
+class N {
   constructor(t, s) {
+    n(this, "_isProd");
+    n(this, "_callerName");
+    n(this, "_context");
     this.tagName = t, this.params = s;
   }
   get hash() {
-    return i(this.params.base || this.params);
+    return l(this.params.base || this.params);
   }
   get priority() {
     var t;
@@ -23,30 +29,37 @@ class p {
   }
   get templateKeys() {
     var t;
-    return (t = this._context) != null && t.config.templates ? n(this._context.config.templates) : [];
+    return (t = this._context) != null && t.config.templates ? g(this._context.config.templates) : [];
   }
   get css() {
-    var e;
-    const { base: t = {}, variants: s = {}, compoundVariants: a = [] } = this.params, r = { ...t, variants: s, compoundVariants: a };
-    return o(r, `.${this.cssClassName}`, this.priority, (e = this._context) == null ? void 0 : e.config);
+    var a;
+    const { base: t = {}, variants: s = {}, compoundVariants: i = [] } = this.params, r = { ...t, variants: s, compoundVariants: i };
+    return u(r, `.${this.cssClassName}`, this.priority, (a = this._context) == null ? void 0 : a.config);
   }
   get props() {
     const { element: t } = this.params, s = this.params.variants ? Object.keys(this.params.variants).map((a) => {
-      var e;
-      const r = (e = this.params.defaultVariants) == null ? void 0 : e[a];
-      return r !== void 0 ? `${a}=${String(r)}` : a;
-    }) : void 0;
-    return {
+      var o;
+      const c = (o = this.params.defaultVariants) == null ? void 0 : o[a];
+      return c !== void 0 ? `${a}=${String(c)}` : a;
+    }) : void 0, i = /* @__PURE__ */ new Set([]), r = /\{props\.([\w\d]+)\}/gi.exec(JSON.stringify(this.params.base));
+    return r && r.forEach((a, c, o) => {
+      const h = o.at(1);
+      h && i.add(h);
+    }), {
       element: t,
-      variantKeys: s
+      variantKeys: s,
+      propValueKeys: [...i],
+      attr: {
+        "data-component-name": this._isProd ? void 0 : this._callerName
+      }
     };
   }
   _withBuildContext(t) {
     this._context = t;
-    const { name: s, config: a } = t;
-    return this._callerName = s, this;
+    const { name: s, config: i, prod: r } = t;
+    return this._isProd = r, this._callerName = s, this;
   }
 }
 export {
-  p as StyleComponentGenerator
+  N as StyleComponentGenerator
 };

package/generator/style-generator.d.ts

@@ -1,7 +1,16 @@
 import { StyledParams, Tag } from '../types';
+export interface GeneratorProps {
+    element?: string;
+    variantKeys?: string[];
+    propValueKeys?: string[];
+    attr: {
+        [key: string]: any;
+    };
+}
 export declare class StyleComponentGenerator {
     tagName: Tag<any>;
     params: StyledParams;
+    _isProd: boolean | undefined;
     _callerName: string | undefined;
     _context: {
         name: string;
@@ -15,12 +24,10 @@ export declare class StyleComponentGenerator {
     get cssDisplayNameVar(): string;
     get templateKeys(): string[];
     get css(): string;
-    get props(): {
-        element: string | undefined;
-        variantKeys: string[] | undefined;
-    };
+    get props(): GeneratorProps;
     _withBuildContext(context: {
         name: string;
         config: any;
+        prod: boolean;
     }): this;
 }

package/index-84Wroia-.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="/* Empty */";exports.default=e;

package/index-BGaLvshf.js

@@ -0,0 +1,232 @@
+import * as H from "esbuild";
+import { execSync as Q } from "child_process";
+import { t as B, d as W } from "./dash-case-DMQMcCO6.js";
+import { join as o } from "path";
+import { existsSync as K, writeFileSync as w, mkdirSync as V, statSync as tt, readdirSync as st, readFileSync as v } from "fs";
+import { readFile as et, writeFile as nt } from "fs/promises";
+import { p as ot, a as rt, b as ct } from "./parse-templates-DUUSaubj.js";
+import { createLogger as at, format as J, transports as it } from "winston";
+const L = (t) => {
+  if (!t || t === "/") throw new Error("Could not find package.json file");
+  const s = o(t, "package.json");
+  return K(s) ? s : L(o(t, ".."));
+}, lt = async (t) => {
+  const s = L(t);
+  return await et(s, "utf-8").then(JSON.parse).catch(() => {
+  });
+}, pt = async (t) => {
+  const s = await lt(t);
+  if (s)
+    return s.type;
+};
+let M;
+const q = async (t) => {
+  if (M) return M;
+  const s = await pt(t);
+  return s === "module" ? M = "esm" : (s === "commonjs" || import.meta.url.endsWith(".cjs")) && (M = "cjs"), M || "esm";
+}, R = at({
+  level: "debug",
+  format: J.combine(J.colorize(), J.cli()),
+  transports: [new it.Console({})]
+}), Ct = (t) => {
+  R.error(t);
+}, O = {
+  externalModules: []
+}, A = (t) => {
+  if (O.externalModules.length > 0) return O.externalModules;
+  const s = o(t, "salty.config.ts"), e = v(s, "utf8").match(/externalModules:\s?\[(.*)\]/);
+  if (!e) return [];
+  const n = e[1].split(",").map((l) => l.replace(/['"`]/g, "").trim());
+  return O.externalModules = n, n;
+}, N = (t) => o(t, "./saltygen"), ft = ["salty", "css", "styles", "styled"], ut = (t = []) => new RegExp(`\\.(${[...ft, ...t].join("|")})\\.`), I = (t, s = []) => ut(s).test(t), gt = async (t) => {
+  const s = N(t), i = o(t, "salty.config.ts"), e = o(s, "salty.config.js"), n = await q(t), l = A(t);
+  await H.build({
+    entryPoints: [i],
+    minify: !0,
+    treeShaking: !0,
+    bundle: !0,
+    outfile: e,
+    format: n,
+    external: l
+  });
+  const S = Date.now(), { config: f } = await import(`${e}?t=${S}`);
+  return f;
+}, dt = async (t) => {
+  const s = await gt(t), i = /* @__PURE__ */ new Set(), e = (u, a = []) => u ? Object.entries(u).flatMap(([m, p]) => {
+    if (!p) return;
+    if (typeof p == "object") return e(p, [...a, m]);
+    const P = [...a, m].join(".");
+    i.add(`"${P}"`);
+    const x = [...a.map(W), W(m)].join("-"), { result: y } = ct(p);
+    return `--${x}: ${y};`;
+  }) : [], n = (u) => u ? Object.entries(u).flatMap(([a, m]) => {
+    const p = e(m);
+    return a === "base" ? p.join("") : `${a} { ${p.join("")} }`;
+  }) : [], l = (u) => u ? Object.entries(u).flatMap(([a, m]) => Object.entries(m).flatMap(([p, P]) => {
+    const x = e(P, [a]), y = `.${a}-${p}, [data-${a}="${p}"]`, b = x.join("");
+    return `${y} { ${b} }`;
+  })) : [], S = e(s.variables), f = n(s.responsiveVariables), C = l(s.conditionalVariables), r = N(t), T = o(r, "css/variables.css"), g = `:root { ${S.join("")} ${f.join("")} } ${C.join("")}`;
+  w(T, g);
+  const h = o(r, "types/css-tokens.d.ts"), c = `type VariableTokens = ${[...i].join("|") || '""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;
+  w(h, c);
+  const d = o(r, "css/global.css"), k = ot(s.global, "");
+  w(d, k);
+  const $ = o(r, "css/templates.css"), j = rt(s.templates);
+  w($, j);
+}, _ = async (t, s, i) => {
+  const e = B(s), n = o(i, "js", e + ".js"), l = await q(t), S = A(t);
+  await H.build({
+    entryPoints: [s],
+    minify: !0,
+    treeShaking: !0,
+    bundle: !0,
+    outfile: n,
+    format: l,
+    target: ["es2022"],
+    keepNames: !0,
+    external: S
+  });
+  const f = Date.now();
+  return await import(`${n}?t=${f}`);
+}, z = async (t) => {
+  const s = N(t), i = o(s, "salty.config.js"), { config: e } = await import(i);
+  return e;
+}, U = () => {
+  try {
+    return process.env.NODE_ENV === "production";
+  } catch {
+    return !1;
+  }
+}, Ft = async (t, s = U()) => {
+  try {
+    s ? R.info("Generating CSS in production mode! 🔥") : R.info("Generating CSS in development mode! 🚀");
+    const i = [], e = [], n = N(t), l = o(n, "index.css");
+    (() => {
+      K(n) && Q("rm -rf " + n), V(n), V(o(n, "css")), V(o(n, "types"));
+    })(), await dt(t);
+    const f = await z(t);
+    async function C(c, d) {
+      const k = ["node_modules", "saltygen"], $ = tt(c);
+      if ($.isDirectory()) {
+        const j = st(c);
+        if (k.some((a) => c.includes(a))) return;
+        await Promise.all(j.map((a) => C(o(c, a), o(d, a))));
+      } else if ($.isFile() && I(c)) {
+        const u = await _(t, c, n), a = [];
+        Object.entries(u).forEach(([x, y]) => {
+          if (y.isKeyframes && y.css) {
+            const G = `${y.animationName}.css`, Y = `css/${G}`, Z = o(n, Y);
+            i.push(G), w(Z, y.css);
+            return;
+          }
+          if (!y.generator) return;
+          const b = y.generator._withBuildContext({
+            name: x,
+            config: f,
+            prod: s
+          }), D = `${b.hash}-${b.priority}.css`;
+          e[b.priority] || (e[b.priority] = []), e[b.priority].push(D), a.push(D);
+          const E = `css/${D}`, X = o(n, E);
+          w(X, b.css);
+        });
+        const m = a.map((x) => `@import url('./${x}');`).join(`
+`), p = B(c, 6), P = o(n, `css/${p}.css`);
+        w(P, m);
+      }
+    }
+    await C(t, n);
+    const r = i.map((c) => `@import url('./css/${c}');`).join(`
+`);
+    let F = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
+
+${["variables.css", "global.css", "templates.css"].filter((c) => {
+      try {
+        return v(o(n, "css", c), "utf8").length > 0;
+      } catch {
+        return !1;
+      }
+    }).map((c) => `@import url('./css/${c}');`).join(`
+`)}
+${r}`;
+    if (f.importStrategy !== "component") {
+      const c = e.flat().map((d) => `@import url('./css/${d}');`).join(`
+`);
+      F += c;
+    }
+    w(l, F);
+  } catch (i) {
+    console.error(i);
+  }
+}, jt = async (t, s) => {
+  try {
+    const i = [], e = o(t, "./saltygen"), n = o(e, "index.css");
+    if (I(s)) {
+      const S = await z(t), f = await _(t, s, e);
+      Object.entries(f).forEach(([h, F]) => {
+        if (!F.generator) return;
+        const c = F.generator._withBuildContext({
+          name: h,
+          config: S
+        }), d = `${c.hash}-${c.priority}.css`, k = `css/${d}`, $ = o(e, k);
+        i.push(d), w($, c.css);
+      });
+      const C = v(n, "utf8").split(`
+`), r = i.map((h) => `@import url('../saltygen/css/${h}');`), g = [.../* @__PURE__ */ new Set([...C, ...r])].join(`
+`);
+      w(n, g);
+    }
+  } catch (i) {
+    console.error(i);
+  }
+}, xt = async (t, s, i = U()) => {
+  try {
+    const e = o(t, "./saltygen");
+    if (I(s)) {
+      const l = v(s, "utf8");
+      l.replace(/^(?!export\s)const\s.*/gm, (g) => `export ${g}`) !== l && await nt(s, l);
+      const f = await z(t), C = await _(t, s, e);
+      let r = l;
+      Object.entries(C).forEach(([g, h]) => {
+        var D;
+        if (h.isKeyframes || !h.generator) return;
+        const F = h.generator._withBuildContext({
+          name: g,
+          config: f,
+          prod: i
+        }), c = new RegExp(`\\s${g}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(l);
+        if (!c) return console.error("Could not find the original declaration");
+        const d = (D = c.at(1)) == null ? void 0 : D.trim(), k = new RegExp(`\\s${g}[=\\s]+styled\\(`, "g").exec(r);
+        if (!k) return console.error("Could not find the original declaration");
+        const { index: $ } = k;
+        let j = !1;
+        const u = setTimeout(() => j = !0, 5e3);
+        let a = 0, m = !1, p = 0;
+        for (; !m && !j; ) {
+          const E = r[$ + a];
+          E === "(" && p++, E === ")" && p--, p === 0 && E === ")" && (m = !0), a > r.length && (j = !0), a++;
+        }
+        if (!j) clearTimeout(u);
+        else throw new Error("Failed to find the end of the styled call and timed out");
+        const P = $ + a, x = r.slice($, P), y = r, b = ` ${g} = styled(${d}, "${F.classNames}", ${JSON.stringify(F.props)});`;
+        r = r.replace(x, b), y === r && console.error("Minimize file failed to change content", { name: g, tagName: d });
+      });
+      const T = B(s, 6);
+      return f.importStrategy === "component" && (r = `import '../../saltygen/css/${T}.css';
+${r}`), r = r.replace("{ styled }", "{ styledClient as styled }"), r = r.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), r;
+    }
+  } catch (e) {
+    console.error("Error in minimizeFile:", e);
+  }
+};
+export {
+  Ct as a,
+  ut as b,
+  dt as c,
+  _ as d,
+  jt as e,
+  Ft as g,
+  I as i,
+  R as l,
+  xt as m,
+  ft as s
+};

package/index-BKoD9apd.cjs

@@ -0,0 +1,11 @@
+"use strict";const te=require("esbuild"),se=require("child_process"),N=require("./dash-case-DKzpenwY.cjs"),i=require("path"),l=require("fs"),H=require("fs/promises"),J=require("./parse-templates-DVK3iZIl.cjs"),v=require("winston");var q=typeof document<"u"?document.currentScript:null;function ne(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,s.get?s:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const U=ne(te),G=e=>{if(!e||e==="/")throw new Error("Could not find package.json file");const t=i.join(e,"package.json");return l.existsSync(t)?t:G(i.join(e,".."))},oe=async e=>{const t=G(e);return await H.readFile(t,"utf-8").then(JSON.parse).catch(()=>{})},ie=async e=>{const t=await oe(e);if(t)return t.type};let T;const L=async e=>{if(T)return T;const t=await ie(e);return t==="module"?T="esm":(t==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:q&&q.tagName.toUpperCase()==="SCRIPT"&&q.src||new URL("index-BKoD9apd.cjs",document.baseURI).href).endsWith(".cjs"))&&(T="cjs"),T||"esm"},O=v.createLogger({level:"debug",format:v.format.combine(v.format.colorize(),v.format.cli()),transports:[new v.transports.Console({})]}),re=e=>{O.error(e)},I={externalModules:[]},W=e=>{if(I.externalModules.length>0)return I.externalModules;const t=i.join(e,"salty.config.ts"),s=l.readFileSync(t,"utf8").match(/externalModules:\s?\[(.*)\]/);if(!s)return[];const o=s[1].split(",").map(u=>u.replace(/['"`]/g,"").trim());return I.externalModules=o,o},V=e=>i.join(e,"./saltygen"),K=["salty","css","styles","styled"],A=(e=[])=>new RegExp(`\\.(${[...K,...e].join("|")})\\.`),R=(e,t=[])=>A(t).test(e),ce=async e=>{const t=V(e),n=i.join(e,"salty.config.ts"),s=i.join(t,"salty.config.js"),o=await L(e),u=W(e);await U.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:s,format:o,external:u});const b=Date.now(),{config:p}=await import(`${s}?t=${b}`);return p},X=async e=>{const t=await ce(e),n=new Set,s=(g,a=[])=>g?Object.entries(g).flatMap(([m,f])=>{if(!f)return;if(typeof f=="object")return s(f,[...a,m]);const P=[...a,m].join(".");n.add(`"${P}"`);const x=[...a.map(N.dashCase),N.dashCase(m)].join("-"),{result:h}=J.parseValueTokens(f);return`--${x}: ${h};`}):[],o=g=>g?Object.entries(g).flatMap(([a,m])=>{const f=s(m);return a==="base"?f.join(""):`${a} { ${f.join("")} }`}):[],u=g=>g?Object.entries(g).flatMap(([a,m])=>Object.entries(m).flatMap(([f,P])=>{const x=s(P,[a]),h=`.${a}-${f}, [data-${a}="${f}"]`,w=x.join("");return`${h} { ${w} }`})):[],b=s(t.variables),p=o(t.responsiveVariables),F=u(t.conditionalVariables),r=V(e),E=i.join(r,"css/variables.css"),d=`:root { ${b.join("")} ${p.join("")} } ${F.join("")}`;l.writeFileSync(E,d);const j=i.join(r,"types/css-tokens.d.ts"),c=`type VariableTokens = ${[...n].join("|")||'""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;l.writeFileSync(j,c);const y=i.join(r,"css/global.css"),k=J.parseStyles(t.global,"");l.writeFileSync(y,k);const S=i.join(r,"css/templates.css"),C=J.parseTemplates(t.templates);l.writeFileSync(S,C)},_=async(e,t,n)=>{const s=N.toHash(t),o=i.join(n,"js",s+".js"),u=await L(e),b=W(e);await U.build({entryPoints:[t],minify:!0,treeShaking:!0,bundle:!0,outfile:o,format:u,target:["es2022"],keepNames:!0,external:b});const p=Date.now();return await import(`${o}?t=${p}`)},z=async e=>{const t=V(e),n=i.join(t,"salty.config.js"),{config:s}=await import(n);return s},Y=()=>{try{return process.env.NODE_ENV==="production"}catch{return!1}},ae=async(e,t=Y())=>{try{t?O.info("Generating CSS in production mode! 🔥"):O.info("Generating CSS in development mode! 🚀");const n=[],s=[],o=V(e),u=i.join(o,"index.css");(()=>{l.existsSync(o)&&se.execSync("rm -rf "+o),l.mkdirSync(o),l.mkdirSync(i.join(o,"css")),l.mkdirSync(i.join(o,"types"))})(),await X(e);const p=await z(e);async function F(c,y){const k=["node_modules","saltygen"],S=l.statSync(c);if(S.isDirectory()){const C=l.readdirSync(c);if(k.some(a=>c.includes(a)))return;await Promise.all(C.map(a=>F(i.join(c,a),i.join(y,a))))}else if(S.isFile()&&R(c)){const g=await _(e,c,o),a=[];Object.entries(g).forEach(([x,h])=>{if(h.isKeyframes&&h.css){const B=`${h.animationName}.css`,Q=`css/${B}`,ee=i.join(o,Q);n.push(B),l.writeFileSync(ee,h.css);return}if(!h.generator)return;const w=h.generator._withBuildContext({name:x,config:p,prod:t}),D=`${w.hash}-${w.priority}.css`;s[w.priority]||(s[w.priority]=[]),s[w.priority].push(D),a.push(D);const M=`css/${D}`,Z=i.join(o,M);l.writeFileSync(Z,w.css)});const m=a.map(x=>`@import url('./${x}');`).join(`
+`),f=N.toHash(c,6),P=i.join(o,`css/${f}.css`);l.writeFileSync(P,m)}}await F(e,o);const r=n.map(c=>`@import url('./css/${c}');`).join(`
+`);let $=`@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
+
+${["variables.css","global.css","templates.css"].filter(c=>{try{return l.readFileSync(i.join(o,"css",c),"utf8").length>0}catch{return!1}}).map(c=>`@import url('./css/${c}');`).join(`
+`)}
+${r}`;if(p.importStrategy!=="component"){const c=s.flat().map(y=>`@import url('./css/${y}');`).join(`
+`);$+=c}l.writeFileSync(u,$)}catch(n){console.error(n)}},le=async(e,t)=>{try{const n=[],s=i.join(e,"./saltygen"),o=i.join(s,"index.css");if(R(t)){const b=await z(e),p=await _(e,t,s);Object.entries(p).forEach(([j,$])=>{if(!$.generator)return;const c=$.generator._withBuildContext({name:j,config:b}),y=`${c.hash}-${c.priority}.css`,k=`css/${y}`,S=i.join(s,k);n.push(y),l.writeFileSync(S,c.css)});const F=l.readFileSync(o,"utf8").split(`
+`),r=n.map(j=>`@import url('../saltygen/css/${j}');`),d=[...new Set([...F,...r])].join(`
+`);l.writeFileSync(o,d)}}catch(n){console.error(n)}},ue=async(e,t,n=Y())=>{try{const s=i.join(e,"./saltygen");if(R(t)){const u=l.readFileSync(t,"utf8");u.replace(/^(?!export\s)const\s.*/gm,d=>`export ${d}`)!==u&&await H.writeFile(t,u);const p=await z(e),F=await _(e,t,s);let r=u;Object.entries(F).forEach(([d,j])=>{var D;if(j.isKeyframes||!j.generator)return;const $=j.generator._withBuildContext({name:d,config:p,prod:n}),c=new RegExp(`\\s${d}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(u);if(!c)return console.error("Could not find the original declaration");const y=(D=c.at(1))==null?void 0:D.trim(),k=new RegExp(`\\s${d}[=\\s]+styled\\(`,"g").exec(r);if(!k)return console.error("Could not find the original declaration");const{index:S}=k;let C=!1;const g=setTimeout(()=>C=!0,5e3);let a=0,m=!1,f=0;for(;!m&&!C;){const M=r[S+a];M==="("&&f++,M===")"&&f--,f===0&&M===")"&&(m=!0),a>r.length&&(C=!0),a++}if(!C)clearTimeout(g);else throw new Error("Failed to find the end of the styled call and timed out");const P=S+a,x=r.slice(S,P),h=r,w=` ${d} = styled(${y}, "${$.classNames}", ${JSON.stringify($.props)});`;r=r.replace(x,w),h===r&&console.error("Minimize file failed to change content",{name:d,tagName:y})});const E=N.toHash(t,6);return p.importStrategy==="component"&&(r=`import '../../saltygen/css/${E}.css';
+${r}`),r=r.replace("{ styled }","{ styledClient as styled }"),r=r.replace("@salty-css/react/styled","@salty-css/react/styled-client"),r}}catch(s){console.error("Error in minimizeFile:",s)}};exports.compileSaltyFile=_;exports.generateConfigStyles=X;exports.generateCss=ae;exports.generateFile=le;exports.isSaltyFile=R;exports.logError=re;exports.logger=O;exports.minimizeFile=ue;exports.saltyFileExtensions=K;exports.saltyFileRegExp=A;

package/index-D_732b92.js

@@ -0,0 +1,4 @@
+const t = "/* Empty */";
+export {
+  t as default
+};