@salty-css/core 0.0.1-alpha.335 → 0.0.1-alpha.336

package/{class-name-generator-7NA8gtKo.cjs → class-name-generator-B_LEduWe.cjs}

@@ -2,8 +2,9 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-const parseStyles = require("./parse-styles-gRr_iCy7.cjs");
-const toHash = require("./to-hash-DT2ImSPA.cjs");
+const parseStyles = require("./parse-styles-DDx7UpaY.cjs");
+const dashCase = require("./dash-case-DIwKaYgE.cjs");
+const toHash = require("./to-hash-C05Y906F.cjs");
 class StylesGenerator {
   constructor(params) {
     __publicField(this, "buildContext", {});
@@ -34,7 +35,7 @@ class StylesGenerator {
   get cssFileName() {
     const { callerName } = this.buildContext;
     if (callerName) {
-      const dasherized = toHash.dashCase(callerName);
+      const dasherized = dashCase.dashCase(callerName);
       return `cl_${dasherized}-${this.hash}.css`;
     }
     return `${this.hash}.css`;
@@ -50,7 +51,7 @@ class StylesGenerator {
     if (!(config == null ? void 0 : config.templates) || !this.params.base || this.priority > 0) return [];
     const templateKeys = Object.keys(config.templates);
     return Object.entries(this.params.base).reduce((acc, [key, value]) => {
-      if (templateKeys.includes(key)) acc.push("t_" + toHash.toHash(toHash.dashCase(`${key}-${value}`), 4));
+      if (templateKeys.includes(key)) acc.push("t_" + toHash.toHash(dashCase.dashCase(`${key}-${value}`), 4));
       return acc;
     }, []);
   }

package/{class-name-generator-D7IidIMe.js → class-name-generator-i5iaicjF.js}

@@ -1,8 +1,9 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { p as parseAndJoinStyles } from "./parse-styles-CS97_e4S.js";
-import { t as toHash, d as dashCase } from "./to-hash-DSoCPs8D.js";
+import { p as parseAndJoinStyles } from "./parse-styles-DQoke7UP.js";
+import { d as dashCase } from "./dash-case-DblXvymC.js";
+import { t as toHash } from "./to-hash-DAN2LcHK.js";
 class StylesGenerator {
   constructor(params) {
     __publicField(this, "buildContext", {});

package/compiler/as-class.cjs

@@ -11,8 +11,9 @@ const fs = require("fs");
 const child_process = require("child_process");
 const compiler_helpers = require("./helpers.cjs");
 const defineTemplates = require("../define-templates-Deq1aCbN.cjs");
-const toHash = require("../to-hash-DT2ImSPA.cjs");
-const parseStyles = require("../parse-styles-gRr_iCy7.cjs");
+const dashCase = require("../dash-case-DIwKaYgE.cjs");
+const toHash = require("../to-hash-C05Y906F.cjs");
+const parseStyles = require("../parse-styles-DDx7UpaY.cjs");
 const css_merge = require("../css/merge.cjs");
 const compiler_getFiles = require("./get-files.cjs");
 const parsers_index = require("../parsers/index.cjs");
@@ -342,7 +343,7 @@ ${currentFile}`;
             const cssContent2 = localCssFile.map((file) => `@import url('./${file}');`).join("\n");
             const hashName = toHash.toHash(src, 6);
             const parsedPath = path.parse(src);
-            const dasherized = toHash.dashCase(parsedPath.name);
+            const dasherized = dashCase.dashCase(parsedPath.name);
             const cssFile2 = path.join(destDir, `css/f_${dasherized}-${hashName}.css`);
             fs.writeFileSync(cssFile2, cssContent2 || `/* Empty file */`);
           });
@@ -433,10 +434,10 @@ ${css}
             if (typeof value2 === "function") return await parseVariable(await value2());
             if (typeof value2 === "object") return await parseVariables(value2, [...path2, key]);
             const dottedKey = dotCase(key);
-            const dashedKey = toHash.dashCase(key);
+            const dashedKey = dashCase.dashCase(key);
             const tsName = [...path2, dottedKey].join(".");
             variableTokens.add(`"${tsName}"`);
-            const cssName = [...path2.map(toHash.dashCase), dashedKey].join("-");
+            const cssName = [...path2.map(dashCase.dashCase), dashedKey].join("-");
             const result = parseStyles.parseVariableTokens(value2);
             if (!result) return `--${cssName}: ${value2};`;
             return `--${cssName}: ${result.transformed};`;
@@ -621,7 +622,7 @@ ${css}
           if (config.importStrategy === "component") {
             const fileHash = toHash.toHash(file, 6);
             const parsed = path.parse(file);
-            const dasherized = toHash.dashCase(parsed.name);
+            const dasherized = dashCase.dashCase(parsed.name);
             const cssFileName = `f_${dasherized}-${fileHash}.css`;
             current = `import '../../saltygen/css/${cssFileName}';
 ${current}`;
@@ -709,7 +710,7 @@ ${newContent}
             const cssContent = cssFiles.flat().map((file2) => `@import url('./${file2}');`).join("\n");
             const hashName = toHash.toHash(file, 6);
             const parsedPath = path.parse(file);
-            const dasherized = toHash.dashCase(parsedPath.name);
+            const dasherized = dashCase.dashCase(parsedPath.name);
             const cssFile = path.join(destDir, `css/f_${dasherized}-${hashName}.css`);
             fs.writeFileSync(cssFile, cssContent || `/* Empty file */`);
           }

package/compiler/as-class.js

@@ -9,8 +9,9 @@ import { readFileSync, existsSync, mkdirSync, statSync, readdirSync, writeFileSy
 import { execSync } from "child_process";
 import { isSaltyFile, resolveExportValue, getCorePackageRoot, saltyFileExtensions } from "./helpers.js";
 import { d as defineTemplates } from "../define-templates-CVhhgPnd.js";
-import { t as toHash, d as dashCase } from "../to-hash-DSoCPs8D.js";
-import { p as parseAndJoinStyles, a as parseVariableTokens } from "../parse-styles-CS97_e4S.js";
+import { d as dashCase } from "../dash-case-DblXvymC.js";
+import { t as toHash } from "../to-hash-DAN2LcHK.js";
+import { p as parseAndJoinStyles, b as parseVariableTokens } from "../parse-styles-DQoke7UP.js";
 import { mergeObjects, mergeFactories } from "../css/merge.js";
 import { getPackageJson } from "./get-files.js";
 import { parseTemplates, getTemplateTypes } from "../parsers/index.js";

package/css/keyframes.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const parseStyles = require("../parse-styles-gRr_iCy7.cjs");
-const toHash = require("../to-hash-DT2ImSPA.cjs");
+const parseStyles = require("../parse-styles-DDx7UpaY.cjs");
+const toHash = require("../to-hash-C05Y906F.cjs");
 const keyframes = ({ animationName: _name, params: _params, appendInitialStyles, ...keyframes2 }) => {
   const modifyKeyframes = async (params = {}) => {
     const animationName = _name || toHash.toHash(keyframes2);

package/css/keyframes.js

@@ -1,5 +1,5 @@
-import { p as parseAndJoinStyles } from "../parse-styles-CS97_e4S.js";
-import { t as toHash } from "../to-hash-DSoCPs8D.js";
+import { p as parseAndJoinStyles } from "../parse-styles-DQoke7UP.js";
+import { t as toHash } from "../to-hash-DAN2LcHK.js";
 const keyframes = ({ animationName: _name, params: _params, appendInitialStyles, ...keyframes2 }) => {
   const modifyKeyframes = async (params = {}) => {
     const animationName = _name || toHash(keyframes2);

package/dash-case-DIwKaYgE.cjs

@@ -0,0 +1,9 @@
+"use strict";
+function dashCase(str) {
+  if (!str) return "";
+  if (typeof str !== "string") return dashCase(String(str));
+  return str.replace(/[\s.]/g, "-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (s, i) => {
+    return (i > 0 ? "-" : "") + s.toLowerCase();
+  });
+}
+exports.dashCase = dashCase;

package/dash-case-DblXvymC.js

@@ -0,0 +1,10 @@
+function dashCase(str) {
+  if (!str) return "";
+  if (typeof str !== "string") return dashCase(String(str));
+  return str.replace(/[\s.]/g, "-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (s, i) => {
+    return (i > 0 ? "-" : "") + s.toLowerCase();
+  });
+}
+export {
+  dashCase as d
+};

package/generators/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classNameGenerator = require("../class-name-generator-7NA8gtKo.cjs");
-const toHash = require("../to-hash-DT2ImSPA.cjs");
+const classNameGenerator = require("../class-name-generator-B_LEduWe.cjs");
+const dashCase = require("../dash-case-DIwKaYgE.cjs");
 class StyledGenerator extends classNameGenerator.StylesGenerator {
   constructor(tagName, _params) {
     super(_params);
@@ -35,7 +35,7 @@ class StyledGenerator extends classNameGenerator.StylesGenerator {
       if (matches) {
         matches.forEach((match) => {
           const value = match.replace(/\{(?:-)?props\.([^}]+)\}/gi, "$1");
-          const dashed = toHash.dashCase(value);
+          const dashed = dashCase.dashCase(value);
           if (value) propValueKeys.add(dashed);
         });
       }

package/generators/index.js

@@ -1,6 +1,6 @@
-import { S as StylesGenerator } from "../class-name-generator-D7IidIMe.js";
-import { C } from "../class-name-generator-D7IidIMe.js";
-import { d as dashCase } from "../to-hash-DSoCPs8D.js";
+import { S as StylesGenerator } from "../class-name-generator-i5iaicjF.js";
+import { C } from "../class-name-generator-i5iaicjF.js";
+import { d as dashCase } from "../dash-case-DblXvymC.js";
 class StyledGenerator extends StylesGenerator {
   constructor(tagName, _params) {
     super(_params);

package/instances/classname-instance.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classNameGenerator = require("../class-name-generator-7NA8gtKo.cjs");
+const classNameGenerator = require("../class-name-generator-B_LEduWe.cjs");
 const classNameInstance = (params) => {
   const generator = new classNameGenerator.ClassNameGenerator(params);
   const createClass = (classNameStr) => {

package/instances/classname-instance.js

@@ -1,4 +1,4 @@
-import { C as ClassNameGenerator } from "../class-name-generator-D7IidIMe.js";
+import { C as ClassNameGenerator } from "../class-name-generator-i5iaicjF.js";
 const classNameInstance = (params) => {
   const generator = new ClassNameGenerator(params);
   const createClass = (classNameStr) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/core",
-  "version": "0.0.1-alpha.335",
+  "version": "0.0.1-alpha.336",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -122,6 +122,10 @@
     "./instances/classname-instance": {
       "import": "./instances/classname-instance.js",
       "require": "./instances/classname-instance.cjs"
+    },
+    "./runtime": {
+      "import": "./runtime/index.js",
+      "require": "./runtime/index.cjs"
     }
   },
   "bin": {

package/{parse-styles-gRr_iCy7.cjs → parse-styles-DDx7UpaY.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const toHash = require("./to-hash-DT2ImSPA.cjs");
+const dashCase = require("./dash-case-DIwKaYgE.cjs");
 const viewportClamp = require("./viewport-clamp-CEmzmcSj.cjs");
 const parseValueModifiers = (modifiers) => (value) => {
   if (typeof value !== "string") return void 0;
@@ -21,7 +21,7 @@ const parseValueTokens = (tokenNames) => (value) => {
   const hasToken = /\{[^{}]+\}/g.test(value);
   if (!hasToken) return void 0;
   const transformed = value.replace(/\{([^{}]+)\}/g, (...args) => {
-    const variable = toHash.dashCase(args[1].replaceAll(".", "-"));
+    const variable = dashCase.dashCase(args[1].replaceAll(".", "-"));
     if (tokenNames && !tokenNames.includes(variable)) console.warn(`Token ${variable} might not exist`);
     if (variable.startsWith("-")) return `-${variable}`;
     return `var(--${variable})`;
@@ -77,8 +77,8 @@ const addUnit = (key, value, config) => {
 const vendorPrefixes = ["Webkit", "Moz", "ms", "O"];
 const propertyNameCheck = (key) => {
   if (key.startsWith("-")) return key;
-  if (vendorPrefixes.some((prefix) => key.startsWith(prefix))) return `-${toHash.dashCase(key)}`;
-  return toHash.dashCase(key);
+  if (vendorPrefixes.some((prefix) => key.startsWith(prefix))) return `-${dashCase.dashCase(key)}`;
+  return dashCase.dashCase(key);
 };
 const parseStyles = async (styles, currentScope = "", config, omitTemplates = false) => {
   if (!styles) throw new Error("No styles provided to parseStyles function!");

package/{parse-styles-CS97_e4S.js → parse-styles-DQoke7UP.js}

@@ -1,4 +1,4 @@
-import { d as dashCase } from "./to-hash-DSoCPs8D.js";
+import { d as dashCase } from "./dash-case-DblXvymC.js";
 import { d as defineViewportClamp } from "./viewport-clamp-K553uXu3.js";
 const parseValueModifiers = (modifiers) => (value) => {
   if (typeof value !== "string") return void 0;
@@ -224,9 +224,9 @@ const parseAndJoinStyles = async (styles, currentClass, config, omitTemplates =
   return css.join("\n");
 };
 export {
-  parseVariableTokens as a,
-  parseValueModifiers as b,
-  parseStyles as c,
+  parseStyles as a,
+  parseVariableTokens as b,
+  parseValueModifiers as c,
   parseValueTokens as d,
   parseAndJoinStyles as p
 };

package/parsers/index.cjs

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const parseStyles = require("../parse-styles-gRr_iCy7.cjs");
-const toHash = require("../to-hash-DT2ImSPA.cjs");
+const parseStyles = require("../parse-styles-DDx7UpaY.cjs");
+const dashCase = require("../dash-case-DIwKaYgE.cjs");
+const toHash = require("../to-hash-C05Y906F.cjs");
 const parseTemplates = async (obj, path = []) => {
   if (!obj) return "";
   const classes = [];
@@ -17,7 +18,7 @@ const parseTemplates = async (obj, path = []) => {
     }
   }
   if (Object.keys(levelStyles).length) {
-    const className = path.map(toHash.dashCase).join("-");
+    const className = path.map(dashCase.dashCase).join("-");
     const hashClass = "t_" + toHash.toHash(className, 4);
     const result = await parseStyles.parseAndJoinStyles(levelStyles, `.${className}, .${hashClass}`);
     classes.push(result);

package/parsers/index.js

@@ -1,6 +1,7 @@
-import { p as parseAndJoinStyles } from "../parse-styles-CS97_e4S.js";
-import { c, b, d, a } from "../parse-styles-CS97_e4S.js";
-import { d as dashCase, t as toHash } from "../to-hash-DSoCPs8D.js";
+import { p as parseAndJoinStyles } from "../parse-styles-DQoke7UP.js";
+import { a, c, d, b } from "../parse-styles-DQoke7UP.js";
+import { d as dashCase } from "../dash-case-DblXvymC.js";
+import { t as toHash } from "../to-hash-DAN2LcHK.js";
 const parseTemplates = async (obj, path = []) => {
   if (!obj) return "";
   const classes = [];
@@ -50,9 +51,9 @@ export {
   getTemplateTokens,
   getTemplateTypes,
   parseAndJoinStyles,
-  c as parseStyles,
+  a as parseStyles,
   parseTemplates,
-  b as parseValueModifiers,
+  c as parseValueModifiers,
   d as parseValueTokens,
-  a as parseVariableTokens
+  b as parseVariableTokens
 };

package/runtime/index.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const parseStyles = require("../parse-styles-DDx7UpaY.cjs");
+const defineRuntime = (config) => {
+  const getDynamicStylesCss = async (styles, scope) => {
+    const parsed = await parseStyles.parseStyles(styles, scope, config);
+    return parsed.join("\n");
+  };
+  return { getDynamicStylesCss };
+};
+exports.defineRuntime = defineRuntime;

package/runtime/index.d.ts

@@ -0,0 +1,5 @@
+import { CachedConfig, SaltyConfig } from '../config';
+import { BaseStyles } from '../types';
+export declare const defineRuntime: (config: SaltyConfig & CachedConfig) => {
+    getDynamicStylesCss: (styles: BaseStyles, scope?: string) => Promise<string>;
+};

package/runtime/index.js

@@ -0,0 +1,11 @@
+import { a as parseStyles } from "../parse-styles-DQoke7UP.js";
+const defineRuntime = (config) => {
+  const getDynamicStylesCss = async (styles, scope) => {
+    const parsed = await parseStyles(styles, scope, config);
+    return parsed.join("\n");
+  };
+  return { getDynamicStylesCss };
+};
+export {
+  defineRuntime
+};

package/{to-hash-DT2ImSPA.cjs → to-hash-C05Y906F.cjs}

@@ -1,11 +1,4 @@
 "use strict";
-function dashCase(str) {
-  if (!str) return "";
-  if (typeof str !== "string") return dashCase(String(str));
-  return str.replace(/[\s.]/g, "-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (s, i) => {
-    return (i > 0 ? "-" : "") + s.toLowerCase();
-  });
-}
 const toAlphabeticChar = (code) => String.fromCharCode(code + (code > 25 ? 39 : 97));
 const toAlphabeticName = (code, length) => {
   let name = "";
@@ -28,5 +21,4 @@ const toHash = (value, length = 5) => {
   const numericHash = toPhash(5381, JSON.stringify(value)) >>> 0;
   return toAlphabeticName(numericHash, length);
 };
-exports.dashCase = dashCase;
 exports.toHash = toHash;

package/{to-hash-DSoCPs8D.js → to-hash-DAN2LcHK.js}

@@ -1,10 +1,3 @@
-function dashCase(str) {
-  if (!str) return "";
-  if (typeof str !== "string") return dashCase(String(str));
-  return str.replace(/[\s.]/g, "-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (s, i) => {
-    return (i > 0 ? "-" : "") + s.toLowerCase();
-  });
-}
 const toAlphabeticChar = (code) => String.fromCharCode(code + (code > 25 ? 39 : 97));
 const toAlphabeticName = (code, length) => {
   let name = "";
@@ -28,6 +21,5 @@ const toHash = (value, length = 5) => {
   return toAlphabeticName(numericHash, length);
 };
 export {
-  dashCase as d,
   toHash as t
 };

package/util/index.cjs

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const toHash = require("../to-hash-DT2ImSPA.cjs");
+const dashCase = require("../dash-case-DIwKaYgE.cjs");
 const pascalCase = require("../pascal-case-By_l58S-.cjs");
+const toHash = require("../to-hash-C05Y906F.cjs");
 function camelCase(str) {
   if (!str) return "";
   if (typeof str !== "string") return camelCase(String(str));
   return str.replace(/\s/g, "-").replace(/-([a-z])/g, (g) => g[1].toUpperCase());
 }
-exports.dashCase = toHash.dashCase;
-exports.toHash = toHash.toHash;
+exports.dashCase = dashCase.dashCase;
 exports.pascalCase = pascalCase.pascalCase;
+exports.toHash = toHash.toHash;
 exports.camelCase = camelCase;

package/util/index.js

@@ -1,5 +1,6 @@
-import { d, t } from "../to-hash-DSoCPs8D.js";
+import { d } from "../dash-case-DblXvymC.js";
 import { p } from "../pascal-case-F3Usi5Wf.js";
+import { t } from "../to-hash-DAN2LcHK.js";
 function camelCase(str) {
   if (!str) return "";
   if (typeof str !== "string") return camelCase(String(str));