@salty-css/core 0.0.1-alpha.4 → 0.0.1-alpha.41

package/{parse-templates-BOSK0Tb6.js → parse-templates-D4p3pgQR.js}

@@ -1,22 +1,23 @@
-import { dashCase as O } from "./util/index.js";
-const N = (s, r) => {
-  if (typeof s != "string") return { result: s };
-  if (!r) return { result: s };
+import { d as O } from "./dash-case-DMQMcCO6.js";
+const N = (t, r) => {
+  if (typeof t != "string") return { result: t };
+  if (!r) return { result: t };
   const e = [];
   return Object.values(r).forEach((n) => {
     const { pattern: o, transform: c } = n;
-    s = s.replace(o, (h) => {
+    t = t.replace(o, (h) => {
       const { value: i, css: m } = c(h);
       return m && e.push(m), i;
     });
-  }), { result: s, additionalCss: e };
-}, P = (s) => typeof s != "string" ? { result: s } : /\{[^{}]+\}/g.test(s) ? { result: s.replace(/\{([^{}]+)\}/g, (...n) => `var(--${O(n[1].replaceAll(".", "-"))})`) } : { result: s }, d = (s, r, e, n) => {
-  const o = [], c = Object.entries(s).reduce((i, [m, t]) => {
+  }), { result: t, additionalCss: e };
+}, P = (t) => typeof t != "string" ? { result: t } : /\{[^{}]+\}/g.test(t) ? { result: t.replace(/\{([^{}]+)\}/g, (...n) => `var(--${O(n[1].replaceAll(".", "-"))})`) } : { result: t }, d = (t, r, e, n) => {
+  if (!t) return "";
+  const o = [], c = Object.entries(t).reduce((i, [m, s]) => {
     const p = m.trim();
-    if (typeof t == "function" && (t = t()), typeof t == "object") {
-      if (!t) return i;
+    if (typeof s == "function" && (s = s()), typeof s == "object") {
+      if (!s) return i;
       if (p === "variants")
-        return Object.entries(t).forEach(([u, f]) => {
+        return Object.entries(s).forEach(([u, f]) => {
           f && Object.entries(f).forEach(([b, j]) => {
             if (!j) return;
             const l = `${r}.${u}-${b}`, y = d(j, l, e);
@@ -26,39 +27,39 @@ const N = (s, r) => {
       if (p === "defaultVariants")
         return i;
       if (p === "compoundVariants")
-        return t.forEach((u) => {
+        return s.forEach((u) => {
           const { css: f, ...b } = u, j = Object.entries(b).reduce((y, [V, W]) => `${y}.${V}-${W}`, r), l = d(f, j, e);
           o.push(l);
         }), i;
       if (p.startsWith("@")) {
-        const u = d(t, r, e), f = `${p} {
+        const u = d(s, r, e), f = `${p} {
  ${u.replace(`
 `, `
  `)}
 }`;
         return o.push(f), i;
       }
-      const $ = m.includes("&") ? p.replace("&", r) : p.startsWith(":") ? `${r}${p}` : `${r} ${p}`, a = d(t, $, e);
+      const $ = m.includes("&") ? p.replace("&", r) : p.startsWith(":") ? `${r}${p}` : `${r} ${p}`, a = d(s, $, e);
       return o.push(a), i;
     }
     if (n != null && n.templates && n.templates[p]) {
-      const a = t.split(".").reduce((f, b) => f[b], n.templates[p]), u = d(a, "");
+      const a = s.split(".").reduce((f, b) => f[b], n.templates[p]), u = d(a, "");
       return `${i}${u}`;
     }
     const g = p.startsWith("-") ? p : O(p), E = ($, a = ";") => i = `${i}${$}${a}`, S = ($) => E(`${g}:${$}`);
-    if (typeof t == "number") return S(t);
-    if (typeof t != "string")
-      if ("toString" in t) t = t.toString();
+    if (typeof s == "number") return S(s);
+    if (typeof s != "string")
+      if ("toString" in s) s = s.toString();
       else return i;
     const { modifiers: k } = n || {}, T = function* () {
-      yield P(t), yield N(t, k);
+      yield P(s), yield N(s, k);
     }();
     for (const { result: $, additionalCss: a = [] } of T)
-      t = $, a.forEach((u) => {
+      s = $, a.forEach((u) => {
         const f = d(u, "");
         E(f, "");
       });
-    return S(t);
+    return S(s);
   }, "");
   if (!c) return o.join(`
 `);
@@ -66,9 +67,10 @@ const N = (s, r) => {
   let h = "";
   return e !== void 0 ? h = `@layer l${e} { ${r} { ${c} } }` : h = `${r} { ${c} }`, [h, ...o].join(`
 `);
-}, _ = (s, r = []) => {
+}, _ = (t, r = []) => {
+  if (!t) return "";
   const e = [], n = {};
-  if (Object.entries(s).forEach(([o, c]) => {
+  if (Object.entries(t).forEach(([o, c]) => {
     if (typeof c == "object") {
       if (!c) return;
       const h = o.trim(), i = _(c, [...r, h]);
@@ -81,7 +83,7 @@ const N = (s, r) => {
   }
   return e.join(`
 `);
-}, A = (s) => Object.keys(s);
+}, A = (t) => Object.keys(t);
 export {
   _ as a,
   P as b,

package/parse-templates-W0YfTmOT.cjs

@@ -0,0 +1,8 @@
+"use strict";const O=require("./dash-case-DKzpenwY.cjs"),N=(t,e)=>{if(typeof t!="string")return{result:t};if(!e)return{result:t};const r=[];return Object.values(e).forEach(n=>{const{pattern:o,transform:c}=n;t=t.replace(o,a=>{const{value:i,css:l}=c(a);return l&&r.push(l),i})}),{result:t,additionalCss:r}},k=t=>typeof t!="string"?{result:t}:/\{[^{}]+\}/g.test(t)?{result:t.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${O.dashCase(n[1].replaceAll(".","-"))})`)}:{result:t},h=(t,e,r,n)=>{if(!t)return"";const o=[],c=Object.entries(t).reduce((i,[l,s])=>{const p=l.trim();if(typeof s=="function"&&(s=s()),typeof s=="object"){if(!s)return i;if(p==="variants")return Object.entries(s).forEach(([u,f])=>{f&&Object.entries(f).forEach(([m,j])=>{if(!j)return;const y=`${e}.${u}-${m}`,b=h(j,y,r);o.push(b)})}),i;if(p==="defaultVariants")return i;if(p==="compoundVariants")return s.forEach(u=>{const{css:f,...m}=u,j=Object.entries(m).reduce((b,[q,K])=>`${b}.${q}-${K}`,e),y=h(f,j,r);o.push(y)}),i;if(p.startsWith("@")){const u=h(s,e,r),f=`${p} {
+ ${u.replace(`
+`,`
+ `)}
+}`;return o.push(f),i}const $=l.includes("&")?p.replace("&",e):p.startsWith(":")?`${e}${p}`:`${e} ${p}`,d=h(s,$,r);return o.push(d),i}if(n!=null&&n.templates&&n.templates[p]){const d=s.split(".").reduce((f,m)=>f[m],n.templates[p]),u=h(d,"");return`${i}${u}`}const V=p.startsWith("-")?p:O.dashCase(p),T=($,d=";")=>i=`${i}${$}${d}`,S=$=>T(`${V}:${$}`);if(typeof s=="number")return S(s);if(typeof s!="string")if("toString"in s)s=s.toString();else return i;const{modifiers:g}=n||{},W=function*(){yield k(s),yield N(s,g)}();for(const{result:$,additionalCss:d=[]}of W)s=$,d.forEach(u=>{const f=h(u,"");T(f,"")});return S(s)},"");if(!c)return o.join(`
+`);if(!e)return c;let a="";return r!==void 0?a=`@layer l${r} { ${e} { ${c} } }`:a=`${e} { ${c} }`,[a,...o].join(`
+`)},E=(t,e=[])=>{if(!t)return"";const r=[],n={};if(Object.entries(t).forEach(([o,c])=>{if(typeof c=="object"){if(!c)return;const a=o.trim(),i=E(c,[...e,a]);r.push(i)}else n[o]=c}),Object.keys(n).length){const o=e.map(O.dashCase).join("-"),c=h(n,`.${o}`);r.push(c)}return r.join(`
+`)},P=t=>Object.keys(t);exports.getTemplateKeys=P;exports.parseStyles=h;exports.parseTemplates=E;exports.parseValueTokens=k;

package/pascal-case-BQpR5PdN.js

@@ -0,0 +1,6 @@
+function p(e) {
+  return e ? typeof e != "string" ? p(String(e)) : e.replace(/\s/g, "-").replace(/[-_]([a-z0-9])/g, (a) => a[1].toUpperCase()).replace(/^[a-z]/, (a) => a.toUpperCase()) : "";
+}
+export {
+  p
+};

package/pascal-case-iWoaJWwT.cjs

@@ -0,0 +1 @@
+"use strict";function r(e){return e?typeof e!="string"?r(String(e)):e.replace(/\s/g,"-").replace(/[-_]([a-z0-9])/g,a=>a[1].toUpperCase()).replace(/^[a-z]/,a=>a.toUpperCase()):""}exports.pascalCase=r;

package/react-styled-file-CGVf5n1B.js

@@ -0,0 +1,11 @@
+const e = `import { styled } from "@salty-css/react/styled";
+
+export const <%- name %> = styled('<%- tag %>', {
+  <% if(className) { %>className: '<%- className %>',<% } %>
+  base: {
+    // Add your styles here
+  }
+})`;
+export {
+  e as default
+};

package/react-styled-file-Dkubsz-U.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=`import { styled } from "@salty-css/react/styled";
+
+export const <%- name %> = styled('<%- tag %>', {
+  <% if(className) { %>className: '<%- className %>',<% } %>
+  base: {
+    // Add your styles here
+  }
+})`;exports.default=e;

package/salty.config-BupieCfE.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=`import { defineConfig } from '@salty-css/core/config';
+
+export const config = defineConfig({
+  // Add your custom config here
+});
+`;exports.default=o;

package/salty.config-D9ANEDiH.js

@@ -0,0 +1,9 @@
+const n = `import { defineConfig } from '@salty-css/core/config';
+
+export const config = defineConfig({
+  // Add your custom config here
+});
+`;
+export {
+  n as default
+};

package/types/index.d.ts

@@ -7,6 +7,7 @@ export type CreateElementProps = {
     className?: string;
     element?: string;
     passVariantProps?: boolean;
+    style?: any;
     /** vks = Variant key set */
     _vks?: Set<string>;
 };
@@ -38,9 +39,13 @@ type Variants = {
     compoundVariants?: CompoundVariant[];
 };
 type VariantPropValue<T> = T extends 'true' ? 'true' | true : T;
-export type VariantProps<STYLES extends Styles> = STYLES['variants'] extends undefined ? {} : {
+export type VariantProps<STYLES extends StyledParams> = STYLES['variants'] extends undefined ? object : {
     [K in keyof STYLES['variants']]?: VariantPropValue<keyof STYLES['variants'][K]> | '';
 };
+type CssValuePropKey = `props-${string}`;
+export type ValueProps = {
+    [key: CssValuePropKey]: string;
+};
 export type ParentComponentProps<TAG extends Tag<any>> = TAG extends (props: infer P) => ReactNode ? P : unknown;
 type StylePropertyValue = Record<never, never> & unknown;
 export type CssStyles = {
@@ -52,4 +57,7 @@ export interface GeneratorOptions {
     displayName?: string;
     element?: string;
 }
+export interface StyledParams extends GeneratorOptions, Variants {
+    base?: CssStyles;
+}
 export {};

package/util/camel-case.d.ts

@@ -0,0 +1 @@
+export declare function camelCase(str: PropertyKey): string;

package/util/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=t=>String.fromCharCode(t+(t>25?39:97)),o=(t,r)=>{let e="",a;for(a=Math.abs(t);a>52;a=a/52|0)e=n(a%52)+e;return e=n(a%52)+e,e.length<r?e=e.padStart(r,"a"):e.length>r&&(e=e.slice(-r)),e},i=(t,r)=>{let e=r.length;for(;e;)t=t*33^r.charCodeAt(--e);return t},s=(t,r=3)=>{const e=i(5381,JSON.stringify(t))>>>0;return o(e,r)};function c(t){return t?typeof t!="string"?String(t):t.replace(/\s/g,"-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g,(r,e)=>(e>0?"-":"")+r.toLowerCase()):""}exports.dashCase=c;exports.toHash=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../dash-case-DKzpenwY.cjs"),t=require("../pascal-case-iWoaJWwT.cjs");function s(e){return e?typeof e!="string"?s(String(e)):e.replace(/\s/g,"-").replace(/-([a-z])/g,r=>r[1].toUpperCase()):""}exports.dashCase=a.dashCase;exports.toHash=a.toHash;exports.pascalCase=t.pascalCase;exports.camelCase=s;

package/util/index.d.ts

@@ -1,2 +1,4 @@
+export * from './camel-case';
 export * from './dash-case';
+export * from './pascal-case';
 export * from './to-hash';

package/util/index.js

@@ -1,19 +1,11 @@
-const n = (e) => String.fromCharCode(e + (e > 25 ? 39 : 97)), o = (e, r) => {
-  let t = "", a;
-  for (a = Math.abs(e); a > 52; a = a / 52 | 0) t = n(a % 52) + t;
-  return t = n(a % 52) + t, t.length < r ? t = t.padStart(r, "a") : t.length > r && (t = t.slice(-r)), t;
-}, i = (e, r) => {
-  let t = r.length;
-  for (; t; ) e = e * 33 ^ r.charCodeAt(--t);
-  return e;
-}, s = (e, r = 3) => {
-  const t = i(5381, JSON.stringify(e)) >>> 0;
-  return o(t, r);
-};
-function c(e) {
-  return e ? typeof e != "string" ? String(e) : e.replace(/\s/g, "-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (r, t) => (t > 0 ? "-" : "") + r.toLowerCase()) : "";
+import { d as o, t as s } from "../dash-case-DMQMcCO6.js";
+import { p as f } from "../pascal-case-BQpR5PdN.js";
+function r(e) {
+  return e ? typeof e != "string" ? r(String(e)) : e.replace(/\s/g, "-").replace(/-([a-z])/g, (a) => a[1].toUpperCase()) : "";
 }
 export {
-  c as dashCase,
+  r as camelCase,
+  o as dashCase,
+  f as pascalCase,
   s as toHash
 };

package/util/pascal-case.d.ts

@@ -0,0 +1 @@
+export declare function pascalCase(str: PropertyKey): string;

package/parse-templates-BY1Xai-_.cjs

@@ -1,8 +0,0 @@
-"use strict";const O=require("./util/index.cjs"),K=(s,e)=>{if(typeof s!="string")return{result:s};if(!e)return{result:s};const r=[];return Object.values(e).forEach(n=>{const{pattern:o,transform:c}=n;s=s.replace(o,a=>{const{value:i,css:l}=c(a);return l&&r.push(l),i})}),{result:s,additionalCss:r}},k=s=>typeof s!="string"?{result:s}:/\{[^{}]+\}/g.test(s)?{result:s.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${O.dashCase(n[1].replaceAll(".","-"))})`)}:{result:s},h=(s,e,r,n)=>{const o=[],c=Object.entries(s).reduce((i,[l,t])=>{const p=l.trim();if(typeof t=="function"&&(t=t()),typeof t=="object"){if(!t)return i;if(p==="variants")return Object.entries(t).forEach(([u,f])=>{f&&Object.entries(f).forEach(([m,j])=>{if(!j)return;const y=`${e}.${u}-${m}`,b=h(j,y,r);o.push(b)})}),i;if(p==="defaultVariants")return i;if(p==="compoundVariants")return t.forEach(u=>{const{css:f,...m}=u,j=Object.entries(m).reduce((b,[_,q])=>`${b}.${_}-${q}`,e),y=h(f,j,r);o.push(y)}),i;if(p.startsWith("@")){const u=h(t,e,r),f=`${p} {
- ${u.replace(`
-`,`
- `)}
-}`;return o.push(f),i}const $=l.includes("&")?p.replace("&",e):p.startsWith(":")?`${e}${p}`:`${e} ${p}`,d=h(t,$,r);return o.push(d),i}if(n!=null&&n.templates&&n.templates[p]){const d=t.split(".").reduce((f,m)=>f[m],n.templates[p]),u=h(d,"");return`${i}${u}`}const V=p.startsWith("-")?p:O.dashCase(p),T=($,d=";")=>i=`${i}${$}${d}`,S=$=>T(`${V}:${$}`);if(typeof t=="number")return S(t);if(typeof t!="string")if("toString"in t)t=t.toString();else return i;const{modifiers:g}=n||{},W=function*(){yield k(t),yield K(t,g)}();for(const{result:$,additionalCss:d=[]}of W)t=$,d.forEach(u=>{const f=h(u,"");T(f,"")});return S(t)},"");if(!c)return o.join(`
-`);if(!e)return c;let a="";return r!==void 0?a=`@layer l${r} { ${e} { ${c} } }`:a=`${e} { ${c} }`,[a,...o].join(`
-`)},E=(s,e=[])=>{const r=[],n={};if(Object.entries(s).forEach(([o,c])=>{if(typeof c=="object"){if(!c)return;const a=o.trim(),i=E(c,[...e,a]);r.push(i)}else n[o]=c}),Object.keys(n).length){const o=e.map(O.dashCase).join("-"),c=h(n,`.${o}`);r.push(c)}return r.join(`
-`)},N=s=>Object.keys(s);exports.getTemplateKeys=N;exports.parseStyles=h;exports.parseTemplates=E;exports.parseValueTokens=k;