@cube-dev/ui-kit 0.0.0-canary-8acd682 → 0.0.0-canary-d6409e4

package/es/stories/Layout.stories.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8acd682
+ * @cube-dev/ui-kit v0.0.0-canary-d6409e4
  * 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-8acd682
+ * @cube-dev/ui-kit v0.0.0-canary-d6409e4
  * 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-8acd682
+ * @cube-dev/ui-kit v0.0.0-canary-d6409e4
  * 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-8acd682
+ * @cube-dev/ui-kit v0.0.0-canary-d6409e4
  * 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-8acd682
+ * @cube-dev/ui-kit v0.0.0-canary-d6409e4
  * 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-8acd682
+ * @cube-dev/ui-kit v0.0.0-canary-d6409e4
  * 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-8acd682
+ * @cube-dev/ui-kit v0.0.0-canary-d6409e4
  * Released under the MIT license.
  */
 
@@ -265,11 +265,15 @@ export const tastyDebug = {
                 const activeClasses = findAllTastyClasses(root);
                 css = injector.instance.getCssTextForClasses(activeClasses, { root });
             }
-            else if (target === 'cached') {
-                const activeClasses = findAllTastyClasses(root);
-                const allClasses = findAllStyledClasses(root);
-                const cachedClasses = allClasses.filter((cls) => !activeClasses.includes(cls));
-                css = injector.instance.getCssTextForClasses(cachedClasses, { root });
+            else if (target === 'unused') {
+                // Get unused classes (refCount = 0) from the registry
+                const registry = injector.instance['sheetManager']?.getRegistry(root);
+                const unusedClasses = registry
+                    ? Array.from(registry.refCounts.entries())
+                        .filter(([, refCount]) => refCount === 0)
+                        .map(([className]) => className)
+                    : [];
+                css = injector.instance.getCssTextForClasses(unusedClasses, { root });
             }
             else if (target === 'page') {
                 css = getPageCSS({ root, includeCrossOrigin: true });
@@ -337,12 +341,18 @@ export const tastyDebug = {
         const { root = document } = opts || {};
         const activeClasses = findAllTastyClasses(root);
         const allClasses = findAllStyledClasses(root);
-        const cachedClasses = allClasses.filter((cls) => !activeClasses.includes(cls));
+        // Get unused classes (refCount = 0) from the registry
+        const registry = injector.instance['sheetManager']?.getRegistry(root);
+        const unusedClasses = registry
+            ? Array.from(registry.refCounts.entries())
+                .filter(([, refCount]) => refCount === 0)
+                .map(([className]) => className)
+            : [];
         return {
             classes: {
                 active: activeClasses,
-                cached: cachedClasses,
-                all: allClasses,
+                unused: unusedClasses,
+                all: [...activeClasses, ...unusedClasses],
             },
             metrics: injector.instance.getMetrics({ root }),
         };
@@ -477,7 +487,7 @@ export const tastyDebug = {
         const definitions = this.defs({ root });
         const metrics = this.metrics({ root });
         const activeCSS = this.css('active', { root, prettify: false });
-        const cachedCSS = this.css('cached', { root, prettify: false });
+        const unusedCSS = this.css('unused', { root, prettify: false });
         const allCSS = this.css('all', { root, prettify: false });
         // Build cleanup summary from metrics
         const cleanupSummary = {
@@ -519,13 +529,13 @@ export const tastyDebug = {
         }
         const summary = {
             activeClasses: cacheStatus.classes.active,
-            cachedClasses: cacheStatus.classes.cached,
+            unusedClasses: cacheStatus.classes.unused,
             totalStyledClasses: cacheStatus.classes.all,
             activeCSSSize: activeCSS.length,
-            cachedCSSSize: cachedCSS.length,
+            unusedCSSSize: unusedCSS.length,
             totalCSSSize: allCSS.length,
             activeCSS: prettifyCSS(activeCSS),
-            cachedCSS: prettifyCSS(cachedCSS),
+            unusedCSS: prettifyCSS(unusedCSS),
             allCSS: prettifyCSS(allCSS),
             globalCSS: globalBreakdown.css,
             globalCSSSize: globalBreakdown.totalCSSSize,
@@ -542,11 +552,11 @@ export const tastyDebug = {
             console.group('🎨 Comprehensive Tasty Debug Summary');
             console.log(`📊 Style Cache Status:`);
             console.log(`  • Active classes (in DOM): ${summary.activeClasses.length}`);
-            console.log(`  • Cached classes (performance cache): ${summary.cachedClasses.length}`);
+            console.log(`  • Unused classes (refCount = 0): ${summary.unusedClasses.length}`);
             console.log(`  • Total styled classes: ${summary.totalStyledClasses.length}`);
             console.log(`💾 CSS Size:`);
             console.log(`  • Active CSS: ${summary.activeCSSSize} characters`);
-            console.log(`  • Cached CSS: ${summary.cachedCSSSize} characters`);
+            console.log(`  • Unused CSS: ${summary.unusedCSSSize} characters`);
             console.log(`  • Global CSS: ${summary.globalCSSSize} characters (${summary.globalRuleCount} rules)`);
             console.log(`  • Total CSS: ${summary.totalCSSSize} characters`);
             if (page) {
@@ -564,7 +574,7 @@ export const tastyDebug = {
                 console.log(`  • Cache misses: ${metrics.misses}`);
                 console.log(`  • Cached style reuses: ${metrics.unusedHits}`);
                 const hitRate = metrics.hits + metrics.misses > 0
-                    ? (((metrics.hits + metrics.unusedHits) /
+                    ? (((metrics.hits + (metrics.unusedHits || 0)) /
                         (metrics.hits + metrics.misses)) *
                         100).toFixed(1)
                     : '0';
@@ -572,7 +582,7 @@ export const tastyDebug = {
             }
             console.log('🔍 Details:');
             console.log('  • Active classes:', summary.activeClasses);
-            console.log('  • Cached classes:', summary.cachedClasses);
+            console.log('  • Unused classes:', summary.unusedClasses);
             console.groupEnd();
         }
         return summary;
@@ -669,7 +679,7 @@ export const tastyDebug = {
         console.log('📖 Common targets for css()/log():');
         console.log('  • "all" - all tasty CSS + global CSS');
         console.log('  • "active" - CSS for classes in DOM');
-        console.log('  • "cached" - CSS for unused classes');
+        console.log('  • "unused" - CSS for classes with refCount = 0');
         console.log('  • "global" - only global CSS (createGlobalStyle)');
         console.log('  • "page" - ALL page CSS (including non-tasty)');
         console.log('  • "t123" - specific tasty class');

package/es/tasty/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8acd682
+ * @cube-dev/ui-kit v0.0.0-canary-d6409e4
  * 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-8acd682
+ * @cube-dev/ui-kit v0.0.0-canary-d6409e4
  * 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-8acd682
+ * @cube-dev/ui-kit v0.0.0-canary-d6409e4
  * Released under the MIT license.
  */
 
@@ -28,35 +28,6 @@ export class StyleInjector {
         this.config = config;
         this.sheetManager = new SheetManager(config);
     }
-    /**
-     * Check if a class has live rules in the CSSOM
-     */
-    hasLiveRules(registry, className) {
-        const info = registry.rules.get(className);
-        if (!info)
-            return false;
-        try {
-            const sheetInfo = registry.sheets[info.sheetIndex];
-            const styleSheet = sheetInfo?.sheet?.sheet;
-            if (!styleSheet)
-                return false;
-            const start = Math.max(0, info.ruleIndex);
-            const end = Math.min(styleSheet.cssRules.length - 1, info.endRuleIndex ?? info.ruleIndex);
-            if (start > end || start >= styleSheet.cssRules.length)
-                return false;
-            // Check if any rule in the range contains the expected class name
-            for (let i = start; i <= end; i++) {
-                const rule = styleSheet.cssRules[i];
-                if (rule && (rule.cssText || '').includes('.' + className)) {
-                    return true;
-                }
-            }
-        }
-        catch {
-            // Ignore CSSOM access errors and treat as missing
-        }
-        return false;
-    }
     /**
      * Inject styles from StyleResult objects
      */
@@ -77,41 +48,8 @@ export class StyleInjector {
             ? preExtractedClass
             : null;
         if (generatedClass && registry.rules.has(generatedClass)) {
-            // Verify that the rules still exist in the live CSSOM
-            const hasLiveCSS = this.hasLiveRules(registry, generatedClass);
-            if (!hasLiveCSS) {
-                // Rules were deleted from CSSOM but registry still has the entry
-                // Reinsert the rules using the same class name
-                const className = generatedClass;
-                const rulesToInsert = rules.map((r) => {
-                    // Increase specificity for class-based selectors by duplicating the class
-                    if (r.selector.startsWith('.') && /^\.t\d+/.test(r.selector)) {
-                        const classMatch = r.selector.match(/^\.t\d+/);
-                        if (classMatch) {
-                            const baseClass = classMatch[0];
-                            return {
-                                ...r,
-                                selector: baseClass + r.selector,
-                            };
-                        }
-                    }
-                    return r;
-                });
-                const ruleInfo = this.sheetManager.insertRule(registry, rulesToInsert, className, root);
-                if (ruleInfo) {
-                    registry.rules.set(className, ruleInfo);
-                }
-            }
             const currentRefCount = registry.refCounts.get(generatedClass) || 0;
             registry.refCounts.set(generatedClass, currentRefCount + 1);
-            // If this class was previously marked as unused, clear that state now
-            if (registry.unusedRules.has(generatedClass)) {
-                registry.unusedRules.delete(generatedClass);
-                if (registry.metrics) {
-                    // Consider this a reuse rather than a cold miss
-                    registry.metrics.unusedHits++;
-                }
-            }
             // Update metrics
             if (registry.metrics) {
                 registry.metrics.hits++;
@@ -121,83 +59,11 @@ export class StyleInjector {
                 dispose: () => this.dispose(generatedClass, registry),
             };
         }
-        // Try to restore from unused styles if className exists but is not active
-        if (generatedClass &&
-            registry.rules.has(generatedClass) &&
-            !registry.refCounts.has(generatedClass)) {
-            const restored = this.sheetManager.restoreFromUnused(registry, generatedClass);
-            if (restored) {
-                // Verify that the rules still exist in the live CSSOM after restoration
-                const hasLiveCSS = this.hasLiveRules(registry, generatedClass);
-                if (!hasLiveCSS) {
-                    // Rules were deleted from CSSOM, reinsert them
-                    const className = generatedClass;
-                    const rulesToInsert = rules.map((r) => {
-                        // Increase specificity for class-based selectors by duplicating the class
-                        if (r.selector.startsWith('.') && /^\.t\d+/.test(r.selector)) {
-                            const classMatch = r.selector.match(/^\.t\d+/);
-                            if (classMatch) {
-                                const baseClass = classMatch[0];
-                                return {
-                                    ...r,
-                                    selector: baseClass + r.selector,
-                                };
-                            }
-                        }
-                        return r;
-                    });
-                    const ruleInfo = this.sheetManager.insertRule(registry, rulesToInsert, className, root);
-                    if (ruleInfo) {
-                        registry.rules.set(className, ruleInfo);
-                    }
-                }
-                // Update metrics
-                if (registry.metrics) {
-                    registry.metrics.hits++;
-                }
-                return {
-                    className: generatedClass,
-                    dispose: () => this.dispose(generatedClass, registry),
-                };
-            }
-        }
         // No active cache dedupe — rely on provided className or disposed cache only
-        // Generate final className - only use extracted className if it's a generated tasty className
-        const className = generatedClass
-            ? generatedClass
-            : generateClassName(registry.classCounter++);
-        // If a different pre-extracted class was used in rules, rewrite selectors to the final class
-        // Also increase specificity for class-based selectors by duplicating the class
-        const rulesToInsert = generatedClass && generatedClass !== className
-            ? rules.map((r) => {
-                if (r.selector.startsWith('.' + generatedClass)) {
-                    const newSelector = '.' + className + r.selector.slice(generatedClass.length + 1);
-                    // Increase specificity by duplicating the class for class-based selectors
-                    const specificSelector = newSelector.startsWith('.' + className) &&
-                        /^\.t\d+/.test(newSelector)
-                        ? '.' + className + newSelector
-                        : newSelector;
-                    return {
-                        ...r,
-                        selector: specificSelector,
-                    };
-                }
-                return r;
-            })
-            : rules.map((r) => {
-                // Increase specificity for class-based selectors by duplicating the class
-                if (r.selector.startsWith('.') && /^\.t\d+/.test(r.selector)) {
-                    const classMatch = r.selector.match(/^\.t\d+/);
-                    if (classMatch) {
-                        const baseClass = classMatch[0];
-                        return {
-                            ...r,
-                            selector: baseClass + r.selector,
-                        };
-                    }
-                }
-                return r;
-            });
+        // Use extracted className if available, otherwise generate new one
+        const className = generatedClass || generateClassName(registry.classCounter++);
+        // Use rules as-is - specificity is handled during selector generation
+        const rulesToInsert = rules;
         // Before inserting, auto-register @property for any color custom properties being defined.
         // Fast parse: split declarations by ';' and match "--*-color:"
         // Do this only when we actually insert (i.e., no cache hit above)
@@ -291,15 +157,18 @@ export class StyleInjector {
     dispose(className, registry) {
         const currentRefCount = registry.refCounts.get(className);
         // Guard against stale double-dispose or mismatched lifecycle
-        if (currentRefCount == null) {
+        if (currentRefCount == null || currentRefCount <= 0) {
             return;
         }
-        if (currentRefCount <= 1) {
-            // Mark as unused immediately
-            this.sheetManager.markAsUnused(registry, className);
-        }
-        else {
-            registry.refCounts.set(className, currentRefCount - 1);
+        const newRefCount = currentRefCount - 1;
+        registry.refCounts.set(className, newRefCount);
+        if (newRefCount === 0) {
+            // Update metrics
+            if (registry.metrics) {
+                registry.metrics.totalUnused++;
+            }
+            // Check if cleanup should be scheduled
+            this.sheetManager.checkCleanupNeeded(registry);
         }
     }
     /**
@@ -478,9 +347,14 @@ export class StyleInjector {
             return;
         entry.refCount--;
         if (entry.refCount <= 0) {
-            // Mark as unused
+            // Dispose immediately - keyframes are global and safe to clean up right away
+            this.sheetManager.deleteKeyframes(registry, entry.info);
             registry.keyframesCache.delete(cacheKey);
-            this.sheetManager.markKeyframesAsUnused(registry, entry.name);
+            // Update metrics
+            if (registry.metrics) {
+                registry.metrics.totalUnused++;
+                registry.metrics.stylesCleanedUp++;
+            }
         }
     }
     /**

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-8acd682
+ * @cube-dev/ui-kit v0.0.0-canary-d6409e4
  * Released under the MIT license.
  */
 
@@ -22,7 +22,6 @@ export class SheetManager {
                 ? {
                     hits: 0,
                     misses: 0,
-                    unusedHits: 0,
                     bulkCleanups: 0,
                     totalInsertions: 0,
                     totalUnused: 0,
@@ -35,13 +34,11 @@ export class SheetManager {
                 sheets: [],
                 refCounts: new Map(),
                 rules: new Map(),
-                unusedRules: new Map(),
                 ruleTextSet: new Set(),
                 bulkCleanupTimeout: null,
                 metrics,
                 classCounter: 0,
                 keyframesCache: new Map(),
-                unusedKeyframes: new Map(),
                 keyframesCounter: 0,
                 injectedProperties: new Set(),
             };
@@ -328,10 +325,7 @@ export class SheetManager {
             for (const info of registry.rules.values()) {
                 adjustRuleInfo(info);
             }
-            // Adjust unused rules (their ruleInfo references the same objects as in rules map)
-            for (const unused of registry.unusedRules.values()) {
-                adjustRuleInfo(unused.ruleInfo);
-            }
+            // No need to separately adjust unused rules since they're part of the rules Map
             // Adjust keyframes indices stored in cache
             for (const entry of registry.keyframesCache.values()) {
                 const ki = entry.info;
@@ -422,52 +416,20 @@ export class SheetManager {
         return sheet.ruleCount;
     }
     /**
-     * Mark a ruleset as unused but keep it in the stylesheet
-     */
-    markAsUnused(registry, className) {
-        const ruleInfo = registry.rules.get(className);
-        if (!ruleInfo)
-            return;
-        // Mark as unused (but keep in registry.rules)
-        const unusedInfo = {
-            ruleInfo,
-            markedUnusedAt: Date.now(),
-        };
-        registry.unusedRules.set(className, unusedInfo);
-        registry.refCounts.delete(className);
-        // Update metrics
-        if (registry.metrics) {
-            registry.metrics.totalUnused++;
-        }
-        // Schedule bulk cleanup if threshold exceeded
-        const threshold = this.config.unusedStylesThreshold || 500;
-        if (registry.unusedRules.size >= threshold) {
-            this.scheduleBulkCleanup(registry);
-        }
-    }
-    /**
-     * Restore a ruleset from unused styles
-     */
-    restoreFromUnused(registry, className) {
-        const unusedInfo = registry.unusedRules.get(className);
-        if (!unusedInfo)
-            return null;
-        // Remove from unused rules (rules stays in registry.rules)
-        registry.unusedRules.delete(className);
-        registry.refCounts.set(className, 1);
-        // Update metrics
-        if (registry.metrics) {
-            registry.metrics.unusedHits++;
-        }
-        return unusedInfo.ruleInfo;
-    }
-    /**
-     * Schedule bulk cleanup of all unused styles
+     * Schedule bulk cleanup of all unused styles (non-stacking)
      */
     scheduleBulkCleanup(registry) {
-        // Don't schedule if already scheduled
-        if (registry.bulkCleanupTimeout)
-            return;
+        // Clear any existing timeout to prevent stacking
+        if (registry.bulkCleanupTimeout) {
+            if (this.config.idleCleanup &&
+                typeof cancelIdleCallback !== 'undefined') {
+                cancelIdleCallback(registry.bulkCleanupTimeout);
+            }
+            else {
+                clearTimeout(registry.bulkCleanupTimeout);
+            }
+            registry.bulkCleanupTimeout = null;
+        }
         const performCleanup = () => {
             this.performBulkCleanup(registry);
             registry.bulkCleanupTimeout = null;
@@ -484,22 +446,21 @@ export class SheetManager {
      * Perform bulk cleanup of all unused styles
      */
     performBulkCleanup(registry) {
-        if (registry.unusedRules.size === 0)
-            return;
         const cleanupStartTime = Date.now();
-        // Build candidates list with age and sort by oldest first
-        const now = Date.now();
-        const minAge = Math.max(0, this.config.unusedStylesMinAgeMs || 0);
-        const candidates = Array.from(registry.unusedRules.entries())
-            .map(([className, info]) => ({
-            className,
-            info,
-            age: now - (info.markedUnusedAt || 0),
-        }))
-            // Filter out too-fresh entries to avoid racing unmount/mount cycles
-            .filter((entry) => entry.age >= minAge)
-            // Sort from oldest to newest
-            .sort((a, b) => b.age - a.age);
+        // Calculate unused rules dynamically: rules that have refCount = 0
+        const unusedClassNames = Array.from(registry.refCounts.entries())
+            .filter(([, refCount]) => refCount === 0)
+            .map(([className]) => className);
+        if (unusedClassNames.length === 0)
+            return;
+        // Build candidates list - no age filtering needed
+        const candidates = unusedClassNames.map((className) => {
+            const ruleInfo = registry.rules.get(className); // We know it exists
+            return {
+                className,
+                ruleInfo,
+            };
+        });
         if (candidates.length === 0)
             return;
         // Limit deletion scope per run (batch ratio)
@@ -512,8 +473,7 @@ export class SheetManager {
         // Group by sheet for efficient deletion
         const rulesBySheet = new Map();
         // Calculate CSS size before deletion and group rules
-        for (const { className, info: unusedInfo } of selected) {
-            const ruleInfo = unusedInfo.ruleInfo;
+        for (const { className, ruleInfo } of selected) {
             const sheetIndex = ruleInfo.sheetIndex;
             // Dev-only metrics: estimate CSS size and rule count if available
             if (this.config.devMode && Array.isArray(ruleInfo.cssText)) {
@@ -545,11 +505,9 @@ export class SheetManager {
             for (const { className, ruleInfo } of rulesInSheet) {
                 // SAFETY: Re-check that the rule is still unused at deletion time.
                 // Between scheduling and execution a class may have been restored
-                // (refCounts set and removed from unusedRules). Skip such entries.
-                if (!registry.unusedRules.has(className)) {
-                    continue;
-                }
-                if (registry.refCounts.has(className)) {
+                // (refCount set to > 0). Skip such entries.
+                const currentRefCount = registry.refCounts.get(className) || 0;
+                if (currentRefCount > 0) {
                     // Class became active again; do not delete
                     continue;
                 }
@@ -567,7 +525,7 @@ export class SheetManager {
                 }
                 this.deleteRule(registry, ruleInfo);
                 registry.rules.delete(className);
-                registry.unusedRules.delete(className);
+                registry.refCounts.delete(className);
                 cleanedUpCount++;
             }
         }
@@ -616,7 +574,14 @@ export class SheetManager {
      * Get cache performance metrics
      */
     getMetrics(registry) {
-        return registry.metrics || null;
+        if (!registry.metrics)
+            return null;
+        // Calculate unusedHits on demand - only count CSS rules since keyframes are disposed immediately
+        const unusedRulesCount = Array.from(registry.refCounts.values()).filter((count) => count === 0).length;
+        return {
+            ...registry.metrics,
+            unusedHits: unusedRulesCount,
+        };
     }
     /**
      * Reset cache performance metrics
@@ -626,7 +591,6 @@ export class SheetManager {
             registry.metrics = {
                 hits: 0,
                 misses: 0,
-                unusedHits: 0,
                 bulkCleanups: 0,
                 totalInsertions: 0,
                 totalUnused: 0,
@@ -769,12 +733,13 @@ export class SheetManager {
         }
     }
     /**
-     * Mark keyframes as unused
+     * Check if cleanup should be scheduled (async, non-stacking)
      */
-    markKeyframesAsUnused(registry, name) {
-        // Implementation similar to markAsUnused but for keyframes
+    checkCleanupNeeded(registry) {
+        // Count unused rules (refCount = 0) - keyframes are disposed immediately
+        const unusedRulesCount = Array.from(registry.refCounts.values()).filter((count) => count === 0).length;
         const threshold = this.config.unusedStylesThreshold || 500;
-        if (registry.unusedKeyframes.size >= threshold) {
+        if (unusedRulesCount >= threshold) {
             this.scheduleBulkCleanup(registry);
         }
     }

package/es/tasty/injector/types.js

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