@salty-css/core 0.0.1-alpha.8 → 0.0.1-alpha.80

package/parse-templates-DUUSaubj.js

@@ -0,0 +1,96 @@
+import { d as O } from "./dash-case-DMQMcCO6.js";
+const W = (s, r) => {
+  if (typeof s != "string") return { result: s };
+  if (!r) return { result: s };
+  const o = [];
+  return Object.values(r).forEach((i) => {
+    const { pattern: p, transform: c } = i;
+    s = s.replace(p, (a) => {
+      const { value: e, css: m } = c(a);
+      return m && o.push(m), e;
+    });
+  }), { result: s, additionalCss: o };
+}, N = (s) => typeof s != "string" ? { result: s } : /\{[^{}]+\}/g.test(s) ? { result: s.replace(/\{([^{}]+)\}/g, (...i) => `var(--${O(i[1].replaceAll(".", "-"))})`) } : { result: s }, d = (s, r, o, i) => {
+  if (!s) return "";
+  const p = [], c = Object.entries(s).reduce((e, [m, t]) => {
+    const n = m.trim();
+    if (typeof t == "function" && (t = t()), typeof t == "object") {
+      if (!t) return e;
+      if (n === "variants")
+        return Object.entries(t).forEach(([f, u]) => {
+          u && Object.entries(u).forEach(([b, l]) => {
+            if (!l) return;
+            const j = `${r}.${f}-${b}`, y = d(l, j, o);
+            p.push(y);
+          });
+        }), e;
+      if (n === "defaultVariants")
+        return e;
+      if (n === "compoundVariants")
+        return t.forEach((f) => {
+          const { css: u, ...b } = f, l = Object.entries(b).reduce((y, [V, w]) => `${y}.${V}-${w}`, r), j = d(u, l, o);
+          p.push(j);
+        }), e;
+      if (n.startsWith("@")) {
+        const f = d(t, r, o), u = `${n} {
+ ${f.replace(`
+`, `
+ `)}
+}`;
+        return p.push(u), e;
+      }
+      const $ = m.includes("&") ? n.replace("&", r) : n.startsWith(":") ? `${r}${n}` : `${r} ${n}`, h = d(t, $, o);
+      return p.push(h), e;
+    }
+    if (i != null && i.templates && i.templates[n]) {
+      const h = t.split(".").reduce((f, u) => f[u], i.templates[n]);
+      if (h) {
+        const f = d(h, "");
+        return `${e}${f}`;
+      }
+      return console.warn(`Template "${n}" with path of "${t}" was not found in config!`), e;
+    }
+    const S = n.startsWith("-") ? n : O(n), g = ($, h = ";") => e = `${e}${$}${h}`, E = ($) => g(`${S}:${$}`);
+    if (typeof t == "number") return E(t);
+    if (typeof t != "string")
+      if ("toString" in t) t = t.toString();
+      else return e;
+    const { modifiers: T } = i || {}, k = function* () {
+      yield N(t), yield W(t, T);
+    }();
+    for (const { result: $, additionalCss: h = [] } of k)
+      t = $, h.forEach((f) => {
+        const u = d(f, "");
+        g(u, "");
+      });
+    return E(t);
+  }, "");
+  if (!c) return p.join(`
+`);
+  if (!r) return c;
+  let a = "";
+  return o !== void 0 ? a = `@layer l${o} { ${r} { ${c} } }` : a = `${r} { ${c} }`, [a, ...p].join(`
+`);
+}, P = (s, r = []) => {
+  if (!s) return "";
+  const o = [], i = {};
+  if (Object.entries(s).forEach(([p, c]) => {
+    if (typeof c == "object") {
+      if (!c) return;
+      const a = p.trim(), e = P(c, [...r, a]);
+      o.push(e);
+    } else
+      i[p] = c;
+  }), Object.keys(i).length) {
+    const p = r.map(O).join("-"), c = d(i, `.${p}`);
+    o.push(c);
+  }
+  return o.join(`
+`);
+}, x = (s) => Object.keys(s);
+export {
+  P as a,
+  N as b,
+  x as g,
+  d as p
+};

package/parse-templates-DVK3iZIl.cjs

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

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/react-vanilla-file-CCXbsjIb.js

@@ -0,0 +1,18 @@
+const n = `import { <%- styledComponentName %> } from "./<%- fileName %>.css";
+
+interface <%- componentName %>Props {
+  text?: string;
+}
+
+export const <%- componentName %> = ({ text = 'Lorem ipsum' }: <%- componentName %>Props) => {
+  return (
+    <<%- styledComponentName %>>
+      {text}
+    </<%- styledComponentName %>>
+  );
+};
+
+export default <%- componentName %>;`;
+export {
+  n as default
+};

package/react-vanilla-file-CG_WJLam.cjs

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=`import { <%- styledComponentName %> } from "./<%- fileName %>.css";
+
+interface <%- componentName %>Props {
+  text?: string;
+}
+
+export const <%- componentName %> = ({ text = 'Lorem ipsum' }: <%- componentName %>Props) => {
+  return (
+    <<%- styledComponentName %>>
+      {text}
+    </<%- styledComponentName %>>
+  );
+};
+
+export default <%- componentName %>;`;exports.default=e;

package/salty.config-BhBY_oOk.js

@@ -0,0 +1,10 @@
+const n = `import { defineConfig } from '@salty-css/core/config';
+
+export const config = defineConfig({
+  // Add your custom config here
+  externalModules: ['react', 'react-dom']
+});
+`;
+export {
+  n as default
+};

package/salty.config-Dk6ZcCxI.cjs

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

package/types/index.d.ts

@@ -1,18 +1,19 @@
 import { AllHTMLAttributes, ReactDOM, ReactNode } from 'react';
 import { StyleComponentGenerator } from '../generator';
-import { OrString } from './util-types';
+import { OrAny, OrString } from './util-types';
 export type CreateElementProps = {
     extend?: Tag<any>;
     children?: ReactNode;
     className?: string;
     element?: string;
     passVariantProps?: boolean;
+    style?: any;
     /** vks = Variant key set */
     _vks?: Set<string>;
 };
 export type StyledComponentProps = Record<string, unknown> & CreateElementProps;
 type FnComponent<PROPS extends StyledComponentProps> = {
-    (props: PROPS): ReactNode;
+    (props: OrAny | PROPS): ReactNode;
     generator?: StyleComponentGenerator;
 };
 export type Tag<PROPS extends StyledComponentProps> = OrString | keyof ReactDOM | FnComponent<PROPS>;
@@ -37,10 +38,15 @@ type Variants = {
     };
     compoundVariants?: CompoundVariant[];
 };
-type VariantPropValue<T> = T extends 'true' ? 'true' | true : T;
-export type VariantProps<STYLES extends Styles> = STYLES['variants'] extends undefined ? {} : {
+type BooleanVariantValue = 'true' | 'false' | boolean;
+type VariantPropValue<T> = T extends 'true' ? BooleanVariantValue : T extends 'false' ? BooleanVariantValue : T;
+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 +58,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/module-type.d.ts

@@ -0,0 +1 @@
+export declare const detectCurrentModuleType: (dirname: string) => Promise<"esm" | "cjs">;

package/util/pascal-case.d.ts

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

package/parse-templates-BOSK0Tb6.js

@@ -1,90 +0,0 @@
-import { dashCase as O } from "./util/index.js";
-const N = (s, r) => {
-  if (typeof s != "string") return { result: s };
-  if (!r) return { result: s };
-  const e = [];
-  return Object.values(r).forEach((n) => {
-    const { pattern: o, transform: c } = n;
-    s = s.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]) => {
-    const p = m.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(([b, j]) => {
-            if (!j) return;
-            const l = `${r}.${u}-${b}`, y = d(j, l, e);
-            o.push(y);
-          });
-        }), i;
-      if (p === "defaultVariants")
-        return i;
-      if (p === "compoundVariants")
-        return t.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} {
- ${u.replace(`
-`, `
- `)}
-}`;
-        return o.push(f), i;
-      }
-      const $ = m.includes("&") ? p.replace("&", r) : p.startsWith(":") ? `${r}${p}` : `${r} ${p}`, a = d(t, $, 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, "");
-      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();
-      else return i;
-    const { modifiers: k } = n || {}, T = function* () {
-      yield P(t), yield N(t, k);
-    }();
-    for (const { result: $, additionalCss: a = [] } of T)
-      t = $, a.forEach((u) => {
-        const f = d(u, "");
-        E(f, "");
-      });
-    return S(t);
-  }, "");
-  if (!c) return o.join(`
-`);
-  if (!r) return c;
-  let h = "";
-  return e !== void 0 ? h = `@layer l${e} { ${r} { ${c} } }` : h = `${r} { ${c} }`, [h, ...o].join(`
-`);
-}, _ = (s, r = []) => {
-  const e = [], n = {};
-  if (Object.entries(s).forEach(([o, c]) => {
-    if (typeof c == "object") {
-      if (!c) return;
-      const h = o.trim(), i = _(c, [...r, h]);
-      e.push(i);
-    } else
-      n[o] = c;
-  }), Object.keys(n).length) {
-    const o = r.map(O).join("-"), c = d(n, `.${o}`);
-    e.push(c);
-  }
-  return e.join(`
-`);
-}, A = (s) => Object.keys(s);
-export {
-  _ as a,
-  P as b,
-  A as g,
-  d as p
-};

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;