@cube-dev/ui-kit 0.0.0-canary-4777472 → 0.0.0-canary-b26ec55

package/es/tasty/utils/responsive.js

@@ -1,60 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4777472
- * Released under the MIT license.
- */
-
-const zonesCache = {};
-export function pointsToZones(points) {
-    const cacheKey = points.join('|');
-    if (!zonesCache[cacheKey]) {
-        const zones = [];
-        points.forEach((point, i) => {
-            const zone = {};
-            if (i) {
-                zone.max = points[i - 1] - 1;
-            }
-            zone.min = point;
-            zones.push(zone);
-        });
-        zones.push({
-            max: points[points.length - 1] - 1,
-        });
-        zones.forEach((zone) => {
-            const queries = [];
-            if (zone.min) {
-                queries.push(`(min-width: ${zone.min}px)`);
-            }
-            if (zone.max) {
-                queries.push(`(max-width: ${zone.max}px)`);
-            }
-            zone.mediaQuery = queries.join(' and ');
-        });
-        zonesCache[cacheKey] = zones;
-    }
-    return zonesCache[cacheKey];
-}
-// export function getResponsiveValue(values, zoneNumber) {
-//   for (let i = zoneNumber; i >= 0; i--) {
-//     if (values[i] != null)
-//   }
-// }
-export function normalizeStyleZones(value, zoneNumber) {
-    if (value == null)
-        return value;
-    const arr = Array.from(Array(zoneNumber));
-    if (typeof value === 'string')
-        return arr.map(() => value);
-    if (Array.isArray(value)) {
-        let prevValue = null;
-        for (let i = 0; i < arr.length; i++) {
-            arr[i] = value[i] == null ? prevValue : value[i];
-            prevValue = arr[i];
-        }
-        return arr;
-    }
-    return [];
-}
-
-        

package/es/tokens.js

@@ -1,309 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4777472
- * Released under the MIT license.
- */
-
-const colors = {
-    pink: '255 100 146',
-    'pink-02': '255 131 168',
-    purple: '113 110 238',
-    'purple-text': '105 103 227',
-    'purple-bg': '241 239 250',
-    'purple-icon': '142, 134, 237',
-    'purple-01': '122 119 255',
-    'purple-02': '149 146 255',
-    'purple-03': '175 173 255',
-    'purple-04': '202 201 255',
-    focus: '172 163 238',
-    text: '91 92 125',
-    dark: '25 26 46',
-    'dark-01': '25 26 46',
-    'dark-02': '69 68 98',
-    'dark-03': '115 114 139',
-    'dark-04': '161 161 178',
-    'dark-05': '213 213 222',
-    'dark-bg': '249 249 251',
-    light: '246 246 248',
-    white: '255 255 255',
-    black: '0 0 0',
-    danger: '227 70 75',
-    'danger-text': '208 57 56',
-    'danger-bg': '253 245 244',
-    'danger-icon': '245 101 99',
-    success: '9 145 88',
-    'success-text': '12 135 82',
-    'success-icon': '40 165 104',
-    'success-bg': '238 249 242',
-    note: '158 119 19',
-    'note-text': '150 112 8',
-    'note-bg': '253 245 233',
-    'note-icon': '181 140 44',
-    border: '227 227 233',
-    // 'light-border': '237 237 240',
-    'light-border': '227 227 233', // deprecated
-};
-export const SIZES = {
-    XS: 24,
-    SM: 28,
-    MD: 32,
-    LG: 40,
-    XL: 48,
-};
-export const SIZES_MAP = {
-    xsmall: 'XS',
-    small: 'SM',
-    medium: 'MD',
-    large: 'LG',
-    xlarge: 'XL',
-};
-function color(name, opacity = 1) {
-    return `rgb(${colors[name]} / ${opacity})`;
-}
-const TOKENS = {
-    // Base and legacy tokens
-    'font-size': '14px',
-    'line-height': '20px',
-    'input-font-size': '14px',
-    'input-line-height': '20px',
-    'input-letter-spacing': '0.02em',
-    'disabled-opacity': '.4',
-    gap: '8px',
-    'stroke-width': 1.5,
-    'outline-width': 'calc(1rem / 16 * 3)',
-    'border-width': '1px',
-    radius: '6px',
-    'large-radius': '(1r + .5x)',
-    'card-radius': '(1r + .5x)',
-    'leaf-sharp-radius': '0px',
-    'fade-width': '32px',
-    transition: '80ms',
-    'disclosure-transition': '120ms',
-    'min-dialog-size': 'min(288px, calc(100vw - (2 * var(--gap))))',
-    'clear-color': 'transparent',
-    'border-opaque-color': 'rgb(227 227 233)',
-    'shadow-color': color('dark', 0.06),
-    'draft-color': color('dark', 0.2),
-    'minor-color': color('dark', 0.65),
-    'danger-bg-hover-color': color('danger', 0.1),
-    'dark-75-color': color('dark', 0.75),
-    'primary-color': color('purple'),
-    'pink-8-color': color('pink', 0.2),
-    'pink-9-color': color('pink', 0.1),
-    'disabled-color': color('dark-01', 0.25),
-    'disabled-text-color': color('dark-01', 0.25),
-    'disabled-bg-color': color('dark-05', 0.2),
-    'max-content-width': '1440px',
-    'topbar-height': '48px',
-    'devmodebar-height': '54px',
-    'sidebar-width': '200px',
-    'border-radius-base': '4px',
-    // shadows
-    'item-shadow': '0 1bw .375x #dark.15',
-    'card-shadow': '0 .5x 2x #shadow',
-    'dialog-shadow': '0 1x 4x #dark.15',
-    // button/input sizes
-    'size-xs': `${SIZES.XS}px`,
-    'size-sm': `${SIZES.SM}px`,
-    'size-md': `${SIZES.MD}px`,
-    'size-lg': `${SIZES.LG}px`,
-    'size-xl': `${SIZES.XL}px`,
-    // space sizes
-    'space-xs': '.5x',
-    'space-sm': '.75x',
-    'space-md': '1x',
-    'space-lg': '1.5x',
-    'space-xl': '2x',
-    // font sizes
-    'text-font-size': '14px',
-    'text-line-height': '20px',
-    'text-letter-spacing': '0',
-    // h1
-    'h1-font-size': '36px',
-    'h1-line-height': '44px',
-    'h1-letter-spacing': '-0.01em',
-    'h1-font-weight': '600',
-    'h1-bold-font-weight': '700',
-    'h1-icon-size': '40px',
-    // h2
-    'h2-font-size': '24px',
-    'h2-line-height': '32px',
-    'h2-letter-spacing': '0em',
-    'h2-font-weight': '600',
-    'h2-bold-font-weight': '700',
-    'h2-icon-size': '28px',
-    // h3
-    'h3-font-size': '20px',
-    'h3-line-height': '28px',
-    'h3-letter-spacing': '0em',
-    'h3-font-weight': '600',
-    'h3-bold-font-weight': '700',
-    'h3-icon-size': '24px',
-    // h4
-    'h4-font-size': '18px',
-    'h4-line-height': '24px',
-    'h4-letter-spacing': '0',
-    'h4-font-weight': '600',
-    'h4-bold-font-weight': '700',
-    'h4-icon-size': '22px',
-    // h5
-    'h5-font-size': '16px',
-    'h5-line-height': '22px',
-    'h5-letter-spacing': '0',
-    'h5-font-weight': '600',
-    'h5-bold-font-weight': '700',
-    'h5-icon-size': '20px',
-    // h6
-    'h6-font-size': '14px',
-    'h6-line-height': '20px',
-    'h6-letter-spacing': '0.01em',
-    'h6-font-weight': '600',
-    'h6-bold-font-weight': '700',
-    'h6-icon-size': '20px',
-    // t1
-    't1-font-size': '18px',
-    't1-line-height': '24px',
-    't1-letter-spacing': '0',
-    't1-font-weight': '400',
-    't1-icon-size': '20px',
-    // t2
-    't2-font-size': '16px',
-    't2-line-height': '22px',
-    't2-letter-spacing': '0',
-    't2-font-weight': '400',
-    't2-icon-size': '20px',
-    // t2m
-    't2m-font-size': '16px',
-    't2m-line-height': '22px',
-    't2m-letter-spacing': '0',
-    't2m-font-weight': '500',
-    't2m-icon-size': '20px',
-    // t3
-    't3-font-size': '14px',
-    't3-line-height': '20px',
-    't3-letter-spacing': '0',
-    't3-font-weight': '400',
-    't3-icon-size': '18px',
-    // t3m
-    't3m-font-size': '14px',
-    't3m-line-height': '20px',
-    't3m-letter-spacing': '0',
-    't3m-font-weight': '500',
-    't3m-icon-size': '18px',
-    // t4
-    't4-font-size': '12px',
-    't4-line-height': '18px',
-    't4-letter-spacing': '0',
-    't4-font-weight': '500',
-    't4-icon-size': '16px',
-    // t4m
-    't4m-font-size': '12px',
-    't4m-line-height': '18px',
-    't4m-letter-spacing': '0',
-    't4m-font-weight': '600',
-    't4m-bold-font-weight': '700',
-    't4m-icon-size': '16px',
-    // m1
-    'm1-font-size': '18px',
-    'm1-line-height': '32px',
-    'm1-letter-spacing': '0',
-    'm1-font-weight': '400',
-    'm1-icon-size': '22px',
-    // m2
-    'm2-font-size': '16px',
-    'm2-line-height': '28px',
-    'm2-letter-spacing': '0',
-    'm2-font-weight': '400',
-    'm2-icon-size': '20px',
-    // m2
-    'm3-font-size': '14px',
-    'm3-line-height': '24px',
-    'm3-letter-spacing': '0',
-    'm3-font-weight': '400',
-    'm3-icon-size': '20px',
-    // p1
-    'p1-font-size': '18px',
-    'p1-line-height': '28px',
-    'p1-letter-spacing': '0',
-    'p1-font-weight': '400',
-    'p1-icon-size': '22px',
-    // p2
-    'p2-font-size': '16px',
-    'p2-line-height': '24px',
-    'p2-letter-spacing': '0',
-    'p2-font-weight': '400',
-    'p2-icon-size': '20px',
-    // p3
-    'p3-font-size': '14px',
-    'p3-line-height': '22px',
-    'p3-letter-spacing': '0',
-    'p3-font-weight': '400',
-    'p3-icon-size': '18px',
-    // p4
-    'p4-font-size': '12px',
-    'p4-line-height': '20px',
-    'p4-letter-spacing': '0',
-    'p4-font-weight': '500',
-    'p4-icon-size': '16px',
-    // c1
-    'c1-font-size': '14px',
-    'c1-line-height': '20px',
-    'c1-letter-spacing': '0',
-    'c1-font-weight': '600',
-    'c1-font-bold-weight': '700',
-    'c1-text-transform': 'uppercase',
-    'c1-icon-size': '18px',
-    // c2
-    'c2-font-size': '12px',
-    'c2-line-height': '18px',
-    'c2-letter-spacing': '0.01em',
-    'c2-font-weight': '600',
-    'c2-font-bold-weight': '700',
-    'c2-text-transform': 'uppercase',
-    'c2-icon-size': '16px',
-    // tag
-    'tag-font-size': '12px',
-    'tag-line-height': '18px',
-    'tag-letter-spacing': '0.01em',
-    'tag-font-weight': '600',
-    'tag-bold-font-weight': '700',
-    'tag-icon-size': '16px',
-    // strong
-    'strong-font-size': 'inherit',
-    'strong-line-height': 'inherit',
-    'strong-letter-spacing': 'inherit',
-    'strong-font-family': 'inherit',
-    'strong-font-style': 'inherit',
-    'strong-font-weight': 'var(--bold-font-weight, var(--default-bold-font-weight, 600))',
-    // em
-    'em-font-size': 'inherit',
-    'em-line-height': 'inherit',
-    'em-letter-spacing': 'inherit',
-    'em-font-family': 'inherit',
-    'em-font-style': 'italic',
-    'em-font-weight': 'inherit',
-    // default
-    'default-font-size': 'var(--t3-font-size)',
-    'default-line-height': 'var(--t3-line-height)',
-    'default-letter-spacing': 'var(--t3-letter-spacing)',
-    'default-font-weight': 'var(--t3-font-weight)',
-    'default-bold-font-weight': '600',
-    'default-icon-size': 'inherit',
-    // scrollbar colors
-    'scrollbar-width': '1.5x',
-    'scrollbar-outline-width': '1ow',
-    'scrollbar-radius': '1.5r',
-    'scrollbar-thumb-color': 'rgb(var(--text-color-rgb) / .5)',
-    'scrollbar-outline-color': 'var(--clear-color)',
-    'scrollbar-bg-color': 'var(--dark-bg-color)',
-    'scrollbar-corner-color': 'var(--clear-color)',
-};
-// Map color tokens
-Object.keys(colors).forEach((name) => {
-    TOKENS[`${name}-color`] = color(name);
-    TOKENS[`${name}-color-rgb`] = colors[name];
-});
-export { TOKENS };
-
-        

package/types/tasty/providers/BreakpointsProvider.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-export declare const BreakpointsContext: import("react").Context<number[]>;
-interface BreakpointsProviderProps {
-    value: number[];
-    children: ReactNode;
-}
-export declare function BreakpointsProvider({ value, children, }: BreakpointsProviderProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/types/tasty/utils/getModCombinations.d.ts

@@ -1,9 +0,0 @@
-export type ConflictChecker = (combination: string[]) => boolean;
-/**
- * Efficient iterative combination generator with early pruning
- * Generates combinations one by one and prunes branches early when conflicts are detected
- * @param array - Array of mod strings to generate combinations from
- * @param allowEmpty - Whether to include empty combination
- * @param conflictChecker - Function to detect conflicting combinations (required)
- */
-export declare function getModCombinationsIterative(array: string[], allowEmpty?: boolean, conflictChecker?: ConflictChecker): string[][];

package/types/tasty/utils/renderStyles.d.ts

@@ -1,41 +0,0 @@
-/**
- * Style rendering that works with structured style objects.
- * Eliminates CSS string parsing for better performance.
- *
- * Key optimizations:
- * - Early exit checks (hasSameAttributeConflicts) handle common cases without overhead
- * - Logical rule caching (logicalRulesCache) memoizes expensive style processing
- * - Conflict detection prevents invalid CSS selector combinations
- * - Not-selector optimization reduces CSS size
- * - Priority-based filtering handles mod precedence correctly
- * - Consolidated mod processing eliminates code duplication
- */
-import { Styles } from '../styles/types';
-export interface StyleResult {
-    selector: string;
-    declarations: string;
-    atRules?: string[];
-    needsClassName?: boolean;
-}
-export interface RenderResult {
-    rules: StyleResult[];
-    className?: string;
-}
-/**
- * Check if a key represents a CSS selector
- */
-export declare function isSelector(key: string): boolean;
-/**
- * Render styles to StyleResult[] format (recommended)
- * Supports both component and global styling with advanced optimizations
- */
-export declare function renderStyles(styles?: Styles, responsive?: number[], className?: string): RenderResult;
-/**
- * Render styles without className for element styles (injector will add it)
- */
-export declare function renderStyles(styles: Styles | undefined, responsive?: number[]): RenderResult;
-/**
- * Render styles for direct injection with a specific selector
- * Bypasses CSS text generation and flattening by directly creating StyleResult[]
- */
-export declare function renderStyles(styles: Styles | undefined, responsive: number[], selector: string): StyleResult[];

package/types/tasty/utils/responsive.d.ts

@@ -1,8 +0,0 @@
-import { ResponsiveStyleValue } from './styles';
-export interface ResponsiveZone {
-    max?: number;
-    min?: number;
-    mediaQuery?: string;
-}
-export declare function pointsToZones(points: number[]): any;
-export declare function normalizeStyleZones(value: ResponsiveStyleValue, zoneNumber: number): any[] | null | undefined;

package/types/tokens.d.ts

@@ -1,221 +0,0 @@
-export declare const SIZES: {
-    XS: number;
-    SM: number;
-    MD: number;
-    LG: number;
-    XL: number;
-};
-export declare const SIZES_MAP: {
-    xsmall: string;
-    small: string;
-    medium: string;
-    large: string;
-    xlarge: string;
-};
-declare const TOKENS: {
-    'font-size': string;
-    'line-height': string;
-    'input-font-size': string;
-    'input-line-height': string;
-    'input-letter-spacing': string;
-    'disabled-opacity': string;
-    gap: string;
-    'stroke-width': number;
-    'outline-width': string;
-    'border-width': string;
-    radius: string;
-    'large-radius': string;
-    'card-radius': string;
-    'leaf-sharp-radius': string;
-    'fade-width': string;
-    transition: string;
-    'disclosure-transition': string;
-    'min-dialog-size': string;
-    'clear-color': string;
-    'border-opaque-color': string;
-    'shadow-color': string;
-    'draft-color': string;
-    'minor-color': string;
-    'danger-bg-hover-color': string;
-    'dark-75-color': string;
-    'primary-color': string;
-    'pink-8-color': string;
-    'pink-9-color': string;
-    'disabled-color': string;
-    'disabled-text-color': string;
-    'disabled-bg-color': string;
-    'max-content-width': string;
-    'topbar-height': string;
-    'devmodebar-height': string;
-    'sidebar-width': string;
-    'border-radius-base': string;
-    'item-shadow': string;
-    'card-shadow': string;
-    'dialog-shadow': string;
-    'size-xs': string;
-    'size-sm': string;
-    'size-md': string;
-    'size-lg': string;
-    'size-xl': string;
-    'space-xs': string;
-    'space-sm': string;
-    'space-md': string;
-    'space-lg': string;
-    'space-xl': string;
-    'text-font-size': string;
-    'text-line-height': string;
-    'text-letter-spacing': string;
-    'h1-font-size': string;
-    'h1-line-height': string;
-    'h1-letter-spacing': string;
-    'h1-font-weight': string;
-    'h1-bold-font-weight': string;
-    'h1-icon-size': string;
-    'h2-font-size': string;
-    'h2-line-height': string;
-    'h2-letter-spacing': string;
-    'h2-font-weight': string;
-    'h2-bold-font-weight': string;
-    'h2-icon-size': string;
-    'h3-font-size': string;
-    'h3-line-height': string;
-    'h3-letter-spacing': string;
-    'h3-font-weight': string;
-    'h3-bold-font-weight': string;
-    'h3-icon-size': string;
-    'h4-font-size': string;
-    'h4-line-height': string;
-    'h4-letter-spacing': string;
-    'h4-font-weight': string;
-    'h4-bold-font-weight': string;
-    'h4-icon-size': string;
-    'h5-font-size': string;
-    'h5-line-height': string;
-    'h5-letter-spacing': string;
-    'h5-font-weight': string;
-    'h5-bold-font-weight': string;
-    'h5-icon-size': string;
-    'h6-font-size': string;
-    'h6-line-height': string;
-    'h6-letter-spacing': string;
-    'h6-font-weight': string;
-    'h6-bold-font-weight': string;
-    'h6-icon-size': string;
-    't1-font-size': string;
-    't1-line-height': string;
-    't1-letter-spacing': string;
-    't1-font-weight': string;
-    't1-icon-size': string;
-    't2-font-size': string;
-    't2-line-height': string;
-    't2-letter-spacing': string;
-    't2-font-weight': string;
-    't2-icon-size': string;
-    't2m-font-size': string;
-    't2m-line-height': string;
-    't2m-letter-spacing': string;
-    't2m-font-weight': string;
-    't2m-icon-size': string;
-    't3-font-size': string;
-    't3-line-height': string;
-    't3-letter-spacing': string;
-    't3-font-weight': string;
-    't3-icon-size': string;
-    't3m-font-size': string;
-    't3m-line-height': string;
-    't3m-letter-spacing': string;
-    't3m-font-weight': string;
-    't3m-icon-size': string;
-    't4-font-size': string;
-    't4-line-height': string;
-    't4-letter-spacing': string;
-    't4-font-weight': string;
-    't4-icon-size': string;
-    't4m-font-size': string;
-    't4m-line-height': string;
-    't4m-letter-spacing': string;
-    't4m-font-weight': string;
-    't4m-bold-font-weight': string;
-    't4m-icon-size': string;
-    'm1-font-size': string;
-    'm1-line-height': string;
-    'm1-letter-spacing': string;
-    'm1-font-weight': string;
-    'm1-icon-size': string;
-    'm2-font-size': string;
-    'm2-line-height': string;
-    'm2-letter-spacing': string;
-    'm2-font-weight': string;
-    'm2-icon-size': string;
-    'm3-font-size': string;
-    'm3-line-height': string;
-    'm3-letter-spacing': string;
-    'm3-font-weight': string;
-    'm3-icon-size': string;
-    'p1-font-size': string;
-    'p1-line-height': string;
-    'p1-letter-spacing': string;
-    'p1-font-weight': string;
-    'p1-icon-size': string;
-    'p2-font-size': string;
-    'p2-line-height': string;
-    'p2-letter-spacing': string;
-    'p2-font-weight': string;
-    'p2-icon-size': string;
-    'p3-font-size': string;
-    'p3-line-height': string;
-    'p3-letter-spacing': string;
-    'p3-font-weight': string;
-    'p3-icon-size': string;
-    'p4-font-size': string;
-    'p4-line-height': string;
-    'p4-letter-spacing': string;
-    'p4-font-weight': string;
-    'p4-icon-size': string;
-    'c1-font-size': string;
-    'c1-line-height': string;
-    'c1-letter-spacing': string;
-    'c1-font-weight': string;
-    'c1-font-bold-weight': string;
-    'c1-text-transform': string;
-    'c1-icon-size': string;
-    'c2-font-size': string;
-    'c2-line-height': string;
-    'c2-letter-spacing': string;
-    'c2-font-weight': string;
-    'c2-font-bold-weight': string;
-    'c2-text-transform': string;
-    'c2-icon-size': string;
-    'tag-font-size': string;
-    'tag-line-height': string;
-    'tag-letter-spacing': string;
-    'tag-font-weight': string;
-    'tag-bold-font-weight': string;
-    'tag-icon-size': string;
-    'strong-font-size': string;
-    'strong-line-height': string;
-    'strong-letter-spacing': string;
-    'strong-font-family': string;
-    'strong-font-style': string;
-    'strong-font-weight': string;
-    'em-font-size': string;
-    'em-line-height': string;
-    'em-letter-spacing': string;
-    'em-font-family': string;
-    'em-font-style': string;
-    'em-font-weight': string;
-    'default-font-size': string;
-    'default-line-height': string;
-    'default-letter-spacing': string;
-    'default-font-weight': string;
-    'default-bold-font-weight': string;
-    'default-icon-size': string;
-    'scrollbar-width': string;
-    'scrollbar-outline-width': string;
-    'scrollbar-radius': string;
-    'scrollbar-thumb-color': string;
-    'scrollbar-outline-color': string;
-    'scrollbar-bg-color': string;
-    'scrollbar-corner-color': string;
-};
-export { TOKENS };