@salty-css/astro 0.1.0-alpha.0 → 0.1.0-alpha.10

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

package/astro-vite-plugin.js

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