@tenphi/renderer 0.19.0

package/dist/tasty-states-BDKIbfw2.js

@@ -0,0 +1,65 @@
+import { resolveTypographyPresets } from "./theme/defaults.js";
+import { TASTY_UNITS } from "./theme/tasty-config.js";
+import { COOKBOOK_COMPONENT_NAMES } from "@tenphi/docs";
+import { mergeStyles } from "@tenphi/tasty/core";
+import { configure as configure$1, getGlobalPredefinedStates } from "@tenphi/tasty";
+//#region src/components/component-styles.ts
+const sharedConfiguration = globalThis;
+const cookbookComponentNames = new Set(COOKBOOK_COMPONENT_NAMES);
+function configureComponentStyles(styles) {
+	sharedConfiguration.__tenphiCookbookComponentStyles = styles ?? {};
+	sharedConfiguration.__tenphiCookbookUsedComponentStyles = /* @__PURE__ */ new Set();
+}
+/** Merge a partial theme override into a built-in or consumer style tree. */
+function resolveComponentStyles(name, baseStyles) {
+	sharedConfiguration.__tenphiCookbookUsedComponentStyles?.add(name);
+	const configuredStyles = sharedConfiguration.__tenphiCookbookComponentStyles?.[name];
+	return configuredStyles ? mergeStyles(baseStyles, configuredStyles) : baseStyles;
+}
+/** Find custom names without a component style resolver or rendered anatomy. */
+function unusedCustomStyleNames(styles, anatomyNames) {
+	return Object.keys(styles ?? {}).filter((name) => !sharedConfiguration.__tenphiCookbookUsedComponentStyles?.has(name) && !anatomyNames.has(name));
+}
+/** Preserve custom anatomy names from the pre-component style API. */
+function resolveLegacyAnatomyStyles(styles) {
+	if (!styles) return void 0;
+	const entries = Object.entries(styles).filter((entry) => !cookbookComponentNames.has(entry[0]) && entry[1] !== void 0).map(([name, value]) => [`[data-tasty-anatomy="${name}"]`, value]);
+	return entries.length ? Object.fromEntries(entries) : void 0;
+}
+//#endregion
+//#region src/components/tasty-states.js
+const cookbookStates = {
+	"@mobile": "@media(w < 50rem)",
+	"@desktop": "@media(w >= 50rem)",
+	"@small": "@media(w <= 40rem)",
+	"@compact": "@media(w <= 23rem)",
+	"@shell-mobile": "@media(w <= 48rem)",
+	"@shell-desktop": "@media(w > 48rem)",
+	"@narrow-layout": "@media(w < 72rem)",
+	"@medium-layout": "@media(w >= 50rem) & @media(w < 72rem)",
+	"@reduced-motion": "@media(prefers-reduced-motion: reduce)"
+};
+let configured = false;
+let configuredRuntime;
+/** Configure aliases in the renderer's Tasty module before styles are parsed. */
+function configureCookbookStates() {
+	const runtime = globalThis.__tenphiCookbookTastyRuntime;
+	if (configured && configuredRuntime === runtime) return;
+	configure$1({
+		presets: resolveTypographyPresets(),
+		...runtime,
+		units: {
+			...TASTY_UNITS,
+			...runtime?.units
+		}
+	});
+	configuredRuntime = runtime;
+	const existingStates = getGlobalPredefinedStates();
+	const missingStates = Object.fromEntries(Object.entries(cookbookStates).filter(([name]) => existingStates[name] === void 0));
+	if (Object.keys(missingStates).length) configure$1({ states: missingStates });
+	configured = true;
+}
+//#endregion
+export { resolveLegacyAnatomyStyles as a, resolveComponentStyles as i, cookbookStates as n, unusedCustomStyleNames as o, configureComponentStyles as r, configureCookbookStates as t };
+
+//# sourceMappingURL=tasty-states-BDKIbfw2.js.map

package/dist/tasty-states-BDKIbfw2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tasty-states-BDKIbfw2.js","names":[],"sources":["../src/components/component-styles.ts","../src/components/tasty-states.js"],"sourcesContent":["import { mergeStyles, type Styles } from \"@tenphi/tasty/core\";\nimport { COOKBOOK_COMPONENT_NAMES } from \"@tenphi/docs\";\n\n// Astro can load the integration and renderer through separate module graphs.\n// Keep their component configuration on the shared process global.\nconst sharedConfiguration = globalThis as typeof globalThis & {\n  __tenphiCookbookComponentStyles?: Record<string, Styles | undefined>;\n  __tenphiCookbookUsedComponentStyles?: Set<string>;\n};\nconst cookbookComponentNames = new Set<string>(COOKBOOK_COMPONENT_NAMES);\n\nexport function configureComponentStyles(\n  styles: Record<string, Styles | undefined> | undefined,\n): void {\n  sharedConfiguration.__tenphiCookbookComponentStyles = styles ?? {};\n  sharedConfiguration.__tenphiCookbookUsedComponentStyles = new Set();\n}\n\n/** Merge a partial theme override into a built-in or consumer style tree. */\nexport function resolveComponentStyles(\n  name: string,\n  baseStyles: Styles,\n): Styles {\n  sharedConfiguration.__tenphiCookbookUsedComponentStyles?.add(name);\n  const configuredStyles = sharedConfiguration\n    .__tenphiCookbookComponentStyles?.[name] as Styles | undefined;\n  return configuredStyles\n    ? mergeStyles(baseStyles, configuredStyles as Styles)\n    : baseStyles;\n}\n\n/** Find custom names without a component style resolver or rendered anatomy. */\nexport function unusedCustomStyleNames(\n  styles: Record<string, Styles> | undefined,\n  anatomyNames: ReadonlySet<string>,\n): string[] {\n  return Object.keys(styles ?? {}).filter(\n    (name) =>\n      !sharedConfiguration.__tenphiCookbookUsedComponentStyles?.has(name) &&\n      !anatomyNames.has(name),\n  );\n}\n\nexport function resolveComponentStyleOverride(\n  name: string,\n): Styles | undefined {\n  return sharedConfiguration.__tenphiCookbookComponentStyles?.[name] as\n    Styles | undefined;\n}\n\n/** Preserve custom anatomy names from the pre-component style API. */\nexport function resolveLegacyAnatomyStyles(\n  styles: Record<string, Styles | undefined> | undefined,\n): Record<string, Styles> | undefined {\n  if (!styles) return undefined;\n  const entries = Object.entries(styles)\n    .filter(\n      (entry): entry is [string, Styles] =>\n        !cookbookComponentNames.has(entry[0]) && entry[1] !== undefined,\n    )\n    .map(([name, value]) => [`[data-tasty-anatomy=\"${name}\"]`, value]);\n  return entries.length\n    ? (Object.fromEntries(entries) as Record<string, Styles>)\n    : undefined;\n}\n","import { configure, getGlobalPredefinedStates } from \"@tenphi/tasty\";\nimport { resolveTypographyPresets } from \"../theme/defaults.js\";\nimport { TASTY_UNITS } from \"../theme/tasty-config.js\";\n\nexport const cookbookStates = {\n  \"@mobile\": \"@media(w < 50rem)\",\n  \"@desktop\": \"@media(w >= 50rem)\",\n  \"@small\": \"@media(w <= 40rem)\",\n  \"@compact\": \"@media(w <= 23rem)\",\n  \"@shell-mobile\": \"@media(w <= 48rem)\",\n  \"@shell-desktop\": \"@media(w > 48rem)\",\n  \"@narrow-layout\": \"@media(w < 72rem)\",\n  \"@medium-layout\": \"@media(w >= 50rem) & @media(w < 72rem)\",\n  \"@reduced-motion\": \"@media(prefers-reduced-motion: reduce)\",\n};\n\nlet configured = false;\nlet configuredRuntime;\n\n/** Configure aliases in the renderer's Tasty module before styles are parsed. */\nexport function configureCookbookStates() {\n  // Process-local server configuration shared across Astro/Vite module graphs.\n  // The integration prevents this module from entering browser bundles.\n  const runtime = globalThis.__tenphiCookbookTastyRuntime;\n  if (configured && configuredRuntime === runtime) return;\n  configure({\n    presets: resolveTypographyPresets(),\n    ...runtime,\n    units: { ...TASTY_UNITS, ...runtime?.units },\n  });\n  configuredRuntime = runtime;\n  // The integration may have configured this runtime already, including\n  // consumer overrides of built-in breakpoints. Only supply missing aliases.\n  const existingStates = getGlobalPredefinedStates();\n  const missingStates = Object.fromEntries(\n    Object.entries(cookbookStates).filter(\n      ([name]) => existingStates[name] === undefined,\n    ),\n  );\n  if (Object.keys(missingStates).length) configure({ states: missingStates });\n  configured = true;\n}\n"],"mappings":";;;;;;AAKA,MAAM,sBAAsB;AAI5B,MAAM,yBAAyB,IAAI,IAAY,wBAAwB;AAEvE,SAAgB,yBACd,QACM;CACN,oBAAoB,kCAAkC,UAAU,CAAC;CACjE,oBAAoB,sDAAsC,IAAI,IAAI;AACpE;;AAGA,SAAgB,uBACd,MACA,YACQ;CACR,oBAAoB,qCAAqC,IAAI,IAAI;CACjE,MAAM,mBAAmB,oBACtB,kCAAkC;CACrC,OAAO,mBACH,YAAY,YAAY,gBAA0B,IAClD;AACN;;AAGA,SAAgB,uBACd,QACA,cACU;CACV,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,QAC9B,SACC,CAAC,oBAAoB,qCAAqC,IAAI,IAAI,KAClE,CAAC,aAAa,IAAI,IAAI,CAC1B;AACF;;AAUA,SAAgB,2BACd,QACoC;CACpC,IAAI,CAAC,QAAQ,OAAO,KAAA;CACpB,MAAM,UAAU,OAAO,QAAQ,MAAM,CAAC,CACnC,QACE,UACC,CAAC,uBAAuB,IAAI,MAAM,EAAE,KAAK,MAAM,OAAO,KAAA,CAC1D,CAAC,CACA,KAAK,CAAC,MAAM,WAAW,CAAC,wBAAwB,KAAK,KAAK,KAAK,CAAC;CACnE,OAAO,QAAQ,SACV,OAAO,YAAY,OAAO,IAC3B,KAAA;AACN;;;AC5DA,MAAa,iBAAiB;CAC5B,WAAW;CACX,YAAY;CACZ,UAAU;CACV,YAAY;CACZ,iBAAiB;CACjB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,mBAAmB;AACrB;AAEA,IAAI,aAAa;AACjB,IAAI;;AAGJ,SAAgB,0BAA0B;CAGxC,MAAM,UAAU,WAAW;CAC3B,IAAI,cAAc,sBAAsB,SAAS;CACjD,YAAU;EACR,SAAS,yBAAyB;EAClC,GAAG;EACH,OAAO;GAAE,GAAG;GAAa,GAAG,SAAS;EAAM;CAC7C,CAAC;CACD,oBAAoB;CAGpB,MAAM,iBAAiB,0BAA0B;CACjD,MAAM,gBAAgB,OAAO,YAC3B,OAAO,QAAQ,cAAc,CAAC,CAAC,QAC5B,CAAC,UAAU,eAAe,UAAU,KAAA,CACvC,CACF;CACA,IAAI,OAAO,KAAK,aAAa,CAAC,CAAC,QAAQ,YAAU,EAAE,QAAQ,cAAc,CAAC;CAC1E,aAAa;AACf"}

package/dist/theme/defaults.d.ts

@@ -0,0 +1,21 @@
+import { ThemeTokens, TypographyPreset, TypographyPresets } from "@tenphi/docs";
+//#region src/theme/defaults.d.ts
+declare const DEFAULT_THEME_TOKENS: {
+  $gap: string;
+  $radius: string;
+  "$header-control-radius": string;
+  "$card-radius": string;
+  "$border-width": string;
+  "$outline-width": string;
+  "$outline-offset": string;
+  "$layout-width": string;
+  "$content-width": string;
+  "$sidebar-width": string;
+  "$control-height": string;
+};
+declare const DEFAULT_TYPOGRAPHY_PRESETS: Record<string, TypographyPreset>;
+declare function resolveThemeTokens(tokens?: ThemeTokens): ThemeTokens;
+declare function resolveTypographyPresets(presets?: TypographyPresets, fontFamilies?: Partial<Record<"body" | "heading" | "code", string>>): Record<string, TypographyPreset>;
+//#endregion
+export { DEFAULT_THEME_TOKENS, DEFAULT_TYPOGRAPHY_PRESETS, resolveThemeTokens, resolveTypographyPresets };
+//# sourceMappingURL=defaults.d.ts.map

package/dist/theme/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","names":[],"sources":["../../src/theme/defaults.ts"],"mappings":";;cAMa;;;;;;;;;;;;;cAmBA,4BAA4B,eAAe;iBAiDxC,mBAAmB,SAAQ,cAAmB;iBAI9C,yBACd,UAAS,mBACT,eAAc,QAAQ,+CACrB,eAAe"}

package/dist/theme/defaults.js

@@ -0,0 +1,93 @@
+//#region src/theme/defaults.ts
+const DEFAULT_THEME_TOKENS = {
+	$gap: "0.5rem",
+	$radius: "8px",
+	"$header-control-radius": "999px",
+	"$card-radius": "16px",
+	"$border-width": "1px",
+	"$outline-width": "2px",
+	"$outline-offset": "2px",
+	"$layout-width": "87.5rem",
+	"$content-width": "58rem",
+	"$sidebar-width": "17.5rem",
+	"$control-height": "2.5rem"
+};
+const BODY_FONT = "'Onest Variable', Onest, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif";
+const DEFAULT_TYPOGRAPHY_PRESETS = {
+	body: {
+		fontFamily: BODY_FONT,
+		fontSize: "1rem",
+		lineHeight: 1.65,
+		letterSpacing: "0",
+		fontWeight: 400,
+		boldFontWeight: 640
+	},
+	heading: {
+		fontFamily: BODY_FONT,
+		fontSize: "1rem",
+		lineHeight: 1.15,
+		letterSpacing: "-0.006em",
+		fontWeight: 610,
+		boldFontWeight: 720
+	},
+	h1: heading("clamp(2.5rem, 5vw, 3.25rem)", 1.05, "-0.015em"),
+	h2: heading("clamp(1.75rem, 3vw, 2.125rem)", 1.1, "-0.01em"),
+	h3: heading("1.5rem", 1.15, "-0.006em"),
+	h4: heading("1.25rem", 1.2, "-0.003em"),
+	h5: heading("1.125rem", 1.25, "0"),
+	h6: heading("1rem", 1.3, "0"),
+	navigation: {
+		fontFamily: "var(--body-font-family)",
+		fontSize: "0.9375rem",
+		lineHeight: 1.4,
+		letterSpacing: "0",
+		fontWeight: 450,
+		boldFontWeight: 580
+	},
+	small: {
+		fontFamily: "var(--body-font-family)",
+		fontSize: "0.875rem",
+		lineHeight: 1.45,
+		letterSpacing: "-0.002em",
+		fontWeight: 420,
+		boldFontWeight: 600
+	},
+	code: {
+		fontFamily: "'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+		fontSize: "0.875rem",
+		lineHeight: 1.65,
+		letterSpacing: "0",
+		fontWeight: 400,
+		boldFontWeight: 650
+	}
+};
+function resolveThemeTokens(tokens = {}) {
+	return {
+		...DEFAULT_THEME_TOKENS,
+		...tokens
+	};
+}
+function resolveTypographyPresets(presets = {}, fontFamilies = {}) {
+	const body = DEFAULT_TYPOGRAPHY_PRESETS.body;
+	if (!body) throw new Error("The body typography preset is required.");
+	const names = /* @__PURE__ */ new Set([...Object.keys(DEFAULT_TYPOGRAPHY_PRESETS), ...Object.keys(presets)]);
+	return Object.fromEntries([...names].map((name) => [name, {
+		...DEFAULT_TYPOGRAPHY_PRESETS[name] ?? body,
+		...name in fontFamilies ? { fontFamily: fontFamilies[name] } : {},
+		...presets[name] ?? {}
+	}]));
+}
+function heading(fontSize, lineHeight, letterSpacing) {
+	return {
+		fontFamily: "var(--heading-font-family)",
+		fontSize,
+		lineHeight,
+		letterSpacing,
+		fontWeight: "var(--heading-font-weight)",
+		boldFontWeight: "var(--heading-bold-font-weight)"
+	};
+}
+//#endregion
+export { DEFAULT_THEME_TOKENS, DEFAULT_TYPOGRAPHY_PRESETS, resolveThemeTokens, resolveTypographyPresets };
+
+//# sourceMappingURL=defaults.js.map

package/dist/theme/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","names":[],"sources":["../../src/theme/defaults.ts"],"sourcesContent":["import type {\n  ThemeTokens,\n  TypographyPreset,\n  TypographyPresets,\n} from \"@tenphi/docs\";\n\nexport const DEFAULT_THEME_TOKENS = {\n  $gap: \"0.5rem\",\n  $radius: \"8px\",\n  \"$header-control-radius\": \"999px\",\n  \"$card-radius\": \"16px\",\n  \"$border-width\": \"1px\",\n  \"$outline-width\": \"2px\",\n  \"$outline-offset\": \"2px\",\n  \"$layout-width\": \"87.5rem\",\n  \"$content-width\": \"58rem\",\n  \"$sidebar-width\": \"17.5rem\",\n  \"$control-height\": \"2.5rem\",\n} satisfies ThemeTokens;\n\nconst BODY_FONT =\n  \"'Onest Variable', Onest, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif\";\nconst MONO_FONT =\n  \"'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace\";\n\nexport const DEFAULT_TYPOGRAPHY_PRESETS: Record<string, TypographyPreset> = {\n  body: {\n    fontFamily: BODY_FONT,\n    fontSize: \"1rem\",\n    lineHeight: 1.65,\n    letterSpacing: \"0\",\n    fontWeight: 400,\n    boldFontWeight: 640,\n  },\n  heading: {\n    fontFamily: BODY_FONT,\n    fontSize: \"1rem\",\n    lineHeight: 1.15,\n    letterSpacing: \"-0.006em\",\n    fontWeight: 610,\n    boldFontWeight: 720,\n  },\n  h1: heading(\"clamp(2.5rem, 5vw, 3.25rem)\", 1.05, \"-0.015em\"),\n  h2: heading(\"clamp(1.75rem, 3vw, 2.125rem)\", 1.1, \"-0.01em\"),\n  h3: heading(\"1.5rem\", 1.15, \"-0.006em\"),\n  h4: heading(\"1.25rem\", 1.2, \"-0.003em\"),\n  h5: heading(\"1.125rem\", 1.25, \"0\"),\n  h6: heading(\"1rem\", 1.3, \"0\"),\n  navigation: {\n    fontFamily: \"var(--body-font-family)\",\n    fontSize: \"0.9375rem\",\n    lineHeight: 1.4,\n    letterSpacing: \"0\",\n    fontWeight: 450,\n    boldFontWeight: 580,\n  },\n  small: {\n    fontFamily: \"var(--body-font-family)\",\n    fontSize: \"0.875rem\",\n    lineHeight: 1.45,\n    letterSpacing: \"-0.002em\",\n    fontWeight: 420,\n    boldFontWeight: 600,\n  },\n  code: {\n    fontFamily: MONO_FONT,\n    fontSize: \"0.875rem\",\n    lineHeight: 1.65,\n    letterSpacing: \"0\",\n    fontWeight: 400,\n    boldFontWeight: 650,\n  },\n};\n\nexport function resolveThemeTokens(tokens: ThemeTokens = {}): ThemeTokens {\n  return { ...DEFAULT_THEME_TOKENS, ...tokens };\n}\n\nexport function resolveTypographyPresets(\n  presets: TypographyPresets = {},\n  fontFamilies: Partial<Record<\"body\" | \"heading\" | \"code\", string>> = {},\n): Record<string, TypographyPreset> {\n  const body = DEFAULT_TYPOGRAPHY_PRESETS.body;\n  if (!body) throw new Error(\"The body typography preset is required.\");\n  const names = new Set([\n    ...Object.keys(DEFAULT_TYPOGRAPHY_PRESETS),\n    ...Object.keys(presets),\n  ]);\n  return Object.fromEntries(\n    [...names].map((name) => [\n      name,\n      {\n        ...(DEFAULT_TYPOGRAPHY_PRESETS[name] ?? body),\n        ...(name in fontFamilies\n          ? { fontFamily: fontFamilies[name as keyof typeof fontFamilies] }\n          : {}),\n        ...(presets[name] ?? {}),\n      },\n    ]),\n  );\n}\n\nfunction heading(\n  fontSize: string,\n  lineHeight: number,\n  letterSpacing: string,\n): TypographyPreset {\n  return {\n    fontFamily: \"var(--heading-font-family)\",\n    fontSize,\n    lineHeight,\n    letterSpacing,\n    fontWeight: \"var(--heading-font-weight)\",\n    boldFontWeight: \"var(--heading-bold-font-weight)\",\n  };\n}\n"],"mappings":";AAMA,MAAa,uBAAuB;CAClC,MAAM;CACN,SAAS;CACT,0BAA0B;CAC1B,gBAAgB;CAChB,iBAAiB;CACjB,kBAAkB;CAClB,mBAAmB;CACnB,iBAAiB;CACjB,kBAAkB;CAClB,kBAAkB;CAClB,mBAAmB;AACrB;AAEA,MAAM,YACJ;AAIF,MAAa,6BAA+D;CAC1E,MAAM;EACJ,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;CAClB;CACA,SAAS;EACP,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;CAClB;CACA,IAAI,QAAQ,+BAA+B,MAAM,UAAU;CAC3D,IAAI,QAAQ,iCAAiC,KAAK,SAAS;CAC3D,IAAI,QAAQ,UAAU,MAAM,UAAU;CACtC,IAAI,QAAQ,WAAW,KAAK,UAAU;CACtC,IAAI,QAAQ,YAAY,MAAM,GAAG;CACjC,IAAI,QAAQ,QAAQ,KAAK,GAAG;CAC5B,YAAY;EACV,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;CAClB;CACA,OAAO;EACL,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;CAClB;CACA,MAAM;EACJ,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,gBAAgB;CAClB;AACF;AAEA,SAAgB,mBAAmB,SAAsB,CAAC,GAAgB;CACxE,OAAO;EAAE,GAAG;EAAsB,GAAG;CAAO;AAC9C;AAEA,SAAgB,yBACd,UAA6B,CAAC,GAC9B,eAAqE,CAAC,GACpC;CAClC,MAAM,OAAO,2BAA2B;CACxC,IAAI,CAAC,MAAM,MAAM,IAAI,MAAM,yCAAyC;CACpE,MAAM,wBAAQ,IAAI,IAAI,CACpB,GAAG,OAAO,KAAK,0BAA0B,GACzC,GAAG,OAAO,KAAK,OAAO,CACxB,CAAC;CACD,OAAO,OAAO,YACZ,CAAC,GAAG,KAAK,CAAC,CAAC,KAAK,SAAS,CACvB,MACA;EACE,GAAI,2BAA2B,SAAS;EACxC,GAAI,QAAQ,eACR,EAAE,YAAY,aAAa,MAAmC,IAC9D,CAAC;EACL,GAAI,QAAQ,SAAS,CAAC;CACxB,CACF,CAAC,CACH;AACF;AAEA,SAAS,QACP,UACA,YACA,eACkB;CAClB,OAAO;EACL,YAAY;EACZ;EACA;EACA;EACA,YAAY;EACZ,gBAAgB;CAClB;AACF"}

package/dist/theme/fonts.ts

@@ -0,0 +1,64 @@
+import type { FontLoadingConfig, ThemeFont, ThemeFonts } from "@tenphi/docs";
+import type { FontFaceDescriptors } from "@tenphi/tasty/core";
+
+export interface ResolvedFontFace {
+  family: string;
+  descriptors: FontFaceDescriptors;
+}
+
+const sharedFonts = globalThis as typeof globalThis & {
+  __tenphiCookbookFontFaces?: ResolvedFontFace[];
+  __tenphiCookbookDefaultFontUsage?: {
+    onest: boolean;
+    mono: boolean;
+    display?: FontLoadingConfig["display"];
+  };
+};
+
+const fallback = {
+  body: "system-ui, sans-serif",
+  heading: "system-ui, sans-serif",
+  code: "ui-monospace, monospace",
+} as const;
+
+export function fontFamilies(
+  fonts: ThemeFonts = {},
+): Partial<Record<keyof ThemeFonts, string>> {
+  return Object.fromEntries(
+    (
+      Object.entries(fonts).filter(([, font]) => font !== undefined) as [
+        keyof ThemeFonts,
+        ThemeFont,
+      ][]
+    ).map(([role, font]) => [
+      role,
+      `'${typeof font === "string" ? font : "google" in font ? font.google : font.family}', ${fallback[role]}`,
+    ]),
+  );
+}
+
+export function configureFontFaces(
+  faces: ResolvedFontFace[],
+  defaults: {
+    onest: boolean;
+    mono: boolean;
+    display?: FontLoadingConfig["display"];
+  },
+): void {
+  sharedFonts.__tenphiCookbookFontFaces = faces;
+  sharedFonts.__tenphiCookbookDefaultFontUsage = defaults;
+}
+
+export function getFontFaces(): ResolvedFontFace[] {
+  return sharedFonts.__tenphiCookbookFontFaces ?? [];
+}
+
+export function getDefaultFontUsage(): {
+  onest: boolean;
+  mono: boolean;
+  display?: FontLoadingConfig["display"];
+} {
+  return (
+    sharedFonts.__tenphiCookbookDefaultFontUsage ?? { onest: true, mono: true }
+  );
+}

package/dist/theme/shiki-theme.d.ts

@@ -0,0 +1,13 @@
+//#region src/theme/shiki-theme.d.ts
+/**
+ * Astro loads fenced-code grammars lazily. MDX embeds TSX, but loading MDX by
+ * itself leaves that embedded grammar unavailable and produces partially
+ * highlighted imports and JSX. Preload TSX while preserving consumer-supplied
+ * languages and transformers.
+ */
+declare function cookbookShikiConfig(config: Record<string, unknown> | undefined): Record<string, unknown>;
+declare function configureCodeHighlighting(config: Record<string, unknown>): void;
+declare function codeGroupHighlighting(): Record<string, unknown>;
+//#endregion
+export { codeGroupHighlighting, configureCodeHighlighting, cookbookShikiConfig };
+//# sourceMappingURL=shiki-theme.d.ts.map

package/dist/theme/shiki-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shiki-theme.d.ts","names":[],"sources":["../../src/theme/shiki-theme.ts"],"mappings":";;;;;;;iBA2KgB,oBACd,QAAQ,sCACP;iBAqNa,0BAA0B,QAAQ;iBAGlC,yBAAqB"}

package/dist/theme/shiki-theme.js

@@ -0,0 +1,328 @@
+//#region src/theme/shiki-theme.ts
+const comment = "var(--syntax-comment-color)";
+const punctuation = "var(--syntax-punctuation-color)";
+const keyword = "var(--syntax-keyword-color)";
+const string = "var(--syntax-string-color)";
+const token = "var(--syntax-token-color)";
+const property = "var(--syntax-property-color)";
+const number = "var(--syntax-number-color)";
+const func = "var(--syntax-function-color)";
+const value = "var(--syntax-value-color)";
+const operator = "var(--syntax-operator-color)";
+const foreground = "var(--syntax-text-color)";
+const background = "var(--syntax-bg-color)";
+const inserted = "var(--green-text-color)";
+const deleted = "var(--red-text-color)";
+const shellLanguages = /* @__PURE__ */ new Set([
+	"bash",
+	"sh",
+	"shell",
+	"shellscript",
+	"zsh"
+]);
+const shellPlaceholder = /<[A-Za-z][A-Za-z0-9_-]*>/g;
+/**
+* Shell grammars interpret documentation placeholders such as `<plan-id>` as
+* redirections and can split the final character into an unscoped token. Keep
+* the placeholder name visually coherent while retaining the operator color
+* on the angle brackets.
+*/
+const bashPlaceholderTransformer = {
+	name: "cookbook:bash-placeholders",
+	enforce: "post",
+	tokens(lines) {
+		if (!this.options.lang || !shellLanguages.has(this.options.lang)) return;
+		const ranges = [...this.source.matchAll(shellPlaceholder)].map((match) => ({
+			start: (match.index ?? 0) + 1,
+			end: (match.index ?? 0) + match[0].length - 1
+		}));
+		if (ranges.length === 0) return;
+		for (const line of lines) for (const highlighted of line) {
+			const start = highlighted.offset;
+			const end = start + highlighted.content.length;
+			if (ranges.some((range) => start < range.end && end > range.start)) highlighted.color = string;
+		}
+		return lines;
+	}
+};
+const syntaxColors = new Map([
+	comment,
+	punctuation,
+	keyword,
+	string,
+	token,
+	property,
+	number,
+	func,
+	value,
+	operator,
+	foreground,
+	background,
+	inserted,
+	deleted
+].map((color) => [color, `td-${color.slice(6, -7)}`]));
+/** Keep grammar classification in Shiki and all presentation in Tasty. */
+const tastyClassesTransformer = {
+	name: "cookbook:tasty-classes",
+	enforce: "post",
+	root(root) {
+		const visit = (node) => {
+			const style = node.properties?.style;
+			if (typeof style === "string") {
+				for (const declaration of style.split(";")) {
+					if (!declaration.trim()) continue;
+					const separator = declaration.indexOf(":");
+					const key = declaration.slice(0, separator).trim();
+					const value = declaration.slice(separator + 1).trim();
+					let className;
+					if (key === "color") className = syntaxColors.get(value);
+					else if (key === "background-color" && value === background) className = "td-syntax-bg";
+					else if (key === "font-style" && value === "italic") className = "td-syntax-italic";
+					else if (key === "font-weight" && value === "bold") className = "td-syntax-strong";
+					else if (key === "text-decoration" && value === "underline") className = "td-syntax-underline";
+					else if (key === "overflow-x" && value === "auto") className = "td-syntax-scroll";
+					else if (key === "white-space" && value === "pre-wrap" || key === "word-wrap" && value === "break-word") className = "td-syntax-wrap";
+					else if (key === "user-select" && value === "none") className = "td-syntax-marker";
+					if (!className) throw new Error(`Unsupported Shiki style ${JSON.stringify(declaration)}. Use semantic classes and theme.styles.SyntaxHighlight for custom transformers.`);
+					this.addClassToHast(node, className);
+				}
+				delete node.properties.style;
+			}
+			node.children?.forEach(visit);
+		};
+		visit(root);
+	}
+};
+const diffLanguages = /* @__PURE__ */ new Set(["diff", "patch"]);
+/**
+* The diff grammar colors individual tokens, but it does not expose a stable
+* whole-line selector. Add semantic classes so insertions and deletions can
+* receive subtle, full-width surfaces without hiding their +/- markers.
+*/
+const diffLineTransformer = {
+	name: "cookbook:diff-lines",
+	pre(element) {
+		if (this.options.lang && diffLanguages.has(this.options.lang)) this.addClassToHast(element, "td-diff");
+	},
+	line(element, lineNumber) {
+		if (!this.options.lang || !diffLanguages.has(this.options.lang)) return;
+		const line = this.source.split(/\r?\n/)[lineNumber - 1] ?? "";
+		if (line.startsWith("+") && !line.startsWith("+++")) this.addClassToHast(element, "td-diff-line--inserted");
+		else if (line.startsWith("-") && !line.startsWith("---")) this.addClassToHast(element, "td-diff-line--deleted");
+	}
+};
+/**
+* Astro loads fenced-code grammars lazily. MDX embeds TSX, but loading MDX by
+* itself leaves that embedded grammar unavailable and produces partially
+* highlighted imports and JSX. Preload TSX while preserving consumer-supplied
+* languages and transformers.
+*/
+function cookbookShikiConfig(config) {
+	const languages = Array.isArray(config?.langs) ? [...config.langs] : [];
+	const transformers = Array.isArray(config?.transformers) ? [...config.transformers] : [];
+	const hasTsx = languages.some((language) => language === "tsx" || typeof language === "object" && language !== null && "name" in language && language.name === "tsx");
+	if (!transformers.includes(bashPlaceholderTransformer)) transformers.push(bashPlaceholderTransformer);
+	if (!transformers.includes(diffLineTransformer)) transformers.push(diffLineTransformer);
+	if (!transformers.includes(tastyClassesTransformer)) transformers.push(tastyClassesTransformer);
+	return {
+		...config,
+		langs: hasTsx ? languages : [...languages, "tsx"],
+		theme: tastyCodeTheme,
+		transformers
+	};
+}
+/**
+* Shiki performs the grammatical classification, while every emitted color
+* remains a reference to a Glaze-generated token owned by Tasty.
+*/
+const tastyCodeTheme = {
+	name: "tasty-code",
+	type: "light",
+	fg: foreground,
+	bg: background,
+	colors: {
+		"editor.background": background,
+		"editor.foreground": foreground
+	},
+	settings: [
+		{
+			scope: [
+				"comment",
+				"comment.line",
+				"comment.block",
+				"punctuation.definition.comment"
+			],
+			settings: {
+				foreground: comment,
+				fontStyle: "italic"
+			}
+		},
+		{
+			scope: [
+				"keyword",
+				"keyword.control",
+				"keyword.other",
+				"storage.type",
+				"storage.modifier",
+				"keyword.control.at-rule.tasty",
+				"keyword.control.at-rule.media.tasty",
+				"keyword.control.at-rule.media-type.tasty",
+				"keyword.control.at-rule.starting.tasty",
+				"keyword.control.state-alias.tasty"
+			],
+			settings: { foreground: keyword }
+		},
+		{
+			scope: [
+				"string",
+				"string.quoted",
+				"string.template",
+				"string.quoted.attribute-value.tasty",
+				"string.unquoted.attribute-value.tasty"
+			],
+			settings: { foreground: string }
+		},
+		{
+			scope: [
+				"support.constant.color.tasty-token",
+				"support.constant.color.tasty-token.builtin",
+				"constant.other.color.tasty-token",
+				"constant.other.color.tasty",
+				"constant.other.color.hex",
+				"constant.other.color.rgb-value"
+			],
+			settings: { foreground: token }
+		},
+		{
+			scope: [
+				"constant.numeric",
+				"constant.numeric.tasty",
+				"constant.numeric.custom-unit.tasty",
+				"constant.numeric.css-with-unit",
+				"constant.numeric.bare.tasty",
+				"constant.numeric.css",
+				"constant.numeric.keyframe-step.tasty",
+				"constant.language.boolean.tasty"
+			],
+			settings: { foreground: number }
+		},
+		{
+			scope: [
+				"support.type.property-name.tasty",
+				"variable.other.constant.tasty",
+				"entity.other.attribute-name.tsx",
+				"entity.other.attribute-name.jsx"
+			],
+			settings: { foreground: property }
+		},
+		{
+			scope: ["variable", "variable.other"],
+			settings: { foreground }
+		},
+		{
+			scope: [
+				"entity.name.function",
+				"support.function",
+				"support.function.misc.css",
+				"entity.name.tag",
+				"entity.name.tag.tsx",
+				"support.class.component",
+				"entity.name.type.tasty",
+				"entity.name.tag.tasty"
+			],
+			settings: { foreground: func }
+		},
+		{
+			scope: [
+				"support.constant.property-value.tasty",
+				"support.constant.property-value.tasty-display",
+				"support.constant.property-value.tasty-directional",
+				"support.constant.property-value.tasty-preset",
+				"support.constant.property-value.tasty-shape",
+				"support.constant.property-value.tasty-scrollbar",
+				"support.constant.property-value.tasty-state",
+				"support.constant.property-value.tasty-cursor",
+				"support.constant.property-value.tasty-overflow",
+				"support.constant.property-value.tasty-position",
+				"support.constant.property-value.tasty-flex",
+				"support.constant.property-value.tasty-font",
+				"support.constant.property-value.tasty-text",
+				"support.constant.property-value.tasty-alignment",
+				"support.constant.property-value.tasty-border-style",
+				"support.constant.property-value.tasty-whitespace",
+				"support.constant.property-value.tasty-global",
+				"support.constant.property-value.tasty-transition",
+				"support.constant.property-value.css-syntax",
+				"entity.other.attribute-name",
+				"entity.other.attribute-name.tasty",
+				"entity.other.attribute-name.pseudo-class.tasty",
+				"entity.other.attribute-name.pseudo-class.css",
+				"entity.other.attribute-name.class.tasty",
+				"entity.other.attribute-name.pseudo-element.css",
+				"punctuation.definition.entity.css"
+			],
+			settings: { foreground: value }
+		},
+		{
+			scope: [
+				"keyword.operator",
+				"keyword.operator.logical.tasty",
+				"keyword.operator.arithmetic.css",
+				"keyword.operator.assignment",
+				"keyword.operator.selector-affix.tasty",
+				"keyword.operator.attribute-selector.tasty",
+				"keyword.operator.comparison.tasty"
+			],
+			settings: { foreground: operator }
+		},
+		{
+			scope: [
+				"punctuation.definition.string",
+				"punctuation.separator",
+				"punctuation.definition.block",
+				"punctuation.definition.array",
+				"punctuation.section",
+				"punctuation.definition.auto-calc",
+				"punctuation.definition.attribute-selector",
+				"punctuation.definition.tag",
+				"punctuation.definition.pseudo-class",
+				"punctuation.definition.fallback",
+				"meta.brace"
+			],
+			settings: { foreground: punctuation }
+		},
+		{
+			scope: ["keyword.control.at-rule", "entity.name.tag.class.css"],
+			settings: { foreground: keyword }
+		},
+		{
+			scope: ["support.type.property-name.css", "meta.property-name.css"],
+			settings: { foreground: property }
+		},
+		{
+			scope: ["punctuation.definition.inserted.diff"],
+			settings: {
+				foreground: inserted,
+				fontStyle: "bold"
+			}
+		},
+		{
+			scope: ["punctuation.definition.deleted.diff"],
+			settings: {
+				foreground: deleted,
+				fontStyle: "bold"
+			}
+		}
+	]
+};
+const sharedShiki = globalThis;
+function configureCodeHighlighting(config) {
+	sharedShiki.__tenphiCookbookShiki = config;
+}
+function codeGroupHighlighting() {
+	return sharedShiki.__tenphiCookbookShiki ?? cookbookShikiConfig(void 0);
+}
+//#endregion
+export { codeGroupHighlighting, configureCodeHighlighting, cookbookShikiConfig };
+
+//# sourceMappingURL=shiki-theme.js.map

package/dist/theme/shiki-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shiki-theme.js","names":[],"sources":["../../src/theme/shiki-theme.ts"],"sourcesContent":["const comment = \"var(--syntax-comment-color)\";\nconst punctuation = \"var(--syntax-punctuation-color)\";\nconst keyword = \"var(--syntax-keyword-color)\";\nconst string = \"var(--syntax-string-color)\";\nconst token = \"var(--syntax-token-color)\";\nconst property = \"var(--syntax-property-color)\";\nconst number = \"var(--syntax-number-color)\";\nconst func = \"var(--syntax-function-color)\";\nconst value = \"var(--syntax-value-color)\";\nconst operator = \"var(--syntax-operator-color)\";\nconst foreground = \"var(--syntax-text-color)\";\nconst background = \"var(--syntax-bg-color)\";\nconst inserted = \"var(--green-text-color)\";\nconst deleted = \"var(--red-text-color)\";\n\ntype HighlightToken = {\n  content: string;\n  offset: number;\n  color?: string;\n};\n\nconst shellLanguages = new Set([\"bash\", \"sh\", \"shell\", \"shellscript\", \"zsh\"]);\nconst shellPlaceholder = /<[A-Za-z][A-Za-z0-9_-]*>/g;\n\n/**\n * Shell grammars interpret documentation placeholders such as `<plan-id>` as\n * redirections and can split the final character into an unscoped token. Keep\n * the placeholder name visually coherent while retaining the operator color\n * on the angle brackets.\n */\nconst bashPlaceholderTransformer = {\n  name: \"cookbook:bash-placeholders\",\n  enforce: \"post\" as const,\n  tokens(\n    this: { source: string; options: { lang?: string } },\n    lines: HighlightToken[][],\n  ): HighlightToken[][] | undefined {\n    if (!this.options.lang || !shellLanguages.has(this.options.lang)) return;\n    const ranges = [...this.source.matchAll(shellPlaceholder)].map((match) => ({\n      start: (match.index ?? 0) + 1,\n      end: (match.index ?? 0) + match[0].length - 1,\n    }));\n    if (ranges.length === 0) return;\n\n    for (const line of lines) {\n      for (const highlighted of line) {\n        const start = highlighted.offset;\n        const end = start + highlighted.content.length;\n        if (ranges.some((range) => start < range.end && end > range.start)) {\n          highlighted.color = string;\n        }\n      }\n    }\n    return lines;\n  },\n};\n\ntype HastElement = {\n  type?: string;\n  tagName?: string;\n  properties: Record<string, unknown>;\n  children?: HastElement[];\n};\n\nconst syntaxColors = new Map(\n  [\n    comment,\n    punctuation,\n    keyword,\n    string,\n    token,\n    property,\n    number,\n    func,\n    value,\n    operator,\n    foreground,\n    background,\n    inserted,\n    deleted,\n  ].map((color) => [color, `td-${color.slice(6, -7)}`]),\n);\n\n/** Keep grammar classification in Shiki and all presentation in Tasty. */\nconst tastyClassesTransformer = {\n  name: \"cookbook:tasty-classes\",\n  enforce: \"post\" as const,\n  root(this: DiffTransformerContext, root: HastElement): void {\n    const visit = (node: HastElement) => {\n      const style = node.properties?.style;\n      if (typeof style === \"string\") {\n        for (const declaration of style.split(\";\")) {\n          if (!declaration.trim()) continue;\n          const separator = declaration.indexOf(\":\");\n          const key = declaration.slice(0, separator).trim();\n          const value = declaration.slice(separator + 1).trim();\n          let className: string | undefined;\n          if (key === \"color\") className = syntaxColors.get(value);\n          else if (key === \"background-color\" && value === background)\n            className = \"td-syntax-bg\";\n          else if (key === \"font-style\" && value === \"italic\")\n            className = \"td-syntax-italic\";\n          else if (key === \"font-weight\" && value === \"bold\")\n            className = \"td-syntax-strong\";\n          else if (key === \"text-decoration\" && value === \"underline\")\n            className = \"td-syntax-underline\";\n          else if (key === \"overflow-x\" && value === \"auto\")\n            className = \"td-syntax-scroll\";\n          else if (\n            (key === \"white-space\" && value === \"pre-wrap\") ||\n            (key === \"word-wrap\" && value === \"break-word\")\n          )\n            className = \"td-syntax-wrap\";\n          else if (key === \"user-select\" && value === \"none\")\n            className = \"td-syntax-marker\";\n          if (!className)\n            throw new Error(\n              `Unsupported Shiki style ${JSON.stringify(declaration)}. Use semantic classes and theme.styles.SyntaxHighlight for custom transformers.`,\n            );\n          this.addClassToHast(node, className);\n        }\n        delete node.properties.style;\n      }\n      node.children?.forEach(visit);\n    };\n    visit(root);\n  },\n};\n\ntype DiffTransformerContext = {\n  source: string;\n  options: { lang?: string };\n  addClassToHast(element: HastElement, className: string): HastElement;\n};\n\nconst diffLanguages = new Set([\"diff\", \"patch\"]);\n\n/**\n * The diff grammar colors individual tokens, but it does not expose a stable\n * whole-line selector. Add semantic classes so insertions and deletions can\n * receive subtle, full-width surfaces without hiding their +/- markers.\n */\nconst diffLineTransformer = {\n  name: \"cookbook:diff-lines\",\n  pre(this: DiffTransformerContext, element: HastElement): void {\n    if (this.options.lang && diffLanguages.has(this.options.lang)) {\n      this.addClassToHast(element, \"td-diff\");\n    }\n  },\n  line(\n    this: DiffTransformerContext,\n    element: HastElement,\n    lineNumber: number,\n  ): void {\n    if (!this.options.lang || !diffLanguages.has(this.options.lang)) return;\n\n    const line = this.source.split(/\\r?\\n/)[lineNumber - 1] ?? \"\";\n    if (line.startsWith(\"+\") && !line.startsWith(\"+++\")) {\n      this.addClassToHast(element, \"td-diff-line--inserted\");\n    } else if (line.startsWith(\"-\") && !line.startsWith(\"---\")) {\n      this.addClassToHast(element, \"td-diff-line--deleted\");\n    }\n  },\n};\n\n/**\n * Astro loads fenced-code grammars lazily. MDX embeds TSX, but loading MDX by\n * itself leaves that embedded grammar unavailable and produces partially\n * highlighted imports and JSX. Preload TSX while preserving consumer-supplied\n * languages and transformers.\n */\nexport function cookbookShikiConfig(\n  config: Record<string, unknown> | undefined,\n): Record<string, unknown> {\n  const languages = Array.isArray(config?.langs) ? [...config.langs] : [];\n  const transformers = Array.isArray(config?.transformers)\n    ? [...config.transformers]\n    : [];\n  const hasTsx = languages.some(\n    (language) =>\n      language === \"tsx\" ||\n      (typeof language === \"object\" &&\n        language !== null &&\n        \"name\" in language &&\n        language.name === \"tsx\"),\n  );\n\n  if (!transformers.includes(bashPlaceholderTransformer)) {\n    transformers.push(bashPlaceholderTransformer);\n  }\n  if (!transformers.includes(diffLineTransformer)) {\n    transformers.push(diffLineTransformer);\n  }\n  if (!transformers.includes(tastyClassesTransformer)) {\n    transformers.push(tastyClassesTransformer);\n  }\n\n  return {\n    ...config,\n    langs: hasTsx ? languages : [...languages, \"tsx\"],\n    theme: tastyCodeTheme,\n    transformers,\n  };\n}\n\n/**\n * Shiki performs the grammatical classification, while every emitted color\n * remains a reference to a Glaze-generated token owned by Tasty.\n */\nconst tastyCodeTheme = {\n  name: \"tasty-code\",\n  type: \"light\" as const,\n  fg: foreground,\n  bg: background,\n  colors: {\n    \"editor.background\": background,\n    \"editor.foreground\": foreground,\n  },\n  settings: [\n    {\n      scope: [\n        \"comment\",\n        \"comment.line\",\n        \"comment.block\",\n        \"punctuation.definition.comment\",\n      ],\n      settings: { foreground: comment, fontStyle: \"italic\" },\n    },\n    {\n      scope: [\n        \"keyword\",\n        \"keyword.control\",\n        \"keyword.other\",\n        \"storage.type\",\n        \"storage.modifier\",\n        \"keyword.control.at-rule.tasty\",\n        \"keyword.control.at-rule.media.tasty\",\n        \"keyword.control.at-rule.media-type.tasty\",\n        \"keyword.control.at-rule.starting.tasty\",\n        \"keyword.control.state-alias.tasty\",\n      ],\n      settings: { foreground: keyword },\n    },\n    {\n      scope: [\n        \"string\",\n        \"string.quoted\",\n        \"string.template\",\n        \"string.quoted.attribute-value.tasty\",\n        \"string.unquoted.attribute-value.tasty\",\n      ],\n      settings: { foreground: string },\n    },\n    {\n      scope: [\n        \"support.constant.color.tasty-token\",\n        \"support.constant.color.tasty-token.builtin\",\n        \"constant.other.color.tasty-token\",\n        \"constant.other.color.tasty\",\n        \"constant.other.color.hex\",\n        \"constant.other.color.rgb-value\",\n      ],\n      settings: { foreground: token },\n    },\n    {\n      scope: [\n        \"constant.numeric\",\n        \"constant.numeric.tasty\",\n        \"constant.numeric.custom-unit.tasty\",\n        \"constant.numeric.css-with-unit\",\n        \"constant.numeric.bare.tasty\",\n        \"constant.numeric.css\",\n        \"constant.numeric.keyframe-step.tasty\",\n        \"constant.language.boolean.tasty\",\n      ],\n      settings: { foreground: number },\n    },\n    {\n      scope: [\n        \"support.type.property-name.tasty\",\n        \"variable.other.constant.tasty\",\n        \"entity.other.attribute-name.tsx\",\n        \"entity.other.attribute-name.jsx\",\n      ],\n      settings: { foreground: property },\n    },\n    {\n      scope: [\"variable\", \"variable.other\"],\n      settings: { foreground },\n    },\n    {\n      scope: [\n        \"entity.name.function\",\n        \"support.function\",\n        \"support.function.misc.css\",\n        \"entity.name.tag\",\n        \"entity.name.tag.tsx\",\n        \"support.class.component\",\n        \"entity.name.type.tasty\",\n        \"entity.name.tag.tasty\",\n      ],\n      settings: { foreground: func },\n    },\n    {\n      scope: [\n        \"support.constant.property-value.tasty\",\n        \"support.constant.property-value.tasty-display\",\n        \"support.constant.property-value.tasty-directional\",\n        \"support.constant.property-value.tasty-preset\",\n        \"support.constant.property-value.tasty-shape\",\n        \"support.constant.property-value.tasty-scrollbar\",\n        \"support.constant.property-value.tasty-state\",\n        \"support.constant.property-value.tasty-cursor\",\n        \"support.constant.property-value.tasty-overflow\",\n        \"support.constant.property-value.tasty-position\",\n        \"support.constant.property-value.tasty-flex\",\n        \"support.constant.property-value.tasty-font\",\n        \"support.constant.property-value.tasty-text\",\n        \"support.constant.property-value.tasty-alignment\",\n        \"support.constant.property-value.tasty-border-style\",\n        \"support.constant.property-value.tasty-whitespace\",\n        \"support.constant.property-value.tasty-global\",\n        \"support.constant.property-value.tasty-transition\",\n        \"support.constant.property-value.css-syntax\",\n        \"entity.other.attribute-name\",\n        \"entity.other.attribute-name.tasty\",\n        \"entity.other.attribute-name.pseudo-class.tasty\",\n        \"entity.other.attribute-name.pseudo-class.css\",\n        \"entity.other.attribute-name.class.tasty\",\n        \"entity.other.attribute-name.pseudo-element.css\",\n        \"punctuation.definition.entity.css\",\n      ],\n      settings: { foreground: value },\n    },\n    {\n      scope: [\n        \"keyword.operator\",\n        \"keyword.operator.logical.tasty\",\n        \"keyword.operator.arithmetic.css\",\n        \"keyword.operator.assignment\",\n        \"keyword.operator.selector-affix.tasty\",\n        \"keyword.operator.attribute-selector.tasty\",\n        \"keyword.operator.comparison.tasty\",\n      ],\n      settings: { foreground: operator },\n    },\n    {\n      scope: [\n        \"punctuation.definition.string\",\n        \"punctuation.separator\",\n        \"punctuation.definition.block\",\n        \"punctuation.definition.array\",\n        \"punctuation.section\",\n        \"punctuation.definition.auto-calc\",\n        \"punctuation.definition.attribute-selector\",\n        \"punctuation.definition.tag\",\n        \"punctuation.definition.pseudo-class\",\n        \"punctuation.definition.fallback\",\n        \"meta.brace\",\n      ],\n      settings: { foreground: punctuation },\n    },\n    {\n      scope: [\"keyword.control.at-rule\", \"entity.name.tag.class.css\"],\n      settings: { foreground: keyword },\n    },\n    {\n      scope: [\"support.type.property-name.css\", \"meta.property-name.css\"],\n      settings: { foreground: property },\n    },\n    {\n      scope: [\"punctuation.definition.inserted.diff\"],\n      settings: { foreground: inserted, fontStyle: \"bold\" },\n    },\n    {\n      scope: [\"punctuation.definition.deleted.diff\"],\n      settings: { foreground: deleted, fontStyle: \"bold\" },\n    },\n  ],\n};\n\n// Astro executes integrations and page modules in separate module graphs.\n// Share server-only transformer functions without serializing them into pages.\nconst sharedShiki = globalThis as typeof globalThis & {\n  __tenphiCookbookShiki?: Record<string, unknown>;\n};\nexport function configureCodeHighlighting(config: Record<string, unknown>) {\n  sharedShiki.__tenphiCookbookShiki = config;\n}\nexport function codeGroupHighlighting() {\n  return sharedShiki.__tenphiCookbookShiki ?? cookbookShikiConfig(undefined);\n}\n"],"mappings":"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K;EAC/B;EACA;GACE,OAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,UAAU,EAAE,YAAY,MAAM;EAChC;EACA;GACE,OAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,UAAU,EAAE,YAAY,SAAS;EACnC;EACA;GACE,OAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,UAAU,EAAE,YAAY,YAAY;EACtC;EACA;GACE,OAAO,CAAC,2BAA2B,2BAA2B;GAC9D,UAAU,EAAE,YAAY,QAAQ;EAClC;EACA;GACE,OAAO,CAAC,kCAAkC,wBAAwB;GAClE,UAAU,EAAE,YAAY,SAAS;EACnC;EACA;GACE,OAAO,CAAC,sCAAsC;GAC9C,UAAU;IAAE,YAAY;IAAU,WAAW;GAAO;EACtD;EACA;GACE,OAAO,CAAC,qCAAqC;GAC7C,UAAU;IAAE,YAAY;IAAS,WAAW;GAAO;EACrD;CACF;AACF;AAIA,MAAM,cAAc;AAGpB,SAAgB,0BAA0B,QAAiC;CACzE,YAAY,wBAAwB;AACtC;AACA,SAAgB,wBAAwB;CACtC,OAAO,YAAY,yBAAyB,oBAAoB,KAAA,CAAS;AAC3E"}