@salty-css/react 0.0.1-alpha.189 → 0.0.1-alpha.190

package/class-name.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./styles-generator-CvvtKU2d.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.d.ts

@@ -1,6 +1,6 @@
 import { StyledParams } from '@salty-css/core/types';
-import { ClassNameFactory } from '@salty-css/core/css';
+import { ClassNameGenerator } from '@salty-css/core/generators';
 export declare const className: <const STYLE_PARAMS extends StyledParams>(params: STYLE_PARAMS) => string & {
     isClassName: boolean;
-    factory: ClassNameFactory<STYLE_PARAMS>;
+    factory: ClassNameGenerator<STYLE_PARAMS>;
 };

package/class-name.js

@@ -0,0 +1,18 @@
+import { S as r } from "./styles-generator-DvUWzifu.js";
+class a extends r {
+  constructor(s) {
+    super(s), this._params = s;
+  }
+}
+const o = (e) => {
+  const s = new a(e), t = new String(s.cssClassName);
+  return Object.assign(t, {
+    get isClassName() {
+      return !0;
+    },
+    factory: s
+  }), t;
+};
+export {
+  o as className
+};

package/element-factory.d.ts

@@ -1,3 +1,3 @@
-import { GeneratorProps } from '@salty-css/core/generator';
 import { StyledComponentProps, Tag } from '@salty-css/core/types';
-export declare const elementFactory: (tagName: Tag<any>, _className: string, _generatorProps: GeneratorProps, _additionalProps?: Record<PropertyKey, any>) => import('react').ForwardRefExoticComponent<Omit<StyledComponentProps, "ref"> & import('react').RefAttributes<any>>;
+import { StyledGeneratorClientProps } from '@salty-css/core/generators';
+export declare const elementFactory: (tagName: Tag<any>, _className: string, _generatorProps: StyledGeneratorClientProps, _additionalProps?: Record<PropertyKey, any>) => import('react').ForwardRefExoticComponent<Omit<StyledComponentProps, "ref"> & import('react').RefAttributes<any>>;

package/index.cjs

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

package/index.js

@@ -1,12 +1,10 @@
-import { keyframes as u } from "./keyframes.js";
-import { MediaQueryFactory as c, media as p } from "./media.js";
-import { C as d } from "./class-name-BOBdg_Ln.js";
-const t = (e) => `{${e}}`, a = (...e) => e.flat().reduce((o, r) => r != null && r._current ? { ...o, ...r._current } : { ...o, ...r }, {});
+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 }, {});
 export {
-  d as ClassNameFactory,
   c as MediaQueryFactory,
-  u as keyframes,
-  p as media,
-  a as mergeStyles,
-  t as token
+  m as keyframes,
+  d as media,
+  t as mergeStyles,
+  n as token
 };

package/package.json

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

package/styled-client.d.ts

@@ -1,3 +1,3 @@
-import { GeneratorProps } from '@salty-css/core/generator';
+import { StyledGeneratorClientProps } from '@salty-css/core/generators';
 import { Tag } from '@salty-css/core/types';
-export declare const styledClient: (tagName: Tag<any>, className: string, generatorProps: GeneratorProps) => import('react').ForwardRefExoticComponent<Omit<import('@salty-css/core/types').StyledComponentProps, "ref"> & import('react').RefAttributes<any>>;
+export declare const styledClient: (tagName: Tag<any>, className: string, generatorProps: StyledGeneratorClientProps) => import('react').ForwardRefExoticComponent<Omit<import('@salty-css/core/types').StyledComponentProps, "ref"> & import('react').RefAttributes<any>>;

package/styled.cjs

@@ -1 +1 @@
-"use strict";var y=Object.defineProperty;var f=(e,t,s)=>t in e?y(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var c=(e,t,s)=>f(e,typeof t!="symbol"?t+"":t,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./parse-styles-JzVmxd-u.cjs"),g=require("./parse-tokens-p68muVgG.cjs"),N=require("./element-factory-D4kpeFoW.cjs"),_=e=>Object.keys(e);class b{constructor(t,s){c(this,"_isProd");c(this,"_callerName");c(this,"_context");this.tagName=t,this.params=s}get hash(){return u.toHash(this.params.base||this.params)}get priority(){var t;return typeof this.tagName=="function"||typeof this.tagName=="object"?(((t=this.tagName.generator)==null?void 0:t.priority)||0)+1:0}get classNames(){const t=[this.hash],{className:s}=this.params;return typeof s=="string"&&t.push(s),typeof s=="object"&&t.push(...s),t.join(" ")}get cssClassName(){return this.hash}get cssDisplayNameVar(){return`--${this.hash}-display-name: ${this._callerName};`}get cssFileName(){return this._callerName?`c_${g.dashCase(this._callerName)}-${this.hash}-${this.priority}.css`:`${this.hash}-${this.priority}.css`}get templateKeys(){var t;return(t=this._context)!=null&&t.config.templates?_(this._context.config.templates):[]}get css(){var n;const{base:t={},variants:s={},compoundVariants:r=[]}=this.params,i={...t,variants:s,compoundVariants:r};return u.parseStyles(i,`.${this.cssClassName}`,(n=this._context)==null?void 0:n.config)}get props(){const{element:t,variants:s={},compoundVariants:r=[],defaultVariants:i={},defaultProps:p={},passProps:n}=this.params,h=new Set([]),l=a=>{const o=i[a];o!==void 0?h.add(`${a}=${String(o)}`):h.add(a)};Object.keys(s).forEach(l),r.map(a=>Object.keys(a).forEach(l));const m=new Set([]);if(this.params.base){const a=JSON.stringify(this.params.base).match(/\{props\.([\w\d]+)\}/gi);a&&a.forEach(o=>{const d=o.replace(/\{props\.([\w\d]+)\}/gi,"$1");d&&m.add(d)})}return{element:t,variantKeys:[...h],propValueKeys:[...m],passProps:n,defaultProps:p,attr:{"data-component-name":this._isProd?void 0:this._callerName}}}_withBuildContext(t){this._context=t;const{name:s,config:r,prod:i}=t;return this._isProd=i,this._callerName=s,this}}const $=(e,t)=>{const s=new b(e,t),r=N.elementFactory(e,s.cssClassName,s.props,{"data-unoptimized-client-component":!0});return Object.assign(r,{generator:s}),r};exports.styled=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./styles-generator-CvvtKU2d.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;

package/styled.js

@@ -1,85 +1,47 @@
-var u = Object.defineProperty;
-var f = (e, t, s) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var c = (e, t, s) => f(e, typeof t != "symbol" ? t + "" : t, s);
-import { t as y, p as g } from "./parse-styles-lB6EJuGj.js";
-import { d as N } from "./parse-tokens-YUi047xd.js";
-import { e as _ } from "./element-factory-C7JVLDq7.js";
-const b = (e) => Object.keys(e);
-class $ {
-  constructor(t, s) {
-    c(this, "_isProd");
-    c(this, "_callerName");
-    c(this, "_context");
-    this.tagName = t, this.params = s;
-  }
-  get hash() {
-    return y(this.params.base || this.params);
+import { S as y } from "./styles-generator-DvUWzifu.js";
+import { e as h } from "./element-factory-C7JVLDq7.js";
+class g extends y {
+  constructor(e, t) {
+    super(t), this.tagName = e, this._params = t;
   }
   get priority() {
-    var t;
-    return typeof this.tagName == "function" || typeof this.tagName == "object" ? (((t = this.tagName.generator) == null ? void 0 : t.priority) || 0) + 1 : 0;
-  }
-  get classNames() {
-    const t = [this.hash], { className: s } = this.params;
-    return typeof s == "string" && t.push(s), typeof s == "object" && t.push(...s), t.join(" ");
-  }
-  get cssClassName() {
-    return this.hash;
-  }
-  get cssDisplayNameVar() {
-    return `--${this.hash}-display-name: ${this._callerName};`;
+    var e;
+    return typeof this.tagName == "function" || typeof this.tagName == "object" ? (((e = this.tagName.generator) == null ? void 0 : e.priority) || 0) + 1 : 0;
   }
-  get cssFileName() {
-    return this._callerName ? `c_${N(this._callerName)}-${this.hash}-${this.priority}.css` : `${this.hash}-${this.priority}.css`;
-  }
-  get templateKeys() {
-    var t;
-    return (t = this._context) != null && t.config.templates ? b(this._context.config.templates) : [];
-  }
-  get css() {
-    var n;
-    const { base: t = {}, variants: s = {}, compoundVariants: r = [] } = this.params, i = { ...t, variants: s, compoundVariants: r };
-    return g(i, `.${this.cssClassName}`, (n = this._context) == null ? void 0 : n.config);
-  }
-  get props() {
-    const { element: t, variants: s = {}, compoundVariants: r = [], defaultVariants: i = {}, defaultProps: p = {}, passProps: n } = this.params, h = /* @__PURE__ */ new Set([]), m = (a) => {
-      const o = i[a];
-      o !== void 0 ? h.add(`${a}=${String(o)}`) : h.add(a);
+  get clientProps() {
+    const { element: e, variants: t = {}, compoundVariants: s = [], defaultVariants: d = {}, defaultProps: l = {}, passProps: f } = this.params, { callerName: m, isProduction: u } = this.buildContext, o = /* @__PURE__ */ new Set([]), i = (a) => {
+      const r = d[a];
+      r !== void 0 ? o.add(`${a}=${String(r)}`) : o.add(a);
     };
-    Object.keys(s).forEach(m), r.map((a) => Object.keys(a).forEach(m));
-    const l = /* @__PURE__ */ new Set([]);
+    Object.keys(t).forEach(i), s.map((a) => Object.keys(a).forEach(i));
+    const c = /* @__PURE__ */ new Set([]);
     if (this.params.base) {
       const a = JSON.stringify(this.params.base).match(/\{props\.([\w\d]+)\}/gi);
-      a && a.forEach((o) => {
-        const d = o.replace(/\{props\.([\w\d]+)\}/gi, "$1");
-        d && l.add(d);
+      a && a.forEach((r) => {
+        const p = r.replace(/\{props\.([\w\d]+)\}/gi, "$1");
+        p && c.add(p);
       });
     }
     return {
-      element: t,
-      variantKeys: [...h],
-      propValueKeys: [...l],
-      passProps: n,
-      defaultProps: p,
+      element: e,
+      variantKeys: [...o],
+      propValueKeys: [...c],
+      passProps: f,
+      defaultProps: l,
       attr: {
-        "data-component-name": this._isProd ? void 0 : this._callerName
+        "data-component-name": u ? void 0 : m
       }
     };
   }
-  _withBuildContext(t) {
-    this._context = t;
-    const { name: s, config: r, prod: i } = t;
-    return this._isProd = i, this._callerName = s, this;
-  }
 }
-const S = (e, t) => {
-  const s = new $(e, t), r = _(e, s.cssClassName, s.props, {
+const v = (n, e) => {
+  const t = new g(n, e), s = h(n, t.cssClassName, t.clientProps, {
     "data-unoptimized-client-component": !0
   });
-  return Object.assign(r, {
-    generator: s
-  }), r;
+  return Object.assign(s, {
+    generator: t
+  }), s;
 };
 export {
-  S as styled
+  v as styled
 };

package/styles-generator-CvvtKU2d.cjs

@@ -0,0 +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-JzVmxd-u.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;

package/styles-generator-DvUWzifu.js

@@ -0,0 +1,35 @@
+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-lB6EJuGj.js";
+import { d as m } from "./parse-tokens-YUi047xd.js";
+class f {
+  constructor(s) {
+    e(this, "buildContext", {});
+    this.params = s;
+  }
+  get hash() {
+    return c(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_${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);
+  }
+  _withBuildContext(s) {
+    return this.buildContext = s, this;
+  }
+}
+export {
+  f as S
+};

package/class-name-BOBdg_Ln.js

@@ -1,36 +0,0 @@
-var i = Object.defineProperty;
-var c = (t, s, a) => s in t ? i(t, s, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[s] = a;
-var r = (t, s, a) => c(t, typeof s != "symbol" ? s + "" : s, a);
-import { t as o, p as m } from "./parse-styles-lB6EJuGj.js";
-import { d as n } from "./parse-tokens-YUi047xd.js";
-class N {
-  constructor(s) {
-    r(this, "_isProd");
-    r(this, "_callerName");
-    this.params = s;
-  }
-  get hash() {
-    return o(this.params.base || this.params);
-  }
-  get cssClassName() {
-    return this.hash;
-  }
-  get classNames() {
-    const s = [this.hash], { className: a } = this.params;
-    return a && s.push(a), s.join(" ");
-  }
-  get cssFileName() {
-    return this._callerName ? `cl_${n(this._callerName)}-${this.hash}.css` : `${this.hash}.css`;
-  }
-  get css() {
-    const { base: s = {}, variants: a = {}, compoundVariants: e = [] } = this.params, h = { ...s, variants: a, compoundVariants: e };
-    return m(h, `.${this.cssClassName}`);
-  }
-  _withBuildContext(s) {
-    const { name: a, prod: e } = s;
-    return this._isProd = e, this._callerName = a, this;
-  }
-}
-export {
-  N as C
-};

package/class-name-DmDKHwBz.cjs

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

package/className.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./class-name-DmDKHwBz.cjs"),r=t=>{const s=new a.ClassNameFactory(t),e=new String(s.cssClassName);return Object.assign(e,{get isClassName(){return!0},factory:s}),e};exports.className=r;

package/className.js

@@ -1,13 +0,0 @@
-import { C as e } from "./class-name-BOBdg_Ln.js";
-const n = (a) => {
-  const s = new e(a), t = new String(s.cssClassName);
-  return Object.assign(t, {
-    get isClassName() {
-      return !0;
-    },
-    factory: s
-  }), t;
-};
-export {
-  n as className
-};