@tenphi/tasty 0.0.0-snapshot.bbd10c7 → 0.0.0-snapshot.bbfcd75

package/dist/utils/styles.d.ts

@@ -1,99 +0,0 @@
-import { ProcessedStyle, StyleDetails } from "../parser/types.js";
-import { StyleParser } from "../parser/parser.js";
-import { getNamedColorHex, getRgbValuesFromRgbaString, hexToRgb, strToRgb } from "./color-math.js";
-
-//#region src/utils/styles.d.ts
-type StyleValue<T = string> = T | boolean | number | null | undefined;
-/**
- * Normalize a color token value.
- * - Boolean `true` is converted to `'transparent'`
- * - Boolean `false` returns `null` (signals the token should be skipped)
- * - Other values are returned as-is
- *
- * @param value - The raw token value
- * @returns Normalized value or null if the token should be skipped
- */
-declare function normalizeColorTokenValue<T>(value: T | boolean): T | 'transparent' | null;
-type StyleValueStateMap<T = string> = Record<string, StyleValue<T> | '@inherit'>;
-/**
- * Combined type for style values that can be either a direct value or a state map.
- * Use this for component props that accept style values.
- */
-type StylePropValue<T = string> = StyleValue<T> | StyleValueStateMap<T>;
-type CSSMap = {
-  $?: string | string[];
-} & Record<string, string | string[]>;
-type StyleHandlerResult = CSSMap | CSSMap[] | null | void;
-type RawStyleHandler = (value: StyleValueStateMap) => StyleHandlerResult;
-type StyleHandler = RawStyleHandler & {
-  __lookupStyles: string[];
-};
-/**
- * Handler definition forms for configure() and plugins.
- * - Function only: lookup styles inferred from key name
- * - Single property tuple: ['styleName', handler]
- * - Multi-property tuple: [['style1', 'style2'], handler]
- */
-type StyleHandlerDefinition = RawStyleHandler | [string, RawStyleHandler] | [string[], RawStyleHandler];
-interface ParsedColor {
-  color?: string;
-  name?: string;
-  opacity?: number;
-}
-type StyleMap = Record<string, StyleValue | StyleValueStateMap>;
-declare const CUSTOM_UNITS: {
-  r: string;
-  cr: string;
-  bw: string;
-  ow: string;
-  x: string;
-  sf: (num: number) => string;
-};
-declare const DIRECTIONS: string[];
-declare function customFunc(name: string, fn: (groups: StyleDetails[]) => string): void;
-/**
- * Get the global StyleParser instance.
- * Used by configure() to apply parser configuration.
- */
-declare function getGlobalParser(): StyleParser;
-/**
- * Get the current custom functions registry.
- * Used by configure() to merge with new functions.
- */
-declare function getGlobalFuncs(): Record<string, (groups: StyleDetails[]) => string>;
-/**
- * Set global predefined tokens.
- * Called from configure() after processing token values.
- * Merges with existing tokens (new tokens override existing ones with same key).
- * Keys are normalized to lowercase (parser lowercases input before classification).
- * @internal
- */
-declare function setGlobalPredefinedTokens(tokens: Record<string, string>): void;
-/**
- * Get the current global predefined tokens.
- * Returns null if no tokens are configured.
- */
-declare function getGlobalPredefinedTokens(): Record<string, string> | null;
-/**
- * Reset global predefined tokens.
- * Used for testing.
- * @internal
- */
-declare function resetGlobalPredefinedTokens(): void;
-/**
- *
- * @param {String} value
- * @param {Number} mode
- * @returns {Object<String,String|Array>}
- */
-declare function parseStyle(value: StyleValue): ProcessedStyle;
-/**
- * Parse color. Find it value, name and opacity.
- * Optimized to avoid heavy parseStyle calls for simple color patterns.
- */
-declare function parseColor(val: string, ignoreError?: boolean): ParsedColor;
-declare function filterMods(mods: string[], allowedMods: string[]): string[];
-declare function stringifyStyles(styles: unknown): string;
-//#endregion
-export { CSSMap, CUSTOM_UNITS, DIRECTIONS, ParsedColor, RawStyleHandler, StyleHandler, StyleHandlerDefinition, StyleHandlerResult, StyleMap, StylePropValue, StyleValue, StyleValueStateMap, customFunc, filterMods, getGlobalFuncs, getGlobalParser, getGlobalPredefinedTokens, normalizeColorTokenValue, parseColor, parseStyle, resetGlobalPredefinedTokens, setGlobalPredefinedTokens, stringifyStyles };
-//# sourceMappingURL=styles.d.ts.map

package/dist/utils/styles.js

@@ -1,220 +0,0 @@
-import { getNamedColorHex } from "./color-math.js";
-import { StyleParser } from "../parser/parser.js";
-import { okhslFunc } from "../plugins/okhsl-plugin.js";
-//#region src/utils/styles.ts
-/**
-* Normalize a color token value.
-* - Boolean `true` is converted to `'transparent'`
-* - Boolean `false` returns `null` (signals the token should be skipped)
-* - Other values are returned as-is
-*
-* @param value - The raw token value
-* @returns Normalized value or null if the token should be skipped
-*/
-function normalizeColorTokenValue(value) {
-	if (value === true) return "transparent";
-	if (value === false) return null;
-	return value;
-}
-const COLOR_VAR_PATTERN = /var\(--([a-z0-9-]+)-color/;
-const COLOR_VAR_COMPONENTS_PATTERN = /var\(--([a-z0-9-]+)-color-(?:rgb|hsl|oklch)/;
-const RGB_ALPHA_PATTERN = /\/\s*([0-9.]+)\)/;
-const RE_HEX_COLOR = /^#[0-9a-fA-F]{3,8}$/;
-const RE_VAR_COLOR = /^var\(--[a-z0-9-]+-color/;
-function isSimpleColorFast(val) {
-	switch (val.charCodeAt(0)) {
-		case 35: return RE_HEX_COLOR.test(val);
-		case 114: return val.charCodeAt(1) === 103 && val.charCodeAt(2) === 98;
-		case 104: return val.charCodeAt(1) === 115 && val.charCodeAt(2) === 108;
-		case 108: return val.charCodeAt(1) === 99 && val.charCodeAt(2) === 104;
-		case 111: return val.startsWith("oklch(") || val.startsWith("okhsl(");
-		case 118: return RE_VAR_COLOR.test(val);
-		case 99: return val === "currentColor" || val === "currentcolor";
-		case 116: return val === "transparent";
-		default: return getNamedColorHex().has(val.toLowerCase());
-	}
-}
-let colorWarningCount = 0;
-const MAX_COLOR_WARNINGS = 10;
-const CUSTOM_UNITS = {
-	r: "6px",
-	cr: "10px",
-	bw: "1px",
-	ow: "3px",
-	x: "8px",
-	sf: function sf(num) {
-		return `minmax(0, ${num}fr)`;
-	}
-};
-const DIRECTIONS = [
-	"top",
-	"right",
-	"bottom",
-	"left"
-];
-let __tastyParser = null;
-function getOrCreateParser() {
-	if (!__tastyParser) {
-		__tastyParser = new StyleParser({ units: CUSTOM_UNITS });
-		__tastyParser.setFuncs(__tastyFuncs);
-	}
-	return __tastyParser;
-}
-const __tastyFuncs = { okhsl: okhslFunc };
-function customFunc(name, fn) {
-	__tastyFuncs[name] = fn;
-	getOrCreateParser().setFuncs(__tastyFuncs);
-}
-/**
-* Get the global StyleParser instance.
-* Used by configure() to apply parser configuration.
-*/
-function getGlobalParser() {
-	return getOrCreateParser();
-}
-/**
-* Get the current custom functions registry.
-* Used by configure() to merge with new functions.
-*/
-function getGlobalFuncs() {
-	return __tastyFuncs;
-}
-/**
-* Storage for predefined tokens that are replaced during style parsing.
-* Keys are token names (with $ or # prefix), values are pre-processed CSS values.
-*/
-let __globalPredefinedTokens = null;
-/**
-* Set global predefined tokens.
-* Called from configure() after processing token values.
-* Merges with existing tokens (new tokens override existing ones with same key).
-* Keys are normalized to lowercase (parser lowercases input before classification).
-* @internal
-*/
-function setGlobalPredefinedTokens(tokens) {
-	const normalizedTokens = {};
-	for (const [key, value] of Object.entries(tokens)) {
-		const lowerKey = key.toLowerCase();
-		const lowerValue = value.toLowerCase();
-		if (lowerKey.startsWith("#") && lowerValue === "#current") {
-			console.warn(`Tasty: Using #current to define color token "${key}" is not supported. The #current token represents currentcolor which cannot be used as a base for other tokens.`);
-			continue;
-		}
-		normalizedTokens[lowerKey] = value;
-	}
-	__globalPredefinedTokens = __globalPredefinedTokens ? {
-		...__globalPredefinedTokens,
-		...normalizedTokens
-	} : normalizedTokens;
-	getOrCreateParser().clearCache();
-}
-/**
-* Get the current global predefined tokens.
-* Returns null if no tokens are configured.
-*/
-function getGlobalPredefinedTokens() {
-	return __globalPredefinedTokens;
-}
-/**
-* Reset global predefined tokens.
-* Used for testing.
-* @internal
-*/
-function resetGlobalPredefinedTokens() {
-	__globalPredefinedTokens = null;
-	getOrCreateParser().clearCache();
-}
-/**
-*
-* @param {String} value
-* @param {Number} mode
-* @returns {Object<String,String|Array>}
-*/
-function parseStyle(value) {
-	let str;
-	if (typeof value === "string") str = value;
-	else if (typeof value === "number") str = String(value);
-	else str = "";
-	return getOrCreateParser().process(str);
-}
-/**
-* Parse color. Find it value, name and opacity.
-* Optimized to avoid heavy parseStyle calls for simple color patterns.
-*/
-function parseColor(val, ignoreError = false) {
-	if (typeof val !== "string") val = String(val ?? "");
-	val = val.trim();
-	if (!val) return {};
-	const isSimpleColor = isSimpleColorFast(val);
-	let firstColor;
-	if (isSimpleColor) firstColor = val;
-	else {
-		const extractedColor = parseStyle(val).groups.find((g) => g.colors.length)?.colors[0];
-		if (!extractedColor) {
-			if (!ignoreError && colorWarningCount < MAX_COLOR_WARNINGS) {
-				console.warn("Tasty: unable to parse color:", val);
-				colorWarningCount++;
-				if (colorWarningCount === MAX_COLOR_WARNINGS) console.warn("Tasty: color parsing warnings will be suppressed from now on");
-			}
-			return {};
-		}
-		firstColor = extractedColor;
-	}
-	let nameMatch = firstColor.match(COLOR_VAR_PATTERN);
-	if (!nameMatch) nameMatch = firstColor.match(COLOR_VAR_COMPONENTS_PATTERN);
-	let opacity;
-	if (firstColor.startsWith("rgb") || firstColor.startsWith("hsl") || firstColor.startsWith("lch") || firstColor.startsWith("oklch") || firstColor.startsWith("okhsl")) {
-		const alphaMatch = firstColor.match(RGB_ALPHA_PATTERN);
-		if (alphaMatch) {
-			const v = parseFloat(alphaMatch[1]);
-			if (!isNaN(v)) opacity = v * 100;
-		}
-	}
-	return {
-		color: firstColor,
-		name: nameMatch ? nameMatch[1] : void 0,
-		opacity
-	};
-}
-function filterMods(mods, allowedMods) {
-	return mods.filter((mod) => allowedMods.includes(mod));
-}
-const _innerCache = /* @__PURE__ */ new WeakMap();
-const _topLevelCache = /* @__PURE__ */ new WeakMap();
-function stringifyStyles(styles) {
-	if (styles == null || typeof styles !== "object") return "";
-	const cached = _topLevelCache.get(styles);
-	if (cached !== void 0) return cached;
-	const obj = styles;
-	const keys = Object.keys(obj).sort();
-	const parts = [];
-	for (const k of keys) {
-		const v = obj[k];
-		if (v === void 0 || typeof v === "function" || typeof v === "symbol") continue;
-		const c0 = k.charCodeAt(0);
-		const needsInnerSort = (c0 >= 65 && c0 <= 90 || c0 === 38) && v && typeof v === "object" && !Array.isArray(v);
-		let sv;
-		if (needsInnerSort) {
-			sv = _innerCache.get(v);
-			if (sv === void 0) {
-				const innerObj = v;
-				const innerKeys = Object.keys(innerObj).sort();
-				const innerParts = [];
-				for (const ik of innerKeys) {
-					const ivs = JSON.stringify(innerObj[ik]);
-					if (ivs !== void 0) innerParts.push(JSON.stringify(ik) + ":" + ivs);
-				}
-				sv = "{" + innerParts.join(",") + "}";
-				_innerCache.set(v, sv);
-			}
-		} else sv = JSON.stringify(v);
-		parts.push(JSON.stringify(k) + ":" + sv);
-	}
-	const result = "{" + parts.join(",") + "}";
-	_topLevelCache.set(styles, result);
-	return result;
-}
-//#endregion
-export { CUSTOM_UNITS, DIRECTIONS, customFunc, filterMods, getGlobalFuncs, getGlobalParser, getGlobalPredefinedTokens, normalizeColorTokenValue, parseColor, parseStyle, resetGlobalPredefinedTokens, setGlobalPredefinedTokens, stringifyStyles };
-
-//# sourceMappingURL=styles.js.map

package/dist/utils/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":[],"sources":["../../src/utils/styles.ts"],"sourcesContent":["import { StyleParser } from '../parser/parser';\nimport { okhslFunc } from '../plugins/okhsl-plugin';\n\nimport type { ProcessedStyle, StyleDetails } from '../parser/types';\n\nimport { getNamedColorHex } from './color-math';\n\nexport {\n  getNamedColorHex,\n  getRgbValuesFromRgbaString,\n  hexToRgb,\n  strToRgb,\n} from './color-math';\n\nexport type StyleValue<T = string> = T | boolean | number | null | undefined;\n\n/**\n * Normalize a color token value.\n * - Boolean `true` is converted to `'transparent'`\n * - Boolean `false` returns `null` (signals the token should be skipped)\n * - Other values are returned as-is\n *\n * @param value - The raw token value\n * @returns Normalized value or null if the token should be skipped\n */\nexport function normalizeColorTokenValue<T>(\n  value: T | boolean,\n): T | 'transparent' | null {\n  if (value === true) {\n    return 'transparent';\n  }\n  if (value === false) {\n    return null;\n  }\n  return value as T;\n}\n\nexport type StyleValueStateMap<T = string> = Record<\n  string,\n  StyleValue<T> | '@inherit'\n>;\n\n/**\n * Combined type for style values that can be either a direct value or a state map.\n * Use this for component props that accept style values.\n */\nexport type StylePropValue<T = string> = StyleValue<T> | StyleValueStateMap<T>;\n\nexport type CSSMap = { $?: string | string[] } & Record<\n  string,\n  string | string[]\n>;\n\nexport type StyleHandlerResult = CSSMap | CSSMap[] | null | void;\n\nexport type RawStyleHandler = (value: StyleValueStateMap) => StyleHandlerResult;\n\nexport type StyleHandler = RawStyleHandler & {\n  __lookupStyles: string[];\n};\n\n/**\n * Handler definition forms for configure() and plugins.\n * - Function only: lookup styles inferred from key name\n * - Single property tuple: ['styleName', handler]\n * - Multi-property tuple: [['style1', 'style2'], handler]\n */\nexport type StyleHandlerDefinition =\n  | RawStyleHandler\n  | [string, RawStyleHandler]\n  | [string[], RawStyleHandler];\n\nexport interface ParsedColor {\n  color?: string;\n  name?: string;\n  opacity?: number;\n}\n\nexport type StyleMap = Record<string, StyleValue | StyleValueStateMap>;\n\nconst devMode = process.env.NODE_ENV !== 'production';\n\n// Precompiled regex patterns for parseColor optimization\n// Match var(--name-color...) and extract the name, regardless of fallbacks\nconst COLOR_VAR_PATTERN = /var\\(--([a-z0-9-]+)-color/;\nconst COLOR_VAR_COMPONENTS_PATTERN =\n  /var\\(--([a-z0-9-]+)-color-(?:rgb|hsl|oklch)/;\nconst RGB_ALPHA_PATTERN = /\\/\\s*([0-9.]+)\\)/;\nconst RE_HEX_COLOR = /^#[0-9a-fA-F]{3,8}$/;\nconst RE_VAR_COLOR = /^var\\(--[a-z0-9-]+-color/;\n\nfunction isSimpleColorFast(val: string): boolean {\n  const c0 = val.charCodeAt(0);\n\n  switch (c0) {\n    case 35: // '#'\n      return RE_HEX_COLOR.test(val);\n    case 114: // 'r'\n      return val.charCodeAt(1) === 103 && val.charCodeAt(2) === 98; // 'rgb'\n    case 104: // 'h'\n      return val.charCodeAt(1) === 115 && val.charCodeAt(2) === 108; // 'hsl'\n    case 108: // 'l'\n      return val.charCodeAt(1) === 99 && val.charCodeAt(2) === 104; // 'lch'\n    case 111: // 'o'\n      return val.startsWith('oklch(') || val.startsWith('okhsl(');\n    case 118: // 'v'\n      return RE_VAR_COLOR.test(val);\n    case 99: // 'c'\n      return val === 'currentColor' || val === 'currentcolor';\n    case 116: // 't'\n      return val === 'transparent';\n    default:\n      return getNamedColorHex().has(val.toLowerCase());\n  }\n}\n\n// Rate limiting for dev warnings to avoid spam\nlet colorWarningCount = 0;\nconst MAX_COLOR_WARNINGS = 10;\n\nexport const CUSTOM_UNITS = {\n  r: '6px',\n  cr: '10px',\n  bw: '1px',\n  ow: '3px',\n  x: '8px',\n  sf: function sf(num: number) {\n    return `minmax(0, ${num}fr)`;\n  },\n};\n\nexport const DIRECTIONS = ['top', 'right', 'bottom', 'left'];\n\n// Lazy-initialized to break the circular dependency:\n// parser.ts → classify.ts → utils/styles.ts → parser.ts\nlet __tastyParser: StyleParser | null = null;\n\nfunction getOrCreateParser(): StyleParser {\n  if (!__tastyParser) {\n    __tastyParser = new StyleParser({ units: CUSTOM_UNITS });\n    __tastyParser.setFuncs(__tastyFuncs);\n  }\n  return __tastyParser;\n}\n\n// Registry for user-provided custom functions that the parser can call.\n// It is updated through the `customFunc` helper exported below.\n// okhsl is registered as a built-in function so it works regardless of\n// tree-shaking or module initialization order.\nconst __tastyFuncs: Record<string, (groups: StyleDetails[]) => string> = {\n  okhsl: okhslFunc,\n};\n\nexport function customFunc(\n  name: string,\n  fn: (groups: StyleDetails[]) => string,\n) {\n  __tastyFuncs[name] = fn;\n  getOrCreateParser().setFuncs(__tastyFuncs);\n}\n\n/**\n * Get the global StyleParser instance.\n * Used by configure() to apply parser configuration.\n */\nexport function getGlobalParser(): StyleParser {\n  return getOrCreateParser();\n}\n\n/**\n * Get the current custom functions registry.\n * Used by configure() to merge with new functions.\n */\nexport function getGlobalFuncs(): Record<\n  string,\n  (groups: StyleDetails[]) => string\n> {\n  return __tastyFuncs;\n}\n\n// ============================================================================\n// Global Predefined Tokens\n// ============================================================================\n\n/**\n * Storage for predefined tokens that are replaced during style parsing.\n * Keys are token names (with $ or # prefix), values are pre-processed CSS values.\n */\nlet __globalPredefinedTokens: Record<string, string> | null = null;\n\n/**\n * Set global predefined tokens.\n * Called from configure() after processing token values.\n * Merges with existing tokens (new tokens override existing ones with same key).\n * Keys are normalized to lowercase (parser lowercases input before classification).\n * @internal\n */\nexport function setGlobalPredefinedTokens(\n  tokens: Record<string, string>,\n): void {\n  // Normalize keys to lowercase for case-insensitive matching\n  const normalizedTokens: Record<string, string> = {};\n  for (const [key, value] of Object.entries(tokens)) {\n    const lowerKey = key.toLowerCase();\n    const lowerValue = value.toLowerCase();\n\n    // Warn if trying to use bare #current to define other color tokens\n    // #current represents currentcolor which cannot be used as a base for recursive token resolution\n    // Note: #current.5 (with opacity) is allowed since it resolves to a concrete color-mix value\n    if (lowerKey.startsWith('#') && lowerValue === '#current') {\n      console.warn(\n        `Tasty: Using #current to define color token \"${key}\" is not supported. ` +\n          `The #current token represents currentcolor which cannot be used as a base for other tokens.`,\n      );\n      continue; // Skip this token\n    }\n\n    normalizedTokens[lowerKey] = value;\n  }\n  // Merge with existing tokens (consistent with how states, units, funcs are handled)\n  __globalPredefinedTokens = __globalPredefinedTokens\n    ? { ...__globalPredefinedTokens, ...normalizedTokens }\n    : normalizedTokens;\n  // Clear parser cache since token values affect parsing\n  getOrCreateParser().clearCache();\n}\n\n/**\n * Get the current global predefined tokens.\n * Returns null if no tokens are configured.\n */\nexport function getGlobalPredefinedTokens(): Record<string, string> | null {\n  return __globalPredefinedTokens;\n}\n\n/**\n * Reset global predefined tokens.\n * Used for testing.\n * @internal\n */\nexport function resetGlobalPredefinedTokens(): void {\n  __globalPredefinedTokens = null;\n  // Clear parser cache since token availability affects parsing\n  getOrCreateParser().clearCache();\n}\n\n/**\n *\n * @param {String} value\n * @param {Number} mode\n * @returns {Object<String,String|Array>}\n */\nexport function parseStyle(value: StyleValue): ProcessedStyle {\n  let str: string;\n\n  if (typeof value === 'string') {\n    str = value;\n  } else if (typeof value === 'number') {\n    str = String(value);\n  } else {\n    // boolean, null, undefined, objects etc. → empty string\n    str = '';\n  }\n\n  return getOrCreateParser().process(str);\n}\n\n/**\n * Parse color. Find it value, name and opacity.\n * Optimized to avoid heavy parseStyle calls for simple color patterns.\n */\nexport function parseColor(val: string, ignoreError = false): ParsedColor {\n  // Early return for non-strings or empty values\n  if (typeof val !== 'string') {\n    val = String(val ?? '');\n  }\n\n  val = val.trim();\n  if (!val) return {};\n\n  // Fast path: Check if it's a simple color pattern that doesn't need full parsing\n  const isSimpleColor = isSimpleColorFast(val);\n\n  let firstColor: string;\n  if (isSimpleColor) {\n    // For simple colors, use the value directly without parsing\n    firstColor = val;\n  } else {\n    const processed = parseStyle(val);\n    const extractedColor = processed.groups.find((g) => g.colors.length)\n      ?.colors[0];\n\n    if (!extractedColor) {\n      // Rate-limited warning to avoid spam\n      if (!ignoreError && devMode && colorWarningCount < MAX_COLOR_WARNINGS) {\n        console.warn('Tasty: unable to parse color:', val);\n        colorWarningCount++;\n        if (colorWarningCount === MAX_COLOR_WARNINGS) {\n          console.warn(\n            'Tasty: color parsing warnings will be suppressed from now on',\n          );\n        }\n      }\n      return {};\n    }\n\n    firstColor = extractedColor;\n  }\n\n  // Extract color name (if present) from variable pattern using precompiled regex\n  let nameMatch = firstColor.match(COLOR_VAR_PATTERN);\n  if (!nameMatch) {\n    nameMatch = firstColor.match(COLOR_VAR_COMPONENTS_PATTERN);\n  }\n\n  let opacity: number | undefined;\n  if (\n    firstColor.startsWith('rgb') ||\n    firstColor.startsWith('hsl') ||\n    firstColor.startsWith('lch') ||\n    firstColor.startsWith('oklch') ||\n    firstColor.startsWith('okhsl')\n  ) {\n    const alphaMatch = firstColor.match(RGB_ALPHA_PATTERN);\n    if (alphaMatch) {\n      const v = parseFloat(alphaMatch[1]);\n      if (!isNaN(v)) opacity = v * 100;\n    }\n  }\n\n  return {\n    color: firstColor,\n    name: nameMatch ? nameMatch[1] : undefined,\n    opacity,\n  };\n}\n\nexport function filterMods(mods: string[], allowedMods: string[]): string[] {\n  return mods.filter((mod) => allowedMods.includes(mod));\n}\n\n// ============================================================================\n// Style Stringification\n// ============================================================================\n\nconst _innerCache = new WeakMap();\nconst _topLevelCache = new WeakMap<object, string>();\n\nexport function stringifyStyles(styles: unknown): string {\n  if (styles == null || typeof styles !== 'object') return '';\n\n  const cached = _topLevelCache.get(styles as object);\n  if (cached !== undefined) return cached;\n\n  const obj = styles as Record<string, unknown>;\n  const keys = Object.keys(obj).sort();\n  const parts: string[] = [];\n  for (const k of keys) {\n    const v = obj[k];\n    if (v === undefined || typeof v === 'function' || typeof v === 'symbol')\n      continue;\n\n    const c0 = k.charCodeAt(0);\n    const needsInnerSort =\n      ((c0 >= 65 && c0 <= 90) || c0 === 38) &&\n      v &&\n      typeof v === 'object' &&\n      !Array.isArray(v);\n\n    let sv: string;\n    if (needsInnerSort) {\n      sv = _innerCache.get(v);\n      if (sv === undefined) {\n        const innerObj = v as Record<string, unknown>;\n        const innerKeys = Object.keys(innerObj).sort();\n        const innerParts: string[] = [];\n        for (const ik of innerKeys) {\n          const ivs = JSON.stringify(innerObj[ik]);\n          if (ivs !== undefined)\n            innerParts.push(JSON.stringify(ik) + ':' + ivs);\n        }\n        sv = '{' + innerParts.join(',') + '}';\n        _innerCache.set(v, sv);\n      }\n    } else {\n      sv = JSON.stringify(v);\n    }\n    parts.push(JSON.stringify(k) + ':' + sv);\n  }\n  const result = '{' + parts.join(',') + '}';\n  _topLevelCache.set(styles as object, result);\n  return result;\n}\n"],"mappings":"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"}

package/dist/utils/typography.d.ts

@@ -1,47 +0,0 @@
-import { ConfigTokens } from "../styles/types.js";
-
-//#region src/utils/typography.d.ts
-/**
- * Typography preset configuration.
- * Each preset defines font properties that get expanded into CSS custom properties.
- *
- * Use with `generateTypographyTokens()` to create typography tokens for your design system.
- */
-interface TypographyPreset {
-  fontSize: string;
-  lineHeight: string;
-  letterSpacing?: string;
-  fontWeight: string | number;
-  boldFontWeight?: string | number;
-  iconSize?: string;
-  textTransform?: string;
-  fontFamily?: string;
-  fontStyle?: string;
-}
-/**
- * Generate typography tokens with $ prefix for CSS custom properties.
- *
- * Each preset generates the following CSS custom properties:
- * - `${name}-font-size`
- * - `${name}-line-height`
- * - `${name}-letter-spacing`
- * - `${name}-font-weight`
- * - `${name}-bold-font-weight` (if defined)
- * - `${name}-icon-size` (if defined)
- * - `${name}-text-transform` (if defined)
- * - `${name}-font-family` (if defined)
- * - `${name}-font-style` (if defined)
- *
- * @param presets - Typography presets object
- * @returns ConfigTokens object with $ prefixed keys
- *
- * @example
- * const customTokens = generateTypographyTokens({
- *   myHeading: { fontSize: '24px', lineHeight: '32px', fontWeight: '700' },
- *   body: { fontSize: '16px', lineHeight: '24px', fontWeight: '400' },
- * });
- */
-declare function generateTypographyTokens(presets: Record<string, TypographyPreset>): ConfigTokens;
-//#endregion
-export { TypographyPreset, generateTypographyTokens };
-//# sourceMappingURL=typography.d.ts.map

package/dist/utils/typography.js

@@ -1,51 +0,0 @@
-//#region src/utils/typography.ts
-const RESERVED_PRESET_NAMES = new Set([
-	"strong",
-	"bold",
-	"italic",
-	"icon",
-	"tight"
-]);
-/**
-* Generate typography tokens with $ prefix for CSS custom properties.
-*
-* Each preset generates the following CSS custom properties:
-* - `${name}-font-size`
-* - `${name}-line-height`
-* - `${name}-letter-spacing`
-* - `${name}-font-weight`
-* - `${name}-bold-font-weight` (if defined)
-* - `${name}-icon-size` (if defined)
-* - `${name}-text-transform` (if defined)
-* - `${name}-font-family` (if defined)
-* - `${name}-font-style` (if defined)
-*
-* @param presets - Typography presets object
-* @returns ConfigTokens object with $ prefixed keys
-*
-* @example
-* const customTokens = generateTypographyTokens({
-*   myHeading: { fontSize: '24px', lineHeight: '32px', fontWeight: '700' },
-*   body: { fontSize: '16px', lineHeight: '24px', fontWeight: '400' },
-* });
-*/
-function generateTypographyTokens(presets) {
-	const tokens = {};
-	for (const [name, preset] of Object.entries(presets)) {
-		if (RESERVED_PRESET_NAMES.has(name)) throw new Error(`Invalid typography preset name "${name}". This name is reserved as a preset modifier.`);
-		tokens[`$${name}-font-size`] = preset.fontSize;
-		tokens[`$${name}-line-height`] = preset.lineHeight;
-		tokens[`$${name}-letter-spacing`] = preset.letterSpacing ?? "0";
-		tokens[`$${name}-font-weight`] = preset.fontWeight;
-		if (preset.boldFontWeight !== void 0) tokens[`$${name}-bold-font-weight`] = preset.boldFontWeight;
-		if (preset.iconSize !== void 0) tokens[`$${name}-icon-size`] = preset.iconSize;
-		if (preset.textTransform !== void 0) tokens[`$${name}-text-transform`] = preset.textTransform;
-		if (preset.fontFamily !== void 0) tokens[`$${name}-font-family`] = preset.fontFamily;
-		if (preset.fontStyle !== void 0) tokens[`$${name}-font-style`] = preset.fontStyle;
-	}
-	return tokens;
-}
-//#endregion
-export { generateTypographyTokens };
-
-//# sourceMappingURL=typography.js.map

package/dist/utils/typography.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography.js","names":[],"sources":["../../src/utils/typography.ts"],"sourcesContent":["import type { ConfigTokens } from '../styles/types';\n\nconst RESERVED_PRESET_NAMES = new Set([\n  'strong',\n  'bold',\n  'italic',\n  'icon',\n  'tight',\n]);\n\n/**\n * Typography preset configuration.\n * Each preset defines font properties that get expanded into CSS custom properties.\n *\n * Use with `generateTypographyTokens()` to create typography tokens for your design system.\n */\nexport interface TypographyPreset {\n  fontSize: string;\n  lineHeight: string;\n  letterSpacing?: string;\n  fontWeight: string | number;\n  boldFontWeight?: string | number;\n  iconSize?: string;\n  textTransform?: string;\n  fontFamily?: string;\n  fontStyle?: string;\n}\n\n/**\n * Generate typography tokens with $ prefix for CSS custom properties.\n *\n * Each preset generates the following CSS custom properties:\n * - `${name}-font-size`\n * - `${name}-line-height`\n * - `${name}-letter-spacing`\n * - `${name}-font-weight`\n * - `${name}-bold-font-weight` (if defined)\n * - `${name}-icon-size` (if defined)\n * - `${name}-text-transform` (if defined)\n * - `${name}-font-family` (if defined)\n * - `${name}-font-style` (if defined)\n *\n * @param presets - Typography presets object\n * @returns ConfigTokens object with $ prefixed keys\n *\n * @example\n * const customTokens = generateTypographyTokens({\n *   myHeading: { fontSize: '24px', lineHeight: '32px', fontWeight: '700' },\n *   body: { fontSize: '16px', lineHeight: '24px', fontWeight: '400' },\n * });\n */\nexport function generateTypographyTokens(\n  presets: Record<string, TypographyPreset>,\n): ConfigTokens {\n  const tokens: Record<`$${string}`, string | number> = {};\n\n  for (const [name, preset] of Object.entries(presets)) {\n    if (RESERVED_PRESET_NAMES.has(name)) {\n      throw new Error(\n        `Invalid typography preset name \"${name}\". This name is reserved as a preset modifier.`,\n      );\n    }\n\n    tokens[`$${name}-font-size`] = preset.fontSize;\n    tokens[`$${name}-line-height`] = preset.lineHeight;\n    tokens[`$${name}-letter-spacing`] = preset.letterSpacing ?? '0';\n    tokens[`$${name}-font-weight`] = preset.fontWeight;\n\n    if (preset.boldFontWeight !== undefined) {\n      tokens[`$${name}-bold-font-weight`] = preset.boldFontWeight;\n    }\n\n    if (preset.iconSize !== undefined) {\n      tokens[`$${name}-icon-size`] = preset.iconSize;\n    }\n\n    if (preset.textTransform !== undefined) {\n      tokens[`$${name}-text-transform`] = preset.textTransform;\n    }\n\n    if (preset.fontFamily !== undefined) {\n      tokens[`$${name}-font-family`] = preset.fontFamily;\n    }\n\n    if (preset.fontStyle !== undefined) {\n      tokens[`$${name}-font-style`] = preset.fontStyle;\n    }\n  }\n\n  return tokens as ConfigTokens;\n}\n"],"mappings":";AAEA,MAAM,wBAAwB,IAAI,IAAI;CACpC;CACA;CACA;CACA;CACA;CACD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;AA2CF,SAAgB,yBACd,SACc;CACd,MAAM,SAAgD,EAAE;AAExD,MAAK,MAAM,CAAC,MAAM,WAAW,OAAO,QAAQ,QAAQ,EAAE;AACpD,MAAI,sBAAsB,IAAI,KAAK,CACjC,OAAM,IAAI,MACR,mCAAmC,KAAK,gDACzC;AAGH,SAAO,IAAI,KAAK,eAAe,OAAO;AACtC,SAAO,IAAI,KAAK,iBAAiB,OAAO;AACxC,SAAO,IAAI,KAAK,oBAAoB,OAAO,iBAAiB;AAC5D,SAAO,IAAI,KAAK,iBAAiB,OAAO;AAExC,MAAI,OAAO,mBAAmB,KAAA,EAC5B,QAAO,IAAI,KAAK,sBAAsB,OAAO;AAG/C,MAAI,OAAO,aAAa,KAAA,EACtB,QAAO,IAAI,KAAK,eAAe,OAAO;AAGxC,MAAI,OAAO,kBAAkB,KAAA,EAC3B,QAAO,IAAI,KAAK,oBAAoB,OAAO;AAG7C,MAAI,OAAO,eAAe,KAAA,EACxB,QAAO,IAAI,KAAK,iBAAiB,OAAO;AAG1C,MAAI,OAAO,cAAc,KAAA,EACvB,QAAO,IAAI,KAAK,gBAAgB,OAAO;;AAI3C,QAAO"}

package/dist/utils/warnings.d.ts

@@ -1,16 +0,0 @@
-//#region src/utils/warnings.d.ts
-declare function warn(...args: unknown[]): void;
-declare function deprecationWarning(condition: unknown, {
-  property,
-  name,
-  betterAlternative,
-  reason
-}: {
-  property: string;
-  name: string;
-  betterAlternative: (() => string) | string;
-  reason?: (() => string) | string;
-}): void;
-//#endregion
-export { deprecationWarning, warn };
-//# sourceMappingURL=warnings.d.ts.map

package/dist/utils/warnings.js

@@ -1,16 +0,0 @@
-//#region src/utils/warnings.ts
-const PREFIX = "Tasty";
-function warn(...args) {
-	console.warn(`${PREFIX}:`, ...args);
-}
-function deprecationWarning(condition, { property, name, betterAlternative, reason }) {
-	if (condition) return;
-	console.group(`⚠️ ${PREFIX}: Deprecation in ${name}`);
-	warn(`"${property}" is deprecated, consider better alternative: ${typeof betterAlternative === "function" ? betterAlternative() : betterAlternative}`);
-	if (reason) warn(`Reason: ${typeof reason === "function" ? reason() : reason}`);
-	console.groupEnd();
-}
-//#endregion
-export { deprecationWarning, warn };
-
-//# sourceMappingURL=warnings.js.map

package/dist/utils/warnings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"warnings.js","names":[],"sources":["../../src/utils/warnings.ts"],"sourcesContent":["/* eslint-disable no-console */\nconst PREFIX = 'Tasty';\n\nexport function warn(...args: unknown[]) {\n  console.warn(`${PREFIX}:`, ...args);\n}\n\nexport function deprecationWarning(\n  condition: unknown,\n  {\n    property,\n    name,\n    betterAlternative,\n    reason,\n  }: {\n    property: string;\n    name: string;\n    betterAlternative: (() => string) | string;\n    reason?: (() => string) | string;\n  },\n) {\n  if (condition) return;\n\n  if (process.env.NODE_ENV === 'production') {\n    return warn(\n      `DEPRECATION ${name} \"${property}\" -> ${\n        typeof betterAlternative === 'function'\n          ? betterAlternative()\n          : betterAlternative\n      }`,\n    );\n  }\n\n  // we can make deprecations even better if we add the md syntax in the console.\n  // anyway, everything down below will be stripped in the production build\n  console.group(`⚠️ ${PREFIX}: Deprecation in ${name}`);\n  warn(\n    `\"${property}\" is deprecated, consider better alternative: ${\n      typeof betterAlternative === 'function'\n        ? betterAlternative()\n        : betterAlternative\n    }`,\n  );\n  if (reason) {\n    warn(`Reason: ${typeof reason === 'function' ? reason() : reason}`);\n  }\n  console.groupEnd();\n}\n"],"mappings":";AACA,MAAM,SAAS;AAEf,SAAgB,KAAK,GAAG,MAAiB;AACvC,SAAQ,KAAK,GAAG,OAAO,IAAI,GAAG,KAAK;;AAGrC,SAAgB,mBACd,WACA,EACE,UACA,MACA,mBACA,UAOF;AACA,KAAI,UAAW;AAcf,SAAQ,MAAM,MAAM,OAAO,mBAAmB,OAAO;AACrD,MACE,IAAI,SAAS,gDACX,OAAO,sBAAsB,aACzB,mBAAmB,GACnB,oBAEP;AACD,KAAI,OACF,MAAK,WAAW,OAAO,WAAW,aAAa,QAAQ,GAAG,SAAS;AAErE,SAAQ,UAAU"}

package/dist/zero/css-writer.d.ts

@@ -1,45 +0,0 @@
-//#region src/zero/css-writer.d.ts
-interface CSSWriterOptions {
-  /** Enable source comments in output (e.g., "from: Button.tsx") */
-  devMode?: boolean;
-}
-declare class CSSWriter {
-  private cssBlocks;
-  private outputPath;
-  private devMode;
-  constructor(outputPath: string, options?: CSSWriterOptions);
-  /**
-   * Add CSS block with deduplication key
-   * @param key - Unique key for deduplication
-   * @param css - CSS content
-   * @param source - Optional source file path (used in devMode)
-   */
-  add(key: string, css: string, source?: string): void;
-  /**
-   * Check if a key already exists
-   */
-  has(key: string): boolean;
-  /**
-   * Get the number of CSS blocks
-   */
-  get size(): number;
-  /**
-   * Write all collected CSS to the output file
-   */
-  write(): void;
-  /**
-   * Get all CSS as string (for testing or in-memory use)
-   */
-  getCSS(): string;
-  /**
-   * Clear all collected CSS
-   */
-  clear(): void;
-  /**
-   * Get the output path
-   */
-  getOutputPath(): string;
-}
-//#endregion
-export { CSSWriter };
-//# sourceMappingURL=css-writer.d.ts.map

package/dist/zero/css-writer.js

@@ -1,73 +0,0 @@
-import * as fs from "fs";
-import * as path from "path";
-//#region src/zero/css-writer.ts
-var CSSWriter = class {
-	cssBlocks = /* @__PURE__ */ new Map();
-	outputPath;
-	devMode;
-	constructor(outputPath, options = {}) {
-		this.outputPath = outputPath;
-		this.devMode = options.devMode ?? false;
-	}
-	/**
-	* Add CSS block with deduplication key
-	* @param key - Unique key for deduplication
-	* @param css - CSS content
-	* @param source - Optional source file path (used in devMode)
-	*/
-	add(key, css, source) {
-		this.cssBlocks.set(key, {
-			css,
-			source
-		});
-	}
-	/**
-	* Check if a key already exists
-	*/
-	has(key) {
-		return this.cssBlocks.has(key);
-	}
-	/**
-	* Get the number of CSS blocks
-	*/
-	get size() {
-		return this.cssBlocks.size;
-	}
-	/**
-	* Write all collected CSS to the output file
-	*/
-	write() {
-		const outputDir = path.dirname(this.outputPath);
-		if (!fs.existsSync(outputDir)) fs.mkdirSync(outputDir, { recursive: true });
-		const cssBlocks = [];
-		for (const block of this.cssBlocks.values()) if (this.devMode && block.source) cssBlocks.push(`/* from: ${block.source} */\n${block.css}`);
-		else cssBlocks.push(block.css);
-		const css = cssBlocks.join("\n\n");
-		fs.writeFileSync(this.outputPath, `/* Generated by @tenphi/tasty/zero - DO NOT EDIT */\n\n` + css);
-	}
-	/**
-	* Get all CSS as string (for testing or in-memory use)
-	*/
-	getCSS() {
-		const cssBlocks = [];
-		for (const block of this.cssBlocks.values()) if (this.devMode && block.source) cssBlocks.push(`/* from: ${block.source} */\n${block.css}`);
-		else cssBlocks.push(block.css);
-		return cssBlocks.join("\n\n");
-	}
-	/**
-	* Clear all collected CSS
-	*/
-	clear() {
-		this.cssBlocks.clear();
-	}
-	/**
-	* Get the output path
-	*/
-	getOutputPath() {
-		return this.outputPath;
-	}
-};
-//#endregion
-export { CSSWriter };
-
-//# sourceMappingURL=css-writer.js.map

package/dist/zero/css-writer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css-writer.js","names":[],"sources":["../../src/zero/css-writer.ts"],"sourcesContent":["import * as fs from 'fs';\nimport * as path from 'path';\n\nexport interface CSSWriterOptions {\n  /** Enable source comments in output (e.g., \"from: Button.tsx\") */\n  devMode?: boolean;\n}\n\ninterface CSSBlock {\n  css: string;\n  source?: string;\n}\n\nexport class CSSWriter {\n  private cssBlocks = new Map<string, CSSBlock>();\n  private outputPath: string;\n  private devMode: boolean;\n\n  constructor(outputPath: string, options: CSSWriterOptions = {}) {\n    this.outputPath = outputPath;\n    this.devMode = options.devMode ?? false;\n  }\n\n  /**\n   * Add CSS block with deduplication key\n   * @param key - Unique key for deduplication\n   * @param css - CSS content\n   * @param source - Optional source file path (used in devMode)\n   */\n  add(key: string, css: string, source?: string): void {\n    this.cssBlocks.set(key, { css, source });\n  }\n\n  /**\n   * Check if a key already exists\n   */\n  has(key: string): boolean {\n    return this.cssBlocks.has(key);\n  }\n\n  /**\n   * Get the number of CSS blocks\n   */\n  get size(): number {\n    return this.cssBlocks.size;\n  }\n\n  /**\n   * Write all collected CSS to the output file\n   */\n  write(): void {\n    const outputDir = path.dirname(this.outputPath);\n\n    // Ensure directory exists\n    if (!fs.existsSync(outputDir)) {\n      fs.mkdirSync(outputDir, { recursive: true });\n    }\n\n    // Combine all CSS blocks with optional source comments\n    const cssBlocks: string[] = [];\n    for (const block of this.cssBlocks.values()) {\n      if (this.devMode && block.source) {\n        cssBlocks.push(`/* from: ${block.source} */\\n${block.css}`);\n      } else {\n        cssBlocks.push(block.css);\n      }\n    }\n    const css = cssBlocks.join('\\n\\n');\n\n    // Add header comment\n    const header = `/* Generated by @tenphi/tasty/zero - DO NOT EDIT */\\n\\n`;\n\n    fs.writeFileSync(this.outputPath, header + css);\n  }\n\n  /**\n   * Get all CSS as string (for testing or in-memory use)\n   */\n  getCSS(): string {\n    const cssBlocks: string[] = [];\n    for (const block of this.cssBlocks.values()) {\n      if (this.devMode && block.source) {\n        cssBlocks.push(`/* from: ${block.source} */\\n${block.css}`);\n      } else {\n        cssBlocks.push(block.css);\n      }\n    }\n    return cssBlocks.join('\\n\\n');\n  }\n\n  /**\n   * Clear all collected CSS\n   */\n  clear(): void {\n    this.cssBlocks.clear();\n  }\n\n  /**\n   * Get the output path\n   */\n  getOutputPath(): string {\n    return this.outputPath;\n  }\n}\n"],"mappings":";;;AAaA,IAAa,YAAb,MAAuB;CACrB,4BAAoB,IAAI,KAAuB;CAC/C;CACA;CAEA,YAAY,YAAoB,UAA4B,EAAE,EAAE;AAC9D,OAAK,aAAa;AAClB,OAAK,UAAU,QAAQ,WAAW;;;;;;;;CASpC,IAAI,KAAa,KAAa,QAAuB;AACnD,OAAK,UAAU,IAAI,KAAK;GAAE;GAAK;GAAQ,CAAC;;;;;CAM1C,IAAI,KAAsB;AACxB,SAAO,KAAK,UAAU,IAAI,IAAI;;;;;CAMhC,IAAI,OAAe;AACjB,SAAO,KAAK,UAAU;;;;;CAMxB,QAAc;EACZ,MAAM,YAAY,KAAK,QAAQ,KAAK,WAAW;AAG/C,MAAI,CAAC,GAAG,WAAW,UAAU,CAC3B,IAAG,UAAU,WAAW,EAAE,WAAW,MAAM,CAAC;EAI9C,MAAM,YAAsB,EAAE;AAC9B,OAAK,MAAM,SAAS,KAAK,UAAU,QAAQ,CACzC,KAAI,KAAK,WAAW,MAAM,OACxB,WAAU,KAAK,YAAY,MAAM,OAAO,OAAO,MAAM,MAAM;MAE3D,WAAU,KAAK,MAAM,IAAI;EAG7B,MAAM,MAAM,UAAU,KAAK,OAAO;AAKlC,KAAG,cAAc,KAAK,YAFP,4DAE4B,IAAI;;;;;CAMjD,SAAiB;EACf,MAAM,YAAsB,EAAE;AAC9B,OAAK,MAAM,SAAS,KAAK,UAAU,QAAQ,CACzC,KAAI,KAAK,WAAW,MAAM,OACxB,WAAU,KAAK,YAAY,MAAM,OAAO,OAAO,MAAM,MAAM;MAE3D,WAAU,KAAK,MAAM,IAAI;AAG7B,SAAO,UAAU,KAAK,OAAO;;;;;CAM/B,QAAc;AACZ,OAAK,UAAU,OAAO;;;;;CAMxB,gBAAwB;AACtB,SAAO,KAAK"}

package/dist/zero/extractor.d.ts

@@ -1,24 +0,0 @@
-import { Styles } from "../styles/types.js";
-
-//#region src/zero/extractor.d.ts
-interface ExtractedChunk {
-  className: string;
-  css: string;
-}
-interface ExtractedSelector {
-  selector: string;
-  css: string;
-}
-/**
- * Extract styles using chunking (for className mode).
- * Returns multiple classes, one per chunk.
- */
-declare function extractStylesWithChunks(styles: Styles): ExtractedChunk[];
-/**
- * Extract styles for a specific selector (for global/selector mode).
- * Returns a single CSS block.
- */
-declare function extractStylesForSelector(selector: string, styles: Styles): ExtractedSelector;
-//#endregion
-export { ExtractedChunk, ExtractedSelector, extractStylesForSelector, extractStylesWithChunks };
-//# sourceMappingURL=extractor.d.ts.map