@fuzdev/fuz_ui 0.220.0 → 0.222.0

package/README.md

@@ -4,7 +4,7 @@
 
 > friendly user zystem 🧶 [fuz.dev](https://ui.fuz.dev/)
 
-fuz_ui is a Svelte UI library with components and helpers for making zippy
+fuz_ui is a Svelte component library with frontend helpers for making zippy
 websites. It's built on [fuz_css](https://css.fuz.dev/)
 and provides a documentation system built on
 [svelte-docinfo](https://svelte-docinfo.fuz.dev/).

package/dist/DeclarationDetail.svelte

@@ -42,14 +42,20 @@ external types, and more.
 		return filtered.length ? filtered : undefined;
 	});
 
-	// the "inferred" chip marks entries found by a `var()` fallback, which only
-	// distinguishes anything when the list also has `@cssprop`-documented ones
+	// the "inferred" chip marks entries found by a `var()` fallback or an
+	// `@property` rule, which only distinguishes anything when the list also
+	// has `@cssprop`-documented ones
 	const css_property_chips_shown = $derived.by(() => {
 		const css_properties = declaration.css_custom_properties;
 		if (!css_properties) return false;
 		return css_properties.some((p) => p.documented) && css_properties.some((p) => !p.documented);
 	});
 
+	// a documented `default` (the tag's claim) and the style's `fallback` are
+	// shown as one row when they agree, as the analyzer compares them
+	const css_values_agree = (a: string, b: string): boolean =>
+		a.replace(/\s+/g, ' ').trim() === b.replace(/\s+/g, ' ').trim();
+
 	// render mdz inline `code` as API-linking `DocsLink` and fenced blocks as syntax-highlighted
 	// `Code`, matching the rest of the docs — the injection mdz core leaves open
 	mdz_set_context_with_fallback(mdz_code_context, () => DocsLink);
@@ -331,14 +337,15 @@ external types, and more.
 <!-- CSS custom properties (for Svelte components): the styling API a
 	consumer sets on the component or an ancestor; `documented` entries come
 	from `@cssprop` tags and arrive first, the rest are inferred from `var()`
-	fallbacks in the component's styles, marked only when the list mixes both -->
+	fallbacks and `@property` rules in the component's styles, marked only when
+	the list mixes both -->
 {#if declaration.css_custom_properties?.length}
 	<section>
 		<h4>CSS custom properties</h4>
 		{#if css_property_chips_shown}
 			<p>
 				Properties marked <span class="chip">inferred</span> are found by their <code>var()</code>
-				fallback, not documented with <code>@cssprop</code>.
+				fallback or <code>@property</code> rule, not documented with <code>@cssprop</code>.
 			</p>
 		{/if}
 		{#each declaration.css_custom_properties as css_property (css_property.name)}
@@ -358,7 +365,16 @@ external types, and more.
 						<code>{css_property.syntax}</code>
 					</div>
 				{/if}
-				{#if css_property.fallback !== undefined}
+				{#if css_property.default !== undefined}
+					<div class="row gap_md">
+						<strong>default</strong>
+						<Code lang="css" content={dedent_css_fallback(css_property.default)} wrap />
+					</div>
+				{/if}
+				{#if css_property.fallback !== undefined &&
+					(css_property.default === undefined ||
+						!css_values_agree(css_property.default, css_property.fallback))
+				}
 					<div class="row gap_md">
 						<strong>fallback</strong>
 						{#if css_property.fallback}

package/dist/DeclarationDetail.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeclarationDetail.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/DeclarationDetail.svelte"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAoB1D,KAAK,gBAAgB,GAAI;IAAE,WAAW,EAAE,WAAW,CAAA;CAAE,CAAC;AAikBvD;;;;;;;;;GASG;AACH,QAAA,MAAM,iBAAiB,sDAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"DeclarationDetail.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/DeclarationDetail.svelte"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAoB1D,KAAK,gBAAgB,GAAI;IAAE,WAAW,EAAE,WAAW,CAAA;CAAE,CAAC;AA+kBvD;;;;;;;;;GASG;AACH,QAAA,MAAM,iBAAiB,sDAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/csp_of_fuzdev.d.ts

@@ -1,7 +1,7 @@
 import type { CspDirectives } from './csp.js';
 /**
  * Per-directive sources that allow full interop between fuzdev/sister sites
- * (`*.fuz.dev`, `*.zzz.software`) — loading assets and APIs from each other,
+ * (`*.fuz.dev`) — loading assets and APIs from each other,
  * and iframing in both directions.
  *
  * Pass into `create_csp_directives({extend: [csp_directives_of_fuzdev]})`.

package/dist/csp_of_fuzdev.js

@@ -1,6 +1,6 @@
 /**
  * Per-directive sources that allow full interop between fuzdev/sister sites
- * (`*.fuz.dev`, `*.zzz.software`) — loading assets and APIs from each other,
+ * (`*.fuz.dev`) — loading assets and APIs from each other,
  * and iframing in both directions.
  *
  * Pass into `create_csp_directives({extend: [csp_directives_of_fuzdev]})`.
@@ -12,12 +12,12 @@
  * needs them.
  */
 export const csp_directives_of_fuzdev = {
-    'img-src': ['https://*.fuz.dev/', 'https://*.zzz.software/'],
-    'media-src': ['https://*.fuz.dev/', 'https://*.zzz.software/'],
-    'font-src': ['https://*.fuz.dev/', 'https://*.zzz.software/'],
-    'connect-src': ['https://*.fuz.dev/', 'https://*.zzz.software/'],
-    'frame-src': ['https://*.fuz.dev/', 'https://*.zzz.software/'],
-    'frame-ancestors': ['https://*.fuz.dev/', 'https://*.zzz.software/']
+    'img-src': ['https://*.fuz.dev/'],
+    'media-src': ['https://*.fuz.dev/'],
+    'font-src': ['https://*.fuz.dev/'],
+    'connect-src': ['https://*.fuz.dev/'],
+    'frame-src': ['https://*.fuz.dev/'],
+    'frame-ancestors': ['https://*.fuz.dev/']
     // `child-src` is intentionally omitted — it defaults to `['none']`, and `extend` cannot
     // append to a `'none'`-valued directive. Including it here would break the common
     // `create_csp_directives({extend: [csp_directives_of_fuzdev]})` call. `frame-src` is its

package/dist/declaration.svelte.d.ts

@@ -106,9 +106,10 @@ export declare class Declaration {
     get merged_value(): boolean | undefined;
     /**
      * The component's styling API: CSS custom properties its styles read with
-     * a `var()` fallback, plus any its doc comment documents with `@cssprop`
-     * tags (`documented`), the documented ones first.
-     * Present on `component` kind only.
+     * a `var()` fallback or register with `@property`, plus any its doc comment
+     * documents with `@cssprop` tags (`documented`), the documented ones first.
+     * A documented entry carries the tag's `default` beside the style's
+     * `fallback`. Present on `component` kind only.
      */
     get css_custom_properties(): Array<ComponentCssPropertyJsonInput> | undefined;
     /**

package/dist/declaration.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"declaration.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/declaration.svelte.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"declaration.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/declaration.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEX,oBAAoB,EACpB,eAAe,EACf,kBAAkB,EAClB,sBAAsB,EACtB,6BAA6B,EAC7B,iBAAiB,EACjB,UAAU,EACV,QAAQ,EACR,MAAM,yBAAyB,CAAC;AAIjC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAcjD;;;;;;;;;;;;GAYG;AACH,qBAAa,WAAW;;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAiB;IACxC,QAAQ,CAAC,gBAAgB,EAAE,oBAAoB,CAAiB;IAEhE,IAAI,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,CAE/B;IAED;;OAEG;IACH,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IAAI,IAAI,IAAI,oBAAoB,CAAC,MAAM,CAAC,CAEvC;IAED;;OAEG;IACH,IAAI,UAAU,IAAI,MAAM,GAAG,SAAS,CAQnC;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,MAAM,CAEpB;IAID;;OAEG;IACH,IAAI,gBAAgB,IAAI,MAAM,CAS7B;IAED;;OAEG;IACH,IAAI,YAAY,IAAI,MAAM,GAAG,SAAS,CAIrC;IAID;;OAEG;IACH,IAAI,YAAY,IAAI,MAAM,CAOzB;IAED,IAAI,cAAc,IAAI,MAAM,GAAG,SAAS,CAEvC;IAED;;;OAGG;IACH,IAAI,SAAS,IAAI,QAAQ,GAAG,SAAS,CAEpC;IAED;;;;;;;;OAQG;IACH,IAAI,kBAAkB,IAAI,QAAQ,GAAG,SAAS,CAU7C;IAED;;;;OAIG;IACH,IAAI,aAAa,IAAI,MAAM,GAAG,SAAS,CAEtC;IAED,IAAI,WAAW,IAAI,MAAM,GAAG,SAAS,CAEpC;IAED,IAAI,kBAAkB,IAAI,MAAM,GAAG,SAAS,CAE3C;IAED,IAAI,UAAU,IAAI,KAAK,CAAC,kBAAkB,CAAC,GAAG,SAAS,CAEtD;IAED,IAAI,KAAK,IAAI,KAAK,CAAC,sBAAsB,CAAC,GAAG,SAAS,CAErD;IAED,IAAI,WAAW,IAAI,MAAM,GAAG,SAAS,CAEpC;IAED;;;OAGG;IACH,IAAI,gBAAgB,IAAI,QAAQ,GAAG,SAAS,CAE3C;IAED,IAAI,kBAAkB,IAAI,MAAM,GAAG,SAAS,CAE3C;IAED,IAAI,cAAc,IAAI,WAAW,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC,CAEvE;IAED,IAAI,aAAa,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,SAAS,CAE7C;IAED,IAAI,gBAAgB,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,SAAS,CAEhD;IAED,IAAI,MAAM,IAAI,WAAW,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAExD;IAED,IAAI,KAAK,IAAI,MAAM,GAAG,SAAS,CAE9B;IAED,IAAI,QAAQ,IAAI,WAAW,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC,CAE5D;IAED,IAAI,QAAQ,IAAI,WAAW,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAE3D;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,KAAK,CAAC,eAAe,CAAC,GAAG,SAAS,CAEhD;IAED;;;;;;;OAOG;IACH,IAAI,cAAc,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,SAAS,CAE9C;IAED;;;;;OAKG;IACH,IAAI,YAAY,IAAI,OAAO,GAAG,SAAS,CAEtC;IAED;;;;;;OAMG;IACH,IAAI,qBAAqB,IAAI,KAAK,CAAC,6BAA6B,CAAC,GAAG,SAAS,CAK5E;IAED;;;OAGG;IACH,IAAI,gBAAgB,IAAI,OAAO,GAAG,SAAS,CAE1C;IAED;;;OAGG;IACH,IAAI,SAAS,IAAI,KAAK,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAEpD;IAED;;OAEG;IACH,IAAI,QAAQ,IAAI,oBAAoB,CAAC,SAAS,CAAC,CAE9C;IAED;;;;OAIG;IACH,IAAI,kBAAkB,IAAI,oBAAoB,CAAC,kBAAkB,CAAC,CAEjE;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,oBAAoB,CAAC,SAAS,CAAC,CAE7C;IAED;;;;OAIG;IACH,IAAI,gBAAgB,IAAI,MAAM,GAAG,SAAS,CAEzC;IAED;;;;OAIG;IACH,IAAI,UAAU,IAAI,UAAU,GAAG,SAAS,CAEvC;IAED,IAAI,YAAY,IAAI,OAAO,CAE1B;IAGD,IAAI,aAAa,IAAI,OAAO,CAE3B;IAGD,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,IAAI,iBAAiB,IAAI,OAAO,CAE/B;IAED,IAAI,cAAc,IAAI,OAAO,CAG5B;IAED,IAAI,SAAS,IAAI,OAAO,CAGvB;IAED,IAAI,YAAY,IAAI,OAAO,CAE1B;gBAEW,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,oBAAoB;CAIlE"}

package/dist/declaration.svelte.js

@@ -195,9 +195,10 @@ export class Declaration {
     }
     /**
      * The component's styling API: CSS custom properties its styles read with
-     * a `var()` fallback, plus any its doc comment documents with `@cssprop`
-     * tags (`documented`), the documented ones first.
-     * Present on `component` kind only.
+     * a `var()` fallback or register with `@property`, plus any its doc comment
+     * documents with `@cssprop` tags (`documented`), the documented ones first.
+     * A documented entry carries the tag's `default` beside the style's
+     * `fallback`. Present on `component` kind only.
      */
     get css_custom_properties() {
         return field(this.declaration_json, 'cssCustomProperties');

package/dist/docs_helpers.svelte.d.ts

@@ -15,7 +15,7 @@ export declare const docs_links_context: {
  */
 export declare const docs_slugify: (str: string) => string;
 export declare const DOCS_PATH_DEFAULT = "/docs";
-export declare const DOCS_PATH: "/" | "/about" | "/docs" | "/docs/Alert" | "/docs/Breadcrumb" | "/docs/Breadcrumb/a" | "/docs/Breadcrumb/a/b" | "/docs/Breadcrumb/a/b/c" | "/docs/Breadcrumb/a/b/c/d" | "/docs/Card" | "/docs/Contextmenu" | "/docs/Details" | "/docs/Dialog" | "/docs/Docs" | "/docs/HueInput" | "/docs/LibraryDetail" | "/docs/LibrarySummary" | "/docs/Library" | "/docs/PendingAnimation" | "/docs/PendingButton" | "/docs/Redirect" | "/docs/Sparkline" | "/docs/Svg" | "/docs/Teleport" | "/docs/ThemeRoot" | "/docs/api" | "/docs/csp" | "/docs/icons" | "/docs/intersect" | "/docs/introduction" | "/docs/logos" | "/docs/theming" | "/docs/vite_plugin_pkg_json" | "/help" | `/${string}/` | `/${`docs/api/${string}` & {}}` | `/${string}/help` | `/${string}/about` | `/${string}/docs` | `/${string}/docs/Alert` | `/${string}/docs/Breadcrumb` | `/${string}/docs/Breadcrumb/a` | `/${string}/docs/Breadcrumb/a/b` | `/${string}/docs/Breadcrumb/a/b/c` | `/${string}/docs/Breadcrumb/a/b/c/d` | `/${string}/docs/Card` | `/${string}/docs/Contextmenu` | `/${string}/docs/Details` | `/${string}/docs/Dialog` | `/${string}/docs/Docs` | `/${string}/docs/HueInput` | `/${string}/docs/LibraryDetail` | `/${string}/docs/LibrarySummary` | `/${string}/docs/Library` | `/${string}/docs/PendingAnimation` | `/${string}/docs/PendingButton` | `/${string}/docs/Redirect` | `/${string}/docs/Sparkline` | `/${string}/docs/Svg` | `/${string}/docs/Teleport` | `/${string}/docs/ThemeRoot` | `/${string}/docs/api` | `/${string}/${`docs/api/${string}` & {}}` | `/${string}/docs/csp` | `/${string}/docs/icons` | `/${string}/docs/intersect` | `/${string}/docs/introduction` | `/${string}/docs/logos` | `/${string}/docs/theming` | `/${string}/docs/vite_plugin_pkg_json`;
+export declare const DOCS_PATH: "/" | "/about" | "/docs" | "/docs/Alert" | "/docs/Breadcrumb" | "/docs/Breadcrumb/a" | "/docs/Breadcrumb/a/b" | "/docs/Breadcrumb/a/b/c" | "/docs/Breadcrumb/a/b/c/d" | "/docs/Card" | "/docs/Contextmenu" | "/docs/Details" | "/docs/Dialog" | "/docs/Docs" | "/docs/HueInput" | "/docs/LibrarySummary" | "/docs/Library" | "/docs/PendingAnimation" | "/docs/PendingButton" | "/docs/Redirect" | "/docs/Sparkline" | "/docs/Svg" | "/docs/Teleport" | "/docs/ThemeRoot" | "/docs/api" | "/docs/csp" | "/docs/icons" | "/docs/intersect" | "/docs/introduction" | "/docs/logos" | "/docs/theming" | "/docs/vite_plugin_pkg_json" | "/help" | `/${string}/` | `/${`docs/api/${string}` & {}}` | `/${string}/help` | `/${string}/about` | `/${string}/docs` | `/${string}/docs/Alert` | `/${string}/docs/Breadcrumb` | `/${string}/docs/Breadcrumb/a` | `/${string}/docs/Breadcrumb/a/b` | `/${string}/docs/Breadcrumb/a/b/c` | `/${string}/docs/Breadcrumb/a/b/c/d` | `/${string}/docs/Card` | `/${string}/docs/Contextmenu` | `/${string}/docs/Details` | `/${string}/docs/Dialog` | `/${string}/docs/Docs` | `/${string}/docs/HueInput` | `/${string}/docs/LibrarySummary` | `/${string}/docs/Library` | `/${string}/docs/PendingAnimation` | `/${string}/docs/PendingButton` | `/${string}/docs/Redirect` | `/${string}/docs/Sparkline` | `/${string}/docs/Svg` | `/${string}/docs/Teleport` | `/${string}/docs/ThemeRoot` | `/${string}/docs/api` | `/${string}/${`docs/api/${string}` & {}}` | `/${string}/docs/csp` | `/${string}/docs/icons` | `/${string}/docs/intersect` | `/${string}/docs/introduction` | `/${string}/docs/logos` | `/${string}/docs/theming` | `/${string}/docs/vite_plugin_pkg_json`;
 export declare const DOCS_API_PATH: string;
 export declare const to_docs_path_info: (path_slug: string, pathname: string, root_path?: string) => {
     path: string;

package/dist/docs_helpers.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"docs_helpers.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/docs_helpers.svelte.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAKzD,eAAO,MAAM,kBAAkB;;;;CAA8B,CAAC;AAE9D;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,GAAI,KAAK,MAAM,KAAG,MAY1C,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAAU,CAAC;AACzC,eAAO,MAAM,SAAS,6qDAAmB,CAAC;AAC1C,eAAO,MAAM,aAAa,QAAqB,CAAC;AAEhD,eAAO,MAAM,iBAAiB,GAC7B,WAAW,MAAM,EACjB,UAAU,MAAM,EAChB,kBAA6B,KAC3B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,gBAAgB,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;CAK7E,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,WAAW,GAAG,SAAS,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAED,qBAAa,SAAS;;IACrB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAE3B,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,MAAM,EAAE,YAAY,CAAC,CAAmB;IAgBlE,UAAU,iBA4BP;IAEH,QAAQ,CAAC,kBAAkB,EAAE,SAAS,CAAC,MAAM,CAAC,CAAmB;gBAErD,SAAS,SAAoB;IAIzC,GAAG,CACF,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,GAAG,CAAC,EAAE,WAAW,EACjB,KAAK,SAAI,EACT,SAAS,CAAC,EAAE,MAAM,EAClB,WAAW,CAAC,EAAE,MAAM,GAClB,MAAM;IAkBT,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAIxB;;;OAGG;IACH,mBAAmB,IAAI,MAAM;CAG7B"}
+{"version":3,"file":"docs_helpers.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/docs_helpers.svelte.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAKzD,eAAO,MAAM,kBAAkB;;;;CAA8B,CAAC;AAE9D;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,GAAI,KAAK,MAAM,KAAG,MAY1C,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAAU,CAAC;AACzC,eAAO,MAAM,SAAS,mnDAAmB,CAAC;AAC1C,eAAO,MAAM,aAAa,QAAqB,CAAC;AAEhD,eAAO,MAAM,iBAAiB,GAC7B,WAAW,MAAM,EACjB,UAAU,MAAM,EAChB,kBAA6B,KAC3B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,gBAAgB,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;CAK7E,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,WAAW,GAAG,SAAS,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAED,qBAAa,SAAS;;IACrB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAE3B,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,MAAM,EAAE,YAAY,CAAC,CAAmB;IAgBlE,UAAU,iBA4BP;IAEH,QAAQ,CAAC,kBAAkB,EAAE,SAAS,CAAC,MAAM,CAAC,CAAmB;gBAErD,SAAS,SAAoB;IAIzC,GAAG,CACF,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,GAAG,CAAC,EAAE,WAAW,EACjB,KAAK,SAAI,EACT,SAAS,CAAC,EAAE,MAAM,EAClB,WAAW,CAAC,EAAE,MAAM,GAClB,MAAM;IAkBT,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAIxB;;;OAGG;IACH,mBAAmB,IAAI,MAAM;CAG7B"}

package/dist/library.svelte.d.ts

@@ -8,8 +8,8 @@ import { Module } from './module.svelte.js';
  * The getter form keeps consumers reactive when the library changes without
  * requiring a remount — set it with a closure over reactive state, e.g.
  * `library_context.set(() => library)`. Components that accept a `library`
- * prop (`LibraryDetail`, `ApiIndex`, `ApiModule`) project the prop into this
- * context for their subtree, so descendants like `ModuleLink`,
+ * prop (`ApiIndex`, `ApiModule`) project the prop into this context for their
+ * subtree, so descendants like `ModuleLink`,
  * `DeclarationLink`, and TSDoc-rendered `DocsLink` resolve against the same
  * library — including when an aggregator renders a foreign library that
  * differs from the site-level context.

package/dist/library.svelte.js

@@ -9,8 +9,8 @@ import { package_is_published, repo_name_parse, repo_url_github_owner, repo_url_
  * The getter form keeps consumers reactive when the library changes without
  * requiring a remount — set it with a closure over reactive state, e.g.
  * `library_context.set(() => library)`. Components that accept a `library`
- * prop (`LibraryDetail`, `ApiIndex`, `ApiModule`) project the prop into this
- * context for their subtree, so descendants like `ModuleLink`,
+ * prop (`ApiIndex`, `ApiModule`) project the prop into this context for their
+ * subtree, so descendants like `ModuleLink`,
  * `DeclarationLink`, and TSDoc-rendered `DocsLink` resolve against the same
  * library — including when an aggregator renders a foreign library that
  * differs from the site-level context.

package/dist/logos.d.ts

@@ -55,7 +55,7 @@ export declare const logo_fuz_repos: {
         d: string;
     }[];
 };
-export declare const logo_fuz_docs: {
+export declare const logo_docs_fuz_dev: {
     label: string;
     fill: string;
     paths: {
@@ -69,24 +69,25 @@ export declare const logo_svelte_docinfo: {
         d: string;
     }[];
 };
-export declare const logo_fuz_template: {
+export declare const logo_mdz: {
     label: string;
     fill: string;
     paths: {
+        'fill-rule': "evenodd";
         d: string;
     }[];
 };
-export declare const logo_fuz_util: {
+export declare const logo_fuz_template: {
     label: string;
+    fill: string;
     paths: {
-        fill: string;
         d: string;
     }[];
 };
-export declare const logo_fuz_host: {
+export declare const logo_fuz_util: {
     label: string;
-    fill: string;
     paths: {
+        fill: string;
         d: string;
     }[];
 };

package/dist/logos.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logos.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/logos.ts"],"names":[],"mappings":"AAuBA,eAAO,MAAM,QAAQ;;;;;;CAgCF,CAAC;AAEpB,eAAO,MAAM,QAAQ;;;;;;CAQF,CAAC;AAEpB,eAAO,MAAM,YAAY;;;;;;CAIN,CAAC;AAEpB,eAAO,MAAM,YAAY;;;;;;;CAKN,CAAC;AAEpB,eAAO,MAAM,WAAW;;;;;;CAIL,CAAC;AAEpB,eAAO,MAAM,aAAa;;;;;;CAIP,CAAC;AAEpB,eAAO,MAAM,aAAa;;;;;;CAIP,CAAC;AAEpB,eAAO,MAAM,cAAc;;;;;;CAIR,CAAC;AAEpB,eAAO,MAAM,aAAa;;;;;;CAIP,CAAC;AAEpB,eAAO,MAAM,mBAAmB;;;;;;CAQb,CAAC;AAEpB,eAAO,MAAM,iBAAiB;;;;;;CAQX,CAAC;AAEpB,eAAO,MAAM,aAAa;;;;;;CAwBP,CAAC;AAEpB,eAAO,MAAM,aAAa;;;;;;CAQP,CAAC;AAEpB,eAAO,MAAM,QAAQ;;;;;;CAQF,CAAC;AAEpB,eAAO,MAAM,WAAW;;;;;;;;;CAWL,CAAC;AAEpB,eAAO,MAAM,QAAQ;;;;;;CAQF,CAAC"}
+{"version":3,"file":"logos.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/logos.ts"],"names":[],"mappings":"AAuBA,eAAO,MAAM,QAAQ;;;;;;CAgCF,CAAC;AAEpB,eAAO,MAAM,QAAQ;;;;;;CAQF,CAAC;AAEpB,eAAO,MAAM,YAAY;;;;;;CAIN,CAAC;AAEpB,eAAO,MAAM,YAAY;;;;;;;CAKN,CAAC;AAEpB,eAAO,MAAM,WAAW;;;;;;CAIL,CAAC;AAEpB,eAAO,MAAM,aAAa;;;;;;CAIP,CAAC;AAEpB,eAAO,MAAM,aAAa;;;;;;CAIP,CAAC;AAEpB,eAAO,MAAM,cAAc;;;;;;CAIR,CAAC;AAEpB,eAAO,MAAM,iBAAiB;;;;;;CAIX,CAAC;AAEpB,eAAO,MAAM,mBAAmB;;;;;;CAQb,CAAC;AAEpB,eAAO,MAAM,QAAQ;;;;;;;CASF,CAAC;AAEpB,eAAO,MAAM,iBAAiB;;;;;;CAQX,CAAC;AAEpB,eAAO,MAAM,aAAa;;;;;;CAwBP,CAAC;AAEpB,eAAO,MAAM,QAAQ;;;;;;CAQF,CAAC;AAEpB,eAAO,MAAM,WAAW;;;;;;;;;CAWL,CAAC;AAEpB,eAAO,MAAM,QAAQ;;;;;;CAQF,CAAC"}

package/dist/logos.js

@@ -90,7 +90,7 @@ export const logo_fuz_repos = {
     fill: '#6199d1',
     paths: logo_fuz.paths
 };
-export const logo_fuz_docs = {
+export const logo_docs_fuz_dev = {
     label: 'a friendly cyan spider facing you',
     fill: '#1ec3d2',
     paths: logo_fuz.paths
@@ -104,6 +104,16 @@ export const logo_svelte_docinfo = {
         }
     ]
 };
+export const logo_mdz = {
+    label: 'a purple pen nib hovering over an inkwell with a glint of light',
+    fill: '#8866cc',
+    paths: [
+        {
+            'fill-rule': 'evenodd',
+            d: 'M36.05 40.56H61.35Q64.27 40.56 64.27 43.48V48.35H59.4V56.13L71.08 56.13Q80.81 56.13 82.76 65.86Q86.26 76.56 86.65 87.27Q87.62 97 77.89 97H19.51Q9.78 97 10.76 87.27Q11.14 76.56 14.65 65.86Q16.59 56.13 26.32 56.13L38 56.13V48.35H33.13V43.48Q33.13 40.56 36.05 40.56ZM23.04 64.89Q17.76 76.56 19.37 89.21L24.23 89.21Q22.55 77.54 26.71 65.86ZM53.57 35.7L64.72 12.36L79.22 2.99L90.22 16.12L78.49 28.77ZM67.95 22.37L55.4 32.9L56.64 34.37L69.2 23.85ZM67.78 21.25a2.99 2.99 0 1 1 6 0a2.99 2.99 0 1 1 -6 0Z'
+        }
+    ]
+};
 export const logo_fuz_template = {
     label: 'a friendly orange pixelated spider facing you',
     fill: '#f4672f',
@@ -138,15 +148,6 @@ export const logo_fuz_util = {
         }
     ]
 };
-export const logo_fuz_host = {
-    label: 'a brown nautilus shell, spiraling inward',
-    fill: '#84522a',
-    paths: [
-        {
-            d: 'M53.74,61.53 53.57,62.00 53.27,62.41 52.85,62.72 52.37,62.91 51.84,62.96 51.32,62.88 50.81,62.66 50.39,62.33 50.06,61.93 49.82,61.44 49.70,60.94 49.68,60.40 49.78,59.86 49.97,59.36 50.27,58.90 50.66,58.50 51.09,58.19 51.59,57.95 52.14,57.81 52.67,57.76 53.21,57.80 53.75,57.93 54.28,58.16 54.73,58.44 55.15,58.80 55.51,59.22 55.82,59.70 56.05,60.24 56.21,60.81 56.28,61.36 56.27,61.98 56.17,62.55 55.82,63.54 55.22,64.44 54.39,65.21 53.43,65.75 52.35,66.07 51.18,66.15 50.06,65.98 48.97,65.57 48.02,64.98 47.24,64.26 46.54,63.31 46.05,62.30 45.73,61.18 45.62,60.00 45.73,58.79 46.02,57.68 46.35,56.89 46.72,56.23 47.17,55.60 47.68,55.01 48.27,54.47 48.92,53.98 50.27,53.25 51.78,52.79 53.40,52.62 54.30,52.66 55.07,52.77 56.61,53.20 57.48,53.59 58.20,53.99 59.54,55.01 60.71,56.29 61.67,57.79 62.05,58.62 62.35,59.49 62.72,61.17 62.80,62.13 62.80,63.10 62.57,64.90 62.31,65.88 61.96,66.84 61.09,68.54 59.92,70.12 59.17,70.91 58.48,71.52 57.58,72.19 56.79,72.69 55.06,73.52 53.95,73.90 52.99,74.15 50.99,74.42 49.76,74.44 48.52,74.35 47.27,74.14 46.03,73.82 44.80,73.39 43.61,72.84 42.45,72.17 41.34,71.39 40.29,70.51 39.31,69.52 38.41,68.44 37.73,67.46 37.00,66.21 36.48,65.11 35.95,63.72 35.60,62.52 35.26,60.78 35.11,58.98 35.14,57.15 35.32,55.57 35.72,53.72 36.21,52.16 36.86,50.62 37.65,49.13 38.58,47.70 39.65,46.34 40.86,45.06 42.19,43.88 43.64,42.80 45.21,41.85 46.87,41.03 48.63,40.36 50.78,39.76 52.68,39.43 54.97,39.26 56.97,39.30 59.31,39.57 61.32,40.01 63.31,40.64 65.26,41.45 67.15,42.44 68.98,43.62 70.71,44.97 72.34,46.49 73.85,48.18 75.22,50.02 76.43,52.00 77.32,53.75 78.21,55.96 78.92,58.27 79.42,60.66 79.71,63.13 79.78,65.64 79.63,68.18 79.24,70.74 78.61,73.28 77.75,75.80 76.65,78.26 75.32,80.64 74.04,82.55 72.29,84.74 70.68,86.46 68.54,88.38 66.62,89.85 64.14,91.43 61.49,92.81 58.70,93.96 55.77,94.86 52.73,95.51 49.61,95.90 46.42,96.00 43.19,95.81 39.94,95.33 36.71,94.55 33.52,93.47 30.91,92.34 27.86,90.71 25.41,89.13 22.59,86.97 20.38,84.97 18.70,83.23 17.50,81.85 16.36,80.40 15.28,78.90 14.25,77.34 13.30,75.73 12.40,74.06 11.58,72.34 10.60,69.98 9.95,68.16 9.38,66.30 8.89,64.40 8.49,62.47 8.16,60.51 7.93,58.52 7.78,56.51 7.72,54.48 7.76,52.44 7.88,50.39 8.10,48.33 8.41,46.27 8.82,44.21 9.71,40.80 10.37,38.76 11.13,36.75 11.98,34.76 12.93,32.79 13.97,30.86 15.11,28.96 17.20,25.89 19.06,23.53 20.55,21.81 22.13,20.16 23.79,18.57 25.54,17.04 27.36,15.58 29.26,14.20 31.24,12.89 33.98,11.28 36.11,10.17 38.31,9.15 40.56,8.22 42.87,7.39 45.23,6.66 47.64,6.03 50.09,5.48 53.41,4.87 55.95,4.51 58.53,4.24 61.14,4.07 63.79,4.00 66.46,4.04 69.15,4.21 71.86,4.49 74.58,4.91 77.29,5.46 80.00,6.15 81.79,6.69 84.46,7.62 87.09,8.70 89.68,9.94 91.37,10.85 91.75,11.23 92.03,11.68 92.20,12.20 92.28,12.77 92.25,13.41 91.93,14.82 91.65,15.59 90.87,17.25 89.82,19.03 88.55,20.90 87.10,22.83 84.68,25.74 82.95,27.65 80.30,30.39 78.55,32.08 76.05,34.32 73.83,36.12 72.01,37.35 71.09,37.81 70.46,37.93 67.90,36.68 65.47,35.74 63.00,35.04 60.10,34.53 58.03,34.35 55.58,34.34 53.57,34.49 51.21,34.85 48.92,35.40 46.72,36.14 44.63,37.06 42.33,38.34 40.51,39.60 38.83,41.01 37.30,42.54 35.72,44.46 34.74,45.90 33.71,47.71 32.87,49.57 32.20,51.47 31.71,53.40 31.40,55.34 31.27,57.28 31.31,59.19 31.52,61.06 31.89,62.89 32.41,64.64 33.21,66.60 34.03,68.18 34.99,69.65 36.05,71.02 37.43,72.46 38.48,73.39 39.59,74.23 40.74,74.97 42.18,75.74 43.41,76.27 44.91,76.78 46.18,77.10 47.70,77.34 48.97,77.45 50.48,77.44 51.97,77.31 53.41,77.04 54.81,76.66 56.15,76.15 57.42,75.54 58.61,74.82 59.54,74.16 60.41,73.43 61.21,72.65 62.09,71.65 62.73,70.78 63.41,69.67 63.90,68.73 64.38,67.56 64.69,66.57 64.97,65.37 65.13,64.17 65.19,62.97 65.14,61.79 64.98,60.64 64.73,59.51 64.38,58.43 63.95,57.40 63.43,56.43 62.83,55.52 62.16,54.68 61.43,53.91 60.65,53.22 59.82,52.61 58.95,52.08 58.05,51.64 57.12,51.29 56.18,51.03 55.08,50.83 54.13,50.75 53.04,50.77 51.98,50.90 50.95,51.14 49.30,51.77 48.54,52.19 47.71,52.75 46.48,53.88 45.95,54.51 45.42,55.28 45.04,55.98 44.68,56.82 44.44,57.56 44.25,58.43 44.16,59.30 44.16,60.16 44.25,61.00 44.42,61.82 44.80,62.92 45.39,64.03 46.13,65.00 47.00,65.81 47.97,66.46 49.10,66.96 50.27,67.24 51.44,67.31 52.75,67.13 53.96,66.70 55.02,66.05 55.95,65.15 56.63,64.11 57.06,62.90 57.20,61.67 57.04,60.49 56.84,59.87 56.52,59.23 56.17,58.71 55.71,58.21 55.19,57.79 54.63,57.47 54.04,57.23 53.43,57.09 52.83,57.04 52.18,57.09 51.56,57.24 50.99,57.48 50.48,57.81 50.00,58.24 49.62,58.74 49.34,59.28 49.17,59.85 49.11,60.42 49.14,60.98 49.28,61.51 49.50,61.99 49.82,62.45 50.21,62.82 50.65,63.11 51.13,63.29 51.61,63.38 52.13,63.36 52.61,63.25 53.05,63.04 53.44,62.73 53.74,62.36 53.95,61.92 54.06,61.40 54.02,60.90 53.84,60.42 53.56,60.03 53.17,59.74 52.72,59.58 52.24,59.57 51.81,59.71 51.52,59.91 51.21,60.25 51.01,60.59 50.90,60.96 50.88,61.32 50.95,61.67 51.10,62.00 51.32,62.26 51.63,62.49 52.00,62.63 52.38,62.66 52.75,62.60 53.10,62.44 53.40,62.20 53.62,61.88 53.74,61.53Z'
-        }
-    ]
-};
 export const logo_tsv = {
     label: 'a pixelated orange quill drawing a precise line',
     fill: '#f4672f',

package/dist/projects.js

@@ -1,20 +1,20 @@
 import { 
 // TODO when fuz.dev is ready
 // logo_fuz,
-logo_fuz_ui, logo_fuz_code, logo_fuz_blog, logo_fuz_repos, logo_fuz_template, logo_fuz_css, logo_fuz_util, logo_fuz_host, logo_gro, logo_svelte_docinfo, logo_fuz_app, logo_tsv } from './logos.js';
+logo_fuz_ui, logo_fuz_code, logo_mdz, logo_fuz_blog, logo_fuz_repos, logo_fuz_template, logo_fuz_css, logo_fuz_util, logo_gro, logo_svelte_docinfo, logo_fuz_app, logo_tsv } from './logos.js';
 // TODO ideally this wouldn't duplicate metadata like descriptions, but adding fuz_repos to this repo is heavy
 // prettier-ignore
 export const project_items = [
     { name: 'fuz_app', url: 'https://app.fuz.dev/', logo: logo_fuz_app, description: '[pre-alpha] fullstack app library', glyph: '🗝', color_class: 'color_j_50' },
     { name: 'fuz_css', url: 'https://css.fuz.dev/', logo: logo_fuz_css, description: 'semantic-first CSS framework and design system', glyph: '🌿', color_class: 'color_b_50' },
-    { name: 'fuz_ui', url: 'https://ui.fuz.dev/', logo: logo_fuz_ui, description: 'Svelte UI library', glyph: '🧶', color_class: 'color_c_50' },
-    { name: 'fuz_template', url: 'https://template.fuz.dev/', logo: logo_fuz_template, description: 'a web app template with TypeScript + SvelteKit + optional Rust for the fuz-stack', glyph: '❄', color_class: 'color_h_50' },
+    { name: 'fuz_ui', url: 'https://ui.fuz.dev/', logo: logo_fuz_ui, description: 'Svelte component library and frontend helpers', glyph: '🧶', color_class: 'color_c_50' },
+    { name: 'fuz_template', url: 'https://template.fuz.dev/', logo: logo_fuz_template, description: 'starter template for SvelteKit web apps, Rust native tools, or both', glyph: '❄', color_class: 'color_h_50' },
     { name: 'fuz_blog', url: 'https://blog.fuz.dev/', logo: logo_fuz_blog, description: 'blog software from scratch with SvelteKit', glyph: '🖊️', color_class: 'color_e_50' },
     { name: 'fuz_code', url: 'https://code.fuz.dev/', logo: logo_fuz_code, description: 'syntax styling utilities and components for TypeScript, Svelte, Markdown, and more', glyph: '🎨', color_class: 'color_g_50' },
+    { name: 'mdz', url: 'https://mdz.fuz.dev/', logo: logo_mdz, description: 'a strict markdown dialect built for streaming, Svelte authoring, docs websites, and untrusted content', glyph: '📝', color_class: 'color_d_50' },
     { name: 'fuz_repos', url: 'https://repos.fuz.dev/', logo: logo_fuz_repos, description: 'a tool for managing many repos', glyph: '🪄', color_class: 'color_a_50' },
     { name: 'svelte-docinfo', url: 'https://svelte-docinfo.fuz.dev/', logo: logo_svelte_docinfo, description: 'static analysis for TypeScript and Svelte', glyph: '📜', color_class: 'color_i_50' },
     { name: 'fuz_util', url: 'https://util.fuz.dev/', logo: logo_fuz_util, description: 'utility belt for JS', glyph: '🦕', color_class: 'color_f_50' },
-    { name: 'fuz_host', url: 'https://host.fuz.dev/', logo: logo_fuz_host, description: 'host APIs for JS: filesystem, processes, and the OS, one import across runtimes', glyph: '🐚', color_class: 'color_f_50' },
-    { name: 'gro', url: 'https://github.com/fuzdev/gro', logo: logo_gro, description: 'task runner and toolkit extending SvelteKit', glyph: '🌰', color_class: 'color_f_50' },
+    { name: 'gro', url: 'https://github.com/fuzdev/gro', logo: logo_gro, description: 'security-first JS runtime and toolchain on V8', glyph: '🌰', color_class: 'color_f_50' },
     { name: 'tsv', url: 'https://tsv.fuz.dev/', logo: logo_tsv, description: 'precise language tools for TypeScript/JS, CSS, and Svelte in Rust', glyph: '🪶', color_class: 'color_h_50' },
 ];

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@fuzdev/fuz_ui",
-  "version": "0.220.0",
-  "description": "Svelte UI library",
+  "version": "0.222.0",
+  "description": "Svelte component library and frontend helpers",
   "tagline": "friendly user zystem",
   "glyph": "🧶",
   "logo": "logo.svg",
-  "logo_alt": "a friendly brown spider facing you",
+  "logo_alt": "a friendly red spider facing you",
   "license": "0BSD",
   "homepage": "https://ui.fuz.dev/",
   "author": {
@@ -37,11 +37,11 @@
     "node": ">=24.14"
   },
   "peerDependencies": {
-    "@fuzdev/fuz_code": ">=0.54.0",
-    "@fuzdev/fuz_css": ">=0.70.0",
-    "@fuzdev/fuz_util": ">=0.77.0",
-    "@fuzdev/gro": ">=0.220.0",
-    "@fuzdev/mdz": ">=0.6.0",
+    "@fuzdev/fuz_code": ">=0.56.0",
+    "@fuzdev/fuz_css": ">=0.72.0",
+    "@fuzdev/fuz_util": ">=0.79.0",
+    "@fuzdev/gro": ">=0.223.0",
+    "@fuzdev/mdz": ">=0.7.0",
     "@sveltejs/kit": "^3",
     "esm-env": "^1",
     "svelte": "^5"
@@ -63,26 +63,25 @@
   "devDependencies": {
     "@changesets/changelog-git": "^0.2.1",
     "@fuzdev/blake3-wasm": "^0.2.0",
-    "@fuzdev/fuz_code": "^0.54.0",
-    "@fuzdev/fuz_css": "^0.71.0",
+    "@fuzdev/fuz_code": "^0.56.0",
+    "@fuzdev/fuz_css": "^0.72.0",
     "@fuzdev/fuz_schema": "^0.5.0",
-    "@fuzdev/fuz_util": "^0.77.0",
-    "@fuzdev/gro": "^0.220.0",
-    "@fuzdev/mdz": "^0.6.0",
+    "@fuzdev/fuz_util": "^0.79.0",
+    "@fuzdev/gro": "^0.224.0",
+    "@fuzdev/mdz": "^0.7.0",
     "@ryanatkn/eslint-config": "^0.13.1",
     "@sveltejs/adapter-static": "^4.0.0",
     "@sveltejs/kit": "^3.0.1",
     "@sveltejs/package": "^3.0.0",
     "@sveltejs/vite-plugin-svelte": "^7.3.1",
     "@types/node": "^24.10.1",
-    "@webref/css": "^8.2.0",
     "eslint": "^9.39.4",
     "eslint-plugin-svelte": "^3.19.0",
     "esm-env": "^1.2.2",
     "jsdom": "^29.1.1",
     "svelte": "^5.57.2",
     "svelte-check": "^4.7.6",
-    "svelte-docinfo": "^0.16.0",
+    "svelte-docinfo": "^0.17.0",
     "tslib": "^2.8.1",
     "typescript": "^6.0.3",
     "typescript-eslint": "^8.71.1",

package/src/lib/csp_of_fuzdev.ts

@@ -2,7 +2,7 @@ import type { CspDirectives } from './csp.ts';
 
 /**
  * Per-directive sources that allow full interop between fuzdev/sister sites
- * (`*.fuz.dev`, `*.zzz.software`) — loading assets and APIs from each other,
+ * (`*.fuz.dev`) — loading assets and APIs from each other,
  * and iframing in both directions.
  *
  * Pass into `create_csp_directives({extend: [csp_directives_of_fuzdev]})`.
@@ -14,12 +14,12 @@ import type { CspDirectives } from './csp.ts';
  * needs them.
  */
 export const csp_directives_of_fuzdev: Partial<CspDirectives> = {
-	'img-src': ['https://*.fuz.dev/', 'https://*.zzz.software/'],
-	'media-src': ['https://*.fuz.dev/', 'https://*.zzz.software/'],
-	'font-src': ['https://*.fuz.dev/', 'https://*.zzz.software/'],
-	'connect-src': ['https://*.fuz.dev/', 'https://*.zzz.software/'],
-	'frame-src': ['https://*.fuz.dev/', 'https://*.zzz.software/'],
-	'frame-ancestors': ['https://*.fuz.dev/', 'https://*.zzz.software/']
+	'img-src': ['https://*.fuz.dev/'],
+	'media-src': ['https://*.fuz.dev/'],
+	'font-src': ['https://*.fuz.dev/'],
+	'connect-src': ['https://*.fuz.dev/'],
+	'frame-src': ['https://*.fuz.dev/'],
+	'frame-ancestors': ['https://*.fuz.dev/']
 	// `child-src` is intentionally omitted — it defaults to `['none']`, and `extend` cannot
 	// append to a `'none'`-valued directive. Including it here would break the common
 	// `create_csp_directives({extend: [csp_directives_of_fuzdev]})` call. `frame-src` is its

package/src/lib/declaration.svelte.ts

@@ -254,9 +254,10 @@ export class Declaration {
 
 	/**
 	 * The component's styling API: CSS custom properties its styles read with
-	 * a `var()` fallback, plus any its doc comment documents with `@cssprop`
-	 * tags (`documented`), the documented ones first.
-	 * Present on `component` kind only.
+	 * a `var()` fallback or register with `@property`, plus any its doc comment
+	 * documents with `@cssprop` tags (`documented`), the documented ones first.
+	 * A documented entry carries the tag's `default` beside the style's
+	 * `fallback`. Present on `component` kind only.
 	 */
 	get css_custom_properties(): Array<ComponentCssPropertyJsonInput> | undefined {
 		return field<Array<ComponentCssPropertyJsonInput>>(

package/src/lib/library.svelte.ts

@@ -21,8 +21,8 @@ import {
  * The getter form keeps consumers reactive when the library changes without
  * requiring a remount — set it with a closure over reactive state, e.g.
  * `library_context.set(() => library)`. Components that accept a `library`
- * prop (`LibraryDetail`, `ApiIndex`, `ApiModule`) project the prop into this
- * context for their subtree, so descendants like `ModuleLink`,
+ * prop (`ApiIndex`, `ApiModule`) project the prop into this context for their
+ * subtree, so descendants like `ModuleLink`,
  * `DeclarationLink`, and TSDoc-rendered `DocsLink` resolve against the same
  * library — including when an aggregator renders a foreign library that
  * differs from the site-level context.

package/src/lib/logos.ts

@@ -102,7 +102,7 @@ export const logo_fuz_repos = {
 	paths: logo_fuz.paths
 } satisfies SvgData;
 
-export const logo_fuz_docs = {
+export const logo_docs_fuz_dev = {
 	label: 'a friendly cyan spider facing you',
 	fill: '#1ec3d2',
 	paths: logo_fuz.paths
@@ -118,6 +118,17 @@ export const logo_svelte_docinfo = {
 	]
 } satisfies SvgData;
 
+export const logo_mdz = {
+	label: 'a purple pen nib hovering over an inkwell with a glint of light',
+	fill: '#8866cc',
+	paths: [
+		{
+			'fill-rule': 'evenodd',
+			d: 'M36.05 40.56H61.35Q64.27 40.56 64.27 43.48V48.35H59.4V56.13L71.08 56.13Q80.81 56.13 82.76 65.86Q86.26 76.56 86.65 87.27Q87.62 97 77.89 97H19.51Q9.78 97 10.76 87.27Q11.14 76.56 14.65 65.86Q16.59 56.13 26.32 56.13L38 56.13V48.35H33.13V43.48Q33.13 40.56 36.05 40.56ZM23.04 64.89Q17.76 76.56 19.37 89.21L24.23 89.21Q22.55 77.54 26.71 65.86ZM53.57 35.7L64.72 12.36L79.22 2.99L90.22 16.12L78.49 28.77ZM67.95 22.37L55.4 32.9L56.64 34.37L69.2 23.85ZM67.78 21.25a2.99 2.99 0 1 1 6 0a2.99 2.99 0 1 1 -6 0Z'
+		}
+	]
+} satisfies SvgData;
+
 export const logo_fuz_template = {
 	label: 'a friendly orange pixelated spider facing you',
 	fill: '#f4672f',
@@ -154,16 +165,6 @@ export const logo_fuz_util = {
 	]
 } satisfies SvgData;
 
-export const logo_fuz_host = {
-	label: 'a brown nautilus shell, spiraling inward',
-	fill: '#84522a',
-	paths: [
-		{
-			d: 'M53.74,61.53 53.57,62.00 53.27,62.41 52.85,62.72 52.37,62.91 51.84,62.96 51.32,62.88 50.81,62.66 50.39,62.33 50.06,61.93 49.82,61.44 49.70,60.94 49.68,60.40 49.78,59.86 49.97,59.36 50.27,58.90 50.66,58.50 51.09,58.19 51.59,57.95 52.14,57.81 52.67,57.76 53.21,57.80 53.75,57.93 54.28,58.16 54.73,58.44 55.15,58.80 55.51,59.22 55.82,59.70 56.05,60.24 56.21,60.81 56.28,61.36 56.27,61.98 56.17,62.55 55.82,63.54 55.22,64.44 54.39,65.21 53.43,65.75 52.35,66.07 51.18,66.15 50.06,65.98 48.97,65.57 48.02,64.98 47.24,64.26 46.54,63.31 46.05,62.30 45.73,61.18 45.62,60.00 45.73,58.79 46.02,57.68 46.35,56.89 46.72,56.23 47.17,55.60 47.68,55.01 48.27,54.47 48.92,53.98 50.27,53.25 51.78,52.79 53.40,52.62 54.30,52.66 55.07,52.77 56.61,53.20 57.48,53.59 58.20,53.99 59.54,55.01 60.71,56.29 61.67,57.79 62.05,58.62 62.35,59.49 62.72,61.17 62.80,62.13 62.80,63.10 62.57,64.90 62.31,65.88 61.96,66.84 61.09,68.54 59.92,70.12 59.17,70.91 58.48,71.52 57.58,72.19 56.79,72.69 55.06,73.52 53.95,73.90 52.99,74.15 50.99,74.42 49.76,74.44 48.52,74.35 47.27,74.14 46.03,73.82 44.80,73.39 43.61,72.84 42.45,72.17 41.34,71.39 40.29,70.51 39.31,69.52 38.41,68.44 37.73,67.46 37.00,66.21 36.48,65.11 35.95,63.72 35.60,62.52 35.26,60.78 35.11,58.98 35.14,57.15 35.32,55.57 35.72,53.72 36.21,52.16 36.86,50.62 37.65,49.13 38.58,47.70 39.65,46.34 40.86,45.06 42.19,43.88 43.64,42.80 45.21,41.85 46.87,41.03 48.63,40.36 50.78,39.76 52.68,39.43 54.97,39.26 56.97,39.30 59.31,39.57 61.32,40.01 63.31,40.64 65.26,41.45 67.15,42.44 68.98,43.62 70.71,44.97 72.34,46.49 73.85,48.18 75.22,50.02 76.43,52.00 77.32,53.75 78.21,55.96 78.92,58.27 79.42,60.66 79.71,63.13 79.78,65.64 79.63,68.18 79.24,70.74 78.61,73.28 77.75,75.80 76.65,78.26 75.32,80.64 74.04,82.55 72.29,84.74 70.68,86.46 68.54,88.38 66.62,89.85 64.14,91.43 61.49,92.81 58.70,93.96 55.77,94.86 52.73,95.51 49.61,95.90 46.42,96.00 43.19,95.81 39.94,95.33 36.71,94.55 33.52,93.47 30.91,92.34 27.86,90.71 25.41,89.13 22.59,86.97 20.38,84.97 18.70,83.23 17.50,81.85 16.36,80.40 15.28,78.90 14.25,77.34 13.30,75.73 12.40,74.06 11.58,72.34 10.60,69.98 9.95,68.16 9.38,66.30 8.89,64.40 8.49,62.47 8.16,60.51 7.93,58.52 7.78,56.51 7.72,54.48 7.76,52.44 7.88,50.39 8.10,48.33 8.41,46.27 8.82,44.21 9.71,40.80 10.37,38.76 11.13,36.75 11.98,34.76 12.93,32.79 13.97,30.86 15.11,28.96 17.20,25.89 19.06,23.53 20.55,21.81 22.13,20.16 23.79,18.57 25.54,17.04 27.36,15.58 29.26,14.20 31.24,12.89 33.98,11.28 36.11,10.17 38.31,9.15 40.56,8.22 42.87,7.39 45.23,6.66 47.64,6.03 50.09,5.48 53.41,4.87 55.95,4.51 58.53,4.24 61.14,4.07 63.79,4.00 66.46,4.04 69.15,4.21 71.86,4.49 74.58,4.91 77.29,5.46 80.00,6.15 81.79,6.69 84.46,7.62 87.09,8.70 89.68,9.94 91.37,10.85 91.75,11.23 92.03,11.68 92.20,12.20 92.28,12.77 92.25,13.41 91.93,14.82 91.65,15.59 90.87,17.25 89.82,19.03 88.55,20.90 87.10,22.83 84.68,25.74 82.95,27.65 80.30,30.39 78.55,32.08 76.05,34.32 73.83,36.12 72.01,37.35 71.09,37.81 70.46,37.93 67.90,36.68 65.47,35.74 63.00,35.04 60.10,34.53 58.03,34.35 55.58,34.34 53.57,34.49 51.21,34.85 48.92,35.40 46.72,36.14 44.63,37.06 42.33,38.34 40.51,39.60 38.83,41.01 37.30,42.54 35.72,44.46 34.74,45.90 33.71,47.71 32.87,49.57 32.20,51.47 31.71,53.40 31.40,55.34 31.27,57.28 31.31,59.19 31.52,61.06 31.89,62.89 32.41,64.64 33.21,66.60 34.03,68.18 34.99,69.65 36.05,71.02 37.43,72.46 38.48,73.39 39.59,74.23 40.74,74.97 42.18,75.74 43.41,76.27 44.91,76.78 46.18,77.10 47.70,77.34 48.97,77.45 50.48,77.44 51.97,77.31 53.41,77.04 54.81,76.66 56.15,76.15 57.42,75.54 58.61,74.82 59.54,74.16 60.41,73.43 61.21,72.65 62.09,71.65 62.73,70.78 63.41,69.67 63.90,68.73 64.38,67.56 64.69,66.57 64.97,65.37 65.13,64.17 65.19,62.97 65.14,61.79 64.98,60.64 64.73,59.51 64.38,58.43 63.95,57.40 63.43,56.43 62.83,55.52 62.16,54.68 61.43,53.91 60.65,53.22 59.82,52.61 58.95,52.08 58.05,51.64 57.12,51.29 56.18,51.03 55.08,50.83 54.13,50.75 53.04,50.77 51.98,50.90 50.95,51.14 49.30,51.77 48.54,52.19 47.71,52.75 46.48,53.88 45.95,54.51 45.42,55.28 45.04,55.98 44.68,56.82 44.44,57.56 44.25,58.43 44.16,59.30 44.16,60.16 44.25,61.00 44.42,61.82 44.80,62.92 45.39,64.03 46.13,65.00 47.00,65.81 47.97,66.46 49.10,66.96 50.27,67.24 51.44,67.31 52.75,67.13 53.96,66.70 55.02,66.05 55.95,65.15 56.63,64.11 57.06,62.90 57.20,61.67 57.04,60.49 56.84,59.87 56.52,59.23 56.17,58.71 55.71,58.21 55.19,57.79 54.63,57.47 54.04,57.23 53.43,57.09 52.83,57.04 52.18,57.09 51.56,57.24 50.99,57.48 50.48,57.81 50.00,58.24 49.62,58.74 49.34,59.28 49.17,59.85 49.11,60.42 49.14,60.98 49.28,61.51 49.50,61.99 49.82,62.45 50.21,62.82 50.65,63.11 51.13,63.29 51.61,63.38 52.13,63.36 52.61,63.25 53.05,63.04 53.44,62.73 53.74,62.36 53.95,61.92 54.06,61.40 54.02,60.90 53.84,60.42 53.56,60.03 53.17,59.74 52.72,59.58 52.24,59.57 51.81,59.71 51.52,59.91 51.21,60.25 51.01,60.59 50.90,60.96 50.88,61.32 50.95,61.67 51.10,62.00 51.32,62.26 51.63,62.49 52.00,62.63 52.38,62.66 52.75,62.60 53.10,62.44 53.40,62.20 53.62,61.88 53.74,61.53Z'
-		}
-	]
-} satisfies SvgData;
-
 export const logo_tsv = {
 	label: 'a pixelated orange quill drawing a precise line',
 	fill: '#f4672f',

package/src/lib/projects.ts

@@ -4,12 +4,12 @@ import {
 	// logo_fuz,
 	logo_fuz_ui,
 	logo_fuz_code,
+	logo_mdz,
 	logo_fuz_blog,
 	logo_fuz_repos,
 	logo_fuz_template,
 	logo_fuz_css,
 	logo_fuz_util,
-	logo_fuz_host,
 	logo_gro,
 	logo_svelte_docinfo,
 	logo_fuz_app,
@@ -33,14 +33,14 @@ export interface ProjectItem {
 export const project_items: Array<ProjectItem> = [
 	{name: 'fuz_app', url: 'https://app.fuz.dev/', logo: logo_fuz_app, description: '[pre-alpha] fullstack app library', glyph: '🗝', color_class: 'color_j_50'},
 	{name: 'fuz_css', url: 'https://css.fuz.dev/', logo: logo_fuz_css, description: 'semantic-first CSS framework and design system', glyph: '🌿', color_class: 'color_b_50'},
-	{name: 'fuz_ui', url: 'https://ui.fuz.dev/', logo: logo_fuz_ui, description: 'Svelte UI library', glyph: '🧶', color_class: 'color_c_50'},
-	{name: 'fuz_template', url: 'https://template.fuz.dev/', logo: logo_fuz_template, description: 'a web app template with TypeScript + SvelteKit + optional Rust for the fuz-stack', glyph: '❄', color_class: 'color_h_50'},
+	{name: 'fuz_ui', url: 'https://ui.fuz.dev/', logo: logo_fuz_ui, description: 'Svelte component library and frontend helpers', glyph: '🧶', color_class: 'color_c_50'},
+	{name: 'fuz_template', url: 'https://template.fuz.dev/', logo: logo_fuz_template, description: 'starter template for SvelteKit web apps, Rust native tools, or both', glyph: '❄', color_class: 'color_h_50'},
 	{name: 'fuz_blog', url: 'https://blog.fuz.dev/', logo: logo_fuz_blog, description: 'blog software from scratch with SvelteKit', glyph: '🖊️', color_class: 'color_e_50'},
 	{name: 'fuz_code', url: 'https://code.fuz.dev/', logo: logo_fuz_code, description: 'syntax styling utilities and components for TypeScript, Svelte, Markdown, and more', glyph: '🎨', color_class: 'color_g_50'},
+	{name: 'mdz', url: 'https://mdz.fuz.dev/', logo: logo_mdz, description: 'a strict markdown dialect built for streaming, Svelte authoring, docs websites, and untrusted content', glyph: '📝', color_class: 'color_d_50'},
 	{name: 'fuz_repos', url: 'https://repos.fuz.dev/', logo: logo_fuz_repos, description: 'a tool for managing many repos', glyph: '🪄', color_class: 'color_a_50'},
 	{name: 'svelte-docinfo', url: 'https://svelte-docinfo.fuz.dev/', logo: logo_svelte_docinfo, description: 'static analysis for TypeScript and Svelte', glyph: '📜', color_class: 'color_i_50'},
 	{name: 'fuz_util', url: 'https://util.fuz.dev/', logo: logo_fuz_util, description: 'utility belt for JS', glyph: '🦕', color_class: 'color_f_50'},
-	{name: 'fuz_host', url: 'https://host.fuz.dev/', logo: logo_fuz_host, description: 'host APIs for JS: filesystem, processes, and the OS, one import across runtimes', glyph: '🐚', color_class: 'color_f_50'},
-	{name: 'gro', url: 'https://github.com/fuzdev/gro', logo: logo_gro, description: 'task runner and toolkit extending SvelteKit', glyph: '🌰', color_class: 'color_f_50'},
+	{name: 'gro', url: 'https://github.com/fuzdev/gro', logo: logo_gro, description: 'security-first JS runtime and toolchain on V8', glyph: '🌰', color_class: 'color_f_50'},
 	{name: 'tsv', url: 'https://tsv.fuz.dev/', logo: logo_tsv, description: 'precise language tools for TypeScript/JS, CSS, and Svelte in Rust', glyph: '🪶', color_class: 'color_h_50'},
 ];

package/dist/LibraryDetail.svelte

@@ -1,307 +0,0 @@
-<!--
-@component
-
-Renders library metadata (name, description, links, license) and a module index
-with file-type coloring. Uses svelte-docinfo's file type predicates for module classification.
-
-@see `library.svelte.ts` for the `Library` wrapper class
-@see {@link https://github.com/ryanatkn/svelte-docinfo svelte-docinfo} for the analysis library
-@cssprop --max_width - maximum width of the detail
--->
-<script lang="ts">
-	import { page } from '$app/state';
-	import { format_url } from '@fuzdev/fuz_util/url.ts';
-	import type { OmitStrict } from '@fuzdev/fuz_util/types.ts';
-	import type { Snippet } from 'svelte';
-	import type { SvelteHTMLElements } from 'svelte/elements';
-
-	import { library_context, type Library } from './library.svelte.js';
-	import ImgOrSvg from './ImgOrSvg.svelte';
-	import DeclarationLink from './DeclarationLink.svelte';
-	import ModuleLink from './ModuleLink.svelte';
-	import { url_github_file } from '@fuzdev/fuz_util/package_helpers.ts';
-	import { isTypescript, isSvelte, isCss, isJson } from 'svelte-docinfo/source.js';
-
-	const {
-		library,
-		links_full = false,
-		repo_name,
-		description,
-		tagline,
-		npm_url,
-		homepage_url,
-		children,
-		...rest
-	}: OmitStrict<SvelteHTMLElements['div'], 'children'> & {
-		library: Library;
-		/**
-		 * Link the module/declaration index to the library's own deployed docs
-		 * (`url_api_full`) instead of site-local paths. Use when rendering a
-		 * foreign library on a different site, e.g. an aggregator.
-		 */
-		links_full?: boolean;
-		repo_name?: Snippet<[repo_name: string]>;
-		description?: Snippet<[description: string]>;
-		tagline?: Snippet<[description: string]>;
-		npm_url?: Snippet<[npm_url: string]>;
-		homepage_url?: Snippet<[homepage_url: string]>;
-		children?: Snippet<[library: Library]>;
-	} = $props();
-
-	library_context.set(() => library);
-
-	// TODO show other data (lines of code)
-
-	const { pkg_json } = $derived(library);
-
-	const license_url = $derived(
-		pkg_json.license ? url_github_file(library.repo_url, 'LICENSE') : null
-	);
-</script>
-
-<!-- eslint-disable svelte/no-navigation-without-resolve -->
-
-<div {...rest} class="library-detail {rest.class}">
-	<!-- TODO maybe continue this snippet pattern, or maybe simplify? -->
-	<div class="info">
-		<div class="display:flex flex:1">
-			<!-- add yet another wrapper so it flows like we want -->
-			<div>
-				<header>
-					{#if repo_name}
-						{@render repo_name(library.repo_name)}
-					{:else}
-						<div class="repo-name">
-							{library.repo_name}{#if pkg_json.glyph}&nbsp;{pkg_json.glyph}{/if}
-						</div>
-					{/if}
-				</header>
-				{@render children?.(library)}
-				{#if pkg_json.description}
-					{#if description}
-						{@render description(pkg_json.description)}
-					{:else}
-						<div class="description">{pkg_json.description}</div>
-					{/if}
-				{/if}
-				{#if pkg_json.tagline}
-					{#if tagline}
-						{@render tagline(pkg_json.tagline)}
-					{:else}
-						<div class="tagline">{pkg_json.tagline}</div>
-					{/if}
-				{/if}
-				{#if library.npm_url}
-					{#if npm_url}
-						{@render npm_url(library.npm_url)}
-					{:else}
-						<blockquote class="npm-url">npm i -D {pkg_json.name}</blockquote>
-					{/if}
-				{/if}
-				<!-- TODO accessible HTML -->
-				<section class="properties">
-					{#if library.homepage_url}
-						{#if homepage_url}
-							{@render homepage_url(library.homepage_url)}
-						{:else}
-							<span class="title">homepage</span>
-							<div class="content">
-								<a
-									class={['chip', { selected: library.homepage_url === page.url.href }]}
-									href={library.homepage_url}
-								>
-									{#if library.logo_url}
-										<ImgOrSvg
-											src={library.logo_url}
-											label={library.logo_alt}
-											size="16px"
-											class="mr_xs"
-										/>
-									{/if}
-									{format_url(library.homepage_url)}
-								</a>
-							</div>
-						{/if}
-					{/if}
-					{#if library.repo_url}
-						<span class="title">repo</span>
-						<div class="content">
-							<a class="chip" title="repo" href={library.repo_url}>
-								{library.owner_name}/{library.repo_name}
-							</a>
-						</div>
-					{/if}
-					{#if library.npm_url}
-						<span class="title">npm</span>
-						<div class="content">
-							<a class="chip" title="npm" href={library.npm_url}>{pkg_json.name}</a>
-						</div>
-					{/if}
-					{#if library.changelog_url}
-						<span class="title">version</span>
-						<div class="content">
-							<a class="chip" title="version" href={library.changelog_url}>{pkg_json.version}</a>
-						</div>
-					{/if}
-					{#if license_url}
-						<span class="title">license</span>
-						<div class="content">
-							<a class="chip" title="license" href={license_url}>{pkg_json.license}</a>
-						</div>
-					{/if}
-				</section>
-			</div>
-		</div>
-		{#if library.logo_url}
-			<div class="logo">
-				<ImgOrSvg
-					src={library.logo_url}
-					label={library.logo_alt}
-					size="var(--font_size, var(--icon_size_xl2))"
-				/>
-			</div>
-		{/if}
-	</div>
-	{#if library.modules.length > 0 && library.repo_url}
-		<section>
-			<menu class="unstyled">
-				{#each library.modules as module (module.path)}
-					<!-- TODO improve rendering and enrich data - start with the type (not just extension - mime?) -->
-					<li
-						class={[
-							'module',
-							{
-								ts: isTypescript(module.path),
-								svelte: isSvelte(module.path),
-								css: isCss(module.path),
-								json: isJson(module.path)
-							}
-						]}
-					>
-						<div class="module-content">
-							<span class="font_size_xl">
-								<ModuleLink module_path={module.path} full={links_full}>
-									{module.path}
-								</ModuleLink>
-							</span>
-							{#if module.has_declarations}
-								<ul class="declarations unstyled">
-									{#each module.declarations as declaration (declaration.name)}
-										<li>
-											<DeclarationLink
-												name={declaration.name}
-												module_path={module.path}
-												full={links_full}
-											/>
-										</li>
-									{/each}
-								</ul>
-							{/if}
-						</div>
-					</li>
-				{/each}
-			</menu>
-		</section>
-	{/if}
-
-	<!-- TODO maybe add more details, possibly behind a `<details>`, including author -->
-	<!-- TODO render exports, then link to source, then tomes -->
-</div>
-
-<!-- TODO better rendering, also show author, etc -->
-
-<style>
-	.library-detail {
-		display: flex;
-		flex-direction: column;
-		align-items: flex-start;
-		width: 100%;
-		max-width: var(--max_width, var(--distance_md));
-		overflow-x: auto;
-	}
-
-	.info {
-		width: 100%;
-		display: flex;
-		flex-wrap: wrap;
-	}
-
-	.logo {
-		flex-shrink: 0;
-		padding: 0 var(--space_xl);
-	}
-
-	header {
-		margin-bottom: var(--space_lg);
-	}
-
-	section {
-		width: 100%;
-		margin-bottom: var(--space_lg);
-	}
-	.repo-name {
-		font-family: var(--font_family_serif);
-		font-size: var(--font_size_xl2);
-		font-weight: 400;
-	}
-	.npm-url {
-		font-family: var(--font_family_mono);
-		text-align: center;
-		margin-bottom: var(--space_lg);
-	}
-	.description {
-		margin-bottom: var(--space_lg);
-	}
-	.tagline {
-		margin-bottom: var(--space_lg);
-	}
-	.properties {
-		display: grid;
-		grid-template-columns: 80px 1fr;
-		gap: var(--space_xs2);
-		margin-bottom: var(--space_lg);
-	}
-	.title {
-		text-align: right;
-	}
-	.content {
-		display: flex;
-	}
-	.content a {
-		display: flex;
-		align-items: center;
-		margin-left: var(--space_xs);
-	}
-	.module {
-		margin-bottom: var(--space_xs);
-		--link_color: var(--text_70);
-	}
-	.module-content {
-		background-color: var(--shade_10);
-		border-radius: var(--border_radius_sm);
-		padding: var(--space_xs);
-	}
-	/* TODO probably add variables/classes for these */
-	.ts {
-		--link_color: var(--palette_a_50);
-	}
-	.svelte {
-		--link_color: var(--palette_h_50);
-	}
-	.css {
-		--link_color: var(--palette_b_50);
-	}
-	.json {
-		--link_color: var(--palette_f_50);
-	}
-	/* TODO extract */
-	.declarations {
-		display: flex;
-		flex: 1;
-		flex-direction: row;
-		flex-wrap: wrap;
-		align-items: flex-start;
-		gap: var(--space_xs) 0;
-		padding-top: var(--space_xs);
-	}
-</style>

package/dist/LibraryDetail.svelte.d.ts

@@ -1,31 +0,0 @@
-import type { OmitStrict } from '@fuzdev/fuz_util/types.ts';
-import type { Snippet } from 'svelte';
-import type { SvelteHTMLElements } from 'svelte/elements';
-import { type Library } from './library.svelte.js';
-type $$ComponentProps = OmitStrict<SvelteHTMLElements['div'], 'children'> & {
-    library: Library;
-    /**
-     * Link the module/declaration index to the library's own deployed docs
-     * (`url_api_full`) instead of site-local paths. Use when rendering a
-     * foreign library on a different site, e.g. an aggregator.
-     */
-    links_full?: boolean;
-    repo_name?: Snippet<[repo_name: string]>;
-    description?: Snippet<[description: string]>;
-    tagline?: Snippet<[description: string]>;
-    npm_url?: Snippet<[npm_url: string]>;
-    homepage_url?: Snippet<[homepage_url: string]>;
-    children?: Snippet<[library: Library]>;
-};
-/**
- * Renders library metadata (name, description, links, license) and a module index
- * with file-type coloring. Uses svelte-docinfo's file type predicates for module classification.
- *
- * @see `library.svelte.ts` for the `Library` wrapper class
- * @see {@link https://github.com/ryanatkn/svelte-docinfo svelte-docinfo} for the analysis library
- * @cssprop --max_width - maximum width of the detail
- */
-declare const LibraryDetail: import("svelte").Component<$$ComponentProps, {}, "">;
-type LibraryDetail = ReturnType<typeof LibraryDetail>;
-export default LibraryDetail;
-//# sourceMappingURL=LibraryDetail.svelte.d.ts.map

package/dist/LibraryDetail.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibraryDetail.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/LibraryDetail.svelte"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EAAmB,KAAK,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAOnE,KAAK,gBAAgB,GAAI,UAAU,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC5E,OAAO,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;CACvC,CAAC;AAgLH;;;;;;;GAOG;AACH,QAAA,MAAM,aAAa,sDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}