@cube-dev/ui-kit 0.0.0-canary-21e1e43 → 0.0.0-canary-bd64102

package/es/tasty/styles/place.js

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

package/es/tasty/styles/predefined.js

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

package/es/tasty/styles/preset.js

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

package/es/tasty/styles/radius.js

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

package/es/tasty/styles/reset.js

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

package/es/tasty/styles/scrollbar.js

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

package/es/tasty/styles/shadow.js

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

package/es/tasty/styles/styledScrollbar.js

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

package/es/tasty/styles/transition.js

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

package/es/tasty/styles/types.js

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

package/es/tasty/styles/width.js

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

package/es/tasty/tasty.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-21e1e43
+ * @cube-dev/ui-kit v0.0.0-canary-bd64102
  * Released under the MIT license.
  */
 
@@ -19,18 +19,10 @@ import { stringifyStyles } from './utils/styles';
 /**
  * Simple hash function for internal cache keys
  */
-// Per-style-key sequential class allocator
-const styleKeyToClass = new Map();
-let nextClassId = 0;
-function allocateClassName(styleKey, contextKey) {
+// Generate unique cache key for style deduplication
+function generateStyleCacheKey(styleKey, contextKey) {
     // Use null character as separator for better performance and no collision risk
-    const key = contextKey ? `${styleKey}\0${contextKey}` : styleKey;
-    const existing = styleKeyToClass.get(key);
-    if (existing)
-        return existing;
-    const cls = `t${nextClassId++}`;
-    styleKeyToClass.set(key, cls);
-    return cls;
+    return contextKey ? `${styleKey}\0${contextKey}` : styleKey;
 }
 // Implementation
 export function tasty(Component, options) {
@@ -51,7 +43,7 @@ function tastyGlobal(selector, styles) {
         const styleResults = useMemo(() => {
             if (!styles)
                 return [];
-            return renderStyles(styles, breakpointsList, selector, true);
+            return renderStyles(styles, breakpointsList, selector);
         }, [selector, styles, breakpointsList]);
         // Inject styles at insertion phase; cleanup on change/unmount
         useInsertionEffect(() => {
@@ -143,10 +135,8 @@ function tastyElement(tastyOptions) {
          * of the same element if no custom styles are provided via `styles` prop or direct style props.
          */
         const renderDefaultStyles = cacheWrapper((breakpoints) => {
-            // Allocate a stable class for default styles
-            const bpKey = (breakpoints || []).join(',');
-            const defaultClassName = allocateClassName(stringifyStyles(defaultStyles || {}), `bp:${bpKey}`);
-            return renderStyles(defaultStyles || {}, breakpoints, defaultClassName);
+            // Return rules without className - injector will add it
+            return renderStyles(defaultStyles || {}, breakpoints);
         });
         let { qa: defaultQa, qaVal: defaultQaVal, ...otherDefaultProps } = defaultProps ?? {};
         // eslint-disable-next-line react/display-name
@@ -174,20 +164,20 @@ function tastyElement(tastyOptions) {
             breakpoints = breakpoints ?? contextBreakpoints;
             // Memoize breakpoints key once
             const breakpointsKey = useMemo(() => breakpoints?.join(',') || '', [breakpoints?.join(',')]);
-            // Optimize style computation and className allocation
-            const { allStyles, className, useDefaultStyles } = useMemo(() => {
+            // Optimize style computation and cache key generation
+            const { allStyles, cacheKey, useDefaultStyles } = useMemo(() => {
                 const hasStyles = styles && Object.keys(styles).length > 0;
                 const hasPropStyles = propStyles && Object.keys(propStyles).length > 0;
                 const useDefault = !hasStyles && !hasPropStyles;
                 const merged = useDefault
                     ? defaultStyles
                     : mergeStyles(defaultStyles, styles, propStyles);
-                // Single stringifyStyles call
+                // Generate cache key for style deduplication
                 const styleKey = stringifyStyles(merged || {});
-                const cls = allocateClassName(styleKey, breakpointsKey ? `bp:${breakpointsKey}` : undefined);
+                const key = generateStyleCacheKey(styleKey, breakpointsKey ? `bp:${breakpointsKey}` : undefined);
                 return {
                     allStyles: merged,
-                    className: cls,
+                    cacheKey: key,
                     useDefaultStyles: useDefault,
                 };
             }, [styles, propStyles, breakpointsKey]);
@@ -197,19 +187,27 @@ function tastyElement(tastyOptions) {
                     return renderDefaultStyles(breakpoints);
                 }
                 else if (allStyles && Object.keys(allStyles).length > 0) {
-                    return renderStyles(allStyles, breakpoints, className);
+                    // Return rules without className - injector will add it
+                    return renderStyles(allStyles, breakpoints);
                 }
                 else {
                     return { rules: [], className: '' };
                 }
-            }, [useDefaultStyles, allStyles, breakpointsKey, className]);
+            }, [useDefaultStyles, allStyles, breakpointsKey, cacheKey]);
             const disposeRef = useRef(null);
-            // Inject styles only in useInsertionEffect (not in render)
+            // Single injection pattern - inject once and get both className and dispose
+            const injectionResult = useMemo(() => {
+                if (!directResult.rules.length)
+                    return null;
+                return inject(directResult.rules, { cacheKey });
+            }, [directResult.rules, cacheKey]);
+            const injectedClassName = injectionResult?.className || '';
+            // Handle disposal in useInsertionEffect
             useInsertionEffect(() => {
+                // Cleanup previous disposal reference
                 disposeRef.current?.();
-                if (directResult.rules.length) {
-                    const { dispose } = inject(directResult.rules);
-                    disposeRef.current = dispose;
+                if (injectionResult) {
+                    disposeRef.current = injectionResult.dispose;
                 }
                 else {
                     disposeRef.current = null;
@@ -218,16 +216,16 @@ function tastyElement(tastyOptions) {
                     disposeRef.current?.();
                     disposeRef.current = null;
                 };
-            }, [directResult.rules]);
+            }, [injectionResult]);
             let modProps;
             if (mods) {
                 const modsObject = mods;
                 modProps = modAttrs(modsObject);
             }
-            // Merge user className with generated className
+            // Merge user className with injected className
             const finalClassName = [
                 userClassName || '',
-                directResult.className || className,
+                injectedClassName,
             ]
                 .filter(Boolean)
                 .join(' ');

package/es/tasty/types.js

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

package/es/tasty/utils/cache-wrapper.js

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

package/es/tasty/utils/case-converter.js

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

package/es/tasty/utils/colors.js

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

package/es/tasty/utils/dotize.js

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

package/es/tasty/utils/filterBaseProps.js

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

package/es/tasty/utils/getDisplayName.js

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

package/es/tasty/utils/getModCombinations.js

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

package/es/tasty/utils/isDevEnv.js

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

package/es/tasty/utils/mergeStyles.js

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

package/es/tasty/utils/modAttrs.js

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

package/es/tasty/utils/renderStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-21e1e43
+ * @cube-dev/ui-kit v0.0.0-canary-bd64102
  * Released under the MIT license.
  */
 
@@ -675,7 +675,8 @@ function generateLogicalRules(styles, responsive = [], parentSuffix = '') {
     processStyles(styles, parentSuffix);
     return allLogicalRules;
 }
-export function renderStyles(styles, responsive = [], classNameOrSelector = 'unknown', directSelector = false) {
+export function renderStyles(styles, responsive = [], classNameOrSelector) {
+    const directSelector = !!classNameOrSelector;
     if (!styles) {
         return directSelector ? [] : { rules: [] };
     }
@@ -684,6 +685,9 @@ export function renderStyles(styles, responsive = [], classNameOrSelector = 'unk
     const zones = pointsToZones(responsive || []);
     if (directSelector) {
         // Direct selector mode: convert logical rules directly to StyleResult format
+        if (!classNameOrSelector) {
+            throw new Error('directSelector mode requires classNameOrSelector');
+        }
         return allLogicalRules.map((rule) => {
             // Replace & with the actual selector or append suffix to selector
             let finalSelector = rule.selectorSuffix
@@ -733,6 +737,29 @@ export function renderStyles(styles, responsive = [], classNameOrSelector = 'unk
             });
         }
     }
+    // If no className provided, return rules with needsClassName flag
+    if (!classNameOrSelector) {
+        const materializedRules = Array.from(accumulatedRules.values()).map((rule) => {
+            const declarations = Object.entries(rule.declarations)
+                .map(([prop, value]) => `${prop}: ${value};`)
+                .join(' ');
+            const q = rule.breakpointIdx > 0
+                ? zones[rule.breakpointIdx]?.mediaQuery
+                : rule.responsiveSource
+                    ? zones[0]?.mediaQuery
+                    : undefined;
+            const atRules = q ? [`@media ${q}`] : undefined;
+            return {
+                selector: rule.selectorSuffix || '',
+                declarations,
+                atRules,
+                needsClassName: true, // Flag for injector to prepend className
+            };
+        });
+        return {
+            rules: materializedRules,
+        };
+    }
     // Materialize the accumulated logical rules into final format
     const finalRulesRaw = materializeRules(Array.from(accumulatedRules.values()), classNameOrSelector, zones || []);
     // Simplified deduplication (should be much less work now)

package/es/tasty/utils/responsive.js

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

package/es/tasty/utils/string.js

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

package/es/tasty/utils/styles.js

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

package/es/tasty/utils/warnings.js

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

package/es/tokens.js

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

package/es/type-checks.js

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

package/es/utils/ResizeSensor.js

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

package/es/utils/modules.js

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

package/es/utils/promise.js

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

package/es/utils/random.js

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

package/es/utils/range.js

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

package/es/utils/react/Slots.js

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

package/es/utils/react/chain.js

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

package/es/utils/react/forwardRefWithGenerics.js

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

package/es/utils/react/index.js

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

package/es/utils/react/interactions.js

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

package/es/utils/react/isTextOnly.js

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

package/es/utils/react/mapProps.js

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

package/es/utils/react/mergeProps.js

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

package/es/utils/react/nullableValue.js

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

package/es/utils/react/sharedStore.js

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

package/es/utils/react/useCombinedRefs.js

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

package/es/utils/react/useControlledFocusVisible.js

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