@salty-css/astro 0.1.0-alpha.3 → 0.1.0-alpha.31

package/astro-vite-plugin.cjs

@@ -1,15 +1,12 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("@salty-css/core/compiler/helpers"),H=require("@salty-css/core/compiler/get-function-range"),J=require("@salty-css/core/compiler/salty-compiler"),O=require("@salty-css/core/server"),P=require("@salty-css/core/util"),d=require("fs/promises"),x=require("path"),b=D=>{const g=new J.SaltyCompiler(D);return{name:"stylegen",configureServer(t){g.importFile=async c=>{const l=Date.now();return t.ssrLoadModule(`${c}?t=${l}`)}},buildStart:async()=>{await g.generateCss()},load:async t=>{var l,C;if(j.isSaltyFile(t)){const $=await g.getDestDir();if(/.+\?configFile=(\w+).+/.test(t)){const h=new URLSearchParams(t.split("?")[1]).get("configFile");if(!h)return;const m=x.join($,"astro",h),y=await d.readFile(m,"utf-8");if(!y)return;try{const u=JSON.parse(y),{clientProps:o={},classNames:s="",tagIsComponent:f,tagName:a="div"}=u,w=u.imports||[],F=f?a:`props.element || "${o.element||a}"`;let p="";if(o.element&&f&&(p+=` element="${o.element}"`),o.attr)for(const[i,n]of Object.entries(o.attr))p+=` ${i}="${n}"`;p=p.trim();const v=o.variantKeys||[];return`---
-            ${w.join(`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const N=require("@salty-css/core/compiler/helpers"),H=require("@salty-css/core/compiler/get-function-range"),b=require("@salty-css/core/compiler/salty-compiler"),j=require("@salty-css/core/server"),I=require("@salty-css/core/util"),f=require("fs/promises"),x=require("path"),M=(D,O={})=>{const n=new b.SaltyCompiler(D,{mode:O.mode});return{name:"stylegen",configureServer:function(t){n.importFile=async e=>{const r=Date.now();return t.ssrLoadModule(`${e}?t=${r}`)}},configResolved:async function(){try{await n.generateCss()}catch(t){throw console.error("Error during initial CSS generation:",t),t}},load:async function(t){var e,r;try{if(N.isSaltyFile(t)){const d=await n.getDestDir();if(/.+\?configFile=(\w+).+/.test(t)){const y=new URLSearchParams(t.split("?")[1]).get("configFile");if(!y)return;const m=x.join(d,"astro",y),w=await f.readFile(m,"utf-8");if(!w)return;try{const p=JSON.parse(w),{clientProps:F={},classNames:i="",tagIsComponent:$,tagName:a="div"}=p,C=["import { resolveAstroProps } from '@salty-css/astro/element-props';",...p.imports||[]],R=$?a:`__r.element || ${JSON.stringify(F.element||a)}`;return`---
+            ${C.join(`
 `)}
-            const { props } = Astro;
-            const Element = ${F};
-            const variantClasses = [
-              ${v.map(i=>{const[n,r]=i.split("=");return`props.${n} !== undefined ? "${n}-" + props.${n} : ${r!==void 0?`"${n}-${r}"`:'""'}`}).join(`,
-`)}
-            ]
+            const __gp = ${JSON.stringify(F)};
+            const __r = resolveAstroProps(Astro.props, __gp, ${JSON.stringify(i)});
+            const Element = ${R};
             ---
-            <Element class:list={["${s}", ...variantClasses, props.class]} ${p} {...props}><slot/></Element>`}catch(u){console.error("Error parsing config file:",u);return}}const R=["import { classNameInstance } from '@salty-css/core/instances/classname-instance';"],q=[],N=[],S=await d.readFile(t,"utf-8"),k=await g.compileSaltyFile(t,$),I=Object.entries(k.contents);for(const[e,h]of I){const m=await j.resolveExportValue(h,1);if(!m.generator)continue;if(m.isClassName){const i=m.generator._withBuildContext({callerName:e,isProduction:!1,config:{}});q.push(`const ${e} = classNameInstance(${JSON.stringify(i.params)});`),N.push(e);continue}const[y,u]=await H.getFunctionRange(S,e),o=S.slice(y,u),s=(C=(l=/styled\(([^,]+),/.exec(o))==null?void 0:l.at(1))==null?void 0:C.trim();if(!s){console.warn(`Could not determine tag name for ${e} in ${t}`);continue}const f=m.generator._withBuildContext({callerName:e,isProduction:!1,config:{}}),a={componentName:e,tagName:s.replace(/['"`]/g,""),tagIsComponent:!1,classNames:f.classNames,imports:[],clientProps:f.clientProps},w=/^\w+$/.test(s);if(a.tagIsComponent=w,w){const i=I.some(([r])=>r===s),n=S.match(new RegExp(`import[^;]*${s}[^;]*;`));if(i){const r=P.toHash(s),_=`import ${s} from '${t}.astro?configFile=${r}.config';`;a.imports=[_]}else if(n){const r=n.at(0);a.imports=[r]}}const F=x.join($,"astro");await d.readFile(F,"utf-8").catch(()=>!1)||await d.mkdir(F,{recursive:!0});const v=P.toHash(e),E=x.join($,"astro",`${v}.config`);await d.writeFile(E,JSON.stringify(a)),R.push(`import ${e} from '${t}.astro?configFile=${v}.config';`),N.push(e)}return`${R.join(`
+            <Element class:list={__r.class} style={__r.style} {...__r.rest}><slot/></Element>`}catch(p){console.error("Error parsing config file:",p);return}}const h=["import { classNameInstance } from '@salty-css/core/instances/classname-instance';"],l=[],s=[],u=await f.readFile(t,"utf-8"),q=await n.compileSaltyFile(t,d),E=Object.entries(q.contents);for(const[o,y]of E){const m=await N.resolveExportValue(y,1);if(!m.generator)continue;if(m.isClassName){const _=m.generator._withBuildContext({callerName:o,isProduction:n.isProduction,config:{}});l.push(`const ${o} = classNameInstance(${JSON.stringify(_.params)});`),s.push(o);continue}const[w,p]=await H.getFunctionRange(u,o),F=u.slice(w,p),i=(r=(e=/styled\(([^,]+),/.exec(F))==null?void 0:e.at(1))==null?void 0:r.trim();if(!i){console.warn(`Could not determine tag name for ${o} in ${t}`);continue}const $=m.generator._withBuildContext({callerName:o,isProduction:n.isProduction,config:{}}),a={componentName:o,tagName:i.replace(/['"`]/g,""),tagIsComponent:!1,classNames:$.classNames,imports:[],clientProps:$.clientProps},S=/^\w+$/.test(i);if(a.tagIsComponent=S,S){const _=E.some(([g])=>g===i),P=u.match(new RegExp(`import[^;]*${i}[^;]*;`));if(_){const g=I.toHash(i),G=`import ${i} from '${t}.astro?configFile=${g}.config';`;a.imports=[G]}else if(P){const g=P.at(0);a.imports=[g]}}const C=x.join(d,"astro");await f.readFile(C,"utf-8").catch(()=>!1)||await f.mkdir(C,{recursive:!0});const v=I.toHash(o),J=x.join(d,"astro",`${v}.config`);await f.writeFile(J,JSON.stringify(a)),h.push(`import ${o} from '${t}.astro?configFile=${v}.config';`),s.push(o)}return`${h.join(`
 `)}
-${q.join(`
+${l.join(`
 `)}
-export { ${N.join(", ")} };`}},handleHotUpdate:async({file:t,server:c})=>{await O.checkShouldRestart(t)&&c.restart()},watchChange:{handler:async(t,c)=>{j.isSaltyFile(t)&&c.event!=="delete"&&(await O.checkShouldRestart(t)||await g.generateFile(t))}}}};exports.default=b;exports.saltyPlugin=b;
+export { ${s.join(", ")} };`}return}catch(c){console.error("Error during file compilation:",c);return}},handleHotUpdate:async function({file:t,server:e,modules:r}){try{if(await j.checkShouldRestart(t))return await n.generateCss(!1);if(!N.isSaltyFile(t))return;const h=await n.getDestDir(),l=[];for(const[s,u]of e.moduleGraph.idToModuleMap)s.startsWith(t+".astro?configFile=")&&(e.moduleGraph.invalidateModule(u),l.push(u));for(const s of e.moduleGraph.urlToModuleMap.values())s.file&&s.file.startsWith(h)&&(e.moduleGraph.invalidateModule(s),l.push(s));return e.ws.send({type:"update",updates:[]}),[...r,...l]}catch(c){console.error("Error during hot update handling:",c)}},watchChange:{handler:async function(t,e){try{N.isSaltyFile(t)&&e.event!=="delete"&&(await j.checkShouldRestart(t)||await n.generateFile(t))}catch(r){console.error("Error during watch change handling:",r)}}}}};exports.default=M;exports.saltyPlugin=M;

package/astro-vite-plugin.d.ts

@@ -1,3 +1,10 @@
+import { SaltyCompilerMode } from '@salty-css/core/compiler/salty-compiler';
 import { PluginOption } from 'vite';
-export declare const saltyPlugin: (dir: string) => PluginOption;
+export interface SaltyAstroPluginOptions {
+    /**
+     * Explicit build mode. Defaults to NODE_ENV-based detection.
+     */
+    mode?: SaltyCompilerMode;
+}
+export declare const saltyPlugin: (dir: string, options?: SaltyAstroPluginOptions) => PluginOption;
 export default saltyPlugin;

package/astro-vite-plugin.js

@@ -1,120 +1,135 @@
-import { isSaltyFile as D, resolveExportValue as A } from "@salty-css/core/compiler/helpers";
-import { getFunctionRange as B } from "@salty-css/core/compiler/get-function-range";
-import { SaltyCompiler as H } from "@salty-css/core/compiler/salty-compiler";
-import { checkShouldRestart as O } from "@salty-css/core/server";
+import { isSaltyFile as S, resolveExportValue as A } from "@salty-css/core/compiler/helpers";
+import { getFunctionRange as H } from "@salty-css/core/compiler/get-function-range";
+import { SaltyCompiler as k } from "@salty-css/core/compiler/salty-compiler";
+import { checkShouldRestart as D } from "@salty-css/core/server";
 import { toHash as P } from "@salty-css/core/util";
-import { readFile as x, mkdir as K, writeFile as L } from "fs/promises";
-import { join as S } from "path";
-const T = (b) => {
-  const u = new H(b);
+import { readFile as v, mkdir as B, writeFile as L } from "fs/promises";
+import { join as x } from "path";
+const Q = (M, O = {}) => {
+  const n = new k(M, { mode: O.mode });
   return {
     name: "stylegen",
-    configureServer(t) {
-      u.importFile = async (c) => {
-        const l = Date.now();
-        return t.ssrLoadModule(`${c}?t=${l}`);
+    configureServer: function(t) {
+      n.importFile = async (o) => {
+        const r = Date.now();
+        return t.ssrLoadModule(`${o}?t=${r}`);
       };
     },
-    buildStart: async () => {
-      await u.generateCss();
+    configResolved: async function() {
+      try {
+        await n.generateCss();
+      } catch (t) {
+        throw console.error("Error during initial CSS generation:", t), t;
+      }
     },
-    load: async (t) => {
-      var l, F;
-      if (D(t)) {
-        const d = await u.getDestDir();
-        if (/.+\?configFile=(\w+).+/.test(t)) {
-          const $ = new URLSearchParams(t.split("?")[1]).get("configFile");
-          if (!$) return;
-          const m = S(d, "astro", $), w = await x(m, "utf-8");
-          if (!w) return;
-          try {
-            const p = JSON.parse(w), { clientProps: n = {}, classNames: s = "", tagIsComponent: g, tagName: r = "div" } = p, h = p.imports || [], y = g ? r : `props.element || "${n.element || r}"`;
-            let f = "";
-            if (n.element && g && (f += ` element="${n.element}"`), n.attr) for (const [i, o] of Object.entries(n.attr)) f += ` ${i}="${o}"`;
-            f = f.trim();
-            const C = n.variantKeys || [];
-            return `---
-            ${h.join(`
-`)}
-            const { props } = Astro;
-            const Element = ${y};
-            const variantClasses = [
-              ${C.map((i) => {
-              const [o, a] = i.split("=");
-              return `props.${o} !== undefined ? "${o}-" + props.${o} : ${a !== void 0 ? `"${o}-${a}"` : '""'}`;
-            }).join(`,
+    load: async function(t) {
+      var o, r;
+      try {
+        if (S(t)) {
+          const f = await n.getDestDir();
+          if (/.+\?configFile=(\w+).+/.test(t)) {
+            const h = new URLSearchParams(t.split("?")[1]).get("configFile");
+            if (!h) return;
+            const p = x(f, "astro", h), y = await v(p, "utf-8");
+            if (!y) return;
+            try {
+              const u = JSON.parse(y), { clientProps: w = {}, classNames: i = "", tagIsComponent: $, tagName: a = "div" } = u, F = ["import { resolveAstroProps } from '@salty-css/astro/element-props';", ...u.imports || []], I = $ ? a : `__r.element || ${JSON.stringify(w.element || a)}`;
+              return `---
+            ${F.join(`
 `)}
-            ]
+            const __gp = ${JSON.stringify(w)};
+            const __r = resolveAstroProps(Astro.props, __gp, ${JSON.stringify(i)});
+            const Element = ${I};
             ---
-            <Element class:list={["${s}", ...variantClasses, props.class]} ${f} {...props}><slot/></Element>`;
-          } catch (p) {
-            console.error("Error parsing config file:", p);
-            return;
+            <Element class:list={__r.class} style={__r.style} {...__r.rest}><slot/></Element>`;
+            } catch (u) {
+              console.error("Error parsing config file:", u);
+              return;
+            }
           }
-        }
-        const j = ["import { classNameInstance } from '@salty-css/core/instances/classname-instance';"], R = [], v = [], N = await x(t, "utf-8"), k = await u.compileSaltyFile(t, d), I = Object.entries(k.contents);
-        for (const [e, $] of I) {
-          const m = await A($, 1);
-          if (!m.generator) continue;
-          if (m.isClassName) {
-            const i = m.generator._withBuildContext({
+          const g = ["import { classNameInstance } from '@salty-css/core/instances/classname-instance';"], l = [], s = [], m = await v(t, "utf-8"), j = await n.compileSaltyFile(t, f), E = Object.entries(j.contents);
+          for (const [e, h] of E) {
+            const p = await A(h, 1);
+            if (!p.generator) continue;
+            if (p.isClassName) {
+              const _ = p.generator._withBuildContext({
+                callerName: e,
+                isProduction: n.isProduction,
+                config: {}
+              });
+              l.push(`const ${e} = classNameInstance(${JSON.stringify(_.params)});`), s.push(e);
+              continue;
+            }
+            const [y, u] = await H(m, e), w = m.slice(y, u), i = (r = (o = /styled\(([^,]+),/.exec(w)) == null ? void 0 : o.at(1)) == null ? void 0 : r.trim();
+            if (!i) {
+              console.warn(`Could not determine tag name for ${e} in ${t}`);
+              continue;
+            }
+            const $ = p.generator._withBuildContext({
               callerName: e,
-              isProduction: !1,
+              isProduction: n.isProduction,
               config: {}
-            });
-            R.push(`const ${e} = classNameInstance(${JSON.stringify(i.params)});`), v.push(e);
-            continue;
-          }
-          const [w, p] = await B(N, e), n = N.slice(w, p), s = (F = (l = /styled\(([^,]+),/.exec(n)) == null ? void 0 : l.at(1)) == null ? void 0 : F.trim();
-          if (!s) {
-            console.warn(`Could not determine tag name for ${e} in ${t}`);
-            continue;
-          }
-          const g = m.generator._withBuildContext({
-            callerName: e,
-            isProduction: !1,
-            config: {}
-          }), r = {
-            componentName: e,
-            tagName: s.replace(/['"`]/g, ""),
-            tagIsComponent: !1,
-            classNames: g.classNames,
-            imports: [],
-            clientProps: g.clientProps
-          }, h = /^\w+$/.test(s);
-          if (r.tagIsComponent = h, h) {
-            const i = I.some(([a]) => a === s), o = N.match(new RegExp(`import[^;]*${s}[^;]*;`));
-            if (i) {
-              const a = P(s), J = `import ${s} from '${t}.astro?configFile=${a}.config';`;
-              r.imports = [J];
-            } else if (o) {
-              const a = o.at(0);
-              r.imports = [a];
+            }), a = {
+              componentName: e,
+              tagName: i.replace(/['"`]/g, ""),
+              tagIsComponent: !1,
+              classNames: $.classNames,
+              imports: [],
+              clientProps: $.clientProps
+            }, N = /^\w+$/.test(i);
+            if (a.tagIsComponent = N, N) {
+              const _ = E.some(([d]) => d === i), R = m.match(new RegExp(`import[^;]*${i}[^;]*;`));
+              if (_) {
+                const d = P(i), G = `import ${i} from '${t}.astro?configFile=${d}.config';`;
+                a.imports = [G];
+              } else if (R) {
+                const d = R.at(0);
+                a.imports = [d];
+              }
             }
+            const F = x(f, "astro");
+            await v(F, "utf-8").catch(() => !1) || await B(F, { recursive: !0 });
+            const C = P(e), J = x(f, "astro", `${C}.config`);
+            await L(J, JSON.stringify(a)), g.push(`import ${e} from '${t}.astro?configFile=${C}.config';`), s.push(e);
           }
-          const y = S(d, "astro");
-          await x(y, "utf-8").catch(() => !1) || await K(y, { recursive: !0 });
-          const C = P(e), E = S(d, "astro", `${C}.config`);
-          await L(E, JSON.stringify(r)), j.push(`import ${e} from '${t}.astro?configFile=${C}.config';`), v.push(e);
-        }
-        return `${j.join(`
+          return `${g.join(`
 `)}
-${R.join(`
+${l.join(`
 `)}
-export { ${v.join(", ")} };`;
+export { ${s.join(", ")} };`;
+        }
+        return;
+      } catch (c) {
+        console.error("Error during file compilation:", c);
+        return;
       }
     },
-    handleHotUpdate: async ({ file: t, server: c }) => {
-      await O(t) && c.restart();
+    handleHotUpdate: async function({ file: t, server: o, modules: r }) {
+      try {
+        if (await D(t)) return await n.generateCss(!1);
+        if (!S(t)) return;
+        const g = await n.getDestDir(), l = [];
+        for (const [s, m] of o.moduleGraph.idToModuleMap)
+          s.startsWith(t + ".astro?configFile=") && (o.moduleGraph.invalidateModule(m), l.push(m));
+        for (const s of o.moduleGraph.urlToModuleMap.values())
+          s.file && s.file.startsWith(g) && (o.moduleGraph.invalidateModule(s), l.push(s));
+        return o.ws.send({ type: "update", updates: [] }), [...r, ...l];
+      } catch (c) {
+        console.error("Error during hot update handling:", c);
+      }
     },
     watchChange: {
-      handler: async (t, c) => {
-        D(t) && c.event !== "delete" && (await O(t) || await u.generateFile(t));
+      handler: async function(t, o) {
+        try {
+          S(t) && o.event !== "delete" && (await D(t) || await n.generateFile(t));
+        } catch (r) {
+          console.error("Error during watch change handling:", r);
+        }
       }
     }
   };
 };
 export {
-  T as default,
-  T as saltyPlugin
+  Q as default,
+  Q as saltyPlugin
 };

package/class-name.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@salty-css/core/generators"),u=r=>{const s=new i.ClassNameGenerator(r),t=a=>{const e=new String(a);return Object.assign(e,{get isClassName(){return!0},variant:(n,c)=>{const o=`${n}-${c}`,l=`${e} ${o}`;return t(l)},generator:s}),e};return t(s.cssClassName)};exports.className=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("@salty-css/core/generators"),C=o=>{const c=new m.ClassNameGenerator(o),t=i=>{const e=new String(i);return Object.assign(e,{get isClassName(){return!0},variant:(r,n)=>{const a=`${r}-${n}`,s=`${e} ${a}`;return t(s)},variants:r=>{const n=Object.entries(r).reduce((s,[l,u])=>(s+=` ${l}-${u}`,s),""),a=`${e}${n}`.trim();return t(a)},generator:c}),e};return t(c.cssClassName)};exports.className=C;

package/class-name.d.ts

@@ -4,6 +4,7 @@ interface ClassNameMethods<STYLE_PARAMS extends StyledParams> {
     generator: ClassNameGenerator<STYLE_PARAMS>;
     isClassName: boolean;
     variant: (name: string, value: string) => string & ClassNameFunction<STYLE_PARAMS>;
+    variants: (variants: Record<string, string>) => string & ClassNameFunction<STYLE_PARAMS>;
 }
 type ClassNameFunction<STYLE_PARAMS extends StyledParams> = string & ClassNameMethods<STYLE_PARAMS>;
 export declare const className: <const STYLE_PARAMS extends StyledParams>(params: STYLE_PARAMS) => ClassNameFunction<STYLE_PARAMS>;

package/class-name.js

@@ -1,20 +1,24 @@
-import { ClassNameGenerator as l } from "@salty-css/core/generators";
-const C = (r) => {
-  const t = new l(r), e = (a) => {
-    const s = new String(a);
+import { ClassNameGenerator as u } from "@salty-css/core/generators";
+const $ = (c) => {
+  const o = new u(c), e = (i) => {
+    const s = new String(i);
     return Object.assign(s, {
       get isClassName() {
         return !0;
       },
-      variant: (n, o) => {
-        const c = `${n}-${o}`, i = `${s} ${c}`;
-        return e(i);
+      variant: (r, n) => {
+        const a = `${r}-${n}`, t = `${s} ${a}`;
+        return e(t);
       },
-      generator: t
+      variants: (r) => {
+        const n = Object.entries(r).reduce((t, [l, m]) => (t += ` ${l}-${m}`, t), ""), a = `${s}${n}`.trim();
+        return e(a);
+      },
+      generator: o
     }), s;
   };
-  return e(t.cssClassName);
+  return e(o.cssClassName);
 };
 export {
-  C as className
+  $ as className
 };

package/dynamic-styles.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@salty-css/core/css/dynamic-styles"),n=async(t,a)=>{const s=e.getDynamicStylesClassName(t),y=await e.getDynamicStylesCss(t,a||`.${s}`);return{className:s,css:y}};Object.defineProperty(exports,"getDynamicStylesClassName",{enumerable:!0,get:()=>e.getDynamicStylesClassName});Object.defineProperty(exports,"getDynamicStylesCss",{enumerable:!0,get:()=>e.getDynamicStylesCss});exports.resolveDynamicStyles=n;

package/dynamic-styles.d.ts

@@ -0,0 +1,20 @@
+import { BaseStyles } from '@salty-css/core/types';
+import { getDynamicStylesClassName, getDynamicStylesCss } from '@salty-css/core/css/dynamic-styles';
+export { getDynamicStylesClassName, getDynamicStylesCss };
+/**
+ * Resolve dynamic styles for SSR usage inside an `.astro` component.
+ *
+ * @example
+ * ```astro
+ * ---
+ * import { resolveDynamicStyles } from '@salty-css/astro/dynamic-styles';
+ * const { className, css } = await resolveDynamicStyles({ color: 'red' });
+ * ---
+ * <style set:html={css}></style>
+ * <div class={className}><slot/></div>
+ * ```
+ */
+export declare const resolveDynamicStyles: (styles: BaseStyles, scope?: string) => Promise<{
+    className: string;
+    css: string;
+}>;

package/dynamic-styles.js

@@ -0,0 +1,11 @@
+import { getDynamicStylesClassName as c, getDynamicStylesCss as m } from "@salty-css/core/css/dynamic-styles";
+import { getDynamicStylesClassName as r, getDynamicStylesCss as i } from "@salty-css/core/css/dynamic-styles";
+const y = async (s, t) => {
+  const e = c(s), a = await m(s, t || `.${e}`);
+  return { className: e, css: a };
+};
+export {
+  r as getDynamicStylesClassName,
+  i as getDynamicStylesCss,
+  y as resolveDynamicStyles
+};

package/element-props.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("@salty-css/core/util"),j=require("@salty-css/core/parsers"),A=["passProps"],O=(p={},t={},y="",d)=>{const{class:v="",className:m,element:k,passProps:i=t.passProps,_vks:u,style:r,...b}=p,n={passProps:i};if(t.attr)for(const[s,e]of Object.entries(t.attr))e!==void 0&&(n[s]=e);d&&Object.assign(n,d);const c={...b};if(t.defaultProps)for(const[s,e]of Object.entries(t.defaultProps))c[s]===void 0&&(c[s]=e);Object.assign(n,c);const f=new Set;for(const s of String(y).split(" "))s&&f.add(s);for(const s of String(v||"").split(" "))s&&f.add(s);for(const s of String(m||"").split(" "))s&&f.add(s);const l={};if(r&&typeof r=="object")for(const[s,e]of Object.entries(r)){const o=j.parseVariableTokens(e);l[s]=o?o.transformed:e}const a=new Set(Array.isArray(u)?u:[]);if(t.propValueKeys)for(const s of t.propValueKeys){const e=`css-${s}`,o=c[e];o!==void 0&&(l[`--props-${S.dashCase(s)}`]=o,a.add(e))}if(t.variantKeys)for(const s of t.variantKeys){const[e,o]=s.split("=");c[e]!==void 0?(f.add(`${e}-${c[e]}`),a.add(e)):o!==void 0&&f.add(`${e}-${o}`)}for(const s of a)i!==!0&&(Array.isArray(i)&&i.includes(s)||typeof i=="string"&&i===s||delete n[s]);for(const s of A)delete n[s];return{class:[...f],style:l,rest:n,element:k||t.element,_vks:[...a]}};exports.resolveAstroProps=O;

package/element-props.d.ts

@@ -0,0 +1,20 @@
+import { StyledGeneratorClientProps } from '@salty-css/core/generators';
+export interface ResolvedAstroProps {
+    class: string[];
+    style: Record<string, any>;
+    rest: Record<string, any>;
+    element?: string;
+    _vks: string[];
+}
+/**
+ * SSR equivalent of the React `elementFactory`. Takes the raw `Astro.props` of a
+ * generated `.astro` Salty component plus the build-time generator props and
+ * returns cleaned values ready to apply on the underlying `<Element>` tag:
+ *
+ * - `class` — array for `class:list`
+ * - `style` — object for `style={}`
+ * - `rest` — object to `{...spread}` onto the element (variants and `css-*` props removed unless `passProps` allows)
+ * - `element` — runtime element override
+ * - `_vks` — variant keys consumed at this level, forwarded so wrapping styled components can keep stripping them
+ */
+export declare const resolveAstroProps: (astroProps?: Record<string, any>, generatorProps?: StyledGeneratorClientProps, baseClassName?: string, additionalProps?: Record<string, any>) => ResolvedAstroProps;

package/element-props.js

@@ -0,0 +1,56 @@
+import { dashCase as j } from "@salty-css/core/util";
+import { parseVariableTokens as S } from "@salty-css/core/parsers";
+const $ = ["passProps"], O = (y = {}, t = {}, m = "", d) => {
+  const {
+    class: u = "",
+    className: v,
+    element: k,
+    passProps: i = t.passProps,
+    _vks: p,
+    style: l,
+    ...b
+  } = y, n = { passProps: i };
+  if (t.attr)
+    for (const [s, e] of Object.entries(t.attr))
+      e !== void 0 && (n[s] = e);
+  d && Object.assign(n, d);
+  const c = { ...b };
+  if (t.defaultProps)
+    for (const [s, e] of Object.entries(t.defaultProps))
+      c[s] === void 0 && (c[s] = e);
+  Object.assign(n, c);
+  const f = /* @__PURE__ */ new Set();
+  for (const s of String(m).split(" ")) s && f.add(s);
+  for (const s of String(u || "").split(" ")) s && f.add(s);
+  for (const s of String(v || "").split(" ")) s && f.add(s);
+  const r = {};
+  if (l && typeof l == "object")
+    for (const [s, e] of Object.entries(l)) {
+      const o = S(e);
+      r[s] = o ? o.transformed : e;
+    }
+  const a = new Set(Array.isArray(p) ? p : []);
+  if (t.propValueKeys)
+    for (const s of t.propValueKeys) {
+      const e = `css-${s}`, o = c[e];
+      o !== void 0 && (r[`--props-${j(s)}`] = o, a.add(e));
+    }
+  if (t.variantKeys)
+    for (const s of t.variantKeys) {
+      const [e, o] = s.split("=");
+      c[e] !== void 0 ? (f.add(`${e}-${c[e]}`), a.add(e)) : o !== void 0 && f.add(`${e}-${o}`);
+    }
+  for (const s of a)
+    i !== !0 && (Array.isArray(i) && i.includes(s) || typeof i == "string" && i === s || delete n[s]);
+  for (const s of $) delete n[s];
+  return {
+    class: [...f],
+    style: r,
+    rest: n,
+    element: k || t.element,
+    _vks: [...a]
+  };
+};
+export {
+  O as resolveAstroProps
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/astro",
-  "version": "0.1.0-alpha.3",
+  "version": "0.1.0-alpha.31",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -48,6 +48,18 @@
       "import": "./class-name.js",
       "require": "./class-name.cjs"
     },
+    "./element-props": {
+      "import": "./element-props.js",
+      "require": "./element-props.cjs"
+    },
+    "./dynamic-styles": {
+      "import": "./dynamic-styles.js",
+      "require": "./dynamic-styles.cjs"
+    },
+    "./runtime": {
+      "import": "./runtime.js",
+      "require": "./runtime.cjs"
+    },
     "./keyframes": {
       "import": "./keyframes.js",
       "require": "./keyframes.cjs"
@@ -66,7 +78,7 @@
     }
   },
   "dependencies": {
-    "@salty-css/core": "^0.1.0-alpha.3",
+    "@salty-css/core": "^0.1.0-alpha.31",
     "astro": "^5.13.2",
     "vite": "^6.3.5"
   }

package/runtime.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@salty-css/core/runtime");Object.keys(t).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});

package/runtime.d.ts

@@ -0,0 +1 @@
+export * from '@salty-css/core/runtime';

package/runtime.js

@@ -0,0 +1 @@
+export * from "@salty-css/core/runtime";