@cube-dev/ui-kit 0.0.0-canary-8ca04ef → 0.0.0-canary-dae9b2f

package/es/tasty/injector/sheet-manager.js

@@ -1,20 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-import { createStyle, STYLE_HANDLER_MAP } from '../styles/index.js';
+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;
     }
@@ -47,7 +41,6 @@ export class SheetManager {
                 metrics,
                 classCounter: 0,
                 keyframesCache: new Map(),
-                keyframesNameToContent: new Map(),
                 keyframesCounter: 0,
                 injectedProperties: new Set(),
                 globalRules: new Map(),
@@ -244,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
@@ -258,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);
-                            }
                         }
                     }
                 }
@@ -847,16 +834,6 @@ export class SheetManager {
                     info.ruleIndex < styleSheet.cssRules.length) {
                     styleSheet.deleteRule(info.ruleIndex);
                     sheet.ruleCount = Math.max(0, sheet.ruleCount - 1);
-                    // Adjust indices for all other rules in the same sheet
-                    // This is critical - when a keyframe rule is deleted, all rules
-                    // with higher indices shift down by 1
-                    this.adjustIndicesAfterDeletion(registry, info.sheetIndex, info.ruleIndex, info.ruleIndex, 1, 
-                    // Create a dummy RuleInfo to satisfy the function signature
-                    {
-                        className: '',
-                        ruleIndex: info.ruleIndex,
-                        sheetIndex: info.sheetIndex,
-                    });
                 }
             }
         }
@@ -929,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-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 

package/es/tasty/parser/classify.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-import { COLOR_FUNCS, RE_HEX, RE_NUMBER, RE_UNIT_NUM, VALUE_KEYWORDS, } from './const.js';
-import { StyleParser } from './parser.js';
-import { Bucket } from './types.js';
+import { COLOR_FUNCS, RE_HEX, RE_NUMBER, RE_UNIT_NUM, VALUE_KEYWORDS, } from './const';
+import { StyleParser } from './parser';
+import { Bucket } from './types';
 export function classify(raw, opts, recurse) {
     const token = raw.trim();
     if (!token)
@@ -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-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 

package/es/tasty/parser/parser.js

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-import { classify } from './classify.js';
-import { Lru } from './lru.js';
-import { scan } from './tokenizer.js';
-import { Bucket, finalizeGroup, makeEmptyDetails, } from './types.js';
+import { classify } from './classify';
+import { Lru } from './lru';
+import { scan } from './tokenizer';
+import { Bucket, finalizeGroup, makeEmptyDetails, } from './types';
 export class StyleParser {
     opts;
     cache;
@@ -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-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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-dae9b2f
+ * 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-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 

package/es/tasty/styles/border.js

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-import { DIRECTIONS, filterMods, parseStyle } from '../utils/styles.js';
+import { DIRECTIONS, filterMods, parseStyle } from '../utils/styles';
 const BORDER_STYLES = [
     'none',
     'hidden',

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-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 

package/es/tasty/styles/color.js

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-import { parseColor } from '../utils/styles.js';
-import { convertColorChainToRgbChain } from './createStyle.js';
+import { parseColor } from '../utils/styles';
+import { convertColorChainToRgbChain } from './createStyle';
 export function colorStyle({ color }) {
     if (!color)
         return '';

package/es/tasty/styles/createStyle.js

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-import { toSnakeCase } from '../utils/string.js';
-import { getRgbValuesFromRgbaString, parseColor, parseStyle, strToRgb, } from '../utils/styles.js';
+import { toSnakeCase } from '../utils/string';
+import { getRgbValuesFromRgbaString, parseColor, parseStyle, strToRgb, } from '../utils/styles';
 const CACHE = {};
 /**
  * Convert color fallback chain to RGB fallback chain.

package/es/tasty/styles/dimension.js

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-import { parseStyle } from '../utils/styles.js';
+import { parseStyle } from '../utils/styles';
 const DEFAULT_MIN_SIZE = 'var(--gap)';
 const DEFAULT_MAX_SIZE = '100%';
 export function dimensionStyle(name) {

package/es/tasty/styles/display.js

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

package/es/tasty/styles/fade.js

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-import { DIRECTIONS, filterMods, parseStyle } from '../utils/styles.js';
+import { DIRECTIONS, filterMods, parseStyle } from '../utils/styles';
 const DIRECTION_MAP = {
     right: 'to left',
     left: 'to right',

package/es/tasty/styles/fill.js

@@ -1,26 +1,36 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-import { parseStyle } from '../utils/styles.js';
+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-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 

package/es/tasty/styles/gap.js

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-import { parseStyle } from '../utils/styles.js';
+import { parseStyle } from '../utils/styles';
 export function gapStyle({ display = 'block', flow, gap, }) {
     if (typeof gap === 'number') {
         gap = `${gap}px`;

package/es/tasty/styles/groupRadius.js

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-import { parseStyle } from '../utils/styles.js';
+import { parseStyle } from '../utils/styles';
 const MAP = {
     row: ['* 0 0 *', '0 * * 0'],
     column: ['* * 0 0', '0 0 * *'],

package/es/tasty/styles/height.js

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-import { dimensionStyle } from './dimension.js';
+import { dimensionStyle } from './dimension';
 const dimension = dimensionStyle('height');
 export function heightStyle({ height }) {
     return dimension(height);

package/es/tasty/styles/index.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-import { predefine } from './predefined.js';
+import { predefine } from './predefined';
 const { STYLE_HANDLER_MAP, defineCustomStyle, defineStyleAlias } = predefine();
 export { STYLE_HANDLER_MAP, defineCustomStyle, defineStyleAlias };
-export * from './createStyle.js';
+export * from './createStyle';
 
         

package/es/tasty/styles/inset.js

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-import { DIRECTIONS, filterMods, parseStyle } from '../utils/styles.js';
+import { DIRECTIONS, filterMods, parseStyle } from '../utils/styles';
 export function insetStyle({ inset }) {
     if (typeof inset === 'number') {
         inset = `${inset}px`;

package/es/tasty/styles/justify.js

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