@cube-dev/ui-kit 0.75.0 → 0.76.1

package/es/tasty/utils/dotize.js

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

package/es/tasty/utils/isDevEnv.js

@@ -0,0 +1,36 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.76.1
+ * Released under the MIT license.
+ */
+
+/**
+ * Check if we're in a development environment at runtime
+ * Uses bracket notation to avoid bundler compilation
+ * Also checks for TASTY_DEBUG localStorage setting
+ */
+export function isDevEnv() {
+    // Check localStorage for DEBUG_TASTY setting (browser environment)
+    if (typeof window !== 'undefined' && window.localStorage) {
+        try {
+            const forceTastyDebug = window.localStorage.getItem('TASTY_DEBUG');
+            if (forceTastyDebug !== null &&
+                forceTastyDebug.toLowerCase() === 'true') {
+                return true;
+            }
+        }
+        catch {
+            // localStorage might not be available (private browsing, etc.)
+            // Continue with other checks
+        }
+    }
+    // Check NODE_ENV for Node.js environments
+    if (typeof process === 'undefined')
+        return false;
+    // Use bracket notation to avoid bundler replacement
+    const nodeEnv = process.env?.['NODE_ENV'];
+    return nodeEnv !== 'test' && nodeEnv !== 'production';
+}
+
+        

package/es/tasty/utils/mergeStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.75.0
+ * @cube-dev/ui-kit v0.76.1
  * 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.75.0
+ * @cube-dev/ui-kit v0.76.1
  * 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.75.0
+ * @cube-dev/ui-kit v0.76.1
  * Released under the MIT license.
  */
 
@@ -307,7 +307,12 @@ function convertHandlerResultToCSS(result, selectorSuffix = '') {
  */
 function materializeRules(logicalRules, className, zones) {
     return logicalRules.map((rule) => {
-        const selector = `.${className}${rule.selectorSuffix}`;
+        // Generate base selector
+        let selector = `.${className}${rule.selectorSuffix}`;
+        // Increase specificity for tasty class selectors by duplicating the class
+        if (/^t\d+$/.test(className)) {
+            selector = `.${className}${selector}`;
+        }
         const declarations = Object.entries(rule.declarations)
             .map(([prop, value]) => `${prop}: ${value};`)
             .join(' ');
@@ -670,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: [] };
     }
@@ -679,11 +685,22 @@ 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
-            const finalSelector = rule.selectorSuffix
+            let finalSelector = rule.selectorSuffix
                 ? `${classNameOrSelector}${rule.selectorSuffix}`
                 : classNameOrSelector;
+            // Increase specificity for tasty class selectors by duplicating the class
+            if (finalSelector.startsWith('.') && /^\.t\d+/.test(finalSelector)) {
+                const classMatch = finalSelector.match(/^\.t\d+/);
+                if (classMatch) {
+                    const baseClass = classMatch[0];
+                    finalSelector = baseClass + finalSelector;
+                }
+            }
             const declarations = Object.entries(rule.declarations)
                 .map(([prop, value]) => `${prop}: ${value};`)
                 .join(' ');
@@ -720,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.75.0
+ * @cube-dev/ui-kit v0.76.1
  * 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.75.0
+ * @cube-dev/ui-kit v0.76.1
  * 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.75.0
+ * @cube-dev/ui-kit v0.76.1
  * Released under the MIT license.
  */
 
@@ -431,5 +431,43 @@ export function computeState(computeModel, valueMap) {
     }
     return !!func(a, b);
 }
+const _innerCache = new WeakMap();
+export function stringifyStyles(styles) {
+    if (styles == null || typeof styles !== 'object')
+        return '';
+    const keys = Object.keys(styles).sort();
+    const parts = [];
+    for (let i = 0; i < keys.length; i++) {
+        const k = keys[i], v = styles[k];
+        if (v === undefined || typeof v === 'function' || typeof v === 'symbol')
+            continue;
+        const c0 = k.charCodeAt(0);
+        const needsInnerSort = ((c0 >= 65 && c0 <= 90) || c0 === 38) &&
+            v &&
+            typeof v === 'object' &&
+            !Array.isArray(v);
+        let sv;
+        if (needsInnerSort) {
+            sv = _innerCache.get(v);
+            if (sv === undefined) {
+                const innerKeys = Object.keys(v).sort();
+                const innerParts = [];
+                for (let j = 0; j < innerKeys.length; j++) {
+                    const ik = innerKeys[j];
+                    const ivs = JSON.stringify(v[ik]);
+                    if (ivs !== undefined)
+                        innerParts.push(JSON.stringify(ik) + ':' + ivs);
+                }
+                sv = '{' + innerParts.join(',') + '}';
+                _innerCache.set(v, sv);
+            }
+        }
+        else {
+            sv = JSON.stringify(v);
+        }
+        parts.push(JSON.stringify(k) + ':' + sv);
+    }
+    return '{' + parts.join(',') + '}';
+}
 
         

package/es/tasty/utils/warnings.js

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

package/es/tokens.js

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

package/es/utils/react/useQaProps.js

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

package/es/utils/react/useViewportSize.js

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

package/es/utils/react/wrapNodeIfPlain.js

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

package/es/utils/transitions.js

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

package/es/utils/tree.js

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

package/es/utils/warnings.js

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

package/es/version.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.75.0
+ * @cube-dev/ui-kit v0.76.1
  * Released under the MIT license.
  */
 
 "use strict";
 if (typeof window !== 'undefined') {
-    const version = '0.75.0';
+    const version = '0.76.1';
     // Ensure CubeUIKit is defined on window in a way bundlers recognize
     window.CubeUIKit = window.CubeUIKit || { version };
     // Check for multiple versions

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.75.0",
+  "version": "0.76.1",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"