@salty-css/react 0.0.1-alpha.84 → 0.0.1-alpha.86

package/element-factory-JxDKzaxU.cjs

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

package/element-factory-U2CFtpB_.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/react",
-  "version": "0.0.1-alpha.84",
+  "version": "0.0.1-alpha.86",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -46,7 +46,7 @@
     }
   },
   "dependencies": {
-    "@salty-css/core": "^0.0.1-alpha.84",
+    "@salty-css/core": "^0.0.1-alpha.86",
     "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 r=require("./element-factory-WgNOpLmJ.cjs"),l=(e,t,n="",o)=>r.elementFactory(e,t,o,{"data-component-name":n});exports.styledClient=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./element-factory-JxDKzaxU.cjs"),n=(e,t,r)=>l.elementFactory(e,t,r);exports.styledClient=n;

package/styled-client.d.ts

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

package/styled-client.js

@@ -1,7 +1,5 @@
-import { e as r } from "./element-factory-uEk4VrqP.js";
-const m = (e, t, n = "", o) => r(e, t, o, {
-  "data-component-name": n
-});
+import { e as o } from "./element-factory-U2CFtpB_.js";
+const l = (e, t, r) => o(e, t, r);
 export {
-  m as styledClient
+  l as styledClient
 };

package/styled.cjs

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

package/styled.js

@@ -1,13 +1,14 @@
 var m = Object.defineProperty;
 var h = (e, t, s) => t in e ? m(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var c = (e, t, s) => h(e, typeof t != "symbol" ? t + "" : t, s);
+var o = (e, t, s) => h(e, typeof t != "symbol" ? t + "" : t, s);
 import { t as l, p as u } from "./parse-styles-DLe1Dr-N.js";
-import { e as g } from "./element-factory-uEk4VrqP.js";
+import { e as g } from "./element-factory-U2CFtpB_.js";
 const y = (e) => Object.keys(e);
-class f {
+class d {
   constructor(t, s) {
-    c(this, "_callerName");
-    c(this, "_context");
+    o(this, "_isProd");
+    o(this, "_callerName");
+    o(this, "_context");
     this.tagName = t, this.params = s;
   }
   get hash() {
@@ -33,32 +34,35 @@ class f {
   }
   get css() {
     var r;
-    const { base: t = {}, variants: s = {}, compoundVariants: a = [] } = this.params, n = { ...t, variants: s, compoundVariants: a };
-    return u(n, `.${this.cssClassName}`, this.priority, (r = this._context) == null ? void 0 : r.config);
+    const { base: t = {}, variants: s = {}, compoundVariants: a = [] } = this.params, i = { ...t, variants: s, compoundVariants: a };
+    return u(i, `.${this.cssClassName}`, this.priority, (r = this._context) == null ? void 0 : r.config);
   }
   get props() {
     const { element: t } = this.params, s = this.params.variants ? Object.keys(this.params.variants).map((r) => {
-      var i;
-      const o = (i = this.params.defaultVariants) == null ? void 0 : i[r];
-      return o !== void 0 ? `${r}=${String(o)}` : r;
-    }) : void 0, a = /* @__PURE__ */ new Set([]), n = /\{props\.([\w\d]+)\}/gi.exec(JSON.stringify(this.params.base));
-    return n && n.forEach((r, o, i) => {
-      const p = i.at(1);
+      var n;
+      const c = (n = this.params.defaultVariants) == null ? void 0 : n[r];
+      return c !== void 0 ? `${r}=${String(c)}` : r;
+    }) : void 0, a = /* @__PURE__ */ new Set([]), i = /\{props\.([\w\d]+)\}/gi.exec(JSON.stringify(this.params.base));
+    return i && i.forEach((r, c, n) => {
+      const p = n.at(1);
       p && a.add(p);
     }), {
       element: t,
       variantKeys: s,
-      propValueKeys: [...a]
+      propValueKeys: [...a],
+      attr: {
+        "data-component-name": this._isProd ? void 0 : this._callerName
+      }
     };
   }
   _withBuildContext(t) {
     this._context = t;
-    const { name: s, config: a } = t;
-    return this._callerName = s, this;
+    const { name: s, config: a, prod: i } = t;
+    return this._isProd = i, this._callerName = s, this;
   }
 }
-const _ = (e, t) => {
-  const s = new f(e, t), a = g(e, s.cssClassName, s.props, {
+const v = (e, t) => {
+  const s = new d(e, t), a = g(e, s.cssClassName, s.props, {
     "data-unoptimized-client-component": !0
   });
   return Object.assign(a, {
@@ -66,5 +70,5 @@ const _ = (e, t) => {
   }), a;
 };
 export {
-  _ as styled
+  v as styled
 };

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
-};