@terrazzo/token-tools 0.7.3 → 0.8.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @terrazzo/token-tools
 
+## 0.8.0
+
+### Minor Changes
+
+- [#489](https://github.com/terrazzoapp/terrazzo/pull/489) [`63f91e6`](https://github.com/terrazzoapp/terrazzo/commit/63f91e6eee1bec5cf7fae3c1bffdde40a5604ec6) Thanks [@drwpow](https://github.com/drwpow)! - Use Rolldown for packaging 🚀
+
+## 0.7.4
+
+### Patch Changes
+
+- [#485](https://github.com/terrazzoapp/terrazzo/pull/485) [`84335da`](https://github.com/terrazzoapp/terrazzo/commit/84335da86adbe4cf112b91d8d9bfa1301c5492d4) Thanks [@drwpow](https://github.com/drwpow)! - Add transform API to allow dynamic parsing / transformation of tokens on load
+
 ## 0.7.3
 
 ### Patch Changes

package/dist/css.d.ts

@@ -0,0 +1,158 @@
+import { BooleanTokenNormalized, BorderTokenNormalized, ColorTokenNormalized, CubicBezierTokenNormalized, DimensionTokenNormalized, DurationTokenNormalized, FontFamilyTokenNormalized, FontWeightTokenNormalized, GradientTokenNormalized, LinkTokenNormalized, NumberTokenNormalized, ShadowTokenNormalized, ShadowValueNormalized, StringTokenNormalized, StrokeStyleTokenNormalized, TokenNormalized, TokenNormalizedSet, TransitionTokenNormalized, TypographyTokenNormalized } from "./types-C68LbU3N.js";
+
+//#region src/css/lib.d.ts
+/** Function that generates a var(…) statement */
+type IDGenerator<T = TokenNormalized> = (token: T) => string;
+declare function defaultAliasTransform(token: TokenNormalized): string;
+/** Generate shorthand CSS for select token types */
+declare function generateShorthand({
+  $type,
+  localID
+}: {
+  $type: string;
+  localID: string;
+}): string | undefined;
+interface MakeCSSVarOptions {
+  /** Prefix with string */
+  prefix?: string;
+  /**
+   * Wrap with `var(…)`
+   * @default false
+   */
+  wrapVar?: boolean;
+}
+/**
+ * Generate a valid CSS variable from any string
+ * Code by @dfrankland
+ */
+declare function makeCSSVar(name: string, {
+  prefix,
+  wrapVar
+}?: MakeCSSVarOptions): string;
+//# sourceMappingURL=lib.d.ts.map
+//#endregion
+//#region src/css/css-types.d.ts
+interface TransformCSSValueOptions {
+  /** Complete set of tokens (needed to resolve full and partial aliases) */
+  tokensSet: TokenNormalizedSet;
+  transformAlias?: IDGenerator;
+  /** Options for color tokens */
+  color?: {
+    /** Output legacy hex-6 and hex-8 */
+    legacyHex?: boolean;
+  };
+}
+//# sourceMappingURL=css-types.d.ts.map
+//#endregion
+//#region src/css/color.d.ts
+type WideGamutColorValue = {
+  '.': string;
+  srgb: string;
+  p3: string;
+  rec2020: string;
+};
+/** Convert color value to CSS string */
+declare function transformColor(token: ColorTokenNormalized, options: TransformCSSValueOptions): string | WideGamutColorValue;
+//# sourceMappingURL=color.d.ts.map
+//#endregion
+//#region src/css/boolean.d.ts
+/** Convert boolean value to CSS string */
+declare function transformBoolean(token: BooleanTokenNormalized, {
+  tokensSet,
+  transformAlias
+}: TransformCSSValueOptions): string;
+//# sourceMappingURL=boolean.d.ts.map
+//#endregion
+//#region src/css/border.d.ts
+/** Convert border value to multiple CSS values */
+declare function transformBorder(token: BorderTokenNormalized, options: TransformCSSValueOptions): string | {
+  '.': string;
+  srgb: string;
+  p3: string;
+  rec2020: string;
+};
+//# sourceMappingURL=border.d.ts.map
+//#endregion
+//#region src/css/cubic-bezier.d.ts
+/** Convert cubicBezier value to CSS */
+declare function transformCubicBezier(token: CubicBezierTokenNormalized, options: TransformCSSValueOptions): string;
+//# sourceMappingURL=cubic-bezier.d.ts.map
+//#endregion
+//#region src/css/dimension.d.ts
+/** Convert dimension value to CSS */
+declare function transformDimension(token: DimensionTokenNormalized, options: TransformCSSValueOptions): string;
+//# sourceMappingURL=dimension.d.ts.map
+//#endregion
+//#region src/css/duration.d.ts
+/** Convert duration value to CSS */
+declare function transformDuration(token: DurationTokenNormalized, options: TransformCSSValueOptions): string;
+//# sourceMappingURL=duration.d.ts.map
+//#endregion
+//#region src/css/font-family.d.ts
+declare function transformFontFamily(token: FontFamilyTokenNormalized, options: TransformCSSValueOptions): string;
+//# sourceMappingURL=font-family.d.ts.map
+//#endregion
+//#region src/css/font-weight.d.ts
+/** Convert fontWeight value to CSS */
+declare function transformFontWeight(token: FontWeightTokenNormalized, options: TransformCSSValueOptions): string;
+//# sourceMappingURL=font-weight.d.ts.map
+//#endregion
+//#region src/css/gradient.d.ts
+/** Convert gradient value to CSS */
+declare function transformGradient(token: GradientTokenNormalized, options: TransformCSSValueOptions): string | WideGamutColorValue;
+//# sourceMappingURL=gradient.d.ts.map
+//#endregion
+//#region src/css/link.d.ts
+/** Convert link value to CSS */
+declare function transformLink(token: LinkTokenNormalized, options: TransformCSSValueOptions): string;
+//# sourceMappingURL=link.d.ts.map
+//#endregion
+//#region src/css/number.d.ts
+/** Convert number value to CSS */
+declare function transformNumber(token: NumberTokenNormalized, options: TransformCSSValueOptions): string;
+//# sourceMappingURL=number.d.ts.map
+//#endregion
+//#region src/css/shadow.d.ts
+/** Convert shadow subvalue to CSS */
+declare function transformShadowLayer(value: ShadowValueNormalized, options: TransformCSSValueOptions & {
+  colorValue: string;
+  partialAliasOf?: Partial<Record<keyof typeof value, string>>;
+}): string | Record<string, string>;
+/** Convert shadow value to CSS */
+declare function transformShadow(token: ShadowTokenNormalized, options: TransformCSSValueOptions): string | Record<string, string>;
+//# sourceMappingURL=shadow.d.ts.map
+//#endregion
+//#region src/css/string.d.ts
+/** Convert string value to CSS */
+declare function transformString(token: StringTokenNormalized, options: TransformCSSValueOptions): string;
+//# sourceMappingURL=string.d.ts.map
+//#endregion
+//#region src/css/stroke-style.d.ts
+/** Convert strokeStyle value to CSS */
+declare function transformStrokeStyle(token: StrokeStyleTokenNormalized, options: TransformCSSValueOptions): string;
+//# sourceMappingURL=stroke-style.d.ts.map
+//#endregion
+//#region src/css/transition.d.ts
+/** Convert transition value to shorthand */
+declare function transformTransition(token: TransitionTokenNormalized, options: TransformCSSValueOptions): string;
+//# sourceMappingURL=transition.d.ts.map
+//#endregion
+//#region src/css/typography.d.ts
+/** Convert typography value to multiple CSS values */
+declare function transformTypography(token: TypographyTokenNormalized, options: TransformCSSValueOptions): Record<string, string>;
+//# sourceMappingURL=typography.d.ts.map
+
+//#endregion
+//#region src/css/index.d.ts
+/** Main CSS Transform */
+declare function transformCSSValue<T extends TokenNormalized = TokenNormalized>(token: T, {
+  mode,
+  ...options
+}: {
+  mode: keyof T['mode'];
+} & TransformCSSValueOptions): string | WideGamutColorValue | Record<string, string> | undefined;
+//# sourceMappingURL=index.d.ts.map
+
+//#endregion
+export { IDGenerator, MakeCSSVarOptions, WideGamutColorValue, defaultAliasTransform, generateShorthand, makeCSSVar, transformBoolean, transformBorder, transformCSSValue, transformColor, transformCubicBezier, transformDimension, transformDuration, transformFontFamily, transformFontWeight, transformGradient, transformLink, transformNumber, transformShadow, transformShadowLayer, transformString, transformStrokeStyle, transformTransition, transformTypography };
+//# sourceMappingURL=css.d.ts.map

package/dist/css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","names":[],"sources":["../src/css/lib.ts","../src/css/css-types.ts","../src/css/color.ts","../src/css/boolean.ts","../src/css/border.ts","../src/css/cubic-bezier.ts","../src/css/dimension.ts","../src/css/duration.ts","../src/css/font-family.ts","../src/css/font-weight.ts","../src/css/gradient.ts","../src/css/link.ts","../src/css/number.ts","../src/css/shadow.ts","../src/css/string.ts","../src/css/stroke-style.ts","../src/css/transition.ts","../src/css/typography.ts","../src/css/index.ts"],"sourcesContent":[],"mappings":";;;;KAGY,gBAAgB,2BAA2B;AAA3C,iBAEI,qBAAA,CAFO,KAAA,EAEsB,eAFtB,CAAA,EAAA,MAAA;;AAAK,iBAUZ,iBAAA,CAVY;EAAA,KAAA;EAAA;AAE5B,CAF4B,EAAA;EAAe,KAAY,EAAA,MAAA;EAAC,OAAA,EAAA,MAAA;AAExD,CAAA,CAAA,EAAgB,MAAA,GAAA,SAAA;AAQA,UAeC,iBAAA,CAfgB;EAAA;EAAA,MAAG,CAAA,EAAA,MAAA;EAAK;AAAS;AAelD;AAcA;EAA0B,OAAA,CAAA,EAAA,OAAA;;;;AAAkE;;iBAA5E,UAAA;;;IAAsD;;;;UCvCrD,wBAAA;EDAL;EAAW,SAAA,ECEV,kBDFU;EAAA,cAAK,CAAA,ECGT,WDHS;EAAe;EAAa,KAAA,CAAA,EAAA;IAExC;IAQA,SAAA,CAAA,EAAA,OAAiB;EAAA,CAAA;;;;;KEgBrB,mBAAA;EF1BA,GAAA,EAAA,MAAA;EAAW,IAAA,EAAA,MAAA;EAAA,EAAA,EAAK,MAAA;EAAe,OAAY,EAAA,MAAA;AAAC,CAAA;AAExD;AAQgB,iBEwBA,cAAA,CFxBiB,KAAA,EEyBxB,oBFzBwB,EAAA,OAAA,EE0BtB,wBF1BsB,CAAA,EAAA,MAAA,GE2BrB,mBF3BqB;;;;;AAVrB,iBGEI,gBAAA,CHFO,KAAA,EGGd,sBHHc,EAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EGIkC,wBHJlC,CAAA,EAAA,MAAA;;;;;AAAX,iBIWI,eAAA,CJXO,KAAA,EIWgB,qBJXhB,EAAA,OAAA,EIWgD,wBJXhD,CAAA,EAAA,MAAA,GAAA;EAAA,GAAA,EAAA,MAAA;EAAA,IAAK,EAAA,MAAA;EAAe,EAAA,EAAY,MAAA;EAAC,OAAA,EAAA,MAAA;AAExD,CAAA;AAQA;;;;AAVY,iBKEI,oBAAA,CLFO,KAAA,EKEqB,0BLFrB,EAAA,OAAA,EKE0D,wBLF1D,CAAA,EAAA,MAAA;;;;;AAAX,iBMEI,kBAAA,CNFO,KAAA,EMEmB,wBNFnB,EAAA,OAAA,EMEsD,wBNFtD,CAAA,EAAA,MAAA;;;;;AAAX,iBOEI,iBAAA,CPFO,KAAA,EOEkB,uBPFlB,EAAA,OAAA,EOEoD,wBPFpD,CAAA,EAAA,MAAA;;;;iBQGP,mBAAA,QAA2B,oCAAoC;ARH/E;;;;AAAY,iBSEI,mBAAA,CTFO,KAAA,ESEoB,yBTFpB,EAAA,OAAA,ESEwD,wBTFxD,CAAA,EAAA,MAAA;;;;AAAvB;AAAuB,iBUGP,iBAAA,CVHO,KAAA,EUId,uBVJc,EAAA,OAAA,EUKZ,wBVLY,CAAA,EAAA,MAAA,GUMX,mBVNW;;;;;AAAX,iBWEI,aAAA,CXFO,KAAA,EWEc,mBXFd,EAAA,OAAA,EWE4C,wBXF5C,CAAA,EAAA,MAAA;;;;;AAAX,iBYEI,eAAA,CZFO,KAAA,EYEgB,qBZFhB,EAAA,OAAA,EYEgD,wBZFhD,CAAA,EAAA,MAAA;;;;;AAAX,iBaSI,oBAAA,CbTO,KAAA,EaUd,qBbVc,EAAA,OAAA,EaWZ,wBbXY,GAAA;EAAA,UAAA,EAAA,MAAA;EAAA,cAAK,CAAA,EaaP,ObbO,CaaC,MbbD,CAAA,MAAA,OaaqB,KbbrB,EAAA,MAAA,CAAA,CAAA;CAAe,CAAA,EAAA,MAAY,Gae3C,Mbf2C,CAAA,MAAA,EAAA,MAAA,CAAA;AAAC;AAExC,iBaiCA,eAAA,CbjC6B,KAAA,EakCpC,qBblCmD,EAAA,OAAA,EamCjD,wBbnCiD,CAAA,EAAA,MAAA,GaoChD,MbpCgD,CAAA,MAAA,EAAA,MAAA,CAAA;AAQ5D;;;;AAVY,iBcEI,eAAA,CdFO,KAAA,EcEgB,qBdFhB,EAAA,OAAA,EcEgD,wBdFhD,CAAA,EAAA,MAAA;;;;;AAAX,iBeEI,oBAAA,CfFO,KAAA,EeEqB,0BfFrB,EAAA,OAAA,EeE0D,wBfF1D,CAAA,EAAA,MAAA;;;;;AAAX,iBgBII,mBAAA,ChBJO,KAAA,EgBIoB,yBhBJpB,EAAA,OAAA,EgBIwD,wBhBJxD,CAAA,EAAA,MAAA;;;;;AAAX,iBiBgBI,mBAAA,CjBhBO,KAAA,EiBgBoB,yBjBhBpB,EAAA,OAAA,EiBgBwD,wBjBhBxD,CAAA,EiBgBgF,MjBhBhF,CAAA,MAAA,EAAA,MAAA,CAAA;;;;;;AAuCqE,iBkBJ5E,iBlBI4E,CAAA,UkBJhD,elBIgD,GkBJ9B,elBI8B,CAAA,CAAA,KAAA,EkBHnF,ClBGmF,EAAA;EAAA,IAAA;EAAA,GAAA;CAAA,EAAA;ckBFtD;IAAc,oCAAwB,mBAAA,GAAA"}

package/dist/css.js

@@ -0,0 +1,351 @@
+import { CSS_TO_CULORI, kebabCase, parseColor, tokenToCulori } from "./string-BZ5Le1WD.js";
+import { displayable, formatCss, formatHex, formatHex8, modeA98, modeHsl, modeHsv, modeHwb, modeLab, modeLch, modeLrgb, modeOklab, modeOklch, modeP3, modeProphoto, modeRec2020, modeRgb, modeXyz50, modeXyz65, toGamut, useMode } from "culori/fn";
+import { displayable as displayable$1 } from "culori";
+
+//#region src/css/lib.ts
+function defaultAliasTransform(token) {
+	if (!token) throw new Error("Undefined token");
+	return `var(${makeCSSVar(token.id)})`;
+}
+/** Generate shorthand CSS for select token types */
+function generateShorthand({ $type, localID }) {
+	switch ($type) {
+		case "transition": return [
+			"duration",
+			"delay",
+			"timing-function"
+		].map((p) => makeCSSVar(`${localID}-${p}`, { wrapVar: true })).join(" ");
+	}
+}
+const CSS_VAR_RE = /(?:(\p{Uppercase_Letter}?[\p{Lowercase_Letter}\p{Number}]+|[\p{Uppercase_Letter}\p{Number}]+|[\u{80}-\u{10FFFF}\p{Number}]+)|.)/u;
+/**
+* Generate a valid CSS variable from any string
+* Code by @dfrankland
+*/
+function makeCSSVar(name, { prefix, wrapVar = false } = {}) {
+	if (typeof name !== "string") throw new Error(`makeCSSVar() Expected string, received ${name}`);
+	let property = name.split(CSS_VAR_RE).filter(Boolean).join("-");
+	if (prefix && !property.startsWith(`${prefix}-`)) property = `${prefix}-${property}`;
+	const finalProperty = `--${property}`.toLocaleLowerCase();
+	return wrapVar ? `var(${finalProperty})` : finalProperty;
+}
+
+//#endregion
+//#region src/css/boolean.ts
+/** Convert boolean value to CSS string */
+function transformBoolean(token, { tokensSet, transformAlias = defaultAliasTransform }) {
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	return token.$value === true ? "1" : "0";
+}
+
+//#endregion
+//#region src/css/color.ts
+/** Convert color value to CSS string */
+function transformColor(token, options) {
+	const { transformAlias = defaultAliasTransform, tokensSet } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	const { colorSpace, components, alpha = 1 } = typeof token.$value === "string" ? parseColor(token.$value) : token.$value;
+	const color = tokenToCulori({
+		colorSpace,
+		components,
+		alpha
+	});
+	if (!color) throw new Error(`Can’t convert color ${JSON.stringify(token.$value)} to Culori color`);
+	let formatColor = formatCss;
+	if (options.color?.legacyHex) formatColor = color.alpha !== 1 ? formatHex8 : formatHex;
+	return displayable(color) ? formatColor(color) : downsample({
+		colorSpace,
+		components,
+		alpha
+	}, color);
+}
+const converters = {
+	a98: useMode(modeA98),
+	hsl: useMode(modeHsl),
+	hsv: useMode(modeHsv),
+	hwb: useMode(modeHwb),
+	lab: useMode(modeLab),
+	lch: useMode(modeLch),
+	lrgb: useMode(modeLrgb),
+	oklab: useMode(modeOklab),
+	oklch: useMode(modeOklch),
+	p3: useMode(modeP3),
+	prophoto: useMode(modeProphoto),
+	rec2020: useMode(modeRec2020),
+	rgb: useMode(modeRgb),
+	xyz50: useMode(modeXyz50),
+	xyz65: useMode(modeXyz65)
+};
+/**
+* Downsample color to sRGB/Display P3/Rec2020 colorspaces.
+* Note: because Culori tends to convert to RGB color spaces to ensure the operation,
+* we have to do an additional step of converting back. So we’re not really converting;
+* we’re just preserving the original colorspace.
+*/
+function downsample($value, culoriColor) {
+	const conversionSpace = CSS_TO_CULORI[$value.colorSpace] || "oklab";
+	const converter = converters[conversionSpace];
+	return {
+		".": formatCss(culoriColor),
+		srgb: formatCss(converter(toGamut("rgb", conversionSpace)(culoriColor))),
+		p3: formatCss(converter(toGamut("p3", conversionSpace)(culoriColor))),
+		rec2020: formatCss(converter(toGamut("rec2020", conversionSpace)(culoriColor)))
+	};
+}
+
+//#endregion
+//#region src/css/dimension.ts
+/** Convert dimension value to CSS */
+function transformDimension(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	return token.$value.value === 0 ? "0" : `${token.$value.value}${token.$value.unit}`;
+}
+
+//#endregion
+//#region src/css/stroke-style.ts
+/** Convert strokeStyle value to CSS */
+function transformStrokeStyle(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	return typeof token.$value === "string" ? token.$value : "dashed";
+}
+
+//#endregion
+//#region src/css/border.ts
+/** Convert border value to multiple CSS values */
+function transformBorder(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	const width = token.partialAliasOf?.width ? transformAlias(tokensSet[token.partialAliasOf.width]) : transformDimension({ $value: token.$value.width }, options);
+	const color = token.partialAliasOf?.color ? transformAlias(tokensSet[token.partialAliasOf.color]) : transformColor({ $value: token.$value.color }, options);
+	const style = token.partialAliasOf?.style ? transformAlias(tokensSet[token.partialAliasOf.style]) : transformStrokeStyle({ $value: token.$value.style }, options);
+	const formatBorder = (colorKey) => [
+		width,
+		style,
+		typeof color === "string" ? color : color[colorKey]
+	].join(" ");
+	return typeof color === "string" || displayable$1(color.p3) ? formatBorder(".") : {
+		".": formatBorder("."),
+		srgb: formatBorder("srgb"),
+		p3: formatBorder("p3"),
+		rec2020: formatBorder("rec2020")
+	};
+}
+
+//#endregion
+//#region src/css/cubic-bezier.ts
+/** Convert cubicBezier value to CSS */
+function transformCubicBezier(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	return `cubic-bezier(${token.$value.map((v, i) => token.partialAliasOf?.[i] ? transformAlias(tokensSet[token.partialAliasOf[i]]) : v).join(", ")})`;
+}
+
+//#endregion
+//#region src/css/duration.ts
+/** Convert duration value to CSS */
+function transformDuration(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	return `${token.$value.value}${token.$value.unit}`;
+}
+
+//#endregion
+//#region src/css/font-family.ts
+const FONT_NAME_KEYWORD = /^[a-z-]+$/;
+function transformFontFamily(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	return token.$value.map((fontName) => FONT_NAME_KEYWORD.test(fontName) ? fontName : `"${fontName}"`).join(", ");
+}
+
+//#endregion
+//#region src/css/font-weight.ts
+/** Convert fontWeight value to CSS */
+function transformFontWeight(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	return String(token.$value);
+}
+
+//#endregion
+//#region src/css/gradient.ts
+/** Convert gradient value to CSS */
+function transformGradient(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	let isHDR = false;
+	const colors = [];
+	const positions = [];
+	for (let i = 0; i < token.$value.length; i++) {
+		const { color, position } = token.$value[i];
+		const colorValue = token.partialAliasOf?.[i]?.color ? transformAlias(tokensSet[token.partialAliasOf[i].color]) : transformColor({ $value: color }, options);
+		if (typeof colorValue !== "string") isHDR = true;
+		colors.push(colorValue);
+		positions.push(token.partialAliasOf?.[i]?.position ? transformAlias(tokensSet[token.partialAliasOf[i].position]) : `${100 * position}%`);
+	}
+	function formatStop(i, colorKey = ".") {
+		return `${typeof colors[i] === "string" ? colors[i] : colors[i][colorKey]} ${positions[i]}`;
+	}
+	return !isHDR ? token.$value.map((_, i) => formatStop(i, positions[i])).join(", ") : {
+		".": token.$value.map((_, i) => formatStop(i, ".")).join(", "),
+		srgb: token.$value.map((_, i) => formatStop(i, "srgb")).join(", "),
+		p3: token.$value.map((_, i) => formatStop(i, "p3")).join(", "),
+		rec2020: token.$value.map((_, i) => formatStop(i, "rec2020")).join(", ")
+	};
+}
+
+//#endregion
+//#region src/css/link.ts
+/** Convert link value to CSS */
+function transformLink(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	return `url("${token.$value}")`;
+}
+
+//#endregion
+//#region src/css/number.ts
+/** Convert number value to CSS */
+function transformNumber(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	return String(token.$value);
+}
+
+//#endregion
+//#region src/css/shadow.ts
+/** Convert shadow subvalue to CSS */
+function transformShadowLayer(value, options) {
+	const { tokensSet, colorValue, partialAliasOf, transformAlias = defaultAliasTransform } = options;
+	const offsetX = partialAliasOf?.offsetX ? transformAlias(tokensSet[partialAliasOf.offsetX]) : transformDimension({ $value: value.offsetX }, options);
+	const offsetY = partialAliasOf?.offsetY ? transformAlias(tokensSet[partialAliasOf.offsetY]) : transformDimension({ $value: value.offsetY }, options);
+	const blur = partialAliasOf?.blur ? transformAlias(tokensSet[partialAliasOf.blur]) : transformDimension({ $value: value.blur }, options);
+	const spread = partialAliasOf?.spread ? transformAlias(tokensSet[partialAliasOf.spread]) : transformDimension({ $value: value.spread }, options);
+	const inset = value?.inset === true ? "inset" : void 0;
+	return [
+		inset,
+		offsetX,
+		offsetY,
+		blur,
+		spread,
+		colorValue
+	].filter(Boolean).join(" ");
+}
+/** Convert shadow value to CSS */
+function transformShadow(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	const colors = token.$value.map((v, i) => token.partialAliasOf?.[i]?.color ? transformAlias(tokensSet[token.partialAliasOf[i].color]) : transformColor({ $value: v.color }, options));
+	const isHDR = colors.some((c) => typeof c === "object");
+	const formatShadow = (colorKey) => token.$value.map((v, i) => transformShadowLayer(v, {
+		tokensSet,
+		colorValue: typeof colors[i] === "string" ? colors[i] : colors[i][colorKey],
+		partialAliasOf: token.partialAliasOf?.[i],
+		transformAlias
+	})).join(", ");
+	return !isHDR ? formatShadow(".") : {
+		".": formatShadow("."),
+		srgb: formatShadow("srgb"),
+		p3: formatShadow("p3"),
+		rec2020: formatShadow("rec2020")
+	};
+}
+
+//#endregion
+//#region src/css/string.ts
+/** Convert string value to CSS */
+function transformString(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	return String(token.$value);
+}
+
+//#endregion
+//#region src/css/transition.ts
+/** Convert transition value to shorthand */
+function transformTransition(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	if (token.aliasChain?.[0]) return transformAlias(tokensSet[token.aliasChain[0]]);
+	const duration = token.partialAliasOf?.duration ? transformAlias(tokensSet[token.partialAliasOf.duration]) : transformDuration({ $value: token.$value.duration }, options);
+	const delay = token.partialAliasOf?.delay ? transformAlias(tokensSet[token.partialAliasOf.delay]) : transformDuration({ $value: token.$value.delay }, options);
+	const timingFunction = token.partialAliasOf?.timingFunction ? transformAlias(tokensSet[token.partialAliasOf.timingFunction]) : transformCubicBezier({ $value: token.$value.timingFunction }, options);
+	return `${duration} ${delay} ${timingFunction}`;
+}
+
+//#endregion
+//#region src/css/typography.ts
+/** Convert typography value to multiple CSS values */
+function transformTypography(token, options) {
+	const { tokensSet, transformAlias = defaultAliasTransform } = options;
+	const output = {};
+	for (const [property, subvalue] of Object.entries(token.$value)) {
+		let transformedValue;
+		const aliasedID = token.aliasChain?.[0] ?? token.partialAliasOf?.[property];
+		if (aliasedID) {
+			const resolvedToken = tokensSet[aliasedID];
+			transformedValue = transformAlias(resolvedToken.$type === "typography" ? { id: `${aliasedID}-${property}` } : resolvedToken);
+		} else switch (property) {
+			case "fontFamily": {
+				transformedValue = transformFontFamily({ $value: subvalue }, options);
+				break;
+			}
+			case "fontSize":
+			case "letterSpacing": {
+				transformedValue = transformDimension({ $value: subvalue }, options);
+				break;
+			}
+			case "fontWeight": {
+				transformedValue = transformFontWeight({ $value: subvalue }, options);
+				break;
+			}
+			case "lineHeight": {
+				if (typeof subvalue === "number") transformedValue = transformNumber({ $value: subvalue }, options);
+				else transformedValue = transformDimension({ $value: subvalue }, options);
+				break;
+			}
+			default: {
+				transformedValue = transformString({ $value: subvalue }, options);
+				break;
+			}
+		}
+		output[kebabCase(property)] = transformedValue;
+	}
+	return output;
+}
+
+//#endregion
+//#region src/css/index.ts
+/** Main CSS Transform */
+function transformCSSValue(token, { mode,...options }) {
+	const selectedMode = token.mode[mode];
+	if (!selectedMode) return;
+	const tokenWithModeValue = {
+		id: token.id,
+		$type: token.$type,
+		...selectedMode
+	};
+	switch (tokenWithModeValue.$type) {
+		case "boolean": return transformBoolean(tokenWithModeValue, options);
+		case "border": return transformBorder(tokenWithModeValue, options);
+		case "color": return transformColor(tokenWithModeValue, options);
+		case "cubicBezier": return transformCubicBezier(tokenWithModeValue, options);
+		case "dimension": return transformDimension(tokenWithModeValue, options);
+		case "duration": return transformDuration(tokenWithModeValue, options);
+		case "fontFamily": return transformFontFamily(tokenWithModeValue, options);
+		case "fontWeight": return transformFontWeight(tokenWithModeValue, options);
+		case "gradient": return transformGradient(tokenWithModeValue, options);
+		case "link": return transformLink(tokenWithModeValue, options);
+		case "number": return transformNumber(tokenWithModeValue, options);
+		case "shadow": return transformShadow(tokenWithModeValue, options);
+		case "string": return transformString(tokenWithModeValue, options);
+		case "strokeStyle": return transformStrokeStyle(tokenWithModeValue, options);
+		case "transition": return transformTransition(tokenWithModeValue, options);
+		case "typography": return transformTypography(tokenWithModeValue, options);
+	}
+}
+
+//#endregion
+export { defaultAliasTransform, generateShorthand, makeCSSVar, transformBoolean, transformBorder, transformCSSValue, transformColor, transformCubicBezier, transformDimension, transformDuration, transformFontFamily, transformFontWeight, transformGradient, transformLink, transformNumber, transformShadow, transformShadowLayer, transformString, transformStrokeStyle, transformTransition, transformTypography };
+//# sourceMappingURL=css.js.map

package/dist/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":["token: TokenNormalized","name: string","token: BooleanTokenNormalized","token: ColorTokenNormalized","options: TransformCSSValueOptions","formatColor: (color: Color) => string","converters: Record<keyof typeof CULORI_TO_CSS, (color: Color) => Color>","$value: ColorTokenNormalized['$value']","culoriColor: Color","token: DimensionTokenNormalized","options: TransformCSSValueOptions","token: StrokeStyleTokenNormalized","options: TransformCSSValueOptions","token: BorderTokenNormalized","options: TransformCSSValueOptions","colorKey: string","token: CubicBezierTokenNormalized","options: TransformCSSValueOptions","token: DurationTokenNormalized","options: TransformCSSValueOptions","token: FontFamilyTokenNormalized","options: TransformCSSValueOptions","token: FontWeightTokenNormalized","options: TransformCSSValueOptions","token: GradientTokenNormalized","options: TransformCSSValueOptions","colors: (string | WideGamutColorValue)[]","positions: string[]","i: number","token: LinkTokenNormalized","options: TransformCSSValueOptions","token: NumberTokenNormalized","options: TransformCSSValueOptions","value: ShadowValueNormalized","options: TransformCSSValueOptions & {\n    colorValue: string;\n    partialAliasOf?: Partial<Record<keyof typeof value, string>>;\n  }","token: ShadowTokenNormalized","options: TransformCSSValueOptions","colorKey: string","token: StringTokenNormalized","options: TransformCSSValueOptions","token: TransitionTokenNormalized","options: TransformCSSValueOptions","token: TypographyTokenNormalized","options: TransformCSSValueOptions","output: Record<string, string>","transformedValue: string","token: T","tokenWithModeValue: T"],"sources":["../src/css/lib.ts","../src/css/boolean.ts","../src/css/color.ts","../src/css/dimension.ts","../src/css/stroke-style.ts","../src/css/border.ts","../src/css/cubic-bezier.ts","../src/css/duration.ts","../src/css/font-family.ts","../src/css/font-weight.ts","../src/css/gradient.ts","../src/css/link.ts","../src/css/number.ts","../src/css/shadow.ts","../src/css/string.ts","../src/css/transition.ts","../src/css/typography.ts","../src/css/index.ts"],"sourcesContent":["import type { TokenNormalized } from '../types.js';\n\n/** Function that generates a var(…) statement */\nexport type IDGenerator<T = TokenNormalized> = (token: T) => string;\n\nexport function defaultAliasTransform(token: TokenNormalized) {\n  if (!token) {\n    throw new Error('Undefined token');\n  }\n  return `var(${makeCSSVar(token.id)})`;\n}\n\n/** Generate shorthand CSS for select token types */\nexport function generateShorthand({ $type, localID }: { $type: string; localID: string }): string | undefined {\n  switch ($type) {\n    case 'transition': {\n      return ['duration', 'delay', 'timing-function']\n        .map((p) => makeCSSVar(`${localID}-${p}`, { wrapVar: true }))\n        .join(' ');\n    }\n    // note: \"typography\" is not set in shorthand because it can often unset values unintentionally.\n    // @see https://developer.mozilla.org/en-US/docs/Web/CSS/font\n  }\n}\n\nconst CSS_VAR_RE =\n  /(?:(\\p{Uppercase_Letter}?[\\p{Lowercase_Letter}\\p{Number}]+|[\\p{Uppercase_Letter}\\p{Number}]+|[\\u{80}-\\u{10FFFF}\\p{Number}]+)|.)/u;\n\nexport interface MakeCSSVarOptions {\n  /** Prefix with string */\n  prefix?: string;\n  /**\n   * Wrap with `var(…)`\n   * @default false\n   */\n  wrapVar?: boolean;\n}\n\n/**\n * Generate a valid CSS variable from any string\n * Code by @dfrankland\n */\nexport function makeCSSVar(name: string, { prefix, wrapVar = false }: MakeCSSVarOptions = {}): string {\n  if (typeof name !== 'string') {\n    throw new Error(`makeCSSVar() Expected string, received ${name}`);\n  }\n\n  let property = name.split(CSS_VAR_RE).filter(Boolean).join('-');\n  if (prefix && !property.startsWith(`${prefix}-`)) {\n    property = `${prefix}-${property}`;\n  }\n  const finalProperty = `--${property}`.toLocaleLowerCase();\n  return wrapVar ? `var(${finalProperty})` : finalProperty;\n}\n","import type { BooleanTokenNormalized } from '../types.js';\nimport type { TransformCSSValueOptions } from './css-types.js';\nimport { defaultAliasTransform } from './lib.js';\n\n/** Convert boolean value to CSS string */\nexport function transformBoolean(\n  token: BooleanTokenNormalized,\n  { tokensSet, transformAlias = defaultAliasTransform }: TransformCSSValueOptions,\n): string {\n  if (token.aliasChain?.[0]) {\n    return transformAlias(tokensSet[token.aliasChain[0]]!);\n  }\n  return token.$value === true ? '1' : '0';\n}\n","import {\n  type Color,\n  displayable,\n  formatCss,\n  formatHex,\n  formatHex8,\n  modeA98,\n  modeHsl,\n  modeHsv,\n  modeHwb,\n  modeLab,\n  modeLch,\n  modeLrgb,\n  modeOklab,\n  modeOklch,\n  modeP3,\n  modeProphoto,\n  modeRec2020,\n  modeRgb,\n  modeXyz50,\n  modeXyz65,\n  toGamut,\n  useMode,\n} from 'culori/fn';\nimport { CSS_TO_CULORI, type CULORI_TO_CSS, parseColor, tokenToCulori } from '../color.js';\nimport type { ColorTokenNormalized } from '../types.js';\nimport type { TransformCSSValueOptions } from './css-types.js';\nimport { defaultAliasTransform } from './lib.js';\n\nexport type WideGamutColorValue = {\n  '.': string;\n  srgb: string;\n  p3: string;\n  rec2020: string;\n};\n\n/** Convert color value to CSS string */\nexport function transformColor(\n  token: ColorTokenNormalized,\n  options: TransformCSSValueOptions,\n): string | WideGamutColorValue {\n  const { transformAlias = defaultAliasTransform, tokensSet } = options;\n  if (token.aliasChain?.[0]) {\n    return transformAlias(tokensSet[token.aliasChain[0]]!);\n  }\n\n  const {\n    colorSpace,\n    components,\n    alpha = 1,\n  } = typeof token.$value === 'string' ? parseColor(token.$value) : token.$value;\n  const color = tokenToCulori({ colorSpace, components, alpha });\n\n  if (!color) {\n    throw new Error(`Can’t convert color ${JSON.stringify(token.$value)} to Culori color`);\n  }\n\n  let formatColor: (color: Color) => string = formatCss;\n  if (options.color?.legacyHex) {\n    formatColor = color.alpha !== 1 ? formatHex8 : formatHex;\n  }\n\n  return displayable(color) ? formatColor(color) : downsample({ colorSpace, components, alpha }, color);\n}\n\nconst converters: Record<keyof typeof CULORI_TO_CSS, (color: Color) => Color> = {\n  a98: useMode(modeA98),\n  hsl: useMode(modeHsl),\n  hsv: useMode(modeHsv),\n  hwb: useMode(modeHwb),\n  lab: useMode(modeLab),\n  lch: useMode(modeLch),\n  lrgb: useMode(modeLrgb),\n  oklab: useMode(modeOklab),\n  oklch: useMode(modeOklch),\n  p3: useMode(modeP3),\n  prophoto: useMode(modeProphoto),\n  rec2020: useMode(modeRec2020),\n  rgb: useMode(modeRgb),\n  xyz50: useMode(modeXyz50),\n  xyz65: useMode(modeXyz65),\n};\n\n/**\n * Downsample color to sRGB/Display P3/Rec2020 colorspaces.\n * Note: because Culori tends to convert to RGB color spaces to ensure the operation,\n * we have to do an additional step of converting back. So we’re not really converting;\n * we’re just preserving the original colorspace.\n */\nfunction downsample($value: ColorTokenNormalized['$value'], culoriColor: Color) {\n  const conversionSpace = CSS_TO_CULORI[$value.colorSpace] || 'oklab';\n  const converter = converters[conversionSpace];\n  return {\n    '.': formatCss(culoriColor),\n    srgb: formatCss(converter(toGamut('rgb', conversionSpace)(culoriColor))),\n    p3: formatCss(converter(toGamut('p3', conversionSpace)(culoriColor))),\n    rec2020: formatCss(converter(toGamut('rec2020', conversionSpace)(culoriColor))),\n  };\n}\n","import type { DimensionTokenNormalized } from '../types.js';\nimport type { TransformCSSValueOptions } from './css-types.js';\nimport { defaultAliasTransform } from './lib.js';\n\n/** Convert dimension value to CSS */\nexport function transformDimension(token: DimensionTokenNormalized, options: TransformCSSValueOptions): string {\n  const { tokensSet, transformAlias = defaultAliasTransform } = options;\n  if (token.aliasChain?.[0]) {\n    return transformAlias(tokensSet[token.aliasChain[0]]!);\n  }\n\n  return token.$value.value === 0 ? '0' : `${token.$value.value}${token.$value.unit}`;\n}\n","import type { StrokeStyleTokenNormalized } from '../types.js';\nimport type { TransformCSSValueOptions } from './css-types.js';\nimport { defaultAliasTransform } from './lib.js';\n\n/** Convert strokeStyle value to CSS */\nexport function transformStrokeStyle(token: StrokeStyleTokenNormalized, options: TransformCSSValueOptions): string {\n  const { tokensSet, transformAlias = defaultAliasTransform } = options;\n  if (token.aliasChain?.[0]) {\n    return transformAlias(tokensSet[token.aliasChain[0]]!);\n  }\n  return typeof token.$value === 'string' ? token.$value : 'dashed'; // CSS doesn’t have `dash-array`; it’s just \"dashed\"\n}\n","import { displayable } from 'culori';\nimport type {\n  BorderTokenNormalized,\n  ColorTokenNormalized,\n  DimensionTokenNormalized,\n  StrokeStyleTokenNormalized,\n} from '../types.js';\nimport { transformColor } from './color.js';\nimport type { TransformCSSValueOptions } from './css-types.js';\nimport { transformDimension } from './dimension.js';\nimport { defaultAliasTransform } from './lib.js';\nimport { transformStrokeStyle } from './stroke-style.js';\n\n/** Convert border value to multiple CSS values */\nexport function transformBorder(token: BorderTokenNormalized, options: TransformCSSValueOptions) {\n  const { tokensSet, transformAlias = defaultAliasTransform } = options;\n  if (token.aliasChain?.[0]) {\n    return transformAlias(tokensSet[token.aliasChain[0]]!);\n  }\n\n  const width = token.partialAliasOf?.width\n    ? transformAlias(tokensSet[token.partialAliasOf.width]!)\n    : transformDimension({ $value: token.$value.width } as DimensionTokenNormalized, options);\n  const color = token.partialAliasOf?.color\n    ? transformAlias(tokensSet[token.partialAliasOf.color]!)\n    : transformColor({ $value: token.$value.color } as ColorTokenNormalized, options);\n  const style = token.partialAliasOf?.style\n    ? transformAlias(tokensSet[token.partialAliasOf.style]!)\n    : transformStrokeStyle({ $value: token.$value.style } as StrokeStyleTokenNormalized, options);\n\n  const formatBorder = (colorKey: string) =>\n    [width, style, typeof color === 'string' ? color : color[colorKey as keyof typeof color]].join(' ');\n\n  return typeof color === 'string' || displayable(color.p3)\n    ? formatBorder('.')\n    : {\n        '.': formatBorder('.'),\n        srgb: formatBorder('srgb'),\n        p3: formatBorder('p3'),\n        rec2020: formatBorder('rec2020'),\n      };\n}\n","import type { CubicBezierTokenNormalized } from '../types.js';\nimport type { TransformCSSValueOptions } from './css-types.js';\nimport { defaultAliasTransform } from './lib.js';\n\n/** Convert cubicBezier value to CSS */\nexport function transformCubicBezier(token: CubicBezierTokenNormalized, options: TransformCSSValueOptions): string {\n  const { tokensSet, transformAlias = defaultAliasTransform } = options;\n  if (token.aliasChain?.[0]) {\n    return transformAlias(tokensSet[token.aliasChain[0]]!);\n  }\n  return `cubic-bezier(${token.$value\n    .map((v, i) => (token.partialAliasOf?.[i] ? transformAlias(tokensSet[token.partialAliasOf[i]]!) : v))\n    .join(', ')})`;\n}\n","import type { DurationTokenNormalized } from '../types.js';\nimport type { TransformCSSValueOptions } from './css-types.js';\nimport { defaultAliasTransform } from './lib.js';\n\n/** Convert duration value to CSS */\nexport function transformDuration(token: DurationTokenNormalized, options: TransformCSSValueOptions): string {\n  const { tokensSet, transformAlias = defaultAliasTransform } = options;\n  if (token.aliasChain?.[0]) {\n    return transformAlias(tokensSet[token.aliasChain[0]]!);\n  }\n\n  return `${token.$value.value}${token.$value.unit}`;\n}\n","import type { FontFamilyTokenNormalized } from '../types.js';\nimport type { TransformCSSValueOptions } from './css-types.js';\nimport { defaultAliasTransform } from './lib.js';\n\nconst FONT_NAME_KEYWORD = /^[a-z-]+$/;\n\nexport function transformFontFamily(token: FontFamilyTokenNormalized, options: TransformCSSValueOptions): string {\n  const { tokensSet, transformAlias = defaultAliasTransform } = options;\n  if (token.aliasChain?.[0]) {\n    return transformAlias(tokensSet[token.aliasChain[0]]!);\n  }\n  return token.$value.map((fontName) => (FONT_NAME_KEYWORD.test(fontName) ? fontName : `\"${fontName}\"`)).join(', ');\n}\n","import type { FontWeightTokenNormalized } from '../types.js';\nimport type { TransformCSSValueOptions } from './css-types.js';\nimport { defaultAliasTransform } from './lib.js';\n\n/** Convert fontWeight value to CSS */\nexport function transformFontWeight(token: FontWeightTokenNormalized, options: TransformCSSValueOptions): string {\n  const { tokensSet, transformAlias = defaultAliasTransform } = options;\n  if (token.aliasChain?.[0]) {\n    return transformAlias(tokensSet[token.aliasChain[0]]!);\n  }\n  return String(token.$value);\n}\n","import type { ColorTokenNormalized, GradientTokenNormalized } from '../types.js';\nimport { type WideGamutColorValue, transformColor } from './color.js';\nimport type { TransformCSSValueOptions } from './css-types.js';\nimport { defaultAliasTransform } from './lib.js';\n\n/** Convert gradient value to CSS */\nexport function transformGradient(\n  token: GradientTokenNormalized,\n  options: TransformCSSValueOptions,\n): string | WideGamutColorValue {\n  const { tokensSet, transformAlias = defaultAliasTransform } = options;\n  if (token.aliasChain?.[0]) {\n    return transformAlias(tokensSet[token.aliasChain[0]]!);\n  }\n\n  let isHDR = false;\n\n  const colors: (string | WideGamutColorValue)[] = [];\n  const positions: string[] = [];\n\n  for (let i = 0; i < token.$value.length; i++) {\n    const { color, position } = token.$value[i]!;\n    const colorValue = token.partialAliasOf?.[i]?.color\n      ? transformAlias(tokensSet[token.partialAliasOf[i]!.color!]!)\n      : transformColor({ $value: color } as ColorTokenNormalized, options);\n    if (typeof colorValue !== 'string') {\n      isHDR = true;\n    }\n    colors.push(colorValue);\n    positions.push(\n      token.partialAliasOf?.[i]?.position\n        ? transformAlias(tokensSet[token.partialAliasOf[i]!.position!]!)\n        : `${100 * position}%`,\n    );\n  }\n\n  function formatStop(i: number, colorKey = '.') {\n    return `${typeof colors[i] === 'string' ? colors[i] : colors[i]![colorKey as keyof (typeof colors)[number]]} ${positions[i]}`;\n  }\n\n  return !isHDR\n    ? token.$value.map((_, i) => formatStop(i, positions[i]!)).join(', ')\n    : {\n        '.': token.$value.map((_, i) => formatStop(i, '.')).join(', '),\n        srgb: token.$value.map((_, i) => formatStop(i, 'srgb')).join(', '),\n        p3: token.$value.map((_, i) => formatStop(i, 'p3')).join(', '),\n        rec2020: token.$value.map((_, i) => formatStop(i, 'rec2020')).join(', '),\n      };\n}\n","import type { LinkTokenNormalized } from '../types.js';\nimport type { TransformCSSValueOptions } from './css-types.js';\nimport { defaultAliasTransform } from './lib.js';\n\n/** Convert link value to CSS */\nexport function transformLink(token: LinkTokenNormalized, options: TransformCSSValueOptions): string {\n  const { tokensSet, transformAlias = defaultAliasTransform } = options;\n  if (token.aliasChain?.[0]) {\n    return transformAlias(tokensSet[token.aliasChain[0]]!);\n  }\n  return `url(\"${token.$value}\")`;\n}\n","import type { NumberTokenNormalized } from '../types.js';\nimport type { TransformCSSValueOptions } from './css-types.js';\nimport { defaultAliasTransform } from './lib.js';\n\n/** Convert number value to CSS */\nexport function transformNumber(token: NumberTokenNormalized, options: TransformCSSValueOptions): string {\n  const { tokensSet, transformAlias = defaultAliasTransform } = options;\n  if (token.aliasChain?.[0]) {\n    return transformAlias(tokensSet[token.aliasChain[0]]!);\n  }\n  return String(token.$value);\n}\n","import type {\n  ColorTokenNormalized,\n  DimensionTokenNormalized,\n  ShadowTokenNormalized,\n  ShadowValueNormalized,\n} from '../types.js';\nimport { transformColor } from './color.js';\nimport type { TransformCSSValueOptions } from './css-types.js';\nimport { transformDimension } from './dimension.js';\nimport { defaultAliasTransform } from './lib.js';\n\n/** Convert shadow subvalue to CSS */\nexport function transformShadowLayer(\n  value: ShadowValueNormalized,\n  options: TransformCSSValueOptions & {\n    colorValue: string;\n    partialAliasOf?: Partial<Record<keyof typeof value, string>>;\n  },\n): string | Record<string, string> {\n  const { tokensSet, colorValue, partialAliasOf, transformAlias = defaultAliasTransform } = options;\n  const offsetX = partialAliasOf?.offsetX\n    ? transformAlias(tokensSet[partialAliasOf.offsetX]!)\n    : transformDimension({ $value: value.offsetX } as DimensionTokenNormalized, options);\n  const offsetY = partialAliasOf?.offsetY\n    ? transformAlias(tokensSet[partialAliasOf.offsetY]!)\n    : transformDimension({ $value: value.offsetY } as DimensionTokenNormalized, options);\n  const blur = partialAliasOf?.blur\n    ? transformAlias(tokensSet[partialAliasOf.blur]!)\n    : transformDimension({ $value: value.blur } as DimensionTokenNormalized, options);\n  const spread = partialAliasOf?.spread\n    ? transformAlias(tokensSet[partialAliasOf.spread]!)\n    : transformDimension({ $value: value.spread } as DimensionTokenNormalized, options);\n  const inset = value?.inset === true ? 'inset' : undefined;\n\n  return [inset, offsetX, offsetY, blur, spread, colorValue].filter(Boolean).join(' ');\n}\n\n/** Convert shadow value to CSS */\nexport function transformShadow(\n  token: ShadowTokenNormalized,\n  options: TransformCSSValueOptions,\n): string | Record<string, string> {\n  const { tokensSet, transformAlias = defaultAliasTransform } = options;\n  if (token.aliasChain?.[0]) {\n    return transformAlias(tokensSet[token.aliasChain[0]]!);\n  }\n  const colors = token.$value.map((v, i) =>\n    token.partialAliasOf?.[i]?.color\n      ? transformAlias(tokensSet[token.partialAliasOf[i]!.color!]!)\n      : transformColor({ $value: v.color } as ColorTokenNormalized, options),\n  );\n  const isHDR = colors.some((c) => typeof c === 'object');\n\n  const formatShadow = (colorKey: string) =>\n    token.$value\n      .map((v, i) =>\n        transformShadowLayer(v, {\n          tokensSet,\n          colorValue:\n            typeof colors[i] === 'string'\n              ? (colors[i] as string)\n              : colors[i]![colorKey as keyof (typeof colors)[number]]!,\n          partialAliasOf: token.partialAliasOf?.[i],\n          transformAlias,\n        }),\n      )\n      .join(', ');\n\n  return !isHDR\n    ? formatShadow('.')\n    : {\n        '.': formatShadow('.'),\n        srgb: formatShadow('srgb'),\n        p3: formatShadow('p3'),\n        rec2020: formatShadow('rec2020'),\n      };\n}\n","import type { StringTokenNormalized } from '../types.js';\nimport type { TransformCSSValueOptions } from './css-types.js';\nimport { defaultAliasTransform } from './lib.js';\n\n/** Convert string value to CSS */\nexport function transformString(token: StringTokenNormalized, options: TransformCSSValueOptions): string {\n  const { tokensSet, transformAlias = defaultAliasTransform } = options;\n  if (token.aliasChain?.[0]) {\n    return transformAlias(tokensSet[token.aliasChain[0]]!);\n  }\n  // this seems like a useless function—because it is—but this is a placeholder\n  // that can handle unexpected values in the future should any arise\n  return String(token.$value);\n}\n","import type { CubicBezierTokenNormalized, DurationTokenNormalized, TransitionTokenNormalized } from '../types.js';\nimport type { TransformCSSValueOptions } from './css-types.js';\nimport { transformCubicBezier } from './cubic-bezier.js';\nimport { transformDuration } from './duration.js';\nimport { defaultAliasTransform } from './lib.js';\n\n/** Convert transition value to shorthand */\nexport function transformTransition(token: TransitionTokenNormalized, options: TransformCSSValueOptions) {\n  const { tokensSet, transformAlias = defaultAliasTransform } = options;\n  if (token.aliasChain?.[0]) {\n    return transformAlias(tokensSet[token.aliasChain[0]]!);\n  }\n\n  const duration = token.partialAliasOf?.duration\n    ? transformAlias(tokensSet[token.partialAliasOf.duration]!)\n    : transformDuration({ $value: token.$value.duration } as DurationTokenNormalized, options);\n  const delay = token.partialAliasOf?.delay\n    ? transformAlias(tokensSet[token.partialAliasOf.delay]!)\n    : transformDuration({ $value: token.$value.delay } as DurationTokenNormalized, options);\n  const timingFunction = token.partialAliasOf?.timingFunction\n    ? transformAlias(tokensSet[token.partialAliasOf.timingFunction]!)\n    : transformCubicBezier({ $value: token.$value.timingFunction } as CubicBezierTokenNormalized, options);\n\n  return `${duration} ${delay} ${timingFunction}`;\n}\n","import { kebabCase } from '../string.js';\nimport type {\n  DimensionTokenNormalized,\n  FontFamilyTokenNormalized,\n  FontWeightTokenNormalized,\n  NumberTokenNormalized,\n  StringTokenNormalized,\n  TokenNormalized,\n  TypographyTokenNormalized,\n} from '../types.js';\nimport type { TransformCSSValueOptions } from './css-types.js';\nimport { transformDimension } from './dimension.js';\nimport { transformFontFamily } from './font-family.js';\nimport { transformFontWeight } from './font-weight.js';\nimport { defaultAliasTransform } from './lib.js';\nimport { transformNumber } from './number.js';\nimport { transformString } from './string.js';\n\n/** Convert typography value to multiple CSS values */\nexport function transformTypography(token: TypographyTokenNormalized, options: TransformCSSValueOptions) {\n  const { tokensSet, transformAlias = defaultAliasTransform } = options;\n  const output: Record<string, string> = {};\n  for (const [property, subvalue] of Object.entries(token.$value)) {\n    let transformedValue: string;\n    const aliasedID = token.aliasChain?.[0] ?? token.partialAliasOf?.[property];\n    if (aliasedID) {\n      const resolvedToken = tokensSet[aliasedID] as TypographyTokenNormalized;\n      transformedValue = transformAlias(\n        // if resolving against a typography token, inject the property as well\n        resolvedToken.$type === 'typography' ? ({ id: `${aliasedID}-${property}` } as TokenNormalized) : resolvedToken,\n      );\n    } else {\n      switch (property) {\n        case 'fontFamily': {\n          transformedValue = transformFontFamily({ $value: subvalue } as FontFamilyTokenNormalized, options);\n          break;\n        }\n        case 'fontSize':\n        case 'letterSpacing': {\n          transformedValue = transformDimension({ $value: subvalue } as DimensionTokenNormalized, options);\n          break;\n        }\n        case 'fontWeight': {\n          transformedValue = transformFontWeight({ $value: subvalue } as FontWeightTokenNormalized, options);\n          break;\n        }\n        case 'lineHeight': {\n          if (typeof subvalue === 'number') {\n            transformedValue = transformNumber({ $value: subvalue } as NumberTokenNormalized, options);\n          } else {\n            transformedValue = transformDimension({ $value: subvalue } as DimensionTokenNormalized, options);\n          }\n          break;\n        }\n        default: {\n          transformedValue = transformString({ $value: subvalue } as StringTokenNormalized, options);\n          break;\n        }\n      }\n    }\n    output[kebabCase(property)] = transformedValue;\n  }\n  return output;\n}\n","import type { TokenNormalized } from '../types.js';\nimport { transformBoolean } from './boolean.js';\nimport { transformBorder } from './border.js';\nimport { transformColor } from './color.js';\nimport type { TransformCSSValueOptions } from './css-types.js';\nimport { transformCubicBezier } from './cubic-bezier.js';\nimport { transformDimension } from './dimension.js';\nimport { transformDuration } from './duration.js';\nimport { transformFontFamily } from './font-family.js';\nimport { transformFontWeight } from './font-weight.js';\nimport { transformGradient } from './gradient.js';\nimport { transformLink } from './link.js';\nimport { transformNumber } from './number.js';\nimport { transformShadow } from './shadow.js';\nimport { transformString } from './string.js';\nimport { transformStrokeStyle } from './stroke-style.js';\nimport { transformTransition } from './transition.js';\nimport { transformTypography } from './typography.js';\n\nexport * from './boolean.js';\nexport * from './border.js';\nexport * from './color.js';\nexport * from './cubic-bezier.js';\nexport * from './dimension.js';\nexport * from './duration.js';\nexport * from './font-family.js';\nexport * from './font-weight.js';\nexport * from './gradient.js';\nexport * from './lib.js';\nexport * from './link.js';\nexport * from './number.js';\nexport * from './shadow.js';\nexport * from './string.js';\nexport * from './stroke-style.js';\nexport * from './transition.js';\nexport * from './typography.js';\n\n/** Main CSS Transform */\nexport function transformCSSValue<T extends TokenNormalized = TokenNormalized>(\n  token: T,\n  { mode, ...options }: { mode: keyof T['mode'] } & TransformCSSValueOptions,\n) {\n  const selectedMode = token.mode[mode as keyof typeof token.mode];\n  if (!selectedMode) {\n    return;\n  }\n  const tokenWithModeValue: T = {\n    id: token.id,\n    $type: token.$type,\n    // note: do NOT carry over aliasOf/partialAliasOf as that will result in incorrect values\n    ...selectedMode,\n  } as any;\n  switch (tokenWithModeValue.$type) {\n    case 'boolean': {\n      return transformBoolean(tokenWithModeValue, options);\n    }\n    case 'border': {\n      return transformBorder(tokenWithModeValue, options);\n    }\n    case 'color': {\n      return transformColor(tokenWithModeValue, options);\n    }\n    case 'cubicBezier': {\n      return transformCubicBezier(tokenWithModeValue, options);\n    }\n    case 'dimension': {\n      return transformDimension(tokenWithModeValue, options);\n    }\n    case 'duration': {\n      return transformDuration(tokenWithModeValue, options);\n    }\n    case 'fontFamily': {\n      return transformFontFamily(tokenWithModeValue, options);\n    }\n    case 'fontWeight': {\n      return transformFontWeight(tokenWithModeValue, options);\n    }\n    case 'gradient': {\n      return transformGradient(tokenWithModeValue, options);\n    }\n    case 'link': {\n      return transformLink(tokenWithModeValue, options);\n    }\n    case 'number': {\n      return transformNumber(tokenWithModeValue, options);\n    }\n    case 'shadow': {\n      return transformShadow(tokenWithModeValue, options);\n    }\n    case 'string': {\n      return transformString(tokenWithModeValue, options);\n    }\n    case 'strokeStyle': {\n      return transformStrokeStyle(tokenWithModeValue, options);\n    }\n    case 'transition': {\n      return transformTransition(tokenWithModeValue, options);\n    }\n    case 'typography': {\n      return transformTypography(tokenWithModeValue, options);\n    }\n  }\n}\n"],"mappings":"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"}