chaincss 2.0.5 → 2.0.7

package/README.md

@@ -255,12 +255,6 @@ For complete guide, API reference, and examples:
 
 ### [Documentation](https://chaincss.dev/docs)
 
-- [Getting Started](https://chaincss.dev/docs)
-- [Chainable API](https://chaincss.dev/docs/chainable-api)
-- [Responsive Design](https://chaincss.dev/docs/responsive)
-- [Animations](https://chaincss.dev/docs/animations)
-- [Configuration](https://chaincss.dev/docs/configuration)
-
 ## 🤝 Contributing
 
 Contributions are welcome! Please read our [Contributing Guide](CONTRIBUTING.md).

package/dist/cli/index.js

@@ -518,9 +518,75 @@ var init_commonProps = __esm({
 });
 
 // src/compiler/btt.ts
+var btt_exports = {};
+__export(btt_exports, {
+  $: () => $,
+  atomicOptimizer: () => atomicOptimizer,
+  chain: () => chain,
+  chainObject: () => chain,
+  clearTimeline: () => clearTimeline,
+  compile: () => compile,
+  configureAtomic: () => configureAtomic,
+  createTokens: () => createTokens,
+  enableDebug: () => enableDebug,
+  enableTimeline: () => enableTimeline,
+  exportTimeline: () => exportTimeline,
+  generateComponentCode: () => generateComponentCode,
+  getStyleChanges: () => getStyleChanges,
+  getStyleDiff: () => getStyleDiff,
+  getStyleHistory: () => getStyleHistory,
+  helpers: () => helpers,
+  recipe: () => recipe,
+  run: () => run,
+  setAtomicOptimizer: () => setAtomicOptimizer,
+  setBreakpoints: () => setBreakpoints,
+  setSourceComments: () => setSourceComments,
+  tokens: () => tokens2
+});
 import path2 from "path";
 import https from "https";
 import { fileURLToPath } from "url";
+function enableTimeline(enable = true) {
+  timelineEnabled = enable;
+  if (!enable) {
+    styleHistory = [];
+    styleChanges = [];
+  }
+}
+function getStyleHistory() {
+  return styleHistory;
+}
+function getStyleChanges() {
+  return styleChanges;
+}
+function getStyleDiff(snapshotId1, snapshotId2) {
+  const snapshot1 = styleHistory.find((s) => s.id === snapshotId1);
+  const snapshot2 = styleHistory.find((s) => s.id === snapshotId2);
+  if (!snapshot1 || !snapshot2) {
+    return { error: "Snapshot not found" };
+  }
+  const diff = {
+    added: {},
+    removed: {},
+    modified: {}
+  };
+  for (const [key, value] of Object.entries(snapshot2.styles)) {
+    if (!(key in snapshot1.styles)) {
+      diff.added[key] = value;
+    } else if (JSON.stringify(snapshot1.styles[key]) !== JSON.stringify(value)) {
+      diff.modified[key] = {
+        old: snapshot1.styles[key],
+        new: value
+      };
+    }
+  }
+  for (const [key, value] of Object.entries(snapshot1.styles)) {
+    if (!(key in snapshot2.styles)) {
+      diff.removed[key] = value;
+    }
+  }
+  return diff;
+}
 function takeSnapshot(selector, styles, source) {
   if (!timelineEnabled)
     return "";
@@ -580,6 +646,239 @@ function takeSnapshot(selector, styles, source) {
   }
   return id;
 }
+function exportTimeline() {
+  return JSON.stringify({
+    history: styleHistory,
+    changes: styleChanges,
+    exportedAt: Date.now()
+  }, null, 2);
+}
+function clearTimeline() {
+  styleHistory = [];
+  styleChanges = [];
+  currentSnapshotId = 0;
+}
+function levenshteinDistance(a, b) {
+  const matrix = [];
+  for (let i = 0; i <= b.length; i++) {
+    matrix[i] = [i];
+  }
+  for (let j = 0; j <= a.length; j++) {
+    matrix[0][j] = j;
+  }
+  for (let i = 1; i <= b.length; i++) {
+    for (let j = 1; j <= a.length; j++) {
+      const cost = a[j - 1] === b[i - 1] ? 0 : 1;
+      matrix[i][j] = Math.min(
+        matrix[i - 1][j] + 1,
+        matrix[i][j - 1] + 1,
+        matrix[i - 1][j - 1] + cost
+      );
+    }
+  }
+  return matrix[b.length][a.length];
+}
+function getSuggestion(prop, validProperties = []) {
+  const knownShorthands = Object.keys(shorthandMap);
+  const commonCSS = [
+    "display",
+    "position",
+    "margin",
+    "padding",
+    "color",
+    "background",
+    "background-color",
+    "border",
+    "border-radius",
+    "width",
+    "height",
+    "font-size",
+    "font-weight",
+    "text-align",
+    "cursor",
+    "opacity",
+    "z-index",
+    "overflow",
+    "flex",
+    "grid",
+    "gap",
+    "justify-content",
+    "align-items",
+    "transition",
+    "transform",
+    "animation"
+  ];
+  const allKnown = [...knownShorthands, ...commonCSS, ...validProperties];
+  const uniqueKnown = [...new Set(allKnown)];
+  let bestMatch = "";
+  let bestDistance = 4;
+  for (const known of uniqueKnown) {
+    const distance = levenshteinDistance(prop.toLowerCase(), known.toLowerCase());
+    if (distance < bestDistance) {
+      bestDistance = distance;
+      bestMatch = known;
+    }
+  }
+  if (bestMatch && bestDistance <= 3) {
+    return bestMatch;
+  }
+  return "";
+}
+function detectFrameworkFromProject() {
+  try {
+    __require.resolve("react/package.json");
+    return "react";
+  } catch (e) {
+  }
+  try {
+    __require.resolve("vue/package.json");
+    return "vue";
+  } catch (e) {
+  }
+  try {
+    __require.resolve("svelte/package.json");
+    return "svelte";
+  } catch (e) {
+  }
+  try {
+    __require.resolve("solid-js/package.json");
+    return "solid";
+  } catch (e) {
+  }
+  return "react";
+}
+function generateReactComponent(info) {
+  const propsInterface = info.propsDefinition ? Object.entries(info.propsDefinition).map(([key, type]) => `  ${key}?: ${type};`).join("\n") : "  [key: string]: any;";
+  return `// Auto-generated by ChainCSS
+import React from 'react';
+import styles from './${info.name}.class.js';
+import './${info.name}.css';
+
+export interface ${info.name}Props {
+  className?: string;
+  children?: React.ReactNode;
+${propsInterface}
+}
+
+export const ${info.name}: React.FC<${info.name}Props> = ({ 
+  className, 
+  children, 
+  ...props 
+}) => {
+  const combinedClassName = [styles.${info.selector.replace(/^\./, "")}, className]
+    .filter(Boolean)
+    .join(' ');
+    
+  return (
+    <div className={combinedClassName} {...props}>
+      {children}
+    </div>
+  );
+};
+
+${info.name}.displayName = 'ChainCSS${info.name}';
+
+export default ${info.name};
+`;
+}
+function generateVueComponent(info) {
+  const propsDefinition = info.propsDefinition ? Object.entries(info.propsDefinition).map(([key, type]) => `    ${key}: { type: ${type}, default: null },`).join("\n") : "";
+  return `<!-- Auto-generated by ChainCSS -->
+<template>
+  <component 
+    :is="tag" 
+    :class="combinedClass"
+    v-bind="$attrs"
+  >
+    <slot />
+  </component>
+</template>
+
+<script>
+import styles from './${info.name}.class.js';
+import './${info.name}.css';
+
+export default {
+  name: 'ChainCSS${info.name}',
+  props: {
+    tag: {
+      type: String,
+      default: 'div'
+    },
+    className: {
+      type: String,
+      default: ''
+    },
+${propsDefinition}
+  },
+  computed: {
+    combinedClass() {
+      return [styles.${info.selector.replace(/^\./, "")}, this.className]
+        .filter(Boolean)
+        .join(' ');
+    }
+  }
+};
+</script>
+`;
+}
+function generateSvelteComponent(info) {
+  return `<!-- Auto-generated by ChainCSS -->
+<script>
+  import styles from './${info.name}.class.js';
+  import './${info.name}.css';
+  
+  export let className = '';
+  export let tag = 'div';
+  
+  $: combinedClass = [styles.${info.selector.replace(/^\./, "")}, className]
+    .filter(Boolean)
+    .join(' ');
+</script>
+
+<svelte:element this={tag} class={combinedClass}>
+  <slot />
+</svelte:element>
+`;
+}
+function generateSolidComponent(info) {
+  return `// Auto-generated by ChainCSS
+import { splitProps } from 'solid-js';
+import styles from './${info.name}.class.js';
+import './${info.name}.css';
+
+export function ${info.name}(props) {
+  const [local, others] = splitProps(props, ['class', 'children']);
+  const combinedClass = () => [styles.${info.selector.replace(/^\./, "")}, local.class]
+    .filter(Boolean)
+    .join(' ');
+    
+  return (
+    <div class={combinedClass()} {...others}>
+      {local.children}
+    </div>
+  );
+}
+`;
+}
+function generateComponentCode(info) {
+  let framework = info.framework;
+  if (framework === "auto") {
+    framework = detectFrameworkFromProject();
+  }
+  switch (framework) {
+    case "react":
+      return generateReactComponent(info);
+    case "vue":
+      return generateVueComponent(info);
+    case "svelte":
+      return generateSvelteComponent(info);
+    case "solid":
+      return generateSolidComponent(info);
+    default:
+      return generateReactComponent(info);
+  }
+}
 function getSourceLocation() {
   if (!enableSourceComments)
     return null;
@@ -661,12 +960,23 @@ function max(...values) {
 function clamp(min2, preferred, max2) {
   return `clamp(${min2}, ${preferred}, ${max2})`;
 }
+function enableDebug(enable = true) {
+  debugMode = enable;
+  if (debugMode) {
+    console.log("\u{1F50D} ChainCSS Debug Mode Enabled");
+  }
+}
 function setBreakpoints(breakpoints) {
   currentBreakpoints = { ...DEFAULT_BREAKPOINTS, ...breakpoints };
 }
 function setAtomicOptimizer(optimizer) {
   atomicOptimizer = optimizer;
 }
+function configureAtomic(opts) {
+  if (atomicOptimizer) {
+    Object.assign(atomicOptimizer.options, opts);
+  }
+}
 function createTokens(tokenValues) {
   const tokenObj = new DesignTokens(tokenValues);
   currentTokenContext = tokenObj;
@@ -716,6 +1026,25 @@ function chaincssv2(useTokens = true) {
   };
   const handler = {
     get: (target, prop) => {
+      if (prop === "componentName") {
+        return (name) => {
+          catcher._componentName = name;
+          return proxy;
+        };
+      }
+      if (prop === "component") {
+        return (framework) => {
+          catcher._generateComponent = true;
+          catcher._framework = framework || "auto";
+          return proxy;
+        };
+      }
+      if (prop === "props") {
+        return (propsDefinition) => {
+          catcher._propsDefinition = propsDefinition;
+          return proxy;
+        };
+      }
       if (prop === "debug") {
         return () => {
           debugMode = true;
@@ -919,6 +1248,17 @@ function chaincssv2(useTokens = true) {
       }
       const mappedProp = shorthandMap[prop] || prop;
       const cssProperty = mappedProp.replace(/([A-Z])/g, "-$1").toLowerCase();
+      if (!shorthandMap[prop] && prop !== mappedProp) {
+        const suggestion = getSuggestion(prop, validProperties);
+        if (suggestion) {
+          console.warn(`\u26A0\uFE0F ChainCSS: '${prop}' is not a recognized shorthand or CSS property. Did you mean '${suggestion}'?`);
+        } else {
+          console.warn(`\u26A0\uFE0F ChainCSS: '${prop}' is not a recognized shorthand or CSS property. It will be used as-is.`);
+        }
+      }
+      if (debugMode && mappedProp !== prop) {
+        console.log(`  \u{1F504} Shortcut: .${prop}() \u2192 ${mappedProp}`);
+      }
       if (prop === "select") {
         return function(selector) {
           const nestedStyles = {};
@@ -1149,7 +1489,7 @@ function chaincssv2(useTokens = true) {
           const cssProp = prop.replace(/([A-Z])/g, "-$1").toLowerCase();
           console.log(`  \u{1F3A8} ${cssProp}: ${value}`);
         }
-        catcher[prop] = resolveToken(value, useTokens, tokenContext);
+        catcher[mappedProp] = resolveToken(value, useTokens, tokenContext);
         return proxy;
       };
     }
@@ -5430,6 +5770,7 @@ export const classMap = {
         const componentExports = /* @__PURE__ */ new Map();
         const componentCSS = /* @__PURE__ */ new Map();
         let allCSS = "";
+        const allComponentInfo = [];
         for (const file of components) {
           const sourceDir = path4.dirname(file);
           const baseName = path4.basename(file, ".chain.js");
@@ -5459,6 +5800,18 @@ export const classMap = {
               compiledObj[`${baseName}_${name}`] = processedStyle;
               compile(compiledObj);
               componentCSSContent += chain.cssOutput + "\n";
+              if (styleDef._generateComponent) {
+                const componentName = styleDef._componentName || name;
+                const selector = styleDef.selectors?.[0] || `.${componentName.toLowerCase()}`;
+                allComponentInfo.push({
+                  name: componentName,
+                  selector,
+                  styles: styleDef,
+                  propsDefinition: styleDef._propsDefinition,
+                  framework: styleDef._framework || "auto",
+                  outputDir: stylesDir
+                });
+              }
             }
           }
           if (code && componentCSSContent) {
@@ -5477,6 +5830,33 @@ export const classMap = {
             }
           }
         }
+        if (allComponentInfo.length > 0) {
+          const { generateComponentCode: generateComponentCode2 } = await Promise.resolve().then(() => (init_btt(), btt_exports));
+          for (const componentInfo of allComponentInfo) {
+            try {
+              const componentCode = generateComponentCode2({
+                name: componentInfo.name,
+                selector: componentInfo.selector,
+                styles: componentInfo.styles,
+                propsDefinition: componentInfo.propsDefinition,
+                framework: componentInfo.framework
+              });
+              let ext = ".tsx";
+              if (componentInfo.framework === "vue")
+                ext = ".vue";
+              if (componentInfo.framework === "svelte")
+                ext = ".svelte";
+              const componentPath = path4.join(componentInfo.outputDir, `${componentInfo.name}${ext}`);
+              fs3.writeFileSync(componentPath, componentCode);
+              if (this.config.verbose) {
+                console.log(`  \u2713 Generated component: ${componentPath}`);
+              }
+            } catch (error) {
+              console.warn(`  \u26A0 Failed to generate component for ${componentInfo.name}:`, error);
+            }
+          }
+          console.log(`\u2713 Generated ${allComponentInfo.length} framework component(s)`);
+        }
         const globalStylesDir = path4.join(process.cwd(), "src/global-style");
         if (!fs3.existsSync(globalStylesDir)) {
           fs3.mkdirSync(globalStylesDir, { recursive: true });
@@ -5822,23 +6202,20 @@ program.command("init").description("Initialize ChainCSS configuration file").op
       return;
     }
     const config = `export default {
+  // Look for .chain.js files in src/styles folders
+  inputs: ['src/**/*.chain.js', 'src/**/styles/*.chain.js'],
+  
+  // Output class files next to source files (in the same folder)
+  output: 'src',
+  
+  // Where to put the combined global.css
+  globalOutput: 'src/global.css',
+  
+  verbose: true
   components: 'src/**/*.chain.js'
 };`;
     writeFileSync(configPath, config);
-    const exampleStyle = `import { $ } from 'chaincssv2';
-
-export const button = $
-  .display('inline-block')
-  .padding('8px 16px')
-  .backgroundColor('#667eea')
-  .color('white')
-  .borderRadius('8px')
-  .cursor('pointer')
-  .$el('.btn');
-`;
-    writeFileSync("src/styles/example.chain.js", exampleStyle);
     console.log(chalk3.green("\u2713 Created chaincss.config.js"));
-    console.log(chalk3.green("\u2713 Created src/styles/example.chain.js"));
   } catch (error) {
     handleError(error, "init");
   }

package/dist/compiler/btt.d.ts

@@ -23,6 +23,14 @@ export declare function getStyleChanges(): StyleChange[];
 export declare function getStyleDiff(snapshotId1: string, snapshotId2: string): Record<string, any>;
 export declare function exportTimeline(): string;
 export declare function clearTimeline(): void;
+interface ComponentInfo {
+    name: string;
+    selector: string;
+    styles: Record<string, any>;
+    propsDefinition?: Record<string, any>;
+    framework: 'react' | 'vue' | 'svelte' | 'solid' | 'auto';
+}
+export declare function generateComponentCode(info: ComponentInfo): string;
 export declare function setSourceComments(enabled: boolean): void;
 declare function calc(expression: string): string;
 declare function add(a: string | number, b: string | number): string;

package/dist/compiler/btt.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"btt.d.ts","sourceRoot":"","sources":["../../src/compiler/btt.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"btt.d.ts","sourceRoot":"","sources":["../../src/compiler/btt.ts"],"names":[],"mappings":"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"}

package/dist/compiler/index.js

@@ -2838,6 +2838,72 @@ function takeSnapshot(selector, styles, source) {
   }
   return id;
 }
+function levenshteinDistance(a, b) {
+  const matrix = [];
+  for (let i = 0; i <= b.length; i++) {
+    matrix[i] = [i];
+  }
+  for (let j = 0; j <= a.length; j++) {
+    matrix[0][j] = j;
+  }
+  for (let i = 1; i <= b.length; i++) {
+    for (let j = 1; j <= a.length; j++) {
+      const cost = a[j - 1] === b[i - 1] ? 0 : 1;
+      matrix[i][j] = Math.min(
+        matrix[i - 1][j] + 1,
+        matrix[i][j - 1] + 1,
+        matrix[i - 1][j - 1] + cost
+      );
+    }
+  }
+  return matrix[b.length][a.length];
+}
+function getSuggestion(prop, validProperties = []) {
+  const knownShorthands = Object.keys(shorthandMap);
+  const commonCSS = [
+    "display",
+    "position",
+    "margin",
+    "padding",
+    "color",
+    "background",
+    "background-color",
+    "border",
+    "border-radius",
+    "width",
+    "height",
+    "font-size",
+    "font-weight",
+    "text-align",
+    "cursor",
+    "opacity",
+    "z-index",
+    "overflow",
+    "flex",
+    "grid",
+    "gap",
+    "justify-content",
+    "align-items",
+    "transition",
+    "transform",
+    "animation"
+  ];
+  const allKnown = [...knownShorthands, ...commonCSS, ...validProperties];
+  const uniqueKnown = [...new Set(allKnown)];
+  let bestMatch = "";
+  let bestDistance = 4;
+  for (const known of uniqueKnown) {
+    const distance = levenshteinDistance(prop.toLowerCase(), known.toLowerCase());
+    if (distance < bestDistance) {
+      bestDistance = distance;
+      bestMatch = known;
+    }
+  }
+  if (bestMatch && bestDistance <= 3) {
+    return bestMatch;
+  }
+  return "";
+}
 var enableSourceComments = true;
 function getSourceLocation() {
   if (!enableSourceComments)
@@ -3251,6 +3317,25 @@ function chaincssv2(useTokens = true) {
   };
   const handler = {
     get: (target, prop) => {
+      if (prop === "componentName") {
+        return (name) => {
+          catcher._componentName = name;
+          return proxy;
+        };
+      }
+      if (prop === "component") {
+        return (framework) => {
+          catcher._generateComponent = true;
+          catcher._framework = framework || "auto";
+          return proxy;
+        };
+      }
+      if (prop === "props") {
+        return (propsDefinition) => {
+          catcher._propsDefinition = propsDefinition;
+          return proxy;
+        };
+      }
       if (prop === "debug") {
         return () => {
           debugMode = true;
@@ -3454,6 +3539,17 @@ function chaincssv2(useTokens = true) {
       }
       const mappedProp = shorthandMap[prop] || prop;
       const cssProperty = mappedProp.replace(/([A-Z])/g, "-$1").toLowerCase();
+      if (!shorthandMap[prop] && prop !== mappedProp) {
+        const suggestion = getSuggestion(prop, validProperties);
+        if (suggestion) {
+          console.warn(`\u26A0\uFE0F ChainCSS: '${prop}' is not a recognized shorthand or CSS property. Did you mean '${suggestion}'?`);
+        } else {
+          console.warn(`\u26A0\uFE0F ChainCSS: '${prop}' is not a recognized shorthand or CSS property. It will be used as-is.`);
+        }
+      }
+      if (debugMode && mappedProp !== prop) {
+        console.log(`  \u{1F504} Shortcut: .${prop}() \u2192 ${mappedProp}`);
+      }
       if (prop === "select") {
         return function(selector) {
           const nestedStyles = {};
@@ -3684,7 +3780,7 @@ function chaincssv2(useTokens = true) {
           const cssProp = prop.replace(/([A-Z])/g, "-$1").toLowerCase();
           console.log(`  \u{1F3A8} ${cssProp}: ${value}`);
         }
-        catcher[prop] = resolveToken(value, useTokens, tokenContext);
+        catcher[mappedProp] = resolveToken(value, useTokens, tokenContext);
         return proxy;
       };
     }

package/dist/core/compiler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compiler.d.ts","sourceRoot":"","sources":["../../src/core/compiler.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,eAAe,EAAe,MAAM,YAAY,CAAC;AAgB9F,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,MAAM,CAA2B;IACzC,OAAO,CAAC,eAAe,CAAgC;IACvD,OAAO,CAAC,QAAQ,CAAiC;IACjD,OAAO,CAAC,UAAU,CAAoC;IACtD,OAAO,CAAC,QAAQ,CAA6B;gBAEjC,MAAM,GAAE,cAAmB;IAwBvC,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,WAAW;IAcnB,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,GAAG,aAAa;IAgCvE,aAAa,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,GAAG,aAAa;IAmC7D,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC;IAuC5D,uBAAuB,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI;IAgBzF,wBAAwB,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI;IAuB1F,eAAe,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI;IAQ3E,OAAO,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;QAC3D,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;KACxC,CAAC;IAqBI,iBAAiB,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;YA0F9C,YAAY;IAiB1B,OAAO,CAAC,IAAI;IASN,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAgBhE,QAAQ,IAAI,GAAG;IAKf,UAAU,IAAI,IAAI;CAKnB;AAED,wBAAsB,eAAe,CACnC,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,MAAM,CAAC,EAAE,cAAc,GACtB,OAAO,CAAC,UAAU,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,CAGlD"}
+{"version":3,"file":"compiler.d.ts","sourceRoot":"","sources":["../../src/core/compiler.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,eAAe,EAAe,MAAM,YAAY,CAAC;AAgB9F,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,MAAM,CAA2B;IACzC,OAAO,CAAC,eAAe,CAAgC;IACvD,OAAO,CAAC,QAAQ,CAAiC;IACjD,OAAO,CAAC,UAAU,CAAoC;IACtD,OAAO,CAAC,QAAQ,CAA6B;gBAEjC,MAAM,GAAE,cAAmB;IAwBvC,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,WAAW;IAcnB,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,GAAG,aAAa;IAgCvE,aAAa,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,GAAG,aAAa;IAmC7D,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC;IAuC5D,uBAAuB,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI;IAgBzF,wBAAwB,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI;IAuB1F,eAAe,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI;IAQ3E,OAAO,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;QAC3D,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;KACxC,CAAC;IAqBI,iBAAiB,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;YA8J9C,YAAY;IAiB1B,OAAO,CAAC,IAAI;IASN,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAgBhE,QAAQ,IAAI,GAAG;IAKf,UAAU,IAAI,IAAI;CAKnB;AAED,wBAAsB,eAAe,CACnC,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,MAAM,CAAC,EAAE,cAAc,GACtB,OAAO,CAAC,UAAU,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,CAGlD"}

package/dist/core/types.d.ts

@@ -8,6 +8,10 @@ export interface StyleDefinition {
     atRules?: AtRule[];
     nestedRules?: NestedRule[];
     themes?: ThemeBlock[];
+    _componentName?: string;
+    _generateComponent?: boolean;
+    _framework?: 'react' | 'vue' | 'svelte' | 'solid' | 'auto';
+    _propsDefinition?: Record<string, any>;
     [cssProperty: string]: any;
 }
 export interface AtRule {