@tenphi/tasty 0.0.0-snapshot.574d291 → 0.0.0-snapshot.61865f6

package/README.md

@@ -24,9 +24,10 @@ On top of that foundation, Tasty gives you a concise, CSS-like DSL with design t
 ## Why Tasty
 
 - **Deterministic at any scale** — Exclusive selector generation eliminates the entire class of cascade/specificity bugs. Every state combination resolves to exactly one CSS rule per property. Refactor freely.
+- **AI-friendly by design** — Style definitions are declarative, self-contained, and structurally consistent. AI tools can read, understand, and refactor even advanced state bindings as confidently as a human — because there's no hidden cascade logic or implicit ordering to second-guess.
 - **DSL that feels like CSS** — Property names you already know (`padding`, `color`, `display`) with syntax sugar that removes boilerplate. Learn the DSL in minutes, not days.
 - **Design-system native** — Color tokens (`#primary`), spacing units (`2x`), typography presets (`h1`, `t2`), border radius (`1r`), and recipes are first-class primitives, not afterthoughts.
-- **Full modern CSS coverage** — Media queries, container queries, `@supports`, `:has()`, `@starting-style`, `@property`, keyframes, boolean state logic with `&`, `|`, `!` operators. If CSS can do it, Tasty can express it — concisely.
+- **Near-complete modern CSS coverage** — Media queries, container queries, `@supports`, `:has()`, `@starting-style`, `@property`, `@keyframes`, etc. Some features that don't fit Tasty's component model (such as `@layer` and `!important`) are intentionally omitted, but real-world use cases are covered almost completely.
 - **Runtime or zero-runtime — your call** — Use `tasty()` for dynamic React components with runtime injection, or `tastyStatic()` with the Babel plugin for zero-runtime CSS extraction. Same DSL, same tokens, same output.
 - **Only generate what is used** — In runtime mode, Tasty injects CSS on demand for mounted components/variants, so your app avoids shipping style rules for UI states that are never rendered.
 - **Runtime performance that holds at scale** — The runtime path is tested against enterprise-scale applications and tuned with multi-level caching, chunk-level style reuse, style garbage collection, and a dedicated injector.
@@ -119,7 +120,7 @@ configure({
   states: {
     '@mobile': '@media(w < 768px)',
     '@tablet': '@media(w < 1024px)',
-    '@dark': '@root(schema=dark) | @media(prefers-color-scheme: dark)',
+    '@dark': '@root(schema=dark) | (!@root(schema) & @media(prefers-color-scheme: dark))',
   },
   recipes: {
     card: { padding: '4x', fill: '#surface', radius: '1r', border: true },
@@ -133,9 +134,13 @@ Predefined states turn complex selector logic into single tokens. Use `@mobile`
 
 This is the core idea that makes everything else possible.
 
-Traditional CSS uses the cascade to resolve conflicts: when multiple selectors match, the one with the highest specificity wins, or — if specificity is equal — the last one in source order wins. This makes styles inherently fragile. Reordering imports, adding a new media query, or composing components from different libraries can silently break styling.
+Traditional CSS has two structural problems.
 
-Tasty takes a fundamentally different approach: **every state mapping compiles into selectors that are guaranteed to never overlap.**
+First, the **cascade** resolves conflicts by specificity and source order: when multiple selectors match, the one with the highest specificity wins, or — if specificity is equal — the last one in source order wins. That makes styles inherently fragile. Reordering imports, adding a media query, or composing components from different libraries can silently break styling.
+
+Second, **authoring selectors that capture real-world state logic is fundamentally hard.** A single state like "dark mode" may depend on a root attribute, an OS preference, or both — each branch needing its own selector, proper negation of competing branches, and correct `@media` nesting. The example below shows the CSS you'd write by hand for just *one* property with *one* state. Scale that across dozens of properties, then add breakpoints and container queries, and the selector logic quickly becomes unmanageable.
+
+Tasty solves both problems at once: **every state mapping compiles into mutually exclusive selectors.**
 
 ```tsx
 const Text = tasty({
@@ -152,30 +157,37 @@ const Text = tasty({
 });
 ```
 
-If `@dark` expands to `@root(schema=dark) | @media(prefers-color-scheme: dark)`, Tasty generates:
+If `@dark` expands to `@root(schema=dark) | (!@root(schema) & @media(prefers-color-scheme: dark))`, Tasty generates:
 
 ```css
-/* Explicit dark mode */
+/* Branch 1: Explicit dark schema */
 :root[data-schema="dark"] .t0.t0 {
   color: var(--text-on-dark-color);
 }
 
-/* OS dark preference, no explicit override */
+/* Branch 2: No schema attribute + OS prefers dark */
 @media (prefers-color-scheme: dark) {
-  :root:not([data-schema="dark"]) .t0.t0 {
+  :root:not([data-schema]) .t0.t0 {
     color: var(--text-on-dark-color);
   }
 }
 
-/* Light mode — neither condition */
+/* Default: no schema + OS does not prefer dark */
 @media (not (prefers-color-scheme: dark)) {
   :root:not([data-schema="dark"]) .t0.t0 {
     color: var(--text-color);
   }
 }
+
+/* Default: schema is set but not dark (any OS preference) */
+:root:not([data-schema="dark"])[data-schema] .t0.t0 {
+  color: var(--text-color);
+}
 ```
 
-Every rule is guarded by the negation of all higher-priority rules. No two rules can ever match simultaneously. No specificity arithmetic. No source-order dependence. Components compose and extend without ever colliding.
+Every rule is guarded by the negation of higher-priority rules. No two rules can match at the same time. No specificity arithmetic. No source-order dependence. Components compose and extend without collisions.
+
+By absorbing selector complexity, Tasty makes advanced CSS patterns practical again — nested container queries, multi-condition `@supports` gates, and combined root-state/media branches. You stay in pure CSS instead of relying on JavaScript workarounds, so the browser can optimize layout, painting, and transitions natively. Tasty doesn't limit CSS; it unlocks its full potential by removing the complexity that held teams back.
 
 ## Capabilities
 
@@ -407,11 +419,12 @@ If you choose the runtime approach, performance is usually a non-issue in practi
 
 | Import | Description | Platform |
 |--------|-------------|----------|
-| `@tenphi/tasty` | Runtime style engine | Browser |
-| `@tenphi/tasty/static` | Zero-runtime static styles | Browser |
-| `@tenphi/tasty/babel-plugin` | Babel plugin for CSS extraction | Node |
+| `@tenphi/tasty` | Runtime style engine (`tasty`, hooks, `configure`) | Browser |
+| `@tenphi/tasty/static` | Zero-runtime static styles (`tastyStatic`) | Browser |
+| `@tenphi/tasty/core` | Lower-level internals (config, parser, pipeline, injector, style handlers) for tooling and advanced use | Browser / Node |
+| `@tenphi/tasty/babel-plugin` | Babel plugin for zero-runtime CSS extraction | Node |
 | `@tenphi/tasty/zero` | Programmatic extraction API | Node |
-| `@tenphi/tasty/next` | Next.js integration | Node |
+| `@tenphi/tasty/next` | Next.js integration wrapper | Node |
 
 ## Ecosystem
 
@@ -450,14 +463,21 @@ const tokens = theme.tasty(); // Ready-to-use Tasty tokens
 
 Syntax highlighting for Tasty styles in TypeScript, TSX, JavaScript, and JSX. Highlights color tokens, custom units, state keys, presets, and style properties inside `tasty()`, `tastyStatic()`, and related APIs.
 
+<p align="center">
+  <img src="assets/tasty-vscode-highlight.png" width="512" alt="Tasty VS Code syntax highlighting example">
+</p>
+
 ### [Cube UI Kit](https://github.com/cube-js/cube-ui-kit)
 
 Open-source React UI kit built on Tasty + React Aria. 100+ production components proving Tasty works at design-system scale. A reference implementation and a ready-to-use component library.
 
 ## Documentation
 
-- **[Runtime API (tasty)](docs/tasty.md)** — Full runtime styling documentation: component creation, state mappings, sub-elements, variants, hooks, configuration, and style property reference
+- **[Runtime API (tasty)](docs/tasty.md)** — Full runtime styling documentation: component creation, state mappings, sub-elements, variants, hooks, and configuration
+- **[Style Properties](docs/styles.md)** — Complete reference for all enhanced style properties: syntax, values, modifiers, and recommendations
 - **[Zero Runtime (tastyStatic)](docs/tasty-static.md)** — Build-time static styling: Babel plugin setup, Next.js integration, and static style patterns
+- **[Style Injector](docs/injector.md)** — Internal CSS injection engine: `inject()`, `injectGlobal()`, `injectRawCSS()`, `keyframes()`, deduplication, reference counting, cleanup, SSR support, and Shadow DOM
+- **[Debug Utilities](docs/debug.md)** — Runtime CSS inspection via `tastyDebug`: CSS extraction, element inspection, cache metrics, chunk breakdown, and performance monitoring
 
 ## License
 

package/dist/index.d.ts

@@ -17,7 +17,7 @@ import { CHUNK_NAMES, ChunkInfo, ChunkName, STYLE_TO_CHUNK, categorizeStyleKeys
 import { PropertyOptions, allocateClassName, cleanup, createInjector, destroy, getCssText, getCssTextForNode, getIsTestEnvironment, getRawCSSText, inject, injectGlobal, injectRawCSS, injector, isPropertyDefined, keyframes, property } from "./injector/index.js";
 import { BASE_STYLES, BLOCK_INNER_STYLES, BLOCK_OUTER_STYLES, BLOCK_STYLES, COLOR_STYLES, CONTAINER_STYLES, DIMENSION_STYLES, FLOW_STYLES, INNER_STYLES, OUTER_STYLES, POSITION_STYLES, TEXT_STYLES } from "./styles/list.js";
 import { AllBaseProps, BaseProps, BasePropsWithoutChildren, BaseStyleProps, BlockInnerStyleProps, BlockOuterStyleProps, BlockStyleProps, ColorStyleProps, ContainerStyleProps, DimensionStyleProps, FlowStyleProps, GlobalStyledProps, InnerStyleProps, ModValue, Mods, OuterStyleProps, PositionStyleProps, Props, ShortGridStyles, TagName, TastyExtensionConfig, TastyThemeNames, TextStyleProps, TokenValue, Tokens } from "./types.js";
-import { AllBasePropsWithMods, Element, ElementsDefinition, SubElementDefinition, SubElementProps, TastyElementOptions, TastyElementProps, TastyProps, tasty } from "./tasty.js";
+import { AllBasePropsWithMods, Element, ElementsDefinition, SubElementDefinition, SubElementProps, TastyElementOptions, TastyElementProps, TastyProps, VariantMap, WithVariant, tasty } from "./tasty.js";
 import { UseStylesOptions, UseStylesResult, useStyles } from "./hooks/useStyles.js";
 import { useGlobalStyles } from "./hooks/useGlobalStyles.js";
 import { useRawCSS } from "./hooks/useRawCSS.js";
@@ -37,4 +37,4 @@ import { TypographyPreset } from "./tokens/typography.js";
 import { generateTypographyTokens } from "./utils/typography.js";
 import { tastyDebug } from "./debug.js";
 import "./core/index.js";
-export { type AllBaseProps, type AllBasePropsWithMods, AtRuleContext, BASE_STYLES, BLOCK_INNER_STYLES, BLOCK_OUTER_STYLES, BLOCK_STYLES, type BaseProps, type BasePropsWithoutChildren, BaseStyleProps, BlockInnerStyleProps, BlockOuterStyleProps, BlockStyleProps, Bucket, CHUNK_NAMES, COLOR_STYLES, COMPUTE_FUNC_MAP, CONTAINER_STYLES, CSSMap, CSSProperties, CUSTOM_UNITS, CacheMetrics, ChunkInfo, ChunkName, ColorStyleProps, ComputeModel, ConditionNode, ContainerStyleProps, DIMENSION_STYLES, DIRECTIONS, DimensionStyleProps, DisposeFunction, Element, type ElementsDefinition, FLOW_STYLES, FlowStyleProps, GlobalStyledProps, INNER_STYLES, InjectResult, InnerStyleProps, KeyframesCacheEntry, KeyframesInfo, KeyframesResult, KeyframesSteps, ModValue, Mods, NoType, NotSelector, OUTER_STYLES, OuterStyleProps, POSITION_STYLES, ParseStateKeyOptions, ParsedAdvancedState, ParsedColor, ParserOptions, PositionStyleProps, ProcessedStyle, PropertyDefinition, PropertyOptions, Props, RawCSSResult, RawStyleHandler, RecipeStyles, RenderResult, RootRegistry, RuleInfo, STATE_OPERATORS, STATE_OPERATOR_LIST, STYLE_TO_CHUNK, Selector, SheetInfo, SheetManager, ShortGridStyles, StateParserContext, StyleDetails, StyleDetailsPart, StyleHandler, StyleHandlerDefinition, StyleHandlerResult, StyleInjector, StyleInjectorConfig, StyleMap, StyleParser, StylePropValue, StyleResult, StyleRule, StyleStateData, StyleStateDataList, StyleStateDataListMap, StyleStateMap, StyleValue, StyleValueStateMap, Styles, StylesInterface, StylesWithoutSelectors, type SubElementDefinition, type SubElementProps, SuffixForSelector, TEXT_STYLES, TagName, TastyConfig, type TastyElementOptions, type TastyElementProps, TastyExtensionConfig, TastyNamedColors, TastyPlugin, TastyPluginFactory, TastyPresetNames, type TastyProps, TastyThemeNames, TextStyleProps, TokenValue, Tokens, TypographyPreset, UnitHandler, type UsePropertyOptions, type UseStylesOptions, type UseStylesResult, allocateClassName, buildAtRuleContext, categorizeStyleKeys, cleanup, color, computeState, configure, createInjector, createStateParserContext, customFunc, deprecationWarning, destroy, dotize, extendStyles, extractStyles, filterBaseProps, filterMods, generateTypographyTokens, getConfig, getCssText, getCssTextForNode, getDisplayName, getGlobalFuncs, getGlobalKeyframes, getGlobalParser, getGlobalPredefinedStates, getGlobalPredefinedTokens, getGlobalRecipes, getIsTestEnvironment, getModSelector, getRawCSSText, getRgbValuesFromRgbaString, hasGlobalKeyframes, hasGlobalRecipes, hasStylesGenerated, hexToRgb, hslToRgbValues, inject, injectGlobal, injectRawCSS, injector, isAdvancedStateToken, isConfigLocked, isPropertyDefined, isSelector, isTestEnvironment, keyframes, mergeStyles, _modAttrs as modAttrs, normalizeColorTokenValue, okhslFunc, okhslPlugin, parseColor, parseStateKey, parseStateNotation, parseStyle, processTokens, property, renderStyles, resetConfig, resetGlobalPredefinedTokens, resolveRecipes, setGlobalPredefinedStates, setGlobalPredefinedTokens, strToRgb, stringifyStyles, stringifyTokens, styleHandlers, styleStateMapToStyleStateDataList, tasty, tastyDebug, useGlobalStyles, useKeyframes, useProperty, useRawCSS, useStyles, warn };
+export { type AllBaseProps, type AllBasePropsWithMods, AtRuleContext, BASE_STYLES, BLOCK_INNER_STYLES, BLOCK_OUTER_STYLES, BLOCK_STYLES, type BaseProps, type BasePropsWithoutChildren, BaseStyleProps, BlockInnerStyleProps, BlockOuterStyleProps, BlockStyleProps, Bucket, CHUNK_NAMES, COLOR_STYLES, COMPUTE_FUNC_MAP, CONTAINER_STYLES, CSSMap, CSSProperties, CUSTOM_UNITS, CacheMetrics, ChunkInfo, ChunkName, ColorStyleProps, ComputeModel, ConditionNode, ContainerStyleProps, DIMENSION_STYLES, DIRECTIONS, DimensionStyleProps, DisposeFunction, Element, type ElementsDefinition, FLOW_STYLES, FlowStyleProps, GlobalStyledProps, INNER_STYLES, InjectResult, InnerStyleProps, KeyframesCacheEntry, KeyframesInfo, KeyframesResult, KeyframesSteps, ModValue, Mods, NoType, NotSelector, OUTER_STYLES, OuterStyleProps, POSITION_STYLES, ParseStateKeyOptions, ParsedAdvancedState, ParsedColor, ParserOptions, PositionStyleProps, ProcessedStyle, PropertyDefinition, PropertyOptions, Props, RawCSSResult, RawStyleHandler, RecipeStyles, RenderResult, RootRegistry, RuleInfo, STATE_OPERATORS, STATE_OPERATOR_LIST, STYLE_TO_CHUNK, Selector, SheetInfo, SheetManager, ShortGridStyles, StateParserContext, StyleDetails, StyleDetailsPart, StyleHandler, StyleHandlerDefinition, StyleHandlerResult, StyleInjector, StyleInjectorConfig, StyleMap, StyleParser, StylePropValue, StyleResult, StyleRule, StyleStateData, StyleStateDataList, StyleStateDataListMap, StyleStateMap, StyleValue, StyleValueStateMap, Styles, StylesInterface, StylesWithoutSelectors, type SubElementDefinition, type SubElementProps, SuffixForSelector, TEXT_STYLES, TagName, TastyConfig, type TastyElementOptions, type TastyElementProps, TastyExtensionConfig, TastyNamedColors, TastyPlugin, TastyPluginFactory, TastyPresetNames, type TastyProps, TastyThemeNames, TextStyleProps, TokenValue, Tokens, TypographyPreset, UnitHandler, type UsePropertyOptions, type UseStylesOptions, type UseStylesResult, type VariantMap, type WithVariant, allocateClassName, buildAtRuleContext, categorizeStyleKeys, cleanup, color, computeState, configure, createInjector, createStateParserContext, customFunc, deprecationWarning, destroy, dotize, extendStyles, extractStyles, filterBaseProps, filterMods, generateTypographyTokens, getConfig, getCssText, getCssTextForNode, getDisplayName, getGlobalFuncs, getGlobalKeyframes, getGlobalParser, getGlobalPredefinedStates, getGlobalPredefinedTokens, getGlobalRecipes, getIsTestEnvironment, getModSelector, getRawCSSText, getRgbValuesFromRgbaString, hasGlobalKeyframes, hasGlobalRecipes, hasStylesGenerated, hexToRgb, hslToRgbValues, inject, injectGlobal, injectRawCSS, injector, isAdvancedStateToken, isConfigLocked, isPropertyDefined, isSelector, isTestEnvironment, keyframes, mergeStyles, _modAttrs as modAttrs, normalizeColorTokenValue, okhslFunc, okhslPlugin, parseColor, parseStateKey, parseStateNotation, parseStyle, processTokens, property, renderStyles, resetConfig, resetGlobalPredefinedTokens, resolveRecipes, setGlobalPredefinedStates, setGlobalPredefinedTokens, strToRgb, stringifyStyles, stringifyTokens, styleHandlers, styleStateMapToStyleStateDataList, tasty, tastyDebug, useGlobalStyles, useKeyframes, useProperty, useRawCSS, useStyles, warn };

package/dist/pipeline/conditions.d.ts

@@ -70,14 +70,14 @@ interface ContainerCondition extends BaseStateCondition {
  */
 interface RootCondition extends BaseStateCondition {
   type: 'root';
-  selector: string;
+  innerCondition: ConditionNode;
 }
 /**
- * Parent state condition: @parent(hovered), @parent(theme=dark >)
+ * Parent state condition: @parent(hovered), @parent(theme=dark, >)
  */
 interface ParentCondition extends BaseStateCondition {
   type: 'parent';
-  selector: string;
+  innerCondition: ConditionNode;
   direct: boolean;
 }
 /**

package/dist/pipeline/conditions.js

@@ -137,15 +137,15 @@ function containerUniqueId(subtype, props, negated = false) {
 /**
 * Generate a normalized unique ID for a root condition
 */
-function rootUniqueId(selector, negated = false) {
-	const base = `root:${selector}`;
+function rootUniqueId(innerUniqueId, negated = false) {
+	const base = `root:${innerUniqueId}`;
 	return negated ? `!${base}` : base;
 }
 /**
 * Generate a normalized unique ID for a parent condition
 */
-function parentUniqueId(selector, direct, negated = false) {
-	const base = `parent:${direct ? ">" : ""}${selector}`;
+function parentUniqueId(innerUniqueId, direct, negated = false) {
+	const base = `parent:${direct ? ">" : ""}${innerUniqueId}`;
 	return negated ? `!${base}` : base;
 }
 /**
@@ -312,27 +312,29 @@ function createContainerRawCondition(rawCondition, containerName, negated = fals
 /**
 * Create a root condition
 */
-function createRootCondition(selector, negated = false, raw) {
+function createRootCondition(innerCondition, negated = false, raw) {
+	const innerUniqueId = getConditionUniqueId(innerCondition);
 	return {
 		kind: "state",
 		type: "root",
 		negated,
-		raw: raw || `@root(${selector})`,
-		uniqueId: rootUniqueId(selector, negated),
-		selector
+		raw: raw || `@root(${innerUniqueId})`,
+		uniqueId: rootUniqueId(innerUniqueId, negated),
+		innerCondition
 	};
 }
 /**
 * Create a parent condition
 */
-function createParentCondition(selector, direct, negated = false, raw) {
+function createParentCondition(innerCondition, direct, negated = false, raw) {
+	const innerUniqueId = getConditionUniqueId(innerCondition);
 	return {
 		kind: "state",
 		type: "parent",
 		negated,
-		raw: raw || `@parent(${selector}${direct ? " >" : ""})`,
-		uniqueId: parentUniqueId(selector, direct, negated),
-		selector,
+		raw: raw || `@parent(${innerUniqueId})`,
+		uniqueId: parentUniqueId(innerUniqueId, direct, negated),
+		innerCondition,
 		direct
 	};
 }

package/dist/pipeline/conditions.js.map

@@ -1 +1 @@
-{"version":3,"file":"conditions.js","names":[],"sources":["../../src/pipeline/conditions.ts"],"sourcesContent":["/**\n * ConditionNode Types and Helpers\n *\n * Core data structures for representing style conditions as an abstract syntax tree.\n * Used throughout the pipeline for parsing, simplification, and CSS generation.\n */\n\n// ============================================================================\n// Core ConditionNode Types\n// ============================================================================\n\n/**\n * Base interface for all state conditions (leaf nodes)\n */\ninterface BaseStateCondition {\n  kind: 'state';\n  negated: boolean;\n  raw: string; // Original string for debugging/caching\n  uniqueId: string; // Normalized ID for comparison (built from props)\n}\n\n/**\n * Modifier condition: [data-attr] or [data-attr=\"value\"]\n */\nexport interface ModifierCondition extends BaseStateCondition {\n  type: 'modifier';\n  attribute: string; // e.g., 'data-theme', 'data-size'\n  value?: string; // e.g., 'danger', 'large' (undefined = boolean attr)\n  operator?: '=' | '^=' | '$=' | '*='; // Attribute match operator\n}\n\n/**\n * Pseudo-class condition: :hover, :focus-visible\n */\nexport interface PseudoCondition extends BaseStateCondition {\n  type: 'pseudo';\n  pseudo: string; // e.g., ':hover', ':focus-visible', ':nth-child(2n)'\n}\n\n/**\n * Numeric bound for dimension queries\n */\nexport interface NumericBound {\n  value: string; // e.g., '768px', 'calc(var(--gap) * 40)'\n  valueNumeric: number | null; // Parsed numeric value for comparison\n  inclusive: boolean; // true for >=/<= , false for >/<\n}\n\n/**\n * Media query condition\n */\nexport interface MediaCondition extends BaseStateCondition {\n  type: 'media';\n  subtype: 'dimension' | 'feature' | 'type';\n\n  // For dimension queries: @media(w < 768px), @media(600px <= w < 1200px)\n  dimension?: 'width' | 'height' | 'inline-size' | 'block-size';\n  lowerBound?: NumericBound; // >= or >\n  upperBound?: NumericBound; // <= or <\n\n  // For feature queries: @media(prefers-contrast: high)\n  feature?: string; // e.g., 'prefers-contrast', 'prefers-color-scheme'\n  featureValue?: string; // e.g., 'high', 'dark' (undefined = boolean feature)\n\n  // For type queries: @media:print\n  mediaType?: 'print' | 'screen' | 'all' | 'speech';\n}\n\n/**\n * Container query condition\n */\nexport interface ContainerCondition extends BaseStateCondition {\n  type: 'container';\n  subtype: 'dimension' | 'style' | 'raw';\n  containerName?: string; // e.g., 'layout', 'sidebar' (undefined = nearest)\n\n  // For dimension queries: @(w < 600px), @(layout, w < 600px)\n  dimension?: 'width' | 'height' | 'inline-size' | 'block-size';\n  lowerBound?: NumericBound;\n  upperBound?: NumericBound;\n\n  // For style queries: @(layout, $variant=danger), @($theme)\n  property?: string; // CSS custom property name (without --)\n  propertyValue?: string; // e.g., 'danger' (undefined = existence check)\n\n  // For raw function queries: @(scroll-state(stuck: top)), @(style(display: flex))\n  rawCondition?: string; // Verbatim CSS condition string\n}\n\n/**\n * Root state condition: @root(theme=dark)\n */\nexport interface RootCondition extends BaseStateCondition {\n  type: 'root';\n  selector: string; // e.g., '[data-theme=\"dark\"]'\n}\n\n/**\n * Parent state condition: @parent(hovered), @parent(theme=dark >)\n */\nexport interface ParentCondition extends BaseStateCondition {\n  type: 'parent';\n  selector: string; // e.g., '[data-hovered]'\n  direct: boolean; // true for @parent(... >) — direct parent only\n}\n\n/**\n * Own state condition: @own(hovered)\n */\nexport interface OwnCondition extends BaseStateCondition {\n  type: 'own';\n  innerCondition: ConditionNode; // The parsed inner condition\n}\n\n/**\n * Starting style condition: @starting\n */\nexport interface StartingCondition extends BaseStateCondition {\n  type: 'starting';\n}\n\n/**\n * Supports query condition: @supports(display: grid), @supports($, :has(*))\n */\nexport interface SupportsCondition extends BaseStateCondition {\n  type: 'supports';\n  subtype: 'feature' | 'selector';\n  // The raw condition string (e.g., \"display: grid\" or \":has(*)\")\n  condition: string;\n}\n\n/**\n * Union of all state condition types\n */\nexport type StateCondition =\n  | ModifierCondition\n  | PseudoCondition\n  | MediaCondition\n  | ContainerCondition\n  | RootCondition\n  | ParentCondition\n  | OwnCondition\n  | StartingCondition\n  | SupportsCondition;\n\n/**\n * Compound node: combines conditions with AND/OR\n */\nexport interface CompoundCondition {\n  kind: 'compound';\n  operator: 'AND' | 'OR';\n  children: ConditionNode[];\n}\n\n/**\n * True condition (matches everything)\n */\nexport interface TrueCondition {\n  kind: 'true';\n}\n\n/**\n * False condition (matches nothing - skip this rule)\n */\nexport interface FalseCondition {\n  kind: 'false';\n}\n\n/**\n * Union of all condition node types\n */\nexport type ConditionNode =\n  | StateCondition\n  | CompoundCondition\n  | TrueCondition\n  | FalseCondition;\n\n// ============================================================================\n// Constructor Functions\n// ============================================================================\n\n/**\n * Create a TRUE condition (matches everything)\n */\nexport function trueCondition(): TrueCondition {\n  return { kind: 'true' };\n}\n\n/**\n * Create a FALSE condition (matches nothing)\n */\nexport function falseCondition(): FalseCondition {\n  return { kind: 'false' };\n}\n\n/**\n * Create an AND compound condition\n */\nexport function and(...children: ConditionNode[]): ConditionNode {\n  const filtered: ConditionNode[] = [];\n\n  for (const child of children) {\n    // Short-circuit on FALSE\n    if (child.kind === 'false') {\n      return falseCondition();\n    }\n    // Skip TRUE (identity for AND)\n    if (child.kind === 'true') {\n      continue;\n    }\n    // Flatten nested ANDs\n    if (child.kind === 'compound' && child.operator === 'AND') {\n      filtered.push(...child.children);\n    } else {\n      filtered.push(child);\n    }\n  }\n\n  if (filtered.length === 0) {\n    return trueCondition();\n  }\n  if (filtered.length === 1) {\n    return filtered[0];\n  }\n\n  return {\n    kind: 'compound',\n    operator: 'AND',\n    children: filtered,\n  };\n}\n\n/**\n * Create an OR compound condition\n */\nexport function or(...children: ConditionNode[]): ConditionNode {\n  const filtered: ConditionNode[] = [];\n\n  for (const child of children) {\n    // Short-circuit on TRUE\n    if (child.kind === 'true') {\n      return trueCondition();\n    }\n    // Skip FALSE (identity for OR)\n    if (child.kind === 'false') {\n      continue;\n    }\n    // Flatten nested ORs\n    if (child.kind === 'compound' && child.operator === 'OR') {\n      filtered.push(...child.children);\n    } else {\n      filtered.push(child);\n    }\n  }\n\n  if (filtered.length === 0) {\n    return falseCondition();\n  }\n  if (filtered.length === 1) {\n    return filtered[0];\n  }\n\n  return {\n    kind: 'compound',\n    operator: 'OR',\n    children: filtered,\n  };\n}\n\n/**\n * Negate a condition\n */\nexport function not(node: ConditionNode): ConditionNode {\n  // NOT(TRUE) = FALSE\n  if (node.kind === 'true') {\n    return falseCondition();\n  }\n\n  // NOT(FALSE) = TRUE\n  if (node.kind === 'false') {\n    return trueCondition();\n  }\n\n  // NOT(state) = toggle negated flag\n  if (node.kind === 'state') {\n    return {\n      ...node,\n      negated: !node.negated,\n      uniqueId: node.negated\n        ? node.uniqueId.replace(/^!/, '')\n        : `!${node.uniqueId}`,\n    };\n  }\n\n  // NOT(AND(a, b, ...)) = OR(NOT(a), NOT(b), ...) - De Morgan's law\n  if (node.kind === 'compound' && node.operator === 'AND') {\n    return or(...node.children.map((c) => not(c)));\n  }\n\n  // NOT(OR(a, b, ...)) = AND(NOT(a), NOT(b), ...) - De Morgan's law\n  if (node.kind === 'compound' && node.operator === 'OR') {\n    return and(...node.children.map((c) => not(c)));\n  }\n\n  // Fallback - should not reach here\n  return node;\n}\n\n// ============================================================================\n// Condition Type Checking\n// ============================================================================\n\n/**\n * Check if a condition is a compound condition\n */\nexport function isCompoundCondition(\n  node: ConditionNode,\n): node is CompoundCondition {\n  return node.kind === 'compound';\n}\n\n// ============================================================================\n// UniqueId Generation\n// ============================================================================\n\n/**\n * Generate a normalized unique ID for a modifier condition\n */\nexport function modifierUniqueId(\n  attribute: string,\n  value?: string,\n  operator = '=',\n  negated = false,\n): string {\n  const base = value\n    ? `mod:${attribute}${operator}${value}`\n    : `mod:${attribute}`;\n  return negated ? `!${base}` : base;\n}\n\n/**\n * Generate a normalized unique ID for a pseudo condition\n */\nexport function pseudoUniqueId(pseudo: string, negated = false): string {\n  const base = `pseudo:${pseudo}`;\n  return negated ? `!${base}` : base;\n}\n\n/**\n * Generate a normalized unique ID for a media condition\n */\nexport function mediaUniqueId(\n  subtype: 'dimension' | 'feature' | 'type',\n  props: {\n    dimension?: string;\n    lowerBound?: NumericBound;\n    upperBound?: NumericBound;\n    feature?: string;\n    featureValue?: string;\n    mediaType?: string;\n  },\n  negated = false,\n): string {\n  let base: string;\n\n  if (subtype === 'dimension') {\n    const parts = ['media', 'dim', props.dimension];\n    if (props.lowerBound) {\n      parts.push(props.lowerBound.inclusive ? '>=' : '>');\n      parts.push(props.lowerBound.value);\n    }\n    if (props.upperBound) {\n      parts.push(props.upperBound.inclusive ? '<=' : '<');\n      parts.push(props.upperBound.value);\n    }\n    base = parts.join(':');\n  } else if (subtype === 'feature') {\n    base = props.featureValue\n      ? `media:feat:${props.feature}:${props.featureValue}`\n      : `media:feat:${props.feature}`;\n  } else {\n    base = `media:type:${props.mediaType}`;\n  }\n\n  return negated ? `!${base}` : base;\n}\n\n/**\n * Generate a normalized unique ID for a container condition\n */\nexport function containerUniqueId(\n  subtype: 'dimension' | 'style' | 'raw',\n  props: {\n    containerName?: string;\n    dimension?: string;\n    lowerBound?: NumericBound;\n    upperBound?: NumericBound;\n    property?: string;\n    propertyValue?: string;\n    rawCondition?: string;\n  },\n  negated = false,\n): string {\n  let base: string;\n  const name = props.containerName || '_';\n\n  if (subtype === 'dimension') {\n    const parts = ['container', 'dim', name, props.dimension];\n    if (props.lowerBound) {\n      parts.push(props.lowerBound.inclusive ? '>=' : '>');\n      parts.push(props.lowerBound.value);\n    }\n    if (props.upperBound) {\n      parts.push(props.upperBound.inclusive ? '<=' : '<');\n      parts.push(props.upperBound.value);\n    }\n    base = parts.join(':');\n  } else if (subtype === 'raw') {\n    base = `container:raw:${name}:${props.rawCondition}`;\n  } else {\n    base = props.propertyValue\n      ? `container:style:${name}:--${props.property}:${props.propertyValue}`\n      : `container:style:${name}:--${props.property}`;\n  }\n\n  return negated ? `!${base}` : base;\n}\n\n/**\n * Generate a normalized unique ID for a root condition\n */\nexport function rootUniqueId(selector: string, negated = false): string {\n  const base = `root:${selector}`;\n  return negated ? `!${base}` : base;\n}\n\n/**\n * Generate a normalized unique ID for a parent condition\n */\nexport function parentUniqueId(\n  selector: string,\n  direct: boolean,\n  negated = false,\n): string {\n  const base = `parent:${direct ? '>' : ''}${selector}`;\n  return negated ? `!${base}` : base;\n}\n\n/**\n * Generate a normalized unique ID for an own condition\n */\nexport function ownUniqueId(innerUniqueId: string, negated = false): string {\n  const base = `own:${innerUniqueId}`;\n  return negated ? `!${base}` : base;\n}\n\n/**\n * Generate a normalized unique ID for a starting condition\n */\nexport function startingUniqueId(negated = false): string {\n  return negated ? '!starting' : 'starting';\n}\n\n/**\n * Generate a normalized unique ID for a supports condition\n */\nexport function supportsUniqueId(\n  subtype: 'feature' | 'selector',\n  condition: string,\n  negated = false,\n): string {\n  const base = `supports:${subtype}:${condition}`;\n  return negated ? `!${base}` : base;\n}\n\n// ============================================================================\n// Condition Creation Helpers\n// ============================================================================\n\n/**\n * Create a modifier condition\n */\nexport function createModifierCondition(\n  attribute: string,\n  value?: string,\n  operator: '=' | '^=' | '$=' | '*=' = '=',\n  negated = false,\n  raw?: string,\n): ModifierCondition {\n  return {\n    kind: 'state',\n    type: 'modifier',\n    negated,\n    raw: raw || (value ? `${attribute}${operator}${value}` : attribute),\n    uniqueId: modifierUniqueId(attribute, value, operator, negated),\n    attribute,\n    value,\n    operator: value ? operator : undefined,\n  };\n}\n\n/**\n * Create a pseudo condition\n */\nexport function createPseudoCondition(\n  pseudo: string,\n  negated = false,\n  raw?: string,\n): PseudoCondition {\n  return {\n    kind: 'state',\n    type: 'pseudo',\n    negated,\n    raw: raw || pseudo,\n    uniqueId: pseudoUniqueId(pseudo, negated),\n    pseudo,\n  };\n}\n\n/**\n * Create a media dimension condition\n */\nexport function createMediaDimensionCondition(\n  dimension: 'width' | 'height' | 'inline-size' | 'block-size',\n  lowerBound?: NumericBound,\n  upperBound?: NumericBound,\n  negated = false,\n  raw?: string,\n): MediaCondition {\n  return {\n    kind: 'state',\n    type: 'media',\n    subtype: 'dimension',\n    negated,\n    raw: raw || `@media(${dimension})`,\n    uniqueId: mediaUniqueId(\n      'dimension',\n      { dimension, lowerBound, upperBound },\n      negated,\n    ),\n    dimension,\n    lowerBound,\n    upperBound,\n  };\n}\n\n/**\n * Create a media feature condition\n */\nexport function createMediaFeatureCondition(\n  feature: string,\n  featureValue?: string,\n  negated = false,\n  raw?: string,\n): MediaCondition {\n  return {\n    kind: 'state',\n    type: 'media',\n    subtype: 'feature',\n    negated,\n    raw: raw || `@media(${feature}${featureValue ? `: ${featureValue}` : ''})`,\n    uniqueId: mediaUniqueId('feature', { feature, featureValue }, negated),\n    feature,\n    featureValue,\n  };\n}\n\n/**\n * Create a media type condition\n */\nexport function createMediaTypeCondition(\n  mediaType: 'print' | 'screen' | 'all' | 'speech',\n  negated = false,\n  raw?: string,\n): MediaCondition {\n  return {\n    kind: 'state',\n    type: 'media',\n    subtype: 'type',\n    negated,\n    raw: raw || `@media:${mediaType}`,\n    uniqueId: mediaUniqueId('type', { mediaType }, negated),\n    mediaType,\n  };\n}\n\n/**\n * Create a container dimension condition\n */\nexport function createContainerDimensionCondition(\n  dimension: 'width' | 'height' | 'inline-size' | 'block-size',\n  lowerBound?: NumericBound,\n  upperBound?: NumericBound,\n  containerName?: string,\n  negated = false,\n  raw?: string,\n): ContainerCondition {\n  return {\n    kind: 'state',\n    type: 'container',\n    subtype: 'dimension',\n    negated,\n    raw: raw || `@(${containerName ? containerName + ', ' : ''}${dimension})`,\n    uniqueId: containerUniqueId(\n      'dimension',\n      { containerName, dimension, lowerBound, upperBound },\n      negated,\n    ),\n    containerName,\n    dimension,\n    lowerBound,\n    upperBound,\n  };\n}\n\n/**\n * Create a container style condition\n */\nexport function createContainerStyleCondition(\n  property: string,\n  propertyValue?: string,\n  containerName?: string,\n  negated = false,\n  raw?: string,\n): ContainerCondition {\n  return {\n    kind: 'state',\n    type: 'container',\n    subtype: 'style',\n    negated,\n    raw:\n      raw ||\n      `@(${containerName ? containerName + ', ' : ''}$${property}${propertyValue ? '=' + propertyValue : ''})`,\n    uniqueId: containerUniqueId(\n      'style',\n      { containerName, property, propertyValue },\n      negated,\n    ),\n    containerName,\n    property,\n    propertyValue,\n  };\n}\n\n/**\n * Create a container raw function condition (e.g., scroll-state(), style(), etc.)\n * The condition string is passed through to CSS verbatim.\n */\nexport function createContainerRawCondition(\n  rawCondition: string,\n  containerName?: string,\n  negated = false,\n  raw?: string,\n): ContainerCondition {\n  return {\n    kind: 'state',\n    type: 'container',\n    subtype: 'raw',\n    negated,\n    raw:\n      raw || `@(${containerName ? containerName + ', ' : ''}${rawCondition})`,\n    uniqueId: containerUniqueId(\n      'raw',\n      { containerName, rawCondition },\n      negated,\n    ),\n    containerName,\n    rawCondition,\n  };\n}\n\n/**\n * Create a root condition\n */\nexport function createRootCondition(\n  selector: string,\n  negated = false,\n  raw?: string,\n): RootCondition {\n  return {\n    kind: 'state',\n    type: 'root',\n    negated,\n    raw: raw || `@root(${selector})`,\n    uniqueId: rootUniqueId(selector, negated),\n    selector,\n  };\n}\n\n/**\n * Create a parent condition\n */\nexport function createParentCondition(\n  selector: string,\n  direct: boolean,\n  negated = false,\n  raw?: string,\n): ParentCondition {\n  return {\n    kind: 'state',\n    type: 'parent',\n    negated,\n    raw: raw || `@parent(${selector}${direct ? ' >' : ''})`,\n    uniqueId: parentUniqueId(selector, direct, negated),\n    selector,\n    direct,\n  };\n}\n\n/**\n * Create an own condition\n */\nexport function createOwnCondition(\n  innerCondition: ConditionNode,\n  negated = false,\n  raw?: string,\n): OwnCondition {\n  const innerUniqueId = getConditionUniqueId(innerCondition);\n  return {\n    kind: 'state',\n    type: 'own',\n    negated,\n    raw: raw || `@own(...)`,\n    uniqueId: ownUniqueId(innerUniqueId, negated),\n    innerCondition,\n  };\n}\n\n/**\n * Create a starting condition\n */\nexport function createStartingCondition(\n  negated = false,\n  raw?: string,\n): StartingCondition {\n  return {\n    kind: 'state',\n    type: 'starting',\n    negated,\n    raw: raw || '@starting',\n    uniqueId: startingUniqueId(negated),\n  };\n}\n\n/**\n * Create a supports condition\n *\n * @param subtype 'feature' for @supports(display: grid), 'selector' for @supports($, :has(*))\n * @param condition The condition string (e.g., \"display: grid\" or \":has(*)\")\n */\nexport function createSupportsCondition(\n  subtype: 'feature' | 'selector',\n  condition: string,\n  negated = false,\n  raw?: string,\n): SupportsCondition {\n  return {\n    kind: 'state',\n    type: 'supports',\n    subtype,\n    negated,\n    raw: raw || `@supports(${condition})`,\n    uniqueId: supportsUniqueId(subtype, condition, negated),\n    condition,\n  };\n}\n\n// ============================================================================\n// Utility Functions\n// ============================================================================\n\n/**\n * Get the unique ID for any condition node\n */\nexport function getConditionUniqueId(node: ConditionNode): string {\n  if (node.kind === 'true') {\n    return 'TRUE';\n  }\n  if (node.kind === 'false') {\n    return 'FALSE';\n  }\n  if (node.kind === 'state') {\n    return node.uniqueId;\n  }\n  if (node.kind === 'compound') {\n    const childIds = node.children.map(getConditionUniqueId).sort();\n    return `${node.operator}(${childIds.join(',')})`;\n  }\n  return 'UNKNOWN';\n}\n"],"mappings":"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"}
+{"version":3,"file":"conditions.js","names":[],"sources":["../../src/pipeline/conditions.ts"],"sourcesContent":["/**\n * ConditionNode Types and Helpers\n *\n * Core data structures for representing style conditions as an abstract syntax tree.\n * Used throughout the pipeline for parsing, simplification, and CSS generation.\n */\n\n// ============================================================================\n// Core ConditionNode Types\n// ============================================================================\n\n/**\n * Base interface for all state conditions (leaf nodes)\n */\ninterface BaseStateCondition {\n  kind: 'state';\n  negated: boolean;\n  raw: string; // Original string for debugging/caching\n  uniqueId: string; // Normalized ID for comparison (built from props)\n}\n\n/**\n * Modifier condition: [data-attr] or [data-attr=\"value\"]\n */\nexport interface ModifierCondition extends BaseStateCondition {\n  type: 'modifier';\n  attribute: string; // e.g., 'data-theme', 'data-size'\n  value?: string; // e.g., 'danger', 'large' (undefined = boolean attr)\n  operator?: '=' | '^=' | '$=' | '*='; // Attribute match operator\n}\n\n/**\n * Pseudo-class condition: :hover, :focus-visible\n */\nexport interface PseudoCondition extends BaseStateCondition {\n  type: 'pseudo';\n  pseudo: string; // e.g., ':hover', ':focus-visible', ':nth-child(2n)'\n}\n\n/**\n * Numeric bound for dimension queries\n */\nexport interface NumericBound {\n  value: string; // e.g., '768px', 'calc(var(--gap) * 40)'\n  valueNumeric: number | null; // Parsed numeric value for comparison\n  inclusive: boolean; // true for >=/<= , false for >/<\n}\n\n/**\n * Media query condition\n */\nexport interface MediaCondition extends BaseStateCondition {\n  type: 'media';\n  subtype: 'dimension' | 'feature' | 'type';\n\n  // For dimension queries: @media(w < 768px), @media(600px <= w < 1200px)\n  dimension?: 'width' | 'height' | 'inline-size' | 'block-size';\n  lowerBound?: NumericBound; // >= or >\n  upperBound?: NumericBound; // <= or <\n\n  // For feature queries: @media(prefers-contrast: high)\n  feature?: string; // e.g., 'prefers-contrast', 'prefers-color-scheme'\n  featureValue?: string; // e.g., 'high', 'dark' (undefined = boolean feature)\n\n  // For type queries: @media:print\n  mediaType?: 'print' | 'screen' | 'all' | 'speech';\n}\n\n/**\n * Container query condition\n */\nexport interface ContainerCondition extends BaseStateCondition {\n  type: 'container';\n  subtype: 'dimension' | 'style' | 'raw';\n  containerName?: string; // e.g., 'layout', 'sidebar' (undefined = nearest)\n\n  // For dimension queries: @(w < 600px), @(layout, w < 600px)\n  dimension?: 'width' | 'height' | 'inline-size' | 'block-size';\n  lowerBound?: NumericBound;\n  upperBound?: NumericBound;\n\n  // For style queries: @(layout, $variant=danger), @($theme)\n  property?: string; // CSS custom property name (without --)\n  propertyValue?: string; // e.g., 'danger' (undefined = existence check)\n\n  // For raw function queries: @(scroll-state(stuck: top)), @(style(display: flex))\n  rawCondition?: string; // Verbatim CSS condition string\n}\n\n/**\n * Root state condition: @root(theme=dark)\n */\nexport interface RootCondition extends BaseStateCondition {\n  type: 'root';\n  innerCondition: ConditionNode;\n}\n\n/**\n * Parent state condition: @parent(hovered), @parent(theme=dark, >)\n */\nexport interface ParentCondition extends BaseStateCondition {\n  type: 'parent';\n  innerCondition: ConditionNode;\n  direct: boolean; // true for @parent(..., >) — direct parent only\n}\n\n/**\n * Own state condition: @own(hovered)\n */\nexport interface OwnCondition extends BaseStateCondition {\n  type: 'own';\n  innerCondition: ConditionNode; // The parsed inner condition\n}\n\n/**\n * Starting style condition: @starting\n */\nexport interface StartingCondition extends BaseStateCondition {\n  type: 'starting';\n}\n\n/**\n * Supports query condition: @supports(display: grid), @supports($, :has(*))\n */\nexport interface SupportsCondition extends BaseStateCondition {\n  type: 'supports';\n  subtype: 'feature' | 'selector';\n  // The raw condition string (e.g., \"display: grid\" or \":has(*)\")\n  condition: string;\n}\n\n/**\n * Union of all state condition types\n */\nexport type StateCondition =\n  | ModifierCondition\n  | PseudoCondition\n  | MediaCondition\n  | ContainerCondition\n  | RootCondition\n  | ParentCondition\n  | OwnCondition\n  | StartingCondition\n  | SupportsCondition;\n\n/**\n * Compound node: combines conditions with AND/OR\n */\nexport interface CompoundCondition {\n  kind: 'compound';\n  operator: 'AND' | 'OR';\n  children: ConditionNode[];\n}\n\n/**\n * True condition (matches everything)\n */\nexport interface TrueCondition {\n  kind: 'true';\n}\n\n/**\n * False condition (matches nothing - skip this rule)\n */\nexport interface FalseCondition {\n  kind: 'false';\n}\n\n/**\n * Union of all condition node types\n */\nexport type ConditionNode =\n  | StateCondition\n  | CompoundCondition\n  | TrueCondition\n  | FalseCondition;\n\n// ============================================================================\n// Constructor Functions\n// ============================================================================\n\n/**\n * Create a TRUE condition (matches everything)\n */\nexport function trueCondition(): TrueCondition {\n  return { kind: 'true' };\n}\n\n/**\n * Create a FALSE condition (matches nothing)\n */\nexport function falseCondition(): FalseCondition {\n  return { kind: 'false' };\n}\n\n/**\n * Create an AND compound condition\n */\nexport function and(...children: ConditionNode[]): ConditionNode {\n  const filtered: ConditionNode[] = [];\n\n  for (const child of children) {\n    // Short-circuit on FALSE\n    if (child.kind === 'false') {\n      return falseCondition();\n    }\n    // Skip TRUE (identity for AND)\n    if (child.kind === 'true') {\n      continue;\n    }\n    // Flatten nested ANDs\n    if (child.kind === 'compound' && child.operator === 'AND') {\n      filtered.push(...child.children);\n    } else {\n      filtered.push(child);\n    }\n  }\n\n  if (filtered.length === 0) {\n    return trueCondition();\n  }\n  if (filtered.length === 1) {\n    return filtered[0];\n  }\n\n  return {\n    kind: 'compound',\n    operator: 'AND',\n    children: filtered,\n  };\n}\n\n/**\n * Create an OR compound condition\n */\nexport function or(...children: ConditionNode[]): ConditionNode {\n  const filtered: ConditionNode[] = [];\n\n  for (const child of children) {\n    // Short-circuit on TRUE\n    if (child.kind === 'true') {\n      return trueCondition();\n    }\n    // Skip FALSE (identity for OR)\n    if (child.kind === 'false') {\n      continue;\n    }\n    // Flatten nested ORs\n    if (child.kind === 'compound' && child.operator === 'OR') {\n      filtered.push(...child.children);\n    } else {\n      filtered.push(child);\n    }\n  }\n\n  if (filtered.length === 0) {\n    return falseCondition();\n  }\n  if (filtered.length === 1) {\n    return filtered[0];\n  }\n\n  return {\n    kind: 'compound',\n    operator: 'OR',\n    children: filtered,\n  };\n}\n\n/**\n * Negate a condition\n */\nexport function not(node: ConditionNode): ConditionNode {\n  // NOT(TRUE) = FALSE\n  if (node.kind === 'true') {\n    return falseCondition();\n  }\n\n  // NOT(FALSE) = TRUE\n  if (node.kind === 'false') {\n    return trueCondition();\n  }\n\n  // NOT(state) = toggle negated flag\n  if (node.kind === 'state') {\n    return {\n      ...node,\n      negated: !node.negated,\n      uniqueId: node.negated\n        ? node.uniqueId.replace(/^!/, '')\n        : `!${node.uniqueId}`,\n    };\n  }\n\n  // NOT(AND(a, b, ...)) = OR(NOT(a), NOT(b), ...) - De Morgan's law\n  if (node.kind === 'compound' && node.operator === 'AND') {\n    return or(...node.children.map((c) => not(c)));\n  }\n\n  // NOT(OR(a, b, ...)) = AND(NOT(a), NOT(b), ...) - De Morgan's law\n  if (node.kind === 'compound' && node.operator === 'OR') {\n    return and(...node.children.map((c) => not(c)));\n  }\n\n  // Fallback - should not reach here\n  return node;\n}\n\n// ============================================================================\n// Condition Type Checking\n// ============================================================================\n\n/**\n * Check if a condition is a compound condition\n */\nexport function isCompoundCondition(\n  node: ConditionNode,\n): node is CompoundCondition {\n  return node.kind === 'compound';\n}\n\n// ============================================================================\n// UniqueId Generation\n// ============================================================================\n\n/**\n * Generate a normalized unique ID for a modifier condition\n */\nexport function modifierUniqueId(\n  attribute: string,\n  value?: string,\n  operator = '=',\n  negated = false,\n): string {\n  const base = value\n    ? `mod:${attribute}${operator}${value}`\n    : `mod:${attribute}`;\n  return negated ? `!${base}` : base;\n}\n\n/**\n * Generate a normalized unique ID for a pseudo condition\n */\nexport function pseudoUniqueId(pseudo: string, negated = false): string {\n  const base = `pseudo:${pseudo}`;\n  return negated ? `!${base}` : base;\n}\n\n/**\n * Generate a normalized unique ID for a media condition\n */\nexport function mediaUniqueId(\n  subtype: 'dimension' | 'feature' | 'type',\n  props: {\n    dimension?: string;\n    lowerBound?: NumericBound;\n    upperBound?: NumericBound;\n    feature?: string;\n    featureValue?: string;\n    mediaType?: string;\n  },\n  negated = false,\n): string {\n  let base: string;\n\n  if (subtype === 'dimension') {\n    const parts = ['media', 'dim', props.dimension];\n    if (props.lowerBound) {\n      parts.push(props.lowerBound.inclusive ? '>=' : '>');\n      parts.push(props.lowerBound.value);\n    }\n    if (props.upperBound) {\n      parts.push(props.upperBound.inclusive ? '<=' : '<');\n      parts.push(props.upperBound.value);\n    }\n    base = parts.join(':');\n  } else if (subtype === 'feature') {\n    base = props.featureValue\n      ? `media:feat:${props.feature}:${props.featureValue}`\n      : `media:feat:${props.feature}`;\n  } else {\n    base = `media:type:${props.mediaType}`;\n  }\n\n  return negated ? `!${base}` : base;\n}\n\n/**\n * Generate a normalized unique ID for a container condition\n */\nexport function containerUniqueId(\n  subtype: 'dimension' | 'style' | 'raw',\n  props: {\n    containerName?: string;\n    dimension?: string;\n    lowerBound?: NumericBound;\n    upperBound?: NumericBound;\n    property?: string;\n    propertyValue?: string;\n    rawCondition?: string;\n  },\n  negated = false,\n): string {\n  let base: string;\n  const name = props.containerName || '_';\n\n  if (subtype === 'dimension') {\n    const parts = ['container', 'dim', name, props.dimension];\n    if (props.lowerBound) {\n      parts.push(props.lowerBound.inclusive ? '>=' : '>');\n      parts.push(props.lowerBound.value);\n    }\n    if (props.upperBound) {\n      parts.push(props.upperBound.inclusive ? '<=' : '<');\n      parts.push(props.upperBound.value);\n    }\n    base = parts.join(':');\n  } else if (subtype === 'raw') {\n    base = `container:raw:${name}:${props.rawCondition}`;\n  } else {\n    base = props.propertyValue\n      ? `container:style:${name}:--${props.property}:${props.propertyValue}`\n      : `container:style:${name}:--${props.property}`;\n  }\n\n  return negated ? `!${base}` : base;\n}\n\n/**\n * Generate a normalized unique ID for a root condition\n */\nexport function rootUniqueId(innerUniqueId: string, negated = false): string {\n  const base = `root:${innerUniqueId}`;\n  return negated ? `!${base}` : base;\n}\n\n/**\n * Generate a normalized unique ID for a parent condition\n */\nexport function parentUniqueId(\n  innerUniqueId: string,\n  direct: boolean,\n  negated = false,\n): string {\n  const base = `parent:${direct ? '>' : ''}${innerUniqueId}`;\n  return negated ? `!${base}` : base;\n}\n\n/**\n * Generate a normalized unique ID for an own condition\n */\nexport function ownUniqueId(innerUniqueId: string, negated = false): string {\n  const base = `own:${innerUniqueId}`;\n  return negated ? `!${base}` : base;\n}\n\n/**\n * Generate a normalized unique ID for a starting condition\n */\nexport function startingUniqueId(negated = false): string {\n  return negated ? '!starting' : 'starting';\n}\n\n/**\n * Generate a normalized unique ID for a supports condition\n */\nexport function supportsUniqueId(\n  subtype: 'feature' | 'selector',\n  condition: string,\n  negated = false,\n): string {\n  const base = `supports:${subtype}:${condition}`;\n  return negated ? `!${base}` : base;\n}\n\n// ============================================================================\n// Condition Creation Helpers\n// ============================================================================\n\n/**\n * Create a modifier condition\n */\nexport function createModifierCondition(\n  attribute: string,\n  value?: string,\n  operator: '=' | '^=' | '$=' | '*=' = '=',\n  negated = false,\n  raw?: string,\n): ModifierCondition {\n  return {\n    kind: 'state',\n    type: 'modifier',\n    negated,\n    raw: raw || (value ? `${attribute}${operator}${value}` : attribute),\n    uniqueId: modifierUniqueId(attribute, value, operator, negated),\n    attribute,\n    value,\n    operator: value ? operator : undefined,\n  };\n}\n\n/**\n * Create a pseudo condition\n */\nexport function createPseudoCondition(\n  pseudo: string,\n  negated = false,\n  raw?: string,\n): PseudoCondition {\n  return {\n    kind: 'state',\n    type: 'pseudo',\n    negated,\n    raw: raw || pseudo,\n    uniqueId: pseudoUniqueId(pseudo, negated),\n    pseudo,\n  };\n}\n\n/**\n * Create a media dimension condition\n */\nexport function createMediaDimensionCondition(\n  dimension: 'width' | 'height' | 'inline-size' | 'block-size',\n  lowerBound?: NumericBound,\n  upperBound?: NumericBound,\n  negated = false,\n  raw?: string,\n): MediaCondition {\n  return {\n    kind: 'state',\n    type: 'media',\n    subtype: 'dimension',\n    negated,\n    raw: raw || `@media(${dimension})`,\n    uniqueId: mediaUniqueId(\n      'dimension',\n      { dimension, lowerBound, upperBound },\n      negated,\n    ),\n    dimension,\n    lowerBound,\n    upperBound,\n  };\n}\n\n/**\n * Create a media feature condition\n */\nexport function createMediaFeatureCondition(\n  feature: string,\n  featureValue?: string,\n  negated = false,\n  raw?: string,\n): MediaCondition {\n  return {\n    kind: 'state',\n    type: 'media',\n    subtype: 'feature',\n    negated,\n    raw: raw || `@media(${feature}${featureValue ? `: ${featureValue}` : ''})`,\n    uniqueId: mediaUniqueId('feature', { feature, featureValue }, negated),\n    feature,\n    featureValue,\n  };\n}\n\n/**\n * Create a media type condition\n */\nexport function createMediaTypeCondition(\n  mediaType: 'print' | 'screen' | 'all' | 'speech',\n  negated = false,\n  raw?: string,\n): MediaCondition {\n  return {\n    kind: 'state',\n    type: 'media',\n    subtype: 'type',\n    negated,\n    raw: raw || `@media:${mediaType}`,\n    uniqueId: mediaUniqueId('type', { mediaType }, negated),\n    mediaType,\n  };\n}\n\n/**\n * Create a container dimension condition\n */\nexport function createContainerDimensionCondition(\n  dimension: 'width' | 'height' | 'inline-size' | 'block-size',\n  lowerBound?: NumericBound,\n  upperBound?: NumericBound,\n  containerName?: string,\n  negated = false,\n  raw?: string,\n): ContainerCondition {\n  return {\n    kind: 'state',\n    type: 'container',\n    subtype: 'dimension',\n    negated,\n    raw: raw || `@(${containerName ? containerName + ', ' : ''}${dimension})`,\n    uniqueId: containerUniqueId(\n      'dimension',\n      { containerName, dimension, lowerBound, upperBound },\n      negated,\n    ),\n    containerName,\n    dimension,\n    lowerBound,\n    upperBound,\n  };\n}\n\n/**\n * Create a container style condition\n */\nexport function createContainerStyleCondition(\n  property: string,\n  propertyValue?: string,\n  containerName?: string,\n  negated = false,\n  raw?: string,\n): ContainerCondition {\n  return {\n    kind: 'state',\n    type: 'container',\n    subtype: 'style',\n    negated,\n    raw:\n      raw ||\n      `@(${containerName ? containerName + ', ' : ''}$${property}${propertyValue ? '=' + propertyValue : ''})`,\n    uniqueId: containerUniqueId(\n      'style',\n      { containerName, property, propertyValue },\n      negated,\n    ),\n    containerName,\n    property,\n    propertyValue,\n  };\n}\n\n/**\n * Create a container raw function condition (e.g., scroll-state(), style(), etc.)\n * The condition string is passed through to CSS verbatim.\n */\nexport function createContainerRawCondition(\n  rawCondition: string,\n  containerName?: string,\n  negated = false,\n  raw?: string,\n): ContainerCondition {\n  return {\n    kind: 'state',\n    type: 'container',\n    subtype: 'raw',\n    negated,\n    raw:\n      raw || `@(${containerName ? containerName + ', ' : ''}${rawCondition})`,\n    uniqueId: containerUniqueId(\n      'raw',\n      { containerName, rawCondition },\n      negated,\n    ),\n    containerName,\n    rawCondition,\n  };\n}\n\n/**\n * Create a root condition\n */\nexport function createRootCondition(\n  innerCondition: ConditionNode,\n  negated = false,\n  raw?: string,\n): RootCondition {\n  const innerUniqueId = getConditionUniqueId(innerCondition);\n  return {\n    kind: 'state',\n    type: 'root',\n    negated,\n    raw: raw || `@root(${innerUniqueId})`,\n    uniqueId: rootUniqueId(innerUniqueId, negated),\n    innerCondition,\n  };\n}\n\n/**\n * Create a parent condition\n */\nexport function createParentCondition(\n  innerCondition: ConditionNode,\n  direct: boolean,\n  negated = false,\n  raw?: string,\n): ParentCondition {\n  const innerUniqueId = getConditionUniqueId(innerCondition);\n  return {\n    kind: 'state',\n    type: 'parent',\n    negated,\n    raw: raw || `@parent(${innerUniqueId})`,\n    uniqueId: parentUniqueId(innerUniqueId, direct, negated),\n    innerCondition,\n    direct,\n  };\n}\n\n/**\n * Create an own condition\n */\nexport function createOwnCondition(\n  innerCondition: ConditionNode,\n  negated = false,\n  raw?: string,\n): OwnCondition {\n  const innerUniqueId = getConditionUniqueId(innerCondition);\n  return {\n    kind: 'state',\n    type: 'own',\n    negated,\n    raw: raw || `@own(...)`,\n    uniqueId: ownUniqueId(innerUniqueId, negated),\n    innerCondition,\n  };\n}\n\n/**\n * Create a starting condition\n */\nexport function createStartingCondition(\n  negated = false,\n  raw?: string,\n): StartingCondition {\n  return {\n    kind: 'state',\n    type: 'starting',\n    negated,\n    raw: raw || '@starting',\n    uniqueId: startingUniqueId(negated),\n  };\n}\n\n/**\n * Create a supports condition\n *\n * @param subtype 'feature' for @supports(display: grid), 'selector' for @supports($, :has(*))\n * @param condition The condition string (e.g., \"display: grid\" or \":has(*)\")\n */\nexport function createSupportsCondition(\n  subtype: 'feature' | 'selector',\n  condition: string,\n  negated = false,\n  raw?: string,\n): SupportsCondition {\n  return {\n    kind: 'state',\n    type: 'supports',\n    subtype,\n    negated,\n    raw: raw || `@supports(${condition})`,\n    uniqueId: supportsUniqueId(subtype, condition, negated),\n    condition,\n  };\n}\n\n// ============================================================================\n// Utility Functions\n// ============================================================================\n\n/**\n * Get the unique ID for any condition node\n */\nexport function getConditionUniqueId(node: ConditionNode): string {\n  if (node.kind === 'true') {\n    return 'TRUE';\n  }\n  if (node.kind === 'false') {\n    return 'FALSE';\n  }\n  if (node.kind === 'state') {\n    return node.uniqueId;\n  }\n  if (node.kind === 'compound') {\n    const childIds = node.children.map(getConditionUniqueId).sort();\n    return `${node.operator}(${childIds.join(',')})`;\n  }\n  return 'UNKNOWN';\n}\n"],"mappings":"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"}

package/dist/pipeline/index.js

@@ -6,7 +6,7 @@ import { STYLE_HANDLER_MAP } from "../styles/index.js";
 import { and, falseCondition, not, or, trueCondition } from "./conditions.js";
 import { simplifyCondition } from "./simplify.js";
 import { buildExclusiveConditions, expandExclusiveOrs, expandOrConditions, isValueMapping, parseStyleEntries } from "./exclusive.js";
-import { buildAtRulesFromVariant, conditionToCSS, modifierToCSS, parentToCSS, pseudoToCSS, rootConditionsToCSS } from "./materialize.js";
+import { buildAtRulesFromVariant, conditionToCSS, modifierToCSS, parentGroupsToCSS, pseudoToCSS, rootConditionsToCSS, selectorConditionToCSS } from "./materialize.js";
 import { parseStateKey } from "./parseStateKey.js";
 
 //#region src/pipeline/index.ts
@@ -556,10 +556,9 @@ function buildSelectorFromVariant(variant, selectorSuffix) {
 	let selector = "";
 	for (const mod of variant.modifierConditions) selector += modifierToCSS(mod);
 	for (const pseudo of variant.pseudoConditions) selector += pseudoToCSS(pseudo);
-	for (const parent of variant.parentConditions) selector += parentToCSS(parent);
+	if (variant.parentGroups.length > 0) selector += parentGroupsToCSS(variant.parentGroups);
 	selector += selectorSuffix;
-	for (const own of variant.ownConditions) if ("attribute" in own) selector += modifierToCSS(own);
-	else selector += pseudoToCSS(own);
+	for (const own of variant.ownConditions) selector += selectorConditionToCSS(own);
 	return selector;
 }
 /**
@@ -573,7 +572,7 @@ function materializeComputedRule(rule) {
 	if (components.isImpossible || components.variants.length === 0) return [];
 	const declarations = Object.entries(rule.declarations).map(([prop, value]) => `${prop}: ${value};`).join(" ");
 	const getRootPrefixKey = (variant) => {
-		return variant.rootConditions.map((r) => r.negated ? `!${r.selector}` : r.selector).sort().join("|");
+		return variant.rootConditions.map((r) => selectorConditionToCSS(r)).sort().join("|");
 	};
 	const byAtRules = /* @__PURE__ */ new Map();
 	for (const variant of components.variants) {