@cube-dev/ui-kit 0.0.0-canary-0bf2434 → 0.0.0-canary-bbe2aaf

package/es/stories/Layout.stories.js

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

package/es/stories/Tasty.stories.js

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

package/es/stories/components/ConfirmDeletionDialogForm.js

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

package/es/stories/components/DialogFormApp.js

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

package/es/stories/components/StyledButton.js

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

package/es/stories/lists/baseProps.js

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

package/es/tasty/debug.js

@@ -0,0 +1,259 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
+ * Released under the MIT license.
+ */
+
+/**
+ * Debug utilities for inspecting tasty-generated CSS at runtime
+ */
+import { getCssText, getCssTextForNode, injector } from './injector';
+/**
+ * Pretty-print CSS with proper indentation and formatting
+ */
+function prettifyCSS(css) {
+    if (!css || css.trim() === '') {
+        return '';
+    }
+    let formatted = css
+        // Normalize whitespace first
+        .replace(/\s+/g, ' ')
+        .trim()
+        // Add newlines after opening braces
+        .replace(/\s*\{\s*/g, ' {\n')
+        // Add newlines after semicolons
+        .replace(/;\s*/g, ';\n')
+        // Add newlines before closing braces
+        .replace(/\s*\}\s*/g, '\n}\n')
+        // Handle comma-separated selectors (but not inside strings)
+        .replace(/,(?![^"]*"[^"]*$)/g, ',\n')
+        // Clean up media queries
+        .replace(/@media\s+([^{]+?)\s*\{/g, '@media $1 {');
+    // Process line by line for proper indentation
+    const lines = formatted.split('\n');
+    let indentLevel = 0;
+    const indentSize = 2;
+    const formattedLines = lines.map((line) => {
+        const trimmed = line.trim();
+        if (!trimmed)
+            return '';
+        // Handle closing braces - decrease indent first
+        if (trimmed === '}') {
+            indentLevel = Math.max(0, indentLevel - 1);
+            return ' '.repeat(indentLevel * indentSize) + trimmed;
+        }
+        // Current line with proper indentation
+        const indent = ' '.repeat(indentLevel * indentSize);
+        let result = indent + trimmed;
+        // Handle opening braces - increase indent for next line
+        if (trimmed.endsWith('{')) {
+            indentLevel++;
+        }
+        return result;
+    });
+    // Clean up the result
+    return formattedLines
+        .filter((line) => line.trim()) // Remove empty lines
+        .join('\n')
+        .replace(/\n{3,}/g, '\n\n') // Max 2 consecutive newlines
+        .trim();
+}
+/**
+ * Debug utilities for inspecting tasty styles in runtime applications
+ */
+export const tastyDebug = {
+    /**
+     * Get CSS for a specific tasty class (e.g., 't24')
+     */
+    getCSSForClass(className) {
+        if (!className.match(/^t\d+$/)) {
+            console.warn(`"${className}" doesn't look like a tasty class. Expected format: t{number}`);
+        }
+        const css = injector.instance.getCssTextForClasses([className]);
+        return prettifyCSS(css);
+    },
+    /**
+     * Get CSS for multiple tasty classes
+     */
+    getCSSForClasses(classNames) {
+        const css = injector.instance.getCssTextForClasses(classNames);
+        return prettifyCSS(css);
+    },
+    /**
+     * Inspect an element by CSS selector and get its tasty CSS
+     */
+    inspectElement(selector) {
+        const element = document.querySelector(selector);
+        if (!element) {
+            return `Element not found: ${selector}`;
+        }
+        console.group(`🎨 Tasty CSS for "${selector}"`);
+        console.log('Element:', element);
+        const css = getCssTextForNode(element);
+        if (css) {
+            const prettified = prettifyCSS(css);
+            console.log('Generated CSS:\n' + prettified);
+            console.groupEnd();
+            return prettified;
+        }
+        else {
+            console.log('No tasty CSS found for this element');
+            console.groupEnd();
+            return 'No tasty CSS found';
+        }
+    },
+    /**
+     * Inspect a DOM element directly and get its tasty CSS
+     */
+    inspectDOMElement(element) {
+        if (!element) {
+            return 'Element is null or undefined';
+        }
+        console.group('🎨 Tasty CSS for element');
+        console.log('Element:', element);
+        const css = getCssTextForNode(element);
+        if (css) {
+            const prettified = prettifyCSS(css);
+            console.log('Generated CSS:\n' + prettified);
+            console.groupEnd();
+            return prettified;
+        }
+        else {
+            console.log('No tasty CSS found for this element');
+            console.groupEnd();
+            return 'No tasty CSS found';
+        }
+    },
+    /**
+     * Get all tasty CSS currently injected into the page
+     */
+    getAllCSS() {
+        return getCssText();
+    },
+    /**
+     * Find all tasty classes used in the page
+     */
+    findAllTastyClasses() {
+        const classes = new Set();
+        // Find all elements with class attributes
+        const elements = document.querySelectorAll('[class]');
+        elements.forEach((element) => {
+            const classList = element.getAttribute('class');
+            if (classList) {
+                // Extract tasty classes (t + digits)
+                const tastyClasses = classList
+                    .split(/\s+/)
+                    .filter((cls) => /^t\d+$/.test(cls));
+                tastyClasses.forEach((cls) => classes.add(cls));
+            }
+        });
+        return Array.from(classes).sort((a, b) => {
+            // Sort numerically by the number part
+            const aNum = parseInt(a.slice(1));
+            const bNum = parseInt(b.slice(1));
+            return aNum - bNum;
+        });
+    },
+    /**
+     * Get a summary of all tasty styles in use
+     */
+    getSummary() {
+        const classes = this.findAllTastyClasses();
+        const allCSS = this.getAllCSS();
+        const summary = {
+            totalClasses: classes.length,
+            classes,
+            totalCSSSize: allCSS.length,
+            allCSS,
+        };
+        console.group('🎨 Tasty Debug Summary');
+        console.log(`Total tasty classes found: ${summary.totalClasses}`);
+        console.log(`Total CSS size: ${summary.totalCSSSize} characters`);
+        console.log('Classes in use:', summary.classes);
+        console.groupEnd();
+        return summary;
+    },
+    /**
+     * Helper to log CSS in a readable format
+     */
+    logCSS(css, title = 'CSS') {
+        if (!css || css.trim() === '') {
+            console.log(`${title}: (empty)`);
+            return;
+        }
+        console.group(`🎨 ${title}`);
+        const prettified = prettifyCSS(css);
+        console.log(prettified);
+        console.groupEnd();
+    },
+    /**
+     * Advanced inspection with detailed breakdown
+     */
+    inspect(target) {
+        const element = typeof target === 'string' ? document.querySelector(target) : target;
+        if (!element) {
+            console.error(`Element not found: ${target}`);
+            return {
+                element: null,
+                tastyClasses: [],
+                css: '',
+                breakdown: {},
+            };
+        }
+        // Find tasty classes on this element
+        const classList = element.getAttribute('class') || '';
+        const tastyClasses = classList
+            .split(/\s+/)
+            .filter((cls) => /^t\d+$/.test(cls));
+        // Get CSS for the entire subtree
+        const fullCSS = getCssTextForNode(element);
+        // Get CSS breakdown per class
+        const breakdown = {};
+        tastyClasses.forEach((className) => {
+            breakdown[className] = this.getCSSForClass(className);
+        });
+        const result = {
+            element,
+            tastyClasses,
+            css: prettifyCSS(fullCSS),
+            breakdown,
+        };
+        console.group(`🔍 Detailed Tasty Inspection`);
+        console.log('Element:', element);
+        console.log('Tasty classes found:', tastyClasses);
+        console.log('Total CSS for element tree:\n' + prettifyCSS(fullCSS));
+        console.log('CSS breakdown by class:', breakdown);
+        console.groupEnd();
+        return result;
+    },
+};
+/**
+ * Check if we're in a development environment at runtime
+ * Uses bracket notation to avoid bundler compilation
+ */
+function isDevelopmentEnvironment() {
+    if (typeof process === 'undefined')
+        return false;
+    // Use bracket notation to avoid bundler replacement
+    const nodeEnv = process.env?.['NODE_ENV'];
+    return nodeEnv === 'development' || nodeEnv !== 'production';
+}
+/**
+ * Install tastyDebug on window object for easy access in browser console
+ * Only in non-production environments
+ */
+export function installGlobalDebug() {
+    if (typeof window !== 'undefined' && isDevelopmentEnvironment()) {
+        window.tastyDebug = tastyDebug;
+        console.log('🎨 tastyDebug installed on window. Try: tastyDebug.getSummary()');
+    }
+}
+/**
+ * Auto-install in development
+ */
+if (typeof window !== 'undefined' && isDevelopmentEnvironment()) {
+    installGlobalDebug();
+}
+
+        

package/es/tasty/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * Released under the MIT license.
  */
 
@@ -19,5 +19,6 @@ export * from './utils/mergeStyles';
 export * from './utils/warnings';
 export * from './utils/getDisplayName';
 export * from './injector';
+export * from './debug';
 
         

package/es/tasty/injector/flatten.js

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

package/es/tasty/injector/index.js

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

package/es/tasty/injector/injector.js

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

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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * Released under the MIT license.
  */
 

package/es/tasty/injector/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * 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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * 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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * 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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * 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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * 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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * 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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * Released under the MIT license.
  */
 

package/es/tasty/providers/BreakpointsProvider.js

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

package/es/tasty/styles/align.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * 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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * 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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * 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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * 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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * 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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * 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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * 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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * 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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * 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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * 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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * 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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * 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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * 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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * 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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * 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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * 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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * 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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * 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-0bf2434
+ * @cube-dev/ui-kit v0.0.0-canary-bbe2aaf
  * Released under the MIT license.
  */
 

package/es/tasty/styles/margin.js

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

package/es/tasty/styles/marginBlock.js

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