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

package/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./keyframes.cjs"),n=require("./media.cjs"),u=r=>`{${r}}`,a=(...r)=>r.flat().reduce((t,e)=>e!=null&&e._current?{...t,...e._current}:{...t,...e},{}),o=(...r)=>r.flat().reduce((t,e)=>({...t,...e._children}),{});exports.keyframes=c.keyframes;exports.MediaQueryFactory=n.MediaQueryFactory;exports.media=n.media;exports.mergeFactories=o;exports.mergeObjects=a;exports.token=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@salty-css/core/css");Object.keys(t).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});

package/index.js

@@ -1,11 +1 @@
-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 {
-  d as MediaQueryFactory,
-  f as keyframes,
-  i as media,
-  u as mergeFactories,
-  o as mergeObjects,
-  n as token
-};
+export * from "@salty-css/core/css";

package/keyframes.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./parse-styles-BU5fcwDA.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 t=require("@salty-css/core/css/keyframes");Object.keys(t).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});

package/keyframes.js

@@ -1,33 +1 @@
-import { t as j, p as m } from "./parse-styles-BRbiYmZ_.js";
-const h = async ({ animationName: $, params: l, appendInitialStyles: u, ...t }) => {
-  const r = $ || j(t), e = async (n = {}) => {
-    const {
-      duration: s = "500ms",
-      easing: o = "ease-in-out",
-      delay: i = "0s",
-      iterationCount: d = "1",
-      direction: S = "normal",
-      fillMode: g = "forwards",
-      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 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: r,
-    css: p,
-    keyframes: t
-  }), e;
-};
-export {
-  h as keyframes
-};
+export * from "@salty-css/core/css/keyframes";

package/media.cjs

@@ -1 +1 @@
-"use strict";var a=Object.defineProperty;var o=(s,e,t)=>e in s?a(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var i=(s,e,t)=>o(s,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class r{constructor(e="@media"){i(this,"next",e=>{const t=new String(e);return Object.assign(t,{get isMedia(){return!0},get and(){return new r(`${e} and`)},get or(){return new r(`${e},`)}}),t});this.base=e}custom(e){return this.next(`${this.base} ${e}`)}minWidth(e){const t=typeof e=="number"?`${e}px`:e,n=`${this.base} (min-width: ${t})`;return this.next(n)}maxWidth(e){const t=typeof e=="number"?`${e}px`:e,n=`${this.base} (max-width: ${t})`;return this.next(n)}minHeight(e){const t=typeof e=="number"?`${e}px`:e,n=`${this.base} (min-height: ${t})`;return this.next(n)}maxHeight(e){const t=typeof e=="number"?`${e}px`:e,n=`${this.base} (max-height: ${t})`;return this.next(n)}get portrait(){const e=`${this.base} (orientation: portrait)`;return this.next(e)}get landscape(){const e=`${this.base} (orientation: landscape)`;return this.next(e)}prefersColorScheme(e){const t=`${this.base} (prefers-color-scheme: ${e})`;return this.next(t)}get dark(){return this.prefersColorScheme("dark")}get light(){return this.prefersColorScheme("light")}get print(){const e=`${this.base} print`;return this.next(e)}get screen(){const e=`${this.base} screen`;return this.next(e)}get speech(){const e=`${this.base} speech`;return this.next(e)}get all(){const e=`${this.base} all`;return this.next(e)}get not(){const e=`${this.base} not`;return this.next(e)}get reducedMotion(){const e=`${this.base} (prefers-reduced-motion: reduce)`;return this.next(e)}}const u=new r;exports.MediaQueryFactory=r;exports.media=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@salty-css/core/css/media");Object.keys(t).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});

package/media.js

@@ -1,88 +1 @@
-var a = Object.defineProperty;
-var o = (s, t, e) => t in s ? a(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var i = (s, t, e) => o(s, typeof t != "symbol" ? t + "" : t, e);
-class r {
-  constructor(t = "@media") {
-    i(this, "next", (t) => {
-      const e = new String(t);
-      return Object.assign(e, {
-        get isMedia() {
-          return !0;
-        },
-        get and() {
-          return new r(`${t} and`);
-        },
-        get or() {
-          return new r(`${t},`);
-        }
-      }), e;
-    });
-    this.base = t;
-  }
-  custom(t) {
-    return this.next(`${this.base} ${t}`);
-  }
-  minWidth(t) {
-    const e = typeof t == "number" ? `${t}px` : t, n = `${this.base} (min-width: ${e})`;
-    return this.next(n);
-  }
-  maxWidth(t) {
-    const e = typeof t == "number" ? `${t}px` : t, n = `${this.base} (max-width: ${e})`;
-    return this.next(n);
-  }
-  minHeight(t) {
-    const e = typeof t == "number" ? `${t}px` : t, n = `${this.base} (min-height: ${e})`;
-    return this.next(n);
-  }
-  maxHeight(t) {
-    const e = typeof t == "number" ? `${t}px` : t, n = `${this.base} (max-height: ${e})`;
-    return this.next(n);
-  }
-  get portrait() {
-    const t = `${this.base} (orientation: portrait)`;
-    return this.next(t);
-  }
-  get landscape() {
-    const t = `${this.base} (orientation: landscape)`;
-    return this.next(t);
-  }
-  prefersColorScheme(t) {
-    const e = `${this.base} (prefers-color-scheme: ${t})`;
-    return this.next(e);
-  }
-  get dark() {
-    return this.prefersColorScheme("dark");
-  }
-  get light() {
-    return this.prefersColorScheme("light");
-  }
-  get print() {
-    const t = `${this.base} print`;
-    return this.next(t);
-  }
-  get screen() {
-    const t = `${this.base} screen`;
-    return this.next(t);
-  }
-  get speech() {
-    const t = `${this.base} speech`;
-    return this.next(t);
-  }
-  get all() {
-    const t = `${this.base} all`;
-    return this.next(t);
-  }
-  get not() {
-    const t = `${this.base} not`;
-    return this.next(t);
-  }
-  get reducedMotion() {
-    const t = `${this.base} (prefers-reduced-motion: reduce)`;
-    return this.next(t);
-  }
-}
-const u = new r();
-export {
-  r as MediaQueryFactory,
-  u as media
-};
+export * from "@salty-css/core/css/media";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/react",
-  "version": "0.0.1-alpha.260",
+  "version": "0.0.1-alpha.262",
   "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.260",
+    "@salty-css/core": "^0.0.1-alpha.262",
     "clsx": ">=2.x",
     "react": ">=19.x || >=18.3.x"
   }

package/styled-client.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./element-factory-CjfyYeUL.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-DrGBPkh2.js";
+import { e as o } from "./element-factory-BQLlIRVO.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-E48FU2R-.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@salty-css/core/generators"),s=require("./element-factory-CjfyYeUL.cjs"),c=(t,r)=>{const e=new o.StyledGenerator(t,r),n=s.elementFactory(t,e.cssClassName,e.clientProps,{"data-unoptimized-client-component":!0});return Object.assign(n,{generator:e}),n};exports.styled=c;

package/styled.js

@@ -1,48 +1,13 @@
-import { S as y } from "./styles-generator-Cz2vkKB0.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;
-  }
-  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: 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 ? i.add(`${a}=${String(r)}`) : i.add(a);
-    };
-    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);
-      a && a.forEach((r) => {
-        const p = r.replace(/\{(?:-)?props\.([^}]+)\}/gi, "$1"), h = g(p);
-        p && c.add(h);
-      });
-    }
-    return {
-      element: e,
-      variantKeys: [...i],
-      propValueKeys: [...c],
-      passProps: l,
-      defaultProps: m,
-      attr: {
-        "data-component-name": u ? void 0 : f
-      }
-    };
-  }
-}
-const K = (o, e) => {
-  const t = new b(o, e), s = v(o, t.cssClassName, t.clientProps, {
+import { StyledGenerator as r } from "@salty-css/core/generators";
+import { e as s } from "./element-factory-BQLlIRVO.js";
+const i = (t, o) => {
+  const e = new r(t, o), n = s(t, e.cssClassName, e.clientProps, {
     "data-unoptimized-client-component": !0
   });
-  return Object.assign(s, {
-    generator: t
-  }), s;
+  return Object.assign(n, {
+    generator: e
+  }), n;
 };
 export {
-  K as styled
+  i as styled
 };

package/element-factory-DrGBPkh2.js

@@ -1,67 +0,0 @@
-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

@@ -1 +0,0 @@
-"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/parse-styles-BRbiYmZ_.js

@@ -1,155 +0,0 @@
-import { d as W, a as M } from "./parse-tokens-Cbbbt7eO.js";
-import { d as U } from "./viewport-clamp-BOc-8Oph.js";
-const H = (r) => (s) => {
-  if (typeof s != "string" || !r) return;
-  let t = s;
-  const a = [];
-  return Object.values(r).forEach((o) => {
-    const { pattern: b, transform: m } = o;
-    t = t.replace(b, (C) => {
-      const { value: j, css: E } = m(C);
-      return E && a.push(E), j;
-    });
-  }), { transformed: t, additionalCss: a };
-}, z = (r) => String.fromCharCode(r + (r > 25 ? 39 : 97)), J = (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;
-}, Q = (r, s) => {
-  let t = s.length;
-  for (; t; ) r = r * 33 ^ s.charCodeAt(--t);
-  return r;
-}, L = (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";
-    if (o.startsWith("viewport-clamp:"))
-      try {
-        const m = o.split(":")[1];
-        return U({
-          screenSize: parseInt(m)
-        })(Number(s));
-      } catch (m) {
-        throw console.error(m), new Error(`Invalid viewport-clamp value: ${o}`);
-      }
-    return `${s}${o}`;
-  }
-  return `${s}`;
-}, q = ["Webkit", "Moz", "ms", "O"], F = (r) => r.startsWith("-") ? r : q.some((s) => r.startsWith(s)) ? `-${W(r)}` : W(r), $ = async (r, s = "", t, a = !1) => {
-  if (!r) throw new Error("No styles provided to parseStyles function!");
-  const o = /* @__PURE__ */ new Set(), b = Object.entries(r), m = async ([f, e]) => {
-    var S;
-    const n = f.trim().replace(/^\?+/g, ""), y = F(n), u = (c, p = ";") => `${y}:${c}${p}`, P = { scope: s, config: t };
-    if (typeof e == "function") return m([f, e(P)]);
-    if (e instanceof Promise) return m([f, await e]);
-    if (t != null && t.templates && t.templatePaths[n])
-      try {
-        const [c, p] = t.templatePaths[n].split(";;"), i = await import(p), l = p.includes("salty.config"), d = l ? i[c].templates : i[c], w = l ? d[n] : d.params[n];
-        if (d && typeof w == "function") {
-          const v = await w(e), [h] = await $(v, "");
-          return h;
-        }
-      } 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 p = e.split(".").reduce((i, l) => i[l], t.templates[n]);
-      if (p) {
-        const [i] = await $(p, "");
-        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, d] of i) {
-          if (!d) continue;
-          const w = Object.entries(d);
-          for (const [v, h] of w) {
-            if (!h) continue;
-            const A = `${s}.${l}-${v}`;
-            (await $(h, A, t)).forEach((I) => o.add(I));
-          }
-        }
-        return;
-      }
-      if (n === "compoundVariants") {
-        for (const i of e) {
-          const { css: l, ...d } = i, w = Object.entries(d).reduce((h, [A, N]) => `${h}.${A}-${N}`, s);
-          (await $(l, w, t)).forEach((h) => o.add(h));
-        }
-        return;
-      }
-      if (n.startsWith("@")) {
-        const i = ((S = t == null ? void 0 : t.mediaQueries) == null ? void 0 : S[n]) || n, l = await V(e, s, t), d = `${i} { ${l} }`;
-        o.add(d);
-        return;
-      }
-      const c = f.includes("&") ? n.replaceAll("&", s) : n.startsWith(":") ? `${s}${n}` : `${s} ${n}`;
-      (await $(e, c, t)).forEach((i) => o.add(i));
-      return;
-    }
-    if (typeof e == "number") {
-      const c = _(y, 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 ${y}`);
-    return u(e);
-  }, C = b.map(m), { modifiers: j } = t || {}, E = [M(), H(j)], x = (await Promise.all(C).then((f) => Promise.all(
-    f.map((e) => E.reduce(async (n, y) => {
-      const u = await n;
-      if (!u) return u;
-      const P = await y(u);
-      if (!P) return u;
-      const { transformed: S, additionalCss: c } = P;
-      let p = "";
-      if (c)
-        for (const i of c)
-          p += await V(i, "");
-      return `${p}${S}`;
-    }, Promise.resolve(e)))
-  ))).filter((f) => f !== void 0).join(`
-	`);
-  if (!x.trim()) return Array.from(o);
-  const O = s ? `${s} {
-	${x}
-}` : x;
-  return o.has(O) ? Array.from(o) : [O, ...o];
-}, V = async (r, s, t, a = !1) => (await $(r, s, t, a)).join(`
-`);
-export {
-  V as p,
-  L as t
-};

package/parse-styles-BU5fcwDA.cjs

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

package/parse-tokens-BnDwbP7V.cjs

@@ -1 +0,0 @@
-"use strict";function s(e){return e?typeof e!="string"?s(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 a=e=>r=>typeof r!="string"||!/\{[^{}]+\}/g.test(r)?void 0:{transformed:r.replace(/\{([^{}]+)\}/g,(...o)=>{const n=s(o[1].replaceAll(".","-"));return n.startsWith("-")?`-${n}`:`var(--${n})`})},i=a();exports.dashCase=s;exports.parseValueTokens=a;exports.parseVariableTokens=i;

package/parse-tokens-Cbbbt7eO.js

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

package/styles-generator-Cz2vkKB0.js

@@ -1,47 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,7 +0,0 @@
-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

@@ -1 +0,0 @@
-"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;