@cube-dev/ui-kit 0.0.0-canary-9e3bcfc → 0.0.0-canary-eaff7d7

package/es/tasty/injector/sheet-manager.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 
@@ -9,6 +9,12 @@ import { createStyle, STYLE_HANDLER_MAP } from '../styles';
 export class SheetManager {
     rootRegistries = new WeakMap();
     config;
+    /** Dedicated style elements for raw CSS per root */
+    rawStyleElements = new WeakMap();
+    /** Tracking for raw CSS blocks per root */
+    rawCSSBlocks = new WeakMap();
+    /** Counter for generating unique raw CSS IDs */
+    rawCSSCounter = 0;
     constructor(config) {
         this.config = config;
     }
@@ -912,6 +918,118 @@ export class SheetManager {
         }
         // Clear registry
         this.rootRegistries.delete(root);
+        // Clean up raw CSS style element
+        const rawStyleElement = this.rawStyleElements.get(root);
+        if (rawStyleElement?.parentNode) {
+            rawStyleElement.parentNode.removeChild(rawStyleElement);
+        }
+        this.rawStyleElements.delete(root);
+        this.rawCSSBlocks.delete(root);
+    }
+    /**
+     * Get or create a dedicated style element for raw CSS
+     * Raw CSS is kept separate from tasty-managed sheets to avoid index conflicts
+     */
+    getOrCreateRawStyleElement(root) {
+        let styleElement = this.rawStyleElements.get(root);
+        if (!styleElement) {
+            styleElement =
+                root.createElement?.('style') ||
+                    document.createElement('style');
+            if (this.config.nonce) {
+                styleElement.nonce = this.config.nonce;
+            }
+            styleElement.setAttribute('data-tasty-raw', '');
+            // Append to head or shadow root
+            if ('head' in root && root.head) {
+                root.head.appendChild(styleElement);
+            }
+            else if ('appendChild' in root) {
+                root.appendChild(styleElement);
+            }
+            else {
+                document.head.appendChild(styleElement);
+            }
+            this.rawStyleElements.set(root, styleElement);
+            this.rawCSSBlocks.set(root, new Map());
+        }
+        return styleElement;
+    }
+    /**
+     * Inject raw CSS text directly without parsing
+     * Returns a dispose function to remove the injected CSS
+     */
+    injectRawCSS(css, root) {
+        if (!css.trim()) {
+            return { dispose: () => { } };
+        }
+        const styleElement = this.getOrCreateRawStyleElement(root);
+        const blocksMap = this.rawCSSBlocks.get(root);
+        // Generate unique ID for this block
+        const id = `raw_${this.rawCSSCounter++}`;
+        // Calculate offsets
+        const currentContent = styleElement.textContent || '';
+        const startOffset = currentContent.length;
+        const cssWithNewline = (currentContent ? '\n' : '') + css;
+        const endOffset = startOffset + cssWithNewline.length;
+        // Append CSS
+        styleElement.textContent = currentContent + cssWithNewline;
+        // Track the block
+        const info = {
+            id,
+            css,
+            startOffset,
+            endOffset,
+        };
+        blocksMap.set(id, info);
+        return {
+            dispose: () => {
+                this.disposeRawCSS(id, root);
+            },
+        };
+    }
+    /**
+     * Remove a raw CSS block by ID
+     */
+    disposeRawCSS(id, root) {
+        const styleElement = this.rawStyleElements.get(root);
+        const blocksMap = this.rawCSSBlocks.get(root);
+        if (!styleElement || !blocksMap) {
+            return;
+        }
+        const info = blocksMap.get(id);
+        if (!info) {
+            return;
+        }
+        // Remove from tracking
+        blocksMap.delete(id);
+        // Rebuild the CSS content from remaining blocks
+        // This is simpler and more reliable than trying to splice strings
+        const remainingBlocks = Array.from(blocksMap.values());
+        if (remainingBlocks.length === 0) {
+            styleElement.textContent = '';
+        }
+        else {
+            // Rebuild with remaining CSS blocks in order of their original insertion
+            // Sort by original startOffset to maintain order
+            remainingBlocks.sort((a, b) => a.startOffset - b.startOffset);
+            const newContent = remainingBlocks.map((block) => block.css).join('\n');
+            styleElement.textContent = newContent;
+            // Update offsets for remaining blocks
+            let offset = 0;
+            for (const block of remainingBlocks) {
+                block.startOffset = offset;
+                block.endOffset = offset + block.css.length;
+                offset = block.endOffset + 1; // +1 for newline
+            }
+        }
+    }
+    /**
+     * Get the raw CSS content for SSR
+     */
+    getRawCSSText(root) {
+        const styleElement = this.rawStyleElements.get(root);
+        return styleElement?.textContent || '';
     }
 }
 

package/es/tasty/injector/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/parser/classify.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/parser/const.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/parser/lru.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/parser/parser.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/parser/tokenizer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/parser/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/pipeline/conditions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/pipeline/exclusive.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/pipeline/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/pipeline/materialize.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/pipeline/parseStateKey.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/pipeline/simplify.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/states/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 
@@ -11,13 +11,12 @@
  * This module handles global and local predefined states for the Tasty styling system.
  * See ADVANCED_STATE_MAPPING.md for full specification.
  */
+import { hasStylesGenerated } from '../config';
 import { isDevEnv } from '../utils/isDevEnv';
 // Built-in state names that cannot be overridden
 const BUILTIN_STATES = new Set(['@starting']);
 // Reserved prefixes that are built-in
 const RESERVED_PREFIXES = ['@media', '@root', '@own', '@(', '@starting'];
-// Track whether styles have been generated (for dynamic predefined states prevention)
-let stylesGenerated = false;
 // Global predefined states storage
 let globalPredefinedStates = {};
 // Warnings tracking to avoid duplicates
@@ -32,30 +31,11 @@ function warnOnce(key, message) {
         console.warn(message);
     }
 }
-/**
- * Mark that styles have been generated (called by injector on first inject)
- */
-export function markStylesGenerated() {
-    stylesGenerated = true;
-}
-/**
- * Check if styles have been generated
- */
-export function hasStylesGenerated() {
-    return stylesGenerated;
-}
-/**
- * Reset styles generated flag (for testing only)
- */
-export function resetStylesGenerated() {
-    stylesGenerated = false;
-    emittedWarnings.clear();
-}
 /**
  * Configure global predefined states
  */
 export function setGlobalPredefinedStates(states) {
-    if (stylesGenerated) {
+    if (hasStylesGenerated()) {
         const newStateNames = Object.keys(states).join(', ');
         warnOnce(`dynamic-states:${newStateNames}`, `[Tasty] Cannot update predefined states after styles have been generated.\n` +
             `The new definition(s) for ${newStateNames} will be ignored.`);
@@ -110,6 +90,7 @@ export function getGlobalPredefinedStates() {
  */
 export function clearGlobalPredefinedStates() {
     globalPredefinedStates = {};
+    emittedWarnings.clear();
 }
 /**
  * Regex to match predefined state references in a string

package/es/tasty/static/index.js

@@ -0,0 +1,47 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
+ * Released under the MIT license.
+ */
+
+/**
+ * Build-time only module for zero-runtime static site generation.
+ *
+ * Usage:
+ * ```typescript
+ * import { tastyStatic } from '@cube-dev/ui-kit/tasty/static';
+ *
+ * // Returns StaticStyle object (className + styles + toString)
+ * const button = tastyStatic({
+ *   fill: '#blue',
+ *   padding: '2x',
+ * });
+ *
+ * // Extend existing styles
+ * const primaryButton = tastyStatic(button, {
+ *   fill: '#purple',
+ * });
+ *
+ * // Global styles (removed at build time)
+ * tastyStatic('.heading', { preset: 'h1' });
+ *
+ * // Usage in JSX
+ * <div className={button} />           // toString() coercion
+ * <div className={button.className} /> // Explicit
+ * ```
+ *
+ * Requires the Babel plugin to be configured:
+ * ```javascript
+ * // babel.config.js
+ * plugins: [
+ *   ['@cube-dev/ui-kit/tasty/zero/babel', { output: 'public/tasty.css' }]
+ * ]
+ * ```
+ */
+export { tastyStatic } from './tastyStatic';
+export { createStaticStyle, isStaticStyle } from './types';
+// Re-export mergeStyles for advanced use cases
+export { mergeStyles } from '../utils/mergeStyles';
+
+        

package/es/tasty/static/tastyStatic.js

@@ -0,0 +1,55 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
+ * Released under the MIT license.
+ */
+
+import { mergeStyles } from '../utils/mergeStyles';
+import { createStaticStyle, isStaticStyle } from './types';
+/**
+ * Build-time only function for zero-runtime static site generation.
+ *
+ * This function is transformed by the Babel plugin:
+ * - `tastyStatic(styles)` → StaticStyle object with className
+ * - `tastyStatic(base, styles)` → StaticStyle object with merged styles
+ * - `tastyStatic(selector, styles)` → removed entirely
+ *
+ * At runtime (during development/build), this function returns a placeholder.
+ * In production, all calls are replaced/removed by the build plugin.
+ */
+export function tastyStatic(stylesOrBaseOrSelector, styles) {
+    // This code only executes if the Babel plugin hasn't processed the file yet.
+    // In a properly configured build, this function is never called at runtime.
+    if (typeof stylesOrBaseOrSelector === 'string') {
+        // Selector mode: tastyStatic(selector, styles)
+        // The plugin will remove this call entirely
+        if (process.env.NODE_ENV !== 'production') {
+            console.warn(`[tasty] tastyStatic('${stylesOrBaseOrSelector}', styles) was called at runtime. ` +
+                'This indicates the Babel plugin is not configured. ' +
+                'Add @cube-dev/ui-kit/tasty/zero/babel to your Babel config.');
+        }
+        return; // void
+    }
+    if (isStaticStyle(stylesOrBaseOrSelector)) {
+        // Extension mode: tastyStatic(base, styles)
+        if (process.env.NODE_ENV !== 'production') {
+            console.warn('[tasty] tastyStatic(base, styles) was called at runtime. ' +
+                'This indicates the Babel plugin is not configured. ' +
+                'Add @cube-dev/ui-kit/tasty/zero/babel to your Babel config.');
+        }
+        // Merge styles for dev mode preview (won't have real classNames)
+        const mergedStyles = mergeStyles(stylesOrBaseOrSelector.styles, styles || {});
+        return createStaticStyle('__TASTY_STATIC_NOT_TRANSFORMED__', mergedStyles);
+    }
+    // Styles mode: tastyStatic(styles)
+    if (process.env.NODE_ENV !== 'production') {
+        console.warn('[tasty] tastyStatic(styles) was called at runtime. ' +
+            'This indicates the Babel plugin is not configured. ' +
+            'Add @cube-dev/ui-kit/tasty/zero/babel to your Babel config.');
+    }
+    // Return placeholder - styles won't be applied without the plugin
+    return createStaticStyle('__TASTY_STATIC_NOT_TRANSFORMED__', stylesOrBaseOrSelector);
+}
+
+        

package/es/tasty/static/types.js

@@ -0,0 +1,34 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
+ * Released under the MIT license.
+ */
+
+/**
+ * Create a StaticStyle object.
+ * Used internally by the Babel plugin to generate output.
+ */
+export function createStaticStyle(className, styles) {
+    return {
+        className,
+        styles,
+        toString() {
+            return this.className;
+        },
+    };
+}
+/**
+ * Type guard to check if a value is a StaticStyle object.
+ */
+export function isStaticStyle(value) {
+    return (typeof value === 'object' &&
+        value !== null &&
+        'className' in value &&
+        'styles' in value &&
+        'toString' in value &&
+        typeof value.className === 'string' &&
+        typeof value.styles === 'object');
+}
+
+        

package/es/tasty/styles/align.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/styles/border.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/styles/boxShadow.combinator.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/styles/color.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/styles/createStyle.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/styles/dimension.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/styles/display.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/styles/fade.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/styles/fill.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/styles/flow.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/styles/font.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/styles/fontStyle.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/styles/gap.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/styles/groupRadius.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/styles/height.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/styles/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/styles/inset.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/styles/justify.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */
 

package/es/tasty/styles/list.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9e3bcfc
+ * @cube-dev/ui-kit v0.0.0-canary-eaff7d7
  * Released under the MIT license.
  */