@csszyx/compiler 0.9.0 → 0.9.2

package/dist/shared/{compiler.DZgazEy8.cjs → compiler.BfDLUvcf.cjs}

@@ -117,6 +117,11 @@ const PROPERTY_CATEGORY_MAP = {
   via: 1 /* COLOR */,
   to: 1 /* COLOR */,
   dropShadowColor: 1 /* COLOR */,
+  scrollbarThumb: 1 /* COLOR */,
+  scrollbarTrack: 1 /* COLOR */,
+  maskFrom: 1 /* COLOR */,
+  maskVia: 1 /* COLOR */,
+  maskTo: 1 /* COLOR */,
   // ---- UNITLESS ----
   opacity: 3 /* UNITLESS */,
   z: 3 /* UNITLESS */,
@@ -163,6 +168,8 @@ const PROPERTY_CATEGORY_MAP = {
   outline: 3 /* UNITLESS */,
   leading: 3 /* UNITLESS */,
   decorationThickness: 3 /* UNITLESS */,
+  zoom: 3 /* UNITLESS */,
+  tabSize: 3 /* UNITLESS */,
   // ---- ANGLE ----
   rotate: 4 /* ANGLE */,
   skewX: 4 /* ANGLE */,
@@ -577,7 +584,20 @@ const PROPERTY_MAP = {
   tableLayout: "table",
   caption: "caption",
   // Overflow
-  overflow: "overflow"
+  overflow: "overflow",
+  // Scrollbar (v4.3)
+  scrollbar: "scrollbar",
+  scrollbarThumb: "scrollbar-thumb",
+  scrollbarTrack: "scrollbar-track",
+  scrollbarGutter: "scrollbar-gutter",
+  // Zoom (v4.3)
+  zoom: "zoom",
+  // Tab Size (v4.3)
+  tabSize: "tab",
+  // Mask gradient color stops (v4.1)
+  maskFrom: "mask-from",
+  maskVia: "mask-via",
+  maskTo: "mask-to"
 };
 const CSS_VAR_TYPE_HINTS = {
   fontFamily: "family-name",
@@ -690,6 +710,9 @@ const SUGGESTION_MAP = {
   touchAction: "touch",
   userSelect: "select",
   captionSide: "caption",
+  // Scrollbar (v4.3)
+  scrollbarColor: "scrollbarThumb (thumb color) or scrollbarTrack (track color)",
+  scrollbarWidth: "scrollbar",
   // Boolean remaps
   flexWrapReverse: "flexWrap: 'wrap-reverse'",
   flexNowrap: "flexWrap: 'nowrap'"
@@ -723,6 +746,18 @@ const VARIANT_MAP = {
   pointerFine: "pointer-fine",
   pointerCoarse: "pointer-coarse",
   pointerNone: "pointer-none",
+  // Any-pointer variants (v4.1)
+  anyPointerFine: "any-pointer-fine",
+  anyPointerCoarse: "any-pointer-coarse",
+  anyPointerNone: "any-pointer-none",
+  // Form validation variants (v4.1)
+  userValid: "user-valid",
+  userInvalid: "user-invalid",
+  // Details / inverted-colors variants (v4.1)
+  detailsContent: "details-content",
+  invertedColors: "inverted-colors",
+  // Forced-colors media variant
+  forcedColors: "forced-colors",
   // Screen orientation
   screenPortrait: "portrait",
   screenLandscape: "landscape",
@@ -733,6 +768,15 @@ const VARIANT_MAP = {
   "@maxXl": "@max-xl",
   "@max2xl": "@max-2xl"
 };
+const SPECIAL_VARIANTS = /* @__PURE__ */ new Set([
+  "group",
+  "peer",
+  "has",
+  "not",
+  "data",
+  "aria",
+  "supports"
+]);
 const KNOWN_VARIANTS = /* @__PURE__ */ new Set([
   // Responsive
   "sm",
@@ -828,6 +872,31 @@ const KNOWN_VARIANTS = /* @__PURE__ */ new Set([
   "pointerFine",
   "pointerCoarse",
   "pointerNone",
+  // Any-pointer (v4.1)
+  "any-pointer-fine",
+  "any-pointer-coarse",
+  "any-pointer-none",
+  "anyPointerFine",
+  "anyPointerCoarse",
+  "anyPointerNone",
+  // Form validation (v4.1)
+  "user-valid",
+  "user-invalid",
+  "userValid",
+  "userInvalid",
+  // Details / inverted-colors (v4.1)
+  "details-content",
+  "detailsContent",
+  "inverted-colors",
+  "invertedColors",
+  // Noscript (v4.1)
+  "noscript",
+  // Forced-colors media variant
+  "forced-colors",
+  "forcedColors",
+  // Starting-style + inert state variants
+  "starting",
+  "inert",
   // Open
   "open",
   // RTL/LTR
@@ -1225,7 +1294,7 @@ function handleGroupPeer(type, nestedObj, prefix) {
       if (result.className) {
         classes.push(result.className);
       }
-    } else if (typeof nestedValue === "object" && nestedValue !== null) {
+    } else if (typeof nestedValue === "object") {
       for (const [state, stateValue] of Object.entries(nestedValue)) {
         if (stateValue === null || stateValue === void 0 || stateValue === false) {
           continue;
@@ -1395,7 +1464,7 @@ function transform(szProp, prefix = "", mangleMap) {
       classes.push(`${prefix}${mappedKey}/${value}`);
       continue;
     }
-    if (rawKey === "bgImg" && typeof value === "object" && value !== null && !Array.isArray(value)) {
+    if (rawKey === "bgImg" && value !== null && typeof value === "object" && !Array.isArray(value)) {
       const grad = value;
       const gradType = grad.gradient;
       if (!gradType) {
@@ -1460,7 +1529,7 @@ function transform(szProp, prefix = "", mangleMap) {
       classes.push(`${prefix}${rawKey}/${value}`);
       continue;
     }
-    if (typeof value === "object" && value !== null && !Array.isArray(value) && rawKey in PROPERTY_MAP && "color" in value) {
+    if (value !== null && typeof value === "object" && !Array.isArray(value) && rawKey in PROPERTY_MAP && "color" in value) {
       const colorObj = value;
       const twPrefix = PROPERTY_MAP[rawKey] || rawKey.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
       const rawColorBase = String(colorObj.color);
@@ -1570,7 +1639,7 @@ function transform(szProp, prefix = "", mangleMap) {
             if (result.className) {
               classes.push(result.className);
             }
-          } else if ((mappedKey === "@min" || mappedKey === "@max") && typeof nestedValue === "object" && nestedValue !== null && !KNOWN_BP.has(nestedKey) && !PROPERTY_MAP[nestedKey] && !BOOLEAN_SHORTHANDS.has(nestedKey)) {
+          } else if ((mappedKey === "@min" || mappedKey === "@max") && nestedValue !== null && typeof nestedValue === "object" && !KNOWN_BP.has(nestedKey) && !PROPERTY_MAP[nestedKey] && !BOOLEAN_SHORTHANDS.has(nestedKey)) {
             const nestedPrefix2 = `${prefix}${mappedKey}-[${nestedKey}]:`;
             const result = transform(nestedValue, nestedPrefix2);
             if (result.className) {
@@ -1585,7 +1654,7 @@ function transform(szProp, prefix = "", mangleMap) {
             if (result.className) {
               classes.push(result.className);
             }
-          } else if (typeof nestedValue === "object" && nestedValue !== null) {
+          } else if (typeof nestedValue === "object") {
             const nestedPrefix2 = `${prefix}${mappedKey}/${nestedKey}:`;
             const result = transform(nestedValue, nestedPrefix2);
             if (result.className) {
@@ -2143,9 +2212,8 @@ function transform(szProp, prefix = "", mangleMap) {
     }
     if (process.env.NODE_ENV !== "production" && typeof window === "undefined") {
       const isKnown = PROPERTY_MAP[rawKey] || BOOLEAN_SHORTHANDS.has(rawKey) || SNAP_DIRECT_MAP[rawKey] || rawKey === "fromPos" || rawKey === "viaPos" || rawKey === "toPos" || rawKey.startsWith("--") || rawKey.startsWith("[") || rawKey.startsWith("@") || // Variants that fell through (e.g. empty object)
-      KNOWN_VARIANTS.has(rawKey) || // Groups/Peers
-      rawKey === "group" || rawKey === "peer" || // Special variant objects
-      rawKey === "has" || rawKey === "not" || rawKey === "data" || rawKey === "aria" || rawKey === "supports" || rawKey === "min" || rawKey === "max";
+      KNOWN_VARIANTS.has(rawKey) || // Parametric/scope variants (group, peer, has, not, data, aria, supports)
+      SPECIAL_VARIANTS.has(rawKey) || rawKey === "min" || rawKey === "max";
       if (!isKnown) {
         const suggestion = SUGGESTION_MAP[rawKey];
         if (suggestion) {
@@ -2279,6 +2347,7 @@ exports.KNOWN_VARIANTS = KNOWN_VARIANTS;
 exports.PROPERTY_CATEGORY_MAP = PROPERTY_CATEGORY_MAP;
 exports.PROPERTY_MAP = PROPERTY_MAP;
 exports.PropertyCategory = PropertyCategory;
+exports.SPECIAL_VARIANTS = SPECIAL_VARIANTS;
 exports.SUGGESTION_MAP = SUGGESTION_MAP;
 exports.VARIANT_MAP = VARIANT_MAP;
 exports.getCSSVariableName = getCSSVariableName;

package/dist/shared/{compiler.CUn8HGmA.mjs → compiler.wyFFQW-b.mjs}

@@ -115,6 +115,11 @@ const PROPERTY_CATEGORY_MAP = {
   via: 1 /* COLOR */,
   to: 1 /* COLOR */,
   dropShadowColor: 1 /* COLOR */,
+  scrollbarThumb: 1 /* COLOR */,
+  scrollbarTrack: 1 /* COLOR */,
+  maskFrom: 1 /* COLOR */,
+  maskVia: 1 /* COLOR */,
+  maskTo: 1 /* COLOR */,
   // ---- UNITLESS ----
   opacity: 3 /* UNITLESS */,
   z: 3 /* UNITLESS */,
@@ -161,6 +166,8 @@ const PROPERTY_CATEGORY_MAP = {
   outline: 3 /* UNITLESS */,
   leading: 3 /* UNITLESS */,
   decorationThickness: 3 /* UNITLESS */,
+  zoom: 3 /* UNITLESS */,
+  tabSize: 3 /* UNITLESS */,
   // ---- ANGLE ----
   rotate: 4 /* ANGLE */,
   skewX: 4 /* ANGLE */,
@@ -575,7 +582,20 @@ const PROPERTY_MAP = {
   tableLayout: "table",
   caption: "caption",
   // Overflow
-  overflow: "overflow"
+  overflow: "overflow",
+  // Scrollbar (v4.3)
+  scrollbar: "scrollbar",
+  scrollbarThumb: "scrollbar-thumb",
+  scrollbarTrack: "scrollbar-track",
+  scrollbarGutter: "scrollbar-gutter",
+  // Zoom (v4.3)
+  zoom: "zoom",
+  // Tab Size (v4.3)
+  tabSize: "tab",
+  // Mask gradient color stops (v4.1)
+  maskFrom: "mask-from",
+  maskVia: "mask-via",
+  maskTo: "mask-to"
 };
 const CSS_VAR_TYPE_HINTS = {
   fontFamily: "family-name",
@@ -688,6 +708,9 @@ const SUGGESTION_MAP = {
   touchAction: "touch",
   userSelect: "select",
   captionSide: "caption",
+  // Scrollbar (v4.3)
+  scrollbarColor: "scrollbarThumb (thumb color) or scrollbarTrack (track color)",
+  scrollbarWidth: "scrollbar",
   // Boolean remaps
   flexWrapReverse: "flexWrap: 'wrap-reverse'",
   flexNowrap: "flexWrap: 'nowrap'"
@@ -721,6 +744,18 @@ const VARIANT_MAP = {
   pointerFine: "pointer-fine",
   pointerCoarse: "pointer-coarse",
   pointerNone: "pointer-none",
+  // Any-pointer variants (v4.1)
+  anyPointerFine: "any-pointer-fine",
+  anyPointerCoarse: "any-pointer-coarse",
+  anyPointerNone: "any-pointer-none",
+  // Form validation variants (v4.1)
+  userValid: "user-valid",
+  userInvalid: "user-invalid",
+  // Details / inverted-colors variants (v4.1)
+  detailsContent: "details-content",
+  invertedColors: "inverted-colors",
+  // Forced-colors media variant
+  forcedColors: "forced-colors",
   // Screen orientation
   screenPortrait: "portrait",
   screenLandscape: "landscape",
@@ -731,6 +766,15 @@ const VARIANT_MAP = {
   "@maxXl": "@max-xl",
   "@max2xl": "@max-2xl"
 };
+const SPECIAL_VARIANTS = /* @__PURE__ */ new Set([
+  "group",
+  "peer",
+  "has",
+  "not",
+  "data",
+  "aria",
+  "supports"
+]);
 const KNOWN_VARIANTS = /* @__PURE__ */ new Set([
   // Responsive
   "sm",
@@ -826,6 +870,31 @@ const KNOWN_VARIANTS = /* @__PURE__ */ new Set([
   "pointerFine",
   "pointerCoarse",
   "pointerNone",
+  // Any-pointer (v4.1)
+  "any-pointer-fine",
+  "any-pointer-coarse",
+  "any-pointer-none",
+  "anyPointerFine",
+  "anyPointerCoarse",
+  "anyPointerNone",
+  // Form validation (v4.1)
+  "user-valid",
+  "user-invalid",
+  "userValid",
+  "userInvalid",
+  // Details / inverted-colors (v4.1)
+  "details-content",
+  "detailsContent",
+  "inverted-colors",
+  "invertedColors",
+  // Noscript (v4.1)
+  "noscript",
+  // Forced-colors media variant
+  "forced-colors",
+  "forcedColors",
+  // Starting-style + inert state variants
+  "starting",
+  "inert",
   // Open
   "open",
   // RTL/LTR
@@ -1223,7 +1292,7 @@ function handleGroupPeer(type, nestedObj, prefix) {
       if (result.className) {
         classes.push(result.className);
       }
-    } else if (typeof nestedValue === "object" && nestedValue !== null) {
+    } else if (typeof nestedValue === "object") {
       for (const [state, stateValue] of Object.entries(nestedValue)) {
         if (stateValue === null || stateValue === void 0 || stateValue === false) {
           continue;
@@ -1393,7 +1462,7 @@ function transform(szProp, prefix = "", mangleMap) {
       classes.push(`${prefix}${mappedKey}/${value}`);
       continue;
     }
-    if (rawKey === "bgImg" && typeof value === "object" && value !== null && !Array.isArray(value)) {
+    if (rawKey === "bgImg" && value !== null && typeof value === "object" && !Array.isArray(value)) {
       const grad = value;
       const gradType = grad.gradient;
       if (!gradType) {
@@ -1458,7 +1527,7 @@ function transform(szProp, prefix = "", mangleMap) {
       classes.push(`${prefix}${rawKey}/${value}`);
       continue;
     }
-    if (typeof value === "object" && value !== null && !Array.isArray(value) && rawKey in PROPERTY_MAP && "color" in value) {
+    if (value !== null && typeof value === "object" && !Array.isArray(value) && rawKey in PROPERTY_MAP && "color" in value) {
       const colorObj = value;
       const twPrefix = PROPERTY_MAP[rawKey] || rawKey.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
       const rawColorBase = String(colorObj.color);
@@ -1568,7 +1637,7 @@ function transform(szProp, prefix = "", mangleMap) {
             if (result.className) {
               classes.push(result.className);
             }
-          } else if ((mappedKey === "@min" || mappedKey === "@max") && typeof nestedValue === "object" && nestedValue !== null && !KNOWN_BP.has(nestedKey) && !PROPERTY_MAP[nestedKey] && !BOOLEAN_SHORTHANDS.has(nestedKey)) {
+          } else if ((mappedKey === "@min" || mappedKey === "@max") && nestedValue !== null && typeof nestedValue === "object" && !KNOWN_BP.has(nestedKey) && !PROPERTY_MAP[nestedKey] && !BOOLEAN_SHORTHANDS.has(nestedKey)) {
             const nestedPrefix2 = `${prefix}${mappedKey}-[${nestedKey}]:`;
             const result = transform(nestedValue, nestedPrefix2);
             if (result.className) {
@@ -1583,7 +1652,7 @@ function transform(szProp, prefix = "", mangleMap) {
             if (result.className) {
               classes.push(result.className);
             }
-          } else if (typeof nestedValue === "object" && nestedValue !== null) {
+          } else if (typeof nestedValue === "object") {
             const nestedPrefix2 = `${prefix}${mappedKey}/${nestedKey}:`;
             const result = transform(nestedValue, nestedPrefix2);
             if (result.className) {
@@ -2141,9 +2210,8 @@ function transform(szProp, prefix = "", mangleMap) {
     }
     if (process.env.NODE_ENV !== "production" && typeof window === "undefined") {
       const isKnown = PROPERTY_MAP[rawKey] || BOOLEAN_SHORTHANDS.has(rawKey) || SNAP_DIRECT_MAP[rawKey] || rawKey === "fromPos" || rawKey === "viaPos" || rawKey === "toPos" || rawKey.startsWith("--") || rawKey.startsWith("[") || rawKey.startsWith("@") || // Variants that fell through (e.g. empty object)
-      KNOWN_VARIANTS.has(rawKey) || // Groups/Peers
-      rawKey === "group" || rawKey === "peer" || // Special variant objects
-      rawKey === "has" || rawKey === "not" || rawKey === "data" || rawKey === "aria" || rawKey === "supports" || rawKey === "min" || rawKey === "max";
+      KNOWN_VARIANTS.has(rawKey) || // Parametric/scope variants (group, peer, has, not, data, aria, supports)
+      SPECIAL_VARIANTS.has(rawKey) || rawKey === "min" || rawKey === "max";
       if (!isKnown) {
         const suggestion = SUGGESTION_MAP[rawKey];
         if (suggestion) {
@@ -2271,4 +2339,4 @@ function normalizeClassName(className) {
   return className.split(/\s+/).filter(Boolean).join(" ");
 }
 
-export { BOOLEAN_SHORTHANDS as B, COLOR_PROPERTIES as C, KNOWN_VARIANTS as K, PROPERTY_MAP as P, SUGGESTION_MAP as S, VARIANT_MAP as V, PropertyCategory as a, getVariantPrefix as b, getPropertyCategory as c, PROPERTY_CATEGORY_MAP as d, normalizeArbitraryValue as e, normalizeArbitraryVariant as f, getCSSVariableName as g, isValidSzProp as i, normalizeClassName as n, stripInvalidColorStrings as s, transform as t };
+export { BOOLEAN_SHORTHANDS as B, COLOR_PROPERTIES as C, KNOWN_VARIANTS as K, PROPERTY_MAP as P, SPECIAL_VARIANTS as S, VARIANT_MAP as V, PropertyCategory as a, getVariantPrefix as b, getPropertyCategory as c, PROPERTY_CATEGORY_MAP as d, SUGGESTION_MAP as e, normalizeArbitraryValue as f, getCSSVariableName as g, normalizeArbitraryVariant as h, isValidSzProp as i, normalizeClassName as n, stripInvalidColorStrings as s, transform as t };

package/dist/transform-core.cjs

@@ -1,12 +1,13 @@
 'use strict';
 
-const transformCore = require('./shared/compiler.DZgazEy8.cjs');
+const transformCore = require('./shared/compiler.BfDLUvcf.cjs');
 
 
 
 exports.BOOLEAN_SHORTHANDS = transformCore.BOOLEAN_SHORTHANDS;
 exports.KNOWN_VARIANTS = transformCore.KNOWN_VARIANTS;
 exports.PROPERTY_MAP = transformCore.PROPERTY_MAP;
+exports.SPECIAL_VARIANTS = transformCore.SPECIAL_VARIANTS;
 exports.SUGGESTION_MAP = transformCore.SUGGESTION_MAP;
 exports.VARIANT_MAP = transformCore.VARIANT_MAP;
 exports.getVariantPrefix = transformCore.getVariantPrefix;

package/dist/transform-core.d.cts

@@ -31,6 +31,7 @@ interface ReadonlySzObject {
 declare const PROPERTY_MAP: Record<string, string>;
 declare const SUGGESTION_MAP: Record<string, string>;
 declare const VARIANT_MAP: Record<string, string>;
+declare const SPECIAL_VARIANTS: Set<string>;
 declare const KNOWN_VARIANTS: Set<string>;
 declare const BOOLEAN_SHORTHANDS: Set<string>;
 /**
@@ -82,5 +83,5 @@ declare function isValidSzProp(szProp: unknown): szProp is SzObject;
  */
 declare function normalizeClassName(className: string): string;
 
-export { BOOLEAN_SHORTHANDS, KNOWN_VARIANTS, PROPERTY_MAP, SUGGESTION_MAP, VARIANT_MAP, getVariantPrefix, isValidSzProp, normalizeArbitraryValue, normalizeArbitraryVariant, normalizeClassName, transform };
+export { BOOLEAN_SHORTHANDS, KNOWN_VARIANTS, PROPERTY_MAP, SPECIAL_VARIANTS, SUGGESTION_MAP, VARIANT_MAP, getVariantPrefix, isValidSzProp, normalizeArbitraryValue, normalizeArbitraryVariant, normalizeClassName, transform };
 export type { ReadonlySzObject, ReadonlySzValue, SzObject, SzValue, TransformResult };

package/dist/transform-core.d.mts

@@ -31,6 +31,7 @@ interface ReadonlySzObject {
 declare const PROPERTY_MAP: Record<string, string>;
 declare const SUGGESTION_MAP: Record<string, string>;
 declare const VARIANT_MAP: Record<string, string>;
+declare const SPECIAL_VARIANTS: Set<string>;
 declare const KNOWN_VARIANTS: Set<string>;
 declare const BOOLEAN_SHORTHANDS: Set<string>;
 /**
@@ -82,5 +83,5 @@ declare function isValidSzProp(szProp: unknown): szProp is SzObject;
  */
 declare function normalizeClassName(className: string): string;
 
-export { BOOLEAN_SHORTHANDS, KNOWN_VARIANTS, PROPERTY_MAP, SUGGESTION_MAP, VARIANT_MAP, getVariantPrefix, isValidSzProp, normalizeArbitraryValue, normalizeArbitraryVariant, normalizeClassName, transform };
+export { BOOLEAN_SHORTHANDS, KNOWN_VARIANTS, PROPERTY_MAP, SPECIAL_VARIANTS, SUGGESTION_MAP, VARIANT_MAP, getVariantPrefix, isValidSzProp, normalizeArbitraryValue, normalizeArbitraryVariant, normalizeClassName, transform };
 export type { ReadonlySzObject, ReadonlySzValue, SzObject, SzValue, TransformResult };

package/dist/transform-core.mjs

@@ -1 +1 @@
-export { B as BOOLEAN_SHORTHANDS, K as KNOWN_VARIANTS, P as PROPERTY_MAP, S as SUGGESTION_MAP, V as VARIANT_MAP, b as getVariantPrefix, i as isValidSzProp, e as normalizeArbitraryValue, f as normalizeArbitraryVariant, n as normalizeClassName, t as transform } from './shared/compiler.CUn8HGmA.mjs';
+export { B as BOOLEAN_SHORTHANDS, K as KNOWN_VARIANTS, P as PROPERTY_MAP, S as SPECIAL_VARIANTS, e as SUGGESTION_MAP, V as VARIANT_MAP, b as getVariantPrefix, i as isValidSzProp, f as normalizeArbitraryValue, h as normalizeArbitraryVariant, n as normalizeClassName, t as transform } from './shared/compiler.wyFFQW-b.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@csszyx/compiler",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "description": "Core compiler and transformation logic for csszyx",
   "keywords": [
     "csszyx",
@@ -65,7 +65,7 @@
     "@babel/types": "^7.23.6",
     "magic-string": "0.30.21",
     "oxc-parser": "0.131.0",
-    "@csszyx/core": "0.9.0"
+    "@csszyx/core": "0.9.2"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.5",