@styleframe/transpiler 1.0.1 → 1.0.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @styleframe/transpiler
 
+## 1.0.3
+
+### Patch Changes
+
+- [#35](https://github.com/styleframe-dev/styleframe/pull/35) [`5d53569`](https://github.com/styleframe-dev/styleframe/commit/5d5356960af687884703f3de5d3d1638d8ee9d8a) Thanks [@alexgrozav](https://github.com/alexgrozav)! - fix: Update published files references in package.json
+
+- Updated dependencies [[`5d53569`](https://github.com/styleframe-dev/styleframe/commit/5d5356960af687884703f3de5d3d1638d8ee9d8a)]:
+  - @styleframe/core@1.0.2
+
+## 1.0.2
+
+### Patch Changes
+
+- [#30](https://github.com/styleframe-dev/styleframe/pull/30) [`68cd004`](https://github.com/styleframe-dev/styleframe/commit/68cd004b04395797876b5e805c0b910d6b665f35) Thanks [@alexgrozav](https://github.com/alexgrozav)! - feat: Add support for custom transpile functions
+  refactor: Separate CSS and TS transpilation
+
 ## 1.0.1
 
 ### Patch Changes

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Alex Grozav
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/transpiler.d.ts

@@ -0,0 +1,120 @@
+import { AtRule } from '@styleframe/core';
+import { ContainerChild } from '@styleframe/core';
+import { CSS as CSS_2 } from '@styleframe/core';
+import { DeclarationsBlock } from '@styleframe/core';
+import { KebabCase } from 'scule';
+import { Reference } from '@styleframe/core';
+import { Root } from '@styleframe/core';
+import { Selector } from '@styleframe/core';
+import { Styleframe } from '@styleframe/core';
+import { StyleframeOptions } from '@styleframe/core';
+import { Theme } from '@styleframe/core';
+import { ThemeSelectorFn } from '@styleframe/core';
+import { Utility } from '@styleframe/core';
+import { UtilitySelectorFn } from '@styleframe/core';
+import { Variable } from '@styleframe/core';
+import { VariableNameFn } from '@styleframe/core';
+
+export declare function addIndentToLine(line: string): string;
+
+/**
+ * Consumes any token instance and returns the CSS string representation
+ */
+export declare function consumeCSS(instance: unknown, options: StyleframeOptions): string;
+
+export declare type ConsumeFunction = (instance: unknown, options: StyleframeOptions) => string;
+
+/**
+ * Consumes any token instance and returns the TS string representation
+ */
+export declare function consumeTS(instance: unknown, options: StyleframeOptions): string;
+
+/**
+ * Consumes a generic at-rule instance, equivalent to setting a CSS at-rule
+ * such as @media, @supports, @keyframes, etc.
+ */
+export declare function createAtRuleConsumer(consume: ConsumeFunction): (instance: AtRule, options: StyleframeOptions) => string;
+
+/**
+ * Base function for consuming container-like structures (Selector, AtRule)
+ */
+export declare function createContainerConsumer(consume: ConsumeFunction): (query: string, instance: {
+    variables?: Variable[];
+    declarations?: DeclarationsBlock;
+    children?: ContainerChild[];
+}, options: StyleframeOptions) => string;
+
+/**
+ * Consumes a CSS value, equivalent to the string body of a selector
+ */
+export declare function createCSSTemplateLiteralConsumer(consume: ConsumeFunction): (instance: CSS_2, options: StyleframeOptions) => string;
+
+/**
+ * Consumes a declarations block, equivalent to setting CSS properties
+ */
+export declare function createDeclarationsConsumer(consume: ConsumeFunction): (instance: DeclarationsBlock, options: StyleframeOptions) => string[];
+
+export declare function createFile(name: string, content?: string): OutputFile;
+
+/**
+ * Consumes a primitive instance, equivalent to setting a CSS value
+ */
+export declare function createPrimitiveConsumer(_consume: ConsumeFunction): (instance: unknown, _options: StyleframeOptions) => string;
+
+/**
+ * Consumes a ref instance, equivalent to referencing a CSS variable with optional fallback
+ */
+export declare function createRefConsumer(consume: ConsumeFunction): (instance: Reference, options: StyleframeOptions) => string;
+
+export declare function createRootConsumer(consume: ConsumeFunction): (instance: Root, options: StyleframeOptions) => string;
+
+/**
+ * Consumes a selector instance, equivalent to setting a CSS selector
+ */
+export declare function createSelectorConsumer(consume: ConsumeFunction): (instance: Selector, options: StyleframeOptions) => string;
+
+export declare function createThemeConsumer(consume: ConsumeFunction): (instance: Theme, options: StyleframeOptions) => string;
+
+/**
+ * Consumes a utility instance, equivalent to setting a utility CSS selector
+ */
+export declare function createUtilityConsumer(consume: ConsumeFunction): (instance: Utility, options: StyleframeOptions) => string;
+
+export declare function createVariableConsumer(consume: ConsumeFunction): (instance: Variable, options: StyleframeOptions) => string;
+
+export declare const DEFAULT_INDENT = "\t";
+
+export declare const defaultThemeSelectorFn: ThemeSelectorFn;
+
+export declare const defaultUtilitySelectorFn: UtilitySelectorFn;
+
+export declare const defaultVariableNameFn: VariableNameFn;
+
+export declare function indentLines(lines: string): string;
+
+export declare type Output = {
+    files: OutputFile[];
+};
+
+export declare type OutputFile = {
+    name: string;
+    content: string;
+};
+
+export declare const STATEMENT_AT_RULES: string[];
+
+export declare const STATEMENT_OR_BLOCK_AT_RULES: string[];
+
+export declare function toKebabCase<S extends string>(str: S): KebabCase<S>;
+
+export declare function transpile(instance: Styleframe, { type, consumers, }?: TranspileOptions): Output;
+
+export declare type TranspileOptions = {
+    type?: "css" | "ts" | "all";
+    consumers?: {
+        css: ConsumeFunction;
+        ts: ConsumeFunction;
+    };
+};
+
+export { }

package/dist/transpiler.js

@@ -0,0 +1,432 @@
+const pe = "	", N = ["charset", "import", "namespace"], E = ["layer"], V = ({ name: e }) => `[data-theme="${e}"]`, _ = ({
+  name: e,
+  value: t,
+  modifiers: s
+}) => `._${[...s, e, t].filter(Boolean).join("\\:")}`, O = ({ name: e }) => e;
+function D(e, t) {
+  return `@${e}${t ? " " : ""}${t}`;
+}
+const B = /\d/, L = ["-", "_", "/", "."];
+function M(e = "") {
+  if (!B.test(e))
+    return e !== e.toLowerCase();
+}
+function U(e, t) {
+  const s = L, r = [];
+  if (!e || typeof e != "string")
+    return r;
+  let c = "", l, u;
+  for (const i of e) {
+    const n = s.includes(i);
+    if (n === !0) {
+      r.push(c), c = "", l = void 0;
+      continue;
+    }
+    const o = M(i);
+    if (u === !1) {
+      if (l === !1 && o === !0) {
+        r.push(c), c = i, l = o;
+        continue;
+      }
+      if (l === !0 && o === !1 && c.length > 1) {
+        const f = c.at(-1);
+        r.push(c.slice(0, Math.max(0, c.length - 1))), c = f + i, l = o;
+        continue;
+      }
+    }
+    c += i, l = o, u = n;
+  }
+  return r.push(c), r;
+}
+function P(e, t) {
+  return e ? (Array.isArray(e) ? e : U(e)).map((s) => s.toLowerCase()).join("-") : "";
+}
+function k(e) {
+  return `	${e}`;
+}
+function x(e) {
+  return e.split(`
+`).map((t) => k(t)).join(`
+`);
+}
+function z(e) {
+  return P(e);
+}
+function H(e) {
+  return z(e);
+}
+function T(e, t) {
+  return `${e.startsWith("--") ? e : H(e)}: ${t};`;
+}
+function I(e) {
+  return `{${e.length > 0 ? `
+` : ""}${e.map((t) => `${x(`${t}`)}
+`).join("")}}`;
+}
+function $(e) {
+  return `--${(e.startsWith("--") ? e.slice(2) : e).replace(/[^a-zA-Z0-9_\-\u0080-\uFFFF]/g, "-") || "unknown-variable"}`;
+}
+function K(e, t) {
+  return T($(e), t);
+}
+function Q(e, t) {
+  return `var(${$(e)}${t ? `, ${t}` : ""})`;
+}
+function C(e, t) {
+  return `${e} ${I(t)}`;
+}
+function W(e) {
+  return function(s, r) {
+    return Object.entries(s).map(([c, l]) => T(c, e(l, r)));
+  };
+}
+function w(e) {
+  return function(s, r) {
+    const l = (r.variables?.name ?? O)({ name: s.name });
+    return K(l, e(s.value, r));
+  };
+}
+function A(e) {
+  const t = w(e), s = W(e);
+  return function(c, l, u) {
+    const { variables: i, declarations: n, children: o } = l, f = c === ":root", a = (i ?? []).map(
+      (g) => t(g, u)
+    ), m = s(
+      n ?? {},
+      u
+    ), b = (o ?? []).map(
+      (g) => e(g, u)
+    ), p = a.length > 0, h = m.length > 0, S = b.length > 0;
+    return f ? `${p || h ? C(c, [
+      ...a,
+      ...p && h ? [""] : [],
+      ...m
+    ]) : ""}${S && (p || h) ? `
+
+` : ""}${b.join(`
+
+`)}` : C(c, [
+      ...a,
+      ...p && (S || h) ? [""] : [],
+      ...m,
+      ...h && S ? [""] : [],
+      ...b.flatMap(
+        (g, F) => F === b.length - 1 ? [g] : [g, ""]
+      )
+    ]);
+  };
+}
+function Z(e) {
+  const t = A(e);
+  return function(r, c) {
+    const l = N.includes(r.identifier), u = E.includes(
+      r.identifier
+    ), i = Object.keys(r.declarations).length > 0, n = r.variables.length > 0, o = r.children.length > 0, f = D(r.identifier, r.rule);
+    return l || u && !(i || n || o) ? `${f};` : t(f, r, c);
+  };
+}
+function q(e) {
+  return typeof e == "object" && e !== null;
+}
+function d(e, t) {
+  return q(e) && "type" in e && e.type === t;
+}
+function G(e) {
+  return d(e, "variable");
+}
+function J(e) {
+  return d(e, "reference");
+}
+function Y(e) {
+  return d(e, "selector");
+}
+function X(e) {
+  return d(e, "at-rule");
+}
+function ee(e) {
+  return d(e, "utility");
+}
+function te(e) {
+  return d(e, "css");
+}
+function re(e) {
+  return d(e, "theme");
+}
+function ne(e) {
+  return d(e, "root");
+}
+function j(e) {
+  if (e instanceof Buffer)
+    return Buffer.from(e);
+  const t = e.constructor;
+  return new t(
+    e.buffer.slice(0),
+    e.byteOffset,
+    e.byteLength / e.BYTES_PER_ELEMENT || 1
+  );
+}
+function oe(e) {
+  if (e = e || {}, e.circular)
+    return ue(e);
+  const t = /* @__PURE__ */ new Map();
+  if (t.set(Date, (u) => new Date(u)), t.set(
+    Map,
+    (u, i) => new Map(r(Array.from(u), i))
+  ), t.set(
+    Set,
+    (u, i) => new Set(r(Array.from(u), i))
+  ), e.constructorHandlers)
+    for (const u of e.constructorHandlers)
+      t.set(u[0], u[1]);
+  let s;
+  return e.proto ? l : c;
+  function r(u, i) {
+    const n = Object.keys(u), o = Array.from({ length: n.length });
+    for (let f = 0; f < n.length; f++) {
+      const a = n[f], m = u[a];
+      typeof m != "object" || m === null ? o[a] = m : m.constructor !== Object && (s = t.get(m.constructor)) ? o[a] = s(m, i) : ArrayBuffer.isView(m) ? o[a] = j(m) : o[a] = i(m);
+    }
+    return o;
+  }
+  function c(u) {
+    if (typeof u != "object" || u === null) return u;
+    if (Array.isArray(u)) return r(u, c);
+    if (u.constructor !== Object && (s = t.get(u.constructor)))
+      return s(u, c);
+    const i = {};
+    for (const n in u) {
+      if (Object.hasOwnProperty.call(u, n) === !1) continue;
+      const o = u[n];
+      typeof o != "object" || o === null ? i[n] = o : o.constructor !== Object && (s = t.get(o.constructor)) ? i[n] = s(o, c) : ArrayBuffer.isView(o) ? i[n] = j(o) : i[n] = c(o);
+    }
+    return i;
+  }
+  function l(u) {
+    if (typeof u != "object" || u === null) return u;
+    if (Array.isArray(u)) return r(u, l);
+    if (u.constructor !== Object && (s = t.get(u.constructor)))
+      return s(u, l);
+    const i = {};
+    for (const n in u) {
+      const o = u[n];
+      typeof o != "object" || o === null ? i[n] = o : o.constructor !== Object && (s = t.get(o.constructor)) ? i[n] = s(o, l) : ArrayBuffer.isView(o) ? i[n] = j(o) : i[n] = l(o);
+    }
+    return i;
+  }
+}
+function ue(e) {
+  const t = [], s = [], r = /* @__PURE__ */ new Map();
+  if (r.set(Date, (n) => new Date(n)), r.set(
+    Map,
+    (n, o) => new Map(l(Array.from(n), o))
+  ), r.set(
+    Set,
+    (n, o) => new Set(l(Array.from(n), o))
+  ), e.constructorHandlers)
+    for (const n of e.constructorHandlers)
+      r.set(n[0], n[1]);
+  let c;
+  return e.proto ? i : u;
+  function l(n, o) {
+    const f = Object.keys(n), a = Array.from({ length: f.length });
+    for (let m = 0; m < f.length; m++) {
+      const b = f[m], p = n[b];
+      if (typeof p != "object" || p === null)
+        a[b] = p;
+      else if (p.constructor !== Object && (c = r.get(p.constructor)))
+        a[b] = c(p, o);
+      else if (ArrayBuffer.isView(p))
+        a[b] = j(p);
+      else {
+        const h = t.indexOf(p);
+        h !== -1 ? a[b] = s[h] : a[b] = o(p);
+      }
+    }
+    return a;
+  }
+  function u(n) {
+    if (typeof n != "object" || n === null) return n;
+    if (Array.isArray(n)) return l(n, u);
+    if (n.constructor !== Object && (c = r.get(n.constructor)))
+      return c(n, u);
+    const o = {};
+    t.push(n), s.push(o);
+    for (const f in n) {
+      if (Object.hasOwnProperty.call(n, f) === !1) continue;
+      const a = n[f];
+      if (typeof a != "object" || a === null)
+        o[f] = a;
+      else if (a.constructor !== Object && (c = r.get(a.constructor)))
+        o[f] = c(a, u);
+      else if (ArrayBuffer.isView(a))
+        o[f] = j(a);
+      else {
+        const m = t.indexOf(a);
+        m !== -1 ? o[f] = s[m] : o[f] = u(a);
+      }
+    }
+    return t.pop(), s.pop(), o;
+  }
+  function i(n) {
+    if (typeof n != "object" || n === null) return n;
+    if (Array.isArray(n)) return l(n, i);
+    if (n.constructor !== Object && (c = r.get(n.constructor)))
+      return c(n, i);
+    const o = {};
+    t.push(n), s.push(o);
+    for (const f in n) {
+      const a = n[f];
+      if (typeof a != "object" || a === null)
+        o[f] = a;
+      else if (a.constructor !== Object && (c = r.get(a.constructor)))
+        o[f] = c(a, i);
+      else if (ArrayBuffer.isView(a))
+        o[f] = j(a);
+      else {
+        const m = t.indexOf(a);
+        m !== -1 ? o[f] = s[m] : o[f] = i(a);
+      }
+    }
+    return t.pop(), s.pop(), o;
+  }
+}
+oe();
+function ce(e) {
+  return function(s, r) {
+    return s.value.map((c) => e(c, r)).join("").trim();
+  };
+}
+function se(e) {
+  return function(s, r) {
+    return s != null ? `${s}` : "";
+  };
+}
+function ie(e) {
+  return function(s, r) {
+    const l = (r.variables?.name ?? O)({ name: s.name });
+    return Q(
+      l,
+      s.fallback ? e(s.fallback, r) : void 0
+    );
+  };
+}
+function ae(e) {
+  const t = A(e);
+  return function(r, c) {
+    return r.themes.reduce(
+      (l, u) => (l.push(e(u, c)), l),
+      [t(":root", r, c)]
+      // Default theme (root)
+    ).join(`
+
+`);
+  };
+}
+function le(e) {
+  const t = A(e);
+  return function(r, c) {
+    return t(r.query, r, c);
+  };
+}
+function fe(e) {
+  const t = A(e);
+  return function(r, c) {
+    const u = (c.theme?.selector ?? V)({ name: r.name });
+    return t(u, r, c);
+  };
+}
+function me(e) {
+  const t = A(e);
+  return function(r, c) {
+    const l = [], i = (c.utilities?.selector ?? _)({
+      name: r.name,
+      value: r.value,
+      modifiers: r.modifiers
+    });
+    return l.push(t(i, r, c)), l.join(`
+
+`);
+  };
+}
+function y(e, t) {
+  const s = ae(y), r = le(y), c = me(y), l = Z(y), u = fe(y), i = w(y), n = ie(y), o = ce(y), f = se();
+  switch (!0) {
+    case Y(e):
+      return r(e, t);
+    case ee(e):
+      return c(e, t);
+    case X(e):
+      return l(e, t);
+    case ne(e):
+      return s(e, t);
+    case re(e):
+      return u(e, t);
+    case G(e):
+      return i(e, t);
+    case J(e):
+      return n(e, t);
+    case te(e):
+      return o(e, t);
+    default:
+      return f(e, t);
+  }
+}
+function R(e, t) {
+  switch (!0) {
+    case Array.isArray(e):
+      return e.map((s) => R(s)).join(`
+`);
+    // case isRecipe(instance):
+    // 	return consumeRecipe(instance, options);
+    // 	break;
+    default:
+      return "";
+  }
+}
+function v(e, t = "") {
+  return {
+    name: e,
+    content: t
+  };
+}
+function be(e, {
+  type: t = "all",
+  consumers: s = { css: y, ts: R }
+} = {}) {
+  const r = { files: [] }, c = e.options, { recipes: l, ...u } = e.root;
+  if (t === "all" || t === "css") {
+    const i = v("index.css", s.css(u, c));
+    r.files.push(i);
+  }
+  if (t === "all" || t === "ts") {
+    const i = v("index.ts", s.ts([], c));
+    r.files.push(i);
+  }
+  return r;
+}
+export {
+  pe as DEFAULT_INDENT,
+  N as STATEMENT_AT_RULES,
+  E as STATEMENT_OR_BLOCK_AT_RULES,
+  k as addIndentToLine,
+  y as consumeCSS,
+  R as consumeTS,
+  Z as createAtRuleConsumer,
+  ce as createCSSTemplateLiteralConsumer,
+  A as createContainerConsumer,
+  W as createDeclarationsConsumer,
+  v as createFile,
+  se as createPrimitiveConsumer,
+  ie as createRefConsumer,
+  ae as createRootConsumer,
+  le as createSelectorConsumer,
+  fe as createThemeConsumer,
+  me as createUtilityConsumer,
+  w as createVariableConsumer,
+  V as defaultThemeSelectorFn,
+  _ as defaultUtilitySelectorFn,
+  O as defaultVariableNameFn,
+  x as indentLines,
+  z as toKebabCase,
+  be as transpile
+};

package/dist/transpiler.umd.cjs

@@ -0,0 +1,14 @@
+(function(m,g){typeof exports=="object"&&typeof module<"u"?g(exports):typeof define=="function"&&define.amd?define(["exports"],g):(m=typeof globalThis<"u"?globalThis:m||self,g(m.transpiler={}))})(this,(function(m){"use strict";const F=["charset","import","namespace"],N=["layer"],_=({name:e})=>`[data-theme="${e}"]`,$=({name:e,value:t,modifiers:s})=>`._${[...s,e,t].filter(Boolean).join("\\:")}`,j=({name:e})=>e;function Z(e,t){return`@${e}${t?" ":""}${t}`}const q=/\d/,G=["-","_","/","."];function J(e=""){if(!q.test(e))return e!==e.toLowerCase()}function Y(e,t){const s=G,n=[];if(!e||typeof e!="string")return n;let c="",l,u;for(const i of e){const r=s.includes(i);if(r===!0){n.push(c),c="",l=void 0;continue}const o=J(i);if(u===!1){if(l===!1&&o===!0){n.push(c),c=i,l=o;continue}if(l===!0&&o===!1&&c.length>1){const f=c.at(-1);n.push(c.slice(0,Math.max(0,c.length-1))),c=f+i,l=o;continue}}c+=i,l=o,u=r}return n.push(c),n}function X(e,t){return e?(Array.isArray(e)?e:Y(e)).map(s=>s.toLowerCase()).join("-"):""}function w(e){return`	${e}`}function D(e){return e.split(`
+`).map(t=>w(t)).join(`
+`)}function L(e){return X(e)}function x(e){return L(e)}function V(e,t){return`${e.startsWith("--")?e:x(e)}: ${t};`}function ee(e){return`{${e.length>0?`
+`:""}${e.map(t=>`${D(`${t}`)}
+`).join("")}}`}function U(e){return`--${(e.startsWith("--")?e.slice(2):e).replace(/[^a-zA-Z0-9_\-\u0080-\uFFFF]/g,"-")||"unknown-variable"}`}function te(e,t){return V(U(e),t)}function ne(e,t){return`var(${U(e)}${t?`, ${t}`:""})`}function B(e,t){return`${e} ${ee(t)}`}function M(e){return function(s,n){return Object.entries(s).map(([c,l])=>V(c,e(l,n)))}}function v(e){return function(s,n){const l=(n.variables?.name??j)({name:s.name});return te(l,e(s.value,n))}}function C(e){const t=v(e),s=M(e);return function(c,l,u){const{variables:i,declarations:r,children:o}=l,f=c===":root",a=(i??[]).map(A=>t(A,u)),d=s(r??{},u),y=(o??[]).map(A=>e(A,u)),b=a.length>0,p=d.length>0,R=y.length>0;return f?`${b||p?B(c,[...a,...b&&p?[""]:[],...d]):""}${R&&(b||p)?`
+
+`:""}${y.join(`
+
+`)}`:B(c,[...a,...b&&(R||p)?[""]:[],...d,...p&&R?[""]:[],...y.flatMap((A,ye)=>ye===y.length-1?[A]:[A,""])])}}function P(e){const t=C(e);return function(n,c){const l=F.includes(n.identifier),u=N.includes(n.identifier),i=Object.keys(n.declarations).length>0,r=n.variables.length>0,o=n.children.length>0,f=Z(n.identifier,n.rule);return l||u&&!(i||r||o)?`${f};`:t(f,n,c)}}function re(e){return typeof e=="object"&&e!==null}function S(e,t){return re(e)&&"type"in e&&e.type===t}function oe(e){return S(e,"variable")}function ue(e){return S(e,"reference")}function ce(e){return S(e,"selector")}function se(e){return S(e,"at-rule")}function ie(e){return S(e,"utility")}function ae(e){return S(e,"css")}function le(e){return S(e,"theme")}function fe(e){return S(e,"root")}function T(e){if(e instanceof Buffer)return Buffer.from(e);const t=e.constructor;return new t(e.buffer.slice(0),e.byteOffset,e.byteLength/e.BYTES_PER_ELEMENT||1)}function me(e){if(e=e||{},e.circular)return de(e);const t=new Map;if(t.set(Date,u=>new Date(u)),t.set(Map,(u,i)=>new Map(n(Array.from(u),i))),t.set(Set,(u,i)=>new Set(n(Array.from(u),i))),e.constructorHandlers)for(const u of e.constructorHandlers)t.set(u[0],u[1]);let s;return e.proto?l:c;function n(u,i){const r=Object.keys(u),o=Array.from({length:r.length});for(let f=0;f<r.length;f++){const a=r[f],d=u[a];typeof d!="object"||d===null?o[a]=d:d.constructor!==Object&&(s=t.get(d.constructor))?o[a]=s(d,i):ArrayBuffer.isView(d)?o[a]=T(d):o[a]=i(d)}return o}function c(u){if(typeof u!="object"||u===null)return u;if(Array.isArray(u))return n(u,c);if(u.constructor!==Object&&(s=t.get(u.constructor)))return s(u,c);const i={};for(const r in u){if(Object.hasOwnProperty.call(u,r)===!1)continue;const o=u[r];typeof o!="object"||o===null?i[r]=o:o.constructor!==Object&&(s=t.get(o.constructor))?i[r]=s(o,c):ArrayBuffer.isView(o)?i[r]=T(o):i[r]=c(o)}return i}function l(u){if(typeof u!="object"||u===null)return u;if(Array.isArray(u))return n(u,l);if(u.constructor!==Object&&(s=t.get(u.constructor)))return s(u,l);const i={};for(const r in u){const o=u[r];typeof o!="object"||o===null?i[r]=o:o.constructor!==Object&&(s=t.get(o.constructor))?i[r]=s(o,l):ArrayBuffer.isView(o)?i[r]=T(o):i[r]=l(o)}return i}}function de(e){const t=[],s=[],n=new Map;if(n.set(Date,r=>new Date(r)),n.set(Map,(r,o)=>new Map(l(Array.from(r),o))),n.set(Set,(r,o)=>new Set(l(Array.from(r),o))),e.constructorHandlers)for(const r of e.constructorHandlers)n.set(r[0],r[1]);let c;return e.proto?i:u;function l(r,o){const f=Object.keys(r),a=Array.from({length:f.length});for(let d=0;d<f.length;d++){const y=f[d],b=r[y];if(typeof b!="object"||b===null)a[y]=b;else if(b.constructor!==Object&&(c=n.get(b.constructor)))a[y]=c(b,o);else if(ArrayBuffer.isView(b))a[y]=T(b);else{const p=t.indexOf(b);p!==-1?a[y]=s[p]:a[y]=o(b)}}return a}function u(r){if(typeof r!="object"||r===null)return r;if(Array.isArray(r))return l(r,u);if(r.constructor!==Object&&(c=n.get(r.constructor)))return c(r,u);const o={};t.push(r),s.push(o);for(const f in r){if(Object.hasOwnProperty.call(r,f)===!1)continue;const a=r[f];if(typeof a!="object"||a===null)o[f]=a;else if(a.constructor!==Object&&(c=n.get(a.constructor)))o[f]=c(a,u);else if(ArrayBuffer.isView(a))o[f]=T(a);else{const d=t.indexOf(a);d!==-1?o[f]=s[d]:o[f]=u(a)}}return t.pop(),s.pop(),o}function i(r){if(typeof r!="object"||r===null)return r;if(Array.isArray(r))return l(r,i);if(r.constructor!==Object&&(c=n.get(r.constructor)))return c(r,i);const o={};t.push(r),s.push(o);for(const f in r){const a=r[f];if(typeof a!="object"||a===null)o[f]=a;else if(a.constructor!==Object&&(c=n.get(a.constructor)))o[f]=c(a,i);else if(ArrayBuffer.isView(a))o[f]=T(a);else{const d=t.indexOf(a);d!==-1?o[f]=s[d]:o[f]=i(a)}}return t.pop(),s.pop(),o}}me();function k(e){return function(s,n){return s.value.map(c=>e(c,n)).join("").trim()}}function z(e){return function(s,n){return s!=null?`${s}`:""}}function I(e){return function(s,n){const l=(n.variables?.name??j)({name:s.name});return ne(l,s.fallback?e(s.fallback,n):void 0)}}function H(e){const t=C(e);return function(n,c){return n.themes.reduce((l,u)=>(l.push(e(u,c)),l),[t(":root",n,c)]).join(`
+
+`)}}function K(e){const t=C(e);return function(n,c){return t(n.query,n,c)}}function Q(e){const t=C(e);return function(n,c){const u=(c.theme?.selector??_)({name:n.name});return t(u,n,c)}}function W(e){const t=C(e);return function(n,c){const l=[],i=(c.utilities?.selector??$)({name:n.name,value:n.value,modifiers:n.modifiers});return l.push(t(i,n,c)),l.join(`
+
+`)}}function h(e,t){const s=H(h),n=K(h),c=W(h),l=P(h),u=Q(h),i=v(h),r=I(h),o=k(h),f=z();switch(!0){case ce(e):return n(e,t);case ie(e):return c(e,t);case se(e):return l(e,t);case fe(e):return s(e,t);case le(e):return u(e,t);case oe(e):return i(e,t);case ue(e):return r(e,t);case ae(e):return o(e,t);default:return f(e,t)}}function O(e,t){switch(!0){case Array.isArray(e):return e.map(s=>O(s)).join(`
+`);default:return""}}function E(e,t=""){return{name:e,content:t}}function be(e,{type:t="all",consumers:s={css:h,ts:O}}={}){const n={files:[]},c=e.options,{recipes:l,...u}=e.root;if(t==="all"||t==="css"){const i=E("index.css",s.css(u,c));n.files.push(i)}if(t==="all"||t==="ts"){const i=E("index.ts",s.ts([],c));n.files.push(i)}return n}m.DEFAULT_INDENT="	",m.STATEMENT_AT_RULES=F,m.STATEMENT_OR_BLOCK_AT_RULES=N,m.addIndentToLine=w,m.consumeCSS=h,m.consumeTS=O,m.createAtRuleConsumer=P,m.createCSSTemplateLiteralConsumer=k,m.createContainerConsumer=C,m.createDeclarationsConsumer=M,m.createFile=E,m.createPrimitiveConsumer=z,m.createRefConsumer=I,m.createRootConsumer=H,m.createSelectorConsumer=K,m.createThemeConsumer=Q,m.createUtilityConsumer=W,m.createVariableConsumer=v,m.defaultThemeSelectorFn=_,m.defaultUtilitySelectorFn=$,m.defaultVariableNameFn=j,m.indentLines=D,m.toKebabCase=L,m.transpile=be,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@styleframe/transpiler",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "type": "module",
   "types": "./dist/transpiler.d.ts",
   "module": "./dist/transpiler.js",
@@ -12,17 +12,24 @@
       "require": "./dist/transpiler.umd.cjs"
     }
   },
+  "files": [
+    "dist",
+    "LICENSE",
+    "CHANGELOG.md",
+    "README.md"
+  ],
   "dependencies": {
     "scule": "^1.3.0",
-    "@styleframe/core": "^1.0.1"
+    "@styleframe/core": "^1.0.2"
   },
   "devDependencies": {
+    "@vitest/coverage-v8": "^3.2.4",
     "typescript": "^5.8.3",
     "vite": "^7.0.6",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^3.2.4",
-    "@styleframe/config-vite": "^1.0.1",
-    "@styleframe/config-typescript": "^1.0.1"
+    "@styleframe/config-typescript": "^1.0.1",
+    "@styleframe/config-vite": "^1.0.1"
   },
   "homepage": "https://github.com/styleframe-dev/styleframe#readme",
   "bugs": {
@@ -33,6 +40,9 @@
     "url": "git+https://github.com/styleframe-dev/styleframe.git"
   },
   "author": "Alex Grozav <alex@styleframe.dev>",
+  "overrides": {
+    "vite": "npm:rolldown-vite@latest"
+  },
   "scripts": {
     "dev": "vite build --watch",
     "build": "pnpm typecheck && vite build",