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

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

package/astro-vite-plugin.js

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

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.5",
   "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.5",
     "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";