@cube-dev/ui-kit 0.0.0-canary-46a956c → 0.0.0-canary-7e3af46

package/dist/tasty/states/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/tasty/states/index.ts"],"sourcesContent":["/**\n * Advanced State Mapping - Predefined States Management\n *\n * This module handles global and local predefined states for the Tasty styling system.\n * See ADVANCED_STATE_MAPPING.md for full specification.\n */\n\nimport { hasStylesGenerated } from '../config';\nimport { Styles } from '../styles/types';\nimport { isDevEnv } from '../utils/is-dev-env';\n\n/**\n * Parsed advanced state information\n */\nexport interface ParsedAdvancedState {\n  type:\n    | 'media'\n    | 'container'\n    | 'root'\n    | 'own'\n    | 'starting'\n    | 'predefined'\n    | 'modifier';\n  condition: string; // e.g., 'width <= 920px' or 'hovered'\n  containerName?: string; // for container queries\n  raw: string; // original state key\n  mediaType?: string; // for @media:screen, @media:print, etc.\n}\n\n/**\n * Context for state parsing operations\n */\nexport interface StateParserContext {\n  localPredefinedStates: Record<string, string>;\n  globalPredefinedStates: Record<string, string>;\n  isSubElement?: boolean; // true when processing sub-element styles (for @own() validation)\n}\n\n/**\n * At-rule context for CSS generation\n */\nexport interface AtRuleContext {\n  media?: string[]; // @media conditions to wrap rule in (merged with 'and')\n  container?: { name?: string; condition: string }[]; // @container conditions (nested)\n  startingStyle?: boolean;\n  rootStates?: string[]; // :root state selectors (e.g., '[data-theme=\"dark\"]')\n  negatedRootStates?: string[]; // Negated :root state selectors for non-overlapping rules (e.g., ':not([data-theme=\"dark\"])')\n}\n\n// Built-in state names that cannot be overridden\nconst BUILTIN_STATES = new Set([\n  '@starting',\n  '@keyframes',\n  '@properties',\n  '@supports',\n]);\n\n// Reserved prefixes that are built-in\nconst RESERVED_PREFIXES = [\n  '@media',\n  '@root',\n  '@own',\n  '@(',\n  '@starting',\n  '@keyframes',\n  '@properties',\n  '@supports',\n];\n\n// Global predefined states storage\nlet globalPredefinedStates: Record<string, string> = {};\n\n// Warnings tracking to avoid duplicates\nconst emittedWarnings = new Set<string>();\n\nconst devMode = isDevEnv();\n\n/**\n * Emit a warning only once\n */\nfunction warnOnce(key: string, message: string): void {\n  if (devMode && !emittedWarnings.has(key)) {\n    emittedWarnings.add(key);\n    console.warn(message);\n  }\n}\n\n/**\n * Configure global predefined states\n */\nexport function setGlobalPredefinedStates(\n  states: Record<string, string>,\n): void {\n  if (hasStylesGenerated()) {\n    const newStateNames = Object.keys(states).join(', ');\n    warnOnce(\n      `dynamic-states:${newStateNames}`,\n      `[Tasty] Cannot update predefined states after styles have been generated.\\n` +\n        `The new definition(s) for ${newStateNames} will be ignored.`,\n    );\n    return;\n  }\n\n  // Validate state names\n  for (const [name, value] of Object.entries(states)) {\n    // Check for valid name format\n    if (!/^@[A-Za-z][A-Za-z0-9-]*$/.test(name)) {\n      warnOnce(\n        `invalid-state-name:${name}`,\n        `[Tasty] Invalid predefined state name '${name}'. Must start with '@' followed by a letter.`,\n      );\n      continue;\n    }\n\n    // Check for reserved names\n    if (BUILTIN_STATES.has(name)) {\n      warnOnce(\n        `reserved-state:${name}`,\n        `[Tasty] Cannot define predefined state '${name}'. This name is reserved for built-in functionality.`,\n      );\n      continue;\n    }\n\n    // Check for reserved prefixes (but only exact matches, not user-defined states like @mobile)\n    // Reserved prefixes are: @media, @root, @own, @(\n    // A user state like @mobile should NOT be blocked\n    const isReservedPrefix =\n      name === '@media' ||\n      name === '@root' ||\n      name === '@own' ||\n      name.startsWith('@(');\n\n    if (isReservedPrefix) {\n      warnOnce(\n        `reserved-prefix:${name}`,\n        `[Tasty] Cannot define predefined state '${name}'. This prefix is reserved for built-in functionality.`,\n      );\n      continue;\n    }\n\n    // Check for cross-references\n    const crossRefs = extractPredefinedStateRefs(value);\n    if (crossRefs.length > 0) {\n      warnOnce(\n        `cross-ref:${name}`,\n        `[Tasty] Predefined state '${name}' references another predefined state '${crossRefs[0]}'.\\n` +\n          `Predefined states cannot reference each other. Use the full definition instead.`,\n      );\n      continue;\n    }\n\n    // Check for duplicates\n    if (\n      globalPredefinedStates[name] &&\n      globalPredefinedStates[name] !== value\n    ) {\n      warnOnce(\n        `duplicate-state:${name}`,\n        `[Tasty] Duplicate predefined state '${name}' in configure(). The last definition will be used.`,\n      );\n    }\n\n    globalPredefinedStates[name] = value;\n  }\n}\n\n/**\n * Get global predefined states\n */\nexport function getGlobalPredefinedStates(): Record<string, string> {\n  return globalPredefinedStates;\n}\n\n/**\n * Clear global predefined states (for testing only)\n */\nexport function clearGlobalPredefinedStates(): void {\n  globalPredefinedStates = {};\n  emittedWarnings.clear();\n}\n\n/**\n * Regex to match predefined state references in a string\n * Matches @name that is NOT followed by ( or : and is a complete word\n * Uses word boundary and negative lookahead\n */\nconst PREDEFINED_STATE_PATTERN = /@([A-Za-z][A-Za-z0-9-]*)(?![A-Za-z0-9-:(])/g;\n\n/**\n * Extract predefined state references from a string\n */\nexport function extractPredefinedStateRefs(value: string): string[] {\n  const matches = value.matchAll(PREDEFINED_STATE_PATTERN);\n  const refs: string[] = [];\n\n  for (const match of matches) {\n    const stateName = '@' + match[1];\n    // Skip built-in states (@starting) and duplicates\n    // Note: @media, @root, @own are always followed by '(' so the regex\n    // negative lookahead (?![A-Za-z0-9-:(]) already excludes them\n    if (!BUILTIN_STATES.has(stateName) && !refs.includes(stateName)) {\n      refs.push(stateName);\n    }\n  }\n\n  return refs;\n}\n\n/**\n * Check if a state key is a predefined state reference\n */\nexport function isPredefinedStateRef(stateKey: string): boolean {\n  if (!stateKey.startsWith('@')) return false;\n  if (BUILTIN_STATES.has(stateKey)) return false;\n\n  // Check if it's NOT a built-in prefix\n  for (const prefix of RESERVED_PREFIXES) {\n    if (stateKey === prefix || stateKey.startsWith(prefix)) {\n      // Check if it's exactly @media, @root, @own, or starts with @( or @media(\n      if (\n        stateKey === '@media' ||\n        stateKey.startsWith('@media(') ||\n        stateKey.startsWith('@media:')\n      ) {\n        return false;\n      }\n      if (stateKey === '@root' || stateKey.startsWith('@root(')) return false;\n      if (stateKey === '@own' || stateKey.startsWith('@own(')) return false;\n      if (stateKey.startsWith('@(')) return false;\n    }\n  }\n\n  // Must match the predefined state pattern\n  return /^@[A-Za-z][A-Za-z0-9-]*$/.test(stateKey);\n}\n\n/**\n * Extract local predefined states from a styles object\n * Local predefined states are top-level keys starting with @ that have string values\n * and are valid predefined state names (not built-in like @media, @root, etc.)\n */\nexport function extractLocalPredefinedStates(\n  styles: Styles,\n): Record<string, string> {\n  const localStates: Record<string, string> = {};\n\n  if (!styles || typeof styles !== 'object') {\n    return localStates;\n  }\n\n  for (const [key, value] of Object.entries(styles)) {\n    // Check if it's a predefined state definition (starts with @, has string value)\n    if (key.startsWith('@') && typeof value === 'string') {\n      // Validate name format - must be @[letter][letters/numbers/dashes]*\n      if (!/^@[A-Za-z][A-Za-z0-9-]*$/.test(key)) {\n        continue; // Skip invalid names silently (might be something else)\n      }\n\n      // Skip built-in states\n      if (BUILTIN_STATES.has(key)) {\n        continue;\n      }\n\n      // Skip reserved prefixes\n      if (\n        key === '@media' ||\n        key === '@root' ||\n        key === '@own' ||\n        key.startsWith('@(')\n      ) {\n        continue;\n      }\n\n      // Check for cross-references (predefined states cannot reference each other)\n      const crossRefs = extractPredefinedStateRefs(value);\n      if (crossRefs.length > 0) {\n        warnOnce(\n          `local-cross-ref:${key}`,\n          `[Tasty] Predefined state '${key}' references another predefined state '${crossRefs[0]}'.\\n` +\n            `Predefined states cannot reference each other. Use the full definition instead.`,\n        );\n        continue;\n      }\n\n      localStates[key] = value;\n    }\n  }\n\n  return localStates;\n}\n\n/**\n * Create a state parser context from styles\n */\nexport function createStateParserContext(\n  styles?: Styles,\n  isSubElement?: boolean,\n): StateParserContext {\n  const localStates = styles ? extractLocalPredefinedStates(styles) : {};\n\n  return {\n    localPredefinedStates: localStates,\n    globalPredefinedStates: getGlobalPredefinedStates(),\n    isSubElement,\n  };\n}\n\n/**\n * Resolve a predefined state reference to its value\n * Returns the resolved value or null if not found\n */\nexport function resolvePredefinedState(\n  stateKey: string,\n  ctx: StateParserContext,\n): string | null {\n  // Check local first (higher priority)\n  if (ctx.localPredefinedStates[stateKey]) {\n    return ctx.localPredefinedStates[stateKey];\n  }\n\n  // Then check global\n  if (ctx.globalPredefinedStates[stateKey]) {\n    return ctx.globalPredefinedStates[stateKey];\n  }\n\n  // Not found - emit warning\n  warnOnce(\n    `undefined-state:${stateKey}`,\n    `[Tasty] Undefined predefined state '${stateKey}'.\\n` +\n      `Define it in configure({ states: { '${stateKey}': '...' } }) or in the component's styles.`,\n  );\n\n  return null;\n}\n\n/**\n * Normalize state key by trimming whitespace and removing trailing/leading operators\n */\nexport function normalizeStateKey(stateKey: string): {\n  key: string;\n  warnings: string[];\n} {\n  const warnings: string[] = [];\n  let key = stateKey;\n\n  // Check for whitespace-only\n  if (key.trim() === '') {\n    if (key !== '') {\n      warnings.push(\n        `[Tasty] Whitespace-only state key normalized to default state ''.`,\n      );\n    }\n    return { key: '', warnings };\n  }\n\n  // Trim whitespace\n  key = key.trim();\n\n  // Remove trailing operators\n  const trailingOpMatch = key.match(/\\s*[&|^]\\s*$/);\n  if (trailingOpMatch) {\n    const originalKey = key;\n    key = key.slice(0, -trailingOpMatch[0].length).trim();\n    warnings.push(\n      `[Tasty] State key '${originalKey}' has trailing operator. Normalized to '${key}'.`,\n    );\n  }\n\n  // Remove leading operators (except !)\n  const leadingOpMatch = key.match(/^\\s*[&|^]\\s*/);\n  if (leadingOpMatch) {\n    const originalKey = key;\n    key = key.slice(leadingOpMatch[0].length).trim();\n    warnings.push(\n      `[Tasty] State key '${originalKey}' has leading operator. Normalized to '${key}'.`,\n    );\n  }\n\n  return { key, warnings };\n}\n\n/**\n * Expand dimension shorthands in a condition string\n * w -> width, h -> height, is -> inline-size, bs -> block-size\n */\nexport function expandDimensionShorthands(condition: string): string {\n  // Replace dimension shorthands (only when they appear as standalone words)\n  let result = condition;\n\n  // w -> width (but not part of other words)\n  result = result.replace(/\\bw\\b/g, 'width');\n\n  // h -> height\n  result = result.replace(/\\bh\\b/g, 'height');\n\n  // is -> inline-size\n  result = result.replace(/\\bis\\b/g, 'inline-size');\n\n  // bs -> block-size\n  result = result.replace(/\\bbs\\b/g, 'block-size');\n\n  return result;\n}\n\n/**\n * Convert tasty units in a string (e.g., 40x -> calc(var(--gap) * 40))\n */\nexport function expandTastyUnits(value: string): string {\n  // Match number followed by 'x' unit (tasty gap unit)\n  return value.replace(/(\\d+(?:\\.\\d+)?)\\s*x\\b/g, (_, num) => {\n    return `calc(var(--gap) * ${num})`;\n  });\n}\n\n/**\n * Parse an advanced state key and return its type and components\n */\nexport function parseAdvancedState(\n  stateKey: string,\n  ctx: StateParserContext,\n): ParsedAdvancedState {\n  const raw = stateKey;\n\n  // Check for @starting (exact match)\n  if (stateKey === '@starting') {\n    return {\n      type: 'starting',\n      condition: '',\n      raw,\n    };\n  }\n\n  // Check for @media:type (e.g., @media:print)\n  if (stateKey.startsWith('@media:')) {\n    const mediaType = stateKey.slice(7); // Remove '@media:'\n    if (!['all', 'screen', 'print', 'speech'].includes(mediaType)) {\n      warnOnce(\n        `unknown-media-type:${mediaType}`,\n        `[Tasty] Unknown media type '${mediaType}'. Valid types: all, screen, print, speech.`,\n      );\n    }\n    return {\n      type: 'media',\n      condition: '',\n      mediaType,\n      raw,\n    };\n  }\n\n  // Check for @media(...) - media query with condition\n  if (stateKey.startsWith('@media(')) {\n    const endParen = findMatchingParen(stateKey, 6);\n    if (endParen === -1) {\n      warnOnce(\n        `unclosed-media:${stateKey}`,\n        `[Tasty] Unclosed media query '${stateKey}'. Missing closing parenthesis.`,\n      );\n      return { type: 'modifier', condition: stateKey, raw };\n    }\n\n    let condition = stateKey.slice(7, endParen);\n\n    // Check for empty condition\n    if (!condition.trim()) {\n      warnOnce(\n        `empty-media:${stateKey}`,\n        `[Tasty] Empty media query condition '${stateKey}'.`,\n      );\n      return { type: 'modifier', condition: stateKey, raw };\n    }\n\n    // Expand shorthands and units\n    condition = expandDimensionShorthands(condition);\n    condition = expandTastyUnits(condition);\n\n    return {\n      type: 'media',\n      condition,\n      raw,\n    };\n  }\n\n  // Check for @root(...) - root state\n  if (stateKey.startsWith('@root(')) {\n    const endParen = findMatchingParen(stateKey, 5);\n    if (endParen === -1) {\n      warnOnce(\n        `unclosed-root:${stateKey}`,\n        `[Tasty] Unclosed root state '${stateKey}'. Missing closing parenthesis.`,\n      );\n      return { type: 'modifier', condition: stateKey, raw };\n    }\n\n    const condition = stateKey.slice(6, endParen);\n\n    if (!condition.trim()) {\n      warnOnce(\n        `empty-root:${stateKey}`,\n        `[Tasty] Empty root state condition '${stateKey}'.`,\n      );\n      return { type: 'modifier', condition: stateKey, raw };\n    }\n\n    return {\n      type: 'root',\n      condition,\n      raw,\n    };\n  }\n\n  // Check for @own(...) - sub-element own state\n  if (stateKey.startsWith('@own(')) {\n    const endParen = findMatchingParen(stateKey, 4);\n    if (endParen === -1) {\n      warnOnce(\n        `unclosed-own:${stateKey}`,\n        `[Tasty] Unclosed own state '${stateKey}'. Missing closing parenthesis.`,\n      );\n      return { type: 'modifier', condition: stateKey, raw };\n    }\n\n    const condition = stateKey.slice(5, endParen);\n\n    if (!condition.trim()) {\n      warnOnce(\n        `empty-own:${stateKey}`,\n        `[Tasty] Empty own state condition '${stateKey}'.`,\n      );\n      return { type: 'modifier', condition: stateKey, raw };\n    }\n\n    // Check if used outside sub-element context\n    if (!ctx.isSubElement) {\n      warnOnce(\n        `own-outside-subelement:${stateKey}`,\n        `[Tasty] @own(${condition}) used outside sub-element context.\\n` +\n          `@own() is equivalent to '${condition}' at the root level. ` +\n          `Did you mean to use it inside a sub-element?`,\n      );\n      // Treat as regular modifier\n      return {\n        type: 'modifier',\n        condition,\n        raw,\n      };\n    }\n\n    return {\n      type: 'own',\n      condition,\n      raw,\n    };\n  }\n\n  // Check for @(...) - container query (unnamed or named)\n  if (stateKey.startsWith('@(')) {\n    const endParen = findMatchingParen(stateKey, 1);\n    if (endParen === -1) {\n      warnOnce(\n        `unclosed-container:${stateKey}`,\n        `[Tasty] Unclosed container query '${stateKey}'. Missing closing parenthesis.`,\n      );\n      return { type: 'modifier', condition: stateKey, raw };\n    }\n\n    const content = stateKey.slice(2, endParen);\n\n    if (!content.trim()) {\n      warnOnce(\n        `empty-container:${stateKey}`,\n        `[Tasty] Empty container query '${stateKey}'.`,\n      );\n      return { type: 'modifier', condition: stateKey, raw };\n    }\n\n    // Check if named container (first token is name, followed by comma)\n    // Use parentheses-aware comma search so inner commas (e.g., scroll-state(a, b)) are skipped\n    const commaIndex = findTopLevelComma(content);\n    let containerName: string | undefined;\n    let condition: string;\n\n    if (commaIndex !== -1) {\n      // Named container: @(layout, w < 600px)\n      containerName = content.slice(0, commaIndex).trim();\n      condition = content.slice(commaIndex + 1).trim();\n    } else {\n      // Unnamed container: @(w < 600px)\n      condition = content.trim();\n    }\n\n    // Check for style query shorthand (starts with $)\n    if (condition.startsWith('$')) {\n      // Style query: @(layout, $compact) or @(layout, $variant=compact)\n      const styleCondition = parseStyleQuery(condition);\n      if (!styleCondition) {\n        warnOnce(\n          `invalid-style-query:${stateKey}`,\n          `[Tasty] Invalid style query '${condition}' in container query.`,\n        );\n        return { type: 'modifier', condition: stateKey, raw };\n      }\n      condition = styleCondition;\n    } else if (/^[a-zA-Z][\\w-]*\\s*\\(/.test(condition)) {\n      // Function-like syntax: scroll-state(...), style(...), etc.\n      // Pass through verbatim — no dimension expansion needed\n    } else {\n      // Dimension query - expand shorthands and units\n      condition = expandDimensionShorthands(condition);\n      condition = expandTastyUnits(condition);\n    }\n\n    return {\n      type: 'container',\n      condition,\n      containerName,\n      raw,\n    };\n  }\n\n  // Check for predefined state reference\n  if (isPredefinedStateRef(stateKey)) {\n    const resolved = resolvePredefinedState(stateKey, ctx);\n    if (resolved) {\n      // Recursively parse the resolved value to extract the actual state type\n      // (e.g., @mobile -> @media(w < 768px) should become a media state)\n      const parsedResolved = parseAdvancedState(resolved, ctx);\n      return {\n        ...parsedResolved,\n        raw, // Keep original raw for traceability\n      };\n    }\n    // If not resolved, treat as modifier (will likely produce invalid CSS)\n    return {\n      type: 'modifier',\n      condition: stateKey,\n      raw,\n    };\n  }\n\n  // Regular modifier (boolean mod, pseudo-class, class, attribute)\n  return {\n    type: 'modifier',\n    condition: stateKey,\n    raw,\n  };\n}\n\n/**\n * Parse a style query condition (e.g., $compact, $variant=compact, $variant=\"very compact\")\n */\nfunction parseStyleQuery(condition: string): string | null {\n  // Remove $ prefix\n  const query = condition.slice(1);\n\n  // Check for comparison operators (not supported)\n  if (/[<>]/.test(query)) {\n    warnOnce(\n      `style-query-comparison:${condition}`,\n      `[Tasty] Style queries only support equality. '${condition}' is invalid. Use '${condition.split(/[<>]/)[0]}=...' instead.`,\n    );\n    return null;\n  }\n\n  // Check for equality\n  const eqIndex = query.indexOf('=');\n  if (eqIndex === -1) {\n    // Just existence check: style(--compact)\n    return `style(--${query})`;\n  }\n\n  const propName = query.slice(0, eqIndex).trim();\n  let value = query.slice(eqIndex + 1).trim();\n\n  // Handle quoted values\n  if (\n    (value.startsWith('\"') && value.endsWith('\"')) ||\n    (value.startsWith(\"'\") && value.endsWith(\"'\"))\n  ) {\n    // Keep quotes for CSS\n  } else {\n    // Add quotes if needed\n    value = `\"${value}\"`;\n  }\n\n  // Expand tasty units in value\n  value = expandTastyUnits(value);\n\n  return `style(--${propName}: ${value})`;\n}\n\n/**\n * Find the index of the first comma at parentheses depth 0.\n * Returns -1 if no top-level comma is found.\n * This prevents splitting on commas inside function calls like scroll-state(a, b).\n */\nexport function findTopLevelComma(s: string): number {\n  let depth = 0;\n\n  for (let i = 0; i < s.length; i++) {\n    if (s[i] === '(') depth++;\n    else if (s[i] === ')') depth--;\n    else if (s[i] === ',' && depth === 0) return i;\n  }\n\n  return -1;\n}\n\nfunction findMatchingParen(str: string, startIndex: number): number {\n  let depth = 1;\n  let i = startIndex + 1;\n\n  while (i < str.length && depth > 0) {\n    if (str[i] === '(') depth++;\n    else if (str[i] === ')') depth--;\n    i++;\n  }\n\n  return depth === 0 ? i - 1 : -1;\n}\n\n/**\n * Check if a state key is an advanced state (starts with @)\n */\nexport function isAdvancedState(stateKey: string): boolean {\n  return stateKey.startsWith('@') || stateKey.startsWith('!@');\n}\n\n/**\n * Detect the type of advanced state from a raw state key\n */\nexport function detectAdvancedStateType(\n  stateKey: string,\n): ParsedAdvancedState['type'] {\n  // Handle negation prefix\n  const key = stateKey.startsWith('!') ? stateKey.slice(1) : stateKey;\n\n  if (key === '@starting') return 'starting';\n  if (key.startsWith('@media')) return 'media';\n  if (key.startsWith('@root(')) return 'root';\n  if (key.startsWith('@own(')) return 'own';\n  if (key.startsWith('@(')) return 'container';\n  if (isPredefinedStateRef(key)) return 'predefined';\n  return 'modifier';\n}\n"],"mappings":";;;;;;;;;;;AAkDA,MAAM,iBAAiB,IAAI,IAAI;CAC7B;CACA;CACA;CACA;CACD,CAAC;AAGF,MAAM,oBAAoB;CACxB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAGD,IAAI,yBAAiD,EAAE;AAGvD,MAAM,kCAAkB,IAAI,KAAa;AAEzC,MAAM,UAAU,UAAU;;;;AAK1B,SAAS,SAAS,KAAa,SAAuB;AACpD,KAAI,WAAW,CAAC,gBAAgB,IAAI,IAAI,EAAE;AACxC,kBAAgB,IAAI,IAAI;AACxB,UAAQ,KAAK,QAAQ;;;;;;AAOzB,SAAgB,0BACd,QACM;AACN,KAAI,oBAAoB,EAAE;EACxB,MAAM,gBAAgB,OAAO,KAAK,OAAO,CAAC,KAAK,KAAK;AACpD,WACE,kBAAkB,iBAClB,wGAC+B,cAAc,mBAC9C;AACD;;AAIF,MAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,OAAO,EAAE;AAElD,MAAI,CAAC,2BAA2B,KAAK,KAAK,EAAE;AAC1C,YACE,sBAAsB,QACtB,0CAA0C,KAAK,8CAChD;AACD;;AAIF,MAAI,eAAe,IAAI,KAAK,EAAE;AAC5B,YACE,kBAAkB,QAClB,2CAA2C,KAAK,sDACjD;AACD;;AAYF,MALE,SAAS,YACT,SAAS,WACT,SAAS,UACT,KAAK,WAAW,KAAK,EAED;AACpB,YACE,mBAAmB,QACnB,2CAA2C,KAAK,wDACjD;AACD;;EAIF,MAAM,YAAY,2BAA2B,MAAM;AACnD,MAAI,UAAU,SAAS,GAAG;AACxB,YACE,aAAa,QACb,6BAA6B,KAAK,yCAAyC,UAAU,GAAG,qFAEzF;AACD;;AAIF,MACE,uBAAuB,SACvB,uBAAuB,UAAU,MAEjC,UACE,mBAAmB,QACnB,uCAAuC,KAAK,qDAC7C;AAGH,yBAAuB,QAAQ;;;;;;AAOnC,SAAgB,4BAAoD;AAClE,QAAO;;;;;;;AAgBT,MAAM,2BAA2B;;;;AAKjC,SAAgB,2BAA2B,OAAyB;CAClE,MAAM,UAAU,MAAM,SAAS,yBAAyB;CACxD,MAAM,OAAiB,EAAE;AAEzB,MAAK,MAAM,SAAS,SAAS;EAC3B,MAAM,YAAY,MAAM,MAAM;AAI9B,MAAI,CAAC,eAAe,IAAI,UAAU,IAAI,CAAC,KAAK,SAAS,UAAU,CAC7D,MAAK,KAAK,UAAU;;AAIxB,QAAO;;;;;AAMT,SAAgB,qBAAqB,UAA2B;AAC9D,KAAI,CAAC,SAAS,WAAW,IAAI,CAAE,QAAO;AACtC,KAAI,eAAe,IAAI,SAAS,CAAE,QAAO;AAGzC,MAAK,MAAM,UAAU,kBACnB,KAAI,aAAa,UAAU,SAAS,WAAW,OAAO,EAAE;AAEtD,MACE,aAAa,YACb,SAAS,WAAW,UAAU,IAC9B,SAAS,WAAW,UAAU,CAE9B,QAAO;AAET,MAAI,aAAa,WAAW,SAAS,WAAW,SAAS,CAAE,QAAO;AAClE,MAAI,aAAa,UAAU,SAAS,WAAW,QAAQ,CAAE,QAAO;AAChE,MAAI,SAAS,WAAW,KAAK,CAAE,QAAO;;AAK1C,QAAO,2BAA2B,KAAK,SAAS;;;;;;;AAQlD,SAAgB,6BACd,QACwB;CACxB,MAAM,cAAsC,EAAE;AAE9C,KAAI,CAAC,UAAU,OAAO,WAAW,SAC/B,QAAO;AAGT,MAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,OAAO,CAE/C,KAAI,IAAI,WAAW,IAAI,IAAI,OAAO,UAAU,UAAU;AAEpD,MAAI,CAAC,2BAA2B,KAAK,IAAI,CACvC;AAIF,MAAI,eAAe,IAAI,IAAI,CACzB;AAIF,MACE,QAAQ,YACR,QAAQ,WACR,QAAQ,UACR,IAAI,WAAW,KAAK,CAEpB;EAIF,MAAM,YAAY,2BAA2B,MAAM;AACnD,MAAI,UAAU,SAAS,GAAG;AACxB,YACE,mBAAmB,OACnB,6BAA6B,IAAI,yCAAyC,UAAU,GAAG,qFAExF;AACD;;AAGF,cAAY,OAAO;;AAIvB,QAAO;;;;;AAMT,SAAgB,yBACd,QACA,cACoB;AAGpB,QAAO;EACL,uBAHkB,SAAS,6BAA6B,OAAO,GAAG,EAAE;EAIpE,wBAAwB,2BAA2B;EACnD;EACD;;;;;;AAOH,SAAgB,uBACd,UACA,KACe;AAEf,KAAI,IAAI,sBAAsB,UAC5B,QAAO,IAAI,sBAAsB;AAInC,KAAI,IAAI,uBAAuB,UAC7B,QAAO,IAAI,uBAAuB;AAIpC,UACE,mBAAmB,YACnB,uCAAuC,SAAS,0CACP,SAAS,6CACnD;AAED,QAAO;;;;;;AAqDT,SAAgB,0BAA0B,WAA2B;CAEnE,IAAI,SAAS;AAGb,UAAS,OAAO,QAAQ,UAAU,QAAQ;AAG1C,UAAS,OAAO,QAAQ,UAAU,SAAS;AAG3C,UAAS,OAAO,QAAQ,WAAW,cAAc;AAGjD,UAAS,OAAO,QAAQ,WAAW,aAAa;AAEhD,QAAO;;;;;AAMT,SAAgB,iBAAiB,OAAuB;AAEtD,QAAO,MAAM,QAAQ,2BAA2B,GAAG,QAAQ;AACzD,SAAO,qBAAqB,IAAI;GAChC;;;;;AAMJ,SAAgB,mBACd,UACA,KACqB;CACrB,MAAM,MAAM;AAGZ,KAAI,aAAa,YACf,QAAO;EACL,MAAM;EACN,WAAW;EACX;EACD;AAIH,KAAI,SAAS,WAAW,UAAU,EAAE;EAClC,MAAM,YAAY,SAAS,MAAM,EAAE;AACnC,MAAI,CAAC;GAAC;GAAO;GAAU;GAAS;GAAS,CAAC,SAAS,UAAU,CAC3D,UACE,sBAAsB,aACtB,+BAA+B,UAAU,6CAC1C;AAEH,SAAO;GACL,MAAM;GACN,WAAW;GACX;GACA;GACD;;AAIH,KAAI,SAAS,WAAW,UAAU,EAAE;EAClC,MAAM,WAAW,kBAAkB,UAAU,EAAE;AAC/C,MAAI,aAAa,IAAI;AACnB,YACE,kBAAkB,YAClB,iCAAiC,SAAS,iCAC3C;AACD,UAAO;IAAE,MAAM;IAAY,WAAW;IAAU;IAAK;;EAGvD,IAAI,YAAY,SAAS,MAAM,GAAG,SAAS;AAG3C,MAAI,CAAC,UAAU,MAAM,EAAE;AACrB,YACE,eAAe,YACf,wCAAwC,SAAS,IAClD;AACD,UAAO;IAAE,MAAM;IAAY,WAAW;IAAU;IAAK;;AAIvD,cAAY,0BAA0B,UAAU;AAChD,cAAY,iBAAiB,UAAU;AAEvC,SAAO;GACL,MAAM;GACN;GACA;GACD;;AAIH,KAAI,SAAS,WAAW,SAAS,EAAE;EACjC,MAAM,WAAW,kBAAkB,UAAU,EAAE;AAC/C,MAAI,aAAa,IAAI;AACnB,YACE,iBAAiB,YACjB,gCAAgC,SAAS,iCAC1C;AACD,UAAO;IAAE,MAAM;IAAY,WAAW;IAAU;IAAK;;EAGvD,MAAM,YAAY,SAAS,MAAM,GAAG,SAAS;AAE7C,MAAI,CAAC,UAAU,MAAM,EAAE;AACrB,YACE,cAAc,YACd,uCAAuC,SAAS,IACjD;AACD,UAAO;IAAE,MAAM;IAAY,WAAW;IAAU;IAAK;;AAGvD,SAAO;GACL,MAAM;GACN;GACA;GACD;;AAIH,KAAI,SAAS,WAAW,QAAQ,EAAE;EAChC,MAAM,WAAW,kBAAkB,UAAU,EAAE;AAC/C,MAAI,aAAa,IAAI;AACnB,YACE,gBAAgB,YAChB,+BAA+B,SAAS,iCACzC;AACD,UAAO;IAAE,MAAM;IAAY,WAAW;IAAU;IAAK;;EAGvD,MAAM,YAAY,SAAS,MAAM,GAAG,SAAS;AAE7C,MAAI,CAAC,UAAU,MAAM,EAAE;AACrB,YACE,aAAa,YACb,sCAAsC,SAAS,IAChD;AACD,UAAO;IAAE,MAAM;IAAY,WAAW;IAAU;IAAK;;AAIvD,MAAI,CAAC,IAAI,cAAc;AACrB,YACE,0BAA0B,YAC1B,gBAAgB,UAAU,gEACI,UAAU,mEAEzC;AAED,UAAO;IACL,MAAM;IACN;IACA;IACD;;AAGH,SAAO;GACL,MAAM;GACN;GACA;GACD;;AAIH,KAAI,SAAS,WAAW,KAAK,EAAE;EAC7B,MAAM,WAAW,kBAAkB,UAAU,EAAE;AAC/C,MAAI,aAAa,IAAI;AACnB,YACE,sBAAsB,YACtB,qCAAqC,SAAS,iCAC/C;AACD,UAAO;IAAE,MAAM;IAAY,WAAW;IAAU;IAAK;;EAGvD,MAAM,UAAU,SAAS,MAAM,GAAG,SAAS;AAE3C,MAAI,CAAC,QAAQ,MAAM,EAAE;AACnB,YACE,mBAAmB,YACnB,kCAAkC,SAAS,IAC5C;AACD,UAAO;IAAE,MAAM;IAAY,WAAW;IAAU;IAAK;;EAKvD,MAAM,aAAa,kBAAkB,QAAQ;EAC7C,IAAI;EACJ,IAAI;AAEJ,MAAI,eAAe,IAAI;AAErB,mBAAgB,QAAQ,MAAM,GAAG,WAAW,CAAC,MAAM;AACnD,eAAY,QAAQ,MAAM,aAAa,EAAE,CAAC,MAAM;QAGhD,aAAY,QAAQ,MAAM;AAI5B,MAAI,UAAU,WAAW,IAAI,EAAE;GAE7B,MAAM,iBAAiB,gBAAgB,UAAU;AACjD,OAAI,CAAC,gBAAgB;AACnB,aACE,uBAAuB,YACvB,gCAAgC,UAAU,uBAC3C;AACD,WAAO;KAAE,MAAM;KAAY,WAAW;KAAU;KAAK;;AAEvD,eAAY;aACH,uBAAuB,KAAK,UAAU,EAAE,QAG5C;AAEL,eAAY,0BAA0B,UAAU;AAChD,eAAY,iBAAiB,UAAU;;AAGzC,SAAO;GACL,MAAM;GACN;GACA;GACA;GACD;;AAIH,KAAI,qBAAqB,SAAS,EAAE;EAClC,MAAM,WAAW,uBAAuB,UAAU,IAAI;AACtD,MAAI,SAIF,QAAO;GACL,GAFqB,mBAAmB,UAAU,IAAI;GAGtD;GACD;AAGH,SAAO;GACL,MAAM;GACN,WAAW;GACX;GACD;;AAIH,QAAO;EACL,MAAM;EACN,WAAW;EACX;EACD;;;;;AAMH,SAAS,gBAAgB,WAAkC;CAEzD,MAAM,QAAQ,UAAU,MAAM,EAAE;AAGhC,KAAI,OAAO,KAAK,MAAM,EAAE;AACtB,WACE,0BAA0B,aAC1B,iDAAiD,UAAU,qBAAqB,UAAU,MAAM,OAAO,CAAC,GAAG,gBAC5G;AACD,SAAO;;CAIT,MAAM,UAAU,MAAM,QAAQ,IAAI;AAClC,KAAI,YAAY,GAEd,QAAO,WAAW,MAAM;CAG1B,MAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM;CAC/C,IAAI,QAAQ,MAAM,MAAM,UAAU,EAAE,CAAC,MAAM;AAG3C,KACG,MAAM,WAAW,KAAI,IAAI,MAAM,SAAS,KAAI,IAC5C,MAAM,WAAW,IAAI,IAAI,MAAM,SAAS,IAAI,EAC7C,OAIA,SAAQ,IAAI,MAAM;AAIpB,SAAQ,iBAAiB,MAAM;AAE/B,QAAO,WAAW,SAAS,IAAI,MAAM;;;;;;;AAQvC,SAAgB,kBAAkB,GAAmB;CACnD,IAAI,QAAQ;AAEZ,MAAK,IAAI,IAAI,GAAG,IAAI,EAAE,QAAQ,IAC5B,KAAI,EAAE,OAAO,IAAK;UACT,EAAE,OAAO,IAAK;UACd,EAAE,OAAO,OAAO,UAAU,EAAG,QAAO;AAG/C,QAAO;;AAGT,SAAS,kBAAkB,KAAa,YAA4B;CAClE,IAAI,QAAQ;CACZ,IAAI,IAAI,aAAa;AAErB,QAAO,IAAI,IAAI,UAAU,QAAQ,GAAG;AAClC,MAAI,IAAI,OAAO,IAAK;WACX,IAAI,OAAO,IAAK;AACzB;;AAGF,QAAO,UAAU,IAAI,IAAI,IAAI"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/tasty/states/index.ts"],"sourcesContent":["/**\n * Advanced State Mapping - Predefined States Management\n *\n * This module handles global and local predefined states for the Tasty styling system.\n * See ADVANCED_STATE_MAPPING.md for full specification.\n */\n\nimport { hasStylesGenerated } from '../config';\nimport { Styles } from '../styles/types';\nimport { isDevEnv } from '../utils/is-dev-env';\n\n/**\n * Parsed advanced state information\n */\nexport interface ParsedAdvancedState {\n  type:\n    | 'media'\n    | 'container'\n    | 'root'\n    | 'own'\n    | 'starting'\n    | 'predefined'\n    | 'modifier';\n  condition: string; // e.g., 'width <= 920px' or 'hovered'\n  containerName?: string; // for container queries\n  raw: string; // original state key\n  mediaType?: string; // for @media:screen, @media:print, etc.\n}\n\n/**\n * Context for state parsing operations\n */\nexport interface StateParserContext {\n  localPredefinedStates: Record<string, string>;\n  globalPredefinedStates: Record<string, string>;\n  isSubElement?: boolean; // true when processing sub-element styles (for @own() validation)\n}\n\n/**\n * At-rule context for CSS generation\n */\nexport interface AtRuleContext {\n  media?: string[]; // @media conditions to wrap rule in (merged with 'and')\n  container?: { name?: string; condition: string }[]; // @container conditions (nested)\n  startingStyle?: boolean;\n  rootStates?: string[]; // :root state selectors (e.g., '[data-theme=\"dark\"]')\n  negatedRootStates?: string[]; // Negated :root state selectors for non-overlapping rules (e.g., ':not([data-theme=\"dark\"])')\n}\n\n// Built-in state names that cannot be overridden\nconst BUILTIN_STATES = new Set([\n  '@starting',\n  '@keyframes',\n  '@properties',\n  '@supports',\n  // @inherit is a value (not a key), but reserved here to prevent\n  // users from accidentally defining a state named '@inherit'.\n  '@inherit',\n]);\n\n// Reserved prefixes that are built-in\nconst RESERVED_PREFIXES = [\n  '@media',\n  '@root',\n  '@own',\n  '@(',\n  '@starting',\n  '@keyframes',\n  '@properties',\n  '@supports',\n  '@inherit',\n];\n\n// Global predefined states storage\nlet globalPredefinedStates: Record<string, string> = {};\n\n// Warnings tracking to avoid duplicates\nconst emittedWarnings = new Set<string>();\n\nconst devMode = isDevEnv();\n\n/**\n * Emit a warning only once\n */\nfunction warnOnce(key: string, message: string): void {\n  if (devMode && !emittedWarnings.has(key)) {\n    emittedWarnings.add(key);\n    console.warn(message);\n  }\n}\n\n/**\n * Configure global predefined states\n */\nexport function setGlobalPredefinedStates(\n  states: Record<string, string>,\n): void {\n  if (hasStylesGenerated()) {\n    const newStateNames = Object.keys(states).join(', ');\n    warnOnce(\n      `dynamic-states:${newStateNames}`,\n      `[Tasty] Cannot update predefined states after styles have been generated.\\n` +\n        `The new definition(s) for ${newStateNames} will be ignored.`,\n    );\n    return;\n  }\n\n  // Validate state names\n  for (const [name, value] of Object.entries(states)) {\n    // Check for valid name format\n    if (!/^@[A-Za-z][A-Za-z0-9-]*$/.test(name)) {\n      warnOnce(\n        `invalid-state-name:${name}`,\n        `[Tasty] Invalid predefined state name '${name}'. Must start with '@' followed by a letter.`,\n      );\n      continue;\n    }\n\n    // Check for reserved names\n    if (BUILTIN_STATES.has(name)) {\n      warnOnce(\n        `reserved-state:${name}`,\n        `[Tasty] Cannot define predefined state '${name}'. This name is reserved for built-in functionality.`,\n      );\n      continue;\n    }\n\n    // Check for reserved prefixes (but only exact matches, not user-defined states like @mobile)\n    // Reserved prefixes are: @media, @root, @own, @(\n    // A user state like @mobile should NOT be blocked\n    const isReservedPrefix =\n      name === '@media' ||\n      name === '@root' ||\n      name === '@own' ||\n      name.startsWith('@(');\n\n    if (isReservedPrefix) {\n      warnOnce(\n        `reserved-prefix:${name}`,\n        `[Tasty] Cannot define predefined state '${name}'. This prefix is reserved for built-in functionality.`,\n      );\n      continue;\n    }\n\n    // Check for cross-references\n    const crossRefs = extractPredefinedStateRefs(value);\n    if (crossRefs.length > 0) {\n      warnOnce(\n        `cross-ref:${name}`,\n        `[Tasty] Predefined state '${name}' references another predefined state '${crossRefs[0]}'.\\n` +\n          `Predefined states cannot reference each other. Use the full definition instead.`,\n      );\n      continue;\n    }\n\n    // Check for duplicates\n    if (\n      globalPredefinedStates[name] &&\n      globalPredefinedStates[name] !== value\n    ) {\n      warnOnce(\n        `duplicate-state:${name}`,\n        `[Tasty] Duplicate predefined state '${name}' in configure(). The last definition will be used.`,\n      );\n    }\n\n    globalPredefinedStates[name] = value;\n  }\n}\n\n/**\n * Get global predefined states\n */\nexport function getGlobalPredefinedStates(): Record<string, string> {\n  return globalPredefinedStates;\n}\n\n/**\n * Clear global predefined states (for testing only)\n */\nexport function clearGlobalPredefinedStates(): void {\n  globalPredefinedStates = {};\n  emittedWarnings.clear();\n}\n\n/**\n * Regex to match predefined state references in a string\n * Matches @name that is NOT followed by ( or : and is a complete word\n * Uses word boundary and negative lookahead\n */\nconst PREDEFINED_STATE_PATTERN = /@([A-Za-z][A-Za-z0-9-]*)(?![A-Za-z0-9-:(])/g;\n\n/**\n * Extract predefined state references from a string\n */\nexport function extractPredefinedStateRefs(value: string): string[] {\n  const matches = value.matchAll(PREDEFINED_STATE_PATTERN);\n  const refs: string[] = [];\n\n  for (const match of matches) {\n    const stateName = '@' + match[1];\n    // Skip built-in states (@starting) and duplicates\n    // Note: @media, @root, @own are always followed by '(' so the regex\n    // negative lookahead (?![A-Za-z0-9-:(]) already excludes them\n    if (!BUILTIN_STATES.has(stateName) && !refs.includes(stateName)) {\n      refs.push(stateName);\n    }\n  }\n\n  return refs;\n}\n\n/**\n * Check if a state key is a predefined state reference\n */\nexport function isPredefinedStateRef(stateKey: string): boolean {\n  if (!stateKey.startsWith('@')) return false;\n  if (BUILTIN_STATES.has(stateKey)) return false;\n\n  // Check if it's NOT a built-in prefix\n  for (const prefix of RESERVED_PREFIXES) {\n    if (stateKey === prefix || stateKey.startsWith(prefix)) {\n      // Check if it's exactly @media, @root, @own, or starts with @( or @media(\n      if (\n        stateKey === '@media' ||\n        stateKey.startsWith('@media(') ||\n        stateKey.startsWith('@media:')\n      ) {\n        return false;\n      }\n      if (stateKey === '@root' || stateKey.startsWith('@root(')) return false;\n      if (stateKey === '@own' || stateKey.startsWith('@own(')) return false;\n      if (stateKey.startsWith('@(')) return false;\n    }\n  }\n\n  // Must match the predefined state pattern\n  return /^@[A-Za-z][A-Za-z0-9-]*$/.test(stateKey);\n}\n\n/**\n * Extract local predefined states from a styles object\n * Local predefined states are top-level keys starting with @ that have string values\n * and are valid predefined state names (not built-in like @media, @root, etc.)\n */\nexport function extractLocalPredefinedStates(\n  styles: Styles,\n): Record<string, string> {\n  const localStates: Record<string, string> = {};\n\n  if (!styles || typeof styles !== 'object') {\n    return localStates;\n  }\n\n  for (const [key, value] of Object.entries(styles)) {\n    // Check if it's a predefined state definition (starts with @, has string value)\n    if (key.startsWith('@') && typeof value === 'string') {\n      // Validate name format - must be @[letter][letters/numbers/dashes]*\n      if (!/^@[A-Za-z][A-Za-z0-9-]*$/.test(key)) {\n        continue; // Skip invalid names silently (might be something else)\n      }\n\n      // Skip built-in states\n      if (BUILTIN_STATES.has(key)) {\n        continue;\n      }\n\n      // Skip reserved prefixes\n      if (\n        key === '@media' ||\n        key === '@root' ||\n        key === '@own' ||\n        key.startsWith('@(')\n      ) {\n        continue;\n      }\n\n      // Check for cross-references (predefined states cannot reference each other)\n      const crossRefs = extractPredefinedStateRefs(value);\n      if (crossRefs.length > 0) {\n        warnOnce(\n          `local-cross-ref:${key}`,\n          `[Tasty] Predefined state '${key}' references another predefined state '${crossRefs[0]}'.\\n` +\n            `Predefined states cannot reference each other. Use the full definition instead.`,\n        );\n        continue;\n      }\n\n      localStates[key] = value;\n    }\n  }\n\n  return localStates;\n}\n\n/**\n * Create a state parser context from styles\n */\nexport function createStateParserContext(\n  styles?: Styles,\n  isSubElement?: boolean,\n): StateParserContext {\n  const localStates = styles ? extractLocalPredefinedStates(styles) : {};\n\n  return {\n    localPredefinedStates: localStates,\n    globalPredefinedStates: getGlobalPredefinedStates(),\n    isSubElement,\n  };\n}\n\n/**\n * Resolve a predefined state reference to its value\n * Returns the resolved value or null if not found\n */\nexport function resolvePredefinedState(\n  stateKey: string,\n  ctx: StateParserContext,\n): string | null {\n  // Check local first (higher priority)\n  if (ctx.localPredefinedStates[stateKey]) {\n    return ctx.localPredefinedStates[stateKey];\n  }\n\n  // Then check global\n  if (ctx.globalPredefinedStates[stateKey]) {\n    return ctx.globalPredefinedStates[stateKey];\n  }\n\n  // Not found - emit warning\n  warnOnce(\n    `undefined-state:${stateKey}`,\n    `[Tasty] Undefined predefined state '${stateKey}'.\\n` +\n      `Define it in configure({ states: { '${stateKey}': '...' } }) or in the component's styles.`,\n  );\n\n  return null;\n}\n\n/**\n * Normalize state key by trimming whitespace and removing trailing/leading operators\n */\nexport function normalizeStateKey(stateKey: string): {\n  key: string;\n  warnings: string[];\n} {\n  const warnings: string[] = [];\n  let key = stateKey;\n\n  // Check for whitespace-only\n  if (key.trim() === '') {\n    if (key !== '') {\n      warnings.push(\n        `[Tasty] Whitespace-only state key normalized to default state ''.`,\n      );\n    }\n    return { key: '', warnings };\n  }\n\n  // Trim whitespace\n  key = key.trim();\n\n  // Remove trailing operators\n  const trailingOpMatch = key.match(/\\s*[&|^]\\s*$/);\n  if (trailingOpMatch) {\n    const originalKey = key;\n    key = key.slice(0, -trailingOpMatch[0].length).trim();\n    warnings.push(\n      `[Tasty] State key '${originalKey}' has trailing operator. Normalized to '${key}'.`,\n    );\n  }\n\n  // Remove leading operators (except !)\n  const leadingOpMatch = key.match(/^\\s*[&|^]\\s*/);\n  if (leadingOpMatch) {\n    const originalKey = key;\n    key = key.slice(leadingOpMatch[0].length).trim();\n    warnings.push(\n      `[Tasty] State key '${originalKey}' has leading operator. Normalized to '${key}'.`,\n    );\n  }\n\n  return { key, warnings };\n}\n\n/**\n * Expand dimension shorthands in a condition string\n * w -> width, h -> height, is -> inline-size, bs -> block-size\n */\nexport function expandDimensionShorthands(condition: string): string {\n  // Replace dimension shorthands (only when they appear as standalone words)\n  let result = condition;\n\n  // w -> width (but not part of other words)\n  result = result.replace(/\\bw\\b/g, 'width');\n\n  // h -> height\n  result = result.replace(/\\bh\\b/g, 'height');\n\n  // is -> inline-size\n  result = result.replace(/\\bis\\b/g, 'inline-size');\n\n  // bs -> block-size\n  result = result.replace(/\\bbs\\b/g, 'block-size');\n\n  return result;\n}\n\n/**\n * Convert tasty units in a string (e.g., 40x -> calc(var(--gap) * 40))\n */\nexport function expandTastyUnits(value: string): string {\n  // Match number followed by 'x' unit (tasty gap unit)\n  return value.replace(/(\\d+(?:\\.\\d+)?)\\s*x\\b/g, (_, num) => {\n    return `calc(var(--gap) * ${num})`;\n  });\n}\n\n/**\n * Parse an advanced state key and return its type and components\n */\nexport function parseAdvancedState(\n  stateKey: string,\n  ctx: StateParserContext,\n): ParsedAdvancedState {\n  const raw = stateKey;\n\n  // Check for @starting (exact match)\n  if (stateKey === '@starting') {\n    return {\n      type: 'starting',\n      condition: '',\n      raw,\n    };\n  }\n\n  // Check for @media:type (e.g., @media:print)\n  if (stateKey.startsWith('@media:')) {\n    const mediaType = stateKey.slice(7); // Remove '@media:'\n    if (!['all', 'screen', 'print', 'speech'].includes(mediaType)) {\n      warnOnce(\n        `unknown-media-type:${mediaType}`,\n        `[Tasty] Unknown media type '${mediaType}'. Valid types: all, screen, print, speech.`,\n      );\n    }\n    return {\n      type: 'media',\n      condition: '',\n      mediaType,\n      raw,\n    };\n  }\n\n  // Check for @media(...) - media query with condition\n  if (stateKey.startsWith('@media(')) {\n    const endParen = findMatchingParen(stateKey, 6);\n    if (endParen === -1) {\n      warnOnce(\n        `unclosed-media:${stateKey}`,\n        `[Tasty] Unclosed media query '${stateKey}'. Missing closing parenthesis.`,\n      );\n      return { type: 'modifier', condition: stateKey, raw };\n    }\n\n    let condition = stateKey.slice(7, endParen);\n\n    // Check for empty condition\n    if (!condition.trim()) {\n      warnOnce(\n        `empty-media:${stateKey}`,\n        `[Tasty] Empty media query condition '${stateKey}'.`,\n      );\n      return { type: 'modifier', condition: stateKey, raw };\n    }\n\n    // Expand shorthands and units\n    condition = expandDimensionShorthands(condition);\n    condition = expandTastyUnits(condition);\n\n    return {\n      type: 'media',\n      condition,\n      raw,\n    };\n  }\n\n  // Check for @root(...) - root state\n  if (stateKey.startsWith('@root(')) {\n    const endParen = findMatchingParen(stateKey, 5);\n    if (endParen === -1) {\n      warnOnce(\n        `unclosed-root:${stateKey}`,\n        `[Tasty] Unclosed root state '${stateKey}'. Missing closing parenthesis.`,\n      );\n      return { type: 'modifier', condition: stateKey, raw };\n    }\n\n    const condition = stateKey.slice(6, endParen);\n\n    if (!condition.trim()) {\n      warnOnce(\n        `empty-root:${stateKey}`,\n        `[Tasty] Empty root state condition '${stateKey}'.`,\n      );\n      return { type: 'modifier', condition: stateKey, raw };\n    }\n\n    return {\n      type: 'root',\n      condition,\n      raw,\n    };\n  }\n\n  // Check for @own(...) - sub-element own state\n  if (stateKey.startsWith('@own(')) {\n    const endParen = findMatchingParen(stateKey, 4);\n    if (endParen === -1) {\n      warnOnce(\n        `unclosed-own:${stateKey}`,\n        `[Tasty] Unclosed own state '${stateKey}'. Missing closing parenthesis.`,\n      );\n      return { type: 'modifier', condition: stateKey, raw };\n    }\n\n    const condition = stateKey.slice(5, endParen);\n\n    if (!condition.trim()) {\n      warnOnce(\n        `empty-own:${stateKey}`,\n        `[Tasty] Empty own state condition '${stateKey}'.`,\n      );\n      return { type: 'modifier', condition: stateKey, raw };\n    }\n\n    // Check if used outside sub-element context\n    if (!ctx.isSubElement) {\n      warnOnce(\n        `own-outside-subelement:${stateKey}`,\n        `[Tasty] @own(${condition}) used outside sub-element context.\\n` +\n          `@own() is equivalent to '${condition}' at the root level. ` +\n          `Did you mean to use it inside a sub-element?`,\n      );\n      // Treat as regular modifier\n      return {\n        type: 'modifier',\n        condition,\n        raw,\n      };\n    }\n\n    return {\n      type: 'own',\n      condition,\n      raw,\n    };\n  }\n\n  // Check for @(...) - container query (unnamed or named)\n  if (stateKey.startsWith('@(')) {\n    const endParen = findMatchingParen(stateKey, 1);\n    if (endParen === -1) {\n      warnOnce(\n        `unclosed-container:${stateKey}`,\n        `[Tasty] Unclosed container query '${stateKey}'. Missing closing parenthesis.`,\n      );\n      return { type: 'modifier', condition: stateKey, raw };\n    }\n\n    const content = stateKey.slice(2, endParen);\n\n    if (!content.trim()) {\n      warnOnce(\n        `empty-container:${stateKey}`,\n        `[Tasty] Empty container query '${stateKey}'.`,\n      );\n      return { type: 'modifier', condition: stateKey, raw };\n    }\n\n    // Check if named container (first token is name, followed by comma)\n    // Use parentheses-aware comma search so inner commas (e.g., scroll-state(a, b)) are skipped\n    const commaIndex = findTopLevelComma(content);\n    let containerName: string | undefined;\n    let condition: string;\n\n    if (commaIndex !== -1) {\n      // Named container: @(layout, w < 600px)\n      containerName = content.slice(0, commaIndex).trim();\n      condition = content.slice(commaIndex + 1).trim();\n    } else {\n      // Unnamed container: @(w < 600px)\n      condition = content.trim();\n    }\n\n    // Check for style query shorthand (starts with $)\n    if (condition.startsWith('$')) {\n      // Style query: @(layout, $compact) or @(layout, $variant=compact)\n      const styleCondition = parseStyleQuery(condition);\n      if (!styleCondition) {\n        warnOnce(\n          `invalid-style-query:${stateKey}`,\n          `[Tasty] Invalid style query '${condition}' in container query.`,\n        );\n        return { type: 'modifier', condition: stateKey, raw };\n      }\n      condition = styleCondition;\n    } else if (/^[a-zA-Z][\\w-]*\\s*\\(/.test(condition)) {\n      // Function-like syntax: scroll-state(...), style(...), etc.\n      // Pass through verbatim — no dimension expansion needed\n    } else {\n      // Dimension query - expand shorthands and units\n      condition = expandDimensionShorthands(condition);\n      condition = expandTastyUnits(condition);\n    }\n\n    return {\n      type: 'container',\n      condition,\n      containerName,\n      raw,\n    };\n  }\n\n  // Check for predefined state reference\n  if (isPredefinedStateRef(stateKey)) {\n    const resolved = resolvePredefinedState(stateKey, ctx);\n    if (resolved) {\n      // Recursively parse the resolved value to extract the actual state type\n      // (e.g., @mobile -> @media(w < 768px) should become a media state)\n      const parsedResolved = parseAdvancedState(resolved, ctx);\n      return {\n        ...parsedResolved,\n        raw, // Keep original raw for traceability\n      };\n    }\n    // If not resolved, treat as modifier (will likely produce invalid CSS)\n    return {\n      type: 'modifier',\n      condition: stateKey,\n      raw,\n    };\n  }\n\n  // Regular modifier (boolean mod, pseudo-class, class, attribute)\n  return {\n    type: 'modifier',\n    condition: stateKey,\n    raw,\n  };\n}\n\n/**\n * Parse a style query condition (e.g., $compact, $variant=compact, $variant=\"very compact\")\n */\nfunction parseStyleQuery(condition: string): string | null {\n  // Remove $ prefix\n  const query = condition.slice(1);\n\n  // Check for comparison operators (not supported)\n  if (/[<>]/.test(query)) {\n    warnOnce(\n      `style-query-comparison:${condition}`,\n      `[Tasty] Style queries only support equality. '${condition}' is invalid. Use '${condition.split(/[<>]/)[0]}=...' instead.`,\n    );\n    return null;\n  }\n\n  // Check for equality\n  const eqIndex = query.indexOf('=');\n  if (eqIndex === -1) {\n    // Just existence check: style(--compact)\n    return `style(--${query})`;\n  }\n\n  const propName = query.slice(0, eqIndex).trim();\n  let value = query.slice(eqIndex + 1).trim();\n\n  // Handle quoted values\n  if (\n    (value.startsWith('\"') && value.endsWith('\"')) ||\n    (value.startsWith(\"'\") && value.endsWith(\"'\"))\n  ) {\n    // Keep quotes for CSS\n  } else {\n    // Add quotes if needed\n    value = `\"${value}\"`;\n  }\n\n  // Expand tasty units in value\n  value = expandTastyUnits(value);\n\n  return `style(--${propName}: ${value})`;\n}\n\n/**\n * Find the index of the first comma at parentheses depth 0.\n * Returns -1 if no top-level comma is found.\n * This prevents splitting on commas inside function calls like scroll-state(a, b).\n */\nexport function findTopLevelComma(s: string): number {\n  let depth = 0;\n\n  for (let i = 0; i < s.length; i++) {\n    if (s[i] === '(') depth++;\n    else if (s[i] === ')') depth--;\n    else if (s[i] === ',' && depth === 0) return i;\n  }\n\n  return -1;\n}\n\nfunction findMatchingParen(str: string, startIndex: number): number {\n  let depth = 1;\n  let i = startIndex + 1;\n\n  while (i < str.length && depth > 0) {\n    if (str[i] === '(') depth++;\n    else if (str[i] === ')') depth--;\n    i++;\n  }\n\n  return depth === 0 ? i - 1 : -1;\n}\n\n/**\n * Check if a state key is an advanced state (starts with @)\n */\nexport function isAdvancedState(stateKey: string): boolean {\n  return stateKey.startsWith('@') || stateKey.startsWith('!@');\n}\n\n/**\n * Detect the type of advanced state from a raw state key\n */\nexport function detectAdvancedStateType(\n  stateKey: string,\n): ParsedAdvancedState['type'] {\n  // Handle negation prefix\n  const key = stateKey.startsWith('!') ? stateKey.slice(1) : stateKey;\n\n  if (key === '@starting') return 'starting';\n  if (key.startsWith('@media')) return 'media';\n  if (key.startsWith('@root(')) return 'root';\n  if (key.startsWith('@own(')) return 'own';\n  if (key.startsWith('@(')) return 'container';\n  if (isPredefinedStateRef(key)) return 'predefined';\n  return 'modifier';\n}\n"],"mappings":"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"}

package/dist/tasty/static/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { mergeStyles } from "../utils/merge-styles.js";
 import { createStaticStyle, isStaticStyle } from "./types.js";
 import { tastyStatic } from "./tastyStatic.js";

package/dist/tasty/static/tastyStatic.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { mergeStyles } from "../utils/merge-styles.js";
 import { createStaticStyle, isStaticStyle } from "./types.js";
 

package/dist/tasty/static/types.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 //#region src/tasty/static/types.ts
 /**
 * Create a StaticStyle object.

package/dist/tasty/styles/align.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 //#region src/tasty/styles/align.ts
 function alignStyle({ align }) {
 	if (typeof align !== "string") return;

package/dist/tasty/styles/border.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { DIRECTIONS, filterMods, parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/border.ts

package/dist/tasty/styles/color.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { parseColor } from "../utils/styles.js";
 import { convertColorChainToRgbChain } from "./createStyle.js";
 

package/dist/tasty/styles/createStyle.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { getRgbValuesFromRgbaString, normalizeColorTokenValue, parseColor, parseStyle, strToRgb } from "../utils/styles.js";
 import { toSnakeCase } from "../utils/string.js";
 

package/dist/tasty/styles/dimension.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/dimension.ts

package/dist/tasty/styles/display.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/display.ts

package/dist/tasty/styles/fade.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { DIRECTIONS, filterMods, parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/fade.ts

package/dist/tasty/styles/fill.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/fill.ts

package/dist/tasty/styles/flow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 //#region src/tasty/styles/flow.ts
 function flowStyle({ display = "block", flow }) {
 	let style;

package/dist/tasty/styles/gap.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/gap.ts

package/dist/tasty/styles/height.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { dimensionStyle } from "./dimension.js";
 
 //#region src/tasty/styles/height.ts

package/dist/tasty/styles/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { convertColorChainToRgbChain, createStyle } from "./createStyle.js";
 import { normalizeHandlerDefinition, predefine, registerHandler, resetHandlers, styleHandlers } from "./predefined.js";
 

package/dist/tasty/styles/inset.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { DIRECTIONS, filterMods, parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/inset.ts

package/dist/tasty/styles/justify.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 //#region src/tasty/styles/justify.ts
 function justifyStyle({ justify }) {
 	if (typeof justify !== "string") return;

package/dist/tasty/styles/list.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 //#region src/tasty/styles/list.ts
 const BASE_STYLES = [
 	"display",

package/dist/tasty/styles/margin.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { DIRECTIONS, filterMods, parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/margin.ts

package/dist/tasty/styles/outline.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { filterMods, parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/outline.ts

package/dist/tasty/styles/padding.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { DIRECTIONS, filterMods, parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/padding.ts

package/dist/tasty/styles/predefined.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { isDevEnv } from "../utils/is-dev-env.js";
 import { alignStyle } from "./align.js";
 import { borderStyle } from "./border.js";

package/dist/tasty/styles/preset.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/preset.ts

package/dist/tasty/styles/radius.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { DIRECTIONS, parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/radius.ts

package/dist/tasty/styles/reset.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/reset.ts

package/dist/tasty/styles/scrollbar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/scrollbar.ts

package/dist/tasty/styles/shadow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/shadow.ts

package/dist/tasty/styles/styledScrollbar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 //#region src/tasty/styles/styledScrollbar.ts
 /**
 * @deprecated `styledScrollbar` is deprecated. Use `scrollbar` instead.

package/dist/tasty/styles/transition.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/transition.ts

package/dist/tasty/styles/width.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { dimensionStyle } from "./dimension.js";
 
 //#region src/tasty/styles/width.ts

package/dist/tasty/tasty.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { processTokens, stringifyTokens } from "./utils/process-tokens.js";
 import { useStyles } from "./hooks/useStyles.js";
 import { BASE_STYLES } from "./styles/list.js";

package/dist/tasty/utils/cache-wrapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 //#region src/tasty/utils/cache-wrapper.ts
 /**
 * Create a function that caches the result up to the limit.

package/dist/tasty/utils/case-converter.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 //#region src/tasty/utils/case-converter.ts
 function camelToKebab(str) {
 	return str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();

package/dist/tasty/utils/colors.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 //#region src/tasty/utils/colors.ts
 function color(name, opacity = 1) {
 	if (opacity !== 1) return `rgb(var(--${name}-color-rgb) / ${opacity})`;

package/dist/tasty/utils/dotize.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 //#region src/tasty/utils/dotize.ts
 const dotize = {
 	valTypes: {

package/dist/tasty/utils/filter-base-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 //#region src/tasty/utils/filter-base-props.ts
 const DOMPropNames = new Set(["id"]);
 const BasePropNames = new Set([

package/dist/tasty/utils/get-display-name.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 //#region src/tasty/utils/get-display-name.ts
 const DEFAULT_NAME = "Anonymous";
 function getDisplayName(Component, fallbackName = DEFAULT_NAME) {

package/dist/tasty/utils/hsl-to-rgb.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { hslToRgbValues } from "./process-tokens.js";
 
 //#region src/tasty/utils/hsl-to-rgb.ts

package/dist/tasty/utils/is-dev-env.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 //#region src/tasty/utils/is-dev-env.ts
 /**
 * Check if we're in a development environment at runtime

package/dist/tasty/utils/merge-styles.js

@@ -1,7 +1,113 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
+import { isDevEnv } from "./is-dev-env.js";
 import { isSelector } from "../pipeline/index.js";
 
 //#region src/tasty/utils/merge-styles.ts
+const devMode = isDevEnv();
+const INHERIT_VALUE = "@inherit";
+/**
+* Check if a value is a state map (object, not array).
+*/
+function isStateMap(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+/**
+* Normalize a parent value to a state map.
+* - Already a state map → return as-is
+* - Non-null, non-false primitive → wrap as `{ '': value }`
+* - null / undefined / false → return null (no parent to merge with)
+*/
+function normalizeToStateMap(value) {
+	if (isStateMap(value)) return value;
+	if (value != null && value !== false) return { "": value };
+	return null;
+}
+/**
+* Resolve a child state map against a parent value.
+*
+* Mode is determined by whether the child contains a `''` (default) key:
+* - No `''` → extend mode: parent entries preserved, child adds/overrides/repositions
+* - Has `''` → replace mode: child defines everything, `@inherit` cherry-picks from parent
+*
+* In both modes:
+* - `@inherit` value → resolve from parent state map
+* - `null` value → remove this state from the result
+* - `false` value → tombstone, persists through all layers, blocks recipe
+*/
+function resolveStateMap(parentValue, childMap) {
+	const isExtend = !("" in childMap);
+	const parentMap = normalizeToStateMap(parentValue);
+	if (!parentMap) {
+		const result = {};
+		for (const key of Object.keys(childMap)) {
+			const val = childMap[key];
+			if (val === null || val === INHERIT_VALUE) continue;
+			result[key] = val;
+		}
+		return result;
+	}
+	if (isExtend) return resolveExtendMode(parentMap, childMap);
+	return resolveReplaceMode(parentMap, childMap);
+}
+/**
+* Extend mode: parent entries are preserved, child entries add/override/reposition.
+*/
+function resolveExtendMode(parentMap, childMap) {
+	const inheritKeys = /* @__PURE__ */ new Set();
+	const removeKeys = /* @__PURE__ */ new Set();
+	const overrideKeys = /* @__PURE__ */ new Map();
+	for (const key of Object.keys(childMap)) {
+		const val = childMap[key];
+		if (val === INHERIT_VALUE) {
+			if (key in parentMap) inheritKeys.add(key);
+			else if (devMode) console.warn(`[Tasty] @inherit used for state '${key}' that does not exist in the parent style map. Entry skipped.`);
+		} else if (val === null) removeKeys.add(key);
+		else if (key in parentMap) overrideKeys.set(key, val);
+	}
+	const result = {};
+	for (const key of Object.keys(parentMap)) {
+		if (removeKeys.has(key)) continue;
+		if (inheritKeys.has(key)) continue;
+		if (overrideKeys.has(key)) result[key] = overrideKeys.get(key);
+		else result[key] = parentMap[key];
+	}
+	for (const key of Object.keys(childMap)) if (inheritKeys.has(key)) result[key] = parentMap[key];
+	else if (!removeKeys.has(key) && !overrideKeys.has(key) && childMap[key] !== INHERIT_VALUE) result[key] = childMap[key];
+	return result;
+}
+/**
+* Replace mode: child entries define the result, `@inherit` pulls from parent.
+*/
+function resolveReplaceMode(parentMap, childMap) {
+	const result = {};
+	for (const key of Object.keys(childMap)) {
+		const val = childMap[key];
+		if (val === INHERIT_VALUE) {
+			if (key in parentMap) result[key] = parentMap[key];
+			else if (devMode) console.warn(`[Tasty] @inherit used for state '${key}' that does not exist in the parent style map. Entry skipped.`);
+		} else if (val !== null) result[key] = val;
+	}
+	return result;
+}
+/**
+* Merge sub-element properties with state map / null / undefined support.
+*/
+function mergeSubElementStyles(parentSub, childSub) {
+	const parent = parentSub;
+	const child = childSub;
+	const merged = {
+		...parent,
+		...child
+	};
+	for (const key of Object.keys(child)) {
+		const val = child[key];
+		if (val === void 0) {
+			if (parent && key in parent) merged[key] = parent[key];
+		} else if (val === null) delete merged[key];
+		else if (isStateMap(val)) merged[key] = resolveStateMap(parent ? parent[key] : void 0, val);
+	}
+	return merged;
+}
 function mergeStyles(...objects) {
 	let styles = objects[0] ? { ...objects[0] } : {};
 	let pos = 1;
@@ -13,12 +119,22 @@ function mergeStyles(...objects) {
 				...styles,
 				...newStyles
 			};
-			for (let key of selectorKeys) if (newStyles?.[key] === false) delete resultStyles[key];
-			else if (newStyles?.[key] == null) resultStyles[key] = styles[key];
-			else if (newStyles?.[key]) resultStyles[key] = {
-				...styles[key],
-				...newStyles[key]
-			};
+			const newSelectorKeys = Object.keys(newStyles).filter(isSelector);
+			const allSelectorKeys = new Set([...selectorKeys, ...newSelectorKeys]);
+			for (const key of allSelectorKeys) {
+				const newValue = newStyles?.[key];
+				if (newValue === false || newValue === null) delete resultStyles[key];
+				else if (newValue === void 0) resultStyles[key] = styles[key];
+				else if (newValue) resultStyles[key] = mergeSubElementStyles(styles[key], newValue);
+			}
+			for (const key of Object.keys(newStyles)) {
+				if (isSelector(key)) continue;
+				const newValue = newStyles[key];
+				if (newValue === void 0) if (key in styles) resultStyles[key] = styles[key];
+				else delete resultStyles[key];
+				else if (newValue === null) delete resultStyles[key];
+				else if (isStateMap(newValue)) resultStyles[key] = resolveStateMap(styles[key], newValue);
+			}
 			styles = resultStyles;
 		}
 		pos++;

package/dist/tasty/utils/merge-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"merge-styles.js","names":[],"sources":["../../../src/tasty/utils/merge-styles.ts"],"sourcesContent":["import { isSelector } from '../pipeline';\nimport { Styles, StylesWithoutSelectors } from '../styles/types';\n\nexport function mergeStyles(...objects: (Styles | undefined | null)[]): Styles {\n  let styles: Styles = objects[0] ? { ...objects[0] } : {};\n  let pos = 1;\n\n  while (pos in objects) {\n    const selectorKeys = Object.keys(styles).filter(\n      (key) => isSelector(key) && styles[key],\n    );\n    const newStyles = objects[pos];\n\n    if (newStyles) {\n      const resultStyles = { ...styles, ...newStyles };\n\n      for (let key of selectorKeys) {\n        if (newStyles?.[key] === false) {\n          // Remove sub-element styles when explicitly set to false\n          delete resultStyles[key];\n        } else if (newStyles?.[key] == null) {\n          // Nullish values (null/undefined) are ignored - restore original styles\n          resultStyles[key] = styles[key];\n        } else if (newStyles?.[key]) {\n          resultStyles[key] = {\n            ...(styles[key] as StylesWithoutSelectors),\n            ...(newStyles[key] as StylesWithoutSelectors),\n          };\n        }\n      }\n\n      styles = resultStyles;\n    }\n\n    pos++;\n  }\n\n  return styles;\n}\n"],"mappings":";;;;AAGA,SAAgB,YAAY,GAAG,SAAgD;CAC7E,IAAI,SAAiB,QAAQ,KAAK,EAAE,GAAG,QAAQ,IAAI,GAAG,EAAE;CACxD,IAAI,MAAM;AAEV,QAAO,OAAO,SAAS;EACrB,MAAM,eAAe,OAAO,KAAK,OAAO,CAAC,QACtC,QAAQ,WAAW,IAAI,IAAI,OAAO,KACpC;EACD,MAAM,YAAY,QAAQ;AAE1B,MAAI,WAAW;GACb,MAAM,eAAe;IAAE,GAAG;IAAQ,GAAG;IAAW;AAEhD,QAAK,IAAI,OAAO,aACd,KAAI,YAAY,SAAS,MAEvB,QAAO,aAAa;YACX,YAAY,QAAQ,KAE7B,cAAa,OAAO,OAAO;YAClB,YAAY,KACrB,cAAa,OAAO;IAClB,GAAI,OAAO;IACX,GAAI,UAAU;IACf;AAIL,YAAS;;AAGX;;AAGF,QAAO"}
+{"version":3,"file":"merge-styles.js","names":[],"sources":["../../../src/tasty/utils/merge-styles.ts"],"sourcesContent":["import { isSelector } from '../pipeline';\nimport { Styles, StylesWithoutSelectors } from '../styles/types';\n\nimport { isDevEnv } from './is-dev-env';\n\nconst devMode = isDevEnv();\n\nconst INHERIT_VALUE = '@inherit';\n\n/**\n * Check if a value is a state map (object, not array).\n */\nfunction isStateMap(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\n/**\n * Normalize a parent value to a state map.\n * - Already a state map → return as-is\n * - Non-null, non-false primitive → wrap as `{ '': value }`\n * - null / undefined / false → return null (no parent to merge with)\n */\nfunction normalizeToStateMap(value: unknown): Record<string, unknown> | null {\n  if (isStateMap(value)) return value as Record<string, unknown>;\n  if (value != null && value !== false) return { '': value };\n  return null;\n}\n\n/**\n * Resolve a child state map against a parent value.\n *\n * Mode is determined by whether the child contains a `''` (default) key:\n * - No `''` → extend mode: parent entries preserved, child adds/overrides/repositions\n * - Has `''` → replace mode: child defines everything, `@inherit` cherry-picks from parent\n *\n * In both modes:\n * - `@inherit` value → resolve from parent state map\n * - `null` value → remove this state from the result\n * - `false` value → tombstone, persists through all layers, blocks recipe\n */\nfunction resolveStateMap(\n  parentValue: unknown,\n  childMap: Record<string, unknown>,\n): Record<string, unknown> {\n  const isExtend = !('' in childMap);\n  const parentMap = normalizeToStateMap(parentValue);\n\n  if (!parentMap) {\n    // No parent to merge with — strip nulls and @inherit, return child entries\n    const result: Record<string, unknown> = {};\n    for (const key of Object.keys(childMap)) {\n      const val = childMap[key];\n      if (val === null || val === INHERIT_VALUE) continue;\n      result[key] = val;\n    }\n    return result;\n  }\n\n  if (isExtend) {\n    return resolveExtendMode(parentMap, childMap);\n  }\n\n  return resolveReplaceMode(parentMap, childMap);\n}\n\n/**\n * Extend mode: parent entries are preserved, child entries add/override/reposition.\n */\nfunction resolveExtendMode(\n  parentMap: Record<string, unknown>,\n  childMap: Record<string, unknown>,\n): Record<string, unknown> {\n  const inheritKeys = new Set<string>();\n  const removeKeys = new Set<string>();\n  const overrideKeys = new Map<string, unknown>();\n\n  for (const key of Object.keys(childMap)) {\n    const val = childMap[key];\n    if (val === INHERIT_VALUE) {\n      if (key in parentMap) {\n        inheritKeys.add(key);\n      } else if (devMode) {\n        console.warn(\n          `[Tasty] @inherit used for state '${key}' that does not exist in the parent style map. Entry skipped.`,\n        );\n      }\n    } else if (val === null) {\n      removeKeys.add(key);\n    } else if (key in parentMap) {\n      overrideKeys.set(key, val);\n    }\n  }\n\n  // 1. Parent entries in order (skip removed, skip repositioned, apply overrides)\n  const result: Record<string, unknown> = {};\n  for (const key of Object.keys(parentMap)) {\n    if (removeKeys.has(key)) continue;\n    if (inheritKeys.has(key)) continue;\n    if (overrideKeys.has(key)) {\n      result[key] = overrideKeys.get(key);\n    } else {\n      result[key] = parentMap[key];\n    }\n  }\n\n  // 2. Append new + repositioned entries in child declaration order\n  for (const key of Object.keys(childMap)) {\n    if (inheritKeys.has(key)) {\n      result[key] = parentMap[key];\n    } else if (\n      !removeKeys.has(key) &&\n      !overrideKeys.has(key) &&\n      // Skip @inherit for keys that weren't in the parent (already warned above)\n      childMap[key] !== INHERIT_VALUE\n    ) {\n      result[key] = childMap[key];\n    }\n  }\n\n  return result;\n}\n\n/**\n * Replace mode: child entries define the result, `@inherit` pulls from parent.\n */\nfunction resolveReplaceMode(\n  parentMap: Record<string, unknown>,\n  childMap: Record<string, unknown>,\n): Record<string, unknown> {\n  const result: Record<string, unknown> = {};\n\n  for (const key of Object.keys(childMap)) {\n    const val = childMap[key];\n    if (val === INHERIT_VALUE) {\n      if (key in parentMap) {\n        result[key] = parentMap[key];\n      } else if (devMode) {\n        console.warn(\n          `[Tasty] @inherit used for state '${key}' that does not exist in the parent style map. Entry skipped.`,\n        );\n      }\n    } else if (val !== null) {\n      result[key] = val;\n    }\n  }\n\n  return result;\n}\n\n/**\n * Merge sub-element properties with state map / null / undefined support.\n */\nfunction mergeSubElementStyles(\n  parentSub: StylesWithoutSelectors | undefined,\n  childSub: StylesWithoutSelectors,\n): StylesWithoutSelectors {\n  const parent = parentSub as Record<string, unknown> | undefined;\n  const child = childSub as Record<string, unknown>;\n  const merged: Record<string, unknown> = { ...parent, ...child };\n\n  for (const key of Object.keys(child)) {\n    const val = child[key];\n\n    if (val === undefined) {\n      if (parent && key in parent) {\n        merged[key] = parent[key];\n      }\n    } else if (val === null) {\n      delete merged[key];\n    } else if (isStateMap(val)) {\n      merged[key] = resolveStateMap(\n        parent ? parent[key] : undefined,\n        val as Record<string, unknown>,\n      );\n    }\n  }\n\n  return merged as StylesWithoutSelectors;\n}\n\nexport function mergeStyles(...objects: (Styles | undefined | null)[]): Styles {\n  let styles: Styles = objects[0] ? { ...objects[0] } : {};\n  let pos = 1;\n\n  while (pos in objects) {\n    const selectorKeys = Object.keys(styles).filter(\n      (key) => isSelector(key) && styles[key],\n    );\n    const newStyles = objects[pos];\n\n    if (newStyles) {\n      const resultStyles = { ...styles, ...newStyles };\n\n      // Collect all selector keys from both parent and child\n      const newSelectorKeys = Object.keys(newStyles).filter(isSelector);\n      const allSelectorKeys = new Set([...selectorKeys, ...newSelectorKeys]);\n\n      for (const key of allSelectorKeys) {\n        const newValue = newStyles?.[key];\n\n        if (newValue === false || newValue === null) {\n          delete resultStyles[key];\n        } else if (newValue === undefined) {\n          resultStyles[key] = styles[key];\n        } else if (newValue) {\n          resultStyles[key] = mergeSubElementStyles(\n            styles[key] as StylesWithoutSelectors,\n            newValue as StylesWithoutSelectors,\n          );\n        }\n      }\n\n      // Handle non-selector properties: state maps, null, undefined\n      for (const key of Object.keys(newStyles)) {\n        if (isSelector(key)) continue;\n\n        const newValue = newStyles[key];\n\n        if (newValue === undefined) {\n          if (key in styles) {\n            resultStyles[key] = styles[key];\n          } else {\n            delete resultStyles[key];\n          }\n        } else if (newValue === null) {\n          delete resultStyles[key];\n        } else if (isStateMap(newValue)) {\n          (resultStyles as Record<string, unknown>)[key] = resolveStateMap(\n            styles[key],\n            newValue as Record<string, unknown>,\n          );\n        }\n      }\n\n      styles = resultStyles;\n    }\n\n    pos++;\n  }\n\n  return styles;\n}\n"],"mappings":"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"}

package/dist/tasty/utils/mod-attrs.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-46a956c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7e3af46 | Cube Dev Team */
 import { cacheWrapper } from "./cache-wrapper.js";
 import { camelToKebab } from "./case-converter.js";