@salty-css/core 0.0.1-alpha.26 → 0.0.1-alpha.261

package/compiler/index.js

@@ -1,174 +1,21 @@
-import * as I from "esbuild";
-import { execSync as H } from "child_process";
-import { t as T, d as R } from "../dash-case-DMQMcCO6.js";
-import { join as o } from "path";
-import { writeFileSync as $, existsSync as K, mkdirSync as V, statSync as z, readdirSync as G, readFileSync as M } from "fs";
-import { writeFile as J } from "fs/promises";
-import { p as q, a as A, b as L } from "../parse-templates-D4p3pgQR.js";
-const N = (s) => o(s, "./saltygen"), U = ["salty", "css", "styles", "styled"], W = (s = []) => new RegExp(`\\.(${[...U, ...s].join("|")})\\.`), v = (s, e = []) => W(e).test(s), X = async (s) => {
-  const e = N(s), n = o(s, "salty.config.ts"), t = o(e, "salty.config.js");
-  await I.build({
-    entryPoints: [n],
-    minify: !0,
-    treeShaking: !0,
-    bundle: !0,
-    outfile: t,
-    format: "esm",
-    external: ["react"]
-  });
-  const c = Date.now(), { config: S } = await import(`${t}?t=${c}`);
-  return S;
-}, Y = async (s) => {
-  const e = await X(s), n = /* @__PURE__ */ new Set(), t = (u, l = []) => u ? Object.entries(u).flatMap(([p, r]) => {
-    if (!r) return;
-    if (typeof r == "object") return t(r, [...l, p]);
-    const x = [...l, p].join(".");
-    n.add(`"${x}"`);
-    const C = [...l.map(R), R(p)].join("-"), { result: D } = L(r);
-    return `--${C}: ${D};`;
-  }) : [], c = (u) => u ? Object.entries(u).flatMap(([l, p]) => {
-    const r = t(p);
-    return l === "base" ? r.join("") : `${l} { ${r.join("")} }`;
-  }) : [], S = (u) => u ? Object.entries(u).flatMap(([l, p]) => Object.entries(p).flatMap(([r, x]) => {
-    const C = t(x, [l]), D = `.${l}-${r}, [data-${l}="${r}"]`, P = C.join("");
-    return `${D} { ${P} }`;
-  })) : [], d = t(e.variables), w = c(e.responsiveVariables), a = S(e.conditionalVariables), b = N(s), f = o(b, "css/variables.css"), i = `:root { ${d.join("")} ${w.join("")} } ${a.join("")}`;
-  $(f, i);
-  const y = o(b, "types/css-tokens.d.ts"), m = `type VariableTokens = ${[...n].join("|")}; type PropertyValueToken = \`{\${VariableTokens}}\``;
-  $(y, m);
-  const g = o(b, "css/global.css"), F = q(e.global, "");
-  $(g, F);
-  const j = o(b, "css/templates.css"), k = A(e.templates);
-  $(j, k);
-}, E = async (s, e) => {
-  const n = T(s), t = o(e, "js", n + ".js");
-  await I.build({
-    entryPoints: [s],
-    minify: !0,
-    treeShaking: !0,
-    bundle: !0,
-    outfile: t,
-    format: "esm",
-    target: ["es2022"],
-    keepNames: !0,
-    external: ["react"]
-  });
-  const c = Date.now();
-  return await import(`${t}?t=${c}`);
-}, O = async (s) => {
-  const e = N(s), n = o(e, "salty.config.js"), { config: t } = await import(n);
-  return t;
-}, ot = async (s) => {
-  try {
-    const e = [], n = [], t = N(s), c = o(t, "index.css");
-    (() => {
-      K(t) && H("rm -rf " + t), V(t), V(o(t, "css")), V(o(t, "types"));
-    })(), await Y(s);
-    const d = await O(s);
-    async function w(i, y) {
-      const h = z(i);
-      if (h.isDirectory()) {
-        const m = G(i);
-        await Promise.all(m.map((g) => w(o(i, g), o(y, g))));
-      } else if (h.isFile() && v(i)) {
-        const g = await E(i, t), F = [];
-        Object.entries(g).forEach(([l, p]) => {
-          if (p.isKeyframes && p.css) {
-            const P = `${p.animationName}.css`, _ = `css/${P}`, B = o(t, _);
-            e.push(P), $(B, p.css);
-            return;
-          }
-          if (!p.generator) return;
-          const r = p.generator._withBuildContext({
-            name: l,
-            config: d
-          }), x = `${r.hash}-${r.priority}.css`;
-          n[r.priority] || (n[r.priority] = []), n[r.priority].push(x), F.push(x);
-          const C = `css/${x}`, D = o(t, C);
-          $(D, r.css);
-        });
-        const j = F.map((l) => `@import url('./${l}');`).join(`
-`), k = T(i, 6), u = o(t, `css/${k}.css`);
-        $(u, j);
-      }
-    }
-    await w(s, t);
-    const a = e.map((i) => `@import url('./css/${i}');`).join(`
-`);
-    let f = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
-
-${["@import url('./css/variables.css');", "@import url('./css/global.css');", "@import url('./css/templates.css');"].join(`
-`)}
-${a}`;
-    if (d.importStrategy !== "component") {
-      const i = n.flat().map((y) => `@import url('./css/${y}');`).join(`
-`);
-      f += i;
-    }
-    $(c, f);
-  } catch (e) {
-    console.error(e);
-  }
-}, it = async (s, e) => {
-  try {
-    const n = [], t = o(s, "./saltygen"), c = o(t, "index.css");
-    if (v(e)) {
-      const d = await O(s), w = await E(e, t);
-      Object.entries(w).forEach(([y, h]) => {
-        if (!h.generator) return;
-        const m = h.generator._withBuildContext({
-          name: y,
-          config: d
-        }), g = `${m.hash}-${m.priority}.css`, F = `css/${g}`, j = o(t, F);
-        n.push(g), $(j, m.css);
-      });
-      const a = M(c, "utf8").split(`
-`), b = n.map((y) => `@import url('../saltygen/css/${y}');`), i = [.../* @__PURE__ */ new Set([...a, ...b])].join(`
-`);
-      $(c, i);
-    }
-  } catch (n) {
-    console.error(n);
-  }
-}, rt = async (s, e) => {
-  try {
-    const n = o(s, "./saltygen");
-    if (v(e)) {
-      const c = M(e, "utf8");
-      c.replace(/^(?!export\s)const\s.*/gm, (f) => `export ${f}`) !== c && await J(e, c);
-      const d = await O(s), w = await E(e, n);
-      let a = c;
-      Object.entries(w).forEach(([f, i]) => {
-        var j;
-        if (i.isKeyframes) {
-          console.log("value", i);
-          return;
-        }
-        if (!i.generator) return;
-        const y = i.generator._withBuildContext({
-          name: f,
-          config: d
-        }), h = new RegExp(`${f}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(c);
-        if (!h)
-          return console.error("Could not find the original declaration");
-        const m = (j = h.at(1)) == null ? void 0 : j.trim(), g = `${f} = styled(${m}, "${y.classNames}", "${y._callerName}", ${JSON.stringify(y.props)});`, F = new RegExp(`${f}[=\\s]+[^()]+styled\\(([^,]+),[^;]+;`, "g");
-        a = a.replace(F, g);
-      });
-      const b = T(e, 6);
-      return d.importStrategy === "component" && (a = `import '../../saltygen/css/${b}.css';
-${a}`), a = a.replace("{ styled }", "{ styledClient as styled }"), a = a.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), a;
-    }
-  } catch (n) {
-    console.error(n);
-  }
-};
+import "esbuild";
+import "child_process";
+import "../dash-case-DBThphLm.js";
+import "path";
+import "fs";
+import "fs/promises";
+import "../parse-styles-CKmL8EwD.js";
+import "../parsers/index.js";
+import { e as F, d as y, g as x, b as S, i as c, m as f, s as C, c as E } from "../index-Cpvtq5h9.js";
+import "../css/merge.js";
+import "../define-templates-4A2yHcMF.js";
 export {
-  E as compileSaltyFile,
-  Y as generateConfigStyles,
-  ot as generateCss,
-  it as generateFile,
-  v as isSaltyFile,
-  rt as minimizeFile,
-  U as saltyFileExtensions,
-  W as saltyFileRegExp
+  F as compileSaltyFile,
+  y as generateConfigStyles,
+  x as generateCss,
+  S as generateFile,
+  c as isSaltyFile,
+  f as minimizeFile,
+  C as saltyFileExtensions,
+  E as saltyFileRegExp
 };

package/config/define-config.d.ts

@@ -1,2 +1,2 @@
-import { SaltyConfig } from './config-types';
+import { SaltyConfig } from '../types/config-types';
 export declare const defineConfig: <T extends SaltyConfig>(config: T) => T;

package/config/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=e=>e;exports.defineConfig=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../factories/index.cjs"),a=require("../define-templates-Cunsb_Tr.cjs"),i=t=>t;exports.GlobalStylesFactory=e.GlobalStylesFactory;exports.VariablesFactory=e.VariablesFactory;exports.defineGlobalStyles=e.defineGlobalStyles;exports.defineMediaQuery=e.defineMediaQuery;exports.defineVariables=e.defineVariables;exports.TemplateFactory=a.TemplateFactory;exports.TemplatesFactory=a.TemplatesFactory;exports.defineTemplates=a.defineTemplates;exports.defineConfig=i;

package/config/index.d.ts

@@ -1,2 +1,3 @@
-export * from './config-types';
 export * from './define-config';
+export * from '../factories';
+export * from '../types/config-types';

package/config/index.js

@@ -1,4 +1,14 @@
-const n = (e) => e;
+import { GlobalStylesFactory as o, VariablesFactory as l, defineGlobalStyles as s, defineMediaQuery as i, defineVariables as f } from "../factories/index.js";
+import { T as d, a as y, d as p } from "../define-templates-4A2yHcMF.js";
+const a = (e) => e;
 export {
-  n as defineConfig
+  o as GlobalStylesFactory,
+  d as TemplateFactory,
+  y as TemplatesFactory,
+  l as VariablesFactory,
+  a as defineConfig,
+  s as defineGlobalStyles,
+  i as defineMediaQuery,
+  p as defineTemplates,
+  f as defineVariables
 };

package/css/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>`{${e}}`;exports.token=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./keyframes.cjs"),e=require("./media.cjs"),t=require("./token.cjs"),r=require("./merge.cjs");exports.keyframes=s.keyframes;exports.MediaQueryFactory=e.MediaQueryFactory;exports.media=e.media;exports.token=t.token;exports.mergeFactories=r.mergeFactories;exports.mergeObjects=r.mergeObjects;

package/css/index.d.ts

@@ -1 +1,4 @@
-export declare const token: <T extends VariableTokens>(token: T) => string;
+export * from './keyframes';
+export * from './media';
+export * from './token';
+export * from './merge';

package/css/index.js

@@ -1,4 +1,12 @@
-const t = (o) => `{${o}}`;
+import { keyframes as o } from "./keyframes.js";
+import { MediaQueryFactory as t, media as a } from "./media.js";
+import { token as p } from "./token.js";
+import { mergeFactories as c, mergeObjects as i } from "./merge.js";
 export {
-  t as token
+  t as MediaQueryFactory,
+  o as keyframes,
+  a as media,
+  c as mergeFactories,
+  i as mergeObjects,
+  p as token
 };

package/css/keyframes.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../parse-styles-DZYIEhB4.cjs"),w=require("../dash-case-BJEkFEGQ.cjs"),C=async({animationName:l,params:u,appendInitialStyles:y,...t})=>{const n=l||w.toHash(t),r=async(s={})=>{const{duration:e="500ms",easing:o="ease-in-out",delay:i="0s",iterationCount:S="1",direction:p="normal",fillMode:g="forwards",playState:b="running"}={...u,...s},a=`${n} ${e} ${o} ${i} ${S} ${p} ${g} ${b}`;if(!y)return a;const c=t.from||t["0%"];if(!c)return a;const j=await m.parseAndJoinStyles(c,"");return`${a};${j}`},$=Object.entries(t).map(async([s,e])=>{if(!e)return"";const o=await m.parseAndJoinStyles(e,"");return`${typeof s=="number"?`${s}%`:s}{${o}}`}),d=(await Promise.all($)).join(""),f=`@keyframes ${n} {${d}}`;return Object.assign(r,{toString:r,isKeyframes:!0,animationName:n,css:f,keyframes:t}),r};exports.keyframes=C;

package/css/keyframes.d.ts

@@ -0,0 +1,22 @@
+import { CssStyles, StyleValue } from '../types';
+type KeyframeKeys = number | 'from' | 'to' | `${number}%`;
+type Keyframes = {
+    [key in KeyframeKeys]?: CssStyles;
+};
+interface KeyframesConfig {
+    animationName?: string;
+    appendInitialStyles?: boolean;
+    params?: KeyframesParams;
+}
+interface KeyframesParams {
+    duration?: string;
+    delay?: string;
+    iterationCount?: string | number;
+    easing?: StyleValue<'animationTimingFunction'>;
+    direction?: StyleValue<'animationDirection'>;
+    fillMode?: StyleValue<'animationFillMode'>;
+    playState?: StyleValue<'animationPlayState'>;
+}
+type KeyframesProps = Keyframes & KeyframesConfig;
+export declare const keyframes: ({ animationName: _name, params: _params, appendInitialStyles, ...keyframes }: KeyframesProps) => Promise<(params?: KeyframesParams) => Promise<string>>;
+export {};

package/css/keyframes.js

@@ -0,0 +1,34 @@
+import { p as m } from "../parse-styles-CKmL8EwD.js";
+import { t as j } from "../dash-case-DBThphLm.js";
+const v = async ({ animationName: $, params: f, appendInitialStyles: l, ...t }) => {
+  const r = $ || j(t), o = async (n = {}) => {
+    const {
+      duration: s = "500ms",
+      easing: e = "ease-in-out",
+      delay: i = "0s",
+      iterationCount: d = "1",
+      direction: S = "normal",
+      fillMode: g = "forwards",
+      playState: w = "running"
+    } = { ...f, ...n }, a = `${r} ${s} ${e} ${i} ${d} ${S} ${g} ${w}`;
+    if (!l) return a;
+    const c = t.from || t["0%"];
+    if (!c) return a;
+    const b = await m(c, "");
+    return `${a};${b}`;
+  }, u = Object.entries(t).map(async ([n, s]) => {
+    if (!s) return "";
+    const e = await m(s, "");
+    return `${typeof n == "number" ? `${n}%` : n}{${e}}`;
+  }), p = (await Promise.all(u)).join(""), y = `@keyframes ${r} {${p}}`;
+  return Object.assign(o, {
+    toString: o,
+    isKeyframes: !0,
+    animationName: r,
+    css: y,
+    keyframes: t
+  }), o;
+};
+export {
+  v as keyframes
+};

package/css/media.cjs

@@ -0,0 +1 @@
+"use strict";var a=Object.defineProperty;var o=(s,e,t)=>e in s?a(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var i=(s,e,t)=>o(s,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class r{constructor(e="@media"){i(this,"next",e=>{const t=new String(e);return Object.assign(t,{get isMedia(){return!0},get and(){return new r(`${e} and`)},get or(){return new r(`${e},`)}}),t});this.base=e}custom(e){return this.next(`${this.base} ${e}`)}minWidth(e){const t=typeof e=="number"?`${e}px`:e,n=`${this.base} (min-width: ${t})`;return this.next(n)}maxWidth(e){const t=typeof e=="number"?`${e}px`:e,n=`${this.base} (max-width: ${t})`;return this.next(n)}minHeight(e){const t=typeof e=="number"?`${e}px`:e,n=`${this.base} (min-height: ${t})`;return this.next(n)}maxHeight(e){const t=typeof e=="number"?`${e}px`:e,n=`${this.base} (max-height: ${t})`;return this.next(n)}get portrait(){const e=`${this.base} (orientation: portrait)`;return this.next(e)}get landscape(){const e=`${this.base} (orientation: landscape)`;return this.next(e)}prefersColorScheme(e){const t=`${this.base} (prefers-color-scheme: ${e})`;return this.next(t)}get dark(){return this.prefersColorScheme("dark")}get light(){return this.prefersColorScheme("light")}get print(){const e=`${this.base} print`;return this.next(e)}get screen(){const e=`${this.base} screen`;return this.next(e)}get speech(){const e=`${this.base} speech`;return this.next(e)}get all(){const e=`${this.base} all`;return this.next(e)}get not(){const e=`${this.base} not`;return this.next(e)}get reducedMotion(){const e=`${this.base} (prefers-reduced-motion: reduce)`;return this.next(e)}}const u=new r;exports.MediaQueryFactory=r;exports.media=u;

package/css/media.d.ts

@@ -0,0 +1,87 @@
+import { OrString, OrNumber } from '../types/util-types';
+export declare class MediaQueryFactory {
+    private base;
+    constructor(base?: string);
+    private next;
+    custom(value: string): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    minWidth(width: OrString | OrNumber): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    maxWidth(width: OrString | OrNumber): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    minHeight(height: OrString | OrNumber): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    maxHeight(height: OrString | OrNumber): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    get portrait(): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    get landscape(): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    prefersColorScheme(scheme: 'dark' | 'light' | OrString): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    get dark(): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    get light(): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    get print(): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    get screen(): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    get speech(): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    get all(): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    get not(): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    get reducedMotion(): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+}
+export declare const media: MediaQueryFactory;

package/css/media.js

@@ -0,0 +1,88 @@
+var a = Object.defineProperty;
+var o = (s, t, e) => t in s ? a(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var i = (s, t, e) => o(s, typeof t != "symbol" ? t + "" : t, e);
+class r {
+  constructor(t = "@media") {
+    i(this, "next", (t) => {
+      const e = new String(t);
+      return Object.assign(e, {
+        get isMedia() {
+          return !0;
+        },
+        get and() {
+          return new r(`${t} and`);
+        },
+        get or() {
+          return new r(`${t},`);
+        }
+      }), e;
+    });
+    this.base = t;
+  }
+  custom(t) {
+    return this.next(`${this.base} ${t}`);
+  }
+  minWidth(t) {
+    const e = typeof t == "number" ? `${t}px` : t, n = `${this.base} (min-width: ${e})`;
+    return this.next(n);
+  }
+  maxWidth(t) {
+    const e = typeof t == "number" ? `${t}px` : t, n = `${this.base} (max-width: ${e})`;
+    return this.next(n);
+  }
+  minHeight(t) {
+    const e = typeof t == "number" ? `${t}px` : t, n = `${this.base} (min-height: ${e})`;
+    return this.next(n);
+  }
+  maxHeight(t) {
+    const e = typeof t == "number" ? `${t}px` : t, n = `${this.base} (max-height: ${e})`;
+    return this.next(n);
+  }
+  get portrait() {
+    const t = `${this.base} (orientation: portrait)`;
+    return this.next(t);
+  }
+  get landscape() {
+    const t = `${this.base} (orientation: landscape)`;
+    return this.next(t);
+  }
+  prefersColorScheme(t) {
+    const e = `${this.base} (prefers-color-scheme: ${t})`;
+    return this.next(e);
+  }
+  get dark() {
+    return this.prefersColorScheme("dark");
+  }
+  get light() {
+    return this.prefersColorScheme("light");
+  }
+  get print() {
+    const t = `${this.base} print`;
+    return this.next(t);
+  }
+  get screen() {
+    const t = `${this.base} screen`;
+    return this.next(t);
+  }
+  get speech() {
+    const t = `${this.base} speech`;
+    return this.next(t);
+  }
+  get all() {
+    const t = `${this.base} all`;
+    return this.next(t);
+  }
+  get not() {
+    const t = `${this.base} not`;
+    return this.next(t);
+  }
+  get reducedMotion() {
+    const t = `${this.base} (prefers-reduced-motion: reduce)`;
+    return this.next(t);
+  }
+}
+const u = new r();
+export {
+  r as MediaQueryFactory,
+  u as media
+};

package/css/merge.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=(...t)=>t.flat().reduce((e,r)=>r!=null&&r._current?{...e,...r._current}:{...e,...r},{}),u=(...t)=>t.flat().reduce((e,r)=>({...e,...r._children}),{});exports.mergeFactories=u;exports.mergeObjects=n;

package/css/merge.d.ts

@@ -0,0 +1,7 @@
+interface StyleFactory {
+    _current: Record<string, any>;
+    _children: Record<string, any>;
+}
+export declare const mergeObjects: <T = any>(...styles: any[]) => T;
+export declare const mergeFactories: <T extends StyleFactory>(...factories: T[][]) => T;
+export {};

package/css/merge.js

@@ -0,0 +1,5 @@
+const u = (...n) => n.flat().reduce((e, r) => r != null && r._current ? { ...e, ...r._current } : { ...e, ...r }, {}), t = (...n) => n.flat().reduce((e, r) => ({ ...e, ...r._children }), {});
+export {
+  t as mergeFactories,
+  u as mergeObjects
+};

package/css/token.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>`{${e}}`;exports.token=t;

package/css/token.d.ts

@@ -0,0 +1 @@
+export declare const token: <T extends VariableTokens>(token: T) => string;

package/css/token.js

@@ -0,0 +1,4 @@
+const t = (o) => `{${o}}`;
+export {
+  t as token
+};

package/{dash-case-DKzpenwY.cjs → dash-case-BJEkFEGQ.cjs}

@@ -1 +1 @@
-"use strict";const n=e=>String.fromCharCode(e+(e>25?39:97)),i=(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},o=(e,r)=>{let t=r.length;for(;t;)e=e*33^r.charCodeAt(--t);return e},c=(e,r=3)=>{const t=o(5381,JSON.stringify(e))>>>0;return i(t,r)};function s(e){return e?typeof e!="string"?s(String(e)):e.replace(/\s/g,"-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g,(r,t)=>(t>0?"-":"")+r.toLowerCase()):""}exports.dashCase=s;exports.toHash=c;
+"use strict";const n=e=>String.fromCharCode(e+(e>25?39:97)),i=(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},o=(e,r)=>{let t=r.length;for(;t;)e=e*33^r.charCodeAt(--t);return e},c=(e,r=5)=>{const t=o(5381,JSON.stringify(e))>>>0;return i(t,r)};function s(e){return e?typeof e!="string"?s(String(e)):e.replace(/[\s.]/g,"-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g,(r,t)=>(t>0?"-":"")+r.toLowerCase()):""}exports.dashCase=s;exports.toHash=c;

package/{dash-case-DMQMcCO6.js → dash-case-DBThphLm.js}

@@ -6,12 +6,12 @@ const n = (e) => String.fromCharCode(e + (e > 25 ? 39 : 97)), o = (e, r) => {
   let t = r.length;
   for (; t; ) e = e * 33 ^ r.charCodeAt(--t);
   return e;
-}, c = (e, r = 3) => {
+}, c = (e, r = 5) => {
   const t = i(5381, JSON.stringify(e)) >>> 0;
   return o(t, r);
 };
 function s(e) {
-  return e ? typeof e != "string" ? s(String(e)) : e.replace(/\s/g, "-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (r, t) => (t > 0 ? "-" : "") + r.toLowerCase()) : "";
+  return e ? typeof e != "string" ? s(String(e)) : e.replace(/[\s.]/g, "-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (r, t) => (t > 0 ? "-" : "") + r.toLowerCase()) : "";
 }
 export {
   s as d,

package/define-templates-4A2yHcMF.js

@@ -0,0 +1,52 @@
+var n = Object.defineProperty;
+var h = (e, t, r) => t in e ? n(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var s = (e, t, r) => h(e, typeof t != "symbol" ? t + "" : t, r);
+class i {
+  constructor(t) {
+    s(this, "_path");
+    this.params = t;
+  }
+  get _current() {
+    return this.params.template;
+  }
+  get isDefineTemplate() {
+    return !0;
+  }
+  _setPath(t) {
+    return this._path = t, this;
+  }
+}
+class p {
+  constructor(t) {
+    s(this, "_path");
+    s(this, "templates", []);
+    this.params = t, Object.entries(t).forEach(([r, a]) => {
+      this.templates.push(
+        new i({
+          name: r,
+          template: a
+        })
+      );
+    });
+  }
+  get _current() {
+    return this.params;
+  }
+  get _children() {
+    return Object.fromEntries(
+      this.templates.map((t) => [t.params.name, t])
+    );
+  }
+  get isDefineTemplates() {
+    return !0;
+  }
+  _setPath(t) {
+    return this._path = t, this.templates.forEach((r) => r._setPath(t)), this;
+  }
+}
+const m = (e) => new p(e);
+export {
+  i as T,
+  p as a,
+  m as d
+};

package/define-templates-Cunsb_Tr.cjs

@@ -0,0 +1 @@
+"use strict";var i=Object.defineProperty;var p=(e,t,r)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var s=(e,t,r)=>p(e,typeof t!="symbol"?t+"":t,r);class a{constructor(t){s(this,"_path");this.params=t}get _current(){return this.params.template}get isDefineTemplate(){return!0}_setPath(t){return this._path=t,this}}class n{constructor(t){s(this,"_path");s(this,"templates",[]);this.params=t,Object.entries(t).forEach(([r,h])=>{this.templates.push(new a({name:r,template:h}))})}get _current(){return this.params}get _children(){return Object.fromEntries(this.templates.map(t=>[t.params.name,t]))}get isDefineTemplates(){return!0}_setPath(t){return this._path=t,this.templates.forEach(r=>r._setPath(t)),this}}const c=e=>new n(e);exports.TemplateFactory=a;exports.TemplatesFactory=n;exports.defineTemplates=c;

package/factories/define-global-styles.d.ts

@@ -0,0 +1,7 @@
+import { GlobalStyles } from '../types/config-types';
+export declare class GlobalStylesFactory {
+    _current: GlobalStyles;
+    constructor(_current: GlobalStyles);
+    get isGlobalDefine(): boolean;
+}
+export declare const defineGlobalStyles: (styles: GlobalStyles) => GlobalStylesFactory;

package/factories/define-media-query.d.ts

@@ -0,0 +1,8 @@
+import { MediaQueryFactory } from '../css/media';
+type MediaDefinitionCallback = (media: MediaQueryFactory) => ReturnType<MediaQueryFactory['next']>;
+export declare const defineMediaQuery: (mediaFactory: MediaDefinitionCallback) => string & {
+    isMedia: boolean;
+    and: MediaQueryFactory;
+    or: MediaQueryFactory;
+};
+export {};

package/factories/define-templates.d.ts

@@ -0,0 +1,27 @@
+import { CssTemplateFunction, CssTemplateObject, CssTemplates } from '../types/config-types';
+export interface TemplateFactoryParams {
+    name: string;
+    template: CssTemplateObject | CssTemplateFunction;
+}
+export declare class TemplateFactory {
+    params: TemplateFactoryParams;
+    _path?: string;
+    constructor(params: TemplateFactoryParams);
+    get _current(): CssTemplateObject | CssTemplateFunction;
+    get isDefineTemplate(): boolean;
+    _setPath(path: string): this;
+}
+export type TemplatesFactoryParams = CssTemplates;
+export declare class TemplatesFactory {
+    params: TemplatesFactoryParams;
+    _path?: string;
+    private templates;
+    constructor(params: TemplatesFactoryParams);
+    get _current(): CssTemplates;
+    get _children(): {
+        [k: string]: TemplateFactory;
+    };
+    get isDefineTemplates(): boolean;
+    _setPath(path: string): this;
+}
+export declare const defineTemplates: (templates: TemplatesFactoryParams) => TemplatesFactory;