@csszyx/compiler 0.6.2 → 0.8.0

package/dist/transform-core.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+const transformCore = require('./shared/compiler.C6jT0mcT.cjs');
+
+
+
+exports.BOOLEAN_SHORTHANDS = transformCore.BOOLEAN_SHORTHANDS;
+exports.KNOWN_VARIANTS = transformCore.KNOWN_VARIANTS;
+exports.PROPERTY_MAP = transformCore.PROPERTY_MAP;
+exports.SUGGESTION_MAP = transformCore.SUGGESTION_MAP;
+exports.VARIANT_MAP = transformCore.VARIANT_MAP;
+exports.getVariantPrefix = transformCore.getVariantPrefix;
+exports.isValidSzProp = transformCore.isValidSzProp;
+exports.normalizeArbitraryValue = transformCore.normalizeArbitraryValue;
+exports.normalizeArbitraryVariant = transformCore.normalizeArbitraryVariant;
+exports.normalizeClassName = transformCore.normalizeClassName;
+exports.transform = transformCore.transform;

package/dist/transform-core.d.cts

@@ -0,0 +1,86 @@
+/**
+ * JSX Transform - Converts sz prop to className string.
+ *
+ * This module handles the transformation of csszyx object syntax into
+ * Tailwind CSS class strings. It processes nested objects for variants
+ * like hover, focus, etc.
+ */
+/**
+ * Represents a value in the sz object.
+ * Can be a string, number, boolean, or nested object for variants.
+ */
+type SzValue = string | number | boolean | SzObject;
+/**
+ * Represents the sz object structure.
+ * Keys are CSS property abbreviations, values can be primitives or nested objects.
+ */
+interface SzObject {
+    [key: string]: SzValue;
+}
+/**
+ * Readonly variant of SzValue — accepts values from `as const` objects.
+ */
+type ReadonlySzValue = string | number | boolean | ReadonlySzObject;
+/**
+ * Readonly variant of SzObject — accepts `as const` objects without requiring `as any`.
+ * Use this as the parameter type for functions that accept but do not mutate sz objects.
+ */
+interface ReadonlySzObject {
+    readonly [key: string]: ReadonlySzValue;
+}
+declare const PROPERTY_MAP: Record<string, string>;
+declare const SUGGESTION_MAP: Record<string, string>;
+declare const VARIANT_MAP: Record<string, string>;
+declare const KNOWN_VARIANTS: Set<string>;
+declare const BOOLEAN_SHORTHANDS: Set<string>;
+/**
+ * Represents the result of a transformation.
+ */
+interface TransformResult {
+    className: string;
+    attributes: Record<string, string>;
+}
+/**
+ * Normalizes arbitrary variant selectors (removes extra whitespace)
+ * @param key - the arbitrary variant key to normalize
+ * @returns normalized variant string with whitespace removed
+ */
+declare function normalizeArbitraryVariant(key: string): string;
+/**
+ * Normalizes arbitrary values for Tailwind
+ * @param value - the arbitrary value to normalize
+ * @returns normalized value with spaces replaced by underscores
+ */
+declare function normalizeArbitraryValue(value: string): string;
+/**
+ * Gets the variant prefix from a camelCase key
+ * @param key - the camelCase variant key
+ * @returns the mapped or kebab-cased variant prefix
+ */
+declare function getVariantPrefix(key: string): string;
+/**
+ * Transforms a csszyx sz object into a Tailwind CSS className string and extracted attributes.
+ *
+ * @param {SzObject} szProp - The sz object from JSX
+ * @param {string} prefix - Variant prefix for nested properties
+ * @param {Record<string, string>} [mangleMap] - Optional map for property name mangling
+ * @returns {TransformResult} The transformation result
+ */
+declare function transform(szProp: SzObject, prefix?: string, mangleMap?: Record<string, string>): TransformResult;
+/**
+ * Validates that an sz prop object is valid.
+ *
+ * @param {unknown} szProp - The value to validate
+ * @returns {boolean} True if valid, false otherwise
+ */
+declare function isValidSzProp(szProp: unknown): szProp is SzObject;
+/**
+ * Normalizes a className string by removing extra whitespace.
+ *
+ * @param {string} className - The className string to normalize
+ * @returns {string} The normalized className string
+ */
+declare function normalizeClassName(className: string): string;
+
+export { BOOLEAN_SHORTHANDS, KNOWN_VARIANTS, PROPERTY_MAP, SUGGESTION_MAP, VARIANT_MAP, getVariantPrefix, isValidSzProp, normalizeArbitraryValue, normalizeArbitraryVariant, normalizeClassName, transform };
+export type { ReadonlySzObject, ReadonlySzValue, SzObject, SzValue, TransformResult };

package/dist/transform-core.d.mts

@@ -0,0 +1,86 @@
+/**
+ * JSX Transform - Converts sz prop to className string.
+ *
+ * This module handles the transformation of csszyx object syntax into
+ * Tailwind CSS class strings. It processes nested objects for variants
+ * like hover, focus, etc.
+ */
+/**
+ * Represents a value in the sz object.
+ * Can be a string, number, boolean, or nested object for variants.
+ */
+type SzValue = string | number | boolean | SzObject;
+/**
+ * Represents the sz object structure.
+ * Keys are CSS property abbreviations, values can be primitives or nested objects.
+ */
+interface SzObject {
+    [key: string]: SzValue;
+}
+/**
+ * Readonly variant of SzValue — accepts values from `as const` objects.
+ */
+type ReadonlySzValue = string | number | boolean | ReadonlySzObject;
+/**
+ * Readonly variant of SzObject — accepts `as const` objects without requiring `as any`.
+ * Use this as the parameter type for functions that accept but do not mutate sz objects.
+ */
+interface ReadonlySzObject {
+    readonly [key: string]: ReadonlySzValue;
+}
+declare const PROPERTY_MAP: Record<string, string>;
+declare const SUGGESTION_MAP: Record<string, string>;
+declare const VARIANT_MAP: Record<string, string>;
+declare const KNOWN_VARIANTS: Set<string>;
+declare const BOOLEAN_SHORTHANDS: Set<string>;
+/**
+ * Represents the result of a transformation.
+ */
+interface TransformResult {
+    className: string;
+    attributes: Record<string, string>;
+}
+/**
+ * Normalizes arbitrary variant selectors (removes extra whitespace)
+ * @param key - the arbitrary variant key to normalize
+ * @returns normalized variant string with whitespace removed
+ */
+declare function normalizeArbitraryVariant(key: string): string;
+/**
+ * Normalizes arbitrary values for Tailwind
+ * @param value - the arbitrary value to normalize
+ * @returns normalized value with spaces replaced by underscores
+ */
+declare function normalizeArbitraryValue(value: string): string;
+/**
+ * Gets the variant prefix from a camelCase key
+ * @param key - the camelCase variant key
+ * @returns the mapped or kebab-cased variant prefix
+ */
+declare function getVariantPrefix(key: string): string;
+/**
+ * Transforms a csszyx sz object into a Tailwind CSS className string and extracted attributes.
+ *
+ * @param {SzObject} szProp - The sz object from JSX
+ * @param {string} prefix - Variant prefix for nested properties
+ * @param {Record<string, string>} [mangleMap] - Optional map for property name mangling
+ * @returns {TransformResult} The transformation result
+ */
+declare function transform(szProp: SzObject, prefix?: string, mangleMap?: Record<string, string>): TransformResult;
+/**
+ * Validates that an sz prop object is valid.
+ *
+ * @param {unknown} szProp - The value to validate
+ * @returns {boolean} True if valid, false otherwise
+ */
+declare function isValidSzProp(szProp: unknown): szProp is SzObject;
+/**
+ * Normalizes a className string by removing extra whitespace.
+ *
+ * @param {string} className - The className string to normalize
+ * @returns {string} The normalized className string
+ */
+declare function normalizeClassName(className: string): string;
+
+export { BOOLEAN_SHORTHANDS, KNOWN_VARIANTS, PROPERTY_MAP, SUGGESTION_MAP, VARIANT_MAP, getVariantPrefix, isValidSzProp, normalizeArbitraryValue, normalizeArbitraryVariant, normalizeClassName, transform };
+export type { ReadonlySzObject, ReadonlySzValue, SzObject, SzValue, TransformResult };

package/dist/transform-core.mjs

@@ -0,0 +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.BIUVmI0H.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@csszyx/compiler",
-  "version": "0.6.2",
+  "version": "0.8.0",
   "description": "Core compiler and transformation logic for csszyx",
   "keywords": [
     "csszyx",
@@ -21,23 +21,39 @@
     "url": "https://github.com/nguyennhutien/csszyx/issues"
   },
   "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
     },
     "./browser": {
-      "import": "./src/transform-core.ts",
-      "types": "./src/transform-core.ts"
+      "import": {
+        "types": "./dist/transform-core.d.mts",
+        "default": "./dist/transform-core.mjs"
+      },
+      "require": {
+        "types": "./dist/transform-core.d.cts",
+        "default": "./dist/transform-core.cjs"
+      }
     },
     "./color-var": {
-      "types": "./dist/color-var.d.ts",
-      "import": "./dist/color-var.js",
-      "require": "./dist/color-var.cjs"
+      "import": {
+        "types": "./dist/color-var.d.mts",
+        "default": "./dist/color-var.mjs"
+      },
+      "require": {
+        "types": "./dist/color-var.d.cts",
+        "default": "./dist/color-var.cjs"
+      }
     }
   },
   "files": [
@@ -45,22 +61,28 @@
   ],
   "dependencies": {
     "@babel/core": "^7.23.7",
-    "@babel/types": "^7.23.6",
     "@babel/traverse": "^7.23.7",
-    "@csszyx/core": "0.6.2"
+    "@babel/types": "^7.23.6",
+    "magic-string": "0.30.21",
+    "oxc-parser": "0.131.0",
+    "@csszyx/core": "0.8.0"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.5",
     "@types/babel__traverse": "^7.20.5",
     "@types/node": "^20.11.0",
     "csstype": "^3.0.0",
-    "tsup": "^8.0.0",
-    "typescript": "^5.3.3",
-    "vitest": "^1.2.0"
+    "typescript": "^6.0.3",
+    "unbuild": "^3.6.1",
+    "vitest": "^4.1.6"
+  },
+  "sideEffects": false,
+  "engines": {
+    "node": ">=22.12.0"
   },
   "scripts": {
-    "build": "tsup src/index.ts src/color-var.ts --format esm,cjs --dts",
-    "dev": "tsup src/index.ts src/color-var.ts --format esm --dts --watch",
+    "build": "unbuild",
+    "dev": "unbuild --stub",
     "test": "vitest run",
     "test:watch": "vitest",
     "type-check": "tsc --noEmit"

package/dist/chunk-3RG5ZIWI.js

@@ -1,10 +0,0 @@
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-
-export {
-  __require
-};