@tenphi/renderer 0.21.1 → 0.21.4

package/dist/components/TastyComponents.js

@@ -1,269 +0,0 @@
-import { tasty } from "@tenphi/tasty";
-import { customizeComponent } from "./customize-component.js";
-import { configureCookbookStates } from "./tasty-states.js";
-
-configureCookbookStates();
-
-export const CardRoot = customizeComponent(
-  "Card",
-  tasty({
-    as: "article",
-    styles: {
-      display: "grid",
-      gap: "1.5x",
-      padding: "2.5x",
-      color: "#text",
-      textDecoration: "none",
-      border: true,
-      radius: "1cr",
-      fill: "#surface-2",
-      shadow: "0 1px 2px #shadow",
-      transition: "fill $transition, shadow $transition, translate $transition",
-
-      Heading2: {
-        $: "h2",
-        margin: "0",
-      },
-      Heading3: {
-        $: "h3",
-        margin: "0",
-      },
-      Paragraph: {
-        $: "p",
-        margin: "0",
-      },
-    },
-  }),
-);
-
-export const CardLink = tasty(CardRoot, {
-  as: "a",
-  styles: {
-    fill: {
-      "": "#surface-2",
-      ":hover": "#surface-2-hover",
-      ":active": "#surface-2-pressed",
-    },
-    shadow: {
-      "": "0 1px 2px #shadow",
-      ":hover": "0 .75x 2x #shadow",
-    },
-    translate: {
-      "": "0",
-      ":hover": "0 -1px",
-      ":active": "0",
-    },
-  },
-});
-
-const previewElements = {
-  Caption: "figcaption",
-  Stage: "div",
-  Frame: "iframe",
-  Code: "details",
-  Summary: "summary",
-  Pre: "pre",
-};
-
-export const PreviewRoot = customizeComponent(
-  "Preview",
-  tasty({
-    as: "figure",
-    styles: {
-      margin: "0",
-      overflow: "clip",
-      color: "#text",
-      border: true,
-      radius: "1cr",
-      fill: "#surface",
-      shadow: "0 1px 2px #shadow",
-
-      Caption: {
-        padding: "1.5x 2x",
-        preset: "small",
-        fill: "#surface-2",
-      },
-      Stage: {
-        padding: "2x",
-        fill: "#surface",
-      },
-      Frame: {
-        display: "block",
-        width: "100%",
-        height: "min 10rem",
-        border: "0",
-        fill: "#surface",
-      },
-      Code: {
-        border: "1bw top #border",
-      },
-      Summary: {
-        padding: "1.5x 2x",
-        preset: "small",
-        fill: "#surface-2",
-        cursor: "pointer",
-        transition: "fill $transition",
-      },
-      HoverSummary: {
-        $: "> details > summary:hover",
-        fill: "#surface-2-hover",
-      },
-      ActiveSummary: {
-        $: "> details > summary:active",
-        fill: "#surface-2-pressed",
-      },
-      Pre: {
-        margin: "0",
-        padding: "2x",
-        overflowX: "auto",
-        color: "#syntax-text",
-        fill: "#syntax-bg",
-        preset: "code",
-        radius: "0",
-      },
-    },
-    elements: previewElements,
-  }),
-);
-
-export const StepsRoot = customizeComponent(
-  "Steps",
-  tasty({
-    as: "ol",
-    styles: {
-      display: "grid",
-      gap: "2x",
-      padding: "4x left",
-      border: "1bw left #border",
-
-      Item: {
-        $: "> li",
-        padding: "1x left",
-      },
-      Marker: {
-        $: "> li::marker",
-        color: "#accent-text",
-        preset: "strong",
-      },
-    },
-  }),
-);
-
-export const TabsRoot = customizeComponent(
-  "Tabs",
-  tasty({
-    as: "div",
-    styles: {
-      margin: "2x 0",
-      border: true,
-      radius: "1cr",
-      overflow: "clip",
-      fill: "#surface",
-      List: {
-        padding: "1x",
-        display: "flex",
-        gap: "1x",
-        overflow: "auto",
-        fill: "#surface-2",
-      },
-      Button: {
-        $: "> [data-tabs-list] > button",
-        margin: "0",
-        preset: "navigation",
-        padding: "1x 2x",
-        border: "0",
-        radius: "1r",
-        color: "#text",
-        fill: "#clear",
-        cursor: "pointer",
-        whiteSpace: "nowrap",
-      },
-      SelectedButton: {
-        $: '> [data-tabs-list] > button[aria-selected="true"]',
-        color: "#accent-surface-text",
-        fill: "#accent-surface",
-      },
-      FocusedButton: {
-        $: "> [data-tabs-list] > button:focus-visible",
-        outline: "2px #focus / -2px",
-      },
-    },
-    elements: { List: "div" },
-  }),
-);
-
-export const TabRoot = customizeComponent(
-  "Tab",
-  tasty({
-    as: "section",
-    styles: {
-      margin: "0",
-      padding: "2x",
-      Heading: { margin: "0 0 1x", preset: "h3" },
-      Hidden: { $: "&[hidden]", hide: true },
-      HiddenHeading: { $: "> [data-tab-heading][hidden]", hide: true },
-    },
-    elements: { Heading: "h3" },
-  }),
-);
-
-export const CalloutRoot = customizeComponent(
-  "Callout",
-  tasty({
-    as: "aside",
-    styles: {
-      "#callout-border": "#info",
-      "#callout-text": "#info-text",
-      "#callout-surface": "#info-surface",
-      margin: "2x 0",
-      padding: "2x 3x",
-      border: "1bw #callout-border",
-      radius: "1cr",
-      fill: "#callout-surface",
-      color: "#text",
-      Title: {
-        preset: "body / strong",
-        color: "#callout-text",
-        margin: "0 0 1x",
-      },
-      Body: { color: "#text", margin: "0" },
-      Tip: {
-        $: '&[data-kind="tip"]',
-        "#callout-border": "#success",
-        "#callout-text": "#success-text",
-        "#callout-surface": "#success-surface",
-      },
-      Caution: {
-        $: '&[data-kind="caution"]',
-        "#callout-border": "#warning",
-        "#callout-text": "#warning-text",
-        "#callout-surface": "#warning-surface",
-      },
-      Danger: {
-        $: '&[data-kind="danger"]',
-        "#callout-border": "#danger",
-        "#callout-text": "#danger-text",
-        "#callout-surface": "#danger-surface",
-      },
-    },
-    elements: { Title: "p", Body: "div" },
-  }),
-);
-
-export const CodeGroupRoot = customizeComponent(
-  "CodeGroup",
-  tasty({
-    as: "div",
-    styles: {
-      Caption: { preset: "small", color: "#text-soft", margin: "0 0 1x" },
-      Pre: { $: "pre" },
-      Code: {
-        $: "pre code",
-        preset: "code",
-        color: "#syntax-text",
-        whiteSpace: "pre",
-      },
-    },
-    elements: { Caption: "p", Pre: "pre", Code: "code" },
-  }),
-);

package/dist/components/customize-component.js

@@ -1,8 +0,0 @@
-import { tasty } from "@tenphi/tasty";
-import { resolveComponentStyleOverride } from "./component-styles.js";
-
-export function customizeComponent(name, base) {
-  const override = resolveComponentStyleOverride(name);
-  if (!override) return base;
-  return tasty(base, { styles: override });
-}

package/dist/tasty-states-rTLFy26t.js

@@ -1,57 +0,0 @@
-import { resolveTypographyPresets } from "./theme/defaults.js";
-import { TASTY_UNITS } from "./theme/tasty-config.js";
-import { mergeStyles } from "@tenphi/tasty/core";
-import { configure as configure$1, getGlobalPredefinedStates } from "@tenphi/tasty";
-//#region src/components/component-styles.ts
-const sharedConfiguration = globalThis;
-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 match. */
-function unusedCustomStyleNames(styles) {
-	return Object.keys(styles ?? {}).filter((name) => !sharedConfiguration.__tenphiCookbookUsedComponentStyles?.has(name));
-}
-//#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 { unusedCustomStyleNames as a, resolveComponentStyles as i, cookbookStates as n, configureComponentStyles as r, configureCookbookStates as t };
-
-//# sourceMappingURL=tasty-states-rTLFy26t.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tasty-states-rTLFy26t.js","names":[],"sources":["../src/components/component-styles.ts","../src/components/tasty-states.js"],"sourcesContent":["import { mergeStyles, type Styles } from \"@tenphi/tasty/core\";\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};\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 match. */\nexport function unusedCustomStyleNames(\n  styles: Record<string, Styles> | undefined,\n): string[] {\n  return Object.keys(styles ?? {}).filter(\n    (name) =>\n      !sharedConfiguration.__tenphiCookbookUsedComponentStyles?.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","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":";;;;;AAIA,MAAM,sBAAsB;AAK5B,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,QACU;CACV,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,QAC9B,SACC,CAAC,oBAAoB,qCAAqC,IAAI,IAAI,CACtE;AACF;;;ACjCA,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/ui.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ui.d.ts","names":[],"sources":["../src/ui.ts"],"mappings":";;iBAkDgB,eACd,cACA,SAAS,KAAK,8BACb"}

package/dist/ui.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ui.js","names":[],"sources":["../src/ui.ts"],"sourcesContent":["import type { DocsConfig } from \"@tenphi/docs\";\n\nconst english: Record<string, string> = {\n  \"sidebarNav.accessibleLabel\": \"Main navigation\",\n  \"menuButton.accessibleLabel\": \"Menu\",\n  \"tableOfContents.onThisPage\": \"On this page\",\n  \"languageSelect.accessibleLabel\": \"Select language\",\n  \"themeSelect.light\": \"Light\",\n  \"themeSelect.dark\": \"Dark\",\n  \"themeSelect.auto\": \"Auto\",\n  \"search.label\": \"Search\",\n  \"search.ctrlKey\": \"Ctrl+\",\n  \"search.cancelLabel\": \"Cancel\",\n  \"search.devWarning\": \"Search is available after building the site.\",\n  \"page.nextLink\": \"Next\",\n  \"page.previousLink\": \"Previous\",\n  \"page.editLink\": \"Edit page\",\n  \"page.lastUpdated\": \"Last updated\",\n  \"page.skipToContent\": \"Skip to content\",\n  \"pagefind.search\": \"Search for\",\n  \"pagefind.clear_search\": \"Clear search\",\n  \"pagefind.zero_results\": \"No results\",\n  \"pagefind.many_results\": \"[COUNT] results\",\n  \"pagefind.one_result\": \"[COUNT] result\",\n};\n\nconst french: Record<string, string> = {\n  \"sidebarNav.accessibleLabel\": \"Navigation principale\",\n  \"menuButton.accessibleLabel\": \"Menu\",\n  \"tableOfContents.onThisPage\": \"Sur cette page\",\n  \"languageSelect.accessibleLabel\": \"Choisir la langue\",\n  \"themeSelect.light\": \"Clair\",\n  \"themeSelect.dark\": \"Sombre\",\n  \"themeSelect.auto\": \"Auto\",\n  \"search.label\": \"Rechercher\",\n  \"search.cancelLabel\": \"Annuler\",\n  \"search.devWarning\":\n    \"La recherche est disponible après la génération du site.\",\n  \"pagefind.search\": \"Rechercher\",\n  \"pagefind.clear_search\": \"Effacer la recherche\",\n  \"pagefind.zero_results\": \"Aucun résultat\",\n  \"pagefind.many_results\": \"[COUNT] résultats\",\n  \"pagefind.one_result\": \"[COUNT] résultat\",\n  \"page.nextLink\": \"Suivant\",\n  \"page.previousLink\": \"Précédent\",\n  \"page.editLink\": \"Modifier la page\",\n  \"page.lastUpdated\": \"Dernière mise à jour\",\n  \"page.skipToContent\": \"Aller au contenu\",\n};\n\nexport function uiTranslations(\n  lang: string,\n  options: Pick<DocsConfig, \"translations\">,\n): Record<string, string> {\n  const language = lang.split(\"-\")[0] ?? \"en\";\n  return {\n    ...english,\n    ...(language === \"fr\" ? french : {}),\n    ...options.translations?.[language],\n    ...options.translations?.[lang],\n  };\n}\n"],"mappings":";AAEA,MAAM,UAAkC;CACtC,8BAA8B;CAC9B,8BAA8B;CAC9B,8BAA8B;CAC9B,kCAAkC;CAClC,qBAAqB;CACrB,oBAAoB;CACpB,oBAAoB;CACpB,gBAAgB;CAChB,kBAAkB;CAClB,sBAAsB;CACtB,qBAAqB;CACrB,iBAAiB;CACjB,qBAAqB;CACrB,iBAAiB;CACjB,oBAAoB;CACpB,sBAAsB;CACtB,mBAAmB;CACnB,yBAAyB;CACzB,yBAAyB;CACzB,yBAAyB;CACzB,uBAAuB;AACzB;AAEA,MAAM,SAAiC;CACrC,8BAA8B;CAC9B,8BAA8B;CAC9B,8BAA8B;CAC9B,kCAAkC;CAClC,qBAAqB;CACrB,oBAAoB;CACpB,oBAAoB;CACpB,gBAAgB;CAChB,sBAAsB;CACtB,qBACE;CACF,mBAAmB;CACnB,yBAAyB;CACzB,yBAAyB;CACzB,yBAAyB;CACzB,uBAAuB;CACvB,iBAAiB;CACjB,qBAAqB;CACrB,iBAAiB;CACjB,oBAAoB;CACpB,sBAAsB;AACxB;AAEA,SAAgB,eACd,MACA,SACwB;CACxB,MAAM,WAAW,KAAK,MAAM,GAAG,CAAC,CAAC,MAAM;CACvC,OAAO;EACL,GAAG;EACH,GAAI,aAAa,OAAO,SAAS,CAAC;EAClC,GAAG,QAAQ,eAAe;EAC1B,GAAG,QAAQ,eAAe;CAC5B;AACF"}