@salty-css/core 0.0.1-alpha.16 → 0.0.1-alpha.161

package/server/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("fs/promises"),r=require("../index-C6uCnypW.cjs"),i=async t=>{if(t.includes("salty.config"))return!0;if(!r.isSaltyFile(t))return!1;const e=await s.readFile(t,"utf-8");return!!/.+define[A-Z]\w+/.test(e)};exports.checkShouldRestart=i;

package/server/index.d.ts

@@ -0,0 +1 @@
+export * from './should-restart';

package/server/index.js

@@ -0,0 +1,11 @@
+import { readFile as i } from "fs/promises";
+import { i as r } from "../index-BixulVRN.js";
+const c = async (t) => {
+  if (t.includes("salty.config")) return !0;
+  if (!r(t)) return !1;
+  const s = await i(t, "utf-8");
+  return !!/.+define[A-Z]\w+/.test(s);
+};
+export {
+  c as checkShouldRestart
+};

package/server/should-restart.d.ts

@@ -0,0 +1 @@
+export declare const checkShouldRestart: (filename: string) => Promise<boolean>;

package/templates/salty-reset.d.ts

@@ -0,0 +1,2 @@
+import { GlobalStyles } from '../types/config-types';
+export declare const saltyReset: GlobalStyles;

package/types/cli-types.d.ts

@@ -0,0 +1,10 @@
+export interface RCFile {
+    defaultProject?: string;
+    projects?: {
+        dir?: string;
+        framework?: string;
+        components?: string;
+        configDir?: string;
+        saltygenDir?: string;
+    }[];
+}

package/{config → types}/config-types.d.ts

@@ -1,7 +1,6 @@
-import { CssStyles } from '../types';
-type CssTemplate = CssStyles | {
-    [key: PropertyKey]: CssTemplate;
-};
+import { CssProperties, CssStyles } from '../types';
+import { OrString } from '../types/util-types';
+export type GlobalStyles = Record<string, CssProperties>;
 export type CssVariables = Record<string, unknown>;
 export interface CssResponsiveVariables {
     [key: string]: CssVariables;
@@ -11,6 +10,9 @@ export interface CssConditionalVariables {
         [key: PropertyKey]: CssVariables;
     };
 }
+type CssTemplate = CssStyles | {
+    [key: PropertyKey]: CssTemplate;
+};
 export interface CssTemplates {
     [key: PropertyKey]: {
         [key: PropertyKey]: CssTemplate;
@@ -46,7 +48,11 @@ export interface SaltyConfig {
     /**
      * The global styles that are imported in the root of the project.
      */
-    global?: CssStyles;
+    reset?: 'default' | 'none' | GlobalStyles;
+    /**
+     * The global styles that are imported in the root of the project.
+     */
+    global?: GlobalStyles;
     /**
      * The templates that can be used in styles to create reusable css.
      */
@@ -55,5 +61,9 @@ export interface SaltyConfig {
      * The modifiers that can transform css values.
      */
     modifiers?: CssModifiers;
+    /**
+     * Define modules that should not be bundled when generating the css file. This improves the performance of the css generation and can help with issues relared to external packages being imported in an environment that does not support them.
+     */
+    externalModules?: ('react' | 'react-dom' | OrString)[];
 }
 export {};

package/types/index.d.ts

@@ -1,36 +1,44 @@
-import { AllHTMLAttributes, ReactDOM, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { StyleComponentGenerator } from '../generator';
-import { OrString } from './util-types';
+import { NeverObj, OrAny, OrString } from './util-types';
+import type * as CSS from 'csstype';
 export type CreateElementProps = {
     extend?: Tag<any>;
     children?: ReactNode;
     className?: string;
     element?: string;
-    passVariantProps?: boolean;
-    style?: any;
+    passProps?: boolean | string | string[];
+    style?: CssProperties | {
+        [key: string]: PropertyValueToken | NeverObj;
+    };
     /** 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>;
-export type CompoundVariant = {
-    [key: PropertyKey]: any;
-    css: CssStyles;
+export type Tag<PROPS extends StyledComponentProps> = OrString | keyof HTMLElementTagNameMap | FnComponent<PROPS>;
+type CSSPropertyValueFunction = (params?: any) => any;
+export type CssProperties = {
+    [key in keyof CSS.Properties]: CSS.Properties[key] | PropertyValueToken | CSSPropertyValueFunction | NeverObj;
 };
-type InvalidVariantKeys = keyof AllHTMLAttributes<HTMLElement>;
-type StyleKeys = keyof Required<AllHTMLAttributes<HTMLElement>>['style'];
-export type StyleValue<K extends string> = K extends StyleKeys ? Required<AllHTMLAttributes<HTMLElement>>['style'][K] : never;
+type CssPropertyKeys = keyof CssProperties;
+export type StyleValue<K extends string> = K extends CssPropertyKeys ? CssProperties[K] : never;
+type InvalidVariantKeys = '' | 'css';
 type VariantOptions = {
     [key in InvalidVariantKeys]?: never;
 };
+export type CompoundVariant = {
+    [key: PropertyKey]: string | boolean | undefined;
+} | {
+    css: CSSinJS;
+};
 type Variants = {
     variants?: VariantOptions & {
         [key: PropertyKey]: {
-            [key: string]: Styles;
+            [key: PropertyKey]: CSSinJS;
         };
     };
     defaultVariants?: {
@@ -38,26 +46,45 @@ type Variants = {
     };
     compoundVariants?: CompoundVariant[];
 };
-type VariantPropValue<T> = T extends 'true' ? 'true' | true : T;
-export type VariantProps<STYLES extends StyledParams> = STYLES['variants'] extends undefined ? object : {
-    [K in keyof STYLES['variants']]?: VariantPropValue<keyof STYLES['variants'][K]> | '';
+type BooleanVariantValue = 'true' | 'false' | boolean;
+type VariantPropValue<T> = T extends 'true' ? BooleanVariantValue : T extends 'false' ? BooleanVariantValue : T extends boolean ? BooleanVariantValue : T | '';
+type PickType<T, K extends AllKeys<T>> = T extends {
+    [k in K]?: any;
+} ? T[K] : undefined;
+type AllKeys<T> = T extends any ? keyof T : never;
+export type Merge<T> = {
+    [k in AllKeys<T>]?: PickType<T, k>;
 };
+export type VariantProps<STYLES extends StyledParams, B = STYLES['variants'] extends undefined ? object : STYLES['variants'], C = STYLES['compoundVariants'] extends CompoundVariant[] ? Merge<STYLES['compoundVariants'][number]> : object> = Merge<{
+    [K in keyof B]?: K extends 'css' ? never : VariantPropValue<keyof B[K]>;
+} | {
+    [K in keyof C]?: K extends 'css' ? never : VariantPropValue<C[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;
+export type ParentComponentProps<TAG extends Tag<any>> = TAG extends (props: infer P) => ReactNode ? P : object;
 type StylePropertyValue = Record<never, never> & unknown;
+export type CSSinJS = CssProperties | StylePropertyValue | TemplateTokens | CssPseudos;
 export type CssStyles = {
-    [key in StyleKeys | OrString]?: StyleValue<key> | StylePropertyValue | PropertyValueToken | CssStyles;
+    [key in OrString]?: CSSinJS;
 };
 export type Styles = CssStyles & Variants;
 export interface GeneratorOptions {
     className?: string;
     displayName?: string;
     element?: string;
+    passProps?: boolean | string | string[];
+    defaultProps?: Record<PropertyKey, unknown>;
+}
+interface Base extends CssProperties, CssStyles, CssPseudos, TemplateTokens {
 }
+type Pseudos = CSS.Pseudos | `&${CSS.Pseudos}`;
+type CssPseudos = {
+    [P in Pseudos]?: CssStyles;
+};
 export interface StyledParams extends GeneratorOptions, Variants {
-    base?: CssStyles;
+    base?: Base;
 }
 export {};

package/util/dot-case.d.ts

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

package/util/index.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../dash-case-BJEkFEGQ.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.js

@@ -1,4 +1,4 @@
-import { d as o, t as s } from "../dash-case-DMQMcCO6.js";
+import { d as o, t as s } from "../dash-case-DBThphLm.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()) : "";

package/util/module-type.d.ts

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

package/parse-templates-D4p3pgQR.js

@@ -1,92 +0,0 @@
-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;
-    t = t.replace(o, (h) => {
-      const { value: i, css: m } = c(h);
-      return m && e.push(m), i;
-    });
-  }), { 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 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(([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 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(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(s, $, e);
-      return o.push(a), i;
-    }
-    if (n != null && n.templates && n.templates[p]) {
-      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 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(s), yield N(s, k);
-    }();
-    for (const { result: $, additionalCss: a = [] } of T)
-      s = $, a.forEach((u) => {
-        const f = d(u, "");
-        E(f, "");
-      });
-    return S(s);
-  }, "");
-  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(`
-`);
-}, _ = (t, r = []) => {
-  if (!t) return "";
-  const e = [], n = {};
-  if (Object.entries(t).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 = (t) => Object.keys(t);
-export {
-  _ as a,
-  P as b,
-  A as g,
-  d as p
-};

package/parse-templates-W0YfTmOT.cjs

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