@salty-css/react 0.0.1-alpha.254 → 0.0.1-alpha.255

package/class-name.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./styles-generator-BYrIpvu6.cjs");class u extends i.StylesGenerator{constructor(s){super(s),this._params=s}}const m=t=>{const s=new u(t),r=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 r(l)},generator:s}),e};return r(s.cssClassName)};exports.className=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./styles-generator-B0g3tMVE.cjs");class u extends i.StylesGenerator{constructor(s){super(s),this._params=s}}const m=t=>{const s=new u(t),r=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 r(l)},generator:s}),e};return r(s.cssClassName)};exports.className=m;

package/class-name.js

@@ -1,4 +1,4 @@
-import { S as i } from "./styles-generator-CwRnWDqg.js";
+import { S as i } from "./styles-generator-CysDWakn.js";
 class m extends i {
   constructor(s) {
     super(s), this._params = s;

package/element-factory-DrGBPkh2.js

@@ -0,0 +1,67 @@
+import { forwardRef as v, createElement as C } from "react";
+import { p as g, d as N } from "./parse-tokens-Cbbbt7eO.js";
+function K(s) {
+  var i, e, t = "";
+  if (typeof s == "string" || typeof s == "number") t += s;
+  else if (typeof s == "object") if (Array.isArray(s)) {
+    var d = s.length;
+    for (i = 0; i < d; i++) s[i] && (e = K(s[i])) && (t && (t += " "), t += e);
+  } else for (e in s) s[e] && (t && (t += " "), t += e);
+  return t;
+}
+function A() {
+  for (var s, i, e = 0, t = "", d = arguments.length; e < d; e++) (s = arguments[e]) && (i = K(s)) && (t && (t += " "), t += i);
+  return t;
+}
+const R = ["passProps"], x = (s, i = "", e = {}, t) => {
+  const j = v(({
+    extend: o = s,
+    element: S = e.element,
+    className: O = "",
+    children: $,
+    passProps: u = e.passProps,
+    _vks: l = /* @__PURE__ */ new Set(),
+    ...r
+  }, w) => {
+    const f = { passProps: u };
+    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 = /* @__PURE__ */ new Set([...i.split(" "), ...O.split(" ")]), y = typeof o == "function" || typeof o == "object", h = y && "isStyled" in o, E = y ? o : S || o;
+    if (!E) throw new Error("No element provided");
+    const m = f.style || {};
+    f.style || (f.style = m), Object.entries(m).forEach(([n, a]) => {
+      const c = g(a);
+      c && (m[n] = c.transformed);
+    }), e.propValueKeys && e.propValueKeys.forEach((n) => {
+      const a = `css-${n}`, c = r[a];
+      if (c === void 0) return;
+      const p = `--props-${N(n)}`;
+      m[p] = c, l && l.add(a);
+    }), e.variantKeys && e.variantKeys.forEach((n) => {
+      const [a, c] = n.split("=");
+      r[a] !== void 0 ? (b.add(`${a}-${r[a]}`), l && l.add(a)) : c !== void 0 && b.add(`${a}-${c}`);
+    }), l && (!y || !h) ? l.forEach((n) => {
+      if (!u) return delete f[n];
+      if (u !== !0 && !u.includes(n))
+        return delete f[n];
+    }) : h && Object.assign(f, { _vks: l }), h || R.forEach((n) => delete f[n]);
+    const V = A(...b);
+    return C(
+      E,
+      {
+        element: y ? S : void 0,
+        className: V,
+        ref: w,
+        ...f
+      },
+      $
+    );
+  });
+  return Object.assign(j, {
+    isStyled: !0,
+    className: i,
+    toString: () => `.${i}`
+  }), j;
+};
+export {
+  x as e
+};

package/element-factory-Dt_Z9aHy.cjs

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

package/keyframes.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./parse-styles-DWI60Z4z.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./parse-styles-D_3y2nqs.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,4 +1,4 @@
-import { t as j, p as m } from "./parse-styles-9pzOKdzH.js";
+import { t as j, p as m } from "./parse-styles-sSzIlEhG.js";
 const h = async ({ animationName: $, params: l, appendInitialStyles: u, ...t }) => {
   const r = $ || j(t), e = async (n = {}) => {
     const {

package/package.json

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

package/parse-styles-D_3y2nqs.cjs

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

package/parse-styles-sSzIlEhG.js

@@ -0,0 +1,145 @@
+import { d as v, a as U } from "./parse-tokens-Cbbbt7eO.js";
+const H = (r) => (s) => {
+  if (typeof s != "string" || !r) return;
+  let t = s;
+  const i = [];
+  return Object.values(r).forEach((o) => {
+    const { pattern: j, transform: y } = o;
+    t = t.replace(j, (S) => {
+      const { value: x, css: b } = y(S);
+      return b && i.push(b), x;
+    });
+  }), { transformed: t, additionalCss: i };
+}, V = (r) => String.fromCharCode(r + (r > 25 ? 39 : 97)), J = (r, s) => {
+  let t = "", i;
+  for (i = Math.abs(r); i > 52; i = i / 52 | 0) t = V(i % 52) + t;
+  return t = V(i % 52) + t, t.length < s ? t = t.padStart(s, "a") : t.length > s && (t = t.slice(-s)), t;
+}, Q = (r, s) => {
+  let t = s.length;
+  for (; t; ) r = r * 33 ^ s.charCodeAt(--t);
+  return r;
+}, G = (r, s = 5) => {
+  const t = Q(5381, JSON.stringify(r)) >>> 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.*/
+], _ = (r, s, t) => {
+  if (T.some((o) => typeof o == "string" ? o === r : o.test(r))) {
+    const o = (t == null ? void 0 : t.defaultUnit) || "px";
+    return `${s}${o}`;
+  }
+  return `${s}`;
+}, q = ["Webkit", "Moz", "ms", "O"], F = (r) => r.startsWith("-") ? r : q.some((s) => r.startsWith(s)) ? `-${v(r)}` : v(r), $ = async (r, s = "", t, i = !1) => {
+  if (!r) throw new Error("No styles provided to parseStyles function!");
+  const o = /* @__PURE__ */ new Set(), j = Object.entries(r), y = async ([f, e]) => {
+    var E;
+    const n = f.trim(), w = F(n), m = (c, d = ";") => `${w}:${c}${d}`, P = { scope: s, config: t };
+    if (typeof e == "function") return y([f, e(P)]);
+    if (e instanceof Promise) return y([f, await e]);
+    if (t != null && t.templates && t.templatePaths[n])
+      try {
+        const [c, d] = t.templatePaths[n].split(";;"), a = await import(d), p = d.includes("salty.config"), l = p ? a[c].templates : a[c], h = p ? l[n] : l.params[n];
+        if (l && typeof h == "function") {
+          const C = await h(e), [u] = await $(C, "");
+          return u;
+        }
+      } catch (c) {
+        console.error(`Error loading template "${n}" from path "${t.templatePaths[n]}"`, c);
+        return;
+      }
+    if (t != null && t.templates && t.templates[n]) {
+      if (i) return;
+      const d = e.split(".").reduce((a, p) => a[p], t.templates[n]);
+      if (d) {
+        const [a] = await $(d, "");
+        return a;
+      }
+      console.warn(`Template "${n}" with path of "${e}" was not found in config!`);
+      return;
+    }
+    if (typeof e == "object") {
+      if (!e) return;
+      if (e.isColor) return m(e.toString());
+      if (n === "defaultVariants") return;
+      if (n === "variants") {
+        const a = Object.entries(e);
+        for (const [p, l] of a) {
+          if (!l) continue;
+          const h = Object.entries(l);
+          for (const [C, u] of h) {
+            if (!u) continue;
+            const O = `${s}.${p}-${C}`;
+            (await $(u, O, t)).forEach((M) => o.add(M));
+          }
+        }
+        return;
+      }
+      if (n === "compoundVariants") {
+        for (const a of e) {
+          const { css: p, ...l } = a, h = Object.entries(l).reduce((u, [O, W]) => `${u}.${O}-${W}`, s);
+          (await $(p, h, t)).forEach((u) => o.add(u));
+        }
+        return;
+      }
+      if (n.startsWith("@")) {
+        const a = ((E = t == null ? void 0 : t.mediaQueries) == null ? void 0 : E[n]) || n, p = await z(e, s, t), l = `${a} { ${p} }`;
+        o.add(l);
+        return;
+      }
+      const c = f.includes("&") ? n.replaceAll("&", s) : n.startsWith(":") ? `${s}${n}` : `${s} ${n}`;
+      (await $(e, c, t)).forEach((a) => o.add(a));
+      return;
+    }
+    if (typeof e == "number") {
+      const c = _(w, e, t);
+      return m(c);
+    }
+    if (typeof e != "string")
+      if ("toString" in e) e = e.toString();
+      else throw new Error(`Invalid value type for property ${w}`);
+    return m(e);
+  }, S = j.map(y), { modifiers: x } = t || {}, b = [U(), H(x)], A = (await Promise.all(S).then((f) => Promise.all(
+    f.map((e) => b.reduce(async (n, w) => {
+      const m = await n;
+      if (!m) return m;
+      const P = await w(m);
+      if (!P) return m;
+      const { transformed: E, additionalCss: c } = P;
+      let d = "";
+      if (c)
+        for (const a of c)
+          d += await z(a, "");
+      return `${d}${E}`;
+    }, Promise.resolve(e)))
+  ))).filter((f) => f !== void 0).join(`
+	`);
+  if (!A.trim()) return Array.from(o);
+  const N = s ? `${s} {
+	${A}
+}` : A;
+  return o.has(N) ? Array.from(o) : [N, ...o];
+}, z = async (r, s, t, i = !1) => (await $(r, s, t, i)).join(`
+`);
+export {
+  z as p,
+  G as t
+};

package/{parse-tokens-BqB-N10P.js → parse-tokens-Cbbbt7eO.js}

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

package/styled-client.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./element-factory-C2FUkBsK.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-Dt_Z9aHy.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-BZyANreM.js";
+import { e as o } from "./element-factory-DrGBPkh2.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 h=require("./styles-generator-BYrIpvu6.cjs"),g=require("./parse-tokens-BnDwbP7V.cjs"),b=require("./element-factory-C2FUkBsK.cjs");class S extends h.StylesGenerator{constructor(e,t){super(t),this.tagName=e,this._params=t}get priority(){var e;return this.params.priority?this.params.priority: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:r=[],defaultVariants:d={},defaultProps:l={},passProps:u}=this.params,{callerName:y,isProduction:f}=this.buildContext,o=new Set([]),i=s=>{const a=d[s];a!==void 0?o.add(`${s}=${String(a)}`):o.add(s)};Object.keys(t).forEach(i),r.map(s=>Object.keys(s).forEach(i));const c=new Set([]);if(this.params.base){const s=JSON.stringify(this.params.base).match(/\{-?props\.([^}]+)\}/gi);s&&s.forEach(a=>{const p=a.replace(/\{(?:-)?props\.([^}]+)\}/gi,"$1"),m=g.dashCase(p);p&&c.add(m)})}return{element:e,variantKeys:[...o],propValueKeys:[...c],passProps:u,defaultProps:l,attr:{"data-component-name":f?void 0:y}}}}const v=(n,e)=>{const t=new S(n,e),r=b.elementFactory(n,t.cssClassName,t.clientProps,{"data-unoptimized-client-component":!0});return Object.assign(r,{generator:t}),r};exports.styled=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./styles-generator-B0g3tMVE.cjs"),g=require("./parse-tokens-BnDwbP7V.cjs"),b=require("./element-factory-Dt_Z9aHy.cjs");class v extends h.StylesGenerator{constructor(e,t){super(t),this.tagName=e,this._params=t}get priority(){var e;return this.params.priority?this.params.priority: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:r=[],defaultVariants:d={},defaultProps:l={},passProps:u}=this.params,{callerName:y,isProduction:m}=this.buildContext,n=new Set([]),i=s=>{const a=d[s];a!==void 0?n.add(`${s}=${String(a)}`):n.add(s)};Object.keys(t).forEach(i),r.map(s=>Object.keys(s).forEach(i));const c=new Set([]);if(this.params.base){const s=JSON.stringify(this.params.base).match(/\{-?props\.([^}]+)\}/gi);s&&s.forEach(a=>{const p=a.replace(/\{(?:-)?props\.([^}]+)\}/gi,"$1"),f=g.dashCase(p);p&&c.add(f)})}return{element:e,variantKeys:[...n],propValueKeys:[...c],passProps:u,defaultProps:l,attr:{"data-component-name":m?void 0:y}}}}const S=(o,e)=>{const t=new v(o,e),r=b.elementFactory(o,t.cssClassName,t.clientProps,{"data-unoptimized-client-component":!0});return Object.assign(r,{generator:t}),r};exports.styled=S;

package/styled.js

@@ -1,7 +1,7 @@
-import { S as y } from "./styles-generator-CwRnWDqg.js";
-import { d as g } from "./parse-tokens-BqB-N10P.js";
-import { e as b } from "./element-factory-BZyANreM.js";
-class S extends y {
+import { S as y } from "./styles-generator-CysDWakn.js";
+import { d as g } from "./parse-tokens-Cbbbt7eO.js";
+import { e as v } from "./element-factory-DrGBPkh2.js";
+class b extends y {
   constructor(e, t) {
     super(t), this.tagName = e, this._params = t;
   }
@@ -10,11 +10,11 @@ class S extends y {
     return this.params.priority ? this.params.priority : 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: s = [], defaultVariants: d = {}, defaultProps: m = {}, passProps: f } = this.params, { callerName: l, isProduction: u } = this.buildContext, o = /* @__PURE__ */ new Set([]), i = (a) => {
+    const { element: e, variants: t = {}, compoundVariants: s = [], defaultVariants: d = {}, defaultProps: m = {}, passProps: l } = this.params, { callerName: f, isProduction: u } = this.buildContext, i = /* @__PURE__ */ new Set([]), n = (a) => {
       const r = d[a];
-      r !== void 0 ? o.add(`${a}=${String(r)}`) : o.add(a);
+      r !== void 0 ? i.add(`${a}=${String(r)}`) : i.add(a);
     };
-    Object.keys(t).forEach(i), s.map((a) => Object.keys(a).forEach(i));
+    Object.keys(t).forEach(n), s.map((a) => Object.keys(a).forEach(n));
     const c = /* @__PURE__ */ new Set([]);
     if (this.params.base) {
       const a = JSON.stringify(this.params.base).match(/\{-?props\.([^}]+)\}/gi);
@@ -25,18 +25,18 @@ class S extends y {
     }
     return {
       element: e,
-      variantKeys: [...o],
+      variantKeys: [...i],
       propValueKeys: [...c],
-      passProps: f,
+      passProps: l,
       defaultProps: m,
       attr: {
-        "data-component-name": u ? void 0 : l
+        "data-component-name": u ? void 0 : f
       }
     };
   }
 }
-const K = (n, e) => {
-  const t = new S(n, e), s = b(n, t.cssClassName, t.clientProps, {
+const K = (o, e) => {
+  const t = new b(o, e), s = v(o, t.cssClassName, t.clientProps, {
     "data-unoptimized-client-component": !0
   });
   return Object.assign(s, {

package/{styles-generator-BYrIpvu6.cjs → styles-generator-B0g3tMVE.cjs}

@@ -1 +1 @@
-"use strict";var c=Object.defineProperty;var l=(a,s,t)=>s in a?c(a,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[s]=t;var o=(a,s,t)=>l(a,typeof s!="symbol"?s+"":s,t);const n=require("./parse-styles-DWI60Z4z.cjs"),h=require("./parse-tokens-BnDwbP7V.cjs");class u{constructor(s){o(this,"buildContext",{});this.params=s}get priority(){return 0}get isRoot(){return this.priority===0}get hash(){const{base:s,variants:t,compoundVariants:e}=this.params;return n.toHash({base:s,variants:t,compoundVariants:e})}get cssClassName(){return this.hash}get classNames(){const s=new Set([this.cssClassName]),{className:t}=this.params;return typeof t=="string"&&s.add(t),typeof t=="object"&&t.forEach(e=>s.add(e)),this.getTemplateClasses().forEach(e=>s.add(e)),this.buildContext.classNames&&this.buildContext.classNames.forEach(e=>s.add(e)),[...s].join(" ")}get cssFileName(){const{callerName:s}=this.buildContext;return s?`cl_${h.dashCase(s)}-${this.hash}.css`:`${this.hash}.css`}get css(){const{base:s={},variants:t={},compoundVariants:e=[]}=this.params,{config:r}=this.buildContext,i={...s,variants:t,compoundVariants:e};return n.parseAndJoinStyles(i,`.${this.cssClassName}`,r,this.isRoot)}getTemplateClasses(s=this.buildContext.config){if(!(s!=null&&s.templates)||!this.params.base||this.priority>0)return[];const t=Object.keys(s.templates);return Object.entries(this.params.base).reduce((e,[r,i])=>(t.includes(r)&&e.push("t_"+n.toHash(h.dashCase(`${r}-${i}`),4)),e),[])}_withBuildContext(s){return this.buildContext=s,this}}exports.StylesGenerator=u;
+"use strict";var c=Object.defineProperty;var l=(a,s,t)=>s in a?c(a,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[s]=t;var o=(a,s,t)=>l(a,typeof s!="symbol"?s+"":s,t);const n=require("./parse-styles-D_3y2nqs.cjs"),h=require("./parse-tokens-BnDwbP7V.cjs");class u{constructor(s){o(this,"buildContext",{});this.params=s}get priority(){return 0}get isRoot(){return this.priority===0}get hash(){const{base:s,variants:t,compoundVariants:e}=this.params;return n.toHash({base:s,variants:t,compoundVariants:e})}get cssClassName(){return this.hash}get classNames(){const s=new Set([this.cssClassName]),{className:t}=this.params;return typeof t=="string"&&s.add(t),typeof t=="object"&&t.forEach(e=>s.add(e)),this.getTemplateClasses().forEach(e=>s.add(e)),this.buildContext.classNames&&this.buildContext.classNames.forEach(e=>s.add(e)),[...s].join(" ")}get cssFileName(){const{callerName:s}=this.buildContext;return s?`cl_${h.dashCase(s)}-${this.hash}.css`:`${this.hash}.css`}get css(){const{base:s={},variants:t={},compoundVariants:e=[]}=this.params,{config:r}=this.buildContext,i={...s,variants:t,compoundVariants:e};return n.parseAndJoinStyles(i,`.${this.cssClassName}`,r,this.isRoot)}getTemplateClasses(s=this.buildContext.config){if(!(s!=null&&s.templates)||!this.params.base||this.priority>0)return[];const t=Object.keys(s.templates);return Object.entries(this.params.base).reduce((e,[r,i])=>(t.includes(r)&&e.push("t_"+n.toHash(h.dashCase(`${r}-${i}`),4)),e),[])}_withBuildContext(s){return this.buildContext=s,this}}exports.StylesGenerator=u;

package/{styles-generator-CwRnWDqg.js → styles-generator-CysDWakn.js}

@@ -1,8 +1,8 @@
 var c = Object.defineProperty;
 var l = (a, s, t) => s in a ? c(a, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[s] = t;
 var o = (a, s, t) => l(a, typeof s != "symbol" ? s + "" : s, t);
-import { t as n, p as d } from "./parse-styles-9pzOKdzH.js";
-import { d as h } from "./parse-tokens-BqB-N10P.js";
+import { t as n, p as d } from "./parse-styles-sSzIlEhG.js";
+import { d as h } from "./parse-tokens-Cbbbt7eO.js";
 class C {
   constructor(s) {
     o(this, "buildContext", {});

package/element-factory-BZyANreM.js

@@ -1,67 +0,0 @@
-import { forwardRef as C, createElement as g } from "react";
-import { p as N, d as A } from "./parse-tokens-BqB-N10P.js";
-function K(n) {
-  var s, e, t = "";
-  if (typeof n == "string" || typeof n == "number") t += n;
-  else if (typeof n == "object") if (Array.isArray(n)) {
-    var o = n.length;
-    for (s = 0; s < o; s++) n[s] && (e = K(n[s])) && (t && (t += " "), t += e);
-  } else for (e in n) n[e] && (t && (t += " "), t += e);
-  return t;
-}
-function R() {
-  for (var n, s, e = 0, t = "", o = arguments.length; e < o; e++) (n = arguments[e]) && (s = K(n)) && (t && (t += " "), t += s);
-  return t;
-}
-const q = ["passProps"], x = (n, s = "", e = {}, t) => {
-  const j = C(({
-    extend: d = n,
-    element: S = e.element,
-    className: O = "",
-    children: $,
-    passProps: u = e.passProps,
-    _vks: l = /* @__PURE__ */ new Set(),
-    ...r
-  }, w) => {
-    const f = { passProps: u };
-    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 = /* @__PURE__ */ new Set([...s.split(" "), ...O.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 c = N(a);
-      c && (m[i] = c.transformed);
-    }), e.propValueKeys && e.propValueKeys.forEach((i) => {
-      const a = `css-${i}`, c = r[a];
-      if (c === void 0) return;
-      const p = `--props-${A(i)}`;
-      m[p] = c, l && l.add(a);
-    }), e.variantKeys && e.variantKeys.forEach((i) => {
-      const [a, c] = i.split("=");
-      r[a] !== void 0 ? (b.add(`${a}-${r[a]}`), l && l.add(a)) : c !== void 0 && b.add(`${a}-${c}`);
-    }), l && (!y || !h) ? l.forEach((i) => {
-      if (!u) return delete f[i];
-      if (u !== !0 && !u.includes(i))
-        return delete f[i];
-    }) : h && Object.assign(f, { _vks: l }), h || q.forEach((i) => delete f[i]);
-    const V = R(...b);
-    return g(
-      E,
-      {
-        element: y ? S : void 0,
-        className: V,
-        ref: w,
-        ...f
-      },
-      $
-    );
-  });
-  return Object.assign(j, {
-    isStyled: !0,
-    className: s,
-    toString: () => `.${s}`
-  }), j;
-};
-export {
-  x as e
-};

package/element-factory-C2FUkBsK.cjs

@@ -1 +0,0 @@
-"use strict";const K=require("react"),O=require("./parse-tokens-BnDwbP7V.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 N(){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:r=new Set,...l},C)=>{const f={passProps:o};e.attr&&Object.assign(f,e.attr),t&&Object.assign(f,t),e.defaultProps&&Object.assign(l,e.defaultProps),l&&Object.assign(f,l);const b=new Set([...s.split(" "),...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 c=O.parseVariableTokens(a);c&&(m[i]=c.transformed)}),e.propValueKeys&&e.propValueKeys.forEach(i=>{const a=`css-${i}`,c=l[a];if(c===void 0)return;const q=`--props-${O.dashCase(i)}`;m[q]=c,r&&r.add(a)}),e.variantKeys&&e.variantKeys.forEach(i=>{const[a,c]=i.split("=");l[a]!==void 0?(b.add(`${a}-${l[a]}`),r&&r.add(a)):c!==void 0&&b.add(`${a}-${c}`)}),r&&(!y||!h)?r.forEach(i=>{if(!o)return delete f[i];if(o!==!0&&!o.includes(i))return delete f[i]}):h&&Object.assign(f,{_vks:r}),h||A.forEach(i=>delete f[i]);const g=N(...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/parse-styles-9pzOKdzH.js

@@ -1,145 +0,0 @@
-import { d as V, a as H } from "./parse-tokens-BqB-N10P.js";
-const J = (e) => (s) => {
-  if (typeof s != "string" || !e) return;
-  let t = s;
-  const i = [];
-  return Object.values(e).forEach((o) => {
-    const { pattern: j, transform: y } = o;
-    t = t.replace(j, (S) => {
-      const { value: x, css: b } = y(S);
-      return b && i.push(b), x;
-    });
-  }), { transformed: t, additionalCss: i };
-}, z = (e) => String.fromCharCode(e + (e > 25 ? 39 : 97)), Q = (e, s) => {
-  let t = "", i;
-  for (i = Math.abs(e); i > 52; i = i / 52 | 0) t = z(i % 52) + t;
-  return t = z(i % 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;
-}, K = (e, s = 5) => {
-  const t = T(5381, JSON.stringify(e)) >>> 0;
-  return Q(t, s);
-}, _ = [
-  "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.*/
-], q = (e, s, t) => {
-  if (_.some((o) => typeof o == "string" ? o === e : o.test(e))) {
-    const o = (t == null ? void 0 : t.defaultUnit) || "px";
-    return `${s}${o}`;
-  }
-  return `${s}`;
-}, F = ["Webkit", "Moz", "ms", "O"], I = (e) => e.startsWith("-") ? e : F.some((s) => e.startsWith(s)) ? `-${V(e)}` : V(e), $ = async (e, s = "", t, i = !1) => {
-  if (!e) throw new Error("No styles provided to parseStyles function!");
-  const o = /* @__PURE__ */ new Set(), j = Object.entries(e), y = async ([u, r]) => {
-    var E;
-    const n = u.trim(), w = I(n), l = (c, d = ";") => `${w}:${c}${d}`, P = { scope: s, config: t };
-    if (typeof r == "function") return y([u, r(P)]);
-    if (r instanceof Promise) return y([u, await r]);
-    if (t != null && t.templates && t.templatePaths[n])
-      try {
-        const [c, d] = t.templatePaths[n].split(";;"), a = await import(d), f = d.includes("salty.config"), p = f ? a[c].templates : a[c], h = f ? p[n] : p.params[n];
-        if (p && typeof h == "function") {
-          const C = await h(r), [m] = await $(C, "");
-          return m;
-        }
-      } catch (c) {
-        console.error(`Error loading template "${n}" from path "${t.templatePaths[n]}"`, c);
-        return;
-      }
-    if (t != null && t.templates && t.templates[n]) {
-      if (i) return;
-      const d = r.split(".").reduce((a, f) => a[f], t.templates[n]);
-      if (d) {
-        const [a] = await $(d, "");
-        return a;
-      }
-      console.warn(`Template "${n}" with path of "${r}" was not found in config!`);
-      return;
-    }
-    if (typeof r == "object") {
-      if (!r) return;
-      if (r.isColor) return l(r.toString());
-      if (n === "defaultVariants") return;
-      if (n === "variants") {
-        const a = Object.entries(r);
-        for (const [f, p] of a) {
-          if (!p) continue;
-          const h = Object.entries(p);
-          for (const [C, m] of h) {
-            if (!m) continue;
-            const O = `${s}.${f}-${C}`;
-            (await $(m, O, t)).forEach((U) => o.add(U));
-          }
-        }
-        return;
-      }
-      if (n === "compoundVariants") {
-        for (const a of r) {
-          const { css: f, ...p } = a, h = Object.entries(p).reduce((m, [O, W]) => `${m}.${O}-${W}`, s);
-          (await $(f, h, t)).forEach((m) => o.add(m));
-        }
-        return;
-      }
-      if (n.startsWith("@")) {
-        const a = ((E = t == null ? void 0 : t.mediaQueries) == null ? void 0 : E[n]) || n, f = await M(r, s, t), p = `${a} { ${f} }`;
-        o.add(p);
-        return;
-      }
-      const c = u.includes("&") ? n.replaceAll("&", s) : n.startsWith(":") ? `${s}${n}` : `${s} ${n}`;
-      (await $(r, c, t)).forEach((a) => o.add(a));
-      return;
-    }
-    if (typeof r == "number") {
-      const c = q(w, r, t);
-      return l(c);
-    }
-    if (typeof r != "string")
-      if ("toString" in r) r = r.toString();
-      else throw new Error(`Invalid value type for property ${w}`);
-    return l(r);
-  }, S = j.map(y), { modifiers: x } = t || {}, b = [H(), J(x)], A = (await Promise.all(S).then((u) => Promise.all(
-    u.map((r) => b.reduce(async (n, w) => {
-      const l = await n;
-      if (!l) return l;
-      const P = await w(l);
-      if (!P) return l;
-      const { transformed: E, additionalCss: c } = P;
-      let d = "";
-      if (c)
-        for (const a of c)
-          d += await M(a, "");
-      return `${d}${E}`;
-    }, Promise.resolve(r)))
-  ))).filter((u) => u !== void 0).join(`
-	`);
-  if (!A.trim()) return Array.from(o);
-  const N = s ? `${s} {
-	${A}
-}` : A;
-  return o.has(N) ? Array.from(o) : [N, ...o];
-}, M = async (e, s, t, i = !1) => (await $(e, s, t, i)).join(`
-`);
-export {
-  M as p,
-  K as t
-};

package/parse-styles-DWI60Z4z.cjs

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