@tenphi/renderer 0.21.0 → 0.21.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"tasty-states-_JhxFdK1.js","names":[],"sources":["../src/components/tasty-states.js"],"sourcesContent":["import { configure, getGlobalPredefinedStates } from \"@tenphi/tasty\";\nimport { resolveTypographyPresets } from \"../theme/defaults.js\";\nimport {\n  TASTY_UNITS,\n  TASTY_SPACING_PROPERTIES,\n} from \"../theme/tasty-config.js\";\n\nconst systemLight = \"@media(prefers-color-scheme: light)\";\nconst systemDark = \"@media(prefers-color-scheme: dark)\";\n\nexport const cookbookStates = {\n  \"@system-light\": systemLight,\n  \"@system-dark\": systemDark,\n  \"@light\": `@root(theme=light) | (!@root(theme) & ${systemLight})`,\n  \"@dark\": `@root(theme=dark) | (!@root(theme) & ${systemDark})`,\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  \"@popover-open\": \":is(:popover-open)\",\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    properties: TASTY_SPACING_PROPERTIES,\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":";;;;AAOA,MAAM,cAAc;AACpB,MAAM,aAAa;AAEnB,MAAa,iBAAiB;CAC5B,iBAAiB;CACjB,gBAAgB;CAChB,UAAU,yCAAyC,YAAY;CAC/D,SAAS,wCAAwC,WAAW;CAC5D,WAAW;CACX,YAAY;CACZ,UAAU;CACV,YAAY;CACZ,iBAAiB;CACjB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,mBAAmB;CACnB,iBAAiB;AACnB;AAEA,IAAI,aAAa;AACjB,IAAI;;AAGJ,SAAgB,0BAA0B;CAGxC,MAAM,UAAU,WAAW;CAC3B,IAAI,cAAc,sBAAsB,SAAS;CACjD,UAAU;EACR,SAAS,yBAAyB;EAClC,YAAY;EACZ,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,UAAU,EAAE,QAAQ,cAAc,CAAC;CAC1E,aAAa;AACf"}

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

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

package/dist/theme/defaults.js

@@ -59,8 +59,29 @@ const DEFAULT_TYPOGRAPHY_PRESETS = {
 		letterSpacing: "0",
 		fontWeight: 400,
 		boldFontWeight: 650
-	}
+	},
+	"hero-title": derivedPreset("h1", { fontSize: "clamp(2.75rem, 7vw, 4.75rem)" }),
+	"hero-tagline": derivedPreset("body", {
+		fontSize: "clamp(1.05rem, 2.5vw, 1.35rem)",
+		lineHeight: 1.55
+	}),
+	prose: derivedPreset("body", { fontSize: "1.025rem" }),
+	"inline-code": derivedPreset("code", { fontSize: "0.875em" })
 };
+/** Keep specialized typography linked to user-configured base presets. */
+function derivedPreset(base, overrides) {
+	return {
+		fontFamily: `var(--${base}-font-family)`,
+		fontSize: `var(--${base}-font-size)`,
+		lineHeight: `var(--${base}-line-height)`,
+		letterSpacing: `var(--${base}-letter-spacing)`,
+		fontWeight: `var(--${base}-font-weight)`,
+		boldFontWeight: `var(--${base}-bold-font-weight)`,
+		fontStyle: `var(--${base}-font-style, var(--default-font-style))`,
+		textTransform: `var(--${base}-text-transform, var(--default-text-transform))`,
+		...overrides
+	};
+}
 function resolveThemeTokens(tokens = {}) {
 	return {
 		...DEFAULT_THEME_TOKENS,

package/dist/theme/defaults.js.map

@@ -1 +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"}
+{"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  \"hero-title\": derivedPreset(\"h1\", {\n    fontSize: \"clamp(2.75rem, 7vw, 4.75rem)\",\n  }),\n  \"hero-tagline\": derivedPreset(\"body\", {\n    fontSize: \"clamp(1.05rem, 2.5vw, 1.35rem)\",\n    lineHeight: 1.55,\n  }),\n  prose: derivedPreset(\"body\", { fontSize: \"1.025rem\" }),\n  \"inline-code\": derivedPreset(\"code\", { fontSize: \"0.875em\" }),\n};\n\n/** Keep specialized typography linked to user-configured base presets. */\nfunction derivedPreset(\n  base: string,\n  overrides: TypographyPreset,\n): TypographyPreset {\n  return {\n    fontFamily: `var(--${base}-font-family)`,\n    fontSize: `var(--${base}-font-size)`,\n    lineHeight: `var(--${base}-line-height)`,\n    letterSpacing: `var(--${base}-letter-spacing)`,\n    fontWeight: `var(--${base}-font-weight)`,\n    boldFontWeight: `var(--${base}-bold-font-weight)`,\n    fontStyle: `var(--${base}-font-style, var(--default-font-style))`,\n    textTransform: `var(--${base}-text-transform, var(--default-text-transform))`,\n    ...overrides,\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;CACA,cAAc,cAAc,MAAM,EAChC,UAAU,+BACZ,CAAC;CACD,gBAAgB,cAAc,QAAQ;EACpC,UAAU;EACV,YAAY;CACd,CAAC;CACD,OAAO,cAAc,QAAQ,EAAE,UAAU,WAAW,CAAC;CACrD,eAAe,cAAc,QAAQ,EAAE,UAAU,UAAU,CAAC;AAC9D;;AAGA,SAAS,cACP,MACA,WACkB;CAClB,OAAO;EACL,YAAY,SAAS,KAAK;EAC1B,UAAU,SAAS,KAAK;EACxB,YAAY,SAAS,KAAK;EAC1B,eAAe,SAAS,KAAK;EAC7B,YAAY,SAAS,KAAK;EAC1B,gBAAgB,SAAS,KAAK;EAC9B,WAAW,SAAS,KAAK;EACzB,eAAe,SAAS,KAAK;EAC7B,GAAG;CACL;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/tasty-config.d.ts

@@ -1,6 +1,28 @@
 import { t as ResolvedDocsTheme } from "../index-BuX_Sb5c.js";
 import { ConfigTokens } from "@tenphi/tasty/core";
 //#region src/theme/tasty-config.d.ts
+declare const TASTY_SPACING_PROPERTIES: {
+  readonly "$margin-block-start": {
+    readonly syntax: "<length-percentage> | auto";
+    readonly inherits: false;
+    readonly initialValue: "0px";
+  };
+  readonly "$margin-block-end": {
+    readonly syntax: "<length-percentage> | auto";
+    readonly inherits: false;
+    readonly initialValue: "0px";
+  };
+  readonly "$padding-block-start": {
+    readonly syntax: "<length-percentage>";
+    readonly inherits: false;
+    readonly initialValue: "0px";
+  };
+  readonly "$padding-block-end": {
+    readonly syntax: "<length-percentage>";
+    readonly inherits: false;
+    readonly initialValue: "0px";
+  };
+};
 declare const TASTY_UNITS: {
   readonly x: "var(--gap)";
   readonly r: "var(--radius)";
@@ -9,5 +31,5 @@ declare const TASTY_UNITS: {
 };
 declare function tastyTokens(theme: ResolvedDocsTheme): ConfigTokens;
 //#endregion
-export { TASTY_UNITS, tastyTokens };
+export { TASTY_SPACING_PROPERTIES, TASTY_UNITS, tastyTokens };
 //# sourceMappingURL=tasty-config.d.ts.map

package/dist/theme/tasty-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tasty-config.d.ts","names":[],"sources":["../../src/theme/tasty-config.ts"],"mappings":";;;cAGa;WACX;WACA;WACA;WACA;;iBAGc,YAAY,OAAO,oBAAoB"}
+{"version":3,"file":"tasty-config.d.ts","names":[],"sources":["../../src/theme/tasty-config.ts"],"mappings":";;;cAKa;WACX;aACE;aACA;aACA;;WAEF;aACE;aACA;aACA;;WAEF;aACE;aACA;aACA;;WAEF;aACE;aACA;aACA;;;cAIS;WACX;WACA;WACA;WACA;;iBAGc,YAAY,OAAO,oBAAoB"}

package/dist/theme/tasty-config.js

@@ -1,4 +1,26 @@
 //#region src/theme/tasty-config.ts
+const TASTY_SPACING_PROPERTIES = {
+	"$margin-block-start": {
+		syntax: "<length-percentage> | auto",
+		inherits: false,
+		initialValue: "0px"
+	},
+	"$margin-block-end": {
+		syntax: "<length-percentage> | auto",
+		inherits: false,
+		initialValue: "0px"
+	},
+	"$padding-block-start": {
+		syntax: "<length-percentage>",
+		inherits: false,
+		initialValue: "0px"
+	},
+	"$padding-block-end": {
+		syntax: "<length-percentage>",
+		inherits: false,
+		initialValue: "0px"
+	}
+};
 const TASTY_UNITS = {
 	x: "var(--gap)",
 	r: "var(--radius)",
@@ -11,6 +33,6 @@ function tastyTokens(theme) {
 	return tokens;
 }
 //#endregion
-export { TASTY_UNITS, tastyTokens };
+export { TASTY_SPACING_PROPERTIES, TASTY_UNITS, tastyTokens };
 
 //# sourceMappingURL=tasty-config.js.map

package/dist/theme/tasty-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"tasty-config.js","names":[],"sources":["../../src/theme/tasty-config.ts"],"sourcesContent":["import type { ConfigTokens } from \"@tenphi/tasty/core\";\nimport type { ResolvedDocsTheme } from \"./index.js\";\n\nexport const TASTY_UNITS = {\n  x: \"var(--gap)\",\n  r: \"var(--radius)\",\n  cr: \"var(--card-radius)\",\n  bw: \"var(--border-width)\",\n} as const;\n\nexport function tastyTokens(theme: ResolvedDocsTheme): ConfigTokens {\n  const tokens = Object.fromEntries(\n    Object.entries(theme.tokens).filter(([name]) => name.startsWith(\"$\")),\n  ) as ConfigTokens;\n\n  Object.assign(tokens, theme.colorTokens as ConfigTokens);\n\n  return tokens;\n}\n"],"mappings":";AAGA,MAAa,cAAc;CACzB,GAAG;CACH,GAAG;CACH,IAAI;CACJ,IAAI;AACN;AAEA,SAAgB,YAAY,OAAwC;CAClE,MAAM,SAAS,OAAO,YACpB,OAAO,QAAQ,MAAM,MAAM,CAAC,CAAC,QAAQ,CAAC,UAAU,KAAK,WAAW,GAAG,CAAC,CACtE;CAEA,OAAO,OAAO,QAAQ,MAAM,WAA2B;CAEvD,OAAO;AACT"}
+{"version":3,"file":"tasty-config.js","names":[],"sources":["../../src/theme/tasty-config.ts"],"sourcesContent":["import type { ConfigTokens } from \"@tenphi/tasty/core\";\nimport type { ResolvedDocsTheme } from \"./index.js\";\n\n// Margin edges accept automatic centering as well as lengths and percentages.\n// Explicit types prevent Tasty's first length assignment from excluding `auto`.\nexport const TASTY_SPACING_PROPERTIES = {\n  \"$margin-block-start\": {\n    syntax: \"<length-percentage> | auto\",\n    inherits: false,\n    initialValue: \"0px\",\n  },\n  \"$margin-block-end\": {\n    syntax: \"<length-percentage> | auto\",\n    inherits: false,\n    initialValue: \"0px\",\n  },\n  \"$padding-block-start\": {\n    syntax: \"<length-percentage>\",\n    inherits: false,\n    initialValue: \"0px\",\n  },\n  \"$padding-block-end\": {\n    syntax: \"<length-percentage>\",\n    inherits: false,\n    initialValue: \"0px\",\n  },\n} as const;\n\nexport const TASTY_UNITS = {\n  x: \"var(--gap)\",\n  r: \"var(--radius)\",\n  cr: \"var(--card-radius)\",\n  bw: \"var(--border-width)\",\n} as const;\n\nexport function tastyTokens(theme: ResolvedDocsTheme): ConfigTokens {\n  const tokens = Object.fromEntries(\n    Object.entries(theme.tokens).filter(([name]) => name.startsWith(\"$\")),\n  ) as ConfigTokens;\n\n  Object.assign(tokens, theme.colorTokens as ConfigTokens);\n\n  return tokens;\n}\n"],"mappings":";AAKA,MAAa,2BAA2B;CACtC,uBAAuB;EACrB,QAAQ;EACR,UAAU;EACV,cAAc;CAChB;CACA,qBAAqB;EACnB,QAAQ;EACR,UAAU;EACV,cAAc;CAChB;CACA,wBAAwB;EACtB,QAAQ;EACR,UAAU;EACV,cAAc;CAChB;CACA,sBAAsB;EACpB,QAAQ;EACR,UAAU;EACV,cAAc;CAChB;AACF;AAEA,MAAa,cAAc;CACzB,GAAG;CACH,GAAG;CACH,IAAI;CACJ,IAAI;AACN;AAEA,SAAgB,YAAY,OAAwC;CAClE,MAAM,SAAS,OAAO,YACpB,OAAO,QAAQ,MAAM,MAAM,CAAC,CAAC,QAAQ,CAAC,UAAU,KAAK,WAAW,GAAG,CAAC,CACtE;CAEA,OAAO,OAAO,QAAQ,MAAM,WAA2B;CAEvD,OAAO;AACT"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenphi/renderer",
-  "version": "0.21.0",
+  "version": "0.21.2",
   "description": "Astro renderer and Tasty theme for Cookbook",
   "type": "module",
   "sideEffects": [
@@ -61,10 +61,10 @@
     "@fontsource-variable/jetbrains-mono": "^5.3.0",
     "@fontsource-variable/onest": "^5.3.0",
     "@pagefind/default-ui": "1.5.2",
-    "@tenphi/docs": "0.21.0",
-    "@tenphi/eslint-plugin-tasty": "1.1.0",
+    "@tenphi/docs": "0.21.2",
+    "@tenphi/eslint-plugin-tasty": "1.5.1",
     "@tenphi/glaze": "2.0.0",
-    "@tenphi/tasty": "3.8.0",
+    "@tenphi/tasty": "3.9.6",
     "beautiful-mermaid": "^1.1.3",
     "hast-util-from-html": "^2.0.3",
     "pagefind": "1.5.2",