@tenphi/renderer 0.28.0 → 0.30.1

package/dist/styling.js

@@ -1,6 +1,6 @@
 import { n as resolveComponentStyles } from "./component-styles-DstqPFf3.js";
 import { t as configureCookbookStates } from "./tasty-states-BIgiJQ3N.js";
-import { n as extendComponent, t as defineComponent } from "./define-component-BP4YwMak.js";
+import { defineComponent, extendComponent } from "./define-component.js";
 import { mergeStyles, tasty, useGlobalStyles } from "@tenphi/tasty";
 //#region src/components/Button.styles.js
 /** Shared button foundation; descendants own their layout and interaction anatomy. */
@@ -9,7 +9,7 @@ const Button = defineComponent("Button", {
 	styles: {
 		display: "flex",
 		alignItems: "center",
-		gap: "$gap",
+		gap: "1x",
 		blockSize: "min 0",
 		color: "#text-soft",
 		cursor: "pointer"

package/dist/styling.js.map

@@ -1 +1 @@
-{"version":3,"file":"styling.js","names":[],"sources":["../src/components/Button.styles.js","../src/styling.ts"],"sourcesContent":["import { defineComponent } from \"../define-component.js\";\n\n/** Shared button foundation; descendants own their layout and interaction anatomy. */\nexport const Button = defineComponent(\"Button\", {\n  as: \"button\",\n  styles: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: \"$gap\",\n    blockSize: \"min 0\",\n    color: \"#text-soft\",\n    cursor: \"pointer\",\n  },\n});\n","import { configureCookbookStates } from \"./components/tasty-states.js\";\n\n// Consumer components can be evaluated before Cookbook's own components.\nconfigureCookbookStates();\n\nexport { tasty, useGlobalStyles, mergeStyles } from \"@tenphi/tasty\";\nexport type { Styles } from \"@tenphi/tasty\";\nexport { defineComponent, extendComponent } from \"./define-component.js\";\nexport { Button } from \"./components/Button.styles.js\";\nexport { resolveComponentStyles } from \"./components/component-styles.js\";\n"],"mappings":";;;;;;AAGA,MAAa,SAAS,gBAAgB,UAAU;CAC9C,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,YAAY;EACZ,KAAK;EACL,WAAW;EACX,OAAO;EACP,QAAQ;CACV;AACF,CAAC;;;ACVD,wBAAwB"}
+{"version":3,"file":"styling.js","names":[],"sources":["../src/components/Button.styles.js","../src/styling.ts"],"sourcesContent":["import { defineComponent } from \"../define-component.js\";\n\n/** Shared button foundation; descendants own their layout and interaction anatomy. */\nexport const Button = defineComponent(\"Button\", {\n  as: \"button\",\n  styles: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: \"1x\",\n    blockSize: \"min 0\",\n    color: \"#text-soft\",\n    cursor: \"pointer\",\n  },\n});\n","import { configureCookbookStates } from \"./components/tasty-states.js\";\n\n// Consumer components can be evaluated before Cookbook's own components.\nconfigureCookbookStates();\n\nexport { tasty, useGlobalStyles, mergeStyles } from \"@tenphi/tasty\";\nexport type { Styles } from \"@tenphi/tasty\";\nexport { defineComponent, extendComponent } from \"./define-component.js\";\nexport { Button } from \"./components/Button.styles.js\";\nexport { resolveComponentStyles } from \"./components/component-styles.js\";\n"],"mappings":";;;;;;AAGA,MAAa,SAAS,gBAAgB,UAAU;CAC9C,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,YAAY;EACZ,KAAK;EACL,WAAW;EACX,OAAO;EACP,QAAQ;CACV;AACF,CAAC;;;ACVD,wBAAwB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenphi/renderer",
-  "version": "0.28.0",
+  "version": "0.30.1",
   "description": "Astro renderer and Tasty theme for Cookbook",
   "type": "module",
   "sideEffects": [
@@ -61,10 +61,12 @@
     "@fontsource-variable/jetbrains-mono": "^5.3.0",
     "@fontsource-variable/onest": "^5.3.0",
     "@pagefind/default-ui": "1.5.2",
-    "@tenphi/docs": "0.28.0",
-    "@tenphi/eslint-plugin-tasty": "1.6.0",
+    "@tenphi/docs": "0.30.1",
+    "@tenphi/eslint-plugin-tasty": "1.12.0",
     "@tenphi/glaze": "2.0.1",
-    "@tenphi/tasty": "3.9.10",
+    "@tenphi/tasty": "3.14.0",
+    "@uniaria/core": "0.3.0",
+    "@uniaria/elements": "0.3.0",
     "beautiful-mermaid": "^1.1.3",
     "hast-util-from-html": "^2.0.3",
     "pagefind": "1.5.2",

package/dist/components/inherit-component-parts.d.ts

@@ -1 +0,0 @@
-export function inheritComponentParts<T>(base: object, extended: T): T;

package/dist/components/inherit-component-parts.js

@@ -1,7 +0,0 @@
-/** Tasty wrappers forward styles but do not copy compound component exports. */
-export function inheritComponentParts(base, extended) {
-  for (const [name, part] of Object.entries(base)) {
-    if (/^[A-Z]/.test(name)) extended[name] = part;
-  }
-  return extended;
-}

package/dist/define-component-BP4YwMak.js

@@ -1,28 +0,0 @@
-import { n as resolveComponentStyles } from "./component-styles-DstqPFf3.js";
-import { tasty } from "@tenphi/tasty";
-//#region src/components/inherit-component-parts.js
-/** Tasty wrappers forward styles but do not copy compound component exports. */
-function inheritComponentParts(base, extended) {
-	for (const [name, part] of Object.entries(base)) if (/^[A-Z]/.test(name)) extended[name] = part;
-	return extended;
-}
-//#endregion
-//#region src/define-component.ts
-/** Extend a component's styles and defaults, preserving its props and compound parts. */
-function extendComponent(name, base, options) {
-	return inheritComponentParts(base, tasty(base, {
-		...options,
-		styles: resolveComponentStyles(name, options.styles ?? {})
-	}));
-}
-/** Create a named component with its built-in or custom theme styles merged into its defaults. */
-function defineComponent(name, options) {
-	return tasty({
-		...options,
-		styles: resolveComponentStyles(name, options.styles ?? {})
-	});
-}
-//#endregion
-export { extendComponent as n, defineComponent as t };
-
-//# sourceMappingURL=define-component-BP4YwMak.js.map

package/dist/define-component-BP4YwMak.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"define-component-BP4YwMak.js","names":[],"sources":["../src/components/inherit-component-parts.js","../src/define-component.ts"],"sourcesContent":["/** Tasty wrappers forward styles but do not copy compound component exports. */\nexport function inheritComponentParts(base, extended) {\n  for (const [name, part] of Object.entries(base)) {\n    if (/^[A-Z]/.test(name)) extended[name] = part;\n  }\n  return extended;\n}\n","import {\n  tasty,\n  type ElementsDefinition,\n  type ModPropsInput,\n  type StylesInterface,\n  type Styles,\n  type SubElementProps,\n  type TastyElementOptions,\n  type TastyPolymorphicComponent,\n  type TokenPropsInput,\n  type VariantMap,\n} from \"@tenphi/tasty\";\nimport type {\n  ComponentProps,\n  ComponentType,\n  ElementType,\n  ForwardRefExoticComponent,\n  JSX,\n  PropsWithoutRef,\n  RefAttributes,\n} from \"react\";\nimport { resolveComponentStyles } from \"./components/component-styles.js\";\nimport { inheritComponentParts } from \"./components/inherit-component-parts.js\";\n\ntype InheritedParts<C> = {\n  [\n    Name in keyof C as Name extends string\n      ? Name extends Capitalize<Name>\n        ? C[Name] extends ComponentType<any>\n          ? Name\n          : never\n        : never\n      : never\n  ]: C[Name];\n};\n\ntype SubElementTag<Definition extends ElementsDefinition[string]> =\n  Definition extends string\n    ? Definition\n    : Definition extends { as?: infer Tag }\n      ? Tag extends keyof JSX.IntrinsicElements\n        ? Tag\n        : \"div\"\n      : \"div\";\n\n// Use public Tasty types so declarations do not leak its private sub-element aliases.\ntype SubElements<E extends ElementsDefinition> = {\n  [Name in keyof E]: ForwardRefExoticComponent<\n    PropsWithoutRef<SubElementProps<SubElementTag<E[Name]>>> &\n      RefAttributes<\n        SubElementTag<E[Name]> extends keyof HTMLElementTagNameMap\n          ? HTMLElementTagNameMap[SubElementTag<E[Name]>]\n          : unknown\n      >\n  >;\n};\n\n/** Extend a component's styles and defaults, preserving its props and compound parts. */\nexport function extendComponent<C extends ComponentType<any>>(\n  name: string,\n  base: C,\n  options: Partial<Omit<ComponentProps<C>, \"as\" | \"styles\">> & {\n    styles?: Styles;\n  },\n): ComponentType<ComponentProps<C>> & InheritedParts<C> {\n  const extended = tasty(base, {\n    ...options,\n    styles: resolveComponentStyles(name, options.styles ?? {}),\n  });\n  // Tasty's wrapper type erases compound exports and makes every prop optional.\n  // Restore the copied parts and conservatively keep the base's required props.\n  return inheritComponentParts(base, extended) as unknown as ComponentType<\n    ComponentProps<C>\n  > &\n    InheritedParts<C>;\n}\n\n/** Create a named component with its built-in or custom theme styles merged into its defaults. */\nexport function defineComponent<\n  K extends readonly (keyof StylesInterface)[],\n  V extends VariantMap,\n  E extends ElementsDefinition = Record<string, never>,\n  AsType extends ElementType = \"div\",\n  M extends ModPropsInput = readonly never[],\n  TP extends TokenPropsInput = readonly never[],\n>(\n  name: string,\n  options: TastyElementOptions<K, V, E, AsType, M, TP>,\n): TastyPolymorphicComponent<AsType, K, V, M, TP> & SubElements<E> {\n  return tasty<K, V, E, AsType, M, TP>({\n    ...options,\n    styles: resolveComponentStyles(name, options.styles ?? {}),\n  }) as TastyPolymorphicComponent<AsType, K, V, M, TP> & SubElements<E>;\n}\n"],"mappings":";;;;AACA,SAAgB,sBAAsB,MAAM,UAAU;CACpD,KAAK,MAAM,CAAC,MAAM,SAAS,OAAO,QAAQ,IAAI,GAC5C,IAAI,SAAS,KAAK,IAAI,GAAG,SAAS,QAAQ;CAE5C,OAAO;AACT;;;;ACoDA,SAAgB,gBACd,MACA,MACA,SAGsD;CAOtD,OAAO,sBAAsB,MANZ,MAAM,MAAM;EAC3B,GAAG;EACH,QAAQ,uBAAuB,MAAM,QAAQ,UAAU,CAAC,CAAC;CAC3D,CAGmC,CAAQ;AAI7C;;AAGA,SAAgB,gBAQd,MACA,SACiE;CACjE,OAAO,MAA8B;EACnC,GAAG;EACH,QAAQ,uBAAuB,MAAM,QAAQ,UAAU,CAAC,CAAC;CAC3D,CAAC;AACH"}