@csszyx/compiler 0.9.9 → 0.10.0

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import { SzObject } from './transform-core.mjs';
-export { BOOLEAN_SHORTHANDS, KNOWN_VARIANTS, PROPERTY_MAP, SPECIAL_VARIANTS, SUGGESTION_MAP, SzValue, isValidSzProp, normalizeClassName, transform } from './transform-core.mjs';
+export { BOOLEAN_SHORTHANDS, KNOWN_VARIANTS, PROPERTY_MAP, REMOVED_BOOLEAN_SUGAR, SPECIAL_VARIANTS, SUGGESTION_MAP, SzValue, isValidSzProp, normalizeClassName, transform } from './transform-core.mjs';
 import * as t from '@babel/types';
 
 /**
@@ -12772,34 +12772,13 @@ interface LayoutProps {
     box?: 'border' | 'content';
     /** @see https://tailwindcss.com/docs/display */
     display?: 'block' | 'inline-block' | 'inline' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'contents' | 'table' | 'inline-table' | 'table-caption' | 'table-cell' | 'table-column' | 'table-column-group' | 'table-footer-group' | 'table-header-group' | 'table-row-group' | 'table-row' | 'flow-root' | 'list-item' | 'none';
-    /** Boolean sugar for display: block */
-    block?: boolean;
-    /** Boolean sugar for display: inline-block */
-    inlineBlock?: boolean;
-    /** Boolean sugar for display: inline */
-    inline?: boolean;
-    /** Boolean sugar for display: flex */
-    flex?: boolean | 'auto' | 'initial' | 'none' | 1 | (string & {});
-    /** Boolean sugar for display: inline-flex */
-    inlineFlex?: boolean;
-    /** Boolean sugar for display: grid */
-    grid?: boolean;
-    /** Boolean sugar for display: inline-grid */
-    inlineGrid?: boolean;
-    /** Boolean sugar for display: table */
-    table?: boolean;
-    /** Boolean sugar for display: table-row */
-    tableRow?: boolean;
-    /** Boolean sugar for display: table-cell */
-    tableCell?: boolean;
-    /** Boolean sugar for display: flow-root */
-    flowRoot?: boolean;
-    /** Boolean sugar for display: list-item */
-    listItem?: boolean;
-    /** Boolean sugar for display: contents */
-    contents?: boolean;
-    /** Boolean sugar for display: hidden/none */
-    hidden?: boolean;
+    /**
+     * Flex shorthand (flex-grow/shrink/basis). `flex: 1` → flex-1,
+     * `flex: 'auto'` → flex-auto. This is NOT the removed `display: flex` sugar —
+     * for display use `display: 'flex'`.
+     * @see https://tailwindcss.com/docs/flex
+     */
+    flex?: 'auto' | 'initial' | 'none' | number | (string & {});
     /** Boolean sugar for sr-only */
     srOnly?: boolean;
     /** Boolean sugar for not-sr-only */
@@ -12816,7 +12795,6 @@ interface LayoutProps {
     clear?: 'left' | 'right' | 'both' | 'none' | 'start' | 'end';
     /** @see https://tailwindcss.com/docs/isolation */
     isolation?: 'isolate' | 'auto';
-    isolate?: boolean;
     /** @see https://tailwindcss.com/docs/object-fit */
     objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
     /** @see https://tailwindcss.com/docs/object-position */
@@ -12831,11 +12809,6 @@ interface LayoutProps {
     overscrollY?: 'auto' | 'contain' | 'none';
     /** @see https://tailwindcss.com/docs/position */
     position?: 'static' | 'fixed' | 'absolute' | 'relative' | 'sticky';
-    static?: boolean;
-    fixed?: boolean;
-    absolute?: boolean;
-    relative?: boolean;
-    sticky?: boolean;
     /** @see https://tailwindcss.com/docs/top-right-bottom-left */
     inset?: SpacingValue;
     insetX?: SpacingValue;
@@ -12856,9 +12829,6 @@ interface LayoutProps {
     insetBe?: SpacingValue;
     /** @see https://tailwindcss.com/docs/visibility */
     visibility?: 'visible' | 'hidden' | 'collapse';
-    visible?: boolean;
-    invisible?: boolean;
-    collapse?: boolean;
     /** @see https://tailwindcss.com/docs/z-index */
     z?: 'auto' | 0 | 10 | 20 | 30 | 40 | 50 | number | (string & {});
 }
@@ -13015,14 +12985,20 @@ interface SizingProps {
 interface TypographyProps {
     /** @see https://tailwindcss.com/docs/font-size — use `color` for text color, `textAlign` for alignment */
     text?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl' | (string & {});
-    /** @see https://tailwindcss.com/docs/font-smoothing */
-    antialiased?: boolean;
-    subpixelAntialiased?: boolean;
-    /** @see https://tailwindcss.com/docs/font-style */
-    italic?: boolean;
-    notItalic?: boolean;
+    /**
+     * Font smoothing. `'grayscale'` → antialiased, `'subpixel'` → subpixel-antialiased.
+     * The values name the rendering technique. (Distinct from the `grayscale` filter.)
+     * @see https://tailwindcss.com/docs/font-smoothing
+     */
+    fontSmoothing?: 'grayscale' | 'subpixel';
+    /**
+     * Font style. `'italic'` → italic, `'normal'` → not-italic. Tailwind models
+     * only these two; for oblique use `css: { fontStyle: 'oblique 10deg' }`.
+     * @see https://tailwindcss.com/docs/font-style
+     */
+    fontStyle?: 'italic' | 'normal';
     /** @see https://tailwindcss.com/docs/font-weight */
-    fontWeight?: 'thin' | 'extralight' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black' | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | (string & {});
+    weight?: 'thin' | 'extralight' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black' | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | (string & {});
     /** Explicit font-family key. Use `font` for the short form */
     fontFamily?: 'sans' | 'serif' | 'mono' | CT_Fonts | (string & {});
     /** @see https://tailwindcss.com/docs/font-stretch */
@@ -13052,12 +13028,12 @@ interface TypographyProps {
     textAlign?: 'left' | 'center' | 'right' | 'justify' | 'start' | 'end';
     /** @see https://tailwindcss.com/docs/text-color */
     color?: ColorPropValue;
-    /** @see https://tailwindcss.com/docs/text-decoration */
-    underline?: boolean;
-    overline?: boolean;
-    lineThrough?: boolean;
-    noUnderline?: boolean;
-    /** String-keyed text-decoration prop for arbitrary values */
+    /**
+     * Text decoration line. `'underline'`, `'overline'`, `'line-through'`,
+     * `'none'` (→ no-underline). Decoration color/style/thickness are separate
+     * keys (decorationColor/decorationStyle/decorationThickness).
+     * @see https://tailwindcss.com/docs/text-decoration-line
+     */
     decoration?: 'underline' | 'overline' | 'line-through' | 'none' | (string & {});
     /** @see https://tailwindcss.com/docs/text-decoration-color */
     decorationColor?: ColorPropValue;
@@ -13067,11 +13043,12 @@ interface TypographyProps {
     decorationThickness?: 'auto' | 'from-font' | 0 | 1 | 2 | 4 | 8 | (string & {});
     /** @see https://tailwindcss.com/docs/text-underline-offset */
     underlineOffset?: 'auto' | 0 | 1 | 2 | 4 | 8 | (string & {});
-    /** @see https://tailwindcss.com/docs/text-transform */
-    uppercase?: boolean;
-    lowercase?: boolean;
-    capitalize?: boolean;
-    normalCase?: boolean;
+    /**
+     * Text transform. `'uppercase'`, `'lowercase'`, `'capitalize'`,
+     * `'none'` (→ normal-case).
+     * @see https://tailwindcss.com/docs/text-transform
+     */
+    textTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
     /** @see https://tailwindcss.com/docs/text-overflow */
     truncate?: boolean;
     textEllipsis?: boolean;
@@ -13437,6 +13414,10 @@ interface MaskProps {
     maskRepeat?: 'repeat' | 'no-repeat' | 'repeat-x' | 'repeat-y' | 'round' | 'space';
     /** CSS mask-type (shape-rendering) */
     maskShape?: 'alpha' | 'luminance';
+    /** CSS mask-clip */
+    maskClip?: 'border' | 'content' | 'fill' | 'padding' | 'stroke' | 'view' | (string & {});
+    /** CSS mask-origin */
+    maskOrigin?: 'border' | 'content' | 'fill' | 'padding' | 'stroke' | 'view' | (string & {});
     /** Mask gradient from color stop (v4.1) */
     maskFrom?: ColorPropValue;
     /** Mask gradient via color stop (v4.1) */
@@ -13449,86 +13430,99 @@ interface MaskProps {
  * These allow nesting SzProps for conditional styling.
  */
 interface VariantModifiers {
-    hover?: SzPropsBase;
-    focus?: SzPropsBase;
-    active?: SzPropsBase;
-    visited?: SzPropsBase;
-    target?: SzPropsBase;
-    first?: SzPropsBase;
-    last?: SzPropsBase;
-    only?: SzPropsBase;
-    odd?: SzPropsBase;
-    even?: SzPropsBase;
-    firstOfType?: SzPropsBase;
-    lastOfType?: SzPropsBase;
-    onlyOfType?: SzPropsBase;
-    empty?: SzPropsBase;
-    disabled?: SzPropsBase;
-    enabled?: SzPropsBase;
-    checked?: SzPropsBase;
-    indeterminate?: SzPropsBase;
-    default?: SzPropsBase;
-    required?: SzPropsBase;
-    valid?: SzPropsBase;
-    invalid?: SzPropsBase;
-    inRange?: SzPropsBase;
-    outOfRange?: SzPropsBase;
-    placeholderShown?: SzPropsBase;
-    autofill?: SzPropsBase;
-    readOnly?: SzPropsBase;
-    focusWithin?: SzPropsBase;
-    focusVisible?: SzPropsBase;
-    before?: SzPropsBase;
-    after?: SzPropsBase;
-    placeholder?: SzPropsBase;
-    file?: SzPropsBase;
-    marker?: SzPropsBase;
-    selection?: SzPropsBase;
-    firstLine?: SzPropsBase;
-    firstLetter?: SzPropsBase;
-    backdrop?: SzPropsBase;
-    sm?: SzPropsBase;
-    md?: SzPropsBase;
-    lg?: SzPropsBase;
-    xl?: SzPropsBase;
-    '2xl'?: SzPropsBase;
-    '@sm'?: SzPropsBase;
-    '@md'?: SzPropsBase;
-    '@lg'?: SzPropsBase;
-    '@xl'?: SzPropsBase;
-    '@2xl'?: SzPropsBase;
-    dark?: SzPropsBase;
-    light?: SzPropsBase;
-    motionReduce?: SzPropsBase;
-    motionSafe?: SzPropsBase;
-    contrastMore?: SzPropsBase;
-    contrastLess?: SzPropsBase;
-    pointerFine?: SzPropsBase;
-    pointerCoarse?: SzPropsBase;
-    pointerNone?: SzPropsBase;
-    anyPointerFine?: SzPropsBase;
-    anyPointerCoarse?: SzPropsBase;
-    anyPointerNone?: SzPropsBase;
-    userValid?: SzPropsBase;
-    userInvalid?: SzPropsBase;
-    detailsContent?: SzPropsBase;
-    invertedColors?: SzPropsBase;
-    noscript?: SzPropsBase;
-    forcedColors?: SzPropsBase;
-    print?: SzPropsBase;
-    starting?: SzPropsBase;
-    inert?: SzPropsBase;
-    portrait?: SzPropsBase;
-    landscape?: SzPropsBase;
-    rtl?: SzPropsBase;
-    ltr?: SzPropsBase;
-    group?: boolean | string | SzPropsBase;
-    peer?: boolean | string | SzPropsBase;
-    not?: SzPropsBase;
-    has?: Record<string, SzPropsBase>;
-    aria?: Record<string, SzPropsBase>;
-    data?: Record<string, SzPropsBase>;
-    supports?: Record<string, SzPropsBase>;
+    hover?: SzProps;
+    focus?: SzProps;
+    active?: SzProps;
+    visited?: SzProps;
+    target?: SzProps;
+    first?: SzProps;
+    last?: SzProps;
+    only?: SzProps;
+    odd?: SzProps;
+    even?: SzProps;
+    firstOfType?: SzProps;
+    lastOfType?: SzProps;
+    onlyOfType?: SzProps;
+    empty?: SzProps;
+    disabled?: SzProps;
+    enabled?: SzProps;
+    checked?: SzProps;
+    indeterminate?: SzProps;
+    default?: SzProps;
+    required?: SzProps;
+    valid?: SzProps;
+    invalid?: SzProps;
+    inRange?: SzProps;
+    outOfRange?: SzProps;
+    placeholderShown?: SzProps;
+    autofill?: SzProps;
+    readOnly?: SzProps;
+    focusWithin?: SzProps;
+    focusVisible?: SzProps;
+    before?: SzProps;
+    after?: SzProps;
+    placeholder?: SzProps;
+    file?: SzProps;
+    marker?: SzProps;
+    selection?: SzProps;
+    firstLine?: SzProps;
+    firstLetter?: SzProps;
+    backdrop?: SzProps;
+    sm?: SzProps;
+    md?: SzProps;
+    lg?: SzProps;
+    xl?: SzProps;
+    '2xl'?: SzProps;
+    '@sm'?: SzProps;
+    '@md'?: SzProps;
+    '@lg'?: SzProps;
+    '@xl'?: SzProps;
+    '@2xl'?: SzProps;
+    dark?: SzProps;
+    light?: SzProps;
+    motionReduce?: SzProps;
+    motionSafe?: SzProps;
+    contrastMore?: SzProps;
+    contrastLess?: SzProps;
+    pointerFine?: SzProps;
+    pointerCoarse?: SzProps;
+    pointerNone?: SzProps;
+    anyPointerFine?: SzProps;
+    anyPointerCoarse?: SzProps;
+    anyPointerNone?: SzProps;
+    userValid?: SzProps;
+    userInvalid?: SzProps;
+    detailsContent?: SzProps;
+    invertedColors?: SzProps;
+    noscript?: SzProps;
+    forcedColors?: SzProps;
+    print?: SzProps;
+    starting?: SzProps;
+    inert?: SzProps;
+    portrait?: SzProps;
+    landscape?: SzProps;
+    rtl?: SzProps;
+    ltr?: SzProps;
+    group?: boolean | string | SzProps;
+    peer?: boolean | string | SzProps;
+    not?: SzProps;
+    has?: Record<string, SzProps>;
+    aria?: Record<string, SzProps>;
+    data?: Record<string, SzProps>;
+    supports?: Record<string, SzProps>;
+    [variant: `@${string}`]: SzProps | boolean | undefined;
+    [variant: `min-[${string}`]: SzProps | undefined;
+    [variant: `max-[${string}`]: SzProps | undefined;
+    [variant: `[${string}`]: SzProps | undefined;
+    [variant: `group-${string}`]: SzProps | undefined;
+    [variant: `peer-${string}`]: SzProps | undefined;
+    [variant: `has-${string}`]: SzProps | undefined;
+    [variant: `aria-${string}`]: SzProps | undefined;
+    [variant: `data-${string}`]: SzProps | undefined;
+    [variant: `not-${string}`]: SzProps | undefined;
+    [variant: `in-${string}`]: SzProps | undefined;
+    [variant: `nth-${string}`]: SzProps | undefined;
+    [variant: `supports-${string}`]: SzProps | undefined;
 }
 /**
  * Base sz props without variant modifiers (to prevent infinite recursion).
@@ -13549,8 +13543,6 @@ type SzPropsBase = LayoutProps & FlexboxGridProps & SpacingProps & SizingProps &
     css?: Properties & {
         [cssVar: `--${string}`]: string | number;
     };
-} & {
-    [key: string]: unknown;
 };
 /**
  * Complete sz prop type with all properties and variant modifiers.

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { init, version, transform_sz, encode } from '@csszyx/core';
-import { t as transform, C as COLOR_PROPERTIES, P as PROPERTY_MAP, g as getCSSVariableName, a as PropertyCategory, K as KNOWN_VARIANTS, b as getVariantPrefix, c as getPropertyCategory, s as stripInvalidColorStrings } from './shared/compiler.fR1gse9A.mjs';
-export { B as BOOLEAN_SHORTHANDS, d as PROPERTY_CATEGORY_MAP, S as SPECIAL_VARIANTS, e as SUGGESTION_MAP, i as isValidSzProp, n as normalizeClassName } from './shared/compiler.fR1gse9A.mjs';
+import { t as transform, C as COLOR_PROPERTIES, P as PROPERTY_MAP, g as getCSSVariableName, a as PropertyCategory, K as KNOWN_VARIANTS, b as getVariantPrefix, c as getPropertyCategory, s as stripInvalidColorStrings } from './shared/compiler.BUCRKtMU.mjs';
+export { B as BOOLEAN_SHORTHANDS, d as PROPERTY_CATEGORY_MAP, R as REMOVED_BOOLEAN_SUGAR, S as SPECIAL_VARIANTS, e as SUGGESTION_MAP, i as isValidSzProp, n as normalizeClassName } from './shared/compiler.BUCRKtMU.mjs';
 import { parseSync } from 'oxc-parser';
 import * as t from '@babel/types';
 import { createHash } from 'node:crypto';
@@ -582,6 +582,11 @@ function transformSourceCode(source, filename, options) {
                   `sz fallback at ${lineCol}: ${reason}.
   Suggestion: ${suggestion}`
                 );
+                if (t.isObjectExpression(expression) && expression.properties.some((prop) => t.isSpreadElement(prop))) {
+                  diagnostics.push(
+                    `[csszyx] unresolvable sz spread at ${lineCol}: sz={{ ...x }} cannot be resolved at build time and falls back to runtime; it may render no styles in production. Use array form: sz={[x, { ... }]}.`
+                  );
+                }
                 path.node.name.name = "className";
                 const szCall = t.callExpression(t.identifier("_sz"), [
                   expression
@@ -2658,6 +2663,14 @@ function transformOxc(source, filename, options) {
       if (runtimeFallbackExpr.type !== "ArrayExpression") {
         diagnostics.push(buildRuntimeFallbackDiagnostic(runtimeFallbackExpr, source));
       }
+      if (runtimeFallbackExpr.type === "ObjectExpression" && runtimeFallbackExpr.properties.some(
+        (prop) => prop.type === "SpreadElement"
+      )) {
+        const { line, column } = offsetToLineColumn(source, runtimeFallbackExpr.start);
+        diagnostics.push(
+          `[csszyx] unresolvable sz spread at ${line}:${column + 1}: sz={{ ...x }} cannot be resolved at build time and falls back to runtime; it may render no styles in production. Use array form: sz={[x, { ... }]}.`
+        );
+      }
       collectCandidateClassesFromExpression(
         runtimeFallbackExpr,
         effectiveFilename,