@cube-dev/ui-kit 0.0.0-canary-ec83619 → 0.0.0-canary-bef1889

package/es/stories/Layout.stories.js

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

package/es/tasty/debug.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-ec83619
+ * @cube-dev/ui-kit v0.0.0-canary-bef1889
  * Released under the MIT license.
  */
 
@@ -239,6 +239,7 @@ export const tastyDebug = {
         const metrics = injector.instance.getMetrics();
         const definedProperties = this.getDefinedProperties();
         const definedKeyframes = this.getDefinedKeyframes();
+        const cleanupSummary = this.getCleanupSummary();
         const summary = {
             activeClasses: usage.activeClasses,
             cachedClasses: usage.cachedClasses,
@@ -254,6 +255,7 @@ export const tastyDebug = {
             definedKeyframes,
             propertyCount: definedProperties.length,
             keyframeCount: definedKeyframes.length,
+            cleanupSummary,
         };
         console.group('🎨 Comprehensive Tasty Debug Summary');
         console.log(`📊 Style Cache Status:`);
@@ -273,6 +275,24 @@ export const tastyDebug = {
         if (definedKeyframes.length > 0) {
             console.log('  • Keyframes:', definedKeyframes.map((k) => `${k.name} (refs: ${k.refCount})`));
         }
+        console.log('🧹 Cleanup Statistics:');
+        if (cleanupSummary.enabled) {
+            console.log(`  • Total cleanups performed: ${cleanupSummary.totalCleanups}`);
+            console.log(`  • Total classes deleted: ${cleanupSummary.totalClassesDeleted}`);
+            console.log(`  • Total CSS deleted: ${cleanupSummary.totalCssDeleted} chars`);
+            console.log(`  • Total rules deleted: ${cleanupSummary.totalRulesDeleted}`);
+            if (cleanupSummary.totalCleanups > 0) {
+                console.log(`  • Avg classes per cleanup: ${cleanupSummary.averageClassesPerCleanup.toFixed(1)}`);
+                console.log(`  • Avg CSS per cleanup: ${cleanupSummary.averageCssPerCleanup.toFixed(0)} chars`);
+                console.log(`  • Avg rules per cleanup: ${cleanupSummary.averageRulesPerCleanup.toFixed(1)}`);
+            }
+            if (cleanupSummary.lastCleanup) {
+                console.log(`  • Last cleanup: ${cleanupSummary.lastCleanup.date}`);
+            }
+        }
+        else {
+            console.log('  • Metrics collection disabled (enable with collectMetrics: true)');
+        }
         console.log(`⚡ Performance Metrics:`);
         if (metrics) {
             console.log(`  • Cache hits: ${metrics.hits}`);
@@ -456,6 +476,98 @@ export const tastyDebug = {
         }
         return false;
     },
+    /**
+     * Get detailed cleanup statistics history
+     */
+    getCleanupHistory() {
+        const registry = injector.instance['sheetManager'].getRegistry(document);
+        if (!registry?.metrics?.cleanupHistory) {
+            return {
+                totalCleanups: 0,
+                totalClassesDeleted: 0,
+                totalCssDeleted: 0,
+                totalRulesDeleted: 0,
+                cleanupHistory: [],
+            };
+        }
+        const history = registry.metrics.cleanupHistory;
+        const totalClassesDeleted = history.reduce((sum, cleanup) => sum + cleanup.classesDeleted, 0);
+        const totalCssDeleted = history.reduce((sum, cleanup) => sum + cleanup.cssSize, 0);
+        const totalRulesDeleted = history.reduce((sum, cleanup) => sum + cleanup.rulesDeleted, 0);
+        return {
+            totalCleanups: history.length,
+            totalClassesDeleted,
+            totalCssDeleted,
+            totalRulesDeleted,
+            cleanupHistory: history.map((cleanup) => ({
+                ...cleanup,
+                date: new Date(cleanup.timestamp).toISOString(),
+            })),
+        };
+    },
+    /**
+     * Get cleanup statistics summary
+     */
+    getCleanupSummary() {
+        const registry = injector.instance['sheetManager'].getRegistry(document);
+        if (!registry?.metrics) {
+            return {
+                enabled: false,
+                totalCleanups: 0,
+                totalClassesDeleted: 0,
+                totalCssDeleted: 0,
+                totalRulesDeleted: 0,
+                averageClassesPerCleanup: 0,
+                averageCssPerCleanup: 0,
+                averageRulesPerCleanup: 0,
+            };
+        }
+        const history = registry.metrics.cleanupHistory || [];
+        const totalClassesDeleted = history.reduce((sum, cleanup) => sum + cleanup.classesDeleted, 0);
+        const totalCssDeleted = history.reduce((sum, cleanup) => sum + cleanup.cssSize, 0);
+        const totalRulesDeleted = history.reduce((sum, cleanup) => sum + cleanup.rulesDeleted, 0);
+        const totalCleanups = history.length;
+        const lastCleanup = history.length > 0 ? history[history.length - 1] : undefined;
+        return {
+            enabled: true,
+            totalCleanups,
+            totalClassesDeleted,
+            totalCssDeleted,
+            totalRulesDeleted,
+            averageClassesPerCleanup: totalCleanups > 0 ? totalClassesDeleted / totalCleanups : 0,
+            averageCssPerCleanup: totalCleanups > 0 ? totalCssDeleted / totalCleanups : 0,
+            averageRulesPerCleanup: totalCleanups > 0 ? totalRulesDeleted / totalCleanups : 0,
+            lastCleanup: lastCleanup
+                ? {
+                    ...lastCleanup,
+                    date: new Date(lastCleanup.timestamp).toISOString(),
+                }
+                : undefined,
+        };
+    },
+    /**
+     * Log cleanup history to console in a readable format
+     */
+    logCleanupHistory() {
+        const cleanupData = this.getCleanupHistory();
+        if (cleanupData.totalCleanups === 0) {
+            console.log('🧹 No cleanup history available');
+            return;
+        }
+        console.group(`🧹 Cleanup History (${cleanupData.totalCleanups} cleanups)`);
+        console.log('📊 Total Statistics:');
+        console.log(`  • Total classes deleted: ${cleanupData.totalClassesDeleted}`);
+        console.log(`  • Total CSS deleted: ${cleanupData.totalCssDeleted} characters`);
+        console.log(`  • Total rules deleted: ${cleanupData.totalRulesDeleted}`);
+        console.log('\n📅 Cleanup Sessions:');
+        cleanupData.cleanupHistory.forEach((cleanup, index) => {
+            console.log(`  ${index + 1}. ${cleanup.date}`);
+            console.log(`     • Classes: ${cleanup.classesDeleted}`);
+            console.log(`     • CSS: ${cleanup.cssSize} chars`);
+            console.log(`     • Rules: ${cleanup.rulesDeleted}`);
+        });
+        console.groupEnd();
+    },
 };
 /**
  * Check if we're in a development environment at runtime
@@ -484,7 +596,9 @@ export function installGlobalDebug(options) {
             '  • tastyDebug.inspect(".my-element") - detailed element inspection\n' +
             '  • tastyDebug.getDefinedProperties() - list all @property definitions\n' +
             '  • tastyDebug.getDefinedKeyframes() - list all keyframe definitions\n' +
-            '  • tastyDebug.getActiveCSS() / getCachedCSS() - get specific CSS');
+            '  • tastyDebug.getActiveCSS() / getCachedCSS() - get specific CSS\n' +
+            '  • tastyDebug.getCleanupSummary() - cleanup statistics overview\n' +
+            '  • tastyDebug.logCleanupHistory() - detailed cleanup history');
     }
 }
 /**

package/es/tasty/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-ec83619
+ * @cube-dev/ui-kit v0.0.0-canary-bef1889
  * 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-ec83619
+ * @cube-dev/ui-kit v0.0.0-canary-bef1889
  * 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-ec83619
+ * @cube-dev/ui-kit v0.0.0-canary-bef1889
  * 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-ec83619
+ * @cube-dev/ui-kit v0.0.0-canary-bef1889
  * Released under the MIT license.
  */
 
@@ -27,6 +27,7 @@ export class SheetManager {
                     totalInsertions: 0,
                     totalUnused: 0,
                     stylesCleanedUp: 0,
+                    cleanupHistory: [],
                     startTime: Date.now(),
                 }
                 : undefined;
@@ -447,21 +448,29 @@ export class SheetManager {
     performBulkCleanup(registry) {
         if (registry.unusedRules.size === 0)
             return;
+        const cleanupStartTime = Date.now();
         const classNamesToCleanup = Array.from(registry.unusedRules.keys());
         let cleanedUpCount = 0;
+        let totalCssSize = 0;
+        let totalRulesDeleted = 0;
         // Group by sheet for efficient deletion
         const rulesBySheet = new Map();
+        // Calculate CSS size before deletion and group rules
         for (const className of classNamesToCleanup) {
             const unusedInfo = registry.unusedRules.get(className);
             if (!unusedInfo)
                 continue;
-            const sheetIndex = unusedInfo.ruleInfo.sheetIndex;
+            const ruleInfo = unusedInfo.ruleInfo;
+            const sheetIndex = ruleInfo.sheetIndex;
+            // Calculate CSS size for this rule
+            const cssSize = ruleInfo.cssText.reduce((total, css) => total + css.length, 0);
+            totalCssSize += cssSize;
+            // Count number of rules (based on cssText array length)
+            totalRulesDeleted += ruleInfo.cssText.length;
             if (!rulesBySheet.has(sheetIndex)) {
                 rulesBySheet.set(sheetIndex, []);
             }
-            rulesBySheet
-                .get(sheetIndex)
-                .push({ className, ruleInfo: unusedInfo.ruleInfo });
+            rulesBySheet.get(sheetIndex).push({ className, ruleInfo });
         }
         // Delete rules from each sheet (in reverse order to preserve indices)
         for (const [sheetIndex, rulesInSheet] of rulesBySheet) {
@@ -478,6 +487,13 @@ export class SheetManager {
         if (registry.metrics) {
             registry.metrics.bulkCleanups++;
             registry.metrics.stylesCleanedUp += cleanedUpCount;
+            // Add detailed cleanup stats to history
+            registry.metrics.cleanupHistory.push({
+                timestamp: cleanupStartTime,
+                classesDeleted: cleanedUpCount,
+                cssSize: totalCssSize,
+                rulesDeleted: totalRulesDeleted,
+            });
         }
     }
     /**
@@ -534,6 +550,7 @@ export class SheetManager {
                 totalInsertions: 0,
                 totalUnused: 0,
                 stylesCleanedUp: 0,
+                cleanupHistory: [],
                 startTime: Date.now(),
             };
         }

package/es/tasty/injector/types.js

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

package/es/tasty/styles/marginInline.js

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

package/es/tasty/styles/outline.js

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

package/es/tasty/styles/padding.js

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

package/es/tasty/styles/paddingBlock.js

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