@salty-css/astro 0.1.0-alpha.1 → 0.1.0-alpha.11

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

package/astro-vite-plugin.js

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