@cube-dev/ui-kit 0.97.1 → 0.98.0

package/es/tasty/utils/processTokens.js

@@ -0,0 +1,124 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.98.0
+ * Released under the MIT license.
+ */
+
+import { getRgbValuesFromRgbaString, hexToRgb, parseStyle } from './styles';
+const devMode = process.env.NODE_ENV !== 'production';
+/**
+ * Extract RGB triplet from a color value.
+ * Returns the RGB values as a space-separated string (e.g., "255 128 0")
+ * or a CSS variable reference for token colors.
+ */
+function extractRgbValue(colorValue, parsedOutput) {
+    // If the parsed output references a color variable, use the -rgb variant
+    const varMatch = parsedOutput.match(/var\(--([a-z0-9-]+)-color\)/);
+    if (varMatch) {
+        return `var(--${varMatch[1]}-color-rgb)`;
+    }
+    // For rgb(...) values, extract the triplet
+    if (parsedOutput.startsWith('rgb(')) {
+        const rgbValues = getRgbValuesFromRgbaString(parsedOutput);
+        if (rgbValues && rgbValues.length >= 3) {
+            return rgbValues.join(' ');
+        }
+    }
+    // For hex values, convert to RGB triplet
+    if (colorValue.startsWith('#') && /^#[0-9a-fA-F]{3,8}$/.test(colorValue)) {
+        const rgbResult = hexToRgb(colorValue);
+        if (rgbResult) {
+            const rgbValues = getRgbValuesFromRgbaString(rgbResult);
+            if (rgbValues && rgbValues.length >= 3) {
+                return rgbValues.join(' ');
+            }
+        }
+    }
+    // Fallback: return the parsed output (may not be ideal but covers edge cases)
+    return parsedOutput;
+}
+/**
+ * Check if a value is a valid token value (string or number, not object).
+ */
+function isValidTokenValue(value) {
+    if (value === undefined || value === null) {
+        return false;
+    }
+    if (typeof value === 'object') {
+        if (devMode) {
+            console.warn('CubeUIKit: Object values are not allowed in tokens prop. ' +
+                'Tokens do not support state-based styling. Use a primitive value instead.');
+        }
+        return false;
+    }
+    return typeof value === 'string' || typeof value === 'number';
+}
+/**
+ * Process a single token value through the tasty parser.
+ * Numbers are converted to strings; 0 stays as "0".
+ */
+function processTokenValue(value) {
+    if (typeof value === 'number') {
+        // 0 should remain as "0", not converted to any unit
+        if (value === 0) {
+            return '0';
+        }
+        return parseStyle(String(value)).output;
+    }
+    return parseStyle(value).output;
+}
+/**
+ * Process tokens object into inline style properties.
+ * - $name -> --name with parsed value
+ * - #name -> --name-color AND --name-color-rgb with parsed values
+ *
+ * @param tokens - The tokens object to process
+ * @returns CSSProperties object or undefined if no tokens to process
+ */
+export function processTokens(tokens) {
+    if (!tokens) {
+        return undefined;
+    }
+    const keys = Object.keys(tokens);
+    if (keys.length === 0) {
+        return undefined;
+    }
+    let result;
+    for (const key of keys) {
+        const value = tokens[key];
+        // Skip undefined/null values
+        if (!isValidTokenValue(value)) {
+            continue;
+        }
+        if (key.startsWith('$')) {
+            // Custom property token: $name -> --name
+            const propName = `--${key.slice(1)}`;
+            const processedValue = processTokenValue(value);
+            if (!result)
+                result = {};
+            result[propName] = processedValue;
+        }
+        else if (key.startsWith('#')) {
+            // Color token: #name -> --name-color and --name-color-rgb
+            const colorName = key.slice(1);
+            const originalValue = typeof value === 'number' ? String(value) : value;
+            const processedValue = processTokenValue(value);
+            if (!result)
+                result = {};
+            result[`--${colorName}-color`] = processedValue;
+            result[`--${colorName}-color-rgb`] = extractRgbValue(originalValue, processedValue);
+        }
+    }
+    return result;
+}
+/**
+ * Stringify tokens for memoization key.
+ */
+export function stringifyTokens(tokens) {
+    if (!tokens)
+        return '';
+    return JSON.stringify(tokens);
+}
+
+        

package/es/tasty/utils/renderStyles.js

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

package/es/tasty/utils/responsive.js

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

package/es/tokens.js

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

package/es/utils/index.js

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

package/es/utils/raf.js

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

package/es/utils/react/RenderCache.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.97.1
+ * @cube-dev/ui-kit v0.98.0
  * 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.97.1
+ * @cube-dev/ui-kit v0.98.0
  * 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.97.1
+ * @cube-dev/ui-kit v0.98.0
  * 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.97.1
+ * @cube-dev/ui-kit v0.98.0
  * 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.97.1
+ * @cube-dev/ui-kit v0.98.0
  * Released under the MIT license.
  */
 
@@ -20,5 +20,6 @@ export { useEventBus, useEventListener, EventBusProvider } from './useEventBus';
 export { useControlledFocusVisible } from './useControlledFocusVisible';
 export { RenderCache } from './RenderCache';
 export { useLocalStorage } from './useLocalStorage';
+export { resolveIcon } from './resolveIcon';
 
         

package/es/utils/react/interactions.js

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

package/es/utils/react/resolveIcon.js

@@ -0,0 +1,34 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.98.0
+ * Released under the MIT license.
+ */
+
+/**
+ * Resolves a dynamic icon prop to its content and slot state.
+ * - If `true`: empty slot (hasSlot=true, content=null)
+ * - If function: call with mods, then process result
+ * - Otherwise: use as-is
+ */
+export function resolveIcon(icon, mods) {
+    if (icon === undefined || icon === null || icon === false) {
+        return { content: null, hasSlot: false };
+    }
+    if (icon === true) {
+        return { content: null, hasSlot: true };
+    }
+    if (typeof icon === 'function') {
+        const result = icon(mods);
+        if (result === true) {
+            return { content: null, hasSlot: true };
+        }
+        if (result === undefined || result === null || result === false) {
+            return { content: null, hasSlot: false };
+        }
+        return { content: result, hasSlot: true };
+    }
+    return { content: icon, hasSlot: true };
+}
+
+        

package/es/utils/react/sharedStore.js

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

package/es/utils/react/useLocalStorage.js

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

package/es/version.js

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.97.1
+ * @cube-dev/ui-kit v0.98.0
  * Released under the MIT license.
  */
 
-export const VERSION = '0.97.1';
+export const VERSION = '0.98.0';
 if (typeof window !== 'undefined') {
     const version = VERSION;
     // Ensure CubeUIKit is defined on window in a way bundlers recognize

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.97.1",
+  "version": "0.98.0",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/cube-js/cube-ui-kit.git"
+    "url": "git+https://github.com/cube-js/cube-ui-kit.git"
   },
   "author": "Cube Dev Team",
   "engines": {