@cube-dev/ui-kit 0.0.0-canary-ddfc3d1 → 0.0.0-canary-7bbea62

package/es/tasty/styles/types.js

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

package/es/tasty/tasty.js

@@ -1,20 +1,20 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-ddfc3d1
+ * @cube-dev/ui-kit v0.0.0-canary-7bbea62
  * Released under the MIT license.
  */
 
 import { createElement, forwardRef, useContext, useInsertionEffect, useMemo, useRef, } from 'react';
 import { isValidElementType } from 'react-is';
-import { inject, injectGlobal } from './injector';
+import { inject } from './injector';
 import { BreakpointsContext } from './providers/BreakpointsProvider';
 import { BASE_STYLES } from './styles/list';
 import { cacheWrapper } from './utils/cache-wrapper';
 import { getDisplayName } from './utils/getDisplayName';
 import { mergeStyles } from './utils/mergeStyles';
 import { modAttrs } from './utils/modAttrs';
-import { renderStyles, renderStylesForGlobal } from './utils/renderStyles';
+import { renderStyles } from './utils/renderStyles';
 /**
  * Simple hash function for internal cache keys
  */
@@ -46,22 +46,23 @@ function tastyGlobal(selector, styles) {
         const breakpointsList = (breakpoints ?? contextBreakpoints) || [980];
         const breakpointsHash = breakpointsList.join(',');
         const disposeRef = useRef(null);
-        const cssText = useMemo(() => {
+        const styleResults = useMemo(() => {
             if (!styles)
-                return '';
-            return renderStylesForGlobal(styles, breakpointsList);
-        }, [breakpointsHash]);
+                return [];
+            return renderStyles(styles, breakpointsList, selector, true);
+        }, [selector, breakpointsHash]);
         // Inject styles at insertion phase; cleanup on change/unmount
         useInsertionEffect(() => {
             disposeRef.current?.();
-            if (!cssText)
+            if (styleResults.length === 0)
                 return;
-            disposeRef.current = injectGlobal(selector, cssText);
+            const { dispose } = inject(styleResults);
+            disposeRef.current = dispose;
             return () => {
                 disposeRef.current?.();
                 disposeRef.current = null;
             };
-        }, [cssText, selector]);
+        }, [styleResults]);
         return null;
     };
     _StyleDeclarationComponent.displayName = `TastyStyleDeclaration(${selector})`;

package/es/tasty/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-ddfc3d1
+ * @cube-dev/ui-kit v0.0.0-canary-7bbea62
  * 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-ddfc3d1
+ * @cube-dev/ui-kit v0.0.0-canary-7bbea62
  * 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-ddfc3d1
+ * @cube-dev/ui-kit v0.0.0-canary-7bbea62
  * 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-ddfc3d1
+ * @cube-dev/ui-kit v0.0.0-canary-7bbea62
  * 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-ddfc3d1
+ * @cube-dev/ui-kit v0.0.0-canary-7bbea62
  * 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-ddfc3d1
+ * @cube-dev/ui-kit v0.0.0-canary-7bbea62
  * 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-ddfc3d1
+ * @cube-dev/ui-kit v0.0.0-canary-7bbea62
  * 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-ddfc3d1
+ * @cube-dev/ui-kit v0.0.0-canary-7bbea62
  * 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-ddfc3d1
+ * @cube-dev/ui-kit v0.0.0-canary-7bbea62
  * 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-ddfc3d1
+ * @cube-dev/ui-kit v0.0.0-canary-7bbea62
  * 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-ddfc3d1
+ * @cube-dev/ui-kit v0.0.0-canary-7bbea62
  * Released under the MIT license.
  */
 
@@ -12,7 +12,7 @@
 import { Lru } from '../parser/lru';
 import { createStyle, STYLE_HANDLER_MAP } from '../styles';
 import { getModCombinationsIterative } from './getModCombinations';
-import { mediaWrapper, normalizeStyleZones, pointsToZones, } from './responsive';
+import { normalizeStyleZones, pointsToZones, } from './responsive';
 import { computeState, getModSelector, styleStateMapToStyleStateDataList, } from './styles';
 // Detect if a value is a state map whose entries contain responsive arrays
 function stateMapHasResponsiveArrays(value) {
@@ -159,7 +159,7 @@ function explodeHandlerResult(result, zones, selectorSuffix = '', forceBreakpoin
     for (const item of resultArray) {
         if (!item || typeof item !== 'object')
             continue;
-        const { $, css, ...styleProps } = item;
+        const { $, ...styleProps } = item;
         // Phase 2: Responsive fan-out - handle array values
         const breakpointGroups = new Map();
         if (forceBreakpointIdx !== undefined) {
@@ -198,14 +198,6 @@ function explodeHandlerResult(result, zones, selectorSuffix = '', forceBreakpoin
                 breakpointGroups.set(breakpointIdx, group);
             }
         }
-        // Handle raw CSS if present (add to base breakpoint)
-        if (css && typeof css === 'string') {
-            const baseGroup = breakpointGroups.get(0) || {};
-            // For now, we'll add raw CSS as a special property
-            // This is a limitation - raw CSS should be parsed properly
-            baseGroup['--raw-css'] = css;
-            breakpointGroups.set(0, baseGroup);
-        }
         // Phase 3: Selector fan-out - handle $ suffixes
         // IMPORTANT: If we are already in a pseudo-element context (contains '::'),
         // CSS does not allow further descendant/child selectors (e.g., '>*') after
@@ -317,7 +309,6 @@ function materializeRules(logicalRules, className, zones) {
     return logicalRules.map((rule) => {
         const selector = `.${className}${rule.selectorSuffix}`;
         const declarations = Object.entries(rule.declarations)
-            .filter(([key]) => key !== '--raw-css') // Skip raw CSS for now
             .map(([prop, value]) => `${prop}: ${value};`)
             .join(' ');
         const q = rule.breakpointIdx > 0
@@ -335,7 +326,7 @@ function materializeRules(logicalRules, className, zones) {
 }
 /**
  * Core style processing logic that generates logical rules
- * Shared between renderStyles and renderStylesForGlobal
+ * Used by the unified renderStyles function
  */
 function generateLogicalRules(styles, responsive = [], parentSuffix = '') {
     const zones = pointsToZones(responsive || []);
@@ -679,18 +670,37 @@ function generateLogicalRules(styles, responsive = [], parentSuffix = '') {
     processStyles(styles, parentSuffix);
     return allLogicalRules;
 }
-/**
- * Render styles without CSS string conversion
- * This is a performance-optimized version of renderStyles
- */
-export function renderStyles(styles, responsive = [], className = 'unknown') {
+export function renderStyles(styles, responsive = [], classNameOrSelector = 'unknown', directSelector = false) {
     if (!styles) {
-        return { rules: [] };
+        return directSelector ? [] : { rules: [] };
     }
     // Generate logical rules using shared pipeline
     const allLogicalRules = generateLogicalRules(styles, responsive);
     const zones = pointsToZones(responsive || []);
-    // Accumulate declarations before materialization to reduce duplication
+    if (directSelector) {
+        // Direct selector mode: convert logical rules directly to StyleResult format
+        return allLogicalRules.map((rule) => {
+            // Replace & with the actual selector or append suffix to selector
+            const finalSelector = rule.selectorSuffix
+                ? `${classNameOrSelector}${rule.selectorSuffix}`
+                : classNameOrSelector;
+            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: finalSelector,
+                declarations,
+                atRules,
+            };
+        });
+    }
+    // Standard mode: use accumulation and materialization with className
     const accumulatedRules = new Map();
     for (const rule of allLogicalRules) {
         // Create a key based on breakpointIdx, selectorSuffix, and responsiveOrigin
@@ -711,7 +721,7 @@ export function renderStyles(styles, responsive = [], className = 'unknown') {
         }
     }
     // Materialize the accumulated logical rules into final format
-    const finalRulesRaw = materializeRules(Array.from(accumulatedRules.values()), className, zones || []);
+    const finalRulesRaw = materializeRules(Array.from(accumulatedRules.values()), classNameOrSelector, zones || []);
     // Simplified deduplication (should be much less work now)
     const seen = new Set();
     const finalRules = finalRulesRaw.filter((rule) => {
@@ -724,74 +734,8 @@ export function renderStyles(styles, responsive = [], className = 'unknown') {
     });
     return {
         rules: finalRules,
-        className,
+        className: classNameOrSelector,
     };
 }
-/**
- * Convert logical rules to global CSS strings with & selectors
- */
-function logicalRulesToGlobalCSS(logicalRules, zones) {
-    const declarations = [];
-    const responsiveStyles = Array.from(Array(zones.length)).map(() => []);
-    const innerStylesFragments = [];
-    // Accumulate rules by type
-    for (const rule of logicalRules) {
-        // Create CSS rule string
-        const declarationList = Object.entries(rule.declarations)
-            .map(([prop, value]) => `${prop}: ${value};`)
-            .join(' ');
-        if (!declarationList)
-            continue;
-        const cssRule = `&${rule.selectorSuffix} { ${declarationList} }`;
-        if (rule.breakpointIdx > 0) {
-            // Responsive rule
-            responsiveStyles[rule.breakpointIdx].push(cssRule);
-        }
-        else if (rule.responsiveSource) {
-            // Base responsive rule
-            responsiveStyles[0].push(cssRule);
-        }
-        else if (rule.selectorSuffix) {
-            // Nested selector rule
-            innerStylesFragments.push(cssRule);
-        }
-        else {
-            // Base rule
-            const declarationBlock = Object.entries(rule.declarations)
-                .map(([prop, value]) => `${prop}: ${value};`)
-                .join('\n');
-            if (declarationBlock) {
-                declarations.push(declarationBlock);
-            }
-        }
-    }
-    // Build final CSS similar to original renderStyles
-    // Merge all declarations into a single rule
-    const baseRule = declarations.length > 0 ? `& { ${declarations.join('\n')} }` : '';
-    const mediaRules = zones.length > 0 && responsiveStyles.some((s) => s.length > 0)
-        ? mediaWrapper(responsiveStyles.map((fragments) => fragments.join('')), zones)
-        : '';
-    // Ensure we always separate the base rule, inner complex selectors and media rules with
-    // a newline so the selector replacement step ( & -> actual selector ) cannot accidentally
-    // concatenate two selectors and create the invalid form "..selector selector".
-    const innerStyles = innerStylesFragments.join('');
-    const parts = [baseRule, innerStyles, mediaRules].filter(Boolean);
-    const result = parts.join('\n');
-    return result;
-}
-/**
- * Render styles for global injection (without class names)
- * Returns CSS with & selectors that injectGlobal can process
- */
-export function renderStylesForGlobal(styles, responsive = []) {
-    if (!styles) {
-        return '';
-    }
-    // Generate logical rules using shared pipeline
-    const allLogicalRules = generateLogicalRules(styles, responsive);
-    const zones = pointsToZones(responsive || []);
-    // Convert logical rules to global CSS
-    return logicalRulesToGlobalCSS(allLogicalRules, zones);
-}
 
         

package/es/tasty/utils/responsive.js

@@ -1,16 +1,10 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-ddfc3d1
+ * @cube-dev/ui-kit v0.0.0-canary-7bbea62
  * Released under the MIT license.
  */
 
-export function mediaWrapper(cssRules, points) {
-    return points
-        .filter((point) => point.mediaQuery)
-        .map((point, i) => `@media ${point.mediaQuery} {${cssRules[i]}}`)
-        .join('\n');
-}
 const zonesCache = {};
 export function pointsToZones(points) {
     const cacheKey = points.join('|');

package/es/tasty/utils/string.js

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

package/es/utils/react/useEventBus.js

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

package/es/utils/react/useId.js

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

package/es/utils/react/useIsDarwin.js

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

package/es/utils/react/useKeySymbols.js

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

package/es/utils/react/useLayoutEffect.js

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