@homebound/truss 2.29.13 → 2.30.0

package/build/runtime.d.ts

@@ -15,6 +15,12 @@ interface ParsedPropertyDeclaration {
     /** The variable name, i.e. `--marginTop`. */
     varName: string;
 }
+/** A parsed @keyframes block extracted from an annotated truss.css file. */
+interface ParsedKeyframesBlock {
+    cssText: string;
+    /** The animation name, i.e. `spin`. */
+    name: string;
+}
 
 /** An atomic rule ready for CSSOM insertion, with query metadata supplied by the plugin. */
 interface TestCssRule extends ParsedCssRule {
@@ -24,6 +30,7 @@ interface TestCssRule extends ParsedCssRule {
 interface TestCssPayload {
     rules?: TestCssRule[];
     properties?: ParsedPropertyDeclaration[];
+    keyframes?: ParsedKeyframesBlock[];
     /** Complete top-level rules, split by the plugin with nested at-rules left intact. */
     arbitraryRules?: string[];
     /** Canonical application source path, or the combined library source; required for arbitrary rules. */

package/build/runtime.js

@@ -48,7 +48,7 @@ function compareWidthIntervals(a, b) {
 // src/runtime-css.ts
 var trussStyleElement = null;
 function __injectTrussCSS(payload) {
-  if (typeof document === "undefined" || !payload.rules?.length && !payload.properties?.length && !payload.arbitraryRules?.length && !payload.prelude)
+  if (typeof document === "undefined" || !payload.rules?.length && !payload.properties?.length && !payload.keyframes?.length && !payload.arbitraryRules?.length && !payload.prelude)
     return;
   if (payload.arbitraryRules?.length && !payload.source) {
     throw new Error("Truss arbitrary CSS requires a source identity.");
@@ -83,6 +83,9 @@ function __injectTrussCSS(payload) {
     for (const property of payload.properties ?? []) {
       changed = installRule(state, { ...base, id: `property:${property.varName}`, section: 2, cssText: property.cssText }) || changed;
     }
+    for (const block of payload.keyframes ?? []) {
+      changed = installRule(state, { ...base, id: `keyframes:${block.name}`, section: 2, cssText: block.cssText }) || changed;
+    }
     for (const [position, cssText] of (payload.arbitraryRules ?? []).entries()) {
       changed = installRule(state, {
         ...base,

package/build/runtime.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/runtime.ts","../src/css-order.ts","../src/runtime-css.ts","../src/style-metadata.ts","../src/media-query.ts","../src/css-custom-property.ts"],"sourcesContent":["import { useInsertionEffect } from \"react\";\nimport { getOrCreateTrussStyleElement } from \"./runtime-css\";\nimport {\n  TRUSS_CSS_MARKER_KEY,\n  TRUSS_CUSTOM_CLASS_PREFIX,\n  TRUSS_INLINE_STYLE_PREFIX,\n  TRUSS_MARKER_KEY,\n} from \"./style-metadata\";\n\nexport { invertMediaQuery as __invertTrussMediaQuery } from \"./media-query\";\nexport { maybeCssVar } from \"./css-custom-property\";\nexport { __injectTrussCSS } from \"./runtime-css\";\nexport type { TestCssPayload, TestCssRule } from \"./test-css\";\n\n/** A compact source label for a Truss CSS expression, used in debug mode. */\nexport class TrussDebugInfo {\n  /** I.e. `\"FileName.tsx:line\"` */\n  readonly src: string;\n\n  constructor(src: string) {\n    this.src = src;\n  }\n}\n\n/**\n * Space-separated atomic class names, or a variable tuple with class names + CSS variable map.\n *\n * In debug mode, the transform appends a TrussDebugInfo as an extra tuple element:\n * - static with debug: `[classNames, debugInfo]`\n * - variable with debug: `[classNames, vars, debugInfo]`\n */\nexport type TrussStyleValue =\n  | string\n  | [classNames: string, vars: Record<string, string>]\n  | [classNames: string, debugInfo: TrussDebugInfo]\n  | [classNames: string, vars: Record<string, string>, debugInfo: TrussDebugInfo];\n\n/** A property-keyed style hash where each key owns one logical CSS property. */\nexport type TrussCustomClassNameValue = string | ReadonlyArray<string | false | null | undefined>;\nexport type RuntimeStyleDeclarationValue = string | number | null | undefined;\nexport type TrussInlineStyleValue = Record<string, RuntimeStyleDeclarationValue> | false | null | undefined;\nexport type TrussStyleHash = Record<string, TrussStyleValue | TrussCustomClassNameValue | TrussInlineStyleValue>;\nexport type RuntimeStyleDeclarations = Record<string, RuntimeStyleDeclarationValue | Record<string, unknown>>;\nexport type RuntimeStyleCss = Record<string, RuntimeStyleDeclarations | string>;\n\nconst shouldValidateTrussStyleValues = resolveShouldValidateTrussStyleValues();\nconst shouldEmitTrussSrcAttribute = resolveShouldEmitTrussSrcAttribute();\n\n/** Merge one or more Truss style hashes into `{ className, style?, data-truss-src? }`. */\nexport function trussProps(\n  ...hashes: ReadonlyArray<TrussStyleHash | false | null | undefined>\n): Record<string, unknown> {\n  const merged: Record<string, unknown> = {};\n\n  for (const hash of hashes) {\n    if (!hash || typeof hash !== \"object\") continue;\n    Object.assign(merged, hash);\n  }\n\n  const classNames: string[] = [];\n  const inlineStyle: Record<string, unknown> = {};\n  const debugSources: string[] = [];\n\n  for (const [key, value] of Object.entries(merged)) {\n    // $css is the Css expression marker — skip it\n    if (key === TRUSS_CSS_MARKER_KEY) continue;\n\n    // __marker is a special key — its value is a marker class name, not a CSS property\n    if (key === TRUSS_MARKER_KEY) {\n      if (typeof value === \"string\") {\n        classNames.push(value);\n      }\n      continue;\n    }\n\n    if (key.startsWith(TRUSS_CUSTOM_CLASS_PREFIX)) {\n      // I.e. plugin-emitted raw class names that should flow straight into the final prop.\n      appendCustomClassNames(classNames, value);\n      continue;\n    }\n\n    if (key.startsWith(TRUSS_INLINE_STYLE_PREFIX)) {\n      appendInlineStyles(inlineStyle, value);\n      continue;\n    }\n\n    if (shouldValidateTrussStyleValues) assertValidTrussStyleValue(key, value);\n    const trussValue = value as TrussStyleValue;\n\n    if (typeof trussValue === \"string\") {\n      // I.e. \"df\" or \"black blue_h\"\n      classNames.push(trussValue);\n      continue;\n    }\n\n    // Tuple: [classNames, varsOrDebug?, maybeDebug?]\n    classNames.push(trussValue[0]);\n\n    for (let i = 1; i < trussValue.length; i++) {\n      const el = trussValue[i];\n      if (el instanceof TrussDebugInfo) {\n        debugSources.push(el.src);\n      } else if (typeof el === \"object\" && el !== null) {\n        Object.assign(inlineStyle, el);\n      }\n    }\n  }\n\n  const props: Record<string, unknown> = {\n    className: classNames.join(\" \"),\n  };\n\n  if (Object.keys(inlineStyle).length > 0) {\n    props.style = inlineStyle;\n  }\n\n  if (shouldEmitTrussSrcAttribute && debugSources.length > 0) {\n    props[\"data-truss-src\"] = [...new Set(debugSources)].join(\"; \");\n  }\n\n  return props;\n}\n\nfunction appendCustomClassNames(classNames: string[], value: unknown): void {\n  if (typeof value === \"string\") {\n    // I.e. `className_button: \"button\"`\n    classNames.push(value);\n    return;\n  }\n\n  if (!Array.isArray(value)) return;\n  for (const entry of value) {\n    if (typeof entry === \"string\") {\n      // I.e. `className_button: [\"button\", cond && \"selected\"]`\n      classNames.push(entry);\n    }\n  }\n}\n\nfunction appendInlineStyles(inlineStyle: Record<string, unknown>, value: unknown): void {\n  if (!value || typeof value !== \"object\" || Array.isArray(value)) {\n    return;\n  }\n\n  for (const [key, entry] of Object.entries(value)) {\n    if (entry === undefined || entry === null) {\n      continue;\n    }\n    if (typeof entry === \"string\" || typeof entry === \"number\") {\n      inlineStyle[key] = entry;\n    }\n  }\n}\n\n/** Merge explicit className/style with Truss style hashes. */\nexport function mergeProps(\n  explicitClassName: string | undefined,\n  explicitStyle: Record<string, unknown> | undefined,\n  ...hashes: ReadonlyArray<TrussStyleHash | false | null | undefined>\n): Record<string, unknown> {\n  const result = trussProps(...hashes);\n\n  if (explicitClassName) {\n    result.className = `${explicitClassName} ${result.className ?? \"\"}`.trim();\n  }\n\n  if (explicitStyle) {\n    result.style = { ...explicitStyle, ...(result.style as Record<string, unknown> | undefined) };\n  }\n\n  return result;\n}\n\nexport interface RuntimeStyleProps {\n  css: RuntimeStyleCss;\n}\n\n/**\n * Inject dynamic or selector-based CSS at runtime into a transient `<style>` tag.\n *\n * This is the runtime counterpart to `.css.ts` files:\n * - use `.css.ts` for static/global arbitrary selectors that should be baked into the build output\n * - use `RuntimeStyle` for selectors that depend on runtime values or should only exist while a component is mounted\n *\n * Example with a flat `Css` expression:\n * ```tsx\n * <RuntimeStyle\n *   css={{\n *     \".preview a\": Css.blue.$,\n *   }}\n * />\n * ```\n *\n * Example with raw CSS via `Css.raw`:\n * ```tsx\n * <RuntimeStyle\n *   css={{\n *     \".preview code\": Css.raw`\n *       font-variant-ligatures: none;\n *       text-decoration: underline;\n *     `,\n *   }}\n * />\n * ```\n *\n * The injected `<style>` element is appended on mount and removed on unmount.\n *\n * Note: Only flat `Css.*.$` expressions are supported here; selector/marker helpers like\n * `onHover`, `when`, `ifSm`, `ifContainer`, `element`, `className()`, and `style()` are rejected\n * at runtime.\n */\nexport function RuntimeStyle(props: RuntimeStyleProps): null {\n  useRuntimeStyle(props.css);\n  return null;\n}\n\n/**\n * Hook that injects dynamic or selector-based CSS at runtime into a transient `<style>` tag.\n *\n * This is the hook counterpart to the `RuntimeStyle` component and `.css.ts` files:\n * - use `.css.ts` for static/global arbitrary selectors baked into the build output\n * - use `useRuntimeStyle` when you need the same thing from a hook instead of a component\n *\n * Example with a flat `Css` expression:\n * ```ts\n * useRuntimeStyle({ \"body\": Css.mbPx(dynamicValue).$ });\n * ```\n *\n * Example with raw CSS via `Css.raw`:\n * ```ts\n * useRuntimeStyle({ \".preview code\": Css.raw`font-variant-ligatures: none;` });\n * ```\n *\n * The injected `<style>` element is appended on mount and removed on unmount.\n *\n * Note: Only flat `Css.*.$` expressions are supported here; selector/marker helpers like\n * `onHover`, `when`, `ifSm`, `ifContainer`, `element`, `className()`, and `style()` are rejected\n * at runtime.\n */\nexport function useRuntimeStyle(css: RuntimeStyleCss): void {\n  const cssText = buildRuntimeStyleCssText(css);\n  useInsertionEffect(() => {\n    if (typeof document === \"undefined\" || cssText.length === 0) return;\n    // Reserve the static sheet before transient styles, even when no module CSS has loaded yet.\n    //\n    // This call is not redundant with getOrCreateTrussStyleElement inserting the static sheet\n    // before the first runtime style. jsdom cascades document.styleSheets in attach order, not\n    // DOM order. Without this reservation, a static sheet created after this runtime style\n    // mounts lands before it in <head> but after it in document.styleSheets, so the static\n    // rule wins the cascade. I.e. a runtime `.x { color: green }` mounted first loses to a\n    // later injected static `.x { color: red }`.\n    getOrCreateTrussStyleElement();\n    const style = document.createElement(\"style\");\n    style.setAttribute(\"data-truss-runtime-style\", \"\");\n    style.textContent = cssText;\n    document.head.appendChild(style);\n    return () => style.remove();\n  }, [cssText]);\n}\n\n/** Serialize RuntimeStyle rules into CSS text for a transient `<style>` tag. */\nfunction buildRuntimeStyleCssText(css: RuntimeStyleCss): string {\n  const rules: string[] = [];\n  for (const [selector, value] of Object.entries(css)) {\n    if (typeof value === \"string\") {\n      rules.push(formatRawRuntimeStyleRule(selector, value));\n    } else {\n      rules.push(formatRuntimeStyleRule(selector, value));\n    }\n  }\n  return rules.join(\"\\n\\n\");\n}\n\nfunction formatRawRuntimeStyleRule(selector: string, raw: string): string {\n  const trimmed = raw.trim();\n  if (!trimmed) return `${selector} {}`;\n  const body = trimmed\n    .split(\"\\n\")\n    .map((line) => `  ${line.trim()}`)\n    .filter((line) => line.trim().length > 0)\n    .join(\"\\n\");\n  return `${selector} {\\n${body}\\n}`;\n}\n\nfunction formatRuntimeStyleRule(selector: string, declarations: RuntimeStyleDeclarations): string {\n  const lines: string[] = [];\n  for (const [property, value] of Object.entries(declarations)) {\n    if (property === TRUSS_CSS_MARKER_KEY) continue;\n    if (value === undefined || value === null) continue;\n    if (typeof value !== \"string\" && typeof value !== \"number\") {\n      throw new Error(runtimeStyleUnsupportedValueMessage(selector, property));\n    }\n    lines.push(`  ${camelToKebabRuntime(property)}: ${String(value)};`);\n  }\n  if (lines.length === 0) return `${selector} {}`;\n  return `${selector} {\\n${lines.join(\"\\n\")}\\n}`;\n}\n\nfunction runtimeStyleUnsupportedValueMessage(selector: string, property: string): string {\n  return `RuntimeStyle selector \\`${selector}\\` has an unsupported nested value for \\`${property}\\`. Only flat Css expressions can be used here; selector/marker/className helpers like onHover, when, ifSm, ifContainer, element, className(), and style() are not supported.`;\n}\n\nfunction camelToKebabRuntime(property: string): string {\n  return property\n    .replace(/^(Webkit|Moz|Ms|O)/, function prefixToCss(prefix) {\n      return `-${prefix.toLowerCase()}`;\n    })\n    .replace(/[A-Z]/g, function upperToCss(letter) {\n      return `-${letter.toLowerCase()}`;\n    });\n}\n\n/** Fail fast when `trussProps` receives a non-Truss style value. */\nfunction assertValidTrussStyleValue(key: string, value: unknown): asserts value is TrussStyleValue {\n  if (typeof value === \"string\") return;\n  if (Array.isArray(value) && typeof value[0] === \"string\") {\n    for (let i = 1; i < value.length; i++) {\n      const el = value[i];\n      if (el instanceof TrussDebugInfo) continue;\n      if (typeof el === \"object\" && el !== null && !Array.isArray(el)) continue;\n      throw new TypeError(invalidTrussStyleValueMessage(key));\n    }\n    return;\n  }\n  throw new TypeError(invalidTrussStyleValueMessage(key));\n}\n\nfunction invalidTrussStyleValueMessage(key: string): string {\n  return `Invalid Truss style value for \\`${key}\\`. trussProps only accepts generated Truss style hashes; use mergeProps for explicit className/style merging.`;\n}\n\n/** Enable validation in dev/test environments, but skip it in production. */\nfunction resolveShouldValidateTrussStyleValues(): boolean {\n  if (typeof process !== \"undefined\" && typeof process.env.NODE_ENV === \"string\") {\n    return process.env.NODE_ENV !== \"production\";\n  }\n  const viteEnv = (import.meta as ImportMeta & { env?: { DEV?: boolean; PROD?: boolean } }).env;\n  if (typeof viteEnv?.DEV === \"boolean\") return viteEnv.DEV;\n  if (typeof viteEnv?.PROD === \"boolean\") return !viteEnv.PROD;\n  return false;\n}\n\n/** Omit unstable source labels from rendered props during Vitest runs. */\nfunction resolveShouldEmitTrussSrcAttribute(): boolean {\n  if (typeof process !== \"undefined\" && typeof process.env.VITEST === \"string\") {\n    return false;\n  }\n  return true;\n}\n","/**\n * The sort key shared by `emit-css`, `merge-css`, and `runtime-css`, so a stylesheet merged from\n * library CSS or assembled rule by rule in jsdom keeps the same rule order as the per-file output.\n */\nexport interface RuleSortKey {\n  priority: number;\n  className: string;\n  /** The px widths the rule's media or container query matches, or null when it has no readable interval. */\n  widthInterval: WidthInterval | null;\n}\n\n/** The inclusive px widths a query matches; `hi` is Infinity for a min-width-only query. */\nexport interface WidthInterval {\n  lo: number;\n  hi: number;\n}\n\n/** I.e. `ruleSortKey(3200, \"lg_black\", \"@media screen and (min-width: 960px)\")` → `widthInterval: { lo: 960, hi: Infinity }`. */\nexport function ruleSortKey(priority: number, className: string, atRulePrelude: string | undefined): RuleSortKey {\n  const widthInterval = atRulePrelude === undefined ? null : parseWidthInterval(atRulePrelude);\n  return { priority, className, widthInterval };\n}\n\n/**\n * Order rules by priority, then by query width interval, then by class name.\n *\n * Priority ties happen between rules in the same tier for the same property, i.e. two `@media`\n * rules for `color`. Those are ordered widest interval first, so the narrower query is emitted\n * later and wins in the cascade wherever both match. Equal widths go by lower bound ascending,\n * and queries with no readable interval (`print`, `not`, comma lists, non-px units) come last,\n * as they do in StyleX. For one-sided queries this is min-width ascending, then max-width descending.\n *\n * The class-name tiebreak keeps the output fully deterministic regardless of file processing\n * order, which differs between dev HMR and production builds.\n *\n * I.e. `(min-width: 600px)` → `(min-width: 960px)` → `(max-width: 1150px)` → `(max-width: 820px)`\n * → `(min-width: 600px) and (max-width: 959px)` → `print`.\n */\nexport function compareRuleSortKeys(a: RuleSortKey, b: RuleSortKey): number {\n  return (\n    a.priority - b.priority ||\n    compareWidthIntervals(a.widthInterval, b.widthInterval) ||\n    compareClassNames(a.className, b.className)\n  );\n}\n\n/** Code-point order, so identical class sets sort identically in dev and production. */\nexport function compareClassNames(a: string, b: string): number {\n  return a < b ? -1 : a > b ? 1 : 0;\n}\n\n/** I.e. `\"@media (min-width: 600px) { .a.a { color: red; } }\"` → `\"@media (min-width: 600px)\"`, or undefined for a plain rule. */\nexport function atRulePrelude(cssText: string): string | undefined {\n  if (!cssText.startsWith(\"@\")) return undefined;\n  const brace = cssText.indexOf(\"{\");\n  return brace === -1 ? undefined : cssText.slice(0, brace).trim();\n}\n\n/**\n * Parse the px width interval a `@media` or `@container` prelude matches.\n *\n * Only `and`-joined `(min-width: Npx)` / `(max-width: Npx)` terms are read. Other features such as\n * `(orientation: landscape)` and media types such as `screen` add no bound, and repeated terms\n * collapse to the effective bound. The result is exact for what it accepts, and null (\"no interval\")\n * for a prelude with no width term or with anything it cannot read exactly: comma lists, `not`,\n * `or`, range syntax, and non-px units.\n *\n * I.e. `\"@media screen and (min-width: 600px) and (max-width: 959px)\"` → `{ lo: 600, hi: 959 }`,\n * `\"@container grid (min-width: 601px)\"` → `{ lo: 601, hi: Infinity }`, `\"@media print\"` → null.\n */\nfunction parseWidthInterval(prelude: string): WidthInterval | null {\n  if (/,|\\bnot\\b|\\bor\\b|[<>]/.test(prelude)) return null;\n  const terms = Array.from(prelude.matchAll(/\\((min|max)-width:\\s*([^)]*)\\)/g));\n  if (terms.length === 0) return null;\n  let lo = 0;\n  let hi = Infinity;\n  for (const term of terms) {\n    const px = parsePxLength(term[2]);\n    if (px === null) return null;\n    if (term[1] === \"min\") {\n      lo = Math.max(lo, px);\n    } else {\n      hi = Math.min(hi, px);\n    }\n  }\n  return { lo, hi };\n}\n\n/** I.e. `\"600px\"` → 600, `\"0\"` → 0, `\"40rem\"` → null. */\nfunction parsePxLength(value: string): number | null {\n  const match = value.trim().match(/^(\\d+(?:\\.\\d+)?)(px)?$/);\n  if (!match) return null;\n  if (match[2] === undefined && Number(match[1]) !== 0) return null;\n  return Number(match[1]);\n}\n\n/**\n * Widest interval first, equal widths by lower bound ascending, null last.\n *\n * I.e. `{ lo: 600, hi: Infinity }` (width Infinity) → `{ lo: 0, hi: 1150 }` (width 1150)\n * → `{ lo: 600, hi: 959 }` (width 359) → null.\n */\nfunction compareWidthIntervals(a: WidthInterval | null, b: WidthInterval | null): number {\n  if (a === null || b === null) {\n    return (a === null ? 1 : 0) - (b === null ? 1 : 0);\n  }\n  const widthA = a.hi - a.lo;\n  const widthB = b.hi - b.lo;\n  if (widthA !== widthB) return widthA > widthB ? -1 : 1;\n  return a.lo - b.lo;\n}\n","import { compareClassNames, compareRuleSortKeys, ruleSortKey, type RuleSortKey } from \"./css-order\";\nimport type { TestCssPayload } from \"./test-css\";\n\ninterface InstalledRule {\n  id: string;\n  cssText: string;\n  /** Prelude, atomic rules, property declarations, then arbitrary CSS. */\n  section: 0 | 1 | 2 | 3;\n  key: RuleSortKey | null;\n  order: number;\n  source: string;\n  position: number;\n}\n\ninterface InjectionState {\n  sheet: CSSStyleSheet;\n  rules: InstalledRule[];\n  byId: Map<string, InstalledRule>;\n}\n\ntype TrussStyleElement = HTMLStyleElement & { __trussCssState__?: InjectionState };\nlet trussStyleElement: TrussStyleElement | null = null;\n\n/**\n * Register structured module or library CSS in the document's ordered test stylesheet.\n *\n * Atomic rules are deduplicated by class and inserted with the production\n * comparator, regardless of module execution order. Library definitions take precedence\n * over application definitions of the same class. Arbitrary blocks stay after atomics,\n * in library order followed by canonical application source path order. The plugin supplies\n * rule identities, query metadata, spacing, and complete top-level arbitrary rules. The\n * runtime does not parse annotations, split CSS blocks, or serialize payloads for dedupe.\n *\n * Rules live until the document is discarded, not until a component unmounts. Repeated\n * imports reuse state on the style element. This is not HMR: within one source rank,\n * the first definition wins and omitted rules are not removed. Browser dev HMR replaces\n * its separate virtual stylesheet; useRuntimeStyle owns transient sheets after this one.\n *\n * Only new or replaced rules are parsed by CSSOM. I.e. a late priority-1000 shorthand\n * is inserted before an existing priority-4000 longhand without reparsing that longhand.\n */\nexport function __injectTrussCSS(payload: TestCssPayload): void {\n  if (\n    typeof document === \"undefined\" ||\n    (!payload.rules?.length && !payload.properties?.length && !payload.arbitraryRules?.length && !payload.prelude)\n  )\n    return;\n  if (payload.arbitraryRules?.length && !payload.source) {\n    throw new Error(\"Truss arbitrary CSS requires a source identity.\");\n  }\n  const style = getOrCreateTrussStyleElement();\n  const sheet = style.sheet;\n  if (!sheet) throw new Error(\"Truss could not create its test stylesheet.\");\n  // A removed and reattached style element has a new CSSOM sheet, even in the same document.\n  if (style.__trussCssState__?.sheet !== sheet) {\n    style.__trussCssState__ = { sheet, rules: [], byId: new Map() };\n  }\n  const state = style.__trussCssState__!;\n  const base = {\n    order: payload.order ?? 1,\n    source: payload.source ?? \"\",\n    position: 0,\n    key: null,\n  };\n  let changed = false;\n  try {\n    if (payload.prelude) {\n      changed = installRule(state, { ...base, id: \"prelude\", section: 0, cssText: payload.prelude }) || changed;\n    }\n    for (const rule of payload.rules ?? []) {\n      changed =\n        installRule(state, {\n          ...base,\n          id: `class:${rule.className}`,\n          section: 1,\n          cssText: rule.cssText,\n          key: ruleSortKey(rule.priority, rule.className, rule.atRule),\n        }) || changed;\n    }\n    for (const property of payload.properties ?? []) {\n      changed =\n        installRule(state, { ...base, id: `property:${property.varName}`, section: 2, cssText: property.cssText }) ||\n        changed;\n    }\n    for (const [position, cssText] of (payload.arbitraryRules ?? []).entries()) {\n      changed =\n        installRule(state, {\n          ...base,\n          id: `arbitrary:${payload.source}:${position}`,\n          section: 3,\n          position,\n          cssText,\n        }) || changed;\n    }\n  } finally {\n    // jsdom 29 does not invalidate computed styles after insertRule/deleteRule. An attribute\n    // mutation clears that cache without replacing the sheet or reparsing its previous rules.\n    if (changed) style.setAttribute(\"data-truss\", \"\");\n  }\n}\n\n/**\n * Insert a unique rule at its production sort position and report whether the sheet changed.\n * Lower source ranks can replace existing definitions. Unsupported declarations are registered\n * for dedupe without taking a CSSOM index; invalid atomic rules still throw and can be retried.\n */\nfunction installRule(state: InjectionState, rule: InstalledRule): boolean {\n  const previous = state.byId.get(rule.id);\n  if (previous && previous.order <= rule.order) return false;\n  let lo = 0;\n  let hi = state.rules.length;\n  while (lo < hi) {\n    const mid = (lo + hi) >>> 1;\n    if (compareInstalledRules(state.rules[mid], rule) <= 0) lo = mid + 1;\n    else hi = mid;\n  }\n  try {\n    state.sheet.insertRule(rule.cssText, lo);\n  } catch (error) {\n    // jsdom silently skips unsupported property/arbitrary at-rules in style text, but insertRule throws.\n    // Do not swallow errors for atomic rules or corrupt the installed-rule indexes.\n    if (\n      rule.section >= 2 &&\n      typeof error === \"object\" &&\n      error !== null &&\n      \"name\" in error &&\n      error.name === \"SyntaxError\"\n    ) {\n      // Do not replace an installed definition with one the browser cannot parse.\n      if (!previous || !state.rules.includes(previous)) state.byId.set(rule.id, rule);\n      return false;\n    }\n    throw error;\n  }\n  state.rules.splice(lo, 0, rule);\n  state.byId.set(rule.id, rule);\n  if (previous) {\n    const oldIndex = state.rules.indexOf(previous);\n    if (oldIndex !== -1) {\n      state.sheet.deleteRule(oldIndex);\n      state.rules.splice(oldIndex, 1);\n    }\n  }\n  return true;\n}\n\n/** Use the production atomic comparator and preserve source order within opaque blocks. */\nfunction compareInstalledRules(a: InstalledRule, b: InstalledRule): number {\n  if (a.section !== b.section) return a.section - b.section;\n  if (a.key && b.key) return compareRuleSortKeys(a.key, b.key);\n  return a.order - b.order || compareClassNames(a.source, b.source) || a.position - b.position;\n}\n\n/** Keep one static sheet before transient runtime styles, and recover after document replacement. */\nexport function getOrCreateTrussStyleElement(): TrussStyleElement {\n  if (trussStyleElement?.ownerDocument === document && trussStyleElement.isConnected) return trussStyleElement;\n  const style = document.querySelector<TrussStyleElement>(\"style[data-truss]\") ?? document.createElement(\"style\");\n  if (!style.isConnected) {\n    style.setAttribute(\"data-truss\", \"\");\n    document.head.insertBefore(style, document.head.querySelector(\"style[data-truss-runtime-style]\"));\n  }\n  trussStyleElement = style;\n  return style;\n}\n","/** Metadata key that carries a marker class through Truss style hashes. */\nexport const TRUSS_MARKER_KEY = \"__marker\";\n\n/** Prefix for style-hash entries that append raw class names at runtime. */\nexport const TRUSS_CUSTOM_CLASS_PREFIX = \"className_\";\n\n/** Prefix for style-hash entries that append raw inline styles at runtime. */\nexport const TRUSS_INLINE_STYLE_PREFIX = \"style_\";\n\n/** Generated Css expressions include this brand marker in runtime-only paths. */\nexport const TRUSS_CSS_MARKER_KEY = \"$css\";\n","/** Return the complementary query used by `Css.*.else` media branches. */\nexport function invertMediaQuery(query: string): string {\n  const screenPrefix = \"@media screen and \";\n  if (query.startsWith(screenPrefix)) {\n    const conditions = query.slice(screenPrefix.length).trim();\n    const rangeMatch = conditions.match(/^\\(min-width: (\\d+)px\\) and \\(max-width: (\\d+)px\\)$/);\n    if (rangeMatch) {\n      const min = Number(rangeMatch[1]);\n      const max = Number(rangeMatch[2]);\n      return `@media screen and (max-width: ${min - 1}px), screen and (min-width: ${max + 1}px)`;\n    }\n    const minMatch = conditions.match(/^\\(min-width: (\\d+)px\\)$/);\n    if (minMatch) {\n      return `@media screen and (max-width: ${Number(minMatch[1]) - 1}px)`;\n    }\n    const maxMatch = conditions.match(/^\\(max-width: (\\d+)px\\)$/);\n    if (maxMatch) {\n      return `@media screen and (min-width: ${Number(maxMatch[1]) + 1}px)`;\n    }\n  }\n  return query.replace(\"@media\", \"@media not\");\n}\n","/**\n * Utilities for CSS custom properties (`--token`) in Truss style values.\n */\n\n/**\n * If `value` is a custom property name (`--token`), wrap as `var(--token)` for use as a property value.\n * Passes through values that are not custom-property names (including existing `var(...)`).\n */\nexport function maybeCssVar<T>(value: T): T {\n  if (typeof value !== \"string\") return value;\n  if (value.startsWith(\"--\")) return `var(${value})` as T;\n  return value;\n}\n\n/** True when a runtime variable tuple value may be a `--token` name (not a Px `` `${n}px` `` path). */\nexport function variableValueNeedsMaybeCssVar(opts: { appendPx?: boolean }): boolean {\n  return !opts.appendPx;\n}\n\n/** True when a resolved argument value is a CSS custom property name (`--token`). */\nexport function isCustomPropertyName(value: string): boolean {\n  return value.startsWith(\"--\");\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/runtime.ts","../src/css-order.ts","../src/runtime-css.ts","../src/style-metadata.ts","../src/media-query.ts","../src/css-custom-property.ts"],"sourcesContent":["import { useInsertionEffect } from \"react\";\nimport { getOrCreateTrussStyleElement } from \"./runtime-css\";\nimport {\n  TRUSS_CSS_MARKER_KEY,\n  TRUSS_CUSTOM_CLASS_PREFIX,\n  TRUSS_INLINE_STYLE_PREFIX,\n  TRUSS_MARKER_KEY,\n} from \"./style-metadata\";\n\nexport { invertMediaQuery as __invertTrussMediaQuery } from \"./media-query\";\nexport { maybeCssVar } from \"./css-custom-property\";\nexport { __injectTrussCSS } from \"./runtime-css\";\nexport type { TestCssPayload, TestCssRule } from \"./test-css\";\n\n/** A compact source label for a Truss CSS expression, used in debug mode. */\nexport class TrussDebugInfo {\n  /** I.e. `\"FileName.tsx:line\"` */\n  readonly src: string;\n\n  constructor(src: string) {\n    this.src = src;\n  }\n}\n\n/**\n * Space-separated atomic class names, or a variable tuple with class names + CSS variable map.\n *\n * In debug mode, the transform appends a TrussDebugInfo as an extra tuple element:\n * - static with debug: `[classNames, debugInfo]`\n * - variable with debug: `[classNames, vars, debugInfo]`\n */\nexport type TrussStyleValue =\n  | string\n  | [classNames: string, vars: Record<string, string>]\n  | [classNames: string, debugInfo: TrussDebugInfo]\n  | [classNames: string, vars: Record<string, string>, debugInfo: TrussDebugInfo];\n\n/** A property-keyed style hash where each key owns one logical CSS property. */\nexport type TrussCustomClassNameValue = string | ReadonlyArray<string | false | null | undefined>;\nexport type RuntimeStyleDeclarationValue = string | number | null | undefined;\nexport type TrussInlineStyleValue = Record<string, RuntimeStyleDeclarationValue> | false | null | undefined;\nexport type TrussStyleHash = Record<string, TrussStyleValue | TrussCustomClassNameValue | TrussInlineStyleValue>;\nexport type RuntimeStyleDeclarations = Record<string, RuntimeStyleDeclarationValue | Record<string, unknown>>;\nexport type RuntimeStyleCss = Record<string, RuntimeStyleDeclarations | string>;\n\nconst shouldValidateTrussStyleValues = resolveShouldValidateTrussStyleValues();\nconst shouldEmitTrussSrcAttribute = resolveShouldEmitTrussSrcAttribute();\n\n/** Merge one or more Truss style hashes into `{ className, style?, data-truss-src? }`. */\nexport function trussProps(\n  ...hashes: ReadonlyArray<TrussStyleHash | false | null | undefined>\n): Record<string, unknown> {\n  const merged: Record<string, unknown> = {};\n\n  for (const hash of hashes) {\n    if (!hash || typeof hash !== \"object\") continue;\n    Object.assign(merged, hash);\n  }\n\n  const classNames: string[] = [];\n  const inlineStyle: Record<string, unknown> = {};\n  const debugSources: string[] = [];\n\n  for (const [key, value] of Object.entries(merged)) {\n    // $css is the Css expression marker — skip it\n    if (key === TRUSS_CSS_MARKER_KEY) continue;\n\n    // __marker is a special key — its value is a marker class name, not a CSS property\n    if (key === TRUSS_MARKER_KEY) {\n      if (typeof value === \"string\") {\n        classNames.push(value);\n      }\n      continue;\n    }\n\n    if (key.startsWith(TRUSS_CUSTOM_CLASS_PREFIX)) {\n      // I.e. plugin-emitted raw class names that should flow straight into the final prop.\n      appendCustomClassNames(classNames, value);\n      continue;\n    }\n\n    if (key.startsWith(TRUSS_INLINE_STYLE_PREFIX)) {\n      appendInlineStyles(inlineStyle, value);\n      continue;\n    }\n\n    if (shouldValidateTrussStyleValues) assertValidTrussStyleValue(key, value);\n    const trussValue = value as TrussStyleValue;\n\n    if (typeof trussValue === \"string\") {\n      // I.e. \"df\" or \"black blue_h\"\n      classNames.push(trussValue);\n      continue;\n    }\n\n    // Tuple: [classNames, varsOrDebug?, maybeDebug?]\n    classNames.push(trussValue[0]);\n\n    for (let i = 1; i < trussValue.length; i++) {\n      const el = trussValue[i];\n      if (el instanceof TrussDebugInfo) {\n        debugSources.push(el.src);\n      } else if (typeof el === \"object\" && el !== null) {\n        Object.assign(inlineStyle, el);\n      }\n    }\n  }\n\n  const props: Record<string, unknown> = {\n    className: classNames.join(\" \"),\n  };\n\n  if (Object.keys(inlineStyle).length > 0) {\n    props.style = inlineStyle;\n  }\n\n  if (shouldEmitTrussSrcAttribute && debugSources.length > 0) {\n    props[\"data-truss-src\"] = [...new Set(debugSources)].join(\"; \");\n  }\n\n  return props;\n}\n\nfunction appendCustomClassNames(classNames: string[], value: unknown): void {\n  if (typeof value === \"string\") {\n    // I.e. `className_button: \"button\"`\n    classNames.push(value);\n    return;\n  }\n\n  if (!Array.isArray(value)) return;\n  for (const entry of value) {\n    if (typeof entry === \"string\") {\n      // I.e. `className_button: [\"button\", cond && \"selected\"]`\n      classNames.push(entry);\n    }\n  }\n}\n\nfunction appendInlineStyles(inlineStyle: Record<string, unknown>, value: unknown): void {\n  if (!value || typeof value !== \"object\" || Array.isArray(value)) {\n    return;\n  }\n\n  for (const [key, entry] of Object.entries(value)) {\n    if (entry === undefined || entry === null) {\n      continue;\n    }\n    if (typeof entry === \"string\" || typeof entry === \"number\") {\n      inlineStyle[key] = entry;\n    }\n  }\n}\n\n/** Merge explicit className/style with Truss style hashes. */\nexport function mergeProps(\n  explicitClassName: string | undefined,\n  explicitStyle: Record<string, unknown> | undefined,\n  ...hashes: ReadonlyArray<TrussStyleHash | false | null | undefined>\n): Record<string, unknown> {\n  const result = trussProps(...hashes);\n\n  if (explicitClassName) {\n    result.className = `${explicitClassName} ${result.className ?? \"\"}`.trim();\n  }\n\n  if (explicitStyle) {\n    result.style = { ...explicitStyle, ...(result.style as Record<string, unknown> | undefined) };\n  }\n\n  return result;\n}\n\nexport interface RuntimeStyleProps {\n  css: RuntimeStyleCss;\n}\n\n/**\n * Inject dynamic or selector-based CSS at runtime into a transient `<style>` tag.\n *\n * This is the runtime counterpart to `.css.ts` files:\n * - use `.css.ts` for static/global arbitrary selectors that should be baked into the build output\n * - use `RuntimeStyle` for selectors that depend on runtime values or should only exist while a component is mounted\n *\n * Example with a flat `Css` expression:\n * ```tsx\n * <RuntimeStyle\n *   css={{\n *     \".preview a\": Css.blue.$,\n *   }}\n * />\n * ```\n *\n * Example with raw CSS via `Css.raw`:\n * ```tsx\n * <RuntimeStyle\n *   css={{\n *     \".preview code\": Css.raw`\n *       font-variant-ligatures: none;\n *       text-decoration: underline;\n *     `,\n *   }}\n * />\n * ```\n *\n * The injected `<style>` element is appended on mount and removed on unmount.\n *\n * Note: Only flat `Css.*.$` expressions are supported here; selector/marker helpers like\n * `onHover`, `when`, `ifSm`, `ifContainer`, `element`, `className()`, and `style()` are rejected\n * at runtime.\n */\nexport function RuntimeStyle(props: RuntimeStyleProps): null {\n  useRuntimeStyle(props.css);\n  return null;\n}\n\n/**\n * Hook that injects dynamic or selector-based CSS at runtime into a transient `<style>` tag.\n *\n * This is the hook counterpart to the `RuntimeStyle` component and `.css.ts` files:\n * - use `.css.ts` for static/global arbitrary selectors baked into the build output\n * - use `useRuntimeStyle` when you need the same thing from a hook instead of a component\n *\n * Example with a flat `Css` expression:\n * ```ts\n * useRuntimeStyle({ \"body\": Css.mbPx(dynamicValue).$ });\n * ```\n *\n * Example with raw CSS via `Css.raw`:\n * ```ts\n * useRuntimeStyle({ \".preview code\": Css.raw`font-variant-ligatures: none;` });\n * ```\n *\n * The injected `<style>` element is appended on mount and removed on unmount.\n *\n * Note: Only flat `Css.*.$` expressions are supported here; selector/marker helpers like\n * `onHover`, `when`, `ifSm`, `ifContainer`, `element`, `className()`, and `style()` are rejected\n * at runtime.\n */\nexport function useRuntimeStyle(css: RuntimeStyleCss): void {\n  const cssText = buildRuntimeStyleCssText(css);\n  useInsertionEffect(() => {\n    if (typeof document === \"undefined\" || cssText.length === 0) return;\n    // Reserve the static sheet before transient styles, even when no module CSS has loaded yet.\n    //\n    // This call is not redundant with getOrCreateTrussStyleElement inserting the static sheet\n    // before the first runtime style. jsdom cascades document.styleSheets in attach order, not\n    // DOM order. Without this reservation, a static sheet created after this runtime style\n    // mounts lands before it in <head> but after it in document.styleSheets, so the static\n    // rule wins the cascade. I.e. a runtime `.x { color: green }` mounted first loses to a\n    // later injected static `.x { color: red }`.\n    getOrCreateTrussStyleElement();\n    const style = document.createElement(\"style\");\n    style.setAttribute(\"data-truss-runtime-style\", \"\");\n    style.textContent = cssText;\n    document.head.appendChild(style);\n    return () => style.remove();\n  }, [cssText]);\n}\n\n/** Serialize RuntimeStyle rules into CSS text for a transient `<style>` tag. */\nfunction buildRuntimeStyleCssText(css: RuntimeStyleCss): string {\n  const rules: string[] = [];\n  for (const [selector, value] of Object.entries(css)) {\n    if (typeof value === \"string\") {\n      rules.push(formatRawRuntimeStyleRule(selector, value));\n    } else {\n      rules.push(formatRuntimeStyleRule(selector, value));\n    }\n  }\n  return rules.join(\"\\n\\n\");\n}\n\nfunction formatRawRuntimeStyleRule(selector: string, raw: string): string {\n  const trimmed = raw.trim();\n  if (!trimmed) return `${selector} {}`;\n  const body = trimmed\n    .split(\"\\n\")\n    .map((line) => `  ${line.trim()}`)\n    .filter((line) => line.trim().length > 0)\n    .join(\"\\n\");\n  return `${selector} {\\n${body}\\n}`;\n}\n\nfunction formatRuntimeStyleRule(selector: string, declarations: RuntimeStyleDeclarations): string {\n  const lines: string[] = [];\n  for (const [property, value] of Object.entries(declarations)) {\n    if (property === TRUSS_CSS_MARKER_KEY) continue;\n    if (value === undefined || value === null) continue;\n    if (typeof value !== \"string\" && typeof value !== \"number\") {\n      throw new Error(runtimeStyleUnsupportedValueMessage(selector, property));\n    }\n    lines.push(`  ${camelToKebabRuntime(property)}: ${String(value)};`);\n  }\n  if (lines.length === 0) return `${selector} {}`;\n  return `${selector} {\\n${lines.join(\"\\n\")}\\n}`;\n}\n\nfunction runtimeStyleUnsupportedValueMessage(selector: string, property: string): string {\n  return `RuntimeStyle selector \\`${selector}\\` has an unsupported nested value for \\`${property}\\`. Only flat Css expressions can be used here; selector/marker/className helpers like onHover, when, ifSm, ifContainer, element, className(), and style() are not supported.`;\n}\n\nfunction camelToKebabRuntime(property: string): string {\n  return property\n    .replace(/^(Webkit|Moz|Ms|O)/, function prefixToCss(prefix) {\n      return `-${prefix.toLowerCase()}`;\n    })\n    .replace(/[A-Z]/g, function upperToCss(letter) {\n      return `-${letter.toLowerCase()}`;\n    });\n}\n\n/** Fail fast when `trussProps` receives a non-Truss style value. */\nfunction assertValidTrussStyleValue(key: string, value: unknown): asserts value is TrussStyleValue {\n  if (typeof value === \"string\") return;\n  if (Array.isArray(value) && typeof value[0] === \"string\") {\n    for (let i = 1; i < value.length; i++) {\n      const el = value[i];\n      if (el instanceof TrussDebugInfo) continue;\n      if (typeof el === \"object\" && el !== null && !Array.isArray(el)) continue;\n      throw new TypeError(invalidTrussStyleValueMessage(key));\n    }\n    return;\n  }\n  throw new TypeError(invalidTrussStyleValueMessage(key));\n}\n\nfunction invalidTrussStyleValueMessage(key: string): string {\n  return `Invalid Truss style value for \\`${key}\\`. trussProps only accepts generated Truss style hashes; use mergeProps for explicit className/style merging.`;\n}\n\n/** Enable validation in dev/test environments, but skip it in production. */\nfunction resolveShouldValidateTrussStyleValues(): boolean {\n  if (typeof process !== \"undefined\" && typeof process.env.NODE_ENV === \"string\") {\n    return process.env.NODE_ENV !== \"production\";\n  }\n  const viteEnv = (import.meta as ImportMeta & { env?: { DEV?: boolean; PROD?: boolean } }).env;\n  if (typeof viteEnv?.DEV === \"boolean\") return viteEnv.DEV;\n  if (typeof viteEnv?.PROD === \"boolean\") return !viteEnv.PROD;\n  return false;\n}\n\n/** Omit unstable source labels from rendered props during Vitest runs. */\nfunction resolveShouldEmitTrussSrcAttribute(): boolean {\n  if (typeof process !== \"undefined\" && typeof process.env.VITEST === \"string\") {\n    return false;\n  }\n  return true;\n}\n","/**\n * The sort key shared by `emit-css`, `merge-css`, and `runtime-css`, so a stylesheet merged from\n * library CSS or assembled rule by rule in jsdom keeps the same rule order as the per-file output.\n */\nexport interface RuleSortKey {\n  priority: number;\n  className: string;\n  /** The px widths the rule's media or container query matches, or null when it has no readable interval. */\n  widthInterval: WidthInterval | null;\n}\n\n/** The inclusive px widths a query matches; `hi` is Infinity for a min-width-only query. */\nexport interface WidthInterval {\n  lo: number;\n  hi: number;\n}\n\n/** I.e. `ruleSortKey(3200, \"lg_black\", \"@media screen and (min-width: 960px)\")` → `widthInterval: { lo: 960, hi: Infinity }`. */\nexport function ruleSortKey(priority: number, className: string, atRulePrelude: string | undefined): RuleSortKey {\n  const widthInterval = atRulePrelude === undefined ? null : parseWidthInterval(atRulePrelude);\n  return { priority, className, widthInterval };\n}\n\n/**\n * Order rules by priority, then by query width interval, then by class name.\n *\n * Priority ties happen between rules in the same tier for the same property, i.e. two `@media`\n * rules for `color`. Those are ordered widest interval first, so the narrower query is emitted\n * later and wins in the cascade wherever both match. Equal widths go by lower bound ascending,\n * and queries with no readable interval (`print`, `not`, comma lists, non-px units) come last,\n * as they do in StyleX. For one-sided queries this is min-width ascending, then max-width descending.\n *\n * The class-name tiebreak keeps the output fully deterministic regardless of file processing\n * order, which differs between dev HMR and production builds.\n *\n * I.e. `(min-width: 600px)` → `(min-width: 960px)` → `(max-width: 1150px)` → `(max-width: 820px)`\n * → `(min-width: 600px) and (max-width: 959px)` → `print`.\n */\nexport function compareRuleSortKeys(a: RuleSortKey, b: RuleSortKey): number {\n  return (\n    a.priority - b.priority ||\n    compareWidthIntervals(a.widthInterval, b.widthInterval) ||\n    compareClassNames(a.className, b.className)\n  );\n}\n\n/** Code-point order, so identical class sets sort identically in dev and production. */\nexport function compareClassNames(a: string, b: string): number {\n  return a < b ? -1 : a > b ? 1 : 0;\n}\n\n/** I.e. `\"@media (min-width: 600px) { .a.a { color: red; } }\"` → `\"@media (min-width: 600px)\"`, or undefined for a plain rule. */\nexport function atRulePrelude(cssText: string): string | undefined {\n  if (!cssText.startsWith(\"@\")) return undefined;\n  const brace = cssText.indexOf(\"{\");\n  return brace === -1 ? undefined : cssText.slice(0, brace).trim();\n}\n\n/**\n * Parse the px width interval a `@media` or `@container` prelude matches.\n *\n * Only `and`-joined `(min-width: Npx)` / `(max-width: Npx)` terms are read. Other features such as\n * `(orientation: landscape)` and media types such as `screen` add no bound, and repeated terms\n * collapse to the effective bound. The result is exact for what it accepts, and null (\"no interval\")\n * for a prelude with no width term or with anything it cannot read exactly: comma lists, `not`,\n * `or`, range syntax, and non-px units.\n *\n * I.e. `\"@media screen and (min-width: 600px) and (max-width: 959px)\"` → `{ lo: 600, hi: 959 }`,\n * `\"@container grid (min-width: 601px)\"` → `{ lo: 601, hi: Infinity }`, `\"@media print\"` → null.\n */\nfunction parseWidthInterval(prelude: string): WidthInterval | null {\n  if (/,|\\bnot\\b|\\bor\\b|[<>]/.test(prelude)) return null;\n  const terms = Array.from(prelude.matchAll(/\\((min|max)-width:\\s*([^)]*)\\)/g));\n  if (terms.length === 0) return null;\n  let lo = 0;\n  let hi = Infinity;\n  for (const term of terms) {\n    const px = parsePxLength(term[2]);\n    if (px === null) return null;\n    if (term[1] === \"min\") {\n      lo = Math.max(lo, px);\n    } else {\n      hi = Math.min(hi, px);\n    }\n  }\n  return { lo, hi };\n}\n\n/** I.e. `\"600px\"` → 600, `\"0\"` → 0, `\"40rem\"` → null. */\nfunction parsePxLength(value: string): number | null {\n  const match = value.trim().match(/^(\\d+(?:\\.\\d+)?)(px)?$/);\n  if (!match) return null;\n  if (match[2] === undefined && Number(match[1]) !== 0) return null;\n  return Number(match[1]);\n}\n\n/**\n * Widest interval first, equal widths by lower bound ascending, null last.\n *\n * I.e. `{ lo: 600, hi: Infinity }` (width Infinity) → `{ lo: 0, hi: 1150 }` (width 1150)\n * → `{ lo: 600, hi: 959 }` (width 359) → null.\n */\nfunction compareWidthIntervals(a: WidthInterval | null, b: WidthInterval | null): number {\n  if (a === null || b === null) {\n    return (a === null ? 1 : 0) - (b === null ? 1 : 0);\n  }\n  const widthA = a.hi - a.lo;\n  const widthB = b.hi - b.lo;\n  if (widthA !== widthB) return widthA > widthB ? -1 : 1;\n  return a.lo - b.lo;\n}\n","import { compareClassNames, compareRuleSortKeys, ruleSortKey, type RuleSortKey } from \"./css-order\";\nimport type { TestCssPayload } from \"./test-css\";\n\ninterface InstalledRule {\n  id: string;\n  cssText: string;\n  /** Prelude, atomic rules, at-rule definitions (@property / @keyframes), then arbitrary CSS. */\n  section: 0 | 1 | 2 | 3;\n  key: RuleSortKey | null;\n  order: number;\n  source: string;\n  position: number;\n}\n\ninterface InjectionState {\n  sheet: CSSStyleSheet;\n  rules: InstalledRule[];\n  byId: Map<string, InstalledRule>;\n}\n\ntype TrussStyleElement = HTMLStyleElement & { __trussCssState__?: InjectionState };\nlet trussStyleElement: TrussStyleElement | null = null;\n\n/**\n * Register structured module or library CSS in the document's ordered test stylesheet.\n *\n * Atomic rules are deduplicated by class and inserted with the production\n * comparator, regardless of module execution order. Library definitions take precedence\n * over application definitions of the same class. Arbitrary blocks stay after atomics,\n * in library order followed by canonical application source path order. The plugin supplies\n * rule identities, query metadata, spacing, and complete top-level arbitrary rules. The\n * runtime does not parse annotations, split CSS blocks, or serialize payloads for dedupe.\n *\n * Rules live until the document is discarded, not until a component unmounts. Repeated\n * imports reuse state on the style element. This is not HMR: within one source rank,\n * the first definition wins and omitted rules are not removed. Browser dev HMR replaces\n * its separate virtual stylesheet; useRuntimeStyle owns transient sheets after this one.\n *\n * Only new or replaced rules are parsed by CSSOM. I.e. a late priority-1000 shorthand\n * is inserted before an existing priority-4000 longhand without reparsing that longhand.\n */\nexport function __injectTrussCSS(payload: TestCssPayload): void {\n  if (\n    typeof document === \"undefined\" ||\n    (!payload.rules?.length &&\n      !payload.properties?.length &&\n      !payload.keyframes?.length &&\n      !payload.arbitraryRules?.length &&\n      !payload.prelude)\n  )\n    return;\n  if (payload.arbitraryRules?.length && !payload.source) {\n    throw new Error(\"Truss arbitrary CSS requires a source identity.\");\n  }\n  const style = getOrCreateTrussStyleElement();\n  const sheet = style.sheet;\n  if (!sheet) throw new Error(\"Truss could not create its test stylesheet.\");\n  // A removed and reattached style element has a new CSSOM sheet, even in the same document.\n  if (style.__trussCssState__?.sheet !== sheet) {\n    style.__trussCssState__ = { sheet, rules: [], byId: new Map() };\n  }\n  const state = style.__trussCssState__!;\n  const base = {\n    order: payload.order ?? 1,\n    source: payload.source ?? \"\",\n    position: 0,\n    key: null,\n  };\n  let changed = false;\n  try {\n    if (payload.prelude) {\n      changed = installRule(state, { ...base, id: \"prelude\", section: 0, cssText: payload.prelude }) || changed;\n    }\n    for (const rule of payload.rules ?? []) {\n      changed =\n        installRule(state, {\n          ...base,\n          id: `class:${rule.className}`,\n          section: 1,\n          cssText: rule.cssText,\n          key: ruleSortKey(rule.priority, rule.className, rule.atRule),\n        }) || changed;\n    }\n    for (const property of payload.properties ?? []) {\n      changed =\n        installRule(state, { ...base, id: `property:${property.varName}`, section: 2, cssText: property.cssText }) ||\n        changed;\n    }\n    for (const block of payload.keyframes ?? []) {\n      changed =\n        installRule(state, { ...base, id: `keyframes:${block.name}`, section: 2, cssText: block.cssText }) || changed;\n    }\n    for (const [position, cssText] of (payload.arbitraryRules ?? []).entries()) {\n      changed =\n        installRule(state, {\n          ...base,\n          id: `arbitrary:${payload.source}:${position}`,\n          section: 3,\n          position,\n          cssText,\n        }) || changed;\n    }\n  } finally {\n    // jsdom 29 does not invalidate computed styles after insertRule/deleteRule. An attribute\n    // mutation clears that cache without replacing the sheet or reparsing its previous rules.\n    if (changed) style.setAttribute(\"data-truss\", \"\");\n  }\n}\n\n/**\n * Insert a unique rule at its production sort position and report whether the sheet changed.\n * Lower source ranks can replace existing definitions. Unsupported declarations are registered\n * for dedupe without taking a CSSOM index; invalid atomic rules still throw and can be retried.\n */\nfunction installRule(state: InjectionState, rule: InstalledRule): boolean {\n  const previous = state.byId.get(rule.id);\n  if (previous && previous.order <= rule.order) return false;\n  let lo = 0;\n  let hi = state.rules.length;\n  while (lo < hi) {\n    const mid = (lo + hi) >>> 1;\n    if (compareInstalledRules(state.rules[mid], rule) <= 0) lo = mid + 1;\n    else hi = mid;\n  }\n  try {\n    state.sheet.insertRule(rule.cssText, lo);\n  } catch (error) {\n    // jsdom silently skips unsupported property/arbitrary at-rules in style text, but insertRule throws.\n    // Do not swallow errors for atomic rules or corrupt the installed-rule indexes.\n    if (\n      rule.section >= 2 &&\n      typeof error === \"object\" &&\n      error !== null &&\n      \"name\" in error &&\n      error.name === \"SyntaxError\"\n    ) {\n      // Do not replace an installed definition with one the browser cannot parse.\n      if (!previous || !state.rules.includes(previous)) state.byId.set(rule.id, rule);\n      return false;\n    }\n    throw error;\n  }\n  state.rules.splice(lo, 0, rule);\n  state.byId.set(rule.id, rule);\n  if (previous) {\n    const oldIndex = state.rules.indexOf(previous);\n    if (oldIndex !== -1) {\n      state.sheet.deleteRule(oldIndex);\n      state.rules.splice(oldIndex, 1);\n    }\n  }\n  return true;\n}\n\n/** Use the production atomic comparator and preserve source order within opaque blocks. */\nfunction compareInstalledRules(a: InstalledRule, b: InstalledRule): number {\n  if (a.section !== b.section) return a.section - b.section;\n  if (a.key && b.key) return compareRuleSortKeys(a.key, b.key);\n  return a.order - b.order || compareClassNames(a.source, b.source) || a.position - b.position;\n}\n\n/** Keep one static sheet before transient runtime styles, and recover after document replacement. */\nexport function getOrCreateTrussStyleElement(): TrussStyleElement {\n  if (trussStyleElement?.ownerDocument === document && trussStyleElement.isConnected) return trussStyleElement;\n  const style = document.querySelector<TrussStyleElement>(\"style[data-truss]\") ?? document.createElement(\"style\");\n  if (!style.isConnected) {\n    style.setAttribute(\"data-truss\", \"\");\n    document.head.insertBefore(style, document.head.querySelector(\"style[data-truss-runtime-style]\"));\n  }\n  trussStyleElement = style;\n  return style;\n}\n","/** Metadata key that carries a marker class through Truss style hashes. */\nexport const TRUSS_MARKER_KEY = \"__marker\";\n\n/** Prefix for style-hash entries that append raw class names at runtime. */\nexport const TRUSS_CUSTOM_CLASS_PREFIX = \"className_\";\n\n/** Prefix for style-hash entries that append raw inline styles at runtime. */\nexport const TRUSS_INLINE_STYLE_PREFIX = \"style_\";\n\n/** Generated Css expressions include this brand marker in runtime-only paths. */\nexport const TRUSS_CSS_MARKER_KEY = \"$css\";\n","/** Return the complementary query used by `Css.*.else` media branches. */\nexport function invertMediaQuery(query: string): string {\n  const screenPrefix = \"@media screen and \";\n  if (query.startsWith(screenPrefix)) {\n    const conditions = query.slice(screenPrefix.length).trim();\n    const rangeMatch = conditions.match(/^\\(min-width: (\\d+)px\\) and \\(max-width: (\\d+)px\\)$/);\n    if (rangeMatch) {\n      const min = Number(rangeMatch[1]);\n      const max = Number(rangeMatch[2]);\n      return `@media screen and (max-width: ${min - 1}px), screen and (min-width: ${max + 1}px)`;\n    }\n    const minMatch = conditions.match(/^\\(min-width: (\\d+)px\\)$/);\n    if (minMatch) {\n      return `@media screen and (max-width: ${Number(minMatch[1]) - 1}px)`;\n    }\n    const maxMatch = conditions.match(/^\\(max-width: (\\d+)px\\)$/);\n    if (maxMatch) {\n      return `@media screen and (min-width: ${Number(maxMatch[1]) + 1}px)`;\n    }\n  }\n  return query.replace(\"@media\", \"@media not\");\n}\n","/**\n * Utilities for CSS custom properties (`--token`) in Truss style values.\n */\n\n/**\n * If `value` is a custom property name (`--token`), wrap as `var(--token)` for use as a property value.\n * Passes through values that are not custom-property names (including existing `var(...)`).\n */\nexport function maybeCssVar<T>(value: T): T {\n  if (typeof value !== \"string\") return value;\n  if (value.startsWith(\"--\")) return `var(${value})` as T;\n  return value;\n}\n\n/** True when a runtime variable tuple value may be a `--token` name (not a Px `` `${n}px` `` path). */\nexport function variableValueNeedsMaybeCssVar(opts: { appendPx?: boolean }): boolean {\n  return !opts.appendPx;\n}\n\n/** True when a resolved argument value is a CSS custom property name (`--token`). */\nexport function isCustomPropertyName(value: string): boolean {\n  return value.startsWith(\"--\");\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/truss",
-  "version": "2.29.13",
+  "version": "2.30.0",
   "type": "module",
   "main": "build/index.js",
   "bin": "cli.js",

package/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["./src/breakpoints.test.ts","./src/breakpoints.ts","./src/config.ts","./src/css-custom-property.test.ts","./src/css-custom-property.ts","./src/css-order.ts","./src/generate.test.ts","./src/generate.ts","./src/index.ts","./src/media-query.ts","./src/methods.test.ts","./src/methods.ts","./src/pseudo-selectors.ts","./src/runtime-css.ts","./src/runtime.test.ts","./src/runtime.ts","./src/spacing-css-var.test.ts","./src/spacing-css-var.ts","./src/style-metadata.ts","./src/test-css.ts","./src/testUtils.ts","./src/toHaveStyle.test.ts","./src/toHaveStyle.ts","./src/truss-css.ts","./src/utils.ts","./src/vitest.ts","./src/plugin/ast-utils.ts","./src/plugin/babel-utils.ts","./src/plugin/chain-nodes.ts","./src/plugin/condition-context.ts","./src/plugin/container-query.ts","./src/plugin/css-property-abbreviations.ts","./src/plugin/css-ts-utils.ts","./src/plugin/diagnostic.ts","./src/plugin/emit-css.test.ts","./src/plugin/emit-css.ts","./src/plugin/emit-style-hash.ts","./src/plugin/esbuild-plugin.test.ts","./src/plugin/esbuild-plugin.ts","./src/plugin/index.test.ts","./src/plugin/index.ts","./src/plugin/mapping-utils.ts","./src/plugin/merge-css.test.ts","./src/plugin/merge-css.ts","./src/plugin/priority.ts","./src/plugin/property-priorities.ts","./src/plugin/resolve-calls.ts","./src/plugin/resolve-chain.ts","./src/plugin/resolve-entry.ts","./src/plugin/resolve-literals.ts","./src/plugin/resolve-setvar.ts","./src/plugin/resolve-typography.ts","./src/plugin/resolve-when.ts","./src/plugin/rewrite-css-ts-imports.ts","./src/plugin/rewrite-sites.ts","./src/plugin/style-entries.ts","./src/plugin/test-css.test.ts","./src/plugin/test-css.ts","./src/plugin/transform-css.test.ts","./src/plugin/transform-css.ts","./src/plugin/transform-session.ts","./src/plugin/transform.test.ts","./src/plugin/transform.ts","./src/plugin/truss-css.test.ts","./src/plugin/truss-css.ts","./src/plugin/types.ts","./src/plugin/unknown-abbreviation.ts","./src/plugin/when-relationships.ts","./src/sections/tachyons/animation.ts","./src/sections/tachyons/border.ts","./src/sections/tachyons/borderColors.ts","./src/sections/tachyons/borderRadius.ts","./src/sections/tachyons/borderStyles.ts","./src/sections/tachyons/borderWidths.ts","./src/sections/tachyons/boxShadow.ts","./src/sections/tachyons/container.ts","./src/sections/tachyons/coordinates.ts","./src/sections/tachyons/cursor.ts","./src/sections/tachyons/display.ts","./src/sections/tachyons/flexbox.ts","./src/sections/tachyons/floats.ts","./src/sections/tachyons/fontStyle.ts","./src/sections/tachyons/fontWeight.ts","./src/sections/tachyons/grid.ts","./src/sections/tachyons/heights.ts","./src/sections/tachyons/index.ts","./src/sections/tachyons/lineClamp.ts","./src/sections/tachyons/objectFit.ts","./src/sections/tachyons/opacity.ts","./src/sections/tachyons/outlines.ts","./src/sections/tachyons/overflow.ts","./src/sections/tachyons/position.ts","./src/sections/tachyons/scrollSnap.ts","./src/sections/tachyons/scrollbarWidth.ts","./src/sections/tachyons/skins.ts","./src/sections/tachyons/spacing.ts","./src/sections/tachyons/textAlign.ts","./src/sections/tachyons/textDecoration.ts","./src/sections/tachyons/textTransform.ts","./src/sections/tachyons/transform.ts","./src/sections/tachyons/transition.ts","./src/sections/tachyons/typeScale.ts","./src/sections/tachyons/typography.ts","./src/sections/tachyons/userSelect.ts","./src/sections/tachyons/verticalAlign.ts","./src/sections/tachyons/visibility.ts","./src/sections/tachyons/whitespace.ts","./src/sections/tachyons/widths.ts","./src/sections/tachyons/wordBreak.ts","./src/sections/tachyons/zIndex.ts","./src/sections/tachyons-rn/index.ts","./src/sections/tachyons-rn/spacing.ts"],"version":"6.0.3"}
+{"root":["./src/at-rules.ts","./src/breakpoints.test.ts","./src/breakpoints.ts","./src/config.ts","./src/css-custom-property.test.ts","./src/css-custom-property.ts","./src/css-order.ts","./src/generate.test.ts","./src/generate.ts","./src/index.ts","./src/media-query.ts","./src/methods.test.ts","./src/methods.ts","./src/pseudo-selectors.ts","./src/runtime-css.ts","./src/runtime.test.ts","./src/runtime.ts","./src/spacing-css-var.test.ts","./src/spacing-css-var.ts","./src/style-metadata.ts","./src/test-css.ts","./src/testUtils.ts","./src/toHaveStyle.test.ts","./src/toHaveStyle.ts","./src/truss-css.ts","./src/utils.ts","./src/vitest.ts","./src/plugin/ast-utils.ts","./src/plugin/at-rule-refs.ts","./src/plugin/babel-utils.ts","./src/plugin/chain-nodes.ts","./src/plugin/condition-context.ts","./src/plugin/container-query.ts","./src/plugin/css-property-abbreviations.ts","./src/plugin/css-ts-utils.ts","./src/plugin/diagnostic.ts","./src/plugin/emit-css.test.ts","./src/plugin/emit-css.ts","./src/plugin/emit-style-hash.ts","./src/plugin/esbuild-plugin.test.ts","./src/plugin/esbuild-plugin.ts","./src/plugin/index.test.ts","./src/plugin/index.ts","./src/plugin/keyframe-names.ts","./src/plugin/mapping-utils.ts","./src/plugin/merge-css.test.ts","./src/plugin/merge-css.ts","./src/plugin/priority.ts","./src/plugin/property-priorities.ts","./src/plugin/resolve-calls.ts","./src/plugin/resolve-chain.ts","./src/plugin/resolve-entry.ts","./src/plugin/resolve-literals.ts","./src/plugin/resolve-setvar.ts","./src/plugin/resolve-typography.ts","./src/plugin/resolve-when.ts","./src/plugin/rewrite-css-ts-imports.ts","./src/plugin/rewrite-sites.ts","./src/plugin/style-entries.ts","./src/plugin/test-css.test.ts","./src/plugin/test-css.ts","./src/plugin/transform-css.test.ts","./src/plugin/transform-css.ts","./src/plugin/transform-session.ts","./src/plugin/transform.test.ts","./src/plugin/transform.ts","./src/plugin/truss-css.test.ts","./src/plugin/truss-css.ts","./src/plugin/types.ts","./src/plugin/unknown-abbreviation.ts","./src/plugin/when-relationships.ts","./src/sections/tachyons/animation.ts","./src/sections/tachyons/border.ts","./src/sections/tachyons/borderColors.ts","./src/sections/tachyons/borderRadius.ts","./src/sections/tachyons/borderStyles.ts","./src/sections/tachyons/borderWidths.ts","./src/sections/tachyons/boxShadow.ts","./src/sections/tachyons/container.ts","./src/sections/tachyons/coordinates.ts","./src/sections/tachyons/cursor.ts","./src/sections/tachyons/display.ts","./src/sections/tachyons/flexbox.ts","./src/sections/tachyons/floats.ts","./src/sections/tachyons/fontStyle.ts","./src/sections/tachyons/fontWeight.ts","./src/sections/tachyons/grid.ts","./src/sections/tachyons/heights.ts","./src/sections/tachyons/index.ts","./src/sections/tachyons/lineClamp.ts","./src/sections/tachyons/objectFit.ts","./src/sections/tachyons/opacity.ts","./src/sections/tachyons/outlines.ts","./src/sections/tachyons/overflow.ts","./src/sections/tachyons/position.ts","./src/sections/tachyons/scrollSnap.ts","./src/sections/tachyons/scrollbarWidth.ts","./src/sections/tachyons/skins.ts","./src/sections/tachyons/spacing.ts","./src/sections/tachyons/textAlign.ts","./src/sections/tachyons/textDecoration.ts","./src/sections/tachyons/textTransform.ts","./src/sections/tachyons/transform.ts","./src/sections/tachyons/transition.ts","./src/sections/tachyons/typeScale.ts","./src/sections/tachyons/typography.ts","./src/sections/tachyons/userSelect.ts","./src/sections/tachyons/verticalAlign.ts","./src/sections/tachyons/visibility.ts","./src/sections/tachyons/whitespace.ts","./src/sections/tachyons/widths.ts","./src/sections/tachyons/wordBreak.ts","./src/sections/tachyons/zIndex.ts","./src/sections/tachyons-rn/index.ts","./src/sections/tachyons-rn/spacing.ts"],"version":"6.0.3"}