@tenphi/tasty 0.0.0-snapshot.e5c8361 → 0.0.0-snapshot.fafcbfe

package/README.md

@@ -24,6 +24,7 @@ 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.
@@ -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 },
@@ -152,27 +153,32 @@ 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.
@@ -456,8 +462,11 @@ Open-source React UI kit built on Tasty + React Aria. 100+ production components
 
 ## 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/core/index.d.ts

@@ -2,9 +2,11 @@ import { CacheMetrics, DisposeFunction, InjectResult, KeyframesCacheEntry, Keyfr
 import { CSSProperties } from "../utils/css-types.js";
 import { Bucket, ParserOptions, ProcessedStyle, StyleDetails, StyleDetailsPart, UnitHandler } from "../parser/types.js";
 import { StyleParser } from "../parser/parser.js";
-import { AtRuleContext, ParsedAdvancedState, StateParserContext, getGlobalPredefinedStates, setGlobalPredefinedStates } from "../states/index.js";
+import { AtRuleContext, ParsedAdvancedState, StateParserContext, createStateParserContext, getGlobalPredefinedStates, setGlobalPredefinedStates } from "../states/index.js";
 import { COMPUTE_FUNC_MAP, CSSMap, CUSTOM_UNITS, ComputeModel, DIRECTIONS, ParsedColor, RawStyleHandler, STATE_OPERATORS, STATE_OPERATOR_LIST, StyleHandler, StyleHandlerDefinition, StyleHandlerResult, StyleMap, StylePropValue, StyleStateData, StyleStateDataList, StyleStateDataListMap, StyleStateMap, StyleValue, StyleValueStateMap, buildAtRuleContext, computeState, customFunc, extendStyles, extractStyles, filterMods, getGlobalFuncs, getGlobalParser, getGlobalPredefinedTokens, getModSelector, getRgbValuesFromRgbaString, hexToRgb, isAdvancedStateToken, normalizeColorTokenValue, parseColor, parseStateNotation, parseStyle, resetGlobalPredefinedTokens, setGlobalPredefinedTokens, strToRgb, stringifyStyles, styleStateMapToStyleStateDataList } from "../utils/styles.js";
 import { NoType, NotSelector, RecipeStyles, Selector, Styles, StylesInterface, StylesWithoutSelectors, SuffixForSelector, TastyNamedColors, TastyPresetNames } from "../styles/types.js";
+import { ConditionNode } from "../pipeline/conditions.js";
+import { ParseStateKeyOptions, parseStateKey } from "../pipeline/parseStateKey.js";
 import { RenderResult, StyleResult, isSelector, renderStyles } from "../pipeline/index.js";
 import { SheetManager } from "../injector/sheet-manager.js";
 import { StyleInjector } from "../injector/injector.js";
@@ -28,4 +30,4 @@ import { hslToRgbValues, processTokens, stringifyTokens } from "../utils/process
 import { TypographyPreset } from "../tokens/typography.js";
 import { generateTypographyTokens } from "../utils/typography.js";
 import { tastyDebug } from "../debug.js";
-export { type AtRuleContext, BASE_STYLES, BLOCK_INNER_STYLES, BLOCK_OUTER_STYLES, BLOCK_STYLES, type BaseStyleProps, type BlockInnerStyleProps, type BlockOuterStyleProps, type BlockStyleProps, Bucket, CHUNK_NAMES, COLOR_STYLES, COMPUTE_FUNC_MAP, CONTAINER_STYLES, CSSMap, type CSSProperties, CUSTOM_UNITS, CacheMetrics, type ChunkInfo, type ChunkName, type ColorStyleProps, ComputeModel, type ContainerStyleProps, DIMENSION_STYLES, DIRECTIONS, type DimensionStyleProps, DisposeFunction, FLOW_STYLES, type FlowStyleProps, type GlobalStyledProps, INNER_STYLES, InjectResult, type InnerStyleProps, KeyframesCacheEntry, KeyframesInfo, KeyframesResult, KeyframesSteps, type ModValue, type Mods, type NoType, type NotSelector, OUTER_STYLES, type OuterStyleProps, POSITION_STYLES, type ParsedAdvancedState, ParsedColor, type ParserOptions, type PositionStyleProps, type ProcessedStyle, PropertyDefinition, PropertyOptions, type Props, RawCSSResult, RawStyleHandler, type RecipeStyles, type RenderResult, RootRegistry, RuleInfo, STATE_OPERATORS, STATE_OPERATOR_LIST, STYLE_TO_CHUNK, type Selector, SheetInfo, SheetManager, type ShortGridStyles, type StateParserContext, type StyleDetails, type StyleDetailsPart, StyleHandler, StyleHandlerDefinition, StyleHandlerResult, StyleInjector, StyleInjectorConfig, StyleMap, StyleParser, StylePropValue, type StyleResult, StyleRule, StyleStateData, StyleStateDataList, StyleStateDataListMap, StyleStateMap, StyleValue, StyleValueStateMap, type Styles, type StylesInterface, type StylesWithoutSelectors, type SuffixForSelector, TEXT_STYLES, type TagName, type TastyConfig, type TastyExtensionConfig, type TastyNamedColors, type TastyPlugin, type TastyPluginFactory, type TastyPresetNames, type TastyThemeNames, type TextStyleProps, type TokenValue, type Tokens, TypographyPreset, type UnitHandler, allocateClassName, buildAtRuleContext, categorizeStyleKeys, cleanup, color, computeState, configure, createInjector, customFunc, deprecationWarning, destroy, dotize, extendStyles, extractStyles, filterBaseProps, filterMods, generateTypographyTokens, getConfig, getCssText, getCssTextForNode, 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, parseStateNotation, parseStyle, processTokens, property, renderStyles, resetConfig, resetGlobalPredefinedTokens, resolveRecipes, setGlobalPredefinedStates, setGlobalPredefinedTokens, strToRgb, stringifyStyles, stringifyTokens, styleHandlers, styleStateMapToStyleStateDataList, tastyDebug, warn };
+export { type AtRuleContext, BASE_STYLES, BLOCK_INNER_STYLES, BLOCK_OUTER_STYLES, BLOCK_STYLES, type BaseStyleProps, type BlockInnerStyleProps, type BlockOuterStyleProps, type BlockStyleProps, Bucket, CHUNK_NAMES, COLOR_STYLES, COMPUTE_FUNC_MAP, CONTAINER_STYLES, CSSMap, type CSSProperties, CUSTOM_UNITS, CacheMetrics, type ChunkInfo, type ChunkName, type ColorStyleProps, ComputeModel, type ConditionNode, type ContainerStyleProps, DIMENSION_STYLES, DIRECTIONS, type DimensionStyleProps, DisposeFunction, FLOW_STYLES, type FlowStyleProps, type GlobalStyledProps, INNER_STYLES, InjectResult, type InnerStyleProps, KeyframesCacheEntry, KeyframesInfo, KeyframesResult, KeyframesSteps, type ModValue, type Mods, type NoType, type NotSelector, OUTER_STYLES, type OuterStyleProps, POSITION_STYLES, type ParseStateKeyOptions, type ParsedAdvancedState, ParsedColor, type ParserOptions, type PositionStyleProps, type ProcessedStyle, PropertyDefinition, PropertyOptions, type Props, RawCSSResult, RawStyleHandler, type RecipeStyles, type RenderResult, RootRegistry, RuleInfo, STATE_OPERATORS, STATE_OPERATOR_LIST, STYLE_TO_CHUNK, type Selector, SheetInfo, SheetManager, type ShortGridStyles, type StateParserContext, type StyleDetails, type StyleDetailsPart, StyleHandler, StyleHandlerDefinition, StyleHandlerResult, StyleInjector, StyleInjectorConfig, StyleMap, StyleParser, StylePropValue, type StyleResult, StyleRule, StyleStateData, StyleStateDataList, StyleStateDataListMap, StyleStateMap, StyleValue, StyleValueStateMap, type Styles, type StylesInterface, type StylesWithoutSelectors, type SuffixForSelector, TEXT_STYLES, type TagName, type TastyConfig, type TastyExtensionConfig, type TastyNamedColors, type TastyPlugin, type TastyPluginFactory, type TastyPresetNames, type TastyThemeNames, type TextStyleProps, type TokenValue, type Tokens, TypographyPreset, type UnitHandler, allocateClassName, buildAtRuleContext, categorizeStyleKeys, cleanup, color, computeState, configure, createInjector, createStateParserContext, customFunc, deprecationWarning, destroy, dotize, extendStyles, extractStyles, filterBaseProps, filterMods, generateTypographyTokens, getConfig, getCssText, getCssTextForNode, 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, tastyDebug, warn };

package/dist/core/index.js

@@ -1,12 +1,13 @@
 import { Bucket } from "../parser/types.js";
 import { StyleParser } from "../parser/parser.js";
 import { okhslFunc, okhslPlugin } from "../plugins/okhsl-plugin.js";
-import { getGlobalPredefinedStates, setGlobalPredefinedStates } from "../states/index.js";
+import { createStateParserContext, getGlobalPredefinedStates, setGlobalPredefinedStates } from "../states/index.js";
 import { hslToRgbValues, processTokens, stringifyTokens } from "../utils/process-tokens.js";
 import { COMPUTE_FUNC_MAP, CUSTOM_UNITS, DIRECTIONS, STATE_OPERATORS, STATE_OPERATOR_LIST, buildAtRuleContext, computeState, customFunc, extendStyles, extractStyles, filterMods, getGlobalFuncs, getGlobalParser, getGlobalPredefinedTokens, getModSelector, getRgbValuesFromRgbaString, hexToRgb, isAdvancedStateToken, normalizeColorTokenValue, parseColor, parseStateNotation, parseStyle, resetGlobalPredefinedTokens, setGlobalPredefinedTokens, strToRgb, stringifyStyles, styleStateMapToStyleStateDataList } from "../utils/styles.js";
 import { styleHandlers } from "../styles/predefined.js";
 import { SheetManager } from "../injector/sheet-manager.js";
 import { StyleInjector } from "../injector/injector.js";
+import { parseStateKey } from "../pipeline/parseStateKey.js";
 import { isSelector, renderStyles } from "../pipeline/index.js";
 import { configure, getConfig, getGlobalKeyframes, getGlobalRecipes, hasGlobalKeyframes, hasGlobalRecipes, hasStylesGenerated, isConfigLocked, isTestEnvironment, resetConfig } from "../config.js";
 import { CHUNK_NAMES, STYLE_TO_CHUNK, categorizeStyleKeys } from "../chunks/definitions.js";
@@ -22,4 +23,4 @@ import { deprecationWarning, warn } from "../utils/warnings.js";
 import { generateTypographyTokens } from "../utils/typography.js";
 import { tastyDebug } from "../debug.js";
 
-export { BASE_STYLES, BLOCK_INNER_STYLES, BLOCK_OUTER_STYLES, BLOCK_STYLES, Bucket, CHUNK_NAMES, COLOR_STYLES, COMPUTE_FUNC_MAP, CONTAINER_STYLES, CUSTOM_UNITS, DIMENSION_STYLES, DIRECTIONS, FLOW_STYLES, INNER_STYLES, OUTER_STYLES, POSITION_STYLES, STATE_OPERATORS, STATE_OPERATOR_LIST, STYLE_TO_CHUNK, SheetManager, StyleInjector, StyleParser, TEXT_STYLES, allocateClassName, buildAtRuleContext, categorizeStyleKeys, cleanup, color, computeState, configure, createInjector, customFunc, deprecationWarning, destroy, dotize, extendStyles, extractStyles, filterBaseProps, filterMods, generateTypographyTokens, getConfig, getCssText, getCssTextForNode, 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, parseStateNotation, parseStyle, processTokens, property, renderStyles, resetConfig, resetGlobalPredefinedTokens, resolveRecipes, setGlobalPredefinedStates, setGlobalPredefinedTokens, strToRgb, stringifyStyles, stringifyTokens, styleHandlers, styleStateMapToStyleStateDataList, tastyDebug, warn };
+export { BASE_STYLES, BLOCK_INNER_STYLES, BLOCK_OUTER_STYLES, BLOCK_STYLES, Bucket, CHUNK_NAMES, COLOR_STYLES, COMPUTE_FUNC_MAP, CONTAINER_STYLES, CUSTOM_UNITS, DIMENSION_STYLES, DIRECTIONS, FLOW_STYLES, INNER_STYLES, OUTER_STYLES, POSITION_STYLES, STATE_OPERATORS, STATE_OPERATOR_LIST, STYLE_TO_CHUNK, SheetManager, StyleInjector, StyleParser, TEXT_STYLES, allocateClassName, buildAtRuleContext, categorizeStyleKeys, cleanup, color, computeState, configure, createInjector, createStateParserContext, customFunc, deprecationWarning, destroy, dotize, extendStyles, extractStyles, filterBaseProps, filterMods, generateTypographyTokens, getConfig, getCssText, getCssTextForNode, 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, tastyDebug, warn };

package/dist/index.d.ts

@@ -2,9 +2,11 @@ import { CacheMetrics, DisposeFunction, InjectResult, KeyframesCacheEntry, Keyfr
 import { CSSProperties } from "./utils/css-types.js";
 import { Bucket, ParserOptions, ProcessedStyle, StyleDetails, StyleDetailsPart, UnitHandler } from "./parser/types.js";
 import { StyleParser } from "./parser/parser.js";
-import { AtRuleContext, ParsedAdvancedState, StateParserContext, getGlobalPredefinedStates, setGlobalPredefinedStates } from "./states/index.js";
+import { AtRuleContext, ParsedAdvancedState, StateParserContext, createStateParserContext, getGlobalPredefinedStates, setGlobalPredefinedStates } from "./states/index.js";
 import { COMPUTE_FUNC_MAP, CSSMap, CUSTOM_UNITS, ComputeModel, DIRECTIONS, ParsedColor, RawStyleHandler, STATE_OPERATORS, STATE_OPERATOR_LIST, StyleHandler, StyleHandlerDefinition, StyleHandlerResult, StyleMap, StylePropValue, StyleStateData, StyleStateDataList, StyleStateDataListMap, StyleStateMap, StyleValue, StyleValueStateMap, buildAtRuleContext, computeState, customFunc, extendStyles, extractStyles, filterMods, getGlobalFuncs, getGlobalParser, getGlobalPredefinedTokens, getModSelector, getRgbValuesFromRgbaString, hexToRgb, isAdvancedStateToken, normalizeColorTokenValue, parseColor, parseStateNotation, parseStyle, resetGlobalPredefinedTokens, setGlobalPredefinedTokens, strToRgb, stringifyStyles, styleStateMapToStyleStateDataList } from "./utils/styles.js";
 import { NoType, NotSelector, RecipeStyles, Selector, Styles, StylesInterface, StylesWithoutSelectors, SuffixForSelector, TastyNamedColors, TastyPresetNames } from "./styles/types.js";
+import { ConditionNode } from "./pipeline/conditions.js";
+import { ParseStateKeyOptions, parseStateKey } from "./pipeline/parseStateKey.js";
 import { RenderResult, StyleResult, isSelector, renderStyles } from "./pipeline/index.js";
 import { SheetManager } from "./injector/sheet-manager.js";
 import { StyleInjector } from "./injector/injector.js";
@@ -15,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";
@@ -35,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, 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, 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, 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, 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/index.js

@@ -1,12 +1,13 @@
 import { Bucket } from "./parser/types.js";
 import { StyleParser } from "./parser/parser.js";
 import { okhslFunc, okhslPlugin } from "./plugins/okhsl-plugin.js";
-import { getGlobalPredefinedStates, setGlobalPredefinedStates } from "./states/index.js";
+import { createStateParserContext, getGlobalPredefinedStates, setGlobalPredefinedStates } from "./states/index.js";
 import { hslToRgbValues, processTokens, stringifyTokens } from "./utils/process-tokens.js";
 import { COMPUTE_FUNC_MAP, CUSTOM_UNITS, DIRECTIONS, STATE_OPERATORS, STATE_OPERATOR_LIST, buildAtRuleContext, computeState, customFunc, extendStyles, extractStyles, filterMods, getGlobalFuncs, getGlobalParser, getGlobalPredefinedTokens, getModSelector, getRgbValuesFromRgbaString, hexToRgb, isAdvancedStateToken, normalizeColorTokenValue, parseColor, parseStateNotation, parseStyle, resetGlobalPredefinedTokens, setGlobalPredefinedTokens, strToRgb, stringifyStyles, styleStateMapToStyleStateDataList } from "./utils/styles.js";
 import { styleHandlers } from "./styles/predefined.js";
 import { SheetManager } from "./injector/sheet-manager.js";
 import { StyleInjector } from "./injector/injector.js";
+import { parseStateKey } from "./pipeline/parseStateKey.js";
 import { isSelector, renderStyles } from "./pipeline/index.js";
 import { configure, getConfig, getGlobalKeyframes, getGlobalRecipes, hasGlobalKeyframes, hasGlobalRecipes, hasStylesGenerated, isConfigLocked, isTestEnvironment, resetConfig } from "./config.js";
 import { CHUNK_NAMES, STYLE_TO_CHUNK, categorizeStyleKeys } from "./chunks/definitions.js";
@@ -29,4 +30,4 @@ import { useRawCSS } from "./hooks/useRawCSS.js";
 import { useKeyframes } from "./hooks/useKeyframes.js";
 import { useProperty } from "./hooks/useProperty.js";
 
-export { BASE_STYLES, BLOCK_INNER_STYLES, BLOCK_OUTER_STYLES, BLOCK_STYLES, Bucket, CHUNK_NAMES, COLOR_STYLES, COMPUTE_FUNC_MAP, CONTAINER_STYLES, CUSTOM_UNITS, DIMENSION_STYLES, DIRECTIONS, Element, FLOW_STYLES, INNER_STYLES, OUTER_STYLES, POSITION_STYLES, STATE_OPERATORS, STATE_OPERATOR_LIST, STYLE_TO_CHUNK, SheetManager, StyleInjector, StyleParser, TEXT_STYLES, allocateClassName, buildAtRuleContext, categorizeStyleKeys, cleanup, color, computeState, configure, createInjector, 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, parseStateNotation, parseStyle, processTokens, property, renderStyles, resetConfig, resetGlobalPredefinedTokens, resolveRecipes, setGlobalPredefinedStates, setGlobalPredefinedTokens, strToRgb, stringifyStyles, stringifyTokens, styleHandlers, styleStateMapToStyleStateDataList, tasty, tastyDebug, useGlobalStyles, useKeyframes, useProperty, useRawCSS, useStyles, warn };
+export { BASE_STYLES, BLOCK_INNER_STYLES, BLOCK_OUTER_STYLES, BLOCK_STYLES, Bucket, CHUNK_NAMES, COLOR_STYLES, COMPUTE_FUNC_MAP, CONTAINER_STYLES, CUSTOM_UNITS, DIMENSION_STYLES, DIRECTIONS, Element, FLOW_STYLES, INNER_STYLES, OUTER_STYLES, POSITION_STYLES, STATE_OPERATORS, STATE_OPERATOR_LIST, STYLE_TO_CHUNK, SheetManager, StyleInjector, StyleParser, TEXT_STYLES, 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

@@ -0,0 +1,134 @@
+//#region src/pipeline/conditions.d.ts
+/**
+ * ConditionNode Types and Helpers
+ *
+ * Core data structures for representing style conditions as an abstract syntax tree.
+ * Used throughout the pipeline for parsing, simplification, and CSS generation.
+ */
+/**
+ * Base interface for all state conditions (leaf nodes)
+ */
+interface BaseStateCondition {
+  kind: 'state';
+  negated: boolean;
+  raw: string;
+  uniqueId: string;
+}
+/**
+ * Modifier condition: [data-attr] or [data-attr="value"]
+ */
+interface ModifierCondition extends BaseStateCondition {
+  type: 'modifier';
+  attribute: string;
+  value?: string;
+  operator?: '=' | '^=' | '$=' | '*=';
+}
+/**
+ * Pseudo-class condition: :hover, :focus-visible
+ */
+interface PseudoCondition extends BaseStateCondition {
+  type: 'pseudo';
+  pseudo: string;
+}
+/**
+ * Numeric bound for dimension queries
+ */
+interface NumericBound {
+  value: string;
+  valueNumeric: number | null;
+  inclusive: boolean;
+}
+/**
+ * Media query condition
+ */
+interface MediaCondition extends BaseStateCondition {
+  type: 'media';
+  subtype: 'dimension' | 'feature' | 'type';
+  dimension?: 'width' | 'height' | 'inline-size' | 'block-size';
+  lowerBound?: NumericBound;
+  upperBound?: NumericBound;
+  feature?: string;
+  featureValue?: string;
+  mediaType?: 'print' | 'screen' | 'all' | 'speech';
+}
+/**
+ * Container query condition
+ */
+interface ContainerCondition extends BaseStateCondition {
+  type: 'container';
+  subtype: 'dimension' | 'style' | 'raw';
+  containerName?: string;
+  dimension?: 'width' | 'height' | 'inline-size' | 'block-size';
+  lowerBound?: NumericBound;
+  upperBound?: NumericBound;
+  property?: string;
+  propertyValue?: string;
+  rawCondition?: string;
+}
+/**
+ * Root state condition: @root(theme=dark)
+ */
+interface RootCondition extends BaseStateCondition {
+  type: 'root';
+  innerCondition: ConditionNode;
+}
+/**
+ * Parent state condition: @parent(hovered), @parent(theme=dark, >)
+ */
+interface ParentCondition extends BaseStateCondition {
+  type: 'parent';
+  innerCondition: ConditionNode;
+  direct: boolean;
+}
+/**
+ * Own state condition: @own(hovered)
+ */
+interface OwnCondition extends BaseStateCondition {
+  type: 'own';
+  innerCondition: ConditionNode;
+}
+/**
+ * Starting style condition: @starting
+ */
+interface StartingCondition extends BaseStateCondition {
+  type: 'starting';
+}
+/**
+ * Supports query condition: @supports(display: grid), @supports($, :has(*))
+ */
+interface SupportsCondition extends BaseStateCondition {
+  type: 'supports';
+  subtype: 'feature' | 'selector';
+  condition: string;
+}
+/**
+ * Union of all state condition types
+ */
+type StateCondition = ModifierCondition | PseudoCondition | MediaCondition | ContainerCondition | RootCondition | ParentCondition | OwnCondition | StartingCondition | SupportsCondition;
+/**
+ * Compound node: combines conditions with AND/OR
+ */
+interface CompoundCondition {
+  kind: 'compound';
+  operator: 'AND' | 'OR';
+  children: ConditionNode[];
+}
+/**
+ * True condition (matches everything)
+ */
+interface TrueCondition {
+  kind: 'true';
+}
+/**
+ * False condition (matches nothing - skip this rule)
+ */
+interface FalseCondition {
+  kind: 'false';
+}
+/**
+ * Union of all condition node types
+ */
+type ConditionNode = StateCondition | CompoundCondition | TrueCondition | FalseCondition;
+//#endregion
+export { ConditionNode };
+//# sourceMappingURL=conditions.d.ts.map

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.d.ts

@@ -1,4 +1,6 @@
 import { Styles } from "../styles/types.js";
+import { ConditionNode } from "./conditions.js";
+import { parseStateKey } from "./parseStateKey.js";
 
 //#region src/pipeline/index.d.ts
 /**

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) {