@cube-dev/ui-kit 0.0.0-canary-76be278 → 0.0.0-canary-7e4ec9d

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-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 
@@ -9,12 +9,6 @@ import { createStyle, STYLE_HANDLER_MAP } from '../styles';
 export class SheetManager {
     rootRegistries = new WeakMap();
     config;
-    /** Dedicated style elements for raw CSS per root */
-    rawStyleElements = new WeakMap();
-    /** Tracking for raw CSS blocks per root */
-    rawCSSBlocks = new WeakMap();
-    /** Counter for generating unique raw CSS IDs */
-    rawCSSCounter = 0;
     constructor(config) {
         this.config = config;
     }
@@ -243,11 +237,8 @@ export class SheetManager {
                                     currentRuleIndex = idx + 1;
                                     anyInserted = true;
                                 }
-                                catch (singleErr) {
+                                catch (_) {
                                     // Skip unsupported selector in this engine (e.g., ::-moz-selection in Blink)
-                                    if (process.env.NODE_ENV !== 'production') {
-                                        console.warn('[tasty] Browser rejected CSS rule:', singleRule, singleErr);
-                                    }
                                 }
                             }
                             // If none inserted, continue without throwing to avoid aborting the whole batch
@@ -257,9 +248,6 @@ export class SheetManager {
                         }
                         else {
                             // Single selector failed — skip it silently (likely unsupported in this engine)
-                            if (process.env.NODE_ENV !== 'production') {
-                                console.warn('[tasty] Browser rejected CSS rule:', fullRule, e);
-                            }
                         }
                     }
                 }
@@ -918,118 +906,6 @@ export class SheetManager {
         }
         // Clear registry
         this.rootRegistries.delete(root);
-        // Clean up raw CSS style element
-        const rawStyleElement = this.rawStyleElements.get(root);
-        if (rawStyleElement?.parentNode) {
-            rawStyleElement.parentNode.removeChild(rawStyleElement);
-        }
-        this.rawStyleElements.delete(root);
-        this.rawCSSBlocks.delete(root);
-    }
-    /**
-     * Get or create a dedicated style element for raw CSS
-     * Raw CSS is kept separate from tasty-managed sheets to avoid index conflicts
-     */
-    getOrCreateRawStyleElement(root) {
-        let styleElement = this.rawStyleElements.get(root);
-        if (!styleElement) {
-            styleElement =
-                root.createElement?.('style') ||
-                    document.createElement('style');
-            if (this.config.nonce) {
-                styleElement.nonce = this.config.nonce;
-            }
-            styleElement.setAttribute('data-tasty-raw', '');
-            // Append to head or shadow root
-            if ('head' in root && root.head) {
-                root.head.appendChild(styleElement);
-            }
-            else if ('appendChild' in root) {
-                root.appendChild(styleElement);
-            }
-            else {
-                document.head.appendChild(styleElement);
-            }
-            this.rawStyleElements.set(root, styleElement);
-            this.rawCSSBlocks.set(root, new Map());
-        }
-        return styleElement;
-    }
-    /**
-     * Inject raw CSS text directly without parsing
-     * Returns a dispose function to remove the injected CSS
-     */
-    injectRawCSS(css, root) {
-        if (!css.trim()) {
-            return { dispose: () => { } };
-        }
-        const styleElement = this.getOrCreateRawStyleElement(root);
-        const blocksMap = this.rawCSSBlocks.get(root);
-        // Generate unique ID for this block
-        const id = `raw_${this.rawCSSCounter++}`;
-        // Calculate offsets
-        const currentContent = styleElement.textContent || '';
-        const startOffset = currentContent.length;
-        const cssWithNewline = (currentContent ? '\n' : '') + css;
-        const endOffset = startOffset + cssWithNewline.length;
-        // Append CSS
-        styleElement.textContent = currentContent + cssWithNewline;
-        // Track the block
-        const info = {
-            id,
-            css,
-            startOffset,
-            endOffset,
-        };
-        blocksMap.set(id, info);
-        return {
-            dispose: () => {
-                this.disposeRawCSS(id, root);
-            },
-        };
-    }
-    /**
-     * Remove a raw CSS block by ID
-     */
-    disposeRawCSS(id, root) {
-        const styleElement = this.rawStyleElements.get(root);
-        const blocksMap = this.rawCSSBlocks.get(root);
-        if (!styleElement || !blocksMap) {
-            return;
-        }
-        const info = blocksMap.get(id);
-        if (!info) {
-            return;
-        }
-        // Remove from tracking
-        blocksMap.delete(id);
-        // Rebuild the CSS content from remaining blocks
-        // This is simpler and more reliable than trying to splice strings
-        const remainingBlocks = Array.from(blocksMap.values());
-        if (remainingBlocks.length === 0) {
-            styleElement.textContent = '';
-        }
-        else {
-            // Rebuild with remaining CSS blocks in order of their original insertion
-            // Sort by original startOffset to maintain order
-            remainingBlocks.sort((a, b) => a.startOffset - b.startOffset);
-            const newContent = remainingBlocks.map((block) => block.css).join('\n');
-            styleElement.textContent = newContent;
-            // Update offsets for remaining blocks
-            let offset = 0;
-            for (const block of remainingBlocks) {
-                block.startOffset = offset;
-                block.endOffset = offset + block.css.length;
-                offset = block.endOffset + 1; // +1 for newline
-            }
-        }
-    }
-    /**
-     * Get the raw CSS content for SSR
-     */
-    getRawCSSText(root) {
-        const styleElement = this.rawStyleElements.get(root);
-        return styleElement?.textContent || '';
     }
 }
 

package/es/tasty/injector/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * 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-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 
@@ -112,10 +112,8 @@ export function classify(raw, opts, recurse) {
         if (opts.funcs && fname in opts.funcs) {
             // split by top-level commas within inner
             const tmp = new StyleParser(opts).process(inner); // fresh parser w/ same opts but no cache share issues
-            const funcResult = opts.funcs[fname](tmp.groups);
-            // Re-classify the result to determine proper bucket (e.g., if it returns a color)
-            // Pass funcs: undefined to prevent infinite recursion if result matches a function pattern
-            return classify(funcResult, { ...opts, funcs: undefined }, recurse);
+            const argProcessed = opts.funcs[fname](tmp.groups);
+            return { bucket: Bucket.Value, processed: argProcessed };
         }
         // generic: process inner and rebuild
         const argProcessed = recurse(inner).output;

package/es/tasty/parser/const.js

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

package/es/tasty/parser/lru.js

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

package/es/tasty/parser/parser.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 
@@ -69,13 +69,6 @@ export class StyleParser {
         };
         scan(stripped, (tok, isComma, prevChar) => {
             if (tok) {
-                // Accumulate raw token into current.input
-                if (current.input) {
-                    current.input += ` ${tok}`;
-                }
-                else {
-                    current.input = tok;
-                }
                 const { bucket, processed } = classify(tok, this.opts, (sub) => this.process(sub));
                 pushToken(bucket, processed);
             }
@@ -106,12 +99,6 @@ export class StyleParser {
         else
             this.cache.clear();
     }
-    /**
-     * Get the current units configuration.
-     */
-    getUnits() {
-        return this.opts.units;
-    }
 }
 
         

package/es/tasty/parser/tokenizer.js

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

package/es/tasty/parser/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 
@@ -12,7 +12,6 @@ export var Bucket;
     Bucket[Bucket["Mod"] = 2] = "Mod";
 })(Bucket || (Bucket = {}));
 export const makeEmptyDetails = () => ({
-    input: '',
     output: '',
     mods: [],
     values: [],

package/es/tasty/providers/BreakpointsProvider.js

@@ -0,0 +1,16 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext } from 'react';
+// Default breakpoints mirror Bootstrap defaults without md and xxl breakpoints.
+export const BreakpointsContext = createContext([980]);
+export function BreakpointsProvider({ value, children, }) {
+    return (_jsx(BreakpointsContext.Provider, { value: value, children: children }));
+}
+
+        

package/es/tasty/styles/align.js

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

package/es/tasty/styles/border.js

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

package/es/tasty/styles/boxShadow.combinator.js

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

package/es/tasty/styles/color.js

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

package/es/tasty/styles/createStyle.js

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

package/es/tasty/styles/dimension.js

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

package/es/tasty/styles/display.js

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

package/es/tasty/styles/fade.js

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

package/es/tasty/styles/fill.js

@@ -1,26 +1,36 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 
 import { parseStyle } from '../utils/styles';
+import { convertColorChainToRgbChain } from './createStyle';
 export function fillStyle({ fill }) {
     if (!fill)
         return '';
     const processed = parseStyle(fill);
     fill = processed.groups[0]?.colors[0] || fill;
-    return { 'background-color': fill };
+    const match = fill.match(/var\(--(.+?)-color/);
+    let name = '';
+    if (match) {
+        name = match[1];
+    }
+    const styles = [
+        {
+            'background-color': fill,
+        },
+    ];
+    if (name) {
+        styles.push({
+            $: '>*',
+            '--context-fill-color': fill,
+            '--context-fill-color-rgb': convertColorChainToRgbChain(fill),
+        });
+    }
+    return styles;
 }
 fillStyle.__lookupStyles = ['fill'];
-export function svgFillStyle({ svgFill }) {
-    if (!svgFill)
-        return '';
-    const processed = parseStyle(svgFill);
-    svgFill = processed.groups[0]?.colors[0] || svgFill;
-    return { fill: svgFill };
-}
-svgFillStyle.__lookupStyles = ['svgFill'];
 
         

package/es/tasty/styles/flow.js

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

package/es/tasty/styles/font.js

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

package/es/tasty/styles/fontStyle.js

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

package/es/tasty/styles/gap.js

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

package/es/tasty/styles/groupRadius.js

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

package/es/tasty/styles/height.js

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

package/es/tasty/styles/index.js

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

package/es/tasty/styles/inset.js

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

package/es/tasty/styles/justify.js

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

package/es/tasty/styles/list.js

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