@homebound/truss 2.21.5 → 2.22.0

package/build/runtime.d.ts

@@ -1,3 +1,6 @@
+/** Return the complementary query used by `Css.*.else` media branches. */
+declare function invertMediaQuery(query: string): string;
+
 /** A compact source label for a Truss CSS expression, used in debug mode. */
 declare class TrussDebugInfo {
     /** I.e. `"FileName.tsx:line"` */
@@ -92,4 +95,4 @@ declare function RuntimeStyle(props: RuntimeStyleProps): null;
  */
 declare function useRuntimeStyle(css: RuntimeStyleCss): void;
 
-export { RuntimeStyle, type RuntimeStyleCss, type RuntimeStyleDeclarationValue, type RuntimeStyleDeclarations, type RuntimeStyleProps, type TrussCustomClassNameValue, TrussDebugInfo, type TrussInlineStyleValue, type TrussStyleHash, type TrussStyleValue, __injectTrussCSS, mergeProps, trussProps, useRuntimeStyle };
+export { RuntimeStyle, type RuntimeStyleCss, type RuntimeStyleDeclarationValue, type RuntimeStyleDeclarations, type RuntimeStyleProps, type TrussCustomClassNameValue, TrussDebugInfo, type TrussInlineStyleValue, type TrussStyleHash, type TrussStyleValue, __injectTrussCSS, invertMediaQuery as __invertTrussMediaQuery, mergeProps, trussProps, useRuntimeStyle };

package/build/runtime.js

@@ -1,5 +1,36 @@
 // src/runtime.ts
 import { useInsertionEffect } from "react";
+
+// src/style-metadata.ts
+var TRUSS_MARKER_KEY = "__marker";
+var TRUSS_CUSTOM_CLASS_PREFIX = "className_";
+var TRUSS_INLINE_STYLE_PREFIX = "style_";
+var TRUSS_CSS_MARKER_KEY = "$css";
+
+// src/media-query.ts
+function invertMediaQuery(query) {
+  const screenPrefix = "@media screen and ";
+  if (query.startsWith(screenPrefix)) {
+    const conditions = query.slice(screenPrefix.length).trim();
+    const rangeMatch = conditions.match(/^\(min-width: (\d+)px\) and \(max-width: (\d+)px\)$/);
+    if (rangeMatch) {
+      const min = Number(rangeMatch[1]);
+      const max = Number(rangeMatch[2]);
+      return `@media screen and (max-width: ${min - 1}px), screen and (min-width: ${max + 1}px)`;
+    }
+    const minMatch = conditions.match(/^\(min-width: (\d+)px\)$/);
+    if (minMatch) {
+      return `@media screen and (max-width: ${Number(minMatch[1]) - 1}px)`;
+    }
+    const maxMatch = conditions.match(/^\(max-width: (\d+)px\)$/);
+    if (maxMatch) {
+      return `@media screen and (min-width: ${Number(maxMatch[1]) + 1}px)`;
+    }
+  }
+  return query.replace("@media", "@media not");
+}
+
+// src/runtime.ts
 var TrussDebugInfo = class {
   /** I.e. `"FileName.tsx:line"` */
   src;
@@ -21,18 +52,18 @@ function trussProps(...hashes) {
   const inlineStyle = {};
   const debugSources = [];
   for (const [key, value] of Object.entries(merged)) {
-    if (key === "$css") continue;
-    if (key === "__marker") {
+    if (key === TRUSS_CSS_MARKER_KEY) continue;
+    if (key === TRUSS_MARKER_KEY) {
       if (typeof value === "string") {
         classNames.push(value);
       }
       continue;
     }
-    if (key.startsWith("className_")) {
+    if (key.startsWith(TRUSS_CUSTOM_CLASS_PREFIX)) {
       appendCustomClassNames(classNames, value);
       continue;
     }
-    if (key.startsWith("style_")) {
+    if (key.startsWith(TRUSS_INLINE_STYLE_PREFIX)) {
       appendInlineStyles(inlineStyle, value);
       continue;
     }
@@ -146,7 +177,7 @@ ${body}
 function formatRuntimeStyleRule(selector, declarations) {
   const lines = [];
   for (const [property, value] of Object.entries(declarations)) {
-    if (property === "$css") continue;
+    if (property === TRUSS_CSS_MARKER_KEY) continue;
     if (value === void 0 || value === null) continue;
     if (typeof value !== "string" && typeof value !== "number") {
       throw new Error(runtimeStyleUnsupportedValueMessage(selector, property));
@@ -216,6 +247,7 @@ export {
   RuntimeStyle,
   TrussDebugInfo,
   __injectTrussCSS,
+  invertMediaQuery as __invertTrussMediaQuery,
   mergeProps,
   trussProps,
   useRuntimeStyle

package/build/runtime.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/runtime.ts"],"sourcesContent":["import { useInsertionEffect } from \"react\";\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();\nconst TRUSS_CSS_CHUNKS = \"__trussCssChunks__\";\nlet trussStyleElement: TrussStyleElement | null = null;\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 === \"$css\") continue;\n\n    // __marker is a special key — its value is a marker class name, not a CSS property\n    if (key === \"__marker\") {\n      if (typeof value === \"string\") {\n        classNames.push(value);\n      }\n      continue;\n    }\n\n    if (key.startsWith(\"className_\")) {\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(\"style_\")) {\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\n/**\n * Inject CSS text into the document for jsdom/test environments.\n *\n * In browser dev mode, CSS is served via the Vite virtual endpoint instead.\n */\nexport function __injectTrussCSS(cssText: string): void {\n  if (typeof document === \"undefined\" || cssText.length === 0) return;\n\n  const style = getOrCreateTrussStyleElement();\n\n  // Track exact injected chunks on the style node so repeated execution of the\n  // test bootstrap or transformed modules does not append duplicate CSS text.\n  const injectedChunks = (style[TRUSS_CSS_CHUNKS] ??= new Set<string>());\n  if (injectedChunks.has(cssText) || style.textContent?.includes(cssText)) {\n    injectedChunks.add(cssText);\n    return;\n  }\n\n  injectedChunks.add(cssText);\n  style.textContent = (style.textContent ?? \"\") + cssText;\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    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 === \"$css\") 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\nfunction getOrCreateTrussStyleElement(): TrussStyleElement {\n  const id = \"data-truss\";\n  if (trussStyleElement?.ownerDocument === document && trussStyleElement.isConnected) {\n    return trussStyleElement;\n  }\n\n  const style = (document.querySelector(`style[${id}]`) as TrussStyleElement | null) ?? document.createElement(\"style\");\n  if (!style.isConnected) {\n    style.setAttribute(id, \"\");\n    document.head.appendChild(style);\n  }\n  trussStyleElement = style;\n  return trussStyleElement;\n}\n\ntype TrussStyleElement = HTMLStyleElement & {\n  [TRUSS_CSS_CHUNKS]?: Set<string>;\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/runtime.ts","../src/style-metadata.ts","../src/media-query.ts"],"sourcesContent":["import { useInsertionEffect } from \"react\";\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\";\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();\nconst TRUSS_CSS_CHUNKS = \"__trussCssChunks__\";\nlet trussStyleElement: TrussStyleElement | null = null;\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\n/**\n * Inject CSS text into the document for jsdom/test environments.\n *\n * In browser dev mode, CSS is served via the Vite virtual endpoint instead.\n */\nexport function __injectTrussCSS(cssText: string): void {\n  if (typeof document === \"undefined\" || cssText.length === 0) return;\n\n  const style = getOrCreateTrussStyleElement();\n\n  // Track exact injected chunks on the style node so repeated execution of the\n  // test bootstrap or transformed modules does not append duplicate CSS text.\n  const injectedChunks = (style[TRUSS_CSS_CHUNKS] ??= new Set<string>());\n  if (injectedChunks.has(cssText) || style.textContent?.includes(cssText)) {\n    injectedChunks.add(cssText);\n    return;\n  }\n\n  injectedChunks.add(cssText);\n  style.textContent = (style.textContent ?? \"\") + cssText;\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    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\nfunction getOrCreateTrussStyleElement(): TrussStyleElement {\n  const id = \"data-truss\";\n  if (trussStyleElement?.ownerDocument === document && trussStyleElement.isConnected) {\n    return trussStyleElement;\n  }\n\n  const style = (document.querySelector(`style[${id}]`) as TrussStyleElement | null) ?? document.createElement(\"style\");\n  if (!style.isConnected) {\n    style.setAttribute(id, \"\");\n    document.head.appendChild(style);\n  }\n  trussStyleElement = style;\n  return trussStyleElement;\n}\n\ntype TrussStyleElement = HTMLStyleElement & {\n  [TRUSS_CSS_CHUNKS]?: Set<string>;\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"],"mappings":"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","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/truss",
-  "version": "2.21.5",
+  "version": "2.22.0",
   "type": "module",
   "main": "build/index.js",
   "bin": "cli.js",
@@ -32,8 +32,8 @@
   },
   "license": "ISC",
   "dependencies": {
-    "@babel/generator": "^7.29.0",
-    "@babel/parser": "^7.29.0",
+    "@babel/generator": "^7.29.1",
+    "@babel/parser": "^7.29.2",
     "@babel/traverse": "^7.29.0",
     "@babel/types": "^7.29.0",
     "change-case": "^5.4.4",
@@ -48,11 +48,11 @@
     "@homebound/tsconfig": "^1.1.1",
     "@types/babel__generator": "^7.27.0",
     "@types/babel__traverse": "^7.28.0",
-    "@types/node": "^25.5.0",
+    "@types/node": "^25.5.2",
     "@types/react": "^19.2.14",
-    "react": "^19.2.4",
+    "react": "^19.2.5",
     "tsup": "^8.5.1",
-    "typescript": "^5.9.3",
-    "vitest": "^4.1.0"
+    "typescript": "^6.0.3",
+    "vitest": "^4.1.5"
   }
 }

package/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["./src/breakpoints.test.ts","./src/breakpoints.ts","./src/config.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.test.ts","./src/runtime.ts","./src/style-metadata.ts","./src/testUtils.ts","./src/toHaveStyle.test.ts","./src/toHaveStyle.ts","./src/utils.ts","./src/vitest.ts","./src/plugin/ast-utils.ts","./src/plugin/babel-utils.ts","./src/plugin/css-property-abbreviations.ts","./src/plugin/css-ts-utils.ts","./src/plugin/emit-truss.test.ts","./src/plugin/emit-truss.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-chain.ts","./src/plugin/rewrite-css-ts-imports.ts","./src/plugin/rewrite-sites.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/types.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/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/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/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"}

package/tsup.config.ts

@@ -8,7 +8,11 @@ export default defineConfig({
     vitest: "src/vitest.ts",
   },
   format: ["esm"],
-  dts: true,
+  dts: {
+    compilerOptions: {
+      ignoreDeprecations: "6.0",
+    },
+  },
   splitting: false,
   sourcemap: true,
   outDir: "build",