@salty-css/react 0.0.1-alpha.26 → 0.0.1-alpha.260

package/styles-generator-Cz2vkKB0.js

@@ -0,0 +1,47 @@
+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-BRbiYmZ_.js";
+import { d as h } from "./parse-tokens-Cbbbt7eO.js";
+class C {
+  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({ base: s, variants: t, compoundVariants: e });
+  }
+  get cssClassName() {
+    return this.hash;
+  }
+  get classNames() {
+    const s = /* @__PURE__ */ 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(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 d(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(h(`${r}-${i}`), 4)), e), []);
+  }
+  _withBuildContext(s) {
+    return this.buildContext = s, this;
+  }
+}
+export {
+  C as S
+};

package/styles-generator-E48FU2R-.cjs

@@ -0,0 +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-BU5fcwDA.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/viewport-clamp-BOc-8Oph.js

@@ -0,0 +1,7 @@
+const p = (e) => (t) => {
+  const { screenSize: n, axis: i = "horizontal", minMultiplier: a = 0.5, maxMultiplier: r = 1.5 } = e, o = Math.round(t / n * 1e4) / 100, l = i === "vertical" ? "vh" : "vw", c = Math.round(a * t), s = Math.round(r * t);
+  return `clamp(${c}px, ${o}${l}, ${s}px)`;
+};
+export {
+  p as d
+};

package/viewport-clamp-kY8JqYzm.cjs

@@ -0,0 +1 @@
+"use strict";const p=e=>t=>{const{screenSize:i,axis:n="horizontal",minMultiplier:r=.5,maxMultiplier:a=1.5}=e,o=Math.round(t/i*1e4)/100,l=n==="vertical"?"vh":"vw",c=Math.round(r*t),s=Math.round(a*t);return`clamp(${c}px, ${o}${l}, ${s}px)`};exports.defineViewportClamp=p;

package/dash-case-B_odFlTl.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,(n,t)=>(t>0?"-":"")+n.toLowerCase()):""}exports.dashCase=r;

package/dash-case-CGJ_UIZz.js

@@ -1,6 +0,0 @@
-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, (r, n) => (n > 0 ? "-" : "") + r.toLowerCase()) : "";
-}
-export {
-  t as d
-};

package/element-factory-WgNOpLmJ.cjs

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

package/element-factory-uEk4VrqP.js

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

package/parse-styles-SPT4zc_H.cjs

@@ -1,7 +0,0 @@
-"use strict";const V=require("./dash-case-B_odFlTl.cjs"),E=r=>String.fromCharCode(r+(r>25?39:97)),P=(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},T=(r,s)=>{let t=s.length;for(;t;)r=r*33^s.charCodeAt(--t);return r},W=(r,s=3)=>{const t=T(5381,JSON.stringify(r))>>>0;return P(t,s)},q=(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:$}=n;r=r.replace(p,d=>{const{value:i,css:l}=$(d);return l&&t.push(l),i})}),{result:r,additionalCss:t}},M=r=>typeof r!="string"?{result:r}:/\{[^{}]+\}/g.test(r)?{result:r.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${V.dashCase(n[1].replaceAll(".","-"))})`)}:{result:r},a=(r,s,t,n)=>{if(!r)return"";const p=[],$=Object.entries(r).reduce((i,[l,e])=>{const o=l.trim();if(typeof e=="function"&&(e=e()),typeof e=="object"){if(!e)return i;if(o==="variants")return Object.entries(e).forEach(([f,c])=>{c&&Object.entries(c).forEach(([m,b])=>{if(!b)return;const S=`${s}.${f}-${m}`,j=a(b,S,t);p.push(j)})}),i;if(o==="defaultVariants")return i;if(o==="compoundVariants")return e.forEach(f=>{const{css:c,...m}=f,b=Object.entries(m).reduce((j,[H,N])=>`${j}.${H}-${N}`,s),S=a(c,b,t);p.push(S)}),i;if(o.startsWith("@")){const f=a(e,s,t),c=`${o} {
- ${f.replace(`
-`,`
- `)}
-}`;return p.push(c),i}const u=l.includes("&")?o.replace("&",s):o.startsWith(":")?`${s}${o}`:`${s} ${o}`,h=a(e,u,t);return p.push(h),i}if(n!=null&&n.templates&&n.templates[o]){const h=e.split(".").reduce((c,m)=>c[m],n.templates[o]),f=a(h,"");return`${i}${f}`}const g=o.startsWith("-")?o:V.dashCase(o),y=(u,h=";")=>i=`${i}${u}${h}`,O=u=>y(`${g}:${u}`);if(typeof e=="number")return O(e);if(typeof e!="string")if("toString"in e)e=e.toString();else return i;const{modifiers:A}=n||{},k=function*(){yield M(e),yield q(e,A)}();for(const{result:u,additionalCss:h=[]}of k)e=u,h.forEach(f=>{const c=a(f,"");y(c,"")});return O(e)},"");if(!$)return p.join(`
-`);if(!s)return $;let d="";return t!==void 0?d=`@layer l${t} { ${s} { ${$} } }`:d=`${s} { ${$} }`,[d,...p].join(`
-`)};exports.parseStyles=a;exports.toHash=W;

package/parse-styles-T74HIH4_.js

@@ -1,85 +0,0 @@
-import { d as V } from "./dash-case-CGJ_UIZz.js";
-const E = (r) => String.fromCharCode(r + (r > 25 ? 39 : 97)), T = (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;
-}, W = (r, s) => {
-  let t = s.length;
-  for (; t; ) r = r * 33 ^ s.charCodeAt(--t);
-  return r;
-}, x = (r, s = 3) => {
-  const t = W(5381, JSON.stringify(r)) >>> 0;
-  return T(t, s);
-}, H = (r, s) => {
-  if (typeof r != "string") return { result: r };
-  if (!s) return { result: r };
-  const t = [];
-  return Object.values(s).forEach((n) => {
-    const { pattern: c, transform: a } = n;
-    r = r.replace(c, (d) => {
-      const { value: i, css: m } = a(d);
-      return m && t.push(m), i;
-    });
-  }), { result: r, additionalCss: t };
-}, M = (r) => typeof r != "string" ? { result: r } : /\{[^{}]+\}/g.test(r) ? { result: r.replace(/\{([^{}]+)\}/g, (...n) => `var(--${V(n[1].replaceAll(".", "-"))})`) } : { result: r }, $ = (r, s, t, n) => {
-  if (!r) return "";
-  const c = [], a = Object.entries(r).reduce((i, [m, e]) => {
-    const o = m.trim();
-    if (typeof e == "function" && (e = e()), typeof e == "object") {
-      if (!e) return i;
-      if (o === "variants")
-        return Object.entries(e).forEach(([f, p]) => {
-          p && Object.entries(p).forEach(([l, b]) => {
-            if (!b) return;
-            const j = `${s}.${f}-${l}`, S = $(b, j, t);
-            c.push(S);
-          });
-        }), i;
-      if (o === "defaultVariants")
-        return i;
-      if (o === "compoundVariants")
-        return e.forEach((f) => {
-          const { css: p, ...l } = f, b = Object.entries(l).reduce((S, [N, P]) => `${S}.${N}-${P}`, s), j = $(p, b, t);
-          c.push(j);
-        }), i;
-      if (o.startsWith("@")) {
-        const f = $(e, s, t), p = `${o} {
- ${f.replace(`
-`, `
- `)}
-}`;
-        return c.push(p), i;
-      }
-      const u = m.includes("&") ? o.replace("&", s) : o.startsWith(":") ? `${s}${o}` : `${s} ${o}`, h = $(e, u, t);
-      return c.push(h), i;
-    }
-    if (n != null && n.templates && n.templates[o]) {
-      const h = e.split(".").reduce((p, l) => p[l], n.templates[o]), f = $(h, "");
-      return `${i}${f}`;
-    }
-    const g = o.startsWith("-") ? o : V(o), y = (u, h = ";") => i = `${i}${u}${h}`, O = (u) => y(`${g}:${u}`);
-    if (typeof e == "number") return O(e);
-    if (typeof e != "string")
-      if ("toString" in e) e = e.toString();
-      else return i;
-    const { modifiers: A } = n || {}, k = function* () {
-      yield M(e), yield H(e, A);
-    }();
-    for (const { result: u, additionalCss: h = [] } of k)
-      e = u, h.forEach((f) => {
-        const p = $(f, "");
-        y(p, "");
-      });
-    return O(e);
-  }, "");
-  if (!a) return c.join(`
-`);
-  if (!s) return a;
-  let d = "";
-  return t !== void 0 ? d = `@layer l${t} { ${s} { ${a} } }` : d = `${s} { ${a} }`, [d, ...c].join(`
-`);
-};
-export {
-  $ as p,
-  x as t
-};