salty-css 0.0.1-alpha.27 → 0.0.1-test.1

package/package.json

@@ -1,9 +1,6 @@
 {
   "name": "salty-css",
-  "version": "0.0.1-alpha.27",
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "typings": "./dist/index.d.ts",
+  "version": "0.0.1-test.1",
   "type": "module",
   "license": "MIT",
   "private": false,
@@ -19,47 +16,10 @@
     "!**/*.tsbuildinfo"
   ],
   "nx": {
-    "sourceRoot": "libs/core/src",
-    "name": "core"
+    "sourceRoot": "libs/cli",
+    "name": "cli"
   },
-  "peerDependencies": {
-    "commander": ">=12.x",
-    "ejs": ">=3.x",
-    "esbuild": ">=0.21.x",
-    "ora": ">=8.x",
-    "react": ">=18.x || >=19.x",
-    "winston": ">=3.x"
-  },
-  "exports": {
-    "./compiler": {
-      "import": "./compiler/index.js",
-      "require": "./compiler/index.cjs"
-    },
-    "./css": {
-      "import": "./css/index.js",
-      "require": "./css/index.cjs"
-    },
-    "./generator": {
-      "import": "./generator/index.js",
-      "require": "./generator/index.cjs"
-    },
-    "./config": {
-      "import": "./config/index.js",
-      "require": "./config/index.cjs"
-    },
-    "./types": {
-      "import": "./types/index.js",
-      "require": "./types/index.cjs"
-    },
-    "./util": {
-      "import": "./util/index.js",
-      "require": "./util/index.cjs"
-    }
-  },
-  "bin": {
-    "salty": "./bin/index.js",
-    "salty-css": "./bin/index.js",
-    "salty-css-cjs": "./bin/index.cjs",
-    "@salty-css/core": "./bin/index.js"
+  "dependencies": {
+    "@salty-css/core": "^0.0.1-alpha.27"
   }
 }

package/README.md

@@ -1,111 +0,0 @@
-# Salty Css
-
-## Basic usage example with Button
-
-### Initial requirements
-
-1. Add `saltyPlugin` to vite or webpack config from `@salty-css/vite` or `@salty-css/webpack`
-2. Create `salty.config.ts` to the root of your project
-3. Import global styles to any regular .css file from `saltygen/index.css` (does not exist during first run, cli command coming later)
-4. Create salty components with styled only inside files that end with `.css.ts`, `.salty.ts` `.styled.ts` or `.styles.ts`
-
-### Code examples
-
-**Salty config**
-
-```tsx
-import { defineConfig } from '@salty-css/core/config';
-
-export const config = defineConfig({
-  variables: {
-    colors: {
-      brand: '#111',
-      highlight: 'yellow',
-    },
-  },
-  global: {
-    html: {
-      backgroundColor: '#f8f8f8',
-    },
-  },
-});
-```
-
-**Your React component file**
-
-```tsx
-import { Wrapper } from '../components/wrapper/wrapper.css';
-import { Button } from '../components/button/button.css';
-
-export const IndexPage = () => {
-  return (
-    <Wrapper>
-      <Button variant="solid" onClick={() => alert('It is a button.')}>
-        Outlined
-      </Button>
-    </Wrapper>
-  );
-};
-```
-
-**Wrapper** (`components/wrapper/wrapper.css.ts`)
-
-```tsx
-import { styled } from '@salty-css/react/styled';
-
-export const Wrapper = styled('div', {
-  base: {
-    display: 'block',
-    padding: '2vw',
-  },
-});
-```
-
-**Button** (`components/button/button.css.ts`)
-
-```tsx
-import { styled } from '@salty-css/react/styled';
-
-export const Button = styled('button', {
-  base: {
-    display: 'block',
-    padding: `0.6em 1.2em`,
-    border: '1px solid currentColor',
-    background: 'transparent',
-    color: 'currentColor/40',
-    cursor: 'pointer',
-    transition: '200ms',
-    textDecoration: 'none',
-    '&:hover': {
-      background: 'black',
-      borderColor: 'black',
-      color: 'white',
-    },
-    '&:disabled': {
-      opacity: 0.25,
-      pointerEvents: 'none',
-    },
-  },
-  variants: {
-    variant: {
-      outlined: {
-        // same as default styles
-      },
-      solid: {
-        '&:not(:hover)': {
-          background: 'black',
-          borderColor: 'black',
-          color: 'white',
-        },
-        '&:hover': {
-          background: 'transparent',
-          borderColor: 'currentColor',
-          color: 'currentColor',
-        },
-      },
-    },
-  },
-});
-```
-
-More examples coming soon

package/bin/bin-util.d.ts

@@ -1,2 +0,0 @@
-export declare const execAsync: (command: string) => Promise<void>;
-export declare const npmInstall: (...packages: string[]) => Promise<void>;

package/bin/index.cjs

@@ -1,9 +0,0 @@
-#!/usr/bin/env node
-"use strict";const R=require("commander"),i=require("fs/promises"),t=require("path"),O=require("ejs"),T=require("../compiler/index.cjs"),U=require("../pascal-case-iWoaJWwT.cjs"),S=require("winston"),z=require("fs"),A=require("child_process"),H=require("ora");var _=typeof document<"u"?document.currentScript:null;const o=S.createLogger({level:"debug",format:S.format.combine(S.format.colorize(),S.format.cli()),transports:[new S.transports.Console({})]}),E=n=>new Promise((l,u)=>{A.exec(n,m=>{if(m)return u(m);l()})}),D=async(...n)=>{const l=n.map(I=>I.replace("-D","").split("@").slice(0,-1).join("@").trim()),u=H(`Installing packages: ${l.join(", ")}`).start(),m=n.join(" ");await E(`npm install ${m}`),u.succeed(`Installed packages: ${l.join(",")}`)},W=()=>z.existsSync(t.join(process.cwd(),"node_modules",".bin","prettier"));async function x(n){try{if(!W())return;await E(`./node_modules/.bin/prettier --write "${n}"`),o.info(`Formatted ${n} with Prettier`)}catch(l){o.error(`Error formatting ${n} with Prettier:`,l)}}async function B(){const n=new R.Command;n.name("salty-css").description("Salty-CSS CLI tool to help with annoying configuration tasks.");const l={"salty.config.ts":Promise.resolve().then(()=>require("../salty.config-BupieCfE.cjs")),"saltygen/index.css":Promise.resolve().then(()=>require("../index-84Wroia-.cjs")),"react/react-styled-file.ts":Promise.resolve().then(()=>require("../react-styled-file-Dkubsz-U.cjs"))},u=async(s,d)=>{const{default:g}=await l[s],y=O.render(g,d);return{fileName:s,content:y}},m=async()=>{const s=t.join(process.cwd(),".saltyrc");return await i.readFile(s,"utf-8").then(JSON.parse).catch(()=>({}))},I=async()=>{const s=new URL("../package.json",typeof document>"u"?require("url").pathToFileURL(__filename).href:_&&_.tagName.toUpperCase()==="SCRIPT"&&_.src||new URL("bin/index.cjs",document.baseURI).href);return await i.readFile(s,"utf-8").then(JSON.parse).catch(()=>({}))},N=await(async()=>(await m()).defaultProject)(),P=await I(),v={core:`@salty-css/core@${P.version}`,react:`@salty-css/react@${P.version}`,eslintPluginCore:`@salty-css/eslint-plugin-core@${P.version}`,vite:`@salty-css/vite@${P.version}`};n.command("init [directory]").description("Initialize a new Salty-CSS project.").option("-d, --dir <dir>","Project directory to initialize the project in.").option("--css-file <css-file>","Existing CSS file where to import the generated CSS. Path must be relative to the given project directory.").option("--skip-install","Skip installing dependencies.").action(async function(s){o.info("Initializing a new Salty-CSS project!");const{dir:d=s,cssFile:g,skipInstall:y}=this.opts();y||(await D(v.core,v.react),await D(`-D ${v.eslintPluginCore}`));const w=process.cwd(),p=t.join(w,d),$=await Promise.all([u("salty.config.ts"),u("saltygen/index.css")]);await i.mkdir(p,{recursive:!0});const k=$.map(async({fileName:e,content:r})=>{const f=t.join(p,e);if(await i.readFile(f,"utf-8").catch(()=>{})!==void 0){o.debug("File already exists: "+f);return}const J=e.split("/").slice(0,-1).join("/");J&&await i.mkdir(t.join(p,J),{recursive:!0}),o.info("Writing file: "+f),await i.writeFile(f,r),await x(f)});await Promise.all(k);const a=t.relative(w,p),c=t.join(w,".saltyrc"),b=await i.readFile(c,"utf-8").catch(()=>{});if(b===void 0){o.info("Creating file: "+c);const r=JSON.stringify({defaultProject:a,projects:[a]},null,2);await i.writeFile(c,r)}else{o.info("Edit file: "+c);const e=JSON.parse(b),r=new Set((e==null?void 0:e.projects)||[]);r.add(a),e.projects=[...r];const f=JSON.stringify(e,null,2);await i.writeFile(c,f)}const h=t.join(w,".gitignore"),j=await i.readFile(h,"utf-8").catch(()=>{});if(j!==void 0&&(j.includes("saltygen")||(o.info("Edit file: "+h),await i.writeFile(h,j+`
-
-# Salty-CSS
-saltygen
-`))),g){const e=t.join(p,g),r=await i.readFile(e,"utf-8").catch(()=>{});if(r!==void 0&&!r.includes("saltygen")){const F=t.join(e,".."),L=`@import '${t.relative(F,t.join(p,"saltygen/index.css"))}';`;o.info("Edit file: "+e),await i.writeFile(e,L+`
-`+r),await x(e)}}const C=t.join(p,"vite.config.ts"),q=await i.readFile(C,"utf-8").catch(()=>{});if(q!==void 0&&!q.includes("saltyPlugin")){o.info("Edit file: "+C);const r=`import { saltyPlugin } from '@salty-css/vite';
-`,F=q.replace(/(plugins: \[)/,`$1
-  saltyPlugin(__dirname),`);o.info("Installing @salty-css/vite"),y||await D(`-D ${v.vite}`),o.info("Adding Salty-CSS plugin to Vite config..."),await i.writeFile(C,r+F),await x(C)}}),n.command("build [directory]").alias("b").description("Build the Salty-CSS project.").option("-d, --dir <dir>","Project directory to build the project in.").action(async function(s=N){o.info("Building the Salty-CSS project...");const{dir:d=s}=this.opts(),g=t.join(process.cwd(),d);await T.generateCss(g)}),n.command("generate [file]").alias("g").description("Generate a new component file.").option("-f, --file <file>","File to generate.").option("-d, --dir <dir>","Project directory to generate the file in.",N).option("-t, --tag <tag>","HTML tag of the component.","div").option("-n, --name <name>","Name of the component.").option("-c, --className <className>","CSS class of the component.").action(async function(s){const{file:d=s,dir:g,tag:y,name:w,className:p}=this.opts(),$=t.join(process.cwd(),g),k=t.join($,d),a=t.parse(k);a.ext||(a.ext=".ts"),a.name.endsWith(".css")||(a.name=a.name+".css"),a.base=a.name+a.ext;const c=t.format(a);if(await i.readFile(c,"utf-8").catch(()=>{})!==void 0){o.error("File already exists:",c);return}o.info("Generating a new file: "+c);const h=U.pascalCase(w||a.base.replace(/\.css\.\w+$/,"")),{content:j}=await u("react/react-styled-file.ts",{tag:y,name:h,className:p});await i.writeFile(c,j),await x(c)}),n.parseAsync(process.argv)}B().catch(n=>console.error(n));

package/bin/index.d.ts

@@ -1,2 +0,0 @@
-#!/usr/bin/env node
-export {};

package/bin/index.js

@@ -1,132 +0,0 @@
-#!/usr/bin/env node
-import { Command as H } from "commander";
-import { mkdir as _, readFile as g, writeFile as y } from "fs/promises";
-import { join as o, relative as z, parse as T, format as W } from "path";
-import { render as B } from "ejs";
-import { generateCss as G } from "../compiler/index.js";
-import { p as R } from "../pascal-case-BQpR5PdN.js";
-import { createLogger as M, format as E, transports as U } from "winston";
-import { existsSync as V } from "fs";
-import { exec as q } from "child_process";
-import K from "ora";
-const n = M({
-  level: "debug",
-  format: E.combine(E.colorize(), E.cli()),
-  transports: [new U.Console({})]
-}), L = (e) => new Promise((c, m) => {
-  q(e, (u) => {
-    if (u) return m(u);
-    c();
-  });
-}), N = async (...e) => {
-  const c = e.map(($) => $.replace("-D", "").split("@").slice(0, -1).join("@").trim()), m = K(`Installing packages: ${c.join(", ")}`).start(), u = e.join(" ");
-  await L(`npm install ${u}`), m.succeed(`Installed packages: ${c.join(",")}`);
-}, Q = () => V(o(process.cwd(), "node_modules", ".bin", "prettier"));
-async function F(e) {
-  try {
-    if (!Q()) return;
-    await L(`./node_modules/.bin/prettier --write "${e}"`), n.info(`Formatted ${e} with Prettier`);
-  } catch (c) {
-    n.error(`Error formatting ${e} with Prettier:`, c);
-  }
-}
-async function X() {
-  const e = new H();
-  e.name("salty-css").description("Salty-CSS CLI tool to help with annoying configuration tasks.");
-  const c = {
-    // Core files
-    "salty.config.ts": import("../salty.config-D9ANEDiH.js"),
-    "saltygen/index.css": import("../index-D_732b92.js"),
-    // React
-    "react/react-styled-file.ts": import("../react-styled-file-CGVf5n1B.js")
-  }, m = async (a, l) => {
-    const { default: f } = await c[a], w = B(f, l);
-    return { fileName: a, content: w };
-  }, u = async () => {
-    const a = o(process.cwd(), ".saltyrc");
-    return await g(a, "utf-8").then(JSON.parse).catch(() => ({}));
-  }, $ = async () => {
-    const a = new URL("../package.json", import.meta.url);
-    return await g(a, "utf-8").then(JSON.parse).catch(() => ({}));
-  }, O = await (async () => (await u()).defaultProject)(), v = await $(), C = {
-    core: `@salty-css/core@${v.version}`,
-    react: `@salty-css/react@${v.version}`,
-    eslintPluginCore: `@salty-css/eslint-plugin-core@${v.version}`,
-    vite: `@salty-css/vite@${v.version}`
-  };
-  e.command("init [directory]").description("Initialize a new Salty-CSS project.").option("-d, --dir <dir>", "Project directory to initialize the project in.").option("--css-file <css-file>", "Existing CSS file where to import the generated CSS. Path must be relative to the given project directory.").option("--skip-install", "Skip installing dependencies.").action(async function(a) {
-    n.info("Initializing a new Salty-CSS project!");
-    const { dir: l = a, cssFile: f, skipInstall: w } = this.opts();
-    w || (await N(C.core, C.react), await N(`-D ${C.eslintPluginCore}`));
-    const h = process.cwd(), d = o(h, l), I = await Promise.all([m("salty.config.ts"), m("saltygen/index.css")]);
-    await _(d, { recursive: !0 });
-    const k = I.map(async ({ fileName: t, content: s }) => {
-      const p = o(d, t);
-      if (await g(p, "utf-8").catch(() => {
-      }) !== void 0) {
-        n.debug("File already exists: " + p);
-        return;
-      }
-      const D = t.split("/").slice(0, -1).join("/");
-      D && await _(o(d, D), { recursive: !0 }), n.info("Writing file: " + p), await y(p, s), await F(p);
-    });
-    await Promise.all(k);
-    const i = z(h, d), r = o(h, ".saltyrc"), b = await g(r, "utf-8").catch(() => {
-    });
-    if (b === void 0) {
-      n.info("Creating file: " + r);
-      const s = JSON.stringify({
-        defaultProject: i,
-        projects: [i]
-      }, null, 2);
-      await y(r, s);
-    } else {
-      n.info("Edit file: " + r);
-      const t = JSON.parse(b), s = new Set((t == null ? void 0 : t.projects) || []);
-      s.add(i), t.projects = [...s];
-      const p = JSON.stringify(t, null, 2);
-      await y(r, p);
-    }
-    const S = o(h, ".gitignore"), P = await g(S, "utf-8").catch(() => {
-    });
-    if (P !== void 0 && (P.includes("saltygen") || (n.info("Edit file: " + S), await y(S, P + `
-
-# Salty-CSS
-saltygen
-`))), f) {
-      const t = o(d, f), s = await g(t, "utf-8").catch(() => {
-      });
-      if (s !== void 0 && !s.includes("saltygen")) {
-        const x = o(t, ".."), A = `@import '${z(x, o(d, "saltygen/index.css"))}';`;
-        n.info("Edit file: " + t), await y(t, A + `
-` + s), await F(t);
-      }
-    }
-    const j = o(d, "vite.config.ts"), J = await g(j, "utf-8").catch(() => {
-    });
-    if (J !== void 0 && !J.includes("saltyPlugin")) {
-      n.info("Edit file: " + j);
-      const s = `import { saltyPlugin } from '@salty-css/vite';
-`, x = J.replace(/(plugins: \[)/, `$1
-  saltyPlugin(__dirname),`);
-      n.info("Installing @salty-css/vite"), w || await N(`-D ${C.vite}`), n.info("Adding Salty-CSS plugin to Vite config..."), await y(j, s + x), await F(j);
-    }
-  }), e.command("build [directory]").alias("b").description("Build the Salty-CSS project.").option("-d, --dir <dir>", "Project directory to build the project in.").action(async function(a = O) {
-    n.info("Building the Salty-CSS project...");
-    const { dir: l = a } = this.opts(), f = o(process.cwd(), l);
-    await G(f);
-  }), e.command("generate [file]").alias("g").description("Generate a new component file.").option("-f, --file <file>", "File to generate.").option("-d, --dir <dir>", "Project directory to generate the file in.", O).option("-t, --tag <tag>", "HTML tag of the component.", "div").option("-n, --name <name>", "Name of the component.").option("-c, --className <className>", "CSS class of the component.").action(async function(a) {
-    const { file: l = a, dir: f, tag: w, name: h, className: d } = this.opts(), I = o(process.cwd(), f), k = o(I, l), i = T(k);
-    i.ext || (i.ext = ".ts"), i.name.endsWith(".css") || (i.name = i.name + ".css"), i.base = i.name + i.ext;
-    const r = W(i);
-    if (await g(r, "utf-8").catch(() => {
-    }) !== void 0) {
-      n.error("File already exists:", r);
-      return;
-    }
-    n.info("Generating a new file: " + r);
-    const S = R(h || i.base.replace(/\.css\.\w+$/, "")), { content: P } = await m("react/react-styled-file.ts", { tag: w, name: S, className: d });
-    await y(r, P), await F(r);
-  }), e.parseAsync(process.argv);
-}
-X().catch((e) => console.error(e));

package/bin/logger.d.ts

@@ -1 +0,0 @@
-export declare const logger: import('winston').Logger;

package/bin/prettier.d.ts

@@ -1 +0,0 @@
-export declare function formatWithPrettier(filePath: string): Promise<void>;

package/compiler/index.cjs

@@ -1,11 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("esbuild"),B=require("child_process"),P=require("../dash-case-DKzpenwY.cjs"),o=require("path"),r=require("fs"),K=require("fs/promises"),V=require("../parse-templates-W0YfTmOT.cjs");function G(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,s.get?s:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const R=G(z),N=t=>o.join(t,"./saltygen"),_=["salty","css","styles","styled"],q=(t=[])=>new RegExp(`\\.(${[..._,...t].join("|")})\\.`),O=(t,e=[])=>q(e).test(t),J=async t=>{const e=N(t),n=o.join(t,"salty.config.ts"),s=o.join(e,"salty.config.js");await R.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:s,format:"esm",external:["react"]});const a=Date.now(),{config:w}=await import(`${s}?t=${a}`);return w},M=async t=>{const e=await J(t),n=new Set,s=(d,y=[])=>d?Object.entries(d).flatMap(([p,c])=>{if(!c)return;if(typeof c=="object")return s(c,[...y,p]);const C=[...y,p].join(".");n.add(`"${C}"`);const x=[...y.map(P.dashCase),P.dashCase(p)].join("-"),{result:D}=V.parseValueTokens(c);return`--${x}: ${D};`}):[],a=d=>d?Object.entries(d).flatMap(([y,p])=>{const c=s(p);return y==="base"?c.join(""):`${y} { ${c.join("")} }`}):[],w=d=>d?Object.entries(d).flatMap(([y,p])=>Object.entries(p).flatMap(([c,C])=>{const x=s(C,[y]),D=`.${y}-${c}, [data-${y}="${c}"]`,k=x.join("");return`${D} { ${k} }`})):[],j=s(e.variables),S=a(e.responsiveVariables),l=w(e.conditionalVariables),b=N(t),f=o.join(b,"css/variables.css"),i=`:root { ${j.join("")} ${S.join("")} } ${l.join("")}`;r.writeFileSync(f,i);const g=o.join(b,"types/css-tokens.d.ts"),m=`type VariableTokens = ${[...n].join("|")}; type PropertyValueToken = \`{\${VariableTokens}}\``;r.writeFileSync(g,m);const u=o.join(b,"css/global.css"),h=V.parseStyles(e.global,"");r.writeFileSync(u,h);const F=o.join(b,"css/templates.css"),v=V.parseTemplates(e.templates);r.writeFileSync(F,v)},T=async(t,e)=>{const n=P.toHash(t),s=o.join(e,"js",n+".js");await R.build({entryPoints:[t],minify:!0,treeShaking:!0,bundle:!0,outfile:s,format:"esm",target:["es2022"],keepNames:!0,external:["react"]});const a=Date.now();return await import(`${s}?t=${a}`)},E=async t=>{const e=N(t),n=o.join(e,"salty.config.js"),{config:s}=await import(n);return s},A=async t=>{try{const e=[],n=[],s=N(t),a=o.join(s,"index.css");(()=>{r.existsSync(s)&&B.execSync("rm -rf "+s),r.mkdirSync(s),r.mkdirSync(o.join(s,"css")),r.mkdirSync(o.join(s,"types"))})(),await M(t);const j=await E(t);async function S(i,g){const $=r.statSync(i);if($.isDirectory()){const m=r.readdirSync(i);await Promise.all(m.map(u=>S(o.join(i,u),o.join(g,u))))}else if($.isFile()&&O(i)){const u=await T(i,s),h=[];Object.entries(u).forEach(([y,p])=>{if(p.isKeyframes&&p.css){const k=`${p.animationName}.css`,H=`css/${k}`,I=o.join(s,H);e.push(k),r.writeFileSync(I,p.css);return}if(!p.generator)return;const c=p.generator._withBuildContext({name:y,config:j}),C=`${c.hash}-${c.priority}.css`;n[c.priority]||(n[c.priority]=[]),n[c.priority].push(C),h.push(C);const x=`css/${C}`,D=o.join(s,x);r.writeFileSync(D,c.css)});const F=h.map(y=>`@import url('./${y}');`).join(`
-`),v=P.toHash(i,6),d=o.join(s,`css/${v}.css`);r.writeFileSync(d,F)}}await S(t,s);const l=e.map(i=>`@import url('./css/${i}');`).join(`
-`);let f=`@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(`
-`)}
-${l}`;if(j.importStrategy!=="component"){const i=n.flat().map(g=>`@import url('./css/${g}');`).join(`
-`);f+=i}r.writeFileSync(a,f)}catch(e){console.error(e)}},L=async(t,e)=>{try{const n=[],s=o.join(t,"./saltygen"),a=o.join(s,"index.css");if(O(e)){const j=await E(t),S=await T(e,s);Object.entries(S).forEach(([g,$])=>{if(!$.generator)return;const m=$.generator._withBuildContext({name:g,config:j}),u=`${m.hash}-${m.priority}.css`,h=`css/${u}`,F=o.join(s,h);n.push(u),r.writeFileSync(F,m.css)});const l=r.readFileSync(a,"utf8").split(`
-`),b=n.map(g=>`@import url('../saltygen/css/${g}');`),i=[...new Set([...l,...b])].join(`
-`);r.writeFileSync(a,i)}}catch(n){console.error(n)}},U=async(t,e)=>{try{const n=o.join(t,"./saltygen");if(O(e)){const a=r.readFileSync(e,"utf8");a.replace(/^(?!export\s)const\s.*/gm,f=>`export ${f}`)!==a&&await K.writeFile(e,a);const j=await E(t),S=await T(e,n);let l=a;Object.entries(S).forEach(([f,i])=>{var F;if(i.isKeyframes){console.log("value",i);return}if(!i.generator)return;const g=i.generator._withBuildContext({name:f,config:j}),$=new RegExp(`${f}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(a);if(!$)return console.error("Could not find the original declaration");const m=(F=$.at(1))==null?void 0:F.trim(),u=`${f} = styled(${m}, "${g.classNames}", "${g._callerName}", ${JSON.stringify(g.props)});`,h=new RegExp(`${f}[=\\s]+[^()]+styled\\(([^,]+),[^;]+;`,"g");l=l.replace(h,u)});const b=P.toHash(e,6);return j.importStrategy==="component"&&(l=`import '../../saltygen/css/${b}.css';
-${l}`),l=l.replace("{ styled }","{ styledClient as styled }"),l=l.replace("@salty-css/react/styled","@salty-css/react/styled-client"),l}}catch(n){console.error(n)}};exports.compileSaltyFile=T;exports.generateConfigStyles=M;exports.generateCss=A;exports.generateFile=L;exports.isSaltyFile=O;exports.minimizeFile=U;exports.saltyFileExtensions=_;exports.saltyFileRegExp=q;

package/compiler/index.d.ts

@@ -1,16 +0,0 @@
-import { StyleComponentGenerator } from '../generator/style-generator';
-export declare const saltyFileExtensions: string[];
-export declare const saltyFileRegExp: (additional?: string[]) => RegExp;
-export declare const isSaltyFile: (file: string, additional?: string[]) => boolean;
-export declare const generateConfigStyles: (dirname: string) => Promise<void>;
-export declare const compileSaltyFile: (sourceFilePath: string, outputDirectory: string) => Promise<{
-    [key: string]: {
-        generator: StyleComponentGenerator;
-        isKeyframes?: boolean;
-        animationName?: string;
-        css?: string;
-    };
-}>;
-export declare const generateCss: (dirname: string) => Promise<void>;
-export declare const generateFile: (dirname: string, file: string) => Promise<void>;
-export declare const minimizeFile: (dirname: string, file: string) => Promise<string | undefined>;

package/compiler/index.js

@@ -1,174 +0,0 @@
-import * as I from "esbuild";
-import { execSync as H } from "child_process";
-import { t as T, d as R } from "../dash-case-DMQMcCO6.js";
-import { join as o } from "path";
-import { writeFileSync as $, existsSync as K, mkdirSync as V, statSync as z, readdirSync as G, readFileSync as M } from "fs";
-import { writeFile as J } from "fs/promises";
-import { p as q, a as A, b as L } from "../parse-templates-D4p3pgQR.js";
-const N = (s) => o(s, "./saltygen"), U = ["salty", "css", "styles", "styled"], W = (s = []) => new RegExp(`\\.(${[...U, ...s].join("|")})\\.`), v = (s, e = []) => W(e).test(s), X = async (s) => {
-  const e = N(s), n = o(s, "salty.config.ts"), t = o(e, "salty.config.js");
-  await I.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 = (u, l = []) => u ? Object.entries(u).flatMap(([p, r]) => {
-    if (!r) return;
-    if (typeof r == "object") return t(r, [...l, p]);
-    const x = [...l, p].join(".");
-    n.add(`"${x}"`);
-    const C = [...l.map(R), R(p)].join("-"), { result: D } = L(r);
-    return `--${C}: ${D};`;
-  }) : [], c = (u) => u ? Object.entries(u).flatMap(([l, p]) => {
-    const r = t(p);
-    return l === "base" ? r.join("") : `${l} { ${r.join("")} }`;
-  }) : [], S = (u) => u ? Object.entries(u).flatMap(([l, p]) => Object.entries(p).flatMap(([r, x]) => {
-    const C = t(x, [l]), D = `.${l}-${r}, [data-${l}="${r}"]`, P = C.join("");
-    return `${D} { ${P} }`;
-  })) : [], d = t(e.variables), w = c(e.responsiveVariables), a = S(e.conditionalVariables), b = N(s), f = o(b, "css/variables.css"), i = `:root { ${d.join("")} ${w.join("")} } ${a.join("")}`;
-  $(f, i);
-  const y = o(b, "types/css-tokens.d.ts"), m = `type VariableTokens = ${[...n].join("|")}; type PropertyValueToken = \`{\${VariableTokens}}\``;
-  $(y, m);
-  const g = o(b, "css/global.css"), F = q(e.global, "");
-  $(g, F);
-  const j = o(b, "css/templates.css"), k = A(e.templates);
-  $(j, k);
-}, E = async (s, e) => {
-  const n = T(s), t = o(e, "js", n + ".js");
-  await I.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}`);
-}, O = async (s) => {
-  const e = N(s), n = o(e, "salty.config.js"), { config: t } = await import(n);
-  return t;
-}, ot = async (s) => {
-  try {
-    const e = [], n = [], t = N(s), c = o(t, "index.css");
-    (() => {
-      K(t) && H("rm -rf " + t), V(t), V(o(t, "css")), V(o(t, "types"));
-    })(), await Y(s);
-    const d = await O(s);
-    async function w(i, y) {
-      const h = z(i);
-      if (h.isDirectory()) {
-        const m = G(i);
-        await Promise.all(m.map((g) => w(o(i, g), o(y, g))));
-      } else if (h.isFile() && v(i)) {
-        const g = await E(i, t), F = [];
-        Object.entries(g).forEach(([l, p]) => {
-          if (p.isKeyframes && p.css) {
-            const P = `${p.animationName}.css`, _ = `css/${P}`, B = o(t, _);
-            e.push(P), $(B, p.css);
-            return;
-          }
-          if (!p.generator) return;
-          const r = p.generator._withBuildContext({
-            name: l,
-            config: d
-          }), x = `${r.hash}-${r.priority}.css`;
-          n[r.priority] || (n[r.priority] = []), n[r.priority].push(x), F.push(x);
-          const C = `css/${x}`, D = o(t, C);
-          $(D, r.css);
-        });
-        const j = F.map((l) => `@import url('./${l}');`).join(`
-`), k = T(i, 6), u = o(t, `css/${k}.css`);
-        $(u, j);
-      }
-    }
-    await w(s, t);
-    const a = e.map((i) => `@import url('./css/${i}');`).join(`
-`);
-    let f = `@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 i = n.flat().map((y) => `@import url('./css/${y}');`).join(`
-`);
-      f += i;
-    }
-    $(c, f);
-  } catch (e) {
-    console.error(e);
-  }
-}, it = async (s, e) => {
-  try {
-    const n = [], t = o(s, "./saltygen"), c = o(t, "index.css");
-    if (v(e)) {
-      const d = await O(s), w = await E(e, t);
-      Object.entries(w).forEach(([y, h]) => {
-        if (!h.generator) return;
-        const m = h.generator._withBuildContext({
-          name: y,
-          config: d
-        }), g = `${m.hash}-${m.priority}.css`, F = `css/${g}`, j = o(t, F);
-        n.push(g), $(j, m.css);
-      });
-      const a = M(c, "utf8").split(`
-`), b = n.map((y) => `@import url('../saltygen/css/${y}');`), i = [.../* @__PURE__ */ new Set([...a, ...b])].join(`
-`);
-      $(c, i);
-    }
-  } catch (n) {
-    console.error(n);
-  }
-}, rt = async (s, e) => {
-  try {
-    const n = o(s, "./saltygen");
-    if (v(e)) {
-      const c = M(e, "utf8");
-      c.replace(/^(?!export\s)const\s.*/gm, (f) => `export ${f}`) !== c && await J(e, c);
-      const d = await O(s), w = await E(e, n);
-      let a = c;
-      Object.entries(w).forEach(([f, i]) => {
-        var j;
-        if (i.isKeyframes) {
-          console.log("value", i);
-          return;
-        }
-        if (!i.generator) return;
-        const y = i.generator._withBuildContext({
-          name: f,
-          config: d
-        }), h = new RegExp(`${f}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(c);
-        if (!h)
-          return console.error("Could not find the original declaration");
-        const m = (j = h.at(1)) == null ? void 0 : j.trim(), g = `${f} = styled(${m}, "${y.classNames}", "${y._callerName}", ${JSON.stringify(y.props)});`, F = new RegExp(`${f}[=\\s]+[^()]+styled\\(([^,]+),[^;]+;`, "g");
-        a = a.replace(F, g);
-      });
-      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);
-  }
-};
-export {
-  E as compileSaltyFile,
-  Y as generateConfigStyles,
-  ot as generateCss,
-  it as generateFile,
-  v as isSaltyFile,
-  rt as minimizeFile,
-  U as saltyFileExtensions,
-  W as saltyFileRegExp
-};

package/config/config-types.d.ts

@@ -1,59 +0,0 @@
-import { CssStyles } from '../types';
-type CssTemplate = CssStyles | {
-    [key: PropertyKey]: CssTemplate;
-};
-export type CssVariables = Record<string, unknown>;
-export interface CssResponsiveVariables {
-    [key: string]: CssVariables;
-}
-export interface CssConditionalVariables {
-    [key: PropertyKey]: {
-        [key: PropertyKey]: CssVariables;
-    };
-}
-export interface CssTemplates {
-    [key: PropertyKey]: {
-        [key: PropertyKey]: CssTemplate;
-    };
-}
-export interface CssModifier {
-    pattern: RegExp;
-    transform: (regexMatch: string) => {
-        css?: CssStyles;
-        value: string;
-    };
-}
-export type CssModifiers = Record<string, CssModifier>;
-export interface SaltyConfig {
-    /**
-     * The import strategy to use when importing css files.
-     * - `root` will import the css file from the root of the project.
-     * - `component` will import the css file from the component's directory.
-     */
-    importStrategy?: 'root' | 'component';
-    /**
-     * Base variables that can be used in all styles as they are applied globally to :root.
-     */
-    variables?: CssVariables;
-    /**
-     * Variables that are defined for different media queries.
-     */
-    responsiveVariables?: CssResponsiveVariables;
-    /**
-     * Variables that are defined for different parent selectors (classes or data attributes).
-     */
-    conditionalVariables?: CssConditionalVariables;
-    /**
-     * The global styles that are imported in the root of the project.
-     */
-    global?: CssStyles;
-    /**
-     * The templates that can be used in styles to create reusable css.
-     */
-    templates?: CssTemplates;
-    /**
-     * The modifiers that can transform css values.
-     */
-    modifiers?: CssModifiers;
-}
-export {};

package/config/define-config.d.ts

@@ -1,2 +0,0 @@
-import { SaltyConfig } from './config-types';
-export declare const defineConfig: <T extends SaltyConfig>(config: T) => T;

package/config/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=e=>e;exports.defineConfig=n;

package/config/index.d.ts

@@ -1,2 +0,0 @@
-export * from './config-types';
-export * from './define-config';

package/config/index.js

@@ -1,4 +0,0 @@
-const n = (e) => e;
-export {
-  n as defineConfig
-};

package/css/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>`{${e}}`;exports.token=t;

package/css/index.d.ts

@@ -1 +0,0 @@
-export declare const token: <T extends VariableTokens>(token: T) => string;

package/css/index.js

@@ -1,4 +0,0 @@
-const t = (o) => `{${o}}`;
-export {
-  t as token
-};

package/dash-case-DKzpenwY.cjs

@@ -1 +0,0 @@
-"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

@@ -1,19 +0,0 @@
-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 +0,0 @@
-"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 c=(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-W0YfTmOT.cjs");class g{constructor(t,s){c(this,"_callerName");c(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:r=[]}=this.params,i={...t,variants:s,compoundVariants:r};return p.parseStyles(i,`.${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 o=(n=this.params.defaultVariants)==null?void 0:n[e];return o!==void 0?`${e}=${String(o)}`:e}):void 0,r=new Set([]),i=/\{props\.([\w\d]+)\}/gi.exec(JSON.stringify(this.params.base));return i&&i.forEach((e,o,n)=>{const h=n.at(1);h&&r.add(h)}),{element:t,variantKeys:s,propValueKeys:[...r]}}_withBuildContext(t){this._context=t;const{name:s,config:r}=t;return this._callerName=s,this}}exports.StyleComponentGenerator=g;

package/generator/index.d.ts

@@ -1 +0,0 @@
-export * from './style-generator';

package/generator/index.js

@@ -1,61 +0,0 @@
-var h = Object.defineProperty;
-var m = (e, t, s) => t in e ? h(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var c = (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-D4p3pgQR.js";
-class d {
-  constructor(t, s) {
-    c(this, "_callerName");
-    c(this, "_context");
-    this.tagName = t, this.params = s;
-  }
-  get hash() {
-    return l(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 ? g(this._context.config.templates) : [];
-  }
-  get css() {
-    var a;
-    const { base: t = {}, variants: s = {}, compoundVariants: r = [] } = this.params, i = { ...t, variants: s, compoundVariants: r };
-    return u(i, `.${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 n;
-      const o = (n = this.params.defaultVariants) == null ? void 0 : n[a];
-      return o !== void 0 ? `${a}=${String(o)}` : a;
-    }) : void 0, r = /* @__PURE__ */ new Set([]), i = /\{props\.([\w\d]+)\}/gi.exec(JSON.stringify(this.params.base));
-    return i && i.forEach((a, o, n) => {
-      const p = n.at(1);
-      p && r.add(p);
-    }), {
-      element: t,
-      variantKeys: s,
-      propValueKeys: [...r]
-    };
-  }
-  _withBuildContext(t) {
-    this._context = t;
-    const { name: s, config: r } = t;
-    return this._callerName = s, this;
-  }
-}
-export {
-  d as StyleComponentGenerator
-};

package/generator/parse-modifiers.d.ts

@@ -1,3 +0,0 @@
-import { CssModifiers } from '../config/config-types';
-import { ValueParserReturnValue } from './parser-types';
-export declare const parseValueModifiers: (value: string, modifiers?: CssModifiers) => ValueParserReturnValue;

package/generator/parse-styles.d.ts

@@ -1,2 +0,0 @@
-import { SaltyConfig } from '../config/config-types';
-export declare const parseStyles: <T extends object>(styles: T, currentClass: string, layer?: number, config?: SaltyConfig | undefined) => string;

package/generator/parse-templates.d.ts

@@ -1,2 +0,0 @@
-export declare const parseTemplates: <T extends object>(obj: T, path?: PropertyKey[]) => string;
-export declare const getTemplateKeys: <T extends object>(templates: T) => string[];

package/generator/parse-tokens.d.ts

@@ -1,2 +0,0 @@
-import { ValueParserReturnValue } from './parser-types';
-export declare const parseValueTokens: (value: string) => ValueParserReturnValue;

package/generator/parser-types.d.ts

@@ -1,4 +0,0 @@
-export interface ValueParserReturnValue {
-    result: string;
-    additionalCss?: Object[];
-}

package/generator/style-generator.d.ts

@@ -1,28 +0,0 @@
-import { StyledParams, Tag } from '../types';
-export interface GeneratorProps {
-    element?: string;
-    variantKeys?: string[];
-    propValueKeys?: string[];
-}
-export declare class StyleComponentGenerator {
-    tagName: Tag<any>;
-    params: StyledParams;
-    _callerName: string | undefined;
-    _context: {
-        name: string;
-        config: any;
-    } | undefined;
-    constructor(tagName: Tag<any>, params: StyledParams);
-    get hash(): string;
-    get priority(): number;
-    get classNames(): string;
-    get cssClassName(): string;
-    get cssDisplayNameVar(): string;
-    get templateKeys(): string[];
-    get css(): string;
-    get props(): GeneratorProps;
-    _withBuildContext(context: {
-        name: string;
-        config: any;
-    }): this;
-}

package/index-84Wroia-.cjs

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

package/index-D_732b92.js

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

package/parse-templates-D4p3pgQR.js

@@ -1,92 +0,0 @@
-import { d as O } from "./dash-case-DMQMcCO6.js";
-const N = (t, r) => {
-  if (typeof t != "string") return { result: t };
-  if (!r) return { result: t };
-  const e = [];
-  return Object.values(r).forEach((n) => {
-    const { pattern: o, transform: c } = n;
-    t = t.replace(o, (h) => {
-      const { value: i, css: m } = c(h);
-      return m && e.push(m), i;
-    });
-  }), { result: t, additionalCss: e };
-}, P = (t) => typeof t != "string" ? { result: t } : /\{[^{}]+\}/g.test(t) ? { result: t.replace(/\{([^{}]+)\}/g, (...n) => `var(--${O(n[1].replaceAll(".", "-"))})`) } : { result: t }, d = (t, r, e, n) => {
-  if (!t) return "";
-  const o = [], c = Object.entries(t).reduce((i, [m, s]) => {
-    const p = m.trim();
-    if (typeof s == "function" && (s = s()), typeof s == "object") {
-      if (!s) return i;
-      if (p === "variants")
-        return Object.entries(s).forEach(([u, f]) => {
-          f && Object.entries(f).forEach(([b, j]) => {
-            if (!j) return;
-            const l = `${r}.${u}-${b}`, y = d(j, l, e);
-            o.push(y);
-          });
-        }), i;
-      if (p === "defaultVariants")
-        return i;
-      if (p === "compoundVariants")
-        return s.forEach((u) => {
-          const { css: f, ...b } = u, j = Object.entries(b).reduce((y, [V, W]) => `${y}.${V}-${W}`, r), l = d(f, j, e);
-          o.push(l);
-        }), i;
-      if (p.startsWith("@")) {
-        const u = d(s, r, e), f = `${p} {
- ${u.replace(`
-`, `
- `)}
-}`;
-        return o.push(f), i;
-      }
-      const $ = m.includes("&") ? p.replace("&", r) : p.startsWith(":") ? `${r}${p}` : `${r} ${p}`, a = d(s, $, e);
-      return o.push(a), i;
-    }
-    if (n != null && n.templates && n.templates[p]) {
-      const a = s.split(".").reduce((f, b) => f[b], n.templates[p]), u = d(a, "");
-      return `${i}${u}`;
-    }
-    const g = p.startsWith("-") ? p : O(p), E = ($, a = ";") => i = `${i}${$}${a}`, S = ($) => E(`${g}:${$}`);
-    if (typeof s == "number") return S(s);
-    if (typeof s != "string")
-      if ("toString" in s) s = s.toString();
-      else return i;
-    const { modifiers: k } = n || {}, T = function* () {
-      yield P(s), yield N(s, k);
-    }();
-    for (const { result: $, additionalCss: a = [] } of T)
-      s = $, a.forEach((u) => {
-        const f = d(u, "");
-        E(f, "");
-      });
-    return S(s);
-  }, "");
-  if (!c) return o.join(`
-`);
-  if (!r) return c;
-  let h = "";
-  return e !== void 0 ? h = `@layer l${e} { ${r} { ${c} } }` : h = `${r} { ${c} }`, [h, ...o].join(`
-`);
-}, _ = (t, r = []) => {
-  if (!t) return "";
-  const e = [], n = {};
-  if (Object.entries(t).forEach(([o, c]) => {
-    if (typeof c == "object") {
-      if (!c) return;
-      const h = o.trim(), i = _(c, [...r, h]);
-      e.push(i);
-    } else
-      n[o] = c;
-  }), Object.keys(n).length) {
-    const o = r.map(O).join("-"), c = d(n, `.${o}`);
-    e.push(c);
-  }
-  return e.join(`
-`);
-}, A = (t) => Object.keys(t);
-export {
-  _ as a,
-  P as b,
-  A as g,
-  d as p
-};

package/parse-templates-W0YfTmOT.cjs

@@ -1,8 +0,0 @@
-"use strict";const O=require("./dash-case-DKzpenwY.cjs"),N=(t,e)=>{if(typeof t!="string")return{result:t};if(!e)return{result:t};const r=[];return Object.values(e).forEach(n=>{const{pattern:o,transform:c}=n;t=t.replace(o,a=>{const{value:i,css:l}=c(a);return l&&r.push(l),i})}),{result:t,additionalCss:r}},k=t=>typeof t!="string"?{result:t}:/\{[^{}]+\}/g.test(t)?{result:t.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${O.dashCase(n[1].replaceAll(".","-"))})`)}:{result:t},h=(t,e,r,n)=>{if(!t)return"";const o=[],c=Object.entries(t).reduce((i,[l,s])=>{const p=l.trim();if(typeof s=="function"&&(s=s()),typeof s=="object"){if(!s)return i;if(p==="variants")return Object.entries(s).forEach(([u,f])=>{f&&Object.entries(f).forEach(([m,j])=>{if(!j)return;const y=`${e}.${u}-${m}`,b=h(j,y,r);o.push(b)})}),i;if(p==="defaultVariants")return i;if(p==="compoundVariants")return s.forEach(u=>{const{css:f,...m}=u,j=Object.entries(m).reduce((b,[q,K])=>`${b}.${q}-${K}`,e),y=h(f,j,r);o.push(y)}),i;if(p.startsWith("@")){const u=h(s,e,r),f=`${p} {
- ${u.replace(`
-`,`
- `)}
-}`;return o.push(f),i}const $=l.includes("&")?p.replace("&",e):p.startsWith(":")?`${e}${p}`:`${e} ${p}`,d=h(s,$,r);return o.push(d),i}if(n!=null&&n.templates&&n.templates[p]){const d=s.split(".").reduce((f,m)=>f[m],n.templates[p]),u=h(d,"");return`${i}${u}`}const V=p.startsWith("-")?p:O.dashCase(p),T=($,d=";")=>i=`${i}${$}${d}`,S=$=>T(`${V}:${$}`);if(typeof s=="number")return S(s);if(typeof s!="string")if("toString"in s)s=s.toString();else return i;const{modifiers:g}=n||{},W=function*(){yield k(s),yield N(s,g)}();for(const{result:$,additionalCss:d=[]}of W)s=$,d.forEach(u=>{const f=h(u,"");T(f,"")});return S(s)},"");if(!c)return o.join(`
-`);if(!e)return c;let a="";return r!==void 0?a=`@layer l${r} { ${e} { ${c} } }`:a=`${e} { ${c} }`,[a,...o].join(`
-`)},E=(t,e=[])=>{if(!t)return"";const r=[],n={};if(Object.entries(t).forEach(([o,c])=>{if(typeof c=="object"){if(!c)return;const a=o.trim(),i=E(c,[...e,a]);r.push(i)}else n[o]=c}),Object.keys(n).length){const o=e.map(O.dashCase).join("-"),c=h(n,`.${o}`);r.push(c)}return r.join(`
-`)},P=t=>Object.keys(t);exports.getTemplateKeys=P;exports.parseStyles=h;exports.parseTemplates=E;exports.parseValueTokens=k;

package/pascal-case-BQpR5PdN.js

@@ -1,6 +0,0 @@
-function p(e) {
-  return e ? typeof e != "string" ? p(String(e)) : e.replace(/\s/g, "-").replace(/[-_]([a-z0-9])/g, (a) => a[1].toUpperCase()).replace(/^[a-z]/, (a) => a.toUpperCase()) : "";
-}
-export {
-  p
-};

package/pascal-case-iWoaJWwT.cjs

@@ -1 +0,0 @@
-"use strict";function r(e){return e?typeof e!="string"?r(String(e)):e.replace(/\s/g,"-").replace(/[-_]([a-z0-9])/g,a=>a[1].toUpperCase()).replace(/^[a-z]/,a=>a.toUpperCase()):""}exports.pascalCase=r;

package/react-styled-file-CGVf5n1B.js

@@ -1,11 +0,0 @@
-const e = `import { styled } from "@salty-css/react/styled";
-
-export const <%- name %> = styled('<%- tag %>', {
-  <% if(className) { %>className: '<%- className %>',<% } %>
-  base: {
-    // Add your styles here
-  }
-})`;
-export {
-  e as default
-};

package/react-styled-file-Dkubsz-U.cjs

@@ -1,8 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=`import { styled } from "@salty-css/react/styled";
-
-export const <%- name %> = styled('<%- tag %>', {
-  <% if(className) { %>className: '<%- className %>',<% } %>
-  base: {
-    // Add your styles here
-  }
-})`;exports.default=e;

package/salty.config-BupieCfE.cjs

@@ -1,6 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=`import { defineConfig } from '@salty-css/core/config';
-
-export const config = defineConfig({
-  // Add your custom config here
-});
-`;exports.default=o;

package/salty.config-D9ANEDiH.js

@@ -1,9 +0,0 @@
-const n = `import { defineConfig } from '@salty-css/core/config';
-
-export const config = defineConfig({
-  // Add your custom config here
-});
-`;
-export {
-  n as default
-};

package/types/index.cjs

@@ -1 +0,0 @@
-"use strict";

package/types/index.d.ts

@@ -1,63 +0,0 @@
-import { AllHTMLAttributes, ReactDOM, ReactNode } from 'react';
-import { StyleComponentGenerator } from '../generator';
-import { OrString } from './util-types';
-export type CreateElementProps = {
-    extend?: Tag<any>;
-    children?: ReactNode;
-    className?: string;
-    element?: string;
-    passVariantProps?: boolean;
-    style?: any;
-    /** vks = Variant key set */
-    _vks?: Set<string>;
-};
-export type StyledComponentProps = Record<string, unknown> & CreateElementProps;
-type FnComponent<PROPS extends StyledComponentProps> = {
-    (props: PROPS): ReactNode;
-    generator?: StyleComponentGenerator;
-};
-export type Tag<PROPS extends StyledComponentProps> = OrString | keyof ReactDOM | FnComponent<PROPS>;
-export type CompoundVariant = {
-    [key: PropertyKey]: any;
-    css: CssStyles;
-};
-type InvalidVariantKeys = keyof AllHTMLAttributes<HTMLElement>;
-type StyleKeys = keyof Required<AllHTMLAttributes<HTMLElement>>['style'];
-export type StyleValue<K extends string> = K extends StyleKeys ? Required<AllHTMLAttributes<HTMLElement>>['style'][K] : never;
-type VariantOptions = {
-    [key in InvalidVariantKeys]?: never;
-};
-type Variants = {
-    variants?: VariantOptions & {
-        [key: PropertyKey]: {
-            [key: string]: Styles;
-        };
-    };
-    defaultVariants?: {
-        [key: PropertyKey]: any;
-    };
-    compoundVariants?: CompoundVariant[];
-};
-type VariantPropValue<T> = T extends 'true' ? 'true' | true : T;
-export type VariantProps<STYLES extends StyledParams> = STYLES['variants'] extends undefined ? object : {
-    [K in keyof STYLES['variants']]?: VariantPropValue<keyof STYLES['variants'][K]> | '';
-};
-type CssValuePropKey = `props-${string}`;
-export type ValueProps = {
-    [key: CssValuePropKey]: string;
-};
-export type ParentComponentProps<TAG extends Tag<any>> = TAG extends (props: infer P) => ReactNode ? P : unknown;
-type StylePropertyValue = Record<never, never> & unknown;
-export type CssStyles = {
-    [key in StyleKeys | OrString]?: StyleValue<key> | StylePropertyValue | PropertyValueToken | CssStyles;
-};
-export type Styles = CssStyles & Variants;
-export interface GeneratorOptions {
-    className?: string;
-    displayName?: string;
-    element?: string;
-}
-export interface StyledParams extends GeneratorOptions, Variants {
-    base?: CssStyles;
-}
-export {};

package/types/index.js

@@ -1 +0,0 @@
-

package/types/util-types.d.ts

@@ -1,13 +0,0 @@
-export type CommonRecord<TYPE = unknown> = Record<PropertyKey, TYPE>;
-export type IsUnion<T, U extends T = T> = T extends unknown ? ([U] extends [T] ? false : true) : false;
-export type IsSpecifiedString<T> = T extends string ? (string extends T ? false : true) : false;
-export type NeverObj = Record<never, never>;
-export type OrAny = any & NeverObj;
-export type NotFunction = string | number | boolean | object | null | undefined | CommonRecord;
-export type OrT<T> = T & NeverObj;
-export type OrString = OrT<string>;
-export type OrNumber = OrT<number>;
-export type ReplaceAny<TYPE, WITH = unknown> = TYPE extends any ? WITH : TYPE;
-export type BothTrue<T, U> = T extends true ? (U extends true ? true : false) : false;
-export type EitherTrue<T, U> = T extends true ? true : U extends true ? true : false;
-export type Tail<T extends any[]> = ((...args: T) => any) extends (arg: any, ...rest: infer R) => any ? R : never;

package/util/camel-case.d.ts

@@ -1 +0,0 @@
-export declare function camelCase(str: PropertyKey): string;

package/util/dash-case.d.ts

@@ -1 +0,0 @@
-export declare function dashCase(str: PropertyKey): string;

package/util/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../dash-case-DKzpenwY.cjs"),t=require("../pascal-case-iWoaJWwT.cjs");function s(e){return e?typeof e!="string"?s(String(e)):e.replace(/\s/g,"-").replace(/-([a-z])/g,r=>r[1].toUpperCase()):""}exports.dashCase=a.dashCase;exports.toHash=a.toHash;exports.pascalCase=t.pascalCase;exports.camelCase=s;

package/util/index.d.ts

@@ -1,4 +0,0 @@
-export * from './camel-case';
-export * from './dash-case';
-export * from './pascal-case';
-export * from './to-hash';

package/util/index.js

@@ -1,11 +0,0 @@
-import { d as o, t as s } from "../dash-case-DMQMcCO6.js";
-import { p as f } from "../pascal-case-BQpR5PdN.js";
-function r(e) {
-  return e ? typeof e != "string" ? r(String(e)) : e.replace(/\s/g, "-").replace(/-([a-z])/g, (a) => a[1].toUpperCase()) : "";
-}
-export {
-  r as camelCase,
-  o as dashCase,
-  f as pascalCase,
-  s as toHash
-};

package/util/pascal-case.d.ts

@@ -1 +0,0 @@
-export declare function pascalCase(str: PropertyKey): string;

package/util/to-hash.d.ts

@@ -1,4 +0,0 @@
-/**
- * Create unique hash string from any value
- */
-export declare const toHash: (value: unknown, length?: number) => string;