@tenphi/tasty 0.1.0

package/dist/utils/hsl-to-rgb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hsl-to-rgb.mjs","names":[],"sources":["../../src/utils/hsl-to-rgb.ts"],"sourcesContent":["import { hslToRgbValues } from './process-tokens';\n\n/**\n * Convert HSL color string to RGB.\n * Supports:\n * - Modern: hsl(h s% l%), hsl(h s% l% / a)\n * - Legacy: hsl(h, s%, l%), hsla(h, s%, l%, a)\n */\nexport function hslToRgb(hslStr: string): string | null {\n  const match = hslStr.match(/hsla?\\(([^)]+)\\)/i);\n  if (!match) return null;\n\n  const inner = match[1].trim();\n  const [colorPart, slashAlpha] = inner.split('/');\n  const parts = colorPart\n    .trim()\n    .split(/[,\\s]+/)\n    .filter(Boolean);\n\n  if (parts.length < 3) return null;\n\n  // Alpha can come from slash notation (modern) or 4th part (legacy comma syntax)\n  const alphaPart = slashAlpha?.trim() || (parts.length >= 4 ? parts[3] : null);\n\n  // Parse hue\n  let h = parseFloat(parts[0]);\n  const hueStr = parts[0].toLowerCase();\n  if (hueStr.endsWith('turn')) h = parseFloat(hueStr) * 360;\n  else if (hueStr.endsWith('rad')) h = (parseFloat(hueStr) * 180) / Math.PI;\n  h = ((h % 360) + 360) % 360;\n\n  // Parse saturation and lightness\n  const parsePercent = (val: string): number => {\n    const num = parseFloat(val);\n    return val.includes('%') ? num / 100 : num;\n  };\n  const s = Math.max(0, Math.min(1, parsePercent(parts[1])));\n  const l = Math.max(0, Math.min(1, parsePercent(parts[2])));\n\n  // Use shared HSL to RGB conversion\n  const [r, g, b] = hslToRgbValues(h, s, l);\n\n  if (alphaPart) {\n    const alpha = parseFloat(alphaPart.trim());\n    return `rgba(${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)}, ${alpha})`;\n  }\n\n  return `rgb(${Math.round(r)} ${Math.round(g)} ${Math.round(b)})`;\n}\n"],"mappings":";;;;;;;;;AAQA,SAAgB,SAAS,QAA+B;CACtD,MAAM,QAAQ,OAAO,MAAM,oBAAoB;AAC/C,KAAI,CAAC,MAAO,QAAO;CAGnB,MAAM,CAAC,WAAW,cADJ,MAAM,GAAG,MAAM,CACS,MAAM,IAAI;CAChD,MAAM,QAAQ,UACX,MAAM,CACN,MAAM,SAAS,CACf,OAAO,QAAQ;AAElB,KAAI,MAAM,SAAS,EAAG,QAAO;CAG7B,MAAM,YAAY,YAAY,MAAM,KAAK,MAAM,UAAU,IAAI,MAAM,KAAK;CAGxE,IAAI,IAAI,WAAW,MAAM,GAAG;CAC5B,MAAM,SAAS,MAAM,GAAG,aAAa;AACrC,KAAI,OAAO,SAAS,OAAO,CAAE,KAAI,WAAW,OAAO,GAAG;UAC7C,OAAO,SAAS,MAAM,CAAE,KAAK,WAAW,OAAO,GAAG,MAAO,KAAK;AACvE,MAAM,IAAI,MAAO,OAAO;CAGxB,MAAM,gBAAgB,QAAwB;EAC5C,MAAM,MAAM,WAAW,IAAI;AAC3B,SAAO,IAAI,SAAS,IAAI,GAAG,MAAM,MAAM;;CAEzC,MAAM,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,aAAa,MAAM,GAAG,CAAC,CAAC;CAC1D,MAAM,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,aAAa,MAAM,GAAG,CAAC,CAAC;CAG1D,MAAM,CAAC,GAAG,GAAG,KAAK,eAAe,GAAG,GAAG,EAAE;AAEzC,KAAI,WAAW;EACb,MAAM,QAAQ,WAAW,UAAU,MAAM,CAAC;AAC1C,SAAO,QAAQ,KAAK,MAAM,EAAE,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC,IAAI,MAAM;;AAG7E,QAAO,OAAO,KAAK,MAAM,EAAE,CAAC,GAAG,KAAK,MAAM,EAAE,CAAC,GAAG,KAAK,MAAM,EAAE,CAAC"}

package/dist/utils/is-dev-env.js

@@ -0,0 +1,19 @@
+//#region src/utils/is-dev-env.ts
+/**
+* Check if we're in a development environment at runtime
+* Uses bracket notation to avoid bundler compilation
+* Also checks for TASTY_DEBUG localStorage setting
+*/
+function isDevEnv() {
+	if (typeof window !== "undefined" && window.localStorage) try {
+		const forceTastyDebug = window.localStorage.getItem("TASTY_DEBUG");
+		if (forceTastyDebug !== null && forceTastyDebug.toLowerCase() === "true") return true;
+	} catch {}
+	if (typeof process === "undefined") return false;
+	const nodeEnv = "development";
+	return nodeEnv !== "test" && nodeEnv !== "production";
+}
+
+//#endregion
+export { isDevEnv };
+//# sourceMappingURL=is-dev-env.js.map

package/dist/utils/is-dev-env.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-dev-env.js","names":[],"sources":["../../src/utils/is-dev-env.ts"],"sourcesContent":["/**\n * Check if we're in a development environment at runtime\n * Uses bracket notation to avoid bundler compilation\n * Also checks for TASTY_DEBUG localStorage setting\n */\nexport function isDevEnv(): boolean {\n  // Check localStorage for DEBUG_TASTY setting (browser environment)\n  if (typeof window !== 'undefined' && window.localStorage) {\n    try {\n      const forceTastyDebug = window.localStorage.getItem('TASTY_DEBUG');\n      if (\n        forceTastyDebug !== null &&\n        forceTastyDebug.toLowerCase() === 'true'\n      ) {\n        return true;\n      }\n    } catch {\n      // localStorage might not be available (private browsing, etc.)\n      // Continue with other checks\n    }\n  }\n\n  // Check NODE_ENV for Node.js environments\n  if (typeof process === 'undefined') return false;\n\n  // Use bracket notation to avoid bundler replacement\n  const nodeEnv = process.env?.['NODE_ENV'];\n  return nodeEnv !== 'test' && nodeEnv !== 'production';\n}\n"],"mappings":";;;;;;AAKA,SAAgB,WAAoB;AAElC,KAAI,OAAO,WAAW,eAAe,OAAO,aAC1C,KAAI;EACF,MAAM,kBAAkB,OAAO,aAAa,QAAQ,cAAc;AAClE,MACE,oBAAoB,QACpB,gBAAgB,aAAa,KAAK,OAElC,QAAO;SAEH;AAOV,KAAI,OAAO,YAAY,YAAa,QAAO;CAG3C,MAAM;AACN,QAAO,YAAY,UAAU,YAAY"}

package/dist/utils/is-dev-env.mjs

@@ -0,0 +1,19 @@
+//#region src/utils/is-dev-env.ts
+/**
+* Check if we're in a development environment at runtime
+* Uses bracket notation to avoid bundler compilation
+* Also checks for TASTY_DEBUG localStorage setting
+*/
+function isDevEnv() {
+	if (typeof window !== "undefined" && window.localStorage) try {
+		const forceTastyDebug = window.localStorage.getItem("TASTY_DEBUG");
+		if (forceTastyDebug !== null && forceTastyDebug.toLowerCase() === "true") return true;
+	} catch {}
+	if (typeof process === "undefined") return false;
+	const nodeEnv = process.env?.["NODE_ENV"];
+	return nodeEnv !== "test" && nodeEnv !== "production";
+}
+
+//#endregion
+export { isDevEnv };
+//# sourceMappingURL=is-dev-env.mjs.map

package/dist/utils/is-dev-env.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-dev-env.mjs","names":[],"sources":["../../src/utils/is-dev-env.ts"],"sourcesContent":["/**\n * Check if we're in a development environment at runtime\n * Uses bracket notation to avoid bundler compilation\n * Also checks for TASTY_DEBUG localStorage setting\n */\nexport function isDevEnv(): boolean {\n  // Check localStorage for DEBUG_TASTY setting (browser environment)\n  if (typeof window !== 'undefined' && window.localStorage) {\n    try {\n      const forceTastyDebug = window.localStorage.getItem('TASTY_DEBUG');\n      if (\n        forceTastyDebug !== null &&\n        forceTastyDebug.toLowerCase() === 'true'\n      ) {\n        return true;\n      }\n    } catch {\n      // localStorage might not be available (private browsing, etc.)\n      // Continue with other checks\n    }\n  }\n\n  // Check NODE_ENV for Node.js environments\n  if (typeof process === 'undefined') return false;\n\n  // Use bracket notation to avoid bundler replacement\n  const nodeEnv = process.env?.['NODE_ENV'];\n  return nodeEnv !== 'test' && nodeEnv !== 'production';\n}\n"],"mappings":";;;;;;AAKA,SAAgB,WAAoB;AAElC,KAAI,OAAO,WAAW,eAAe,OAAO,aAC1C,KAAI;EACF,MAAM,kBAAkB,OAAO,aAAa,QAAQ,cAAc;AAClE,MACE,oBAAoB,QACpB,gBAAgB,aAAa,KAAK,OAElC,QAAO;SAEH;AAOV,KAAI,OAAO,YAAY,YAAa,QAAO;CAG3C,MAAM,UAAU,QAAQ,MAAM;AAC9B,QAAO,YAAY,UAAU,YAAY"}

package/dist/utils/merge-styles.d.ts

@@ -0,0 +1,7 @@
+import { Styles } from "../styles/types.js";
+
+//#region src/utils/merge-styles.d.ts
+declare function mergeStyles(...objects: (Styles | undefined | null)[]): Styles;
+//#endregion
+export { mergeStyles };
+//# sourceMappingURL=merge-styles.d.ts.map

package/dist/utils/merge-styles.js

@@ -0,0 +1,146 @@
+import { isDevEnv } from "./is-dev-env.js";
+import { isSelector } from "../pipeline/index.js";
+
+//#region src/utils/merge-styles.ts
+const devMode = isDevEnv();
+const INHERIT_VALUE = "@inherit";
+/**
+* Check if a value is a state map (object, not array).
+*/
+function isStateMap(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+/**
+* Normalize a parent value to a state map.
+* - Already a state map → return as-is
+* - Non-null, non-false primitive → wrap as `{ '': value }`
+* - null / undefined / false → return null (no parent to merge with)
+*/
+function normalizeToStateMap(value) {
+	if (isStateMap(value)) return value;
+	if (value != null && value !== false) return { "": value };
+	return null;
+}
+/**
+* Resolve a child state map against a parent value.
+*
+* Mode is determined by whether the child contains a `''` (default) key:
+* - No `''` → extend mode: parent entries preserved, child adds/overrides/repositions
+* - Has `''` → replace mode: child defines everything, `@inherit` cherry-picks from parent
+*
+* In both modes:
+* - `@inherit` value → resolve from parent state map
+* - `null` value → remove this state from the result
+* - `false` value → tombstone, persists through all layers, blocks recipe
+*/
+function resolveStateMap(parentValue, childMap) {
+	const isExtend = !("" in childMap);
+	const parentMap = normalizeToStateMap(parentValue);
+	if (!parentMap) {
+		const result = {};
+		for (const key of Object.keys(childMap)) {
+			const val = childMap[key];
+			if (val === null || val === INHERIT_VALUE) continue;
+			result[key] = val;
+		}
+		return result;
+	}
+	if (isExtend) return resolveExtendMode(parentMap, childMap);
+	return resolveReplaceMode(parentMap, childMap);
+}
+/**
+* Extend mode: parent entries are preserved, child entries add/override/reposition.
+*/
+function resolveExtendMode(parentMap, childMap) {
+	const inheritKeys = /* @__PURE__ */ new Set();
+	const removeKeys = /* @__PURE__ */ new Set();
+	const overrideKeys = /* @__PURE__ */ new Map();
+	for (const key of Object.keys(childMap)) {
+		const val = childMap[key];
+		if (val === INHERIT_VALUE) {
+			if (key in parentMap) inheritKeys.add(key);
+			else if (devMode) console.warn(`[Tasty] @inherit used for state '${key}' that does not exist in the parent style map. Entry skipped.`);
+		} else if (val === null) removeKeys.add(key);
+		else if (key in parentMap) overrideKeys.set(key, val);
+	}
+	const result = {};
+	for (const key of Object.keys(parentMap)) {
+		if (removeKeys.has(key)) continue;
+		if (inheritKeys.has(key)) continue;
+		if (overrideKeys.has(key)) result[key] = overrideKeys.get(key);
+		else result[key] = parentMap[key];
+	}
+	for (const key of Object.keys(childMap)) if (inheritKeys.has(key)) result[key] = parentMap[key];
+	else if (!removeKeys.has(key) && !overrideKeys.has(key) && childMap[key] !== INHERIT_VALUE) result[key] = childMap[key];
+	return result;
+}
+/**
+* Replace mode: child entries define the result, `@inherit` pulls from parent.
+*/
+function resolveReplaceMode(parentMap, childMap) {
+	const result = {};
+	for (const key of Object.keys(childMap)) {
+		const val = childMap[key];
+		if (val === INHERIT_VALUE) {
+			if (key in parentMap) result[key] = parentMap[key];
+			else if (devMode) console.warn(`[Tasty] @inherit used for state '${key}' that does not exist in the parent style map. Entry skipped.`);
+		} else if (val !== null) result[key] = val;
+	}
+	return result;
+}
+/**
+* Merge sub-element properties with state map / null / undefined support.
+*/
+function mergeSubElementStyles(parentSub, childSub) {
+	const parent = parentSub;
+	const child = childSub;
+	const merged = {
+		...parent,
+		...child
+	};
+	for (const key of Object.keys(child)) {
+		const val = child[key];
+		if (val === void 0) {
+			if (parent && key in parent) merged[key] = parent[key];
+		} else if (val === null) delete merged[key];
+		else if (isStateMap(val)) merged[key] = resolveStateMap(parent ? parent[key] : void 0, val);
+	}
+	return merged;
+}
+function mergeStyles(...objects) {
+	let styles = objects[0] ? { ...objects[0] } : {};
+	let pos = 1;
+	while (pos in objects) {
+		const selectorKeys = Object.keys(styles).filter((key) => isSelector(key) && styles[key]);
+		const newStyles = objects[pos];
+		if (newStyles) {
+			const resultStyles = {
+				...styles,
+				...newStyles
+			};
+			const newSelectorKeys = Object.keys(newStyles).filter(isSelector);
+			const allSelectorKeys = new Set([...selectorKeys, ...newSelectorKeys]);
+			for (const key of allSelectorKeys) {
+				const newValue = newStyles?.[key];
+				if (newValue === false || newValue === null) delete resultStyles[key];
+				else if (newValue === void 0) resultStyles[key] = styles[key];
+				else if (newValue) resultStyles[key] = mergeSubElementStyles(styles[key], newValue);
+			}
+			for (const key of Object.keys(newStyles)) {
+				if (isSelector(key)) continue;
+				const newValue = newStyles[key];
+				if (newValue === void 0) if (key in styles) resultStyles[key] = styles[key];
+				else delete resultStyles[key];
+				else if (newValue === null) delete resultStyles[key];
+				else if (isStateMap(newValue)) resultStyles[key] = resolveStateMap(styles[key], newValue);
+			}
+			styles = resultStyles;
+		}
+		pos++;
+	}
+	return styles;
+}
+
+//#endregion
+export { mergeStyles };
+//# sourceMappingURL=merge-styles.js.map

package/dist/utils/merge-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-styles.js","names":[],"sources":["../../src/utils/merge-styles.ts"],"sourcesContent":["import { isSelector } from '../pipeline';\nimport type { Styles, StylesWithoutSelectors } from '../styles/types';\n\nimport { isDevEnv } from './is-dev-env';\n\nconst devMode = isDevEnv();\n\nconst INHERIT_VALUE = '@inherit';\n\n/**\n * Check if a value is a state map (object, not array).\n */\nfunction isStateMap(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\n/**\n * Normalize a parent value to a state map.\n * - Already a state map → return as-is\n * - Non-null, non-false primitive → wrap as `{ '': value }`\n * - null / undefined / false → return null (no parent to merge with)\n */\nfunction normalizeToStateMap(value: unknown): Record<string, unknown> | null {\n  if (isStateMap(value)) return value as Record<string, unknown>;\n  if (value != null && value !== false) return { '': value };\n  return null;\n}\n\n/**\n * Resolve a child state map against a parent value.\n *\n * Mode is determined by whether the child contains a `''` (default) key:\n * - No `''` → extend mode: parent entries preserved, child adds/overrides/repositions\n * - Has `''` → replace mode: child defines everything, `@inherit` cherry-picks from parent\n *\n * In both modes:\n * - `@inherit` value → resolve from parent state map\n * - `null` value → remove this state from the result\n * - `false` value → tombstone, persists through all layers, blocks recipe\n */\nfunction resolveStateMap(\n  parentValue: unknown,\n  childMap: Record<string, unknown>,\n): Record<string, unknown> {\n  const isExtend = !('' in childMap);\n  const parentMap = normalizeToStateMap(parentValue);\n\n  if (!parentMap) {\n    // No parent to merge with — strip nulls and @inherit, return child entries\n    const result: Record<string, unknown> = {};\n    for (const key of Object.keys(childMap)) {\n      const val = childMap[key];\n      if (val === null || val === INHERIT_VALUE) continue;\n      result[key] = val;\n    }\n    return result;\n  }\n\n  if (isExtend) {\n    return resolveExtendMode(parentMap, childMap);\n  }\n\n  return resolveReplaceMode(parentMap, childMap);\n}\n\n/**\n * Extend mode: parent entries are preserved, child entries add/override/reposition.\n */\nfunction resolveExtendMode(\n  parentMap: Record<string, unknown>,\n  childMap: Record<string, unknown>,\n): Record<string, unknown> {\n  const inheritKeys = new Set<string>();\n  const removeKeys = new Set<string>();\n  const overrideKeys = new Map<string, unknown>();\n\n  for (const key of Object.keys(childMap)) {\n    const val = childMap[key];\n    if (val === INHERIT_VALUE) {\n      if (key in parentMap) {\n        inheritKeys.add(key);\n      } else if (devMode) {\n        console.warn(\n          `[Tasty] @inherit used for state '${key}' that does not exist in the parent style map. Entry skipped.`,\n        );\n      }\n    } else if (val === null) {\n      removeKeys.add(key);\n    } else if (key in parentMap) {\n      overrideKeys.set(key, val);\n    }\n  }\n\n  // 1. Parent entries in order (skip removed, skip repositioned, apply overrides)\n  const result: Record<string, unknown> = {};\n  for (const key of Object.keys(parentMap)) {\n    if (removeKeys.has(key)) continue;\n    if (inheritKeys.has(key)) continue;\n    if (overrideKeys.has(key)) {\n      result[key] = overrideKeys.get(key);\n    } else {\n      result[key] = parentMap[key];\n    }\n  }\n\n  // 2. Append new + repositioned entries in child declaration order\n  for (const key of Object.keys(childMap)) {\n    if (inheritKeys.has(key)) {\n      result[key] = parentMap[key];\n    } else if (\n      !removeKeys.has(key) &&\n      !overrideKeys.has(key) &&\n      // Skip @inherit for keys that weren't in the parent (already warned above)\n      childMap[key] !== INHERIT_VALUE\n    ) {\n      result[key] = childMap[key];\n    }\n  }\n\n  return result;\n}\n\n/**\n * Replace mode: child entries define the result, `@inherit` pulls from parent.\n */\nfunction resolveReplaceMode(\n  parentMap: Record<string, unknown>,\n  childMap: Record<string, unknown>,\n): Record<string, unknown> {\n  const result: Record<string, unknown> = {};\n\n  for (const key of Object.keys(childMap)) {\n    const val = childMap[key];\n    if (val === INHERIT_VALUE) {\n      if (key in parentMap) {\n        result[key] = parentMap[key];\n      } else if (devMode) {\n        console.warn(\n          `[Tasty] @inherit used for state '${key}' that does not exist in the parent style map. Entry skipped.`,\n        );\n      }\n    } else if (val !== null) {\n      result[key] = val;\n    }\n  }\n\n  return result;\n}\n\n/**\n * Merge sub-element properties with state map / null / undefined support.\n */\nfunction mergeSubElementStyles(\n  parentSub: StylesWithoutSelectors | undefined,\n  childSub: StylesWithoutSelectors,\n): StylesWithoutSelectors {\n  const parent = parentSub as Record<string, unknown> | undefined;\n  const child = childSub as Record<string, unknown>;\n  const merged: Record<string, unknown> = { ...parent, ...child };\n\n  for (const key of Object.keys(child)) {\n    const val = child[key];\n\n    if (val === undefined) {\n      if (parent && key in parent) {\n        merged[key] = parent[key];\n      }\n    } else if (val === null) {\n      delete merged[key];\n    } else if (isStateMap(val)) {\n      merged[key] = resolveStateMap(\n        parent ? parent[key] : undefined,\n        val as Record<string, unknown>,\n      );\n    }\n  }\n\n  return merged as StylesWithoutSelectors;\n}\n\nexport function mergeStyles(...objects: (Styles | undefined | null)[]): Styles {\n  let styles: Styles = objects[0] ? { ...objects[0] } : {};\n  let pos = 1;\n\n  while (pos in objects) {\n    const selectorKeys = Object.keys(styles).filter(\n      (key) => isSelector(key) && styles[key],\n    );\n    const newStyles = objects[pos];\n\n    if (newStyles) {\n      const resultStyles = { ...styles, ...newStyles };\n\n      // Collect all selector keys from both parent and child\n      const newSelectorKeys = Object.keys(newStyles).filter(isSelector);\n      const allSelectorKeys = new Set([...selectorKeys, ...newSelectorKeys]);\n\n      for (const key of allSelectorKeys) {\n        const newValue = newStyles?.[key];\n\n        if (newValue === false || newValue === null) {\n          delete resultStyles[key];\n        } else if (newValue === undefined) {\n          resultStyles[key] = styles[key];\n        } else if (newValue) {\n          resultStyles[key] = mergeSubElementStyles(\n            styles[key] as StylesWithoutSelectors,\n            newValue as StylesWithoutSelectors,\n          );\n        }\n      }\n\n      // Handle non-selector properties: state maps, null, undefined\n      for (const key of Object.keys(newStyles)) {\n        if (isSelector(key)) continue;\n\n        const newValue = newStyles[key];\n\n        if (newValue === undefined) {\n          if (key in styles) {\n            resultStyles[key] = styles[key];\n          } else {\n            delete resultStyles[key];\n          }\n        } else if (newValue === null) {\n          delete resultStyles[key];\n        } else if (isStateMap(newValue)) {\n          (resultStyles as Record<string, unknown>)[key] = resolveStateMap(\n            styles[key],\n            newValue as Record<string, unknown>,\n          );\n        }\n      }\n\n      styles = resultStyles;\n    }\n\n    pos++;\n  }\n\n  return styles;\n}\n"],"mappings":";;;;AAKA,MAAM,UAAU,UAAU;AAE1B,MAAM,gBAAgB;;;;AAKtB,SAAS,WAAW,OAAkD;AACpE,QAAO,OAAO,UAAU,YAAY,UAAU,QAAQ,CAAC,MAAM,QAAQ,MAAM;;;;;;;;AAS7E,SAAS,oBAAoB,OAAgD;AAC3E,KAAI,WAAW,MAAM,CAAE,QAAO;AAC9B,KAAI,SAAS,QAAQ,UAAU,MAAO,QAAO,EAAE,IAAI,OAAO;AAC1D,QAAO;;;;;;;;;;;;;;AAeT,SAAS,gBACP,aACA,UACyB;CACzB,MAAM,WAAW,EAAE,MAAM;CACzB,MAAM,YAAY,oBAAoB,YAAY;AAElD,KAAI,CAAC,WAAW;EAEd,MAAM,SAAkC,EAAE;AAC1C,OAAK,MAAM,OAAO,OAAO,KAAK,SAAS,EAAE;GACvC,MAAM,MAAM,SAAS;AACrB,OAAI,QAAQ,QAAQ,QAAQ,cAAe;AAC3C,UAAO,OAAO;;AAEhB,SAAO;;AAGT,KAAI,SACF,QAAO,kBAAkB,WAAW,SAAS;AAG/C,QAAO,mBAAmB,WAAW,SAAS;;;;;AAMhD,SAAS,kBACP,WACA,UACyB;CACzB,MAAM,8BAAc,IAAI,KAAa;CACrC,MAAM,6BAAa,IAAI,KAAa;CACpC,MAAM,+BAAe,IAAI,KAAsB;AAE/C,MAAK,MAAM,OAAO,OAAO,KAAK,SAAS,EAAE;EACvC,MAAM,MAAM,SAAS;AACrB,MAAI,QAAQ,eACV;OAAI,OAAO,UACT,aAAY,IAAI,IAAI;YACX,QACT,SAAQ,KACN,oCAAoC,IAAI,+DACzC;aAEM,QAAQ,KACjB,YAAW,IAAI,IAAI;WACV,OAAO,UAChB,cAAa,IAAI,KAAK,IAAI;;CAK9B,MAAM,SAAkC,EAAE;AAC1C,MAAK,MAAM,OAAO,OAAO,KAAK,UAAU,EAAE;AACxC,MAAI,WAAW,IAAI,IAAI,CAAE;AACzB,MAAI,YAAY,IAAI,IAAI,CAAE;AAC1B,MAAI,aAAa,IAAI,IAAI,CACvB,QAAO,OAAO,aAAa,IAAI,IAAI;MAEnC,QAAO,OAAO,UAAU;;AAK5B,MAAK,MAAM,OAAO,OAAO,KAAK,SAAS,CACrC,KAAI,YAAY,IAAI,IAAI,CACtB,QAAO,OAAO,UAAU;UAExB,CAAC,WAAW,IAAI,IAAI,IACpB,CAAC,aAAa,IAAI,IAAI,IAEtB,SAAS,SAAS,cAElB,QAAO,OAAO,SAAS;AAI3B,QAAO;;;;;AAMT,SAAS,mBACP,WACA,UACyB;CACzB,MAAM,SAAkC,EAAE;AAE1C,MAAK,MAAM,OAAO,OAAO,KAAK,SAAS,EAAE;EACvC,MAAM,MAAM,SAAS;AACrB,MAAI,QAAQ,eACV;OAAI,OAAO,UACT,QAAO,OAAO,UAAU;YACf,QACT,SAAQ,KACN,oCAAoC,IAAI,+DACzC;aAEM,QAAQ,KACjB,QAAO,OAAO;;AAIlB,QAAO;;;;;AAMT,SAAS,sBACP,WACA,UACwB;CACxB,MAAM,SAAS;CACf,MAAM,QAAQ;CACd,MAAM,SAAkC;EAAE,GAAG;EAAQ,GAAG;EAAO;AAE/D,MAAK,MAAM,OAAO,OAAO,KAAK,MAAM,EAAE;EACpC,MAAM,MAAM,MAAM;AAElB,MAAI,QAAQ,QACV;OAAI,UAAU,OAAO,OACnB,QAAO,OAAO,OAAO;aAEd,QAAQ,KACjB,QAAO,OAAO;WACL,WAAW,IAAI,CACxB,QAAO,OAAO,gBACZ,SAAS,OAAO,OAAO,QACvB,IACD;;AAIL,QAAO;;AAGT,SAAgB,YAAY,GAAG,SAAgD;CAC7E,IAAI,SAAiB,QAAQ,KAAK,EAAE,GAAG,QAAQ,IAAI,GAAG,EAAE;CACxD,IAAI,MAAM;AAEV,QAAO,OAAO,SAAS;EACrB,MAAM,eAAe,OAAO,KAAK,OAAO,CAAC,QACtC,QAAQ,WAAW,IAAI,IAAI,OAAO,KACpC;EACD,MAAM,YAAY,QAAQ;AAE1B,MAAI,WAAW;GACb,MAAM,eAAe;IAAE,GAAG;IAAQ,GAAG;IAAW;GAGhD,MAAM,kBAAkB,OAAO,KAAK,UAAU,CAAC,OAAO,WAAW;GACjE,MAAM,kBAAkB,IAAI,IAAI,CAAC,GAAG,cAAc,GAAG,gBAAgB,CAAC;AAEtE,QAAK,MAAM,OAAO,iBAAiB;IACjC,MAAM,WAAW,YAAY;AAE7B,QAAI,aAAa,SAAS,aAAa,KACrC,QAAO,aAAa;aACX,aAAa,OACtB,cAAa,OAAO,OAAO;aAClB,SACT,cAAa,OAAO,sBAClB,OAAO,MACP,SACD;;AAKL,QAAK,MAAM,OAAO,OAAO,KAAK,UAAU,EAAE;AACxC,QAAI,WAAW,IAAI,CAAE;IAErB,MAAM,WAAW,UAAU;AAE3B,QAAI,aAAa,OACf,KAAI,OAAO,OACT,cAAa,OAAO,OAAO;QAE3B,QAAO,aAAa;aAEb,aAAa,KACtB,QAAO,aAAa;aACX,WAAW,SAAS,CAC7B,CAAC,aAAyC,OAAO,gBAC/C,OAAO,MACP,SACD;;AAIL,YAAS;;AAGX;;AAGF,QAAO"}

package/dist/utils/merge-styles.mjs

@@ -0,0 +1,146 @@
+import { isDevEnv } from "./is-dev-env.mjs";
+import { isSelector } from "../pipeline/index.mjs";
+
+//#region src/utils/merge-styles.ts
+const devMode = isDevEnv();
+const INHERIT_VALUE = "@inherit";
+/**
+* Check if a value is a state map (object, not array).
+*/
+function isStateMap(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+/**
+* Normalize a parent value to a state map.
+* - Already a state map → return as-is
+* - Non-null, non-false primitive → wrap as `{ '': value }`
+* - null / undefined / false → return null (no parent to merge with)
+*/
+function normalizeToStateMap(value) {
+	if (isStateMap(value)) return value;
+	if (value != null && value !== false) return { "": value };
+	return null;
+}
+/**
+* Resolve a child state map against a parent value.
+*
+* Mode is determined by whether the child contains a `''` (default) key:
+* - No `''` → extend mode: parent entries preserved, child adds/overrides/repositions
+* - Has `''` → replace mode: child defines everything, `@inherit` cherry-picks from parent
+*
+* In both modes:
+* - `@inherit` value → resolve from parent state map
+* - `null` value → remove this state from the result
+* - `false` value → tombstone, persists through all layers, blocks recipe
+*/
+function resolveStateMap(parentValue, childMap) {
+	const isExtend = !("" in childMap);
+	const parentMap = normalizeToStateMap(parentValue);
+	if (!parentMap) {
+		const result = {};
+		for (const key of Object.keys(childMap)) {
+			const val = childMap[key];
+			if (val === null || val === INHERIT_VALUE) continue;
+			result[key] = val;
+		}
+		return result;
+	}
+	if (isExtend) return resolveExtendMode(parentMap, childMap);
+	return resolveReplaceMode(parentMap, childMap);
+}
+/**
+* Extend mode: parent entries are preserved, child entries add/override/reposition.
+*/
+function resolveExtendMode(parentMap, childMap) {
+	const inheritKeys = /* @__PURE__ */ new Set();
+	const removeKeys = /* @__PURE__ */ new Set();
+	const overrideKeys = /* @__PURE__ */ new Map();
+	for (const key of Object.keys(childMap)) {
+		const val = childMap[key];
+		if (val === INHERIT_VALUE) {
+			if (key in parentMap) inheritKeys.add(key);
+			else if (devMode) console.warn(`[Tasty] @inherit used for state '${key}' that does not exist in the parent style map. Entry skipped.`);
+		} else if (val === null) removeKeys.add(key);
+		else if (key in parentMap) overrideKeys.set(key, val);
+	}
+	const result = {};
+	for (const key of Object.keys(parentMap)) {
+		if (removeKeys.has(key)) continue;
+		if (inheritKeys.has(key)) continue;
+		if (overrideKeys.has(key)) result[key] = overrideKeys.get(key);
+		else result[key] = parentMap[key];
+	}
+	for (const key of Object.keys(childMap)) if (inheritKeys.has(key)) result[key] = parentMap[key];
+	else if (!removeKeys.has(key) && !overrideKeys.has(key) && childMap[key] !== INHERIT_VALUE) result[key] = childMap[key];
+	return result;
+}
+/**
+* Replace mode: child entries define the result, `@inherit` pulls from parent.
+*/
+function resolveReplaceMode(parentMap, childMap) {
+	const result = {};
+	for (const key of Object.keys(childMap)) {
+		const val = childMap[key];
+		if (val === INHERIT_VALUE) {
+			if (key in parentMap) result[key] = parentMap[key];
+			else if (devMode) console.warn(`[Tasty] @inherit used for state '${key}' that does not exist in the parent style map. Entry skipped.`);
+		} else if (val !== null) result[key] = val;
+	}
+	return result;
+}
+/**
+* Merge sub-element properties with state map / null / undefined support.
+*/
+function mergeSubElementStyles(parentSub, childSub) {
+	const parent = parentSub;
+	const child = childSub;
+	const merged = {
+		...parent,
+		...child
+	};
+	for (const key of Object.keys(child)) {
+		const val = child[key];
+		if (val === void 0) {
+			if (parent && key in parent) merged[key] = parent[key];
+		} else if (val === null) delete merged[key];
+		else if (isStateMap(val)) merged[key] = resolveStateMap(parent ? parent[key] : void 0, val);
+	}
+	return merged;
+}
+function mergeStyles(...objects) {
+	let styles = objects[0] ? { ...objects[0] } : {};
+	let pos = 1;
+	while (pos in objects) {
+		const selectorKeys = Object.keys(styles).filter((key) => isSelector(key) && styles[key]);
+		const newStyles = objects[pos];
+		if (newStyles) {
+			const resultStyles = {
+				...styles,
+				...newStyles
+			};
+			const newSelectorKeys = Object.keys(newStyles).filter(isSelector);
+			const allSelectorKeys = new Set([...selectorKeys, ...newSelectorKeys]);
+			for (const key of allSelectorKeys) {
+				const newValue = newStyles?.[key];
+				if (newValue === false || newValue === null) delete resultStyles[key];
+				else if (newValue === void 0) resultStyles[key] = styles[key];
+				else if (newValue) resultStyles[key] = mergeSubElementStyles(styles[key], newValue);
+			}
+			for (const key of Object.keys(newStyles)) {
+				if (isSelector(key)) continue;
+				const newValue = newStyles[key];
+				if (newValue === void 0) if (key in styles) resultStyles[key] = styles[key];
+				else delete resultStyles[key];
+				else if (newValue === null) delete resultStyles[key];
+				else if (isStateMap(newValue)) resultStyles[key] = resolveStateMap(styles[key], newValue);
+			}
+			styles = resultStyles;
+		}
+		pos++;
+	}
+	return styles;
+}
+
+//#endregion
+export { mergeStyles };
+//# sourceMappingURL=merge-styles.mjs.map

package/dist/utils/merge-styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-styles.mjs","names":[],"sources":["../../src/utils/merge-styles.ts"],"sourcesContent":["import { isSelector } from '../pipeline';\nimport type { Styles, StylesWithoutSelectors } from '../styles/types';\n\nimport { isDevEnv } from './is-dev-env';\n\nconst devMode = isDevEnv();\n\nconst INHERIT_VALUE = '@inherit';\n\n/**\n * Check if a value is a state map (object, not array).\n */\nfunction isStateMap(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\n/**\n * Normalize a parent value to a state map.\n * - Already a state map → return as-is\n * - Non-null, non-false primitive → wrap as `{ '': value }`\n * - null / undefined / false → return null (no parent to merge with)\n */\nfunction normalizeToStateMap(value: unknown): Record<string, unknown> | null {\n  if (isStateMap(value)) return value as Record<string, unknown>;\n  if (value != null && value !== false) return { '': value };\n  return null;\n}\n\n/**\n * Resolve a child state map against a parent value.\n *\n * Mode is determined by whether the child contains a `''` (default) key:\n * - No `''` → extend mode: parent entries preserved, child adds/overrides/repositions\n * - Has `''` → replace mode: child defines everything, `@inherit` cherry-picks from parent\n *\n * In both modes:\n * - `@inherit` value → resolve from parent state map\n * - `null` value → remove this state from the result\n * - `false` value → tombstone, persists through all layers, blocks recipe\n */\nfunction resolveStateMap(\n  parentValue: unknown,\n  childMap: Record<string, unknown>,\n): Record<string, unknown> {\n  const isExtend = !('' in childMap);\n  const parentMap = normalizeToStateMap(parentValue);\n\n  if (!parentMap) {\n    // No parent to merge with — strip nulls and @inherit, return child entries\n    const result: Record<string, unknown> = {};\n    for (const key of Object.keys(childMap)) {\n      const val = childMap[key];\n      if (val === null || val === INHERIT_VALUE) continue;\n      result[key] = val;\n    }\n    return result;\n  }\n\n  if (isExtend) {\n    return resolveExtendMode(parentMap, childMap);\n  }\n\n  return resolveReplaceMode(parentMap, childMap);\n}\n\n/**\n * Extend mode: parent entries are preserved, child entries add/override/reposition.\n */\nfunction resolveExtendMode(\n  parentMap: Record<string, unknown>,\n  childMap: Record<string, unknown>,\n): Record<string, unknown> {\n  const inheritKeys = new Set<string>();\n  const removeKeys = new Set<string>();\n  const overrideKeys = new Map<string, unknown>();\n\n  for (const key of Object.keys(childMap)) {\n    const val = childMap[key];\n    if (val === INHERIT_VALUE) {\n      if (key in parentMap) {\n        inheritKeys.add(key);\n      } else if (devMode) {\n        console.warn(\n          `[Tasty] @inherit used for state '${key}' that does not exist in the parent style map. Entry skipped.`,\n        );\n      }\n    } else if (val === null) {\n      removeKeys.add(key);\n    } else if (key in parentMap) {\n      overrideKeys.set(key, val);\n    }\n  }\n\n  // 1. Parent entries in order (skip removed, skip repositioned, apply overrides)\n  const result: Record<string, unknown> = {};\n  for (const key of Object.keys(parentMap)) {\n    if (removeKeys.has(key)) continue;\n    if (inheritKeys.has(key)) continue;\n    if (overrideKeys.has(key)) {\n      result[key] = overrideKeys.get(key);\n    } else {\n      result[key] = parentMap[key];\n    }\n  }\n\n  // 2. Append new + repositioned entries in child declaration order\n  for (const key of Object.keys(childMap)) {\n    if (inheritKeys.has(key)) {\n      result[key] = parentMap[key];\n    } else if (\n      !removeKeys.has(key) &&\n      !overrideKeys.has(key) &&\n      // Skip @inherit for keys that weren't in the parent (already warned above)\n      childMap[key] !== INHERIT_VALUE\n    ) {\n      result[key] = childMap[key];\n    }\n  }\n\n  return result;\n}\n\n/**\n * Replace mode: child entries define the result, `@inherit` pulls from parent.\n */\nfunction resolveReplaceMode(\n  parentMap: Record<string, unknown>,\n  childMap: Record<string, unknown>,\n): Record<string, unknown> {\n  const result: Record<string, unknown> = {};\n\n  for (const key of Object.keys(childMap)) {\n    const val = childMap[key];\n    if (val === INHERIT_VALUE) {\n      if (key in parentMap) {\n        result[key] = parentMap[key];\n      } else if (devMode) {\n        console.warn(\n          `[Tasty] @inherit used for state '${key}' that does not exist in the parent style map. Entry skipped.`,\n        );\n      }\n    } else if (val !== null) {\n      result[key] = val;\n    }\n  }\n\n  return result;\n}\n\n/**\n * Merge sub-element properties with state map / null / undefined support.\n */\nfunction mergeSubElementStyles(\n  parentSub: StylesWithoutSelectors | undefined,\n  childSub: StylesWithoutSelectors,\n): StylesWithoutSelectors {\n  const parent = parentSub as Record<string, unknown> | undefined;\n  const child = childSub as Record<string, unknown>;\n  const merged: Record<string, unknown> = { ...parent, ...child };\n\n  for (const key of Object.keys(child)) {\n    const val = child[key];\n\n    if (val === undefined) {\n      if (parent && key in parent) {\n        merged[key] = parent[key];\n      }\n    } else if (val === null) {\n      delete merged[key];\n    } else if (isStateMap(val)) {\n      merged[key] = resolveStateMap(\n        parent ? parent[key] : undefined,\n        val as Record<string, unknown>,\n      );\n    }\n  }\n\n  return merged as StylesWithoutSelectors;\n}\n\nexport function mergeStyles(...objects: (Styles | undefined | null)[]): Styles {\n  let styles: Styles = objects[0] ? { ...objects[0] } : {};\n  let pos = 1;\n\n  while (pos in objects) {\n    const selectorKeys = Object.keys(styles).filter(\n      (key) => isSelector(key) && styles[key],\n    );\n    const newStyles = objects[pos];\n\n    if (newStyles) {\n      const resultStyles = { ...styles, ...newStyles };\n\n      // Collect all selector keys from both parent and child\n      const newSelectorKeys = Object.keys(newStyles).filter(isSelector);\n      const allSelectorKeys = new Set([...selectorKeys, ...newSelectorKeys]);\n\n      for (const key of allSelectorKeys) {\n        const newValue = newStyles?.[key];\n\n        if (newValue === false || newValue === null) {\n          delete resultStyles[key];\n        } else if (newValue === undefined) {\n          resultStyles[key] = styles[key];\n        } else if (newValue) {\n          resultStyles[key] = mergeSubElementStyles(\n            styles[key] as StylesWithoutSelectors,\n            newValue as StylesWithoutSelectors,\n          );\n        }\n      }\n\n      // Handle non-selector properties: state maps, null, undefined\n      for (const key of Object.keys(newStyles)) {\n        if (isSelector(key)) continue;\n\n        const newValue = newStyles[key];\n\n        if (newValue === undefined) {\n          if (key in styles) {\n            resultStyles[key] = styles[key];\n          } else {\n            delete resultStyles[key];\n          }\n        } else if (newValue === null) {\n          delete resultStyles[key];\n        } else if (isStateMap(newValue)) {\n          (resultStyles as Record<string, unknown>)[key] = resolveStateMap(\n            styles[key],\n            newValue as Record<string, unknown>,\n          );\n        }\n      }\n\n      styles = resultStyles;\n    }\n\n    pos++;\n  }\n\n  return styles;\n}\n"],"mappings":"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"}

package/dist/utils/mod-attrs.d.ts

@@ -0,0 +1,8 @@
+import { ModValue } from "../types.js";
+import "../index.js";
+
+//#region src/utils/mod-attrs.d.ts
+declare const _modAttrs: (firstArg: Record<string, ModValue> | undefined, secondArg?: unknown) => Record<string, string> | null;
+//#endregion
+export { _modAttrs };
+//# sourceMappingURL=mod-attrs.d.ts.map

package/dist/utils/mod-attrs.js

@@ -0,0 +1,21 @@
+import { cacheWrapper } from "./cache-wrapper.js";
+import { camelToKebab } from "./case-converter.js";
+
+//#region src/utils/mod-attrs.ts
+function modAttrs(map) {
+	return map ? Object.keys(map).reduce((attrs, key) => {
+		const value = map[key];
+		if (value == null || value === false) return attrs;
+		const attrName = `data-${camelToKebab(key)}`;
+		if (value === true) attrs[attrName] = "";
+		else if (typeof value === "string") attrs[attrName] = value;
+		else if (typeof value === "number") attrs[attrName] = String(value);
+		else console.warn(`CubeUIKit: Invalid mod value for "${key}". Expected boolean, string, or number, got ${typeof value}`);
+		return attrs;
+	}, {}) : null;
+}
+const _modAttrs = cacheWrapper(modAttrs);
+
+//#endregion
+export { _modAttrs };
+//# sourceMappingURL=mod-attrs.js.map

package/dist/utils/mod-attrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mod-attrs.js","names":[],"sources":["../../src/utils/mod-attrs.ts"],"sourcesContent":["/**\n * Generate data DOM attributes from modifier map.\n */\nimport type { AllBaseProps } from '../types';\n\nimport { cacheWrapper } from './cache-wrapper';\nimport { camelToKebab } from './case-converter';\n\nfunction modAttrs(map: AllBaseProps['mods']): Record<string, string> | null {\n  return map\n    ? Object.keys(map).reduce((attrs, key) => {\n        const value = map[key];\n\n        // Skip null, undefined, false\n        if (value == null || value === false) {\n          return attrs;\n        }\n\n        const attrName = `data-${camelToKebab(key)}`;\n\n        if (value === true) {\n          // Boolean true: data-{name}=\"\"\n          attrs[attrName] = '';\n        } else if (typeof value === 'string') {\n          // String value: data-{name}=\"value\"\n          attrs[attrName] = value;\n        } else if (typeof value === 'number') {\n          // Number: convert to string\n          attrs[attrName] = String(value);\n        } else {\n          // Reject other types (objects, arrays, functions)\n          if (process.env.NODE_ENV !== 'production') {\n            console.warn(\n              `CubeUIKit: Invalid mod value for \"${key}\". Expected boolean, string, or number, got ${typeof value}`,\n            );\n          }\n        }\n\n        return attrs;\n      }, {})\n    : null;\n}\n\nconst _modAttrs = cacheWrapper(modAttrs);\n\nexport { _modAttrs as modAttrs };\n"],"mappings":";;;;AAQA,SAAS,SAAS,KAA0D;AAC1E,QAAO,MACH,OAAO,KAAK,IAAI,CAAC,QAAQ,OAAO,QAAQ;EACtC,MAAM,QAAQ,IAAI;AAGlB,MAAI,SAAS,QAAQ,UAAU,MAC7B,QAAO;EAGT,MAAM,WAAW,QAAQ,aAAa,IAAI;AAE1C,MAAI,UAAU,KAEZ,OAAM,YAAY;WACT,OAAO,UAAU,SAE1B,OAAM,YAAY;WACT,OAAO,UAAU,SAE1B,OAAM,YAAY,OAAO,MAAM;MAI7B,SAAQ,KACN,qCAAqC,IAAI,8CAA8C,OAAO,QAC/F;AAIL,SAAO;IACN,EAAE,CAAC,GACN;;AAGN,MAAM,YAAY,aAAa,SAAS"}