@cube-dev/ui-kit 0.0.0-canary-9ec284f → 0.0.0-canary-949985c

package/es/utils/range.js

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

package/es/utils/react/resolveIcon.js

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

package/es/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-9ec284f",
+  "version": "0.0.0-canary-949985c",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"

package/types/tasty/pipeline/conditions.d.ts

@@ -139,22 +139,10 @@ export declare function or(...children: ConditionNode[]): ConditionNode;
  * Negate a condition
  */
 export declare function not(node: ConditionNode): ConditionNode;
-/**
- * Check if a condition is a state condition
- */
-export declare function isStateCondition(node: ConditionNode): node is StateCondition;
 /**
  * Check if a condition is a compound condition
  */
 export declare function isCompoundCondition(node: ConditionNode): node is CompoundCondition;
-/**
- * Check if a condition is TRUE
- */
-export declare function isTrueCondition(node: ConditionNode): node is TrueCondition;
-/**
- * Check if a condition is FALSE
- */
-export declare function isFalseCondition(node: ConditionNode): node is FalseCondition;
 /**
  * Generate a normalized unique ID for a modifier condition
  */
@@ -252,16 +240,4 @@ export declare function createSupportsCondition(subtype: 'feature' | 'selector',
  * Get the unique ID for any condition node
  */
 export declare function getConditionUniqueId(node: ConditionNode): string;
-/**
- * Check if two conditions are equal based on their unique IDs
- */
-export declare function conditionsEqual(a: ConditionNode, b: ConditionNode): boolean;
-/**
- * Get all state conditions from a condition tree (flattened)
- */
-export declare function getAllStateConditions(node: ConditionNode): StateCondition[];
-/**
- * Clone a condition node (deep copy)
- */
-export declare function cloneCondition(node: ConditionNode): ConditionNode;
 export {};

package/types/tasty/pipeline/exclusive.d.ts

@@ -76,3 +76,28 @@ export declare function isValueMapping(value: StyleValue | Record<string, StyleV
  * @returns Expanded entries with OR branches made exclusive
  */
 export declare function expandOrConditions(entries: ParsedStyleEntry[]): ParsedStyleEntry[];
+/**
+ * Expand OR conditions in exclusive entries AFTER buildExclusiveConditions.
+ *
+ * This handles ORs that arise from De Morgan expansion during negation:
+ *   !(A & B) = !A | !B
+ *
+ * These ORs need to be made exclusive to avoid overlapping CSS rules:
+ *   !A | !B  →  !A | (A & !B)
+ *
+ * This is logically equivalent but ensures each branch has proper context.
+ *
+ * Example:
+ *   Input: { "": V1, "@supports(...) & :has()": V2 }
+ *   V2's exclusive = @supports & :has
+ *   V1's exclusive = !(@supports & :has) = !@supports | !:has
+ *
+ *   Without this fix: V1 gets two rules:
+ *     - @supports (not ...) → V1  ✓
+ *     - :not(:has()) → V1  ✗ (missing @supports context!)
+ *
+ *   With this fix: V1 gets two exclusive rules:
+ *     - @supports (not ...) → V1  ✓
+ *     - @supports (...) { :not(:has()) } → V1  ✓ (proper context!)
+ */
+export declare function expandExclusiveOrs(entries: ExclusiveStyleEntry[]): ExclusiveStyleEntry[];

package/types/tasty/pipeline/materialize.d.ts

@@ -64,22 +64,55 @@ export interface ParsedSupportsCondition {
     /** Whether this is a negated condition */
     negated: boolean;
 }
+/**
+ * Parsed modifier condition for structured analysis
+ */
+export interface ParsedModifierCondition {
+    /** Attribute name (e.g., 'data-hovered', 'data-size') */
+    attribute: string;
+    /** Value if present (e.g., 'large', 'danger') */
+    value?: string;
+    /** Operator for value matching (default '=') */
+    operator?: '=' | '^=' | '$=' | '*=';
+    /** Whether this is negated (:not(...)) */
+    negated: boolean;
+}
+/**
+ * Parsed pseudo-class condition for structured analysis
+ */
+export interface ParsedPseudoCondition {
+    /** The pseudo-class (e.g., ':hover', ':focus-visible', ':has(> Icon)') */
+    pseudo: string;
+    /** Whether this is negated (:not(...)) */
+    negated: boolean;
+}
+/**
+ * Parsed root condition for structured analysis
+ */
+export interface ParsedRootCondition {
+    /** The selector part (e.g., '[data-theme="dark"]') */
+    selector: string;
+    /** Whether this is negated (:root:not(...)) */
+    negated: boolean;
+}
 /**
  * A single selector variant (one term in a DNF expression)
  */
 export interface SelectorVariant {
-    /** Attribute/pseudo selectors to add to element selector (e.g., '[data-hovered]', ':not([data-disabled])') */
-    modifierSelectors: string[];
-    /** Selector suffixes for @own states (applied to sub-element) */
-    ownSelectors: string[];
+    /** Structured modifier conditions */
+    modifierConditions: ParsedModifierCondition[];
+    /** Structured pseudo conditions */
+    pseudoConditions: ParsedPseudoCondition[];
+    /** Structured own conditions (for sub-element states) */
+    ownConditions: (ParsedModifierCondition | ParsedPseudoCondition)[];
     /** Parsed media conditions for structured combination */
     mediaConditions: ParsedMediaCondition[];
     /** Parsed container conditions for structured combination */
     containerConditions: ParsedContainerCondition[];
     /** Parsed supports conditions for @supports at-rules */
     supportsConditions: ParsedSupportsCondition[];
-    /** Root state prefix (e.g., ':root[data-theme="dark"]') */
-    rootPrefix?: string;
+    /** Structured root conditions */
+    rootConditions: ParsedRootCondition[];
     /** Whether to wrap in @starting-style */
     startingStyle: boolean;
 }
@@ -112,17 +145,18 @@ export declare function conditionToCSS(node: ConditionNode): CSSComponents;
  */
 export declare function clearConditionCache(): void;
 /**
- * Build a complete CSS selector from a single variant
+ * Convert parsed modifier to CSS selector string (for final output)
  */
-export declare function buildCSSSelectorFromVariant(className: string, variant: SelectorVariant, selectorSuffix?: string): string;
+export declare function modifierToCSS(mod: ParsedModifierCondition): string;
 /**
- * Build at-rules array from a variant
+ * Convert parsed pseudo to CSS selector string (for final output)
  */
-export declare function buildAtRulesFromVariant(variant: SelectorVariant): string[];
+export declare function pseudoToCSS(pseudo: ParsedPseudoCondition): string;
 /**
- * Materialize a computed rule into final CSS format
- *
- * Returns an array of CSSRules because OR conditions may require multiple rules
- * (when different branches have different at-rules)
+ * Convert parsed root conditions to CSS selector prefix (for final output)
  */
-export declare function materializeRule(condition: ConditionNode, declarations: Record<string, string>, selectorSuffix: string, className: string): CSSRule[];
+export declare function rootConditionsToCSS(roots: ParsedRootCondition[]): string | undefined;
+/**
+ * Build at-rules array from a variant
+ */
+export declare function buildAtRulesFromVariant(variant: SelectorVariant): string[];

package/types/tasty/playground/PlaygroundEditor.d.ts

@@ -0,0 +1,6 @@
+import { Styles } from '../styles/types';
+export interface PlaygroundEditorProps {
+    value: Styles;
+    onChange: (styles: Styles) => void;
+}
+export declare function PlaygroundEditor({ value, onChange }: PlaygroundEditorProps): import("react/jsx-runtime").JSX.Element;

package/types/tasty/playground/PlaygroundLayout.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface PlaygroundLayoutProps {
+    toolbar: ReactNode;
+    editor: ReactNode;
+    preview: ReactNode;
+    output: ReactNode;
+}
+export declare function PlaygroundLayout({ toolbar, editor, preview, output, }: PlaygroundLayoutProps): import("react/jsx-runtime").JSX.Element;

package/types/tasty/playground/PlaygroundOutput.d.ts

@@ -0,0 +1,5 @@
+import { Styles } from '../styles/types';
+export interface PlaygroundOutputProps {
+    styles: Styles;
+}
+export declare function PlaygroundOutput({ styles }: PlaygroundOutputProps): import("react/jsx-runtime").JSX.Element;

package/types/tasty/playground/PlaygroundPreview.d.ts

@@ -0,0 +1,6 @@
+import { Styles } from '../styles/types';
+export interface PlaygroundPreviewProps {
+    component: 'card' | 'button';
+    styles: Styles;
+}
+export declare function PlaygroundPreview({ component, styles, }: PlaygroundPreviewProps): import("react/jsx-runtime").JSX.Element;

package/types/tasty/playground/components/Button.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { Styles } from '../../styles/types';
+export interface ButtonProps {
+    styles?: Styles;
+    children?: ReactNode;
+    isDisabled?: boolean;
+    onPress?: () => void;
+    /** Override internal mods (for forcing specific states in demos) */
+    mods?: Record<string, boolean>;
+}
+export declare function Button({ styles, children, isDisabled, onPress, mods: externalMods, }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/types/tasty/playground/components/Card.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { Styles } from '../../styles/types';
+export interface CardProps {
+    styles?: Styles;
+    children?: ReactNode;
+}
+export declare function Card({ styles, children }: CardProps): import("react/jsx-runtime").JSX.Element;

package/types/tasty/playground/examples.d.ts

@@ -0,0 +1,7 @@
+import { Styles } from '../styles/types';
+export interface PlaygroundExample {
+    name: string;
+    component: 'card' | 'button';
+    styles: Styles;
+}
+export declare const PLAYGROUND_EXAMPLES: PlaygroundExample[];

package/types/tasty/styles/radius.d.ts

@@ -1,16 +1,8 @@
 export declare function radiusStyle({ radius }: {
     radius: any;
-}): "" | ({
-    '--local-radius': string;
+}): "" | {
     'border-radius': string;
-    $?: undefined;
-    '--context-radius'?: undefined;
-} | {
-    $: string;
-    '--context-radius': string;
-    '--local-radius'?: undefined;
-    'border-radius'?: undefined;
-})[];
+};
 export declare namespace radiusStyle {
     var __lookupStyles: string[];
 }