@tenphi/tasty 2.0.2 → 2.0.4

package/dist/styles/preset.js

@@ -1,127 +0,0 @@
-import { CSS_WIDE_KEYWORDS } from "../parser/const.js";
-import { parseStyle } from "../utils/styles.js";
-//#region src/styles/preset.ts
-const PRESET_MODIFIERS = new Set([
-	"strong",
-	"bold",
-	"italic",
-	"icon",
-	"tight"
-]);
-/**
-* Convert a value to CSS, handling numbers as pixels for numeric properties
-*/
-function toCSS(value, isNumeric) {
-	if (value == null) return null;
-	if (typeof value === "number") return isNumeric ? `${value}px` : String(value);
-	return parseStyle(String(value)).groups[0]?.values[0] || String(value);
-}
-function setCSSValue(styles, styleName, presetName, { varOnly, cssOnly } = {}) {
-	const value = (() => {
-		if (CSS_WIDE_KEYWORDS.has(presetName)) return presetName;
-		const defaultValue = `var(--default-${styleName}${styleName === "font-family" ? ", var(--font-sans, var(--font-sans-fallback))" : ""})`;
-		const fontSuffix = styleName === "font-family" ? ", var(--font-sans, var(--font-sans-fallback))" : "";
-		if (presetName === "default") return `${defaultValue}${fontSuffix}`;
-		else return `var(--${presetName}-${styleName}, ${defaultValue})${fontSuffix}`;
-	})();
-	if (!cssOnly) styles[`--${styleName}`] = value;
-	if (!varOnly) styles[styleName] = value;
-}
-/**
-* Resolve font/fontFamily value to CSS font-family string.
-*
-* - `font="monospace"` → var(--font-mono, var(--font-mono-fallback))
-* - `font={true}` → var(--font-sans, var(--font-sans-fallback))
-* - `font="CustomFont"` → CustomFont, var(--font-sans, var(--font-sans-fallback))
-* - `fontFamily="Arial"` → Arial (direct, no fallback)
-*/
-function resolveFontFamily(font, fontFamily) {
-	if (fontFamily) return fontFamily;
-	if (font == null || font === false) return null;
-	if (font === "monospace") return "var(--font-mono, var(--font-mono-fallback))";
-	if (font === true) return "var(--font-sans, var(--font-sans-fallback))";
-	return `${font}, var(--font-sans, var(--font-sans-fallback))`;
-}
-/**
-* Handles typography preset and individual font properties.
-*
-* Preset syntax uses `/` to separate name from modifier:
-* - `preset="h1"` — name only
-* - `preset="h2 / strong"` — name + modifier
-* - `preset="bold"` — modifier-only shorthand (name defaults to `inherit`)
-*
-* When `preset` is defined, it sets up CSS custom properties for typography.
-* Individual font props can be used with or without `preset`:
-* - With `preset`: overrides the preset value for that property
-* - Without `preset`: outputs the CSS directly
-*
-* Number values are converted to pixels for fontSize, lineHeight, letterSpacing.
-* fontWeight accepts numbers directly (e.g., 400, 700).
-*
-* font vs fontFamily:
-* - `font` is the recommended prop with special handling (monospace, boolean, fallback)
-* - `fontFamily` is a direct value without special handling
-*/
-function presetStyle({ preset, fontSize, lineHeight, textTransform, letterSpacing, fontWeight, fontStyle, fontFamily, font }) {
-	const styles = {};
-	if (preset != null && preset !== false) {
-		const { parts } = parseStyle(preset === true ? "" : String(preset)).groups[0] ?? { parts: [] };
-		const namePart = parts[0];
-		const modPart = parts[1];
-		const nameToken = namePart?.mods[0] ?? namePart?.values[0] ?? "";
-		const isModOnly = PRESET_MODIFIERS.has(nameToken);
-		const name = isModOnly ? "inherit" : nameToken || "inherit";
-		const modifier = isModOnly ? nameToken : modPart?.mods[0] ?? "";
-		const isStrong = modifier === "strong" || modifier === "bold";
-		const isItalic = modifier === "italic";
-		const isIcon = modifier === "icon";
-		const isTight = modifier === "tight";
-		if (fontSize == null) setCSSValue(styles, "font-size", name, { cssOnly: true });
-		if (lineHeight == null) setCSSValue(styles, "line-height", name, { cssOnly: true });
-		if (letterSpacing == null) setCSSValue(styles, "letter-spacing", name, { cssOnly: true });
-		if (fontWeight == null) setCSSValue(styles, "font-weight", name, { cssOnly: true });
-		if (fontStyle == null) setCSSValue(styles, "font-style", name, { cssOnly: true });
-		if (textTransform == null) setCSSValue(styles, "text-transform", name, { cssOnly: true });
-		if (fontFamily == null && font == null) setCSSValue(styles, "font-family", name, { cssOnly: true });
-		setCSSValue(styles, "bold-font-weight", name, { varOnly: true });
-		setCSSValue(styles, "icon-size", name, { varOnly: true });
-		if (isStrong) styles["font-weight"] = "var(--bold-font-weight)";
-		if (isItalic) styles["font-style"] = "italic";
-		if (isIcon) {
-			styles["font-size"] = "var(--icon-size)";
-			styles["line-height"] = "var(--icon-size)";
-		}
-		if (isTight) styles["line-height"] = "1em";
-	}
-	const fontSizeVal = toCSS(fontSize, true);
-	if (fontSizeVal) styles["font-size"] = fontSizeVal;
-	const lineHeightVal = toCSS(lineHeight, true);
-	if (lineHeightVal) styles["line-height"] = lineHeightVal;
-	const letterSpacingVal = toCSS(letterSpacing, true);
-	if (letterSpacingVal) styles["letter-spacing"] = letterSpacingVal;
-	const fontWeightVal = toCSS(fontWeight, false);
-	if (fontWeightVal) styles["font-weight"] = fontWeightVal;
-	if (fontStyle != null) if (fontStyle === true) styles["font-style"] = "italic";
-	else if (typeof fontStyle === "string" && CSS_WIDE_KEYWORDS.has(fontStyle)) styles["font-style"] = fontStyle;
-	else styles["font-style"] = fontStyle ? "italic" : "normal";
-	if (textTransform) styles["text-transform"] = textTransform;
-	const fontFamily_ = resolveFontFamily(font, fontFamily);
-	if (fontFamily_) styles["font-family"] = fontFamily_;
-	if (Object.keys(styles).length === 0) return null;
-	return styles;
-}
-presetStyle.__lookupStyles = [
-	"preset",
-	"fontSize",
-	"lineHeight",
-	"letterSpacing",
-	"textTransform",
-	"fontWeight",
-	"fontStyle",
-	"fontFamily",
-	"font"
-];
-//#endregion
-export { presetStyle };
-
-//# sourceMappingURL=preset.js.map

package/dist/styles/preset.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"preset.js","names":[],"sources":["../../src/styles/preset.ts"],"sourcesContent":["import { CSS_WIDE_KEYWORDS } from '../parser/const';\nimport { parseStyle } from '../utils/styles';\n\nimport type { Styles } from './types';\n\nconst PRESET_MODIFIERS = new Set(['strong', 'bold', 'italic', 'icon', 'tight']);\n\n/**\n * Convert a value to CSS, handling numbers as pixels for numeric properties\n */\nfunction toCSS(\n  value: string | number | undefined,\n  isNumeric: boolean,\n): string | null {\n  if (value == null) return null;\n  if (typeof value === 'number') {\n    return isNumeric ? `${value}px` : String(value);\n  }\n  // Parse through style parser to handle custom units like 1x, 2r, etc.\n  const processed = parseStyle(String(value));\n  return processed.groups[0]?.values[0] || String(value);\n}\n\nfunction setCSSValue(\n  styles: Styles,\n  styleName: string,\n  presetName: string,\n  { varOnly, cssOnly }: { varOnly?: boolean; cssOnly?: boolean } = {},\n) {\n  const value = (() => {\n    if (CSS_WIDE_KEYWORDS.has(presetName)) {\n      return presetName;\n    }\n\n    const defaultValue = `var(--default-${styleName}${\n      styleName === 'font-family'\n        ? ', var(--font-sans, var(--font-sans-fallback))'\n        : ''\n    })`;\n    const fontSuffix =\n      styleName === 'font-family'\n        ? ', var(--font-sans, var(--font-sans-fallback))'\n        : '';\n\n    if (presetName === 'default') {\n      return `${defaultValue}${fontSuffix}`;\n    } else {\n      return `var(--${presetName}-${styleName}, ${defaultValue})${fontSuffix}`;\n    }\n  })();\n\n  if (!cssOnly) {\n    styles[`--${styleName}`] = value;\n  }\n\n  if (!varOnly) {\n    styles[styleName] = value;\n  }\n}\n\ninterface PresetStyleProps {\n  preset?: string | boolean;\n  fontSize?: string | number;\n  lineHeight?: string | number;\n  textTransform?: string;\n  letterSpacing?: string | number;\n  fontWeight?: string | number;\n  fontStyle?: string | boolean;\n  fontFamily?: string;\n  /** Alias for fontFamily with special handling for 'monospace' and boolean */\n  font?: string | boolean;\n}\n\n/**\n * Resolve font/fontFamily value to CSS font-family string.\n *\n * - `font=\"monospace\"` → var(--font-mono, var(--font-mono-fallback))\n * - `font={true}` → var(--font-sans, var(--font-sans-fallback))\n * - `font=\"CustomFont\"` → CustomFont, var(--font-sans, var(--font-sans-fallback))\n * - `fontFamily=\"Arial\"` → Arial (direct, no fallback)\n */\nfunction resolveFontFamily(\n  font: string | boolean | undefined,\n  fontFamily: string | undefined,\n): string | null {\n  // fontFamily takes precedence as a direct value\n  if (fontFamily) {\n    return fontFamily;\n  }\n\n  if (font == null || font === false) {\n    return null;\n  }\n\n  if (font === 'monospace') {\n    return 'var(--font-mono, var(--font-mono-fallback))';\n  }\n\n  if (font === true) {\n    return 'var(--font-sans, var(--font-sans-fallback))';\n  }\n\n  return `${font}, var(--font-sans, var(--font-sans-fallback))`;\n}\n\n/**\n * Handles typography preset and individual font properties.\n *\n * Preset syntax uses `/` to separate name from modifier:\n * - `preset=\"h1\"` — name only\n * - `preset=\"h2 / strong\"` — name + modifier\n * - `preset=\"bold\"` — modifier-only shorthand (name defaults to `inherit`)\n *\n * When `preset` is defined, it sets up CSS custom properties for typography.\n * Individual font props can be used with or without `preset`:\n * - With `preset`: overrides the preset value for that property\n * - Without `preset`: outputs the CSS directly\n *\n * Number values are converted to pixels for fontSize, lineHeight, letterSpacing.\n * fontWeight accepts numbers directly (e.g., 400, 700).\n *\n * font vs fontFamily:\n * - `font` is the recommended prop with special handling (monospace, boolean, fallback)\n * - `fontFamily` is a direct value without special handling\n */\nexport function presetStyle({\n  preset,\n  fontSize,\n  lineHeight,\n  textTransform,\n  letterSpacing,\n  fontWeight,\n  fontStyle,\n  fontFamily,\n  font,\n}: PresetStyleProps) {\n  const styles: Styles = {};\n  const hasPreset = preset != null && preset !== false;\n\n  // Handle preset if defined\n  if (hasPreset) {\n    const presetValue = preset === true ? '' : String(preset);\n\n    const processed = parseStyle(presetValue);\n    const group = processed.groups[0];\n    const { parts } = group ?? { parts: [] };\n\n    // parts[0] = preset name (or a modifier for shorthand like preset=\"bold\")\n    // parts[1] = optional modifier after slash (e.g. \"t3 / bold\")\n    const namePart = parts[0];\n    const modPart = parts[1];\n\n    const nameToken = namePart?.mods[0] ?? namePart?.values[0] ?? '';\n    const isModOnly = PRESET_MODIFIERS.has(nameToken);\n\n    const name = isModOnly ? 'inherit' : nameToken || 'inherit';\n    const modifier = isModOnly ? nameToken : (modPart?.mods[0] ?? '');\n\n    const isStrong = modifier === 'strong' || modifier === 'bold';\n    const isItalic = modifier === 'italic';\n    const isIcon = modifier === 'icon';\n    const isTight = modifier === 'tight';\n\n    // Set preset values for properties not explicitly overridden\n    if (fontSize == null) {\n      setCSSValue(styles, 'font-size', name, { cssOnly: true });\n    }\n    if (lineHeight == null) {\n      setCSSValue(styles, 'line-height', name, { cssOnly: true });\n    }\n    if (letterSpacing == null) {\n      setCSSValue(styles, 'letter-spacing', name, { cssOnly: true });\n    }\n    if (fontWeight == null) {\n      setCSSValue(styles, 'font-weight', name, { cssOnly: true });\n    }\n    if (fontStyle == null) {\n      setCSSValue(styles, 'font-style', name, { cssOnly: true });\n    }\n    if (textTransform == null) {\n      setCSSValue(styles, 'text-transform', name, { cssOnly: true });\n    }\n    if (fontFamily == null && font == null) {\n      setCSSValue(styles, 'font-family', name, { cssOnly: true });\n    }\n\n    setCSSValue(styles, 'bold-font-weight', name, { varOnly: true });\n    setCSSValue(styles, 'icon-size', name, { varOnly: true });\n\n    if (isStrong) {\n      styles['font-weight'] = 'var(--bold-font-weight)';\n    }\n    if (isItalic) {\n      styles['font-style'] = 'italic';\n    }\n    if (isIcon) {\n      styles['font-size'] = 'var(--icon-size)';\n      styles['line-height'] = 'var(--icon-size)';\n    }\n    if (isTight) {\n      styles['line-height'] = '1em';\n    }\n  }\n\n  // Handle individual font properties (work with or without preset)\n  const fontSizeVal = toCSS(fontSize, true);\n  if (fontSizeVal) {\n    styles['font-size'] = fontSizeVal;\n  }\n\n  const lineHeightVal = toCSS(lineHeight, true);\n  if (lineHeightVal) {\n    styles['line-height'] = lineHeightVal;\n  }\n\n  const letterSpacingVal = toCSS(letterSpacing, true);\n  if (letterSpacingVal) {\n    styles['letter-spacing'] = letterSpacingVal;\n  }\n\n  // fontWeight: numbers should NOT get 'px' suffix\n  const fontWeightVal = toCSS(fontWeight, false);\n  if (fontWeightVal) {\n    styles['font-weight'] = fontWeightVal;\n  }\n\n  if (fontStyle != null) {\n    if (fontStyle === true) {\n      styles['font-style'] = 'italic';\n    } else if (\n      typeof fontStyle === 'string' &&\n      CSS_WIDE_KEYWORDS.has(fontStyle)\n    ) {\n      styles['font-style'] = fontStyle;\n    } else {\n      styles['font-style'] = fontStyle ? 'italic' : 'normal';\n    }\n  }\n\n  if (textTransform) {\n    styles['text-transform'] = textTransform;\n  }\n\n  // Handle font/fontFamily (font has special handling, fontFamily is direct)\n  const fontFamily_ = resolveFontFamily(font, fontFamily);\n  if (fontFamily_) {\n    styles['font-family'] = fontFamily_;\n  }\n\n  if (Object.keys(styles).length === 0) {\n    return null;\n  }\n\n  return styles;\n}\n\npresetStyle.__lookupStyles = [\n  'preset',\n  'fontSize',\n  'lineHeight',\n  'letterSpacing',\n  'textTransform',\n  'fontWeight',\n  'fontStyle',\n  'fontFamily',\n  'font',\n];\n"],"mappings":"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"}

package/dist/styles/radius.d.ts

@@ -1,12 +0,0 @@
-//#region src/styles/radius.d.ts
-declare function radiusStyle({
-  radius
-}: {
-  radius?: string | number | boolean;
-}): Record<string, string> | null;
-declare namespace radiusStyle {
-  var __lookupStyles: string[];
-}
-//#endregion
-export { radiusStyle };
-//# sourceMappingURL=radius.d.ts.map

package/dist/styles/radius.js

@@ -1,83 +0,0 @@
-import { makeEmptyDetails } from "../parser/types.js";
-import { DIRECTIONS, parseStyle } from "../utils/styles.js";
-import { extractCSSWideKeyword } from "./shared.js";
-//#region src/styles/radius.ts
-const PROP = "var(--radius)";
-const SHARP = "var(--sharp-radius)";
-const RADIUS_LONGHANDS = [
-	"border-top-left-radius",
-	"border-top-right-radius",
-	"border-bottom-right-radius",
-	"border-bottom-left-radius"
-];
-function radiusStyle({ radius }) {
-	if (typeof radius === "number") radius = `${radius}px`;
-	if (!radius) return null;
-	if (radius === true) radius = "1r";
-	const group = parseStyle(radius).groups[0] ?? makeEmptyDetails();
-	const { mods } = group;
-	let { values } = group;
-	const keyword = extractCSSWideKeyword(group);
-	const useLonghand = mods.includes("longhand");
-	if (keyword) {
-		const dirMods = mods.filter((m) => DIRECTIONS.includes(m));
-		if (!dirMods.length) {
-			if (useLonghand) return Object.fromEntries(RADIUS_LONGHANDS.map((prop) => [prop, keyword]));
-			return { "border-radius": keyword };
-		}
-		const result = {};
-		const corners = /* @__PURE__ */ new Set();
-		dirMods.forEach((dir) => {
-			const i = DIRECTIONS.indexOf(dir);
-			corners.add(i);
-			corners.add((i + 1) % 4);
-		});
-		corners.forEach((i) => {
-			result[RADIUS_LONGHANDS[i]] = keyword;
-		});
-		return result;
-	}
-	if (mods.includes("round")) values = ["9999rem"];
-	else if (mods.includes("ellipse")) values = ["50%"];
-	else if (!values.length) values = [PROP];
-	if (mods.includes("leaf")) values = [
-		values[1] || SHARP,
-		values[0] || PROP,
-		values[1] || SHARP,
-		values[0] || PROP
-	];
-	else if (mods.includes("backleaf")) values = [
-		values[0] || PROP,
-		values[1] || SHARP,
-		values[0] || PROP,
-		values[1] || SHARP
-	];
-	else if (mods.length) {
-		const arr = [
-			"0",
-			"0",
-			"0",
-			"0"
-		];
-		let flag = false;
-		DIRECTIONS.forEach((dir, i) => {
-			if (!mods.includes(dir)) return;
-			flag = true;
-			arr[i] = values[0] || PROP;
-			arr[(i + 1) % 4] = values[0] || PROP;
-		});
-		if (flag) values = arr;
-	}
-	if (useLonghand) return {
-		[RADIUS_LONGHANDS[0]]: values[0],
-		[RADIUS_LONGHANDS[1]]: values[1] || values[0],
-		[RADIUS_LONGHANDS[2]]: values[2] || values[0],
-		[RADIUS_LONGHANDS[3]]: values[3] || values[1] || values[0]
-	};
-	return { "border-radius": values.join(" ") };
-}
-radiusStyle.__lookupStyles = ["radius"];
-//#endregion
-export { radiusStyle };
-
-//# sourceMappingURL=radius.js.map

package/dist/styles/radius.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radius.js","names":[],"sources":["../../src/styles/radius.ts"],"sourcesContent":["import { makeEmptyDetails } from '../parser/types';\nimport { DIRECTIONS, parseStyle } from '../utils/styles';\nimport { extractCSSWideKeyword } from './shared';\n\nconst PROP = 'var(--radius)';\nconst SHARP = 'var(--sharp-radius)';\n\nconst RADIUS_LONGHANDS = [\n  'border-top-left-radius',\n  'border-top-right-radius',\n  'border-bottom-right-radius',\n  'border-bottom-left-radius',\n];\n\nexport function radiusStyle({\n  radius,\n}: {\n  radius?: string | number | boolean;\n}) {\n  if (typeof radius === 'number') {\n    radius = `${radius}px`;\n  }\n\n  if (!radius) return null;\n\n  if (radius === true) radius = '1r';\n\n  const processed = parseStyle(radius);\n  const group = processed.groups[0] ?? makeEmptyDetails();\n  const { mods } = group;\n  let { values } = group;\n\n  const keyword = extractCSSWideKeyword(group);\n\n  const useLonghand = mods.includes('longhand');\n\n  if (keyword) {\n    const dirMods = mods.filter((m) => DIRECTIONS.includes(m));\n\n    if (!dirMods.length) {\n      if (useLonghand) {\n        return Object.fromEntries(\n          RADIUS_LONGHANDS.map((prop) => [prop, keyword]),\n        );\n      }\n\n      return { 'border-radius': keyword };\n    }\n\n    const result: Record<string, string> = {};\n    const corners = new Set<number>();\n\n    dirMods.forEach((dir) => {\n      const i = DIRECTIONS.indexOf(dir);\n      corners.add(i);\n      corners.add((i + 1) % 4);\n    });\n\n    corners.forEach((i) => {\n      result[RADIUS_LONGHANDS[i]] = keyword;\n    });\n\n    return result;\n  }\n\n  if (mods.includes('round')) {\n    values = ['9999rem'];\n  } else if (mods.includes('ellipse')) {\n    values = ['50%'];\n  } else if (!values.length) {\n    values = [PROP];\n  }\n\n  if (mods.includes('leaf')) {\n    values = [\n      values[1] || SHARP,\n      values[0] || PROP,\n      values[1] || SHARP,\n      values[0] || PROP,\n    ];\n  } else if (mods.includes('backleaf')) {\n    values = [\n      values[0] || PROP,\n      values[1] || SHARP,\n      values[0] || PROP,\n      values[1] || SHARP,\n    ];\n  } else if (mods.length) {\n    const arr = ['0', '0', '0', '0'];\n\n    let flag = false;\n\n    DIRECTIONS.forEach((dir, i) => {\n      if (!mods.includes(dir)) return;\n\n      flag = true;\n\n      arr[i] = values[0] || PROP;\n      arr[(i + 1) % 4] = values[0] || PROP;\n    });\n\n    if (flag) {\n      values = arr;\n    }\n  }\n\n  if (useLonghand) {\n    return {\n      [RADIUS_LONGHANDS[0]]: values[0],\n      [RADIUS_LONGHANDS[1]]: values[1] || values[0],\n      [RADIUS_LONGHANDS[2]]: values[2] || values[0],\n      [RADIUS_LONGHANDS[3]]: values[3] || values[1] || values[0],\n    };\n  }\n\n  return {\n    'border-radius': values.join(' '),\n  };\n}\n\nradiusStyle.__lookupStyles = ['radius'];\n"],"mappings":";;;;AAIA,MAAM,OAAO;AACb,MAAM,QAAQ;AAEd,MAAM,mBAAmB;CACvB;CACA;CACA;CACA;CACD;AAED,SAAgB,YAAY,EAC1B,UAGC;AACD,KAAI,OAAO,WAAW,SACpB,UAAS,GAAG,OAAO;AAGrB,KAAI,CAAC,OAAQ,QAAO;AAEpB,KAAI,WAAW,KAAM,UAAS;CAG9B,MAAM,QADY,WAAW,OAAO,CACZ,OAAO,MAAM,kBAAkB;CACvD,MAAM,EAAE,SAAS;CACjB,IAAI,EAAE,WAAW;CAEjB,MAAM,UAAU,sBAAsB,MAAM;CAE5C,MAAM,cAAc,KAAK,SAAS,WAAW;AAE7C,KAAI,SAAS;EACX,MAAM,UAAU,KAAK,QAAQ,MAAM,WAAW,SAAS,EAAE,CAAC;AAE1D,MAAI,CAAC,QAAQ,QAAQ;AACnB,OAAI,YACF,QAAO,OAAO,YACZ,iBAAiB,KAAK,SAAS,CAAC,MAAM,QAAQ,CAAC,CAChD;AAGH,UAAO,EAAE,iBAAiB,SAAS;;EAGrC,MAAM,SAAiC,EAAE;EACzC,MAAM,0BAAU,IAAI,KAAa;AAEjC,UAAQ,SAAS,QAAQ;GACvB,MAAM,IAAI,WAAW,QAAQ,IAAI;AACjC,WAAQ,IAAI,EAAE;AACd,WAAQ,KAAK,IAAI,KAAK,EAAE;IACxB;AAEF,UAAQ,SAAS,MAAM;AACrB,UAAO,iBAAiB,MAAM;IAC9B;AAEF,SAAO;;AAGT,KAAI,KAAK,SAAS,QAAQ,CACxB,UAAS,CAAC,UAAU;UACX,KAAK,SAAS,UAAU,CACjC,UAAS,CAAC,MAAM;UACP,CAAC,OAAO,OACjB,UAAS,CAAC,KAAK;AAGjB,KAAI,KAAK,SAAS,OAAO,CACvB,UAAS;EACP,OAAO,MAAM;EACb,OAAO,MAAM;EACb,OAAO,MAAM;EACb,OAAO,MAAM;EACd;UACQ,KAAK,SAAS,WAAW,CAClC,UAAS;EACP,OAAO,MAAM;EACb,OAAO,MAAM;EACb,OAAO,MAAM;EACb,OAAO,MAAM;EACd;UACQ,KAAK,QAAQ;EACtB,MAAM,MAAM;GAAC;GAAK;GAAK;GAAK;GAAI;EAEhC,IAAI,OAAO;AAEX,aAAW,SAAS,KAAK,MAAM;AAC7B,OAAI,CAAC,KAAK,SAAS,IAAI,CAAE;AAEzB,UAAO;AAEP,OAAI,KAAK,OAAO,MAAM;AACtB,QAAK,IAAI,KAAK,KAAK,OAAO,MAAM;IAChC;AAEF,MAAI,KACF,UAAS;;AAIb,KAAI,YACF,QAAO;GACJ,iBAAiB,KAAK,OAAO;GAC7B,iBAAiB,KAAK,OAAO,MAAM,OAAO;GAC1C,iBAAiB,KAAK,OAAO,MAAM,OAAO;GAC1C,iBAAiB,KAAK,OAAO,MAAM,OAAO,MAAM,OAAO;EACzD;AAGH,QAAO,EACL,iBAAiB,OAAO,KAAK,IAAI,EAClC;;AAGH,YAAY,iBAAiB,CAAC,SAAS"}

package/dist/styles/scrollMargin.d.ts

@@ -1,24 +0,0 @@
-//#region src/styles/scrollMargin.d.ts
-declare function scrollMarginStyle({
-  scrollMargin,
-  scrollMarginBlock,
-  scrollMarginInline,
-  scrollMarginTop,
-  scrollMarginRight,
-  scrollMarginBottom,
-  scrollMarginLeft
-}: {
-  scrollMargin?: string | number | boolean;
-  scrollMarginBlock?: string | number | boolean;
-  scrollMarginInline?: string | number | boolean;
-  scrollMarginTop?: string | number | boolean;
-  scrollMarginRight?: string | number | boolean;
-  scrollMarginBottom?: string | number | boolean;
-  scrollMarginLeft?: string | number | boolean;
-}): Record<string, string> | null;
-declare namespace scrollMarginStyle {
-  var __lookupStyles: string[];
-}
-//#endregion
-export { scrollMarginStyle };
-//# sourceMappingURL=scrollMargin.d.ts.map

package/dist/styles/scrollMargin.js

@@ -1,32 +0,0 @@
-import { processDirectionalStyle } from "./directional.js";
-//#region src/styles/scrollMargin.ts
-const SCROLL_MARGIN_CONFIG = {
-	property: "scroll-margin",
-	defaultValue: "0",
-	trueValue: "1x",
-	defaultInit: "0"
-};
-function scrollMarginStyle({ scrollMargin, scrollMarginBlock, scrollMarginInline, scrollMarginTop, scrollMarginRight, scrollMarginBottom, scrollMarginLeft }) {
-	return processDirectionalStyle(SCROLL_MARGIN_CONFIG, {
-		main: scrollMargin,
-		block: scrollMarginBlock,
-		inline: scrollMarginInline,
-		top: scrollMarginTop,
-		right: scrollMarginRight,
-		bottom: scrollMarginBottom,
-		left: scrollMarginLeft
-	});
-}
-scrollMarginStyle.__lookupStyles = [
-	"scrollMargin",
-	"scrollMarginTop",
-	"scrollMarginRight",
-	"scrollMarginBottom",
-	"scrollMarginLeft",
-	"scrollMarginBlock",
-	"scrollMarginInline"
-];
-//#endregion
-export { scrollMarginStyle };
-
-//# sourceMappingURL=scrollMargin.js.map

package/dist/styles/scrollMargin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scrollMargin.js","names":[],"sources":["../../src/styles/scrollMargin.ts"],"sourcesContent":["import { processDirectionalStyle } from './directional';\n\nconst SCROLL_MARGIN_CONFIG = {\n  property: 'scroll-margin',\n  defaultValue: '0',\n  trueValue: '1x',\n  defaultInit: '0',\n} as const;\n\nexport function scrollMarginStyle({\n  scrollMargin,\n  scrollMarginBlock,\n  scrollMarginInline,\n  scrollMarginTop,\n  scrollMarginRight,\n  scrollMarginBottom,\n  scrollMarginLeft,\n}: {\n  scrollMargin?: string | number | boolean;\n  scrollMarginBlock?: string | number | boolean;\n  scrollMarginInline?: string | number | boolean;\n  scrollMarginTop?: string | number | boolean;\n  scrollMarginRight?: string | number | boolean;\n  scrollMarginBottom?: string | number | boolean;\n  scrollMarginLeft?: string | number | boolean;\n}) {\n  return processDirectionalStyle(SCROLL_MARGIN_CONFIG, {\n    main: scrollMargin,\n    block: scrollMarginBlock,\n    inline: scrollMarginInline,\n    top: scrollMarginTop,\n    right: scrollMarginRight,\n    bottom: scrollMarginBottom,\n    left: scrollMarginLeft,\n  });\n}\n\nscrollMarginStyle.__lookupStyles = [\n  'scrollMargin',\n  'scrollMarginTop',\n  'scrollMarginRight',\n  'scrollMarginBottom',\n  'scrollMarginLeft',\n  'scrollMarginBlock',\n  'scrollMarginInline',\n];\n"],"mappings":";;AAEA,MAAM,uBAAuB;CAC3B,UAAU;CACV,cAAc;CACd,WAAW;CACX,aAAa;CACd;AAED,SAAgB,kBAAkB,EAChC,cACA,mBACA,oBACA,iBACA,mBACA,oBACA,oBASC;AACD,QAAO,wBAAwB,sBAAsB;EACnD,MAAM;EACN,OAAO;EACP,QAAQ;EACR,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACP,CAAC;;AAGJ,kBAAkB,iBAAiB;CACjC;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}

package/dist/styles/scrollbar.d.ts

@@ -1,25 +0,0 @@
-//#region src/styles/scrollbar.d.ts
-interface ScrollbarStyleProps {
-  scrollbar?: string | boolean;
-  overflow?: string;
-}
-/**
- * Standard CSS scrollbar styling via `scrollbar-width`, `scrollbar-color`,
- * and `scrollbar-gutter`.
- *
- * Width values: `thin` (default), `auto`, `none`
- * Modifiers: `stable`, `both-edges`, `always`
- *
- * Note: `auto` is classified as a VALUE_KEYWORD by the parser, so it lands
- * in `values` rather than `mods`. Both locations are checked for robustness.
- */
-declare function scrollbarStyle({
-  scrollbar,
-  overflow
-}: ScrollbarStyleProps): Record<string, string> | null;
-declare namespace scrollbarStyle {
-  var __lookupStyles: string[];
-}
-//#endregion
-export { scrollbarStyle };
-//# sourceMappingURL=scrollbar.d.ts.map

package/dist/styles/scrollbar.js

@@ -1,51 +0,0 @@
-import { CSS_WIDE_KEYWORDS } from "../parser/const.js";
-import { makeEmptyDetails } from "../parser/types.js";
-import { parseStyle } from "../utils/styles.js";
-import { warn } from "../utils/warnings.js";
-//#region src/styles/scrollbar.ts
-/**
-* Standard CSS scrollbar styling via `scrollbar-width`, `scrollbar-color`,
-* and `scrollbar-gutter`.
-*
-* Width values: `thin` (default), `auto`, `none`
-* Modifiers: `stable`, `both-edges`, `always`
-*
-* Note: `auto` is classified as a VALUE_KEYWORD by the parser, so it lands
-* in `values` rather than `mods`. Both locations are checked for robustness.
-*/
-function scrollbarStyle({ scrollbar, overflow }) {
-	if (!scrollbar) return null;
-	if (typeof scrollbar === "string" && CSS_WIDE_KEYWORDS.has(scrollbar)) return {
-		"scrollbar-width": scrollbar,
-		"scrollbar-color": scrollbar
-	};
-	const { mods, colors, values } = parseStyle(String(scrollbar === true ? "thin" : scrollbar)).groups[0] ?? makeEmptyDetails();
-	const defaultThumbColor = "var(--scrollbar-thumb-color)";
-	const defaultTrackColor = "var(--scrollbar-track-color, transparent)";
-	const style = {};
-	if (mods.includes("none")) {
-		const ignored = [
-			...mods.filter((m) => m !== "none"),
-			...values,
-			...colors
-		];
-		if (ignored.length) warn(`scrollbar="none" hides the scrollbar; other tokens are ignored: ${ignored.join(", ")}`);
-		style["scrollbar-width"] = "none";
-		return style;
-	}
-	if (mods.includes("auto") || values.includes("auto")) style["scrollbar-width"] = "auto";
-	else style["scrollbar-width"] = "thin";
-	style["scrollbar-color"] = `${colors?.[0] || defaultThumbColor} ${colors?.[1] || defaultTrackColor}`;
-	if (mods.includes("stable") || mods.includes("both-edges")) style["scrollbar-gutter"] = mods.includes("both-edges") ? "stable both-edges" : "stable";
-	if (mods.includes("always")) {
-		const effectiveOverflow = overflow || "scroll";
-		style["overflow"] = effectiveOverflow;
-		if (!style["scrollbar-gutter"] && (effectiveOverflow === "scroll" || effectiveOverflow === "auto")) style["scrollbar-gutter"] = "stable";
-	}
-	return style;
-}
-scrollbarStyle.__lookupStyles = ["scrollbar", "overflow"];
-//#endregion
-export { scrollbarStyle };
-
-//# sourceMappingURL=scrollbar.js.map

package/dist/styles/scrollbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scrollbar.js","names":[],"sources":["../../src/styles/scrollbar.ts"],"sourcesContent":["import { CSS_WIDE_KEYWORDS } from '../parser/const';\nimport { makeEmptyDetails } from '../parser/types';\nimport { parseStyle } from '../utils/styles';\nimport { warn } from '../utils/warnings';\n\ninterface ScrollbarStyleProps {\n  scrollbar?: string | boolean;\n  overflow?: string;\n}\n\n/**\n * Standard CSS scrollbar styling via `scrollbar-width`, `scrollbar-color`,\n * and `scrollbar-gutter`.\n *\n * Width values: `thin` (default), `auto`, `none`\n * Modifiers: `stable`, `both-edges`, `always`\n *\n * Note: `auto` is classified as a VALUE_KEYWORD by the parser, so it lands\n * in `values` rather than `mods`. Both locations are checked for robustness.\n */\nexport function scrollbarStyle({\n  scrollbar,\n  overflow,\n}: ScrollbarStyleProps): Record<string, string> | null {\n  if (!scrollbar) return null;\n\n  if (typeof scrollbar === 'string' && CSS_WIDE_KEYWORDS.has(scrollbar)) {\n    return {\n      'scrollbar-width': scrollbar,\n      'scrollbar-color': scrollbar,\n    };\n  }\n\n  // `true` is treated as `thin` (empty string is falsy, caught by the guard above)\n  const value = scrollbar === true ? 'thin' : scrollbar;\n  const processed = parseStyle(String(value));\n  const { mods, colors, values } = processed.groups[0] ?? makeEmptyDetails();\n\n  const defaultThumbColor = 'var(--scrollbar-thumb-color)';\n  const defaultTrackColor = 'var(--scrollbar-track-color, transparent)';\n\n  const style: Record<string, string> = {};\n\n  if (mods.includes('none')) {\n    const ignored = [...mods.filter((m) => m !== 'none'), ...values, ...colors];\n\n    if (ignored.length) {\n      warn(\n        `scrollbar=\"none\" hides the scrollbar; other tokens are ignored: ${ignored.join(', ')}`,\n      );\n    }\n\n    style['scrollbar-width'] = 'none';\n\n    return style;\n  }\n\n  // `thin` is the default — accepted as a value for readability but always\n  // the fallback when neither `auto` nor `none` is specified.\n  // `auto` is a VALUE_KEYWORD in the parser, so it may land in `values`.\n  if (mods.includes('auto') || values.includes('auto')) {\n    style['scrollbar-width'] = 'auto';\n  } else {\n    style['scrollbar-width'] = 'thin';\n  }\n\n  const thumbColor = colors?.[0] || defaultThumbColor;\n  const trackColor = colors?.[1] || defaultTrackColor;\n  style['scrollbar-color'] = `${thumbColor} ${trackColor}`;\n\n  if (mods.includes('stable') || mods.includes('both-edges')) {\n    style['scrollbar-gutter'] = mods.includes('both-edges')\n      ? 'stable both-edges'\n      : 'stable';\n  }\n\n  if (mods.includes('always')) {\n    const effectiveOverflow = overflow || 'scroll';\n    style['overflow'] = effectiveOverflow;\n\n    // scrollbar-gutter only applies with scroll/auto overflow\n    if (\n      !style['scrollbar-gutter'] &&\n      (effectiveOverflow === 'scroll' || effectiveOverflow === 'auto')\n    ) {\n      style['scrollbar-gutter'] = 'stable';\n    }\n  }\n\n  return style;\n}\n\nscrollbarStyle.__lookupStyles = ['scrollbar', 'overflow'];\n"],"mappings":";;;;;;;;;;;;;;;AAoBA,SAAgB,eAAe,EAC7B,WACA,YACqD;AACrD,KAAI,CAAC,UAAW,QAAO;AAEvB,KAAI,OAAO,cAAc,YAAY,kBAAkB,IAAI,UAAU,CACnE,QAAO;EACL,mBAAmB;EACnB,mBAAmB;EACpB;CAMH,MAAM,EAAE,MAAM,QAAQ,WADJ,WAAW,OADf,cAAc,OAAO,SAAS,UACF,CAAC,CACA,OAAO,MAAM,kBAAkB;CAE1E,MAAM,oBAAoB;CAC1B,MAAM,oBAAoB;CAE1B,MAAM,QAAgC,EAAE;AAExC,KAAI,KAAK,SAAS,OAAO,EAAE;EACzB,MAAM,UAAU;GAAC,GAAG,KAAK,QAAQ,MAAM,MAAM,OAAO;GAAE,GAAG;GAAQ,GAAG;GAAO;AAE3E,MAAI,QAAQ,OACV,MACE,mEAAmE,QAAQ,KAAK,KAAK,GACtF;AAGH,QAAM,qBAAqB;AAE3B,SAAO;;AAMT,KAAI,KAAK,SAAS,OAAO,IAAI,OAAO,SAAS,OAAO,CAClD,OAAM,qBAAqB;KAE3B,OAAM,qBAAqB;AAK7B,OAAM,qBAAqB,GAFR,SAAS,MAAM,kBAEO,GADtB,SAAS,MAAM;AAGlC,KAAI,KAAK,SAAS,SAAS,IAAI,KAAK,SAAS,aAAa,CACxD,OAAM,sBAAsB,KAAK,SAAS,aAAa,GACnD,sBACA;AAGN,KAAI,KAAK,SAAS,SAAS,EAAE;EAC3B,MAAM,oBAAoB,YAAY;AACtC,QAAM,cAAc;AAGpB,MACE,CAAC,MAAM,wBACN,sBAAsB,YAAY,sBAAsB,QAEzD,OAAM,sBAAsB;;AAIhC,QAAO;;AAGT,eAAe,iBAAiB,CAAC,aAAa,WAAW"}

package/dist/styles/shadow.d.ts

@@ -1,14 +0,0 @@
-//#region src/styles/shadow.d.ts
-declare function shadowStyle({
-  shadow
-}: {
-  shadow?: string | boolean;
-}): {
-  'box-shadow': string;
-} | null;
-declare namespace shadowStyle {
-  var __lookupStyles: string[];
-}
-//#endregion
-export { shadowStyle };
-//# sourceMappingURL=shadow.d.ts.map

package/dist/styles/shadow.js

@@ -1,25 +0,0 @@
-import { CSS_WIDE_KEYWORDS } from "../parser/const.js";
-import { makeEmptyDetails } from "../parser/types.js";
-import { parseStyle } from "../utils/styles.js";
-//#region src/styles/shadow.ts
-function toBoxShadow(shadow) {
-	const { values, mods, colors } = parseStyle(shadow).groups[0] ?? makeEmptyDetails();
-	const mod = mods[0] || "";
-	const shadowColor = (colors && colors[0]) ?? "";
-	return [
-		mod,
-		...values,
-		shadowColor
-	].join(" ");
-}
-function shadowStyle({ shadow }) {
-	if (!shadow) return null;
-	if (shadow === true) shadow = "var(--shadow)";
-	if (CSS_WIDE_KEYWORDS.has(shadow)) return { "box-shadow": shadow };
-	return { "box-shadow": shadow.split(",").map(toBoxShadow).join(",") };
-}
-shadowStyle.__lookupStyles = ["shadow"];
-//#endregion
-export { shadowStyle };
-
-//# sourceMappingURL=shadow.js.map

package/dist/styles/shadow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"shadow.js","names":[],"sources":["../../src/styles/shadow.ts"],"sourcesContent":["import { CSS_WIDE_KEYWORDS } from '../parser/const';\nimport { makeEmptyDetails } from '../parser/types';\nimport { parseStyle } from '../utils/styles';\n\nfunction toBoxShadow(shadow: string): string {\n  const processed = parseStyle(shadow);\n  const { values, mods, colors } = processed.groups[0] ?? makeEmptyDetails();\n  const mod = mods[0] || '';\n  const shadowColor = (colors && colors[0]) ?? '';\n\n  return [mod, ...values, shadowColor].join(' ');\n}\n\nexport function shadowStyle({ shadow }: { shadow?: string | boolean }) {\n  if (!shadow) return null;\n\n  if (shadow === true) shadow = 'var(--shadow)';\n\n  if (CSS_WIDE_KEYWORDS.has(shadow)) {\n    return { 'box-shadow': shadow };\n  }\n\n  return {\n    'box-shadow': shadow.split(',').map(toBoxShadow).join(','),\n  };\n}\n\nshadowStyle.__lookupStyles = ['shadow'];\n"],"mappings":";;;;AAIA,SAAS,YAAY,QAAwB;CAE3C,MAAM,EAAE,QAAQ,MAAM,WADJ,WAAW,OAAO,CACO,OAAO,MAAM,kBAAkB;CAC1E,MAAM,MAAM,KAAK,MAAM;CACvB,MAAM,eAAe,UAAU,OAAO,OAAO;AAE7C,QAAO;EAAC;EAAK,GAAG;EAAQ;EAAY,CAAC,KAAK,IAAI;;AAGhD,SAAgB,YAAY,EAAE,UAAyC;AACrE,KAAI,CAAC,OAAQ,QAAO;AAEpB,KAAI,WAAW,KAAM,UAAS;AAE9B,KAAI,kBAAkB,IAAI,OAAO,CAC/B,QAAO,EAAE,cAAc,QAAQ;AAGjC,QAAO,EACL,cAAc,OAAO,MAAM,IAAI,CAAC,IAAI,YAAY,CAAC,KAAK,IAAI,EAC3D;;AAGH,YAAY,iBAAiB,CAAC,SAAS"}

package/dist/styles/shared.js

@@ -1,17 +0,0 @@
-import { CSS_WIDE_KEYWORDS } from "../parser/const.js";
-//#region src/styles/shared.ts
-/**
-* If the group contains exactly one value that is a CSS-wide keyword
-* and no colors, return the keyword. Otherwise null.
-*
-* Direction mods (top/right/bottom/left) may coexist with the keyword
-* for directional application like `padding="inherit top"`.
-*/
-function extractCSSWideKeyword(group) {
-	if (group.values.length !== 1 || group.colors.length > 0) return null;
-	return CSS_WIDE_KEYWORDS.has(group.values[0]) ? group.values[0] : null;
-}
-//#endregion
-export { extractCSSWideKeyword };
-
-//# sourceMappingURL=shared.js.map

package/dist/styles/shared.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"shared.js","names":[],"sources":["../../src/styles/shared.ts"],"sourcesContent":["import { CSS_WIDE_KEYWORDS } from '../parser/const';\nimport type { StyleDetails } from '../parser/types';\n\n/**\n * If the group contains exactly one value that is a CSS-wide keyword\n * and no colors, return the keyword. Otherwise null.\n *\n * Direction mods (top/right/bottom/left) may coexist with the keyword\n * for directional application like `padding=\"inherit top\"`.\n */\nexport function extractCSSWideKeyword(group: StyleDetails): string | null {\n  if (group.values.length !== 1 || group.colors.length > 0) return null;\n  return CSS_WIDE_KEYWORDS.has(group.values[0]) ? group.values[0] : null;\n}\n"],"mappings":";;;;;;;;;AAUA,SAAgB,sBAAsB,OAAoC;AACxE,KAAI,MAAM,OAAO,WAAW,KAAK,MAAM,OAAO,SAAS,EAAG,QAAO;AACjE,QAAO,kBAAkB,IAAI,MAAM,OAAO,GAAG,GAAG,MAAM,OAAO,KAAK"}

package/dist/styles/transition.d.ts

@@ -1,14 +0,0 @@
-//#region src/styles/transition.d.ts
-declare function transitionStyle({
-  transition
-}: {
-  transition?: string;
-}): {
-  transition: string;
-} | null;
-declare namespace transitionStyle {
-  var __lookupStyles: string[];
-}
-//#endregion
-export { transitionStyle };
-//# sourceMappingURL=transition.d.ts.map

package/dist/styles/transition.js

@@ -1,159 +0,0 @@
-import { CSS_WIDE_KEYWORDS } from "../parser/const.js";
-import { parseStyle } from "../utils/styles.js";
-//#region src/styles/transition.ts
-const SECOND_FILL_COLOR_PROPERTY = "--tasty-second-fill-color";
-const MAP = {
-	fade: ["mask", "mask-composite"],
-	translate: ["transform", "translate"],
-	rotate: ["transform", "rotate"],
-	scale: ["transform", "scale"],
-	fill: [
-		"background-color",
-		"background-image",
-		SECOND_FILL_COLOR_PROPERTY
-	],
-	image: [
-		"background-image",
-		"background-position",
-		"background-size",
-		"background-repeat",
-		"background-attachment",
-		"background-origin",
-		"background-clip",
-		SECOND_FILL_COLOR_PROPERTY
-	],
-	background: [
-		"background-color",
-		"background-image",
-		"background-position",
-		"background-size",
-		"background-repeat",
-		"background-attachment",
-		"background-origin",
-		"background-clip",
-		SECOND_FILL_COLOR_PROPERTY
-	],
-	border: [
-		"border",
-		"border-top",
-		"border-right",
-		"border-bottom",
-		"border-left"
-	],
-	filter: ["filter", "backdrop-filter"],
-	radius: ["border-radius"],
-	shadow: ["box-shadow"],
-	outline: ["outline", "outline-offset"],
-	preset: [
-		"font-size",
-		"line-height",
-		"letter-spacing",
-		"font-weight",
-		"font-style"
-	],
-	text: ["font-weight", "text-decoration-color"],
-	color: ["color"],
-	opacity: ["opacity"],
-	theme: [
-		"color",
-		"background-color",
-		"background-image",
-		"box-shadow",
-		"border",
-		"border-radius",
-		"outline",
-		"opacity",
-		SECOND_FILL_COLOR_PROPERTY
-	],
-	width: [
-		"max-width",
-		"min-width",
-		"width"
-	],
-	height: [
-		"max-height",
-		"min-height",
-		"height"
-	],
-	gap: ["gap", "margin"],
-	zIndex: ["z-index"],
-	inset: [
-		"inset",
-		"top",
-		"right",
-		"bottom",
-		"left"
-	]
-};
-const DEFAULT_EASING = "linear";
-const EASING_KEYWORDS = new Set([
-	"ease",
-	"ease-in",
-	"ease-out",
-	"ease-in-out",
-	"linear",
-	"step-start",
-	"step-end"
-]);
-function isEasing(token) {
-	return EASING_KEYWORDS.has(token) || token.startsWith("cubic-bezier(") || token.startsWith("steps(") || token.startsWith("linear(");
-}
-function getTiming(name) {
-	return `var(${name.startsWith("--") ? `${name}-transition` : `--${name}-transition`}, var(--transition))`;
-}
-function transitionStyle({ transition }) {
-	if (!transition) return null;
-	if (CSS_WIDE_KEYWORDS.has(transition)) return { transition };
-	const processed = parseStyle(transition);
-	const tokens = [];
-	processed.groups.forEach((g, idx) => {
-		tokens.push(...g.all);
-		if (idx < processed.groups.length - 1) tokens.push(",");
-	});
-	if (tokens.length === 0) return null;
-	let tempTransition = [];
-	const transitions = [];
-	tokens.forEach((token) => {
-		if (token === ",") {
-			if (tempTransition.length) {
-				transitions.push(tempTransition);
-				tempTransition = [];
-			}
-		} else tempTransition.push(token);
-	});
-	if (tempTransition.length) transitions.push(tempTransition);
-	const map = {};
-	transitions.forEach((transition) => {
-		const name = transition[0];
-		let timing;
-		let easing;
-		let delay;
-		if (transition[1] && isEasing(transition[1])) {
-			easing = transition[1];
-			delay = transition[2];
-		} else {
-			timing = transition[1];
-			easing = transition[2];
-			delay = transition[3];
-		}
-		(MAP[name] || [name]).forEach((style) => {
-			map[style] = [
-				name,
-				easing,
-				timing,
-				delay
-			];
-		});
-	});
-	return { transition: Object.entries(map).map(([style, [name, easing, timing, delay]]) => {
-		let value = `${style} ${timing || getTiming(name)}`;
-		if (easing || delay) value += ` ${easing || DEFAULT_EASING}`;
-		if (delay) value += ` ${delay}`;
-		return value;
-	}).join(", ") };
-}
-transitionStyle.__lookupStyles = ["transition"];
-//#endregion
-export { transitionStyle };
-
-//# sourceMappingURL=transition.js.map