@salty-css/react 0.0.1-alpha.200 → 0.0.1-alpha.202

package/class-name.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./styles-generator-DAkA4JnC.cjs");class a extends r.StylesGenerator{constructor(e){super(e),this._params=e}}const n=s=>{const e=new a(s),t=new String(e.cssClassName);return Object.assign(t,{get isClassName(){return!0},factory:e}),t};exports.className=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./styles-generator-Bf-aF7sl.cjs");class a extends r.StylesGenerator{constructor(e){super(e),this._params=e}}const n=s=>{const e=new a(s),t=new String(e.cssClassName);return Object.assign(t,{get isClassName(){return!0},factory:e}),t};exports.className=n;

package/class-name.js

@@ -1,4 +1,4 @@
-import { S as r } from "./styles-generator-Bae0y6su.js";
+import { S as r } from "./styles-generator-8VCE7njI.js";
 class a extends r {
   constructor(s) {
     super(s), this._params = s;

package/config.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./media.cjs"),i=e=>e;class r{constructor(t){this._current=t}get isGlobalDefine(){return!0}}const l=e=>new r(e),o=e=>e(a.media);class n{constructor(t){this._current=t}get isDefineVariables(){return!0}}const c=e=>new n(e);class s{constructor(t){this._current=t}get isDefineTemplates(){return!0}}const u=e=>new s(e);exports.GlobalStylesFactory=r;exports.TemplatesFactory=s;exports.VariablesFactory=n;exports.defineConfig=i;exports.defineGlobalStyles=l;exports.defineMediaQuery=o;exports.defineTemplates=u;exports.defineVariables=c;
+"use strict";var o=Object.defineProperty;var u=(t,e,r)=>e in t?o(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var s=(t,e,r)=>u(t,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./media.cjs"),m=t=>t;class a{constructor(e){this._current=e}get isGlobalDefine(){return!0}}const p=t=>new a(t),f=t=>t(h.media);class n{constructor(e){this._current=e}get isDefineVariables(){return!0}}const d=t=>new n(t);class i{constructor(e){s(this,"_path");this.params=e}get _current(){return this.params.template}get isDefineTemplate(){return!0}_setPath(e){return this._path=e,this}}class l{constructor(e){s(this,"_path");s(this,"templates",[]);this.params=e,Object.entries(e).forEach(([r,c])=>{this.templates.push(new i({name:r,template:c}))})}get _current(){return this.params}get _children(){return Object.fromEntries(this.templates.map(e=>[e.params.name,e]))}get isDefineTemplates(){return!0}_setPath(e){return this._path=e,this.templates.forEach(r=>r._setPath(e)),this}}const y=t=>new l(t);exports.GlobalStylesFactory=a;exports.TemplateFactory=i;exports.TemplatesFactory=l;exports.VariablesFactory=n;exports.defineConfig=m;exports.defineGlobalStyles=p;exports.defineMediaQuery=f;exports.defineTemplates=y;exports.defineVariables=d;

package/config.js

@@ -1,39 +1,78 @@
-import { media as t } from "./media.js";
-const a = (e) => e;
-class n {
-  constructor(r) {
-    this._current = r;
+var n = Object.defineProperty;
+var i = (e, t, r) => t in e ? n(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var s = (e, t, r) => i(e, typeof t != "symbol" ? t + "" : t, r);
+import { media as c } from "./media.js";
+const f = (e) => e;
+class u {
+  constructor(t) {
+    this._current = t;
   }
   get isGlobalDefine() {
     return !0;
   }
 }
-const c = (e) => new n(e), u = (e) => e(t);
-class s {
-  constructor(r) {
-    this._current = r;
+const _ = (e) => new u(e), b = (e) => e(c);
+class o {
+  constructor(t) {
+    this._current = t;
   }
   get isDefineVariables() {
     return !0;
   }
 }
-const l = (e) => new s(e);
-class i {
-  constructor(r) {
-    this._current = r;
+const d = (e) => new o(e);
+class l {
+  constructor(t) {
+    s(this, "_path");
+    this.params = t;
+  }
+  get _current() {
+    return this.params.template;
+  }
+  get isDefineTemplate() {
+    return !0;
+  }
+  _setPath(t) {
+    return this._path = t, this;
+  }
+}
+class h {
+  constructor(t) {
+    s(this, "_path");
+    s(this, "templates", []);
+    this.params = t, Object.entries(t).forEach(([r, a]) => {
+      this.templates.push(
+        new l({
+          name: r,
+          template: a
+        })
+      );
+    });
+  }
+  get _current() {
+    return this.params;
+  }
+  get _children() {
+    return Object.fromEntries(
+      this.templates.map((t) => [t.params.name, t])
+    );
   }
   get isDefineTemplates() {
     return !0;
   }
+  _setPath(t) {
+    return this._path = t, this.templates.forEach((r) => r._setPath(t)), this;
+  }
 }
-const f = (e) => new i(e);
+const g = (e) => new h(e);
 export {
-  n as GlobalStylesFactory,
-  i as TemplatesFactory,
-  s as VariablesFactory,
-  a as defineConfig,
-  c as defineGlobalStyles,
-  u as defineMediaQuery,
-  f as defineTemplates,
-  l as defineVariables
+  u as GlobalStylesFactory,
+  l as TemplateFactory,
+  h as TemplatesFactory,
+  o as VariablesFactory,
+  f as defineConfig,
+  _ as defineGlobalStyles,
+  b as defineMediaQuery,
+  g as defineTemplates,
+  d as defineVariables
 };

package/{element-factory-C7JVLDq7.js → element-factory-BqXNML99.js}

@@ -1,5 +1,5 @@
 import { forwardRef as g, createElement as p } from "react";
-import { p as N, d as A } from "./parse-tokens-YUi047xd.js";
+import { d as N, p as A } from "./parse-tokens-CdNpUjpp.js";
 function K(n) {
   var s, e, t = "";
   if (typeof n == "string" || typeof n == "number") t += n;
@@ -29,12 +29,12 @@ const F = ["passProps"], x = (n, s, e, t) => {
     if (!E) throw new Error("No element provided");
     const m = f.style || {};
     f.style || (f.style = m), Object.entries(m).forEach(([i, a]) => {
-      const { result: l } = N(a);
+      const { result: l } = A(a);
       m[i] = l;
     }), e.propValueKeys && e.propValueKeys.forEach((i) => {
       const a = `css-${i}`, l = r[a];
       if (l === void 0) return;
-      const C = `--props-${A(i)}`;
+      const C = `--props-${N(i)}`;
       m[C] = l, c && c.add(a);
     }), e.variantKeys && e.variantKeys.forEach((i) => {
       const [a, l] = i.split("=");

package/{element-factory-D4kpeFoW.cjs → element-factory-xzOUBIyk.cjs}

@@ -1 +1 @@
-"use strict";const K=require("react"),O=require("./parse-tokens-p68muVgG.cjs");function $(n){var s,e,t="";if(typeof n=="string"||typeof n=="number")t+=n;else if(typeof n=="object")if(Array.isArray(n)){var u=n.length;for(s=0;s<u;s++)n[s]&&(e=$(n[s]))&&(t&&(t+=" "),t+=e)}else for(e in n)n[e]&&(t&&(t+=" "),t+=e);return t}function q(){for(var n,s,e=0,t="",u=arguments.length;e<u;e++)(n=arguments[e])&&(s=$(n))&&(t&&(t+=" "),t+=s);return t}const A=["passProps"],F=(n,s,e,t)=>{const u=({extend:d=n,element:S=e.element,className:w="",children:V,passProps:o=e.passProps,_vks:c=new Set,...r},C)=>{const f={passProps:o};e.attr&&Object.assign(f,e.attr),t&&Object.assign(f,t),e.defaultProps&&Object.assign(r,e.defaultProps),r&&Object.assign(f,r);const b=new Set(w.split(" ")),y=typeof d=="function"||typeof d=="object",h=y&&"isStyled"in d,E=y?d:S||d;if(!E)throw new Error("No element provided");const m=f.style||{};f.style||(f.style=m),Object.entries(m).forEach(([i,a])=>{const{result:l}=O.parseValueTokens(a);m[i]=l}),e.propValueKeys&&e.propValueKeys.forEach(i=>{const a=`css-${i}`,l=r[a];if(l===void 0)return;const N=`--props-${O.dashCase(i)}`;m[N]=l,c&&c.add(a)}),e.variantKeys&&e.variantKeys.forEach(i=>{const[a,l]=i.split("=");r[a]!==void 0?(b.add(`${a}-${r[a]}`),c&&c.add(a)):l!==void 0&&b.add(`${a}-${l}`)}),c&&(!y||!h)?c.forEach(i=>{if(!o)return delete f[i];if(o!==!0&&!o.includes(i))return delete f[i]}):h&&Object.assign(f,{_vks:c}),h||A.forEach(i=>delete f[i]);const g=q(s,...b);return K.createElement(E,{element:y?S:void 0,className:g,ref:C,...f},V)},j=K.forwardRef(u);return Object.assign(j,{isStyled:!0,className:s,toString:()=>`.${s}`}),j};exports.elementFactory=F;
+"use strict";const K=require("react"),O=require("./parse-tokens-CNGyn07A.cjs");function $(n){var s,e,t="";if(typeof n=="string"||typeof n=="number")t+=n;else if(typeof n=="object")if(Array.isArray(n)){var u=n.length;for(s=0;s<u;s++)n[s]&&(e=$(n[s]))&&(t&&(t+=" "),t+=e)}else for(e in n)n[e]&&(t&&(t+=" "),t+=e);return t}function q(){for(var n,s,e=0,t="",u=arguments.length;e<u;e++)(n=arguments[e])&&(s=$(n))&&(t&&(t+=" "),t+=s);return t}const A=["passProps"],F=(n,s,e,t)=>{const u=({extend:d=n,element:S=e.element,className:w="",children:V,passProps:o=e.passProps,_vks:c=new Set,...r},C)=>{const f={passProps:o};e.attr&&Object.assign(f,e.attr),t&&Object.assign(f,t),e.defaultProps&&Object.assign(r,e.defaultProps),r&&Object.assign(f,r);const b=new Set(w.split(" ")),y=typeof d=="function"||typeof d=="object",h=y&&"isStyled"in d,E=y?d:S||d;if(!E)throw new Error("No element provided");const m=f.style||{};f.style||(f.style=m),Object.entries(m).forEach(([i,a])=>{const{result:l}=O.parseValueTokens(a);m[i]=l}),e.propValueKeys&&e.propValueKeys.forEach(i=>{const a=`css-${i}`,l=r[a];if(l===void 0)return;const N=`--props-${O.dashCase(i)}`;m[N]=l,c&&c.add(a)}),e.variantKeys&&e.variantKeys.forEach(i=>{const[a,l]=i.split("=");r[a]!==void 0?(b.add(`${a}-${r[a]}`),c&&c.add(a)):l!==void 0&&b.add(`${a}-${l}`)}),c&&(!y||!h)?c.forEach(i=>{if(!o)return delete f[i];if(o!==!0&&!o.includes(i))return delete f[i]}):h&&Object.assign(f,{_vks:c}),h||A.forEach(i=>delete f[i]);const g=q(s,...b);return K.createElement(E,{element:y?S:void 0,className:g,ref:C,...f},V)},j=K.forwardRef(u);return Object.assign(j,{isStyled:!0,className:s,toString:()=>`.${s}`}),j};exports.elementFactory=F;

package/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./keyframes.cjs"),n=require("./media.cjs"),a=r=>`{${r}}`,o=(...r)=>r.flat().reduce((t,e)=>e!=null&&e._current?{...t,...e._current}:{...t,...e},{});exports.keyframes=u.keyframes;exports.MediaQueryFactory=n.MediaQueryFactory;exports.media=n.media;exports.mergeStyles=o;exports.token=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./keyframes.cjs"),n=require("./media.cjs"),a=r=>`{${r}}`,o=(...r)=>r.flat().reduce((t,e)=>e!=null&&e._current?{...t,...e._current}:{...t,...e},{}),c=(...r)=>r.flat().reduce((t,e)=>({...t,...e._children}),{});exports.keyframes=u.keyframes;exports.MediaQueryFactory=n.MediaQueryFactory;exports.media=n.media;exports.mergeFactories=c;exports.mergeStyles=o;exports.token=a;

package/index.js

@@ -1,10 +1,11 @@
-import { keyframes as m } from "./keyframes.js";
-import { MediaQueryFactory as c, media as d } from "./media.js";
-const n = (e) => `{${e}}`, t = (...e) => e.flat().reduce((o, r) => r != null && r._current ? { ...o, ...r._current } : { ...o, ...r }, {});
+import { keyframes as f } from "./keyframes.js";
+import { MediaQueryFactory as d, media as i } from "./media.js";
+const n = (e) => `{${e}}`, o = (...e) => e.flat().reduce((t, r) => r != null && r._current ? { ...t, ...r._current } : { ...t, ...r }, {}), u = (...e) => e.flat().reduce((t, r) => ({ ...t, ...r._children }), {});
 export {
-  c as MediaQueryFactory,
-  m as keyframes,
-  d as media,
-  t as mergeStyles,
+  d as MediaQueryFactory,
+  f as keyframes,
+  i as media,
+  u as mergeFactories,
+  o as mergeStyles,
   n as token
 };

package/keyframes.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./parse-styles-hwxJnxKJ.cjs"),j=({animationName:m,params:l,appendInitialStyles:f,...t})=>{const r=m||u.toHash(t),o=(n={})=>{const{duration:e="500ms",easing:s="ease-in-out",delay:a="0s",iterationCount:i="1",direction:d="normal",fillMode:g="forwards",playState:p="running"}={...l,...n},c=`${r} ${e} ${s} ${a} ${i} ${d} ${g} ${p}`;if(!f)return c;const $=t.from||t["0%"];if(!$)return c;const b=u.parseStyles($,"");return`${c};${b}`},y=Object.entries(t).reduce((n,[e,s])=>{if(!s)return n;const a=u.parseStyles(s,""),i=typeof e=="number"?`${e}%`:e;return`${n}${i}{${a}}`},""),S=`@keyframes ${r} {${y}}`;return Object.assign(o,{toString:o,isKeyframes:!0,animationName:r,css:S,keyframes:t}),o};exports.keyframes=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./parse-styles-B4STzGjG.cjs"),w=async({animationName:l,params:u,appendInitialStyles:y,...t})=>{const e=l||i.toHash(t),r=async(n={})=>{const{duration:s="500ms",easing:o="ease-in-out",delay:c="0s",iterationCount:S="1",direction:p="normal",fillMode:g="forwards",playState:b="running"}={...u,...n},a=`${e} ${s} ${o} ${c} ${S} ${p} ${g} ${b}`;if(!y)return a;const m=t.from||t["0%"];if(!m)return a;const j=await i.parseAndJoinStyles(m,"");return`${a};${j}`},$=Object.entries(t).map(async([n,s])=>{if(!s)return"";const o=await i.parseAndJoinStyles(s,"");return`${typeof n=="number"?`${n}%`:n}{${o}}`}),d=(await Promise.all($)).join(""),f=`@keyframes ${e} {${d}}`;return Object.assign(r,{toString:r,isKeyframes:!0,animationName:e,css:f,keyframes:t}),r};exports.keyframes=w;

package/keyframes.js

@@ -1,33 +1,33 @@
-import { t as j, p as m } from "./parse-styles-p4rBqcpk.js";
-const N = ({ animationName: u, params: f, appendInitialStyles: l, ...t }) => {
-  const e = u || j(t), o = (s = {}) => {
+import { t as j, p as m } from "./parse-styles-DqV7Jbst.js";
+const h = async ({ animationName: $, params: l, appendInitialStyles: u, ...t }) => {
+  const r = $ || j(t), e = async (n = {}) => {
     const {
-      duration: n = "500ms",
-      easing: r = "ease-in-out",
-      delay: a = "0s",
-      iterationCount: i = "1",
-      direction: y = "normal",
+      duration: s = "500ms",
+      easing: o = "ease-in-out",
+      delay: i = "0s",
+      iterationCount: d = "1",
+      direction: S = "normal",
       fillMode: g = "forwards",
-      playState: S = "running"
-    } = { ...f, ...s }, $ = `${e} ${n} ${r} ${a} ${i} ${y} ${g} ${S}`;
-    if (!l) return $;
+      playState: w = "running"
+    } = { ...l, ...n }, a = `${r} ${s} ${o} ${i} ${d} ${S} ${g} ${w}`;
+    if (!u) return a;
     const c = t.from || t["0%"];
-    if (!c) return $;
-    const b = m(c, "");
-    return `${$};${b}`;
-  }, p = Object.entries(t).reduce((s, [n, r]) => {
-    if (!r) return s;
-    const a = m(r, ""), i = typeof n == "number" ? `${n}%` : n;
-    return `${s}${i}{${a}}`;
-  }, ""), d = `@keyframes ${e} {${p}}`;
-  return Object.assign(o, {
-    toString: o,
+    if (!c) return a;
+    const b = await m(c, "");
+    return `${a};${b}`;
+  }, f = Object.entries(t).map(async ([n, s]) => {
+    if (!s) return "";
+    const o = await m(s, "");
+    return `${typeof n == "number" ? `${n}%` : n}{${o}}`;
+  }), y = (await Promise.all(f)).join(""), p = `@keyframes ${r} {${y}}`;
+  return Object.assign(e, {
+    toString: e,
     isKeyframes: !0,
-    animationName: e,
-    css: d,
+    animationName: r,
+    css: p,
     keyframes: t
-  }), o;
+  }), e;
 };
 export {
-  N as keyframes
+  h as keyframes
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/react",
-  "version": "0.0.1-alpha.200",
+  "version": "0.0.1-alpha.202",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -62,7 +62,7 @@
     }
   },
   "dependencies": {
-    "@salty-css/core": "^0.0.1-alpha.200",
+    "@salty-css/core": "^0.0.1-alpha.202",
     "clsx": ">=2.x",
     "react": ">=19.x || >=18.3.x"
   }

package/parse-styles-B4STzGjG.cjs

@@ -0,0 +1,3 @@
+"use strict";const S=require("./parse-tokens-CNGyn07A.cjs"),J=e=>s=>{if(typeof s!="string"||!e)return;let t=s;const n=[];return Object.values(e).forEach(d=>{const{pattern:b,transform:C}=d;t=t.replace(b,P=>{const{value:A,css:p}=C(P);return p&&n.push(p),A})}),{transformed:t,additionalCss:n}},V=e=>String.fromCharCode(e+(e>25?39:97)),M=(e,s)=>{let t="",n;for(n=Math.abs(e);n>52;n=n/52|0)t=V(n%52)+t;return t=V(n%52)+t,t.length<s?t=t.padStart(s,"a"):t.length>s&&(t=t.slice(-s)),t},T=(e,s)=>{let t=s.length;for(;t;)e=e*33^s.charCodeAt(--t);return e},U=(e,s=5)=>{const t=T(5381,JSON.stringify(e))>>>0;return M(t,s)},q=["top","right","bottom","left","min-width",/.*width.*/,/^[^line]*height.*/,/padding.*/,/margin.*/,/border.*/,/inset.*/,/.*radius.*/,/.*spacing.*/,/.*gap.*/,/.*indent.*/,/.*offset.*/,/.*size.*/,/.*thickness.*/,/.*font-size.*/],Q=(e,s,t)=>{if(q.some(d=>typeof d=="string"?d===e:d.test(e))){const d=(t==null?void 0:t.defaultUnit)||"px";return`${s}${d}`}return`${s}`},_=["Webkit","Moz","ms","O"],F=e=>e.startsWith("-")?e:_.some(s=>e.startsWith(s))?`-${S.dashCase(e)}`:S.dashCase(e),$=async(e,s="",t)=>{if(!e)throw new Error("No styles provided to parseStyles function!");const n=new Set,b=Object.entries(e).map(async([w,r])=>{var y;const i=w.trim(),m=F(i),c=(a,f=";")=>`${m}:${a}${f}`;if(typeof r=="function"&&(r=r({scope:s,config:t})),r instanceof Promise&&(r=await r),t!=null&&t.templates&&t.templates[i]){const f=r.split(".").reduce((o,u)=>o[u],t.templates[i]);if(f){const[o]=await $(f,"");return o}console.warn(`Template "${i}" with path of "${r}" was not found in config!`);return}if(typeof r=="object"){if(!r)return;if(r.isColor)return c(r.toString());if(i==="defaultVariants")return;if(i==="variants"){const o=Object.entries(r);for(const[u,h]of o){if(!h)return;const E=Object.entries(h);for(const[N,l]of E){if(!l)return;const O=`${s}.${u}-${N}`;(await $(l,O,t)).forEach(H=>n.add(H))}}return}if(i==="compoundVariants"){for(const o of r){const{css:u,...h}=o,E=Object.entries(h).reduce((l,[O,W])=>`${l}.${O}-${W}`,s);(await $(u,E,t)).forEach(l=>n.add(l))}return}if(i.startsWith("@")){const o=((y=t==null?void 0:t.mediaQueries)==null?void 0:y[i])||i,u=await x(r,s,t),h=`${o} { ${u} }`;n.add(h);return}const a=w.includes("&")?i.replace("&",s):i.startsWith(":")?`${s}${i}`:`${s} ${i}`;(await $(r,a,t)).forEach(o=>n.add(o));return}if(typeof r=="number"){const a=Q(m,r,t);return c(a)}if(typeof r!="string")if("toString"in r)r=r.toString();else throw new Error(`Invalid value type for property ${m}`);return c(r)}),{modifiers:C}=t||{},P=[S.parseValueTokens(),J(C)],p=(await Promise.all(b).then(w=>Promise.all(w.map(r=>P.reduce(async(i,m)=>{const c=await i;if(!c)return c;const j=await m(c);if(!j)return c;const{transformed:y,additionalCss:a}=j;let f="";if(a)for(const o of a)f+=await x(o,"");return`${f}${y}`},Promise.resolve(r)))))).join(`
+`);if(!p.trim())return n;const z=s?`${s} { ${p} }`:p;return n.add(z),n},x=async(e,s,t)=>[...await $(e,s,t)].join(`
+`);exports.parseAndJoinStyles=x;exports.toHash=U;

package/parse-styles-DqV7Jbst.js

@@ -0,0 +1,129 @@
+import { d as W, p as U } from "./parse-tokens-CdNpUjpp.js";
+const H = (e) => (s) => {
+  if (typeof s != "string" || !e) return;
+  let t = s;
+  const n = [];
+  return Object.values(e).forEach((d) => {
+    const { pattern: b, transform: C } = d;
+    t = t.replace(b, (P) => {
+      const { value: x, css: u } = C(P);
+      return u && n.push(u), x;
+    });
+  }), { transformed: t, additionalCss: n };
+}, A = (e) => String.fromCharCode(e + (e > 25 ? 39 : 97)), J = (e, s) => {
+  let t = "", n;
+  for (n = Math.abs(e); n > 52; n = n / 52 | 0) t = A(n % 52) + t;
+  return t = A(n % 52) + t, t.length < s ? t = t.padStart(s, "a") : t.length > s && (t = t.slice(-s)), t;
+}, Q = (e, s) => {
+  let t = s.length;
+  for (; t; ) e = e * 33 ^ s.charCodeAt(--t);
+  return e;
+}, B = (e, s = 5) => {
+  const t = Q(5381, JSON.stringify(e)) >>> 0;
+  return J(t, s);
+}, T = [
+  "top",
+  "right",
+  "bottom",
+  "left",
+  "min-width",
+  /.*width.*/,
+  /^[^line]*height.*/,
+  // Exclude line-height
+  /padding.*/,
+  /margin.*/,
+  /border.*/,
+  /inset.*/,
+  /.*radius.*/,
+  /.*spacing.*/,
+  /.*gap.*/,
+  /.*indent.*/,
+  /.*offset.*/,
+  /.*size.*/,
+  /.*thickness.*/,
+  /.*font-size.*/
+], _ = (e, s, t) => {
+  if (T.some((d) => typeof d == "string" ? d === e : d.test(e))) {
+    const d = (t == null ? void 0 : t.defaultUnit) || "px";
+    return `${s}${d}`;
+  }
+  return `${s}`;
+}, q = ["Webkit", "Moz", "ms", "O"], F = (e) => e.startsWith("-") ? e : q.some((s) => e.startsWith(s)) ? `-${W(e)}` : W(e), $ = async (e, s = "", t) => {
+  if (!e) throw new Error("No styles provided to parseStyles function!");
+  const n = /* @__PURE__ */ new Set(), b = Object.entries(e).map(async ([w, r]) => {
+    var y;
+    const i = w.trim(), l = F(i), c = (a, f = ";") => `${l}:${a}${f}`;
+    if (typeof r == "function" && (r = r({ scope: s, config: t })), r instanceof Promise && (r = await r), t != null && t.templates && t.templates[i]) {
+      const f = r.split(".").reduce((o, p) => o[p], t.templates[i]);
+      if (f) {
+        const [o] = await $(f, "");
+        return o;
+      }
+      console.warn(`Template "${i}" with path of "${r}" was not found in config!`);
+      return;
+    }
+    if (typeof r == "object") {
+      if (!r) return;
+      if (r.isColor) return c(r.toString());
+      if (i === "defaultVariants") return;
+      if (i === "variants") {
+        const o = Object.entries(r);
+        for (const [p, m] of o) {
+          if (!m) return;
+          const E = Object.entries(m);
+          for (const [N, h] of E) {
+            if (!h) return;
+            const O = `${s}.${p}-${N}`;
+            (await $(h, O, t)).forEach((M) => n.add(M));
+          }
+        }
+        return;
+      }
+      if (i === "compoundVariants") {
+        for (const o of r) {
+          const { css: p, ...m } = o, E = Object.entries(m).reduce((h, [O, S]) => `${h}.${O}-${S}`, s);
+          (await $(p, E, t)).forEach((h) => n.add(h));
+        }
+        return;
+      }
+      if (i.startsWith("@")) {
+        const o = ((y = t == null ? void 0 : t.mediaQueries) == null ? void 0 : y[i]) || i, p = await V(r, s, t), m = `${o} { ${p} }`;
+        n.add(m);
+        return;
+      }
+      const a = w.includes("&") ? i.replace("&", s) : i.startsWith(":") ? `${s}${i}` : `${s} ${i}`;
+      (await $(r, a, t)).forEach((o) => n.add(o));
+      return;
+    }
+    if (typeof r == "number") {
+      const a = _(l, r, t);
+      return c(a);
+    }
+    if (typeof r != "string")
+      if ("toString" in r) r = r.toString();
+      else throw new Error(`Invalid value type for property ${l}`);
+    return c(r);
+  }), { modifiers: C } = t || {}, P = [U(), H(C)], u = (await Promise.all(b).then((w) => Promise.all(
+    w.map((r) => P.reduce(async (i, l) => {
+      const c = await i;
+      if (!c) return c;
+      const j = await l(c);
+      if (!j) return c;
+      const { transformed: y, additionalCss: a } = j;
+      let f = "";
+      if (a)
+        for (const o of a)
+          f += await V(o, "");
+      return `${f}${y}`;
+    }, Promise.resolve(r)))
+  ))).join(`
+`);
+  if (!u.trim()) return n;
+  const z = s ? `${s} { ${u} }` : u;
+  return n.add(z), n;
+}, V = async (e, s, t) => [...await $(e, s, t)].join(`
+`);
+export {
+  V as p,
+  B as t
+};

package/parse-tokens-CNGyn07A.cjs

@@ -0,0 +1 @@
+"use strict";function t(e){return e?typeof e!="string"?t(String(e)):e.replace(/[\s.]/g,"-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g,(n,s)=>(s>0?"-":"")+n.toLowerCase()):""}const o=e=>n=>typeof n!="string"||!/\{[^{}]+\}/g.test(n)?void 0:{transformed:n.replace(/\{([^{}]+)\}/g,(...a)=>{const r=t(a[1].replaceAll(".","-"));return e&&!e.includes(r)&&console.warn(`Token ${r} might not exist`),`var(--${r})`})};exports.dashCase=t;exports.parseValueTokens=o;

package/parse-tokens-CdNpUjpp.js

@@ -0,0 +1,11 @@
+function o(e) {
+  return e ? typeof e != "string" ? o(String(e)) : e.replace(/[\s.]/g, "-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (n, t) => (t > 0 ? "-" : "") + n.toLowerCase()) : "";
+}
+const i = (e) => (n) => typeof n != "string" || !/\{[^{}]+\}/g.test(n) ? void 0 : { transformed: n.replace(/\{([^{}]+)\}/g, (...s) => {
+  const r = o(s[1].replaceAll(".", "-"));
+  return e && !e.includes(r) && console.warn(`Token ${r} might not exist`), `var(--${r})`;
+}) };
+export {
+  o as d,
+  i as p
+};

package/styled-client.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./element-factory-D4kpeFoW.cjs"),n=(e,t,r)=>l.elementFactory(e,t,r);exports.styledClient=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./element-factory-xzOUBIyk.cjs"),n=(e,t,r)=>l.elementFactory(e,t,r);exports.styledClient=n;

package/styled-client.js

@@ -1,4 +1,4 @@
-import { e as o } from "./element-factory-C7JVLDq7.js";
+import { e as o } from "./element-factory-BqXNML99.js";
 const l = (e, t, r) => o(e, t, r);
 export {
   l as styledClient

package/styled.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./styles-generator-DAkA4JnC.cjs"),g=require("./element-factory-D4kpeFoW.cjs");class h extends m.StylesGenerator{constructor(e,t){super(t),this.tagName=e,this._params=t}get priority(){var e;return typeof this.tagName=="function"||typeof this.tagName=="object"?(((e=this.tagName.generator)==null?void 0:e.priority)||0)+1:0}get clientProps(){const{element:e,variants:t={},compoundVariants:a=[],defaultVariants:d={},defaultProps:l={},passProps:u}=this.params,{callerName:y,isProduction:f}=this.buildContext,o=new Set([]),i=s=>{const r=d[s];r!==void 0?o.add(`${s}=${String(r)}`):o.add(s)};Object.keys(t).forEach(i),a.map(s=>Object.keys(s).forEach(i));const c=new Set([]);if(this.params.base){const s=JSON.stringify(this.params.base).match(/\{props\.([\w\d]+)\}/gi);s&&s.forEach(r=>{const p=r.replace(/\{props\.([\w\d]+)\}/gi,"$1");p&&c.add(p)})}return{element:e,variantKeys:[...o],propValueKeys:[...c],passProps:u,defaultProps:l,attr:{"data-component-name":f?void 0:y}}}}const b=(n,e)=>{const t=new h(n,e),a=g.elementFactory(n,t.cssClassName,t.clientProps,{"data-unoptimized-client-component":!0});return Object.assign(a,{generator:t}),a};exports.styled=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./styles-generator-Bf-aF7sl.cjs"),g=require("./element-factory-xzOUBIyk.cjs");class h extends m.StylesGenerator{constructor(e,t){super(t),this.tagName=e,this._params=t}get priority(){var e;return typeof this.tagName=="function"||typeof this.tagName=="object"?(((e=this.tagName.generator)==null?void 0:e.priority)||0)+1:0}get clientProps(){const{element:e,variants:t={},compoundVariants:a=[],defaultVariants:d={},defaultProps:l={},passProps:u}=this.params,{callerName:y,isProduction:f}=this.buildContext,o=new Set([]),i=s=>{const r=d[s];r!==void 0?o.add(`${s}=${String(r)}`):o.add(s)};Object.keys(t).forEach(i),a.map(s=>Object.keys(s).forEach(i));const c=new Set([]);if(this.params.base){const s=JSON.stringify(this.params.base).match(/\{props\.([\w\d]+)\}/gi);s&&s.forEach(r=>{const p=r.replace(/\{props\.([\w\d]+)\}/gi,"$1");p&&c.add(p)})}return{element:e,variantKeys:[...o],propValueKeys:[...c],passProps:u,defaultProps:l,attr:{"data-component-name":f?void 0:y}}}}const b=(n,e)=>{const t=new h(n,e),a=g.elementFactory(n,t.cssClassName,t.clientProps,{"data-unoptimized-client-component":!0});return Object.assign(a,{generator:t}),a};exports.styled=b;

package/styled.js

@@ -1,5 +1,5 @@
-import { S as y } from "./styles-generator-Bae0y6su.js";
-import { e as h } from "./element-factory-C7JVLDq7.js";
+import { S as y } from "./styles-generator-8VCE7njI.js";
+import { e as h } from "./element-factory-BqXNML99.js";
 class g extends y {
   constructor(e, t) {
     super(t), this.tagName = e, this._params = t;

package/{styles-generator-Bae0y6su.js → styles-generator-8VCE7njI.js}

@@ -1,8 +1,8 @@
-var o = Object.defineProperty;
-var n = (a, s, t) => s in a ? o(a, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[s] = t;
-var e = (a, s, t) => n(a, typeof s != "symbol" ? s + "" : s, t);
-import { t as c, p as l } from "./parse-styles-p4rBqcpk.js";
-import { d as m } from "./parse-tokens-YUi047xd.js";
+var n = Object.defineProperty;
+var o = (a, s, t) => s in a ? n(a, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[s] = t;
+var e = (a, s, t) => o(a, typeof s != "symbol" ? s + "" : s, t);
+import { t as c, p as l } from "./parse-styles-DqV7Jbst.js";
+import { d as m } from "./parse-tokens-CdNpUjpp.js";
 class f {
   constructor(s) {
     e(this, "buildContext", {});
@@ -23,8 +23,8 @@ class f {
     return s ? `cl_${m(s)}-${this.hash}.css` : `${this.hash}.css`;
   }
   get css() {
-    const { base: s = {}, variants: t = {}, compoundVariants: r = [] } = this.params, { config: i } = this.buildContext, h = { ...s, variants: t, compoundVariants: r };
-    return l(h, `.${this.cssClassName}`, i);
+    const { base: s = {}, variants: t = {}, compoundVariants: i = [] } = this.params, { config: r } = this.buildContext, h = { ...s, variants: t, compoundVariants: i };
+    return l(h, `.${this.cssClassName}`, r);
   }
   _withBuildContext(s) {
     return this.buildContext = s, this;

package/{styles-generator-DAkA4JnC.cjs → styles-generator-Bf-aF7sl.cjs}

@@ -1 +1 @@
-"use strict";var h=Object.defineProperty;var o=(e,s,t)=>s in e?h(e,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[s]=t;var a=(e,s,t)=>o(e,typeof s!="symbol"?s+"":s,t);const r=require("./parse-styles-hwxJnxKJ.cjs"),l=require("./parse-tokens-p68muVgG.cjs");class u{constructor(s){a(this,"buildContext",{});this.params=s}get hash(){return r.toHash(this.params.base||this.params)}get cssClassName(){return this.hash}get classNames(){const s=[this.hash],{className:t}=this.params;return typeof t=="string"&&s.push(t),typeof t=="object"&&s.push(...t),s.join(" ")}get cssFileName(){const{callerName:s}=this.buildContext;return s?`cl_${l.dashCase(s)}-${this.hash}.css`:`${this.hash}.css`}get css(){const{base:s={},variants:t={},compoundVariants:i=[]}=this.params,{config:n}=this.buildContext,c={...s,variants:t,compoundVariants:i};return r.parseStyles(c,`.${this.cssClassName}`,n)}_withBuildContext(s){return this.buildContext=s,this}}exports.StylesGenerator=u;
+"use strict";var h=Object.defineProperty;var o=(e,s,t)=>s in e?h(e,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[s]=t;var a=(e,s,t)=>o(e,typeof s!="symbol"?s+"":s,t);const r=require("./parse-styles-B4STzGjG.cjs"),l=require("./parse-tokens-CNGyn07A.cjs");class u{constructor(s){a(this,"buildContext",{});this.params=s}get hash(){return r.toHash(this.params.base||this.params)}get cssClassName(){return this.hash}get classNames(){const s=[this.hash],{className:t}=this.params;return typeof t=="string"&&s.push(t),typeof t=="object"&&s.push(...t),s.join(" ")}get cssFileName(){const{callerName:s}=this.buildContext;return s?`cl_${l.dashCase(s)}-${this.hash}.css`:`${this.hash}.css`}get css(){const{base:s={},variants:t={},compoundVariants:i=[]}=this.params,{config:n}=this.buildContext,c={...s,variants:t,compoundVariants:i};return r.parseAndJoinStyles(c,`.${this.cssClassName}`,n)}_withBuildContext(s){return this.buildContext=s,this}}exports.StylesGenerator=u;

package/parse-styles-hwxJnxKJ.cjs

@@ -1,7 +0,0 @@
-"use strict";const y=require("./parse-tokens-p68muVgG.cjs"),z=(r,s)=>{if(typeof r!="string")return{result:r};if(!s)return{result:r};const t=[];return Object.values(s).forEach(n=>{const{pattern:p,transform:j}=n;r=r.replace(p,o=>{const{value:$,css:e}=j(o);return e&&t.push(e),$})}),{result:r,additionalCss:t}},E=r=>String.fromCharCode(r+(r>25?39:97)),A=(r,s)=>{let t="",n;for(n=Math.abs(r);n>52;n=n/52|0)t=E(n%52)+t;return t=E(n%52)+t,t.length<s?t=t.padStart(s,"a"):t.length>s&&(t=t.slice(-s)),t},C=(r,s)=>{let t=s.length;for(;t;)r=r*33^s.charCodeAt(--t);return r},H=(r,s=5)=>{const t=C(5381,JSON.stringify(r))>>>0;return A(t,s)},M=["top","right","bottom","left","min-width",/.*width.*/,/^[^line]*height.*/,/padding.*/,/margin.*/,/border.*/,/inset.*/,/.*radius.*/,/.*spacing.*/,/.*gap.*/,/.*indent.*/,/.*offset.*/,/.*size.*/,/.*thickness.*/,/.*font-size.*/],T=(r,s,t)=>{if(M.some(p=>typeof p=="string"?p===r:p.test(r))){const p=(t==null?void 0:t.defaultUnit)||"px";return`${s}${p}`}return`${s}`},U=["Webkit","Moz","ms","O"],q=r=>r.startsWith("-")?r:U.some(s=>r.startsWith(s))?`-${y.dashCase(r)}`:y.dashCase(r),c=(r,s,t)=>{if(!r)return"";const n=[],p=Object.entries(r).reduce((o,[$,e])=>{var P;const i=$.trim(),w=q(i),O=(h,f=";")=>o=`${o}${h}${f}`,b=h=>O(`${w}:${h}`);if(typeof e=="function"&&(e=e()),typeof e=="object"){if(!e)return o;if(e.isColor)return b(e.toString()),o;if(i==="variants")return Object.entries(e).forEach(([u,a])=>{a&&Object.entries(a).forEach(([d,m])=>{if(!m)return;const l=`${s}.${u}-${d}`,S=c(m,l,t);n.push(S)})}),o;if(i==="defaultVariants")return o;if(i==="compoundVariants")return e.forEach(u=>{const{css:a,...d}=u,m=Object.entries(d).reduce((S,[N,x])=>`${S}.${N}-${x}`,s),l=c(a,m,t);n.push(l)}),o;if(i.startsWith("@")){const u=((P=t==null?void 0:t.mediaQueries)==null?void 0:P[i])||i,a=c(e,s,t),d=`${u} {
- ${a.replace(`
-`,`
- `)}
-}`;return n.push(d),o}const h=$.includes("&")?i.replace("&",s):i.startsWith(":")?`${s}${i}`:`${s} ${i}`,f=c(e,h,t);return n.push(f),o}if(t!=null&&t.templates&&t.templates[i]){const f=e.split(".").reduce((u,a)=>u[a],t.templates[i]);if(f){const u=c(f,"");return`${o}${u}`}return console.warn(`Template "${i}" with path of "${e}" was not found in config!`),o}if(typeof e=="number"){const h=T(w,e,t);return b(h)}if(typeof e!="string")if("toString"in e)e=e.toString();else return o;const{modifiers:V}=t||{},W=function*(){yield y.parseValueTokens(e),yield z(e,V)}();for(const{result:h,additionalCss:f=[]}of W)e=h,f.forEach(u=>{const a=c(u,"");O(a,"")});return b(e)},"");return p?s?[`${s} { ${p} }`,...n].join(`
-`):p:n.join(`
-`)};exports.parseStyles=c;exports.toHash=H;

package/parse-styles-p4rBqcpk.js

@@ -1,118 +0,0 @@
-import { d as P, p as z } from "./parse-tokens-YUi047xd.js";
-const A = (r, s) => {
-  if (typeof r != "string") return { result: r };
-  if (!s) return { result: r };
-  const t = [];
-  return Object.values(s).forEach((n) => {
-    const { pattern: p, transform: j } = n;
-    r = r.replace(p, (o) => {
-      const { value: $, css: e } = j(o);
-      return e && t.push(e), $;
-    });
-  }), { result: r, additionalCss: t };
-}, E = (r) => String.fromCharCode(r + (r > 25 ? 39 : 97)), M = (r, s) => {
-  let t = "", n;
-  for (n = Math.abs(r); n > 52; n = n / 52 | 0) t = E(n % 52) + t;
-  return t = E(n % 52) + t, t.length < s ? t = t.padStart(s, "a") : t.length > s && (t = t.slice(-s)), t;
-}, U = (r, s) => {
-  let t = s.length;
-  for (; t; ) r = r * 33 ^ s.charCodeAt(--t);
-  return r;
-}, _ = (r, s = 5) => {
-  const t = U(5381, JSON.stringify(r)) >>> 0;
-  return M(t, s);
-}, C = [
-  "top",
-  "right",
-  "bottom",
-  "left",
-  "min-width",
-  /.*width.*/,
-  /^[^line]*height.*/,
-  // Exclude line-height
-  /padding.*/,
-  /margin.*/,
-  /border.*/,
-  /inset.*/,
-  /.*radius.*/,
-  /.*spacing.*/,
-  /.*gap.*/,
-  /.*indent.*/,
-  /.*offset.*/,
-  /.*size.*/,
-  /.*thickness.*/,
-  /.*font-size.*/
-], H = (r, s, t) => {
-  if (C.some((p) => typeof p == "string" ? p === r : p.test(r))) {
-    const p = (t == null ? void 0 : t.defaultUnit) || "px";
-    return `${s}${p}`;
-  }
-  return `${s}`;
-}, Q = ["Webkit", "Moz", "ms", "O"], T = (r) => r.startsWith("-") ? r : Q.some((s) => r.startsWith(s)) ? `-${P(r)}` : P(r), d = (r, s, t) => {
-  if (!r) return "";
-  const n = [], p = Object.entries(r).reduce((o, [$, e]) => {
-    var O;
-    const i = $.trim(), y = T(i), w = (f, a = ";") => o = `${o}${f}${a}`, b = (f) => w(`${y}:${f}`);
-    if (typeof e == "function" && (e = e()), typeof e == "object") {
-      if (!e) return o;
-      if (e.isColor)
-        return b(e.toString()), o;
-      if (i === "variants")
-        return Object.entries(e).forEach(([u, h]) => {
-          h && Object.entries(h).forEach(([c, m]) => {
-            if (!m) return;
-            const l = `${s}.${u}-${c}`, S = d(m, l, t);
-            n.push(S);
-          });
-        }), o;
-      if (i === "defaultVariants")
-        return o;
-      if (i === "compoundVariants")
-        return e.forEach((u) => {
-          const { css: h, ...c } = u, m = Object.entries(c).reduce((S, [x, N]) => `${S}.${x}-${N}`, s), l = d(h, m, t);
-          n.push(l);
-        }), o;
-      if (i.startsWith("@")) {
-        const u = ((O = t == null ? void 0 : t.mediaQueries) == null ? void 0 : O[i]) || i, h = d(e, s, t), c = `${u} {
- ${h.replace(`
-`, `
- `)}
-}`;
-        return n.push(c), o;
-      }
-      const f = $.includes("&") ? i.replace("&", s) : i.startsWith(":") ? `${s}${i}` : `${s} ${i}`, a = d(e, f, t);
-      return n.push(a), o;
-    }
-    if (t != null && t.templates && t.templates[i]) {
-      const a = e.split(".").reduce((u, h) => u[h], t.templates[i]);
-      if (a) {
-        const u = d(a, "");
-        return `${o}${u}`;
-      }
-      return console.warn(`Template "${i}" with path of "${e}" was not found in config!`), o;
-    }
-    if (typeof e == "number") {
-      const f = H(y, e, t);
-      return b(f);
-    }
-    if (typeof e != "string")
-      if ("toString" in e) e = e.toString();
-      else return o;
-    const { modifiers: V } = t || {}, W = function* () {
-      yield z(e), yield A(e, V);
-    }();
-    for (const { result: f, additionalCss: a = [] } of W)
-      e = f, a.forEach((u) => {
-        const h = d(u, "");
-        w(h, "");
-      });
-    return b(e);
-  }, "");
-  return p ? s ? [`${s} { ${p} }`, ...n].join(`
-`) : p : n.join(`
-`);
-};
-export {
-  d as p,
-  _ as t
-};

package/parse-tokens-YUi047xd.js

@@ -1,8 +0,0 @@
-function n(e) {
-  return e ? typeof e != "string" ? n(String(e)) : e.replace(/[\s.]/g, "-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (r, t) => (t > 0 ? "-" : "") + r.toLowerCase()) : "";
-}
-const o = (e) => typeof e != "string" ? { result: e } : /\{[^{}]+\}/g.test(e) ? { result: e.replace(/\{([^{}]+)\}/g, (...s) => `var(--${n(s[1].replaceAll(".", "-"))})`) } : { result: e };
-export {
-  n as d,
-  o as p
-};

package/parse-tokens-p68muVgG.cjs

@@ -1 +0,0 @@
-"use strict";function r(e){return e?typeof e!="string"?r(String(e)):e.replace(/[\s.]/g,"-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g,(t,s)=>(s>0?"-":"")+t.toLowerCase()):""}const a=e=>typeof e!="string"?{result:e}:/\{[^{}]+\}/g.test(e)?{result:e.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${r(n[1].replaceAll(".","-"))})`)}:{result:e};exports.dashCase=r;exports.parseValueTokens=a;