@salty-css/core 0.2.0-alpha.0 → 0.2.0-alpha.2

package/{class-name-generator-MtPkBfM_.cjs → class-name-generator-BcbeZdcV.cjs}

@@ -2,7 +2,7 @@
 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-BbI-2wdn.cjs");
+const parseStyles = require("./parse-styles-DWT4tDyS.cjs");
 const toHash = require("./to-hash-DT2ImSPA.cjs");
 class StylesGenerator {
   constructor(params) {

package/{class-name-generator-CUEoPowv.js → class-name-generator-DJ27JHW_.js}

@@ -1,7 +1,7 @@
 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, b as parseTemplateCallSite } from "./parse-styles-BgVqQAni.js";
+import { p as parseAndJoinStyles, b as parseTemplateCallSite } from "./parse-styles-BlUpavVg.js";
 import { t as toHash, d as dashCase } from "./to-hash-DSoCPs8D.js";
 class StylesGenerator {
   constructor(params) {

package/compiler/salty-compiler.cjs

@@ -13,7 +13,7 @@ const compiler_helpers = require("./helpers.cjs");
 const toHash = require("../to-hash-DT2ImSPA.cjs");
 const defineTemplates = require("../define-templates-Deq1aCbN.cjs");
 const module$1 = require("module");
-const parseStyles = require("../parse-styles-BbI-2wdn.cjs");
+const parseStyles = require("../parse-styles-DWT4tDyS.cjs");
 const css_merge = require("../css/merge.cjs");
 const compiler_getFiles = require("./get-files.cjs");
 const parsers_index = require("../parsers/index.cjs");

package/compiler/salty-compiler.js

@@ -11,7 +11,7 @@ import { isSaltyFile, resolveExportValue, saltyFileExtensions } from "./helpers.
 import { t as toHash, d as dashCase } from "../to-hash-DSoCPs8D.js";
 import { d as defineTemplates } from "../define-templates-CVhhgPnd.js";
 import { createRequire } from "module";
-import { p as parseAndJoinStyles, c as parseVariableTokens } from "../parse-styles-BgVqQAni.js";
+import { p as parseAndJoinStyles, c as parseVariableTokens } from "../parse-styles-BlUpavVg.js";
 import { mergeObjects, mergeFactories } from "../css/merge.js";
 import { getPackageJson } from "./get-files.js";
 import { parseTemplates, getTemplateTypes, getTemplateVariantMaps } from "../parsers/index.js";

package/css/keyframes.cjs

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

package/css/keyframes.js

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

package/generators/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classNameGenerator = require("../class-name-generator-MtPkBfM_.cjs");
+const classNameGenerator = require("../class-name-generator-BcbeZdcV.cjs");
 const toHash = require("../to-hash-DT2ImSPA.cjs");
 class StyledGenerator extends classNameGenerator.StylesGenerator {
   constructor(tagName, _params) {
@@ -18,7 +18,8 @@ class StyledGenerator extends classNameGenerator.StylesGenerator {
     return 0;
   }
   get clientProps() {
-    const { element, variants = {}, compoundVariants = [], anyOfVariants = [], defaultVariants = {}, defaultProps = {}, passProps } = this.params;
+    const { element: _element, as: _as, variants = {}, compoundVariants = [], anyOfVariants = [], defaultVariants = {}, defaultProps = {}, passProps } = this.params;
+    const element = _as ?? _element;
     const { callerName, isProduction } = this.buildContext;
     const variantKeys = /* @__PURE__ */ new Set([]);
     const addVariantKey = (name) => {

package/generators/index.js

@@ -1,5 +1,5 @@
-import { S as StylesGenerator } from "../class-name-generator-CUEoPowv.js";
-import { C } from "../class-name-generator-CUEoPowv.js";
+import { S as StylesGenerator } from "../class-name-generator-DJ27JHW_.js";
+import { C } from "../class-name-generator-DJ27JHW_.js";
 import { d as dashCase } from "../to-hash-DSoCPs8D.js";
 class StyledGenerator extends StylesGenerator {
   constructor(tagName, _params) {
@@ -17,7 +17,8 @@ class StyledGenerator extends StylesGenerator {
     return 0;
   }
   get clientProps() {
-    const { element, variants = {}, compoundVariants = [], anyOfVariants = [], defaultVariants = {}, defaultProps = {}, passProps } = this.params;
+    const { element: _element, as: _as, variants = {}, compoundVariants = [], anyOfVariants = [], defaultVariants = {}, defaultProps = {}, passProps } = this.params;
+    const element = _as ?? _element;
     const { callerName, isProduction } = this.buildContext;
     const variantKeys = /* @__PURE__ */ new Set([]);
     const addVariantKey = (name) => {

package/instances/classname-instance.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classNameGenerator = require("../class-name-generator-MtPkBfM_.cjs");
+const classNameGenerator = require("../class-name-generator-BcbeZdcV.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-CUEoPowv.js";
+import { C as ClassNameGenerator } from "../class-name-generator-DJ27JHW_.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.2.0-alpha.0",
+  "version": "0.2.0-alpha.2",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",

package/{parse-styles-BgVqQAni.js → parse-styles-BlUpavVg.js}

@@ -373,6 +373,11 @@ const parseStyles = async (styles, currentScope = "", config, omitTemplates = fa
         }
         return void 0;
       }
+      if (_key === "global") {
+        const results2 = await parseStyles(value, "", config);
+        results2.forEach((res) => cssStyles.add(res));
+        return void 0;
+      }
       if (_key.startsWith("@")) {
         if (bareAtRuleRegex.test(_key)) reportParserIssue(strict, `At-rule "${_key}" is missing its condition (e.g. "@media (min-width: 600px)").`);
         const innerScope = keyframesAtRuleRegex.test(_key) ? "" : currentScope;

package/{parse-styles-BbI-2wdn.cjs → parse-styles-DWT4tDyS.cjs}

@@ -374,6 +374,11 @@ const parseStyles = async (styles, currentScope = "", config, omitTemplates = fa
         }
         return void 0;
       }
+      if (_key === "global") {
+        const results2 = await parseStyles(value, "", config);
+        results2.forEach((res) => cssStyles.add(res));
+        return void 0;
+      }
       if (_key.startsWith("@")) {
         if (bareAtRuleRegex.test(_key)) reportParserIssue(strict, `At-rule "${_key}" is missing its condition (e.g. "@media (min-width: 600px)").`);
         const innerScope = keyframesAtRuleRegex.test(_key) ? "" : currentScope;

package/parsers/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const parseStyles = require("../parse-styles-BbI-2wdn.cjs");
+const parseStyles = require("../parse-styles-DWT4tDyS.cjs");
 const toHash = require("../to-hash-DT2ImSPA.cjs");
 const RICH_META_KEYS = /* @__PURE__ */ new Set(["base", "variants", "defaultVariants", "compoundVariants", "anyOfVariants"]);
 const isChildEntry = (key, value) => {

package/parsers/index.js

@@ -1,5 +1,5 @@
-import { i as isRichTemplateNode, p as parseAndJoinStyles } from "../parse-styles-BgVqQAni.js";
-import { a, d, e, c, r } from "../parse-styles-BgVqQAni.js";
+import { i as isRichTemplateNode, p as parseAndJoinStyles } from "../parse-styles-BlUpavVg.js";
+import { a, d, e, c, r } from "../parse-styles-BlUpavVg.js";
 import { d as dashCase, t as toHash } from "../to-hash-DSoCPs8D.js";
 const RICH_META_KEYS = /* @__PURE__ */ new Set(["base", "variants", "defaultVariants", "compoundVariants", "anyOfVariants"]);
 const isChildEntry = (key, value) => {

package/runtime/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const parseStyles = require("../parse-styles-BbI-2wdn.cjs");
+const parseStyles = require("../parse-styles-DWT4tDyS.cjs");
 const toHash = require("../to-hash-DT2ImSPA.cjs");
 const defineRuntime = (config) => {
   const className = (styles) => toHash.toHash(styles);

package/runtime/index.js

@@ -1,4 +1,4 @@
-import { a as parseStyles } from "../parse-styles-BgVqQAni.js";
+import { a as parseStyles } from "../parse-styles-BlUpavVg.js";
 import { t as toHash } from "../to-hash-DSoCPs8D.js";
 const defineRuntime = (config) => {
   const className = (styles) => toHash(styles);

package/types/index.d.ts

@@ -7,6 +7,7 @@ export type CreateElementProps = {
     children?: ReactNode;
     className?: string;
     element?: string;
+    as?: string;
     passProps?: boolean | string | string[];
     style?: CssProperties | {
         [key: string]: PropertyValueToken | NeverObj;
@@ -81,6 +82,7 @@ export interface GeneratorOptions {
     className?: string | string[];
     displayName?: string;
     element?: string;
+    as?: string;
     passProps?: boolean | string | string[];
     defaultProps?: Record<PropertyKey, unknown>;
     priority?: number;